/* Extracted page styles for dota4. */

/* community.html */
:root {
            --site-bg: #EFFFF3;
            --site-surface: #D8FAE2;
            --site-text: #0F1210;
            --site-muted: #353D37;
            --site-border: #CDE5D4;
            --site-primary: #30945C;
            --site-on-primary: #000000;
            --site-secondary: #78A59D;
            --site-on-secondary: #000000;
            --site-accent: #B16096;
            --site-on-accent: #000000;
            --site-success: #22C55E;
            --site-warning: #F59E0B;
            --site-error: #EF4444;
            --site-info: #3B82F6;

            --color-bg: var(--site-bg);
            --color-surface: var(--site-surface);
            --color-text: var(--site-text);
            --color-muted: var(--site-muted);
            --color-border: var(--site-border);
            --color-primary: var(--site-primary);
            --color-on-primary: var(--site-on-primary);
            --color-secondary: var(--site-secondary);
            --color-on-secondary: var(--site-on-secondary);
            --color-accent: var(--site-accent);
            --color-on-accent: var(--site-on-accent);
            --color-success: var(--site-success);
            --color-warning: var(--site-warning);
            --color-error: var(--site-error);
            --color-info: var(--site-info);
        }

        @media (prefers-color-scheme: dark) {
            :root {
                --site-bg: #031108;
                --site-surface: #081F11;
                --site-text: #DDE8E0;
                --site-muted: #A3B7A9;
                --site-border: #1F3326;
                --site-primary: #6FE89F;
                --site-secondary: #A5D3CB;
                --site-accent: #DAB1CA;
            }
        }

        body {
            margin: 0;
            background-color: var(--site-bg);
            color: var(--site-text);
            font-family: 'Merriweather', Georgia, serif;
            font-weight: 400;
        }

        h1, h2, h3, h4 {
            font-weight: 700;
            letter-spacing: -0.01em;
        }

/* community.html */
@theme {
        --color-primary: var(--site-primary);
        --color-on-primary: var(--site-on-primary);
        --color-secondary: var(--site-secondary);
        --color-on-secondary: var(--site-on-secondary);
        --color-accent: var(--site-accent);
        --color-on-accent: var(--site-on-accent);
        --color-bg: var(--site-bg);
        --color-surface: var(--site-surface);
        --color-text: var(--site-text);
        --color-muted: var(--site-muted);
        --color-border: var(--site-border);
        --color-success: var(--site-success);
        --color-warning: var(--site-warning);
        --color-error: var(--site-error);
        --color-info: var(--site-info);
    }

/* community.html */
.community-page {
            background: var(--color-bg);
            color: var(--color-text);
        }

        .community-page * {
            box-sizing: border-box;
        }

        .split {
            display: grid;
            grid-template-columns: 1fr 1fr;
            min-height: 100vh;
            width: 100%;
        }

        .pane {
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 24px;
            padding: clamp(48px, 7vw, 120px);
        }

        .media {
            min-height: 100%;
            overflow: hidden;
            padding: 0;
        }

        .media img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .split.flip .media {
            order: 2;
        }

        .split.flip .text {
            order: 1;
        }

        .text {
            background: var(--color-bg);
            color: var(--color-text);
        }

        .text > * {
            max-width: 34rem;
        }

        .eyebrow,
        .mono-label,
        .region-tag,
        .feed-date,
        .table-label {
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.14em;
            line-height: 1.5;
            text-transform: uppercase;
        }

        .eyebrow {
            color: var(--color-accent);
        }

        .community-page h1,
        .community-page h2,
        .community-page h3,
        .community-page p {
            margin-top: 0;
        }

        .community-page h1 {
            max-width: 11ch;
            margin-bottom: 0;
            font-size: clamp(2.5rem, 5vw, 4.5rem);
            line-height: 1.05;
        }

        .community-page h2 {
            font-size: clamp(2rem, 3vw, 3rem);
            line-height: 1.12;
        }

        .community-page h3 {
            font-size: 1.15rem;
            line-height: 1.35;
        }

        .hero-copy,
        .about-copy,
        .section-intro,
        .rule-copy,
        .feed-copy {
            color: var(--color-muted);
            line-height: 1.8;
        }

        .hero-copy {
            max-width: 33rem;
            font-size: 1.05rem;
        }

        .action-link,
        .submit-button {
            display: inline-flex;
            width: fit-content;
            align-items: center;
            justify-content: center;
            gap: 0.7rem;
            border: 2px solid var(--color-text);
            border-radius: 4px;
            background: var(--color-primary);
            color: var(--color-on-primary);
            padding: 0.95rem 1.2rem;
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
            font-size: 0.78rem;
            font-weight: 700;
            letter-spacing: 0.1em;
            text-decoration: none;
            text-transform: uppercase;
            transition: transform 180ms ease;
        }

        .action-link:hover,
        .submit-button:hover {
            transform: translateY(-4px);
        }

        .band {
            display: grid;
            grid-template-columns: 1fr 1fr;
            border-top: 2px solid var(--color-text);
            background: var(--color-bg);
            color: var(--color-text);
        }

        .band-side,
        .band-content {
            height: auto;
            padding: 64px clamp(32px, 5vw, 96px);
        }

        .band-side {
            border-right: 1px solid var(--color-border);
        }

        .sticky-heading {
            position: sticky;
            top: 40px;
            max-width: 26rem;
        }

        .section-intro {
            max-width: 29rem;
        }

        .hub-list,
        .rule-list,
        .feed-list {
            display: flex;
            flex-direction: column;
        }

        .hub-row {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: center;
            gap: 1rem;
            border-bottom: 1px solid var(--color-border);
            padding: 1.5rem 0;
        }

        .hub-row:first-child {
            padding-top: 0;
        }

        .region-tag {
            display: block;
            margin-bottom: 0.45rem;
            color: var(--color-muted);
        }

        .hub-row h3,
        .hub-row p {
            margin-bottom: 0;
        }

        .hub-row p {
            max-width: 32rem;
            margin-top: 0.45rem;
            color: var(--color-muted);
            line-height: 1.65;
        }

        .text-link {
            color: var(--color-text);
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.1em;
            text-decoration-thickness: 2px;
            text-underline-offset: 4px;
            text-transform: uppercase;
            white-space: nowrap;
        }

        .text-link:hover {
            color: var(--color-primary);
        }

        .about-copy {
            max-width: 35rem;
        }

        .about-copy p:last-child {
            margin-bottom: 0;
        }

        .season-panel {
            width: min(100%, 34rem);
            margin-top: 0.5rem;
            border: 2px solid var(--color-text);
            border-radius: 4px;
            background: var(--color-surface);
            color: var(--color-text);
            box-shadow: 6px 6px 0 var(--color-border);
            padding: 1.25rem;
        }

        .season-panel h3 {
            margin-bottom: 0.85rem;
        }

        .board-table {
            width: 100%;
            border-collapse: collapse;
            text-align: left;
        }

        .board-table th,
        .board-table td {
            border-top: 1px solid var(--color-border);
            padding: 0.8rem 0.45rem;
            vertical-align: top;
        }

        .board-table th {
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
            font-size: 0.68rem;
            letter-spacing: 0.09em;
            text-transform: uppercase;
        }

        .board-table td {
            color: var(--color-muted);
            font-size: 0.9rem;
            line-height: 1.55;
        }

        .feed-heading {
            margin: 2rem 0 0.85rem;
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
            font-size: 0.75rem;
            letter-spacing: 0.14em;
            text-transform: uppercase;
        }

        .feed-entry {
            border-top: 1px solid var(--color-border);
            padding: 0.9rem 0;
        }

        .feed-date {
            display: block;
            margin-bottom: 0.35rem;
            color: var(--color-accent);
        }

        .feed-entry h3 {
            margin: 0 0 0.35rem;
            font-size: 1rem;
        }

        .feed-copy {
            margin-bottom: 0;
            font-size: 0.9rem;
        }

        .rule-row {
            display: grid;
            grid-template-columns: auto minmax(0, 1fr);
            align-items: start;
            gap: 1rem;
            border: 1px solid var(--color-border);
            border-left: 4px solid var(--color-accent);
            border-radius: 4px;
            background: var(--color-surface);
            color: var(--color-text);
            box-shadow: 3px 3px 0 var(--color-border);
            margin-bottom: 1rem;
            padding: 1.15rem;
            transition: transform 180ms ease;
        }

        .rule-row:hover {
            transform: translateY(-4px);
        }

        .icon-circle {
            display: inline-flex;
            width: 2.65rem;
            height: 2.65rem;
            flex: 0 0 auto;
            align-items: center;
            justify-content: center;
            border: 2px solid var(--color-accent);
            border-radius: 50%;
            background: transparent;
            color: var(--color-accent);
        }

        .rule-row h3 {
            margin: 0 0 0.35rem;
        }

        .rule-copy {
            margin-bottom: 0;
            font-size: 0.93rem;
        }

        .standards-note {
            margin-top: 1.5rem;
            border-top: 2px solid var(--color-text);
            padding-top: 1rem;
            color: var(--color-muted);
            line-height: 1.7;
        }

        .standards-note a {
            color: var(--color-text);
            text-underline-offset: 4px;
        }

        .signup-stat {
            display: inline-flex;
            align-items: center;
            gap: 0.8rem;
            width: fit-content;
            border: 2px solid var(--color-text);
            border-radius: 4px;
            background: var(--color-accent);
            color: var(--color-on-accent);
            padding: 0.8rem 1rem;
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
            font-size: 0.8rem;
            font-weight: 700;
            letter-spacing: 0.1em;
            text-transform: uppercase;
        }

        .signup-stat strong {
            font-size: 1.65rem;
        }

        .signup-form {
            display: grid;
            width: min(100%, 34rem);
            gap: 1rem;
        }

        .signup-form label {
            display: grid;
            gap: 0.45rem;
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
            font-size: 0.72rem;
            font-weight: 700;
            letter-spacing: 0.1em;
            text-transform: uppercase;
        }

        .signup-form input,
        .signup-form select {
            width: 100%;
            min-height: 3.1rem;
            border: 2px solid var(--color-text);
            border-radius: 4px;
            background: var(--color-surface);
            color: var(--color-text);
            padding: 0.75rem;
            font: 400 1rem/1.4 inherit;
        }

        .signup-form input::placeholder {
            color: var(--color-muted);
        }

        .form-note {
            margin: 0;
            color: var(--color-muted);
            font-size: 0.85rem;
            line-height: 1.6;
        }

        @media (max-width: 800px) {
            .split,
            .band {
                grid-template-columns: 1fr;
            }

            .media {
                min-height: 55vh;
            }

            .split.flip .media,
            .split.flip .text {
                order: initial;
            }

            .pane {
                padding: 48px 28px;
            }

            .band-side,
            .band-content {
                padding: 48px 28px;
            }

            .band-side {
                border-right: 0;
                border-bottom: 1px solid var(--color-border);
            }

            .sticky-heading {
                position: static;
            }

            .hub-row {
                grid-template-columns: 1fr;
                align-items: start;
            }

            .hub-row .text-link {
                justify-self: start;
            }

            .board-table {
                display: none;
            }

            .board-mobile {
                display: grid;
                gap: 0.7rem;
                margin: 0;
                padding: 0;
                list-style: none;
            }

            .board-mobile li {
                display: grid;
                grid-template-columns: 2.5rem 1fr;
                gap: 0.75rem;
                border-top: 1px solid var(--color-border);
                padding-top: 0.75rem;
                color: var(--color-muted);
                line-height: 1.55;
            }

            .board-rank {
                color: var(--color-accent);
                font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
                font-weight: 700;
            }
        }

        @media (min-width: 801px) {
            .board-mobile {
                display: none;
            }
        }

