:root{
    --bg:#060812;
    --panel:#0c1222;
    --panel2:#101a30;
    --text:#f7f8ff;
    --muted:#9ba8c4;
    --purple:#7b5cff;
    --cyan:#00d9ff;
    --gold:#efbf62;
    --border:#23304d;
}

*{box-sizing:border-box}

html{
    scroll-behavior:smooth;
    -webkit-text-size-adjust:100%;
}

body{
    margin:0;
    min-width:0;
    overflow-x:hidden;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    background:
        radial-gradient(circle at 20% 10%,#1b1540 0,transparent 32%),
        radial-gradient(circle at 80% 15%,#03273a 0,transparent 27%),
        var(--bg);
    color:var(--text);
    line-height:1.6;
}

a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}

.wrap{
    width:min(1180px,92%);
    margin:auto;
}

/* HEADER */
.header{
    position:sticky;
    top:0;
    z-index:100;
    background:rgba(6,8,18,.92);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    border-bottom:1px solid rgba(255,255,255,.08);
    box-shadow:0 10px 35px rgba(0,0,0,.18);
}

.nav{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:92px;
    gap:22px;
}

.brand{
    display:flex;
    align-items:center;
    min-width:0;
    gap:14px;
    font-weight:900;
    font-size:1.55rem;
    line-height:1;
    letter-spacing:-.035em;
    color:#fff;
    white-space:nowrap;
}

.brand img{
    width:70px;
    height:70px;
    flex:0 0 70px;
    object-fit:contain;
    border-radius:18px;
    padding:1px;
    filter:
        drop-shadow(0 0 8px rgba(0,217,255,.42))
        drop-shadow(0 0 16px rgba(123,92,255,.28));
}

.navlinks{
    display:flex;
    gap:26px;
    align-items:center;
    font-weight:700;
}

.navlinks a{
    color:#eef2ff;
}

.support-link,
.footer-support{
    color:#aaf6ff !important;
}

.support-link{
    padding:9px 13px;
    border-radius:999px;
    border:1px solid rgba(0,217,255,.28);
    background:linear-gradient(135deg,rgba(0,217,255,.08),rgba(123,92,255,.12));
}

/* MOBILE NAV */
.mobile-menu-toggle{
    display:none;
    width:48px;
    height:48px;
    flex:0 0 48px;
    padding:0;
    border:1px solid #2b3958;
    border-radius:14px;
    background:rgba(13,21,39,.98);
    color:#fff;
    cursor:pointer;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
}

.mobile-menu-toggle span{
    display:block;
    width:21px;
    height:2px;
    border-radius:999px;
    background:#fff;
    transition:transform .22s ease,opacity .18s ease;
}

.mobile-menu-toggle.is-open span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
}
.mobile-menu-toggle.is-open span:nth-child(2){opacity:0}
.mobile-menu-toggle.is-open span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
}

.mobile-nav{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    border-top:1px solid rgba(255,255,255,.07);
    background:
        radial-gradient(circle at 85% 0%,rgba(0,217,255,.10),transparent 35%),
        radial-gradient(circle at 10% 0%,rgba(123,92,255,.13),transparent 40%),
        rgba(6,8,18,.99);
    box-shadow:0 20px 45px rgba(0,0,0,.38);
    opacity:0;
    transform:translateY(-8px);
    transition:opacity .18s ease,transform .18s ease;
}

.mobile-nav.is-open{
    opacity:1;
    transform:translateY(0);
}

.mobile-nav-inner{
    display:grid;
    padding:10px 0 18px;
}

.mobile-nav-inner a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:56px;
    padding:13px 16px;
    border-bottom:1px solid rgba(255,255,255,.07);
    color:#f6f8ff;
    font-weight:750;
}

.mobile-support-link{
    margin-top:8px;
    border:1px solid rgba(0,217,255,.30) !important;
    border-radius:14px;
    background:linear-gradient(135deg,rgba(0,217,255,.10),rgba(123,92,255,.16));
    color:#b9f8ff !important;
}

/* BUTTONS */
.button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:46px;
    padding:11px 17px;
    border-radius:12px;
    border:1px solid var(--border);
    font-weight:750;
    cursor:pointer;
    background:#11182a;
    color:#fff;
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.button:hover{
    transform:translateY(-1px);
    border-color:#405170;
}

.button.primary{
    border:none;
    background:linear-gradient(135deg,var(--purple),#5b3bd5 50%,#176cc0);
    box-shadow:0 10px 30px rgba(123,92,255,.28);
}

/* HERO */
.hero{padding:64px 0 52px}

.hero-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:42px;
    align-items:center;
}

.eyebrow{
    color:var(--cyan);
    text-transform:uppercase;
    letter-spacing:.18em;
    font-size:.78rem;
    font-weight:800;
}

.hero h1{
    font-size:clamp(2.55rem,6.5vw,5.5rem);
    line-height:.98;
    margin:12px 0 20px;
    letter-spacing:-.05em;
}

.hero p{
    font-size:1.05rem;
    color:var(--muted);
    max-width:650px;
}

.hero-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-top:25px;
}

.hero-art{
    position:relative;
    overflow:hidden;
    width:100%;
    aspect-ratio:16/11;
    border-radius:28px;
    border:1px solid #384468;
    background:#10162a;
    box-shadow:0 30px 90px rgba(0,0,0,.42);
}

.hero-art img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.hero-art:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 52%,rgba(4,7,17,.34));
    pointer-events:none;
}

/* GENERAL */
.section{padding:54px 0}

.section-title{
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:20px;
    margin-bottom:24px;
}

.section-title h2{
    font-size:clamp(1.9rem,4vw,3.1rem);
    line-height:1.05;
    margin:0;
    letter-spacing:-.035em;
}

.section-title p{
    color:var(--muted);
    max-width:620px;
}

.grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}

.card{
    min-width:0;
    background:linear-gradient(160deg,rgba(17,26,47,.92),rgba(8,13,25,.96));
    border:1px solid var(--border);
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 16px 50px rgba(0,0,0,.22);
}

.card-img{
    width:100%;
    overflow:hidden;
    background:#12192a;
}

.collection-card-img{
    aspect-ratio:16/11;
}

.nft-card-img{
    aspect-ratio:4/5;
}

.card-img img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.card-body{padding:20px}

.card h3{
    margin:10px 0 8px;
    font-size:1.3rem;
    line-height:1.25;
}

.muted{color:var(--muted)}

.meta{
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:center;
    margin-top:16px;
}

.opensea-text-link{
    white-space:nowrap;
    font-weight:700;
}

.pill{
    display:inline-flex;
    font-size:.75rem;
    padding:5px 9px;
    border-radius:999px;
    background:rgba(123,92,255,.14);
    color:#c9beff;
    border:1px solid rgba(123,92,255,.3);
}

.nft-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}

.notice{
    padding:20px;
    border-radius:18px;
    background:linear-gradient(120deg,rgba(0,217,255,.08),rgba(123,92,255,.08));
    border:1px solid #27385b;
}

/* COLLECTION PAGE */
.collection-hero{
    padding:42px 0 24px;
}

.collection-banner{
    width:100%;
    aspect-ratio:16/7;
    overflow:hidden;
    border-radius:26px;
    background:#111827;
    border:1px solid var(--border);
}

.collection-banner img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.content{
    max-width:850px;
}

.collection-copy{
    padding-top:24px;
}

.collection-copy .eyebrow{
    margin-bottom:10px;
}

.collection-copy h1{
    margin:0 0 14px;
    font-size:clamp(2.2rem,5vw,4.3rem);
    line-height:1.05;
    letter-spacing:-.04em;
}

.collection-copy p{
    font-size:1.05rem;
}

.collection-opensea-button,
.nft-opensea-button{
    margin-top:8px;
}

/* FORMS / ADMIN */
.form{display:grid;gap:14px}

.input,textarea,select{
    width:100%;
    padding:12px 14px;
    border:1px solid #34415f;
    border-radius:11px;
    background:#0c1427;
    color:#fff;
    font:inherit;
}

textarea{min-height:120px}

.admin-wrap{
    width:min(1100px,94%);
    margin:35px auto;
}

.admin-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
    margin-bottom:25px;
}

.admin-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
}

.admin-panel{
    padding:22px;
    background:#0d1426;
    border:1px solid #263453;
    border-radius:18px;
}

