:root {
    --bg: #0a0a0a;
    --surface: #141414;
    --surface-2: #1a1a1a;
    --text: #ffffff;
    --muted: #a1a1aa;
    --border: rgba(255, 255, 255, 0.08);
}

* {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    padding: 0;
    background: var(--bg);
    color: var(--text);
    font-family: Inter, system-ui, sans-serif;
}

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

.container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.site-header,
.site-footer {
    border-color: var(--border);
    border-style: solid;
    border-width: 0 0 1px 0;
    background: rgba(10, 10, 10, 0.85);
    backdrop-filter: blur(12px);
}

.site-footer {
    border-width: 1px 0 0 0;
    padding: 32px 0;
}

.header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 0;
}

.site-brand {
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.site-nav ul {
    display: flex;
    list-style: none;
    gap: 20px;
    margin: 0;
    padding: 0;
}

.site-actions {
    display: flex;
    gap: 12px;
}

.hero {
    min-height: 52vh;
    display: flex;
    align-items: center;
    padding: 100px 0;
}

.hero h1,
.section h2 {
    margin: 0;
    line-height: 1;
    letter-spacing: -0.04em;
}

.hero h1 {
    font-size: clamp(3rem, 8vw, 6rem);
}

.hero-copy,
.card p,
.section p {
    color: var(--muted);
}

.hero-actions {
    display: flex;
    gap: 16px;
    margin-top: 32px;
}

.eyebrow {
    text-transform: uppercase;
    letter-spacing: 0.28em;
    font-size: 0.75rem;
    color: #7dd3fc;
    margin-bottom: 16px;
}

.section {
    padding: 96px 0;
}

.card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-top: 28px;
}

.card {
    box-shadow: 0 6px 18px rgba(0,0,0,0.35);
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--border);
    border-radius: 24px;
    padding: 22px;
}

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 12px 18px;
    font-size: 0.95rem;
    border: 1px solid var(--border);
}

.button-primary {
    background: #ffffff;
    color: #000000;
}

.button-secondary {
    background: transparent;
    color: #ffffff;
}

@media (max-width: 960px) {
    .header-inner,
    .site-actions {
        flex-wrap: wrap;
    }

    .site-nav ul {
        flex-wrap: wrap;
    }

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

.card-meta {
    margin-top: 16px;
    color: var(--muted);
    font-size: 0.95rem;
}

/* =========================
   GLOBAL BACKGROUND LAYER
========================= */

body {
    background: radial-gradient(circle at 20% 20%, rgba(125,211,252,0.06), transparent 40%),
                radial-gradient(circle at 80% 0%, rgba(168,85,247,0.08), transparent 40%),
                #020204;
}

/* =========================
   HERO UPGRADE
========================= */

.hero {
    position: relative;
    min-height: 52vh;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 30%, rgba(125,211,252,0.08), transparent 60%);
    z-index: 0;
}

.hero .container {
    position: relative;
    z-index: 2;
}

.hero h1 {
    font-size: clamp(3rem, 6vw, 6rem);
    letter-spacing: -0.025em;
    line-height: 0.95;
}

.hero-copy {
    opacity: 0.68;
    max-width: 480px;
}

/* =========================
   BUTTON UPGRADE
========================= */

.button-primary {
    background: linear-gradient(135deg, #7dd3fc, #a78bfa);
    color: #000;
    border: none;
}

.button-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 30px rgba(125,211,252,0.2);
}

.button-secondary {
    border: 1px solid rgba(255,255,255,0.1);
}

.button-secondary:hover {
    border-color: rgba(255,255,255,0.25);
}

/* =========================
   CARD SYSTEM UPGRADE
========================= */

.card {
    box-shadow: 0 6px 18px rgba(0,0,0,0.35);
    background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 18px;
    padding: 22px;
    transition: all 0.25s ease;
    backdrop-filter: blur(8px);
}

.card:hover {
    transform: translateY(-2px);
    border-color: rgba(125,211,252,0.35);
    box-shadow: 0 14px 36px rgba(0,0,0,0.45);
}

/* =========================
   GRID IMPROVEMENT
========================= */

.card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;
    margin-top: 28px;
}

/* =========================
   SECTION SPACING
========================= */

.section {
    padding: 88px 0;
}

.eyebrow {
    font-size: 0.75rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #7dd3fc;
    margin-bottom: 12px;
}

/* =========================
   SUBTLE ANIMATION
========================= */

.card,
.hero h1,
.hero-copy {
    animation: fadeUp 0.6s ease both;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.split-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 40px;
}

.section-copy {
    max-width: 560px;
    color: var(--muted);
    margin-top: 10px;
    opacity: 0.85;
}

.signal-note {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-radius: 999px;
    border: 1px solid rgba(125, 211, 252, 0.18);
    background: rgba(125, 211, 252, 0.06);
    color: #cdefff;
    white-space: nowrap;
}

.signal-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #7dd3fc;
    box-shadow: 0 0 18px rgba(125, 211, 252, 0.8);
}

.signal-grid {
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr;
    gap: 20px;
}

.signal-card {
    position: relative;
    overflow: hidden;
}

.signal-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top right, rgba(125,211,252,0.08), transparent 45%);
    pointer-events: none;
}

.signal-card-primary {
    min-height: 280px;
}

.signal-card-primary h3 {
    font-size: 1.75rem;
    line-height: 1.05;
}

.signal-footer {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 28px;
}

.signal-line {
    display: inline-block;
    width: 42px;
    height: 1px;
    background: rgba(125, 211, 252, 0.5);
}

.signal-label {
    font-size: 0.72rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #7dd3fc;
}

@media (max-width: 960px) {
    .split-head {
        flex-direction: column;
        align-items: start;
    }

    .signal-note {
        white-space: normal;
    }

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

    .signal-card-primary {
        min-height: auto;
    }
}

.systems-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 20px;
}

.system-card {
    position: relative;
    overflow: hidden;
}

.system-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top left, rgba(167,139,250,0.08), transparent 45%);
    pointer-events: none;
}

.system-card-primary {
    min-height: 300px;
}

.system-card-primary h3 {
    font-size: 1.9rem;
    line-height: 1.05;
}

.system-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 24px;
}

.system-stat {
    min-width: 88px;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.03);
}

.system-stat-value {
    display: block;
    font-size: 1.2rem;
    font-weight: 700;
    color: #ffffff;
}

.system-stat-label {
    display: block;
    margin-top: 4px;
    font-size: 0.68rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--muted);
}

@media (max-width: 960px) {
    .systems-grid {
        grid-template-columns: 1fr;
    }

    .system-card-primary {
        min-height: auto;
    }
}

.tools-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr;
    gap: 20px;
}

.tool-card {
    position: relative;
    overflow: hidden;
}

.tool-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at bottom right, rgba(125,211,252,0.08), transparent 45%);
    pointer-events: none;
}

.tool-card-primary {
    min-height: 260px;
}

.tool-card-primary h3 {
    font-size: 1.8rem;
    line-height: 1.05;
}

@media (max-width: 960px) {
    .tools-grid {
        grid-template-columns: 1fr;
    }

    .tool-card-primary {
        min-height: auto;
    }
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 50;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    background: rgba(2,2,4,0.72);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 84px;
}

.site-brand-wrap {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.site-brand {
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.site-brand-sub {
    font-size: 0.68rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--muted);
}

.primary-menu {
    display: flex;
    align-items: center;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.primary-menu li {
    margin: 0;
}

.primary-menu a {
    color: rgba(255,255,255,0.76);
    font-size: 0.94rem;
    transition: color 180ms ease;
}

.primary-menu a:hover {
    color: #ffffff;
}

.site-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

.site-actions .button {
    white-space: nowrap;
}

@media (max-width: 1100px) {
    .header-inner {
        flex-wrap: wrap;
        justify-content: center;
        padding: 18px 0;
    }

    .site-brand-wrap {
        width: 100%;
        align-items: center;
    }

    .site-nav {
        width: 100%;
    }

    .primary-menu {
        justify-content: center;
        flex-wrap: wrap;
    }

    .site-actions {
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
    }
}

/* === REFINEMENT PASS 1: TYPOGRAPHY + SPACING === */

/* Section spacing */
section {
    margin-bottom: 80px;
}

/* Headings */
h1 {
    font-size: 42px;
    line-height: 1.15;
    letter-spacing: -0.02em;
    margin-bottom: 16px;
}

h2 {
    font-size: 28px;
    line-height: 1.2;
    letter-spacing: -0.01em;
    margin-bottom: 12px;
}

h3 {
    font-size: 18px;
    line-height: 1.35;
    margin-bottom: 8px;
}

/* Paragraphs */
p {
    font-size: 15px;
    line-height: 1.6;
    opacity: 0.85;
}

/* Card spacing */
.card {
    padding: 20px;
}

/* Primary cards slightly stronger */
.tool-card-primary,
.venture-card-primary {
    padding: 24px;
}

/* Grid spacing */
.tools-grid,
.ventures-grid,
.signals-grid {
    gap: 20px;
}

/* Pill refinement */
.pill {
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.7;
}

/* === REFINEMENT PASS 2: CARD QUALITY === */

/* Base card */
.card {
    background: rgba(255,255,255,0.02);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 12px;
    transition: all 0.25s ease;
}

/* Hover interaction */
.card:hover {
    transform: translateY(-4px);
    border-color: rgba(255,255,255,0.12);
    box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}

/* Primary card emphasis */
.tool-card-primary,
.venture-card-primary {
    border-color: rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.04);
}

/* Link refinement */
.card a {
    transition: opacity 0.2s ease;
}

.card a:hover {
    opacity: 0.7;
}

/* Topline spacing */
.card-topline {
    margin-bottom: 10px;
}

/* Title refinement */
.card h3 {
    font-weight: 600;
}

/* Description tightening */
.card p {
    margin-bottom: 10px;
}

/* === REFINEMENT PASS 3: VISUAL BALANCE === */

.card {
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.card:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,0.22);
}

.tool-card-primary,
.venture-card-primary,
.signal-card-primary,
.system-card-primary {
    background: rgba(255,255,255,0.05);
    border-color: rgba(255,255,255,0.14);
}

.section-copy,
.hero-copy,
.card p {
    opacity: 0.78;
}

.pill {
    opacity: 0.62;
}

.signal-note {
    background: rgba(255,255,255,0.03);
    border-color: rgba(255,255,255,0.08);
}

.card-topline {
    opacity: 0.92;
}

/* === REFINEMENT PASS 4: MOBILE + RESPONSIVE === */

@media (max-width: 768px) {

    section {
        margin-bottom: 48px;
    }

    h1 {
        font-size: 30px;
        line-height: 1.2;
    }

    h2 {
        font-size: 22px;
    }

    h3 {
        font-size: 16px;
    }

    p {
        font-size: 14px;
        line-height: 1.5;
    }

    .card {
        padding: 16px;
    }

    .tool-card-primary,
    .venture-card-primary {
        padding: 18px;
    }

    .tools-grid,
    .ventures-grid,
    .signals-grid {
        gap: 14px;
    }

    .card:hover {
        transform: none;
        box-shadow: none;
    }
}

/* ========================================
   PHASE 4B SHARED CARD SYSTEM OVERRIDE
   ======================================== */

.card-grid,
.signal-grid,
.tool-grid,
.vt-grid {
    display: grid;
    gap: 24px;
}

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

.cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.card,
.signal-card,
.tool-card,
.metric-card,
.overview-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.03);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.card:hover,
.signal-card:hover,
.tool-card:hover,
.metric-card:hover,
.overview-card:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 255, 255, 0.16);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.24);
}

.card-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 2px;
}

.pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.88);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.card h3,
.signal-card h3,
.tool-card h3,
.overview-card h2 {
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.25;
}

.card p,
.signal-card p,
.tool-card p,
.overview-card p {
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.6;
}

.card-meta,
.system-stats,
.signal-footer,
.card-link {
    margin-top: auto;
}

.tier-t1,
.state-active {
    border-color: rgba(110, 231, 183, 0.35);
    background: linear-gradient(180deg, rgba(16, 185, 129, 0.10), rgba(255, 255, 255, 0.03));
}

.tier-t2,
.state-building {
    border-color: rgba(96, 165, 250, 0.32);
    background: linear-gradient(180deg, rgba(59, 130, 246, 0.10), rgba(255, 255, 255, 0.03));
}

.tier-t3,
.state-early {
    border-color: rgba(244, 114, 182, 0.28);
    background: linear-gradient(180deg, rgba(236, 72, 153, 0.08), rgba(255, 255, 255, 0.03));
}

.signal-card-primary,
.tool-card-primary {
    border-color: rgba(255, 255, 255, 0.18);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
}

.metric-card {
    min-height: 120px;
    justify-content: center;
}

.metric-card strong {
    display: block;
    margin-bottom: 8px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.85rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.metric-card div {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
}

.venture-single {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.venture-metrics,
.signal-grid,
.tool-grid {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.venture-tier,
.venture-state {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 30px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.10);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

@media (max-width: 900px) {
    .cols-2,
    .cols-3,
    .venture-metrics,
    .signal-grid,
    .tool-grid {
        grid-template-columns: 1fr;
    }

    .card,
    .signal-card,
    .tool-card,
    .metric-card,
    .overview-card {
        padding: 20px;
    }
}

/* ========================================
   PHASE 4B SINGLE VENTURE POLISH
   ======================================== */

.venture-single {
    max-width: 1200px;
    margin: 0 auto;
    gap: 32px;
}

.venture-hero {
    gap: 18px;
    margin-bottom: 4px;
}

.venture-hero h1 {
    margin: 0;
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1.05;
    letter-spacing: -0.03em;
}

.venture-hero .card-topline {
    margin-bottom: 0;
}

.venture-metrics {
    margin-top: 4px;
    margin-bottom: 4px;
}

.venture-content,
.venture-signals,
.venture-tools {
    gap: 18px;
}

.venture-content {
    padding: 24px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.venture-signals h2,
.venture-tools h2 {
    margin: 0 0 4px;
    font-size: 1.35rem;
    line-height: 1.2;
}

.venture-feed-link {
    margin-top: 4px;
}

.venture-feed-link a {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.10);
    text-decoration: none;
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.venture-feed-link a:hover {
    transform: translateY(-1px);
    border-color: rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.09);
}

@media (max-width: 900px) {
    .venture-single {
        gap: 24px;
    }

    .venture-content {
        padding: 20px;
    }

    .venture-hero h1 {
        font-size: 2rem;
    }
}

/* Phase 4C — Venture Archive Navigation */
.venture-archive-header,
.venture-card {
    display: grid;
    gap: 1rem;
}

.venture-archive-intro {
    max-width: 62ch;
    margin: 0;
}

.venture-card-top,
.venture-card-status,
.venture-card-actions,
.venture-metrics {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: center;
}

.venture-card-title {
    margin: 0;
}

.venture-card-title a {
    text-decoration: none;
}

.venture-card-title a:hover {
    text-decoration: underline;
}

.venture-metrics {
    opacity: .82;
}

@media (max-width: 720px) {
    .venture-card-top,
    .venture-card-status,
    .venture-card-actions,
    .venture-metrics {
        align-items: stretch;
    }
}

/* Phase 4C — Single Venture Navigation */
.venture-hero-card,
.venture-content-card,
.section-head,
.signal-card,
.tool-card {
    display: grid;
    gap: 1rem;
}

.venture-hero-topline,
.venture-hero-actions,
.section-head-actions,
.signal-card-links,
.tool-card-links {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: center;
}

.venture-body > :last-child,
.signal-card-excerpt > :last-child,
.tool-card-excerpt > :last-child {
    margin-bottom: 0;
}

.signal-card h3,
.tool-card h3,
.section-head h2 {
    margin: 0;
}

.signal-card h3 a,
.tool-card h3 a {
    text-decoration: none;
}

.signal-card h3 a:hover,
.tool-card h3 a:hover {
    text-decoration: underline;
}

@media (max-width: 720px) {
    .venture-hero-topline,
    .venture-hero-actions,
    .section-head-actions,
    .signal-card-links,
    .tool-card-links {
        align-items: stretch;
    }
}

/* Phase 4C — Consistency Layer */
.venture-archive,
.venture-single,
.signal-feed-header,
.signal-active-state,
.venture-signals,
.venture-tools {
    gap: 1.5rem;
}

.venture-archive-header h1,
.signal-feed-header h1,
.venture-hero-card h1,
.section-head h2 {
    margin: 0;
    line-height: 1;
    letter-spacing: -0.03em;
}

.venture-grid,
.signal-feed-grid,
.signal-grid,
.tool-grid,
.venture-metrics .vt-grid,
.venture-metrics {
    gap: 1.25rem;
}

.venture-card,
.signal-card,
.tool-card,
.metric-card,
.section-head,
.signal-feed-header,
.signal-active-state,
.venture-hero-card,
.venture-content-card {
    border-radius: 22px;
}

.venture-card-top,
.signal-card-top,
.venture-card-status,
.venture-card-actions,
.signal-card-context,
.signal-card-actions,
.venture-hero-actions,
.section-head-actions,
.signal-card-links,
.tool-card-links,
.signal-filter-controls,
.signal-filter-meta {
    gap: .625rem;
}

.venture-metrics,
.signal-results-count,
.signal-card-date,
.venture-archive-intro,
.signal-feed-intro,
.venture-content-card p,
.signal-card-excerpt,
.tool-card-excerpt {
    color: var(--muted);
}

.venture-card-title,
.signal-card-title,
.section-head h2,
.signal-card h3,
.tool-card h3 {
    letter-spacing: -0.02em;
}

.venture-card-title a,
.signal-card-title a,
.signal-card h3 a,
.tool-card h3 a {
    transition: opacity .2s ease;
}

.venture-card-title a:hover,
.signal-card-title a:hover,
.signal-card h3 a:hover,
.tool-card h3 a:hover {
    opacity: .9;
}

.signal-filter-controls select,
.pill,
.button,
.button-primary,
.button-secondary {
    min-height: 44px;
}

.section-head,
.signal-active-state,
.venture-archive-header,
.signal-feed-header,
.venture-hero-card {
    background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));
}

@media (max-width: 960px) {
    .venture-grid,
    .signal-feed-grid,
    .signal-grid,
    .tool-grid,
    .venture-metrics .vt-grid {
        grid-template-columns: 1fr;
    }
}

/* Phase 4D — Interaction Polish */
.pill,
.button,
.button-primary,
.button-secondary,
.signal-filter-controls select {
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, opacity .18s ease;
}

.pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .72rem 1rem;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.05);
    line-height: 1;
    font-weight: 500;
}

.pill:hover {
    transform: translateY(-1px);
    border-color: rgba(125,211,252,0.28);
    box-shadow: 0 8px 24px rgba(0,0,0,0.24);
}

.pill-ghost {
    background: rgba(255,255,255,0.02);
    border-color: rgba(255,255,255,0.10);
    color: rgba(255,255,255,0.88);
}

.pill-ghost:hover {
    background: rgba(255,255,255,0.05);
    border-color: rgba(255,255,255,0.18);
}

.venture-card-actions .pill:first-child,
.signal-card-actions .pill:first-child,
.venture-hero-actions .pill:first-child,
.section-head-actions .pill:first-child {
    background: linear-gradient(135deg, rgba(125,211,252,0.22), rgba(167,139,250,0.18));
    border-color: rgba(125,211,252,0.26);
}

.venture-card-actions .pill:first-child:hover,
.signal-card-actions .pill:first-child:hover,
.venture-hero-actions .pill:first-child:hover,
.section-head-actions .pill:first-child:hover {
    border-color: rgba(125,211,252,0.42);
    box-shadow: 0 10px 28px rgba(125,211,252,0.12);
}

.card,
.signal-card,
.tool-card,
.venture-card,
.metric-card,
.section-head {
    position: relative;
}

.venture-card:hover,
.signal-card:hover,
.tool-card:hover,
.metric-card:hover,
.section-head:hover {
    transform: translateY(-3px);
}

.venture-card::after,
.signal-card::after,
.tool-card::after,
.metric-card::after,
.section-head::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}

.venture-card-title a,
.signal-card-title a,
.signal-card h3 a,
.tool-card h3 a {
    text-decoration-thickness: 1px;
    text-underline-offset: 0.16em;
}

.venture-card-title a:hover,
.signal-card-title a:hover,
.signal-card h3 a:hover,
.tool-card h3 a:hover {
    text-decoration: underline;
}

.venture-card-status,
.venture-metrics,
.signal-card-context,
.signal-card-actions,
.signal-card-links,
.tool-card-links {
    padding-top: .125rem;
}

.signal-card-excerpt,
.tool-card-excerpt,
.venture-content-card p {
    line-height: 1.6;
}

.section-head .card-topline,
.signal-feed-header .card-topline,
.signal-active-state .card-topline,
.venture-archive-header .card-topline,
.venture-hero-card .card-topline {
    opacity: .9;
}

.signal-filter-controls select:hover {
    border-color: rgba(255,255,255,0.2);
}

.signal-filter-controls select:focus,
.pill:focus,
.button:focus,
.button-primary:focus,
.button-secondary:focus,
.venture-card-title a:focus,
.signal-card-title a:focus,
.signal-card h3 a:focus,
.tool-card h3 a:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(125,211,252,0.22);
    border-color: rgba(125,211,252,0.4);
}

@media (max-width: 720px) {
    .pill,
    .button,
    .button-primary,
    .button-secondary {
        width: 100%;
    }

    .venture-card-actions .pill:first-child,
    .signal-card-actions .pill:first-child,
    .venture-hero-actions .pill:first-child,
    .section-head-actions .pill:first-child {
        width: 100%;
    }
}

/* Phase 4D — Mobile Polish */
@media (max-width: 720px) {
    .card,
    .venture-card,
    .signal-card,
    .tool-card,
    .metric-card,
    .section-head,
    .signal-feed-header,
    .signal-active-state,
    .venture-hero-card,
    .venture-content-card {
        padding: 18px;
        border-radius: 18px;
    }

    .venture-archive,
    .venture-single,
    .venture-signals,
    .venture-tools {
        gap: 1.125rem;
    }

    .venture-grid,
    .signal-feed-grid,
    .signal-grid,
    .tool-grid,
    .venture-metrics,
    .venture-metrics .vt-grid {
        gap: 1rem;
    }

    .venture-archive-header h1,
    .signal-feed-header h1,
    .venture-hero-card h1,
    .section-head h2 {
        line-height: 1.05;
    }

    .venture-card-top,
    .venture-card-status,
    .venture-card-actions,
    .venture-metrics,
    .signal-card-top,
    .signal-card-context,
    .signal-card-actions,
    .venture-hero-topline,
    .venture-hero-actions,
    .section-head-actions,
    .signal-card-links,
    .tool-card-links,
    .signal-filter-controls,
    .signal-filter-meta {
        gap: .5rem;
    }

    .venture-card-actions .pill,
    .signal-card-actions .pill,
    .venture-hero-actions .pill,
    .section-head-actions .pill,
    .signal-card-links .pill,
    .tool-card-links .pill,
    .signal-card-context .pill,
    .signal-filter-controls .pill,
    .signal-filter-meta .pill {
        width: 100%;
        justify-content: center;
    }

    .signal-filter-controls {
        display: grid;
        grid-template-columns: 1fr;
    }

    .signal-filter-controls select {
        width: 100%;
        min-width: 0;
    }

    .signal-filter-meta {
        display: grid;
        grid-template-columns: 1fr;
    }

    .signal-results-count {
        font-size: .92rem;
    }

    .venture-card-title,
    .signal-card-title,
    .signal-card h3,
    .tool-card h3 {
        line-height: 1.15;
    }

    .signal-card-excerpt,
    .tool-card-excerpt,
    .venture-content-card p,
    .venture-archive-intro,
    .signal-feed-intro {
        font-size: .96rem;
    }
}

/* Phase 4D — Micro Typography / Density */
.venture-archive-header .card-topline,
.signal-feed-header .card-topline,
.signal-active-state .card-topline,
.venture-hero-card .card-topline,
.section-head .card-topline,
.signal-card-top .card-topline,
.tool-card .card-topline {
    font-size: .72rem;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.venture-archive-header h1,
.signal-feed-header h1,
.venture-hero-card h1 {
    font-size: clamp(2.2rem, 4.4vw, 3.6rem);
}

.venture-card-title,
.signal-card-title,
.signal-card h3,
.tool-card h3,
.section-head h2 {
    font-weight: 650;
}

.venture-card-title a,
.signal-card-title a,
.signal-card h3 a,
.tool-card h3 a {
    line-height: 1.15;
}

.venture-metrics,
.signal-results-count,
.signal-card-date {
    font-size: .92rem;
}

.metric-card {
    padding-top: 18px;
    padding-bottom: 18px;
}

.metric-card .pill {
    margin-bottom: .35rem;
}

.metric-card > div:last-child {
    font-size: clamp(1.35rem, 2.6vw, 1.85rem);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.03em;
}

.signal-card-excerpt,
.tool-card-excerpt,
.venture-content-card p,
.venture-archive-intro,
.signal-feed-intro {
    max-width: 64ch;
}

.venture-card,
.signal-card,
.tool-card,
.metric-card {
    padding-top: 20px;
    padding-bottom: 20px;
}

.signal-card-excerpt p,
.tool-card-excerpt p,
.venture-body p {
    margin-top: 0;
    margin-bottom: .8rem;
}

.signal-card-excerpt p:last-child,
.tool-card-excerpt p:last-child,
.venture-body p:last-child {
    margin-bottom: 0;
}

.venture-card-status .pill,
.signal-card-context .pill,
.signal-card-links .pill,
.tool-card-links .pill,
.signal-filter-meta .pill {
    font-size: .92rem;
}

@media (max-width: 720px) {
    .venture-archive-header h1,
    .signal-feed-header h1,
    .venture-hero-card h1 {
        font-size: 2rem;
    }

    .metric-card > div:last-child {
        font-size: 1.5rem;
    }

    .venture-metrics,
    .signal-results-count,
    .signal-card-date,
    .venture-card-status .pill,
    .signal-card-context .pill,
    .signal-card-links .pill,
    .tool-card-links .pill,
    .signal-filter-meta .pill {
        font-size: .9rem;
    }
}

/* Phase 4D — Header / Navigation Polish */
.site-header {
    position: sticky;
    top: 0;
    z-index: 40;
    background: rgba(6, 6, 8, 0.82);
    backdrop-filter: blur(14px);
}

.header-inner {
    min-height: 78px;
}

.site-brand {
    letter-spacing: 0.16em;
}

.site-nav a {
    position: relative;
    opacity: 0.86;
    transition: opacity .18s ease;
}

.site-nav a:hover,
.site-nav a:focus {
    opacity: 1;
}

.site-nav a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(125,211,252,0.75), rgba(167,139,250,0.75));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .18s ease;
}

.site-nav a:hover::after,
.site-nav a:focus::after {
    transform: scaleX(1);
}

.venture-archive-header,
.signal-feed-header,
.signal-active-state,
.venture-hero-card,
.section-head {
    position: relative;
    overflow: hidden;
}

.venture-archive-header::before,
.signal-feed-header::before,
.signal-active-state::before,
.venture-hero-card::before,
.section-head::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top right, rgba(125,211,252,0.08), transparent 42%);
    pointer-events: none;
}

.venture-archive-header > *,
.signal-feed-header > *,
.signal-active-state > *,
.venture-hero-card > *,
.section-head > * {
    position: relative;
    z-index: 1;
}

.venture-archive-header,
.signal-feed-header,
.venture-hero-card,
.section-head {
    padding-top: 24px;
    padding-bottom: 24px;
}

.signal-active-state {
    padding-top: 20px;
    padding-bottom: 20px;
}

.venture-archive-header .card-topline,
.signal-feed-header .card-topline,
.signal-active-state .card-topline,
.venture-hero-card .card-topline,
.section-head .card-topline {
    color: rgba(255,255,255,0.78);
}

.venture-archive-header h1,
.signal-feed-header h1,
.venture-hero-card h1,
.section-head h2 {
    max-width: 14ch;
}

.venture-archive-header p,
.signal-feed-header p,
.signal-active-state p,
.venture-content-card p {
    opacity: 0.92;
}

.venture-hero-actions,
.section-head-actions,
.signal-filter-controls,
.signal-filter-meta {
    padding-top: .25rem;
}

@media (max-width: 720px) {
    .site-header {
        position: static;
    }

    .header-inner {
        min-height: auto;
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .site-nav a::after {
        bottom: -4px;
    }

    .venture-archive-header,
    .signal-feed-header,
    .venture-hero-card,
    .section-head,
    .signal-active-state {
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .venture-archive-header h1,
    .signal-feed-header h1,
    .venture-hero-card h1,
    .section-head h2 {
        max-width: none;
    }
}

/* Phase 4D — Final Cleanup / Consolidation */
.venture-card,
.signal-card,
.tool-card,
.metric-card,
.section-head,
.signal-feed-header,
.signal-active-state,
.venture-archive-header,
.venture-hero-card,
.venture-content-card {
    display: grid;
    gap: 1rem;
    border-radius: 22px;
}

.venture-card,
.signal-card,
.tool-card,
.metric-card {
    padding-top: 20px;
    padding-bottom: 20px;
}

.venture-card-top,
.signal-card-top,
.venture-card-status,
.venture-card-actions,
.signal-card-context,
.signal-card-actions,
.venture-hero-topline,
.venture-hero-actions,
.section-head-actions,
.signal-card-links,
.tool-card-links,
.signal-filter-controls,
.signal-filter-meta,
.venture-metrics {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .625rem;
}

.venture-card-title,
.signal-card-title,
.signal-card h3,
.tool-card h3,
.section-head h2 {
    margin: 0;
    letter-spacing: -0.02em;
    font-weight: 650;
}

.venture-card-title a,
.signal-card-title a,
.signal-card h3 a,
.tool-card h3 a {
    text-decoration: none;
    line-height: 1.15;
    transition: opacity .2s ease;
}

.venture-card-title a:hover,
.signal-card-title a:hover,
.signal-card h3 a:hover,
.tool-card h3 a:hover {
    opacity: .9;
    text-decoration: underline;
}

.venture-metrics,
.signal-results-count,
.signal-card-date,
.venture-archive-intro,
.signal-feed-intro,
.venture-content-card p,
.signal-card-excerpt,
.tool-card-excerpt {
    color: var(--muted);
}

.venture-archive-header .card-topline,
.signal-feed-header .card-topline,
.signal-active-state .card-topline,
.venture-hero-card .card-topline,
.section-head .card-topline,
.signal-card-top .card-topline,
.tool-card .card-topline {
    font-size: .72rem;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.pill-ghost {
    background: rgba(255,255,255,0.02);
    border-color: rgba(255,255,255,0.10);
    color: rgba(255,255,255,0.88);
}

.signal-filter-controls select,
.pill,
.button,
.button-primary,
.button-secondary {
    min-height: 44px;
}

@media (max-width: 960px) {
    .venture-grid,
    .signal-feed-grid,
    .signal-grid,
    .tool-grid,
    .venture-metrics .vt-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .card,
    .venture-card,
    .signal-card,
    .tool-card,
    .metric-card,
    .section-head,
    .signal-feed-header,
    .signal-active-state,
    .venture-hero-card,
    .venture-content-card {
        padding: 18px;
        border-radius: 18px;
    }

    .venture-card-top,
    .venture-card-status,
    .venture-card-actions,
    .venture-metrics,
    .signal-card-top,
    .signal-card-context,
    .signal-card-actions,
    .venture-hero-topline,
    .venture-hero-actions,
    .section-head-actions,
    .signal-card-links,
    .tool-card-links,
    .signal-filter-controls,
    .signal-filter-meta {
        align-items: stretch;
        gap: .5rem;
    }

    .venture-card-actions .pill,
    .signal-card-actions .pill,
    .venture-hero-actions .pill,
    .section-head-actions .pill,
    .signal-card-links .pill,
    .tool-card-links .pill,
    .signal-card-context .pill,
    .signal-filter-controls .pill,
    .signal-filter-meta .pill {
        width: 100%;
        justify-content: center;
    }

    .signal-filter-controls,
    .signal-filter-meta {
        display: grid;
        grid-template-columns: 1fr;
    }

    .signal-filter-controls select {
        width: 100%;
        min-width: 0;
    }
}

/* Phase 5 — Venture Archive Content Intelligence */
.venture-card-summary,
.venture-card-context {
    margin: 0;
    color: var(--muted);
}

.venture-card-summary {
    max-width: 58ch;
    line-height: 1.6;
}

.venture-card-context {
    font-size: .95rem;
    opacity: .92;
}

@media (max-width: 720px) {
    .venture-card-summary,
    .venture-card-context {
        font-size: .96rem;
    }
}

/* Phase 5 — Signal Feed Content Intelligence */
.signal-card-summary,
.signal-card-venture-note,
.signal-card-meaning {
    margin: 0;
    color: var(--muted);
}

.signal-card-summary {
    max-width: 58ch;
    line-height: 1.6;
}

.signal-card-venture-note,
.signal-card-meaning {
    font-size: .95rem;
    opacity: .92;
}

@media (max-width: 720px) {
    .signal-card-summary,
    .signal-card-venture-note,
    .signal-card-meaning {
        font-size: .96rem;
    }
}

/* Phase 5 — Single Venture Content Intelligence */
.venture-hero-summary,
.venture-hero-context,
.section-head-copy,
.tool-card-summary {
    margin: 0;
    color: var(--muted);
}

.venture-hero-summary {
    max-width: 60ch;
    line-height: 1.65;
}

.venture-hero-context,
.section-head-copy,
.tool-card-summary {
    font-size: .95rem;
    opacity: .92;
}

@media (max-width: 720px) {
    .venture-hero-summary,
    .venture-hero-context,
    .section-head-copy,
    .tool-card-summary {
        font-size: .96rem;
    }
}

/* Phase 5 — Ecosystem Overview Content Intelligence */
.ecosystem-overview-hero,
.ecosystem-state-summary,
.ecosystem-overview-card {
    display: grid;
    gap: 1rem;
}

.ecosystem-overview-intro,
.ecosystem-state-copy,
.ecosystem-overview-card-summary,
.ecosystem-overview-card-context {
    margin: 0;
    color: var(--muted);
}

.ecosystem-overview-intro,
.ecosystem-overview-card-summary {
    max-width: 60ch;
    line-height: 1.6;
}

.ecosystem-overview-actions,
.ecosystem-state-pills,
.ecosystem-overview-card-top,
.ecosystem-overview-card-status,
.ecosystem-overview-card-metrics,
.ecosystem-overview-card-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .625rem;
}

.ecosystem-overview-card-title {
    margin: 0;
}

.ecosystem-overview-card-title a {
    text-decoration: none;
}

.ecosystem-overview-card-title a:hover {
    text-decoration: underline;
}

.ecosystem-overview-card-context,
.ecosystem-state-copy {
    font-size: .95rem;
    opacity: .92;
}

@media (max-width: 720px) {
    .ecosystem-overview-actions,
    .ecosystem-state-pills,
    .ecosystem-overview-card-top,
    .ecosystem-overview-card-status,
    .ecosystem-overview-card-metrics,
    .ecosystem-overview-card-actions {
        align-items: stretch;
        gap: .5rem;
    }

    .ecosystem-overview-actions .pill,
    .ecosystem-state-pills .pill,
    .ecosystem-overview-card-actions .pill {
        width: 100%;
        justify-content: center;
    }

    .ecosystem-overview-card-context,
    .ecosystem-state-copy {
        font-size: .96rem;
    }
}

/* Phase 5 — Relationship Language Refinement */
.signal-card-relationship,
.tool-card-relationship {
    margin: 0;
    color: var(--muted);
    font-size: .95rem;
    opacity: .92;
}

@media (max-width: 720px) {
    .signal-card-relationship,
    .tool-card-relationship {
        font-size: .96rem;
    }
}

/* Phase 5 — Signal Feed Relationship Language */
.signal-card-relationship {
    margin: 0;
    color: var(--muted);
    font-size: .95rem;
    opacity: .92;
}

@media (max-width: 720px) {
    .signal-card-relationship {
        font-size: .96rem;
    }
}

/* Phase 5 — Ecosystem Overview Relationship Language */
.ecosystem-overview-card-relationship {
    margin: 0;
    color: var(--muted);
    font-size: .95rem;
    opacity: .92;
}

@media (max-width: 720px) {
    .ecosystem-overview-card-relationship {
        font-size: .96rem;
    }
}

/* Phase 5 — Venture Archive Relationship Language */
.venture-card-relationship {
    margin: 0;
    color: var(--muted);
    font-size: .95rem;
    opacity: .92;
}

@media (max-width: 720px) {
    .venture-card-relationship {
        font-size: .96rem;
    }
}

/* Phase 5 — Single Venture System Note */
.venture-system-note {
    margin: 0;
    color: var(--muted);
    font-size: .95rem;
    opacity: .92;
}

@media (max-width: 720px) {
    .venture-system-note {
        font-size: .96rem;
    }
}

/* Phase 5 — Signal Feed Safe Relationship Note */
.signal-card-relationship {
    margin: 0;
    color: var(--muted);
    font-size: .95rem;
    opacity: .92;
}

@media (max-width: 720px) {
    .signal-card-relationship {
        font-size: .96rem;
    }
}

/* Phase 5 — Ecosystem State Relationship Note */
.ecosystem-state-relationship {
    margin: 0;
    color: var(--muted);
    font-size: .95rem;
    opacity: .92;
}

@media (max-width: 720px) {
    .ecosystem-state-relationship {
        font-size: .96rem;
    }
}

/* Phase 5 — Ecosystem Overview Hero System Note */
.ecosystem-overview-system-note {
    margin: 0;
    color: var(--muted);
    font-size: .95rem;
    opacity: .92;
}

@media (max-width: 720px) {
    .ecosystem-overview-system-note {
        font-size: .96rem;
    }
}

.overview-relevance {
    margin-top: 8px;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    opacity: 0.82;
}

.overview-system-note {
    margin: 14px 0 16px;
    padding: 12px 14px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 0.95rem;
    line-height: 1.55;
}

.overview-system-note strong {
    display: inline-block;
    margin-right: 6px;
}

.venture-card-relevance {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 12px 0 0;
}

.venture-card-why-now {
    margin: 14px 0 0;
    padding: 12px 14px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    line-height: 1.55;
}

.venture-card-why-now strong {
    margin-right: 6px;
}

.signal-card-relevance {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 14px 0 0;
}

.signal-card-why-now {
    margin: 14px 0 0;
    padding: 12px 14px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    line-height: 1.55;
}

.signal-card-why-now strong {
    margin-right: 6px;
}

.venture-hero-relevance,
.tool-card-relevance,
.ecosystem-overview-card-relevance {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 14px 0 0;
}

.venture-why-now,
.tool-card-why-now,
.ecosystem-overview-card-why-now {
    margin: 14px 0 0;
    padding: 12px 14px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    line-height: 1.55;
}

.venture-why-now strong,
.tool-card-why-now strong,
.ecosystem-overview-card-why-now strong {
    margin-right: 6px;
}

/* =========================
   Phase 7B — Mobile density and wrap control
   ========================= */

.signal-card-context,
.signal-card-actions,
.venture-card-actions,
.ecosystem-overview-card-actions,
.signal-card-relevance,
.venture-relevance,
.ecosystem-overview-card-relevance {
    row-gap: 0.5rem;
}

.signal-card-context .pill,
.signal-card-actions .pill,
.venture-card-actions .pill,
.ecosystem-overview-card-actions .pill,
.signal-card-relevance .pill,
.venture-relevance .pill,
.ecosystem-overview-card-relevance .pill {
    white-space: normal;
    text-align: center;
}

.signal-card-context-label {
    display: inline-flex;
    align-items: center;
    font-size: 0.82rem;
    opacity: 0.72;
    margin-right: 0.35rem;
}

@media (max-width: 767px) {
    .signal-card-context {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.5rem;
    }

    .signal-card-context-label {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.1rem;
    }

    .signal-card-relevance,
    .venture-relevance,
    .ecosystem-overview-card-relevance {
        gap: 0.45rem;
    }

    .signal-card-summary,
    .signal-card-meaning,
    .signal-card-why-now,
    .signal-card-relationship,
    .venture-card-relationship,
    .venture-why-now,
    .ecosystem-overview-card-meaning,
    .ecosystem-overview-card-why-now {
        line-height: 1.6;
    }
}

/* =========================
   Phase 7C — Secondary link density
   ========================= */

.section-head-actions,
.signal-card-links,
.tool-card-links {
    margin-top: 0.85rem;
}

.section-head-actions .pill,
.signal-card-links .pill,
.tool-card-links .pill {
    min-height: 40px;
    padding: 0.62rem 0.9rem;
}

.signal-card-links .pill,
.tool-card-links .pill {
    opacity: 0.9;
}

@media (max-width: 767px) {
    .section-head-actions,
    .signal-card-links,
    .tool-card-links {
        margin-top: 0.7rem;
    }

    .section-head-actions .pill,
    .signal-card-links .pill,
    .tool-card-links .pill {
        width: auto;
        max-width: 100%;
    }
}

/* =========================
   Phase 7D — Section hierarchy and scan rhythm
   ========================= */

.section-head {
    padding-bottom: 1.1rem;
}

.section-head .card-topline {
    margin-bottom: 0.45rem;
    opacity: 0.72;
    letter-spacing: 0.08em;
}

.section-head h2 {
    margin-bottom: 0.5rem;
}

.section-head-copy {
    margin-top: 0;
    margin-bottom: 0.9rem;
    max-width: 58ch;
    line-height: 1.6;
}

.signal-card .card-topline,
.tool-card .card-topline,
.venture-content-card .card-topline,
.metric-card .pill {
    margin-bottom: 0.45rem;
}

.signal-card h3,
.tool-card h3 {
    margin-bottom: 0.55rem;
}

.signal-card-summary,
.tool-card-summary {
    margin-top: 0;
    margin-bottom: 0.8rem;
}

.signal-card-relevance,
.tool-card-relevance {
    margin-top: 0;
    margin-bottom: 0.8rem;
}

.signal-card-why-now,
.tool-card-why-now,
.signal-card-relationship,
.tool-card-relationship {
    margin-top: 0.8rem;
}

@media (max-width: 767px) {
    .section-head {
        padding-bottom: 0.95rem;
    }

    .section-head-copy {
        margin-bottom: 0.75rem;
    }

    .signal-card h3,
    .tool-card h3 {
        margin-bottom: 0.45rem;
    }
}

/* =========================
   Phase 7E — Hero vs section action rhythm
   ========================= */

.venture-hero-actions {
    margin-top: 1.15rem;
    gap: 0.8rem;
}

.venture-hero-actions .pill {
    min-height: 46px;
    padding: 0.72rem 1rem;
}

.section-head-actions {
    padding-top: 0.1rem;
}

.section-head-actions .pill {
    min-height: 38px;
}

@media (max-width: 767px) {
    .venture-hero-actions {
        gap: 0.65rem;
    }

    .venture-hero-actions .pill {
        width: 100%;
    }
}

/* =========================
   Phase 7F — Archive card scan rhythm
   ========================= */

.venture-card h2,
.ecosystem-overview-card h3 {
    margin-bottom: 0.5rem;
}

.venture-card-relationship,
.ecosystem-overview-card-meaning {
    margin-top: 0.75rem;
    margin-bottom: 0.8rem;
}

.venture-metrics,
.ecosystem-overview-card-metrics {
    margin-top: 0;
    margin-bottom: 0.85rem;
}

.venture-card-actions,
.ecosystem-overview-card-actions {
    margin-top: 0.85rem;
}

@media (max-width: 767px) {
    .venture-card h2,
    .ecosystem-overview-card h3 {
        margin-bottom: 0.45rem;
    }

    .venture-card-relationship,
    .ecosystem-overview-card-meaning {
        margin-bottom: 0.7rem;
    }
}

/* =========================
   Phase 7 Pass 2A — Single venture desktop width
   ========================= */

@media (min-width: 1100px) {
    body.single-venture .venture-hero .vt-shell,
    body.single-venture .venture-metrics.vt-shell,
    body.single-venture .venture-content.vt-shell,
    body.single-venture .venture-signals.vt-shell,
    body.single-venture .venture-tools.vt-shell {
        max-width: 1120px;
    }

    body.single-venture .venture-content-card,
    body.single-venture .section-head.card {
        max-width: none;
    }

    body.single-venture .signal-grid,
    body.single-venture .tool-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* =========================
   Phase 7 Pass 2B — Single venture desktop width pass 2
   ========================= */

@media (min-width: 1280px) {
    body.single-venture .venture-hero .vt-shell,
    body.single-venture .venture-metrics.vt-shell,
    body.single-venture .venture-content.vt-shell,
    body.single-venture .venture-signals.vt-shell,
    body.single-venture .venture-tools.vt-shell {
        max-width: 1280px;
    }

    body.single-venture .venture-metrics .vt-grid.cols-2 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    body.single-venture .venture-hero .card,
    body.single-venture .venture-content-card,
    body.single-venture .section-head.card {
        max-width: none;
    }

    body.single-venture .signal-grid,
    body.single-venture .tool-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem;
    }
}

/* =========================
   Phase 7 Pass 2C — Single venture desktop width pass 3
   ========================= */

@media (min-width: 1400px) {
    body.single-venture .venture-hero .vt-shell,
    body.single-venture .venture-metrics.vt-shell,
    body.single-venture .venture-content.vt-shell,
    body.single-venture .venture-signals.vt-shell,
    body.single-venture .venture-tools.vt-shell {
        max-width: 1440px;
    }

    body.single-venture .venture-hero .card,
    body.single-venture .venture-content-card,
    body.single-venture .section-head.card {
        width: 100%;
        max-width: none;
    }

    body.single-venture .venture-body,
    body.single-venture .section-head-copy,
    body.single-venture .signal-card-summary,
    body.single-venture .tool-card-summary,
    body.single-venture .signal-card-relationship,
    body.single-venture .tool-card-relationship {
        max-width: 78ch;
    }

    body.single-venture .signal-grid,
    body.single-venture .tool-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.15rem;
    }
}

/* =========================
   Phase 7 Pass 2D — Single venture vertical rhythm
   ========================= */

body.single-venture .venture-hero {
    margin-bottom: 1.25rem;
}

body.single-venture .venture-metrics {
    margin-top: 0;
    margin-bottom: 1rem;
}

body.single-venture .venture-content {
    margin-top: 0;
    margin-bottom: 1.15rem;
}

body.single-venture .venture-signals {
    margin-top: 0;
    margin-bottom: 1.15rem;
}

body.single-venture .venture-tools {
    margin-top: 0;
}

body.single-venture .venture-content-card {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

@media (min-width: 1280px) {
    body.single-venture .venture-hero .card {
        padding-bottom: 1.1rem;
    }

    body.single-venture .venture-metrics .metric-card {
        min-height: 0;
    }
}

@media (max-width: 767px) {
    body.single-venture .venture-hero {
        margin-bottom: 1rem;
    }

    body.single-venture .venture-content,
    body.single-venture .venture-signals {
        margin-bottom: 1rem;
    }
}

/* =========================
   Phase 7 Pass 2E — Single-card section balance
   ========================= */

@media (min-width: 1280px) {
    body.single-venture .signal-grid > .signal-card:only-child {
        grid-column: 1 / -1;
        max-width: none;
    }

    body.single-venture .signal-grid > .signal-card:only-child .signal-card-summary,
    body.single-venture .signal-grid > .signal-card:only-child .signal-card-relationship,
    body.single-venture .signal-grid > .signal-card:only-child .signal-card-why-now {
        max-width: 78ch;
    }
}

/* =========================
   Phase 7 Pass 2F — Hero density reduction
   ========================= */

@media (min-width: 1280px) {
    body.single-venture .venture-hero .card {
        padding-top: 1.15rem;
        padding-bottom: 1rem;
    }

    body.single-venture .venture-hero h1 {
        margin-bottom: 0.6rem;
    }

    body.single-venture .venture-system-note,
    body.single-venture .venture-why-now {
        margin-top: 0.8rem;
    }

    body.single-venture .venture-hero-actions {
        margin-top: 1rem;
    }
}

/* =========================
   Phase 7 Pass 2G — Single venture mobile metrics tighten
   ========================= */

@media (max-width: 767px) {
    body.single-venture .venture-metrics .vt-grid.cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
    }

    body.single-venture .venture-metrics .metric-card {
        min-height: 0;
        padding: 0.9rem;
    }

    body.single-venture .venture-metrics .metric-card .pill {
        margin-bottom: 0.35rem;
    }

    body.single-venture .venture-metrics .metric-card div {
        font-size: 1.9rem;
        line-height: 1;
    }
}

/* =========================
   Phase 7 Pass 2H — Ecosystem overview mobile polish
   ========================= */

@media (max-width: 767px) {
    .ecosystem-overview-hero {
        margin-bottom: 1rem;
    }

    .ecosystem-overview-hero .section-head-actions,
    .ecosystem-overview-hero .overview-hero-actions {
        margin-top: 0.85rem;
    }

    .ecosystem-overview-metrics {
        margin-top: 0;
        margin-bottom: 1rem;
    }

    .ecosystem-overview-metrics .metric-card {
        min-height: 0;
        padding: 0.95rem;
    }

    .ecosystem-overview-metrics .metric-card .pill {
        margin-bottom: 0.35rem;
    }

    .ecosystem-overview-metrics .metric-card div {
        line-height: 1;
    }

    .ecosystem-state-section {
        margin-top: 0;
    }
}

/* =========================
   Phase 7 Pass 2I — Ecosystem hero mobile spacing correction
   ========================= */

@media (max-width: 767px) {
    .ecosystem-overview-hero,
    .ecosystem-overview-hero .card,
    .ecosystem-overview-hero .vt-shell {
        overflow: visible;
    }

    .ecosystem-overview-hero .section-head.card,
    .ecosystem-overview-hero .overview-hero-card,
    .ecosystem-overview-hero .card {
        padding-top: 1.15rem;
    }

    .ecosystem-overview-hero .section-head-actions,
    .ecosystem-overview-hero .overview-hero-actions {
        margin-top: 1rem;
        margin-bottom: 0.2rem;
    }

    .ecosystem-overview-hero .section-head-actions .pill,
    .ecosystem-overview-hero .overview-hero-actions .pill {
        min-height: 44px;
    }
}

/* =========================
   Phase 7 Pass 2J — Ecosystem overview mobile metric centering
   ========================= */

@media (max-width: 767px) {
    .ecosystem-overview-metrics .metric-card,
    .ecosystem-overview-metrics .card {
        text-align: center;
        align-items: center;
        justify-content: center;
    }

    .ecosystem-overview-metrics .metric-card .pill,
    .ecosystem-overview-metrics .card .pill {
        margin-left: auto;
        margin-right: auto;
    }

    .ecosystem-overview-metrics .metric-card > div:last-child,
    .ecosystem-overview-metrics .card > div:last-child {
        width: 100%;
        text-align: center;
    }
}

/* =========================
   Phase 7 Pass 2K — Ecosystem overview desktop metric centering
   ========================= */

@media (min-width: 768px) {
    .ecosystem-overview-metrics .metric-card {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .ecosystem-overview-metrics .metric-card .pill {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0.45rem;
    }

    .ecosystem-overview-metrics .metric-card > div:last-child {
        width: 100%;
        text-align: center;
    }
}

/* =========================
   Phase 8A — Intentional low-content states
   ========================= */

.vt-empty-state {
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.03);
    border-radius: 18px;
    padding: 1.1rem 1.1rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.vt-empty-state-pill {
    display: inline-flex;
    align-self: flex-start;
    padding: 0.28rem 0.58rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: rgba(255,255,255,0.07);
    color: inherit;
}

.vt-empty-state h3 {
    margin: 0;
    font-size: 1rem;
    line-height: 1.3;
}

.vt-empty-state p {
    margin: 0;
    opacity: 0.88;
    line-height: 1.6;
}

.vt-empty-state-link {
    display: inline-flex;
    align-self: flex-start;
    margin-top: 0.1rem;
    font-weight: 600;
    text-decoration: none;
}

.vt-empty-state-link:hover,
.vt-empty-state-link:focus {
    text-decoration: underline;
}

.vt-soft-copy {
    opacity: 0.9;
}

.vt-system-interpretation-default {
    border-left: 3px solid rgba(255,255,255,0.12);
    padding-left: 0.9rem;
}

/* =========================
   Phase 19C Pass 2 — brand system, nav, footer, homepage order polish
   ========================= */

:root {
    --vt-bg-base: #05070B;
    --vt-bg-surface: #0B1020;
    --vt-bg-raised: #101726;
    --vt-accent-primary: #7DD3FC;
    --vt-accent-secondary: #A78BFA;
    --vt-accent-highlight: #38BDF8;
    --vt-accent-glow: #6EE7F9;
    --vt-text-soft: #C7D2E3;
    --vt-text-muted: #8B98B8;
    --vt-brand-gradient: linear-gradient(90deg, #7DD3FC 0%, #A78BFA 100%);
}

.site-header,
.site-footer,
.card,
.metric-card,
.overview-card,
.signal-card,
.tool-card {
    background-color: var(--vt-bg-surface);
}

.site-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    text-decoration: none;
}

.site-brand-icon {
    width: 40px;
    height: 40px;
    display: block;
}

.site-brand-wordmark {
    height: 28px;
    width: auto;
    display: block;
}

.site-brand-sub {
    color: var(--vt-text-muted);
}

.primary-menu a:hover,
.primary-menu a:focus-visible {
    color: var(--vt-accent-primary);
}

.button-primary {
    background: var(--vt-brand-gradient);
    border-color: transparent;
    color: #081018;
    box-shadow: 0 0 0 rgba(0,0,0,0);
}

.button-primary:hover,
.button-primary:focus-visible {
    transform: translateY(-1px);
    box-shadow: 0 0 24px rgba(125, 211, 252, 0.18);
}

.button-secondary:hover,
.button-secondary:focus-visible,
.card:hover,
.metric-card:hover,
.overview-card:hover,
.signal-card:hover,
.tool-card:hover {
    border-color: var(--vt-accent-glow);
    box-shadow: 0 0 28px rgba(110, 231, 249, 0.10);
}

.site-footer {
    margin-top: 4rem;
    padding: 3rem 0 1.5rem;
    border-top: 1px solid rgba(110, 231, 249, 0.12);
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
    gap: 2rem;
}

.footer-col h3 {
    margin-bottom: 0.85rem;
}

.footer-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-col li + li {
    margin-top: 0.55rem;
}

.footer-col a,
.footer-brand p,
.footer-bottom {
    color: var(--vt-text-soft);
}

.footer-col a:hover,
.footer-col a:focus-visible {
    color: var(--vt-accent-primary);
}

.footer-bottom {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(110, 231, 249, 0.08);
    color: var(--vt-text-muted);
}

@media (max-width: 1024px) {
    .footer-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .site-brand-wordmark {
        height: 22px;
    }

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

/* =========================
   Phase 19C Pass 2B — header/footer presentation refinement
   ========================= */

.site-header {
    position: sticky;
    top: 0;
    z-index: 50;
    backdrop-filter: blur(10px);
    background: rgba(5, 7, 11, 0.84);
    border-bottom: 1px solid rgba(110, 231, 249, 0.08);
}

.header-inner {
    min-height: 84px;
    gap: 1.5rem;
    align-items: center;
}

.site-brand-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 220px;
}

.site-brand {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.site-brand-logo-full {
    height: 44px;
    width: auto;
    display: block;
}

.site-brand-sub {
    margin-top: 0.2rem;
    font-size: 0.72rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--vt-text-muted);
}

.site-nav {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
}

.primary-menu {
    display: flex;
    align-items: center;
    gap: 1.1rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.primary-menu a {
    font-size: 0.92rem;
    line-height: 1;
    color: var(--vt-text-soft);
    text-decoration: none;
    transition: color 160ms ease, opacity 160ms ease;
}

.site-actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    justify-content: flex-end;
    min-width: 280px;
}

.site-actions .button {
    min-height: 42px;
    padding: 0.72rem 1rem;
    font-size: 0.88rem;
    white-space: nowrap;
}

.site-footer {
    padding-top: 4rem;
    padding-bottom: 2rem;
}

.footer-brand .site-brand-logo-full {
    height: 40px;
}

.footer-brand p {
    margin-top: 1rem;
    max-width: 420px;
    font-size: 0.98rem;
    line-height: 1.7;
}

.footer-col h3 {
    font-size: 1rem;
    margin-bottom: 1rem;
}

.footer-col a {
    font-size: 0.95rem;
    line-height: 1.55;
    text-decoration: none;
}

.footer-bottom p {
    font-size: 0.88rem;
}

@media (max-width: 1180px) {
    .header-inner {
        min-height: auto;
        padding-top: 1rem;
        padding-bottom: 1rem;
        flex-wrap: wrap;
    }

    .site-nav {
        order: 3;
        width: 100%;
        justify-content: flex-start;
    }

    .primary-menu {
        flex-wrap: wrap;
        gap: 0.9rem 1rem;
    }

    .site-actions {
        min-width: auto;
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    .site-brand-logo-full {
        height: 34px;
    }

    .site-actions .button {
        min-height: 40px;
        padding: 0.68rem 0.9rem;
        font-size: 0.84rem;
    }

    .primary-menu a {
        font-size: 0.88rem;
    }
}

/* =========================
   Phase 19C Pass 2C — presentation correction
   ========================= */

.container {
    max-width: 1240px;
}

.header-inner {
    min-height: 92px;
    gap: 2rem;
}

.site-brand-wrap {
    min-width: 260px;
}

.site-brand-logo-full {
    height: 54px;
    width: auto;
    display: block;
}

.site-brand-sub {
    margin-top: 0.35rem;
    font-size: 0.74rem;
    letter-spacing: 0.18em;
}

.primary-menu {
    gap: 1.25rem;
}

.primary-menu a {
    font-size: 0.95rem;
    font-weight: 500;
}

.site-actions .button {
    min-height: 44px;
    padding: 0.78rem 1.05rem;
    font-size: 0.9rem;
}

.footer-grid {
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    gap: 2.5rem;
}

.footer-brand .site-brand-logo-full {
    height: 50px;
}

.footer-brand p {
    margin-top: 1rem;
    max-width: 460px;
    font-size: 1rem;
}

.footer-col ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-col li {
    list-style: none;
}

.footer-col li + li {
    margin-top: 0.6rem;
}

.footer-col a {
    display: inline-block;
    font-size: 0.96rem;
    line-height: 1.5;
}

.section-header h2,
.section h2 {
    letter-spacing: -0.02em;
}

@media (max-width: 1180px) {
    .site-brand-logo-full {
        height: 44px;
    }

    .header-inner {
        gap: 1rem;
    }

    .site-brand-wrap {
        min-width: 220px;
    }
}

@media (max-width: 768px) {
    .site-brand-logo-full {
        height: 36px;
    }

    .container {
        max-width: 100%;
    }
}

/* =========================
   Phase 19C Pass 2E — logo/footer/order correction
   ========================= */

.site-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
}

.site-brand-icon {
    width: 42px;
    height: 42px;
    display: block;
    object-fit: contain;
    flex: 0 0 auto;
}

.site-brand-wordmark {
    height: 24px;
    width: auto;
    display: block;
    object-fit: contain;
}

.footer-brand .site-brand-icon {
    width: 38px;
    height: 38px;
}

.footer-brand .site-brand-wordmark {
    height: 22px;
}

.site-footer ul,
.site-footer .footer-col ul,
.site-footer .footer-col li {
    list-style: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.site-footer .footer-col li::marker {
    content: "" !important;
}

.site-footer .footer-col li + li {
    margin-top: 0.55rem;
}

@media (max-width: 768px) {
    .site-brand-icon {
        width: 34px;
        height: 34px;
    }

    .site-brand-wordmark {
        height: 20px;
    }
}

/* =========================
   Phase 19C Pass 2F — Start Here insertion + footer polish
   ========================= */

.site-footer {
    margin-top: 5rem;
    padding: 4rem 0 2rem;
    background: #06080d;
    border-top: 1px solid rgba(110, 231, 249, 0.10);
}

.footer-grid {
    display: grid !important;
    grid-template-columns: 1.5fr 1fr 1.1fr 1fr !important;
    gap: 2.5rem !important;
    align-items: start;
}

.footer-brand {
    max-width: 420px;
}

.footer-brand .site-brand {
    margin-bottom: 1rem;
}

.footer-brand p {
    color: var(--vt-text-soft);
    line-height: 1.75;
    margin: 0;
}

.footer-col h3 {
    margin: 0 0 1rem;
    font-size: 1rem;
    color: #ffffff;
}

.site-footer ul,
.site-footer li,
.site-footer .footer-col ul,
.site-footer .footer-col li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.site-footer .footer-col li + li {
    margin-top: 0.65rem !important;
}

.site-footer .footer-col a {
    color: var(--vt-text-soft);
    text-decoration: none;
}

.site-footer .footer-col a:hover,
.site-footer .footer-col a:focus-visible {
    color: var(--vt-accent-primary);
}

.footer-bottom {
    margin-top: 2rem;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(110, 231, 249, 0.08);
}

@media (max-width: 980px) {
    .footer-grid {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 640px) {
    .footer-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =========================
   Phase 19C Pass 2G — footer cleanup after logo reversion
   ========================= */

.site-footer {
    margin-top: 5rem;
    padding: 4rem 0 2rem;
    background: #06080d;
    border-top: 1px solid rgba(110, 231, 249, 0.10);
}

.footer-grid {
    display: grid !important;
    grid-template-columns: 1.45fr 1fr 1fr 1fr !important;
    gap: 2.25rem !important;
    align-items: start;
}

.footer-brand {
    max-width: 440px;
}

.footer-brand .site-brand {
    margin-bottom: 1rem;
}

.footer-brand p {
    margin: 0;
    color: var(--vt-text-soft);
    line-height: 1.7;
    font-size: 0.96rem;
}

.site-footer ul,
.site-footer li,
.site-footer .footer-col ul,
.site-footer .footer-col li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.site-footer .footer-col li::before,
.site-footer .footer-col li::marker {
    content: "" !important;
}

.site-footer .footer-col li + li {
    margin-top: 0.6rem !important;
}

.site-footer .footer-col h3 {
    margin: 0 0 1rem;
    font-size: 1rem;
    color: #fff;
}

.site-footer .footer-col a {
    text-decoration: none;
    color: var(--vt-text-soft);
    font-size: 0.94rem;
    line-height: 1.45;
}

.site-footer .footer-col a:hover,
.site-footer .footer-col a:focus-visible {
    color: var(--vt-accent-primary);
}

.footer-bottom {
    margin-top: 2rem;
    padding-top: 1.2rem;
    border-top: 1px solid rgba(110, 231, 249, 0.08);
}

@media (max-width: 980px) {
    .footer-grid {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 640px) {
    .footer-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =========================
   Phase 19C Pass 2H — footer-only rebuild
   ========================= */

.site-footer {
    margin-top: 5rem;
    padding: 4rem 0 2rem;
    background: #06080d;
    border-top: 1px solid rgba(110, 231, 249, 0.10);
}

.site-footer .footer-grid {
    display: grid !important;
    grid-template-columns: 1.45fr 1fr 1fr 1fr !important;
    gap: 2.25rem !important;
    align-items: start !important;
}

.site-footer .footer-brand {
    max-width: 440px;
}

.site-footer .footer-brand .site-brand {
    margin-bottom: 1rem;
}

.site-footer .footer-brand p {
    margin: 0;
    color: var(--vt-text-soft);
    line-height: 1.7;
    font-size: 0.96rem;
}

.site-footer .footer-col h3 {
    margin: 0 0 1rem;
    font-size: 1rem;
    color: #fff;
}

.site-footer .footer-links {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.site-footer .footer-links a {
    text-decoration: none;
    color: var(--vt-text-soft);
    font-size: 0.94rem;
    line-height: 1.45;
}

.site-footer .footer-links a:hover,
.site-footer .footer-links a:focus-visible {
    color: var(--vt-accent-primary);
}

.site-footer .footer-bottom {
    margin-top: 2rem;
    padding-top: 1.2rem;
    border-top: 1px solid rgba(110, 231, 249, 0.08);
}

@media (max-width: 980px) {
    .site-footer .footer-grid {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 640px) {
    .site-footer .footer-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =========================
   Phase 19C Pass 2I — canonical header/footer reset
   ========================= */

.site-header .site-brand,
.site-footer .site-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.9rem !important;
    text-decoration: none !important;
}

.site-header .site-brand-icon,
.site-footer .site-brand-icon {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    object-fit: contain !important;
    display: block !important;
    flex: 0 0 auto !important;
}

.site-header .site-brand-wordmark,
.site-footer .site-brand-wordmark {
    height: 30px !important;
    width: auto !important;
    object-fit: contain !important;
    display: block !important;
    flex: 0 0 auto !important;
}

.site-header .site-brand-sub {
    display: block !important;
    margin-top: 0.35rem !important;
    font-size: 0.78rem !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--vt-text-muted) !important;
}

.site-header .header-inner {
    min-height: 96px !important;
    display: flex !important;
    align-items: center !important;
    gap: 2rem !important;
}

.site-header .site-brand-wrap {
    min-width: 260px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.site-header .site-nav {
    flex: 1 1 auto !important;
    display: flex !important;
    justify-content: center !important;
}

.site-header .primary-menu {
    display: flex !important;
    align-items: center !important;
    gap: 1.2rem !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.site-header .primary-menu li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.site-header .primary-menu a {
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

.site-header .site-actions {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    min-width: 300px !important;
    justify-content: flex-end !important;
}

.site-footer {
    margin-top: 5rem !important;
    padding: 4rem 0 2rem !important;
    background: #06080d !important;
    border-top: 1px solid rgba(110, 231, 249, 0.10) !important;
}

.site-footer .footer-grid {
    display: grid !important;
    grid-template-columns: 1.45fr 1fr 1fr 1fr !important;
    gap: 2.25rem !important;
    align-items: start !important;
}

.site-footer .footer-brand {
    max-width: 440px !important;
}

.site-footer .footer-brand .site-brand {
    margin-bottom: 1rem !important;
}

.site-footer .footer-brand p {
    margin: 0 !important;
    color: var(--vt-text-soft) !important;
    line-height: 1.7 !important;
    font-size: 0.96rem !important;
}

.site-footer .footer-col h3 {
    margin: 0 0 1rem !important;
    font-size: 1rem !important;
    color: #ffffff !important;
}

.site-footer .footer-links {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.6rem !important;
}

.site-footer ul,
.site-footer ol,
.site-footer li,
.site-footer .footer-col ul,
.site-footer .footer-col li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.site-footer li::before,
.site-footer li::marker {
    content: none !important;
}

.site-footer .footer-links a {
    display: block !important;
    text-decoration: none !important;
    color: var(--vt-text-soft) !important;
    font-size: 0.94rem !important;
    line-height: 1.45 !important;
}

.site-footer .footer-links a:hover,
.site-footer .footer-links a:focus-visible {
    color: var(--vt-accent-primary) !important;
}

.site-footer .footer-bottom {
    margin-top: 2rem !important;
    padding-top: 1.2rem !important;
    border-top: 1px solid rgba(110, 231, 249, 0.08) !important;
}

@media (max-width: 980px) {
    .site-header .header-inner {
        flex-wrap: wrap !important;
        min-height: auto !important;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .site-header .site-nav {
        order: 3 !important;
        width: 100% !important;
        justify-content: flex-start !important;
    }

    .site-header .primary-menu {
        flex-wrap: wrap !important;
    }

    .site-footer .footer-grid {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 640px) {
    .site-header .site-brand-icon,
    .site-footer .site-brand-icon {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
    }

    .site-header .site-brand-wordmark,
    .site-footer .site-brand-wordmark {
        height: 24px !important;
    }

    .site-footer .footer-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =========================
   Phase 19C Pass 2I — canonical header/footer reset
   ========================= */

.site-header .site-brand,
.site-footer .site-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.9rem !important;
    text-decoration: none !important;
}

.site-header .site-brand-icon,
.site-footer .site-brand-icon {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    object-fit: contain !important;
    display: block !important;
    flex: 0 0 auto !important;
}

.site-header .site-brand-wordmark,
.site-footer .site-brand-wordmark {
    height: 30px !important;
    width: auto !important;
    object-fit: contain !important;
    display: block !important;
    flex: 0 0 auto !important;
}

.site-header .site-brand-sub {
    display: block !important;
    margin-top: 0.35rem !important;
    font-size: 0.78rem !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--vt-text-muted) !important;
}

.site-header .header-inner {
    min-height: 96px !important;
    display: flex !important;
    align-items: center !important;
    gap: 2rem !important;
}

.site-header .site-brand-wrap {
    min-width: 260px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.site-header .site-nav {
    flex: 1 1 auto !important;
    display: flex !important;
    justify-content: center !important;
}

.site-header .primary-menu {
    display: flex !important;
    align-items: center !important;
    gap: 1.2rem !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.site-header .primary-menu li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.site-header .primary-menu a {
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

.site-header .site-actions {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    min-width: 300px !important;
    justify-content: flex-end !important;
}

.site-footer {
    margin-top: 5rem !important;
    padding: 4rem 0 2rem !important;
    background: #06080d !important;
    border-top: 1px solid rgba(110, 231, 249, 0.10) !important;
}

.site-footer .footer-grid {
    display: grid !important;
    grid-template-columns: 1.45fr 1fr 1fr 1fr !important;
    gap: 2.25rem !important;
    align-items: start !important;
}

.site-footer .footer-brand {
    max-width: 440px !important;
}

.site-footer .footer-brand .site-brand {
    margin-bottom: 1rem !important;
}

.site-footer .footer-brand p {
    margin: 0 !important;
    color: var(--vt-text-soft) !important;
    line-height: 1.7 !important;
    font-size: 0.96rem !important;
}

.site-footer .footer-col h3 {
    margin: 0 0 1rem !important;
    font-size: 1rem !important;
    color: #ffffff !important;
}

.site-footer .footer-links {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.6rem !important;
}

.site-footer ul,
.site-footer ol,
.site-footer li,
.site-footer .footer-col ul,
.site-footer .footer-col li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.site-footer li::before,
.site-footer li::marker {
    content: none !important;
}

.site-footer .footer-links a {
    display: block !important;
    text-decoration: none !important;
    color: var(--vt-text-soft) !important;
    font-size: 0.94rem !important;
    line-height: 1.45 !important;
}

.site-footer .footer-links a:hover,
.site-footer .footer-links a:focus-visible {
    color: var(--vt-accent-primary) !important;
}

.site-footer .footer-bottom {
    margin-top: 2rem !important;
    padding-top: 1.2rem !important;
    border-top: 1px solid rgba(110, 231, 249, 0.08) !important;
}

@media (max-width: 980px) {
    .site-header .header-inner {
        flex-wrap: wrap !important;
        min-height: auto !important;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .site-header .site-nav {
        order: 3 !important;
        width: 100% !important;
        justify-content: flex-start !important;
    }

    .site-header .primary-menu {
        flex-wrap: wrap !important;
    }

    .site-footer .footer-grid {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 640px) {
    .site-header .site-brand-icon,
    .site-footer .site-brand-icon {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
    }

    .site-header .site-brand-wordmark,
    .site-footer .site-brand-wordmark {
        height: 24px !important;
    }

    .site-footer .footer-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =========================
   Phase 19C Pass 2J — zero-drift stabilization block
   Canonical header/footer presentation source of truth
   ========================= */

html body .site-header .site-brand,
html body .site-footer .site-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.9rem !important;
    text-decoration: none !important;
}

html body .site-header .site-brand-icon,
html body .site-footer .site-brand-icon {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    object-fit: contain !important;
    display: block !important;
    flex: 0 0 auto !important;
}

html body .site-header .site-brand-wordmark,
html body .site-footer .site-brand-wordmark {
    width: auto !important;
    height: 24px !important;
    object-fit: contain !important;
    display: block !important;
    flex: 0 0 auto !important;
}

html body .site-header .site-brand-sub {
    display: block !important;
    margin-top: 0.35rem !important;
    font-size: 0.78rem !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--vt-text-muted) !important;
}

html body .site-header .header-inner {
    min-height: 94px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 2rem !important;
}

html body .site-header .site-brand-wrap {
    min-width: 260px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

html body .site-header .site-nav {
    flex: 1 1 auto !important;
    display: flex !important;
    justify-content: center !important;
}

html body .site-header .primary-menu {
    display: flex !important;
    align-items: center !important;
    gap: 1.2rem !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .site-header .primary-menu li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .site-header .primary-menu a {
    text-decoration: none !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
}

html body .site-header .site-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.75rem !important;
    min-width: 300px !important;
}

html body .site-footer {
    margin-top: 5rem !important;
    padding: 4rem 0 2rem !important;
    background: #06080d !important;
    border-top: 1px solid rgba(110, 231, 249, 0.10) !important;
}

html body .site-footer .footer-grid {
    display: grid !important;
    grid-template-columns: 1.45fr 1fr 1fr 1fr !important;
    gap: 2.25rem !important;
    align-items: start !important;
}

html body .site-footer .footer-brand {
    max-width: 440px !important;
}

html body .site-footer .footer-brand .site-brand {
    margin-bottom: 1rem !important;
}

html body .site-footer .footer-brand p {
    margin: 0 !important;
    color: var(--vt-text-soft) !important;
    line-height: 1.7 !important;
    font-size: 0.96rem !important;
}

html body .site-footer .footer-col h3 {
    margin: 0 0 1rem !important;
    font-size: 1rem !important;
    color: #ffffff !important;
}

html body .site-footer .footer-links {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.6rem !important;
}

html body .site-footer ul,
html body .site-footer ol,
html body .site-footer li,
html body .site-footer .footer-col ul,
html body .site-footer .footer-col li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .site-footer li::before,
html body .site-footer li::marker {
    content: none !important;
}

html body .site-footer .footer-links a {
    display: block !important;
    text-decoration: none !important;
    color: var(--vt-text-soft) !important;
    font-size: 0.94rem !important;
    line-height: 1.45 !important;
}

html body .site-footer .footer-links a:hover,
html body .site-footer .footer-links a:focus-visible {
    color: var(--vt-accent-primary) !important;
}

html body .site-footer .footer-bottom {
    margin-top: 2rem !important;
    padding-top: 1.2rem !important;
    border-top: 1px solid rgba(110, 231, 249, 0.08) !important;
}

@media (max-width: 980px) {
    html body .site-header .header-inner {
        flex-wrap: wrap !important;
        min-height: auto !important;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    html body .site-header .site-nav {
        order: 3 !important;
        width: 100% !important;
        justify-content: flex-start !important;
    }

    html body .site-header .primary-menu {
        flex-wrap: wrap !important;
    }

    html body .site-footer .footer-grid {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 640px) {
    html body .site-header .site-brand-icon,
    html body .site-footer .site-brand-icon {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
    }

    html body .site-header .site-brand-wordmark,
    html body .site-footer .site-brand-wordmark {
        height: 22px !important;
    }

    html body .site-footer .footer-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =========================
   Phase 19C Pass 2K — canonical footer stabilization
   ========================= */

html body .site-footer {
    margin-top: 5rem !important;
    padding: 4rem 0 2rem !important;
    background: #06080d !important;
    border-top: 1px solid rgba(110, 231, 249, 0.10) !important;
}

html body .site-footer .footer-grid {
    display: grid !important;
    grid-template-columns: 1.45fr 1fr 1fr 1fr !important;
    gap: 2.25rem !important;
    align-items: start !important;
}

html body .site-footer .footer-brand {
    max-width: 440px !important;
}

html body .site-footer .footer-brand .site-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.9rem !important;
    margin-bottom: 1rem !important;
    text-decoration: none !important;
}

html body .site-footer .site-brand-icon {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    object-fit: contain !important;
    display: block !important;
}

html body .site-footer .site-brand-wordmark {
    width: auto !important;
    height: 24px !important;
    object-fit: contain !important;
    display: block !important;
}

html body .site-footer .footer-brand p {
    margin: 0 !important;
    color: var(--vt-text-soft) !important;
    line-height: 1.7 !important;
    font-size: 0.96rem !important;
}

html body .site-footer .footer-col h3 {
    margin: 0 0 1rem !important;
    font-size: 1rem !important;
    color: #ffffff !important;
}

html body .site-footer .footer-links {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.6rem !important;
}

html body .site-footer .footer-links a {
    display: block !important;
    text-decoration: none !important;
    color: var(--vt-text-soft) !important;
    font-size: 0.94rem !important;
    line-height: 1.45 !important;
}

html body .site-footer .footer-links a:hover,
html body .site-footer .footer-links a:focus-visible {
    color: var(--vt-accent-primary) !important;
}

html body .site-footer ul,
html body .site-footer ol,
html body .site-footer li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .site-footer li::before,
html body .site-footer li::marker {
    content: none !important;
}

html body .site-footer .footer-bottom {
    margin-top: 2rem !important;
    padding-top: 1.2rem !important;
    border-top: 1px solid rgba(110, 231, 249, 0.08) !important;
}

@media (max-width: 980px) {
    html body .site-footer .footer-grid {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 640px) {
    html body .site-footer .footer-grid {
        grid-template-columns: 1fr !important;
    }

    html body .site-footer .site-brand-icon {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
    }

    html body .site-footer .site-brand-wordmark {
        height: 22px !important;
    }
}

/* =========================
   Phase 19C Local Stabilization — canonical header/footer
   ========================= */

html body .site-header .header-inner {
    min-height: 94px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 2rem !important;
}

html body .site-header .site-brand-wrap {
    min-width: 260px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

html body .site-header .site-brand,
html body .site-footer .site-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.9rem !important;
    text-decoration: none !important;
}

html body .site-header .site-brand-icon,
html body .site-footer .site-brand-icon {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    object-fit: contain !important;
    display: block !important;
    flex: 0 0 auto !important;
}

html body .site-header .site-brand-wordmark,
html body .site-footer .site-brand-wordmark {
    width: auto !important;
    height: 24px !important;
    object-fit: contain !important;
    display: block !important;
    flex: 0 0 auto !important;
}

html body .site-header .site-brand-sub {
    display: block !important;
    margin-top: 0.35rem !important;
    font-size: 0.78rem !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--vt-text-muted) !important;
}

html body .site-header .site-nav {
    flex: 1 1 auto !important;
    display: flex !important;
    justify-content: center !important;
}

html body .site-header .primary-menu {
    display: flex !important;
    align-items: center !important;
    gap: 1.2rem !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .site-header .primary-menu li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .site-header .primary-menu a {
    text-decoration: none !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
}

html body .site-header .site-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.75rem !important;
    min-width: 300px !important;
}

html body .site-footer {
    margin-top: 5rem !important;
    padding: 4rem 0 2rem !important;
    background: #06080d !important;
    border-top: 1px solid rgba(110, 231, 249, 0.10) !important;
}

html body .site-footer .footer-grid {
    display: grid !important;
    grid-template-columns: 1.45fr 1fr 1fr 1fr !important;
    gap: 2.25rem !important;
    align-items: start !important;
}

html body .site-footer .footer-brand {
    max-width: 440px !important;
}

html body .site-footer .footer-brand .site-brand {
    margin-bottom: 1rem !important;
}

html body .site-footer .footer-brand p {
    margin: 0 !important;
    color: var(--vt-text-soft) !important;
    line-height: 1.7 !important;
    font-size: 0.96rem !important;
}

html body .site-footer .footer-col h3 {
    margin: 0 0 1rem !important;
    font-size: 1rem !important;
    color: #ffffff !important;
}

html body .site-footer .footer-links {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.6rem !important;
}

html body .site-footer .footer-links a {
    display: block !important;
    text-decoration: none !important;
    color: var(--vt-text-soft) !important;
    font-size: 0.94rem !important;
    line-height: 1.45 !important;
}

html body .site-footer .footer-links a:hover,
html body .site-footer .footer-links a:focus-visible {
    color: var(--vt-accent-primary) !important;
}

html body .site-footer ul,
html body .site-footer ol,
html body .site-footer li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .site-footer li::before,
html body .site-footer li::marker {
    content: none !important;
}

html body .site-footer .footer-bottom {
    margin-top: 2rem !important;
    padding-top: 1.2rem !important;
    border-top: 1px solid rgba(110, 231, 249, 0.08) !important;
}

@media (max-width: 980px) {
    html body .site-header .header-inner {
        flex-wrap: wrap !important;
        min-height: auto !important;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    html body .site-header .site-nav {
        order: 3 !important;
        width: 100% !important;
        justify-content: flex-start !important;
    }

    html body .site-header .primary-menu {
        flex-wrap: wrap !important;
    }

    html body .site-footer .footer-grid {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 640px) {
    html body .site-header .site-brand-icon,
    html body .site-footer .site-brand-icon {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
    }

    html body .site-header .site-brand-wordmark,
    html body .site-footer .site-brand-wordmark {
        height: 22px !important;
    }

    html body .site-footer .footer-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =========================
   Phase 22A — Ecosystem Overview + Signal Feed shell-width containment
   Local-first corrective pass
   ========================= */

.page-template-page-ecosystem-overview .site-main,
.post-type-archive-signal_update .site-main {
    width: 100%;
}

.page-template-page-ecosystem-overview .site-main > section,
.page-template-page-ecosystem-overview .site-main > article,
.page-template-page-ecosystem-overview .site-main > div,
.post-type-archive-signal_update .site-main > section,
.post-type-archive-signal_update .site-main > article,
.post-type-archive-signal_update .site-main > div {
    width: 100%;
}

.page-template-page-ecosystem-overview .ecosystem-overview-hero,
.page-template-page-ecosystem-overview .ecosystem-overview-metrics,
.page-template-page-ecosystem-overview .ecosystem-overview-grid,
.page-template-page-ecosystem-overview .ecosystem-overview-legend,
.page-template-page-ecosystem-overview .ecosystem-overview-empty,
.page-template-page-ecosystem-overview .vt-section,
.post-type-archive-signal_update .signal-feed-hero,
.post-type-archive-signal_update .signal-feed-filters,
.post-type-archive-signal_update .signal-feed-grid,
.post-type-archive-signal_update .signal-feed-empty,
.post-type-archive-signal_update .vt-section {
    width: min(100% - 2rem, 1200px);
    margin-left: auto;
    margin-right: auto;
}

.page-template-page-ecosystem-overview .ecosystem-overview-hero,
.page-template-page-ecosystem-overview .ecosystem-overview-metrics,
.page-template-page-ecosystem-overview .ecosystem-overview-grid,
.page-template-page-ecosystem-overview .ecosystem-overview-legend,
.post-type-archive-signal_update .signal-feed-hero,
.post-type-archive-signal_update .signal-feed-filters,
.post-type-archive-signal_update .signal-feed-grid {
    margin-top: 0;
    margin-bottom: 0;
}

.page-template-page-ecosystem-overview .ecosystem-overview-hero + .ecosystem-overview-metrics,
.page-template-page-ecosystem-overview .ecosystem-overview-metrics + .ecosystem-overview-grid,
.page-template-page-ecosystem-overview .ecosystem-overview-grid + .ecosystem-overview-legend,
.post-type-archive-signal_update .signal-feed-hero + .signal-feed-filters,
.post-type-archive-signal_update .signal-feed-filters + .signal-feed-grid {
    margin-top: 1.5rem;
}

.page-template-page-ecosystem-overview .site-main,
.post-type-archive-signal_update .site-main {
    overflow-x: clip;
}

@media (min-width: 768px) {
    .page-template-page-ecosystem-overview .ecosystem-overview-hero,
    .page-template-page-ecosystem-overview .ecosystem-overview-metrics,
    .page-template-page-ecosystem-overview .ecosystem-overview-grid,
    .page-template-page-ecosystem-overview .ecosystem-overview-legend,
    .page-template-page-ecosystem-overview .ecosystem-overview-empty,
    .page-template-page-ecosystem-overview .vt-section,
    .post-type-archive-signal_update .signal-feed-hero,
    .post-type-archive-signal_update .signal-feed-filters,
    .post-type-archive-signal_update .signal-feed-grid,
    .post-type-archive-signal_update .signal-feed-empty,
    .post-type-archive-signal_update .vt-section {
        width: min(100% - 3rem, 1200px);
    }

    .page-template-page-ecosystem-overview .ecosystem-overview-hero + .ecosystem-overview-metrics,
    .page-template-page-ecosystem-overview .ecosystem-overview-metrics + .ecosystem-overview-grid,
    .page-template-page-ecosystem-overview .ecosystem-overview-grid + .ecosystem-overview-legend,
    .post-type-archive-signal_update .signal-feed-hero + .signal-feed-filters,
    .post-type-archive-signal_update .signal-feed-filters + .signal-feed-grid {
        margin-top: 2rem;
    }
}

@media (min-width: 1200px) {
    .page-template-page-ecosystem-overview .ecosystem-overview-hero,
    .page-template-page-ecosystem-overview .ecosystem-overview-metrics,
    .page-template-page-ecosystem-overview .ecosystem-overview-grid,
    .page-template-page-ecosystem-overview .ecosystem-overview-legend,
    .page-template-page-ecosystem-overview .ecosystem-overview-empty,
    .page-template-page-ecosystem-overview .vt-section,
    .post-type-archive-signal_update .signal-feed-hero,
    .post-type-archive-signal_update .signal-feed-filters,
    .post-type-archive-signal_update .signal-feed-grid,
    .post-type-archive-signal_update .signal-feed-empty,
    .post-type-archive-signal_update .vt-section {
        width: min(100% - 4rem, 1200px);
    }
}

/* =========================
   Phase 22A1 — contained shell tightening for oversized hero/section panels
   Local-first corrective refinement
   ========================= */

.page-template-page-ecosystem-overview .ecosystem-overview-hero,
.page-template-page-ecosystem-overview .ecosystem-overview-metrics,
.page-template-page-ecosystem-overview .ecosystem-state-section,
.page-template-page-ecosystem-overview .ecosystem-overview-grid,
.page-template-page-ecosystem-overview .ecosystem-overview-legend,
.page-template-page-ecosystem-overview .ecosystem-overview-empty,
.post-type-archive-signal_update .signal-feed-hero,
.post-type-archive-signal_update .signal-feed-filters,
.post-type-archive-signal_update .signal-feed-grid,
.post-type-archive-signal_update .signal-feed-empty {
    width: min(100% - 2rem, 1120px);
    margin-left: auto;
    margin-right: auto;
}

.page-template-page-ecosystem-overview .ecosystem-overview-hero,
.page-template-page-ecosystem-overview .ecosystem-state-section,
.post-type-archive-signal_update .signal-feed-hero {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.page-template-page-ecosystem-overview .ecosystem-overview-metrics,
.page-template-page-ecosystem-overview .ecosystem-overview-grid,
.page-template-page-ecosystem-overview .ecosystem-overview-legend,
.post-type-archive-signal_update .signal-feed-filters,
.post-type-archive-signal_update .signal-feed-grid {
    margin-top: 1.25rem;
}

.page-template-page-ecosystem-overview .ecosystem-overview-metrics .vt-grid,
.page-template-page-ecosystem-overview .ecosystem-overview-grid .vt-grid,
.post-type-archive-signal_update .signal-feed-grid.vt-grid,
.post-type-archive-signal_update .signal-feed-grid .vt-grid {
    width: 100%;
    max-width: 100%;
}

.page-template-page-ecosystem-overview .ecosystem-overview-hero .section-head,
.page-template-page-ecosystem-overview .ecosystem-state-section .section-head,
.post-type-archive-signal_update .signal-feed-hero .section-head {
    max-width: 760px;
}

@media (min-width: 768px) {
    .page-template-page-ecosystem-overview .ecosystem-overview-hero,
    .page-template-page-ecosystem-overview .ecosystem-overview-metrics,
    .page-template-page-ecosystem-overview .ecosystem-state-section,
    .page-template-page-ecosystem-overview .ecosystem-overview-grid,
    .page-template-page-ecosystem-overview .ecosystem-overview-legend,
    .page-template-page-ecosystem-overview .ecosystem-overview-empty,
    .post-type-archive-signal_update .signal-feed-hero,
    .post-type-archive-signal_update .signal-feed-filters,
    .post-type-archive-signal_update .signal-feed-grid,
    .post-type-archive-signal_update .signal-feed-empty {
        width: min(100% - 3rem, 1120px);
    }

    .page-template-page-ecosystem-overview .ecosystem-overview-hero,
    .page-template-page-ecosystem-overview .ecosystem-state-section,
    .post-type-archive-signal_update .signal-feed-hero {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .page-template-page-ecosystem-overview .ecosystem-overview-metrics,
    .page-template-page-ecosystem-overview .ecosystem-overview-grid,
    .page-template-page-ecosystem-overview .ecosystem-overview-legend,
    .post-type-archive-signal_update .signal-feed-filters,
    .post-type-archive-signal_update .signal-feed-grid {
        margin-top: 1.5rem;
    }
}

@media (min-width: 1200px) {
    .page-template-page-ecosystem-overview .ecosystem-overview-hero,
    .page-template-page-ecosystem-overview .ecosystem-overview-metrics,
    .page-template-page-ecosystem-overview .ecosystem-state-section,
    .page-template-page-ecosystem-overview .ecosystem-overview-grid,
    .page-template-page-ecosystem-overview .ecosystem-overview-legend,
    .page-template-page-ecosystem-overview .ecosystem-overview-empty,
    .post-type-archive-signal_update .signal-feed-hero,
    .post-type-archive-signal_update .signal-feed-filters,
    .post-type-archive-signal_update .signal-feed-grid,
    .post-type-archive-signal_update .signal-feed-empty {
        width: min(100% - 4rem, 1120px);
    }
}

/* =========================
   Phase 22B — sticky header and scroll-state navigation
   Local-first implementation
   ========================= */

:root {
    --site-header-offset: 96px;
}

html {
    scroll-padding-top: var(--site-header-offset);
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    background: rgba(4, 7, 18, 0.82);
    border-bottom: 1px solid rgba(74, 197, 255, 0.12);
    transition:
        background 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease,
        transform 180ms ease;
}

.site-header.is-scrolled {
    background: rgba(4, 7, 18, 0.92);
    border-bottom-color: rgba(74, 197, 255, 0.2);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
}

body.admin-bar .site-header {
    top: 32px;
}

.site-header + .site-main,
.site-header + main {
    position: relative;
}

@media (max-width: 782px) {
    body.admin-bar .site-header {
        top: 46px;
    }
}

@media (max-width: 767px) {
    :root {
        --site-header-offset: 88px;
    }

    .site-header {
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }
}

/* =========================
   Phase 23A — Start Here orientation page
   Local-first implementation
   ========================= */

.start-here-page {
    width: min(100% - 2rem, 1120px);
    margin: 0 auto;
    padding-top: 1.5rem;
    padding-bottom: 2rem;
}

.start-here-hero,
.start-here-section {
    padding: 1.5rem;
}

.start-here-intro {
    max-width: 760px;
}

.start-here-page .section-head-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-top: 1rem;
}

.start-here-page .card + .card {
    margin-top: 1.25rem;
}

@media (min-width: 768px) {
    .start-here-page {
        width: min(100% - 3rem, 1120px);
        padding-top: 2rem;
        padding-bottom: 2.5rem;
    }

    .start-here-hero,
    .start-here-section {
        padding: 2rem;
    }
}

@media (min-width: 1200px) {
    .start-here-page {
        width: min(100% - 4rem, 1120px);
    }
}

/* =========================
   Phase 23B — Start Here standalone orientation page
   Local-first implementation
   ========================= */

.start-here-page {
    width: min(100% - 2rem, 1120px);
    margin: 0 auto;
    padding-top: 1.5rem;
    padding-bottom: 2.5rem;
}

.start-here-hero,
.start-here-section,
.start-here-mini-card {
    padding: 1.5rem;
}

.start-here-intro {
    max-width: 820px;
}

.start-here-page .card + .card {
    margin-top: 1.25rem;
}

.start-here-page .section-head-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-top: 1rem;
}

.start-here-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-top: 1rem;
}

.start-here-mini-card {
    height: 100%;
}

.start-here-mini-card h3 {
    margin-bottom: 0.65rem;
}

@media (min-width: 768px) {
    .start-here-page {
        width: min(100% - 3rem, 1120px);
        padding-top: 2rem;
        padding-bottom: 3rem;
    }

    .start-here-hero,
    .start-here-section,
    .start-here-mini-card {
        padding: 2rem;
    }

    .start-here-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.25rem;
    }
}

@media (min-width: 1200px) {
    .start-here-page {
        width: min(100% - 4rem, 1120px);
    }
}

/* =========================
   Phase 24A — Tokenomics public information page
   Local-first implementation
   ========================= */

.tokenomics-page {
    width: min(100% - 2rem, 1120px);
    margin: 0 auto;
    padding-top: 1.5rem;
    padding-bottom: 2.5rem;
}

.tokenomics-hero,
.tokenomics-section,
.tokenomics-mini-card {
    padding: 1.5rem;
}

.tokenomics-intro {
    max-width: 820px;
}

.tokenomics-page .card + .card {
    margin-top: 1.25rem;
}

.tokenomics-page .section-head-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-top: 1rem;
}

.tokenomics-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-top: 1rem;
}

.tokenomics-mini-card {
    height: 100%;
}

.tokenomics-mini-card h3 {
    margin-bottom: 0.65rem;
}

@media (min-width: 768px) {
    .tokenomics-page {
        width: min(100% - 3rem, 1120px);
        padding-top: 2rem;
        padding-bottom: 3rem;
    }

    .tokenomics-hero,
    .tokenomics-section,
    .tokenomics-mini-card {
        padding: 2rem;
    }

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

@media (min-width: 1200px) {
    .tokenomics-page {
        width: min(100% - 4rem, 1120px);
    }
}

/* =========================
   Phase 24B — Utility public information page
   Local-first implementation
   ========================= */

.utility-page {
    width: min(100% - 2rem, 1120px);
    margin: 0 auto;
    padding-top: 1.5rem;
    padding-bottom: 2.5rem;
}

.utility-hero,
.utility-section,
.utility-mini-card {
    padding: 1.5rem;
}

.utility-intro {
    max-width: 820px;
}

.utility-page .card + .card {
    margin-top: 1.25rem;
}

.utility-page .section-head-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-top: 1rem;
}

.utility-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-top: 1rem;
}

.utility-mini-card {
    height: 100%;
}

.utility-mini-card h3 {
    margin-bottom: 0.65rem;
}

@media (min-width: 768px) {
    .utility-page {
        width: min(100% - 3rem, 1120px);
        padding-top: 2rem;
        padding-bottom: 3rem;
    }

    .utility-hero,
    .utility-section,
    .utility-mini-card {
        padding: 2rem;
    }

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

@media (min-width: 1200px) {
    .utility-page {
        width: min(100% - 4rem, 1120px);
    }
}

/* =========================
   Phase 25B — targeted premium page shell reset
   Narrow corrective pass after Phase 25A rollback
   ========================= */

.page-template-page-tokenomics .tokenomics-page,
.page-template-page-utility-use-cases .utility-page,
.page-template-page-ecosystem-overview .ecosystem-overview-hero,
.page-template-page-ecosystem-overview .ecosystem-overview-metrics,
.page-template-page-ecosystem-overview .ecosystem-state-section,
.page-template-page-ecosystem-overview .ecosystem-overview-grid,
.page-template-page-ecosystem-overview .ecosystem-overview-legend,
.post-type-archive-signal_update .signal-feed-hero,
.post-type-archive-signal_update .signal-feed-filters,
.post-type-archive-signal_update .signal-feed-grid,
.page-template-page-contact .contact-page,
.page-template-page-start-here .start-here-page {
    width: min(100% - 2rem, 1120px);
    margin-left: auto;
    margin-right: auto;
}

.page-template-page-tokenomics .tokenomics-page,
.page-template-page-utility-use-cases .utility-page,
.page-template-page-contact .contact-page,
.page-template-page-start-here .start-here-page {
    padding-top: 2rem;
    padding-bottom: 3rem;
}

.page-template-page-ecosystem-overview .ecosystem-overview-hero,
.post-type-archive-signal_update .signal-feed-hero {
    width: min(100% - 2rem, 1280px);
    margin-left: auto;
    margin-right: auto;
}

.page-template-page-ecosystem-overview .ecosystem-overview-metrics,
.page-template-page-ecosystem-overview .ecosystem-state-section,
.page-template-page-ecosystem-overview .ecosystem-overview-grid,
.page-template-page-ecosystem-overview .ecosystem-overview-legend,
.post-type-archive-signal_update .signal-feed-filters,
.post-type-archive-signal_update .signal-feed-grid {
    width: min(100% - 2rem, 1280px);
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.25rem;
}

.post-type-archive-signal_update .signal-feed-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

.post-type-archive-signal_update .signal-feed-grid > * {
    min-width: 0;
}

.page-template-page-ecosystem-overview .ecosystem-overview-grid .vt-grid,
.page-template-page-ecosystem-overview .ecosystem-overview-metrics .vt-grid {
    width: 100%;
    max-width: 100%;
}

@media (min-width: 768px) {
    .page-template-page-tokenomics .tokenomics-page,
    .page-template-page-utility-use-cases .utility-page,
    .page-template-page-ecosystem-overview .ecosystem-overview-hero,
    .page-template-page-ecosystem-overview .ecosystem-overview-metrics,
    .page-template-page-ecosystem-overview .ecosystem-state-section,
    .page-template-page-ecosystem-overview .ecosystem-overview-grid,
    .page-template-page-ecosystem-overview .ecosystem-overview-legend,
    .post-type-archive-signal_update .signal-feed-hero,
    .post-type-archive-signal_update .signal-feed-filters,
    .post-type-archive-signal_update .signal-feed-grid,
    .page-template-page-contact .contact-page,
    .page-template-page-start-here .start-here-page {
        width: min(100% - 3rem, 1280px);
    }

    .post-type-archive-signal_update .signal-feed-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .page-template-page-tokenomics .tokenomics-page,
    .page-template-page-utility-use-cases .utility-page,
    .page-template-page-ecosystem-overview .ecosystem-overview-hero,
    .page-template-page-ecosystem-overview .ecosystem-overview-metrics,
    .page-template-page-ecosystem-overview .ecosystem-state-section,
    .page-template-page-ecosystem-overview .ecosystem-overview-grid,
    .page-template-page-ecosystem-overview .ecosystem-overview-legend,
    .post-type-archive-signal_update .signal-feed-hero,
    .post-type-archive-signal_update .signal-feed-filters,
    .post-type-archive-signal_update .signal-feed-grid,
    .page-template-page-contact .contact-page,
    .page-template-page-start-here .start-here-page {
        width: min(100% - 4rem, 1280px);
    }
}

/* =========================
   Phase 25C — header, homepage hero, and footer normalization
   Narrow corrective sizing pass
   ========================= */

.site-header .site-header-inner,
.site-footer .site-footer-top,
.site-footer .site-footer-bottom {
    width: min(100% - 2rem, 1280px);
    margin-left: auto;
    margin-right: auto;
}

.site-header .site-header-inner {
    min-height: 96px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    column-gap: 1.5rem;
}

.site-header .site-brand,
.site-footer .site-brand,
.site-header .site-brand-link,
.site-footer .site-brand-link {
    display: inline-flex;
    align-items: center;
    gap: 0.9rem;
    text-decoration: none;
}

.site-header .site-brand-image,
.site-footer .site-brand-image {
    height: 56px;
    width: auto;
    max-width: none;
}

.site-header .site-brand-text,
.site-footer .site-brand-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.15rem;
}

.site-header .site-brand-wordmark,
.site-footer .site-brand-wordmark {
    font-size: 1.5rem;
    line-height: 0.95;
    letter-spacing: 0.38rem;
}

.site-header .site-brand-token,
.site-footer .site-brand-token {
    font-size: 0.8rem;
    line-height: 1;
    letter-spacing: 0.42rem;
}

.site-header .site-nav {
    justify-self: center;
}

.site-header .site-menu {
    display: flex;
    align-items: center;
    gap: 1.35rem;
    flex-wrap: wrap;
}

.site-header .site-header-actions {
    justify-self: end;
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
}

.home .site-main .hero-section,
.home .site-main .homepage-hero,
.home .site-main .home-hero,
.home .site-main .hero-panel {
    width: min(100% - 2rem, 1280px);
    margin-left: auto;
    margin-right: auto;
}

.home .site-main .hero-section,
.home .site-main .homepage-hero,
.home .site-main .home-hero {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.home .site-main .hero-section h1,
.home .site-main .homepage-hero h1,
.home .site-main .home-hero h1 {
    max-width: 980px;
    font-size: clamp(3.4rem, 7vw, 6.4rem);
    line-height: 0.94;
    letter-spacing: -0.05em;
}

.home .site-main .hero-section > p,
.home .site-main .homepage-hero > p,
.home .site-main .home-hero > p,
.home .site-main .hero-copy,
.home .site-main .hero-content p {
    max-width: 760px;
}

.site-footer .site-footer-top {
    width: min(100% - 2rem, 1280px);
    padding-top: 3rem;
    padding-bottom: 2rem;
    display: grid;
    grid-template-columns: minmax(240px, 1.1fr) repeat(3, minmax(160px, 1fr));
    gap: 2rem;
    align-items: start;
}

.site-footer .site-footer-brand {
    max-width: 320px;
}

.site-footer .footer-links,
.site-footer .footer-grid {
    width: 100%;
}

.site-footer .site-footer-bottom {
    width: min(100% - 2rem, 1280px);
    padding-top: 0;
    padding-bottom: 2rem;
}

@media (max-width: 1024px) {
    .site-header .site-header-inner {
        grid-template-columns: 1fr;
        row-gap: 0.85rem;
        justify-items: center;
        text-align: center;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .site-header .site-nav,
    .site-header .site-header-actions {
        justify-self: center;
    }

    .site-footer .site-footer-top {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .site-header .site-brand-image,
    .site-footer .site-brand-image {
        height: 44px;
    }

    .site-header .site-brand-wordmark,
    .site-footer .site-brand-wordmark {
        font-size: 1.15rem;
        letter-spacing: 0.24rem;
    }

    .site-header .site-brand-token,
    .site-footer .site-brand-token {
        font-size: 0.68rem;
        letter-spacing: 0.28rem;
    }

    .home .site-main .hero-section,
    .home .site-main .homepage-hero,
    .home .site-main .home-hero {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .site-footer .site-footer-top {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}

/* =========================
   Phase 25D — homepage hero and footer final normalization
   Narrow corrective pass
   ========================= */

.home .site-main .hero-section,
.home .site-main .homepage-hero,
.home .site-main .home-hero,
.home .site-main .hero-panel,
.home .site-main .section-hero {
    width: min(100% - 2rem, 1280px);
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5.25rem;
    padding-bottom: 5rem;
    display: block;
}

.home .site-main .hero-section .hero-copy,
.home .site-main .homepage-hero .hero-copy,
.home .site-main .home-hero .hero-copy,
.home .site-main .hero-panel .hero-copy,
.home .site-main .section-hero .hero-copy,
.home .site-main .hero-section .hero-content,
.home .site-main .homepage-hero .hero-content,
.home .site-main .home-hero .hero-content,
.home .site-main .hero-panel .hero-content,
.home .site-main .section-hero .hero-content {
    max-width: 920px;
}

.home .site-main .hero-section h1,
.home .site-main .homepage-hero h1,
.home .site-main .home-hero h1,
.home .site-main .hero-panel h1,
.home .site-main .section-hero h1 {
    max-width: 980px;
    margin: 0 0 1.5rem;
    font-size: clamp(4.4rem, 7vw, 7.2rem);
    line-height: 0.92;
    letter-spacing: -0.055em;
}

.home .site-main .hero-section > p,
.home .site-main .homepage-hero > p,
.home .site-main .home-hero > p,
.home .site-main .hero-panel > p,
.home .site-main .section-hero > p,
.home .site-main .hero-copy p,
.home .site-main .hero-content p {
    max-width: 760px;
    font-size: 1.06rem;
    line-height: 1.75;
}

.home .site-main .hero-section .section-head-actions,
.home .site-main .homepage-hero .section-head-actions,
.home .site-main .home-hero .section-head-actions,
.home .site-main .hero-panel .section-head-actions,
.home .site-main .section-hero .section-head-actions,
.home .site-main .hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem;
    margin-top: 1.35rem;
    margin-bottom: 1rem;
}

.site-footer {
    margin-top: 0;
}

.site-footer .site-footer-top,
.site-footer .site-footer-bottom {
    width: min(100% - 2rem, 1280px);
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.site-footer .site-footer-top {
    padding-top: 3.5rem;
    padding-bottom: 2.4rem;
    display: grid;
    grid-template-columns: minmax(260px, 1.25fr) repeat(3, minmax(170px, 1fr));
    gap: 2.25rem;
    align-items: start;
}

.site-footer .site-footer-brand {
    max-width: 340px;
}

.site-footer .footer-links,
.site-footer .footer-grid {
    width: 100%;
}

.site-footer .footer-link-column,
.site-footer .footer-column {
    min-width: 0;
}

.site-footer .footer-link-column h4,
.site-footer .footer-column h4 {
    margin-bottom: 0.9rem;
}

.site-footer .footer-link-column a,
.site-footer .footer-column a {
    display: inline-block;
    margin-bottom: 0.45rem;
}

.site-footer .site-footer-bottom {
    padding-top: 0;
    padding-bottom: 2rem;
}

@media (min-width: 768px) {
    .home .site-main .hero-section,
    .home .site-main .homepage-hero,
    .home .site-main .home-hero,
    .home .site-main .hero-panel,
    .home .site-main .section-hero,
    .site-footer .site-footer-top,
    .site-footer .site-footer-bottom {
        width: min(100% - 3rem, 1280px);
    }
}

@media (min-width: 1200px) {
    .home .site-main .hero-section,
    .home .site-main .homepage-hero,
    .home .site-main .home-hero,
    .home .site-main .hero-panel,
    .home .site-main .section-hero,
    .site-footer .site-footer-top,
    .site-footer .site-footer-bottom {
        width: min(100% - 4rem, 1280px);
    }
}

@media (max-width: 1024px) {
    .home .site-main .hero-section,
    .home .site-main .homepage-hero,
    .home .site-main .home-hero,
    .home .site-main .hero-panel,
    .home .site-main .section-hero {
        padding-top: 4.25rem;
        padding-bottom: 4rem;
    }

    .home .site-main .hero-section h1,
    .home .site-main .homepage-hero h1,
    .home .site-main .home-hero h1,
    .home .site-main .hero-panel h1,
    .home .site-main .section-hero h1 {
        font-size: clamp(3.6rem, 8vw, 5.4rem);
    }

    .site-footer .site-footer-top {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .home .site-main .hero-section,
    .home .site-main .homepage-hero,
    .home .site-main .home-hero,
    .home .site-main .hero-panel,
    .home .site-main .section-hero {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .home .site-main .hero-section h1,
    .home .site-main .homepage-hero h1,
    .home .site-main .home-hero h1,
    .home .site-main .hero-panel h1,
    .home .site-main .section-hero h1 {
        font-size: clamp(2.8rem, 12vw, 4.1rem);
        line-height: 0.96;
    }

    .site-footer .site-footer-top {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}

/* =========================
   Phase 25E — homepage hero and footer layout correction
   Targeted scale and width fix
   ========================= */

.home .site-main .hero-section,
.home .site-main .homepage-hero,
.home .site-main .home-hero,
.home .site-main .hero-panel,
.home .site-main .section-hero {
    width: min(100% - 3rem, 1280px);
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5.5rem;
    padding-bottom: 4.5rem;
}

.home .site-main .hero-section .hero-copy,
.home .site-main .homepage-hero .hero-copy,
.home .site-main .home-hero .hero-copy,
.home .site-main .hero-panel .hero-copy,
.home .site-main .section-hero .hero-copy,
.home .site-main .hero-section .hero-content,
.home .site-main .homepage-hero .hero-content,
.home .site-main .home-hero .hero-content,
.home .site-main .hero-panel .hero-content,
.home .site-main .section-hero .hero-content {
    max-width: 980px;
    margin-left: 0;
    margin-right: auto;
}

.home .site-main .hero-section h1,
.home .site-main .homepage-hero h1,
.home .site-main .home-hero h1,
.home .site-main .hero-panel h1,
.home .site-main .section-hero h1 {
    max-width: 1040px;
    margin: 0 0 1.4rem;
    font-size: clamp(4.8rem, 7.4vw, 7.8rem);
    line-height: 0.91;
    letter-spacing: -0.06em;
}

.home .site-main .hero-section > p,
.home .site-main .homepage-hero > p,
.home .site-main .home-hero > p,
.home .site-main .hero-panel > p,
.home .site-main .section-hero > p,
.home .site-main .hero-copy p,
.home .site-main .hero-content p {
    max-width: 760px;
    font-size: 1.05rem;
    line-height: 1.72;
}

.home .site-main .hero-section .section-head-actions,
.home .site-main .homepage-hero .section-head-actions,
.home .site-main .home-hero .section-head-actions,
.home .site-main .hero-panel .section-head-actions,
.home .site-main .section-hero .section-head-actions,
.home .site-main .hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem;
    margin-top: 1.35rem;
    margin-bottom: 1rem;
}

.site-footer .site-footer-top,
.site-footer .site-footer-bottom {
    width: min(100% - 3rem, 1280px);
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.site-footer .site-footer-top {
    padding-top: 3.5rem;
    padding-bottom: 2.4rem;
    display: grid;
    grid-template-columns: minmax(300px, 1.3fr) repeat(3, minmax(180px, 1fr));
    gap: 2.5rem;
    align-items: start;
}

.site-footer .site-footer-brand {
    max-width: 360px;
}

.site-footer .footer-link-column,
.site-footer .footer-column {
    min-width: 0;
}

.site-footer .footer-link-column h4,
.site-footer .footer-column h4 {
    margin-bottom: 0.95rem;
}

.site-footer .footer-link-column a,
.site-footer .footer-column a {
    display: inline-block;
    margin-bottom: 0.42rem;
}

.site-footer .site-footer-bottom {
    padding-top: 0;
    padding-bottom: 2rem;
}

@media (min-width: 1200px) {
    .home .site-main .hero-section,
    .home .site-main .homepage-hero,
    .home .site-main .home-hero,
    .home .site-main .hero-panel,
    .home .site-main .section-hero,
    .site-footer .site-footer-top,
    .site-footer .site-footer-bottom {
        width: min(100% - 4rem, 1280px);
    }
}

@media (max-width: 1024px) {
    .home .site-main .hero-section,
    .home .site-main .homepage-hero,
    .home .site-main .home-hero,
    .home .site-main .hero-panel,
    .home .site-main .section-hero {
        width: min(100% - 2.5rem, 1280px);
        padding-top: 4.5rem;
        padding-bottom: 3.8rem;
    }

    .home .site-main .hero-section h1,
    .home .site-main .homepage-hero h1,
    .home .site-main .home-hero h1,
    .home .site-main .hero-panel h1,
    .home .site-main .section-hero h1 {
        font-size: clamp(3.8rem, 8vw, 5.8rem);
    }

    .site-footer .site-footer-top,
    .site-footer .site-footer-bottom {
        width: min(100% - 2.5rem, 1280px);
    }

    .site-footer .site-footer-top {
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
    }
}

@media (max-width: 767px) {
    .home .site-main .hero-section,
    .home .site-main .homepage-hero,
    .home .site-main .home-hero,
    .home .site-main .hero-panel,
    .home .site-main .section-hero,
    .site-footer .site-footer-top,
    .site-footer .site-footer-bottom {
        width: min(100% - 2rem, 1280px);
    }

    .home .site-main .hero-section {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .home .site-main .hero-section h1,
    .home .site-main .homepage-hero h1,
    .home .site-main .home-hero h1,
    .home .site-main .hero-panel h1,
    .home .site-main .section-hero h1 {
        font-size: clamp(2.9rem, 12vw, 4.3rem);
        line-height: 0.95;
    }

    .site-footer .site-footer-top {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}

/* =========================
   Phase 25F — homepage hero grid restore + footer width correction
   ========================= */

.home .site-main .hero-section,
.home .site-main .homepage-hero,
.home .site-main .home-hero,
.home .site-main .hero-panel,
.home .site-main .section-hero {
    width: min(100% - 3rem, 1280px);
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5rem;
    padding-bottom: 4rem;
}

.home .site-main .hero-section > .vt-grid,
.home .site-main .homepage-hero > .vt-grid,
.home .site-main .home-hero > .vt-grid,
.home .site-main .hero-panel > .vt-grid,
.home .site-main .section-hero > .vt-grid,
.home .site-main .hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(320px, 0.95fr);
    gap: 2rem;
    align-items: start;
}

.home .site-main .hero-copy,
.home .site-main .hero-content,
.home .site-main .hero-main {
    max-width: none;
}

.home .site-main .hero-section h1,
.home .site-main .homepage-hero h1,
.home .site-main .home-hero h1,
.home .site-main .hero-panel h1,
.home .site-main .section-hero h1 {
    max-width: 980px;
    margin: 0 0 1.4rem;
    font-size: clamp(4.9rem, 7.6vw, 7.8rem);
    line-height: 0.91;
    letter-spacing: -0.06em;
}

.home .site-main .hero-section > p,
.home .site-main .homepage-hero > p,
.home .site-main .home-hero > p,
.home .site-main .hero-panel > p,
.home .site-main .section-hero > p,
.home .site-main .hero-copy p,
.home .site-main .hero-content p,
.home .site-main .hero-main p {
    max-width: 760px;
    font-size: 1.05rem;
    line-height: 1.72;
}

.home .site-main .hero-section .section-head-actions,
.home .site-main .homepage-hero .section-head-actions,
.home .site-main .home-hero .section-head-actions,
.home .site-main .hero-panel .section-head-actions,
.home .site-main .section-hero .section-head-actions,
.home .site-main .hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem;
    margin-top: 1.25rem;
    margin-bottom: 1rem;
}

.home .site-main .hero-side,
.home .site-main .hero-aside,
.home .site-main .hero-side-cards,
.home .site-main .hero-right-rail {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-self: start;
}

.home .site-main .hero-side .card,
.home .site-main .hero-aside .card,
.home .site-main .hero-side-cards .card,
.home .site-main .hero-right-rail .card {
    width: 100%;
}

.site-footer .site-footer-top,
.site-footer .site-footer-bottom {
    width: min(100% - 3rem, 1280px);
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.site-footer .site-footer-top {
    padding-top: 3.5rem;
    padding-bottom: 2.4rem;
    display: grid;
    grid-template-columns: minmax(280px, 1.2fr) repeat(3, minmax(180px, 1fr));
    gap: 2.5rem;
    align-items: start;
}

.site-footer .site-footer-brand {
    max-width: 360px;
}

.site-footer .footer-links,
.site-footer .footer-grid {
    width: 100%;
}

.site-footer .site-footer-bottom {
    padding-top: 0;
    padding-bottom: 2rem;
}

@media (min-width: 1200px) {
    .home .site-main .hero-section,
    .home .site-main .homepage-hero,
    .home .site-main .home-hero,
    .home .site-main .hero-panel,
    .home .site-main .section-hero,
    .site-footer .site-footer-top,
    .site-footer .site-footer-bottom {
        width: min(100% - 4rem, 1280px);
    }
}

@media (max-width: 1024px) {
    .home .site-main .hero-section > .vt-grid,
    .home .site-main .homepage-hero > .vt-grid,
    .home .site-main .home-hero > .vt-grid,
    .home .site-main .hero-panel > .vt-grid,
    .home .site-main .section-hero > .vt-grid,
    .home .site-main .hero-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .home .site-main .hero-section,
    .home .site-main .homepage-hero,
    .home .site-main .home-hero,
    .home .site-main .hero-panel,
    .home .site-main .section-hero {
        width: min(100% - 2.5rem, 1280px);
        padding-top: 4.25rem;
        padding-bottom: 3.75rem;
    }

    .home .site-main .hero-section h1,
    .home .site-main .homepage-hero h1,
    .home .site-main .home-hero h1,
    .home .site-main .hero-panel h1,
    .home .site-main .section-hero h1 {
        font-size: clamp(3.9rem, 8vw, 5.8rem);
    }

    .site-footer .site-footer-top,
    .site-footer .site-footer-bottom {
        width: min(100% - 2.5rem, 1280px);
    }

    .site-footer .site-footer-top {
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
    }
}

@media (max-width: 767px) {
    .home .site-main .hero-section,
    .home .site-main .homepage-hero,
    .home .site-main .home-hero,
    .home .site-main .hero-panel,
    .home .site-main .section-hero,
    .site-footer .site-footer-top,
    .site-footer .site-footer-bottom {
        width: min(100% - 2rem, 1280px);
    }

    .home .site-main .hero-section {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .home .site-main .hero-section h1,
    .home .site-main .homepage-hero h1,
    .home .site-main .home-hero h1,
    .home .site-main .hero-panel h1,
    .home .site-main .section-hero h1 {
        font-size: clamp(2.9rem, 12vw, 4.3rem);
        line-height: 0.95;
    }

    .site-footer .site-footer-top {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}

/* =========================
   Phase 25G — homepage hero structure restore + footer width correction
   ========================= */

.home .site-main .hero-section {
    width: min(100% - 3rem, 1280px);
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5rem;
    padding-bottom: 4rem;
}

.home .site-main .hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(320px, 0.95fr);
    gap: 2rem;
    align-items: start;
}

.home .site-main .hero-main {
    min-width: 0;
}

.home .site-main .hero-main h1 {
    max-width: 980px;
    margin: 0 0 1.4rem;
    font-size: clamp(4.8rem, 7.4vw, 7.4rem);
    line-height: 0.91;
    letter-spacing: -0.06em;
}

.home .site-main .hero-main > p {
    max-width: 760px;
    font-size: 1.05rem;
    line-height: 1.72;
}

.home .site-main .hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem;
    margin-top: 1.25rem;
}

.home .site-main .hero-side {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-self: start;
}

.home .site-main .hero-side-card {
    padding: 1.35rem;
}

.home .site-main .hero-side-card .eyebrow {
    margin-bottom: 0.7rem;
}

.site-footer .site-footer-top,
.site-footer .site-footer-bottom {
    width: min(100% - 3rem, 1360px);
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
}

.site-footer .site-footer-top {
    padding-top: 3.5rem;
    padding-bottom: 2.4rem;
    display: grid;
    grid-template-columns: minmax(280px, 1.2fr) repeat(3, minmax(190px, 1fr));
    gap: 2.75rem;
    align-items: start;
}

.site-footer .site-footer-brand {
    max-width: 360px;
}

.site-footer .site-footer-bottom {
    padding-top: 0;
    padding-bottom: 2rem;
}

@media (min-width: 1200px) {
    .home .site-main .hero-section,
    .site-footer .site-footer-top,
    .site-footer .site-footer-bottom {
        width: min(100% - 4rem, 1360px);
    }
}

@media (max-width: 1024px) {
    .home .site-main .hero-section {
        width: min(100% - 2.5rem, 1280px);
        padding-top: 4.25rem;
        padding-bottom: 3.75rem;
    }

    .home .site-main .hero-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .home .site-main .hero-main h1 {
        font-size: clamp(3.9rem, 8vw, 5.8rem);
    }

    .site-footer .site-footer-top,
    .site-footer .site-footer-bottom {
        width: min(100% - 2.5rem, 1360px);
    }

    .site-footer .site-footer-top {
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
    }
}

@media (max-width: 767px) {
    .home .site-main .hero-section,
    .site-footer .site-footer-top,
    .site-footer .site-footer-bottom {
        width: min(100% - 2rem, 1360px);
    }

    .home .site-main .hero-section {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .home .site-main .hero-main h1 {
        font-size: clamp(2.9rem, 12vw, 4.3rem);
        line-height: 0.95;
    }

    .site-footer .site-footer-top {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}

/* =========================
   Phase 25H — homepage hero support rail + footer container width fix
   Based on actual front-page.php and footer.php structure
   ========================= */

.home .homepage-hero {
    width: min(100% - 3rem, 1280px);
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5rem;
    padding-bottom: 4rem;
}

.home .homepage-hero .homepage-hero-inner {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(320px, 0.92fr);
    gap: 2rem;
    align-items: start;
}

.home .homepage-hero .homepage-hero-copy {
    min-width: 0;
}

.home .homepage-hero .homepage-hero-copy h1 {
    max-width: 980px;
    margin: 0 0 1.4rem;
    font-size: clamp(4.8rem, 7.4vw, 7.5rem);
    line-height: 0.91;
    letter-spacing: -0.06em;
}

.home .homepage-hero .homepage-hero-lead,
.home .homepage-hero .homepage-hero-copy p {
    max-width: 760px;
    font-size: 1.05rem;
    line-height: 1.72;
}

.home .homepage-hero .homepage-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem;
    margin-top: 1.25rem;
}

.home .homepage-hero .homepage-hero-support {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-self: start;
}

.home .homepage-hero .homepage-hero-panel {
    width: 100%;
    padding: 1.35rem;
    border-radius: 1.2rem;
}

.home .homepage-hero .homepage-hero-panel-label {
    display: inline-block;
    margin-bottom: 0.7rem;
}

.site-footer .site-shell-container {
    width: min(100% - 3rem, 1360px);
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
}

.site-footer .site-footer-top {
    width: 100%;
    max-width: none;
    padding-top: 3.5rem;
    padding-bottom: 2.4rem;
    display: grid;
    grid-template-columns: minmax(280px, 1.15fr) minmax(0, 2fr);
    gap: 3rem;
    align-items: start;
}

.site-footer .site-footer-brand {
    max-width: 360px;
}

.site-footer .footer-links {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 2.5rem;
}

.site-footer .footer-link-column {
    min-width: 0;
}

.site-footer .site-footer-bottom {
    width: 100%;
    max-width: none;
    padding-top: 0;
    padding-bottom: 2rem;
}

@media (min-width: 1200px) {
    .home .homepage-hero,
    .site-footer .site-shell-container {
        width: min(100% - 4rem, 1360px);
    }
}

@media (max-width: 1024px) {
    .home .homepage-hero {
        width: min(100% - 2.5rem, 1280px);
        padding-top: 4.25rem;
        padding-bottom: 3.75rem;
    }

    .home .homepage-hero .homepage-hero-inner {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .home .homepage-hero .homepage-hero-copy h1 {
        font-size: clamp(3.9rem, 8vw, 5.8rem);
    }

    .site-footer .site-shell-container {
        width: min(100% - 2.5rem, 1360px);
    }

    .site-footer .site-footer-top {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .site-footer .footer-links {
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
    }
}

@media (max-width: 767px) {
    .home .homepage-hero,
    .site-footer .site-shell-container {
        width: min(100% - 2rem, 1360px);
    }

    .home .homepage-hero {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .home .homepage-hero .homepage-hero-copy h1 {
        font-size: clamp(2.9rem, 12vw, 4.3rem);
        line-height: 0.95;
    }

    .site-footer .footer-links {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}

/* =========================
   Phase 25I — exact homepage hero + footer selector correction
   Uses actual front-page.php and footer.php structure
   ========================= */

html body.home .homepage-hero {
    width: min(100% - 3rem, 1320px) !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 5rem !important;
    padding-bottom: 4rem !important;
}

html body.home .homepage-hero .container.homepage-hero-inner {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.65fr) minmax(340px, 0.95fr) !important;
    gap: 2rem !important;
    align-items: start !important;
}

html body.home .homepage-hero .homepage-hero-copy {
    min-width: 0 !important;
    max-width: none !important;
}

html body.home .homepage-hero .homepage-hero-copy h1 {
    max-width: 1000px !important;
    margin: 0 0 1.4rem !important;
    font-size: clamp(4.9rem, 7.5vw, 7.6rem) !important;
    line-height: 0.91 !important;
    letter-spacing: -0.06em !important;
}

html body.home .homepage-hero .homepage-hero-lead,
html body.home .homepage-hero .homepage-hero-copy p {
    max-width: 760px !important;
    font-size: 1.05rem !important;
    line-height: 1.72 !important;
}

html body.home .homepage-hero .homepage-hero-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.9rem !important;
    margin-top: 1.25rem !important;
    margin-bottom: 0 !important;
}

html body.home .homepage-hero .homepage-hero-support {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
    align-self: start !important;
    min-width: 0 !important;
}

html body.home .homepage-hero .homepage-hero-panel {
    display: block !important;
    width: 100% !important;
    padding: 1.35rem !important;
    border-radius: 1.2rem !important;
}

html body.home .homepage-hero .homepage-hero-panel-label {
    display: inline-block !important;
    margin-bottom: 0.7rem !important;
}

html body .site-footer .site-shell-container {
    width: min(100% - 3rem, 1440px) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

html body .site-footer .site-footer-top {
    width: 100% !important;
    max-width: none !important;
    padding-top: 3.5rem !important;
    padding-bottom: 2.4rem !important;
    display: grid !important;
    grid-template-columns: minmax(300px, 1.15fr) minmax(0, 2.2fr) !important;
    gap: 3rem !important;
    align-items: start !important;
}

html body .site-footer .site-footer-brand {
    max-width: 360px !important;
}

html body .site-footer .footer-links {
    width: 100% !important;
    max-width: none !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(190px, 1fr)) !important;
    gap: 2.5rem !important;
}

html body .site-footer .footer-link-column {
    min-width: 0 !important;
}

html body .site-footer .site-footer-bottom {
    width: 100% !important;
    max-width: none !important;
    padding-top: 0 !important;
    padding-bottom: 2rem !important;
}

@media (min-width: 1200px) {
    html body.home .homepage-hero,
    html body .site-footer .site-shell-container {
        width: min(100% - 4rem, 1440px) !important;
    }
}

@media (max-width: 1024px) {
    html body.home .homepage-hero {
        width: min(100% - 2.5rem, 1320px) !important;
        padding-top: 4.25rem !important;
        padding-bottom: 3.75rem !important;
    }

    html body.home .homepage-hero .container.homepage-hero-inner {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }

    html body.home .homepage-hero .homepage-hero-copy h1 {
        font-size: clamp(3.9rem, 8vw, 5.8rem) !important;
    }

    html body .site-footer .site-shell-container {
        width: min(100% - 2.5rem, 1440px) !important;
    }

    html body .site-footer .site-footer-top {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
    }

    html body .site-footer .footer-links {
        grid-template-columns: 1fr 1fr !important;
        gap: 2rem !important;
    }
}

@media (max-width: 767px) {
    html body.home .homepage-hero,
    html body .site-footer .site-shell-container {
        width: min(100% - 2rem, 1440px) !important;
    }

    html body.home .homepage-hero {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    html body.home .homepage-hero .homepage-hero-copy h1 {
        font-size: clamp(2.9rem, 12vw, 4.3rem) !important;
        line-height: 0.95 !important;
    }

    html body .site-footer .footer-links {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }
}

/* =========================
   Phase 25J — homepage hero card styling + H1 scale correction
   ========================= */

html body.home .homepage-hero .homepage-hero-copy h1 {
    max-width: 900px !important;
    font-size: clamp(4.1rem, 6.3vw, 6.2rem) !important;
    line-height: 0.93 !important;
    letter-spacing: -0.055em !important;
}

html body.home .homepage-hero .homepage-hero-support {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
    align-self: start !important;
}

html body.home .homepage-hero .homepage-hero-panel {
    display: block !important;
    width: 100% !important;
    padding: 1.35rem 1.35rem 1.25rem !important;
    border-radius: 1.25rem !important;
    background:
        linear-gradient(135deg, rgba(9, 20, 56, 0.96), rgba(7, 13, 34, 0.92)) !important;
    border: 1px solid rgba(74, 197, 255, 0.14) !important;
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.02) !important;
}

html body.home .homepage-hero .homepage-hero-panel-label {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    padding: 0.3rem 0.7rem !important;
    margin-bottom: 0.85rem !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    background: rgba(255, 255, 255, 0.02) !important;
    color: rgba(255, 255, 255, 0.78) !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
}

html body.home .homepage-hero .homepage-hero-panel p:last-child {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.84) !important;
    font-size: 0.98rem !important;
    line-height: 1.68 !important;
}

@media (max-width: 1024px) {
    html body.home .homepage-hero .homepage-hero-copy h1 {
        font-size: clamp(3.5rem, 7.2vw, 5.2rem) !important;
    }
}

@media (max-width: 767px) {
    html body.home .homepage-hero .homepage-hero-copy h1 {
        font-size: clamp(2.8rem, 11vw, 4rem) !important;
        line-height: 0.96 !important;
    }

    html body.home .homepage-hero .homepage-hero-panel {
        padding: 1.15rem 1.1rem 1.05rem !important;
    }
}

/* =========================
   Phase 25K — homepage hero rail card polish + H1 rebalance
   ========================= */

html body.home .homepage-hero .homepage-hero-copy h1 {
    max-width: 920px !important;
    font-size: clamp(4rem, 6vw, 5.7rem) !important;
    line-height: 0.94 !important;
    letter-spacing: -0.05em !important;
}

html body.home .homepage-hero .homepage-hero-support {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
    align-self: start !important;
}

html body.home .homepage-hero .homepage-hero-panel {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    padding: 1.4rem !important;
    border-radius: 1.25rem !important;
    background: linear-gradient(135deg, rgba(10, 22, 58, 0.96), rgba(8, 14, 36, 0.94)) !important;
    border: 1px solid rgba(74, 197, 255, 0.12) !important;
    box-shadow:
        0 16px 36px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
    overflow: hidden !important;
}

html body.home .homepage-hero .homepage-hero-panel::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: radial-gradient(circle at top right, rgba(74, 197, 255, 0.08), transparent 42%) !important;
    pointer-events: none !important;
}

html body.home .homepage-hero .homepage-hero-panel > * {
    position: relative !important;
    z-index: 1 !important;
}

html body.home .homepage-hero .homepage-hero-panel-label {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 0.34rem 0.78rem !important;
    margin-bottom: 0.85rem !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
}

html body.home .homepage-hero .homepage-hero-panel p:last-child {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.86) !important;
    font-size: 0.98rem !important;
    line-height: 1.68 !important;
}

@media (max-width: 1024px) {
    html body.home .homepage-hero .homepage-hero-copy h1 {
        font-size: clamp(3.4rem, 7vw, 4.9rem) !important;
    }
}

@media (max-width: 767px) {
    html body.home .homepage-hero .homepage-hero-copy h1 {
        font-size: clamp(2.7rem, 11vw, 3.8rem) !important;
        line-height: 0.97 !important;
    }

    html body.home .homepage-hero .homepage-hero-panel {
        padding: 1.15rem !important;
    }
}

/* =========================
   Phase 25L — homepage hero final polish
   H1 reduction + support card accents / hover
   ========================= */

html body.home .homepage-hero .homepage-hero-copy h1 {
    max-width: 860px !important;
    font-size: clamp(3.6rem, 5.4vw, 5.2rem) !important;
    line-height: 0.95 !important;
    letter-spacing: -0.045em !important;
}

html body.home .homepage-hero .homepage-hero-support {
    gap: 1.15rem !important;
}

html body.home .homepage-hero .homepage-hero-panel {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    padding: 1.4rem !important;
    border-radius: 1.3rem !important;
    background: linear-gradient(135deg, rgba(10, 22, 58, 0.96), rgba(8, 14, 36, 0.94)) !important;
    border: 1px solid rgba(74, 197, 255, 0.16) !important;
    box-shadow:
        0 18px 38px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
    overflow: hidden !important;
    transition:
        transform 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease,
        background 180ms ease !important;
}

html body.home .homepage-hero .homepage-hero-panel::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        radial-gradient(circle at top right, rgba(74, 197, 255, 0.12), transparent 40%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.015), transparent 38%) !important;
    pointer-events: none !important;
}

html body.home .homepage-hero .homepage-hero-panel::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 1.1rem !important;
    bottom: 1.1rem !important;
    width: 3px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, rgba(74, 197, 255, 0.9), rgba(166, 130, 255, 0.72)) !important;
    opacity: 0.9 !important;
    pointer-events: none !important;
}

html body.home .homepage-hero .homepage-hero-panel > * {
    position: relative !important;
    z-index: 1 !important;
}

html body.home .homepage-hero .homepage-hero-panel:hover,
html body.home .homepage-hero .homepage-hero-panel:focus-within {
    transform: translateY(-3px) !important;
    border-color: rgba(74, 197, 255, 0.24) !important;
    box-shadow:
        0 22px 44px rgba(0, 0, 0, 0.28),
        0 0 0 1px rgba(74, 197, 255, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

html body.home .homepage-hero .homepage-hero-panel-label {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 0.36rem 0.78rem !important;
    margin-bottom: 0.9rem !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    color: rgba(255, 255, 255, 0.84) !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
}

html body.home .homepage-hero .homepage-hero-panel p:last-child {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.87) !important;
    font-size: 0.98rem !important;
    line-height: 1.68 !important;
}

@media (max-width: 1024px) {
    html body.home .homepage-hero .homepage-hero-copy h1 {
        font-size: clamp(3.2rem, 6.5vw, 4.5rem) !important;
    }
}

@media (max-width: 767px) {
    html body.home .homepage-hero .homepage-hero-copy h1 {
        font-size: clamp(2.6rem, 10vw, 3.6rem) !important;
        line-height: 0.98 !important;
    }

    html body.home .homepage-hero .homepage-hero-panel {
        padding: 1.15rem 1.1rem 1.05rem !important;
    }
}

/* =========================
   Phase 26H — Treasury canonical final block
   Single-source Treasury styling aligned to Start Here / Tokenomics / Utility
   ========================= */

.treasury-page {
    padding-top: 1.8rem;
    padding-bottom: 3.4rem;
}

.treasury-page .vt-container {
    width: min(1240px, calc(100% - 3rem));
    margin-left: auto;
    margin-right: auto;
}

.treasury-hero,
.treasury-section,
.treasury-cta-band {
    position: relative;
}

.treasury-hero {
    padding-top: 0;
    padding-bottom: 1.2rem;
}

.treasury-hero-shell,
.treasury-section-shell,
.treasury-cta-shell {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(4, 11, 34, 0.985) 0%, rgba(3, 9, 28, 0.985) 100%);
    border: 1px solid rgba(56, 198, 255, 0.10);
    border-radius: 28px;
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.treasury-hero-shell {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr);
    gap: 1.5rem;
    padding: 2rem;
}

.treasury-hero-accent {
    position: absolute;
    inset: 0 auto 0 0;
    width: 1px;
    background: linear-gradient(180deg, rgba(56, 198, 255, 0.0) 0%, rgba(56, 198, 255, 0.42) 22%, rgba(56, 198, 255, 0.06) 100%);
    opacity: 0.9;
}

.treasury-hero-copy {
    position: relative;
    z-index: 1;
    max-width: 820px;
}

.treasury-hero-copy h1 {
    max-width: 9.5ch;
    margin-bottom: 1rem;
    letter-spacing: -0.03em;
    text-wrap: balance;
}

.treasury-hero-copy > p {
    max-width: 62ch;
    margin-bottom: 1.35rem;
}

.treasury-hero-copy .pill,
.treasury-section .eyebrow,
.treasury-cta-shell .eyebrow {
    color: rgba(118, 214, 255, 0.92);
}

.treasury-hero-actions,
.treasury-cta-shell .premium-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
}

.treasury-hero-actions .button-primary,
.treasury-cta-shell .premium-cta-actions .button-primary {
    box-shadow:
        0 8px 18px rgba(56, 198, 255, 0.12),
        inset 0 1px 0 rgba(255,255,255,0.06);
}

.treasury-hero-panel-grid {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 1rem;
    align-content: start;
}

.treasury-highlight-card,
.treasury-card,
.treasury-feature-card {
    position: relative;
    background: linear-gradient(180deg, rgba(255,255,255,0.022) 0%, rgba(255,255,255,0.012) 100%);
    border: 1px solid rgba(255,255,255,0.055);
    border-radius: 24px;
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.03);
}

.treasury-highlight-card {
    padding: 1.2rem 1.2rem 1.1rem;
}

.treasury-highlight-card h3,
.treasury-card h3,
.treasury-feature-card h3 {
    margin-bottom: 0.55rem;
}

.treasury-highlight-card-primary,
.treasury-card-accent,
.treasury-feature-card-accent {
    background: linear-gradient(180deg, rgba(255,255,255,0.026) 0%, rgba(255,255,255,0.014) 100%);
    border-color: rgba(56, 198, 255, 0.12);
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255,255,255,0.034);
}

.treasury-highlight-card-primary::after,
.treasury-card-accent::after,
.treasury-feature-card-accent::after {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 1px;
    border-radius: 24px 0 0 24px;
    background: linear-gradient(180deg, rgba(56, 198, 255, 0.8) 0%, rgba(56, 198, 255, 0.12) 100%);
    opacity: 0.9;
}

.treasury-highlight-card p:last-child,
.treasury-card p:last-child,
.treasury-feature-card p:last-child,
.treasury-section .premium-section-heading > p:last-child,
.treasury-cta-shell .premium-cta-copy p:last-child {
    margin-bottom: 0;
}

.treasury-section {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}

.treasury-section-shell {
    padding: 1.8rem 2rem 1.9rem;
}

.treasury-section .premium-section-heading {
    max-width: 920px;
    margin-bottom: 1.45rem;
}

.treasury-section .premium-section-heading h2 {
    max-width: 15ch;
    margin-bottom: 0.8rem;
    letter-spacing: -0.03em;
    text-wrap: balance;
}

.treasury-section .premium-section-heading > p {
    max-width: 68ch;
}

.treasury-card-grid,
.treasury-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
}

.treasury-card {
    padding: 1.45rem 1.35rem;
}

.treasury-card-wide {
    grid-column: 1 / -1;
}

.treasury-feature-card {
    padding: 1.4rem 1.35rem;
}

.treasury-feature-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.55rem;
    margin-bottom: 0.8rem;
    border-radius: 999px;
    background: rgba(56, 198, 255, 0.045);
    border: 1px solid rgba(56, 198, 255, 0.12);
    color: rgba(140, 220, 255, 0.94);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.treasury-cta-band {
    padding-top: 1.2rem;
    padding-bottom: 0;
}

.treasury-cta-shell {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.3rem;
    flex-wrap: wrap;
    padding: 1.7rem 1.8rem;
}

.treasury-cta-shell .premium-cta-copy {
    max-width: 680px;
}

.treasury-cta-shell .premium-cta-copy h2 {
    max-width: 17ch;
    margin-bottom: 0.7rem;
    letter-spacing: -0.03em;
    text-wrap: balance;
}

@media (max-width: 1100px) {
    .treasury-hero-shell {
        grid-template-columns: 1fr;
    }

    .treasury-hero-copy h1,
    .treasury-section .premium-section-heading h2,
    .treasury-cta-shell .premium-cta-copy h2 {
        max-width: none;
    }
}

@media (max-width: 960px) {
    .treasury-card-grid,
    .treasury-feature-grid {
        grid-template-columns: 1fr;
    }

    .treasury-card-wide {
        grid-column: auto;
    }
}

@media (max-width: 640px) {
    .treasury-page .vt-container {
        width: min(1240px, calc(100% - 1.25rem));
    }

    .treasury-hero-shell,
    .treasury-section-shell,
    .treasury-cta-shell,
    .treasury-highlight-card,
    .treasury-card,
    .treasury-feature-card {
        border-radius: 18px;
    }

    .treasury-highlight-card-primary::after,
    .treasury-card-accent::after,
    .treasury-feature-card-accent::after {
        border-radius: 18px 0 0 18px;
    }

    .treasury-hero-shell,
    .treasury-section-shell,
    .treasury-cta-shell {
        padding-left: 1.15rem;
        padding-right: 1.15rem;
    }

    .treasury-cta-shell .premium-cta-actions,
    .treasury-hero-actions {
        width: 100%;
    }

    .treasury-cta-shell .premium-cta-actions .button,
    .treasury-hero-actions .button {
        width: 100%;
        justify-content: center;
    }
}

/* =========================
   Phase 27A — Official Contracts foundation
   ========================= */

.official-contracts-page {
    padding-top: 1.8rem;
    padding-bottom: 3.4rem;
}

.official-contracts-page .vt-container {
    width: min(1240px, calc(100% - 3rem));
    margin-left: auto;
    margin-right: auto;
}

.official-contracts-hero,
.official-contracts-section,
.official-contracts-cta-band {
    position: relative;
}

.official-contracts-hero {
    padding-top: 0;
    padding-bottom: 1.2rem;
}

.official-contracts-hero-shell,
.official-contracts-section-shell,
.official-contracts-cta-shell {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(4, 11, 34, 0.985) 0%, rgba(3, 9, 28, 0.985) 100%);
    border: 1px solid rgba(56, 198, 255, 0.10);
    border-radius: 28px;
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.official-contracts-hero-shell {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr);
    gap: 1.5rem;
    padding: 2rem;
}

.official-contracts-hero-copy {
    max-width: 820px;
}

.official-contracts-hero-copy h1 {
    max-width: 12ch;
    margin-bottom: 1rem;
    letter-spacing: -0.03em;
}

.official-contracts-hero-copy > p {
    max-width: 64ch;
    margin-bottom: 1.35rem;
}

.official-contracts-hero-actions,
.official-contracts-cta-shell .premium-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
}

.official-contracts-hero-panel-grid {
    display: grid;
    gap: 1rem;
    align-content: start;
}

.official-contracts-highlight-card,
.official-contracts-card,
.official-contracts-address-card {
    position: relative;
    background: linear-gradient(180deg, rgba(255,255,255,0.022) 0%, rgba(255,255,255,0.012) 100%);
    border: 1px solid rgba(255,255,255,0.055);
    border-radius: 24px;
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.03);
}

.official-contracts-highlight-card {
    padding: 1.2rem 1.2rem 1.1rem;
}

.official-contracts-card,
.official-contracts-address-card {
    padding: 1.45rem 1.35rem;
}

.official-contracts-card-accent,
.official-contracts-address-card-accent,
.official-contracts-highlight-card-primary {
    border-color: rgba(56, 198, 255, 0.12);
}

.official-contracts-section {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}

.official-contracts-section-shell {
    padding: 1.8rem 2rem 1.9rem;
}

.official-contracts-section .premium-section-heading {
    max-width: 920px;
    margin-bottom: 1.45rem;
}

.official-contracts-section .premium-section-heading h2 {
    max-width: 16ch;
    margin-bottom: 0.8rem;
    letter-spacing: -0.03em;
}

.official-contracts-card-grid,
.official-contracts-address-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
}

.official-contracts-address-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.6rem;
    margin-bottom: 0.8rem;
    border-radius: 999px;
    background: rgba(56, 198, 255, 0.045);
    border: 1px solid rgba(56, 198, 255, 0.12);
    color: rgba(140, 220, 255, 0.94);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.official-contracts-address-status {
    color: rgba(118, 214, 255, 0.92);
}

.official-contracts-cta-band {
    padding-top: 1.2rem;
    padding-bottom: 0;
}

.official-contracts-cta-shell {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.3rem;
    flex-wrap: wrap;
    padding: 1.7rem 1.8rem;
}

.official-contracts-cta-shell .premium-cta-copy {
    max-width: 680px;
}

@media (max-width: 1100px) {
    .official-contracts-hero-shell {
        grid-template-columns: 1fr;
    }

    .official-contracts-hero-copy h1,
    .official-contracts-section .premium-section-heading h2 {
        max-width: none;
    }
}

@media (max-width: 960px) {
    .official-contracts-card-grid,
    .official-contracts-address-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .official-contracts-page .vt-container {
        width: min(1240px, calc(100% - 1.25rem));
    }

    .official-contracts-hero-shell,
    .official-contracts-section-shell,
    .official-contracts-cta-shell,
    .official-contracts-highlight-card,
    .official-contracts-card,
    .official-contracts-address-card {
        border-radius: 18px;
    }

    .official-contracts-hero-shell,
    .official-contracts-section-shell,
    .official-contracts-cta-shell {
        padding-left: 1.15rem;
        padding-right: 1.15rem;
    }

    .official-contracts-cta-shell .premium-cta-actions,
    .official-contracts-hero-actions {
        width: 100%;
    }

    .official-contracts-cta-shell .premium-cta-actions .button,
    .official-contracts-hero-actions .button {
        width: 100%;
        justify-content: center;
    }
}

/* =========================
   Phase 27B — Wallet / Bridge Guidance foundation
   ========================= */

.wallet-bridge-page {
    padding-top: 1.8rem;
    padding-bottom: 3.4rem;
}

.wallet-bridge-page .vt-container {
    width: min(1240px, calc(100% - 3rem));
    margin-left: auto;
    margin-right: auto;
}

.wallet-bridge-hero,
.wallet-bridge-section,
.wallet-bridge-cta-band {
    position: relative;
}

.wallet-bridge-hero {
    padding-top: 0;
    padding-bottom: 1.2rem;
}

.wallet-bridge-hero-shell,
.wallet-bridge-section-shell,
.wallet-bridge-cta-shell {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(4, 11, 34, 0.985) 0%, rgba(3, 9, 28, 0.985) 100%);
    border: 1px solid rgba(56, 198, 255, 0.10);
    border-radius: 28px;
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.wallet-bridge-hero-shell {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr);
    gap: 1.5rem;
    padding: 2rem;
}

.wallet-bridge-hero-copy {
    max-width: 820px;
}

.wallet-bridge-hero-copy h1 {
    max-width: 12ch;
    margin-bottom: 1rem;
    letter-spacing: -0.03em;
}

.wallet-bridge-hero-copy > p {
    max-width: 64ch;
    margin-bottom: 1.35rem;
}

.wallet-bridge-hero-actions,
.wallet-bridge-cta-shell .premium-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
}

.wallet-bridge-hero-panel-grid {
    display: grid;
    gap: 1rem;
    align-content: start;
}

.wallet-bridge-highlight-card,
.wallet-bridge-card,
.wallet-bridge-step-card {
    position: relative;
    background: linear-gradient(180deg, rgba(255,255,255,0.022) 0%, rgba(255,255,255,0.012) 100%);
    border: 1px solid rgba(255,255,255,0.055);
    border-radius: 24px;
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.03);
}

.wallet-bridge-highlight-card {
    padding: 1.2rem 1.2rem 1.1rem;
}

.wallet-bridge-card,
.wallet-bridge-step-card {
    padding: 1.45rem 1.35rem;
}

.wallet-bridge-card-accent,
.wallet-bridge-step-card-accent,
.wallet-bridge-highlight-card-primary {
    border-color: rgba(56, 198, 255, 0.12);
}

.wallet-bridge-section {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}

.wallet-bridge-section-shell {
    padding: 1.8rem 2rem 1.9rem;
}

.wallet-bridge-section .premium-section-heading {
    max-width: 920px;
    margin-bottom: 1.45rem;
}

.wallet-bridge-section .premium-section-heading h2 {
    max-width: 16ch;
    margin-bottom: 0.8rem;
    letter-spacing: -0.03em;
}

.wallet-bridge-card-grid,
.wallet-bridge-step-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
}

.wallet-bridge-step-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.6rem;
    margin-bottom: 0.8rem;
    border-radius: 999px;
    background: rgba(56, 198, 255, 0.045);
    border: 1px solid rgba(56, 198, 255, 0.12);
    color: rgba(140, 220, 255, 0.94);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.wallet-bridge-cta-band {
    padding-top: 1.2rem;
    padding-bottom: 0;
}

.wallet-bridge-cta-shell {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.3rem;
    flex-wrap: wrap;
    padding: 1.7rem 1.8rem;
}

.wallet-bridge-cta-shell .premium-cta-copy {
    max-width: 680px;
}

@media (max-width: 1100px) {
    .wallet-bridge-hero-shell {
        grid-template-columns: 1fr;
    }

    .wallet-bridge-hero-copy h1,
    .wallet-bridge-section .premium-section-heading h2 {
        max-width: none;
    }
}

@media (max-width: 960px) {
    .wallet-bridge-card-grid,
    .wallet-bridge-step-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .wallet-bridge-page .vt-container {
        width: min(1240px, calc(100% - 1.25rem));
    }

    .wallet-bridge-hero-shell,
    .wallet-bridge-section-shell,
    .wallet-bridge-cta-shell,
    .wallet-bridge-highlight-card,
    .wallet-bridge-card,
    .wallet-bridge-step-card {
        border-radius: 18px;
    }

    .wallet-bridge-hero-shell,
    .wallet-bridge-section-shell,
    .wallet-bridge-cta-shell {
        padding-left: 1.15rem;
        padding-right: 1.15rem;
    }

    .wallet-bridge-cta-shell .premium-cta-actions,
    .wallet-bridge-hero-actions {
        width: 100%;
    }

    .wallet-bridge-cta-shell .premium-cta-actions .button,
    .wallet-bridge-hero-actions .button {
        width: 100%;
        justify-content: center;
    }
}

/* =========================
   Phase 27C — Audits / Security foundation
   ========================= */

.audits-security-page {
    padding-top: 1.8rem;
    padding-bottom: 3.4rem;
}

.audits-security-page .vt-container {
    width: min(1240px, calc(100% - 3rem));
    margin-left: auto;
    margin-right: auto;
}

.audits-security-hero,
.audits-security-section,
.audits-security-cta-band {
    position: relative;
}

.audits-security-hero {
    padding-top: 0;
    padding-bottom: 1.2rem;
}

.audits-security-hero-shell,
.audits-security-section-shell,
.audits-security-cta-shell {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(4, 11, 34, 0.985) 0%, rgba(3, 9, 28, 0.985) 100%);
    border: 1px solid rgba(56, 198, 255, 0.10);
    border-radius: 28px;
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.audits-security-hero-shell {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr);
    gap: 1.5rem;
    padding: 2rem;
}

.audits-security-hero-copy {
    max-width: 820px;
}

.audits-security-hero-copy h1 {
    max-width: 12ch;
    margin-bottom: 1rem;
    letter-spacing: -0.03em;
}

.audits-security-hero-copy > p {
    max-width: 64ch;
    margin-bottom: 1.35rem;
}

.audits-security-hero-actions,
.audits-security-cta-shell .premium-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
}

.audits-security-hero-panel-grid {
    display: grid;
    gap: 1rem;
    align-content: start;
}

.audits-security-highlight-card,
.audits-security-card,
.audits-security-step-card {
    position: relative;
    background: linear-gradient(180deg, rgba(255,255,255,0.022) 0%, rgba(255,255,255,0.012) 100%);
    border: 1px solid rgba(255,255,255,0.055);
    border-radius: 24px;
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.03);
}

.audits-security-highlight-card {
    padding: 1.2rem 1.2rem 1.1rem;
}

.audits-security-card,
.audits-security-step-card {
    padding: 1.45rem 1.35rem;
}

.audits-security-card-accent,
.audits-security-step-card-accent,
.audits-security-highlight-card-primary {
    border-color: rgba(56, 198, 255, 0.12);
}

.audits-security-section {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}

.audits-security-section-shell {
    padding: 1.8rem 2rem 1.9rem;
}

.audits-security-section .premium-section-heading {
    max-width: 920px;
    margin-bottom: 1.45rem;
}

.audits-security-section .premium-section-heading h2 {
    max-width: 16ch;
    margin-bottom: 0.8rem;
    letter-spacing: -0.03em;
}

.audits-security-card-grid,
.audits-security-step-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
}

.audits-security-step-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.6rem;
    margin-bottom: 0.8rem;
    border-radius: 999px;
    background: rgba(56, 198, 255, 0.045);
    border: 1px solid rgba(56, 198, 255, 0.12);
    color: rgba(140, 220, 255, 0.94);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.audits-security-cta-band {
    padding-top: 1.2rem;
    padding-bottom: 0;
}

.audits-security-cta-shell {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.3rem;
    flex-wrap: wrap;
    padding: 1.7rem 1.8rem;
}

.audits-security-cta-shell .premium-cta-copy {
    max-width: 680px;
}

@media (max-width: 1100px) {
    .audits-security-hero-shell {
        grid-template-columns: 1fr;
    }

    .audits-security-hero-copy h1,
    .audits-security-section .premium-section-heading h2 {
        max-width: none;
    }
}

@media (max-width: 960px) {
    .audits-security-card-grid,
    .audits-security-step-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .audits-security-page .vt-container {
        width: min(1240px, calc(100% - 1.25rem));
    }

    .audits-security-hero-shell,
    .audits-security-section-shell,
    .audits-security-cta-shell,
    .audits-security-highlight-card,
    .audits-security-card,
    .audits-security-step-card {
        border-radius: 18px;
    }

    .audits-security-hero-shell,
    .audits-security-section-shell,
    .audits-security-cta-shell {
        padding-left: 1.15rem;
        padding-right: 1.15rem;
    }

    .audits-security-cta-shell .premium-cta-actions,
    .audits-security-hero-actions {
        width: 100%;
    }

    .audits-security-cta-shell .premium-cta-actions .button,
    .audits-security-hero-actions .button {
        width: 100%;
        justify-content: center;
    }
}

/* =========================
   Phase 27D — Legal / Disclaimer foundation
   ========================= */

.legal-disclaimer-page {
    padding-top: 1.8rem;
    padding-bottom: 3.4rem;
}

.legal-disclaimer-page .vt-container {
    width: min(1240px, calc(100% - 3rem));
    margin-left: auto;
    margin-right: auto;
}

.legal-disclaimer-hero,
.legal-disclaimer-section,
.legal-disclaimer-cta-band {
    position: relative;
}

.legal-disclaimer-hero {
    padding-top: 0;
    padding-bottom: 1.2rem;
}

.legal-disclaimer-hero-shell,
.legal-disclaimer-section-shell,
.legal-disclaimer-cta-shell {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(4, 11, 34, 0.985) 0%, rgba(3, 9, 28, 0.985) 100%);
    border: 1px solid rgba(56, 198, 255, 0.10);
    border-radius: 28px;
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.legal-disclaimer-hero-shell {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr);
    gap: 1.5rem;
    padding: 2rem;
}

.legal-disclaimer-hero-copy {
    max-width: 820px;
}

.legal-disclaimer-hero-copy h1 {
    max-width: 12ch;
    margin-bottom: 1rem;
    letter-spacing: -0.03em;
}

.legal-disclaimer-hero-copy > p {
    max-width: 64ch;
    margin-bottom: 1.35rem;
}

.legal-disclaimer-hero-actions,
.legal-disclaimer-cta-shell .premium-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
}

.legal-disclaimer-hero-panel-grid {
    display: grid;
    gap: 1rem;
    align-content: start;
}

.legal-disclaimer-highlight-card,
.legal-disclaimer-card,
.legal-disclaimer-step-card {
    position: relative;
    background: linear-gradient(180deg, rgba(255,255,255,0.022) 0%, rgba(255,255,255,0.012) 100%);
    border: 1px solid rgba(255,255,255,0.055);
    border-radius: 24px;
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.03);
}

.legal-disclaimer-highlight-card {
    padding: 1.2rem 1.2rem 1.1rem;
}

.legal-disclaimer-card,
.legal-disclaimer-step-card {
    padding: 1.45rem 1.35rem;
}

.legal-disclaimer-card-accent,
.legal-disclaimer-step-card-accent,
.legal-disclaimer-highlight-card-primary {
    border-color: rgba(56, 198, 255, 0.12);
}

.legal-disclaimer-section {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}

.legal-disclaimer-section-shell {
    padding: 1.8rem 2rem 1.9rem;
}

.legal-disclaimer-section .premium-section-heading {
    max-width: 920px;
    margin-bottom: 1.45rem;
}

.legal-disclaimer-section .premium-section-heading h2 {
    max-width: 16ch;
    margin-bottom: 0.8rem;
    letter-spacing: -0.03em;
}

.legal-disclaimer-card-grid,
.legal-disclaimer-step-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
}

.legal-disclaimer-step-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.6rem;
    margin-bottom: 0.8rem;
    border-radius: 999px;
    background: rgba(56, 198, 255, 0.045);
    border: 1px solid rgba(56, 198, 255, 0.12);
    color: rgba(140, 220, 255, 0.94);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.legal-disclaimer-cta-band {
    padding-top: 1.2rem;
    padding-bottom: 0;
}

.legal-disclaimer-cta-shell {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.3rem;
    flex-wrap: wrap;
    padding: 1.7rem 1.8rem;
}

.legal-disclaimer-cta-shell .premium-cta-copy {
    max-width: 680px;
}

@media (max-width: 1100px) {
    .legal-disclaimer-hero-shell {
        grid-template-columns: 1fr;
    }

    .legal-disclaimer-hero-copy h1,
    .legal-disclaimer-section .premium-section-heading h2 {
        max-width: none;
    }
}

@media (max-width: 960px) {
    .legal-disclaimer-card-grid,
    .legal-disclaimer-step-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .legal-disclaimer-page .vt-container {
        width: min(1240px, calc(100% - 1.25rem));
    }

    .legal-disclaimer-hero-shell,
    .legal-disclaimer-section-shell,
    .legal-disclaimer-cta-shell,
    .legal-disclaimer-highlight-card,
    .legal-disclaimer-card,
    .legal-disclaimer-step-card {
        border-radius: 18px;
    }

    .legal-disclaimer-hero-shell,
    .legal-disclaimer-section-shell,
    .legal-disclaimer-cta-shell {
        padding-left: 1.15rem;
        padding-right: 1.15rem;
    }

    .legal-disclaimer-cta-shell .premium-cta-actions,
    .legal-disclaimer-hero-actions {
        width: 100%;
    }

    .legal-disclaimer-cta-shell .premium-cta-actions .button,
    .legal-disclaimer-hero-actions .button {
        width: 100%;
        justify-content: center;
    }
}

/* =========================
   Phase 27D — Legal / Disclaimer foundation
   ========================= */

.legal-disclaimer-page {
    padding-top: 1.8rem;
    padding-bottom: 3.4rem;
}

.legal-disclaimer-page .vt-container {
    width: min(1240px, calc(100% - 3rem));
    margin-left: auto;
    margin-right: auto;
}

.legal-disclaimer-hero,
.legal-disclaimer-section,
.legal-disclaimer-cta-band {
    position: relative;
}

.legal-disclaimer-hero {
    padding-top: 0;
    padding-bottom: 1.2rem;
}

.legal-disclaimer-hero-shell,
.legal-disclaimer-section-shell,
.legal-disclaimer-cta-shell {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(4, 11, 34, 0.985) 0%, rgba(3, 9, 28, 0.985) 100%);
    border: 1px solid rgba(56, 198, 255, 0.10);
    border-radius: 28px;
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.legal-disclaimer-hero-shell {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr);
    gap: 1.5rem;
    padding: 2rem;
}

.legal-disclaimer-hero-copy {
    max-width: 820px;
}

.legal-disclaimer-hero-copy h1 {
    max-width: 12ch;
    margin-bottom: 1rem;
    letter-spacing: -0.03em;
}

.legal-disclaimer-hero-copy > p {
    max-width: 64ch;
    margin-bottom: 1.35rem;
}

.legal-disclaimer-hero-actions,
.legal-disclaimer-cta-shell .premium-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
}

.legal-disclaimer-hero-panel-grid {
    display: grid;
    gap: 1rem;
    align-content: start;
}

.legal-disclaimer-highlight-card,
.legal-disclaimer-card,
.legal-disclaimer-step-card {
    position: relative;
    background: linear-gradient(180deg, rgba(255,255,255,0.022) 0%, rgba(255,255,255,0.012) 100%);
    border: 1px solid rgba(255,255,255,0.055);
    border-radius: 24px;
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.03);
}

.legal-disclaimer-highlight-card {
    padding: 1.2rem 1.2rem 1.1rem;
}

.legal-disclaimer-card,
.legal-disclaimer-step-card {
    padding: 1.45rem 1.35rem;
}

.legal-disclaimer-card-accent,
.legal-disclaimer-step-card-accent,
.legal-disclaimer-highlight-card-primary {
    border-color: rgba(56, 198, 255, 0.12);
}

.legal-disclaimer-section {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}

.legal-disclaimer-section-shell {
    padding: 1.8rem 2rem 1.9rem;
}

.legal-disclaimer-section .premium-section-heading {
    max-width: 920px;
    margin-bottom: 1.45rem;
}

.legal-disclaimer-section .premium-section-heading h2 {
    max-width: 16ch;
    margin-bottom: 0.8rem;
    letter-spacing: -0.03em;
}

.legal-disclaimer-card-grid,
.legal-disclaimer-step-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
}

.legal-disclaimer-step-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.6rem;
    margin-bottom: 0.8rem;
    border-radius: 999px;
    background: rgba(56, 198, 255, 0.045);
    border: 1px solid rgba(56, 198, 255, 0.12);
    color: rgba(140, 220, 255, 0.94);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.legal-disclaimer-cta-band {
    padding-top: 1.2rem;
    padding-bottom: 0;
}

.legal-disclaimer-cta-shell {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.3rem;
    flex-wrap: wrap;
    padding: 1.7rem 1.8rem;
}

.legal-disclaimer-cta-shell .premium-cta-copy {
    max-width: 680px;
}

@media (max-width: 1100px) {
    .legal-disclaimer-hero-shell {
        grid-template-columns: 1fr;
    }

    .legal-disclaimer-hero-copy h1,
    .legal-disclaimer-section .premium-section-heading h2 {
        max-width: none;
    }
}

@media (max-width: 960px) {
    .legal-disclaimer-card-grid,
    .legal-disclaimer-step-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .legal-disclaimer-page .vt-container {
        width: min(1240px, calc(100% - 1.25rem));
    }

    .legal-disclaimer-hero-shell,
    .legal-disclaimer-section-shell,
    .legal-disclaimer-cta-shell,
    .legal-disclaimer-highlight-card,
    .legal-disclaimer-card,
    .legal-disclaimer-step-card {
        border-radius: 18px;
    }

    .legal-disclaimer-hero-shell,
    .legal-disclaimer-section-shell,
    .legal-disclaimer-cta-shell {
        padding-left: 1.15rem;
        padding-right: 1.15rem;
    }

    .legal-disclaimer-cta-shell .premium-cta-actions,
    .legal-disclaimer-hero-actions {
        width: 100%;
    }

    .legal-disclaimer-cta-shell .premium-cta-actions .button,
    .legal-disclaimer-hero-actions .button {
        width: 100%;
        justify-content: center;
    }
}

/* =========================
   Phase 27E — FAQ foundation
   ========================= */

.faq-page {
    padding-top: 1.8rem;
    padding-bottom: 3.4rem;
}

.faq-page .vt-container {
    width: min(1240px, calc(100% - 3rem));
    margin-left: auto;
    margin-right: auto;
}

.faq-hero,
.faq-section,
.faq-cta-band {
    position: relative;
}

.faq-hero {
    padding-top: 0;
    padding-bottom: 1.2rem;
}

.faq-hero-shell,
.faq-section-shell,
.faq-cta-shell {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(4, 11, 34, 0.985) 0%, rgba(3, 9, 28, 0.985) 100%);
    border: 1px solid rgba(56, 198, 255, 0.10);
    border-radius: 28px;
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.faq-hero-shell {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr);
    gap: 1.5rem;
    padding: 2rem;
}

.faq-hero-copy {
    max-width: 820px;
}

.faq-hero-copy h1 {
    max-width: 12ch;
    margin-bottom: 1rem;
    letter-spacing: -0.03em;
}

.faq-hero-copy > p {
    max-width: 64ch;
    margin-bottom: 1.35rem;
}

.faq-hero-actions,
.faq-cta-shell .premium-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
}

.faq-hero-panel-grid {
    display: grid;
    gap: 1rem;
    align-content: start;
}

.faq-highlight-card,
.faq-card,
.faq-step-card {
    position: relative;
    background: linear-gradient(180deg, rgba(255,255,255,0.022) 0%, rgba(255,255,255,0.012) 100%);
    border: 1px solid rgba(255,255,255,0.055);
    border-radius: 24px;
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.03);
}

.faq-highlight-card {
    padding: 1.2rem 1.2rem 1.1rem;
}

.faq-card,
.faq-step-card {
    padding: 1.45rem 1.35rem;
}

.faq-card-accent,
.faq-step-card-accent,
.faq-highlight-card-primary {
    border-color: rgba(56, 198, 255, 0.12);
}

.faq-section {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}

.faq-section-shell {
    padding: 1.8rem 2rem 1.9rem;
}

.faq-section .premium-section-heading {
    max-width: 920px;
    margin-bottom: 1.45rem;
}

.faq-section .premium-section-heading h2 {
    max-width: 16ch;
    margin-bottom: 0.8rem;
    letter-spacing: -0.03em;
}

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

.faq-step-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.6rem;
    margin-bottom: 0.8rem;
    border-radius: 999px;
    background: rgba(56, 198, 255, 0.045);
    border: 1px solid rgba(56, 198, 255, 0.12);
    color: rgba(140, 220, 255, 0.94);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.faq-cta-band {
    padding-top: 1.2rem;
    padding-bottom: 0;
}

.faq-cta-shell {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.3rem;
    flex-wrap: wrap;
    padding: 1.7rem 1.8rem;
}

.faq-cta-shell .premium-cta-copy {
    max-width: 680px;
}

@media (max-width: 1100px) {
    .faq-hero-shell {
        grid-template-columns: 1fr;
    }

    .faq-hero-copy h1,
    .faq-section .premium-section-heading h2 {
        max-width: none;
    }
}

@media (max-width: 960px) {
    .faq-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .faq-page .vt-container {
        width: min(1240px, calc(100% - 1.25rem));
    }

    .faq-hero-shell,
    .faq-section-shell,
    .faq-cta-shell,
    .faq-highlight-card,
    .faq-card,
    .faq-step-card {
        border-radius: 18px;
    }

    .faq-hero-shell,
    .faq-section-shell,
    .faq-cta-shell {
        padding-left: 1.15rem;
        padding-right: 1.15rem;
    }

    .faq-cta-shell .premium-cta-actions,
    .faq-hero-actions {
        width: 100%;
    }

    .faq-cta-shell .premium-cta-actions .button,
    .faq-hero-actions .button {
        width: 100%;
        justify-content: center;
    }
}

/* =========================
   Phase 28F — Footer alignment and content refinement
   Brand + 4 aligned columns on desktop
   ========================= */

@media (min-width: 981px) {
    .site-footer-top {
        display: grid;
        grid-template-columns: minmax(260px, 1.2fr) minmax(0, 4fr);
        gap: 2.75rem;
        align-items: start;
    }

    .site-footer-brand {
        max-width: 320px;
    }

    .footer-links {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 2rem 2rem;
        align-items: start;
    }

    .footer-link-column {
        align-items: flex-start;
        text-align: left;
        min-width: 0;
    }

    .footer-link-column h3,
    .footer-link-column h4 {
        margin-bottom: 0.9rem;
        white-space: nowrap;
    }

    .footer-link-column a {
        line-height: 1.45;
    }
}

@media (max-width: 980px) {
    .footer-links {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.5rem 1.5rem;
    }
}

@media (max-width: 640px) {
    .footer-links {
        grid-template-columns: 1fr;
    }
}

/* =========================
   Phase 29A — Start Here What / Why / How pathway refinement
   ========================= */

.start-here-pathway-section {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}

.start-here-section-shell {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(4, 11, 34, 0.985) 0%, rgba(3, 9, 28, 0.985) 100%);
    border: 1px solid rgba(56, 198, 255, 0.10);
    border-radius: 28px;
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    padding: 1.8rem 2rem 1.9rem;
}

.start-here-pathway-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
}

.start-here-pathway-card {
    position: relative;
    background: linear-gradient(180deg, rgba(255,255,255,0.022) 0%, rgba(255,255,255,0.012) 100%);
    border: 1px solid rgba(255,255,255,0.055);
    border-radius: 24px;
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.03);
    padding: 1.45rem 1.35rem;
}

.start-here-pathway-card-accent {
    border-color: rgba(56, 198, 255, 0.12);
}

.start-here-pathway-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.6rem;
    margin-bottom: 0.8rem;
    border-radius: 999px;
    background: rgba(56, 198, 255, 0.045);
    border: 1px solid rgba(56, 198, 255, 0.12);
    color: rgba(140, 220, 255, 0.94);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.start-here-pathway-card h3 {
    margin-bottom: 0.55rem;
}

.start-here-pathway-card p {
    margin-bottom: 0.9rem;
}

.start-here-pathway-card .text-link {
    font-weight: 600;
}

@media (max-width: 960px) {
    .start-here-pathway-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .start-here-section-shell,
    .start-here-pathway-card {
        border-radius: 18px;
    }

    .start-here-section-shell {
        padding-left: 1.15rem;
        padding-right: 1.15rem;
    }
}

/* =========================
   Phase 29B — Venture detail expansion foundation
   ========================= */

.venture-card-detail-grid,
.venture-single-detail-grid {
    display: grid;
    gap: 1rem;
}

.venture-card-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.venture-single-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1rem;
}

.venture-detail-item,
.venture-single-detail-card {
    background: linear-gradient(180deg, rgba(255,255,255,0.022) 0%, rgba(255,255,255,0.012) 100%);
    border: 1px solid rgba(255,255,255,0.055);
    border-radius: 20px;
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.03);
}

.venture-detail-item {
    padding: 1rem 1rem 0.95rem;
}

.venture-single-detail-card {
    padding: 1.35rem 1.25rem;
}

.venture-single-detail-card-accent {
    border-color: rgba(56, 198, 255, 0.12);
}

.venture-detail-label {
    display: inline-flex;
    margin-bottom: 0.55rem;
    color: rgba(140, 220, 255, 0.94);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.venture-detail-item p:last-child,
.venture-single-detail-card p:last-child {
    margin-bottom: 0;
}

@media (max-width: 960px) {
    .venture-card-detail-grid,
    .venture-single-detail-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================
   Phase 29B — Venture detail expansion repair pass
   ========================= */

.venture-card-detail-grid,
.venture-single-detail-grid {
    display: grid;
    gap: 1rem;
}

.venture-card-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.venture-single-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1rem;
}

.venture-detail-item,
.venture-single-detail-card {
    background: linear-gradient(180deg, rgba(255,255,255,0.022) 0%, rgba(255,255,255,0.012) 100%);
    border: 1px solid rgba(255,255,255,0.055);
    border-radius: 20px;
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.03);
}

.venture-detail-item {
    padding: 1rem 1rem 0.95rem;
}

.venture-detail-item-wide {
    grid-column: 1 / -1;
}

.venture-single-detail-card {
    padding: 1.35rem 1.25rem;
}

.venture-single-detail-card-accent {
    border-color: rgba(56, 198, 255, 0.12);
}

.venture-detail-label {
    display: inline-flex;
    margin-bottom: 0.55rem;
    color: rgba(140, 220, 255, 0.94);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.venture-detail-item p:last-child,
.venture-single-detail-card p:last-child {
    margin-bottom: 0;
}

@media (max-width: 960px) {
    .venture-card-detail-grid,
    .venture-single-detail-grid {
        grid-template-columns: 1fr;
    }

    .venture-detail-item-wide {
        grid-column: auto;
    }
}

/* =========================
   Phase 29C — Ecosystem + Signals parity refinement
   ========================= */

.ecosystem-overview-grid .card,
.signal-feed-grid .signal-card {
    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease;
}

.ecosystem-overview-grid .card:hover,
.signal-feed-grid .signal-card:hover {
    transform: translateY(-3px);
    border-color: rgba(56, 198, 255, 0.14);
    box-shadow:
        0 18px 36px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255,255,255,0.03);
}

.ecosystem-overview-grid .card .pill,
.signal-feed-grid .signal-card .pill {
    min-height: 2rem;
}

.ecosystem-overview-grid .card h3,
.signal-feed-grid .signal-card h3 {
    line-height: 1.12;
}

.ecosystem-overview-grid .card p,
.signal-feed-grid .signal-card p {
    max-width: 68ch;
}

.ecosystem-overview-grid .section-head-actions,
.signal-feed-archive .section-head-actions,
.signal-card-actions {
    gap: 0.75rem;
}

.signal-feed-grid .signal-card-relevance,
.signal-feed-grid .signal-card-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.signal-feed-grid .signal-card-why-now strong {
    color: rgba(140, 220, 255, 0.94);
}

.signal-feed-grid .signal-card-relationship,
.ecosystem-overview-grid .relationship-note {
    border-left: 2px solid rgba(56, 198, 255, 0.12);
    padding-left: 0.8rem;
}

@media (max-width: 960px) {
    .ecosystem-overview-grid .card p,
    .signal-feed-grid .signal-card p {
        max-width: none;
    }
}

/* =========================
   Phase 29C — Ecosystem + Signals parity refinement
   ========================= */

.ecosystem-overview-grid .card,
.signal-feed-grid .signal-card {
    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease;
}

.ecosystem-overview-grid .card:hover,
.signal-feed-grid .signal-card:hover {
    transform: translateY(-3px);
    border-color: rgba(56, 198, 255, 0.14);
    box-shadow:
        0 18px 36px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255,255,255,0.03);
}

.ecosystem-overview-grid .card .pill,
.signal-feed-grid .signal-card .pill {
    min-height: 2rem;
}

.ecosystem-overview-grid .card h3,
.signal-feed-grid .signal-card h3 {
    line-height: 1.12;
}

.ecosystem-overview-grid .card p,
.signal-feed-grid .signal-card p {
    max-width: 68ch;
}

.ecosystem-overview-grid .section-head-actions,
.signal-feed-archive .section-head-actions,
.signal-card-actions {
    gap: 0.75rem;
}

.signal-feed-grid .signal-card-relevance,
.signal-feed-grid .signal-card-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.signal-feed-grid .signal-card-why-now strong {
    color: rgba(140, 220, 255, 0.94);
}

.signal-feed-grid .signal-card-relationship,
.ecosystem-overview-grid .relationship-note {
    border-left: 2px solid rgba(56, 198, 255, 0.12);
    padding-left: 0.8rem;
}

@media (max-width: 960px) {
    .ecosystem-overview-grid .card p,
    .signal-feed-grid .signal-card p {
        max-width: none;
    }
}

/* =========================
   Phase 29C — Ecosystem + Signals parity refinement pass 2
   ========================= */

.ecosystem-overview-grid .card,
.signal-feed-grid .signal-card {
    position: relative;
    overflow: hidden;
}

.ecosystem-overview-grid .card::after,
.signal-feed-grid .signal-card::after {
    content: "";
    position: absolute;
    top: 0.9rem;
    right: 0.9rem;
    width: 88px;
    height: 88px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(56, 198, 255, 0.07) 0%, rgba(56, 198, 255, 0) 72%);
    pointer-events: none;
    opacity: 0.9;
}

.ecosystem-overview-grid .card > *,
.signal-feed-grid .signal-card > * {
    position: relative;
    z-index: 1;
}

.ecosystem-overview-grid .card .pill,
.signal-feed-grid .signal-card .pill {
    border-color: rgba(56, 198, 255, 0.1);
}

.ecosystem-overview-grid .card .section-head-actions,
.signal-feed-grid .signal-card-actions {
    margin-top: 0.85rem;
}

.signal-feed-grid .signal-card-summary,
.ecosystem-overview-grid .card p {
    color: rgba(228, 232, 242, 0.9);
}

.signal-feed-grid .signal-card-relationship,
.ecosystem-overview-grid .relationship-note {
    margin-top: 0.9rem;
    color: rgba(201, 213, 230, 0.88);
}

@media (max-width: 640px) {
    .ecosystem-overview-grid .card::after,
    .signal-feed-grid .signal-card::after {
        width: 68px;
        height: 68px;
        top: 0.7rem;
        right: 0.7rem;
    }
}

/* =========================
   Phase 29D — Homepage completion foundation
   ========================= */

.homepage-story-section,
.homepage-routing-section,
.homepage-venture-explainer-section {
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
}

.homepage-story-shell,
.homepage-routing-shell,
.homepage-venture-explainer-shell {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(4, 11, 34, 0.985) 0%, rgba(3, 9, 28, 0.985) 100%);
    border: 1px solid rgba(56, 198, 255, 0.10);
    border-radius: 28px;
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    padding: 1.8rem 2rem 1.9rem;
}

.homepage-story-grid,
.homepage-routing-grid,
.homepage-venture-explainer-grid {
    display: grid;
    gap: 1.25rem;
}

.homepage-story-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.homepage-routing-grid,
.homepage-venture-explainer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.homepage-story-card,
.homepage-routing-card,
.homepage-venture-explainer-card {
    position: relative;
    background: linear-gradient(180deg, rgba(255,255,255,0.022) 0%, rgba(255,255,255,0.012) 100%);
    border: 1px solid rgba(255,255,255,0.055);
    border-radius: 24px;
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.03);
    padding: 1.45rem 1.35rem;
}

.homepage-story-card-accent,
.homepage-routing-card-accent,
.homepage-venture-explainer-card-accent {
    border-color: rgba(56, 198, 255, 0.12);
}

.homepage-story-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.6rem;
    margin-bottom: 0.8rem;
    border-radius: 999px;
    background: rgba(56, 198, 255, 0.045);
    border: 1px solid rgba(56, 198, 255, 0.12);
    color: rgba(140, 220, 255, 0.94);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.homepage-routing-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin-top: 0.9rem;
}

@media (max-width: 960px) {
    .homepage-story-grid,
    .homepage-routing-grid,
    .homepage-venture-explainer-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .homepage-story-shell,
    .homepage-routing-shell,
    .homepage-venture-explainer-shell,
    .homepage-story-card,
    .homepage-routing-card,
    .homepage-venture-explainer-card {
        border-radius: 18px;
    }

    .homepage-story-shell,
    .homepage-routing-shell,
    .homepage-venture-explainer-shell {
        padding-left: 1.15rem;
        padding-right: 1.15rem;
    }
}

/* =========================
   Phase 29D — Homepage hero video and support-section pass
   ========================= */

.homepage-hero-video-section,
.homepage-support-section {
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
}

.homepage-hero-video-shell,
.homepage-support-shell {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(4, 11, 34, 0.985) 0%, rgba(3, 9, 28, 0.985) 100%);
    border: 1px solid rgba(56, 198, 255, 0.10);
    border-radius: 28px;
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    padding: 1.8rem 2rem 1.9rem;
}

.homepage-hero-video-grid,
.homepage-support-grid {
    display: grid;
    gap: 1.25rem;
}

.homepage-hero-video-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.homepage-support-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.homepage-video-card,
.homepage-support-card {
    position: relative;
    background: linear-gradient(180deg, rgba(255,255,255,0.022) 0%, rgba(255,255,255,0.012) 100%);
    border: 1px solid rgba(255,255,255,0.055);
    border-radius: 24px;
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.03);
    padding: 1.45rem 1.35rem;
}

.homepage-video-card-primary,
.homepage-support-card-accent {
    border-color: rgba(56, 198, 255, 0.12);
}

.homepage-video-label {
    display: inline-flex;
    margin-bottom: 0.9rem;
    color: rgba(140, 220, 255, 0.94);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.homepage-video-embed-shell {
    position: relative;
    min-height: 260px;
    border-radius: 20px;
    border: 1px solid rgba(56, 198, 255, 0.1);
    background:
        linear-gradient(180deg, rgba(8, 18, 44, 0.95) 0%, rgba(5, 12, 32, 0.95) 100%);
    overflow: hidden;
}

.homepage-video-placeholder {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    text-align: center;
    padding: 1.4rem;
}

.homepage-video-placeholder span {
    color: rgba(230, 238, 247, 0.96);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.homepage-video-placeholder p {
    max-width: 42ch;
    margin: 0;
    color: rgba(201, 213, 230, 0.86);
}

@media (max-width: 960px) {
    .homepage-hero-video-grid,
    .homepage-support-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .homepage-hero-video-shell,
    .homepage-support-shell,
    .homepage-video-card,
    .homepage-support-card,
    .homepage-video-embed-shell {
        border-radius: 18px;
    }

    .homepage-hero-video-shell,
    .homepage-support-shell {
        padding-left: 1.15rem;
        padding-right: 1.15rem;
    }

    .homepage-video-embed-shell,
    .homepage-video-placeholder {
        min-height: 220px;
    }
}

/* =========================
   Phase 29D — Video alignment and homepage narrative polish
   ========================= */

.homepage-hero-video-grid {
    align-items: stretch;
}

.homepage-video-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.homepage-video-card .homepage-video-embed-shell {
    flex: 1 1 auto;
}

.homepage-video-card .homepage-video-embed-shell > div {
    height: 100%;
}

.homepage-video-card:first-child .homepage-video-embed-shell {
    min-height: 0;
}

.homepage-video-card:last-child .homepage-video-embed-shell {
    min-height: 0;
}

.homepage-video-card iframe {
    border-radius: 18px;
}

.homepage-hero-video-shell .premium-section-heading,
.homepage-support-shell .premium-section-heading,
.homepage-story-shell .premium-section-heading,
.homepage-routing-shell .premium-section-heading,
.homepage-venture-explainer-shell .premium-section-heading {
    max-width: 88ch;
}

.homepage-story-card h3,
.homepage-routing-card h3,
.homepage-venture-explainer-card h3,
.homepage-support-card h3,
.homepage-video-card h3 {
    line-height: 1.12;
}

.homepage-story-card p,
.homepage-routing-card p,
.homepage-venture-explainer-card p,
.homepage-support-card p {
    color: rgba(226, 232, 241, 0.88);
}

.homepage-story-card,
.homepage-routing-card,
.homepage-venture-explainer-card,
.homepage-support-card,
.homepage-video-card {
    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease;
}

.homepage-story-card:hover,
.homepage-routing-card:hover,
.homepage-venture-explainer-card:hover,
.homepage-support-card:hover,
.homepage-video-card:hover {
    transform: translateY(-3px);
    border-color: rgba(56, 198, 255, 0.14);
    box-shadow:
        0 18px 36px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255,255,255,0.03);
}

.homepage-routing-card .homepage-routing-actions .pill,
.homepage-story-card .pill,
.homepage-support-card .pill,
.homepage-venture-explainer-card .pill {
    min-height: 2rem;
}

.homepage-support-grid,
.homepage-routing-grid,
.homepage-venture-explainer-grid {
    align-items: stretch;
}

@media (min-width: 961px) {
    .homepage-video-card:first-child .homepage-video-embed-shell {
        aspect-ratio: 16 / 9;
    }

    .homepage-video-card:last-child .homepage-video-embed-shell {
        aspect-ratio: 4 / 3;
    }

    .homepage-video-card:first-child iframe,
    .homepage-video-card:last-child iframe {
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 960px) {
    .homepage-video-card:first-child .homepage-video-embed-shell,
    .homepage-video-card:last-child .homepage-video-embed-shell {
        aspect-ratio: auto;
    }
}

/* =========================
   Phase 29D — Homepage premium finish pass
   ========================= */

.homepage-hero-video-section,
.homepage-story-section,
.homepage-routing-section,
.homepage-venture-explainer-section,
.homepage-support-section {
    padding-top: 1.45rem;
    padding-bottom: 1.45rem;
}

.homepage-hero-video-shell,
.homepage-story-shell,
.homepage-routing-shell,
.homepage-venture-explainer-shell,
.homepage-support-shell {
    padding: 2.1rem 2.2rem 2.25rem;
}

.homepage-hero-video-shell .premium-section-heading,
.homepage-story-shell .premium-section-heading,
.homepage-routing-shell .premium-section-heading,
.homepage-venture-explainer-shell .premium-section-heading,
.homepage-support-shell .premium-section-heading {
    max-width: 76ch;
    margin-bottom: 1.35rem;
}

.homepage-hero-video-shell .premium-section-heading h2,
.homepage-story-shell .premium-section-heading h2,
.homepage-routing-shell .premium-section-heading h2,
.homepage-venture-explainer-shell .premium-section-heading h2,
.homepage-support-shell .premium-section-heading h2 {
    font-size: clamp(2rem, 2.5vw, 3rem);
    line-height: 1.02;
    letter-spacing: -0.04em;
    margin-bottom: 0.75rem;
}

.homepage-hero-video-shell .premium-section-heading p,
.homepage-story-shell .premium-section-heading p,
.homepage-routing-shell .premium-section-heading p,
.homepage-venture-explainer-shell .premium-section-heading p,
.homepage-support-shell .premium-section-heading p {
    max-width: 72ch;
    color: rgba(225, 232, 241, 0.88);
}

.homepage-hero-video-grid {
    grid-template-columns: minmax(0, 1.18fr) minmax(0, 0.82fr);
    align-items: stretch;
    gap: 1.4rem;
}

.homepage-story-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.homepage-routing-grid,
.homepage-venture-explainer-grid,
.homepage-support-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
}

.homepage-video-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1.25rem 1.25rem 1.2rem;
}

.homepage-video-card .homepage-video-embed-shell {
    flex: 1 1 auto;
}

.homepage-story-card,
.homepage-routing-card,
.homepage-venture-explainer-card,
.homepage-support-card {
    min-height: 220px;
    padding: 1.6rem 1.5rem;
}

.homepage-story-card h3,
.homepage-routing-card h3,
.homepage-venture-explainer-card h3,
.homepage-support-card h3 {
    font-size: 1.35rem;
    line-height: 1.12;
    letter-spacing: -0.02em;
    margin-bottom: 0.65rem;
}

.homepage-story-card p,
.homepage-routing-card p,
.homepage-venture-explainer-card p,
.homepage-support-card p {
    font-size: 1rem;
    line-height: 1.65;
    color: rgba(226, 232, 241, 0.88);
}

.homepage-story-card .pill,
.homepage-routing-actions .pill,
.homepage-video-card .pill {
    min-height: 2.1rem;
    font-size: 0.88rem;
}

.homepage-routing-actions {
    gap: 0.75rem;
    margin-top: 1rem;
}

.homepage-video-card:first-child .homepage-video-embed-shell {
    aspect-ratio: 16 / 9;
}

.homepage-video-card:last-child .homepage-video-embed-shell {
    aspect-ratio: 4 / 3;
}

.homepage-video-card iframe {
    width: 100%;
    height: 100%;
    border-radius: 18px;
}

@media (max-width: 960px) {
    .homepage-hero-video-grid,
    .homepage-story-grid,
    .homepage-routing-grid,
    .homepage-venture-explainer-grid,
    .homepage-support-grid {
        grid-template-columns: 1fr;
    }

    .homepage-video-card:first-child .homepage-video-embed-shell,
    .homepage-video-card:last-child .homepage-video-embed-shell {
        aspect-ratio: auto;
    }
}

@media (max-width: 640px) {
    .homepage-hero-video-shell,
    .homepage-story-shell,
    .homepage-routing-shell,
    .homepage-venture-explainer-shell,
    .homepage-support-shell,
    .homepage-story-card,
    .homepage-routing-card,
    .homepage-venture-explainer-card,
    .homepage-support-card,
    .homepage-video-card,
    .homepage-video-embed-shell {
        border-radius: 18px;
    }

    .homepage-hero-video-shell,
    .homepage-story-shell,
    .homepage-routing-shell,
    .homepage-venture-explainer-shell,
    .homepage-support-shell {
        padding-left: 1.15rem;
        padding-right: 1.15rem;
    }
}

/* =========================
   Phase 29E — Infrastructure and trusted-routes refinement
   ========================= */

.homepage-infrastructure-section {
    padding-top: 1.45rem;
    padding-bottom: 1.45rem;
}

.homepage-infrastructure-shell {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(4, 11, 34, 0.985) 0%, rgba(3, 9, 28, 0.985) 100%);
    border: 1px solid rgba(56, 198, 255, 0.10);
    border-radius: 28px;
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    padding: 2.05rem 2.2rem 2.2rem;
}

.homepage-infrastructure-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    align-items: stretch;
}

.homepage-infrastructure-card {
    min-height: 220px;
    padding: 1.6rem 1.5rem;
    position: relative;
    background: linear-gradient(180deg, rgba(255,255,255,0.022) 0%, rgba(255,255,255,0.012) 100%);
    border: 1px solid rgba(255,255,255,0.055);
    border-radius: 24px;
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.03);
    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease;
}

.homepage-infrastructure-card:hover {
    transform: translateY(-3px);
    border-color: rgba(56, 198, 255, 0.14);
    box-shadow:
        0 18px 36px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255,255,255,0.03);
}

.homepage-infrastructure-card-accent {
    border-color: rgba(56, 198, 255, 0.12);
}

.homepage-infrastructure-card h3 {
    font-size: 1.35rem;
    line-height: 1.12;
    letter-spacing: -0.02em;
    margin-bottom: 0.65rem;
}

.homepage-infrastructure-card p {
    font-size: 1rem;
    line-height: 1.65;
    color: rgba(226, 232, 241, 0.88);
}

.homepage-infrastructure-card .pill {
    min-height: 2.1rem;
    font-size: 0.88rem;
}

@media (max-width: 960px) {
    .homepage-infrastructure-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .homepage-infrastructure-shell,
    .homepage-infrastructure-card {
        border-radius: 18px;
    }

    .homepage-infrastructure-shell {
        padding-left: 1.15rem;
        padding-right: 1.15rem;
    }
}

/* =========================
   Phase 30B — Homepage conformity foundation
   ========================= */

.home .section .card,
.home .infrastructure-card,
.home .signal-card,
.home .system-card {
    background: linear-gradient(180deg, rgba(255,255,255,0.022) 0%, rgba(255,255,255,0.012) 100%);
    border: 1px solid rgba(255,255,255,0.055);
    border-radius: 24px;
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.03);
    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        background 0.18s ease;
}

.home .section .card:hover,
.home .infrastructure-card:hover,
.home .signal-card:hover,
.home .system-card:hover {
    transform: translateY(-3px);
    border-color: rgba(56, 198, 255, 0.14);
    box-shadow:
        0 18px 36px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255,255,255,0.03);
}

.home .section .section-copy,
.home .section p,
.homepage-story-card p,
.homepage-routing-card p,
.homepage-venture-explainer-card p,
.homepage-support-card p,
.homepage-infrastructure-card p {
    color: rgba(226, 232, 241, 0.88);
}

.home .section h2,
.homepage-hero-video-shell .premium-section-heading h2,
.homepage-story-shell .premium-section-heading h2,
.homepage-routing-shell .premium-section-heading h2,
.homepage-venture-explainer-shell .premium-section-heading h2,
.homepage-infrastructure-shell .premium-section-heading h2,
.homepage-support-shell .premium-section-heading h2 {
    letter-spacing: -0.035em;
}

.home .section .eyebrow,
.homepage-hero-video-shell .eyebrow,
.homepage-story-shell .eyebrow,
.homepage-routing-shell .eyebrow,
.homepage-venture-explainer-shell .eyebrow,
.homepage-infrastructure-shell .eyebrow,
.homepage-support-shell .eyebrow {
    color: rgba(120, 210, 255, 0.94);
    letter-spacing: 0.16em;
}

.home .section .card a,
.homepage-story-card a,
.homepage-routing-card a,
.homepage-venture-explainer-card a,
.homepage-support-card a,
.homepage-infrastructure-card a {
    transition: color 0.18s ease, opacity 0.18s ease;
}

.home .section .card a:hover,
.homepage-story-card a:hover,
.homepage-routing-card a:hover,
.homepage-venture-explainer-card a:hover,
.homepage-support-card a:hover,
.homepage-infrastructure-card a:hover {
    color: var(--vt-accent-primary);
}

@media (max-width: 640px) {
    .home .section .card,
    .home .infrastructure-card,
    .home .signal-card,
    .home .system-card {
        border-radius: 18px;
    }
}

/* =========================
   Phase 30C — Homepage hierarchy refinement
   ========================= */

.homepage-story-shell .premium-section-heading,
.homepage-routing-shell .premium-section-heading,
.homepage-venture-explainer-shell .premium-section-heading,
.homepage-infrastructure-shell .premium-section-heading,
.homepage-support-shell .premium-section-heading {
    max-width: 74ch;
}

.homepage-story-shell .premium-section-heading p,
.homepage-routing-shell .premium-section-heading p,
.homepage-venture-explainer-shell .premium-section-heading p,
.homepage-infrastructure-shell .premium-section-heading p,
.homepage-support-shell .premium-section-heading p {
    max-width: 68ch;
}

.homepage-routing-card,
.homepage-venture-explainer-card,
.homepage-infrastructure-card,
.homepage-support-card {
    min-height: 236px;
}

.homepage-routing-card h3,
.homepage-venture-explainer-card h3,
.homepage-infrastructure-card h3,
.homepage-support-card h3 {
    font-size: 1.38rem;
    line-height: 1.12;
}

.homepage-routing-card p,
.homepage-venture-explainer-card p,
.homepage-infrastructure-card p,
.homepage-support-card p {
    font-size: 1rem;
    line-height: 1.68;
}

.homepage-routing-actions {
    margin-top: 1.05rem;
}

.homepage-routing-actions .pill,
.homepage-venture-explainer-card .pill,
.homepage-infrastructure-card .pill,
.homepage-support-card .pill {
    min-height: 2.12rem;
}

@media (max-width: 640px) {
    .homepage-routing-card,
    .homepage-venture-explainer-card,
    .homepage-infrastructure-card,
    .homepage-support-card {
        min-height: 0;
    }
}

/* =========================
   Phase 30D — Homepage hero and top-band refinement
   ========================= */

.homepage-hero .homepage-hero-content h1 {
    max-width: 12.5ch;
    letter-spacing: -0.045em;
}

.homepage-hero .homepage-hero-copy > p:not(.eyebrow) {
    max-width: 66ch;
    color: rgba(226, 232, 241, 0.9);
}

.homepage-hero .homepage-hero-panel {
    background: linear-gradient(180deg, rgba(255,255,255,0.026) 0%, rgba(255,255,255,0.014) 100%) !important;
    border-color: rgba(255,255,255,0.06) !important;
}

.homepage-hero .homepage-hero-panel:hover,
.homepage-hero .homepage-hero-panel:focus-within {
    border-color: rgba(56, 198, 255, 0.18) !important;
    box-shadow:
        0 22px 44px rgba(0, 0, 0, 0.28),
        0 0 0 1px rgba(56, 198, 255, 0.06),
        inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

.homepage-hero + .section .section-copy,
.homepage-story-section .premium-section-heading p {
    font-size: 1.02rem;
    line-height: 1.72;
}

.homepage-hero .homepage-hero-actions {
    gap: 0.85rem;
}

.homepage-hero .homepage-hero-actions .button-primary {
    box-shadow:
        0 14px 34px rgba(56, 198, 255, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.05);
}

@media (max-width: 640px) {
    .homepage-hero .homepage-hero-content h1 {
        max-width: none;
    }
}

/* =========================
   Phase 30E — Homepage venture/app specificity pass
   ========================= */

.homepage-venture-explainer-card {
    min-height: 252px;
}

.homepage-venture-explainer-card h3 {
    font-size: 1.42rem;
    line-height: 1.1;
}

.homepage-venture-explainer-card p {
    font-size: 1rem;
    line-height: 1.7;
}

.homepage-venture-explainer-shell .premium-section-heading {
    max-width: 76ch;
}

.homepage-venture-explainer-shell .premium-section-heading p {
    max-width: 69ch;
}

@media (max-width: 640px) {
    .homepage-venture-explainer-card {
        min-height: 0;
    }
}

/* =========================
   Phase 30F — Homepage CTA and transition refinement
   ========================= */

.homepage-hero .homepage-hero-actions .button-primary,
.homepage-routing-actions .pill:first-child,
.homepage-infrastructure-card .pill:first-child {
    box-shadow:
        0 14px 34px rgba(56, 198, 255, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.05);
}

.homepage-hero .homepage-hero-actions .button-secondary,
.homepage-routing-actions .pill-ghost,
.homepage-infrastructure-card .pill-ghost,
.homepage-support-card .pill-ghost,
.homepage-venture-explainer-card .pill-ghost {
    opacity: 0.96;
}

.homepage-routing-section,
.homepage-venture-explainer-section,
.homepage-infrastructure-section,
.homepage-support-section {
    position: relative;
}

.homepage-routing-section::before,
.homepage-venture-explainer-section::before,
.homepage-infrastructure-section::before,
.homepage-support-section::before {
    content: "";
    display: block;
    width: min(1120px, calc(100% - 3rem));
    height: 1px;
    margin: 0 auto 1.1rem;
    background: linear-gradient(90deg, rgba(56, 198, 255, 0) 0%, rgba(56, 198, 255, 0.16) 50%, rgba(56, 198, 255, 0) 100%);
    opacity: 0.72;
}

.homepage-routing-card,
.homepage-venture-explainer-card,
.homepage-infrastructure-card,
.homepage-support-card {
    display: flex;
    flex-direction: column;
}

.homepage-routing-card .homepage-routing-actions,
.homepage-venture-explainer-card .pill,
.homepage-infrastructure-card .pill,
.homepage-support-card .pill {
    margin-top: auto;
}

.homepage-routing-actions {
    gap: 0.8rem;
}

@media (max-width: 640px) {
    .homepage-routing-section::before,
    .homepage-venture-explainer-section::before,
    .homepage-infrastructure-section::before,
    .homepage-support-section::before {
        width: calc(100% - 1.5rem);
    }
}

/* =========================
   Phase 30G — Sitewide premium interaction uplift foundation
   ========================= */

.premium-card,
.premium-feature-item,
.card,
.signal-card,
.tool-card,
.metric-card,
.overview-card,
.venture-card,
.start-here-mini-card,
.start-here-pathway-card {
    position: relative;
    overflow: hidden;
    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        background 0.18s ease;
}

.premium-card::after,
.premium-feature-item::after,
.card::after,
.signal-card::after,
.tool-card::after,
.metric-card::after,
.overview-card::after,
.venture-card::after,
.start-here-mini-card::after,
.start-here-pathway-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    opacity: 0;
    background: linear-gradient(180deg, rgba(56, 198, 255, 0.08) 0%, rgba(56, 198, 255, 0.02) 28%, rgba(56, 198, 255, 0) 100%);
    transition: opacity 0.18s ease;
}

.premium-card:hover,
.premium-feature-item:hover,
.card:hover,
.signal-card:hover,
.tool-card:hover,
.metric-card:hover,
.overview-card:hover,
.venture-card:hover,
.start-here-mini-card:hover,
.start-here-pathway-card:hover,
.premium-card:focus-within,
.premium-feature-item:focus-within,
.card:focus-within,
.signal-card:focus-within,
.tool-card:focus-within,
.metric-card:focus-within,
.overview-card:focus-within,
.venture-card:focus-within,
.start-here-mini-card:focus-within,
.start-here-pathway-card:focus-within {
    transform: translateY(-3px);
    border-color: rgba(56, 198, 255, 0.16) !important;
    box-shadow:
        0 18px 36px rgba(0, 0, 0, 0.24),
        0 0 0 1px rgba(56, 198, 255, 0.05),
        inset 0 1px 0 rgba(255,255,255,0.03) !important;
}

.premium-card:hover::after,
.premium-feature-item:hover::after,
.card:hover::after,
.signal-card:hover::after,
.tool-card:hover::after,
.metric-card:hover::after,
.overview-card:hover::after,
.venture-card:hover::after,
.start-here-mini-card:hover::after,
.start-here-pathway-card:hover::after,
.premium-card:focus-within::after,
.premium-feature-item:focus-within::after,
.card:focus-within::after,
.signal-card:focus-within::after,
.tool-card:focus-within::after,
.metric-card:focus-within::after,
.overview-card:focus-within::after,
.venture-card:focus-within::after,
.start-here-mini-card:focus-within::after,
.start-here-pathway-card:focus-within::after {
    opacity: 1;
}

.start-here-page .start-here-mini-card,
.start-here-page .start-here-pathway-card {
    min-height: 210px;
}

.start-here-page .start-here-mini-card h3,
.start-here-page .start-here-pathway-card h3 {
    font-size: 1.3rem;
    line-height: 1.12;
}

.start-here-page .start-here-mini-card p,
.start-here-page .start-here-pathway-card p {
    line-height: 1.68;
    color: rgba(226, 232, 241, 0.88);
}

.start-here-page .start-here-mini-card .pill,
.start-here-page .start-here-pathway-card .pill {
    margin-top: auto;
}

@media (max-width: 640px) {
    .start-here-page .start-here-mini-card,
    .start-here-page .start-here-pathway-card {
        min-height: 0;
    }
}

/* =========================
   Phase 30H — Full site premium interaction sweep
   ========================= */

.page-template-page-tokenomics .card,
.page-template-page-utility-use-cases .card,
.page-template-page-treasury .premium-card,
.page-template-page-ecosystem-overview .card,
.post-type-archive-signal_update .signal-card,
.post-type-archive-venture .venture-card,
.single-venture .card,
.page-template-page-official-contracts .premium-card,
.page-template-page-wallet-bridge-guidance .premium-card,
.page-template-page-audits-security .premium-card,
.page-template-page-legal-disclaimer .premium-card,
.page-template-page-faq .premium-card,
.page-template-page-faq .premium-feature-item,
.page-template-page-legal-disclaimer .premium-feature-item,
.page-template-page-audits-security .premium-feature-item,
.page-template-page-wallet-bridge-guidance .premium-feature-item,
.page-template-page-official-contracts .premium-feature-item {
    position: relative;
    overflow: hidden;
    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        background 0.18s ease;
}

.page-template-page-tokenomics .card::after,
.page-template-page-utility-use-cases .card::after,
.page-template-page-treasury .premium-card::after,
.page-template-page-ecosystem-overview .card::after,
.post-type-archive-signal_update .signal-card::after,
.post-type-archive-venture .venture-card::after,
.single-venture .card::after,
.page-template-page-official-contracts .premium-card::after,
.page-template-page-wallet-bridge-guidance .premium-card::after,
.page-template-page-audits-security .premium-card::after,
.page-template-page-legal-disclaimer .premium-card::after,
.page-template-page-faq .premium-card::after,
.page-template-page-faq .premium-feature-item::after,
.page-template-page-legal-disclaimer .premium-feature-item::after,
.page-template-page-audits-security .premium-feature-item::after,
.page-template-page-wallet-bridge-guidance .premium-feature-item::after,
.page-template-page-official-contracts .premium-feature-item::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    opacity: 0;
    background: linear-gradient(180deg, rgba(56, 198, 255, 0.08) 0%, rgba(56, 198, 255, 0.02) 28%, rgba(56, 198, 255, 0) 100%);
    transition: opacity 0.18s ease;
}

.page-template-page-tokenomics .card:hover,
.page-template-page-tokenomics .card:focus-within,
.page-template-page-utility-use-cases .card:hover,
.page-template-page-utility-use-cases .card:focus-within,
.page-template-page-treasury .premium-card:hover,
.page-template-page-treasury .premium-card:focus-within,
.page-template-page-ecosystem-overview .card:hover,
.page-template-page-ecosystem-overview .card:focus-within,
.post-type-archive-signal_update .signal-card:hover,
.post-type-archive-signal_update .signal-card:focus-within,
.post-type-archive-venture .venture-card:hover,
.post-type-archive-venture .venture-card:focus-within,
.single-venture .card:hover,
.single-venture .card:focus-within,
.page-template-page-official-contracts .premium-card:hover,
.page-template-page-official-contracts .premium-card:focus-within,
.page-template-page-wallet-bridge-guidance .premium-card:hover,
.page-template-page-wallet-bridge-guidance .premium-card:focus-within,
.page-template-page-audits-security .premium-card:hover,
.page-template-page-audits-security .premium-card:focus-within,
.page-template-page-legal-disclaimer .premium-card:hover,
.page-template-page-legal-disclaimer .premium-card:focus-within,
.page-template-page-faq .premium-card:hover,
.page-template-page-faq .premium-card:focus-within,
.page-template-page-faq .premium-feature-item:hover,
.page-template-page-faq .premium-feature-item:focus-within,
.page-template-page-legal-disclaimer .premium-feature-item:hover,
.page-template-page-legal-disclaimer .premium-feature-item:focus-within,
.page-template-page-audits-security .premium-feature-item:hover,
.page-template-page-audits-security .premium-feature-item:focus-within,
.page-template-page-wallet-bridge-guidance .premium-feature-item:hover,
.page-template-page-wallet-bridge-guidance .premium-feature-item:focus-within,
.page-template-page-official-contracts .premium-feature-item:hover,
.page-template-page-official-contracts .premium-feature-item:focus-within {
    transform: translateY(-3px);
    border-color: rgba(56, 198, 255, 0.16) !important;
    box-shadow:
        0 18px 36px rgba(0, 0, 0, 0.24),
        0 0 0 1px rgba(56, 198, 255, 0.05),
        inset 0 1px 0 rgba(255,255,255,0.03) !important;
}

.page-template-page-tokenomics .card:hover::after,
.page-template-page-tokenomics .card:focus-within::after,
.page-template-page-utility-use-cases .card:hover::after,
.page-template-page-utility-use-cases .card:focus-within::after,
.page-template-page-treasury .premium-card:hover::after,
.page-template-page-treasury .premium-card:focus-within::after,
.page-template-page-ecosystem-overview .card:hover::after,
.page-template-page-ecosystem-overview .card:focus-within::after,
.post-type-archive-signal_update .signal-card:hover::after,
.post-type-archive-signal_update .signal-card:focus-within::after,
.post-type-archive-venture .venture-card:hover::after,
.post-type-archive-venture .venture-card:focus-within::after,
.single-venture .card:hover::after,
.single-venture .card:focus-within::after,
.page-template-page-official-contracts .premium-card:hover::after,
.page-template-page-official-contracts .premium-card:focus-within::after,
.page-template-page-wallet-bridge-guidance .premium-card:hover::after,
.page-template-page-wallet-bridge-guidance .premium-card:focus-within::after,
.page-template-page-audits-security .premium-card:hover::after,
.page-template-page-audits-security .premium-card:focus-within::after,
.page-template-page-legal-disclaimer .premium-card:hover::after,
.page-template-page-legal-disclaimer .premium-card:focus-within::after,
.page-template-page-faq .premium-card:hover::after,
.page-template-page-faq .premium-card:focus-within::after,
.page-template-page-faq .premium-feature-item:hover::after,
.page-template-page-faq .premium-feature-item:focus-within::after,
.page-template-page-legal-disclaimer .premium-feature-item:hover::after,
.page-template-page-legal-disclaimer .premium-feature-item:focus-within::after,
.page-template-page-audits-security .premium-feature-item:hover::after,
.page-template-page-audits-security .premium-feature-item:focus-within::after,
.page-template-page-wallet-bridge-guidance .premium-feature-item:hover::after,
.page-template-page-wallet-bridge-guidance .premium-feature-item:focus-within::after,
.page-template-page-official-contracts .premium-feature-item:hover::after,
.page-template-page-official-contracts .premium-feature-item:focus-within::after {
    opacity: 1;
}

/* =========================
   Phase 30H1 — Sitewide border-light premium interaction enhancement
   ========================= */

.premium-card,
.premium-feature-item,
.card,
.signal-card,
.tool-card,
.metric-card,
.overview-card,
.venture-card,
.start-here-mini-card,
.start-here-pathway-card {
    isolation: isolate;
}

.premium-card::before,
.premium-feature-item::before,
.card::before,
.signal-card::before,
.tool-card::before,
.metric-card::before,
.overview-card::before,
.venture-card::before,
.start-here-mini-card::before,
.start-here-pathway-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    opacity: 0;
    padding: 1px;
    background: linear-gradient(
        135deg,
        rgba(56, 198, 255, 0.00) 0%,
        rgba(56, 198, 255, 0.34) 22%,
        rgba(125, 211, 252, 0.72) 50%,
        rgba(166, 130, 255, 0.34) 78%,
        rgba(56, 198, 255, 0.00) 100%
    );
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    transition: opacity 0.18s ease;
    z-index: 1;
}

.premium-card:hover::before,
.premium-feature-item:hover::before,
.card:hover::before,
.signal-card:hover::before,
.tool-card:hover::before,
.metric-card:hover::before,
.overview-card:hover::before,
.venture-card:hover::before,
.start-here-mini-card:hover::before,
.start-here-pathway-card:hover::before,
.premium-card:focus-within::before,
.premium-feature-item:focus-within::before,
.card:focus-within::before,
.signal-card:focus-within::before,
.tool-card:focus-within::before,
.metric-card:focus-within::before,
.overview-card:focus-within::before,
.venture-card:focus-within::before,
.start-here-mini-card:focus-within::before,
.start-here-pathway-card:focus-within::before {
    opacity: 1;
}

.premium-card:hover,
.premium-feature-item:hover,
.card:hover,
.signal-card:hover,
.tool-card:hover,
.metric-card:hover,
.overview-card:hover,
.venture-card:hover,
.start-here-mini-card:hover,
.start-here-pathway-card:hover,
.premium-card:focus-within,
.premium-feature-item:focus-within,
.card:focus-within,
.signal-card:focus-within,
.tool-card:focus-within,
.metric-card:focus-within,
.overview-card:focus-within,
.venture-card:focus-within,
.start-here-mini-card:focus-within,
.start-here-pathway-card:focus-within {
    box-shadow:
        0 18px 36px rgba(0, 0, 0, 0.24),
        0 0 0 1px rgba(56, 198, 255, 0.07),
        0 0 24px rgba(56, 198, 255, 0.10),
        inset 0 1px 0 rgba(255,255,255,0.03) !important;
}

/* =========================
   Phase 30I — Start Here hierarchy refinement
   ========================= */

.start-here-page .card h2,
.start-here-page section > h2 {
    letter-spacing: -0.032em;
}

.start-here-page .start-here-intro,
.start-here-page .start-here-section-copy,
.start-here-page .start-here-mini-card p,
.start-here-page .start-here-pathway-card p {
    max-width: 68ch;
}

.start-here-page .start-here-mini-card,
.start-here-page .start-here-pathway-card {
    display: flex;
    flex-direction: column;
}

.start-here-page .start-here-mini-card p,
.start-here-page .start-here-pathway-card p {
    font-size: 1rem;
    line-height: 1.72;
}

.start-here-page .start-here-mini-card .pill,
.start-here-page .start-here-pathway-card .pill {
    margin-top: auto;
}

.start-here-page .vt-grid.cols-4,
.start-here-page .vt-grid.cols-3 {
    align-items: stretch;
}

/* =========================
   Phase 30J — Tokenomics hierarchy refinement
   ========================= */

.page-template-page-tokenomics .tokenomics-intro,
.page-template-page-tokenomics .card p,
.page-template-page-tokenomics .tokenomics-mini-card p {
    max-width: 68ch;
}

.page-template-page-tokenomics .tokenomics-mini-card {
    display: flex;
    flex-direction: column;
    min-height: 210px;
}

.page-template-page-tokenomics .tokenomics-mini-card h3 {
    font-size: 1.28rem;
    line-height: 1.14;
}

.page-template-page-tokenomics .tokenomics-mini-card p {
    line-height: 1.72;
    color: rgba(226, 232, 241, 0.88);
}

.page-template-page-tokenomics .tokenomics-actions .pill,
.page-template-page-tokenomics .tokenomics-mini-card .pill {
    margin-top: auto;
}

@media (max-width: 640px) {
    .page-template-page-tokenomics .tokenomics-mini-card {
        min-height: 0;
    }
}

/* =========================
   Phase 30K — Utility hierarchy refinement
   ========================= */

.page-template-page-utility-use-cases .utility-intro,
.page-template-page-utility-use-cases .utility-section p,
.page-template-page-utility-use-cases .utility-mini-card p {
    max-width: 68ch;
}

.page-template-page-utility-use-cases .utility-mini-card {
    display: flex;
    flex-direction: column;
    min-height: 210px;
}

.page-template-page-utility-use-cases .utility-mini-card h3 {
    font-size: 1.28rem;
    line-height: 1.14;
}

.page-template-page-utility-use-cases .utility-mini-card p {
    line-height: 1.72;
    color: rgba(226, 232, 241, 0.88);
}

.page-template-page-utility-use-cases .utility-actions .pill,
.page-template-page-utility-use-cases .utility-mini-card .pill {
    margin-top: auto;
}

@media (max-width: 640px) {
    .page-template-page-utility-use-cases .utility-mini-card {
        min-height: 0;
    }
}

/* =========================
   Phase 30L — Treasury hierarchy refinement
   ========================= */

.page-template-page-treasury .treasury-intro,
.page-template-page-treasury .treasury-section p,
.page-template-page-treasury .treasury-card p {
    max-width: 68ch;
}

.page-template-page-treasury .treasury-card {
    display: flex;
    flex-direction: column;
    min-height: 220px;
}

.page-template-page-treasury .treasury-card h3 {
    font-size: 1.3rem;
    line-height: 1.14;
}

.page-template-page-treasury .treasury-card p {
    line-height: 1.72;
    color: rgba(226, 232, 241, 0.88);
}

.page-template-page-treasury .treasury-actions .pill,
.page-template-page-treasury .treasury-card .pill {
    margin-top: auto;
}

@media (max-width: 640px) {
    .page-template-page-treasury .treasury-card {
        min-height: 0;
    }
}

/* =========================
   Phase 30M — Ecosystem Overview hierarchy refinement
   ========================= */

.page-template-page-ecosystem-overview .ecosystem-overview-intro,
.page-template-page-ecosystem-overview .ecosystem-overview-section p,
.page-template-page-ecosystem-overview .ecosystem-overview-card p {
    max-width: 68ch;
}

.page-template-page-ecosystem-overview .ecosystem-overview-card {
    display: flex;
    flex-direction: column;
    min-height: 320px;
}

.page-template-page-ecosystem-overview .ecosystem-overview-card-title {
    line-height: 1.12;
}

.page-template-page-ecosystem-overview .ecosystem-overview-card-summary,
.page-template-page-ecosystem-overview .ecosystem-overview-card-context,
.page-template-page-ecosystem-overview .ecosystem-overview-card-why-now,
.page-template-page-ecosystem-overview .ecosystem-overview-card-relationship {
    line-height: 1.68;
    color: rgba(226, 232, 241, 0.88);
}

.page-template-page-ecosystem-overview .ecosystem-overview-card-actions {
    margin-top: auto;
}

@media (max-width: 640px) {
    .page-template-page-ecosystem-overview .ecosystem-overview-card {
        min-height: 0;
    }
}

/* =========================
   Phase 30N — Signal Feed hierarchy refinement
   ========================= */

.post-type-archive-signal_update .signal-feed-intro,
.post-type-archive-signal_update .signal-feed-section p,
.post-type-archive-signal_update .signal-card p {
    max-width: 68ch;
}

.post-type-archive-signal_update .signal-card {
    display: flex;
    flex-direction: column;
    min-height: 280px;
}

.post-type-archive-signal_update .signal-card-title {
    line-height: 1.12;
}

.post-type-archive-signal_update .signal-card-summary,
.post-type-archive-signal_update .signal-card-meaning,
.post-type-archive-signal_update .signal-card-why-now,
.post-type-archive-signal_update .signal-card-relationship {
    line-height: 1.68;
    color: rgba(226, 232, 241, 0.88);
}

.post-type-archive-signal_update .signal-card-actions {
    margin-top: auto;
}

@media (max-width: 640px) {
    .post-type-archive-signal_update .signal-card {
        min-height: 0;
    }
}

/* =========================
   Phase 30O — Venture archive hierarchy refinement
   ========================= */

.post-type-archive-venture .venture-archive-intro,
.post-type-archive-venture .venture-archive-section p,
.post-type-archive-venture .venture-card p {
    max-width: 68ch;
}

.post-type-archive-venture .venture-card {
    display: flex;
    flex-direction: column;
    min-height: 420px;
}

.post-type-archive-venture .venture-card h2,
.post-type-archive-venture .venture-card h3 {
    line-height: 1.12;
}

.post-type-archive-venture .venture-card-summary,
.post-type-archive-venture .venture-card-relationship,
.post-type-archive-venture .venture-card .venture-detail-value,
.post-type-archive-venture .venture-card .venture-summary {
    line-height: 1.68;
    color: rgba(226, 232, 241, 0.88);
}

.post-type-archive-venture .venture-card-detail-grid {
    align-items: start;
    gap: 0.9rem;
}

.post-type-archive-venture .venture-card-actions {
    margin-top: auto;
}

@media (max-width: 640px) {
    .post-type-archive-venture .venture-card {
        min-height: 0;
    }
}

/* =========================
   Phase 30P — Single venture hierarchy refinement
   ========================= */

.single-venture .venture-single-intro,
.single-venture .venture-content p,
.single-venture .venture-single-detail-card p {
    max-width: 68ch;
}

.single-venture .venture-single-detail-grid {
    align-items: stretch;
    gap: 1rem;
}

.single-venture .venture-single-detail-card {
    display: flex;
    flex-direction: column;
    min-height: 220px;
}

.single-venture .venture-single-detail-card h3 {
    font-size: 1.28rem;
    line-height: 1.14;
}

.single-venture .venture-single-detail-card p {
    line-height: 1.72;
    color: rgba(226, 232, 241, 0.88);
}

.single-venture .venture-actions .pill,
.single-venture .venture-single-detail-card .pill {
    margin-top: auto;
}

@media (max-width: 640px) {
    .single-venture .venture-single-detail-card {
        min-height: 0;
    }
}

/* =========================
   Phase 30Q — Official Contracts hierarchy refinement
   ========================= */

.page-template-page-official-contracts .official-contracts-intro,
.page-template-page-official-contracts .official-contracts-section p,
.page-template-page-official-contracts .official-contracts-card p {
    max-width: 68ch;
}

.page-template-page-official-contracts .official-contracts-card {
    display: flex;
    flex-direction: column;
    min-height: 220px;
}

.page-template-page-official-contracts .official-contracts-card h3 {
    font-size: 1.28rem;
    line-height: 1.14;
}

.page-template-page-official-contracts .official-contracts-card p {
    line-height: 1.72;
    color: rgba(226, 232, 241, 0.88);
}

.page-template-page-official-contracts .official-contracts-actions .pill,
.page-template-page-official-contracts .official-contracts-card .pill {
    margin-top: auto;
}

@media (max-width: 640px) {
    .page-template-page-official-contracts .official-contracts-card {
        min-height: 0;
    }
}

/* =========================
   Phase 30R — Wallet / Bridge hierarchy refinement
   ========================= */

.page-template-page-wallet-bridge-guidance .wallet-bridge-intro,
.page-template-page-wallet-bridge-guidance .wallet-bridge-section p,
.page-template-page-wallet-bridge-guidance .wallet-bridge-card p {
    max-width: 68ch;
}

.page-template-page-wallet-bridge-guidance .wallet-bridge-card,
.page-template-page-wallet-bridge-guidance .wallet-bridge-guidance-card {
    display: flex;
    flex-direction: column;
    min-height: 220px;
}

.page-template-page-wallet-bridge-guidance .wallet-bridge-card h3,
.page-template-page-wallet-bridge-guidance .wallet-bridge-guidance-card h3 {
    font-size: 1.28rem;
    line-height: 1.14;
}

.page-template-page-wallet-bridge-guidance .wallet-bridge-card p,
.page-template-page-wallet-bridge-guidance .wallet-bridge-guidance-card p {
    line-height: 1.72;
    color: rgba(226, 232, 241, 0.88);
}

.page-template-page-wallet-bridge-guidance .wallet-bridge-actions .pill,
.page-template-page-wallet-bridge-guidance .wallet-bridge-card .pill,
.page-template-page-wallet-bridge-guidance .wallet-bridge-guidance-card .pill {
    margin-top: auto;
}

@media (max-width: 640px) {
    .page-template-page-wallet-bridge-guidance .wallet-bridge-card,
    .page-template-page-wallet-bridge-guidance .wallet-bridge-guidance-card {
        min-height: 0;
    }
}

/* =========================
   Phase 30S — Audits / Security hierarchy refinement
   ========================= */

.page-template-page-audits-security .audits-security-intro,
.page-template-page-audits-security .audits-security-section p,
.page-template-page-audits-security .audits-security-card p {
    max-width: 68ch;
}

.page-template-page-audits-security .audits-security-card,
.page-template-page-audits-security .audits-security-guidance-card {
    display: flex;
    flex-direction: column;
    min-height: 220px;
}

.page-template-page-audits-security .audits-security-card h3,
.page-template-page-audits-security .audits-security-guidance-card h3 {
    font-size: 1.28rem;
    line-height: 1.14;
}

.page-template-page-audits-security .audits-security-card p,
.page-template-page-audits-security .audits-security-guidance-card p {
    line-height: 1.72;
    color: rgba(226, 232, 241, 0.88);
}

.page-template-page-audits-security .audits-security-actions .pill,
.page-template-page-audits-security .audits-security-card .pill,
.page-template-page-audits-security .audits-security-guidance-card .pill {
    margin-top: auto;
}

@media (max-width: 640px) {
    .page-template-page-audits-security .audits-security-card,
    .page-template-page-audits-security .audits-security-guidance-card {
        min-height: 0;
    }
}

/* =========================
   Phase 30T — Legal / Disclaimer hierarchy refinement
   ========================= */

.page-template-page-legal-disclaimer .legal-disclaimer-intro,
.page-template-page-legal-disclaimer .legal-disclaimer-section p,
.page-template-page-legal-disclaimer .legal-disclaimer-card p {
    max-width: 68ch;
}

.page-template-page-legal-disclaimer .legal-disclaimer-card,
.page-template-page-legal-disclaimer .legal-disclaimer-guidance-card {
    display: flex;
    flex-direction: column;
    min-height: 220px;
}

.page-template-page-legal-disclaimer .legal-disclaimer-card h3,
.page-template-page-legal-disclaimer .legal-disclaimer-guidance-card h3 {
    font-size: 1.28rem;
    line-height: 1.14;
}

.page-template-page-legal-disclaimer .legal-disclaimer-card p,
.page-template-page-legal-disclaimer .legal-disclaimer-guidance-card p {
    line-height: 1.72;
    color: rgba(226, 232, 241, 0.88);
}

.page-template-page-legal-disclaimer .legal-disclaimer-actions .pill,
.page-template-page-legal-disclaimer .legal-disclaimer-card .pill,
.page-template-page-legal-disclaimer .legal-disclaimer-guidance-card .pill {
    margin-top: auto;
}

@media (max-width: 640px) {
    .page-template-page-legal-disclaimer .legal-disclaimer-card,
    .page-template-page-legal-disclaimer .legal-disclaimer-guidance-card {
        min-height: 0;
    }
}

/* =========================
   Phase 30T3 — Legal page completion polish
   ========================= */

.page-template-page-legal-disclaimer .legal-disclaimer-card-grid,
.page-template-page-legal-disclaimer .legal-disclaimer-step-grid {
    align-items: stretch;
}

.page-template-page-legal-disclaimer .legal-disclaimer-card,
.page-template-page-legal-disclaimer .legal-disclaimer-step-card {
    min-height: 240px;
}

.page-template-page-legal-disclaimer .legal-disclaimer-step-card h3 {
    font-size: 1.24rem;
    line-height: 1.14;
}

.page-template-page-legal-disclaimer .legal-disclaimer-step-card p {
    line-height: 1.72;
    color: rgba(226, 232, 241, 0.88);
}

.page-template-page-legal-disclaimer .legal-disclaimer-hero-copy p,
.page-template-page-legal-disclaimer .premium-section-heading p {
    max-width: 72ch;
}

@media (max-width: 640px) {
    .page-template-page-legal-disclaimer .legal-disclaimer-card,
    .page-template-page-legal-disclaimer .legal-disclaimer-step-card {
        min-height: 0;
    }
}

/* =========================
   Phase 30T3 - Legal / Disclaimer / Terms completion
   ========================= */

.legal-content-section {
    padding: 2rem 0 4.5rem;
}

.legal-layout {
    display: grid;
    grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
    gap: 1.5rem;
    align-items: start;
}

.legal-side-card,
.legal-card {
    position: relative;
    border-radius: 26px;
    border: 1px solid rgba(110, 170, 255, 0.14);
    background:
        linear-gradient(180deg, rgba(8, 18, 46, 0.94) 0%, rgba(4, 10, 28, 0.98) 100%);
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.legal-side-card {
    padding: 1.35rem 1.25rem;
    position: sticky;
    top: 108px;
}

.legal-side-card h2 {
    margin: 0.65rem 0 0.75rem;
}

.legal-side-card p {
    margin: 0 0 0.95rem;
    color: rgba(227, 233, 255, 0.78);
}

.legal-side-list {
    margin: 0;
    padding-left: 1rem;
    color: rgba(227, 233, 255, 0.84);
}

.legal-side-list li + li {
    margin-top: 0.45rem;
}

.legal-main-stack {
    display: grid;
    gap: 1rem;
}

.legal-card {
    padding: 1.4rem 1.35rem 1.45rem;
    transition:
        transform 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
}

.legal-card:hover,
.legal-card:focus-within {
    transform: translateY(-2px);
    border-color: rgba(74, 197, 255, 0.28);
    box-shadow:
        0 22px 44px rgba(0, 0, 0, 0.30),
        0 0 0 1px rgba(74, 197, 255, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.legal-card h2 {
    margin: 0.35rem 0 0.85rem;
}

.legal-card p:last-child {
    margin-bottom: 0;
}

@media (max-width: 980px) {
    .legal-layout {
        grid-template-columns: 1fr;
    }

    .legal-side-card {
        position: static;
        top: auto;
    }
}

/* =========================
   Phase 30T3 - Legal refinement pass
   ========================= */

.legal-page-shell .page-hero-premium {
    margin-bottom: 0;
}

.legal-content-section {
    padding-top: 1.4rem;
}

.legal-layout {
    gap: 1.75rem;
}

.legal-side-card,
.legal-card {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.legal-side-card {
    padding: 1.4rem 1.3rem;
}

.legal-jump-nav {
    display: grid;
    gap: 0.45rem;
    margin: 1rem 0 1.1rem;
}

.legal-jump-nav a {
    display: block;
    padding: 0.72rem 0.82rem;
    border-radius: 14px;
    border: 1px solid rgba(110, 170, 255, 0.12);
    background: rgba(255, 255, 255, 0.02);
    color: rgba(235, 241, 255, 0.88);
    text-decoration: none;
    transition:
        transform 180ms ease,
        border-color 180ms ease,
        background 180ms ease,
        box-shadow 180ms ease;
}

.legal-jump-nav a:hover,
.legal-jump-nav a:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(74, 197, 255, 0.28);
    background: rgba(74, 197, 255, 0.06);
    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.18),
        0 0 0 1px rgba(74, 197, 255, 0.04);
    outline: none;
}

.legal-main-stack {
    gap: 1.1rem;
}

.legal-card {
    padding: 1.55rem 1.45rem 1.55rem;
}

.legal-card .eyebrow {
    margin-bottom: 0.45rem;
}

.legal-card h2 {
    line-height: 1.15;
    max-width: 22ch;
}

.legal-card p {
    max-width: 74ch;
    color: rgba(229, 235, 255, 0.84);
}

.legal-card p + p {
    margin-top: 0.9rem;
}

.legal-card[id] {
    scroll-margin-top: 130px;
}

@media (max-width: 980px) {
    .legal-content-section {
        padding-top: 1rem;
    }

    .legal-layout {
        gap: 1rem;
    }

    .legal-jump-nav {
        grid-template-columns: 1fr;
    }

    .legal-card h2,
    .legal-card p {
        max-width: none;
    }
}

/* =========================
   Phase 30U - FAQ audit / refinement
   ========================= */

.faq-content-section {
    padding: 1.5rem 0 4.5rem;
}

.faq-layout {
    display: grid;
    grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
    gap: 1.75rem;
    align-items: start;
}

.faq-side-card,
.faq-card {
    border-radius: 26px;
    border: 1px solid rgba(110, 170, 255, 0.14);
    background:
        linear-gradient(180deg, rgba(8, 18, 46, 0.94) 0%, rgba(4, 10, 28, 0.98) 100%);
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.035);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.faq-side-card {
    position: sticky;
    top: 108px;
    padding: 1.4rem 1.3rem;
}

.faq-jump-nav {
    display: grid;
    gap: 0.45rem;
    margin: 1rem 0 1.1rem;
}

.faq-jump-nav a {
    display: block;
    padding: 0.72rem 0.82rem;
    border-radius: 14px;
    border: 1px solid rgba(110, 170, 255, 0.12);
    background: rgba(255, 255, 255, 0.02);
    color: rgba(235, 241, 255, 0.88);
    text-decoration: none;
    transition:
        transform 180ms ease,
        border-color 180ms ease,
        background 180ms ease,
        box-shadow 180ms ease;
}

.faq-jump-nav a:hover,
.faq-jump-nav a:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(74, 197, 255, 0.28);
    background: rgba(74, 197, 255, 0.06);
    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.18),
        0 0 0 1px rgba(74, 197, 255, 0.04);
    outline: none;
}

.faq-side-list {
    margin: 0;
    padding-left: 1rem;
    color: rgba(227, 233, 255, 0.84);
}

.faq-side-list li + li {
    margin-top: 0.45rem;
}

.faq-main-stack {
    display: grid;
    gap: 1.1rem;
}

.faq-card {
    padding: 1.55rem 1.45rem;
    transition:
        transform 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
}

.faq-card:hover,
.faq-card:focus-within {
    transform: translateY(-2px);
    border-color: rgba(74, 197, 255, 0.28);
    box-shadow:
        0 22px 44px rgba(0, 0, 0, 0.30),
        0 0 0 1px rgba(74, 197, 255, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.faq-card h2 {
    margin: 0.35rem 0 0.85rem;
    line-height: 1.15;
    max-width: 24ch;
}

.faq-card p {
    max-width: 74ch;
    color: rgba(229, 235, 255, 0.84);
}

.faq-card p:last-child {
    margin-bottom: 0;
}

.faq-card[id] {
    scroll-margin-top: 130px;
}

@media (max-width: 980px) {
    .faq-layout {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .faq-side-card {
        position: static;
        top: auto;
    }

    .faq-card h2,
    .faq-card p {
        max-width: none;
    }
}

/* =========================
   Phase 30U - FAQ route hardening + polish
   ========================= */

.faq-page-shell .page-hero-premium {
    margin-bottom: 0;
}

.faq-content-section {
    padding-top: 1.4rem;
}

.faq-side-card h2,
.faq-card h2 {
    text-wrap: balance;
}

.faq-side-card p,
.faq-card p {
    text-wrap: pretty;
}

.faq-card .eyebrow {
    margin-bottom: 0.45rem;
}

.faq-card p + p {
    margin-top: 0.9rem;
}

/* =========================
   Phase 30U - FAQ alias normalization
   ========================= */

.faq-side-list {
    margin-top: 1rem;
}

.faq-side-list li::marker {
    color: rgba(74, 197, 255, 0.82);
}

.faq-card {
    overflow: hidden;
}

.faq-card h2 {
    text-wrap: balance;
}

.faq-card p {
    text-wrap: pretty;
}

/* =========================
   Phase 30V - Contact audit / refinement
   ========================= */

.contact-content-section {
    padding: 1.5rem 0 4.5rem;
}

.contact-layout {
    display: grid;
    grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
    gap: 1.75rem;
    align-items: start;
}

.contact-side-card,
.contact-card,
.contact-cta-card {
    border-radius: 26px;
    border: 1px solid rgba(110, 170, 255, 0.14);
    background:
        linear-gradient(180deg, rgba(8, 18, 46, 0.94) 0%, rgba(4, 10, 28, 0.98) 100%);
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.035);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.contact-side-card {
    position: sticky;
    top: 108px;
    padding: 1.4rem 1.3rem;
}

.contact-jump-nav {
    display: grid;
    gap: 0.45rem;
    margin: 1rem 0 1.1rem;
}

.contact-jump-nav a {
    display: block;
    padding: 0.72rem 0.82rem;
    border-radius: 14px;
    border: 1px solid rgba(110, 170, 255, 0.12);
    background: rgba(255, 255, 255, 0.02);
    color: rgba(235, 241, 255, 0.88);
    text-decoration: none;
    transition:
        transform 180ms ease,
        border-color 180ms ease,
        background 180ms ease,
        box-shadow 180ms ease;
}

.contact-jump-nav a:hover,
.contact-jump-nav a:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(74, 197, 255, 0.28);
    background: rgba(74, 197, 255, 0.06);
    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.18),
        0 0 0 1px rgba(74, 197, 255, 0.04);
    outline: none;
}

.contact-side-list {
    margin: 1rem 0 0;
    padding-left: 1rem;
    color: rgba(227, 233, 255, 0.84);
}

.contact-side-list li + li {
    margin-top: 0.45rem;
}

.contact-side-list li::marker {
    color: rgba(74, 197, 255, 0.82);
}

.contact-main-stack {
    display: grid;
    gap: 1.1rem;
}

.contact-card,
.contact-cta-card {
    padding: 1.55rem 1.45rem;
    overflow: hidden;
    transition:
        transform 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
}

.contact-card:hover,
.contact-card:focus-within,
.contact-cta-card:hover,
.contact-cta-card:focus-within {
    transform: translateY(-2px);
    border-color: rgba(74, 197, 255, 0.28);
    box-shadow:
        0 22px 44px rgba(0, 0, 0, 0.30),
        0 0 0 1px rgba(74, 197, 255, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.contact-card .eyebrow,
.contact-cta-card .eyebrow {
    margin-bottom: 0.45rem;
}

.contact-card h2,
.contact-cta-card h2 {
    margin: 0.35rem 0 0.85rem;
    line-height: 1.15;
    max-width: 24ch;
    text-wrap: balance;
}

.contact-card p,
.contact-cta-card p {
    max-width: 74ch;
    color: rgba(229, 235, 255, 0.84);
    text-wrap: pretty;
}

.contact-card p + p,
.contact-cta-card p + p {
    margin-top: 0.9rem;
}

.contact-card p:last-child,
.contact-cta-card p:last-child {
    margin-bottom: 0;
}

.contact-card[id] {
    scroll-margin-top: 130px;
}

@media (max-width: 980px) {
    .contact-layout {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .contact-side-card {
        position: static;
        top: auto;
    }

    .contact-card h2,
    .contact-card p,
    .contact-cta-card h2,
    .contact-cta-card p {
        max-width: none;
    }
}

/* =========================
   Phase 30V - Contact alias normalization
   ========================= */

.contact-page-shell .page-hero-premium {
    margin-bottom: 0;
}

.contact-content-section {
    padding-top: 1.4rem;
}

.contact-side-card h2,
.contact-card h2,
.contact-cta-card h2 {
    text-wrap: balance;
}

.contact-side-card p,
.contact-card p,
.contact-cta-card p {
    text-wrap: pretty;
}

/* =========================
   Phase 30W - Cross-site conformity rerun
   ========================= */

.site-header,
.site-header-shell,
.vitality-site-shell.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.site-footer .footer-link-column-trust {
    border: 1px solid rgba(110, 170, 255, 0.14);
    background:
        linear-gradient(180deg, rgba(8, 18, 46, 0.78) 0%, rgba(4, 10, 28, 0.92) 100%);
    box-shadow:
        0 14px 32px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    padding: 1rem 1rem 1.05rem;
    border-radius: 22px;
}

.site-footer .footer-link-column-trust a {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
}

.site-footer .footer-link-column-trust a:hover,
.site-footer .footer-link-column-trust a:focus-visible {
    transform: translateY(-1px);
    color: rgba(255, 255, 255, 0.98);
}

@media (max-width: 980px) {
    .site-footer .footer-link-column-trust {
        padding: 0.95rem 0.95rem 1rem;
    }
}

/* =========================
   Phase 30W - Safe shared conformity cleanup
   ========================= */

.site-footer .footer-link-column-trust {
    border: 1px solid rgba(110, 170, 255, 0.14);
    background:
        linear-gradient(180deg, rgba(8, 18, 46, 0.78) 0%, rgba(4, 10, 28, 0.92) 100%);
    box-shadow:
        0 14px 32px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    padding: 1rem 1rem 1.05rem;
    border-radius: 22px;
}

.site-footer .footer-link-column-trust a {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
}

.site-footer .footer-link-column-trust a:hover,
.site-footer .footer-link-column-trust a:focus-visible {
    transform: translateY(-1px);
    color: rgba(255, 255, 255, 0.98);
}

@media (max-width: 980px) {
    .site-footer .footer-link-column-trust {
        padding: 0.95rem 0.95rem 1rem;
    }
}

/* =========================
   Phase 30W - Route reconciliation to live local slugs
   ========================= */

/* =========================
   Phase 30V - Contact Telegram addition
   ========================= */

.contact-card .button {
    margin-top: 0.35rem;
}

.contact-card#telegram strong {
    color: rgba(255, 255, 255, 0.98);
    letter-spacing: 0.01em;
}

/* =========================
   Phase 30V - Contact Telegram security + icon
   ========================= */

.contact-telegram-button {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
}

.contact-telegram-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.15rem;
    height: 1.15rem;
    flex: 0 0 1.15rem;
}

.contact-telegram-icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

.contact-security-note {
    margin-top: 0.85rem;
    padding: 0.9rem 1rem;
    border-radius: 16px;
    border: 1px solid rgba(74, 197, 255, 0.16);
    background: rgba(74, 197, 255, 0.06);
    color: rgba(236, 242, 255, 0.92);
}

/* =========================
   Phase 30X - Venture specificity expansion
   ========================= */

.venture-portfolio-explainer {
    margin-top: 1rem;
}

.venture-portfolio-explainer h3 {
    margin: 0.4rem 0 0.75rem;
    max-width: 22ch;
}

.venture-portfolio-explainer p + p {
    margin-top: 0.85rem;
}

/* =========================
   Phase 30Y - Visual explainer foundation
   ========================= */

.ecosystem-visual-explainer,
.start-here-visual-explainer {
    margin-top: 1rem;
}

.ecosystem-visual-explainer h3,
.start-here-visual-explainer h2 {
    margin: 0.4rem 0 0.85rem;
    max-width: 24ch;
}

.ecosystem-visual-explainer-grid,
.start-here-visual-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.ecosystem-visual-node,
.start-here-visual-node {
    position: relative;
    border-radius: 20px;
    border: 1px solid rgba(110, 170, 255, 0.14);
    background: rgba(255, 255, 255, 0.02);
    padding: 1rem 1rem 1.05rem;
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.ecosystem-visual-node p,
.start-here-visual-node p {
    margin: 0.55rem 0 0;
}

@media (max-width: 980px) {
    .ecosystem-visual-explainer-grid,
    .start-here-visual-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================
   Phase 30Z - Blog / SEO education layer foundation
   ========================= */

.homepage-education-layer {
    padding: 0 0 2rem;
}

.homepage-education-shell {
    display: grid;
    gap: 1.15rem;
}

.homepage-education-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.homepage-education-card h3 {
    margin: 0.45rem 0 0.75rem;
    max-width: 20ch;
}

.homepage-education-card p {
    margin: 0;
}

@media (max-width: 980px) {
    .homepage-education-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================
   Phase 31A - Whole-site copy harmonization checkpoint
   ========================= */

/* =========================
   Phase 31A1 - Copy precision cleanup checkpoint
   ========================= */

/* =========================
   Phase 31B - Whole-site premium conformity audit
   ========================= */

.page-hero-premium .page-hero-inner,
.premium-hero-copy,
.premium-section-heading {
    max-width: 72ch;
}

.page-hero-premium .page-subtitle,
.premium-hero-copy p,
.premium-section-heading p {
    max-width: 66ch;
}

.premium-card,
.card,
.legal-card,
.faq-card,
.contact-card,
.contact-cta-card,
.legal-side-card,
.faq-side-card,
.contact-side-card {
    border-radius: 24px;
}

.pill,
.eyebrow,
.card-topline {
    letter-spacing: 0.08em;
}

.button,
.button-primary,
.button-secondary {
    min-height: 44px;
}

.site-main section + section {
    scroll-margin-top: 130px;
}

@media (max-width: 980px) {
    .page-hero-premium .page-hero-inner,
    .premium-hero-copy,
    .premium-section-heading,
    .page-hero-premium .page-subtitle,
    .premium-hero-copy p,
    .premium-section-heading p {
        max-width: none;
    }
}

/* =========================
   Phase 31B1 - Homepage consolidation pass
   ========================= */

.homepage-story-grid,
.homepage-routing-grid,
.homepage-venture-explainer-grid,
.homepage-infrastructure-grid,
.homepage-support-grid {
    align-items: stretch;
}

.homepage-story-card,
.homepage-routing-card,
.homepage-venture-explainer-card,
.homepage-infrastructure-card,
.homepage-support-card {
    min-height: 0;
}

.homepage-story-card,
.homepage-routing-card,
.homepage-venture-explainer-card,
.homepage-infrastructure-card,
.homepage-support-card,
.homepage-video-card {
    padding: 1.2rem 1.15rem 1.2rem;
}

.homepage-story-card h3,
.homepage-routing-card h3,
.homepage-venture-explainer-card h3,
.homepage-infrastructure-card h3,
.homepage-support-card h3 {
    margin: 0.35rem 0 0.7rem;
    max-width: 22ch;
}

.homepage-story-card p,
.homepage-routing-card p,
.homepage-venture-explainer-card p,
.homepage-infrastructure-card p,
.homepage-support-card p {
    max-width: 68ch;
}

.homepage-venture-explainer-section,
.homepage-infrastructure-section,
.homepage-support-section {
    padding-top: 1.5rem;
    padding-bottom: 1.75rem;
}

.homepage-video-card video,
.homepage-video-card iframe {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
}

@media (max-width: 980px) {
    .homepage-story-card,
    .homepage-routing-card,
    .homepage-venture-explainer-card,
    .homepage-infrastructure-card,
    .homepage-support-card,
    .homepage-video-card {
        padding: 1rem 0.95rem 1rem;
    }

    .homepage-story-card h3,
    .homepage-routing-card h3,
    .homepage-venture-explainer-card h3,
    .homepage-infrastructure-card h3,
    .homepage-support-card h3,
    .homepage-story-card p,
    .homepage-routing-card p,
    .homepage-venture-explainer-card p,
    .homepage-infrastructure-card p,
    .homepage-support-card p {
        max-width: none;
    }
}

/* =========================
   Phase 31J - Articles archive foundation
   ========================= */

.articles-archive {
    padding-top: 1.25rem;
    padding-bottom: 2rem;
}

.articles-archive-intro h2,
.article-card h2,
.article-empty-state h2 {
    margin: 0.4rem 0 0.75rem;
}

.articles-grid {
    align-items: stretch;
}

.article-card {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.article-card .pill {
    align-self: flex-start;
    margin-top: auto;
}

@media (max-width: 980px) {
    .articles-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================
   Phase 31K5 - Articles hub MVP cleanup
   ========================= */

.articles-archive .page-hero-premium {
    margin-bottom: 1.4rem;
}

.articles-archive-intro {
    margin-bottom: 1.4rem;
}

.article-card p {
    max-width: 58ch;
}

.article-card h2 a {
    text-decoration: none;
}

.article-card h2 a:hover,
.article-card h2 a:focus-visible {
    text-decoration: underline;
}

@media (min-width: 981px) {
    .articles-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* =========================
   Phase 31L — first controlled premium reset
   Canonical override layer
   ========================= */

:root {
    --vt-shell-max: 1240px;
    --vt-shell-pad-x: clamp(1rem, 2vw, 1.5rem);
    --vt-section-gap: clamp(1.4rem, 2vw, 2.2rem);
    --vt-card-radius: 22px;
    --vt-card-pad: clamp(1rem, 1.4vw, 1.35rem);
    --vt-card-border: rgba(255, 255, 255, 0.08);
    --vt-card-bg: linear-gradient(180deg, rgba(255,255,255,0.032), rgba(255,255,255,0.018));
    --vt-card-shadow: 0 18px 38px rgba(0, 0, 0, 0.22);
    --vt-shell-surface: rgba(10, 14, 22, 0.92);
    --vt-pill-bg: rgba(255,255,255,0.045);
    --vt-pill-border: rgba(255,255,255,0.09);
}

html {
    scroll-padding-top: 96px;
}

html body .site-header,
html body .site-header-shell,
html body .vitality-site-shell.site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 999 !important;
    backdrop-filter: blur(16px) !important;
    background: rgba(7, 11, 18, 0.82) !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    box-shadow: 0 10px 26px rgba(0,0,0,0.18) !important;
}

html body .site-header .site-header-inner,
html body .site-footer .site-footer-top,
html body .site-footer .site-footer-bottom,
html body .homepage-hero-inner,
html body .homepage-story-shell,
html body .homepage-routing-shell,
html body .homepage-venture-explainer-shell,
html body .homepage-infrastructure-shell,
html body .homepage-support-shell,
html body .homepage-hero-video-shell,
html body .articles-archive,
html body .section-shell,
html body .site-shell-container {
    width: min(var(--vt-shell-max), calc(100% - (var(--vt-shell-pad-x) * 2))) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

html body .site-header .site-header-inner {
    min-height: 78px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
}

html body .site-header .site-nav,
html body .site-header .site-header-actions {
    align-items: center !important;
}

html body .site-header .site-menu,
html body .site-header .primary-menu {
    gap: 0.95rem !important;
    align-items: center !important;
}

html body .site-header .site-menu a,
html body .site-header .primary-menu a {
    position: relative !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
}

html body .site-footer {
    background: rgba(8, 12, 20, 0.94) !important;
    border-top: 1px solid rgba(255,255,255,0.06) !important;
}

html body .site-footer .site-footer-top,
html body .site-footer .site-footer-bottom {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

html body .site-footer .site-footer-top {
    padding-top: 2rem !important;
    padding-bottom: 1.5rem !important;
}

html body .site-footer .site-footer-bottom {
    padding-top: 1rem !important;
    padding-bottom: 1.35rem !important;
}

html body .site-footer .footer-links,
html body .site-footer .footer-grid {
    gap: 1.35rem !important;
}

html body .site-footer .footer-link-column,
html body .site-footer .footer-column {
    gap: 0.6rem !important;
}

html body .site-footer a {
    text-decoration: none !important;
}

html body .site-footer a:hover,
html body .site-footer a:focus-visible {
    text-decoration: underline !important;
}

html body .premium-card,
html body .card,
html body .homepage-hero-panel,
html body .homepage-video-card,
html body .homepage-story-card,
html body .homepage-routing-card,
html body .homepage-venture-explainer-card,
html body .homepage-infrastructure-card,
html body .homepage-support-card,
html body .article-card,
html body .articles-archive-intro {
    border-radius: var(--vt-card-radius) !important;
    border: 1px solid var(--vt-card-border) !important;
    background: var(--vt-card-bg) !important;
    box-shadow: var(--vt-card-shadow) !important;
    padding: var(--vt-card-pad) !important;
}

html body .card-topline,
html body .homepage-routing-actions,
html body .page-hero-actions,
html body .hero-actions,
html body .homepage-hero-actions {
    gap: 0.7rem !important;
}

html body .eyebrow,
html body .section-eyebrow,
html body .homepage-story-kicker,
html body .homepage-video-label,
html body .homepage-hero-panel-label {
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

html body .pill,
html body .pill-ghost,
html body .pill-muted,
html body .pill-accent {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 32px !important;
    padding: 0.45rem 0.8rem !important;
    border-radius: 999px !important;
    border: 1px solid var(--vt-pill-border) !important;
    background: var(--vt-pill-bg) !important;
    text-decoration: none !important;
}

html body .button,
html body .button-primary,
html body .button-secondary {
    min-height: 44px !important;
    padding: 0.72rem 1rem !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

html body .button-primary {
    border: 1px solid rgba(255,255,255,0.14) !important;
}

html body .button-secondary {
    border: 1px solid rgba(255,255,255,0.09) !important;
    background: rgba(255,255,255,0.028) !important;
}

html body .homepage-hero,
html body .homepage-story-section,
html body .homepage-routing-section,
html body .homepage-venture-explainer-section,
html body .homepage-infrastructure-section,
html body .homepage-support-section,
html body .homepage-hero-video-section,
html body .section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: var(--vt-section-gap) !important;
    padding-bottom: var(--vt-section-gap) !important;
}

html body .homepage-hero {
    padding-top: 1.2rem !important;
}

html body .homepage-hero-inner,
html body .homepage-hero-copy,
html body .homepage-hero-support {
    gap: 1rem !important;
}

html body .homepage-hero-panel {
    transform: none !important;
}

html body .homepage-hero-video-grid,
html body .homepage-story-grid,
html body .homepage-routing-grid,
html body .homepage-venture-explainer-grid,
html body .homepage-infrastructure-grid,
html body .homepage-support-grid,
html body .articles-grid {
    gap: 1rem !important;
}

html body .homepage-hero-video-grid iframe {
    border-radius: 18px !important;
}

html body .homepage-routing-card-accent,
html body .homepage-venture-explainer-card-accent,
html body .homepage-infrastructure-card-accent,
html body .homepage-support-card-accent,
html body .homepage-story-card-accent {
    border-color: rgba(74, 197, 255, 0.18) !important;
}

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

    html body .site-header .site-header-inner {
        min-height: 72px !important;
    }

    html body .homepage-hero-inner,
    html body .homepage-hero-video-grid,
    html body .homepage-story-grid,
    html body .homepage-routing-grid,
    html body .homepage-venture-explainer-grid,
    html body .homepage-infrastructure-grid,
    html body .homepage-support-grid,
    html body .articles-grid,
    html body .footer-links,
    html body .footer-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =========================
   Phase 31L Pass 2 — footer + shared shell normalization
   ========================= */

html body .site-footer {
    background: rgba(8, 12, 20, 0.96) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

html body .site-footer .site-footer-top,
html body .site-footer .site-footer-bottom,
html body .site-footer .site-shell-container {
    width: min(var(--vt-shell-max), calc(100% - (var(--vt-shell-pad-x) * 2))) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

html body .site-footer .site-footer-top {
    display: grid !important;
    grid-template-columns: minmax(260px, 1.1fr) minmax(0, 2fr) !important;
    align-items: start !important;
    gap: 1.5rem !important;
    padding-top: 2rem !important;
    padding-bottom: 1.5rem !important;
}

html body .site-footer .site-footer-brand {
    max-width: 32rem !important;
    gap: 0.9rem !important;
}

html body .site-footer .site-footer-brand .site-brand,
html body .site-footer .site-footer-brand .site-brand-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    text-decoration: none !important;
}

html body .site-footer .site-brand-image {
    height: 40px !important;
    width: auto !important;
    display: block !important;
}

html body .site-footer .site-brand-text {
    display: inline-flex !important;
    flex-direction: column !important;
    gap: 0.08rem !important;
}

html body .site-footer .site-brand-wordmark {
    line-height: 1 !important;
}

html body .site-footer .site-brand-token {
    opacity: 0.74 !important;
    line-height: 1.1 !important;
}

html body .site-footer .footer-links,
html body .site-footer .footer-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1.35rem !important;
    align-items: start !important;
}

html body .site-footer .footer-link-column,
html body .site-footer .footer-column,
html body .site-footer .footer-link-column-trust {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.62rem !important;
    min-width: 0 !important;
}

html body .site-footer .footer-link-column h3,
html body .site-footer .footer-link-column h4,
html body .site-footer .footer-column h3,
html body .site-footer .footer-column h4,
html body .site-footer .footer-link-column-trust h3,
html body .site-footer .footer-link-column-trust h4 {
    margin: 0 0 0.22rem !important;
    line-height: 1.2 !important;
}

html body .site-footer .footer-links a,
html body .site-footer .footer-link-column a,
html body .site-footer .footer-column a,
html body .site-footer .footer-link-column-trust a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    text-decoration: none !important;
    opacity: 0.94 !important;
}

html body .site-footer .footer-links a:hover,
html body .site-footer .footer-link-column a:hover,
html body .site-footer .footer-column a:hover,
html body .site-footer .footer-link-column-trust a:hover,
html body .site-footer .footer-links a:focus-visible,
html body .site-footer .footer-link-column a:focus-visible,
html body .site-footer .footer-column a:focus-visible,
html body .site-footer .footer-link-column-trust a:focus-visible {
    text-decoration: underline !important;
    opacity: 1 !important;
}

html body .site-footer .site-footer-bottom {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    border-top: 1px solid rgba(255,255,255,0.05) !important;
    padding-top: 1rem !important;
    padding-bottom: 1.35rem !important;
}

html body .site-footer .site-footer-bottom p,
html body .site-footer .site-footer-bottom span,
html body .site-footer .site-footer-bottom a {
    margin: 0 !important;
}

html body .site-header .site-brand-image {
    height: 42px !important;
    width: auto !important;
    display: block !important;
}

html body .site-header .site-brand-text {
    display: inline-flex !important;
    flex-direction: column !important;
    gap: 0.08rem !important;
}

html body .site-header .site-brand-wordmark {
    line-height: 1 !important;
}

html body .site-header .site-brand-token {
    opacity: 0.78 !important;
    line-height: 1.1 !important;
}

@media (max-width: 980px) {
    html body .site-footer .site-footer-top,
    html body .site-footer .footer-links,
    html body .site-footer .footer-grid {
        grid-template-columns: 1fr !important;
    }

    html body .site-footer .site-footer-bottom {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    html body .site-footer .site-brand-image,
    html body .site-header .site-brand-image {
        height: 36px !important;
    }
}

/* =========================
   Phase 31L Pass 3 — homepage-only normalization
   ========================= */

html body.home .homepage-hero,
html body.home .homepage-story-section,
html body.home .homepage-routing-section,
html body.home .homepage-venture-explainer-section,
html body.home .homepage-infrastructure-section,
html body.home .homepage-support-section,
html body.home .homepage-hero-video-section {
    padding-top: clamp(1.5rem, 2vw, 2.2rem) !important;
    padding-bottom: clamp(1.5rem, 2vw, 2.2rem) !important;
}

html body.home .homepage-hero + .homepage-hero-video-section,
html body.home .homepage-hero-video-section + .homepage-story-section,
html body.home .homepage-story-section + .homepage-routing-section,
html body.home .homepage-routing-section + .homepage-venture-explainer-section,
html body.home .homepage-venture-explainer-section + .homepage-infrastructure-section,
html body.home .homepage-infrastructure-section + .homepage-support-section {
    border-top: 1px solid rgba(255,255,255,0.04) !important;
}

html body.home .homepage-hero-inner,
html body.home .homepage-hero-video-shell,
html body.home .homepage-story-shell,
html body.home .homepage-routing-shell,
html body.home .homepage-venture-explainer-shell,
html body.home .homepage-infrastructure-shell,
html body.home .homepage-support-shell {
    display: grid !important;
    gap: 1.1rem !important;
}

html body.home .homepage-hero-inner {
    grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr) !important;
    align-items: stretch !important;
    gap: 1rem !important;
}

html body.home .homepage-hero-copy,
html body.home .homepage-hero-support {
    display: grid !important;
    gap: 1rem !important;
    align-content: start !important;
}

html body.home .homepage-hero-support {
    grid-auto-rows: minmax(0, auto) !important;
}

html body.home .homepage-hero-panel,
html body.home .homepage-video-card,
html body.home .homepage-story-card,
html body.home .homepage-routing-card,
html body.home .homepage-venture-explainer-card,
html body.home .homepage-infrastructure-card,
html body.home .homepage-support-card {
    height: 100% !important;
}

html body.home .homepage-hero-panel {
    display: grid !important;
    gap: 0.55rem !important;
    align-content: start !important;
}

html body.home .homepage-hero-video-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr) !important;
    gap: 1rem !important;
    align-items: stretch !important;
}

html body.home .homepage-story-grid,
html body.home .homepage-routing-grid,
html body.home .homepage-venture-explainer-grid,
html body.home .homepage-infrastructure-grid,
html body.home .homepage-support-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 1rem !important;
    align-items: stretch !important;
}

html body.home .homepage-story-grid > *,
html body.home .homepage-routing-grid > *,
html body.home .homepage-venture-explainer-grid > *,
html body.home .homepage-infrastructure-grid > *,
html body.home .homepage-support-grid > * {
    min-width: 0 !important;
}

html body.home .homepage-story-card,
html body.home .homepage-routing-card,
html body.home .homepage-venture-explainer-card,
html body.home .homepage-infrastructure-card,
html body.home .homepage-support-card {
    display: grid !important;
    gap: 0.8rem !important;
    align-content: start !important;
}

html body.home .homepage-routing-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.65rem !important;
}

html body.home .homepage-story-card .pill,
html body.home .homepage-routing-card .pill,
html body.home .homepage-venture-explainer-card .pill,
html body.home .homepage-infrastructure-card .pill,
html body.home .homepage-support-card .pill {
    align-self: start !important;
}

html body.home .homepage-video-embed-shell,
html body.home .homepage-video-card iframe {
    width: 100% !important;
}

html body.home .homepage-video-card iframe {
    min-height: 260px !important;
}

html body.home .homepage-hero h1,
html body.home .homepage-story-section h2,
html body.home .homepage-routing-section h2,
html body.home .homepage-venture-explainer-section h2,
html body.home .homepage-infrastructure-section h2,
html body.home .homepage-support-section h2 {
    text-wrap: balance !important;
}

html body.home .homepage-hero p,
html body.home .homepage-story-section p,
html body.home .homepage-routing-section p,
html body.home .homepage-venture-explainer-section p,
html body.home .homepage-infrastructure-section p,
html body.home .homepage-support-section p {
    text-wrap: pretty !important;
}

@media (max-width: 1180px) {
    html body.home .homepage-story-grid,
    html body.home .homepage-routing-grid,
    html body.home .homepage-venture-explainer-grid,
    html body.home .homepage-infrastructure-grid,
    html body.home .homepage-support-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 980px) {
    html body.home .homepage-hero-inner,
    html body.home .homepage-hero-video-grid,
    html body.home .homepage-story-grid,
    html body.home .homepage-routing-grid,
    html body.home .homepage-venture-explainer-grid,
    html body.home .homepage-infrastructure-grid,
    html body.home .homepage-support-grid {
        grid-template-columns: 1fr !important;
    }

    html body.home .homepage-video-card iframe {
        min-height: 220px !important;
    }
}

/* =========================
   Phase 30X Pass 3C — Ecosystem overview portfolio summary
   ========================= */

.ecosystem-overview-portfolio-summary {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
}

.ecosystem-overview-portfolio-summary-copy p {
    max-width: 72ch;
}

.ecosystem-overview-portfolio-lenses {
    display: grid;
    gap: 0.75rem;
}

.ecosystem-overview-portfolio-lenses .pill-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

@media (min-width: 768px) {
    .ecosystem-overview-portfolio-summary {
        grid-template-columns: 1.4fr 1fr;
        align-items: start;
    }
}

/* =========================
   Phase 30X Pass 4 — Venture archive portfolio summary
   ========================= */

.venture-archive-portfolio-summary {
    display: grid;
    gap: 1rem;
    margin: 1rem 0 1.5rem;
}

.venture-archive-portfolio-summary-copy p {
    max-width: 72ch;
}

.venture-archive-portfolio-summary-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

@media (min-width: 768px) {
    .venture-archive-portfolio-summary {
        grid-template-columns: 1.35fr 1fr;
        align-items: start;
    }
}

/* =========================
   Phase 30X Pass 5 — Single venture portfolio context
   ========================= */

.venture-single-portfolio-context {
    display: grid;
    gap: 1rem;
    margin: 1rem 0 1.5rem;
}

.venture-single-portfolio-context-copy p {
    max-width: 72ch;
}

.venture-single-portfolio-context-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

@media (min-width: 768px) {
    .venture-single-portfolio-context {
        grid-template-columns: 1.35fr 1fr;
        align-items: start;
    }
}

/* =========================
   Phase 30Y Pass 1 — Venture icons and public notice
   ========================= */

.venture-type-icon {
    width: 38px;
    height: 38px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(124, 211, 255, 0.12);
    background:
        radial-gradient(circle at top, rgba(124, 211, 255, 0.10), transparent 58%),
        rgba(255, 255, 255, 0.025);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 10px 24px rgba(0, 0, 0, 0.16);
    flex-shrink: 0;
}

.venture-type-icon svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0.95;
}

.venture-card-topline-group {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
}

.venture-hero-icon-wrap {
    display: inline-flex;
    align-items: center;
    margin-right: 0.2rem;
}

.venture-archive-public-note,
.venture-single-public-note {
    margin-top: 1rem;
    padding: 0.9rem 1rem;
    border-radius: 18px;
    border: 1px solid rgba(124, 211, 255, 0.10);
    background: rgba(255, 255, 255, 0.022);
}

.venture-archive-public-note p,
.venture-single-public-note p {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.55;
    color: rgba(232, 240, 255, 0.82);
}

.venture-type-icon-application { color: rgba(124, 211, 255, 0.95); }
.venture-type-icon-infrastructure { color: rgba(166, 157, 255, 0.95); }
.venture-type-icon-intelligence { color: rgba(121, 255, 214, 0.95); }
.venture-type-icon-media { color: rgba(255, 166, 213, 0.95); }
.venture-type-icon-finance { color: rgba(255, 210, 122, 0.95); }
.venture-type-icon-coordination { color: rgba(208, 217, 255, 0.95); }
.venture-type-icon-health { color: rgba(134, 255, 174, 0.95); }

/* =========================
   Header nav spacing refinement
   ========================= */

@media (min-width: 1180px) and (max-width: 1480px) {
    .site-header .site-shell-container,
    .site-header .header-shell,
    .site-header .header-inner {
        gap: 0.9rem !important;
    }

    .site-header .primary-nav,
    .site-header .main-navigation,
    .site-header nav[aria-label="Primary"],
    .site-header .header-nav {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    .site-header .primary-nav ul,
    .site-header .main-navigation ul,
    .site-header .header-nav ul {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 0.95rem !important;
        white-space: nowrap !important;
    }

    .site-header .primary-nav a,
    .site-header .main-navigation a,
    .site-header .header-nav a {
        font-size: 0.94rem !important;
        letter-spacing: -0.01em !important;
    }

    .site-header .site-branding,
    .site-header .site-logo,
    .site-header .site-brand {
        margin-right: 0.35rem !important;
    }

    .site-header .header-actions,
    .site-header .site-actions,
    .site-header .header-cta-group {
        gap: 0.55rem !important;
        flex-shrink: 0 !important;
    }

    .site-header .header-actions .pill,
    .site-header .site-actions .pill,
    .site-header .header-cta-group .pill {
        padding-left: 0.9rem !important;
        padding-right: 0.9rem !important;
    }
}

/* =========================
   Phase 30Y Pass 2 — Venture type detail uplift
   ========================= */

.venture-type-summary-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin: 0.85rem 0 0.55rem;
}

.venture-type-summary-detail {
    margin: 0 0 0.95rem;
    font-size: 0.95rem;
    line-height: 1.55;
    color: rgba(232, 240, 255, 0.78);
    max-width: 68ch;
}

.venture-type-summary-strip-single {
    margin-top: 0.9rem;
}

.venture-type-summary-detail-single {
    margin-bottom: 1.05rem;
}

.venture-card .venture-type-summary-detail {
    min-height: 2.9em;
}

/* =========================
   Phase 30Y Pass 3 — Overview legend and explainer
   ========================= */

.ecosystem-overview-type-legend {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
}

.ecosystem-overview-type-legend-copy p {
    max-width: 72ch;
}

.ecosystem-overview-type-legend-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.85rem;
}

.venture-type-legend-item {
    display: grid;
    grid-template-columns: 38px 1fr;
    gap: 0.85rem;
    align-items: start;
    padding: 0.85rem 0.9rem;
    border-radius: 18px;
    border: 1px solid rgba(124, 211, 255, 0.08);
    background: rgba(255, 255, 255, 0.02);
}

.venture-type-legend-item strong {
    display: block;
    margin-bottom: 0.18rem;
    font-size: 0.96rem;
}

.venture-type-legend-item p {
    margin: 0;
    font-size: 0.92rem;
    line-height: 1.5;
    color: rgba(232, 240, 255, 0.78);
}

@media (min-width: 900px) {
    .ecosystem-overview-type-legend-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* =========================
   Phase 30Y Pass 4 — Disclosure status and detail chips
   ========================= */

.venture-disclosure-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin: 0.85rem 0 0.7rem;
}

.venture-disclosure-strip-single {
    margin-top: 0.8rem;
    margin-bottom: 0.35rem;
}

.venture-disclosure-strip .pill {
    font-size: 0.84rem;
}

/* =========================
   Phase 30Y Pass 5 — Start Here venture explainer
   ========================= */

.start-here-venture-explainer {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
}

.start-here-venture-explainer-copy p {
    max-width: 72ch;
}

.start-here-venture-explainer-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

@media (min-width: 900px) {
    .start-here-venture-explainer {
        grid-template-columns: 1.35fr 1fr;
        align-items: start;
    }
}

/* =========================
   Phase 30Y Pass 6 — Start Here venture guide polish
   ========================= */

.start-here-venture-explainer {
    border: 1px solid rgba(124, 211, 255, 0.10);
    background:
        radial-gradient(circle at top left, rgba(124, 211, 255, 0.08), transparent 42%),
        rgba(255, 255, 255, 0.022);
}

.start-here-venture-explainer .card-topline {
    margin-bottom: 0.35rem;
}

.start-here-venture-explainer h2 {
    max-width: 18ch;
}

.start-here-venture-explainer-pills .pill {
    font-size: 0.86rem;
}

@media (min-width: 900px) {
    .start-here-venture-explainer {
        padding: 1.15rem 1.15rem 1.2rem;
    }
}

/* =========================
   Phase 30Y Full Pass 1 — Architecture map surfacing
   ========================= */

.homepage-story-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0.8rem;
}

.start-here-reading-card-accent {
    border: 1px solid rgba(124, 211, 255, 0.10);
    background:
        radial-gradient(circle at top left, rgba(124, 211, 255, 0.08), transparent 40%),
        rgba(255, 255, 255, 0.022);
}

.start-here-reading-card-accent .pill {
    margin-top: 0.7rem;
}

/* =========================
   Phase 30Y Full Pass 2 — Trust flow explainer
   ========================= */

.homepage-trust-flow-section {
    padding: clamp(3.2rem, 5vw, 5rem) 0 0.5rem;
}

.homepage-trust-flow-shell,
.start-here-trust-flow-shell {
    display: grid;
    gap: 1.15rem;
}

.homepage-trust-flow-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

.homepage-trust-flow-card {
    display: grid;
    gap: 0.7rem;
}

.homepage-trust-flow-card-accent {
    border: 1px solid rgba(124, 211, 255, 0.10);
    background:
        radial-gradient(circle at top left, rgba(124, 211, 255, 0.08), transparent 42%),
        rgba(255, 255, 255, 0.022);
}

.homepage-trust-flow-step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    border: 1px solid rgba(124, 211, 255, 0.16);
    background: rgba(124, 211, 255, 0.08);
    font-size: 0.84rem;
    font-weight: 600;
}

.start-here-trust-flow-section {
    padding-top: 0.5rem;
}

.start-here-trust-flow-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

@media (min-width: 900px) {
    .homepage-trust-flow-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* =========================
   Phase 30Y Full Pass 3 — Treasury flow explainer
   ========================= */

.homepage-treasury-flow-section {
    padding: clamp(3rem, 5vw, 4.8rem) 0 0.5rem;
}

.homepage-treasury-flow-shell,
.start-here-treasury-flow-shell {
    display: grid;
    gap: 1.15rem;
}

.homepage-treasury-flow-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

.homepage-treasury-flow-card {
    display: grid;
    gap: 0.7rem;
}

.homepage-treasury-flow-card-accent {
    border: 1px solid rgba(255, 210, 122, 0.12);
    background:
        radial-gradient(circle at top left, rgba(255, 210, 122, 0.08), transparent 42%),
        rgba(255, 255, 255, 0.022);
}

.homepage-treasury-flow-step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 210, 122, 0.18);
    background: rgba(255, 210, 122, 0.09);
    font-size: 0.84rem;
    font-weight: 600;
}

.start-here-treasury-flow-section {
    padding-top: 0.5rem;
}

.start-here-treasury-flow-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

@media (min-width: 900px) {
    .homepage-treasury-flow-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* =========================
   Phase 30Y Full Pass 4 — Utility flow explainer
   ========================= */

.homepage-utility-flow-section {
    padding: clamp(3rem, 5vw, 4.8rem) 0 0.5rem;
}

.homepage-utility-flow-shell,
.start-here-utility-flow-shell {
    display: grid;
    gap: 1.15rem;
}

.homepage-utility-flow-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

.homepage-utility-flow-card {
    display: grid;
    gap: 0.7rem;
}

.homepage-utility-flow-card-accent {
    border: 1px solid rgba(121, 255, 214, 0.12);
    background:
        radial-gradient(circle at top left, rgba(121, 255, 214, 0.08), transparent 42%),
        rgba(255, 255, 255, 0.022);
}

.homepage-utility-flow-step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    border: 1px solid rgba(121, 255, 214, 0.18);
    background: rgba(121, 255, 214, 0.09);
    font-size: 0.84rem;
    font-weight: 600;
}

.start-here-utility-flow-section {
    padding-top: 0.5rem;
}

.start-here-utility-flow-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

@media (min-width: 900px) {
    .homepage-utility-flow-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* =========================
   Phase 30Y Full Pass 5 — User journey explainer
   ========================= */

.homepage-user-journey-section {
    padding: clamp(3rem, 5vw, 4.8rem) 0 0.5rem;
}

.homepage-user-journey-shell,
.start-here-user-journey-shell {
    display: grid;
    gap: 1.15rem;
}

.homepage-user-journey-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

.homepage-user-journey-card {
    display: grid;
    gap: 0.7rem;
}

.homepage-user-journey-card-accent {
    border: 1px solid rgba(255, 166, 213, 0.12);
    background:
        radial-gradient(circle at top left, rgba(255, 166, 213, 0.08), transparent 42%),
        rgba(255, 255, 255, 0.022);
}

.homepage-user-journey-step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 166, 213, 0.18);
    background: rgba(255, 166, 213, 0.09);
    font-size: 0.84rem;
    font-weight: 600;
}

.start-here-user-journey-section {
    padding-top: 0.5rem;
}

.start-here-user-journey-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

@media (min-width: 900px) {
    .homepage-user-journey-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* =========================
   Phase 30Y Full Pass 6 — Explainer motif cohesion
   ========================= */

.homepage-explainer-band,
.start-here-explainer-band {
    position: relative;
    isolation: isolate;
}

.homepage-explainer-band::before,
.start-here-explainer-band::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: min(220px, 28vw);
    height: 1px;
    background: linear-gradient(90deg, rgba(124, 211, 255, 0.28), rgba(124, 211, 255, 0));
    pointer-events: none;
    z-index: 0;
}

.homepage-explainer-band::after,
.start-here-explainer-band::after {
    content: "";
    position: absolute;
    top: 0.5rem;
    right: 0;
    width: min(320px, 34vw);
    height: min(320px, 34vw);
    background:
        radial-gradient(circle at center, rgba(124, 211, 255, 0.06), transparent 66%);
    filter: blur(6px);
    pointer-events: none;
    z-index: 0;
}

.homepage-explainer-band > .vt-container,
.start-here-explainer-band > .vt-container {
    position: relative;
    z-index: 1;
}

.homepage-trust-flow-shell,
.homepage-utility-flow-shell,
.homepage-treasury-flow-shell,
.homepage-user-journey-shell,
.start-here-user-journey-shell,
.start-here-utility-flow-shell,
.start-here-treasury-flow-shell,
.start-here-trust-flow-shell {
    padding-top: 0.35rem;
}

.homepage-trust-flow-grid,
.homepage-utility-flow-grid,
.homepage-treasury-flow-grid,
.homepage-user-journey-grid {
    align-items: stretch;
}

.homepage-trust-flow-card,
.homepage-utility-flow-card,
.homepage-treasury-flow-card,
.homepage-user-journey-card {
    min-height: 100%;
}

.start-here-user-journey-actions,
.start-here-utility-flow-actions,
.start-here-treasury-flow-actions,
.start-here-trust-flow-actions,
.homepage-story-actions {
    row-gap: 0.7rem;
}

/* =========================
   Phase 30Z Full Pass 1 — Article discoverability integration
   ========================= */

.trust-education-band {
    padding-top: 0.75rem;
}

.trust-education-shell {
    display: grid;
    gap: 1rem;
}

.trust-education-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

/* =========================
   Phase 30Z Full Pass 5 — FAQ Articles linkage
   ========================= */

.faq-side-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-bottom: 0.85rem;
}

.faq-education-band {
    padding-top: 0.75rem;
}

.faq-education-shell {
    display: grid;
    gap: 1rem;
}

.faq-education-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

/* =========================
   Phase 2.1A — Tokenomics premium rebuild pass 1
   ========================= */

.tokenomics-page {
    display: block;
}

.tokenomics-hero-shell,
.tokenomics-section-shell {
    display: grid;
    gap: 1.2rem;
}

.tokenomics-hero-panel-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

.tokenomics-highlight-card,
.tokenomics-card,
.tokenomics-feature-card {
    display: grid;
    gap: 0.7rem;
}

.tokenomics-highlight-card-primary,
.tokenomics-card-accent,
.tokenomics-feature-card-accent {
    border: 1px solid rgba(124, 211, 255, 0.10);
    background:
        radial-gradient(circle at top left, rgba(124, 211, 255, 0.08), transparent 42%),
        rgba(255, 255, 255, 0.022);
}

.tokenomics-card-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

.tokenomics-cta-shell {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.tokenomics-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

@media (min-width: 900px) {
    .tokenomics-hero-panel-grid,
    .tokenomics-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tokenomics-cta-shell {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

/* =========================
   Phase 2.2A — Utility premium rebuild pass 1
   ========================= */

.utility-page {
    display: block;
}

.utility-hero-shell,
.utility-section-shell {
    display: grid;
    gap: 1.2rem;
}

.utility-hero-panel-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

.utility-highlight-card,
.utility-card,
.utility-feature-card {
    display: grid;
    gap: 0.7rem;
}

.utility-highlight-card-primary,
.utility-card-accent,
.utility-feature-card-accent {
    border: 1px solid rgba(121, 255, 214, 0.12);
    background:
        radial-gradient(circle at top left, rgba(121, 255, 214, 0.08), transparent 42%),
        rgba(255, 255, 255, 0.022);
}

.utility-card-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

.utility-cta-shell {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.utility-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

@media (min-width: 900px) {
    .utility-hero-panel-grid,
    .utility-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .utility-cta-shell {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

/* =========================
   Phase 2.3A — Integrated Applications premium rebuild pass 1
   ========================= */

.integrated-applications-page {
    display: block;
}

.integrated-applications-hero-shell,
.integrated-applications-section-shell {
    display: grid;
    gap: 1.2rem;
}

.integrated-applications-hero-panel-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

.integrated-applications-highlight-card,
.integrated-applications-card,
.integrated-applications-feature-card {
    display: grid;
    gap: 0.7rem;
}

.integrated-applications-highlight-card-primary,
.integrated-applications-card-accent,
.integrated-applications-feature-card-accent {
    border: 1px solid rgba(255, 210, 122, 0.12);
    background:
        radial-gradient(circle at top left, rgba(255, 210, 122, 0.08), transparent 42%),
        rgba(255, 255, 255, 0.022);
}

.integrated-applications-card-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

.integrated-applications-cta-shell {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.integrated-applications-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

@media (min-width: 900px) {
    .integrated-applications-hero-panel-grid,
    .integrated-applications-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .integrated-applications-cta-shell {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

/* =========================
   Phase 2.4A — Charging / Staking premium rebuild pass 1
   ========================= */

.charging-staking-page {
    display: block;
}

.charging-staking-hero-shell,
.charging-staking-section-shell {
    display: grid;
    gap: 1.2rem;
}

.charging-staking-hero-panel-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

.charging-staking-highlight-card,
.charging-staking-card,
.charging-staking-feature-card {
    display: grid;
    gap: 0.7rem;
}

.charging-staking-highlight-card-primary,
.charging-staking-card-accent,
.charging-staking-feature-card-accent {
    border: 1px solid rgba(255, 166, 213, 0.12);
    background:
        radial-gradient(circle at top left, rgba(255, 166, 213, 0.08), transparent 42%),
        rgba(255, 255, 255, 0.022);
}

.charging-staking-card-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

.charging-staking-cta-shell {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.charging-staking-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

@media (min-width: 900px) {
    .charging-staking-hero-panel-grid,
    .charging-staking-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .charging-staking-cta-shell {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

/* =========================
   Phase 2.5A — Utility NFTs premium rebuild pass 1
   ========================= */

.utility-nfts-page {
    display: block;
}

.utility-nfts-hero-shell,
.utility-nfts-section-shell {
    display: grid;
    gap: 1.2rem;
}

.utility-nfts-hero-panel-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

.utility-nfts-highlight-card,
.utility-nfts-card,
.utility-nfts-feature-card {
    display: grid;
    gap: 0.7rem;
}

.utility-nfts-highlight-card-primary,
.utility-nfts-card-accent,
.utility-nfts-feature-card-accent {
    border: 1px solid rgba(124, 211, 255, 0.10);
    background:
        radial-gradient(circle at top left, rgba(124, 211, 255, 0.08), transparent 42%),
        rgba(255, 255, 255, 0.022);
}

.utility-nfts-card-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

.utility-nfts-cta-shell {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.utility-nfts-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

@media (min-width: 900px) {
    .utility-nfts-hero-panel-grid,
    .utility-nfts-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .utility-nfts-cta-shell {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

/* =========================
   Phase 2.6A — Referral Rewards premium rebuild pass 1
   ========================= */

.referral-rewards-page {
    display: block;
}

.referral-rewards-hero-shell,
.referral-rewards-section-shell {
    display: grid;
    gap: 1.2rem;
}

.referral-rewards-hero-panel-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

.referral-rewards-highlight-card,
.referral-rewards-card,
.referral-rewards-feature-card {
    display: grid;
    gap: 0.7rem;
}

.referral-rewards-highlight-card-primary,
.referral-rewards-card-accent,
.referral-rewards-feature-card-accent {
    border: 1px solid rgba(121, 255, 214, 0.12);
    background:
        radial-gradient(circle at top left, rgba(121, 255, 214, 0.08), transparent 42%),
        rgba(255, 255, 255, 0.022);
}

.referral-rewards-card-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

.referral-rewards-cta-shell {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.referral-rewards-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

@media (min-width: 900px) {
    .referral-rewards-hero-panel-grid,
    .referral-rewards-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .referral-rewards-cta-shell {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

/* =========================
   Phase 3.1B — App premium rebuild pass 1
   ========================= */

.app-page {
    display: block;
}

.app-hero-shell,
.app-section-shell {
    display: grid;
    gap: 1.2rem;
}

.app-hero-panel-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

.app-highlight-card,
.app-card {
    display: grid;
    gap: 0.7rem;
}

.app-highlight-card-primary,
.app-card-accent {
    border: 1px solid rgba(124, 211, 255, 0.10);
    background:
        radial-gradient(circle at top left, rgba(124, 211, 255, 0.08), transparent 42%),
        rgba(255, 255, 255, 0.022);
}

.app-card-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

.app-cta-shell {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.app-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

@media (min-width: 900px) {
    .app-hero-panel-grid,
    .app-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .app-cta-shell {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

/* =========================
   Phase 3.2B — Architecture Map premium rebuild pass 1
   ========================= */

.architecture-map-page {
    display: block;
}

.architecture-map-hero-shell,
.architecture-map-section-shell {
    display: grid;
    gap: 1.2rem;
}

.architecture-map-hero-panel-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

.architecture-map-highlight-card,
.architecture-map-card {
    display: grid;
    gap: 0.7rem;
}

.architecture-map-highlight-card-primary,
.architecture-map-card {
    border: 1px solid rgba(255, 210, 122, 0.10);
    background:
        radial-gradient(circle at top left, rgba(255, 210, 122, 0.08), transparent 42%),
        rgba(255, 255, 255, 0.022);
}

.architecture-map-card-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

.architecture-map-cta-shell {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.architecture-map-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

@media (min-width: 900px) {
    .architecture-map-hero-panel-grid,
    .architecture-map-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .architecture-map-cta-shell {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

/* =========================
   Phase 4.2B — Homepage conformity pass 1
   ========================= */

.homepage-core-intro-shell,
.homepage-public-pages-shell,
.homepage-ventures-shell {
    display: grid;
    gap: 1.2rem;
}

.homepage-core-intro-grid,
.homepage-public-pages-grid,
.homepage-ventures-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

.homepage-core-intro-card,
.homepage-public-pages-card,
.homepage-venture-card {
    display: grid;
    gap: 0.75rem;
}

.homepage-core-intro-card-accent,
.homepage-public-pages-card-accent,
.homepage-venture-card-primary {
    border: 1px solid rgba(124, 211, 255, 0.10);
    background:
        radial-gradient(circle at top left, rgba(124, 211, 255, 0.08), transparent 42%),
        rgba(255, 255, 255, 0.022);
}

.homepage-ventures-note {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

@media (min-width: 900px) {
    .homepage-core-intro-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .homepage-public-pages-grid,
    .homepage-ventures-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* =========================
   Phase 4.2D — Homepage conformity pass 2
   ========================= */

.homepage-signals-shell,
.homepage-infrastructure-legacy-shell {
    display: grid;
    gap: 1.2rem;
}

.homepage-signals-grid,
.homepage-infrastructure-legacy-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

.homepage-signal-card,
.homepage-infrastructure-legacy-card {
    display: grid;
    gap: 0.75rem;
}

.homepage-signal-card-primary,
.homepage-infrastructure-legacy-card:nth-child(1) {
    border: 1px solid rgba(121, 255, 214, 0.12);
    background:
        radial-gradient(circle at top left, rgba(121, 255, 214, 0.08), transparent 42%),
        rgba(255, 255, 255, 0.022);
}

.homepage-signals-note,
.homepage-infrastructure-legacy-note {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

@media (min-width: 900px) {
    .homepage-signals-grid,
    .homepage-infrastructure-legacy-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* =========================
   Phase 4.3B — Start Here conformity pass 1
   ========================= */

.start-here-page {
    display: block;
}

.start-here-hero-shell,
.start-here-section-shell {
    display: grid;
    gap: 1.2rem;
}

.start-here-hero-panel-grid,
.start-here-card-grid,
.start-here-pathway-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

.start-here-highlight-card,
.start-here-card,
.start-here-pathway-card {
    display: grid;
    gap: 0.75rem;
}

.start-here-highlight-card-primary,
.start-here-card-accent,
.start-here-pathway-card-accent {
    border: 1px solid rgba(124, 211, 255, 0.10);
    background:
        radial-gradient(circle at top left, rgba(124, 211, 255, 0.08), transparent 42%),
        rgba(255, 255, 255, 0.022);
}

.start-here-next-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

@media (min-width: 900px) {
    .start-here-hero-panel-grid,
    .start-here-card-grid,
    .start-here-pathway-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* =========================
   Phase 31B5 - Homepage visual reset override
   Purpose: force one canonical homepage visual system
========================= */
body.home main.vitality-site,
html body.home main.vitality-site {
    display: block;
    background: transparent;
}

body.home main.vitality-site > section,
html body.home main.vitality-site > section {
    position: relative;
    margin: 0;
    padding: clamp(2.8rem, 5vw, 4.25rem) 0;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.home .premium-hero.homepage-hero,
html body.home .premium-hero.homepage-hero {
    padding-top: clamp(4.5rem, 8vw, 7rem) !important;
    padding-bottom: clamp(3.25rem, 6vw, 4.75rem) !important;
    background:
        radial-gradient(circle at top, rgba(64, 124, 255, 0.14), transparent 42%),
        linear-gradient(180deg, rgba(9, 14, 24, 0.96), rgba(8, 12, 20, 0.92)) !important;
}

body.home .homepage-hero .premium-hero-inner,
body.home .homepage-core-intro-shell,
body.home .homepage-public-pages-shell,
body.home .homepage-ventures-shell,
body.home .homepage-signals-shell,
body.home .homepage-hero-video-shell,
body.home .homepage-story-shell,
body.home .homepage-trust-flow-shell,
body.home .homepage-routing-shell,
body.home .homepage-utility-flow-shell,
body.home .homepage-treasury-flow-shell,
body.home .homepage-venture-explainer-shell,
body.home .homepage-user-journey-shell,
body.home .homepage-infrastructure-shell,
body.home .homepage-support-shell,
html body.home .homepage-hero .premium-hero-inner,
html body.home .homepage-core-intro-shell,
html body.home .homepage-public-pages-shell,
html body.home .homepage-ventures-shell,
html body.home .homepage-signals-shell,
html body.home .homepage-hero-video-shell,
html body.home .homepage-story-shell,
html body.home .homepage-trust-flow-shell,
html body.home .homepage-routing-shell,
html body.home .homepage-utility-flow-shell,
html body.home .homepage-treasury-flow-shell,
html body.home .homepage-venture-explainer-shell,
html body.home .homepage-user-journey-shell,
html body.home .homepage-infrastructure-shell,
html body.home .homepage-support-shell {
    width: min(1100px, calc(100% - 40px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.home .homepage-hero .premium-hero-inner,
html body.home .homepage-hero .premium-hero-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr) !important;
    gap: clamp(1.5rem, 3vw, 2.5rem) !important;
    align-items: center !important;
}

body.home .homepage-hero-copy,
html body.home .homepage-hero-copy {
    max-width: 700px !important;
}

body.home .homepage-hero-lead,
html body.home .homepage-hero-lead {
    max-width: 60ch !important;
    margin-top: 1rem !important;
    font-size: clamp(1rem, 1.4vw, 1.14rem) !important;
    line-height: 1.65 !important;
    color: rgba(214, 225, 241, 0.92) !important;
}

body.home .homepage-hero-actions,
html body.home .homepage-hero-actions {
    margin-top: 1.5rem !important;
    gap: 0.85rem !important;
}

body.home .homepage-hero-support,
html body.home .homepage-hero-support {
    display: grid !important;
    gap: 1rem !important;
}

body.home .homepage-hero-panel,
body.home .premium-card,
html body.home .homepage-hero-panel,
html body.home .premium-card {
    border-radius: 24px !important;
    border: 1px solid rgba(110, 158, 255, 0.14) !important;
    background:
        linear-gradient(180deg, rgba(13, 18, 30, 0.96), rgba(10, 14, 24, 0.96)) !important;
    box-shadow:
        0 18px 44px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    overflow: hidden !important;
}

body.home .premium-section-heading,
html body.home .premium-section-heading {
    max-width: 720px !important;
    margin-bottom: 1.4rem !important;
}

body.home .premium-section-heading h2,
html body.home .premium-section-heading h2 {
    letter-spacing: -0.02em !important;
    line-height: 1.08 !important;
}

body.home .premium-section-heading p,
html body.home .premium-section-heading p {
    color: rgba(206, 218, 235, 0.9) !important;
    line-height: 1.65 !important;
}

body.home .premium-section-grid,
body.home .homepage-public-pages-grid,
body.home .homepage-ventures-grid,
body.home .homepage-signals-grid,
body.home .homepage-hero-video-grid,
body.home .homepage-story-grid,
body.home .homepage-trust-flow-grid,
body.home .homepage-routing-grid,
body.home .homepage-utility-flow-grid,
body.home .homepage-treasury-flow-grid,
body.home .homepage-venture-explainer-grid,
body.home .homepage-user-journey-grid,
body.home .homepage-infrastructure-grid,
body.home .homepage-support-grid,
html body.home .premium-section-grid,
html body.home .homepage-public-pages-grid,
html body.home .homepage-ventures-grid,
html body.home .homepage-signals-grid,
html body.home .homepage-hero-video-grid,
html body.home .homepage-story-grid,
html body.home .homepage-trust-flow-grid,
html body.home .homepage-routing-grid,
html body.home .homepage-utility-flow-grid,
html body.home .homepage-treasury-flow-grid,
html body.home .homepage-venture-explainer-grid,
html body.home .homepage-user-journey-grid,
html body.home .homepage-infrastructure-grid,
html body.home .homepage-support-grid {
    gap: 1rem !important;
    align-items: stretch !important;
}

body.home .homepage-public-pages-card,
body.home .homepage-venture-card,
body.home .homepage-signal-card,
body.home .homepage-video-card,
body.home .homepage-story-card,
body.home .homepage-trust-flow-card,
body.home .homepage-routing-card,
body.home .homepage-utility-flow-card,
body.home .homepage-treasury-flow-card,
body.home .homepage-venture-explainer-card,
body.home .homepage-user-journey-card,
body.home .homepage-infrastructure-card,
body.home .homepage-support-card,
body.home .homepage-core-intro-card,
html body.home .homepage-public-pages-card,
html body.home .homepage-venture-card,
html body.home .homepage-signal-card,
html body.home .homepage-video-card,
html body.home .homepage-story-card,
html body.home .homepage-trust-flow-card,
html body.home .homepage-routing-card,
html body.home .homepage-utility-flow-card,
html body.home .homepage-treasury-flow-card,
html body.home .homepage-venture-explainer-card,
html body.home .homepage-user-journey-card,
html body.home .homepage-infrastructure-card,
html body.home .homepage-support-card,
html body.home .homepage-core-intro-card {
    padding: 1.25rem 1.25rem 1.35rem !important;
    min-height: 100% !important;
}

body.home .homepage-hero-video-section,
body.home .homepage-story-section,
body.home .homepage-trust-flow-section,
body.home .homepage-routing-section,
body.home .homepage-utility-flow-section,
body.home .homepage-treasury-flow-section,
body.home .homepage-venture-explainer-section,
body.home .homepage-user-journey-section,
body.home .homepage-infrastructure-section,
body.home .homepage-support-section,
body.home .homepage-core-intro-section,
body.home .homepage-public-pages-section,
body.home .homepage-ventures-section,
body.home .homepage-signals-section,
html body.home .homepage-hero-video-section,
html body.home .homepage-story-section,
html body.home .homepage-trust-flow-section,
html body.home .homepage-routing-section,
html body.home .homepage-utility-flow-section,
html body.home .homepage-treasury-flow-section,
html body.home .homepage-venture-explainer-section,
html body.home .homepage-user-journey-section,
html body.home .homepage-infrastructure-section,
html body.home .homepage-support-section,
html body.home .homepage-core-intro-section,
html body.home .homepage-public-pages-section,
html body.home .homepage-ventures-section,
html body.home .homepage-signals-section {
    border-top: 1px solid rgba(255, 255, 255, 0.035) !important;
}

body.home .homepage-explainer-band,
html body.home .homepage-explainer-band {
    background:
        linear-gradient(180deg, rgba(11, 16, 27, 0.72), rgba(9, 13, 22, 0.72)) !important;
}

body.home .button,
body.home .pill,
html body.home .button,
html body.home .pill {
    border-radius: 999px !important;
}

body.home .homepage-video-embed-shell,
html body.home .homepage-video-embed-shell {
    border-radius: 18px !important;
    overflow: hidden !important;
}

@media (max-width: 980px) {
    body.home .homepage-hero .premium-hero-inner,
    html body.home .homepage-hero .premium-hero-inner {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 768px) {
    body.home .homepage-hero .premium-hero-inner,
    body.home .homepage-core-intro-shell,
    body.home .homepage-public-pages-shell,
    body.home .homepage-ventures-shell,
    body.home .homepage-signals-shell,
    body.home .homepage-hero-video-shell,
    body.home .homepage-story-shell,
    body.home .homepage-trust-flow-shell,
    body.home .homepage-routing-shell,
    body.home .homepage-utility-flow-shell,
    body.home .homepage-treasury-flow-shell,
    body.home .homepage-venture-explainer-shell,
    body.home .homepage-user-journey-shell,
    body.home .homepage-infrastructure-shell,
    body.home .homepage-support-shell,
    html body.home .homepage-hero .premium-hero-inner,
    html body.home .homepage-core-intro-shell,
    html body.home .homepage-public-pages-shell,
    html body.home .homepage-ventures-shell,
    html body.home .homepage-signals-shell,
    html body.home .homepage-hero-video-shell,
    html body.home .homepage-story-shell,
    html body.home .homepage-trust-flow-shell,
    html body.home .homepage-routing-shell,
    html body.home .homepage-utility-flow-shell,
    html body.home .homepage-treasury-flow-shell,
    html body.home .homepage-venture-explainer-shell,
    html body.home .homepage-user-journey-shell,
    html body.home .homepage-infrastructure-shell,
    html body.home .homepage-support-shell {
        width: min(1100px, calc(100% - 24px)) !important;
    }

    body.home main.vitality-site > section,
    html body.home main.vitality-site > section {
        padding: 2.15rem 0 !important;
    }

    body.home .homepage-hero-panel,
    body.home .premium-card,
    html body.home .homepage-hero-panel,
    html body.home .premium-card {
        border-radius: 20px !important;
    }
}

/* Phase 31B6 dominance marker */
html body.home .homepage-hero-copy h1 {
    text-transform: none !important;
    letter-spacing: -0.035em !important;
}
html body.home .homepage-story-card,
html body.home .homepage-video-card,
html body.home .homepage-routing-card,
html body.home .homepage-support-card,
html body.home .homepage-infrastructure-card {
    outline: 2px solid rgba(90, 160, 255, 0.22) !important;
}

/* =========================
   Phase 31B7 - Homepage orbit alignment fix
========================= */
html body.home .homepage-trust-flow-shell > .phase30y-step-orbit,
html body.home .homepage-utility-flow-shell > .phase30y-step-orbit,
html body.home .homepage-treasury-flow-shell > .phase30y-step-orbit,
html body.home .homepage-user-journey-shell > .phase30y-step-orbit {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0.9rem !important;
    margin: 0 0 1.6rem !important;
    padding: 1rem !important;
    border: 1px solid rgba(110, 158, 255, 0.14) !important;
    border-radius: 24px !important;
    background:
        radial-gradient(circle at top, rgba(90, 160, 255, 0.10), rgba(9, 14, 24, 0.10) 58%),
        linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)) !important;
    position: relative !important;
    overflow: hidden !important;
}

html body.home .homepage-trust-flow-shell > .phase30y-step-orbit::before,
html body.home .homepage-utility-flow-shell > .phase30y-step-orbit::before,
html body.home .homepage-treasury-flow-shell > .phase30y-step-orbit::before,
html body.home .homepage-user-journey-shell > .phase30y-step-orbit::before {
    content: "" !important;
    position: absolute !important;
    left: 8% !important;
    right: 8% !important;
    top: 50% !important;
    height: 1px !important;
    background: linear-gradient(90deg, rgba(95,150,255,0.08), rgba(95,150,255,0.34), rgba(95,150,255,0.08)) !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
}

html body.home .phase30y-step-orbit-node {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.5rem !important;
    text-align: center !important;
    z-index: 1 !important;
    min-width: 0 !important;
}

html body.home .phase30y-step-orbit-step {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 52px !important;
    height: 52px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(120, 180, 255, 0.24) !important;
    background: radial-gradient(circle at 30% 30%, rgba(112, 176, 255, 0.26), rgba(12, 18, 30, 0.96)) !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255,255,255,0.06) !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    color: rgba(244, 248, 255, 0.96) !important;
    line-height: 1 !important;
}

html body.home .phase30y-step-orbit-label {
    display: block !important;
    font-size: 0.78rem !important;
    line-height: 1.3 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: rgba(194, 210, 232, 0.82) !important;
    white-space: nowrap !important;
}

html body.home .homepage-venture-explainer-shell > .phase30y-venture-constellation {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 1rem !important;
    margin: 0 0 1.6rem !important;
    padding: 1.1rem !important;
    border: 1px solid rgba(120, 170, 255, 0.14) !important;
    border-radius: 28px !important;
    background:
        radial-gradient(circle at center, rgba(84, 138, 255, 0.11), transparent 48%),
        linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)) !important;
}

html body.home .phase30y-venture-constellation-core {
    grid-column: 2 / span 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 84px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(120, 180, 255, 0.18) !important;
    background: radial-gradient(circle at center, rgba(84, 152, 255, 0.22), rgba(10, 15, 24, 0.92)) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24) !important;
}

html body.home .phase30y-venture-constellation-node {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0.55rem !important;
    text-align: center !important;
}

html body.home .phase30y-venture-constellation-node span,
html body.home .phase30y-venture-constellation-core span {
    text-transform: uppercase !important;
}

@media (max-width: 900px) {
    html body.home .homepage-trust-flow-shell > .phase30y-step-orbit,
    html body.home .homepage-utility-flow-shell > .phase30y-step-orbit,
    html body.home .homepage-treasury-flow-shell > .phase30y-step-orbit,
    html body.home .homepage-user-journey-shell > .phase30y-step-orbit,
    html body.home .homepage-venture-explainer-shell > .phase30y-venture-constellation {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html body.home .homepage-trust-flow-shell > .phase30y-step-orbit::before,
    html body.home .homepage-utility-flow-shell > .phase30y-step-orbit::before,
    html body.home .homepage-treasury-flow-shell > .phase30y-step-orbit::before,
    html body.home .homepage-user-journey-shell > .phase30y-step-orbit::before {
        display: none !important;
    }

    html body.home .phase30y-venture-constellation-core {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 640px) {
    html body.home .homepage-trust-flow-shell > .phase30y-step-orbit,
    html body.home .homepage-utility-flow-shell > .phase30y-step-orbit,
    html body.home .homepage-treasury-flow-shell > .phase30y-step-orbit,
    html body.home .homepage-user-journey-shell > .phase30y-step-orbit,
    html body.home .homepage-venture-constellation-shell > .phase30y-venture-constellation,
    html body.home .homepage-venture-explainer-shell > .phase30y-venture-constellation {
        grid-template-columns: 1fr !important;
    }
}

/* =========================
   Phase 31B8 - Venture panel polish
========================= */
html body.home .homepage-venture-explainer-shell {
    gap: 0 !important;
}

html body.home .homepage-venture-explainer-shell > .phase30y-venture-constellation {
    margin: 0 0 1.15rem !important;
    padding: 0.9rem 1rem 0.95rem !important;
    gap: 0.75rem !important;
    border-radius: 24px !important;
}

html body.home .phase30y-venture-constellation-core {
    min-height: 68px !important;
    border-radius: 18px !important;
    grid-column: 2 / span 2 !important;
}

html body.home .phase30y-venture-constellation-core span {
    font-size: 0.92rem !important;
    letter-spacing: 0.1em !important;
}

html body.home .phase30y-venture-constellation-node {
    gap: 0.42rem !important;
}

html body.home .phase30y-venture-constellation-node span {
    font-size: 0.74rem !important;
    letter-spacing: 0.07em !important;
    line-height: 1.2 !important;
}

html body.home .phase30y-venture-constellation .venture-type-icon {
    width: 42px !important;
    height: 42px !important;
    margin: 0 auto !important;
}

html body.home .phase30y-venture-constellation-node-application {
    transform: translateY(2px) !important;
}

html body.home .phase30y-venture-constellation-node-coordination,
html body.home .phase30y-venture-constellation-node-intelligence,
html body.home .phase30y-venture-constellation-node-media,
html body.home .phase30y-venture-constellation-node-treasury,
html body.home .phase30y-venture-constellation-node-lifestyle,
html body.home .phase30y-venture-constellation-node-infrastructure,
html body.home .phase30y-venture-constellation-node-application {
    min-height: 72px !important;
    justify-content: flex-start !important;
}

html body.home .homepage-venture-explainer-section .premium-section-heading {
    margin-bottom: 1.1rem !important;
    max-width: 820px !important;
}

html body.home .homepage-venture-explainer-grid {
    gap: 0.9rem !important;
}

html body.home .homepage-venture-explainer-card {
    padding: 1.15rem 1.1rem 1.2rem !important;
}

html body.home .homepage-venture-explainer-card h3 {
    margin-bottom: 0.7rem !important;
}

html body.home .homepage-venture-explainer-card p {
    line-height: 1.65 !important;
}

@media (max-width: 900px) {
    html body.home .homepage-venture-explainer-shell > .phase30y-venture-constellation {
        gap: 0.85rem !important;
    }

    html body.home .phase30y-venture-constellation-core {
        grid-column: 1 / -1 !important;
        min-height: 62px !important;
    }

    html body.home .phase30y-venture-constellation-node-application {
        transform: none !important;
    }
}

@media (max-width: 640px) {
    html body.home .homepage-venture-explainer-shell > .phase30y-venture-constellation {
        margin-bottom: 1rem !important;
        padding: 0.85rem !important;
    }

    html body.home .phase30y-venture-constellation .venture-type-icon {
        width: 40px !important;
        height: 40px !important;
    }

    html body.home .phase30y-venture-constellation-node {
        min-height: auto !important;
    }
}

/* =========================
   Phase 31B9 - Venture panel micro alignment
========================= */
html body.home .homepage-venture-explainer-shell > .phase30y-venture-constellation {
    margin: 0 0 0.9rem !important;
    padding: 0.8rem 0.85rem 0.85rem !important;
    gap: 0.6rem !important;
    border-radius: 22px !important;
}

html body.home .phase30y-venture-constellation {
    grid-template-columns: 1.05fr 1fr 1fr 1.05fr !important;
}

html body.home .phase30y-venture-constellation-core {
    min-height: 62px !important;
    max-width: 560px !important;
    width: 100% !important;
    margin: 0 auto !important;
    border-radius: 16px !important;
}

html body.home .phase30y-venture-constellation-node {
    gap: 0.35rem !important;
    min-height: 64px !important;
}

html body.home .phase30y-venture-constellation-node span {
    font-size: 0.72rem !important;
    letter-spacing: 0.06em !important;
}

html body.home .phase30y-venture-constellation .venture-type-icon {
    width: 40px !important;
    height: 40px !important;
}

html body.home .phase30y-venture-constellation-node-application,
html body.home .phase30y-venture-constellation-node-treasury {
    transform: translateX(-10px) !important;
}

html body.home .phase30y-venture-constellation-node-coordination,
html body.home .phase30y-venture-constellation-node-lifestyle {
    transform: translateX(8px) !important;
}

html body.home .homepage-venture-explainer-section .premium-section-heading {
    margin-bottom: 0.95rem !important;
}

html body.home .homepage-venture-explainer-section .premium-section-heading p {
    max-width: 860px !important;
}

html body.home .homepage-venture-explainer-grid {
    gap: 0.8rem !important;
}

html body.home .homepage-venture-explainer-card {
    padding: 1.05rem 1rem 1.1rem !important;
}

@media (max-width: 900px) {
    html body.home .phase30y-venture-constellation {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html body.home .phase30y-venture-constellation-node-application,
    html body.home .phase30y-venture-constellation-node-treasury,
    html body.home .phase30y-venture-constellation-node-coordination,
    html body.home .phase30y-venture-constellation-node-lifestyle {
        transform: none !important;
    }

    html body.home .phase30y-venture-constellation-core {
        grid-column: 1 / -1 !important;
        max-width: none !important;
    }
}

@media (max-width: 640px) {
    html body.home .homepage-venture-explainer-shell > .phase30y-venture-constellation {
        padding: 0.75rem !important;
        margin-bottom: 0.85rem !important;
    }

    html body.home .phase30y-venture-constellation .venture-type-icon {
        width: 38px !important;
        height: 38px !important;
    }
}

/* =========================
   Phase 31B10 - Venture panel final polish
========================= */
html body.home .homepage-venture-explainer-shell > .phase30y-venture-constellation {
    margin: 0 0 0.75rem !important;
    padding: 0.75rem 0.8rem 0.8rem !important;
    gap: 0.5rem !important;
}

html body.home .phase30y-venture-constellation {
    grid-template-columns: 1fr 1fr 1fr 0.9fr !important;
}

html body.home .phase30y-venture-constellation-core {
    min-height: 58px !important;
    max-width: 520px !important;
}

html body.home .phase30y-venture-constellation-node {
    min-height: 58px !important;
    gap: 0.3rem !important;
}

html body.home .phase30y-venture-constellation-node span {
    font-size: 0.7rem !important;
    letter-spacing: 0.055em !important;
}

html body.home .phase30y-venture-constellation .venture-type-icon {
    width: 38px !important;
    height: 38px !important;
}

html body.home .phase30y-venture-constellation-node-application,
html body.home .phase30y-venture-constellation-node-treasury {
    transform: translateX(-18px) !important;
}

html body.home .phase30y-venture-constellation-node-coordination,
html body.home .phase30y-venture-constellation-node-lifestyle {
    transform: translateX(6px) !important;
}

html body.home .homepage-venture-explainer-section .premium-section-heading {
    margin-bottom: 0.8rem !important;
}

html body.home .homepage-venture-explainer-section .premium-section-heading p {
    max-width: 800px !important;
}

html body.home .homepage-venture-explainer-grid {
    gap: 0.75rem !important;
}

html body.home .homepage-venture-explainer-card {
    padding: 0.95rem 0.95rem 1rem !important;
    min-height: 0 !important;
}

html body.home .homepage-venture-explainer-card h3 {
    margin-bottom: 0.55rem !important;
    line-height: 1.05 !important;
}

html body.home .homepage-venture-explainer-card p {
    line-height: 1.55 !important;
}

@media (max-width: 900px) {
    html body.home .phase30y-venture-constellation {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html body.home .phase30y-venture-constellation-node-application,
    html body.home .phase30y-venture-constellation-node-treasury,
    html body.home .phase30y-venture-constellation-node-coordination,
    html body.home .phase30y-venture-constellation-node-lifestyle {
        transform: none !important;
    }

    html body.home .phase30y-venture-constellation-core {
        grid-column: 1 / -1 !important;
        max-width: none !important;
    }
}

/* =========================
   Phase 31B11 - Venture panel explicit layout
========================= */
html body.home .homepage-venture-explainer-shell > .phase30y-venture-constellation {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
    grid-template-areas:
        ". core core app"
        "coord intel media treasury"
        "life infra . ." !important;
    gap: 0.55rem 0.75rem !important;
    align-items: start !important;
    margin: 0 0 0.7rem !important;
    padding: 0.72rem 0.78rem 0.78rem !important;
}

html body.home .phase30y-venture-constellation-core {
    grid-area: core !important;
    min-height: 56px !important;
    max-width: 500px !important;
    width: 100% !important;
    margin: 0 auto !important;
    border-radius: 16px !important;
}

html body.home .phase30y-venture-constellation-node {
    min-height: 54px !important;
    gap: 0.28rem !important;
    align-self: start !important;
}

html body.home .phase30y-venture-constellation-node-coordination { grid-area: coord !important; justify-self: center !important; }
html body.home .phase30y-venture-constellation-node-intelligence { grid-area: intel !important; justify-self: center !important; }
html body.home .phase30y-venture-constellation-node-media { grid-area: media !important; justify-self: center !important; }
html body.home .phase30y-venture-constellation-node-application { grid-area: app !important; justify-self: center !important; }
html body.home .phase30y-venture-constellation-node-treasury { grid-area: treasury !important; justify-self: center !important; }
html body.home .phase30y-venture-constellation-node-lifestyle { grid-area: life !important; justify-self: center !important; }
html body.home .phase30y-venture-constellation-node-infrastructure { grid-area: infra !important; justify-self: center !important; }

html body.home .phase30y-venture-constellation-node-application,
html body.home .phase30y-venture-constellation-node-treasury,
html body.home .phase30y-venture-constellation-node-coordination,
html body.home .phase30y-venture-constellation-node-lifestyle {
    transform: none !important;
}

html body.home .phase30y-venture-constellation-node span {
    font-size: 0.69rem !important;
    letter-spacing: 0.05em !important;
    line-height: 1.15 !important;
}

html body.home .phase30y-venture-constellation .venture-type-icon {
    width: 36px !important;
    height: 36px !important;
}

html body.home .homepage-venture-explainer-section .premium-section-heading {
    margin-bottom: 0.72rem !important;
}

html body.home .homepage-venture-explainer-grid {
    gap: 0.68rem !important;
    align-items: stretch !important;
}

html body.home .homepage-venture-explainer-grid > .homepage-venture-explainer-card {
    padding: 0.92rem 0.92rem 0.96rem !important;
    min-height: auto !important;
}

html body.home .homepage-venture-explainer-card h3 {
    margin-bottom: 0.48rem !important;
    line-height: 1.02 !important;
}

html body.home .homepage-venture-explainer-card p {
    line-height: 1.5 !important;
}

@media (max-width: 900px) {
    html body.home .homepage-venture-explainer-shell > .phase30y-venture-constellation {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-areas:
            "core core"
            "coord intel"
            "media app"
            "treasury life"
            "infra infra" !important;
    }

    html body.home .phase30y-venture-constellation-core {
        max-width: none !important;
    }
}

@media (max-width: 640px) {
    html body.home .homepage-venture-explainer-shell > .phase30y-venture-constellation {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "core"
            "coord"
            "intel"
            "media"
            "app"
            "treasury"
            "life"
            "infra" !important;
    }
}

/* =========================
   Phase 31B12 - Venture panel Option A two-row map
========================= */
html body.home .homepage-venture-explainer-shell > .phase30y-venture-constellation {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-areas:
        "coord intel media app"
        ". core core ."
        "life infra treasury ." !important;
    gap: 0.85rem 1rem !important;
    align-items: center !important;
    margin: 0 0 0.9rem !important;
    padding: 0.95rem 1rem 1rem !important;
    border-radius: 24px !important;
}

html body.home .phase30y-venture-constellation-core {
    grid-area: core !important;
    min-height: 64px !important;
    max-width: 560px !important;
    width: 100% !important;
    margin: 0 auto !important;
    border-radius: 18px !important;
}

html body.home .phase30y-venture-constellation-node {
    min-height: 62px !important;
    gap: 0.35rem !important;
    align-self: center !important;
    justify-self: center !important;
    transform: none !important;
}

html body.home .phase30y-venture-constellation-node-coordination { grid-area: coord !important; }
html body.home .phase30y-venture-constellation-node-intelligence { grid-area: intel !important; }
html body.home .phase30y-venture-constellation-node-media { grid-area: media !important; }
html body.home .phase30y-venture-constellation-node-application { grid-area: app !important; }
html body.home .phase30y-venture-constellation-node-lifestyle { grid-area: life !important; }
html body.home .phase30y-venture-constellation-node-infrastructure { grid-area: infra !important; }
html body.home .phase30y-venture-constellation-node-treasury { grid-area: treasury !important; }

html body.home .phase30y-venture-constellation-node span {
    font-size: 0.72rem !important;
    letter-spacing: 0.06em !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

html body.home .phase30y-venture-constellation .venture-type-icon {
    width: 40px !important;
    height: 40px !important;
    margin: 0 auto !important;
}

html body.home .homepage-venture-explainer-section .premium-section-heading {
    margin-bottom: 0.9rem !important;
}

html body.home .homepage-venture-explainer-grid {
    gap: 0.75rem !important;
}

html body.home .homepage-venture-explainer-grid > .homepage-venture-explainer-card {
    padding: 0.95rem 0.95rem 1rem !important;
    min-height: auto !important;
}

html body.home .homepage-venture-explainer-card h3 {
    margin-bottom: 0.5rem !important;
    line-height: 1.04 !important;
}

html body.home .homepage-venture-explainer-card p {
    line-height: 1.55 !important;
}

@media (max-width: 900px) {
    html body.home .homepage-venture-explainer-shell > .phase30y-venture-constellation {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-areas:
            "coord intel"
            "media app"
            "core core"
            "life infra"
            "treasury treasury" !important;
    }

    html body.home .phase30y-venture-constellation-core {
        max-width: none !important;
    }
}

@media (max-width: 640px) {
    html body.home .homepage-venture-explainer-shell > .phase30y-venture-constellation {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "coord"
            "intel"
            "media"
            "app"
            "core"
            "life"
            "infra"
            "treasury" !important;
        gap: 0.7rem !important;
        padding: 0.8rem !important;
    }

    html body.home .phase30y-venture-constellation .venture-type-icon {
        width: 38px !important;
        height: 38px !important;
    }
}

/* =========================
   Phase 31B14 - Venture panel clean map
========================= */
html body.home .homepage-venture-explainer-shell > .phase30y-venture-constellation {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-areas:
        "coord intel media app"
        ". core core ."
        "treasury infra life ." !important;
    gap: 0.85rem 1rem !important;
    align-items: center !important;
    margin: 0 0 0.85rem !important;
    padding: 0.9rem 1rem 0.95rem !important;
    border-radius: 24px !important;
}

html body.home .phase30y-venture-constellation-core {
    grid-area: core !important;
    min-height: 62px !important;
    max-width: 540px !important;
    width: 100% !important;
    margin: 0 auto !important;
    border-radius: 18px !important;
}

html body.home .phase30y-venture-constellation-node {
    min-height: 58px !important;
    gap: 0.32rem !important;
    align-self: center !important;
    justify-self: center !important;
    transform: none !important;
}

html body.home .phase30y-venture-constellation-node-coordination { grid-area: coord !important; }
html body.home .phase30y-venture-constellation-node-intelligence { grid-area: intel !important; }
html body.home .phase30y-venture-constellation-node-media { grid-area: media !important; }
html body.home .phase30y-venture-constellation-node-application { grid-area: app !important; }
html body.home .phase30y-venture-constellation-node-treasury { grid-area: treasury !important; }
html body.home .phase30y-venture-constellation-node-infrastructure { grid-area: infra !important; }
html body.home .phase30y-venture-constellation-node-lifestyle { grid-area: life !important; }

html body.home .phase30y-venture-constellation-node span {
    font-size: 0.71rem !important;
    letter-spacing: 0.055em !important;
    line-height: 1.18 !important;
    text-align: center !important;
}

html body.home .phase30y-venture-constellation .venture-type-icon {
    width: 39px !important;
    height: 39px !important;
    margin: 0 auto !important;
}

html body.home .homepage-venture-explainer-section .premium-section-heading {
    margin-bottom: 0.85rem !important;
}

@media (max-width: 900px) {
    html body.home .homepage-venture-explainer-shell > .phase30y-venture-constellation {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-areas:
            "coord intel"
            "media app"
            "core core"
            "treasury infra"
            "life life" !important;
    }

    html body.home .phase30y-venture-constellation-core {
        max-width: none !important;
    }
}

@media (max-width: 640px) {
    html body.home .homepage-venture-explainer-shell > .phase30y-venture-constellation {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "coord"
            "intel"
            "media"
            "app"
            "core"
            "treasury"
            "infra"
            "life" !important;
        gap: 0.68rem !important;
        padding: 0.8rem !important;
    }
}

/* =========================
   Phase 31B15 - Homepage series hover effects
========================= */
html body.home .phase30y-step-orbit {
    transition:
        border-color 220ms ease,
        box-shadow 220ms ease,
        background 220ms ease !important;
}

html body.home .phase30y-step-orbit::before {
    transition:
        opacity 220ms ease,
        background 220ms ease !important;
}

html body.home .phase30y-step-orbit-node {
    transition:
        transform 220ms ease,
        opacity 220ms ease !important;
}

html body.home .phase30y-step-orbit-step {
    position: relative !important;
    transition:
        transform 220ms ease,
        box-shadow 220ms ease,
        border-color 220ms ease,
        background 220ms ease !important;
}

html body.home .phase30y-step-orbit-step::after {
    content: "" !important;
    position: absolute !important;
    inset: -6px !important;
    border-radius: 999px !important;
    background: radial-gradient(circle, rgba(106, 180, 255, 0.18), rgba(106, 180, 255, 0.0) 68%) !important;
    opacity: 0 !important;
    transform: scale(0.92) !important;
    transition:
        opacity 220ms ease,
        transform 220ms ease !important;
    pointer-events: none !important;
}

html body.home .phase30y-step-orbit-label {
    transition:
        color 220ms ease,
        opacity 220ms ease,
        transform 220ms ease !important;
}

html body.home .phase30y-step-orbit:hover {
    border-color: rgba(126, 181, 255, 0.22) !important;
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.22),
        0 0 0 1px rgba(74, 197, 255, 0.05),
        inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

html body.home .phase30y-step-orbit:hover::before {
    background: linear-gradient(90deg, rgba(95,150,255,0.12), rgba(120,190,255,0.48), rgba(95,150,255,0.12)) !important;
}

html body.home .phase30y-step-orbit:hover .phase30y-step-orbit-node {
    opacity: 0.92 !important;
}

html body.home .phase30y-step-orbit:hover .phase30y-step-orbit-node:hover {
    transform: translateY(-4px) !important;
    opacity: 1 !important;
}

html body.home .phase30y-step-orbit:hover .phase30y-step-orbit-node:hover .phase30y-step-orbit-step {
    transform: scale(1.06) !important;
    border-color: rgba(132, 194, 255, 0.36) !important;
    background: radial-gradient(circle at 30% 30%, rgba(126, 188, 255, 0.34), rgba(12, 18, 30, 0.96)) !important;
    box-shadow:
        0 18px 38px rgba(0, 0, 0, 0.26),
        0 0 18px rgba(85, 162, 255, 0.22),
        inset 0 1px 0 rgba(255,255,255,0.07) !important;
}

html body.home .phase30y-step-orbit:hover .phase30y-step-orbit-node:hover .phase30y-step-orbit-step::after {
    opacity: 1 !important;
    transform: scale(1) !important;
}

html body.home .phase30y-step-orbit:hover .phase30y-step-orbit-node:hover .phase30y-step-orbit-label {
    color: rgba(232, 241, 255, 0.96) !important;
    transform: translateY(1px) !important;
}

html body.home .phase30y-step-orbit-node:nth-child(1):hover ~ .phase30y-step-orbit-node,
html body.home .phase30y-step-orbit-node:nth-child(2):hover ~ .phase30y-step-orbit-node,
html body.home .phase30y-step-orbit-node:nth-child(3):hover ~ .phase30y-step-orbit-node,
html body.home .phase30y-step-orbit-node:nth-child(4):hover ~ .phase30y-step-orbit-node {
    opacity: 0.86 !important;
}

@media (prefers-reduced-motion: no-preference) {
    html body.home .phase30y-step-orbit:hover .phase30y-step-orbit-node:hover .phase30y-step-orbit-step {
        animation: phase31b15OrbitPulse 1.8s ease-in-out infinite;
    }
}

@keyframes phase31b15OrbitPulse {
    0%, 100% {
        box-shadow:
            0 18px 38px rgba(0, 0, 0, 0.26),
            0 0 12px rgba(85, 162, 255, 0.16),
            inset 0 1px 0 rgba(255,255,255,0.07);
    }
    50% {
        box-shadow:
            0 18px 38px rgba(0, 0, 0, 0.26),
            0 0 22px rgba(85, 162, 255, 0.28),
            inset 0 1px 0 rgba(255,255,255,0.08);
    }
}

/* =========================
   Phase 31B17 - Comet trail effect
========================= */
.vt-comet-layer {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 9998;
    overflow: hidden;
}

.vt-comet-particle {
    position: fixed;
    border-radius: 999px;
    pointer-events: none;
    transform: translate(-50%, -50%);
    background:
        radial-gradient(circle, rgba(146, 210, 255, 0.85) 0%, rgba(91, 173, 255, 0.34) 42%, rgba(91, 173, 255, 0.0) 76%);
    box-shadow:
        0 0 14px rgba(74, 197, 255, 0.26),
        0 0 32px rgba(74, 197, 255, 0.12);
    opacity: 0;
    animation: vtCometFade 720ms ease-out forwards;
    will-change: transform, opacity;
}

@keyframes vtCometFade {
    0% {
        opacity: 0.95;
        transform: translate(-50%, -50%) scale(1);
    }
    100% {
        opacity: 0;
        transform: translate(calc(-50% + var(--vt-drift-x, 0px)), calc(-50% + var(--vt-drift-y, 0px))) scale(0.35);
    }
}

@media (prefers-reduced-motion: reduce), (hover: none), (pointer: coarse) {
    .vt-comet-layer {
        display: none !important;
    }
}

/* =========================
   Phase 31B29 - Homepage story panel 4-card support
========================= */
html body.home .homepage-story-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 1rem !important;
    align-items: stretch !important;
}

html body.home .homepage-story-card {
    min-height: 100% !important;
}

html body.home .homepage-story-card .homepage-routing-actions {
    margin-top: auto !important;
}

@media (max-width: 1100px) {
    html body.home .homepage-story-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    html body.home .homepage-story-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =========================
   Phase 31B43 - Trust and Official Contracts hero simplification
========================= */
.trust-page .vt-container,
.official-contracts-page .vt-container {
    width: min(1180px, calc(100% - 48px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.trust-hero-shell,
.trust-section-shell,
.official-contracts-hero-shell,
.official-contracts-section-shell {
    width: min(920px, 100%) !important;
    margin: 0 auto !important;
}

.trust-hero-copy,
.official-contracts-hero-copy {
    max-width: 760px !important;
}

.trust-hero-copy h1,
.official-contracts-hero-copy h1 {
    max-width: 11.5ch !important;
    font-size: clamp(3rem, 5vw, 4.9rem) !important;
    line-height: 0.94 !important;
    letter-spacing: -0.04em !important;
}

.premium-inline-meta {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1rem !important;
    margin-top: 1rem !important;
    padding-top: 0.9rem !important;
    border-top: 1px solid rgba(115, 160, 255, 0.14) !important;
}

.premium-inline-meta-item {
    min-width: 0 !important;
}

.premium-inline-meta-label {
    display: block !important;
    margin-bottom: 0.35rem !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: rgba(133, 201, 255, 0.9) !important;
}

.premium-inline-meta-item p {
    margin: 0 !important;
    font-size: 0.94rem !important;
    line-height: 1.64 !important;
}

.trust-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.1rem !important;
}

.official-contracts-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.1rem !important;
}

.trust-card,
.official-contracts-card {
    min-height: 220px !important;
    padding: 1.4rem 1.25rem 1.2rem !important;
}

@media (max-width: 900px) {
    .trust-page .vt-container,
    .official-contracts-page .vt-container {
        width: min(100%, calc(100% - 24px)) !important;
    }

    .premium-inline-meta,
    .trust-card-grid,
    .official-contracts-card-grid {
        grid-template-columns: 1fr !important;
    }

    .trust-card,
    .official-contracts-card {
        min-height: 0 !important;
    }
}

/* =========================
   Phase 31C Batch 1 - Secondary page shell reduction
========================= */

html body:not(.home) .tokenomics-hero .vt-container,
html body:not(.home) .treasury-hero .vt-container,
html body:not(.home) .legal-disclaimer-hero .vt-shell,
html body:not(.home) .page-hero.page-hero-premium .container {
    max-width: 1200px;
}

html body:not(.home) .tokenomics-hero-copy,
html body:not(.home) .treasury-hero-copy,
html body:not(.home) .legal-disclaimer-hero-copy,
html body:not(.home) .page-hero-inner {
    max-width: 760px;
}

html body:not(.home) .premium-hero-panel-grid {
    margin-top: 1.5rem;
}

html body:not(.home) .tokenomics-card-grid,
html body:not(.home) .treasury-card-grid,
html body:not(.home) .legal-disclaimer-card-grid,
html body:not(.home) .legal-disclaimer-step-grid {
    align-items: stretch;
}

html body:not(.home) .tokenomics-feature-card,
html body:not(.home) .treasury-feature-card,
html body:not(.home) .legal-disclaimer-step-card {
    min-height: 100%;
}

html body:not(.home) .premium-section.tokenomics-section,
html body:not(.home) .premium-section.treasury-section,
html body:not(.home) .premium-section.legal-disclaimer-section,
html body:not(.home) .legal-content-section {
    padding-top: clamp(3rem, 4vw, 4.5rem);
    padding-bottom: clamp(3rem, 4vw, 4.5rem);
}

html body:not(.home) .premium-section-heading {
    max-width: 820px;
}

html body:not(.home) .legal-layout {
    gap: clamp(1.25rem, 2vw, 2rem);
}

html body:not(.home) .legal-side-card,
html body:not(.home) .legal-card {
    border-radius: 24px;
}

@media (max-width: 980px) {
    html body:not(.home) .legal-layout {
        grid-template-columns: 1fr;
    }
}

/* =========================
   Phase 31C Batch 2 - Trust contracts contact conformance
========================= */

html body:not(.home) .trust-page .vt-container,
html body:not(.home) .official-contracts-page .vt-container,
html body:not(.home) .contact-page-shell .container {
    max-width: 1200px;
}

html body:not(.home) .trust-page .premium-hero-copy,
html body:not(.home) .official-contracts-page .premium-hero-copy,
html body:not(.home) .contact-page-shell .page-hero-inner {
    max-width: 760px;
}

html body:not(.home) .trust-card-grid,
html body:not(.home) .official-contracts-card-grid {
    align-items: stretch;
}

html body:not(.home) .trust-card,
html body:not(.home) .official-contracts-card {
    min-height: 100%;
}

html body:not(.home) .trust-page .premium-section,
html body:not(.home) .official-contracts-page .premium-section,
html body:not(.home) .contact-page-shell .page-hero,
html body:not(.home) .contact-page-shell .page-section {
    padding-top: clamp(3rem, 4vw, 4.5rem);
    padding-bottom: clamp(3rem, 4vw, 4.5rem);
}

/* =========================
   Phase 31C Batch 3 - Utility family conformance
========================= */

html body:not(.home) .utility-page .vt-container,
html body:not(.home) .utility-nfts-page .vt-container,
html body:not(.home) .integrated-applications-page .vt-container {
    max-width: 1200px;
}

html body:not(.home) .utility-hero-copy,
html body:not(.home) .utility-nfts-hero-copy,
html body:not(.home) .integrated-applications-hero-copy {
    max-width: 760px;
}

html body:not(.home) .utility-card-grid,
html body:not(.home) .utility-nfts-card-grid,
html body:not(.home) .integrated-applications-card-grid,
html body:not(.home) .utility-feature-grid,
html body:not(.home) .utility-nfts-feature-grid,
html body:not(.home) .integrated-applications-feature-grid {
    align-items: stretch;
}

html body:not(.home) .utility-card,
html body:not(.home) .utility-nfts-card,
html body:not(.home) .integrated-applications-card,
html body:not(.home) .utility-feature-card,
html body:not(.home) .utility-nfts-feature-card,
html body:not(.home) .integrated-applications-feature-card {
    min-height: 100%;
}

html body:not(.home) .premium-section.utility-section,
html body:not(.home) .premium-section.utility-nfts-section,
html body:not(.home) .premium-section.integrated-applications-section {
    padding-top: clamp(3rem, 4vw, 4.5rem);
    padding-bottom: clamp(3rem, 4vw, 4.5rem);
}

html body:not(.home) .premium-section-heading {
    max-width: 820px;
}

html body:not(.home) .premium-hero-panel-grid {
    margin-top: 1.5rem;
}

/* =========================
   Phase 31C Batch 3A - Utility family refinement
========================= */

html body:not(.home) .utility-family-hero-shell,
html body:not(.home) .utility-family-section-shell {
    position: relative;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.015)),
        radial-gradient(circle at top left, rgba(75, 160, 255, 0.08), transparent 42%);
    box-shadow: 0 22px 44px rgba(0, 0, 0, 0.22);
}

html body:not(.home) .utility-family-hero-shell {
    padding: clamp(1.5rem, 2vw, 2rem);
}

html body:not(.home) .utility-family-section-shell {
    padding: clamp(1.35rem, 2vw, 1.85rem);
}

html body:not(.home) .utility-page .premium-hero-panel-grid,
html body:not(.home) .utility-nfts-page .premium-hero-panel-grid,
html body:not(.home) .integrated-applications-page .premium-hero-panel-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

html body:not(.home) .utility-page .premium-hero-panel,
html body:not(.home) .utility-nfts-page .premium-hero-panel,
html body:not(.home) .integrated-applications-page .premium-hero-panel {
    min-height: 100%;
}

html body:not(.home) .utility-page .premium-section-heading,
html body:not(.home) .utility-nfts-page .premium-section-heading,
html body:not(.home) .integrated-applications-page .premium-section-heading {
    max-width: 760px;
}

html body:not(.home) .utility-page .premium-section-heading h2,
html body:not(.home) .utility-nfts-page .premium-section-heading h2,
html body:not(.home) .integrated-applications-page .premium-section-heading h2 {
    max-width: 16ch;
}

@media (max-width: 980px) {
    html body:not(.home) .utility-page .premium-hero-panel-grid,
    html body:not(.home) .utility-nfts-page .premium-hero-panel-grid,
    html body:not(.home) .integrated-applications-page .premium-hero-panel-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    html body:not(.home) .utility-family-hero-shell,
    html body:not(.home) .utility-family-section-shell {
        border-radius: 24px;
        padding: 1.1rem;
    }
}

/* =========================
   Phase 31C Batch 3B - Utility family alignment correction
========================= */

html body:not(.home) .utility-page .vt-container,
html body:not(.home) .utility-nfts-page .vt-container,
html body:not(.home) .integrated-applications-page .vt-container {
    width: min(1200px, calc(100% - 2rem));
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

html body:not(.home) .utility-family-hero-shell,
html body:not(.home) .utility-family-section-shell {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

html body:not(.home) .utility-page .premium-hero-copy,
html body:not(.home) .utility-nfts-page .premium-hero-copy,
html body:not(.home) .integrated-applications-page .premium-hero-copy,
html body:not(.home) .utility-page .premium-section-heading,
html body:not(.home) .utility-nfts-page .premium-section-heading,
html body:not(.home) .integrated-applications-page .premium-section-heading {
    margin-left: 0;
    margin-right: auto;
}

html body:not(.home) .utility-page .premium-section-grid,
html body:not(.home) .utility-nfts-page .premium-section-grid,
html body:not(.home) .integrated-applications-page .premium-section-grid,
html body:not(.home) .utility-page .premium-feature-list,
html body:not(.home) .utility-nfts-page .premium-feature-list,
html body:not(.home) .integrated-applications-page .premium-feature-list,
html body:not(.home) .utility-page .premium-hero-panel-grid,
html body:not(.home) .utility-nfts-page .premium-hero-panel-grid,
html body:not(.home) .integrated-applications-page .premium-hero-panel-grid {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 767px) {
    html body:not(.home) .utility-page .vt-container,
    html body:not(.home) .utility-nfts-page .vt-container,
    html body:not(.home) .integrated-applications-page .vt-container {
        width: min(100%, calc(100% - 1rem));
    }
}

/* =========================
   Tokenomics micro polish
========================= */

html body:not(.home) .tokenomics-page .premium-hero.tokenomics-hero {
    padding-top: clamp(4.4rem, 6vw, 6.25rem);
    padding-bottom: clamp(3.1rem, 4.4vw, 4.4rem);
}

html body:not(.home) .tokenomics-page .tokenomics-hero-copy {
    max-width: 760px;
}

html body:not(.home) .tokenomics-page .tokenomics-hero-copy h1 {
    max-width: 12ch;
}

html body:not(.home) .tokenomics-page .premium-hero-panel-grid {
    margin-top: 1.4rem;
    gap: 1rem;
}

html body:not(.home) .tokenomics-page .premium-hero-panel {
    min-height: 100%;
    box-shadow:
        0 20px 42px rgba(0, 0, 0, 0.22),
        0 0 0 1px rgba(70, 140, 255, 0.05);
}

html body:not(.home) .tokenomics-page .premium-section.tokenomics-section {
    padding-top: clamp(3.2rem, 4.4vw, 4.8rem);
    padding-bottom: clamp(3.2rem, 4.4vw, 4.8rem);
}

html body:not(.home) .tokenomics-page .premium-section-heading {
    max-width: 800px;
    margin-bottom: 1.35rem;
}

html body:not(.home) .tokenomics-page .tokenomics-card-grid,
html body:not(.home) .tokenomics-page .tokenomics-feature-grid {
    gap: 1rem;
    align-items: stretch;
}

html body:not(.home) .tokenomics-page .tokenomics-card,
html body:not(.home) .tokenomics-page .tokenomics-feature-card {
    min-height: 100%;
    box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.2),
        0 0 0 1px rgba(70, 140, 255, 0.045);
}

html body:not(.home) .tokenomics-page .tokenomics-cta-band,
html body:not(.home) .tokenomics-page .tokenomics-next-step {
    margin-top: 1.35rem;
    padding-top: 1rem;
}

html body:not(.home) .tokenomics-page .tokenomics-next-step .premium-pill-row,
html body:not(.home) .tokenomics-page .tokenomics-cta-band .premium-pill-row {
    margin-top: 0.85rem;
    gap: 0.55rem;
}

@media (max-width: 767px) {
    html body:not(.home) .tokenomics-page .premium-hero.tokenomics-hero {
        padding-top: 4rem;
        padding-bottom: 2.8rem;
    }

    html body:not(.home) .tokenomics-page .premium-section.tokenomics-section {
        padding-top: 2.8rem;
        padding-bottom: 2.8rem;
    }
}

/* =========================
   Start Here refinement
========================= */

html body:not(.home) .start-here-page .premium-hero.start-here-hero {
    padding-top: clamp(4.5rem, 6vw, 6.25rem);
    padding-bottom: clamp(3.15rem, 4.4vw, 4.35rem);
}

html body:not(.home) .start-here-page .start-here-hero-copy {
    max-width: 760px;
}

html body:not(.home) .start-here-page .start-here-hero-copy h1 {
    max-width: 11ch;
}

html body:not(.home) .start-here-page .premium-hero-panel-grid {
    margin-top: 1.35rem;
    gap: 1rem;
}

html body:not(.home) .start-here-page .premium-hero-panel {
    min-height: 100%;
    box-shadow:
        0 20px 42px rgba(0, 0, 0, 0.22),
        0 0 0 1px rgba(70, 140, 255, 0.05);
}

html body:not(.home) .start-here-page .premium-section.start-here-section {
    padding-top: clamp(3.1rem, 4.3vw, 4.6rem);
    padding-bottom: clamp(3.1rem, 4.3vw, 4.6rem);
}

html body:not(.home) .start-here-page .premium-section-heading {
    max-width: 820px;
    margin-bottom: 1.3rem;
}

html body:not(.home) .start-here-page .start-here-card-grid,
html body:not(.home) .start-here-page .start-here-feature-grid,
html body:not(.home) .start-here-page .start-here-route-grid,
html body:not(.home) .start-here-page .start-here-next-grid {
    gap: 1rem;
    align-items: stretch;
}

html body:not(.home) .start-here-page .start-here-card,
html body:not(.home) .start-here-page .start-here-feature-card,
html body:not(.home) .start-here-page .start-here-route-card,
html body:not(.home) .start-here-page .start-here-next-card {
    min-height: 100%;
    box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.2),
        0 0 0 1px rgba(70, 140, 255, 0.045);
}

html body:not(.home) .start-here-page .start-here-overview-band,
html body:not(.home) .start-here-page .start-here-sequence-band,
html body:not(.home) .start-here-page .start-here-next-band {
    margin-top: 1.35rem;
}

html body:not(.home) .start-here-page .start-here-pill-row,
html body:not(.home) .start-here-page .premium-pill-row {
    gap: 0.55rem;
    margin-top: 0.8rem;
}

html body:not(.home) .start-here-page .start-here-sequence-band .premium-card,
html body:not(.home) .start-here-page .start-here-next-band .premium-card {
    border-color: rgba(74, 138, 255, 0.12);
}

@media (max-width: 767px) {
    html body:not(.home) .start-here-page .premium-hero.start-here-hero {
        padding-top: 4rem;
        padding-bottom: 2.75rem;
    }

    html body:not(.home) .start-here-page .premium-section.start-here-section {
        padding-top: 2.8rem;
        padding-bottom: 2.8rem;
    }
}

/* =========================
   Start Here template simplification
========================= */

html body:not(.home) .start-here-page .start-here-feature-grid,
html body:not(.home) .start-here-page .start-here-route-grid,
html body:not(.home) .start-here-page .start-here-next-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

html body:not(.home) .start-here-page .start-here-feature-card,
html body:not(.home) .start-here-page .start-here-route-card,
html body:not(.home) .start-here-page .start-here-next-card {
    min-height: 100%;
}

html body:not(.home) .start-here-page .start-here-route-card h3,
html body:not(.home) .start-here-page .start-here-next-card h3 {
    margin-bottom: 0.55rem;
}

html body:not(.home) .start-here-page .start-here-route-card .premium-pill-row,
html body:not(.home) .start-here-page .start-here-next-card .premium-pill-row {
    margin-top: 0.85rem;
}

@media (max-width: 900px) {
    html body:not(.home) .start-here-page .start-here-feature-grid,
    html body:not(.home) .start-here-page .start-here-route-grid,
    html body:not(.home) .start-here-page .start-here-next-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================
   FAQ bottom alignment fix
========================= */

html body:not(.home) .faq-page .faq-education-band,
html body:not(.home) .faq-page .faq-next-band,
html body:not(.home) .faq-page .faq-close-band {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

html body:not(.home) .faq-page .faq-education-band .container,
html body:not(.home) .faq-page .faq-next-band .container,
html body:not(.home) .faq-page .faq-close-band .container {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

html body:not(.home) .faq-page .faq-education-band .page-section-heading,
html body:not(.home) .faq-page .faq-next-band .page-section-heading,
html body:not(.home) .faq-page .faq-close-band .page-section-heading {
    max-width: 780px;
}

html body:not(.home) .faq-page .faq-education-band {
    padding-top: clamp(2.8rem, 4vw, 4rem);
    padding-bottom: clamp(2.8rem, 4vw, 4rem);
}

html body:not(.home) .faq-page .faq-education-band .premium-pill-row,
html body:not(.home) .faq-page .faq-next-band .premium-pill-row,
html body:not(.home) .faq-page .faq-close-band .premium-pill-row {
    margin-top: 0.9rem;
    gap: 0.55rem;
}

html body:not(.home) .faq-page .faq-sidebar {
    align-self: start;
}

@media (max-width: 900px) {
    html body:not(.home) .faq-page .faq-education-band,
    html body:not(.home) .faq-page .faq-next-band,
    html body:not(.home) .faq-page .faq-close-band {
        max-width: min(100%, calc(100% - 1rem));
    }
}

/* =========================
   FAQ template closeout fix
========================= */

html body:not(.home) .faq-page .faq-education-band {
    padding-top: clamp(3rem, 4vw, 4.2rem);
    padding-bottom: clamp(3rem, 4vw, 4.2rem);
}

html body:not(.home) .faq-page .faq-close-shell {
    max-width: 760px;
    margin-left: auto;
    margin-right: 0;
    padding: clamp(1.35rem, 2vw, 1.75rem);
    border-radius: 28px;
}

html body:not(.home) .faq-page .faq-close-shell .page-section-heading {
    max-width: 100%;
    margin-bottom: 0.9rem;
}

html body:not(.home) .faq-page .faq-close-pill-row {
    gap: 0.55rem;
}

@media (max-width: 900px) {
    html body:not(.home) .faq-page .faq-close-shell {
        max-width: 100%;
        margin-right: auto;
    }
}

/* =========================
   Charging / Staking alignment fix
========================= */

html body:not(.home) .charging-staking-page .premium-hero,
html body:not(.home) .charging-staking-page .premium-section,
html body:not(.home) .charging-staking-page .charging-staking-hero,
html body:not(.home) .charging-staking-page .charging-staking-section {
    display: block;
}

html body:not(.home) .charging-staking-page .premium-hero > .vt-container,
html body:not(.home) .charging-staking-page .premium-section > .vt-container,
html body:not(.home) .charging-staking-page .charging-staking-hero > .vt-container,
html body:not(.home) .charging-staking-page .charging-staking-section > .vt-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: clamp(1rem, 2vw, 1.5rem);
    padding-right: clamp(1rem, 2vw, 1.5rem);
}

html body:not(.home) .charging-staking-page .charging-staking-hero-shell,
html body:not(.home) .charging-staking-page .charging-staking-section-shell,
html body:not(.home) .charging-staking-page .premium-section-shell {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
}

html body:not(.home) .charging-staking-page .charging-staking-hero {
    padding-top: clamp(4.4rem, 6vw, 6rem);
    padding-bottom: clamp(3rem, 4.4vw, 4.2rem);
}

html body:not(.home) .charging-staking-page .charging-staking-hero-copy,
html body:not(.home) .charging-staking-page .premium-hero-copy {
    max-width: 760px;
}

html body:not(.home) .charging-staking-page .charging-staking-hero-copy h1,
html body:not(.home) .charging-staking-page .premium-hero-copy h1 {
    max-width: 12ch;
}

html body:not(.home) .charging-staking-page .premium-hero-panel-grid,
html body:not(.home) .charging-staking-page .charging-staking-panel-grid {
    margin-top: 1.3rem;
    gap: 1rem;
}

html body:not(.home) .charging-staking-page .premium-section-heading {
    max-width: 820px;
    margin-bottom: 1.3rem;
}

html body:not(.home) .charging-staking-page .charging-staking-card-grid,
html body:not(.home) .charging-staking-page .charging-staking-feature-grid,
html body:not(.home) .charging-staking-page .charging-staking-role-grid,
html body:not(.home) .charging-staking-page .charging-staking-connection-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    align-items: stretch;
}

html body:not(.home) .charging-staking-page .charging-staking-card,
html body:not(.home) .charging-staking-page .charging-staking-feature-card,
html body:not(.home) .charging-staking-page .charging-staking-role-card,
html body:not(.home) .charging-staking-page .charging-staking-connection-card {
    min-height: 100%;
    box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.2),
        0 0 0 1px rgba(70, 140, 255, 0.045);
}

html body:not(.home) .charging-staking-page .charging-staking-note-band,
html body:not(.home) .charging-staking-page .charging-staking-next-band {
    margin-top: 1.2rem;
}

@media (max-width: 900px) {
    html body:not(.home) .charging-staking-page .charging-staking-card-grid,
    html body:not(.home) .charging-staking-page .charging-staking-feature-grid,
    html body:not(.home) .charging-staking-page .charging-staking-role-grid,
    html body:not(.home) .charging-staking-page .charging-staking-connection-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    html body:not(.home) .charging-staking-page .charging-staking-hero {
        padding-top: 4rem;
        padding-bottom: 2.8rem;
    }
}

/* =========================
   Charging / Staking closeout fix
========================= */

html body:not(.home) .charging-staking-page .charging-staking-next-band {
    padding-top: clamp(2.4rem, 3.6vw, 3.4rem);
    padding-bottom: clamp(2.4rem, 3.6vw, 3.4rem);
}

html body:not(.home) .charging-staking-page .charging-staking-close-shell {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: clamp(1.1rem, 1.8vw, 1.4rem);
    border-radius: 26px;
}

html body:not(.home) .charging-staking-page .charging-staking-next-band .charging-staking-section-shell {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
}

html body:not(.home) .charging-staking-page .charging-staking-close-shell .premium-section-heading {
    max-width: 720px;
    margin-bottom: 0.75rem;
}

html body:not(.home) .charging-staking-page .charging-staking-close-shell .premium-pill-row {
    justify-content: flex-start;
    gap: 0.55rem;
}

@media (max-width: 900px) {
    html body:not(.home) .charging-staking-page .charging-staking-close-shell {
        max-width: 100%;
    }
}

/* =========================
   Referral Rewards alignment fix
========================= */

html body:not(.home) .referral-rewards-page .premium-hero,
html body:not(.home) .referral-rewards-page .premium-section,
html body:not(.home) .referral-rewards-page .referral-rewards-hero,
html body:not(.home) .referral-rewards-page .referral-rewards-section {
    display: block;
}

html body:not(.home) .referral-rewards-page .premium-hero > .vt-container,
html body:not(.home) .referral-rewards-page .premium-section > .vt-container,
html body:not(.home) .referral-rewards-page .referral-rewards-hero > .vt-container,
html body:not(.home) .referral-rewards-page .referral-rewards-section > .vt-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: clamp(1rem, 2vw, 1.5rem);
    padding-right: clamp(1rem, 2vw, 1.5rem);
}

html body:not(.home) .referral-rewards-page .referral-rewards-hero-shell,
html body:not(.home) .referral-rewards-page .referral-rewards-section-shell,
html body:not(.home) .referral-rewards-page .premium-section-shell {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
}

html body:not(.home) .referral-rewards-page .referral-rewards-hero {
    padding-top: clamp(4.4rem, 6vw, 6rem);
    padding-bottom: clamp(3rem, 4.4vw, 4.2rem);
}

html body:not(.home) .referral-rewards-page .referral-rewards-hero-copy,
html body:not(.home) .referral-rewards-page .premium-hero-copy {
    max-width: 760px;
}

html body:not(.home) .referral-rewards-page .referral-rewards-hero-copy h1,
html body:not(.home) .referral-rewards-page .premium-hero-copy h1 {
    max-width: 12ch;
}

html body:not(.home) .referral-rewards-page .premium-section-heading {
    max-width: 820px;
    margin-bottom: 1.3rem;
}

html body:not(.home) .referral-rewards-page .referral-rewards-card-grid,
html body:not(.home) .referral-rewards-page .referral-rewards-feature-grid,
html body:not(.home) .referral-rewards-page .referral-rewards-role-grid,
html body:not(.home) .referral-rewards-page .referral-rewards-connection-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    align-items: stretch;
}

html body:not(.home) .referral-rewards-page .referral-rewards-card,
html body:not(.home) .referral-rewards-page .referral-rewards-feature-card,
html body:not(.home) .referral-rewards-page .referral-rewards-role-card,
html body:not(.home) .referral-rewards-page .referral-rewards-connection-card {
    min-height: 100%;
    box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.2),
        0 0 0 1px rgba(70, 140, 255, 0.045);
}

html body:not(.home) .referral-rewards-page .referral-rewards-next-band {
    padding-top: clamp(2.4rem, 3.6vw, 3.4rem);
    padding-bottom: clamp(2.4rem, 3.6vw, 3.4rem);
}

html body:not(.home) .referral-rewards-page .referral-rewards-close-shell {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: clamp(1.1rem, 1.8vw, 1.4rem);
    border-radius: 26px;
}

html body:not(.home) .referral-rewards-page .referral-rewards-next-band .referral-rewards-section-shell {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
}

html body:not(.home) .referral-rewards-page .referral-rewards-close-shell .premium-section-heading {
    max-width: 720px;
    margin-bottom: 0.75rem;
}

html body:not(.home) .referral-rewards-page .referral-rewards-close-shell .premium-pill-row {
    justify-content: flex-start;
    gap: 0.55rem;
}

@media (max-width: 900px) {
    html body:not(.home) .referral-rewards-page .referral-rewards-card-grid,
    html body:not(.home) .referral-rewards-page .referral-rewards-feature-grid,
    html body:not(.home) .referral-rewards-page .referral-rewards-role-grid,
    html body:not(.home) .referral-rewards-page .referral-rewards-connection-grid {
        grid-template-columns: 1fr;
    }

    html body:not(.home) .referral-rewards-page .referral-rewards-close-shell {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    html body:not(.home) .referral-rewards-page .referral-rewards-hero {
        padding-top: 4rem;
        padding-bottom: 2.8rem;
    }
}

/* =========================
   Architecture Map corrective build
========================= */

html body:not(.home) .architecture-map-page .premium-hero,
html body:not(.home) .architecture-map-page .premium-section,
html body:not(.home) .architecture-map-page .architecture-map-hero,
html body:not(.home) .architecture-map-page .architecture-map-section {
    display: block;
}

html body:not(.home) .architecture-map-page .premium-hero > .vt-container,
html body:not(.home) .architecture-map-page .premium-section > .vt-container,
html body:not(.home) .architecture-map-page .architecture-map-hero > .vt-container,
html body:not(.home) .architecture-map-page .architecture-map-section > .vt-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: clamp(1rem, 2vw, 1.5rem);
    padding-right: clamp(1rem, 2vw, 1.5rem);
}

html body:not(.home) .architecture-map-page .architecture-map-hero-shell,
html body:not(.home) .architecture-map-page .architecture-map-section-shell {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
}

html body:not(.home) .architecture-map-page .architecture-map-hero {
    padding-top: clamp(4.4rem, 6vw, 6rem);
    padding-bottom: clamp(3rem, 4.4vw, 4.2rem);
}

html body:not(.home) .architecture-map-page .architecture-map-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    gap: clamp(1.25rem, 2.2vw, 2rem);
    align-items: start;
}

html body:not(.home) .architecture-map-page .architecture-map-hero-copy {
    max-width: 760px;
}

html body:not(.home) .architecture-map-page .architecture-map-hero-copy h1 {
    max-width: 12ch;
}

html body:not(.home) .architecture-map-page .architecture-map-hero-panels {
    display: grid;
    gap: 1rem;
}

html body:not(.home) .architecture-map-page .architecture-map-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    align-items: stretch;
}

html body:not(.home) .architecture-map-page .architecture-map-card,
html body:not(.home) .architecture-map-page .architecture-map-layer-card {
    min-height: 100%;
    box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.2),
        0 0 0 1px rgba(70, 140, 255, 0.045);
}

html body:not(.home) .architecture-map-page .architecture-map-layer-stack {
    display: grid;
    gap: 1.4rem;
}

html body:not(.home) .architecture-map-page .architecture-map-layer-group h3 {
    margin: 0 0 0.8rem;
    font-size: 1.05rem;
}

html body:not(.home) .architecture-map-page .architecture-map-layer-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

html body:not(.home) .architecture-map-page .architecture-map-layer-grid-single {
    grid-template-columns: minmax(0, 1fr);
    max-width: 540px;
}

html body:not(.home) .architecture-map-page .architecture-map-next-band {
    padding-top: clamp(2.6rem, 4vw, 3.6rem);
    padding-bottom: clamp(2.6rem, 4vw, 3.6rem);
}

html body:not(.home) .architecture-map-page .architecture-map-close-shell {
    max-width: 100%;
    padding: clamp(1.15rem, 1.8vw, 1.45rem);
    border-radius: 26px;
}

html body:not(.home) .architecture-map-page .architecture-map-close-shell .premium-section-heading {
    max-width: 720px;
    margin-bottom: 0.8rem;
}

html body:not(.home) .architecture-map-page .architecture-map-close-shell .premium-pill-row {
    justify-content: flex-start;
    gap: 0.55rem;
}

@media (max-width: 900px) {
    html body:not(.home) .architecture-map-page .architecture-map-hero-grid,
    html body:not(.home) .architecture-map-page .architecture-map-card-grid,
    html body:not(.home) .architecture-map-page .architecture-map-layer-grid {
        grid-template-columns: 1fr;
    }

    html body:not(.home) .architecture-map-page .architecture-map-layer-grid-single {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    html body:not(.home) .architecture-map-page .architecture-map-hero {
        padding-top: 4rem;
        padding-bottom: 2.8rem;
    }
}

/* =========================
   App alignment fix
========================= */

html body:not(.home) .app-page .premium-hero,
html body:not(.home) .app-page .premium-section,
html body:not(.home) .app-page .app-hero,
html body:not(.home) .app-page .app-section {
    display: block;
}

html body:not(.home) .app-page .premium-hero > .vt-container,
html body:not(.home) .app-page .premium-section > .vt-container,
html body:not(.home) .app-page .app-hero > .vt-container,
html body:not(.home) .app-page .app-section > .vt-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: clamp(1rem, 2vw, 1.5rem);
    padding-right: clamp(1rem, 2vw, 1.5rem);
}

html body:not(.home) .app-page .app-hero-shell,
html body:not(.home) .app-page .app-section-shell,
html body:not(.home) .app-page .premium-section-shell {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
}

html body:not(.home) .app-page .app-hero {
    padding-top: clamp(4.4rem, 6vw, 6rem);
    padding-bottom: clamp(3rem, 4.4vw, 4.2rem);
}

html body:not(.home) .app-page .app-hero-copy,
html body:not(.home) .app-page .premium-hero-copy {
    max-width: 760px;
}

html body:not(.home) .app-page .app-hero-copy h1,
html body:not(.home) .app-page .premium-hero-copy h1 {
    max-width: 11ch;
}

html body:not(.home) .app-page .premium-section-heading {
    max-width: 820px;
    margin-bottom: 1.3rem;
}

html body:not(.home) .app-page .app-card-grid,
html body:not(.home) .app-page .app-feature-grid,
html body:not(.home) .app-page .app-role-grid,
html body:not(.home) .app-page .app-connection-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    align-items: stretch;
}

html body:not(.home) .app-page .app-card,
html body:not(.home) .app-page .app-feature-card,
html body:not(.home) .app-page .app-role-card,
html body:not(.home) .app-page .app-connection-card {
    min-height: 100%;
    box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.2),
        0 0 0 1px rgba(70, 140, 255, 0.045);
}

html body:not(.home) .app-page .app-next-band {
    padding-top: clamp(2.4rem, 3.6vw, 3.4rem);
    padding-bottom: clamp(2.4rem, 3.6vw, 3.4rem);
}

html body:not(.home) .app-page .app-close-shell {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: clamp(1.1rem, 1.8vw, 1.4rem);
    border-radius: 26px;
}

html body:not(.home) .app-page .app-next-band .app-section-shell {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
}

html body:not(.home) .app-page .app-close-shell .premium-section-heading {
    max-width: 720px;
    margin-bottom: 0.75rem;
}

html body:not(.home) .app-page .app-close-shell .premium-pill-row {
    justify-content: flex-start;
    gap: 0.55rem;
}

@media (max-width: 900px) {
    html body:not(.home) .app-page .app-card-grid,
    html body:not(.home) .app-page .app-feature-grid,
    html body:not(.home) .app-page .app-role-grid,
    html body:not(.home) .app-page .app-connection-grid {
        grid-template-columns: 1fr;
    }

    html body:not(.home) .app-page .app-close-shell {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    html body:not(.home) .app-page .app-hero {
        padding-top: 4rem;
        padding-bottom: 2.8rem;
    }
}

/* =========================
   App and Architecture final polish
========================= */

html body:not(.home) .app-page .app-hero-shell,
html body:not(.home) .architecture-map-page .architecture-hero-shell {
    padding: clamp(1.45rem, 2.2vw, 2rem) !important;
    border-radius: 30px !important;
    box-shadow:
        0 28px 56px rgba(0, 0, 0, 0.26),
        0 0 0 1px rgba(78, 144, 255, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

html body:not(.home) .app-page .premium-pill-row,
html body:not(.home) .architecture-map-page .premium-pill-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.6rem !important;
    align-items: center !important;
}

html body:not(.home) .app-page .premium-pill-row a,
html body:not(.home) .architecture-map-page .premium-pill-row a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 0.68rem 1rem !important;
    border-radius: 999px !important;
    border: 1px solid rgba(118, 134, 168, 0.22) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.015)),
        rgba(10, 16, 28, 0.62) !important;
    color: rgba(245, 248, 255, 0.96) !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow:
        0 10px 24px rgba(0, 0, 0, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
    transition:
        transform 160ms ease,
        border-color 160ms ease,
        background 160ms ease,
        box-shadow 160ms ease !important;
}

html body:not(.home) .app-page .premium-pill-row a:hover,
html body:not(.home) .app-page .premium-pill-row a:focus-visible,
html body:not(.home) .architecture-map-page .premium-pill-row a:hover,
html body:not(.home) .architecture-map-page .premium-pill-row a:focus-visible {
    transform: translateY(-1px) !important;
    border-color: rgba(122, 173, 255, 0.34) !important;
    background:
        linear-gradient(180deg, rgba(120, 170, 255, 0.13), rgba(255,255,255,0.02)),
        rgba(11, 19, 33, 0.78) !important;
    box-shadow:
        0 14px 28px rgba(0, 0, 0, 0.24),
        0 0 0 1px rgba(122, 173, 255, 0.08),
        inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

html body:not(.home) .app-page .premium-pill-row a:first-child,
html body:not(.home) .architecture-map-page .premium-pill-row a:first-child {
    background:
        linear-gradient(180deg, rgba(159, 199, 255, 0.94), rgba(126, 172, 255, 0.88)) !important;
    color: #08111f !important;
    border-color: rgba(159, 199, 255, 0.55) !important;
    box-shadow:
        0 14px 28px rgba(86, 129, 214, 0.22),
        inset 0 1px 0 rgba(255,255,255,0.35) !important;
}

html body:not(.home) .app-page .premium-pill-row a:first-child:hover,
html body:not(.home) .app-page .premium-pill-row a:first-child:focus-visible,
html body:not(.home) .architecture-map-page .premium-pill-row a:first-child:hover,
html body:not(.home) .architecture-map-page .premium-pill-row a:first-child:focus-visible {
    border-color: rgba(186, 217, 255, 0.68) !important;
    box-shadow:
        0 16px 32px rgba(86, 129, 214, 0.28),
        inset 0 1px 0 rgba(255,255,255,0.45) !important;
}

html body:not(.home) .app-page .app-hero-copy h1,
html body:not(.home) .architecture-map-page .architecture-hero-copy h1 {
    letter-spacing: -0.035em !important;
}

html body:not(.home) .architecture-map-page .architecture-map-shell,
html body:not(.home) .architecture-map-page .architecture-reading-shell,
html body:not(.home) .architecture-map-page .architecture-next-shell {
    max-width: 1120px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

html body:not(.home) .architecture-map-page .architecture-next-shell .premium-pill-row,
html body:not(.home) .app-page .app-close-shell .premium-pill-row {
    margin-top: 0.7rem !important;
}

/* =========================
   App final premium conformance
========================= */

html body:not(.home) main.app-page .premium-page-shell {
    padding-top: clamp(3.75rem, 5vw, 5.75rem) !important;
    padding-bottom: clamp(3.75rem, 5vw, 5.75rem) !important;
}

html body:not(.home) main.app-page .premium-page-stack {
    width: min(100%, 1040px) !important;
    margin: 0 auto !important;
    display: grid !important;
    gap: clamp(1.5rem, 2.6vw, 2.2rem) !important;
}

html body:not(.home) main.app-page .premium-hero-shell,
html body:not(.home) main.app-page .premium-section-shell {
    width: 100% !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
    padding: clamp(1.45rem, 2.1vw, 1.95rem) !important;
    border-radius: 26px !important;
    background:
        linear-gradient(180deg, rgba(10, 16, 34, 0.90), rgba(6, 10, 24, 0.88)) !important;
    border: 1px solid rgba(110, 170, 255, 0.12) !important;
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

html body:not(.home) main.app-page .premium-section-shell-compact {
    padding-top: clamp(1.15rem, 1.7vw, 1.4rem) !important;
    padding-bottom: clamp(1.15rem, 1.7vw, 1.4rem) !important;
}

html body:not(.home) main.app-page .premium-hero-grid-two-column {
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(270px, 0.85fr) !important;
    gap: clamp(1rem, 2vw, 1.35rem) !important;
    align-items: start !important;
}

html body:not(.home) main.app-page .premium-hero-copy {
    max-width: none !important;
}

html body:not(.home) main.app-page .premium-hero-copy h1 {
    font-size: clamp(2.55rem, 4.8vw, 4.4rem) !important;
    line-height: 0.94 !important;
    letter-spacing: -0.045em !important;
    max-width: 8ch !important;
    margin: 0 0 0.95rem !important;
}

html body:not(.home) main.app-page .premium-hero-lead {
    max-width: 58ch !important;
    margin: 0 0 1rem !important;
}

html body:not(.home) main.app-page .premium-support-stack {
    display: grid !important;
    gap: 0.85rem !important;
}

html body:not(.home) main.app-page .premium-support-card {
    display: block !important;
    min-height: 0 !important;
    padding: 1rem 1rem 1.05rem !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(110, 170, 255, 0.10) !important;
}

html body:not(.home) main.app-page .premium-support-card p {
    margin: 0 !important;
}

html body:not(.home) main.app-page .premium-section-shell > h2 {
    margin: 0 0 0.85rem !important;
}

html body:not(.home) main.app-page .premium-section-shell > p {
    max-width: 70ch !important;
}

html body:not(.home) main.app-page .premium-info-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.95rem !important;
    margin-top: 0.9rem !important;
}

html body:not(.home) main.app-page .premium-info-card {
    display: block !important;
    min-height: 0 !important;
    padding: 1rem 1rem 1.05rem !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(110, 170, 255, 0.10) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02) !important;
}

html body:not(.home) main.app-page .premium-pill-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.55rem !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin-top: 0.8rem !important;
}

html body:not(.home) main.app-page .premium-pill-row a,
html body:not(.home) main.app-page .premium-pill-row a.premium-pill,
html body:not(.home) main.app-page .premium-pill-row a.premium-pill-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 0.66rem 1rem !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

html body:not(.home) main.app-page .app-close-shell {
    max-width: 1000px !important;
    margin: 0 auto !important;
}

@media (max-width: 900px) {
    html body:not(.home) main.app-page .premium-hero-grid-two-column,
    html body:not(.home) main.app-page .premium-info-grid {
        grid-template-columns: 1fr !important;
    }

    html body:not(.home) main.app-page .premium-hero-copy h1 {
        max-width: none !important;
    }
}

/* =========================
   App architecture parity layer
========================= */

html body:not(.home) main.app-page .premium-page-stack {
    width: min(100%, 1040px) !important;
    margin: 0 auto !important;
    display: grid !important;
    gap: clamp(1.45rem, 2.6vw, 2.1rem) !important;
}

html body:not(.home) main.app-page .premium-hero-shell,
html body:not(.home) main.app-page .premium-section-shell {
    width: 100% !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
    padding: clamp(1.45rem, 2.2vw, 1.95rem) !important;
    border-radius: 24px !important;
    background:
        linear-gradient(180deg, rgba(10, 16, 34, 0.90), rgba(7, 11, 24, 0.88)) !important;
    border: 1px solid rgba(110, 170, 255, 0.12) !important;
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

html body:not(.home) main.app-page .premium-section-shell-compact {
    padding-top: clamp(1.15rem, 1.8vw, 1.4rem) !important;
    padding-bottom: clamp(1.15rem, 1.8vw, 1.4rem) !important;
}

html body:not(.home) main.app-page .premium-hero-grid-two-column {
    display: grid !important;
    grid-template-columns: minmax(0, 1.12fr) minmax(270px, 0.88fr) !important;
    gap: clamp(1rem, 2vw, 1.35rem) !important;
    align-items: start !important;
}

html body:not(.home) main.app-page .premium-hero-copy h1 {
    font-size: clamp(2.85rem, 5vw, 4.8rem) !important;
    line-height: 0.93 !important;
    letter-spacing: -0.05em !important;
    max-width: 8ch !important;
    margin: 0 0 0.95rem !important;
}

html body:not(.home) main.app-page .premium-hero-lead {
    max-width: 58ch !important;
    margin: 0 0 1rem !important;
}

html body:not(.home) main.app-page .premium-support-stack {
    display: grid !important;
    gap: 0.85rem !important;
}

html body:not(.home) main.app-page .premium-support-card,
html body:not(.home) main.app-page .premium-info-card {
    display: block !important;
    min-height: 0 !important;
    padding: 1rem 1rem 1.05rem !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(110, 170, 255, 0.10) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02) !important;
}

html body:not(.home) main.app-page .premium-support-card p,
html body:not(.home) main.app-page .premium-info-card p {
    margin: 0 !important;
}

html body:not(.home) main.app-page .premium-support-label {
    display: inline-block !important;
    margin: 0 0 0.45rem !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: none !important;
    color: rgba(255, 255, 255, 0.92) !important;
}

html body:not(.home) main.app-page .premium-section-shell > h2 {
    margin: 0 0 0.8rem !important;
}

html body:not(.home) main.app-page .premium-section-shell > p {
    max-width: 70ch !important;
}

html body:not(.home) main.app-page .premium-info-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.95rem !important;
    margin-top: 0.95rem !important;
}

html body:not(.home) main.app-page .premium-pill-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.55rem !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin-top: 0.8rem !important;
}

html body:not(.home) main.app-page .premium-pill-row a,
html body:not(.home) main.app-page .premium-pill-row a.premium-pill,
html body:not(.home) main.app-page .premium-pill-row a.premium-pill-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 0.66rem 1rem !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

html body:not(.home) main.app-page .app-close-shell {
    max-width: 1000px !important;
    margin: 0 auto !important;
}

@media (max-width: 900px) {
    html body:not(.home) main.app-page .premium-hero-grid-two-column,
    html body:not(.home) main.app-page .premium-info-grid {
        grid-template-columns: 1fr !important;
    }

    html body:not(.home) main.app-page .premium-hero-copy h1 {
        max-width: none !important;
    }
}

/* =========================
   Phase 31C1 - global secondary premium page system
========================= */

html body:not(.home) main.secondary-premium-page .premium-page-grid {
    width: min(100%, 1040px) !important;
    margin: 0 auto !important;
    display: grid !important;
    gap: 1.25rem !important;
}

html body:not(.home) main.secondary-premium-page .premium-section-shell {
    background:
        linear-gradient(180deg, rgba(10, 18, 34, 0.88), rgba(7, 12, 24, 0.92)),
        linear-gradient(135deg, rgba(68, 196, 255, 0.08), rgba(139, 92, 246, 0.08)) !important;
    border: 1px solid rgba(90, 140, 220, 0.22) !important;
    box-shadow:
        0 0 0 1px rgba(70, 115, 200, 0.05),
        0 22px 48px rgba(0, 0, 0, 0.28) !important;
    border-radius: 20px !important;
    padding: 1.1rem 1.1rem 1.2rem !important;
}

html body:not(.home) main.secondary-premium-page .premium-hero-grid-two-column {
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr) !important;
    gap: 1rem !important;
    align-items: start !important;
}

html body:not(.home) main.secondary-premium-page .premium-hero-copy h1 {
    font-size: clamp(2.1rem, 4.8vw, 4rem) !important;
    line-height: 0.96 !important;
    letter-spacing: -0.045em !important;
    max-width: 10ch !important;
    margin-bottom: 0.95rem !important;
}

html body:not(.home) main.secondary-premium-page .premium-hero-support {
    display: grid !important;
    gap: 0.7rem !important;
}

html body:not(.home) main.secondary-premium-page .premium-support-card,
html body:not(.home) main.secondary-premium-page .premium-info-card {
    background: linear-gradient(180deg, rgba(255,255,255,0.025), rgba(255,255,255,0.015)) !important;
    border: 1px solid rgba(90, 140, 220, 0.18) !important;
    border-radius: 16px !important;
    padding: 0.9rem 0.9rem 0.95rem !important;
}

html body:not(.home) main.secondary-premium-page .premium-info-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.85rem !important;
}

html body:not(.home) main.secondary-premium-page .premium-pill-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.55rem !important;
    margin-top: 0.85rem !important;
}

html body:not(.home) main.secondary-premium-page .premium-pill-row a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 0.62rem 0.95rem !important;
    border-radius: 999px !important;
    border: 1px solid rgba(112, 137, 176, 0.28) !important;
    text-decoration: none !important;
}

@media (max-width: 900px) {
    html body:not(.home) main.secondary-premium-page .premium-hero-grid-two-column,
    html body:not(.home) main.secondary-premium-page .premium-info-grid {
        grid-template-columns: 1fr !important;
    }

    html body:not(.home) main.secondary-premium-page .premium-hero-copy h1 {
        max-width: none !important;
    }
}

/* =========================
   Phase 31C2 - secondary page hero CTA refinement
========================= */

html body:not(.home) main.secondary-premium-page .premium-hero-copy .premium-pill-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0.55rem !important;
    margin-top: 1rem !important;
    margin-bottom: 0 !important;
}

html body:not(.home) main.secondary-premium-page .premium-hero-copy .premium-pill-row .premium-pill,
html body:not(.home) main.secondary-premium-page .premium-hero-copy .premium-pill-row .premium-pill-link,
html body:not(.home) main.secondary-premium-page .premium-hero-copy .premium-pill-row .premium-button,
html body:not(.home) main.secondary-premium-page .premium-hero-copy .premium-pill-row .premium-button-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 0.7rem 1rem !important;
    border-radius: 999px !important;
    border: 1px solid rgba(120, 170, 255, 0.22) !important;
    background: rgba(10, 16, 30, 0.82) !important;
    color: #f5f7ff !important;
    text-decoration: none !important;
    line-height: 1 !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    white-space: nowrap !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 10px 24px rgba(0, 0, 0, 0.22) !important;
    transition:
        transform 160ms ease,
        border-color 160ms ease,
        background 160ms ease,
        box-shadow 160ms ease !important;
}

html body:not(.home) main.secondary-premium-page .premium-hero-copy .premium-pill-row .premium-pill:hover,
html body:not(.home) main.secondary-premium-page .premium-hero-copy .premium-pill-row .premium-pill-link:hover,
html body:not(.home) main.secondary-premium-page .premium-hero-copy .premium-pill-row .premium-button:hover,
html body:not(.home) main.secondary-premium-page .premium-hero-copy .premium-pill-row .premium-button-pill:hover,
html body:not(.home) main.secondary-premium-page .premium-hero-copy .premium-pill-row .premium-pill:focus-visible,
html body:not(.home) main.secondary-premium-page .premium-hero-copy .premium-pill-row .premium-pill-link:focus-visible,
html body:not(.home) main.secondary-premium-page .premium-hero-copy .premium-pill-row .premium-button:focus-visible,
html body:not(.home) main.secondary-premium-page .premium-hero-copy .premium-pill-row .premium-button-pill:focus-visible {
    transform: translateY(-1px) !important;
    border-color: rgba(132, 186, 255, 0.4) !important;
    background: rgba(16, 24, 42, 0.9) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 14px 30px rgba(0, 0, 0, 0.26) !important;
    outline: none !important;
}

html body:not(.home) main.secondary-premium-page .premium-hero-copy .premium-pill-row .premium-pill.is-primary,
html body:not(.home) main.secondary-premium-page .premium-hero-copy .premium-pill-row .premium-pill-link.is-primary,
html body:not(.home) main.secondary-premium-page .premium-hero-copy .premium-pill-row .premium-button.is-primary,
html body:not(.home) main.secondary-premium-page .premium-hero-copy .premium-pill-row .premium-button-pill.is-primary,
html body:not(.home) main.secondary-premium-page .premium-hero-copy .premium-pill-row > :first-child {
    background: linear-gradient(135deg, rgba(120, 190, 255, 0.96), rgba(154, 132, 255, 0.9)) !important;
    color: #08111f !important;
    border-color: rgba(150, 205, 255, 0.42) !important;
    box-shadow:
        0 16px 34px rgba(90, 155, 255, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

html body:not(.home) main.secondary-premium-page .premium-hero-copy .premium-pill-row > :first-child:hover,
html body:not(.home) main.secondary-premium-page .premium-hero-copy .premium-pill-row > :first-child:focus-visible {
    border-color: rgba(176, 222, 255, 0.56) !important;
    box-shadow:
        0 18px 38px rgba(90, 155, 255, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
}

@media (max-width: 900px) {
    html body:not(.home) main.secondary-premium-page .premium-hero-copy .premium-pill-row {
        gap: 0.5rem !important;
    }

    html body:not(.home) main.secondary-premium-page .premium-hero-copy .premium-pill-row .premium-pill,
    html body:not(.home) main.secondary-premium-page .premium-hero-copy .premium-pill-row .premium-pill-link,
    html body:not(.home) main.secondary-premium-page .premium-hero-copy .premium-pill-row .premium-button,
    html body:not(.home) main.secondary-premium-page .premium-hero-copy .premium-pill-row .premium-button-pill {
        min-height: 36px !important;
        padding: 0.66rem 0.92rem !important;
    }
}

/* =========================
   Architecture Map support-card refinement
========================= */

html body:not(.home) main.architecture-map-page .premium-hero-support {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.9rem !important;
    align-content: start !important;
}

html body:not(.home) main.architecture-map-page .premium-hero-support .premium-support-card {
    min-height: 0 !important;
}

html body:not(.home) main.architecture-map-page .premium-hero-support .premium-support-card h3 {
    margin-bottom: 0.85rem !important;
}

html body:not(.home) main.architecture-map-page .premium-hero-support .premium-support-card p {
    max-width: none !important;
}

@media (max-width: 900px) {
    html body:not(.home) main.architecture-map-page .premium-hero-support {
        gap: 0.8rem !important;
    }
}

/* =========================
   Phase 31C3 - Architecture + integrated pages support-card conformance
========================= */

html body:not(.home) main.architecture-map-page .premium-hero-support-stack,
html body:not(.home) main.integrated-applications-page .premium-hero-support-stack,
html body:not(.home) main.utility-nfts-page .premium-hero-support-stack {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.95rem !important;
    align-content: start !important;
}

html body:not(.home) main.architecture-map-page .premium-hero-support-stack .premium-support-card,
html body:not(.home) main.integrated-applications-page .premium-hero-support-stack .premium-support-card,
html body:not(.home) main.utility-nfts-page .premium-hero-support-stack .premium-support-card {
    display: block !important;
    min-height: 0 !important;
    padding: 1rem 1rem 1rem !important;
    border-radius: 20px !important;
    border: 1px solid rgba(112, 143, 255, 0.20) !important;
    background:
        linear-gradient(180deg, rgba(14, 18, 36, 0.88) 0%, rgba(8, 10, 22, 0.94) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.04),
        0 0 0 1px rgba(76, 119, 255, 0.04) !important;
}

html body:not(.home) main.architecture-map-page .premium-hero-support-stack .premium-support-card h3,
html body:not(.home) main.integrated-applications-page .premium-hero-support-stack .premium-support-card h3,
html body:not(.home) main.utility-nfts-page .premium-hero-support-stack .premium-support-card h3 {
    margin: 0 0 0.55rem !important;
    font-size: 0.95rem !important;
    line-height: 1.35 !important;
}

html body:not(.home) main.architecture-map-page .premium-hero-support-stack .premium-support-card p,
html body:not(.home) main.integrated-applications-page .premium-hero-support-stack .premium-support-card p,
html body:not(.home) main.utility-nfts-page .premium-hero-support-stack .premium-support-card p {
    margin: 0 !important;
    max-width: none !important;
}

html body:not(.home) main.integrated-applications-page .premium-hero-grid-two-column,
html body:not(.home) main.utility-nfts-page .premium-hero-grid-two-column {
    align-items: stretch !important;
}

@media (max-width: 900px) {
    html body:not(.home) main.architecture-map-page .premium-hero-support-stack,
    html body:not(.home) main.integrated-applications-page .premium-hero-support-stack,
    html body:not(.home) main.utility-nfts-page .premium-hero-support-stack {
        gap: 0.8rem !important;
    }
}

/* =========================
   Phase 31C3B - Architecture hero support cards force render
========================= */

html body:not(.home) main.architecture-map-page .premium-hero-grid-two-column {
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr) !important;
    align-items: stretch !important;
    gap: 1.25rem !important;
}

html body:not(.home) main.architecture-map-page .premium-hero-support-stack {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
    align-content: start !important;
}

html body:not(.home) main.architecture-map-page .premium-hero-support-stack .premium-support-card {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 1.2rem 1.2rem 1.15rem !important;
    border-radius: 22px !important;
    border: 1px solid rgba(112, 143, 255, 0.20) !important;
    background:
        linear-gradient(180deg, rgba(17, 21, 40, 0.88) 0%, rgba(9, 11, 24, 0.94) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.04),
        0 0 0 1px rgba(76, 119, 255, 0.04) !important;
}

html body:not(.home) main.architecture-map-page .premium-hero-support-stack .premium-support-card h3 {
    margin: 0 0 0.6rem !important;
    font-size: 1rem !important;
    line-height: 1.35 !important;
}

html body:not(.home) main.architecture-map-page .premium-hero-support-stack .premium-support-card p {
    margin: 0 !important;
    max-width: none !important;
}

@media (max-width: 980px) {
    html body:not(.home) main.architecture-map-page .premium-hero-grid-two-column {
        grid-template-columns: 1fr !important;
    }
}

/* =========================
   Phase 31C3C - Architecture hero panel card normalization
========================= */

html body:not(.home) main.architecture-map-page .premium-hero-grid-two-column {
    grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr) !important;
    gap: 1.25rem !important;
    align-items: stretch !important;
}

html body:not(.home) main.architecture-map-page .premium-hero-panel-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
    align-content: start !important;
    margin-top: 0 !important;
}

html body:not(.home) main.architecture-map-page .premium-hero-panel {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 1.2rem 1.2rem 1.15rem !important;
    border-radius: 22px !important;
    border: 1px solid rgba(112, 143, 255, 0.20) !important;
    background:
        linear-gradient(180deg, rgba(17, 21, 40, 0.88) 0%, rgba(9, 11, 24, 0.94) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.04),
        0 0 0 1px rgba(76, 119, 255, 0.04) !important;
}

html body:not(.home) main.architecture-map-page .premium-hero-panel-label {
    display: block !important;
    margin: 0 0 0.6rem !important;
    padding: 0 !important;
    min-height: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: rgba(255,255,255,0.96) !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    line-height: 1.35 !important;
}

html body:not(.home) main.architecture-map-page .premium-hero-panel p {
    margin: 0 !important;
    max-width: none !important;
}

@media (max-width: 980px) {
    html body:not(.home) main.architecture-map-page .premium-hero-grid-two-column {
        grid-template-columns: 1fr !important;
    }
}

/* =========================
   PulseChain homepage section - structural alignment
========================= */
html body.home .homepage-pulsechain-section .container {
    max-width: 1120px !important;
}

html body.home .homepage-pulsechain-section .homepage-pulsechain-shell {
    width: 100% !important;
    max-width: 1120px !important;
    margin: 0 auto !important;
    padding: 1.7rem 1.7rem 1.45rem !important;
    border-radius: 24px !important;
    border: 1px solid rgba(78, 198, 255, 0.16) !important;
    background:
        radial-gradient(circle at top right, rgba(77, 163, 255, 0.16), transparent 34%),
        linear-gradient(180deg, rgba(8, 17, 36, 0.94), rgba(6, 13, 28, 0.96)) !important;
    box-shadow: 0 24px 54px rgba(0, 0, 0, 0.32) !important;
}

html body.home .homepage-pulsechain-section .homepage-pulsechain-heading {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 72px !important;
    gap: 1rem !important;
    align-items: start !important;
    margin-bottom: 1rem !important;
}

html body.home .homepage-pulsechain-section .homepage-pulsechain-heading-copy h2 {
    margin: 0 0 0.7rem !important;
    max-width: 12ch !important;
}

html body.home .homepage-pulsechain-section .homepage-pulsechain-heading-copy p {
    max-width: 58ch !important;
    margin: 0 !important;
}

html body.home .homepage-pulsechain-section .homepage-pulsechain-heading-logo {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;
}

html body.home .homepage-pulsechain-section .homepage-pulsechain-heading-logo img {
    width: 68px !important;
    height: 68px !important;
    object-fit: cover !important;
    border-radius: 18px !important;
    border: 1px solid rgba(125, 215, 255, 0.18) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28) !important;
    animation: vitalityPulseBeat 2.6s ease-in-out infinite !important;
}

@keyframes vitalityPulseBeat {
    0%, 100% { transform: scale(1); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28); }
    50% { transform: scale(1.06); box-shadow: 0 16px 34px rgba(77, 163, 255, 0.22); }
}

html body.home .homepage-pulsechain-section .homepage-pulsechain-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0.85rem !important;
    margin-top: 1rem !important;
}

html body.home .homepage-pulsechain-section .homepage-pulsechain-item {
    padding: 0.95rem !important;
    border-radius: 16px !important;
    border: 1px solid rgba(78, 198, 255, 0.14) !important;
    background: rgba(7, 16, 34, 0.72) !important;
}

html body.home .homepage-pulsechain-section .homepage-pulsechain-item h3 {
    margin: 0 0 0.45rem !important;
}

html body.home .homepage-pulsechain-section .homepage-pulsechain-item p {
    margin: 0 !important;
}

html body.home .homepage-pulsechain-section .homepage-pulsechain-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.65rem !important;
    margin-top: 1rem !important;
}

@media (max-width: 860px) {
    html body.home .homepage-pulsechain-section .homepage-pulsechain-shell {
        padding: 1.3rem !important;
    }

    html body.home .homepage-pulsechain-section .homepage-pulsechain-heading {
        grid-template-columns: 1fr !important;
    }

    html body.home .homepage-pulsechain-section .homepage-pulsechain-heading-copy h2 {
        max-width: none !important;
    }

    html body.home .homepage-pulsechain-section .homepage-pulsechain-heading-logo {
        justify-content: flex-start !important;
    }

    html body.home .homepage-pulsechain-section .homepage-pulsechain-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =========================
   Phase 31E - Start Here final sweep
========================= */

html body.page-template-page-start-here,
html body.page-slug-start-here {
    background:
        radial-gradient(circle at 22% 18%, rgba(43, 130, 255, 0.12), transparent 34%),
        radial-gradient(circle at 78% 12%, rgba(124, 58, 237, 0.10), transparent 30%),
        linear-gradient(180deg, #020611 0%, #030816 52%, #020611 100%) !important;
}

html body.page-template-page-start-here .start-here-page-shell,
html body.page-slug-start-here .start-here-page-shell {
    position: relative;
    overflow: hidden;
}

html body.page-template-page-start-here .start-here-page-shell::before,
html body.page-slug-start-here .start-here-page-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 30% 14%, rgba(73, 187, 255, 0.07), transparent 26%),
        radial-gradient(circle at 74% 22%, rgba(117, 86, 255, 0.06), transparent 24%);
    pointer-events: none;
    animation: startHereAmbientDrift 18s ease-in-out infinite alternate;
    z-index: 0;
}

@keyframes startHereAmbientDrift {
    0% { transform: translate3d(0, 0, 0) scale(1); opacity: 0.82; }
    100% { transform: translate3d(0, -8px, 0) scale(1.02); opacity: 1; }
}

html body.page-template-page-start-here .start-here-page-shell > *,
html body.page-slug-start-here .start-here-page-shell > * {
    position: relative;
    z-index: 1;
}

html body.page-template-page-start-here .start-here-phase31e-hero,
html body.page-slug-start-here .start-here-phase31e-hero {
    padding-top: 2.6rem !important;
    padding-bottom: 2.8rem !important;
}

html body.page-template-page-start-here .start-here-phase31e-hero .premium-section-heading,
html body.page-slug-start-here .start-here-phase31e-hero .premium-section-heading {
    margin-bottom: 1.15rem !important;
}

html body.page-template-page-start-here .start-here-phase31e-hero h1,
html body.page-slug-start-here .start-here-phase31e-hero h1 {
    max-width: 11.5ch !important;
    margin-bottom: 0.9rem !important;
}

html body.page-template-page-start-here .start-here-phase31e-hero p,
html body.page-slug-start-here .start-here-phase31e-hero p {
    max-width: 62ch !important;
}

html body.page-template-page-start-here .start-here-phase31e-content-stack > .premium-section,
html body.page-slug-start-here .start-here-phase31e-content-stack > .premium-section {
    padding-top: 2.8rem !important;
    padding-bottom: 2.8rem !important;
}

html body.page-template-page-start-here .start-here-phase31e-content-stack .premium-card,
html body.page-slug-start-here .start-here-phase31e-content-stack .premium-card {
    border-radius: 20px !important;
}

html body.page-template-page-start-here .start-here-phase31e-progress-strip,
html body.page-slug-start-here .start-here-phase31e-progress-strip {
    border: 1px solid rgba(94, 168, 255, 0.16) !important;
    box-shadow:
        0 18px 36px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
    background:
        linear-gradient(135deg, rgba(7, 16, 34, 0.92), rgba(8, 20, 44, 0.78)) !important;
}

html body.page-template-page-start-here .start-here-phase31e-progress-strip::before,
html body.page-slug-start-here .start-here-phase31e-progress-strip::before {
    content: "";
    position: absolute;
    left: 8%;
    right: 8%;
    top: 50%;
    height: 1px;
    background: linear-gradient(90deg, rgba(88, 177, 255, 0.18), rgba(132, 104, 255, 0.22), rgba(88, 177, 255, 0.18));
    transform: translateY(-50%);
    pointer-events: none;
}

html body.page-template-page-start-here .start-here-phase31e-progress-strip,
html body.page-slug-start-here .start-here-phase31e-progress-strip {
    position: relative !important;
}

html body.page-template-page-start-here .start-here-phase31e-progress-strip .step-label,
html body.page-slug-start-here .start-here-phase31e-progress-strip .step-label {
    letter-spacing: 0.08em !important;
}

html body.page-template-page-start-here .start-here-phase31e-progress-strip .step-node,
html body.page-slug-start-here .start-here-phase31e-progress-strip .step-node {
    box-shadow:
        0 0 0 1px rgba(102, 179, 255, 0.16),
        0 0 18px rgba(76, 155, 255, 0.12) !important;
}

html body.page-template-page-start-here .start-here-phase31e-content-stack .premium-section-heading h2,
html body.page-slug-start-here .start-here-phase31e-content-stack .premium-section-heading h2 {
    margin-bottom: 0.75rem !important;
}

html body.page-template-page-start-here .start-here-phase31e-content-stack .premium-section-heading p,
html body.page-slug-start-here .start-here-phase31e-content-stack .premium-section-heading p {
    max-width: 64ch !important;
}

@media (max-width: 980px) {
    html body.page-template-page-start-here .start-here-phase31e-hero,
    html body.page-slug-start-here .start-here-phase31e-hero {
        padding-top: 2rem !important;
        padding-bottom: 2.4rem !important;
    }

    html body.page-template-page-start-here .start-here-phase31e-content-stack > .premium-section,
    html body.page-slug-start-here .start-here-phase31e-content-stack > .premium-section {
        padding-top: 2.3rem !important;
        padding-bottom: 2.3rem !important;
    }
}

@media (max-width: 760px) {
    html body.page-template-page-start-here .start-here-phase31e-hero h1,
    html body.page-slug-start-here .start-here-phase31e-hero h1 {
        max-width: none !important;
    }

    html body.page-template-page-start-here .start-here-phase31e-content-stack > .premium-section,
    html body.page-slug-start-here .start-here-phase31e-content-stack > .premium-section {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
}

/* =========================
   Phase 31E2 - Start Here dual-column hero refinement
========================= */

html body.page-template-page-start-here .start-here-phase31e2-page,
html body.page-slug-start-here .start-here-phase31e2-page {
    position: relative;
}

html body.page-template-page-start-here .start-here-phase31e2-hero,
html body.page-slug-start-here .start-here-phase31e2-hero {
    padding-top: 1.25rem !important;
    padding-bottom: 2.75rem !important;
}

html body.page-template-page-start-here .start-here-phase31e2-hero-shell,
html body.page-slug-start-here .start-here-phase31e2-hero-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr) !important;
    gap: 1.4rem !important;
    align-items: start !important;
}

html body.page-template-page-start-here .start-here-phase31e2-hero-copy,
html body.page-slug-start-here .start-here-phase31e2-hero-copy {
    max-width: 100% !important;
}

html body.page-template-page-start-here .start-here-phase31e2-hero-copy h1,
html body.page-slug-start-here .start-here-phase31e2-hero-copy h1 {
    max-width: 11ch !important;
}

html body.page-template-page-start-here .start-here-phase31e2-hero-panels,
html body.page-slug-start-here .start-here-phase31e2-hero-panels {
    align-self: start !important;
    margin-top: 0 !important;
}

html body.page-template-page-start-here .start-here-phase31e2-content-stack,
html body.page-slug-start-here .start-here-phase31e2-content-stack {
    position: relative;
}

html body.page-template-page-start-here .start-here-phase31e2-content-stack::before,
html body.page-slug-start-here .start-here-phase31e2-content-stack::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 auto 0 50% !important;
    width: min(460px, 46vw) !important;
    transform: translateX(-50%) !important;
    pointer-events: none !important;
    background:
        radial-gradient(circle at 50% 12%, rgba(84, 172, 255, 0.10), transparent 34%),
        radial-gradient(circle at 50% 42%, rgba(116, 86, 255, 0.08), transparent 30%),
        radial-gradient(circle at 50% 76%, rgba(74, 197, 255, 0.07), transparent 28%) !important;
    filter: blur(20px) !important;
    opacity: 0.9 !important;
}

html body.page-template-page-start-here .start-here-phase31e2-content-stack > .premium-section,
html body.page-slug-start-here .start-here-phase31e2-content-stack > .premium-section {
    position: relative !important;
    z-index: 1 !important;
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}

html body.page-template-page-start-here .start-here-phase31e2-content-stack > .premium-section:first-child,
html body.page-slug-start-here .start-here-phase31e2-content-stack > .premium-section:first-child {
    padding-top: 2rem !important;
}

html body.page-template-page-start-here .start-here-section-shell,
html body.page-slug-start-here .start-here-section-shell {
    max-width: 980px !important;
}

html body.page-template-page-start-here .start-here-card-grid,
html body.page-slug-start-here .start-here-card-grid,
html body.page-template-page-start-here .start-here-pathway-grid,
html body.page-slug-start-here .start-here-pathway-grid {
    gap: 1rem !important;
}

@media (max-width: 1100px) {
    html body.page-template-page-start-here .start-here-phase31e2-hero-shell,
    html body.page-slug-start-here .start-here-phase31e2-hero-shell {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }

    html body.page-template-page-start-here .start-here-phase31e2-hero-copy h1,
    html body.page-slug-start-here .start-here-phase31e2-hero-copy h1 {
        max-width: none !important;
    }
}

@media (max-width: 760px) {
    html body.page-template-page-start-here .start-here-phase31e2-hero,
    html body.page-slug-start-here .start-here-phase31e2-hero {
        padding-top: 1rem !important;
        padding-bottom: 2.2rem !important;
    }

    html body.page-template-page-start-here .start-here-phase31e2-content-stack > .premium-section,
    html body.page-slug-start-here .start-here-phase31e2-content-stack > .premium-section {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
}

/* =========================
   Phase 31E2B - Start Here hero premium pass
========================= */

html body.page-template-page-start-here .start-here-phase31e2-hero,
html body.page-slug-start-here .start-here-phase31e2-hero {
    position: relative !important;
    padding-top: 2.25rem !important;
    padding-bottom: 3rem !important;
    overflow: hidden !important;
}

html body.page-template-page-start-here .start-here-phase31e2-hero::before,
html body.page-slug-start-here .start-here-phase31e2-hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        radial-gradient(circle at 22% 28%, rgba(65, 138, 255, 0.08), transparent 30%),
        radial-gradient(circle at 82% 22%, rgba(172, 120, 255, 0.07), transparent 28%) !important;
    pointer-events: none !important;
}

html body.page-template-page-start-here .start-here-phase31e2-hero > .container,
html body.page-slug-start-here .start-here-phase31e2-hero > .container {
    position: relative !important;
    z-index: 1 !important;
}

html body.page-template-page-start-here .start-here-phase31e2-hero-shell,
html body.page-slug-start-here .start-here-phase31e2-hero-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr) !important;
    gap: 1.35rem !important;
    align-items: start !important;
}

html body.page-template-page-start-here .start-here-phase31e2-hero-copy,
html body.page-slug-start-here .start-here-phase31e2-hero-copy {
    padding-right: 0.25rem !important;
}

html body.page-template-page-start-here .start-here-phase31e2-hero-copy h1,
html body.page-slug-start-here .start-here-phase31e2-hero-copy h1 {
    max-width: 9.2ch !important;
    margin-bottom: 1rem !important;
}

html body.page-template-page-start-here .start-here-phase31e2-hero-copy > p,
html body.page-slug-start-here .start-here-phase31e2-hero-copy > p {
    max-width: 62ch !important;
}

html body.page-template-page-start-here .start-here-phase31e2-hero-panels,
html body.page-slug-start-here .start-here-phase31e2-hero-panels {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.8rem !important;
    align-self: start !important;
    min-width: 0 !important;
}

html body.page-template-page-start-here .start-here-phase31e2-hero-card,
html body.page-slug-start-here .start-here-phase31e2-hero-card {
    position: relative !important;
    padding: 1rem 1rem 0.95rem !important;
    border-radius: 18px !important;
    border: 1px solid rgba(74, 197, 255, 0.18) !important;
    background:
        linear-gradient(180deg, rgba(10, 19, 42, 0.84), rgba(8, 16, 36, 0.72)) !important;
    box-shadow:
        0 16px 34px rgba(0, 0, 0, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
    min-height: 0 !important;
}

html body.page-template-page-start-here .start-here-phase31e2-hero-card::before,
html body.page-slug-start-here .start-here-phase31e2-hero-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    background: linear-gradient(135deg, rgba(86, 177, 255, 0.08), transparent 55%) !important;
    pointer-events: none !important;
}

html body.page-template-page-start-here .start-here-phase31e2-hero-card > *,
html body.page-slug-start-here .start-here-phase31e2-hero-card > * {
    position: relative !important;
    z-index: 1 !important;
}

html body.page-template-page-start-here .start-here-phase31e2-hero-card .premium-hero-panel-label,
html body.page-slug-start-here .start-here-phase31e2-hero-card .premium-hero-panel-label {
    display: inline-flex !important;
    align-items: center !important;
    margin-bottom: 0.52rem !important;
    min-height: 24px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #eef7ff !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.page-template-page-start-here .start-here-phase31e2-hero-card p,
html body.page-slug-start-here .start-here-phase31e2-hero-card p {
    margin: 0 !important;
    color: rgba(223, 234, 247, 0.84) !important;
    font-size: 0.95rem !important;
    line-height: 1.68 !important;
}

html body.page-template-page-start-here .start-here-phase31e2-content-stack > .premium-section,
html body.page-slug-start-here .start-here-phase31e2-content-stack > .premium-section {
    padding-top: 2.7rem !important;
    padding-bottom: 2.7rem !important;
}

@media (max-width: 1100px) {
    html body.page-template-page-start-here .start-here-phase31e2-hero-shell,
    html body.page-slug-start-here .start-here-phase31e2-hero-shell {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }

    html body.page-template-page-start-here .start-here-phase31e2-hero-copy h1,
    html body.page-slug-start-here .start-here-phase31e2-hero-copy h1 {
        max-width: none !important;
    }

    html body.page-template-page-start-here .start-here-phase31e2-hero-panels,
    html body.page-slug-start-here .start-here-phase31e2-hero-panels {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 860px) {
    html body.page-template-page-start-here .start-here-phase31e2-hero-panels,
    html body.page-slug-start-here .start-here-phase31e2-hero-panels {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    html body.page-template-page-start-here .start-here-phase31e2-hero,
    html body.page-slug-start-here .start-here-phase31e2-hero {
        padding-top: 1rem !important;
        padding-bottom: 2.2rem !important;
    }

    html body.page-template-page-start-here .start-here-phase31e2-content-stack > .premium-section,
    html body.page-slug-start-here .start-here-phase31e2-content-stack > .premium-section {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
}

/* =========================
   Phase 31E2C - Start Here mid-page premium cards
========================= */

html body.page-template-page-start-here .start-here-phase31e2c-section-card,
html body.page-slug-start-here .start-here-phase31e2c-section-card {
    padding-top: 2.2rem !important;
    padding-bottom: 2.2rem !important;
}

html body.page-template-page-start-here .start-here-phase31e2c-shell,
html body.page-slug-start-here .start-here-phase31e2c-shell {
    max-width: 1100px !important;
    position: relative !important;
    padding: 1.35rem 1.35rem 1.2rem !important;
    border-radius: 24px !important;
    border: 1px solid rgba(64, 168, 255, 0.14) !important;
    background:
        linear-gradient(180deg, rgba(5, 13, 30, 0.82), rgba(4, 10, 24, 0.90)) !important;
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
    overflow: hidden !important;
}

html body.page-template-page-start-here .start-here-phase31e2c-shell::before,
html body.page-slug-start-here .start-here-phase31e2c-shell::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        linear-gradient(120deg, rgba(64, 168, 255, 0.06), rgba(140, 96, 255, 0.05) 45%, transparent 78%) !important;
    pointer-events: none !important;
}

html body.page-template-page-start-here .start-here-phase31e2c-shell > *,
html body.page-slug-start-here .start-here-phase31e2c-shell > * {
    position: relative !important;
    z-index: 1 !important;
}

html body.page-template-page-start-here .start-here-phase31e2c-shell .eyebrow,
html body.page-slug-start-here .start-here-phase31e2c-shell .eyebrow,
html body.page-template-page-start-here .start-here-phase31e2c-shell .section-eyebrow,
html body.page-slug-start-here .start-here-phase31e2c-shell .section-eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 0 0.7rem !important;
    color: #7fd3ff !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
}

html body.page-template-page-start-here .start-here-phase31e2c-shell h2,
html body.page-slug-start-here .start-here-phase31e2c-shell h2 {
    margin: 0 0 0.8rem !important;
    color: #f5fbff !important;
    font-size: clamp(1.55rem, 2vw, 1.95rem) !important;
    line-height: 1.14 !important;
    letter-spacing: -0.02em !important;
}

html body.page-template-page-start-here .start-here-phase31e2c-shell h3,
html body.page-slug-start-here .start-here-phase31e2c-shell h3 {
    margin: 0 0 0.65rem !important;
    color: #f5fbff !important;
    font-size: 1.08rem !important;
    line-height: 1.2 !important;
}

html body.page-template-page-start-here .start-here-phase31e2c-shell p,
html body.page-slug-start-here .start-here-phase31e2c-shell p {
    color: rgba(221, 233, 246, 0.78) !important;
    max-width: 72ch !important;
    line-height: 1.66 !important;
}

html body.page-template-page-start-here .start-here-phase31e2c-shell .token-chip,
html body.page-slug-start-here .start-here-phase31e2c-shell .token-chip,
html body.page-template-page-start-here .start-here-phase31e2c-shell .journey-chip,
html body.page-slug-start-here .start-here-phase31e2c-shell .journey-chip,
html body.page-template-page-start-here .start-here-phase31e2c-shell .flow-chip,
html body.page-slug-start-here .start-here-phase31e2c-shell .flow-chip {
    background: rgba(255, 255, 255, 0.03) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

html body.page-template-page-start-here .start-here-phase31e2c-shell .button,
html body.page-slug-start-here .start-here-phase31e2c-shell .button {
    min-height: 38px !important;
}

@media (max-width: 980px) {
    html body.page-template-page-start-here .start-here-phase31e2c-section-card,
    html body.page-slug-start-here .start-here-phase31e2c-section-card {
        padding-top: 1.9rem !important;
        padding-bottom: 1.9rem !important;
    }

    html body.page-template-page-start-here .start-here-phase31e2c-shell,
    html body.page-slug-start-here .start-here-phase31e2c-shell {
        padding: 1.15rem 1.1rem 1rem !important;
    }
}

@media (max-width: 760px) {
    html body.page-template-page-start-here .start-here-phase31e2c-shell,
    html body.page-slug-start-here .start-here-phase31e2c-shell {
        padding: 1rem 1rem 0.95rem !important;
        border-radius: 20px !important;
    }

    html body.page-template-page-start-here .start-here-phase31e2c-shell h2,
    html body.page-slug-start-here .start-here-phase31e2c-shell h2 {
        font-size: 1.35rem !important;
    }
}

/* =========================
   Phase 31E2D - Start Here animated progress strips
========================= */

html body.page-template-page-start-here .start-here-phase31e2d-strip-panel,
html body.page-slug-start-here .start-here-phase31e2d-strip-panel {
    margin: 0 0 1rem !important;
    padding: 0.8rem 0.9rem 0.6rem !important;
    border-radius: 18px !important;
    border: 1px solid rgba(73, 169, 255, 0.16) !important;
    background: linear-gradient(180deg, rgba(8,16,36,0.76), rgba(6,12,28,0.88)) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,0.16), inset 0 1px 0 rgba(255,255,255,0.02) !important;
}

html body.page-template-page-start-here .start-here-phase31e2d-progress-strip,
html body.page-slug-start-here .start-here-phase31e2d-progress-strip {
    position: relative !important;
    margin: 0 !important;
    padding: 0.05rem 0 0 !important;
    overflow: hidden !important;
}

html body.page-template-page-start-here .start-here-phase31e2d-progress-line,
html body.page-slug-start-here .start-here-phase31e2d-progress-line {
    position: absolute !important;
    left: 8% !important;
    right: 8% !important;
    top: 1.22rem !important;
    height: 1px !important;
    background: linear-gradient(90deg, rgba(73,169,255,0.16), rgba(155,111,255,0.22), rgba(73,169,255,0.16)) !important;
    pointer-events: none !important;
}

html body.page-template-page-start-here .start-here-phase31e2d-progress-grid,
html body.page-slug-start-here .start-here-phase31e2d-progress-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0.7rem !important;
    align-items: start !important;
}

html body.page-template-page-start-here .start-here-phase31e2d-step,
html body.page-slug-start-here .start-here-phase31e2d-step {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0.45rem !important;
    text-align: center !important;
    transition: transform 180ms ease, filter 180ms ease !important;
}

html body.page-template-page-start-here .start-here-phase31e2d-step:hover,
html body.page-slug-start-here .start-here-phase31e2d-step:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.06) !important;
}

html body.page-template-page-start-here .start-here-phase31e2d-step-node,
html body.page-slug-start-here .start-here-phase31e2d-step-node {
    position: relative !important;
    z-index: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(120, 197, 255, 0.24) !important;
    background: radial-gradient(circle at 50% 35%, rgba(130,210,255,0.18), rgba(14,31,63,0.92) 72%) !important;
    color: #f3f9ff !important;
    font-size: 0.68rem !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    box-shadow: 0 0 0 4px rgba(21,34,64,0.32), 0 8px 18px rgba(0,0,0,0.24) !important;
}

html body.page-template-page-start-here .start-here-phase31e2d-step.is-active .start-here-phase31e2d-step-node,
html body.page-slug-start-here .start-here-phase31e2d-step.is-active .start-here-phase31e2d-step-node {
    animation: startHereProgressPulse 2.6s ease-in-out infinite !important;
    border-color: rgba(142,223,255,0.42) !important;
}

@keyframes startHereProgressPulse {
    0% { transform: scale(1); box-shadow: 0 0 0 4px rgba(21,34,64,0.32), 0 8px 18px rgba(0,0,0,0.24); }
    50% { transform: scale(1.08); box-shadow: 0 0 0 6px rgba(74,189,255,0.12), 0 10px 24px rgba(0,0,0,0.28); }
    100% { transform: scale(1); box-shadow: 0 0 0 4px rgba(21,34,64,0.32), 0 8px 18px rgba(0,0,0,0.24); }
}

html body.page-template-page-start-here .start-here-phase31e2d-step-label,
html body.page-slug-start-here .start-here-phase31e2d-step-label {
    display: block !important;
    color: #dceaf5 !important;
    font-size: 0.62rem !important;
    line-height: 1.2 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

@media (max-width: 860px) {
    html body.page-template-page-start-here .start-here-phase31e2d-progress-grid,
    html body.page-slug-start-here .start-here-phase31e2d-progress-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        row-gap: 1rem !important;
    }

    html body.page-template-page-start-here .start-here-phase31e2d-progress-line,
    html body.page-slug-start-here .start-here-phase31e2d-progress-line {
        display: none !important;
    }
}

@media (max-width: 560px) {
    html body.page-template-page-start-here .start-here-phase31e2d-progress-grid,
    html body.page-slug-start-here .start-here-phase31e2d-progress-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =========================
   Phase 31E2D-R2 - Start Here strip cleanup guard
========================= */
html body.page-template-page-start-here .phase30y-step-orbit,
html body.page-slug-start-here .phase30y-step-orbit {
    display: none !important;
}

html body.page-template-page-start-here .start-here-phase31e2d-strip-panel,
html body.page-slug-start-here .start-here-phase31e2d-strip-panel {
    margin-bottom: 1rem !important;
}

/* =========================
   Phase 31E2D-R3 - Start Here standalone strip panels
========================= */
html body.page-template-page-start-here .start-here-phase31e2d-strip-panel,
html body.page-slug-start-here .start-here-phase31e2d-strip-panel {
    padding: 1.05rem 1rem !important;
    margin-bottom: 1.15rem !important;
    border-radius: 22px !important;
    background: linear-gradient(180deg, rgba(8, 16, 34, 0.88), rgba(5, 11, 26, 0.82)) !important;
    border: 1px solid rgba(84, 182, 255, 0.14) !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.22) !important;
}

html body.page-template-page-start-here .start-here-phase31e2d-progress-strip,
html body.page-slug-start-here .start-here-phase31e2d-progress-strip {
    margin: 0 !important;
}

html body.page-template-page-start-here .start-here-phase31e2d-progress-grid,
html body.page-slug-start-here .start-here-phase31e2d-progress-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 1rem !important;
    align-items: center !important;
}

html body.page-template-page-start-here .start-here-phase31e2d-step,
html body.page-slug-start-here .start-here-phase31e2d-step {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0.45rem !important;
    min-height: 54px !important;
    text-align: center !important;
}

html body.page-template-page-start-here .start-here-phase31e2d-step::before,
html body.page-slug-start-here .start-here-phase31e2d-step::before {
    content: "" !important;
    position: absolute !important;
    top: 14px !important;
    left: -50% !important;
    width: 100% !important;
    height: 1px !important;
    background: linear-gradient(90deg, rgba(113, 184, 255, 0.06), rgba(113, 184, 255, 0.28), rgba(113, 184, 255, 0.06)) !important;
    z-index: 0 !important;
}

html body.page-template-page-start-here .start-here-phase31e2d-step:first-child::before,
html body.page-slug-start-here .start-here-phase31e2d-step:first-child::before {
    display: none !important;
}

html body.page-template-page-start-here .start-here-phase31e2d-step-number,
html body.page-slug-start-here .start-here-phase31e2d-step-number {
    position: relative !important;
    z-index: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 999px !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    color: #f4fbff !important;
    border: 1px solid rgba(128, 197, 255, 0.32) !important;
    background: radial-gradient(circle at 50% 35%, rgba(103, 175, 255, 0.28), rgba(31, 55, 98, 0.92)) !important;
    box-shadow: 0 0 0 4px rgba(84, 182, 255, 0.04) !important;
}

html body.page-template-page-start-here .start-here-phase31e2d-step-label,
html body.page-slug-start-here .start-here-phase31e2d-step-label {
    position: relative !important;
    z-index: 1 !important;
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: rgba(234, 244, 255, 0.82) !important;
}

html body.page-template-page-start-here .phase30y-step-orbit,
html body.page-slug-start-here .phase30y-step-orbit {
    display: none !important;
}

@media (max-width: 760px) {
    html body.page-template-page-start-here .start-here-phase31e2d-progress-grid,
    html body.page-slug-start-here .start-here-phase31e2d-progress-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        row-gap: 1.1rem !important;
    }

    html body.page-template-page-start-here .start-here-phase31e2d-step::before,
    html body.page-slug-start-here .start-here-phase31e2d-step::before {
        display: none !important;
    }
}

/* =========================
   Phase 31E2E - Start Here closeout
========================= */
html body.page-template-page-start-here .start-here-phase31e2e-page,
html body.page-slug-start-here .start-here-phase31e2e-page {
    position: relative !important;
}

html body.page-template-page-start-here .start-here-phase31e2e-content-stack,
html body.page-slug-start-here .start-here-phase31e2e-content-stack {
    display: grid !important;
    gap: 2.35rem !important;
}

html body.page-template-page-start-here .start-here-phase31e2e-section-shell,
html body.page-slug-start-here .start-here-phase31e2e-section-shell {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

html body.page-template-page-start-here .start-here-phase31e2e-section-shell > .container,
html body.page-slug-start-here .start-here-phase31e2e-section-shell > .container {
    max-width: 1120px !important;
}

html body.page-template-page-start-here .start-here-phase31e2e-section-shell .premium-card,
html body.page-slug-start-here .start-here-phase31e2e-section-shell .premium-card {
    border-radius: 24px !important;
}

html body.page-template-page-start-here .start-here-phase31e2e-section-shell .premium-section-heading,
html body.page-slug-start-here .start-here-phase31e2e-section-shell .premium-section-heading {
    margin-bottom: 1rem !important;
}

html body.page-template-page-start-here .start-here-phase31e2e-section-shell .premium-section-heading h2,
html body.page-slug-start-here .start-here-phase31e2e-section-shell .premium-section-heading h2 {
    margin-bottom: 0.7rem !important;
}

html body.page-template-page-start-here .start-here-phase31e2e-section-shell .premium-section-heading p,
html body.page-slug-start-here .start-here-phase31e2e-section-shell .premium-section-heading p {
    max-width: 760px !important;
}

html body.page-template-page-start-here .start-here-phase31e2e-end-cta,
html body.page-slug-start-here .start-here-phase31e2e-end-cta {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

html body.page-template-page-start-here .start-here-phase31e2e-end-cta-card,
html body.page-slug-start-here .start-here-phase31e2e-end-cta-card {
    padding: 1.6rem 1.6rem 1.45rem !important;
    border-radius: 24px !important;
}

html body.page-template-page-start-here .start-here-phase31e2e-end-cta-card h2,
html body.page-slug-start-here .start-here-phase31e2e-end-cta-card h2 {
    margin: 0.3rem 0 0.75rem !important;
    max-width: 720px !important;
}

html body.page-template-page-start-here .start-here-phase31e2e-end-cta-card p,
html body.page-slug-start-here .start-here-phase31e2e-end-cta-card p {
    max-width: 760px !important;
    margin-bottom: 1rem !important;
}

html body.page-template-page-start-here .start-here-phase31e2e-end-cta-actions,
html body.page-slug-start-here .start-here-phase31e2e-end-cta-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.75rem !important;
}

@media (max-width: 980px) {
    html body.page-template-page-start-here .start-here-phase31e2e-content-stack,
    html body.page-slug-start-here .start-here-phase31e2e-content-stack {
        gap: 2rem !important;
    }

    html body.page-template-page-start-here .start-here-phase31e2e-end-cta-card,
    html body.page-slug-start-here .start-here-phase31e2e-end-cta-card {
        padding: 1.35rem 1.2rem 1.2rem !important;
    }
}

@media (max-width: 760px) {
    html body.page-template-page-start-here .start-here-phase31e2e-content-stack,
    html body.page-slug-start-here .start-here-phase31e2e-content-stack {
        gap: 1.7rem !important;
    }

    html body.page-template-page-start-here .start-here-phase31e2e-section-shell .premium-section-heading h2,
    html body.page-slug-start-here .start-here-phase31e2e-section-shell .premium-section-heading h2 {
        max-width: none !important;
    }

    html body.page-template-page-start-here .start-here-phase31e2e-end-cta-actions,
    html body.page-slug-start-here .start-here-phase31e2e-end-cta-actions {
        flex-direction: column !important;
        align-items: stretch !important;
    }
}

/* =========================
   Phase 31F1D - Utility final CTA markup alignment
========================= */
html body[class*="utility-use-cases"] .utility-cta-shell,
html body[class*="utility-nfts"] .utility-nfts-cta-shell,
html body[class*="integrated-applications"] .integrated-applications-cta-shell {
    display: block !important;
}

html body[class*="utility-use-cases"] .final-cta-copy-stack,
html body[class*="utility-nfts"] .final-cta-copy-stack,
html body[class*="integrated-applications"] .final-cta-copy-stack {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 1rem !important;
    max-width: 52rem !important;
}

html body[class*="utility-use-cases"] .final-cta-copy-stack .premium-cta-actions,
html body[class*="utility-nfts"] .final-cta-copy-stack .premium-cta-actions,
html body[class*="integrated-applications"] .final-cta-copy-stack .premium-cta-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 0.75rem !important;
    margin: 0 !important;
    width: auto !important;
}

html body[class*="utility-use-cases"] .final-cta-copy-stack .premium-cta-actions .button,
html body[class*="utility-nfts"] .final-cta-copy-stack .premium-cta-actions .button,
html body[class*="integrated-applications"] .final-cta-copy-stack .premium-cta-actions .button {
    margin: 0 !important;
}

@media (max-width: 760px) {
    html body[class*="utility-use-cases"] .final-cta-copy-stack,
    html body[class*="utility-nfts"] .final-cta-copy-stack,
    html body[class*="integrated-applications"] .final-cta-copy-stack {
        gap: 0.85rem !important;
    }
}

/* =========================
   Phase 31G5D - Real node LED element
========================= */

html body .card:has(.phase31g-node-led),
html body .premium-card:has(.phase31g-node-led),
html body article:has(.phase31g-node-led) {
    position: relative !important;
}

html body .phase31g-node-led {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    display: block;
    background:
        radial-gradient(circle at 35% 35%, rgba(245,255,245,0.98) 0%, rgba(144,255,186,0.96) 20%, rgba(52,224,108,0.96) 55%, rgba(18,122,58,0.98) 100%);
    border: 1px solid rgba(120,255,176,0.42);
    box-shadow:
        0 0 0 2px rgba(18,30,22,0.78),
        0 0 8px rgba(74,255,138,0.55),
        0 0 18px rgba(74,255,138,0.30),
        inset 0 1px 2px rgba(255,255,255,0.34);
    animation: phase31g-led-pulse 2.1s ease-in-out infinite;
    z-index: 9;
    pointer-events: none;
}

@keyframes phase31g-led-pulse {
    0%, 100% {
        opacity: 0.82;
        transform: scale(1);
        box-shadow:
            0 0 0 2px rgba(18,30,22,0.78),
            0 0 8px rgba(74,255,138,0.55),
            0 0 18px rgba(74,255,138,0.30),
            inset 0 1px 2px rgba(255,255,255,0.34);
    }
    50% {
        opacity: 1;
        transform: scale(1.10);
        box-shadow:
            0 0 0 2px rgba(18,30,22,0.78),
            0 0 12px rgba(74,255,138,0.82),
            0 0 24px rgba(74,255,138,0.46),
            inset 0 1px 2px rgba(255,255,255,0.45);
    }
}

/* =========================
   Phase 31G5E - Development summary layout only
========================= */

html body .phase31g-development-summary {
    margin-top: 1.25rem !important;
}

html body .phase31g-development-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1rem !important;
    margin-top: 1rem !important;
}

html body .phase31g-development-group {
    border: 1px solid rgba(90, 170, 255, 0.12) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.02) !important;
    padding: 1rem 1rem 0.9rem !important;
}

html body .phase31g-development-group h3 {
    margin: 0 0 0.7rem !important;
    font-size: 1rem !important;
}

html body .phase31g-development-group ul {
    margin: 0 !important;
    padding-left: 1.1rem !important;
}

html body .phase31g-development-group li {
    margin: 0 0 0.35rem !important;
}

@media (max-width: 900px) {
    html body .phase31g-development-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =========================
   Phase 31G6B-31G6D - Signal feed taxonomy alignment and LED
========================= */
html body.post-type-archive-signal_update .phase31g-signal-taxonomy-aligned .signal-filter-bar,
html body.post-type-archive-signal_update .phase31g-signal-taxonomy-aligned .signal-feed-grid,
html body.post-type-archive-signal_update .phase31g-signal-taxonomy-aligned .signal-feed-header {
    width: 100%;
}

html body.post-type-archive-signal_update .phase31g-signal-taxonomy-aligned .signal-card {
    position: relative !important;
    overflow: hidden !important;
}

html body.post-type-archive-signal_update .phase31g-signal-taxonomy-aligned .signal-card-top {
    position: relative !important;
    padding-right: 2.25rem !important;
}

html body.post-type-archive-signal_update .phase31g-signal-taxonomy-aligned .phase31g-signal-led {
    position: absolute !important;
    top: 0.15rem !important;
    right: 0.15rem !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 999px !important;
    background:
        radial-gradient(circle at 35% 35%, rgba(210,255,225,0.95) 0%, rgba(120,255,176,0.92) 28%, rgba(46,214,106,0.96) 62%, rgba(18,122,58,0.96) 100%) !important;
    border: 1px solid rgba(120,255,176,0.42) !important;
    box-shadow:
        0 0 0 2px rgba(18,30,22,0.78),
        0 0 8px rgba(74,255,138,0.55),
        0 0 18px rgba(74,255,138,0.30),
        inset 0 1px 2px rgba(255,255,255,0.34) !important;
    animation: phase31g-signal-led-pulse 2.1s ease-in-out infinite !important;
    z-index: 9 !important;
    pointer-events: none !important;
}

@keyframes phase31g-signal-led-pulse {
    0%, 100% {
        opacity: 0.82;
        transform: scale(1);
        box-shadow:
            0 0 0 2px rgba(18,30,22,0.78),
            0 0 8px rgba(74,255,138,0.55),
            0 0 18px rgba(74,255,138,0.30),
            inset 0 1px 2px rgba(255,255,255,0.34);
    }
    50% {
        opacity: 1;
        transform: scale(1.10);
        box-shadow:
            0 0 0 2px rgba(18,30,22,0.78),
            0 0 12px rgba(74,255,138,0.82),
            0 0 24px rgba(74,255,138,0.46),
            inset 0 1px 2px rgba(255,255,255,0.45);
    }
}

/* =========================
   Phase 31G6F R4 - Signal LED visibility fix
========================= */
html body.post-type-archive-signal_update article.signal-card,
html body.post-type-archive-signal_update .signal-card,
html body.post-type-archive-signal_update .signals-grid article,
html body.post-type-archive-signal_update .signals-feed-grid article {
    position: relative !important;
    overflow: visible !important;
}

html body.post-type-archive-signal_update article.signal-card .signal-card-top,
html body.post-type-archive-signal_update .signal-card .signal-card-top,
html body.post-type-archive-signal_update .signals-grid article .signal-card-top,
html body.post-type-archive-signal_update .signals-feed-grid article .signal-card-top {
    position: relative !important;
    overflow: visible !important;
}

html body.post-type-archive-signal_update .phase31g-signal-led {
    display: block !important;
    position: absolute !important;
    top: 0.95rem !important;
    right: 0.95rem !important;
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    min-height: 12px !important;
    border-radius: 999px !important;
    background: radial-gradient(circle at 35% 35%, #b7ffcb 0%, #67ff9d 36%, #34d975 68%, #1b7a40 100%) !important;
    border: 1px solid rgba(120,255,176,0.55) !important;
    box-shadow:
        0 0 0 2px rgba(10,18,14,0.86),
        0 0 10px rgba(74,255,138,0.72),
        0 0 22px rgba(74,255,138,0.42),
        inset 0 1px 2px rgba(255,255,255,0.38) !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 999 !important;
    pointer-events: none !important;
    transform: translateZ(0) !important;
    animation: phase31g-signal-led-pulse-r4 2s ease-in-out infinite !important;
}

@keyframes phase31g-signal-led-pulse-r4 {
    0%, 100% {
        opacity: 0.88;
        transform: scale(1);
        box-shadow:
            0 0 0 2px rgba(10,18,14,0.86),
            0 0 10px rgba(74,255,138,0.72),
            0 0 22px rgba(74,255,138,0.42),
            inset 0 1px 2px rgba(255,255,255,0.38);
    }
    50% {
        opacity: 1;
        transform: scale(1.12);
        box-shadow:
            0 0 0 2px rgba(10,18,14,0.86),
            0 0 14px rgba(74,255,138,0.95),
            0 0 28px rgba(74,255,138,0.56),
            inset 0 1px 2px rgba(255,255,255,0.48);
    }
}

/* =========================
   Phase 31G7E - Signal card conformity pass
========================= */

html body.post-type-archive-signal_update .signal-card-top {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 0.9rem !important;
}

html body.post-type-archive-signal_update .signal-card-top-meta {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.38rem !important;
    min-width: 0 !important;
}

html body.post-type-archive-signal_update .signal-card-topline-meta {
    display: flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    flex-wrap: wrap !important;
}

html body.post-type-archive-signal_update .signal-card-top time {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 1.5rem !important;
    font-size: 0.76rem !important;
    line-height: 1 !important;
    color: rgba(255,255,255,0.62) !important;
    letter-spacing: 0.02em !important;
}

html body.post-type-archive-signal_update .signal-type-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.34rem !important;
    min-height: 1.5rem !important;
    padding: 0.18rem 0.5rem !important;
    border-radius: 999px !important;
    border: 1px solid rgba(122, 160, 255, 0.16) !important;
    background: rgba(255,255,255,0.03) !important;
    color: rgba(255,255,255,0.84) !important;
    font-size: 0.68rem !important;
    line-height: 1 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

html body.post-type-archive-signal_update .signal-type-chip-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 1rem !important;
    height: 1rem !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,0.06) !important;
    font-size: 0.62rem !important;
}

html body.post-type-archive-signal_update .signal-type-chip--application .signal-type-chip-icon {
    color: rgba(130, 205, 255, 0.96) !important;
}
html body.post-type-archive-signal_update .signal-type-chip--identity .signal-type-chip-icon {
    color: rgba(198, 170, 255, 0.96) !important;
}
html body.post-type-archive-signal_update .signal-type-chip--intelligence .signal-type-chip-icon {
    color: rgba(120, 255, 214, 0.96) !important;
}
html body.post-type-archive-signal_update .signal-type-chip--media .signal-type-chip-icon {
    color: rgba(255, 179, 130, 0.96) !important;
}
html body.post-type-archive-signal_update .signal-type-chip--treasury .signal-type-chip-icon {
    color: rgba(255, 215, 124, 0.96) !important;
}
html body.post-type-archive-signal_update .signal-type-chip--health .signal-type-chip-icon {
    color: rgba(136, 255, 170, 0.96) !important;
}
html body.post-type-archive-signal_update .signal-type-chip--infrastructure .signal-type-chip-icon {
    color: rgba(155, 195, 255, 0.96) !important;
}
html body.post-type-archive-signal_update .signal-type-chip--gaming .signal-type-chip-icon {
    color: rgba(255, 140, 214, 0.96) !important;
}

html body.post-type-archive-signal_update .signal-card h3 {
    font-size: 1.72rem !important;
    line-height: 1.04 !important;
    letter-spacing: -0.03em !important;
    margin: 0 0 0.92rem !important;
    max-width: 15ch !important;
}

html body.post-type-archive-signal_update .signal-card-summary,
html body.post-type-archive-signal_update .signal-card-meaning,
html body.post-type-archive-signal_update .signal-card-why-now,
html body.post-type-archive-signal_update .signal-card-relationship {
    font-size: 0.93rem !important;
    line-height: 1.55 !important;
}

html body.post-type-archive-signal_update .signal-card-actions {
    margin-top: 1rem !important;
}

@media (max-width: 900px) {
    html body.post-type-archive-signal_update .signal-card h3 {
        font-size: 1.46rem !important;
        max-width: none !important;
    }
}

/* =========================
   Phase 31G7F - Signal static card header conformity
========================= */

html body.post-type-archive-signal_update .signal-card-top {
    position: relative !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 0.85rem !important;
    padding-right: 1.8rem !important;
}

html body.post-type-archive-signal_update .signal-card-top-meta {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.32rem !important;
    min-width: 0 !important;
}

html body.post-type-archive-signal_update .signal-card-topline-meta {
    display: flex !important;
    align-items: center !important;
    gap: 0.42rem !important;
    flex-wrap: wrap !important;
    padding-right: 0.35rem !important;
}

html body.post-type-archive-signal_update .signal-card-top time {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 1.35rem !important;
    font-size: 0.72rem !important;
    line-height: 1 !important;
    color: rgba(255,255,255,0.62) !important;
    letter-spacing: 0.02em !important;
    white-space: nowrap !important;
}

html body.post-type-archive-signal_update .signal-type-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.32rem !important;
    min-height: 1.35rem !important;
    padding: 0.16rem 0.48rem !important;
    border-radius: 999px !important;
    border: 1px solid rgba(122,160,255,0.16) !important;
    background: rgba(255,255,255,0.03) !important;
    color: rgba(255,255,255,0.84) !important;
    font-size: 0.66rem !important;
    line-height: 1 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

html body.post-type-archive-signal_update .signal-type-chip-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 0.95rem !important;
    height: 0.95rem !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,0.06) !important;
    font-size: 0.6rem !important;
}

html body.post-type-archive-signal_update .signal-type-chip--health .signal-type-chip-icon {
    color: rgba(136,255,170,0.96) !important;
}

html body.post-type-archive-signal_update .signal-type-chip--infrastructure .signal-type-chip-icon {
    color: rgba(155,195,255,0.96) !important;
}

html body.post-type-archive-signal_update .signal-type-chip--gaming .signal-type-chip-icon {
    color: rgba(255,140,214,0.96) !important;
}

html body.post-type-archive-signal_update .phase31g-signal-led {
    top: 0.12rem !important;
    right: 0 !important;
}

/* =========================
   Phase 31G7G - Signal venture type chips all cards
========================= */

html body.post-type-archive-signal_update .signal-type-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.32rem !important;
    min-height: 1.3rem !important;
    width: fit-content !important;
    margin: 0 0 0.45rem 0 !important;
    padding: 0.16rem 0.46rem !important;
    border-radius: 999px !important;
    border: 1px solid rgba(122,160,255,0.14) !important;
    background: rgba(255,255,255,0.03) !important;
    color: rgba(255,255,255,0.84) !important;
    font-size: 0.64rem !important;
    line-height: 1 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

html body.post-type-archive-signal_update .signal-type-chip-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 0.9rem !important;
    height: 0.9rem !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,0.06) !important;
    font-size: 0.58rem !important;
    font-weight: 700 !important;
}

html body.post-type-archive-signal_update .signal-type-chip--application .signal-type-chip-icon { color: rgba(111,197,255,0.96) !important; }
html body.post-type-archive-signal_update .signal-type-chip--identity .signal-type-chip-icon { color: rgba(199,166,255,0.96) !important; }
html body.post-type-archive-signal_update .signal-type-chip--intelligence .signal-type-chip-icon { color: rgba(127,236,255,0.96) !important; }
html body.post-type-archive-signal_update .signal-type-chip--media .signal-type-chip-icon { color: rgba(255,166,209,0.96) !important; }
html body.post-type-archive-signal_update .signal-type-chip--treasury .signal-type-chip-icon { color: rgba(255,214,120,0.96) !important; }
html body.post-type-archive-signal_update .signal-type-chip--health .signal-type-chip-icon { color: rgba(136,255,170,0.96) !important; }
html body.post-type-archive-signal_update .signal-type-chip--infrastructure .signal-type-chip-icon { color: rgba(155,195,255,0.96) !important; }
html body.post-type-archive-signal_update .signal-type-chip--gaming .signal-type-chip-icon { color: rgba(255,140,214,0.96) !important; }

/* =========================
   Phase 31G7G R2 - Signal venture icons CSS only
========================= */

html body.post-type-archive-signal_update .signal-card.premium-card {
    position: relative !important;
}

html body.post-type-archive-signal_update .signal-card.premium-card .signal-card-top {
    position: relative !important;
    padding-right: 3.4rem !important;
}

html body.post-type-archive-signal_update .signal-card.premium-card .signal-card-top::before {
    position: absolute !important;
    top: 0.05rem !important;
    right: 1.2rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 1.15rem !important;
    height: 1.15rem !important;
    padding: 0 0.34rem !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(120,160,255,0.14) !important;
    font-size: 0.62rem !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03) !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 6 !important;
    pointer-events: none !important;
}

html body.post-type-archive-signal_update .signal-card.premium-card:nth-of-type(1) .signal-card-top::before {
    content: "$";
    color: rgba(255,214,120,0.98) !important;
}

html body.post-type-archive-signal_update .signal-card.premium-card:nth-of-type(2) .signal-card-top::before {
    content: "◌";
    color: rgba(127,236,255,0.98) !important;
}

html body.post-type-archive-signal_update .signal-card.premium-card:nth-of-type(3) .signal-card-top::before {
    content: "◇";
    color: rgba(199,166,255,0.98) !important;
}

html body.post-type-archive-signal_update .signal-card.premium-card:nth-of-type(4) .signal-card-top::before {
    content: "▶";
    color: rgba(255,166,209,0.98) !important;
}

html body.post-type-archive-signal_update .signal-card.premium-card:nth-of-type(5) .signal-card-top::before {
    content: "◍";
    color: rgba(111,197,255,0.98) !important;
}

html body.post-type-archive-signal_update .signal-card.premium-card:nth-of-type(6) .signal-card-top::before {
    content: "◑";
    color: rgba(136,255,170,0.98) !important;
}

html body.post-type-archive-signal_update .signal-card.premium-card:nth-of-type(7) .signal-card-top::before {
    content: "◧";
    color: rgba(155,195,255,0.98) !important;
}

html body.post-type-archive-signal_update .signal-card.premium-card:nth-of-type(8) .signal-card-top::before {
    content: "◉";
    color: rgba(255,140,214,0.98) !important;
}

/* keep date clear of LED */
html body.post-type-archive-signal_update .signal-card-top .signal-card-date,
html body.post-type-archive-signal_update .signal-card-top time,
html body.post-type-archive-signal_update .signal-card-top .signal-date {
    margin-right: 2.5rem !important;
}

/* keep LED at far top-right */
html body.post-type-archive-signal_update .phase31g-signal-led {
    top: 0.06rem !important;
    right: 0 !important;
    z-index: 8 !important;
}

html body.post-type-archive-signal_update .signal-type-badge {
    width: 1.2rem !important;
    height: 1.2rem !important;
    min-width: 1.2rem !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(120, 170, 255, 0.16) !important;
    background: rgba(255, 255, 255, 0.03) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.04),
        0 0 0 1px rgba(0,0,0,0.08) !important;
    flex: 0 0 auto !important;
    transform: translateY(-0.02rem) !important;
}

html body.post-type-archive-signal_update .signal-type-badge svg {
    width: 0.7rem !important;
    height: 0.7rem !important;
    display: block !important;
}

html body.post-type-archive-signal_update .signal-type-badge--treasury {
    color: rgba(255, 214, 120, 0.98) !important;
}
html body.post-type-archive-signal_update .signal-type-badge--intelligence {
    color: rgba(118, 222, 255, 0.98) !important;
}
html body.post-type-archive-signal_update .signal-type-badge--identity {
    color: rgba(180, 190, 255, 0.98) !important;
}
html body.post-type-archive-signal_update .signal-type-badge--media {
    color: rgba(255, 140, 214, 0.98) !important;
}
html body.post-type-archive-signal_update .signal-type-badge--application {
    color: rgba(116, 191, 255, 0.98) !important;
}
html body.post-type-archive-signal_update .signal-type-badge--health {
    color: rgba(136, 255, 170, 0.98) !important;
}
html body.post-type-archive-signal_update .signal-type-badge--infrastructure {
    color: rgba(155, 195, 255, 0.98) !important;
}
html body.post-type-archive-signal_update .signal-type-badge--gaming {
    color: rgba(255, 140, 214, 0.98) !important;
}

html body.post-type-archive-signal_update .signal-card-top::before {
    content: none !important;
}

html body.post-type-archive-signal_update .signal-card-top .signal-card-date,
html body.post-type-archive-signal_update .signal-card-top time,
html body.post-type-archive-signal_update .signal-card-top .signal-date {
    margin-left: auto !important;
    margin-right: 1.4rem !important;
    white-space: nowrap !important;
}

html body.post-type-archive-signal_update .phase31g-signal-led {
    top: 0.08rem !important;
    right: 0 !important;
    z-index: 8 !important;
}

/* =========================
   Phase 31G7H R1 - Signal real SVG icons CSS-only
========================= */
html body.post-type-archive-signal_update .signal-card-top {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    padding-right: 2.35rem !important;
}

html body.post-type-archive-signal_update .signal-card-top::before {
    content: "" !important;
    width: 1.15rem !important;
    height: 1.15rem !important;
    min-width: 1.15rem !important;
    border-radius: 999px !important;
    display: inline-block !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 0.72rem 0.72rem !important;
    border: 1px solid rgba(120,170,255,0.16) !important;
    background-color: rgba(255,255,255,0.03) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.04),
        0 0 0 1px rgba(0,0,0,0.08) !important;
    transform: translateY(-0.02rem) !important;
    flex: 0 0 auto !important;
}

html body.post-type-archive-signal_update .signal-card.premium-card:nth-of-type(1) .signal-card-top::before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23ffd678'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3.5'%20y='6.5'%20width='17'%20height='11'%20rx='2.5'/%3E%3Cpath%20d='M7%2012h10'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='1.8'/%3E%3C/svg%3E") !important;
}
html body.post-type-archive-signal_update .signal-card.premium-card:nth-of-type(2) .signal-card-top::before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2376deff'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M9%2018h6'/%3E%3Cpath%20d='M10%2021h4'/%3E%3Cpath%20d='M8.7%2014.3C7.6%2013.4%207%2012%207%2010.5a5%205%200%201%201%2010%200c0%201.5-.6%202.9-1.7%203.8-.7.6-1.1%201.2-1.3%201.7h-3.9c-.2-.5-.6-1.1-1.4-1.7Z'/%3E%3C/svg%3E") !important;
}
html body.post-type-archive-signal_update .signal-card.premium-card:nth-of-type(3) .signal-card-top::before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23b4beff'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='8'%20r='3'/%3E%3Cpath%20d='M6.5%2018.5c1.3-2.5%203.3-3.8%205.5-3.8s4.2%201.3%205.5%203.8'/%3E%3Cpath%20d='M4%2012.5h2.5'/%3E%3Cpath%20d='M17.5%2012.5H20'/%3E%3C/svg%3E") !important;
}
html body.post-type-archive-signal_update .signal-card.premium-card:nth-of-type(4) .signal-card-top::before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23ff8cd6'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='4'%20y='6'%20width='16'%20height='12'%20rx='2.5'/%3E%3Cpath%20d='M9.5%2010%2015%2012l-5.5%202Z'/%3E%3C/svg%3E") !important;
}
html body.post-type-archive-signal_update .signal-card.premium-card:nth-of-type(5) .signal-card-top::before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2374bfff'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='5'%20y='4.5'%20width='14'%20height='15'%20rx='2.5'/%3E%3Cpath%20d='M9%208.5h6'/%3E%3Cpath%20d='M9%2012h6'/%3E%3Cpath%20d='M9%2015.5h4'/%3E%3C/svg%3E") !important;
}
html body.post-type-archive-signal_update .signal-card.premium-card:nth-of-type(6) .signal-card-top::before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2388ffaa'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%2019.2%205.8%2013.6A4.1%204.1%200%200%201%2011.7%208l.3.4.3-.4a4.1%204.1%200%200%201%205.9%205.6L12%2019.2Z'/%3E%3C/svg%3E") !important;
}
html body.post-type-archive-signal_update .signal-card.premium-card:nth-of-type(7) .signal-card-top::before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%239bc3ff'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%203.8%2018.5%207.5v8.9L12%2020.2%205.5%2016.4V7.5L12%203.8Z'/%3E%3Cpath%20d='M12%203.8v8.3'/%3E%3Cpath%20d='M18.5%207.5%2012%2012.1%205.5%207.5'/%3E%3C/svg%3E") !important;
}
html body.post-type-archive-signal_update .signal-card.premium-card:nth-of-type(8) .signal-card-top::before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23ff8cd6'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M8.5%209.5h7a4%204%200%200%201%203.9%204.8l-.6%202.6a2%202%200%200%201-3.2%201.1l-2.4-1.8h-2.4L8.4%2018a2%202%200%200%201-3.2-1.1l-.6-2.6a4%204%200%200%201%203.9-4.8Z'/%3E%3Cpath%20d='M8%2012.8h2.8'/%3E%3Cpath%20d='M9.4%2011.4v2.8'/%3E%3Ccircle%20cx='15.7'%20cy='12.4'%20r='.7'%20fill='%23ff8cd6'%20stroke='none'/%3E%3Ccircle%20cx='17.5'%20cy='14.2'%20r='.7'%20fill='%23ff8cd6'%20stroke='none'/%3E%3C/svg%3E") !important;
}

html body.post-type-archive-signal_update .signal-card-top .signal-card-date,
html body.post-type-archive-signal_update .signal-card-top time,
html body.post-type-archive-signal_update .signal-card-top .signal-date {
    margin-left: auto !important;
    margin-right: 1.45rem !important;
    white-space: nowrap !important;
}

html body.post-type-archive-signal_update .phase31g-signal-led {
    top: 0.08rem !important;
    right: 0 !important;
    z-index: 8 !important;
}

/* =========================
   Phase 31G7H R1 - Signal real SVG icons CSS-only
========================= */
html body.post-type-archive-signal_update .signal-card-top {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    padding-right: 2.35rem !important;
}

html body.post-type-archive-signal_update .signal-card-top::before {
    content: "" !important;
    width: 1.15rem !important;
    height: 1.15rem !important;
    min-width: 1.15rem !important;
    border-radius: 999px !important;
    display: inline-block !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 0.72rem 0.72rem !important;
    border: 1px solid rgba(120,170,255,0.16) !important;
    background-color: rgba(255,255,255,0.03) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.04),
        0 0 0 1px rgba(0,0,0,0.08) !important;
    transform: translateY(-0.02rem) !important;
    flex: 0 0 auto !important;
}

html body.post-type-archive-signal_update .signal-card.premium-card:nth-of-type(1) .signal-card-top::before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23ffd678'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3.5'%20y='6.5'%20width='17'%20height='11'%20rx='2.5'/%3E%3Cpath%20d='M7%2012h10'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='1.8'/%3E%3C/svg%3E") !important;
}
html body.post-type-archive-signal_update .signal-card.premium-card:nth-of-type(2) .signal-card-top::before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2376deff'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M9%2018h6'/%3E%3Cpath%20d='M10%2021h4'/%3E%3Cpath%20d='M8.7%2014.3C7.6%2013.4%207%2012%207%2010.5a5%205%200%201%201%2010%200c0%201.5-.6%202.9-1.7%203.8-.7.6-1.1%201.2-1.3%201.7h-3.9c-.2-.5-.6-1.1-1.4-1.7Z'/%3E%3C/svg%3E") !important;
}
html body.post-type-archive-signal_update .signal-card.premium-card:nth-of-type(3) .signal-card-top::before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23b4beff'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='8'%20r='3'/%3E%3Cpath%20d='M6.5%2018.5c1.3-2.5%203.3-3.8%205.5-3.8s4.2%201.3%205.5%203.8'/%3E%3Cpath%20d='M4%2012.5h2.5'/%3E%3Cpath%20d='M17.5%2012.5H20'/%3E%3C/svg%3E") !important;
}
html body.post-type-archive-signal_update .signal-card.premium-card:nth-of-type(4) .signal-card-top::before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23ff8cd6'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='4'%20y='6'%20width='16'%20height='12'%20rx='2.5'/%3E%3Cpath%20d='M9.5%2010%2015%2012l-5.5%202Z'/%3E%3C/svg%3E") !important;
}
html body.post-type-archive-signal_update .signal-card.premium-card:nth-of-type(5) .signal-card-top::before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2374bfff'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='5'%20y='4.5'%20width='14'%20height='15'%20rx='2.5'/%3E%3Cpath%20d='M9%208.5h6'/%3E%3Cpath%20d='M9%2012h6'/%3E%3Cpath%20d='M9%2015.5h4'/%3E%3C/svg%3E") !important;
}
html body.post-type-archive-signal_update .signal-card.premium-card:nth-of-type(6) .signal-card-top::before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2388ffaa'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%2019.2%205.8%2013.6A4.1%204.1%200%200%201%2011.7%208l.3.4.3-.4a4.1%204.1%200%200%201%205.9%205.6L12%2019.2Z'/%3E%3C/svg%3E") !important;
}
html body.post-type-archive-signal_update .signal-card.premium-card:nth-of-type(7) .signal-card-top::before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%239bc3ff'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%203.8%2018.5%207.5v8.9L12%2020.2%205.5%2016.4V7.5L12%203.8Z'/%3E%3Cpath%20d='M12%203.8v8.3'/%3E%3Cpath%20d='M18.5%207.5%2012%2012.1%205.5%207.5'/%3E%3C/svg%3E") !important;
}
html body.post-type-archive-signal_update .signal-card.premium-card:nth-of-type(8) .signal-card-top::before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23ff8cd6'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M8.5%209.5h7a4%204%200%200%201%203.9%204.8l-.6%202.6a2%202%200%200%201-3.2%201.1l-2.4-1.8h-2.4L8.4%2018a2%202%200%200%201-3.2-1.1l-.6-2.6a4%204%200%200%201%203.9-4.8Z'/%3E%3Cpath%20d='M8%2012.8h2.8'/%3E%3Cpath%20d='M9.4%2011.4v2.8'/%3E%3Ccircle%20cx='15.7'%20cy='12.4'%20r='.7'%20fill='%23ff8cd6'%20stroke='none'/%3E%3Ccircle%20cx='17.5'%20cy='14.2'%20r='.7'%20fill='%23ff8cd6'%20stroke='none'/%3E%3C/svg%3E") !important;
}

html body.post-type-archive-signal_update .signal-card-top .signal-card-date,
html body.post-type-archive-signal_update .signal-card-top time,
html body.post-type-archive-signal_update .signal-card-top .signal-date {
    margin-left: auto !important;
    margin-right: 1.45rem !important;
    white-space: nowrap !important;
}

html body.post-type-archive-signal_update .phase31g-signal-led {
    top: 0.08rem !important;
    right: 0 !important;
    z-index: 8 !important;
}

/* =========================
   Phase 31G8A - six route page premium conformity pass
========================= */

html body.page-template-page-signal-health-systems-taking-shape,
html body.page-template-page-signal-infrastructure-capability-forming,
html body.page-template-page-signal-immersive-world-foundations-emerging,
html body.page-template-page-venture-health-lifestyle-layer,
html body.page-template-page-venture-infrastructure-layer,
html body.page-template-page-venture-gaming-augmented-reality,
html body.page-slug-health-systems-taking-shape,
html body.page-slug-infrastructure-capability-forming,
html body.page-slug-immersive-world-foundations-emerging,
html body.page-slug-health-lifestyle-layer,
html body.page-slug-infrastructure-layer,
html body.page-slug-gaming-augmented-reality {
    --phase31g8a-shell-max: 1180px;
    --phase31g8a-radius-xl: 28px;
    --phase31g8a-radius-lg: 22px;
    --phase31g8a-radius-md: 18px;
    --phase31g8a-border: rgba(255, 255, 255, 0.08);
    --phase31g8a-border-strong: rgba(74, 197, 255, 0.18);
    --phase31g8a-surface:
        linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.018));
    --phase31g8a-panel:
        linear-gradient(180deg, rgba(10,18,32,0.86), rgba(7,12,24,0.96));
    --phase31g8a-shadow:
        0 22px 60px rgba(0, 0, 0, 0.30),
        inset 0 1px 0 rgba(255,255,255,0.04);
}

html body.page-template-page-signal-health-systems-taking-shape main,
html body.page-template-page-signal-infrastructure-capability-forming main,
html body.page-template-page-signal-immersive-world-foundations-emerging main,
html body.page-template-page-venture-health-lifestyle-layer main,
html body.page-template-page-venture-infrastructure-layer main,
html body.page-template-page-venture-gaming-augmented-reality main,
html body.page-slug-health-systems-taking-shape main,
html body.page-slug-infrastructure-capability-forming main,
html body.page-slug-immersive-world-foundations-emerging main,
html body.page-slug-health-lifestyle-layer main,
html body.page-slug-infrastructure-layer main,
html body.page-slug-gaming-augmented-reality main {
    position: relative;
}

html body.page-template-page-signal-health-systems-taking-shape main > section,
html body.page-template-page-signal-infrastructure-capability-forming main > section,
html body.page-template-page-signal-immersive-world-foundations-emerging main > section,
html body.page-template-page-venture-health-lifestyle-layer main > section,
html body.page-template-page-venture-infrastructure-layer main > section,
html body.page-template-page-venture-gaming-augmented-reality main > section,
html body.page-slug-health-systems-taking-shape main > section,
html body.page-slug-infrastructure-capability-forming main > section,
html body.page-slug-immersive-world-foundations-emerging main > section,
html body.page-slug-health-lifestyle-layer main > section,
html body.page-slug-infrastructure-layer main > section,
html body.page-slug-gaming-augmented-reality main > section {
    width: min(calc(100% - 32px), var(--phase31g8a-shell-max)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

html body.page-template-page-signal-health-systems-taking-shape main > section:first-of-type,
html body.page-template-page-signal-infrastructure-capability-forming main > section:first-of-type,
html body.page-template-page-signal-immersive-world-foundations-emerging main > section:first-of-type,
html body.page-template-page-venture-health-lifestyle-layer main > section:first-of-type,
html body.page-template-page-venture-infrastructure-layer main > section:first-of-type,
html body.page-template-page-venture-gaming-augmented-reality main > section:first-of-type,
html body.page-slug-health-systems-taking-shape main > section:first-of-type,
html body.page-slug-infrastructure-capability-forming main > section:first-of-type,
html body.page-slug-immersive-world-foundations-emerging main > section:first-of-type,
html body.page-slug-health-lifestyle-layer main > section:first-of-type,
html body.page-slug-infrastructure-layer main > section:first-of-type,
html body.page-slug-gaming-augmented-reality main > section:first-of-type {
    margin-top: 28px !important;
    margin-bottom: 24px !important;
    padding: 34px 34px 30px !important;
    border: 1px solid var(--phase31g8a-border-strong) !important;
    border-radius: var(--phase31g8a-radius-xl) !important;
    background:
        radial-gradient(circle at top left, rgba(74,197,255,0.12), transparent 34%),
        radial-gradient(circle at top right, rgba(107,255,163,0.08), transparent 28%),
        var(--phase31g8a-panel) !important;
    box-shadow: var(--phase31g8a-shadow) !important;
    overflow: hidden !important;
    position: relative !important;
}

html body.page-template-page-signal-health-systems-taking-shape main > section:first-of-type::before,
html body.page-template-page-signal-infrastructure-capability-forming main > section:first-of-type::before,
html body.page-template-page-signal-immersive-world-foundations-emerging main > section:first-of-type::before,
html body.page-template-page-venture-health-lifestyle-layer main > section:first-of-type::before,
html body.page-template-page-venture-infrastructure-layer main > section:first-of-type::before,
html body.page-template-page-venture-gaming-augmented-reality main > section:first-of-type::before,
html body.page-slug-health-systems-taking-shape main > section:first-of-type::before,
html body.page-slug-infrastructure-capability-forming main > section:first-of-type::before,
html body.page-slug-immersive-world-foundations-emerging main > section:first-of-type::before,
html body.page-slug-health-lifestyle-layer main > section:first-of-type::before,
html body.page-slug-infrastructure-layer main > section:first-of-type::before,
html body.page-slug-gaming-augmented-reality main > section:first-of-type::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg, rgba(255,255,255,0.045), transparent 32%),
        linear-gradient(180deg, transparent, rgba(255,255,255,0.015));
    pointer-events: none;
}

html body.page-template-page-signal-health-systems-taking-shape h1,
html body.page-template-page-signal-infrastructure-capability-forming h1,
html body.page-template-page-signal-immersive-world-foundations-emerging h1,
html body.page-template-page-venture-health-lifestyle-layer h1,
html body.page-template-page-venture-infrastructure-layer h1,
html body.page-template-page-venture-gaming-augmented-reality h1,
html body.page-slug-health-systems-taking-shape h1,
html body.page-slug-infrastructure-capability-forming h1,
html body.page-slug-immersive-world-foundations-emerging h1,
html body.page-slug-health-lifestyle-layer h1,
html body.page-slug-infrastructure-layer h1,
html body.page-slug-gaming-augmented-reality h1 {
    max-width: 11ch !important;
    margin: 0 0 14px !important;
    font-size: clamp(2.3rem, 5.2vw, 4.2rem) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.04em !important;
}

html body.page-template-page-signal-health-systems-taking-shape h2,
html body.page-template-page-signal-infrastructure-capability-forming h2,
html body.page-template-page-signal-immersive-world-foundations-emerging h2,
html body.page-template-page-venture-health-lifestyle-layer h2,
html body.page-template-page-venture-infrastructure-layer h2,
html body.page-template-page-venture-gaming-augmented-reality h2,
html body.page-slug-health-systems-taking-shape h2,
html body.page-slug-infrastructure-capability-forming h2,
html body.page-slug-immersive-world-foundations-emerging h2,
html body.page-slug-health-lifestyle-layer h2,
html body.page-slug-infrastructure-layer h2,
html body.page-slug-gaming-augmented-reality h2 {
    margin: 0 0 0.85rem !important;
    font-size: clamp(1.35rem, 2vw, 1.85rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.025em !important;
}

html body.page-template-page-signal-health-systems-taking-shape p,
html body.page-template-page-signal-infrastructure-capability-forming p,
html body.page-template-page-signal-immersive-world-foundations-emerging p,
html body.page-template-page-venture-health-lifestyle-layer p,
html body.page-template-page-venture-infrastructure-layer p,
html body.page-template-page-venture-gaming-augmented-reality p,
html body.page-slug-health-systems-taking-shape p,
html body.page-slug-infrastructure-capability-forming p,
html body.page-slug-immersive-world-foundations-emerging p,
html body.page-slug-health-lifestyle-layer p,
html body.page-slug-infrastructure-layer p,
html body.page-slug-gaming-augmented-reality p {
    max-width: 72ch !important;
}

html body.page-template-page-signal-health-systems-taking-shape main > section + section,
html body.page-template-page-signal-infrastructure-capability-forming main > section + section,
html body.page-template-page-signal-immersive-world-foundations-emerging main > section + section,
html body.page-template-page-venture-health-lifestyle-layer main > section + section,
html body.page-template-page-venture-infrastructure-layer main > section + section,
html body.page-template-page-venture-gaming-augmented-reality main > section + section,
html body.page-slug-health-systems-taking-shape main > section + section,
html body.page-slug-infrastructure-capability-forming main > section + section,
html body.page-slug-immersive-world-foundations-emerging main > section + section,
html body.page-slug-health-lifestyle-layer main > section + section,
html body.page-slug-infrastructure-layer main > section + section,
html body.page-slug-gaming-augmented-reality main > section + section {
    margin-top: 22px !important;
    padding: 26px 28px !important;
    border-radius: var(--phase31g8a-radius-lg) !important;
    border: 1px solid var(--phase31g8a-border) !important;
    background: var(--phase31g8a-surface) !important;
    box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.20),
        inset 0 1px 0 rgba(255,255,255,0.03) !important;
}

html body.page-template-page-signal-health-systems-taking-shape main > section + section > * + *,
html body.page-template-page-signal-infrastructure-capability-forming main > section + section > * + *,
html body.page-template-page-signal-immersive-world-foundations-emerging main > section + section > * + *,
html body.page-template-page-venture-health-lifestyle-layer main > section + section > * + *,
html body.page-template-page-venture-infrastructure-layer main > section + section > * + *,
html body.page-template-page-venture-gaming-augmented-reality main > section + section > * + *,
html body.page-slug-health-systems-taking-shape main > section + section > * + *,
html body.page-slug-infrastructure-capability-forming main > section + section > * + *,
html body.page-slug-immersive-world-foundations-emerging main > section + section > * + *,
html body.page-slug-health-lifestyle-layer main > section + section > * + *,
html body.page-slug-infrastructure-layer main > section + section > * + *,
html body.page-slug-gaming-augmented-reality main > section + section > * + * {
    margin-top: 0.95rem !important;
}

html body.page-template-page-signal-health-systems-taking-shape .wp-block-buttons,
html body.page-template-page-signal-infrastructure-capability-forming .wp-block-buttons,
html body.page-template-page-signal-immersive-world-foundations-emerging .wp-block-buttons,
html body.page-template-page-venture-health-lifestyle-layer .wp-block-buttons,
html body.page-template-page-venture-infrastructure-layer .wp-block-buttons,
html body.page-template-page-venture-gaming-augmented-reality .wp-block-buttons,
html body.page-slug-health-systems-taking-shape .wp-block-buttons,
html body.page-slug-infrastructure-capability-forming .wp-block-buttons,
html body.page-slug-immersive-world-foundations-emerging .wp-block-buttons,
html body.page-slug-health-lifestyle-layer .wp-block-buttons,
html body.page-slug-infrastructure-layer .wp-block-buttons,
html body.page-slug-gaming-augmented-reality .wp-block-buttons,
html body.page-template-page-signal-health-systems-taking-shape .page-cta-row,
html body.page-template-page-signal-infrastructure-capability-forming .page-cta-row,
html body.page-template-page-signal-immersive-world-foundations-emerging .page-cta-row,
html body.page-template-page-venture-health-lifestyle-layer .page-cta-row,
html body.page-template-page-venture-infrastructure-layer .page-cta-row,
html body.page-template-page-venture-gaming-augmented-reality .page-cta-row,
html body.page-slug-health-systems-taking-shape .page-cta-row,
html body.page-slug-infrastructure-capability-forming .page-cta-row,
html body.page-slug-immersive-world-foundations-emerging .page-cta-row,
html body.page-slug-health-lifestyle-layer .page-cta-row,
html body.page-slug-infrastructure-layer .page-cta-row,
html body.page-slug-gaming-augmented-reality .page-cta-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.9rem !important;
    align-items: center !important;
    margin-top: 1.35rem !important;
}

html body.page-template-page-signal-health-systems-taking-shape a.wp-block-button__link,
html body.page-template-page-signal-infrastructure-capability-forming a.wp-block-button__link,
html body.page-template-page-signal-immersive-world-foundations-emerging a.wp-block-button__link,
html body.page-template-page-venture-health-lifestyle-layer a.wp-block-button__link,
html body.page-template-page-venture-infrastructure-layer a.wp-block-button__link,
html body.page-template-page-venture-gaming-augmented-reality a.wp-block-button__link,
html body.page-slug-health-systems-taking-shape a.wp-block-button__link,
html body.page-slug-infrastructure-capability-forming a.wp-block-button__link,
html body.page-slug-immersive-world-foundations-emerging a.wp-block-button__link,
html body.page-slug-health-lifestyle-layer a.wp-block-button__link,
html body.page-slug-infrastructure-layer a.wp-block-button__link,
html body.page-slug-gaming-augmented-reality a.wp-block-button__link,
html body.page-template-page-signal-health-systems-taking-shape .button,
html body.page-template-page-signal-infrastructure-capability-forming .button,
html body.page-template-page-signal-immersive-world-foundations-emerging .button,
html body.page-template-page-venture-health-lifestyle-layer .button,
html body.page-template-page-venture-infrastructure-layer .button,
html body.page-template-page-venture-gaming-augmented-reality .button,
html body.page-slug-health-systems-taking-shape .button,
html body.page-slug-infrastructure-capability-forming .button,
html body.page-slug-immersive-world-foundations-emerging .button,
html body.page-slug-health-lifestyle-layer .button,
html body.page-slug-infrastructure-layer .button,
html body.page-slug-gaming-augmented-reality .button {
    min-height: 46px !important;
    padding: 0.82rem 1.15rem !important;
    border-radius: 999px !important;
}

html body.page-template-page-signal-health-systems-taking-shape ul,
html body.page-template-page-signal-infrastructure-capability-forming ul,
html body.page-template-page-signal-immersive-world-foundations-emerging ul,
html body.page-template-page-venture-health-lifestyle-layer ul,
html body.page-template-page-venture-infrastructure-layer ul,
html body.page-template-page-venture-gaming-augmented-reality ul,
html body.page-slug-health-systems-taking-shape ul,
html body.page-slug-infrastructure-capability-forming ul,
html body.page-slug-immersive-world-foundations-emerging ul,
html body.page-slug-health-lifestyle-layer ul,
html body.page-slug-infrastructure-layer ul,
html body.page-slug-gaming-augmented-reality ul {
    margin: 1rem 0 0 !important;
    padding-left: 1.15rem !important;
}

html body.page-template-page-signal-health-systems-taking-shape li + li,
html body.page-template-page-signal-infrastructure-capability-forming li + li,
html body.page-template-page-signal-immersive-world-foundations-emerging li + li,
html body.page-template-page-venture-health-lifestyle-layer li + li,
html body.page-template-page-venture-infrastructure-layer li + li,
html body.page-template-page-venture-gaming-augmented-reality li + li,
html body.page-slug-health-systems-taking-shape li + li,
html body.page-slug-infrastructure-capability-forming li + li,
html body.page-slug-immersive-world-foundations-emerging li + li,
html body.page-slug-health-lifestyle-layer li + li,
html body.page-slug-infrastructure-layer li + li,
html body.page-slug-gaming-augmented-reality li + li {
    margin-top: 0.5rem !important;
}

@media (max-width: 900px) {
    html body.page-template-page-signal-health-systems-taking-shape main > section:first-of-type,
    html body.page-template-page-signal-infrastructure-capability-forming main > section:first-of-type,
    html body.page-template-page-signal-immersive-world-foundations-emerging main > section:first-of-type,
    html body.page-template-page-venture-health-lifestyle-layer main > section:first-of-type,
    html body.page-template-page-venture-infrastructure-layer main > section:first-of-type,
    html body.page-template-page-venture-gaming-augmented-reality main > section:first-of-type,
    html body.page-slug-health-systems-taking-shape main > section:first-of-type,
    html body.page-slug-infrastructure-capability-forming main > section:first-of-type,
    html body.page-slug-immersive-world-foundations-emerging main > section:first-of-type,
    html body.page-slug-health-lifestyle-layer main > section:first-of-type,
    html body.page-slug-infrastructure-layer main > section:first-of-type,
    html body.page-slug-gaming-augmented-reality main > section:first-of-type {
        padding: 28px 24px 24px !important;
    }

    html body.page-template-page-signal-health-systems-taking-shape main > section + section,
    html body.page-template-page-signal-infrastructure-capability-forming main > section + section,
    html body.page-template-page-signal-immersive-world-foundations-emerging main > section + section,
    html body.page-template-page-venture-health-lifestyle-layer main > section + section,
    html body.page-template-page-venture-infrastructure-layer main > section + section,
    html body.page-template-page-venture-gaming-augmented-reality main > section + section,
    html body.page-slug-health-systems-taking-shape main > section + section,
    html body.page-slug-infrastructure-capability-forming main > section + section,
    html body.page-slug-immersive-world-foundations-emerging main > section + section,
    html body.page-slug-health-lifestyle-layer main > section + section,
    html body.page-slug-infrastructure-layer main > section + section,
    html body.page-slug-gaming-augmented-reality main > section + section {
        padding: 22px 20px !important;
    }
}

@media (max-width: 640px) {
    html body.page-template-page-signal-health-systems-taking-shape main > section,
    html body.page-template-page-signal-infrastructure-capability-forming main > section,
    html body.page-template-page-signal-immersive-world-foundations-emerging main > section,
    html body.page-template-page-venture-health-lifestyle-layer main > section,
    html body.page-template-page-venture-infrastructure-layer main > section,
    html body.page-template-page-venture-gaming-augmented-reality main > section,
    html body.page-slug-health-systems-taking-shape main > section,
    html body.page-slug-infrastructure-capability-forming main > section,
    html body.page-slug-immersive-world-foundations-emerging main > section,
    html body.page-slug-health-lifestyle-layer main > section,
    html body.page-slug-infrastructure-layer main > section,
    html body.page-slug-gaming-augmented-reality main > section {
        width: min(calc(100% - 20px), var(--phase31g8a-shell-max)) !important;
    }

    html body.page-template-page-signal-health-systems-taking-shape h1,
    html body.page-template-page-signal-infrastructure-capability-forming h1,
    html body.page-template-page-signal-immersive-world-foundations-emerging h1,
    html body.page-template-page-venture-health-lifestyle-layer h1,
    html body.page-template-page-venture-infrastructure-layer h1,
    html body.page-template-page-venture-gaming-augmented-reality h1,
    html body.page-slug-health-systems-taking-shape h1,
    html body.page-slug-infrastructure-capability-forming h1,
    html body.page-slug-immersive-world-foundations-emerging h1,
    html body.page-slug-health-lifestyle-layer h1,
    html body.page-slug-infrastructure-layer h1,
    html body.page-slug-gaming-augmented-reality h1 {
        max-width: none !important;
    }
}

/* =========================
   Phase 31G8F - builders page and signal venture refinement
========================= */

html body.post-type-archive-signal_update .signal-feed-filter-form {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
}

html body.post-type-archive-signal_update .signal-feed-filter-form select {
    min-width: 238px !important;
}

html body.post-type-archive-signal_update .signal-card,
html body.single-venture .standard-page-card,
html body.page-template-page-builders .standard-page-card,
html body.page-slug-builders .standard-page-card {
    border-radius: 24px !important;
    box-shadow:
        0 18px 44px rgba(0, 0, 0, 0.26),
        inset 0 1px 0 rgba(255,255,255,0.03) !important;
}

html body.single-venture .standard-page-card p,
html body.page-template-page-builders .standard-page-card p,
html body.page-slug-builders .standard-page-card p {
    max-width: 74ch !important;
}

html body.page-template-page-builders .builders-hero,
html body.page-slug-builders .builders-hero {
    padding: 34px 34px 30px !important;
    background:
        radial-gradient(circle at top left, rgba(74,197,255,0.12), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.015)) !important;
    border: 1px solid rgba(74,197,255,0.16) !important;
}

html body.page-template-page-builders .builders-grid,
html body.page-slug-builders .builders-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 1.25rem !important;
}

html body.page-template-page-builders .builders-block,
html body.page-slug-builders .builders-block {
    padding: 1.25rem 1.35rem !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.025), rgba(255,255,255,0.015)) !important;
}

html body.page-template-page-builders .builders-block ul,
html body.page-slug-builders .builders-block ul {
    margin: 0.9rem 0 0 !important;
    padding-left: 1.15rem !important;
}

html body.page-template-page-builders .builders-block li + li,
html body.page-slug-builders .builders-block li + li {
    margin-top: 0.45rem !important;
}

@media (max-width: 860px) {
    html body.page-template-page-builders .builders-grid,
    html body.page-slug-builders .builders-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =========================
   Phase 31G8L - builders native page premium conformance
========================= */

html body.page-builders .site-main,
html body.page-id-124 .site-main {
    padding-top: 2rem !important;
    padding-bottom: 3rem !important;
}

html body.page-builders .builders-page,
html body.page-id-124 .builders-page {
    width: min(calc(100% - 32px), 1180px) !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
}

html body.page-builders .builders-page .standard-page-card,
html body.page-id-124 .builders-page .standard-page-card {
    padding: 30px 30px 26px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.028), rgba(255,255,255,0.016)) !important;
    box-shadow:
        0 18px 44px rgba(0, 0, 0, 0.26),
        inset 0 1px 0 rgba(255,255,255,0.03) !important;
}

html body.page-builders .builders-page .builders-hero,
html body.page-id-124 .builders-page .builders-hero {
    padding: 36px 34px 32px !important;
    border: 1px solid rgba(74,197,255,0.16) !important;
    background:
        radial-gradient(circle at top left, rgba(74,197,255,0.12), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.015)) !important;
}

html body.page-builders .builders-page h1,
html body.page-id-124 .builders-page h1 {
    margin: 0 0 1rem !important;
    font-size: clamp(2.5rem, 5vw, 4.4rem) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.04em !important;
}

html body.page-builders .builders-page h2,
html body.page-id-124 .builders-page h2 {
    margin: 0 0 0.85rem !important;
    font-size: clamp(1.4rem, 2vw, 1.9rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.025em !important;
}

html body.page-builders .builders-page h3,
html body.page-id-124 .builders-page h3 {
    margin: 0 0 0.75rem !important;
    font-size: 1.05rem !important;
    line-height: 1.2 !important;
}

html body.page-builders .builders-page p,
html body.page-id-124 .builders-page p,
html body.page-builders .builders-page li,
html body.page-id-124 .builders-page li {
    font-size: 1rem !important;
    line-height: 1.72 !important;
}

html body.page-builders .builders-page p,
html body.page-id-124 .builders-page p {
    max-width: 74ch !important;
    margin: 0.85rem 0 0 !important;
}

html body.page-builders .builders-page .card-topline,
html body.page-id-124 .builders-page .card-topline {
    margin-bottom: 0.9rem !important;
    font-size: 0.78rem !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    opacity: 0.86 !important;
}

html body.page-builders .builders-page .vt-soft-copy,
html body.page-id-124 .builders-page .vt-soft-copy {
    font-size: 1.05rem !important;
    line-height: 1.8 !important;
    opacity: 0.94 !important;
}

html body.page-builders .builders-page .builders-grid,
html body.page-id-124 .builders-page .builders-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 1.25rem !important;
}

html body.page-builders .builders-page .builders-block,
html body.page-id-124 .builders-page .builders-block {
    padding: 1.35rem 1.35rem 1.15rem !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.025), rgba(255,255,255,0.015)) !important;
}

html body.page-builders .builders-page .builders-block ul,
html body.page-id-124 .builders-page .builders-block ul {
    margin: 0.85rem 0 0 !important;
    padding-left: 1.2rem !important;
}

html body.page-builders .builders-page .builders-block li + li,
html body.page-id-124 .builders-page .builders-block li + li {
    margin-top: 0.42rem !important;
}

html body.page-builders .builders-page .page-cta-row,
html body.page-id-124 .builders-page .page-cta-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.85rem !important;
    margin-top: 1.2rem !important;
}

html body.page-builders .builders-page .button,
html body.page-id-124 .builders-page .button {
    min-height: 46px !important;
    padding: 0.82rem 1.12rem !important;
    border-radius: 999px !important;
}

@media (max-width: 860px) {
    html body.page-builders .builders-page,
    html body.page-id-124 .builders-page {
        width: min(calc(100% - 20px), 1180px) !important;
        gap: 18px !important;
    }

    html body.page-builders .builders-page .builders-grid,
    html body.page-id-124 .builders-page .builders-grid {
        grid-template-columns: 1fr !important;
    }

    html body.page-builders .builders-page .standard-page-card,
    html body.page-id-124 .builders-page .standard-page-card,
    html body.page-builders .builders-page .builders-hero,
    html body.page-id-124 .builders-page .builders-hero {
        padding: 24px 22px 22px !important;
    }
}

/* =========================
   Phase 31G8L1 - builders micro refinement
========================= */

html body.page-builders .builders-page,
html body.page-id-124 .builders-page {
    gap: 26px !important;
}

html body.page-builders .builders-page .builders-hero,
html body.page-id-124 .builders-page .builders-hero {
    padding: 42px 38px 36px !important;
}

html body.page-builders .builders-page .builders-hero h1,
html body.page-id-124 .builders-page .builders-hero h1 {
    margin-bottom: 1.15rem !important;
}

html body.page-builders .builders-page .builders-hero-emphasis,
html body.page-id-124 .builders-page .builders-hero-emphasis {
    margin-top: 1.25rem !important;
    font-size: 1rem !important;
    line-height: 1.75 !important;
    font-weight: 600 !important;
    opacity: 0.98 !important;
}

html body.page-builders .builders-page .standard-page-card,
html body.page-id-124 .builders-page .standard-page-card {
    padding: 32px 32px 28px !important;
}

html body.page-builders .builders-page .builders-grid,
html body.page-id-124 .builders-page .builders-grid {
    gap: 1.4rem !important;
}

html body.page-builders .builders-page .builders-block,
html body.page-id-124 .builders-page .builders-block {
    padding: 1.5rem 1.45rem 1.25rem !important;
    min-height: 100% !important;
}

html body.page-builders .builders-page .builders-block h3,
html body.page-id-124 .builders-page .builders-block h3 {
    margin-bottom: 0.85rem !important;
}

html body.page-builders .builders-page .builders-doctrine-card,
html body.page-id-124 .builders-page .builders-doctrine-card {
    border-color: rgba(74,197,255,0.14) !important;
    background:
        radial-gradient(circle at top left, rgba(74,197,255,0.08), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.016)) !important;
}

html body.page-builders .builders-page .builders-cta-row,
html body.page-id-124 .builders-page .builders-cta-row {
    gap: 1rem !important;
    margin-top: 1.35rem !important;
}

html body.page-builders .builders-page .builders-cta-row .button,
html body.page-id-124 .builders-page .builders-cta-row .button {
    min-width: 152px !important;
    justify-content: center !important;
}

@media (max-width: 860px) {
    html body.page-builders .builders-page,
    html body.page-id-124 .builders-page {
        gap: 20px !important;
    }

    html body.page-builders .builders-page .builders-hero,
    html body.page-id-124 .builders-page .builders-hero,
    html body.page-builders .builders-page .standard-page-card,
    html body.page-id-124 .builders-page .standard-page-card {
        padding: 24px 22px 22px !important;
    }
}

/* =========================
   Phase 31G8M - final public premium polish and consistency lock
========================= */

html body.home .homepage-hero-panel,
html body.page-builders .standard-page-card,
html body.page-id-124 .standard-page-card,
html body.page-template-page-start-here .standard-page-card,
html body.page-template-page-trust .standard-page-card,
html body.page-template-page-ecosystem-overview .standard-page-card,
html body.post-type-archive-signal_update .signal-card,
html body.single-venture .venture-hero-card,
html body.single-venture .venture-detail-card,
html body.single-venture .venture-single-detail-card {
    border-radius: 24px !important;
    box-shadow:
        0 18px 44px rgba(0, 0, 0, 0.26),
        inset 0 1px 0 rgba(255,255,255,0.03) !important;
}

html body.page-builders .standard-page-card,
html body.page-id-124 .standard-page-card,
html body.page-template-page-start-here .standard-page-card,
html body.page-template-page-trust .standard-page-card,
html body.page-template-page-ecosystem-overview .standard-page-card,
html body.single-venture .venture-detail-card,
html body.single-venture .venture-single-detail-card {
    padding: 32px 32px 28px !important;
}

html body.page-builders .card-topline,
html body.page-id-124 .card-topline,
html body.page-template-page-start-here .card-topline,
html body.page-template-page-trust .card-topline,
html body.page-template-page-ecosystem-overview .card-topline,
html body.single-venture .card-topline,
html body.post-type-archive-signal_update .card-topline {
    margin-bottom: 0.9rem !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    opacity: 0.86 !important;
}

html body.page-builders h1,
html body.page-id-124 h1,
html body.page-template-page-start-here h1,
html body.page-template-page-trust h1,
html body.page-template-page-ecosystem-overview h1,
html body.single-venture h1,
html body.post-type-archive-signal_update h1 {
    letter-spacing: -0.04em !important;
}

html body.page-builders p,
html body.page-id-124 p,
html body.page-template-page-start-here p,
html body.page-template-page-trust p,
html body.page-template-page-ecosystem-overview p,
html body.single-venture p {
    line-height: 1.72 !important;
}

html body.post-type-archive-signal_update .signal-feed-filter-form select {
    min-width: 240px !important;
    min-height: 44px !important;
    border-radius: 14px !important;
}

html body.post-type-archive-signal_update .signal-card .pill,
html body.single-venture .pill,
html body.page-builders .button,
html body.page-id-124 .button {
    min-height: 44px !important;
}

html body.single-venture .venture-single-detail-grid {
    gap: 1.25rem !important;
}

html body.single-venture .venture-hero-actions,
html body.page-builders .builders-cta-row,
html body.page-id-124 .builders-cta-row {
    gap: 0.95rem !important;
}

html body.page-template-page-start-here .page-cta-row,
html body.page-template-page-trust .page-cta-row,
html body.page-template-page-ecosystem-overview .page-cta-row,
html body.page-builders .page-cta-row,
html body.page-id-124 .page-cta-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.95rem !important;
}

@media (max-width: 860px) {
    html body.page-builders .standard-page-card,
    html body.page-id-124 .standard-page-card,
    html body.page-template-page-start-here .standard-page-card,
    html body.page-template-page-trust .standard-page-card,
    html body.page-template-page-ecosystem-overview .standard-page-card,
    html body.single-venture .venture-detail-card,
    html body.single-venture .venture-single-detail-card {
        padding: 24px 22px 22px !important;
    }
}

/* =========================
   Phase 31N4 - Articles featured lead treatment
========================= */
.articles-featured-stack {
    display: grid;
    gap: 1.5rem;
}

.article-card-featured {
    padding: clamp(1.5rem, 2.2vw, 2.2rem);
}

.article-card-featured-copy {
    display: grid;
    gap: 0.9rem;
    max-width: 780px;
}

.article-featured-kicker {
    margin: 0;
    font-size: 0.8rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.62);
}

/* =========================
   Phase 31N5 - Single article premium reading shell
========================= */
.article-single-page {
    padding-top: clamp(1.2rem, 2vw, 2rem);
    padding-bottom: clamp(2rem, 4vw, 3.5rem);
}

.article-single-hero {
    margin-bottom: 1.5rem;
}

.article-single-hero-copy {
    max-width: 900px;
}

.article-single-body-wrap {
    display: grid;
    gap: 1.5rem;
}

.article-single-card {
    padding: clamp(1.35rem, 2vw, 2.1rem);
}

.article-single-meta {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.article-single-divider {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.28);
}

.article-single-updated {
    font-size: 0.82rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.62);
}

.article-single-content {
    max-width: 760px;
}

.article-single-content h2 {
    margin-top: 1.8rem;
    margin-bottom: 0.8rem;
}

.article-single-content p {
    margin-bottom: 1rem;
}

.article-single-next-steps {
    padding: clamp(1.25rem, 1.8vw, 1.8rem);
}

.article-single-actions {
    flex-wrap: wrap;
}

@media (max-width: 720px) {
    .article-single-card,
    .article-single-next-steps {
        padding: 1.1rem;
    }
}

/* =========================
   Phase 31N6 - Single article related reading
========================= */
.article-single-related {
    padding: clamp(1.25rem, 1.8vw, 1.8rem);
}

.article-single-related-grid {
    margin-top: 1rem;
}

.article-related-card {
    display: grid;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.02);
}

.article-related-card h3 {
    margin: 0;
    font-size: 1rem;
}

.article-related-card p {
    margin: 0;
}

.article-related-card a {
    text-decoration: none;
}

/* =========================
   Phase 31N6B - Single article containment refinement
========================= */
html body .article-single-page {
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding-top: clamp(1.5rem, 2.4vw, 2.5rem) !important;
    padding-bottom: clamp(2.5rem, 4vw, 4rem) !important;
    gap: 1.75rem !important;
}

html body .article-single-hero .page-hero-inner {
    max-width: 920px !important;
    margin: 0 auto !important;
}

html body .article-single-body-wrap {
    max-width: 920px !important;
    margin: 0 auto !important;
    gap: 1.5rem !important;
}

html body .article-single-card {
    max-width: 920px !important;
    margin: 0 auto !important;
    padding: clamp(1.5rem, 2.2vw, 2.25rem) !important;
}

html body .article-single-content {
    max-width: 700px !important;
}

html body .article-single-content h2 {
    font-size: clamp(1.2rem, 1.8vw, 1.5rem) !important;
    line-height: 1.2 !important;
    margin-top: 2rem !important;
    margin-bottom: 0.8rem !important;
}

html body .article-single-content p {
    font-size: 1rem !important;
    line-height: 1.78 !important;
    max-width: 68ch !important;
}

html body .article-single-next-steps,
html body .article-single-related {
    max-width: 920px !important;
    margin: 0 auto !important;
    padding: clamp(1.35rem, 1.9vw, 1.9rem) !important;
}

html body .article-single-related-grid {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
}

html body .article-related-card {
    padding: 1.1rem 1.15rem !important;
    gap: 0.7rem !important;
}

html body .article-related-card h3 {
    font-size: 1.02rem !important;
    line-height: 1.32 !important;
}

html body .article-related-card p {
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
}

@media (min-width: 980px) {
    html body .article-single-related-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 720px) {
    html body .article-single-page,
    html body .article-single-body-wrap,
    html body .article-single-card,
    html body .article-single-next-steps,
    html body .article-single-related {
        max-width: 100% !important;
    }

    html body .article-single-content {
        max-width: 100% !important;
    }
}

/* =========================
   Phase 31N6C - Single article typography polish
========================= */
html body .article-single-hero-copy h1 {
    max-width: 14ch !important;
    font-size: clamp(2rem, 4vw, 3.35rem) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.035em !important;
}

html body .article-single-hero-copy .page-subtitle {
    max-width: 62ch !important;
    font-size: 1rem !important;
    line-height: 1.65 !important;
}

html body .article-single-meta .pill {
    min-height: 30px !important;
}

html body .article-single-content > p:first-of-type {
    font-size: 1.06rem !important;
    line-height: 1.8 !important;
}

html body .article-single-content h2 {
    max-width: 22ch !important;
}

html body .article-single-content ul,
html body .article-single-content ol {
    max-width: 68ch !important;
    padding-left: 1.2rem !important;
    margin: 0 0 1rem 0 !important;
}

html body .article-single-content li {
    margin-bottom: 0.55rem !important;
    line-height: 1.7 !important;
}

html body .article-single-next-steps h2,
html body .article-single-related h2 {
    max-width: 26ch !important;
    line-height: 1.08 !important;
}

html body .article-related-card .pill,
html body .article-single-actions .pill {
    min-height: 30px !important;
}

@media (max-width: 720px) {
    html body .article-single-hero-copy h1 {
        max-width: 100% !important;
        font-size: clamp(1.7rem, 8vw, 2.3rem) !important;
    }

    html body .article-single-hero-copy .page-subtitle,
    html body .article-single-content,
    html body .article-single-content p,
    html body .article-single-content ul,
    html body .article-single-content ol {
        max-width: 100% !important;
    }
}

/* =========================
   Phase 31N5A - Start Here premium orientation rebuild
   Start Here only. Structural rebuild styling will be added beneath this marker.
========================= */

html body.page-template-page-start-here .start-here-phase31n5a-scope,
html body.page-slug-start-here .start-here-phase31n5a-scope {
    position: relative;
}

html body.page-template-page-start-here .start-here-phase31n5a-hero,
html body.page-slug-start-here .start-here-phase31n5a-hero,
html body.page-template-page-start-here .start-here-phase31n5a-section,
html body.page-slug-start-here .start-here-phase31n5a-section,
html body.page-template-page-start-here .start-here-phase31n5a-sequence,
html body.page-slug-start-here .start-here-phase31n5a-sequence,
html body.page-template-page-start-here .start-here-phase31n5a-cta,
html body.page-slug-start-here .start-here-phase31n5a-cta {
    position: relative;
}

/* =========================
   Phase 31N5A - Start Here premium orientation rebuild
   Pass 2 - page template rebuild and first real scoped styling
========================= */

html body.page-template-page-start-here .start-here-phase31n5a-scope,
html body.page-slug-start-here .start-here-phase31n5a-scope {
    position: relative;
    padding-bottom: 2rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-hero,
html body.page-slug-start-here .start-here-phase31n5a-hero {
    padding: 4.75rem 0 2.25rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-hero-grid,
html body.page-slug-start-here .start-here-phase31n5a-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.75fr);
    gap: 2rem;
    align-items: stretch;
}

html body.page-template-page-start-here .start-here-phase31n5a-hero-copy,
html body.page-slug-start-here .start-here-phase31n5a-hero-copy,
html body.page-template-page-start-here .start-here-phase31n5a-hero-panel,
html body.page-slug-start-here .start-here-phase31n5a-hero-panel,
html body.page-template-page-start-here .start-here-phase31n5a-support-panel,
html body.page-slug-start-here .start-here-phase31n5a-support-panel,
html body.page-template-page-start-here .start-here-phase31n5a-principle,
html body.page-slug-start-here .start-here-phase31n5a-principle,
html body.page-template-page-start-here .start-here-phase31n5a-sequence-shell,
html body.page-slug-start-here .start-here-phase31n5a-sequence-shell,
html body.page-template-page-start-here .start-here-phase31n5a-next-card,
html body.page-slug-start-here .start-here-phase31n5a-next-card,
html body.page-template-page-start-here .start-here-phase31n5a-cta-shell,
html body.page-slug-start-here .start-here-phase31n5a-cta-shell {
    background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.015));
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 28px;
    box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

html body.page-template-page-start-here .start-here-phase31n5a-hero-copy,
html body.page-slug-start-here .start-here-phase31n5a-hero-copy {
    padding: 2.4rem 2.4rem 2.2rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-hero-panel,
html body.page-slug-start-here .start-here-phase31n5a-hero-panel {
    padding: 1.7rem 1.5rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-eyebrow,
html body.page-slug-start-here .start-here-phase31n5a-eyebrow,
html body.page-template-page-start-here .start-here-phase31n5a-section-label,
html body.page-slug-start-here .start-here-phase31n5a-section-label,
html body.page-template-page-start-here .start-here-phase31n5a-panel-kicker,
html body.page-slug-start-here .start-here-phase31n5a-panel-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 1rem;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(195, 225, 255, 0.78);
}

html body.page-template-page-start-here .start-here-phase31n5a-hero h1,
html body.page-slug-start-here .start-here-phase31n5a-hero h1 {
    margin: 0 0 1rem;
    font-size: clamp(2.4rem, 4.8vw, 4.5rem);
    line-height: 1.02;
    letter-spacing: -0.04em;
    max-width: 11ch;
}

html body.page-template-page-start-here .start-here-phase31n5a-lead,
html body.page-slug-start-here .start-here-phase31n5a-lead {
    margin: 0;
    max-width: 60ch;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(230, 236, 245, 0.88);
}

html body.page-template-page-start-here .start-here-phase31n5a-hero-actions,
html body.page-slug-start-here .start-here-phase31n5a-hero-actions,
html body.page-template-page-start-here .start-here-phase31n5a-inline-links,
html body.page-slug-start-here .start-here-phase31n5a-inline-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-hero-actions,
html body.page-slug-start-here .start-here-phase31n5a-hero-actions {
    margin-top: 1.55rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-trust-note,
html body.page-slug-start-here .start-here-phase31n5a-trust-note {
    margin-top: 1.2rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255,255,255,0.08);
    font-size: 0.94rem;
    color: rgba(210, 220, 232, 0.76);
}

html body.page-template-page-start-here .start-here-phase31n5a-hero-list,
html body.page-slug-start-here .start-here-phase31n5a-hero-list {
    margin: 0;
    padding-left: 1.1rem;
    display: grid;
    gap: 0.8rem;
    color: rgba(230, 236, 245, 0.88);
}

html body.page-template-page-start-here .start-here-phase31n5a-section,
html body.page-slug-start-here .start-here-phase31n5a-section,
html body.page-template-page-start-here .start-here-phase31n5a-sequence,
html body.page-slug-start-here .start-here-phase31n5a-sequence,
html body.page-template-page-start-here .start-here-phase31n5a-cta,
html body.page-slug-start-here .start-here-phase31n5a-cta {
    padding: 1.6rem 0 1.95rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-split,
html body.page-slug-start-here .start-here-phase31n5a-split {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
    gap: 1.6rem;
    align-items: start;
}

html body.page-template-page-start-here .start-here-phase31n5a-editorial,
html body.page-slug-start-here .start-here-phase31n5a-editorial {
    padding: 1rem 0.25rem 0 0;
}

html body.page-template-page-start-here .start-here-phase31n5a-editorial h2,
html body.page-slug-start-here .start-here-phase31n5a-editorial h2,
html body.page-template-page-start-here .start-here-phase31n5a-section-heading h2,
html body.page-slug-start-here .start-here-phase31n5a-section-heading h2,
html body.page-template-page-start-here .start-here-phase31n5a-cta-shell h2,
html body.page-slug-start-here .start-here-phase31n5a-cta-shell h2 {
    margin: 0 0 1rem;
    font-size: clamp(1.9rem, 3vw, 3rem);
    line-height: 1.08;
    letter-spacing: -0.03em;
    max-width: 18ch;
}

html body.page-template-page-start-here .start-here-phase31n5a-editorial p,
html body.page-slug-start-here .start-here-phase31n5a-editorial p,
html body.page-template-page-start-here .start-here-phase31n5a-section-heading p,
html body.page-slug-start-here .start-here-phase31n5a-section-heading p,
html body.page-template-page-start-here .start-here-phase31n5a-cta-shell p,
html body.page-slug-start-here .start-here-phase31n5a-cta-shell p {
    max-width: 62ch;
    color: rgba(224, 232, 241, 0.86);
    line-height: 1.82;
}

html body.page-template-page-start-here .start-here-phase31n5a-support-panel,
html body.page-slug-start-here .start-here-phase31n5a-support-panel {
    padding: 1.4rem;
    display: grid;
    gap: 1rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-support-item,
html body.page-slug-start-here .start-here-phase31n5a-support-item {
    padding: 1.1rem 1.1rem 1rem;
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,0.07);
    background: rgba(255,255,255,0.02);
}

html body.page-template-page-start-here .start-here-phase31n5a-support-item h3,
html body.page-slug-start-here .start-here-phase31n5a-support-item h3,
html body.page-template-page-start-here .start-here-phase31n5a-principle h3,
html body.page-slug-start-here .start-here-phase31n5a-principle h3,
html body.page-template-page-start-here .start-here-phase31n5a-sequence-body h3,
html body.page-slug-start-here .start-here-phase31n5a-sequence-body h3,
html body.page-template-page-start-here .start-here-phase31n5a-next-card h3,
html body.page-slug-start-here .start-here-phase31n5a-next-card h3 {
    margin: 0 0 0.65rem;
    font-size: 1.14rem;
    line-height: 1.25;
}

html body.page-template-page-start-here .start-here-phase31n5a-support-item p,
html body.page-slug-start-here .start-here-phase31n5a-support-item p,
html body.page-template-page-start-here .start-here-phase31n5a-principle p,
html body.page-slug-start-here .start-here-phase31n5a-principle p,
html body.page-template-page-start-here .start-here-phase31n5a-sequence-body p,
html body.page-slug-start-here .start-here-phase31n5a-sequence-body p,
html body.page-template-page-start-here .start-here-phase31n5a-next-card p,
html body.page-slug-start-here .start-here-phase31n5a-next-card p {
    margin: 0;
    color: rgba(224, 232, 241, 0.84);
    line-height: 1.72;
}

html body.page-template-page-start-here .start-here-phase31n5a-principles,
html body.page-slug-start-here .start-here-phase31n5a-principles,
html body.page-template-page-start-here .start-here-phase31n5a-next-grid,
html body.page-slug-start-here .start-here-phase31n5a-next-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1.35rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-principle,
html body.page-slug-start-here .start-here-phase31n5a-principle,
html body.page-template-page-start-here .start-here-phase31n5a-next-card,
html body.page-slug-start-here .start-here-phase31n5a-next-card {
    padding: 1.45rem 1.25rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-principle-index,
html body.page-slug-start-here .start-here-phase31n5a-principle-index,
html body.page-template-page-start-here .start-here-phase31n5a-sequence-number,
html body.page-slug-start-here .start-here-phase31n5a-sequence-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 999px;
    margin-bottom: 0.9rem;
    border: 1px solid rgba(131, 197, 255, 0.22);
    background: rgba(96, 162, 255, 0.1);
    color: rgba(218, 236, 255, 0.94);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.06em;
}

html body.page-template-page-start-here .start-here-phase31n5a-sequence-shell,
html body.page-slug-start-here .start-here-phase31n5a-sequence-shell {
    padding: 2rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-sequence-steps,
html body.page-slug-start-here .start-here-phase31n5a-sequence-steps {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1.4rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-sequence-step,
html body.page-slug-start-here .start-here-phase31n5a-sequence-step {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    padding: 1.35rem 1.2rem;
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,0.08);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.018)),
        rgba(12, 18, 28, 0.52);
}

html body.page-template-page-start-here .start-here-phase31n5a-sequence-body a,
html body.page-slug-start-here .start-here-phase31n5a-sequence-body a,
html body.page-template-page-start-here .start-here-phase31n5a-next-card a,
html body.page-slug-start-here .start-here-phase31n5a-next-card a,
html body.page-template-page-start-here .start-here-phase31n5a-inline-links a,
html body.page-slug-start-here .start-here-phase31n5a-inline-links a {
    color: rgba(201, 230, 255, 0.96);
    text-decoration: none;
    font-weight: 600;
}

html body.page-template-page-start-here .start-here-phase31n5a-sequence-body a:hover,
html body.page-slug-start-here .start-here-phase31n5a-sequence-body a:hover,
html body.page-template-page-start-here .start-here-phase31n5a-next-card a:hover,
html body.page-slug-start-here .start-here-phase31n5a-next-card a:hover,
html body.page-template-page-start-here .start-here-phase31n5a-inline-links a:hover,
html body.page-slug-start-here .start-here-phase31n5a-inline-links a:hover {
    text-decoration: underline;
}

html body.page-template-page-start-here .start-here-phase31n5a-cta-shell,
html body.page-slug-start-here .start-here-phase31n5a-cta-shell {
    padding: 2rem 2rem 2.1rem;
    text-align: left;
}

@media (max-width: 1080px) {
    html body.page-template-page-start-here .start-here-phase31n5a-hero-grid,
    html body.page-slug-start-here .start-here-phase31n5a-hero-grid,
    html body.page-template-page-start-here .start-here-phase31n5a-split,
    html body.page-slug-start-here .start-here-phase31n5a-split,
    html body.page-template-page-start-here .start-here-phase31n5a-principles,
    html body.page-slug-start-here .start-here-phase31n5a-principles,
    html body.page-template-page-start-here .start-here-phase31n5a-next-grid,
    html body.page-slug-start-here .start-here-phase31n5a-next-grid,
    html body.page-template-page-start-here .start-here-phase31n5a-sequence-steps,
    html body.page-slug-start-here .start-here-phase31n5a-sequence-steps {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    html body.page-template-page-start-here .start-here-phase31n5a-hero,
    html body.page-slug-start-here .start-here-phase31n5a-hero {
        padding-top: 4rem;
    }

    html body.page-template-page-start-here .start-here-phase31n5a-hero-copy,
    html body.page-slug-start-here .start-here-phase31n5a-hero-copy,
    html body.page-template-page-start-here .start-here-phase31n5a-hero-panel,
    html body.page-slug-start-here .start-here-phase31n5a-hero-panel,
    html body.page-template-page-start-here .start-here-phase31n5a-sequence-shell,
    html body.page-slug-start-here .start-here-phase31n5a-sequence-shell,
    html body.page-template-page-start-here .start-here-phase31n5a-cta-shell,
    html body.page-slug-start-here .start-here-phase31n5a-cta-shell {
        padding: 1.4rem;
    }

    html body.page-template-page-start-here .start-here-phase31n5a-hero h1,
    html body.page-slug-start-here .start-here-phase31n5a-hero h1 {
        max-width: 100%;
    }

    html body.page-template-page-start-here .start-here-phase31n5a-sequence-step,
    html body.page-slug-start-here .start-here-phase31n5a-sequence-step {
        grid-template-columns: 1fr;
    }
}

/* =========================
   Phase 31N5A - Start Here premium orientation rebuild
   Pass 3 - visual polish, hierarchy lift, rhythm refinement
========================= */

html body.page-template-page-start-here .start-here-phase31n5a-scope,
html body.page-slug-start-here .start-here-phase31n5a-scope {
    background:
        radial-gradient(circle at top left, rgba(72, 163, 255, 0.08), transparent 34%),
        radial-gradient(circle at 85% 10%, rgba(85, 227, 181, 0.05), transparent 26%);
}

html body.page-template-page-start-here .start-here-phase31n5a-hero,
html body.page-slug-start-here .start-here-phase31n5a-hero {
    padding: 5.35rem 0 2.75rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-hero-grid,
html body.page-slug-start-here .start-here-phase31n5a-hero-grid {
    gap: 2.35rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-hero-copy,
html body.page-slug-start-here .start-here-phase31n5a-hero-copy {
    position: relative;
    overflow: hidden;
    padding: 2.75rem 2.65rem 2.45rem;
    border-radius: 32px;
    background:
        radial-gradient(circle at top left, rgba(86, 171, 255, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));
    box-shadow:
        0 28px 72px rgba(0, 0, 0, 0.26),
        inset 0 1px 0 rgba(255,255,255,0.05);
}

html body.page-template-page-start-here .start-here-phase31n5a-hero-copy::after,
html body.page-slug-start-here .start-here-phase31n5a-hero-copy::after {
    content: "";
    position: absolute;
    inset: auto -10% -20% auto;
    width: 220px;
    height: 220px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(108, 185, 255, 0.12), transparent 68%);
    pointer-events: none;
}

html body.page-template-page-start-here .start-here-phase31n5a-hero-panel,
html body.page-slug-start-here .start-here-phase31n5a-hero-panel {
    align-self: end;
    padding: 1.8rem 1.6rem;
    border-radius: 30px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.018)),
        rgba(12, 18, 28, 0.62);
}

html body.page-template-page-start-here .start-here-phase31n5a-hero h1,
html body.page-slug-start-here .start-here-phase31n5a-hero h1 {
    margin-bottom: 1.15rem;
    font-size: clamp(2.7rem, 5.2vw, 5rem);
    line-height: 0.98;
    max-width: 10.5ch;
}

html body.page-template-page-start-here .start-here-phase31n5a-lead,
html body.page-slug-start-here .start-here-phase31n5a-lead {
    font-size: 1.1rem;
    line-height: 1.86;
    max-width: 62ch;
}

html body.page-template-page-start-here .start-here-phase31n5a-hero-actions .button,
html body.page-slug-start-here .start-here-phase31n5a-hero-actions .button {
    min-height: 48px;
    padding: 0.85rem 1.15rem;
    border-radius: 999px;
}

html body.page-template-page-start-here .start-here-phase31n5a-trust-note,
html body.page-slug-start-here .start-here-phase31n5a-trust-note {
    margin-top: 1.35rem;
    padding-top: 1.1rem;
    max-width: 62ch;
}

html body.page-template-page-start-here .start-here-phase31n5a-section,
html body.page-slug-start-here .start-here-phase31n5a-section {
    padding: 2rem 0 2.35rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-sequence,
html body.page-slug-start-here .start-here-phase31n5a-sequence {
    padding: 2.35rem 0 2.45rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-section-what,
html body.page-slug-start-here .start-here-phase31n5a-section-what {
    padding-top: 1.15rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-section-heading,
html body.page-slug-start-here .start-here-phase31n5a-section-heading {
    max-width: 760px;
    margin-bottom: 1.35rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-editorial h2,
html body.page-slug-start-here .start-here-phase31n5a-editorial h2,
html body.page-template-page-start-here .start-here-phase31n5a-section-heading h2,
html body.page-slug-start-here .start-here-phase31n5a-section-heading h2,
html body.page-template-page-start-here .start-here-phase31n5a-cta-shell h2,
html body.page-slug-start-here .start-here-phase31n5a-cta-shell h2 {
    margin-bottom: 1.05rem;
    font-size: clamp(2.05rem, 3.2vw, 3.2rem);
    max-width: 16ch;
}

html body.page-template-page-start-here .start-here-phase31n5a-split,
html body.page-slug-start-here .start-here-phase31n5a-split {
    gap: 2rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-support-panel,
html body.page-slug-start-here .start-here-phase31n5a-support-panel {
    gap: 1.1rem;
    padding: 1.5rem;
    border-radius: 30px;
}

html body.page-template-page-start-here .start-here-phase31n5a-support-item,
html body.page-slug-start-here .start-here-phase31n5a-support-item {
    padding: 1.2rem 1.2rem 1.08rem;
    border-radius: 24px;
}

html body.page-template-page-start-here .start-here-phase31n5a-principles,
html body.page-slug-start-here .start-here-phase31n5a-principles {
    gap: 1.15rem;
    margin-top: 1.5rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-principle,
html body.page-slug-start-here .start-here-phase31n5a-principle {
    min-height: 100%;
    padding: 1.6rem 1.35rem 1.5rem;
    border-radius: 28px;
}

html body.page-template-page-start-here .start-here-phase31n5a-sequence-shell,
html body.page-slug-start-here .start-here-phase31n5a-sequence-shell {
    position: relative;
    overflow: hidden;
    padding: 2.25rem;
    border-radius: 34px;
    background:
        radial-gradient(circle at top right, rgba(102, 182, 255, 0.12), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.02));
}

html body.page-template-page-start-here .start-here-phase31n5a-sequence-shell::before,
html body.page-slug-start-here .start-here-phase31n5a-sequence-shell::before {
    content: "";
    position: absolute;
    left: 2.5rem;
    right: 2.5rem;
    top: 154px;
    height: 1px;
    background: linear-gradient(90deg, rgba(125, 192, 255, 0.05), rgba(125, 192, 255, 0.2), rgba(125, 192, 255, 0.05));
    pointer-events: none;
}

html body.page-template-page-start-here .start-here-phase31n5a-sequence-steps,
html body.page-slug-start-here .start-here-phase31n5a-sequence-steps {
    gap: 1.15rem;
    margin-top: 1.55rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-sequence-step,
html body.page-slug-start-here .start-here-phase31n5a-sequence-step {
    position: relative;
    padding: 1.45rem 1.3rem;
    border-radius: 26px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

html body.page-template-page-start-here .start-here-phase31n5a-next-grid,
html body.page-slug-start-here .start-here-phase31n5a-next-grid {
    gap: 1.15rem;
    align-items: stretch;
}

html body.page-template-page-start-here .start-here-phase31n5a-next-card,
html body.page-slug-start-here .start-here-phase31n5a-next-card {
    display: flex;
    flex-direction: column;
    gap: 0.95rem;
    min-height: 100%;
    padding: 1.55rem 1.35rem;
    border-radius: 28px;
}

html body.page-template-page-start-here .start-here-phase31n5a-cta,
html body.page-slug-start-here .start-here-phase31n5a-cta {
    padding-top: 2.65rem;
    padding-bottom: 2.8rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-cta-shell,
html body.page-slug-start-here .start-here-phase31n5a-cta-shell {
    padding: 2.35rem 2.2rem 2.35rem;
    border-radius: 32px;
    background:
        radial-gradient(circle at top left, rgba(74, 175, 255, 0.1), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.018));
}

@media (max-width: 1080px) {
    html body.page-template-page-start-here .start-here-phase31n5a-sequence-shell::before,
    html body.page-slug-start-here .start-here-phase31n5a-sequence-shell::before {
        display: none;
    }
}

@media (max-width: 720px) {
    html body.page-template-page-start-here .start-here-phase31n5a-hero,
    html body.page-slug-start-here .start-here-phase31n5a-hero {
        padding: 4.4rem 0 2.1rem;
    }

    html body.page-template-page-start-here .start-here-phase31n5a-hero-copy,
    html body.page-slug-start-here .start-here-phase31n5a-hero-copy,
    html body.page-template-page-start-here .start-here-phase31n5a-hero-panel,
    html body.page-slug-start-here .start-here-phase31n5a-hero-panel,
    html body.page-template-page-start-here .start-here-phase31n5a-support-panel,
    html body.page-slug-start-here .start-here-phase31n5a-support-panel,
    html body.page-template-page-start-here .start-here-phase31n5a-sequence-shell,
    html body.page-slug-start-here .start-here-phase31n5a-sequence-shell,
    html body.page-template-page-start-here .start-here-phase31n5a-cta-shell,
    html body.page-slug-start-here .start-here-phase31n5a-cta-shell {
        padding: 1.45rem;
    }

    html body.page-template-page-start-here .start-here-phase31n5a-section,
    html body.page-slug-start-here .start-here-phase31n5a-section,
    html body.page-template-page-start-here .start-here-phase31n5a-sequence,
    html body.page-slug-start-here .start-here-phase31n5a-sequence,
    html body.page-template-page-start-here .start-here-phase31n5a-cta,
    html body.page-slug-start-here .start-here-phase31n5a-cta {
        padding: 1.5rem 0 1.85rem;
    }
}

/* =========================
   Phase 31N5A - Start Here premium orientation rebuild
   Pass 4 - width expansion, hero authority, section scale refinement
========================= */

html body.page-template-page-start-here .start-here-phase31n5a-scope .container,
html body.page-slug-start-here .start-here-phase31n5a-scope .container {
    width: min(1320px, calc(100% - 64px));
    max-width: 1320px;
}

html body.page-template-page-start-here .start-here-phase31n5a-hero,
html body.page-slug-start-here .start-here-phase31n5a-hero {
    padding: 6rem 0 3.1rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-hero-grid,
html body.page-slug-start-here .start-here-phase31n5a-hero-grid {
    grid-template-columns: minmax(0, 1.7fr) minmax(320px, 0.72fr);
    gap: 2.7rem;
    align-items: end;
}

html body.page-template-page-start-here .start-here-phase31n5a-hero-copy,
html body.page-slug-start-here .start-here-phase31n5a-hero-copy {
    padding: 3.15rem 3rem 2.85rem;
    min-height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 36px;
}

html body.page-template-page-start-here .start-here-phase31n5a-hero-panel,
html body.page-slug-start-here .start-here-phase31n5a-hero-panel {
    padding: 2rem 1.8rem;
    min-height: 220px;
    border-radius: 32px;
}

html body.page-template-page-start-here .start-here-phase31n5a-hero h1,
html body.page-slug-start-here .start-here-phase31n5a-hero h1 {
    margin-bottom: 1.25rem;
    font-size: clamp(3.2rem, 5.7vw, 5.9rem);
    line-height: 0.95;
    max-width: 9.2ch;
}

html body.page-template-page-start-here .start-here-phase31n5a-lead,
html body.page-slug-start-here .start-here-phase31n5a-lead {
    font-size: 1.16rem;
    line-height: 1.92;
    max-width: 68ch;
}

html body.page-template-page-start-here .start-here-phase31n5a-hero-actions,
html body.page-slug-start-here .start-here-phase31n5a-hero-actions {
    gap: 0.95rem;
    margin-top: 1.8rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-hero-actions .button,
html body.page-slug-start-here .start-here-phase31n5a-hero-actions .button {
    min-height: 52px;
    padding: 0.95rem 1.35rem;
    font-size: 0.96rem;
    font-weight: 700;
}

html body.page-template-page-start-here .start-here-phase31n5a-trust-note,
html body.page-slug-start-here .start-here-phase31n5a-trust-note {
    margin-top: 1.55rem;
    font-size: 0.98rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-panel-kicker,
html body.page-slug-start-here .start-here-phase31n5a-panel-kicker {
    margin-bottom: 1.15rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-hero-list,
html body.page-slug-start-here .start-here-phase31n5a-hero-list {
    gap: 0.95rem;
    font-size: 0.98rem;
    line-height: 1.75;
}

html body.page-template-page-start-here .start-here-phase31n5a-section,
html body.page-slug-start-here .start-here-phase31n5a-section {
    padding: 2.35rem 0 2.8rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-sequence,
html body.page-slug-start-here .start-here-phase31n5a-sequence {
    padding: 2.9rem 0 2.95rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-cta,
html body.page-slug-start-here .start-here-phase31n5a-cta {
    padding: 3rem 0 3.1rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-split,
html body.page-slug-start-here .start-here-phase31n5a-split {
    grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.95fr);
    gap: 2.4rem;
    align-items: center;
}

html body.page-template-page-start-here .start-here-phase31n5a-editorial,
html body.page-slug-start-here .start-here-phase31n5a-editorial {
    padding-top: 0.25rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-editorial h2,
html body.page-slug-start-here .start-here-phase31n5a-editorial h2,
html body.page-template-page-start-here .start-here-phase31n5a-section-heading h2,
html body.page-slug-start-here .start-here-phase31n5a-section-heading h2,
html body.page-template-page-start-here .start-here-phase31n5a-cta-shell h2,
html body.page-slug-start-here .start-here-phase31n5a-cta-shell h2 {
    margin-bottom: 1.15rem;
    font-size: clamp(2.35rem, 3.6vw, 3.6rem);
    line-height: 1;
    max-width: 15ch;
}

html body.page-template-page-start-here .start-here-phase31n5a-editorial p,
html body.page-slug-start-here .start-here-phase31n5a-editorial p,
html body.page-template-page-start-here .start-here-phase31n5a-section-heading p,
html body.page-slug-start-here .start-here-phase31n5a-section-heading p,
html body.page-template-page-start-here .start-here-phase31n5a-cta-shell p,
html body.page-slug-start-here .start-here-phase31n5a-cta-shell p {
    font-size: 1.03rem;
    line-height: 1.9;
    max-width: 70ch;
}

html body.page-template-page-start-here .start-here-phase31n5a-support-panel,
html body.page-slug-start-here .start-here-phase31n5a-support-panel {
    padding: 1.75rem;
    gap: 1.2rem;
    border-radius: 32px;
}

html body.page-template-page-start-here .start-here-phase31n5a-support-item,
html body.page-slug-start-here .start-here-phase31n5a-support-item {
    padding: 1.3rem 1.25rem 1.18rem;
    border-radius: 24px;
}

html body.page-template-page-start-here .start-here-phase31n5a-principles,
html body.page-slug-start-here .start-here-phase31n5a-principles {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.3rem;
    margin-top: 1.7rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-principle,
html body.page-slug-start-here .start-here-phase31n5a-principle {
    padding: 1.8rem 1.5rem 1.65rem;
    border-radius: 30px;
}

html body.page-template-page-start-here .start-here-phase31n5a-principle h3,
html body.page-slug-start-here .start-here-phase31n5a-principle h3,
html body.page-template-page-start-here .start-here-phase31n5a-support-item h3,
html body.page-slug-start-here .start-here-phase31n5a-support-item h3,
html body.page-template-page-start-here .start-here-phase31n5a-sequence-body h3,
html body.page-slug-start-here .start-here-phase31n5a-sequence-body h3,
html body.page-template-page-start-here .start-here-phase31n5a-next-card h3,
html body.page-slug-start-here .start-here-phase31n5a-next-card h3 {
    font-size: 1.22rem;
    margin-bottom: 0.75rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-principle p,
html body.page-slug-start-here .start-here-phase31n5a-principle p,
html body.page-template-page-start-here .start-here-phase31n5a-support-item p,
html body.page-slug-start-here .start-here-phase31n5a-support-item p,
html body.page-template-page-start-here .start-here-phase31n5a-sequence-body p,
html body.page-slug-start-here .start-here-phase31n5a-sequence-body p,
html body.page-template-page-start-here .start-here-phase31n5a-next-card p,
html body.page-slug-start-here .start-here-phase31n5a-next-card p {
    font-size: 0.98rem;
    line-height: 1.78;
}

html body.page-template-page-start-here .start-here-phase31n5a-sequence-shell,
html body.page-slug-start-here .start-here-phase31n5a-sequence-shell {
    padding: 2.7rem;
    border-radius: 38px;
}

html body.page-template-page-start-here .start-here-phase31n5a-sequence-shell::before,
html body.page-slug-start-here .start-here-phase31n5a-sequence-shell::before {
    left: 3rem;
    right: 3rem;
    top: 176px;
}

html body.page-template-page-start-here .start-here-phase31n5a-sequence-steps,
html body.page-slug-start-here .start-here-phase31n5a-sequence-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.3rem;
    margin-top: 1.75rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-sequence-step,
html body.page-slug-start-here .start-here-phase31n5a-sequence-step {
    padding: 1.6rem 1.45rem;
    border-radius: 28px;
    min-height: 100%;
}

html body.page-template-page-start-here .start-here-phase31n5a-next-grid,
html body.page-slug-start-here .start-here-phase31n5a-next-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.3rem;
    margin-top: 1.45rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-next-card,
html body.page-slug-start-here .start-here-phase31n5a-next-card {
    padding: 1.8rem 1.5rem;
    border-radius: 30px;
}

html body.page-template-page-start-here .start-here-phase31n5a-next-card .start-here-phase31n5a-inline-links,
html body.page-slug-start-here .start-here-phase31n5a-next-card .start-here-phase31n5a-inline-links {
    margin-top: auto;
}

html body.page-template-page-start-here .start-here-phase31n5a-cta-shell,
html body.page-slug-start-here .start-here-phase31n5a-cta-shell {
    padding: 2.75rem 2.55rem 2.7rem;
    border-radius: 36px;
}

html body.page-template-page-start-here .start-here-phase31n5a-cta-actions .button,
html body.page-slug-start-here .start-here-phase31n5a-cta-actions .button {
    min-height: 52px;
    padding: 0.95rem 1.35rem;
    font-size: 0.96rem;
    font-weight: 700;
}

@media (max-width: 1180px) {
    html body.page-template-page-start-here .start-here-phase31n5a-scope .container,
    html body.page-slug-start-here .start-here-phase31n5a-scope .container {
        width: min(100%, calc(100% - 44px));
    }

    html body.page-template-page-start-here .start-here-phase31n5a-hero-grid,
    html body.page-slug-start-here .start-here-phase31n5a-hero-grid,
    html body.page-template-page-start-here .start-here-phase31n5a-split,
    html body.page-slug-start-here .start-here-phase31n5a-split,
    html body.page-template-page-start-here .start-here-phase31n5a-principles,
    html body.page-slug-start-here .start-here-phase31n5a-principles,
    html body.page-template-page-start-here .start-here-phase31n5a-next-grid,
    html body.page-slug-start-here .start-here-phase31n5a-next-grid,
    html body.page-template-page-start-here .start-here-phase31n5a-sequence-steps,
    html body.page-slug-start-here .start-here-phase31n5a-sequence-steps {
        grid-template-columns: 1fr;
    }

    html body.page-template-page-start-here .start-here-phase31n5a-hero-copy,
    html body.page-slug-start-here .start-here-phase31n5a-hero-copy {
        min-height: auto;
    }

    html body.page-template-page-start-here .start-here-phase31n5a-hero-panel,
    html body.page-slug-start-here .start-here-phase31n5a-hero-panel {
        min-height: auto;
    }

    html body.page-template-page-start-here .start-here-phase31n5a-sequence-shell::before,
    html body.page-slug-start-here .start-here-phase31n5a-sequence-shell::before {
        display: none;
    }
}

@media (max-width: 720px) {
    html body.page-template-page-start-here .start-here-phase31n5a-scope .container,
    html body.page-slug-start-here .start-here-phase31n5a-scope .container {
        width: min(100%, calc(100% - 28px));
    }

    html body.page-template-page-start-here .start-here-phase31n5a-hero,
    html body.page-slug-start-here .start-here-phase31n5a-hero {
        padding: 4.6rem 0 2.2rem;
    }

    html body.page-template-page-start-here .start-here-phase31n5a-hero-copy,
    html body.page-slug-start-here .start-here-phase31n5a-hero-copy,
    html body.page-template-page-start-here .start-here-phase31n5a-hero-panel,
    html body.page-slug-start-here .start-here-phase31n5a-hero-panel,
    html body.page-template-page-start-here .start-here-phase31n5a-support-panel,
    html body.page-slug-start-here .start-here-phase31n5a-support-panel,
    html body.page-template-page-start-here .start-here-phase31n5a-sequence-shell,
    html body.page-slug-start-here .start-here-phase31n5a-sequence-shell,
    html body.page-template-page-start-here .start-here-phase31n5a-next-card,
    html body.page-slug-start-here .start-here-phase31n5a-next-card,
    html body.page-template-page-start-here .start-here-phase31n5a-cta-shell,
    html body.page-slug-start-here .start-here-phase31n5a-cta-shell {
        padding: 1.5rem;
    }

    html body.page-template-page-start-here .start-here-phase31n5a-hero h1,
    html body.page-slug-start-here .start-here-phase31n5a-hero h1 {
        font-size: clamp(2.6rem, 11vw, 4rem);
        max-width: 100%;
    }

    html body.page-template-page-start-here .start-here-phase31n5a-editorial h2,
    html body.page-slug-start-here .start-here-phase31n5a-editorial h2,
    html body.page-template-page-start-here .start-here-phase31n5a-section-heading h2,
    html body.page-slug-start-here .start-here-phase31n5a-section-heading h2,
    html body.page-template-page-start-here .start-here-phase31n5a-cta-shell h2,
    html body.page-slug-start-here .start-here-phase31n5a-cta-shell h2 {
        font-size: clamp(2rem, 8vw, 3rem);
        max-width: 100%;
    }

    html body.page-template-page-start-here .start-here-phase31n5a-section,
    html body.page-slug-start-here .start-here-phase31n5a-section,
    html body.page-template-page-start-here .start-here-phase31n5a-sequence,
    html body.page-slug-start-here .start-here-phase31n5a-sequence,
    html body.page-template-page-start-here .start-here-phase31n5a-cta,
    html body.page-slug-start-here .start-here-phase31n5a-cta {
        padding: 1.6rem 0 1.95rem;
    }
}

/* =========================
   Phase 31N5A - Start Here premium orientation rebuild
   Pass 5 - premium card hierarchy, interaction lift, surface differentiation
========================= */

html body.page-template-page-start-here .start-here-phase31n5a-hero-copy,
html body.page-slug-start-here .start-here-phase31n5a-hero-copy {
    border: 1px solid rgba(120, 178, 255, 0.18);
    background:
        radial-gradient(circle at 0% 0%, rgba(98, 176, 255, 0.18), transparent 36%),
        radial-gradient(circle at 100% 0%, rgba(129, 112, 255, 0.12), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.022));
    box-shadow:
        0 34px 90px rgba(0, 0, 0, 0.30),
        0 0 0 1px rgba(126, 184, 255, 0.04),
        inset 0 1px 0 rgba(255,255,255,0.08);
}

html body.page-template-page-start-here .start-here-phase31n5a-hero-panel,
html body.page-slug-start-here .start-here-phase31n5a-hero-panel,
html body.page-template-page-start-here .start-here-phase31n5a-support-panel,
html body.page-slug-start-here .start-here-phase31n5a-support-panel,
html body.page-template-page-start-here .start-here-phase31n5a-principle,
html body.page-slug-start-here .start-here-phase31n5a-principle,
html body.page-template-page-start-here .start-here-phase31n5a-next-card,
html body.page-slug-start-here .start-here-phase31n5a-next-card,
html body.page-template-page-start-here .start-here-phase31n5a-sequence-step,
html body.page-slug-start-here .start-here-phase31n5a-sequence-step {
    position: relative;
    overflow: hidden;
}

html body.page-template-page-start-here .start-here-phase31n5a-hero-panel::before,
html body.page-slug-start-here .start-here-phase31n5a-hero-panel::before,
html body.page-template-page-start-here .start-here-phase31n5a-support-panel::before,
html body.page-slug-start-here .start-here-phase31n5a-support-panel::before,
html body.page-template-page-start-here .start-here-phase31n5a-principle::before,
html body.page-slug-start-here .start-here-phase31n5a-principle::before,
html body.page-template-page-start-here .start-here-phase31n5a-next-card::before,
html body.page-slug-start-here .start-here-phase31n5a-next-card::before,
html body.page-template-page-start-here .start-here-phase31n5a-sequence-step::before,
html body.page-slug-start-here .start-here-phase31n5a-sequence-step::before,
html body.page-template-page-start-here .start-here-phase31n5a-cta-shell::before,
html body.page-slug-start-here .start-here-phase31n5a-cta-shell::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(255,255,255,0), rgba(173, 215, 255, 0.24), rgba(255,255,255,0));
    pointer-events: none;
}

html body.page-template-page-start-here .start-here-phase31n5a-hero-panel,
html body.page-slug-start-here .start-here-phase31n5a-hero-panel {
    border: 1px solid rgba(255,255,255,0.09);
    background:
        radial-gradient(circle at top right, rgba(91, 168, 255, 0.10), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02)),
        rgba(10, 16, 26, 0.74);
    box-shadow:
        0 18px 46px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255,255,255,0.05);
}

html body.page-template-page-start-here .start-here-phase31n5a-support-panel,
html body.page-slug-start-here .start-here-phase31n5a-support-panel {
    border: 1px solid rgba(255,255,255,0.09);
    background:
        radial-gradient(circle at top left, rgba(79, 158, 255, 0.09), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.018)),
        rgba(9, 14, 24, 0.68);
    box-shadow:
        0 20px 48px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255,255,255,0.045);
}

html body.page-template-page-start-here .start-here-phase31n5a-support-item,
html body.page-slug-start-here .start-here-phase31n5a-support-item {
    border: 1px solid rgba(255,255,255,0.08);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.016)),
        rgba(255,255,255,0.012);
    transition:
        transform 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease,
        background 180ms ease;
}

html body.page-template-page-start-here .start-here-phase31n5a-support-item:hover,
html body.page-slug-start-here .start-here-phase31n5a-support-item:hover {
    transform: translateY(-3px);
    border-color: rgba(128, 190, 255, 0.18);
    box-shadow:
        0 16px 36px rgba(0, 0, 0, 0.14),
        inset 0 1px 0 rgba(255,255,255,0.05);
}

html body.page-template-page-start-here .start-here-phase31n5a-principle,
html body.page-slug-start-here .start-here-phase31n5a-principle {
    border: 1px solid rgba(255,255,255,0.09);
    background:
        radial-gradient(circle at top left, rgba(80, 157, 255, 0.08), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.018)),
        rgba(10, 15, 24, 0.60);
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.045);
    transition:
        transform 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
}

html body.page-template-page-start-here .start-here-phase31n5a-principle:hover,
html body.page-slug-start-here .start-here-phase31n5a-principle:hover {
    transform: translateY(-4px);
    border-color: rgba(129, 194, 255, 0.18);
    box-shadow:
        0 22px 52px rgba(0, 0, 0, 0.20),
        inset 0 1px 0 rgba(255,255,255,0.05);
}

html body.page-template-page-start-here .start-here-phase31n5a-sequence-shell,
html body.page-slug-start-here .start-here-phase31n5a-sequence-shell {
    border: 1px solid rgba(122, 183, 255, 0.16);
    background:
        radial-gradient(circle at top right, rgba(101, 181, 255, 0.16), transparent 26%),
        radial-gradient(circle at bottom left, rgba(96, 125, 255, 0.08), transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
    box-shadow:
        0 30px 80px rgba(0, 0, 0, 0.24),
        0 0 0 1px rgba(129, 189, 255, 0.03),
        inset 0 1px 0 rgba(255,255,255,0.06);
}

html body.page-template-page-start-here .start-here-phase31n5a-sequence-step,
html body.page-slug-start-here .start-here-phase31n5a-sequence-step {
    border: 1px solid rgba(255,255,255,0.09);
    background:
        radial-gradient(circle at top left, rgba(84, 165, 255, 0.08), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.018)),
        rgba(8, 13, 22, 0.70);
    box-shadow:
        0 16px 34px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.045);
    transition:
        transform 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease,
        background 180ms ease;
}

html body.page-template-page-start-here .start-here-phase31n5a-sequence-step:hover,
html body.page-slug-start-here .start-here-phase31n5a-sequence-step:hover {
    transform: translateY(-5px);
    border-color: rgba(133, 197, 255, 0.24);
    box-shadow:
        0 24px 52px rgba(0, 0, 0, 0.22),
        0 0 0 1px rgba(124, 186, 255, 0.04),
        inset 0 1px 0 rgba(255,255,255,0.055);
    background:
        radial-gradient(circle at top left, rgba(95, 175, 255, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.022)),
        rgba(8, 13, 22, 0.78);
}

html body.page-template-page-start-here .start-here-phase31n5a-sequence-number,
html body.page-slug-start-here .start-here-phase31n5a-sequence-number {
    width: 2.45rem;
    height: 2.45rem;
    border-color: rgba(133, 197, 255, 0.26);
    background:
        radial-gradient(circle at top left, rgba(133, 197, 255, 0.18), rgba(96, 162, 255, 0.08)),
        rgba(96, 162, 255, 0.08);
    box-shadow:
        0 8px 18px rgba(0, 0, 0, 0.12),
        inset 0 1px 0 rgba(255,255,255,0.06);
}

html body.page-template-page-start-here .start-here-phase31n5a-sequence-step .start-here-phase31n5a-inline-links,
html body.page-slug-start-here .start-here-phase31n5a-sequence-step .start-here-phase31n5a-inline-links {
    gap: 0.7rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-next-card,
html body.page-slug-start-here .start-here-phase31n5a-next-card {
    border: 1px solid rgba(255,255,255,0.09);
    background:
        radial-gradient(circle at top left, rgba(78, 160, 255, 0.09), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.018)),
        rgba(8, 13, 22, 0.64);
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.045);
    transition:
        transform 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease,
        background 180ms ease;
}

html body.page-template-page-start-here .start-here-phase31n5a-next-card:hover,
html body.page-slug-start-here .start-here-phase31n5a-next-card:hover {
    transform: translateY(-5px);
    border-color: rgba(130, 195, 255, 0.22);
    box-shadow:
        0 24px 54px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255,255,255,0.055);
    background:
        radial-gradient(circle at top left, rgba(92, 172, 255, 0.12), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.022)),
        rgba(8, 13, 22, 0.74);
}

html body.page-template-page-start-here .start-here-phase31n5a-next-card a,
html body.page-slug-start-here .start-here-phase31n5a-next-card a,
html body.page-template-page-start-here .start-here-phase31n5a-sequence-body a,
html body.page-slug-start-here .start-here-phase31n5a-sequence-body a {
    position: relative;
}

html body.page-template-page-start-here .start-here-phase31n5a-next-card > a::after,
html body.page-slug-start-here .start-here-phase31n5a-next-card > a::after,
html body.page-template-page-start-here .start-here-phase31n5a-sequence-body > a::after,
html body.page-slug-start-here .start-here-phase31n5a-sequence-body > a::after {
    content: "→";
    display: inline-block;
    margin-left: 0.45rem;
    transition: transform 180ms ease;
}

html body.page-template-page-start-here .start-here-phase31n5a-next-card:hover > a::after,
html body.page-slug-start-here .start-here-phase31n5a-next-card:hover > a::after,
html body.page-template-page-start-here .start-here-phase31n5a-sequence-step:hover .start-here-phase31n5a-sequence-body > a::after,
html body.page-slug-start-here .start-here-phase31n5a-sequence-step:hover .start-here-phase31n5a-sequence-body > a::after {
    transform: translateX(3px);
}

html body.page-template-page-start-here .start-here-phase31n5a-cta-shell,
html body.page-slug-start-here .start-here-phase31n5a-cta-shell {
    border: 1px solid rgba(121, 183, 255, 0.14);
    background:
        radial-gradient(circle at top left, rgba(96, 172, 255, 0.14), transparent 30%),
        radial-gradient(circle at 85% 20%, rgba(136, 118, 255, 0.08), transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.02));
    box-shadow:
        0 26px 70px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255,255,255,0.06);
}

html body.page-template-page-start-here .start-here-phase31n5a-cta-shell .button,
html body.page-slug-start-here .start-here-phase31n5a-cta-shell .button {
    transition:
        transform 180ms ease,
        box-shadow 180ms ease,
        border-color 180ms ease;
}

html body.page-template-page-start-here .start-here-phase31n5a-cta-shell .button:hover,
html body.page-slug-start-here .start-here-phase31n5a-cta-shell .button:hover {
    transform: translateY(-2px);
}

html body.page-template-page-start-here .start-here-phase31n5a-section-label,
html body.page-slug-start-here .start-here-phase31n5a-section-label,
html body.page-template-page-start-here .start-here-phase31n5a-panel-kicker,
html body.page-slug-start-here .start-here-phase31n5a-panel-kicker,
html body.page-template-page-start-here .start-here-phase31n5a-eyebrow,
html body.page-slug-start-here .start-here-phase31n5a-eyebrow {
    color: rgba(205, 229, 255, 0.84);
}

html body.page-template-page-start-here .start-here-phase31n5a-sequence-step:focus-within,
html body.page-slug-start-here .start-here-phase31n5a-sequence-step:focus-within,
html body.page-template-page-start-here .start-here-phase31n5a-next-card:focus-within,
html body.page-slug-start-here .start-here-phase31n5a-next-card:focus-within {
    border-color: rgba(132, 196, 255, 0.24);
    box-shadow:
        0 24px 54px rgba(0, 0, 0, 0.22),
        0 0 0 1px rgba(132, 196, 255, 0.05),
        inset 0 1px 0 rgba(255,255,255,0.055);
}

@media (prefers-reduced-motion: reduce) {
    html body.page-template-page-start-here .start-here-phase31n5a-support-item,
    html body.page-slug-start-here .start-here-phase31n5a-support-item,
    html body.page-template-page-start-here .start-here-phase31n5a-principle,
    html body.page-slug-start-here .start-here-phase31n5a-principle,
    html body.page-template-page-start-here .start-here-phase31n5a-sequence-step,
    html body.page-slug-start-here .start-here-phase31n5a-sequence-step,
    html body.page-template-page-start-here .start-here-phase31n5a-next-card,
    html body.page-slug-start-here .start-here-phase31n5a-next-card,
    html body.page-template-page-start-here .start-here-phase31n5a-cta-shell .button,
    html body.page-slug-start-here .start-here-phase31n5a-cta-shell .button,
    html body.page-template-page-start-here .start-here-phase31n5a-next-card > a::after,
    html body.page-slug-start-here .start-here-phase31n5a-next-card > a::after,
    html body.page-template-page-start-here .start-here-phase31n5a-sequence-body > a::after,
    html body.page-slug-start-here .start-here-phase31n5a-sequence-body > a::after {
        transition: none !important;
    }
}

/* =========================
   Phase 31N5A - Start Here premium orientation rebuild
   Pass 6 - final micro-pass, lower-half spacing and finish refinement
========================= */

html body.page-template-page-start-here .start-here-phase31n5a-section-next,
html body.page-slug-start-here .start-here-phase31n5a-section-next {
    padding-top: 3.2rem;
    padding-bottom: 3rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-section-next .start-here-phase31n5a-section-heading,
html body.page-slug-start-here .start-here-phase31n5a-section-next .start-here-phase31n5a-section-heading {
    margin-bottom: 1.65rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-next-grid,
html body.page-slug-start-here .start-here-phase31n5a-next-grid {
    gap: 1.45rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-next-card,
html body.page-slug-start-here .start-here-phase31n5a-next-card {
    padding: 1.95rem 1.65rem;
    min-height: 100%;
}

html body.page-template-page-start-here .start-here-phase31n5a-next-card p,
html body.page-slug-start-here .start-here-phase31n5a-next-card p {
    font-size: 1rem;
    line-height: 1.8;
}

html body.page-template-page-start-here .start-here-phase31n5a-sequence,
html body.page-slug-start-here .start-here-phase31n5a-sequence {
    padding-top: 3.15rem;
    padding-bottom: 3.2rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-sequence-shell,
html body.page-slug-start-here .start-here-phase31n5a-sequence-shell {
    padding: 2.95rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-sequence-steps,
html body.page-slug-start-here .start-here-phase31n5a-sequence-steps {
    gap: 1.4rem;
    margin-top: 1.9rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-sequence-step,
html body.page-slug-start-here .start-here-phase31n5a-sequence-step {
    padding: 1.75rem 1.55rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-sequence-body p,
html body.page-slug-start-here .start-here-phase31n5a-sequence-body p {
    font-size: 0.99rem;
    line-height: 1.8;
}

html body.page-template-page-start-here .start-here-phase31n5a-cta,
html body.page-slug-start-here .start-here-phase31n5a-cta {
    padding-top: 3.55rem;
    padding-bottom: 4.35rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-cta-shell,
html body.page-slug-start-here .start-here-phase31n5a-cta-shell {
    padding: 2.95rem 2.7rem 2.9rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-cta-shell p,
html body.page-slug-start-here .start-here-phase31n5a-cta-shell p {
    max-width: 66ch;
}

html body.page-template-page-start-here .start-here-phase31n5a-cta-actions,
html body.page-slug-start-here .start-here-phase31n5a-cta-actions {
    margin-top: 1.35rem;
}

html body.page-template-page-start-here .start-here-phase31n5a-cta + .site-footer,
html body.page-slug-start-here .start-here-phase31n5a-cta + .site-footer {
    margin-top: 1.4rem;
}

@media (max-width: 1180px) {
    html body.page-template-page-start-here .start-here-phase31n5a-section-next,
    html body.page-slug-start-here .start-here-phase31n5a-section-next,
    html body.page-template-page-start-here .start-here-phase31n5a-sequence,
    html body.page-slug-start-here .start-here-phase31n5a-sequence,
    html body.page-template-page-start-here .start-here-phase31n5a-cta,
    html body.page-slug-start-here .start-here-phase31n5a-cta {
        padding-top: 2.5rem;
        padding-bottom: 2.8rem;
    }
}

@media (max-width: 720px) {
    html body.page-template-page-start-here .start-here-phase31n5a-sequence-shell,
    html body.page-slug-start-here .start-here-phase31n5a-sequence-shell,
    html body.page-template-page-start-here .start-here-phase31n5a-next-card,
    html body.page-slug-start-here .start-here-phase31n5a-next-card,
    html body.page-template-page-start-here .start-here-phase31n5a-cta-shell,
    html body.page-slug-start-here .start-here-phase31n5a-cta-shell {
        padding: 1.6rem;
    }

    html body.page-template-page-start-here .start-here-phase31n5a-section-next,
    html body.page-slug-start-here .start-here-phase31n5a-section-next,
    html body.page-template-page-start-here .start-here-phase31n5a-sequence,
    html body.page-slug-start-here .start-here-phase31n5a-sequence,
    html body.page-template-page-start-here .start-here-phase31n5a-cta,
    html body.page-slug-start-here .start-here-phase31n5a-cta {
        padding-top: 2rem;
        padding-bottom: 2.35rem;
    }
}

/* =========================
   Phase 31N5A - Start Here premium orientation rebuild final polish
========================= */

html body.page-template-page-start-here .start-here-phase31n5a-hero,
html body.page-slug-start-here .start-here-phase31n5a-hero {
    padding-top: 2.8rem !important;
    padding-bottom: 2.35rem !important;
}

html body.page-template-page-start-here .start-here-phase31n5a-hero-grid,
html body.page-slug-start-here .start-here-phase31n5a-hero-grid {
    grid-template-columns: minmax(0, 1.18fr) minmax(300px, 0.82fr) !important;
    gap: 1.15rem !important;
    align-items: stretch !important;
}

html body.page-template-page-start-here .start-here-phase31n5a-hero-copy {
    min-height: 100% !important;
}

html body.page-template-page-start-here .start-here-phase31n5a-hero-copy,
html body.page-slug-start-here .start-here-phase31n5a-hero-copy,
html body.page-template-page-start-here .start-here-phase31n5a-hero-panel,
html body.page-slug-start-here .start-here-phase31n5a-hero-panel {
    border-radius: 26px !important;
}

html body.page-template-page-start-here .start-here-phase31n5a-hero h1,
html body.page-slug-start-here .start-here-phase31n5a-hero h1 {
    max-width: 10.5ch !important;
    letter-spacing: -0.03em !important;
}

html body.page-template-page-start-here .start-here-phase31n5a-lead,
html body.page-slug-start-here .start-here-phase31n5a-lead {
    max-width: 63ch !important;
}

html body.page-template-page-start-here .start-here-phase31n5a-hero-actions,
html body.page-slug-start-here .start-here-phase31n5a-hero-actions {
    gap: 0.8rem !important;
    margin-top: 1.15rem !important;
}

html body.page-template-page-start-here .start-here-phase31n5a-hero-actions .button-primary,
html body.page-slug-start-here .start-here-phase31n5a-hero-actions .button-primary {
    box-shadow: 0 18px 40px rgba(39, 118, 255, 0.22) !important;
}

html body.page-template-page-start-here .start-here-phase31n5a-hero-panel,
html body.page-slug-start-here .start-here-phase31n5a-hero-panel {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-height: 100% !important;
}

html body.page-template-page-start-here .start-here-phase31n5a-section,
html body.page-slug-start-here .start-here-phase31n5a-section,
html body.page-template-page-start-here .start-here-phase31n5a-sequence,
html body.page-slug-start-here .start-here-phase31n5a-sequence,
html body.page-template-page-start-here .start-here-phase31n5a-cta,
html body.page-slug-start-here .start-here-phase31n5a-cta {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

html body.page-template-page-start-here .start-here-phase31n5a-section-what,
html body.page-slug-start-here .start-here-phase31n5a-section-what {
    padding-top: 1.5rem !important;
}

html body.page-template-page-start-here .start-here-phase31n5a-section-heading,
html body.page-slug-start-here .start-here-phase31n5a-section-heading {
    max-width: 760px !important;
}

html body.page-template-page-start-here .start-here-phase31n5a-principles,
html body.page-slug-start-here .start-here-phase31n5a-principles {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1rem !important;
}

html body.page-template-page-start-here .start-here-phase31n5a-sequence-shell,
html body.page-slug-start-here .start-here-phase31n5a-sequence-shell {
    border-radius: 28px !important;
}

html body.page-template-page-start-here .start-here-phase31n5a-sequence-step,
html body.page-slug-start-here .start-here-phase31n5a-sequence-step,
html body.page-template-page-start-here .start-here-phase31n5a-next-card,
html body.page-slug-start-here .start-here-phase31n5a-next-card {
    border-radius: 22px !important;
}

html body.page-template-page-start-here .start-here-phase31n5a-next-grid,
html body.page-slug-start-here .start-here-phase31n5a-next-grid {
    align-items: stretch !important;
}

html body.page-template-page-start-here .start-here-phase31n5a-next-card,
html body.page-slug-start-here .start-here-phase31n5a-next-card {
    min-height: 100% !important;
}

html body.page-template-page-start-here .start-here-phase31n5a-cta-shell,
html body.page-slug-start-here .start-here-phase31n5a-cta-shell {
    border-radius: 28px !important;
    padding: 1.8rem !important;
}

@media (max-width: 1100px) {
    html body.page-template-page-start-here .start-here-phase31n5a-hero-grid,
    html body.page-slug-start-here .start-here-phase31n5a-hero-grid {
        grid-template-columns: 1fr !important;
    }

    html body.page-template-page-start-here .start-here-phase31n5a-hero h1,
    html body.page-slug-start-here .start-here-phase31n5a-hero h1 {
        max-width: none !important;
    }
}

@media (max-width: 860px) {
    html body.page-template-page-start-here .start-here-phase31n5a-principles,
    html body.page-slug-start-here .start-here-phase31n5a-principles {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    html body.page-template-page-start-here .start-here-phase31n5a-hero,
    html body.page-slug-start-here .start-here-phase31n5a-hero,
    html body.page-template-page-start-here .start-here-phase31n5a-section,
    html body.page-slug-start-here .start-here-phase31n5a-section,
    html body.page-template-page-start-here .start-here-phase31n5a-sequence,
    html body.page-slug-start-here .start-here-phase31n5a-sequence,
    html body.page-template-page-start-here .start-here-phase31n5a-cta,
    html body.page-slug-start-here .start-here-phase31n5a-cta {
        padding-top: 1.6rem !important;
        padding-bottom: 1.6rem !important;
    }

    html body.page-template-page-start-here .start-here-phase31n5a-hero-copy,
    html body.page-slug-start-here .start-here-phase31n5a-hero-copy,
    html body.page-template-page-start-here .start-here-phase31n5a-hero-panel,
    html body.page-slug-start-here .start-here-phase31n5a-hero-panel,
    html body.page-template-page-start-here .start-here-phase31n5a-support-panel,
    html body.page-slug-start-here .start-here-phase31n5a-support-panel,
    html body.page-template-page-start-here .start-here-phase31n5a-sequence-shell,
    html body.page-slug-start-here .start-here-phase31n5a-sequence-shell,
    html body.page-template-page-start-here .start-here-phase31n5a-next-card,
    html body.page-slug-start-here .start-here-phase31n5a-next-card,
    html body.page-template-page-start-here .start-here-phase31n5a-cta-shell,
    html body.page-slug-start-here .start-here-phase31n5a-cta-shell {
        border-radius: 22px !important;
    }
}

/* =========================
   Phase 31N5B - Homepage hero-adjacent media placement review
========================= */
html body.home .homepage-hero + .homepage-hero-video-section {
    margin-top: clamp(10px, 1.2vw, 18px) !important;
}

html body.home .homepage-hero-video-section {
    padding-top: clamp(18px, 2.2vw, 28px) !important;
    padding-bottom: clamp(24px, 3vw, 40px) !important;
}

html body.home .homepage-hero-video-shell {
    position: relative !important;
    width: min(1240px, calc(100% - 32px)) !important;
    margin: 0 auto !important;
    padding: clamp(20px, 2.6vw, 30px) !important;
    border-radius: 28px !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    background:
        radial-gradient(circle at top left, rgba(74,197,255,0.12), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.025)),
        rgba(10,14,24,0.82) !important;
    box-shadow:
        0 22px 52px rgba(0,0,0,0.26),
        inset 0 1px 0 rgba(255,255,255,0.05) !important;
    overflow: hidden !important;
}

html body.home .homepage-hero-video-shell .premium-section-heading {
    max-width: 760px !important;
    margin: 0 auto clamp(18px, 2.3vw, 26px) !important;
    text-align: center !important;
}

html body.home .homepage-hero-video-shell .premium-section-heading h2 {
    font-size: clamp(1.75rem, 2.4vw, 2.7rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.02em !important;
    margin-bottom: 12px !important;
}

html body.home .homepage-hero-video-shell .premium-section-heading p {
    max-width: 720px !important;
    margin: 0 auto !important;
    color: rgba(235,242,255,0.82) !important;
    font-size: clamp(1rem, 1.08vw, 1.08rem) !important;
    line-height: 1.72 !important;
}

html body.home .homepage-hero-video-grid {
    align-items: stretch !important;
    gap: clamp(16px, 2vw, 24px) !important;
}

html body.home .homepage-video-card {
    padding: 14px !important;
    border-radius: 24px !important;
}

html body.home .homepage-video-card-primary {
    transform: translateY(-2px) !important;
}

html body.home .homepage-video-label {
    margin-bottom: 10px !important;
}

html body.home .homepage-video-embed-shell {
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow:
        0 16px 40px rgba(0,0,0,0.24),
        0 0 0 1px rgba(255,255,255,0.05) !important;
}

html body.home .homepage-video-card iframe {
    display: block !important;
    width: 100% !important;
    min-height: clamp(260px, 34vw, 560px) !important;
}

html body.home .homepage-hero-video-section + .homepage-story-section {
    padding-top: clamp(8px, 1.4vw, 20px) !important;
}

html body.home .homepage-story-shell {
    width: min(1240px, calc(100% - 32px)) !important;
}

html body.home .homepage-story-section + .homepage-signals-section {
    padding-top: clamp(10px, 1.6vw, 22px) !important;
}

html body.home .homepage-signals-shell {
    width: min(1240px, calc(100% - 32px)) !important;
}

@media (max-width: 980px) {
    html body.home .homepage-hero-video-shell,
    html body.home .homepage-story-shell,
    html body.home .homepage-signals-shell {
        width: min(100%, calc(100% - 24px)) !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    html body.home .homepage-video-card iframe {
        min-height: 240px !important;
    }
}

@media (max-width: 640px) {
    html body.home .homepage-hero-video-section {
        padding-top: 14px !important;
        padding-bottom: 18px !important;
    }

    html body.home .homepage-hero-video-shell,
    html body.home .homepage-story-shell,
    html body.home .homepage-signals-shell {
        width: min(100%, calc(100% - 18px)) !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
        border-radius: 18px !important;
    }

    html body.home .homepage-video-card {
        padding: 10px !important;
        border-radius: 18px !important;
    }

    html body.home .homepage-video-embed-shell,
    html body.home .homepage-video-card iframe {
        border-radius: 16px !important;
    }

    html body.home .homepage-video-card iframe {
        min-height: 210px !important;
    }
}

/* =========================
   Phase 31N5B-R2 - Homepage video presentation correction
========================= */
html body.home .homepage-hero-video-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.85fr) !important;
    gap: clamp(18px, 2.2vw, 26px) !important;
    align-items: stretch !important;
}

html body.home .homepage-video-card {
    padding: 12px !important;
    border-radius: 22px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

html body.home .homepage-video-card-primary {
    padding: 12px !important;
}

html body.home .homepage-video-label {
    margin-bottom: 10px !important;
    font-size: 11px !important;
    letter-spacing: 0.12em !important;
}

html body.home .homepage-video-embed-shell {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    box-shadow:
        0 18px 36px rgba(0, 0, 0, 0.24),
        0 0 0 1px rgba(255, 255, 255, 0.06) !important;
    background: rgba(4, 9, 18, 0.92) !important;
}

html body.home .homepage-video-card-primary .homepage-video-embed-shell {
    aspect-ratio: 16 / 9 !important;
    min-height: 0 !important;
}

html body.home .homepage-video-card:not(.homepage-video-card-primary) .homepage-video-embed-shell {
    aspect-ratio: 4 / 5 !important;
    min-height: 0 !important;
    max-width: 420px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

html body.home .homepage-video-embed-shell > div {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
}

html body.home .homepage-video-card iframe,
html body.home .homepage-video-embed-shell iframe {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    border: 0 !important;
    border-radius: 18px !important;
    display: block !important;
}

html body.home .homepage-hero-video-shell .premium-section-heading {
    max-width: 760px !important;
    margin: 0 auto clamp(16px, 2vw, 24px) !important;
}

html body.home .homepage-hero-video-shell .premium-section-heading p {
    max-width: 680px !important;
}

@media (max-width: 1100px) {
    html body.home .homepage-hero-video-grid {
        grid-template-columns: 1fr !important;
    }

    html body.home .homepage-video-card:not(.homepage-video-card-primary) .homepage-video-embed-shell {
        aspect-ratio: 16 / 9 !important;
        max-width: none !important;
    }
}

@media (max-width: 640px) {
    html body.home .homepage-video-card,
    html body.home .homepage-video-card-primary {
        padding: 10px !important;
        border-radius: 18px !important;
    }

    html body.home .homepage-video-embed-shell,
    html body.home .homepage-video-card iframe,
    html body.home .homepage-video-embed-shell iframe {
        border-radius: 14px !important;
    }
}

/* =========================
   Phase 31N5B-R3 - Homepage final polish
========================= */
html body.home .homepage-hero-video-grid {
    grid-template-columns: 1fr !important;
    max-width: 940px !important;
    margin: 0 auto !important;
}

html body.home .homepage-video-card,
html body.home .homepage-video-card-primary {
    padding: 12px !important;
}

html body.home .homepage-video-card-primary .homepage-video-embed-shell {
    aspect-ratio: 16 / 9 !important;
    max-width: 100% !important;
}

html body.home .homepage-hero-video-shell .premium-section-heading {
    max-width: 820px !important;
}

html body.home .homepage-hero-video-shell .premium-section-heading h2 {
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

html body.home .homepage-hero-video-shell .premium-section-heading p {
    max-width: 640px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

html body.home .homepage-story-shell,
html body.home .homepage-signals-shell,
html body.home .homepage-public-pages-shell,
html body.home .homepage-ventures-shell {
    width: min(1320px, calc(100% - 32px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

html body.home .homepage-story-grid,
html body.home .homepage-signals-grid,
html body.home .homepage-ventures-grid {
    gap: clamp(18px, 2vw, 24px) !important;
}

html body.home .homepage-story-card,
html body.home .homepage-signal-card,
html body.home .homepage-venture-card,
html body.home .homepage-public-pages-card {
    min-height: 100% !important;
}

@media (max-width: 980px) {
    html body.home .homepage-story-shell,
    html body.home .homepage-signals-shell,
    html body.home .homepage-public-pages-shell,
    html body.home .homepage-ventures-shell {
        width: min(100%, calc(100% - 24px)) !important;
    }
}

@media (max-width: 640px) {
    html body.home .homepage-story-shell,
    html body.home .homepage-signals-shell,
    html body.home .homepage-public-pages-shell,
    html body.home .homepage-ventures-shell {
        width: min(100%, calc(100% - 18px)) !important;
    }
}

/* =========================
   Phase 31N5B-R4 - Homepage video fit and secondary relocation
========================= */
html body.home .homepage-hero-video-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    gap: 0 !important;
}

html body.home .homepage-video-card-primary {
    padding: 14px !important;
}

html body.home .homepage-video-card-primary .homepage-video-embed-shell {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    border-radius: 18px !important;
    overflow: hidden !important;
}

html body.home .homepage-video-card-primary .homepage-video-embed-shell > div {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
}

html body.home .homepage-video-card-primary iframe {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    border: 0 !important;
    display: block !important;
    border-radius: 18px !important;
}

html body.home .homepage-hero-video-shell {
    width: min(1120px, calc(100% - 32px)) !important;
    margin: 0 auto !important;
    padding: clamp(22px, 2.6vw, 30px) !important;
}

html body.home .homepage-hero-video-shell .premium-section-heading {
    max-width: 760px !important;
    margin: 0 auto 18px !important;
}

html body.home .homepage-hero-video-shell .premium-section-heading p {
    max-width: 620px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

html body.home .homepage-secondary-video-section {
    padding-top: clamp(10px, 1.8vw, 24px) !important;
    padding-bottom: clamp(14px, 2vw, 28px) !important;
}

html body.home .homepage-secondary-video-shell {
    width: min(1120px, calc(100% - 32px)) !important;
    margin: 0 auto !important;
    padding: clamp(18px, 2.3vw, 26px) !important;
    border-radius: 24px !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02)),
        rgba(10,14,24,0.78) !important;
}

html body.home .homepage-secondary-video-shell .premium-section-heading {
    max-width: 760px !important;
    margin-bottom: 16px !important;
}

html body.home .homepage-secondary-video-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 760px) !important;
    justify-content: center !important;
}

html body.home .homepage-video-card-support-relocated,
html body.home .homepage-secondary-video-grid .homepage-video-card {
    padding: 12px !important;
}

html body.home .homepage-video-card-support-relocated .homepage-video-embed-shell,
html body.home .homepage-secondary-video-grid .homepage-video-card .homepage-video-embed-shell {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    min-height: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
}

html body.home .homepage-video-card-support-relocated .homepage-video-embed-shell > div,
html body.home .homepage-secondary-video-grid .homepage-video-card .homepage-video-embed-shell > div {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
}

html body.home .homepage-video-card-support-relocated iframe,
html body.home .homepage-secondary-video-grid .homepage-video-card iframe {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    border: 0 !important;
    display: block !important;
    border-radius: 18px !important;
}

html body.home .homepage-secondary-video-section + .homepage-signals-section {
    padding-top: clamp(8px, 1.6vw, 20px) !important;
}

@media (max-width: 980px) {
    html body.home .homepage-hero-video-shell,
    html body.home .homepage-secondary-video-shell {
        width: min(100%, calc(100% - 24px)) !important;
    }
}

@media (max-width: 640px) {
    html body.home .homepage-hero-video-shell,
    html body.home .homepage-secondary-video-shell {
        width: min(100%, calc(100% - 18px)) !important;
        padding: 14px !important;
        border-radius: 18px !important;
    }

    html body.home .homepage-video-card-primary,
    html body.home .homepage-video-card-support-relocated,
    html body.home .homepage-secondary-video-grid .homepage-video-card {
        padding: 10px !important;
    }

    html body.home .homepage-video-card-primary .homepage-video-embed-shell,
    html body.home .homepage-video-card-support-relocated .homepage-video-embed-shell,
    html body.home .homepage-secondary-video-grid .homepage-video-card .homepage-video-embed-shell,
    html body.home .homepage-video-card-primary iframe,
    html body.home .homepage-video-card-support-relocated iframe,
    html body.home .homepage-secondary-video-grid .homepage-video-card iframe {
        border-radius: 14px !important;
    }
}

/* =========================
   Phase 31N5B-R5 - Homepage video layout correction
========================= */
html body.home .homepage-hero-video-section {
    padding-top: 12px !important;
    padding-bottom: 18px !important;
}

html body.home .homepage-hero-video-shell {
    width: min(1120px, calc(100% - 32px)) !important;
    margin: 0 auto !important;
    padding: 18px !important;
    border-radius: 24px !important;
}

html body.home .homepage-hero-video-shell .premium-section-heading {
    max-width: 760px !important;
    margin: 0 auto 14px !important;
}

html body.home .homepage-hero-video-shell .premium-section-heading p {
    max-width: 620px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

html body.home .homepage-hero-video-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    gap: 0 !important;
}

html body.home .homepage-video-card-primary {
    padding: 10px !important;
}

html body.home .homepage-video-card-primary .homepage-video-embed-shell {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    min-height: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

html body.home .homepage-video-card-primary .homepage-video-embed-shell > div {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
}

html body.home .homepage-video-card-primary iframe {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    border: 0 !important;
    display: block !important;
    border-radius: 16px !important;
}

html body.home .homepage-secondary-video-section {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

html body.home .homepage-secondary-video-shell {
    width: min(980px, calc(100% - 32px)) !important;
    margin: 0 auto !important;
    padding: 18px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02)),
        rgba(10,14,24,0.78) !important;
}

html body.home .homepage-secondary-video-shell .premium-section-heading {
    max-width: 700px !important;
    margin: 0 auto 14px !important;
    text-align: center !important;
}

html body.home .homepage-secondary-video-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    max-width: 760px !important;
    margin: 0 auto !important;
}

html body.home .homepage-video-card-secondary-relocated {
    padding: 10px !important;
}

html body.home .homepage-video-card-secondary-relocated .homepage-video-embed-shell {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    min-height: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

html body.home .homepage-video-card-secondary-relocated .homepage-video-embed-shell > div {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
}

html body.home .homepage-video-card-secondary-relocated iframe {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    border: 0 !important;
    display: block !important;
    border-radius: 16px !important;
}

@media (max-width: 980px) {
    html body.home .homepage-hero-video-shell,
    html body.home .homepage-secondary-video-shell {
        width: min(100%, calc(100% - 24px)) !important;
    }
}

@media (max-width: 640px) {
    html body.home .homepage-hero-video-shell,
    html body.home .homepage-secondary-video-shell {
        width: min(100%, calc(100% - 18px)) !important;
        padding: 14px !important;
        border-radius: 18px !important;
    }

    html body.home .homepage-video-card-primary,
    html body.home .homepage-video-card-secondary-relocated {
        padding: 8px !important;
    }

    html body.home .homepage-video-card-primary .homepage-video-embed-shell,
    html body.home .homepage-video-card-secondary-relocated .homepage-video-embed-shell,
    html body.home .homepage-video-card-primary iframe,
    html body.home .homepage-video-card-secondary-relocated iframe {
        border-radius: 14px !important;
    }
}

/* =========================
   Phase 31N5B-R6 - Homepage dedicated video card and reposition
========================= */
html body.home .homepage-hero-video-section {
    padding-top: 12px !important;
    padding-bottom: 14px !important;
}

html body.home .homepage-hero-video-shell {
    width: min(1120px, calc(100% - 32px)) !important;
    margin: 0 auto !important;
    padding: 18px !important;
    border-radius: 24px !important;
}

html body.home .homepage-hero-video-shell .premium-section-heading {
    max-width: 760px !important;
    margin: 0 auto 14px !important;
}

html body.home .homepage-video-feature-card {
    width: min(980px, 100%) !important;
    margin: 0 auto !important;
    padding: 12px !important;
    border-radius: 22px !important;
}

html body.home .homepage-video-feature-card__topline {
    margin-bottom: 10px !important;
}

html body.home .homepage-video-feature-card__media {
    width: 100% !important;
}

html body.home .homepage-video-embed-shell-feature {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    min-height: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background: rgba(4, 9, 18, 0.94) !important;
    box-shadow:
        0 18px 36px rgba(0,0,0,0.24),
        0 0 0 1px rgba(255,255,255,0.05) !important;
}

html body.home .homepage-video-embed-shell-feature > div {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
}

html body.home .homepage-video-embed-shell-feature iframe {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    border: 0 !important;
    display: block !important;
    border-radius: 18px !important;
}

html body.home .homepage-story-section + .homepage-secondary-video-section {
    padding-top: 10px !important;
}

html body.home .homepage-secondary-video-section {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

html body.home .homepage-secondary-video-shell {
    width: min(980px, calc(100% - 32px)) !important;
    margin: 0 auto !important;
    padding: 16px !important;
    border-radius: 22px !important;
}

html body.home .homepage-secondary-video-shell .premium-section-heading {
    max-width: 720px !important;
    margin: 0 auto 12px !important;
    text-align: center !important;
}

html body.home .homepage-secondary-video-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    max-width: 760px !important;
    margin: 0 auto !important;
}

html body.home .homepage-video-card-secondary-relocated {
    padding: 10px !important;
}

html body.home .homepage-video-card-secondary-relocated .homepage-video-embed-shell {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    min-height: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

html body.home .homepage-video-card-secondary-relocated .homepage-video-embed-shell > div {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
}

html body.home .homepage-video-card-secondary-relocated iframe {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    border: 0 !important;
    display: block !important;
    border-radius: 16px !important;
}

html body.home .homepage-secondary-video-section + .homepage-signals-section {
    padding-top: 10px !important;
}

@media (max-width: 980px) {
    html body.home .homepage-hero-video-shell,
    html body.home .homepage-secondary-video-shell {
        width: min(100%, calc(100% - 24px)) !important;
    }
}

@media (max-width: 640px) {
    html body.home .homepage-hero-video-shell,
    html body.home .homepage-secondary-video-shell {
        width: min(100%, calc(100% - 18px)) !important;
        padding: 14px !important;
        border-radius: 18px !important;
    }

    html body.home .homepage-video-feature-card,
    html body.home .homepage-video-card-secondary-relocated {
        padding: 8px !important;
    }

    html body.home .homepage-video-embed-shell-feature,
    html body.home .homepage-video-card-secondary-relocated .homepage-video-embed-shell,
    html body.home .homepage-video-embed-shell-feature iframe,
    html body.home .homepage-video-card-secondary-relocated iframe {
        border-radius: 14px !important;
    }
}

/* =========================
   Phase 31N5B-R7 - Homepage video micro polish
========================= */
html body.home .homepage-hero-video-section {
    padding-top: 8px !important;
    padding-bottom: 10px !important;
}

html body.home .homepage-hero-video-shell {
    padding: 16px !important;
}

html body.home .homepage-hero-video-shell .premium-section-heading {
    margin: 0 auto 12px !important;
}

html body.home .homepage-secondary-video-section {
    padding-top: 6px !important;
    padding-bottom: 8px !important;
}

html body.home .homepage-secondary-video-shell {
    padding: 14px !important;
}

html body.home .homepage-secondary-video-shell .premium-section-heading {
    margin: 0 auto 10px !important;
}

html body.home .homepage-secondary-video-section + .homepage-signals-section {
    padding-top: 8px !important;
}

@media (max-width: 640px) {
    html body.home .homepage-hero-video-shell,
    html body.home .homepage-secondary-video-shell {
        padding: 12px !important;
    }
}

/* =========================
   Phase 31N5D - Footer utility expansion
========================= */
html body .site-footer__column--utilities {
    opacity: 0.92;
}

html body .site-footer__column--utilities .site-footer__heading {
    font-size: 0.92rem;
    letter-spacing: 0.08em;
}

html body .site-footer__nav--utilities {
    list-style: none;
    margin: 0;
    padding: 0;
}

html body .site-footer__nav--utilities li + li {
    margin-top: 0.5rem;
}

html body .site-footer__nav--utilities a {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    text-decoration: none;
    opacity: 0.9;
}

html body .site-footer__nav--utilities a:hover,
html body .site-footer__nav--utilities a:focus {
    opacity: 1;
    text-decoration: none;
}

html body .site-footer__external {
    font-size: 0.8em;
    line-height: 1;
    opacity: 0.72;
    transform: translateY(-1px);
}

@media (max-width: 980px) {
    html body .site-footer__column--utilities {
        margin-top: 0.5rem;
    }
}

@media (max-width: 640px) {
    html body .site-footer__column--utilities {
        width: 100%;
    }

    html body .site-footer__nav--utilities li + li {
        margin-top: 0.56rem;
    }

    html body .site-footer__nav--utilities a {
        min-height: 32px;
    }
}

/* =========================
   Phase 31N5D - Footer utility reintegration
========================= */
html body .site-footer .footer-links {
    align-items: start;
}

html body .site-footer .site-footer__column--utilities {
    margin-top: 0 !important;
    align-self: start;
}

html body .site-footer-bottom .site-footer__column--utilities {
    display: none !important;
}

@media (max-width: 900px) {
    html body .site-footer .site-footer__column--utilities {
        grid-column: auto;
        width: 100%;
    }
}

/* =========================
   Phase 31N5D - Footer utility column recovery
========================= */
html body .site-footer .footer-link-column--utilities {
    opacity: 0.94;
}

html body .site-footer .footer-link-column--utilities h3 {
    font-size: inherit;
}

html body .site-footer .footer-link-column--utilities a {
    display: inline-flex;
    align-items: center;
    gap: 0.36rem;
    width: fit-content;
}

html body .site-footer .site-footer__external {
    font-size: 0.78em;
    line-height: 1;
    opacity: 0.72;
    transform: translateY(-1px);
}

@media (max-width: 980px) {
    html body .site-footer .footer-link-column--utilities {
        margin-top: 0;
    }
}

/* =========================
   Phase 31N5C - Signature infographic layer
   - Start Here system reading path
   - Ecosystem relationship map
   - Tokenomics participation pathway
========================= */

.start-here-phase31n5c-infographic,
.phase31n5c-ecosystem-map,
.phase31n5c-tokenomics-pathway {
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.015)),
        rgba(10, 14, 24, 0.92);
    border-radius: 28px;
    box-shadow:
        0 26px 60px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.start-here-phase31n5c-infographic {
    margin: 0 0 34px;
    padding: 30px;
}

.start-here-phase31n5c-infographic-head,
.phase31n5c-ecosystem-map-head {
    max-width: 860px;
    margin-bottom: 24px;
}

.start-here-phase31n5c-kicker,
.phase31n5c-tokenomics-step,
.start-here-phase31n5c-step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    min-height: 42px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(111, 201, 151, 0.28);
    background: rgba(111, 201, 151, 0.09);
    color: #d8f7e4;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.start-here-phase31n5c-kicker {
    width: auto;
    margin-bottom: 14px;
    padding: 0 14px;
}

.start-here-phase31n5c-path-grid,
.phase31n5c-tokenomics-path-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.start-here-phase31n5c-path-card,
.phase31n5c-ecosystem-map-card,
.phase31n5c-tokenomics-path-card {
    position: relative;
    display: grid;
    gap: 14px;
    padding: 22px;
    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.025);
}

.start-here-phase31n5c-path-card-primary,
.phase31n5c-ecosystem-map-card-primary,
.phase31n5c-tokenomics-path-card-accent {
    background:
        linear-gradient(180deg, rgba(111, 201, 151, 0.11), rgba(111, 201, 151, 0.04)),
        rgba(255, 255, 255, 0.03);
    border-color: rgba(111, 201, 151, 0.2);
}

.start-here-phase31n5c-path-card h3,
.phase31n5c-ecosystem-map-card h3,
.phase31n5c-tokenomics-path-card h3 {
    margin: 0;
    font-size: 1.06rem;
    line-height: 1.3;
}

.start-here-phase31n5c-path-card p,
.phase31n5c-ecosystem-map-card p,
.phase31n5c-tokenomics-path-card p,
.phase31n5c-ecosystem-map-head p,
.start-here-phase31n5c-infographic-head p {
    margin: 0;
    color: rgba(232, 238, 248, 0.78);
}

.start-here-phase31n5c-link-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
}

.start-here-phase31n5c-path-card a,
.start-here-phase31n5c-link-row a {
    font-weight: 600;
}

.phase31n5c-ecosystem-map {
    margin-bottom: 28px;
    padding: 26px;
}

.phase31n5c-ecosystem-map-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr;
    gap: 18px;
}

.phase31n5c-ecosystem-map-flow {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}

.phase31n5c-ecosystem-map-flow span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    border-radius: 999px;
    border: 1px dashed rgba(255, 255, 255, 0.14);
    color: rgba(232, 238, 248, 0.72);
    background: rgba(255, 255, 255, 0.018);
    font-size: 0.9rem;
    text-align: center;
    padding: 0 14px;
}

.phase31n5c-tokenomics-pathway {
    margin-bottom: 28px;
}

.phase31n5c-tokenomics-path-grid {
    margin-top: 24px;
}

.phase31n5c-tokenomics-path-card {
    min-height: 100%;
}

@media (max-width: 1120px) {
    .start-here-phase31n5c-path-grid,
    .phase31n5c-tokenomics-path-grid,
    .phase31n5c-ecosystem-map-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .phase31n5c-ecosystem-map-flow {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .start-here-phase31n5c-infographic,
    .phase31n5c-ecosystem-map,
    .phase31n5c-tokenomics-pathway {
        padding: 22px;
        border-radius: 22px;
    }

    .start-here-phase31n5c-path-grid,
    .phase31n5c-tokenomics-path-grid,
    .phase31n5c-ecosystem-map-grid,
    .phase31n5c-ecosystem-map-flow {
        grid-template-columns: 1fr;
    }

    .start-here-phase31n5c-path-card,
    .phase31n5c-ecosystem-map-card,
    .phase31n5c-tokenomics-path-card {
        padding: 18px;
        border-radius: 18px;
    }
}

/* =========================
   Phase 31N5E - Flagship premium moments pass
   - Homepage proof / reading path refinement
   - Official Contracts verification sequence
========================= */

.homepage-story-shell-flagship,
.official-contracts-flagship-shell {
    position: relative;
    border-radius: 28px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.032), rgba(255, 255, 255, 0.014)),
        rgba(10, 14, 24, 0.92);
    box-shadow:
        0 26px 60px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.homepage-story-shell-flagship {
    padding: 30px;
}

.homepage-story-heading-flagship {
    max-width: 920px;
    margin-bottom: 24px;
}

.homepage-story-grid-flagship {
    grid-template-columns: 1fr 1fr 1.1fr;
}

.homepage-story-card-proof {
    min-height: 100%;
    padding-top: 24px;
}

.homepage-story-card-proof-accent {
    background:
        linear-gradient(180deg, rgba(111, 201, 151, 0.11), rgba(111, 201, 151, 0.04)),
        rgba(255, 255, 255, 0.03);
    border-color: rgba(111, 201, 151, 0.22);
}

.official-contracts-flagship-section {
    padding-top: 0;
}

.official-contracts-flagship-shell {
    padding: 30px;
}

.official-contracts-flagship-head {
    max-width: 900px;
    margin-bottom: 24px;
}

.official-contracts-flagship-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.official-contracts-flagship-card {
    position: relative;
    display: grid;
    gap: 12px;
    min-height: 100%;
}

.official-contracts-flagship-card-accent {
    background:
        linear-gradient(180deg, rgba(111, 201, 151, 0.12), rgba(111, 201, 151, 0.05)),
        rgba(255, 255, 255, 0.03);
    border-color: rgba(111, 201, 151, 0.22);
}

.official-contracts-flagship-step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    border: 1px solid rgba(111, 201, 151, 0.28);
    background: rgba(111, 201, 151, 0.09);
    color: #d8f7e4;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.official-contracts-flagship-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

@media (max-width: 1120px) {
    .homepage-story-grid-flagship,
    .official-contracts-flagship-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .homepage-story-shell-flagship,
    .official-contracts-flagship-shell {
        padding: 22px;
        border-radius: 22px;
    }

    .homepage-story-grid-flagship,
    .official-contracts-flagship-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================
   Phase 31N5E - Start Here and Ecosystem flagship refinements
   - Start Here flagship sequence refinement
   - Ecosystem flagship system map refinement
========================= */

.start-here-phase31n5e-sequence-shell {
    position: relative;
    border-radius: 28px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.014)),
        rgba(10, 14, 24, 0.92);
    box-shadow:
        0 26px 60px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    padding: 30px;
}

.start-here-phase31n5e-sequence-heading {
    max-width: 920px;
    margin-bottom: 22px;
}

.start-here-phase31n5e-sequence-steps {
    gap: 18px;
}

.start-here-phase31n5e-sequence-step {
    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.024);
}

.start-here-phase31n5e-sequence-step-accent {
    background:
        linear-gradient(180deg, rgba(111, 201, 151, 0.12), rgba(111, 201, 151, 0.05)),
        rgba(255, 255, 255, 0.03);
    border-color: rgba(111, 201, 151, 0.22);
}

.phase31n5e-ecosystem-map {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.034), rgba(255, 255, 255, 0.014)),
        rgba(10, 14, 24, 0.94);
}

.phase31n5e-ecosystem-map-head {
    max-width: 920px;
}

.phase31n5e-ecosystem-map-grid {
    gap: 20px;
}

.phase31n5e-ecosystem-map-card {
    min-height: 100%;
}

.phase31n5e-ecosystem-map-flow span {
    min-height: 52px;
    font-weight: 600;
}

@media (max-width: 760px) {
    .start-here-phase31n5e-sequence-shell {
        padding: 22px;
        border-radius: 22px;
    }

    .start-here-phase31n5e-sequence-step {
        border-radius: 18px;
    }
}

/* =========================
   Pre-31N6 - Homepage venture portfolio alignment fix
   - Expand homepage venture taxonomy to 8 cards
   - Improve composition and balance
========================= */

html body.home .homepage-ventures-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
}

html body.home .homepage-venture-card {
    display: grid;
    align-content: start;
    gap: 14px;
    min-height: 100%;
    padding: 24px;
    border-radius: 22px;
}

html body.home .homepage-venture-card-primary {
    background:
        linear-gradient(180deg, rgba(111, 201, 151, 0.12), rgba(111, 201, 151, 0.05)),
        rgba(255, 255, 255, 0.03);
    border-color: rgba(111, 201, 151, 0.22);
}

html body.home .homepage-venture-card .card-topline {
    display: inline-flex;
    width: fit-content;
    min-height: 34px;
    align-items: center;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.03);
}

html body.home .homepage-venture-card h3 {
    margin: 0;
    font-size: 1.16rem;
    line-height: 1.28;
}

html body.home .homepage-venture-card p {
    margin: 0;
    color: rgba(232, 238, 248, 0.78);
}

html body.home .homepage-venture-card-meta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: auto;
    color: rgba(141, 221, 255, 0.88);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

html body.home .homepage-venture-card-meta::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 1px;
    background: rgba(141, 221, 255, 0.88);
}

@media (max-width: 1180px) {
    html body.home .homepage-ventures-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    html body.home .homepage-ventures-grid {
        grid-template-columns: 1fr;
    }

    html body.home .homepage-venture-card {
        padding: 20px;
        border-radius: 18px;
    }
}

/* =========================
   Pre-31N6 - Visual balance pass
   - Start Here flagship sequence
   - Homepage flagship proof section
   - Footer composition refinement
========================= */

html body.page-template-page-start-here .start-here-phase31n5e-sequence,
html body.page-slug-start-here .start-here-phase31n5e-sequence {
    margin-top: 26px;
}

html body.page-template-page-start-here .start-here-phase31n5e-sequence-shell,
html body.page-slug-start-here .start-here-phase31n5e-sequence-shell {
    max-width: 1180px;
    margin: 0 auto;
    padding: 34px;
}

html body.page-template-page-start-here .start-here-phase31n5e-sequence-heading,
html body.page-slug-start-here .start-here-phase31n5e-sequence-heading {
    max-width: 760px;
    margin-bottom: 26px;
}

html body.page-template-page-start-here .start-here-phase31n5e-sequence-heading h2,
html body.page-slug-start-here .start-here-phase31n5e-sequence-heading h2 {
    max-width: 12ch;
}

html body.page-template-page-start-here .start-here-phase31n5e-sequence-steps,
html body.page-slug-start-here .start-here-phase31n5e-sequence-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

html body.page-template-page-start-here .start-here-phase31n5e-sequence-step,
html body.page-slug-start-here .start-here-phase31n5e-sequence-step {
    min-height: 100%;
    padding: 22px;
}

html body.home .homepage-story-shell-flagship {
    max-width: 1180px;
    margin: 0 auto;
    padding: 34px;
}

html body.home .homepage-story-heading-flagship {
    max-width: 720px;
    margin-bottom: 28px;
}

html body.home .homepage-story-heading-flagship h2 {
    max-width: 10ch;
}

html body.home .homepage-story-grid-flagship {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    align-items: stretch;
}

html body.home .homepage-story-card-proof {
    min-height: 280px;
    padding: 24px;
}

html body .site-footer .site-footer-top {
    grid-template-columns: minmax(260px, 1.15fr) minmax(0, 3fr);
    gap: 44px;
    align-items: start;
}

html body .site-footer .site-footer-brand {
    max-width: 280px;
}

html body .site-footer .footer-links,
html body .site-footer .footer-grid {
    column-gap: 34px;
    row-gap: 26px;
}

html body .site-footer .footer-link-column,
html body .site-footer .footer-column,
html body .site-footer .footer-link-column--utilities {
    min-width: 0;
}

html body .site-footer .footer-link-column h3,
html body .site-footer .footer-column h3,
html body .site-footer .footer-link-column--utilities h3 {
    margin-bottom: 12px;
}

html body .site-footer .footer-link-column a,
html body .site-footer .footer-column a,
html body .site-footer .footer-link-column--utilities a {
    line-height: 1.55;
}

@media (max-width: 980px) {
    html body.page-template-page-start-here .start-here-phase31n5e-sequence-steps,
    html body.page-slug-start-here .start-here-phase31n5e-sequence-steps,
    html body.home .homepage-story-grid-flagship {
        grid-template-columns: 1fr;
    }

    html body .site-footer .site-footer-top {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    html body .site-footer .site-footer-brand {
        max-width: none;
    }
}

@media (max-width: 760px) {
    html body.page-template-page-start-here .start-here-phase31n5e-sequence-shell,
    html body.page-slug-start-here .start-here-phase31n5e-sequence-shell,
    html body.home .homepage-story-shell-flagship {
        padding: 24px;
    }

    html body.page-template-page-start-here .start-here-phase31n5e-sequence-step,
    html body.page-slug-start-here .start-here-phase31n5e-sequence-step,
    html body.home .homepage-story-card-proof {
        padding: 20px;
    }
}

/* =========================
   Pre-31N6 - Start Here sequence cleanup
   - Remove competing upper path strip
   - Let flagship sequence lead
========================= */

html body.page-template-page-start-here .start-here-phase31n5a-section-why,
html body.page-slug-start-here .start-here-phase31n5a-section-why {
    padding-bottom: 18px;
}

html body.page-template-page-start-here .start-here-phase31n5e-sequence,
html body.page-slug-start-here .start-here-phase31n5e-sequence {
    margin-top: 8px;
}

html body.page-template-page-start-here .start-here-phase31n5e-sequence-shell,
html body.page-slug-start-here .start-here-phase31n5e-sequence-shell {
    box-shadow:
        0 28px 64px rgba(0, 0, 0, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

/* =========================
   Pre-redeploy - Homepage width rebalance
   - Expand key homepage premium sections to proper page width
   - Prevent narrow central-column rendering
========================= */

html body.home .premium-section > .vt-container,
html body.home .homepage-story-section > .vt-container,
html body.home .homepage-ventures-section > .vt-container,
html body.home .homepage-signals-section > .vt-container,
html body.home .homepage-trust-flow-section > .vt-container,
html body.home .homepage-utility-flow-section > .vt-container,
html body.home .homepage-support-section > .vt-container {
    max-width: 1320px;
    width: min(1320px, calc(100% - 64px));
    margin-left: auto;
    margin-right: auto;
}

html body.home .homepage-story-shell-flagship,
html body.home .homepage-ventures-shell,
html body.home .homepage-signals-shell,
html body.home .homepage-trust-flow-shell,
html body.home .homepage-utility-flow-shell,
html body.home .homepage-support-shell {
    max-width: none;
    width: 100%;
}

html body.home .homepage-story-heading-flagship,
html body.home .homepage-ventures-copy,
html body.home .homepage-signals-copy,
html body.home .homepage-support-heading {
    max-width: 860px;
}

html body.home .homepage-story-grid-flagship {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

html body.home .homepage-ventures-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

html body.home .homepage-signals-grid,
html body.home .homepage-support-grid,
html body.home .homepage-trust-flow-grid,
html body.home .homepage-utility-flow-grid {
    gap: 20px;
}

@media (max-width: 1180px) {
    html body.home .premium-section > .vt-container,
    html body.home .homepage-story-section > .vt-container,
    html body.home .homepage-ventures-section > .vt-container,
    html body.home .homepage-signals-section > .vt-container,
    html body.home .homepage-trust-flow-section > .vt-container,
    html body.home .homepage-utility-flow-section > .vt-container,
    html body.home .homepage-support-section > .vt-container {
        width: min(100%, calc(100% - 40px));
    }

    html body.home .homepage-ventures-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    html body.home .premium-section > .vt-container,
    html body.home .homepage-story-section > .vt-container,
    html body.home .homepage-ventures-section > .vt-container,
    html body.home .homepage-signals-section > .vt-container,
    html body.home .homepage-trust-flow-section > .vt-container,
    html body.home .homepage-utility-flow-section > .vt-container,
    html body.home .homepage-support-section > .vt-container {
        width: min(100%, calc(100% - 24px));
    }

    html body.home .homepage-story-grid-flagship,
    html body.home .homepage-ventures-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================
   Pre-redeploy - Homepage proof grid balance fix
   - Make the flagship proof section read as a complete 3-card composition
========================= */

html body.home .homepage-story-shell-flagship {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

html body.home .homepage-story-heading-flagship {
    max-width: 760px;
}

html body.home .homepage-story-grid-flagship {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
}

html body.home .homepage-story-grid-flagship > * {
    min-width: 0;
}

html body.home .homepage-story-card-proof {
    min-height: 100%;
}

@media (max-width: 980px) {
    html body.home .homepage-story-shell-flagship {
        max-width: 100%;
    }

    html body.home .homepage-story-grid-flagship {
        grid-template-columns: 1fr;
    }
}

/* =========================
   Pre-redeploy - Homepage proof block hard 3-column lock
   - Remove implied fourth column
   - Make section read as an intentional 3-card block
========================= */

html body.home .homepage-story-section > .vt-container {
    max-width: 1180px !important;
    width: min(1180px, calc(100% - 64px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

html body.home .homepage-story-shell-flagship {
    max-width: 980px !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    padding: 34px !important;
}

html body.home .homepage-story-heading-flagship {
    max-width: 700px !important;
    margin-bottom: 26px !important;
}

html body.home .homepage-story-grid-flagship {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
    align-items: stretch !important;
    max-width: 100% !important;
}

html body.home .homepage-story-grid-flagship > article {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
}

html body.home .homepage-story-card-proof {
    min-height: 235px !important;
    padding: 20px !important;
}

html body.home .homepage-story-card-proof h3 {
    min-height: 56px;
}

html body.home .homepage-story-card-proof p {
    min-height: 120px;
}

@media (max-width: 980px) {
    html body.home .homepage-story-section > .vt-container {
        width: min(100%, calc(100% - 32px)) !important;
    }

    html body.home .homepage-story-shell-flagship {
        max-width: 100% !important;
        padding: 26px !important;
    }

    html body.home .homepage-story-grid-flagship {
        grid-template-columns: 1fr !important;
    }

    html body.home .homepage-story-card-proof h3,
    html body.home .homepage-story-card-proof p {
        min-height: 0;
    }
}

/* =========================
   Pre-redeploy - Homepage proof block centered 3-column refinement
   - Keep true 3-card layout
   - Center the composition
   - Improve balance under hero video
========================= */

html body.home .homepage-story-section > .vt-container {
    max-width: 1320px !important;
    width: min(1320px, calc(100% - 64px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

html body.home .homepage-story-shell-flagship {
    max-width: 1120px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 34px 36px !important;
}

html body.home .homepage-story-heading-flagship {
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 28px !important;
    text-align: left !important;
}

html body.home .homepage-story-heading-flagship h2 {
    max-width: 11ch !important;
}

html body.home .homepage-story-grid-flagship {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-items: stretch !important;
}

html body.home .homepage-story-grid-flagship > article {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
}

html body.home .homepage-story-card-proof {
    min-height: 250px !important;
    padding: 22px !important;
}

html body.home .homepage-story-card-proof h3 {
    min-height: 48px !important;
}

html body.home .homepage-story-card-proof p {
    min-height: 112px !important;
}

@media (max-width: 980px) {
    html body.home .homepage-story-section > .vt-container {
        width: min(100%, calc(100% - 32px)) !important;
    }

    html body.home .homepage-story-shell-flagship {
        max-width: 100% !important;
        padding: 26px !important;
    }

    html body.home .homepage-story-heading-flagship {
        max-width: 100% !important;
        margin-bottom: 22px !important;
    }

    html body.home .homepage-story-grid-flagship {
        grid-template-columns: 1fr !important;
    }

    html body.home .homepage-story-card-proof h3,
    html body.home .homepage-story-card-proof p {
        min-height: 0 !important;
    }
}

/* =========================
   Pre-redeploy - Homepage proof block left-anchor refinement
   - Keep 3-card layout
   - Shift intro copy left within the shell
   - Preserve full balanced card row
========================= */

html body.home .homepage-story-shell-flagship {
    max-width: 1120px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 34px 36px !important;
}

html body.home .homepage-story-heading-flagship {
    max-width: 520px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    margin-bottom: 30px !important;
    text-align: left !important;
}

html body.home .homepage-story-heading-flagship h2 {
    max-width: 8.5ch !important;
    margin-left: 0 !important;
}

html body.home .homepage-story-heading-flagship p,
html body.home .homepage-story-heading-flagship .eyebrow {
    max-width: 500px !important;
    margin-left: 0 !important;
}

html body.home .homepage-story-grid-flagship {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    align-items: stretch !important;
}

html body.home .homepage-story-card-proof {
    min-height: 250px !important;
    padding: 22px !important;
}

@media (max-width: 980px) {
    html body.home .homepage-story-heading-flagship {
        max-width: 100% !important;
    }

    html body.home .homepage-story-heading-flagship h2,
    html body.home .homepage-story-heading-flagship p,
    html body.home .homepage-story-heading-flagship .eyebrow {
        max-width: 100% !important;
    }

    html body.home .homepage-story-grid-flagship {
        grid-template-columns: 1fr !important;
    }
}

/* =========================
   Pre-redeploy - Homepage proof shell rebalance
   - Restore proper homepage section width
   - Keep true 3-card layout
   - Keep text left anchored inside a wider shell
========================= */

html body.home .homepage-story-section > .vt-container {
    max-width: 1320px !important;
    width: min(1320px, calc(100% - 64px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

html body.home .homepage-story-shell-flagship {
    max-width: 1180px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 36px 40px !important;
}

html body.home .homepage-story-heading-flagship {
    max-width: 560px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    margin-bottom: 30px !important;
    text-align: left !important;
}

html body.home .homepage-story-heading-flagship h2 {
    max-width: 8.5ch !important;
    margin-left: 0 !important;
}

html body.home .homepage-story-heading-flagship p,
html body.home .homepage-story-heading-flagship .eyebrow {
    max-width: 520px !important;
    margin-left: 0 !important;
}

html body.home .homepage-story-grid-flagship {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    align-items: stretch !important;
}

html body.home .homepage-story-grid-flagship > article {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
}

html body.home .homepage-story-card-proof {
    min-height: 250px !important;
    padding: 22px !important;
}

html body.home .homepage-story-card-proof h3 {
    min-height: 48px !important;
}

html body.home .homepage-story-card-proof p {
    min-height: 112px !important;
}

@media (max-width: 980px) {
    html body.home .homepage-story-section > .vt-container {
        width: min(100%, calc(100% - 32px)) !important;
    }

    html body.home .homepage-story-shell-flagship {
        max-width: 100% !important;
        padding: 26px !important;
    }

    html body.home .homepage-story-heading-flagship,
    html body.home .homepage-story-heading-flagship h2,
    html body.home .homepage-story-heading-flagship p,
    html body.home .homepage-story-heading-flagship .eyebrow {
        max-width: 100% !important;
    }

    html body.home .homepage-story-grid-flagship {
        grid-template-columns: 1fr !important;
    }

    html body.home .homepage-story-card-proof h3,
    html body.home .homepage-story-card-proof p {
        min-height: 0 !important;
    }
}

/* =========================
   Pre-redeploy - Homepage proof block height compression
   - Reduce vertical bulk
   - Keep 3-card layout
   - Preserve left-anchored intro
========================= */

html body.home .homepage-story-shell-flagship {
    padding: 28px 34px !important;
}

html body.home .homepage-story-heading-flagship {
    margin-bottom: 20px !important;
}

html body.home .homepage-story-heading-flagship h2 {
    max-width: 8.2ch !important;
    line-height: 0.96 !important;
    margin-bottom: 12px !important;
}

html body.home .homepage-story-heading-flagship p {
    font-size: 0.94rem !important;
    line-height: 1.55 !important;
    margin-bottom: 0 !important;
}

html body.home .homepage-story-grid-flagship {
    gap: 16px !important;
}

html body.home .homepage-story-card-proof {
    min-height: 205px !important;
    padding: 18px !important;
}

html body.home .homepage-story-card-proof h3 {
    min-height: 34px !important;
    margin-bottom: 10px !important;
}

html body.home .homepage-story-card-proof p {
    min-height: 86px !important;
    margin-bottom: 12px !important;
    font-size: 0.92rem !important;
    line-height: 1.55 !important;
}

html body.home .homepage-story-actions {
    gap: 8px !important;
}

html body.home .homepage-story-card-proof .pill,
html body.home .homepage-story-card-proof .pill-ghost {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    font-size: 0.7rem !important;
}

@media (max-width: 980px) {
    html body.home .homepage-story-shell-flagship {
        padding: 24px !important;
    }

    html body.home .homepage-story-card-proof {
        min-height: 0 !important;
    }

    html body.home .homepage-story-card-proof h3,
    html body.home .homepage-story-card-proof p {
        min-height: 0 !important;
    }
}

/* =========================
   Phase 31N6Y - Structural mobile header rebuild
========================= */

.site-actions-desktop,
.site-nav-desktop {
    display: flex;
}

.mobile-header-bar,
.mobile-nav-panel,
.mobile-nav-overlay {
    display: none;
}

@media (max-width: 900px) {
    .site-nav-desktop,
    .site-actions-desktop {
        display: none !important;
    }

    .site-header .site-header-inner {
        display: block !important;
    }

    .mobile-header-bar {
        display: grid !important;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 0.9rem;
        width: 100%;
        min-height: 72px;
    }

    .mobile-menu-toggle {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        width: 44px;
        height: 44px;
        padding: 0;
        border: 0;
        background: transparent;
        cursor: pointer;
    }

    .mobile-menu-toggle span {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 999px;
        background: rgba(255,255,255,0.92);
    }

    .mobile-brand {
        display: inline-flex;
        align-items: center;
        gap: 0.7rem;
        min-width: 0;
        text-decoration: none;
    }

    .mobile-brand-image {
        width: 40px;
        height: 40px;
        object-fit: contain;
        flex: 0 0 auto;
    }

    .mobile-brand-text {
        display: flex;
        flex-direction: column;
        min-width: 0;
        line-height: 1;
    }

    .mobile-brand-wordmark {
        font-size: 1rem;
        letter-spacing: 0.16em;
    }

    .mobile-brand-token {
        font-size: 0.56rem;
        letter-spacing: 0.32em;
        opacity: 0.88;
    }

    .mobile-enter-app {
        min-height: 42px;
        padding: 0.7rem 0.95rem;
        border-radius: 999px;
        white-space: nowrap;
    }

    .mobile-nav-overlay {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(2, 6, 18, 0.62);
        z-index: 9998;
    }

    .mobile-nav-panel {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 86vw;
        max-width: 380px;
        height: 100dvh;
        z-index: 9999;
        background: linear-gradient(180deg, rgba(4,9,24,0.985) 0%, rgba(3,7,20,0.995) 100%);
        box-shadow: 24px 0 60px rgba(0,0,0,0.45);
        overflow-y: auto;
    }

    .mobile-nav-panel-inner {
        padding: 1.15rem 1rem 1.4rem;
    }

    .mobile-nav-panel-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 1rem;
        padding-bottom: 0.85rem;
        border-bottom: 1px solid rgba(255,255,255,0.08);
    }

    .mobile-nav-title {
        font-size: 0.95rem;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        opacity: 0.82;
    }

    .mobile-nav-close {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        border: 0;
        background: transparent;
        color: inherit;
        font-size: 2rem;
        line-height: 1;
        cursor: pointer;
    }

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

    .mobile-nav-list li a {
        display: block;
        padding: 0.7rem 0;
        text-decoration: none;
        font-size: 1.08rem;
    }

    .mobile-nav-utility-group {
        display: grid;
        gap: 0.8rem;
        margin-top: 1.1rem;
        padding-top: 1.05rem;
        border-top: 1px solid rgba(255,255,255,0.08);
    }

    .mobile-nav-utility-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 46px;
        padding: 0.9rem 1rem;
        border-radius: 999px;
        text-decoration: none;
    }

    body.mobile-nav-open {
        overflow: hidden !important;
    }

    body.mobile-nav-open .mobile-nav-overlay,
    body.mobile-nav-open .mobile-nav-panel {
        display: block !important;
    }

    .site-header .site-brand {
        display: none !important;
    }
}

@media (min-width: 901px) {
    .mobile-header-bar,
    .mobile-nav-panel,
    .mobile-nav-overlay {
        display: none !important;
    }

    .site-header .site-brand {
        display: inline-flex !important;
    }
}

@media (max-width: 430px) {
    .mobile-nav-panel {
        width: 88vw;
    }

    .mobile-brand-wordmark {
        font-size: 0.92rem;
    }

    .mobile-brand-token {
        font-size: 0.52rem;
    }

    .mobile-enter-app {
        padding: 0.68rem 0.82rem;
        font-size: 0.92rem;
    }
}

/* =========================
   Phase 31N6Y-A - Mobile panel layout containment fix
========================= */

@media (max-width: 900px) {
    .mobile-nav-panel,
    .mobile-nav-panel *,
    .mobile-nav,
    .mobile-nav-list,
    .mobile-nav-utility-group {
        box-sizing: border-box !important;
    }

    .mobile-nav-panel-inner {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .mobile-nav {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        float: none !important;
        clear: both !important;
    }

    .mobile-nav-list {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    .mobile-nav-list li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    .mobile-nav-list li a {
        display: block !important;
        width: 100% !important;
    }

    .mobile-nav-utility-group {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-top: 1.1rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 1.05rem !important;
        float: none !important;
        clear: both !important;
        align-self: stretch !important;
        justify-self: stretch !important;
    }

    .mobile-nav-utility-button {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* =========================
   Phase 31N6Y-B - Mobile header hard override
========================= */

@media (max-width: 900px) {
    html body .site-header .site-brand,
    html body .site-header .site-nav-desktop,
    html body .site-header .site-actions-desktop,
    html body .site-header .site-header-actions,
    html body .site-header .site-actions,
    html body .site-header .site-nav {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        width: 0 !important;
        max-width: 0 !important;
        overflow: hidden !important;
    }

    html body .site-header .site-header-inner,
    html body .site-header .site-shell-container {
        display: block !important;
        grid-template-columns: none !important;
        align-items: initial !important;
    }

    html body .site-header .mobile-header-bar {
        display: grid !important;
        grid-template-columns: auto 1fr auto !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 72px !important;
        position: relative !important;
        z-index: 10001 !important;
    }

    html body .mobile-nav-overlay {
        display: block !important;
        position: fixed !important;
        inset: 0 !important;
        background: rgba(2, 6, 18, 0.82) !important;
        z-index: 10020 !important;
    }

    html body .mobile-nav-panel {
        display: block !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 94vw !important;
        max-width: 430px !important;
        height: 100dvh !important;
        background: linear-gradient(180deg, rgba(2, 7, 20, 0.99) 0%, rgba(1, 5, 16, 0.995) 100%) !important;
        box-shadow: 28px 0 80px rgba(0,0,0,0.55) !important;
        z-index: 10030 !important;
        overflow-y: auto !important;
    }

    html body .mobile-nav-panel-inner {
        display: block !important;
        width: 100% !important;
        padding: 1.25rem 1.1rem 1.5rem !important;
    }

    html body .mobile-nav-panel-top {
        margin-bottom: 1.1rem !important;
        padding-bottom: 0.95rem !important;
    }

    html body .mobile-nav-list {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0.55rem !important;
    }

    html body .mobile-nav-list li a {
        display: block !important;
        width: 100% !important;
        padding: 0.8rem 0 !important;
        font-size: 1.08rem !important;
    }

    html body .mobile-nav-utility-group {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0.95rem !important;
        width: 100% !important;
        margin-top: 1.25rem !important;
        padding-top: 1.15rem !important;
        border-top: 1px solid rgba(255,255,255,0.10) !important;
    }

    html body .mobile-nav-utility-button {
        display: flex !important;
        width: 100% !important;
        min-height: 48px !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    html body.mobile-nav-open {
        overflow: hidden !important;
    }
}

@media (max-width: 430px) {
    html body .mobile-nav-panel {
        width: 96vw !important;
    }

    html body .mobile-nav-panel-inner {
        padding: 1.15rem 1rem 1.35rem !important;
    }
}

/* =========================
   Phase 31N6Y-C - Mobile drawer state fix
========================= */

@media (max-width: 900px) {
    html body .site-header .site-nav-desktop,
    html body .site-header .site-actions-desktop,
    html body .site-header .site-header-actions.site-actions-desktop {
        display: none !important;
    }

    html body .site-header .mobile-header-bar {
        display: grid !important;
        grid-template-columns: auto 1fr auto !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 72px !important;
        position: relative !important;
        z-index: 10001 !important;
    }

    html body .mobile-nav-overlay[hidden],
    html body .mobile-nav-panel[hidden] {
        display: none !important;
    }

    html body .mobile-nav-overlay,
    html body .mobile-nav-panel {
        display: none;
    }

    html body.mobile-nav-open .mobile-nav-overlay {
        display: block !important;
        position: fixed !important;
        inset: 0 !important;
        background: rgba(2, 6, 18, 0.82) !important;
        z-index: 10020 !important;
    }

    html body.mobile-nav-open .mobile-nav-panel {
        display: block !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 94vw !important;
        max-width: 430px !important;
        height: 100dvh !important;
        background: linear-gradient(180deg, rgba(2, 7, 20, 0.99) 0%, rgba(1, 5, 16, 0.995) 100%) !important;
        box-shadow: 28px 0 80px rgba(0,0,0,0.55) !important;
        z-index: 10030 !important;
        overflow-y: auto !important;
    }

    html body .mobile-nav-panel-inner {
        display: block !important;
        width: 100% !important;
        padding: 1.25rem 1.1rem 1.5rem !important;
    }

    html body .mobile-nav-panel-top {
        margin-bottom: 1.1rem !important;
        padding-bottom: 0.95rem !important;
    }

    html body.mobile-nav-open {
        overflow: hidden !important;
    }
}

@media (max-width: 430px) {
    html body.mobile-nav-open .mobile-nav-panel {
        width: 96vw !important;
    }

    html body .mobile-nav-panel-inner {
        padding: 1.15rem 1rem 1.35rem !important;
    }
}

/* =========================
   Phase 31N6Y-D - Mobile logo polish
========================= */

@media (max-width: 900px) {
    html body .mobile-brand {
        display: inline-flex !important;
        align-items: center !important;
        gap: 0.62rem !important;
        min-width: 0 !important;
        max-width: 100% !important;
        text-decoration: none !important;
        overflow: hidden !important;
    }

    html body .mobile-brand-image {
        display: block !important;
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        min-height: 30px !important;
        object-fit: contain !important;
        flex: 0 0 30px !important;
    }

    html body .mobile-brand-text {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 0.18rem !important;
        min-width: 0 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    html body .mobile-brand-wordmark {
        display: inline-block !important;
        font-size: 0.96rem !important;
        font-weight: 700 !important;
        letter-spacing: 0.16em !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    html body .mobile-brand-token {
        display: none !important;
    }

    html body .mobile-header-bar {
        column-gap: 0.75rem !important;
    }

    html body .mobile-enter-app {
        min-height: 40px !important;
        padding: 0.62rem 0.92rem !important;
        font-size: 0.92rem !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }
}

@media (max-width: 430px) {
    html body .mobile-brand {
        gap: 0.52rem !important;
    }

    html body .mobile-brand-image {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
        flex-basis: 28px !important;
    }

    html body .mobile-brand-wordmark {
        font-size: 0.88rem !important;
        letter-spacing: 0.13em !important;
    }

    html body .mobile-enter-app {
        padding: 0.58rem 0.82rem !important;
        font-size: 0.88rem !important;
    }
}

/* =========================
   Phase 31N6Y-E - Mobile logo asset fix
========================= */

@media (max-width: 900px) {
    html body .mobile-brand {
        display: inline-flex !important;
        align-items: center !important;
        gap: 0.56rem !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }

    html body .mobile-brand-image {
        display: block !important;
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        min-height: 26px !important;
        flex: 0 0 26px !important;
        object-fit: contain !important;
    }

    html body .mobile-brand-text {
        display: inline-flex !important;
        align-items: center !important;
        min-width: 0 !important;
        white-space: nowrap !important;
    }

    html body .mobile-brand-wordmark {
        display: inline-block !important;
        font-size: 0.92rem !important;
        font-weight: 700 !important;
        letter-spacing: 0.14em !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    html body .mobile-brand-token {
        display: none !important;
    }

    html body .mobile-brand-text-only {
        gap: 0 !important;
    }

    html body .mobile-brand-text-only .mobile-brand-wordmark {
        margin-left: 0 !important;
    }
}

@media (max-width: 430px) {
    html body .mobile-brand-image {
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
        flex-basis: 24px !important;
    }

    html body .mobile-brand-wordmark {
        font-size: 0.86rem !important;
        letter-spacing: 0.12em !important;
    }
}

/* =========================
   Phase 31N6Y-F - Mobile core logo lock
========================= */

@media (max-width: 900px) {
    html body .mobile-brand {
        display: inline-flex !important;
        align-items: center !important;
        gap: 0.5rem !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-decoration: none !important;
        white-space: nowrap !important;
    }

    html body .mobile-brand-image {
        display: block !important;
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        min-height: 22px !important;
        flex: 0 0 22px !important;
        object-fit: contain !important;
        image-rendering: auto !important;
    }

    html body .mobile-brand-text {
        display: inline-flex !important;
        align-items: center !important;
        min-width: 0 !important;
        white-space: nowrap !important;
    }

    html body .mobile-brand-wordmark {
        display: inline-block !important;
        font-size: 0.88rem !important;
        font-weight: 700 !important;
        letter-spacing: 0.12em !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    html body .mobile-brand-token {
        display: none !important;
    }

    html body .mobile-brand-text-only .mobile-brand-wordmark {
        margin-left: 0 !important;
    }
}

@media (max-width: 430px) {
    html body .mobile-brand {
        gap: 0.45rem !important;
    }

    html body .mobile-brand-image {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        min-height: 20px !important;
        flex-basis: 20px !important;
    }

    html body .mobile-brand-wordmark {
        font-size: 0.84rem !important;
        letter-spacing: 0.11em !important;
    }
}

/* =========================
   Phase 31N6Y-I - Mobile shell logo sizing
========================= */

@media (max-width: 900px) {
    html body .mobile-brand {
        gap: 0.42rem !important;
    }

    html body .mobile-brand-image {
        width: 58px !important;
        height: 24px !important;
        min-width: 58px !important;
        min-height: 24px !important;
        flex: 0 0 58px !important;
        object-fit: contain !important;
    }

    html body .mobile-brand-wordmark {
        font-size: 0.86rem !important;
        letter-spacing: 0.10em !important;
    }
}

@media (max-width: 430px) {
    html body .mobile-brand-image {
        width: 54px !important;
        height: 22px !important;
        min-width: 54px !important;
        min-height: 22px !important;
        flex-basis: 54px !important;
    }

    html body .mobile-brand-wordmark {
        font-size: 0.82rem !important;
    }
}

/* =========================
   Phase 31N6Y-J - Mobile shell logo size tune
========================= */
@media (max-width: 767px) {
    html body .mobile-brand {
        min-width: 0 !important;
    }

    html body .mobile-brand-image {
        display: block !important;
        width: clamp(92px, 25vw, 116px) !important;
        height: auto !important;
        max-width: 116px !important;
        object-fit: contain !important;
    }
}

@media (max-width: 420px) {
    html body .mobile-brand-image {
        width: clamp(90px, 26vw, 108px) !important;
        max-width: 108px !important;
    }
}

/* =========================
   Phase 31N6Y-K - Mobile shell logo hard size override
========================= */
@media (max-width: 767px) {
    html body .site-header .mobile-header-bar .mobile-brand {
        min-width: 0 !important;
        max-width: none !important;
        gap: 0.5rem !important;
    }

    html body .site-header .mobile-header-bar .mobile-brand .mobile-brand-image {
        width: 82px !important;
        height: 30px !important;
        min-width: 82px !important;
        min-height: 30px !important;
        max-width: 82px !important;
        flex: 0 0 82px !important;
        object-fit: contain !important;
        display: block !important;
    }
}

@media (max-width: 430px) {
    html body .site-header .mobile-header-bar .mobile-brand .mobile-brand-image {
        width: 76px !important;
        height: 28px !important;
        min-width: 76px !important;
        min-height: 28px !important;
        max-width: 76px !important;
        flex-basis: 76px !important;
    }
}

/* =========================
   Phase 31N6Y-L - Mobile shell logo final size nudge
========================= */
@media (max-width: 767px) {
    html body .site-header .mobile-header-bar .mobile-brand .mobile-brand-image {
        width: 90px !important;
        height: 33px !important;
        min-width: 90px !important;
        min-height: 33px !important;
        max-width: 90px !important;
        flex: 0 0 90px !important;
        object-fit: contain !important;
        display: block !important;
    }
}

@media (max-width: 430px) {
    html body .site-header .mobile-header-bar .mobile-brand .mobile-brand-image {
        width: 84px !important;
        height: 31px !important;
        min-width: 84px !important;
        min-height: 31px !important;
        max-width: 84px !important;
        flex-basis: 84px !important;
    }
}

/* =========================
   Phase 31N6Y-Q - Desktop header reset to stable compact layout
========================= */
@media (min-width: 901px) {
    html body .site-header .site-header-inner {
        display: grid !important;
        grid-template-columns: auto 1fr auto !important;
        align-items: center !important;
        column-gap: 1.25rem !important;
        min-height: 78px !important;
    }

    html body .site-header .site-brand {
        display: inline-flex !important;
        align-items: center !important;
        flex: 0 0 auto !important;
        margin-right: 0 !important;
    }

    html body .site-header .site-brand-wrap {
        display: flex !important;
        align-items: center !important;
    }

    html body .site-header .site-brand-image {
        width: 124px !important;
        min-width: 124px !important;
        max-width: 124px !important;
        height: auto !important;
        display: block !important;
        object-fit: contain !important;
    }

    html body .site-header .site-brand-text {
        display: none !important;
    }

    html body .site-header .site-nav-desktop {
        display: flex !important;
        align-items: center !important;
        min-width: 0 !important;
    }

    html body .site-header .site-menu {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 0.9rem !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body .site-header .site-menu li {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body .site-header .site-menu li a {
        font-size: 0.92rem !important;
        white-space: nowrap !important;
        line-height: 1.1 !important;
    }

    html body .site-header .site-actions-desktop {
        display: inline-flex !important;
        align-items: center !important;
        gap: 0.65rem !important;
        justify-self: end !important;
        margin-left: 0.85rem !important;
    }

    html body .site-header .site-actions-desktop .button {
        min-height: 42px !important;
        padding: 0.62rem 0.9rem !important;
        font-size: 0.88rem !important;
        white-space: nowrap !important;
    }
}

@media (min-width: 901px) and (max-width: 1280px) {
    html body .site-header .site-header-inner {
        column-gap: 0.9rem !important;
    }

    html body .site-header .site-brand-image {
        width: 116px !important;
        min-width: 116px !important;
        max-width: 116px !important;
    }

    html body .site-header .site-menu {
        gap: 0.62rem !important;
    }

    html body .site-header .site-menu li a {
        font-size: 0.86rem !important;
    }

    html body .site-header .site-actions-desktop {
        gap: 0.5rem !important;
        margin-left: 0.6rem !important;
    }

    html body .site-header .site-actions-desktop .button {
        padding: 0.56rem 0.78rem !important;
        font-size: 0.84rem !important;
    }
}

/* =========================
   Phase 31N6Y-S - Desktop nav text color align
========================= */
@media (min-width: 901px) {
    html body .site-header .site-nav-desktop .site-menu li a,
    html body .site-header .site-nav-desktop .site-menu li a:visited {
        color: #ffffff !important;
    }

    html body .site-header .site-nav-desktop .site-menu li.current-menu-item > a,
    html body .site-header .site-nav-desktop .site-menu li.current_page_item > a,
    html body .site-header .site-nav-desktop .site-menu li a:hover,
    html body .site-header .site-nav-desktop .site-menu li a:focus {
        color: #ffffff !important;
    }
}

/* =========================
   Phase 31N6Y-T - Desktop nav hard white override
========================= */
@media (min-width: 901px) {
    html body .site-header .site-nav,
    html body .site-header .site-nav-desktop,
    html body .site-header .site-nav .site-menu,
    html body .site-header .site-nav-desktop .site-menu,
    html body .site-header .site-nav .site-menu li,
    html body .site-header .site-nav-desktop .site-menu li,
    html body .site-header .site-nav .site-menu li a,
    html body .site-header .site-nav-desktop .site-menu li a,
    html body .site-header .site-nav .site-menu li a:visited,
    html body .site-header .site-nav-desktop .site-menu li a:visited {
        color: #ffffff !important;
        opacity: 1 !important;
    }

    html body .site-header .site-nav .site-menu li.current-menu-item > a,
    html body .site-header .site-nav .site-menu li.current_page_item > a,
    html body .site-header .site-nav .site-menu li a:hover,
    html body .site-header .site-nav .site-menu li a:focus {
        color: #ffffff !important;
        opacity: 1 !important;
    }
}