/* ===================== VOX — sistema (charcoal + acento por página) ===================== */
:root,[data-theme="light"]{
  --bg:#F4F6F7; --surface:#FFFFFF; --fg:#191D21; --fg-soft:#333A41; --muted:#67717A; --line:#DCE3E8;
  --panel-bg:#FFFFFF; --panel-fg:#191D21; --panel-soft:#333A41; --panel-muted:#67717A; --panel-line:#E1E7EC;
  --section-bg:#F1F5F7; --section-alt:#E6EEF2;
  --acc:#C97A3C; --acc-2:#A85F27; --btn-fg:#17130C;
}
[data-theme="dark"]{
  --bg:#14171A; --surface:#1C2024; --fg:#F1F2F0; --fg-soft:#C4C9CE; --muted:#8A9096; --line:rgba(255,255,255,.09);
  --panel-bg:#0F1214; --panel-fg:#F1F2F0; --panel-soft:#A9AFB5; --panel-muted:#8A9096; --panel-line:rgba(255,255,255,.08);
  --section-bg:#151A1F; --section-alt:#20272D;
  --acc:#D98A4A; --acc-2:#E0995E; --btn-fg:#17130C;
}
[data-accent="teal"]{--acc:#1FA69B; --acc-2:#178A80; --btn-fg:#04211E}
[data-theme="dark"][data-accent="teal"]{--acc:#2BC0B3; --acc-2:#54D0C5; --btn-fg:#04211E}
[data-accent="indigo"]{--acc:#6E63F0; --acc-2:#584FD0; --btn-fg:#fff}
[data-theme="dark"][data-accent="indigo"]{--acc:#8A82F5; --acc-2:#A29BF8; --btn-fg:#0b0920}

/* rodapé sempre escuro; no dark mode os painéis também ficam escuros */
.site-foot,
[data-theme="dark"] .site-head,
[data-theme="dark"] .hero,
[data-theme="dark"] .phero,
[data-theme="dark"] .panel{
  --panel-bg:#0F1214; --panel-fg:#F1F2F0; --panel-soft:#A9AFB5; --panel-muted:#8A9096; --panel-line:rgba(255,255,255,.10);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);
  font-family:'Inter',system-ui,sans-serif;font-size:clamp(1rem,.96rem + .3vw,1.1rem);line-height:1.6;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  transition:background .4s ease,color .4s ease}
h1,h2,h3,h4{font-family:'Sora',system-ui,sans-serif;margin:0;line-height:1.08;letter-spacing:-.02em;font-weight:700}
p{margin:0}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
::selection{background:var(--acc);color:var(--btn-fg)}

.wrap{max-width:1180px;margin-inline:auto;padding-inline:clamp(20px,5vw,64px)}
.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-weight:500}
.section{padding-block:clamp(48px,7vw,94px)}
.section:not(.panel){background:var(--section-bg)}
.section.problem-section{background:var(--surface)}
.section.why-section{background:var(--section-alt)}
.section.express-home{background:var(--section-bg)}
.panel{background:var(--panel-bg);color:var(--panel-fg)}
.panel .eyebrow{color:var(--panel-muted)}
.acc{color:var(--acc)}
a:focus-visible,button:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:2px}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:.6ch;font-weight:600;font-size:1rem;
  padding:.9em 1.5em;border-radius:3px;border:1px solid transparent;cursor:pointer;
  transition:transform .12s ease,filter .2s ease,border-color .2s ease,background .2s ease}
.btn-primary{background:var(--acc);color:var(--btn-fg)}
.btn-primary:hover{filter:brightness(1.07);transform:translateY(-1px)}
.btn-ghost{background:transparent;color:currentColor;border-color:currentColor;opacity:.9}
.btn-ghost:hover{opacity:1}
.btn .ar{transition:transform .2s ease}
.btn:hover .ar{transform:translateX(3px)}

/* ---------- header ---------- */
.site-head{position:fixed;top:0;left:0;right:0;z-index:200;
  background:color-mix(in srgb,var(--panel-bg) 78%,transparent);
  backdrop-filter:saturate(145%) blur(14px);-webkit-backdrop-filter:saturate(145%) blur(14px);
  border-bottom:1px solid color-mix(in srgb,var(--panel-line) 72%,transparent);
  transition:background .24s ease,border-color .24s ease,box-shadow .24s ease}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;height:78px;gap:1.2rem}
