@font-face{font-family:'Space Grotesk';src:url(../fonts/space-grotesk-latin-500-normal.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url(../fonts/space-grotesk-latin-700-normal.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url(../fonts/inter-latin-400-normal.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url(../fonts/inter-latin-500-normal.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url(../fonts/inter-latin-600-normal.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url(../fonts/jetbrains-mono-latin-500-normal.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
/* Raio-X Reels — página de vendas
   Identidade: fundo de chapa, ciano de raio-x, âmbar só para compra. */
:root{
  --bg:#05080D; --panel:#0B1320; --panel2:#0F1A2B;
  --cy:#5CE1FF; --cy2:#B8F3FF; --cyd:#0A7EA4;
  --ink:#E8F1F5; --mute:#7C8B99;
  --light:#EEF3F6; --light2:#E1E9EE; --ink-d:#05080D; --mute-d:#4B5A66;
  --amber:#FFB020; --amber-d:#E89A00;
  --line:rgba(92,225,255,.12);
  --f-t:'Space Grotesk',system-ui,sans-serif; --f-b:'Inter',system-ui,sans-serif; --f-m:'JetBrains Mono',ui-monospace,monospace;
  --pad:clamp(20px,5vw,72px); --sec:clamp(96px,14vh,160px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:auto;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--f-b);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
em{font-style:normal;color:var(--cy)}
.sec--light em{color:var(--cyd)}
b,strong{font-weight:600}
.mono{font-family:var(--f-m);font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:12px}
.wrap{width:min(1200px,100%);margin:0 auto;padding:0 var(--pad)}
.narrow{width:min(920px,100%)}
.center{text-align:center}
.h2{font:700 clamp(32px,5vw,64px)/1.04 var(--f-t);letter-spacing:-.03em;max-width:16ch;margin-bottom:clamp(36px,6vw,72px)}
.h2.center{margin-left:auto;margin-right:auto}
.tag{display:inline-block;color:var(--cy);margin-bottom:22px;padding:6px 10px;border:1px solid var(--line);border-radius:4px}
.sec--light .tag{color:var(--cyd);border-color:rgba(10,126,164,.25)}

/* seções */
.sec{position:relative;padding:var(--sec) 0}
.sec--dark{background:var(--bg);color:var(--ink)}
.sec--light{background:var(--light);color:var(--ink-d)}
.sec--light p{color:var(--mute-d)}
.grid-bg{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 60% 40%,#000 20%,transparent 75%);opacity:.6;pointer-events:none}
.grain{position:fixed;inset:-50%;z-index:90;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1s steps(6) infinite}
@keyframes grain{to{transform:translate(-8%,6%)}}

/* transição entre fundos: faixa de scanner */
.wipe{position:relative;height:0;z-index:5}
.wipe::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--cy) 30%,var(--cy2) 50%,var(--cy) 70%,transparent);box-shadow:0 0 24px 4px rgba(92,225,255,.55);transform:scaleX(var(--s,0));transform-origin:left}

/* botões */
.btn{--bgc:var(--amber);position:relative;display:inline-flex;align-items:center;gap:12px;padding:18px 30px;border-radius:999px;background:var(--bgc);color:#120C00;font:600 16px/1 var(--f-b);letter-spacing:.01em;box-shadow:0 10px 40px -10px rgba(255,176,32,.6);transition:box-shadow .3s,background .3s;overflow:hidden;will-change:transform}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s}
.btn:hover::after{transform:translateX(120%)}
.btn:hover{box-shadow:0 14px 60px -8px rgba(255,176,32,.85)}
.btn .arrow{transition:transform .3s}.btn:hover .arrow{transform:translateX(4px)}
.btn--sm{padding:11px 18px;font-size:14px}
.btn--xl{padding:22px 38px;font-size:18px}

/* nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:18px var(--pad);transition:background .4s,transform .4s;}
.nav.is-scrolled{background:rgba(5,8,13,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav.is-light{background:rgba(238,243,246,.8)}
.nav.is-light .nav__logo img{filter:invert(1) hue-rotate(180deg) brightness(.6)}
.nav.is-hidden{transform:translateY(-100%)}
.nav__logo{display:block;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.nav__logo img{height:38px;width:auto;transition:height .5s cubic-bezier(.22,1,.36,1)}
/* no topo do Hero: logo maior e centralizada; ao rolar, volta para a esquerda (computador) */
.nav:not(.is-scrolled) .nav__logo{position:absolute;left:50%;top:26px;transform:translateX(-50%)}
.nav:not(.is-scrolled) .nav__logo img{height:64px}
.nav:not(.is-scrolled) .btn{opacity:0;pointer-events:none}
.nav .btn{transition:opacity .4s}

/* loader */
.loader{position:fixed;inset:0;z-index:200;background:var(--bg);display:grid;place-items:center}
.loader__logo{width:120px;opacity:.9}
.loader__scan{position:absolute;left:0;right:0;top:0;height:2px;background:var(--cy);box-shadow:0 0 30px 8px rgba(92,225,255,.6)}
.loader__label{position:absolute;bottom:40px;color:var(--cy)}

/* cursor */
.cursor{position:fixed;left:0;top:0;z-index:150;pointer-events:none;mix-blend-mode:difference}
.cursor__ring{position:absolute;width:40px;height:40px;margin:-20px 0 0 -20px;border:1px solid var(--cy);border-radius:50%;transition:width .3s,height .3s,margin .3s,background .3s}
.cursor__dot{position:absolute;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;background:var(--cy);border-radius:50%}
.cursor__label{position:absolute;left:28px;top:-8px;white-space:nowrap;color:var(--cy);opacity:0;transition:opacity .2s;font-size:10px}
.cursor.is-hover .cursor__ring{width:78px;height:78px;margin:-39px 0 0 -39px;background:rgba(92,225,255,.12)}
.cursor.is-label .cursor__label{opacity:1}
@media (hover:none){.cursor{display:none}}

/* HERO */
.hero{min-height:100svh;display:flex;align-items:center;padding-top:140px;overflow:hidden}
.hero__inner{position:relative;z-index:2;width:min(1280px,100%);margin:0 auto;padding:0 var(--pad);display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(32px,6vw,90px);align-items:center}
.hero__title{font:700 clamp(38px,4.6vw,72px)/1 var(--f-t);letter-spacing:-.04em;margin-bottom:28px;max-width:15ch}
.hero__sub{font-size:clamp(17px,1.5vw,20px);color:var(--mute);max-width:46ch;margin-bottom:40px}
.hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px}
.hero__note{color:var(--mute);font-size:11px}
.hero__visual{display:flex;justify-content:center}
.scroll-hint{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);color:var(--mute);display:flex;flex-direction:column;align-items:center;gap:10px;font-size:10px}
.scroll-hint span{width:1px;height:44px;background:linear-gradient(var(--cy),transparent);animation:hint 1.8s ease-in-out infinite;transform-origin:top}
@keyframes hint{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}

/* celular com raio-x */
.phone{position:relative;width:min(340px,78vw);aspect-ratio:9/16;padding:10px}
.phone__screen{position:relative;width:100%;height:100%;border-radius:28px;overflow:hidden;background:#000;border:1px solid rgba(92,225,255,.25);box-shadow:0 40px 120px -30px rgba(92,225,255,.35)}
.phone__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.phone__video--xray{filter:grayscale(1) invert(1) brightness(.55) contrast(1.6) sepia(1) hue-rotate(150deg) saturate(5);mix-blend-mode:normal;clip-path:inset(0 0 calc(100% - var(--scan,40%)) 0)}
.phone__scanline{position:absolute;left:-10%;right:-10%;top:var(--scan,40%);height:2px;background:var(--cy2);box-shadow:0 0 18px 5px rgba(92,225,255,.75),0 0 60px 14px rgba(92,225,255,.25)}
.hud{position:absolute;inset:0;pointer-events:none}
.hud__tag{position:absolute;left:10px;top:var(--t);font-size:9px;color:var(--cy);background:rgba(5,8,13,.6);padding:4px 7px;border-left:2px solid var(--cy);opacity:0;transform:translateX(-8px);transition:opacity .35s,transform .35s}
.hud__tag.on{opacity:1;transform:none}
.corner{position:absolute;width:26px;height:26px;border:2px solid var(--cy);pointer-events:none}
.c1{top:0;left:0;border-right:0;border-bottom:0}.c2{top:0;right:0;border-left:0;border-bottom:0}
.c3{bottom:0;right:0;border-left:0;border-top:0}.c4{bottom:0;left:0;border-right:0;border-top:0}

/* VSL */
.monitor{position:relative;padding:18px;margin:0 auto 48px}
.monitor__screen{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:var(--panel);border:1px solid var(--line)}
.monitor__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) invert(1) sepia(1) hue-rotate(150deg) saturate(2.4) brightness(.55) blur(2px);transform:scale(1.1)}
.monitor__play{position:absolute;left:50%;top:50%;width:96px;height:96px;margin:-48px;border-radius:50%;border:1px solid var(--cy);background:rgba(5,8,13,.5);cursor:pointer;display:grid;place-items:center}
.monitor__play span{width:0;height:0;border-left:26px solid var(--cy);border-top:16px solid transparent;border-bottom:16px solid transparent;margin-left:6px}
.monitor__play::before{content:"";position:absolute;inset:-14px;border-radius:50%;border:1px solid var(--cy);opacity:.4;animation:pulse 2s ease-out infinite}
@keyframes pulse{to{transform:scale(1.5);opacity:0}}
.monitor__soon{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:var(--cy)}
.ruler{position:absolute;pointer-events:none;opacity:.6}
.ruler--top{top:0;left:18px;right:18px;height:10px;background:repeating-linear-gradient(90deg,var(--cy) 0 1px,transparent 1px 12px);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.ruler--left{left:0;top:18px;bottom:18px;width:10px;background:repeating-linear-gradient(0deg,var(--cy) 0 1px,transparent 1px 12px);mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent)}

/* PROBLEMA */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:clamp(56px,8vw,96px)}
.pcard{background:#fff;border:1px solid var(--light2);border-radius:20px;padding:34px 30px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 20px 60px -40px rgba(5,8,13,.35)}
.pcard p{font:500 clamp(20px,2vw,24px)/1.3 var(--f-t);color:var(--ink-d)!important;letter-spacing:-.01em}
.pcard__n{color:var(--cyd)}
.statement{font:500 clamp(24px,3.2vw,40px)/1.2 var(--f-t);letter-spacing:-.02em;max-width:24ch;color:var(--ink-d)!important}
.statement strong{color:var(--cyd)}

/* DEMO (fixa) */
.demo{padding:0}
.demo__pin{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:110px 0 60px;overflow:hidden}
.demo .h2{margin-bottom:40px}
.steps{width:100%;overflow:hidden}
.steps__track{display:flex;gap:28px;padding:0 var(--pad);width:max-content}
.step{width:min(380px,78vw);flex:0 0 auto;background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:28px;display:flex;flex-direction:column}
.step h3{font:700 28px/1.1 var(--f-t);margin:10px 0 8px}
.step p{color:var(--mute);font-size:15px;min-height:72px}
.step__n{color:var(--cy)}
.step__media{position:relative;margin-top:20px;border-radius:16px;overflow:hidden;aspect-ratio:4/5;background:#000}
.step__media video{width:100%;height:100%;object-fit:cover}
.step__media--report{background:var(--panel2);display:flex;align-items:center}
.report{width:100%;padding:22px;font-size:11px;color:var(--cy2)}
.report__h{color:var(--cy);padding-bottom:12px;margin-bottom:12px;border-bottom:1px dashed var(--line)}
.report__row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(92,225,255,.06)}
.report__row span{color:var(--mute)}
.report__row b{color:var(--ink);font-weight:500;text-align:right}
.sw{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.report__bar{height:3px;margin-top:18px;background:rgba(92,225,255,.1);overflow:hidden}
.report__bar i{display:block;height:100%;width:0;background:var(--cy);box-shadow:0 0 12px var(--cy)}
.stamp{position:absolute;right:14px;bottom:14px;color:var(--amber);border:1.5px solid var(--amber);padding:6px 10px;border-radius:4px;transform:rotate(-8deg);background:rgba(5,8,13,.6)}
.progress{position:relative;width:min(1200px,100%);margin:36px auto 0;padding:0 var(--pad)}
.progress::before{content:"";display:block;height:1px;background:var(--line)}
.progress i{position:absolute;left:var(--pad);top:0;height:1px;width:0;background:var(--cy);box-shadow:0 0 10px var(--cy)}

/* CASO */
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,3vw,40px);margin-bottom:clamp(64px,9vw,120px)}
.trio__item{display:flex;flex-direction:column;align-items:center;gap:16px}
.trio__item figcaption{color:var(--mute)}
.trio__item--hi figcaption{color:var(--cy)}
.mini-phone{width:100%;max-width:280px;aspect-ratio:9/16;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#000}
.trio__item--hi .mini-phone{border-color:var(--cy);box-shadow:0 0 0 1px var(--cy),0 30px 80px -30px rgba(92,225,255,.6)}
.mini-phone video{width:100%;height:100%;object-fit:cover}
.ba{display:flex;flex-direction:column;align-items:center;gap:16px}
.ba__frame{position:relative;width:min(380px,86vw);aspect-ratio:9/16;border-radius:26px;overflow:hidden;border:1px solid var(--line);cursor:ew-resize;touch-action:pan-y;--x:50%}
.ba__after,.ba__before video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ba__before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--x)) 0 0)}
.ba__handle{position:absolute;top:0;bottom:0;left:var(--x);width:2px;margin-left:-1px;background:var(--cy2);box-shadow:0 0 18px 4px rgba(92,225,255,.7)}
.ba__handle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;background:var(--bg);color:var(--cy);border:1px solid var(--cy);padding:7px 10px;border-radius:999px;font-size:10px}
.ba__hint{color:var(--mute);font-size:10px}

