body{font-family:'Inter',sans-serif;background:#f4f7fd;color:#141a33}
.glow{position:relative;overflow:hidden;background:linear-gradient(135deg,#1b2a6b 0%,#2b3f9e 55%,#3b6fd0 100%);color:#f2f5ff}
.glow:before{content:"";position:absolute;width:900px;height:900px;left:-200px;top:-500px;background:radial-gradient(circle,rgba(34,211,238,.22),transparent 60%)}
.glow:after{content:"";position:absolute;width:800px;height:800px;right:-250px;top:-200px;background:radial-gradient(circle,rgba(139,92,246,.25),transparent 60%)}
.gridbg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:44px 44px;mask:linear-gradient(180deg,#000,transparent 85%);-webkit-mask:linear-gradient(180deg,#000,transparent 85%)}
.hdr{position:relative;z-index:2}.hdr .wrap{display:flex;justify-content:space-between;align-items:center;height:72px}
.brand{font:700 18px 'Space Grotesk';letter-spacing:.02em}.brand span{color:#22d3ee}
.hdr nav{display:flex;gap:24px;font-size:14.5px;color:#dfe5ff}.hdr nav a{text-decoration:none}
.b{display:inline-block;text-decoration:none;font-weight:600;padding:13px 22px;border-radius:12px;background:linear-gradient(90deg,#22d3ee,#8b5cf6);color:#05070f}
.b.o{background:transparent;color:inherit;border:1px solid currentColor}
.hero{position:relative;z-index:1}.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-top:50px;padding-bottom:80px}
.chip{display:inline-flex;gap:8px;align-items:center;font-size:13px;color:#d9fbff;border:1px solid rgba(158,240,255,.55);background:rgba(34,211,238,.16);padding:6px 12px;border-radius:30px}
.hero h1{font:600 56px/1.04 'Space Grotesk';letter-spacing:-.025em;margin:18px 0}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#7ff0ff,#e0d4ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{font-size:18.5px;color:#e3e8ff;margin-bottom:28px;max-width:560px}
.phones{position:relative;height:500px}
.phone{position:absolute;width:220px;border-radius:30px;border:8px solid #0f1530;box-shadow:0 30px 70px -20px rgba(10,20,60,.55);overflow:hidden;background:#000}
.phone img{width:100%}.p1{left:20px;top:20px;transform:rotate(-6deg)}.p2{left:230px;top:0;transform:rotate(5deg)}
.sec{padding:80px 0;position:relative}.sec h2{font:600 40px/1.1 'Space Grotesk';letter-spacing:-.02em;margin:10px 0 32px}
.ey{font:600 13px 'Space Grotesk';letter-spacing:.2em;text-transform:uppercase;color:#0b6f8a}
.prod{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pc{background:#fff;border:1px solid #dbe2f3;box-shadow:0 16px 36px -28px rgba(20,30,80,.45);border-radius:18px;padding:24px;position:relative}
.pc h3{font:600 21px 'Space Grotesk';margin:12px 0 8px}.pc p{font-size:14.5px;color:#4a5373}
.st{font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;display:inline-block}
.live{background:#dcfce7;color:#166534}.soon{background:#fef3c7;color:#854d0e}.fut{background:#ede9fe;color:#5b21b6}.pc li.kur{list-style:none;margin-left:-18px;color:#854d0e;font-weight:600}
.pc ul{list-style:none;margin-top:12px;font-size:13.5px;color:#2c3455}.pc li:before{content:"→ ";color:#0b6f8a}
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pl{border:1px solid #dbe2f3;border-radius:16px;padding:22px;background:#fff}.pl.hot{border-color:#3b6fd0;box-shadow:0 0 0 1px #3b6fd0 inset,0 20px 50px -30px #3b6fd0}
.pl b{font:600 15px 'Space Grotesk';letter-spacing:.1em;color:#2b3f9e}.pl .pr{font:700 40px 'Space Grotesk';margin:6px 0}.pl .pr small{font-size:14px;color:#555e7d;font-weight:500}
.pl p{font-size:14px;color:#4a5373}
.note{font-size:13px;color:#555e7d;margin-top:14px}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.fl{border-top:3px solid #3b6fd0;padding-top:16px}.fl b{font:600 19px 'Space Grotesk';display:block;margin-bottom:6px}.fl span{color:#4a5373;font-size:15px}
.shot{border-radius:16px;overflow:hidden;border:1px solid #dbe2f3;margin-top:40px;background:#fff;box-shadow:0 24px 50px -34px rgba(20,30,80,.5)}.shot img{width:100%;display:block}
.cta{border-radius:22px;padding:46px;background:linear-gradient(120deg,#e0f7ff,#ece6ff);border:1px solid #d3dcf5;display:flex;justify-content:space-between;align-items:center;gap:20px}
.cta h2{margin:0}
@media(max-width:760px){.hdr nav{display:none}.hero .wrap{grid-template-columns:1fr;padding-top:24px;padding-bottom:40px}.hero h1{font-size:36px}.phones{height:380px}.phone{width:160px}.p2{left:170px}
.prod,.plans,.flow{grid-template-columns:1fr}.sec{padding:50px 0}.sec h2{font-size:29px}.cta{flex-direction:column;align-items:flex-start;padding:28px}}