.brand{display:flex;align-items:center;color:var(--panel-fg);transition:opacity .22s ease,transform .22s ease}
.brand svg{height:30px;width:auto}
.site-head.home-top{background:rgba(255,255,255,.58);border-bottom-color:transparent;box-shadow:none}
.site-head.home-top .brand{opacity:0;pointer-events:none;transform:translateY(-4px)}
.site-head.home-top .nav a{color:rgba(25,29,33,.86)}
.site-head.home-top .nav a:hover,.site-head.home-top .nav a.active{color:var(--acc)}
.site-head.home-top .theme-switch{color:#191D21;border-color:rgba(25,29,33,.18);background:rgba(255,255,255,.26)}
.site-head.home-top .client-cta{color:#191D21;border-color:color-mix(in srgb,var(--acc) 62%,rgba(25,29,33,.18));
  background:color-mix(in srgb,var(--acc) 12%,rgba(255,255,255,.20))}
[data-theme="dark"] .site-head.home-top{background:rgba(15,18,20,.34);border-bottom-color:transparent;box-shadow:none}
[data-theme="dark"] .site-head.home-top .nav a{color:rgba(241,242,240,.92)}
[data-theme="dark"] .site-head.home-top .theme-switch{color:#F1F2F0;border-color:rgba(241,242,240,.28);background:rgba(15,18,20,.14)}
[data-theme="dark"] .site-head.home-top .client-cta{color:#F1F2F0;border-color:color-mix(in srgb,var(--acc) 62%,rgba(241,242,240,.24));
  background:color-mix(in srgb,var(--acc) 16%,rgba(15,18,20,.08))}
.site-head.is-scrolled{background:color-mix(in srgb,var(--panel-bg) 90%,transparent);
  border-bottom-color:var(--panel-line);box-shadow:0 16px 42px rgba(0,0,0,.10)}
.site-foot .fbrand svg{height:36px}
.nav{display:flex;align-items:center;gap:1.6rem}
.nav a{font-size:.9rem;color:var(--panel-soft);font-weight:600;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .12s ease;position:relative;
  padding:.55rem .82rem;border:1px solid color-mix(in srgb,var(--panel-line) 70%,transparent);border-radius:999px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--panel-bg) 42%,transparent),color-mix(in srgb,var(--panel-bg) 14%,transparent));
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 30%,transparent),0 10px 24px rgba(0,0,0,.04)}
.nav a:hover,.nav a.active{color:var(--panel-fg);border-color:color-mix(in srgb,var(--acc) 48%,var(--panel-line));background:color-mix(in srgb,var(--acc) 10%,var(--panel-bg));transform:translateY(-1px)}
.nav a.active::after{display:none}
.nav .nav-client{display:none}
.head-right{display:flex;align-items:center;gap:.85rem}
.quick-stack{display:grid;gap:6px;justify-items:stretch}
.theme-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;width:82px;height:32px;
  border-radius:999px;background:color-mix(in srgb,var(--panel-bg) 82%,transparent);
  border:1px solid var(--panel-line);color:var(--panel-fg);cursor:pointer;padding:3px;
  transition:border-color .2s,background .2s,color .2s}
.theme-switch:hover{border-color:var(--panel-muted)}
.theme-icon{position:relative;z-index:2;display:grid;place-items:center;color:var(--panel-muted);transition:color .2s}
.theme-icon svg{width:15px;height:15px}
.theme-thumb{position:absolute;z-index:1;top:3px;left:3px;width:36px;height:24px;border-radius:999px;
  background:var(--acc);box-shadow:0 8px 20px rgba(0,0,0,.16);transition:transform .22s cubic-bezier(.76,0,.24,1)}
