@font-face{font-family:"Inter";src:url(../fonts/inter-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}

:root{
  --w:440px;
  --gut:20px;
  --cyan:#29B6FF;
  --cyan-ink:#0479B8;
  --amber:#FFB020;
  --graphite:#111317;
  --graphite-2:#1B1E24;
  --line-d:#2E323A;
  --paper:#F3F5F8;
  --head:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue","Inter",system-ui,sans-serif;
  --body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r:14px;
}
.dark{--bg:#000000;--bg2:var(--graphite);--line:#24272E;--tx:#F3F5F8;--tx2:#A3AAB6;--ac:var(--cyan);--ac-tx:var(--cyan);--on-ac:#0B0D11}
.light{--bg:#FFFFFF;--bg2:var(--paper);--line:#E3E7ED;--tx:#111317;--tx2:#4F5763;--ac:var(--cyan);--ac-tx:var(--cyan-ink);--on-ac:#0B0D11}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:#000}
body{margin:0;font:400 16px/1.6 var(--body);color:#111317;background:#000;-webkit-font-smoothing:antialiased}
img,video,svg{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Seções: fundo de ponta a ponta, conteúdo sempre na mesma coluna fixa */
.s{background:var(--bg);color:var(--tx);padding:64px 0}
.wrap{width:100%;max-width:var(--w);margin:0 auto;padding:0 var(--gut)}
/* Duas seções seguidas do mesmo tema ganham um fio entre elas */
.dark+.dark,.light+.light,.hero+main>.dark:first-child{border-top:1px solid var(--line)}
/* Brilho azul nas seções pretas: gradientes estáticos no fundo (sem blur nem animação, não pesa na rolagem) */
.s.dark{background:radial-gradient(70% 38% at 50% 0%,rgba(41,182,255,.20),transparent 72%),radial-gradient(55% 30% at 100% 100%,rgba(41,182,255,.10),transparent 70%),#000}
.s.dark:nth-of-type(even){background:radial-gradient(60% 34% at 0% 18%,rgba(41,182,255,.16),transparent 72%),radial-gradient(70% 36% at 50% 100%,rgba(41,182,255,.14),transparent 72%),#000}
.hero.dark{background:radial-gradient(90% 34% at 50% 0%,rgba(41,182,255,.26),transparent 70%),radial-gradient(80% 30% at 50% 62%,rgba(41,182,255,.14),transparent 72%),#000}
.foot.dark{background:#000}

.eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 14px;font:600 12px/1 var(--body);letter-spacing:.08em;color:var(--ac-tx)}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ac)}
.h2,.h-hero,.h-final{font-family:var(--head);font-weight:700;letter-spacing:-.02em;margin:0}
.h2{font-size:30px;line-height:1.08}
.h2 em,.h-hero em,.h-final em,.who-close em{font-style:normal;color:var(--ac-tx);display:block}
.lead{margin:14px 0 0;color:var(--tx2);font-size:16px}
.micro{margin:10px 0 0;text-align:center;font-size:13px;color:var(--tx2)}

.btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;margin-top:28px;padding:0 24px;border-radius:12px;background:var(--cyan);color:var(--on-ac,#0B0D11);font:700 17px/1 var(--head);text-decoration:none;text-align:center;box-shadow:4px 4px 0 rgba(41,182,255,.35);transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}
.btn:hover{background:#5CC8FF}
.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 rgba(41,182,255,.35)}
.btn-lg{min-height:62px;font-size:18px}
/* Só o botão da oferta é verde: é a única peça verde da página, então salta aos olhos no card branco */
.offer .btn{background:#16A34A;color:#FFFFFF;box-shadow:4px 4px 0 rgba(22,163,74,.35)}
.offer .btn:active{box-shadow:1px 1px 0 rgba(22,163,74,.35)}
.offer .btn:hover{background:#15803D}

/* 1. Hero */
.hero{padding:20px 0 56px}
.hero .wrap{text-align:center}
.hero .logo{display:flex;justify-content:center;width:max-content;margin:0 auto}
.hero .logo-txt{text-align:left}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.logo-mark{width:34px;height:34px;flex:none}
.logo-mark rect{fill:var(--cyan)}
.logo-mark path{fill:var(--graphite)}
.logo-mark .ph{fill:var(--cyan)}
.logo-txt{display:flex;flex-direction:column;font-family:var(--head);line-height:1}
.logo-txt small{font-size:10px;letter-spacing:.3em;color:var(--ac-tx);font-weight:600}
.logo-txt b{font-size:18px;font-weight:700;margin-top:3px}
.h-hero{margin-top:20px;font-size:min(26px,calc((100vw - 2 * var(--gut)) / 14.6));line-height:1.12;letter-spacing:-.025em}
.h-hero span,.h-hero em{display:block;white-space:nowrap}
.fit2>span{display:block;white-space:nowrap}
.fit2 em{display:inline}
.vsl{position:relative;margin:20px auto 0;height:min(50svh,520px);min-height:340px;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:var(--graphite-2);border:1px solid rgba(41,182,255,.35);box-shadow:6px 6px 0 rgba(41,182,255,.35)}
.vsl-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.vsl-ph,.stage-ph{position:absolute;inset:0;display:grid;place-items:center;font:700 14px var(--head);letter-spacing:.2em;color:#4A5160;background:repeating-linear-gradient(90deg,#1B1E24 0 14px,#1F232A 14px 28px)}
.vsl-tag{position:absolute;z-index:2;top:12px;left:12px;padding:4px 8px;border-radius:6px;background:var(--cyan);color:#0B0D11;font:600 11px/1.2 var(--head)}
.vsl-unmute{white-space:nowrap;position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 22px;border:0;border-radius:16px;background:rgba(17,19,23,.82);color:#fff;font:600 15px var(--head);transition:opacity .2s}
.vsl-unmute svg{width:34px;height:34px;fill:none;stroke:var(--cyan);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vsl-unmute svg path:first-child{fill:var(--cyan)}
.vsl.on .vsl-unmute{opacity:0;pointer-events:none}
.vsl-bar{position:absolute;z-index:2;left:0;right:0;bottom:0;height:15px;background:rgba(255,255,255,.12)}
.vsl-bar i{display:block;height:100%;width:0;background:var(--cyan)}
.sub{margin:22px 0 0;color:var(--tx2);font-size:16px;text-align:justify;text-align-last:center;hyphens:auto;-webkit-hyphens:auto}
.sub strong{color:var(--tx);font-weight:600}
.runs{width:max-content;max-width:100%;margin:20px auto 0;padding:8px 16px 10px;border-radius:12px;background:#FFFFFF;color:#111317;box-shadow:4px 4px 0 var(--cyan)}
.runs-label{margin:0;text-align:center;font:800 10px var(--head);letter-spacing:.14em;color:#4F5763}
.runs-logos{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:4px}
.runs-logos span{display:flex;align-items:center;gap:6px;white-space:nowrap}
.runs-claude{font:400 19px/1 Georgia,"Times New Roman",serif;letter-spacing:-.02em}
.runs-claude svg{width:19px;height:19px;fill:#D97757}
.runs-gpt{font:700 16px/1 var(--head);letter-spacing:-.01em}
.runs-gpt svg{width:17px;height:17px;fill:#111317}
.runs-sep{width:1.5px;height:20px;background:#D9D2C5}

/* 2. Galeria */
.chips{position:relative;display:flex;gap:8px;margin:24px calc(-1 * var(--gut)) 0;padding:4px 0 10px;overflow-x:auto;scrollbar-width:none;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
/* Espaços nas pontas: deixam até o primeiro e o último estilo ficarem no centro */
.chips::before,.chips::after{content:"";flex:0 0 calc(50% - 70px)}
.chips::-webkit-scrollbar{display:none}
.chip-st{--p:0%;flex:none;display:flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border:1.5px solid var(--line);border-radius:999px;background:var(--bg2);font:600 14px var(--head);color:var(--tx2);white-space:nowrap;transition:border-color .2s,color .2s,box-shadow .2s}
.chip-st i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--line);font:700 11px var(--head);font-style:normal;font-variant-numeric:tabular-nums;color:var(--tx2)}
.chip-st[aria-selected="true"]{color:#0B0D11;border-color:var(--cyan);background:linear-gradient(90deg,var(--cyan) var(--p),#BFE6FA var(--p));box-shadow:4px 4px 0 rgba(41,182,255,.35)}
.chip-st[aria-selected="true"] i{background:#0B0D11;color:var(--cyan)}
.hint{display:flex;align-items:center;justify-content:center;gap:8px;margin:6px 0 0;font-size:13px;color:var(--tx2)}
.hint svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.stage{margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:20px;background:var(--bg2);box-shadow:0 24px 70px -24px rgba(41,182,255,.40)}
.st-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.st-badge{display:flex;align-items:center;gap:6px;min-width:0;padding:6px 12px;border-radius:999px;background:var(--bg);border:1px solid var(--line);font:700 12px var(--head);letter-spacing:.04em;text-transform:uppercase}
.st-badge b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-badge svg{flex:none;width:12px;height:12px;fill:var(--ac-tx)}
.st-time{flex:none;font:600 13px var(--head);font-variant-numeric:tabular-nums;color:var(--tx2)}
.st-segs{display:flex;gap:4px;margin-top:10px}
.st-segs span{flex:1;height:4px;border-radius:2px;background:var(--line);overflow:hidden}
.st-segs span i{display:block;height:100%;background:var(--cyan);transform-origin:left;transform:scaleX(0)}
.st-segs span.done i{transform:scaleX(1)}
.st-frame{position:relative;width:min(100%,280px);margin:16px auto 0;padding:10px}
.br{position:absolute;width:22px;height:22px;border:0 solid var(--tx);pointer-events:none}
.br1{top:0;left:0;border-top-width:3px;border-left-width:3px;border-top-left-radius:8px}
.br2{top:0;right:0;border-top-width:3px;border-right-width:3px;border-top-right-radius:8px}
.br3{bottom:0;left:0;border-bottom-width:3px;border-left-width:3px;border-bottom-left-radius:8px}
.br4{bottom:0;right:0;border-bottom-width:3px;border-right-width:3px;border-bottom-right-radius:8px}
.stage-screen{position:relative;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:var(--graphite-2);border:1px solid var(--line)}
.stage-screen.swap{animation:swapin .45s cubic-bezier(.2,.8,.2,1)}
.stage-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transition:opacity .25s}
.stage-video.ready{opacity:1}
.stage-ph{grid-template-rows:auto auto;align-content:center;gap:8px;text-align:center;letter-spacing:0}
.stage-ph b{font-size:52px;color:var(--cyan)}
.stage-ph span{font-size:18px;color:#F3F5F8}
.st-tag{position:absolute;z-index:2;top:12px;left:12px;padding:4px 9px;border-radius:6px;background:var(--cyan);color:#0B0D11;font:800 12px var(--head);letter-spacing:.04em;box-shadow:3px 3px 0 #0B0D11}
.st-seal{position:absolute;z-index:3;right:-14px;bottom:28px;width:84px;height:84px}
.st-seal circle{fill:var(--amber);stroke:#0B0D11;stroke-width:2}
.st-seal text{font:800 9px var(--head);letter-spacing:.07em;fill:#3A2600}
.st-seal .star{fill:#0B0D11}
@media (prefers-reduced-motion:no-preference){.st-seal text{animation:spin 14s linear infinite;transform-origin:50px 50px}}
.prompt{margin:14px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);min-height:72px}
.prompt-who{font:700 11px var(--head);letter-spacing:.12em;color:var(--ac-tx)}
.prompt-txt{margin:4px 0 0;font:600 15px/1.45 var(--head)}
.prompt-txt::after{content:"";display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-2px;background:var(--cyan);animation:blink 1s steps(1) infinite}
.st-ctrl{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px}
.rb{width:46px;height:46px;display:grid;place-items:center;border:1.5px solid var(--line);border-radius:50%;background:var(--bg);color:var(--tx);transition:transform .15s}
.rb:active{transform:scale(.94)}
.rb svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.rb-main{width:58px;height:58px;border-color:var(--cyan);background:var(--cyan);color:#0B0D11;box-shadow:4px 4px 0 rgba(41,182,255,.35)}
.rb-main .i-play{display:none;fill:#0B0D11;stroke:none}
.stage.paused .rb-main .i-play{display:block}
.stage.paused .rb-main .i-pause{display:none}
.st-foot{display:flex;align-items:baseline;gap:6px;margin:14px 0 0;font:600 14px var(--head);color:var(--tx2);font-variant-numeric:tabular-nums}
.st-foot b{font:800 22px var(--head);color:var(--tx)}
.st-next{margin-left:auto;font:500 12px var(--body);color:#6B7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
@keyframes swapin{from{transform:scale(.96) rotate(-1.5deg);opacity:.4}to{transform:none;opacity:1}}

/* 3. Método: editor animado (pedido → etapas → linha do tempo) */
.ed{margin-top:28px;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--bg2);box-shadow:0 24px 70px -24px rgba(41,182,255,.40)}
.ed-top{display:flex;align-items:center;gap:8px;font:700 15px var(--head)}
.ed-top .logo-mark{width:24px;height:24px}
.ed-state{margin-left:auto;display:flex;align-items:center;gap:6px;font:600 12px var(--body);color:var(--tx2)}
.ed-state::before{content:"";width:7px;height:7px;border-radius:50%;background:#4A5160}
.ed[data-phase] .ed-state::before{background:var(--cyan);animation:blink 1s steps(1) infinite}
.ed[data-phase="done"] .ed-state::before{background:#16A34A;animation:none}
.ed-ask{position:relative;display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 8px 8px 10px;min-height:52px;border:1px solid var(--line);border-radius:12px;background:#0A0B0E}
.ed-you{flex:none;padding:3px 7px;border-radius:6px;background:rgba(41,182,255,.15);color:var(--cyan);font:700 11px var(--head);letter-spacing:.06em}
.ed-ask p{flex:1;margin:0;font:600 14px/1.3 var(--head);min-width:0}
.ed-ask .caret{position:static;flex:none;width:2px;height:16px;margin-left:-6px;background:var(--cyan);animation:blink 1s steps(1) infinite}
.ed:not([data-phase="type"]) .ed-ask .caret{display:none}
.ed-send{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#2A2E36;transition:background-color .2s,transform .2s}
.ed-send svg{width:16px;height:16px;fill:none;stroke:#0B0D11;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ed.typed .ed-send{background:var(--cyan)}
.ed.sent .ed-send{animation:hit .35s ease-out}
.ed-mid{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;margin-top:10px}
.ed-thumb{position:relative;aspect-ratio:9/16;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,#1C2A3A,#0E1218)}
.ed-thumb video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.ed-person{position:absolute;left:10%;right:10%;bottom:0;width:80%;fill:#2B3A4C}
.ed-cap{position:absolute;z-index:2;left:6px;right:6px;bottom:14%;text-align:center;font:800 13px/1.1 var(--head);color:#fff;text-shadow:0 1px 3px #000;opacity:0;transition:opacity .15s}
.ed-cap.on{opacity:1}
.ed-cap b{color:#0B0D11;background:var(--cyan);padding:0 3px;border-radius:3px}
.ed-steps{list-style:none;margin:0;padding:0;display:grid;gap:6px;align-content:space-between}
.ed-steps li{display:grid;grid-template-columns:34px 1fr;column-gap:8px;align-items:center;padding:7px 9px;border:1px solid var(--line);border-radius:11px;background:#0A0B0E;opacity:.55;transition:opacity .25s,border-color .25s,box-shadow .25s,transform .25s}
.ed-steps b{font:700 14px/1.15 var(--head)}
.ed-steps small{grid-column:2;font-size:12px;color:var(--tx2);line-height:1.25}
.ring{grid-row:span 2;position:relative;width:32px;height:32px;display:grid;place-items:center}
.ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke:var(--cyan);stroke-width:3;stroke-linecap:round;stroke-dasharray:95;stroke-dashoffset:95}
.ring::before{content:"";position:absolute;inset:2px;border-radius:50%;border:1.5px solid var(--line)}
.ring i{position:relative;font:700 13px var(--head);font-style:normal}
.ed-steps li.on{opacity:1;border-color:var(--cyan);box-shadow:4px 4px 0 var(--cyan);transform:translate(-2px,-2px)}
.ed-steps li.on .ring svg{animation:ring var(--t,2s) linear forwards}
.ed-steps li.ok{opacity:1}
.ed-steps li.ok .ring::before{background:var(--cyan);border-color:var(--cyan)}
.ed-steps li.ok .ring svg{stroke-dashoffset:0}
.ed-steps li.ok .ring i{font-size:0}
.ed-steps li.ok .ring i::after{content:"";display:block;width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3.5 8.5 3 3 6-7' fill='none' stroke='%230B0D11' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.ed-tl{margin-top:10px;padding:12px 12px 14px;border:1px solid var(--line);border-radius:12px;background:#0A0B0E}
.ed-dur{margin:0;font:600 11px var(--head);letter-spacing:.12em;color:var(--tx2)}
.ed-dur b{margin-left:6px;font:700 20px var(--head);letter-spacing:0;color:var(--tx);font-variant-numeric:tabular-nums}
.tl{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;margin-top:10px}
.tl-ic{display:grid;grid-template-rows:30px repeat(3,30px);row-gap:8px}
.tl-ic i{display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--bg2)}
.tl-ic svg{width:15px;height:15px;fill:none;stroke:var(--cyan);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tl-ic .amb svg{stroke:var(--amber)}
.tl-area{position:relative;display:flex;flex-direction:column;gap:8px;--x:0}
.ruler{height:16px;display:flex;justify-content:space-between;font:600 10px/16px var(--head);color:#6B7280;font-variant-numeric:tabular-nums}
.ticks{height:6px;background:repeating-linear-gradient(90deg,#5B616C 0 1px,transparent 1px calc(100% / 12)),linear-gradient(#5B616C,#5B616C) right/1px 100% no-repeat}
.clips{display:flex;gap:2px;height:30px;width:100%;transition:width .8s cubic-bezier(.6,0,.2,1)}
.ed.short .clips{width:86.67%}
.clip{position:relative;border-radius:7px;min-width:0;overflow:hidden;transition:flex-grow .8s cubic-bezier(.6,0,.2,1),opacity .5s,margin .8s}
.clip.a{flex:5 1 0}.clip.sil{flex:1.6 1 0}.clip.b{flex:5.4 1 0}
.ed.short .clip.sil{flex-grow:0;opacity:0;margin-left:-2px}
.clip.v{background:linear-gradient(90deg,rgba(41,182,255,.55),rgba(41,182,255,.35)),repeating-linear-gradient(90deg,transparent 0 22px,rgba(0,0,0,.45) 22px 24px),#1C3A52;border:1px solid rgba(41,182,255,.6)}
.clip.w{border:1px solid #2E323A;background:#111317;display:flex;align-items:center;gap:1px;padding:0 3px}
.clip.w i{flex:1;min-width:1px;border-radius:1px;background:#4A5160}
.clip.w.sil em{position:absolute;left:4px;right:4px;top:50%;border-top:2px dashed #4A5160}
.ed.found .clip.sil{background:repeating-linear-gradient(135deg,rgba(255,90,90,.28) 0 5px,rgba(255,90,90,.1) 5px 10px);border:1px dashed rgba(255,110,110,.9)}
.ed.found .clip.w.sil em{border-color:rgba(255,120,120,.9)}
.cap-lane{position:relative;border:1px dashed #2E323A;border-radius:7px}
.cap-lane .chip{position:absolute;top:4px;bottom:4px;display:grid;place-items:center;padding:0 5px;border-radius:5px;background:var(--amber);color:#3A2600;font:700 10px var(--head);white-space:nowrap;transform:scale(.6);opacity:0;transition:transform .2s cubic-bezier(.3,1.6,.5,1),opacity .2s}
.cap-lane .chip.on{transform:none;opacity:1}
.cut-tag{position:absolute;z-index:1;top:4px;bottom:4px;left:48.33%;display:flex;align-items:center;justify-content:center;gap:3px;padding:0 6px;border-radius:5px;border:1px solid rgba(255,110,110,.9);background:#1A0E10;color:#FF8A8A;font:700 10px var(--head);white-space:nowrap;opacity:0;transform:translate(-50%,4px);transition:opacity .25s,transform .25s}
.cut-tag svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ed.found .cut-tag{opacity:1;transform:translate(-50%,0)}
.ed.short .cut-tag{opacity:0}
.head{position:absolute;z-index:3;top:26px;bottom:-4px;left:calc(var(--x) * 100%);width:2px;margin-left:-1px;background:#fff;pointer-events:none}
.head::before{content:"";position:absolute;top:-8px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--cyan);border:2px solid #0B0D11}
.ed[data-phase="type"] .head,.ed:not([data-phase]) .head{opacity:.5}

/* Os 4 passos: barra de progresso que passa o destaque de um card para o outro */
.flow{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:22px 14px}
.flow-bar{display:flex;align-items:center;gap:8px}
.flow-bar span{flex:none;padding:3px 9px;border-radius:999px;border:1.5px solid var(--line);font:700 12px var(--head);font-variant-numeric:tabular-nums;color:var(--tx2);transition:background-color .2s,color .2s,border-color .2s}
.flow-bar i{flex:1;height:5px;border-radius:3px;background:#22262D;overflow:hidden}
.flow-bar b{display:block;height:100%;width:100%;background:var(--cyan);transform-origin:left;transform:scaleX(0)}
.flow li.done .flow-bar b{transform:scaleX(1)}
.flow li.on .flow-bar b{animation:fill var(--t,3.2s) linear forwards}
.flow li.on .flow-bar span{background:var(--cyan);border-color:var(--cyan);color:#0B0D11}
.flow-card{display:grid;place-items:center;width:100%;aspect-ratio:1;margin-top:10px;padding:0;border:1.5px solid var(--line);border-radius:16px;background:var(--bg2);transition:background-color .3s,border-color .3s,box-shadow .3s,transform .3s}
.flow li.on .flow-card{background:#F3F5F8;border-color:var(--cyan);box-shadow:6px 6px 0 var(--cyan);transform:translate(-3px,-3px)}
.flow h3{margin:12px 0 0;font:700 22px/1.1 var(--head);color:var(--tx2);transition:color .3s}
.flow p{margin:6px 0 0;font-size:14px;line-height:1.45;color:#6B7280;transition:color .3s}
.flow li.on h3{color:var(--tx)}
.flow li.on p{color:var(--tx2)}
.ico{width:62%;height:62%;fill:none;stroke:#5B616C;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}
.flow li.on .ico{stroke:#111317}
.ico .dot{fill:#5B616C;stroke:none}
.flow li.on .ico-rec .dot{fill:#FF4D4F;animation:pulse 1.1s ease-in-out infinite}
.flow li.on .ico-rec .wv{stroke:var(--cyan-ink);animation:wave 1.1s ease-in-out infinite}
.flow li.on .ico-rec .w2{animation-delay:.2s}
.ico-ask .up circle{fill:#2A2E36}
.ico-ask .up path{stroke:#9AA1AC}
.ico-ask .spark{fill:#5B616C;stroke:none}
.flow li.on .ico-ask .up circle{fill:var(--cyan-ink);stroke:#111317}
.flow li.on .ico-ask .up path{stroke:#fff}
.flow li.on .ico-ask .up{animation:bob 1.2s ease-in-out infinite}
.flow li.on .ico-ask .spark{fill:var(--amber);animation:twinkle 1.4s ease-in-out infinite;transform-origin:78px 19px}
.ico-rev .scr{fill:#2A2E36;stroke:none}
.ico-rev .ok circle{fill:#1F2A23;stroke:#5B616C}
.ico-rev .ok path{stroke:#5B616C}
.flow li.on .ico-rev .scr{fill:#BFE6FA}
.flow li.on .ico-rev .lens{animation:scan 2s ease-in-out infinite}
.flow li.on .ico-rev .ok{animation:pop 2s ease-out infinite;transform-origin:66px 70px}
.flow li.on .ico-rev .ok circle{fill:#16A34A;stroke:#111317}
.flow li.on .ico-rev .ok path{stroke:#fff}
.ico-post .heart{fill:#3A2A2C;stroke:#5B616C}
.flow li.on .ico-post .arrow{animation:rise 1.2s ease-in infinite}
.flow li.on .ico-post .heart{fill:#FF4D4F;stroke:#111317;animation:beat 1.2s ease-in-out infinite;transform-origin:68px 64px}
@keyframes ring{to{stroke-dashoffset:0}}
@keyframes fill{to{transform:scaleX(1)}}
@keyframes pulse{50%{opacity:.35}}
@keyframes wave{50%{opacity:.25}}
@keyframes bob{50%{transform:translateY(-5px)}}
@keyframes twinkle{0%,100%{transform:scale(.7) rotate(0)}50%{transform:scale(1.15) rotate(45deg)}}
@keyframes scan{0%,100%{transform:translate(0,0)}33%{transform:translate(-14px,-8px)}66%{transform:translate(-6px,10px)}}
@keyframes pop{0%,55%{transform:scale(0)}70%{transform:scale(1.2)}80%,100%{transform:scale(1)}}
@keyframes rise{0%{transform:translateY(8px);opacity:0}25%{opacity:1}80%{transform:translateY(-10px);opacity:1}100%{transform:translateY(-14px);opacity:0}}
@keyframes beat{0%,100%{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.15)}}

/* 4. Instalação: chat que encena os 3 passos */
.inst{margin-top:28px;padding:14px;border:1px solid var(--line);border-radius:20px;background:var(--bg2);box-shadow:0 24px 70px -24px rgba(41,182,255,.40)}
.inst-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.inst-pill{padding:7px 14px;border-radius:999px;background:var(--cyan);color:#0B0D11;font:800 14px var(--head);box-shadow:3px 3px 0 rgba(41,182,255,.35)}
.inst-again{display:flex;align-items:center;gap:6px;padding:7px 12px;border:1.5px solid var(--line);border-radius:999px;background:#0A0B0E;font:600 13px var(--head)}
.inst-again svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.inst-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}
.inst-tabs button{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 4px;border:1.5px solid var(--line);border-radius:10px;background:#0A0B0E;font:700 14px var(--head);color:var(--tx2);transition:color .2s,border-color .2s,background-color .2s}
.inst-tabs i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1.5px solid currentColor;font:700 11px var(--head);font-style:normal}
.inst-tabs button.on{color:#0B0D11;background:var(--cyan);border-color:var(--cyan)}
.inst-tabs button.ok{color:var(--tx)}
.inst-desc{margin:12px 0 0;min-height:44px;font-size:15px;line-height:1.45;color:var(--tx2)}
.inst-chat{position:relative;display:flex;flex-direction:column;gap:8px;margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#0A0B0E}
.bub{max-width:86%;padding:10px 12px;border-radius:12px;font-size:14px;line-height:1.4;visibility:hidden;opacity:0;transform:translateY(10px) scale(.98);transition:opacity .3s,transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s .35s}
.bub.show{visibility:visible;opacity:1;transform:none;transition:opacity .3s,transform .35s cubic-bezier(.2,.8,.2,1)}
.bub.me{align-self:flex-end;background:rgba(41,182,255,.14);border:1px solid rgba(41,182,255,.45)}
.bub .file{display:flex;align-items:center;gap:6px;margin-bottom:4px;font:700 13px var(--head);color:var(--cyan)}
.bub .file svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.bub.ai{align-self:flex-start;background:var(--bg2);border:1px solid var(--line)}
.bub.ai p{margin:0;font-weight:600}
.chk{list-style:none;margin:6px 0 0;padding:0}
.chk li{display:flex;align-items:center;gap:8px;padding:2px 0;color:var(--tx2);transition:color .2s}
.chk li::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line);transition:background-color .2s,border-color .2s,transform .25s}
.chk li.ok{color:var(--tx)}
.chk li.ok::before{border-color:#16A34A;background:#16A34A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 8.2 2.3 2.3 4.7-4.9' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100%;animation:hit .3s ease-out}
/* Enquanto a IA "digita", a bolha do resultado mostra só os três pontos, no mesmo lugar (sem pular o layout) */
.bub.out .dots{display:none}
.bub.out.pending{visibility:visible;opacity:1;transform:none;background:transparent;border-color:transparent}
.bub.out.pending>*:not(.dots){visibility:hidden}
.bub.out.pending .dots{position:absolute;left:0;top:0;display:flex;gap:4px;padding:12px 14px;border-radius:12px;background:var(--bg2);border:1px solid var(--line)}
.dots i{width:7px;height:7px;border-radius:50%;background:var(--tx2);animation:dots 1s infinite}
.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}
.bub.out{position:relative;display:flex;align-items:center;gap:12px}
.bub.out .mini{position:relative;flex:none;width:64px;aspect-ratio:9/16;border-radius:8px;overflow:hidden;background:linear-gradient(180deg,#1C2A3A,#0E1218)}
.bub.out .mini img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bub.out .mini em{position:absolute;left:4px;right:4px;bottom:14px;padding:1px 0;border-radius:3px;background:var(--cyan);color:#0B0D11;font:800 9px var(--head);font-style:normal;text-align:center}
.bub.out b{color:var(--cyan)}
.drop{position:relative;margin-top:4px;padding:14px;border:2px dashed var(--line);border-radius:12px;color:#6B7280;font:600 14px var(--head);transition:border-color .2s,background-color .2s,color .2s}
.drop.hot{border-color:var(--cyan);background:rgba(41,182,255,.08);color:var(--cyan)}
.drop .fly{position:absolute;right:12px;top:50%;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;background:#252932;border:1px solid var(--line);color:var(--tx);font:700 12px var(--head);opacity:0;pointer-events:none}
.drop .fly svg{width:14px;height:14px;fill:none;stroke:var(--cyan);stroke-width:2;stroke-linejoin:round}
.drop .hand{position:absolute;right:20px;top:50%;width:26px;height:26px;fill:#F3F5F8;stroke:#0B0D11;stroke-width:1.4;stroke-linejoin:round;opacity:0;pointer-events:none}
.drop.go .fly{animation:fly 1.5s cubic-bezier(.5,0,.2,1) forwards}
.drop.go .hand{animation:hand 1.5s cubic-bezier(.5,0,.2,1) forwards}
@keyframes fly{0%{opacity:0;transform:translate(10px,-140px) rotate(6deg)}20%{opacity:1}75%{opacity:1;transform:translate(-40px,-50%) rotate(-2deg)}100%{opacity:0;transform:translate(-40px,-50%) scale(.85)}}
@keyframes hand{0%{opacity:0;transform:translate(14px,-120px)}20%{opacity:1}75%{opacity:1;transform:translate(-30px,-10%)}100%{opacity:0;transform:translate(-30px,-10%)}}
@keyframes dots{0%,100%{opacity:.3;transform:none}50%{opacity:1;transform:translateY(-3px)}}
code{font:600 .9em var(--head);color:var(--ac-tx)}

/* 5. Para quem é */
.who-list{list-style:none;margin:32px 0 0;padding:0 0 0 18px;border-left:1px solid var(--line)}
.who-list li{position:relative;padding:14px 0;opacity:.38;transition:opacity .35s}
.who-list li::before{content:"";position:absolute;left:-19px;top:14px;bottom:14px;width:2px;background:var(--cyan);transform:scaleY(0);transition:transform .35s}
.who-list li.on{opacity:1}
.who-list li.on::before{transform:scaleY(1)}
.who-tag{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--tx2)}
.who-tag svg{width:18px;height:18px;fill:none;stroke:var(--cyan);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.who-list p{margin:6px 0 0;font:700 23px/1.18 var(--head);letter-spacing:-.01em}
.who-close{margin:36px 0 0;font:700 26px/1.12 var(--head);letter-spacing:-.02em;color:var(--tx2)}
.who-close em{display:inline}

/* 6. Bônus */
.bonus{margin-top:20px;padding:20px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg2)}
.dark .bonus{box-shadow:0 18px 50px -24px rgba(41,182,255,.35)}
.bonus:first-of-type{margin-top:28px}
.bonus header{display:flex;align-items:center;justify-content:space-between}
.badge{display:inline-block;padding:4px 8px;border-radius:6px;background:var(--amber);color:#3A2600;font:700 11px/1 var(--head);letter-spacing:.06em;font-style:normal}
.bonus s{color:var(--tx2);font-size:14px}
.bonus h3{margin:12px 0 0;font:700 21px/1.15 var(--head)}
.bonus p{margin:8px 0 0;color:var(--tx2);font-size:15px}
.tiny{font-size:12px!important;text-align:center}
.sfx{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:16px}
.sfx button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border:1px solid var(--line);border-radius:10px;background:var(--bg);font:600 13px var(--head)}
.sfx i{width:26px;height:26px;border-radius:50%;background:var(--cyan) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7v10l8-5Z' fill='%230B0D11'/%3E%3C/svg%3E") center/18px no-repeat}
.sfx button.hit i{animation:hit .35s ease-out}
.mo{position:relative;height:150px;margin-top:16px;border-radius:12px;border:1px solid var(--line);background:radial-gradient(80% 90% at 50% 100%,rgba(41,182,255,.18),transparent 70%),#0A0B0E;overflow:hidden}
.mo-item{position:absolute;inset:0 0 26px;display:grid;place-items:center;opacity:0;visibility:hidden}
.mo-item.on{opacity:1;visibility:visible;transition:opacity .2s}
.mo-label{position:absolute;left:0;right:0;bottom:8px;text-align:center;font:700 11px var(--head);letter-spacing:.12em;text-transform:uppercase;color:#6B7280}
.mo-count{text-align:center}
.mo-count b{display:block;font:800 44px/1 var(--head);font-variant-numeric:tabular-nums;color:#fff}
.mo-count small{font:600 12px var(--head);color:var(--cyan)}
.mo-item.on .mo-count{animation:popin .3s cubic-bezier(.3,1.6,.5,1) both}
.mo-notif{display:flex;align-items:center;gap:10px;width:84%;padding:10px 12px;border-radius:14px;background:#F3F5F8;color:#111317;box-shadow:0 10px 24px -10px rgba(0,0,0,.6)}
.mo-notif i{flex:none;width:30px;height:30px;border-radius:8px;background:#16A34A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4v16M16 8H10a2.5 2.5 0 0 0 0 5h4a2.5 2.5 0 0 1 0 5H8' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/18px no-repeat}
.mo-notif p{margin:0;display:flex;flex-direction:column;font-size:12px;line-height:1.3}
.mo-notif b{font:700 14px var(--head)}
.mo-notif span{color:#4F5763}
.mo-item.on .mo-notif{animation:slidein .35s cubic-bezier(.2,.9,.2,1.1) both}
.mo-stamp{padding:8px 16px;border:4px solid #FF4D4F;border-radius:8px;color:#FF4D4F;font:900 28px var(--head);letter-spacing:.08em;transform:rotate(-10deg)}
.mo-item.on .mo-stamp{animation:stamp .3s cubic-bezier(.3,1.3,.5,1) both}
.mo-sticker{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:14px;background:var(--amber);color:#3A2600;font:900 20px var(--head);box-shadow:4px 4px 0 #0B0D11;transform:rotate(4deg)}
.mo-sticker svg{width:26px;height:26px;fill:#FF4D4F}
.mo-item.on .mo-sticker{animation:sticker .38s cubic-bezier(.3,1.7,.5,1) both}
@keyframes popin{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
@keyframes slidein{from{transform:translateY(-70px);opacity:0}to{transform:none;opacity:1}}
@keyframes stamp{from{transform:rotate(-10deg) scale(2.4);opacity:0}to{transform:rotate(-10deg) scale(1);opacity:1}}
@keyframes sticker{from{transform:rotate(-30deg) scale(0)}to{transform:rotate(4deg) scale(1)}}
.ads{position:relative;margin-top:16px;padding:14px;border-radius:12px;border:1px solid var(--line);background:#0A0B0E;overflow:hidden}
.ads-src{display:flex;align-items:center;justify-content:center;gap:8px;width:max-content;margin:0 auto;padding:8px 14px;border-radius:999px;background:var(--tx);color:var(--bg);font:700 13px var(--head)}
.ads-src svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.ads.go .ads-src{animation:hit .4s ease-out}
.ads-fan{display:grid;gap:6px;margin-top:14px}
.ads-fan span{display:grid;grid-template-columns:30px 86px minmax(0,1fr);align-items:center;gap:8px;padding:7px 10px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);opacity:0;transform:translateX(-24px) scale(.96);transition:opacity .2s calc(var(--i) * .07s),transform .3s cubic-bezier(.3,1.4,.5,1) calc(var(--i) * .07s)}
.ads.go .ads-fan span{opacity:1;transform:none}
.ads-fan i{display:grid;place-items:center;height:22px;border-radius:6px;background:rgba(41,182,255,.15);font:800 11px var(--head);font-style:normal;color:var(--cyan)}
.ads-fan b{font:700 13px var(--head);white-space:nowrap}
.ads-fan small{font-size:12px;color:var(--tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ads-warn{display:flex;gap:8px;align-items:flex-start;margin-top:12px;padding:9px 11px;border-radius:10px;border:1px solid rgba(255,176,32,.6);background:rgba(255,176,32,.1);font-size:12px;line-height:1.4;color:#FFD58A;opacity:0;transform:translateY(10px);transition:opacity .25s .5s,transform .3s .5s}
.ads-warn svg{flex:none;width:16px;height:16px;fill:none;stroke:var(--amber);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.ads.go .ads-warn{opacity:1;transform:none}
.pp{margin-top:16px}
.pp-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.pp-tabs button{padding:7px 2px;border:1px solid var(--line);border-radius:8px;background:transparent;font:700 11.5px var(--head);color:#6B7280;transition:color .2s,border-color .2s,background-color .2s}
.pp-tabs button.on{background:var(--cyan);border-color:var(--cyan);color:#0B0D11}
.pp-card{position:relative;margin-top:10px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#0A0B0E}
.pp-tag{font:700 11px var(--head);letter-spacing:.1em;color:var(--cyan)}
.pp-txt{min-height:68px;margin:6px 0 0!important;font:600 15px/1.45 var(--head)!important;color:var(--tx)!important}
.pp-txt::after{content:"";display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-2px;background:var(--cyan);animation:blink 1s steps(1) infinite}
.pp-copy{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;padding:10px;border:1.5px solid var(--cyan);border-radius:10px;background:transparent;color:var(--cyan);font:700 14px var(--head);transition:background-color .2s,color .2s,transform .12s}
.pp-copy svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.pp-copy.tap{transform:scale(.96)}
.pp-copy.done{background:#16A34A;border-color:#16A34A;color:#fff}
.pp-foot{margin:10px 0 0!important;text-align:center;font-size:13px!important}
.pp-foot b{color:var(--tx)}
.unlock{display:flex;gap:12px;align-items:flex-start;margin-top:20px;padding:16px;border-radius:var(--r);background:var(--bg2);border:1px solid var(--line);color:#F3F5F8}
.unlock svg{flex:none;width:24px;height:24px;fill:none;stroke:var(--amber);stroke-width:1.8;stroke-linecap:round}
.unlock p{margin:0;font-size:15px;color:#C9CED6}
.unlock b{color:#fff}

/* 7. Expert */
.expert{margin:0}
.expert-photo{aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:var(--graphite-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='9' r='4' fill='none' stroke='%232E323A' stroke-width='1.5'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0' fill='none' stroke='%232E323A' stroke-width='1.5'/%3E%3C/svg%3E") center/40% no-repeat}
.expert-photo img{width:100%;height:100%;object-fit:cover}
.expert figcaption{margin-top:22px}
.expert figcaption em{font-size:18px;letter-spacing:0;margin-top:6px}
.expert p{margin:14px 0 0;color:var(--tx2)}

/* 8. Oferta */
.offer{position:relative;padding:30px 20px 24px;border-radius:22px;background:#fff;border:2.5px solid #111317;box-shadow:8px 8px 0 #111317;color:#111317}
.offer-seal{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);margin:0;padding:6px 12px;white-space:nowrap;border-radius:999px;background:var(--cyan);color:#0B0D11;font:800 11px/1 var(--head);letter-spacing:.08em}
.offer-logo{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:6px}
.offer-logo .logo-txt b{font-size:22px}
.offer-logo .logo-txt small{color:var(--cyan-ink)}
.offer-promise{margin:12px 0 0;text-align:center;color:#4F5763;font-size:15px}
.offer-label{margin:24px 0 8px;text-align:center;font:700 11px var(--head);letter-spacing:.14em;color:#4F5763}
.stack{list-style:none;margin:0;padding:0}
.stack li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #E5E9EF;font-size:14px;font-weight:700}
.stack li span{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.stack s{flex:none;color:#7A828E}
/* Item principal em destaque: caixa azul ciano com contorno e sombra deslocada, valor numa etiqueta branca */
.stack li.main{align-items:center;margin:0 -4px 8px;padding:12px 12px 12px 14px;border:2px solid #111317;border-radius:14px;background:var(--cyan);color:#0B0D11;box-shadow:4px 4px 0 #111317;font-size:15px}
.stack li.main+li{border-top:0}
.stack li.main s{padding:4px 9px;border:1.5px solid #111317;border-radius:8px;background:#fff;color:#111317;font-weight:800}
.stack .total{font-weight:700;font-family:var(--head);font-size:15px}
.stack .total s{color:#111317}
.por{margin:20px 0 0;text-align:center;color:#4F5763}
.price{display:flex;justify-content:center;align-items:flex-start;gap:6px;margin:0;font-family:var(--head);font-weight:700;line-height:1}
.cur{font-size:26px;margin-top:12px}
.reels{display:flex;font-size:96px;letter-spacing:-.04em}
.reel{display:block;height:1em;overflow:hidden}
.reel>span{display:flex;flex-direction:column}
.reel>span>span,.reel>span{line-height:1}
.price-sub{margin:8px 0 0;text-align:center;font-size:14px;color:#4F5763}
.price-sub b{color:#111317}
.seals{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;list-style:none;margin:14px 0 0;padding:0}
.seals li{padding:5px 9px;border:1px solid #DCE1E8;border-radius:999px;font-size:12px;color:#4F5763}
.seals li::before{content:"✓ ";color:var(--cyan-ink);font-weight:700}

/* 9. Garantia */
.guarantee{text-align:center}
.g-seal{width:132px;height:132px;margin:0 auto 20px}
.g-ring{fill:var(--bg2);stroke:var(--cyan);stroke-width:2}
.g-arc{font:700 9.5px var(--head);letter-spacing:.14em;fill:var(--ac-tx)}
.g-num{font:700 40px var(--head);fill:var(--tx)}
.g-days{font:700 10px var(--head);letter-spacing:.3em;fill:var(--tx2)}
.guarantee p{margin:12px 0 0;color:var(--tx2)}
@media (prefers-reduced-motion:no-preference){.g-arc{animation:spin 24s linear infinite;transform-origin:60px 60px}}

/* 10. FAQ */
.faq{margin-top:24px}
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{display:flex;justify-content:space-between;gap:16px;padding:16px 0;list-style:none;cursor:pointer;font:600 17px/1.3 var(--head)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:22px;height:22px;margin-top:-1px;border-radius:6px;background:var(--bg2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6v12M6 12h12' stroke='%230479B8' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/16px no-repeat;border:1px solid var(--line);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:-4px 0 16px;color:var(--tx2);font-size:15px}

/* 11. CTA final + rodapé */
.final{text-align:center;padding-bottom:48px}
.h-final{font-size:32px;line-height:1.08}
.foot{padding:28px 0 96px;border-top:1px solid var(--line)}
.foot p{margin:0 0 8px;font-size:12px;line-height:1.5;color:#7A828E}
.foot .links a{color:#A3AAB6}

/* CTA fixo no rodapé da tela */
.sticky{position:fixed;z-index:20;left:0;right:0;bottom:0;padding:10px var(--gut) calc(10px + env(safe-area-inset-bottom));background:rgba(0,0,0,.92);border-top:1px solid #24272E;transform:translateY(110%);transition:transform .3s ease}
.sticky-in{display:flex;align-items:center;gap:12px;max-width:calc(var(--w) - 2 * var(--gut));margin:0 auto}
.sticky-price{flex:none;margin:0;display:flex;flex-direction:column;line-height:1.15;color:#F3F5F8}
.sticky-price b{font:800 17px var(--head);white-space:nowrap}
.sticky-price small{font-size:12px;color:#A3AAB6;white-space:nowrap}
.sticky .btn{flex:1;min-width:0;margin:0;min-height:50px;padding:0 12px;font-size:16px}
.sticky.show{transform:none}

/* Animação de scroll (só existe com JS e sem "reduzir movimento") */
.rv [data-rv]{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.7,.2,1) var(--d,0s),transform .7s cubic-bezier(.2,.7,.2,1) var(--d,0s)}
.rv [data-rv].in{opacity:1;transform:none}

@keyframes blink{50%{opacity:0}}
@keyframes hit{0%{transform:scale(1)}40%{transform:scale(1.25)}100%{transform:scale(1)}}
@keyframes spin{to{transform:rotate(360deg)}}

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