:root {
    --font-primary: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --ink-950: #0d1111;
    --ink-920: #121718;
    --ink-900: #162021;
    --green-900: #223839;
    --green-800: #2f4f4f;
    --green-700: #416766;
    --paper: #f7f9f9;
    --white: #ffffff;
    --gold: #d4af37;
    --gold-soft: #e7ca72;
    --accent-teal-rgb: 65, 103, 102;
    --accent-gold-rgb: 212, 175, 55;
    --line-dark: rgba(255, 255, 255, 0.14);
    --line-light: rgba(13, 17, 17, 0.12);
    --shadow-soft: 0 18px 50px rgba(13, 17, 17, 0.08);
    --shadow-panel: 0 24px 60px rgba(13, 17, 17, 0.18);
    --radius: 18px;
    --radius-tight: 8px;
    --container: min(100% - 3rem, 1280px);
    --editorial: min(100% - 3rem, 920px);
}

body:not(.arena-page) {
    --site-teal: #00cfc8;
    --site-teal-dark: #007c78;
    --site-gold: #ffc928;
    --site-gold-soft: #ffdc68;
    --accent-teal-rgb: 0, 207, 200;
    --accent-gold-rgb: 255, 201, 40;
    --green-900: #062e2d;
    --green-800: #073c3a;
    --green-700: var(--site-teal-dark);
    --gold: var(--site-gold);
    --gold-soft: var(--site-gold-soft);
    --panel-link: var(--site-gold);
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    min-width: 320px;
    font-family: var(--font-primary);
    font-size: 18px;
    line-height: 1.78;
    background: var(--ink-950);
    color: var(--paper);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    color: inherit;
    text-decoration: none;
}

button {
    font: inherit;
}

img {
    max-width: 100%;
    display: block;
}

ul {
    list-style: none;
}

.eyebrow {
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.nav {
    --menu-viewport-top: 78px;
    position: fixed;
    inset: 0 0 auto;
    z-index: 1000;
    background: rgba(255, 255, 255, 0.98);
    border-bottom: 1px solid rgba(13, 17, 17, 0.08);
    backdrop-filter: blur(16px);
}

.nav-inner {
    width: var(--container);
    margin: 0 auto;
    min-height: 78px;
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.nav .brand {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.7rem;
    font-size: 1.65rem;
    font-weight: 800;
    line-height: 1;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--ink-950);
}

.nav .brand__name {
    font: inherit;
    letter-spacing: normal;
    white-space: nowrap;
}

.nav .brand img {
    width: 62px;
    height: auto;
    flex: 0 0 62px;
}

@media (min-width: 921px) {
    .nav-inner .brand { margin-left: -6px; }
}

.menu-groups {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.menu-group {
    position: relative;
    z-index: 2;
}

.menu-trigger,
.menu-direct {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 44px;
    padding: 0.45rem 0.8rem;
    border: 0;
    border-radius: var(--radius);
    background: transparent;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(13, 17, 17, 0.76);
    cursor: pointer;
    transition: background 160ms ease,
    color 160ms ease;
}

.menu-trigger::after {
    content: "\25be";
    font-size: 0.72rem;
}

.menu-group:hover .menu-trigger,
.menu-group:focus-within .menu-trigger,
.menu-group.is-open .menu-trigger,
.menu-group.is-current .menu-trigger,
.menu-direct:hover,
.menu-direct:focus-visible,
.menu-direct.current {
    background: rgba(13, 17, 17, 0.06);
    color: var(--ink-950);
}

.menu-direct:focus-visible {
    outline: 2px solid rgba(var(--accent-gold-rgb), 0.42);
    outline-offset: 2px;
}

.menu-layer {
    position: fixed;
    top: var(--menu-viewport-top);
    left: 50%;
    z-index: 12;
    padding: 0.65rem 0.8rem 0.9rem;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, 8px);
    pointer-events: none;
    transition: opacity 160ms ease,
    visibility 160ms ease,
    transform 160ms ease;
}

.menu-group--studio .menu-layer {
    left: 50%;
    transform: translate(-50%, 8px);
}

.menu-group--partners .menu-layer {
    left: 50%;
    right: auto;
    transform: translate(-50%, 8px);
}

.menu-panel {
    width: min(720px, calc(100vw - 3rem));
    max-height: calc(100dvh - var(--menu-viewport-top) - 2rem);
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 0.95rem 1.1rem;
    padding: 1rem;
    border: 1px solid rgba(13, 17, 17, 0.08);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.99);
    box-shadow: var(--shadow-panel);
    overflow-y: auto;
    overscroll-behavior: contain;
}

.menu-group:hover .menu-layer,
.menu-group:focus-within .menu-layer,
.menu-group.is-open .menu-layer {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
    pointer-events: auto;
}

.menu-group--studio:hover .menu-layer,
.menu-group--studio:focus-within .menu-layer,
.menu-group--studio.is-open .menu-layer,
.menu-group--partners:hover .menu-layer,
.menu-group--partners:focus-within .menu-layer,
.menu-group--partners.is-open .menu-layer {
    transform: translate(-50%, 0);
}

.menu-section {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
    padding: 0.8rem 0.95rem 0.7rem;
    border-radius: 16px;
    border: 1px solid rgba(13, 17, 17, 0.06);
    background: rgba(13, 17, 17, 0.02);
}

.menu-section-group {
    display: flex;
    flex-direction: column;
    gap: 0.95rem;
}

.menu-section-title {
    margin-bottom: 0.25rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(13, 17, 17, 0.48);
}

.menu-section--books {
    border-color: rgba(var(--accent-gold-rgb), 0.46);
    background: linear-gradient(135deg, rgba(var(--accent-gold-rgb), 0.14), rgba(13, 17, 17, 0.02));
}

.menu-section--books .menu-section-title,
.menu-section--books .submenu-link {
    color: #806200;
}

.menu-section--books .submenu-link {
    font-weight: 800;
}

.submenu-link {
    display: block;
    padding: 0.45rem 0;
    font-size: 0.95rem;
    line-height: 1.45;
    color: rgba(13, 17, 17, 0.76);
    border-bottom: 1px solid rgba(13, 17, 17, 0.06);
    transition: color 160ms ease;
}

.submenu-link:last-child {
    border-bottom: 0;
}

.submenu-link:hover,
.submenu-link.current {
    color: var(--ink-950);
}

.submenu-link.current {
    font-weight: 800;
}

.nav-cta {
    margin-left: 0.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.72rem 1rem;
    border: 1px solid rgba(var(--accent-gold-rgb), 0.82);
    border-radius: var(--radius);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ink-950);
    transition: background 160ms ease,
    color 160ms ease,
    border-color 160ms ease;
}

.nav-cta:hover {
    background: var(--gold);
    border-color: var(--gold);
}

main {
    padding-top: 82px;
}

.section-shell {
    width: var(--container);
    margin: 0 auto;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0.92rem 1.35rem;
    border-radius: var(--radius);
    border: 1px solid transparent;
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.01em;
    transition: transform 160ms ease,
    background 160ms ease,
    color 160ms ease,
    border-color 160ms ease;
}

.btn:hover {
    transform: translateY(-1px);
}

.btn-primary {
    background: var(--gold);
    color: var(--ink-950);
}

.btn-primary:hover {
    background: var(--gold-soft);
}

.btn-ghost {
    border-color: rgba(255, 255, 255, 0.24);
    color: var(--paper);
}

.btn-ghost:hover {
    border-color: var(--gold);
    color: var(--gold-soft);
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.7rem;
}

.hero-actions .btn {
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
}

.home-hero {
    position: relative;
    overflow: hidden;
    padding: 5.2rem 0 4.3rem;
    background: radial-gradient(circle at 92% 18%, rgba(var(--accent-gold-rgb), 0.12), transparent 24%),
    radial-gradient(circle at 8% 82%, rgba(var(--accent-teal-rgb), 0.18), transparent 30%),
    linear-gradient(180deg, rgba(13, 17, 17, 0.98), rgba(13, 17, 17, 0.96));
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.home-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: var(--gold-soft);
    opacity: 0.085;
    -webkit-mask: url("../assets/galaxy-pattern.svg") 58% 48% / 116% auto no-repeat;
    mask: url("../assets/galaxy-pattern.svg") 58% 48% / 116% auto no-repeat;
    pointer-events: none;
}

.home-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 88% 18%, rgba(var(--accent-gold-rgb), 0.1), transparent 18%),
    radial-gradient(circle at 12% 82%, rgba(var(--accent-teal-rgb), 0.12), transparent 24%);
    pointer-events: none;
}

.home-hero .eyebrow,
.home-floor--dark .eyebrow,
.page-cta .eyebrow,
.theme-dark .eyebrow,
.theme-green .eyebrow {
    color: var(--gold-soft);
}

.theme-light .eyebrow {
    color: var(--green-700);
}

.home-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.42fr) minmax(360px, 0.9fr);
    gap: clamp(2rem, 5vw, 4.8rem);
    align-items: stretch;
}

.home-hero-copy {
    max-width: 760px;
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.home-hero-copy .hero-actions {
    margin-top: auto;
    padding-top: 1.3rem;
}

.home-hero-grid:not(.is-expanded) .hero-process-cards {
    margin-top: 1rem;
}

.home-hero-grid:not(.is-expanded) .home-hero-copy .hero-actions {
    padding-top: 0.8rem;
}

.home-hero-grid:not(.is-expanded) .home-hero {
    padding-bottom: 2.5rem;
}

.hero-text-toggle {
    display: inline;
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    font: inherit;
    font-size: 1.1rem;
    color: var(--gold-soft);
    cursor: pointer;
    line-height: inherit;
}

.hero-text-toggle:hover {
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

.full-text {
    display: none;
}

.home-hero-grid.is-expanded .full-text {
    display: inline;
}

.home-hero h1 {
    margin-top: 0.7rem;
    font-size: clamp(2.2rem, 4.2vw, 3.45rem);
    line-height: 1.06;
    letter-spacing: 0;
}

.home-hero .lead {
    margin-top: 1.1rem;
    font-size: 1.22rem;
    line-height: 1.72;
}

.home-hero .lead,
.home-hero .hero-support,
.hero-panel p,
.home-hero-copy p,
.hero-support,
.section-intro,
.teaser-card p,
.theme-dark .page-section p,
.theme-green .page-section p,
.theme-dark .page-cta p,
.theme-green .page-cta p {
    color: rgba(247, 249, 249, 0.84);
    text-align: justify;
    text-justify: inter-word;
}

.home-hero .hero-support,
.hero-panel p,
.home-hero-copy p,
.hero-support,
.theme-dark .page-section p,
.theme-green .page-section p,
.theme-dark .page-cta p,
.theme-green .page-cta p {
    text-align: justify;
    text-justify: inter-word;
}

.home-hero-copy .lead,
.home-hero-copy p,
.hero-panel p,
.teaser-card p {
    text-align: left;
    text-justify: auto;
}

.home-hero-copy .lead,
.home-hero-copy p,
.hero-panel p {
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
}

.hero-support {
    margin-top: 1rem;
    font-size: 1.22rem;
    line-height: 1.72;
}

.hero-process-cards {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.55rem;
    margin-top: 1.75rem;
}

.hero-process-card {
    position: relative;
    min-height: 136px;
    display: grid;
    place-items: center;
    gap: 0.78rem;
    padding: 1rem 0.75rem 0.95rem;
    text-align: center;
    transition: transform 180ms ease;
}

.hero-process-card:not(:last-child)::after {
    content: "\2192";
    position: absolute;
    top: 50%;
    left: calc(100% + 0.20rem);
    transform: translateY(-50%);
    color: rgba(231, 202, 114, 0.86);
    font-size: 1.55rem;
    line-height: 1;
}

.hero-process-card:hover {
    transform: translateY(-2px);
}

.hero-process-icon {
    position: relative;
    width: 52px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--gold-soft);
}

.hero-process-icon::before {
    content: "";
    position: absolute;
    inset: -10px;
    border-radius: 50%;
    background: radial-gradient(circle at center, rgba(231, 202, 114, 0.45), rgba(231, 202, 114, 0.12) 45%, transparent 70%);
    z-index: -1;
    animation: icon-glow-pulse 3s ease-in-out infinite alternate;
}

@keyframes icon-glow-pulse {
    0% { opacity: 0.7; transform: scale(0.92); }
    100% { opacity: 1; transform: scale(1.08); }
}

.hero-process-icon svg {
    width: 34px;
    height: 34px;
    stroke: currentColor;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    filter: drop-shadow(0 0 14px rgba(231, 202, 114, 0.82));
}

.hero-process-card strong {
    font-size: 0.92rem;
    line-height: 1.22;
    letter-spacing: 0;
}

.hero-panel {
    position: relative;
    isolation: isolate;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    border-radius: var(--radius-tight);
    border: 1px solid rgba(var(--accent-gold-rgb), 0.34);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025)), color-mix(in srgb, var(--floor-bg, var(--ink-950)) 68%, transparent);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    overflow: hidden;
}

