/* EVO Lane · site institucional
   Layout: a página segue o caminho de um carro — da pista à noite (escuro) até o painel da manhã (claro).
   Uma única ousadia: o cronômetro de pista no hero. O resto fica calmo. */

@font-face{font-family:"Archivo";src:url("../fonts/archivo-var.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/inter-var.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Plex Mono";src:url("../fonts/plex-mono-500.woff2") format("woff2");font-weight:500;font-display:swap}

:root{
  /* Cor */
  --night:#0b131d;      /* fundo: pista à noite */
  --night-2:#111b27;    /* superfícies */
  --line:#22303f;       /* fios */
  --fg:#e8eef5;         /* texto no escuro */
  --mut:#93a3b4;        /* texto secundário no escuro */
  --orange:#ff6a12;     /* marca */
  --amber:#ffa412;      /* início do degradê */
  --ember:#f0400c;      /* fim do degradê */
  --paper:#f3f5f7;      /* painel da manhã */
  --ink:#13202b;        /* texto no claro */
  --ink-mut:#56636f;    /* secundário no claro */
  --hair:#dfe3e8;
  --ok:#35d07f;
  --ok-ink:#16804f;
  --grad:linear-gradient(180deg,var(--amber),var(--orange) 55%,var(--ember));
  /* Tipo */
  --display:"Archivo","Arial Narrow",system-ui,sans-serif;
  --body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  --step-0:clamp(1rem,.96rem + .2vw,1.0625rem);
  --step-1:clamp(1.15rem,1.08rem + .35vw,1.3rem);
  --step-2:clamp(1.4rem,1.25rem + .7vw,1.8rem);
  --step-3:clamp(1.9rem,1.55rem + 1.6vw,2.8rem);
  --step-4:clamp(2.3rem,1.7rem + 3vw,4.2rem);
  /* Espaço */
  --wrap:1180px;
  --sec:clamp(4.5rem,3rem + 6vw,8rem);
  --r:14px;
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
.clean{list-style:none;padding:0;margin:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--night);color:var(--fg);font-family:var(--body);font-size:var(--step-0);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--night)}
img,video{max-width:100%;height:auto;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-family:var(--display);font-stretch:112%;line-height:1.08;letter-spacing:-.015em;margin:0;text-wrap:balance}
p{margin:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:-999px;top:8px;background:var(--orange);color:var(--night);padding:.6rem 1rem;border-radius:8px;z-index:100;font-weight:600}
.skip:focus{left:max(16px,env(safe-area-inset-left,0px))}

