@font-face {
            font-family: "Share Tech";
            src: url("../fonts/share-tech/ShareTech-Regular.ttf") format("truetype");
            font-weight: 400;
            font-style: normal;
            font-display: swap;
        }

        :root {
            --bg: #070A12;
            --bg-2: #0A0F1D;
            --panel: #101827;
            --panel-2: #121D2F;
            --line: rgba(148, 163, 184, 0.2);
            --line-strong: rgba(148, 163, 184, 0.34);
            --text: #F8FAFC;
            --muted: #A8B3C5;
            --dim: #6F7D92;
            --coral: #E95E67;
            --coral-2: #FF858D;
            --blue: #3B82F6;
            --cyan: #06B6D4;
            --purple: #8B5CF6;
            --green: #10B981;
            --amber: #F59E0B;
            --shadow: 0 24px 80px rgba(0, 0, 0, 0.38);
            color-scheme: dark;
        }

        * {
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            margin: 0;
            min-height: 100%;
            background:
                linear-gradient(180deg, rgba(7, 10, 18, 0.98), rgba(10, 15, 29, 0.98) 48%, rgba(7, 10, 18, 1)),
                var(--bg);
            color: var(--text);
            font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
            line-height: 1.5;
            letter-spacing: 0;
            overflow-x: hidden;
        }

        body::before {
            content: "";
            position: fixed;
            inset: 0;
            z-index: -3;
            background-image:
                linear-gradient(rgba(148, 163, 184, 0.05) 1px, transparent 1px),
                linear-gradient(90deg, rgba(148, 163, 184, 0.05) 1px, transparent 1px);
            background-size: 72px 72px;
            mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.25) 78%, transparent);
        }

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

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

        .site-nav {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 50;
            border-bottom: 1px solid rgba(148, 163, 184, 0.16);
            background: rgba(7, 10, 18, 0.74);
            backdrop-filter: blur(18px);
        }

        .nav-inner {
            width: min(1200px, calc(100% - 40px));
            height: 72px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 28px;
        }

        .brand {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            min-width: 0;
        }

        .brand-logo {
            width: 42px;
            height: 42px;
            object-fit: contain;
            filter: drop-shadow(0 12px 24px rgba(233, 94, 103, 0.25));
        }

        .brand-text {
            display: grid;
            gap: 0;
        }

        .brand-name {
            font-size: 15px;
            font-weight: 800;
            line-height: 1.1;
        }

        .brand-sub {
            color: var(--dim);
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
        }

        .nav-links {
            display: flex;
            align-items: center;
            gap: 5px;
        }

        .nav-links a {
            color: var(--muted);
            font-size: 13px;
            font-weight: 700;
            padding: 10px 12px;
            border-radius: 999px;
            transition: color 180ms ease, background 180ms ease;
        }

        .nav-links a:hover,
        .nav-links a.is-active {
            color: var(--text);
            background: rgba(255, 255, 255, 0.08);
        }

        .hero {
            position: relative;
            min-height: 92svh;
            padding: 142px 20px 72px;
            display: grid;
            align-items: center;
            overflow: hidden;
            border-bottom: 0;
        }

        .hero-visual {
            position: absolute;
            top: 44px;
            right: auto;
            bottom: auto;
            left: clamp(340px, calc(50% - 280px), 1000px);
            width: min(1200px, 88vw);
            aspect-ratio: 1200 / 540;
            opacity: 0.56;
            filter: brightness(1.04) saturate(1.2) contrast(1.08);
            pointer-events: none;
            border: 0;
            transform: translateY(22px);
            mask-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.18) 12%, black 38%, rgba(0, 0, 0, 0.62) 82%, transparent);
        }

        .hero::before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: -1;
            background: linear-gradient(90deg, rgba(7, 10, 18, 0.98) 0%, rgba(7, 10, 18, 0.92) 38%, rgba(7, 10, 18, 0.62) 66%, rgba(7, 10, 18, 0.96) 100%);
        }

        .hero::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 170px;
            background: linear-gradient(180deg, transparent, rgba(7, 10, 18, 0.98));
            pointer-events: none;
        }

        .hero-content {
            position: relative;
            z-index: 2;
            width: min(1160px, 100%);
            margin: 0 auto;
            min-width: 0;
        }

        .eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            color: var(--coral-2);
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase;
            margin-bottom: 28px;
        }

        .eyebrow::before {
            content: "";
            width: 36px;
            height: 2px;
            background: linear-gradient(90deg, var(--coral), var(--cyan));
        }

        h1 {
            max-width: 840px;
            margin: 0;
            font-size: 72px;
            line-height: 0.94;
            font-weight: 900;
            overflow-wrap: anywhere;
        }

        .hero-title-frame {
            position: relative;
            display: block;
            width: fit-content;
            max-width: 840px;
            isolation: isolate;
        }

        .hero-title-frame h1 {
            position: relative;
            z-index: 2;
            color: #F8FAFC;
            transform: perspective(900px) rotateX(1deg) rotateY(-0.6deg);
            transform-origin: left center;
            text-shadow:
                0 1px 0 rgba(255, 255, 255, 0.18),
                0 3px 0 rgba(148, 163, 184, 0.12),
                0 4.5px 0 rgba(71, 85, 105, 0.18),
                0 6px 0 rgba(30, 41, 59, 0.26),
                0 7.5px 0 rgba(15, 23, 42, 0.34),
                0 9px 0 rgba(2, 6, 23, 0.42),
                0 14px 28px rgba(2, 6, 23, 0.94),
                0 0 18px rgba(248, 250, 252, 0.08);
        }

        .hero-title-spacetime {
            position: absolute;
            z-index: 1;
            left: 0;
            right: auto;
            top: -45px;
            height: 400px;
            width: 670px;
            max-width: none;
            opacity: 0.43;
            pointer-events: none;
            mix-blend-mode: screen;
            object-fit: fill;
            object-position: 50% 55%;
            border-radius: 4px;
            -webkit-mask-image:
                linear-gradient(90deg, transparent 0%, #000 20%, #000 90%, transparent 100%),
                linear-gradient(180deg, transparent 0%, #000 24%, #000 76%, transparent 100%);
            -webkit-mask-composite: source-in;
            mask-image:
                linear-gradient(90deg, transparent 0%, #000 20%, #000 90%, transparent 100%),
                linear-gradient(180deg, transparent 0%, #000 24%, #000 76%, transparent 100%);
            mask-composite: intersect;
            filter:
                brightness(0.76)
                contrast(0.96)
                saturate(0.92)
                drop-shadow(0 0 14px rgba(255, 229, 174, 0.12))
                drop-shadow(0 0 22px rgba(125, 211, 252, 0.07));
        }

        .hero-title-frame--doodle {
            width: fit-content;
            max-width: 840px;
            margin-left: 0;
            overflow: visible;
        }

        .hero-title-frame--doodle[data-title-mode="doodle"] {
            width: min(684px, calc(90vw - 50.4px));
            max-width: min(684px, calc(90vw - 50.4px));
            margin-left: calc(-8px - 10pt);
        }

        .hero-world-cup-link {
            position: relative;
            z-index: 2;
            display: none;
            width: 100%;
            color: inherit;
            cursor: pointer;
        }

        .hero-world-cup-doodle {
            position: relative;
            z-index: 2;
            display: none;
            width: min(760px, 100%);
            height: auto;
            transform-origin: 50% 56%;
            filter:
                drop-shadow(0 14px 26px rgba(2, 6, 23, 0.74))
                drop-shadow(0 0 18px rgba(96, 165, 250, 0.12))
                drop-shadow(0 0 22px rgba(244, 63, 94, 0.10));
            animation:
                worldCupDoodleEnter 900ms cubic-bezier(0.22, 1, 0.36, 1) both,
                worldCupDoodleHover 8s ease-in-out 1200ms infinite;
        }

        .hero-title-frame--doodle[data-title-mode="doodle"] h1 {
            position: absolute;
            inset: 0;
            width: 1px;
            height: 1px;
            overflow: hidden;
            opacity: 0;
            pointer-events: none;
        }

        .hero-title-frame--doodle[data-title-mode="doodle"] .hero-title-spacetime {
            display: none;
        }

        .hero-title-frame--doodle[data-title-mode="doodle"] .hero-world-cup-link {
            display: block;
        }

        .hero-title-frame--doodle[data-title-mode="doodle"] .hero-world-cup-doodle {
            display: block;
        }

        .hero-title-frame--doodle[data-title-mode="doodle"]::after {
            content: "";
            position: absolute;
            z-index: 3;
            left: 9%;
            top: 14%;
            width: 36%;
            height: 2px;
            border-radius: 999px;
            background: linear-gradient(90deg, transparent, rgba(96, 165, 250, 0.92), rgba(248, 113, 113, 0.76), transparent);
            opacity: 0;
            pointer-events: none;
            transform: translateX(-20%) rotate(-7deg);
            filter: blur(0.2px) drop-shadow(0 0 8px rgba(96, 165, 250, 0.32));
            animation: worldCupDoodleTrail 1200ms cubic-bezier(0.22, 1, 0.36, 1) 420ms both;
        }

        .hero-title-accent {
            color: var(--coral-2);
            text-shadow:
                0 1px 0 rgba(255, 228, 232, 0.2),
                0 3px 0 rgba(190, 58, 85, 0.2),
                0 4.5px 0 rgba(162, 49, 73, 0.26),
                0 6px 0 rgba(118, 34, 57, 0.32),
                0 7.5px 0 rgba(86, 25, 45, 0.38),
                0 9px 0 rgba(65, 20, 34, 0.46),
                0 14px 28px rgba(2, 6, 23, 0.94),
                0 0 20px rgba(233, 94, 103, 0.18);
        }

        @keyframes worldCupDoodleEnter {
            0% {
                opacity: 0;
                transform: translate3d(-18px, 10px, 0) scale(0.965);
                filter:
                    drop-shadow(0 10px 16px rgba(2, 6, 23, 0.52))
                    drop-shadow(0 0 0 rgba(96, 165, 250, 0))
                    drop-shadow(0 0 0 rgba(244, 63, 94, 0));
            }
            72% {
                opacity: 1;
                transform: translate3d(3px, -1px, 0) scale(1.006);
            }
            100% {
                opacity: 1;
                transform: translate3d(0, 0, 0) scale(1);
            }
        }

        @keyframes worldCupDoodleHover {
            0%, 100% {
                transform: translate3d(0, 0, 0) rotate(0deg);
            }
            48% {
                transform: translate3d(0, -2px, 0) rotate(-0.18deg);
            }
        }

        @keyframes worldCupDoodleTrail {
            0% {
                opacity: 0;
                transform: translateX(-26%) rotate(-7deg) scaleX(0.28);
            }
            28% {
                opacity: 0.84;
            }
            100% {
                opacity: 0;
                transform: translateX(185%) rotate(-7deg) scaleX(1);
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .hero-world-cup-doodle,
            .hero-title-frame--doodle::after {
                animation: none;
            }

            .hero-title-frame--doodle::after {
                display: none;
            }
        }

        .hero-astronaut {
            position: absolute;
            z-index: 3;
            left: calc(50% - 54px);
            top: 438px;
            width: 128px;
            opacity: 0.86;
            pointer-events: none;
            transform: rotate(-1deg);
            transform-origin: 62% 42%;
            filter:
                drop-shadow(0 12px 28px rgba(0, 0, 0, 0.58))
                drop-shadow(0 0 22px rgba(125, 211, 252, 0.18));
        }

        .hero-astronaut img {
            width: 100%;
            height: auto;
            display: block;
        }

        .hero-subtitle {
            position: relative;
            z-index: 4;
            max-width: 740px;
            margin: 26px 0 0;
            color: #F8FAFC;
            font-size: 24px;
            line-height: 1.34;
            font-weight: 750;
            overflow-wrap: anywhere;
            text-shadow:
                0 3px 16px rgba(7, 10, 18, 0.98),
                0 0 3px rgba(7, 10, 18, 0.9);
        }

        .hero-line {
            position: relative;
            z-index: 4;
            max-width: 690px;
            margin: 18px 0 0;
            color: #E6EEF8;
            font-size: 17px;
            overflow-wrap: anywhere;
            text-shadow:
                0 3px 14px rgba(7, 10, 18, 0.98),
                0 0 3px rgba(7, 10, 18, 0.92);
        }

        .hero-actions {
            position: relative;
            z-index: 4;
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin-top: 34px;
        }

        .button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            min-height: 46px;
            padding: 0 18px;
            border-radius: 999px;
            border: 1px solid rgba(255, 255, 255, 0.14);
            color: var(--text);
            font-size: 14px;
            font-weight: 850;
            background: rgba(255, 255, 255, 0.08);
            transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
        }

        .button-icon {
            width: 18px;
            height: 18px;
            fill: currentColor;
            flex: 0 0 auto;
        }

        .button:hover {
            transform: translateY(-2px);
            border-color: rgba(255, 255, 255, 0.32);
            background: rgba(255, 255, 255, 0.12);
        }

        .button.primary {
            background: linear-gradient(135deg, rgba(233, 94, 103, 0.95), rgba(139, 92, 246, 0.88));
            border-color: rgba(255, 255, 255, 0.22);
            box-shadow: 0 16px 44px rgba(233, 94, 103, 0.18);
        }

        .hero-actions .button {
            color: #F8FAFC;
            background: rgb(11, 16, 28);
            border-color: rgba(255, 255, 255, 0.26);
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.36);
        }

        .hero-actions .button-icon {
            width: 22px;
            height: 22px;
        }

        .hero-actions .button:hover {
            background: rgb(18, 25, 40);
            border-color: rgba(255, 255, 255, 0.36);
        }

        .hero-actions .button.primary {
            background:
                radial-gradient(circle at 18% 12%, rgba(255, 235, 183, 0.34), transparent 36%),
                linear-gradient(135deg, rgba(18, 28, 48, 0.98), rgba(22, 82, 112, 0.94) 52%, rgba(86, 69, 126, 0.92));
            border-color: rgba(255, 229, 174, 0.34);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.2),
                inset 0 -14px 28px rgba(2, 6, 23, 0.18),
                0 16px 42px rgba(14, 165, 233, 0.16),
                0 0 24px rgba(255, 229, 174, 0.08);
        }

        .hero-actions .button.primary:hover {
            background:
                radial-gradient(circle at 18% 12%, rgba(255, 235, 183, 0.42), transparent 38%),
                linear-gradient(135deg, rgba(22, 34, 58, 0.98), rgba(25, 95, 128, 0.95) 52%, rgba(95, 78, 138, 0.93));
            border-color: rgba(255, 229, 174, 0.46);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.24),
                inset 0 -14px 28px rgba(2, 6, 23, 0.16),
                0 18px 48px rgba(14, 165, 233, 0.2),
                0 0 28px rgba(255, 229, 174, 0.12);
        }

        .signal-strip {
            position: relative;
            z-index: 2;
            width: min(1160px, 100%);
            margin: 80px auto 0;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            border: 1px solid rgba(148, 163, 184, 0.18);
            background: rgba(12, 18, 32, 0.72);
            box-shadow: var(--shadow);
        }

        .signal {
            min-height: 82px;
            padding: 14px 18px;
            display: flex;
            align-items: center;
            gap: 14px;
            border-right: 1px solid rgba(148, 163, 184, 0.16);
        }

        .signal:last-child {
            border-right: 0;
        }

        .signal-icon {
            flex: 0 0 44px;
            width: 44px;
            height: 44px;
            display: grid;
            place-items: center;
            color: rgba(125, 211, 252, 0.92);
        }

        .signal-icon svg {
            width: 42px;
            height: 42px;
            display: block;
            fill: none;
            stroke: currentColor;
            stroke-width: 1.7;
            stroke-linecap: round;
            stroke-linejoin: round;
            filter: drop-shadow(0 0 10px rgba(125, 211, 252, 0.18));
        }

        .signal-icon .frame-fill {
            fill: rgb(12, 18, 32);
        }

        .signal:nth-child(2) .signal-icon {
            color: rgba(248, 113, 113, 0.92);
        }

        .signal:nth-child(3) .signal-icon {
            color: rgba(167, 139, 250, 0.92);
        }

        .signal:nth-child(4) .signal-icon {
            color: rgba(45, 212, 191, 0.92);
        }

        .signal-copy {
            min-width: 0;
        }

        .signal-kicker {
            color: var(--dim);
            font-size: 11px;
            font-weight: 900;
            text-transform: uppercase;
            margin-bottom: 6px;
        }

        .signal-value {
            font-size: 18px;
            font-weight: 900;
        }

        main {
            position: relative;
            isolation: isolate;
            background:
                linear-gradient(180deg,
                    rgba(7, 10, 18, 0.02) 0%,
                    rgba(9, 13, 24, 0.44) 18%,
                    rgba(8, 12, 22, 0.50) 48%,
                    rgba(9, 13, 24, 0.42) 78%,
                    rgba(7, 10, 18, 0.18) 100%);
        }

        .section {
            position: relative;
            padding: 96px 20px;
            border-bottom: 0;
            overflow: clip;
        }

        .section.alt {
            background: transparent;
        }

        .section-inner {
            position: relative;
            z-index: 2;
            width: min(1160px, 100%);
            margin: 0 auto;
        }

        .section::before,
        .section::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            height: 230px;
            pointer-events: none;
            z-index: 1;
            opacity: 0.54;
        }

        .section::before {
            top: 0;
            background: linear-gradient(180deg, rgba(7, 10, 18, 0.36), rgba(7, 10, 18, 0));
        }

        .section::after {
            bottom: 0;
            background: linear-gradient(180deg, rgba(7, 10, 18, 0), rgba(7, 10, 18, 0.34));
        }

        @media (prefers-reduced-motion: no-preference) {
            body.scroll-motion-ready .section .section-inner {
                opacity: 0.48;
                transform: translate3d(0, 52px, 0) scale(0.985);
                transition:
                    opacity 820ms cubic-bezier(0.22, 1, 0.36, 1),
                    transform 900ms cubic-bezier(0.22, 1, 0.36, 1);
            }

            body.scroll-motion-ready .section.is-scroll-visible .section-inner {
                opacity: 1;
                transform: translate3d(0, 0, 0) scale(1);
            }

            body.scroll-motion-ready .section::before {
                transform: translate3d(0, -26px, 0);
                opacity: 0.54;
                transition:
                    opacity 900ms cubic-bezier(0.22, 1, 0.36, 1),
                    transform 900ms cubic-bezier(0.22, 1, 0.36, 1);
            }

            body.scroll-motion-ready .section.is-scroll-visible::before {
                transform: translate3d(0, 0, 0);
                opacity: 0.86;
            }
        }

        .section-head {
            display: grid;
            grid-template-columns: minmax(0, 0.86fr) minmax(280px, 0.54fr);
            gap: 48px;
            align-items: end;
            margin-bottom: 36px;
        }

        .section-label {
            color: var(--coral-2);
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase;
            margin-bottom: 12px;
        }

        h2 {
            margin: 0;
            font-size: 42px;
            line-height: 1.06;
            font-weight: 900;
        }

        .section-copy {
            margin: 0;
            color: var(--muted);
            font-size: 16px;
        }

        #overview .section-head {
            display: block;
            max-width: 900px;
        }

        .demo-section .section-head {
            display: block;
            max-width: none;
        }

        .demo-section .section-copy {
            margin-top: 18px;
            max-width: 820px;
            color: rgba(168, 179, 197, 0.92);
            font-size: 19px;
        }

        #overview .section-copy {
            margin-top: 16px;
        }
        #model .section-head {
            display: block;
            max-width: 900px;
        }

        .diagram-shell {
            border: 1px solid rgba(148, 163, 184, 0.18);
            background: var(--bg);
            box-shadow: var(--shadow);
            overflow: hidden;
        }

        .diagram-frame {
            width: 100%;
            height: auto;
            aspect-ratio: 1200 / 620;
            border: 0;
            background: var(--bg);
        }

        .diagram-frame.compact {
            aspect-ratio: 1084 / 540;
        }

        .caption-bar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            padding: 16px 18px;
            border-top: 1px solid rgba(148, 163, 184, 0.16);
            color: var(--muted);
            font-size: 13px;
            background: rgba(255, 255, 255, 0.03);
        }

        .caption-bar strong {
            color: var(--text);
        }

        .model-explorer {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            border: 1px solid rgba(148, 163, 184, 0.18);
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.014)),
                rgba(12, 18, 32, 0.74);
            box-shadow:
                var(--shadow),
                inset 0 1px 0 rgba(255, 255, 255, 0.05);
        }

        .model-explorer::before {
            content: "";
            position: absolute;
            z-index: 1;
            left: 0;
            right: 0;
            top: 0;
            height: 1px;
            background: linear-gradient(90deg, rgba(59, 130, 246, 0.38), rgba(6, 182, 212, 0.26), rgba(233, 94, 103, 0.34));
            pointer-events: none;
        }

        .model-tabs {
            --tab-inset: 4px;
            --active-index: 0;
            --tab-glow: 56, 189, 248;
            --tab-accent: 129, 140, 248;
            position: relative;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            margin: 12px;
            padding: var(--tab-inset);
            border: 1px solid rgba(148, 163, 184, 0.14);
            border-radius: 10px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01)),
                rgba(7, 10, 18, 0.66);
            overflow: hidden;
        }

        .model-tabs::before {
            content: "";
            position: absolute;
            z-index: 0;
            left: calc(var(--tab-inset) + var(--active-index) * ((100% - var(--tab-inset) * 2) / 3));
            top: var(--tab-inset);
            bottom: var(--tab-inset);
            width: calc((100% - var(--tab-inset) * 2) / 3);
            background:
                radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.07), transparent 32%),
                linear-gradient(135deg,
                    rgba(var(--tab-glow), 0.16),
                    rgba(var(--tab-accent), 0.12) 52%,
                    rgba(15, 23, 42, 0.9)
                );
            border: 1px solid rgba(var(--tab-glow), 0.22);
            border-radius: 7px;
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.10),
                inset 0 -16px 32px rgba(0, 0, 0, 0.22),
                0 12px 32px rgba(0, 0, 0, 0.28),
                0 0 18px rgba(var(--tab-glow), 0.08);
            backdrop-filter: blur(10px) saturate(1.16);
            -webkit-backdrop-filter: blur(10px) saturate(1.16);
            transition: left 320ms cubic-bezier(0.22, 1, 0.36, 1), top 320ms cubic-bezier(0.22, 1, 0.36, 1);
            pointer-events: none;
        }

        .model-tabs[data-active="core"] {
            --active-index: 0;
        }

        .model-tabs[data-active="engine"] {
            --active-index: 1;
        }

        .model-tabs[data-active="policy"] {
            --active-index: 2;
        }

        .model-tab {
            position: relative;
            z-index: 1;
            min-height: 72px;
            padding: 16px 18px;
            border: 0;
            border-radius: 7px;
            background: transparent;
            color: var(--muted);
            cursor: pointer;
            text-align: left;
            font: inherit;
            transition: background 220ms ease, color 220ms ease;
        }

        .model-tab:last-child {
            border-right: 0;
        }

        .model-tab span {
            display: block;
        }

        .model-tab-kicker {
            margin-bottom: 5px;
            color: var(--dim);
            font-size: 11px;
            font-weight: 900;
            text-transform: uppercase;
        }

        .model-tab-title {
            color: inherit;
            font-size: 17px;
            font-weight: 900;
        }

        .model-tab:hover {
            color: var(--text);
            background:
                linear-gradient(90deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025)),
                rgba(255, 255, 255, 0.035);
        }

        .model-tab.is-active,
        .model-tab.is-active:hover {
            color: var(--text);
            background: transparent;
        }

        .model-tab.is-active .model-tab-kicker {
            color: rgba(248, 250, 252, 0.72);
        }

        .model-tab.is-active .model-tab-title {
            color: #F8FAFC;
        }

        .model-stage {
            position: relative;
            display: grid;
            grid-template-columns: minmax(0, 0.80fr) minmax(280px, 0.40fr);
            gap: 0;
            border-radius: 0 0 8px 8px;
            overflow: hidden;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.026), transparent 52%),
                #070A12;
        }

        .model-stage::before {
            content: "";
            position: absolute;
            top: 28px;
            bottom: 28px;
            left: calc(100% * 0.80 / 1.20);
            width: 1px;
            background: linear-gradient(
                180deg,
                transparent,
                rgba(148, 163, 184, 0.18) 18%,
                rgba(56, 189, 248, 0.18) 50%,
                rgba(148, 163, 184, 0.12) 82%,
                transparent
            );
            pointer-events: none;
            opacity: 0.78;
            z-index: 2;
        }

        .model-stage .diagram-frame,
        .model-stage .caption-bar,
        .mode-panel > * {
            transition: opacity 240ms ease, transform 240ms ease, filter 240ms ease;
            will-change: opacity, transform;
        }

        .model-stage.is-switching .diagram-frame {
            opacity: 0;
            transform: translateY(6px) scale(0.992);
            filter: saturate(0.85);
        }

        .model-stage.is-switching .caption-bar {
            opacity: 0;
            transform: translateY(5px);
        }

        .model-stage.is-switching .mode-panel > * {
            opacity: 0;
            transform: translateY(6px);
        }

        .model-stage .diagram-shell {
            border: 0;
            border-radius: 0 0 0 8px;
            overflow: hidden;
            box-shadow: none;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 56%),
                #070A12;
        }

        .model-stage .diagram-frame {
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 56%),
                #070A12;
        }

        .model-stage .caption-bar {
            justify-content: flex-start;
            position: relative;
            padding: 15px 18px 17px;
            border-top: 0;
            color: rgba(168, 179, 197, 0.86);
            background: transparent;
        }

        .model-stage .caption-bar::before {
            content: "";
            position: absolute;
            left: 18px;
            right: 18px;
            top: 0;
            height: 1px;
            background: linear-gradient(
                90deg,
                transparent,
                rgba(148, 163, 184, 0.16),
                transparent
            );
        }

        .mode-layout {
            display: grid;
            grid-template-columns: minmax(0, 0.74fr) minmax(300px, 0.46fr);
            gap: 28px;
            align-items: stretch;
        }

        .mode-panel {
            position: relative;
            padding: 30px 30px 28px;
            border: 0;
            border-radius: 0 0 8px 0;
            background:
                linear-gradient(135deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
                transparent;
        }

        .mode-panel-copy {
            display: flow-root;
            min-height: var(--mode-panel-copy-height, 0px);
        }

        .mode-panel-copy-measure {
            position: absolute;
            left: -9999px;
            top: 0;
            width: var(--mode-panel-copy-measure-width, 100%);
            min-height: 0 !important;
            visibility: hidden;
            pointer-events: none;
        }

        .mode-panel h3 {
            margin: 0 0 12px;
            font-size: 26px;
        }

        .mode-panel p {
            margin: 0 0 22px;
            color: var(--muted);
            font-size: 15px;
        }

        .token-list {
            display: grid;
            gap: 10px;
        }

        .token-item {
            display: flex;
            align-items: center;
            gap: 11px;
            min-height: 44px;
            padding: 10px 12px;
            border: 1px solid rgba(148, 163, 184, 0.15);
            background: rgba(0, 0, 0, 0.18);
            color: #DDE7F5;
            font-family: "Share Tech", Inter, ui-sans-serif, system-ui, sans-serif;
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 0.025em;
        }

        .token-dot {
            width: 9px;
            height: 9px;
            background: var(--accent);
            box-shadow: 0 0 18px var(--accent);
        }
        .demo-galleries {
            display: grid;
            gap: 24px;
            margin-top: 14px;
        }

        .demo-pipeline {
            display: grid;
            grid-template-columns:
                minmax(250px, 1.22fr)
                34px
                minmax(250px, 1.22fr)
                46px
                minmax(250px, 1.22fr);
            align-items: center;
            gap: 14px;
            margin-top: 11px;
            padding: 28px;
            border: 0;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
        }

        .demo-pipeline.is-secondary {
            margin-top: -24px;
            padding-top: 0;
        }

        .demo-pipeline-card {
            position: relative;
            min-width: 0;
            min-height: 178px;
            display: grid;
            align-content: end;
            gap: 14px;
            padding: 16px;
            border: 0;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
            overflow: visible;
        }

        .demo-pipeline-card.is-wide {
            min-height: 214px;
        }

        .demo-pipeline.is-secondary .demo-pipeline-card,
        .demo-pipeline.is-secondary .demo-pipeline-card.is-wide {
            min-height: 0;
        }

        .demo-pipeline-card.is-accent {
            box-shadow: none;
        }

        .demo-pipeline-card h3 {
            position: relative;
            z-index: 2;
            margin: 0;
            color: var(--text);
            font-family: "Share Tech", Inter, ui-sans-serif, system-ui, sans-serif;
            font-size: 18px;
            font-weight: 400;
            line-height: 1.1;
            letter-spacing: 0.035em;
            text-align: center;
        }

        .demo-pipeline-operator {
            position: relative;
            display: grid;
            place-items: center;
            min-height: 64px;
            color: transparent;
            font-size: 0;
            font-weight: 700;
            line-height: 1;
            text-shadow: none;
        }

        .demo-pipeline-operator::before {
            content: "";
            position: absolute;
            left: 50%;
            top: 50%;
            width: 40px;
            height: 40px;
            border-radius: 0;
            background:
                linear-gradient(90deg, rgba(251, 113, 133, 0.98), rgba(248, 113, 113, 0.76)) center / 38px 8px no-repeat,
                linear-gradient(180deg, rgba(255, 149, 149, 0.92), rgba(248, 113, 113, 0.72)) center / 8px 38px no-repeat;
            box-shadow: none;
            transform: translate(-50%, -50%);
        }

        .demo-pipeline-operator::after {
            display: none;
        }

        .demo-pipeline-operator.is-arrow {
            min-width: 46px;
            justify-content: center;
        }

        .demo-pipeline-operator.is-arrow::before {
            left: 50%;
            width: 58px;
            height: 30px;
            border-radius: 0;
            background:
                linear-gradient(90deg, rgba(251, 113, 133, 0.30), rgba(251, 113, 133, 0.96) 78%, rgba(255, 151, 151, 0.98));
            clip-path: polygon(0 38%, 63% 38%, 63% 14%, 100% 50%, 63% 86%, 63% 62%, 0 62%);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.13),
                0 0 16px rgba(248, 113, 113, 0.20);
        }

        .demo-pipeline-card.is-pose,
        .demo-pipeline-card.is-frame,
        .demo-pipeline-card.is-video {
            padding: 14px;
        }

        .demo-pipeline-card.is-frame img,
        .demo-pipeline-video {
            position: relative;
            z-index: 1;
            width: 100%;
            aspect-ratio: 16 / 9;
            border-radius: 7px;
            overflow: hidden;
            background: #080C15;
        }

        .demo-pipeline-card.is-frame img {
            object-fit: cover;
        }

        .demo-pipeline-card.is-frame img.demo-pipeline-frame-object {
            height: auto;
            object-fit: contain;
            object-position: center;
            background: transparent;
        }

        .demo-pipeline-video video {
            width: 100%;
            height: 100%;
            object-fit: cover;
            background: #080C15;
        }

        @media (min-width: 761px) and (max-width: 1100px) {
            .demo-pipeline {
                grid-template-columns: 1fr;
                justify-items: stretch;
                padding: 22px;
            }

            .demo-pipeline.is-secondary {
                margin-top: -6px;
                padding-top: 0;
            }

            .demo-pipeline-operator {
                min-height: 26px;
                font-size: 34px;
                transform: rotate(90deg);
            }

            .demo-pipeline-operator.is-arrow {
                font-size: 38px;
            }

            .demo-pipeline-card,
            .demo-pipeline-card.is-wide {
                min-height: 0;
            }
        }

        .demo-gallery {
            --gallery-visible: 4;
            --gallery-gap: 14px;
            --gallery-gap-total: 42px;
            --demo-scroll-size: 1;
            --demo-scroll-offset: 0;

            position: relative;
            border: 1px solid rgba(148, 163, 184, 0.11);
            border-radius: 8px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012) 58%),
                rgba(7, 10, 18, 0.58);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.08),
                inset 0 0 0 1px rgba(255, 255, 255, 0.025),
                0 22px 70px rgba(0, 0, 0, 0.34);
            backdrop-filter: blur(14px) saturate(1.12);
            -webkit-backdrop-filter: blur(14px) saturate(1.12);
            overflow: hidden;
        }

        .demo-gallery::before,
        .demo-gallery::after {
            content: "";
            position: absolute;
            bottom: 9px;
            z-index: 3;
            height: 3px;
            border-radius: 999px;
            pointer-events: none;
        }

        .demo-gallery::before {
            left: 50%;
            width: 72px;
            background: rgba(148, 163, 184, 0.13);
            transform: translateX(-50%);
        }

        .demo-gallery::after {
            left: calc(50% - 36px);
            width: max(16px, calc(72px * var(--demo-scroll-size)));
            background: rgba(148, 163, 184, 0.40);
            transform: translateX(calc((72px - max(16px, calc(72px * var(--demo-scroll-size)))) * var(--demo-scroll-offset)));
            transition: width 180ms ease, transform 180ms ease, opacity 180ms ease;
        }

        .demo-gallery-head {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;
            padding: 16px 18px 14px;
            border-bottom: 0;
        }

        .demo-gallery-head::after {
            content: "";
            position: absolute;
            left: 18px;
            right: 18px;
            bottom: 0;
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(148, 163, 184, 0.16), transparent);
        }

        .demo-gallery-head h3 {
            margin: 0;
            font-size: 19px;
            line-height: 1.1;
        }

        .demo-gallery-title {
            display: inline-flex;
            align-items: center;
            gap: 11px;
            min-width: 0;
        }

        .demo-gallery-icon {
            flex: 0 0 38px;
            width: 38px;
            height: 38px;
            display: inline-grid;
            place-items: center;
            color: rgba(125, 211, 252, 0.9);
            border: 1px solid rgba(148, 163, 184, 0.14);
            border-radius: 7px;
            background: rgba(12, 18, 32, 0.48);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
        }

        .demo-gallery-icon svg {
            width: 31px;
            height: 31px;
            display: block;
            fill: none;
            stroke: currentColor;
            stroke-width: 1.8;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .demo-gallery-icon.is-physical {
            color: rgba(248, 113, 113, 0.92);
        }

        .demo-gallery-icon.is-triangle {
            color: rgba(56, 189, 248, 0.92);
        }

        .demo-gallery-icon.is-loop {
            color: rgba(45, 212, 191, 0.92);
        }

        .demo-gallery-icon.is-retarget {
            color: rgba(167, 139, 250, 0.92);
        }

        .demo-gallery-icon.is-rendering {
            color: rgba(56, 189, 248, 0.9);
        }

        .demo-gallery-pair {
            display: grid;
            grid-template-columns: minmax(0, 3fr) minmax(250px, 1fr);
            gap: 24px;
            align-items: stretch;
        }

        .demo-gallery-pair .demo-gallery-retarget {
            --gallery-visible: 3;
            --gallery-gap-total: calc(var(--gallery-gap) * 2);
        }

        .demo-gallery-pair .demo-gallery-action-rendering {
            --gallery-visible: 1;
            --gallery-gap-total: 0px;
        }

        .demo-gallery-viewport {
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            scrollbar-width: none;
            -ms-overflow-style: none;
            -webkit-overflow-scrolling: touch;
            padding: 14px 14px 24px;
        }

        .demo-gallery-viewport::-webkit-scrollbar {
            display: none;
        }

        .demo-gallery-track {
            display: flex;
            gap: var(--gallery-gap);
            transform: none;
            transition: none;
            will-change: auto;
        }

        .demo-gallery-static .demo-gallery-track {
            transform: none;
            transition: none;
            will-change: auto;
        }

        .demo-tile {
            flex: 0 0 calc((100% - var(--gallery-gap-total)) / var(--gallery-visible));
            min-width: 0;
            scroll-snap-align: start;
            border: 1px solid rgba(148, 163, 184, 0.07);
            border-radius: 6px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 52%),
                rgba(8, 13, 24, 0.34);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.045),
                0 10px 28px rgba(0, 0, 0, 0.16);
            overflow: hidden;
        }

        .demo-visual {
            position: relative;
            aspect-ratio: 16 / 9;
            display: grid;
            place-items: center;
            background:
                linear-gradient(135deg, rgba(59, 130, 246, 0.14), rgba(139, 92, 246, 0.12) 52%, rgba(233, 94, 103, 0.1)),
                #080C15;
            overflow: hidden;
        }

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

        .demo-visual video {
            position: absolute;
            inset: 0;
            z-index: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            background: #080C15;
        }

        .demo-placeholder {
            color: rgba(203, 213, 225, 0.72);
            font-size: 13px;
            font-weight: 900;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }

        .demo-placeholder::after {
            content: "";
            position: absolute;
            inset: 18px;
            border: 1px dashed rgba(148, 163, 184, 0.2);
            border-radius: 6px;
            background:
                radial-gradient(circle at 50% 45%, rgba(56, 189, 248, 0.08), transparent 42%),
                rgba(7, 10, 18, 0.2);
        }

        .demo-placeholder span {
            position: relative;
            z-index: 1;
        }

        .demo-copy {
            padding: 14px;
        }

        .demo-copy h3 {
            margin: 0 0 4px;
            font-family: "Share Tech", Inter, ui-sans-serif, system-ui, sans-serif;
            font-size: 15px;
            font-weight: 400;
            letter-spacing: 0.028em;
        }

        .demo-caption-link {
            color: inherit;
            text-decoration: none;
            text-underline-offset: 0.18em;
        }

        .demo-caption-link:hover {
            color: rgba(125, 211, 252, 0.92);
            text-decoration: underline;
        }

        .demo-copy p {
            margin: 0;
            color: var(--dim);
            font-family: "Share Tech", Inter, ui-sans-serif, system-ui, sans-serif;
            font-size: 12px;
            font-weight: 400;
            letter-spacing: 0.02em;
        }
        .benchmark-section .section-head {
            display: block;
            max-width: none;
            align-items: start;
        }

        .benchmark-board {
            display: block;
        }

        .benchmark-table-card {
            min-width: 0;
            border: 1px solid rgba(148, 163, 184, 0.14);
            border-radius: 8px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012)),
                rgba(7, 10, 18, 0.62);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.06),
                0 22px 70px rgba(0, 0, 0, 0.28);
            overflow: hidden;
        }

        .benchmark-table-head {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            padding: 17px 18px 15px;
            color: rgba(248, 250, 252, 0.9);
            font-size: 13px;
            font-weight: 900;
            letter-spacing: 0.04em;
            text-transform: uppercase;
        }

        .benchmark-table-head::after {
            content: "";
            position: absolute;
            left: 18px;
            right: 18px;
            bottom: 0;
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(148, 163, 184, 0.18), transparent);
        }

        .benchmark-title {
            display: flex;
            align-items: baseline;
            gap: 10px;
            min-width: 0;
        }

        .benchmark-table-head a {
            color: inherit;
            text-decoration: none;
            transition: color 180ms ease;
        }

        .benchmark-table-head a:hover {
            color: rgba(147, 197, 253, 0.96);
        }

        .benchmark-title span {
            color: rgba(168, 179, 197, 0.76);
            font-size: 12px;
            font-weight: 750;
            letter-spacing: 0;
            text-transform: none;
        }

        .benchmark-table-scroll {
            overflow-x: auto;
            scrollbar-width: none;
            -ms-overflow-style: none;
        }

        .benchmark-table-scroll::-webkit-scrollbar {
            display: none;
        }

        .benchmark-table {
            width: 100%;
            min-width: 1680px;
            border-collapse: separate;
            border-spacing: 0;
            color: rgba(226, 232, 240, 0.86);
            font-size: 13px;
        }

        .benchmark-table th,
        .benchmark-table td {
            padding: 13px 15px;
            border-bottom: 1px solid rgba(148, 163, 184, 0.105);
            text-align: center;
            white-space: nowrap;
        }

        .benchmark-table th:first-child {
            position: sticky;
            left: 0;
            z-index: 2;
            text-align: left;
            border-right: 1px solid rgba(148, 163, 184, 0.16);
            background: #080D18;
        }

        .benchmark-table thead th:first-child {
            z-index: 3;
            background: #111827;
        }

        .benchmark-table tbody th {
            color: rgba(248, 250, 252, 0.9);
            font-weight: 850;
        }

        .benchmark-table thead th {
            color: rgba(203, 213, 225, 0.82);
            background: rgba(15, 23, 42, 0.38);
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase;
        }

        .benchmark-table tr.is-evo {
            background: rgba(59, 130, 246, 0.08);
        }

        .benchmark-table tr.is-evo th {
            color: #F8FAFC;
            background: #13223D;
        }

        .benchmark-table td.is-best {
            color: #F8FAFC;
            font-weight: 900;
        }
        .worldline {
            display: grid;
            grid-template-columns: minmax(260px, 0.38fr) minmax(0, 0.62fr);
            gap: 28px;
            align-items: stretch;
        }

        .worldline-copy {
            position: relative;
            min-height: 430px;
            padding: 32px;
            border: 1px solid rgba(148, 163, 184, 0.18);
            border-radius: 8px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.062), rgba(255, 255, 255, 0.024)),
                rgba(12, 18, 32, 0.74);
            overflow: hidden;
        }

        .worldline-copy h3 {
            margin: 0 0 14px;
            font-size: 34px;
            line-height: 1.06;
        }

        .worldline-copy p {
            position: relative;
            z-index: 1;
            margin: 0;
            color: var(--muted);
        }

        .worldline-points {
            position: relative;
            z-index: 1;
            display: grid;
            gap: 18px;
            margin-top: 34px;
        }

        .worldline-point {
            padding: 13px 14px;
            border-radius: 8px;
            background: rgba(7, 10, 18, 0.42);
        }

        .worldline-point strong {
            display: block;
            color: #F8FAFC;
            font-size: 13px;
            font-weight: 900;
            letter-spacing: 0.02em;
            text-transform: uppercase;
        }

        .worldline-point span {
            display: block;
            margin-top: 3px;
            color: var(--dim);
            font-size: 12px;
            line-height: 1.45;
        }

        .worldline-visual {
            --worldline-visual-head: 58px;
            --worldline-visual-pad: 14px;
            --worldline-row-height: 130px;
            --worldline-memory-col: minmax(222px, 0.54fr);
            --worldline-action-col: minmax(118px, 0.34fr);
            --worldline-link-col: minmax(48px, 0.14fr);
            --worldline-result-col: minmax(236px, 0.76fr);
            --future-card-width: 224px;
            --future-card-right: 28px;
            --path-left: 24px;
            --path-top: 22px;
            --path-bottom: 20px;
            position: relative;
            min-height: 430px;
            padding: 0;
            border: 1px solid rgba(148, 163, 184, 0.18);
            border-radius: 8px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.014)),
                rgba(7, 10, 18, 0.86);
            overflow: hidden;
            isolation: isolate;
        }

        .worldline-visual::before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 0;
            background-image:
                linear-gradient(rgba(148, 163, 184, 0.045) 1px, transparent 1px),
                linear-gradient(90deg, rgba(148, 163, 184, 0.035) 1px, transparent 1px);
            background-size: 52px 52px;
            mask-image: radial-gradient(circle at 46% 50%, rgba(0, 0, 0, 0.92), transparent 76%);
        }

        .worldline-carousel {
            display: flex;
            flex-direction: column;
        }

        .worldline-carousel > * {
            position: relative;
            z-index: 1;
        }

        .worldline-carousel-shell {
            flex: 1;
            min-height: inherit;
            overflow: hidden;
        }

        .worldline-carousel-track {
            display: flex;
            height: 100%;
            min-height: inherit;
            transform: translate3d(0, 0, 0);
            transition: transform 560ms cubic-bezier(0.22, 1, 0.36, 1);
            will-change: transform;
        }

        .worldline-carousel-slide {
            position: relative;
            flex: 0 0 100%;
            min-width: 0;
            min-height: inherit;
        }

        .worldline-abstract {
            position: relative;
            display: grid;
            grid-template-columns: var(--worldline-memory-col) var(--worldline-action-col) var(--worldline-link-col) var(--worldline-result-col);
            grid-template-rows: repeat(3, var(--worldline-row-height));
            align-content: center;
            gap: 14px;
            height: 100%;
            min-height: inherit;
            padding: calc(var(--worldline-visual-head) + var(--worldline-visual-pad)) var(--worldline-visual-pad) var(--worldline-visual-pad);
        }

        .worldline-carousel-controls {
            position: absolute;
            top: 16px;
            right: 18px;
            z-index: 10;
            display: inline-flex;
            gap: 4px;
            padding: 4px;
            border: 1px solid rgba(148, 163, 184, 0.16);
            border-radius: 999px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.062), rgba(255, 255, 255, 0.018)),
                rgba(7, 10, 18, 0.66);
            box-shadow: 0 16px 36px rgba(0, 0, 0, 0.24);
            backdrop-filter: blur(12px) saturate(1.12);
            -webkit-backdrop-filter: blur(12px) saturate(1.12);
        }

        .worldline-carousel-tab {
            min-height: 30px;
            padding: 0 12px;
            border: 0;
            border-radius: 999px;
            background: transparent;
            color: rgba(203, 213, 225, 0.78);
            cursor: pointer;
            font: inherit;
            font-size: 11px;
            font-weight: 900;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            transition: background 220ms ease, color 220ms ease, box-shadow 220ms ease;
        }

        .worldline-carousel-tab:hover {
            color: #F8FAFC;
            background: rgba(255, 255, 255, 0.05);
        }

        .worldline-carousel-tab.is-active {
            color: #F8FAFC;
            background:
                radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.16), transparent 36%),
                linear-gradient(135deg, rgba(56, 189, 248, 0.22), rgba(129, 140, 248, 0.18)),
                rgba(15, 23, 42, 0.82);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.14),
                0 0 18px rgba(56, 189, 248, 0.12);
        }

        .worldline-paths {
            position: absolute;
            left: var(--path-left);
            top: var(--path-top);
            width: calc(100% - var(--path-left) - var(--future-card-width) - var(--future-card-right));
            height: calc(100% - var(--path-top) - var(--path-bottom));
            z-index: 1;
            overflow: hidden;
        }

        .worldline-abstract .worldline-paths {
            left: var(--worldline-visual-pad);
            top: calc(var(--worldline-visual-head) + var(--worldline-visual-pad));
            width: calc(100% - var(--worldline-visual-pad) - var(--worldline-visual-pad) - 236px);
            height: calc(100% - var(--worldline-visual-head) - var(--worldline-visual-pad) - var(--worldline-visual-pad));
        }

        .relationship-link-thread {
            fill: none;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 8;
            stroke-dasharray: 28 18;
            animation: relationshipThreadFlow 1.65s linear infinite;
            opacity: 0.9;
        }

        .relationship-particle {
            color: #F8FAFC;
            opacity: 0.95;
        }

        .relationship-particle-core {
            fill: currentColor;
        }

        .relationship-particle.top {
            color: #7DD3FC;
        }

        .relationship-particle.middle {
            color: #A78BFA;
        }

        .relationship-particle.bottom {
            color: #5EEAD4;
        }

        @keyframes relationshipThreadFlow {
            to {
                stroke-dashoffset: -46;
            }
        }

        .worldline-seed {
            display: none;
        }

        .world-state-node {
            position: absolute;
            left: 64px;
            top: 50%;
            z-index: 6;
            width: 120px;
            aspect-ratio: 1;
            transform: translateY(-50%);
            display: grid;
            place-items: center;
            align-content: center;
            gap: 4px;
            border: 0;
            border-radius: 50%;
            background:
                radial-gradient(circle at 50% 50%, rgba(129, 140, 248, 0.28), rgba(56, 189, 248, 0.09) 44%, #070A12 72%),
                #080D19;
            color: var(--text);
            box-shadow:
                0 0 22px rgba(56, 189, 248, 0.13),
                0 0 42px rgba(129, 140, 248, 0.08),
                inset 0 0 22px rgba(129, 140, 248, 0.12);
        }

        .worldline-abstract .world-state-node {
            position: relative;
            left: auto;
            top: auto;
            z-index: 6;
            grid-column: 1;
            grid-row: 1 / 4;
            align-self: center;
            justify-self: center;
            transform: translateX(-10px);
        }

        .world-state-node::before,
        .world-state-node::after {
            display: none;
        }

        .world-state-node strong {
            display: block;
            font-family: "Cambria Math", "STIX Two Math", "Times New Roman", serif;
            font-size: 34px;
            line-height: 1;
            font-style: italic;
            font-weight: 700;
            letter-spacing: 0;
            transform: none;
            text-shadow:
                0 0 16px rgba(129, 140, 248, 0.42),
                0 0 26px rgba(56, 189, 248, 0.22);
        }

        .world-state-node strong sub {
            font-size: 0.58em;
            line-height: 0;
            margin-left: 1px;
            vertical-align: -0.22em;
        }

        .world-state-node span {
            order: -1;
            margin: 0;
            color: rgba(203, 213, 225, 0.72);
            font-size: 10px;
            font-weight: 900;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            transform: none;
        }

        .future-card {
            position: absolute;
            right: var(--future-card-right);
            z-index: 4;
            width: var(--future-card-width);
            min-height: 92px;
            padding: 14px 15px;
            border: 1px solid rgba(148, 163, 184, 0.2);
            background:
                linear-gradient(135deg, rgba(255, 255, 255, 0.076), rgba(255, 255, 255, 0.025)),
                rgba(7, 10, 18, 0.78);
            box-shadow: 0 20px 56px rgba(0, 0, 0, 0.26);
            backdrop-filter: blur(10px);
        }

        .worldline-abstract .future-card {
            position: relative;
            right: auto;
            z-index: 4;
            grid-column: 4;
            align-self: center;
            justify-self: end;
            width: min(236px, 100%);
        }

        .worldline-abstract .future-card.top {
            top: auto;
            grid-row: 1;
        }

        .worldline-abstract .future-card.middle {
            top: auto;
            grid-row: 2;
            transform: none;
        }

        .worldline-abstract .future-card.bottom {
            bottom: auto;
            grid-row: 3;
        }

        .future-card::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 3px;
            background: var(--accent);
            box-shadow: 0 0 18px var(--accent);
        }

        .future-card.top {
            top: 98px;
            --accent: var(--blue);
        }

        .future-card.middle {
            top: 50%;
            --accent: var(--purple);
            transform: translateY(-50%);
        }

        .future-card.bottom {
            bottom: 98px;
            --accent: var(--green);
        }

        .worldline-action {
            position: absolute;
            right: 338px;
            z-index: 5;
            display: inline-flex;
            align-items: center;
            gap: 7px;
            min-height: 28px;
            padding: 0 10px;
            border: 1px solid rgba(248, 250, 252, 0.18);
            border-radius: 999px;
            background:
                linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.028)),
                rgba(7, 10, 18, 0.76);
            box-shadow:
                0 12px 30px rgba(0, 0, 0, 0.28),
                0 0 18px color-mix(in srgb, var(--accent) 42%, transparent);
            backdrop-filter: blur(9px);
            color: #F8FAFC;
            font-size: 10px;
            font-weight: 900;
            letter-spacing: 0.1em;
            text-transform: uppercase;
        }

        .worldline-abstract .worldline-action {
            position: relative;
            right: auto;
            top: auto;
            bottom: auto;
            z-index: 5;
            grid-column: 2;
            align-self: center;
            justify-self: stretch;
            justify-content: center;
            width: 100%;
            min-height: 42px;
            transform: translateX(10px);
        }

        .worldline-abstract .worldline-action.top {
            top: auto;
            grid-row: 1;
        }

        .worldline-abstract .worldline-action.middle {
            top: auto;
            grid-row: 2;
            transform: translateX(10px);
        }

        .worldline-abstract .worldline-action.bottom {
            bottom: auto;
            grid-row: 3;
        }

        .worldline-action::before {
            content: "";
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: var(--accent);
            box-shadow: 0 0 14px var(--accent);
        }

        .worldline-action.top {
            top: 129px;
            --accent: var(--blue);
        }

        .worldline-action.middle {
            top: 50%;
            --accent: var(--purple);
            transform: translateY(-50%);
        }

        .worldline-action.bottom {
            bottom: 132px;
            --accent: var(--green);
        }

        .worldline-abstract .future-card,
        .worldline-abstract .worldline-action {
            box-shadow: none;
        }

        .worldline-abstract .future-card::before,
        .worldline-abstract .worldline-action::before {
            box-shadow: none;
        }

        .future-card h4 {
            margin: 0 0 4px;
            color: #F8FAFC;
            font-size: 16px;
            line-height: 1.15;
        }

        .future-card p {
            margin: 0;
            color: var(--muted);
            font-size: 12px;
            line-height: 1.42;
        }

        .cup-demo {
            margin-top: 24px;
            border: 1px solid rgba(148, 163, 184, 0.14);
            border-radius: 8px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.044), rgba(255, 255, 255, 0.012) 58%),
                rgba(7, 10, 18, 0.62);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.08),
                0 22px 70px rgba(0, 0, 0, 0.3);
            overflow: hidden;
            backdrop-filter: blur(14px) saturate(1.1);
            -webkit-backdrop-filter: blur(14px) saturate(1.1);
        }

        .worldline-carousel .cup-demo {
            display: flex;
            flex-direction: column;
            height: 100%;
            margin-top: 0;
            border: 0;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
        }

        .worldline-carousel .cup-demo-head {
            grid-template-columns: minmax(0, 1fr);
            min-height: var(--worldline-visual-head);
            padding: 15px 210px 14px 18px;
        }

        .worldline-carousel .cup-demo-tabs,
        .worldline-carousel .cup-demo-controls {
            display: none;
        }

        .worldline-carousel .cup-demo-viewport {
            padding: var(--worldline-visual-pad);
        }

        .worldline-carousel .cup-demo-grid {
            position: relative;
            grid-template-columns: var(--worldline-memory-col) var(--worldline-action-col) var(--worldline-link-col) var(--worldline-result-col);
            grid-template-rows: repeat(3, var(--worldline-row-height));
            align-content: center;
            gap: 14px;
        }

        .worldline-carousel .cup-memory-card {
            position: relative;
            z-index: 3;
            align-self: center;
            justify-self: center;
            width: 212px;
            height: auto;
            min-height: 0;
            padding: 10px;
            border-radius: 8px;
            cursor: pointer;
            background:
                radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.052), transparent 42%),
                linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012)),
                #080D18;
            box-shadow:
                0 0 0 1px rgba(56, 189, 248, 0.08),
                0 0 30px rgba(56, 189, 248, 0.14),
                0 0 58px rgba(129, 140, 248, 0.1),
                inset 0 0 20px rgba(129, 140, 248, 0.12);
        }

        .worldline-carousel .cup-memory-video {
            min-height: 0;
            height: auto;
            aspect-ratio: 1964 / 1080;
            object-fit: contain;
            border-radius: 5px;
        }

        .worldline-carousel .cup-memory-action-paths {
            grid-column: 1 / 3;
            grid-row: 1 / 4;
            z-index: 1;
            align-self: stretch;
            justify-self: stretch;
            width: 100%;
            height: 100%;
            overflow: visible;
            pointer-events: none;
        }

        .worldline-carousel .cup-memory-link-base,
        .worldline-carousel .cup-memory-link-active {
            fill: none;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .worldline-carousel .cup-memory-link-base {
            stroke: rgba(148, 163, 184, 0.24);
            stroke-width: 4;
        }

        .worldline-carousel .cup-memory-link-active {
            opacity: 0;
            stroke: var(--cup-accent);
            stroke-width: 4.5;
            stroke-dasharray: 1;
            stroke-dashoffset: 1;
            filter: drop-shadow(0 0 8px color-mix(in srgb, var(--cup-accent) 72%, transparent));
            transition:
                opacity 180ms ease,
                stroke-dashoffset 720ms cubic-bezier(0.22, 1, 0.36, 1);
        }

        .worldline-carousel .cup-demo-slide[data-cup-active="left"] .cup-memory-link-active.top,
        .worldline-carousel .cup-demo-slide[data-cup-active="center"] .cup-memory-link-active.middle,
        .worldline-carousel .cup-demo-slide[data-cup-active="right"] .cup-memory-link-active.bottom {
            opacity: 1;
            stroke-dashoffset: 0;
        }

        .worldline-carousel .cup-result-card {
            justify-self: end;
            width: min(236px, 100%);
            height: auto;
            min-height: 0;
        }

        .worldline-carousel .cup-result-card::after {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 1;
            background:
                linear-gradient(90deg, rgba(2, 6, 23, 0.16), transparent 44%),
                linear-gradient(0deg, rgba(2, 6, 23, 0.58), transparent 58%);
            pointer-events: none;
        }

        .worldline-carousel .cup-result-video {
            height: auto;
            aspect-ratio: 1964 / 1080;
            object-fit: contain;
            border-radius: 0;
        }

        .worldline-carousel .cup-result-card h5 {
            position: absolute;
            left: 14px;
            right: 12px;
            top: 10px;
            z-index: 3;
            padding: 0;
            text-shadow: 0 2px 12px rgba(0, 0, 0, 0.78);
        }

        .worldline-carousel .cup-action-button {
            position: relative;
            z-index: 3;
            min-height: 42px;
            padding-inline: 12px;
            font-size: 12px;
            background:
                radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.055), transparent 42%),
                linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.014)),
                #080D18;
            transform: translateX(10px);
        }

        .worldline-carousel .cup-action-button:hover,
        .worldline-carousel .cup-action-button.is-active {
            background:
                radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--cup-accent) 18%, transparent), transparent 42%),
                linear-gradient(180deg, color-mix(in srgb, var(--cup-accent) 8%, transparent), rgba(8, 13, 24, 0.1)),
                #0B1220;
            transform: translateX(10px) translateY(-1px);
        }

        .worldline-carousel .cup-action-line {
            z-index: 2;
            transform: translateX(10px);
        }

        .cup-demo-head {
            position: relative;
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto auto;
            gap: 16px;
            align-items: center;
            padding: 16px 18px;
        }

        .cup-demo-head::after {
            content: "";
            position: absolute;
            left: 18px;
            right: 18px;
            bottom: 0;
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(148, 163, 184, 0.16), transparent);
        }

        .cup-demo-kicker {
            margin-bottom: 5px;
            color: var(--coral-2);
            font-size: 11px;
            font-weight: 900;
            letter-spacing: 0.1em;
            text-transform: uppercase;
        }

        .cup-demo h4 {
            margin: 0;
            font-size: 20px;
            line-height: 1.1;
        }

        .cup-demo-tabs,
        .cup-demo-controls {
            display: inline-flex;
            gap: 8px;
        }

        .cup-demo-tab,
        .cup-demo-nav {
            border: 1px solid rgba(148, 163, 184, 0.18);
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.015)),
                rgba(7, 10, 18, 0.58);
            color: rgba(248, 250, 252, 0.86);
            cursor: pointer;
            font: inherit;
            transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, color 180ms ease;
        }

        .cup-demo-tab {
            min-height: 32px;
            padding: 0 13px;
            border-radius: 999px;
            font-size: 12px;
            font-weight: 900;
        }

        .cup-demo-tab.is-active {
            border-color: rgba(56, 189, 248, 0.32);
            background:
                radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.14), transparent 36%),
                linear-gradient(135deg, rgba(56, 189, 248, 0.2), rgba(139, 92, 246, 0.16)),
                rgba(15, 23, 42, 0.72);
            color: #F8FAFC;
        }

        .cup-demo-nav {
            display: inline-grid;
            place-items: center;
            width: 32px;
            height: 32px;
            border-radius: 999px;
            font-size: 21px;
            line-height: 1;
        }

        .cup-demo-tab:hover,
        .cup-demo-nav:hover {
            transform: translateY(-1px);
            border-color: rgba(56, 189, 248, 0.32);
        }

        .cup-demo-viewport {
            flex: 1;
            overflow: hidden;
            padding: 18px;
        }

        .cup-demo-track {
            display: flex;
            height: 100%;
            transform: translate3d(0, 0, 0);
            transition: transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
            will-change: transform;
        }

        .cup-demo-slide {
            display: flex;
            flex: 0 0 100%;
            min-width: 0;
        }

        .cup-demo-grid {
            display: grid;
            width: 100%;
            grid-template-columns: minmax(220px, 0.76fr) minmax(150px, 0.38fr) minmax(70px, 0.22fr) minmax(260px, 0.82fr);
            grid-template-rows: repeat(3, minmax(92px, auto));
            gap: 14px;
            align-items: center;
        }

        .cup-memory-card,
        .cup-result-card {
            position: relative;
            border: 1px solid rgba(148, 163, 184, 0.12);
            border-radius: 7px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.034), transparent 58%),
                rgba(8, 13, 24, 0.48);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.05),
                0 12px 34px rgba(0, 0, 0, 0.18);
            overflow: hidden;
        }

        .cup-memory-card {
            grid-column: 1;
            grid-row: 1 / 4;
            align-self: stretch;
            min-height: 292px;
        }

        .cup-card-kicker {
            position: absolute;
            left: 13px;
            top: 12px;
            z-index: 2;
            padding: 6px 9px;
            border: 1px solid rgba(255, 255, 255, 0.16);
            border-radius: 999px;
            background: rgba(2, 6, 23, 0.55);
            color: rgba(248, 250, 252, 0.86);
            font-size: 10px;
            font-weight: 900;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            backdrop-filter: blur(9px);
            -webkit-backdrop-filter: blur(9px);
        }

        .cup-memory-video,
        .cup-result-video {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            background: #080C15;
        }

        .cup-memory-video {
            min-height: 292px;
        }

        .cup-action-button {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            width: 100%;
            min-height: 46px;
            padding: 0 14px;
            border: 1px solid rgba(148, 163, 184, 0.15);
            border-radius: 999px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012)),
                rgba(7, 10, 18, 0.58);
            color: rgba(203, 213, 225, 0.82);
            cursor: pointer;
            font: inherit;
            font-size: 13px;
            font-weight: 900;
            transition: transform 180ms ease, border-color 240ms ease, color 240ms ease, background 240ms ease, box-shadow 240ms ease;
        }

        .cup-action-button::after {
            content: "";
            width: 9px;
            height: 9px;
            border-radius: 50%;
            background: rgba(148, 163, 184, 0.44);
            box-shadow: 0 0 12px rgba(148, 163, 184, 0.1);
            transition: background 260ms ease, box-shadow 260ms ease;
        }

        .cup-action-button:hover,
        .cup-action-button.is-active {
            transform: translateY(-1px);
            border-color: color-mix(in srgb, var(--cup-accent) 45%, rgba(148, 163, 184, 0.18));
            background:
                radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--cup-accent) 20%, transparent), transparent 42%),
                rgba(15, 23, 42, 0.66);
            color: #F8FAFC;
            box-shadow: 0 12px 34px color-mix(in srgb, var(--cup-accent) 16%, transparent);
        }

        .cup-action-button.is-active::after {
            background: var(--cup-accent);
            box-shadow: 0 0 16px var(--cup-accent);
        }

        .cup-action-button.top,
        .cup-action-line.top,
        .cup-result-card.top {
            grid-row: 1;
        }

        .cup-action-button.middle,
        .cup-action-line.middle,
        .cup-result-card.middle {
            grid-row: 2;
        }

        .cup-action-button.bottom,
        .cup-action-line.bottom,
        .cup-result-card.bottom {
            grid-row: 3;
        }

        .cup-action-button {
            grid-column: 2;
        }

        .cup-action-line {
            position: relative;
            grid-column: 3;
            height: 3px;
            border-radius: 999px;
            background: rgba(148, 163, 184, 0.18);
            overflow: hidden;
        }

        .cup-action-line::after {
            content: "";
            position: absolute;
            inset: 0;
            width: 0;
            border-radius: inherit;
            background: linear-gradient(90deg, rgba(148, 163, 184, 0.16), var(--cup-accent));
            box-shadow: 0 0 18px var(--cup-accent);
            transition: width 700ms cubic-bezier(0.22, 1, 0.36, 1);
        }

        .cup-action-line.is-active::after {
            width: 100%;
        }

        .cup-result-card {
            grid-column: 4;
            min-height: 92px;
        }

        .cup-result-card::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            z-index: 2;
            width: 3px;
            background: rgba(148, 163, 184, 0.24);
            transition: background 300ms ease, box-shadow 300ms ease;
        }

        .cup-result-card.is-active::before {
            background: var(--cup-accent);
            box-shadow: 0 0 18px var(--cup-accent);
        }

        .cup-result-video {
            aspect-ratio: 16 / 9;
            opacity: 0.58;
            filter: grayscale(1) saturate(0.28) brightness(0.72);
            transition:
                opacity 360ms ease,
                filter 520ms ease;
        }

        .cup-result-card.is-fading .cup-result-video,
        .cup-result-card.is-active .cup-result-video {
            opacity: 1;
            filter: none;
        }

        .cup-result-card h5 {
            margin: 0;
            padding: 10px 12px 11px 14px;
            color: rgba(226, 232, 240, 0.78);
            font-size: 13px;
            line-height: 1.1;
            transition: color 240ms ease;
        }

        .cup-result-card.is-active h5 {
            color: #F8FAFC;
        }

        @media (max-width: 980px) {
            .cup-demo-head {
                grid-template-columns: 1fr;
                align-items: start;
            }

            .cup-demo-tabs,
            .cup-demo-controls {
                justify-self: start;
            }

            .cup-demo-grid {
                grid-template-columns: minmax(0, 1fr);
                grid-template-rows: auto;
            }

            .cup-memory-card,
            .cup-action-button,
            .cup-action-line,
            .cup-result-card {
                grid-column: 1;
                grid-row: auto;
            }

            .cup-memory-card,
            .cup-memory-video {
                min-height: 240px;
            }

            .cup-action-line {
                height: 2px;
                min-height: 2px;
            }
        }

        @media (max-width: 620px) {
            .cup-demo-viewport {
                padding: 12px;
            }

            .cup-memory-card,
            .cup-memory-video {
                min-height: 210px;
            }
        }
        .team-band {
            position: relative;
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 28px;
            min-height: 164px;
            padding: 30px;
            border: 1px solid rgba(148, 163, 184, 0.18);
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.038), rgba(255, 255, 255, 0.012)),
                rgba(7, 10, 18, 0.62);
            overflow: hidden;
        }

        .team-band h2 {
            font-size: 32px;
        }

        .team-band p {
            margin: 8px 0 0;
            color: var(--muted);
        }

        .team-band a:not(.button):not(.team-email) {
            color: rgba(248, 250, 252, 0.92);
            text-decoration: none;
            border-bottom: 1px solid rgba(248, 250, 252, 0.32);
        }

        .team-band a:not(.button):not(.team-email):hover {
            color: var(--text);
            border-bottom-color: rgba(248, 250, 252, 0.72);
        }

        .team-band .join-us-button {
            position: relative;
            z-index: 4;
            flex: 0 0 auto;
            border-color: rgba(248, 250, 252, 0.14);
            background:
                linear-gradient(135deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02)),
                rgba(7, 10, 18, 0.78);
            color: rgba(248, 250, 252, 0.92);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.1),
                0 16px 36px rgba(0, 0, 0, 0.26);
            font-family: inherit;
            cursor: pointer;
        }

        .team-band .join-us-button:hover {
            border-color: rgba(248, 250, 252, 0.26);
            background:
                linear-gradient(135deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.025)),
                rgba(7, 10, 18, 0.84);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.12),
                0 18px 38px rgba(0, 0, 0, 0.3);
        }

        .join-us-icon {
            width: 20px;
            height: 20px;
            filter: drop-shadow(0 0 8px rgba(125, 211, 252, 0.2));
        }

        .join-us-icon-body {
            fill: url("#joinIconGradient");
        }

        .join-us-icon-fold {
            fill: none;
            stroke: rgba(15, 23, 42, 0.58);
            stroke-width: 1.35;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .team-band .team-email {
            position: absolute;
            right: 30px;
            top: 94px;
            z-index: 3;
            display: inline-flex;
            align-items: center;
            gap: 9px;
            min-height: 44px;
            padding: 0 16px;
            border: 1px solid rgba(248, 250, 252, 0.14);
            border-radius: 999px;
            background:
                linear-gradient(135deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02)),
                rgba(7, 10, 18, 0.78);
            color: rgba(248, 250, 252, 0.92);
            text-decoration: none;
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.1),
                0 16px 36px rgba(0, 0, 0, 0.26);
            opacity: 0;
            transform: translateY(10px);
            pointer-events: none;
            transition:
                opacity 420ms ease,
                transform 520ms cubic-bezier(0.22, 1, 0.36, 1),
                border-color 220ms ease;
        }

        .team-band .team-email:hover {
            border-bottom-color: rgba(248, 250, 252, 0.14);
            border-color: rgba(248, 250, 252, 0.26);
        }

        .team-band .team-email span {
            font-size: 18px;
            line-height: 1;
        }

        .team-band .team-email strong {
            font-size: 14px;
            font-weight: 850;
            letter-spacing: 0.01em;
        }

        .team-band.is-contact-visible .team-email {
            opacity: 1;
            transform: translateY(0);
            pointer-events: auto;
        }

        .capability-section {
            background: transparent;
        }

        .capability-layout {
            display: grid;
            gap: 34px;
            align-items: stretch;
        }

        .capability-copy h2 {
            max-width: none;
            font-size: 42px;
            line-height: 1.06;
        }

        .capability-copy {
            display: block;
            max-width: none;
        }

        .capability-copy p {
            max-width: 900px;
            margin: 16px 0 0;
            color: var(--muted);
            font-size: 16px;
        }

        .pyramid-card {
            position: relative;
            padding: 28px;
            border: 1px solid rgba(148, 163, 184, 0.16);
            border-radius: 8px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012)),
                rgba(7, 10, 18, 0.72);
            box-shadow: var(--shadow);
            overflow: hidden;
        }

        .pyramid-card::before {
            content: "";
            position: absolute;
            inset: 28px 28px auto;
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(148, 163, 184, 0.18), transparent);
            pointer-events: none;
        }

        .capability-pyramid {
            position: relative;
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 72px;
            align-items: end;
            max-width: 1040px;
            margin: 0 auto;
            padding: 18px 0 10px;
        }

        .capability-rise-arrow {
            position: absolute;
            z-index: 0;
            left: 50%;
            top: 67%;
            width: 88px;
            height: 138px;
            transform: translate(-50%, -50%);
            pointer-events: none;
            opacity: 0.78;
        }

        body.capability-arrow-motion-ready .capability-rise-arrow {
            opacity: 0;
            transform: translate(-50%, calc(-50% + 64px));
            transition:
                transform 920ms cubic-bezier(0.19, 1, 0.22, 1),
                opacity 680ms ease;
            will-change: transform, opacity;
        }

        body.capability-arrow-motion-ready .capability-rise-arrow.is-rise-complete {
            opacity: 0.78;
            transform: translate(-50%, -50%);
        }

        .capability-rise-arrow svg {
            display: block;
            width: 100%;
            height: 100%;
            overflow: visible;
        }

        .rise-arrow-body {
            fill: url("#riseArrowFill");
            stroke: url("#riseArrowStroke");
            stroke-width: 1.25;
            vector-effect: non-scaling-stroke;
        }

        .step-stack {
            position: relative;
            z-index: 1;
            display: grid;
            gap: 14px;
        }

        .capability-stack {
            justify-items: start;
            padding-bottom: 54px;
        }

        .capability-stack .stack-heading,
        .dimension-stack-mini .stack-heading {
            margin-bottom: 14px;
        }

        .dimension-stack-mini {
            justify-items: end;
            padding-bottom: 54px;
        }

        .stack-heading {
            display: grid;
            gap: 5px;
            align-content: end;
            width: min(76%, 390px);
            min-height: 58px;
            padding: 0 4px 8px;
        }

        .dimension-stack-mini .stack-heading {
            justify-self: end;
            text-align: right;
        }

        .capability-stack .stack-heading span {
            color: rgba(251, 191, 36, 0.88);
        }

        .dimension-stack-mini .stack-heading span {
            color: rgba(129, 140, 248, 0.9);
        }

        .stack-heading span {
            color: rgba(248, 113, 113, 0.84);
            font-size: 11px;
            font-weight: 900;
            letter-spacing: 0.15em;
            line-height: 1;
            text-transform: uppercase;
        }

        .stack-heading strong {
            color: rgba(248, 250, 252, 0.92);
            font-size: 16px;
            font-weight: 850;
            letter-spacing: 0.01em;
            line-height: 1.18;
        }

        .pyramid-layer,
        .dimension-step-card {
            position: relative;
            z-index: 1;
            display: grid;
            grid-template-columns: 46px minmax(0, 1fr);
            gap: 16px;
            align-items: center;
            width: min(76%, 390px);
            min-height: 88px;
            padding: 14px 18px;
            border-radius: 7px;
            border: 1px solid color-mix(in srgb, var(--accent) 34%, rgba(148, 163, 184, 0.18));
            background:
                linear-gradient(90deg, color-mix(in srgb, var(--accent) 18%, transparent), transparent 32%),
                linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.014)),
                rgba(12, 18, 32, 0.82);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.08),
                0 12px 34px color-mix(in srgb, var(--accent) 10%, transparent);
        }

        .pyramid-layer {
            margin-left: var(--step-offset);
        }

        .dimension-step-card {
            justify-self: end;
            margin-right: var(--step-offset);
        }

        .pyramid-layer::before,
        .dimension-step-card::before {
            content: "";
            position: absolute;
            left: 5%;
            right: 5%;
            top: 0;
            height: 1px;
            background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 58%, transparent), transparent);
            opacity: 0.75;
        }

        .pyramid-index,
        .dimension-step-mark {
            display: grid;
            place-items: center;
            width: 44px;
            aspect-ratio: 1;
            border: 1px solid color-mix(in srgb, var(--accent) 44%, rgba(148, 163, 184, 0.18));
            border-radius: 50%;
            color: color-mix(in srgb, var(--accent) 72%, white);
            font-size: 14px;
            font-weight: 900;
            letter-spacing: 0.08em;
            box-shadow: 0 0 18px color-mix(in srgb, var(--accent) 18%, transparent);
        }

        .dimension-step-mark {
            width: 50px;
            border-radius: 7px;
            font-size: 17px;
        }

        .pyramid-layer h3,
        .dimension-step-card h3 {
            margin: 0;
            color: var(--text);
            font-size: 18px;
            line-height: 1.1;
        }

        .pyramid-layer p,
        .dimension-step-card p {
            margin: 5px 0 0;
            color: rgba(203, 213, 225, 0.78);
            font-size: 12.5px;
            line-height: 1.35;
        }

        .footer {
            padding: 36px 20px;
            color: var(--dim);
            font-size: 13px;
        }

        .footer-inner {
            width: min(1160px, 100%);
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            gap: 20px;
        }
        .mobile-only,
        .mobile-anchor-bar {
            display: none;
        }

        @media (max-width: 980px) {
            .nav-links {
                display: none;
            }

            .hero {
                padding-top: 120px;
            }

            .hero-visual {
                inset: 100px -380px auto auto;
                width: 1200px;
                opacity: 0.44;
            }

            .hero-astronaut {
                left: min(58vw, 650px);
                top: 438px;
                width: 78px;
                opacity: 0.68;
            }

            h1 {
                font-size: 52px;
            }

            .hero-title-spacetime {
                left: -48px;
                right: auto;
                top: -30px;
                height: 150px;
                width: min(620px, calc(100vw - 88px));
                opacity: 0.36;
            }

            .hero-subtitle {
                font-size: 20px;
            }

            .signal-strip,
            .mode-layout,
            .model-stage,
            .worldline,
            .capability-layout {
                grid-template-columns: 1fr;
            }

            .worldline-copy {
                min-height: auto;
            }

            .signal {
                border-right: 0;
                border-bottom: 1px solid rgba(148, 163, 184, 0.16);
            }

            .signal:last-child {
                border-bottom: 0;
            }

            .model-stage .diagram-shell {
                border-right: 0;
                border-radius: 0;
            }

            .model-stage::before {
                left: 24px;
                right: 24px;
                top: auto;
                bottom: 30%;
                width: auto;
                height: 1px;
                background: linear-gradient(90deg, transparent, rgba(148, 163, 184, 0.16), transparent);
            }

            .section-head {
                grid-template-columns: 1fr;
                gap: 18px;
            }

            .demo-gallery {
                --gallery-visible: 2;
                --gallery-gap-total: 14px;
            }

            .team-band,
            .footer-inner {
                align-items: flex-start;
                flex-direction: column;
            }

            .team-band {
                min-height: 218px;
            }

            .team-band .team-email {
                right: 22px;
                top: 154px;
            }

            .capability-pyramid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 48px;
                max-width: 780px;
            }

            .capability-rise-arrow {
                width: 68px;
                height: 108px;
                opacity: 0.68;
            }

            .capability-stack,
            .dimension-stack-mini {
                padding-bottom: 42px;
            }

            .pyramid-layer,
            .dimension-step-card,
            .stack-heading {
                width: min(82%, 340px);
            }
        }

        @media (min-width: 981px) and (max-width: 1180px) {
            .nav-inner {
                width: min(100% - 32px, 1200px);
                gap: 18px;
            }

            .nav-links a {
                padding: 9px 9px;
                font-size: 12px;
            }

            .hero {
                padding-top: 126px;
            }

            .hero-visual {
                left: clamp(420px, 48vw, 560px);
                width: min(1040px, 92vw);
                opacity: 0.48;
            }

            .hero-title-spacetime {
                width: min(640px, calc(100vw - 360px));
            }

            h1 {
                font-size: 62px;
            }

            .hero-subtitle {
                font-size: 22px;
            }

            .model-tab {
                min-height: 68px;
                padding: 14px 15px;
            }

            .mode-panel {
                padding: 26px 24px 24px;
                border-radius: 0 0 8px 8px;
            }

            .token-item {
                padding-inline: 10px;
                font-size: 13px;
            }

            .worldline {
                gap: 22px;
            }

            .worldline-copy {
                padding: 28px;
            }
        }

        @media (min-width: 981px) and (max-width: 1100px) {
            .worldline {
                grid-template-columns: 1fr;
            }

            .worldline-copy {
                min-height: auto;
            }
        }

        @media (min-width: 1800px) {
            .hero-visual {
                left: clamp(700px, calc(50% - 280px), 1080px);
                width: min(1200px, 64vw);
            }

            .hero-astronaut {
                left: clamp(820px, calc(50% - 54px), 1220px);
            }
        }

        @media (min-width: 2200px) {
            .hero-astronaut {
                left: clamp(1280px, calc(50% + 92px), 1420px);
            }
        }

        @media (min-width: 981px) and (max-height: 760px) {
            .hero {
                min-height: 760px;
                padding-top: 112px;
                padding-bottom: 50px;
                align-items: start;
            }

            .hero-visual {
                top: 18px;
                opacity: 0.46;
                transform: translateY(8px);
            }

            .hero-title-spacetime {
                top: -36px;
                height: 330px;
            }

            .hero-subtitle {
                margin-top: 20px;
            }

            .hero-line {
                margin-top: 14px;
            }

            .hero-actions {
                margin-top: 24px;
            }

            .hero-astronaut {
                top: clamp(330px, 52svh, 390px);
                width: 112px;
            }

            .signal-strip {
                margin-top: 52px;
            }
        }

        @media (max-width: 620px) {
            .nav-inner {
                width: min(100% - 28px, 1200px);
                height: 66px;
            }

            .brand-sub {
                display: none;
            }

            .hero {
                min-height: 90svh;
                padding: 106px 14px 44px;
            }

            .hero-content {
                width: min(100%, 342px);
                margin-left: 0;
                margin-right: auto;
            }

            h1 {
                font-size: 42px;
            }

            .hero-subtitle {
                font-size: 18px;
            }

            .hero-line {
                font-size: 15px;
            }

            .hero-actions {
                display: grid;
                grid-template-columns: 1fr;
                width: min(100%, 260px);
            }

            .hero-title-spacetime {
                left: -28px;
                right: auto;
                top: -24px;
                height: 132px;
                width: min(410px, calc(100vw - 18px));
                opacity: 0.34;
            }

            .hero-astronaut {
                display: none;
            }

            .button {
                width: 100%;
            }

            .section {
                padding: 70px 14px;
            }

            h2 {
                font-size: 32px;
            }

            .demo-gallery {
                --gallery-visible: 1;
                --gallery-gap-total: 0px;
            }

            .benchmark-table-head {
                align-items: flex-start;
                flex-direction: column;
                gap: 8px;
            }

            .benchmark-title {
                align-items: flex-start;
                flex-direction: column;
                gap: 5px;
            }

            .benchmark-table {
                min-width: 1480px;
            }

            .demo-gallery-head {
                align-items: flex-start;
                flex-direction: column;
                gap: 8px;
            }

            .model-tabs {
                grid-template-columns: 1fr;
            }

            .pyramid-card {
                padding: 20px 14px;
            }

            .pyramid-layer {
                grid-template-columns: 36px minmax(0, 1fr);
                justify-self: stretch;
                width: 100%;
                margin-left: 0;
                min-height: 92px;
                padding: 14px 18px;
            }

            .capability-pyramid {
                grid-template-columns: 1fr;
                gap: 16px;
            }

            .capability-rise-arrow {
                display: none;
            }

            .dimension-stack-mini {
                justify-items: stretch;
                padding-bottom: 0;
            }

            .capability-stack {
                padding-bottom: 0;
            }

            .stack-heading,
            .dimension-stack-mini .stack-heading {
                width: 100%;
                min-height: auto;
                padding: 0 0 4px;
                text-align: left;
            }

            .dimension-step-card {
                grid-template-columns: 36px minmax(0, 1fr);
                justify-self: stretch;
                width: 100%;
                margin-right: 0;
                min-height: 92px;
                padding: 14px 18px;
            }

            .pyramid-index,
            .dimension-step-mark {
                width: 36px;
            }

            .pyramid-layer h3,
            .dimension-step-card h3 {
                font-size: 17px;
            }

            .model-tabs::before {
                left: var(--tab-inset);
                right: var(--tab-inset);
                top: calc(var(--tab-inset) + var(--active-index) * ((100% - var(--tab-inset) * 2) / 3));
                bottom: auto;
                width: auto;
                height: calc((100% - var(--tab-inset) * 2) / 3);
            }

            .model-tab {
                border-right: 0;
                border-bottom: 0;
            }

            .model-tab:last-child {
                border-bottom: 0;
            }

            .caption-bar {
                align-items: flex-start;
                flex-direction: column;
            }

            .diagram-frame {
                aspect-ratio: 1 / 0.86;
            }

            .diagram-frame.compact {
                aspect-ratio: 1084 / 540;
            }

            .worldline-copy {
                min-height: auto;
            }

            .worldline-visual {
                min-height: 540px;
            }

            .worldline-paths {
                inset: 86px -108px 104px -118px;
                width: calc(100% + 226px);
                height: 350px;
                transform: rotate(90deg) scale(0.74);
                transform-origin: center;
                opacity: 0.72;
            }

            .world-state-node {
                left: 50%;
                top: 26px;
                width: 112px;
                transform: translateX(-50%);
            }

            .future-card {
                left: 22px;
                right: 22px;
                width: auto;
            }

            .worldline-action {
                left: 34px;
                right: auto;
                transform: none;
            }

            .worldline-action.top {
                top: 226px;
            }

            .worldline-action.middle {
                top: 322px;
                transform: none;
            }

            .worldline-action.bottom {
                top: 418px;
                bottom: auto;
            }

            .future-card.top {
                top: 254px;
            }

            .future-card.middle {
                top: 350px;
                transform: none;
            }

            .future-card.bottom {
                bottom: 24px;
            }
        }

        @media (max-width: 760px) {
            html {
                scroll-padding-top: 112px;
            }

            body {
                overflow-x: hidden;
            }

            .site-nav {
                background: rgba(7, 10, 18, 0.92);
            }

            .nav-inner {
                width: calc(100% - 24px);
                height: 58px;
                gap: 12px;
            }

            .brand {
                gap: 9px;
            }

            .brand-logo {
                width: 34px;
                height: 34px;
            }

            .brand-name {
                font-size: 14px;
            }

            .brand-sub,
            .nav-links {
                display: none;
            }

            .mobile-anchor-bar {
                display: flex;
                align-items: center;
                gap: 8px;
                width: 100%;
                height: 42px;
                padding: 0 12px 8px;
                overflow-x: auto;
                overflow-y: hidden;
                scrollbar-width: none;
                -ms-overflow-style: none;
            }

            .mobile-anchor-bar::-webkit-scrollbar {
                display: none;
            }

            .mobile-anchor-bar a {
                flex: 0 0 auto;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-height: 32px;
                padding: 0 12px;
                border: 1px solid rgba(148, 163, 184, 0.13);
                border-radius: 999px;
                background: rgba(15, 23, 42, 0.66);
                color: rgba(203, 213, 225, 0.78);
                font-size: 12px;
                font-weight: 850;
                white-space: nowrap;
            }

            .mobile-anchor-bar a.is-active {
                border-color: rgba(125, 211, 252, 0.28);
                background: rgba(30, 41, 59, 0.92);
                color: #F8FAFC;
            }

            .hero {
                min-height: 88svh;
                align-items: start;
                padding: 124px 16px 26px;
                background:
                    linear-gradient(180deg, rgba(7, 10, 18, 0.60), rgba(7, 10, 18, 0.94) 64%, rgba(7, 10, 18, 1)),
                    linear-gradient(90deg, rgba(7, 10, 18, 0.98), rgba(7, 10, 18, 0.70)),
                    url("hero-title-spacetime-metal-v2.png") 54% 92px / 760px auto no-repeat;
            }

            .hero::before {
                background:
                    linear-gradient(180deg, rgba(7, 10, 18, 0.70), rgba(7, 10, 18, 0.18) 36%, rgba(7, 10, 18, 0.82) 100%),
                    radial-gradient(circle at 26% 26%, rgba(56, 189, 248, 0.13), transparent 34%),
                    radial-gradient(circle at 88% 42%, rgba(233, 94, 103, 0.10), transparent 32%);
            }

            .hero::after {
                height: 104px;
                background: linear-gradient(180deg, transparent, rgba(7, 10, 18, 0.96));
            }

            .hero-visual {
                display: none;
            }

            .hero-content {
                width: 100%;
                max-width: 360px;
                margin: 0;
            }

            .eyebrow {
                margin-bottom: 18px;
                font-size: 11px;
            }

            .eyebrow::before {
                width: 24px;
            }

            h1 {
                max-width: 100%;
                font-size: 43px;
                line-height: 0.98;
            }

            .hero-title-frame {
                max-width: 100%;
            }

            .hero-title-frame--doodle[data-title-mode="doodle"] {
                width: 100%;
                max-width: 100%;
                margin-left: 0;
            }

            .hero-title-frame--doodle[data-title-mode="doodle"] .hero-world-cup-doodle {
                width: 100%;
                max-width: 100%;
            }

            .hero-title-frame h1 {
                transform: none;
                text-shadow:
                    0 2px 0 rgba(71, 85, 105, 0.24),
                    0 8px 22px rgba(2, 6, 23, 0.92),
                    0 0 14px rgba(248, 250, 252, 0.08);
            }

            .hero-title-accent {
                text-shadow:
                    0 2px 0 rgba(118, 34, 57, 0.32),
                    0 8px 22px rgba(2, 6, 23, 0.92),
                    0 0 18px rgba(233, 94, 103, 0.16);
            }

            .hero-title-spacetime {
                left: -18px;
                top: -28px;
                width: 382px;
                height: 138px;
                opacity: 0.24;
                object-position: 58% 54%;
                filter: brightness(0.48) contrast(0.96) saturate(0.86);
            }

            .hero-subtitle {
                max-width: 330px;
                margin-top: 20px;
                font-size: 18px;
                line-height: 1.32;
            }

            .hero-line {
                max-width: 336px;
                margin-top: 14px;
                color: rgba(230, 238, 248, 0.9);
                font-size: 15px;
            }

            .hero-actions {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 10px;
                width: min(100%, 324px);
                margin-top: 26px;
            }

            .button {
                width: auto;
            }

            .hero-actions .button {
                width: 100%;
                min-height: 44px;
                padding: 0 12px;
                font-size: 13px;
            }

            .hero-actions .button.primary {
                grid-column: 1 / -1;
            }

            .hero-actions .button-icon {
                width: 19px;
                height: 19px;
            }

            .hero-astronaut {
                display: none;
            }

            .signal-strip {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 8px;
                width: 100%;
                margin-top: 28px;
                border: 0;
                background: transparent;
                box-shadow: none;
            }

            .signal {
                min-height: 56px;
                justify-content: center;
                padding: 9px 10px;
                border: 1px solid rgba(148, 163, 184, 0.14);
                border-radius: 8px;
                background: rgba(10, 15, 29, 0.72);
                box-shadow: none;
            }

            .signal:last-child {
                border: 1px solid rgba(148, 163, 184, 0.14);
            }

            .signal-icon,
            .signal-kicker {
                display: none;
            }

            .signal-copy {
                text-align: center;
            }

            .signal-value {
                font-size: 13px;
                line-height: 1.2;
            }

            .section {
                padding: 64px 16px;
                overflow: hidden;
            }

            body.scroll-motion-ready .section .section-inner,
            body.scroll-motion-ready .section.is-scroll-visible .section-inner,
            body.scroll-motion-ready .section::before,
            body.scroll-motion-ready .section.is-scroll-visible::before {
                opacity: 1;
                transform: none;
                transition: none;
            }

            .capability-section {
                padding-top: 40px;
            }

            .section-inner {
                width: 100%;
            }

            .section-head {
                display: block;
                margin-bottom: 24px;
            }

            .section-label {
                margin-bottom: 9px;
                font-size: 11px;
            }

            h2,
            .capability-copy h2 {
                font-size: 29px;
                line-height: 1.1;
            }

            .capability-copy p {
                font-size: 14px;
            }

            .capability-copy br,
            .hero-line br {
                display: none;
            }

            .capability-layout {
                grid-template-columns: 1fr;
                gap: 22px;
            }

            .pyramid-card {
                padding: 14px;
                border-color: rgba(148, 163, 184, 0.12);
                background: rgba(7, 10, 18, 0.42);
                box-shadow: none;
            }

            .pyramid-card::before {
                display: none;
            }

            .capability-pyramid {
                grid-template-columns: 1fr;
                gap: 18px;
                padding: 0;
            }

            .capability-rise-arrow {
                display: none;
            }

            .capability-stack,
            .dimension-stack-mini {
                justify-items: stretch;
                padding-bottom: 0;
            }

            .capability-stack::after {
                content: "";
                justify-self: center;
                width: 28px;
                height: 28px;
                border-left: 2px solid rgba(125, 211, 252, 0.46);
                border-top: 2px solid rgba(125, 211, 252, 0.46);
                transform: rotate(45deg);
                margin: 2px 0 -4px;
            }

            .stack-heading,
            .dimension-stack-mini .stack-heading {
                width: 100%;
                min-height: 0;
                margin-bottom: 8px;
                padding: 0;
                text-align: left;
            }

            .stack-heading span {
                font-size: 10px;
            }

            .stack-heading strong {
                font-size: 15px;
            }

            .pyramid-layer,
            .dimension-step-card {
                grid-template-columns: 36px minmax(0, 1fr);
                gap: 12px;
                width: 100%;
                min-height: 74px;
                margin-left: 0;
                margin-right: 0;
                padding: 11px 12px;
                border-color: color-mix(in srgb, var(--accent) 22%, rgba(148, 163, 184, 0.16));
                background:
                    linear-gradient(90deg, color-mix(in srgb, var(--accent) 10%, transparent), transparent 42%),
                    rgba(12, 18, 32, 0.62);
                box-shadow: none;
            }

            .pyramid-index,
            .dimension-step-mark {
                width: 34px;
                font-size: 12px;
                box-shadow: none;
            }

            .dimension-step-mark {
                font-size: 14px;
            }

            .pyramid-layer h3,
            .dimension-step-card h3 {
                font-size: 15px;
            }

            .pyramid-layer p,
            .dimension-step-card p {
                font-size: 12px;
                line-height: 1.34;
            }

            .model-explorer {
                border-color: rgba(148, 163, 184, 0.13);
                box-shadow: none;
            }

            .model-tabs {
                grid-template-columns: repeat(3, minmax(0, 1fr));
                margin: 10px;
                border-radius: 999px;
            }

            .model-tabs::before {
                left: calc(var(--tab-inset) + var(--active-index) * ((100% - var(--tab-inset) * 2) / 3));
                top: var(--tab-inset);
                bottom: var(--tab-inset);
                width: calc((100% - var(--tab-inset) * 2) / 3);
                height: auto;
                border-radius: 999px;
                transition: left 260ms cubic-bezier(0.22, 1, 0.36, 1);
            }

            .model-tab {
                min-height: 40px;
                padding: 0 8px;
                text-align: center;
            }

            .model-tab span {
                display: none;
            }

            .model-tab::after {
                content: attr(data-mobile-label);
                font-size: 12px;
                font-weight: 900;
            }

            .model-stage {
                grid-template-columns: 1fr;
                border-radius: 0 0 8px 8px;
            }

            .model-stage::before {
                display: none;
            }

            .model-stage .diagram-shell {
                border-radius: 0;
                background: #070A12;
            }

            .diagram-frame {
                aspect-ratio: 16 / 11;
            }

            .diagram-frame.compact {
                aspect-ratio: 1084 / 540;
            }

            .caption-bar,
            .model-stage .caption-bar {
                display: grid;
                grid-template-columns: 1fr auto;
                align-items: center;
                gap: 10px;
                padding: 11px 12px 13px;
                font-size: 12px;
                line-height: 1.35;
            }

            .mobile-only.open-diagram {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-height: 36px;
                padding: 0 11px;
                border: 1px solid rgba(125, 211, 252, 0.24);
                border-radius: 999px;
                background: rgba(15, 23, 42, 0.84);
                color: #F8FAFC;
                font-size: 11px;
                font-weight: 900;
                white-space: nowrap;
            }

            .mode-panel {
                padding: 16px 14px 18px;
                border-radius: 0 0 8px 8px;
                background: rgba(10, 15, 29, 0.62);
            }

            .mode-panel-copy {
                min-height: 0;
            }

            .mode-panel h3 {
                margin-bottom: 8px;
                font-size: 20px;
            }

            .mode-panel p {
                margin-bottom: 14px;
                font-size: 13px;
                line-height: 1.45;
            }

            .token-list {
                gap: 8px;
            }

            .token-item {
                min-height: 38px;
                padding: 8px 10px;
                font-size: 12px;
            }

            .model-stage.is-switching .diagram-frame,
            .model-stage.is-switching .caption-bar,
            .model-stage.is-switching .mode-panel > * {
                transform: none;
                filter: none;
            }

            .demo-section .section-copy {
                margin-top: 12px;
                font-size: 14px;
                line-height: 1.45;
            }

            .demo-pipeline {
                grid-template-columns: 1fr;
                gap: 10px;
                margin-top: 24px;
                padding: 12px;
                border-color: rgba(148, 163, 184, 0.11);
                background: rgba(7, 10, 18, 0.54);
                box-shadow: none;
            }

            .demo-pipeline.is-secondary {
                margin-top: 4px;
                padding-top: 0;
            }

            .demo-pipeline-card,
            .demo-pipeline-card.is-wide {
                min-height: 0;
                padding: 12px;
                box-shadow: none;
            }

            .demo-pipeline-card h3 {
                font-size: 14px;
            }

            .demo-pipeline-operator {
                min-height: 18px;
                font-size: 24px;
                transform: rotate(90deg);
            }

            .demo-pipeline-operator.is-arrow {
                font-size: 28px;
            }

            .demo-galleries {
                gap: 18px;
                margin-top: 22px;
            }

            .demo-gallery-pair {
                grid-template-columns: 1fr;
                gap: 18px;
            }

            .demo-gallery {
                --gallery-visible: 1;
                --gallery-gap-total: 0px;
                --demo-scroll-size: 1;
                --demo-scroll-offset: 0;
                border-color: rgba(148, 163, 184, 0.10);
                background: rgba(7, 10, 18, 0.54);
                box-shadow: none;
                backdrop-filter: none;
                -webkit-backdrop-filter: none;
            }

            .demo-gallery::before,
            .demo-gallery::after {
                content: "";
                position: absolute;
                bottom: 7px;
                z-index: 3;
                height: 3px;
                border-radius: 999px;
                pointer-events: none;
            }

            .demo-gallery::before {
                left: 50%;
                width: 58px;
                background: rgba(148, 163, 184, 0.16);
                transform: translateX(-50%);
            }

            .demo-gallery::after {
                left: calc(50% - 29px);
                width: max(14px, calc(58px * var(--demo-scroll-size)));
                background: rgba(148, 163, 184, 0.42);
                transform: translateX(calc((58px - max(14px, calc(58px * var(--demo-scroll-size)))) * var(--demo-scroll-offset)));
            }

            .demo-gallery-head {
                flex-direction: row;
                align-items: center;
                padding: 12px;
            }

            .demo-gallery-head::after {
                left: 12px;
                right: 12px;
            }

            .demo-gallery-head h3 {
                font-size: 16px;
            }

            .demo-gallery-title {
                gap: 8px;
            }

            .demo-gallery-icon {
                flex-basis: 30px;
                width: 30px;
                height: 30px;
                border-radius: 6px;
            }

            .demo-gallery-icon svg {
                width: 24px;
                height: 24px;
            }

            .demo-gallery-viewport {
                padding: 10px 10px 18px;
            }

            .demo-gallery-static .demo-gallery-viewport {
                overflow-x: auto;
                scroll-snap-type: x mandatory;
                scrollbar-width: none;
                -ms-overflow-style: none;
            }

            .demo-gallery[data-demo-gallery] .demo-gallery-viewport {
                overflow-x: auto;
                scroll-snap-type: x mandatory;
                scrollbar-width: none;
                -ms-overflow-style: none;
                -webkit-overflow-scrolling: touch;
            }

            .demo-gallery[data-demo-gallery] .demo-gallery-track {
                transform: none !important;
                transition: none;
                will-change: auto;
            }

            .demo-gallery-static .demo-gallery-viewport::-webkit-scrollbar,
            .demo-gallery[data-demo-gallery] .demo-gallery-viewport::-webkit-scrollbar {
                display: none;
            }

            .demo-tile {
                flex: 0 0 100%;
                scroll-snap-align: start;
                border-color: rgba(148, 163, 184, 0.08);
                background: rgba(8, 13, 24, 0.42);
                box-shadow: none;
            }

            .demo-visual {
                background: #080C15;
            }

            .demo-copy {
                padding: 11px 12px;
            }

            .demo-copy h3 {
                font-size: 14px;
            }

            .benchmark-table-card {
                position: relative;
                border-color: rgba(148, 163, 184, 0.12);
                box-shadow: none;
            }

            .benchmark-table-card::after {
                content: "";
                position: absolute;
                right: 0;
                bottom: 0;
                width: 34px;
                height: calc(100% - 72px);
                background: linear-gradient(90deg, transparent, rgba(7, 10, 18, 0.94));
                pointer-events: none;
            }

            .benchmark-table-head {
                align-items: flex-start;
                flex-direction: column;
                gap: 5px;
                padding: 13px 14px 12px;
            }

            .benchmark-table-head::after {
                left: 14px;
                right: 14px;
            }

            .benchmark-title {
                align-items: flex-start;
                flex-direction: column;
                gap: 4px;
                line-height: 1.2;
            }

            .benchmark-title span {
                font-size: 11px;
            }

            .benchmark-table {
                min-width: 1320px;
                font-size: 11px;
            }

            .benchmark-table th,
            .benchmark-table td {
                padding: 9px 10px;
            }

            .benchmark-table th:first-child,
            .benchmark-table tbody th {
                background: #07101C;
            }

            .benchmark-table thead th:first-child {
                background: #101927;
            }

            .benchmark-table tr.is-evo th {
                background: #10213A;
            }

            .benchmark-table thead th {
                font-size: 10px;
            }

            .worldline {
                grid-template-columns: 1fr;
                gap: 14px;
            }

            .worldline-copy {
                min-height: 0;
                padding: 18px;
                border-color: rgba(148, 163, 184, 0.12);
                background: rgba(10, 15, 29, 0.62);
            }

            .worldline-copy h3 {
                margin-bottom: 10px;
                font-size: 27px;
            }

            .worldline-copy p {
                font-size: 14px;
            }

            .worldline-points {
                gap: 8px;
                margin-top: 18px;
            }

            .worldline-point {
                padding: 11px 12px;
                border: 1px solid rgba(148, 163, 184, 0.10);
                background: rgba(7, 10, 18, 0.44);
            }

            .worldline-point strong {
                font-size: 12px;
            }

            .worldline-visual {
                --worldline-visual-head: 0px;
                min-height: 0;
                border-color: rgba(148, 163, 184, 0.12);
                background: rgba(7, 10, 18, 0.62);
                overflow: hidden;
            }

            .worldline-visual::before {
                opacity: 0.42;
                background-size: 42px 42px;
            }

            .worldline-carousel-controls {
                position: relative;
                order: -1;
                top: auto;
                right: auto;
                align-self: flex-start;
                margin: 10px 10px 0;
            }

            .worldline-carousel-tab {
                min-height: 36px;
                padding: 0 11px;
                font-size: 10px;
            }

            .worldline-carousel-shell,
            .worldline-carousel-track,
            .worldline-carousel-slide {
                height: auto;
                min-height: 0;
            }

            .worldline-carousel-track {
                align-items: stretch;
            }

            .worldline-abstract {
                display: grid;
                grid-template-columns: 1fr;
                grid-template-rows: none;
                gap: 10px;
                min-height: 0;
                padding: 12px;
            }

            .worldline-abstract .worldline-paths {
                display: none;
            }

            .worldline-abstract .world-state-node {
                order: 1;
                grid-column: 1;
                grid-row: auto;
                justify-self: stretch;
                width: 100%;
                min-height: 66px;
                aspect-ratio: auto;
                transform: none;
                border-radius: 8px;
                background:
                    radial-gradient(circle at 14% 18%, rgba(129, 140, 248, 0.24), transparent 42%),
                    rgba(8, 13, 24, 0.72);
                box-shadow: none;
            }

            .world-state-node strong {
                font-size: 27px;
            }

            .worldline-abstract .worldline-action,
            .worldline-abstract .future-card {
                position: relative;
                left: auto;
                right: auto;
                top: auto;
                bottom: auto;
                grid-column: 1;
                grid-row: auto;
                justify-self: stretch;
                width: 100%;
                transform: none;
            }

            .worldline-abstract .worldline-action.top,
            .worldline-abstract .worldline-action.middle,
            .worldline-abstract .worldline-action.bottom,
            .worldline-abstract .future-card.top,
            .worldline-abstract .future-card.middle,
            .worldline-abstract .future-card.bottom {
                grid-column: 1;
                grid-row: auto;
            }

            .worldline-abstract .worldline-action {
                justify-self: stretch;
                min-height: 40px;
                transform: none;
            }

            .worldline-abstract .worldline-action.middle {
                transform: none;
            }

            .worldline-abstract .worldline-action.top {
                order: 2;
            }

            .worldline-abstract .future-card.top {
                order: 3;
            }

            .worldline-abstract .worldline-action.middle {
                order: 4;
            }

            .worldline-abstract .future-card.middle {
                order: 5;
            }

            .worldline-abstract .worldline-action.bottom {
                order: 6;
            }

            .worldline-abstract .future-card.bottom {
                order: 7;
            }

            .future-card {
                min-height: 72px;
                padding: 12px 13px;
                box-shadow: none;
                backdrop-filter: none;
            }

            .future-card h4 {
                font-size: 15px;
            }

            .future-card p {
                font-size: 12px;
            }

            .worldline-carousel .cup-demo {
                min-height: 0;
            }

            .worldline-carousel .cup-demo-head {
                min-height: 0;
                padding: 12px;
            }

            .worldline-carousel .cup-demo-head h4 {
                font-size: 17px;
            }

            .worldline-carousel .cup-demo-viewport {
                padding: 12px;
                overflow: visible;
            }

            .worldline-carousel .cup-demo-grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
                grid-template-rows: auto auto auto;
                gap: 10px;
            }

            .worldline-carousel .cup-memory-card {
                grid-column: 1 / -1;
                grid-row: 1;
                justify-self: stretch;
                width: 100%;
                padding: 6px;
                min-height: 0;
                box-shadow: none;
            }

            .worldline-carousel .cup-memory-video,
            .cup-memory-video {
                width: 100%;
                min-height: 0;
                height: auto;
                aspect-ratio: 16 / 9;
                object-fit: contain;
            }

            .worldline-carousel .cup-memory-action-paths,
            .worldline-carousel .cup-action-line {
                display: none;
            }

            .worldline-carousel .cup-action-button {
                grid-row: 2;
                min-height: 42px;
                padding: 0 7px;
                justify-content: center;
                border-radius: 8px;
                font-size: 11px;
                transform: none;
            }

            .worldline-carousel .cup-action-button:hover,
            .worldline-carousel .cup-action-button.is-active {
                border-color: color-mix(in srgb, var(--cup-accent) 34%, rgba(148, 163, 184, 0.16));
                background:
                    linear-gradient(180deg, rgba(15, 23, 42, 0.72), rgba(8, 13, 24, 0.72)),
                    #080D18;
                box-shadow: none;
                transform: none;
            }

            .worldline-carousel .cup-action-button::after {
                display: none;
            }

            .worldline-carousel .cup-action-button.top {
                grid-column: 1;
            }

            .worldline-carousel .cup-action-button.middle {
                grid-column: 2;
            }

            .worldline-carousel .cup-action-button.bottom {
                grid-column: 3;
            }

            .worldline-carousel .cup-result-card {
                display: none;
                grid-column: 1 / -1;
                grid-row: 3;
                width: 100%;
                min-height: 0;
                justify-self: stretch;
                box-shadow: none;
            }

            .worldline-carousel .cup-result-card.is-active,
            .worldline-carousel .cup-demo-slide:not([data-cup-active]) .cup-result-card.middle {
                display: block;
            }

            .worldline-carousel .cup-result-card::after {
                display: none;
            }

            .worldline-carousel .cup-result-video,
            .cup-result-video {
                height: auto;
                aspect-ratio: 16 / 9;
                object-fit: contain;
            }

            .worldline-carousel .cup-result-card h5 {
                position: static;
                padding: 9px 11px 10px;
                text-shadow: none;
            }

            .team-band {
                flex-direction: column;
                min-height: 0;
                padding: 20px;
                gap: 16px;
                border-color: rgba(148, 163, 184, 0.12);
            }

            .team-band h2 {
                font-size: 29px;
            }

            .team-band .join-us-button {
                align-self: flex-start;
                min-height: 44px;
            }

            .team-band .team-email {
                position: relative;
                right: auto;
                top: auto;
                width: 100%;
                max-height: 0;
                min-height: 0;
                padding: 0 14px;
                opacity: 0;
                transform: translateY(4px);
                overflow: hidden;
                transition:
                    max-height 260ms ease,
                    min-height 260ms ease,
                    opacity 260ms ease,
                    transform 260ms ease;
            }

            .team-band.is-contact-visible .team-email {
                max-height: 56px;
                min-height: 44px;
                opacity: 1;
                transform: translateY(0);
            }

            .team-band .team-email strong {
                font-size: 13px;
            }

            .footer {
                padding: 28px 16px;
            }

            .footer-inner {
                flex-direction: column;
                gap: 8px;
            }
        }