/* COMPARAÇÃO */
.x{color:var(--mute-d);font-weight:500}
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.cmp__col{position:relative;border-radius:24px;padding:clamp(26px,4vw,44px);overflow:hidden}
.cmp__col--eye{background:#fff;border:1px solid var(--light2)}
.cmp__col--xray{background:var(--bg);color:var(--ink)}
.cmp__h{margin-bottom:26px;color:var(--mute-d)}
.cmp__col--xray .cmp__h{color:var(--cy)}
.cmp__row{font:500 clamp(17px,1.6vw,20px)/1.35 var(--f-t);padding:16px 0;border-bottom:1px solid var(--light2);color:var(--ink-d)!important}
.cmp__col--eye .cmp__row{filter:blur(var(--bl,0px));color:#8a96a0!important}
.cmp__col--xray .cmp__row{border-color:rgba(92,225,255,.1);color:var(--ink)!important}
.cmp__col--xray b{color:var(--cy);font-weight:600}
.cmp__row--end{border:0;font-weight:700}
.cmp__scan{position:absolute;left:0;right:0;top:0;height:2px;background:var(--cy2);box-shadow:0 0 20px 6px rgba(92,225,255,.6);opacity:0}

/* O QUE RECEBE */
.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.gcard{position:relative;background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:22px;padding:30px 26px 34px;min-height:280px;transform-style:preserve-3d;transition:border-color .3s}
.gcard::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(92,225,255,.16),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}
.gcard:hover{border-color:rgba(92,225,255,.45)}.gcard:hover::before{opacity:1}
.gcard__ic{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;border:1px solid var(--line);color:var(--cy);font-size:22px;margin-bottom:56px}
.gcard h3{font:700 22px/1.15 var(--f-t);margin-bottom:10px}
.gcard p{color:var(--mute);font-size:15px}

/* KIT */
.kit__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}
.kit__h{color:var(--mute-d);margin-bottom:18px;font-size:11px}
.sfx{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.sfx__b{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;border-radius:14px;background:#fff;border:1px solid var(--light2);cursor:pointer;text-align:left;font:500 13px/1.2 var(--f-b);color:var(--ink-d);transition:transform .2s,border-color .2s,box-shadow .2s}
.sfx__b:hover{transform:translateY(-2px);border-color:var(--cyd);box-shadow:0 10px 30px -18px rgba(10,126,164,.6)}
.sfx__b canvas{width:100%;height:26px}
.sfx__b.playing{border-color:var(--cyd);background:#F7FCFE}
.ovs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
.ov{aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:var(--bg);border:1px solid var(--light2);position:relative}
.ov video{width:100%;height:100%;object-fit:cover;opacity:.9}
.ov::after{content:"▶";position:absolute;inset:0;display:grid;place-items:center;color:var(--cy);font-size:14px;transition:opacity .3s}
.ov.on::after{opacity:0}
.kit__styles{color:var(--cyd);padding:14px;border:1px dashed rgba(10,126,164,.35);border-radius:12px;text-align:center}

/* PROVA */
.proof{overflow:hidden}
.reel-strip{cursor:grab;user-select:none;padding:10px 0 30px}
.reel-strip.dragging{cursor:grabbing}
.reel-strip__track{display:flex;gap:22px;padding:0 var(--pad);width:max-content;will-change:transform}
.reel{flex:0 0 auto;width:min(260px,64vw);display:flex;flex-direction:column;gap:12px}
.reel__ph{position:relative;aspect-ratio:9/16;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:#000 center/cover no-repeat}
.reel__ph video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}
.reel.on .reel__ph video{opacity:1}
.reel__ph::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 60%,rgba(5,8,13,.75));pointer-events:none}
.reel__meta{display:flex;flex-direction:column;gap:2px}
.reel__meta b{font:600 16px/1.2 var(--f-t)}
.reel__meta span{color:var(--mute);font-size:10px}

/* PARA QUEM */
.who__list{list-style:none;display:grid;gap:4px;margin-bottom:48px}
.who__list li{display:flex;gap:22px;align-items:baseline;font:500 clamp(22px,3vw,36px)/1.25 var(--f-t);letter-spacing:-.02em;padding:24px 0;border-bottom:1px solid var(--light2);color:var(--ink-d)}
.mark{position:relative;flex:0 0 18px;height:18px;border:1.5px solid var(--cyd);border-radius:50%;transform:translateY(2px)}
.mark::before,.mark::after{content:"";position:absolute;background:var(--cyd)}
.mark::before{left:50%;top:-6px;bottom:-6px;width:1.5px;margin-left:-.75px}
.mark::after{top:50%;left:-6px;right:-6px;height:1.5px;margin-top:-.75px}
.who__not{max-width:60ch;font-size:16px}
.who__not b{color:var(--ink-d)}

/* AUTORIDADE */
.author__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,90px);align-items:center}
.author__photo{position:relative;aspect-ratio:4/5;padding:12px;max-width:440px}
.author__img{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);object-fit:cover;border-radius:18px;filter:grayscale(.2)}
.author__img--xray{filter:grayscale(1) invert(1) brightness(.6) contrast(1.5) sepia(1) hue-rotate(150deg) saturate(5);clip-path:circle(0 at var(--mx,50%) var(--my,50%));transition:clip-path .15s}
.author__photo:hover .author__img--xray{clip-path:circle(110px at var(--mx,50%) var(--my,50%))}
.author__copy p{color:var(--mute);font-size:18px;max-width:52ch;margin-bottom:16px}
.author .h2{margin-bottom:24px}

