:root{--bg:#08090b;--panel:#101216;--text:#f3f4f6;--muted:#9298a4;--line:rgba(255,255,255,.11);--lime:#c7ff32;--orange:#ff6b21;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.nav{height:78px;max-width:var(--max);margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10;border-bottom:1px solid var(--line)}.brand,.footer-brand{display:flex;align-items:center;gap:12px;font-weight:800}.brand-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--lime);color:#070806;font-weight:900;box-shadow:0 0 30px rgba(199,255,50,.15)}nav{display:flex;gap:38px;color:#b9bdc6;font-size:14px}nav a:hover{color:var(--lime)}.nav-cta{border:1px solid var(--line);padding:11px 18px;border-radius:99px;font-size:13px;transition:.25s}.nav-cta:hover{background:var(--lime);color:#08090b;border-color:var(--lime)}
.hero{min-height:calc(100vh - 78px);max-width:var(--max);margin:auto;padding:80px 28px 100px;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center}.hero-copy{position:relative;z-index:2}.eyebrow,.index{font-size:11px;letter-spacing:.2em;color:#a8aeb9;font-weight:600}.eyebrow span{display:inline-block;width:28px;height:1px;background:var(--lime);vertical-align:middle;margin-right:12px}.hero h1{font-size:clamp(56px,7vw,100px);letter-spacing:-.07em;line-height:.93;margin:26px 0 30px;font-weight:900}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #cbd0d8}.lead{max-width:570px;color:var(--muted);font-size:18px;line-height:1.8}.hero-actions{display:flex;gap:14px;margin-top:38px}.button{padding:16px 22px;border-radius:7px;font-weight:700;font-size:14px;display:inline-flex;gap:24px;align-items:center}.button.primary{background:var(--lime);color:#090a0b}.button.ghost{border:1px solid var(--line)}.button:hover{transform:translateY(-2px)}.hero-meta{display:flex;gap:22px;margin-top:36px;color:#777d89;font-size:12px}.hero-meta i{width:5px;height:5px;border-radius:50%;display:inline-block;background:var(--lime);margin-right:7px}
.hero-visual{height:610px;position:relative;display:grid;place-items:center}.halo{position:absolute;width:510px;height:510px;border-radius:50%;background:radial-gradient(circle,rgba(199,255,50,.16),rgba(13,15,17,0) 67%);filter:blur(5px)}.phone{width:280px;height:570px;border:7px solid #272a2f;border-radius:42px;background:linear-gradient(155deg,#1e2227,#0b0d10 60%);box-shadow:0 50px 100px #000,0 0 0 1px #545860;transform:rotate(5deg);padding:20px;position:relative;z-index:2;overflow:hidden}.phone:after{content:"";position:absolute;width:180px;height:180px;background:var(--lime);filter:blur(100px);opacity:.12;right:-80px;top:70px}.phone-top{font-size:9px;display:flex;justify-content:space-between;color:#d7d9dd}.phone-top b{width:65px;height:18px;background:#050607;border-radius:20px;margin-top:-6px}.app-head{margin-top:30px;display:flex;flex-direction:column}.app-head small{font-size:10px;color:#9297a0}.app-head strong{font-size:22px;margin-top:7px}.energy-card{margin-top:20px;padding:18px;background:linear-gradient(135deg,#c7ff32,#91dc18);color:#0a0b0b;border-radius:19px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 30px rgba(167,230,38,.14)}.energy-card div:first-child{display:flex;flex-direction:column}.energy-card span{font-size:9px}.energy-card strong{font-size:31px;margin-top:7px}.energy-card strong small{font-size:10px}.energy-ring{width:55px;height:55px;border-radius:50%;border:5px solid rgba(0,0,0,.18);border-top-color:#111;display:grid;place-items:center}.energy-ring span{font-weight:800}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.mini-grid>div{min-height:90px;background:#191c20;border:1px solid rgba(255,255,255,.06);border-radius:15px;padding:12px;display:flex;flex-direction:column}.mini-grid span{color:var(--lime);font-size:15px}.mini-grid b{font-size:11px;margin-top:10px}.mini-grid small{font-size:8px;color:#707681;margin-top:4px}.route-line{margin:20px 5px 0;height:1px;background:#33383f;display:flex;justify-content:space-between;align-items:center}.route-line span,.route-line b{width:7px;height:7px;border-radius:50%;background:var(--lime)}.route-line b{background:#575d66}.float-card{position:absolute;z-index:3;background:rgba(25,28,32,.78);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 50px rgba(0,0,0,.4)}.card-a{top:85px;right:-10px;padding:16px 20px;border-radius:13px;display:flex;flex-direction:column;transform:rotate(-3deg)}.card-a span,.card-a small{font-size:8px;color:#8f949d}.card-a strong{font-size:18px;margin:6px 0;color:var(--lime)}.card-b{bottom:86px;left:10px;padding:13px 17px;border-radius:13px;display:flex;align-items:center;gap:11px}.card-b .pulse{width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 6px rgba(199,255,50,.12)}.card-b div{display:flex;flex-direction:column}.card-b strong{font-size:11px}.card-b small{font-size:8px;color:#858a93;margin-top:4px}.orbit{position:absolute;border:1px solid rgba(255,255,255,.055);border-radius:50%;pointer-events:none}.orbit-one{width:640px;height:640px;right:-90px;top:20px}.orbit-two{width:800px;height:800px;right:-160px;top:-60px}.scroll-cue{position:absolute;bottom:28px;left:28px;font-size:8px;letter-spacing:.2em;color:#5f646e;display:flex;align-items:center;gap:12px}.scroll-cue span{display:block;width:70px;height:1px;background:linear-gradient(90deg,var(--lime),transparent)}
.ticker{overflow:hidden;border-block:1px solid var(--line);padding:18px 0;color:#838995;white-space:nowrap;transform:rotate(-1deg);width:102%;margin-left:-1%;background:#0b0d0f}.ticker div{font-size:12px;word-spacing:30px;letter-spacing:.12em;animation:ticker 24s linear infinite}.ticker span{color:var(--lime)}@keyframes ticker{to{transform:translateX(-50%)}}
.section{max-width:var(--max);margin:auto;padding:140px 28px}.section-head{display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:end;margin-bottom:60px}.section h2,.club h2{font-size:clamp(44px,5.5vw,74px);letter-spacing:-.055em;line-height:1.05;margin:20px 0 0}.section-head p,.club-copy>p{color:var(--muted);line-height:1.85;font-size:15px;max-width:520px}.tool-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.tool-card{min-height:340px;background:var(--panel);border:1px solid var(--line);padding:30px;border-radius:3px;position:relative;overflow:hidden;transition:.35s}.tool-card:hover{border-color:rgba(199,255,50,.35);transform:translateY(-4px)}.tool-card.featured{grid-row:span 2;min-height:696px;background:linear-gradient(145deg,#15191c,#0e1013)}.card-index{position:absolute;right:25px;top:22px;font-size:10px;color:#555b65}.icon{width:44px;height:44px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;color:var(--lime);background:#0b0d0f}.tool-card h3{font-size:26px;margin:28px 0 12px}.tool-card p{color:var(--muted);line-height:1.7;font-size:14px;max-width:410px}.calculator{position:absolute;left:30px;right:30px;bottom:30px;padding:26px;background:#090b0d;border:1px solid var(--line);border-radius:8px}.calculator label{font-size:12px;color:#9298a2;display:flex;justify-content:space-between}.calculator label span{color:#fff;font-weight:700}input[type=range]{width:100%;margin:28px 0;accent-color:var(--lime)}.calc-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:24px}.calc-row span{display:flex;flex-direction:column;font-size:10px;color:#777d87}.calc-row strong{font-size:22px;color:#f5f5f5;margin-top:8px}.card-art{position:absolute;right:-30px;bottom:-35px;width:210px;height:160px}.map-art{border:1px solid #34383f;transform:rotate(-8deg);background:repeating-linear-gradient(40deg,transparent 0 28px,#24282e 29px 30px)}.map-art i{position:absolute;width:8px;height:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 14px var(--lime)}.map-art i:nth-child(1){top:30px;left:45px}.map-art i:nth-child(2){top:83px;left:110px}.map-art i:nth-child(3){top:46px;right:28px}.tag-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:42px}.tag-list span{font-size:10px;border:1px solid var(--line);padding:8px 10px;border-radius:20px;color:#979ca5}.event-line{position:absolute;left:30px;right:30px;bottom:25px;border-top:1px solid var(--line);padding-top:19px;display:flex;align-items:center;gap:17px}.event-line time{font-size:19px;color:var(--lime);font-weight:800}.event-line span{display:flex;flex-direction:column}.event-line b{font-size:11px}.event-line small{color:#646a75;font-size:8px;margin-top:5px}.event-line i{margin-left:auto;font-style:normal}
.club{min-height:760px;position:relative;overflow:hidden;background:linear-gradient(135deg,#16191d,#090a0c 68%);border-block:1px solid var(--line);display:flex;align-items:center}.club-number{position:absolute;left:-2vw;top:40px;font-size:36vw;font-weight:900;letter-spacing:-.12em;line-height:1;color:rgba(255,255,255,.025)}.club-copy{position:relative;z-index:2;width:calc(100% - 56px);max-width:var(--max);margin:auto;padding-left:50%;padding-right:28px}.club-copy h2{margin-bottom:28px}.club-stats{display:flex;gap:50px;margin-top:52px}.club-stats div{display:flex;flex-direction:column}.club-stats strong{font-size:20px;color:var(--lime)}.club-stats span{font-size:10px;color:#707681;margin-top:7px}.road{position:absolute;left:6%;bottom:-150px;width:38%;height:680px;border:1px solid rgba(255,255,255,.08);border-radius:50%;transform:rotate(28deg)}.road span{position:absolute;inset:40px;border:1px dashed rgba(199,255,50,.25);border-radius:50%}
.launch{padding-top:120px;padding-bottom:120px}.launch-panel{min-height:440px;background:var(--lime);color:#0a0b0b;padding:60px 7%;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.launch-panel:after{content:"GO";position:absolute;right:-2%;bottom:-22%;font-size:300px;line-height:1;font-weight:900;color:rgba(0,0,0,.045)}.launch-copy{position:relative;z-index:1}.launch-copy .index{color:#4f6517}.launch-copy h2{margin-bottom:25px}.launch-copy p{font-weight:600}.tip{font-size:10px;opacity:.55}.qr-wrap{position:relative;z-index:2;background:#fff;padding:18px;display:flex;align-items:center;gap:18px;box-shadow:0 25px 60px rgba(0,0,0,.22)}.qr-placeholder{width:150px;height:150px;background:repeating-conic-gradient(#111 0 25%,#fff 0 50%) 0/18px 18px;display:grid;place-items:center;position:relative}.qr-placeholder:after{content:"";position:absolute;inset:18px;background:#fff}.qr-placeholder span{position:relative;z-index:2;background:#111;color:var(--lime);width:44px;height:44px;border-radius:10px;display:grid;place-items:center;font-weight:900}.qr-placeholder small{display:none}.qr-wrap>div:last-child{display:flex;flex-direction:column;padding-right:10px}.qr-wrap>div:last-child span{font-size:10px;color:#787878;margin-top:6px}
footer{max-width:var(--max);margin:auto;padding:50px 28px 34px;border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;color:#7d838d;font-size:11px}.footer-brand small{display:block;margin-top:5px;font-weight:400;color:#666c75}.footer-brand strong{color:#e4e6e9;font-size:15px}footer p{line-height:1.7;margin:0}.footer-links{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;display:flex;gap:26px}.footer-links a:hover{color:var(--lime)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}

/* Real product assets and feature presentation */
.app-logo{width:38px;height:38px;border-radius:11px;object-fit:cover;box-shadow:0 0 30px rgba(86,113,235,.26)}
.app-head{flex-direction:row;align-items:center;gap:11px}.app-head img{width:40px;height:40px;border-radius:11px}.app-head div{display:flex;flex-direction:column}.app-head strong{font-size:16px;margin-top:3px}.task-card>div:first-child{display:flex;flex-direction:column}.task-card strong{font-size:22px;margin-top:5px}.task-card small{font-size:8px;margin-top:3px;opacity:.6}.task-arrow{width:43px;height:43px;border:1px solid rgba(0,0,0,.22);border-radius:50%;display:grid;place-items:center;font-size:18px}.phone-event{margin-top:14px;padding:13px 2px;border-top:1px solid #30343a;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#858b95}.phone-event b{color:var(--lime);font-size:9px}.card-a strong{font-size:15px}
.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-grid .tool-card{min-height:360px}.feature-grid .feature-primary{grid-column:span 2;background:linear-gradient(135deg,#181c20,#0e1013)}.feature-visual{position:absolute;left:30px;right:30px;bottom:32px;display:flex;align-items:center;gap:11px}.command span{font-size:8px;color:#636a75}.command b{font-size:11px;border:1px solid var(--line);border-radius:99px;padding:10px 14px}.command b:last-child{color:#0a0b0b;background:var(--lime);border-color:var(--lime)}.command i{font-style:normal;color:#656b75}.sound-wave{position:absolute;left:30px;bottom:32px;height:62px;display:flex;align-items:center;gap:6px}.sound-wave i{display:block;width:5px;height:22px;background:var(--lime);border-radius:8px}.sound-wave i:nth-child(2),.sound-wave i:nth-child(6){height:42px}.sound-wave i:nth-child(3),.sound-wave i:nth-child(5){height:58px}.sound-wave i:nth-child(4){height:32px}.status-track{position:absolute;left:30px;right:30px;bottom:40px;display:flex;justify-content:space-between;border-top:1px solid #353a40;padding-top:18px}.status-track span{font-size:9px;color:#727985;position:relative}.status-track span:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#545a64;top:-22px;left:8px}.status-track .done:before,.status-track .active:before{background:var(--lime);box-shadow:0 0 12px rgba(199,255,50,.5)}.status-track .active{color:var(--lime);font-weight:700}.feature-grid .event-line{bottom:30px}.club-logo-wrap{width:180px;height:82px;background:#fff;border-radius:4px;display:grid;place-items:center;margin-bottom:28px;overflow:hidden}.club-logo-wrap img{width:180px;height:108px;object-fit:cover}.qr-code{width:180px;height:180px;display:block;object-fit:cover}.qr-wrap{padding:12px}.qr-wrap>div:last-child{padding-left:6px}
@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-visual{margin-top:40px}.hero h1{font-size:68px}.section-head{grid-template-columns:1fr;gap:20px}.tool-grid{grid-template-columns:1fr}.feature-grid .feature-primary{grid-column:span 1}.tool-card.featured{min-height:610px}.club-copy{padding-left:32%;}.launch-panel{align-items:flex-start;gap:40px}.qr-wrap>div:last-child{display:none}}
@media(max-width:600px){.nav{padding:0 18px}.nav-cta{display:none}.hero{padding:55px 18px 80px}.hero h1{font-size:49px}.lead{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.button{justify-content:space-between}.hero-meta{gap:11px;flex-wrap:wrap}.hero-visual{height:520px;transform:scale(.88);margin-inline:-40px}.phone{height:550px}.float-card.card-a{right:0}.section{padding:90px 18px}.section h2,.club h2{font-size:43px}.tool-card{padding:24px}.tool-card.featured{min-height:590px}.calculator{left:24px;right:24px;bottom:24px}.calc-row strong{font-size:18px}.club{min-height:700px}.club-copy{padding:0 24px;width:100%}.club-number{font-size:60vw;top:20px}.club-stats{gap:24px;flex-wrap:wrap}.launch-panel{padding:45px 25px;flex-direction:column}.qr-wrap{align-self:center}.launch-copy h2{font-size:48px}footer{grid-template-columns:1fr;padding-inline:18px}.footer-links{flex-wrap:wrap;gap:15px}.orbit{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.reveal{opacity:1;transform:none;transition:none}}
.club-logo-wrap{width:210px;height:92px;background:transparent;border-radius:0;overflow:visible}.club-logo-wrap img{width:210px;height:auto;display:block;object-fit:contain}