:root{--paper:#031f1a;--mint:#a7fbe0;--ink:#e7f4ef;--panel:#08271f;--quiet:#8da9a0}
.brand{font-size:25px;letter-spacing:-1.3px;gap:10px;white-space:nowrap}.brand img{border-radius:0;object-fit:contain}.brand-mint{color:var(--mint);font-weight:500}.header nav{gap:24px}.header{gap:18px}.hero-heading{grid-template-columns:minmax(0,1.1fr) minmax(0,1.05fr);gap:30px}.hero h1{font-size:clamp(44px,5.25vw,69px);letter-spacing:-3.5px}.hero{padding-top:37px}.hyperagents-scene{margin:0;position:relative}.particle-stage{width:100%;aspect-ratio:1.56;position:relative;isolation:isolate;overflow:hidden}.particle-canvas{display:block;width:100%;height:100%;position:absolute;inset:0;pointer-events:none}.scene-emblem{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.scene-emblem img{width:31%;height:auto;animation:hyperagents-mark-float 9s ease-in-out infinite;filter:drop-shadow(0 10px 24px #011912)}.scene-agent-row{position:absolute;bottom:11%;left:12%;right:12%;display:flex;justify-content:center;gap:24px;color:#accdc0;font:9px var(--mono)}.scene-agent-row span{display:flex;align-items:center;gap:6px}.scene-agent-row img{width:20px;height:20px;opacity:.9}.hyperagents-scene figcaption{margin:1px 0 12px;font:8px var(--mono);text-align:center;letter-spacing:1px;color:#769f90}.chart-card{background:linear-gradient(110deg,#0a2a21,#0c281f)}.arena-sidebar{background:#07251c}.arena-bar{background:#0b2b21}.decision-panel{background:#062118}.chart-loading{background:#0a2a21f2}.roster-card{background:#07271e}.footer .brand{font-size:20px}.footer>span{font-size:10px;line-height:1.7}.footer>a:last-child{font-size:11px;color:var(--mint)}
@keyframes hyperagents-mark-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:1100px){.brand{font-size:22px;letter-spacing:-1px}.brand img{width:31px;height:31px}.header nav{gap:16px}.header nav a{font-size:10px}.hero-heading{gap:8px}.hero h1{font-size:clamp(40px,4.7vw,56px);letter-spacing:-2.7px}.scene-agent-row{gap:14px;font-size:8px}.scene-agent-row img{width:17px;height:17px}}
@media(max-width:850px){.header nav{gap:12px}.header nav .external-nav{display:none}.header .compact{font-size:10px;padding:11px;gap:12px}.brand{font-size:21px}.hero h1{font-size:40px;letter-spacing:-2.4px}.hero-heading{gap:0}.scene-agent-row{gap:12px;font-size:7px;left:7%;right:7%}.scene-agent-row img{width:14px;height:14px}.hyperagents-scene figcaption{font-size:6px;letter-spacing:.5px}}
@media(max-width:650px){.header .brand{font-size:21px;letter-spacing:-1px}.header .brand img{width:28px;height:28px}.hero-heading{display:flex}.hero h1{font-size:clamp(37px,8.4vw,54px);letter-spacing:-2.5px}.hero{padding-top:32px}.hyperagents-scene{margin:5px -14px 0}.particle-stage{aspect-ratio:1.6}.scene-emblem img{width:27%}.scene-agent-row{bottom:10%;gap:23px;font-size:8px}.scene-agent-row img{width:18px;height:18px}.hyperagents-scene figcaption{font-size:7px;margin:2px 0 14px}.footer .brand{font-size:19px}.footer>span{font-size:9px}.footer>a:last-child{font-size:10px}.header nav{gap:20px}}
@media(max-width:370px){.header .brand{font-size:19px;gap:7px}.header .brand img{width:25px;height:25px}.header .compact{font-size:9px;padding:9px;gap:9px}.hero h1{font-size:34px;letter-spacing:-2px}.scene-agent-row{gap:15px;font-size:7px}.scene-agent-row img{width:15px;height:15px}}
@media(prefers-reduced-motion:reduce){.scene-emblem img{animation:none}}

/* Original character portraits and the project social action. */
.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.social-link{display:grid;place-items:center;width:40px;height:40px;border:1px solid #a7fbe02b;border-radius:8px;color:var(--mint);background:#a7fbe006;transition:background .2s,border-color .2s}.social-link:hover{background:#a7fbe015;border-color:#a7fbe065}.social-link svg{width:16px;height:16px}.header-cta-label{white-space:nowrap}.agent-avatar img{object-fit:cover}.roster-art .floating-mark{width:132px;height:132px;border-radius:18px;border:1px solid #bddcc52a;object-fit:cover;box-shadow:0 18px 30px #0004}.scene-agent-row img{border-radius:5px;width:23px;height:23px;object-fit:cover}.footer-links{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.footer-links a{font-size:10px;color:var(--mint)}
@media(max-width:1100px){.header-actions{gap:8px}.social-link{width:35px;height:35px}.header nav{gap:15px}.header nav .external-nav{display:none}.roster-art .floating-mark{width:110px;height:110px}}
@media(max-width:850px){.header nav{gap:11px}.header nav a{font-size:9px}.header .brand{font-size:20px}.header .brand img{width:28px;height:28px}.header .compact{padding:10px;gap:12px}.roster-art .floating-mark{width:101px;height:101px}}
@media(max-width:650px){.header-actions{gap:8px}.header .header-cta-label{display:none}.header .compact{padding:10px;min-height:36px;width:36px;justify-content:center}.social-link{width:36px;height:36px}.header .brand{font-size:21px}.roster-art .floating-mark{width:132px;height:132px}.footer-links{justify-content:center;gap:20px}}
@media(max-width:370px){.header .brand{font-size:19px}.header-actions{gap:6px}.header .compact,.social-link{width:34px;height:34px;min-height:34px}.scene-agent-row img{width:19px;height:19px}}