.wrap{max-width:var(--wrap);margin-inline:auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.sec{padding-block:var(--sec)}
.eyebrow{font-family:var(--mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);display:flex;align-items:center;gap:.6rem}
.eyebrow::before{content:"";width:28px;height:3px;border-radius:2px;background:var(--grad)}
.lead{font-size:var(--step-1);color:var(--mut);max-width:62ch}
.sec-head{display:grid;gap:1rem;max-width:760px;margin-bottom:clamp(2.2rem,4vw,3.5rem)}
.sec-head h2{font-size:var(--step-3)}

/* Botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-family:var(--body);font-weight:650;font-size:1rem;text-decoration:none;border-radius:999px;padding:.95rem 1.5rem;border:0;cursor:pointer;transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease;min-height:48px}
.btn-primary{background:var(--orange);color:var(--night);box-shadow:0 8px 24px -10px rgba(255,106,18,.7)}
.btn-primary:hover{background:var(--amber);transform:translateY(-1px)}
.btn-ghost{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1.5px rgba(232,238,245,.35)}
.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--fg)}
.btn svg{width:18px;height:18px;flex:none}

/* Cabeçalho */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;transition:background-color .25s ease,box-shadow .25s ease}
.top.scrolled{background:rgba(11,19,29,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:.85rem}
.brand img{height:46px;width:auto}
.nav{display:flex;align-items:center;gap:1.6rem}
.nav a{text-decoration:none;font-size:.93rem;color:var(--mut);font-weight:500}
.nav a:hover{color:var(--fg)}
.top .btn{padding:.65rem 1.15rem;min-height:42px;font-size:.93rem}
@media (min-width:921px){.nav .btn{display:none}}
.menu-btn{display:none;background:none;border:0;color:var(--fg);width:44px;height:44px;cursor:pointer;border-radius:10px}
.menu-btn svg{width:26px;height:26px;margin:auto}
@media (max-width:920px){
  .nav{position:fixed;inset:64px 0 auto 0;flex-direction:column;align-items:stretch;gap:0;background:var(--night);border-bottom:1px solid var(--line);padding:.5rem max(20px,env(safe-area-inset-right,0px)) 1.25rem max(20px,env(safe-area-inset-left,0px));transform:translateY(-8px);opacity:0;visibility:hidden;transition:all .2s ease}
  .nav.open{transform:none;opacity:1;visibility:visible}
  .nav a{padding:.9rem 0;border-bottom:1px solid var(--line);font-size:1.05rem;color:var(--fg)}
  .nav .btn{margin-top:1rem;border-bottom:0}
  .menu-btn{display:grid}
  .top .cta-desk{display:none}
}

/* Hero */
.hero{position:relative;isolation:isolate;margin-top:-72px;padding-top:72px;overflow:hidden}
.hero-media{position:absolute;inset:0;z-index:-2}
.hero-media video,.hero-media img{width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,19,29,.96) 0%,rgba(11,19,29,.86) 38%,rgba(11,19,29,.35) 75%,rgba(11,19,29,.55) 100%),linear-gradient(0deg,var(--night) 0%,rgba(11,19,29,0) 30%)}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,5vw,4.5rem);align-items:end;padding-block:clamp(4rem,9vw,8rem) clamp(3.5rem,6vw,5.5rem)}
.hero h1{font-size:var(--step-4);font-stretch:118%;font-weight:800;margin-block:1.1rem 1.4rem}
.hero h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{color:#c3cfdb}
.hero-ctas{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}
.hero-note{margin-top:1.4rem;font-size:.88rem;color:var(--mut);display:flex;align-items:center;gap:.5rem}
.hero-note svg{width:16px;height:16px;color:var(--ok);flex:none}

/* Cronômetro de pista (a ousadia da página) */
.lane-card{background:rgba(17,27,39,.88);border:1px solid var(--line);border-radius:18px;padding:1.25rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 30px 60px -30px rgba(0,0,0,.8);font-variant-numeric:tabular-nums}
.lane-top{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.live{display:inline-flex;align-items:center;gap:.45rem;color:var(--fg)}
.live i{width:8px;height:8px;border-radius:50%;background:var(--ember);box-shadow:0 0 0 0 rgba(240,64,12,.6);animation:pulse 1.6s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(240,64,12,0)}100%{box-shadow:0 0 0 0 rgba(240,64,12,0)}}
.lane-total{display:flex;align-items:baseline;justify-content:space-between;margin-block:1rem .9rem}
.lane-total b{font-family:var(--display);font-stretch:100%;font-size:clamp(2.6rem,2rem + 2vw,3.4rem);font-weight:700;letter-spacing:-.02em;line-height:1}
.lane-total span{font-family:var(--mono);font-size:.78rem;color:var(--mut)}
.lane-total span strong{color:var(--ok);font-weight:500}
.meter{position:relative;height:8px;border-radius:99px;background:#1b2836;overflow:hidden}
.meter i{position:absolute;inset:0 auto 0 0;width:0;background:var(--grad);border-radius:99px;transition:width .25s linear}
.meter .goal{position:absolute;top:-4px;bottom:-4px;right:0;width:2px;background:var(--ok)}
.stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:1rem}
.stage{border:1px solid var(--line);border-radius:10px;padding:.6rem .7rem;transition:border-color .2s ease,background-color .2s ease}
.stage small{display:block;font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.stage b{font-family:var(--mono);font-weight:500;font-size:1.05rem}
.stage.on{border-color:var(--orange);background:rgba(255,106,18,.08)}
.stage.done b::after{content:" ✓";color:var(--ok)}
.offer{margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--line);display:grid;gap:.4rem}
.offer .tag{font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}
.offer q{font-size:.98rem;color:var(--fg)}
.offer .res{font-family:var(--mono);font-size:.74rem;color:var(--mut)}
.offer .res.yes{color:var(--ok)}
.lane-foot{margin-top:.9rem;font-size:.72rem;color:var(--mut)}

/* Marca de pista: divisória tracejada */
.lane-rule{height:4px;background:repeating-linear-gradient(90deg,var(--amber) 0 34px,transparent 34px 58px);opacity:.55;max-width:var(--wrap);margin-inline:auto}

/* Problema */
.questions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.q{background:var(--night);padding:1.6rem 1.4rem;display:grid;gap:.6rem;align-content:start}
.q h3{font-size:var(--step-1);font-stretch:105%}
.q p{color:var(--mut);font-size:.95rem}
.problem-close{margin-top:2.2rem;max-width:68ch;font-size:var(--step-1);color:#c3cfdb}
.problem-close strong{color:var(--fg)}

/* Ideia */
.idea{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
.idea figure{margin:0;position:relative}
.idea figure img{border-radius:var(--r);aspect-ratio:4/3;object-fit:cover;width:100%}
.idea blockquote{margin:0 0 1.6rem;font-family:var(--display);font-size:var(--step-2);font-weight:650;line-height:1.25;font-stretch:108%}
.idea blockquote span{color:var(--amber)}
.clean.kit{display:grid;gap:.9rem;margin-top:1.8rem}
.kit li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:1rem;align-items:start}
.kit .ic{width:44px;height:44px;border-radius:12px;background:var(--night-2);border:1px solid var(--line);display:grid;place-items:center;color:var(--amber)}
.kit .ic svg{width:22px;height:22px}
.kit b{display:block;font-weight:650}
.kit span{color:var(--mut);font-size:.95rem}

.mini{margin-top:1.6rem;font-family:var(--mono);font-size:.8rem;color:var(--mut)}

/* Como funciona */
.flow{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(2rem,5vw,4rem);align-items:start}
.steps{list-style:none;margin:0;padding:0;position:relative}
.steps::before{content:"";position:absolute;left:21px;top:14px;bottom:14px;width:3px;background:repeating-linear-gradient(180deg,var(--line) 0 14px,transparent 14px 24px)}
.step{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);gap:1.1rem;padding-block:1rem;cursor:pointer}
.step .n{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--night);border:2px solid var(--line);font-family:var(--mono);font-size:.9rem;color:var(--mut);position:relative;z-index:1;transition:all .2s ease}
.step h3{font-size:var(--step-1);font-stretch:105%;margin-top:.55rem;transition:color .2s ease}
.step p{color:var(--mut);font-size:.95rem;margin-top:.35rem}
.step.active .n{border-color:var(--orange);background:var(--orange);color:var(--night)}
.step:hover h3,.step.active h3{color:#fff}
.step button{all:unset;position:absolute;inset:0;cursor:pointer;border-radius:12px}
.step button:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
.screen{position:sticky;top:96px;margin:0}
.screen .frame{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--night-2);aspect-ratio:16/9}
.screen img{width:100%;height:100%;object-fit:cover;transition:opacity .25s ease}
.screen figcaption,.cap{margin-top:.75rem;font-size:.82rem;color:var(--mut)}
.step-img{display:none}