/* community.html */
.site-footer {
            background: var(--site-bg);
            color: var(--site-text);
            border-top: 4px solid var(--site-text);
        }

        .footer-link {
            color: var(--site-muted);
            text-decoration: none;
            border-bottom: 2px solid transparent;
            transition: color 0.2s ease, border-color 0.2s ease;
        }

        .footer-link:hover {
            color: var(--site-primary);
            border-color: var(--site-primary);
        }

/* Inline style from community.html */
.extracted-community-html-1 { font-size:1.35rem; }

/* Inline style from community.html */
.extracted-community-html-1 { font-size:1.5rem; }

/* Inline style from community.html */
.extracted-community-html-1 { font-size:1.2rem; }

/* Inline style from community.html */
.extracted-community-html-1 { font-size:1.2rem; }

/* Inline style from community.html */
.extracted-community-html-1 { font-size:1.2rem; }

/* Inline style from community.html */
.extracted-community-html-1 { font-size:1.2rem; }

/* Inline style from community.html */
.extracted-community-html-1 { font-size:1.25rem; }

/* game-development.html */
:root {
            --site-bg: #EFFFF3;
            --site-surface: #D8FAE2;
            --site-text: #0F1210;
            --site-muted: #353D37;
            --site-border: #CDE5D4;
            --site-primary: #30945C;
            --site-on-primary: #000000;
            --site-secondary: #78A59D;
            --site-on-secondary: #000000;
            --site-accent: #B16096;
            --site-on-accent: #000000;
            --site-success: #22C55E;
            --site-warning: #F59E0B;
            --site-error: #EF4444;
            --site-info: #3B82F6;

            --color-bg: var(--site-bg);
            --color-surface: var(--site-surface);
            --color-text: var(--site-text);
            --color-muted: var(--site-muted);
            --color-border: var(--site-border);
            --color-primary: var(--site-primary);
            --color-on-primary: var(--site-on-primary);
            --color-secondary: var(--site-secondary);
            --color-on-secondary: var(--site-on-secondary);
            --color-accent: var(--site-accent);
            --color-on-accent: var(--site-on-accent);
            --color-success: var(--site-success);
            --color-warning: var(--site-warning);
            --color-error: var(--site-error);
            --color-info: var(--site-info);
        }

        @media (prefers-color-scheme: dark) {
            :root {
                --site-bg: #031108;
                --site-surface: #081F11;
                --site-text: #DDE8E0;
                --site-muted: #A3B7A9;
                --site-border: #1F3326;
                --site-primary: #6FE89F;
                --site-secondary: #A5D3CB;
                --site-accent: #DAB1CA;
            }
        }

        body {
            margin: 0;
            background-color: var(--site-bg);
            color: var(--site-text);
            font-family: 'Merriweather', Georgia, serif;
            font-weight: 400;
        }

        h1, h2, h3, h4 {
            font-weight: 700;
            letter-spacing: -0.01em;
        }

/* game-development.html */
@theme {
        --color-primary: var(--site-primary);
        --color-on-primary: var(--site-on-primary);
        --color-secondary: var(--site-secondary);
        --color-on-secondary: var(--site-on-secondary);
        --color-accent: var(--site-accent);
        --color-on-accent: var(--site-on-accent);
        --color-bg: var(--site-bg);
        --color-surface: var(--site-surface);
        --color-text: var(--site-text);
        --color-muted: var(--site-muted);
        --color-border: var(--site-border);
        --color-success: var(--site-success);
        --color-warning: var(--site-warning);
        --color-error: var(--site-error);
        --color-info: var(--site-info);
    }

