/* V2 premium visual layer */
:root{--bg:#030b12;--panel:#091722;--lime:#baff61;--cyan:#4ee7d5;--max:1240px}
body{background:#030b12}
body:before{background:radial-gradient(circle at 14% 15%,rgba(66,193,206,.11),transparent 31%),radial-gradient(circle at 84% 18%,rgba(186,255,97,.055),transparent 26%)}
.site-header{height:78px;margin-top:18px;padding:0 20px 0 16px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(5,16,24,.72);backdrop-filter:blur(20px);position:sticky;top:14px;box-shadow:0 18px 70px rgba(0,0,0,.2)}
.brand-mark{background:linear-gradient(145deg,#d8ff9e,#9df23d);box-shadow:0 8px 25px rgba(186,255,97,.18)}
.header-cta{background:var(--lime);color:#07110d;border:0;padding:11px 22px;font-weight:800}
.hero{width:min(var(--max),calc(100% - 40px));min-height:760px;grid-template-columns:.92fr 1.08fr;gap:0;padding:50px 0 65px;position:relative}
.hero-copy{position:relative;z-index:3;padding-left:18px}
.eyebrow{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:99px;padding:7px 13px;background:rgba(255,255,255,.035);letter-spacing:2px;margin-bottom:30px}
.hero h1{font-size:clamp(56px,5.5vw,82px);line-height:1.05;letter-spacing:-5px;margin-bottom:30px}
.hero h1 span{background:linear-gradient(105deg,#c8ff81,#5ee9d8);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p{font-size:16px;line-height:2;max-width:570px}
.btn{min-height:50px;border-radius:12px;padding-left:25px;padding-right:25px}
.btn.primary{background:linear-gradient(105deg,#c9ff82,#a9f34c)}
.btn.ghost{background:rgba(255,255,255,.045);backdrop-filter:blur(10px)}
.hero-visual{min-height:600px;position:relative;display:block}
.hero-visual:before{content:"";position:absolute;inset:8% 0 4% 2%;border-radius:50%;background:radial-gradient(circle,rgba(41,135,175,.16),transparent 63%);filter:blur(20px)}
.hero-visual>img{position:absolute;width:860px;max-width:none;height:auto;right:-150px;top:24px;mix-blend-mode:screen;filter:saturate(.92) contrast(1.04);border-radius:30px;mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 94%,transparent 100%)}
.hero-invite{position:absolute;left:32px;bottom:72px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:3px 22px;width:245px;padding:20px 21px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(4,17,27,.68);backdrop-filter:blur(20px);box-shadow:0 24px 60px rgba(0,0,0,.32)}
.hero-invite small{grid-column:1/-1;color:#8ea2ac;font:8px Arial;letter-spacing:2px}
.hero-invite strong{font:800 45px/1 Arial;color:var(--lime);letter-spacing:4px}
.hero-invite button{border:0;background:transparent;color:#d9e4e8;font-size:10px;cursor:pointer;border-bottom:1px solid #60737d;padding:0 0 3px}
.hero-status{position:absolute;right:-8px;top:105px;display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(7,20,31,.72);backdrop-filter:blur(18px)}
.hero-status>i{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 16px var(--lime)}
.hero-status span{display:flex;flex-direction:column;line-height:1.4}.hero-status b{font-size:11px}.hero-status small{font-size:8px;color:#788b95}
.ticker{background:#07141d}.ticker div{gap:52px;padding:18px 0}.ticker span{letter-spacing:3px}
.section{padding:145px 0}.section-head h2,.steps h2{letter-spacing:-3px}.feature-grid{gap:16px}.feature-card{min-height:310px;border-radius:20px;background:linear-gradient(145deg,rgba(16,37,50,.9),rgba(8,22,32,.96));overflow:hidden}.feature-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-50px;bottom:-60px;background:var(--lime);filter:blur(70px);opacity:0;transition:.35s}.feature-card:hover:after{opacity:.12}.feature-icon{display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(186,255,97,.23);background:rgba(186,255,97,.055);border-radius:15px}.paths{position:relative}.path-list{border-top-color:rgba(255,255,255,.14)}.path-list article{min-height:100px;border-bottom-color:rgba(255,255,255,.1);border-radius:12px}.path-list article:hover{background:linear-gradient(90deg,rgba(186,255,97,.06),transparent)}
.steps{width:min(var(--max),calc(100% - 40px));padding:80px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:radial-gradient(circle at 0 0,rgba(78,231,213,.11),transparent 40%),#07141e}
.step-list li{padding:29px 0}.faq-list{max-width:900px}.faq details{border-color:rgba(255,255,255,.11)}
.final-cta{width:min(var(--max),calc(100% - 40px));padding:72px;border-radius:30px;background:linear-gradient(125deg,#ceff91,#a8ef51);box-shadow:0 35px 100px rgba(153,224,69,.12)}
footer{width:min(var(--max),calc(100% - 40px))}
.reveal{transition:opacity .75s,transform .75s}.js .reveal{opacity:0;transform:translateY(22px)}.js .reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:110px}.hero-copy{text-align:left}.hero-actions,.trust-row{justify-content:flex-start}.hero-visual{min-height:570px}.hero-visual>img{right:50%;transform:translateX(50%);width:850px}.hero-invite{left:8%}.hero-status{right:8%}.steps{padding:60px}}
@media(max-width:600px){.site-header{width:calc(100% - 24px);height:64px;top:8px;margin-top:8px;padding:0 12px}.hero{width:calc(100% - 28px);padding:76px 0 35px}.hero-copy{padding-left:0;text-align:center}.eyebrow{font-size:9px}.hero h1{font-size:42px;letter-spacing:-2.5px}.hero-copy>p{font-size:13px;line-height:1.8}.hero-actions,.trust-row{justify-content:center}.hero-visual{min-height:410px}.hero-visual>img{width:620px;right:46%;top:0}.hero-invite{left:10px;bottom:35px;width:205px;padding:15px}.hero-invite strong{font-size:38px}.hero-status{display:none}.section{padding:90px 0}.steps{width:calc(100% - 28px);padding:42px 20px;border-radius:20px}.final-cta{border-radius:20px;padding:42px 24px}}