.hero-panel::after {
    content: "";
    position: absolute;
    inset: auto -2rem -2.3rem auto;
    width: 58%;
    height: 42%;
    opacity: 0.13;
    background: linear-gradient(90deg, rgba(231, 202, 114, 0.34) 1px, transparent 1px),
    linear-gradient(0deg, rgba(231, 202, 114, 0.28) 1px, transparent 1px);
    background-size: 22px 18px;
    mask-image: radial-gradient(circle at 100% 100%, #000 0 62%, transparent 74%);
    pointer-events: none;
    z-index: 0;
}

.hero-panel > *:not(.system-orbit) {
    position: relative;
    z-index: 1;
}

.hero-panel h2 {
    margin-top: 0.7rem;
    max-width: none;
    font-size: 1.42rem;
    line-height: 1.2;
    letter-spacing: 0;
    white-space: nowrap;
}

.hero-panel-title-link {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

.hero-panel-title-link:hover {
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

.hero-panel p {
    margin-top: 0.9rem;
    font-size: 1.22rem;
    line-height: 1.72;
}

.hero-panel .gold-link {
    margin-top: auto;
    padding-top: 1rem;
}

.hero-panel .hero-text-toggle {
    margin-top: auto;
}

.hero-system-map {
    isolation: isolate;
}

.system-orbit {
    position: absolute;
    inset: 0;
    width: auto;
    aspect-ratio: 1;
    opacity: 0.32;
    pointer-events: none;
    z-index: 0;
}

.system-orbit span {
    position: absolute;
    border: 1px solid rgba(231, 202, 114, 0.18);
    border-radius: 50%;
}

.system-orbit span:nth-child(1) {
    width: 360px;
    height: 360px;
    right: -150px;
    top: -150px;
}

.system-orbit span:nth-child(2) {
    width: 520px;
    height: 520px;
    right: -300px;
    bottom: -280px;
    border-color: rgba(255, 255, 255, 0.1);
}
/*
.system-orbit span:nth-child(3) {
    width: 9px;
    height: 9px;
    right: 2.1rem;
    top: 2.4rem;
    background: rgba(231, 202, 114, 0.52);
    border-color: rgba(231, 202, 114, 0.52);
    box-shadow: 0 0 24px rgba(var(--accent-gold-rgb), 0.18);
}*/

.flow-stack {
    display: grid;
    gap: 0.72rem;
    margin-top: 1.35rem;
}

.flow-step {
    position: relative;
    display: grid;
    grid-template-columns: 46px 1fr;
    gap: 0.85rem;
    align-items: start;
    padding: 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: var(--radius-tight);
    background: rgba(13, 17, 17, 0.28);
    transition: transform 180ms ease,
    border-color 180ms ease,
    background 180ms ease;
}

.flow-step:hover {
    transform: translateX(3px);
    border-color: rgba(231, 202, 114, 0.58);
    background: rgba(255, 255, 255, 0.06);
}

.flow-icon {
    display: inline-flex;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(var(--accent-gold-rgb), 0.14);
    color: var(--gold-soft);
    font-size: 0.78rem;
    font-weight: 900;
}

.flow-step strong {
    display: block;
    margin-bottom: 0.14rem;
    color: var(--paper);
}

.flow-step span:last-child {
    font-size: 0.92rem;
    line-height: 1.5;
    color: rgba(247, 249, 249, 0.72);
}

.hero-positioning {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.hero-positioning h3 {
    font-size: 1.02rem;
    line-height: 1.28;
    letter-spacing: 0;
}

.hero-positioning p {
    margin-top: 0.45rem;
    font-size: 0.92rem;
    line-height: 1.56;
    color: rgba(247, 249, 249, 0.72);
}

.home-floor {
    position: relative;
    overflow: hidden;
    padding: 4.1rem 0;
}

.home-floor::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: currentColor;
    opacity: 0.068;
    -webkit-mask: url("../assets/galaxy-pattern.svg") var(--galaxy-x, 54%) var(--galaxy-y, 50%) / var(--galaxy-size, 118%) auto no-repeat;
    mask: url("../assets/galaxy-pattern.svg") var(--galaxy-x, 54%) var(--galaxy-y, 50%) / var(--galaxy-size, 118%) auto no-repeat;
    pointer-events: none;
}

.home-floor::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 82% 22%, currentColor 0 1.5px, transparent 2px),
    radial-gradient(circle at 18% 72%, currentColor 0 1px, transparent 1.5px);
    opacity: 0.035;
    pointer-events: none;
}

.home-floor > .section-shell {
    position: relative;
    z-index: 1;
}

.home-floor--light::before,
.home-floor--light::after {
    color: var(--green-700);
}

.home-floor--dark::before,
.home-floor--dark::after {
    color: var(--gold-soft);
}

.home-floor:nth-of-type(odd)::before {
    transform: scaleX(-1);
}

.home-floor:nth-of-type(odd)::after {
    transform: scaleX(-1);
}

.home-floor:nth-of-type(3n) {
    --galaxy-x: 38%;
    --galaxy-y: 46%;
    --galaxy-size: 130%;
}

.home-floor:nth-of-type(3n + 1) {
    --galaxy-x: 66%;
    --galaxy-y: 54%;
    --galaxy-size: 124%;
}

.home-floor:nth-of-type(3n + 2) {
    --galaxy-x: 50%;
    --galaxy-y: 62%;
    --galaxy-size: 112%;
}

.home-floor h2 {
    margin-top: 0.6rem;
    font-size: clamp(1.68rem, 2.9vw, 2.18rem);
    line-height: 1.14;
    letter-spacing: 0;
}

.section-intro {
    margin-top: 0.95rem;
    font-size: 1.12rem;
}

.home-floor--dark .section-intro {
    color: rgba(247, 249, 249, 0.8);
}

.home-floor--light .section-intro {
    color: rgba(13, 17, 17, 0.72);
}

.home-floor--studio {
    --floor-bg: var(--green-800);
    background: var(--green-800);
}

.home-floor--services {
    --floor-bg: var(--ink-900);
    background: var(--ink-900);
}

.home-floor--investors {
    --floor-bg: var(--paper);
    background: var(--paper);
    color: var(--ink-950);
}

.home-floor--ventures {
    --floor-bg: var(--ink-950);
    background: var(--ink-950);
}

.home-floor--partners .teaser-grid,
.home-floor--thesis .teaser-grid,
.home-floor--research .teaser-grid {
    grid-template-columns: repeat(2, 1fr);
}

.home-floor--partners {
    --floor-bg: var(--paper);
    background: var(--paper);
    color: var(--ink-950);
}

.home-floor--thesis {
    --floor-bg: var(--green-800);
    background: var(--green-800);
}

.home-floor--research {
    --floor-bg: var(--green-800);
    background: var(--green-800);
}

.home-floor--operating {
    --floor-bg: var(--paper);
    background: var(--paper);
    color: var(--ink-950);
}

.home-floor--contact {
    --floor-bg: var(--ink-950);
    background: var(--ink-950);
}


.teaser-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-top: 1.95rem;
}

.teaser-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    min-height: 245px;
    padding: 1.4rem;
    border-radius: var(--radius-tight);
    transition: transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    background 180ms ease;
}

.home-floor--dark .teaser-card {
    border: 1px solid rgba(255, 255, 255, 0.13);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.025)),
    color-mix(in srgb, var(--floor-bg, var(--ink-950)) 68%, transparent);
    backdrop-filter: blur(2px);
}

.home-floor--light .teaser-card {
    border: 1px solid rgba(13, 17, 17, 0.1);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.58)),
    color-mix(in srgb, var(--floor-bg, var(--paper)) 68%, transparent);
    backdrop-filter: blur(2px);
    box-shadow: var(--shadow-soft);
}

.teaser-card:hover {
    transform: translateY(-3px);
    border-color: rgba(var(--accent-gold-rgb), 0.72);
}

.home-floor--ventures .teaser-card {
    padding-top: 1.1rem;
}

.home-floor--dark .teaser-card:hover {
    background: rgba(255, 255, 255, 0.05);
}

.teaser-card h3 {
    font-size: 1.2rem;
    line-height: 1.28;
    letter-spacing: 0;
}

.teaser-card p {
    flex: 1;
    font-size: 1.02rem;
    text-align: justify;
    text-justify: inter-word;
}

.home-floor--dark .teaser-card p {
    color: rgba(247, 249, 249, 0.78);
}

.home-floor--light .teaser-card p {
    color: rgba(13, 17, 17, 0.68);
}

.teaser-link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.94rem;
    font-weight: 800;
}

.home-floor--dark .teaser-link {
    color: var(--gold-soft);
}

.home-floor--light .teaser-link {
    color: var(--green-700);
}

.teaser-link::after {
    content: "\2192";
    font-size: 0.95rem;
}

.venture-tag {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    padding: 0.28rem 0.52rem;
    border: 1px solid rgba(231, 202, 114, 0.3);
    border-radius: 999px;
    background: rgba(var(--accent-gold-rgb), 0.1);
    color: var(--gold-soft);
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    line-height: 1.2;
    text-transform: uppercase;
}

.home-floor--light .venture-tag {
    border-color: rgba(var(--accent-teal-rgb), 0.2);
    background: rgba(var(--accent-teal-rgb), 0.06);
    color: var(--green-700);
}

.page-main {
    padding: 4.6rem 0 5.5rem;
}

.theme-dark {
    background: var(--ink-950);
    color: var(--paper);
}

.theme-light {
    background: var(--paper);
    color: var(--ink-950);
}

.theme-green {
    background: var(--green-900);
    color: var(--paper);
}

.theme-dark,
.theme-green {
    --panel-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.03));
    --panel-card-surface: rgba(255, 255, 255, 0.035);
    --panel-card-hover: rgba(255, 255, 255, 0.075);
    --panel-border-strong: rgba(231, 202, 114, 0.28);
    --panel-border-soft: rgba(255, 255, 255, 0.11);
    --panel-copy: rgba(247, 249, 249, 0.82);
    --panel-link: var(--gold-soft);
    --panel-shadow-color: rgba(6, 10, 10, 0.28);
}

.theme-light {
    --panel-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.9));
    --panel-card-surface: rgba(var(--accent-teal-rgb), 0.06);
    --panel-card-hover: rgba(var(--accent-teal-rgb), 0.1);
    --panel-border-strong: rgba(var(--accent-teal-rgb), 0.22);
    --panel-border-soft: rgba(13, 17, 17, 0.1);
    --panel-copy: rgba(13, 17, 17, 0.74);
    --panel-link: var(--green-700);
    --panel-shadow-color: rgba(13, 17, 17, 0.08);
}

.page-shell {
    width: var(--container);
    margin: 0 auto;
}

.page-hero {
    padding: 1.5rem 0 1.8rem;
}

.breadcrumb {
    font-size: clamp(1.1rem, 2.2vw, 1.45rem);
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.3;
    text-indent: 0;
}

.breadcrumb a {
    color: inherit;
    text-decoration: none;
}

.breadcrumb a:hover {
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

.breadcrumb-sep {
    opacity: 0.45;
    font-weight: 400;
    margin: 0 0.3em;
}

.page-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 1.6rem;
    font-size: 0.98rem;
}

.page-links a {
    position: relative;
    color: inherit;
    opacity: 0.72;
}

.page-links a.current {
    opacity: 1;
    font-weight: 800;
}

.page-links a:not(:last-child)::after {
    content: "\00b7";
    margin-left: 0.55rem;
    opacity: 0.42;
}

.page-copy {
    padding-top: 2rem;
}

.page-section {
    padding-top: 1.6rem;
    margin-top: 1.6rem;
}

.page-section:first-child {
    padding-top: 0;
    margin-top: 0;
}

.page-section h2,
.page-cta h2 {
    margin: 0 0 0.85rem;
    font-size: clamp(1.22rem, 2vw, 1.38rem);
    line-height: 1.22;
    letter-spacing: -0.02em;
}

.page-section h2 a {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.16em;
    text-decoration-color: rgba(var(--accent-gold-rgb), 0.45);
}

.page-section p {
    font-size: 1.1rem;
}

.page-section p,
.page-cta p {
    margin: 0;
    text-align: justify;
    text-justify: inter-word;
    text-indent: 1.8em;
}

.theme-light .page-section p,
.theme-light .page-cta p {
    color: rgba(13, 17, 17, 0.72);
}

.page-copy p a,
.home-hero-copy p a,
.hero-panel p a,
.page-cta p a {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.18em;
    text-decoration-color: rgba(var(--accent-gold-rgb), 0.45);
}

.page-card-panel.page-section,
.page-cta.page-card-panel {
    position: relative;
    margin-top: 2.55rem;
    padding: 1.4rem 1.45rem 1.5rem;
    border: 1px solid var(--panel-border-strong);
    border-radius: calc(var(--radius) + 4px);
    background: var(--panel-surface);
    box-shadow: 0 24px 60px var(--panel-shadow-color);
    overflow: hidden;
}

.page-card-panel::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    background: linear-gradient(90deg, var(--panel-link), rgba(231, 202, 114, 0));
}

.page-card-panel__header {
    display: grid;
    gap: 0.32rem;
}

.page-card-panel__copy,
.related-card p,
.page-section--related .related-card p {
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
}

.page-cta.page-card-panel {
    border-top: 1px solid var(--panel-border-strong);
}

.page-cta.page-card-panel p.page-card-panel__copy {
    margin-top: 0.95rem;
    font-size: 1.03rem;
    color: var(--panel-copy);
}

.page-cta.page-card-panel .hero-actions {
    margin-top: 1.2rem;
}

.page-section--related .page-card-panel__header h2 {
    max-width: 18ch;
}

.related-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1.25rem;
}

.related-card {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    min-height: 100%;
    padding: 1.05rem 1.1rem;
    border-radius: 16px;
    border: 1px solid var(--panel-border-soft);
    background: var(--panel-card-surface);
    transition: transform 180ms ease,
    border-color 180ms ease,
    background 180ms ease,
    box-shadow 180ms ease;
}

.related-card:hover {
    transform: translateY(-2px);
    border-color: var(--panel-border-strong);
    background: var(--panel-card-hover);
    box-shadow: 0 16px 32px rgba(13, 17, 17, 0.12);
}

.related-card__eyebrow,
.related-card__link {
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.related-card__eyebrow,
.related-card__link {
    color: var(--panel-link);
}

.related-card h3 {
    font-size: 1.03rem;
    line-height: 1.3;
    letter-spacing: -0.02em;
}

.page-section--related .related-card p {
    margin: 0;
    font-size: 0.99rem;
    line-height: 1.64;
    color: var(--panel-copy);
}

.related-card__link {
    margin-top: auto;
}

.related-card--plain p {
    text-align: left;
    text-indent: 0;
}

.article-shell {
    max-width: 960px;
}

.article-hero h1 {
    margin-top: 1rem;
    max-width: 860px;
    font-size: clamp(1.45rem, 2.6vw, 2rem);
    line-height: 1.18;
    letter-spacing: 0;
    color: var(--green-700);
}

.article-date {
    margin-top: 0.75rem;
    font-size: 0.94rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ink-700);
}

.article-copy .page-section {
    padding-top: 2.2rem;
    margin-top: 2.2rem;
}

.article-copy .page-section:first-child {
    padding-top: 0;
    margin-top: 0;
}

.article-copy .page-section h2 {
    font-size: clamp(1.35rem, 2.4vw, 1.8rem);
    line-height: 1.18;
}

.article-copy .page-section p {
    text-align: justify;
    text-justify: inter-word;
    text-indent: 1.35rem;
    hyphens: auto;
}

.article-copy blockquote {
    margin: 1.25rem 0;
    padding: 1rem 1.15rem;
    border-left: 4px solid var(--green-700);
    border-radius: 0 var(--radius-tight) var(--radius-tight) 0;
    background: rgba(var(--accent-teal-rgb), 0.08);
}

.article-copy blockquote p {
    text-indent: 0;
    text-align: left;
    color: var(--ink-950);
}

.table-scroll {
    margin: 1.35rem 0;
    overflow-x: auto;
    border: 1px solid var(--panel-border-soft);
    border-radius: var(--radius-tight);
    background: rgba(255, 255, 255, 0.72);
}

.article-table {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
    color: var(--ink-950);
}

.article-table th,
.article-table td {
    padding: 0.85rem 0.95rem;
    border-bottom: 1px solid var(--panel-border-soft);
    vertical-align: top;
    text-align: left;
}

