@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@600;900&family=Space+Grotesk:wght@400;600;700&display=swap');
:root{--bg:#07060D;--card:#110F1C;--line:#2A2540;--txt:#E7E5F4;--mut:#A8A3C7;--cy:#22D3EE;--cy2:#67E8F9;--mg:#D946EF;--pk:#F0ABFC}
*{box-sizing:border-box}
body{margin:0;font:16px/1.6 'Space Grotesk',system-ui,sans-serif;background:var(--bg);color:var(--txt);background-image:radial-gradient(circle at 15% 0,#22D3EE22,transparent 40%),radial-gradient(circle at 90% 20%,#D946EF22,transparent 40%);background-attachment:fixed;min-height:100vh}
h1,h2,h3,.logo,.price{font-family:Orbitron,'Space Grotesk',sans-serif;letter-spacing:.3px}
h1,h2{font-weight:900}h3{font-weight:600}
a{color:var(--cy2)}.sr{position:absolute;left:-9999px}
.nav{display:flex;justify-content:space-between;align-items:center;padding:16px 6vw;position:sticky;top:0;background:#07060Dee;backdrop-filter:blur(8px);z-index:9;border-bottom:1px solid #22D3EE22;flex-wrap:wrap;gap:12px}
.nav nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.nav nav a{color:var(--txt);text-decoration:none}.nav nav a:not(.btn):hover{color:var(--cy2)}
.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900;color:#fff;text-decoration:none}.logo svg{flex:none}.logo span{color:var(--txt)}
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(32px,4.6vw,56px);line-height:1.12;margin:.3em 0;text-shadow:0 0 30px #D946EF55}
.grad{background:linear-gradient(90deg,var(--cy),var(--pk));-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{color:var(--cy2);font-weight:700;text-transform:uppercase;letter-spacing:.2em;font-size:13px}
.eyebrow:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#F43F5E;box-shadow:0 0 8px #F43F5E;margin-right:8px;vertical-align:middle}
.lead{font-size:18px;color:var(--mut)}.lead strong{color:#fff}
.btn,.btn:link,.btn:visited{display:inline-block;background:linear-gradient(90deg,var(--cy),var(--pk));color:#07060D!important;font-weight:700;padding:14px 24px;border-radius:8px;text-decoration:none;border:0;cursor:pointer;font-size:16px;font-family:'Space Grotesk',sans-serif;box-shadow:0 0 24px #D946EF66;transition:box-shadow .2s,transform .2s}
.btn:hover,.btn:focus{color:#07060D!important;box-shadow:0 0 34px #D946EFaa;transform:translateY(-1px)}
.btn.ghost,.btn.ghost:link,.btn.ghost:visited,.btn.ghost:hover{background:#07060D;color:var(--cy2)!important;border:1px solid var(--cy);box-shadow:0 0 12px #22D3EE44;margin-left:10px}
.btn.sm{padding:9px 16px}
.cta{margin:22px 0}
.ticks{display:flex;flex-wrap:wrap;gap:8px 20px;padding:0;list-style:none;color:var(--mut)}.ticks li:before{content:"▸ ";color:var(--cy)}
.phone{margin:0;justify-self:center}.phone video{width:290px;aspect-ratio:9/16;border-radius:28px;border:2px solid var(--pk);background:#111;box-shadow:0 0 30px #D946EF66,inset 0 0 20px #22D3EE33;display:block}
.phone figcaption{color:var(--mut);font-size:13px;text-align:center;margin-top:10px;max-width:290px}
.phone small{display:block;margin-top:6px;font-size:11px;line-height:1.4}.phone small a{color:var(--mut)}
h2{font-size:clamp(24px,3vw,32px);text-align:center;margin:0 0 30px}.sub{text-align:center;color:var(--mut);margin-top:-14px;margin-bottom:34px}
.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:1fr 1fr 1.12fr 1fr;align-items:center}
.steps li,.grid3>div,.tier{background:var(--card);border:1px solid var(--line);padding:24px;border-radius:14px}
.steps h3,.grid3 h3{font-size:16px;color:#fff}.steps p,.grid3 p{color:var(--mut)}
.steps li:hover,.grid3>div:hover{border-color:#22D3EE77;box-shadow:0 0 20px #22D3EE22}
.why .grid3>div{border-color:#D946EF55}
.tier{position:relative;display:flex;flex-direction:column}.tier h3{margin:0 0 6px}.tier ul{list-style:none;padding:0;margin:14px 0 20px;color:var(--mut);flex:1}.tier li{padding:4px 0}.tier li:before{content:"▸ ";color:var(--pk)}
.tier .btn{width:100%;text-align:center}
.tier:not(.hot) .btn,.tier:not(.hot) .btn:visited{background:#07060D;color:var(--cy2)!important;border:1px solid var(--cy);box-shadow:0 0 12px #22D3EE44}
.tier:not(.hot) .btn:hover{background:var(--cy);color:#07060D!important}
.tier.hot{border-color:var(--cy);box-shadow:0 0 30px #22D3EE44}
.price{font-size:38px;font-weight:900;margin:0}.price span{font-size:13px;color:var(--mut);font-weight:400;font-family:'Space Grotesk',sans-serif}
.badge{position:absolute;top:-11px;right:16px;background:var(--cy);color:#07060D;padding:3px 10px;border-radius:4px;font-size:12px;font-weight:700;margin:0}
.faq{max-width:860px}.faq details{border-bottom:1px solid var(--line);padding:14px 4px}.faq summary{cursor:pointer}.faq summary h3{display:inline;font-size:15px;font-family:'Space Grotesk',sans-serif;font-weight:700}.faq summary::marker{color:var(--cy)}.faq p{color:var(--mut)}
.newsletter{text-align:center}.newsletter>div,.newsletter{}.newsletter form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.newsletter input{padding:14px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:#fff;width:300px;font:inherit}.newsletter input:focus{outline:none;border-color:var(--cy);box-shadow:0 0 12px #22D3EE55}
.note{color:var(--mut);font-size:13px}
footer{text-align:center;color:#8A85AD;padding:40px 6vw;border-top:1px solid var(--line)}footer a{color:var(--mut)}
main section[style]{background:var(--card);border:1px solid var(--line);border-radius:14px;margin:60px auto;box-shadow:0 0 40px #D946EF22}
main section[style] h1{font-size:clamp(26px,4vw,40px)}
article,main>article{max-width:820px;margin:auto}
@media(max-width:860px){.hero,.steps,.grid3,.tiers{grid-template-columns:1fr}.nav nav a:not(.btn){display:none}.btn.ghost{margin-left:0;margin-top:10px}}

.tier.hot{transform:scale(1.06);z-index:1;border-width:2px;padding:32px 24px;background:linear-gradient(180deg,#22D3EE18,var(--card))}
.tier.hot .price{font-size:44px}
.per{color:var(--cy2);font-size:14px;margin:-8px 0 16px}
.trial-link,.trial-line{color:var(--mut);font-size:14px;margin-top:12px}.trial-line{text-align:center;margin-top:28px}.trial-link a,.trial-line a{color:var(--cy2)}
@media(max-width:860px){.tier.hot{transform:none}}

html{scroll-behavior:smooth}section[id]{scroll-margin-top:84px}
.lead-line{text-align:center;color:var(--cy2);font-weight:600;margin:0 0 22px}
@media(max-width:1100px) and (min-width:861px){.tiers{grid-template-columns:1fr 1fr}.tier.hot{transform:none}}