/* Painel (seção clara: a manhã) */
.morning{background:var(--paper);color:var(--ink)}
.morning .eyebrow{color:var(--ember)}
.morning .lead,.morning .cap{color:var(--ink-mut)}
.morning .sec-head h2{color:var(--ink)}
.tabs{display:inline-flex;gap:.3rem;background:#e4e8ed;border-radius:999px;padding:.3rem;margin-bottom:1rem}
.tabs button{border:0;background:transparent;font:inherit;font-size:.92rem;font-weight:600;color:var(--ink-mut);padding:.55rem 1.1rem;border-radius:999px;cursor:pointer;min-height:40px}
.tabs button[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(19,32,43,.15)}
.dash{border-radius:var(--r);overflow:hidden;box-shadow:0 40px 80px -40px rgba(19,32,43,.45),0 0 0 1px var(--hair);background:#fff}
.know{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;margin-top:clamp(2.5rem,5vw,4rem)}
.k h3{font-size:var(--step-1);font-stretch:105%;color:var(--ink);display:flex;align-items:center;gap:.6rem;padding-bottom:.8rem;border-bottom:2px solid var(--ink);margin-bottom:.9rem}
.k h3 svg{width:20px;height:20px;color:var(--ember)}
.k li{font-size:.94rem;color:var(--ink-mut);padding-block:.45rem;border-bottom:1px solid var(--hair)}
.k li b{color:var(--ink);font-weight:600}
.rule-box{margin-top:2.5rem;display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.2rem;align-items:start;background:#fff;border:1px solid var(--hair);border-radius:var(--r);padding:1.4rem 1.5rem}
.rule-box .big{font-family:var(--display);font-weight:800;font-size:2.4rem;line-height:1;color:var(--ember);font-stretch:100%}
.rule-box p{color:var(--ink-mut)}
.rule-box b{color:var(--ink)}

/* Papéis */
.roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.role{background:var(--night-2);border:1px solid var(--line);border-radius:var(--r);padding:1.6rem;display:grid;gap:1rem;align-content:start}
.role h3{font-size:var(--step-2)}
.ba{display:grid;gap:.75rem}
.ba div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:.8rem;font-size:.95rem}
.ba small{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;padding-top:.2rem}
.ba .b small{color:var(--mut)}
.ba .b p{color:var(--mut)}
.ba .a small{color:var(--amber)}
.clean.details{margin-top:2rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.details li{border-top:3px solid var(--orange);padding-top:1rem}
.details b{display:block;margin-bottom:.3rem}
.details span{color:var(--mut);font-size:.95rem}

/* Filme */
.film{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:clamp(2rem,4vw,3.5rem);align-items:center}
.player{position:relative;border-radius:var(--r);overflow:hidden;background:#000;aspect-ratio:16/9;border:1px solid var(--line)}
.player video{width:100%;height:100%;object-fit:cover}
.play{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(0deg,rgba(11,19,29,.55),rgba(11,19,29,.1));border:0;cursor:pointer;color:var(--fg)}
.play span{display:inline-flex;align-items:center;gap:.7rem;background:var(--orange);color:var(--night);font-weight:700;padding:1rem 1.5rem;border-radius:999px;box-shadow:0 10px 30px -8px rgba(255,106,18,.7)}
.play svg{width:20px;height:20px}
.film-copy h2{font-size:var(--step-3)}
.film-copy p{color:var(--mut);margin-top:1rem}

/* Confiança */
.trust{background:var(--night-2);border-block:1px solid var(--line)}
.promises{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 3rem}
.promise{display:grid;grid-template-columns:28px minmax(0,1fr);gap:1rem;padding-block:1.3rem;border-bottom:1px solid var(--line)}
.promise svg{width:22px;height:22px;color:var(--ok);margin-top:.15rem}
.promise b{display:block;font-size:1.05rem}
.promise span{color:var(--mut);font-size:.95rem}
.trust-close{margin-top:2.2rem;font-size:var(--step-1)}

/* Falhas */
.fail-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
.fails{display:grid;gap:.75rem}
.fail{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:1rem;padding:1.1rem 1.25rem;border:1px solid var(--line);border-radius:12px;align-items:center}
.fail b{font-weight:600}
.fail span{color:var(--mut);font-size:.95rem}
.fail span strong{color:var(--fg);font-weight:600}
.beep{margin-top:1.4rem;display:flex;gap:.8rem;align-items:flex-start;color:var(--mut);font-size:.95rem}
.beep svg{width:22px;height:22px;color:var(--amber);flex:none}

/* Comparação */
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r)}
table.cmp{width:100%;border-collapse:collapse;min-width:640px}
.cmp th,.cmp td{text-align:left;padding:1rem 1.25rem;border-bottom:1px solid var(--line);vertical-align:top;font-size:.96rem}
.cmp thead th{font-family:var(--mono);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);font-weight:500;background:var(--night-2)}
.cmp thead th.us{color:var(--amber)}
.cmp tbody th{font-weight:600;width:20%}
.cmp td{color:var(--mut)}
.cmp td.us{color:var(--fg);background:rgba(255,106,18,.06)}
.cmp tr:last-child th,.cmp tr:last-child td{border-bottom:0}
.money{margin-top:1.8rem;max-width:70ch;color:#c3cfdb}
.money strong{color:var(--fg)}

/* Piloto */
.pilot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;counter-reset:p}
.ps{padding:1.5rem;border-radius:var(--r);background:var(--night-2);border:1px solid var(--line);display:grid;gap:.6rem;align-content:start}
.ps .n{font-family:var(--mono);font-size:.78rem;color:var(--amber);letter-spacing:.1em}
.ps h3{font-size:var(--step-1);font-stretch:105%}
.ps p{color:var(--mut);font-size:.94rem}
.ps .out{margin-top:.4rem;padding-top:.8rem;border-top:1px dashed var(--line);font-size:.88rem;color:var(--fg)}
.ps .out small{display:block;font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-bottom:.2rem}
.promise-line{margin-top:2rem;display:flex;gap:.8rem;align-items:flex-start;max-width:72ch;color:#c3cfdb}
.promise-line svg{width:22px;height:22px;color:var(--ok);flex:none;margin-top:.2rem}

/* Perguntas */
.faq{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(2rem,5vw,4.5rem)}
details{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;padding:1.25rem 2.5rem 1.25rem 0;position:relative;font-weight:600;font-size:1.06rem}
summary::-webkit-details-marker{display:none}
summary::after{content:"";position:absolute;right:6px;top:50%;width:12px;height:12px;border-right:2px solid var(--amber);border-bottom:2px solid var(--amber);transform:translateY(-70%) rotate(45deg);transition:transform .2s ease}
details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
details p{color:var(--mut);padding-bottom:1.3rem;max-width:66ch}

/* Contato */
.contact{position:relative;isolation:isolate;overflow:hidden}
.contact::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 80% at 100% 0%,rgba(255,106,18,.16),transparent 60%),radial-gradient(50% 60% at 0% 100%,rgba(255,164,18,.08),transparent 60%)}
.contact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
.contact h2{font-size:var(--step-4);font-stretch:115%;font-weight:800}
.contact .lead{margin-top:1.2rem}
.expect{margin-top:2rem;display:grid;gap:.9rem}
.expect li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:.8rem;color:#c3cfdb}
.expect svg{width:20px;height:20px;color:var(--amber);margin-top:.2rem}
form.card{background:var(--night-2);border:1px solid var(--line);border-radius:18px;padding:clamp(1.3rem,3vw,2rem);display:grid;gap:1rem}
.row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.field{display:grid;gap:.4rem}
.field label{font-size:.88rem;font-weight:600}
.field label span{color:var(--mut);font-weight:400}
.field input,.field select,.field textarea{width:100%;font:inherit;font-size:1rem;color:var(--fg);background:var(--night);border:1.5px solid var(--line);border-radius:10px;padding:.8rem .9rem;min-height:48px;transition:border-color .15s ease}
.field select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--mut) 50%),linear-gradient(135deg,var(--mut) 50%,transparent 50%);background-position:calc(100% - 20px) 52%,calc(100% - 14px) 52%;background-size:6px 6px;background-repeat:no-repeat;padding-right:2.4rem}
.field input:focus,.field select:focus{outline:none;border-color:var(--orange)}
.field input[aria-invalid="true"],.field select[aria-invalid="true"]{border-color:var(--ember)}
.err{font-size:.82rem;color:#ff8a5c;min-height:0}
.consent{display:grid;grid-template-columns:22px minmax(0,1fr);gap:.7rem;font-size:.86rem;color:var(--mut);align-items:start}
.consent input{width:20px;height:20px;margin:.15rem 0 0;accent-color:var(--orange)}
.consent a{color:var(--fg)}
form .btn{width:100%;margin-top:.3rem;font-size:1.05rem}
.form-note{font-size:.8rem;color:var(--mut);text-align:center}
.done{text-align:left;display:grid;gap:.8rem}
.done .ok{width:52px;height:52px;border-radius:50%;background:rgba(53,208,127,.12);display:grid;place-items:center;color:var(--ok)}
.done .ok svg{width:28px;height:28px}
.done h3{font-size:var(--step-2)}
.done p{color:var(--mut)}
.preview-flag{font-family:var(--mono);font-size:.74rem;color:var(--amber);border:1px dashed rgba(255,164,18,.5);border-radius:8px;padding:.6rem .8rem}
.hp{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}

/* Rodapé */
.foot{border-top:1px solid var(--line);padding-block:2.5rem calc(2.5rem + env(safe-area-inset-bottom,0px))}
.foot .wrap{display:flex;flex-wrap:wrap;gap:1.5rem 3rem;align-items:center;justify-content:space-between}
.foot img{height:56px;width:auto}
.foot nav{display:flex;flex-wrap:wrap;gap:1.4rem}
.foot a{color:var(--mut);text-decoration:none;font-size:.9rem}
.foot a:hover{color:var(--fg)}
.foot small{color:var(--mut);font-size:.82rem}

/* Barra fixa no celular */
.mobile-cta{display:none}
@media (max-width:720px){
  .mobile-cta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:.7rem max(16px,env(safe-area-inset-right,0px)) calc(.7rem + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:rgba(11,19,29,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .25s ease}
  .mobile-cta.show{transform:none}
  .mobile-cta .btn{width:100%}
  .foot{padding-bottom:calc(6rem + env(safe-area-inset-bottom,0px))}
}

/* Responsivo */
@media (max-width:1024px){
  .questions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .know{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.5rem}
  .pilot{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:880px){
  .hero .wrap,.idea,.flow,.film,.fail-wrap,.faq,.contact-grid{grid-template-columns:minmax(0,1fr)}
  .hero::after{background:linear-gradient(180deg,rgba(11,19,29,.75) 0%,rgba(11,19,29,.9) 55%,var(--night) 100%)}
  .hero .wrap{padding-top:clamp(3rem,10vw,5rem)}
  .screen{display:none}
  .step-img{display:block;margin-top:.9rem;border-radius:10px;border:1px solid var(--line)}
  .step{cursor:default}
  .roles,.promises,.clean.details{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .questions,.know,.pilot,.row2{grid-template-columns:minmax(0,1fr)}
  .fail{grid-template-columns:minmax(0,1fr);gap:.3rem}
  .ba div{grid-template-columns:minmax(0,1fr);gap:.2rem}
  .brand img{height:34px}
  .hero-ctas .btn{flex:1 1 100%}
  .rule-box{grid-template-columns:minmax(0,1fr)}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}