:root{
    --black:#050505;
    --black2:#0b0b0b;
    --gold:#d6a817;
    --gold2:#f4ca45;
    --gold3:#8d6200;
    --white:#f5f5f5;
    --muted:#a6a6a6;
}

*{box-sizing:border-box}

html,body{
    margin:0;
    min-height:100%;
    background:
        radial-gradient(circle at 50% 0%,rgba(214,168,23,.12),transparent 34%),
        var(--black);
    color:var(--white);
    font-family:Arial,Helvetica,sans-serif;
}

body{overflow-x:hidden}

.topbar{
    position:sticky;
    top:0;
    z-index:50;
    min-height:76px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:clamp(28px,7vw,92px);
    padding:10px clamp(18px,4vw,56px);
    background:rgba(5,5,5,.92);
    border-bottom:1px solid rgba(214,168,23,.28);
    backdrop-filter:blur(14px);
}

.brand{
    color:var(--gold2);
    text-decoration:none;
    display:flex;
    flex-direction:column;
    line-height:1;
    letter-spacing:.12em;
    font-weight:900;
}
.brand span{font-size:25px}
.brand small{
    margin-top:5px;
    color:#999;
    font-size:8px;
    letter-spacing:.22em;
}

nav{
    display:flex;
    gap:8px;
    margin-left:clamp(8px,7vw,95px);
}
nav a{
    color:#ddd;
    text-decoration:none;
    padding:11px 18px;
    border-radius:9px;
    font-weight:700;
    letter-spacing:.04em;
    transition:.2s ease;
}
nav a:hover,nav a.active{
    color:var(--gold2);
    background:rgba(214,168,23,.10);
}

.hero{
    position:relative;
    width:min(100%,1180px);
    margin:0 auto;
    padding:0 8px 35px;
}

.flyer{
    display:block;
    width:100%;
    height:auto;
    margin:0 auto;
    user-select:none;
    -webkit-user-drag:none;
}

/* ---------- Separate realistic-looking 3D AXPA coin ---------- */
.coin-stage{
    width:clamp(105px,14vw,180px);
    height:clamp(105px,14vw,180px);
    perspective:1100px;
    pointer-events:none;
}

.hero>.coin-stage{
    position:absolute;
    z-index:10;
    top:clamp(18px,3vw,42px);
    right:clamp(20px,4vw,55px);
}

.coin{
    position:relative;
    width:100%;
    height:100%;
    transform-style:preserve-3d;
    animation:slowCoin 10s linear infinite;
}

