/* --------------------------------------------------------------- FREE21 Program — folha de estilo completa Bloco 1: reset base que a plataforma injetava no . Bloco 2: CSS original da página (inalterado). --------------------------------------------------------------- */ /* ===== bloco 1 de 2 ===== */ :root{color-scheme:light}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#faf9f5;color:#141413}img{max-width:100%}[hidden]:not([hidden=until-found]){display:none!important} /* ===== bloco 2 de 2 ===== */ :root{ --ink:#08090A; --ink-2:#0E1011; --ink-3:#15181A; --ink-4:#1D2124; --bone:#F4F4F0; --mute:#8D9390; --mute-2:#5F6663; --lime:#E1DD1C; --lime-dim:#B4B117; --line:rgba(244,244,240,.09); --line-2:rgba(244,244,240,.16); --r-s:10px; --r-m:18px; --r-l:28px; --pad:clamp(20px,5vw,48px); --s1:8px; --s2:clamp(11px,1.05vw,15px); --s3:clamp(17px,1.6vw,23px); --s4:clamp(26px,2.5vw,36px); --s5:clamp(38px,3.8vw,56px); --s6:clamp(54px,5.6vw,80px); --s7:clamp(46px,5vw,70px); --s8:clamp(72px,7.4vw,110px); --display:"Archivo","Helvetica Neue",Arial,sans-serif; --serif:"Instrument Serif",Georgia,serif; --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace; --logo:"Bebas Neue","Archivo",Impact,sans-serif; color-scheme:dark; } *{box-sizing:border-box} body{ margin:0; background:var(--ink); color:var(--bone); font-family:var(--display); font-weight:400; font-size:16px; line-height:1.62; -webkit-font-smoothing:antialiased; overflow-x:hidden; } img{max-width:100%;display:block} a{color:inherit;text-decoration:none} button{font:inherit;color:inherit;border:0;background:none;cursor:pointer} :focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:4px} /* ---------- shell ---------- */ .page{position:relative;overflow:hidden} .wrap{position:relative;z-index:1;width:min(1180px,100% - var(--pad)*2);margin-inline:auto} .wide{position:relative;z-index:1;width:min(1420px,100% - var(--pad)*2);margin-inline:auto} section{padding-block:var(--s7)} .band+section{padding-top:var(--s8)} /* ---------- type ---------- */ h1,h2,h3,h4{margin:0;font-weight:800;letter-spacing:-.035em;line-height:1.02;text-wrap:balance} h1{font-size:clamp(40px,7.2vw,94px);font-weight:900;letter-spacing:-.045em} h2{font-size:clamp(33px,5.4vw,72px);letter-spacing:-.04em} h3{font-size:clamp(21px,2.3vw,30px);letter-spacing:-.028em;line-height:1.12} .it{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em} .lime{color:var(--lime)} .kicker{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--lime)} .kicker-mute{color:var(--mute-2)} .kicker-plain{text-transform:none} .lead{color:var(--mute);font-size:clamp(15px,1.35vw,18.5px);line-height:1.66;max-width:62ch} .center{text-align:center} .center .lead{margin-inline:auto} .sec-head{display:flex;flex-direction:column;align-items:center;gap:var(--s3);text-align:center;margin-bottom:var(--s5)} #proof h2{line-height:1.16} /* ---------- flat colour bands ---------- */ .band{position:relative;overflow:hidden} .band-lime{background:var(--lime);color:#07080A} .band-lime h2,.band-lime h3,.band-lime h4{color:#07080A} .band-lime .kicker{color:rgba(7,8,10,.58)} .band-lime .lead{color:rgba(7,8,10,.74)} .band-lime .lime{color:#07080A} .band-lime .it.lime{color:#07080A} .band-ring{position:absolute;z-index:0;pointer-events:none;color:#07080A;opacity:.055; width:clamp(420px,46vw,760px);height:auto} .ring-tl{top:-16%;left:-14%} .ring-br{bottom:-22%;right:-12%} .band>.wrap,.band>.wide{position:relative;z-index:1} /* ---------- mark ---------- */ .mark{display:inline-flex;align-items:center;gap:.42em} .mark svg{width:1em;height:1em;flex:none} .wordmark{font-family:var(--logo);letter-spacing:.012em;line-height:1;font-size:26px} /* ---------- hero ---------- */ .hero{padding-top:var(--s7);padding-bottom:var(--s7);text-align:center} .badge{display:inline-flex;align-items:center;gap:10px;padding:7px 8px 7px 7px;border-radius:999px; border:1px solid rgba(225,221,28,.34);background:rgba(225,221,28,.055);margin-bottom:var(--s4)} .badge b{font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase; background:var(--lime);color:#0A0A05;padding:4px 9px;border-radius:999px} .badge span{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--lime);padding-right:9px} .hero h1{margin-inline:auto;max-width:16ch} .hero .lead{margin:var(--s4) auto 0;max-width:56ch} /* ---------- vsl ---------- */ .vsl{margin:var(--s5) auto 0;width:min(392px,84vw)} .vsl-frame{position:relative;aspect-ratio:9/16;border-radius:var(--r-l);overflow:hidden; background:linear-gradient(168deg,#1A1D1F 0%,#0C0E0F 55%,#121516 100%); border:1px solid var(--line-2); box-shadow:0 50px 110px -40px rgba(0,0,0,.95),0 0 0 1px rgba(225,221,28,.07),0 0 90px -30px rgba(225,221,28,.16)} .vsl-frame::before{content:"";position:absolute;inset:0; background:radial-gradient(120% 60% at 50% 0%,rgba(225,221,28,.09),transparent 60%)} .vsl-play{position:absolute;inset:0;margin:auto;width:82px;height:82px;border-radius:50%; display:grid;place-items:center;background:var(--lime); box-shadow:0 0 0 12px rgba(225,221,28,.10),0 0 0 26px rgba(225,221,28,.05); animation:breathe 3.4s ease-in-out infinite} .vsl-play svg{width:26px;height:26px;margin-left:4px;fill:#0A0A05} .vsl-frame .tag{position:absolute;left:0;right:0;bottom:0;padding:26px 22px; background:linear-gradient(to top,rgba(6,7,7,.94),transparent); font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute)} .vsl-frame .ratio{position:absolute;top:16px;left:16px;font-family:var(--mono);font-size:10px; letter-spacing:.18em;color:var(--mute-2);border:1px solid var(--line);padding:4px 8px;border-radius:6px} .vsl-note{margin-top:var(--s3);font-family:var(--mono);font-size:10.5px;letter-spacing:.2em; text-transform:uppercase;color:var(--mute-2);text-align:center} /* ---------- buttons ---------- */ .cta-stack{display:flex;flex-direction:column;align-items:center;gap:var(--s3);margin-top:var(--s6)} .btn-ring{position:relative;display:inline-flex;align-items:center;gap:14px; padding:19px 40px 19px 26px;border-radius:999px;background:var(--lime);color:#0A0A05; font-weight:800;font-size:clamp(14px,1.4vw,17px);letter-spacing:-.012em; box-shadow:0 22px 60px -22px rgba(225,221,28,.62); transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s ease} .btn-ring svg{width:26px;height:26px;flex:none} .btn-ring::after{content:"";position:absolute;inset:-3px;border-radius:999px; border:2px solid var(--lime);opacity:.55;animation:pulse 2.6s cubic-bezier(.3,0,.2,1) infinite;pointer-events:none} .btn-ring:hover{transform:translateY(-3px);box-shadow:0 30px 74px -22px rgba(225,221,28,.8)} .btn-ghost{display:inline-flex;align-items:center;gap:9px;padding:13px 26px;border-radius:12px; border:1px solid var(--line-2);color:var(--mute);font-size:13.5px;font-weight:600; transition:border-color .2s ease,color .2s ease,background .2s ease} .btn-ghost:hover{border-color:rgba(244,244,240,.34);color:var(--bone);background:rgba(244,244,240,.035)} .btn-ghost svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2} @keyframes pulse{0%{transform:scale(1);opacity:.55}70%{transform:scale(1.17);opacity:0}100%{transform:scale(1.17);opacity:0}} @keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.055)}} /* ---------- products ---------- */ .prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,2.4vw,40px)} .prod{position:relative;text-align:center;background:none;border:0;padding:0} .prod-disc{position:relative;width:100%;aspect-ratio:1;border-radius:50%;background:#FFFFFF; display:grid;place-items:center; transition:transform .42s cubic-bezier(.2,.7,.3,1),box-shadow .42s ease; box-shadow:0 22px 44px -26px rgba(7,8,10,.45)} .prod-disc img{position:absolute;z-index:2;left:50%;top:50%;translate:-50% -50%; width:82%;height:122%;object-fit:contain;max-width:none; filter:drop-shadow(0 22px 28px rgba(7,8,10,.34)); transition:transform .48s cubic-bezier(.2,.7,.3,1)} .prod:hover .prod-disc{box-shadow:0 30px 54px -24px rgba(7,8,10,.55)} .prod:hover .prod-disc img{transform:translateY(-7px)} .prod-grid .prod:nth-child(1) .prod-disc img, .prod-grid .prod:nth-child(3) .prod-disc img{width:69.7%;height:103.7%} .pill{position:absolute;z-index:4;display:inline-block;padding:8px 13px;border-radius:11px; background:#07080A;color:var(--bone); font-size:11.5px;font-weight:700;line-height:1.25;white-space:nowrap; box-shadow:0 12px 24px -10px rgba(7,8,10,.7); opacity:0;transform:translateY(7px);transition:opacity .3s ease,transform .3s ease} .pill::after{content:"";position:absolute;bottom:-4px;left:18px;width:9px;height:9px;background:#07080A;transform:rotate(45deg)} .pill-l{left:-8%;top:6%} .pill-r{right:-8%;top:44%} .pill-r::after{left:auto;right:18px} .pill-b{left:50%;translate:-50% 0;bottom:-4%} .pill-b::after{left:calc(50% - 4px)} .prod:hover .pill{opacity:1;transform:translateY(0)} .prod:hover .pill-r{transition-delay:.06s} .prod:hover .pill-b{transition-delay:.12s} .prod-txt{margin-top:calc(var(--s6) + 11%)} .prod h3{font-size:clamp(24px,3vw,40px);font-weight:900;letter-spacing:-.04em;margin-bottom:var(--s2);color:#07080A} .prod p{margin:0 auto;color:rgba(7,8,10,.74);font-size:clamp(12.5px,1.1vw,15px);line-height:1.55;max-width:28ch} .prod .count{margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid rgba(7,8,10,.18); font-family:var(--mono);font-size:clamp(8px,.76vw,10.5px);letter-spacing:.1em; text-transform:uppercase;color:rgba(7,8,10,.55);white-space:nowrap} .bene-one{display:none;margin:var(--s2) 0 0;font-size:10.5px;font-weight:800;color:#07080A} @media(max-width:900px){ .prod-grid{gap:8px} .prod .pill{display:none} .prod .bene-one{display:block} .prod-txt{margin-top:calc(var(--s4) + 11%)} .prod h3{font-size:20px;margin-bottom:5px} .prod p{font-size:11px;line-height:1.4;max-width:none} .prod .count{margin-top:10px;padding-top:9px;font-size:7.5px;letter-spacing:.03em; white-space:normal;line-height:1.45} } /* ---------- proof rail ---------- */ .rail{position:relative;z-index:1;overflow-x:auto;overflow-y:hidden; scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain; -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)} .rail::-webkit-scrollbar{display:none} .rail-track{display:flex;gap:18px;width:max-content;animation:slide 62s linear infinite} .rail:hover .rail-track{animation-play-state:paused} .rail.is-free{cursor:grab} .rail.is-drag{cursor:grabbing} .rail.is-drag *{user-select:none;-webkit-user-select:none} @keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}} .pcard{width:272px;height:412px;flex:none;border-radius:var(--r-m);background:var(--ink-2); border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column} .pcard-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;border-bottom:1px solid var(--line)} .pcard-head span{font-family:var(--display);font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--lime)} .pcard-head em{font-family:var(--display);font-size:10px;font-style:normal;font-weight:600;letter-spacing:.07em;text-transform:uppercase; color:var(--mute-2);border:1px solid var(--line);padding:3px 8px;border-radius:6px} .pcard-video{position:relative;flex:1;min-height:0;background:linear-gradient(170deg,#1B1F21,#0B0D0E);display:grid;place-items:center} .pcard-video::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none; background:radial-gradient(70% 40% at 50% 18%,rgba(225,221,28,.10),transparent 62%)} .play-sm{width:46px;height:46px;border-radius:50%;background:rgba(225,221,28,.94);display:grid;place-items:center;position:relative;z-index:2; transition:opacity .3s ease,transform .3s ease} /* swipe card-by-card like a phone gallery; the centred card plays */ .pcard{scroll-snap-align:center;scroll-snap-stop:always; transition:opacity .38s ease,transform .38s cubic-bezier(.2,.7,.3,1),border-color .38s ease} .rail.is-free{scroll-snap-type:x mandatory} .pcard-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0; opacity:0;transition:opacity .45s ease} .pcard.is-playing .pcard-v{opacity:1} .pcard.is-playing .play-sm{opacity:0;transform:scale(.72)} .pcard-sound{position:absolute;right:11px;bottom:11px;z-index:3;width:31px;height:31px;border-radius:50%; background:rgba(7,8,10,.66);border:1px solid var(--line-2);display:none;place-items:center;cursor:pointer; -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)} .pcard.is-playing .pcard-sound{display:grid} .pcard-sound svg{width:14px;height:14px;fill:var(--bone);color:var(--bone)} @media(max-width:860px){ .rail.is-free .pcard{opacity:.4;transform:scale(.93)} .rail.is-free .pcard.is-active{opacity:1;transform:scale(1);border-color:var(--line-2)} } .play-sm svg{width:15px;height:15px;margin-left:2px;fill:#0A0A05} .pcard-body{padding:15px 16px 17px;display:flex;flex-direction:column;gap:10px;flex:none} .pcard-body:only-of-type{flex:1} .pcard-user{display:flex;align-items:center;gap:10px} .avatar{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center; background:rgba(225,221,28,.14);border:1px solid rgba(225,221,28,.3); font-family:var(--display);font-size:13px;font-weight:800;color:var(--lime)} .pcard-user b{display:block;font-size:12.5px;font-weight:700;letter-spacing:-.01em} .pcard-user i{display:block;font-style:normal;font-size:11.5px;font-weight:500;color:var(--mute-2)} .stars{display:flex;gap:2px} .stars svg{width:12px;height:12px;fill:var(--lime)} .pcard-body p{margin:0;font-size:13px;line-height:1.55;color:var(--mute)} .pcard-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--line); font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--mute-2)} .rail-legend{margin-top:var(--s4);text-align:center;font-size:12.5px;font-weight:500;color:var(--mute-2)} /* ---------- offer ---------- */ .sub{position:relative;border-radius:var(--r-l);background:var(--ink-3); border:1px solid var(--line-2);overflow:hidden; box-shadow:0 60px 130px -60px rgba(0,0,0,.9)} .sub-grid{position:relative;display:block} .sub-info{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(26px,3.4vw,56px); align-items:center;padding:var(--s6)} .sub-info-l,.sub-info-r{display:flex;flex-direction:column} .sub-visual{position:relative;width:100%;aspect-ratio:1672/941;background:#F1F0EE} .sub-kit{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain} .phone{position:absolute;right:-4%;bottom:-2%;z-index:2;width:clamp(104px,11.6vw,150px);aspect-ratio:9/19; border-radius:22px;background:#0A0C0D;border:1.5px solid #2B3033;padding:7px; box-shadow:0 34px 60px -22px rgba(0,0,0,.92);transform:rotate(4.5deg)} .phone-screen{height:100%;border-radius:16px;background:linear-gradient(170deg,#141719,#0A0C0D); border:1px solid rgba(244,244,240,.07);padding:11px 9px;display:flex;flex-direction:column;gap:8px;overflow:hidden} .ph-top{display:flex;justify-content:space-between;align-items:center; font-family:var(--mono);font-size:6px;letter-spacing:.1em;color:var(--mute-2)} .ph-ring{margin:3px auto 1px;width:52px;height:52px;position:relative;display:grid;place-items:center} .ph-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)} .ph-ring b{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--lime);line-height:1} .ph-ring i{font-family:var(--mono);font-style:normal;font-size:5px;letter-spacing:.1em;color:var(--mute-2); position:absolute;bottom:6px} .ph-card{border-radius:7px;background:rgba(244,244,240,.045);border:1px solid rgba(244,244,240,.07);padding:7px} .ph-card u{display:block;text-decoration:none;font-family:var(--mono);font-size:5px;letter-spacing:.14em; text-transform:uppercase;color:var(--lime);margin-bottom:3px} .ph-card s{display:block;text-decoration:none;font-size:7px;font-weight:700;line-height:1.25;color:var(--bone)} .ph-chips{display:flex;gap:3px;flex-wrap:wrap} .ph-chips span{font-family:var(--mono);font-size:4.6px;letter-spacing:.06em;text-transform:uppercase; padding:3px 4px;border-radius:4px;background:rgba(225,221,28,.13);color:var(--lime)} .book{position:absolute;left:-2%;bottom:1%;width:clamp(106px,11.8vw,152px);aspect-ratio:3/4.15; transform:rotate(-7deg);filter:drop-shadow(0 32px 44px rgba(0,0,0,.92))} .book-pages{position:absolute;right:-5px;top:3.5%;bottom:3.5%;width:6px;border-radius:0 3px 3px 0; background:repeating-linear-gradient(180deg,#E6E4D6 0 2px,#9C9A8E 2px 3.2px)} .book-cover{position:relative;height:100%;border-radius:3px 9px 9px 3px;overflow:hidden; background:linear-gradient(118deg,#262A2D 0%,#15191B 44%,#090B0C 100%); border:1px solid rgba(244,244,240,.14); padding:clamp(11px,1.2vw,16px) clamp(10px,1.1vw,14px) clamp(10px,1.1vw,14px) clamp(17px,1.9vw,24px); display:flex;flex-direction:column;justify-content:space-between;gap:6px} .book-cover::before{content:"";position:absolute;left:0;top:0;bottom:0;width:clamp(8px,.9vw,12px); background:linear-gradient(90deg,#7E7B0E,#E1DD1C 42%,#B4B117)} .book-cover::after{content:"";position:absolute;inset:0;pointer-events:none; background:linear-gradient(114deg,rgba(255,255,255,.12) 0%,transparent 32%,transparent 78%,rgba(255,255,255,.05) 100%)} .book .mark{font-size:clamp(11px,1.2vw,15px);color:var(--lime)} .book b{display:block;font-family:var(--logo);font-size:clamp(15px,1.8vw,24px);line-height:.89; letter-spacing:.015em;color:var(--bone)} .book-rule{display:block;width:30px;height:2px;background:var(--lime);margin:8px 0 6px} .book i{display:block;font-style:normal;font-size:clamp(6px,.64vw,8.5px);font-weight:600; letter-spacing:.03em;color:var(--mute);line-height:1.3} .book em{font-family:var(--logo);font-style:normal;font-size:clamp(9px,1.05vw,14px); letter-spacing:.05em;color:rgba(244,244,240,.4)} .sub-info h3{margin-bottom:var(--s2)} .price{display:flex;align-items:baseline;gap:10px;margin:var(--s4) 0 var(--s1)} .price b{font-family:var(--display);font-size:clamp(46px,5.6vw,74px);font-weight:900;letter-spacing:-.05em; line-height:.9;color:var(--lime);font-variant-numeric:tabular-nums} .price span{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)} .perks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s2)} .perks li{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;color:var(--bone);line-height:1.5} .perks svg{width:16px;height:16px;flex:none;margin-top:3px;stroke:var(--lime);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round} .perks li em{font-style:normal;color:var(--mute)} .sub-cta{margin-top:var(--s5);display:flex;flex-direction:column;gap:var(--s2);align-items:flex-start} .sub-fine{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--lime)} @media(max-width:900px){ .sub-info{grid-template-columns:1fr;gap:22px} .sub-visual{aspect-ratio:1672/941} .sub-cta{align-items:stretch}.sub-cta .btn-ring{justify-content:center}} /* ---------- kit ladder ---------- */ .ladder-head{margin:var(--s8) 0 var(--s5)} .ladder{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,22px)} .tier{position:relative;border-radius:var(--r-l);background:var(--ink-2);border:1px solid var(--line); padding:clamp(24px,2.5vw,34px);text-align:center;display:flex;flex-direction:column; transition:transform .3s cubic-bezier(.2,.7,.3,1),border-color .3s ease,background .3s ease} .tier:hover{transform:translateY(-8px);border-color:var(--line-2);background:var(--ink-3)} .tier-featured{border-color:rgba(225,221,28,.42);background:linear-gradient(170deg,#16191A,#0D0F10)} .tier-featured::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none; background:radial-gradient(80% 50% at 50% 0%,rgba(225,221,28,.12),transparent 62%)} .flag{display:inline-block;margin:var(--s4) auto 0;font-family:var(--mono);font-size:9.5px; font-weight:700;letter-spacing:.16em;text-transform:uppercase;background:var(--lime);color:#0A0A05; padding:6px 13px;border-radius:999px;white-space:nowrap} .tier-disc{position:relative;width:100%;height:clamp(196px,20.5vw,260px);margin:0 auto var(--s3)} .tier-disc::before{content:"";position:absolute;left:50%;bottom:2%;translate:-50% 0; width:clamp(122px,13.5vw,172px);aspect-ratio:1;border-radius:50%} .tier-1 .tier-disc::before{background:radial-gradient(circle,rgba(244,244,240,.10),rgba(244,244,240,.02) 70%)} .tier-2 .tier-disc::before{background:radial-gradient(circle,rgba(225,221,28,.20),rgba(225,221,28,.03) 70%)} .tier-3 .tier-disc::before{background:radial-gradient(circle,rgba(150,175,185,.17),rgba(150,175,185,.02) 70%)} .tier-disc img{width:122%;max-width:none;object-fit:contain;filter:drop-shadow(0 20px 30px rgba(0,0,0,.7))} .stack{position:relative;width:100%;height:100%} .stack img{position:absolute;left:50%;top:54%;height:80.5%;width:auto;max-width:none; transform-origin:center center; transform:translate(-50%,-50%) translateX(calc(var(--o) * var(--dx))) translateY(calc(var(--o) * var(--dyy))) scale(calc(1 - var(--d) * var(--ds))); filter:drop-shadow(0 16px 26px rgba(0,0,0,.85)) brightness(calc(1 - var(--d) * .09)); transition:transform .5s cubic-bezier(.2,.7,.3,1)} .stack-3 {--dx:44px; --dyy:-5px; --ds:.055; --bw:60%} .stack-6 {--dx:25px; --dyy:-3px; --ds:.030; --bw:56%} .stack-12{--dx:14px; --dyy:-1.6px;--ds:.016; --bw:52%} .tier:hover .stack img{transform:translate(-50%,-50%) translateX(calc(var(--o) * var(--dx) * 1.22)) translateY(calc(var(--o) * var(--dyy))) scale(calc(1 - var(--d) * var(--ds)))} .tier-count{margin-top:-4px;font-size:12.5px;font-weight:600;color:var(--mute-2)} .tier-sub{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--lime);margin-top:var(--s2)} .tier-unit{margin:var(--s4) 0 0;font-family:var(--display);font-size:clamp(32px,3.8vw,50px);font-weight:900; letter-spacing:-.05em;line-height:1;color:var(--bone);font-variant-numeric:tabular-nums} .tier-unit span{display:block;margin-top:var(--s1);font-size:11px;font-weight:600;letter-spacing:.16em; text-transform:uppercase;color:var(--mute-2)} .tier-mult{position:absolute;left:1%;top:0;z-index:2;font-family:var(--display); font-size:clamp(56px,7.4vw,104px);font-weight:900;letter-spacing:-.07em;line-height:.82; color:var(--lime);pointer-events:none;text-shadow:0 8px 24px rgba(0,0,0,.85)} .stack{z-index:1} .tier-list{list-style:none;margin:var(--s4) 0 var(--s4);padding:var(--s4) 0 0;border-top:1px solid var(--line); display:flex;flex-direction:column;gap:var(--s2);font-size:13.5px;color:var(--mute);flex:1} .tier-btn{display:block;padding:16px;border-radius:12px;font-weight:800;font-size:14.5px; background:var(--lime);color:#0A0A05;border:1px solid var(--lime);transition:all .22s ease} .tier-btn:hover{background:#EFEB2A;border-color:#EFEB2A;transform:translateY(-2px)} @media(max-width:860px){.ladder{grid-template-columns:1fr}} /* ---------- guarantee ---------- */ .guar{display:grid;grid-template-columns:auto 1fr;gap:clamp(26px,5vw,86px);align-items:center} .seal-num{display:flex;flex-direction:column;line-height:.74} .seal-num b{font-size:clamp(104px,15.5vw,228px);font-weight:900;letter-spacing:-.075em; color:#07080A;font-variant-numeric:tabular-nums} .seal-num i{font-style:normal;font-size:clamp(16px,2.1vw,30px);font-weight:900; letter-spacing:.18em;text-indent:.18em;text-transform:uppercase;color:#07080A; margin-top:var(--s3)} .guar h3{font-size:clamp(23px,3vw,42px);margin-bottom:var(--s3)} @media(max-width:760px){.guar{grid-template-columns:1fr;gap:14px}} /* ---------- final CTA on lime ---------- */ .final .btn-ring{background:#07080A;color:var(--lime);box-shadow:0 22px 60px -24px rgba(7,8,10,.6)} .final .btn-ring::after{border-color:#07080A} .final .btn-ring:hover{box-shadow:0 30px 74px -24px rgba(7,8,10,.75)} .final .btn-ghost{border-color:rgba(7,8,10,.32);color:rgba(7,8,10,.78)} .final .btn-ghost:hover{border-color:#07080A;color:#07080A;background:rgba(7,8,10,.07)} /* ---------- deep dive ---------- */ .dive{display:flex;flex-direction:column;gap:var(--s4)} .slab{position:relative;border-radius:var(--r-l);overflow:hidden; border:1px solid var(--line);background:var(--ink-2)} .slab-media{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000} .slab-img{width:100%;height:100%;object-fit:cover;display:block} .slab-body{padding:var(--s5);display:grid;grid-template-columns:1fr 1.15fr; column-gap:var(--s5);row-gap:var(--s2);align-items:start} .slab-body .kicker{grid-area:1/1} .slab-body h3{grid-area:2/1;margin:0;max-width:17ch} .slab-body p{grid-area:1/2/3/3;margin:0;align-self:center;color:var(--mute); font-size:clamp(13.5px,1.15vw,15.5px);line-height:1.62;max-width:54ch} .facts{grid-area:3/1/4/3;list-style:none;margin:var(--s2) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px} .facts li{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase; padding:6px 10px;border-radius:8px;border:1px solid var(--line-2);color:var(--mute)} .slab-phone{position:absolute;z-index:2;left:12%;bottom:8%;width:clamp(96px,10.5vw,152px);aspect-ratio:9/19; border-radius:22px;background:#0A0C0D;border:1.5px solid #2B3033;padding:7px; box-shadow:0 40px 60px -20px rgba(0,0,0,.95);transform:rotate(-3deg)} @media(max-width:860px){ .slab-body{grid-template-columns:1fr;row-gap:var(--s2);padding:var(--s4)} .slab-body .kicker,.slab-body h3,.slab-body p,.facts{grid-area:auto} .slab-body h3{max-width:none} .slab-phone{left:8%;bottom:6%;width:88px} } /* ---------- faq ---------- */ .faq{max-width:840px;margin-inline:auto;border-top:1px solid var(--line)} .qa{border-bottom:1px solid var(--line)} .qa summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px; padding:var(--s4) 4px;font-size:clamp(15.5px,1.7vw,19px);font-weight:700;letter-spacing:-.02em; transition:color .2s ease} .qa summary::-webkit-details-marker{display:none} .qa summary:hover{color:var(--lime)} .qa .ic{position:relative;width:20px;height:20px;flex:none} .qa .ic::before,.qa .ic::after{content:"";position:absolute;background:var(--lime);border-radius:2px; transition:transform .28s cubic-bezier(.2,.7,.3,1)} .qa .ic::before{left:0;top:9px;width:20px;height:2px} .qa .ic::after{left:9px;top:0;width:2px;height:20px} .qa[open] .ic::after{transform:rotate(90deg) scaleX(0)} .qa .ans{padding:0 4px var(--s4);color:var(--mute);font-size:15px;line-height:1.7;max-width:68ch} .qa .ans strong{color:var(--bone);font-weight:600} /* ---------- final ---------- */ .final{text-align:center} .final h2{max-width:18ch;margin-inline:auto} .final .lead{margin-inline:auto} .final .it{display:block} /* ---------- footer ---------- */ .foot{border-top:1px solid var(--line);padding:var(--s7) 0 var(--s6);position:relative;z-index:1} .foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:clamp(28px,4vw,60px);align-items:start} .foot .mark{font-size:21px;color:var(--bone);margin-bottom:var(--s3)} .foot .wordmark{font-size:24px} .foot p{margin:0;color:var(--mute-2);font-size:13.5px;line-height:1.66;max-width:38ch} .foot h4{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase; color:var(--mute-2);margin-bottom:var(--s3)} .foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s2)} .foot ul a{font-size:14px;color:var(--mute);transition:color .2s ease} .foot ul a:hover{color:var(--lime)} .legal{margin-top:var(--s6);padding-top:var(--s4);border-top:1px solid var(--line); display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:flex-start} .legal small{font-size:11.5px;line-height:1.7;color:var(--mute-2);max-width:74ch;display:block} @media(max-width:760px){.foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}} /* ---------- sticky bar ---------- */ .sticky{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:12px var(--pad) calc(12px + env(safe-area-inset-bottom)); background:rgba(8,9,10,.9);backdrop-filter:blur(14px);border-top:1px solid var(--line); display:flex;align-items:center;justify-content:space-between;gap:14px; transform:translateY(110%);transition:transform .35s cubic-bezier(.2,.7,.3,1)} .sticky.on{transform:translateY(0)} .sticky .s-txt b{display:block;font-size:14px;font-weight:800;letter-spacing:-.02em} .sticky .s-txt span{font-family:var(--mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--mute-2)} .sticky .btn-ring{padding:13px 24px 13px 18px;font-size:13.5px;white-space:nowrap} .sticky .btn-ring svg{width:20px;height:20px} .sticky .btn-ring::after{animation:none;opacity:0} @media(min-width:861px){.sticky{display:none}} @media(prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important} .rail-track{animation:none} }