.article-table th {
    background: rgba(var(--accent-teal-rgb), 0.1);
    font-size: 0.82rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.article-table tr:last-child td {
    border-bottom: 0;
}

.article-table--investor {
    min-width: 0;
    table-layout: fixed;
}

.article-table--investor th,
.article-table--investor td {
    overflow-wrap: anywhere;
}

.article-table--investor td:first-child {
    font-weight: 800;
}

.article-references .reference-list {
    display: grid;
    gap: 0.95rem;
    margin-left: 1.25rem;
    color: rgba(13, 17, 17, 0.72);
}

.article-references .reference-list li {
    padding-left: 0.25rem;
    font-size: 0.98rem;
    line-height: 1.62;
}

.article-references .reference-list a {
    overflow-wrap: anywhere;
    text-decoration: underline;
    text-underline-offset: 0.18em;
    text-decoration-color: rgba(var(--accent-gold-rgb), 0.45);
}

.page-cta--home {
    max-width: 760px;
    margin-top: 1.95rem;
}

.page-cta--home p {
    color: rgba(247, 249, 249, 0.82);
}

.footer {
    padding: 1.45rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    background: var(--ink-950);
}

body.legal-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

body.legal-page .page-main {
    flex: 1;
}

body.legal-page .footer {
    margin-top: auto;
}

.footer .container {
    width: var(--container);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 0.8rem;
}

.footer p {
    color: rgba(247, 249, 249, 0.72);
    font-size: 0.82rem;
}

.footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.footer-links a {
    padding: 0.22rem 0.55rem;
    border-radius: var(--radius);
    border: 1px solid rgba(255, 255, 255, 0.16);
    font-size: 0.78rem;
    color: rgba(247, 249, 249, 0.82);
    transition: background 160ms ease,
    color 160ms ease,
    border-color 160ms ease;
}

.footer-links a:hover {
    background: var(--gold-soft);
    border-color: var(--gold-soft);
    color: var(--ink-950);
}

@media (max-width: 1080px) {
    .home-hero-grid {
        grid-template-columns: 1fr;
    }

    .hero-panel {
        max-width: none;
    }
}

@media (max-width: 920px) {
    .nav {
        --menu-viewport-top: 132px;
    }

    .nav-inner {
        width: min(100% - 1.6rem, 1180px);
        min-height: 70px;
        flex-wrap: wrap;
        gap: 0.75rem 1rem;
        padding: 0.55rem 0 0.8rem;
    }

    .menu-groups {
        order: 3;
        width: 100%;
        margin-left: 0;
        justify-content: flex-start;
        gap: 0.25rem;
    }

    .menu-trigger {
        padding-inline: 0.7rem;
    }

    .menu-layer,
    .menu-group--studio .menu-layer,
    .menu-group--partners .menu-layer {
        position: fixed;
        top: var(--menu-viewport-top);
        right: 0.8rem;
        left: 0.8rem;
        width: auto;
        max-width: none;
        padding: 0.45rem 0 0.8rem;
        transform: translateY(8px);
    }

    .menu-group:hover .menu-layer,
    .menu-group:focus-within .menu-layer,
    .menu-group.is-open .menu-layer {
        transform: translateY(0);
    }

    .menu-panel {
        width: 100%;
        max-width: none;
        max-height: calc(100dvh - var(--menu-viewport-top) - 2rem);
        margin: 0 auto;
        overflow-y: auto;
        overscroll-behavior: contain;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .page-shell,
    .section-shell,
    .footer .container {
        width: min(100% - 1.6rem, 1180px);
    }

    main {
        padding-top: 132px;
    }
}

.nav-cta.current {
    background: var(--gold);
    border-color: var(--gold);
}

.arena-main {
    padding-top: 82px;
}

.arena-experience {
    --arena-bg: #071011;
    --arena-panel: rgba(255, 255, 255, 0.055);
    --arena-line: rgba(255, 255, 255, 0.15);
    --arena-copy: rgba(247, 249, 249, 0.82);
    --arena-muted: rgba(247, 249, 249, 0.62);
    --arena-signal: #54e7e2;
    --arena-risk: #ff5e62;
    --arena-gold: #e7ca72;
    --arena-research: #9f8cff;
    position: relative;
    isolation: isolate;
    min-height: calc(100vh - 82px);
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(84, 231, 226, 0.04) 1px, transparent 1px),
        linear-gradient(0deg, rgba(231, 202, 114, 0.035) 1px, transparent 1px),
        radial-gradient(circle at 50% 42%, rgba(84, 231, 226, 0.16), transparent 30%),
        radial-gradient(circle at 76% 22%, rgba(231, 202, 114, 0.11), transparent 23%),
        linear-gradient(180deg, #071011 0%, #0d1111 58%, #101817 100%);
    background-size: 42px 42px, 42px 42px, auto, auto, auto;
    color: var(--paper);
}

.arena-experience[data-tone="builder"] {
    --tone: var(--arena-signal);
    --tone-soft: rgba(84, 231, 226, 0.16);
}

.arena-experience[data-tone="investor"] {
    --tone: var(--arena-gold);
    --tone-soft: rgba(231, 202, 114, 0.16);
}

.arena-experience[data-tone="researcher"] {
    --tone: var(--arena-research);
    --tone-soft: rgba(159, 140, 255, 0.16);
}

.arena-experience[data-tone="neutral"] {
    --tone: var(--arena-signal);
    --tone-soft: rgba(84, 231, 226, 0.13);
}

.arena-particles {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

.arena-experience::before {
    content: "";
    position: absolute;
    inset: 7% 5% auto;
    height: 72%;
    border: 1px solid rgba(84, 231, 226, 0.13);
    border-bottom-color: rgba(231, 202, 114, 0.12);
    border-radius: 50%;
    transform: perspective(900px) rotateX(64deg);
    box-shadow: inset 0 0 80px rgba(84, 231, 226, 0.05), 0 0 80px rgba(84, 231, 226, 0.05);
    pointer-events: none;
    z-index: 1;
}

.arena-experience::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(180deg, rgba(7, 16, 17, 0.2), transparent 30%, rgba(7, 16, 17, 0.52)),
        radial-gradient(circle at 50% 50%, transparent 0 48%, rgba(7, 16, 17, 0.52) 80%);
    pointer-events: none;
}

.arena-shell {
    position: relative;
    z-index: 2;
    width: min(100% - 3rem, 1280px);
    min-height: calc(100vh - 82px);
    margin: 0 auto;
    display: grid;
    align-items: center;
    padding: clamp(5rem, 7vw, 7.2rem) 0 clamp(3rem, 5vw, 4.5rem);
}

.arena-scene {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(330px, 0.74fr);
    gap: clamp(1.2rem, 3vw, 2.4rem);
    align-items: stretch;
}

.arena-copy {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    gap: 1rem;
    align-content: stretch;
    min-width: 0;
    width: min(100%, 620px);
    max-width: 620px;
    min-height: min(53vh, 470px);
    padding: clamp(0.8rem, 2vw, 1.2rem) 0;
}

.arena-headline {
    display: grid;
    gap: 0.08em;
    margin: 0;
    max-width: min(100%, 34ch);
    font-size: clamp(2rem, 4.2vw, 3.75rem);
    line-height: 1.02;
    letter-spacing: 0;
    overflow-wrap: normal;
    word-break: normal;
    white-space: nowrap;
}

.arena-line {
    display: block;
    overflow-wrap: normal;
    word-break: normal;
}

.arena-headline .arena-line {
    white-space: nowrap;
}

.arena-line.is-typing::after {
    content: "";
    display: inline-block;
    width: 0.09em;
    height: 0.82em;
    margin-left: 0.07em;
    vertical-align: -0.05em;
    background: var(--tone);
    box-shadow: 0 0 10px var(--tone);
    animation: arena-caret 620ms steps(1, end) infinite;
}

.arena-subtitle,
.arena-between,
.arena-role-final,
.arena-statement,
.arena-punchline,
.arena-final-fixed,
.arena-infographic-text,
.arena-micro,
.arena-punchline-list p {
    margin: 0;
    color: var(--arena-copy);
    max-width: 64ch;
    font-size: clamp(0.98rem, 1.18vw, 1.12rem);
    font-weight: 650;
    line-height: 1.55;
    letter-spacing: 0;
    text-align: justify;
    text-align-last: left;
    text-wrap: pretty;
}

.arena-between,
.arena-role-final {
    padding-left: 1rem;
    border-left: 2px solid var(--tone);
}

.arena-statement,
.arena-punchline,
.arena-role-final,
.arena-final-fixed {
    color: rgba(247, 249, 249, 0.9);
}

.arena-infographic-text {
    color: var(--arena-gold);
    font-weight: 800;
}

.arena-micro {
    color: rgba(247, 249, 249, 0.78);
}

.arena-punchline-list {
    display: grid;
    gap: 0.45rem;
}

.arena-mini-deck {
    position: relative;
    width: 100%;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    border: 1px solid rgba(84, 231, 226, 0.23);
    border-radius: 13px;
    background: linear-gradient(118deg, rgba(84, 231, 226, 0.1), rgba(7, 16, 17, 0.76) 48%, rgba(231, 202, 114, 0.07));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 14px 32px rgba(0, 0, 0, 0.12);
    overflow: hidden;
}

.arena-mini-deck__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.42rem 0.6rem 0.34rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(247, 249, 249, 0.55);
    font-size: 0.57rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    line-height: 1;
    text-transform: uppercase;
}

.arena-mini-deck__count {
    color: var(--arena-gold);
    font-variant-numeric: tabular-nums;
}

.arena-mini-slide {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(150px, 34%);
    align-items: start;
    min-height: 0;
    gap: clamp(0.8rem, 2vw, 1.5rem);
    padding: clamp(1.4rem, 3vw, 2rem) clamp(2.7rem, 4.2vw, 3.7rem) clamp(1.15rem, 2.2vw, 1.6rem);
    overflow: hidden;
}

.arena-mini-slide__copy {
    min-width: 0;
    min-height: 0;
    max-height: 100%;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(84, 231, 226, 0.35) transparent;
}

.arena-slide-eyebrow {
    margin: 0 0 1rem;
    color: var(--tone);
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.13em;
    line-height: 1.1;
    text-transform: uppercase;
}

.arena-mini-slide__copy .arena-headline {
    max-width: 100%;
    margin: 0;
    font-size: clamp(1.65rem, 2.35vw, 2.35rem);
    line-height: 1.02;
    white-space: normal;
}

.arena-mini-slide__copy .arena-headline .arena-line {
    white-space: normal;
}

.arena-mini-slide__copy .arena-subtitle,
.arena-mini-slide__copy .arena-between,
.arena-mini-slide__copy .arena-statement,
.arena-mini-slide__copy .arena-punchline,
.arena-mini-slide__copy .arena-infographic-text,
.arena-mini-slide__copy .arena-micro,
.arena-mini-slide__copy .arena-punchline-list p {
    max-width: 50ch;
    font-size: clamp(0.92rem, 1.12vw, 1.02rem);
    font-weight: 500;
    line-height: 1.44;
}

.arena-mini-slide__copy .arena-subtitle {
    margin-top: 1rem;
}

.arena-mini-slide__copy .arena-statement,
.arena-mini-slide__copy .arena-punchline,
.arena-mini-slide__copy .arena-infographic-text,
.arena-mini-slide__copy .arena-micro,
.arena-mini-slide__copy .arena-punchline-list {
    margin-top: 0.7rem;
}

.arena-mini-diagram {
    position: relative;
    width: min(100%, 190px);
    height: min(32vh, 190px);
    justify-self: center;
    align-self: start;
    overflow: hidden;
}

.arena-mini-diagram::before {
    content: "";
    position: absolute;
    inset: 8px 0 0;
    border-top: 1px solid rgba(84, 231, 226, 0.12);
    border-bottom: 1px solid rgba(84, 231, 226, 0.08);
    background: linear-gradient(90deg, rgba(84, 231, 226, 0.035) 1px, transparent 1px);
    background-size: 22px 100%;
}

.arena-mini-diagram--trace svg {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.arena-mini-diagram--trace path:first-child {
    fill: none;
    stroke: var(--tone);
    stroke-width: 2;
    stroke-dasharray: 180;
    stroke-dashoffset: 180;
    filter: drop-shadow(0 0 4px var(--tone));
    animation: arena-mini-trace 2.8s ease-out infinite;
}

.arena-mini-diagram--trace path:nth-child(2) {
    fill: none;
    stroke: rgba(247, 249, 249, 0.3);
    stroke-width: 1;
    stroke-dasharray: 3 4;
}

.arena-mini-diagram--trace circle {
    fill: var(--arena-gold);
    filter: drop-shadow(0 0 3px var(--arena-gold));
    animation: arena-mini-pulse 2.8s ease-in-out infinite;
}

.arena-mini-diagram--trace circle:nth-of-type(2) { animation-delay: 0.35s; }
.arena-mini-diagram--trace circle:nth-of-type(3) { animation-delay: 0.7s; }
.arena-mini-diagram--trace circle:nth-of-type(4) { animation-delay: 1.05s; }

.arena-mini-diagram--bars {
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 8px;
    padding: 10px 10px 8px;
}

.arena-mini-diagram--bars i {
    position: relative;
    z-index: 1;
    width: 14px;
    height: var(--bar-height);
    border: 1px solid color-mix(in srgb, var(--tone) 72%, transparent);
    border-radius: 4px 4px 1px 1px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--tone) 65%, transparent), rgba(7, 16, 17, 0.25));
    box-shadow: 0 0 12px color-mix(in srgb, var(--tone) 24%, transparent);
    transform-origin: bottom;
    animation: arena-mini-bars 2.6s ease-in-out infinite;
}

.arena-mini-diagram--bars i:nth-child(1) { --bar-height: 23px; animation-delay: -1s; }
.arena-mini-diagram--bars i:nth-child(2) { --bar-height: 43px; animation-delay: -0.55s; }
.arena-mini-diagram--bars i:nth-child(3) { --bar-height: 31px; animation-delay: -0.15s; }
.arena-mini-diagram--bars i:nth-child(4) { --bar-height: 51px; animation-delay: -0.75s; }
.arena-mini-diagram--bars span {
    position: absolute;
    right: 7px;
    top: 7px;
    z-index: 2;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--arena-gold);
    box-shadow: 0 0 12px var(--arena-gold);
    animation: arena-mini-pulse 1.8s ease-in-out infinite;
}

.arena-mini-diagram--nodes::after {
    content: "";
    position: absolute;
    top: 31px;
    left: 19px;
    width: 92px;
    height: 1px;
    background: linear-gradient(90deg, var(--tone), var(--arena-gold));
    box-shadow: 0 0 8px rgba(84, 231, 226, 0.3);
    transform-origin: left;
    animation: arena-mini-link 2.7s ease-in-out infinite;
}

.arena-mini-diagram--nodes i,
.arena-mini-diagram--nodes b,
.arena-mini-diagram--nodes span {
    position: absolute;
    z-index: 1;
    display: block;
    border: 1px solid var(--tone);
    border-radius: 50%;
    background: rgba(7, 16, 17, 0.92);
    box-shadow: 0 0 14px rgba(84, 231, 226, 0.22);
    animation: arena-mini-pulse 2.7s ease-in-out infinite;
}

.arena-mini-diagram--nodes i:nth-child(1) { top: 21px; left: 10px; width: 21px; height: 21px; }
.arena-mini-diagram--nodes i:nth-child(2) { top: 10px; left: 57px; width: 24px; height: 24px; border-color: var(--arena-gold); animation-delay: -0.45s; }
.arena-mini-diagram--nodes i:nth-child(3) { top: 30px; right: 9px; width: 20px; height: 20px; animation-delay: -0.9s; }
.arena-mini-diagram--nodes b { top: 43px; left: 59px; width: 11px; height: 11px; border-color: rgba(247, 249, 249, 0.62); animation-delay: -1.2s; }
.arena-mini-diagram--nodes span { top: 4px; right: 13px; width: 7px; height: 7px; border-color: var(--arena-gold); background: var(--arena-gold); animation-delay: -1.55s; }

.arena-mini-diagram--research-ladder,
.arena-mini-diagram--investor-score,
.arena-mini-diagram--research-translation,
.arena-mini-diagram--perspectives {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0.55rem;
    padding: 0.05rem 0 0;
}

.arena-mini-diagram--research-ladder::before,
.arena-mini-diagram--investor-score::before,
.arena-mini-diagram--research-translation::before,
.arena-mini-diagram--perspectives::before { display: none; }

.arena-mini-diagram--research-ladder span,
.arena-mini-diagram--investor-score span {
    position: relative;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    align-items: center;
    gap: 0.48rem;
    min-height: 32px;
    color: rgba(247,249,249,.78);
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.arena-mini-diagram--research-ladder span::after,
.arena-mini-diagram--investor-score span::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -0.28rem;
    left: 0;
    height: 1px;
    background: rgba(247,249,249,.09);
}

.arena-mini-diagram--research-ladder i,
.arena-mini-diagram--investor-score i {
    display: block;
    height: 8px;
    border: 1px solid rgba(84,231,226,.42);
    border-radius: 999px;
    background: linear-gradient(90deg,var(--tone) 0 64%,rgba(247,249,249,.08) 64% 100%);
    box-shadow: 0 0 12px rgba(84,231,226,.16);
    transform-origin: left;
    animation: arena-mini-grow 2.8s ease-in-out infinite;
}

.arena-mini-diagram--research-ladder span:nth-child(2) i { background: linear-gradient(90deg,var(--arena-gold) 0 78%,rgba(247,249,249,.08) 78% 100%); animation-delay: -.7s; }
.arena-mini-diagram--research-ladder span:nth-child(3) i { background: linear-gradient(90deg,var(--tone) 0 46%,rgba(247,249,249,.08) 46% 100%); animation-delay: -1.4s; }
.arena-mini-diagram--investor-score span:nth-child(1) i { background: linear-gradient(90deg,var(--arena-gold) 0 86%,rgba(247,249,249,.08) 86% 100%); }
.arena-mini-diagram--investor-score span:nth-child(2) i { background: linear-gradient(90deg,var(--tone) 0 68%,rgba(247,249,249,.08) 68% 100%); animation-delay: -.45s; }
.arena-mini-diagram--investor-score span:nth-child(3) i { background: linear-gradient(90deg,var(--arena-gold) 0 58%,rgba(247,249,249,.08) 58% 100%); animation-delay: -.9s; }
.arena-mini-diagram--investor-score span:nth-child(4) i { background: linear-gradient(90deg,var(--tone) 0 74%,rgba(247,249,249,.08) 74% 100%); animation-delay: -1.35s; }

