.dna-announcement{

    position:fixed;
    top:72px;
    left:0;
    width:100%;

    z-index:998;

    background:
    linear-gradient(
        90deg,
        #4f46e5,
        #6366f1,
        #8b5cf6
    );

    background-size:300% 300%;

    animation:gradientMove 8s ease infinite;

    box-shadow:
    0 6px 18px rgba(79,70,229,.18);
}

body{

    transition:padding-top .35s ease;
}

.dna-announcement-container{

    max-width:1400px;

    margin:auto;

    height:48px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    position:relative;
}

.dna-announcement-badge{

    background:#ffffff;

    color:#4f46e5;

    font-size:11px;

    font-weight:700;

    padding:5px 10px;

    border-radius:999px;
}

.dna-announcement-text{

    color:#ffffff;

    font-size:14px;

    font-weight:600;

    text-align:center;
}

.dna-announcement-close{

    position:absolute;

    right:20px;

    border:none;

    background:none;

    color:white;

    cursor:pointer;

    font-size:16px;
}

.dna-announcement{

    transition:
    opacity .35s ease,
    transform .35s ease;
}

.dna-announcement.hide{

    opacity:0;

    transform:translateY(-10px);

    pointer-events:none;
}

body.announcement-hidden{

    padding-top:72px;
}

@keyframes gradientMove{

    0%{
        background-position:0% 50%;
    }

    50%{
        background-position:100% 50%;
    }

    100%{
        background-position:0% 50%;
    }
}

/* ===== ANNOUNCEMENT LIGHT MOBILE FIX ===== */
body:not(.theme-dark) .dna-announcement{
    background:linear-gradient(90deg, #dceaff, #ddfff5, #ede7ff);
    border-bottom:1px solid rgba(37,99,235,.14);
    box-shadow:0 8px 22px rgba(31,53,83,.10);
}

body:not(.theme-dark) .dna-announcement-text{ color:#17304d; }
body:not(.theme-dark) .dna-announcement-close{ color:#2563eb; }

@media(max-width:850px){
    .dna-announcement{ top:72px; }
    .dna-announcement-container{ height:44px; padding:0 44px 0 14px; gap:8px; }
    .dna-announcement-text{ font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .dna-announcement-badge{ flex:0 0 auto; font-size:10px; padding:4px 9px; }
    .dna-announcement-close{ right:12px; }
}

/* ===== ANNOUNCEMENT CLOSE HEIGHT FIX ===== */
/* body.announcement-hidden{padding-top:72px !important;} */
body.announcement-hidden .hero-v3{margin-top:-20px !important;}
@media(max-width:850px){body.announcement-hidden{padding-top:72px !important;}}

/* Keep hero aligned correctly after announcement is closed */
body.announcement-hidden .hero-v3,
body.announcement-hidden:not(.theme-dark) .hero-v3{
    margin-top:0 !important;
}
/* Closed announcement: move hero up, but keep badge below header */
body.announcement-hidden .hero-v3,
body.announcement-hidden:not(.theme-dark) .hero-v3{
    margin-top:0 !important;
    padding-top:0 !important;
}

body.announcement-hidden .hero-inner,
body.announcement-hidden:not(.theme-dark) .hero-inner{
    margin-top:0 !important;
    padding-top:0 !important;
}