:root{color-scheme:dark;--bg:#090a0c;--panel:#111214;--fg:#f1f1f2;--muted:#95989e;--line:#ffffff16;--green:#83d8b4;--amber:#e3bf79;--red:#e99b9b;--gray:#93979f;font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--fg);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #ededed;outline-offset:5px}.container{width:min(1160px,calc(100% - 80px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:10;background:#090a0cc7;backdrop-filter:blur(24px);border-bottom:1px solid var(--line)}.nav-shell{width:min(1280px,calc(100% - 80px));height:82px;display:flex;align-items:center;justify-content:space-between;margin:auto}.wordmark{font-weight:900;font-size:2rem;letter-spacing:-.09em;line-height:1}.wordmark span{font-size:.7rem;vertical-align:top;letter-spacing:0;margin-left:4px;line-height:1.4}.site-header nav{display:flex;gap:36px;margin-left:110px;font-size:.9rem;color:#b3b5ba}.site-header nav a{transition:color .2s}.site-header nav a:hover{color:white}.nav-status{display:flex;align-items:center;gap:9px;border:1px solid #ffffff1c;background:#ffffff04;border-radius:100px;padding:8px 14px;font-size:.8rem;color:#c0c3c8}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0;background:var(--green)}.status-dot.operational{background:var(--green);box-shadow:0 0 12px #83d8b42a}.status-dot.maintenance{background:var(--amber)}.status-dot.offline{background:var(--red)}.status-dot.in-development{background:var(--gray)}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-visual{position:relative;width:100%;max-width:1872px;margin-inline:auto;aspect-ratio:1872/560}.hero-image{display:block;position:relative;width:100%;height:100%;object-fit:cover;object-position:50% 50%;mask-image:linear-gradient(to bottom,#000 82%,transparent)}.light-wash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 24% 25%,#ebf1ff09,transparent 45%);animation:light-shift 14s ease-in-out infinite alternate;mix-blend-mode:screen}.hero-actions{text-align:center;position:relative;margin-top:-20px;padding-bottom:65px}.eyebrow{font-size:.75rem;letter-spacing:.19em;color:#9a9da4;font-weight:650}.intro-label{display:block;margin-bottom:20px;font-size:.72rem;letter-spacing:.27em}.button-row{display:flex;justify-content:center;gap:12px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:9px;padding:0 25px;font-size:.875rem;font-weight:650;position:relative;overflow:hidden;border:1px solid #ffffff20;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s}.primary{background:linear-gradient(165deg,#fff,#c5c6ca);color:#111214;border-color:#fff6;box-shadow:0 2px 15px #ffffff10,inset 0 1px #fff}.primary:before{content:"";position:absolute;top:-30%;bottom:-30%;width:25%;left:-45%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:skewX(-20deg);animation:shine 7s ease-in-out infinite}.ghost{background:#ffffff05;color:#d7d9dc}.button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ffffff0b;border-color:#ffffff60}.tiny-signal{height:14px;display:flex;align-items:end;gap:3px}.tiny-signal i{width:3px;border-radius:2px;background:#b8bcc4;height:40%}.tiny-signal i:nth-child(2){height:70%}.tiny-signal i:nth-child(3){height:100%}.hero-baseline{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1280px;margin:auto;padding:0 40px 23px;font-size:.65rem;color:#757982;letter-spacing:.16em}.scroll-label{display:flex;align-items:center;gap:9px}.scroll-label i{display:block;width:1px;height:18px;background:linear-gradient(transparent,#b3b5b9);animation:scroll-cue 2s ease-in-out infinite}.section{padding-top:92px;padding-bottom:24px;scroll-margin-top:0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px}h1,h2,h3,p{margin:0}h1{font-size:clamp(2.8rem,4.7vw,4.15rem);line-height:1.1;letter-spacing:-.055em;font-weight:650;margin-top:20px}.subtle{color:#777b83}h2{font-size:clamp(2rem,3.5vw,2.8rem);font-weight:600;line-height:1.14;letter-spacing:-.045em;margin-top:18px}.section-heading p{font-size:.95rem;line-height:1.8;color:var(--muted);padding-bottom:5px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.product-card{min-width:0;position:relative;border:1px solid #ffffff18;background:linear-gradient(150deg,#191a1d,#101113 68%);border-radius:17px;padding:24px 22px 20px;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}.product-card:before{content:"";position:absolute;inset:0;background:radial-gradient(240px circle at var(--mx,50%) var(--my,0%),#ffffff0b,transparent 65%);pointer-events:none}.product-card:hover{transform:translateY(-6px);border-color:#ffffff40;box-shadow:0 18px 50px #0007}.product-card.featured{background:linear-gradient(140deg,#232527,#131517 60%);border-color:#b9c3bd42}.product-card.featured:after{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#d8ede1a1,transparent)}.card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.product-number{font-size:.75rem;font-family:monospace;color:#72767e}.badge{display:inline-flex;align-items:center;gap:7px;font-size:.75rem;line-height:1.5;border:1px solid #ffffff17;border-radius:100px;padding:4px 9px;white-space:nowrap;background:#ffffff04;color:#a6a9b0}.badge.operational{color:#a7e6c9;background:#6cc6950b;border-color:#80d0a926}.badge.maintenance{color:var(--amber);background:#e3bf790b;border-color:#e3bf7933}.badge.offline{color:var(--red);background:#e99b9b0b;border-color:#e99b9b33}.platform-icon{width:60px;height:60px;display:grid;place-items:center;margin:39px 0 33px;border:1px solid #ffffff16;border-radius:15px;background:linear-gradient(145deg,#ffffff0d,#ffffff02);box-shadow:inset 0 1px #ffffff0a}.platform-icon svg{width:27px;height:27px;fill:#bfc2c7}.platform-icon.mac svg{width:29px;height:29px;fill:none;stroke:#c9ccd2;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.product-card h3{font-size:1.3rem;line-height:1.3;letter-spacing:-.025em;font-weight:600}.product-card h3 span{display:block;color:#8e929b;font-weight:450}.card-description{color:#92959d;font-size:.875rem;margin-top:16px;min-height:45px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:25px;padding-top:18px}.card-bottom>span{font-size:.75rem;color:#858993}.details-button{font-size:.8rem;background:transparent;border:0;padding:4px 0;color:#d0d2d6}.details-button:hover{text-decoration:underline;text-underline-offset:5px}.status-section{padding-top:107px;padding-bottom:88px}.status-panel{border:1px solid #ffffff1c;border-radius:16px;overflow:hidden;background:#101113}.status-panel-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 25px;border-bottom:1px solid var(--line)}.status-panel-top>div{display:flex;align-items:center;gap:11px}.status-panel-top strong{font-size:.875rem;font-weight:550}.publisher-label{font-size:.72rem;color:#8c9198;padding-left:15px;margin-left:6px;border-left:1px solid #ffffff22}.refresh-button{display:flex;align-items:center;gap:8px;border:1px solid #ffffff17;border-radius:7px;background:#ffffff04;padding:7px 12px;font-size:.75rem;color:#bdc0c6}.refresh-button:hover{background:#ffffff0b}.refresh-button:disabled{opacity:.5;cursor:wait}.refresh-button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.refresh-button.loading svg{animation:rotate 1s linear infinite}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}th{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:500;color:#858993;background:#ffffff02}th,td{padding:17px 25px}tbody tr+tr{border-top:1px solid #ffffff0b}tbody tr:hover{background:#ffffff02}td:first-child{font-weight:550;color:#d7d9dd}td{color:#93979f}td:last-child{font-size:.8rem}.status-panel-bottom{padding:16px 25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#92969e;font-size:.75rem}.status-panel-bottom>span{color:#777d86}.status-key{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:30px}.status-key>div{display:flex;gap:10px;align-items:start}.status-key .status-dot{margin-top:7px}.status-key strong{display:block;font-size:.8rem;font-weight:500;color:#b9bdc4}.status-key small{display:block;color:#80858e;font-size:.75rem}.site-footer{border-top:1px solid var(--line);padding:36px 0 48px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer .wordmark{font-size:1.7rem}.site-footer p{font-size:.8rem;color:#81858e}.site-footer>a:last-child{font-size:.8rem;color:#b0b4bc}dialog{width:min(520px,calc(100% - 32px));max-height:85vh;overflow:auto;padding:38px;border:1px solid #ffffff30;border-radius:20px;background:linear-gradient(145deg,#202124,#101113);color:var(--fg);box-shadow:0 30px 150px #000;animation:dialog-in .25s ease-out}dialog::backdrop{background:#000a;backdrop-filter:blur(7px)}dialog h2{font-size:2.2rem;margin:18px 0 20px}dialog p{margin-top:24px;color:#adb1b9;font-size:.95rem}dialog .dialog-note{font-size:.8rem;margin-bottom:24px;color:#91969f}.close-button{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:1.9rem;font-weight:300;width:40px;height:40px;color:#b9bdc4}dl{border-block:1px solid #ffffff19;padding:12px 0;margin-top:24px}dl>div{display:flex;justify-content:space-between;gap:15px;padding:8px 0;font-size:.875rem}dt{color:#959aa3}dd{margin:0}.skip-link{position:fixed;left:20px;top:-70px;background:white;color:black;padding:10px 20px;z-index:30}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{padding:40px 0}.motion-enabled .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.motion-enabled .reveal.visible{opacity:1;transform:translateY(0)}.motion-enabled .product-card.reveal.visible:hover{transform:translateY(-6px)}
@keyframes hero-drift{from{transform:scale(1)}to{transform:scale(1.028)}}@keyframes light-shift{from{transform:translateX(-8%);opacity:.4}to{transform:translateX(8%);opacity:1}}@keyframes shine{0%,70%{left:-45%}90%,100%{left:140%}}@keyframes scroll-cue{0%,100%{opacity:.35;transform:translateY(-3px)}50%{opacity:1;transform:translateY(3px)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1050px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card{padding:25px}.product-card h3 span{display:inline}.product-card h3 span:before{content:" "}.platform-icon{margin:30px 0 25px}.card-description{min-height:0}.hero-visual{aspect-ratio:auto;max-width:none;height:clamp(300px,42vw,380px)}.publisher-label{display:none}.status-panel-bottom>span{display:none}th,td{padding:16px 20px}.section-heading p{max-width:310px}.site-header nav{margin-left:20px}}@media(max-width:700px){.container,.nav-shell{width:calc(100% - 40px)}.nav-shell{height:70px}.site-header nav{gap:24px;font-size:.875rem;margin-left:auto}.nav-status{display:none}.wordmark{font-size:1.9rem}.hero-visual{height:300px}.hero-image{object-fit:cover;object-position:50% 50%;width:100%;mask-image:linear-gradient(to bottom,#000 75%,transparent)}.hero-actions{margin-top:-12px;padding-bottom:45px}.hero-baseline{padding:0 20px 20px;justify-content:center}.hero-baseline>span:not(.scroll-label){display:none}.section{padding-top:65px}.section-heading{display:block;margin-bottom:28px}.section-heading p{margin-top:22px;max-width:none}.desktop-break{display:none}h1{font-size:3rem}.product-grid{gap:12px}.product-card{padding:19px 16px}.card-top{align-items:start;flex-direction:column;gap:10px}.product-number{display:none}.product-card h3{font-size:1.15rem}.product-card h3 span{display:block}.product-card h3 span:before{content:none}.platform-icon{margin:25px 0 24px;width:51px;height:51px}.card-description{font-size:.8rem;min-height:42px}.card-bottom{gap:5px;flex-wrap:wrap}.card-bottom>span,.details-button{font-size:.75rem}.status-section{padding-bottom:60px}.status-panel-top{padding:17px 16px}.status-panel-top strong{font-size:.8rem}.refresh-button{padding:7px}.refresh-button span{display:none}.refresh-button svg{width:17px;height:17px}th,td{padding:15px 16px}th:nth-child(2),td:nth-child(2),th:last-child,td:last-child{display:none}table{font-size:.8rem}.badge{font-size:.72rem;padding:4px 8px}.status-panel-bottom{padding:15px 16px;font-size:.75rem}.status-key{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:26px}.site-footer{flex-wrap:wrap;padding-top:29px;gap:20px}.site-footer p{order:3;width:100%}dialog{padding:30px 24px}dialog h2{font-size:1.8rem}}@media(max-width:360px){.product-grid{grid-template-columns:1fr}.card-top{flex-direction:row}.product-number{display:block}.card-description{min-height:0}.button{padding-inline:18px}.status-panel-top strong{font-size:.75rem}.hero-visual{height:270px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-enabled .reveal{opacity:1;transform:none}.light-wash{display:none}}

/* Six-product collection and the released all-in-one app. */
.release-feature{display:grid;grid-template-columns:1fr 260px;gap:55px;align-items:center;margin:0 0 25px;padding:43px 60px;border:1px solid #ffffff24;border-radius:20px;background:radial-gradient(ellipse at 80% 35%,#ffffff0a,transparent 58%),linear-gradient(135deg,#191b1e,#0d0e10);overflow:hidden;position:relative}.release-feature:before{content:"";position:absolute;inset:0 auto auto 12%;width:65%;height:1px;background:linear-gradient(90deg,transparent,#d4d7dc77,transparent)}.release-copy h2{font-size:1.05rem;letter-spacing:0;color:#b9bec6;margin:16px 0 20px;font-weight:500}.release-copy>p:not(.release-description){font-size:clamp(2.4rem,4vw,3.8rem);line-height:1.08;letter-spacing:-.05em;font-weight:650}.release-copy>p>span{color:#838891}.release-copy .release-description{margin-top:22px;max-width:470px;font-size:.95rem;color:#a1a6ae;line-height:1.7}.feature-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:24px 0}.feature-chips li{font-size:.8rem;color:#c4c8cf;border:1px solid #ffffff1c;background:#ffffff04;border-radius:6px;padding:5px 12px}.release-status-link{font-size:.8rem;color:#c3c8cf;text-decoration:underline;text-underline-offset:5px}.release-preview{margin:0;position:relative;display:flex;flex-direction:column;align-items:center;gap:20px}.release-preview img{display:block;width:110px;height:auto;border:1px solid #ffffff24;border-radius:13px;box-shadow:0 20px 70px #0009;transition:transform .35s}.release-preview:hover img{transform:translateY(-4px)}.release-preview figcaption{font-size:.65rem;letter-spacing:.18em;color:#7e858f;text-align:center}.product-card{display:flex;flex-direction:column}.product-card h3{min-height:3.9rem;overflow-wrap:anywhere}.card-bottom{margin-top:auto}.card-description{margin-bottom:25px}.dialog-features{margin-top:24px}.dialog-features h3{font-size:.85rem;font-weight:550;color:#bfc4cc}.dialog-features .feature-chips{margin:14px 0 0}.badge.in-development{color:#b9bec7;background:#ffffff04}
@media(max-width:1050px){.release-feature{grid-template-columns:1fr 190px;padding:35px;gap:28px}.product-card h3{min-height:3.6rem}}@media(max-width:700px){.release-feature{grid-template-columns:1fr;padding:28px 23px;gap:30px}.release-copy>p:not(.release-description){font-size:2.7rem}.release-preview{display:none}.product-card h3{font-size:1.1rem;min-height:4.3rem;line-height:1.35}.card-description{min-height:42px}.feature-chips li{padding:4px 9px}.status-panel table{table-layout:fixed}.status-panel th:first-child,.status-panel td:first-child{width:55%;overflow-wrap:anywhere}.status-panel th:nth-child(3),.status-panel td:nth-child(3){width:45%}.status-panel td{padding-inline:12px}.status-panel .badge{white-space:normal;font-size:.7rem}.status-panel .badge .status-dot{width:5px;height:5px}.status-panel .badge{gap:5px}.product-card .badge{white-space:normal}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:360px){.product-grid{grid-template-columns:1fr}.product-card h3{min-height:0}.card-description{min-height:0}}

/* Theme system */
:root{--accent:#d7dbe2;--accent-rgb:215,219,226;--accent-strong:#fff;--accent-soft:#b9c0ca;--accent-deep:#5f6670;--panel-tint:#191a1d;--hero-glow:#ebf1ff;--particle-a:182,225,255;--particle-b:199,184,255;--particle-c:255,190,164}
:root[data-theme="sapphire"]{--accent:#5ca8ff;--accent-rgb:92,168,255;--accent-strong:#cae5ff;--accent-soft:#7dbaff;--accent-deep:#174d92;--panel-tint:#101d2d;--hero-glow:#268cff;--particle-a:58,211,255;--particle-b:76,139,255;--particle-c:143,194,255}
:root[data-theme="violet"]{--accent:#ad7aff;--accent-rgb:173,122,255;--accent-strong:#e6d7ff;--accent-soft:#bf97ff;--accent-deep:#58319b;--panel-tint:#1b1328;--hero-glow:#9552ff;--particle-a:196,131,255;--particle-b:128,96,255;--particle-c:233,182,255}
:root[data-theme="crimson"]{--accent:#ff6b82;--accent-rgb:255,107,130;--accent-strong:#ffd5dc;--accent-soft:#ff899b;--accent-deep:#932c44;--panel-tint:#271217;--hero-glow:#f0415c;--particle-a:255,120,145;--particle-b:255,76,105;--particle-c:255,181,154}
:root[data-theme="emerald"]{--accent:#48d6a2;--accent-rgb:72,214,162;--accent-strong:#cdf9e9;--accent-soft:#69dfb3;--accent-deep:#197457;--panel-tint:#10231d;--hero-glow:#1fc285;--particle-a:69,231,188;--particle-b:67,187,150;--particle-c:170,244,206}
::selection{background:rgba(var(--accent-rgb),.28);color:#fff}
button:focus-visible,a:focus-visible{outline-color:var(--accent)}
.light-wash{background:radial-gradient(ellipse at 24% 25%,rgba(var(--accent-rgb),.10),transparent 45%)}
.primary{background:linear-gradient(165deg,var(--accent-strong),var(--accent-soft));border-color:rgba(var(--accent-rgb),.48);box-shadow:0 2px 18px rgba(var(--accent-rgb),.12),inset 0 1px #fff}
.scroll-progress i{background:linear-gradient(90deg,transparent,var(--accent),var(--accent-strong));box-shadow:0 0 14px rgba(var(--accent-rgb),.48)}
.product-card.featured,.release-feature,.discord-card,.video-feature{border-color:rgba(var(--accent-rgb),.24)}
.product-card.featured:after,.release-feature:before{background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.65),transparent)}
.feature-chips li.lit{border-color:rgba(var(--accent-rgb),.65);background:rgba(var(--accent-rgb),.11);box-shadow:0 0 26px rgba(var(--accent-rgb),.14)}
.eyebrow,.release-status-link{color:var(--accent-soft)}
.theme-toggle{display:inline-flex;align-items:center;gap:8px;height:35px;border:1px solid #ffffff1f;border-radius:100px;padding:0 14px;font-size:.8rem;color:#c0c3c8;background:#ffffff04;transition:border-color .2s,background .2s,color .2s}
.theme-toggle:hover{border-color:rgba(var(--accent-rgb),.58);color:var(--accent-strong);background:rgba(var(--accent-rgb),.08)}
.theme-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4}
.theme-toggle svg circle{fill:currentColor;stroke:none}
.theme-dialog{width:min(600px,calc(100% - 32px))}
.theme-dialog .theme-intro{margin-top:-8px;margin-bottom:25px}
.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.theme-option{display:grid;grid-template-columns:38px 1fr 22px;align-items:center;gap:12px;min-height:72px;text-align:left;border:1px solid #ffffff16;border-radius:13px;background:#ffffff04;padding:11px 14px;transition:border-color .2s,background .2s,transform .2s}
.theme-option:hover{transform:translateY(-2px);border-color:#ffffff3e;background:#ffffff08}
.theme-option[aria-checked="true"]{border-color:rgba(var(--accent-rgb),.62);background:rgba(var(--accent-rgb),.10);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.10)}
.theme-option strong,.theme-option small{display:block}.theme-option strong{font-size:.88rem}.theme-option small{font-size:.72rem;color:#8f949d}.theme-option i{font-style:normal;color:var(--accent);opacity:0}.theme-option[aria-checked="true"] i{opacity:1}
.theme-swatch{width:34px;height:34px;border-radius:10px;border:1px solid #ffffff30;box-shadow:inset 0 1px #fff5,0 7px 18px #0005}
.theme-swatch.silver{background:linear-gradient(135deg,#f4f4f4,#70747d 55%,#111318)}
.theme-swatch.sapphire{background:linear-gradient(135deg,#cbe7ff,#287ce8 55%,#07172e)}
.theme-swatch.violet{background:linear-gradient(135deg,#ead9ff,#8d46e9 55%,#180829)}
.theme-swatch.crimson{background:linear-gradient(135deg,#ffd6dd,#db3d59 55%,#2a070e)}
.theme-swatch.emerald{background:linear-gradient(135deg,#d4ffef,#1dac7a 55%,#06251b)}
.theme-save-note{font-size:.72rem!important;color:#777c85!important;margin-top:20px!important}
@media(max-width:900px){.theme-toggle{width:35px;padding:0;justify-content:center}.theme-toggle span{display:none}}
@media(max-width:700px){.theme-grid{grid-template-columns:1fr}.theme-dialog{padding:30px 22px}.theme-toggle{flex:none}}

/* Full-page palette mapping */
:root{--page:#090a0c;--page-rgb:9,10,12;--surface:#111214;--surface-2:#191a1d;--surface-3:#0d0e10;--header:9,10,12;--theme-line:255,255,255}
:root[data-theme="sapphire"]{--bg:#050b14;--panel:#0a1421;--line:#5ca8ff20;--page:#050b14;--page-rgb:5,11,20;--surface:#0a1421;--surface-2:#10243a;--surface-3:#07101c;--header:5,11,20;--theme-line:92,168,255}
:root[data-theme="violet"]{--bg:#0b0712;--panel:#150d21;--line:#ad7aff20;--page:#0b0712;--page-rgb:11,7,18;--surface:#150d21;--surface-2:#241439;--surface-3:#0d0816;--header:11,7,18;--theme-line:173,122,255}
:root[data-theme="crimson"]{--bg:#100609;--panel:#1d0d12;--line:#ff6b8220;--page:#100609;--page-rgb:16,6,9;--surface:#1d0d12;--surface-2:#35141d;--surface-3:#12070a;--header:16,6,9;--theme-line:255,107,130}
:root[data-theme="emerald"]{--bg:#04100b;--panel:#091b14;--line:#48d6a220;--page:#04100b;--page-rgb:4,16,11;--surface:#091b14;--surface-2:#102e23;--surface-3:#06140e;--header:4,16,11;--theme-line:72,214,162}
body{background:radial-gradient(ellipse at 50% 4%,rgba(var(--accent-rgb),.075),transparent 35%),var(--page)}
.site-header,.site-header.scrolled{background:rgba(var(--header),.88);border-bottom-color:rgba(var(--theme-line),.12)}
.hero,.marquee,.site-footer{border-color:rgba(var(--theme-line),.11)}
.product-card{background:linear-gradient(150deg,var(--surface-2),var(--surface) 68%);border-color:rgba(var(--theme-line),.13)}
.product-card.featured{background:linear-gradient(140deg,color-mix(in srgb,var(--surface-2) 88%,var(--accent) 12%),var(--surface) 60%)}
.release-feature{background:radial-gradient(ellipse at 80% 35%,rgba(var(--accent-rgb),.10),transparent 58%),linear-gradient(135deg,var(--surface-2),var(--surface-3))}
.status-panel{background:var(--surface);border-color:rgba(var(--theme-line),.16)}
.status-panel-top,tbody tr+tr,.status-panel-bottom,.card-bottom{border-color:rgba(var(--theme-line),.10)}
th,tbody tr:hover{background:rgba(var(--accent-rgb),.025)}
.platform-icon{border-color:rgba(var(--theme-line),.13);background:linear-gradient(145deg,rgba(var(--accent-rgb),.10),rgba(var(--accent-rgb),.015))}
.feature-chips li,.badge,.nav-status,.nav-music,.theme-toggle,.nav-discord,.ghost,.refresh-button{border-color:rgba(var(--theme-line),.15);background:rgba(var(--accent-rgb),.035)}
.discord-card{background:radial-gradient(ellipse at 85% 50%,rgba(var(--accent-rgb),.12),transparent 60%),linear-gradient(140deg,var(--surface-2),var(--surface-3))}
.discord-card:before{background:linear-gradient(90deg,rgba(var(--accent-rgb),.08),rgba(var(--accent-rgb),.48),rgba(var(--accent-rgb),.08))}
.video-feature{background:linear-gradient(145deg,var(--surface-2),var(--surface-3))}
dialog{background:linear-gradient(145deg,var(--surface-2),var(--surface));border-color:rgba(var(--theme-line),.25)}
.theme-option[aria-checked="true"]{background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.68)}
/* Theme swaps should feel immediate; only hover and entrance motion remain animated. */
html[data-theme] body,html[data-theme] .site-header,html[data-theme] .product-card,html[data-theme] .release-feature,html[data-theme] .status-panel,html[data-theme] .discord-card,html[data-theme] .video-feature{transition:background-color .08s linear,border-color .08s linear}

/* Rich themed surfaces below the hero */
:root[data-theme]:not([data-theme="silver"]) .product-card{
  background:
    radial-gradient(300px circle at 88% 6%,rgba(var(--accent-rgb),.15),transparent 64%),
    linear-gradient(150deg,color-mix(in srgb,var(--surface-2) 86%,var(--accent) 14%),var(--surface) 72%);
  border-color:rgba(var(--theme-line),.24);
  box-shadow:inset 0 1px rgba(var(--theme-line),.08);
}
:root[data-theme]:not([data-theme="silver"]) .release-feature{
  background:
    radial-gradient(ellipse at 82% 30%,rgba(var(--accent-rgb),.20),transparent 52%),
    linear-gradient(135deg,color-mix(in srgb,var(--surface-2) 84%,var(--accent) 16%),var(--surface-3));
  border-color:rgba(var(--theme-line),.30);
}
:root[data-theme]:not([data-theme="silver"]) .status-panel{
  background:
    linear-gradient(145deg,rgba(var(--accent-rgb),.09),transparent 36%),
    var(--surface);
  border-color:rgba(var(--theme-line),.28);
  box-shadow:0 22px 70px rgba(var(--page-rgb),.52),inset 0 1px rgba(var(--theme-line),.08);
}
:root[data-theme]:not([data-theme="silver"]) .discord-card{
  background:
    radial-gradient(ellipse at 84% 44%,rgba(var(--accent-rgb),.24),transparent 58%),
    linear-gradient(140deg,color-mix(in srgb,var(--surface-2) 82%,var(--accent) 18%),var(--surface-3));
  border:1px solid rgba(var(--theme-line),.28);
}
:root[data-theme]:not([data-theme="silver"]) .video-feature{
  background:
    radial-gradient(ellipse at 88% 0%,rgba(var(--accent-rgb),.14),transparent 44%),
    linear-gradient(145deg,color-mix(in srgb,var(--surface-2) 88%,var(--accent) 12%),var(--surface-3));
  border-color:rgba(var(--theme-line),.26);
}
:root[data-theme]:not([data-theme="silver"]) .platform-icon,
:root[data-theme]:not([data-theme="silver"]) .feature-chips li{
  background:linear-gradient(145deg,rgba(var(--accent-rgb),.14),rgba(var(--accent-rgb),.025));
  border-color:rgba(var(--theme-line),.22);
}

/* About RPBRC */
.about-rpbrc{margin-top:92px;margin-bottom:18px;padding:54px 58px;border:1px solid rgba(var(--theme-line),.18);border-radius:22px;background:radial-gradient(ellipse at 90% 15%,rgba(var(--accent-rgb),.13),transparent 48%),linear-gradient(140deg,var(--surface-2),var(--surface-3));position:relative;overflow:hidden}.about-rpbrc:before{content:"";position:absolute;left:58px;right:58px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.72),transparent)}.about-rpbrc-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:end;margin-top:24px}.about-rpbrc h2{margin:0;font-size:clamp(2.4rem,4.8vw,4.4rem);line-height:1.02}.about-rpbrc h2 span{color:var(--accent-soft)}.about-rpbrc p{color:var(--muted);font-size:1rem;line-height:1.85;max-width:570px}.about-rpbrc strong{display:block;margin-top:24px;color:var(--accent-strong);font-size:.82rem;letter-spacing:.13em;text-transform:uppercase}@media(max-width:700px){.about-rpbrc{margin-top:56px;padding:38px 26px}.about-rpbrc:before{left:26px;right:26px}.about-rpbrc-grid{grid-template-columns:1fr;gap:28px}.about-rpbrc p{font-size:.9rem}}