:root{--bg:#0b0b12;--card:#151522;--txt:#ececf3;--mut:#a3a3b8;--acc:#ffe600;--acc2:#8b5cf6}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--txt)}
h1,h2,.logo{font-family:Anton,Impact,sans-serif;letter-spacing:.5px;font-weight:400}
a{color:var(--acc)}.sr{position:absolute;left:-9999px}
.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 6vw;position:sticky;top:0;background:#0b0b12ee;z-index:9}
.nav nav a{margin-left:22px;color:var(--txt);text-decoration:none}.logo{font-size:28px;color:#fff;text-decoration:none}.logo span{color:var(--acc)}
section{padding:70px 6vw;max-width:1200px;margin:auto}
.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center}
h1{font-size:clamp(38px,5vw,62px);line-height:1.08;margin:.2em 0}.eyebrow{color:var(--acc2);font-weight:700;text-transform:uppercase;font-size:14px}
.lead{font-size:19px;color:var(--mut)}.lead strong{color:#fff}
.btn{display:inline-block;background:var(--acc);color:#000;font-weight:800;padding:14px 24px;border-radius:10px;text-decoration:none;border:0;cursor:pointer;font-size:16px}
.btn.ghost{background:transparent;color:#fff;border:2px solid #444;margin-left:10px}.btn.sm{padding:8px 16px}
.ticks{display:flex;flex-wrap:wrap;gap:8px 20px;padding:0;list-style:none;color:var(--mut)}.ticks li:before{content:"✓ ";color:var(--acc)}
.phone{margin:0;justify-self:center}.phone video{width:300px;aspect-ratio:9/16;border-radius:26px;border:6px solid #222;background:#000;box-shadow:0 20px 60px #8b5cf655}
.phone figcaption{color:var(--mut);font-size:13px;text-align:center;margin-top:8px}
h2{font-size:40px;text-align:center;margin:0 0 30px}.sub{text-align:center;color:var(--mut);margin-top:-18px}
.steps,.grid3,.tiers{display:grid;gap:20px;padding:0;list-style:none}.steps{grid-template-columns:repeat(4,1fr)}.grid3{grid-template-columns:repeat(3,1fr)}.tiers{grid-template-columns:repeat(4,1fr)}
.steps li,.grid3>div,.tier{background:var(--card);padding:24px;border-radius:14px}.steps p,.grid3 p{color:var(--mut)}
.tier{position:relative;display:flex;flex-direction:column}.tier ul{padding-left:18px;color:var(--mut);flex:1}.tier.hot{outline:2px solid var(--acc)}
.price{font-size:44px;font-weight:800;margin:0}.price span{font-size:15px;color:var(--mut);font-weight:400}
.badge{position:absolute;top:-12px;right:16px;background:var(--acc2);padding:2px 10px;border-radius:20px;font-size:12px;margin:0}
.faq details{background:var(--card);border-radius:12px;padding:6px 20px;margin:10px auto;max-width:820px}.faq summary{cursor:pointer}.faq summary h3{display:inline;font-size:17px}.faq p{color:var(--mut)}
.newsletter{text-align:center}.newsletter form{display:flex;gap:10px;justify-content:center}.newsletter input{padding:14px;border-radius:10px;border:1px solid #333;background:#111;color:#fff;width:300px}.note{color:var(--mut);font-size:13px}
footer{text-align:center;color:var(--mut);padding:30px}
@media(max-width:860px){.hero,.steps,.grid3,.tiers{grid-template-columns:1fr}.nav nav a:not(.btn){display:none}}
.phone small{display:block;margin-top:6px;font-size:11px;line-height:1.4}.phone small a{color:var(--mut)}.phone figcaption{max-width:300px}