@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk.woff2) format("woff2")}:root{--bg: #000;--panel: #0a0a0a;--edge: #252525;--edge2: #181818;--text: #f2f2f2;--muted: #777;--soft: #555;--mint: #57ffa3;--cyan: #20cbff;--grape: #8820ff;--amber: #ffbf57;--blue: #2b8cff;--grad: linear-gradient( 95deg, var(--blue) 0%, var(--cyan) 24%, var(--amber) 49%, var(--grape) 73%, var(--mint) 100% );--f: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ease: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#000;color:var(--text);font-family:var(--f);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}body{background:radial-gradient(1000px 500px at 50% -150px,rgba(32,203,255,.045),transparent 65%),#000}.page{width:min(1280px,calc(100% - 44px));margin:0 auto;padding:42px 0 48px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{--accent:var(--cyan);position:relative;display:block;text-decoration:none;color:inherit;background:#0a0a0af5;border:1px solid var(--edge);border-radius:14px;overflow:hidden;isolation:isolate;cursor:pointer;transition:transform .34s var(--ease),border-color .34s var(--ease),box-shadow .34s var(--ease),background .34s var(--ease)}.card:before{content:"";position:absolute;z-index:20;top:-20%;bottom:-20%;left:-52%;width:38%;pointer-events:none;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.018) 24%,rgba(255,255,255,.13) 48%,rgba(32,203,255,.08) 60%,transparent 82%);filter:blur(7px);transform:skew(-12deg) translate(-180%);opacity:0;transition:transform .95s var(--ease),opacity .25s ease}.card:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(500px 260px at 18% 0%,var(--hover-fill-a),transparent 62%),radial-gradient(420px 250px at 92% 100%,var(--hover-fill-b),transparent 65%);opacity:0;transition:opacity .4s var(--ease)}.card:nth-child(1){--accent:var(--blue);--hover-fill-a:rgba(43,140,255,.16);--hover-fill-b:rgba(43,140,255,.1);--hover-border:rgba(43,140,255,.48);--hover-outline:rgba(43,140,255,.12);--hover-glow:rgba(43,140,255,.24);--hover-glow-soft:rgba(43,140,255,.1);--hover-top:rgba(16,24,36,.97);--hover-bottom:rgba(8,12,18,.98)}.card:nth-child(2){--accent:var(--cyan);--hover-fill-a:rgba(32,203,255,.16);--hover-fill-b:rgba(32,203,255,.1);--hover-border:rgba(32,203,255,.48);--hover-outline:rgba(32,203,255,.12);--hover-glow:rgba(32,203,255,.24);--hover-glow-soft:rgba(32,203,255,.1);--hover-top:rgba(14,28,32,.97);--hover-bottom:rgba(8,16,18,.98)}.card:nth-child(3){--accent:var(--mint);--hover-fill-a:rgba(87,255,163,.16);--hover-fill-b:rgba(87,255,163,.1);--hover-border:rgba(87,255,163,.48);--hover-outline:rgba(87,255,163,.12);--hover-glow:rgba(87,255,163,.24);--hover-glow-soft:rgba(87,255,163,.1);--hover-top:rgba(14,28,22,.97);--hover-bottom:rgba(8,16,13,.98)}.card:hover{transform:translateY(-7px);border-color:var(--hover-border);background:linear-gradient(180deg,var(--hover-top),var(--hover-bottom));box-shadow:0 36px 96px #0000008a,0 0 0 1px var(--hover-outline),0 0 58px var(--hover-glow),0 0 110px var(--hover-glow-soft),inset 0 1px #ffffff1a}.card:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.card:hover:before{transform:skew(-12deg) translate(520%);opacity:1}.card:hover:after{opacity:1}.card:hover .click-hint{opacity:1;transform:translateY(0);border-color:var(--hover-border);background:#070707b8;color:#f2f2f2;box-shadow:0 0 0 1px var(--hover-outline),0 0 20px var(--hover-glow-soft)}.media{height:360px;position:relative;overflow:hidden;background:#030303}.media:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.22) 0%,transparent 28%,transparent 60%,rgba(0,0,0,.28) 100%);z-index:2;pointer-events:none}.media:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--accent);z-index:4;opacity:.95}.product{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;transform:scale(1.035);transition:transform .45s var(--ease)}.card:hover .product{transform:scale(1.07)}.media-top{position:absolute;z-index:3;left:18px;right:18px;top:16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.device-region{font-size:20px;line-height:1;color:#f2f2f2;font-weight:500;letter-spacing:-.025em}.live-meta{display:flex;align-items:center;gap:13px;color:#b4b4b4;font-size:10.5px;font-weight:300;letter-spacing:.015em;white-space:nowrap}.latency-value{color:var(--mint);font-size:18px;font-weight:400;letter-spacing:-.025em;line-height:1;text-shadow:0 0 14px rgba(87,255,163,.18)}.available{display:flex;align-items:center;gap:7px;color:#afafaf}.radar{position:relative;width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px #57ffa3a6}.radar:before,.radar:after{content:"";position:absolute;inset:50% auto auto 50%;width:8px;height:8px;border:1px solid rgba(87,255,163,.55);border-radius:50%;transform:translate(-50%,-50%);animation:radar 1.9s ease-out infinite}.radar:after{animation-delay:.75s}@keyframes radar{0%{width:8px;height:8px;opacity:.8}70%{width:25px;height:25px;opacity:0}to{width:25px;height:25px;opacity:0}}.click-hint{position:absolute;z-index:3;right:18px;bottom:16px;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#07070794;backdrop-filter:blur(12px);color:#d0d0d0;font-size:9px;letter-spacing:.12em;text-transform:uppercase;opacity:0;transform:translateY(5px);transition:opacity .28s var(--ease),transform .28s var(--ease),border-color .28s ease,background .28s ease}.slot-status{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding:12px 0 14px;border-bottom:1px solid var(--edge2)}.slot-item{display:flex;align-items:center;gap:9px;min-width:0}.slot-item .label{color:#676767;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.slot-item b{color:#e8e8e8;font-size:12px;font-weight:500;white-space:nowrap}.stable{display:flex;align-items:center;gap:8px;color:#d7d7d7;font-size:12px;font-weight:400}.stable-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px #57ffa39e}.content{position:relative;z-index:2;padding:15px 17px 26px}.os-block{padding-bottom:15px;border-bottom:1px solid var(--edge2)}.os-main{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:38px}.os-left{display:flex;align-items:center;gap:9px;min-width:0}.os-gif{width:31px;height:31px;border-radius:8px;object-fit:cover;flex:0 0 auto;box-shadow:0 0 14px #20cbff24}.os-word{display:flex;align-items:center;line-height:1;letter-spacing:-.06em;white-space:nowrap;height:31px}.os-word .own{font-size:30px;font-weight:500;color:#f2f2f2}.os-word .os{font-size:30px;font-weight:300;color:#bdbdbd}.apps{display:flex;align-items:center;gap:10px;color:#d7d7d7;font-size:15px;font-weight:500;white-space:nowrap;height:31px}.app-stack{display:flex;align-items:center;padding-left:5px;height:31px}.app{width:28px;height:28px;margin-left:-5px;border-radius:7px;border:1px solid rgba(255,255,255,.9);background:#121212;display:grid;place-items:center;color:#bdbdbd;font-size:12px;font-weight:500;box-shadow:0 0 0 2px #0a0a0a}.app:nth-child(1){color:var(--cyan)}.app:nth-child(2){color:var(--amber)}.app:nth-child(3){color:var(--grape)}.app:nth-child(4){color:var(--mint)}.os-tagline{margin-top:12px;color:#fff;font-size:18px;font-weight:400;letter-spacing:-.022em;line-height:1.38}.levels{display:grid;gap:16px;margin-top:24px;padding-top:4px}.level-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.level-head span{font-size:9px;color:#666;text-transform:uppercase;letter-spacing:.12em}.level-head b{font-size:10px;color:#a0a0a0;font-weight:400;white-space:nowrap}.track{height:4px;border-radius:999px;background:#1b1b1b;overflow:hidden}.fill{height:100%;width:0;border-radius:999px;background:var(--accent);transition:width 1.05s var(--ease)}.fill.memory{background:linear-gradient(90deg,var(--blue),var(--cyan))}.fill.disk{background:linear-gradient(90deg,var(--amber),var(--grape))}@media(max-width:980px){.grid{grid-template-columns:1fr}.page{max-width:620px}.media{height:430px}}@media(max-width:560px){.page{width:calc(100% - 24px);padding-top:20px}.media{height:330px}.device-region{font-size:15px}.os-gif{width:29px;height:29px}.os-word{height:29px}.os-word .own,.os-word .os{font-size:28px}.app{width:25px;height:25px;font-size:10px}.apps{gap:8px;height:29px;font-size:14px}.app-stack{height:29px}.os-tagline{font-size:16.5px}}.card.offline{cursor:default;opacity:.5;filter:saturate(.35)}.card.offline:hover{transform:none;box-shadow:none;border-color:var(--edge);background:#0a0a0af5}.card.offline:before,.card.offline:after{display:none}.available.offline-meta{color:var(--soft)}.slot-item b.slots-full{color:var(--mint)}.slot-item b.slots-part{color:var(--cyan)}.stable.is-unstable{color:var(--amber)}.stable.is-unstable .stable-dot{background:var(--amber);box-shadow:0 0 12px #ffbf5780}