@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&display=swap');

/* Original art direction: editorial esports energy, precise software presentation. */
:root{--bg:#07080c;--surface:#101117;--cyan:#74edfa;--violet:#fa4edb;--muted:#a9adb9;--line:#ffffff24;--display:'Space Grotesk',system-ui,sans-serif;--impact:'Barlow Condensed','Arial Narrow',sans-serif}
body{background:var(--bg)}
.reading-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#ff35d4,#716bff,#72eaff);z-index:60;pointer-events:none}
.header{padding:0 4%;height:94px;background:#07080ce8;border-color:#ffffff18}
.brand img{width:86px;height:86px;filter:drop-shadow(0 0 15px #008eff26)}
nav{gap:0}nav a{padding:10px 20px;border-left:1px solid #ffffff12;font-size:12px}nav a:last-child{border-right:1px solid #ffffff12}
.header-actions{display:flex;align-items:center;gap:18px}.effects-btn{font:10px var(--font);letter-spacing:.08em;background:none;border:0;padding:8px 0;color:var(--muted);min-width:79px}.effects-btn[hidden]{display:none}.effects-btn[aria-pressed="true"]{color:var(--cyan)}.effects-btn:hover{color:white}.present-btn{border-radius:0;border-color:#ffffff38;font-size:11px;padding:10px 16px}
.section{padding:120px 7%;max-width:1680px}.eyebrow{font-size:10px;letter-spacing:.2em}.section-top .eyebrow::before{content:'';width:28px;height:2px;background:currentColor}
h2{font-size:clamp(40px,4.4vw,70px);letter-spacing:-.065em;line-height:1.08}h2 em{color:#9ebaff}
.hero{display:block;padding:70px 7% 24px;position:relative;overflow:hidden;min-height:0;background:radial-gradient(ellipse at 8% 12%,#66174622,transparent 37%),radial-gradient(ellipse at 95% 53%,#0b458a24,transparent 44%)}
.hero::before{inset:0;opacity:.55;background-image:linear-gradient(90deg,transparent calc(25% - 1px),#ffffff09 25%,transparent calc(25% + 1px),transparent calc(75% - 1px),#ffffff09 75%,transparent calc(75% + 1px));background-size:auto;z-index:-1}
.hero::after{content:'';position:absolute;pointer-events:none;left:0;top:5%;width:100%;height:75%;z-index:-1;background:radial-gradient(450px circle at var(--pointer-x,70%) var(--pointer-y,35%),#4566e417,transparent 70%)}
.hero-copy{padding-bottom:0;position:relative;z-index:1;max-width:none}.hero-copy>.eyebrow{justify-content:center;margin-bottom:27px;font-size:10px}
h1,.hero h1{font-family:var(--impact);font-size:clamp(84px,10.7vw,164px);font-weight:700;text-transform:uppercase;line-height:.88;letter-spacing:-.025em;text-align:center;margin-bottom:36px}
h1 em{display:inline-block;background:linear-gradient(110deg,#ff46ca -15%,#b99bff 35%,#78cfff 70%,#9bffff 105%);background-clip:text;-webkit-background-clip:text;color:transparent;padding-bottom:.08em}
.hero-description{display:flex;max-width:1050px;align-items:center;justify-content:space-between;margin:0 auto;gap:35px}.hero-lead{font-size:15px;line-height:1.8;max-width:510px;margin:0;color:#b9becb}.hero-actions{gap:24px;justify-content:flex-end;flex:none}
.primary-link{background:#eff5fc;color:#080b12;border:0;border-radius:0;font-size:12px;padding:16px 23px;gap:28px;position:relative;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.primary-link::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,#88e9ff66 50%,transparent 70%);transform:translateX(-150%);pointer-events:none}.primary-link:hover{background:var(--cyan);box-shadow:none;transform:translateY(-3px)}body[data-motion="on"] .primary-link:hover::after{animation:button-light .65s ease-out}.text-link{font-size:12px}.text-link span{color:var(--cyan)}
.hero-art{width:min(100%,960px);max-width:none;margin:62px auto 0;padding:22px 35px 10px;border:1px solid #a8bcdf24;background:linear-gradient(135deg,#17223a20,#100c2020);clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)}
.art-caption{justify-content:space-between;margin-bottom:0;font-size:8px;color:#acb9d4;letter-spacing:.17em}.diagram-index{color:#7a8499}.ecosystem{width:min(100%,780px);margin:0 auto;aspect-ratio:560/340;background-image:radial-gradient(#b4cfff19 .8px,transparent .8px);background-size:22px 22px}
.ecosystem::before{inset:8% 17%;background:radial-gradient(ellipse,#1764b13a,transparent 68%)}
.connections{height:100%}.connections path{stroke-width:1.3;stroke-dasharray:5 8;opacity:.6}.connection-points{animation:none;filter:drop-shadow(0 0 3px #5ff3ff)}
.system-ring{width:48%;border-color:#8da7ff26}.ring-two{width:64%;border-style:solid;border-color:#ed68ff1c;border-left-color:#bb73ff88;border-right-color:#4fabff88}.system-core{width:23%;filter:drop-shadow(0 0 22px #0383ff2b);transition:filter .3s}.system-core img{filter:drop-shadow(0 0 8px #1c6cee20)}
.system-node{width:27%;border-radius:0;padding:14px 12px;grid-template-columns:26px 1fr;border-color:#8a9ab43b;background:#0e1420f2;box-shadow:0 8px 24px #0003;transition:border-color .2s,background .2s,box-shadow .2s}.system-node::after{content:'';position:absolute;top:-1px;right:-1px;width:9px;height:9px;border-top:2px solid var(--cyan);border-right:2px solid var(--cyan)}.system-node:hover{border-color:#80c9ff;background:#16263cf2;box-shadow:0 0 28px #58c8ff20}.system-node strong{font-family:var(--display);font-size:13px;font-weight:500}.system-node small{font-size:8px;color:#94a6bf}.node-icon{font-size:10px}.node-teams,.node-content{left:18%}.node-leagues,.node-partners{left:82%}.node-stats{left:14%}.node-fans{left:86%}.diagram-hint{font-size:9px;letter-spacing:.07em;margin:0 0 5px}
.hero-bottom{margin-top:48px;font:600 20px var(--impact);letter-spacing:.1em;padding-top:22px;color:#c5cfdf}.hero-bottom span:nth-child(2){font:9px var(--font);letter-spacing:.16em;color:var(--muted)}.hero-bottom i{color:#b06bfa;padding:0 17px}
.vision{position:relative;background:#e8edf3;color:#171b25;border:0}.vision::before{content:'01';position:absolute;right:6%;top:55px;font:700 220px/.8 var(--impact);color:#17275008;pointer-events:none}.vision .eyebrow{color:#5551aa}.vision h2 em{color:#6251be}.vision-layout{gap:8%;grid-template-columns:1fr 1fr}.vision-layout>div,.vision .muted{color:#515b6d}.statement{font-size:clamp(24px,2.5vw,36px);line-height:1.4}.principles{gap:0;margin-top:48px;border-top:1px solid #253c5228}.principles article{border:0;border-right:1px solid #253c5228;border-radius:0;background:none;padding:30px 30px 0 0}.principles article+article{padding-left:30px}.principles article:last-child{border-right:0}.principles span{font:600 40px var(--impact);color:#6251be;border:0;padding:0;background:none}.principles h3{font-size:22px}.principles p{color:#515b6d;font-size:14px}
.catalog{background:#090b10;border:0}.catalog .split{grid-template-columns:1.4fr 1fr;gap:6%}.catalog-tools{border-top:1px solid var(--line);padding-top:22px;margin-top:40px}.catalog-tools button{font-size:12px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#ffffff18;border:1px solid #ffffff18;align-items:stretch}.module{background:#0d1017;border:0;border-radius:0;padding:32px 34px;overflow:hidden;transition:background .25s;min-height:0}.module:nth-child(3n){--accent:#d3a3ff}.module::before{content:'';position:absolute;width:110px;height:110px;right:-55px;top:-55px;border:1px solid #7987a32b;transform:rotate(45deg);pointer-events:none}.module::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#fc44c8,#778eff,#7fe8ff);transition:width .35s}.module:hover{background:#131924}.module:hover::after,.module:focus-within::after{width:100%}.module:target{background:#152235;box-shadow:inset 3px 0 #7fd5ff}.module-top{margin-bottom:22px}.module-number{font:600 38px/1 var(--impact);border:0;border-radius:0;padding:0;background:none;color:var(--accent)}.module-kicker{font-size:9px;letter-spacing:.15em;max-width:none}.module h3{font-size:31px;min-height:80px;max-width:490px;line-height:1.17;margin-bottom:18px}.module>p{font-size:14px;min-height:70px;max-width:480px;margin-bottom:22px}.tags{min-height:0;gap:9px}.tags span{font-size:10px;background:none;border:0;border-left:2px solid #7b8da84d;border-radius:0;padding:0 0 0 8px;color:#bdc9dc}.module details{margin-top:25px}.module summary{font-size:12px}.module details ul{font-size:13px}.module-note{border-radius:0}.module:focus-within{outline:1px solid #a3cfff66;outline-offset:-1px}
.journeys{background:#11141c}.journey-list{gap:24px}.journey-list article{border:0;border-top:1px solid #9faac83b;border-radius:0;padding:35px 4px 25px;background:none}.journey-list article::after{font-size:130px;top:3px;right:10px;color:#aebeee0a}.journey-role{color:#bd9bff;font-size:10px}.journey-list h3{font-size:32px;max-width:410px}.journey-list p{font-size:14px}.flow{font-size:10px;gap:10px}.flow span{border:0;border-radius:0;background:#24304477}.flow i{color:#cb83ff}
.horizon{background:#070a12;border:0}.integration-grid{gap:0;border-top:1px solid var(--line);margin-top:50px}.integration-grid article{padding:28px 25px;border-right:1px solid var(--line)}.integration-grid article:first-child{padding-left:0}.integration-grid article:last-child{border:0}.integration-symbol{background:none;border:1px solid #90acde44;border-radius:0;font-size:30px;color:#99caff}.integration-grid h3{font-size:23px;min-height:60px}.integration-grid article>p:last-child{font-size:13px}.connection-banner{background:linear-gradient(115deg,#202b49,#281b40 65%,#362345);border:0;border-left:2px solid #b574f8;border-radius:0;padding:35px;grid-template-columns:1fr 2fr 1fr}.connection-banner>span{color:#d6acff}.connection-banner p{font-size:23px}
.closing{overflow:hidden;text-align:center;background:radial-gradient(ellipse at 50% 90%,#45145544,transparent 65%),#0b0d14}.closing>.eyebrow{justify-content:center}.closing h2{font-family:var(--impact);text-transform:uppercase;font-size:clamp(54px,6.8vw,100px);letter-spacing:-.01em;line-height:.98;margin:0 auto 30px;max-width:1300px}.closing h2 em{color:#aebbff}.closing-lead{margin:0 auto 34px;max-width:650px;font-size:16px}.closing-bottom{justify-content:center;margin:55px 0 30px;text-align:left}.availability-note{margin:30px auto 0}.sources{margin:30px auto 0;text-align:left}.closing .primary-link{background:#bfabfa}.closing .primary-link:hover{background:var(--cyan)}footer{background:#07080d}
.reveal-pending{opacity:0;transform:translateY(22px)}.reveal-visible{opacity:1;transform:translateY(0);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.65,.3,1);transition-delay:var(--reveal-delay,0ms)}
body[data-motion="on"] .ring-two{animation:orbital-ring 28s linear infinite}body[data-motion="on"] .connections path{animation:data-stream 18s linear infinite}body[data-motion="on"] .connection-points{animation:signal 4s ease-in-out infinite}body[data-motion="on"] .system-core img{animation:core-glow 5s ease-in-out infinite}
body[data-motion="off"] .reveal-pending{opacity:1;transform:none}body[data-motion="off"] *,body[data-motion="off"] *::before,body[data-motion="off"] *::after{animation:none!important;transition:none!important}body.page-inactive *,body.page-inactive *::before,body.page-inactive *::after{animation-play-state:paused!important}
@keyframes orbital-ring{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes data-stream{to{stroke-dashoffset:-260}}
@keyframes core-glow{0%,100%{filter:drop-shadow(0 0 8px #1c6cee30)}50%{filter:drop-shadow(0 0 22px #5786ff66)}}
@keyframes button-light{to{transform:translateX(150%)}}
@media(min-width:1680px){.hero{min-height:0}}
@media(max-width:1100px){nav a{padding:10px 13px}.header-actions{gap:13px}.section{padding-left:6%;padding-right:6%}.hero{padding-top:60px}.hero h1{font-size:11vw}.hero-description{gap:22px}.hero-lead{font-size:14px}.hero-actions{gap:17px}.primary-link{padding:14px 17px;font-size:11px}.hero-art{margin-top:48px}.system-node strong{font-size:12px}.system-node small{font-size:8px}.module h3{font-size:28px;min-height:100px}.module>p{min-height:76px}.connection-banner{grid-template-columns:1fr 2fr}.connection-banner a{grid-column:2;justify-self:start}}
@media(max-width:800px){.header{height:88px;padding:0 4%}.brand img{width:76px;height:76px}.effects-btn{font-size:9px;min-width:70px}.present-btn{padding:8px 10px;font-size:10px}nav a{padding:8px 10px;font-size:10px}.header-actions{gap:9px}.hero{padding-top:50px}.hero h1{font-size:11.7vw}.hero-copy{max-width:none}.hero-description{display:block;text-align:center}.hero-lead{margin:0 auto 26px;font-size:15px}.hero-actions{justify-content:center}.hero-art{width:100%;max-width:none;padding:20px 15px 12px}.ecosystem{aspect-ratio:560/380}.system-node strong{font-size:11px}.system-node small{font-size:7px}.system-node{padding:13px 8px;grid-template-columns:20px 1fr;gap:3px 5px}.hero-bottom{margin-top:32px}.vision-layout{grid-template-columns:1fr;gap:15px}.vision-layout>div{max-width:630px}.principles article{padding:25px 18px 0 0}.principles article+article{padding-left:18px}.principles h3{font-size:20px}.principles p{font-size:13px}.catalog .split{grid-template-columns:1fr;gap:8px}.module{padding:27px 25px}.module h3{font-size:27px;min-height:115px}.module>p{min-height:102px}.journey-list h3{font-size:27px}.integration-grid{grid-template-columns:1fr 1fr}.integration-grid article{padding:25px;border-bottom:1px solid var(--line)}.integration-grid article:nth-child(odd){padding-left:0}.integration-grid article:nth-child(even){border-right:0}.integration-grid h3{min-height:0}.connection-banner{grid-template-columns:1fr}.connection-banner a{grid-column:1}.closing h2{font-size:8.3vw}.closing-lead{font-size:15px}}
@media(max-width:580px){html{scroll-padding-top:146px}.header{height:auto;min-height:126px;padding:8px 5%;gap:4px}.brand img{width:67px;height:67px}.header-actions{gap:16px}nav{order:3;padding:0 0 6px}nav a{font-size:10px;padding:7px 10px;flex:1;text-align:center}.effects-btn{font-size:9px}.section{padding:65px 6%}.hero{padding-top:42px;padding-bottom:20px}.hero-copy>.eyebrow{font-size:7px;letter-spacing:.13em;gap:7px;margin-bottom:23px}.hero h1{font-size:12vw;line-height:.97;margin-bottom:25px}.hero-lead{font-size:13px}.hero-description{max-width:100%}.hero-actions{gap:20px}.primary-link{font-size:10px;padding:14px 17px;gap:18px}.text-link{font-size:11px}.hero-art{margin-top:38px;padding:16px 7px 12px;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.art-caption{justify-content:center;font-size:7px;letter-spacing:.12em}.diagram-index{display:none}.ecosystem{aspect-ratio:560/510;margin:5px auto}.system-node{width:31%;padding:8px 4px;display:flex;min-height:43px}.system-node strong{font-size:10px}.system-node small{display:none}.system-node::after{width:6px;height:6px}.node-teams,.node-content{left:18%}.node-leagues,.node-partners{left:82%}.node-stats{left:16%}.node-fans{left:84%}.system-core{width:30%}.system-ring{width:60%}.ring-two{width:82%}.diagram-hint{font-size:8px}.hero-bottom{font-size:15px;margin-top:26px;gap:8px}.hero-bottom i{padding:0 9px}.hero-bottom span:nth-child(2){display:none}.hero-bottom a{font-size:20px}.vision::before{font-size:160px;top:50px}h2{font-size:38px}.statement{font-size:26px}.principles{grid-template-columns:1fr;margin-top:25px}.principles article,.principles article+article{border-right:0;border-bottom:1px solid #253c5228;padding:22px 0;display:grid;grid-template-columns:50px 1fr;gap:0 15px}.principles span{grid-row:1/3;font-size:39px}.principles h3{font-size:21px;margin:0 0 9px}.principles p{font-size:13px}.principles article:last-child{border-bottom:0;padding-bottom:0}.module-grid{grid-template-columns:1fr}.module{padding:28px 25px;scroll-margin-top:150px}.module h3{font-size:29px;min-height:0}.module>p{font-size:13px;min-height:0}.module-number{font-size:36px}.module-kicker{font-size:8px}.tags{gap:8px}.tags span{font-size:9px}.catalog-tools{margin-top:27px;font-size:10px}.catalog-tools button{font-size:10px}.module summary{font-size:12px}.journey-list{gap:8px}.journey-list article{padding:27px 0}.journey-list h3{font-size:28px}.journey-list article::after{font-size:105px}.journey-role{font-size:8px}.journey-list p{font-size:13px}.flow{font-size:9px;gap:6px}.integration-grid{gap:0;margin-top:28px}.integration-grid article{padding:24px 16px}.integration-grid h3{font-size:21px;min-height:50px}.integration-grid article>p:last-child{font-size:12px}.integration-symbol{font-size:25px}.connection-banner{padding:25px;gap:17px}.connection-banner p{font-size:21px}.closing h2{font-size:12vw;line-height:1.03}.closing-lead{font-size:14px}.closing-bottom{margin-top:40px}.closing>.eyebrow{font-size:9px}.availability-note{font-size:10px}.sources{margin-top:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.reveal-pending{opacity:1;transform:none}.reading-progress{display:none}}
@media print{.effects-btn,.reading-progress{display:none!important}.reveal-pending{opacity:1;transform:none}.hero h1{font-size:65px}.hero h1 em{color:black}.vision::before{display:none}.module-grid{grid-template-columns:1fr 1fr}.module h3,.module>p{min-height:0}.section{padding:28px 0}.hero-description{display:block}.principles{display:block}.closing h2{font-size:50px}}