@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#070809;--panel:#0d1013;--text:#f5f6f7;--muted:#9298a1;--line:rgba(255,255,255,.09);--lime:#c9ff36}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit}.nav{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:5;background:rgba(7,8,9,.78);backdrop-filter:blur(18px)}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:1.6px}.brand img{width:34px;height:34px;border-radius:9px;object-fit:contain;display:block;mix-blend-mode:screen;box-shadow:0 0 18px rgba(201,255,54,.12)}.brand i{font-style:normal;color:var(--lime)}nav{display:flex;gap:30px}nav a{font-size:12px;color:#aeb3bb;text-decoration:none}.navbtn{font-size:11px;font-weight:800;text-decoration:none;color:var(--lime);border:1px solid rgba(201,255,54,.35);padding:11px 16px;border-radius:9px}.hero{max-width:1250px;margin:auto;min-height:700px;padding:90px 6%;display:grid;grid-template-columns:1.1fr .9fr;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:900;color:var(--lime);margin-bottom:20px}.hero h1{font-size:clamp(58px,7vw,104px);line-height:.9;letter-spacing:-5px;margin:0 0 28px;font-weight:900}.hero h1 span,h2 span{color:var(--lime)}.lead{max-width:570px;color:var(--muted);line-height:1.75;font-size:15px}.actions{display:flex;gap:11px;flex-wrap:wrap;margin:30px 0}.btn{display:inline-flex;padding:14px 18px;border-radius:10px;text-decoration:none;font-size:12px;font-weight:800;border:1px solid var(--line);background:#0d1013}.btn.main{background:var(--lime);color:#080a07;border-color:var(--lime);box-shadow:0 10px 35px rgba(201,255,54,.13)}.hero small,.downloadbox small{color:#60666f;font-size:9px}.visual{height:520px;display:grid;place-items:center;position:relative}.glow{position:absolute;width:420px;height:420px;background:radial-gradient(circle,rgba(201,255,54,.16),transparent 68%)}.phone{width:280px;height:520px;border-radius:38px;padding:20px;background:linear-gradient(145deg,#181b1f,#090a0c);border:1px solid #24282d;box-shadow:0 35px 100px #000,0 0 70px rgba(201,255,54,.08);transform:rotate(5deg)}.phonebar{font-size:8px;color:#999;margin-bottom:28px}.phonebar span{float:right}.mini{font-size:8px;letter-spacing:1.5px;color:#aaa}.mini b{color:var(--lime)}.album{height:245px;border-radius:22px;margin-top:17px;background:linear-gradient(145deg,#11151a,#1c242a);display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),inset 0 -30px 60px rgba(0,0,0,.2)}.album:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(201,255,54,.11),transparent 48%);pointer-events:none}.album img{width:155px;height:155px;object-fit:contain;border-radius:28px;display:block;mix-blend-mode:screen;position:relative;z-index:1;filter:drop-shadow(0 18px 28px rgba(0,0,0,.5))}.track{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.track b,.track em{display:block}.track b{font-size:13px}.track em{font-style:normal;color:#777;font-size:9px;margin-top:5px}.track span{color:var(--lime);font-size:25px}.progress{height:3px;background:#292c30;margin-top:22px}.progress i{display:block;width:42%;height:100%;background:var(--lime)}.time{display:flex;justify-content:space-between;color:#666;font-size:8px;margin-top:7px}.controls{display:flex;justify-content:space-around;align-items:center;margin-top:20px;color:#999;font-size:18px}.controls b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--lime);color:#080a07;font-size:12px}.stats{max-width:1250px;margin:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.stats div{padding:25px;border-right:1px solid var(--line);font-size:11px;color:#858b94}.stats b{display:block;color:var(--lime);font-size:9px;margin-bottom:7px}.section{max-width:1250px;margin:auto;padding:125px 6%}.section h2,.experience h2,.download h2{font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-3px;margin:0 0 50px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.card{min-height:225px;padding:28px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.01))}.card.wide{grid-column:span 2;background:radial-gradient(circle at 85% 20%,rgba(201,255,54,.12),transparent 40%)}.card>strong{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(201,255,54,.1);color:var(--lime);font-size:20px;margin-bottom:34px}.card h3{margin:0 0 9px;font-size:16px}.card p,.experience p,.downloadbox p{color:#858b94;font-size:12px;line-height:1.7;max-width:450px}.experience{max-width:1250px;margin:0 auto 120px;padding:65px 6%;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:25px;background:#0b0e10;overflow:hidden}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips span{font-size:9px;color:#aaa;border:1px solid var(--line);border-radius:30px;padding:8px 10px}.bars{display:flex;align-items:center;justify-content:center;gap:8px;min-height:300px}.bars i{display:block;width:18px;border-radius:20px 20px 4px 4px;background:linear-gradient(to top,rgba(201,255,54,.13),var(--lime))}.bars i:nth-child(1){height:80px}.bars i:nth-child(2){height:150px}.bars i:nth-child(3){height:105px}.bars i:nth-child(4){height:210px}.bars i:nth-child(5){height:165px}.bars i:nth-child(6){height:240px}.bars i:nth-child(7){height:120px}.bars i:nth-child(8){height:190px}.bars i:nth-child(9){height:95px}.bars i:nth-child(10){height:220px}.bars i:nth-child(11){height:140px}.bars i:nth-child(12){height:175px}.download{padding:0 6% 110px}.downloadbox{max-width:1000px;margin:auto;text-align:center;padding:85px 20px;border:1px solid rgba(201,255,54,.18);border-radius:28px;background:radial-gradient(circle at 50% 0,rgba(201,255,54,.12),transparent 48%),#0b0e0b}.downloadbox h2{margin-bottom:20px}.downloadbox p{margin:0 auto;max-width:540px}.downloadbox .actions{justify-content:center}.early-note{max-width:650px;margin:28px auto 0;padding:16px 18px;border:1px solid rgba(201,255,54,.18);border-radius:14px;background:rgba(201,255,54,.045);text-align:left;display:flex;gap:14px;align-items:flex-start}.early-note strong{flex:0 0 auto;color:var(--lime);font-size:9px;letter-spacing:1.6px;padding-top:2px}.early-note span{color:#858b94;font-size:11px;line-height:1.65}footer{border-top:1px solid var(--line);padding:28px 6%;display:flex;justify-content:space-between;color:#5f656e;font-size:9px}
@media(max-width:800px){nav{display:none}.nav{padding:0 20px}.hero{grid-template-columns:1fr;padding:70px 20px 30px}.hero h1{letter-spacing:-3px}.visual{height:530px}.stats{grid-template-columns:1fr 1fr;margin:0 20px}.stats div{border-bottom:1px solid var(--line)}.section{padding:90px 20px}.grid{grid-template-columns:1fr}.card.wide{grid-column:span 1}.experience{grid-template-columns:1fr;margin:0 20px 90px;padding:45px 28px}.bars{min-height:220px}.download{padding:0 20px 80px}footer{padding:25px 20px;gap:12px;flex-wrap:wrap}}