/* One shared vertical progress language for every presentation slide. */
.arena-mini-diagram--progress-ladder {
    --progress-one: var(--tone);
    --progress-two: var(--arena-gold);
    --progress-three: var(--tone);
    --progress-four: var(--arena-gold);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: .55rem;
    padding: .05rem 0 0;
}

.arena-mini-diagram--progress-ladder::before { display: none; }

.arena-mini-diagram--progress-ladder span {
    position: relative;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    align-items: center;
    gap: .48rem;
    min-height: 32px;
    color: rgba(247,249,249,.78);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.arena-mini-diagram--progress-ladder span::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -.28rem;
    left: 0;
    height: 1px;
    background: rgba(247,249,249,.09);
}

.arena-mini-diagram--progress-ladder i {
    display: block;
    height: 8px;
    border: 1px solid color-mix(in srgb, var(--progress-one) 68%, transparent);
    border-radius: 999px;
    background: linear-gradient(90deg, var(--progress-one) 0 64%, rgba(247,249,249,.08) 64% 100%);
    box-shadow: 0 0 12px color-mix(in srgb, var(--progress-one) 30%, transparent);
    transform-origin: left;
    animation: arena-mini-grow 2.8s ease-in-out infinite;
}

.arena-mini-diagram--progress-ladder span:nth-child(2) i { border-color: color-mix(in srgb, var(--progress-two) 68%, transparent); background: linear-gradient(90deg, var(--progress-two) 0 78%, rgba(247,249,249,.08) 78% 100%); box-shadow: 0 0 12px color-mix(in srgb, var(--progress-two) 30%, transparent); animation-delay: -.7s; }
.arena-mini-diagram--progress-ladder span:nth-child(3) i { border-color: color-mix(in srgb, var(--progress-three) 68%, transparent); background: linear-gradient(90deg, var(--progress-three) 0 46%, rgba(247,249,249,.08) 46% 100%); box-shadow: 0 0 12px color-mix(in srgb, var(--progress-three) 30%, transparent); animation-delay: -1.4s; }
.arena-mini-diagram--progress-ladder span:nth-child(4) i { border-color: color-mix(in srgb, var(--progress-four) 68%, transparent); background: linear-gradient(90deg, var(--progress-four) 0 72%, rgba(247,249,249,.08) 72% 100%); box-shadow: 0 0 12px color-mix(in srgb, var(--progress-four) 30%, transparent); animation-delay: -2.1s; }

.arena-mini-diagram--progress-violet { --progress-one: #9f8cff; --progress-two: #e7ca72; --progress-three: #63d8d1; --progress-four: #9f8cff; }
.arena-mini-diagram--progress-mint { --progress-one: #54e7e2; --progress-two: #9f8cff; --progress-three: #e7ca72; }
.arena-mini-diagram--progress-warm { --progress-one: #e7ca72; --progress-two: #54e7e2; --progress-three: #9f8cff; }
.arena-mini-diagram--progress-mixed { --progress-one: #54e7e2; --progress-two: #e7ca72; --progress-three: #9f8cff; --progress-four: #78d5a0; }

.arena-mini-diagram--research-translation { align-items:center; gap:.18rem; padding-top:.08rem; }
.arena-mini-diagram--research-translation span { width:100%; padding:.48rem .58rem; border:1px solid rgba(159,140,255,.46); border-radius:7px; background:rgba(159,140,255,.08); color:rgba(247,249,249,.86); font-size:.66rem; font-weight:900; letter-spacing:.07em; text-align:center; text-transform:uppercase; }
.arena-mini-diagram--research-translation span:last-child { border-color:rgba(84,231,226,.54); background:rgba(84,231,226,.09); }
.arena-mini-diagram--research-translation i { display:block; width:1px; height:18px; background:linear-gradient(var(--arena-research),var(--tone)); box-shadow:0 0 8px var(--tone); animation:arena-mini-translation 2.4s ease-in-out infinite; }

.arena-mini-diagram--perspectives { position:relative; align-items:flex-end; gap:.58rem; padding-top:.15rem; }
.arena-mini-diagram--perspectives span { position:relative; width:88%; padding:.45rem .62rem; border:1px solid rgba(84,231,226,.38); border-radius:7px; background:rgba(7,16,17,.6); color:rgba(247,249,249,.82); font-size:.62rem; font-weight:900; letter-spacing:.07em; text-align:right; text-transform:uppercase; }
.arena-mini-diagram--perspectives span:nth-child(2) { width:72%; border-color:rgba(255,201,40,.52); }.arena-mini-diagram--perspectives span:nth-child(3) { width:58%; }.arena-mini-diagram--perspectives span:nth-child(4) { width:76%; border-color:rgba(159,140,255,.56); }
.arena-mini-diagram--perspectives i { position:absolute; top:0; bottom:0; left:4px; width:2px; background:linear-gradient(transparent,var(--tone),var(--arena-gold),transparent); box-shadow:0 0 9px rgba(84,231,226,.5); animation:arena-mini-perspective 3.1s ease-in-out infinite; }

.arena-mini-diagram--origin-signal { display:grid; place-items:center; height:170px; }.arena-mini-diagram--origin-signal::before { display:none; }.arena-mini-diagram--origin-signal i { position:absolute; border:1px solid rgba(84,231,226,.42); border-radius:50%; animation:arena-mini-ripple 3.4s ease-out infinite; }.arena-mini-diagram--origin-signal i:nth-child(1) { width:46px; height:46px; }.arena-mini-diagram--origin-signal i:nth-child(2) { width:92px; height:92px; animation-delay:-1.1s; }.arena-mini-diagram--origin-signal i:nth-child(3) { width:144px; height:144px; animation-delay:-2.2s; }.arena-mini-diagram--origin-signal b { width:16px; height:16px; border-radius:50%; background:var(--arena-gold); box-shadow:0 0 18px var(--arena-gold); animation:arena-mini-pulse 2.1s ease-in-out infinite; }.arena-mini-diagram--origin-signal span { position:absolute; bottom:2px; color:rgba(247,249,249,.62); font-size:.57rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }

.arena-mini-diagram--impact-grid { display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:repeat(2,1fr); gap:17px; padding:18px 10px; }.arena-mini-diagram--impact-grid::before { display:none; }.arena-mini-diagram--impact-grid i { position:relative; z-index:1; width:12px; height:12px; align-self:center; justify-self:center; border:2px solid var(--tone); border-radius:50%; background:var(--ink-950); box-shadow:0 0 14px rgba(84,231,226,.35); animation:arena-mini-grid 3.3s ease-in-out infinite; }.arena-mini-diagram--impact-grid i:nth-child(2n) { border-color:var(--arena-gold); animation-delay:-.55s; }.arena-mini-diagram--impact-grid i:nth-child(3n) { animation-delay:-1.1s; }.arena-mini-diagram--impact-grid b { position:absolute; top:49%; right:19px; left:19px; height:1px; background:linear-gradient(90deg,transparent,var(--tone),var(--arena-gold),transparent); transform:rotate(-25deg); animation:arena-mini-grid-line 3.3s ease-in-out infinite; }

.arena-mini-diagram--book-stack { display:flex; align-items:flex-end; justify-content:center; gap:7px; padding:12px 12px 25px; }.arena-mini-diagram--book-stack::before { display:none; }.arena-mini-diagram--book-stack i { width:24px; height:var(--book-height); border:1px solid rgba(159,140,255,.62); border-bottom:3px solid var(--arena-gold); background:linear-gradient(180deg,rgba(159,140,255,.22),rgba(7,16,17,.28)); box-shadow:inset 3px 0 rgba(247,249,249,.08); transform-origin:bottom; animation:arena-mini-book 3.2s ease-in-out infinite; }.arena-mini-diagram--book-stack i:nth-child(1) { --book-height:82px; }.arena-mini-diagram--book-stack i:nth-child(2) { --book-height:116px; animation-delay:-.5s; }.arena-mini-diagram--book-stack i:nth-child(3) { --book-height:96px; animation-delay:-1s; }.arena-mini-diagram--book-stack i:nth-child(4) { --book-height:132px; animation-delay:-1.5s; }.arena-mini-diagram--book-stack span { position:absolute; bottom:1px; color:var(--arena-gold); font-size:.54rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }

.arena-mini-diagram--venture-stages,.arena-mini-diagram--capital-flow,.arena-mini-diagram--decision-gate { align-items:center; gap:.18rem; padding-top:.05rem; }.arena-mini-diagram--venture-stages::before,.arena-mini-diagram--capital-flow::before,.arena-mini-diagram--decision-gate::before { display:none; }.arena-mini-diagram--venture-stages span,.arena-mini-diagram--capital-flow span,.arena-mini-diagram--decision-gate span { width:100%; padding:.48rem .58rem; border-left:2px solid var(--tone); color:rgba(247,249,249,.88); font-size:.65rem; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }.arena-mini-diagram--venture-stages span:last-child { border-color:var(--arena-gold); }.arena-mini-diagram--capital-flow span:nth-of-type(2) { border-color:var(--arena-gold); }.arena-mini-diagram--decision-gate span:nth-of-type(2) { border-color:var(--arena-gold); }.arena-mini-diagram--venture-stages i,.arena-mini-diagram--capital-flow i,.arena-mini-diagram--decision-gate i { width:2px; height:21px; margin-left:12px; background:linear-gradient(var(--tone),var(--arena-gold)); box-shadow:0 0 8px rgba(84,231,226,.4); animation:arena-mini-translation 2.3s ease-in-out infinite; }.arena-mini-diagram--capital-flow i { animation-delay:-.6s; }.arena-mini-diagram--decision-gate i { animation-delay:-1.2s; }

.arena-mini-role-actions {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    position: relative;
    gap: .35rem;
    max-width: 100%;
    min-height: 105px;
    margin-top: 1.1rem;
    padding: 0 .25rem;
}

.arena-mini-role-actions::before {
    content: "";
    position: absolute;
    top: 58%;
    right: 4%;
    left: 4%;
    z-index: 0;
    height: 1px;
    background: linear-gradient(90deg,transparent,rgba(84,231,226,.6),rgba(255,201,40,.62),transparent);
    pointer-events: none;
}

.arena-role-control {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-rows: 39px 20px minmax(14px, 1fr);
    align-items: center;
    justify-items: center;
    min-width: 0;
    min-height: 104px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--paper);
    font-size: clamp(0.56rem, 0.67vw, 0.68rem);
    font-weight: 850;
    line-height: 1.08;
    cursor: pointer;
    transition: color 160ms ease, transform 160ms ease;
}

.arena-role-control::after { content:""; grid-row:2; width:11px; height:11px; border:2px solid var(--tone); border-radius:50%; background:var(--ink-950); box-shadow:0 0 0 4px rgba(13,17,17,.92),0 0 14px rgba(84,231,226,.35); transition:background 160ms ease,transform 160ms ease; }.arena-role-control:nth-child(2)::after,.arena-role-control:nth-child(3)::after { border-color:var(--arena-gold); }.arena-role-control__label { grid-row:1; align-self:center; min-width:0; font:inherit; overflow:visible; text-align:center; text-overflow:clip; white-space:normal; }.arena-role-control__index { grid-row:3; align-self:start; color:rgba(247,249,249,.45); font-size:.48rem; font-variant-numeric:tabular-nums; letter-spacing:.1em; }

.arena-role-control:hover,
.arena-role-control:focus-visible {
    color:var(--tone);
    outline: none;
    transform: translateY(-3px);
}

.arena-role-control:hover::after,
.arena-role-control:focus-visible::after { background:var(--tone); transform:scale(1.25); }.arena-role-control:nth-child(2):hover::after,.arena-role-control:nth-child(3):hover::after { background:var(--arena-gold); }

.arena-mini-slide__link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.9rem;
    color: var(--arena-gold);
    font-size: clamp(0.92rem, 1.12vw, 1.02rem);
    font-weight: 500;
    line-height: 1.44;
    text-decoration: none;
}

.arena-mini-slide__link:hover,
.arena-mini-slide__link:focus-visible {
    color: var(--paper);
    outline: none;
}

.arena-mini-deck__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 27px;
    padding: 0 0.7rem 0.38rem;
}

.arena-mini-deck__arrow {
    position: absolute;
    top: 50%;
    z-index: 3;
    width: auto;
    height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: rgba(247, 249, 249, 0.72);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 3rem;
    font-weight: 900;
    line-height: 0.7;
    cursor: pointer;
    transform: translateY(-50%);
    transition: color 160ms ease, transform 160ms ease, text-shadow 160ms ease;
}

.arena-mini-deck__arrow--back { left: 15px; }
.arena-mini-deck__arrow--next { right: 15px; }

.arena-mini-deck__arrow:hover,
.arena-mini-deck__arrow:focus-visible {
    background: transparent;
    color: var(--tone);
    text-shadow: 0 0 14px color-mix(in srgb, var(--tone) 62%, transparent);
    transform: translateY(-50%) scale(1.08);
    outline: none;
}

.arena-mini-deck__arrow:disabled {
    opacity: 0.25;
    cursor: default;
}

.arena-mini-deck__progress {
    display: flex;
    flex: 0 1 auto;
    justify-content: center;
    gap: 0.2rem;
}

.arena-mini-deck__step {
    position: relative;
    width: clamp(15px, 2.6vw, 26px);
    height: 3px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(247, 249, 249, 0.2);
    cursor: pointer;
    overflow: hidden;
    transition: width 160ms ease, background 160ms ease;
}

.arena-mini-deck__step::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--tone);
    transform: scaleX(0);
    transform-origin: left center;
}

.arena-mini-deck__step:hover,
.arena-mini-deck__step:focus-visible,
.arena-mini-deck__step.is-active {
    width: clamp(22px, 3.6vw, 34px);
    background: color-mix(in srgb, var(--tone) 28%, rgba(247, 249, 249, 0.2));
    outline: none;
}

.arena-experience[data-autoplay="playing"] .arena-mini-deck__step.is-active::before {
    animation: arena-slide-progress 6.5s linear forwards;
}

.arena-experience[data-autoplay="complete"] .arena-mini-deck__step.is-active::before {
    transform: scaleX(1);
}

@keyframes arena-slide-progress {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

@keyframes arena-caret {
    50% { opacity: 0; }
}

@keyframes arena-mini-trace {
    0%, 14% { stroke-dashoffset: 180; opacity: 0.25; }
    45%, 78% { stroke-dashoffset: 0; opacity: 1; }
    100% { stroke-dashoffset: 0; opacity: 0.35; }
}

@keyframes arena-mini-pulse {
    0%, 100% { transform: scale(0.86); opacity: 0.46; }
    50% { transform: scale(1); opacity: 1; }
}

@keyframes arena-mini-bars {
    0%, 100% { transform: scaleY(0.58); opacity: 0.46; }
    50% { transform: scaleY(1); opacity: 1; }
}

@keyframes arena-mini-link {
    0%, 100% { transform: scaleX(0.3); opacity: 0.3; }
    50% { transform: scaleX(1); opacity: 1; }
}

@keyframes arena-mini-grow {
    0%, 100% { transform: scaleX(.52); opacity:.48; }
    50% { transform:scaleX(1); opacity:1; }
}

@keyframes arena-mini-translation {
    0%, 100% { transform:scaleY(.45); opacity:.38; }
    50% { transform:scaleY(1); opacity:1; }
}

@keyframes arena-mini-perspective {
    0%, 100% { transform:translateY(-12px); opacity:.3; }
    50% { transform:translateY(12px); opacity:1; }
}

@keyframes arena-mini-ripple {
    0%, 100% { transform:scale(.72); opacity:.16; }
    50% { transform:scale(1); opacity:.78; }
}

@keyframes arena-mini-grid {
    0%, 100% { transform:scale(.72); opacity:.38; }
    50% { transform:scale(1.22); opacity:1; }
}

@keyframes arena-mini-grid-line {
    0%, 100% { opacity:.18; transform:rotate(-25deg) scaleX(.4); }
    50% { opacity:.82; transform:rotate(-25deg) scaleX(1); }
}

@keyframes arena-mini-book {
    0%, 100% { transform:translateY(4px); opacity:.55; }
    50% { transform:translateY(-3px); opacity:1; }
}

.arena-action-zone {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.55rem;
    margin-top: 0.6rem;
}

.arena-action,
.arena-control,
.arena-sound-toggle,
.arena-video-toggle,
.arena-tower-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0.68rem 0.86rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: var(--radius-tight);
    background: rgba(255, 255, 255, 0.06);
    color: var(--paper);
    font-size: 0.86rem;
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: 0;
    text-align: center;
    cursor: pointer;
    transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, color 160ms ease;
}