.table{
    width:100%;
    border-collapse:collapse;
}

.table td,.table th{
    padding:11px;
    border-bottom:1px solid #263453;
    text-align:left;
}

.status{
    padding:12px;
    border-radius:10px;
    background:#123424;
    color:#a6f2c6;
}

.error{
    padding:12px;
    border-radius:10px;
    background:#421820;
    color:#ffc0c9;
}

/* FOOTER */
.footer{
    margin-top:54px;
    padding:42px 0;
    border-top:1px solid rgba(255,255,255,.08);
    color:var(--muted);
}

.footer-grid{
    display:grid;
    grid-template-columns:1fr auto 1.25fr;
    align-items:start;
    gap:26px;
}

.footer-brand{
    display:grid;
    gap:5px;
}

.footer-brand strong{
    color:#fff;
    font-size:1.05rem;
}

.footer-links{
    display:flex;
    flex-wrap:wrap;
    gap:10px 17px;
}

.footer-links a{
    color:#dce5fa;
    font-weight:650;
}

.footer-safety{
    max-width:430px;
}

/* PLACEHOLDER */
.image-placeholder{
    width:100%;
    height:100%;
    min-height:220px;
    display:grid;
    place-items:center;
    padding:20px;
    text-align:center;
    color:var(--muted);
}