/* OFERTA */
.offer__card{position:relative;background:#fff;border:1px solid var(--light2);border-radius:32px;padding:clamp(36px,6vw,72px);text-align:center;box-shadow:0 50px 120px -60px rgba(5,8,13,.45);overflow:hidden}
.offer__card::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(10,126,164,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(10,126,164,.06) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}
.offer__stamp{position:absolute;top:28px;right:-38px;transform:rotate(35deg);background:var(--cyd);color:#fff;padding:7px 50px;font-size:10px}
.offer__logo{height:44px;width:auto;margin:0 auto 32px;position:relative}
.offer .h2{max-width:none;margin-bottom:34px;position:relative}
.price{white-space:nowrap;color:var(--ink-d)}
.price b{font-weight:700;color:var(--amber-d)}
.offer__list{list-style:none;display:grid;gap:12px;max-width:440px;margin:0 auto 40px;text-align:left;position:relative}
.offer__list li{display:flex;gap:14px;align-items:center;font-size:17px;color:var(--ink-d)}
.offer__list li::before{content:"";flex:0 0 22px;height:22px;border-radius:50%;background:var(--cyd) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.offer__pay{margin:18px 0 40px;color:var(--mute-d);font-size:10px;position:relative}
.guarantee{display:flex;align-items:center;gap:22px;text-align:left;max-width:520px;margin:0 auto;padding-top:32px;border-top:1px dashed var(--light2);position:relative}
.guarantee__seal{flex:0 0 76px;height:76px;border-radius:50%;border:2px solid var(--cyd);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--cyd)}
.guarantee__seal span{font-size:28px;letter-spacing:0;line-height:1}
.guarantee__seal small{font-size:9px}
.guarantee p{font-size:16px}
.guarantee b{color:var(--ink-d)}

/* FAQ + FECHO */
.acc details{border-bottom:1px solid var(--line)}
.acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;font:500 clamp(19px,2vw,24px)/1.3 var(--f-t)}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"+";flex:0 0 36px;height:36px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--cy);font:400 20px/1 var(--f-m);transition:transform .3s,background .3s}
.acc details[open] summary::after{transform:rotate(45deg);background:rgba(92,225,255,.1)}
.acc p{color:var(--mute);padding:0 0 26px;max-width:60ch}
.final{position:relative;text-align:center;padding:clamp(120px,18vh,200px) var(--pad);overflow:hidden}
.final__scan{position:absolute;left:0;right:0;top:50%;height:2px;background:var(--cy);box-shadow:0 0 40px 10px rgba(92,225,255,.45);opacity:.6}
.final__text{position:relative;font:700 clamp(28px,4.4vw,58px)/1.08 var(--f-t);letter-spacing:-.03em;max-width:22ch;margin:0 auto 48px}
.foot{display:flex;flex-direction:column;align-items:center;gap:14px;padding:40px var(--pad) 110px;border-top:1px solid var(--line);color:var(--mute)}
.foot__logo{height:30px;width:auto;opacity:.8}
.foot p{font-size:10px}