.arena-button-icon {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

.arena-icon-only {
    width: 46px;
    min-width: 46px;
    padding: 0.58rem;
}

.arena-action:hover,
.arena-action:focus-visible,
.arena-control:hover,
.arena-control:focus-visible,
.arena-sound-toggle:hover,
.arena-sound-toggle:focus-visible,
.arena-video-toggle:hover,
.arena-video-toggle:focus-visible,
.arena-tower-link:hover,
.arena-tower-link:focus-visible {
    transform: translateY(-1px);
    border-color: var(--tone);
    background: rgba(84, 231, 226, 0.11);
    outline: none;
}

.arena-action-primary {
    border-color: rgba(84, 231, 226, 0.72);
    background: var(--arena-signal);
    color: #071011;
}

.arena-action-primary:hover,
.arena-action-primary:focus-visible {
    color: var(--paper);
}

.arena-action-visual {
    border-color: rgba(84, 231, 226, 0.42);
    color: var(--arena-signal);
}

.arena-tower-link {
    position: relative;
    order: 200;
    flex: 0 0 auto;
    min-width: 136px;
    min-height: 46px;
    gap: 0.52rem;
    padding-inline: 0.74rem;
    border-color: rgba(231, 202, 114, 0.58);
    background: rgba(231, 202, 114, 0.09);
    white-space: nowrap;
}

.arena-tower-link small {
    position: absolute;
    top: calc(100% + 0.35rem);
    right: 0;
    width: max-content;
    max-width: min(260px, calc(100vw - 2rem));
    padding: 0.35rem 0.5rem;
    border: 1px solid rgba(231, 202, 114, 0.28);
    border-radius: var(--radius-tight);
    background: rgba(7, 16, 17, 0.94);
    color: var(--arena-gold);
    font-size: 0.72rem;
    font-weight: 800;
    opacity: 0;
    transform: translateY(-4px);
    pointer-events: none;
    transition: opacity 160ms ease, transform 160ms ease;
}

.arena-tower-link:hover small,
.arena-tower-link:focus-visible small {
    opacity: 1;
    transform: translateY(0);
}

.arena-sound-toggle {
    position: fixed;
    top: auto;
    right: auto;
    bottom: clamp(0.75rem, 1.8vw, 1.2rem);
    left: clamp(0.75rem, 1.8vw, 1.2rem);
    z-index: 80;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    min-height: 34px;
    padding: 0.22rem 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-size: 0.78rem;
    font-weight: 900;
    line-height: 1.2;
    cursor: pointer;
    opacity: 0.82;
    text-shadow: 0 0 16px rgba(84, 231, 226, 0.42);
    transition: opacity 160ms ease, transform 160ms ease, color 160ms ease;
}

.arena-sound-toggle:hover,
.arena-sound-toggle:focus-visible {
    opacity: 1;
    transform: translateY(-1px);
    background: transparent;
    outline: none;
}

.arena-sound-toggle[data-sound-state="on"] {
    color: var(--arena-signal);
}

.arena-sound-toggle[data-sound-state="off"] {
    color: #ffaaa7;
}

.arena-sound-icon {
    width: 20px;
    height: 20px;
    padding: 0;
    border: 0;
    border-radius: 0;
    stroke: currentColor;
    stroke-width: 2.1;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    flex: 0 0 auto;
    box-sizing: content-box;
}

.arena-video-toggle {
    order: 201;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.48rem;
    min-width: 136px;
    min-height: 46px;
    padding: 0.68rem 0.74rem;
    border-color: rgba(231, 202, 114, 0.68);
    background: rgba(231, 202, 114, 0.09);
    color: var(--arena-gold);
    white-space: nowrap;
}

.arena-full-presentation {
    order: 202;
    flex: 0 0 auto;
    gap: 0.48rem;
    min-width: 166px;
    border-color: rgba(84, 231, 226, 0.5);
    background: rgba(84, 231, 226, 0.08);
    color: var(--arena-signal);
    text-decoration: none;
    white-space: nowrap;
}

.arena-full-presentation:hover,
.arena-full-presentation:focus-visible {
    border-color: var(--arena-signal);
    background: rgba(84, 231, 226, 0.15);
}

/* Destination actions grow to fill the slide; the gap remains constant. */
.arena-action-zone > .arena-video-toggle,
.arena-action-zone > .arena-full-presentation {
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
}

.arena-video-toggle:hover,
.arena-video-toggle:focus-visible {
    border-color: var(--arena-gold);
    background: rgba(231, 202, 114, 0.14);
}

.arena-video-modal {
    --arena-signal: #54e7e2;
    --arena-gold: #e7ca72;
    width: min(92vw, 960px);
    max-width: none;
    margin: auto;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--paper);
    overflow: visible;
}

.arena-video-modal::backdrop {
    background: rgba(0, 0, 0, 0.82);
    backdrop-filter: blur(5px);
}

.arena-video-close,
.arena-video-youtube {
    position: absolute;
    top: 0.55rem;
    z-index: 4;
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: rgba(0, 0, 0, 0.72);
    color: var(--paper);
    cursor: pointer;
}

.arena-video-close {
    right: 0.55rem;
}

.arena-video-youtube {
    right: 3.25rem;
}

.arena-video-close:hover,
.arena-video-close:focus-visible,
.arena-video-youtube:hover,
.arena-video-youtube:focus-visible {
    color: var(--arena-gold);
    background: rgba(0, 0, 0, 0.92);
    outline: none;
}

.arena-video-close svg,
.arena-video-youtube svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
}

.arena-video-frame {
    position: relative;
    z-index: 1;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
    border-radius: var(--radius-tight);
    overflow: hidden;
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.72);
    cursor: pointer;
}

.arena-video-frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    transform: none;
    pointer-events: none;
}

.arena-video-confirm {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    width: min(calc(100% - 2rem), 340px);
    padding: 1.15rem;
    border: 1px solid rgba(84, 231, 226, 0.3);
    border-radius: var(--radius-tight);
    background: rgba(7, 16, 17, 0.96);
    box-shadow: 0 18px 54px rgba(0, 0, 0, 0.65);
    transform: translate(-50%, -50%);
    text-align: center;
}

.arena-video-confirm[hidden] {
    display: none;
}

.arena-video-confirm p {
    margin: 0;
    color: var(--paper);
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.45;
}

.arena-video-confirm-actions {
    display: flex;
    justify-content: center;
    gap: 0.65rem;
    margin-top: 1rem;
}

.arena-video-confirm-actions a,
.arena-video-confirm-actions button {
    min-height: 40px;
    padding: 0.55rem 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: var(--radius-tight);
    background: transparent;
    color: var(--paper);
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
}

.arena-video-confirm-actions a {
    display: inline-flex;
    align-items: center;
    border-color: var(--arena-gold);
    background: var(--arena-gold);
    color: var(--ink-950);
}

.arena-video-confirm-actions a:hover,
.arena-video-confirm-actions a:focus-visible,
.arena-video-confirm-actions button:hover,
.arena-video-confirm-actions button:focus-visible {
    border-color: var(--arena-signal);
    outline: none;
}

.arena-back,
.arena-forward,
.arena-home {
    order: 0;
    flex: 0 0 auto;
}

.arena-back,
.arena-forward {
    font-family: Georgia, "Times New Roman", serif;
}

.arena-directional-arrow {
    display: block;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 2.25rem;
    font-weight: 900;
    line-height: 0.7;
    transform: translateY(-0.04em);
}

.arena-back:disabled,
.arena-forward:disabled,
.arena-home:disabled {
    cursor: not-allowed;
    opacity: 0.42;
    transform: none;
}

.arena-presentation-controls {
    display: inline-flex;
    align-items: flex-start;
    gap: 0.55rem;
    flex: 0 0 auto;
}

.arena-choice-action {
    flex: 0 1 auto;
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.72rem 0.94rem;
    border-color: rgba(84, 231, 226, 0.42);
    background: rgba(7, 16, 17, 0.68);
    text-align: center;
}

.arena-choice-action::before {
    content: none;
}

.arena-choice-action svg {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

.arena-choice-action span {
    display: block;
    color: inherit;
    font-size: 0.86rem;
    font-weight: 900;
    line-height: 1.2;
}

.arena-visual {
    position: relative;
    min-height: min(62vh, 560px);
    display: grid;
    align-items: center;
    gap: 1rem;
    padding: clamp(1rem, 2vw, 1.4rem);
    background:
        radial-gradient(circle at 50% 48%, rgba(84, 231, 226, 0.14), transparent 38%),
        radial-gradient(circle at 52% 55%, rgba(231, 202, 114, 0.08), transparent 46%),
        linear-gradient(90deg, transparent, rgba(7, 16, 17, 0.34) 48%, transparent);
    overflow: visible;
}

.arena-visual::before {
    content: "";
    position: absolute;
    inset: -8%;
    background:
        radial-gradient(circle at 50% 50%, var(--tone-soft), transparent 54%),
        radial-gradient(circle at 50% 50%, rgba(7, 16, 17, 0.08), transparent 72%);
    opacity: 0.86;
    pointer-events: none;
}

.arena-visual > * {
    position: relative;
    z-index: 1;
}

.arena-radar {
    position: relative;
    width: min(100%, 520px);
    min-height: 460px;
    margin: auto;
    display: grid;
    place-items: center;
}

/* Anchor sound to the live radar itself. The home page renders a compact
   radar on phones and the same radar inside the mini deck on desktop, so a
   radar-relative control stays visible and in the same place in both modes. */
.arena-radar > .arena-sound-toggle {
    position: absolute;
    top: auto;
    right: 0;
    bottom: calc(100% + .35rem);
    left: auto;
    z-index: 8;
    min-height: 30px;
    padding: .2rem .48rem;
    border: 1px solid rgba(84, 231, 226, .16);
    border-radius: 999px;
    background: rgba(3, 16, 17, .72);
    box-shadow: 0 7px 20px rgba(0, 0, 0, .22);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    font-size: .7rem;
    text-shadow: none;
}

.arena-radar-svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    filter: drop-shadow(0 0 18px rgba(84, 231, 226, 0.18));
}

.arena-radar-svg circle,
.arena-radar-svg path {
    fill: none;
    stroke: rgba(84, 231, 226, 0.34);
    stroke-width: 1.2;
}

.arena-radar-svg path {
    stroke: rgba(231, 202, 114, 0.2);
}

.arena-radar-svg .arena-radar-sweep {
    fill: rgba(84, 231, 226, 0.12);
    stroke: rgba(84, 231, 226, 0.5);
    transform-origin: 200px 200px;
    transform: rotate(1.047rad);
    will-change: transform;
}

.arena-radar-core {
    position: relative;
    z-index: 2;
    width: 150px;
    min-height: 150px;
    display: grid;
    place-content: center;
    gap: 0.28rem;
    padding: 1rem;
    border: 1px solid rgba(84, 231, 226, 0.54);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(84, 231, 226, 0.14), rgba(7, 16, 17, 0.86) 68%);
    box-shadow: 0 0 36px rgba(84, 231, 226, 0.14), inset 0 0 24px rgba(84, 231, 226, 0.08);
    text-align: center;
}

.arena-radar-core span {
    color: rgba(247, 249, 249, 0.56);
    font-size: 0.66rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    line-height: 1.2;
    text-transform: uppercase;
}

.arena-radar-core strong {
    color: var(--paper);
    font-size: 1rem;
    line-height: 1.08;
}

.arena-radar-items {
    position: absolute;
    inset: 0;
}

.arena-radar-node {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 112px;
    min-height: 56px;
    display: grid;
    grid-template-columns: 22px 1fr;
    gap: 0.42rem;
    align-items: center;
    padding: 0.46rem 0.52rem;
    border: 1px solid rgba(84, 231, 226, 0.48);
    border-radius: var(--radius-tight);
    background: rgba(2, 9, 10, 0.9);
    color: rgba(247, 249, 249, 0.94);
    box-shadow: 0 0 22px rgba(84, 231, 226, 0.12);
    text-decoration: none;
    transform: rotate(calc((360deg / var(--count)) * var(--i))) translate(206px) rotate(calc((-360deg / var(--count)) * var(--i))) translate(-50%, -50%);
}

.arena-radar-node[data-article-url] {
    appearance: none;
    font: inherit;
    cursor: pointer;
}

.arena-radar-node[data-article-url]:hover,
.arena-radar-node[data-article-url]:focus-visible {
    border-color: rgba(84, 231, 226, 0.92);
    background: rgba(84, 231, 226, 0.12);
    box-shadow: 0 0 32px rgba(84, 231, 226, 0.28);
    outline: none;
}

.arena-radar-node:nth-child(3n) {
    border-color: rgba(255, 94, 98, 0.48);
}

.arena-radar-node:nth-child(3n + 1) {
    border-color: rgba(84, 231, 226, 0.58);
}

.arena-radar-node[data-article-url]:hover,
.arena-radar-node[data-article-url]:focus-visible {
    border-color: rgba(84, 231, 226, 0.92);
}

.arena-radar-node.is-audible {
    border-color: rgba(84, 231, 226, 0.92);
    background: rgba(84, 231, 226, 0.1);
    box-shadow: 0 0 28px rgba(84, 231, 226, 0.32);
}

.arena-radar-node svg {
    width: 22px;
    height: 22px;
    stroke: var(--tone);
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

.arena-radar-node b {
    min-width: 0;
    font-size: 0.72rem;
    line-height: 1.14;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

.arena-ring {
    position: relative;
    width: min(100%, 440px);
    aspect-ratio: 1;
    margin: auto;
    display: grid;
    place-items: center;
}

.arena-ring::before {
    content: "";
    position: absolute;
    inset: 9%;
    border: 2px solid rgba(84, 231, 226, 0.42);
    border-right-color: transparent;
    border-radius: 50%;
    filter: drop-shadow(0 0 20px rgba(84, 231, 226, 0.24));
    animation: arena-spin 16s linear infinite;
}

.arena-ring span {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--arena-signal);
    box-shadow: 0 0 18px rgba(84, 231, 226, 0.65);
}

.arena-ring span:nth-child(1) { transform: translate(0, -160px); }
.arena-ring span:nth-child(2) { transform: translate(138px, 60px); background: var(--arena-gold); }
.arena-ring span:nth-child(3) { transform: translate(-128px, 72px); opacity: 0.35; }
.arena-ring span:nth-child(4) { transform: translate(60px, 144px); background: var(--arena-risk); opacity: 0.55; }

.arena-ring strong {
    max-width: 10ch;
    color: var(--arena-gold);
    font-size: clamp(1.8rem, 4vw, 3rem);
    line-height: 1;
    text-align: center;
}

.arena-signal-grid,
.arena-score-grid,
.arena-node-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.6rem;
}

