/* Continuous, original illustrations across the page. */
.hero-heading{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px;padding-bottom:43px}.hero h1{font-size:clamp(45px,4.65vw,65px);letter-spacing:-3.5px}.hero-intro{padding-top:0}.hero-intro p{margin:21px 0 24px;font-size:13px;line-height:1.85}.hero-scene{margin:0;min-width:0;position:relative}.hero-scene .arena-artwork{width:100%;height:auto;display:block;overflow:visible}.hero-scene figcaption{display:flex;align-items:center;justify-content:center;gap:8px;font:8px var(--mono);letter-spacing:.9px;color:#5d8c70;margin-top:-14px;position:relative}.scene-dot{height:4px;width:4px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 4px #b6f6d608;animation:scene-breath 4s ease-in-out infinite}
.roster{padding-top:44px;padding-bottom:52px;border-top:1px solid var(--line)}.roster-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:31px}.roster-heading h2{font-size:42px;font-weight:500;line-height:1.15;letter-spacing:-1.8px;margin:16px 0 0}.roster-heading h2>span{color:var(--mint)}.roster-heading>p{font-size:12px;line-height:1.9;color:#8aa691;margin:0 0 3px;max-width:340px}.roster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.roster-card{--art:#b6f6d6;--turn:-8deg;background:#0d2118;border:1px solid #c4f6d421;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:border-color .25s,box-shadow .25s,transform .25s}.roster-card.reversion{--art:#b4d7ed;--turn:8deg}.roster-card.defensive{--art:#e8d49b;--turn:-3deg}.roster-card:hover{border-color:#b6f6d646;box-shadow:0 18px 35px #0002;transform:translateY(-4px)}
.roster-art{margin:0;height:214px;position:relative;overflow:hidden;isolation:isolate;color:var(--art);background:radial-gradient(ellipse at 50% 38%,#b6f6d60c,transparent 62%),linear-gradient(120deg,#17362640,transparent)}.reversion .roster-art{background:radial-gradient(ellipse at 50% 38%,#b4d7ed12,transparent 62%),linear-gradient(120deg,#1b30443f,transparent)}.defensive .roster-art{background:radial-gradient(ellipse at 50% 38%,#e8d49b12,transparent 62%),linear-gradient(120deg,#453b1f3f,transparent)}.roster-art>svg{width:100%;height:100%;display:block;position:absolute;inset:0;z-index:-1}.art-floor{position:absolute;inset:0;background-image:linear-gradient(#b6f6d606 1px,transparent 1px),linear-gradient(90deg,#b6f6d606 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(ellipse at center,#000,transparent 72%);z-index:-2}.floating-mark{position:absolute;left:50%;top:43%;height:87px;width:87px;transform:translate(-50%,-50%) rotate(var(--turn));border-radius:18px;box-shadow:0 22px 38px #0005;animation:mark-float 7s ease-in-out infinite}.reversion .floating-mark{animation-delay:-2s;animation-duration:9s}.defensive .floating-mark{animation-delay:-4s;animation-duration:11s}.roster-art figcaption{position:absolute;bottom:16px;left:20px;right:20px;font:7px/1.7 var(--mono);letter-spacing:.8px;color:var(--art);opacity:.52;text-align:center}.motif-guide{fill:none;stroke:currentColor;stroke-opacity:.16;stroke-width:1}.motif-stream{fill:none;stroke:currentColor;stroke-width:1.15;stroke-dasharray:5 28;animation:motif-flow 12s linear infinite;opacity:.7}.motif-bracket{fill:none;stroke:currentColor;stroke-opacity:.45;stroke-width:1.1}.signal-dot{fill:currentColor;animation:signal-travel 7s linear infinite;animation-delay:var(--delay,0s);transform-box:view-box}.orbit-dot{fill:currentColor;opacity:.75}.orbit-dot.faint{opacity:.35}.return-orbit{transform-origin:180px 115px;animation:return-orbit 28s linear infinite}.anchor-ring{fill:none;stroke:currentColor;stroke-opacity:.25;stroke-width:1;transform-origin:180px 156px;animation:anchor-pulse 8s ease-out infinite}.anchor-ring.ring-two{animation-delay:-4s}
.roster-copy{padding:22px;display:flex;flex-direction:column;flex:1}.roster-name{display:flex;align-items:center;justify-content:space-between;gap:15px}.roster-name h3{font-size:23px;letter-spacing:-.8px;font-weight:600;margin:0}.roster-code{font:8px var(--mono);color:var(--art);opacity:.65;text-align:right}.roster-copy h4{font-size:12px;font-weight:500;margin:13px 0 10px;color:#c5dccc}.roster-copy>p{font-size:11px;line-height:1.9;color:#82a48d;margin:0 0 20px;min-height:63px}.roster-rules{margin:0 0 22px;font-size:10px;min-height:88px}.roster-rules>div{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:start;padding:9px 0;border-top:1px solid #bddcc514}.roster-rules dt{font:7px/1.85 var(--mono);letter-spacing:.6px;color:#587d63}.roster-rules dd{margin:0;color:#a6c5ad;font-size:10px;line-height:1.65}.preset-launch{width:100%;border:1px solid #b6f6d634;background:#b6f6d609;color:var(--art);font-size:10px;min-height:42px;padding:13px 14px;margin-top:auto}.preset-launch:hover{background:#b6f6d613;border-color:#b6f6d653;transform:translateY(-1px)}.preset-launch svg{height:12px;width:12px}.roster-links{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px}.roster-links button{display:flex;align-items:center;gap:12px;color:#779981;background:none;border:0;padding:0;font-size:9px;line-height:1.6;white-space:nowrap}.roster-links button:hover,.roster-links button.active{color:var(--art)}.roster-links button:disabled{opacity:.4;cursor:wait}.roster-links button>span{font-size:12px}
.methodology{border-top:1px solid var(--line);padding-top:43px;padding-bottom:51px}.method-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:32px}.method-heading h2{font-size:32px;font-weight:500;letter-spacing:-1.2px;line-height:1.2;margin:15px 0 0}.method-badge{font:8px var(--mono);letter-spacing:.6px;border:1px solid #b6f6d626;color:#5d8a6c;padding:7px 10px;border-radius:5px;white-space:nowrap}.test-flow{display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr) 54px minmax(0,1fr);align-items:center;gap:21px;padding:28px;background:#b6f6d604;border:1px solid #b6f6d615;border-radius:12px}.flow-node{display:flex;align-items:center;gap:15px}.flow-symbol{display:grid;place-items:center;flex-shrink:0;height:43px;width:43px;border:1px solid #b6f6d62b;background:#b6f6d605;border-radius:10px;color:#a1cfb1}.flow-symbol svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.flow-node>div>span{font:7px var(--mono);letter-spacing:.6px;color:#577d62}.flow-node h3{font-size:19px;letter-spacing:-.5px;font-weight:500;margin:8px 0 0;white-space:nowrap}.flow-connector{height:1px;background:linear-gradient(90deg,transparent,var(--mint),transparent);background-size:60px 1px;opacity:.33;animation:connector-flow 5s linear infinite}.test-flow-note{font-size:10px;line-height:1.9;color:#70947c;margin:20px 0 27px;max-width:610px}.method-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;padding:23px 0 26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.method-facts>div{display:flex;flex-direction:column;gap:11px}.method-facts strong{font-size:28px;font-weight:500;letter-spacing:-1.2px;color:#c5e7d0;line-height:1.15}.method-facts span{font-size:10px;line-height:1.8;color:#6e9278}.method-faq{margin-top:26px}.method-faq details{border-bottom:1px solid var(--line)}.method-faq summary{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px;color:#a4c4af;padding:19px 0;cursor:pointer;list-style:none}.method-faq summary::-webkit-details-marker{display:none}.method-faq summary>span{font-size:19px;font-weight:400;color:#739c81;transition:transform .2s}.method-faq details[open] summary>span{transform:rotate(45deg)}.method-faq details>p{font-size:11px;line-height:1.95;color:#779c84;max-width:780px;margin:0;padding-bottom:22px;animation:faq-enter .25s ease}.record-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.motion-control{position:fixed;bottom:21px;right:23px;z-index:20;display:flex;align-items:center;gap:8px;padding:10px 12px;min-height:36px;border:1px solid #b6f6d630;border-radius:7px;box-shadow:0 5px 20px #0002;background:#112b20ee;backdrop-filter:blur(8px);color:#9dc7ad;font-size:9px}.motion-control:hover{color:var(--mint);background:#1b3728}.motion-icon{font:12px var(--mono);color:var(--mint)}.motion-ready .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}.motion-paused .reveal{opacity:1;transform:none;transition:none}.motion-paused *,.page-inactive *{animation-play-state:paused!important}.footer{padding-bottom:55px}
@keyframes scene-breath{50%{opacity:.45}}@keyframes mark-float{50%{transform:translate(-50%,-50%) translateY(-10px) rotate(var(--turn))}}@keyframes motif-flow{to{stroke-dashoffset:-330}}@keyframes signal-travel{0%{opacity:0;transform:translate(0,0)}10%,85%{opacity:.65}100%{opacity:0;transform:translate(var(--tx),var(--ty))}}@keyframes return-orbit{to{transform:rotate(360deg)}}@keyframes anchor-pulse{0%{opacity:0;transform:scale(.7)}25%{opacity:1}100%{opacity:0;transform:scale(1.2)}}@keyframes connector-flow{to{background-position:120px 0}}@keyframes faq-enter{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.header nav{gap:21px}.hero-heading{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:5px}.hero h1{font-size:clamp(39px,4.6vw,51px);letter-spacing:-2.7px}.hero-intro p{font-size:12px;margin-top:19px}.hero-scene{margin-left:-15px;margin-right:-8px}.hero-scene figcaption{font-size:7px;letter-spacing:.5px}.roster-heading h2{font-size:36px}.roster-heading>p{font-size:11px}.roster-grid{gap:15px}.roster-art{height:186px}.roster-copy{padding:18px}.roster-name h3{font-size:21px}.roster-code{font-size:7px}.roster-copy>p{font-size:10px;line-height:1.9;min-height:76px}.roster-copy h4{font-size:11px}.roster-rules dd{font-size:9px}.roster-rules{min-height:88px}.roster-links button{font-size:8px;gap:6px}.preset-launch{font-size:9px;gap:15px}.roster-art figcaption{font-size:6px;letter-spacing:.3px}.test-flow{padding:24px;grid-template-columns:minmax(0,1fr) 31px minmax(0,1fr) 31px minmax(0,1fr);gap:15px}.flow-node{gap:12px}.flow-node h3{font-size:17px}.flow-node>div>span{font-size:6px;letter-spacing:.3px}.flow-symbol{height:36px;width:36px;border-radius:8px}.flow-symbol svg{height:21px;width:21px}.method-facts strong{font-size:26px}.method-facts span{font-size:9px}}
@media(max-width:850px){.hero-heading{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;padding-bottom:37px}.hero h1{font-size:40px;letter-spacing:-2.3px}.hero-intro p{font-size:11px;line-height:1.8}.hero-actions{gap:16px}.hero-actions .button{font-size:10px;padding:13px 14px;min-height:43px}.hero-actions .quiet-link{font-size:10px}.hero-scene{margin-left:-12px;margin-right:-12px}.hero-scene figcaption{font-size:6px}.roster-heading{gap:25px}.roster-heading h2{font-size:31px;letter-spacing:-1.3px}.roster-heading>p{font-size:10px;max-width:245px}.roster-grid{gap:12px}.roster-art{height:161px}.floating-mark{height:73px;width:73px;border-radius:15px}.roster-copy{padding:15px}.roster-name{display:block}.roster-code{font-size:8px;display:block;text-align:left;margin-top:7px}.roster-name h3{font-size:22px}.roster-copy h4{font-size:11px;line-height:1.7;margin-top:17px}.roster-copy>p{min-height:94px}.roster-rules{min-height:113px}.roster-rules>div{grid-template-columns:31px minmax(0,1fr);gap:8px}.roster-rules dd{font-size:9px}.preset-launch{padding:12px 10px;font-size:8px;min-height:40px;gap:8px}.preset-launch svg{width:10px;height:10px}.roster-links{display:block;padding-top:16px}.roster-links button+button{margin-top:11px}.roster-links button{font-size:9px;gap:12px}.method-heading h2{font-size:29px}.method-badge{font-size:7px;padding:6px 8px}.test-flow{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr);gap:11px;padding:21px}.flow-node{gap:9px}.flow-node h3{font-size:16px}.flow-node>div>span{font-size:5px}.flow-symbol{width:31px;height:31px;border-radius:7px}.flow-symbol svg{height:19px;width:19px}.method-facts{gap:18px}.method-facts strong{font-size:24px}.method-facts span{font-size:9px;line-height:1.8}}
@media(max-width:650px){.hero-heading{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-bottom:26px}.hero h1{font-size:clamp(39px,8.5vw,50px);letter-spacing:-2.2px;line-height:1.1}.hero-intro{padding-top:0}.hero-intro p{font-size:12px;margin:20px 0 23px;line-height:1.8}.hero-actions{gap:23px}.hero-actions .button{font-size:11px;gap:23px;min-height:46px;padding:14px 16px}.hero-actions .quiet-link{font-size:11px}.hero-scene{margin:20px -18px 0}.hero-scene .arena-artwork{width:100%}.hero-scene figcaption{font-size:7px;letter-spacing:.5px;margin-top:-12px}.roster{padding-top:33px;padding-bottom:37px}.roster-heading{display:block;margin-bottom:25px}.roster-heading h2{font-size:33px;letter-spacing:-1.5px;margin-top:16px}.roster-heading>p{font-size:11px;max-width:310px;margin-top:22px}.roster-grid{grid-template-columns:1fr;gap:21px}.roster-art{height:220px}.floating-mark{height:91px;width:91px;border-radius:18px}.roster-art figcaption{font-size:7px;letter-spacing:.7px;bottom:18px}.roster-copy{padding:23px}.roster-name{display:flex}.roster-name h3{font-size:25px}.roster-code{display:inline;margin:0;text-align:right;font-size:9px}.roster-copy h4{font-size:13px;margin-top:15px}.roster-copy>p{font-size:12px;line-height:1.85;min-height:0;margin-bottom:24px}.roster-rules{min-height:0;font-size:11px;margin-bottom:23px}.roster-rules>div{grid-template-columns:44px minmax(0,1fr);gap:11px;padding:11px 0}.roster-rules dt{font-size:8px}.roster-rules dd{font-size:11px;line-height:1.7}.preset-launch{font-size:11px;min-height:46px;padding:14px 16px;gap:25px}.preset-launch svg{height:13px;width:13px}.roster-links{display:flex;padding-top:19px}.roster-links button{font-size:10px}.roster-links button+button{margin:0}.methodology{padding-top:33px;padding-bottom:37px}.method-heading{display:block;margin-bottom:24px}.method-heading h2{font-size:30px;line-height:1.2;letter-spacing:-1.3px;margin-bottom:19px}.method-badge{display:inline-block;font-size:7px}.test-flow{grid-template-columns:1fr;padding:25px;gap:17px}.flow-node{gap:16px}.flow-node h3{font-size:22px;margin-top:9px}.flow-node>div>span{font-size:8px;letter-spacing:.7px}.flow-symbol{height:41px;width:41px;border-radius:9px}.flow-symbol svg{height:24px;width:24px}.flow-connector{width:1px;height:24px;margin-left:20px;background-size:1px 20px;animation:connector-flow-vertical 5s linear infinite}.test-flow-note{font-size:11px;line-height:1.85;margin-top:20px}.method-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 20px;padding:25px 0 27px}.method-facts strong{font-size:25px;letter-spacing:-.9px}.method-facts span{font-size:10px;line-height:1.75}.method-faq{margin-top:19px}.method-faq summary{font-size:12px;line-height:1.75;padding:18px 0;gap:19px}.method-faq summary>span{font-size:21px}.method-faq details>p{font-size:11px;line-height:1.9;padding-bottom:22px}.motion-control{bottom:17px;right:18px;padding:9px 11px;font-size:8px;min-height:34px}.record-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.record-stats span{font-size:8px}.record-stats strong{font-size:22px}.footer{padding-bottom:62px}}
@media(max-width:370px){.hero h1{font-size:35px;letter-spacing:-1.9px}.hero-intro p{font-size:11px}.hero-actions{gap:19px}.hero-actions .button{font-size:10px;gap:19px;padding:13px 14px;min-height:43px}.hero-actions .quiet-link{font-size:10px}.hero-scene{margin:20px -15px 0}.hero-scene figcaption{font-size:6px}.roster-heading h2{font-size:30px}.roster-art{height:204px}.roster-art figcaption{font-size:6px}.roster-copy{padding:20px}.roster-name h3{font-size:24px}.roster-code{font-size:8px}.roster-copy h4{font-size:12px}.roster-copy>p{font-size:11px}.roster-rules dd{font-size:10px}.preset-launch{font-size:10px}.roster-links button{font-size:9px}.method-heading h2{font-size:27px}.test-flow{padding:23px}.method-facts strong{font-size:22px}.method-facts span{font-size:9px}.method-faq summary{font-size:11px}.method-faq details>p{font-size:10px}.motion-control{bottom:14px;right:14px;font-size:8px}.record-stats span{font-size:7px}}
@keyframes connector-flow-vertical{to{background-position:0 120px}}
.motion-paused .chart-line-enter{animation:none!important;stroke-dasharray:none}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none;transition:none}.motion-control{display:none}*,*:before,*:after{animation:none!important;transition:none!important}}