:root{--bg:#14120f;--bg2:#1b1814;--card:#211d18;--line:#352f27;--tx:#f4ede3;--mut:#b5a998;--ac:#f0a35e;--ac2:#e0714a;--r:18px;--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:70px}
body{background:var(--bg);color:var(--tx);font:16px/1.65 var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased;background-image:radial-gradient(900px 500px at 85% -5%,rgba(240,163,94,.13),transparent 60%)}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.12;letter-spacing:-.01em}
h1{font-size:clamp(2.1rem,5.4vw,3.8rem)}h1 em{color:var(--ac);font-style:italic}
h2{font-size:clamp(1.7rem,3.8vw,2.6rem)}h3{font-size:1.3rem}
:focus-visible{outline:2px solid var(--ac);outline-offset:3px;border-radius:6px}
.demo-strip{background:#0c0b09;color:var(--mut);font-size:.78rem;text-align:center;padding:6px 12px}
.launch-bar{display:flex;justify-content:center;gap:2px 18px;line-height:1.4;flex-wrap:wrap;background:linear-gradient(90deg,var(--ac2),var(--ac));color:#1a1007;font-weight:600;font-size:.85rem;padding:8px 14px;text-align:center}
.mini-timer b{font-variant-numeric:tabular-nums}
.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px max(20px,5vw);background:rgba(20,18,15,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:9px;font:600 1.15rem var(--serif);text-decoration:none;color:var(--ac)}
.nav nav{display:flex;gap:26px}.nav nav a{color:var(--mut);text-decoration:none;font-size:.92rem;transition:color .2s}.nav nav a:hover{color:var(--tx)}
.btn{display:inline-block;border:0;cursor:pointer;font:600 1rem var(--sans);text-decoration:none;text-align:center;color:#1a1007;background:linear-gradient(135deg,var(--ac),var(--ac2));padding:15px 28px;border-radius:999px;box-shadow:0 10px 30px -10px rgba(240,163,94,.55);transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px -10px rgba(240,163,94,.7)}
.btn-sm{padding:9px 18px;font-size:.88rem}
.btn-ghost{background:transparent;color:var(--tx);border:1px solid var(--line);box-shadow:none}.btn-ghost:hover{border-color:var(--ac);box-shadow:none}
.eyebrow{color:var(--ac);text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:700;margin-bottom:14px}
.muted{color:var(--mut);font-size:.82rem}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center;padding:clamp(40px,7vw,90px) max(20px,5vw)}
.lead{color:var(--mut);font-size:1.12rem;margin:22px 0 30px;max-width:54ch}
.cta-row{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.link-arrow{text-decoration:none;color:var(--tx);border-bottom:1px solid var(--line);padding-bottom:2px}.link-arrow:hover{border-color:var(--ac)}
.hero-proof{list-style:none;padding:0;display:flex;gap:30px;margin-top:38px;color:var(--mut);font-size:.9rem;flex-wrap:wrap}.hero-proof b{display:block;color:var(--tx);font:600 1.5rem var(--serif)}
.vsl-frame{position:relative;display:block;width:100%;aspect-ratio:16/10;border:1px solid var(--line);border-radius:var(--r);background:radial-gradient(circle at 50% 40%,#2c241b,#16130f);cursor:pointer;overflow:hidden;color:var(--tx);box-shadow:0 30px 70px -30px #000}
.wave{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:5px;opacity:.5}
.wave i{width:5px;height:20%;border-radius:4px;background:var(--ac);animation:wv 1.4s ease-in-out infinite}
.wave i:nth-child(3n){animation-delay:-.4s}.wave i:nth-child(3n+1){animation-delay:-.9s;height:40%}.wave i:nth-child(5n){animation-delay:-.2s;height:60%}
@keyframes wv{50%{transform:scaleY(1.9)}}
.play{position:absolute;inset:0;margin:auto;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:var(--ac);color:#1a1007;transition:transform .25s}
.play::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid var(--ac);animation:ring 2s ease-out infinite}
@keyframes ring{from{opacity:.7;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}
.vsl-frame:hover .play{transform:scale(1.08)}
.vsl-tag{position:absolute;top:14px;left:14px;background:rgba(0,0,0,.55);padding:4px 11px;border-radius:99px;font-size:.76rem}
.vsl-cap{position:absolute;bottom:14px;left:16px;right:16px;font-size:.88rem;text-align:left}
.vsl-note{color:var(--mut);font-size:.78rem;margin-top:10px}
.logos{text-align:center;padding:10px max(20px,5vw) 60px}.logos p{color:var(--mut);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}
.logos ul{list-style:none;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:12px 38px;margin-top:16px;font:600 1.15rem var(--serif);color:#8a806f}
.section{padding:clamp(50px,8vw,100px) max(20px,5vw)}
.section.dark{background:var(--bg2);border-block:1px solid var(--line)}
.head{text-align:center;max-width:720px;margin:0 auto 46px}
.split{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(24px,5vw,70px);align-items:center;max-width:1100px;margin:auto}
.pain p{color:var(--mut);font-size:1.08rem}.pain b{color:var(--tx)}
.ticks{list-style:none;padding:0;margin-top:18px;display:grid;gap:10px}
.ticks li{position:relative;padding-left:28px;color:var(--mut)}
.ticks li::before{content:"";position:absolute;left:2px;top:.5em;width:12px;height:7px;border-left:2px solid var(--ac);border-bottom:2px solid var(--ac);transform:rotate(-45deg)}
.mods{max-width:820px;margin:auto;display:grid;gap:12px}
.mod{background:var(--card);border:1px solid var(--line);border-radius:var(--r);transition:border-color .25s}
.mod[open],.mod:hover{border-color:#5a4a37}
.mod summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:18px;padding:20px 22px}
.mod summary::-webkit-details-marker{display:none}
.mod .n{font:600 1.7rem var(--serif);color:var(--ac)}
.mod .t{flex:1;font-weight:600}.mod small{display:block;color:var(--mut);font-weight:400;font-size:.82rem}
.chev{width:10px;height:10px;border-right:2px solid var(--mut);border-bottom:2px solid var(--mut);transform:rotate(45deg);transition:transform .3s;margin-right:4px}
.mod[open] .chev{transform:rotate(-135deg)}
.mod .body{padding:0 22px 22px;color:var(--mut);animation:fd .4s ease}
@keyframes fd{from{opacity:0;transform:translateY(-6px)}}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:auto}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px;transition:transform .3s,border-color .3s}
.card:hover{transform:translateY(-5px);border-color:#5a4a37}
.card h3{margin:12px 0 8px}.card p{color:var(--mut)}
.val{display:inline-block;font-size:.76rem;color:var(--ac);border:1px solid #5a4a37;border-radius:99px;padding:3px 11px}
blockquote{font:1.12rem/1.5 var(--serif)}figcaption{color:var(--mut);font-size:.85rem;margin-top:16px}
.avatar{border-radius:50%;border:2px solid var(--ac);display:block;margin:auto}
.who .avatar{width:min(220px,50vw);height:auto}.who h2{margin-bottom:14px}.who p:last-child{color:var(--mut)}
.timer-big{display:flex;justify-content:center;gap:12px;margin:26px 0 8px}
.timer-big div{min-width:74px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 8px}
.timer-big b{display:block;font:600 2rem var(--serif);color:var(--ac);font-variant-numeric:tabular-nums}.timer-big small{color:var(--mut);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}
.toggle{display:inline-flex;margin-top:22px;background:var(--card);border:1px solid var(--line);border-radius:99px;padding:4px}
.toggle button{border:0;background:transparent;color:var(--mut);font:600 .9rem var(--sans);padding:9px 22px;border-radius:99px;cursor:pointer;transition:.25s}
.toggle .on{background:var(--ac);color:#1a1007}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:auto;align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:32px 28px}
.plan .sub{color:var(--mut);font-size:.9rem}
.plan .price{font:600 2.1rem var(--serif);margin:18px 0 4px}
.plan .ticks{flex:1;margin-bottom:26px}
.plan.featured{border-color:var(--ac);background:linear-gradient(180deg,#2a2218,var(--card));box-shadow:0 30px 60px -30px rgba(240,163,94,.4)}
.badge{position:absolute;top:-13px;left:28px;background:var(--ac);color:#1a1007;font-size:.74rem;font-weight:700;padding:4px 13px;border-radius:99px}
.guarantee{display:flex;align-items:center;gap:36px;max-width:860px;margin:20px auto;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:36px}
.guarantee h2{margin-bottom:10px;font-size:1.8rem}.guarantee p{color:var(--mut)}
.seal{flex:none;width:112px;height:112px;border-radius:50%;display:grid;place-content:center;text-align:center;border:2px dashed var(--ac);color:var(--ac)}.seal b{font:600 2.6rem/1 var(--serif)}.seal span{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}
.final{text-align:center;padding:clamp(60px,9vw,110px) max(20px,5vw);background:radial-gradient(600px 300px at 50% 100%,rgba(240,163,94,.16),transparent)}
.final h2{max-width:20ch;margin:0 auto 14px}.final p{color:var(--mut);margin-bottom:28px}
.foot{border-top:1px solid var(--line);padding:34px max(20px,5vw) 100px;color:var(--mut);font-size:.84rem;text-align:center;display:grid;gap:8px}
.sticky-cta{position:fixed;inset:auto 0 0 0;z-index:30;display:none;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;background:rgba(20,18,15,.94);backdrop-filter:blur(10px);border-top:1px solid var(--line);font-size:.88rem;transform:translateY(110%);transition:transform .35s}
.sticky-cta.show{transform:none}
dialog{background:var(--card);color:var(--tx);border:1px solid var(--ac);border-radius:var(--r);padding:28px;max-width:min(420px,90vw)}
dialog::backdrop{background:rgba(0,0,0,.7)}dialog p{color:var(--mut);margin:10px 0 20px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1) var(--d,0s),transform .8s cubic-bezier(.2,.7,.2,1) var(--d,0s)}
.reveal.in{opacity:1;transform:none}
@media(min-width:901px){.plan.featured{translate:0 -10px}}
@media(max-width:900px){.hero,.split{grid-template-columns:1fr}.cards,.plans{grid-template-columns:1fr}.nav nav{display:none}.sticky-cta{display:flex}.guarantee{flex-direction:column;text-align:center}.hero-proof{gap:22px}}
@media(max-width:480px){.timer-big{gap:8px}.timer-big div{min-width:0;flex:1}.cta-row .btn{width:100%}.mod summary{padding:16px}.mod .n{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}.reveal{opacity:1;transform:none}}
