/* Intacto · landing (página da versão 0.6)
   Marca: Verde Intacto (#9FF07A) sobre carvão, Geist. As cores são as da interface do app (docs/rebranding/MARCA.md). */

@font-face{
  font-family:Geist;
  src:url('assets/fonts/geist-latin.woff2') format('woff2');
  font-weight:400 800;
  font-style:normal;
  font-display:swap;
}

:root{
  color-scheme:dark;
  --bg:#080c09;
  --canvas:#0b0f0c;
  --panel:#151b16;
  --panel-2:#111712;
  --line:#222c24;
  --line-strong:#34423a;
  --ink:#eef3ec;
  --ink-2:#bcc8ba;
  --ink-3:#93a291;
  --mint:#9ff07a;
  --mint-ink:#102a08;
  --teal:#6fcf58;
  --warn:#f4c980;
  --paper:#f3f6ef;
  --paper-2:#ffffff;
  --paper-ink:#18261a;
  --paper-ink-2:#445646;
  --paper-line:#d2ddcf;
  --paper-accent:#1f6b2e;
  --radius:16px;
  --wrap:1200px;
  --gutter:clamp(16px,4vw,40px);
  --header:64px;
  --sans:Geist,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header) + 16px)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
img,svg{display:block;max-width:100%}
img{height:auto}
h1,h2,h3,p,ul,ol,dl,dd,figure,fieldset{margin:0;padding:0}
ul,ol{list-style:none}
fieldset{border:0;min-width:0}
a{color:inherit}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--mint);outline-offset:3px;border-radius:6px}
::selection{background:#37582d;color:#fff}

.wrap{width:100%;max-width:calc(var(--wrap) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--mint);color:var(--mint-ink);padding:10px 14px;border-radius:10px;font-weight:650;text-decoration:none}
.skip:focus{top:12px}
.i{width:1.15em;height:1.15em;flex:none}
.mono{font-family:var(--mono);font-size:.9em;letter-spacing:-.01em}
.soft{opacity:.7;font-weight:500}

/* Botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:12px;border:1px solid transparent;font-weight:640;font-size:16px;line-height:1.1;text-decoration:none;white-space:nowrap;transition:background-color .16s,border-color .16s,transform .16s,box-shadow .16s}
.btn-lg{min-height:56px;padding:0 24px;font-size:17px;border-radius:14px}
.btn-sm{min-height:40px;padding:0 15px;font-size:14.5px;border-radius:10px}
.btn-block{width:100%}
.btn-primary{background:var(--mint);color:var(--mint-ink);box-shadow:0 0 0 1px rgba(159,240,122,.25),0 10px 30px -12px rgba(159,240,122,.45)}
.btn-primary:hover{background:#abf88e;transform:translateY(-1px)}
.btn-primary:active{transform:translateY(0)}
.btn-primary .i{transition:transform .16s}
.btn-primary:hover .i{transform:translateX(3px)}
.btn-quiet{border-color:var(--line-strong);color:var(--ink);background:rgba(21,27,22,.5)}
.btn-quiet:hover{border-color:#4b664c;background:var(--panel)}
.btn-paper{background:#193612;color:#fff}
.btn-paper:hover{background:#11280c}
.btn-paper-quiet{border-color:#bbcab4;color:var(--paper-ink)}
.btn-paper-quiet:hover{background:#e8efe4}
.link-btn{background:none;border:0;padding:6px 0;color:var(--ink-3);font-size:14.5px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line-strong)}
.link-btn:hover{color:var(--ink)}

/* Etiquetas de estado, iguais às do app */
.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:8px;border:1px solid #35512e;background:#1b2f17;color:var(--mint);font-size:12.5px;font-weight:650;line-height:1.3;white-space:nowrap}
.tag .i{width:13px;height:13px}
.tag-warn{border-color:#5d4925;background:#32281a;color:var(--warn)}
.tag-plain{border-color:var(--line-strong);background:transparent;color:var(--ink-2)}

/* Cabeçalho */
.site-header{position:sticky;top:0;z-index:40;height:var(--header);background:rgba(8,12,9,.82);backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s}
.site-header.is-stuck{border-bottom-color:var(--line)}
.header-row{height:100%;display:flex;align-items:center;gap:24px}
.brand{display:inline-flex;align-items:center;text-decoration:none;color:var(--ink)}
.brand img{height:36px;width:auto}
.site-footer .brand img{height:32px}
.site-nav{display:none;margin-left:auto;gap:4px}
.site-nav a{padding:8px 12px;border-radius:9px;color:var(--ink-2);font-size:14.5px;font-weight:520;text-decoration:none}
.site-nav a:hover{color:var(--ink);background:var(--panel)}
.site-header .btn{margin-left:auto}
@media (min-width:980px){.site-nav{display:flex}.site-header .btn{margin-left:8px}}

/* Hero */
.hero{position:relative;padding:clamp(28px,5vw,72px) 0 clamp(40px,6vw,88px);overflow:clip}
.hero-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(159,240,122,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(159,240,122,.05) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse 62% 70% at 74% 34%,#000 0%,transparent 72%);mask-image:radial-gradient(ellipse 62% 70% at 74% 34%,#000 0%,transparent 72%)}
.hero-grid::after{content:"";position:absolute;right:6%;top:8%;width:46%;aspect-ratio:1;background:radial-gradient(circle,rgba(111,207,88,.16),transparent 62%);filter:blur(10px)}
.hero-row{position:relative;display:grid;gap:26px}
.eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;color:var(--ink-2);font-size:14.5px;font-weight:520;margin-bottom:18px}
h1{font-size:clamp(2.5rem,1.15rem + 5.6vw,4.7rem);font-weight:720;letter-spacing:-.045em;line-height:.98;text-wrap:balance}
.hl{color:var(--mint)}
.lede{margin-top:20px;max-width:34em;color:var(--ink-2);font-size:clamp(1.06rem,.98rem + .35vw,1.22rem);line-height:1.55;text-wrap:pretty}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.facts{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:16px;color:var(--ink-2);font-size:14.5px}
.facts li{display:flex;align-items:flex-start;gap:7px}
.facts .i{color:var(--teal);margin-top:.22em;width:15px;height:15px}
.facts-col{flex-direction:column;gap:10px;margin-top:22px;font-size:15.5px}
.hero-mobile-note{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:11px;color:var(--ink-3);font-size:13.5px;line-height:1.4}
.hero-mobile-note .i{color:var(--teal);width:15px;height:15px}

.btn-text{min-height:48px;padding:0 6px;color:var(--ink-2);font-weight:560;font-size:16px;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:5px}
.btn-text:hover{color:var(--ink);text-decoration-color:var(--teal)}
.btn-text .i{width:16px;height:16px;color:var(--teal)}
.only-mobile{color:var(--mint);text-underline-offset:3px;white-space:nowrap}

.hero-proof{position:relative}
.shot{border:1px solid var(--line-strong);border-radius:var(--radius);overflow:hidden;background:var(--panel);box-shadow:0 30px 70px -34px rgba(0,0,0,.85)}
.shot img{width:100%}
.shot-hero{border-radius:14px}
.shot-hero .chrome{display:none}
.hero-proof figcaption{margin-top:10px;color:var(--ink-3);font-size:13px;line-height:1.45}

@media (max-width:899px){
  .hero{padding-top:22px}
  .hero-row{display:flex;flex-direction:column;gap:0}
  .hero-copy{display:contents}
  .eyebrow{order:1;font-size:13.5px;margin-bottom:14px}
  h1{order:2}
  .lede{order:3;margin-top:16px}
  .hero .cta-row{order:4;margin-top:22px}
  .hero .cta-row .btn-primary{width:100%}
  .hero .btn-text{display:none}
  .hero-mobile-note{order:5}
  .hero-proof{order:6;margin-top:16px;max-width:440px}
  .hero .facts{order:7;margin-top:18px;font-size:14px}
}
@media (min-width:900px){
  .hero-row{grid-template-columns:minmax(0,.96fr) minmax(0,1fr);align-items:center;gap:clamp(32px,4.4vw,68px)}
  h1{font-size:clamp(3rem,.577rem + 4.567vw,4.7rem)}
  .hero-mobile-note,.only-mobile{display:none}
  .shot-hero{border-radius:18px;box-shadow:0 50px 100px -40px rgba(0,0,0,.9),0 0 0 6px rgba(159,240,122,.035)}
  .shot-hero .chrome{display:flex}
  .hero-proof{width:100%;max-width:500px;justify-self:end}
  .hero-proof figcaption{margin-top:14px}
}
@media (prefers-reduced-motion:no-preference){
  .hero-copy>*{animation:rise .6s cubic-bezier(.2,.7,.2,1) both}
  .hero-copy>:nth-child(2){animation-delay:.05s}
  .hero-copy>:nth-child(3){animation-delay:.1s}
  .hero-copy>:nth-child(4){animation-delay:.15s}
  .hero-copy>:nth-child(n+5){animation-delay:.2s}
  .shot-hero{animation:rise .7s .12s cubic-bezier(.2,.7,.2,1) both}
}
@keyframes rise{from{transform:translateY(12px)}to{transform:none}}

/* Quatro respostas */
.answers{border-block:1px solid var(--line);background:var(--canvas)}
.answers-grid{display:grid;grid-template-columns:1fr}
.answers-grid li{padding:16px 0;border-top:1px solid var(--line)}
.answers-grid li:first-child{border-top:0}
.answers .q{font-weight:640;font-size:16px;letter-spacing:-.01em}
.answers .a{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:7px;color:var(--ink-2);font-size:14px}
@media (min-width:640px){
  .answers-grid{grid-template-columns:repeat(2,1fr)}
  .answers-grid li{padding:22px 24px 22px 0;border-top:0}
  .answers-grid li:nth-child(n+3){border-top:1px solid var(--line)}
  .answers-grid li:nth-child(even){padding-left:24px;border-left:1px solid var(--line)}
}
@media (min-width:1040px){
  .answers-grid{grid-template-columns:repeat(4,1fr)}
  .answers-grid li,.answers-grid li:nth-child(even){padding:26px 22px;border-top:0!important;border-left:1px solid var(--line)}
  .answers-grid li:first-child{padding-left:0;border-left:0}
}

/* Seções */
.section{padding:clamp(64px,9vw,128px) 0}
.section-alt{background:var(--canvas);border-block:1px solid var(--line)}
.section-head{max-width:800px;margin-bottom:clamp(30px,4vw,54px)}
.kicker{color:var(--teal);font-size:12.5px;font-weight:680;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}
h2{font-size:clamp(1.95rem,1.1rem + 3vw,3.25rem);font-weight:690;letter-spacing:-.036em;line-height:1.04;text-wrap:balance}
h3{font-size:1.24rem;font-weight:660;letter-spacing:-.018em;line-height:1.2}
.section-lede{margin-top:16px;max-width:38em;color:var(--ink-2);font-size:clamp(1.03rem,.98rem + .25vw,1.16rem);text-wrap:pretty}
.fineprint{margin-top:22px;max-width:62em;color:var(--ink-3);font-size:13.5px;line-height:1.55}

/* Demonstração */
.demo{display:flex;flex-direction:column;gap:14px}
.demo-side{display:contents}
.demo-tabs{order:1;display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding:2px var(--gutter)}
.demo-tabs::-webkit-scrollbar{display:none}
.demo-tabs li{flex:none;scroll-snap-align:center}
.demo-tabs button{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:9px;min-height:46px;padding:7px 14px 7px 8px;border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--ink-2);text-align:left;overflow:hidden;transition:border-color .16s,background-color .16s,color .16s}
.demo-tab-n{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--panel);border:1px solid var(--line-strong);font-size:13px;font-weight:680;font-variant-numeric:tabular-nums}
.demo-tab-t{font-size:14.5px;font-weight:620;white-space:nowrap}
.demo-tab-s{display:none}
.demo-tabs button[aria-selected=true]{border-color:#476d3d;background:#172314;color:var(--ink)}
.demo-tabs button[aria-selected=true] .demo-tab-n{background:var(--mint);border-color:var(--mint);color:var(--mint-ink)}
.demo-tabs button::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--mint);transform:scaleX(0);transform-origin:left}
.demo.is-playing .demo-tabs button[aria-selected=true]::after{animation:fill var(--demo-ms,5200ms) linear forwards}
@keyframes fill{to{transform:scaleX(1)}}

