:root{
  --bg:#070b14;--bg2:#0d1322;--card:#111a2c;--text:#eef3ff;--muted:#9aa8c2;
  --accent:#6c63ff;--accent2:#00d4ff;--line:rgba(255,255,255,.09);--max:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 80% 0%,#1a2450 0,transparent 34%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}.container{width:min(var(--max),92%);margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(7,11,20,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.logo{font-size:25px;font-weight:900;letter-spacing:-1px}.logo span{color:var(--accent2)}
nav{display:flex;gap:22px;align-items:center}nav a{color:#cbd5e9;font-size:14px}nav a:hover,nav a.active{color:#fff}
.menu{display:none;background:none;border:1px solid var(--line);color:white;padding:8px 11px;border-radius:9px}
.hero{padding:105px 0 85px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:500px;height:500px;background:#6c63ff;filter:blur(140px);opacity:.17;right:-180px;top:0}
.grid2{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}
.eyebrow{display:inline-block;color:#91eaff;background:rgba(0,212,255,.08);border:1px solid rgba(0,212,255,.2);padding:7px 13px;border-radius:30px;font-size:13px;font-weight:700}
h1{font-size:clamp(42px,6vw,76px);line-height:1.02;letter-spacing:-3px;margin:20px 0}
h1 span{background:linear-gradient(90deg,#fff,#7cecff,#8b7cff);-webkit-background-clip:text;color:transparent}
h2{font-size:38px;line-height:1.15;margin:0 0 14px;letter-spacing:-1.5px}.lead{font-size:19px;color:var(--muted);max-width:700px}
.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.btn{padding:13px 19px;border-radius:11px;font-weight:750;border:1px solid var(--line);display:inline-block}
.btn.primary{background:linear-gradient(135deg,var(--accent),#897fff);border:0}.btn.secondary{background:#101827}
.visual{min-height:410px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,#141e36,#0b101d);padding:25px;box-shadow:0 25px 80px rgba(0,0,0,.35);position:relative}
.screen{height:100%;min-height:355px;border-radius:17px;background:linear-gradient(145deg,#19264a,#11152b);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.play{width:78px;height:78px;border-radius:50%;background:rgba(255,255,255,.95);color:#151a31;display:grid;place-items:center;font-size:28px;padding-left:4px;box-shadow:0 0 70px rgba(0,212,255,.5)}
.orb{position:absolute;width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,#00d4ff,#6c63ff);filter:blur(2px);opacity:.65;top:20px;right:20px}
section{padding:85px 0}.section-head{max-width:760px;margin-bottom:38px}.center{text-align:center;margin-left:auto;margin-right:auto}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:rgba(17,26,44,.8);border:1px solid var(--line);border-radius:18px;padding:25px}.card h3{margin:10px 0 7px;font-size:20px}.card p{color:var(--muted);margin:0}.icon{font-size:30px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--bg2)}.stat b{font-size:32px}.stat span{display:block;color:var(--muted);font-size:14px}
.steps{counter-reset:s;display:grid;gap:15px}.step{display:flex;gap:20px;align-items:flex-start;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--bg2)}.step:before{counter-increment:s;content:counter(s);min-width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));font-weight:900}
.cta{background:linear-gradient(120deg,#151d3b,#10182b);border:1px solid var(--line);border-radius:25px;padding:48px}
footer{border-top:1px solid var(--line);padding:35px 0;color:var(--muted);font-size:14px}.footerin{display:flex;justify-content:space-between;gap:20px}
.pagehero{padding:75px 0 55px;background:linear-gradient(180deg,rgba(108,99,255,.12),transparent)}
.article{max-width:850px}.article p,.article li{color:#b7c2d8}.article h2{margin-top:45px}
.toolgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.tag{font-size:12px;color:#8ceaff;border:1px solid rgba(0,212,255,.2);padding:4px 8px;border-radius:20px}
form{display:grid;gap:14px}input,textarea{width:100%;padding:14px 15px;border-radius:10px;border:1px solid var(--line);background:#0b111e;color:white;font:inherit}textarea{min-height:150px;resize:vertical}
@media(max-width:800px){nav{display:none}.menu{display:block}.grid2{grid-template-columns:1fr}.hero{padding-top:70px}.cards,.stats,.toolgrid{grid-template-columns:1fr 1fr}h1{letter-spacing:-2px}.footerin{flex-direction:column}}
@media(max-width:520px){.cards,.stats,.toolgrid{grid-template-columns:1fr}.visual{min-height:320px}.screen{min-height:265px}section{padding:60px 0}}