.coin-face{
    position:absolute;
    inset:0;
    border-radius:50%;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    backface-visibility:hidden;
    background:
        radial-gradient(circle at 32% 26%,rgba(255,255,255,.68),transparent 12%),
        radial-gradient(circle at 45% 45%,#f6d761 0,#d49f13 42%,#8d6000 72%,#3b2500 100%);
    border:8px solid #dcae20;
    box-shadow:
        inset 0 0 0 2px #fff0a0,
        inset 0 0 0 7px rgba(76,45,0,.7),
        inset 0 -14px 20px rgba(49,28,0,.35),
        0 10px 25px rgba(0,0,0,.65);
}

.coin-front{transform:translateZ(8px)}
.coin-back{transform:rotateY(180deg) translateZ(8px)}

.coin-face img{
    width:68%;
    height:68%;
    object-fit:contain;
    border-radius:50%;
    filter:drop-shadow(0 4px 4px rgba(0,0,0,.75));
}

.coin-ring{
    position:absolute;
    inset:10%;
    border-radius:50%;
    border:2px dashed rgba(255,239,147,.65);
    box-shadow:inset 0 0 15px rgba(0,0,0,.45);
}

.coin-edge{
    position:absolute;
    inset:1%;
    border-radius:50%;
    transform:translateZ(0);
    border:10px solid transparent;
    background:
        repeating-linear-gradient(90deg,#6b4700 0 3px,#e2b52b 3px 6px,#7d5300 6px 9px)
        border-box;
    -webkit-mask:
        linear-gradient(#000 0 0) padding-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
}

@keyframes slowCoin{
    from{transform:rotateY(0deg)}
    to{transform:rotateY(360deg)}
}

@media (prefers-reduced-motion:reduce){
    .coin{animation:none}
}

/* ---------- Extra info page ---------- */
.info-page{
    position:relative;
    width:min(100%,1040px);
    margin:0 auto;
    padding:34px 20px 60px;
}

.info-coin{
    position:relative;
    top:auto;
    right:auto;
    width:clamp(130px,16vw,180px);
    height:clamp(130px,16vw,180px);
    margin:0 22px 30px auto;
}



/* ---------- Realistic 3D AXPAX coin ---------- */
.coin-hero-row{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:clamp(24px,5vw,64px);
    width:min(100vw,1180px);
    margin:0 auto 30px;
    min-height:clamp(150px,18vw,200px);
    padding-right:clamp(20px,4vw,55px);
    position:relative;
    left:50%;
    transform:translateX(-50%);
}

.coin-slogan{
    color:#e1ad2d;
    font-family:"Segoe Script","Bradley Hand","Brush Script MT",cursive;
    font-size:clamp(22px,3.2vw,42px);
    font-weight:600;
    line-height:1;
    letter-spacing:.01em;
    white-space:nowrap;
    transform:rotate(-9deg);
    transform-origin:center;
    text-shadow:
        0 1px 0 #fff0a2,
        0 2px 7px rgba(214,168,23,.32),
        0 4px 15px rgba(0,0,0,.7);
}

.coin-stage{
    perspective:900px;
    transform-style:preserve-3d;
}

.coin{
    width:100%;
    height:100%;
    position:relative;
    transform-style:preserve-3d;
    animation:coinSpin 8.5s linear infinite;
    filter:drop-shadow(0 12px 14px rgba(0,0,0,.58));
}

.coin-face{
    position:absolute;
    inset:0;
    border-radius:50%;
    backface-visibility:hidden;
    overflow:hidden;
    background:
        radial-gradient(circle at 30% 22%,rgba(255,255,255,.62),transparent 13%),
        radial-gradient(circle at 47% 44%,#f9da67 0%,#d7a51b 34%,#a66d05 66%,#573500 100%);
    border:5px solid #e2b52f;
    box-shadow:
        inset 0 0 0 2px rgba(255,244,165,.9),
        inset 0 0 0 7px rgba(103,65,0,.72),
        inset 0 10px 18px rgba(255,239,135,.22),
        inset 0 -14px 20px rgba(55,31,0,.42);
}

.coin-face::before{
    content:"";
    position:absolute;
    inset:7%;
    border-radius:50%;
    border:2px solid rgba(255,232,121,.72);
    box-shadow:
        inset 0 0 0 2px rgba(73,42,0,.5),
        0 0 5px rgba(255,221,75,.32);
}

.coin-face::after{
    content:"";
    position:absolute;
    inset:12%;
    border-radius:50%;
    border:1px dashed rgba(255,235,137,.42);
}

.coin-front img,.coin-back img{
    position:absolute;
    inset:19%;
    width:62%;
    height:62%;
    object-fit:contain;
    border-radius:50%;
    filter:
        drop-shadow(0 2px 2px rgba(255,238,137,.55))
        drop-shadow(0 5px 5px rgba(34,18,0,.72));
    transform:translateZ(2px);
}

.coin-back{
    transform:rotateY(180deg);
}

.coin-edge{
    position:absolute;
    left:50%;
    top:0;
    width:100%;
    height:100%;
    transform:translateX(-50%) rotateY(90deg);
    border-radius:50%;
    background:
        repeating-linear-gradient(
            90deg,
            #6e4500 0 3px,
            #e0ad25 3px 6px,
            #9a6408 6px 9px
        );
    box-shadow:inset 0 0 7px rgba(0,0,0,.7);
    backface-visibility:hidden;
}

@keyframes coinSpin{
    from{transform:rotateY(0deg)}
    to{transform:rotateY(360deg)}
}

.info-card{
    position:relative;
    z-index:2;
    margin-bottom:28px;
    padding:clamp(28px,5vw,52px);
    border:1px solid rgba(214,168,23,.38);
    border-radius:22px;
    background:
        linear-gradient(145deg,rgba(25,25,25,.97),rgba(5,5,5,.98));
    box-shadow:0 25px 70px rgba(0,0,0,.42);
}

.contract-card{padding-right:clamp(28px,5vw,52px)}

.eyebrow{
    color:var(--gold2);
    font-size:12px;
    font-weight:800;
    letter-spacing:.16em;
    margin-bottom:12px;
}

h1,h2{
    margin:0 0 14px;
    color:#fff;
    letter-spacing:.02em;
}
h1,h2{font-size:clamp(30px,4vw,44px)}

.lead,.whitepaper p{
    max-width:760px;
    color:#bdbdbd;
    line-height:1.7;
    font-size:17px;
}

.contract-box{
    margin:26px 0 20px;
    padding:18px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:13px;
    background:#080808;
}
.contract-label{
    display:block;
    margin-bottom:9px;
    color:#888;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.1em;
}
code{
    color:#f3f3f3;
    font-size:clamp(11px,1.6vw,15px);
    line-height:1.6;
    overflow-wrap:anywhere;
}

.gold-button{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:15px 22px;
    border-radius:11px;
    background:linear-gradient(135deg,#f3c83f,#b77d00);
    color:#080808;
    text-decoration:none;
    font-weight:900;
    letter-spacing:.03em;
    box-shadow:0 10px 25px rgba(0,0,0,.35);
    transition:.2s ease;
}
.gold-button:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 30px rgba(0,0,0,.48);
}

.community-card{
    overflow:hidden;
}

.social-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin-top:24px;
}

.social-link{
    display:flex;
    align-items:center;
    gap:16px;
    min-height:88px;
    padding:16px 18px;
    border:1px solid rgba(214,168,23,.32);
    border-radius:14px;
    background:linear-gradient(145deg,rgba(214,168,23,.08),rgba(255,255,255,.025));
    color:var(--white);
    text-decoration:none;
    transition:transform .2s ease, border-color .2s ease, background .2s ease;
}

a.social-link:hover{
    transform:translateY(-2px);
    border-color:rgba(244,202,69,.75);
    background:linear-gradient(145deg,rgba(214,168,23,.14),rgba(255,255,255,.04));
}

.social-link.disabled{
    opacity:.72;
}

.social-icon{
    width:48px;
    height:48px;
    flex:0 0 48px;
    display:grid;
    place-items:center;
    border-radius:13px;
    background:#090909;
    border:1px solid rgba(244,202,69,.35);
}

.social-icon svg{
    width:25px;
    height:25px;
    fill:var(--gold2);
}

.social-copy strong{
    display:block;
    font-size:18px;
    letter-spacing:.03em;
}

.social-copy small{
    display:block;
    margin-top:5px;
    color:#929292;
    line-height:1.35;
}

.paper-placeholder{
    display:flex;
    align-items:center;
    gap:18px;
    margin-top:25px;
    padding:20px;
    border-radius:14px;
    border:1px dashed rgba(214,168,23,.45);
    background:rgba(214,168,23,.045);
}
.paper-mark{
    width:58px;height:58px;
    display:grid;place-items:center;
    border-radius:50%;
    border:2px solid var(--gold2);
    color:var(--gold2);
    font-weight:900;
}
.paper-placeholder strong,.paper-placeholder span{display:block}
.paper-placeholder span{margin-top:4px;color:#888}

footer{
    padding:22px 20px 30px;
    text-align:center;
    color:#666;
    font-size:11px;
    letter-spacing:.16em;
}

@media (max-width:700px){
    .topbar{min-height:64px;padding:8px 12px;gap:14px;overflow-x:auto;overflow-y:hidden}
    .brand{flex:0 0 auto}
    .brand span{font-size:20px}
    .brand small{font-size:6px}
    nav{margin-left:0;flex:0 0 auto;gap:2px;white-space:nowrap}
    nav a{padding:8px 9px;font-size:12px;flex:0 0 auto}

    .hero{padding:0 4px 24px}
    .hero>.coin-stage{
        width:78px;height:78px;
        top:15px;right:13px;
    }
    .coin-face{border-width:5px}
    .coin-edge{border-width:7px}

    .info-page{padding:26px 12px 35px}
    .coin-hero-row{
        width:100vw;
        min-height:125px;
        gap:16px;
        margin-bottom:22px;
        padding-right:13px;
        left:50%;
        transform:translateX(-50%);
    }
    .coin-slogan{
        font-size:clamp(19px,6vw,28px);
        white-space:normal;
        text-align:right;
        max-width:52%;
    }
    .info-coin{
        width:104px;
        height:104px;
        margin:0;
        flex:0 0 104px;
    }
    .contract-card{padding-right:28px;padding-top:28px}
    .info-card{border-radius:16px}

    .social-grid{grid-template-columns:1fr}
    .social-link{min-height:80px}
    .community-buttons{grid-template-columns:1fr}
}

@media (max-width:420px){
    nav{gap:2px}
    nav a{padding:8px 8px;font-size:12px}
}


/* Extra Info: keep the hero area clean; the logo is rendered only inside the coin faces. */
.info-page > img,
.info-page > div:not(.coin-hero-row):not(.info-card){
    /* no decorative page-level logo */
}
.coin-hero-row .coin-face img{
    display:block;
}

/* Safety: no loose AXPAX logo artwork above the Extra Info hero. */
.info-page > img[src*="axpax-logo"] {
    display:none !important;
}

/* AXPAX Community buttons — Discord + Telegram */
.community-buttons{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    width:min(100%,860px);
    margin:22px auto 4px;
}
.community-button{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    width:min(100%, 420px);
    margin:0;
    padding:15px 22px;
    border:1px solid rgba(214,168,23,.85);
    border-radius:12px;
    background:linear-gradient(180deg,rgba(214,168,23,.14),rgba(0,0,0,.45));
    color:#fff;
    text-decoration:none;
    font-weight:800;
    letter-spacing:1.8px;
    box-shadow:0 0 18px rgba(214,168,23,.14), inset 0 0 18px rgba(214,168,23,.05);
    transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.community-button:hover{
    transform:translateY(-2px);
    box-shadow:0 0 26px rgba(214,168,23,.28), inset 0 0 20px rgba(214,168,23,.08);
    background:linear-gradient(180deg,rgba(214,168,23,.22),rgba(0,0,0,.42));
}
.community-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:24px;
    height:24px;
    color:#f4ca45;
    flex:0 0 24px;
    margin:0;
}
.community-icon svg{
    width:19px;
    height:19px;
    display:block;
    fill:currentColor;
}
.community-arrow{
    color:#d6a817;
    font-size:18px;
    margin-left:4px;
}

/* AXPAX Support — Bitcoin donation */
.support-card{margin-bottom:30px}
.donation-box code{word-break:break-all}
.copy-button{font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;width:min(100%,420px);margin:18px auto 0}


/* Buy AXPAX: keep the token artwork compact; never render the source logo at its native size. */
.buy-page .buy-token-box .buy-token-icon {
    width:58px !important;
    height:58px !important;
    min-width:58px;
    max-width:58px;
    min-height:58px;
    max-height:58px;
    overflow:hidden;
}
.buy-page .buy-token-box .buy-token-icon img {
    display:block;
    width:100% !important;
    height:100% !important;
    max-width:100%;
    max-height:100%;
    object-fit:cover;
}
.buy-page .coin-hero-row .coin-face img {
    display:block;
    width:62% !important;
    height:62% !important;
    max-width:62%;
    max-height:62%;
}
@media (max-width:700px){
    .buy-page .buy-token-box .buy-token-icon {
        width:54px !important; height:54px !important;
        min-width:54px; max-width:54px; min-height:54px; max-height:54px;
    }
}


/* ---------- Buy AXPAX page layout ---------- */
.buy-card{
    max-width:900px;
    margin-left:auto;
    margin-right:auto;
}
.buy-card .lead{
    margin:0 0 30px;
}
.buy-token-box{
    display:flex;
    align-items:center;
    gap:18px;
    margin:0 0 30px;
    padding:18px 20px;
    border:1px solid rgba(214,168,23,.28);
    border-radius:16px;
    background:linear-gradient(145deg,rgba(214,168,23,.07),rgba(255,255,255,.025));
}
.buy-token-box strong{
    display:block;
    font-size:19px;
    letter-spacing:.03em;
}
.buy-token-box span{
    display:block;
    margin-top:5px;
    color:#999;
    font-size:13px;
}
.buy-token-icon{
    width:58px;
    height:58px;
    flex:0 0 58px;
    border-radius:50%;
    overflow:hidden;
    border:1px solid rgba(244,202,69,.45);
    box-shadow:0 5px 18px rgba(0,0,0,.35);
}
.buy-token-icon img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}
.buy-steps{
    display:grid;
    gap:14px;
    margin:0 0 32px;
}
.buy-steps > div{
    display:flex;
    align-items:flex-start;
    gap:18px;
    padding:18px 20px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:14px;
    background:rgba(255,255,255,.025);
}
.buy-steps b{
    flex:0 0 34px;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:linear-gradient(145deg,#f3c83f,#a96f00);
    color:#090909;
    font-size:16px;
    font-weight:900;
}
.buy-steps span{
    color:#ddd;
    font-size:16px;
    line-height:1.55;
    padding-top:4px;
}
.buy-main-button{
    width:100%;
    justify-content:center;
    min-height:58px;
    font-size:15px;
    letter-spacing:.06em;
    margin:2px 0 24px;
}
.buy-note{
    padding:18px 20px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:14px;
    background:#080808;
}
.buy-note span{
    display:block;
    margin-bottom:8px;
    color:#888;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.12em;
}
.buy-note code{display:block}
@media (max-width:700px){
    .buy-card{padding:24px 18px}
    .buy-token-box{padding:15px}
    .buy-steps > div{padding:16px}
    .buy-steps span{font-size:15px}
    .buy-main-button{font-size:13px}
}

/* AXPAX Transparency — page-specific styling. */
.transparency-card{
    max-width:900px;
    margin-left:auto;
    margin-right:auto;
}
.transparency-card .lead{
    margin-bottom:28px;
}
.transparency-list{
    list-style:none;
    margin:0 0 50px;
    padding:0;
}
.transparency-list li{
    position:relative;
    padding-left:20px;
    margin:0 0 12px;
    color:#f2f2f2;
    font-size:21px;
    line-height:1.35;
    letter-spacing:.01em;
}
.transparency-list li::before{
    content:"";
    position:absolute;
    left:0;
    top:.58em;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#d6a817;
}
.transparency-dex-button{
    margin-top:0;
}
.transparency-market-buttons{
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    gap:14px;
    align-items:flex-start;
    margin-top:72px;
}
.transparency-market-buttons .transparency-dex-button{
    margin-top:0;
}
@media (max-width:700px){
    .transparency-card{
        padding:24px 18px;
    }
    .transparency-list{
        margin-bottom:44px;
    }
    .transparency-list li{
        padding-left:18px;
        margin-bottom:12px;
        font-size:19px;
        line-height:1.4;
    }
    .transparency-list li::before{
        width:7px;
        height:7px;
    }
    .transparency-market-buttons{
        flex-direction:column;
        align-items:stretch;
        gap:12px;
        margin-top:72px;
    }
    .transparency-dex-button{
        width:100%;
        justify-content:center;
    }
}

/* Final alignment and icon fixes */
.support-card .copy-button{margin-left:0;margin-right:0;font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;}
.contract-actions{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
    margin-top:18px;
}
.contract-actions .gold-button,
.contract-actions .copy-contract-button{
    display:flex;
    align-items:center;
    justify-content:center;
    width:min(100%,420px);
    margin:0;
    font-family:Arial,Helvetica,sans-serif;
    font-size:16px;
    font-weight:800;
    letter-spacing:1.8px;
    line-height:1.2;
    text-transform:uppercase;
    white-space:nowrap;
}
.community-button{justify-content:flex-start;}
.community-icon{
    width:24px;
    height:24px;
    flex:0 0 24px;
    color:#f4ca45 !important;
}
.community-icon svg{
    width:22px !important;
    height:22px !important;
    display:block;
    fill:#f4ca45 !important;
    color:#f4ca45 !important;
}
.community-icon svg path{fill:#f4ca45 !important;}
@media (max-width:700px){
    .community-buttons{grid-template-columns:1fr}
    .community-button{width:100%;}
    .contract-actions .gold-button,
    .contract-actions .copy-contract-button{width:100%;font-size:15px;letter-spacing:1.5px;}
}

/* EXTRA INFO — definitive button alignment and typography */
.info-page .support-card .copy-button,
.info-page .contract-actions > .gold-button,
.info-page .whitepaper > .gold-button {
    box-sizing:border-box !important;
    width:min(100%,420px) !important;
    margin-left:0 !important;
    margin-right:0 !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:16px !important;
    font-weight:800 !important;
    letter-spacing:1.8px !important;
    line-height:1.2 !important;
    text-transform:uppercase !important;
}

.info-page .support-card .copy-button {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin-top:18px !important;
}

.info-page .contract-actions {
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:14px !important;
    width:100% !important;
    margin:18px 0 0 0 !important;
}

.info-page .contract-actions > .gold-button {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    margin:0 !important;
    white-space:nowrap !important;
}

.info-page .community-buttons {
    width:min(100%,420px) !important;
    margin-left:0 !important;
    margin-right:0 !important;
    grid-template-columns:1fr !important;
}

.info-page .community-button {
    width:100% !important;
    margin:0 !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:16px !important;
    font-weight:800 !important;
    letter-spacing:1.8px !important;
}

@media (max-width:700px){
    .info-page .support-card .copy-button,
    .info-page .contract-actions > .gold-button,
    .info-page .whitepaper > .gold-button,
    .info-page .community-buttons {
        width:100% !important;
    }
}


/* Navigation: slightly larger labels and mobile horizontal scrolling */
.topbar nav a{
    font-size:19px;
}
@media (max-width:760px){
    .topbar{
        gap:12px;
        padding-left:14px;
        padding-right:14px;
    }
    .topbar nav{
        display:flex;
        flex:1 1 auto;
        min-width:0;
        max-width:calc(100vw - 150px);
        margin-left:0;
        gap:4px;
        overflow-x:auto;
        overflow-y:hidden;
        white-space:nowrap;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:thin;
        scrollbar-color:#d6a817 #17120a;
        padding:2px 0 8px;
    }
    .topbar nav::-webkit-scrollbar{
        height:5px;
    }
    .topbar nav::-webkit-scrollbar-track{
        background:#17120a;
        border-radius:5px;
    }
    .topbar nav::-webkit-scrollbar-thumb{
        background:#d6a817;
        border-radius:5px;
    }
    .topbar nav a{
        flex:0 0 auto;
        font-size:16px;
        padding:10px 12px;
    }
}


/* Mobile-only hamburger navigation. Desktop navigation remains unchanged. */
.mobile-menu-toggle{
    display:none;
    width:44px;
    height:42px;
    flex:0 0 44px;
    padding:9px 10px;
    border:1px solid rgba(214,168,23,.55);
    border-radius:9px;
    background:#0b0b0b;
    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:2px;
    background:var(--gold2);
    transition:transform .18s ease, opacity .18s ease;
}
@media (max-width:760px){
    .topbar{
        position:sticky;
        flex-wrap:wrap;
        justify-content:space-between;
        gap:10px;
        padding:10px 16px;
    }
    .mobile-menu-toggle{display:flex;margin-left:auto;}
    .topbar nav{
        display:none;
        order:3;
        width:100%;
        flex:0 0 100%;
        flex-direction:column;
        align-items:stretch;
        gap:4px;
        margin:0;
        padding:8px 0 4px;
        border-top:1px solid rgba(214,168,23,.22);
    }
    .topbar.menu-open nav{display:flex;}
    .topbar nav a{display:block;width:100%;padding:12px 14px;}
    .topbar.menu-open .mobile-menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg);}
    .topbar.menu-open .mobile-menu-toggle span:nth-child(2){opacity:0;}
    .topbar.menu-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
}


/* Small fluorescent-green live indicator beside the Live Data navigation link. */
.topbar nav a .live-nav-dot{
    display:inline-block;
    width:9px;
    height:9px;
    margin-left:7px;
    vertical-align:middle;
    border-radius:50%;
    background:#39ff14;
    box-shadow:0 0 5px #39ff14,0 0 11px rgba(57,255,20,.85);
}

/* Transparency page: force equal-width market buttons, spacing, and clear gold arrows. */
.transparency-page .transparency-market-buttons {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
    position: relative;
}
.transparency-page .transparency-market-buttons .transparency-dex-button {
    position: relative;
    display: inline-flex !important;
    width: 386px !important;
    min-width: 386px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}
.transparency-page .transparency-market-buttons .transparency-dex-button::before {
    content: "";
    position: absolute;
    left: -39px;
    top: 50%;
    width: 29px;
    height: 10px;
    background: linear-gradient(90deg, #8d6200 0%, #f4ca45 100%);
    clip-path: polygon(0 40%, 68% 40%, 68% 0, 100% 50%, 68% 100%, 68% 60%, 0 60%);
    transform: translateY(-50%);
    pointer-events: none;
}
@media (max-width: 700px) {
    .transparency-page .transparency-market-buttons {
        align-items: stretch !important;
        gap: 14px !important;
    }
    .transparency-page .transparency-market-buttons .transparency-dex-button {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
    .transparency-page .transparency-market-buttons .transparency-dex-button::before {
        left: -25px;
        width: 18px;
        height: 8px;
    }
}


/* ---------- Premium gold matrix LED ticker (homepage only) ---------- */
.home-newsbar-wrap {
    width: min(calc(100% - 40px), 1180px);
    margin: 20px auto 32px;
    position: relative;
    z-index: 5;
}
.home-newsbar {
    --news-gold: #f4ca45;
    --news-gold-soft: #d6a817;
    position: relative;
    display: flex;
    align-items: center;
    gap: 0;
    width: 100%;
    height: 54px;
    overflow: hidden;
    isolation: isolate;
    border: 1px solid rgba(244, 202, 69, .8);
    border-radius: 14px;
    background-color: #030303;
    background-image:
        radial-gradient(circle, rgba(244,202,69,.13) .7px, transparent .95px),
        linear-gradient(180deg, #11100a 0%, #030303 50%, #0c0a04 100%);
    background-size: 5px 5px, 100% 100%;
    box-shadow:
        inset 0 0 0 1px rgba(244,202,69,.08),
        inset 0 0 14px rgba(244,202,69,.09),
        0 0 7px rgba(244,202,69,.18),
        0 0 18px rgba(244,202,69,.07);
}
.home-newsbar::before,
.home-newsbar::after {
    content: "";
    border-radius: inherit;
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(214,168,23,.65) 12%, rgba(244,202,69,.9) 50%, rgba(214,168,23,.65) 88%, transparent);
}
.home-newsbar::before { top: 0; }
.home-newsbar::after { bottom: 0; }
.home-newsbar-live {
    position: relative;
    z-index: 2;
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    margin: 0 14px 0 16px;
    border-radius: 50%;
    background: #39ff14;
    box-shadow: 0 0 5px #39ff14, 0 0 11px rgba(57,255,20,.85);
    animation: home-newsbar-led-pulse 3.2s ease-in-out infinite;
}
.home-newsbar-viewport {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    overflow: hidden;
}
.home-newsbar-track {
    display: flex;
    width: max-content;
    height: 100%;
    flex: 0 0 auto;
    align-items: center;
    will-change: transform;
    animation: home-newsbar-scroll var(--home-newsbar-duration, 80s) linear infinite;
}
.home-newsbar-sequence {
    display: flex;
    height: 100%;
    flex: 0 0 auto;
    align-items: center;
    gap: 30px;
    padding: 0 40px 0 18px;
    white-space: nowrap;
}
.home-newsbar-headline {
    color: #f4ca45;
    font-family: "Courier New", Consolas, monospace;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .025em;
    line-height: 1.2;
    text-decoration: none;
    text-shadow: 0 0 3px rgba(244,202,69,.8), 0 0 8px rgba(214,168,23,.42);
    transition: color .18s ease, text-shadow .18s ease;
}
.home-newsbar-headline:hover,
.home-newsbar-headline:focus-visible {
    color: #fff0b0;
    text-shadow: 0 0 4px rgba(244,202,69,1), 0 0 12px rgba(214,168,23,.72);
    outline: none;
}
.home-newsbar-divider {
    color: #d6a817;
    font-family: "Courier New", Consolas, monospace;
    font-size: 17px;
    opacity: .95;
    text-shadow: 0 0 5px rgba(244,202,69,.8);
}
.home-newsbar-loading {
    color: #f4ca45;
    font-family: "Courier New", Consolas, monospace;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .07em;
    line-height: 1.2;
    text-shadow: 0 0 4px rgba(244,202,69,.78), 0 0 10px rgba(214,168,23,.3);
}
@keyframes home-newsbar-scroll {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
@keyframes home-newsbar-led-pulse {
    0%, 100% { opacity: 1; box-shadow: 0 0 5px #39ff14, 0 0 11px rgba(57,255,20,.85); }
    50% { opacity: .78; box-shadow: 0 0 3px #39ff14, 0 0 7px rgba(57,255,20,.55); }
}
.home-newsbar:hover .home-newsbar-track,
.home-newsbar:focus-within .home-newsbar-track {
    animation-play-state: paused;
}
@media (max-width: 760px) {
    .home-newsbar-wrap {
        width: calc(100% - 24px);
        margin: 16px auto 25px;
    }
    .home-newsbar {
        height: 46px;
        border-radius: 11px;
    }
    .home-newsbar-live {
        flex-basis: 6px;
        width: 6px;
        height: 6px;
        margin: 0 10px 0 11px;
    }
    .home-newsbar-sequence {
        gap: 20px;
        padding-left: 12px;
        padding-right: 26px;
    }
    .home-newsbar-headline { font-size: 15px; }
    .home-newsbar-divider { font-size: 14px; }
    .home-newsbar-loading { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
    .home-newsbar-live { animation: none; }
    .home-newsbar-track { animation: none; }
}

/* Keep ticker items centered vertically and styled consistently in gold. */
.home-newsbar-wrap,
.home-newsbar,
.home-newsbar-viewport,
.home-newsbar-track,
.home-newsbar-sequence,
.home-newsbar-headline,
.home-newsbar-divider,
.home-newsbar-loading {
    box-sizing: border-box;
}
.home-newsbar {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
}
.home-newsbar-viewport {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}
.home-newsbar-track {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    height: 100% !important;
    width: max-content !important;
    white-space: nowrap !important;
}
.home-newsbar-sequence {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    height: 100% !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}
a.home-newsbar-headline,
.home-newsbar-headline {
    display: inline-block !important;
    flex: 0 0 auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #f4ca45 !important;
    background: transparent !important;
    border: 0 !important;
    font-family: "Courier New", Consolas, monospace !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: .025em !important;
    text-decoration: none !important;
    text-transform: none !important;
    text-shadow: 0 0 3px rgba(244,202,69,.8), 0 0 8px rgba(214,168,23,.42) !important;
    white-space: nowrap !important;
}
.home-newsbar-divider,
.home-newsbar-loading {
    display: inline-block !important;
    flex: 0 0 auto !important;
    color: #d6a817 !important;
    font-family: "Courier New", Consolas, monospace !important;
    white-space: nowrap !important;
}
.home-newsbar-divider {
    font-size: 17px !important;
    text-shadow: 0 0 5px rgba(244,202,69,.8) !important;
}
.home-newsbar-loading {
    color: #f4ca45 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-shadow: 0 0 4px rgba(244,202,69,.78), 0 0 10px rgba(214,168,23,.3) !important;
}
@media (max-width: 760px) {
    .home-newsbar { height: 46px !important; }
    a.home-newsbar-headline,
    .home-newsbar-headline { font-size: 15px !important; }
    .home-newsbar-divider { font-size: 14px !important; }
    .home-newsbar-loading { font-size: 13px !important; }
}


/* Matrix-inspired headline typography: larger, crisp and readable. */
a.home-newsbar-headline,
.home-newsbar-headline {
    font-family: "Lucida Console", "Courier New", monospace !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    letter-spacing: .055em !important;
    line-height: 1.2 !important;
    -webkit-text-stroke: .25px rgba(244, 202, 69, .55);
    text-shadow: 0 0 2px rgba(244, 202, 69, .95),
                 0 0 5px rgba(244, 202, 69, .55),
                 0 0 9px rgba(214, 168, 23, .28) !important;
}
.home-newsbar-divider {
    font-size: 19px !important;
    letter-spacing: .02em !important;
}
.home-newsbar-loading {
    font-size: 18px !important;
    letter-spacing: .075em !important;
}
@media (max-width: 760px) {
    a.home-newsbar-headline,
    .home-newsbar-headline {
        font-size: 17px !important;
        letter-spacing: .035em !important;
        -webkit-text-stroke: .15px rgba(244, 202, 69, .5);
    }
    .home-newsbar-divider { font-size: 16px !important; }
    .home-newsbar-loading { font-size: 15px !important; }
}


/* Premium live crypto market ticker — homepage only. */
.home-market-sequence {
    gap: 23px !important;
    padding-left: 16px !important;
    padding-right: 32px !important;
}
.home-market-item {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    gap: 9px !important;
    color: #f5edd7 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    font-family: Inter, "Segoe UI", Arial, sans-serif !important;
    line-height: 1.1 !important;
    text-transform: none !important;
    box-shadow: none !important;
}
.home-market-item:hover .home-market-price,
.home-market-item:focus-visible .home-market-price {
    color: #fff1c0 !important;
    text-shadow: 0 0 8px rgba(244, 202, 69, .45) !important;
}
.home-market-item:focus-visible { outline: 1px solid rgba(244, 202, 69, .7) !important; outline-offset: 4px; }
.home-market-symbol {
    color: #f4ca45 !important;
    font-size: 17px !important;
    font-weight: 850 !important;
    letter-spacing: .035em !important;
    text-shadow: 0 0 4px rgba(244, 202, 69, .38) !important;
}
.home-market-name {
    color: rgba(235, 226, 203, .7) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: .01em !important;
}
.home-market-price {
    color: #fff7df !important;
    font-size: 17px !important;
    font-weight: 720 !important;
    font-variant-numeric: tabular-nums !important;
    letter-spacing: -.015em !important;
    text-shadow: 0 0 3px rgba(244, 202, 69, .2) !important;
}
.home-market-change {
    font-size: 13px !important;
    font-weight: 750 !important;
    font-variant-numeric: tabular-nums !important;
    letter-spacing: 0 !important;
}
.home-market-change.is-up { color: #62dba0 !important; }
.home-market-change.is-down { color: #ff8585 !important; }
.home-market-change.is-flat { color: #d9bd70 !important; }
.home-market-divider {
    color: rgba(244, 202, 69, .7) !important;
    font-size: 13px !important;
    text-shadow: 0 0 5px rgba(244, 202, 69, .3) !important;
}
@media (max-width: 760px) {
    .home-market-sequence { gap: 16px !important; padding-left: 12px !important; padding-right: 22px !important; }
    .home-market-item { gap: 6px !important; }
    .home-market-symbol { font-size: 15px !important; }
    .home-market-name { display: none !important; }
    .home-market-price { font-size: 15px !important; }
    .home-market-change { font-size: 12px !important; }
}