.demo-stage{order:2;border:1px solid var(--line-strong);border-radius:18px;background:var(--panel);overflow:hidden;box-shadow:0 40px 90px -46px rgba(0,0,0,.9)}
.chrome{display:flex;align-items:center;gap:12px;height:40px;padding:0 14px;border-bottom:1px solid var(--line);background:var(--panel-2);color:var(--ink-3);font-size:12.5px;font-weight:560}
.dots{display:flex;gap:6px}
.dots i{width:9px;height:9px;border-radius:50%;background:#2f3b30}
.chrome-title{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chrome-tag{flex:none;font-style:normal;padding:2px 7px;border:1px solid var(--line-strong);border-radius:6px;font-size:11px;color:var(--ink-2);white-space:nowrap}
@media (max-width:520px){.chrome-app{display:none}}
.demo-panel{display:none}
.demo-panel.is-active{display:block}
.demo-panel img{width:100%;aspect-ratio:760/1080;object-fit:contain;object-position:center;background:var(--panel)}
.demo-panel-paper img{object-fit:cover;object-position:top center;background:#fff}
.demo-panel figcaption{padding:15px 16px 18px;border-top:1px solid var(--line);background:var(--panel-2);color:var(--ink-2);font-size:15px;line-height:1.5;min-height:8.2em}
.demo-panel figcaption strong{color:var(--ink);font-weight:650}
.demo-panel figcaption a{color:var(--mint);text-underline-offset:3px}
@media (prefers-reduced-motion:no-preference){.demo.is-live .demo-panel.is-active img{animation:show .32s ease both}}
@keyframes show{from{opacity:.25}to{opacity:1}}

.demo-controls{order:3;display:flex;align-items:center;gap:8px}
.ctl{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:48px;height:48px;padding:0 12px;border:1px solid var(--line-strong);border-radius:12px;background:var(--panel);color:var(--ink);font-size:15px;font-weight:620}
.ctl:hover{border-color:#4b664c}
.ctl-main{padding:0 16px 0 13px;min-width:138px}
.demo-count{margin-left:auto;color:var(--ink-3);font-size:14px;font-variant-numeric:tabular-nums}
.demo [data-demo-static]{order:4;align-self:flex-start}
.demo-note{margin-top:18px}

/* Sem JavaScript, ou em «ver todos os passos»: sequência estática */
.demo:not(.is-live) .demo-tabs,.demo:not(.is-live) .demo-controls,.demo:not(.is-live) [data-demo-static]{display:none}
.demo:not(.is-live) .demo-panel,.demo.is-static .demo-panel{display:block}
.demo:not(.is-live) .demo-panel+.demo-panel,.demo.is-static .demo-panel+.demo-panel{border-top:10px solid var(--bg)}
.demo.is-static .demo-tabs,.demo.is-static .demo-controls{display:none}
.demo.is-static .demo-panel figcaption,.demo:not(.is-live) .demo-panel figcaption{min-height:0}

@media (min-width:760px){
  .demo-panel img{aspect-ratio:1/1}
  .demo-panel figcaption{padding:18px 22px 22px;font-size:15.5px;min-height:6.4em}
}
@media (min-width:1000px){
  .demo{display:grid;grid-template-columns:minmax(300px,372px) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
  .demo-side{display:flex;flex-direction:column;gap:18px;position:sticky;top:calc(var(--header) + 24px)}
  .demo-tabs{flex-direction:column;gap:6px;overflow:visible;margin:0;padding:0}
  .demo-tabs button{width:100%;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;padding:13px 16px 14px 14px;border-radius:14px;border-color:transparent}
  .demo-tabs button:hover{background:var(--canvas);border-color:var(--line)}
  .demo-tab-n{grid-row:1 / span 2;width:34px;height:34px;font-size:14.5px}
  .demo-tab-t{font-size:17px;white-space:normal;letter-spacing:-.012em}
  .demo-tab-s{display:block;grid-column:2;color:var(--ink-3);font-size:13.5px;font-weight:500;margin-top:1px}
  .demo-tabs button[aria-selected=true] .demo-tab-s{color:var(--teal)}
  .demo-tabs button::after{height:100%;width:3px;bottom:auto;top:0;transform:scaleY(0);transform-origin:top}
  @keyframes fill{to{transform:scaleY(1)}}
  .demo-stage{max-width:680px;justify-self:end;width:100%}
  .demo-controls{order:0}
  .demo-count{margin-left:6px}
}

/* Relatório (papel) */
.paper{background:var(--paper);color:var(--paper-ink);color-scheme:light}
.paper .kicker{color:var(--paper-accent)}
.paper .section-lede,.paper .fineprint{color:var(--paper-ink-2)}
.paper :focus-visible{outline-color:var(--paper-accent)}
.report-row{display:grid;gap:34px}
.report-points{display:grid;gap:16px;margin-top:28px}
.report-points li{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}
.report-points strong{display:block;font-size:16.5px;font-weight:650;letter-spacing:-.012em}
.report-points p{color:var(--paper-ink-2);font-size:15px;line-height:1.5;margin-top:2px}
.n{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--paper-accent);color:#fff;font-size:13.5px;font-weight:680;font-variant-numeric:tabular-nums;flex:none}
.report-actions{margin-top:28px}
.report-figure figcaption{margin-top:12px;color:var(--paper-ink-2);font-size:13px}
.sheet-page{position:relative;border-radius:8px;background:#fff;box-shadow:0 0 0 1px var(--paper-line),0 40px 70px -40px rgba(29,53,24,.5);overflow:hidden;max-height:560px}
.sheet-page::after{content:"";position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(transparent,#fff);pointer-events:none}
.sheet-page img{width:100%}
@media (max-width:959px){
  .report-row{display:flex;flex-direction:column;gap:0}
  .report-copy{display:contents}
  .report-copy>.kicker{order:1}.report-copy>h2{order:2}.report-copy>.section-lede{order:3}
  .report-figure{order:4;margin-top:26px}
  .report-points{order:5}.report-actions{order:6}.report-copy>.fineprint{order:7}
}
@media (max-width:759px){.report-actions .btn{width:100%}}
@media (min-width:760px){
  .sheet-page{max-height:none;overflow:visible}
  .sheet-page::after{display:none}
  .sheet-page img{border-radius:8px}
}
@media (min-width:960px){
  .report-row{grid-template-columns:minmax(0,.86fr) minmax(0,1fr);gap:clamp(40px,6vw,88px);align-items:start}
  .report-copy{position:sticky;top:calc(var(--header) + 28px)}
  .report-figure{padding-left:14px}
}

/* Organização: tela inteira (só no computador) e lista «também» */
.wide-shot{display:none;margin-top:clamp(40px,5vw,72px)}
.wide-shot figcaption{margin-top:12px;color:var(--ink-3);font-size:13.5px;text-align:center}
@media (min-width:900px){.wide-shot{display:block;max-width:1040px;margin-inline:auto}}
.also{display:grid;gap:10px;margin-top:clamp(34px,4vw,56px);padding-top:clamp(26px,3vw,36px);border-top:1px solid var(--line);color:var(--ink-2);font-size:15px}
.also li{display:flex;gap:9px;align-items:flex-start}
.also .i{color:var(--teal);margin-top:.25em;width:15px;height:15px}
@media (min-width:700px){.also{grid-template-columns:repeat(2,1fr);column-gap:32px}}
@media (min-width:1040px){.also{grid-template-columns:repeat(3,1fr)}}

/* Faixa de CTA */
.band{border-block:1px solid #2c4226;background:linear-gradient(90deg,#111e0e,#152511 50%,#111e0e)}
.band-row{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding-block:28px}
.band-text{font-size:clamp(1.2rem,1rem + .8vw,1.6rem);font-weight:650;letter-spacing:-.022em;line-height:1.2;text-wrap:balance}
@media (max-width:699px){.band .btn{width:100%}}
@media (min-width:700px){.band-row{flex-direction:row;align-items:center;justify-content:space-between;padding-block:34px}}

/* Para quem é */
.who{display:grid;gap:14px}
.who article{padding:22px 22px 24px;border:1px solid var(--line);border-radius:18px;background:var(--canvas)}
.who h3{font-size:1.28rem}
.who p{margin-top:8px;color:var(--ink-2);font-size:15.5px}
.who-not{margin-top:22px;color:var(--ink-3);font-size:14.5px;max-width:58em}
.who-not strong{color:var(--ink-2);font-weight:620}
@media (min-width:860px){.who{grid-template-columns:repeat(3,1fr)}}

/* Oferta */
.offer{position:relative;background:radial-gradient(ellipse 70% 90% at 12% 0%,rgba(111,207,88,.1),transparent 60%),var(--canvas);border-block:1px solid var(--line)}
.offer-row{display:grid;gap:36px}
.offer-steps{padding:24px 22px 26px;border:1px solid var(--line-strong);border-radius:20px;background:var(--bg)}
.offer-steps h3{font-size:1.15rem;margin-bottom:18px}
.next{display:grid;gap:18px}
.next li{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}
.next strong{display:block;font-size:16.5px;font-weight:650;letter-spacing:-.012em}
.next p{color:var(--ink-2);font-size:15px;line-height:1.5;margin-top:2px}
.next-compact{gap:14px;margin:20px 0}
@media (max-width:699px){.offer .btn{width:100%}}
@media (min-width:920px){.offer-row{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(40px,6vw,88px);align-items:center}.offer-steps{padding:32px 32px 34px}}

/* Perguntas */
.faq-row{display:grid;gap:8px}
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-child{border-top:1px solid var(--line)}
.faq summary{position:relative;list-style:none;cursor:pointer;padding:20px 44px 20px 0;font-size:1.08rem;font-weight:630;letter-spacing:-.014em;line-height:1.3}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before,.faq summary::after{content:"";position:absolute;right:8px;top:50%;width:14px;height:2px;border-radius:2px;background:var(--teal);transition:transform .2s}
.faq summary::after{transform:rotate(90deg)}
.faq details[open] summary::after{transform:rotate(0)}
.faq summary:hover{color:var(--mint)}
.faq details p{padding:0 30px 22px 0;color:var(--ink-2);font-size:16px;max-width:44em}
.faq details a{color:var(--mint);text-underline-offset:3px}
@media (min-width:960px){.faq-row{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:clamp(40px,6vw,88px);align-items:start}.faq-row .section-head{position:sticky;top:calc(var(--header) + 28px);margin-bottom:0}}

/* CTA final */
.final{position:relative;padding:clamp(72px,10vw,140px) 0;text-align:center;overflow:clip;background:radial-gradient(ellipse 60% 80% at 50% 110%,rgba(111,207,88,.16),transparent 62%)}
.final-row{display:flex;flex-direction:column;align-items:center}
.final h2{max-width:16em;font-size:clamp(2.2rem,1.1rem + 4.2vw,4rem)}
.final p{margin-top:16px;color:var(--ink-2);font-size:clamp(1.05rem,1rem + .3vw,1.2rem);max-width:32em}
.final .btn{margin-top:30px}
.final .final-facts{margin-top:16px;color:var(--ink-3);font-size:14px}
@media (max-width:599px){.final .btn{width:100%}}

/* Rodapé */
.site-footer{border-top:1px solid var(--line);padding:38px 0 calc(38px + env(safe-area-inset-bottom));color:var(--ink-3);font-size:14.5px}
.footer-row{display:grid;gap:22px}
.footer-brand p{margin-top:12px;max-width:30em}
.footer-nav{display:flex;flex-wrap:wrap;gap:6px 22px;align-content:start}
.footer-nav a{color:var(--ink-2);text-decoration:none;padding:6px 0}
.footer-nav a:hover{color:var(--mint)}
.footer-legal{margin-top:26px;padding-top:20px;border-top:1px solid var(--line);font-size:13px}
@media (min-width:760px){.footer-row{grid-template-columns:1fr auto;align-items:start}}
@media (max-width:899px){.site-footer{padding-bottom:calc(96px + env(safe-area-inset-bottom))}}

/* CTA fixo no celular */
.sticky-cta{position:fixed;z-index:35;left:0;right:0;bottom:0;display:flex;align-items:center;gap:12px;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));background:rgba(8,12,9,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line-strong);transform:translateY(110%);transition:transform .25s ease}
.sticky-cta.is-on{transform:none}
.sticky-cta .btn{flex:1}
.sticky-note{color:var(--ink-3);font-size:13px;white-space:nowrap}
@media (min-width:900px){.sticky-cta{display:none!important}}

/* Pedido de acesso (dialog) */
.sheet{width:min(520px,100%);max-width:100%;max-height:min(92dvh,760px);margin:auto;padding:28px 26px 26px;border:1px solid var(--line-strong);border-radius:22px;background:var(--panel);color:var(--ink);box-shadow:0 60px 120px -30px rgba(0,0,0,.9);overflow-y:auto;overscroll-behavior:contain}
.sheet::backdrop{background:rgba(4,8,5,.74);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.sheet h2{font-size:1.75rem;letter-spacing:-.03em;outline:none}
.sheet .kicker{margin-bottom:10px}
.sheet-lede{margin-top:10px;color:var(--ink-2);font-size:15.5px;line-height:1.5}
.sheet-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:var(--ink-3)}
.sheet-close:hover{background:var(--panel-2);color:var(--ink)}
#form-pedido{display:grid;gap:16px;margin-top:20px}
.field label,.field legend{display:block;margin-bottom:7px;font-size:14px;font-weight:620;color:var(--ink)}
.opt{margin-left:4px;color:var(--ink-3);font-weight:480;font-size:12.5px}
.field input[type=email],.field input[type=text],.field input[type=tel]{width:100%;height:50px;padding:0 14px;border:1px solid var(--line-strong);border-radius:12px;background:var(--bg);color:var(--ink);font-size:16px;transition:border-color .15s,box-shadow .15s}
.field input::placeholder{color:#627a63}
.field input:hover{border-color:#4b664c}
.field input:focus-visible{outline:0;border-color:var(--mint);box-shadow:0 0 0 3px rgba(159,240,122,.2)}
.field input[aria-invalid=true]{border-color:#ff9b99}
.field-error,.form-error{margin-top:7px;color:#ffb1af;font-size:13.5px;line-height:1.4}
.form-error{margin:0;padding:11px 13px;border:1px solid #6b3a39;border-radius:12px;background:#2a1919}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips legend{float:left;width:100%}
.chips label{margin:0;position:relative}
.chips input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.chips label span{display:inline-flex;align-items:center;min-height:42px;padding:0 15px;border:1px solid var(--line-strong);border-radius:999px;font-size:14.5px;font-weight:540;color:var(--ink-2);transition:all .15s}
.chips input:hover+span{border-color:#4b664c}
.chips input:checked+span{border-color:#476d3d;background:#1b2f17;color:var(--mint)}
.chips input:focus-visible+span{outline:2px solid var(--mint);outline-offset:2px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-note{color:var(--ink-3);font-size:13px;line-height:1.5}
.form-note a{color:var(--ink-2);text-underline-offset:3px}
[data-ok-nota]{margin-bottom:14px}
.btn[aria-busy=true]{opacity:.7;pointer-events:none}
.ok-mark{display:grid;place-items:center;width:52px;height:52px;margin-bottom:16px;border-radius:50%;background:#1b2f17;border:1px solid #35512e;color:var(--mint)}
.ok-mark .i{width:26px;height:26px}
@media (max-width:599px){
  .chips{gap:6px}
  .chips label span{min-height:40px;padding:0 12px;font-size:14px}
  .sheet{margin:auto 0 0;width:100%;max-height:94dvh;border-radius:22px 22px 0 0;border-bottom:0;padding:24px 18px calc(20px + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:no-preference){
  .sheet[open]{animation:sheet .26s cubic-bezier(.2,.7,.2,1)}
  .sheet[open]::backdrop{animation:fade .26s ease}
}
@keyframes sheet{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}

/* Consentimento */
.consent{position:fixed;z-index:50;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));max-width:560px;margin-inline:auto;display:grid;gap:12px;padding:16px 18px;border:1px solid var(--line-strong);border-radius:16px;background:var(--panel);box-shadow:0 30px 60px -20px rgba(0,0,0,.8);font-size:14px;color:var(--ink-2)}
.consent-actions{display:flex;gap:8px;justify-content:flex-end}

/* Entrada suave ao rolar (só com JavaScript) */
@media (prefers-reduced-motion:no-preference){
  .will-reveal{opacity:0;transform:translateY(18px)}
  .will-reveal.is-in{opacity:1;transform:none;transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

@media print{
  .site-header,.sticky-cta,.consent,.demo-controls,.demo-tabs{display:none!important}
  body{background:#fff;color:#000}
}

/* Recuperação */
.rescue-nav{display:grid;gap:10px;margin-bottom:clamp(30px,4vw,48px)}
.rescue-nav a{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border:1px solid var(--line-strong);border-radius:16px;background:var(--canvas);text-decoration:none;color:var(--ink-2);font-size:14.5px;line-height:1.4;transition:border-color .15s,background-color .15s}
.rescue-nav a:hover{border-color:var(--teal);background:var(--panel)}
.rescue-nav strong{display:block;color:var(--ink);font-size:16.5px;font-weight:660;margin-bottom:2px}
.rescue-nav .i{color:var(--mint);width:22px;height:22px;margin-top:2px}
@media (min-width:860px){.rescue-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rescue-block{display:grid;gap:26px;padding:clamp(28px,4vw,48px) 0;border-top:1px solid var(--line);scroll-margin-top:calc(var(--header) + 12px)}
.rescue-copy h3{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:690;letter-spacing:-.03em;text-wrap:balance}
.rescue-copy>p:not(.step-n):not(.fineprint){margin-top:12px;color:var(--ink-2);max-width:36em}
.rescue-copy .fineprint{margin-top:18px}
.rescue-shots{display:grid;gap:16px;align-content:start}
.rescue-shots .shot{border-radius:14px}
.mini{display:grid;gap:14px;margin-top:22px}
.mini li{display:flex;gap:12px;align-items:flex-start;color:var(--ink-2);font-size:15.5px}
.mini .n{background:#1c2f18;border:1px solid #35512e;color:var(--mint);margin-top:1px}
.mini strong{color:var(--ink);font-weight:640}
.rescue-two{display:grid;gap:22px;margin-top:22px}
.rescue-two h4{display:flex;align-items:center;gap:9px;margin:0;font-size:1.15rem;font-weight:660}
.rescue-two h4 .i{color:var(--teal);width:20px;height:20px}
.rescue-two>div>p{margin-top:8px;color:var(--ink-2);font-size:15.5px}
.rescue-two .conditions,.conditions-wide{margin-inline:0}
.conditions-wide{margin-top:22px;max-width:40em}
@media (min-width:700px){.rescue-two{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.rescue-block{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:start}.rescue-flip .rescue-copy{order:2}}
/* Mac e Windows */
.platforms{display:grid;gap:16px}
.platforms li{padding:26px 24px 24px;border:1px solid var(--line);border-radius:20px;background:var(--bg)}
.platform-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#1c2f18;border:1px solid #35512e;color:var(--mint);margin-bottom:16px}
.platform-icon .i{width:24px;height:24px}
.platforms h3{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:1.5rem}
.platforms p{margin-top:10px;color:var(--ink-2);font-size:15.5px;max-width:34em}
.platforms .btn{margin-top:18px}
#sistemas .fineprint{margin-top:18px}
@media (min-width:800px){.platforms{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Formulário: sistema */
.chips label span .i{width:16px;height:16px;margin-right:7px}
.field-note{float:left;width:100%;margin-top:10px;padding:10px 12px;border:1px solid #5d4925;border-radius:10px;background:#32281a;color:var(--warn);font-size:13.5px;line-height:1.45}
.facts .i{flex:none}

/* ── Intacto 0.6 · blocos da página ── */
/* Rótulo pequeno acima dos títulos de bloco */
.step-n{color:var(--teal);font-size:12.5px;font-weight:680;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.next .n{background:#1c2f18;border:1px solid #35512e;color:var(--mint)}
.also-col{grid-template-columns:1fr!important;margin-top:22px;padding-top:20px}

/* Condições da recuperação: o que testamos e o que afeta o resultado */
.conditions{margin:18px 4px 6px;padding-top:16px;border-top:1px solid var(--line);font-size:14.5px}
.conditions dt{color:var(--ink);font-weight:650;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase}
.conditions dt+dd{margin-top:6px}
.conditions dd{color:var(--ink-2);line-height:1.5}
.conditions dd+dt{margin-top:16px;color:var(--warn)}
.conditions ul{display:grid;gap:6px}
.conditions li{position:relative;padding-left:15px}
.conditions li::before{content:"";position:absolute;left:1px;top:.62em;width:5px;height:5px;border-radius:50%;background:#7a6a48}

/* Organização: bloco das três perguntas (texto e tela lado a lado no computador) */
.feature{display:grid;gap:28px;align-items:start}
.feature-copy h3{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:690;letter-spacing:-.03em;text-wrap:balance}
.feature-shot{width:100%;max-width:440px;margin-inline:auto}
.feature-shot .shot{border-radius:16px}
.feature-shot figcaption{margin-top:10px;color:var(--ink-3);font-size:13px;line-height:1.45}
@media (min-width:1000px){.feature{grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:clamp(40px,6vw,88px)}.feature-shot{margin:0}}

/* Organização: «O que já está no HD?» dentro do bloco das três perguntas */
.feature-extra{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.feature-extra h4{margin:0;font-size:1.15rem;font-weight:660;letter-spacing:-.012em}
.feature-extra p{margin-top:6px;color:var(--ink-2);font-size:15.5px;max-width:36em}
.feature-extra .shot{margin-top:16px;max-width:535px;border-radius:14px}

/* Organização: cartões com um recorte de tela cada (a imagem nunca passa do tamanho da tela no app) */
.bento{display:grid;gap:16px;margin-top:clamp(40px,5vw,64px)}
.bento-card{display:flex;flex-direction:column;padding:16px 16px 22px;border:1px solid var(--line);border-radius:20px;background:var(--canvas)}
.bento-media{display:grid;place-items:center;padding:14px;margin-bottom:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden}
.bento-media img{width:min(100%,var(--w,100%));height:auto}
.bento-card h3{padding-inline:4px;font-size:1.22rem}
.bento-card p{margin-top:8px;padding-inline:4px;color:var(--ink-2);font-size:15px;line-height:1.55}
@media (min-width:700px){
  .bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bento-card:nth-child(3),.bento-wide{grid-column:1 / -1}
}
@media (min-width:1100px){
  .bento{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bento-card:nth-child(3){grid-column:auto}
  .bento-card:not(.bento-wide) .bento-media{height:372px}
  .bento-wide{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-areas:"titulo media" "texto media";column-gap:36px;align-items:center;padding:16px 16px 16px 28px}
  .bento-wide .bento-media{grid-area:media;margin:0}
  .bento-wide h3{grid-area:titulo;align-self:end;padding:0}
  .bento-wide p{grid-area:texto;align-self:start;padding:0}
}

/* Tela inteira com o tema escuro e o claro */
.tema-switch{display:flex;justify-content:flex-end;gap:6px;margin-bottom:12px}
.tema-switch button{min-height:36px;padding:0 14px;border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--ink-2);font-size:14px;font-weight:600}
.tema-switch button:hover{border-color:#4b664c;color:var(--ink)}
.tema-switch button[aria-pressed=true]{border-color:#476d3d;background:#1b2f17;color:var(--mint)}
.wide-shot .tema-claro{display:none}
.wide-shot.is-claro .tema-escuro{display:none}
.wide-shot.is-claro .tema-claro{display:block}

/* Recuperação: regra de ouro e imagem estreita */
.rescue-rule{display:flex;gap:12px;align-items:flex-start;max-width:52em;margin:-8px 0 clamp(24px,3vw,34px);padding:14px 16px;border:1px solid #5d4925;border-radius:14px;background:#211b12;color:#e9d3a8;font-size:15px;line-height:1.5}
.rescue-rule .i{color:var(--warn);width:20px;height:20px;margin-top:1px}
.rescue-rule strong{color:var(--warn);font-weight:650}
.shot-narrow{max-width:447px}
.shot-cards{max-width:400px}
@media (max-width:999px){.rescue-shots .shot{max-width:600px}}
@media (max-width:999px){.rescue-shots{order:-1}}
@media (min-width:1000px){.rescue-shots{position:sticky;top:calc(var(--header) + 24px)}}
/* Telas bem estreitas (320 px) */
.platforms li{min-width:0}
@media (max-width:359px){.platforms .btn{white-space:normal;text-align:left;line-height:1.25;padding-block:10px}.sticky-note{display:none}}

/* Conta e documentos públicos */
.download-options{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.sheet .download-options{flex-direction:column}
.portal-header{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
.portal-header nav{display:flex;flex-wrap:wrap;gap:24px;font-size:15px}
.portal-main{padding-top:60px;padding-bottom:64px}
.portal-intro{max-width:780px;margin-bottom:36px}.portal-intro h1{font-size:clamp(30px,4vw,48px);line-height:1.15;letter-spacing:-.04em;margin:12px 0 18px}.portal-intro>p:last-child{color:var(--ink-2)}
.portal-auth{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:64px;align-items:start}.portal-card{padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--panel-2);min-width:0}.portal-card h2,.portal-card h3{font-size:24px;line-height:1.2;letter-spacing:-.025em;margin-bottom:16px}.portal-card p{color:var(--ink-2)}.portal-card .field{margin:18px 0}.portal-card .btn{margin-top:6px}.portal-card .form-note{margin:16px 0 0;font-size:14px}.portal-card a:not(.btn){text-underline-offset:3px}
.auth-tabs{display:flex;gap:8px;margin:0 0 26px;padding-bottom:18px;border-bottom:1px solid var(--line)}.auth-tabs button{border:1px solid var(--line);background:var(--bg);color:var(--ink-2);border-radius:9px;padding:8px 18px}.auth-tabs button[aria-selected=true]{color:var(--mint);border-color:#48623c;background:#1a2b16}.portal-aside{padding-top:20px}.portal-aside h2{font-size:30px;letter-spacing:-.03em;line-height:1.2;margin-bottom:18px}.portal-aside>p{color:var(--ink-2)}.portal-aside .next{margin:32px 0}
.check-field{display:flex;align-items:flex-start;gap:12px;line-height:1.5;font-size:14px;color:var(--ink-2);margin:22px 0}.check-field input{width:18px;height:18px;flex:none;accent-color:var(--mint);margin:2px 0 0}.portal-card textarea,.portal-card select{font:inherit;color:var(--ink);border:1px solid var(--line-strong);border-radius:10px;background:var(--bg);padding:12px;width:100%;max-width:100%}.portal-card textarea{resize:vertical}.portal-card input{min-width:0}.portal-card button:disabled{cursor:not-allowed;opacity:.6;transform:none}.portal-notice{padding:16px 20px;border:1px solid #48623c;background:#142113;border-radius:12px;color:var(--ink);margin-bottom:24px;overflow-wrap:anywhere}.portal-notice.is-error{border-color:#73564a;background:#291d18;color:#ffdacb}
.portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.account-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.account-heading h2{font-size:28px;overflow-wrap:anywhere}.account-heading p{color:var(--ink-2);overflow-wrap:anywhere}.account-details{display:grid;grid-template-columns:minmax(0,140px) minmax(0,1fr);gap:14px;margin:24px 0;font-size:15px}.account-details dt{color:var(--ink-3)}.portal-footer{display:flex;flex-wrap:wrap;align-items:center;gap:24px;border-top:1px solid var(--line);padding-top:24px;padding-bottom:30px;font-size:14px;color:var(--ink-3)}.portal-footer span{margin-left:auto}.portal-footer .link-btn{font-size:14px}.legal-copy{max-width:850px;margin:0 auto;padding:48px var(--gutter) 72px}.legal-copy h1{font-size:clamp(30px,5vw,42px);line-height:1.2;letter-spacing:-.03em;margin-bottom:20px}.legal-copy h2{font-size:23px;margin:34px 0 14px}.legal-copy p{margin:12px 0;color:var(--ink-2)}.legal-copy ul{list-style:disc;padding-left:24px;color:var(--ink-2);margin:16px 0}.legal-copy li{margin:10px 0}.legal-copy a{color:var(--ink)}
@media(max-width:760px){.portal-header{min-height:76px}.portal-header nav{gap:16px;font-size:13px}.portal-main{padding-top:34px}.portal-auth,.portal-grid{grid-template-columns:1fr;gap:24px}.portal-card{padding:22px}.portal-aside{padding:8px}.portal-footer{gap:16px}.portal-footer span{width:100%;margin:0}.account-heading{align-items:flex-start}.account-details{grid-template-columns:1fr;gap:5px}.account-details dd{margin-bottom:12px}.portal-card .download-options .btn{flex:1}.consent{max-height:60vh;overflow:auto}}
.portal-card .field input{display:block;width:100%;height:50px;padding:0 14px;border:1px solid var(--line-strong);border-radius:12px;background:var(--bg);color:var(--ink);font-size:16px}
.portal-card .field-note{float:none;width:auto;border:0;background:none;padding:0;margin-top:8px;color:var(--ink-3)}
.portal-card .field:focus-within input:focus-visible{outline:0;border-color:var(--mint);box-shadow:0 0 0 3px rgba(159,240,122,.2)}