.arena-signal-grid span,
.arena-score-grid span,
.arena-node-row span,
.arena-tag-cloud span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0.42rem 0.62rem;
    border: 1px solid rgba(84, 231, 226, 0.26);
    border-radius: var(--radius-tight);
    background: rgba(7, 16, 17, 0.55);
    color: rgba(247, 249, 249, 0.86);
    font-size: 0.78rem;
    font-weight: 900;
    line-height: 1.2;
}

.arena-score-grid span:nth-child(1),
.arena-score-grid span:nth-child(2) {
    border-color: rgba(231, 202, 114, 0.38);
    color: var(--arena-gold);
}

.arena-score-grid span:nth-child(3) {
    border-color: rgba(255, 94, 98, 0.42);
    color: #ffaaa7;
}

.arena-scan-board,
.arena-diagnosis-core {
    position: relative;
    min-height: 220px;
    display: grid;
    place-items: center;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: var(--radius-tight);
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
        linear-gradient(0deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        rgba(7, 16, 17, 0.35);
    background-size: 28px 28px;
    overflow: hidden;
}

.arena-tag-cloud {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.55rem;
}

.arena-tag-cloud span:nth-child(3n) {
    border-color: rgba(255, 94, 98, 0.34);
    color: #ffaaa7;
}

.arena-tag-cloud span:nth-child(3n + 1) {
    border-color: rgba(231, 202, 114, 0.34);
    color: var(--arena-gold);
}

.arena-scan-beam {
    position: absolute;
    inset: -20% auto -20% 0;
    width: 18%;
    background: linear-gradient(90deg, transparent, rgba(84, 231, 226, 0.42), transparent);
    transform: skewX(-8deg);
    animation: arena-scan 3s ease-in-out infinite;
}

.arena-diagnosis-core strong {
    display: block;
    margin-bottom: 0.8rem;
    color: var(--tone);
    text-align: center;
}

.arena-choice-orbit {
    position: relative;
    width: min(100%, 420px);
    aspect-ratio: 1;
    margin: auto;
    border: 1px solid rgba(84, 231, 226, 0.2);
    border-radius: 50%;
}

.arena-choice-orbit::before {
    content: "";
    position: absolute;
    inset: 22%;
    border: 1px dashed rgba(231, 202, 114, 0.24);
    border-radius: 50%;
}

.arena-choice-orbit span {
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 84px;
    padding: 0.44rem 0.55rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: var(--radius-tight);
    background: rgba(7, 16, 17, 0.76);
    color: var(--paper);
    font-size: 0.75rem;
    font-weight: 900;
    text-align: center;
    transform: rotate(calc((360deg / var(--count)) * var(--i))) translate(150px) rotate(calc((-360deg / var(--count)) * var(--i))) translate(-50%, -50%);
}

.arena-graph {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: 0.7rem;
}

.arena-graph span {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 66px;
    padding: 0.55rem;
    border: 1px solid rgba(84, 231, 226, 0.28);
    border-radius: var(--radius-tight);
    background: rgba(7, 16, 17, 0.54);
    color: rgba(247, 249, 249, 0.9);
    font-size: 0.82rem;
    font-weight: 900;
    text-align: center;
}

.arena-graph span:nth-child(even) {
    border-color: rgba(231, 202, 114, 0.3);
}

.arena-graph span::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    width: 0.72rem;
    height: 1px;
    background: rgba(84, 231, 226, 0.34);
}

.arena-graph span:last-child::after {
    display: none;
}

.arena-formation-hex {
    position: relative;
    width: min(100%, 450px);
    aspect-ratio: 1;
    margin: auto;
    display: grid;
    place-items: center;
}

.arena-formation-hex::before {
    content: "";
    position: absolute;
    inset: 12%;
    clip-path: polygon(25% 4%, 75% 4%, 100% 50%, 75% 96%, 25% 96%, 0 50%);
    border: 2px solid rgba(84, 231, 226, 0.34);
    background: rgba(84, 231, 226, 0.05);
}

.arena-formation-hex strong {
    position: relative;
    z-index: 1;
    max-width: 14ch;
    color: var(--arena-gold);
    font-size: clamp(1.15rem, 2.2vw, 1.7rem);
    line-height: 1.1;
    text-align: center;
}

.arena-formation-hex span {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 118px;
    padding: 0.42rem 0.52rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: var(--radius-tight);
    background: rgba(7, 16, 17, 0.78);
    color: rgba(247, 249, 249, 0.9);
    font-size: 0.74rem;
    font-weight: 900;
    line-height: 1.2;
    text-align: center;
    transform: rotate(calc(60deg * var(--i))) translate(175px) rotate(calc(-60deg * var(--i))) translate(-50%, -50%);
}

.arena-map-wave {
    position: relative;
    min-height: 360px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
    align-content: center;
    overflow: hidden;
}

.arena-map-wave span {
    min-height: 74px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: var(--radius-tight);
    background: rgba(7, 16, 17, 0.52);
    color: rgba(247, 249, 249, 0.86);
    font-size: 0.86rem;
    font-weight: 900;
}

.arena-map-wave span:nth-child(3n) {
    border-color: rgba(255, 94, 98, 0.32);
}

.arena-map-wave span:nth-child(3n + 1) {
    border-color: rgba(84, 231, 226, 0.32);
}

.arena-map-wave i {
    position: absolute;
    inset: 0;
    background: linear-gradient(100deg, transparent, rgba(84, 231, 226, 0.18), rgba(231, 202, 114, 0.12), transparent);
    animation: arena-wave 4s ease-in-out infinite;
}

.arena-stack {
    display: grid;
    gap: 0.72rem;
}

.arena-stack-layer {
    display: grid;
    gap: 0.25rem;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(84, 231, 226, 0.2);
    border-radius: var(--radius-tight);
    background: linear-gradient(90deg, rgba(84, 231, 226, 0.08), rgba(231, 202, 114, 0.04));
    transform: translateX(calc(var(--i) * 6px));
}

.arena-stack-layer strong {
    color: var(--arena-gold);
    font-size: 0.94rem;
}

.arena-stack-layer span {
    color: rgba(247, 249, 249, 0.78);
    font-size: 0.86rem;
    line-height: 1.42;
}

.arena-filter {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.8rem;
    justify-items: center;
}

.arena-filter span,
.arena-filter strong,
.arena-filter em {
    width: min(100%, 320px);
    min-height: 52px;
    display: grid;
    place-items: center;
    padding: 0.65rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: var(--radius-tight);
    background: rgba(7, 16, 17, 0.54);
    font-style: normal;
    font-weight: 900;
    text-align: center;
}

.arena-filter strong {
    border-color: rgba(84, 231, 226, 0.42);
    color: var(--arena-signal);
}

.arena-filter em:nth-of-type(1) {
    color: var(--arena-gold);
}

.arena-filter em:nth-of-type(2) {
    color: var(--arena-signal);
}

.arena-filter em:nth-of-type(3) {
    color: #ffaaa7;
}

.arena-final-structure {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
    align-items: end;
    min-height: 360px;
}

.arena-final-structure span {
    min-height: 180px;
    display: grid;
    place-items: center;
    padding: 0.8rem;
    border: 1px solid rgba(84, 231, 226, 0.28);
    border-radius: var(--radius-tight) var(--radius-tight) 0 0;
    background: linear-gradient(180deg, rgba(84, 231, 226, 0.12), rgba(7, 16, 17, 0.7));
    color: rgba(247, 249, 249, 0.9);
    font-size: 0.95rem;
    font-weight: 900;
    text-align: center;
}

.arena-final-structure span:nth-child(2) {
    min-height: 240px;
    border-color: rgba(231, 202, 114, 0.34);
}

.arena-final-structure span:nth-child(3) {
    min-height: 300px;
    border-color: rgba(159, 140, 255, 0.34);
}

.arena-noscript {
    position: relative;
    z-index: 3;
    width: min(100% - 3rem, 760px);
    min-height: calc(100vh - 82px);
    margin: 0 auto;
    display: grid;
    place-content: center;
    gap: 1.2rem;
}

.arena-noscript h1 {
    margin: 0;
    font-size: clamp(2rem, 6vw, 4rem);
    line-height: 1.05;
    letter-spacing: 0;
}

@keyframes arena-spin {
    to { transform: rotate(360deg); }
}

@keyframes arena-scan {
    0%, 100% { transform: translateX(-130%) skewX(-8deg); opacity: 0; }
    18%, 78% { opacity: 1; }
    50% { transform: translateX(620%) skewX(-8deg); }
}

@keyframes arena-wave {
    0%, 100% { transform: translateX(-65%); opacity: 0; }
    20%, 75% { opacity: 1; }
    55% { transform: translateX(65%); }
}

@media (prefers-reduced-motion: reduce) {
    .arena-particles {
        display: none;
    }

    .arena-ring::before,
    .arena-radar-sweep,
    .arena-scan-beam,
    .arena-map-wave i,
    .arena-line.is-typing::after,
    .arena-mini-diagram--trace path:first-child,
    .arena-mini-diagram--trace circle,
    .arena-mini-diagram--bars i,
    .arena-mini-diagram--bars span,
    .arena-mini-diagram--nodes::after,
    .arena-mini-diagram--nodes i,
    .arena-mini-diagram--nodes b,
    .arena-mini-diagram--nodes span,
    .arena-mini-diagram--research-ladder i,
    .arena-mini-diagram--progress-ladder i,
    .arena-mini-diagram--investor-score i,
    .arena-mini-diagram--research-translation i,
    .arena-mini-diagram--perspectives i,
    .arena-mini-diagram--origin-signal i,
    .arena-mini-diagram--origin-signal b,
    .arena-mini-diagram--impact-grid i,
    .arena-mini-diagram--impact-grid b,
    .arena-mini-diagram--book-stack i,
    .arena-mini-diagram--venture-stages i,
    .arena-mini-diagram--capital-flow i,
    .arena-mini-diagram--decision-gate i {
        animation: none;
    }

    .arena-action,
    .arena-sound-toggle,
    .arena-tower-link {
        transition: none;
    }
}

.arena-experience.is-reduced-motion .arena-particles {
    display: none;
}

