:root {
    --navy-950: #041522;
    --navy-900: #071f31;
    --navy-850: #0a293d;
    --navy-800: #0d324a;
    --ink: #102838;
    --muted: #5d7484;
    --muted-2: #7b909d;
    --line: #d8e5ea;
    --soft: #f5f9fb;
    --soft-blue: #edf8fb;
    --white: #ffffff;

    --blue: #087bb8;
    --blue-2: #20a8e0;
    --teal: #10aaac;
    --teal-2: #38d4cb;
    --coral: #f26c5b;
    --coral-2: #ff9a78;
    --gold: #e6a327;
    --gold-2: #ffd166;
    --sky: #2a8cd6;
    --sky-2: #6fc1ff;
    --violet: #675acb;
    --violet-2: #998cf0;

    --green: #1b8b68;
    --green-bg: #e5f5ef;
    --planned: #9a6b12;
    --planned-bg: #fff2d9;
    --future: #66717d;
    --future-bg: #eef1f4;

    --shadow-sm: 0 8px 18px rgba(7,31,49,.06);
    --shadow-md: 0 18px 34px rgba(7,31,49,.10);
    --shadow-lg: 0 28px 55px rgba(7,31,49,.14);

    --max: 1220px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    color: var(--ink);
    background: var(--white);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}