/* barra fixa (celular) */
.buybar{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;display:none;justify-content:space-between;align-items:center;gap:12px;padding:10px 10px 10px 18px;border-radius:999px;background:rgba(11,19,32,.9);backdrop-filter:blur(12px);border:1px solid var(--line);transform:translateY(140%);transition:transform .4s}
.buybar .mono{font-size:10px;color:var(--ink)}
.buybar .btn{white-space:nowrap}
.buybar.show{transform:none}

/* split de texto */
.split .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.06em}
.split .w>span{display:inline-block;will-change:transform}

/* responsivo */
@media (max-width:980px){
  .hero__inner{grid-template-columns:1fr;text-align:left}
  .hero__visual{margin-top:8px}
  .phone{width:min(260px,64vw)}
  .cards4{grid-template-columns:1fr 1fr}
  .kit__grid,.author__grid,.cmp{grid-template-columns:1fr}
  .author__photo{max-width:340px}
}
@media (max-width:720px){
  body{font-size:16px}
  .cards3{grid-template-columns:1fr}
  .pcard{min-height:150px}
  .cards4{grid-template-columns:1fr}
  .gcard{min-height:0}.gcard__ic{margin-bottom:28px}
  .trio{grid-template-columns:repeat(3,1fr);gap:8px}
  .trio__item figcaption{font-size:9px;letter-spacing:.06em}
  .sfx{grid-template-columns:1fr 1fr}
  .buybar{display:flex}
  .nav .btn{display:none}
  /* celular: sem menu fixo; logo grande centralizada só no Hero */
  .nav{position:absolute;justify-content:center;padding-top:calc(44px + env(safe-area-inset-top,0px));padding-bottom:0}
  .nav.is-scrolled,.nav.is-light{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:0}
  .nav.is-hidden{transform:none}
  .nav.is-light .nav__logo img{filter:none}
  .nav .nav__logo,.nav:not(.is-scrolled) .nav__logo{position:static;transform:none}
  .nav .nav__logo img,.nav:not(.is-scrolled) .nav__logo img{height:54px}
  .hero{padding-top:calc(150px + env(safe-area-inset-top,0px))}
  .steps{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:10px}
  .step{scroll-snap-align:center}
  .demo__pin{min-height:0;padding:var(--sec) 0}
  .progress{display:none}
  .scroll-hint{display:none}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .loader{display:none}
}