@media (min-width: 1081px) {
    .arena-experience {
        /* Keep the quick-presentation frame equally inset on all sides. The
           extra vertical room also gives the radar its own area above actions.
           On wide canvases, cap the working area instead of letting the copy
           and radar drift toward opposite edges. */
        --arena-frame-inset: clamp(1rem, 2.75vmin, 2.5rem);
        --arena-slide-height: min(calc(100dvh - 82px - (var(--arena-frame-inset) * 2)), 810px);
        --arena-inline-radar-size: clamp(320px, min(32vw, 58dvh), 540px);
        --arena-slide-inline-inset: clamp(3.8rem, 7vw, 8rem);
        --arena-slide-block-inset: clamp(2rem, min(4vw, 7vh), 4.2rem);
        --arena-control-gap: clamp(0.6rem, 1vw, 1rem);
        --arena-control-size: clamp(42px, 3vw, 58px);
    }

    .arena-experience[data-view] .arena-shell {
        width: min(calc(100vw - (var(--arena-frame-inset) * 2)), 1440px);
        height: calc(100dvh - 82px);
        min-height: 0;
        padding: var(--arena-frame-inset) 0;
    }

    .arena-experience[data-view] .arena-scene {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
        justify-content: center;
        min-height: 0;
        align-items: start;
    }

    .arena-experience[data-view] .arena-copy {
        position: relative;
        display: block;
        width: 100%;
        max-width: none;
        height: var(--arena-slide-height);
        min-height: 0;
        padding: 0;
    }

    .arena-experience[data-view] .arena-visual {
        display: none;
    }

    .arena-experience[data-view] .arena-mini-deck {
        height: 100%;
        grid-template-rows: auto minmax(0, 1fr);
        border-radius: 16px;
    }

    .arena-experience[data-view] .arena-mini-slide {
        grid-template-columns: minmax(0, 1.14fr) minmax(var(--arena-inline-radar-size), 0.86fr);
        align-items: center;
        gap: clamp(1.8rem, 3vw, 3.5rem);
        padding: var(--arena-slide-block-inset) var(--arena-slide-inline-inset) calc(var(--arena-control-size) + var(--arena-control-gap) * 3.8);
    }

    .arena-experience[data-view] .arena-mini-deck__header > span:first-child {
        display: none;
    }

    .arena-experience[data-view] .arena-mini-deck__header {
        justify-content: flex-end;
        padding: clamp(0.7rem, 1vw, 1rem) clamp(1rem, 1.6vw, 1.5rem);
        border-bottom-color: rgba(84, 231, 226, 0.1);
    }

    .arena-experience[data-view] .arena-mini-slide__copy {
        align-self: center;
        max-height: 100%;
        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    .arena-experience[data-view] .arena-slide-eyebrow {
        margin-bottom: clamp(1rem, 1.7vw, 1.5rem);
        color: #00cfc8;
        font-size: clamp(0.72rem, 1.1vw, 1.0625rem);
        font-weight: 900;
        letter-spacing: 0.13em;
    }

    .arena-experience[data-view] .arena-mini-diagram--radar {
        display: grid;
        width: var(--arena-inline-radar-size);
        height: var(--arena-inline-radar-size);
        max-width: none;
        justify-self: center;
        align-self: center;
        overflow: visible;
        transform: none;
    }

    .arena-experience[data-view] .arena-mini-diagram--radar .arena-radar {
        width: 100%;
        height: 100%;
        min-height: 0;
    }

    .arena-experience[data-view] .arena-mini-diagram--radar .arena-radar-node {
        width: clamp(96px, 8.6vw, 132px);
        min-height: clamp(48px, 3.8vw, 62px);
        transform: rotate(calc((360deg / var(--count)) * var(--i))) translate(calc(var(--arena-inline-radar-size) * 0.4)) rotate(calc((-360deg / var(--count)) * var(--i))) translate(-50%, -50%);
    }

    .arena-experience[data-view] .arena-mini-diagram--radar .arena-radar-core {
        width: clamp(96px, 7.8vw, 156px);
        min-height: clamp(96px, 7.8vw, 156px);
    }

    .arena-experience[data-view] .arena-mini-diagram--radar .arena-radar-node b {
        font-size: clamp(0.7rem, 0.82vw, 0.9rem);
    }

    .arena-experience[data-view] .arena-mini-slide__copy .arena-headline {
        font-size: clamp(2.6rem, 4.8vw, 5.5rem);
        font-weight: 700;
        line-height: 0.98;
        letter-spacing: -0.065em;
        text-wrap: balance;
    }

    .arena-experience[data-view] .arena-mini-slide__copy .arena-subtitle,
    .arena-experience[data-view] .arena-mini-slide__copy .arena-between,
    .arena-experience[data-view] .arena-mini-slide__copy .arena-statement,
    .arena-experience[data-view] .arena-mini-slide__copy .arena-punchline,
    .arena-experience[data-view] .arena-mini-slide__copy .arena-infographic-text,
    .arena-experience[data-view] .arena-mini-slide__copy .arena-micro,
    .arena-experience[data-view] .arena-mini-slide__copy .arena-punchline-list p {
        max-width: 720px;
        font-size: clamp(0.95rem, 1.16vw, 1.35rem);
        font-weight: 400;
        font-style: italic;
        line-height: 1.42;
        text-align: justify;
        text-align-last: left;
    }

    .arena-experience[data-view] .arena-mini-slide__copy .arena-subtitle {
        margin-top: clamp(1.2rem, 2vw, 2.4rem);
    }

    .arena-experience[data-view] .arena-mini-slide__link {
        margin-top: clamp(1.1rem, 2vw, 2.6rem);
        color: #ffdc68;
        font-size: clamp(0.92rem, 1.05vw, 1.1rem);
    }

    .arena-experience[data-view] .arena-mini-role-actions {
        gap: var(--arena-control-gap);
        min-height: 118px;
        margin-top: clamp(1.3rem, 2.2vw, 2.2rem);
        padding: 0;
    }

    .arena-experience[data-view] .arena-role-control {
        grid-template-rows: minmax(42px, auto) 28px minmax(18px, 1fr);
        min-height: 118px;
        color: #ffdc68;
        font-size: clamp(0.92rem, 1.05vw, 1.1rem);
    }

    .arena-experience[data-view] .arena-role-control__label {
        color: #ffdc68;
        font: inherit;
        font-weight: 850;
    }

    .arena-experience[data-view] .arena-role-control__label::after {
        content: " ↗";
        display: inline;
        margin-left: 0.12em;
        color: #ffdc68;
        font-weight: 700;
    }

    .arena-experience[data-view] .arena-role-control::after,
    .arena-experience[data-view] .arena-role-control:hover::after,
    .arena-experience[data-view] .arena-role-control:focus-visible::after {
        content: "";
        display: block;
        width: 1px;
        height: 20px;
        border: 0;
        border-radius: 0;
        background: linear-gradient(to top, rgba(255, 220, 104, 0.12), #ffdc68 72%, rgba(255, 220, 104, 0.18));
        box-shadow: 0 0 8px rgba(255, 201, 40, 0.42);
        transform: none;
    }

    .arena-experience[data-view] .arena-role-control__index {
        color: #ffdc68;
        font-size: 0.74em;
        font-weight: 800;
        letter-spacing: 0.1em;
    }

    .arena-experience[data-view] .arena-action-zone,
    .arena-experience[data-view] .arena-presentation-controls {
        flex-wrap: nowrap;
        gap: var(--arena-control-gap);
        margin-top: 0;
    }

    .arena-experience[data-view] .arena-action-zone {
        position: absolute;
        right: var(--arena-slide-inline-inset);
        bottom: var(--arena-control-gap);
        left: var(--arena-slide-inline-inset);
        z-index: 6;
        width: auto;
        justify-content: stretch;
    }

    .arena-experience[data-view] .arena-mini-deck__controls {
        position: absolute;
        right: var(--arena-slide-inline-inset);
        bottom: calc(var(--arena-control-size) + var(--arena-control-gap) * 2);
        left: var(--arena-slide-inline-inset);
        z-index: 5;
        min-height: 0;
        padding: 0;
    }

    .arena-experience[data-view] .arena-action,
    .arena-experience[data-view] .arena-control,
    .arena-experience[data-view] .arena-video-toggle,
    .arena-experience[data-view] .arena-tower-link {
        min-height: var(--arena-control-size);
        font-size: clamp(0.76rem, 0.82vw, 0.98rem);
    }

    .arena-experience[data-view] .arena-icon-only {
        width: var(--arena-control-size);
        min-width: var(--arena-control-size);
        height: var(--arena-control-size);
    }
}

@media (max-width: 1080px) {
    .arena-mini-diagram--radar {
        display: none;
    }

    .arena-scene {
        grid-template-columns: 1fr;
    }

    .arena-copy {
        max-width: 920px;
        min-height: auto;
    }

    .arena-visual {
        min-height: 520px;
    }
}

@media (max-width: 920px) {
    .arena-main {
        padding-top: 132px;
    }

    .arena-experience,
    .arena-shell,
    .arena-noscript {
        min-height: calc(100vh - 132px);
    }

    .arena-shell {
        width: min(100% - 1.6rem, 1180px);
        padding-top: 5.4rem;
    }

    .arena-visual {
        min-height: 0;
        padding: 0;
        background: none;
        overflow: visible;
    }

    .arena-visual::before,
    .arena-radar {
        display: none;
    }

    .arena-radar {
        min-height: 0;
    }
}

@media (max-width: 720px) {
    .arena-main {
        padding-top: 70px;
    }

    .arena-experience,
    .arena-shell,
    .arena-noscript {
        min-height: calc(100vh - 70px);
        min-height: calc(100dvh - 70px);
    }

    .arena-experience::before {
        inset: 10% -22% auto;
        height: 58%;
    }

    .arena-shell {
        width: min(100% - 1.1rem, 1180px);
        height: calc(100vh - 70px);
        height: calc(100dvh - 70px);
        min-height: 0;
        padding-top: 0;
        padding-bottom: 0;
        align-items: start;
    }

    .arena-page {
        overflow: hidden;
    }

    .arena-page .footer {
        display: none;
    }

    .arena-view,
    .arena-scene {
        height: 100%;
        min-height: 0;
    }

    .arena-scene {
        grid-template-rows: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
        gap: 0;
        align-content: stretch;
    }

    .arena-headline {
        font-size: 1.55rem;
        line-height: 1;
        max-width: 100%;
        white-space: normal;
    }

    .arena-headline .arena-line {
        white-space: normal;
    }

    .arena-subtitle,
    .arena-between,
    .arena-role-final,
    .arena-statement,
    .arena-punchline,
    .arena-final-fixed,
    .arena-infographic-text,
    .arena-micro,
    .arena-punchline-list p {
        font-size: 0.76rem;
        line-height: 1.24;
        text-align: justify;
        text-align-last: left;
    }

    .arena-copy {
        grid-row: 4;
        gap: 0.42rem;
        min-height: auto;
        padding: 0;
        align-content: start;
    }

    .arena-mini-deck {
        width: 100%;
        height: 230px;
        min-height: 0;
        margin-top: 0.08rem;
        border-radius: 10px;
    }

    .arena-mini-deck__header {
        padding: 0.34rem 0.5rem 0.3rem;
        font-size: 0.48rem;
    }

    .arena-mini-slide {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.45rem;
        height: auto;
        padding: 1rem 2rem 0.8rem;
    }

    .arena-mini-diagram--progress-ladder {
        display: none;
    }

    .arena-mini-slide__copy .arena-headline {
        font-size: clamp(1.22rem, 5.4vw, 1.72rem);
    }

    .arena-mini-slide__copy .arena-subtitle,
    .arena-mini-slide__copy .arena-between,
    .arena-mini-slide__copy .arena-statement,
    .arena-mini-slide__copy .arena-punchline,
    .arena-mini-slide__copy .arena-infographic-text,
    .arena-mini-slide__copy .arena-micro,
    .arena-mini-slide__copy .arena-punchline-list p {
        font-size: 0.62rem;
        line-height: 1.22;
    }

    .arena-mini-slide__link {
        font-size: 0.62rem;
        line-height: 1.22;
    }

    .arena-mini-slide__copy .arena-subtitle {
        margin-top: 0.5rem;
    }

    .arena-mini-diagram {
        width: 95px;
        height: 72px;
    }

    .arena-mini-diagram--bars {
        gap: 5px;
        padding: 7px 7px 5px;
    }

    .arena-mini-diagram--bars i {
        width: 10px;
    }

    .arena-mini-diagram--bars i:nth-child(1) { --bar-height: 17px; }
    .arena-mini-diagram--bars i:nth-child(2) { --bar-height: 31px; }
    .arena-mini-diagram--bars i:nth-child(3) { --bar-height: 22px; }
    .arena-mini-diagram--bars i:nth-child(4) { --bar-height: 37px; }

    .arena-mini-diagram--nodes::after {
        top: 23px;
        left: 14px;
        width: 65px;
    }

    .arena-mini-diagram--nodes i:nth-child(1) { top: 16px; left: 8px; width: 16px; height: 16px; }
    .arena-mini-diagram--nodes i:nth-child(2) { top: 7px; left: 40px; width: 19px; height: 19px; }
    .arena-mini-diagram--nodes i:nth-child(3) { top: 23px; right: 6px; width: 15px; height: 15px; }
    .arena-mini-diagram--nodes b { top: 33px; left: 42px; width: 8px; height: 8px; }
    .arena-mini-diagram--nodes span { top: 3px; right: 9px; width: 5px; height: 5px; }

    .arena-mini-diagram--research-ladder,
    .arena-mini-diagram--progress-ladder,
    .arena-mini-diagram--investor-score,
    .arena-mini-diagram--research-translation,
    .arena-mini-diagram--perspectives { gap: 0.15rem; }

    .arena-mini-diagram--research-ladder span,
    .arena-mini-diagram--progress-ladder span,
    .arena-mini-diagram--investor-score span {
        grid-template-columns: 31px minmax(0, 1fr);
        gap: 0.18rem;
        min-height: 13px;
        font-size: 0.39rem;
    }

    .arena-mini-diagram--research-ladder i,
    .arena-mini-diagram--progress-ladder i,
    .arena-mini-diagram--investor-score i { height: 4px; }
    .arena-mini-diagram--research-translation span { padding: .19rem; font-size: .42rem; }
    .arena-mini-diagram--research-translation i { height: 5px; }
    .arena-mini-diagram--perspectives span { padding: .2rem .28rem; font-size: .39rem; }

    .arena-mini-role-actions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.2rem; min-height:66px; margin-top:.45rem; padding:0; }
    .arena-mini-role-actions::before { top:50%; right:18%; left:18%; }
    .arena-role-control { min-height:32px; grid-template-rows:1fr; grid-template-columns:auto minmax(0,1fr) auto; column-gap:.2rem; font-size:.46rem; }
    .arena-role-control::after { grid-column:1; grid-row:1; width:7px; height:7px; border-width:1px; box-shadow:0 0 0 2px rgba(13,17,17,.92),0 0 8px rgba(84,231,226,.3); }
    .arena-role-control__label { grid-column:2; grid-row:1; overflow:visible; text-overflow:clip; white-space:normal; }
    .arena-role-control__index { grid-column:3; grid-row:1; align-self:center; font-size:.38rem; }

    .arena-mini-deck__controls {
        gap: 0.25rem;
        padding: 0 0.5rem 0.3rem;
    }

    .arena-mini-deck__arrow { width: auto; height: auto; font-size: 2.25rem; }
    .arena-mini-deck__arrow--back { left: 5px; }
    .arena-mini-deck__arrow--next { right: 5px; }
    .arena-mini-deck__step { width: 12px; }
    .arena-mini-deck__step:hover,
    .arena-mini-deck__step:focus-visible,
    .arena-mini-deck__step.is-active { width: 17px; }

    .arena-action-zone {
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 0.3rem;
        margin-top: 0.2rem;
    }

    .arena-presentation-controls { gap: 0.3rem; }

    .arena-action,
    .arena-control {
        width: 100%;
        min-height: 34px;
        padding: 0.38rem 0.5rem;
        font-size: 0.7rem;
    }

    .arena-icon-only {
        width: 34px;
        min-width: 34px;
        height: 34px;
        padding: 0.38rem;
        align-self: flex-start;
    }

    .arena-action-zone > .arena-icon-only {
        width: 34px;
        min-width: 34px;
        flex: 0 0 34px;
    }

    .arena-action-zone > .arena-action:not(.arena-choice-action),
    .arena-action-zone > .arena-tower-link {
        width: auto;
        min-width: 0;
        flex: 1 1 auto;
    }

    .arena-tower-link {
        flex-basis: auto;
        min-width: 0;
        min-height: 34px;
    }

    .arena-visual {
        --mobile-radar-size: min(calc(100vw - 6rem), 28vh, 240px);
        grid-row: 2;
        order: 0;
        min-height: var(--mobile-radar-size);
        height: var(--mobile-radar-size);
        padding: 0;
        background: none;
        overflow: visible;
    }

    .arena-visual::before {
        display: none;
    }

    .arena-radar {
        display: grid;
        width: var(--mobile-radar-size);
        height: var(--mobile-radar-size);
        min-height: 0;
        gap: 0;
        padding: 0;
    }

    .arena-radar-svg {
        opacity: 0.72;
    }

    .arena-radar-core {
        width: clamp(50px, calc(var(--mobile-radar-size) * 0.29), 70px);
        min-height: clamp(50px, calc(var(--mobile-radar-size) * 0.29), 70px);
        padding: 0.35rem;
    }

    .arena-radar-core strong {
        font-size: 0.68rem;
    }

    .arena-radar-items {
        position: absolute;
        inset: 0;
        width: auto;
        display: block;
        margin: 0;
    }

    .arena-radar-node {
        position: absolute;
        left: 50%;
        top: 50%;
        width: clamp(76px, calc(var(--mobile-radar-size) * 0.42), 98px);
        min-height: 32px;
        grid-template-columns: 13px minmax(0, 1fr);
        gap: 0.2rem;
        padding: 0.2rem 0.28rem;
        transform: rotate(calc((360deg / var(--count)) * var(--i))) translate(calc(var(--mobile-radar-size) * 0.45)) rotate(calc((-360deg / var(--count)) * var(--i))) translate(-50%, -50%);
    }

    .arena-radar-node svg {
        width: 13px;
        height: 13px;
    }

    .arena-radar-node b {
        font-size: 0.52rem;
        line-height: 1.05;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow-wrap: normal;
        word-break: normal;
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    .arena-ring {
        max-height: 300px;
    }

    .arena-ring span:nth-child(1) { transform: translate(0, -112px); }
    .arena-ring span:nth-child(2) { transform: translate(96px, 42px); }
    .arena-ring span:nth-child(3) { transform: translate(-92px, 50px); }
    .arena-ring span:nth-child(4) { transform: translate(42px, 104px); }

    .arena-choice-action {
        width: auto;
        min-width: 0;
        min-height: 34px;
        flex: 1 1 calc(33.333% - 0.3rem);
        padding: 0.35rem 0.25rem;
    }

    .arena-choice-action span {
        font-size: 0.68rem;
    }

    .arena-formation-hex,
    .arena-final-structure {
        min-height: 300px;
    }

    .arena-formation-hex {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.55rem;
    }

    .arena-formation-hex::before {
        display: none;
    }

    .arena-formation-hex strong {
        grid-column: 1 / -1;
        max-width: none;
    }

    .arena-formation-hex span {
        position: static;
        max-width: none;
        transform: none;
    }

    .arena-map-wave {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        min-height: auto;
    }

    .arena-stack-layer {
        transform: none;
    }

    .arena-final-structure {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .arena-final-structure span,
    .arena-final-structure span:nth-child(2),
    .arena-final-structure span:nth-child(3) {
        min-height: 86px;
        border-radius: var(--radius-tight);
    }

    .arena-tower-link {
        max-width: none;
        min-height: 34px;
        padding: 0.38rem 0.5rem;
        font-size: 0.7rem;
    }

    .arena-tower-link small {
        display: none;
    }

    .arena-sound-toggle {
        top: 76px;
        right: 12px;
        bottom: auto;
        left: auto;
        min-height: 32px;
        padding: 0.12rem 0;
        font-size: 0.72rem;
    }

    .arena-video-toggle {
        width: 34px;
        min-width: 34px;
        max-width: 34px;
        min-height: 34px;
        padding: 0.38rem 0.5rem;
        font-size: 0.7rem;
        flex: 0 0 34px;
        gap: 0;
    }

    .arena-video-toggle span,
    .arena-full-presentation span {
        display: none;
    }

    .arena-full-presentation {
        width: 34px;
        min-width: 34px;
        max-width: 34px;
        min-height: 34px;
        padding: 0.38rem 0.5rem;
        flex: 0 0 34px;
        gap: 0;
    }
}

@media (min-width: 721px) and (max-width: 1080px) {
    .arena-main {
        --arena-tablet-nav-offset: 82px;
    }

    .arena-experience,
    .arena-shell,
    .arena-noscript {
        min-height: calc(100dvh - var(--arena-tablet-nav-offset));
    }

    .arena-shell {
        width: min(100% - 2rem, 1180px);
        height: calc(100dvh - var(--arena-tablet-nav-offset));
        min-height: 0;
        padding-top: 0;
        padding-bottom: 0;
        align-items: start;
    }

    .arena-page {
        overflow: hidden;
    }

    .arena-page .footer {
        display: none;
    }

    .arena-view,
    .arena-scene {
        height: 100%;
        min-height: 0;
    }

    .arena-scene {
        grid-template-rows: minmax(0, 1fr) auto minmax(0, 0.72fr) auto minmax(0, 1fr);
        gap: 0;
        align-content: stretch;
    }

    .arena-copy {
        grid-row: 4;
        width: 100%;
        max-width: none;
        min-height: 0;
        gap: 0.65rem;
        padding: 0;
        align-content: start;
    }

    .arena-mini-deck {
        width: 100%;
        height: clamp(230px, 32dvh, 300px);
        min-height: 0;
        border-radius: 11px;
    }

    .arena-action-zone {
        flex-flow: row nowrap;
        gap: 0.45rem;
        margin-top: 0;
    }

    .arena-action-zone > .arena-action:not(.arena-choice-action),
    .arena-action-zone > .arena-tower-link {
        width: auto;
        min-width: 0;
        flex: 1 1 auto;
    }

    .arena-visual {
        --tablet-radar-size: min(calc(100vw - 16rem), 30dvh, 300px);
        grid-row: 2;
        order: 0;
        min-height: var(--tablet-radar-size);
        height: var(--tablet-radar-size);
        padding: 0;
        background: none;
        overflow: visible;
    }

    .arena-visual::before {
        display: none;
    }

    .arena-radar {
        display: grid;
        width: var(--tablet-radar-size);
        height: var(--tablet-radar-size);
        min-height: 0;
        gap: 0;
        padding: 0;
    }

    .arena-radar-svg {
        opacity: 0.78;
    }

    .arena-radar-core {
        width: clamp(58px, calc(var(--tablet-radar-size) * 0.29), 84px);
        min-height: clamp(58px, calc(var(--tablet-radar-size) * 0.29), 84px);
        padding: 0.45rem;
    }

    .arena-radar-core strong {
        font-size: 0.76rem;
    }

    .arena-radar-items {
        position: absolute;
        inset: 0;
        width: auto;
        display: block;
        margin: 0;
    }

    .arena-radar-node {
        position: absolute;
        left: 50%;
        top: 50%;
        width: clamp(88px, calc(var(--tablet-radar-size) * 0.4), 112px);
        min-height: 36px;
        grid-template-columns: 15px minmax(0, 1fr);
        gap: 0.28rem;
        padding: 0.25rem 0.34rem;
        transform: rotate(calc((360deg / var(--count)) * var(--i))) translate(calc(var(--tablet-radar-size) * 0.45)) rotate(calc((-360deg / var(--count)) * var(--i))) translate(-50%, -50%);
    }

    .arena-radar-node svg {
        width: 15px;
        height: 15px;
    }

    .arena-radar-node b {
        font-size: 0.58rem;
        line-height: 1.06;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow-wrap: normal;
        word-break: normal;
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }
}

@media (min-width: 721px) and (max-width: 920px) {
    .arena-main {
        --arena-tablet-nav-offset: 132px;
    }
}

@media (min-width: 721px) and (max-width: 1080px) and (max-height: 650px) {
    .arena-mini-deck {
        height: 210px;
    }

    .arena-visual {
        --tablet-radar-size: min(calc(100vw - 18rem), 26dvh, 170px);
    }

    .arena-action,
    .arena-control,
    .arena-video-toggle {
        min-height: 38px;
        padding-top: 0.4rem;
        padding-bottom: 0.4rem;
    }

    .arena-icon-only {
        width: 38px;
        min-width: 38px;
        height: 38px;
    }
}

@media (max-width: 720px) and (max-height: 680px) {
    .arena-visual {
        --mobile-radar-size: min(calc(100vw - 7rem), 24vh, 170px);
    }

    .arena-headline {
        font-size: 1.3rem;
    }

    .arena-subtitle,
    .arena-between,
    .arena-role-final,
    .arena-statement,
    .arena-punchline,
    .arena-final-fixed,
    .arena-infographic-text,
    .arena-micro,
    .arena-punchline-list p {
        font-size: 0.68rem;
        line-height: 1.16;
    }

    .arena-copy {
        gap: 0.3rem;
    }

    .arena-action-zone {
        gap: 0.22rem;
        margin-top: 0.1rem;
    }

    .arena-action,
    .arena-control,
    .arena-tower-link,
    .arena-video-toggle,
    .arena-full-presentation,
    .arena-choice-action {
        min-height: 30px;
        padding-top: 0.28rem;
        padding-bottom: 0.28rem;
    }
}

@media (min-width: 360px) and (max-width: 720px) and (min-height: 760px) {
    .arena-shell {
        width: min(100% - 2rem, 1180px);
        padding-top: 0;
        padding-bottom: 0;
    }

    .arena-visual {
        --mobile-radar-size: min(calc(100vw - 6rem), 31vh, 260px);
    }

    .arena-copy {
        gap: 0.55rem;
        padding-top: 0;
    }

    .arena-action-zone {
        gap: 0.4rem;
        margin-top: 0.3rem;
    }

    .arena-action,
    .arena-control,
    .arena-tower-link,
    .arena-video-toggle,
    .arena-choice-action {
        min-height: 36px;
        padding-top: 0.44rem;
        padding-bottom: 0.44rem;
    }

    .arena-icon-only,
    .arena-action-zone > .arena-icon-only,
    .arena-video-toggle,
    .arena-full-presentation {
        width: 36px;
        min-width: 36px;
        max-width: 36px;
        height: 36px;
        flex-basis: 36px;
    }

    .arena-presentation-controls { gap: 0.4rem; }

}

@media (max-width: 720px) {
    body {
        font-size: 17px;
    }

    .nav {
        --menu-viewport-top: 70px;
    }

    .nav-inner {
        gap: 0.5rem;
        flex-wrap: nowrap;
    }

    .nav .brand {
        order: 1;
        margin-left: auto;
    }

    .nav .brand__name {
        display: none;
    }

    .nav .brand img {
        width: 42px;
        flex-basis: 42px;
    }

    .menu-groups {
        order: 0;
        width: auto;
        margin-left: 0;
        gap: 0.15rem;
    }

    .menu-trigger,
    .menu-direct {
        min-height: 40px;
        padding: 0.34rem 0.28rem;
        font-size: 0.62rem;
        letter-spacing: 0.02em;
    }

    .nav-cta {
        display: none;
    }

    .page-main {
        padding-top: 5rem;
    }

    .home-hero {
        padding: 3.2rem 0 2.6rem;
    }

    .home-hero::before {
        opacity: 0.08;
    }

    .home-hero::after {
        opacity: 0.82;
    }

    .home-floor::before {
        opacity: 0.055;
    }

    .home-floor::after {
        opacity: 0.045;
    }

    .home-hero-grid {
        gap: 1.4rem;
    }

    .home-hero h1 {
        font-size: clamp(2rem, 10vw, 2.65rem);
    }

    .home-hero .lead {
        font-size: 1.06rem;
        line-height: 1.56;
    }

    .home-hero-copy .hero-actions {
        margin-top: auto;
        padding-top: 0.4rem;
    }

    .hero-process-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.7rem;
        margin-top: 1.1rem;
    }

    .hero-process-card {
        min-height: 118px;
        padding: 0.85rem 0.55rem;
    }

    .hero-process-card:not(:last-child)::after {
        display: none;
    }

    .hero-process-icon {
        width: 46px;
        height: 46px;
    }

    .hero-process-icon svg {
        width: 30px;
        height: 30px;
    }

    .hero-process-card strong {
        font-size: 0.84rem;
    }

    .hero-panel {
        padding: 1rem;
    }

    .system-orbit {
        width: auto;
        opacity: 0.26;
    }

    .flow-step {
        grid-template-columns: 40px 1fr;
        padding: 0.72rem;
    }

    .flow-icon {
        width: 40px;
        height: 40px;
    }

    .teaser-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .btn {
        width: 100%;
    }

    .teaser-grid {
        grid-template-columns: 1fr;
    }

    .related-grid {
        grid-template-columns: 1fr;
    }

    .article-hero h1 {
        font-size: clamp(1.32rem, 6vw, 1.75rem);
    }

    .article-copy .page-section {
        padding-top: 1.65rem;
        margin-top: 1.65rem;
    }

    .menu-panel {
        width: min(92vw, 520px);
        max-width: calc(100vw - 1rem);
        max-height: 70vh;
        overflow-y: auto;
        grid-template-columns: 1fr;
    }

    .footer .container {
        flex-direction: column;
        align-items: flex-start;
    }

    .home-floor--partners .teaser-grid,
    .home-floor--thesis .teaser-grid,
    .home-floor--research .teaser-grid {
        grid-template-columns: 1fr;
    }

}


.gold-link {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    margin-top: 0.8rem;
    font-size: 0.94rem;
    font-weight: 800;
    color: var(--gold-soft, #e7ca72);
    text-decoration: none;
}

.gold-link:hover {
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

.page-section--intro p {
    text-indent: 0;
}

.continue-exploring {
    margin-top: 3rem;
}

.continue-exploring h2 {
    margin: 0 0 1.2rem;
    font-size: clamp(1.22rem, 2vw, 1.38rem);
    line-height: 1.22;
    letter-spacing: -0.02em;
}

/* Business Card */
.business-card {
    max-width: 500px;
    padding: 2rem;
    background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.02) 100%);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.15);
}

.business-card-header h3 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    color: var(--panel-link, #e7ca72);
    letter-spacing: 0.02em;
}

.business-card-body {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.business-card-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.business-card-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    color: var(--panel-link, #e7ca72);
    margin-top: 0.2rem;
}

.business-card-item p {
    margin: 0;
    line-height: 1.6;
    font-size: 0.95rem;
}

.business-card-item a {
    color: var(--panel-link, #e7ca72);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s ease;
}

.business-card-item a:hover {
    border-bottom-color: var(--panel-link, #e7ca72);
}

/* Home radar article reader. Radar topics remain in the Quick Presentation
   instead of navigating away from it. */
.arena-article-modal {
    width: min(94vw, 980px);
    height: min(88dvh, 920px);
    max-width: none;
    max-height: none;
    margin: auto;
    padding: 0;
    border: 1px solid rgba(84, 231, 226, 0.34);
    border-radius: 18px;
    background: #f7f9f9;
    color: #15201f;
    box-shadow: 0 32px 100px rgba(0, 0, 0, 0.72);
}

.arena-article-modal::backdrop {
    background: rgba(0, 0, 0, 0.84);
    backdrop-filter: blur(8px);
}

.arena-article-panel {
    position: relative;
    min-height: 100%;
    padding: clamp(1.2rem, 3vw, 2.5rem);
}

.arena-article-panel h1 {
    max-width: calc(100% - 3rem);
    margin: 0;
    color: #062e2d;
    font-size: clamp(1.65rem, 4vw, 2.8rem);
    line-height: 1.05;
}

.arena-article-content {
    max-width: 760px;
    margin: 1rem auto 0;
    font-size: clamp(.98rem, 1.4vw, 1.08rem);
    line-height: 1.65;
}

.arena-article-content h2,
.arena-article-content h3 { margin: 1.65rem 0 .6rem; color: #062e2d; line-height: 1.15; }
.arena-article-content p,
.arena-article-content ul,
.arena-article-content ol,
.arena-article-content blockquote { margin: .75rem 0; }
.arena-article-content a { color: #087c78; }

.arena-article-close {
    position: sticky;
    top: .75rem;
    z-index: 2;
    float: right;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #062e2d;
    color: #f7f9f9;
    font-size: 1.7rem;
    line-height: 1;
    cursor: pointer;
}

/* Target WebKit Safari only; Chrome/Android and desktop Chrome retain their
   existing, already stable geometry. */
@media (max-width: 720px) {
    html.is-mobile-safari .arena-experience,
    html.is-mobile-safari .arena-shell,
    html.is-mobile-safari .arena-noscript {
        min-height: calc(100svh - 70px);
    }

    html.is-mobile-safari .arena-shell {
        height: calc(100svh - 70px);
    }

    html.is-mobile-safari .arena-visual {
        --mobile-radar-size: min(calc(100vw - 4.5rem), 30svh, 238px);
        overflow: visible;
        transform: translateY(.25rem);
    }

    html.is-mobile-safari .arena-radar-node {
        width: clamp(64px, calc(var(--mobile-radar-size) * .34), 82px);
        min-height: 44px;
        transform: rotate(calc((360deg / var(--count)) * var(--i))) translate(calc(var(--mobile-radar-size) * .46)) rotate(calc((-360deg / var(--count)) * var(--i))) translate(-50%, -50%);
    }

    html.is-mobile-safari .arena-radar-node b {
        font-size: .48rem;
    }

    .arena-article-modal {
        width: calc(100vw - 1rem);
        height: calc(100svh - 1rem);
        border-radius: 14px;
    }

    .arena-article-panel { padding: 1rem; }
}

@media (min-width: 721px) and (max-width: 1080px) {
    html.is-mobile-safari .arena-radar-node {
        min-height: 44px;
    }
}

/* Mobile Safari can report a tablet-width layout in landscape. Compress the
   two stacked presentation regions so radar nodes remain clear of both the
   wrapped navigation and the mini deck. */
@media (min-width: 721px) and (max-width: 1080px) and (max-height: 500px) and (orientation: landscape) {
    html.is-mobile-safari .arena-experience,
    html.is-mobile-safari .arena-shell,
    html.is-mobile-safari .arena-noscript {
        min-height: calc(100svh - var(--arena-tablet-nav-offset));
    }

    html.is-mobile-safari .arena-shell {
        height: calc(100svh - var(--arena-tablet-nav-offset));
    }

    html.is-mobile-safari .arena-visual {
        --tablet-radar-size: min(24svh, 94px);
    }

    html.is-mobile-safari .arena-radar-core {
        display: none;
    }

    html.is-mobile-safari .arena-radar-items {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        width: 236px;
        height: 92px;
        display: grid;
        grid-template-columns: repeat(6, 36px);
        grid-auto-rows: 44px;
        gap: 4px;
        transform: translate(-50%, -50%);
    }

    html.is-mobile-safari .arena-radar-node {
        position: relative;
        top: auto;
        left: auto;
        width: 76px;
        min-height: 44px;
        grid-template-columns: 13px minmax(0, 1fr);
        gap: .2rem;
        padding: .2rem .28rem;
        transform: none;
    }

    html.is-mobile-safari .arena-radar-node:nth-child(1) { grid-column: 1 / span 2; }
    html.is-mobile-safari .arena-radar-node:nth-child(2) { grid-column: 3 / span 2; }
    html.is-mobile-safari .arena-radar-node:nth-child(3) { grid-column: 5 / span 2; }
    html.is-mobile-safari .arena-radar-node:nth-child(4) { grid-column: 2 / span 2; }
    html.is-mobile-safari .arena-radar-node:nth-child(5) { grid-column: 4 / span 2; }

    html.is-mobile-safari .arena-mini-deck {
        height: clamp(110px, 29svh, 124px);
    }
}

/* Keep the same radar-relative placement on small screens. */
@media (max-width: 720px) {
    .arena-radar > .arena-sound-toggle {
        top: auto;
        right: 0;
        bottom: calc(100% + .2rem);
        left: auto;
        min-height: 28px;
        padding: .2rem .42rem;
        font-size: .66rem;
    }
}

/* Mobile Safari landscape needs the same single-row header as portrait; the
   default tablet header otherwise consumes over half of a short viewport. */
@media (min-width: 721px) and (max-width: 920px) and (max-height: 500px) and (orientation: landscape) {
    .nav { --menu-viewport-top: 70px; }
    .nav-inner {
        width: calc(100% - 1rem);
        min-height: 70px;
        flex-wrap: nowrap;
        gap: .5rem;
        padding: 0;
    }
    .menu-groups { order: 0; width: auto; margin-left: 0; gap: .15rem; }
    .nav .brand { order: 1; margin-left: auto; }
    .nav .brand__name { display: none; }
    .nav .brand img { width: 42px; flex-basis: 42px; }
    .menu-trigger,
    .menu-direct { min-height: 40px; padding: .34rem .4rem; font-size: .68rem; }
    main { padding-top: 70px; }
    .arena-main { --arena-tablet-nav-offset: 70px; padding-top: 70px; }
}