/* =====================================================================
   AINDA EXISTE NÓS — CAMADA PREMIUM
   Movimento, impacto, transições e interface de som.
   ===================================================================== */
:root{--gold2:#f0d9a6;--ease:cubic-bezier(.16,1,.3,1);--hd:0s}
[hidden]{display:none!important}
html.locked,html.locked body{overflow:hidden}
main{position:relative}
.section,.closing,.promise-bar,.reconnection-section,.pause-section{position:relative}

/* ---------- Camadas globais ---------- */
.progress{position:fixed;top:0;left:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#8b673b,#f0d9a6,#b7d0b2);z-index:90;pointer-events:none;box-shadow:0 0 12px #d1b27b88}
.grain{position:fixed;inset:-50%;z-index:85;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}
.glow{display:none}
@media(hover:hover) and (pointer:fine){.glow{display:block;position:fixed;left:0;top:0;width:560px;height:560px;margin:-280px 0 0 -280px;border-radius:50%;background:radial-gradient(circle,#d1b27b22,transparent 62%);pointer-events:none;z-index:70;mix-blend-mode:screen;opacity:0;transition:opacity .6s;will-change:transform}.glow.on{opacity:1}}
.wipe{position:fixed;inset:0;z-index:95;pointer-events:none;background:#0b1424;border-right:2px solid var(--gold);box-shadow:30px 0 90px #d1b27b66;transform:translateX(-102%)}
.wipe{visibility:hidden}
.wipe.run{visibility:visible;animation:wipe .9s cubic-bezier(.7,0,.2,1)}
@keyframes wipe{0%{transform:translateX(-102%)}45%,55%{transform:translateX(0)}100%{transform:translateX(102%)}}
.flash{position:fixed;inset:0;z-index:92;pointer-events:none;background:radial-gradient(circle at 32% 42%,#fff1cfcc,#d1b27b40 38%,transparent 72%);opacity:0}
.flash.run{animation:flash 1s ease-out}
@keyframes flash{0%{opacity:0}7%{opacity:1}100%{opacity:0}}
.shake{animation:shake .7s cubic-bezier(.36,.07,.19,.97) both}
@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(3px,1px,0)}30%,50%,70%{transform:translate3d(-7px,-2px,0)}40%,60%{transform:translate3d(7px,2px,0)}}

/* ---------- Portal de entrada (libera o áudio) ---------- */
.gate{display:none}
.js .gate{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;background:radial-gradient(ellipse at 50% 38%,#1f3050,#0a1222 72%);clip-path:circle(150% at 50% 50%);transition:clip-path 1.2s var(--ease),opacity .5s .8s}
.gate.out{clip-path:circle(0% at 50% 46%);opacity:0;pointer-events:none}
.gate-inner{max-width:540px;animation:riseIn 1.2s var(--ease) .15s both}
.gate-mark{display:inline-grid;place-content:center;width:112px;height:112px;margin-bottom:28px;font:italic 62px/1 var(--serif);letter-spacing:-9px;padding-right:9px;color:var(--gold);border:1px solid #b5996577;border-radius:50%;animation:gateBreath 5s ease-in-out infinite}
@keyframes gateBreath{0%,100%{transform:scale(1);box-shadow:0 0 0 0 #d1b27b22}50%{transform:scale(1.09);box-shadow:0 0 70px 10px #d1b27b30}}
.gate-eyebrow{font:700 10px/1.6 'Manrope',var(--sans);letter-spacing:3px;color:var(--gold);margin-bottom:18px}
.gate h2{font-size:clamp(38px,7vw,64px);margin-bottom:18px;color:#f3eee5}
.gate h2 em{color:var(--gold)}
.gate p:not(.gate-eyebrow){color:var(--muted);font-size:16px;margin-bottom:30px}
.gate-actions{display:flex;flex-direction:column;align-items:center;gap:14px}
.gate .button{min-width:min(320px,100%)}
.gate-skip{background:none;border:0;color:#9fa8b7;font-size:13px;letter-spacing:.3px;padding:8px;border-bottom:1px solid #9fa8b744}
.gate-skip:hover{color:var(--gold)}
.gate-voice{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;color:#9fa8b7;margin-top:22px;cursor:pointer}
.gate-voice input{accent-color:#b7d0b2;width:15px;height:15px}

/* ---------- Dock de som ---------- */
.dock{position:fixed;left:16px;bottom:16px;z-index:60;display:flex;gap:8px}
.js .gate:not(.out)~.dock{display:none}
.dock button{position:relative;width:46px;height:46px;border-radius:50%;border:1px solid #d1b27b66;background:#101b30ea;color:var(--gold);display:grid;place-items:center;backdrop-filter:blur(8px);transition:transform .25s,border-color .25s,background .25s,opacity .25s}
.dock button:hover{transform:translateY(-2px);border-color:var(--gold)}
.dock button[aria-pressed=false]{opacity:.75}
.dock button[aria-pressed=false]:after{content:'';position:absolute;width:26px;height:1.5px;background:currentColor;transform:rotate(-45deg);border-radius:2px}
.dock button.hint{animation:hint 1.8s ease-out 3}
@keyframes hint{0%{box-shadow:0 0 0 0 #d1b27baa}100%{box-shadow:0 0 0 20px #d1b27b00}}
.dock svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.eq{display:flex;gap:2.5px;align-items:center;height:18px}
.eq i{width:3px;height:6px;border-radius:2px;background:currentColor}
.dock [aria-pressed=true] .eq i{animation:eq .8s ease-in-out infinite alternate}
.eq i:nth-child(2){animation-delay:-.3s!important}.eq i:nth-child(3){animation-delay:-.6s!important}.eq i:nth-child(4){animation-delay:-.15s!important}
@keyframes eq{from{height:4px}to{height:18px}}
@media(max-width:760px){.dock{bottom:84px;left:auto;right:12px}.dock button{width:42px;height:42px}}

/* ---------- Sistema de revelação ---------- */
.js [data-reveal]{opacity:0;transition:opacity 1s var(--ease),transform 1.1s var(--ease),filter 1s var(--ease),clip-path 1.3s var(--ease);transition-delay:var(--d,0s);will-change:transform,opacity}
.js [data-reveal=up]{transform:translateY(48px)}
.js [data-reveal=left]{transform:translateX(-64px)}
.js [data-reveal=right]{transform:translateX(64px)}
.js [data-reveal=zoom]{transform:scale(.86);filter:blur(12px)}
.js [data-reveal=blur]{transform:translateY(18px);filter:blur(14px)}
.js [data-reveal=stamp]{transform:scale(2.4) rotate(-16deg);filter:blur(8px);transition-duration:.5s,.6s,.5s,.5s;transition-timing-function:cubic-bezier(.2,1.4,.3,1)}
.js [data-reveal=mask]{opacity:1;clip-path:inset(0 0 100% 0)}
.js [data-reveal=maskx]{opacity:1;clip-path:inset(0 100% 0 0)}
.js [data-reveal].in{opacity:1;transform:none;filter:none;clip-path:inset(0 0 0 0)}
.js [data-reveal].done{transition:transform .45s var(--ease),box-shadow .45s,border-color .3s,background .3s,filter .3s;transition-delay:0s;will-change:auto}
.lesson-grid article.done:hover,.ages-grid article.done:hover,.recognition-list article.done:hover{transform:translateY(-6px)}
.lesson-grid article.done:hover{box-shadow:0 18px 40px #1a24381f;border-color:#cdb27e}
.lesson-grid .lesson-quote.done:hover{box-shadow:0 18px 40px #0006}
.ages-grid article.done:hover{background:#ffffff08}

/* Títulos: palavra por palavra */
.sw{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.14em;margin-bottom:-.14em}
.sw>span{display:inline-block;opacity:0;transform:translateY(112%) rotate(5deg);filter:blur(6px);transition:transform .95s var(--ease),opacity .75s,filter .85s;transition-delay:calc(var(--i)*65ms)}
.split.in .sw>span{opacity:1;transform:none;filter:none}
.split.in em .sw>span{animation:goldFlash 1.8s ease-out both;animation-delay:calc(var(--i)*65ms + .8s)}
@keyframes goldFlash{0%,100%{text-shadow:0 0 0 #d1b27b00}35%{text-shadow:0 0 26px #e8c989cc}}
.cream .split.in em .sw>span{animation-name:goldFlashDark}
@keyframes goldFlashDark{0%,100%{text-shadow:0 0 0 #8b673b00}35%{text-shadow:0 0 18px #c9a25f88}}

/* Linha dourada nas entradas de seção */
.sec-line:before{content:'';position:absolute;top:0;left:50%;width:0;height:1px;background:linear-gradient(90deg,transparent,#d1b27b,transparent);transform:translateX(-50%);transition:width 1.6s var(--ease);z-index:2}
.sec-line.sec-in:before{width:min(1180px,92%)}

/* Botões: brilho, pulso e ímã */
.button{position:relative;overflow:hidden}
.button:before{content:'';position:absolute;top:0;left:-70%;width:40%;height:100%;background:linear-gradient(100deg,transparent,#ffffff77,transparent);transform:skewX(-20deg);animation:shine 5s ease-in-out infinite;pointer-events:none}
@keyframes shine{0%,60%{left:-70%}100%{left:140%}}
.hero .button,.buy,.closing .button,.reconnection-copy .button{animation:ringPulse 2.8s ease-out infinite}
@keyframes ringPulse{0%{box-shadow:0 0 0 0 #b7d0b277}70%{box-shadow:0 0 0 20px #b7d0b200}100%{box-shadow:0 0 0 0 #b7d0b200}}
.button:active{transform:scale(.97)!important}
.nav-cta{transition:background .25s,border-color .25s,transform .2s}
.nav-cta:hover{background:#d1b27b1f;border-color:var(--gold)}

/* ---------- HERO ---------- */
.hero-fx{position:absolute;left:0;top:0;width:100%;pointer-events:none;z-index:0;overflow:hidden}
.hero-fx canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero-fx:before{content:'';position:absolute;inset:-12%;background:radial-gradient(38% 46% at 18% 32%,#d1b27b26,transparent 70%),radial-gradient(34% 44% at 82% 62%,#6f8cc02a,transparent 70%),radial-gradient(30% 40% at 55% 100%,#b7d0b21c,transparent 70%);animation:aurora 16s ease-in-out infinite alternate}
@keyframes aurora{from{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(3%,3%,0) scale(1.12)}}
.hero{position:relative;z-index:1}

html.js body:not(.go) .hero-copy>*{opacity:0}
.go .hero-copy>*{animation:riseIn 1.1s var(--ease) backwards;animation-delay:var(--hd,0s)}
.go .hero-copy>.button{animation:riseIn 1.1s var(--ease) backwards,ringPulse 2.8s ease-out infinite;animation-delay:var(--hd,0s),4s}
.go .hero-copy>h1{animation:none}
@keyframes riseIn{from{opacity:0;transform:translateY(36px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}

.wd{display:inline-block;white-space:nowrap}
html.js body:not(.go) .ch{opacity:0}
.go .ch{display:inline-block;animation:chIn 1s var(--ease) backwards;animation-delay:calc(.35s + var(--i)*48ms)}
.ch{display:inline-block}
@keyframes chIn{from{opacity:0;transform:translateY(.7em) scale(1.35);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}

.hero .product-title>em{transform-origin:0 62%;background:linear-gradient(100deg,#d9b573 20%,#fff1cf 42%,#f6dca5 50%,#d9b573 72%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:none;padding-right:.1em;filter:drop-shadow(0 3px 26px #c2a27444)}
.title-period{-webkit-text-fill-color:#afc9a9;color:#afc9a9}
html.js body:not(.go) .product-title>em{opacity:0}
.go .product-title>em{animation:slam 1.2s cubic-bezier(.2,1.1,.25,1) 1s backwards,shimmer 7s linear 2.4s infinite}
@keyframes slam{0%{opacity:0;transform:scale(2.6);filter:blur(24px) drop-shadow(0 0 0 #0000)}50%{opacity:1;transform:scale(.95);filter:blur(0) drop-shadow(0 3px 60px #f0d9a6cc)}72%{transform:scale(1.025)}100%{opacity:1;transform:none;filter:drop-shadow(0 3px 26px #c2a27444)}}
@keyframes shimmer{from{background-position:130% 0}to{background-position:-130% 0}}

html.js body:not(.go) .hero-art{opacity:0}
.go .hero-art{animation:irisIn 1.7s var(--ease) .45s backwards}
@keyframes irisIn{from{opacity:0;clip-path:inset(14% 14% 14% 14% round 36px);transform:scale(.9)}to{opacity:1;clip-path:inset(0 round 0);transform:none}}
.hero-art .photo-frame img{animation:kenburns 24s ease-in-out infinite alternate;transform-origin:50% 60%}
@keyframes kenburns{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.11) translate3d(-1.5%,-1%,0)}}
.tear-glow{position:absolute;top:0;bottom:0;left:41%;width:18%;z-index:1;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(ellipse at center,#ffd27a88,#d1823c33 45%,transparent 72%);animation:tearPulse 3.4s ease-in-out infinite}
@keyframes tearPulse{0%,100%{opacity:.35;transform:scaleX(.8)}50%{opacity:1;transform:scaleX(1.25)}}
.hero-art .photo-label{z-index:2}
.hero .hero-hook{background:linear-gradient(90deg,#f3eee5 0 40%,#e8c989 50%,#f3eee5 60% 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:none}
.go .hero-copy>.hero-hook{animation:riseIn 1.1s var(--ease) backwards,hookSweep 7s ease-in-out 4s infinite;animation-delay:var(--hd,0s),4s}
@keyframes hookSweep{0%,40%{background-position:130% 0}100%{background-position:-130% 0}}
.hl{color:var(--gold2);font-weight:600}
.hero-copy p .hl{color:var(--gold2)}
.punch{font:italic 24px/1.5 var(--serif);color:#8b673b!important;max-width:430px;border-left:2px solid #c3a56f;padding-left:20px;margin-top:28px}
.punch strong{color:#3a2f1c}

/* ---------- PAUSA GUIADA (respiração) ---------- */
.pause-section{background:radial-gradient(ellipse at 50% 55%,#203150,#0c1525 74%);text-align:center;padding:112px 0 124px;overflow:hidden}
.pause-inner h2{max-width:820px;margin:0 auto 54px}
.breath{position:relative;width:min(330px,76vw);aspect-ratio:1;margin:0 auto 42px;display:grid;place-items:center;cursor:pointer;border-radius:50%;outline-offset:14px;-webkit-user-select:none;user-select:none}
.breath .ring{position:absolute;inset:0;border-radius:50%;border:1px solid #d1b27b66;animation:ringOut 6s ease-out infinite}
.breath .r2{animation-delay:2s}.breath .r3{animation-delay:4s}
@keyframes ringOut{0%{transform:scale(.62);opacity:.9}100%{transform:scale(1.55);opacity:0}}
.orb{width:62%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;padding:18px;color:#241b0c;font:700 12px/1.5 'Manrope',var(--sans);letter-spacing:.16em;text-transform:uppercase;background:radial-gradient(circle at 34% 28%,#fbebc2,#cfa561 46%,#7d5c30);box-shadow:0 0 70px #d1b27b66,inset 0 -14px 44px #00000050;animation:orbIdle 5s ease-in-out infinite}
@keyframes orbIdle{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.breath.running .orb{animation:none}
.breath.running .ring{animation-duration:3s}
.breath.running .orb{font-size:15px;letter-spacing:.12em}
.pause-time{display:block;min-height:24px;font:600 12px 'Manrope',var(--sans);letter-spacing:.2em;color:var(--gold);margin-bottom:12px}
.pause-note{max-width:580px;margin:0 auto 26px;color:var(--muted);font-size:17px}
.pause-note strong{color:var(--gold2)}
.pause-cta{margin-top:6px}

/* ---------- ESPIRAL HIPNÓTICA (scroll) ---------- */
.spiral{background:#09101e;color:var(--cream)}
.spiral-track{height:560vh;position:relative}
.spiral-stage{position:sticky;top:0;height:100vh;height:100svh;display:grid;place-items:center;overflow:hidden;text-align:center;padding:0 28px;background:radial-gradient(ellipse at center,#14213a,#09101e 72%)}
.spiral-rings{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;transition:transform 1.6s var(--ease)}
.spiral-rings i{position:absolute;width:var(--s);aspect-ratio:1;border-radius:50%;border:1px solid #d1b27b22;border-top-color:#d1b27bb0;border-left-color:#d1b27b55;animation:spin var(--t) linear infinite}
.spiral-rings i:nth-child(1){--s:26vmin;--t:18s}.spiral-rings i:nth-child(2){--s:42vmin;--t:30s;animation-direction:reverse}.spiral-rings i:nth-child(3){--s:60vmin;--t:44s}.spiral-rings i:nth-child(4){--s:80vmin;--t:62s;animation-direction:reverse}.spiral-rings i:nth-child(5){--s:104vmin;--t:84s}
@keyframes spin{to{transform:rotate(360deg)}}
.spiral-lines{position:relative;z-index:1;width:min(920px,100%);height:60vh}
.sl{position:absolute;left:0;right:0;top:50%;margin:0;opacity:0;transform:translateY(-50%) scale(.88);filter:blur(14px);font:500 clamp(32px,5.8vw,70px)/1.18 var(--serif);letter-spacing:-.035em;color:#f3eee5;transition:opacity 1.1s var(--ease),transform 1.3s var(--ease),filter 1.1s var(--ease)}
.sl.active{opacity:1;transform:translateY(-50%) scale(1);filter:none}
.sl.past{opacity:0;transform:translateY(-50%) scale(1.16);filter:blur(16px)}
.sl em{color:var(--gold)}
.sl.big{font-size:clamp(42px,9vw,112px);line-height:1.05}
.sl.big em{font-style:italic;text-shadow:0 0 50px #d1b27b66}
.sl.resolve{font-size:clamp(26px,4.3vw,52px)}
.sl.resolve em{display:block;margin-top:.45em}
.spiral-progress{position:absolute;right:26px;top:22%;bottom:22%;width:2px;background:#ffffff14;z-index:2}
.spiral-progress span{display:block;width:100%;height:100%;background:linear-gradient(var(--gold),#b7d0b2);transform-origin:0 0;transform:scaleY(0)}
.spiral-cta{position:absolute;bottom:9vh;left:0;right:0;z-index:2;opacity:0;transform:translateY(20px);transition:opacity .9s var(--ease) .5s,transform .9s var(--ease) .5s;pointer-events:none}
.spiral-stage.end .spiral-cta{opacity:1;transform:none;pointer-events:auto}
.spiral-hint{position:absolute;bottom:4.5vh;left:0;right:0;z-index:2;font:600 9px 'Manrope',var(--sans);letter-spacing:.3em;color:#9fa8b7;transition:opacity .6s}
.spiral-stage.end .spiral-hint,.spiral-stage.started .spiral-hint{opacity:0}
.spiral-hint:after{content:'';display:block;width:1px;height:28px;margin:10px auto 0;background:linear-gradient(var(--gold),transparent);animation:drip 1.8s ease-in-out infinite}
@keyframes drip{0%{transform:scaleY(0);transform-origin:0 0}50%{transform:scaleY(1);transform-origin:0 0}51%{transform-origin:0 100%}100%{transform:scaleY(0);transform-origin:0 100%}}

/* ---------- ESPELHO (autoavaliação) ---------- */
.check-section{background:radial-gradient(ellipse at 50% 0,#1c2d49,#0f192c 74%);text-align:center}
.check-wrap{max-width:980px}
.check-wrap h2{margin-bottom:14px}
.check-sub{color:var(--muted);max-width:560px;margin:0 auto}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:40px auto 38px}
.chips.in .chip{animation:chipIn .8s var(--ease) backwards;animation-delay:calc(var(--i)*80ms)}
@keyframes chipIn{from{opacity:0;transform:translateY(26px) scale(.92)}}
.chip{font:italic 500 19px/1.4 var(--serif);color:#efe7d6;background:#ffffff09;border:1px solid #d1b27b55;border-radius:100px;padding:15px 26px;transition:transform .3s var(--ease),background .3s,color .3s,border-color .3s,box-shadow .3s}
.chip:hover{transform:translateY(-3px);border-color:var(--gold);background:#d1b27b14}
.chip[aria-pressed=true]{background:linear-gradient(135deg,#f0d9a6,#cda766);color:#241b0c;border-color:#f0d9a6;transform:scale(1.05);box-shadow:0 10px 36px #d1b27b44}
.chip[aria-pressed=true]:before{content:'✓ ';font-style:normal;font-weight:700}
.check-result{max-width:640px;margin:0 auto}
.meter{height:6px;max-width:440px;margin:0 auto 22px;background:#ffffff18;border-radius:6px;overflow:hidden}
.meter span{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#b7d0b2,#d1b27b,#f0d9a6);transition:width .9s var(--ease)}
.result-text{font:24px/1.5 var(--serif);color:#f3eee5;min-height:3.2em;margin-bottom:20px;transition:opacity .35s}
.result-text.swap{opacity:0}
.check-note{font-size:12px;color:#8e99ab;margin:22px 0 0}

/* ---------- OFERTA ---------- */
@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false}
.offer-card{position:relative;isolation:isolate}
.offer-card:before{content:'';position:absolute;inset:-2px;border-radius:8px;z-index:-1;background:conic-gradient(from var(--ang),#cfb987,#fffaf0,#cfb987,#8b673b,#cfb987);animation:spinAng 7s linear infinite}
@keyframes spinAng{to{--ang:360deg}}
.per-practice{display:inline-block;font-size:13px!important;color:#43603a!important;background:#e9eee3;border-radius:100px;padding:7px 18px;margin:0 0 20px!important}
.risk-line{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12.5px;color:#4f6a45;margin:16px 0 0}
.risk-line .icon{width:16px;height:16px;color:#65805c}
.seal{will-change:transform}

/* ---------- Fechamento ---------- */
.closing{overflow:hidden}
.closing>.wrap{position:relative;z-index:1}
.closing canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.closing.beating h2{animation:beat 1.7s ease-in-out infinite}
@keyframes beat{0%,100%{transform:scale(1)}8%{transform:scale(1.014)}16%{transform:scale(1)}26%{transform:scale(1.02)}38%{transform:scale(1)}}
.ps{max-width:560px!important;margin:0 auto 22px;font:italic 21px/1.5 var(--serif)!important;color:#e6d9bd!important}
.ps strong{color:var(--gold2);font-weight:500}

/* ---------- CTA flutuante no desktop ---------- */
@media(min-width:761px){.sticky-cta.visible{display:flex;position:fixed;right:20px;bottom:20px;z-index:60;align-items:center;gap:20px;padding:12px 14px 12px 22px;background:#faf6eef5;color:var(--ink);border:1px solid #cdb98f;border-radius:6px;box-shadow:0 16px 44px #0007;animation:riseIn .7s var(--ease)}.sticky-cta strong{display:block;font:19px var(--serif)}.sticky-cta small{display:block;font-size:10.5px;color:#6b6256}.sticky-cta .button{min-height:46px;padding:12px 18px;font-size:12px;gap:10px;animation:none}}

/* ---------- Mobile ---------- */
@media(max-width:760px){
.pause-section{padding:76px 0 86px}.pause-note{font-size:15.5px}
.spiral-track{height:520vh}.spiral-progress{right:12px}
.chip{font-size:17px;padding:13px 20px}.result-text{font-size:21px}
.punch{font-size:21px}.ps{font-size:18px!important}
.hero-fx:before{inset:-5%}
.gate-mark{width:92px;height:92px;font-size:50px}
}

/* ---------- Movimento reduzido ---------- */
@media(prefers-reduced-motion:reduce){
.js [data-reveal]{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}
.sw>span{opacity:1!important;transform:none!important;filter:none!important}
.grain,.hero-fx:before,.tear-glow{animation:none!important}
.spiral-track{height:auto}
.spiral-stage{position:static;height:auto;padding:90px 28px}
.spiral-lines{height:auto;display:grid;gap:34px}
.sl{position:static;opacity:1!important;transform:none!important;filter:none!important}
.spiral-cta{position:static;opacity:1;margin-top:34px;pointer-events:auto}
.spiral-hint,.spiral-progress{display:none}
.chips .chip{animation:none!important}
.gate{transition:none}
}

/* Evita rolagem horizontal durante as entradas laterais (clip não quebra o sticky) */
html,body{overflow-x:clip}
main{overflow-x:clip}
@media(max-width:760px){.js [data-reveal=right]{transform:translateX(26px)}.js [data-reveal=left]{transform:translateX(-26px)}}

/* ===== v5: conversão ===== */
.hl2{color:#8a5a12;font-weight:700;background:linear-gradient(transparent 62%,#f0d9a68a 62%);padding:0 2px}
.cream .hl,.cost-section .hl,.cycle-section .hl{color:#8a5a12;background:linear-gradient(transparent 62%,#f0d9a68a 62%);padding:0 2px}
.announcement{background:linear-gradient(90deg,#8a1f1f,#b8322d,#8a1f1f);color:#fff}
.announcement a{color:#fff;text-decoration:underline;font-weight:700}
.announcement s{opacity:.8}
.cta-main{background:linear-gradient(180deg,#9ad08a,#6fb35f)!important;color:#0e2410!important;font-weight:800;letter-spacing:.3px;box-shadow:0 10px 30px #6fb35f55,inset 0 1px 0 #fff6;animation:ctaPulse 2.4s ease-in-out infinite}
.cta-main:hover{filter:brightness(1.07);transform:translateY(-2px) scale(1.02)}
@keyframes ctaPulse{0%,100%{box-shadow:0 10px 30px #6fb35f55,0 0 0 0 #6fb35f66}50%{box-shadow:0 10px 30px #6fb35f55,0 0 0 14px #6fb35f00}}
.cta-sub{font-size:13px;color:#cbd2dc;margin:12px 0 0}.cta-sub strong{color:#f0d9a6;font-size:16px}.cta-sub s{opacity:.65}
.hero-trust s{opacity:.7}
.proof-strip{background:#0b1426;border-top:1px solid #d1b27b33;border-bottom:1px solid #d1b27b33}
.proof-strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:22px 0;text-align:center}
.proof-strip strong{display:block;font:600 30px/1.1 var(--serif);color:var(--gold2)}.proof-strip span{font-size:12px;color:#aab3c1;letter-spacing:.5px}
@media(max-width:760px){.proof-strip .wrap{grid-template-columns:repeat(2,1fr);row-gap:18px}}

.cost-section{background:#0d172b;color:#e9e4d9}
.cost-section h2,.cycle-section h2{color:#f3eee5}.cost-section h2 em,.cycle-section h2 em{color:var(--gold)}
.cost-section .section-heading>p:last-child{color:#c3cad6}
.cost-section .eyebrow,.cycle-section .eyebrow{color:var(--gold)}
.cost-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:60px}
.cost-grid article{border:1px solid #d1b27b3d;background:linear-gradient(180deg,#14213a,#0f1a30);padding:34px 28px;border-radius:8px;border-top:3px solid #b8322d}
.cost-n{font:italic 40px var(--serif);color:var(--gold);opacity:.6}
.cost-grid h3{font:24px/1.25 var(--serif);margin:10px 0 12px;color:#f3eee5}.cost-grid p{color:#c3cad6;font-size:15px}
.cost-grid strong,.kids strong{color:#f0d9a6}
.kids{display:grid;grid-template-columns:1.2fr 1fr;gap:44px;align-items:center;background:#f5f0e7;color:var(--ink);border-radius:10px;padding:48px;border-left:5px solid var(--gold)}
.kids .eyebrow{color:#82633d}.kids h3{font:34px/1.2 var(--serif);margin-bottom:18px;color:var(--ink)}.kids h3 em{color:#8a5a12}
.kids p{color:#3c4352;font-size:15.5px}.kids strong{color:#172238}
.kids-list{display:grid;gap:12px}.kids-list div{background:#fffdf8;border:1px solid #dccaa0;padding:16px 18px;border-radius:6px;font-size:14.5px;color:#2b3345;font-weight:600}
.kids-note{text-align:center;margin:34px auto 0;max-width:680px;font:italic 21px/1.5 var(--serif);color:#e6dcc3}.kids-note strong{color:var(--gold2)}
@media(max-width:900px){.cost-grid{grid-template-columns:1fr}.kids{grid-template-columns:1fr;padding:30px 22px}.kids h3{font-size:27px}}

.cycle-section{background:linear-gradient(180deg,#101b30,#0a1222);color:#e9e4d9}
.cycle-section .section-heading>p:last-child{color:#c3cad6}
.cycle-flow{display:flex;align-items:stretch;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 auto 50px}
.cycle-flow div{flex:1 1 180px;max-width:230px;background:#14213a;border:1px solid #d1b27b44;padding:20px 16px;border-radius:8px;text-align:center;font-size:14.5px;color:#e9e4d9}
.cycle-flow div b{display:grid;place-items:center;width:30px;height:30px;margin:0 auto 10px;border-radius:50%;background:var(--gold);color:#101b30}
.cycle-flow div:nth-of-type(3),.cycle-flow div:nth-of-type(4){border-color:#b8322d99}
.cycle-flow i{align-self:center;font-style:normal;font-size:26px;color:var(--gold)}
.psy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-bottom:56px}
.psy-grid article{padding:30px;border:1px solid #d1b27b3a;border-radius:8px;background:#0f1a30}
.psy-tag{display:inline-block;font:700 10px/1.4 'Manrope',var(--sans);letter-spacing:1.8px;color:var(--gold);margin-bottom:12px}
.psy-grid h3{font:25px/1.25 var(--serif);color:#f3eee5;margin-bottom:10px}.psy-grid p{color:#c3cad6;font-size:15px}.psy-grid strong{color:#f0d9a6}
.exit-box{position:relative;text-align:center;max-width:860px;margin:auto;padding:52px 40px;background:radial-gradient(ellipse at 50% 0,#1e3a2c,#13261f 70%);border:2px solid #b7d0b2;border-radius:12px;box-shadow:0 0 70px #b7d0b222}
.exit-badge{position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:#b7d0b2;color:#0e2410;font:800 12px 'Manrope',sans-serif;letter-spacing:2.5px;padding:8px 20px;border-radius:30px;white-space:nowrap}
.exit-box h3{font:clamp(28px,4vw,42px)/1.2 var(--serif);color:#f3eee5;margin-bottom:20px}.exit-box h3 em{color:#b7d0b2}
.exit-box p{color:#d6dde0;font-size:16.5px;max-width:700px;margin:0 auto 16px}.exit-box strong{color:#fff}
.exit-box .hl{color:#f0d9a6;background:none}
.exit-box .button{margin-top:18px}
@media(max-width:800px){.psy-grid{grid-template-columns:1fr}.cycle-flow i{display:none}.exit-box{padding:44px 22px}}

.proof-section{background:#f5f0e7;color:var(--ink)}
.wa-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1000px;margin:0 auto 14px}
.wa{margin:0;background:#fffdf8;border:1px solid #dccaa0;border-radius:12px;padding:22px;box-shadow:0 8px 26px #66552c14;position:relative}
.wa:before{content:"“";position:absolute;right:18px;top:2px;font:90px var(--serif);color:#d1b27b55}
.wa-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.wa-head b{display:block;font-size:15px}.wa-head small{color:#6a6f7a;font-size:12px}
.av{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--navy);color:var(--gold);font:600 18px var(--serif)}
.wa p{font-size:15px;color:#2b3345;margin:0 0 10px}.wa mark{background:#f0d9a6;color:#172238;padding:0 3px;font-weight:700}
.stars{color:#e0a820;letter-spacing:3px;font-size:15px}
.proof-note{text-align:center;font-size:12px;color:#777;margin:0 auto 44px;max-width:640px}
.real-box{max-width:860px;margin:auto;background:var(--navy);color:#e9e4d9;border-radius:12px;padding:40px;border:1px solid #d1b27b66}
.real-box h3{font:30px/1.25 var(--serif);text-align:center;margin-bottom:22px;color:#f3eee5}.real-box h3 em{color:var(--gold)}
.real-box ul{list-style:none;padding:0;margin:0;display:grid;gap:14px}.real-box li{display:flex;gap:12px;font-size:15px;color:#cfd5df}.real-box li strong{color:#f0d9a6}
.real-box .icon{flex:none;width:20px;height:20px;color:#b7d0b2;margin-top:3px}
@media(max-width:800px){.wa-grid{grid-template-columns:1fr}.real-box{padding:28px 20px}}

.special-tag{display:inline-block;background:#b8322d;color:#fff;font:800 11px 'Manrope',sans-serif;letter-spacing:2px;padding:7px 16px;border-radius:30px;margin-bottom:12px}
.price-old{font-size:20px;color:#8a8f99;margin-top:6px}.price-old s{text-decoration-thickness:3px;text-decoration-color:#b8322d}
.offer-card .price{color:#1f6b2c}
.save-note{margin:0 0 4px;font-size:14px;color:#1f6b2c;font-weight:700}
.offer-card .cta-main{width:100%;min-height:68px;font-size:16px}
.secure-line{font-size:12px;color:#6a6f7a;margin:12px 0 0}
.sticky-cta s{opacity:.6}.sticky-cta small b{color:#1f6b2c;font-size:12px}

/* selo de garantia */
.seal2{position:relative;width:200px;height:200px;margin:auto;flex:none}
.seal2-ring{position:absolute;inset:0;width:100%;height:100%;animation:sealSpin 28s linear infinite}
@keyframes sealSpin{to{transform:rotate(360deg)}}
.seal2-core{position:absolute;inset:26px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#243a63,#101b30 70%);border:2px solid var(--gold);box-shadow:0 0 0 5px #101b30,0 0 0 6px #d1b27b88,0 14px 40px #0005;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gold)}
.seal2-shield{width:30px;height:30px;margin-bottom:-2px}
.seal2-core strong{font:700 56px/1 var(--serif);color:#f0d9a6}
.seal2-core span{font:800 13px 'Manrope',sans-serif;letter-spacing:5px;margin-left:5px}
.seal2-core small{font:700 8px 'Manrope',sans-serif;letter-spacing:2px;margin-top:5px;color:#b7d0b2}
.guarantee{grid-template-columns:220px 1fr}
.guarantee .cta-main{margin-top:6px}
@media(max-width:800px){.guarantee{grid-template-columns:1fr;text-align:center;padding:34px 22px}.guarantee-points{justify-content:center}}
@media(prefers-reduced-motion:reduce){.cta-main,.seal2-ring{animation:none}}
/* ajustes de contraste */
.cost-section .hl,.cost-section .hl2,.cycle-section .hl,.cycle-section .hl2{color:#f0d9a6;background:linear-gradient(transparent 62%,#b8322d66 62%)}
.proof-section .section-heading>p:last-child{color:#4a505c}
.proof-section .eyebrow{color:#82633d}
.seal2-ring text{font-size:11.5px}