/* ============================================================================
  CLOUD SPRESS V78 — STRUCTURED STYLESHEET
  Cascade order intentionally preserved from V77 to avoid visual regressions.
  Sections are semantic; later overrides remain in their original cascade
  position where required by the current design.
  ============================================================================ */
/* ---------------- 01. TOKENS / BASE / GLOBALS ---------------- */
:root{
  --ink:#091741;
  --paper:#f6f7fa;
  --line:#dfe3eb;
  --orange:#CF6100;
  --orange-bright:#F08A00;
  --orange-soft:#FFF0E0;
  --cyan:#CF6100;
  --container:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;color-scheme:light}
body{margin:0;font-family:'DM Sans',system-ui,sans-serif;background:var(--paper);color:var(--ink);line-height:1.55;overflow-x:hidden;color-scheme:light}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button,
input,
textarea{font:inherit}
button{cursor:pointer}
.container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
.section{padding:112px 0}
.section-dark{background:var(--ink);color:#f4f6fa;position:relative;overflow:hidden}
.section-soft{background:#f1f3f7}
.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--orange);display:flex;align-items:center;gap:9px}
.eyebrow-light{color:#69757d}
.pulse-dot{width:7px;height:7px;border-radius:999px;background:var(--orange);box-shadow:0 0 0 6px rgba(207,97,0,.12);display:inline-block}
.site-header{position:sticky;top:0;z-index:50;background:rgba(246,247,250,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(9,23,65,.10)}
.nav-wrap{height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;align-items:center;gap:11px;min-width:168px;max-width:168px;overflow:hidden}
.brand-logo{display:block;width:168px;height:58px;max-width:168px;object-fit:contain;object-position:left center;flex:0 0 168px}
.brand-footer .brand-logo{width:210px;height:64px;max-width:210px;flex-basis:210px}
.desktop-nav{display:flex;gap:28px;align-items:center;margin-left:auto}.desktop-nav a{font-size:14px;font-weight:600;color:#53606a}.desktop-nav a:hover{color:var(--ink)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 20px;border-radius:14px;font-weight:700;font-size:14px;border:1px solid transparent;transition:transform .2s ease,background .2s ease,border-color .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--orange);color:var(--ink)}.button-primary:hover{background:#e07b00}.button-ghost{background:transparent;color:#edf0f5;border-color:rgba(255,255,255,.18)}.button-sm{min-height:42px;padding:0 15px;font-size:13px}.button-dark{background:var(--ink);color:#fff;width:100%}
.hero{min-height:760px;padding:92px 0 84px}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:62px;align-items:center;position:relative;z-index:1}.hero-copy h1{font-family:'DM Sans',sans-serif;font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.065em;margin:22px 0 26px;max-width:680px}.hero-copy h1 em,
.section-heading h2 em,
.cta-card h2 em{font-style:normal;color:var(--orange)}.hero-lead{max-width:640px;color:#b8c3c7;font-size:18px;margin:0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0 38px}.hero-meta{display:flex;gap:36px;padding-top:6px}.hero-meta div{display:grid;gap:2px}.hero-meta strong{font-family:'DM Sans',sans-serif;font-size:18px}.hero-meta span{font-size:11px;color:#93a1a7;text-transform:uppercase;letter-spacing:.1em}
.hero-visual{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center}.hero-glow{position:absolute;border-radius:999px;filter:blur(60px);opacity:.13}.hero-glow-a{width:420px;height:420px;background:var(--orange-bright);right:2%;top:4%}.hero-glow-b{width:300px;height:300px;background:var(--cyan);left:2%;bottom:2%}
.dashboard-card{width:min(100%,600px);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:24px;padding:22px;box-shadow:0 30px 100px rgba(0,0,0,.24);backdrop-filter:blur(18px)}.dashboard-top,
.dashboard-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.dashboard-top{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#8b9aa1}.status-pill{padding:7px 9px;border:1px solid rgba(207,97,0,.22);border-radius:99px;color:#ffd1a0;letter-spacing:.06em;display:inline-flex;align-items:center;gap:7px}.status-pill i{width:6px;height:6px;border-radius:99px;background:var(--orange)}.dashboard-title{align-items:flex-end;margin:27px 0 19px}.dashboard-title small{font-size:10px;color:#8e9ba1;letter-spacing:.16em}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric-grid article{padding:16px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.metric-grid small,
.metric-grid span{display:block;color:#89979d;font-size:11px}.metric-grid strong{display:block;font-family:'DM Sans',sans-serif;font-size:24px;letter-spacing:-.04em;margin:3px 0}.chart-wrap{padding:20px 2px 5px}.chart-labels{display:flex;justify-content:space-between;color:#68777e;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.chart{width:100%;height:130px;display:block}.event-list{border-top:1px solid rgba(255,255,255,.09);margin-top:5px;padding-top:13px;display:grid;gap:9px}.event-list div{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;font-size:11px;color:#aeb9bd}.event-list time{color:#67757c}.event-dot{width:7px;height:7px;border-radius:999px}.event-dot.ok{background:var(--orange)}
.section-heading{margin-bottom:54px}.section-heading h2{font-family:'DM Sans',sans-serif;letter-spacing:-.05em;font-size:clamp(36px,5vw,58px);line-height:1.02;margin:13px 0 0}.split-heading{display:grid;grid-template-columns:1.35fr .65fr;gap:50px;align-items:end}.split-heading>p{color:#66727a;max-width:380px;margin:0 0 4px;font-size:16px}.center-heading{text-align:center;max-width:760px;margin:0 auto 55px}.center-heading p{color:#66727a;max-width:600px;margin:18px auto 0}
 .solution-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}
.solution-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:24px;
  min-height:292px;
  display:flex;
  flex-direction:column;
  box-shadow:0 12px 28px rgba(9,23,65,.035);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.solution-card:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 45px rgba(9,23,65,.09);
  border-color:#d5dbe5;
}
.solution-featured{
  background:var(--ink);
  color:#f4f6fa;
  border-color:var(--ink);
  min-height:292px;
}
.solution-icon{
  width:44px;
  height:44px;
  flex:0 0 44px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:var(--orange-soft);
  color:#8a3f00;
  margin:0 0 20px;
  font-size:20px;
  font-weight:700;
}
.solution-featured .solution-icon{
  background:var(--orange-soft)!important;
  color:#8a3f00!important;
}
.solution-card h3{
  font-family:'DM Sans',sans-serif;
  font-size:21px;
  line-height:1.12;
  letter-spacing:-.03em;
  margin:0 0 10px;
}
.solution-card p{
  margin:0;
  color:#68757b;
  font-size:14px;
  line-height:1.58;
}
.solution-featured p{color:#c0c9cf}
.dark-panel{padding-top:112px;padding-bottom:112px}.text-link{display:inline-flex;gap:10px;align-items:center;margin-top:23px;color:var(--orange);font-weight:700;font-size:14px}
.cta-section{padding:0 0 112px;background:var(--paper)}.cta-card{background:var(--orange);border-radius:30px;padding:55px;display:grid;grid-template-columns:1fr 420px;gap:80px;align-items:center;position:relative;overflow:hidden}.cta-card:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:rgba(255,255,255,.20);right:-140px;top:-160px}.cta-card h2{font-family:'DM Sans',sans-serif;font-size:clamp(39px,4.6vw,58px);line-height:1.02;letter-spacing:-.05em;margin:18px 0}.cta-card h2 em{color:rgba(9,23,65,.78)}.cta-card p{max-width:560px;color:#8a3f00}.lead-form{position:relative;z-index:2;background:#fff;border:1px solid rgba(9,23,65,.10);border-radius:22px;padding:21px;box-shadow:0 24px 60px rgba(9,23,65,.15);display:grid;gap:12px}.lead-form label{font-size:11px;font-weight:700;color:#536168}.lead-form input,
.lead-form textarea{display:block;width:100%;margin-top:6px;border:1px solid #d8dde7;background:#fafbfc;border-radius:12px;padding:12px 13px;color:var(--ink);outline:none}.lead-form input:focus,
.lead-form textarea:focus{border-color:#cf6100;box-shadow:0 0 0 3px rgba(207,97,0,.22)}.lead-form textarea{resize:vertical;min-height:100px}.form-note{color:#849095;font-size:10px}.form-success{padding:10px 12px;border-radius:10px;background:#fff0e0;color:#8a3f00;font-size:12px}
.footer{background:var(--ink);color:#edf0f5;padding:62px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px;padding-bottom:50px}.footer-brand p{color:#91a0a5;font-size:13px;max-width:300px;margin:18px 0 0}.footer-grid>div:not(.footer-brand){display:grid;align-content:start;gap:8px}.footer-grid a,
.footer-grid span:not(.footer-kicker){font-size:13px;color:#aeb9bc}.footer-kicker{font-size:10px!important;text-transform:uppercase;letter-spacing:.15em;color:#738086!important;font-weight:700;margin-bottom:7px}.footer-bottom{border-top:1px solid rgba(255,255,255,.10);display:flex;justify-content:space-between;gap:20px;padding-top:19px;color:#6f7d82;font-size:11px}
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:60;width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:var(--orange);color:var(--ink);font-size:12px;font-weight:900;letter-spacing:.04em;box-shadow:0 12px 36px rgba(9,23,65,.20)}
@media (max-width:1000px){.desktop-nav{display:none}.hero-grid,
.cta-card{grid-template-columns:1fr}.hero-visual{min-height:440px}.solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-featured{grid-row:auto;grid-column:auto;min-height:275px}.cta-card{gap:35px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media (max-width:650px){.container{width:min(var(--container),calc(100% - 30px))}.nav-wrap{height:72px}.nav-wrap>.button{display:none}.section{padding:78px 0}.hero{padding:72px 0 64px;min-height:auto}.hero-copy h1{font-size:48px}.hero-lead{font-size:16px}.hero-meta{gap:20px;flex-wrap:wrap}.hero-visual{min-height:390px;margin-top:10px}.dashboard-card{padding:15px}.metric-grid{grid-template-columns:1fr}.metric-grid article{padding:12px}.dashboard-title{display:block}.dashboard-title small{display:block;margin-bottom:6px}.split-heading{grid-template-columns:1fr;gap:16px}.solution-grid{grid-template-columns:1fr}.solution-card,
.solution-featured{min-height:auto}.solution-featured{min-height:310px}.cta-section{padding-bottom:78px}.cta-card{padding:30px 20px;border-radius:24px}.lead-form{padding:16px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}.whatsapp-float{right:15px;bottom:15px}.brand{min-width:148px;max-width:148px}.brand-logo{width:148px;height:52px;max-width:148px;flex-basis:148px}.brand-footer .brand-logo{width:190px;height:58px;max-width:190px;flex-basis:190px}}
/* ---------------- 02. BRAND / CORE LAYOUT ---------------- */
html body.cs-site{
  --ink:#091741;
  --paper:#F7F8FA;
  --line:#DDE2EA;
  --orange:#CF6100;
  --orange-bright:#F08A00;
  --orange-soft:#FFF0E0;
  --cyan:#CF6100;
}
html body.cs-site .site-header{background:rgba(247,248,250,.97)!important}
html body.cs-site .site-header .brand{width:178px!important;min-width:178px!important;max-width:178px!important;height:70px!important;display:flex!important;align-items:center!important;overflow:hidden!important;flex:0 0 178px!important}
html body.cs-site .site-header .brand-logo{width:172px!important;max-width:172px!important;height:auto!important;max-height:64px!important;object-position:left center!important;margin:0!important;padding:0!important;display:block!important;flex:0 0 auto!important}
html body.cs-site .footer .brand-footer{width:255px!important;min-width:255px!important;max-width:255px!important;height:80px!important;display:flex!important;align-items:center!important;overflow:hidden!important}
html body.cs-site .footer .brand-footer .brand-logo{width:248px!important;max-width:248px!important;height:auto!important;max-height:76px!important;margin:0!important;padding:0!important}
html body.cs-site .eyebrow,
html body.cs-site .hero-copy h1 em,
html body.cs-site .section-heading h2 em,
html body.cs-site .cta-card h2 em,
html body.cs-site .text-link{color:#CF6100!important}
html body.cs-site .pulse-dot,
html body.cs-site .status-pill i,
html body.cs-site .event-dot.ok,
html body.cs-site .hero-glow-a{background:#F08A00!important}
html body.cs-site .hero-glow-b{background:#CF6100!important}
html body.cs-site .button-primary,
html body.cs-site .whatsapp-float{background:#CF6100!important}
html body.cs-site .solution-icon,
html body.cs-site .form-success{background:#FFF0E0!important;color:#8A3F00!important}
html body.cs-site .solution-featured{background:#091741!important;border-color:#091741!important;color:#F7F8FA!important}
html body.cs-site .solution-featured .solution-icon{background:rgba(240,138,0,.15)!important;color:#F08A00!important}
html body.cs-site .solution-featured h3{color:#fff!important}
html body.cs-site .solution-featured p{color:#C7CED8!important}
html body.cs-site .chart path[stroke]{stroke:#CF6100!important}
html body.cs-site .chart stop[stop-color]{stop-color:#F08A00!important}
html body.cs-site .button-dark{background:#091741!important;color:#fff!important}
html body.cs-site .site-header .button-primary{color:#091741!important}
/* ---------------- 03. SOLUTIONS / GRID ---------------- */
html body.cs-site #solucoes .solution-grid-4x2{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,275px)!important;
  grid-auto-flow:row!important;
  gap:14px!important;
  align-items:stretch!important;
}
html body.cs-site #solucoes .solution-grid-4x2 > .solution-card,
html body.cs-site #solucoes .solution-grid-4x2 > .solution-featured{
  grid-column:auto!important;
  grid-row:auto!important;
  width:100%!important;
  height:275px!important;
  min-height:275px!important;
  max-height:275px!important;
  margin:0!important;
}
html body.cs-site #solucoes .solution-grid-4x2 > .solution-featured{
  padding:22px!important;
}
@media (max-width:1000px){
  html body.cs-site #solucoes .solution-grid-4x2{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:275px!important}
  html body.cs-site #solucoes .solution-grid-4x2 > .solution-card,
html body.cs-site #solucoes .solution-grid-4x2 > .solution-featured{height:275px!important;min-height:275px!important;max-height:275px!important}
}
@media (max-width:650px){
  html body.cs-site .site-header .brand{width:160px!important;min-width:160px!important;max-width:160px!important;height:58px!important;flex-basis:160px!important}
  html body.cs-site .site-header .brand-logo{width:154px!important;max-width:154px!important;max-height:54px!important}
  html body.cs-site #solucoes .solution-grid-4x2{grid-template-columns:1fr!important;grid-template-rows:none!important;grid-auto-rows:auto!important}
  html body.cs-site #solucoes .solution-grid-4x2 > .solution-card,
html body.cs-site #solucoes .solution-grid-4x2 > .solution-featured{height:auto!important;min-height:auto!important;max-height:none!important}
}
/* ---------------- 04. HERO / DASHBOARD AREA ---------------- */
html body.cs-site .hero-visual{
  min-height:700px!important;
  padding:82px 0!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}
html body.cs-site .hero-visual .dashboard-card{
  position:relative!important;
  z-index:1!important;
  width:min(100%,560px)!important;
  max-width:560px!important;
}

@media (max-width:1000px){
  html body.cs-site .hero-visual{
    min-height:640px!important;
    padding:76px 0!important;
  }
  html body.cs-site .hero-visual .dashboard-card{
    width:min(100%,560px)!important;
  }
}
html body.cs-site .ui-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
html body.cs-site .button{gap:9px}
html body.cs-site .solution-icon .ui-icon{width:21px;height:21px}
html body.cs-site .cta-section{
  background:
    radial-gradient(circle at 8% 50%, rgba(100,116,255,.08), transparent 28%),
    linear-gradient(180deg,#f7f8fb 0%,#eef1f6 100%);
  padding:120px 0 120px;
}
/* ---------------- 05. ICONS / CTA FOUNDATION ---------------- */
html body.cs-site .cta-card{
  background:
    radial-gradient(circle at 88% 8%, rgba(147,134,255,.24), transparent 26%),
    radial-gradient(circle at 8% 94%, rgba(71,203,255,.12), transparent 30%),
    linear-gradient(135deg,#0a1434 0%,#111d43 58%,#162451 100%);
  border:1px solid rgba(255,255,255,.08);
  border-radius:32px;
  padding:56px 56px 56px 64px;
  grid-template-columns:minmax(0,1fr) 470px;
  gap:72px;
  align-items:center;
  box-shadow:0 34px 90px rgba(9,23,65,.18);
}
html body.cs-site .cta-card:before{
  content:"";
  position:absolute;
  width:520px;height:520px;
  left:-280px;bottom:-330px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.05);
  box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 140px rgba(255,255,255,.012);
  pointer-events:none;
}
html body.cs-site .cta-card:after{
  width:470px;height:470px;
  right:-250px;top:-260px;
  background:radial-gradient(circle,rgba(160,145,255,.24) 0%,rgba(160,145,255,.09) 30%,rgba(160,145,255,0) 68%);
  filter:blur(2px);
}
html body.cs-site .cta-card > div:first-child{position:relative;z-index:1;align-self:center;padding:8px 0}
html body.cs-site .cta-card .eyebrow{
  width:max-content;
  padding:8px 11px;
  border-radius:999px;
  color:#d9dfff!important;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  letter-spacing:.14em;
}
html body.cs-site .cta-card .eyebrow:before{
  content:"";
  width:7px;height:7px;border-radius:50%;
  background:#7df0d2;
  box-shadow:0 0 0 5px rgba(125,240,210,.10);
}
html body.cs-site .cta-card h2{
  color:#fff;
  font-size:clamp(42px,4.4vw,64px);
  line-height:.98;
  letter-spacing:-.055em;
  max-width:720px;
  margin:22px 0 22px;
}
html body.cs-site .cta-card p{
  color:rgba(9,23,65,.78);
  font-size:17px;
  line-height:1.7;
  max-width:520px;
  margin:0;
}
html body.cs-site .lead-form{
  position:relative;
  z-index:3;
  background:rgba(255,255,255,.98);
  border:1px solid rgba(14,29,67,.08);
  border-radius:26px;
  padding:26px;
  box-shadow:0 28px 60px rgba(3,11,35,.22), inset 0 1px 0 rgba(255,255,255,.8);
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
html body.cs-site .lead-form label{font-size:12.5px;color:#4f5d6d;letter-spacing:.005em;line-height:1.35}
html body.cs-site .lead-form button,
html body.cs-site .lead-form .form-note,
html body.cs-site .lead-form .form-success{grid-column:1/-1}
html body.cs-site .lead-form-title{
  grid-column:1/-1;
  margin:0 0 2px;
  font-family:'DM Sans',sans-serif;
  font-size:24px;
  line-height:1.1;
  letter-spacing:-.03em;
  font-weight:600;
  color:var(--ink);
}
html body.cs-site .lead-form input,
html body.cs-site .lead-form textarea{
  margin-top:7px;
  border:1px solid #dfe4ec;
  background:#f9fafc;
  border-radius:13px;
  padding:13px 14px;
  color:var(--ink);
  font-size:14.5px;
  line-height:1.45;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease;
}
html body.cs-site .lead-form input:hover,
html body.cs-site .lead-form textarea:hover{background:#fff;border-color:#cfd7e3}
html body.cs-site .lead-form input:focus,
html body.cs-site .lead-form textarea:focus{
  border-color:#8d99ff;
  box-shadow:0 0 0 4px rgba(141,153,255,.14);
  background:#fff;
}
html body.cs-site .lead-form textarea{min-height:128px;resize:vertical}
html body.cs-site .lead-form .button-dark{
  min-height:54px;
  border:0;
  border-radius:14px;
  background:linear-gradient(135deg,#0b1739,#1b2b66)!important;
  box-shadow:0 12px 28px rgba(9,23,65,.16);
  color:#fff!important;
  margin-top:1px;
}
html body.cs-site .lead-form .button-dark:hover{transform:translateY(-1px);filter:brightness(1.06)}
html body.cs-site .lead-form .form-note{line-height:1.5;font-size:11.5px!important}
html body.cs-site .lead-form .form-success{background:#eefbf6!important;color:#23705b!important;font-size:13px!important}

/* ---------------- 06. LINKS / FOOTER FOUNDATION ---------------- */

@media (max-width:1000px){
  html body.cs-site .cta-section{padding:96px 0}
  html body.cs-site .cta-card{grid-template-columns:1fr;gap:38px;padding:46px}
}
@media (max-width:650px){
  html body.cs-site .cta-section{padding:78px 0}
  html body.cs-site .cta-card{padding:30px 20px;border-radius:24px;gap:28px}
  html body.cs-site .cta-card h2{font-size:42px}
  html body.cs-site .cta-card p{font-size:15px}
  html body.cs-site .lead-form{grid-template-columns:1fr;padding:20px;border-radius:20px}
  html body.cs-site .lead-form label:nth-of-type(1),
html body.cs-site .lead-form label:nth-of-type(2),
html body.cs-site .lead-form label:nth-of-type(3),
html body.cs-site .lead-form label:nth-of-type(4){grid-column:1/-1}
}
.footer-grid > div span:not(.footer-kicker) {
  line-height: 1.55;
}
/* ---------------- 07. VALUE SECTION FOUNDATION ---------------- */
html body.cs-site .hero-meta{
  gap:42px;
}
html body.cs-site .hero-meta strong{
  white-space:nowrap;
}
html body.cs-site .dashboard-top .status-pill{
  color:#f6d5b2;
}
html body.cs-site .dashboard-title small{
  letter-spacing:.14em;
}
html body.cs-site #solucoes .solution-featured .solution-icon{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  max-width:44px!important;
  max-height:44px!important;
  aspect-ratio:1 / 1!important;
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:24px 0 18px!important;
  border-radius:14px!important;
  background:var(--orange-soft)!important;
  color:#8a3f00!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  flex:0 0 44px!important;
}
html body.cs-site #solucoes .solution-featured .solution-icon .ui-icon{
  width:21px!important;
  height:21px!important;
  color:#8a3f00!important;
  stroke-width:2!important;
  flex:0 0 21px!important;
}
/* ---------------- 08. TIMELINE ---------------- */
html body.cs-site #solucoes .center-heading{margin-bottom:48px}
html body.cs-site #solucoes .solution-grid{margin-top:0}
html body.cs-site #como-funciona .process-timeline{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:8px;padding-top:8px}
html body.cs-site #como-funciona .process-timeline:before{content:"";position:absolute;top:32px;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent 0%,#cfd5df 8%,#cfd5df 92%,transparent 100%)}
html body.cs-site #como-funciona .process-step{position:relative;min-width:0;text-align:center}
html body.cs-site #como-funciona .process-node{position:relative;z-index:2;width:64px;height:64px;margin:0 auto 24px;display:grid;place-items:center;border-radius:50%;background:#f1f3f7;border:1px solid #d7dde7;box-shadow:0 0 0 10px #f1f3f7}
html body.cs-site #como-funciona .process-node:after{content:"";position:absolute;inset:5px;border:1px solid rgba(207,97,0,.28);border-radius:50%}
html body.cs-site #como-funciona .process-node span{position:relative;z-index:2;font-family:'DM Sans',sans-serif;font-size:14px;font-weight:700;color:var(--ink);letter-spacing:-.02em}
html body.cs-site #como-funciona .process-step:nth-child(4) .process-node{background:var(--ink);border-color:var(--ink)}
html body.cs-site #como-funciona .process-step:nth-child(4) .process-node span{color:#fff}
html body.cs-site #como-funciona .process-step:nth-child(4) .process-node:after{border-color:rgba(240,138,0,.55)}
html body.cs-site #como-funciona .process-step-copy{max-width:230px;margin:0 auto}
html body.cs-site #como-funciona .process-step-label{display:block;margin-bottom:7px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em}
html body.cs-site #como-funciona .process-step h3{margin:0 0 9px;font-family:'DM Sans',sans-serif;font-size:24px;line-height:1.08;letter-spacing:-.035em;color:var(--ink)}
html body.cs-site #como-funciona .process-step p{margin:0;color:#67747a;font-size:14px;line-height:1.65}
@media (max-width:1000px){html body.cs-site #como-funciona .process-timeline{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:54px}html body.cs-site #como-funciona .process-timeline:before{display:none}}
@media (max-width:650px){html body.cs-site #como-funciona .process-timeline{grid-template-columns:1fr;gap:34px}html body.cs-site #como-funciona .process-step{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;text-align:left;align-items:start}html body.cs-site #como-funciona .process-node{margin:0}html body.cs-site #como-funciona .process-step-copy{max-width:none;margin:0}}
html body.cs-site #solucoes .solution-featured .solution-cta-button{
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  min-width:164px;
  min-height:42px;
  padding:0 17px;
  margin:auto 0 0!important;
  border:1px solid rgba(240,138,0,.55)!important;
  border-radius:12px;
  background:var(--orange)!important;
  color:var(--ink)!important;
  font:700 12px/1 'DM Sans',sans-serif;
  letter-spacing:.01em;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(0,0,0,.14);
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;
}
html body.cs-site #solucoes .solution-featured .solution-cta-button:hover{
  transform:translateY(-2px);
  filter:brightness(1.05);
  box-shadow:0 11px 22px rgba(0,0,0,.20);
}
html body.cs-site #solucoes .solution-featured .solution-cta-button:focus-visible{
  outline:3px solid rgba(240,138,0,.30);
  outline-offset:3px;
}
@media (max-width:1000px){
  .solution-card,
.solution-featured{min-height:286px}
}
@media (max-width:650px){
  .solution-grid{gap:14px}
  .solution-card,
.solution-featured{min-height:0;padding:22px}
  .solution-icon{margin-bottom:18px}
}
/* ---------------- 09. SOLUTION CTA ---------------- */
html body.cs-site #solucoes .solution-grid-4x2 > .solution-featured .solution-icon{
  margin:0 0 18px!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  max-width:44px!important;
  max-height:44px!important;
  flex:0 0 44px!important;
}

html body.cs-site #solucoes .solution-grid-4x2 > .solution-featured .solution-cta-button{
  align-self:flex-start!important;
  min-width:148px!important;
  width:148px!important;
  max-height:38px!important;
  padding:0 14px!important;
  margin:16px 0 2px!important;
  border-radius:10px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 6px 14px rgba(0,0,0,.14)!important;
  font-size:11.5px!important;
  line-height:1!important;
}

html body.cs-site #solucoes .solution-grid-4x2 > .solution-featured .solution-cta-button:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 8px 16px rgba(0,0,0,.18)!important;
}

html body.cs-site #solucoes .solution-grid-4x2 > .solution-featured .solution-cta-button:focus-visible{
  outline:3px solid rgba(240,138,0,.28)!important;
  outline-offset:2px!important;
}
html body.cs-site .whatsapp-float{
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  min-height:56px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  background:#25D366!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 10px 28px rgba(9,23,65,.22)!important;
  font-size:0!important;
  line-height:0!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}
html body.cs-site .whatsapp-float:hover{
  transform:translateY(-2px) scale(1.03)!important;
  box-shadow:0 14px 34px rgba(9,23,65,.28)!important;
}
html body.cs-site .whatsapp-float:focus-visible{
  outline:3px solid rgba(37,211,102,.28)!important;
  outline-offset:4px!important;
}
html body.cs-site .whatsapp-float .whatsapp-icon{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.75!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
@media (max-width:650px){
  html body.cs-site .whatsapp-float{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
  }
  html body.cs-site .whatsapp-float .whatsapp-icon{width:28px!important;height:28px!important}
}
/* ---------------- 10. WHATSAPP ---------------- */
html body.cs-site .whatsapp-float .whatsapp-icon{
  width:30px!important;
  height:30px!important;
  display:block!important;
  color:#fff!important;
  overflow:visible!important;
}
html body.cs-site .whatsapp-float .whatsapp-icon path:first-child{
  fill:none!important;
  stroke:currentColor!important;
}
html body.cs-site .whatsapp-float .whatsapp-icon path:last-child{
  fill:currentColor!important;
  stroke:none!important;
}
html body.cs-site .hero-copy h1 em{
  color:var(--orange)!important;
}
html body.cs-site input,
html body.cs-site textarea,
html body.cs-site select,
html body.cs-site button{
  -webkit-tap-highlight-color:transparent;
}
html body.cs-site :focus-visible{
  outline:3px solid rgba(207,97,0,.38);
  outline-offset:3px;
}
html body.cs-site a,
html body.cs-site button,
html body.cs-site input,
html body.cs-site textarea{
  touch-action:manipulation;
}
html body.cs-site .hp-field{
  position:absolute!important;
  left:-10000px!important;
  top:auto!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
html body.cs-site .lead-form input[aria-invalid="true"],
html body.cs-site .lead-form textarea[aria-invalid="true"]{
  border-color:#b3261e!important;
  box-shadow:0 0 0 3px rgba(179,38,30,.12)!important;
}
html body.cs-site .lead-form [disabled]{
  cursor:wait;
  opacity:.7;
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,
*::before,
*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}
/* ---------------- 11. ACCESSIBILITY / INTERACTION ---------------- */
html body.cs-site #whatsapp{
  font-variant-numeric:tabular-nums;
  letter-spacing:.01em;
}
html body.cs-site #whatsapp[aria-invalid="true"]{
  border-color:#b3261e!important;
  box-shadow:0 0 0 3px rgba(179,38,30,.12)!important;
}
/* ---------------- 12. HERO LIVE ROUTINES ---------------- */
html body.cs-site .dashboard-main{
  position:relative;
}
html body.cs-site .dashboard-demo-note{
  font-size:9px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(219,227,240,.48);
  pointer-events:none;
}
html body.cs-site .hero-routine-grid{
  margin-top:30px!important;
}
html body.cs-site .hero-routine-card{
  min-width:0;
  min-height:110px;
  padding:15px 16px 14px;
  border:1px solid rgba(219,227,240,.13);
  border-radius:16px;
  background:rgba(255,255,255,.045);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
}
html body.cs-site .routine-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
html body.cs-site .routine-head small{
  color:rgba(225,232,242,.58);
  font-size:8px;
  font-weight:600;
  letter-spacing:.12em;
}
html body.cs-site .routine-status{
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:8px;
  line-height:1;
  font-weight:600;
  color:rgba(225,232,242,.64);
  white-space:nowrap;
}
html body.cs-site .routine-status i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--orange);
  box-shadow:0 0 0 3px rgba(207,97,0,.12);
}
html body.cs-site .routine-status.is-live i{
  animation:csPulse 1.8s ease-in-out infinite;
}
@keyframes csPulse{
  0%,
100%{transform:scale(1);opacity:.72}
  50%{transform:scale(1.35);opacity:1}
}
html body.cs-site .routine-value{
  margin-top:10px!important;
  margin-bottom:4px!important;
  color:#f4f7fb!important;
  font-family:'DM Sans',sans-serif;
  font-size:18px!important;
  line-height:1.15!important;
  letter-spacing:-.025em;
}
html body.cs-site .routine-detail{
  color:rgba(225,232,242,.58)!important;
  font-size:9px!important;
  line-height:1.35!important;
}
html body.cs-site .routine-detail b{
  color:var(--orange)!important;
  font-weight:700;
}
@media (max-width:900px){
  html body.cs-site .dashboard-demo-note{top:70px}
  html body.cs-site .hero-routine-card{min-height:104px}
}
@media (max-width:650px){
  html body.cs-site .dashboard-demo-note{
    position:static;
    margin:8px 0 12px;
  }
  html body.cs-site .hero-routine-grid{
    margin-top:18px!important;
    grid-template-columns:1fr;
  }
  html body.cs-site .hero-routine-card{
    min-height:92px;
  }
}
html body.cs-site .dashboard-top .status-pill i,
html body.cs-site .routine-status i,
html body.cs-site .event-dot.ok{
  background:#22c55e!important;
  box-shadow:0 0 0 3px rgba(34,197,94,.14)!important;
}
html body.cs-site .hero-routine-card .routine-value{
  font-size:19px!important;
  line-height:1.15!important;
  font-weight:700!important;
  min-height:22px;
  margin-top:10px!important;
  margin-bottom:5px!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
html body.cs-site .hero-routine-card:first-child .routine-value,
html body.cs-site .hero-routine-card:nth-child(2) .routine-value,
html body.cs-site .hero-routine-card:nth-child(3) .routine-value{
  letter-spacing:-.025em!important;
}
html body.cs-site .hero-routine-card .routine-head small{
  font-size:8.5px!important;
  letter-spacing:.13em!important;
}
html body.cs-site .hero-routine-card .routine-detail{
  font-size:9.5px!important;
}

html body.cs-site .status-pill{
  color:rgba(225,232,242,.76)!important;
}
html body.cs-site .hero-routine-card .routine-next{
  margin-top:2px!important;
}
html body.cs-site .hero-routine-card .routine-detail b{
  color:var(--orange)!important;
  font-weight:700!important;
}
@media (max-width:650px){
  html body.cs-site .dashboard-title{
    margin-top:12px!important;
  }
  html body.cs-site .hero-routine-card .routine-backup-value{
    font-size:18px!important;
  }
}
html body.cs-site .dashboard-demo-note{
  position:absolute!important;
  top:62px!important;
  left:20px!important;
  right:20px!important;
  margin:0!important;
  z-index:1;
  line-height:1.25!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

html body.cs-site .dashboard-title{
  position:relative!important;
  margin-top:24px!important;
  margin-bottom:16px!important;
  min-height:14px!important;
  z-index:2;
}

html body.cs-site .dashboard-title small{
  display:block!important;
  line-height:1.2!important;
  white-space:nowrap;
}
html body.cs-site .hero-routine-card .routine-backup-value{
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:700!important;
  min-height:19px!important;
  margin-top:10px!important;
  margin-bottom:5px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.cs-site .event-dot.ok{
  background:#22c55e!important;
  box-shadow:0 0 0 3px rgba(34,197,94,.12)!important;
}

@media (max-width:650px){
  html body.cs-site .dashboard-demo-note{
    position:static!important;
    margin:8px 0 10px!important;
    white-space:normal!important;
  }
  html body.cs-site .dashboard-title{
    margin-top:8px!important;
    margin-bottom:10px!important;
  }
  html body.cs-site .hero-routine-card .routine-backup-value{
    font-size:16px!important;
  }
}
html body.cs-site .differentiator-modern{
  position:relative;
  overflow:hidden;
}
html body.cs-site .differentiator-modern-grid{
  display:grid!important;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
  gap:88px!important;
  align-items:center!important;
}
html body.cs-site .differentiator-modern-intro h2{
  margin:18px 0 22px!important;
  font-family:'DM Sans',sans-serif!important;
  font-size:clamp(38px,4vw,58px)!important;
  line-height:1.04!important;
  letter-spacing:-.05em!important;
}
html body.cs-site .differentiator-modern-intro h2 em{
  color:var(--orange)!important;
  font-style:normal!important;
}
html body.cs-site .differentiator-modern-intro>p{
  max-width:570px!important;
  color:#adb9bc!important;
  font-size:16px!important;
  line-height:1.65!important;
}
html body.cs-site .differentiator-modern-list{
  display:block!important;
  width:100%!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
}
html body.cs-site .diff-modern-item{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  gap:18px!important;
  position:relative!important;
  padding:25px 0!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
}
html body.cs-site .diff-modern-icon{
  width:44px!important;height:44px!important;
  display:grid!important;place-items:center!important;
  border-radius:14px!important;
  background:rgba(240,138,0,.09)!important;
  border:1px solid rgba(240,138,0,.20)!important;
  color:var(--orange)!important;
}
/* ---------------- 13. DIFFERENTIALS / VALUE SECTION ---------------- */
html body.cs-site .diff-svg{
  width:21px!important;height:21px!important;
  fill:none!important;stroke:currentColor!important;
  stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
html body.cs-site .diff-modern-copy>span{
  display:block!important;
  margin:0 0 5px!important;
  color:#7f8f95!important;
  font-size:9px!important;font-weight:700!important;
  letter-spacing:.13em!important;text-transform:uppercase!important;
}
html body.cs-site .diff-modern-copy h3{
  margin:0 0 6px!important;
  font-family:'DM Sans',sans-serif!important;
  font-size:21px!important;
  line-height:1.15!important;
}
html body.cs-site .diff-modern-copy p{
  margin:0!important;
  max-width:680px!important;
  color:#929ea3!important;
  font-size:13px!important;
  line-height:1.55!important;
}

html body.cs-site .value-modern{
  position:relative;
  overflow:hidden;
}
html body.cs-site .value-modern-layout{
  display:grid!important;
}
html body.cs-site .value-modern-intro h2{
  margin:15px 0 20px!important;
  font-family:'DM Sans',sans-serif!important;
  font-size:clamp(42px,4vw,60px)!important;
  line-height:1.03!important;
  letter-spacing:-.045em!important;
}
html body.cs-site .value-modern-intro h2 em{font-style:normal!important;
}
html body.cs-site .value-modern-intro>p{
  max-width:500px!important;margin:0!important;font-size:16px!important;line-height:1.7!important;
}
html body.cs-site .value-modern-caption{
  display:flex!important;align-items:center!important;gap:10px!important;
  margin-top:25px!important;font-size:12px!important;font-weight:600!important;
}
html body.cs-site .caption-dot{
  width:8px!important;height:8px!important;border-radius:50%!important;
  background:#22c55e!important;box-shadow:0 0 0 5px rgba(34,197,94,.10)!important;
}
html body.cs-site .value-svg{
  width:21px!important;height:21px!important;
  fill:none!important;stroke:currentColor!important;
  stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}

@media (max-width:1000px){
  html body.cs-site .differentiator-modern-grid,
html body.cs-site .value-modern-layout{
    grid-template-columns:1fr!important;
    gap:48px!important;
  }
}
@media (max-width:650px){
  html body.cs-site .diff-modern-item{
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:14px!important;
  }
  html body.cs-site .diff-modern-icon{
    width:42px!important;height:42px!important;
  }
  html body.cs-site .value-modern-intro h2{
    font-size:40px!important;
  }
}
@media (prefers-reduced-motion:reduce){
  html body.cs-site .diff-modern-item{
    transition:none!important;
  }
}
html body.cs-site .value-modern-layout{
  grid-template-columns:minmax(290px,.72fr) minmax(0,1.28fr)!important;
  gap:76px!important;
  align-items:center!important;
}
@media (max-width:1000px){
  html body.cs-site .value-modern-layout{
    grid-template-columns:1fr!important;
    gap:48px!important;
  }
}
html body.cs-site .process-timeline{
  position:relative;
}
html body.cs-site .process-timeline .process-step{
  position:relative;
}
html body.cs-site .process-timeline .process-node{
  position:relative;
  transform:translateZ(0);
  transition:transform .25s ease, box-shadow .25s ease;
}
html body.cs-site .process-timeline .process-node::before,
html body.cs-site .process-timeline .process-node::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:50%;
  pointer-events:none;
}
html body.cs-site .process-timeline .process-node::before{
  border:1px solid rgba(207,97,0,.26);
  opacity:.75;
  animation:csTimelinePulse 2.8s ease-out infinite;
}
html body.cs-site .process-timeline .process-node::after{
  inset:-13px;
  border:1px solid rgba(207,97,0,.10);
  opacity:.55;
  animation:csTimelinePulseOuter 2.8s ease-out infinite;
}
html body.cs-site .process-timeline .process-step:nth-child(2) .process-node::before,
html body.cs-site .process-timeline .process-step:nth-child(2) .process-node::after{
  animation-delay:.7s;
}
html body.cs-site .process-timeline .process-step:nth-child(3) .process-node::before,
html body.cs-site .process-timeline .process-step:nth-child(3) .process-node::after{
  animation-delay:1.4s;
}
html body.cs-site .process-timeline .process-step:nth-child(4) .process-node::before,
html body.cs-site .process-timeline .process-step:nth-child(4) .process-node::after{
  animation-delay:2.1s;
}
html body.cs-site .process-timeline .process-step:hover .process-node{
  transform:translateY(-3px) scale(1.035);
  box-shadow:0 8px 18px rgba(9,23,65,.10);
}
html body.cs-site .process-timeline .process-step:hover .process-node span{
  color:var(--orange);
}

@keyframes csTimelinePulse{
  0%{transform:scale(.82);opacity:.75}
  65%{transform:scale(1.16);opacity:0}
  100%{transform:scale(1.16);opacity:0}
}
/* ---------------- 14. TIMELINE MOTION ---------------- */
@keyframes csTimelinePulseOuter{
  0%{transform:scale(.74);opacity:.52}
  70%{transform:scale(1.22);opacity:0}
  100%{transform:scale(1.22);opacity:0}
}

@media (prefers-reduced-motion:reduce){
  html body.cs-site .process-timeline .process-node::before,
html body.cs-site .process-timeline .process-node::after{
    animation:none!important;
    opacity:.25!important;
  }
  html body.cs-site .process-timeline .process-step:hover .process-node{
    transform:none!important;
    box-shadow:none!important;
  }
}
html body.cs-site .process-timeline .process-step:nth-child(4) .process-node::before{
  border-color:rgba(207,97,0,.22)!important;
  animation-name:csTimelinePulse!important;
  animation-delay:2.1s!important;
}
html body.cs-site .process-timeline .process-step:nth-child(4) .process-node::after{
  border-color:rgba(207,97,0,.10)!important;
  animation-name:csTimelinePulseOuter!important;
  animation-delay:2.1s!important;
}
html body.cs-site .process-timeline::before{
  left:calc(12.5% + 33px)!important;
  right:calc(12.5% + 33px)!important;
  background:#cfd5df!important;
  background-image:none!important;
}
html body.cs-site .process-timeline .process-step:nth-child(4) .process-node{
  background:var(--ink)!important;
  border-color:var(--ink)!important;
  color:#fff!important;
  box-shadow:0 0 0 10px #f1f3f7!important;
}
html body.cs-site .process-timeline .process-step:nth-child(4) .process-node span{
  color:#fff!important;
}
html body.cs-site .process-timeline .process-step:nth-child(4):hover .process-node{
  background:var(--ink)!important;
  border-color:rgba(207,97,0,.58)!important;
  color:var(--orange)!important;
  box-shadow:0 8px 18px rgba(207,97,0,.14), 0 0 0 10px #f1f3f7!important;
}
html body.cs-site .process-timeline .process-step:nth-child(4):hover .process-node span{
  color:var(--orange)!important;
}
html body.cs-site .process-timeline .process-step:nth-child(4):hover .process-node::before{
  border-color:rgba(207,97,0,.58)!important;
}
html body.cs-site .process-timeline .process-step:nth-child(4):hover .process-node::after{
  border-color:rgba(207,97,0,.26)!important;
}

@media (max-width:650px){
  html body.cs-site .process-timeline::before{
    display:none!important;
  }
}
/* ---------------- 15. MOBILE NAVIGATION ---------------- */
html body.cs-site .mobile-menu-toggle[aria-expanded="true"] span:nth-child(1){
  transform:translateY(7px) rotate(45deg);
}
html body.cs-site .mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){
  opacity:0;
}
html body.cs-site .mobile-menu-toggle[aria-expanded="true"] span:nth-child(3){
  transform:translateY(-7px) rotate(-45deg);
}
@media (max-width:1000px){
  html body.cs-site .nav-wrap{
    position:relative;
    height:76px;
  }
  html body.cs-site .desktop-nav{
    display:none!important;
  }
  html body.cs-site .header-desktop-cta{
    display:none!important;
  }
  html body.cs-site .mobile-menu-toggle{
    display:inline-flex;
  }
}
@keyframes csMobileMenuIn{
  from{opacity:0;transform:translateY(-6px)}
  to{opacity:1;transform:none}
}
@media (max-width:650px){
  html body.cs-site .mobile-nav{
    left:8px;
    right:8px;
  }
}
@media (prefers-reduced-motion:reduce){
  html body.cs-site .mobile-menu-toggle span,
html body.cs-site .mobile-nav{
    transition:none!important;
    animation:none!important;
  }
}
@media (max-width:1000px){
  html body.cs-site{
    overflow-x:hidden;
  }
}
html body.cs-site .mobile-menu-toggle{
  display:none!important;
  padding:0!important;
  margin-left:auto!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:5px!important;
  border:1px solid rgba(9,23,65,.12)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:var(--ink)!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}
html body.cs-site .mobile-menu-toggle span{
  display:block!important;
  width:18px!important;
  height:2px!important;
  border-radius:2px!important;
  background:currentColor!important;
  transition:transform .22s ease,opacity .22s ease!important;
}
html body.cs-site .mobile-nav{
  display:none!important;
  position:absolute!important;
  top:calc(100% + 1px)!important;
  left:12px!important;
  right:12px!important;
  padding:10px!important;
  border:1px solid rgba(9,23,65,.10)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.99)!important;
  box-shadow:0 18px 50px rgba(9,23,65,.16)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  z-index:100!important;
  box-sizing:border-box!important;
}
html body.cs-site .mobile-nav a{
  display:flex!important;
  align-items:center!important;
  min-height:48px!important;
  padding:0 14px!important;
  border-radius:10px!important;
  color:var(--ink)!important;
  font-size:14px!important;
  font-weight:600!important;
  text-decoration:none!important;
}
html body.cs-site .mobile-nav a:hover{
  background:#f4f6fa!important;
}
html body.cs-site .mobile-nav .mobile-nav-cta{
  margin-top:6px!important;
  justify-content:center!important;
}
@media (max-width:1000px){
  html body.cs-site .desktop-nav,
html body.cs-site .header-desktop-cta{
    display:none!important;
  }
  html body.cs-site .mobile-menu-toggle{
    display:inline-flex!important;
  }
  html body.cs-site .nav-wrap{
    position:relative!important;
  }
}
@media (max-width:650px){
  html body.cs-site .mobile-nav{
    left:8px!important;
    right:8px!important;
  }
}
@media (prefers-reduced-motion:reduce){
  html body.cs-site .mobile-menu-toggle span{
    transition:none!important;
  }
}
/* ---------------- 16. VALUE CAROUSEL ---------------- */
html body.cs-site .value-carousel-section > .container{
  width:min(1380px,calc(100% - 48px))!important;
}
html body.cs-site .value-carousel-section .value-modern-layout{
  grid-template-columns:minmax(360px,420px) minmax(0,1fr)!important;
  gap:68px!important;
  align-items:center!important;
}
html body.cs-site .value-carousel-viewport{
  border-radius:24px!important;
}
html body.cs-site .value-slide{
  min-height:360px!important;
  height:360px!important;
  padding:26px 24px 22px!important;
  border:1px solid #dfe4eb!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(207,97,0,.07),transparent 30%),
    linear-gradient(145deg,#ffffff 0%,#fafbfd 100%)!important;
  box-shadow:0 12px 34px rgba(9,23,65,.055)!important;
  overflow:hidden!important;
}
html body.cs-site .value-slide-top{
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
html body.cs-site .value-slide-icon{
  width:48px!important;
  height:48px!important;
  flex:0 0 48px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:15px!important;
  background:#fff0e0!important;
  border:1px solid #f2d8be!important;
  color:#9a4600!important;
  margin:0!important;
}
html body.cs-site .value-slide-icon .value-svg{
  width:21px!important;
  height:21px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.75!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
html body.cs-site .value-slide-kicker{
  margin-left:auto!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
  color:#8a96a1!important;
  white-space:nowrap!important;
}
html body.cs-site .value-slide-meta span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:0 9px!important;
  border:1px solid #e0e5eb!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#6f7b85!important;
  font-size:8.5px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
html body.cs-site .value-carousel-arrow{
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #d8dfe7!important;
  border-radius:50%!important;
  background:#fff!important;
  color:var(--ink)!important;
  box-shadow:0 8px 24px rgba(9,23,65,.06)!important;
  transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease!important;
}
html body.cs-site .value-carousel-arrow:hover{
  transform:translateY(-2px)!important;
  background:var(--ink)!important;
  border-color:var(--ink)!important;
  color:#fff!important;
}
html body.cs-site .value-carousel-arrow svg{
  width:18px!important;
  height:18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
html body.cs-site .value-modern-intro h2 em{
  background:linear-gradient(100deg,#CF6100 0%,#E67800 48%,#F08A00 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
}
html body.cs-site .turnstile-wrap{
  min-height:76px!important;
  width:100%!important;
  display:block!important;
}
html body.cs-site .turnstile-wrap .cf-turnstile{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
html body.cs-site .turnstile-wrap .cf-turnstile iframe{
  width:100%!important;
  max-width:100%!important;
}
@media (max-width:1100px){
  html body.cs-site .value-carousel-section > .container{
    width:min(1100px,calc(100% - 40px))!important;
  }
  html body.cs-site .value-carousel-section .value-modern-layout{
    grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr)!important;
    gap:42px!important;
  }
  html body.cs-site .value-slide{
    width:calc((var(--value-carousel-width, 700px) - 36px) / 3)!important;
  }
}
@media (max-width:900px){
  html body.cs-site .value-carousel-section .value-modern-layout{
    grid-template-columns:1fr!important;
    gap:38px!important;
  }
  html body.cs-site .value-slide{
    width:var(--value-carousel-width,100%)!important;
    min-width:var(--value-carousel-width,100%)!important;
    flex-basis:var(--value-carousel-width,100%)!important;
    min-height:340px!important;
    height:auto!important;
  }
  html body.cs-site .value-carousel-track{
    gap:0!important;
  }
}
@media (max-width:650px){
  html body.cs-site .value-carousel-section > .container{
    width:calc(100% - 30px)!important;
  }
  html body.cs-site .value-modern-intro h2{
    font-size:clamp(38px,10vw,52px)!important;
  }
  html body.cs-site .value-slide{
    min-height:330px!important;
    padding:25px 22px 22px!important;
    border-radius:20px!important;
  }
  html body.cs-site .value-slide-copy h3{
    font-size:28px!important;
  }
  html body.cs-site .value-slide-copy p{
    font-size:15px!important;
  }
}
@media (prefers-reduced-motion:reduce){
  html body.cs-site .value-carousel-track{
    transition:none!important;
  }
  html body.cs-site .value-carousel-arrow{
    transition:none!important;
  }
}
html body.cs-site .value-slide-copy{
  min-height:168px!important;
  display:block!important;
}
html body.cs-site .value-slide-copy h3{
  min-height:60px!important;
  margin-bottom:11px!important;
}
html body.cs-site .value-slide-copy p{
  min-height:85px!important;
}
@media (max-width:900px){
  html body.cs-site .value-slide-copy{
    min-height:0!important;
  }
  html body.cs-site .value-slide-copy h3{
    min-height:0!important;
  }
  html body.cs-site .value-slide-copy p{
    min-height:0!important;
  }
}

html body.cs-site .value-carousel-viewport{
  position:relative!important;
}

html body.cs-site .value-carousel-track{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:18px!important;
  width:max-content!important;
  transform:translate3d(0,0,0);
  transition:transform .58s cubic-bezier(.22,.61,.36,1)!important;
  will-change:transform;
}

html body.cs-site .value-slide{
  flex:0 0 calc((var(--carousel-viewport-width, 900px) - 36px) / 3)!important;
  width:calc((var(--carousel-viewport-width, 900px) - 36px) / 3)!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
html body.cs-site .value-slide-copy{
  margin-top:28px!important;
  max-width:none!important;
}
html body.cs-site .value-slide-copy h3{
  margin:0 0 11px!important;
  font-family:'DM Sans',sans-serif!important;
  font-size:clamp(22px,1.65vw,27px)!important;
  line-height:1.11!important;
  letter-spacing:-.035em!important;
  font-weight:700!important;
  color:var(--ink)!important;
}
html body.cs-site .value-slide-copy p{
  margin:0!important;
  max-width:none!important;
  color:#6b7882!important;
  font-size:14px!important;
  line-height:1.52!important;
}
html body.cs-site .value-slide-meta{
  margin-top:auto!important;
  min-height:29px!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}

html body.cs-site .value-carousel-controls{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  position:relative!important;
  z-index:10!important;
}
html body.cs-site .value-carousel-arrows{
  display:flex!important;
  gap:9px!important;
}
html body.cs-site .value-carousel-arrow{
  position:relative!important;
  z-index:20!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}
@media (max-width:719px){
  html body.cs-site .value-carousel-track{
    gap:0!important;
  }
  html body.cs-site .value-slide{
    flex-basis:var(--carousel-viewport-width,100%)!important;
    width:var(--carousel-viewport-width,100%)!important;
    min-width:var(--carousel-viewport-width,100%)!important;
  }
}
html body.cs-site .value-carousel{
  min-width:0!important;
  width:100%!important;
}
html body.cs-site .value-carousel-viewport{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}
html body.cs-site .value-carousel-track{
  touch-action:pan-y!important;
}
@media (max-width:719px){
  html body.cs-site .value-carousel-track{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:0!important;
    width:max-content!important;
  }
  html body.cs-site .value-slide{
    flex:0 0 100%!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
  }
  html body.cs-site .value-carousel-arrow{
    position:relative!important;
    z-index:50!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
}
/* ---------------- 17. VISUAL / ACCESSIBILITY REFINEMENTS ---------------- */
html body.cs-site .hero-copy h1 em,
html body.cs-site .section-heading h2 em,
html body.cs-site .differentiator-modern-intro h2 em,
html body.cs-site .value-modern-intro h2 em{
  background:linear-gradient(100deg,#CF6100 0%,#E67800 48%,#F08A00 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  font-style:normal!important;
}
html body.cs-site .site-header .brand-logo{
  object-fit:contain!important;
}
html body.cs-site .footer .brand-footer .brand-logo{
  object-fit:contain!important;
}

:root{
  --action-orange:#F08A00;
  --action-orange-hover:#E07B00;
  --text-muted-accessible:#66717C;
  --footer-muted-accessible:#819099;
}
html body.cs-site .skip-link{
  position:fixed!important;
  top:12px!important;
  left:12px!important;
  z-index:9999!important;
  transform:translateY(-200%)!important;
  padding:12px 16px!important;
  border-radius:10px!important;
  background:var(--ink)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.2!important;
  box-shadow:0 12px 30px rgba(9,23,65,.22)!important;
  transition:transform .18s ease!important;
}
html body.cs-site .skip-link:focus-visible{
  transform:translateY(0)!important;
}
html body.cs-site .section-dark .eyebrow,
html body.cs-site .cta-section .eyebrow{
  color:var(--action-orange)!important;
}
html body.cs-site .button-primary{
  background:var(--action-orange)!important;
}
html body.cs-site .button-primary:hover{
  background:var(--action-orange-hover)!important;
}
html body.cs-site .mobile-nav .mobile-nav-cta{
  background:var(--action-orange)!important;
  color:var(--ink)!important;
}
html body.cs-site .mobile-nav .mobile-nav-cta:hover{
  background:var(--action-orange-hover)!important;
}
html body.cs-site .lead-form .form-note{
  color:var(--text-muted-accessible)!important;
  font-size:11.5px!important;
}
html body.cs-site .lead-form input::placeholder,
html body.cs-site .lead-form textarea::placeholder{
  color:var(--text-muted-accessible)!important;
  opacity:1!important;
}
html body.cs-site .footer-kicker{
  color:var(--footer-muted-accessible)!important;
}
html body.cs-site .footer-bottom{
  color:var(--footer-muted-accessible)!important;
}
html body.cs-site .button-sm{
  min-height:44px!important;
}
html body.cs-site .desktop-nav a{
  min-height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
}
html body.cs-site .value-carousel-arrow{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
}
html body.cs-site #solucoes .solution-grid-4x2 > .solution-featured .solution-cta-button{
  min-width:148px!important;
  width:auto!important;
  min-height:44px!important;
  height:auto!important;
  max-height:none!important;
  padding:12px 18px!important;
  margin: auto 0 10px!important;
  line-height:1.15!important;
}
html body.cs-site .button:focus-visible,
html body.cs-site .desktop-nav a:focus-visible,
html body.cs-site .mobile-nav a:focus-visible,
html body.cs-site .solution-cta-button:focus-visible,
html body.cs-site .whatsapp-float:focus-visible{
  outline:3px solid rgba(240,138,0,.42)!important;
  outline-offset:3px!important;
}
html body.cs-site .button:active,
html body.cs-site .solution-cta-button:active,
html body.cs-site .value-carousel-arrow:active{
  transform:translateY(0) scale(.98)!important;
}
html body.cs-site .mobile-nav[hidden]{
  display:none!important;
}
@media (max-width:1000px){
  html body.cs-site .mobile-nav:not([hidden]){
    display:block!important;
    animation:csMobileMenuIn .18s ease-out both;
  }
}
html body.cs-site .value-carousel-status{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
html body.cs-site .value-carousel-controls{
  margin-top:18px!important;
}
html body.cs-site main section[id]{
  scroll-margin-top:100px!important;
}
html body.cs-site .dashboard-demo-note,
html body.cs-site .routine-head small,
html body.cs-site .routine-status,
html body.cs-site .routine-detail,
html body.cs-site .dashboard-top,
html body.cs-site .dashboard-title small,
html body.cs-site .chart-labels,
html body.cs-site .event-list time{
  color:rgba(225,232,242,.74)!important;
}
@media (prefers-reduced-motion:reduce){
  html body.cs-site .skip-link,
html body.cs-site .button,
html body.cs-site .solution-card,
html body.cs-site .solution-cta-button,
html body.cs-site .value-carousel-arrow,
html body.cs-site .mobile-nav,
html body.cs-site .mobile-menu-toggle span{
    transition:none!important;
    animation:none!important;
  }
}
html body.cs-site .eyebrow-light{
  color:#5F6D74!important;
}
html body.cs-site #como-funciona .process-step-label{
  color:#9A4600!important;
}
html body.cs-site .value-modern-intro>p{
  color:#5B6A7B!important;
}
html body.cs-site .value-modern-caption{
  color:#566E60!important;
}
html body.cs-site .value-slide-kicker,
html body.cs-site .value-slide-meta span{
  color:#6B7882!important;
}
html body.cs-site #solucoes .solution-grid-4x2 > .solution-featured .solution-cta-button{
  background:#F08A00!important;
  color:var(--ink)!important;
}
html body.cs-site #solucoes .solution-grid-4x2 > .solution-featured .solution-cta-button:hover{
  background:#E07B00!important;
}
html body.cs-site .differentiator-modern .differentiator-cta{
  color:#F08A00!important;
}
html body.cs-site .value-carousel-arrow:focus-visible{
  outline:3px solid #9A4600!important;
  outline-offset:3px!important;
}
html body.cs-site .mobile-menu-toggle{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
}
html body.cs-site .cta-card h2 em{
  background:linear-gradient(100deg,#CF6100 0%,#E67800 48%,#F08A00 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  font-style:normal!important;
}
html body.cs-site .footer-brand p{
  font-size:14px!important;
  line-height:1.6!important;
}
html body.cs-site .footer-grid a,
html body.cs-site .footer-grid span:not(.footer-kicker){
  font-size:14.5px!important;
  line-height:1.6!important;
}
html body.cs-site .footer-kicker{
  font-size:11.5px!important;
  line-height:1.3!important;
  letter-spacing:.14em!important;
  margin-bottom:8px!important;
}
html body.cs-site .footer-bottom{
  font-size:12.5px!important;
  line-height:1.5!important;
}

@media (max-width:650px){
  html body.cs-site .footer-brand p{
    font-size:14px!important;
  }
  html body.cs-site .footer-grid a,
html body.cs-site .footer-grid span:not(.footer-kicker){
    font-size:14px!important;
  }
  html body.cs-site .footer-kicker{
    font-size:11px!important;
  }
  html body.cs-site .footer-bottom{
    font-size:12.5px!important;
  }
}
/* ---------------- 18. RESPONSIVE RHYTHM ---------------- */
@media (min-width:1001px){
  html body.cs-site #solucoes.section,
html body.cs-site #como-funciona.section,
html body.cs-site #valor.section{
    padding-top:104px!important;
    padding-bottom:104px!important;
  }

  html body.cs-site #diferenciais.section{
    padding-top:104px!important;
    padding-bottom:104px!important;
  }

  html body.cs-site #solucoes .section-heading{
    margin-bottom:46px!important;
  }

  html body.cs-site #como-funciona .center-heading{
    margin-bottom:46px!important;
  }

  html body.cs-site .differentiator-modern-grid{
    gap:72px!important;
  }

  html body.cs-site .value-modern-layout{
    gap:58px!important;
  }

  html body.cs-site .cta-section{
    padding-top:104px!important;
    padding-bottom:108px!important;
  }
}
@media (min-width:651px) and (max-width:1000px){
  html body.cs-site #solucoes.section,
html body.cs-site #como-funciona.section,
html body.cs-site #valor.section,
html body.cs-site #diferenciais.section{
    padding-top:92px!important;
    padding-bottom:92px!important;
  }

  html body.cs-site .cta-section{
    padding-top:88px!important;
    padding-bottom:92px!important;
  }
}
@media (max-width:650px){
  html body.cs-site #solucoes.section,
html body.cs-site #como-funciona.section,
html body.cs-site #valor.section,
html body.cs-site #diferenciais.section{
    padding-top:70px!important;
    padding-bottom:72px!important;
  }

  html body.cs-site #solucoes .section-heading{
    margin-bottom:38px!important;
  }

  html body.cs-site #como-funciona .center-heading{
    margin-bottom:38px!important;
  }

  html body.cs-site .differentiator-modern-grid,
html body.cs-site .value-modern-layout{
    gap:34px!important;
  }

  html body.cs-site .cta-section{
    padding-top:68px!important;
    padding-bottom:72px!important;
  }
  html body.cs-site .cta-card h2{
    font-size:clamp(37px,11vw,42px)!important;
  }
}
/* ---------------- 19. FORM / TURNSTILE ---------------- */
html body.cs-site .lead-form{
  grid-template-columns:1fr!important;
}
html body.cs-site .lead-form-title{
  display:block!important;
  font-size:24px!important;
  line-height:1.1!important;
}
html body.cs-site .lead-form label{
  font-size:12.5px!important;
  line-height:1.35!important;
}
html body.cs-site .lead-form input,
html body.cs-site .lead-form textarea{
  font-size:16px!important;
  line-height:1.45!important;
}
html body.cs-site .lead-form .form-note{
  font-size:11.5px!important;
}
html body.cs-site .turnstile-wrap{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  min-height:65px!important;
  height:65px!important;
  max-height:65px!important;
  border:0!important;
  border-radius:13px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
html body.cs-site .turnstile-wrap::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border:1px solid #dfe4ec!important;
  border-radius:13px!important;
  box-sizing:border-box!important;
  pointer-events:none!important;
  z-index:10!important;
}
html body.cs-site .turnstile-wrap .cf-turnstile{
  width:100%!important;
  max-width:100%!important;
  min-height:65px!important;
  height:65px!important;
}
html body.cs-site .turnstile-wrap .cf-turnstile iframe{
  width:100%!important;
  max-width:100%!important;
  min-height:65px!important;
  height:65px!important;
}
@media (max-width:650px){
  html body.cs-site .turnstile-wrap,
  html body.cs-site .turnstile-wrap .cf-turnstile,
  html body.cs-site .turnstile-wrap .cf-turnstile iframe{
    min-height:65px!important;
    height:65px!important;
    max-height:65px!important;
  }
}
@media (max-width:390px){
  html body.cs-site .container{
    width:calc(100% - 24px)!important;
  }

  html body.cs-site .hero-copy h1{
    font-size:44px!important;
    letter-spacing:-.055em!important;
  }

  html body.cs-site .hero-actions{
    gap:10px!important;
  }

  html body.cs-site .hero-actions .button{
    width:100%!important;
  }

  html body.cs-site .lead-form{
    padding:18px!important;
  }

  html body.cs-site .footer-grid{
    gap:28px!important;
  }

  html body.cs-site .footer-grid a,
html body.cs-site .footer-grid span:not(.footer-kicker){
    font-size:13.5px!important;
  }
}
html body.cs-site .lead-form label{
  font-size:13px!important;
}
html body.cs-site .lead-form input,
html body.cs-site .lead-form textarea{
  font-size:13px!important;
  padding:14px 15px!important;
}
/* ---------------- 20. INTERACTIVE DASHBOARD CHART ---------------- */
html body.cs-site .chart-wrap{
  position:relative;
}
html body.cs-site .chart{
  overflow:visible;
}
html body.cs-site .chart-hit-area{
  fill:transparent;
  pointer-events:all;
  cursor:crosshair;
}
html body.cs-site .chart-line,
html body.cs-site .chart-area{
  pointer-events:none;
}
html body.cs-site .chart-points circle{
  fill:transparent;
  stroke:transparent;
  cursor:crosshair;
  pointer-events:all;
}
html body.cs-site .chart-guide{
  stroke:rgba(255,255,255,.25);
  stroke-width:1;
  stroke-dasharray:3 4;
  opacity:0;
  pointer-events:none;
}
html body.cs-site .chart-active-point{
  fill:#F08A00;
  stroke:#FFF0E0;
  stroke-width:2;
  opacity:0;
  pointer-events:none;
}
html body.cs-site .chart-points circle:focus{
  outline:none;
}
html body.cs-site .chart-points circle:focus + *{
  outline:none;
}
html body.cs-site .chart-points:focus-visible{
  outline:none;
}
html body.cs-site .chart-tooltip{
  position:absolute;
  z-index:4;
  min-width:118px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:10px;
  background:#091741;
  box-shadow:0 12px 28px rgba(0,0,0,.24);
  color:#F7F8FA;
  font-size:10px;
  line-height:1.25;
  pointer-events:none;
  transform:translateY(-1px);
}
html body.cs-site .chart-tooltip strong,
html body.cs-site .chart-tooltip span{
  display:block;
}
html body.cs-site .chart-tooltip strong{
  color:#F08A00;
  font-family:'DM Sans',sans-serif;
  font-size:11px;
  margin-bottom:3px;
}
html body.cs-site .chart-tooltip span{
  color:#C7CED8;
}
html body.cs-site .chart-points circle:hover,
html body.cs-site .chart-points circle:focus-visible{
  fill:rgba(240,138,0,.16);
  stroke:rgba(240,138,0,.35);
}
html body.cs-site .chart.is-interactive-active .chart-guide,
html body.cs-site .chart.is-interactive-active .chart-active-point{
  opacity:1;
}
@media (prefers-reduced-motion:reduce){
  html body.cs-site .chart-tooltip{
    transition:none!important;
  }
}
@media (max-width:650px){
  html body.cs-site .chart-tooltip{
    font-size:9.5px;
  }
}
html body.cs-site #solucoes .solution-grid-4x2 > .solution-featured .solution-cta-button{
  margin-top:auto!important;
  margin-bottom:0!important;
}
/* ---------------- 21. FINAL SOLUTION CTA RHYTHM ---------------- */
html body.cs-site #solucoes .solution-grid-4x2{
  grid-template-rows:repeat(2,292px)!important;
}
html body.cs-site #solucoes .solution-grid-4x2 > .solution-card,
html body.cs-site #solucoes .solution-grid-4x2 > .solution-featured{
  height:292px!important;
  min-height:292px!important;
  max-height:292px!important;
}
html body.cs-site #solucoes .solution-grid-4x2 > .solution-featured .solution-cta-button{
  margin-top:18px!important;
  margin-bottom:0!important;
}
@media (max-width:1000px){
  html body.cs-site #solucoes .solution-grid-4x2{
    grid-template-rows:none!important;
    grid-auto-rows:292px!important;
  }
  html body.cs-site #solucoes .solution-grid-4x2 > .solution-card,
  html body.cs-site #solucoes .solution-grid-4x2 > .solution-featured{
    height:292px!important;
    min-height:292px!important;
    max-height:292px!important;
  }
}
@media (max-width:650px){
  html body.cs-site #solucoes .solution-grid-4x2{
    grid-auto-rows:auto!important;
  }
  html body.cs-site #solucoes .solution-grid-4x2 > .solution-card,
  html body.cs-site #solucoes .solution-grid-4x2 > .solution-featured{
    height:auto!important;
    min-height:auto!important;
    max-height:none!important;
  }
  html body.cs-site #solucoes .solution-grid-4x2 > .solution-featured .solution-cta-button{
    margin-top:18px!important;
    margin-bottom:0!important;
  }
}


/* ===== V79.5 — CLIENTES / CARROSSEL COM PROGRESSO ===== */
html body.cs-site .clients-section{
  background:#fff;
  padding:96px 0 104px;
}
html body.cs-site .clients-heading{margin-bottom:42px}
html body.cs-site .clients-heading h2 em{font-style:normal}
html body.cs-site .client-carousel{width:100%}
html body.cs-site .client-carousel-viewport{
  width:100%;
  overflow:hidden;
  padding:4px 1px 8px;
  touch-action:pan-y;
}
html body.cs-site .client-carousel-track{
  display:flex;
  gap:14px;
  will-change:transform;
}
html body.cs-site .client-brand{
  flex:0 0 calc((100% - 42px)/4);
  min-width:0;
  min-height:112px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  text-align:center;
  border:0;
  border-radius:18px;
  background:transparent;
}
html body.cs-site .client-brand img{
  display:block;
  width:100%;
  height:auto;
  max-width:280px;
  max-height:100px;
  object-fit:contain;
}
html body.cs-site .client-brand img{max-width:280px;max-height:72px;width:100%;height:auto;object-fit:contain;object-position:center}
html body.cs-site .client-brand-long img{max-width:290px}
html body.cs-site .client-carousel-controls{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin-top:24px;
}
html body.cs-site .client-carousel-indicators{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:56px;
  padding:0 22px;
  border-radius:999px;
  background:#f0f1f5;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}
html body.cs-site .client-carousel-indicator{
  position:relative;
  width:7px;
  height:7px;
  flex:0 0 7px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#818691;
  opacity:.72;
  cursor:pointer;
  overflow:hidden;
  transition:flex-basis .2s ease,width .2s ease,opacity .2s ease,transform .2s ease,background .2s ease;
}
html body.cs-site .client-carousel-indicator::after{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:0;
  border-radius:999px;
  background:#4f5662;
  opacity:0;
}
html body.cs-site .client-carousel-indicator:hover{transform:scale(1.1);opacity:1}
html body.cs-site .client-carousel-indicator.is-active{
  width:42px;
  flex-basis:42px;
  border-radius:999px;
  background:#d7d9de;
  opacity:1;
  transform:none;
}
html body.cs-site .client-carousel-indicator.is-active::after{
  opacity:1;
  animation:clientCarouselProgress var(--client-carousel-duration,4600ms) linear forwards;
  animation-play-state:paused;
}
html body.cs-site .client-carousel.is-playing .client-carousel-indicator.is-active::after{
  animation-play-state:running;
}
@keyframes clientCarouselProgress{
  from{width:0}
  to{width:100%}
}
html body.cs-site .client-carousel-indicator:focus-visible{
  outline:3px solid rgba(207,97,0,.28);
  outline-offset:4px;
}
html body.cs-site .client-carousel-play{
  width:56px;
  height:56px;
  min-width:56px;
  min-height:56px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:50%;
  background:#f0f1f5;
  color:var(--ink);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 10px 28px rgba(9,23,65,.08);
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
html body.cs-site .client-carousel-play:hover{
  transform:translateY(-2px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 14px 32px rgba(9,23,65,.12);
  background:#e9ebf0;
}
html body.cs-site .client-carousel-play:focus-visible{
  outline:3px solid rgba(207,97,0,.28);
  outline-offset:4px;
}
html body.cs-site .client-carousel-play svg{
  width:22px;
  height:22px;
  display:block;
  fill:currentColor!important;
  stroke:none!important;
  overflow:visible;
}
html body.cs-site .client-carousel-play svg path,
html body.cs-site .client-carousel-play svg rect{
  fill:currentColor!important;
  stroke:none!important;
}
/* v79.13 — exactly one media-control icon is visible at a time.
   The state selectors intentionally match the SVG child selector
   specificity so display:block on the generic SVG rule cannot win. */
html body.cs-site .client-carousel-play .client-play-icon,
html body.cs-site .client-carousel-play .client-pause-icon{
  display:none!important;
}
html body.cs-site .client-carousel-play.is-playing .client-pause-icon{
  display:block!important;
}
html body.cs-site .client-carousel-play:not(.is-playing) .client-play-icon{
  display:block!important;
}
html body.cs-site .client-carousel-status{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
@media (max-width:1000px){
  html body.cs-site .clients-section{padding:86px 0 92px}
  html body.cs-site .client-brand{flex-basis:calc((100% - 14px)/2);min-height:104px}
}
@media (max-width:650px){
  html body.cs-site .clients-section{padding:72px 0 78px}
  html body.cs-site .clients-heading{margin-bottom:34px}
  html body.cs-site .client-carousel-track{gap:0}
  html body.cs-site .client-brand{flex-basis:100%;min-height:92px;padding:10px 8px}
  html body.cs-site .client-brand img{max-width:280px}
  html body.cs-site .client-carousel-controls{gap:10px;margin-top:18px}
  html body.cs-site .client-carousel-indicators{gap:8px;min-height:48px;padding:0 14px}
  html body.cs-site .client-carousel-indicator{width:7px;height:7px;flex-basis:7px}
  html body.cs-site .client-carousel-indicator.is-active{width:26px;flex-basis:26px}
  html body.cs-site .client-carousel-play{width:48px;height:48px;min-width:48px;min-height:48px}
}
@media (prefers-reduced-motion:reduce){
  html body.cs-site .client-carousel-indicator,
  html body.cs-site .client-carousel-play{transition:none}
  html body.cs-site .client-carousel-indicator:hover,
  html body.cs-site .client-carousel-play:hover{transform:none}
  html body.cs-site .client-carousel-indicator.is-active::after{animation:none!important}
}

/* V79.7 — temporary client-logo placeholders: keep typography visually readable. */
html body.cs-site .client-brand img{
  max-width:280px!important;
  width:280px!important;
}
html body.cs-site .client-brand-long img{
  max-width:280px!important;
}


/* v80 — accessibility and performance foundation */
@media (max-width:650px){
  html body.cs-site .lead-form input,
  html body.cs-site .lead-form textarea{
    font-size:16px!important;
  }
}
/* v80.5 — CTA paragraph tone standardized with differentiator section */
html body.cs-site .cta-card > div:first-child p{
  color:#ADB9BC!important;
  font-weight:400!important;
}


/* V84.0 — solution links: horizontal arrow, no underline. */
html body.cs-site #solucoes .solution-card{position:relative;}
html body.cs-site #solucoes .solution-card .solution-cta-link{
  display:inline-flex!important;align-items:center;gap:8px;width:max-content;max-width:100%;margin-top:auto;padding:8px 0 4px;border:0;background:transparent!important;color:#091741!important;font-size:15px;font-weight:600;line-height:1.2;letter-spacing:.005em;position:relative;transition:color .2s ease,transform .2s ease;
}
html body.cs-site #solucoes .solution-card .solution-cta-link::after{content:none!important;}
html body.cs-site #solucoes .solution-card .solution-cta-link span{display:inline-block;font-size:17px;line-height:1;color:#CF6100;transform:translateX(0);transition:transform .22s ease;}
html body.cs-site #solucoes .solution-card .solution-cta-link:hover{color:#9A4600!important;transform:none;}
html body.cs-site #solucoes .solution-card .solution-cta-link:hover span{transform:translateX(4px);}
html body.cs-site #solucoes .solution-featured .solution-cta-link{color:#fff!important;}
html body.cs-site #solucoes .solution-featured .solution-cta-link span{color:#F08A00;}
html body.cs-site #solucoes .solution-featured .solution-cta-link:hover{color:#fff!important;}
html body.cs-site #solucoes .solution-featured .solution-cta-link:focus-visible,
html body.cs-site #solucoes .solution-card .solution-cta-link:focus-visible{outline:2px solid #CF6100;outline-offset:4px;border-radius:4px;}
html body.cs-site #solucoes .solution-cta-button{display:none!important}

/* v85.1 — prevent clipping on gradient-highlighted headings */
html body.cs-site h1 em,
html body.cs-site h2 em{
  overflow:visible!important;
  padding-right:.08em!important;
  margin-right:-.08em!important;
  -webkit-box-decoration-break:clone!important;
  box-decoration-break:clone!important;
}

/* v85.3 — robust fix for clipping at the end of gradient-highlighted headings */
html body.cs-site h1 em,
html body.cs-site h2 em{
  display:inline;
  overflow:visible!important;
  padding-right:.16em!important;
  margin-right:0!important;
  letter-spacing:-.04em!important;
  -webkit-box-decoration-break:clone!important;
  box-decoration-break:clone!important;
}


/* V88.0 — real case: Grupo Gera Agronegócios */
html body.cs-site .case-section{padding:112px 0;background:#F1F3F7;}
html body.cs-site .case-shell{overflow:hidden;border-radius:32px;background:#091741;color:#fff;box-shadow:0 24px 70px rgba(9,23,65,.12);}
html body.cs-site .case-top{display:grid;grid-template-columns:1.12fr .88fr;gap:72px;padding:58px 58px 48px;}
html body.cs-site .case-top-copy .eyebrow{margin-bottom:18px;color:#F08A00;}
html body.cs-site .case-client-row{display:flex;align-items:center;gap:14px;margin-bottom:24px;color:#DCE4EB;font-size:14px;font-weight:700;}
html body.cs-site .case-client-row img{width:56px;height:56px;object-fit:contain;object-position:center;background:#fff;border-radius:14px;padding:8px;}
html body.cs-site .case-top h2{margin:0 0 18px;max-width:760px;color:#fff;font:700 clamp(42px,5vw,64px)/1.02 'DM Sans',sans-serif;letter-spacing:-.055em;}
html body.cs-site .case-top h2 em{font-style:normal;color:#F08A00;background:linear-gradient(100deg,#CF6100 0%,#E67800 48%,#F08A00 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
html body.cs-site .case-top-copy>p{margin:0;max-width:760px;color:#ADB9BC;font-size:16px;line-height:1.75;}
html body.cs-site .case-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start;}
html body.cs-site .case-stat{min-height:126px;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.045);display:flex;flex-direction:column;justify-content:space-between;}
html body.cs-site .case-stat strong{color:#fff;font:700 clamp(26px,3vw,36px)/1 'DM Sans',sans-serif;letter-spacing:-.045em;}
html body.cs-site .case-stat span{color:#AAB6BE;font-size:12px;line-height:1.45;}
html body.cs-site .case-stat-featured{border-color:rgba(240,138,0,.35);background:linear-gradient(145deg,rgba(207,97,0,.18),rgba(255,255,255,.045));}
html body.cs-site .case-service-strip{display:flex;flex-wrap:wrap;gap:8px;padding:20px 58px 28px;border-top:1px solid rgba(255,255,255,.1);}
html body.cs-site .case-service-strip span{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#C8D1D7;background:rgba(255,255,255,.035);font-size:11px;font-weight:700;letter-spacing:.01em;}
html body.cs-site .case-story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;}
html body.cs-site .case-story article{padding:34px 32px 36px;border:1px solid #DDE2EA;border-radius:24px;background:#fff;}
html body.cs-site .case-story-label{display:block;margin-bottom:14px;color:#9A4600;font-size:10px;letter-spacing:.14em;font-weight:800;text-transform:uppercase;}
html body.cs-site .case-story h3{margin:0 0 14px;color:#091741;font:700 28px/1.12 'DM Sans',sans-serif;letter-spacing:-.035em;}
html body.cs-site .case-story p{margin:0;color:#68757B;font-size:16px;line-height:1.7;}
html body.cs-site .case-story-result{background:#091741!important;border-color:#091741!important;}
html body.cs-site .case-story-result h3{color:#fff;}
html body.cs-site .case-story-result .case-story-label{color:#F08A00;}
html body.cs-site .case-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px;}
html body.cs-site .case-result-grid span{display:flex;align-items:center;gap:9px;color:#C0CBD2;font-size:13px;}
html body.cs-site .case-result-grid span:before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:#F08A00;box-shadow:0 0 0 4px rgba(240,138,0,.09);}
html body.cs-site .case-highlight{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;margin-top:18px;padding:24px 30px;border-left:3px solid #CF6100;border-radius:18px;background:#fff;}
html body.cs-site .case-highlight-mark{color:#CF6100;font:800 13px/1 'DM Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;}
html body.cs-site .case-highlight p{margin:0;color:#091741;font-size:16px;font-weight:600;line-height:1.5;}
@media (max-width:1050px){
  html body.cs-site .case-top{grid-template-columns:1fr;gap:42px;}
}
@media (max-width:780px){
  html body.cs-site .case-section{padding:82px 0;}
  html body.cs-site .case-top{padding:36px 24px 30px;gap:34px;}
  html body.cs-site .case-top h2{font-size:46px;}
  html body.cs-site .case-stats{grid-template-columns:1fr 1fr;}
  html body.cs-site .case-service-strip{padding:18px 24px 24px;}
  html body.cs-site .case-story{grid-template-columns:1fr;}
  html body.cs-site .case-highlight{grid-template-columns:1fr;gap:10px;padding:20px 22px;}
}
@media (max-width:520px){
  html body.cs-site .case-top{padding:30px 20px 24px;}
  html body.cs-site .case-top h2{font-size:40px;}
  html body.cs-site .case-top-copy>p{font-size:15px;}
  html body.cs-site .case-stats{grid-template-columns:1fr;}
  html body.cs-site .case-stat{min-height:94px;}
  html body.cs-site .case-service-strip{padding:16px 20px 22px;}
  html body.cs-site .case-story article{padding:28px 24px 30px;}
}


/* V89.0 — case refinements: readable body text, compact secondary cases, and clearer section separation. */
html body.cs-site .case-section{background:#F1F3F7;padding-bottom:124px;}
html body.cs-site #como-funciona{background:#fff!important;border-top:1px solid #DDE2EA;}
html body.cs-site .case-story-label{font-size:11px;}
html body.cs-site .case-story-result .case-result-grid span{font-size:15px;}
html body.cs-site .case-secondary-heading{display:grid;grid-template-columns:1fr .72fr;gap:70px;align-items:end;margin:76px 0 24px;}
html body.cs-site .case-secondary-heading .eyebrow{margin-bottom:10px;color:#9A4600;}
html body.cs-site .case-secondary-heading h3{margin:0;color:#091741;font:700 clamp(34px,4vw,48px)/1.04 'DM Sans',sans-serif;letter-spacing:-.05em;}
html body.cs-site .case-secondary-heading h3 em{font-style:normal;color:#CF6100;background:linear-gradient(100deg,#CF6100 0%,#E67800 48%,#F08A00 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
html body.cs-site .case-secondary-heading p{margin:0 0 2px;color:#68757B;font-size:16px;line-height:1.7;}
html body.cs-site .case-secondary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
html body.cs-site .case-mini-card{padding:28px 30px 30px;border:1px solid #DDE2EA;border-radius:24px;background:#fff;box-shadow:0 12px 34px rgba(9,23,65,.045);}
html body.cs-site .case-mini-top{display:flex;align-items:center;gap:14px;margin-bottom:18px;}
html body.cs-site .case-mini-top img{width:58px;height:58px;object-fit:contain;object-position:center;border:1px solid #E2E7EC;border-radius:15px;background:#fff;padding:8px;flex:none;}
html body.cs-site .case-mini-label{display:block;margin-bottom:5px;color:#9A4600;font-size:10px;line-height:1;letter-spacing:.14em;font-weight:800;text-transform:uppercase;}
html body.cs-site .case-mini-top h4{margin:0;color:#091741;font:700 24px/1.1 'DM Sans',sans-serif;letter-spacing:-.03em;}
html body.cs-site .case-mini-card p{margin:0;color:#68757B;font-size:16px;line-height:1.65;}
html body.cs-site .case-mini-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px;}
html body.cs-site .case-mini-tags span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border:1px solid #DCE2E8;border-radius:999px;color:#56636B;background:#F8F9FB;font-size:12px;font-weight:700;}
@media (max-width:900px){
  html body.cs-site .case-secondary-heading{grid-template-columns:1fr;gap:18px;align-items:start;}
}
@media (max-width:780px){
  html body.cs-site .case-section{padding-bottom:90px;}
  html body.cs-site .case-story p,
  html body.cs-site .case-mini-card p{font-size:15px;}
  html body.cs-site .case-secondary-heading{margin-top:58px;}
  html body.cs-site .case-secondary-grid{grid-template-columns:1fr;}
}
@media (max-width:520px){
  html body.cs-site .case-story h3{font-size:25px;}
  html body.cs-site .case-secondary-heading h3{font-size:38px;}
  html body.cs-site .case-mini-card{padding:24px;}
}




/* V89.3 — case facts compact: replace large metric cards with a lean context grid and remove repeated 3-turn statement. */
html body.cs-site .case-stats{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;align-content:start;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);}
html body.cs-site .case-stat,
html body.cs-site .case-stat.case-stat-featured{min-height:0;padding:18px 0 16px;border:0;border-bottom:1px solid rgba(255,255,255,.1);border-radius:0;background:transparent;display:flex;flex-direction:column;justify-content:flex-start;gap:6px;}
html body.cs-site .case-stat:nth-last-child(-n+2){border-bottom:0;}
html body.cs-site .case-stat strong{color:#fff;font:700 clamp(28px,2.8vw,38px)/1 'DM Sans',sans-serif;letter-spacing:-.045em;}
html body.cs-site .case-stat span{color:#AAB6BE;font-size:12px;line-height:1.4;}
html body.cs-site .case-stat-featured{background:transparent;}
html body.cs-site .case-secondary-heading{margin-top:78px;}
html body.cs-site #como-funciona{background:#fff!important;border-top:1px solid #DDE2EA;}
@media (max-width:1050px){
  html body.cs-site .case-stats{max-width:720px;}
}
@media (max-width:780px){
  html body.cs-site .case-stats{grid-template-columns:1fr 1fr;gap:0 24px;}
  html body.cs-site .case-stat:nth-last-child(-n+2){border-bottom:0;}
}
@media (max-width:520px){
  html body.cs-site .case-stats{grid-template-columns:1fr 1fr;gap:0 18px;}
  html body.cs-site .case-stat{padding:16px 0 14px;}
  html body.cs-site .case-stat strong{font-size:28px;}
  html body.cs-site .case-stat span{font-size:11px;}
}

/* V89.2 — secondary cases: stronger labels and revised heading. */
html body.cs-site .case-mini-label{font-size:12px;line-height:1.1;letter-spacing:.14em;font-weight:800;}
html body.cs-site .case-secondary-heading h3{max-width:720px;}

/* V89.4 — Grupo Gera facts: compact editorial list instead of large metric tiles. */
html body.cs-site .case-stats{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  align-content:start;
  max-width:520px;
  border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.12);
}
html body.cs-site .case-stat,
html body.cs-site .case-stat.case-stat-featured{
  min-height:0;
  padding:15px 0;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.10);
  border-radius:0;
  background:transparent;
  display:grid;
  grid-template-columns:minmax(108px,auto) 1fr;
  align-items:baseline;
  gap:18px;
}
html body.cs-site .case-stat:last-child{border-bottom:0;}
html body.cs-site .case-stat strong{
  color:#fff;
  font:700 clamp(24px,2.4vw,32px)/1 'DM Sans',sans-serif;
  letter-spacing:-.045em;
}
html body.cs-site .case-stat span{
  color:#AAB6BE;
  font-size:13px;
  line-height:1.4;
}
html body.cs-site .case-stat-featured{
  border-color:rgba(255,255,255,.10);
  background:transparent;
}
html body.cs-site .case-stat-featured strong{color:#F08A00;}
@media (max-width:1050px){
  html body.cs-site .case-stats{max-width:720px;}
}
@media (max-width:520px){
  html body.cs-site .case-stats{max-width:none;}
  html body.cs-site .case-stat,
  html body.cs-site .case-stat.case-stat-featured{
    grid-template-columns:minmax(92px,auto) 1fr;
    gap:14px;
    padding:14px 0;
  }
  html body.cs-site .case-stat strong{font-size:26px;}
  html body.cs-site .case-stat span{font-size:12px;}
}


/* V89.5 — Grupo Gera impact panel: replace repeated context metrics with outcome-focused cards. */
html body.cs-site .case-impact-panel{
  padding:30px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:26px;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
html body.cs-site .case-impact-head{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-bottom:18px;
}
html body.cs-site .case-impact-kicker{
  color:#F08A00;
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
html body.cs-site .case-impact-head>strong{
  color:#fff;
  font:700 24px/1.08 'DM Sans',sans-serif;
  letter-spacing:-.035em;
}
html body.cs-site .case-impact-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
html body.cs-site .case-impact-card{
  min-height:152px;
  padding:17px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:17px;
  background:rgba(255,255,255,.045);
  display:flex;
  flex-direction:column;
}
html body.cs-site .case-impact-icon{
  width:34px;
  height:34px;
  margin-bottom:16px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(240,138,0,.11);
  color:#F08A00;
}
html body.cs-site .case-impact-icon svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
html body.cs-site .case-impact-card>strong{
  color:#fff;
  font:700 15px/1.22 'DM Sans',sans-serif;
  letter-spacing:-.01em;
}
html body.cs-site .case-impact-card>span{
  margin-top:7px;
  color:rgba(229,235,239,.72);
  font-size:12px;
  line-height:1.48;
}
html body.cs-site .case-impact-footer{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:18px;
  padding-top:17px;
  border-top:1px solid rgba(255,255,255,.10);
}
html body.cs-site .case-impact-footer>span{
  color:rgba(229,235,239,.72);
  font-size:12px;
  line-height:1.4;
}
html body.cs-site .case-impact-footer>span strong{
  color:#fff;
  font-size:13px;
}
html body.cs-site .case-tech-chips{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:6px;
}
html body.cs-site .case-tech-chips span{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:5px 9px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  color:rgba(229,235,239,.78);
  background:rgba(255,255,255,.035);
  font-size:10px;
  font-weight:700;
}
html body.cs-site .case-top{
  align-items:start;
}
@media (max-width:1050px){
  html body.cs-site .case-impact-panel{max-width:720px;}
}
@media (max-width:780px){
  html body.cs-site .case-impact-panel{padding:24px;border-radius:24px;}
  html body.cs-site .case-impact-card{min-height:142px;padding:15px;}
  html body.cs-site .case-impact-footer{align-items:flex-start;}
  html body.cs-site .case-tech-chips{justify-content:flex-start;}
}
@media (max-width:520px){
  html body.cs-site .case-impact-panel{padding:20px;}
  html body.cs-site .case-impact-grid{grid-template-columns:1fr;}
  html body.cs-site .case-impact-card{min-height:0;}
}


/* V89.8 — Home CTA: diagnóstico de TI orientado à ação */
html body.cs-site.home-page #contato .cta-next-steps{
  display:grid;
  gap:14px;
  margin-top:30px;
  max-width:620px;
}
html body.cs-site.home-page #contato .cta-next-step{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:13px;
  align-items:start;
}
html body.cs-site.home-page #contato .cta-next-step > span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:#F08A00;
  font:700 11px/1 'DM Sans',sans-serif;
  letter-spacing:.04em;
}
html body.cs-site.home-page #contato .cta-next-step strong{
  display:block;
  color:#fff;
  font:600 15px/1.3 'DM Sans',sans-serif;
}
html body.cs-site.home-page #contato .cta-next-step small{
  display:block;
  margin-top:3px;
  color:rgba(218,225,232,.72);
  font:400 12px/1.5 'DM Sans',sans-serif;
}
html body.cs-site.home-page #contato .cta-card > div:first-child p{
  color:#ADB9BC!important;
  font-size:16px;
  line-height:1.7;
}
html body.cs-site.home-page #contato .lead-form-title{
  font-size:25px;
}
@media (max-width:650px){
  html body.cs-site.home-page #contato .cta-next-steps{margin-top:24px;gap:12px}
  html body.cs-site.home-page #contato .cta-next-step strong{font-size:14px}
  html body.cs-site.home-page #contato .cta-next-step small{font-size:11.5px}
}