body.nav-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
svg { display: block; width: 100%; height: 100%; }
.shell { width: min(calc(100% - 34px), var(--max)); margin-inline: auto; position: relative; z-index: 2; }
.narrow { max-width: 920px; }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.skip-link { position: fixed; top: -70px; left: 12px; z-index: 10000; background: #fff; color: var(--ink); padding: 10px 14px; box-shadow: var(--shadow-md); }
.skip-link:focus { top: 12px; }

.utility-bar {
    background: var(--navy-950);
    color: #c9dbe4;
    font-size: .75rem;
    border-bottom: 1px solid rgba(255,255,255,.06);
}
.utility-inner { min-height: 34px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.utility-status, .utility-contact { display:flex; align-items:center; gap:8px; }
.utility-status strong, .utility-contact a { color:#fff; font-weight:800; }
.status-live-dot { width: 8px; height: 8px; background: var(--teal-2); box-shadow: 0 0 0 4px rgba(56,212,203,.10); }
.utility-divider { color:#587182; }

.site-header {
    position: sticky; top: 0; z-index: 1000;
    background: rgba(255,255,255,.95);
    backdrop-filter: blur(14px) saturate(120%);
    border-bottom: 1px solid rgba(215,228,233,.9);
    transition: box-shadow .22s ease, background .22s ease;
}
.site-header.is-scrolled { box-shadow: 0 10px 26px rgba(7,31,49,.08); background: rgba(255,255,255,.985); }
.header-accent-line { position:absolute; top:0; left:0; right:0; height:3px; background: linear-gradient(90deg, var(--blue), var(--teal), var(--gold), var(--coral), var(--sky), var(--violet)); }
.header-inner { min-height: 76px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.brand { display:inline-flex; align-items:center; gap:12px; }
.brand-mark {
    position:relative; width:42px; height:42px; flex:0 0 42px; display:grid; place-items:center;
    background: linear-gradient(145deg, var(--blue), var(--teal));
    box-shadow: 0 8px 18px rgba(8,123,184,.18);
    color:#fff; overflow:hidden;
}
.brand-mark span { position:relative; z-index:1; font-size:1.28rem; font-weight:950; letter-spacing:-.06em; }
.brand-copy { display:flex; flex-direction:column; line-height:1.05; }
.brand-copy strong { color:var(--navy-900); font-size:1.05rem; letter-spacing:-.02em; }
.brand-copy small { color:#748b98; margin-top:4px; font-size:.66rem; letter-spacing:.04em; }
.site-nav { display:flex; align-items:center; gap:20px; font-size:.84rem; font-weight:750; }
.site-nav > a { position:relative; color:#415a69; transition:color .18s ease; }
.site-nav > a:not(.nav-cta)::after { content:""; position:absolute; left:0; right:100%; bottom:-10px; height:2px; background:linear-gradient(90deg,var(--blue),var(--teal)); transition:right .2s ease; }
.site-nav > a:hover, .site-nav > a.is-active { color:var(--blue); }
.site-nav > a:hover::after, .site-nav > a.is-active::after { right:0; }
.nav-cta { display:inline-flex; align-items:center; gap:10px; color:#fff !important; background:linear-gradient(135deg,var(--blue),#0e91c4); padding:10px 13px; box-shadow:0 7px 16px rgba(8,123,184,.18); }
.nav-cta:hover { background:linear-gradient(135deg,#086fa5,var(--teal)); transform:translateY(-1px); }
.nav-cta-arrow { font-size:1rem; }
.nav-toggle { display:none; border:0; background:transparent; padding:8px; }
.nav-toggle > span:not(.sr-only) { width:25px; height:2px; display:block; margin:5px 0; background:var(--navy-900); }

.eyebrow, .section-label {
    display:inline-flex; align-items:center; gap:8px;
    color:var(--blue);
    text-transform:uppercase;
    letter-spacing:.16em;
    font-size:.67rem;
    font-weight:950;
}
.eyebrow::before { content:""; width:24px; height:2px; background:currentColor; }
.eyebrow.dark { color:var(--blue); }
.light-eyebrow, .light-label { color:#bfeaf4 !important; }
.hero-badge {
    width:max-content; max-width:100%;
    display:inline-flex; align-items:center; gap:9px;
    padding:8px 11px;
    border:1px solid rgba(255,255,255,.16);
    background:rgba(255,255,255,.06);
    color:#d6edf5;
    text-transform:uppercase;
    letter-spacing:.11em;
    font-size:.65rem;
    font-weight:900;
}
.hero-badge-dot { width:7px; height:7px; background:var(--teal-2); box-shadow:0 0 0 4px rgba(56,212,203,.10); }
.btn {
    min-height:46px;
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    padding:11px 16px;
    border:1px solid transparent;
    font-size:.84rem; font-weight:850;
    transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease;
}
.btn:hover { transform:translateY(-1px); }
.btn-primary { color:#fff; background:linear-gradient(135deg,var(--blue),var(--blue-2)); box-shadow:0 10px 24px rgba(8,123,184,.24); }
.btn-primary:hover { box-shadow:0 12px 26px rgba(8,123,184,.30); }
.btn-ghost { color:#fff; border-color:rgba(255,255,255,.27); background:rgba(255,255,255,.05); }
.btn-ghost:hover { border-color:rgba(255,255,255,.5); background:rgba(255,255,255,.08); }
.btn-light { background:#fff; color:var(--navy-900); box-shadow:0 7px 16px rgba(0,0,0,.10); }
.btn-light:hover { background:#eef9fb; }
.btn-outline-light { color:#fff; border-color:rgba(255,255,255,.32); background:transparent; }
.btn-outline-light:hover { background:rgba(255,255,255,.08); border-color:#fff; }
.btn-dark { background:var(--navy-900); color:#fff; }
.btn-dark:hover { background:var(--blue); }
.btn-full { width:100%; border:0; }
.btn-arrow span { transition:transform .18s ease; }
.btn-arrow:hover span { transform:translateX(4px); }
.text-link { display:inline-flex; align-items:center; gap:8px; color:var(--blue); font-weight:900; font-size:.84rem; }
.text-link span { transition:transform .18s ease; }
.text-link:hover span { transform:translateX(4px); }

.home-hero {
    position:relative; overflow:hidden; min-height:620px;
    background:
        linear-gradient(135deg, rgba(4,21,34,1) 0%, rgba(7,31,49,1) 38%, rgba(11,67,84,1) 100%);
    color:#fff;
}
.home-hero::before {
    content:""; position:absolute; inset:0;
    background-image:
        linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px),
        linear-gradient(125deg, transparent 0 52%, rgba(255,255,255,.05) 52% 53%, transparent 53%);
    background-size:46px 46px, 46px 46px, 100% 100%;
    background-position:center;
    opacity:.55;
}
.hero-orb, .hero-grid-lines, .hero-bottom-wave, .page-hero-orb, .service-hero-orb, .prefooter-orb, .milestone-bg-orb, .community-splash-orb { display:none; }
.home-hero-grid {
    min-height:620px;
    display:grid;
    grid-template-columns:1.08fr .92fr;
    gap:44px;
    align-items:center;
    padding:62px 0 68px;
}
.home-hero h1 {
    max-width:780px;
    margin:18px 0 18px;
    color:#fff;
    font-size:clamp(3rem,5.7vw,5.6rem);
    line-height:.94;
    letter-spacing:-.062em;
}
.home-hero h1 span {
    background:linear-gradient(90deg,var(--teal-2),#7be4e2 45%,var(--gold-2));
    -webkit-background-clip:text; background-clip:text; color:transparent;
}
.home-hero-copy > p { max-width:690px; margin:0; color:#c0d5df; font-size:1.08rem; line-height:1.7; }
.hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.hero-trust-row {
    display:grid; grid-template-columns:repeat(3,1fr); gap:0;
    margin-top:32px;
    border-top:1px solid rgba(255,255,255,.12);
    border-bottom:1px solid rgba(255,255,255,.12);
}
.hero-trust-row > div { display:flex; align-items:flex-start; gap:10px; padding:14px 14px 14px 0; }
.hero-trust-row > div + div { border-left:1px solid rgba(255,255,255,.12); padding-left:14px; }
.trust-icon { width:26px; height:26px; flex:0 0 26px; display:grid; place-items:center; color:#fff; font-size:.62rem; font-weight:950; }
.trust-blue { background:var(--blue); }
.trust-teal { background:var(--teal); }
.trust-coral { background:var(--coral); }
.hero-trust-row p { margin:0; line-height:1.22; }
.hero-trust-row strong { display:block; color:#fff; font-size:.78rem; }
.hero-trust-row small { display:block; color:#8eafbd; margin-top:4px; font-size:.68rem; }

.hero-command-card {
    position:relative; overflow:hidden; background:rgba(255,255,255,.09);
    border:1px solid rgba(255,255,255,.16);
    box-shadow:0 25px 60px rgba(0,0,0,.22);
    backdrop-filter:blur(14px);
}
.command-topbar { display:flex; justify-content:space-between; gap:18px; align-items:flex-start; padding:18px; border-bottom:1px solid rgba(255,255,255,.12); }
.command-kicker { display:block; color:#79cfe0; font-size:.56rem; letter-spacing:.15em; font-weight:950; }
.command-topbar strong { display:block; margin-top:5px; color:#fff; font-size:.94rem; }
.command-signal { display:inline-flex; align-items:center; gap:7px; color:#baf0dc; font-size:.58rem; letter-spacing:.12em; font-weight:950; }
.command-signal i { width:7px; height:7px; background:#51d7aa; box-shadow:0 0 0 4px rgba(81,215,170,.11); }
.command-display { display:grid; grid-template-columns:124px 1fr; gap:20px; align-items:center; padding:22px 18px; }
.command-ring {
    width:118px; aspect-ratio:1; padding:10px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.05)),
        linear-gradient(90deg, var(--teal-2) 0 32%, var(--blue-2) 32% 72%, rgba(255,255,255,.12) 72% 100%);
}
.command-ring-inner { width:100%; height:100%; background:#0a2c42; display:flex; align-items:center; justify-content:center; gap:8px; box-shadow:inset 0 0 30px rgba(0,0,0,.25); }
.command-ring-inner strong { font-size:2.25rem; line-height:1; color:#fff; letter-spacing:-.08em; }
.command-ring-inner span { color:#89afbd; font-size:.60rem; line-height:1.1; text-transform:uppercase; letter-spacing:.09em; font-weight:800; }
.command-copy > span { color:#7abdd0; font-size:.58rem; letter-spacing:.14em; font-weight:950; }
.command-copy h2 { margin:5px 0 7px; font-size:1.42rem; line-height:1.06; letter-spacing:-.04em; color:#fff; }
.command-copy p { margin:0; color:#9fbdc9; font-size:.82rem; line-height:1.5; }
.command-services { border-top:1px solid rgba(255,255,255,.12); }
.command-service { display:grid; grid-template-columns:40px 1fr 80px; align-items:center; gap:12px; padding:13px 18px; border-bottom:1px solid rgba(255,255,255,.10); transition:background .18s ease; }
.command-service:hover { background:rgba(255,255,255,.045); }
.command-service-icon { width:34px; height:34px; display:grid; place-items:center; padding:7px; }
.command-service-icon svg { color:#fff; }
.command-service-icon.accent-blue { background:linear-gradient(135deg,var(--blue),var(--blue-2)); }
.command-service-icon.accent-teal { background:linear-gradient(135deg,var(--teal),var(--teal-2)); }
.command-service strong { display:block; color:#fff; font-size:.82rem; }
.command-service small { display:block; margin-top:2px; color:#81a7b5; font-size:.67rem; }
.command-progress { height:5px; background:rgba(255,255,255,.11); overflow:hidden; }
.command-progress i { display:block; width:var(--w); height:100%; background:linear-gradient(90deg,var(--teal-2),var(--blue-2)); }
.command-footer { display:flex; align-items:flex-start; gap:12px; padding:14px 18px; background:rgba(4,21,34,.33); }
.command-footer-icon { width:22px; height:22px; flex:0 0 22px; display:grid; place-items:center; background:rgba(255,209,102,.13); color:var(--gold-2); font-weight:950; }
.command-footer p { margin:0; color:#95b1be; font-size:.72rem; }
.command-footer strong { color:#fff; }

.section { padding:72px 0; position:relative; }
.section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:32px; margin-bottom:28px; }
.section-heading h2,
.split-heading h2,
.sticky-heading h2,
.support-copy h2,
.contact-copy h2 {
    margin:10px 0 0; color:var(--navy-900);
    font-size:clamp(2rem,3.5vw,3.5rem);
    line-height:1.02; letter-spacing:-.048em;
}
.section-heading > p { max-width:480px; margin:0; color:var(--muted); }
.vibrant-heading { padding-bottom:18px; border-bottom:1px solid var(--line); }

.service-showcase { background:linear-gradient(180deg,#fff 0%,#f7fbfc 100%); }
.service-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:14px; }
.service-card {
    --accent:var(--blue); --accent2:var(--blue-2);
    position:relative; overflow:hidden; grid-column:span 4;
    min-height:335px; display:flex; flex-direction:column; justify-content:space-between;
    padding:20px; background:linear-gradient(160deg,#fff 0%,#fbfdfe 100%);
    border:1px solid var(--line); border-top:4px solid var(--accent);
    box-shadow:var(--shadow-sm); transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.service-card:nth-child(1), .service-card:nth-child(2) { grid-column:span 6; min-height:355px; }
.service-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-md); border-color:color-mix(in srgb,var(--accent) 28%,var(--line)); }
.service-card-glow { display:none; }
.service-card.accent-blue { --accent:var(--blue); --accent2:var(--blue-2); }
.service-card.accent-teal { --accent:var(--teal); --accent2:var(--teal-2); }
.service-card.accent-coral { --accent:var(--coral); --accent2:var(--coral-2); }
.service-card.accent-gold { --accent:var(--gold); --accent2:var(--gold-2); }
.service-card.accent-sky { --accent:var(--sky); --accent2:var(--sky-2); }
.service-card.accent-violet { --accent:var(--violet); --accent2:var(--violet-2); }
.service-card-top { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }
.service-icon { width:48px; height:48px; display:grid; place-items:center; padding:10px; color:var(--accent); background:color-mix(in srgb,var(--accent) 10%,#fff); border:1px solid color-mix(in srgb,var(--accent) 18%,#fff); transition:transform .2s ease,background .2s ease,color .2s ease; }
.service-card:hover .service-icon { transform:translateY(-2px); background:linear-gradient(135deg,var(--accent),var(--accent2)); color:#fff; }
.status-chip { display:inline-flex; align-items:center; min-height:24px; padding:4px 8px; font-size:.58rem; line-height:1; text-transform:uppercase; letter-spacing:.08em; font-weight:950; white-space:nowrap; }
.status-building { background:var(--green-bg); color:var(--green); }
.status-planned { background:var(--planned-bg); color:var(--planned); }
.status-future { background:var(--future-bg); color:var(--future); }
.service-card-body { margin-top:34px; }
.service-category, .service-kicker { color:var(--accent); text-transform:uppercase; letter-spacing:.12em; font-size:.64rem; font-weight:950; }
.service-card h3, .service-card h2 { margin:7px 0 10px; color:var(--navy-900); font-size:clamp(1.45rem,2.4vw,2rem); line-height:1.05; letter-spacing:-.04em; }
.service-card p { margin:0; color:var(--muted); font-size:.95rem; }
.service-card-footer { display:flex; justify-content:space-between; align-items:center; gap:14px; padding-top:16px; margin-top:18px; border-top:1px solid var(--line); }
.service-card-footer > span { color:#9aacb5; font-size:.68rem; font-weight:950; }
.service-card-footer strong { color:var(--navy-900); font-size:.8rem; }
.service-card-footer b { color:var(--accent); margin-left:5px; transition:margin .18s ease; }
.service-card:hover .service-card-footer b { margin-left:9px; }
.service-grid-full .service-card { min-height:340px; }

.impact-band {
    background:linear-gradient(122deg,var(--navy-950),#0a3048 60%,#0a3b4c);
    color:#fff; padding:72px 0; overflow:hidden;
}
.impact-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:44px; align-items:center; }
.impact-eyebrow { color:#86d8e5; letter-spacing:.16em; font-size:.66rem; font-weight:950; }
.impact-copy h2 { margin:9px 0 12px; font-size:clamp(2.2rem,4vw,4rem); line-height:1; letter-spacing:-.052em; }
.impact-copy > p { color:#adc6d1; max-width:540px; font-size:1rem; }
.impact-copy .btn { margin-top:16px; }
.impact-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.impact-card { min-height:220px; padding:18px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.10); border-top:4px solid var(--impact); backdrop-filter:blur(7px); }
.impact-card span { color:#8fb0bd; font-size:.65rem; font-weight:950; }
.impact-card strong { display:block; margin-top:42px; font-size:1.28rem; }
.impact-card p { color:#9eb8c3; margin:8px 0 0; font-size:.84rem; }
.impact-cyan { --impact:var(--teal-2); }
.impact-coral { --impact:var(--coral-2); }
.impact-gold { --impact:var(--gold-2); }

.values-vibrant { background:#fff; }
.values-feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.value-feature {
    --v:var(--blue); --v2:var(--blue-2);
    position:relative; overflow:hidden; min-height:290px; padding:22px;
    border:1px solid var(--line); background:linear-gradient(150deg,#fff,#f8fbfc); box-shadow:var(--shadow-sm);
}
.value-feature::before { content:""; position:absolute; left:0; right:0; top:0; height:4px; background:linear-gradient(90deg,var(--v),var(--v2)); }
.value-honor { --v:var(--blue); --v2:var(--blue-2); }
.value-pride { --v:var(--teal); --v2:var(--teal-2); }
.value-commit { --v:var(--coral); --v2:var(--gold-2); }
.value-feature-number { color:#92a6b0; font-size:.67rem; font-weight:950; }
.value-feature-content { position:relative; z-index:2; margin-top:44px; }
.value-feature-content > span { color:var(--v); font-size:.64rem; letter-spacing:.14em; font-weight:950; }
.value-feature h3 { margin:5px 0 9px; color:var(--navy-900); font-size:1.6rem; letter-spacing:-.035em; }
.value-feature p { margin:0; color:var(--muted); }
.value-feature-word { position:absolute; right:12px; top:16px; color:color-mix(in srgb,var(--v) 6%,#fff); font-size:6rem; line-height:1; font-weight:950; letter-spacing:-.12em; }

.vibrant-roadmap { background:linear-gradient(180deg,#f4f9fb,#eef7f9); }
.roadmap-flow { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.roadmap-flow-card {
    --phase:var(--blue);
    min-height:280px; padding:18px; background:#fff; border:1px solid var(--line); border-top:4px solid var(--phase); box-shadow:var(--shadow-sm);
}
.roadmap-flow-card.phase-1 { --phase:var(--blue); }
.roadmap-flow-card.phase-2 { --phase:var(--teal); }
.roadmap-flow-card.phase-3 { --phase:var(--gold); }
.roadmap-flow-card.phase-4 { --phase:var(--violet); }
.roadmap-flow-top { display:flex; justify-content:space-between; gap:10px; color:#8ca0aa; font-size:.61rem; letter-spacing:.08em; text-transform:uppercase; font-weight:950; }
.roadmap-flow-top strong { color:var(--phase); }
.roadmap-node { width:28px; height:28px; margin:20px 0 22px; display:grid; place-items:center; background:#fff; border:2px solid var(--phase); }
.roadmap-node i { width:8px; height:8px; background:var(--phase); }
.roadmap-flow-card h3 { margin:0 0 8px; color:var(--navy-900); font-size:1.22rem; letter-spacing:-.03em; }
.roadmap-flow-card p { margin:0; color:var(--muted); font-size:.86rem; }
.roadmap-flow-items { display:flex; flex-wrap:wrap; gap:6px; margin-top:16px; }
.roadmap-flow-items span { padding:4px 6px; background:color-mix(in srgb,var(--phase) 7%,#fff); color:color-mix(in srgb,var(--phase) 75%,var(--ink)); font-size:.67rem; font-weight:750; }

.community-splash {
    padding:76px 0;
    background:linear-gradient(122deg,#0b3550 0%,#0b5260 57%,#0b676b 100%);
    color:#fff;
}
.community-splash::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size:34px 34px; opacity:.4; }
.community-splash-grid { display:grid; grid-template-columns:1fr 1fr; gap:42px; align-items:center; }
.community-splash h2 { margin:10px 0 0; font-size:clamp(2.3rem,4.5vw,4.1rem); line-height:.98; letter-spacing:-.055em; }
.community-big-line { margin:5px 0 0; color:#acdce3; font-size:clamp(1.8rem,3.4vw,3.2rem); font-weight:750; letter-spacing:-.045em; }
.community-big-line strong { color:var(--gold-2); }
.community-splash-copy > p { color:#c8dde2; font-size:1rem; }
.community-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }

.page-hero, .service-hero { position:relative; overflow:hidden; }
.page-hero-vibrant {
    color:#fff;
    background:linear-gradient(125deg,var(--navy-950),#0a3048 54%,#0b4354);
    border-bottom:0;
}
.page-hero-grid { min-height:380px; display:grid; grid-template-columns:1fr 240px; gap:50px; align-items:center; padding:58px 0; }
.page-hero h1 { margin:15px 0 16px; color:#fff; font-size:clamp(2.8rem,5vw,4.8rem); line-height:.96; letter-spacing:-.055em; }
.page-hero h1 span { color:var(--teal-2); }
.page-hero p { max-width:740px; color:#bcd4de; font-size:1.04rem; }
.page-copy-layer { position:relative; z-index:2; padding:58px 0; }
.page-hero .narrow { width:min(calc(100% - 34px),var(--max)); margin-inline:auto; }
.page-hero-stat { padding:22px 20px; border:1px solid rgba(255,255,255,.15); background:rgba(255,255,255,.07); backdrop-filter:blur(10px); }
.page-hero-stat > span { color:#83d5e1; font-size:.59rem; letter-spacing:.14em; font-weight:950; }
.page-hero-stat strong { display:block; margin:6px 0 2px; font-size:4rem; line-height:1; letter-spacing:-.09em; color:#fff; }
.page-hero-stat p { margin:0; font-size:.77rem; color:#9fbdc7; }
.mission-color-band { background:#fff; border-bottom:1px solid var(--line); }
.mission-color-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.mission-color-grid span { padding:14px; text-align:center; color:#fff; font-size:.7rem; font-weight:950; text-transform:uppercase; letter-spacing:.15em; }
.mission-color-grid span:nth-child(1) { background:linear-gradient(90deg,var(--blue),var(--blue-2)); }
.mission-color-grid span:nth-child(2) { background:linear-gradient(90deg,var(--teal),var(--teal-2)); }
.mission-color-grid span:nth-child(3) { background:linear-gradient(90deg,var(--coral),var(--gold)); }

.split-heading, .content-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:56px; align-items:start; }
.sticky-heading { position:sticky; top:118px; }
.sticky-accent { --accent:var(--blue); width:62px; height:5px; margin-top:18px; background:linear-gradient(90deg,var(--accent),transparent); }
.sticky-accent.accent-blue { --accent:var(--blue); }
.sticky-accent.accent-teal { --accent:var(--teal); }
.sticky-accent.accent-coral { --accent:var(--coral); }
.sticky-accent.accent-gold { --accent:var(--gold); }
.sticky-accent.accent-sky { --accent:var(--sky); }
.sticky-accent.accent-violet { --accent:var(--violet); }
.statement-copy h3 { margin:0 0 10px; color:var(--navy-900); font-size:1.28rem; }
.statement-copy p, .long-copy p { color:var(--muted); }
.long-copy { max-width:760px; }
.long-copy .lead-copy { color:var(--ink); font-size:1.15rem; line-height:1.56; font-weight:650; }
.long-copy h3 { margin:30px 0 8px; color:var(--navy-900); font-size:1.24rem; }
.mission-quote { margin:34px 0; padding:22px 0 22px 22px; border-left:4px solid var(--blue); background:linear-gradient(90deg,rgba(8,123,184,.055),transparent); }
.mission-quote span { color:var(--blue); font-size:.67rem; text-transform:uppercase; letter-spacing:.12em; font-weight:950; }
.mission-quote blockquote { margin:10px 0 0; color:var(--navy-900); font-size:clamp(1.5rem,2.5vw,2.15rem); line-height:1.25; font-weight:750; letter-spacing:-.038em; }
.values-section { background:linear-gradient(180deg,#f4f9fb,#eef7f9); color:var(--ink); }
.values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.value-card { min-height:250px; padding:22px; background:#fff; border:1px solid var(--line); border-top:4px solid var(--blue); box-shadow:var(--shadow-sm); }
.value-card:nth-child(2) { border-top-color:var(--teal); }
.value-card:nth-child(3) { border-top-color:var(--coral); }
.value-card > span { display:block; margin-bottom:42px; color:#94a5ae; font-size:.67rem; font-weight:950; }
.value-card h3 { margin:0 0 4px; color:var(--navy-900); font-size:1.55rem; }
.value-card strong { display:block; color:var(--blue); margin-bottom:8px; }
.value-card:nth-child(2) strong { color:var(--teal); }
.value-card:nth-child(3) strong { color:var(--coral); }
.value-card p { margin:0; color:var(--muted); }

.service-hero-vibrant {
    --accent:var(--blue); --accent2:var(--blue-2);
    color:#fff; background:linear-gradient(125deg,var(--navy-950),#0a3048 55%,color-mix(in srgb,var(--accent) 32%,#0a3448));
    padding:62px 0;
}
.service-hero-vibrant.accent-blue { --accent:var(--blue); --accent2:var(--blue-2); }
.service-hero-vibrant.accent-teal { --accent:var(--teal); --accent2:var(--teal-2); }
.service-hero-vibrant.accent-coral { --accent:var(--coral); --accent2:var(--coral-2); }
.service-hero-vibrant.accent-gold { --accent:var(--gold); --accent2:var(--gold-2); }
.service-hero-vibrant.accent-sky { --accent:var(--sky); --accent2:var(--sky-2); }
.service-hero-vibrant.accent-violet { --accent:var(--violet); --accent2:var(--violet-2); }
.service-hero-grid { display:grid; grid-template-columns:1fr 320px; gap:46px; align-items:center; }
.service-hero-meta { display:flex; align-items:center; gap:14px; }
.service-hero-icon { width:54px; height:54px; display:grid; place-items:center; padding:12px; background:linear-gradient(135deg,var(--accent),var(--accent2)); box-shadow:0 9px 18px color-mix(in srgb,var(--accent) 24%,transparent); }
.service-hero-meta > div { display:flex; flex-direction:column; align-items:flex-start; gap:6px; }
.service-hero-kicker { color:#b5dce5; text-transform:uppercase; letter-spacing:.13em; font-size:.64rem; font-weight:950; }
.service-hero h1 { margin:18px 0 16px; color:#fff; font-size:clamp(3rem,5.2vw,5rem); line-height:.95; letter-spacing:-.06em; }
.service-hero .hero-lead { max-width:760px; color:#bdd5df; font-size:1.06rem; }
.service-hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.service-status-panel { padding:22px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.07); backdrop-filter:blur(12px); }
.service-status-label { color:#8ccedb; font-size:.60rem; letter-spacing:.14em; font-weight:950; }
.service-status-panel > strong { display:block; margin:8px 0; color:#fff; font-size:1.28rem; }
.service-status-panel p { margin:0; color:#adc6d0; font-size:.86rem; }
.status-panel-line { height:6px; margin:18px 0 14px; background:rgba(255,255,255,.10); overflow:hidden; }
.status-panel-line i { display:block; width:66%; height:100%; background:linear-gradient(90deg,var(--accent),var(--accent2)); }
.service-status-panel small { color:#819faa; font-size:.72rem; line-height:1.5; display:block; }
.story-callout { --accent:var(--blue); margin:26px 0 30px; padding:18px 20px; background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,#fff),#fff); border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line)); border-left:5px solid var(--accent); }
.story-callout.accent-blue { --accent:var(--blue); }
.story-callout.accent-teal { --accent:var(--teal); }
.story-callout.accent-coral { --accent:var(--coral); }
.story-callout.accent-gold { --accent:var(--gold); }
.story-callout.accent-sky { --accent:var(--sky); }
.story-callout.accent-violet { --accent:var(--violet); }
.story-callout span { color:var(--accent); font-size:.65rem; letter-spacing:.13em; font-weight:950; }
.story-callout p { margin:8px 0 0; color:#4b6371; font-size:1rem; }
.audience-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; margin-top:16px; }
.audience-grid div { display:flex; align-items:center; gap:10px; padding:12px 13px; background:#fff; border:1px solid var(--line); color:#415966; font-size:.87rem; font-weight:700; }
.audience-check { width:20px; height:20px; flex:0 0 20px; display:grid; place-items:center; background:#e5f7f4; color:var(--teal); font-size:.7rem; font-weight:950; }
.milestone-section { overflow:hidden; background:linear-gradient(180deg,#f4f9fb,#eef7f9); }
.milestone-list { border-top:1px solid var(--line); }
.vivid-milestones { --accent:var(--blue); --accent2:var(--blue-2); }
.vivid-milestones.accent-blue { --accent:var(--blue); --accent2:var(--blue-2); }
.vivid-milestones.accent-teal { --accent:var(--teal); --accent2:var(--teal-2); }
.vivid-milestones.accent-coral { --accent:var(--coral); --accent2:var(--coral-2); }
.vivid-milestones.accent-gold { --accent:var(--gold); --accent2:var(--gold-2); }
.vivid-milestones.accent-sky { --accent:var(--sky); --accent2:var(--sky-2); }
.vivid-milestones.accent-violet { --accent:var(--violet); --accent2:var(--violet-2); }
.milestone { display:grid; grid-template-columns:56px 1fr; gap:18px; padding:22px 0; border-bottom:1px solid var(--line); }
.milestone-number { color:var(--accent); font-size:.70rem; font-weight:950; }
.milestone-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; }
.milestone-heading h3 { margin:0 0 4px; color:var(--navy-900); font-size:1rem; }
.milestone-heading p { margin:0; color:var(--muted); max-width:760px; font-size:.92rem; }
.milestone-heading > span { color:var(--accent); font-size:.66rem; text-transform:uppercase; letter-spacing:.09em; font-weight:950; }
.progress-wrap { display:grid; grid-template-columns:1fr 38px; gap:10px; align-items:center; margin-top:14px; }
.progress-track { height:8px; background:#d9e5e9; overflow:hidden; }
.progress-fill { width:0; height:100%; background:linear-gradient(90deg,var(--accent),var(--accent2)); transition:width 1.15s cubic-bezier(.2,.8,.2,1); }
.progress-value { color:#7b909a; font-size:.68rem; font-weight:900; text-align:right; }
.colorful-next-step { background:#fff; padding-top:32px; }
.cta-panel { position:relative; overflow:hidden; background:linear-gradient(125deg,var(--navy-950),#0b4256); color:#fff; padding:32px 34px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.cta-panel h2 { margin:8px 0 0; max-width:760px; font-size:clamp(1.6rem,2.8vw,2.6rem); line-height:1.06; letter-spacing:-.04em; }

.service-directory { background:linear-gradient(180deg,#fff,#f5f9fb); }
.service-status-legend { display:grid; grid-template-columns:repeat(3,1fr); margin-bottom:26px; background:#fff; border:1px solid var(--line); box-shadow:var(--shadow-sm); overflow:hidden; }
.service-status-legend > div { display:grid; grid-template-columns:12px 1fr; column-gap:10px; padding:14px; }
.service-status-legend > div + div { border-left:1px solid var(--line); }
.service-status-legend strong { font-size:.8rem; color:var(--navy-900); }
.service-status-legend small { grid-column:2; color:var(--muted); font-size:.82rem; }
.legend-dot { width:9px; height:9px; margin-top:7px; }
.legend-dot.building { background:var(--green); box-shadow:0 0 0 4px rgba(27,139,104,.09); }
.legend-dot.planned { background:var(--gold); box-shadow:0 0 0 4px rgba(230,163,39,.09); }
.legend-dot.future { background:var(--violet); box-shadow:0 0 0 4px rgba(103,90,203,.08); }
.launch-standard { background:linear-gradient(120deg,#0c4360,#0a6570); color:#fff; padding:68px 0; }
.launch-standard-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:40px; align-items:center; }
.launch-standard-number { color:rgba(255,255,255,.13); font-size:clamp(3.6rem,6.2vw,6.8rem); line-height:.78; letter-spacing:-.075em; font-weight:950; }
.launch-standard h2 { margin:10px 0 12px; max-width:850px; font-size:clamp(2.1rem,3.9vw,3.7rem); line-height:.98; letter-spacing:-.05em; }
.launch-standard p { max-width:760px; color:#c4dce1; }
.launch-standard .btn { margin-top:16px; }

.roadmap-main { background:linear-gradient(180deg,#f8fbfc,#eef7f9); }
.roadmap-timeline { position:relative; max-width:1010px; margin:0 auto; }
.roadmap-timeline::before { content:""; position:absolute; left:22px; top:25px; bottom:25px; width:2px; background:linear-gradient(var(--blue),var(--teal),var(--gold),var(--violet)); opacity:.38; }
.roadmap-phase { --phase:var(--blue); position:relative; display:grid; grid-template-columns:48px 1fr; gap:18px; margin-bottom:22px; }
.roadmap-phase-1 { --phase:var(--blue); }
.roadmap-phase-2 { --phase:var(--teal); }
.roadmap-phase-3 { --phase:var(--gold); }
.roadmap-phase-4 { --phase:var(--violet); }
.phase-marker { width:48px; height:48px; display:grid; place-items:center; z-index:2; background:linear-gradient(135deg,var(--phase),color-mix(in srgb,var(--phase) 65%,#fff)); color:#fff; box-shadow:0 0 0 7px #f2f9fa,0 10px 20px color-mix(in srgb,var(--phase) 18%,transparent); }
.phase-marker span { font-size:.68rem; font-weight:950; }
.phase-card { position:relative; overflow:hidden; border:1px solid var(--line); border-top:4px solid var(--phase); background:#fff; padding:24px; box-shadow:var(--shadow-sm); }
.phase-meta { position:relative; z-index:1; display:flex; justify-content:space-between; gap:15px; color:#8397a1; text-transform:uppercase; letter-spacing:.09em; font-size:.64rem; font-weight:950; }
.phase-meta strong { color:var(--phase); }
.phase-card h2 { position:relative; z-index:1; margin:10px 0 7px; color:var(--navy-900); font-size:1.8rem; letter-spacing:-.04em; }
.phase-card > p { position:relative; z-index:1; color:var(--muted); font-size:.96rem; }
.phase-items { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:7px; margin-top:16px; }
.phase-items span { padding:5px 7px; background:color-mix(in srgb,var(--phase) 7%,#fff); border:1px solid color-mix(in srgb,var(--phase) 15%,var(--line)); color:#4f6874; font-size:.72rem; font-weight:750; }
.roadmap-truth { background:linear-gradient(120deg,#342f74,#5947a6); color:#fff; padding:72px 0; }
.roadmap-truth-grid { display:grid; grid-template-columns:.55fr 1.45fr; gap:42px; align-items:center; }
.roadmap-truth-number { font-size:clamp(4.8rem,8.5vw,8.5rem); line-height:.8; font-weight:950; letter-spacing:-.1em; color:rgba(255,255,255,.14); }
.roadmap-truth h2 { margin:10px 0 13px; font-size:clamp(2.1rem,4vw,3.8rem); line-height:.99; letter-spacing:-.055em; }
.roadmap-truth p { color:#d4d0ec; max-width:850px; }

.commitment-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.commitment-card { min-height:220px; padding:20px; background:#fff; border:1px solid var(--line); box-shadow:var(--shadow-sm); transition:transform .2s ease,box-shadow .2s ease; }
.commitment-card:hover { transform:translateY(-2px); box-shadow:var(--shadow-md); }
.commitment-card:nth-child(1) { border-top:4px solid var(--blue); }
.commitment-card:nth-child(2) { border-top:4px solid var(--teal); }
.commitment-card:nth-child(3) { border-top:4px solid var(--coral); }
.commitment-card:nth-child(4) { border-top:4px solid var(--gold); }
.commitment-card > span { color:#94a5ae; font-size:.68rem; font-weight:950; }
.commitment-card h3 { margin:40px 0 8px; color:var(--navy-900); font-size:1.45rem; }
.commitment-card p { margin:0; color:var(--muted); }
.belong-section { background:linear-gradient(120deg,var(--navy-950),#0a4357); color:#fff; text-align:center; padding:86px 0; }
.belong-section span { color:#9dd8e1; text-transform:uppercase; letter-spacing:.15em; font-size:.66rem; font-weight:950; }
.belong-section h2, .belong-section p { margin:12px 0 0; font-size:clamp(2.2rem,4.2vw,4.1rem); line-height:.98; letter-spacing:-.06em; }
.belong-section p { color:var(--gold-2); font-weight:850; margin-top:4px; }
.belong-large { padding:96px 0; }

.support-grid, .contact-grid { display:grid; grid-template-columns:.92fr 1.08fr; gap:46px; align-items:start; }
.support-copy > p, .contact-copy > p { color:var(--muted); }
.funding-list { margin-top:24px; border-top:1px solid var(--line); }
.funding-list > div { display:grid; grid-template-columns:34px 1fr; column-gap:12px; padding:14px 0; border-bottom:1px solid var(--line); }
.funding-list span { width:28px; height:28px; display:grid; place-items:center; background:#eaf6fa; color:var(--blue); font-size:.63rem; font-weight:950; }
.funding-list strong { color:var(--navy-900); }
.funding-list p { grid-column:2; margin:3px 0 0; color:var(--muted); font-size:.86rem; }
.support-card, .contact-form-card { position:relative; overflow:hidden; padding:24px; background:#fff; border:1px solid var(--line); border-top:5px solid var(--teal); box-shadow:var(--shadow-md); }
.contact-form-card { border-top-color:var(--blue); }
.support-card-heading > span, .form-success > span { color:var(--teal); text-transform:uppercase; letter-spacing:.11em; font-size:.65rem; font-weight:950; }
.support-card-heading h2, .form-success h2 { margin:6px 0; color:var(--navy-900); font-size:1.7rem; letter-spacing:-.04em; }
.support-card-heading p, .form-success p { color:var(--muted); }
.support-form fieldset { border:0; padding:0; margin:22px 0 16px; }
.support-form legend, .form-row label, fieldset > label { display:block; margin-bottom:6px; color:var(--navy-900); font-size:.79rem; font-weight:850; }
.form-row label span { color:#8798a1; font-weight:600; }
.amount-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; margin-bottom:10px; }
.amount-btn { min-height:42px; background:#fff; border:1px solid var(--line); color:var(--navy-900); font-weight:850; }
.amount-btn:hover, .amount-btn.is-selected { border-color:var(--teal); background:#ebf9f7; color:var(--teal); }
.money-input { display:grid; grid-template-columns:36px 1fr; align-items:center; border:1px solid var(--line); overflow:hidden; }
.money-input span { text-align:center; color:var(--muted); border-right:1px solid var(--line); }
.form-row { margin-bottom:14px; }
.form-row input, .form-row textarea, .form-row select, .money-input input { width:100%; border:1px solid var(--line); background:#fff; color:var(--ink); padding:10px 11px; outline:none; }
.money-input input { border:0; }
.form-row input:focus, .form-row textarea:focus, .form-row select:focus, .money-input:focus-within { border-color:var(--blue); box-shadow:0 0 0 3px rgba(8,123,184,.08); }
.form-grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.form-error { margin-bottom:16px; padding:10px 12px; background:#fff0f0; border:1px solid #efc7c7; color:#a33b3b; font-size:.84rem; }
.support-legal { margin-top:20px; padding-top:15px; border-top:1px solid var(--line); }
.support-legal strong { color:var(--navy-900); font-size:.78rem; }
.support-legal p { margin:3px 0 0; color:var(--muted); font-size:.74rem; }
.contact-note { margin-top:22px; padding:15px; background:linear-gradient(135deg,#edf8fb,#f8fbfc); border-left:4px solid var(--blue); }
.contact-note strong { color:var(--navy-900); }
.contact-note p { margin:4px 0 0; color:var(--muted); font-size:.85rem; }

.prefooter-cta { background:linear-gradient(120deg,var(--blue),#087ea1 48%,var(--teal)); color:#fff; padding:40px 0; }
.prefooter-inner { display:flex; align-items:center; justify-content:space-between; gap:26px; }
.prefooter-cta h2 { margin:7px 0 6px; max-width:680px; font-size:clamp(1.7rem,3vw,2.7rem); line-height:1.05; letter-spacing:-.04em; }
.prefooter-cta p { margin:0; color:#cfe8ed; }
.prefooter-actions { display:flex; flex-wrap:wrap; gap:10px; }
.site-footer { position:relative; background:var(--navy-950); color:#a9c0cb; padding-top:52px; }
.footer-gradient-line { position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg,var(--blue),var(--teal),var(--gold),var(--coral),var(--sky),var(--violet)); }
.footer-grid { display:grid; grid-template-columns:1.45fr .9fr .8fr 1fr; gap:38px; padding-bottom:38px; }
.brand-footer .brand-mark { box-shadow:none; }
.brand-footer .brand-copy strong { color:#fff; }
.brand-footer .brand-copy small { color:#7896a4; }
.footer-brand > p { max-width:420px; margin:16px 0 0; font-size:.87rem; }
.footer-brand .footer-mission { color:#fff; font-weight:800; letter-spacing:.02em; }
.footer-grid h2 { margin:0 0 12px; color:#fff; font-size:.71rem; text-transform:uppercase; letter-spacing:.13em; }
.footer-grid > div:not(.footer-brand) a { display:block; margin:7px 0; font-size:.82rem; transition:color .15s ease,transform .15s ease; }
.footer-grid > div:not(.footer-brand) a:hover { color:#fff; transform:translateX(2px); }
.footer-contact p { font-size:.82rem; line-height:1.7; }
.footer-coming-soon { display:inline-flex; margin-top:8px; padding:5px 8px; border:1px solid rgba(56,212,203,.24); color:#7fded8; font-size:.58rem; letter-spacing:.12em; font-weight:950; }
.footer-bottom { display:flex; justify-content:space-between; gap:25px; padding:18px 0 22px; border-top:1px solid rgba(255,255,255,.08); color:#6f8b98; font-size:.70rem; }
.footer-bottom p { margin:0; }

.reveal { opacity:0; transform:translateY(12px); transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1); }
.reveal.is-visible { opacity:1; transform:none; }
.reveal.delay-1 { transition-delay:.08s; }
.reveal.delay-2 { transition-delay:.16s; }
@keyframes softPulse { 0%,100%{opacity:.7;transform:scale(1)} 50%{opacity:1;transform:scale(1.05)} }
.hero-badge-dot, .status-live-dot { animation:softPulse 2.4s ease-in-out infinite; }

@media (prefers-reduced-motion: reduce) {
    *,*::before,*::after { scroll-behavior:auto !important; transition-duration:.001ms !important; animation-duration:.001ms !important; }
    .reveal { opacity:1; transform:none; }
}

@media (max-width: 980px) {
    .site-nav {
        position:fixed; inset:110px 0 auto 0; display:none; flex-direction:column; align-items:stretch; gap:0; padding:16px 18px 20px;
        background:#fff; border-bottom:1px solid var(--line); box-shadow:var(--shadow-md);
    }
    .site-nav.is-open { display:flex; }
    .site-nav a { padding:11px 8px; }
    .site-nav > a:not(.nav-cta)::after { display:none; }
    .nav-cta { justify-content:center; margin-top:8px; }
    .nav-toggle { display:block; }

    .home-hero-grid, .service-hero-grid, .page-hero-grid, .impact-grid, .support-grid, .contact-grid,
    .community-splash-grid, .split-heading, .content-grid, .launch-standard-grid, .roadmap-truth-grid {
        grid-template-columns:1fr;
    }
    .home-hero-grid { padding:52px 0 56px; gap:36px; min-height:0; }
    .hero-command-card { max-width:720px; }
    .service-card, .service-card:nth-child(1), .service-card:nth-child(2) { grid-column:span 6; }
    .impact-cards { max-width:720px; }
    .roadmap-flow { grid-template-columns:repeat(2,1fr); }
    .sticky-heading { position:static; }
    .page-hero-grid { min-height:0; padding:48px 0; gap:26px; }
    .page-hero-stat { max-width:320px; }
    .service-status-panel { max-width:600px; }
    .footer-grid { grid-template-columns:1.25fr 1fr 1fr; }
    .footer-contact { grid-column:2 / -1; }
}

@media (max-width: 760px) {
    .shell { width:min(calc(100% - 24px),var(--max)); }
    .utility-inner { min-height:38px; }
    .utility-status > span:not(.status-live-dot), .utility-contact > span { display:none; }
    .site-nav { inset:112px 0 auto 0; }
    .brand-copy small { max-width:190px; line-height:1.22; }
    .home-hero h1, .page-hero h1, .service-hero h1 { font-size:clamp(2.6rem,13vw,4.2rem); }
    .home-hero-copy > p { font-size:1rem; }
    .hero-trust-row { grid-template-columns:1fr; }
    .hero-trust-row > div { padding:12px 0; }
    .hero-trust-row > div + div { border-left:0; border-top:1px solid rgba(255,255,255,.12); padding-left:0; }
    .command-display { grid-template-columns:104px 1fr; gap:16px; }
    .command-ring { width:98px; }
    .command-ring-inner strong { font-size:1.9rem; }
    .command-service { grid-template-columns:36px 1fr; }
    .command-progress { grid-column:2; width:100%; }
    .section { padding:58px 0; }
    .section-heading { display:block; }
    .section-heading > p, .section-heading > .text-link { margin-top:14px; }
    .service-card, .service-card:nth-child(1), .service-card:nth-child(2) { grid-column:1 / -1; min-height:300px; }
    .impact-cards, .values-feature-grid, .roadmap-flow, .service-status-legend, .commitment-grid, .values-grid { grid-template-columns:1fr; }
    .impact-card { min-height:180px; }
    .impact-card strong { margin-top:26px; }
    .value-feature { min-height:250px; }
    .value-feature-content { margin-top:34px; }
    .roadmap-flow-card { min-height:250px; }
    .community-splash { padding:58px 0; }
    .community-splash-grid { gap:26px; }
    .community-actions { display:grid; }
    .community-actions .btn { width:100%; }
    .service-hero-vibrant { padding:52px 0; }
    .service-hero-actions { display:grid; }
    .service-hero-actions .btn { width:100%; }
    .audience-grid, .form-grid-2 { grid-template-columns:1fr; }
    .milestone { grid-template-columns:1fr; gap:8px; }
    .milestone-heading { display:block; }
    .milestone-heading > span { display:inline-block; margin-top:9px; }
    .service-status-legend > div + div { border-left:0; border-top:1px solid var(--line); }
    .mission-color-grid { grid-template-columns:1fr; }
    .mission-color-grid span { padding:11px; }
    .roadmap-phase { grid-template-columns:42px 1fr; gap:12px; }
    .roadmap-timeline::before { left:18px; }
    .phase-marker { width:42px; height:42px; }
    .phase-card { padding:20px 16px; }
    .phase-meta { display:block; }
    .phase-meta strong { display:block; margin-top:4px; }
    .amount-grid { grid-template-columns:repeat(2,1fr); }
    .support-card, .contact-form-card { padding:20px 18px; }
    .cta-panel, .prefooter-inner { display:block; }
    .cta-panel .btn, .prefooter-actions { margin-top:18px; }
    .prefooter-actions { display:grid; }
    .prefooter-actions .btn { width:100%; }
    .footer-grid { grid-template-columns:1fr; gap:26px; }
    .footer-contact { grid-column:auto; }
    .footer-bottom { display:block; }
    .footer-bottom p + p { margin-top:7px; }
}

@media (max-width: 480px) {
    .brand-mark { width:40px; height:40px; flex-basis:40px; }
    .brand-copy strong { font-size:1rem; }
    .brand-copy small { font-size:.61rem; max-width:155px; }
    .header-inner { min-height:74px; }
    .site-nav { inset:108px 0 auto 0; }
    .home-hero-grid { padding-top:46px; }
    .home-hero h1, .page-hero h1, .service-hero h1 { font-size:clamp(2.4rem,14vw,3.8rem); }
    .hero-actions { display:grid; }
    .hero-actions .btn { width:100%; }
    .command-topbar, .command-display, .command-service, .command-footer { padding-left:16px; padding-right:16px; }
    .command-display { grid-template-columns:1fr; }
    .command-ring { width:102px; }
    .section-heading h2, .split-heading h2, .sticky-heading h2, .support-copy h2, .contact-copy h2 { font-size:2.1rem; }
    .roadmap-truth-number { font-size:5rem; }
}