:root{--bg:#060914;--card:#101935cc;--line:#ffffff18;--line2:#ffffff30;--tx:#eef2ff;--tx2:#cfd7f1;--mut:#9aa6c7;--hd:#060914cc;--gh:#ffffff0d;--gold:#FFC83D;--goldt:#FFC83D;--blue:#3B82F6;--cyan:#22D3EE;--cyant:#22D3EE;--green:#10B981;--greent:#34d399;--rose:#F43F5E;--g1:#FFC83D;--g2:#ff9d2e;--g3:#22D3EE;--b1:#3b82f633;--b2:#ffc83d1f;--b3:#10b98122;--r:20px;color-scheme:dark}
html[data-theme=light]{--bg:#f4f7ff;--card:#ffffffd9;--line:#1b2a6b1f;--line2:#1b2a6b33;--tx:#0e1a3d;--tx2:#34426b;--mut:#5b6890;--hd:#f4f7ffd9;--gh:#1b2a6b0d;--goldt:#a85a00;--cyant:#0a7f9e;--greent:#047857;--g1:#d97706;--g2:#e0561b;--g3:#0b6fd0;--b1:#3b82f633;--b2:#ffc83d55;--b3:#10b98133;color-scheme:light}
html[data-theme=light] .card,html[data-theme=light] .stat,html[data-theme=light] .calc{box-shadow:0 10px 34px #1b2a6b17}
html[data-theme=light] body:before{background:radial-gradient(700px 500px at 85% -5%,var(--b1),transparent),radial-gradient(600px 500px at -5% 30%,var(--b2),transparent),radial-gradient(700px 500px at 60% 110%,var(--b3),transparent),radial-gradient(500px 400px at 20% 100%,#f43f5e22,transparent)}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--tx);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow-x:hidden;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}
body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(700px 500px at 85% -5%,var(--b1),transparent),radial-gradient(600px 500px at -5% 30%,var(--b2),transparent),radial-gradient(600px 500px at 60% 110%,var(--b3),transparent)}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;color:inherit}
.wrap{max-width:1120px;margin:auto;padding:0 20px}
.g{background:linear-gradient(120deg,var(--g1),var(--g2) 45%,var(--g3));-webkit-background-clip:text;background-clip:text;color:transparent}
header{position:sticky;top:0;z-index:20;background:var(--hd);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
header .wrap{display:flex;align-items:center;gap:14px;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;cursor:pointer}.brand img{width:36px;height:36px;border-radius:10px}
.sp{flex:1}.pill{color:var(--tx);border:1px solid var(--line);background:var(--gh);border-radius:99px;padding:6px 14px;cursor:pointer;font-weight:700;font-size:14px}
.btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:14px;padding:13px 24px;font-weight:800;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--green),#059669);box-shadow:0 10px 30px #10b98155;transition:.25s}
.btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 40px #10b98188}
.btn.gold{background:linear-gradient(135deg,var(--gold),#ff9d2e);color:#241600;box-shadow:0 10px 30px #ffc83d44}
.btn.ghost{color:var(--tx);background:var(--gh);box-shadow:none;border:1px solid var(--line)}.btn.off{opacity:.45;pointer-events:none}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:20px;align-items:center;padding:50px 0 30px;min-height:560px}
.kick{display:inline-block;border:1px solid #ffc83d55;color:var(--goldt);background:#ffc83d12;border-radius:99px;padding:4px 14px;font-size:13px;font-weight:700;margin-bottom:16px}
h1{font-size:clamp(34px,6vw,62px);line-height:1.05;letter-spacing:-1.5px}
.lead{color:var(--mut);font-size:18px;margin:18px 0 26px;max-width:48ch}.row{display:flex;gap:12px;flex-wrap:wrap}
.stage{position:relative;height:520px;perspective:1100px;--mx:0;--my:0}
.orb{position:absolute;width:300px;height:300px;border-radius:50%;left:50%;top:50%;margin:-150px;background:radial-gradient(circle,#3b82f666,#ffc83d22 60%,transparent 70%);filter:blur(20px);animation:pulse 6s infinite}
@keyframes pulse{50%{transform:scale(1.25)}}
.fan{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(calc(var(--mx)*14deg)) rotateX(calc(var(--my)*-8deg));transition:transform .15s}
.ph{backface-visibility:hidden;position:absolute;left:50%;top:50%;width:200px;margin:-200px 0 0 -100px;border-radius:26px;border:3px solid #ffffff30;box-shadow:0 30px 60px #000a,0 0 40px #3b82f633;animation:fl 6s ease-in-out infinite}
.ph:nth-child(2){transform:translateX(-150px) rotateY(32deg) translateZ(-60px) scale(.88);animation-delay:-2s}
.ph:nth-child(3){transform:translateX(150px) rotateY(-32deg) translateZ(-60px) scale(.88);animation-delay:-4s}
.ph:nth-child(4){transform:translateZ(60px);border-color:var(--gold)}
@keyframes fl{50%{translate:0 -14px}}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:10px 0 10px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;text-align:center}.stat b{display:block;font-size:24px}.stat span{color:var(--mut);font-size:13px}
.sec{margin:46px 0 16px;display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap}.sec h2{font-size:28px;letter-spacing:-.5px}
.seg{display:flex;background:var(--gh);border:1px solid var(--line);border-radius:12px;padding:3px}.seg button{background:none;border:0;border-radius:9px;padding:6px 14px;cursor:pointer;color:var(--mut);font-weight:700}.seg .on{background:var(--blue);color:#fff}
.tilt{transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .12s,border-color .2s}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;cursor:pointer;backdrop-filter:blur(8px)}.card:hover{border-color:var(--gold)}
.cards{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.cards.list{grid-template-columns:1fr}.cards.list .app{display:flex;gap:18px;align-items:center}
.app img.ic{width:84px;height:84px;border-radius:20px;box-shadow:0 10px 30px #ffc83d33;flex:none}.app h3{font-size:20px}.app p{color:var(--mut);font-size:14px;margin:4px 0 8px}
.cards.show .app{text-align:center;padding:30px}.cards.show .app img.ic{margin:0 auto 14px;width:110px;height:110px}
.tag{display:inline-block;border-radius:99px;padding:3px 12px;font-size:12px;font-weight:800;background:#ffc83d1f;color:var(--goldt);margin:0 6px 4px 0}.tag.b{background:#22d3ee1a;color:var(--cyant)}.tag.v{background:#10b9811c;color:var(--greent)}
.why{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.why .card{cursor:default}.why i{font-style:normal;font-size:34px}.why b{display:block;margin:8px 0 4px}.why span{color:var(--mut);font-size:14px}
.soon{border:1px dashed var(--line2);border-radius:var(--r);padding:28px;text-align:center;color:var(--mut)}
.back{cursor:pointer;color:var(--goldt);font-weight:700;display:inline-block;margin:22px 0 0;background:none;border:0}
.dhead{display:flex;gap:24px;align-items:center;margin:20px 0;flex-wrap:wrap}.dhead img.ic{width:128px;height:128px;border-radius:30px;box-shadow:0 20px 50px #3b82f655}.dhead h1{font-size:clamp(30px,5vw,46px)}
.cf{position:relative;height:500px;perspective:1200px;margin:10px 0;overflow:hidden}
.cf .s{backface-visibility:hidden;will-change:transform;position:absolute;left:50%;top:10px;width:230px;margin-left:-115px;border-radius:24px;border:3px solid #ffffff2a;box-shadow:0 30px 60px #000a;cursor:pointer;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .6s,filter .6s}
.cf button.nav{position:absolute;top:45%;z-index:5;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--hd);color:var(--tx);cursor:pointer;font-size:20px}
.cap{text-align:center;color:var(--mut);font-size:14px;min-height:24px}
.tabs{display:flex;gap:6px;margin:30px 0 18px;overflow-x:auto;border-bottom:1px solid var(--line)}.tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:10px 16px;cursor:pointer;color:var(--mut);font-weight:700;white-space:nowrap}.tabs .on{color:var(--goldt);border-color:var(--gold)}
.hl,.info{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.info{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.hl .card,.info .card{cursor:default;padding:16px}.info small{color:var(--mut);display:block}
.txt{white-space:pre-line;color:var(--tx2);max-width:75ch;margin:22px 0}ul.f{padding-left:20px;color:var(--tx2)}ul.f li{margin:4px 0}
.box{background:#3b82f614;border:1px solid #3b82f655;border-radius:var(--r);padding:18px;color:var(--tx2);margin-bottom:16px}
.calc{background:linear-gradient(135deg,#ffc83d18,#f43f5e14);border:1px solid #ffc83d44;border-radius:var(--r);padding:20px}.calc input{width:100%;accent-color:var(--gold)}.calc .n{font-size:34px;font-weight:800}
code{word-break:break-all;font-size:12px;color:var(--mut)}
.rv{opacity:0;translate:0 30px;transition:.7s}.rv.in{opacity:1;translate:0}
dialog{border:0;background:transparent;width:100vw;height:100vh;max-width:none;max-height:none;padding:0}dialog::backdrop{background:#000d;backdrop-filter:blur(6px)}
dialog img{position:absolute;inset:3vh 0;margin:auto;max-height:94vh;border-radius:16px}dialog button{color:#fff;position:absolute;top:14px;right:18px;z-index:2;font-size:34px;background:none;border:0;cursor:pointer}
footer{margin:60px 0 30px;color:var(--mut);font-size:13px;text-align:center}
@media(max-width:820px){.hero{grid-template-columns:1fr;min-height:0}.stage{height:400px}.ph{width:150px;margin:-150px 0 0 -75px}.ph:nth-child(2){transform:translateX(-105px) rotateY(32deg) translateZ(-60px) scale(.88)}.ph:nth-child(3){transform:translateX(105px) rotateY(-32deg) translateZ(-60px) scale(.88)}.stats{grid-template-columns:1fr 1fr}.cf{height:430px}.cf .s{width:190px;margin-left:-95px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;translate:0}}