/* game-development.html */
main {
            overflow: clip;
            background: var(--color-bg);
            color: var(--color-text);
        }

        .studio-split {
            display: grid;
            grid-template-columns: 1fr 1fr;
            min-height: 100vh;
            width: 100%;
        }

        .studio-pane {
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 24px;
            padding: clamp(48px, 7vw, 120px);
        }

        .studio-media {
            position: relative;
            min-height: 100%;
            padding: 0;
            overflow: hidden;
        }

        .studio-media img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .studio-copy {
            background: var(--color-bg);
            color: var(--color-text);
        }

        .studio-copy > * {
            max-width: 38rem;
        }

        .studio-flip .studio-media {
            order: 2;
        }

        .studio-eyebrow,
        .studio-kicker,
        .studio-phase-number,
        .studio-row-number,
        .studio-label {
            font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.14em;
            line-height: 1.5;
            text-transform: uppercase;
        }

        .studio-eyebrow {
            color: var(--color-accent);
        }

        .studio-title {
            max-width: 10ch;
            font-size: clamp(2.5rem, 5vw, 4.5rem);
            font-weight: 700;
            letter-spacing: -0.055em;
            line-height: 1.02;
        }

        .studio-about-title {
            max-width: 12ch;
            font-size: clamp(2.25rem, 4vw, 3.75rem);
            line-height: 1.05;
        }

        .studio-lede {
            max-width: 34rem;
            color: var(--color-muted);
            font-size: clamp(1rem, 1.3vw, 1.2rem);
            line-height: 1.8;
        }

        .studio-button {
            display: inline-flex;
            width: fit-content;
            align-items: center;
            justify-content: center;
            gap: 0.75rem;
            border: 2px solid var(--color-text);
            border-radius: 4px;
            background: var(--color-primary);
            color: var(--color-on-primary);
            padding: 1rem 1.25rem;
            font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
            font-size: 0.78rem;
            font-weight: 700;
            letter-spacing: 0.1em;
            text-decoration: none;
            text-transform: uppercase;
            box-shadow: 5px 5px 0 var(--color-text);
            transition: transform 180ms ease, box-shadow 180ms ease;
        }

        .studio-button:hover {
            transform: translateY(-4px);
            box-shadow: 5px 9px 0 var(--color-text);
        }

        .studio-band {
            display: grid;
            grid-template-columns: 1fr 1fr;
            border-top: 2px solid var(--color-text);
            background: var(--color-bg);
            color: var(--color-text);
        }

        .studio-band > * {
            padding: 64px clamp(32px, 5vw, 96px);
        }

        .studio-band-heading {
            align-self: start;
            position: sticky;
            top: 40px;
        }

        .studio-band-heading h2,
        .studio-column-title {
            max-width: 14ch;
            font-size: clamp(1.8rem, 3vw, 2.75rem);
            line-height: 1.1;
        }

        .studio-band-heading p {
            max-width: 24rem;
            color: var(--color-muted);
            line-height: 1.75;
        }

        .studio-capability-list,
        .studio-tool-list,
        .studio-phase-list,
        .studio-detail-list {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .studio-capability-row {
            display: grid;
            grid-template-columns: auto auto 1fr;
            align-items: start;
            gap: 1rem;
            border-top: 1px solid var(--color-border);
            padding: 1.5rem 0;
        }

        .studio-capability-row:last-child,
        .studio-tool-row:last-child,
        .studio-phase:last-child {
            border-bottom: 1px solid var(--color-border);
        }

        .studio-row-number {
            padding-top: 0.55rem;
            color: var(--color-muted);
        }

        .studio-icon-badge {
            display: inline-flex;
            width: 2.75rem;
            height: 2.75rem;
            flex: 0 0 2.75rem;
            align-items: center;
            justify-content: center;
            border: 2px solid var(--color-accent);
            border-radius: 50%;
            background: transparent;
            color: var(--color-accent);
        }

        .studio-capability-row h3,
        .studio-tool-row h3,
        .studio-phase h3 {
            margin: 0 0 0.45rem;
            font-size: 1.08rem;
            line-height: 1.3;
        }

        .studio-capability-row p,
        .studio-tool-row p,
        .studio-phase p {
            margin: 0;
            color: var(--color-muted);
            font-size: 0.92rem;
            line-height: 1.65;
        }

        .studio-process-intro {
            max-width: 36rem;
            color: var(--color-muted);
            line-height: 1.75;
        }

        .studio-phase {
            display: grid;
            grid-template-columns: 4.5rem 1fr;
            gap: 1rem;
            border-top: 1px solid var(--color-border);
            padding: 1.2rem 0;
        }

        .studio-phase-number {
            color: var(--color-accent);
            font-size: 1rem;
            letter-spacing: 0.04em;
        }

        .studio-detail-band {
            border-top: 2px solid var(--color-text);
        }

        .studio-detail-column + .studio-detail-column {
            border-left: 1px solid var(--color-border);
        }

        .studio-detail-intro {
            max-width: 28rem;
            margin: 0 0 1.5rem;
            color: var(--color-muted);
            line-height: 1.7;
        }

        .studio-detail-row {
            display: grid;
            grid-template-columns: minmax(9rem, 0.8fr) 1.4fr;
            gap: 1.25rem;
            border-top: 1px solid var(--color-border);
            padding: 1.15rem 0;
        }

        .studio-label {
            color: var(--color-accent);
            font-size: 0.68rem;
        }

        .studio-detail-row p {
            margin: 0;
            color: var(--color-muted);
            font-size: 0.9rem;
            line-height: 1.65;
        }

        .studio-tool-row {
            border-top: 1px solid var(--color-border);
            padding: 1.15rem 0;
        }

        .studio-intake-solid {
            background: var(--color-accent);
            color: var(--color-on-accent);
        }

        .studio-stat {
            display: block;
            font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
            font-size: clamp(4rem, 10vw, 8.5rem);
            font-weight: 700;
            letter-spacing: -0.09em;
            line-height: 0.9;
        }

        .studio-stat-caption {
            max-width: 16ch;
            font-size: clamp(1.25rem, 2vw, 1.8rem);
            font-weight: 700;
            line-height: 1.2;
        }

        .studio-form-pane {
            background: var(--color-bg);
            color: var(--color-text);
        }

        .studio-form-pane > * {
            max-width: 38rem;
        }

        .studio-form {
            display: grid;
            gap: 1.1rem;
        }

        .studio-form label {
            display: grid;
            gap: 0.5rem;
            font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
            font-size: 0.72rem;
            font-weight: 700;
            letter-spacing: 0.1em;
            text-transform: uppercase;
        }

        .studio-form input,
        .studio-form select,
        .studio-form textarea {
            width: 100%;
            border: 2px solid var(--color-text);
            border-radius: 4px;
            background: var(--color-bg);
            color: var(--color-text);
            padding: 0.85rem 0.9rem;
            font: 400 1rem/1.5 inherit;
            letter-spacing: normal;
            text-transform: none;
        }

        .studio-form textarea {
            min-height: 9rem;
            resize: vertical;
        }

        .studio-form input:focus,
        .studio-form select:focus,
        .studio-form textarea:focus {
            outline: 3px solid var(--color-accent);
            outline-offset: 2px;
        }

        .studio-form-note {
            margin: 0;
            color: var(--color-muted);
            font-size: 0.88rem;
            line-height: 1.65;
        }

        .studio-form .studio-button {
            margin-top: 0.25rem;
        }

        .studio-rule-card {
            border-left: 4px solid var(--color-accent);
            border-radius: 4px;
            background: var(--color-surface);
            color: var(--color-text);
            padding: 1rem 1.25rem;
            box-shadow: 4px 4px 0 color-mix(in oklch, var(--color-text) 18%, transparent);
        }

        @media (hover: hover) {
            .studio-rule-card {
                transition: transform 180ms ease;
            }

            .studio-rule-card:hover {
                transform: translateY(-4px);
            }
        }

        @media (max-width: 800px) {
            .studio-split,
            .studio-band {
                grid-template-columns: 1fr;
            }

            .studio-split {
                min-height: 100vh;
            }

            .studio-media,
            .studio-flip .studio-media {
                order: 0;
                min-height: 55vh;
            }

            .studio-copy,
            .studio-pane {
                padding: 48px 24px;
            }

            .studio-band > * {
                padding: 48px 24px;
            }

            .studio-band-heading {
                position: static;
            }

            .studio-detail-column + .studio-detail-column {
                border-top: 1px solid var(--color-border);
                border-left: 0;
            }

            .studio-form-pane {
                padding-bottom: 6rem;
            }

            .studio-form .studio-button {
                position: sticky;
                bottom: 1rem;
                z-index: 2;
                width: 100%;
            }
        }

        @media (max-width: 520px) {
            .studio-capability-row {
                grid-template-columns: auto 1fr;
            }

            .studio-row-number {
                grid-column: 2;
                grid-row: 1;
            }

            .studio-icon-badge {
                grid-column: 1;
                grid-row: 1 / span 2;
            }

            .studio-capability-copy {
                grid-column: 2;
            }

            .studio-detail-row {
                grid-template-columns: 1fr;
                gap: 0.45rem;
            }

            .studio-phase {
                grid-template-columns: 3.75rem 1fr;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .studio-button,
            .studio-rule-card {
                transition: none;
            }
        }

/* game-development.html */
.site-footer {
            background: var(--site-bg);
            color: var(--site-text);
            border-top: 4px solid var(--site-text);
        }

        .footer-link {
            color: var(--site-muted);
            text-decoration: none;
            border-bottom: 2px solid transparent;
            transition: color 0.2s ease, border-color 0.2s ease;
        }

        .footer-link:hover {
            color: var(--site-primary);
            border-color: var(--site-primary);
        }

/* Inline style from game-development.html */
.extracted-game-development-html-1 { font-size:1.35rem; }

/* Inline style from game-development.html */
.extracted-game-development-html-1 { font-size:1.5rem; }

/* Inline style from game-development.html */
.extracted-game-development-html-1 { font-size:1.2rem; }

/* Inline style from game-development.html */
.extracted-game-development-html-1 { font-size:1.2rem; }

/* Inline style from game-development.html */
.extracted-game-development-html-1 { font-size:1.2rem; }

/* Inline style from game-development.html */
.extracted-game-development-html-1 { font-size:1.2rem; }

/* Inline style from game-development.html */
.extracted-game-development-html-1 { font-size:1.2rem; }

/* Inline style from game-development.html */
.extracted-game-development-html-1 { font-size:1.25rem; }

/* games.html */
:root {
            --site-bg: #EFFFF3;
            --site-surface: #D8FAE2;
            --site-text: #0F1210;
            --site-muted: #353D37;
            --site-border: #CDE5D4;
            --site-primary: #30945C;
            --site-on-primary: #000000;
            --site-secondary: #78A59D;
            --site-on-secondary: #000000;
            --site-accent: #B16096;
            --site-on-accent: #000000;
            --site-success: #22C55E;
            --site-warning: #F59E0B;
            --site-error: #EF4444;
            --site-info: #3B82F6;

            --color-bg: var(--site-bg);
            --color-surface: var(--site-surface);
            --color-text: var(--site-text);
            --color-muted: var(--site-muted);
            --color-border: var(--site-border);
            --color-primary: var(--site-primary);
            --color-on-primary: var(--site-on-primary);
            --color-secondary: var(--site-secondary);
            --color-on-secondary: var(--site-on-secondary);
            --color-accent: var(--site-accent);
            --color-on-accent: var(--site-on-accent);
            --color-success: var(--site-success);
            --color-warning: var(--site-warning);
            --color-error: var(--site-error);
            --color-info: var(--site-info);
        }

        @media (prefers-color-scheme: dark) {
            :root {
                --site-bg: #031108;
                --site-surface: #081F11;
                --site-text: #DDE8E0;
                --site-muted: #A3B7A9;
                --site-border: #1F3326;
                --site-primary: #6FE89F;
                --site-secondary: #A5D3CB;
                --site-accent: #DAB1CA;
            }
        }

        body {
            margin: 0;
            background-color: var(--site-bg);
            color: var(--site-text);
            font-family: 'Merriweather', Georgia, serif;
            font-weight: 400;
        }

        h1, h2, h3, h4 {
            font-weight: 700;
            letter-spacing: -0.01em;
        }

/* games.html */
@theme {
        --color-primary: var(--site-primary);
        --color-on-primary: var(--site-on-primary);
        --color-secondary: var(--site-secondary);
        --color-on-secondary: var(--site-on-secondary);
        --color-accent: var(--site-accent);
        --color-on-accent: var(--site-on-accent);
        --color-bg: var(--site-bg);
        --color-surface: var(--site-surface);
        --color-text: var(--site-text);
        --color-muted: var(--site-muted);
        --color-border: var(--site-border);
        --color-success: var(--site-success);
        --color-warning: var(--site-warning);
        --color-error: var(--site-error);
        --color-info: var(--site-info);
    }

/* games.html */
.game-library {
            color: var(--color-text);
            background: var(--color-bg);
        }

        .game-library * {
            box-sizing: border-box;
        }

        .game-library .split {
            display: grid;
            grid-template-columns: 1fr 1fr;
            min-height: 100vh;
            width: 100%;
        }

        .game-library .pane {
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 24px;
            padding: clamp(48px, 7vw, 120px);
        }

        .game-library .pane.text {
            color: var(--color-text);
            background: var(--color-bg);
        }

        .game-library .pane.text > * {
            max-width: 34rem;
        }

        .game-library .pane.media {
            min-height: 100%;
            overflow: hidden;
            padding: 0;
        }

        .game-library .pane.media img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .game-library .split.flip .media {
            order: 2;
        }

        .game-library .pane.solid {
            color: var(--color-on-accent);
            background: var(--color-accent);
        }

        .game-library .eyebrow,
        .game-library .mono,
        .game-library .filter-label,
        .game-library .season-date {
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.13em;
            line-height: 1.5;
            text-transform: uppercase;
        }

        .game-library .eyebrow {
            color: var(--color-accent);
        }

        .game-library h1,
        .game-library h2,
        .game-library h3,
        .game-library p {
            margin: 0;
        }

        .game-library h1 {
            max-width: 11ch;
            font-size: clamp(2.5rem, 5vw, 4.5rem);
            line-height: 1.05;
        }

        .game-library h2 {
            font-size: clamp(2rem, 3.4vw, 3.25rem);
            line-height: 1.12;
        }

        .game-library h3 {
            font-size: 1.25rem;
            line-height: 1.3;
        }

        .game-library .lead {
            max-width: 34rem;
            font-size: clamp(1rem, 1.4vw, 1.2rem);
            line-height: 1.8;
        }

        .game-library .button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            align-self: flex-start;
            min-height: 3rem;
            border: 2px solid var(--color-text);
            border-radius: 4px;
            padding: 0.8rem 1.1rem;
            color: var(--color-on-primary);
            background: var(--color-primary);
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.1em;
            text-decoration: none;
            text-transform: uppercase;
            transition: transform 180ms ease;
        }

        .game-library .button:hover {
            transform: translateY(-4px);
        }

        .game-library .band {
            display: grid;
            grid-template-columns: 1fr 1fr;
            border-top: 2px solid var(--color-text);
            color: var(--color-text);
            background: var(--color-surface);
        }

        .game-library .band > * {
            padding: 3rem clamp(32px, 5vw, 96px);
        }

        .game-library .band-heading {
            align-self: stretch;
        }

        .game-library .band-heading h2 {
            position: sticky;
            top: 40px;
            max-width: 12ch;
        }

        .game-library .catalog-content {
            min-width: 0;
        }

        .game-library .filter-toggle {
            display: none;
        }

        .game-library .filters {
            display: grid;
            gap: 1rem;
            border-bottom: 2px solid var(--color-border);
            padding-bottom: 1.5rem;
            margin-bottom: 1.25rem;
        }

        .game-library .filter-group {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 0.5rem;
        }

        .game-library .filter-label {
            width: 100%;
            color: var(--color-muted);
        }

        .game-library .filter-chip,
        .game-library .reset-button {
            border: 1px solid var(--color-text);
            border-radius: 4px;
            padding: 0.55rem 0.7rem;
            color: var(--color-text);
            background: var(--color-bg);
            cursor: pointer;
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.7rem;
            font-weight: 700;
            letter-spacing: 0.04em;
            text-transform: uppercase;
        }

        .game-library .filter-chip[aria-pressed="true"] {
            color: var(--color-on-primary);
            background: var(--color-primary);
        }

        .game-library .filter-actions {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
        }

        .game-library .result-count {
            color: var(--color-muted);
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.75rem;
            text-transform: uppercase;
        }

        .game-library .game-row {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 1rem 1.5rem;
            border: 1px solid var(--color-border);
            border-left: 4px solid var(--color-accent);
            border-radius: 4px;
            padding: 1.2rem;
            margin-top: 1rem;
            color: var(--color-text);
            background: var(--color-bg);
            box-shadow: 4px 4px 0 color-mix(in oklch, var(--color-text) 12%, transparent);
            transition: transform 180ms ease;
        }

        .game-library .game-row:hover {
            transform: translateY(-4px);
        }

        .game-library .game-row[hidden] {
            display: none;
        }

        .game-library .game-title-link {
            color: var(--color-text);
            text-decoration-color: var(--color-accent);
            text-decoration-thickness: 2px;
            text-underline-offset: 4px;
        }

        .game-library .game-meta {
            display: flex;
            flex-wrap: wrap;
            gap: 0.4rem 0.8rem;
            margin-top: 0.55rem;
            color: var(--color-muted);
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.68rem;
            letter-spacing: 0.06em;
            text-transform: uppercase;
        }

        .game-library .game-pitch {
            margin-top: 0.8rem;
            font-size: 0.92rem;
            line-height: 1.65;
        }

        .game-library .game-status {
            align-self: start;
            border: 1px solid var(--color-border);
            border-radius: 4px;
            padding: 0.4rem 0.55rem;
            color: var(--color-text);
            background: var(--color-surface);
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.65rem;
            font-weight: 700;
            letter-spacing: 0.06em;
            text-transform: uppercase;
        }

        .game-library .read-more {
            display: none;
            border: 0;
            padding: 0.55rem 0 0;
            color: var(--color-accent);
            background: transparent;
            cursor: pointer;
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.7rem;
            font-weight: 700;
            text-transform: uppercase;
        }

        .game-library .season-intro {
            max-width: 34rem;
            line-height: 1.8;
        }

        .game-library .season-timeline {
            display: grid;
            gap: 0;
            border-left: 3px solid var(--color-accent);
            padding-left: 1.25rem;
        }

        .game-library .season-entry {
            border-bottom: 1px solid var(--color-border);
            padding: 0 0 1.25rem;
            margin-bottom: 1.25rem;
        }

        .game-library .season-entry:last-child {
            border-bottom: 0;
            padding-bottom: 0;
            margin-bottom: 0;
        }

        .game-library .season-date {
            display: block;
            margin-bottom: 0.4rem;
            color: var(--color-accent);
        }

        .game-library .season-entry p {
            margin-top: 0.45rem;
            line-height: 1.7;
        }

        .game-library .text-link {
            color: var(--color-text);
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            text-underline-offset: 4px;
        }

        .game-library .platform-stat {
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: clamp(5rem, 12vw, 10rem);
            font-weight: 700;
            letter-spacing: -0.1em;
            line-height: 0.9;
        }

        .game-library .solid .eyebrow {
            color: var(--color-on-accent);
        }

        .game-library .solid .stat-caption {
            max-width: 15ch;
            font-size: clamp(1.5rem, 3vw, 2.4rem);
            font-weight: 700;
            line-height: 1.2;
        }

        .game-library .compatibility-list {
            display: grid;
            grid-template-columns: minmax(130px, 0.7fr) 1.3fr;
            border-top: 2px solid var(--color-border);
            margin-top: 0.5rem;
        }

        .game-library .compatibility-list dt,
        .game-library .compatibility-list dd {
            border-bottom: 1px solid var(--color-border);
            padding: 0.9rem 0;
            margin: 0;
            line-height: 1.6;
        }

        .game-library .compatibility-list dt {
            padding-right: 1rem;
            color: var(--color-muted);
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.7rem;
            font-weight: 700;
            letter-spacing: 0.06em;
            text-transform: uppercase;
        }

        .game-library .updates-form {
            display: grid;
            gap: 0.8rem;
            margin-top: 1.5rem;
        }

        .game-library .updates-form label {
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.7rem;
            font-weight: 700;
            letter-spacing: 0.06em;
            text-transform: uppercase;
        }

        .game-library .updates-form input,
        .game-library .updates-form select {
            width: 100%;
            min-height: 3rem;
            border: 1px solid var(--color-text);
            border-radius: 4px;
            padding: 0.7rem 0.8rem;
            color: var(--color-text);
            background: var(--color-surface);
            font: inherit;
        }

        .game-library .updates-form .button {
            margin-top: 0.3rem;
        }

        @media (max-width: 800px) {
            .game-library .split,
            .game-library .band {
                grid-template-columns: 1fr;
            }

            .game-library .pane.media {
                min-height: 55vh;
            }

            .game-library .split.flip .media {
                order: 0;
            }

            .game-library .pane.text {
                padding: 48px 28px;
            }

            .game-library .band > * {
                padding: 2.5rem 28px;
            }

            .game-library .band-heading h2 {
                position: static;
                max-width: 17ch;
            }

            .game-library .filter-toggle {
                display: inline-flex;
                align-items: center;
                gap: 0.5rem;
                border: 2px solid var(--color-text);
                border-radius: 4px;
                padding: 0.8rem 1rem;
                color: var(--color-text);
                background: var(--color-bg);
                cursor: pointer;
                font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
                font-size: 0.75rem;
                font-weight: 700;
                letter-spacing: 0.1em;
                text-transform: uppercase;
            }

            .game-library .filters {
                display: none;
                border: 1px solid var(--color-border);
                border-radius: 4px;
                padding: 1rem;
                margin-top: 0.8rem;
            }

            .game-library .filters.is-open {
                display: grid;
            }

            .game-library .filter-group {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .game-library .filter-label {
                grid-column: 1 / -1;
            }

            .game-library .filter-chip {
                min-height: 2.6rem;
                text-align: left;
            }

            .game-library .game-row {
                grid-template-columns: 1fr;
                gap: 0.7rem;
                padding: 1rem;
            }

            .game-library .game-status {
                grid-row: 1;
                justify-self: start;
            }

            .game-library .game-row-main {
                grid-row: 2;
            }

            .game-library .game-pitch.is-clamped {
                display: -webkit-box;
                overflow: hidden;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
            }

            .game-library .read-more {
                display: inline-block;
            }

            .game-library .compatibility-list {
                grid-template-columns: 1fr;
            }

            .game-library .compatibility-list dt {
                border-bottom: 0;
                padding-bottom: 0.2rem;
            }

            .game-library .compatibility-list dd {
                padding-top: 0.2rem;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .game-library *,
            .game-library *::before,
            .game-library *::after {
                scroll-behavior: auto !important;
                transition-duration: 0.01ms !important;
            }
        }

/* games.html */
.site-footer {
            background: var(--site-bg);
            color: var(--site-text);
            border-top: 4px solid var(--site-text);
        }

        .footer-link {
            color: var(--site-muted);
            text-decoration: none;
            border-bottom: 2px solid transparent;
            transition: color 0.2s ease, border-color 0.2s ease;
        }

        .footer-link:hover {
            color: var(--site-primary);
            border-color: var(--site-primary);
        }

/* Inline style from games.html */
.extracted-games-html-1 { font-size:1.35rem; }

/* Inline style from games.html */
.extracted-games-html-1 { font-size:1.5rem; }

/* Inline style from games.html */
.extracted-games-html-1 { font-size:1.25rem; }

/* index.html */
:root {
            --site-bg: #EFFFF3;
            --site-surface: #D8FAE2;
            --site-text: #0F1210;
            --site-muted: #353D37;
            --site-border: #CDE5D4;
            --site-primary: #30945C;
            --site-on-primary: #000000;
            --site-secondary: #78A59D;
            --site-on-secondary: #000000;
            --site-accent: #B16096;
            --site-on-accent: #000000;
            --site-success: #22C55E;
            --site-warning: #F59E0B;
            --site-error: #EF4444;
            --site-info: #3B82F6;

            --color-bg: var(--site-bg);
            --color-surface: var(--site-surface);
            --color-text: var(--site-text);
            --color-muted: var(--site-muted);
            --color-border: var(--site-border);
            --color-primary: var(--site-primary);
            --color-on-primary: var(--site-on-primary);
            --color-secondary: var(--site-secondary);
            --color-on-secondary: var(--site-on-secondary);
            --color-accent: var(--site-accent);
            --color-on-accent: var(--site-on-accent);
            --color-success: var(--site-success);
            --color-warning: var(--site-warning);
            --color-error: var(--site-error);
            --color-info: var(--site-info);
        }

        @media (prefers-color-scheme: dark) {
            :root {
                --site-bg: #031108;
                --site-surface: #081F11;
                --site-text: #DDE8E0;
                --site-muted: #A3B7A9;
                --site-border: #1F3326;
                --site-primary: #6FE89F;
                --site-secondary: #A5D3CB;
                --site-accent: #DAB1CA;
            }
        }

        body {
            margin: 0;
            background-color: var(--site-bg);
            color: var(--site-text);
            font-family: 'Merriweather', Georgia, serif;
            font-weight: 400;
        }

        h1, h2, h3, h4 {
            font-weight: 700;
            letter-spacing: -0.01em;
        }

/* index.html */
@theme {
        --color-primary: var(--site-primary);
        --color-on-primary: var(--site-on-primary);
        --color-secondary: var(--site-secondary);
        --color-on-secondary: var(--site-on-secondary);
        --color-accent: var(--site-accent);
        --color-on-accent: var(--site-on-accent);
        --color-bg: var(--site-bg);
        --color-surface: var(--site-surface);
        --color-text: var(--site-text);
        --color-muted: var(--site-muted);
        --color-border: var(--site-border);
        --color-success: var(--site-success);
        --color-warning: var(--site-warning);
        --color-error: var(--site-error);
        --color-info: var(--site-info);
    }

/* index.html */
main {
            color: var(--color-text);
            background: var(--color-bg);
        }

        main .split {
            display: grid;
            grid-template-columns: 1fr 1fr;
            min-height: 100vh;
            width: 100%;
        }

        main .pane {
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 24px;
            padding: clamp(48px, 7vw, 120px);
        }

        main .pane > * {
            max-width: 34rem;
        }

        main .text-pane {
            color: var(--color-text);
            background: var(--color-bg);
        }

        main .media {
            position: relative;
            min-height: 100%;
            padding: 0;
            overflow: hidden;
        }

        main .media img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        main .flip .media {
            order: 2;
        }

        main .flip .text-pane {
            order: 1;
        }

        main .eyebrow,
        main .mono-label {
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.16em;
            line-height: 1.6;
            text-transform: uppercase;
        }

        main .eyebrow {
            color: var(--color-accent);
        }

        main h1,
        main h2,
        main h3,
        main p {
            margin: 0;
        }

        main h1 {
            font-size: clamp(2.5rem, 5vw, 4.5rem);
            line-height: 1.05;
            font-weight: 700;
        }

        main h2 {
            font-size: clamp(2rem, 3.8vw, 3.25rem);
            line-height: 1.12;
            font-weight: 700;
        }

        main h3 {
            font-size: 1.25rem;
            line-height: 1.3;
            font-weight: 700;
        }

        main .lead {
            color: var(--color-muted);
            font-size: clamp(1rem, 1.3vw, 1.125rem);
            line-height: 1.8;
        }

        main .button-primary {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: fit-content;
            min-height: 48px;
            padding: 0.9rem 1.25rem;
            border: 2px solid var(--color-text);
            border-radius: 4px;
            color: var(--color-on-primary);
            background: var(--color-primary);
            box-shadow: 5px 5px 0 var(--color-text);
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.1em;
            text-decoration: none;
            text-transform: uppercase;
            transition: transform 180ms ease, box-shadow 180ms ease;
        }

        main .button-primary:hover {
            transform: translateY(-4px);
            box-shadow: 5px 9px 0 var(--color-text);
        }

        main .band {
            display: grid;
            grid-template-columns: 1fr 1fr;
            border-top: 2px solid var(--color-text);
            color: var(--color-text);
            background: var(--color-bg);
        }

        main .band-side {
            padding: 64px clamp(32px, 5vw, 96px);
        }

        main .feature-heading {
            align-self: stretch;
        }

        main .feature-heading-inner {
            position: sticky;
            top: 40px;
            display: flex;
            flex-direction: column;
            gap: 18px;
            max-width: 34rem;
        }

        main .feature-list {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        main .feature-list li {
            display: grid;
            grid-template-columns: 3.25rem 1fr;
            gap: 12px;
            padding: 24px 0;
            border-bottom: 1px solid var(--color-border);
        }

        main .feature-list li:first-child {
            border-top: 1px solid var(--color-border);
        }

        main .feature-number {
            color: var(--color-accent);
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.9rem;
            font-weight: 700;
            letter-spacing: 0.08em;
        }

        main .feature-copy {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        main .feature-copy p,
        main .about-copy p {
            color: var(--color-muted);
            line-height: 1.8;
        }

        main .about-copy {
            display: flex;
            flex-direction: column;
            gap: 18px;
        }

        main .genre-line {
            padding-top: 8px;
            color: var(--color-text);
            font-size: 0.95rem;
            line-height: 1.8;
        }

        main .text-link {
            width: fit-content;
            padding-bottom: 5px;
            border-bottom: 2px solid var(--color-accent);
            color: var(--color-text);
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.1em;
            text-decoration: none;
            text-transform: uppercase;
        }

        main .text-link:hover {
            color: var(--color-accent);
        }

        main .proof-band {
            border-top: 2px solid var(--color-text);
        }

        main .proof-side {
            border-right: 1px solid var(--color-border);
        }

        main .proof-stack,
        main .plan-stack {
            display: flex;
            flex-direction: column;
            gap: 24px;
            margin-top: 30px;
        }

        main .quote-card,
        main .plan-card {
            border: 1px solid var(--color-border);
            border-left: 4px solid var(--color-accent);
            border-radius: 4px;
            box-shadow: 4px 4px 0 color-mix(in oklch, var(--color-text) 16%, transparent);
            transition: transform 180ms ease;
        }

        main .quote-card:hover,
        main .plan-card:hover {
            transform: translateY(-4px);
        }

        main .quote-card {
            padding: 22px 24px;
            background: var(--color-surface);
            color: var(--color-text);
        }

        main .quote-card blockquote {
            margin: 0;
            font-size: 0.98rem;
            line-height: 1.75;
        }

        main .quote-card .quote-name {
            margin-top: 14px;
            color: var(--color-muted);
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.75rem;
            letter-spacing: 0.06em;
        }

        main .plan-card {
            padding: 22px 24px;
            background: var(--color-bg);
            color: var(--color-text);
        }

        main .plan-price {
            margin-top: 10px;
            color: var(--color-accent);
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 1.35rem;
            font-weight: 700;
        }

        main .plan-card ul {
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin: 18px 0 0;
            padding-left: 1.2rem;
            color: var(--color-muted);
            font-size: 0.875rem;
            line-height: 1.6;
        }

        main .access-slab .stat-pane {
            align-items: flex-start;
            color: var(--color-on-accent);
            background: var(--color-accent);
        }

        main .stat-pane .mono-label {
            color: var(--color-on-accent);
        }

        main .big-stat {
            max-width: none;
            font-size: clamp(3.25rem, 8vw, 7rem);
            font-weight: 700;
            letter-spacing: -0.07em;
            line-height: 0.98;
        }

        main .stat-note {
            max-width: 24rem;
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.9rem;
            font-weight: 700;
            letter-spacing: 0.04em;
            line-height: 1.7;
            text-transform: uppercase;
        }

        main .access-form {
            display: grid;
            gap: 18px;
            max-width: 34rem;
        }

        main .access-form > p {
            color: var(--color-muted);
            line-height: 1.7;
        }

        main .form-field {
            display: grid;
            gap: 8px;
        }

        main .form-field label {
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.1em;
            text-transform: uppercase;
        }

        main .form-field input,
        main .form-field select {
            width: 100%;
            min-height: 48px;
            padding: 12px;
            border: 2px solid var(--color-text);
            border-radius: 4px;
            color: var(--color-text);
            background: var(--color-surface);
            font: inherit;
        }

        main .form-field input:focus,
        main .form-field select:focus {
            outline: 3px solid var(--color-accent);
            outline-offset: 2px;
        }

        main .review-note {
            color: var(--color-muted);
            font-size: 0.82rem;
            line-height: 1.7;
        }

        @media (max-width: 800px) {
            main .split,
            main .band {
                grid-template-columns: 1fr;
            }

            main .pane {
                padding: 48px 28px;
            }

            main .media {
                min-height: 55vh;
            }

            main .flip .media,
            main .flip .text-pane {
                order: initial;
            }

            main .band-side {
                padding: 48px 28px;
            }

            main .feature-heading-inner {
                position: static;
            }

            main .proof-side {
                border-right: 0;
                border-bottom: 1px solid var(--color-border);
            }

            main .access-slab .stat-pane {
                min-height: 50vh;
            }

            main h1 {
                font-size: clamp(2.5rem, 8vw, 3.5rem);
            }
        }

        @media (prefers-reduced-motion: reduce) {
            main *,
            main *::before,
            main *::after {
                scroll-behavior: auto !important;
                transition-duration: 0.01ms !important;
            }
        }

/* index.html */
.site-footer {
            background: var(--site-bg);
            color: var(--site-text);
            border-top: 4px solid var(--site-text);
        }

        .footer-link {
            color: var(--site-muted);
            text-decoration: none;
            border-bottom: 2px solid transparent;
            transition: color 0.2s ease, border-color 0.2s ease;
        }

        .footer-link:hover {
            color: var(--site-primary);
            border-color: var(--site-primary);
        }

/* Inline style from index.html */
.extracted-index-html-1 { font-size:1.35rem; }

/* Inline style from index.html */
.extracted-index-html-1 { font-size:1.5rem; }

/* Inline style from index.html */
.extracted-index-html-1 { font-size:1.25rem; }

/* platform.html */
:root {
            --site-bg: #EFFFF3;
            --site-surface: #D8FAE2;
            --site-text: #0F1210;
            --site-muted: #353D37;
            --site-border: #CDE5D4;
            --site-primary: #30945C;
            --site-on-primary: #000000;
            --site-secondary: #78A59D;
            --site-on-secondary: #000000;
            --site-accent: #B16096;
            --site-on-accent: #000000;
            --site-success: #22C55E;
            --site-warning: #F59E0B;
            --site-error: #EF4444;
            --site-info: #3B82F6;

            --color-bg: var(--site-bg);
            --color-surface: var(--site-surface);
            --color-text: var(--site-text);
            --color-muted: var(--site-muted);
            --color-border: var(--site-border);
            --color-primary: var(--site-primary);
            --color-on-primary: var(--site-on-primary);
            --color-secondary: var(--site-secondary);
            --color-on-secondary: var(--site-on-secondary);
            --color-accent: var(--site-accent);
            --color-on-accent: var(--site-on-accent);
            --color-success: var(--site-success);
            --color-warning: var(--site-warning);
            --color-error: var(--site-error);
            --color-info: var(--site-info);
        }

        @media (prefers-color-scheme: dark) {
            :root {
                --site-bg: #031108;
                --site-surface: #081F11;
                --site-text: #DDE8E0;
                --site-muted: #A3B7A9;
                --site-border: #1F3326;
                --site-primary: #6FE89F;
                --site-secondary: #A5D3CB;
                --site-accent: #DAB1CA;
            }
        }

        body {
            margin: 0;
            background-color: var(--site-bg);
            color: var(--site-text);
            font-family: 'Merriweather', Georgia, serif;
            font-weight: 400;
        }

        h1, h2, h3, h4 {
            font-weight: 700;
            letter-spacing: -0.01em;
        }

/* platform.html */
@theme {
        --color-primary: var(--site-primary);
        --color-on-primary: var(--site-on-primary);
        --color-secondary: var(--site-secondary);
        --color-on-secondary: var(--site-on-secondary);
        --color-accent: var(--site-accent);
        --color-on-accent: var(--site-on-accent);
        --color-bg: var(--site-bg);
        --color-surface: var(--site-surface);
        --color-text: var(--site-text);
        --color-muted: var(--site-muted);
        --color-border: var(--site-border);
        --color-success: var(--site-success);
        --color-warning: var(--site-warning);
        --color-error: var(--site-error);
        --color-info: var(--site-info);
    }

/* platform.html */
.platform-page {
            background: var(--color-bg);
            color: var(--color-text);
        }

        .platform-page * {
            box-sizing: border-box;
        }

        .platform-page .split {
            display: grid;
            grid-template-columns: 1fr 1fr;
            min-height: 100vh;
            width: 100%;
        }

        .platform-page .pane {
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 24px;
            padding: clamp(48px, 7vw, 120px);
        }

        .platform-page .pane > * {
            max-width: 34rem;
        }

        .platform-page .media {
            min-height: 100%;
            overflow: hidden;
            padding: 0;
        }

        .platform-page .media img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .platform-page .split.flip .text {
            order: 1;
        }

        .platform-page .split.flip .media {
            order: 2;
        }

        .platform-page .solid {
            background: var(--color-accent);
            color: var(--color-on-accent);
        }

        .platform-page .eyebrow,
        .platform-page .mono-label,
        .platform-page .service-number,
        .platform-page .plan-price {
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.14em;
            line-height: 1.5;
            text-transform: uppercase;
        }

        .platform-page .eyebrow {
            color: var(--color-accent);
        }

        .platform-page h1,
        .platform-page h2,
        .platform-page h3,
        .platform-page p {
            margin: 0;
        }

        .platform-page h1 {
            font-size: clamp(2.5rem, 5vw, 4.5rem);
            line-height: 1.04;
        }

        .platform-page h2 {
            font-size: clamp(2rem, 3.5vw, 3.25rem);
            line-height: 1.08;
        }

        .platform-page h3 {
            font-size: 1.15rem;
            line-height: 1.35;
        }

        .platform-page p {
            color: var(--color-muted);
            font-size: 1rem;
            line-height: 1.8;
        }

        .platform-page .solid p,
        .platform-page .solid .eyebrow,
        .platform-page .solid .mono-label {
            color: var(--color-on-accent);
        }

        .platform-page .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            align-self: flex-start;
            min-height: 52px;
            border: 2px solid var(--color-text);
            border-radius: 4px;
            background: var(--color-primary);
            color: var(--color-on-primary);
            padding: 0.9rem 1.25rem;
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.12em;
            text-decoration: none;
            text-transform: uppercase;
            transition: transform 180ms ease, box-shadow 180ms ease;
            box-shadow: 4px 4px 0 var(--color-text);
        }

        .platform-page .btn:hover {
            transform: translateY(-4px);
            box-shadow: 4px 8px 0 var(--color-text);
        }

        .platform-page .band {
            display: grid;
            grid-template-columns: 1fr 1fr;
            border-top: 2px solid var(--color-text);
            border-bottom: 2px solid var(--color-text);
        }

        .platform-page .band-side,
        .platform-page .band-content {
            padding: 64px clamp(32px, 5vw, 96px);
        }

        .platform-page .band-side {
            border-right: 2px solid var(--color-text);
        }

        .platform-page .sticky-title {
            position: sticky;
            top: 40px;
            display: grid;
            align-content: start;
            gap: 20px;
        }

        .platform-page .service-list {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .platform-page .service-row {
            display: grid;
            grid-template-columns: 52px minmax(0, 1fr);
            gap: 18px;
            align-items: start;
            border-bottom: 1px solid var(--color-border);
            padding: 24px 0;
        }

        .platform-page .service-row:first-child {
            padding-top: 0;
        }

        .platform-page .service-row:last-child {
            border-bottom: 0;
            padding-bottom: 0;
        }

        .platform-page .icon-ring {
            display: inline-flex;
            width: 48px;
            height: 48px;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            border: 2px solid var(--color-accent);
            border-radius: 50%;
            color: var(--color-accent);
        }

        .platform-page .service-number {
            display: block;
            margin-bottom: 5px;
            color: var(--color-accent);
        }

        .platform-page .service-row p {
            margin-top: 6px;
            font-size: 0.95rem;
        }

        .platform-page .stack-intro {
            display: grid;
            gap: 18px;
        }

        .platform-page .stack-list {
            display: grid;
            gap: 0;
            margin-top: 6px;
        }

        .platform-page .stack-row {
            display: grid;
            grid-template-columns: 48px minmax(0, 1fr);
            align-items: start;
            gap: 16px;
            border-top: 1px solid var(--color-border);
            padding: 20px 0;
        }

        .platform-page .stack-row p {
            margin-top: 5px;
            font-size: 0.92rem;
        }

        .platform-page .proof-content {
            display: grid;
            align-content: start;
            gap: 28px;
        }

        .platform-page .metric {
            border-left: 4px solid var(--color-accent);
            padding-left: 18px;
        }

        .platform-page .metric strong {
            display: block;
            font-size: clamp(2rem, 4vw, 3.5rem);
            line-height: 1;
        }

        .platform-page .metric span {
            display: block;
            margin-top: 8px;
            color: var(--color-muted);
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.72rem;
            letter-spacing: 0.1em;
            line-height: 1.55;
            text-transform: uppercase;
        }

        .platform-page .status-note {
            border-top: 1px solid var(--color-border);
            padding-top: 22px;
        }

        .platform-page .plans {
            display: grid;
            gap: 20px;
        }

        .platform-page .plan {
            border: 1px solid var(--color-border);
            border-left: 4px solid var(--color-accent);
            border-radius: 4px;
            background: var(--color-surface);
            color: var(--color-text);
            padding: 24px;
            box-shadow: 4px 4px 0 var(--color-border);
            transition: transform 180ms ease, box-shadow 180ms ease;
        }

        .platform-page .plan:hover {
            transform: translateY(-4px);
            box-shadow: 4px 8px 0 var(--color-border);
        }

        .platform-page .plan-heading {
            display: flex;
            flex-wrap: wrap;
            align-items: baseline;
            justify-content: space-between;
            gap: 8px 20px;
            border-bottom: 1px solid var(--color-border);
            padding-bottom: 14px;
        }

        .platform-page .plan-price {
            color: var(--color-muted);
            letter-spacing: 0.08em;
        }

        .platform-page .plan ul {
            display: grid;
            gap: 8px;
            margin: 16px 0 0;
            padding-left: 1.15rem;
            color: var(--color-muted);
            font-size: 0.92rem;
            line-height: 1.55;
        }

        .platform-page .quote-line {
            border-left: 4px solid var(--color-accent);
            padding: 3px 0 3px 18px;
        }

        .platform-page .migration-stats {
            display: flex;
            align-items: baseline;
            gap: 14px;
            border-top: 2px solid color-mix(in oklch, var(--color-on-accent) 35%, transparent);
            border-bottom: 2px solid color-mix(in oklch, var(--color-on-accent) 35%, transparent);
            padding: 18px 0;
        }

        .platform-page .migration-stats strong {
            font-size: clamp(3.5rem, 7vw, 6rem);
            line-height: 0.9;
        }

        .platform-page .migration-stats span {
            max-width: 12rem;
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.1em;
            line-height: 1.55;
            text-transform: uppercase;
        }

        .platform-page .timeline {
            display: grid;
            gap: 0;
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .platform-page .timeline li {
            position: relative;
            border-left: 2px solid color-mix(in oklch, var(--color-on-accent) 45%, transparent);
            padding: 0 0 22px 22px;
        }

        .platform-page .timeline li:last-child {
            border-left-color: transparent;
            padding-bottom: 0;
        }

        .platform-page .timeline li::before {
            position: absolute;
            top: 2px;
            left: -7px;
            width: 12px;
            height: 12px;
            border: 2px solid var(--color-on-accent);
            border-radius: 50%;
            background: var(--color-accent);
            content: '';
        }

        .platform-page .timeline strong {
            display: block;
            font-size: 1rem;
        }

        .platform-page .timeline span {
            display: block;
            margin-top: 5px;
            font-size: 0.875rem;
            line-height: 1.6;
        }

        .platform-page .access-form {
            display: grid;
            gap: 18px;
            width: 100%;
        }

        .platform-page .access-form label {
            display: grid;
            gap: 8px;
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }

        .platform-page .access-form input {
            width: 100%;
            min-height: 48px;
            border: 2px solid var(--color-text);
            border-radius: 4px;
            background: var(--color-bg);
            color: var(--color-text);
            padding: 10px 12px;
            font: inherit;
            letter-spacing: normal;
            text-transform: none;
        }

        .platform-page .access-form input:focus-visible,
        .platform-page a:focus-visible,
        .platform-page button:focus-visible {
            outline: 3px solid var(--color-info);
            outline-offset: 3px;
        }

        @media (max-width: 800px) {
            .platform-page .split,
            .platform-page .band {
                grid-template-columns: 1fr;
            }

            .platform-page .media {
                min-height: 55vh;
            }

            .platform-page .split.flip .media {
                order: 0;
            }

            .platform-page .split.flip .text {
                order: 1;
            }

            .platform-page .band-side,
            .platform-page .band-content {
                padding: 48px 24px;
            }

            .platform-page .band-side {
                border-right: 0;
                border-bottom: 2px solid var(--color-text);
            }

            .platform-page .sticky-title {
                position: static;
            }

            .platform-page .pane {
                padding: 48px 24px;
            }

            .platform-page .service-row {
                grid-template-columns: 1fr;
                gap: 12px;
            }

            .platform-page .stack-row {
                grid-template-columns: 48px minmax(0, 1fr);
                gap: 14px;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .platform-page .btn,
            .platform-page .plan {
                transition: none;
            }
        }

/* platform.html */
.site-footer {
            background: var(--site-bg);
            color: var(--site-text);
            border-top: 4px solid var(--site-text);
        }

        .footer-link {
            color: var(--site-muted);
            text-decoration: none;
            border-bottom: 2px solid transparent;
            transition: color 0.2s ease, border-color 0.2s ease;
        }

        .footer-link:hover {
            color: var(--site-primary);
            border-color: var(--site-primary);
        }

/* Inline style from platform.html */
.extracted-platform-html-1 { font-size:1.35rem; }

/* Inline style from platform.html */
.extracted-platform-html-1 { font-size:1.5rem; }

/* Inline style from platform.html */
.extracted-platform-html-1 { font-size:1.25rem; }

/* Inline style from platform.html */
.extracted-platform-html-1 { font-size:1.25rem; }

/* Inline style from platform.html */
.extracted-platform-html-1 { font-size:1.25rem; }

/* Inline style from platform.html */
.extracted-platform-html-1 { font-size:1.25rem; }

/* Inline style from platform.html */
.extracted-platform-html-1 { font-size:1.25rem; }

/* privacy-policy.html */
:root {
            --site-bg: #EFFFF3;
            --site-surface: #D8FAE2;
            --site-text: #0F1210;
            --site-muted: #353D37;
            --site-border: #CDE5D4;
            --site-primary: #30945C;
            --site-on-primary: #000000;
            --site-secondary: #78A59D;
            --site-on-secondary: #000000;
            --site-accent: #B16096;
            --site-on-accent: #000000;
            --site-success: #22C55E;
            --site-warning: #F59E0B;
            --site-error: #EF4444;
            --site-info: #3B82F6;

            --color-bg: var(--site-bg);
            --color-surface: var(--site-surface);
            --color-text: var(--site-text);
            --color-muted: var(--site-muted);
            --color-border: var(--site-border);
            --color-primary: var(--site-primary);
            --color-on-primary: var(--site-on-primary);
            --color-secondary: var(--site-secondary);
            --color-on-secondary: var(--site-on-secondary);
            --color-accent: var(--site-accent);
            --color-on-accent: var(--site-on-accent);
            --color-success: var(--site-success);
            --color-warning: var(--site-warning);
            --color-error: var(--site-error);
            --color-info: var(--site-info);
        }

        @media (prefers-color-scheme: dark) {
            :root {
                --site-bg: #031108;
                --site-surface: #081F11;
                --site-text: #DDE8E0;
                --site-muted: #A3B7A9;
                --site-border: #1F3326;
                --site-primary: #6FE89F;
                --site-secondary: #A5D3CB;
                --site-accent: #DAB1CA;
            }
        }

        body {
            margin: 0;
            background-color: var(--site-bg);
            color: var(--site-text);
            font-family: 'Merriweather', Georgia, serif;
            font-weight: 400;
        }

        h1, h2, h3, h4 {
            font-weight: 700;
            letter-spacing: -0.01em;
        }

/* privacy-policy.html */
@theme {
        --color-primary: var(--site-primary);
        --color-on-primary: var(--site-on-primary);
        --color-secondary: var(--site-secondary);
        --color-on-secondary: var(--site-on-secondary);
        --color-accent: var(--site-accent);
        --color-on-accent: var(--site-on-accent);
        --color-bg: var(--site-bg);
        --color-surface: var(--site-surface);
        --color-text: var(--site-text);
        --color-muted: var(--site-muted);
        --color-border: var(--site-border);
        --color-success: var(--site-success);
        --color-warning: var(--site-warning);
        --color-error: var(--site-error);
        --color-info: var(--site-info);
    }

/* privacy-policy.html */
.privacy-page {
            color: var(--color-text);
        }

        .privacy-page .split {
            display: grid;
            grid-template-columns: 1fr 1fr;
            min-height: 100vh;
            width: 100%;
        }

        .privacy-page .pane {
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 24px;
            padding: clamp(48px, 7vw, 120px);
        }

        .privacy-page .media {
            min-height: 100%;
            overflow: hidden;
            padding: 0;
        }

        .privacy-page .media img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .privacy-page .split.flip .media {
            order: 2;
        }

        .privacy-page .text > * {
            max-width: 34rem;
        }

        .privacy-page .eyebrow,
        .privacy-page .mono-label {
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.16em;
            line-height: 1.5;
            text-transform: uppercase;
        }

        .privacy-page .eyebrow {
            color: var(--color-accent);
        }

        .privacy-page h1 {
            max-width: 12ch;
            font-size: clamp(2.5rem, 5vw, 4.5rem);
            line-height: 1.08;
        }

        .privacy-page h2 {
            font-size: clamp(2rem, 3.5vw, 3.25rem);
            line-height: 1.15;
        }

        .privacy-page p,
        .privacy-page li {
            line-height: 1.8;
        }

        .privacy-page .summary-box {
            max-width: 34rem;
            border: 2px solid var(--color-text);
            border-left: 4px solid var(--color-accent);
            border-radius: 4px;
            background: var(--color-surface);
            color: var(--color-text);
            padding: 20px 22px;
            box-shadow: 6px 6px 0 var(--color-border);
        }

        .privacy-page .summary-box p {
            margin: 8px 0 0;
            color: var(--color-muted);
        }

        .privacy-page .btn {
            display: inline-flex;
            width: fit-content;
            align-items: center;
            justify-content: center;
            border: 2px solid var(--color-text);
            border-radius: 4px;
            background: var(--color-primary);
            color: var(--color-on-primary);
            padding: 14px 20px;
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.12em;
            text-decoration: none;
            text-transform: uppercase;
            transition: transform 180ms ease;
            box-shadow: 4px 4px 0 var(--color-text);
        }

        .privacy-page .btn:hover {
            transform: translateY(-4px);
        }

        .privacy-page .band {
            display: grid;
            grid-template-columns: 1fr 1fr;
            border-top: 2px solid var(--color-text);
            border-bottom: 2px solid var(--color-text);
            background: var(--color-bg);
            color: var(--color-text);
        }

        .privacy-page .band-panel {
            padding: 64px clamp(32px, 5vw, 96px);
        }

        .privacy-page .sticky-title {
            position: sticky;
            top: 40px;
            align-self: start;
        }

        .privacy-page .row-list {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .privacy-page .row-list li {
            display: grid;
            grid-template-columns: 3rem 1fr;
            gap: 18px;
            border-bottom: 1px solid var(--color-border);
            padding: 24px 0;
        }

        .privacy-page .row-list li:first-child {
            padding-top: 0;
        }

        .privacy-page .row-list li:last-child {
            border-bottom: 0;
        }

        .privacy-page .row-number {
            color: var(--color-accent);
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.85rem;
            font-weight: 700;
        }

        .privacy-page .row-list h3,
        .privacy-page .cookie-row h3 {
            margin: 0 0 8px;
            font-size: 1.15rem;
        }

        .privacy-page .row-list p,
        .privacy-page .cookie-row p {
            margin: 0;
            color: var(--color-muted);
        }

        .privacy-page .cookie-list {
            border-top: 2px solid var(--color-text);
        }

        .privacy-page .cookie-row {
            border-bottom: 1px solid var(--color-border);
            padding: 22px 0;
        }

        .privacy-page .cookie-row:last-child {
            border-bottom: 0;
        }

        .privacy-page .cookie-label {
            display: inline-block;
            margin-bottom: 8px;
            color: var(--color-accent);
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.7rem;
            font-weight: 700;
            letter-spacing: 0.12em;
            text-transform: uppercase;
        }

        .privacy-page .rights-pane {
            background: var(--color-accent);
            color: var(--color-on-accent);
        }

        .privacy-page .rights-pane .mono-label {
            color: var(--color-on-accent);
        }

        .privacy-page .contact-panel {
            border: 2px solid var(--color-text);
            border-left: 4px solid var(--color-accent);
            border-radius: 4px;
            background: var(--color-surface);
            color: var(--color-text);
            padding: 24px;
            box-shadow: 6px 6px 0 var(--color-text);
            transition: transform 180ms ease;
        }

        .privacy-page .contact-panel:hover {
            transform: translateY(-4px);
        }

        .privacy-page .contact-list {
            display: flex;
            flex-direction: column;
            gap: 14px;
            margin: 18px 0 0;
            padding: 0;
            list-style: none;
        }

        .privacy-page .contact-list a {
            color: var(--color-text);
            overflow-wrap: anywhere;
            text-underline-offset: 4px;
        }

        .privacy-page .contact-list a:hover {
            color: var(--color-primary);
        }

        @media (max-width: 800px) {
            .privacy-page .split,
            .privacy-page .band {
                grid-template-columns: 1fr;
            }

            .privacy-page .media {
                min-height: 55vh;
            }

            .privacy-page .split.flip .media {
                order: 0;
            }

            .privacy-page .pane {
                padding: 48px 28px;
            }

            .privacy-page .band-panel {
                padding: 48px 28px;
            }

            .privacy-page .sticky-title {
                position: static;
            }
        }

/* privacy-policy.html */
.site-footer {
            background: var(--site-bg);
            color: var(--site-text);
            border-top: 4px solid var(--site-text);
        }

        .footer-link {
            color: var(--site-muted);
            text-decoration: none;
            border-bottom: 2px solid transparent;
            transition: color 0.2s ease, border-color 0.2s ease;
        }

        .footer-link:hover {
            color: var(--site-primary);
            border-color: var(--site-primary);
        }

/* Inline style from privacy-policy.html */
.extracted-privacy-policy-html-1 { font-size:1.35rem; }

/* Inline style from privacy-policy.html */
.extracted-privacy-policy-html-1 { font-size:1.5rem; }

/* Inline style from privacy-policy.html */
.extracted-privacy-policy-html-1 { font-size:1.25rem; }

/* support.html */
:root {
            --site-bg: #EFFFF3;
            --site-surface: #D8FAE2;
            --site-text: #0F1210;
            --site-muted: #353D37;
            --site-border: #CDE5D4;
            --site-primary: #30945C;
            --site-on-primary: #000000;
            --site-secondary: #78A59D;
            --site-on-secondary: #000000;
            --site-accent: #B16096;
            --site-on-accent: #000000;
            --site-success: #22C55E;
            --site-warning: #F59E0B;
            --site-error: #EF4444;
            --site-info: #3B82F6;

            --color-bg: var(--site-bg);
            --color-surface: var(--site-surface);
            --color-text: var(--site-text);
            --color-muted: var(--site-muted);
            --color-border: var(--site-border);
            --color-primary: var(--site-primary);
            --color-on-primary: var(--site-on-primary);
            --color-secondary: var(--site-secondary);
            --color-on-secondary: var(--site-on-secondary);
            --color-accent: var(--site-accent);
            --color-on-accent: var(--site-on-accent);
            --color-success: var(--site-success);
            --color-warning: var(--site-warning);
            --color-error: var(--site-error);
            --color-info: var(--site-info);
        }

        @media (prefers-color-scheme: dark) {
            :root {
                --site-bg: #031108;
                --site-surface: #081F11;
                --site-text: #DDE8E0;
                --site-muted: #A3B7A9;
                --site-border: #1F3326;
                --site-primary: #6FE89F;
                --site-secondary: #A5D3CB;
                --site-accent: #DAB1CA;
            }
        }

        body {
            margin: 0;
            background-color: var(--site-bg);
            color: var(--site-text);
            font-family: 'Merriweather', Georgia, serif;
            font-weight: 400;
        }

        h1, h2, h3, h4 {
            font-weight: 700;
            letter-spacing: -0.01em;
        }

/* support.html */
@theme {
        --color-primary: var(--site-primary);
        --color-on-primary: var(--site-on-primary);
        --color-secondary: var(--site-secondary);
        --color-on-secondary: var(--site-on-secondary);
        --color-accent: var(--site-accent);
        --color-on-accent: var(--site-on-accent);
        --color-bg: var(--site-bg);
        --color-surface: var(--site-surface);
        --color-text: var(--site-text);
        --color-muted: var(--site-muted);
        --color-border: var(--site-border);
        --color-success: var(--site-success);
        --color-warning: var(--site-warning);
        --color-error: var(--site-error);
        --color-info: var(--site-info);
    }

/* support.html */
.support-page {
            color: var(--color-text);
            background: var(--color-bg);
        }

        .support-page .split {
            display: grid;
            grid-template-columns: 1fr 1fr;
            min-height: 100vh;
            width: 100%;
        }

        .support-page .pane {
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 24px;
            padding: clamp(48px, 7vw, 120px);
        }

        .support-page .media {
            position: relative;
            min-height: 100%;
            padding: 0;
            overflow: hidden;
            background: var(--color-surface);
            color: var(--color-text);
        }

        .support-page .media img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .support-page .flip .media {
            order: 2;
        }

        .support-page .text {
            max-width: none;
            background: var(--color-bg);
            color: var(--color-text);
        }

        .support-page .text > * {
            max-width: 38rem;
        }

        .support-page .solid {
            background: var(--color-accent);
            color: var(--color-on-accent);
        }

        .support-page .eyebrow,
        .support-page .mono-label {
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.16em;
            line-height: 1.5;
            text-transform: uppercase;
        }

        .support-page .eyebrow {
            color: var(--color-accent);
        }

        .support-page h1,
        .support-page h2,
        .support-page h3,
        .support-page p {
            margin: 0;
        }

        .support-page h1 {
            max-width: 10ch;
            font-size: clamp(2.5rem, 5vw, 4.5rem);
            line-height: 1.04;
            font-weight: 700;
            letter-spacing: -0.04em;
        }

        .support-page h2 {
            font-size: clamp(2rem, 3.5vw, 3.2rem);
            line-height: 1.1;
            letter-spacing: -0.03em;
        }

        .support-page h3 {
            font-size: 1.15rem;
            line-height: 1.3;
        }

        .support-page .lead {
            max-width: 34rem;
            color: var(--color-muted);
            font-size: 1.08rem;
            line-height: 1.8;
        }

        .support-page .btn {
            display: inline-flex;
            width: fit-content;
            align-items: center;
            justify-content: center;
            min-height: 52px;
            padding: 14px 22px;
            border: 2px solid var(--color-text);
            border-radius: 4px;
            background: var(--color-primary);
            color: var(--color-on-primary);
            box-shadow: 5px 5px 0 var(--color-text);
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.78rem;
            font-weight: 700;
            letter-spacing: 0.12em;
            text-decoration: none;
            text-transform: uppercase;
            transition: transform 180ms ease, box-shadow 180ms ease;
        }

        .support-page .btn:hover {
            transform: translateY(-4px);
            box-shadow: 5px 9px 0 var(--color-text);
        }

        .support-page .band {
            display: grid;
            grid-template-columns: 1fr 1fr;
            border-top: 2px solid var(--color-text);
            background: var(--color-bg);
            color: var(--color-text);
        }

        .support-page .band > * {
            height: auto;
            padding: 64px clamp(32px, 5vw, 96px);
        }

        .support-page .band-heading {
            position: sticky;
            top: 40px;
            align-self: start;
            display: flex;
            flex-direction: column;
            gap: 18px;
        }

        .support-page .band-heading p,
        .support-page .section-intro {
            max-width: 32rem;
            color: var(--color-muted);
            line-height: 1.75;
        }

        .support-page .topic-list {
            border-top: 2px solid var(--color-text);
        }

        .support-page .topic-row {
            border-bottom: 2px solid var(--color-border);
        }

        .support-page .topic-row summary {
            display: flex;
            min-height: 64px;
            align-items: center;
            gap: 18px;
            padding: 16px 2px;
            cursor: pointer;
            font-weight: 700;
            line-height: 1.45;
            list-style: none;
        }

        .support-page .topic-row summary::-webkit-details-marker {
            display: none;
        }

        .support-page .topic-row summary::after {
            content: '+';
            margin-left: auto;
            color: var(--color-accent);
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 1.5rem;
        }

        .support-page .topic-row[open] summary::after {
            content: '-';
        }

        .support-page .topic-number {
            min-width: 2rem;
            color: var(--color-accent);
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.8rem;
        }

        .support-page .topic-answer {
            padding: 0 34px 20px 48px;
            color: var(--color-muted);
            line-height: 1.7;
        }

        .support-page .contact-stack {
            display: grid;
            gap: 16px;
            margin-top: 8px;
        }

        .support-page .contact-row {
            display: grid;
            grid-template-columns: 54px 1fr;
            align-items: center;
            gap: 16px;
            padding: 17px;
            border: 2px solid var(--color-text);
            border-left: 4px solid var(--color-accent);
            border-radius: 4px;
            background: var(--color-surface);
            color: var(--color-text);
            box-shadow: 5px 5px 0 var(--color-text);
            transition: transform 180ms ease;
        }

        .support-page .contact-row:hover {
            transform: translateY(-4px);
        }

        .support-page .icon-ring {
            display: inline-flex;
            width: 48px;
            height: 48px;
            flex: 0 0 48px;
            align-items: center;
            justify-content: center;
            border: 2px solid var(--color-accent);
            border-radius: 50%;
            background: transparent;
            color: var(--color-accent);
        }

        .support-page .contact-row .mono-label {
            display: block;
            margin-bottom: 5px;
            color: var(--color-muted);
            font-size: 0.68rem;
        }

        .support-page .contact-row a,
        .support-page .contact-row address {
            color: var(--color-text);
            font-size: 0.97rem;
            font-style: normal;
            font-weight: 700;
            line-height: 1.55;
            overflow-wrap: anywhere;
            text-decoration-thickness: 1px;
            text-underline-offset: 3px;
        }

        .support-page .account-list {
            display: grid;
            gap: 0;
            margin-top: 8px;
            border-top: 2px solid var(--color-text);
        }

        .support-page .account-item {
            padding: 19px 0;
            border-bottom: 2px solid var(--color-border);
        }

        .support-page .account-item p {
            margin-top: 7px;
            color: var(--color-muted);
            font-size: 0.93rem;
            line-height: 1.65;
        }

        .support-page .account-item ol {
            display: grid;
            gap: 5px;
            margin: 10px 0 0;
            padding-left: 1.3rem;
            color: var(--color-muted);
            font-size: 0.92rem;
            line-height: 1.6;
        }

        .support-page .notice {
            padding: 14px 16px;
            border-left: 4px solid var(--color-warning);
            background: var(--color-surface);
            color: var(--color-text);
            font-size: 0.88rem;
            line-height: 1.65;
        }

        .support-page .response-list {
            display: grid;
            align-content: start;
            border-top: 2px solid var(--color-text);
        }

        .support-page .response-row {
            display: grid;
            grid-template-columns: minmax(120px, 0.8fr) 1.2fr;
            gap: 20px;
            align-items: center;
            padding: 19px 0;
            border-bottom: 2px solid var(--color-border);
        }

        .support-page .response-row dt {
            color: var(--color-muted);
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.72rem;
            font-weight: 700;
            letter-spacing: 0.1em;
            text-transform: uppercase;
        }

        .support-page .response-row dd {
            margin: 0;
            font-size: 1rem;
            font-weight: 700;
            line-height: 1.5;
        }

        .support-page .response-row .response-figure {
            display: block;
            font-size: clamp(1.5rem, 2.5vw, 2.25rem);
            letter-spacing: -0.04em;
        }

        .support-page .solid .eyebrow {
            color: var(--color-on-accent);
        }

        .support-page .big-stat {
            font-size: clamp(4rem, 10vw, 8rem);
            font-weight: 700;
            letter-spacing: -0.08em;
            line-height: 0.9;
        }

        .support-page .solid p {
            max-width: 25rem;
            line-height: 1.75;
        }

        .support-page .solid .contact-mini {
            display: flex;
            align-items: center;
            gap: 12px;
            padding-top: 18px;
            border-top: 2px solid var(--color-on-accent);
            font-weight: 700;
        }

        .support-page .solid .contact-mini a {
            color: var(--color-on-accent);
            text-underline-offset: 4px;
        }

        .support-page .form-pane {
            background: var(--color-surface);
            color: var(--color-text);
        }

        .support-page .form-pane .lead {
            color: var(--color-muted);
        }

        .support-page .support-form {
            display: grid;
            gap: 17px;
            width: 100%;
            max-width: 38rem;
        }

        .support-page .form-field {
            display: grid;
            gap: 7px;
        }

        .support-page .form-field label,
        .support-page .form-label {
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.72rem;
            font-weight: 700;
            letter-spacing: 0.1em;
            text-transform: uppercase;
        }

        .support-page .form-field input,
        .support-page .form-field select,
        .support-page .form-field textarea {
            width: 100%;
            min-height: 48px;
            padding: 12px 13px;
            border: 2px solid var(--color-text);
            border-radius: 4px;
            background: var(--color-bg);
            color: var(--color-text);
            font: inherit;
        }

        .support-page .form-field textarea {
            min-height: 132px;
            resize: vertical;
            line-height: 1.55;
        }

        .support-page .form-field input:focus,
        .support-page .form-field select:focus,
        .support-page .form-field textarea:focus {
            outline: 3px solid var(--color-primary);
            outline-offset: 2px;
        }

        .support-page .form-help {
            color: var(--color-muted);
            font-size: 0.82rem;
            line-height: 1.55;
        }

        .support-page .privacy-check {
            display: flex;
            align-items: flex-start;
            gap: 11px;
            color: var(--color-text);
            font-size: 0.88rem;
            line-height: 1.55;
        }

        .support-page .privacy-check input {
            width: 19px;
            height: 19px;
            flex: 0 0 19px;
            margin: 2px 0 0;
            accent-color: var(--color-primary);
        }

        .support-page .privacy-check a {
            color: var(--color-text);
            font-weight: 700;
            text-underline-offset: 3px;
        }

        .support-page .support-form .btn {
            width: 100%;
            cursor: pointer;
        }

        @media (max-width: 800px) {
            .support-page .split,
            .support-page .band {
                grid-template-columns: 1fr;
            }

            .support-page .media {
                min-height: 55vh;
            }

            .support-page .flip .media {
                order: 0;
            }

            .support-page .pane {
                padding: 48px;
            }

            .support-page .band > * {
                padding: 48px 24px;
            }

            .support-page .band-heading {
                position: static;
            }

            .support-page .response-row {
                grid-template-columns: 1fr;
                gap: 7px;
            }
        }

        @media (max-width: 520px) {
            .support-page .pane {
                padding: 48px 24px;
            }

            .support-page .contact-row {
                grid-template-columns: 48px 1fr;
                gap: 12px;
                padding: 14px 12px;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .support-page *,
            .support-page *::before,
            .support-page *::after {
                scroll-behavior: auto !important;
                transition-duration: 0.01ms !important;
            }
        }

/* support.html */
.site-footer {
            background: var(--site-bg);
            color: var(--site-text);
            border-top: 4px solid var(--site-text);
        }

        .footer-link {
            color: var(--site-muted);
            text-decoration: none;
            border-bottom: 2px solid transparent;
            transition: color 0.2s ease, border-color 0.2s ease;
        }

        .footer-link:hover {
            color: var(--site-primary);
            border-color: var(--site-primary);
        }

/* Inline style from support.html */
.extracted-support-html-1 { font-size:1.35rem; }

/* Inline style from support.html */
.extracted-support-html-1 { font-size:1.5rem; }

/* Inline style from support.html */
.extracted-support-html-1 { font-size:1.35rem; }

/* Inline style from support.html */
.extracted-support-html-1 { font-size:1.35rem; }

/* Inline style from support.html */
.extracted-support-html-1 { font-size:1.35rem; }

/* Inline style from support.html */
.extracted-support-html-1 { padding-top:20px; }

/* Inline style from support.html */
.extracted-support-html-1 { color:var(--color-text);text-underline-offset:3px; }

/* Inline style from support.html */
.extracted-support-html-1 { font-size:1.3rem; }

/* Inline style from support.html */
.extracted-support-html-1 { font-size:1.25rem; }

/* terms-and-conditions.html */
:root {
            --site-bg: #EFFFF3;
            --site-surface: #D8FAE2;
            --site-text: #0F1210;
            --site-muted: #353D37;
            --site-border: #CDE5D4;
            --site-primary: #30945C;
            --site-on-primary: #000000;
            --site-secondary: #78A59D;
            --site-on-secondary: #000000;
            --site-accent: #B16096;
            --site-on-accent: #000000;
            --site-success: #22C55E;
            --site-warning: #F59E0B;
            --site-error: #EF4444;
            --site-info: #3B82F6;

            --color-bg: var(--site-bg);
            --color-surface: var(--site-surface);
            --color-text: var(--site-text);
            --color-muted: var(--site-muted);
            --color-border: var(--site-border);
            --color-primary: var(--site-primary);
            --color-on-primary: var(--site-on-primary);
            --color-secondary: var(--site-secondary);
            --color-on-secondary: var(--site-on-secondary);
            --color-accent: var(--site-accent);
            --color-on-accent: var(--site-on-accent);
            --color-success: var(--site-success);
            --color-warning: var(--site-warning);
            --color-error: var(--site-error);
            --color-info: var(--site-info);
        }

        @media (prefers-color-scheme: dark) {
            :root {
                --site-bg: #031108;
                --site-surface: #081F11;
                --site-text: #DDE8E0;
                --site-muted: #A3B7A9;
                --site-border: #1F3326;
                --site-primary: #6FE89F;
                --site-secondary: #A5D3CB;
                --site-accent: #DAB1CA;
            }
        }

        body {
            margin: 0;
            background-color: var(--site-bg);
            color: var(--site-text);
            font-family: 'Merriweather', Georgia, serif;
            font-weight: 400;
        }

        h1, h2, h3, h4 {
            font-weight: 700;
            letter-spacing: -0.01em;
        }

/* terms-and-conditions.html */
@theme {
        --color-primary: var(--site-primary);
        --color-on-primary: var(--site-on-primary);
        --color-secondary: var(--site-secondary);
        --color-on-secondary: var(--site-on-secondary);
        --color-accent: var(--site-accent);
        --color-on-accent: var(--site-on-accent);
        --color-bg: var(--site-bg);
        --color-surface: var(--site-surface);
        --color-text: var(--site-text);
        --color-muted: var(--site-muted);
        --color-border: var(--site-border);
        --color-success: var(--site-success);
        --color-warning: var(--site-warning);
        --color-error: var(--site-error);
        --color-info: var(--site-info);
    }

/* terms-and-conditions.html */
.terms-page {
            background: var(--color-bg);
            color: var(--color-text);
        }

        .terms-page .split {
            display: grid;
            grid-template-columns: 1fr 1fr;
            min-height: 100vh;
            width: 100%;
        }

        .terms-page .pane {
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 24px;
            padding: clamp(48px, 7vw, 120px);
        }

        .terms-page .pane > * {
            max-width: 34rem;
        }

        .terms-page .media {
            min-height: 100%;
            overflow: hidden;
            padding: 0;
        }

        .terms-page .media img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .terms-page .split.flip .media {
            order: 2;
        }

        .terms-page .solid {
            background: var(--color-accent);
            color: var(--color-on-accent);
        }

        .terms-page .solid > * {
            max-width: 36rem;
        }

        .terms-page .eyebrow,
        .terms-page .section-index,
        .terms-page .clause-number,
        .terms-page .legal-meta {
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.14em;
            line-height: 1.5;
            text-transform: uppercase;
        }

        .terms-page .eyebrow {
            color: var(--color-accent);
        }

        .terms-page .solid .eyebrow {
            color: var(--color-on-accent);
        }

        .terms-page h1 {
            max-width: 12ch;
            font-size: clamp(2.5rem, 5vw, 4.5rem);
            line-height: 1.04;
        }

        .terms-page h2 {
            font-size: clamp(1.8rem, 3vw, 3rem);
            line-height: 1.12;
        }

        .terms-page h3 {
            font-size: 1.2rem;
            line-height: 1.35;
        }

        .terms-page p,
        .terms-page li,
        .terms-page label {
            font-size: 1rem;
            line-height: 1.8;
        }

        .terms-page .legal-meta {
            color: var(--color-muted);
            letter-spacing: 0.08em;
        }

        .terms-page .action-link,
        .terms-page .submit-button {
            display: inline-flex;
            width: fit-content;
            align-items: center;
            justify-content: center;
            border: 2px solid var(--color-text);
            border-radius: 4px;
            background: var(--color-primary);
            color: var(--color-on-primary);
            padding: 0.9rem 1.25rem;
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.78rem;
            font-weight: 700;
            letter-spacing: 0.12em;
            text-decoration: none;
            text-transform: uppercase;
            transition: transform 180ms ease;
        }

        .terms-page .action-link:hover,
        .terms-page .submit-button:hover {
            transform: translateY(-4px);
        }

        .terms-page .band {
            display: grid;
            grid-template-columns: 1fr 1fr;
            border-top: 2px solid var(--color-text);
            border-bottom: 2px solid var(--color-text);
            background: var(--color-bg);
            color: var(--color-text);
        }

        .terms-page .band-side {
            padding: 3rem clamp(32px, 5vw, 96px);
        }

        .terms-page .sticky-title {
            position: sticky;
            top: 40px;
            align-self: start;
        }

        .terms-page .contents-list {
            margin: 2rem 0 0;
            padding: 0;
            list-style: none;
        }

        .terms-page .contents-list li {
            border-top: 1px solid var(--color-border);
        }

        .terms-page .contents-list a {
            display: flex;
            align-items: baseline;
            gap: 1rem;
            padding: 1rem 0;
            color: var(--color-text);
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 0.9rem;
            text-decoration-thickness: 1px;
            text-underline-offset: 0.25em;
        }

        .terms-page .contents-list a:hover {
            color: var(--color-primary);
        }

        .terms-page .contents-list span {
            color: var(--color-accent);
            font-weight: 700;
        }

        .terms-page .acceptance-copy {
            border-left: 4px solid var(--color-accent);
            padding: 0 0 0 1.25rem;
        }

        .terms-page .split h2[id],
        .terms-page .band h2[id],
        .terms-page .band h3[id] {
            scroll-margin-top: 110px;
        }

        .terms-page .legal-band {
            align-items: start;
        }

        .terms-page .clause {
            margin-top: 1.5rem;
            border: 1px solid var(--color-border);
            border-left: 4px solid var(--color-accent);
            border-radius: 4px;
            background: var(--color-surface);
            color: var(--color-text);
            padding: 1.25rem;
            box-shadow: 5px 5px 0 var(--color-border);
            transition: transform 180ms ease;
        }

        .terms-page .clause:hover {
            transform: translateY(-4px);
        }

        .terms-page .clause-number {
            color: var(--color-accent);
        }

        .terms-page .clause h3 {
            margin-top: 0.45rem;
        }

        .terms-page .contact-details {
            margin-top: 1.5rem;
            border-top: 1px solid color-mix(in oklch, var(--color-on-accent) 35%, transparent);
            padding-top: 1rem;
        }

        .terms-page .contact-details a {
            color: var(--color-on-accent);
            text-underline-offset: 0.2em;
        }

        .terms-page .big-stat {
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: clamp(5rem, 13vw, 11rem);
            font-weight: 700;
            letter-spacing: -0.09em;
            line-height: 0.9;
        }

        .terms-page .question-form {
            display: grid;
            gap: 1rem;
            width: 100%;
        }

        .terms-page .question-form label {
            display: grid;
            gap: 0.4rem;
            font-weight: 700;
        }

        .terms-page .question-form input,
        .terms-page .question-form textarea {
            width: 100%;
            border: 2px solid var(--color-text);
            border-radius: 4px;
            background: var(--color-bg);
            color: var(--color-text);
            padding: 0.8rem;
            font: inherit;
        }

        .terms-page .question-form textarea {
            min-height: 8rem;
            resize: vertical;
        }

        .terms-page .form-note {
            color: var(--color-muted);
            font-size: 0.9rem;
        }

        @media (max-width: 800px) {
            .terms-page .split,
            .terms-page .band {
                grid-template-columns: 1fr;
            }

            .terms-page .media {
                min-height: 55vh;
            }

            .terms-page .split.flip .media {
                order: 0;
            }

            .terms-page .pane {
                padding: 48px 24px;
            }

            .terms-page .band-side {
                padding: 3rem 24px;
            }

            .terms-page .sticky-title {
                position: static;
            }

            .terms-page .solid {
                min-height: 40vh;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .terms-page .action-link,
            .terms-page .submit-button,
            .terms-page .clause {
                transition: none;
            }
        }

/* terms-and-conditions.html */
.site-footer {
            background: var(--site-bg);
            color: var(--site-text);
            border-top: 4px solid var(--site-text);
        }

        .footer-link {
            color: var(--site-muted);
            text-decoration: none;
            border-bottom: 2px solid transparent;
            transition: color 0.2s ease, border-color 0.2s ease;
        }

        .footer-link:hover {
            color: var(--site-primary);
            border-color: var(--site-primary);
        }

/* Inline style from terms-and-conditions.html */
.extracted-terms-and-conditions-html-1 { font-size:1.35rem; }

/* Inline style from terms-and-conditions.html */
.extracted-terms-and-conditions-html-1 { font-size:1.5rem; }

/* Inline style from terms-and-conditions.html */
.extracted-terms-and-conditions-html-1 { font-size:1.25rem; }