:root{--navy:#111c35;--ink:#18233b;--muted:#68758c;--line:#dce4f0;--blue:#5267f5;--blue2:#3e50dc;--purple:#7658dc;--cyan:#19b8c6;--green:#16845e;--surface:#fff;--soft:#f5f7fc;--shadow:0 24px 60px rgba(22,39,78,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8faff;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}.site-shell,.coming-page{min-height:100vh;display:flex;flex-direction:column}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.site-header{height:72px;background:rgba(255,255,255,.88);border-bottom:1px solid #e6ebf3;backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.nav-inner{height:100%;display:flex;align-items:center;gap:44px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--navy);font-size:17px;font-weight:760;text-decoration:none;white-space:nowrap}.brand b{color:var(--blue)}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 8px 18px rgba(82,103,245,.2)}.brand-mark img{width:100%;height:100%;object-fit:contain}.nav-inner nav{display:flex;align-items:center;gap:30px;margin-right:auto}.nav-inner nav a{position:relative;color:#5f6b81;text-decoration:none;font-size:14px;font-weight:680;padding:25px 0}.nav-inner nav a:hover,.nav-inner nav a.active{color:var(--blue)}.nav-inner nav a.active:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:0;border-radius:2px;background:var(--blue)}.safe-pill{display:flex;align-items:center;gap:7px;border:1px solid #d8e2ef;background:#f7fafc;border-radius:99px;padding:8px 12px;color:#536178;font-size:12px;font-weight:700}.safe-pill i,.status-badge i,.router-card>p i{width:7px;height:7px;border-radius:50%;background:#21b77a;box-shadow:0 0 0 4px rgba(33,183,122,.12)}

.hero{position:relative;min-height:620px;text-align:center;padding:95px 0 65px;overflow:hidden}.hero-copy,.router-card,.quick-links{position:relative;z-index:2}.hero-glow{position:absolute;border-radius:999px;filter:blur(2px);pointer-events:none}.glow-one{width:520px;height:520px;left:-230px;top:-170px;background:radial-gradient(circle,rgba(90,106,247,.15),rgba(90,106,247,0) 68%)}.glow-two{width:500px;height:500px;right:-210px;top:-120px;background:radial-gradient(circle,rgba(128,81,216,.13),rgba(128,81,216,0) 68%)}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-size:11px;letter-spacing:.16em;font-weight:850}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px rgba(82,103,245,.1)}.hero h1{font-size:58px;line-height:1.08;letter-spacing:-.045em;margin:18px 0 20px;color:var(--navy)}.hero h1 em,.coming-main h1 em{font-style:normal;background:linear-gradient(90deg,var(--blue),#8b55dc);-webkit-background-clip:text;color:transparent}.hero-copy>p{max-width:680px;margin:0 auto;color:var(--muted);line-height:1.8;font-size:16px}.router-card{max-width:840px;margin:40px auto 0;padding:18px;background:#fff;border:1px solid var(--line);border-radius:18px;text-align:left;box-shadow:0 24px 70px rgba(35,53,96,.13)}.router-card label{display:block;margin:0 0 9px 2px;color:#44516a;font-size:12px;font-weight:780}.router-input{position:relative;display:flex;gap:10px}.router-input>span{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#8b96a9;font-size:20px}.router-input input{min-width:0;flex:1;height:54px;border:1px solid #cbd5e4;border-radius:12px;padding:0 16px 0 46px;color:var(--ink);font:inherit;font-size:14px;outline:none;transition:.18s}.router-input input:focus{border-color:#7184f8;box-shadow:0 0 0 4px rgba(82,103,245,.1)}.router-input button{height:54px;border:0;border-radius:12px;padding:0 27px;background:linear-gradient(135deg,var(--blue),#6b56dd);color:#fff;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(82,103,245,.24);transition:.18s}.router-input button:hover{transform:translateY(-1px);box-shadow:0 13px 28px rgba(82,103,245,.3)}.router-input button b{font-size:18px;margin-left:8px}.router-card>p{display:flex;align-items:center;gap:9px;margin:11px 2px 0;color:#7b879b;font-size:11px}.router-card>p i{width:6px;height:6px;box-shadow:none;background:#94a0b2}.quick-links{display:flex;justify-content:center;gap:34px;margin-top:24px}.quick-links>span{display:flex;align-items:center;gap:8px;color:#3d4a63;font-size:12px;font-weight:800}.quick-links small{color:#98a1b1;font-weight:550}.mini-icon{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;color:#fff;font-size:8px;letter-spacing:-.04em}.mini-icon.m3u8,.platform-icon.m3u8{background:linear-gradient(145deg,#6679fa,#6f54d4)}.mini-icon.ok,.platform-icon.ok{background:linear-gradient(145deg,#ff9b38,#ed6d22)}.mini-icon.vk,.platform-icon.vk{background:linear-gradient(145deg,#2788e8,#1167bb)}

.platform-section{padding:85px 0 105px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:34px}.section-heading h2{font-size:34px;letter-spacing:-.025em;margin:10px 0 0;color:var(--navy)}.section-heading>p{max-width:410px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.platform-card{position:relative;min-height:300px;padding:25px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 14px 36px rgba(25,43,82,.06);overflow:hidden;transition:.22s}.platform-card:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-75px;bottom:-90px;background:var(--card-soft)}.platform-card.m3u8{--card-soft:#e9ebff}.platform-card.ok{--card-soft:#fff0e4}.platform-card.vk{--card-soft:#e5f1ff}.platform-card:hover{transform:translateY(-5px);border-color:#c9d1f8;box-shadow:0 22px 48px rgba(31,45,82,.11)}.card-top{display:flex;align-items:flex-start;justify-content:space-between}.platform-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;color:#fff;font-size:16px;font-weight:900;letter-spacing:-.05em;box-shadow:0 12px 23px rgba(32,50,90,.15)}.status-badge{display:inline-flex;align-items:center;gap:7px;border-radius:99px;padding:7px 10px;font-size:10px;font-weight:800}.status-badge.ready{background:#ebf8f3;color:#217355}.status-badge.soon{background:#f1f3f7;color:#778194}.status-badge.soon i{background:#a8afbb;box-shadow:none}.platform-card h3{font-size:21px;margin:25px 0 10px;color:var(--navy)}.platform-card p{min-height:48px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.card-action{position:absolute;z-index:1;left:25px;bottom:25px;color:var(--blue);font-size:12px;font-weight:820}.card-action b{font-size:17px;margin-left:7px}

.how-section{background:linear-gradient(135deg,#151f3b,#252b5b);color:#fff}.how-inner{padding:72px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.section-kicker.light{color:#9ba9ff}.how-copy h2{font-size:31px;line-height:1.35;margin:12px 0;color:#fff}.how-copy p{color:#b8c1d7;line-height:1.75;font-size:13px}.steps{display:grid;gap:10px}.steps article{position:relative;display:flex;align-items:center;gap:16px;padding:17px 52px 17px 17px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.05);border-radius:15px}.steps article>b{position:absolute;right:18px;color:rgba(255,255,255,.17);font-size:22px}.steps article>span{width:39px;height:39px;flex:0 0 auto;border-radius:11px;background:rgba(125,139,255,.17);color:#b6c0ff;display:grid;place-items:center;font-weight:900}.steps h3{font-size:14px;margin:0 0 4px}.steps p{margin:0;color:#aeb8ce;font-size:11px}.notice{margin-top:80px;margin-bottom:90px;padding:23px 26px;border:1px solid #dce3ef;border-radius:16px;background:#fff;display:flex;align-items:center;gap:18px;box-shadow:0 12px 35px rgba(25,43,82,.05)}.notice>span{width:38px;height:38px;flex:0 0 auto;border-radius:11px;background:#edf0ff;color:var(--blue);display:grid;place-items:center;font-weight:900}.notice h2{font-size:14px;margin:0 0 5px}.notice p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}footer{margin-top:auto;border-top:1px solid #e1e6ef;background:#fff}.footer-inner{min-height:105px;display:flex;align-items:center;gap:20px;color:#8a94a6;font-size:11px}.footer-brand{font-size:14px}.footer-brand .brand-mark{width:28px;height:28px}.footer-inner p{margin-right:auto}

.coming-main{flex:1;text-align:center;padding:84px 0 100px}.coming-orbit{position:relative;width:170px;height:170px;border-radius:50%;margin:0 auto 35px;display:grid;place-items:center;border:1px solid #dbe2f2;background:radial-gradient(circle,#fff 25%,#f1f4fb 70%);box-shadow:inset 0 0 0 25px rgba(255,255,255,.52)}.coming-orbit:before,.coming-orbit:after{content:"";position:absolute;border-radius:50%;border:1px dashed #d6ddea}.coming-orbit:before{inset:-18px}.coming-orbit:after{inset:22px}.coming-orbit .platform-icon{position:relative;z-index:2;width:76px;height:76px;border-radius:22px;font-size:21px}.orbit-dot{position:absolute;z-index:3;width:12px;height:12px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px rgba(82,103,245,.11)}.dot-one{top:-12px;left:38px}.dot-two{bottom:5px;right:7px}.coming-orbit.ok .orbit-dot{background:#f3832d;box-shadow:0 0 0 5px rgba(243,131,45,.12)}.coming-orbit.vk .orbit-dot{background:#2480d7;box-shadow:0 0 0 5px rgba(36,128,215,.12)}.coming-label{display:inline-flex;align-items:center;gap:9px;border:1px solid #dde3ee;background:#fff;border-radius:99px;padding:8px 12px;color:#718099;font-size:10px;letter-spacing:.14em;font-weight:850}.coming-label i{width:6px;height:6px;border-radius:50%;background:#f1a238}.coming-main h1{font-size:49px;line-height:1.12;letter-spacing:-.04em;color:var(--navy);margin:19px 0}.coming-main>p{max-width:650px;margin:0 auto;color:var(--muted);font-size:14px;line-height:1.85}.coming-actions{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:31px}.primary-link,.secondary-link{height:48px;border-radius:11px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:12px;font-weight:800}.primary-link{background:linear-gradient(135deg,var(--blue),#6b56dd);color:#fff;box-shadow:0 10px 24px rgba(82,103,245,.22)}.primary-link b{font-size:17px;margin-left:9px}.secondary-link{border:1px solid #d4dbe8;background:#fff;color:#536078}.coming-note{max-width:560px;margin:35px auto 0;border-radius:13px;background:#eff9f5;color:#39715f;padding:13px 16px;display:flex;align-items:center;justify-content:center;gap:10px}.coming-note span{font-weight:900}.coming-note p{margin:0;font-size:11px}

@media(max-width:850px){.platform-grid{grid-template-columns:1fr}.platform-card{min-height:250px}.how-inner{grid-template-columns:1fr;gap:35px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.nav-inner{gap:20px}.nav-inner nav{gap:16px}.hero{padding-top:75px}.hero h1{font-size:49px}}
@media(max-width:650px){.container{width:calc(100% - 24px)}.site-header{height:62px}.nav-inner nav{display:none}.safe-pill{margin-left:auto}.hero{min-height:auto;padding:58px 0 50px}.hero h1{font-size:38px}.hero-copy>p{font-size:14px}.router-card{margin-top:30px;padding:14px}.router-input{display:block}.router-input input{width:100%;height:50px}.router-input button{width:100%;height:48px;margin-top:10px}.quick-links{align-items:flex-start;gap:15px}.quick-links>span{flex-direction:column;gap:5px}.quick-links small{display:block}.platform-section{padding:60px 0 70px}.section-heading h2{font-size:28px}.how-inner{padding:58px 0}.how-copy h2{font-size:27px}.notice{margin-block:55px;padding:20px;align-items:flex-start}.footer-inner{min-height:130px;flex-wrap:wrap;padding-block:22px}.footer-inner p{width:100%;order:3}.coming-main{padding:58px 0 70px}.coming-orbit{transform:scale(.88);margin-bottom:20px}.coming-main h1{font-size:38px}.coming-actions{flex-direction:column}.primary-link,.secondary-link{width:100%;max-width:300px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Keep the homepage hero in the same visual family as the platform pages. */
.hero{min-height:720px;padding-top:70px}.home-orbit{position:relative;width:138px;height:138px;border-radius:50%;margin:0 auto 25px;display:grid;place-items:center;border:1px solid #dbe2f2;background:radial-gradient(circle,#fff 25%,#f1f4fb 70%);box-shadow:inset 0 0 0 20px rgba(255,255,255,.52)}.home-orbit:before,.home-orbit:after{content:"";position:absolute;border-radius:50%;border:1px dashed #d6ddea}.home-orbit:before{inset:-14px}.home-orbit:after{inset:18px}.home-orbit>span{position:relative;z-index:2;width:64px;height:64px;padding:4px;border-radius:19px;background:#fff;display:grid;place-items:center;box-shadow:0 12px 23px rgba(32,50,90,.15)}.home-orbit img{width:100%;height:100%;object-fit:contain}.home-orbit .dot-one{top:-10px;left:31px}.home-orbit .dot-two{bottom:4px;right:5px}.hero h1{font-size:49px;line-height:1.12;letter-spacing:-.04em;margin:19px 0}.hero-copy>p{max-width:650px;font-size:14px;line-height:1.85}.router-card{margin-top:32px}
@media(max-width:650px){.hero{min-height:auto;padding-top:52px}.home-orbit{transform:scale(.88);margin-bottom:14px}.hero h1{font-size:38px}}
.footer-link{color:#7a8599;text-decoration:none}.footer-link:hover,.footer-link.active{color:var(--blue)}.privacy-page{padding:75px 0 90px;max-width:820px}.privacy-page h1{font-size:44px;letter-spacing:-.035em;color:var(--navy);margin:12px 0}.privacy-lead{font-size:16px!important}.privacy-page>p{color:var(--muted);line-height:1.8}.privacy-page section{margin-top:38px;padding-top:4px}.privacy-page h2{font-size:19px;color:var(--navy);margin:0 0 10px}.privacy-page section p{color:var(--muted);font-size:13px;line-height:1.85;margin:0}@media(max-width:650px){.privacy-page{padding:52px 0 65px}.privacy-page h1{font-size:36px}}