[data-theme="light"] .theme-icon:first-child{color:var(--btn-fg)}
[data-theme="dark"] .theme-thumb{transform:translateX(40px)}
[data-theme="dark"] .theme-icon:last-child{color:var(--btn-fg)}
.client-cta{height:32px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:0 .9rem;border-radius:999px;
  border:1px solid color-mix(in srgb,var(--acc) 58%,var(--panel-line));color:var(--panel-fg);
  background:color-mix(in srgb,var(--acc) 10%,transparent);font-family:'IBM Plex Mono',monospace;
  font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:500;white-space:nowrap;
  transition:border-color .2s,background .2s,color .2s,transform .12s ease}
.client-cta::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--acc);box-shadow:0 0 16px var(--acc)}
.client-cta:hover{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 18%,transparent);transform:translateY(-1px)}
.head-cta{white-space:nowrap;border-radius:999px;box-shadow:0 0 0 1px color-mix(in srgb,var(--acc) 28%,transparent),0 0 24px color-mix(in srgb,var(--acc) 26%,transparent)}
.wa-icon{width:18px;height:18px;flex:0 0 auto}
.burger{display:none;width:40px;height:40px;border:1px solid var(--panel-line);border-radius:3px;background:transparent;color:var(--panel-fg);cursor:pointer;place-items:center}
.burger svg{width:20px;height:20px}

