/* Arena redesign: supplied brand artwork and existing site capabilities. */
.arena-banner-links{position:absolute!important;z-index:4;left:9.2%;top:43.7%;width:6.2%;min-width:44px;height:28%;min-height:96px;transform:translate(-50%,-50%);display:grid!important;grid-template-rows:repeat(4,1fr);gap:0!important;padding:0!important;margin:0;border:0;background:none;pointer-events:none}
.arena-banner-links{justify-content:stretch!important;justify-items:stretch!important;grid-template-columns:1fr}
.arena-banner-links a{display:block!important;width:100%;min-width:24px;min-height:24px;padding:0;border:1px solid transparent;border-radius:3px;pointer-events:auto;box-sizing:border-box}
.arena-banner-links a:hover{background:#ffffff12;border-color:#ffffff4d}
.arena-banner-links.arena-banner-right{left:90.8%}
@media(max-width:600px){.arena-banner-links.arena-banner-right{left:92.6%}}
.arena-banner-links a:focus-visible{outline:2px solid #c5dfff!important;outline-offset:-2px;background:#8bbaff20}
@media(max-width:600px){.arena-banner-links{left:7.4%;top:37.45%;width:11%;height:24.8%}}
:root{color-scheme:dark}
.skip-content{position:fixed;top:-100px;left:16px;z-index:999;background:#fff;color:#111;padding:14px}.skip-content:focus{top:12px}
.arena-article-link{display:block;padding:40px;color:#bdd7ff;font:700 20px Archivo,system-ui,sans-serif;text-underline-offset:5px}
/* Static topics need no second perpetual animation/pause control. */
[data-ref="marq"]{animation:none!important;width:auto!important;padding:0 24px}
[data-ref="marq"]>span{flex-wrap:wrap;justify-content:center}
[data-ref="marq"]>span[aria-hidden="true"]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{background:#070a10!important;color:#f3f2f2}
[data-ref="hero"],[data-ref="hud"],[data-ref="grain"]{display:none!important}
[data-ref="nav"]{background:rgba(7,10,16,.96)!important;border-bottom:1px solid #29303c!important;gap:22px!important;padding:20px 4vw!important;flex-wrap:wrap}
[data-ref="nav"] a{font-size:14px!important;letter-spacing:.03em!important}
[data-ref="nav"] .btn{background:#cb271b!important;border:1px solid #f45142!important}
.arena,.arena-paths{font-family:Archivo,system-ui,sans-serif;box-sizing:border-box;position:relative;z-index:2}
.arena{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;max-width:none;margin:auto;overflow:hidden;background:radial-gradient(ellipse at 5% 70%,#651b173d,transparent 60%),radial-gradient(ellipse at 95% 45%,#1256a34d,transparent 65%),#070a10;isolation:isolate}
.arena:before{content:"";position:absolute;inset:0 0 auto;height:30%;z-index:-1;background:url('arena-brand.jpg') center top / 100% auto no-repeat;opacity:.55;mask-image:linear-gradient(#000,transparent);pointer-events:none}
.arena:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 24% 55%,#b8231638,transparent 58%),radial-gradient(ellipse at 83% 38%,#176ed54d,transparent 65%);pointer-events:none}
.arena-art{min-width:0;position:relative}
.arena-art img{display:block;width:100%;height:auto}
.arena-art{mask-image:linear-gradient(90deg,#000 93%,#000a 96%,transparent 100%)}
.arena-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#070a10,transparent 10%)}
.arena-copy{padding:48px clamp(24px,4vw,64px) 48px 24px;position:relative;text-shadow:0 2px 18px #0009}
.arena-eyebrow{color:#8cbaff;font-size:14px;font-weight:750;text-transform:uppercase;letter-spacing:.16em;margin:0 0 24px}
.arena h1{font-size:clamp(40px,4.8vw,76px);font-weight:900;line-height:1.02;letter-spacing:-.055em;margin:0;color:#f6f5f3;text-transform:uppercase}
.arena-intro{font-size:18px;line-height:1.7;color:#b8c0ce;max-width:39ch;margin:28px 0}
.arena-actions{display:flex;flex-direction:column;gap:12px;max-width:370px}
.arena-actions a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 22px;font-size:16px;font-weight:750;text-decoration:none;border:1px solid #46546c;transition:background .2s,transform .2s}
.arena-primary{background:#de3023;color:#fff;border-color:#ff6251!important;box-shadow:0 8px 35px #cf29152b}
.arena-secondary{background:#12233a;color:#e5eeff}
.arena-actions a:hover{transform:translateY(-2px);background:#274369}
.arena-method{display:inline-block;margin-top:26px;color:#b5c6dd;font-size:14px;line-height:1.6;text-underline-offset:5px}
.arena-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1440px;margin:0 auto 32px;border-top:1px solid #354155;border-bottom:1px solid #354155;background:#0b1019}
.arena-paths a{padding:28px 32px;display:flex;flex-direction:column;gap:13px;text-decoration:none;color:#abb8ca;border-right:1px solid #293345;font-size:15px;line-height:1.5;transition:background .2s}
.arena-paths a:last-child{border-right:0}
.arena-paths a:hover{background:#142237}
.arena-number{font-size:12px;letter-spacing:.14em;color:#8cbaff;font-weight:700}
.arena-paths strong{font-size:20px;letter-spacing:-.025em;color:#f2f5f9;display:flex;justify-content:space-between;gap:10px}
a:focus-visible{outline:3px solid #8bbaff!important;outline-offset:5px}
@media(max-width:1000px){[data-ref="nav"]{gap:16px!important}[data-ref="nav"] .btn{display:none!important}.arena-copy{padding:28px 24px 28px 12px}.arena-intro{font-size:16px}.arena-paths a{padding:24px 20px}.arena-paths strong{font-size:18px}}
@media(max-width:700px){[data-ref="nav"]{position:relative!important;padding:16px 20px!important;gap:16px!important}[data-ref="nav"]>span{flex-basis:calc(100% - 50px)}[data-ref="nav"] a{display:inline-flex!important;font-size:14px!important}.arena{grid-template-columns:1fr}.arena-art{max-width:560px;margin:auto}.arena-art:after{background:linear-gradient(0deg,#070a10,transparent 12%)}.arena-copy{padding:24px 24px 40px}.arena h1{font-size:clamp(40px,10vw,64px)}.arena-intro{max-width:48ch}.arena-actions{max-width:none}.arena-paths{grid-template-columns:1fr;margin:0 20px 24px}.arena-paths a{border-right:0;border-bottom:1px solid #293345}.arena-paths a:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.arena-actions a,.arena-paths a{transition:none}}
.app-preview{position:relative;z-index:2;padding:64px max(24px,5vw);background:linear-gradient(120deg,#13121b,#0c192b);color:#eaf0fa;font-family:Archivo,system-ui,sans-serif;scroll-margin-top:90px}
.app-preview h2{font-size:clamp(30px,4vw,52px);line-height:1.1;margin:0 0 24px;letter-spacing:-.035em}
.app-preview p{font-size:16px;line-height:1.7;max-width:75ch;color:#bac8db}
.app-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:32px 0}
.app-preview-grid>div{border-top:2px solid #426b9c;padding-top:12px}
.app-preview-grid h3{font-size:21px;color:#fff}
@media(max-width:700px){.app-preview-grid{grid-template-columns:1fr}}
/* Centered arena: the original square remains proportional; copy follows below. */
.arena{display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 8% 30%,#80251f80,transparent 48%),radial-gradient(ellipse at 92% 30%,#1459a680,transparent 48%),#070a10}
.arena:before{display:none}
.arena:after{display:none}
.arena-art{width:100%;max-width:none;margin:0;mask-image:none;align-self:stretch}
.arena-art picture{display:block;width:100%}
.arena-art img{width:100%;height:auto;object-fit:contain}
.arena-art:after{display:none}
.arena-copy{width:100%;box-sizing:border-box;max-width:none;padding:28px 24px 60px;text-align:center;background:linear-gradient(180deg,#070a1080,#070a10 110px)}
.arena-eyebrow{margin-bottom:18px}
.arena h1{font-size:clamp(36px,4.5vw,64px);line-height:1.08;letter-spacing:-.04em}
.arena h1 br{display:none}
.arena h1 br:after{content:' '}
.arena-intro{max-width:62ch;margin:24px auto;font-size:18px}
.arena-actions{max-width:740px;margin:0 auto;flex-direction:row;justify-content:center}
.arena-actions a{flex:1;max-width:330px;text-align:left}
.arena-method{margin-top:24px}
/* Low-intensity atmosphere, clipped to the raster; the picture never moves. */
.arena-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;isolation:isolate;contain:paint}
.arena-atmosphere i{display:block;position:absolute;pointer-events:none}
.arena-beam{top:13.7%;width:22%;height:40%;transform-origin:50% 0;transform:rotate(var(--aim,0deg));background:conic-gradient(from 163deg at 50% 0,transparent,rgba(255,218,202,.12) 10deg,rgba(255,230,220,.19) 17deg,rgba(255,218,202,.10) 24deg,transparent 34deg);mask-image:linear-gradient(#000,transparent 95%);filter:blur(5px)}
.beam-red{left:20.5%}
.beam-blue{left:56.5%;background:conic-gradient(from 163deg at 50% 0,transparent,rgba(162,208,255,.12) 10deg,rgba(200,229,255,.19) 17deg,rgba(162,208,255,.10) 24deg,transparent 34deg)}
.arena-mist{top:27%;width:18%;height:26%;opacity:.15;background:radial-gradient(ellipse at 45% 60%,#ff482e65,transparent 62%),radial-gradient(ellipse at 60% 35%,#ff482e45,transparent 59%);filter:blur(12px);animation:arena-mist-rise 12s ease-in-out infinite alternate;animation-play-state:paused}
.mist-red{left:25%}
.mist-blue{right:25%;background:radial-gradient(ellipse at 55% 60%,#258dff65,transparent 62%),radial-gradient(ellipse at 40% 35%,#258dff45,transparent 59%);animation-delay:-6s;animation-duration:15s}
.arena-atmosphere.is-active .arena-mist{animation-play-state:running}
.arena-wisps{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}
.arena-edge-glow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.3}
.beam-outer-red{left:2.1%;top:4.5%;height:48%}
.beam-outer-blue{left:75.6%;top:4.5%;height:48%}
@keyframes arena-mist-rise{from{transform:translate3d(-2%,8%,0) scale(.96);opacity:.12}to{transform:translate3d(2%,-14%,0) scale(1.06);opacity:.25}}
@media(max-width:700px),(hover:none),(pointer:coarse){.arena-atmosphere{display:none}}
@media(prefers-reduced-motion:reduce){.arena-atmosphere:not(.motion-opt-in) .arena-mist{animation:none;transform:none;opacity:.12}.arena-atmosphere:not(.motion-opt-in) .arena-beam{transform:none}}
.arena-motion-toggle{position:absolute;bottom:12px;right:16px;z-index:3;padding:9px 13px;border:1px solid #ffffff45;border-radius:4px;background:#080c14d9;color:#e2e8f2;font:500 13px Archivo,system-ui,sans-serif;cursor:pointer}
.arena-motion-toggle[hidden]{display:none}
.arena-beam{height:43%;filter:blur(3px);opacity:.9;background:conic-gradient(from 167deg at 50% 0,transparent,rgba(255,221,207,.28) 7deg,rgba(255,235,220,.4) 13deg,rgba(255,221,207,.22) 19deg,transparent 26deg)}
.beam-blue{background:conic-gradient(from 167deg at 50% 0,transparent,rgba(168,213,255,.28) 7deg,rgba(211,235,255,.4) 13deg,rgba(168,213,255,.22) 19deg,transparent 26deg)}
.arena-mist{top:22%;height:30%;filter:blur(9px);background:radial-gradient(ellipse at 38% 65%,#ff705aaa,transparent 48%),radial-gradient(ellipse at 62% 44%,#ff482e88,transparent 44%),radial-gradient(ellipse at 45% 22%,#ffad8b66,transparent 40%);animation-duration:8s}
.mist-blue{background:radial-gradient(ellipse at 62% 65%,#399fffaa,transparent 48%),radial-gradient(ellipse at 38% 44%,#258dff88,transparent 44%),radial-gradient(ellipse at 55% 22%,#80cfff66,transparent 40%);animation-duration:10s;animation-delay:-4s}
@keyframes arena-mist-rise{from{transform:translate3d(-5%,15%,0) scale(.92);opacity:.24}to{transform:translate3d(5%,-30%,0) scale(1.09);opacity:.48}}
@media(max-width:700px){.arena:before{height:120px;background-size:auto 650%}.arena-art{width:100%;mask-image:none}.arena-copy{padding:24px 22px 40px}.arena h1{font-size:clamp(32px,8vw,48px)}.arena-intro{font-size:16px}.arena-actions{flex-direction:column;align-items:stretch}.arena-actions a{max-width:none}.arena-art:after{background:linear-gradient(0deg,#070a10,transparent 8%)}}