#page-index .gateway-statbar{background:linear-gradient(110deg,#211e19,#0d0d0b,#292015);border-block:1px solid #a58a58;color:#fff9eb}
#page-index .gateway-stats{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);padding:26px 24px}
#page-index .gateway-stats>div{display:flex;align-items:center;justify-content:center;gap:22px;padding:0 16px}
#page-index .gateway-stats>div+div{border-left:1px solid #c8ad73}
#page-index .gateway-stats svg{width:49px;height:49px;color:#dfb35e;flex-shrink:0}
#page-index .gateway-stats p{margin:0;display:flex;flex-direction:column;gap:6px}
#page-index .gateway-stats strong{font:400 34px/1.1 Georgia,serif;white-space:nowrap}
#page-index .gateway-stats span{font:600 10px/1.4 Arial,sans-serif;letter-spacing:.22em;color:#e8bf6a}
/* Champagne beige and polished gold for the light-theme stats. */
body.light-mode #page-index .gateway-statbar{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,#f4e6cd,#fff5e2 48%,#eddbba);border-color:#bc914b;color:#916017;box-shadow:inset 0 1px 0 #fff9eb,inset 0 -1px 0 #d5b575,0 5px 18px #93622218}
body.light-mode #page-index .gateway-statbar:before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#fffbed99 47%,#e9c77b55 52%,transparent 65%);transform:translateX(-100%);animation:gateway-gold-shimmer 6s ease-in-out infinite}
body.light-mode #page-index .gateway-stats strong{color:#916017;font-weight:700;text-shadow:0 1px 0 #fff8e6,0 2px 9px #bd883326}
@supports (background-clip:text){
 body.light-mode #page-index .gateway-stats strong{background:linear-gradient(115deg,#805015 8%,#b17c25 32%,#936018 48%,#bc8b32 64%,#805015 92%);background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 1px 0 #fff7e2)}
}
body.light-mode #page-index .gateway-stats span{color:#8a5e1c;font-weight:700}
body.light-mode #page-index .gateway-stats svg{color:#a97623;filter:drop-shadow(0 1px 0 #fff8e7) drop-shadow(0 2px 4px #b4823933)}
body.light-mode #page-index .gateway-stats>div+div{border-color:#bf995a80}
@keyframes gateway-gold-shimmer{0%,15%{transform:translateX(-100%)}70%,100%{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){body.light-mode #page-index .gateway-statbar:before{animation:none;transform:none;opacity:.35}}
#page-index .gateway-ecosystem{padding:36px 3% 44px;background:radial-gradient(ellipse at 30% 10%,#e9cf9c14,transparent 65%),#15130f;text-align:center;color:#f7ecdc}
#page-index .gateway-ecosystem h2{font:400 clamp(27px,3vw,43px)/1.2 'Queen Display',Georgia,serif;margin:8px auto 24px;letter-spacing:-.025em}
#page-index .gateway-ecosystem em{font-style:normal;color:#c39447}
#page-index .ecosystem-flow{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
#page-index .ecosystem-flow>div{position:relative}
#page-index .ecosystem-flow>div+div:before{content:'›';position:absolute;left:-20px;top:24px;font:36px/1 Georgia,serif;color:#b77c2a}
#page-index .ecosystem-icon{width:74px;height:74px;display:grid;place-items:center;border:1px solid #b98940;border-radius:50%;margin:0 auto 6px;color:#b98940}
#page-index .ecosystem-icon svg{width:38px;height:38px}
#page-index .ecosystem-flow h3{font:500 14px/1.3 Arial,sans-serif;letter-spacing:.04em;margin:0 0 6px;color:inherit}
#page-index .ecosystem-flow p{font:400 16px/1.3 Arial,sans-serif;margin:0;color:#c8bcaa}

/* Open cream-and-gold composition from the supplied homepage reference. */
body:has(#page-index:not([hidden])){--home-canvas:#fbf6ec;--home-copy:#191510;--home-accent:#b57225}
body:has(#page-index:not([hidden])) header{background:#fcfaf6;border-bottom:1px solid #e4c79e}
#page-index .home-gateway,body.light-mode #page-index .home-gateway{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(590px,33.8vw,760px);padding:36px 0 58px;background:#fbf4e8;color:#191510}
#page-index .home-gateway:before,#page-index .home-gateway:after{content:'';position:absolute;z-index:-1;top:0;bottom:0;width:24%;opacity:.55;background-repeat:no-repeat;background-size:cover;background-position:center bottom;pointer-events:none}
#page-index .home-gateway:before{left:0;background-image:url('/assets/home/reference-player-scene.webp');mask-image:linear-gradient(90deg,#000 75%,transparent)}
#page-index .home-gateway:after{right:0;background-image:url('/assets/home/reference-operator-scene.webp');mask-image:linear-gradient(270deg,#000 75%,transparent)}
#page-index .gateway-heading{position:relative;text-align:center;max-width:1250px;width:76%;margin:0 auto 24px}
#page-index .gateway-eyebrow{color:#ac621c;font:600 14px/1.5 Arial,sans-serif;letter-spacing:.45em;margin:0 0 8px}
#page-index .gateway-heading h1{font:400 clamp(34px,3.5vw,68px)/1.12 Georgia,serif;letter-spacing:-.045em;color:#17130f;margin:0 0 10px}
#page-index .gateway-heading h1 em{color:#b7762c;font-style:normal}
#page-index .gateway-heading>p:last-child{font:400 clamp(15px,1.2vw,22px)/1.4 Arial,sans-serif;margin:0}
#page-index .gateway-cards{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,8vw,170px);width:53%;max-width:1100px;margin:auto}
#page-index .gateway-card{min-width:0;position:relative;text-align:center;background:none;border:0;border-radius:0;box-shadow:none;padding:0;overflow:visible;color:inherit}
#page-index .gateway-card:after{display:none}
#page-index .hub-audience{font:600 12px/1.4 Arial,sans-serif;color:#ac621c;letter-spacing:.4em;margin:0 0 2px}
#page-index .hub-brand{display:flex;justify-content:center;align-items:baseline;gap:.025em;padding-block:5px 8px;font:700 clamp(28px,2.6vw,46px)/1 Georgia,serif;color:#ad751e;letter-spacing:-.055em;filter:drop-shadow(0 1px 0 #fff4d0) drop-shadow(0 3px 3px #8c5a2426)}
#page-index .hub-brand-number{font-size:1.65em;line-height:.9}
#page-index .hub-brand-name{font-size:1em}
@supports (background-clip:text){
 #page-index .hub-brand>span{background:linear-gradient(165deg,#805014 5%,#ca9638 25%,#ffe7a1 40%,#b37b21 52%,#dba941 72%,#875112 95%);background-clip:text;-webkit-background-clip:text;color:transparent}
}
body:not(.light-mode) #page-index .hub-brand{filter:drop-shadow(0 1px 1px #4b2c0d) drop-shadow(0 3px 7px #dca54440)}
#page-index .gateway-card h2{font:400 clamp(27px,2.6vw,51px)/1.2 Georgia,serif;white-space:nowrap;letter-spacing:-.035em;margin:2px -25px 10px;color:inherit}
#page-index .hub-motto{font:600 11px/1.5 Arial,sans-serif;letter-spacing:.34em;margin:0 0 19px;white-space:nowrap}
#page-index .hub-description{font:400 clamp(15px,1.08vw,20px)/1.5 Arial,sans-serif;margin:0 auto 20px;max-width:390px;min-height:4.5em}
#page-index .gateway-button{display:flex;align-items:center;justify-content:center;gap:14px;padding:18px 14px;border-radius:50px;background:linear-gradient(110deg,#efb95e,#f7d993 48%,#e8ad51);color:#17130f;font:600 clamp(11px,.95vw,18px)/1.3 Arial,sans-serif;text-decoration:none;white-space:nowrap;transition:filter .18s,transform .18s}
#page-index .gateway-button:hover{filter:brightness(1.05);transform:translateY(-2px)}
#page-index .gateway-button:focus-visible{outline:3px solid #925415;outline-offset:5px}
#page-index .gateway-divider{position:absolute;left:50%;top:0;bottom:-35px;width:1px;background:linear-gradient(transparent,#c88a35 15%,#c88a35 85%,transparent)}
#page-index .gateway-gold-star{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);display:block;width:112px;height:180px;max-width:none;filter:drop-shadow(0 2px 5px #9e632530);pointer-events:none}
body:has(#page-index:not([hidden])) .nav{max-width:1800px;min-height:95px;padding:12px 4%;gap:20px}
body:has(#page-index:not([hidden])) .nav .brand img{width:170px;height:72px;object-fit:contain}
body:has(#page-index:not([hidden])) .nav .links>a[href="#/index"]{background:none;color:#ac621c;border-radius:0;border-bottom:2px solid #ac621c}
body:not(.light-mode) #page-index .home-gateway{background-color:#1b1710;color:#fff5e3}
body:not(.light-mode) #page-index .gateway-heading h1{color:#fff5e3}
body:not(.light-mode) #page-index .home-gateway:before,body:not(.light-mode) #page-index .home-gateway:after{opacity:.33}
body:not(.light-mode):has(#page-index:not([hidden])) header{background:#17140f}
body.light-mode #page-index .gateway-ecosystem{background:#fcf8f1;color:#171511}
body.light-mode #page-index .ecosystem-flow p{color:#625b52}
@media(max-width:1100px){
 body:has(#page-index:not([hidden])) .nav{gap:10px;padding-inline:20px}
 body:has(#page-index:not([hidden])) .nav .brand img{width:120px;height:60px}
 #page-index .gateway-cards{width:62%;gap:65px}
 #page-index .home-gateway:before,#page-index .home-gateway:after{width:21%;opacity:.45}
 #page-index .gateway-heading{width:90%}
 #page-index .gateway-card h2{font-size:29px}
 #page-index .hub-motto{font-size:9px;letter-spacing:.25em}
 #page-index .gateway-gold-star{width:82px;height:132px}
}
@media(max-width:700px){
 #page-index .home-gateway,body.light-mode #page-index .home-gateway{padding:30px 22px 42px}
 #page-index .home-gateway:before,#page-index .home-gateway:after{width:45%;opacity:.16;mask-image:linear-gradient(0deg,#000,transparent 90%)}
 #page-index .gateway-heading{width:100%;margin-bottom:30px}
 #page-index .gateway-heading h1{font-size:38px}
 #page-index .gateway-eyebrow{font-size:10px;letter-spacing:.3em}
 #page-index .desktop-break{display:none}
 #page-index .gateway-cards{width:100%;max-width:390px;grid-template-columns:1fr;gap:40px}
 #page-index .gateway-card{padding:0 12px}
 #page-index .gateway-card h2{font-size:35px;margin-inline:0}
 #page-index .hub-brand{font-size:32px}
 #page-index .hub-description{min-height:0;font-size:16px}
 #page-index .hub-motto{font-size:10px}
 #page-index .gateway-divider{display:none}
 #page-index .gateway-partners{border-top:1px solid #d3ae73;padding-top:30px}
 #page-index .gateway-button{font-size:13px}
 #page-index .gateway-stats{grid-template-columns:1fr;padding:10px 24px}
 #page-index .gateway-stats>div{padding:18px 0}
 #page-index .gateway-stats>div+div{border-left:0;border-top:1px solid #9f8556}
 #page-index .ecosystem-flow{grid-template-columns:1fr 1fr}
 #page-index .ecosystem-flow>div:before{display:none}
}
@media(prefers-reduced-motion:reduce){#page-index .gateway-button{transition:none}}
body.light-mode:has(#page-index:not([hidden])) .nav :is(.division-tab,.nav-drop){background:none;border-color:transparent;color:#191510;box-shadow:none}
@media(min-width:901px){
 body:has(#page-index:not([hidden])) .nav{flex-wrap:nowrap}
 body:has(#page-index:not([hidden])) .nav .links{order:0;flex:1 1 auto;width:auto;min-width:0;flex-wrap:nowrap;justify-content:flex-end}
 body:has(#page-index:not([hidden])) .nav .language-label{display:none}
 body:has(#page-index:not([hidden])) .nav #theme-toggle{flex-shrink:0}
}
@media(min-width:901px) and (max-width:1250px){
 body:has(#page-index:not([hidden])) .nav{gap:6px;padding-inline:12px;--utility-width:90px}
 body:has(#page-index:not([hidden])) .nav .brand img{width:90px;height:60px}
 body:has(#page-index:not([hidden])) .nav .links{gap:6px;font-size:11px}
 body:has(#page-index:not([hidden])) .nav :is(.division-tab,.search-open,.theme-toggle,#site-language){font-size:11px;padding-inline:6px;letter-spacing:0}
 body:has(#page-index:not([hidden])) .nav .nav-group>.nav-drop{padding:12px 6px!important;font-size:11px;letter-spacing:0!important;gap:4px}
 body:has(#page-index:not([hidden])) .nav .geo-picker summary{padding-inline:6px;font-size:11px;gap:4px}
}