/* Shared visual system. Page-specific layouts and product interactions stay local. */
:root {
  color-scheme: dark;
  --site-bg:#101112; --site-surface:#18191b; --site-surface-2:#202124;
  --site-text:#f4f0eb; --site-muted:#aaa9a7; --site-faint:#8d8d8c;
  --site-red:#c34f43; --site-red-bright:#f28e7c; --site-red-soft:#f28e7c16; --site-red-line:#f28e7c60;
  --bg:#101112; --bg-1:#101112; --bg-2:#151618; --surface:#18191b; --surface2:#202124;
  --text:#f4f0eb; --muted:#aaa9a7; --faint:#8d8d8c; --accent:#f28e7c; --accent2:#f28e7c;
  --accent-soft:#f28e7c16; --accent-line:#f28e7c50; --border:#ffffff16; --line:#ffffff16;
}
html {scroll-padding-top:100px;scroll-behavior:smooth}
body,body.site-refresh {background:#101112;color:#f4f0eb;font-family:Inter,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;line-height:1.65;margin:0;padding-top:76px;}
body::before,body::after {display:none!important}
* {box-sizing:border-box}
::selection {background:#f28e7c;color:#101112}
:focus-visible {outline:2px solid #f28e7c!important;outline-offset:5px}
body h1,body.site-refresh h1 {font-weight:650;letter-spacing:-.055em!important;line-height:1.04;-webkit-text-fill-color:initial;background:none;color:#f4f0eb;text-wrap:balance}
body h2,body.site-refresh h2 {letter-spacing:-.035em!important;font-weight:600;line-height:1.17;text-wrap:balance}
body h3 {letter-spacing:-.02em}
p {line-height:1.75}
.design-header {position:fixed;inset:0 0 auto;z-index:1000;background:#101112ed;border-bottom:1px solid #ffffff14;backdrop-filter:blur(20px);min-height:76px;padding:0;text-align:left;display:block;}
.design-nav {width:min(1180px,calc(100% - 64px));height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.design-brand {display:flex;align-items:center;gap:12px;color:#f4f0eb;text-decoration:none;font-size:21px;font-weight:650;letter-spacing:-.04em;white-space:nowrap}
.design-brand img {width:30px;height:30px;object-fit:contain}
.design-wordmark {color:#8d8d8c;font-size:12px;letter-spacing:0;font-weight:400;margin-left:5px}
.design-links {display:flex;gap:30px;align-items:center;position:static;padding:0;border:0;background:none;box-shadow:none;width:auto;}
.design-links a {color:#aaa9a7;font-size:13px;text-decoration:none;font-weight:500;padding:0;display:inline-flex;align-items:center;gap:24px;background:none;border-radius:0}
.design-links a:hover,.design-links a[aria-current] {color:#f4f0eb;background:none}
.design-links .design-nav-cta {border:1px solid #ffffff25;border-radius:8px;padding:10px 16px;color:#f4f0eb}
.design-toggle {display:none;background:none;border:1px solid #ffffff30;border-radius:8px;color:#f4f0eb;font-size:22px;width:42px;height:42px;cursor:pointer}
body.site-refresh .modal {z-index:1200!important}
.design-skip {position:fixed;top:-70px;left:20px;z-index:1100;padding:10px 20px;background:#f28e7c;color:#101112;border-radius:6px}
.design-skip:focus {top:12px}
.site-home-nav,.nav-wrap,body.page-gorilla>.shell>.topbar,.design-docs>.shell>.topbar,.design-stealth>.back-btn {display:none!important}
body.site-refresh .card,body.site-refresh .panel,body.site-refresh .plan,body.site-refresh .stat,body.site-refresh .faq-item,body.site-refresh .principles,.stealth-card,.highlight-box,.design-docs section {border-radius:14px!important;border-color:#ffffff16!important;background:#18191b!important;box-shadow:none!important}
body.site-refresh .btn,body.site-refresh .button,.site-btn {min-height:46px;border-radius:8px!important;font-weight:600}
body.site-refresh .btn.primary,body.site-refresh .button.primary,.site-btn.primary {background:#f28e7c!important;border-color:#f28e7c!important;color:#171313!important;box-shadow:none!important}
body.site-refresh .section {padding-top:80px!important}
body.site-refresh .hero {background:#101112;min-height:0;padding-top:90px;padding-bottom:90px}
body.site-refresh .hero::before,body.site-refresh .hero::after {display:none}
body.site-refresh .hero h1 {font-size:clamp(44px,6vw,80px)}
body.site-refresh .hero p {color:#aaa9a7}
body.page-about .hero {border-bottom:1px solid #ffffff16}
body.page-about .hero-copy {max-width:740px}
body.page-roblox .preview {margin-top:0!important;max-width:1000px}
.site-hero {width:min(1180px,calc(100% - 64px));margin:auto;min-height:660px;display:grid;grid-template-columns:1.03fr 1fr;gap:48px;align-items:center;overflow:visible;border:0;padding:80px 0;}
.site-hero-inner {grid-column:1;grid-row:1;width:100%;padding:0;margin:0}
.site-hero h1 {font-size:clamp(60px,7vw,96px);margin-bottom:28px}
.site-hero h1 span {color:#f28e7c}
.site-eyebrow {font-size:10px;letter-spacing:.14em;margin-bottom:28px;color:#aaa9a7}
.site-hero-copy {font-size:16px;max-width:440px;line-height:1.8}
.site-hero-media {position:relative;inset:auto;grid-column:2;grid-row:1;border:1px solid #ffffff20;border-radius:16px;overflow:hidden;background:#191a1c;box-shadow:0 35px 100px #0005;transform:rotate(-2deg)}
.site-hero-media img {display:block;height:350px;width:100%;object-fit:cover;object-position:center;filter:none;animation:none;transform:none}
.site-hero-media::after {display:none}
.design-preview-label,.design-preview-caption {display:flex;align-items:center;justify-content:space-between;padding:18px 20px;color:#a5a5a5;font-size:10px;letter-spacing:.08em;gap:15px}
.design-preview-caption {font-size:12px;letter-spacing:0;color:#e4dfda;border-top:1px solid #ffffff12}
.design-preview-caption span:last-child {color:#f28e7c;font-size:20px}
.site-hero-metrics {margin-top:40px;gap:32px}
.site-metric {padding:0;border:0}
.site-metric strong {font-size:18px;font-weight:600}
.site-section {width:min(1180px,calc(100% - 64px));padding:68px 0 0;border-top:1px solid #ffffff16}
.site-section h2 {font-size:clamp(36px,4vw,52px);margin-bottom:0}
.site-section-head>p {font-size:14px;max-width:360px;margin:0}
.suite-grid {gap:20px}
.suite-card {border-radius:14px;padding:28px;min-height:360px;background:#18191b}
.suite-card:nth-child(1),.suite-card:nth-child(2) {grid-column:span 6}
.suite-card:nth-child(n+3) {min-height:220px}
.suite-card h3 {font-size:28px;margin:8px 0}
.suite-card p {margin-bottom:0;max-width:380px;color:#b6b5b3}
.suite-card img {filter:brightness(.6) saturate(.65);object-position:center 25%}
.suite-card::after {background:linear-gradient(0deg,#151617 4%,#151617e8 35%,#15161705)}
.suite-card:nth-child(n+3)::after {display:none}
.site-trust {margin-top:24px;border-radius:14px;background:transparent}
.site-trust strong {font-weight:550}.site-trust span {line-height:1.65}
.site-home-footer {margin-top:72px!important}
.design-docs .shell {padding-top:24px;width:min(1180px,calc(100% - 64px))}
.design-docs .grid:not(.section .grid),.design-docs>.grid,.design-docs>.backdrop,.design-stealth>.grid,.design-stealth>canvas {background:none;animation:none}
.design-docs>.grid,.design-stealth>.grid,.design-stealth>canvas {display:none}
.design-docs .shell>header {text-align:left;min-height:0;display:block;padding:62px 0;max-width:850px}
.design-docs h1 {font-size:clamp(40px,5.5vw,68px)}
.design-docs .subtitle {margin:20px 0 0;text-align:left;max-width:720px}
.design-docs .top-actions {position:static;justify-content:flex-start}
.design-docs .layout {grid-template-columns:230px minmax(0,1fr);gap:28px}
.design-docs .layout>nav {position:sticky;top:100px;border-radius:12px;background:#18191b;border:1px solid #ffffff16}
.design-docs main {min-width:0}
.design-docs .layout>*,.design-docs section,.design-docs .code,.design-docs .code-wrap {min-width:0;max-width:100%}
.design-docs section {overflow-wrap:anywhere}
.design-context {width:min(1180px,calc(100% - 40px));margin:20px auto 0;display:flex;gap:20px;flex-wrap:wrap;font-size:12px}
.design-context a {color:#aaa9a7;text-decoration:none}.design-context a:hover {color:#f28e7c}
.design-docs section {scroll-margin-top:100px}
.design-docs .eyebrow {border:0;background:none;padding:0;box-shadow:none;color:#f28e7c;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.design-docs pre {max-width:100%;overflow:auto}
.design-docs table {display:block;overflow:auto;max-width:100%}
.design-stealth .container {width:min(1180px,calc(100% - 64px));padding:80px 0}
.design-stealth h1 {font-size:clamp(40px,5.5vw,68px);text-align:left}
.design-stealth .subtitle {text-align:left;margin:20px 0 50px;line-height:1.7}
.design-stealth .stealth-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.design-stealth .highlight-box {text-align:left;margin-bottom:24px}
.design-stealth .stealth-card {padding:28px;backdrop-filter:none}
.design-stealth .stealth-card:hover {transform:translateY(-4px)}
.design-stealth .stealth-card i {font-size:24px;color:#f28e7c}
.design-stealth .stealth-card h3 {font-size:18px}
.design-stealth .stealth-card p {font-size:14px}
.design-return {display:flex;justify-content:center;gap:24px;margin-top:28px;color:#f28e7c;text-decoration:none;font-size:14px}
.page-status main {min-height:calc(100svh - 76px);padding:64px 20px}
.page-status .panel {padding:60px 36px;max-width:640px;width:100%}
.page-status h1 {font-size:clamp(46px,7vw,72px)}
@media(max-width:960px){
 .site-hero {gap:28px;min-height:580px}.site-hero h1 {font-size:68px}.site-hero-media img {height:300px}
 .design-stealth .stealth-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .design-docs .layout {grid-template-columns:minmax(0,1fr)}.design-docs .layout>nav {position:static}
}
@media(max-width:760px){
 .design-nav {width:calc(100% - 32px);height:68px}.design-header {min-height:68px}body,body.site-refresh {padding-top:68px}
 .design-wordmark {display:none}.design-toggle {display:block}
 .design-links {display:none;position:absolute;top:68px;left:0;right:0;background:#18191b;padding:20px 24px;border-bottom:1px solid #ffffff25;align-items:stretch;gap:22px}
 .design-header.is-open .design-links {display:flex;flex-direction:column}.design-links a {font-size:15px}
 .site-hero {width:calc(100% - 40px);grid-template-columns:1fr;gap:48px;padding:54px 0;min-height:0}
 .site-hero h1 {font-size:clamp(56px,13vw,80px)}.site-hero-media {grid-column:1;grid-row:2;transform:none}.site-hero-media img {height:auto;max-height:360px;object-fit:cover}
 .site-actions .site-btn {width:auto}.site-hero-metrics {gap:30px}.site-eyebrow {font-size:9px}
 .site-section {width:calc(100% - 40px);padding-top:48px}.site-section-head {gap:18px}.suite-card:nth-child(n) {grid-column:span 12;min-height:280px}.suite-card:nth-child(n+3){min-height:210px}
 .design-docs .shell,.design-stealth .container {width:calc(100% - 32px)}.design-stealth .container {padding-top:48px}
 .design-stealth .stealth-grid {grid-template-columns:1fr}.design-docs .shell>header {padding:36px 0}
 body.site-refresh .hero {padding-top:54px;padding-bottom:54px}body.site-refresh .section {padding-top:56px!important}
 .site-trust {grid-template-columns:1fr}.site-trust div {border-right:0;border-bottom:1px solid #ffffff16}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}