/* KitPlayer reference: compact centered opening, glass platform cards, bottom-sheet navigation. */
:root{--bg:#080b0c;--surface:#14191b;--muted:#8b9298;--teal:#38d989;--line:#ffffff16;scroll-padding-top:70px}body{background:var(--bg)}
.site-header,main,footer{width:min(960px,calc(100% - 40px))}.site-header{height:64px}.brand{font-size:16px;gap:8px;letter-spacing:-.6px}.brand img{width:30px;height:30px;border-radius:8px}.site-header nav{gap:26px;font-size:12px}.desktop-nav a{padding:8px 0}.desktop-nav a[aria-current=page]{color:#fff}.menu-toggle{display:none}
.hero{min-height:437px;padding:60px 0 42px;display:block}.hero-content{max-width:760px;margin:auto}.hero h1{font-size:48px;line-height:1.12;letter-spacing:-2px;margin:8px 0 24px;font-weight:680}.hero h1 span{background:none;color:#686b73}.hero p{font-size:16px;line-height:1.7;color:#9da0aa}.hero-actions{margin:27px 0 19px;gap:12px}.hero-primary,.hero-secondary{font-size:13px;padding:11px 21px;border-radius:9px;gap:22px;min-height:45px}.hero-primary{background:#f0f2f3;color:#101113}.hero-secondary{border-color:#ffffff25;background:#ffffff04}.hero canvas{top:-64px;height:calc(100% + 130px);width:100%;left:0}.hero-glow{top:-64px;bottom:-280px;background:radial-gradient(ellipse at 22% 30%,#4f296325,transparent 65%),radial-gradient(ellipse at 63% 85%,#12744626,transparent 60%)}.protocols{display:inline-flex;gap:15px;padding:6px 18px;border:1px solid #a886ed26;border-radius:24px;color:#a9a2b7;font-size:11px;background:#8e5ce008}.protocols i{background:#7d688e}.hero-existing{display:block;margin-top:22px;font-size:12px;color:#686974}.hero-existing:hover{color:#eee}.hero-existing span{padding-left:6px}
.platform-section{padding:13px 0 38px}.platform-heading{font-size:13px;letter-spacing:.6px;font-weight:650;margin:0 0 18px;color:#e8ebea}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;perspective:1000px}.platform-card{--light-x:50%;--light-y:0%;min-height:300px;padding:34px 24px 23px;border-radius:21px;border:1px solid #ffffff26;background:linear-gradient(155deg,#2c4940c9,#142a21b0);box-shadow:inset 0 1px 1px #ffffff24,0 14px 50px #00000014;isolation:isolate;transition:transform 180ms ease-out,border-color 180ms ease-out;transform-style:preserve-3d}.platform-card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--light-x) var(--light-y),#c2ffe514,transparent 65%);pointer-events:none;z-index:-1}.platform-card:hover{border-color:#c5f7d75c;transform:none}.platform-card.theme-neutral{background:linear-gradient(155deg,#303735,#161819 78%)}.platform-card.theme-blue{background:linear-gradient(155deg,#263c4b,#141c25 80%)}.platform-status{position:absolute;top:15px;right:17px;display:flex;align-items:center;gap:7px;color:#3ddd88;font-size:8px;letter-spacing:1px;font-weight:750}.platform-status i{width:6px;height:6px;border-radius:50%;background:currentColor}.platform-status.soon{color:#aaa0c9}.platform-identity{display:flex;align-items:center;gap:10px;height:42px;position:relative;z-index:1;margin-top:0}.platform-logo{width:30px;height:32px;object-fit:contain}.tv-identity .platform-logo{width:min(100%,210px);height:auto;max-height:38px;object-fit:contain;object-position:left center}.platform-identity h3{font-size:30px;font-weight:650;letter-spacing:-1.1px;margin:0;line-height:1.15}.platform-card .platform-subtitle{font-size:13px;color:#a8b4ae;margin:7px 0 24px;position:relative;z-index:1}.platform-downloads{display:flex;flex-direction:column;align-items:flex-start;gap:11px;position:relative;z-index:1}.platform-downloads .download-badge{display:flex;align-items:center;gap:11px;border:0;border-radius:15px;background:#edf1ef;color:#101410;padding:10px 14px;min-height:49px;min-width:151px;line-height:1.05;box-shadow:0 3px 10px #0000000a;font-size:13px;transition:transform .15s ease-out,background .15s ease-out}.platform-downloads a.download-badge:hover{background:#fff;transform:translateY(-2px);color:#101410}.download-badge>img{width:25px;height:26px;object-fit:contain;flex-shrink:0}.download-badge>img[src$='apple.svg']{filter:brightness(0)}.platform-downloads .download-badge span{margin:0}.download-badge small{display:block;font-size:8px;letter-spacing:.65px;font-weight:500;color:#555d58;margin-bottom:2px}.download-badge strong{display:block;font-size:13px;font-weight:750;letter-spacing:-.2px}.downloader-badge strong{letter-spacing:2.8px}.download-pending{font-size:11px;color:#a5b6ab;max-width:150px}.platform-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:16px;position:relative;z-index:1}.platform-chips span{font-size:10px;font-weight:600;color:#a2aaa6;border:1px solid #ffffff19;border-radius:20px;padding:2px 9px;background:#ffffff07}.platform-watermark{position:absolute;width:150px;height:140px;object-fit:contain;right:-10px;bottom:-8px;opacity:.065;pointer-events:none;filter:grayscale(1)}.tv-identity~.platform-watermark{width:210px;height:100px;right:-40px;bottom:4px;transform:rotate(-15deg)}
.page-heading{padding:68px 0 33px}.page-heading h1{font-size:42px;letter-spacing:-1.6px;line-height:1.15;margin:18px 0 14px}.page-heading p{color:var(--muted);font-size:14px}.activation{padding:72px 0 85px;border:0;min-height:calc(100svh - 180px)}.features-section{padding:65px 0}.section-title h2{font-size:36px}.feature-grid{gap:16px}.feature-card{background:linear-gradient(155deg,#20262699,#121719dd);border-radius:18px}.feature-icon{color:#7bbd97}.faq-section{padding-bottom:70px}.footer-brand{font-size:14px;font-weight:600;letter-spacing:-.4px;color:#ccd2ce}.footer-brand small{display:block;font-size:10px;font-weight:400;color:#747e78;margin-top:4px}footer{padding-top:26px;gap:22px}footer nav{font-size:10px;gap:15px}.checkbox-label{display:flex;align-items:center;gap:9px}.checkbox-label input{width:17px;min-height:17px;height:17px;accent-color:var(--teal);margin:0}.admin .panel.full textarea{min-height:90px}.admin-grid{gap:18px}.mobile-menu{display:none}
.coming-badge{opacity:.58}.platform-downloads button.download-badge:hover{background:#fff;transform:translateY(-2px)}
.platform-section.is-single .platform-heading{text-align:center}.platform-section.is-single .platform-card{grid-column:1/-1;justify-self:center;width:calc((100% - 16px)/2)}@media(max-width:760px){.platform-section.is-single .platform-card{width:min(100%,420px)}.platform-section.is-single .platform-downloads{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));align-items:start;justify-content:start}.platform-section.is-single .platform-downloads .download-badge{min-width:0;max-width:100%;width:fit-content}.platform-section.is-single .platform-downloads .downloader-badge{grid-column:1;grid-row:2}.platform-section.is-single .platform-downloads .download-pending{grid-column:1/-1}}
@media(min-width:761px){.platform-downloads{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));align-items:start;justify-content:start;gap:11px}.platform-downloads .download-badge{min-width:0;max-width:100%;width:fit-content}.platform-downloads .downloader-badge{grid-column:1;grid-row:2}.platform-downloads .download-pending{grid-column:1/-1}}
@media(min-width:1050px){.platform-card{min-height:306px}}
@media(max-width:760px){.desktop-nav{display:none!important}.site-header{height:60px}.site-header,main,footer{width:calc(100% - 34px)}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:34px;height:34px;padding:8px;border:0;background:transparent}.menu-toggle span{height:1.5px;width:19px;background:#ddd;border-radius:2px}.brand{font-size:15px}.hero{padding:58px 0 37px;min-height:432px}.hero h1{font-size:43px;letter-spacing:-1.8px;margin:8px 0 23px}.hero p{font-size:14px;max-width:365px;margin:auto}.hero-actions{gap:9px;margin-top:25px}.hero-primary,.hero-secondary{font-size:12px;padding:11px 15px;gap:15px}.hero canvas,.hero-glow{top:-60px}.hero-existing{font-size:11px;margin-top:21px}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.platform-section{padding-top:11px}.platform-heading{font-size:12px;margin-bottom:19px}.platform-card{min-height:286px;padding:32px 17px 18px;border-radius:21px}.platform-identity{height:36px;gap:8px}.platform-identity h3{font-size:25px}.platform-logo{width:25px;height:28px}.tv-identity .platform-logo{max-height:30px;width:100%}.platform-card .platform-subtitle{font-size:11px;margin:8px 0 23px}.platform-downloads{gap:10px}.platform-downloads .download-badge{min-width:0;max-width:100%;padding:9px 11px;gap:9px;border-radius:14px;min-height:46px}.download-badge small{font-size:7px;letter-spacing:.4px}.download-badge strong{font-size:12px}.download-badge>img{width:22px;height:24px}.platform-status{font-size:7px;top:13px;right:13px;gap:6px}.platform-status i{width:5px;height:5px}.platform-chips span{font-size:9px}.downloader-badge strong{letter-spacing:2px}.feature-grid,.faq-section{grid-template-columns:1fr}.features-section{padding:40px 0 55px}.section-title h2{font-size:32px}.page-heading{padding:42px 0 25px}.page-heading h1{font-size:34px}.activation{padding:38px 0 55px}.activation .intro h2{font-size:34px}.activation .lead{max-width:360px}
.mobile-menu[open]{display:flex;flex-direction:column;position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:none;max-height:calc(100dvh - 60px);height:min(680px,calc(100dvh - 70px));padding:15px 13px max(17px,env(safe-area-inset-bottom));border:1px solid #a997e014;border-bottom:0;border-radius:24px 24px 0 0;background:#0e0d12;color:#a19aa9;box-shadow:0 -20px 80px #0005;animation:menu-rise .24s cubic-bezier(.2,.8,.2,1)}.mobile-menu::backdrop{background:#0009;backdrop-filter:blur(6px)}.menu-handle{width:35px;height:4px;border-radius:5px;background:#37343e;align-self:center;margin:0 0 15px;flex-shrink:0}.menu-heading{display:flex;align-items:center;justify-content:space-between;padding:0 8px 20px}.menu-heading .brand{font-size:13px;color:#eee;letter-spacing:-.3px}.menu-heading .brand img{width:25px;height:25px;border-radius:7px}.menu-close{width:32px;height:32px;border:1px solid #ffffff0b;border-radius:50%;background:#ffffff04;font-size:24px;line-height:1;color:#aaa}.mobile-menu nav{display:flex;flex-direction:column;gap:2px}.mobile-menu nav a{display:flex;align-items:center;justify-content:space-between;padding:14px 12px;font-size:14px;font-weight:550;border-left:2px solid transparent;border-radius:10px;min-height:51px}.mobile-menu nav a span{opacity:0}.mobile-menu nav a[aria-current=page]{color:#a58bde;background:#21183275;border-left-color:#8c63d2}.mobile-menu nav a[aria-current=page] span{opacity:1}.menu-bottom{margin-top:auto;padding-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.menu-bottom a{border:1px solid #ffffff09;border-radius:9px;padding:9px 11px;font-size:10px;color:#938b9f}.menu-visible{overflow:hidden}.menu-bottom a:hover{color:#d8c6f2}}
@media(max-width:370px){.site-header,main,footer{width:calc(100% - 26px)}.platform-grid{gap:10px}.platform-card{padding-inline:12px}.platform-identity h3{font-size:22px}.platform-logo{width:23px}.platform-card .platform-subtitle{font-size:10px}.download-badge small{font-size:6px}.download-badge strong{font-size:11px}.platform-downloads .download-badge{padding-inline:8px;gap:6px}.hero h1{font-size:38px}}
@keyframes menu-rise{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.mobile-menu[open]{animation:none}.platform-card,.download-badge{transition:none!important;transform:none!important}}
/* Atmosphere spans the viewport; readable content keeps its centered column. */
body{background:radial-gradient(ellipse 1000px 700px at 12% 260px,#31203d55,transparent 90%),radial-gradient(ellipse 1000px 750px at 86% 420px,#0d3f2f55,transparent 90%),#080b0c}
.hero-glow{display:none}.hero canvas{left:50%;width:var(--scene-width,100vw);transform:translateX(-50%)}.hero-content{width:100%}
@media(min-width:761px){.hero{min-height:0;padding:35px 0 28px}.hero h1{font-size:44px;margin:4px 0 18px}.hero p{font-size:15px;line-height:1.65}.hero-actions{margin:22px 0 14px}.hero-existing{margin-top:16px}.platform-card{min-height:260px}}
.error-stage{text-align:center;max-width:760px;min-height:calc(100svh - 200px);margin:0 auto;padding:48px 0 75px}.error-code{position:relative;display:inline-block;font-size:clamp(110px,16vw,176px);font-weight:750;letter-spacing:-12px;line-height:1.15;color:#18362e;-webkit-text-stroke:1px #53857466;margin:0 0 21px;padding-right:12px;user-select:none}.error-code>span{position:absolute;right:-14px;bottom:16px;display:grid;place-items:center;width:41px;height:41px;border-radius:12px;border:1px solid #50826a;background:#163e2d;color:#91d5b4;font-size:22px;letter-spacing:0;transform:rotate(12deg)}.error-stage>.eyebrow{display:block;color:#74aa91;font-size:10px;letter-spacing:1.6px}.error-stage h1{font-size:38px;letter-spacing:-1.4px;font-weight:600;margin:18px 0 14px;line-height:1.15}.error-stage>p{font-size:14px;line-height:1.8;color:#849a9f;margin:0}.error-stage .hero-actions{margin-top:30px}.error-shortcuts{display:flex;justify-content:center;align-items:center;gap:14px;font-size:11px;color:#617c7a;margin-top:22px}.error-shortcuts a:hover{color:#b6d9cb}@media(max-width:650px){.error-stage{padding:38px 0 58px;min-height:calc(100svh - 230px)}.error-code{font-size:135px;margin-bottom:25px}.error-stage h1{font-size:30px;letter-spacing:-1px}.error-stage>p{font-size:12px}.error-stage .hero-actions{margin-top:25px}.error-stage .hero-primary,.error-stage .hero-secondary{padding:12px 14px;gap:12px}}