/* ---------- transition overlay (Swup) ---------- */
.transition-overlay{position:fixed;inset:-1px;z-index:500;
  --tr-acc:var(--acc);
  --tr-logo-bg:#ffffff;
  background:
    radial-gradient(circle at center,color-mix(in srgb,var(--tr-logo-bg) 92%,transparent) 0 13%,color-mix(in srgb,var(--tr-logo-bg) 38%,transparent) 14%,transparent 32%),
    linear-gradient(160deg,color-mix(in srgb,var(--tr-acc) 72%,#fff),var(--tr-acc));
  display:grid;place-items:center;transform:translateY(105%);pointer-events:none}
[data-theme="dark"] .transition-overlay{--tr-logo-bg:#111416}
html[data-transition-accent="amber"] .transition-overlay{--tr-acc:#D98A4A}
html[data-transition-accent="teal"] .transition-overlay{--tr-acc:#2BC0B3}
html[data-transition-accent="indigo"] .transition-overlay{--tr-acc:#8A82F5}
html.is-changing .transition-overlay{transition:transform .98s cubic-bezier(.76,0,.24,1)}
html.is-leaving .transition-overlay{transform:translateY(0)}
html.is-rendering .transition-overlay{transform:translateY(-105%)}
.transition-overlay .transition-logo{width:clamp(132px,16vw,210px);opacity:.98;filter:drop-shadow(0 18px 48px rgba(0,0,0,.22))}

/* ---------- hero (home) ---------- */
.hero{position:relative;overflow:hidden;padding-block:88px clamp(56px,8vw,98px)}
[data-theme="light"] .hero{background:
  radial-gradient(circle at 82% 18%,rgba(201,122,60,.15),transparent 28%),
  linear-gradient(135deg,#FFFFFF 0%,#F3F6F8 58%,#EEF3F5 100%)}
[data-theme="light"] .phero{background:linear-gradient(135deg,#FFFFFF 0%,#F3F6F8 100%)}
.constellation{position:absolute;inset:0;width:100%;height:100%;z-index:0;
  -webkit-mask-image:linear-gradient(to bottom,#000 60%,transparent);mask-image:linear-gradient(to bottom,#000 60%,transparent)}
.hero .wrap{position:relative;z-index:1}
.hero-logo{width:clamp(174px,22vw,320px);margin-bottom:clamp(26px,4vw,44px);
  filter:drop-shadow(0 18px 46px rgba(0,0,0,.36))}
.hero-tagline{width:clamp(174px,22vw,320px);height:2.9em;margin-top:calc(clamp(26px,4vw,44px) * -0.72);
  margin-bottom:clamp(32px,5vw,58px);overflow:hidden;text-align:right;
  font-family:'IBM Plex Mono',monospace;font-size:clamp(.82rem,.72rem + .45vw,1.05rem);
  line-height:1.35;letter-spacing:.08em;text-transform:uppercase;color:var(--acc);font-weight:500}
.hero-tagline span{display:inline-block;transition:opacity .34s ease,transform .34s cubic-bezier(.76,0,.24,1)}
.hero-tagline.swap-out span{opacity:0;transform:translateX(42px)}
.hero-tagline.swap-in span{opacity:0;transform:translateX(-42px)}
.hero h1{font-size:clamp(2.2rem,1.45rem + 3vw,3.9rem);max-width:17ch;font-weight:800}
.hero h1 .acc{color:var(--acc)}
.hero-lead{margin-top:1.7rem;max-width:40ch;font-size:clamp(1.1rem,1rem + .6vw,1.4rem);color:var(--panel-soft)}
.hero-lead b{color:var(--panel-fg);font-weight:600}
.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2.2rem}

/* ---------- page hero (inner) ---------- */
.phero{padding-block:100px clamp(36px,5vw,56px)}
.phero h1{font-size:clamp(2.2rem,1.6rem + 3vw,3.8rem);max-width:18ch;font-weight:800}
.phero h1 .acc{color:var(--acc)}
.phero p{margin-top:1.2rem;max-width:52ch;font-size:clamp(1.05rem,1rem + .4vw,1.3rem);color:var(--panel-soft)}

/* ---------- headings ---------- */
.lede{font-size:clamp(1.8rem,1.3rem + 2.2vw,3rem);max-width:20ch;font-weight:700}
.lede em{font-style:normal;color:var(--acc)}

/* ---------- stats ---------- */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,52px);margin-top:clamp(44px,6vw,68px)}
.stat{border-top:1px solid var(--line);padding-top:1.1rem}
.panel .stat{border-color:var(--panel-line)}
.stat .n{font-family:'IBM Plex Mono',monospace;font-weight:500;font-size:clamp(2.4rem,1.6rem + 3vw,3.6rem);letter-spacing:-.03em;line-height:1}
.stat .d{margin-top:.6rem;color:var(--fg-soft);max-width:26ch}
.panel .stat .d{color:var(--panel-soft)}
.stat .s{margin-top:.5rem;font-family:'IBM Plex Mono',monospace;font-size:.68rem;letter-spacing:.04em;color:var(--muted)}

/* ---------- express home ---------- */
.section-lead{margin-top:1.25rem;max-width:58ch;color:var(--fg-soft);font-size:clamp(1.02rem,.98rem + .3vw,1.18rem)}
.belief{margin-top:1.35rem;max-width:64ch;color:var(--fg-soft);font-size:clamp(1.05rem,1rem + .35vw,1.22rem)}
.belief::before{content:"";display:block;width:58px;height:3px;background:var(--acc);margin-bottom:1.15rem}
.express-home{padding-top:clamp(56px,8vw,104px)}
.express-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:clamp(28px,5vw,72px);align-items:start}
.express-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:clamp(24px,3vw,34px);
  box-shadow:0 18px 52px rgba(18,24,30,.06)}
.express-k{font-family:'IBM Plex Mono',monospace;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);margin-bottom:1rem}
.express-card ul{list-style:none;margin:0 0 1.35rem;padding:0;display:grid;gap:.62rem}
.express-card li{position:relative;padding-left:1.45em;color:var(--fg-soft)}
.express-card li::before{content:"->";position:absolute;left:0;color:var(--acc);font-family:'IBM Plex Mono',monospace}

/* ---------- clientes home ---------- */
.logo-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:clamp(34px,5vw,54px);
  background:var(--panel-line);border:1px solid var(--panel-line)}
.logo-strip span{min-height:86px;display:grid;place-items:center;background:var(--panel-bg);color:var(--panel-fg);
  font-family:'Sora',system-ui,sans-serif;font-size:clamp(1rem,.8rem + .7vw,1.32rem);font-weight:800;letter-spacing:.02em}
.panel .logo-strip span{background:#121619}

/* ---------- steps ---------- */
.steps{margin-top:clamp(44px,6vw,68px);display:grid;gap:0}
.step{display:grid;grid-template-columns:auto 1fr;gap:clamp(18px,4vw,48px);padding-block:clamp(26px,3.4vw,40px);
  border-top:1px solid var(--panel-line);align-items:start}
.step:last-child{border-bottom:1px solid var(--panel-line)}
.step .i{font-family:'IBM Plex Mono',monospace;color:var(--acc);font-size:.9rem;letter-spacing:.1em;padding-top:.35em}
.step h3{font-size:clamp(1.3rem,1.1rem + 1vw,1.9rem)}
.step p{margin-top:.7rem;color:var(--panel-soft);max-width:54ch}
.step p b{color:var(--panel-fg);font-weight:600}

/* ---------- pilares ---------- */
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.4vw,32px);margin-top:clamp(40px,5vw,60px)}
.pillar .ic{width:34px;height:34px;color:var(--acc)}
.pillar h3{margin-top:1rem;font-size:1.25rem}
.pillar p{margin-top:.5rem;color:var(--fg-soft)}
.panel .pillar p{color:var(--panel-soft)}

/* ---------- serviços list ---------- */
.svc{margin-top:clamp(40px,5vw,60px);display:grid;gap:0}
.svc-row{display:grid;grid-template-columns:.6fr 1fr auto;gap:clamp(16px,3vw,40px);align-items:baseline;
  padding-block:1.6rem;border-top:1px solid var(--line)}
.svc-row:last-child{border-bottom:1px solid var(--line)}
.svc-row h3{font-size:clamp(1.2rem,1rem + 1vw,1.7rem)}
.svc-row p{color:var(--fg-soft)}
.svc-row .k{font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.14em;color:var(--acc);text-transform:uppercase}

/* ---------- cases / portfolio ---------- */
.cases{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:clamp(40px,5vw,60px)}
.case{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden;
  transition:border-color .2s,transform .2s}
.case:hover{border-color:var(--acc);transform:translateY(-3px)}
.case .thumb{aspect-ratio:16/6.4;background:var(--panel-bg);display:grid;place-items:center;color:var(--panel-muted);
  font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(1.2rem,1rem + .8vw,1.75rem);letter-spacing:-.02em;position:relative}
.case .thumb .arw{position:absolute;right:14px;top:12px;width:22px;color:var(--acc)}
.case .meta{padding:16px 18px}
.case .ramo{font-family:'IBM Plex Mono',monospace;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
.case h3{margin-top:.35rem;font-size:1.08rem}
.case p{margin-top:.4rem;color:var(--fg-soft);font-size:.9rem;line-height:1.48}

/* ---------- planos ---------- */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:clamp(40px,5vw,60px)}
.plan{min-height:540px;background:#191A1A;color:#F4F5F2;border:1px solid rgba(255,255,255,.12);
  border-radius:8px;padding:clamp(24px,3vw,34px);display:grid;grid-template-rows:auto auto auto 76px auto 1fr auto;
  box-shadow:0 22px 70px rgba(0,0,0,.24);position:relative;overflow:hidden}
.plan::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.72;
  background:radial-gradient(circle at 18% 0%,rgba(217,138,74,.20),transparent 36%),
    linear-gradient(135deg,rgba(255,255,255,.06),transparent 34%)}
.plan > *{position:relative;z-index:1}
.plan-express{background:linear-gradient(135deg,#101315 0%,#161B1D 48%,#201812 100%)}
.plan-custom{background:linear-gradient(135deg,#171819 0%,#202120 56%,#141414 100%)}
.plan-systems{background:linear-gradient(135deg,#151617 0%,#1D1C20 44%,#111827 100%)}
.plan .tier{font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--acc)}
.plan .price{font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(1.7rem,1.35rem + 1.4vw,2.55rem);margin-top:1.05rem;line-height:1.08}
.plan .price small{display:block;font-family:'Inter',sans-serif;font-weight:400;font-size:.92rem;color:#BEC4CA;margin-top:.55rem;line-height:1.45}
.plan .bl{margin-top:1.2rem;font-size:.98rem;color:#D5D9DD;max-width:34ch}
.plan-btn{display:flex;align-items:center;justify-content:center;min-height:60px;margin-top:1.6rem;padding:0 1.1rem;
  border-radius:10px;border:1px solid rgba(255,255,255,.14);color:#F7F8F5;font-weight:700;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.04) 52%,rgba(0,0,0,.38));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 18px 36px rgba(0,0,0,.28);
  text-align:center;transition:transform .16s ease,filter .2s ease,border-color .2s ease}
.plan-btn:hover{transform:translateY(-1px);filter:brightness(1.08);border-color:rgba(255,255,255,.28)}
.plan-btn-primary{background:linear-gradient(180deg,#E39A58,#C97332);color:#14110D;
  box-shadow:0 18px 38px rgba(217,138,74,.28),inset 0 1px 0 rgba(255,255,255,.28)}
.plan-line{height:1px;background:rgba(255,255,255,.14);margin:1.55rem 0 1.25rem}
.plan ul{list-style:none;margin:0;padding:0;display:grid;gap:.72rem}
.plan li{position:relative;padding-left:1.4em;font-size:.94rem;color:#E7E9E6}
.plan li::before{content:"•";position:absolute;left:0;top:-.03em;color:rgba(255,255,255,.46);font-size:1.35em;line-height:1}
.plan .ft{margin-top:0;padding-top:1.6rem;font-family:'IBM Plex Mono',monospace;font-size:.72rem;line-height:1.55;letter-spacing:.03em;color:#A9B0B7}
.plan .plan-line{margin-top:1.45rem}
[data-theme="light"] .plan{background:#FFFFFF;color:#191D21;border-color:#DDE4EA;
  box-shadow:0 22px 60px rgba(18,24,30,.09)}
[data-theme="light"] .plan::before{opacity:1;background:
  radial-gradient(circle at 20% 0%,rgba(201,122,60,.10),transparent 34%),
  linear-gradient(135deg,rgba(255,255,255,.92),rgba(244,246,247,.55))}
[data-theme="light"] .plan-express{background:linear-gradient(135deg,#FFFFFF 0%,#F8FAFB 54%,#FFF5EC 100%)}
[data-theme="light"] .plan-custom{background:linear-gradient(135deg,#FFFFFF 0%,#F5F7F8 100%)}
[data-theme="light"] .plan-systems{background:linear-gradient(135deg,#FFFFFF 0%,#F5F7F8 58%,#F1F4FF 100%)}
[data-theme="light"] .plan .price small{color:#69737C}
[data-theme="light"] .plan .bl{color:#37414A}
[data-theme="light"] .plan-btn{color:#191D21;border-color:#D8E0E7;
  background:linear-gradient(180deg,#FFFFFF,#EEF2F5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 14px 28px rgba(18,24,30,.10)}
[data-theme="light"] .plan-btn-primary{background:linear-gradient(180deg,#E39A58,#C97332);color:#14110D;
  border-color:rgba(201,122,60,.55);box-shadow:0 18px 34px rgba(201,122,60,.22)}
[data-theme="light"] .plan-line{background:#DEE5EA}
[data-theme="light"] .plan li{color:#252B31}
[data-theme="light"] .plan li::before{color:#8A949E}
[data-theme="light"] .plan .ft{color:#68737D}
/* ---------- FAQ ---------- */
.faq{margin-top:clamp(36px,5vw,56px);max-width:820px}
.faq details{border-top:1px solid var(--line);padding:1.2rem 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center;
  font-family:'Sora',sans-serif;font-weight:600;font-size:1.1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--acc);font-family:'IBM Plex Mono',monospace;font-size:1.3rem}
.faq details[open] summary::after{content:"–"}
.faq p{margin-top:.8rem;color:var(--fg-soft);max-width:70ch}

/* ---------- contato ---------- */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);margin-top:clamp(36px,5vw,56px)}
.cbox{border:1px solid var(--panel-line);border-radius:8px;padding:26px 28px}
.cbox .k{font-family:'IBM Plex Mono',monospace;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
.cbox .v{margin-top:.5rem;font-size:1.2rem;font-family:'Sora',sans-serif;font-weight:600}
.cbox p{margin-top:.4rem;color:var(--panel-soft);font-size:.95rem}

/* ---------- transparência inline (uma nota) ---------- */
.note{background:var(--acc);border-radius:10px;padding:clamp(28px,4vw,44px)}
.note .eyebrow{color:color-mix(in srgb,var(--btn-fg) 70%,transparent)}
.note p{font-family:'Sora',sans-serif;font-weight:700;font-size:clamp(1.3rem,1rem + 1.6vw,2rem);color:var(--btn-fg);margin-top:1rem;line-height:1.2}
.note p b{color:#fff}

/* ---------- CTA band ---------- */
.cta-band{text-align:center}
.cta-band.panel{--panel-bg:#0F1214;--panel-fg:#F1F2F0;--panel-soft:#A9AFB5;--panel-muted:#8A9096;--panel-line:rgba(255,255,255,.10);
  background:linear-gradient(135deg,#0F1214 0%,#15120E 55%,#21170F 100%)}
.cta-band h2{font-size:clamp(1.9rem,1.4rem + 2.6vw,3.2rem);max-width:18ch;margin-inline:auto}
.cta-band p{margin-top:1.2rem;color:var(--panel-soft);max-width:46ch;margin-inline:auto}
.cta-band .btn{margin-top:2rem}

/* ---------- footer ---------- */
.site-foot{background:var(--panel-bg);color:var(--panel-fg);border-top:1px solid var(--panel-line)}
.site-foot .wrap{padding-block:clamp(44px,6vw,64px);display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px}
.site-foot .fbrand svg{height:34px}
.site-foot .fbrand p{margin-top:1rem;color:var(--panel-muted);max-width:34ch;font-size:.92rem}
.site-foot .fbrand strong{display:block;margin-top:.35rem;color:var(--acc);font-weight:700}
.fcol h4{font-family:'IBM Plex Mono',monospace;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--panel-muted);font-weight:500;margin-bottom:1rem}
.fcol a{display:block;color:var(--panel-soft);font-size:.95rem;padding:.28rem 0;transition:color .2s}
.fcol a:hover{color:var(--acc)}
.footer-login{display:inline-flex!important;align-items:center;justify-content:center;width:max-content;margin-top:.75rem;padding:.7rem 1rem!important;
  border:1px solid color-mix(in srgb,var(--acc) 55%,var(--panel-line));border-radius:999px;color:var(--panel-fg)!important;
  background:color-mix(in srgb,var(--acc) 12%,transparent);font-family:'IBM Plex Mono',monospace;font-size:.72rem!important;letter-spacing:.08em;text-transform:uppercase}
.footer-login:hover{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 20%,transparent)}
.social{display:flex;gap:.7rem;margin-top:.4rem}
.social a{width:36px;height:36px;border:1px solid var(--panel-line);border-radius:3px;display:grid;place-items:center;color:var(--panel-soft)}
.social a:hover{color:var(--acc);border-color:var(--acc)}
.social svg{width:17px;height:17px}
.foot-legal{border-top:1px solid var(--panel-line)}
.foot-legal .wrap{padding-block:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;
  font-family:'IBM Plex Mono',monospace;font-size:.7rem;letter-spacing:.04em;color:var(--panel-muted)}

/* ---------- reveal ---------- */
.rise{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}
.rise.in{opacity:1;transform:none}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .nav,.head-cta,.client-cta,.theme-switch,.quick-stack{display:none}
  .burger{display:grid}
  .site-head.open .nav{display:flex;position:absolute;top:78px;left:0;right:0;flex-direction:column;align-items:flex-start;
    gap:0;background:var(--panel-bg);border-bottom:1px solid var(--panel-line);padding:8px 0}
  .site-head.open .nav a{padding:14px clamp(20px,5vw,64px);width:100%}
  .site-head.open .nav .nav-client{display:flex;color:var(--panel-fg);border-top:1px solid var(--panel-line);
    font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
  .site-head.open .nav a.active::after{display:none}
  .hero-tagline{height:3em}
  .stats,.pillars,.plans,.cases,.contact-grid,.express-grid,.logo-strip{grid-template-columns:1fr;gap:0}
  .stat,.pillar{border-top:1px solid var(--line);padding-block:1.4rem}
  .plans,.cases,.contact-grid{gap:16px}
  .svc-row{grid-template-columns:1fr;gap:.4rem}
  .step{grid-template-columns:1fr;gap:.3rem}
  .site-foot .wrap{grid-template-columns:1fr;gap:28px}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .rise{opacity:1;transform:none}
  html.is-changing .transition-overlay{transition:none}
  .transition-overlay{backdrop-filter:none;-webkit-backdrop-filter:none}
}