/* TABLET */
@media(max-width:1050px){
    .nft-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media(max-width:900px){
    .desktop-nav{display:none !important}
    .mobile-menu-toggle{display:inline-flex}

    .nav{
        min-height:74px;
    }

    .brand{
        gap:10px;
        font-size:1.28rem;
    }

    .brand img{
        width:56px;
        height:56px;
        flex-basis:56px;
        border-radius:14px;
    }

    .hero{
        padding:42px 0;
    }

    .hero-grid{
        grid-template-columns:1fr;
        gap:26px;
    }

    .hero-art{
        aspect-ratio:16/10;
    }

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

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

    .section-title{
        align-items:start;
        flex-direction:column;
        gap:8px;
    }

    .collection-banner{
        aspect-ratio:16/8;
        border-radius:20px;
    }

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

    .footer-links{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
    }

    .footer-links a{
        padding:10px 12px;
        border:1px solid rgba(255,255,255,.08);
        border-radius:12px;
        background:rgba(255,255,255,.025);
    }

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

/* MOBILE */
@media(max-width:600px){
    .header .wrap,
    .wrap{
        width:min(94%,1180px);
    }

    .nav{
        min-height:66px;
    }

    .brand{
        max-width:calc(100% - 58px);
        gap:8px;
        font-size:1.08rem;
    }

    .brand span{
        overflow:hidden;
        text-overflow:ellipsis;
    }

    .brand img{
        width:48px;
        height:48px;
        flex-basis:48px;
        border-radius:12px;
    }

    .mobile-menu-toggle{
        width:44px;
        height:44px;
        flex-basis:44px;
        border-radius:12px;
    }

    .hero{
        padding:30px 0 34px;
    }

    .hero h1{
        font-size:clamp(2.25rem,12vw,3.6rem);
    }

    .hero p{
        font-size:1rem;
    }

    .hero-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .hero-actions .button{
        width:100%;
    }

    .hero-art{
        aspect-ratio:4/3;
        border-radius:20px;
    }

    .section{
        padding:38px 0;
    }

    .grid,
    .nft-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .collection-card-img{
        aspect-ratio:16/10;
    }

    .nft-card-img{
        aspect-ratio:4/5;
    }

    .card{
        border-radius:18px;
    }

    .card-body{
        padding:18px;
    }

    .card h3{
        font-size:1.22rem;
    }

    .meta{
        align-items:stretch;
        flex-direction:column;
    }

    .meta .button,
    .collection-opensea-button,
    .nft-opensea-button{
        width:100%;
    }

    .opensea-text-link{
        display:flex;
        min-height:44px;
        align-items:center;
        justify-content:center;
        padding:10px 12px;
        border:1px solid var(--border);
        border-radius:12px;
        background:#0d1527;
    }

    .collection-hero{
        padding:24px 0 16px;
    }

    .collection-banner{
        aspect-ratio:4/3;
        border-radius:18px;
    }

    .collection-copy{
        padding-top:20px;
    }

    .collection-copy h1{
        font-size:clamp(2rem,10vw,3rem);
    }

    .collection-copy p{
        font-size:1rem;
    }

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

    .footer{
        margin-top:40px;
        padding:34px 0;
    }
}

/* VERY SMALL PHONES */
@media(max-width:390px){
    .brand{
        font-size:1rem;
    }

    .brand img{
        width:44px;
        height:44px;
        flex-basis:44px;
    }

    .mobile-menu-toggle{
        width:42px;
        height:42px;
        flex-basis:42px;
    }

    .hero h1{
        font-size:2.15rem;
    }
}

/* REDUCE MOTION */
@media(prefers-reduced-motion:reduce){
    *,
    *::before,
    *::after{
        scroll-behavior:auto !important;
        transition:none !important;
        animation:none !important;
    }
}

/* ================================================================
   NFTSMYSTERY ECOSYSTEM CLEANUP — 2026
   ================================================================ */
.hero-lead{font-size:1.12rem!important;max-width:720px!important}
.universe-intro{padding-top:64px}
.collection-tier{margin-top:44px}
.tier-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;color:#dfe6ff;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}
.tier-heading span{font-weight:900;color:var(--cyan)}
.tier-heading strong{font-size:.82rem;color:#fff}
.ecosystem-card{position:relative}
.ecosystem-card.flagship-card{display:grid;grid-template-columns:1.18fr .82fr;min-height:430px;border-color:rgba(239,191,98,.55);box-shadow:0 24px 80px rgba(0,0,0,.32),0 0 0 1px rgba(239,191,98,.08)}
.ecosystem-card.genesis-card{display:grid;grid-template-columns:.9fr 1.1fr;border-color:rgba(123,92,255,.5)}
.ecosystem-card.flagship-card .ecosystem-card-img,.ecosystem-card.genesis-card .ecosystem-card-img{height:100%;aspect-ratio:auto;min-height:360px}
.ecosystem-card-img{aspect-ratio:16/10}
.ecosystem-card-body{display:flex;flex-direction:column;justify-content:center;padding:28px}
.ecosystem-card-body h3{font-size:clamp(1.45rem,3vw,2.25rem);margin:14px 0 4px;text-transform:uppercase;letter-spacing:-.025em}
.collection-role-badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:7px 11px;border-radius:999px;border:1px solid #344566;background:rgba(255,255,255,.035);font-size:.73rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.collection-role-badge.role-legacy{border-color:rgba(239,191,98,.55);color:#ffe3a1;background:rgba(239,191,98,.08)}
.collection-role-badge.role-genesis{border-color:rgba(123,92,255,.6);color:#d9ceff;background:rgba(123,92,255,.1)}
.collection-role-badge.role-official{border-color:rgba(174,90,255,.48);color:#dbbbff;background:rgba(174,90,255,.08)}
.collection-role-badge.role-heritage{border-color:rgba(239,191,98,.42);color:#f2cc7f;background:rgba(239,191,98,.07)}
.collection-subtitle{color:#dbe3f7;font-weight:800;font-size:.95rem;margin-bottom:10px}
.collection-page-subtitle{font-size:1rem;margin:4px 0 12px}
.collection-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:12px}
.official-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.story-section{position:relative;overflow:hidden}
.story-timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;position:relative}
.story-timeline:before{content:"";position:absolute;top:25px;left:8%;right:8%;height:1px;background:linear-gradient(90deg,var(--gold),var(--purple),var(--cyan));opacity:.45}
.story-timeline article{position:relative;padding:58px 18px 20px;border:1px solid var(--border);border-radius:18px;background:rgba(10,16,31,.82)}
.story-timeline article:before{content:"";position:absolute;top:19px;left:20px;width:13px;height:13px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px rgba(0,217,255,.6)}
.story-timeline article.story-next:before{background:var(--gold);box-shadow:0 0 18px rgba(239,191,98,.55)}
.story-year{font-size:.78rem;color:var(--cyan);font-weight:900;letter-spacing:.12em}
.story-timeline h3{font-size:1rem;margin:8px 0 4px;text-transform:uppercase;line-height:1.25}
.story-timeline p{margin:0;color:var(--muted);font-size:.88rem}
.roadmap-panel{padding:34px;border:1px solid var(--border);border-radius:26px;background:radial-gradient(circle at 85% 12%,rgba(0,217,255,.12),transparent 30%),radial-gradient(circle at 12% 20%,rgba(123,92,255,.15),transparent 36%),linear-gradient(160deg,rgba(17,26,47,.94),rgba(8,13,25,.98))}
.roadmap-panel h2,.verify-panel h2,.safety-notice h2,.registry-notice h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.05;margin:8px 0 12px}
.roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px}
.roadmap-grid article{padding:22px;border:1px solid #2b3958;border-radius:18px;background:rgba(7,12,24,.72)}
.roadmap-grid article span{font-size:.72rem;font-weight:900;color:var(--cyan);letter-spacing:.12em}
.roadmap-grid h3{margin:6px 0}.roadmap-grid p{margin:0;color:var(--muted)}
.verify-panel{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:32px;border:1px solid rgba(0,217,255,.28);border-radius:24px;background:linear-gradient(135deg,rgba(0,217,255,.08),rgba(123,92,255,.09))}
.verify-panel p{max-width:760px;color:var(--muted);margin-bottom:0}
.safety-notice{display:grid;grid-template-columns:.7fr 1.4fr auto;gap:24px;align-items:center}
.safety-notice p{margin:0}
.registry-hero{padding:78px 0 36px}
.registry-hero-inner{max-width:900px}
.registry-hero h1{font-size:clamp(2.6rem,7vw,5.4rem);line-height:.98;letter-spacing:-.05em;margin:10px 0 18px;text-transform:uppercase}
.registry-lead{font-size:1.35rem;color:#fff;font-weight:800;margin:0 0 6px}
.registry-hero p:not(.registry-lead){color:var(--muted);max-width:720px}
.registry-list{display:grid;gap:24px}
.registry-card{padding:30px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(160deg,rgba(17,26,47,.94),rgba(8,13,25,.98));box-shadow:0 18px 60px rgba(0,0,0,.22)}
.registry-card.role-legacy{border-color:rgba(239,191,98,.5)}
.registry-card.role-genesis{border-color:rgba(123,92,255,.5)}
.registry-heading h2{margin:14px 0 2px;font-size:clamp(1.5rem,3.6vw,2.4rem);text-transform:uppercase;letter-spacing:-.025em}
.registry-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:22px 0;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--border)}
.registry-row{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;background:#0b1222}
.registry-row span{color:var(--muted)}
.contract-block{display:grid;gap:8px;margin:18px 0}.contract-block span{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:800}
.contract-block code{display:block;max-width:100%;padding:14px 16px;border:1px solid #31405f;border-radius:14px;background:#060b16;color:#e9efff;font-size:.88rem;word-break:break-all;user-select:all}
.registry-actions{display:flex;gap:10px;flex-wrap:wrap}
.registry-notice{padding:32px;border:1px solid var(--border);border-radius:24px;background:rgba(11,18,34,.88)}
.warning-notice{border-color:rgba(239,191,98,.4);background:linear-gradient(135deg,rgba(239,191,98,.07),rgba(11,18,34,.92))}
.registry-notice p{max-width:920px;color:var(--muted)}
.creator-wallet{max-width:700px}

@media(max-width:1000px){
    .desktop-nav{gap:16px;font-size:.92rem}
    .story-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.story-timeline:before{display:none}
}
@media(max-width:900px){
    .ecosystem-card.flagship-card,.ecosystem-card.genesis-card{grid-template-columns:1fr}.ecosystem-card.flagship-card .ecosystem-card-img,.ecosystem-card.genesis-card .ecosystem-card-img{min-height:0;aspect-ratio:16/10}
    .roadmap-grid{grid-template-columns:1fr}.verify-panel,.safety-notice{grid-template-columns:1fr;align-items:start}
}
@media(max-width:700px){
    .official-grid,.registry-details,.story-timeline{grid-template-columns:1fr}
    .ecosystem-card-body{padding:20px}.collection-actions{display:grid}.collection-actions .button{width:100%}
    .roadmap-panel,.registry-card,.registry-notice{padding:22px}.registry-row{flex-direction:column;gap:4px}
    .registry-hero{padding:48px 0 20px}
}

/* ================================================================
   NFTSMYSTERY PREMIUM HEADER + FOOTER REDESIGN — 2026-08
   Inspired by the approved dark Web3 concept while preserving
   all existing content, routes and collection data.
   ================================================================ */
:root{
    --nm-bg:#050814;
    --nm-panel:#090f1e;
    --nm-panel-soft:#0d1426;
    --nm-line:rgba(143,158,198,.18);
    --nm-line-strong:rgba(120,95,255,.42);
    --nm-purple:#955cff;
    --nm-blue:#4e88ff;
    --nm-cyan:#50e7ff;
    --nm-pink:#d65cff;
    --nm-white:#f6f8ff;
    --nm-muted:#9aa7c3;
}

body{
    background:
        radial-gradient(circle at 78% 3%,rgba(62,104,255,.12),transparent 24%),
        radial-gradient(circle at 20% 8%,rgba(144,75,255,.11),transparent 25%),
        linear-gradient(180deg,#050814 0%,#060914 42%,#040711 100%);
}

.wrap{width:min(1320px,92%)}

/* --- Premium top navigation --- */
.site-header{
    position:sticky;
    top:0;
    z-index:120;
    padding:18px 0 0;
    background:linear-gradient(180deg,rgba(4,7,17,.96),rgba(4,7,17,.72) 72%,transparent);
    border:0;
    box-shadow:none;
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
}

.header-shell{
    min-height:76px;
    display:flex;
    align-items:center;
    gap:22px;
    padding:10px 14px 10px 18px;
    border:1px solid rgba(132,151,199,.22);
    border-radius:20px;
    background:
        linear-gradient(115deg,rgba(255,255,255,.025),transparent 38%),
        rgba(8,13,26,.90);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 18px 50px rgba(0,0,0,.20),
        0 0 35px rgba(89,74,255,.04);
}

.brand{
    flex:0 0 auto;
    gap:10px;
    font-size:1.25rem;
    letter-spacing:-.025em;
}

.brand-mark{
    width:45px;
    height:45px;
    flex:0 0 45px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:radial-gradient(circle,rgba(98,90,255,.11),transparent 72%);
}

.brand img{
    width:45px;
    height:45px;
    flex-basis:auto;
    padding:0;
    border-radius:0;
    object-fit:contain;
    filter:drop-shadow(0 0 8px rgba(70,191,255,.32)) drop-shadow(0 0 14px rgba(149,92,255,.18));
}

.brand-name{font-weight:850}

.site-header .desktop-nav{
    flex:1 1 auto;
    justify-content:center;
    gap:clamp(14px,1.6vw,27px);
    min-width:0;
    font-size:.92rem;
}

.site-header .desktop-nav a{
    position:relative;
    color:#dce3f6;
    font-weight:650;
    white-space:nowrap;
    transition:color .2s ease;
}

.site-header .desktop-nav a:after{
    content:"";
    position:absolute;
    left:50%;
    right:50%;
    bottom:-13px;
    height:2px;
    border-radius:2px;
    background:linear-gradient(90deg,var(--nm-purple),var(--nm-cyan));
    box-shadow:0 0 12px rgba(149,92,255,.75);
    transition:left .2s ease,right .2s ease;
}

.site-header .desktop-nav a:hover{color:#fff}
.site-header .desktop-nav a:hover:after{left:8%;right:8%}

.header-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
}

.header-support,
.header-verify{
    min-height:43px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:9px 14px;
    border-radius:13px;
    font-size:.88rem;
    font-weight:750;
    white-space:nowrap;
}

.header-support{
    color:#bff8ff;
    border:1px solid rgba(104,136,198,.16);
    background:rgba(255,255,255,.025);
}

.header-support span{color:#d273ff;font-size:1.15rem}

.header-verify{
    color:#fff;
    border:1px solid rgba(149,92,255,.72);
    background:linear-gradient(110deg,rgba(163,69,226,.9),rgba(101,79,255,.92) 58%,rgba(71,132,255,.9));
    box-shadow:0 0 22px rgba(149,92,255,.22),inset 0 1px 0 rgba(255,255,255,.22);
}

.header-arrow{
    width:22px;height:22px;border-radius:50%;display:grid;place-items:center;
    background:rgba(255,255,255,.88);color:#6049d8;font-size:.72rem;
}

/* --- Mobile drawer --- */
.site-header .mobile-menu-toggle{
    border-radius:12px;
    border:1px solid rgba(131,151,201,.22);
    background:rgba(11,17,33,.92);
}

.site-header .mobile-nav{
    top:calc(100% + 8px);
    border:0;
    background:transparent;
    box-shadow:none;
    padding:0 0 12px;
}

.mobile-nav-card{
    padding:18px;
    border:1px solid rgba(129,150,201,.22);
    border-radius:20px;
    background:
        radial-gradient(circle at 90% 10%,rgba(90,89,255,.12),transparent 36%),
        rgba(6,10,21,.985);
    box-shadow:0 26px 70px rgba(0,0,0,.50),0 0 30px rgba(107,81,255,.08);
}

.mobile-nav-brand{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding-bottom:14px;
    border-bottom:1px solid var(--nm-line);
}

.mobile-brand-lockup{display:flex;align-items:center;gap:9px}
.mobile-brand-lockup img{width:39px;height:39px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(104,117,255,.25))}
.mobile-brand-lockup strong{font-size:1rem;color:#fff}
.mobile-verify{font-size:.72rem;font-weight:800;color:#d9ceff}

.mobile-nav-links{display:grid;padding:8px 0}
.mobile-nav-links a{
    display:flex;align-items:center;justify-content:space-between;min-height:48px;
    padding:10px 4px;border-bottom:1px solid rgba(255,255,255,.055);color:#e8ecf9;font-weight:700;
}
.mobile-nav-links a span:last-child{color:#8a9abc}

.mobile-support-cta{
    min-height:46px;display:flex;align-items:center;justify-content:center;gap:7px;
    margin-top:8px;border:1px solid rgba(149,92,255,.45);border-radius:13px;
    background:linear-gradient(110deg,rgba(149,92,255,.11),rgba(69,127,255,.08));color:#d7b8ff;font-weight:800;
}
.mobile-safety-note{margin:13px 0 0;color:#7f8ca7;font-size:.78rem;text-align:center}

/* --- Shared premium surface polish --- */
.card,.registry-card,.roadmap-panel,.verify-panel,.registry-notice{
    box-shadow:0 18px 55px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025);
}

.button{
    border-radius:13px;
    border-color:rgba(122,142,190,.24);
    background:linear-gradient(180deg,rgba(22,31,53,.95),rgba(12,19,35,.95));
}
.button.primary{
    background:linear-gradient(115deg,#9a51f5,#6a59ff 58%,#3688ff);
    box-shadow:0 10px 30px rgba(115,78,255,.25),inset 0 1px 0 rgba(255,255,255,.16);
}

/* --- New premium footer --- */
.site-footer{
    position:relative;
    margin-top:86px;
    padding:0 0 32px;
    border:0;
    color:var(--nm-muted);
}

.site-footer:before{
    content:"";
    position:absolute;
    left:0;right:0;top:-110px;height:260px;
    pointer-events:none;
    background:radial-gradient(ellipse at 50% 100%,rgba(93,72,226,.12),transparent 58%);
}

.footer-shell{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(134,151,196,.22);
    border-radius:26px;
    background:
        radial-gradient(circle at 88% 20%,rgba(48,110,214,.09),transparent 27%),
        radial-gradient(circle at 12% 0%,rgba(132,66,224,.08),transparent 33%),
        linear-gradient(145deg,rgba(11,16,31,.97),rgba(5,9,19,.98));
    box-shadow:0 28px 90px rgba(0,0,0,.34),0 0 38px rgba(87,70,255,.05),inset 0 1px 0 rgba(255,255,255,.025);
}

.footer-shell:before{
    content:"";position:absolute;left:0;right:0;top:0;height:1px;
    background:linear-gradient(90deg,rgba(196,69,255,.8),rgba(71,193,255,.65),rgba(149,92,255,.7));
    opacity:.85;
}

.footer-main{
    display:grid;
    grid-template-columns:1fr .9fr 1.3fr;
    min-height:380px;
}

.footer-brand-panel,.footer-nav-panel,.footer-safety-panel{padding:46px 44px}
.footer-nav-panel,.footer-safety-panel{border-left:1px solid rgba(133,149,190,.12)}

.footer-logo-lockup{display:flex;align-items:center;gap:13px;width:max-content;max-width:100%}
.footer-logo-mark{width:58px;height:58px;display:grid;place-items:center}
.footer-logo-mark img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(70,172,255,.35)) drop-shadow(0 0 18px rgba(149,92,255,.17))}
.footer-logo-lockup strong{color:#fff;font-size:1.28rem;letter-spacing:-.025em}
.footer-brand-panel p{margin:24px 0 0;color:#a7b1c8;font-size:1rem;line-height:1.68}

.footer-support-button{
    width:max-content;max-width:100%;min-height:44px;display:flex;align-items:center;gap:8px;
    margin-top:25px;padding:10px 14px;border:1px solid rgba(137,91,255,.28);border-radius:12px;
    background:rgba(126,81,255,.045);color:#cb9dff;font-weight:750;
}
.footer-support-button span:first-child{font-size:1.18rem}.footer-support-button span:last-child{margin-left:8px}

.footer-nav-panel h2,.footer-safety-panel h2{margin:0;color:#fff;font-size:1.05rem;letter-spacing:-.01em}
.footer-nav-panel{display:flex;flex-direction:column;align-items:flex-start}
.footer-nav-panel h2{margin-bottom:14px}
.footer-nav-panel a{display:flex;align-items:center;gap:11px;padding:8px 0;color:#cbd3e8;font-weight:620;transition:color .2s ease,transform .2s ease}
.footer-nav-panel a:hover{color:#fff;transform:translateX(3px)}
.footer-link-icon{width:22px;color:#9a61ff;font-size:1rem;text-align:center}

.footer-safety-heading{display:flex;gap:14px;align-items:center;margin-bottom:18px}
.security-shield{
    width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:14px;
    color:#bfeeff;border:1px solid rgba(122,88,255,.48);background:linear-gradient(135deg,rgba(87,133,255,.1),rgba(146,79,255,.12));
    box-shadow:0 0 18px rgba(93,83,255,.12);font-weight:900;
}
.footer-kicker{display:block;margin-bottom:3px;color:#ad7dff;font-size:.69rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.footer-safety-panel>p{margin:0;color:#9faac2;line-height:1.72;max-width:520px}

.footer-security-card{
    display:flex;align-items:flex-start;gap:13px;margin-top:22px;padding:18px;
    border:1px solid rgba(126,84,255,.28);border-radius:15px;
    background:linear-gradient(110deg,rgba(52,126,255,.065),rgba(129,70,225,.055));
}
.footer-lock{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:9px;color:#6ee6ff;background:rgba(80,193,255,.07)}
.footer-security-card strong{display:block;color:#f7f8ff;font-size:.9rem;margin-bottom:4px}
.footer-security-card span{display:block;color:#8e9ab4;font-size:.79rem;line-height:1.55}

.footer-verify-button{
    display:inline-flex;align-items:center;gap:10px;margin-top:18px;color:#74e9ff;font-size:.87rem;font-weight:800;
}
.footer-verify-button span{transition:transform .2s ease}.footer-verify-button:hover span{transform:translateX(4px)}

.footer-bottom{
    min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;
    padding:18px 36px;border-top:1px solid rgba(133,149,190,.12);font-size:.78rem;color:#7f8aa2;
}
.footer-bottom-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.footer-bottom-links a{color:#97a3bd}.footer-bottom-links a:hover{color:#dce5ff}

/* --- Responsive behaviour --- */
@media(max-width:1180px){
    .header-shell{gap:13px}
    .site-header .desktop-nav{gap:13px;font-size:.84rem}
    .header-support{display:none}
    .header-verify{padding-inline:12px;font-size:.82rem}
}

@media(max-width:980px){
    .site-header{padding-top:10px}
    .header-shell{min-height:66px;padding:8px 10px 8px 13px;border-radius:16px}
    .desktop-nav,.desktop-actions{display:none!important}
    .mobile-menu-toggle{display:inline-flex;margin-left:auto}
    .brand-mark,.brand img{width:41px;height:41px;flex-basis:auto}
    .brand{font-size:1.12rem}

    .footer-main{grid-template-columns:1fr 1fr}
    .footer-safety-panel{grid-column:1/-1;border-left:0;border-top:1px solid rgba(133,149,190,.12)}
    .footer-brand-panel,.footer-nav-panel,.footer-safety-panel{padding:34px}
}

@media(max-width:680px){
    .wrap{width:min(94%,1320px)}
    .brand-name{font-size:1rem}
    .mobile-nav-brand{align-items:flex-start;flex-direction:column}
    .mobile-verify{width:100%;padding:8px 10px;border:1px solid rgba(149,92,255,.22);border-radius:10px;background:rgba(149,92,255,.05);text-align:center}

    .site-footer{margin-top:58px;padding-bottom:18px}
    .footer-shell{border-radius:20px}
    .footer-main{grid-template-columns:1fr}
    .footer-brand-panel,.footer-nav-panel,.footer-safety-panel{padding:27px 24px}
    .footer-nav-panel,.footer-safety-panel{border-left:0;border-top:1px solid rgba(133,149,190,.12)}
    .footer-logo-mark,.footer-logo-mark img{width:48px;height:48px}
    .footer-logo-lockup strong{font-size:1.14rem}
    .footer-brand-panel p{margin-top:18px;font-size:.94rem}
    .footer-nav-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
    .footer-nav-panel h2{grid-column:1/-1}
    .footer-nav-panel a{font-size:.88rem;border-bottom:1px solid rgba(255,255,255,.045)}
    .footer-bottom{min-height:0;padding:21px 24px;flex-direction:column;align-items:flex-start}
    .footer-bottom-links{justify-content:flex-start;gap:8px}
}

@media(max-width:420px){
    .header-shell{padding-left:10px}.brand{gap:7px}.brand-name{font-size:.92rem}
    .brand-mark,.brand img{width:37px;height:37px}
    .mobile-menu-toggle{width:42px;height:42px;flex-basis:42px}
    .footer-nav-panel{grid-template-columns:1fr}
    .footer-nav-panel h2{grid-column:auto}
}


/* === Reliable inline SVG icon system (v1.1 icon fix) === */
.ui-icon,
.footer-link-icon,
.security-shield,
.footer-lock {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.ui-icon svg,
.footer-link-icon svg,
.security-shield svg,
.footer-lock svg {
  display:block;
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.ui-icon{width:19px;height:19px}
.ui-icon-arrow{width:18px;height:18px}
.footer-link-icon{
  width:24px !important;
  height:24px;
  color:#9a61ff;
  margin-right:10px;
}
.footer-nav-panel a{
  display:flex;
  align-items:center;
}
.security-shield{
  width:64px;
  height:64px;
  color:#b7f3ff;
  border:1px solid rgba(151,92,255,.58);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(124,70,255,.16),rgba(72,217,255,.06));
  box-shadow:inset 0 0 28px rgba(119,69,255,.08);
  padding:17px;
}
.footer-lock{
  width:48px;
  height:48px;
  padding:12px;
  border-radius:14px;
  color:#75cfff;
  background:rgba(64,136,255,.09);
}
.footer-support-button,
.footer-verify-button{
  display:inline-flex;
  align-items:center;
  gap:9px;
}
.footer-support-button .ui-icon-heart{color:#b76cff}
.footer-verify-button .ui-icon-arrow{transition:transform .2s ease}
.footer-verify-button:hover .ui-icon-arrow{transform:translateX(3px)}
@media (max-width:760px){
  .security-shield{width:54px;height:54px;border-radius:18px;padding:14px}
  .footer-lock{width:44px;height:44px;padding:11px}
}


/* === Step 2.1 final cleanup additions === */
.header-support,.mobile-support-cta,.footer-support-button{display:none!important}
.footer-join-copy{margin-top:24px;padding:16px;border:1px solid rgba(126,84,255,.20);border-radius:14px;background:rgba(126,84,255,.04)}
.footer-join-copy strong{display:block;color:#fff;margin-bottom:4px}.footer-join-copy span{display:block;color:#93a0ba;font-size:.84rem;line-height:1.55}

.page-hero{padding:76px 0 42px}.compact-hero h1,.legal-hero h1{font-size:clamp(2.6rem,6vw,5rem);line-height:1;letter-spacing:-.045em;margin:12px 0 20px;max-width:980px}.compact-hero .hero-lead,.legal-hero .hero-lead{max-width:840px;color:var(--muted);font-size:1.12rem}
.content-panel,.legal-content,.verification-panel{border:1px solid var(--border);border-radius:24px;background:linear-gradient(160deg,rgba(17,26,47,.96),rgba(8,13,25,.98));box-shadow:0 18px 60px rgba(0,0,0,.24);padding:clamp(24px,4vw,42px)}
.legal-content{max-width:920px}.legal-content h2{margin-top:32px}.legal-content p,.legal-content li{color:#b1bdd3}.legal-content code{word-break:break-all}
.about-official-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.simple-collection-card{height:100%}.about-collection-actions{display:flex;gap:12px;flex-wrap:wrap}
.safety-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.safety-check-grid article{padding:22px;border:1px solid var(--border);border-radius:18px;background:rgba(14,22,40,.86)}.safety-check-grid strong{color:#fff}.safety-check-grid p{color:var(--muted);margin-bottom:0}
.howto-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.join-mystery-panel{align-items:center}

.roadmap-panel-expanded{display:block}.roadmap-grid-six{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}.roadmap-grid-six article{min-height:190px}

.collection-verification-section{padding-top:18px}.verification-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.verification-heading h2{margin:5px 0 0}.verification-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.verification-row{padding:14px 16px;border:1px solid rgba(129,149,194,.17);border-radius:14px;background:rgba(6,11,23,.48)}.verification-row span{display:block;color:#8f9cb6;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.verification-row strong{display:block;color:#fff;margin-top:4px}.verification-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.text-link{color:#76e8ff;font-weight:800}
.contract-block{overflow:hidden}.contract-block>div{display:flex;align-items:center;gap:10px;min-width:0}.contract-block code{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.copy-button{flex:0 0 auto;border:1px solid rgba(0,217,255,.28);background:rgba(0,217,255,.07);color:#c8f8ff;border-radius:9px;padding:7px 10px;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}.copy-button:hover{background:rgba(0,217,255,.13)}

.nft-opensea-button{width:100%}.nft-card .card-body{display:flex;flex-direction:column;align-items:flex-start}.nft-card .card-body .button{margin-top:auto}

.footer-bottom-links{max-width:760px}.footer-bottom-links a{white-space:nowrap}

@media(max-width:1024px){.safety-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roadmap-grid-six{grid-template-columns:repeat(2,minmax(0,1fr))}.verification-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.about-official-grid{grid-template-columns:1fr}.howto-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.verification-heading{align-items:flex-start;flex-direction:column}.contract-block>div{align-items:flex-start;flex-direction:column}.copy-button{align-self:flex-start}}
@media(max-width:430px){.safety-check-grid,.howto-steps,.roadmap-grid-six,.verification-grid{grid-template-columns:1fr}.verification-panel,.content-panel,.legal-content{padding:21px}.verification-actions .button{width:100%}.footer-bottom-links{gap:7px}.footer-bottom-links span{display:none}}
@media(max-width:375px){.compact-hero h1,.legal-hero h1{font-size:2.35rem}.hero-actions .button{width:100%}}

/* 320px and wide-desktop final verification guards */
@media(max-width:320px){
  .wrap{padding-left:14px;padding-right:14px}
  .brand-name{font-size:.98rem}
  .compact-hero h1,.legal-hero h1{font-size:2.05rem}
  .button{padding-left:14px;padding-right:14px}
  .contract-block code{font-size:.72rem}
}
@media(min-width:1440px){
  .wrap{max-width:1320px}
}

/* === NFTSMYSTERY V1.6 — Genesis Launch Edition === */
:root{
  --genesis-gold:#e6c879;
  --genesis-violet:#8f62ff;
  --genesis-purple:#5e34ba;
  --genesis-panel:rgba(10,12,23,.88);
  --genesis-line:rgba(214,194,255,.15);
}
html{scroll-behavior:smooth;scroll-padding-top:88px}
.genesis-launch-page{background:#05060b}
.genesis-launch-page main{overflow:hidden}
.genesis-launch-page .section{position:relative}
.genesis-launch-page .eyebrow{color:#bca8f8;letter-spacing:.14em}
.genesis-launch-page .button{min-height:46px}
.genesis-launch-page .button:focus-visible,
.genesis-launch-page .text-action:focus-visible,
.genesis-launch-page button:focus-visible,
.genesis-launch-page summary:focus-visible,
.mobile-sticky-mint:focus-visible{outline:3px solid #fff;outline-offset:4px}
.header-mint-cta{border-color:rgba(230,200,121,.45)!important;color:#fff!important;background:linear-gradient(135deg,rgba(120,78,219,.32),rgba(230,200,121,.15))!important}
.mobile-menu-mint{width:100%;margin-top:14px}

.genesis-hero{position:relative;min-height:min(780px,calc(100svh - 76px));display:flex;align-items:center;padding:56px 0 50px;border-bottom:1px solid var(--genesis-line);isolation:isolate}
.genesis-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 35%,rgba(114,67,221,.2),transparent 31%),radial-gradient(circle at 20% 25%,rgba(216,177,96,.08),transparent 24%),linear-gradient(180deg,rgba(8,8,16,.25),#05060b 94%);z-index:-2}
.genesis-hero-atmosphere{position:absolute;width:700px;height:700px;right:-260px;top:-270px;border-radius:50%;background:radial-gradient(circle,rgba(126,78,238,.18),transparent 67%);filter:blur(12px);z-index:-1;pointer-events:none;animation:genesisAtmosphere 12s ease-in-out infinite alternate}
.genesis-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.78fr);align-items:center;gap:clamp(32px,6vw,84px)}
.genesis-hero-copy{max-width:760px}
.genesis-live-label{display:inline-flex;align-items:center;gap:9px;font-size:.76rem;letter-spacing:.13em;font-weight:900;color:#fff;margin-bottom:16px}
.genesis-live-label span{width:9px;height:9px;border-radius:50%;background:#81e6a5;box-shadow:0 0 0 5px rgba(129,230,165,.08)}
.genesis-hero h1{font-size:clamp(3.2rem,6.7vw,7.4rem);line-height:.89;letter-spacing:-.062em;margin:12px 0 22px;max-width:900px;text-wrap:balance}
.genesis-hero h1 em{display:block;font-style:normal;color:var(--genesis-gold);text-shadow:0 0 34px rgba(230,200,121,.12)}
.genesis-hero-lead{font-size:clamp(1.05rem,2vw,1.35rem);color:#c1c5d5;max-width:590px;margin-bottom:28px}
.genesis-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--genesis-line);border-radius:18px;overflow:hidden;background:var(--genesis-line);margin:0 0 28px}
.genesis-facts div{background:rgba(7,9,16,.94);padding:16px 15px;min-width:0}
.genesis-facts dt{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:#8f98ac;margin-bottom:6px}
.genesis-facts dd{margin:0;color:#fff;font-size:.98rem;font-weight:850;white-space:nowrap}
.genesis-hero-actions{align-items:center}
.button-mint{box-shadow:0 10px 35px rgba(99,57,185,.2);border-color:rgba(230,200,121,.28)!important}
.text-action{display:inline-flex;align-items:center;min-height:44px;color:#d6c9ff;font-weight:850;letter-spacing:.04em;text-decoration:none;border-bottom:1px solid transparent}
.text-action:hover{border-bottom-color:currentColor;color:#fff}
.hero-reveal-note{font-size:.78rem;color:#828ba0;margin:17px 0 0;max-width:610px}
.genesis-hero-art{min-width:0}
.genesis-art-frame{position:relative;max-width:540px;margin-left:auto;padding:10px;border:1px solid rgba(230,200,121,.2);border-radius:30px;background:linear-gradient(150deg,rgba(117,72,207,.15),rgba(12,14,24,.92));box-shadow:0 35px 90px rgba(0,0,0,.45),0 0 80px rgba(112,64,220,.12);transform:rotate(1.2deg)}
.genesis-art-frame::before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.08);border-radius:20px;pointer-events:none}
.genesis-art-frame img{display:block;width:100%;height:auto;aspect-ratio:1.068/1;object-fit:cover;border-radius:21px}
.art-caption{position:absolute;left:28px;bottom:26px;background:rgba(3,4,8,.72);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:8px 11px;font-size:.66rem;font-weight:850;letter-spacing:.1em;color:#e8e8ed}

.genesis-verification-section{padding-top:34px;padding-bottom:58px}
.genesis-verification-card{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:28px;padding:clamp(24px,4vw,42px);border:1px solid rgba(230,200,121,.18);border-radius:26px;background:linear-gradient(145deg,rgba(20,18,31,.96),rgba(8,10,18,.94));box-shadow:0 22px 70px rgba(0,0,0,.24)}
.verification-copy h2{font-size:clamp(2rem,4vw,3.5rem);margin:5px 0 10px;letter-spacing:-.04em}
.verification-copy>p{color:#aeb6c7;max-width:690px}
.genesis-contract-address{margin:22px 0 6px;padding:15px 17px;border:1px solid rgba(139,99,223,.22);border-radius:14px;background:rgba(0,0,0,.26);max-width:720px;overflow:hidden}
.genesis-contract-address code{display:block;font-size:clamp(.74rem,1.5vw,.92rem);overflow-wrap:anywhere;word-break:break-word;color:#f3efff}
.security-warning{padding:24px;border-left:2px solid var(--genesis-gold);border-radius:14px;background:rgba(230,200,121,.05);align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.security-warning strong{color:#fff;font-size:1.08rem}
.security-warning p{color:#aeb6c7;margin:9px 0 0;line-height:1.7}

.genesis-section-title{align-items:end}
.genesis-section-title h2{font-size:clamp(2.3rem,5vw,4.8rem);letter-spacing:-.05em;line-height:.96;margin-top:7px}
.genesis-gallery-section{padding-top:72px}
.genesis-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:30px}
.genesis-gallery-item{position:relative;display:block;padding:0;border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;background:#0d0e15;cursor:zoom-in;aspect-ratio:1}
.genesis-gallery-item::after{content:"VIEW";position:absolute;right:12px;bottom:12px;padding:7px 9px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(4,5,9,.66);backdrop-filter:blur(8px);font-size:.62rem;font-weight:900;letter-spacing:.09em;color:#fff;opacity:0;transform:translateY(4px);transition:.2s ease}
.genesis-gallery-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .38s ease,filter .38s ease}
.genesis-gallery-item:hover img{transform:scale(1.025);filter:brightness(1.06)}
.genesis-gallery-item:hover::after{opacity:1;transform:none}
.gallery-lightbox,.mint-review-dialog{padding:0;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:#090a10;color:#fff;box-shadow:0 30px 100px rgba(0,0,0,.7)}
.gallery-lightbox::backdrop,.mint-review-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(7px)}
.gallery-lightbox{width:min(90vw,820px);max-height:92vh;overflow:auto}
.gallery-lightbox img{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain;background:#030407}
.gallery-lightbox p{margin:0;padding:15px 19px;color:#979fb2;font-size:.8rem}
.dialog-close{position:absolute;right:14px;top:14px;z-index:2;width:42px;height:42px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(4,5,9,.75);color:#fff;font-size:1.6rem;cursor:pointer}
.section-cta-line{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin-top:32px}

.genesis-story-section{padding-top:86px}
.genesis-story-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(34px,6vw,74px);align-items:center}
.story-lead-panel h2{font-size:clamp(2.3rem,4.7vw,4.6rem);line-height:.96;letter-spacing:-.05em;margin:8px 0 23px}
.story-lead-panel p{color:#aeb4c5;font-size:1.03rem;line-height:1.75}
.story-lead-panel .button{margin-top:12px}
.story-art-panel{margin:0;border:1px solid rgba(255,255,255,.09);border-radius:24px;overflow:hidden;background:#090a10;box-shadow:0 30px 80px rgba(0,0,0,.25)}
.story-art-panel img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover}
.story-art-panel figcaption{padding:13px 16px;color:#8f97aa;font-size:.78rem}

.chain-journey-section{padding-top:82px}
.chain-journey{display:grid;grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr) 68px minmax(0,1fr);align-items:stretch;margin-top:30px}
.chain-journey article{position:relative;padding:26px;border:1px solid var(--genesis-line);border-radius:20px;background:linear-gradient(155deg,rgba(18,20,34,.95),rgba(8,10,18,.95))}
.chain-journey article.journey-genesis{border-color:rgba(230,200,121,.26);box-shadow:inset 0 0 40px rgba(230,200,121,.025)}
.journey-step{display:block;color:#626b80;font-size:.7rem;font-weight:900;letter-spacing:.1em}
.journey-network{display:inline-block;margin-top:28px;color:#c4b6f4;font-size:.7rem;font-weight:900;letter-spacing:.12em}
.chain-journey h3{font-size:1.4rem;margin:9px 0 8px}
.chain-journey strong{color:#fff;font-size:.92rem}
.chain-journey p{color:#929aac;margin:12px 0 0;font-size:.9rem;line-height:1.65}
.journey-connector{display:grid;place-items:center;color:#7658bb;font-size:1.6rem}

.genesis-mint-section{padding-top:88px}
.genesis-mint-layout{display:grid;grid-template-columns:minmax(0,.76fr) minmax(420px,1fr);gap:clamp(30px,6vw,76px);align-items:start;padding:clamp(25px,5vw,52px);border:1px solid rgba(143,98,255,.2);border-radius:28px;background:radial-gradient(circle at 90% 10%,rgba(111,66,217,.12),transparent 30%),linear-gradient(145deg,rgba(13,15,26,.98),rgba(7,8,14,.98));box-shadow:0 30px 100px rgba(0,0,0,.28)}
.genesis-mint-copy h2{font-size:clamp(2.5rem,5vw,5rem);line-height:.94;letter-spacing:-.055em;margin:8px 0 20px}
.genesis-mint-copy>p{color:#aeb5c7;font-size:1.02rem;line-height:1.75}
.mint-security-inline{display:grid;gap:5px;margin-top:22px;padding:16px;border-left:2px solid var(--genesis-gold);background:rgba(230,200,121,.04);border-radius:8px}
.mint-security-inline strong{color:#fff}.mint-security-inline span{color:#929bad;font-size:.86rem;line-height:1.6}
.mint-console{padding:24px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:rgba(4,5,10,.72)}
.mint-console-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.status-pill,.wallet-chip{display:inline-flex;align-items:center;border-radius:999px;padding:8px 10px;font-size:.66rem;font-weight:900;letter-spacing:.08em}
.status-pill{background:rgba(91,191,124,.11);border:1px solid rgba(104,225,143,.22);color:#b7f6cc}
.status-pill[data-tone="closed"]{background:rgba(222,122,103,.08);border-color:rgba(222,122,103,.2);color:#efb5a9}
.wallet-chip{background:rgba(137,98,224,.1);border:1px solid rgba(137,98,224,.2);color:#cec1ef;letter-spacing:.02em;text-transform:none}
.mint-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.08)}
.mint-live-grid div{padding:13px 14px;background:#090b12;min-width:0}
.mint-live-grid dt{color:#767f92;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}.mint-live-grid dd{color:#fff;margin:5px 0 0;font-weight:850}
.mint-live-fallback{display:grid;gap:3px;margin-top:14px;padding:14px;border:1px solid rgba(230,200,121,.16);border-radius:12px;background:rgba(230,200,121,.04)}
.mint-live-fallback strong{color:#fff;font-size:.86rem}.mint-live-fallback span{color:#9da5b7;font-size:.8rem}
.mint-quantity-panel{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-top:18px;padding:17px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07)}
.mint-control-label,.mint-total span{display:block;color:#7f8799;font-size:.66rem;text-transform:uppercase;letter-spacing:.09em;margin-bottom:7px}
.quantity-control{display:grid;grid-template-columns:42px 50px 42px;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden}
.quantity-control button{height:42px;border:0;background:#11141d;color:#fff;font-size:1.25rem;cursor:pointer}.quantity-control button:disabled{opacity:.35;cursor:not-allowed}.quantity-control output{text-align:center;color:#fff;font-weight:900}
.mint-total{text-align:right}.mint-total strong{display:block;color:#fff;font-size:1.18rem}.mint-total small{display:block;color:#70798c;font-size:.68rem;margin-top:4px}
.mint-state-message{display:grid;gap:3px;margin:16px 0;padding:14px 15px;border:1px solid rgba(143,98,255,.16);border-radius:13px;background:rgba(143,98,255,.045)}
.mint-state-message strong{color:#fff}.mint-state-message span,.mint-state-message a{color:#929bac;font-size:.81rem;line-height:1.5}.mint-state-message a{text-decoration:underline;color:#c8b6ff}
#genesis-mint-app[data-mint-state="success"] .mint-state-message{border-color:rgba(112,220,145,.22);background:rgba(112,220,145,.05)}
.mint-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mint-actions .button{width:100%;justify-content:center}.mint-actions .button:first-child:last-child{grid-column:1/-1}
.mint-contract-line{display:grid;gap:5px;margin:15px 0 0;color:#747d91;font-size:.68rem}.mint-contract-line code{color:#aeb5c7;overflow-wrap:anywhere;word-break:break-all}
.mint-review-dialog{width:min(92vw,610px)}
.mint-review-card{position:relative;padding:clamp(24px,5vw,38px)}
.mint-review-card h2{font-size:2.3rem;letter-spacing:-.04em;margin:7px 0 22px}
.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.08)}
.review-grid div{padding:14px;background:#0b0d14;min-width:0}.review-grid dt{font-size:.67rem;color:#7e8799;text-transform:uppercase;letter-spacing:.08em}.review-grid dd{margin:6px 0 0;color:#fff;font-weight:800}.review-contract{grid-column:1/-1}.review-contract code{font-size:.76rem;overflow-wrap:anywhere;word-break:break-word}
.review-gas-note{color:#818a9d;font-size:.78rem;line-height:1.55}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}

.genesis-roadmap-section{padding-top:86px}
.genesis-roadmap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:30px}
.genesis-roadmap article{position:relative;min-height:235px;padding:22px;border:1px solid var(--genesis-line);border-radius:18px;background:rgba(11,13,22,.88)}
.genesis-roadmap article::before{content:"";position:absolute;left:22px;top:0;width:48px;height:2px;background:#483675}
.genesis-roadmap .is-complete::before{background:#6e8b79}.genesis-roadmap .is-current{border-color:rgba(230,200,121,.25);background:linear-gradient(155deg,rgba(43,37,26,.38),rgba(10,12,20,.94))}.genesis-roadmap .is-current::before{background:var(--genesis-gold)}
.genesis-roadmap span{display:block;color:#887ca9;font-size:.65rem;font-weight:900;letter-spacing:.09em;margin-top:12px}.genesis-roadmap h3{font-size:1.15rem;margin:17px 0 10px}.genesis-roadmap p{color:#8e97a9;font-size:.85rem;line-height:1.65;margin-bottom:0}

.genesis-faq-section{padding-top:88px}
.faq-layout{display:grid;grid-template-columns:minmax(260px,.52fr) minmax(0,1fr);gap:clamp(38px,7vw,100px);align-items:start}
.faq-intro{position:sticky;top:110px}.faq-intro h2{font-size:clamp(2.7rem,5vw,4.8rem);line-height:.95;letter-spacing:-.05em;margin:8px 0 18px}.faq-intro p{color:#969fb1}
.faq-list{border-top:1px solid var(--genesis-line)}
.faq-item{border-bottom:1px solid var(--genesis-line)}
.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;padding:21px 4px;color:#fff;font-weight:800;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{font-size:1.35rem;color:#9a79e0;transition:transform .2s ease}.faq-item[open] summary span{transform:rotate(45deg)}
.faq-answer{padding:0 46px 18px 4px}.faq-answer p{margin:0;color:#9da6b7;line-height:1.72}

.legacy-collections-section{padding-top:92px}
.legacy-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}
.legacy-collection-card{display:grid;grid-template-columns:124px minmax(0,1fr);gap:16px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(10,12,20,.75);opacity:.88}
.legacy-image{display:block;border-radius:12px;overflow:hidden;aspect-ratio:1;background:#0a0b11}.legacy-image img{display:block;width:100%;height:100%;object-fit:cover}.legacy-copy{min-width:0}.legacy-copy span{font-size:.62rem;color:#746a91;text-transform:uppercase;letter-spacing:.09em}.legacy-copy h3{font-size:1rem;margin:7px 0 4px}.legacy-copy p{font-size:.76rem;color:#838da0;margin:0 0 10px}.legacy-copy .text-link{font-size:.76rem}.archive-registry-link{margin-top:23px}

.final-genesis-cta{padding:92px 0}
.final-genesis-panel{display:flex;align-items:center;justify-content:space-between;gap:34px;padding:clamp(28px,5vw,52px);border:1px solid rgba(230,200,121,.22);border-radius:26px;background:radial-gradient(circle at 90% 20%,rgba(118,73,214,.15),transparent 35%),linear-gradient(145deg,rgba(22,19,31,.95),rgba(8,9,15,.97))}
.final-genesis-panel h2{font-size:clamp(2.5rem,5vw,5rem);line-height:.95;letter-spacing:-.05em;margin:8px 0 10px}.final-genesis-panel p{color:#9ca5b7;margin:0}.final-cta-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto}

.footer-contract{display:grid;gap:5px;margin:14px 0;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(0,0,0,.18)}.footer-contract span{font-size:.68rem;color:#818a9e;text-transform:uppercase;letter-spacing:.08em}.footer-contract code{font-size:.68rem;color:#b9c0ce;overflow-wrap:anywhere;word-break:break-all}.footer-genesis-links{display:flex;gap:9px;flex-wrap:wrap}.footer-genesis-links .footer-verify-button{width:auto}

.mobile-sticky-mint{display:none}

@keyframes genesisAtmosphere{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-26px,20px,0) scale(1.06)}}

@media(max-width:1120px){
  .genesis-hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.62fr);gap:34px}
  .genesis-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .genesis-roadmap{grid-template-columns:repeat(3,minmax(0,1fr))}
  .legacy-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .genesis-hero{min-height:auto;padding-top:42px}.genesis-hero-grid{grid-template-columns:1fr}.genesis-hero-copy{max-width:none}.genesis-hero h1{font-size:clamp(3.35rem,12vw,6.3rem)}.genesis-hero-art{display:none}
  .genesis-verification-card,.genesis-story-layout,.genesis-mint-layout,.faq-layout{grid-template-columns:1fr}.faq-intro{position:static}
  .chain-journey{grid-template-columns:1fr 46px 1fr}.chain-journey .journey-connector:nth-of-type(2){display:none}.chain-journey .journey-genesis{grid-column:1/-1;margin-top:46px}.chain-journey .journey-genesis::before{content:"↓";position:absolute;top:-38px;left:50%;transform:translateX(-50%);color:#7658bb}
  .genesis-mint-layout{gap:28px}.genesis-mint-copy h2{max-width:680px}
  .final-genesis-panel{align-items:flex-start;flex-direction:column}.final-cta-actions{justify-content:flex-start}
}
@media(max-width:768px){
  html{scroll-padding-top:72px}.genesis-launch-page{padding-bottom:70px}
  .genesis-hero{padding:34px 0 28px}.genesis-hero h1{font-size:clamp(3rem,13.3vw,5rem)}.genesis-hero-lead{font-size:1rem}.genesis-facts{margin-bottom:20px}.genesis-facts div{padding:13px}.genesis-hero-actions{gap:9px}.genesis-hero-actions .button{flex:1 1 46%;justify-content:center}.genesis-hero-actions .text-action{flex:1 1 100%}.hero-reveal-note{font-size:.73rem}
  .genesis-verification-section{padding-top:20px}.genesis-verification-card{gap:20px}.security-warning{border-left:0;border-top:2px solid var(--genesis-gold)}.verification-actions .button{flex:1 1 calc(50% - 8px);justify-content:center}
  .genesis-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.genesis-gallery-item::after{display:none}
  .genesis-story-section,.chain-journey-section,.genesis-mint-section,.genesis-roadmap-section,.genesis-faq-section,.legacy-collections-section{padding-top:66px}
  .genesis-story-layout{gap:28px}.story-art-panel img{aspect-ratio:2.2/1}
  .genesis-roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}.genesis-roadmap article{min-height:200px}
  .legacy-collection-grid{grid-template-columns:1fr}
  .mobile-sticky-mint{position:fixed;display:flex;z-index:80;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));min-height:50px;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(230,200,121,.32);border-radius:14px;background:rgba(29,20,49,.94);backdrop-filter:blur(13px);box-shadow:0 14px 40px rgba(0,0,0,.45);color:#fff;text-decoration:none;font-weight:900;letter-spacing:.03em}.mobile-sticky-mint span{color:var(--genesis-gold);font-size:.8rem}
}
@media(max-width:560px){
  .genesis-hero h1{font-size:clamp(2.85rem,15vw,4.4rem)}
  .genesis-facts{grid-template-columns:1fr 1fr}.genesis-facts dt{font-size:.6rem}.genesis-facts dd{font-size:.9rem}
  .verification-actions{display:grid;grid-template-columns:1fr}.verification-actions .button{width:100%}
  .chain-journey{grid-template-columns:1fr}.journey-connector{height:42px;transform:rotate(90deg)}.chain-journey .journey-connector:nth-of-type(2){display:grid}.chain-journey .journey-genesis{grid-column:auto;margin-top:0}.chain-journey .journey-genesis::before{display:none}
  .mint-console{padding:17px}.mint-console-topline{align-items:flex-start;flex-direction:column}.mint-live-grid{grid-template-columns:1fr 1fr}.mint-quantity-panel{align-items:stretch;flex-direction:column}.mint-total{text-align:left}.mint-actions{grid-template-columns:1fr}.mint-actions>*{grid-column:1!important}
  .genesis-roadmap{grid-template-columns:1fr}.genesis-roadmap article{min-height:0}
  .legacy-collection-card{grid-template-columns:92px minmax(0,1fr)}
  .review-grid{grid-template-columns:1fr}.review-contract{grid-column:auto}.dialog-actions{display:grid;grid-template-columns:1fr}.dialog-actions .button{width:100%;justify-content:center}
  .final-cta-actions{display:grid;width:100%;grid-template-columns:1fr}.final-cta-actions .button{width:100%;justify-content:center}
}
@media(max-width:430px){
  .genesis-hero h1{font-size:2.85rem}.genesis-hero-copy>.eyebrow{font-size:.68rem}.genesis-facts{gap:0}.genesis-facts div{padding:12px 10px}.genesis-hero-actions{display:grid;grid-template-columns:1fr}.genesis-hero-actions .button,.genesis-hero-actions .text-action{width:100%;justify-content:center}
  .genesis-verification-card,.genesis-mint-layout,.final-genesis-panel{padding:20px;border-radius:20px}.genesis-contract-address{padding:12px}.genesis-contract-address code{font-size:.69rem}
  .genesis-section-title h2,.story-lead-panel h2{font-size:2.45rem}
  .mint-live-grid{grid-template-columns:1fr}.mint-contract-line code{font-size:.62rem}
  .faq-item summary{padding:18px 2px;font-size:.92rem}.faq-answer{padding-right:2px}.legacy-collection-card{grid-template-columns:78px minmax(0,1fr);gap:12px}.legacy-copy h3{font-size:.92rem}
}
@media(max-width:375px){
  .genesis-hero h1{font-size:2.55rem}.genesis-facts{grid-template-columns:1fr}.genesis-facts div{display:flex;justify-content:space-between;gap:12px;align-items:center}.genesis-facts dt{margin:0}.genesis-facts dd{white-space:normal;text-align:right}
  .genesis-gallery{grid-template-columns:1fr 1fr}.section-cta-line{display:grid}.section-cta-line>*{width:100%;justify-content:center}.status-pill,.wallet-chip{font-size:.59rem}.quantity-control{grid-template-columns:40px 44px 40px}
}
@media(max-width:320px){
  .genesis-hero h1{font-size:2.25rem}.genesis-hero-lead{font-size:.93rem}.genesis-live-label{font-size:.68rem}.genesis-verification-card,.genesis-mint-layout,.final-genesis-panel{padding:17px}.genesis-contract-address code,.mint-contract-line code{font-size:.58rem}.genesis-section-title h2,.story-lead-panel h2,.genesis-mint-copy h2,.faq-intro h2{font-size:2.15rem}.legacy-collection-card{grid-template-columns:68px minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.genesis-hero-atmosphere{animation:none}.genesis-gallery-item img,.genesis-gallery-item::after,.faq-item summary span{transition:none!important}.genesis-art-frame{transform:none}
}