*,
        *::before,
        *::after {
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
            overflow-x: hidden;
            width: 100%;
        }

        :root {
            --bg-dark: #0b1220;
            --bg-light: #f1f5f9;
            --logo-size: 65px;
            --nav-current-height: 95px;
            --section-entry-offset: 48px;
            --motion-fast: 0.24s;
            --motion-base: 0.42s;
            --motion-slow: 1.1s;
            --motion-ease-standard: cubic-bezier(0.2, 0.62, 0.22, 1);
            --motion-ease-soft: ease;
            --tab-switch-motion: 0.62s;
            --frame-bg: var(--bg-dark);
            --frame-border: #1d2a3a;
            --page-bg: var(--bg-dark);
            --page-text-main: #e6f1ff;
            --page-text-dim: #8892b0;
            --card-bg: #111b2d;
            --logo-gold-primary: #c3a46b;
            --logo-gold-secondary: #9c7a3c;
            --accent: var(--logo-gold-primary);
            --accent-soft: color-mix(in srgb, var(--accent) 10%, transparent);
            --img-placeholder: #161f30;
            --status-green: #10b981;
            --map-accent: var(--accent);
            --map-texas-color-1: #7df9ff;
            --map-texas-color-2: #0d98ba;
            --map-ocean-fill: #0b1220;
            --map-dot-water: #1a2234;
            --map-dot-land: #6b7385;
            --map-marker-stroke: #0b1220;
            --tab-active-bg: #18243a;
            --tab-active-bg-strong: #121d31;
            --overview-copy-backdrop-rgb: 3, 8, 14;
            --overview-texas-fill-rgb: 125, 249, 255;
            --overview-texas-fill-alpha: 0.05;
        }

        [data-theme="light"] {
            --frame-bg: #ffffff;
            --frame-border: #e2e8f0;
            --page-bg: var(--bg-light);
            --page-text-main: #0f172a;
            --page-text-dim: #334155;
            --card-bg: #ffffff;
            --logo-gold-primary: #c3a46b;
            --logo-gold-secondary: #9c7a3c;
            --accent: var(--logo-gold-secondary);
            --accent-soft: color-mix(in srgb, var(--accent) 10%, transparent);
            --img-placeholder: #e2e8f0;
            --map-accent: #2f66ff;
            --map-texas-color-1: #0ea5e9;
            --map-texas-color-2: #0284c7;
            --map-ocean-fill: #233247;
            --map-dot-water: #3a4a61;
            --map-dot-land: #7f8ea3;
            --map-marker-stroke: #1a2636;
            --tab-active-bg: #f2f5fa;
            --tab-active-bg-strong: #e6edf7;
            --overview-copy-backdrop-rgb: 255, 255, 255;
            --overview-texas-fill-rgb: 14, 165, 233;
            --overview-texas-fill-alpha: 0.12;
        }

        body {
            background-color: var(--page-bg);
            color: var(--page-text-dim);
            font-family: 'Inter', sans-serif;
            margin: 0;
            overflow-x: hidden;
            width: 100%;
            transition: background var(--motion-base) var(--motion-ease-soft);
        }

        body.has-primary-nav {
            padding-top: var(--nav-current-height, 95px);
        }

        .has-ambient-layer body {
            background-color: color-mix(in srgb, var(--page-bg) 86%, transparent);
        }

        .tsi-ambient-layer {
            position: fixed;
            inset: 0;
            z-index: -1;
            pointer-events: none;
            opacity: 0;
            transition: opacity var(--motion-base) var(--motion-ease-standard);
            transform: translateZ(0);
            will-change: opacity, transform;
            overflow: hidden;
        }

        .has-ambient-layer .tsi-ambient-layer {
            opacity: 1;
        }

        .ambient-mode-a .tsi-ambient-layer {
            background:
                radial-gradient(58vw 58vw at 22% 38%, color-mix(in srgb, var(--map-accent) 16%, transparent), transparent 72%),
                radial-gradient(48vw 48vw at 78% 62%, color-mix(in srgb, var(--logo-gold-primary) 13%, transparent), transparent 74%),
                linear-gradient(145deg, color-mix(in srgb, var(--page-bg) 92%, #02060f), color-mix(in srgb, var(--page-bg) 86%, #081427));
            filter: blur(26px) saturate(1.05);
            animation: ambientDriftA 42s linear infinite;
        }

        .ambient-mode-b .tsi-ambient-layer {
            background:
                linear-gradient(color-mix(in srgb, var(--page-bg) 62%, transparent), color-mix(in srgb, var(--page-bg) 76%, transparent)),
                url('../assets/pages/pipeline/pipeline-world-map.png') center / cover no-repeat;
            filter: blur(10px) saturate(0.9) brightness(0.55);
            transform-origin: 50% 50%;
            animation: ambientPanB 34s ease-in-out infinite alternate;
        }

        .ambient-mode-c .tsi-ambient-layer {
            background:
                linear-gradient(155deg, color-mix(in srgb, var(--page-bg) 86%, #050b16), color-mix(in srgb, var(--page-bg) 78%, #0e1b2f));
        }

        .ambient-mode-c .tsi-ambient-layer::before,
        .ambient-mode-c .tsi-ambient-layer::after {
            content: "";
            position: absolute;
            inset: -8%;
            background:
                radial-gradient(40vw 40vw at 32% 44%, color-mix(in srgb, var(--map-texas-color-1) 16%, transparent), transparent 78%),
                radial-gradient(34vw 34vw at 72% 58%, color-mix(in srgb, var(--logo-gold-primary) 16%, transparent), transparent 80%);
            filter: blur(24px);
            opacity: 0;
            animation: ambientCrossfadeC 20s ease-in-out infinite;
        }

        .ambient-mode-c .tsi-ambient-layer::after {
            animation-delay: 10s;
        }

        .ambient-mode-d .tsi-ambient-layer {
            background:
                linear-gradient(155deg, color-mix(in srgb, var(--page-bg) 90%, #050b16), color-mix(in srgb, var(--page-bg) 84%, #0e1b2f));
        }

        .ambient-mode-d .tsi-ambient-layer::before,
        .ambient-mode-d .tsi-ambient-layer::after {
            content: "";
            position: absolute;
            inset: -8%;
            background:
                radial-gradient(36vw 36vw at 45% 50%, color-mix(in srgb, var(--map-texas-color-1) 10%, transparent), transparent 82%),
                radial-gradient(30vw 30vw at 66% 54%, color-mix(in srgb, var(--logo-gold-primary) 10%, transparent), transparent 84%);
            filter: blur(26px);
            opacity: 0;
            animation: ambientCrossfadeD 34s ease-in-out infinite;
        }

        .ambient-mode-d .tsi-ambient-layer::after {
            animation-delay: 17s;
        }

        .ambient-mode-e .tsi-ambient-layer,
        .ambient-mode-f .tsi-ambient-layer {
            background:
                linear-gradient(color-mix(in srgb, var(--page-bg) 70%, transparent), color-mix(in srgb, var(--page-bg) 76%, transparent)),
                url('../assets/pages/pipeline/pipeline-world-map.png') center / 240% auto no-repeat;
            mask-image: linear-gradient(to bottom, transparent 0%, transparent 30%, #000 42%, #000 58%, transparent 70%, transparent 100%);
            -webkit-mask-image: linear-gradient(to bottom, transparent 0%, transparent 30%, #000 42%, #000 58%, transparent 70%, transparent 100%);
            transform-origin: 50% 50%;
            animation: ambientStripeSpin 84s linear infinite;
        }

        .ambient-mode-e .tsi-ambient-layer {
            filter: saturate(1.06) brightness(0.66);
        }

        .ambient-mode-f .tsi-ambient-layer {
            filter: blur(8px) saturate(0.82) brightness(0.46);
            opacity: 0.72;
            animation-duration: 108s;
        }

        @keyframes ambientDriftA {
            0% {
                transform: translate3d(-1.5%, 0%, 0) scale(1.03);
            }

            50% {
                transform: translate3d(1.5%, -1%, 0) scale(1.06);
            }

            100% {
                transform: translate3d(-1.5%, 0%, 0) scale(1.03);
            }
        }

        @keyframes ambientPanB {
            0% {
                transform: scale(1.08) translate3d(-0.8%, -0.4%, 0);
            }

            100% {
                transform: scale(1.14) translate3d(0.8%, 0.6%, 0);
            }
        }

        @keyframes ambientCrossfadeC {
            0%,
            100% {
                opacity: 0;
                transform: scale(1.02);
            }

            20%,
            65% {
                opacity: 0.56;
                transform: scale(1.08);
            }
        }

        @keyframes ambientCrossfadeD {
            0%,
            100% {
                opacity: 0;
                transform: scale(1.01) translate3d(0, 0, 0);
            }

            25%,
            68% {
                opacity: 0.36;
                transform: scale(1.05) translate3d(0.6%, -0.4%, 0);
            }
        }

        @keyframes ambientStripeSpin {
            0% {
                transform: scale(1.1) translate3d(-1.2%, 0, 0);
                background-position: 46% 50%;
            }

            50% {
                transform: scale(1.16) translate3d(1.2%, 0, 0);
                background-position: 54% 50%;
            }

            100% {
                transform: scale(1.1) translate3d(-1.2%, 0, 0);
                background-position: 46% 50%;
            }
        }

        @media (max-width: 900px) {
            .ambient-mode-b .tsi-ambient-layer {
                filter: blur(8px) saturate(0.9) brightness(0.5);
                animation-duration: 28s;
            }

            .ambient-mode-e .tsi-ambient-layer,
            .ambient-mode-f .tsi-ambient-layer {
                background-size: 280% auto;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .tsi-ambient-layer,
            .ambient-mode-a .tsi-ambient-layer,
            .ambient-mode-b .tsi-ambient-layer,
            .ambient-mode-c .tsi-ambient-layer::before,
            .ambient-mode-c .tsi-ambient-layer::after,
            .ambient-mode-d .tsi-ambient-layer::before,
            .ambient-mode-d .tsi-ambient-layer::after,
            .ambient-mode-e .tsi-ambient-layer,
            .ambient-mode-f .tsi-ambient-layer {
                animation: none !important;
            }

            .ambient-mode-c .tsi-ambient-layer::before,
            .ambient-mode-d .tsi-ambient-layer::before {
                opacity: 0.42;
            }
        }

        .skip-link {
            position: absolute;
            left: 10px;
            top: -44px;
            z-index: 4000;
            background: var(--page-bg);
            color: var(--page-text-main);
            border: 1px solid var(--accent);
            padding: 8px 12px;
            text-decoration: none;
            font-size: 0.75rem;
            letter-spacing: 1px;
            text-transform: uppercase;
            transition: top var(--motion-fast) var(--motion-ease-standard);
        }

        .skip-link:focus-visible {
            top: 10px;
            outline: 2px solid var(--accent);
            outline-offset: 2px;
        }

        :focus {
            outline: none;
        }

        :focus-visible {
            outline: 2px solid var(--accent);
            outline-offset: 2px;
        }

        .noscript-banner {
            background: var(--accent-soft);
            border-bottom: 1px solid var(--frame-border);
            color: var(--page-text-main);
            padding: 10px 16px;
            font-size: 0.75rem;
            text-align: center;
        }

        /* --- ANIMATIONS --- */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes pulse {
            0% {
                transform: scale(1);
                opacity: 1;
                box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4);
            }

            70% {
                transform: scale(1.1);
                opacity: 0.8;
                box-shadow: 0 0 0 10px rgba(16, 185, 129, 0);
            }

            100% {
                transform: scale(1);
                opacity: 1;
                box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
            }
        }

        @keyframes nodePulse {
            0% {
                transform: scale(1);
                opacity: 1;
                box-shadow: 0 0 0 0 rgba(197, 160, 89, 0.7);
            }

            70% {
                transform: scale(1.5);
                opacity: 0;
                box-shadow: 0 0 0 10px rgba(197, 160, 89, 0);
            }

            100% {
                transform: scale(1);
                opacity: 0;
                box-shadow: 0 0 0 0 rgba(197, 160, 89, 0);
            }
        }

        @keyframes fadeOut {
            from {
                opacity: 1;
            }

            to {
                opacity: 0;
            }
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        @keyframes spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }

        @keyframes holdFill {
            from {
                transform: scaleX(0);
            }

            to {
                transform: scaleX(1);
            }
        }

        @keyframes logoPulse {
            0% {
                transform: scale(1);
                filter: brightness(1);
            }

            50% {
                transform: scale(1.05);
                filter: brightness(1.2) drop-shadow(0 0 8px var(--accent));
            }

            100% {
                transform: scale(1);
                filter: brightness(1);
            }
        }

        @keyframes suggestedPulse {
            0% {
                box-shadow: 0 0 0 0 rgba(195, 164, 107, 0.3);
            }

            50% {
                box-shadow: 0 0 10px 3px rgba(195, 164, 107, 0.45);
            }

            100% {
                box-shadow: 0 0 0 0 rgba(195, 164, 107, 0.3);
            }
        }

        .reveal-text {
            opacity: 0;
        }

        .reveal-active {
            animation: fadeInUp var(--overview-sequence-duration, var(--motion-slow)) var(--motion-ease-standard) forwards;
            animation-delay: var(--reveal-delay, 0s);
        }

        .overview-hero .reveal-active {
            animation-duration: var(--overview-fade-ms, var(--motion-slow));
            animation-timing-function: var(--overview-fade-ease, var(--motion-ease-standard));
        }

        .overview-hero {
            opacity: 1;
            transition: opacity 0.6s ease-in-out;
        }

        .overview-hero {
            position: relative;
            isolation: isolate;
            overflow: hidden;
            --overview-copy-scale: 1;
            --overview-title-scale: 1;
            --overview-sequence-duration: var(--motion-slow);
            --overview-animation-size: clamp(980px, 132vmax, 1680px);
            --overview-animation-shift-x: 0px;
            --overview-animation-shift-y: -2svh;
            --overview-animation-opacity: 1;
            --overview-animation-scrim-top: 0;
            --overview-animation-scrim-bottom: 0;
        }

        .overview-hero::after {
            display: none;
        }

        .overview-animation {
            position: fixed;
            inset: 0;
            overflow: hidden;
            pointer-events: none;
            z-index: 0;
            opacity: var(--overview-animation-opacity, 0.34);
        }

        .overview-animation iframe {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100svh;
            border: 0;
            background: transparent;
            display: block;
            transform: none;
        }

        @media (prefers-reduced-motion: reduce) {
            .overview-animation {
                opacity: 1;
            }
        }

        .overview-hero.is-auto-transition-out {
            opacity: 0;
        }

        .overview-copy {
            color: transparent;
            transition: color calc(var(--overview-fade-ms, var(--motion-slow)) + 0.4s) var(--overview-fade-ease, var(--motion-ease-soft));
            font-size: calc(1.1rem * var(--overview-fit-scale, 1) * var(--overview-copy-scale, 1));
            font-weight: 500;
            text-wrap: normal;
            overflow-wrap: normal;
            word-break: normal;
            position: relative;
            width: fit-content;
            margin-left: auto;
            margin-right: auto;
            padding: calc(2px * var(--overview-fit-scale, 1)) calc(9px * var(--overview-fit-scale, 1));
            isolation: isolate;
        }

        .overview-copy::before {
            content: "";
            position: absolute;
            inset: calc(-7px * var(--overview-fit-scale, 1)) calc(-11px * var(--overview-fit-scale, 1));
            z-index: -2;
            pointer-events: none;
            border-radius: calc(22px * var(--overview-fit-scale, 1));
            background:
                radial-gradient(122% 128% at 50% 50%,
                    rgba(var(--overview-copy-backdrop-rgb), 0.32) 0%,
                    rgba(var(--overview-copy-backdrop-rgb), 0.21) 48%,
                    rgba(var(--overview-copy-backdrop-rgb), 0.09) 70%,
                    rgba(var(--overview-copy-backdrop-rgb), 0.03) 82%,
                    rgba(var(--overview-copy-backdrop-rgb), 0) 100%);
            filter: blur(11px);
            opacity: 0;
            transition: opacity var(--overview-fade-ms, var(--motion-slow)) var(--overview-fade-ease, var(--motion-ease-soft)) var(--overview-copy-backdrop-delay, 0s);
        }

        .overview-title {
            text-wrap: balance;
        }

        .overview-copy :where(strong, b, .text-main-strong, .text-accent-strong, .overview-phrase) {
            white-space: nowrap;
        }

        .overview-copy.is-body-visible {
            color: color-mix(in srgb, var(--page-text-main) 30%, var(--page-bg));
        }

        [data-theme="light"] .overview-copy.is-body-visible {
            color: color-mix(in srgb, var(--page-text-main) 40%, var(--page-bg));
        }

        .overview-copy.is-body-visible::before {
            opacity: 1;
        }

        .overview-copy .overview-phrase {
            color: transparent;
            font-weight: inherit;
            font-size: 1.08em;
            transition: color var(--overview-fade-ms, var(--motion-slow)) var(--overview-fade-ease, var(--motion-ease-soft));
        }

        .overview-copy .overview-phrase.text-accent {
            color: transparent;
        }

        .overview-copy .overview-phrase.is-phrase-visible {
            color: var(--page-text-main);
        }

        .overview-copy .overview-phrase.text-accent.is-phrase-visible {
            color: var(--accent);
        }

        .overview-copy--sweep-underline .overview-phrase {
            transition: color var(--overview-fade-ms, var(--motion-slow)) var(--overview-fade-ease, var(--motion-ease-soft));
        }

        .text-accent-strong {
            font-weight: 700;
        }

        .overview-copy-line {
            display: block;
            margin-top: calc(6px * var(--overview-fit-scale, 1));
            white-space: nowrap;
            width: fit-content;
            margin-left: auto;
            margin-right: auto;
            padding: 0 calc(5px * var(--overview-fit-scale, 1));
        }

        .overview-copy-emph {
            font-size: 1.08em;
        }

        .overview-continue {
            margin: calc(26px * var(--overview-fit-scale, 1)) auto 0;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: calc(0.75rem * var(--overview-fit-scale, 1));
            letter-spacing: calc(0.2em * var(--overview-fit-scale, 1));
            text-transform: uppercase;
            font-weight: 700;
            background: color-mix(in srgb, var(--frame-bg) 90%, #000 10%);
            color: var(--page-text-dim);
            border: 1px solid var(--frame-border);
            padding: calc(10px * var(--overview-fit-scale, 1)) calc(18px * var(--overview-fit-scale, 1));
            border-radius: 999px;
            opacity: 0;
            pointer-events: none;
            box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--logo-gold-secondary) 28%, transparent);
            transition: opacity var(--motion-slow) var(--motion-ease-soft), color var(--motion-base) var(--motion-ease-soft), border-color var(--motion-base) var(--motion-ease-soft), background-color var(--motion-base) var(--motion-ease-soft), box-shadow var(--motion-base) var(--motion-ease-soft);
            text-decoration: none;
        }

        .overview-continue:hover {
            color: var(--page-text-main);
            border-color: var(--accent);
            background: color-mix(in srgb, var(--frame-bg) 84%, var(--accent) 16%);
            box-shadow: 0 0 16px color-mix(in srgb, var(--logo-gold-secondary) 30%, transparent);
        }

        .overview-continue.is-visible {
            opacity: 1;
            pointer-events: auto;
        }

        [data-theme="dark"] .overview-continue {
            box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--logo-gold-secondary) 40%, transparent),
                0 0 14px color-mix(in srgb, var(--logo-gold-secondary) 28%, transparent);
        }

        [data-theme="light"] .overview-continue {
            background: color-mix(in srgb, var(--logo-gold-secondary) 34%, #ffffff);
            border-color: color-mix(in srgb, var(--logo-gold-secondary) 58%, #cbd5e1);
            color: #3d2e14;
        }

        [data-theme="light"] .overview-continue:hover {
            background: color-mix(in srgb, var(--logo-gold-secondary) 46%, #ffffff);
            border-color: color-mix(in srgb, var(--logo-gold-secondary) 72%, #cbd5e1);
            color: #2a1f0e;
        }

        .no-js .reveal-text {
            opacity: 1;
        }

        .no-js .overview-copy {
            color: var(--page-text-dim);
        }

        .no-js .overview-copy .overview-phrase {
            color: var(--page-text-main);
            font-weight: inherit;
        }

        .no-js .overview-copy .overview-phrase.text-accent {
            color: var(--accent);
        }

        .no-js .overview-continue {
            opacity: 1;
            pointer-events: auto;
        }

        /* --- NAVIGATION --- */
        nav {
            background-color: color-mix(in srgb, var(--frame-bg) 68%, transparent);
            border-bottom: 0;
            position: sticky;
            top: 0;
            z-index: 1000;
            height: 95px;
            width: 100%;
            transition: background-color var(--motion-base) var(--motion-ease-standard),
                backdrop-filter var(--motion-base) var(--motion-ease-standard),
                padding var(--motion-base) var(--motion-ease-standard);
            backdrop-filter: blur(8px) saturate(155%);
            -webkit-backdrop-filter: blur(8px) saturate(155%);
        }

        /* Prevent visible ambient flicker through the translucent nav glass. */
        .has-ambient-layer nav {
            background-color: color-mix(in srgb, var(--frame-bg) 92%, transparent);
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
        }

        body.has-primary-nav nav[aria-label="Primary"] {
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
        }

        .nav-layout {
            display: flex;
            justify-content: space-between;
            align-items: center;
            max-width: 1200px;
            margin: 0 auto;
            width: 100%;
            height: 100%;
            padding: 0 50px;
        }

        nav.nav--scrolled {
            background-color: color-mix(in srgb, var(--frame-bg) 65%, transparent);
            backdrop-filter: blur(12px) saturate(180%);
            -webkit-backdrop-filter: blur(12px) saturate(180%);
            padding-top: 0;
            border-bottom: 1px solid color-mix(in srgb, var(--accent) 15%, transparent);
        }

        .has-ambient-layer nav.nav--scrolled {
            background-color: color-mix(in srgb, var(--frame-bg) 94%, transparent);
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
        }

        nav.nav--scrolled::after {
            opacity: 0.4;
            height: 2px;
        }

        nav::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 4px;
            background: linear-gradient(180deg, var(--logo-gold-primary) 0%, var(--logo-gold-secondary) 100%);
            pointer-events: none;
            z-index: 3;
            transition: opacity var(--motion-base) var(--motion-ease-standard),
                height var(--motion-base) var(--motion-ease-standard);
        }

        .logo-container {
            flex: 1;
            display: flex;
            align-items: center;
            cursor: pointer;
            transition: transform var(--motion-fast) var(--motion-ease-standard);
            -webkit-tap-highlight-color: transparent;
        }

        .logo-container:active {
            transform: scale(0.95);
        }

        .logo-container.is-pulsing {
            animation: logoPulse 0.6s var(--motion-ease-standard);
        }

        .logo {
            height: var(--logo-size);
            width: auto;
            display: none;
        }

        [data-theme="dark"] .logo-dark {
            display: block;
        }

        [data-theme="light"] .logo-light {
            display: block;
        }

        .header-index {
            display: flex;
            gap: 30px;
            justify-content: center;
            flex: 2;
        }

        .header-index {
            align-self: flex-end;
            padding-bottom: 0;
            margin-bottom: 0;
            position: relative;
            z-index: 1;
        }

        .header-index a {
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 8px;
            opacity: 0.6;
            transition: var(--motion-base);
        }

        .header-index a:hover {
            opacity: 1;
        }

        .nav-num {
            font-family: 'JetBrains Mono', monospace;
            color: var(--accent);
            font-size: 0.68rem;
            font-weight: 700;
        }

        .nav-label {
            color: var(--page-text-main);
            font-size: 0.58rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-weight: 700;
        }

        .header-actions {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: flex-end;
        }

        .header-actions--primary {
            align-items: flex-end;
        }

        .btn-portal {
            font-size: 0.6rem;
            font-weight: 700;
            color: var(--accent);
            letter-spacing: 1px;
            border: 1px solid var(--accent);
            padding: 6px 12px;
            cursor: pointer;
            background: transparent;
            transition: var(--motion-base);
            width: 140px;
            text-align: center;
        }

        .btn-portal:hover {
            background: var(--accent);
            color: var(--frame-bg);
        }

        .btn-external {
            border-color: var(--page-text-dim);
            color: var(--page-text-dim);
        }

        .btn-portal--primary {
            width: 200px;
            padding: 10px 18px;
            font-size: 0.65rem;
            letter-spacing: 1.5px;
            background: linear-gradient(135deg, rgba(197, 160, 89, 0.95), rgba(197, 160, 89, 0.65));
            color: var(--bg-dark);
            border-color: var(--accent);
            box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(255, 255, 255, 0.08);
            transition: transform var(--motion-base) var(--motion-ease-standard), box-shadow var(--motion-base) var(--motion-ease-standard), filter var(--motion-base) var(--motion-ease-standard);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }

        .btn-portal--primary:hover {
            transform: translateY(-2px);
            filter: brightness(1.05);
            box-shadow: 0 14px 30px rgba(0, 0, 0, 0.32), inset 0 0 0 1px rgba(255, 255, 255, 0.12);
        }

        .btn-portal-icon {
            width: 14px;
            height: 14px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

        .btn-portal-icon svg {
            width: 14px;
            height: 14px;
            display: block;
            fill: currentColor;
        }

        [data-theme="light"] .btn-portal--primary {
            color: #ffffff;
        }

        .nav-mobile-toggle {
            display: none;
            width: 44px;
            height: 44px;
            border: 1px solid var(--frame-border);
            background: color-mix(in srgb, var(--card-bg) 90%, transparent);
            color: var(--page-text-main);
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap: 5px;
            cursor: pointer;
            transition: border-color var(--motion-base) var(--motion-ease-standard), background var(--motion-base) var(--motion-ease-standard);
        }

        .nav-mobile-toggle:hover {
            border-color: var(--accent);
        }

        .nav-mobile-toggle:focus-visible {
            outline: 2px solid var(--accent);
            outline-offset: 2px;
        }

        .nav-mobile-toggle-line {
            width: 18px;
            height: 1.6px;
            background: currentColor;
            transition: transform var(--motion-base) var(--motion-ease-standard), opacity var(--motion-base) var(--motion-ease-standard);
            transform-origin: center;
        }

        body.mobile-nav-open .nav-mobile-toggle-line:nth-child(1) {
            transform: translateY(6.5px) rotate(45deg);
        }

        body.mobile-nav-open .nav-mobile-toggle-line:nth-child(2) {
            opacity: 0;
        }

        body.mobile-nav-open .nav-mobile-toggle-line:nth-child(3) {
            transform: translateY(-6.5px) rotate(-45deg);
        }

        .mobile-nav-backdrop {
            display: none;
            position: fixed;
            inset: 0;
            background: rgba(4, 10, 22, 0.7);
            backdrop-filter: blur(3px);
            opacity: 0;
            pointer-events: none;
            transition: opacity var(--motion-base) var(--motion-ease-standard);
            z-index: 1100;
            touch-action: none;
        }

        .mobile-nav-backdrop.is-open {
            opacity: 1;
            pointer-events: auto;
        }

        .mobile-nav-drawer {
            display: none;
            position: fixed;
            top: 0;
            right: 0;
            width: min(88vw, 360px);
            height: 100vh;
            padding: 22px 16px 20px;
            background: color-mix(in srgb, var(--frame-bg) 92%, #000 8%);
            border-left: 1px solid color-mix(in srgb, var(--accent) 30%, var(--frame-border));
            box-shadow: -20px 0 40px rgba(0, 0, 0, 0.35);
            transform: translateX(100%);
            transition: transform 0.44s var(--motion-ease-standard);
            z-index: 1200;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
        }

        .mobile-nav-drawer.is-open {
            transform: translateX(0);
        }

        .mobile-nav-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 10px;
        }

        .mobile-nav-title {
            margin: 0;
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.7rem;
            letter-spacing: 1.8px;
            text-transform: uppercase;
            color: var(--page-text-dim);
        }

        .mobile-nav-close {
            width: 44px;
            height: 44px;
            border: 1px solid var(--frame-border);
            background: transparent;
            color: var(--page-text-main);
            cursor: pointer;
            font-size: 1.2rem;
            line-height: 1;
            transition: border-color var(--motion-base) var(--motion-ease-standard), color var(--motion-base) var(--motion-ease-standard);
        }

        .mobile-nav-close:hover {
            border-color: var(--accent);
            color: var(--accent);
        }

        .mobile-nav-close:focus-visible {
            outline: 2px solid var(--accent);
            outline-offset: 2px;
        }

        .mobile-nav-helper {
            margin: 0 0 16px;
            color: var(--page-text-dim);
            font-size: 0.74rem;
            line-height: 1.5;
        }

        .mobile-nav-links {
            display: grid;
            gap: 8px;
        }

        .mobile-nav-link {
            text-decoration: none;
            border: 1px solid var(--frame-border);
            min-height: 44px;
            padding: 9px 11px;
            display: flex;
            align-items: center;
            gap: 10px;
            color: var(--page-text-main);
            font-size: 0.72rem;
            letter-spacing: 1.1px;
            text-transform: uppercase;
            font-weight: 700;
            background: color-mix(in srgb, var(--card-bg) 92%, transparent);
            transition: border-color var(--motion-base) var(--motion-ease-standard), background var(--motion-base) var(--motion-ease-standard), transform var(--motion-base) var(--motion-ease-standard);
        }

        .mobile-nav-link:hover {
            border-color: var(--accent);
            transform: translateX(-2px);
        }

        .mobile-nav-link:focus-visible {
            outline: 2px solid var(--accent);
            outline-offset: 2px;
        }

        .mobile-nav-link[aria-current="page"] {
            border-color: var(--accent);
            background: color-mix(in srgb, var(--accent) 10%, var(--card-bg));
        }

        .mobile-nav-num {
            color: var(--accent);
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.7rem;
        }

        .btn-portal--mobile-drawer {
            margin-top: 16px;
            width: 100%;
            min-height: 44px;
            font-size: 0.68rem;
            letter-spacing: 1.5px;
            justify-content: center;
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }

        body.mobile-nav-open {
            overflow: hidden;
            touch-action: none;
        }

        /* --- MODALS --- */
        .modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(11, 18, 32, 0.95);
            z-index: 2000;
            display: flex;
            align-items: center;
            justify-content: center;
            backdrop-filter: blur(5px);
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transition: opacity 0.22s ease, visibility 0s linear 0.22s;
        }

        .modal-overlay.is-open,
        .modal-overlay.is-closing {
            visibility: visible;
            transition-delay: 0s;
        }

        .modal-overlay.is-open {
            opacity: 1;
            pointer-events: auto;
        }

        .no-js .modal-overlay {
            position: static;
            display: block;
            background: transparent;
            height: auto;
            backdrop-filter: none;
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            transition: none;
        }

        .no-js #portalModal {
            display: none;
        }

        .no-js #accessModal {
            display: block;
        }

        .no-js .modal-content {
            max-width: 900px;
            width: min(960px, 95vw);
            margin: 20px auto;
            text-align: left;
        }

        .no-js .close-modal {
            display: none;
        }

        .no-js #accessModal .access-modal-body {
            max-height: none;
            overflow: visible;
        }

        .no-js #accessModal .form-noscript {
            display: none;
        }

        .modal-content {
            background: var(--card-bg);
            border: 1px solid var(--frame-border);
            width: 100%;
            max-width: 450px;
            padding: 40px;
            position: relative;
            text-align: center;
            opacity: 0;
            transform: translateY(14px) scale(0.985);
            transition: opacity 0.22s ease, transform 0.22s ease;
        }

        .modal-overlay.is-open .modal-content {
            opacity: 1;
            transform: translateY(0) scale(1);
        }

        .modal-overlay.is-closing .modal-content {
            opacity: 0;
            transform: translateY(10px) scale(0.99);
        }

        .modal-logo {
            height: 50px;
            width: auto;
            margin: 0 auto 20px auto;
        }

        .close-modal {
            position: absolute;
            top: 20px;
            right: 20px;
            cursor: pointer;
            font-size: 1.5rem;
            color: var(--page-text-dim);
            border: 0;
            background: transparent;
            padding: 0;
            line-height: 1;
            font-family: inherit;
        }

        .close-modal:focus-visible {
            outline: 2px solid var(--accent);
            outline-offset: 3px;
        }

        .option-grid {
            display: flex;
            flex-direction: column;
            gap: 12px;
            margin-top: 25px;
        }

        .option-btn {
            background: var(--page-bg);
            border: 1px solid var(--frame-border);
            padding: 18px;
            color: var(--page-text-main);
            text-align: left;
            cursor: pointer;
            transition: 0.3s;
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.75rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            text-decoration: none;
        }

        .option-btn:hover {
            border-color: var(--accent);
            background: var(--card-bg);
        }

        .option-btn--secondary {
            border-color: var(--page-text-dim);
            color: var(--page-text-dim);
        }

        .option-btn--secondary:hover {
            color: var(--page-text-main);
        }

        .portal-helper {
            margin: 16px 0 20px 0;
            font-size: 0.85rem;
            color: var(--page-text-dim);
            text-align: left;
        }

        .portal-login {
            background: var(--page-bg);
            border: 1px solid var(--frame-border);
            padding: 20px;
            display: flex;
            flex-direction: column;
            gap: 10px;
            text-align: left;
        }

        .portal-login label {
            font-size: 0.7rem;
            font-weight: 700;
            color: var(--page-text-main);
        }

        .portal-login input {
            background: var(--card-bg);
            border: 1px solid var(--frame-border);
            color: var(--page-text-main);
            padding: 10px 12px;
            font-size: 0.85rem;
            font-family: inherit;
        }

        .portal-login input:focus {
            outline: none;
            border-color: var(--accent);
        }

        .portal-submit {
            background: var(--accent);
            color: var(--bg-dark);
            padding: 10px 16px;
            font-size: 0.7rem;
            font-weight: 700;
            letter-spacing: 1px;
            border: none;
            cursor: pointer;
            text-transform: uppercase;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            justify-content: center;
            min-height: 36px;
        }

        .portal-submit:disabled {
            opacity: 0.7;
            cursor: not-allowed;
        }

        [data-theme="light"] .portal-submit {
            color: #ffffff;
        }

        .portal-spinner {
            width: 14px;
            height: 14px;
            border: 2px solid rgba(11, 18, 32, 0.2);
            border-top-color: var(--bg-dark);
            border-radius: 50%;
            display: none;
            animation: spin 0.8s linear infinite;
        }

        [data-theme="light"] .portal-spinner {
            border: 2px solid rgba(255, 255, 255, 0.35);
            border-top-color: #ffffff;
        }

        .portal-submit.is-loading .portal-spinner {
            display: inline-block;
        }

        .portal-submit.is-loading span:first-child {
            opacity: 0.6;
        }

        .portal-status {
            margin: 6px 0 0 0;
            font-size: 0.8rem;
            color: var(--page-text-dim);
        }

        .portal-restricted {
            margin: 6px 0 0 0;
            font-size: 0.75rem;
            color: var(--page-text-dim);
        }

        .portal-error {
            margin: 8px 0 0 0;
            font-size: 0.85rem;
            color: var(--accent);
            text-align: left;
            line-height: 1.4;
            white-space: pre-line;
        }

        .portal-footer {
            margin-top: 18px;
            display: flex;
            flex-direction: column;
            gap: 4px;
            font-size: 0.65rem;
            color: var(--page-text-dim);
            text-align: left;
        }

        /* --- SECTIONS --- */
        .section-wrap {
            padding: 120px 50px;
            max-width: 1200px;
            margin: 0 auto;
            border-bottom: 1px solid var(--frame-border);
        }

        #mandate,
        #rubric,
        #engagement,
        #team {
            padding-top: var(--section-entry-offset);
        }

        #pipeline {
            padding-top: 24px;
            padding-bottom: 84px;
        }

        .header-group {
            display: flex;
            align-items: baseline;
            gap: 15px;
            margin-bottom: 40px;
        }

        .section-id {
            font-family: 'JetBrains Mono', monospace;
            color: var(--accent);
            font-size: 1.25rem;
            font-weight: 700;
        }

        .section-title {
            color: var(--page-text-main);
            font-size: 3.5rem;
            font-weight: 300;
            text-transform: uppercase;
            letter-spacing: -1px;
            margin: 0;
        }

        .instruction-box {
            background: var(--accent-soft);
            border-left: 4px solid var(--accent);
            padding: 30px;
            margin-bottom: 40px;
            text-align: left;
        }

        /* --- PIPELINE --- */
        .pipeline-title {
            margin: 0;
            color: var(--page-text-main);
            font-size: 1.1rem;
            font-weight: 700;
        }

        .pipeline-subtitle {
            margin: 10px 0 0 0;
            font-size: 0.95rem;
        }

        .pipeline-note {
            margin-bottom: 30px;
            padding: 20px;
            border-radius: 10px;
            border: 1px solid var(--frame-border);
            background: color-mix(in srgb, var(--accent) 6%, var(--card-bg));
        }

        .pipeline-note-title {
            margin: 0 0 12px 0;
            font-weight: 600;
            color: var(--page-text-main);
            font-size: 0.95rem;
        }

        .pipeline-note-phrases {
            margin: 0;
            padding: 0;
            list-style: none;
            display: grid;
            gap: 8px;
            font-size: 0.88rem;
            line-height: 1.4;
            color: var(--page-text-dim);
        }

        .pipeline-note-phrases strong {
            color: var(--page-text-main);
        }

        .pipeline-map .pipeline-note {
            order: 4;
            margin: 8px 0 0;
        }

        .pipeline-option {
            margin: 26px 0 34px;
        }

        .pipeline-option-label {
            font-family: 'JetBrains Mono', monospace;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-size: 0.7rem;
            color: var(--page-text-dim);
            margin: 0 0 12px 0;
        }

        /* Option 6: Map */
        .pipeline-map {
            display: grid;
            gap: 8px;
            --map-guide-pulse-ms: 2s;
        }

        .pipeline-map--raised {
            transform: translateY(-6px);
        }

        .pipeline-map-label {
            margin: 0;
            font-size: 0.7rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: var(--page-text-dim);
        }

        .map-controls-empty {
            font-size: 0.7rem;
            color: var(--page-text-dim);
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .pipeline-map-controls {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .pipeline-map.is-preload-locked .pipeline-map-controls[data-map-controls="md"] .map-control[data-map-target],
        .pipeline-map.is-preload-locked .pipeline-map-inline-controls-desktop .map-control--desktop,
        .pipeline-map.is-preload-locked .pipeline-map-tab-panel {
            opacity: 0.48;
            filter: saturate(0.65);
            pointer-events: none;
        }

        .pipeline-map.is-desktop-preload-locked .pipeline-map-controls[data-map-controls="md"] .map-control[data-map-target],
        .pipeline-map.is-desktop-preload-locked .pipeline-map-inline-controls-desktop .map-control--desktop {
            opacity: 0.48;
            filter: saturate(0.65);
            pointer-events: none;
        }

        .pipeline-map-controls[data-map-controls="md"] {
            display: none;
            grid-template-columns: 196px minmax(0, 1fr);
            grid-auto-rows: 42px;
            gap: 8px 12px;
            align-items: stretch;
        }

        .pipeline-map-controls[data-map-controls="md"] .map-control[data-map-target] {
            width: 196px;
            height: 42px;
            min-height: 42px;
            max-height: 42px;
            box-sizing: border-box;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 8px 10px;
        }

        .pipeline-map-inline-controls-desktop {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
            margin: 0 0 4px;
        }

        .pipeline-map-inline-controls-desktop:empty {
            display: none;
        }

        .pipeline-map-inline-controls-desktop .map-control--desktop {
            min-height: 36px;
            padding: 7px 12px;
            font-size: 0.66rem;
            letter-spacing: 0.86px;
        }

        .pipeline-map-title-shell {
            margin: 2px 0 2px;
            order: 0;
        }

        .pipeline-map-title-box {
            --map-title-box-bg: #233247;
            display: block;
            margin: 0 0 1px;
            padding: 8px 10px;
            border: 2px solid color-mix(in srgb, var(--frame-border) 55%, transparent);
            background-color: var(--map-title-box-bg) !important;
            background-image: none;
            color: var(--accent);
            font-size: 0.86rem;
            font-weight: 600;
            letter-spacing: 1px;
            line-height: 1.35;
            text-transform: uppercase;
            min-height: 38px;
            box-sizing: border-box;
            width: 100%;
            text-align: center;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: border-color 0.24s ease, color 0.24s ease, background 0.24s ease;
            animation: none;
        }

        [data-theme="light"] .pipeline-map-title-box {
            --map-title-box-bg: #233247;
            border: 2px solid color-mix(in srgb, var(--frame-border) 55%, transparent);
            background-color: var(--map-title-box-bg) !important;
            background-image: none;
        }

        .pipeline-map-title-box.is-title-mode {
            border: 2px solid color-mix(in srgb, var(--frame-border) 55%, transparent);
            background-color: var(--map-title-box-bg) !important;
            background-image: none;
            color: var(--accent);
            font-size: 0.9rem;
            font-weight: 700;
            letter-spacing: 1.25px;
            animation: none;
        }

        [data-theme="light"] .pipeline-map-title-box.is-title-mode {
            border: 2px solid color-mix(in srgb, var(--frame-border) 55%, transparent);
            background-color: var(--map-title-box-bg) !important;
            background-image: none;
        }

        .pipeline-map-title-box.map-frame-category-flash-active {
            animation: mapTitleFrameFlash 10s cubic-bezier(0.2, 0.62, 0.22, 1);
        }

        .pipeline-map-title-main {
            opacity: 1;
            color: var(--accent);
            text-shadow: none;
            transition: text-shadow 0.24s ease, color 0.24s ease;
        }

        .pipeline-map-title-break-mobile {
            display: none;
        }

        .pipeline-map-title-box.is-title-mode .pipeline-map-title-main {
            opacity: 1;
        }

        .pipeline-map-title-box.map-frame-category-flash-active .pipeline-map-title-main {
            animation: mapTitleTextFlash 10s cubic-bezier(0.2, 0.62, 0.22, 1) 1;
        }

        .pipeline-map-helper-overlay {
            position: absolute;
            top: 8px;
            left: 10px;
            right: 10px;
            z-index: 6;
            margin: 0;
            pointer-events: none;
            color: color-mix(in srgb, var(--page-text-main) 78%, var(--accent));
            font-size: 0.74rem;
            font-style: normal;
            font-weight: 650;
            line-height: 1.3;
            text-align: left;
            padding: 7px 10px;
            border: 1px solid color-mix(in srgb, var(--frame-border) 78%, transparent);
            background: color-mix(in srgb, #000000 62%, var(--card-bg));
            animation: mapTitleHelperPulse var(--map-guide-pulse-ms, 2s) ease-in-out infinite;
            opacity: 0.9;
            transition: opacity 0.24s ease;
        }

        .pipeline-map-helper-overlay.is-dismissed {
            opacity: 0;
            animation: none;
        }

        .pipeline-map-helper-overlay.is-hidden {
            opacity: 0;
            animation: none;
        }

        @media (min-width: 769px) {
            .pipeline-map-title-box {
                justify-content: flex-start;
                text-align: left;
            }

            .pipeline-map-helper-overlay {
                font-size: 0.82rem;
                line-height: 1.35;
            }
        }

        @media (max-width: 768px) {
            .pipeline-map-title-main {
                white-space: normal;
            }

            .pipeline-map-title-break-mobile {
                display: block;
            }

            .pipeline-map-helper-overlay {
                top: auto;
                bottom: 8px;
            }
        }

        .map-controls-helper {
            margin: -4px 0 0;
            font-size: 0.64rem;
            line-height: 1.4;
            color: var(--page-text-dim);
            opacity: 0.9;
            min-height: calc(0.64rem * 1.4);
            transition: opacity 0.24s ease, visibility 0s linear 0.24s;
        }

        .map-controls-helper.is-empty {
            color: color-mix(in srgb, var(--accent) 62%, var(--page-text-dim));
            opacity: 1;
        }

        .map-controls-helper.is-dismissed {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
        }

        .map-controls-helper {
            display: none;
        }

        .pipeline-map-frame .map-category-popup-layer {
            position: absolute;
            inset: 0;
            pointer-events: none;
            z-index: 4;
            overflow: hidden;
            display: none;
        }

        .pipeline-map-frame .map-category-popup {
            --map-popup-color: var(--map-accent);
            position: absolute;
            margin: 0;
            padding: 6px 8px;
            border: 1px solid color-mix(in srgb, var(--map-popup-color) 55%, transparent);
            border-radius: 4px;
            background: color-mix(in srgb, var(--card-bg) 90%, var(--map-popup-color) 10%);
            color: color-mix(in srgb, var(--page-text-main) 84%, var(--map-popup-color));
            font-size: 0.8rem;
            line-height: 1.35;
            letter-spacing: 0.22px;
            box-shadow: 0 6px 14px color-mix(in srgb, #000 38%, transparent);
            transform: translate(-50%, -100%);
            transform-origin: center bottom;
            opacity: 0;
            visibility: hidden;
            transition: opacity 1.1s cubic-bezier(0.2, 0.62, 0.22, 1), transform 1.1s cubic-bezier(0.2, 0.62, 0.22, 1), visibility 0s linear 1.1s;
            display: none;
        }

        .pipeline-map-frame .map-category-popup.is-active {
            opacity: 0.98;
            visibility: visible;
            transform: translate(-50%, -106%);
            transition-delay: 0s;
        }

        .map-category-description {
            --map-description-color: var(--page-text-main);
            margin: 0;
            height: 42px;
            min-height: 42px;
            max-height: 42px;
            box-sizing: border-box;
            padding: 6px 0;
            border-left: 1px solid color-mix(in srgb, var(--map-description-color) 20%, transparent);
            background: color-mix(in srgb, var(--map-description-color) 4%, transparent);
            opacity: 0.5;
            display: flex;
            align-items: center;
            justify-self: start;
            width: 100%;
            max-width: 0;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            color: transparent;
            transition: max-width 1.1s cubic-bezier(0.2, 0.62, 0.22, 1), padding 1.1s cubic-bezier(0.2, 0.62, 0.22, 1), opacity 1.1s cubic-bezier(0.2, 0.62, 0.22, 1), border-color 1.1s cubic-bezier(0.2, 0.62, 0.22, 1), background 1.1s cubic-bezier(0.2, 0.62, 0.22, 1), color 1.1s cubic-bezier(0.2, 0.62, 0.22, 1);
        }

        .map-category-description.is-active {
            opacity: 0.98;
            max-width: 100%;
            padding: 6px 10px;
            border-left-color: color-mix(in srgb, var(--map-description-color) 72%, transparent);
            background: color-mix(in srgb, var(--map-description-color) 10%, transparent);
        }

        .map-category-description {
            font-size: 0.8rem;
            line-height: 1.4;
            color: var(--page-text-dim);
        }

        .map-category-description:not(.is-active) {
            color: transparent;
        }

        .map-category-description.is-active {
            color: color-mix(in srgb, var(--page-text-main) 84%, var(--map-description-color));
        }

        .map-controls-divider {
            width: 1px;
            align-self: stretch;
            background: color-mix(in srgb, var(--frame-border) 65%, transparent);
            margin: 0 2px;
        }

        .map-tuning-strip {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            gap: 8px 10px;
            align-items: center;
            margin-top: 2px;
            padding-top: 8px;
            border-top: 1px dashed color-mix(in srgb, var(--frame-border) 70%, transparent);
            display: none !important;
        }

        .map-tuning-group {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            gap: 8px 10px;
            align-items: center;
        }

        .map-tuning-group.is-hidden {
            display: none;
        }

        .map-tuning-field {
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }

        .map-tuning-field--reset {
            margin-left: auto;
        }

        .map-tuning-label {
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.6rem;
            text-transform: uppercase;
            letter-spacing: 0.6px;
            color: var(--page-text-dim);
            white-space: nowrap;
        }

        .map-tuning-label--group {
            width: 100%;
            margin-top: 2px;
            opacity: 0.9;
        }

        .map-tuning-help {
            width: 100%;
            margin: 0;
            font-size: 0.64rem;
            line-height: 1.4;
            color: var(--page-text-dim);
            opacity: 0.9;
        }

        .map-effects-readout {
            width: 100%;
            display: grid;
            gap: 4px;
            margin: 0;
            padding: 8px 10px;
            border: 1px dashed color-mix(in srgb, var(--frame-border) 72%, transparent);
            background: color-mix(in srgb, var(--card-bg) 84%, transparent);
        }

        .map-effect-line {
            margin: 0;
            font-size: 0.62rem;
            line-height: 1.35;
            color: var(--page-text-dim);
            opacity: 0.92;
        }

        .map-effect-line--low {
            color: color-mix(in srgb, #34d399 66%, var(--page-text-main));
        }

        .map-effect-line--medium {
            color: color-mix(in srgb, #fbbf24 72%, var(--page-text-main));
        }

        .map-effect-line--high {
            color: color-mix(in srgb, #f87171 74%, var(--page-text-main));
        }

        .map-glow-cost {
            width: 100%;
            margin: 0;
            font-size: 0.62rem;
            line-height: 1.35;
            color: var(--page-text-dim);
            opacity: 0.9;
        }

        .map-glow-cost--low {
            color: color-mix(in srgb, #34d399 68%, var(--page-text-main));
        }

        .map-glow-cost--medium {
            color: color-mix(in srgb, #fbbf24 72%, var(--page-text-main));
        }

        .map-glow-cost--high {
            color: color-mix(in srgb, #f87171 76%, var(--page-text-main));
        }

        .map-tuning-help.is-hidden {
            display: none;
        }

        .map-tuning-input {
            width: 64px;
            min-height: 28px;
            padding: 3px 6px;
            border: 1px solid var(--frame-border);
            background: transparent;
            color: var(--page-text-main);
            font-size: 0.72rem;
            font-family: 'JetBrains Mono', monospace;
        }

        .map-tuning-input:focus-visible {
            outline: 2px solid var(--accent);
            outline-offset: 1px;
            border-color: var(--accent);
        }

        .map-control {
            --map-control-color: var(--map-accent);
            background: transparent;
            border: 1px solid color-mix(in srgb, var(--map-control-color) 25%, var(--frame-border));
            color: var(--page-text-main);
            font-size: 0.7rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            padding: 8px 12px;
            cursor: pointer;
            transition: border-color 0.2s ease, color 0.2s ease, opacity 0.2s ease, background 0.2s ease;
            opacity: 0.75;
            position: relative;
        }

        .map-control-phase-prefix {
            font-weight: 700;
            letter-spacing: 1px;
        }

        .map-control-phase-num {
            font-size: 1.12em;
            font-weight: 800;
        }

        .map-control-phase-word {
            font-size: 1em;
            font-weight: 700;
        }

        .map-control-phase-suffix {
            font-weight: 500;
            opacity: 0.92;
            margin-left: 0.5em;
            display: inline-block;
        }

        .map-control.is-active {
            border-color: var(--map-control-color);
            color: var(--map-control-color);
            background: color-mix(in srgb, var(--map-control-color) 10%, transparent);
            opacity: 1;
        }

        .map-control--guided {
            border-color: color-mix(in srgb, var(--map-control-color) 20%, var(--frame-border));
            opacity: 1;
            animation: mapControlGuidePulse var(--map-guide-pulse-ms, 2s) ease-in-out infinite;
        }

        .map-control--layer-preview {
            --map-control-color: var(--page-text-dim);
            opacity: 0.85;
        }

        .map-control--layer-preview.is-active {
            --map-control-color: var(--accent);
            background: color-mix(in srgb, var(--accent) 14%, transparent);
        }

        .map-control--pointer-mode {
            --map-control-color: color-mix(in srgb, var(--accent) 72%, var(--page-text-main));
            opacity: 0.88;
        }

        .map-flash-presets {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
        }

        .map-flash-presets--duration {
            margin-top: 2px;
        }

        .map-flash-presets--visual {
            margin-top: 2px;
        }

        .map-control--flash-preset {
            --map-control-color: color-mix(in srgb, var(--page-text-main) 52%, var(--accent));
            font-size: 0.62rem;
            letter-spacing: 0.7px;
            opacity: 0.86;
            min-height: 30px;
            padding: 7px 10px;
        }

        .map-control--flash-visual {
            --map-control-color: color-mix(in srgb, var(--accent) 66%, var(--page-text-main));
            font-size: 0.62rem;
            letter-spacing: 0.7px;
            opacity: 0.86;
            min-height: 30px;
            padding: 7px 10px;
        }

        .map-control--flash-duration {
            --map-control-color: color-mix(in srgb, var(--accent) 58%, var(--page-text-main));
            font-size: 0.6rem;
            letter-spacing: 0.6px;
            opacity: 0.84;
            min-height: 29px;
            padding: 6px 9px;
        }

        .map-control--tuning-reset {
            --map-control-color: var(--page-text-dim);
            font-size: 0.64rem;
            letter-spacing: 0.8px;
            opacity: 0.9;
            min-height: 30px;
        }

        .map-control--tuning-reset:hover {
            --map-control-color: var(--accent);
            color: var(--accent);
            border-color: var(--accent);
            background: color-mix(in srgb, var(--accent) 10%, transparent);
        }

        .map-control.is-active::after {
            content: "";
            position: absolute;
            inset: -2px;
            border: 1px solid color-mix(in srgb, var(--map-control-color) 55%, transparent);
            border-radius: 2px;
            opacity: 0;
            transform: scale(1);
            pointer-events: none;
            animation: mapControlPulse 4.8s cubic-bezier(0.2, 0.58, 0.22, 1) infinite;
        }

        .pipeline-map-frame {
            --map-pointer-size: 42px;
            --map-pointer-x: -999px;
            --map-pointer-y: -999px;
            --map-pointer-active-opacity: 1;
            --map-pointer-falloff-px: 0.5px;
            --map-frame-category-flash-color: var(--accent);
            --map-accent: var(--accent);
            --map-frame-gap-size: 8px;
            border: 0.5px solid color-mix(in srgb, var(--frame-border) 55%, transparent);
            background: rgba(11, 18, 32, 0.6);
            padding: 0;
            aspect-ratio: 181 / 89;
            position: relative;
            overflow: hidden;
            isolation: isolate;
        }

        .map-initializing-overlay {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 10;
            background: rgba(11, 18, 32, 0.8);
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.75rem;
            color: var(--accent);
            text-transform: uppercase;
            letter-spacing: 0.15em;
            pointer-events: none;
            opacity: 1;
            transition: opacity 0.5s ease;
        }

        .map-initializing-overlay::after {
            content: "";
            width: 12px;
            height: 12px;
            border: 1px solid var(--accent);
            border-top-color: transparent;
            border-radius: 50%;
            margin-left: 12px;
            animation: mapInitSpinner 0.8s linear infinite;
        }

        @keyframes mapInitSpinner {
            to {
                transform: rotate(360deg);
            }
        }

        .map-initializing-overlay.is-hidden {
            opacity: 0;
        }

        [data-theme="light"] .pipeline-map-frame {
            border: 0;
            background: #e7edf5;
        }

        .pipeline-map-frame .map-frame-gap-flash-layer {
            position: absolute;
            inset: 0;
            pointer-events: none;
            z-index: 1;
            border-style: solid;
            border-width: var(--map-frame-gap-size);
            border-color: transparent;
            opacity: 0;
        }

        .pipeline-map-frame::before {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            border: 1px solid transparent;
            box-shadow: 0 0 0 0 transparent;
            opacity: 0;
            z-index: 3;
        }

        .pipeline-map-frame.map-frame-category-flash-active::before {
            animation: mapFrameCategoryFlash 10s cubic-bezier(0.2, 0.62, 0.22, 1);
        }

        .pipeline-map-frame.map-frame-category-flash-active .map-frame-gap-flash-layer {
            animation: mapFrameCategoryGapFlash 10s cubic-bezier(0.2, 0.62, 0.22, 1);
        }

        .pipeline-map-frame::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: var(--map-pointer-size);
            height: var(--map-pointer-size);
            border-radius: 50%;
            pointer-events: none;
            background: radial-gradient(circle, rgba(255, 255, 255, 1) calc(100% - var(--map-pointer-falloff-px)), rgba(255, 255, 255, 0) 100%);
            transform: translate3d(var(--map-pointer-x), var(--map-pointer-y), 0) translate(-50%, -50%);
            opacity: 0;
            transition: opacity 0.18s ease;
            will-change: transform, opacity;
            mix-blend-mode: difference;
            z-index: 3;
        }

        .pipeline-map-frame .map-pointer-trail-layer {
            position: absolute;
            inset: 0;
            pointer-events: none;
            z-index: 2;
        }

        .pipeline-map-frame .map-pointer-print {
            position: absolute;
            top: 0;
            left: 0;
            width: var(--map-pointer-size);
            height: var(--map-pointer-size);
            border-radius: 50%;
            pointer-events: none;
            background: radial-gradient(circle, rgba(255, 255, 255, 0.74) 14%, rgba(255, 255, 255, 0.36) 52%, rgba(255, 255, 255, 0.12) 74%, rgba(255, 255, 255, 0) 100%);
            transform: translate3d(-999px, -999px, 0) translate(-50%, -50%);
            opacity: 0;
            will-change: transform, opacity;
            mix-blend-mode: difference;
            filter: blur(0.55px);
        }

        [data-theme="light"] .pipeline-map-frame .map-pointer-print {
            filter: blur(0.45px);
        }

        .pipeline-map-frame.has-pointer-glow::after {
            opacity: var(--map-pointer-active-opacity);
        }

        .pipeline-map-frame.map-pointer-mode-flash::after {
            opacity: 0 !important;
        }

        .pipeline-map-frame.map-pointer-mode-flash .map-pointer-trail-layer {
            display: none;
        }

        .pipeline-map-frame.map-layer-preview-active::after {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 0;
            transform: none;
            background: #ffffff;
            opacity: var(--map-layer-preview-opacity, 1);
        }

        .pipeline-map-frame.map-layer-preview-active .map-pointer-trail-layer {
            display: none;
        }

        .pipeline-map-frame svg {
            width: 100%;
            height: auto;
            display: block;
            position: relative;
            z-index: 2;
        }

        .pipeline-map-frame .map-marker.is-mobile-selected circle,
        .pipeline-map-frame .map-marker.is-mobile-selected rect {
            stroke: color-mix(in srgb, #ffffff 80%, var(--map-marker-target-fill, var(--accent)));
            stroke-width: 0.7;
            filter: drop-shadow(0 0 8px color-mix(in srgb, var(--map-marker-target-fill, var(--accent)) 72%, transparent));
        }

        .pipeline-map-frame .map-marker-pulse-ring {
            fill: none;
            stroke: color-mix(in srgb, #ffffff 74%, var(--map-marker-target-fill, var(--accent)));
            stroke-width: 0;
            opacity: 0;
            pointer-events: none;
        }

        .pipeline-map-frame .map-marker.is-desktop-selected circle,
        .pipeline-map-frame .map-marker.is-desktop-selected rect {
            stroke: color-mix(in srgb, #ffffff 78%, var(--map-marker-target-fill, var(--accent)));
            stroke-width: 0.52;
            filter: drop-shadow(0 0 10px color-mix(in srgb, var(--map-marker-target-fill, var(--accent)) 76%, transparent));
        }

        .pipeline-map-frame .map-marker.is-desktop-hovered circle,
        .pipeline-map-frame .map-marker.is-desktop-hovered rect {
            stroke: color-mix(in srgb, #ffffff 86%, var(--map-marker-target-fill, var(--accent)));
            stroke-width: 1.05;
            filter: drop-shadow(0 0 18px color-mix(in srgb, var(--map-marker-target-fill, var(--accent)) 96%, transparent));
            transform-box: fill-box;
            transform-origin: center;
            transform: scale(1.5);
            animation: pipelineMarkerHoverPulse 0.68s steps(2, end) infinite;
        }

        .pipeline-map-frame .map-marker.is-desktop-hovered .map-marker-pulse-ring {
            stroke-width: 1.25;
            opacity: 1;
            animation: pipelineMarkerHoverRing 0.95s ease-out infinite;
        }

        @keyframes pipelineMarkerHoverPulse {
            0%, 100% {
                opacity: 1;
                transform: scale(1.18);
            }

            50% {
                opacity: 0.2;
                transform: scale(1.82);
            }
        }

        @keyframes pipelineMarkerHoverRing {
            0% {
                opacity: 0.95;
                transform-box: fill-box;
                transform-origin: center;
                transform: scale(0.7);
            }

            100% {
                opacity: 0;
                transform-box: fill-box;
                transform-origin: center;
                transform: scale(1.7);
            }
        }

        @media (hover: hover) and (pointer: fine) {
            .pipeline-map-frame .map-overlay[class*="--desktop"] .map-marker {
                cursor: pointer;
            }

            .pipeline-map-frame .map-overlay[class*="--desktop"] .map-marker:hover circle,
            .pipeline-map-frame .map-overlay[class*="--desktop"] .map-marker:hover rect {
                stroke: color-mix(in srgb, #ffffff 82%, var(--map-marker-target-fill, var(--accent)));
                stroke-width: 0.62;
                filter: drop-shadow(0 0 12px color-mix(in srgb, var(--map-marker-target-fill, var(--accent)) 82%, transparent));
                transform-box: fill-box;
                transform-origin: center;
                transform: scale(1.28);
            }
        }

        .pipeline-map-desktop-selection-layer {
            position: absolute;
            inset: 0;
            z-index: 7;
            pointer-events: none;
            display: none;
        }

        .pipeline-map-desktop-selection-layer.is-active {
            display: block;
        }

        .pipeline-map-desktop-selection-layer.is-dragging {
            display: block;
        }

        .pipeline-map-desktop-selection-box {
            position: absolute;
            border: 1px solid color-mix(in srgb, var(--accent) 65%, #ffffff);
            background: color-mix(in srgb, var(--accent) 12%, transparent);
            box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 14%, transparent);
        }

        .pipeline-map-desktop-selection-card {
            position: absolute;
            width: min(260px, calc(100% - 24px));
            border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--frame-border));
            background: color-mix(in srgb, var(--card-bg) 96%, #020611);
            box-shadow: 0 18px 38px rgba(0, 0, 0, 0.34);
            pointer-events: auto;
            display: none;
        }

        .pipeline-map-desktop-selection-layer.is-active:not(.is-dragging) .pipeline-map-desktop-selection-card {
            display: block;
        }

        .pipeline-map-desktop-selection-card-inner {
            display: grid;
            gap: 9px;
            padding: 12px 13px;
        }

        .pipeline-map-desktop-selection-title,
        .pipeline-map-desktop-selection-item {
            margin: 0;
        }

        .pipeline-map-desktop-selection-title {
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.72rem;
            letter-spacing: 0.09em;
            text-transform: uppercase;
            color: var(--accent);
        }

        .pipeline-map-desktop-selection-group {
            display: grid;
            gap: 6px;
            padding-top: 8px;
            border-top: 1px solid color-mix(in srgb, var(--pipeline-selection-group-color, var(--accent)) 24%, var(--frame-border));
        }

        .pipeline-map-desktop-selection-group:first-of-type {
            padding-top: 0;
            border-top: 0;
        }

        .pipeline-map-desktop-selection-group-title {
            margin: 0;
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.68rem;
            letter-spacing: 0.09em;
            text-transform: uppercase;
            color: var(--pipeline-selection-group-color, var(--accent));
        }

        .pipeline-map-desktop-selection-list {
            display: grid;
            gap: 5px;
            max-height: 180px;
            overflow: auto;
        }

        .pipeline-map-desktop-selection-item {
            font-size: 0.8rem;
            line-height: 1.4;
            color: var(--page-text-main);
        }

        .pipeline-map-desktop-selection-item:hover {
            color: color-mix(in srgb, var(--accent) 74%, #ffffff);
            cursor: pointer;
        }

        .pipeline-map-mobile-layer {
            position: absolute;
            inset: 0;
            z-index: 8;
            pointer-events: none;
            display: none;
        }

        .pipeline-map-mobile-layer.is-active {
            display: block;
        }

        .pipeline-map-mobile-square {
            position: absolute;
            border: 1px solid color-mix(in srgb, var(--accent) 72%, #ffffff);
            background: color-mix(in srgb, var(--accent) 10%, transparent);
            box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 14%, transparent);
            border-radius: 999px;
        }

        .pipeline-map-mobile-output {
            position: absolute;
            display: none;
            padding: 8px 9px;
            border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--frame-border));
            background: color-mix(in srgb, var(--card-bg) 94%, #020611);
            font-size: 0.68rem;
            line-height: 1.3;
            color: var(--page-text-main);
            white-space: pre-line;
            overflow: auto;
        }

        .pipeline-map-mobile-output.is-active {
            display: block;
        }

        .pipeline-map-mobile-output.is-multi-column {
            column-count: 2;
            column-gap: 12px;
            white-space: pre;
        }

        .pipeline-map-mobile-reset {
            position: absolute;
            right: 8px;
            bottom: 8px;
            display: none;
            border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--frame-border));
            background: color-mix(in srgb, var(--card-bg) 94%, #020611);
            color: var(--page-text-main);
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.64rem;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            padding: 6px 8px;
            pointer-events: auto;
        }

        .pipeline-map-mobile-reset.is-visible {
            display: block;
        }

        .map-ocean {
            fill: var(--map-ocean-fill);
        }

        .map-dot {
            fill: var(--map-dot-water);
            opacity: 0.95;
        }

        .map-dot.is-land {
            fill: var(--map-dot-land);
        }

        .map-dot.map-dot--override {
            opacity: 1;
        }

        .map-dot.map-dot--deferred-load {
            transition: fill 0.28s cubic-bezier(0.2, 0.62, 0.22, 1);
        }

        .map-dot.map-dot--texas-entry {
            animation: mapTexasOverrideEntry 0.44s cubic-bezier(0.2, 0.62, 0.22, 1) both;
        }

        .map-dot.map-dot--blink-slow {
            animation: mapDotPulseSlow 2.8s infinite;
            animation-delay: var(--map-dot-blink-delay, 0s);
        }

        .map-dot.map-dot--blink-rapid {
            animation: mapDotPulseRapid 1.2s infinite;
            animation-delay: var(--map-dot-blink-delay, 0s);
        }

        .map-dot.map-dot--blink-fade {
            animation: mapDotPulseFade 3.4s infinite;
            animation-delay: var(--map-dot-blink-delay, 0s);
        }

        .map-dot.map-dot--blink-glow {
            animation: mapDotPulseGlow 3.4s infinite;
            animation-delay: var(--map-dot-blink-delay, 0s);
        }

        .map-dot.map-dot--blink-blend {
            animation: mapDotPulseBlend 3.4s infinite;
            animation-delay: var(--map-dot-blink-delay, 0s);
        }

        .map-dot.map-dot--hover-flash {
            animation: mapDotHoverFlash 0.24s cubic-bezier(0.2, 0.62, 0.3, 1);
        }

        .map-column-glow-layer {
            pointer-events: none;
            mix-blend-mode: screen;
        }

        .map-column-glow {
            pointer-events: none;
            shape-rendering: geometricPrecision;
        }

        .map-column-glow--line {
            fill: color-mix(in srgb, #ffffff 38%, var(--accent));
        }

        [data-theme="light"] .map-column-glow-layer {
            mix-blend-mode: multiply;
        }

        [data-theme="light"] .map-column-glow--line {
            fill: color-mix(in srgb, var(--accent) 42%, #0b1220);
        }

        .map-overlay {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            will-change: opacity;
            transition: opacity 1.1s cubic-bezier(0.2, 0.62, 0.22, 1), visibility 0s linear 1.1s;
        }

        .map-overlay.is-active {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            transition-delay: 0s, 0s;
        }

        .map-overlay circle {
            fill: var(--map-accent);
        }

        .map-overlay text {
            fill: var(--page-text-main);
            font-size: 5px;
            font-family: 'JetBrains Mono', monospace;
            text-transform: uppercase;
            letter-spacing: 0.45px;
        }

        .pipeline-map-frame svg.map--compact .map-overlay text {
            font-size: 4.5px;
            letter-spacing: 0.3px;
        }

        .pipeline-map-frame svg.map--tiny .map-overlay text {
            display: none;
        }

        .map-overlay .map-marker circle,
        .map-overlay .map-marker rect {
            stroke: var(--map-marker-stroke);
            stroke-width: 0.42px;
            vector-effect: non-scaling-stroke;
            transform-box: fill-box;
            transform-origin: center;
            transition: transform 0.18s ease, opacity 0.18s ease;
        }

        .map-overlay.is-active .map-marker circle,
        .map-overlay.is-active .map-marker rect {
            animation: mapMarkerEntryFlash 0.64s cubic-bezier(0.2, 0.62, 0.22, 1) both;
        }

        @media (hover: hover) and (pointer: fine) {
            .map-overlay .map-marker text {
                opacity: 0;
                pointer-events: none;
                transform: translateY(0.8px);
                transition: opacity 0.16s ease, transform 0.16s ease;
            }

            .map-overlay .map-marker:hover text {
                opacity: 1;
                transform: translateY(0);
            }

            .map-overlay .map-marker:hover circle,
            .map-overlay .map-marker:hover rect {
                transform: translateY(-0.3px) scale(1.08);
                opacity: 1;
            }
        }

        @keyframes mapDotPulseSlow {

            0%,
            100% {
                opacity: 0.15;
                filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0));
            }

            50% {
                opacity: 1;
                filter: drop-shadow(0 0 1.8px rgba(255, 255, 255, 0.9));
            }
        }

        @keyframes mapDotPulseRapid {

            0%,
            100% {
                opacity: 0.1;
                filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0));
            }

            50% {
                opacity: 1;
                filter: drop-shadow(0 0 2.2px rgba(255, 255, 255, 0.95));
            }
        }

        @keyframes mapDotPulseFade {
            0% {
                opacity: 0.08;
                filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0));
            }

            35% {
                opacity: 0.95;
                filter: drop-shadow(0 0 1.5px rgba(255, 255, 255, 0.75));
            }

            70% {
                opacity: 0.35;
                filter: drop-shadow(0 0 0.8px rgba(255, 255, 255, 0.45));
            }

            100% {
                opacity: 0.1;
                filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0));
            }
        }

        @keyframes mapDotPulseGlow {
            0% {
                opacity: 0.08;
                fill: var(--map-dot-glow-from, var(--map-dot-base-fill));
                filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0));
            }

            35% {
                opacity: 0.95;
                fill: var(--map-dot-glow-to, var(--map-dot-glow-from, var(--map-dot-base-fill)));
                filter: drop-shadow(0 0 1.5px rgba(255, 255, 255, 0.75));
            }

            70% {
                opacity: 0.35;
                fill: var(--map-dot-glow-to, var(--map-dot-glow-from, var(--map-dot-base-fill)));
                filter: drop-shadow(0 0 0.8px rgba(255, 255, 255, 0.45));
            }

            100% {
                opacity: 0.1;
                fill: var(--map-dot-glow-from, var(--map-dot-base-fill));
                filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0));
            }
        }

        @keyframes mapDotPulseBlend {
            0% {
                opacity: 1;
                fill: var(--map-dot-glow-from, var(--map-dot-base-fill));
                filter: none;
            }

            50% {
                opacity: 1;
                fill: var(--map-dot-glow-to, var(--map-dot-glow-from, var(--map-dot-base-fill)));
                filter: none;
            }

            100% {
                opacity: 1;
                fill: var(--map-dot-glow-from, var(--map-dot-base-fill));
                filter: none;
            }
        }

        @keyframes mapDotHoverFlash {
            0% {
                fill: var(--map-dot-hover-flash-runtime-to, var(--map-dot-hover-flash-to, var(--map-dot-hover-flash-runtime-mid, var(--map-dot-hover-flash-mid, var(--map-dot-hover-flash-runtime-from, var(--map-dot-hover-flash-from, var(--map-dot-base-fill)))))));
                filter: var(--map-dot-hover-flash-runtime-filter-start, invert(1) brightness(1.2) saturate(1.15));
            }

            45% {
                fill: var(--map-dot-hover-flash-runtime-mid, var(--map-dot-hover-flash-mid, var(--map-dot-hover-flash-runtime-from, var(--map-dot-hover-flash-from, var(--map-dot-base-fill)))));
                filter: var(--map-dot-hover-flash-runtime-filter-mid, invert(0.35) brightness(1.06) saturate(1.06));
            }

            100% {
                fill: var(--map-dot-hover-flash-runtime-from, var(--map-dot-hover-flash-from, var(--map-dot-base-fill)));
                filter: var(--map-dot-hover-flash-runtime-filter-end, none);
            }
        }

        @keyframes mapTexasOverrideEntry {
            0% {
                fill: var(--map-texas-entry-flash, #b7f2ff);
                filter: drop-shadow(0 0 1.8px color-mix(in srgb, var(--map-texas-entry-flash, #b7f2ff) 62%, transparent));
            }

            56% {
                fill: var(--map-texas-entry-flash, #b7f2ff);
                filter: drop-shadow(0 0 1.2px color-mix(in srgb, var(--map-texas-entry-flash, #b7f2ff) 46%, transparent));
            }

            100% {
                fill: var(--map-texas-entry-target, var(--map-dot-base-fill));
                filter: none;
            }
        }

        @keyframes mapMarkerEntryFlash {
            0% {
                fill: #ffffff;
                filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.85));
            }

            100% {
                fill: var(--map-marker-target-fill, var(--map-accent));
                filter: none;
            }
        }

        @keyframes mapControlPulse {
            0% {
                opacity: 0.22;
                transform: scale(1);
            }

            68% {
                opacity: 0;
                transform: scale(1.045);
            }

            100% {
                opacity: 0;
                transform: scale(1.045);
            }
        }

        @keyframes mapControlGuidePulse {
            0% {
                border-color: color-mix(in srgb, var(--map-control-color) 56%, var(--frame-border));
                box-shadow: 0 0 0 1px color-mix(in srgb, var(--map-control-color) 32%, transparent), 0 0 9px color-mix(in srgb, var(--map-control-color) 16%, transparent);
                background: color-mix(in srgb, var(--map-control-color) 8%, transparent);
            }

            50% {
                border-color: color-mix(in srgb, var(--map-control-color) 20%, var(--frame-border));
                box-shadow: 0 0 0 0 color-mix(in srgb, var(--map-control-color) 0%, transparent);
                background: color-mix(in srgb, var(--map-control-color) 0%, transparent);
            }

            100% {
                border-color: color-mix(in srgb, var(--map-control-color) 56%, var(--frame-border));
                box-shadow: 0 0 0 1px color-mix(in srgb, var(--map-control-color) 32%, transparent), 0 0 9px color-mix(in srgb, var(--map-control-color) 16%, transparent);
                background: color-mix(in srgb, var(--map-control-color) 8%, transparent);
            }
        }

        @keyframes mapFrameCategoryFlash {
            0% {
                opacity: 0;
                border-color: transparent;
                box-shadow: 0 0 0 0 transparent;
            }

            10% {
                opacity: 0.78;
                border-color: color-mix(in srgb, var(--map-frame-category-flash-color) 52%, transparent);
                box-shadow: 0 0 0 1px color-mix(in srgb, var(--map-frame-category-flash-color) 26%, transparent), 0 0 8px color-mix(in srgb, var(--map-frame-category-flash-color) 18%, transparent);
            }

            100% {
                opacity: 0;
                border-color: transparent;
                box-shadow: 0 0 0 0 transparent;
            }
        }

        @keyframes mapTitleFrameFlash {
            0% {
                border-color: color-mix(in srgb, var(--frame-border) 55%, transparent);
                box-shadow: 0 0 0 0 transparent;
                background-color: var(--map-title-box-bg);
            }

            10% {
                border-color: color-mix(in srgb, var(--map-frame-category-flash-color) 52%, transparent);
                box-shadow: 0 0 0 2px color-mix(in srgb, var(--map-frame-category-flash-color) 30%, transparent), 0 0 12px color-mix(in srgb, var(--map-frame-category-flash-color) 20%, transparent);
                background-color: color-mix(in srgb, var(--map-title-box-bg) 84%, var(--map-frame-category-flash-color) 16%);
            }

            100% {
                border-color: color-mix(in srgb, var(--frame-border) 55%, transparent);
                box-shadow: 0 0 0 0 transparent;
                background-color: var(--map-title-box-bg);
            }
        }

        @keyframes mapTitleTextFlash {
            0% {
                color: var(--accent);
                text-shadow: 0 0 0 color-mix(in srgb, var(--map-frame-category-flash-color) 0%, transparent);
            }

            10% {
                color: color-mix(in srgb, var(--map-frame-category-flash-color) 70%, var(--accent));
                text-shadow: 0 0 8px color-mix(in srgb, var(--map-frame-category-flash-color) 52%, transparent);
            }

            100% {
                color: var(--accent);
                text-shadow: 0 0 0 color-mix(in srgb, var(--map-frame-category-flash-color) 0%, transparent);
            }
        }

        @keyframes mapFrameCategoryGapFlash {
            0% {
                opacity: 0;
                border-color: transparent;
            }

            10% {
                opacity: 0.72;
                border-color: color-mix(in srgb, var(--map-frame-category-flash-color) 18%, transparent);
            }

            100% {
                opacity: 0;
                border-color: transparent;
            }
        }

        .sync-track {
            width: 100%;
            height: 4px;
            background: var(--frame-border);
            border-radius: 2px;
            margin-top: 10px;
            position: relative;
        }

        .sync-progress {
            height: 100%;
            background: var(--accent);
            border-radius: 2px;
            position: relative;
            width: 0%;
            transition-property: width;
            transition-timing-function: linear;
        }

        .activity-node {
            position: absolute;
            right: -4px;
            top: -3px;
            height: 10px;
            width: 10px;
            background: var(--accent);
            border-radius: 50%;
            box-shadow: 0 0 10px var(--accent);
            animation: nodePulse 1.5s infinite;
        }

        .phase-label {
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.6rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            display: flex;
            justify-content: space-between;
            margin-bottom: 4px;
        }

        /* --- RUBRIC & GRID --- */
        .rubric-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 25px;
            margin-top: 40px;
        }

        .rubric-item {
            border: 1px solid var(--frame-border);
            background: var(--card-bg);
            padding: 20px;
            cursor: pointer;
            width: 100%;
            text-align: left;
            color: inherit;
            font: inherit;
            appearance: none;
            transition: border-color var(--motion-base) var(--motion-ease-standard), transform var(--motion-base) var(--motion-ease-standard), box-shadow var(--motion-base) var(--motion-ease-standard), background var(--motion-base) var(--motion-ease-standard);
        }

        .rubric-item:hover,
        .rubric-item:focus-visible,
        .rubric-item.is-active {
            border-color: var(--accent);
            transform: translateY(-3px);
            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.22);
            background: color-mix(in srgb, var(--accent) 6%, var(--card-bg));
        }

        .rubric-item-hint {
            margin: 12px 0 0;
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.62rem;
            letter-spacing: 1.1px;
            text-transform: uppercase;
            color: color-mix(in srgb, var(--accent) 84%, var(--page-text-main));
            opacity: 0.85;
        }

        .rubric-action-panel {
            margin-top: 22px;
            border: 1px solid var(--frame-border);
            background: color-mix(in srgb, var(--accent) 6%, var(--card-bg));
            padding: 20px 22px;
            display: grid;
            gap: 8px;
            transition: border-color var(--motion-base) var(--motion-ease-standard), background var(--motion-base) var(--motion-ease-standard);
        }

        .rubric-action-eyebrow {
            margin: 0;
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.62rem;
            letter-spacing: 1.2px;
            text-transform: uppercase;
            color: var(--page-text-dim);
        }

        .rubric-action-title {
            margin: 0;
            color: var(--page-text-main);
            font-size: 1.05rem;
        }

        .rubric-action-copy,
        .rubric-action-output {
            margin: 0;
            font-size: 0.86rem;
            line-height: 1.5;
            color: var(--page-text-main);
        }

        .rubric-action-output {
            color: color-mix(in srgb, var(--accent) 68%, var(--page-text-main));
        }

        .rubric-action-buttons {
            margin-top: 4px;
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            align-items: center;
        }

        .btn-cta--rubric {
            padding: 10px 20px;
            font-size: 0.68rem;
            letter-spacing: 1.1px;
        }

        .rubric-action-link {
            display: inline-flex;
            align-items: center;
            min-height: 44px;
            padding: 0 16px;
            border: 1px solid var(--frame-border);
            color: var(--page-text-main);
            text-decoration: none;
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.65rem;
            letter-spacing: 1px;
            text-transform: uppercase;
            transition: border-color var(--motion-base) var(--motion-ease-standard), color var(--motion-base) var(--motion-ease-standard), background var(--motion-base) var(--motion-ease-standard);
        }

        .rubric-action-link:hover {
            border-color: var(--accent);
            color: var(--accent);
            background: color-mix(in srgb, var(--accent) 7%, transparent);
        }

        .rubric-protocol {
            display: grid;
            gap: 12px;
        }

        .rubric-protocol-body {
            display: grid;
            grid-template-columns: minmax(0, 1fr);
            gap: 16px;
            align-items: start;
        }

        .rubric-protocol {
            --rubric-phase-count: 4;
            --rubric-active-index: 0;
            --rubric-top-marker-radius: 13px;
            --rubric-track-lead: 28px;
            --rubric-track-fill-lead: 0px;
            --rubric-dot-cadence: 1.18s;
        }

        .rubric-protocol[data-active-protocol-index="0"] {
            --rubric-active-index: 0;
            --rubric-track-fill-lead: 0px;
        }

        .rubric-protocol[data-active-protocol-index="1"] {
            --rubric-active-index: 1;
            --rubric-track-fill-lead: var(--rubric-track-lead);
        }

        .rubric-protocol[data-active-protocol-index="2"] {
            --rubric-active-index: 2;
            --rubric-track-fill-lead: var(--rubric-track-lead);
        }

        .rubric-protocol[data-active-protocol-index="3"] {
            --rubric-active-index: 3;
            --rubric-track-fill-lead: var(--rubric-track-lead);
        }

        .rubric-protocol[data-active-protocol-index="4"] {
            --rubric-active-index: 4;
            --rubric-track-fill-lead: var(--rubric-track-lead);
        }

        .rubric-protocol:not(.is-progress-primed) .rubric-protocol-track::after,
        .rubric-protocol:not(.is-progress-primed) .rubric-phase-rail__inner::after {
            transition: none;
        }

        .rubric-protocol-toggle {
            position: relative;
            display: grid;
            grid-template-columns: auto minmax(0, 1fr);
            align-items: center;
            gap: 2px;
            padding: 10px 10px 10px 6px;
            border: 1px solid color-mix(in srgb, var(--frame-border) 88%, transparent);
            background: color-mix(in srgb, var(--card-bg) 90%, transparent);
            overflow: visible;
            transition: border-color var(--motion-base) var(--motion-ease-standard),
                background var(--motion-base) var(--motion-ease-standard);
        }

        @media (min-width: 901px) {
            body[data-active-tab="rubric"] .rubric-protocol {
                position: relative;
                padding-top: 52px;
            }

            body[data-active-tab="rubric"] .rubric-protocol-toggle {
                position: fixed;
                top: calc(var(--nav-current-height, 95px) + 12px);
                left: max(50px, calc((100vw - 1200px) / 2 + 50px));
                right: max(50px, calc((100vw - 1200px) / 2 + 50px));
                z-index: 20;
            }
        }

        .rubric-protocol-toggle:hover {
            border-color: color-mix(in srgb, var(--accent) 40%, var(--frame-border));
            background: color-mix(in srgb, var(--accent) 2%, var(--card-bg));
        }

        .rubric-protocol-track {
            position: relative;
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            align-items: center;
            gap: 0;
            isolation: isolate;
            overflow: visible;
        }

        .rubric-protocol-track::before,
        .rubric-protocol-track::after {
            content: "";
            position: absolute;
            pointer-events: none;
            z-index: 0;
        }

        .rubric-protocol-track::before {
            left: calc(var(--rubric-track-lead) * -1);
            right: var(--rubric-top-marker-radius);
            top: calc(50% - 0.5px);
            height: 1px;
            background: linear-gradient(90deg,
                    color-mix(in srgb, var(--frame-border) 52%, transparent),
                    color-mix(in srgb, var(--frame-border) 88%, transparent),
                    color-mix(in srgb, var(--frame-border) 52%, transparent));
            opacity: 0.7;
        }

        .rubric-protocol-track::after {
            display: none;
        }

        .rubric-protocol-dot {
            --rubric-segment-progress: 0;
            --rubric-segment-length: 100%;
            --rubric-pulse-fill: radial-gradient(circle,
                    color-mix(in srgb, #9fe7ff 94%, #ffffff 6%) 0%,
                    color-mix(in srgb, #3bb8ff 78%, transparent) 56%,
                    transparent 100%);
            --rubric-pulse-stack: none;
            position: absolute;
            top: calc(50% - 0.5px);
            height: 1px;
            background: linear-gradient(90deg,
                    color-mix(in srgb, var(--accent) 68%, transparent),
                    color-mix(in srgb, var(--accent) 96%, #ffffff 8%),
                    color-mix(in srgb, var(--accent) 74%, transparent));
            box-shadow: 0 0 10px color-mix(in srgb, var(--accent) 34%, transparent);
            transform-origin: left center;
            transform: scaleX(var(--rubric-segment-progress));
            opacity: var(--rubric-segment-progress);
            transition: transform 0.42s ease, opacity 0.2s ease, box-shadow 0.24s ease;
            pointer-events: none;
            z-index: 0;
        }

        .rubric-protocol-dot__orb {
            position: absolute;
            left: 0;
            top: 50%;
            width: 9px;
            height: 9px;
            border-radius: 999px;
            background: var(--rubric-pulse-fill);
            box-shadow: var(--rubric-pulse-stack);
            filter: drop-shadow(0 0 14px color-mix(in srgb, #58c8ff 48%, transparent));
            transform: translate3d(0, -50%, 0) scale(0.3);
            opacity: 0;
            pointer-events: none;
            will-change: left, opacity, transform;
        }

        .rubric-protocol-dot--phase-1 {
            --rubric-segment-length: calc(((100% - var(--rubric-top-marker-radius)) / 4) + var(--rubric-track-lead));
            left: calc(var(--rubric-track-lead) * -1);
            width: var(--rubric-segment-length);
            box-shadow: 0 0 10px color-mix(in srgb, var(--accent) 30%, transparent);
        }

        .rubric-protocol-dot--phase-2 {
            --rubric-segment-length: calc((100% - var(--rubric-top-marker-radius)) / 4);
            left: calc((100% - var(--rubric-top-marker-radius)) / 4);
            width: var(--rubric-segment-length);
            box-shadow: 0 0 10px color-mix(in srgb, var(--accent) 32%, transparent);
        }

        .rubric-protocol-dot--phase-3 {
            --rubric-segment-length: calc((100% - var(--rubric-top-marker-radius)) / 4);
            left: calc((100% - var(--rubric-top-marker-radius)) / 2);
            width: var(--rubric-segment-length);
            box-shadow: 0 0 10px color-mix(in srgb, var(--accent) 28%, transparent);
        }

        .rubric-protocol-dot--phase-4 {
            --rubric-segment-length: calc((100% - var(--rubric-top-marker-radius)) / 4);
            left: calc(((100% - var(--rubric-top-marker-radius)) * 3) / 4);
            width: var(--rubric-segment-length);
            box-shadow: 0 0 10px color-mix(in srgb, var(--accent) 26%, transparent);
        }

        .rubric-protocol-dot--phase-4-extension {
            --rubric-segment-length: var(--rubric-phase-4-extension-length, 0px);
            left: calc(100% - var(--rubric-top-marker-radius));
            width: var(--rubric-segment-length);
        }

        .rubric-protocol[data-active-protocol-index="1"] .rubric-protocol-dot--phase-1,
        .rubric-protocol[data-active-protocol-index="2"] .rubric-protocol-dot--phase-1,
        .rubric-protocol[data-active-protocol-index="3"] .rubric-protocol-dot--phase-1,
        .rubric-protocol[data-active-protocol-index="4"] .rubric-protocol-dot--phase-1 {
            --rubric-segment-progress: 1;
        }

        .rubric-protocol[data-active-protocol-index="2"] .rubric-protocol-dot--phase-2,
        .rubric-protocol[data-active-protocol-index="3"] .rubric-protocol-dot--phase-2,
        .rubric-protocol[data-active-protocol-index="4"] .rubric-protocol-dot--phase-2 {
            --rubric-segment-progress: 1;
        }

        .rubric-protocol[data-active-protocol-index="3"] .rubric-protocol-dot--phase-3,
        .rubric-protocol[data-active-protocol-index="4"] .rubric-protocol-dot--phase-3 {
            --rubric-segment-progress: 1;
        }

        .rubric-protocol[data-active-protocol-index="4"] .rubric-protocol-dot--phase-4 {
            --rubric-segment-progress: 1;
        }

.rubric-protocol[data-active-protocol-index="4"][data-post-phase-ready="true"] .rubric-protocol-dot--phase-4-extension {
            --rubric-segment-progress: 1;
        }

        .rubric-protocol[data-active-protocol-index="1"] .rubric-protocol-dot--phase-1 .rubric-protocol-dot__orb,
        .rubric-protocol[data-active-protocol-index="2"] .rubric-protocol-dot--phase-1 .rubric-protocol-dot__orb,
        .rubric-protocol[data-active-protocol-index="3"] .rubric-protocol-dot--phase-1 .rubric-protocol-dot__orb,
        .rubric-protocol[data-active-protocol-index="4"] .rubric-protocol-dot--phase-1 .rubric-protocol-dot__orb,
        .rubric-protocol[data-active-protocol-index="2"] .rubric-protocol-dot--phase-2 .rubric-protocol-dot__orb,
        .rubric-protocol[data-active-protocol-index="3"] .rubric-protocol-dot--phase-2 .rubric-protocol-dot__orb,
        .rubric-protocol[data-active-protocol-index="4"] .rubric-protocol-dot--phase-2 .rubric-protocol-dot__orb,
        .rubric-protocol[data-active-protocol-index="3"] .rubric-protocol-dot--phase-3 .rubric-protocol-dot__orb,
        .rubric-protocol[data-active-protocol-index="4"] .rubric-protocol-dot--phase-3 .rubric-protocol-dot__orb,
        .rubric-protocol[data-active-protocol-index="4"] .rubric-protocol-dot--phase-4 .rubric-protocol-dot__orb,
.rubric-protocol[data-active-protocol-index="4"][data-post-phase-ready="true"] .rubric-protocol-dot--phase-4-extension .rubric-protocol-dot__orb {
            animation: rubricSegmentPulseStream var(--rubric-orb-duration-ms, 1280ms) linear infinite;
            animation-delay: var(--rubric-orb-delay-ms, 0ms);
        }

        .rubric-protocol-toggle-label {
            display: inline-flex;
            align-items: center;
            position: relative;
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.8rem;
            font-weight: 700;
            letter-spacing: 1.2px;
            text-transform: uppercase;
            color: color-mix(in srgb, var(--accent) 84%, var(--page-text-main));
            white-space: nowrap;
            line-height: 1;
            transform: translateY(1px);
            padding: 7px 14px 7px 12px;
            background: linear-gradient(90deg,
                    color-mix(in srgb, var(--accent) 16%, var(--card-bg)),
                    color-mix(in srgb, var(--accent) 8%, transparent));
            clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%);
            isolation: isolate;
            z-index: 3;
        }

        .rubric-protocol-toggle-label::before {
            content: "";
            position: absolute;
            inset: -10px -14px -10px -12px;
            background: color-mix(in srgb, var(--card-bg) 98%, var(--page-bg));
            clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 0 100%);
            z-index: -1;
        }

        .rubric-protocol-segment {
            appearance: none;
            border: 0;
            background: transparent;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            color: color-mix(in srgb, var(--page-text-main) 72%, var(--page-text-dim));
            min-height: 52px;
            padding: 0;
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.66rem;
            letter-spacing: 0.9px;
            text-transform: uppercase;
            cursor: pointer;
            text-align: right;
            transition: border-color 0.24s ease, color 0.24s ease, text-shadow 0.24s ease, background 0.24s ease;
            position: relative;
            z-index: 1;
        }

        .rubric-protocol-segment.is-complete {
            color: color-mix(in srgb, var(--accent) 80%, var(--page-text-main));
        }

        .rubric-protocol-segment:hover {
            color: color-mix(in srgb, var(--accent) 76%, var(--page-text-main));
        }

        .rubric-protocol-segment.is-active {
            color: color-mix(in srgb, var(--accent) 62%, var(--page-text-main));
            font-weight: 700;
            letter-spacing: 1.2px;
            text-shadow: none;
        }

        .rubric-protocol-segment.is-active.is-energized {
            color: color-mix(in srgb, var(--accent) 86%, var(--page-text-main));
            text-shadow: 0 0 8px color-mix(in srgb, var(--accent) 38%, transparent);
            animation: rubricActiveTextPulse 1.7s ease-in-out infinite;
        }

        .rubric-protocol-segment__num {
            position: relative;
            display: inline-grid;
            place-items: center;
            width: 26px;
            height: 26px;
            border: 1px solid color-mix(in srgb, var(--frame-border) 88%, transparent);
            border-radius: 999px;
            background: color-mix(in srgb, var(--card-bg) 96%, var(--page-bg));
            font-size: 0.68rem;
            line-height: 1;
            transition: border-color 0.24s ease, background 0.24s ease, color 0.24s ease, box-shadow 0.24s ease, transform 0.24s ease;
            z-index: 1;
        }

        .rubric-protocol-segment__num::after {
            content: "";
            position: absolute;
            inset: -5px;
            border-radius: 999px;
            border: 1px solid color-mix(in srgb, var(--accent) 54%, transparent);
            box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent) 18%, transparent);
            opacity: 0;
            transform: scale(0.72);
            pointer-events: none;
        }

        .rubric-protocol-segment__label {
            display: none;
        }

        .rubric-protocol-segment.is-active .rubric-protocol-segment__num {
            border-color: color-mix(in srgb, var(--accent) 44%, var(--frame-border));
            background: color-mix(in srgb, var(--accent) 86%, var(--page-text-main));
            box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 8%, transparent);
            color: color-mix(in srgb, var(--page-bg) 86%, #05070a);
            transform: scale(1.02);
        }

        .rubric-protocol-segment.is-active.is-energized .rubric-protocol-segment__num {
            border-color: color-mix(in srgb, var(--accent) 80%, var(--frame-border));
            background: color-mix(in srgb, var(--accent) 96%, #ffffff 6%);
            box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 12%, transparent);
            color: color-mix(in srgb, var(--page-bg) 92%, #040608);
            transform: scale(1.05);
            animation: rubricActiveMarkerPulse 1.7s ease-in-out infinite;
        }

        .rubric-protocol-segment.is-complete .rubric-protocol-segment__num {
            border-color: color-mix(in srgb, var(--accent) 68%, var(--frame-border));
            background: color-mix(in srgb, var(--accent) 10%, var(--page-bg));
            color: color-mix(in srgb, var(--accent) 82%, var(--page-text-main));
            box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 8%, transparent);
        }

        .rubric-protocol-segment__num.is-pass-live::after {
            border-color: color-mix(in srgb, var(--map-texas-color-1) 62%, transparent);
            box-shadow: 0 0 0 0 color-mix(in srgb, var(--map-texas-color-1) 20%, transparent);
            animation: rubricPhasePassPulsePhase4 var(--rubric-dot-pass-ms, 460ms) linear 1 both;
        }

        .rubric-protocol-segment__num.is-pass-live-phase4::after {
            border-color: color-mix(in srgb, var(--map-texas-color-1) 62%, transparent);
            box-shadow: 0 0 0 0 color-mix(in srgb, var(--map-texas-color-1) 20%, transparent);
            animation: rubricPhasePassPulsePhase4 var(--rubric-dot-pass-ms, 460ms) linear 1 both;
        }

        .rubric-protocol-segment__num.is-pass-boost::after {
            opacity: 1;
            transform: scale(1.04);
            border-color: color-mix(in srgb, var(--map-texas-color-1) 76%, transparent);
            box-shadow: 0 0 0 6px color-mix(in srgb, var(--map-texas-color-1) 16%, transparent);
        }

        .rubric-phase-rail {
            display: none;
        }

        .rubric-phase-rail__inner {
            position: sticky;
            top: calc(var(--nav-current-height, 95px) + 20px);
            display: grid;
            gap: 10px;
            padding: 12px;
            border: 1px solid color-mix(in srgb, var(--frame-border) 88%, transparent);
            background: color-mix(in srgb, var(--card-bg) 94%, transparent);
            overflow: hidden;
            isolation: isolate;
        }

        .rubric-phase-rail__inner::before,
        .rubric-phase-rail__inner::after {
            content: "";
            position: absolute;
            left: 32px;
            width: 1px;
            pointer-events: none;
            z-index: 0;
        }

        .rubric-phase-rail__inner::before {
            top: 30px;
            bottom: 30px;
            background: linear-gradient(180deg,
                    color-mix(in srgb, var(--frame-border) 52%, transparent),
                    color-mix(in srgb, var(--frame-border) 88%, transparent),
                    color-mix(in srgb, var(--frame-border) 52%, transparent));
            opacity: 0.7;
        }

        .rubric-phase-rail__inner::after {
            top: 30px;
            height: calc((100% - 60px) * var(--rubric-active-index) / var(--rubric-phase-count));
            background: linear-gradient(180deg,
                    color-mix(in srgb, var(--accent) 68%, transparent),
                    color-mix(in srgb, var(--accent) 96%, #ffffff 8%),
                    color-mix(in srgb, var(--accent) 74%, transparent));
            box-shadow: 0 0 10px color-mix(in srgb, var(--accent) 34%, transparent);
            transition: height 0.42s ease;
        }

        .rubric-phase-rail__button {
            appearance: none;
            display: grid;
            grid-template-columns: 40px minmax(0, 1fr);
            gap: 10px;
            align-items: start;
            width: 100%;
            padding: 10px 10px 11px;
            border: 1px solid color-mix(in srgb, var(--frame-border) 86%, transparent);
            background: color-mix(in srgb, var(--page-bg) 24%, transparent);
            color: color-mix(in srgb, var(--page-text-main) 82%, var(--page-text-dim));
            text-align: left;
            cursor: pointer;
            transition: border-color 0.24s ease, background 0.24s ease, color 0.24s ease, transform 0.24s ease;
            position: relative;
            z-index: 1;
        }

        .rubric-phase-rail__button:hover {
            border-color: color-mix(in srgb, var(--accent) 46%, var(--frame-border));
            background: color-mix(in srgb, var(--accent) 6%, transparent);
            color: var(--page-text-main);
            transform: translateX(2px);
        }

        .rubric-phase-rail__button:focus-visible {
            outline: 2px solid var(--accent);
            outline-offset: 2px;
        }

        .rubric-phase-rail__button.is-active {
            border-color: color-mix(in srgb, var(--accent) 58%, var(--frame-border));
            background: color-mix(in srgb, var(--accent) 6%, transparent);
            color: var(--page-text-main);
            box-shadow: inset 2px 0 0 color-mix(in srgb, var(--accent) 44%, transparent);
        }

        .rubric-phase-rail__button.is-active.is-energized {
            border-color: color-mix(in srgb, var(--accent) 78%, var(--frame-border));
            background: color-mix(in srgb, var(--accent) 10%, transparent);
            color: var(--page-text-main);
            box-shadow: inset 3px 0 0 color-mix(in srgb, var(--accent) 86%, transparent);
            animation: rubricActiveCardPulse 1.7s ease-in-out infinite;
        }

        .rubric-phase-rail__button.is-complete {
            border-color: color-mix(in srgb, var(--accent) 48%, var(--frame-border));
            background: color-mix(in srgb, var(--accent) 7%, transparent);
            color: color-mix(in srgb, var(--accent) 82%, var(--page-text-main));
            box-shadow: inset 3px 0 0 color-mix(in srgb, var(--accent) 58%, transparent);
        }

        .rubric-phase-rail__num {
            position: relative;
            display: inline-grid;
            place-items: center;
            align-self: end;
            width: 20px;
            height: 20px;
            border-radius: 999px;
            border: 1px solid color-mix(in srgb, var(--frame-border) 88%, transparent);
            background: color-mix(in srgb, var(--card-bg) 96%, var(--page-bg));
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.76rem;
            line-height: 1;
            color: color-mix(in srgb, var(--accent) 88%, var(--page-text-main));
            z-index: 1;
            transition: border-color 0.24s ease, background 0.24s ease, box-shadow 0.24s ease, transform 0.24s ease;
        }

        .rubric-phase-rail__button.is-active .rubric-phase-rail__num {
            border-color: color-mix(in srgb, var(--accent) 44%, var(--frame-border));
            background: color-mix(in srgb, var(--accent) 6%, var(--page-bg));
            box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 8%, transparent);
            transform: scale(1.02);
        }

        .rubric-phase-rail__button.is-active.is-energized .rubric-phase-rail__num {
            border-color: color-mix(in srgb, var(--accent) 80%, var(--frame-border));
            background: color-mix(in srgb, var(--accent) 14%, var(--page-bg));
            box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 12%, transparent);
            transform: scale(1.06);
            animation: rubricActiveMarkerPulse 1.7s ease-in-out infinite;
        }

        .rubric-phase-rail__button.is-complete .rubric-phase-rail__num {
            border-color: color-mix(in srgb, var(--accent) 68%, var(--frame-border));
            background: color-mix(in srgb, var(--accent) 10%, var(--page-bg));
            color: color-mix(in srgb, var(--accent) 82%, var(--page-text-main));
            box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 8%, transparent);
        }

        .rubric-phase-rail__copy {
            display: grid;
            gap: 4px;
        }

        .rubric-phase-rail__title {
            font-size: 0.74rem;
            letter-spacing: 1.5px;
            text-transform: uppercase;
        }

        .rubric-phase-rail__meta {
            font-size: 0.72rem;
            line-height: 1.4;
            color: color-mix(in srgb, var(--page-text-main) 70%, var(--page-text-dim));
        }

        .rubric-phase-rail__button.is-complete .rubric-phase-rail__meta {
            color: color-mix(in srgb, var(--accent) 60%, var(--page-text-main));
        }

        @keyframes rubricActiveTextPulse {
            0%, 100% {
                opacity: 0.86;
                text-shadow: 0 0 8px color-mix(in srgb, var(--accent) 28%, transparent);
            }
            50% {
                opacity: 1;
                text-shadow: 0 0 14px color-mix(in srgb, var(--accent) 42%, transparent);
            }
        }

        @keyframes rubricActiveMarkerPulse {
            0%, 100% {
                transform: scale(1.03);
                box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent);
            }
            50% {
                transform: scale(1.08);
                box-shadow: 0 0 0 5px color-mix(in srgb, var(--accent) 16%, transparent);
            }
        }

        @keyframes rubricActiveCardPulse {
            0%, 100% {
                background: color-mix(in srgb, var(--accent) 8%, transparent);
                border-color: color-mix(in srgb, var(--accent) 72%, var(--frame-border));
            }
            50% {
                background: color-mix(in srgb, var(--accent) 12%, transparent);
                border-color: color-mix(in srgb, var(--accent) 82%, var(--frame-border));
            }
        }

        @keyframes rubricSegmentPulseStream {
            0% {
                opacity: 0;
                left: 0;
                transform: translate3d(-9px, -50%, 0) scale(0.18);
            }
            10% {
                opacity: var(--rubric-orb-opacity, 0.78);
                left: 0;
                transform: translate3d(0, -50%, 0) scale(0.9);
            }
            84% {
                opacity: var(--rubric-orb-opacity, 0.78);
                left: calc(100% - 9px);
                transform: translate3d(0, -50%, 0) scale(0.76);
            }
            100% {
                opacity: 0;
                left: 100%;
                transform: translate3d(-9px, -50%, 0) scale(0.2);
            }
        }


        @keyframes rubricPhasePassPulse {
            0%, 100% {
                opacity: 0;
                transform: scale(0.66);
                box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent) 0%, transparent);
            }
            22% {
                opacity: 0;
                transform: scale(0.72);
            }
            44% {
                opacity: 1;
                transform: scale(1);
                box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent);
            }
            68% {
                opacity: 0;
                transform: scale(1.16);
                box-shadow: 0 0 0 9px color-mix(in srgb, var(--accent) 0%, transparent);
            }
        }

        @keyframes rubricPhasePassPulsePhase4 {
            0%, 100% {
                opacity: 0;
                transform: scale(0.66);
                box-shadow: 0 0 0 0 color-mix(in srgb, var(--map-texas-color-1) 0%, transparent);
            }
            22% {
                opacity: 0;
                transform: scale(0.72);
            }
            44% {
                opacity: 1;
                transform: scale(1.02);
                box-shadow: 0 0 0 4px color-mix(in srgb, var(--map-texas-color-1) 18%, transparent);
            }
            68% {
                opacity: 0;
                transform: scale(1.18);
                box-shadow: 0 0 0 9px color-mix(in srgb, var(--map-texas-color-1) 0%, transparent);
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .rubric-protocol-segment.is-active.is-energized,
            .rubric-protocol-segment.is-active.is-energized .rubric-protocol-segment__num,
            .rubric-phase-rail__button.is-active.is-energized,
            .rubric-phase-rail__button.is-active.is-energized .rubric-phase-rail__num,
            .rubric-protocol-dot__orb,
            .rubric-protocol-segment__num::after {
                animation: none;
            }
        }

        .rubric-protocol-stage {
            position: relative;
            overflow: hidden;
            min-height: 520px;
            border: 1px solid color-mix(in srgb, var(--frame-border) 88%, transparent);
            background: color-mix(in srgb, var(--card-bg) 94%, transparent);
            touch-action: pan-y;
            transition: border-color var(--motion-base) var(--motion-ease-standard),
                background var(--motion-base) var(--motion-ease-standard);
        }

        .rubric-protocol-stage:hover {
            border-color: color-mix(in srgb, var(--accent) 40%, var(--frame-border));
            background: color-mix(in srgb, var(--accent) 2%, var(--card-bg));
        }

        .rubric-protocol + .section-next-wrap {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            max-height: 0;
            overflow: hidden;
            margin-top: 0;
            transition: opacity var(--motion-base) var(--motion-ease-standard),
                visibility 0s linear var(--motion-base),
                max-height var(--motion-base) var(--motion-ease-standard),
                margin-top var(--motion-base) var(--motion-ease-standard);
        }

        .rubric-protocol[data-active-protocol-index="4"][data-post-phase-ready="true"] + .section-next-wrap {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            max-height: 160px;
            margin-top: 22px;
            transition: opacity var(--motion-base) var(--motion-ease-standard),
                visibility 0s linear 0s,
                max-height var(--motion-base) var(--motion-ease-standard),
                margin-top var(--motion-base) var(--motion-ease-standard);
        }

        .rubric-protocol-view {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: auto;
            padding: 18px;
            box-sizing: border-box;
            opacity: 0;
            transform: translateX(0);
            pointer-events: none;
            will-change: transform, opacity;
            transition: transform 400ms ease-in-out, opacity 400ms ease-in-out;
        }

        .rubric-protocol-view.is-active {
            opacity: 1;
            pointer-events: auto;
            z-index: 2;
        }

        .rubric-protocol-view.is-enter-from-right {
            transform: translateX(100%);
            opacity: 0;
            z-index: 3;
        }

        .rubric-protocol-view.is-enter-from-left {
            transform: translateX(-100%);
            opacity: 0;
            z-index: 3;
        }

        .rubric-protocol-view.is-exit-to-left {
            transform: translateX(-100%);
            opacity: 0;
            z-index: 1;
        }

        .rubric-protocol-view.is-exit-to-right {
            transform: translateX(100%);
            opacity: 0;
            z-index: 1;
        }

        .rubric-protocol-tone {
            margin: 0 0 14px 0;
            padding: 12px 14px;
            border-left: 2px solid color-mix(in srgb, var(--accent) 70%, transparent);
            background: color-mix(in srgb, var(--accent) 7%, transparent);
            font-size: 0.88rem;
            line-height: 1.5;
            color: color-mix(in srgb, var(--page-text-main) 90%, var(--accent));
        }

        .rubric-diagnostic-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px;
        }

        .rubric-diagnostic-card,
        .rubric-deploy-card {
            border: 1px solid color-mix(in srgb, var(--frame-border) 90%, transparent);
            background: color-mix(in srgb, var(--card-bg) 96%, transparent);
            padding: 12px;
            display: grid;
            gap: 8px;
        }

        .rubric-phase-frame {
            position: relative;
            width: calc(100% + 36px);
            max-width: none;
            margin: 0 -18px;
        }

        .rubric-phase-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px;
            max-width: 980px;
            margin: 0 auto;
        }

        .rubric-phase-panel {
            height: 100%;
            align-content: start;
        }

        .rubric-diagnostic-asset,
        .rubric-deploy-asset {
            border-color: color-mix(in srgb, var(--accent) 20%, var(--frame-border));
            min-height: 0;
            aspect-ratio: auto;
        }

        .rubric-diagnostic-asset img,
        .rubric-deploy-asset img {
            width: 100%;
            height: auto;
            object-fit: cover;
            opacity: 1;
        }

        .rubric-phase-label {
            margin: 0;
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.62rem;
            letter-spacing: 1px;
            text-transform: uppercase;
            color: color-mix(in srgb, var(--accent) 70%, var(--page-text-main));
        }

        .rubric-phase-title {
            margin: 0;
            font-size: 0.98rem;
            color: var(--page-text-main);
        }

        .rubric-phase-copy {
            margin: 0;
            font-size: 0.84rem;
            line-height: 1.46;
            color: color-mix(in srgb, var(--page-text-main) 86%, var(--page-text-dim));
        }

        .rubric-phase-jump {
            position: absolute;
            top: 25%;
            bottom: 25%;
            right: 0;
            width: 28px;
            display: inline-flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 10px;
            padding: 0;
            border: 1px solid color-mix(in srgb, var(--accent) 42%, var(--frame-border));
            background: linear-gradient(180deg,
                    color-mix(in srgb, var(--accent) 18%, var(--card-bg)),
                    color-mix(in srgb, var(--accent) 10%, var(--card-bg)));
            color: color-mix(in srgb, var(--accent) 84%, var(--page-text-main));
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.68rem;
            letter-spacing: 1px;
            cursor: pointer;
            z-index: 4;
            animation: none;
            border-radius: 0;
            box-shadow: inset 0 0 0 1px color-mix(in srgb, #ffffff 8%, transparent);
            transition: border-color var(--motion-base) var(--motion-ease-standard),
                background var(--motion-base) var(--motion-ease-standard),
                color var(--motion-base) var(--motion-ease-standard),
                transform var(--motion-base) var(--motion-ease-standard);
        }

        .rubric-phase-jump span {
            writing-mode: vertical-rl;
            text-orientation: mixed;
        }

        .rubric-phase-jump__arrow {
            writing-mode: initial;
            text-orientation: initial;
            font-size: 0.74rem;
            line-height: 1;
        }

        .rubric-phase-jump--left {
            left: 0;
            right: auto;
            animation: none;
        }

        .rubric-phase-jump--left span:not(.rubric-phase-jump__arrow) {
            writing-mode: vertical-lr;
        }

        .rubric-phase-jump:hover {
            border-color: color-mix(in srgb, var(--accent) 70%, var(--frame-border));
            background: linear-gradient(180deg,
                    color-mix(in srgb, var(--accent) 26%, var(--card-bg)),
                    color-mix(in srgb, var(--accent) 16%, var(--card-bg)));
            color: var(--page-text-main);
            transform: translateX(2px);
        }

        .rubric-phase-jump--left:hover {
            transform: translateX(-2px);
        }

        .rubric-phase-jump:focus-visible {
            outline: 2px solid var(--accent);
            outline-offset: 2px;
        }

        .rubric-deployment-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 12px;
            padding-bottom: 40px;
            padding-top: 20px;
            padding-inline: 10px;
        }


        .step-num {
            font-family: 'JetBrains Mono', monospace;
            color: var(--accent);
            font-size: 0.7rem;
            font-weight: 700;
            display: block;
            margin-bottom: 10px;
        }

        /* --- Engagement Pipeline Visual --- */
        .engagement-pipeline-visual {
            margin: 60px 0;
            padding: 0 20px;
        }

        .pipeline-track {
            display: flex;
            align-items: center;
            justify-content: space-between;
            max-width: 900px;
            margin: 0 auto;
            position: relative;
        }

        .pipeline-node {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 12px;
            position: relative;
            z-index: 2;
            transition: transform var(--motion-base) var(--motion-ease-standard);
        }

        .pipeline-node:hover {
            transform: translateY(-4px);
        }

        .pipeline-node-num {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background: var(--card-bg);
            border: 2px solid var(--frame-border);
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'JetBrains Mono', monospace;
            font-weight: 700;
            color: var(--page-text-dim);
            transition: all var(--motion-base) var(--motion-ease-standard);
        }

        .pipeline-node.is-active .pipeline-node-num {
            border-color: var(--accent);
            color: var(--accent);
            box-shadow: 0 0 20px color-mix(in srgb, var(--accent) 30%, transparent);
        }

        .pipeline-node-label {
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            color: var(--page-text-dim);
            white-space: nowrap;
        }

        .pipeline-node.is-active .pipeline-node-label {
            color: var(--page-text-main);
            font-weight: 700;
        }

        .pipeline-line {
            flex: 1;
            height: 2px;
            background: var(--frame-border);
            margin: 0 -10px;
            transform: translateY(-16px);
            position: relative;
            z-index: 1;
        }

        .asset-image {
            overflow: hidden;
            border: 1px solid var(--frame-border);
        }

        .asset-image img {
            width: 100%;
            height: auto;
            display: block;
            opacity: 0;
            transition: opacity var(--motion-slow) var(--motion-ease-standard);
        }

        .asset-image.revealed img {
            opacity: 1;
        }

        .no-js .asset-image img {
            opacity: 1;
        }

        .btn-cta {
            background: linear-gradient(135deg, rgba(197, 160, 89, 0.95), rgba(197, 160, 89, 0.6));
            color: var(--bg-dark);
            padding: 18px 40px;
            font-size: 0.8rem;
            font-weight: 700;
            letter-spacing: 1px;
            border: 1px solid rgba(197, 160, 89, 0.7);
            cursor: pointer;
            transition: transform var(--motion-base) var(--motion-ease-standard), box-shadow var(--motion-base) var(--motion-ease-standard), filter var(--motion-base) var(--motion-ease-standard);
            box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28), inset 0 0 0 1px rgba(255, 255, 255, 0.08);
        }

        .btn-cta:hover {
            transform: translateY(-2px);
            filter: brightness(1.05);
            box-shadow: 0 18px 34px rgba(0, 0, 0, 0.34), inset 0 0 0 1px rgba(255, 255, 255, 0.12);
        }

        [data-theme="light"] .btn-cta {
            color: #ffffff;
        }

        .section-next-wrap {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            gap: 18px;
            margin-top: 28px;
        }

        .section-next-wrap::before {
            content: "";
            flex: 1 1 auto;
            max-width: 220px;
            height: 1px;
            background: linear-gradient(90deg,
                transparent 0%,
                color-mix(in srgb, var(--accent) 18%, transparent) 28%,
                color-mix(in srgb, var(--accent) 62%, transparent) 100%);
            opacity: 0.82;
        }

        .btn-cta--section-next {
            position: relative;
            display: grid;
            gap: 5px;
            min-width: min(320px, 100%);
            max-width: min(420px, 100%);
            padding: 15px 58px 15px 18px;
            text-align: left;
            line-height: 1.2;
            background:
                linear-gradient(135deg,
                    color-mix(in srgb, var(--frame-bg) 88%, rgba(255, 255, 255, 0.04)) 0%,
                    color-mix(in srgb, var(--frame-bg) 94%, rgba(197, 160, 89, 0.08)) 100%);
            color: var(--page-text-main);
            border: none;
            box-shadow:
                0 0 0 1px color-mix(in srgb, var(--accent) 34%, var(--frame-border)),
                0 16px 34px rgba(0, 0, 0, 0.24),
                inset 0 0 0 1px rgba(255, 255, 255, 0.05);
            clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 0 100%);
            overflow: hidden;
        }

        .btn-cta--section-next::before {
            content: "";
            position: absolute;
            inset: 0;
            background:
                linear-gradient(90deg,
                    transparent 0%,
                    color-mix(in srgb, var(--accent) 10%, transparent) 46%,
                    color-mix(in srgb, var(--accent) 22%, transparent) 100%);
            opacity: 0.9;
            pointer-events: none;
        }

        .btn-cta--section-next::after {
            content: "→";
            position: absolute;
            top: 50%;
            right: 18px;
            transform: translateY(-50%);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 28px;
            height: 28px;
            border-radius: 999px;
            border: 1px solid color-mix(in srgb, var(--accent) 40%, transparent);
            background: color-mix(in srgb, var(--frame-bg) 72%, transparent);
            color: var(--accent);
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.95rem;
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
            pointer-events: none;
        }

        .btn-cta--section-next:hover {
            transform: translateY(-2px) translateX(2px);
            filter: none;
            box-shadow:
                0 0 0 1px color-mix(in srgb, var(--accent) 58%, var(--frame-border)),
                0 18px 36px rgba(0, 0, 0, 0.3),
                inset 0 0 0 1px rgba(255, 255, 255, 0.08);
        }

        .section-next-wrap:has(.btn-cta--section-next-back) {
            justify-content: flex-start;
        }

        .section-next-wrap:has(.btn-cta--section-next-back)::before {
            order: 2;
            background: linear-gradient(90deg,
                color-mix(in srgb, var(--accent) 62%, transparent) 0%,
                color-mix(in srgb, var(--accent) 18%, transparent) 72%,
                transparent 100%);
        }

        .btn-cta--section-next-back {
            padding: 15px 18px 15px 58px;
            clip-path: polygon(18px 0, 100% 0, 100% 100%, 18px 100%, 0 50%);
        }

        .btn-cta--section-next-back::before {
            background:
                linear-gradient(270deg,
                    transparent 0%,
                    color-mix(in srgb, var(--accent) 10%, transparent) 46%,
                    color-mix(in srgb, var(--accent) 22%, transparent) 100%);
        }

        .btn-cta--section-next-back::after {
            content: "←";
            right: auto;
            left: 18px;
        }

        .btn-cta--section-next-back:hover {
            transform: translateY(-2px) translateX(-2px);
        }

        .btn-cta--section-next .section-next-kicker,
        .btn-cta--section-next .section-next-text {
            position: relative;
            z-index: 1;
        }

        .btn-cta--section-next .section-next-kicker {
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.62rem;
            font-weight: 700;
            letter-spacing: 0.22em;
            text-transform: uppercase;
            color: var(--page-text-dim);
        }

        .btn-cta--section-next .section-next-text {
            font-size: 0.98rem;
            font-weight: 700;
            letter-spacing: 0.03em;
            color: var(--page-text-main);
        }

        footer {
            background-color: var(--frame-bg);
            border-top: 1px solid var(--frame-border);
            width: 100%;
            position: relative;
            z-index: 5;
        }

        .footer-layout {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 0.7rem;
            min-height: 40px;
            gap: 12px;
            max-width: 1200px;
            margin: 0 auto;
            width: 100%;
            padding: 10px 50px;
            flex-wrap: wrap;
            row-gap: 8px;
            background-color: var(--frame-bg);
        }

        .status-pill {
            display: flex;
            align-items: center;
            gap: 8px;
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.6rem;
            letter-spacing: 1px;
            color: var(--page-text-dim);
        }

        .status-dot {
            height: 6px;
            width: 6px;
            background-color: var(--status-green);
            border-radius: 50%;
            animation: pulse 2s infinite;
        }

        .theme-switch {
            display: inline-block;
            height: 20px;
            width: 40px;
            position: relative;
        }

        .theme-switch input {
            display: none;
        }

        .slider {
            background-color: var(--frame-border);
            cursor: pointer;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            transition: .4s;
            border-radius: 20px;
        }

        .slider:before {
            background-color: white;
            content: "";
            height: 14px;
            width: 14px;
            left: 4px;
            bottom: 3px;
            position: absolute;
            transition: .4s;
            border-radius: 50%;
        }

        input:checked+.slider {
            background-color: var(--accent);
        }

        input:checked+.slider:before {
            transform: translateX(18px);
        }

        .no-js .theme-switch {
            display: none;
        }

        /* --- ACCESS MODAL FORM --- */
        #accessModal .form-intro {
            font-size: 0.9rem;
            line-height: 1.5;
            color: var(--page-text-dim);
            margin: 0 0 20px 0;
            text-align: left;
        }

        #accessModal .stakeholder-form {
            display: flex;
            flex-direction: column;
            gap: 16px;
            margin-top: 20px;
            text-align: left;
        }

        /* 021026_DigitalConcierge */
        #accessModal .concierge-block {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        #accessModal .concierge-helper {
            font-size: 0.8rem;
            color: var(--page-text-dim);
        }

        #accessModal .concierge-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 12px;
            transition: 0.3s;
        }

        #accessModal .concierge-grid.is-collapsed {
            grid-template-columns: 1fr;
            gap: 0;
        }

        #accessModal .concierge-btn {
            background: var(--page-bg);
            border: 1px solid var(--frame-border);
            color: var(--page-text-main);
            padding: 14px 16px;
            min-height: 54px;
            text-align: left;
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 0.6px;
            cursor: pointer;
            transition: opacity 0.3s, transform 0.3s, max-height 0.3s, padding 0.3s, margin 0.3s, border-width 0.3s;
            font-weight: 700;
        }

        #accessModal .concierge-btn:hover {
            border-color: var(--accent);
        }

        #accessModal .concierge-btn.is-active {
            border-color: var(--accent);
            background: var(--card-bg);
            box-shadow: 0 0 0 1px var(--accent) inset;
        }

        #accessModal .concierge-btn.is-suggested {
            animation: suggestedPulse 2s infinite;
            border-color: var(--accent);
            background: color-mix(in srgb, var(--accent) 15%, transparent);
            position: relative;
            z-index: 10;
        }

        #accessModal .concierge-btn.is-hidden {
            opacity: 0;
            transform: translateY(-6px);
            max-height: 0;
            padding-top: 0;
            padding-bottom: 0;
            margin: 0;
            border-width: 0;
            min-height: 0;
            overflow: hidden;
            pointer-events: none;
        }

        #accessModal .concierge-back-row {
            min-height: 28px;
            margin-top: 6px;
        }

        #accessModal .concierge-back {
            background: transparent;
            border: none;
            color: var(--page-text-dim);
            font-size: 0.7rem;
            letter-spacing: 1px;
            text-transform: uppercase;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 0;
            cursor: pointer;
            opacity: 0;
            transform: translateY(-6px);
            pointer-events: none;
            transition: opacity 0.3s, transform 0.3s, color 0.3s;
        }

        #accessModal .concierge-back:hover {
            color: var(--accent);
        }

        #accessModal .concierge-back.is-visible {
            opacity: 1;
            transform: translateY(0);
            pointer-events: auto;
        }

        .no-js #accessModal .concierge-grid,
        .no-js #accessModal .concierge-back-row {
            display: none;
        }

        .no-js #accessModal .concierge-fields[hidden] {
            display: flex !important;
        }

        .no-js #accessModal #handlerTier,
        .no-js #accessModal #conciergeTrack,
        .no-js #accessModal #submissionType {
            display: none;
        }

        #accessModal .concierge-error {
            min-height: 1rem;
        }

        #accessModal .concierge-fields {
            display: none;
            flex-direction: column;
            gap: 16px;
        }

        #accessModal .concierge-fields.is-visible {
            display: flex;
        }

        #accessModal .form-field {
            display: flex;
            flex-direction: column;
            gap: 4px;
        }

        #accessModal .form-field label {
            font-size: 0.8rem;
            font-weight: 700;
            color: var(--page-text-main);
        }

        #accessModal .form-field .form-helper {
            font-size: 0.75rem;
            color: var(--page-text-dim);
        }

        #accessModal .form-field input,
        #accessModal .form-field textarea {
            background: var(--page-bg);
            border: 1px solid var(--frame-border);
            color: var(--page-text-main);
            padding: 10px 12px;
            font-size: 0.9rem;
            font-family: inherit;
        }

        #accessModal .form-field input[type="file"] {
            padding: 8px;
            font-size: 0.8rem;
        }

        #accessModal .form-field input:focus,
        #accessModal .form-field textarea:focus {
            outline: none;
            border-color: var(--accent);
        }

        #accessModal .form-field textarea {
            min-height: 80px;
            resize: vertical;
        }

        #accessModal .form-honeypot {
            position: absolute;
            left: -9999px;
            width: 1px;
            height: 1px;
            overflow: hidden;
        }

        #accessModal .form-actions {
            display: none;
            align-items: flex-start;
            margin-top: 8px;
            flex-wrap: wrap;
            gap: 12px;
        }

        #accessModal .stakeholder-form.has-concierge .form-actions {
            display: flex;
        }

        .no-js #accessModal .form-actions {
            display: flex;
        }

        #accessModal .form-actions>div {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

        #accessModal .form-submit {
            background: var(--accent);
            color: var(--bg-dark);
            padding: 12px 24px;
            min-height: 44px;
            font-size: 0.8rem;
            font-weight: 700;
            letter-spacing: 1px;
            border: none;
            cursor: pointer;
        }

        [data-theme="light"] #accessModal .form-submit {
            color: #ffffff;
        }

        #accessModal .form-legal {
            margin: 6px 0 0 0;
            font-size: 0.7rem;
            color: var(--page-text-dim);
            line-height: 1.4;
        }

        #accessModal .form-legal a {
            color: var(--page-text-main);
            text-decoration: none;
            border-bottom: 1px solid transparent;
        }

        #accessModal .form-legal a:hover {
            border-bottom-color: var(--accent);
        }

        #accessModal .form-error {
            font-size: 0.75rem;
            color: var(--accent);
            margin-top: 4px;
            display: none;
        }

        #accessModal .form-error.visible {
            display: block;
        }

        #accessModal .form-status {
            font-size: 0.8rem;
            color: var(--page-text-dim);
            margin: 6px 0 0 0;
            min-height: 1.1rem;
        }

        #accessModal .form-noscript {
            display: block;
            font-size: 0.85rem;
            color: var(--accent);
            margin-bottom: 12px;
        }

        #accessModal .form-noscript p {
            margin: 0;
        }

        #accessModal .form-success {
            text-align: center;
            margin-top: 20px;
        }

        #accessModal .form-success-headline {
            font-size: clamp(1.75rem, 5vw, 2.5rem);
            font-weight: 700;
            color: var(--page-text-main);
            line-height: 1.1;
            letter-spacing: -1px;
            margin: 0 0 12px 0;
            text-transform: uppercase;
        }

        #accessModal .form-success-headline .accent {
            color: var(--accent);
        }

        #accessModal .form-success-sub {
            font-size: 0.9rem;
            color: var(--page-text-dim);
            margin: 0 0 24px 0;
            line-height: 1.4;
        }

        #accessModal .form-success-buttons {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        #accessModal .form-success-btn {
            padding: 12px 20px;
            min-height: 44px;
            font-size: 0.8rem;
            font-weight: 700;
            letter-spacing: 1px;
            cursor: pointer;
            border: 1px solid var(--frame-border);
            background: var(--page-bg);
            color: var(--page-text-main);
            transition: 0.3s;
        }

        #accessModal .form-success-btn:hover:not(:disabled) {
            border-color: var(--accent);
            background: var(--card-bg);
        }

        #accessModal .form-success-btn:disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }

        #accessModal .form-success-btn-primary {
            background: var(--accent);
            color: var(--bg-dark);
            border-color: var(--accent);
        }

        [data-theme="light"] #accessModal .form-success-btn-primary {
            color: #ffffff;
        }

        #accessModal .form-success.fade-out {
            animation: fadeOut 0.4s ease forwards;
        }

        #accessModal .form-network-error,
        #accessModal .form-time-error {
            text-align: left;
            margin-top: 20px;
        }

        #accessModal .form-network-error p,
        #accessModal .form-time-error p {
            margin: 0;
            font-size: 0.95rem;
            color: var(--accent);
            line-height: 1.5;
        }

        #accessModal .form-clear {
            background: transparent;
            border: 1px solid var(--page-text-dim);
            color: var(--page-text-dim);
            padding: 8px 16px;
            min-height: 44px;
            font-size: 0.75rem;
            cursor: pointer;
            transition: 0.3s;
            position: relative;
            overflow: hidden;
            --hold-duration: 2000ms;
        }

        #accessModal .form-clear::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, rgba(197, 160, 89, 0.15), rgba(197, 160, 89, 0.45));
            transform: scaleX(0);
            transform-origin: left;
            opacity: 0;
        }

        #accessModal .form-clear.is-holding::before {
            animation: holdFill var(--hold-duration) linear forwards;
            opacity: 1;
        }

        #accessModal .form-clear:hover:not(:disabled) {
            border-color: var(--accent);
            color: var(--accent);
        }

        #accessModal .form-clear:disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }

        #accessModal .form-clear-helper {
            font-size: 0.7rem;
            color: var(--page-text-dim);
            margin-top: 4px;
        }

        #accessModal .access-modal-body {
            position: relative;
            min-height: 280px;
            max-height: 65vh;
            overflow-y: auto;
            scrollbar-gutter: stable;
            padding: 2px 12px;
            scrollbar-width: thin;
            scrollbar-color: #1d2a3a #0b1220;
        }

        #accessModal .access-modal-body::-webkit-scrollbar {
            width: 10px;
        }

        #accessModal .access-modal-body::-webkit-scrollbar-track {
            background: #0b1220;
        }

        #accessModal .access-modal-body::-webkit-scrollbar-thumb {
            background: #1d2a3a;
            border-radius: 10px;
            border: 2px solid #0b1220;
        }

        #accessModal .access-modal-body.success-visible #stakeholderForm {
            filter: blur(5px);
            opacity: 0.35;
            pointer-events: none;
            transition: filter 0.3s, opacity 0.3s;
        }

        #accessModal #formSuccess {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 24px;
            text-align: center;
            /* NEW: Add scrolling and background to ensure buttons are reachable */
            overflow-y: auto;
            background: var(--card-bg);
            z-index: 100;
            /* Higher than the modal overlay */
            pointer-events: all;
            /* Allow interaction with the content */
        }

        #accessModal #formSuccess[hidden] {
            display: none;
        }

        #accessModal .form-success-headline {
            margin-bottom: 8px;
        }

        #accessModal .form-success-sub {
            margin-bottom: 20px;
        }

        #accessModal .form-success-buttons {
            width: 100%;
            max-width: 280px;
        }

        #accessModal.modal-fade-out {
            animation: fadeOut 0.4s ease forwards;
        }

        #accessModal #stakeholderForm.form-fade-in {
            animation: fadeIn 0.4s ease both;
        }

        /* --- STRUCTURE UTILITIES --- */
        .text-accent {
            color: var(--accent);
        }

        .text-main-strong {
            color: var(--page-text-main);
            font-weight: 700;
        }

        .text-muted {
            opacity: 0.6;
        }

        /* --- MODAL HEADINGS --- */
        .modal-content h3 {
            color: var(--page-text-main);
            text-transform: uppercase;
            letter-spacing: 2px;
            font-size: 0.9rem;
            margin: 0;
        }

        /* --- MANDATE LAYOUT --- */
        .mandate-layout {
            display: flex;
            gap: 40px;
            align-items: flex-start;
            justify-content: center;
            max-width: 1100px;
            margin: 12px auto 0 auto;
        }

        .mandate-media-column {
            width: 440px;
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            gap: 24px;
            position: relative;
        }

        .mandate-asset {
            width: 100%;
        }

        .mandate-column {
            width: 560px;
            display: flex;
            flex-direction: column;
            gap: 30px;
        }

        .instruction-box--compact {
            margin-bottom: 0;
            padding: 25px;
        }

        .mandate-intro-text {
            font-size: 1.4rem;
            color: var(--page-text-main);
            margin: 0;
            line-height: 1.2;
            font-weight: 700;
            letter-spacing: -0.5px;
        }

        .mandate-rhythm-strip {
            display: flex;
            flex-wrap: nowrap;
            justify-content: stretch;
            gap: 12px;
            margin: 0;
        }

        .mandate-rhythm-item {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 1 1 0;
            padding: 6px 10px;
            border: 1px solid color-mix(in srgb, var(--accent) 36%, var(--frame-border));
            background: color-mix(in srgb, var(--accent) 8%, transparent);
            color: color-mix(in srgb, var(--page-text-main) 92%, var(--accent));
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.62rem;
            letter-spacing: 0.8px;
            text-transform: uppercase;
            transition: transform var(--motion-base) var(--motion-ease-standard),
                border-color var(--motion-base) var(--motion-ease-standard),
                background var(--motion-base) var(--motion-ease-standard),
                box-shadow var(--motion-base) var(--motion-ease-standard);
        }

        .mandate-card {
            background: var(--card-bg);
            border: 1px solid var(--frame-border);
            padding: 40px;
            max-width: 600px;
            transition: border-color var(--motion-base) var(--motion-ease-standard),
                background var(--motion-base) var(--motion-ease-standard);
        }

        .mandate-card:hover {
            border-color: color-mix(in srgb, var(--accent) 40%, var(--frame-border));
            background: color-mix(in srgb, var(--accent) 2%, var(--card-bg));
        }

        .mandate-card-lead {
            margin: 0 0 30px 0;
            line-height: 1.4;
            font-size: 1.2rem;
            color: var(--page-text-main);
        }

        .mandate-points {
            display: flex;
            flex-direction: column;
            gap: 28px;
            border-top: 1px solid var(--frame-border);
            padding-top: 30px;
        }

        .mandate-point {
            display: flex;
            gap: 15px;
        }

        .mandate-point-marker {
            font-family: 'JetBrains Mono', monospace;
            color: var(--accent);
            font-size: 0.85rem;
            margin-top: 4px;
        }

        .mandate-point-text {
            margin: 0;
            font-size: 1rem;
            line-height: 1.5;
            color: var(--page-text-main);
        }

        @media (min-width: 901px) {
            .mandate-media-column::after {
                content: "";
                position: absolute;
                left: 18px;
                top: 38px;
                bottom: 18px;
                width: 1px;
                background: linear-gradient(180deg,
                    color-mix(in srgb, var(--accent) 0%, transparent) 0%,
                    color-mix(in srgb, var(--accent) 42%, transparent) 28%,
                    color-mix(in srgb, var(--accent) 10%, transparent) 100%);
                opacity: 0.42;
                pointer-events: none;
                transition: opacity var(--motion-base) var(--motion-ease-standard),
                    filter var(--motion-base) var(--motion-ease-standard);
            }

            .mandate-rhythm-strip {
                position: relative;
                z-index: 1;
            }

            .mandate-asset {
                position: relative;
                z-index: 1;
                transition: transform var(--motion-base) var(--motion-ease-standard),
                    box-shadow var(--motion-base) var(--motion-ease-standard);
            }

            .mandate-layout:hover .mandate-media-column::after {
                opacity: 0.86;
                filter: drop-shadow(0 0 8px color-mix(in srgb, var(--accent) 46%, transparent));
            }

            .mandate-layout:hover .mandate-asset {
                transform: translateY(-3px);
                box-shadow: 0 14px 28px rgba(0, 0, 0, 0.2);
            }

            .mandate-rhythm-item:hover {
                transform: translateY(-2px);
                border-color: color-mix(in srgb, var(--accent) 68%, var(--frame-border));
                background: color-mix(in srgb, var(--accent) 16%, transparent);
                box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent);
            }
        }

        /* --- RUBRIC LAYOUT --- */
        .rubric-intro {
            display: flex;
            gap: 20px;
            align-items: stretch;
            margin-bottom: 40px;
        }

        .rubric-intro-box {
            margin-bottom: 0;
            flex: 1;
        }

        .rubric-intro-title {
            margin: 0;
            color: var(--page-text-main);
            font-size: 1.1rem;
            font-weight: 700;
        }

        .rubric-intro-copy {
            margin: 10px 0 0 0;
            font-size: 0.95rem;
        }

        .rubric-banner {
            flex: 1.5;
            border: 1px solid var(--frame-border);
        }

        .rubric-banner-img {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }

        .rubric-icon {
            height: 140px;
            margin-bottom: 15px;
        }

        .rubric-item-title {
            color: var(--page-text-main);
            margin: 0 0 10px 0;
        }

        .rubric-item-copy {
            font-size: 0.8rem;
            line-height: 1.4;
        }

        /* --- PIPELINE LAYOUT --- */

        /* --- ENGAGEMENT LAYOUT --- */
        .section-wrap--no-border {
            border-bottom: none;
        }

        .header-group--center {
            justify-content: center;
        }

        .workflow-copy {
            font-size: 0.8rem;
            line-height: 1.5;
        }

        .engagement-header {
            text-align: center;
        }

        .engagement-intro {
            max-width: 980px;
            margin: 0 auto 18px;
            text-align: left;
        }

        .engagement-framing {
            max-width: 980px;
            margin: 0 auto 18px;
            text-align: left;
            display: grid;
            grid-template-columns: 1fr;
            gap: 22px;
            align-items: stretch;
        }

        .engagement-serve {
            max-width: 980px;
            margin: 0 auto 18px;
            text-align: left;
            display: grid;
            grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1fr);
            gap: 16px 20px;
            align-items: stretch;
        }

        .engagement-serve-copy {
            display: grid;
            align-content: center;
            gap: 18px;
            justify-items: start;
        }

        .engagement-serve-head {
            display: grid;
            gap: 8px;
        }

        .engagement-serve-media {
            margin: 0;
            border: 1px solid var(--frame-border);
            overflow: hidden;
            min-height: 220px;
            background: color-mix(in srgb, var(--card-bg) 92%, transparent);
            align-self: stretch;
            position: relative;
            display: grid;
            place-items: center;
        }

        .engagement-serve-media img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: brightness(0.52) saturate(0.88);
        }

        .engagement-serve-media::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(5, 10, 18, 0.18), rgba(5, 10, 18, 0.34));
            pointer-events: none;
        }

        .engagement-auxiliary {
            max-width: 980px;
            margin: 0 auto 18px;
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 16px 20px;
            align-items: center;
            text-align: left;
        }

        .engagement-auxiliary-head {
            display: grid;
            gap: 8px;
        }

        .engagement-auxiliary-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 14px;
            align-items: center;
            justify-content: flex-end;
        }

        .engagement-visual-grid {
            max-width: 960px;
            margin: 0 auto 32px;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 18px;
        }

        .engagement-visual-grid figure {
            margin: 0;
            background: var(--card-bg);
            border: 1px solid var(--frame-border);
            padding: 14px;
            border-radius: 12px;
            display: flex;
            flex-direction: column;
            gap: 8px;
            box-shadow: 0 16px 30px rgba(0, 0, 0, 0.12);
        }

        .engagement-visual-grid img {
            width: 100%;
            height: auto;
            border-radius: 10px;
            object-fit: cover;
        }

        .engagement-visual-grid figcaption {
            font-size: 0.85rem;
            color: var(--page-text-dim);
            text-align: center;
        }

        .engagement-framing-head {
            display: grid;
            gap: 8px;
        }

        .engagement-kicker,
        .persona-section-title,
        .staff-gateway-label-021026 {
            margin: 0;
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: var(--accent);
        }

        .engagement-framing-title {
            margin: 0;
            font-size: 1.2rem;
            line-height: 1.25;
            color: var(--page-text-main);
            font-weight: 700;
            letter-spacing: -0.2px;
        }

        .engagement-framing-copy {
            margin: 0;
            font-size: 0.95rem;
            line-height: 1.6;
            color: var(--page-text-main);
        }

        .btn-cta--inline {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            height: 56px;
            padding: 0 26px;
            font-size: 0.75rem;
            letter-spacing: 1.4px;
            text-align: center;
        }

        .engagement-serve .btn-cta--inline {
            position: absolute;
            z-index: 1;
            justify-self: center;
            align-self: center;
            background: linear-gradient(135deg, rgba(197, 160, 89, 1), rgba(197, 160, 89, 0.92));
            opacity: 1;
        }

        .engagement-auxiliary .btn-cta--inline {
            position: static;
            justify-self: start;
            align-self: auto;
        }

        .engagement-signals {
            max-width: 980px;
            margin: 0 auto 12px;
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 14px;
        }

        @media (max-width: 900px) {
            .engagement-signals {
                grid-template-columns: repeat(2, 1fr);
            }
            .engagement-serve {
                grid-template-columns: 1fr;
            }
            .engagement-serve-media {
                min-height: 200px;
            }
            .engagement-auxiliary-actions {
                flex-direction: column;
                align-items: stretch;
            }

            .engagement-auxiliary {
                grid-template-columns: 1fr;
                align-items: stretch;
            }
        }

        @media (max-width: 600px) {
            .engagement-signals {
                grid-template-columns: 1fr;
            }
        }

        .engagement-signal {
            border: 1px solid var(--frame-border);
            background: color-mix(in srgb, var(--accent) 4%, var(--card-bg));
            padding: 14px 16px;
            display: grid;
            gap: 6px;
            transition: border-color var(--motion-base) var(--motion-ease-standard), background var(--motion-base) var(--motion-ease-standard), transform var(--motion-base) var(--motion-ease-standard);
        }

        .engagement-signal:hover {
            border-color: color-mix(in srgb, var(--accent) 54%, var(--frame-border));
            background: color-mix(in srgb, var(--accent) 8%, var(--card-bg));
            transform: translateY(-1px);
        }

        .engagement-signal-label {
            margin: 0;
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.63rem;
            letter-spacing: 1.1px;
            text-transform: uppercase;
            color: var(--accent);
        }

        .engagement-signal-copy {
            margin: 0;
            font-size: 0.82rem;
            line-height: 1.45;
            color: var(--page-text-main);
        }

        /* --- Engagement Priority Visual --- */
        .engagement-priority-visual {
            max-width: 980px;
            margin: 40px auto 20px;
            text-align: center;
        }

        .priority-track {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            margin-bottom: 20px;
        }

        .priority-slot {
            background: var(--card-bg);
            border: 1px solid var(--frame-border);
            padding: 24px;
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            min-height: 100px;
            transition: all var(--motion-base) var(--motion-ease-standard);
        }

        .priority-slot.is-active {
            border-color: var(--accent);
            background: color-mix(in srgb, var(--accent) 5%, var(--card-bg));
            box-shadow: 0 0 20px rgba(0, 243, 255, 0.1);
        }

        .priority-slot.is-pending {
            opacity: 0.6;
            filter: grayscale(0.5);
        }

        .priority-tag {
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.7rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: var(--page-text-main);
            z-index: 2;
        }

        .priority-slot.is-active .priority-tag {
            color: var(--accent);
            font-weight: 700;
        }

        .priority-pulse {
            position: absolute;
            width: 60px;
            height: 60px;
            background: var(--accent);
            border-radius: 50%;
            opacity: 0.2;
            z-index: 1;
            filter: blur(15px);
            animation: priorityPulse 3s infinite ease-in-out;
        }

        @keyframes priorityPulse {
            0% {
                transform: scale(0.8);
                opacity: 0.1;
            }

            50% {
                transform: scale(1.2);
                opacity: 0.3;
            }

            100% {
                transform: scale(0.8);
                opacity: 0.1;
            }
        }

        .priority-helper {
            font-size: 0.75rem;
            color: var(--page-text-dim);
            font-style: italic;
        }

        @media (max-width: 768px) {
            .priority-track {
                grid-template-columns: 1fr;
                gap: 12px;
            }

            .priority-slot {
                min-height: 80px;
                padding: 16px;
            }
        }


        .engagement-boundary {
            margin: 24px auto 6px;
            text-align: center;
            font-size: 0.8rem;
            color: var(--page-text-dim);
            max-width: 820px;
        }

        .engagement-meta {
            margin: 0 auto;
            text-align: center;
        }

        /* --- Persona Cards --- */
        .persona-section {
            padding: 40px 0;
            border-top: 1px solid var(--frame-border);
        }

        .persona-section--compact {
            padding: 8px 0 2px;
            border-top: 0;
            display: grid;
            gap: 22px;
        }

        .persona-section--compact .persona-section-title {
            margin-bottom: 12px;
            text-align: left;
        }

        .engagement-framing-head .persona-section-title {
            margin: 0 0 12px 0;
        }

        .persona-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }

        .persona-card {
            background: var(--card-bg);
            border: 1px solid var(--frame-border);
            padding: 16px 18px 14px;
            transition: all var(--motion-base) var(--motion-ease-standard);
            position: relative;
            overflow: hidden;
            cursor: pointer;
            display: flex;
            flex-direction: column;
            gap: 0;
        }

        .persona-card-hint {
            margin-top: auto;
            padding-top: 6px;
            font-size: 0.82rem;
            text-transform: uppercase;
            letter-spacing: 0;
            color: var(--accent);
            opacity: 0.6;
            transition: opacity 0.3s, transform 0.3s;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            font-weight: 700;
        }

        .persona-card-hint span {
            transition: transform 0.3s var(--motion-ease-standard);
        }

        .persona-card:hover .persona-card-hint {
            opacity: 1;
        }

        .persona-card:hover .persona-card-hint span {
            transform: translateX(4px);
        }

        .persona-card::after {
            content: '';
            position: absolute;
            inset: 0;
            border-radius: inherit;
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
            animation: personaPulse 2s infinite;
            opacity: 0;
            pointer-events: none;
        }

        @keyframes personaPulse {
            0% {
                opacity: 0;
                box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
            }

            50% {
                opacity: 0.5;
                box-shadow: 0 0 12px 6px rgba(255, 255, 255, 0.3);
            }

            100% {
                opacity: 0;
                box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
            }
        }

        .persona-card:hover {
            border-color: var(--accent);
            transform: translateY(-4px);
            background: color-mix(in srgb, var(--accent) 4%, var(--card-bg));
        }

        .persona-card-media {
            position: relative;
            height: 84px;
            margin: -16px -18px 10px;
            overflow: hidden;
            border-bottom: 1px solid color-mix(in srgb, var(--accent) 16%, var(--frame-border));
            background:
                linear-gradient(135deg, rgba(7, 11, 16, 0.18), rgba(7, 11, 16, 0.84)),
                radial-gradient(circle at 18% 20%, rgba(0, 243, 255, 0.22), transparent 44%);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
        }

        .persona-card-media::before {
            content: '';
            position: absolute;
            inset: 0;
            background:
                linear-gradient(180deg, rgba(6, 10, 14, 0.08) 0%, rgba(6, 10, 14, 0.58) 72%, rgba(6, 10, 14, 0.86) 100%),
                linear-gradient(90deg, rgba(255, 255, 255, 0.06), transparent 32%, transparent 68%, rgba(255, 255, 255, 0.04));
            mix-blend-mode: screen;
            opacity: 0.72;
        }

        .persona-card-media::after {
            content: '';
            position: absolute;
            inset: auto 18px 12px;
            height: 1px;
            background: linear-gradient(90deg, color-mix(in srgb, var(--accent) 8%, transparent), color-mix(in srgb, var(--accent) 68%, transparent), color-mix(in srgb, var(--accent) 8%, transparent));
            opacity: 0.8;
        }

        .persona-card[data-persona="government"] .persona-card-media {
            background-image:
                linear-gradient(135deg, rgba(7, 11, 16, 0.18), rgba(7, 11, 16, 0.84)),
                radial-gradient(circle at 18% 20%, rgba(0, 243, 255, 0.22), transparent 44%),
                url('../assets/pages/engagement/engagement-government.png');
            background-position: center;
        }

        .persona-card[data-persona="industry"] .persona-card-media {
            background-image:
                linear-gradient(135deg, rgba(7, 11, 16, 0.18), rgba(7, 11, 16, 0.84)),
                radial-gradient(circle at 18% 20%, rgba(0, 243, 255, 0.22), transparent 44%),
                url('../assets/pages/engagement/engagement-industry.png');
            background-position: center;
        }

        .persona-card[data-persona="education"] .persona-card-media {
            background-image:
                linear-gradient(135deg, rgba(7, 11, 16, 0.18), rgba(7, 11, 16, 0.84)),
                radial-gradient(circle at 18% 20%, rgba(0, 243, 255, 0.22), transparent 44%),
                url('../assets/pages/engagement/engagement-education.png');
            background-position: center;
        }

        .persona-card[data-persona="community"] .persona-card-media {
            background-image:
                linear-gradient(135deg, rgba(7, 11, 16, 0.18), rgba(7, 11, 16, 0.84)),
                radial-gradient(circle at 18% 20%, rgba(0, 243, 255, 0.22), transparent 44%),
                url('../assets/pages/engagement/engagement-community.png');
            background-position: center;
        }

        .persona-card-head {
            display: flex;
            align-items: center;
            margin-bottom: 8px;
        }

        .persona-card-title {
            margin: 0;
            line-height: 1.05;
        }

        .persona-card-copy {
            margin: 0;
            font-size: 0.85rem;
            line-height: 1.42;
        }

        /* --- Team: Strategic Core & Pillars --- */
        .founder-philosophy {
            display: flex;
            flex-direction: column;
            gap: 40px;
            background: var(--card-bg);
            border: 1px solid var(--frame-border);
            padding: 60px;
            margin: 40px auto;
            max-width: 1100px;
            transition: border-color var(--motion-base) var(--motion-ease-standard),
                background var(--motion-base) var(--motion-ease-standard);
        }

        .founder-philosophy:hover {
            border-color: color-mix(in srgb, var(--accent) 40%, var(--frame-border));
            background: color-mix(in srgb, var(--accent) 2%, var(--card-bg));
        }

        .founder-philosophy-header {
            text-align: left;
        }

        .founder-philosophy-image {
            aspect-ratio: 21 / 9;
            width: 100%;
            overflow: hidden;
            border: 1px solid var(--frame-border);
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
            border-radius: 12px;
            position: relative;
        }

        .founder-philosophy-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: 70% 30%;
            filter: grayscale(0.2) contrast(1.1);
        }

        .founder-philosophy-quote-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 60px 40px 40px;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0) 100%);
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
        }

        .founder-philosophy-title {
            font-size: 2.5rem;
            color: var(--page-text-main);
            margin: 12px 0 0;
            letter-spacing: -1px;
            line-height: 1.1;
            font-weight: 700;
        }

        .founder-philosophy-quote {
            font-style: italic;
            font-size: 1.3rem;
            line-height: 1.5;
            color: #ffffff;
            border-left: 3px solid var(--accent);
            padding-left: 20px;
            margin: 0 0 16px;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
            max-width: 800px;
        }

        .founder-philosophy-author {
            color: var(--accent);
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.9rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            padding-left: 23px;
            /* align with border + padding of quote */
            margin: 0;
        }

        .founder-philosophy-body {
            display: grid;
            gap: 20px;
        }

        .functional-pillars {
            display: grid;
            grid-template-columns: 1fr;
            gap: 24px;
            max-width: 1180px;
            margin: 0 auto 60px;
        }

        .pillar-block {
            background: var(--card-bg);
            border: 1px solid var(--frame-border);
            padding: 40px;
            display: flex;
            flex-direction: column;
            transition: all var(--motion-base) var(--motion-ease-standard);
        }

        .pillar-content {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(360px, 420px);
            gap: 24px;
            align-items: start;
        }

        .pillar-primary-column {
            display: grid;
            grid-template-rows: auto 1fr;
            gap: 14px;
            align-content: start;
        }

        .pillar-primary-body {
            display: grid;
            grid-template-columns: 220px minmax(0, 1fr);
            gap: 24px;
            align-items: start;
        }

        .pillar-copy-column {
            display: grid;
            gap: 0;
            align-content: start;
        }

        .pillar-manager-heading {
            display: block;
        }

        .pillar-manager-heading .pillar-title {
            margin: 0;
        }

        .pillar-manager-card {
            margin: 0;
            border: 1px solid var(--frame-border);
            background: color-mix(in srgb, var(--card-bg) 90%, var(--accent) 10%);
            overflow: hidden;
            width: 216px;
            max-width: 216px;
        }

        .pillar-manager-card img {
            display: block;
            width: 100%;
            height: 300px;
            background: var(--img-placeholder);
            object-fit: cover;
            object-position: center top;
        }

        .pillar-manager-card figcaption {
            display: grid;
            gap: 10px;
            padding: 16px 16px 18px;
            border-top: 1px solid color-mix(in srgb, var(--accent) 24%, var(--frame-border));
            background: linear-gradient(180deg, rgba(8, 16, 28, 0.92), rgba(8, 16, 28, 0.72));
        }

        .pillar-manager-role {
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.68rem;
            text-transform: uppercase;
            letter-spacing: 1.2px;
            color: color-mix(in srgb, var(--accent) 76%, var(--page-text-dim));
            text-align: center;
        }

        .pillar-manager-quote {
            margin: 0;
            font-size: 1rem;
            line-height: 1.55;
            color: var(--page-text-main);
        }

        .pillar-manager-card--cp {
            display: grid;
            gap: 0;
        }

        .pillar-manager-card--cp img {
            aspect-ratio: auto;
        }

        .pillar-manager-card--cp figcaption {
            border-top: 1px solid color-mix(in srgb, var(--accent) 24%, var(--frame-border));
        }

        .pillar-manager-card--po {
            display: grid;
            grid-template-columns: 1fr;
        }

        .pillar-manager-card--po img {
            min-height: 0;
            border-right: none;
            border-bottom: 1px solid color-mix(in srgb, var(--accent) 24%, var(--frame-border));
        }

        .pillar-manager-card--po figcaption {
            align-content: center;
            padding: 16px 18px 18px;
        }

        .pillar-block:hover {
            border-color: color-mix(in srgb, var(--accent) 40%, var(--frame-border));
            background: color-mix(in srgb, var(--accent) 2%, var(--card-bg));
        }

        .pillar-title {
            font-size: 1.4rem;
            color: var(--page-text-main);
            margin: 10px 0 20px;
            font-weight: 700;
        }

        .pillar-copy {
            font-size: 1.5rem;
            line-height: 1.6;
            color: var(--page-text-dim);
            margin-bottom: 30px;
            flex-grow: 1;
            text-align: center;
        }

        .pillar-gallery {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 12px;
            align-self: start;
            padding-left: 18px;
            border-left: 1px solid var(--frame-border);
        }

        .pillar-gallery[data-pillar-slideshow] {
            grid-template-columns: 1fr;
            gap: 10px;
            align-content: start;
            grid-template-areas:
                "stage"
                "nav";
        }

        .pillar-thumb {
            margin: 0;
            display: grid;
            gap: 8px;
        }

        .pillar-gallery[data-pillar-slideshow] .pillar-thumb {
            grid-area: stage;
            place-items: center;
            min-height: 360px;
            overflow: hidden;
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transform: scale(1);
            transition:
                opacity 2600ms var(--motion-ease-standard),
                visibility 0s linear 2650ms;
        }

        .pillar-gallery[data-pillar-slideshow] .pillar-thumb.is-active {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            transition:
                opacity 2600ms var(--motion-ease-standard),
                visibility 0s linear 0s;
        }

        .pillar-gallery[data-pillar-slideshow] .pillar-thumb.is-exiting {
            opacity: 0;
            visibility: visible;
            pointer-events: none;
            transition:
                opacity 2600ms var(--motion-ease-standard),
                visibility 0s linear 2650ms;
        }

        .pillar-thumb img {
            width: 100%;
            height: auto;
            aspect-ratio: auto;
            object-fit: contain;
            border: 1px solid var(--frame-border);
            background: var(--img-placeholder);
            transition: transform var(--motion-base) var(--motion-ease-standard);
            cursor: default;
        }

        .pillar-gallery[data-pillar-slideshow] .pillar-thumb img {
            width: 100%;
            height: 100%;
            max-height: none;
            margin-inline: 0;
            object-fit: contain;
            border: none;
            background: transparent;
            transform: scale(1);
            transform-origin: center center;
            transition: transform 5600ms ease-out;
        }

        .pillar-gallery[data-pillar-slideshow] .pillar-thumb.is-active img,
        .pillar-gallery[data-pillar-slideshow] .pillar-thumb.is-exiting img {
            transform: scale(1.3);
        }

        .pillar-thumb figcaption {
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.6rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: color-mix(in srgb, var(--accent) 70%, var(--page-text-dim));
            text-align: center;
        }

        .pillar-slideshow-nav {
            grid-area: nav;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
            justify-content: center;
            padding-top: 4px;
        }

        .pillar-slideshow-dot {
            width: 10px;
            height: 10px;
            border-radius: 999px;
            border: 1px solid color-mix(in srgb, var(--accent) 45%, var(--frame-border));
            background: transparent;
            cursor: pointer;
            padding: 0;
            transition: transform var(--motion-base) var(--motion-ease-standard),
                background var(--motion-base) var(--motion-ease-standard),
                border-color var(--motion-base) var(--motion-ease-standard);
        }

        .pillar-slideshow-dot.is-active {
            background: var(--accent);
            border-color: var(--accent);
            transform: scale(1.15);
        }

        /* --- Responsive Refinements: Team & Engagement --- */
        @media (max-width: 1024px) {
            .founder-philosophy {
                grid-template-columns: 1fr;
                gap: 40px;
                padding: 40px;
                margin: 20px auto;
            }

            .founder-philosophy-image {
                max-width: 280px;
                margin: 0 auto;
            }

            .founder-philosophy-title {
                text-align: center;
                font-size: 1.8rem;
            }

            .founder-philosophy-quote {
                font-size: 1.1rem;
                padding-left: 20px;
                margin-bottom: 24px;
            }
        }

        @media (max-width: 1024px) {
            .founder-philosophy {
                padding: 40px;
                margin: 20px auto;
            }

            .founder-philosophy-header {
                text-align: center;
            }

            .founder-philosophy-image {
                display: flex;
                flex-direction: column;
                aspect-ratio: auto;
                max-width: 100%;
                margin: 0 auto;
            }

            .founder-philosophy-image img {
                aspect-ratio: 16 / 9;
                height: auto;
            }

            .founder-philosophy-quote-overlay {
                position: static;
                background: transparent;
                padding: 24px 0 0 0;
            }

            .founder-philosophy-title {
                font-size: 1.8rem;
            }

            .founder-philosophy-quote {
                color: var(--page-text-main);
                text-shadow: none;
                font-size: 1.1rem;
                padding-left: 20px;
                margin-bottom: 12px;
            }
        }

        @media (max-width: 768px) {
            .functional-pillars {
                grid-template-columns: 1fr;
                gap: 20px;
            }

            .pillar-block {
                padding: 24px;
            }

            .pillar-content {
                grid-template-columns: 1fr;
                gap: 20px;
            }

            .pillar-primary-body {
                grid-template-columns: 1fr;
                gap: 20px;
            }

            .pillar-manager-card {
                width: min(216px, 100%);
                max-width: min(216px, 100%);
                margin-inline: auto;
            }

            .pillar-gallery {
                padding-left: 0;
                border-left: none;
                border-top: 1px solid var(--frame-border);
                padding-top: 14px;
            }

            .pillar-title {
                font-size: 1.25rem;
            }

            .founder-philosophy {
                padding: 24px;
                border-left: none;
                border-right: none;
            }

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

            .pillar-gallery[data-pillar-slideshow] {
                grid-template-columns: 1fr;
            }

            .engagement-priority-visual {
                margin: 30px auto;
            }

            .priority-track {
                grid-template-columns: 1fr;
                gap: 12px;
            }
        }

        .engagement-footer {
            padding: 40px 0 20px;
            text-align: center;
            font-size: 0.75rem;
            color: var(--page-text-dim);
            max-width: 820px;
        }

        /* --- 021026 STAFF GATEWAY --- */
        .staff-gateway-021026 .staff-gateway-layout-021026 {
            display: grid;
            grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.65fr);
            gap: 30px;
            align-items: start;
        }

        .engagement-kicker,
        .staff-gateway-label-021026 {
            margin-bottom: 12px;
        }

        .staff-gateway-copy-021026 {
            margin: 0;
            font-size: 0.95rem;
            line-height: 1.6;
            color: var(--page-text-main);
        }

        .team-tab-bar {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 14px;
            margin: 0 0 24px 0;
        }

        .team-tab {
            background: var(--card-bg);
            border: 1px solid var(--frame-border);
            color: var(--page-text-main);
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.7rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            padding: 14px 16px;
            cursor: pointer;
            transition: border-color var(--motion-base) var(--motion-ease-standard), box-shadow var(--motion-base) var(--motion-ease-standard), transform var(--motion-base) var(--motion-ease-standard);
            display: flex;
            align-items: center;
            gap: 14px;
            text-align: left;
        }

        .team-tab img {
            width: 64px;
            height: 64px;
            border-radius: 14px;
            object-fit: cover;
            border: 1px solid var(--frame-border);
            background: var(--img-placeholder);
            box-shadow: 0 12px 26px rgba(0, 0, 0, 0.25);
        }

        .team-tab span {
            display: inline-block;
        }

        .team-tab.is-active {
            border-color: var(--accent);
            box-shadow: 0 0 0 1px var(--accent) inset;
        }

        .team-tab:hover {
            border-color: var(--accent);
            transform: translateY(-1px);
        }

        .team-panels {
            margin-top: 8px;
            position: relative;
            overflow: hidden;
            min-height: 820px;
            transition: height 400ms ease-in-out;
        }

        .team-panel {
            position: absolute;
            inset: 0;
            opacity: 0;
            transform: translateX(0);
            pointer-events: none;
            will-change: transform, opacity;
            transition: transform 400ms ease-in-out, opacity 400ms ease-in-out;
        }

        .team-panel.is-active {
            opacity: 1;
            pointer-events: auto;
            z-index: 2;
        }

        .team-panel.is-enter-from-right {
            transform: translateX(100%);
            opacity: 0;
            z-index: 3;
        }

        .team-panel.is-enter-from-left {
            transform: translateX(-100%);
            opacity: 0;
            z-index: 3;
        }

        .team-panel.is-exit-to-left {
            transform: translateX(-100%);
            opacity: 0;
            z-index: 1;
        }

        .team-panel.is-exit-to-right {
            transform: translateX(100%);
            opacity: 0;
            z-index: 1;
        }

        .no-js .team-tab-bar {
            display: none;
        }

        .no-js .team-panels {
            position: static;
            overflow: visible;
            height: auto !important;
            min-height: 0;
        }

        .no-js .team-panel {
            position: static;
            opacity: 1;
            transform: none;
            pointer-events: auto;
        }

        .staff-gateway-profiles-021026 {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 20px;
        }

        .staff-profile-card-021026 {
            background: var(--card-bg);
            border: 1px solid var(--frame-border);
            padding: 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            gap: 12px;
        }

        .staff-profile-card-021026--manager {
            flex-direction: row;
            align-items: flex-start;
            text-align: left;
            gap: 18px;
            width: 100%;
            max-width: 100%;
        }

        .staff-profile-card-021026--centered {
            max-width: 540px;
            margin: 0 auto;
        }

        .staff-profile-image-021026 {
            width: 156px;
            height: 156px;
            border-radius: 18px;
            overflow: hidden;
            border: 2px solid var(--accent);
            background: var(--img-placeholder);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .staff-profile-image-021026 img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .staff-profile-photo-top {
            object-position: center top;
        }

        .staff-profile-details-021026 {
            display: flex;
            flex-direction: column;
            gap: 6px;
            min-width: 0;
            flex: 1;
        }

        .staff-profile-blurb-021026 {
            margin: 6px 0 0 0;
            font-size: 0.85rem;
            color: var(--page-text-main);
            line-height: 1.5;
        }

        .staff-profile-quote-021026 {
            margin: 8px 0 0 0;
            font-size: 0.8rem;
            color: var(--page-text-dim);
            font-style: italic;
        }

        .staff-profile-name-021026 {
            margin: 0;
            color: var(--page-text-main);
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-size: 0.85rem;
        }

        .staff-profile-role-021026 {
            margin: 4px 0 0 0;
            font-size: 0.75rem;
            color: var(--page-text-dim);
        }

        .staff-founder-card-021026 {
            background: var(--card-bg);
            border: 1px solid var(--frame-border);
            padding: 28px;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            gap: 12px;
        }

        .staff-founder-image-021026 {
            width: 200px;
            height: 250px;
            border-radius: 20px;
            overflow: hidden;
            border: 2px solid rgba(197, 160, 89, 0.65);
            background: transparent;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35);
        }

        .staff-founder-image-021026 img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 18px;
        }

        .founder-variants-021026 {
            display: flex;
            flex-direction: column;
            gap: 28px;
            margin-top: 10px;
        }

        .founder-variant-021026 {
            background: var(--card-bg);
            border: 1px solid var(--frame-border);
            padding: 26px;
            display: grid;
            gap: 24px;
            align-items: center;
        }

        .founder-variant-021026--overlap {
            grid-template-columns: 1fr;
            gap: 0;
        }

        .founder-letter-021026 {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .founder-letter-021026--overlap {
            background: var(--card-bg);
            border: 1px solid var(--frame-border);
            padding: 20px 22px;
            margin: -36px 40px 0 40px;
            position: relative;
            z-index: 2;
            box-shadow: 0 18px 35px rgba(0, 0, 0, 0.25);
        }

        .founder-image-wrap-021026 {
            position: relative;
            z-index: 1;
        }

        .founder-section {
            border: 1px solid var(--frame-border);
            background: var(--card-bg);
            padding: 18px;
        }

        .founder-section-toggle {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: transparent;
            border: none;
            padding: 0 0 12px 0;
            cursor: pointer;
            text-align: left;
        }

        .founder-section-toggle:focus-visible {
            outline: 2px solid var(--accent);
            outline-offset: 4px;
        }

        .founder-section-title {
            margin: 0;
        }

        .founder-section-body {
            overflow: hidden;
            max-height: 0;
            opacity: 0;
            transition: max-height 0.35s ease, opacity 0.35s ease;
        }

        .founder-section-body.is-open {
            opacity: 1;
        }

        .founder-image-frame-021026 {
            border-radius: 18px;
            overflow: hidden;
            border: 2px solid rgba(197, 160, 89, 0.55);
            background: var(--img-placeholder);
            box-shadow: 0 16px 35px rgba(0, 0, 0, 0.35);
            justify-self: center;
            width: 100%;
            max-width: 360px;
            aspect-ratio: 4 / 5;
        }

        .founder-image-frame-021026 img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .founder-image-frame-021026--16x9 {
            aspect-ratio: 16 / 9;
            max-width: 720px;
            width: 100%;
        }

        .founder-image-frame-021026--wide {
            max-width: 820px;
        }

        .founder-image-frame-021026--hero {
            position: relative;
        }

        .founder-image-overlay-021026 {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 42%;
            padding: 22px 24px;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            gap: 10px;
            color: #f8fafc;
            background: linear-gradient(90deg, rgba(11, 18, 32, 0.92) 0%, rgba(11, 18, 32, 0.7) 55%, rgba(11, 18, 32, 0) 100%);
        }

        .founder-quote-021026 {
            color: #f8fafc;
        }

        .founder-quote-meta-021026 {
            color: var(--accent);
        }

        .founder-image-overlay-021026--top {
            justify-content: flex-start;
            padding-top: clamp(120px, 30%, 220px);
        }

        .founder-image-overlay-021026--top .founder-quote-021026 {
            font-size: 1.15rem;
            line-height: 1.55;
        }

        .founder-quote-021026 {
            margin: 0;
            font-size: 0.95rem;
            line-height: 1.5;
        }

        .founder-quote-meta-021026 {
            margin: 0;
            font-size: 0.7rem;
            letter-spacing: 1px;
            text-transform: uppercase;
            color: var(--accent);
            font-family: 'JetBrains Mono', monospace;
            text-align: right;
            align-self: flex-end;
        }

        .staff-grid-block-021026 {
            margin-top: 30px;
        }

        .staff-grid-title-021026 {
            margin: 0 0 16px 0;
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: var(--page-text-dim);
        }

        .staff-section {
            border: 1px solid var(--frame-border);
            background: var(--card-bg);
            padding: 26px;
        }

        .staff-section+.staff-section {
            margin-top: 20px;
        }

        .staff-section-body {
            margin-top: 4px;
        }

        .staff-section-copy {
            margin: 0;
            font-size: 0.9rem;
            color: var(--page-text-main);
            line-height: 1.6;
        }

        .staff-section-grid {
            display: grid;
            grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
            gap: 18px;
            align-items: start;
        }

        .staff-section-grid--stack {
            grid-template-columns: 1fr;
        }

        .staff-section-grid>* {
            min-width: 0;
        }

        .staff-section-text {
            display: flex;
            align-items: flex-start;
            padding: 12px 0 8px 0;
            border-top: 1px solid var(--frame-border);
            border-bottom: 1px solid var(--frame-border);
        }

        .staff-section-gallery {
            grid-column: 1 / -1;
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 12px;
            margin-top: 12px;
        }

        .staff-section-thumb {
            margin: 0;
            border: 1px solid var(--frame-border);
            background: var(--page-bg);
        }

        .staff-section-thumb img {
            width: 100%;
            height: auto;
            display: block;
        }

        .staff-section-thumb figcaption {
            font-size: 0.7rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: var(--page-text-dim);
            padding: 8px 10px;
        }

        .staff-photo-grid-021026 {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 18px;
        }

        .staff-photo-card-021026 {
            background: var(--card-bg);
            border: 1px solid var(--frame-border);
            padding: 16px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
        }

        .staff-photo-image-021026 {
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 18px;
            overflow: hidden;
            background: var(--img-placeholder);
        }

        .staff-photo-image-021026 img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .staff-photo-label-021026 {
            margin: 0;
            font-size: 0.7rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: var(--page-text-dim);
            text-align: center;
        }

        .staff-gateway-disclaimer-021026 {
            margin: 30px 0 0 0;
            font-size: 0.75rem;
            color: var(--page-text-dim);
            max-width: 700px;
        }

        /* --- OVERVIEW LAYOUT --- */
        .overview-hero {
            --overview-fit-scale: 1;
            text-align: center;
            padding: 8px 50px 42px;
            min-height: calc(100svh - var(--nav-current-height, 95px));
            display: flex;
            align-items: flex-start;
            justify-content: center;
        }

        .overview-content {
            width: min(100%, 900px);
            margin: 0 auto;
            position: relative;
            z-index: 1;
        }

        .overview-tagline {
            font-family: 'JetBrains Mono', monospace;
            font-size: calc(0.75rem * var(--overview-fit-scale, 1));
            letter-spacing: calc(4px * var(--overview-fit-scale, 1));
            color: var(--page-text-dim);
            text-transform: uppercase;
        }

        .overview-title {
            font-size: calc(4.5rem * var(--overview-fit-scale, 1) * var(--overview-title-scale, 1));
            font-weight: 700;
            color: var(--page-text-main);
            line-height: 1.08;
            letter-spacing: calc(-2px * var(--overview-fit-scale, 1));
            margin: calc(12px * var(--overview-fit-scale, 1)) 0;
        }

        .overview-copy {
            max-width: min(94vw, 700px);
            margin: 0 auto;
            line-height: calc(1.34 + (var(--overview-fit-scale, 1) * 0.22));
        }

        /* --- 021026 VPN GATE --- */
        .vpn-gate-021026 {
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }

        .vpn-nav-021026 {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 16px 50px;
            border-bottom: 1px solid var(--frame-border);
            background: var(--frame-bg);
        }

        .vpn-nav-logo-021026 {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            text-decoration: none;
        }

        .vpn-nav-logo-021026 img {
            height: 42px;
            width: auto;
        }

        .vpn-nav-link-021026 {
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.7rem;
            letter-spacing: 1px;
            text-transform: uppercase;
            color: var(--page-text-dim);
            text-decoration: none;
            border: 1px solid var(--frame-border);
            padding: 8px 14px;
            transition: 0.3s;
        }

        .vpn-nav-link-021026:hover {
            border-color: var(--accent);
            color: var(--accent);
        }

        .vpn-gate-main-021026 {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 80px 20px;
        }

        .vpn-box-021026 {
            width: min(460px, 90vw);
            background: var(--card-bg);
            border: 1px solid var(--frame-border);
            padding: 32px;
            text-align: left;
        }

        .vpn-status-021026 {
            display: flex;
            flex-direction: column;
            gap: 4px;
            font-family: 'JetBrains Mono', monospace;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-size: 0.65rem;
            color: var(--accent);
            margin-bottom: 20px;
        }

        .vpn-status-sub-021026 {
            color: var(--page-text-dim);
            font-size: 0.6rem;
        }

        .vpn-title-021026 {
            margin: 0 0 8px 0;
            color: var(--page-text-main);
            text-transform: uppercase;
            letter-spacing: 2px;
            font-size: 1.1rem;
        }

        .vpn-subtitle-021026 {
            margin: 0 0 24px 0;
            color: var(--page-text-dim);
            font-size: 0.85rem;
        }

        .vpn-form-021026 {
            display: flex;
            flex-direction: column;
            gap: 14px;
        }

        .vpn-form-021026 label {
            font-size: 0.75rem;
            color: var(--page-text-main);
            font-weight: 700;
        }

        .vpn-form-021026 input {
            background: var(--page-bg);
            border: 1px solid var(--frame-border);
            color: var(--page-text-main);
            padding: 10px 12px;
            font-size: 0.9rem;
            font-family: inherit;
        }

        .vpn-form-021026 input:focus {
            outline: none;
            border-color: var(--accent);
        }

        .vpn-submit-021026 {
            background: var(--accent);
            color: var(--bg-dark);
            padding: 12px 20px;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 1px;
            border: none;
            cursor: pointer;
            text-transform: uppercase;
        }

        [data-theme="light"] .vpn-submit-021026 {
            color: #ffffff;
        }

        .vpn-error-021026 {
            margin: 8px 0 0 0;
            font-size: 0.85rem;
            color: var(--accent);
        }

        /* --- FOOTER LAYOUT --- */
        .footer-left {
            display: flex;
            align-items: center;
            gap: 30px;
        }

        .footer-right {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .footer-theme {
            flex-wrap: wrap;
        }

        .theme-text {
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.6rem;
            letter-spacing: 1px;
            text-transform: uppercase;
            color: var(--page-text-dim);
        }

        .footer-actions {
            display: flex;
            align-items: center;
        }

        .footer-actions .status-pill {
            margin-right: 10px;
        }

        .btn-portal--footer {
            width: auto;
            font-size: 0.55rem;
            padding: 6px 10px;
            letter-spacing: 1.5px;
            border-color: var(--page-text-dim);
            color: var(--page-text-dim);
        }

        .btn-portal--footer:hover {
            border-color: var(--accent);
            color: var(--accent);
            background: transparent;
        }

        .footer-legal {
            display: flex;
            align-items: center;
            gap: 14px;
            font-size: 0.65rem;
            color: var(--page-text-dim);
            flex-basis: 100%;
            width: 100%;
            flex-wrap: wrap;
            justify-content: flex-start;
            padding-top: 2px;
        }

        .footer-legal a {
            color: var(--page-text-dim);
            text-decoration: none;
            border-bottom: 1px solid transparent;
        }

        .footer-legal a:hover {
            color: var(--page-text-main);
            border-bottom-color: var(--accent);
        }

        .footer-legal a.footer-egg {
            border-bottom: none;
            opacity: 0.45;
            font-size: 0.72rem;
            line-height: 1;
            padding: 0 2px;
            transform: translateY(-1px);
        }

        .footer-legal a.footer-egg:hover {
            opacity: 1;
            color: var(--accent);
            border-bottom: none;
        }
        .footer-layout--grid {
            display: grid;
            gap: 8px;
            padding: 10px 50px;
            max-width: 1200px;
            width: 100%;
            margin: 0 auto;
            box-sizing: border-box;
            justify-content: stretch;
        }
        .footer-row {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
            align-items: center;
            gap: 12px;
            width: 100%;
        }
        .footer-cell--left {
            justify-self: start;
        }
        .footer-cell--center {
            justify-self: center;
        }
        .footer-cell--right {
            justify-self: end;
        }
        .footer-links-group {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
            color: var(--page-text-dim);
            font-size: 0.65rem;
        }
        .footer-links-group a {
            color: var(--page-text-dim);
            text-decoration: none;
            border-bottom: 1px solid transparent;
        }
        .footer-links-group a:hover {
            color: var(--page-text-main);
            border-bottom-color: var(--accent);
        }
        .footer-egg-dot,
        .footer-egg-link {
            opacity: 0.5;
            font-size: 0.72rem;
            line-height: 1;
            transform: translateY(-1px);
        }
        .footer-egg-link {
            border-bottom: none !important;
            padding: 0 2px;
        }
        .footer-egg-link:hover {
            opacity: 1;
            color: var(--accent);
            border-bottom: none !important;
        }
        .footer-status-group {
            display: inline-flex;
            align-items: center;
            gap: 10px;
        }
        .footer-copyright {
            color: var(--page-text-dim);
            font-size: 0.65rem;
            text-align: right;
            white-space: nowrap;
        }

        .legal-page {
            background: color-mix(in srgb, var(--page-bg) 86%, #dfe3e8);
            color: var(--page-text-dim);
            min-height: 100vh;
        }

        .legal-page main {
            max-width: 860px;
            margin: -8px auto 80px;
            padding: 30px 34px 40px;
            border: none;
            border-radius: 2px;
            background: color-mix(in srgb, var(--card-bg) 98%, #ffffff);
            box-shadow: 0 4px 12px rgba(6, 12, 24, 0.16);
        }

        .legal-page h1 {
            color: var(--page-text-main);
            font-size: clamp(2rem, 3.1vw, 2.35rem);
            margin: 0 0 16px 0;
        }

        .tsi-utility-bar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 10px 14px;
            border-bottom: 1px solid var(--frame-border);
            background: color-mix(in srgb, var(--card-bg) 92%, transparent);
            position: relative;
            z-index: 20;
            box-shadow: 0 3px 10px rgba(6, 12, 24, 0.1);
        }

        .tsi-utility-bar__left {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            min-width: 0;
        }

        .tsi-utility-brand {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 24px;
            height: 24px;
            border-radius: 6px;
            border: 1px solid var(--frame-border);
            background: color-mix(in srgb, var(--card-bg) 90%, transparent);
            text-decoration: none;
            flex: 0 0 auto;
        }

        .tsi-utility-brand-wrap {
            position: relative;
            display: inline-flex;
            align-items: center;
        }

        .tsi-utility-brand img {
            width: 100%;
            height: 100%;
            display: block;
        }

        .tsi-brand-menu {
            position: absolute;
            top: 100%;
            left: 0;
            min-width: 280px;
            display: none;
            z-index: 40;
            padding: 8px;
            border: 1px solid var(--frame-border);
            border-radius: 10px;
            background: color-mix(in srgb, var(--card-bg) 96%, transparent);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22);
        }

        .tsi-utility-brand-wrap:hover .tsi-brand-menu,
        .tsi-utility-brand-wrap.is-open .tsi-brand-menu,
        .tsi-utility-brand-wrap:focus-within .tsi-brand-menu {
            display: grid;
            gap: 4px;
        }

        .tsi-brand-menu__link {
            display: block;
            padding: 7px 10px;
            border-radius: 6px;
            color: var(--page-text-main);
            text-decoration: none;
            border: 1px solid transparent;
            font-family: "JetBrains Mono", monospace;
            font-size: 0.64rem;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            line-height: 1.2;
            white-space: nowrap;
        }

        .tsi-brand-menu__link:hover,
        .tsi-brand-menu__link:focus-visible {
            color: var(--accent);
            border-color: color-mix(in srgb, var(--accent) 45%, var(--frame-border));
            background: color-mix(in srgb, var(--accent) 10%, transparent);
        }
        .tsi-brand-menu__item {
            position: relative;
        }
        .tsi-brand-menu__link.has-submenu {
            padding-right: 26px;
        }
        .tsi-brand-menu__link.has-submenu::after {
            content: ">";
            position: absolute;
            right: 10px;
            opacity: 0.72;
        }
        .tsi-brand-submenu {
            position: absolute;
            top: -2px;
            left: calc(100% - 4px);
            min-width: 240px;
            display: none;
            z-index: 41;
            padding: 8px;
            border: 1px solid var(--frame-border);
            border-radius: 10px;
            background: color-mix(in srgb, var(--card-bg) 97%, transparent);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22);
        }
        .tsi-brand-menu__item:hover .tsi-brand-submenu,
        .tsi-brand-menu__item.is-open .tsi-brand-submenu,
        .tsi-brand-menu__item:focus-within .tsi-brand-submenu {
            display: grid;
            gap: 4px;
        }
        .tsi-brand-submenu__link {
            display: block;
            padding: 7px 10px;
            border-radius: 6px;
            color: var(--page-text-main);
            text-decoration: none;
            border: 1px solid transparent;
            font-family: "JetBrains Mono", monospace;
            font-size: 0.64rem;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            line-height: 1.2;
            white-space: nowrap;
        }
        .tsi-brand-submenu__link:hover,
        .tsi-brand-submenu__link:focus-visible {
            color: var(--accent);
            border-color: color-mix(in srgb, var(--accent) 45%, var(--frame-border));
            background: color-mix(in srgb, var(--accent) 10%, transparent);
        }

        .tsi-utility-bar__title {
            margin: 0;
            display: inline-flex;
            align-items: center;
            gap: 0.35em;
            color: var(--page-text-main);
            font-family: "JetBrains Mono", monospace;
            font-size: 0.8rem;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            line-height: 1.2;
            white-space: nowrap;
            overflow: visible;
            text-overflow: clip;
        }

        .tsi-utility-bar h1.tsi-utility-bar__title {
            margin: 0;
            font-size: 0.8rem;
            line-height: 1.2;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }

        .tsi-utility-bar__left .tsi-utility-bar__title::before {
            content: ">";
            opacity: 0.6;
            margin-right: 0.55em;
        }

        .tsi-utility-crumb {
            color: var(--page-text-main);
            text-decoration: none;
            border-bottom: 1px solid transparent;
            font-family: "JetBrains Mono", monospace;
            font-size: inherit;
            letter-spacing: inherit;
            text-transform: inherit;
            line-height: inherit;
            white-space: nowrap;
        }

        .tsi-utility-crumb-wrap {
            position: relative;
            display: inline-flex;
            align-items: center;
        }

        .tsi-crumb-menu {
            position: absolute;
            top: 100%;
            left: 0;
            min-width: 280px;
            display: none;
            z-index: 40;
            padding: 8px;
            border: 1px solid var(--frame-border);
            border-radius: 10px;
            background: color-mix(in srgb, var(--card-bg) 96%, transparent);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22);
        }

        .tsi-utility-crumb-wrap:hover .tsi-crumb-menu,
        .tsi-utility-crumb-wrap.is-open .tsi-crumb-menu,
        .tsi-utility-crumb-wrap:focus-within .tsi-crumb-menu {
            display: grid;
            gap: 4px;
        }

        .tsi-crumb-menu__link {
            display: block;
            padding: 7px 10px;
            border-radius: 6px;
            color: var(--page-text-main);
            text-decoration: none;
            border: 1px solid transparent;
            font-family: "JetBrains Mono", monospace;
            font-size: 0.64rem;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            line-height: 1.2;
            white-space: nowrap;
        }

        .tsi-crumb-menu__link:hover,
        .tsi-crumb-menu__link:focus-visible {
            color: var(--accent);
            border-color: color-mix(in srgb, var(--accent) 45%, var(--frame-border));
            background: color-mix(in srgb, var(--accent) 10%, transparent);
        }

        .tsi-brand-menu__link,
        .tsi-crumb-menu__link {
            font-family: "JetBrains Mono", monospace;
            font-size: 0.64rem;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            line-height: 1.2;
            font-weight: 400;
        }

        .tsi-brand-menu__link:hover,
        .tsi-brand-menu__link:focus-visible,
        .tsi-crumb-menu__link:hover,
        .tsi-crumb-menu__link:focus-visible {
            color: var(--accent);
            border-color: color-mix(in srgb, var(--accent) 45%, var(--frame-border));
            background: color-mix(in srgb, var(--accent) 10%, transparent);
        }

        .tsi-utility-crumb:hover {
            color: var(--accent);
            border-bottom-color: var(--accent);
        }

        .tsi-utility-crumb.is-current {
            border-bottom: none;
        }

        .tsi-utility-bar__crumb-sep {
            opacity: 0.6;
            padding: 0 0.35em;
        }

        .tsi-utility-bar__actions {
            display: flex;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
        }

        .tsi-utility-bar__btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid var(--frame-border);
            border-radius: 999px;
            background: color-mix(in srgb, var(--card-bg) 90%, transparent);
            color: var(--page-text-main);
            font-family: "JetBrains Mono", monospace;
            font-size: 0.68rem;
            letter-spacing: 0.07em;
            text-transform: uppercase;
            padding: 6px 10px;
            cursor: pointer;
            text-decoration: none;
            line-height: 1.1;
        }

        .tsi-utility-bar a.tsi-utility-bar__btn {
            border-bottom: none;
            color: var(--page-text-main);
        }

        .tsi-utility-bar__btn:hover {
            border-color: var(--accent);
            color: var(--accent);
        }

        .tsi-utility-bar a.tsi-utility-bar__btn:hover {
            border-bottom: none;
            color: var(--accent);
        }

        @media (max-width: 700px) {
            .tsi-utility-bar {
                padding: 8px 10px;
            }

            .tsi-utility-bar__title {
                font-size: 0.66rem;
                letter-spacing: 0.06em;
            }

            .tsi-utility-bar__btn {
                padding: 5px 8px;
                font-size: 0.62rem;
            }
        }

        .site-back-btn,
        .legal-return {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            padding: 6px 12px;
            border: 1px solid var(--frame-border);
            border-radius: 999px;
            background: color-mix(in srgb, var(--card-bg) 90%, transparent);
            color: var(--page-text-main);
            text-decoration: none;
            font-family: "JetBrains Mono", monospace;
            font-size: 0.68rem;
            letter-spacing: 0.07em;
            text-transform: uppercase;
            line-height: 1.1;
        }

        .site-back-btn:hover,
        .legal-return:hover {
            border-color: var(--accent);
            color: var(--accent);
            border-bottom-color: var(--accent);
        }

        .legal-return {
            margin-bottom: 18px;
        }

        .legal-page h2 {
            color: var(--page-text-main);
            font-size: 1.03rem;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            margin: 26px 0 10px 0;
            padding-top: 0;
            border-top: none;
        }

        .legal-page p {
            margin: 0 0 14px 0;
            line-height: 1.68;
        }

        .legal-page ul {
            margin: 0 0 14px 0;
            padding-left: 20px;
        }

        .legal-page li {
            margin-bottom: 8px;
            line-height: 1.6;
        }

        .legal-meta {
            font-size: 0.75rem;
            color: var(--page-text-dim);
            margin-bottom: 18px;
        }

        .legal-page a {
            color: var(--accent);
            text-decoration: none;
            border-bottom: 1px solid transparent;
        }

        .legal-page a:hover {
            border-bottom-color: var(--accent);
        }

        @media (max-width: 900px) {
            .legal-page main {
                margin: -6px 12px 56px;
                padding: 16px 10px 24px;
            }
        }

        .footer-label {
            font-weight: 700;
            text-transform: uppercase;
        }


        /* --- TAB LAYOUT --- */
        .tab-panels {
            position: relative;
        }

        .section-wrap {
            display: none;
        }

        .section-wrap:target {
            display: block;
        }

        .section-wrap#overview {
            display: block;
            background-color: var(--page-bg);
            transition: background-color var(--motion-base) var(--motion-ease-soft);
        }

        body.is-overview-preload {
            background-color: rgba(var(--overview-texas-fill-rgb), var(--overview-texas-fill-alpha));
        }

        body.is-overview-preload .section-wrap#overview {
            background-color: rgba(var(--overview-texas-fill-rgb), var(--overview-texas-fill-alpha));
        }

        .section-wrap:target~.section-wrap#overview {
            display: none;
        }

        /* --- TAB NAV STYLING --- */
        .header-index {
            align-items: flex-end;
            gap: 6px;
        }

        .header-index a {
            padding: 4px 10px;
            border: 1px solid rgba(197, 160, 89, 0.35);
            border-bottom: 0;
            border-radius: 10px 10px 0 0;
            background: transparent;
            opacity: 0.65;
            box-shadow: 0 -1px 0 rgba(197, 160, 89, 0.2) inset;
            transition: opacity var(--tab-switch-motion) var(--motion-ease-soft), border-color var(--tab-switch-motion) var(--motion-ease-soft), box-shadow var(--tab-switch-motion) var(--motion-ease-soft), background var(--tab-switch-motion) var(--motion-ease-soft), transform var(--tab-switch-motion) var(--motion-ease-standard), min-height var(--tab-switch-motion) var(--motion-ease-standard), min-width var(--tab-switch-motion) var(--motion-ease-standard), padding var(--tab-switch-motion) var(--motion-ease-standard);
            line-height: 1;
            transform-origin: bottom center;
            min-height: 24px;
            min-width: 64px;
            justify-content: flex-start;
            position: relative;
            overflow: hidden;
            will-change: transform, box-shadow, background, min-height, min-width, padding;
            /* Allow the container to grow with the label if needed */
            width: auto;
        }

        .header-index .nav-num {
            position: absolute;
            left: 10px;
            top: 50%;
            transform: translateY(-50%) scale(1);
            font-size: 0.64rem;
            line-height: 1;
            opacity: 0.92;
            letter-spacing: 0.2px;
            transition: left var(--tab-switch-motion) var(--motion-ease-standard), top var(--tab-switch-motion) var(--motion-ease-standard), transform var(--tab-switch-motion) var(--motion-ease-standard), font-size var(--tab-switch-motion) var(--motion-ease-standard), opacity var(--tab-switch-motion) var(--motion-ease-standard);
            pointer-events: none;
            z-index: 1;
            filter: saturate(0.9);
        }

        .header-index .nav-label {
            position: relative;
            z-index: 1;
            font-size: 0.64rem;
            letter-spacing: 1.7px;
            text-align: left;
            margin-left: 18px;
            transform: scale(1);
            transform-origin: left center;
            transition: margin-left var(--tab-switch-motion) var(--motion-ease-standard), font-size var(--tab-switch-motion) var(--motion-ease-standard), letter-spacing var(--tab-switch-motion) var(--motion-ease-standard), color var(--tab-switch-motion) var(--motion-ease-standard), transform var(--tab-switch-motion) var(--motion-ease-standard);
        }

        .header-index a[href="#overview"] .nav-num {
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%) scale(1);
            font-size: 0.64rem;
            opacity: 0.92;
        }

        [data-theme="light"] .header-index a {
            border-color: rgba(139, 107, 35, 0.35);
            box-shadow: 0 -1px 0 rgba(139, 107, 35, 0.2) inset;
        }

        .header-index a:hover {
            opacity: 1;
            border-color: var(--accent);
            box-shadow: 0 -2px 0 color-mix(in srgb, var(--accent) 70%, transparent) inset, 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent);
            transform: translateY(-2px) scale(1.06);
        }

        .header-index a:hover .nav-num {
            transform: translateY(-50%) scale(1.06);
            opacity: 0.98;
        }

        .header-index a[href="#overview"]:hover .nav-num {
            transform: translate(-50%, -50%) scale(1.06);
        }

        .header-index a:focus-visible {
            outline: 2px solid var(--accent);
            outline-offset: 2px;
        }

        .header-index a.is-active,
        .header-index a[aria-current="page"],
        body[data-active-tab="overview"] .header-index a[href="#overview"],
        body[data-active-tab="mandate"] .header-index a[href="#mandate"],
        body[data-active-tab="rubric"] .header-index a[href="#rubric"],
        body[data-active-tab="pipeline"] .header-index a[href="#pipeline"],
        body[data-active-tab="engagement"] .header-index a[href="#engagement"],
        body[data-active-tab="team"] .header-index a[href="#team"] {
            background: var(--tab-active-bg-strong);
            border-color: var(--accent);
            opacity: 1;
            box-shadow: inset 0 3px 0 color-mix(in srgb, var(--logo-gold-primary) 76%, transparent), inset 2px 0 0 color-mix(in srgb, var(--logo-gold-secondary) 62%, transparent), inset -2px 0 0 color-mix(in srgb, var(--logo-gold-secondary) 62%, transparent);
            padding: 8px 16px 7px;
            min-height: 36px;
            min-width: 180px;
            justify-content: center;
            transform: none;
            flex-shrink: 0;
        }



        .header-index a.is-active .nav-num,
        .header-index a[aria-current="page"] .nav-num,
        body[data-active-tab="overview"] .header-index a[href="#overview"] .nav-num,
        body[data-active-tab="mandate"] .header-index a[href="#mandate"] .nav-num,
        body[data-active-tab="rubric"] .header-index a[href="#rubric"] .nav-num,
        body[data-active-tab="pipeline"] .header-index a[href="#pipeline"] .nav-num,
        body[data-active-tab="engagement"] .header-index a[href="#engagement"] .nav-num,
        body[data-active-tab="team"] .header-index a[href="#team"] .nav-num {
            font-size: 2.45rem;
            opacity: 0.24;
            left: 50%;
            top: 54%;
            z-index: 0;
            transform: translate(-50%, -49%) scale(1.12);
        }

        .header-index a.is-active .nav-label,
        .header-index a[aria-current="page"] .nav-label,
        body[data-active-tab="overview"] .header-index a[href="#overview"] .nav-label,
        body[data-active-tab="mandate"] .header-index a[href="#mandate"] .nav-label,
        body[data-active-tab="rubric"] .header-index a[href="#rubric"] .nav-label,
        body[data-active-tab="pipeline"] .header-index a[href="#pipeline"] .nav-label,
        body[data-active-tab="engagement"] .header-index a[href="#engagement"] .nav-label,
        body[data-active-tab="team"] .header-index a[href="#team"] .nav-label {
            position: relative;
            left: 0;
            top: 0;
            font-size: 0.72rem;
            letter-spacing: 2px;
            margin-left: 0;
            text-align: center;
            width: max-content;
            display: block;
            transform-origin: center center;
            transform: scale(1.14);
            z-index: 2;
        }

        @media (min-width: 1025px) {
            .header-index .nav-num {
                opacity: 0.34;
                font-size: 0.56rem;
                left: 9px;
            }

            .header-index .nav-label {
                margin-left: 14px;
                letter-spacing: 1.35px;
            }

            .header-index a.is-active .nav-num,
            .header-index a[aria-current="page"] .nav-num,
            body[data-active-tab="overview"] .header-index a[href="#overview"] .nav-num,
            body[data-active-tab="mandate"] .header-index a[href="#mandate"] .nav-num,
            body[data-active-tab="rubric"] .header-index a[href="#rubric"] .nav-num,
            body[data-active-tab="pipeline"] .header-index a[href="#pipeline"] .nav-num,
            body[data-active-tab="engagement"] .header-index a[href="#engagement"] .nav-num,
            body[data-active-tab="team"] .header-index a[href="#team"] .nav-num {
                left: 9px;
                top: 50%;
                font-size: 0.6rem;
                opacity: 0.46;
                transform: translateY(-50%);
            }

            .header-index a[href="#overview"] .nav-num,
            .header-index a.is-active[href="#overview"] .nav-num,
            .header-index a[aria-current="page"][href="#overview"] .nav-num,
            body[data-active-tab="overview"] .header-index a[href="#overview"] .nav-num {
                left: 50%;
                transform: translate(-50%, -50%);
            }

            .header-index a.is-active,
            .header-index a[aria-current="page"],
            body[data-active-tab="overview"] .header-index a[href="#overview"],
            body[data-active-tab="mandate"] .header-index a[href="#mandate"],
            body[data-active-tab="rubric"] .header-index a[href="#rubric"],
            body[data-active-tab="pipeline"] .header-index a[href="#pipeline"],
            body[data-active-tab="engagement"] .header-index a[href="#engagement"],
            body[data-active-tab="team"] .header-index a[href="#team"] {
                min-width: 152px;
            }

            .header-index a.is-active .nav-label,
            .header-index a[aria-current="page"] .nav-label,
            body[data-active-tab="overview"] .header-index a[href="#overview"] .nav-label,
            body[data-active-tab="mandate"] .header-index a[href="#mandate"] .nav-label,
            body[data-active-tab="rubric"] .header-index a[href="#rubric"] .nav-label,
            body[data-active-tab="pipeline"] .header-index a[href="#pipeline"] .nav-label,
            body[data-active-tab="engagement"] .header-index a[href="#engagement"] .nav-label,
            body[data-active-tab="team"] .header-index a[href="#team"] .nav-label {
                font-size: 0.68rem;
                letter-spacing: 1.5px;
                transform: scale(1.06);
            }
        }

        .header-index a.is-active[href="#overview"] .nav-num,
        .header-index a[aria-current="page"][href="#overview"] .nav-num,
        body[data-active-tab="overview"] .header-index a[href="#overview"] .nav-num {
            font-size: 0.78rem;
            opacity: 0.95;
            left: 50%;
            top: 50%;
            z-index: 1;
            transform: translate(-50%, -50%) scale(1);
        }

        @supports selector(:has(*)) {

            body:has(#overview:target) .header-index a[href="#overview"],
            body:has(#mandate:target) .header-index a[href="#mandate"],
            body:has(#rubric:target) .header-index a[href="#rubric"],
            body:has(#pipeline:target) .header-index a[href="#pipeline"],
            body:has(#engagement:target) .header-index a[href="#engagement"],
            body:has(#team:target) .header-index a[href="#team"] {
                background: var(--tab-active-bg-strong);
                border-color: var(--accent);
                opacity: 1;
                box-shadow: inset 0 3px 0 color-mix(in srgb, var(--logo-gold-primary) 76%, transparent), inset 2px 0 0 color-mix(in srgb, var(--logo-gold-secondary) 62%, transparent), inset -2px 0 0 color-mix(in srgb, var(--logo-gold-secondary) 62%, transparent);
                padding: 8px 16px 7px;
                min-height: 36px;
                min-width: 92px;
                justify-content: center;
                transform: none;
            }

            body:not(:has(.section-wrap:target)) .header-index a[href="#overview"] {
                background: var(--tab-active-bg-strong);
                border-color: var(--accent);
                opacity: 1;
                box-shadow: inset 0 3px 0 color-mix(in srgb, var(--logo-gold-primary) 76%, transparent), inset 2px 0 0 color-mix(in srgb, var(--logo-gold-secondary) 62%, transparent), inset -2px 0 0 color-mix(in srgb, var(--logo-gold-secondary) 62%, transparent);
                padding: 8px 16px 7px;
                min-height: 36px;
                min-width: 92px;
                justify-content: center;
                transform: none;
            }
        }

        @media (max-width: 1024px) {
            nav {
                padding: 10px 18px 0;
                height: 82px;
                gap: 10px;
                flex-wrap: nowrap;
            }

            .header-index,
            .header-actions--primary {
                display: none;
            }

            .nav-mobile-toggle {
                display: inline-flex;
                flex: 0 0 auto;
            }

            .mobile-nav-drawer,
            .mobile-nav-backdrop {
                display: block;
            }

            .logo {
                height: 42px;
            }

            .section-wrap {
                padding-left: clamp(18px, 3.4vw, 28px);
                padding-right: clamp(18px, 3.4vw, 28px);
            }

            .instruction-box {
                padding: 22px 20px;
                margin-bottom: 28px;
            }

            .rubric-intro {
                flex-direction: column;
                gap: 14px;
                margin-bottom: 26px;
            }

            .rubric-banner {
                min-height: 160px;
            }

            .pipeline-option {
                margin: 20px 0 28px;
            }

            .workflow-step {
                padding: 22px;
            }

            .engagement-intended {
                margin-top: 20px;
            }


            .overview-hero {
                padding: clamp(10px, 2.8svh, 22px) 18px clamp(12px, 3svh, 26px);
                min-height: calc(100svh - var(--nav-current-height, 82px) - 4px);
            }

            .overview-content {
                width: min(100%, 680px);
            }

            .overview-title {
                line-height: 1.04;
            }

            .no-js .header-index,
            .no-js .header-actions--primary {
                display: flex;
            }

            .no-js .header-index {
                gap: 10px;
                justify-content: center;
                flex-wrap: wrap;
            }

            .no-js .header-actions--primary {
                justify-content: center;
            }

            .no-js nav {
                height: auto;
                flex-wrap: wrap;
                padding-bottom: 10px;
            }

            .no-js .nav-mobile-toggle,
            .no-js .mobile-nav-drawer,
            .no-js .mobile-nav-backdrop {
                display: none !important;
            }
        }

        @media (max-width: 900px) {
            :root {
                --section-entry-offset: 48px;
            }

            nav {
                height: auto;
            }

            .nav-layout {
                padding: 10px 20px;
                flex-wrap: wrap;
                justify-content: center;
                gap: 15px;
            }

            .section-wrap {
                padding-left: 20px;
                padding-right: 20px;
            }

            .header-index {
                flex-wrap: wrap;
                justify-content: center;
                gap: 10px;
            }

            .header-index a {
                padding: 4px 9px;
                min-height: 24px;
                min-width: 58px;
                width: auto;
            }

            .header-index .nav-num {
                left: 8px;
                font-size: 0.64rem;
            }

            .header-index .nav-label {
                margin-left: 15px;
            }

            .header-index a[href="#overview"] .nav-num {
                left: 50%;
            }

            .header-index a.is-active .nav-num,
            .header-index a[aria-current="page"] .nav-num,
            body[data-active-tab="mandate"] .header-index a[href="#mandate"] .nav-num,
            body[data-active-tab="rubric"] .header-index a[href="#rubric"] .nav-num,
            body[data-active-tab="pipeline"] .header-index a[href="#pipeline"] .nav-num,
            body[data-active-tab="engagement"] .header-index a[href="#engagement"] .nav-num,
            body[data-active-tab="team"] .header-index a[href="#team"] .nav-num {
                font-size: 2rem;
            }

            .overview-hero {
                --overview-animation-size: 160vmax;
                --overview-animation-shift-y: -3svh;
                --overview-animation-opacity: 1;
                --overview-animation-scrim-top: 0;
                --overview-animation-scrim-bottom: 0;
            }

            .engagement-framing {
                grid-template-columns: 1fr;
                gap: 14px;
            }


            .workflow-grid {
                grid-template-columns: 1fr;
                gap: 14px;
                margin: 26px 0;
            }

            .workflow-step {
                padding: 20px;
            }

            .mandate-layout {
                flex-direction: column;
                gap: 20px;
                margin-top: 24px;
            }

            .mandate-media-column,
            .mandate-asset,
            .mandate-column {
                width: 100%;
                max-width: 100%;
            }

            .mandate-media-column {
                gap: 16px;
            }

            .mandate-column {
                gap: 18px;
            }

            .mandate-card {
                max-width: none;
                padding: 28px;
            }

            .mandate-card-lead {
                margin-bottom: 20px;
                font-size: 1.08rem;
            }

            .mandate-points {
                gap: 18px;
                padding-top: 20px;
            }

            .rubric-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 14px;
                margin-top: 26px;
            }

            .rubric-protocol-toggle {
                --rubric-top-marker-radius: 12px;
                --rubric-track-lead: 24px;
                position: fixed;
                top: var(--nav-current-height, 95px);
                left: 20px;
                right: 20px;
                z-index: 20;
                margin-left: 0;
                margin-right: 0;
                border-left: 0;
                border-right: 0;
                border-top: 0;
                background: color-mix(in srgb, var(--page-bg) 94%, var(--card-bg));
                backdrop-filter: blur(10px);
                -webkit-backdrop-filter: blur(10px);
                box-shadow: 0 10px 18px color-mix(in srgb, var(--page-bg) 58%, transparent);
            }

            .rubric-protocol-body {
                grid-template-columns: 1fr;
                padding-top: 70px;
            }

            .rubric-phase-rail {
                display: none;
            }

            .rubric-protocol-segment {
                min-height: 40px;
                padding: 0;
                border: 0;
                font-size: 0.58rem;
                letter-spacing: 0.6px;
            }

            .rubric-protocol-segment.is-active {
                border-bottom-color: transparent;
            }

            .rubric-protocol-segment__num {
                width: 24px;
                height: 24px;
                font-size: 0.64rem;
            }

            .rubric-protocol-stage {
                min-height: 760px;
                z-index: 1;
            }

            .rubric-diagnostic-grid,
            .rubric-deployment-grid,
            .rubric-phase-grid {
                grid-template-columns: 1fr;
            }

            .btn-cta--rubric {
                min-height: 44px;
            }

            .header-actions {
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: center;
                gap: 8px;
            }

            .btn-portal--primary {
                width: min(100%, 170px);
            }

            #mandate,
            #rubric,
            #engagement,
            #team {
                padding-top: var(--section-entry-offset);
            }

            #pipeline {
                padding-top: 20px;
                padding-bottom: 68px;
            }

            .pipeline-map-controls {
                gap: 8px;
            }

            .pipeline-map-controls[data-map-controls="md"] {
                grid-template-columns: 172px minmax(0, 1fr);
                grid-auto-rows: 40px;
                gap: 8px 10px;
            }

            .pipeline-map-controls[data-map-controls="md"] .map-control[data-map-target] {
                width: 172px;
                min-height: 40px;
                height: 40px;
                max-height: 40px;
                box-sizing: border-box;
            }

            .pipeline-map-controls[data-map-controls="md"] .map-category-description {
                height: 40px;
                min-height: 40px;
                max-height: 40px;
                box-sizing: border-box;
                font-size: 0.78rem;
            }

            .pipeline-map-inline-controls-desktop {
                gap: 6px;
            }

            .pipeline-map-inline-controls-desktop .map-control--desktop {
                min-height: 34px;
                padding: 7px 10px;
                font-size: 0.62rem;
            }

            .pipeline-map-frame .map-category-popup {
                font-size: 0.74rem;
                padding: 5px 7px;
            }

            .map-controls-divider {
                display: none;
            }

            .map-tuning-strip {
                gap: 6px 8px;
                padding-top: 6px;
            }

            .map-tuning-field--reset {
                margin-left: 0;
                width: 100%;
            }

            .map-tuning-label {
                font-size: 0.56rem;
            }

            .map-tuning-help {
                font-size: 0.58rem;
            }

            .map-tuning-input {
                width: 58px;
                min-height: 26px;
                font-size: 0.68rem;
            }

            .map-control {
                font-size: 0.72rem;
                letter-spacing: 0.8px;
                padding: 9px 12px;
            }

            .staff-gateway-021026 .staff-gateway-layout-021026 {
                grid-template-columns: 1fr;
            }

            .vpn-nav-021026 {
                padding: 16px 20px;
            }

            .staff-photo-grid-021026 {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            footer {
                height: auto;
            }

            .footer-layout {
                flex-wrap: wrap;
                padding: 12px 20px;
                gap: 10px;
            }
            .footer-layout--grid {
                padding: 12px 20px;
                gap: 10px;
            }
            .footer-row {
                grid-template-columns: 1fr;
                gap: 8px;
            }
            .footer-cell--left,
            .footer-cell--center,
            .footer-cell--right {
                justify-self: start;
            }
            .footer-theme {
                justify-self: center;
            }
            .footer-copyright {
                text-align: left;
                white-space: normal;
            }

            .footer-legal {
                width: 100%;
                justify-content: flex-start;
                flex-wrap: wrap;
            }

            .founder-variant-021026 {
                grid-template-columns: 1fr;
            }

            .founder-image-frame-021026 {
                max-width: 100%;
            }

            .founder-image-frame-021026--hero {
                overflow: hidden;
            }

            .founder-image-overlay-021026 {
                width: 100%;
                top: auto;
                bottom: 0;
                padding: 16px 18px;
                background: linear-gradient(0deg, rgba(11, 18, 32, 0.95) 0%, rgba(11, 18, 32, 0.6) 55%, rgba(11, 18, 32, 0) 100%);
            }

            .founder-quote-021026 {
                font-size: 0.9rem;
            }

            .founder-letter-021026--overlap {
                margin: 16px 0 0 0;
            }

            .founder-image-overlay-021026--top {
                justify-content: flex-start;
                padding-top: clamp(80px, 28%, 160px);
            }

            .founder-image-overlay-021026--top .founder-quote-021026 {
                font-size: 1.02rem;
            }

            .staff-section {
                padding: 22px;
            }

            .staff-section-grid {
                grid-template-columns: 1fr;
            }

            .staff-section-text {
                order: 2;
            }

            .staff-section-gallery {
                grid-template-columns: 1fr;
            }


            .staff-profile-card-021026--manager {
                flex-direction: column;
                align-items: center;
                text-align: center;
            }

            .staff-profile-details-021026 {
                align-items: center;
            }
        }

        @media (max-width: 768px) {
            .section-next-wrap {
                gap: 0;
                justify-content: center;
            }

            .section-next-wrap::before {
                display: none;
            }

            .btn-cta--section-next {
                width: 100%;
                max-width: none;
                min-width: 0;
            }

            .pipeline-map {
                gap: 10px;
            }

            .pipeline-map-frame {
                order: 1;
            }

            .pipeline-map .pipeline-note {
                order: 2;
            }

            .pipeline-map-inline-controls-desktop,
            .pipeline-map-frame .map-category-popup-layer {
                display: none;
            }

            .pipeline-map-controls[data-map-controls="md"] {
                display: grid;
                order: 3;
                grid-template-columns: minmax(0, 1fr);
                grid-auto-rows: auto;
                gap: 6px;
            }

            .pipeline-map-controls[data-map-controls="md"] .map-control[data-map-target] {
                width: 100%;
                min-height: 44px;
                height: 44px;
                max-height: none;
                font-size: 0.7rem;
                letter-spacing: 0.9px;
            }

            .pipeline-map-controls[data-map-controls="md"] .map-category-description {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                justify-content: flex-start;
                height: auto;
                min-height: 0;
                max-height: 0;
                max-width: 100%;
                overflow: hidden;
                white-space: pre-line;
                font-size: 0.82rem;
                line-height: 1.35;
                padding: 0 10px;
                opacity: 0;
                border-left-color: transparent;
                background: transparent;
                transition: max-height 1.1s cubic-bezier(0.2, 0.62, 0.22, 1), opacity 1.1s cubic-bezier(0.2, 0.62, 0.22, 1), padding 1.1s cubic-bezier(0.2, 0.62, 0.22, 1), border-color 1.1s cubic-bezier(0.2, 0.62, 0.22, 1), background 1.1s cubic-bezier(0.2, 0.62, 0.22, 1);
            }

            .pipeline-map-controls[data-map-controls="md"] .map-category-description.is-active {
                max-height: 160px;
                padding: 8px 10px;
                opacity: 0.98;
                border-left-color: color-mix(in srgb, var(--map-description-color) 72%, transparent);
                background: color-mix(in srgb, var(--map-description-color) 10%, transparent);
            }

            .pipeline-map-controls[data-map-controls="md"] .map-category-description .map-category-description-lead {
                display: block;
                font-weight: 700;
                margin-bottom: 6px;
            }

            .pipeline-map-controls[data-map-controls="md"] .map-category-description .map-category-description-locations {
                display: block;
            }
        }

        @media (max-width: 600px) {
            :root {
                --section-entry-offset: 40px;
            }

            .section-wrap {
                padding-left: 14px;
                padding-right: 14px;
            }

            #mandate,
            #rubric,
            #engagement,
            #team {
                padding-top: var(--section-entry-offset);
            }

            #pipeline {
                padding-top: 16px;
                padding-bottom: 56px;
            }

            .instruction-box {
                padding: 16px 14px;
                margin-bottom: 22px;
                border-left-width: 3px;
            }

            .overview-hero {
                padding: clamp(8px, 2.2svh, 16px) 14px clamp(10px, 2.8svh, 20px);
                --overview-animation-size: 184vmax;
                --overview-animation-shift-x: -5vw;
                --overview-animation-shift-y: -5svh;
                --overview-animation-opacity: 1;
                --overview-animation-scrim-top: 0;
                --overview-animation-scrim-bottom: 0;
            }

            .overview-content {
                width: min(100%, 620px);
            }

            .rubric-phase-frame {
                width: 100%;
                margin: 0;
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 12px;
                align-items: stretch;
            }

            .rubric-phase-grid {
                grid-column: 1 / -1;
                max-width: 100%;
            }

            .rubric-phase-jump {
                position: static;
                top: auto;
                bottom: auto;
                width: 100%;
                min-height: 44px;
                gap: 8px;
                padding: 0 12px;
                flex-direction: row;
                justify-content: center;
                justify-self: stretch;
                font-size: 0.62rem;
                opacity: 0.96;
                transform: none;
            }

            .rubric-phase-jump:not(.rubric-phase-jump--left) {
                grid-column: 2;
            }

            .rubric-phase-jump--left {
                grid-column: 1;
            }

            .rubric-phase-jump span,
            .rubric-phase-jump__arrow {
                writing-mode: initial;
                text-orientation: initial;
                font-size: 0.52rem;
            }

            .rubric-phase-jump__arrow {
                display: inline-flex;
                transform: rotate(90deg);
                transform-origin: center;
            }

            .rubric-phase-jump span:not(.rubric-phase-jump__arrow) {
                font-size: 0.62rem;
                letter-spacing: 0.8px;
                writing-mode: horizontal-tb;
                text-orientation: mixed;
            }

            @media (max-width: 420px) {
                .overview-hero {
                    --overview-animation-size: 194vmax;
                    --overview-animation-shift-x: -8vw;
                    --overview-animation-shift-y: -6svh;
                    --overview-animation-opacity: 1;
                    --overview-animation-scrim-top: 0;
                    --overview-animation-scrim-bottom: 0;
                }
            }

            @media (max-height: 480px) and (orientation: landscape) {
                .overview-hero {
                    --overview-animation-size: 142vmax;
                    --overview-animation-shift-x: 0px;
                    --overview-animation-shift-y: -2svh;
                    --overview-animation-opacity: 1;
                    --overview-animation-scrim-top: 0;
                    --overview-animation-scrim-bottom: 0;
                }
            }

            .pipeline-map--raised {
                transform: translateY(-10px);
            }

            .mandate-card {
                padding: 18px;
            }

            .mandate-card-lead {
                margin-bottom: 14px;
                font-size: 0.98rem;
            }

            .mandate-points {
                gap: 12px;
                padding-top: 14px;
            }

            .mandate-intro-text {
                font-size: 1.12rem;
            }

            .rubric-intro-title {
                font-size: 1rem;
            }

            .rubric-intro-copy {
                font-size: 0.88rem;
                line-height: 1.45;
            }

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

            .rubric-protocol-segment {
                min-height: 46px;
                font-size: 0.6rem;
                letter-spacing: 0.7px;
                padding: 0 10px;
            }

            .rubric-protocol-view {
                padding: 12px;
            }

            .rubric-protocol-tone {
                font-size: 0.82rem;
                padding: 10px 12px;
            }

            .rubric-protocol-stage {
                min-height: 820px;
            }

            .rubric-diagnostic-asset,
            .rubric-deploy-asset {
                min-height: 118px;
            }

            .rubric-item {
                padding: 16px;
            }

            .rubric-item-copy {
                font-size: 0.84rem;
            }

            .rubric-action-panel {
                padding: 16px;
            }

            .rubric-action-buttons {
                gap: 8px;
            }

            .btn-cta--rubric {
                min-height: 44px;
            }

            .rubric-action-link {
                min-height: 44px;
            }

            .persona-grid {
                grid-template-columns: 1fr;
                gap: 12px;
            }

            .pipeline-track {
                flex-direction: column;
                gap: 24px;
            }

            .pipeline-line {
                width: 2px;
                height: 24px;
                margin: -10px 0;
                transform: none;
            }

            .header-index a {
                min-width: 52px;
                width: auto;
            }

            .header-index .nav-num {
                font-size: 0.58rem;
            }

            .header-index .nav-label {
                font-size: 0.58rem;
                letter-spacing: 1.3px;
            }

            .header-index a[href="#overview"] .nav-num {
                font-size: 0.58rem;
            }

            .pipeline-map-frame {
                padding: 0;
                --map-frame-gap-size: 6px;
            }

            .pipeline-map-controls {
                gap: 7px;
            }

            .map-control {
                min-height: 44px;
                padding: 10px 13px;
                font-size: 0.74rem;
            }

            .pipeline-map-controls[data-map-controls="md"] {
                grid-template-columns: minmax(0, 1fr);
                grid-auto-rows: auto;
                gap: 6px;
            }

            .pipeline-map-controls[data-map-controls="md"] .map-control[data-map-target] {
                width: 100%;
                min-height: 44px;
                height: 44px;
                max-height: none;
                box-sizing: border-box;
                padding: 9px 10px;
                font-size: 0.68rem;
            }

            .pipeline-map-controls[data-map-controls="md"] .map-category-description {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                justify-content: flex-start;
                height: auto;
                min-height: 0;
                max-height: 0;
                max-width: 100%;
                overflow: hidden;
                box-sizing: border-box;
                font-size: 0.82rem;
                white-space: pre-line;
                line-height: 1.35;
                opacity: 0;
                border-left-color: transparent;
                background: transparent;
                transition: max-height 1.1s cubic-bezier(0.2, 0.62, 0.22, 1), opacity 1.1s cubic-bezier(0.2, 0.62, 0.22, 1), padding 1.1s cubic-bezier(0.2, 0.62, 0.22, 1), border-color 1.1s cubic-bezier(0.2, 0.62, 0.22, 1), background 1.1s cubic-bezier(0.2, 0.62, 0.22, 1);
            }

            .pipeline-map-controls[data-map-controls="md"] .map-category-description:not(.is-active) {
                padding: 0 10px;
            }

            .pipeline-map-controls[data-map-controls="md"] .map-category-description.is-active {
                max-height: 180px;
                padding: 8px 10px;
                opacity: 0.98;
                border-left-color: color-mix(in srgb, var(--map-description-color) 72%, transparent);
                background: color-mix(in srgb, var(--map-description-color) 10%, transparent);
            }

            .pipeline-map-controls[data-map-controls="md"] .map-category-description .map-category-description-lead {
                display: block;
                font-weight: 700;
                margin-bottom: 6px;
            }

            .pipeline-map-controls[data-map-controls="md"] .map-category-description .map-category-description-locations {
                display: block;
            }

            .map-tuning-strip {
                gap: 6px;
            }

            .map-tuning-field {
                width: calc(50% - 6px);
            }

            .map-tuning-input {
                width: 100%;
            }

            .map-tuning-help {
                font-size: 0.56rem;
            }

            .map-tuning-field--reset {
                width: 100%;
            }

            .staff-gateway-profiles-021026 {
                grid-template-columns: 1fr;
            }

            .staff-photo-grid-021026 {
                grid-template-columns: 1fr;
            }

        }

        @media (max-width: 600px) {
            #accessModal .concierge-grid {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 768px),
        (hover: none) and (pointer: coarse) {
            :root {
                --tab-switch-motion: 0.44s;
            }

            .mobile-nav-drawer {
                transition-duration: 0.34s;
            }

            .pipeline-map-frame::before {
                animation: none;
                opacity: 0;
            }

            .pipeline-map-frame.map-frame-category-flash-active::before,
            .pipeline-map-frame.map-frame-category-flash-active .map-frame-gap-flash-layer {
                animation-duration: 10s;
            }

            .map-overlay {
                transition: opacity 0.7s cubic-bezier(0.2, 0.62, 0.22, 1), visibility 0s linear 0.7s;
            }

            .map-control.is-active::after {
                animation: none;
                opacity: 0.28;
            }

            .rubric-item:hover,
            .workflow-step:hover,
            .engagement-signal:hover,
            .team-tab:hover {
                transform: none;
            }
        }

        @keyframes mapTitleHelperPulse {
            0% {
                color: color-mix(in srgb, var(--page-text-main) 56%, var(--accent));
                text-shadow: 0 0 0 color-mix(in srgb, var(--accent) 0%, transparent);
            }

            50% {
                color: color-mix(in srgb, var(--page-text-main) 72%, var(--accent));
                text-shadow: 0 0 8px color-mix(in srgb, var(--accent) 20%, transparent);
            }

            100% {
                color: color-mix(in srgb, var(--page-text-main) 56%, var(--accent));
                text-shadow: 0 0 0 color-mix(in srgb, var(--accent) 0%, transparent);
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .pipeline-map-frame::after {
                transition: none;
                opacity: 0;
            }

            .pipeline-map-frame::before {
                animation: none;
                opacity: 0;
            }

            .pipeline-map-frame .map-frame-gap-flash-layer {
                animation: none;
                opacity: 0;
            }

            .mobile-nav-drawer,
            .mobile-nav-backdrop,
            .mobile-nav-link,
            .nav-mobile-toggle-line {
                transition: none;
            }

            .header-index a,
            .header-index .nav-num,
            .header-index .nav-label,
            .rubric-item,
            .workflow-step,
            .engagement-signal,
            .team-tab,
            .team-panel {
                transition: none;
                transform: none;
            }

            .map-overlay,
            .map-control,
            .map-category-description,
            .map-category-popup,
            .map-overlay .map-marker text,
            .map-overlay .map-marker circle,
            .map-overlay .map-marker rect {
                transition: none;
            }

            .map-overlay.is-active .map-marker circle,
            .map-overlay.is-active .map-marker rect {
                animation: none;
            }

            .map-control.is-active::after {
                animation: none;
                opacity: 0;
            }

            .map-control--guided {
                animation: none;
            }
        }/* ── Mobile Unified Tab Panel ── */
.pipeline-map-tab-panel {
    display: none;
}

@media (min-width: 769px) {
    .pipeline-map .pipeline-map-controls[data-map-controls="md"],
    .pipeline-map .pipeline-map-inline-controls-desktop {
        display: none !important;
    }
    .pipeline-map .pipeline-note {
        display: none !important;
    }

    .pipeline-map-tab-panel {
        display: grid;
        grid-template-columns: 96px 1fr;
        gap: 0;
        margin: 0 0 1rem;
        background: var(--surface-2);
        border: 1px solid var(--frame-border);
        border-radius: 0;
        overflow: hidden;
    }

    .pipeline-map-tab-col {
        display: flex;
        flex-direction: column;
        border-right: 1px solid var(--frame-border);
        background: var(--surface-1);
        height: var(--pipeline-tab-panel-height, auto);
        min-height: var(--pipeline-tab-panel-height, auto);
    }

    .pipeline-map-tab {
        appearance: none;
        border: 1px solid color-mix(in srgb, var(--map-tab-color, var(--map-accent)) 25%, var(--frame-border));
        border-left: 3px solid color-mix(in srgb, var(--map-tab-color, var(--map-accent)) 20%, var(--frame-border));
        border-right: 0;
        background: transparent;
        padding: 12px 8px;
        min-height: var(--pipeline-phase-tab-min-height, 44px);
        width: 100%;
        color: var(--page-text-main);
        font-family: 'JetBrains Mono', monospace;
        font-size: 0.7rem;
        font-weight: 500;
        cursor: pointer;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 1px;
        transition: all 0.2s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        line-height: 1.2;
        opacity: 0.75;
        flex: 1 1 0;
        box-sizing: border-box;
    }

    .pipeline-map-tab:not(.pipeline-map-tab--map) {
        flex-direction: row;
        gap: 6px;
    }

    .pipeline-map-tab--map {
        flex: 0 0 var(--pipeline-map-tab-map-height, 30px);
        min-height: var(--pipeline-map-tab-map-height, 30px);
        padding: 4px 6px;
    }

    .pipeline-map-tab-map-label {
        font-size: 0.95rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        line-height: 1;
        color: inherit;
    }

    .pipeline-map-tab:last-child {
        border-bottom: 1px solid color-mix(in srgb, var(--map-tab-color, var(--map-accent)) 25%, var(--frame-border));
    }

    .pipeline-map-tab-num {
        font-size: 0.95rem;
        font-weight: 700;
        color: inherit;
    }

    .pipeline-map-tab-word {
        font-size: 0.65rem;
        letter-spacing: 0.1em;
        margin-top: 0;
        color: inherit;
        align-self: center;
    }

    .pipeline-map-tab.is-map-active {
        color: var(--map-tab-color, var(--accent));
        text-shadow: 0 0 12px color-mix(in srgb, var(--map-tab-color, var(--accent)) 60%, transparent);
        opacity: 1;
    }

    .pipeline-map-tab.is-content-active {
        background: color-mix(in srgb, var(--map-tab-color, var(--accent)) 10%, transparent);
        border-left: 3px solid var(--map-tab-color, var(--accent));
        box-shadow: none;
        color: var(--page-text-main);
        opacity: 1;
    }

    .pipeline-map-tab.is-content-selected:not(.is-content-active) {
        background: transparent;
        border-left: 3px solid var(--map-tab-color, var(--accent));
        box-shadow: none;
        color: var(--page-text-main);
        text-shadow: none;
        opacity: 1;
    }

    .pipeline-map-tab.is-map-active.is-content-active {
        color: var(--map-tab-color, var(--accent));
    }

    .pipeline-map-tab--map.is-content-active {
        border-left: 4px solid var(--accent);
        background: var(--accent-soft);
        border-top-color: color-mix(in srgb, var(--accent) 22%, var(--frame-border));
        border-bottom-color: color-mix(in srgb, var(--accent) 22%, var(--frame-border));
        border-left-color: var(--accent);
        border-right: 0;
        color: var(--page-text-main);
    }

    .pipeline-map-tab-content {
        --pipeline-pane-inline-inset-left: 14px;
        --pipeline-pane-inline-inset-right: 10px;
        --pipeline-pane-block-inset: 10px;
        padding: 1rem var(--pipeline-pane-inline-inset-right) 1rem var(--pipeline-pane-inline-inset-left);
        background: var(--surface-2);
        display: flex;
        flex-direction: column;
        min-height: var(--pipeline-tab-panel-height, 200px);
    }

    .pipeline-map-tab-content.is-selected-map-on {
        background: color-mix(in srgb, var(--pipeline-pane-border-color, var(--accent)) 10%, transparent);
    }

    .pipeline-map-tab-content.is-selected-map-off {
        background: var(--surface-2);
    }

    .pipeline-map-tab-panel.has-content-active .pipeline-map-tab-col {
        border-right: 0;
    }

    .pipeline-map-tab-panel.has-content-active .pipeline-map-tab:not(.is-content-selected) {
        border-right: 1px solid color-mix(in srgb, var(--pipeline-pane-border-color, var(--accent)) 22%, var(--frame-border));
    }

    .pipeline-map-tab-content.has-content-active {
        border-top: 1px solid color-mix(in srgb, var(--pipeline-pane-border-color, var(--accent)) 22%, var(--frame-border));
        border-bottom: 1px solid color-mix(in srgb, var(--pipeline-pane-border-color, var(--accent)) 22%, var(--frame-border));
        border-right: 1px solid color-mix(in srgb, var(--pipeline-pane-border-color, var(--accent)) 22%, var(--frame-border));
        border-left: 0;
    }

    .pipeline-map-tab-content.is-map-pane-active {
        background: var(--accent-soft);
    }

    .pipeline-map-tab-panel.has-content-active {
        border-right-color: transparent;
    }

    .pipeline-map-tab-panel.is-map-pane-active .pipeline-map-tab--map {
        border-left: 4px solid var(--accent);
        background: var(--accent-soft);
        border-top-color: color-mix(in srgb, var(--accent) 22%, var(--frame-border));
        border-bottom-color: color-mix(in srgb, var(--accent) 22%, var(--frame-border));
        border-left-color: var(--accent);
        border-right: 0;
        color: var(--page-text-main);
        opacity: 1;
    }

    .pipeline-map-tab-pane {
        display: none;
        flex-direction: column;
        gap: 0.75rem;
        position: relative;
        padding-bottom: 0;
    }

    .pipeline-map-tab-pane.is-active {
        display: flex;
        animation: mapPaneFadeIn 0.24s ease forwards;
    }

    .pipeline-map-tab-pane-title {
        margin: 0;
        font-family: 'JetBrains Mono', monospace;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        color: var(--map-tab-color, var(--accent));
        border-bottom: 1px solid color-mix(in srgb, var(--map-tab-color, var(--accent)) 20%, transparent);
        padding-bottom: 6px;
    }

    .pipeline-map-tab-pane-text,
    .pipeline-map-tab-pane-lead {
        margin: 0;
        font-size: 0.95rem;
        line-height: 1.5;
        color: var(--page-text-main);
    }

    .pipeline-map-tab-pane-helper {
        margin: 0;
        font-size: 0.82rem;
        line-height: 1.4;
        color: var(--page-text-dim);
        font-style: italic;
    }

    .pipeline-map-tab-pane-helper.is-hidden {
        display: none;
    }

    .pipeline-map-tab-pane-locations-inline {
        margin: 0;
        display: none;
        font-size: 0.82rem;
        line-height: 1.45;
        color: var(--page-text-dim);
    }

    .pipeline-map-tab-pane.is-locations-inline-visible .pipeline-map-tab-pane-locations-inline {
        display: block;
    }

    .pipeline-map-tab-locations-toggle {
        position: static;
        border: 1px solid color-mix(in srgb, var(--map-tab-color, var(--accent)) 28%, var(--frame-border));
        background: color-mix(in srgb, var(--map-tab-color, var(--accent)) 8%, transparent);
        color: var(--page-text-main);
        font-family: 'JetBrains Mono', monospace;
        font-size: 0.72rem;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        padding: 7px 10px;
        cursor: pointer;
        align-self: flex-start;
        margin-top: auto;
    }

    .pipeline-map-tab-locations-overlay {
        display: none !important;
    }

    .pipeline-map-tab-pane.is-locations-open .pipeline-map-tab-locations-overlay {
        opacity: 1;
        pointer-events: auto;
    }

    .pipeline-map-tab-locations-card {
        width: 100%;
        max-height: 100%;
        overflow: auto;
        border: 1px solid color-mix(in srgb, var(--map-tab-color, var(--accent)) 35%, var(--frame-border));
        background: color-mix(in srgb, var(--card-bg) 92%, transparent);
        padding: 10px;
    }

    .pipeline-map-tab-locations-text {
        margin: 0;
        white-space: pre-line;
        font-size: 0.8rem;
        line-height: 1.4;
        color: var(--page-text-main);
    }
}

@media (max-width: 768px) {
    .pipeline-map-frame {
        touch-action: none;
    }

    /* Hide the old single-column layout on mobile */
    .pipeline-map .pipeline-map-controls,
    .pipeline-map .pipeline-map-inline-controls-desktop {
        display: none !important;
    }
    .pipeline-note[data-mobile-hidden="true"] {
        display: none !important;
    }
    .pipeline-map-tab-pane-map-title {
        display: none;
    }

    .pipeline-map-title-shell {
        margin: 0 10px 8px;
    }

    /* Show the new 2-column tab panel */
    .pipeline-map-tab-panel {
        display: grid;
        grid-template-columns: 96px 1fr;
        gap: 0;
        order: 3;
        margin: 0 10px 1.5rem 10px;
        background: var(--surface-2);
        border: 1px solid var(--frame-border);
        border-radius: 0;
        overflow: hidden;
    }

    .pipeline-map-tab-col {
        display: flex;
        flex-direction: column;
        border-right: 1px solid var(--frame-border);
        background: var(--surface-1);
        height: var(--pipeline-tab-panel-height, auto);
        min-height: var(--pipeline-tab-panel-height, auto);
    }

    .pipeline-map-tab {
        appearance: none;
        border: 1px solid color-mix(in srgb, var(--map-tab-color, var(--map-accent)) 25%, var(--frame-border));
        border-left: 3px solid color-mix(in srgb, var(--map-tab-color, var(--map-accent)) 20%, var(--frame-border));
        border-right: 0;
        background: transparent;
        padding: 12px 8px;
        min-height: 46px;
        width: 100%;
        color: var(--page-text-main);
        font-family: 'JetBrains Mono', monospace;
        font-size: 0.7rem;
        font-weight: 500;
        cursor: pointer;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 1px;
        transition: all 0.2s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        line-height: 1.2;
        opacity: 0.75;
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
        flex: 1 1 0;
        min-height: var(--pipeline-phase-tab-min-height, 44px);
        box-sizing: border-box;
    }

    .pipeline-map-tab:not(.pipeline-map-tab--map) {
        flex-direction: row;
        gap: 6px;
    }

    .pipeline-map-tab--map {
        flex: 0 0 var(--pipeline-map-tab-map-height, 30px);
        min-height: var(--pipeline-map-tab-map-height, 30px);
        padding: 4px 6px;
    }

    .pipeline-map-tab-map-label {
        font-size: 0.95rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        line-height: 1;
        color: inherit;
    }

    .pipeline-map-tab:last-child {
        border-bottom: 1px solid color-mix(in srgb, var(--map-tab-color, var(--map-accent)) 25%, var(--frame-border));
    }

    .pipeline-map-tab:active {
        background: color-mix(in srgb, var(--page-text-dim) 10%, transparent);
    }

    .pipeline-map-tab-num {
        font-size: 0.95rem;
        font-weight: 700;
        color: inherit;
    }
    
    .pipeline-map-tab-word {
        font-size: 0.65rem;
        letter-spacing: 0.1em;
        margin-top: 0;
        color: inherit;
        align-self: center;
    }

    .pipeline-map-tab--map .pipeline-map-tab-word {
        font-size: 0.95rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        margin-top: 0;
    }

    /* Is-map-active (turned on in the map) */
    .pipeline-map-tab.is-map-active {
        color: var(--map-tab-color, var(--accent));
        text-shadow: 0 0 12px color-mix(in srgb, var(--map-tab-color, var(--accent)) 60%, transparent);
        opacity: 1;
    }

    /* Is-content-active (currently showing in the right pane) */
    .pipeline-map-tab.is-content-active {
        background: color-mix(in srgb, var(--map-tab-color, var(--accent)) 10%, transparent);
        border-left: 3px solid var(--map-tab-color, var(--accent));
        box-shadow: none;
        color: var(--page-text-main);
        opacity: 1;
    }

    /* Selected tab with map points hidden: keep selected left bar, revert inactive fill/text */
    .pipeline-map-tab.is-content-selected:not(.is-content-active) {
        background: transparent;
        border-left: 3px solid var(--map-tab-color, var(--accent));
        box-shadow: none;
        color: var(--page-text-main);
        text-shadow: none;
        opacity: 1;
    }
    
    .pipeline-map-tab.is-map-active.is-content-active {
        color: var(--map-tab-color, var(--accent));
    }

    .pipeline-map-tab--map.is-content-active {
        border-left: 4px solid var(--accent);
        background: var(--accent-soft);
        border-top-color: color-mix(in srgb, var(--accent) 22%, var(--frame-border));
        border-bottom-color: color-mix(in srgb, var(--accent) 22%, var(--frame-border));
        border-left-color: var(--accent);
        border-right: 0;
        color: var(--page-text-main);
    }

    .pipeline-map-tab-content {
        --pipeline-pane-inline-inset-left: 14px;
        --pipeline-pane-inline-inset-right: 10px;
        --pipeline-pane-block-inset: 10px;
        padding: 1rem var(--pipeline-pane-inline-inset-right) 1rem var(--pipeline-pane-inline-inset-left);
        background: var(--surface-2);
        display: flex;
        flex-direction: column;
        min-height: var(--pipeline-tab-panel-height, 200px);
    }

    .pipeline-map-tab-content.is-selected-map-on {
        background: color-mix(in srgb, var(--pipeline-pane-border-color, var(--accent)) 10%, transparent);
    }

    .pipeline-map-tab-content.is-selected-map-off {
        background: var(--surface-2);
    }

    .pipeline-map-tab-panel.has-content-active .pipeline-map-tab-col {
        border-right: 0;
    }

    .pipeline-map-tab-panel.has-content-active .pipeline-map-tab:not(.is-content-selected) {
        border-right: 1px solid color-mix(in srgb, var(--pipeline-pane-border-color, var(--accent)) 22%, var(--frame-border));
    }

    .pipeline-map-tab-content.has-content-active {
        border-top: 1px solid color-mix(in srgb, var(--pipeline-pane-border-color, var(--accent)) 22%, var(--frame-border));
        border-bottom: 1px solid color-mix(in srgb, var(--pipeline-pane-border-color, var(--accent)) 22%, var(--frame-border));
        border-right: 1px solid color-mix(in srgb, var(--pipeline-pane-border-color, var(--accent)) 22%, var(--frame-border));
        border-left: 0;
    }

    .pipeline-map-tab-content.is-map-pane-active {
        background: var(--accent-soft);
    }

    .pipeline-map-tab-panel.has-content-active {
        border-right-color: transparent;
    }

    .pipeline-map-tab-panel.is-map-pane-active .pipeline-map-tab--map {
        border-left: 4px solid var(--accent);
        background: var(--accent-soft);
        border-top-color: color-mix(in srgb, var(--accent) 22%, var(--frame-border));
        border-bottom-color: color-mix(in srgb, var(--accent) 22%, var(--frame-border));
        border-left-color: var(--accent);
        border-right: 0;
        color: var(--page-text-main);
        opacity: 1;
    }

    .pipeline-map-tab-pane {
        display: none;
        flex-direction: column;
        gap: 0.75rem;
        position: relative;
        padding-bottom: 44px;
    }

    .pipeline-map-tab-pane.is-active {
        display: flex;
        animation: mapPaneFadeIn 0.24s ease forwards;
    }
    
    @keyframes mapPaneFadeIn {
        from { opacity: 0; transform: translateY(4px); }
        to { opacity: 1; transform: translateY(0); }
    }

    .pipeline-map-tab-pane-title {
        margin: 0;
        font-family: 'JetBrains Mono', monospace;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        color: var(--map-tab-color, var(--accent));
        border-bottom: 1px solid color-mix(in srgb, var(--map-tab-color, var(--accent)) 20%, transparent);
        padding-bottom: 6px;
    }

    .pipeline-map-tab-pane-text,
    .pipeline-map-tab-pane-lead {
        margin: 0;
        font-size: 0.95rem;
        line-height: 1.5;
        color: var(--page-text-main);
    }

    .pipeline-map-tab-pane-helper {
        margin: 0;
        font-size: 0.82rem;
        line-height: 1.4;
        color: var(--page-text-dim);
        font-style: italic;
    }

    .pipeline-map-tab-pane-helper.is-hidden {
        display: none;
    }

    .pipeline-map-tab-pane-locations {
        margin: 0;
        font-size: 0.8rem;
        color: var(--page-text-dim);
        font-style: italic;
    }

    .pipeline-map-tab-locations-toggle {
        position: absolute;
        right: var(--pipeline-pane-inline-inset-right, 10px);
        bottom: 10px;
        border: 1px solid color-mix(in srgb, var(--map-tab-color, var(--accent)) 28%, var(--frame-border));
        background: color-mix(in srgb, var(--map-tab-color, var(--accent)) 8%, transparent);
        color: var(--page-text-main);
        font-family: 'JetBrains Mono', monospace;
        font-size: 0.72rem;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        padding: 7px 10px;
        cursor: pointer;
        z-index: 1;
    }

    .pipeline-map-tab-locations-overlay {
        position: absolute;
        inset: 0;
        background: color-mix(in srgb, var(--surface-2) 72%, #000000);
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        padding: var(--pipeline-pane-block-inset, 10px) var(--pipeline-pane-inline-inset-right, 10px) var(--pipeline-pane-block-inset, 10px) var(--pipeline-pane-inline-inset-left, 14px);
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.2s ease;
        z-index: 3;
    }

    .pipeline-map-tab-pane.is-locations-open .pipeline-map-tab-locations-overlay {
        opacity: 1;
        pointer-events: auto;
    }

    .pipeline-map-tab-locations-card {
        width: 100%;
        max-height: 100%;
        overflow: auto;
        border: 1px solid color-mix(in srgb, var(--map-tab-color, var(--accent)) 35%, var(--frame-border));
        background: color-mix(in srgb, var(--card-bg) 92%, transparent);
        padding: 10px;
    }

    .pipeline-map-tab-locations-text {
        margin: 0;
        white-space: pre-line;
        font-size: 0.8rem;
        line-height: 1.4;
        color: var(--page-text-main);
    }

    .pipeline-map-tab:focus-visible {
        outline: 2px solid var(--accent);
        outline-offset: -2px;
    }
}

@media (max-width: 600px) {
    .pipeline-map-tab-panel {
        grid-template-columns: 88px 1fr;
    }

    .pipeline-map-tab {
        min-height: 48px;
        padding: 10px 6px;
    }

    .pipeline-map-tab--map {
        flex-basis: var(--pipeline-map-tab-map-height, 30px);
        min-height: var(--pipeline-map-tab-map-height, 30px);
        padding: 4px 6px;
    }
}

.portal-page {
    min-height: 100vh;
    background: var(--page-bg);
    color: var(--page-text-main);
    padding: 60px 20px 80px;
}

.portal-shell {
    max-width: 1080px;
    margin: 0 auto;
    display: grid;
    gap: 32px;
}

.portal-hero {
    background: color-mix(in srgb, var(--accent) 8%, var(--card-bg));
    padding: 28px;
    border-radius: 18px;
    box-shadow: 0 24px 45px rgba(0, 0, 0, 0.14);
}

.portal-hero h1 {
    margin: 0 0 10px 0;
    font-size: clamp(2rem, 3vw, 2.7rem);
    line-height: 1.2;
}

.portal-hero p {
    margin: 0;
    max-width: 720px;
}

.portal-grid {
    display: grid;
    grid-template-columns: 1fr 0.9fr;
    gap: 30px;
    align-items: flex-start;
}

.portal-details {
    background: var(--card-bg);
    border-radius: 14px;
    border: 1px solid var(--frame-border);
    padding: 20px;
    font-size: 0.95rem;
    line-height: 1.6;
}

.portal-form {
    display: grid;
    gap: 14px;
}

.portal-form-row {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.portal-form label {
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--page-text-dim);
}

.portal-form input,
.portal-form textarea,
.portal-form select {
    width: 100%;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid var(--frame-border);
    background: var(--surface-2);
    color: var(--page-text-main);
    font-size: 0.95rem;
}

.portal-form textarea {
    resize: vertical;
    min-height: 120px;
}

.portal-form .portal-form-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.portal-status {
    min-height: 28px;
    font-size: 0.9rem;
    color: var(--page-text-dim);
}

.portal-hero .btn-cta {
    margin-top: 18px;
}

@media (max-width: 900px) {
    .engagement-framing {
        grid-template-columns: 1fr;
    }

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

@media (prefers-reduced-motion: reduce) {
    .pipeline-map-tab-pane,
    .pipeline-map-tab,
    .pipeline-map-tab-panel,
    .pipeline-map-frame,
    .pipeline-map-controls {
        transition-duration: 0s !important;
        animation-duration: 0s !important;
        animation: none !important;
    }
}