/* Consolidated interaction layer. Existing TEAM AF typography and tokens are authoritative. */
:root{--af-product-surface:oklch(.97 0 0);--af-scene-naval:oklch(.75 .06 215);--af-scene-zombie:oklch(.76 .07 140);--af-scene-cyber:oklch(.78 .08 190);--af-scene-ants:oklch(.78 .08 85)}
html,body{letter-spacing:0}body{overflow-x:clip}h1,h2,h3,h4,p,a,span{letter-spacing:0!important}button,a,summary,input,select,textarea{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--af-gold);outline-offset:4px}[hidden]{display:none!important}
.reveal,.af-reveal-ready{opacity:1!important;filter:none!important;transform:none!important}.af-tilt,.surface-card,.course-card,.c{transform:none}.af-card-gleam,.af-network-glow{display:none!important}.af-mark-face{animation:none!important;transition:transform .3s}.af-v6-brand:hover .af-mark-face{transform:rotateY(15deg)}
.af-v6-header{position:sticky;top:0;z-index:50;background:var(--af-ink);border-bottom:1px solid var(--af-line)}.af-v6-nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.af-v6-brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.af-v6-desktop{display:flex;align-items:center;gap:3px}.af-v6-navlink,.af-v6-dropdown>summary{display:flex;gap:9px;align-items:center;min-height:44px;padding:10px 13px;font-size:14px;color:var(--af-muted);cursor:pointer;list-style:none}.af-v6-dropdown{position:relative}.af-v6-dropdown summary::-webkit-details-marker{display:none}.af-v6-dropdown[open]>summary,.af-v6-navlink:hover{color:var(--af-paper)}.af-v6-dropdown>div{position:absolute;top:100%;left:0;min-width:235px;padding:8px;border:1px solid var(--af-line);background:var(--af-panel);box-shadow:var(--af-shadow);border-radius:4px}.af-v6-dropdown>div>a{display:block;font-size:14px;padding:11px 12px;color:var(--af-muted)}.af-v6-dropdown>div>a:hover{background:var(--af-ink);color:var(--af-paper)}.af-menu-toggle{display:none!important}.af-mobile-nav .af-v6-dropdown>div{position:static;box-shadow:none;border:0;margin-left:12px}.af-mobile-nav summary{padding:13px 8px;color:var(--af-paper)}
.af-v6-footer{border-top:1px solid var(--af-line);background:var(--af-ink)}.af-v6-footergrid{display:grid;grid-template-columns:1.8fr 1fr 1.3fr 1fr;gap:32px;padding-block:56px}.af-v6-footergrid p{font-size:13px;line-height:1.8;color:var(--af-muted);max-width:330px;margin:18px 0}.af-v6-footergrid nav h2{font-size:13px;font-family:"Space Grotesk",sans-serif;font-weight:600;color:var(--af-paper);margin:8px 0 20px}.af-v6-footergrid nav a{display:block;padding:6px 0;font-size:13px;color:var(--af-muted)}.af-v6-footergrid nav a:hover{color:var(--af-gold)}.af-v6-social{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.af-v6-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:22px;border-top:1px solid var(--af-line);font-size:12px;color:var(--af-muted)}
.af-v6-section,.af-v6-band{border-bottom:1px solid var(--af-line);padding:56px 0}.af-v6-band h1{font:600 48px/1.1 "Space Grotesk",sans-serif;margin:18px 0 24px}.af-v6-section h2,.af-v6-band h2{font:600 30px/1.2 "Space Grotesk",sans-serif;margin:14px 0 20px}.af-v6-section p,.af-v6-band p{color:var(--af-muted);line-height:1.75;max-width:780px;margin:12px 0}.af-v6-lead{font-size:19px}.af-v6-link,.gx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;min-height:44px;border:1px solid var(--af-line);border-radius:4px;background:transparent;color:var(--af-paper);font-size:14px;font-weight:500;line-height:1.5;text-align:center;white-space:normal}.af-v6-link:hover,.gx-btn:hover{border-color:var(--af-gold)}.af-v6-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.af-v6-consultlink{width:100%;font-size:14px;color:var(--af-gold);padding-top:8px}.af-v6-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.af-v6-card{border:1px solid var(--af-line);padding:24px;border-radius:6px;background:var(--af-panel)}.af-v6-card h3{font:500 19px "Space Grotesk",sans-serif;margin-bottom:12px}.af-v6-card p{font-size:14px}.af-v6-grid ul{list-style:disc;padding-left:20px;line-height:1.8;color:var(--af-muted)}.af-v6-logo{width:170px;height:116px;object-fit:contain}.af-v6-controls{display:grid;grid-template-columns:210px 1fr;gap:14px;margin:24px 0}.af-v6-controls dt{color:var(--af-paper);font-weight:500}.af-v6-controls dd{color:var(--af-muted)}
.af-v6-workspace{margin-top:28px}.af-v6-stage{position:relative;width:100%;aspect-ratio:16/9;background:var(--af-panel);overflow:hidden;border:1px solid var(--af-line)}.af-v6-stage iframe{width:100%;height:100%;position:absolute;inset:0;display:block;border:0;background:var(--af-ink)}.af-v6-launch{position:absolute;inset:auto 0 24px;margin:auto;display:flex;align-items:center;justify-content:center;gap:10px;max-width:calc(100% - 32px);width:max-content;min-height:48px;padding:12px 20px;border:1px solid var(--af-gold);border-radius:4px;color:var(--af-paper);background:var(--af-ink);font-weight:500}.af-v6-launch svg{width:18px;height:18px}.af-v6-exit{position:absolute;top:12px;right:12px;z-index:5;background:var(--af-ink);color:var(--af-paper);border:1px solid var(--af-gold);padding:8px 12px;min-height:44px;border-radius:4px}.af-v6-stage:fullscreen,.af-v6-stage.is-full{width:100%;height:100dvh;max-height:none;aspect-ratio:auto}.af-v6-stage.is-full{position:fixed;inset:0;z-index:9999}.af-v6-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}.af-v6-status{font-size:13px;color:var(--af-muted);padding-block:12px;min-height:38px}.af-v6-before{padding-block:18px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}.af-v6-yt{display:flex;justify-content:space-between;align-items:center;gap:24px}.af-v6-yt h2{font-size:24px;margin-top:0}.gx-hero{padding:64px 0 28px;border-bottom:1px solid var(--af-line)}.gx-hero h1{font:600 48px/1.1 "Space Grotesk",sans-serif;margin:16px 0}.gx-lead{max-width:680px;color:var(--af-muted);font-size:17px;line-height:1.7}.gx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-block:32px}.gx-card{border:1px solid var(--af-line);border-radius:6px;overflow:hidden;min-width:0}.gx-thumb{position:relative;display:block;aspect-ratio:16/9;border-bottom:1px solid var(--af-line)}.gx-body{padding:22px}.gx-body h3{font:500 21px/1.3 "Space Grotesk",sans-serif;margin:9px 0 12px}.gx-body>p{font-size:14px;line-height:1.7;color:var(--af-muted)}.gx-genre{font-size:12px;color:var(--af-gold)}.gx-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:20px;font-size:12px;color:var(--af-muted)}.gx-playbadge{position:absolute;bottom:12px;right:14px;display:flex;gap:8px;align-items:center;font-size:13px}.gx-playbadge svg{width:16px;height:16px}.gx-stats{display:flex;gap:15px;align-items:center;font-size:13px}.gx-stats>span{display:inline-flex;gap:5px;align-items:center}.gx-stats svg{width:16px;height:16px}.gx-stats b{font-weight:400;font-variant-numeric:tabular-nums}.gx-bar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:space-between;padding-block:20px}.gx-info{padding:48px 0}.gx-info h1{font:600 42px/1.15 "Space Grotesk",sans-serif;margin:12px 0 18px}.gx-info h2,.gx-h2{font:500 27px/1.25 "Space Grotesk",sans-serif;margin:28px 0 18px}.gx-info>p{line-height:1.8;color:var(--af-muted)}.gx-cols{display:grid;grid-template-columns:1.6fr 1fr;gap:40px}.gx-text p{line-height:1.8;color:var(--af-muted);margin-bottom:18px}.gx-controls{border-left:1px solid var(--af-line);padding-left:24px}.gx-controls dl{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;font-size:14px}.gx-controls p{font-size:13px;margin-top:18px;color:var(--af-muted)}.gx-tags{display:flex;gap:12px;flex-wrap:wrap;color:var(--af-gold);font-size:12px}.gx-yt,.gx-yt-mini{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:24px;border-block:1px solid var(--af-line);margin-block:20px}.gx-yt p,.gx-yt-mini p{font-size:14px;color:var(--af-muted)}.gx-yt-mini svg{width:20px;height:20px;display:inline-block}.gx-seo{padding-block:30px;max-width:800px}.gx-seo p{line-height:1.8;color:var(--af-muted)}.gx-btn-yt{border-color:var(--af-line);background:transparent}.af-game-scene{position:absolute;inset:0;display:grid;place-items:center;color:var(--af-gold);pointer-events:none}.af-game-scene svg{width:75%;height:75%;max-width:400px}.af-scene-motion{transform-origin:center;animation:af-mini-scene 7s ease-in-out infinite}.af-v6-stage .af-game-scene{bottom:55px}.af-v6-stage .af-game-scene svg{max-width:480px}.af-v6-stage[data-loading] .af-game-scene{opacity:.3}@keyframes af-mini-scene{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.af-v6-products{margin-top:28px}.af-v6-products>summary{font:500 19px "Space Grotesk",sans-serif;padding:20px 0;cursor:pointer;border-block:1px solid var(--af-line)}.af-product-filters{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.af-product-filters button[aria-pressed=true]{background:var(--af-paper);color:var(--af-ink)}.af-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.af-product{border:1px solid var(--af-line);border-radius:6px;overflow:hidden;display:flex;flex-direction:column}.af-product img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--af-product-surface);padding:22px}.af-product>div{padding:20px}.af-product h3{font:500 18px/1.4 "Space Grotesk",sans-serif}.af-product p{font-size:14px}.af-product .af-v6-link{margin-top:12px}.af-v6-preview{display:flex;gap:24px;align-items:center;padding:30px 0;border-top:1px solid var(--af-line)}.af-v6-preview img{width:110px;height:110px;object-fit:contain;background:var(--af-product-surface);border-radius:4px}.af-v6-preview p{font-size:14px;color:var(--af-muted)}
.af-v6-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:850px;margin-top:30px}.af-v6-form input,.af-v6-form select,.af-v6-form textarea{display:block;width:100%;padding:13px;margin-top:8px;border:1px solid var(--af-line);border-radius:4px;background:var(--af-ink);color:var(--af-paper);font:inherit}.af-v6-wide{grid-column:1/-1}.af-v6-form textarea{min-height:130px}.af-v6-band details{border-bottom:1px solid var(--af-line);padding:20px 0}.af-v6-band summary{cursor:pointer}.af-v6-band ul,.af-v6-band ol{padding-left:22px;list-style:disc;line-height:1.8;color:var(--af-muted)}.af-v6-status{min-height:28px}.af-v6-provinces{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px}.af-v6-breadcrumb{font-size:14px;color:var(--af-muted);margin-bottom:24px}.af-v6-primary{border-color:var(--af-gold)}.surface-card dl{grid-template-columns:repeat(3,minmax(0,1fr))}.surface-card dd{overflow-wrap:anywhere}.surface-card>span:last-child{margin-top:auto;padding-top:24px}.af-v6-stage[data-kind=storm]{min-height:460px;aspect-ratio:auto;height:70dvh}
@media(max-width:1023px){.af-v6-desktop{display:none}.af-menu-toggle{display:grid!important}.af-v6-footergrid{grid-template-columns:1.7fr 1fr;gap:36px}.af-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.af-v6-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.af-v6-nav{min-height:66px}.af-v6-footergrid{grid-template-columns:1fr 1fr;gap:28px}.af-v6-footergrid>div:first-child{grid-column:1/-1}.af-v6-bottom{flex-wrap:wrap}.af-v6-section,.af-v6-band{padding:38px 0}.af-v6-band h1,.gx-hero h1{font-size:34px}.af-v6-band h2,.af-v6-section h2{font-size:25px}.gx-grid,.af-v6-grid,.af-product-grid,.gx-cols,.af-v6-form{grid-template-columns:1fr}.gx-controls{border-left:0;border-top:1px solid var(--af-line);padding:24px 0 0}.gx-info h1{font-size:32px}.gx-yt,.gx-yt-mini,.af-v6-before,.af-v6-yt{align-items:flex-start;flex-direction:column}.af-v6-stage{min-height:280px;aspect-ratio:4/3}.af-v6-stage[data-kind=storm]{height:68dvh;min-height:380px}.af-v6-stage.is-full{height:100dvh}.af-v6-controls{grid-template-columns:1fr;gap:8px}.af-v6-controls dd{margin-bottom:16px}.af-v6-wide{grid-column:auto}.af-v6-preview{align-items:flex-start}.af-v6-launch{font-size:14px;bottom:16px}.gx-meta{font-size:12px}.af-v6-header .af-v6-brand .font-display{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}