#problem, #changing, #ways, #universes-preview, #vision, #team, #why, #funding, #faq { scroll-margin-top: 79px; }
        /* Page-specific: align with universes layout */
        .faq .container {
            max-width: 1600px;
            padding: 0 clamp(16px, 3.5vw, 48px);
        }

        /* =========================
           Header (copy style from universes.html)
           ========================= */
        .hero .container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            align-items: start;
            gap: 2rem;
        }
        .hero-video {
            position: relative;
            z-index: 2;
            container-type: inline-size;
        }
        .hero-video video {
            display: block;
            width: 100%;
            height: auto;
            border-radius: 12px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
        }
        .hero-video-tabs {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: var(--spacing-md);
            width: 100%;
            margin-bottom: var(--spacing-md);
        }
        .hero-video-tab {
            padding: 0.75rem 0.5rem;
            border-radius: 12px;
            border: none;
            background: rgba(255, 255, 255, 0.05);
            color: #ffffff;
            font-family: 'Inter', sans-serif;
            font-size: clamp(0.78rem, 1.1vw, 0.85rem);
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            cursor: pointer;
            transition: background 0.2s ease, color 0.2s ease;
            text-align: center;
        }
        .hero-video-tab:not(.active):hover {
            background: rgba(255, 255, 255, 0.08);
        }
        .hero-video-tab.active {
            background: #ffffff;
            color: #000000;
        }
        .hero-shots {
            display: flex;
            gap: 0.75rem;
            width: 100%;
            min-width: 0;
            margin-top: 0.9rem;
            overflow-x: auto;
            overflow-y: hidden;
            padding: 0.5rem 0;
            -webkit-overflow-scrolling: touch;
            box-sizing: border-box;
        }
        .hero-shots::-webkit-scrollbar { height: 6px; }
        .hero-shots::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.05); border-radius: 3px; }
        .hero-shots::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.2); border-radius: 3px; }
        .hero-notice {
            margin-top: 0.5rem;
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
        }
        .hero-notice p {
            margin: 0;
            color: rgba(255, 255, 255, 0.5);
            font-size: 0.7rem;
            line-height: 1.5;
        }
        .hero-shot img,
        .hero-shot video {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .hero-shot {
            flex: 0 0 auto;
            width: 200px;
            height: 112px;
            border-radius: 8px;
            overflow: hidden;
            background: rgba(255, 255, 255, 0.06);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }
        #problem {
            background: #000000;
            margin-top: -3px;
            position: relative;
            z-index: 5;
        }
        #changing,
        #ways {
            background: #000000;
        }
        #universes-preview {
            background: #000000;
        }
        #changing,
        #ways,
        #universes-preview,
        #vision,
        #team,
        #why,
        #funding,
        #faq {
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        }
        #universes-preview .container {
            text-align: left;
        }
        #universes-preview .faq-universes-description {
            text-align: left;
            margin-bottom: 0;
        }
        .support-grid {
            display: grid;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            gap: var(--spacing-md);
            margin-top: var(--spacing-lg);
        }
        .support-card-more .support-card-name {
            margin-top: 0;
            font-family: 'BebasNeue', sans-serif;
            font-size: 2.75rem;
            font-weight: 400;
            line-height: 1;
            letter-spacing: 0;
        }
        .support-card-more-text {
            margin: 1rem 0 1.5rem;
            font-size: 0.9rem;
            line-height: 1.5;
            color: rgba(255, 255, 255, 0.75);
        }
        .support-card-arrow {
            flex-shrink: 0;
            transition: transform var(--transition-fast);
        }
        .support-card-btn:hover .support-card-arrow {
            transform: translateX(4px);
        }
        @media (max-width: 1200px) {
            .support-grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
        }
        @media (max-width: 768px) {
            .support-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }
        @media (max-width: 520px) {
            .support-grid {
                grid-template-columns: 1fr;
            }
        }
        .vision {
            background: #000000;
            padding: var(--spacing-xl) 0;
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            color: #ffffff;
        }
        .vision .vision-grid {
            max-width: 1600px;
            padding: 0 clamp(16px, 3.5vw, 48px);
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            gap: clamp(1.5rem, 4vw, 4rem);
            align-items: center;
        }
        .vision-title {
            color: #d4d4d4;
            font-family: 'BebasNeue', sans-serif;
            font-size: clamp(2rem, 5vw, 3.5rem);
            font-weight: 700;
            margin-bottom: var(--spacing-sm);
        }
        .vision-description {
            color: #c8c8c8;
            font-size: clamp(0.95rem, 2vw, 1.1rem);
            line-height: 1.7;
            margin-bottom: var(--spacing-md);
        }
        .vision-buttons {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 0.75rem;
        }
        .vision-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            padding: 0.5rem 1rem;
            min-height: 40px;
            box-sizing: border-box;
            border-radius: 6px;
            background: #ffffff;
            color: #0a0f1a;
            font-size: 0.85rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            text-decoration: none;
            transition: background var(--transition-fast);
        }
        .vision-btn:hover {
            background: #e8e8e8;
        }
        .vision-btn-featured {
            min-height: 60px;
            padding: 0.9rem 1.9rem;
            font-size: 1.05rem;
            font-weight: 700;
        }
        .vision-note {
            grid-column: 1 / -1;
            display: flex;
            flex-direction: column;
            gap: 0.75rem;
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
        }
        .vision-note p {
            margin: 0;
            font-size: 0.8rem;
            line-height: 1.6;
            color: rgba(255, 255, 255, 0.7);
        }
        .vision-btn-arrow {
            flex-shrink: 0;
            transition: transform var(--transition-fast);
        }
        .vision-btn:hover .vision-btn-arrow {
            transform: translateX(4px);
        }
        .vision-right {
            justify-self: end;
        }
        .vision-cap {
            font-family: 'BebasNeue', sans-serif;
            font-size: clamp(3.5rem, 8vw, 6rem);
            line-height: 1;
            color: #ffffff;
        }
        .vision-cap-label {
            margin-top: 0.4rem;
            font-size: 0.9rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: #ffffff;
        }
        .vision-list {
            list-style: none;
            margin: 1.5rem 0 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            gap: 0.75rem;
            font-size: 1rem;
            line-height: 1.5;
            color: rgba(255, 255, 255, 0.75);
        }
        .vision-list li::before {
            content: '— ';
            color: rgba(255, 255, 255, 0.4);
        }
        @media (max-width: 1000px) {
            .vision .vision-grid {
                grid-template-columns: 1fr;
            }
            .vision-right {
                justify-self: start;
            }
        }
        .team {
            background: #000000;
            padding: var(--spacing-xl) 0;
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            color: #ffffff;
        }
        .team .team-wrap {
            max-width: 1600px;
            padding: 0 clamp(16px, 3.5vw, 48px);
        }
        .team-title {
            color: #d4d4d4;
            font-family: 'BebasNeue', sans-serif;
            font-size: clamp(2rem, 5vw, 3.5rem);
            font-weight: 700;
            margin-bottom: var(--spacing-md);
        }
        .team-description {
            max-width: 60rem;
            margin: calc(var(--spacing-sm) * -1) 0 var(--spacing-md);
            color: #c8c8c8;
            font-size: clamp(0.95rem, 2vw, 1.1rem);
            line-height: 1.7;
        }
        .team-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: var(--spacing-md);
        }
        .team-card {
            display: flex;
            flex-direction: row;
            align-items: stretch;
            overflow: hidden;
            border-radius: 12px;
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }
        .team-photo-box {
            flex: 0 0 46%;
            width: 46%;
            min-width: 0;
            overflow: hidden;
        }
        .team-photo {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .team-info {
            display: flex;
            flex: 1 1 0;
            min-width: 0;
            flex-direction: column;
            gap: 0.35rem;
            padding: 1.25rem;
            text-align: left;
        }
        .team-name {
            font-family: 'BebasNeue', sans-serif;
            font-size: 1.9rem;
            line-height: 1.1;
            letter-spacing: 0.02em;
        }
        .team-role {
            font-size: 0.85rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }
        .team-sub {
            font-size: 0.95rem;
            color: rgba(255, 255, 255, 0.85);
        }
        .team-exp {
            margin-top: 0.5rem;
            font-size: 0.9rem;
            line-height: 1.4;
            color: rgba(255, 255, 255, 0.75);
        }
        .team-links {
            display: flex;
            flex-wrap: wrap;
            gap: 0.5rem;
            margin-top: auto;
            padding-top: 0.75rem;
        }
        .team-link {
            display: inline-flex;
            align-items: center;
            gap: 0.4rem;
            padding: 0.35rem 0.7rem;
            border-radius: 6px;
            background: rgba(255, 255, 255, 0.08);
            color: #ffffff;
            font-size: 0.7rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.04em;
            text-decoration: none;
            transition: background 0.2s ease;
        }
        .team-link:hover {
            background: rgba(255, 255, 255, 0.16);
        }
        .team-link svg {
            width: 14px;
            height: 14px;
            flex-shrink: 0;
        }
        .team-tags {
            font-size: 0.8rem;
            line-height: 1.4;
            color: rgba(255, 255, 255, 0.5);
        }
        @media (max-width: 1100px) {
            .team-grid {
                grid-template-columns: 1fr;
            }
            .team-photo-box {
                flex-basis: 300px;
                width: 300px;
            }
        }
        @media (max-width: 520px) {
            .team-photo-box {
                flex-basis: 38%;
                width: 38%;
            }
            .team-info {
                padding: 0.8rem 0.85rem;
                gap: 0.25rem;
            }
            .team-name {
                font-size: 1.4rem;
            }
            .team-role {
                font-size: 0.72rem;
            }
            .team-sub {
                font-size: 0.82rem;
            }
            .team-exp {
                margin-top: 0.25rem;
                font-size: 0.78rem;
                line-height: 1.35;
            }
            .team-tags {
                font-size: 0.7rem;
                line-height: 1.35;
            }
            .team-links {
                gap: 0.4rem;
                padding-top: 0.5rem;
            }
            .team-link {
                padding: 0.3rem 0.55rem;
                font-size: 0.65rem;
            }
        }
        .why {
            background: #000000;
            padding: var(--spacing-xl) 0;
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            color: #ffffff;
        }
        .why .why-wrap {
            max-width: 1600px;
            padding: 0 clamp(16px, 3.5vw, 48px);
        }
        .why-title {
            color: #d4d4d4;
            font-family: 'BebasNeue', sans-serif;
            font-size: clamp(2rem, 5vw, 3.5rem);
            font-weight: 700;
            margin-bottom: var(--spacing-md);
        }
        .why-grid {
            display: grid;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            gap: var(--spacing-md);
        }
        .why-card {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            gap: 1rem;
            padding: 1.5rem 1.25rem;
            border-radius: 12px;
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.08);
            text-align: left;
        }
        .why-body {
            display: flex;
            flex-direction: column;
            gap: 0.4rem;
            min-width: 0;
        }
        @media (min-width: 1201px) {
            .why-name {
                min-height: 3.75em;
            }
        }
        .why-name {
            font-size: 1.15rem;
            line-height: 1.25;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }
        .ms { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #ffffff; }
        .ms-summary { display: flex; flex-wrap: wrap; gap: 0.5rem 2rem; margin: 0; font-size: 0.95rem; color: rgba(255, 255, 255, 0.75); }
        .ms-summary strong { color: #ffffff; }
        .ms-layout { display: flex; flex-direction: column; margin-top: var(--spacing-md); }
        .ms-row { display: grid; grid-template-columns: 56px minmax(0, 1fr); column-gap: clamp(1.25rem, 4vw, 3rem); }
        .ms-seg { position: relative; display: flex; justify-content: center; }
        .ms-track { position: relative; width: 8px; height: 100%; background: rgba(255, 255, 255, 0.12); overflow: hidden; }
        .ms-row:first-child .ms-track { border-radius: 3px 3px 0 0; }
        .ms-row:last-child .ms-track { border-radius: 0 0 3px 3px; }
        .ms-fill { position: absolute; left: 0; top: 0; width: 100%; height: 0; background: #ffffff; transition: height 0.8s ease; }
        .ms-dot { position: absolute; left: 50%; top: 46px; width: 20px; height: 20px; transform: translate(-50%, -50%); border-radius: 50%; background: #000000; border: 2px solid rgba(255, 255, 255, 0.3); box-sizing: border-box; z-index: 1; transition: background 0.4s ease, border-color 0.4s ease; }
        .ms-seg.is-reached .ms-dot { background: #ffffff; border-color: #ffffff; }
        .ms-seg.is-current .ms-dot { border-color: #ffffff; }
        .ms-item { display: flex; flex-direction: column; justify-content: center; gap: 0.35rem; padding: 0.8rem 1.25rem; margin-bottom: 0; border-radius: 12px; border: 1px solid transparent; opacity: 1; transition: opacity 0.4s ease, background 0.4s ease, border-color 0.4s ease; }
        .ms-item.is-reached { opacity: 1; }
        .ms-item.is-current { opacity: 1; background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.08); }
        .ms-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.25rem 1rem; }
        .ms-name { font-family: 'BebasNeue', sans-serif; font-size: clamp(1.5rem, 3vw, 2.1rem); line-height: 1.1; color: #d4d4d4; }
        .ms-pct { font-size: 0.8rem; font-weight: 700; letter-spacing: 0.05em; color: rgba(255, 255, 255, 0.75); }
        .ms-amount { font-family: 'BebasNeue', sans-serif; font-size: 1.6rem; line-height: 1; color: #ffffff; }
        .ms-badge { display: none; padding: 0.2rem 0.55rem; border-radius: 999px; font-size: 0.65rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; }
        .ms-badge:not(:empty) { display: inline-block; }
        .ms-item.is-current .ms-badge { color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.6); }
        .ms-item.is-reached .ms-badge { color: #000000; background: #ffffff; border: 1px solid #ffffff; }
        .ms-item { cursor: pointer; }
        .ms-item:not(.is-current):hover { background: rgba(255, 255, 255, 0.03); border-color: rgba(255, 255, 255, 0.06); }
        .ms-toggle { display: flex; align-items: center; justify-content: space-between; gap: 1rem; outline-offset: 4px; }
        .ms-toggle-main { display: flex; flex-direction: column; gap: 0.35rem; min-width: 0; }
        .ms-toggle:focus-visible { outline: 2px solid rgba(255, 255, 255, 0.7); border-radius: 8px; }
        .ms-chevron { flex: 0 0 auto; display: inline-flex; color: rgba(255, 255, 255, 0.6); transition: transform 0.25s ease; }
        .ms-item.is-open .ms-chevron { transform: rotate(180deg); }
        .ms-detail { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.25s ease; }
        .ms-item.is-open .ms-detail { grid-template-rows: 1fr; }
        .ms-detail-inner { min-height: 0; overflow: hidden; display: flex; flex-direction: column; gap: 0.35rem; }
        .ms-item.is-open .ms-detail-inner { padding-top: 0.35rem; }
        .ms-item[data-stretch] { opacity: 1; }
        .ms-unlock { margin-top: 0.75rem; padding: 0.9rem 1.1rem 1rem; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.04); cursor: default; }
        .ms-unlock-icon { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; color: #ffffff; }
        .ms-unlock-icon svg { display: block; }
        .ms-unlock-final { border-color: rgba(255, 255, 255, 0.16); background: rgba(255, 255, 255, 0.05); }
        @media (max-width: 600px) { .ms-unlock { padding: 0.8rem 0.85rem 0.9rem; }  }
        .ms-genesis { padding: 1.25rem 1.3rem 1.1rem; border-color: rgba(255, 255, 255, 0.22); background: rgba(255, 255, 255, 0.05); }
        .gx-eyebrow-row { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.75rem; }
        .gx-eyebrow { flex: 1 1 auto; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255, 255, 255, 0.78); }
        .gx-title { margin-top: 0.9rem; font-family: 'BebasNeue', sans-serif; font-size: clamp(1.9rem, 3.6vw, 2.7rem); line-height: 1.05; letter-spacing: 0.01em; color: #ffffff; }
        .gx-desc { margin: 0.5rem 0 0; font-size: 0.95rem; line-height: 1.55; color: rgba(255, 255, 255, 0.85); max-width: 46rem; }
        .gx-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.9rem; margin-top: 1.1rem; }
        .gx-card { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 1rem; padding: 1.5rem 1rem 1.25rem; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.16); background: rgba(255, 255, 255, 0.05); }
        .gx-card-img { flex: 0 0 auto; display: block; width: 150px; height: auto; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.18); background: #1a1a1a; }
        .gx-card-text { min-width: 0; width: 100%; }
        .gx-card-name { font-family: 'BebasNeue', sans-serif; font-size: clamp(1.7rem, 2.6vw, 2.2rem); line-height: 1.05; letter-spacing: 0.02em; color: #ffffff; }
        .gx-card-sub { margin-top: 0.3rem; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; line-height: 1.4; color: rgba(255, 255, 255, 0.78); }
        .gx-note { margin: 0.8rem 0 0; font-size: 0.82rem; line-height: 1.55; color: rgba(255, 255, 255, 0.8); }
        .gx-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.6rem; margin-top: 1.1rem; }
        .gx-stat { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0.2rem; padding: 0.8rem 0.9rem; border-radius: 10px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); }
        .gx-stat-label { font-size: 0.65rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); }
        .gx-stat-value { font-size: 0.95rem; font-weight: 700; line-height: 1.35; color: #ffffff; }
        .gx-stat-mid { flex: 1 1 auto; display: flex; align-items: center; justify-content: center; text-align: center; }
        .gx-big-row { display: inline-flex; align-items: baseline; gap: 0.4rem; }
        .gx-stat-bignum { font-family: 'BebasNeue', sans-serif; font-size: 2.1rem; font-weight: 400; line-height: 1; color: #ffffff; }
        .gx-unit { font-size: 0.95rem; font-weight: 700; color: #ffffff; }
        .gx-stat-sub { margin-top: auto; font-size: 0.75rem; line-height: 1.4; color: rgba(255, 255, 255, 0.78); }
        .gx-foot { margin: 1rem 0 0; padding-top: 0.7rem; border-top: 1px solid rgba(255, 255, 255, 0.1); font-size: 0.78rem; line-height: 1.55; color: rgba(255, 255, 255, 0.75); }
        .gx-compact { padding: 1.1rem 1.2rem 1.2rem; }
        .gx-compact .gx-title { margin-top: 0.7rem; font-size: clamp(1.6rem, 2.8vw, 2.2rem); }
        .gx-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(190px, 100%), 1fr)); gap: 0.6rem; margin-top: 1rem; }
        .gx-row .gx-stat { min-height: 101px; }
        .rw-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
        @media (max-width: 900px) { .gx-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
        .gx-stat { min-width: 0; overflow-wrap: anywhere; }
        .gx-big-row { flex-wrap: wrap; justify-content: center; }
        @media (max-width: 600px) { .gx-stats { grid-template-columns: minmax(0, 1fr); } }
        @media (max-width: 700px) { .gx-cards { grid-template-columns: minmax(0, 1fr); } .ms-genesis { padding: 1rem 0.9rem; } .gx-card-img { width: 130px; } }
        .ms-lock-tag { padding: 0.15rem 0.5rem; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.45); font-size: 0.6rem; font-weight: 700; letter-spacing: 0.1em; color: rgba(255, 255, 255, 0.85); }
        .ms-item.is-reached .ms-lock-tag { color: #000000; background: #ffffff; border-color: #ffffff; }
        .ms-note { margin: 1rem 0 0; font-size: 0.8rem; line-height: 1.5; color: rgba(255, 255, 255, 0.5); }
        .ms .why-title { margin-bottom: 0.75rem; }
        .ms-text { margin: 0; font-size: 0.95rem; line-height: 1.6; color: rgba(255, 255, 255, 0.85); }
        @media (max-width: 600px) { .ms-row { grid-template-columns: 36px minmax(0, 1fr); column-gap: 1rem; } .ms-item { padding: 0.7rem 0.75rem; } }
        .why-text {
            font-size: 0.95rem;
            line-height: 1.5;
            color: rgba(255, 255, 255, 0.75);
        }
        @media (max-width: 1200px) {
            .why-grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
        }
        @media (max-width: 768px) {
            .why-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }
        @media (max-width: 520px) {
            .why-grid {
                grid-template-columns: 1fr;
            }
        }
        .faq .faq-layout {
            max-width: 1600px;
            padding: 0 clamp(16px, 3.5vw, 48px);
            display: grid;
            grid-template-columns: minmax(0, 1fr);
        }
        .faq .faq-container {
            max-width: none;
            margin: 0;
        }
        .faq .faq-item.active .faq-answer {
            max-height: 1500px;
        }
        @media (max-width: 900px) {
            .faq .faq-layout {
                grid-template-columns: 1fr;
            }
        }
        .referral-card {
            margin-top: var(--spacing-md);
            padding: 1.5rem 1.5rem 1.25rem;
            border-radius: 12px;
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.08);
            text-align: left;
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            color: #ffffff;
        }
        .referral-main {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 2rem;
        }
        .referral-title {
            font-family: 'BebasNeue', sans-serif;
            font-size: clamp(1.8rem, 3vw, 2.5rem);
            line-height: 1.1;
            letter-spacing: 0.02em;
        }
        .referral-desc {
            margin: 0.35rem 0 0;
            max-width: 52rem;
            font-size: 0.95rem;
            line-height: 1.6;
            color: rgba(255, 255, 255, 0.75);
        }
        .referral-btn {
            flex: 0 0 auto;
            margin-top: 0;
            min-height: 48px;
            padding: 0.6rem 1.5rem;
            white-space: nowrap;
        }
        .referral-note {
            margin: 1rem 0 0;
            font-size: 0.75rem;
            line-height: 1.5;
            color: rgba(255, 255, 255, 0.5);
        }
        @media (max-width: 768px) {
            .referral-main {
                flex-direction: column;
                align-items: flex-start;
                gap: 1.25rem;
            }
        }
        .support-note {
            margin-top: var(--spacing-md);
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
        }
        .support-note p {
            margin: 0;
            font-size: 0.8rem;
            line-height: 1.6;
            color: rgba(255, 255, 255, 0.7);
            text-align: left;
        }
        .support-note a { color: #ffffff; text-decoration: underline; }
        .faq-heading {
            color: #d4d4d4;
            font-family: 'BebasNeue', sans-serif;
            font-size: clamp(2rem, 5vw, 3.5rem);
            font-weight: 700;
            line-height: 1;
            margin: 0 0 var(--spacing-md);
        }
        #home.hero {
            min-height: calc(100vh + 220px);
            align-items: flex-start;
            padding-top: 170px;
            padding-bottom: 8rem;
        }
        @media (max-width: 768px) {
            #home.hero {
                padding-top: 92px;
                padding-bottom: 8rem;
            }
        }
        #home.hero::after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            bottom: -2px;
            height: 150px;
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0.000) 0%, rgba(0, 0, 0, 0.028) 10%, rgba(0, 0, 0, 0.104) 20%, rgba(0, 0, 0, 0.216) 30%, rgba(0, 0, 0, 0.352) 40%, rgba(0, 0, 0, 0.500) 50%, rgba(0, 0, 0, 0.648) 60%, rgba(0, 0, 0, 0.784) 70%, rgba(0, 0, 0, 0.896) 80%, rgba(0, 0, 0, 0.972) 90%, rgba(0, 0, 0, 1.000) 100%);
            pointer-events: none;
            z-index: 1;
        }
        .hero-scroll {
            position: absolute;
            left: 50%;
            bottom: 1.25rem;
            transform: translateX(-50%);
            z-index: 3;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 36px;
            height: 36px;
            color: #ffffff;
            opacity: 0.7;
            transition: opacity var(--transition-fast), transform var(--transition-fast);
        }
        .hero-scroll:hover {
            opacity: 1;
            transform: translateX(-50%) translateY(3px);
        }
        .funding-goal-founder {
            margin-top: 0.9rem;
            padding-top: 0.9rem;
            border-top: 1px solid rgba(255, 255, 255, 0.12);
        }
        .funding-goal-founder-title {
            font-size: 0.75rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
        .funding-goal-founder-text {
            margin: 0.35rem 0 0;
            font-size: 0.8rem;
            line-height: 1.5;
            color: rgba(255, 255, 255, 0.7);
        }
        .problem {
            padding: var(--spacing-xl) 0;
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            color: #ffffff;
        }
        .problem .problem-wrap {
            max-width: 1600px;
            padding: 0 clamp(16px, 3.5vw, 48px);
            text-align: left;
        }
        .problem-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: var(--spacing-md);
        }
        .problem-card {
            display: flex;
            flex-direction: column;
            gap: 0.9rem;
            padding: 1.75rem 1.75rem 1.6rem;
            border-radius: 12px;
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }
        .problem-title {
            color: #d4d4d4;
            font-family: 'BebasNeue', sans-serif;
            font-size: clamp(2rem, 4vw, 3rem);
            font-weight: 700;
            line-height: 1.1;
        }
        .problem-card p {
            margin: 0;
            font-size: 1rem;
            line-height: 1.7;
            color: rgba(255, 255, 255, 0.78);
        }
        .problem-card p.problem-vision {
            font-size: 0.8rem;
            line-height: 1.5;
            color: rgba(255, 255, 255, 0.5);
        }
        @media (max-width: 800px) {
            .problem-grid {
                grid-template-columns: minmax(0, 1fr);
            }
        }
        .ways .changing-intro {
            margin-bottom: var(--spacing-md);
        }
        .ways-note {
            font-size: 0.8rem !important;
            line-height: 1.5 !important;
            color: rgba(255, 255, 255, 0.5) !important;
        }
        .ways-btn {
            align-self: flex-start;
            margin-top: auto;
        }
        .problem-card:has(.ways-btn) p:last-of-type {
            margin-bottom: 0.25rem;
        }
        @media (max-width: 800px) {
            .problem-grid {
                grid-template-columns: minmax(0, 1fr);
            }
        }
        .changing {
            padding: var(--spacing-xl) 0;
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            color: #ffffff;
        }
        .changing .changing-wrap {
            max-width: 1600px;
            padding: 0 clamp(16px, 3.5vw, 48px);
            text-align: left;
        }
        .changing-title {
            color: #d4d4d4;
            font-family: 'BebasNeue', sans-serif;
            font-size: clamp(2rem, 5vw, 3.5rem);
            font-weight: 700;
            margin-bottom: var(--spacing-sm);
        }
        .changing-intro {
            max-width: 52rem;
            margin: 0 0 var(--spacing-lg);
            color: #c8c8c8;
            font-size: clamp(0.95rem, 2vw, 1.1rem);
            line-height: 1.7;
        }
        .change-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: var(--spacing-md);
        }
        .change-card {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
            padding: 1.5rem 1.25rem;
            border-radius: 12px;
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }
        .change-icon {
            width: 48px;
            height: 48px;
            margin-bottom: 0.25rem;
            color: #ffffff;
        }
        .change-icon svg {
            display: block;
            width: 100%;
            height: 100%;
        }
        .change-name {
            font-size: 0.9rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }
        .change-text {
            margin: 0;
            font-size: 0.95rem;
            line-height: 1.6;
            color: rgba(255, 255, 255, 0.75);
        }
        .change-founder {
            margin-top: var(--spacing-md);
            padding: 1.5rem 1.5rem 1.4rem;
            border-radius: 12px;
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }
        .change-founder-title {
            margin-bottom: 0.5rem;
            font-size: 0.9rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }
        .change-founder p {
            margin: 0;
            font-size: 0.95rem;
            line-height: 1.7;
            color: rgba(255, 255, 255, 0.8);
        }
        @media (max-width: 1000px) {
            .change-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }
        @media (max-width: 600px) {
            .change-grid {
                grid-template-columns: 1fr;
            }
        }

        .hero-logo {
            filter: brightness(0) invert(1) drop-shadow(0 6px 16px rgba(0, 0, 0, 0.25));
        }
        /* Tighter title -> description spacing (like cyberbitevampires.html) */
        .faq-universes-title,
        .vision-title,
        .team-title,
        .changing-title {
            line-height: 1.1;
            margin-bottom: 0.5rem;
        }
        .why-title {
            line-height: 1.1;
            margin-bottom: var(--spacing-md);
        }
        .team-description {
            margin-top: 0;
        }
        .hero-description {
            margin-top: 0.75rem;
            max-width: 32rem;
            font-size: 0.95rem;
            line-height: 1.6;
            color: rgba(255, 255, 255, 0.7);
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
        }
        .hero-video-panels {
            position: relative;
        }
        .hero-video-panel {
            display: none;
        }
        .hero-video-panel.active {
            display: block;
        }
        .hero-video-image { transition: filter 0.25s ease; }
        .hero-video-image.is-loading { filter: blur(6px); }
        .hero-video img.hero-video-image {
            display: block;
            width: 100%;
            height: auto;
            aspect-ratio: 1920 / 1008;
            border-radius: 12px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
            background: #000000;
            object-fit: contain;
            object-position: center;
        }
        .hero-video img.hero-video-image[hidden],
        .hero-video video[hidden] {
            display: none;
        }
        .hero-shot-video {
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.05) 100%);
        }
        .hero-shot[data-type="video"] {
            position: relative;
        }
        .hero-shot[data-type="video"]::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 40px;
            height: 40px;
            transform: translate(-50%, -50%);
            border-radius: 50%;
            background: rgba(0, 0, 0, 0.55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6.5v11l9-5.5z' fill='%23ffffff'/%3E%3C/svg%3E") center / 22px 22px no-repeat;
            border: 1px solid rgba(255, 255, 255, 0.5);
            pointer-events: none;
            transition: background-color 0.2s ease;
        }
        .hero-shot[data-type="video"]:hover::after {
            background-color: rgba(0, 0, 0, 0.75);
        }
        .hero-shot img[src*="/shot-"] {
            object-position: top center;
        }
        .hero-shot[data-type] {
            cursor: pointer;
            transition: border-color 0.2s ease, opacity 0.2s ease;
            opacity: 0.8;
        }
        .hero-shot[data-type]:hover {
            opacity: 1;
        }
        .hero-shot[data-type].active {
            opacity: 1;
            border-color: #ffffff;
        }
        .hero-shot[data-type]:focus-visible {
            outline: 2px solid #ffffff;
            outline-offset: 2px;
        }
        .hero-video video.hero-video-contain {
            aspect-ratio: 1920 / 1008;
            object-fit: cover;
            object-position: center 88%;
            background: #000000;
        }
        @media (max-width: 900px) {
            .hero .container {
                grid-template-columns: 1fr;
            }
        }

        .funding-goal {
            margin-top: 1.5rem;
            width: 100%;
            max-width: 480px;
            color: #ffffff;
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            text-shadow: none;
        }
        .funding-goal-head,
        .funding-goal-foot {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            font-weight: 600;
        }
        .funding-goal-bar {
            height: 12px;
            margin: 0.5rem 0;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.18);
            overflow: hidden;
        }
        .funding-goal-fill {
            width: 0;
            height: 100%;
            border-radius: 999px;
            background: #ffffff;
            transition: width 1.2s ease;
        }
        .funding-goal-split {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 0.25rem;
            margin-top: 0.35rem;
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            font-weight: 600;
            opacity: 0.8;
        }
        .funding-goal-percent {
            color: #ffffff;
        }

        .hero-buttons .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            padding: 0.5rem 1rem;
            font-size: 0.85rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            border-radius: 6px;
            border: none;
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            transition: all var(--transition-fast);
            line-height: 1.25;
            min-height: 40px;
            box-sizing: border-box;
        }
        .hero-buttons .btn-arrow {
            display: inline-flex;
            flex-shrink: 0;
            transition: transform var(--transition-fast);
        }
        .hero-buttons .btn:hover .btn-arrow {
            transform: translateX(4px);
        }
        .hero-buttons .btn-primary {
            background: #ffffff;
            color: #0a0f1a;
        }
        .hero-buttons .btn-primary:hover {
            background: #e8e8e8;
        }
        .hero-buttons .btn-secondary {
            background: #ffffff;
            color: #0a0f1a;
        }
        .hero-buttons .btn-secondary:hover {
            background: #e8e8e8;
        }

        @media (max-width: 768px) {

            .hero {
                align-items: flex-start;
                padding-top: 92px;
                padding-bottom: 2.5rem;
            }

            .hero .container {
                gap: 1.75rem;
                padding: 0 1.25rem;
            }

            .hero-content {
                padding: 0;
            }

            .hero-logo {
                max-width: 300px;
                margin: 0.5rem auto 1rem;
                display: block;
            }

            .hero-tagline {
                font-size: 1.05rem;
                line-height: 1.5;
                margin-top: 0;
                margin-left: auto;
                margin-right: auto;
                max-width: 20rem;
                text-align: center;
            }

            .hero-buttons {
                flex-direction: column;
                align-items: stretch;
                gap: 0.6rem;
                margin-top: 1.25rem;
            }

            .hero-buttons .btn {
                width: 100%;
                max-width: none;
                min-height: 48px;
            }

            .funding-goal {
                max-width: none;
                margin-top: 1.25rem;
            }

            .hero-video {
                width: 100%;
            }

            .hero-video video {
                border-radius: 14px;
                aspect-ratio: 16 / 9;
                background: #000;
            }

            .hero-video video.hero-video-contain {
                aspect-ratio: 16 / 9;
            }

            .hero-video img.hero-video-image {
                aspect-ratio: 16 / 9;
                border-radius: 14px;
            }

        }

        /* Mobile: centered section titles and card text */
        @media (max-width: 600px) {
            .faq-universes-title, .vision-title, .team-title, .changing-title, .why-title, .faq-heading, .changing-intro { text-align: center; }
            .faq-universes-title, .vision-title, .team-title, .changing-title, .why-title, .faq-heading { font-size: 3rem; line-height: 1.1; }
            .changing-intro { margin-left: auto; margin-right: auto; }
            .problem-card, .change-founder, .why-card, .referral-card { text-align: center; align-items: center; }
            .referral-main { flex-direction: column; align-items: center; text-align: center; gap: 1rem; }
            .referral-desc { margin-left: auto; margin-right: auto; }
            .ways-btn { align-self: center; }
            .why-body { align-items: center; }
            #problem, #changing, #ways, #universes-preview, #vision, #team, #why, #funding, #faq { padding-top: 2.5rem; padding-bottom: 2.5rem; }
            .change-card, .change-name, .change-text, .faq-universes-description, .support-cta-note, .support-help-text, .support-note, .support-note p, .vision-description, .vision-note, .vision-note p, .vision-cap, .vision-cap-label, .vision-list, .team-description, .ms-note { text-align: center; }
            .vision-buttons, .vision-note { align-items: center; }
            .vision-right { justify-self: center; margin-top: 1rem; }
            .vision-btn-featured { justify-content: center; text-align: center; }
            .change-card { align-items: center; }
            #universes-preview .faq-universes-title, #universes-preview .faq-universes-description { text-align: center; }
            .support-cta { flex-direction: column; align-items: center; justify-content: center; text-align: center; }
            .support-cta-btn { align-self: center; }
            .hero-description { text-align: center; margin-left: auto; margin-right: auto; }
            .ms-summary { justify-content: center; }
        }