*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#07070d;--panel:#10101a;--text:#f7f7fb;--muted:#a7a7b8;--accent:#9d5cff;--accent2:#e74cff}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% -10%,#6328a526,transparent 40%),linear-gradient(180deg,#08080f,#05050a);z-index:-3}
.bg-glow{position:fixed;width:320px;height:320px;border-radius:50%;filter:blur(100px);opacity:.18;z-index:-2}.glow-1{background:#a64cff;top:10%;left:-160px}.glow-2{background:#ff4caa;right:-180px;bottom:5%}
.navbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 7%;position:sticky;top:0;z-index:20;background:#07070dcc;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff0b}
.brand{font-weight:900;font-size:20px;letter-spacing:1px;color:#fff;text-decoration:none}.brand span{color:#b06cff;margin-left:5px}
nav{display:flex;gap:28px}nav a{color:#bdbdca;text-decoration:none;font-size:14px;transition:.2s}nav a:hover{color:#fff}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:24px}
.hero{min-height:calc(100vh - 72px);max-width:1200px;margin:auto;padding:80px 7%;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:50px}
.badge{display:inline-flex;padding:7px 12px;border:1px solid #a65cff40;background:#a65cff12;color:#c792ff;border-radius:99px;font-size:11px;font-weight:800;letter-spacing:1.4px}
h1{font-size:clamp(50px,7vw,88px);line-height:.95;margin:22px 0;font-weight:900;letter-spacing:-4px}h1 span{background:linear-gradient(90deg,#fff,#ad68ff,#ff70c8);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p,.section-head p,.download p{color:var(--muted);line-height:1.7;max-width:590px}.actions{display:flex;gap:12px;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:12px;text-decoration:none;font-weight:800;font-size:14px;transition:.25s;border:1px solid transparent}.primary{color:#fff;background:linear-gradient(100deg,#7f3cff,#d849ff);box-shadow:0 10px 35px #9d5cff2e}.primary:hover{transform:translateY(-2px);box-shadow:0 14px 40px #9d5cff4d}.secondary{color:#ddd;background:#ffffff08;border-color:#ffffff16}.secondary:hover{background:#ffffff12}
.stats{display:flex;gap:34px;margin-top:35px}.stats div{display:flex;flex-direction:column;gap:3px}.stats strong{font-size:19px}.stats small{color:#77778a}
.phone{width:285px;height:570px;margin:auto;padding:10px;border-radius:40px;background:linear-gradient(145deg,#272735,#09090e);box-shadow:0 30px 100px #000,0 0 70px #a64cff1c;transform:rotate(4deg)}.phone-screen{height:100%;border-radius:32px;background:radial-gradient(circle at 50% 25%,#6332a9,#151020 45%,#08080d);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.app-logo{font-size:72px;font-weight:900;color:#fff;text-shadow:0 0 35px #d55cff}.phone-title{font-weight:700;margin-top:12px}.timeline{position:absolute;bottom:55px;left:25px;right:25px;height:35px;border-radius:8px;background:#ffffff0b;display:flex;gap:4px;padding:7px}.timeline i{flex:1;border-radius:3px;background:linear-gradient(90deg,#7e48ff,#ff55bc)}.play{position:absolute;bottom:17px;background:#ffffff12;border:1px solid #ffffff18;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:11px}
.section{max-width:1200px;margin:auto;padding:110px 7%}.section-head{text-align:center;margin-bottom:45px}.section-head p{margin:12px auto 0}.section h2,.download h2{font-size:clamp(34px,5vw,55px);margin-top:15px;letter-spacing:-2px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:28px;background:linear-gradient(145deg,#12121d,#0c0c13);border:1px solid #ffffff0b;border-radius:20px;transition:.25s}.card:hover{transform:translateY(-5px);border-color:#a65cff38}.icon{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:#a65cff15;color:#c17bff;font-size:20px;margin-bottom:20px}.card h3{font-size:20px;margin-bottom:9px}.card p{color:#88889b;line-height:1.6;font-size:14px}
.download{max-width:1050px;margin:30px auto 100px;padding:45px;border:1px solid #a65cff24;border-radius:28px;background:linear-gradient(110deg,#17101f,#100e17);display:flex;align-items:center;justify-content:space-between;gap:30px}.big{padding:16px 24px}
footer{border-top:1px solid #ffffff0b;padding:28px 7%;display:flex;justify-content:space-between;color:#696979;font-size:12px}
@media(max-width:760px){.navbar{padding:0 5%}.menu-btn{display:block}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#09090f;padding:18px 5%;flex-direction:column;gap:16px;border-bottom:1px solid #ffffff0b}nav.open{display:flex}.hero{padding:65px 5%;grid-template-columns:1fr;text-align:center}.hero p{margin:auto}.actions{justify-content:center;flex-wrap:wrap}.stats{justify-content:center}.phone{width:235px;height:470px;margin-top:20px}.cards{grid-template-columns:1fr}.section{padding:80px 5%}.download{margin:0 5% 70px;padding:30px;flex-direction:column;text-align:center}.download p{margin:auto}.big{width:100%}footer{padding:24px 5%;flex-direction:column;gap:8px;text-align:center}h1{letter-spacing:-2px}}