@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    background: #050505;
    color: #f5f5f2;
    font-family: "Inter", sans-serif;
    overflow-x: hidden;
}

/* =========================
   BACKGROUND
========================= */

body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -3;

    background:
        radial-gradient(
            circle at 78% 28%,
            rgba(255,255,255,.08),
            transparent 25%
        ),
        radial-gradient(
            circle at 20% 80%,
            rgba(120,120,140,.07),
            transparent 30%
        ),
        #050505;
}

.noise {
    position: fixed;
    inset: 0;
    opacity: .025;
    pointer-events: none;
    z-index: 1000;

    background-image:
        url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.8'/%3E%3C/svg%3E");
}

.background-glow {
    position: fixed;
    border-radius: 50%;
    filter: blur(130px);
    pointer-events: none;
    z-index: -2;
}

.glow-one {
    width: 500px;
    height: 500px;
    right: -150px;
    top: 10%;
    background: rgba(255,255,255,.045);
}

.glow-two {
    width: 400px;
    height: 400px;
    left: -200px;
    bottom: 5%;
    background: rgba(110,120,150,.045);
}


/* =========================
   NAVBAR
========================= */

.navbar {
    width: 100%;
    height: 92px;

    position: absolute;
    top: 0;
    left: 0;
    z-index: 50;

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 0 4vw;

    border-bottom: 1px solid rgba(255,255,255,.08);
}

.brand {
    color: white;
    text-decoration: none;

    font-weight: 900;
    font-size: 21px;
    letter-spacing: -1px;
}

.brand sup {
    font-size: 9px;
    vertical-align: top;
    margin-left: 3px;
}

.nav-links {
    display: flex;
    gap: 38px;
}

.nav-links a {
    color: rgba(255,255,255,.65);
    text-decoration: none;

    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.4px;

    transition: .3s;
}

.nav-links a:hover {
    color: white;
}

.nav-submit {
    color: white;
    text-decoration: none;

    border: 1px solid rgba(255,255,255,.25);
    border-radius: 100px;

    padding: 13px 18px;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;

    display: flex;
    align-items: center;
    gap: 15px;

    transition: .3s;
}

.nav-submit:hover {
    background: white;
    color: black;
}


/* =========================
   HERO
========================= */

.hero {
    min-height: 100vh;
    position: relative;

    display: flex;
    align-items: center;

    padding: 130px 4vw 80px;
}

.hero-content {
    position: relative;
    z-index: 5;

    width: 62%;
}

.hero-tag {
    display: flex;
    align-items: center;
    gap: 10px;

    color: rgba(255,255,255,.5);

    font-size: 10px;
    letter-spacing: 2px;
    font-weight: 600;

    margin-bottom: 35px;
}

.status-dot {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #fff;

    box-shadow:
        0 0 8px white,
        0 0 20px rgba(255,255,255,.4);
}

.hero-title {
    font-size: clamp(70px, 8.5vw, 165px);

    line-height: .78;
    letter-spacing: -7px;

    font-weight: 900;

    max-width: 1000px;
}

.hero-title span {
    display: block;

    color: transparent;

    -webkit-text-stroke:
        1px rgba(255,255,255,.65);
}

.hero-bottom {
    margin-top: 55px;

    display: flex;
    align-items: center;

    gap: 50px;
}

.hero-description {
    max-width: 330px;

    color: rgba(255,255,255,.5);

    font-size: 13px;
    line-height: 1.7;
}

.main-button {
    display: flex;
    align-items: center;
    gap: 28px;

    color: black;
    background: white;

    text-decoration: none;

    padding: 7px 7px 7px 22px;

    border-radius: 100px;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: .7px;

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.main-button:hover {
    transform: translateY(-3px);

    box-shadow:
        0 10px 40px rgba(255,255,255,.15);
}

.button-arrow {
    width: 42px;
    height: 42px;

    border-radius: 50%;

    background: black;
    color: white;

    display: grid;
    place-items: center;

    font-size: 17px;
}


/* =========================
   MASCOT
========================= */

.hero-visual {
    position: absolute;

    width: min(38vw, 550px);
    aspect-ratio: 1;

    right: 2vw;
    top: 50%;

    transform: translateY(-50%);

    display: grid;
    place-items: center;

    z-index: 2;
}

.mascot {
    width: 73%;

    position: relative;
    z-index: 4;

    user-select: none;

    filter:
        drop-shadow(0 30px 45px rgba(0,0,0,.8))
        drop-shadow(0 0 25px rgba(255,255,255,.08));
}

.mascot-glow {
    position: absolute;

    width: 55%;
    height: 55%;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.15),
            rgba(255,255,255,.03) 45%,
            transparent 70%
        );

    filter: blur(25px);
}

.visual-orbit {
    position: absolute;

    border: 1px solid rgba(255,255,255,.11);

    border-radius: 50%;
}

.orbit-one {
    width: 88%;
    height: 88%;
}

.orbit-two {
    width: 110%;
    height: 110%;

    border-style: dashed;

    opacity: .45;
}


/* =========================
   PLATFORM TAGS
========================= */

.platform-card {
    position: absolute;

    padding: 10px 14px;

    border: 1px solid rgba(255,255,255,.13);

    background:
        rgba(10,10,10,.65);

    backdrop-filter: blur(15px);

    border-radius: 100px;

    font-size: 9px;
    letter-spacing: 1.3px;
    font-weight: 700;

    display: flex;
    align-items: center;
    gap: 8px;

    z-index: 7;

    box-shadow:
        0 10px 40px rgba(0,0,0,.35);
}

.platform-dot {
    width: 5px;
    height: 5px;

    background: white;
    border-radius: 50%;

    box-shadow:
        0 0 8px rgba(255,255,255,.7);
}

.spotify-card {
    top: 20%;
    left: -2%;
}

.apple-card {
    right: -1%;
    top: 45%;
}

.youtube-card {
    bottom: 15%;
    left: 8%;
}


/* =========================
   SIDE / SCROLL
========================= */

.side-text {
    position: absolute;

    right: 25px;
    bottom: 60px;

    writing-mode: vertical-rl;

    color: rgba(255,255,255,.3);

    font-size: 8px;
    letter-spacing: 2px;
}

.scroll-indicator {
    position: absolute;

    left: 4vw;
    bottom: 28px;

    color: rgba(255,255,255,.4);

    text-decoration: none;

    display: flex;
    align-items: center;
    gap: 15px;

    font-size: 8px;
    letter-spacing: 2px;
}

.scroll-line {
    width: 55px;
    height: 1px;

    background: rgba(255,255,255,.25);
}


/* =========================
   GENERAL SECTIONS
========================= */

section:not(.hero) {
    position: relative;
    padding: 140px 4vw;
}

.section-number,
.section-heading > span {
    color: rgba(255,255,255,.35);

    font-size: 9px;
    letter-spacing: 2px;
    font-weight: 600;
}


/* =========================
   INTRO
========================= */

.intro-section {
    min-height: 90vh;

    display: flex;
    flex-direction: column;
    justify-content: center;

    border-top: 1px solid rgba(255,255,255,.08);
}

.intro-section h2 {
    margin-top: 45px;

    max-width: 1200px;

    font-size: clamp(65px, 9vw, 150px);

    line-height: .83;
    letter-spacing: -7px;

    font-weight: 900;
}

.intro-section h2 span {
    color: transparent;

    -webkit-text-stroke:
        1px rgba(255,255,255,.6);
}

.intro-section p {
    margin-top: 55px;
    margin-left: auto;

    max-width: 420px;

    color: rgba(255,255,255,.45);

    font-size: 14px;
    line-height: 1.8;
}


/* =========================
   DISTRIBUTION
========================= */

.distribution-section {
    border-top: 1px solid rgba(255,255,255,.08);
}

.section-heading h2 {
    margin-top: 30px;

    font-size: clamp(60px, 8vw, 130px);

    line-height: .85;
    letter-spacing: -6px;

    font-weight: 900;
}

.platform-grid {
    margin-top: 100px;

    display: grid;
    grid-template-columns: repeat(3, 1fr);

    border-top: 1px solid rgba(255,255,255,.12);
    border-bottom: 1px solid rgba(255,255,255,.12);
}

.service-card {
    min-height: 360px;

    padding: 30px;

    position: relative;

    border-right: 1px solid rgba(255,255,255,.12);

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

.service-card:last-child {
    border-right: none;
}

.service-card:hover {
    background: rgba(255,255,255,.045);
}

.service-card > span {
    color: rgba(255,255,255,.25);

    font-size: 10px;
}

.service-card h3 {
    margin-top: 120px;

    font-size: 22px;
    letter-spacing: -1px;
}

.service-card p {
    margin-top: 20px;

    max-width: 300px;

    color: rgba(255,255,255,.4);

    font-size: 12px;
    line-height: 1.7;
}

.card-arrow {
    position: absolute;

    right: 30px;
    top: 28px;

    color: rgba(255,255,255,.35);

    font-size: 20px;
}


/* =========================
   RELEASES
========================= */

.releases-section {
    border-top: 1px solid rgba(255,255,255,.08);
}

.release-placeholder {
    margin-top: 90px;

    min-height: 600px;

    border-radius: 4px;

    border: 1px solid rgba(255,255,255,.1);

    background:
        radial-gradient(
            circle at center,
            rgba(255,255,255,.08),
            transparent 40%
        ),
        linear-gradient(
            135deg,
            #111,
            #050505
        );

    display: grid;
    place-items: center;

    overflow: hidden;

    position: relative;
}

.release-placeholder::before {
    content: "";

    position: absolute;

    width: 400px;
    height: 400px;

    border: 1px solid rgba(255,255,255,.1);

    border-radius: 50%;
}

.release-placeholder::after {
    content: "";

    position: absolute;

    width: 600px;
    height: 600px;

    border: 1px dashed rgba(255,255,255,.07);

    border-radius: 50%;
}

.release-message {
    position: relative;
    z-index: 2;

    text-align: center;
}

.release-message span {
    color: rgba(255,255,255,.35);

    font-size: 9px;
    letter-spacing: 2px;
}

.release-message h3 {
    margin-top: 20px;

    font-size: clamp(45px, 6vw, 90px);

    line-height: .9;
    letter-spacing: -4px;
}


/* =========================
   ABOUT
========================= */

.about-section {
    min-height: 85vh;

    display: flex;
    flex-direction: column;
    justify-content: center;

    border-top: 1px solid rgba(255,255,255,.08);
}

.about-small {
    margin-bottom: 40px;

    color: rgba(255,255,255,.35);

    font-size: 9px;
    letter-spacing: 2px;
}

.about-text {
    max-width: 1300px;

    font-size: clamp(60px, 8.5vw, 145px);

    line-height: .84;
    letter-spacing: -7px;

    font-weight: 900;
}

.about-text span {
    display: block;

    color: transparent;

    -webkit-text-stroke:
        1px rgba(255,255,255,.6);
}


/* =========================
   SUBMIT
========================= */

.submit-section {
    min-height: 100vh;

    border-top: 1px solid rgba(255,255,255,.08);

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;
}

.submit-mascot {
    position: absolute;

    width: min(45vw, 650px);

    left: -8%;

    opacity: .18;

    transform: rotate(-14deg);

    filter: blur(.2px);
}

.submit-content {
    position: relative;
    z-index: 2;

    text-align: center;
}

.submit-content > span {
    color: rgba(255,255,255,.4);

    font-size: 9px;
    letter-spacing: 2px;
}

.submit-content h2 {
    margin: 25px 0 55px;

    font-size: clamp(80px, 12vw, 190px);

    line-height: .75;
    letter-spacing: -9px;

    font-weight: 900;
}

.submit-big-button {
    display: inline-flex;
    align-items: center;

    gap: 60px;

    padding: 20px 24px 20px 30px;

    border-radius: 100px;

    background: white;
    color: black;

    text-decoration: none;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.submit-big-button:hover {
    transform: scale(1.04);

    box-shadow:
        0 15px 60px rgba(255,255,255,.15);
}

.submit-big-button span {
    font-size: 20px;
}


/* =========================
   FOOTER
========================= */

footer {
    min-height: 130px;

    border-top: 1px solid rgba(255,255,255,.1);

    padding: 0 4vw;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-logo {
    font-size: 20px;
    font-weight: 900;
}

.footer-center,
.footer-right {
    color: rgba(255,255,255,.3);

    font-size: 8px;
    letter-spacing: 1.5px;
}


/* =========================
   RESPONSIVE
========================= */

@media (max-width: 900px) {

    .navbar {
        padding: 0 20px;
    }

    .nav-links {
        display: none;
    }

    .hero {
        padding:
            130px 20px
            100px;

        align-items: flex-start;
    }

    .hero-content {
        width: 100%;
    }

    .hero-title {
        font-size: 17vw;
        letter-spacing: -5px;
    }

    .hero-visual {
        width: 65vw;

        right: -15vw;
        top: 68%;

        opacity: .7;
    }

    .hero-bottom {
        flex-direction: column;
        align-items: flex-start;

        gap: 25px;
    }

    .platform-card {
        display: none;
    }

    section:not(.hero) {
        padding:
            100px 20px;
    }

    .intro-section h2,
    .section-heading h2,
    .about-text {
        letter-spacing: -4px;
    }

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

    .service-card {
        border-right: none;
        border-bottom:
            1px solid rgba(255,255,255,.1);
    }

    footer {
        padding: 40px 20px;

        flex-direction: column;
        align-items: flex-start;

        gap: 20px;
    }
}
/* =========================================
   INTERACTIONS / ANIMATIONS
========================================= */

body::after {
    content: "";

    position: fixed;

    width: 550px;
    height: 550px;

    left: var(--mouse-x, 50%);
    top: var(--mouse-y, 50%);

    transform: translate(-50%, -50%);

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.045) 0%,
            rgba(255,255,255,.018) 30%,
            transparent 68%
        );

    pointer-events: none;

    z-index: 0;

    transition:
        left .12s linear,
        top .12s linear;
}


/* mascot idle floating */

.mascot {
    transform-style: preserve-3d;

    transition:
        filter .4s ease;

    will-change: transform;
}

.mascot:hover {
    filter:
        drop-shadow(0 35px 55px rgba(0,0,0,.9))
        drop-shadow(0 0 32px rgba(255,255,255,.20));
}


/* rotating rings */

.orbit-one {
    animation:
        orbitSpin 22s linear infinite;
}

.orbit-two {
    animation:
        orbitSpinReverse 35s linear infinite;
}

@keyframes orbitSpin {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }

}

@keyframes orbitSpinReverse {

    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }

}


/* platform cards breathe */

.platform-card {
    transition:
        transform .25s ease,
        border-color .3s ease,
        background .3s ease;

    animation:
        platformFloat 4s ease-in-out infinite;
}

.apple-card {
    animation-delay: -1.3s;
}

.youtube-card {
    animation-delay: -2.6s;
}

@keyframes platformFloat {

    0%,
    100% {
        margin-top: 0;
    }

    50% {
        margin-top: -8px;
    }

}

.platform-card:hover {

    border-color:
        rgba(255,255,255,.55);

    background:
        rgba(255,255,255,.1);

}


/* scroll reveal */

.reveal {

    opacity: 0;

    transform:
        translateY(70px);

    filter:
        blur(10px);

    transition:
        opacity 1s cubic-bezier(.16,1,.3,1),
        transform 1s cubic-bezier(.16,1,.3,1),
        filter 1s cubic-bezier(.16,1,.3,1);

}

.reveal-visible {

    opacity: 1;

    transform:
        translateY(0);

    filter:
        blur(0);

}


/* stagger cards */

.service-card:nth-child(2) {
    transition-delay: .12s;
}

.service-card:nth-child(3) {
    transition-delay: .24s;
}


/* hero entrance */

.hero-tag {
    animation:
        heroEntrance .9s
        cubic-bezier(.16,1,.3,1)
        both;

    animation-delay: .1s;
}

.hero-title {
    animation:
        heroEntrance 1.1s
        cubic-bezier(.16,1,.3,1)
        both;

    animation-delay: .2s;

    will-change: transform;
}

.hero-bottom {
    animation:
        heroEntrance 1s
        cubic-bezier(.16,1,.3,1)
        both;

    animation-delay: .4s;
}

.hero-visual {
    animation:
        visualEntrance 1.4s
        cubic-bezier(.16,1,.3,1)
        both;

    animation-delay: .25s;
}

@keyframes heroEntrance {

    from {
        opacity: 0;

        transform:
            translateY(45px);

        filter:
            blur(12px);
    }

    to {
        opacity: 1;

        transform:
            translateY(0);

        filter:
            blur(0);
    }

}

@keyframes visualEntrance {

    from {
        opacity: 0;

        transform:
            translateY(-45%)
            scale(.85);

        filter:
            blur(15px);
    }

    to {
        opacity: 1;

        transform:
            translateY(-50%)
            scale(1);

        filter:
            blur(0);
    }

}


/* animated scroll line */

.scroll-line {
    position: relative;
    overflow: hidden;
}

.scroll-line::after {

    content: "";

    position: absolute;

    height: 100%;
    width: 50%;

    background: white;

    left: -60%;

    animation:
        scrollLine 2.2s
        ease-in-out
        infinite;

}

@keyframes scrollLine {

    0% {
        left: -60%;
    }

    60%,
    100% {
        left: 120%;
    }

}


/* smooth service cards */

.service-card {
    transform-style: preserve-3d;
    will-change: transform;
}


/* selection */

::selection {
    background: white;
    color: black;
}


/* reduced motion */

@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
    }

}
/* =========================================
   ECHOVERSE LOADER
========================================= */

.loader {
    position: fixed;
    inset: 0;

    z-index: 99999;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;
}

.loader-top,
.loader-bottom {
    position: absolute;

    left: 0;
    width: 100%;
    height: 50%;

    background: #030303;

    transition:
        transform 1s cubic-bezier(.76, 0, .24, 1);
}

.loader-top {
    top: 0;
}

.loader-bottom {
    bottom: 0;
}

.loader-content {
    position: relative;
    z-index: 3;

    width: min(420px, 80vw);

    text-align: center;

    transition:
        opacity .4s ease,
        transform .5s ease,
        filter .5s ease;
}

.loader-bolt {
    font-size: 32px;

    margin-bottom: 22px;

    animation: boltPulse .8s ease-in-out infinite alternate;
}

.loader-name {
    font-size: clamp(30px, 4vw, 55px);

    font-weight: 900;
    letter-spacing: -3px;
}

.loader-counter {
    margin-top: 10px;

    color: rgba(255,255,255,.4);

    font-size: 10px;
    letter-spacing: 2px;
}

.loader-progress {
    width: 100%;
    height: 1px;

    margin-top: 30px;

    background: rgba(255,255,255,.12);

    overflow: hidden;
}

.loader-progress-fill {
    width: 0%;
    height: 100%;

    background: white;

    box-shadow:
        0 0 15px rgba(255,255,255,.8);

    transition: width .08s linear;
}

.loader-meta {
    margin-top: 18px;

    color: rgba(255,255,255,.25);

    font-size: 7px;

    letter-spacing: 2.5px;
}

@keyframes boltPulse {

    from {
        opacity: .35;

        transform:
            scale(.9);

        filter:
            drop-shadow(0 0 0 white);
    }

    to {
        opacity: 1;

        transform:
            scale(1.1);

        filter:
            drop-shadow(0 0 12px rgba(255,255,255,.8));
    }

}


/* LOADER FINISH */

.loader.loader-finished .loader-content {
    opacity: 0;

    transform:
        scale(.92);

    filter:
        blur(10px);
}

.loader.loader-finished .loader-top {
    transform:
        translateY(-101%);
}

.loader.loader-finished .loader-bottom {
    transform:
        translateY(101%);
}
/* =========================================
   ECHOVERSE EXPERIENCE PACK
========================================= */

/* cursor */
@media (pointer:fine) {
  body { cursor: default; }
  a, button, .release-card, .mascot { cursor: pointer; }
  .ev-cursor { position:fixed; width:34px; height:34px; border:1px solid rgba(255,255,255,.55); border-radius:50%; z-index:100000; pointer-events:none; left:0; top:0; transform:translate(-50%,-50%); display:grid; place-items:center; mix-blend-mode:normal; background:rgba(0,0,0,.12); box-shadow:0 0 18px rgba(255,255,255,.12); transition:width .25s ease,height .25s ease,background .25s ease,border-color .25s ease; }
  .ev-cursor::after { content:""; width:4px; height:4px; background:#fff; border-radius:50%; }
  .ev-cursor span { position:absolute; font-size:7px; letter-spacing:1px; font-weight:800; opacity:0; }
  .ev-cursor.active { width:70px; height:70px; background:#fff; color:#000; mix-blend-mode:normal; border-color:#fff; }
  .ev-cursor.active::after { opacity:0; }
  .ev-cursor.active span { opacity:1; }
}

/* scroll progress */
.scroll-progress { position:fixed; right:20px; top:50%; transform:translateY(-50%); z-index:80; display:flex; flex-direction:column; align-items:center; gap:12px; pointer-events:none; }
.progress-track { width:1px; height:130px; background:rgba(255,255,255,.12); position:relative; overflow:hidden; }
.progress-fill { position:absolute; inset:0 0 auto; height:0; background:#fff; box-shadow:0 0 12px rgba(255,255,255,.55); }
.progress-index { writing-mode:vertical-rl; font-size:7px; letter-spacing:2px; color:rgba(255,255,255,.35); }

/* marquee */
.motion-marquee { padding:0 !important; border-top:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.12); overflow:hidden; background:#f1f1ed; color:#050505; transform:rotate(-1deg) scale(1.02); position:relative; z-index:6; }
.marquee-track { display:flex; width:max-content; will-change:transform; animation:evMarquee 22s linear infinite; }
.marquee-track span { font-size:clamp(34px,4.7vw,82px); font-weight:900; letter-spacing:-3px; white-space:nowrap; padding:18px 20px; }
@keyframes evMarquee { to { transform:translateX(-50%); } }

/* mascot electric click */
.hero-visual::after { content:""; position:absolute; inset:20%; border-radius:50%; border:1px solid transparent; pointer-events:none; z-index:8; }
.hero-visual.electric::after { animation:electricBurst .65s ease-out; }
.hero-visual.electric .mascot { animation:mascotShock .55s cubic-bezier(.2,.8,.2,1); }
.hero-visual.electric .platform-card { animation:tagShock .65s cubic-bezier(.2,.8,.2,1); }
@keyframes electricBurst { 0%{transform:scale(.5);border-color:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.8)} 100%{transform:scale(2);border-color:transparent;box-shadow:0 0 80px 30px transparent} }
@keyframes mascotShock { 35%{filter:brightness(2.5) drop-shadow(0 0 35px #fff);transform:scale(1.08) rotate(-2deg)} 70%{transform:scale(.97) rotate(2deg)} }
@keyframes tagShock { 45%{margin-left:18px;filter:brightness(2)} }

/* release wall */
.release-wall { min-height:720px; margin-top:80px; position:relative; border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1); display:flex; align-items:center; justify-content:center; gap:clamp(18px,3vw,55px); perspective:1400px; overflow:hidden; background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.06),transparent 40%); }
.release-wall::before { content:"DRAG YOUR EYES / FIND THE SOUND"; position:absolute; top:22px; left:24px; font-size:7px; letter-spacing:2px; color:rgba(255,255,255,.3); }
.release-card { width:min(25vw,330px); flex:0 0 auto; transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .45s ease,filter .45s ease; transform-style:preserve-3d; }
.release-card:nth-child(1){ transform:rotate(-7deg) translateY(24px); }
.release-card:nth-child(2){ transform:translateY(-20px) scale(1.05); z-index:3; }
.release-card:nth-child(3){ transform:rotate(7deg) translateY(28px); }
.release-wall:has(.release-card:hover) .release-card:not(:hover){ opacity:.42; filter:blur(2px); transform:scale(.9); }
.release-card:hover { transform:translateY(-34px) rotate(0) scale(1.08) !important; z-index:10; }
.cover-art { aspect-ratio:1; position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.16); background:#0b0b0b; box-shadow:0 35px 80px rgba(0,0,0,.55); }
.cover-art > span { position:absolute; left:16px; top:14px; font-size:7px; letter-spacing:2px; color:rgba(255,255,255,.55); z-index:3; }
.cover-art strong { position:absolute; left:18px; bottom:17px; font-size:clamp(28px,3vw,48px); line-height:.8; letter-spacing:-3px; z-index:3; }
.release-a .cover-art { background:repeating-radial-gradient(circle at 50% 50%,#eee 0 1px,#090909 2px 22px); }
.cover-ring { position:absolute; width:54%; aspect-ratio:1; border-radius:50%; background:#050505; border:1px solid #fff; top:23%; left:23%; box-shadow:0 0 50px rgba(255,255,255,.16); }
.release-b .cover-art { background:linear-gradient(145deg,#f2f2ef 0 50%,#080808 50%); }
.release-b img { width:86%; position:absolute; left:7%; top:7%; filter:drop-shadow(0 25px 25px rgba(0,0,0,.45)); }
.release-c .cover-art { background:linear-gradient(135deg,#080808,#171717); }
.cover-bolt { position:absolute; font-size:clamp(120px,15vw,220px); line-height:1; left:50%; top:50%; transform:translate(-50%,-50%) rotate(9deg); color:#eee; text-shadow:20px 20px 0 #222; }
.release-info { padding-top:16px; display:flex; justify-content:space-between; gap:15px; align-items:flex-start; }
.release-info span { font-size:7px; letter-spacing:1.5px; color:rgba(255,255,255,.35); }
.release-info b { font-size:10px; letter-spacing:.8px; }

/* moving sheen */
.service-card::after, .release-card::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.055) 48%,transparent 61%); transform:translateX(-120%); transition:transform .8s ease; }
.service-card:hover::after, .release-card:hover::after { transform:translateX(120%); }
.release-card { position:relative; }

@media(max-width:900px){
 .scroll-progress{display:none}.ev-cursor{display:none!important}.motion-marquee{transform:none}.release-wall{min-height:auto;padding:80px 20px;justify-content:flex-start;overflow-x:auto}.release-card{width:70vw}.release-card:nth-child(n){transform:none}.release-wall:has(.release-card:hover) .release-card:not(:hover){opacity:1;filter:none;transform:none}.release-card:hover{transform:none!important}
}

/* =========================================
   EXPERIENCE PACK II — CHROME / LIVE SIGNAL
========================================= */
.chrome-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:-1;opacity:.48;filter:blur(.1px);background:radial-gradient(circle at 30% 24%,#fff 0 4%,#9d9d9d 8%,#111 34%,#d7d7d7 47%,#050505 66%,#888 79%,#050505 100%);box-shadow:inset -18px -20px 38px #000,inset 10px 9px 20px rgba(255,255,255,.35),0 25px 70px rgba(255,255,255,.05);mix-blend-mode:screen;will-change:transform}
.orb-a{width:72px;height:72px;left:5vw;top:64vh;animation:orbDriftA 13s ease-in-out infinite}
.orb-b{width:38px;height:38px;right:8vw;top:24vh;animation:orbDriftB 10s ease-in-out infinite}
.orb-c{width:22px;height:22px;right:31vw;bottom:10vh;animation:orbDriftA 8s ease-in-out -3s infinite;opacity:.3}
@keyframes orbDriftA{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(24px,-48px,0) rotate(150deg)}}
@keyframes orbDriftB{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-35px,38px,0) scale(1.18)}}

.signal-section{min-height:100vh!important;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:5vw;border-top:1px solid rgba(255,255,255,.08);overflow:hidden}
.signal-copy>span{font-size:9px;letter-spacing:2.3px;color:rgba(255,255,255,.38)}
.signal-copy h2{font-size:clamp(58px,7vw,120px);line-height:.82;letter-spacing:-6px;margin:30px 0 38px;font-weight:900}
.signal-copy h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.65)}
.signal-copy p{max-width:350px;font-size:12px;line-height:1.8;color:rgba(255,255,255,.4)}
.signal-stage{height:min(70vw,720px);max-height:720px;aspect-ratio:1;justify-self:end;position:relative;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.055),transparent 55%);border:1px solid rgba(255,255,255,.08);isolation:isolate;overflow:hidden}
.signal-stage:before,.signal-stage:after{content:"";position:absolute;inset:50% auto auto 50%;background:rgba(255,255,255,.08);transform:translate(-50%,-50%);z-index:-1}.signal-stage:before{width:100%;height:1px}.signal-stage:after{height:100%;width:1px}
.signal-ring{position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.ring-r1{width:48%;height:48%}.ring-r2{width:78%;height:78%;border-style:dashed;animation:signalSpin 30s linear infinite}
@keyframes signalSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.radar-sweep{position:absolute;inset:5%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 82%,rgba(255,255,255,.12) 94%,transparent 100%);animation:radar 7s linear infinite;filter:blur(.2px)}
@keyframes radar{to{transform:rotate(360deg)}}
.signal-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:118px;height:118px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 35% 25%,#fff,#777 10%,#111 42%,#000 70%);box-shadow:0 0 0 10px rgba(255,255,255,.025),0 0 80px rgba(255,255,255,.09);font-weight:900;font-size:28px;letter-spacing:-2px}
.signal-core small{font-size:7px;letter-spacing:2px;color:#aaa;margin-top:5px}
.signal-node{position:absolute;background:rgba(5,5,5,.74);color:white;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);border-radius:16px;padding:14px 17px 13px 34px;text-align:left;min-width:145px;cursor:pointer;transition:.3s ease;box-shadow:0 18px 45px rgba(0,0,0,.3)}
.signal-node i{position:absolute;left:15px;top:18px;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 13px #fff}
.signal-node b{display:block;font-size:9px;letter-spacing:1.3px}.signal-node small{font-size:6px;letter-spacing:1.5px;color:#666}.signal-node:hover{background:#fff;color:#000;transform:scale(1.08)!important}.signal-node:hover i{background:#000;box-shadow:none}.node-1{left:7%;top:24%}.node-2{right:4%;top:38%}.node-3{left:17%;bottom:15%}
.signal-status{position:absolute;right:8%;bottom:8%;font-size:7px;letter-spacing:1.8px;color:#777}.signal-status span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#fff;margin-right:8px;box-shadow:0 0 10px #fff;animation:statusPulse 1.2s ease-in-out infinite}
@keyframes statusPulse{50%{opacity:.25}}

/* subtle scanline that makes the whole site feel alive */
body>.noise:after{content:"";position:fixed;left:0;right:0;height:140px;top:-160px;background:linear-gradient(transparent,rgba(255,255,255,.012),transparent);animation:siteScan 9s linear infinite;pointer-events:none}@keyframes siteScan{to{transform:translateY(calc(100vh + 320px))}}

@media(max-width:900px){.chrome-orb{display:none}.signal-section{grid-template-columns:1fr;gap:60px}.signal-stage{width:100%;height:auto;justify-self:center}.signal-copy h2{letter-spacing:-4px}.signal-node{min-width:115px;padding:11px 12px 10px 28px}.signal-node i{left:12px;top:15px}}


/* =========================================
   ECHOVERSE V3 — KINETIC SECTIONS
========================================= */
.signal-section{display:none!important}
.motion-marquee{transform:rotate(-1deg) scale(1.02) skewX(var(--skew,0deg));transition:skew .12s ease-out}
.marquee-track{animation:none!important}

.statement-section{min-height:110vh!important;display:flex;flex-direction:column;justify-content:center;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.statement-kicker{font-size:8px;letter-spacing:2.5px;color:rgba(255,255,255,.35);margin-bottom:45px}
.statement-word{width:max-content;max-width:none;font-size:clamp(64px,10.4vw,190px);line-height:.82;letter-spacing:-8px;font-weight:900;white-space:nowrap;will-change:transform;transition:filter .25s ease}
.statement-word.outline{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.72);margin-left:8vw}
.statement-word:hover{filter:drop-shadow(0 0 28px rgba(255,255,255,.14))}

.platform-ticker{padding:0!important;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.09);background:#070707}
.platform-ticker-track{display:flex;align-items:center;gap:28px;width:max-content;padding:19px 0;animation:platformTicker 28s linear infinite}
.platform-ticker span{font-size:10px;font-weight:700;letter-spacing:2px;color:rgba(255,255,255,.58);white-space:nowrap}
.platform-ticker i{font-style:normal;font-size:8px;color:rgba(255,255,255,.22)}
@keyframes platformTicker{to{transform:translateX(-50%)}}

.release-conveyor{justify-content:flex-start!important;overflow-x:auto!important;scrollbar-width:none;cursor:grab;padding-left:calc(50vw - 165px);padding-right:calc(50vw - 165px);user-select:none;touch-action:pan-y}
.release-conveyor::-webkit-scrollbar{display:none}
.release-conveyor.dragging{cursor:grabbing}
.release-conveyor .release-card{min-width:min(25vw,330px)}
.release-conveyor.dragging .release-card{pointer-events:none}
.release-wall::before{content:"DRAG / THROW / FIND THE SOUND"}

.chrome-trail{position:fixed;z-index:99998;pointer-events:none;width:var(--s);height:var(--s);border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 30% 25%,#fff 0 8%,#777 20%,#111 52%,#eee 72%,#050505 100%);box-shadow:0 0 18px rgba(255,255,255,.18);animation:trailVanish .52s cubic-bezier(.16,1,.3,1) forwards}
@keyframes trailVanish{to{opacity:0;transform:translate(-50%,-50%) scale(.15);filter:blur(3px)}}

@media(max-width:900px){
 .statement-section{min-height:80vh!important}.statement-word{font-size:16vw;letter-spacing:-4px}.statement-word.outline{margin-left:0}
 .release-conveyor{padding-left:20px;padding-right:20px}.release-conveyor .release-card{min-width:70vw}
 .chrome-trail{display:none}.platform-ticker-track{animation-duration:20s}
}

/* =========================================
   ECHOVERSE V4 — LIVING IDENTITY
========================================= */

/* floating companion */
.mascot-companion{
  position:fixed;right:26px;bottom:24px;width:116px;height:116px;border:0;background:transparent;
  z-index:120;opacity:0;visibility:hidden;transform:translate3d(30px,24px,0) scale(.72);
  transition:opacity .45s ease,transform .7s cubic-bezier(.16,1,.3,1),visibility .45s ease;
  padding:0;cursor:pointer;isolation:isolate;
}
.mascot-companion.visible{opacity:1;visibility:visible;transform:translate3d(0,0,0) scale(1)}
.mascot-companion img{position:absolute;width:82%;left:9%;top:6%;z-index:2;transition:transform .25s ease,filter .3s ease;filter:drop-shadow(0 16px 24px rgba(0,0,0,.72))}
.mascot-companion-ring{position:absolute;inset:4px;border:1px solid rgba(255,255,255,.18);border-radius:50%;animation:companionSpin 10s linear infinite}
.mascot-companion-ring:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;top:8px;left:50%;box-shadow:0 0 12px #fff}
.mascot-companion-label{position:absolute;right:105%;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:6px;letter-spacing:2px;color:rgba(255,255,255,.38);opacity:0;transition:.25s ease}
.mascot-companion:hover .mascot-companion-label{opacity:1;right:112%}
.mascot-companion:hover img{filter:brightness(1.15) drop-shadow(0 0 18px rgba(255,255,255,.18))}
.mascot-companion.zap:before{content:"";position:absolute;inset:22%;border-radius:50%;border:1px solid #fff;animation:companionBurst .65s ease-out;z-index:5}
.mascot-companion.zap img{animation:companionZap .55s cubic-bezier(.2,.8,.2,1)}
@keyframes companionSpin{to{transform:rotate(360deg)}}
@keyframes companionBurst{to{inset:-30%;opacity:0;box-shadow:0 0 60px 20px rgba(255,255,255,.2)}}
@keyframes companionZap{35%{transform:scale(1.18) rotate(-8deg);filter:brightness(2.4) drop-shadow(0 0 30px #fff)}70%{transform:scale(.94) rotate(5deg)}}

/* chrome identity */
.chrome-identity{min-height:100vh!important;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.chrome-kicker{font-size:8px;letter-spacing:2.5px;color:rgba(255,255,255,.32);margin-bottom:52px}
.chrome-word-wrap{--shine-x:50%;--shine-y:50%;position:relative;padding:4vw 0 6vw;perspective:1200px}
.chrome-word{font-size:clamp(82px,15vw,260px);line-height:.72;letter-spacing:-12px;font-weight:900;width:max-content;max-width:none;
  background:
    radial-gradient(circle at var(--shine-x) var(--shine-y),#fff 0 2%,#a9a9a9 8%,#222 19%,#fafafa 31%,#4d4d4d 43%,#111 58%,#d7d7d7 71%,#050505 88%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 24px 34px rgba(0,0,0,.68));
  transition:transform .28s cubic-bezier(.16,1,.3,1);transform-origin:center;will-change:transform;
}
.chrome-word-wrap:before{content:"ECHOVERSE";position:absolute;left:2px;top:calc(4vw + 2px);font-size:clamp(82px,15vw,260px);line-height:.72;letter-spacing:-12px;font-weight:900;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.08);z-index:-1;filter:blur(.2px)}
.chrome-subline{margin-top:42px;font-size:7px;letter-spacing:2.5px;color:rgba(255,255,255,.32);display:flex;align-items:center;gap:14px}
.chrome-subline:before{content:"";width:70px;height:1px;background:rgba(255,255,255,.24)}

/* physics playground */
.physics-section{min-height:100vh!important;display:grid;grid-template-columns:.72fr 1.28fr;gap:5vw;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden}
.physics-copy>span{font-size:8px;letter-spacing:2.5px;color:rgba(255,255,255,.34)}
.physics-copy h2{font-size:clamp(62px,7vw,118px);line-height:.78;letter-spacing:-6px;margin:32px 0 42px;font-weight:900}
.physics-copy h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.7)}
.physics-copy p{max-width:350px;font-size:12px;line-height:1.8;color:rgba(255,255,255,.4)}
.physics-stage{height:min(63vw,700px);max-height:700px;position:relative;border:1px solid rgba(255,255,255,.1);overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.065),transparent 50%),#060606;isolation:isolate;touch-action:none}
.physics-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent);pointer-events:none}
.physics-hint{position:absolute;left:22px;top:20px;font-size:7px;letter-spacing:2px;color:rgba(255,255,255,.3);z-index:20}
.physics-ball{position:absolute;left:0;top:0;width:90px;height:90px;border:0;border-radius:50%;padding:0;cursor:grab;touch-action:none;z-index:5;
 background:radial-gradient(circle at 30% 23%,#fff 0 4%,#aaa 8%,#1a1a1a 34%,#e7e7e7 48%,#080808 69%,#8c8c8c 82%,#050505 100%);
 box-shadow:inset -18px -20px 38px #000,inset 10px 9px 20px rgba(255,255,255,.38),0 22px 45px rgba(0,0,0,.48),0 0 35px rgba(255,255,255,.035);will-change:transform;user-select:none}
.physics-ball.held{cursor:grabbing;filter:brightness(1.2);box-shadow:inset -18px -20px 38px #000,inset 10px 9px 20px rgba(255,255,255,.5),0 35px 65px rgba(0,0,0,.72),0 0 35px rgba(255,255,255,.12)}
.ball-2{width:122px;height:122px}.ball-3{width:58px;height:58px}.ball-4{width:76px;height:76px}
.bolt-ball{width:108px;height:108px;display:grid;place-items:center;font-size:44px;font-weight:900;color:#050505;background:radial-gradient(circle at 30% 24%,#fff,#a8a8a8 14%,#f7f7f7 38%,#676767 62%,#ededed 83%,#222);text-shadow:0 1px 0 #fff}
.mini-mascot-ball{width:116px;height:116px;background:radial-gradient(circle,#1b1b1b,#050505 70%);border:1px solid rgba(255,255,255,.14);overflow:hidden}
.mini-mascot-ball img{width:84%;height:84%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 12px 15px rgba(0,0,0,.65))}

/* release modal */
.modal-open{overflow:hidden!important}
.release-modal{position:fixed;inset:0;z-index:10000;background:rgba(3,3,3,.88);backdrop-filter:blur(18px);display:grid;grid-template-columns:minmax(280px,520px) minmax(300px,1fr);align-items:center;gap:7vw;padding:8vw;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s ease}
.release-modal.open{opacity:1;visibility:visible}
.release-modal-art{width:min(38vw,520px);aspect-ratio:1;transform:translateY(40px) rotate(-3deg);opacity:0;transition:.7s cubic-bezier(.16,1,.3,1)}
.release-modal.open .release-modal-art{transform:translateY(0) rotate(-1deg);opacity:1}
.release-modal-art .cover-art{width:100%;height:100%}
.release-modal-copy{transform:translateY(35px);opacity:0;transition:.7s .08s cubic-bezier(.16,1,.3,1)}
.release-modal.open .release-modal-copy{transform:none;opacity:1}
.release-modal-copy>span{font-size:8px;letter-spacing:2px;color:rgba(255,255,255,.38)}
.release-modal-copy h3{font-size:clamp(60px,8vw,145px);line-height:.8;letter-spacing:-7px;margin:25px 0 46px}
.release-modal-meta{display:flex;gap:40px;font-size:8px;letter-spacing:2px;color:rgba(255,255,255,.38)}
.release-modal-close{position:absolute;right:34px;top:30px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;border-radius:99px;padding:12px 16px;font-size:8px;letter-spacing:1.5px;cursor:pointer;transition:.25s ease}
.release-modal-close:hover{background:#fff;color:#050505}

/* footer mascot easter egg */
footer{position:relative;overflow:hidden}
.footer-mascot{position:absolute;left:50%;bottom:-175px;width:150px;height:180px;transform:translateX(-50%);transition:bottom .85s cubic-bezier(.16,1,.3,1),transform .45s ease;z-index:3;pointer-events:auto}
.footer-mascot.peek{bottom:-88px}
.footer-mascot.hide-away{bottom:-180px!important;transform:translateX(-50%) rotate(8deg)}
.footer-mascot img{width:100%;filter:drop-shadow(0 18px 20px rgba(0,0,0,.75))}
.footer-mascot span{position:absolute;left:50%;bottom:140px;transform:translateX(-50%);white-space:nowrap;font-size:6px;letter-spacing:2px;color:rgba(255,255,255,.35);opacity:0;transition:.3s ease}
.footer-mascot.peek span{opacity:1}

/* clearer scroll-driven banner motion */
.motion-marquee{will-change:transform;overflow:hidden}
.marquee-track{will-change:transform;min-width:max-content}
.marquee-track span{padding-right:2vw}

/* section depth */
.chrome-identity,.physics-section,.releases-section,.about-section,.submit-section{background:linear-gradient(180deg,rgba(255,255,255,.008),transparent 18%,transparent 82%,rgba(255,255,255,.008))}

.chrome-trail{--s:12px}

@media(max-width:900px){
  .mascot-companion{width:82px;height:82px;right:14px;bottom:14px}.mascot-companion-label{display:none}
  .chrome-identity{min-height:72vh!important}.chrome-word{font-size:19vw;letter-spacing:-6px}.chrome-word-wrap:before{font-size:19vw;letter-spacing:-6px}.chrome-subline{margin-top:28px}
  .physics-section{grid-template-columns:1fr;gap:45px}.physics-copy h2{font-size:16vw;letter-spacing:-4px}.physics-stage{width:100%;height:70vh;max-height:620px}
  .physics-ball{width:72px;height:72px}.ball-2{width:95px;height:95px}.ball-3{width:48px;height:48px}.ball-4{width:62px;height:62px}.bolt-ball{width:84px;height:84px;font-size:34px}.mini-mascot-ball{width:90px;height:90px}
  .release-modal{grid-template-columns:1fr;padding:80px 20px 30px;overflow-y:auto;gap:35px}.release-modal-art{width:min(82vw,430px);justify-self:center}.release-modal-copy h3{font-size:18vw;letter-spacing:-5px}.release-modal-close{right:18px;top:18px}
  .footer-mascot{display:none}
}

@media(prefers-reduced-motion:reduce){
  .mascot-companion-ring,.physics-ball{animation:none!important}
}


/* =========================================
   ECHOVERSE V6 — CLEAN EXPERIENCE
========================================= */

/* Remove abandoned experiments completely. */
.physics-section,
.mascot-companion,
.footer-mascot { display:none !important; }

/* Stable releases — centered and intentionally asymmetric only by a few pixels. */
.release-wall,
.release-wall.release-conveyor {
  width:100%;
  min-height:680px;
  margin-top:78px;
  padding:90px clamp(24px,5vw,76px) 62px !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(26px,4vw,62px);
  align-items:center;
  justify-items:center;
  overflow:hidden !important;
  cursor:default !important;
  user-select:auto;
  touch-action:auto;
  background:radial-gradient(circle at 50% 46%,rgba(255,255,255,.055),transparent 42%);
}
.release-wall::before{content:"SELECTED RELEASES / CLICK TO OPEN";left:clamp(24px,5vw,76px)}
.release-wall .release-card,.release-conveyor .release-card{width:min(100%,330px)!important;min-width:0!important}
.release-wall .release-card:nth-child(1){transform:rotate(-4deg) translateY(12px)}
.release-wall .release-card:nth-child(2){transform:translateY(-16px) scale(1.035)}
.release-wall .release-card:nth-child(3){transform:rotate(4deg) translateY(12px)}
.release-wall:has(.release-card:hover) .release-card:not(:hover){opacity:.5;filter:blur(1px);transform:scale(.95)}
.release-wall .release-card:hover{transform:translateY(-28px) rotate(0) scale(1.055)!important;z-index:8}

/* Scroll-driven marquee remains a visual transition, never a static banner. */
.motion-marquee{will-change:transform;overflow:hidden;transform:rotate(-1deg) scale(1.02) skewX(var(--skew,0deg));transition:skew .12s ease-out}
.marquee-track{animation:none!important;will-change:transform;min-width:max-content}

/* Minimal platform constellation + stats. */
.footer-v6{min-height:62vh!important;display:block!important;padding:76px 4vw 36px!important;border-top:1px solid rgba(255,255,255,.1);overflow:hidden}
.footer-kicker{font-size:8px;letter-spacing:2.4px;color:rgba(255,255,255,.32);margin-bottom:10vh}
.footer-mega{font-size:clamp(100px,17vw,300px);font-weight:900;letter-spacing:-15px;line-height:.68;white-space:nowrap}
.footer-mega span{font-size:.18em;vertical-align:top;margin-left:8px;letter-spacing:0}
.footer-bottom{margin-top:11vh;padding-top:26px;border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;font-size:7px;letter-spacing:1.7px;color:rgba(255,255,255,.35)}
.footer-bottom>div:last-child{text-align:right}.footer-links{display:flex;gap:28px}.footer-links a{color:rgba(255,255,255,.58);text-decoration:none;transition:.2s ease}.footer-links a:hover{color:#fff}

@media(max-width:900px){
  .release-wall,.release-wall.release-conveyor{min-height:auto;padding:78px 20px 48px!important;grid-template-columns:1fr;gap:52px;overflow:visible!important}
  .release-wall .release-card,.release-conveyor .release-card{width:min(82vw,420px)!important}
  .release-wall .release-card:nth-child(n){transform:none}.release-wall:has(.release-card:hover) .release-card:not(:hover){opacity:1;filter:none;transform:none}.release-wall .release-card:hover{transform:translateY(-8px)!important}
  .footer-v6{min-height:auto!important;padding:65px 20px 30px!important}.footer-kicker{margin-bottom:60px}.footer-mega{font-size:24vw;letter-spacing:-8px}.footer-bottom{grid-template-columns:1fr;gap:20px}.footer-bottom>div:last-child{text-align:left}.footer-links{flex-wrap:wrap}
}


/* V7 — brand logo + continuous platform rail */
.brand{display:inline-flex;align-items:center;gap:10px}
.brand-logo{width:34px;height:34px;object-fit:contain;display:block;filter:drop-shadow(0 0 10px rgba(255,255,255,.08));transition:transform .35s cubic-bezier(.16,1,.3,1),filter .35s ease}
.brand:hover .brand-logo{transform:rotate(-7deg) scale(1.07);filter:drop-shadow(0 0 15px rgba(255,255,255,.16))}
.brand-word{display:inline-flex;align-items:flex-start;font-weight:900;font-size:21px;letter-spacing:-1px;line-height:1}
.brand-word sup{font-size:8px;margin-left:3px;top:-.15em;position:relative}
.platform-ticker{padding:0!important;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.09);background:#070707;position:relative}
.platform-ticker::before,.platform-ticker::after{content:"";position:absolute;top:0;bottom:0;width:8vw;z-index:3;pointer-events:none}
.platform-ticker::before{left:0;background:linear-gradient(90deg,#070707,transparent)}
.platform-ticker::after{right:0;background:linear-gradient(-90deg,#070707,transparent)}
.platform-ticker-track{display:flex!important;align-items:center!important;gap:0!important;width:max-content!important;padding:0!important;animation:platformTickerV7 44s linear infinite!important;will-change:transform}
.platform-ticker-group{display:flex;align-items:center;flex:none;gap:28px;padding:20px 28px 20px 0}
.platform-ticker-group span{font-size:10px;font-weight:700;letter-spacing:2px;color:rgba(255,255,255,.62);white-space:nowrap}
.platform-ticker-group i{font-style:normal;font-size:8px;color:rgba(255,255,255,.22);flex:none}
@keyframes platformTickerV7{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media (max-width:900px){.brand{gap:7px}.brand-logo{width:28px;height:28px}.brand-word{font-size:17px}.platform-ticker-track{animation-duration:32s!important}.platform-ticker-group{gap:22px;padding:17px 22px 17px 0}}

/* =========================================
   V8 — visual polish fixes
   ========================================= */

/* Brand: larger and easier to read */
.navbar{
  height:104px;
}
.brand{
  gap:14px;
}
.brand-logo{
  width:50px;
  height:50px;
  flex:0 0 50px;
  filter:drop-shadow(0 0 14px rgba(255,255,255,.12));
}
.brand-word{
  font-size:27px;
  letter-spacing:-1.15px;
  line-height:.95;
}
.brand-word sup{
  font-size:9px;
  margin-left:4px;
}

/* Chrome identity: keep the entire word visible at all times */
.chrome-identity{
  overflow:visible;
}
.chrome-word-wrap{
  width:100%;
  padding:4vw 2.5vw 6vw;
  overflow:visible;
}
.chrome-word{
  width:100%;
  max-width:100%;
  font-size:clamp(76px,13.1vw,224px);
  letter-spacing:-9px;
  line-height:.78;
  white-space:nowrap;
  transform-origin:50% 50%;
}
.chrome-word-wrap:before{
  left:2.5vw;
  top:calc(4vw + 2px);
  font-size:clamp(76px,13.1vw,224px);
  letter-spacing:-9px;
  line-height:.78;
  white-space:nowrap;
}

/* Do not leave the custom cursor parked as a half-circle at 0,0. */
.ev-cursor{
  opacity:0;
  visibility:hidden;
}
.ev-cursor.cursor-ready{
  opacity:1;
  visibility:visible;
}

@media (max-width:900px){
  .navbar{height:88px}
  .brand{gap:10px}
  .brand-logo{width:38px;height:38px;flex-basis:38px}
  .brand-word{font-size:21px}
  .chrome-word{font-size:17.4vw;letter-spacing:-5px}
  .chrome-word-wrap:before{font-size:17.4vw;letter-spacing:-5px}
}


/* =========================================
   V9 — readability + navigation polish
   ========================================= */

/* Stronger, clearly readable brand lockup */
.navbar{
  height:116px !important;
  padding-left:4.2vw !important;
  padding-right:4.2vw !important;
}
.brand{
  gap:16px !important;
  min-width:max-content;
}
.brand-logo{
  width:64px !important;
  height:64px !important;
  flex:0 0 64px !important;
  object-fit:contain;
  filter:drop-shadow(0 0 16px rgba(255,255,255,.13)) !important;
}
.brand-word{
  font-size:31px !important;
  line-height:1 !important;
  letter-spacing:-1.25px !important;
  color:#fff !important;
  text-shadow:0 0 18px rgba(255,255,255,.05);
}
.brand-word sup{
  font-size:10px !important;
  margin-left:4px !important;
}

/* Chrome title: brighter dark tones, smaller scale, never visually loses the E */
.chrome-identity{
  overflow:hidden !important;
  padding-left:4vw !important;
  padding-right:4vw !important;
}
.chrome-word-wrap{
  box-sizing:border-box !important;
  width:100% !important;
  padding:4vw 0 6vw !important;
  overflow:visible !important;
}
.chrome-word{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  font-size:clamp(72px,11.85vw,198px) !important;
  letter-spacing:-7px !important;
  line-height:.82 !important;
  white-space:nowrap !important;
  -webkit-text-stroke:.7px rgba(255,255,255,.13);
  background:
    radial-gradient(circle at var(--shine-x) var(--shine-y),
      #ffffff 0 3%,
      #bdbdbd 10%,
      #343434 21%,
      #f4f4f4 34%,
      #656565 47%,
      #1b1b1b 60%,
      #dedede 73%,
      #252525 91%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}
.chrome-word-wrap:before{
  left:0 !important;
  top:calc(4vw + 2px) !important;
  font-size:clamp(72px,11.85vw,198px) !important;
  letter-spacing:-7px !important;
  line-height:.82 !important;
  -webkit-text-stroke:1px rgba(255,255,255,.11) !important;
}

/* The experimental custom cursor is intentionally removed; keep native pointer. */
.ev-cursor{display:none !important;}

@media (max-width:900px){
  .navbar{height:92px !important;padding-left:20px !important;padding-right:20px !important}
  .brand{gap:10px !important}
  .brand-logo{width:44px !important;height:44px !important;flex-basis:44px !important}
  .brand-word{font-size:22px !important}
  .chrome-identity{padding-left:20px !important;padding-right:20px !important}
  .chrome-word,.chrome-word-wrap:before{font-size:15.2vw !important;letter-spacing:-4px !important}
}

/* =========================================================
   V13 STABILITY PATCH — safe visual fixes only
   ========================================================= */

/* Keep browser layout native. Smoothness is handled by JS window scrolling only. */
html, body { scroll-behavior: auto !important; }

/* Platform strip: guaranteed seamless CSS loop. */
.platform-ticker{
  overflow:hidden !important;
  position:relative !important;
  background:#070707 !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  border-bottom:1px solid rgba(255,255,255,.09) !important;
}
.platform-ticker-track{
  display:flex !important;
  width:max-content !important;
  align-items:center !important;
  animation:evPlatformLoop 42s linear infinite !important;
  will-change:transform;
}
.platform-ticker-group{
  flex:none !important;
  display:flex !important;
  align-items:center !important;
  gap:28px !important;
  padding:19px 28px 19px 0 !important;
}
.platform-ticker-group span{
  white-space:nowrap !important;
  font-size:10px !important;
  font-weight:700 !important;
  letter-spacing:2px !important;
  color:rgba(255,255,255,.62) !important;
}
.platform-ticker-group i{
  flex:none !important;
  font-style:normal !important;
  font-size:8px !important;
  color:rgba(255,255,255,.22) !important;
}
@keyframes evPlatformLoop{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

/* Chrome word: contained, readable, still reacts to cursor light. */
.chrome-identity{
  overflow:hidden !important;
  padding-left:4vw !important;
  padding-right:4vw !important;
}
.chrome-word-wrap{
  width:100% !important;
  max-width:100% !important;
  overflow:visible !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
.chrome-word{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  font-size:clamp(68px, 13.2vw, 210px) !important;
  line-height:.82 !important;
  letter-spacing:-.065em !important;
  text-align:center !important;
  white-space:nowrap !important;
  color:transparent !important;
  background:
    radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%), #fff 0 7%, #bdbdbd 14%, #343434 34%, #f1f1f1 48%, #5b5b5b 64%, #dadada 78%, #242424 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  filter:drop-shadow(0 12px 35px rgba(255,255,255,.06));
  transform-origin:center center !important;
}
.chrome-word-wrap::before{
  left:0 !important;
  right:0 !important;
  width:100% !important;
  font-size:clamp(68px, 13.2vw, 210px) !important;
  letter-spacing:-.065em !important;
  text-align:center !important;
  white-space:nowrap !important;
}

/* Brand is readable, but not oversized. */
.brand{display:flex !important;align-items:center !important;gap:10px !important;}
.brand-logo{width:36px !important;height:36px !important;object-fit:contain !important;flex:none !important;}
.brand-word{font-size:20px !important;line-height:1 !important;letter-spacing:-.055em !important;white-space:nowrap !important;}
.brand-word sup{font-size:7px !important;margin-left:2px !important;vertical-align:top !important;}

@media (max-width:900px){
  .brand-logo{width:30px !important;height:30px !important;}
  .brand-word{font-size:17px !important;}
  .platform-ticker-track{animation-duration:32s !important;}
  .chrome-identity{padding-left:20px !important;padding-right:20px !important;}
  .chrome-word,.chrome-word-wrap::before{font-size:15vw !important;letter-spacing:-.055em !important;}
}

@media (prefers-reduced-motion: reduce){
  .platform-ticker-track{animation:none !important;}
}

/* =========================================================
   V14 — ticker hotfix
   ========================================================= */
.platform-ticker-track{
  animation-name:evPlatformLoopV14 !important;
  animation-duration:42s !important;
  animation-timing-function:linear !important;
  animation-iteration-count:infinite !important;
  animation-play-state:running !important;
}
@keyframes evPlatformLoopV14{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
/* Keep the rail moving even when OS reduced-motion is enabled: this rail is user-requested motion. */
@media (prefers-reduced-motion: reduce){
  .platform-ticker-track{
    animation-name:evPlatformLoopV14 !important;
    animation-duration:42s !important;
    animation-iteration-count:infinite !important;
    animation-play-state:running !important;
  }
}

/* =========================================================
   V15 — platform ticker hard fix
   CSS animation is disabled so JS owns the transform 100%.
   ========================================================= */
.platform-ticker-track{
  animation:none !important;
  transform:translate3d(0,0,0);
  will-change:transform;
}
.platform-ticker-group{
  flex:0 0 auto !important;
}


/* ===== REAL RELEASES ===== */
.release-card .cover-art img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .8s cubic-bezier(.16,1,.3,1),filter .5s ease;
}
.release-card:hover .cover-art img{transform:scale(1.035);filter:brightness(1.08)}
.release-info span{font-size:8px;letter-spacing:1.2px;color:rgba(255,255,255,.42);text-transform:none;max-width:48%;line-height:1.4}
.release-info b{font-size:10px;letter-spacing:.2px;line-height:1.25;text-align:right;max-width:52%;text-transform:none}
.release-listen{
  display:inline-flex;align-items:center;gap:18px;margin-top:34px;padding:14px 18px;
  border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#fff;text-decoration:none;
  font-size:9px;font-weight:800;letter-spacing:1.4px;transition:.28s ease;
}
.release-listen:hover{background:#fff;color:#050505;transform:translateY(-2px)}
.release-modal-art .cover-art img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:900px){
  .release-info{padding-top:12px}.release-info span{font-size:7px}.release-info b{font-size:9px}
}

/* ===== V17 RELEASE COVER FIX ===== */
.release-wall{
  overflow:visible;
  gap:clamp(24px,4vw,80px);
  align-items:flex-start;
}
.release-wall .release-card,
.release-conveyor .release-card{
  width:min(100%,360px)!important;
}
.release-wall .release-card:nth-child(1){transform:rotate(-3deg) translateY(10px)}
.release-wall .release-card:nth-child(2){transform:translateY(-10px) scale(1.02)}
.release-wall .release-card:nth-child(3){transform:rotate(3deg) translateY(10px)}
.release-wall .release-card:hover{transform:translateY(-16px) rotate(0) scale(1.03)!important;z-index:8}
.release-card .cover-art,
.release-modal-art .cover-art{
  background:#090909 !important;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 28px 70px rgba(0,0,0,.45);
}
.release-a .cover-art,
.release-b .cover-art,
.release-c .cover-art{
  background:#090909 !important;
}
.release-card .cover-art img,
.release-modal-art .cover-art img{
  width:100%;
  height:100%;
  object-fit:contain !important;
  object-position:center;
  background:#090909;
}
.release-card:hover .cover-art img{
  transform:scale(1.02);
  filter:brightness(1.03);
}
@media(max-width:900px){
  .release-wall,.release-wall.release-conveyor{gap:34px}
  .release-wall .release-card,.release-conveyor .release-card{width:min(86vw,420px)!important}
  .release-wall .release-card:nth-child(n){transform:none}
}

/* ===== V18 LANGUAGE SWITCHER ===== */
.nav-actions{
  display:flex;
  align-items:center;
  gap:14px;
}
.lang-switcher{
  display:flex;
  align-items:center;
  gap:3px;
  padding:4px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(6,6,6,.5);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.lang-btn{
  appearance:none;
  border:0;
  background:transparent;
  color:rgba(255,255,255,.42);
  min-width:31px;
  height:27px;
  padding:0 8px;
  border-radius:999px;
  font:700 9px/1 "Inter",sans-serif;
  letter-spacing:1px;
  cursor:pointer;
  transition:background .25s ease,color .25s ease,transform .25s ease;
}
.lang-btn:hover{color:#fff;transform:translateY(-1px)}
.lang-btn.active{background:#f5f5f2;color:#050505}
html[lang="ru"] .hero-title{font-size:clamp(62px,7.25vw,138px);letter-spacing:-6px}
html[lang="tr"] .hero-title{font-size:clamp(68px,8vw,150px)}
html[lang="ru"] .section-heading h2{font-size:clamp(52px,6.8vw,112px)}
html[lang="ru"] .about-text{font-size:clamp(54px,7vw,118px)}
@media(max-width:1100px){
  .nav-actions{gap:8px}
  .lang-switcher{padding:3px}
  .lang-btn{min-width:28px;height:25px;padding:0 6px;font-size:8px}
  .nav-submit{padding-left:14px;padding-right:14px}
}
@media(max-width:900px){
  .navbar{gap:10px}
  .nav-actions{margin-left:auto}
  .nav-submit{display:none!important}
  .lang-switcher{border-color:rgba(255,255,255,.2)}
  html[lang="ru"] .hero-title,html[lang="tr"] .hero-title{font-size:15vw;letter-spacing:-4px}
}

/* ===== V19 release card alignment fix ===== */
.release-wall{gap:clamp(26px,4vw,72px);align-items:flex-start}
.release-card{display:flex;flex-direction:column}
.release-card .cover-art,
.release-modal-art .cover-art{
  display:grid;
  place-items:center;
  background:#090909 !important;
}
.release-card .cover-art img,
.release-modal-art .cover-art img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover !important;
  object-position:center center;
}
.release-info{
  padding-top:14px;
  align-items:flex-start;
}
.release-info span{
  padding-right:10px;
}
.release-info b{
  text-align:right;
}
.release-wall .release-card:nth-child(2){transform:translateY(-8px) scale(1.03)}
.release-wall .release-card:hover{transform:translateY(-18px) rotate(0) scale(1.035)!important}
@media(max-width:900px){
  .release-wall{gap:36px}
  .release-wall .release-card:nth-child(2){transform:none}
}

/* ===== V20 exact RUN cover fix ===== */
.release-b .cover-art img{
  position:static !important;
  inset:auto !important;
  left:auto !important;
  top:auto !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:none !important;
  transform:none;
}
.release-b:hover .cover-art img{
  transform:scale(1.02) !important;
  filter:brightness(1.03) !important;
}


/* ===== V22 artists section ===== */
.artists-section{padding:clamp(80px,10vw,140px) clamp(18px,4vw,48px);position:relative}
.artists-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:34px}
.artist-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:220px;padding:22px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));backdrop-filter:blur(8px);transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease}
.artist-card:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.28);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));box-shadow:0 18px 48px rgba(0,0,0,.32)}
.artist-avatar{width:72px;height:72px;border-radius:999px;display:grid;place-items:center;margin-bottom:18px;font-size:22px;font-weight:800;letter-spacing:.08em;color:#fff;background:radial-gradient(circle at 35% 30%, rgba(255,255,255,.28), rgba(255,255,255,.08) 35%, rgba(255,255,255,.03) 70%, rgba(255,255,255,.02) 100%);border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px 10px rgba(255,255,255,.06), 0 10px 28px rgba(0,0,0,.24)}
.artist-meta{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}
.artist-meta strong{font-size:clamp(18px,1.6vw,24px);font-weight:800;letter-spacing:-.02em}
.artist-meta span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.58)}
.artist-card a{margin-top:auto;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#fff;text-decoration:none;opacity:.84}
.artist-card a:hover{opacity:1}
@media (max-width:1100px){.artists-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:800px){.artists-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.artists-grid{grid-template-columns:1fr}.artist-card{min-height:188px}}


/* ===== V23 Spotify artist photos ===== */
.artist-avatar{overflow:hidden;padding:0;background:#0a0a0a}
.artist-avatar img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .45s cubic-bezier(.16,1,.3,1),filter .35s ease}
.artist-card:hover .artist-avatar img{transform:scale(1.08);filter:brightness(1.08)}


/* ===== V24 footer socials + contact ===== */
.footer-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:30px 0 34px;border-top:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10);margin-top:26px}
.footer-contact-block{display:flex;flex-direction:column;gap:12px}
.footer-contact-block>span{font-size:9px;letter-spacing:.22em;color:rgba(255,255,255,.42);text-transform:uppercase}
.footer-email{color:#fff;text-decoration:none;font-size:clamp(17px,2vw,28px);font-weight:700;letter-spacing:-.02em;width:max-content;max-width:100%;word-break:break-word;transition:opacity .25s ease,transform .25s ease}
.footer-email:hover{opacity:.72;transform:translateX(4px)}
.footer-socials{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center}
.footer-socials span{font-size:11px;font-weight:700;letter-spacing:.16em;color:rgba(255,255,255,.78);text-transform:uppercase}
@media(max-width:760px){.footer-contact-grid{grid-template-columns:1fr;gap:24px}.footer-email{font-size:18px}.footer-socials{gap:10px 16px}}


.footer-socials a{color:#fff;text-decoration:none;letter-spacing:.16em;text-transform:uppercase;opacity:.86}
.footer-socials a:hover{opacity:1}


/* ===== V26 MINIMAL PREMIUM FOOTER ===== */
.footer-v6.footer-minimal{
  min-height:auto!important;
  padding:72px 4vw 34px!important;
  border-top:1px solid rgba(255,255,255,.1);
  background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0));
  overflow:hidden;
}
.footer-minimal .footer-kicker{
  margin:0 0 44px;
  font-size:8px;
  letter-spacing:.24em;
  color:rgba(255,255,255,.34);
  text-transform:uppercase;
}
.footer-minimal .footer-brand-row{
  padding:0 0 38px;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.footer-minimal .footer-mega{
  font-size:clamp(64px,10vw,168px)!important;
  line-height:.82!important;
  letter-spacing:-.065em!important;
  font-weight:900;
  color:rgba(255,255,255,.9);
  white-space:nowrap;
}
.footer-minimal .footer-mega span{
  font-size:.17em;
  vertical-align:top;
  margin-left:.18em;
  letter-spacing:0;
}
.footer-minimal .footer-contact-grid{
  margin:0!important;
  padding:34px 0!important;
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr)!important;
  gap:clamp(36px,8vw,140px)!important;
  border-top:0!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
}
.footer-minimal .footer-contact-block{
  gap:10px!important;
}
.footer-minimal .footer-contact-block>span{
  font-size:8px!important;
  letter-spacing:.2em!important;
  color:rgba(255,255,255,.34)!important;
}
.footer-minimal .footer-email{
  font-size:clamp(15px,1.35vw,21px)!important;
  font-weight:600!important;
  letter-spacing:-.01em!important;
  color:rgba(255,255,255,.9)!important;
}
.footer-minimal .footer-email:hover{
  opacity:.7;
  transform:translateX(3px);
}
.footer-minimal .footer-socials a{
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  color:rgba(255,255,255,.78);
  text-decoration:none;
  transition:opacity .2s ease, transform .2s ease;
}
.footer-minimal .footer-socials a:hover{
  opacity:1;
  transform:translateX(3px);
}
.footer-minimal .footer-bottom{
  margin-top:0!important;
  padding-top:22px!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  gap:24px!important;
  align-items:center!important;
  border-top:0!important;
  font-size:7px!important;
  letter-spacing:.17em!important;
  color:rgba(255,255,255,.32)!important;
}
.footer-minimal .footer-links{
  display:flex;
  gap:24px;
  justify-content:center;
}
.footer-minimal .footer-links a{
  color:rgba(255,255,255,.52);
  text-decoration:none;
}
.footer-minimal .footer-links a:hover{color:#fff}
.footer-minimal .footer-bottom>div:last-child{text-align:right}
@media(max-width:900px){
  .footer-v6.footer-minimal{padding:58px 20px 28px!important}
  .footer-minimal .footer-kicker{margin-bottom:32px}
  .footer-minimal .footer-mega{font-size:18vw!important;letter-spacing:-.055em!important}
  .footer-minimal .footer-contact-grid{grid-template-columns:1fr!important;gap:26px!important;padding:28px 0!important}
  .footer-minimal .footer-bottom{grid-template-columns:1fr!important;gap:16px!important;align-items:flex-start!important}
  .footer-minimal .footer-links{justify-content:flex-start;flex-wrap:wrap;gap:18px}
  .footer-minimal .footer-bottom>div:last-child{text-align:left}
}

/* =========================================================
   V27 — BLACK / WHITE EDITORIAL THEME + SYMMETRIC HERO ORBITS
   ========================================================= */
:root{
  --ev-black:#050505;
  --ev-white:#f7f6f2;
  --ev-line-dark:rgba(0,0,0,.12);
  --ev-line-light:rgba(255,255,255,.12);
}

/* ---------- Hero visual: centered + genuinely animated ---------- */
.hero-visual{
  width:min(39vw,570px) !important;
  aspect-ratio:1 !important;
  right:2.5vw !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  display:grid !important;
  place-items:center !important;
  isolation:isolate;
}
.hero-visual::before{
  content:"";
  position:absolute;
  inset:9%;
  border-radius:50%;
  background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.10),rgba(255,255,255,.025) 42%,transparent 68%);
  filter:blur(8px);
  pointer-events:none;
}
.hero-visual .mascot{
  width:61% !important;
  max-height:72%;
  object-fit:contain;
  z-index:6;
  transform-origin:center;
}
.hero-visual .visual-orbit{
  left:50% !important;
  top:50% !important;
  translate:-50% -50%;
  border-radius:50%;
  pointer-events:none;
}
.hero-visual .orbit-one{
  width:71% !important;
  height:71% !important;
  border:1px solid rgba(255,255,255,.15) !important;
  animation:evOrbitRing 18s linear infinite !important;
}
.hero-visual .orbit-two{
  width:91% !important;
  height:91% !important;
  border:1px dashed rgba(255,255,255,.10) !important;
  animation:evOrbitRingReverse 28s linear infinite !important;
}
@keyframes evOrbitRing{to{rotate:360deg}}
@keyframes evOrbitRingReverse{to{rotate:-360deg}}

/* labels travel on a symmetric orbit instead of floating randomly */
.hero-visual .platform-card{
  left:50% !important;
  top:50% !important;
  right:auto !important;
  bottom:auto !important;
  margin:0 !important;
  z-index:9;
  transform-origin:0 0;
  will-change:transform;
  animation-timing-function:linear !important;
  animation-iteration-count:infinite !important;
  background:rgba(5,5,5,.78) !important;
  border:1px solid rgba(255,255,255,.20) !important;
  backdrop-filter:blur(14px);
  box-shadow:0 12px 34px rgba(0,0,0,.34);
}
.hero-visual .spotify-card{animation-name:evSpotifyOrbit !important;animation-duration:20s !important}
.hero-visual .apple-card{animation-name:evAppleOrbit !important;animation-duration:20s !important}
.hero-visual .youtube-card{animation-name:evYoutubeOrbit !important;animation-duration:20s !important}
@keyframes evSpotifyOrbit{
  from{transform:rotate(0deg) translateX(clamp(150px,16vw,238px)) rotate(0deg) translate(-50%,-50%)}
  to{transform:rotate(360deg) translateX(clamp(150px,16vw,238px)) rotate(-360deg) translate(-50%,-50%)}
}
@keyframes evAppleOrbit{
  from{transform:rotate(120deg) translateX(clamp(150px,16vw,238px)) rotate(-120deg) translate(-50%,-50%)}
  to{transform:rotate(480deg) translateX(clamp(150px,16vw,238px)) rotate(-480deg) translate(-50%,-50%)}
}
@keyframes evYoutubeOrbit{
  from{transform:rotate(240deg) translateX(clamp(150px,16vw,238px)) rotate(-240deg) translate(-50%,-50%)}
  to{transform:rotate(600deg) translateX(clamp(150px,16vw,238px)) rotate(-600deg) translate(-50%,-50%)}
}
.hero-visual:hover .spotify-card,
.hero-visual:hover .apple-card,
.hero-visual:hover .youtube-card{animation-duration:11s !important}
.hero-visual:hover .orbit-one{animation-duration:11s !important}
.hero-visual:hover .orbit-two{animation-duration:17s !important}

/* ---------- Alternating black / white editorial sections ---------- */
.intro-section,
.chrome-identity,
.artists-section,
.submit-section,
.footer-v6.footer-minimal{
  background:var(--ev-white) !important;
  color:var(--ev-black) !important;
  border-color:var(--ev-line-dark) !important;
}
.distribution-section,
.releases-section,
.about-section{
  background:var(--ev-black) !important;
  color:var(--ev-white) !important;
}

/* Light section typography */
.intro-section .section-number,
.chrome-identity .chrome-kicker,
.artists-section .section-heading>span,
.submit-section .submit-content>span,
.footer-v6.footer-minimal .footer-kicker,
.footer-v6.footer-minimal .footer-contact-block>span,
.footer-v6.footer-minimal .footer-bottom{
  color:rgba(0,0,0,.48) !important;
}
.intro-section h2,
.artists-section h2,
.submit-section h2,
.footer-v6.footer-minimal .footer-mega,
.footer-v6.footer-minimal a,
.footer-v6.footer-minimal .footer-email{
  color:var(--ev-black) !important;
}
.intro-section h2 span{
  color:transparent !important;
  -webkit-text-stroke:1px rgba(0,0,0,.56) !important;
}
.intro-section p{color:rgba(0,0,0,.55) !important}

/* Chrome word on white: mostly black/silver, high contrast, no muddy gray wash */
.chrome-identity{
  background:
    radial-gradient(circle at 70% 30%,rgba(0,0,0,.04),transparent 25%),
    var(--ev-white) !important;
}
.chrome-word{
  background:linear-gradient(100deg,#090909 0%,#111 22%,#fff 36%,#111 49%,#090909 69%,#fff 83%,#080808 100%) !important;
  background-size:220% 100% !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  text-shadow:none !important;
}
.chrome-word-wrap::before{opacity:.08 !important;color:#000 !important}
.chrome-subline{color:rgba(0,0,0,.45) !important}

/* Artist cards become black graphic blocks on white */
.artists-section{border-top:1px solid var(--ev-line-dark)}
.artists-grid{gap:14px !important}
.artist-card{
  background:#0a0a0a !important;
  color:#fff !important;
  border:1px solid #0a0a0a !important;
  box-shadow:none !important;
}
.artist-card:hover{
  transform:translateY(-7px) !important;
  background:#000 !important;
  border-color:#000 !important;
  box-shadow:0 18px 40px rgba(0,0,0,.15) !important;
}
.artist-meta strong,.artist-card a{color:#fff !important}
.artist-meta span{color:rgba(255,255,255,.53) !important}
.artist-avatar{border-color:rgba(255,255,255,.14) !important;background:#111 !important}
.artist-avatar img{filter:saturate(.88) contrast(1.02);transition:filter .35s ease,transform .55s cubic-bezier(.16,1,.3,1)}
.artist-card:hover .artist-avatar img{filter:saturate(1.05) contrast(1.05);transform:scale(1.04)}

/* Submit: white section, black CTA */
.submit-section{border-top:1px solid var(--ev-line-dark) !important}
.submit-section .submit-mascot{opacity:.065 !important;filter:grayscale(1) contrast(1.15) !important}
.submit-big-button{
  background:#050505 !important;
  color:#fff !important;
  border:1px solid #050505 !important;
}
.submit-big-button span{color:#fff !important}
.submit-big-button:hover{box-shadow:0 16px 44px rgba(0,0,0,.17) !important}

/* Minimal footer on white */
.footer-v6.footer-minimal{
  border-top:1px solid var(--ev-line-dark) !important;
}
.footer-v6.footer-minimal .footer-contact-grid,
.footer-v6.footer-minimal .footer-bottom{
  border-color:var(--ev-line-dark) !important;
}
.footer-v6.footer-minimal .footer-socials a{color:#050505 !important}

/* transitions between opposite sections: clean, graphic, not gray-heavy */
.intro-section,.distribution-section,.chrome-identity,.releases-section,.artists-section,.about-section,.submit-section{
  box-shadow:inset 0 1px 0 rgba(127,127,127,.12);
}

@media(max-width:900px){
  .hero-visual{width:72vw !important;right:-18vw !important;top:69% !important}
  .hero-visual .mascot{width:64% !important}
  .hero-visual .platform-card{display:flex !important;font-size:7px !important;padding:8px 10px !important}
  @keyframes evSpotifyOrbit{
    from{transform:rotate(0deg) translateX(31vw) rotate(0deg) translate(-50%,-50%)}
    to{transform:rotate(360deg) translateX(31vw) rotate(-360deg) translate(-50%,-50%)}
  }
  @keyframes evAppleOrbit{
    from{transform:rotate(120deg) translateX(31vw) rotate(-120deg) translate(-50%,-50%)}
    to{transform:rotate(480deg) translateX(31vw) rotate(-480deg) translate(-50%,-50%)}
  }
  @keyframes evYoutubeOrbit{
    from{transform:rotate(240deg) translateX(31vw) rotate(-240deg) translate(-50%,-50%)}
    to{transform:rotate(600deg) translateX(31vw) rotate(-600deg) translate(-50%,-50%)}
  }
}


/* =========================================================
   V28 — ECHOVERSE AQUA / BLACK / IVORY THEME
   One continuous atmosphere: no hard black/white flashes.
   ========================================================= */
:root{
  --ev-aqua:#7cecff;
  --ev-aqua-bright:#baf7ff;
  --ev-aqua-deep:#0f6c7e;
  --ev-ink:#05090b;
  --ev-ink-2:#081014;
  --ev-ivory:#f4f6f4;
  --ev-muted:rgba(244,246,244,.55);
  --ev-aqua-line:rgba(124,236,255,.18);
}

/* Unified page atmosphere */
html,body{background:var(--ev-ink)!important;color:var(--ev-ivory)!important}
body::before{
  background:
    radial-gradient(circle at 82% 18%,rgba(124,236,255,.11),transparent 24%),
    radial-gradient(circle at 14% 66%,rgba(124,236,255,.07),transparent 30%),
    linear-gradient(180deg,#05090b 0%,#071014 48%,#05090b 100%)!important;
}
body::after{
  background:radial-gradient(circle,rgba(124,236,255,.055) 0%,rgba(124,236,255,.018) 28%,transparent 68%)!important;
}

/* Aqua "rough glass" texture layer */
.noise{opacity:.045!important;mix-blend-mode:screen}
.background-glow.glow-one{
  background:rgba(124,236,255,.075)!important;
  filter:blur(150px)!important;
}
.background-glow.glow-two{
  background:rgba(124,236,255,.045)!important;
  filter:blur(180px)!important;
}

/* No hard white sections anymore */
.intro-section,
.distribution-section,
.chrome-identity,
.releases-section,
.artists-section,
.about-section,
.submit-section,
.footer-v6.footer-minimal{
  background:
    linear-gradient(180deg,rgba(255,255,255,.012),rgba(124,236,255,.018) 48%,rgba(255,255,255,.008)),
    var(--ev-ink)!important;
  color:var(--ev-ivory)!important;
  border-color:var(--ev-aqua-line)!important;
  box-shadow:inset 0 1px 0 rgba(124,236,255,.08)!important;
}

/* Alternate sections differ only by glow position, not full color flips */
.intro-section,.artists-section,.submit-section{
  background:
    radial-gradient(circle at 18% 24%,rgba(124,236,255,.075),transparent 28%),
    linear-gradient(180deg,#071014,#05090b)!important;
}
.chrome-identity,.about-section{
  background:
    radial-gradient(circle at 78% 44%,rgba(124,236,255,.08),transparent 27%),
    #05090b!important;
}

/* Typography: ivory + aqua accents */
.intro-section .section-number,
.chrome-identity .chrome-kicker,
.artists-section .section-heading>span,
.submit-section .submit-content>span,
.footer-v6.footer-minimal .footer-kicker,
.footer-v6.footer-minimal .footer-contact-block>span,
.footer-v6.footer-minimal .footer-bottom,
.section-heading>span,
.about-small{
  color:rgba(186,247,255,.62)!important;
}
.intro-section h2,
.artists-section h2,
.submit-section h2,
.footer-v6.footer-minimal .footer-mega,
.footer-v6.footer-minimal a,
.footer-v6.footer-minimal .footer-email{
  color:var(--ev-ivory)!important;
}
.intro-section h2 span,.about-text span{
  color:transparent!important;
  -webkit-text-stroke:1px rgba(186,247,255,.62)!important;
}
.intro-section p,.hero-description,.service-card p{color:rgba(244,246,244,.54)!important}

/* Aqua chrome identity */
.chrome-word{
  background:
    linear-gradient(96deg,
      #eafcff 0%,
      #79e7fa 12%,
      #ffffff 27%,
      #247f91 39%,
      #c9fbff 52%,
      #0e5564 63%,
      #8ceeff 77%,
      #ffffff 88%,
      #57c8db 100%)!important;
  background-size:240% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  filter:drop-shadow(0 0 18px rgba(124,236,255,.10));
}
.chrome-word-wrap::before{color:var(--ev-aqua)!important;opacity:.09!important}
.chrome-subline{color:rgba(186,247,255,.46)!important}

/* Buttons / accents */
.status-dot,.platform-dot{
  background:var(--ev-aqua-bright)!important;
  box-shadow:0 0 10px rgba(124,236,255,.9),0 0 28px rgba(124,236,255,.35)!important;
}
.main-button,.submit-big-button{
  background:var(--ev-ivory)!important;
  color:#061014!important;
  border:1px solid rgba(186,247,255,.42)!important;
  box-shadow:0 0 0 1px rgba(124,236,255,.04),0 16px 55px rgba(0,0,0,.25)!important;
}
.main-button:hover,.submit-big-button:hover{
  box-shadow:0 12px 55px rgba(124,236,255,.16),0 18px 60px rgba(0,0,0,.3)!important;
}
.button-arrow{background:#071014!important;color:var(--ev-aqua-bright)!important}

/* Hero mascot stage: symmetrical and stable */
.hero-visual{
  filter:drop-shadow(0 25px 70px rgba(0,0,0,.46));
}
.hero-visual::before{
  inset:7%!important;
  background:
    radial-gradient(circle at 50% 48%,rgba(186,247,255,.17),rgba(124,236,255,.055) 36%,transparent 68%)!important;
  filter:blur(13px)!important;
  transition:opacity .35s ease,filter .35s ease!important;
}
.hero-visual::after{
  content:"";
  position:absolute;
  inset:18%;
  border-radius:50%;
  pointer-events:none;
  z-index:1;
  background:conic-gradient(from 90deg,transparent 0 16%,rgba(124,236,255,.14) 21%,transparent 28% 58%,rgba(186,247,255,.10) 65%,transparent 72% 100%);
  filter:blur(10px);
  animation:evAquaAura 16s linear infinite;
}
@keyframes evAquaAura{to{transform:rotate(360deg)}}
.hero-visual .mascot{
  width:61%!important;
  z-index:6;
  transform:none!important;
  animation:evMascotFloat 5.8s ease-in-out infinite!important;
  filter:drop-shadow(0 18px 38px rgba(0,0,0,.42)) drop-shadow(0 0 18px rgba(124,236,255,.08))!important;
}
@keyframes evMascotFloat{
  0%,100%{transform:translate3d(0,0,0) rotate(.2deg)}
  50%{transform:translate3d(0,-8px,0) rotate(-.2deg)}
}
.hero-visual .orbit-one{
  border-color:rgba(124,236,255,.25)!important;
  box-shadow:0 0 22px rgba(124,236,255,.045);
  animation-duration:24s!important;
}
.hero-visual .orbit-two{
  border-color:rgba(124,236,255,.14)!important;
  animation-duration:36s!important;
}
.hero-visual .platform-card{
  background:rgba(5,12,15,.82)!important;
  border:1px solid rgba(124,236,255,.27)!important;
  color:#eefcff!important;
  box-shadow:0 10px 36px rgba(0,0,0,.34),0 0 24px rgba(124,236,255,.05)!important;
}
/* Hover no longer changes orbit speed or transform = no jumping/breaking */
.hero-visual:hover .spotify-card,
.hero-visual:hover .apple-card,
.hero-visual:hover .youtube-card{animation-duration:20s!important}
.hero-visual:hover .orbit-one{animation-duration:24s!important}
.hero-visual:hover .orbit-two{animation-duration:36s!important}
.hero-visual:hover::before{opacity:1;filter:blur(16px)!important}

/* Aqua textured cards, but still mostly black */
.service-card,.artist-card,.release-card .cover-art{
  border-color:rgba(124,236,255,.12)!important;
}
.service-card:hover,.artist-card:hover{
  background:linear-gradient(180deg,rgba(124,236,255,.055),rgba(255,255,255,.012))!important;
  border-color:rgba(124,236,255,.30)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.32),0 0 38px rgba(124,236,255,.045)!important;
}
.artist-card{
  background:linear-gradient(180deg,#071014,#05090b)!important;
  color:var(--ev-ivory)!important;
}
.artist-card:hover{transform:translateY(-7px)!important}
.artist-meta strong,.artist-card a{color:var(--ev-ivory)!important}
.artist-meta span{color:rgba(186,247,255,.46)!important}
.artist-avatar{border-color:rgba(124,236,255,.18)!important;background:#071014!important}

/* Footer stays calm and consistent */
.footer-v6.footer-minimal{
  background:
    radial-gradient(circle at 72% 28%,rgba(124,236,255,.065),transparent 26%),
    #05090b!important;
  border-top-color:rgba(124,236,255,.16)!important;
}
.footer-v6.footer-minimal .footer-contact-grid,
.footer-v6.footer-minimal .footer-bottom{border-color:rgba(124,236,255,.13)!important}
.footer-v6.footer-minimal .footer-socials a{color:var(--ev-aqua-bright)!important}

/* Gentle aqua texture on marquee / separators */
.motion-marquee{
  background:linear-gradient(90deg,#dffbff 0%,#ffffff 32%,#bdf6ff 68%,#eafcff 100%)!important;
  color:#061014!important;
  border-color:rgba(124,236,255,.26)!important;
}
.scroll-line,.section-line{background:rgba(124,236,255,.26)!important}

/* Keep aqua tasteful on mobile too */
@media(max-width:900px){
  .hero-visual{right:-16vw!important}
  .hero-visual .platform-card{font-size:7px!important}
  .chrome-word{filter:none}
}

/* ===== V29: lighter aqua + visible CTA text ===== */
:root{
  --ev-aqua:#a9eaff;
  --ev-aqua-bright:#e7f8ff;
  --ev-aqua-deep:#5fb8d6;
  --ev-aqua-line:rgba(169,234,255,.22);
}
html,body{background:#04080a!important}
body::before{
  background:
    radial-gradient(circle at 82% 18%,rgba(169,234,255,.13),transparent 24%),
    radial-gradient(circle at 14% 66%,rgba(169,234,255,.08),transparent 30%),
    linear-gradient(180deg,#04080a 0%,#09141a 48%,#04080a 100%)!important;
}
body::after{
  background:radial-gradient(circle,rgba(169,234,255,.07) 0%,rgba(169,234,255,.02) 28%,transparent 68%)!important;
}
.background-glow.glow-one{background:rgba(169,234,255,.10)!important}
.background-glow.glow-two{background:rgba(169,234,255,.06)!important}

.intro-section,.artists-section,.submit-section{
  background:
    radial-gradient(circle at 18% 24%,rgba(169,234,255,.09),transparent 28%),
    linear-gradient(180deg,#09141a,#04080a)!important;
}
.chrome-identity,.about-section{
  background:
    radial-gradient(circle at 78% 44%,rgba(169,234,255,.10),transparent 27%),
    #04080a!important;
}
.intro-section,
.distribution-section,
.chrome-identity,
.releases-section,
.artists-section,
.about-section,
.submit-section,
.footer-v6.footer-minimal{
  background-color:#050b0e!important;
  box-shadow:inset 0 1px 0 rgba(169,234,255,.10)!important;
}
.chrome-word{
  background:
    linear-gradient(96deg,
      #f5fdff 0%,
      #b4ebff 12%,
      #ffffff 27%,
      #68bdd6 39%,
      #effbff 52%,
      #6fb6cc 63%,
      #c8f2ff 77%,
      #ffffff 88%,
      #8ad3ea 100%)!important;
  background-size:240% 100%!important;
}

.main-button,
.submit-big-button{
  background:linear-gradient(180deg,#fbfeff 0%,#e9f7ff 100%)!important;
  color:#06131a!important;
  border:1px solid rgba(169,234,255,.55)!important;
  box-shadow:0 0 0 1px rgba(169,234,255,.10), 0 16px 55px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.85)!important;
}
.main-button span,
.submit-big-button span,
.main-button,
.submit-big-button{
  color:#06131a!important;
  text-shadow:none!important;
}
.main-button:hover,
.submit-big-button:hover{
  background:linear-gradient(180deg,#ffffff 0%,#eef9ff 100%)!important;
  box-shadow:0 12px 55px rgba(169,234,255,.18),0 18px 60px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.button-arrow{
  background:#08131a!important;
  color:#e7f8ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 14px rgba(0,0,0,.22)!important;
}
.hero-description,.service-card p,.about-text p,.submit-content p{color:rgba(244,246,244,.66)!important}
.footer-v6.footer-minimal .footer-socials a{color:#e7f8ff!important}

/* ===== V30: sitewide epic aqua theme with grain ===== */
:root{
  --ev-aqua:#bfefff;
  --ev-aqua-2:#9fe7ff;
  --ev-aqua-3:#ddf8ff;
  --ev-line-aqua:rgba(191,239,255,.18);
  --ev-panel:rgba(6,13,18,.66);
  --ev-panel-2:rgba(8,18,24,.78);
}

html,body{
  background:#04080a !important;
  color:#f5fbff !important;
}
body::before{
  background:
    radial-gradient(circle at 12% 18%, rgba(191,239,255,.13), transparent 23%),
    radial-gradient(circle at 88% 30%, rgba(159,231,255,.10), transparent 24%),
    radial-gradient(circle at 50% 78%, rgba(191,239,255,.06), transparent 30%),
    linear-gradient(180deg,#030608 0%,#071018 40%,#04090c 100%) !important;
}
body::after{
  opacity:.6 !important;
  background:
    radial-gradient(circle, rgba(191,239,255,.06) 0%, rgba(191,239,255,.012) 25%, transparent 58%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.006) 0 1px, transparent 1px 3px) !important;
}
.noise{
  opacity:.075 !important;
  mix-blend-mode:screen !important;
}
.background-glow.glow-one{background:rgba(191,239,255,.11)!important;filter:blur(150px)!important}
.background-glow.glow-two{background:rgba(159,231,255,.08)!important;filter:blur(180px)!important}

.hero,
.intro-section,
.distribution-section,
.chrome-identity,
.releases-section,
.artists-section,
.about-section,
.submit-section,
.footer-v6.footer-minimal{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,.01), rgba(191,239,255,.018) 46%, rgba(255,255,255,.008)),
    linear-gradient(180deg, #071018 0%, #04080a 100%) !important;
  border-color:var(--ev-line-aqua)!important;
  box-shadow:inset 0 1px 0 rgba(191,239,255,.10)!important;
}
.hero::before,
.intro-section::before,
.distribution-section::before,
.chrome-identity::before,
.releases-section::before,
.artists-section::before,
.about-section::before,
.submit-section::before,
.footer-v6.footer-minimal::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 22%, rgba(191,239,255,.08), transparent 26%),
    radial-gradient(circle at 82% 60%, rgba(159,231,255,.06), transparent 28%);
  z-index:0;
}
.hero::after,
.intro-section::after,
.distribution-section::after,
.chrome-identity::after,
.releases-section::after,
.artists-section::after,
.about-section::after,
.submit-section::after,
.footer-v6.footer-minimal::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.085;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");
  mix-blend-mode:screen;
  z-index:0;
}
.hero > *, .intro-section > *, .distribution-section > *, .chrome-identity > *, .releases-section > *, .artists-section > *, .about-section > *, .submit-section > *, .footer-v6.footer-minimal > *{position:relative;z-index:1}

/* sitewide accent treatment */
.section-heading>span,
.about-small,
.chrome-kicker,
.hero-kicker,
.intro-section .section-number,
.footer-v6.footer-minimal .footer-kicker,
.footer-v6.footer-minimal .footer-contact-block>span,
.footer-v6.footer-minimal .footer-bottom,
.nav-links a,
.lang-btn,
.scroll-label,
.chrome-subline{
  color:rgba(191,239,255,.74)!important;
}
.hero-description,
.intro-section p,
.service-card p,
.about-text p,
.submit-content p,
.release-meta,
.artist-meta span{
  color:rgba(245,251,255,.66)!important;
}
.section-heading h2,
.hero-title,
.about-text h3,
.submit-content h2,
.footer-v6.footer-minimal .footer-mega,
.footer-v6.footer-minimal .footer-email,
.footer-v6.footer-minimal a,
.artist-meta strong{
  color:#f7fcff!important;
}

/* navigation and pills */
.site-header,
.nav-shell,
.navbar{
  background:rgba(5,10,14,.46)!important;
  backdrop-filter:blur(14px)!important;
  border-color:rgba(191,239,255,.14)!important;
}
.lang-btn{
  border-color:rgba(191,239,255,.22)!important;
  background:rgba(10,18,24,.65)!important;
}
.lang-btn.active{background:#effbff!important;color:#071018!important}
.nav-submit,
.platform-card,
.footer-socials a{
  border-color:rgba(191,239,255,.18)!important;
  background:rgba(8,17,24,.74)!important;
  color:#f6fcff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.18)!important;
}
.footer-socials a:hover,.platform-card:hover,.nav-submit:hover{box-shadow:0 12px 32px rgba(159,231,255,.12)!important}
.status-dot,.platform-dot{
  background:var(--ev-aqua-3)!important;
  box-shadow:0 0 10px rgba(191,239,255,.92),0 0 26px rgba(191,239,255,.28)!important;
}

/* buttons more visible */
.main-button,.submit-big-button{
  background:linear-gradient(180deg,#ffffff 0%,#ebf8ff 58%,#d8f2ff 100%)!important;
  color:#07121a!important;
  border:1px solid rgba(191,239,255,.55)!important;
  box-shadow:0 0 0 1px rgba(191,239,255,.10),0 16px 48px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.92)!important;
}
.main-button span,.submit-big-button span,.main-button,.submit-big-button{color:#07121a!important}
.main-button:hover,.submit-big-button:hover{
  background:linear-gradient(180deg,#ffffff 0%,#f4fbff 100%)!important;
  box-shadow:0 14px 44px rgba(191,239,255,.16),0 18px 56px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.98)!important;
}
.button-arrow{
  background:#07121a!important;
  color:#effbff!important;
}

/* cards and panels */
.service-card,
.artist-card,
.release-card .cover-art,
.footer-v6.footer-minimal .footer-contact-block,
.release-modal .release-modal-panel{
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
    var(--ev-panel) !important;
  border:1px solid rgba(191,239,255,.15)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 20px 50px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(10px)!important;
}
.service-card:hover,
.artist-card:hover,
.release-card:hover .cover-art{
  border-color:rgba(191,239,255,.28)!important;
  box-shadow:0 18px 54px rgba(159,231,255,.11),0 20px 50px rgba(0,0,0,.26)!important;
}
.artist-avatar{background:radial-gradient(circle at 35% 30%, rgba(255,255,255,.24), rgba(191,239,255,.13) 35%, rgba(191,239,255,.05) 70%, rgba(255,255,255,.02) 100%)!important;border-color:rgba(191,239,255,.16)!important}
.release-card .cover-art img,.artist-avatar img{filter:saturate(1.03) contrast(1.04)}

/* marquee / lines / orbits */
.marquee-rail,.marquee-row,.ticker-row,.separator-line,.section-line{
  border-color:rgba(191,239,255,.14)!important;
}
.motion-marquee{color:rgba(245,251,255,.75)!important}
.orbit-ring,.hero-visual .orbit,.hero-visual::before{border-color:rgba(191,239,255,.16)!important}
.hero-visual .mascot{filter:drop-shadow(0 14px 40px rgba(191,239,255,.10)) drop-shadow(0 24px 54px rgba(0,0,0,.34))}

/* chrome identity fixed + textured */
.chrome-word-wrap{display:block;overflow:visible}
.chrome-word,
.chrome-word-wrap::before{
  display:block;
  width:100%;
  max-width:100%;
}
.chrome-word{
  position:relative;
  z-index:2;
  -webkit-text-fill-color:transparent;
  background:
    linear-gradient(96deg,
      #fbfeff 0%,
      #dff7ff 10%,
      #9fe7ff 20%,
      #ffffff 33%,
      #79cfe7 45%,
      #f7fdff 58%,
      #93e3fb 71%,
      #ffffff 84%,
      #bfefff 100%)!important;
  background-size:220% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  text-shadow:0 0 22px rgba(191,239,255,.08);
  filter:drop-shadow(0 0 12px rgba(191,239,255,.12));
}
.chrome-word::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='80' viewBox='0 0 200 80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='80' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
  mix-blend-mode:overlay;
  opacity:.14;
  pointer-events:none;
  -webkit-mask-image:linear-gradient(#000,#000);
  mask-image:linear-gradient(#000,#000);
}
.chrome-word-wrap::before{
  color:rgba(191,239,255,.14)!important;
  -webkit-text-stroke:1px rgba(191,239,255,.18)!important;
  filter:blur(.3px)!important;
}

/* footer minimal cleaned inside aqua theme */
.footer-v6.footer-minimal .footer-contact-grid,
.footer-v6.footer-minimal .footer-bottom{border-color:rgba(191,239,255,.14)!important}
.footer-v6.footer-minimal .footer-mega{opacity:.18!important}
.footer-v6.footer-minimal .footer-email{font-size:clamp(26px,3vw,42px)!important}

@media(max-width:900px){
  .footer-v6.footer-minimal .footer-email{font-size:clamp(22px,7vw,34px)!important}
}

/* ===== V31: cleanup / softer aqua theme ===== */
:root{
  --ev-bg-1:#091219;
  --ev-bg-2:#0d1b24;
  --ev-aqua-soft:#c6f3ff;
  --ev-aqua-mid:#9ee8ff;
  --ev-aqua-deep:#64bfdc;
  --ev-line-soft:rgba(166,232,255,.16);
  --ev-text-soft:rgba(241,249,252,.72);
}

html,body{background:linear-gradient(180deg,var(--ev-bg-2) 0%,var(--ev-bg-1) 100%)!important}
body::before{
  background:
    radial-gradient(circle at 16% 18%, rgba(158,232,255,.10), transparent 24%),
    radial-gradient(circle at 82% 26%, rgba(198,243,255,.08), transparent 26%),
    radial-gradient(circle at 48% 72%, rgba(158,232,255,.05), transparent 30%),
    linear-gradient(180deg,#0e1c25 0%,#09131a 46%,#071016 100%)!important;
}
body::after{
  opacity:.42!important;
  background:
    radial-gradient(circle, rgba(198,243,255,.04) 0%, rgba(198,243,255,.008) 24%, transparent 55%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.004) 0 1px, transparent 1px 4px)!important;
}
.noise{opacity:.028!important;mix-blend-mode:screen!important}
.background-glow.glow-one{background:rgba(158,232,255,.08)!important;filter:blur(170px)!important}
.background-glow.glow-two{background:rgba(198,243,255,.06)!important;filter:blur(190px)!important}

.hero,
.intro-section,
.distribution-section,
.chrome-identity,
.releases-section,
.artists-section,
.about-section,
.submit-section,
.footer-v6.footer-minimal{
  background:
    linear-gradient(180deg, rgba(255,255,255,.01), rgba(166,232,255,.012) 42%, rgba(255,255,255,.006)),
    linear-gradient(180deg,#0d1a22 0%,#081117 100%)!important;
  border-color:var(--ev-line-soft)!important;
  box-shadow:inset 0 1px 0 rgba(198,243,255,.08)!important;
}
.hero::before,
.intro-section::before,
.distribution-section::before,
.chrome-identity::before,
.releases-section::before,
.artists-section::before,
.about-section::before,
.submit-section::before,
.footer-v6.footer-minimal::before{
  background:
    radial-gradient(circle at 20% 24%, rgba(166,232,255,.055), transparent 24%),
    radial-gradient(circle at 78% 58%, rgba(198,243,255,.04), transparent 24%)!important;
}
.hero::after,
.intro-section::after,
.distribution-section::after,
.chrome-identity::after,
.releases-section::after,
.artists-section::after,
.about-section::after,
.submit-section::after,
.footer-v6.footer-minimal::after{opacity:.04!important}

/* header cleanup */
.navbar{
  min-height:96px!important;
  padding:22px 42px!important;
  align-items:center!important;
  border-bottom:1px solid rgba(166,232,255,.12)!important;
  background:rgba(8,15,21,.54)!important;
  backdrop-filter:blur(16px)!important;
}
.brand{display:flex!important;align-items:center!important;gap:12px!important;padding-top:2px!important}
.brand-logo{width:34px!important;height:34px!important;display:block!important;object-fit:contain!important;transform:none!important}
.brand-word{font-size:20px!important;line-height:1!important;letter-spacing:-.04em!important;display:inline-flex!important;align-items:flex-start!important}
.brand-word sup{font-size:7px!important;top:-.2em!important;position:relative!important}
@media(max-width:900px){
  .navbar{min-height:84px!important;padding:18px 20px!important}
  .brand-logo{width:28px!important;height:28px!important}
  .brand-word{font-size:16px!important}
}

/* marquee readability */
.motion-marquee{
  transform:rotate(-1deg) scale(1.01)!important;
  background:linear-gradient(90deg, rgba(220,248,255,.92), rgba(191,239,255,.94), rgba(220,248,255,.92))!important;
  border-top:1px solid rgba(166,232,255,.20)!important;
  border-bottom:1px solid rgba(166,232,255,.20)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.7)!important;
}
.motion-marquee::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='80' viewBox='0 0 240 80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='240' height='80' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");
  opacity:.18;
  mix-blend-mode:multiply;
}
.marquee-track span{
  color:rgba(7,21,31,.76)!important;
  font-size:clamp(34px,4.5vw,78px)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
}

/* chrome identity fix */
.chrome-identity{
  min-height:82vh!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  padding:80px clamp(24px,5vw,70px)!important;
}
.chrome-word-wrap{
  width:100%!important;
  padding:2vw 0 2.8vw!important;
  overflow:visible!important;
  background:none!important;
  border:none!important;
}
.chrome-word-wrap::before{
  left:0!important;
  top:2vw!important;
  font-size:clamp(78px,13.6vw,238px)!important;
  letter-spacing:-.065em!important;
  color:transparent!important;
  -webkit-text-stroke:1px rgba(198,243,255,.12)!important;
  opacity:.9!important;
  filter:none!important;
}
.chrome-word{
  width:auto!important;
  font-size:clamp(78px,13.6vw,238px)!important;
  line-height:.84!important;
  letter-spacing:-.065em!important;
  text-shadow:0 0 18px rgba(158,232,255,.05)!important;
  filter:none!important;
  background:
    linear-gradient(94deg,
      #f7fdff 0%,
      #d8f6ff 18%,
      #9ee8ff 40%,
      #f8fdff 62%,
      #bdefff 82%,
      #ffffff 100%)!important;
  background-size:180% 100%!important;
}
.chrome-word::after{display:none!important}
.chrome-subline{margin-top:22px!important;color:rgba(198,243,255,.72)!important}

/* footer cleanup */
.footer-v6.footer-minimal{padding:70px clamp(20px,4vw,60px) 28px!important}
.footer-v6.footer-minimal .footer-kicker{margin-bottom:26px!important;color:rgba(198,243,255,.66)!important}
.footer-v6.footer-minimal .footer-brand-row{margin-bottom:20px!important}
.footer-v6.footer-minimal .footer-mega{
  font-size:clamp(86px,12vw,180px)!important;
  letter-spacing:-.06em!important;
  line-height:.82!important;
  opacity:.11!important;
}
.footer-v6.footer-minimal .footer-contact-grid{
  grid-template-columns:1.3fr .7fr!important;
  gap:24px!important;
  padding:26px 0 28px!important;
  margin-top:10px!important;
}
.footer-v6.footer-minimal .footer-contact-block{
  background:rgba(10,19,25,.46)!important;
  border:1px solid rgba(166,232,255,.14)!important;
  border-radius:0!important;
  padding:18px 20px!important;
  min-height:110px!important;
  justify-content:center!important;
  box-shadow:none!important;
}
.footer-v6.footer-minimal .footer-contact-block>span{
  color:rgba(198,243,255,.62)!important;
  margin-bottom:2px!important;
}
.footer-v6.footer-minimal .footer-email{
  font-size:clamp(20px,2.2vw,30px)!important;
  line-height:1.1!important;
  letter-spacing:-.03em!important;
  color:#f7fcff!important;
}
.footer-v6.footer-minimal .footer-socials a{
  font-size:17px!important;
  letter-spacing:.08em!important;
  padding:0!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}
.footer-v6.footer-minimal .footer-bottom{
  margin-top:18px!important;
  padding-top:18px!important;
  grid-template-columns:1.2fr 1fr auto!important;
  align-items:center!important;
}
@media(max-width:900px){
  .footer-v6.footer-minimal .footer-mega{font-size:20vw!important}
  .footer-v6.footer-minimal .footer-contact-grid{grid-template-columns:1fr!important}
  .footer-v6.footer-minimal .footer-email{font-size:clamp(18px,6vw,26px)!important}
  .footer-v6.footer-minimal .footer-bottom{grid-template-columns:1fr!important;gap:14px!important}
}

/* softer text/cards balance */
.hero-description,.intro-section p,.service-card p,.about-text p,.submit-content p,.artist-meta span{color:var(--ev-text-soft)!important}
.service-card,.artist-card,.release-card .cover-art,.footer-v6.footer-minimal .footer-contact-block{
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.008)), rgba(7,15,21,.72)!important;
  border-color:rgba(166,232,255,.14)!important;
}

/* ===== V32: fix chrome word + match reference aqua/periwinkle grain ===== */
:root{
  --ref-left:#eefbf9;
  --ref-mid:#c9e2ff;
  --ref-right:#9fbaff;
  --ref-deep:#6f95ef;
  --ref-line:rgba(215,237,255,.18);
}

html,body{
  background:linear-gradient(90deg,var(--ref-left) 0%, var(--ref-mid) 44%, var(--ref-right) 78%, #a8bfff 100%)!important;
  color:#f8fcff!important;
}
body::before{
  background:
    radial-gradient(circle at 18% 14%, rgba(255,255,255,.38), transparent 20%),
    radial-gradient(circle at 78% 22%, rgba(143,184,255,.28), transparent 30%),
    radial-gradient(circle at 52% 72%, rgba(128,173,255,.18), transparent 32%),
    linear-gradient(180deg, rgba(8,18,28,.62) 0%, rgba(8,18,28,.70) 48%, rgba(7,15,24,.74) 100%)!important;
}
body::after{
  opacity:.95!important;
  background-image:
    linear-gradient(0deg, rgba(255,255,255,.018), rgba(255,255,255,.018)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.65'/%3E%3C/svg%3E")!important;
  background-size:auto,180px 180px!important;
  mix-blend-mode:screen!important;
}
.noise{display:none!important}
.background-glow.glow-one{background:rgba(191,226,255,.12)!important;filter:blur(170px)!important}
.background-glow.glow-two{background:rgba(140,181,255,.10)!important;filter:blur(180px)!important}

.hero,
.intro-section,
.distribution-section,
.chrome-identity,
.releases-section,
.artists-section,
.about-section,
.submit-section,
.footer-v6.footer-minimal{
  background:
    linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,.01)),
    rgba(6,15,23,.34)!important;
  border-color:var(--ref-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.hero::before,
.intro-section::before,
.distribution-section::before,
.chrome-identity::before,
.releases-section::before,
.artists-section::before,
.about-section::before,
.submit-section::before,
.footer-v6.footer-minimal::before{
  background:
    radial-gradient(circle at 20% 18%, rgba(255,255,255,.08), transparent 18%),
    radial-gradient(circle at 84% 56%, rgba(170,210,255,.07), transparent 22%)!important;
}
.hero::after,
.intro-section::after,
.distribution-section::after,
.chrome-identity::after,
.releases-section::after,
.artists-section::after,
.about-section::after,
.submit-section::after,
.footer-v6.footer-minimal::after{opacity:.028!important}

.navbar{
  background:rgba(7,16,24,.44)!important;
  border-bottom:1px solid rgba(220,240,255,.14)!important;
}
.nav-links a,
.brand-word,
.hero-tag,
.section-number,
.chrome-kicker,
.footer-v6.footer-minimal .footer-kicker,
.footer-v6.footer-minimal .footer-contact-block>span,
.footer-v6.footer-minimal .footer-bottom,
.lang-btn{color:rgba(235,246,255,.78)!important}
.hero-description,.intro-section p,.service-card p,.about-text p,.submit-content p,.artist-meta span{color:rgba(244,249,255,.72)!important}

/* marquee closer to provided sample */
.motion-marquee{
  background:linear-gradient(90deg,#eefbf9 0%, #d8ecff 45%, #aec8ff 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.66), 0 10px 24px rgba(0,0,0,.06)!important;
}
.motion-marquee::before{
  opacity:.26!important;
  mix-blend-mode:overlay!important;
}
.marquee-track span{
  color:rgba(255,255,255,.36)!important;
  text-shadow:none!important;
}

/* FIX: chrome identity giant rectangle issue */
.chrome-word-wrap,
.chrome-word{
  background:none!important;
}
.chrome-word{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  background-image:linear-gradient(94deg,
      #f7fdff 0%,
      #ebfbff 16%,
      #bfefff 34%,
      #92ddff 48%,
      #f8fdff 66%,
      #cdefff 83%,
      #ffffff 100%)!important;
  background-size:180% 100%!important;
  text-shadow:none!important;
}
.chrome-word-wrap::before{
  content:"ECHOVERSE"!important;
  z-index:0!important;
  color:transparent!important;
  -webkit-text-stroke:1px rgba(226,244,255,.16)!important;
  opacity:1!important;
}
.chrome-word-wrap{position:relative!important}
.chrome-subline{position:relative!important;z-index:2!important}

/* cards/footer remain darker for readability */
.service-card,
.artist-card,
.release-card .cover-art,
.footer-v6.footer-minimal .footer-contact-block{
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.008)), rgba(6,14,22,.48)!important;
  border-color:rgba(220,240,255,.14)!important;
}
.footer-v6.footer-minimal .footer-mega{opacity:.10!important}
.footer-v6.footer-minimal .footer-contact-block{
  background:rgba(7,16,24,.34)!important;
}
.footer-v6.footer-minimal .footer-email,
.footer-v6.footer-minimal .footer-socials a,
.footer-v6.footer-minimal a{color:#f7fcff!important}

/* ===== V33: remove mouse square, fix hero spacing, grainy aqua theme cleanup ===== */
:root{
  --ev-bg-left:#eefaf9;
  --ev-bg-mid:#c9ddf3;
  --ev-bg-right:#95abdf;
  --ev-deep-overlay:rgba(7,15,24,.70);
  --ev-section-overlay:rgba(7,15,24,.28);
  --ev-grain-opacity:.24;
}

html,body{
  background:linear-gradient(90deg,var(--ev-bg-left) 0%,var(--ev-bg-mid) 42%,var(--ev-bg-right) 100%)!important;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  left:0!important;
  top:0!important;
  width:auto!important;
  height:auto!important;
  transform:none!important;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.24), transparent 24%),
    radial-gradient(circle at 82% 24%, rgba(173,198,255,.22), transparent 28%),
    radial-gradient(circle at 58% 76%, rgba(149,171,223,.12), transparent 30%),
    linear-gradient(180deg, rgba(8,18,28,.56) 0%, rgba(8,18,28,.62) 42%, rgba(7,15,24,.70) 100%)!important;
}
body::after{
  content:"";
  position:fixed!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  width:auto!important;
  height:auto!important;
  transform:none!important;
  pointer-events:none!important;
  z-index:0!important;
  opacity:1!important;
  transition:none!important;
  background-image:
    linear-gradient(0deg, rgba(255,255,255,.015), rgba(255,255,255,.015)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E")!important;
  background-repeat:repeat!important;
  background-size:auto, 200px 200px!important;
  mix-blend-mode:screen!important;
}
.noise{display:none!important}

.hero,
.intro-section,
.distribution-section,
.chrome-identity,
.releases-section,
.artists-section,
.about-section,
.submit-section,
.footer-v6.footer-minimal{
  background:
    linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,.005)),
    var(--ev-section-overlay)!important;
  border-color:rgba(235,245,255,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.hero::after,
.intro-section::after,
.distribution-section::after,
.chrome-identity::after,
.releases-section::after,
.artists-section::after,
.about-section::after,
.submit-section::after,
.footer-v6.footer-minimal::after{opacity:.02!important}

/* header / hero spacing */
.navbar{
  min-height:96px!important;
  padding:22px 42px!important;
  gap:22px!important;
  background:rgba(7,15,24,.52)!important;
  backdrop-filter:blur(14px)!important;
  border-bottom:1px solid rgba(235,245,255,.14)!important;
  z-index:50!important;
}
.nav-links{gap:44px!important;flex-wrap:nowrap!important}
.nav-links a{white-space:nowrap!important}
.hero{
  padding-top:136px!important;
  min-height:100vh!important;
}
.hero-grid,
.hero-inner{align-items:center!important}
.hero-visual{
  margin-top:10px!important;
  align-self:center!important;
}
@media (max-width:1100px){
  .hero{padding-top:118px!important}
  .nav-links{gap:26px!important}
}

/* keep mascot area readable and away from nav */
.hero-orbit,
.hero-visual .orbit-wrap,
.hero-visual .mascot-wrap{margin-top:22px!important}
.hero-title,
.hero-content{position:relative;z-index:2!important}

/* chrome section */
.chrome-identity{
  min-height:72vh!important;
  padding-top:90px!important;
  padding-bottom:90px!important;
}
.chrome-word-wrap,
.chrome-word{background:none!important}
.chrome-word{
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  background-image:linear-gradient(90deg,#f6fcff 0%, #def2ff 20%, #a8dfff 42%, #f4fbff 64%, #d7efff 82%, #ffffff 100%)!important;
  background-size:180% 100%!important;
  filter:none!important;
}
.chrome-word-wrap::before{
  color:transparent!important;
  -webkit-text-stroke:1px rgba(233,244,255,.16)!important;
}

/* footer cleanup */
.footer-v6.footer-minimal{
  padding-top:64px!important;
}
.footer-v6.footer-minimal .footer-mega{
  opacity:.08!important;
}
.footer-v6.footer-minimal .footer-contact-grid{
  gap:24px!important;
}
.footer-v6.footer-minimal .footer-contact-block{
  background:rgba(7,15,24,.46)!important;
  border:1px solid rgba(235,245,255,.14)!important;
  box-shadow:none!important;
}
.footer-v6.footer-minimal .footer-email,
.footer-v6.footer-minimal .footer-socials a{
  color:#f6fbff!important;
}

/* preserve cards but avoid pale blocks */
.service-card,
.artist-card,
.release-card .cover-art{
  background:linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.008)), rgba(7,15,24,.48)!important;
  border-color:rgba(235,245,255,.13)!important;
}

/* section labels / text */
.hero-tag,
.section-number,
.chrome-kicker,
.footer-v6.footer-minimal .footer-kicker,
.footer-v6.footer-minimal .footer-contact-block>span,
.footer-v6.footer-minimal .footer-bottom,
.lang-btn,
.nav-links a,
.brand-word{color:rgba(240,248,255,.78)!important}
.hero-description,.intro-section p,.service-card p,.about-text p,.submit-content p,.artist-meta span{color:rgba(244,249,255,.74)!important}

/* ===== V34: fix hero overlap, visible marquee, grain only in background ===== */
body{
  position:relative;
  isolation:isolate;
}
body::before{
  z-index:-2!important;
}
body::after{
  z-index:-1!important;
  opacity:.42!important;
  mix-blend-mode:soft-light!important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E")!important;
  background-size:220px 220px!important;
  background-repeat:repeat!important;
}
header, nav, main, section, footer, .page-wrap, .hero, .motion-marquee{
  position:relative;
  z-index:1;
}

/* do not let grain sit on the content blocks */
.navbar,
.motion-marquee,
.service-card,
.artist-card,
.release-card,
.footer-v6.footer-minimal .footer-contact-block,
.main-button,
.submit-big-button,
.platform-card,
.lang-switcher,
.nav-submit{
  isolation:isolate;
}

/* hero / navbar spacing */
.navbar{
  min-height:104px!important;
  padding:24px 42px!important;
}
.hero{
  padding-top:178px!important;
}
.hero-visual{
  width:min(34vw,500px)!important;
  top:59%!important;
  right:3.5vw!important;
  transform:translateY(-50%)!important;
  margin-top:0!important;
}
.hero-visual .mascot{
  width:56%!important;
  max-height:68%!important;
}
.hero-visual .orbit-one{width:74%!important;height:74%!important}
.hero-visual .orbit-two{width:96%!important;height:96%!important}
.hero-title,
.hero-content{
  max-width:760px!important;
}
@media (max-width: 1200px){
  .hero{padding-top:168px!important}
  .hero-visual{top:57%!important;width:min(40vw,470px)!important}
}

/* marquee visibility and harmony */
.motion-marquee{
  transform:rotate(-0.85deg) scale(1.004)!important;
  background:linear-gradient(90deg, rgba(238,251,249,.98) 0%, rgba(214,232,255,.97) 46%, rgba(180,203,255,.97) 100%)!important;
  border-top:1px solid rgba(255,255,255,.36)!important;
  border-bottom:1px solid rgba(155,192,255,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.56), 0 8px 24px rgba(0,0,0,.06)!important;
}
.motion-marquee::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.17!important;
  mix-blend-mode:multiply!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='90' viewBox='0 0 280 90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.68' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='280' height='90' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")!important;
  background-size:280px 90px!important;
}
.marquee-track span{
  color:rgba(24,40,59,.72)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.22)!important;
  font-size:clamp(28px,3.8vw,60px)!important;
  opacity:1!important;
}

/* retain grainy aqua only on background, with cleaner section faces */
.hero,
.intro-section,
.distribution-section,
.chrome-identity,
.releases-section,
.artists-section,
.about-section,
.submit-section,
.footer-v6.footer-minimal{
  background:linear-gradient(180deg, rgba(7,15,24,.30), rgba(7,15,24,.38))!important;
}

/* keep footer / blocks readable */
.footer-v6.footer-minimal .footer-contact-block{
  background:rgba(8,16,26,.56)!important;
}

/* ===== V35: hero mascot position hard-fix + background-only grain cleanup ===== */
body::after{
  opacity:.24!important;
  mix-blend-mode:soft-light!important;
}

/* keep grain feeling mostly in the page background, not on foreground blocks */
.navbar,
.hero,
.intro-section,
.distribution-section,
.chrome-identity,
.releases-section,
.artists-section,
.about-section,
.submit-section,
.footer-v6.footer-minimal,
.motion-marquee,
.service-card,
.artist-card,
.release-card,
.footer-v6.footer-minimal .footer-contact-block,
.main-button,
.submit-big-button,
.platform-card{
  overflow:hidden;
}
.navbar::after,
.hero::after,
.intro-section::after,
.distribution-section::after,
.chrome-identity::after,
.releases-section::after,
.artists-section::after,
.about-section::after,
.submit-section::after,
.footer-v6.footer-minimal::after,
.motion-marquee::after,
.service-card::after,
.artist-card::after,
.release-card::after,
.footer-v6.footer-minimal .footer-contact-block::after,
.main-button::after,
.submit-big-button::after,
.platform-card::after{
  pointer-events:none;
}

/* navbar + hero spacing */
.navbar{
  min-height:108px!important;
  padding:28px 44px!important;
}
.hero{
  min-height:calc(100vh + 40px)!important;
  padding-top:208px!important;
  padding-bottom:88px!important;
}
.hero-content{
  width:min(58%,760px)!important;
  padding-top:18px!important;
}
.hero-title{
  font-size:clamp(68px,8.2vw,158px)!important;
}
.hero-bottom{
  margin-top:44px!important;
}

/* mascot lowered and centered so it never collides with the top bar */
.hero-visual{
  width:min(31vw,450px)!important;
  right:4.6vw!important;
  top:calc(50% + 78px)!important;
  transform:translateY(-50%)!important;
}
.hero-visual .mascot{
  width:58%!important;
  max-height:66%!important;
}
.hero-visual .orbit-one{
  width:78%!important;
  height:78%!important;
}
.hero-visual .orbit-two{
  width:100%!important;
  height:100%!important;
}
.hero-visual::before{
  inset:12%!important;
}

/* smaller orbit radius so the top card does not get clipped */
@keyframes evSpotifyOrbit{
  from{transform:rotate(18deg) translateX(clamp(116px,12vw,176px)) rotate(-18deg) translate(-50%,-50%)}
  to{transform:rotate(378deg) translateX(clamp(116px,12vw,176px)) rotate(-378deg) translate(-50%,-50%)}
}
@keyframes evAppleOrbit{
  from{transform:rotate(138deg) translateX(clamp(116px,12vw,176px)) rotate(-138deg) translate(-50%,-50%)}
  to{transform:rotate(498deg) translateX(clamp(116px,12vw,176px)) rotate(-498deg) translate(-50%,-50%)}
}
@keyframes evYoutubeOrbit{
  from{transform:rotate(258deg) translateX(clamp(116px,12vw,176px)) rotate(-258deg) translate(-50%,-50%)}
  to{transform:rotate(618deg) translateX(clamp(116px,12vw,176px)) rotate(-618deg) translate(-50%,-50%)}
}

/* responsive hero fix */
@media (max-width: 1200px){
  .hero{padding-top:188px!important;min-height:auto!important}
  .hero-visual{top:calc(50% + 64px)!important;width:min(38vw,420px)!important;right:3.4vw!important}
  .hero-content{width:min(55%,650px)!important}
}
@media (max-width: 980px){
  .hero{padding-top:132px!important;padding-bottom:60px!important}
  .hero-content{width:100%!important;padding-top:0!important}
  .hero-visual{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    transform:none!important;
    width:min(84vw,420px)!important;
    margin:36px auto 0!important;
  }
}

/* visible but softer marquee */
.motion-marquee{
  background:linear-gradient(90deg, rgba(241,251,249,.97) 0%, rgba(214,233,255,.96) 48%, rgba(177,201,255,.96) 100%)!important;
}
.marquee-track span{
  color:rgba(38,56,74,.55)!important;
}

/* ===== V37: safe full-build hero right symmetry fix ===== */
@media (min-width: 981px){
  .hero{
    min-height: calc(100vh + 40px)!important;
    padding-top: 198px!important;
    padding-bottom: 88px!important;
  }
  .hero-content{
    width: min(46%, 680px)!important;
    max-width: 680px!important;
  }
  .hero-visual{
    width: min(34vw, 470px)!important;
    right: 8.5vw!important;
    top: calc(50% + 58px)!important;
    transform: translateY(-50%)!important;
  }
  .hero-visual .mascot{
    width: 58%!important;
    max-height: 66%!important;
  }
  .hero-visual .orbit-one{
    width: 80%!important;
    height: 80%!important;
  }
  .hero-visual .orbit-two{
    width: 104%!important;
    height: 104%!important;
  }
  .side-text{
    right: 1.8vw!important;
  }
}

@media (min-width: 981px) and (max-width: 1320px){
  .hero-content{
    width:min(47%, 640px)!important;
  }
  .hero-visual{
    width:min(35vw, 430px)!important;
    right: 6vw!important;
  }
}

/* ===== V38: hero visual moved into right empty area, better symmetry ===== */
@media (min-width: 981px){
  .hero{
    min-height: 100vh!important;
    padding-top: 156px!important;
    padding-bottom: 72px!important;
  }
  .hero-content{
    width: min(43%, 620px)!important;
    max-width: 620px!important;
    padding-left: 0!important;
  }
  .hero-title{
    max-width: 760px!important;
  }
  .hero-bottom{
    max-width: 620px!important;
  }
  .hero-visual{
    width: min(29vw, 390px)!important;
    right: 11.5vw!important;
    left: auto!important;
    top: calc(50% + 18px)!important;
    transform: translateY(-50%)!important;
  }
  .hero-visual .mascot{
    width: 54%!important;
    max-height: 64%!important;
  }
  .hero-visual .orbit-one{
    width: 82%!important;
    height: 82%!important;
  }
  .hero-visual .orbit-two{
    width: 104%!important;
    height: 104%!important;
  }
  .side-text{
    right: 1.2vw!important;
  }
}

@media (min-width: 981px) and (max-width: 1320px){
  .hero-content{
    width:min(45%, 590px)!important;
  }
  .hero-visual{
    width:min(31vw, 360px)!important;
    right: 7vw!important;
    top: calc(50% + 26px)!important;
  }
}

/* ===== V39: stable desktop hero layout, mascot fully in right column ===== */
@media (min-width: 981px){
  .hero{
    display:grid!important;
    grid-template-columns:minmax(0, 760px) minmax(360px, 1fr)!important;
    align-items:center!important;
    column-gap:clamp(36px, 6vw, 120px)!important;
    min-height:100vh!important;
    padding-top:160px!important;
    padding-bottom:84px!important;
  }
  .hero-content{
    grid-column:1!important;
    width:100%!important;
    max-width:760px!important;
    align-self:center!important;
  }
  .hero-title{
    max-width:760px!important;
  }
  .hero-bottom{
    max-width:620px!important;
  }
  .hero-visual{
    position:relative!important;
    grid-column:2!important;
    justify-self:end!important;
    align-self:center!important;
    width:min(30vw, 400px)!important;
    aspect-ratio:1!important;
    margin-right:min(6vw, 82px)!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
  }
  .hero-visual::before{
    inset:12%!important;
  }
  .hero-visual .mascot{
    width:56%!important;
    max-height:none!important;
  }
  .hero-visual .orbit-one{
    width:84%!important;
    height:84%!important;
  }
  .hero-visual .orbit-two{
    width:106%!important;
    height:106%!important;
  }

  /* stop the orbiting tags so the composition stays clean and symmetric */
  .hero-visual .platform-card{
    animation:none!important;
    font-size:9px!important;
    padding:11px 15px!important;
  }
  .hero-visual .apple-card{
    top:-1%!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translateX(-50%)!important;
  }
  .hero-visual .spotify-card{
    left:-4%!important;
    bottom:18%!important;
    top:auto!important;
    right:auto!important;
    transform:none!important;
  }
  .hero-visual .youtube-card{
    right:-4%!important;
    bottom:18%!important;
    top:auto!important;
    left:auto!important;
    transform:none!important;
  }
  .side-text{
    right:1.6vw!important;
  }
}

@media (min-width: 981px) and (max-width: 1320px){
  .hero{
    grid-template-columns:minmax(0, 1fr) minmax(310px, .9fr)!important;
    column-gap:42px!important;
  }
  .hero-title{
    font-size:clamp(64px, 7.2vw, 132px)!important;
  }
  .hero-visual{
    width:min(31vw, 360px)!important;
    margin-right:24px!important;
  }
}

/* ===== V40: HARD HERO POSITION FIX ===== */
@media (min-width: 981px){
  .hero{
    display:block !important;
    position:relative !important;
    min-height:100vh !important;
    padding:150px 4vw 80px !important;
  }
  .hero-content{
    position:relative !important;
    width:45% !important;
    max-width:720px !important;
    z-index:5 !important;
  }
  .hero-title{max-width:720px !important;}
  .hero-bottom{max-width:620px !important;}

  .hero-visual{
    position:absolute !important;
    left:70% !important;
    right:auto !important;
    top:54% !important;
    bottom:auto !important;
    width:min(31vw, 430px) !important;
    aspect-ratio:1 !important;
    margin:0 !important;
    transform:translate(-50%, -50%) !important;
    display:grid !important;
    place-items:center !important;
    animation:none !important;
    z-index:3 !important;
  }
  .hero-visual .mascot{
    width:58% !important;
    max-height:none !important;
  }
  .hero-visual .orbit-one{
    width:82% !important;
    height:82% !important;
  }
  .hero-visual .orbit-two{
    width:104% !important;
    height:104% !important;
  }
  .hero-visual .platform-card{
    animation:none !important;
    font-size:9px !important;
    padding:10px 14px !important;
  }
  .hero-visual .apple-card{
    left:50% !important;
    right:auto !important;
    top:-2% !important;
    bottom:auto !important;
    transform:translateX(-50%) !important;
  }
  .hero-visual .spotify-card{
    left:-3% !important;
    right:auto !important;
    top:auto !important;
    bottom:17% !important;
    transform:none !important;
  }
  .hero-visual .youtube-card{
    right:-3% !important;
    left:auto !important;
    top:auto !important;
    bottom:17% !important;
    transform:none !important;
  }
  .side-text{right:1.6vw !important;}
}

@media (min-width:981px) and (max-width:1300px){
  .hero-content{
    width:47% !important;
    max-width:620px !important;
  }
  .hero-title{
    font-size:clamp(62px,7vw,126px) !important;
  }
  .hero-visual{
    left:72% !important;
    width:min(29vw, 360px) !important;
  }
}

/* =========================================================
   V41 — INTERACTIONS + SECTION TRANSITIONS + MOBILE POLISH
   Desktop layout/hero positions intentionally left unchanged.
   ========================================================= */

/* ---------- subtle pointer light (native cursor stays visible) ---------- */
.ev-pointer-light{
  position:fixed;
  left:0;top:0;
  width:260px;height:260px;
  border-radius:50%;
  pointer-events:none;
  z-index:9998;
  opacity:0;
  transform:translate3d(-50%,-50%,0);
  background:radial-gradient(circle,
    rgba(206,242,255,.12) 0%,
    rgba(165,220,255,.055) 30%,
    rgba(140,190,255,.018) 52%,
    transparent 72%);
  filter:blur(10px);
  transition:opacity .25s ease;
  will-change:left,top;
}
.ev-pointer-light.is-visible{opacity:1}

/* ---------- hover language ---------- */
@media (hover:hover) and (pointer:fine){
  .nav-links a,
  .footer-links a,
  .footer-socials a,
  .artist-card a{
    position:relative;
  }
  .nav-links a::after,
  .footer-links a::after,
  .footer-socials a::after,
  .artist-card a::after{
    content:"";
    position:absolute;
    left:0;right:100%;bottom:-7px;
    height:1px;
    background:linear-gradient(90deg,rgba(220,248,255,.95),rgba(165,220,255,.42));
    transition:right .32s cubic-bezier(.16,1,.3,1);
  }
  .nav-links a:hover::after,
  .footer-links a:hover::after,
  .footer-socials a:hover::after,
  .artist-card a:hover::after{right:0}

  .service-card,
  .artist-card,
  .release-card .cover-art{
    transition:transform .45s cubic-bezier(.16,1,.3,1),
               border-color .35s ease,
               box-shadow .35s ease,
               background .35s ease!important;
  }
  .service-card:hover,
  .artist-card:hover{
    transform:translateY(-7px)!important;
    border-color:rgba(205,241,255,.28)!important;
    box-shadow:0 22px 58px rgba(5,15,25,.22),0 0 34px rgba(170,220,255,.08)!important;
  }
  .release-card:hover .cover-art{
    border-color:rgba(205,241,255,.30)!important;
    box-shadow:0 28px 64px rgba(4,12,22,.28),0 0 38px rgba(170,220,255,.08)!important;
  }
  .main-button,
  .submit-big-button,
  .nav-submit,
  .lang-btn{
    transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease,background .28s ease,color .28s ease!important;
  }
  .main-button:hover,
  .submit-big-button:hover{
    box-shadow:0 14px 42px rgba(8,22,34,.22),0 0 30px rgba(181,228,255,.14)!important;
  }
  .brand-logo{transition:transform .45s cubic-bezier(.16,1,.3,1),filter .4s ease!important}
  .brand:hover .brand-logo{transform:rotate(-5deg) scale(1.06)!important;filter:drop-shadow(0 0 16px rgba(202,239,255,.18))!important}
}

/* ---------- scroll-in transitions ---------- */
.ev-section-reveal{
  opacity:0;
  transform:translate3d(0,34px,0);
  filter:blur(5px);
  transition:
    opacity .85s cubic-bezier(.16,1,.3,1),
    transform .85s cubic-bezier(.16,1,.3,1),
    filter .85s ease;
  will-change:opacity,transform,filter;
}
.ev-section-reveal.ev-in{
  opacity:1;
  transform:translate3d(0,0,0);
  filter:blur(0);
}
.ev-section-reveal[data-ev-delay="1"]{transition-delay:.07s}
.ev-section-reveal[data-ev-delay="2"]{transition-delay:.14s}
.ev-section-reveal[data-ev-delay="3"]{transition-delay:.21s}

/* gentle section border reveal */
.intro-section,
.distribution-section,
.chrome-identity,
.releases-section,
.artists-section,
.about-section,
.submit-section,
.footer-v6{
  transition:border-color .5s ease,box-shadow .5s ease;
}

/* ---------- mobile polish ---------- */
@media (max-width:980px){
  html{scroll-padding-top:84px}
  body{overflow-x:hidden}

  .navbar{
    min-height:78px!important;
    height:auto!important;
    padding:14px 18px!important;
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    gap:12px!important;
  }
  .brand{grid-column:1!important;min-width:0}
  .brand-logo{width:28px!important;height:28px!important}
  .brand-word{font-size:16px!important}
  .nav-links{
    grid-column:2!important;
    justify-self:center!important;
    gap:16px!important;
  }
  .nav-links a{font-size:8px!important;letter-spacing:.11em!important}
  .nav-actions{grid-column:3!important;gap:8px!important}
  .lang-switcher{padding:2px!important}
  .lang-btn{min-width:26px!important;height:25px!important;padding:0 5px!important;font-size:8px!important}
  .nav-submit{display:none!important}

  .hero{
    min-height:auto!important;
    padding:112px 20px 62px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .hero-content{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
  }
  .hero-tag{font-size:8px!important;letter-spacing:.15em!important;margin-bottom:24px!important}
  .hero-title{
    font-size:clamp(58px,18vw,108px)!important;
    letter-spacing:-.055em!important;
    line-height:.80!important;
    max-width:100%!important;
  }
  html[lang="ru"] .hero-title,
  html[lang="tr"] .hero-title{font-size:clamp(50px,15vw,92px)!important;letter-spacing:-.045em!important}
  .hero-bottom{
    margin-top:32px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:22px!important;
  }
  .hero-description{max-width:440px!important;font-size:12px!important}
  .main-button{font-size:10px!important}

  .hero-visual{
    position:relative!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    transform:none!important;
    width:min(82vw,410px)!important;
    margin:52px auto 20px!important;
  }
  .hero-visual .mascot{width:56%!important}
  .hero-visual .platform-card{font-size:7px!important;padding:8px 10px!important}
  .side-text{display:none!important}
  .scroll-indicator{display:none!important}

  .motion-marquee{transform:none!important}
  .marquee-track span{font-size:clamp(24px,8vw,42px)!important;padding:14px 12px!important}

  section:not(.hero),
  .artists-section,
  .releases-section,
  .about-section,
  .submit-section,
  .chrome-identity{
    padding-left:20px!important;
    padding-right:20px!important;
  }
  .section-heading h2,
  .intro-section h2,
  .submit-content h2{
    font-size:clamp(46px,14vw,82px)!important;
    letter-spacing:-.055em!important;
    line-height:.88!important;
  }

  .services-grid,
  .artists-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .service-card,
  .artist-card{min-height:auto!important;padding:20px!important}

  .release-wall,
  .release-conveyor{
    display:flex!important;
    gap:22px!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    padding:48px 20px 58px!important;
    margin-left:-20px!important;
    margin-right:-20px!important;
    scrollbar-width:none!important;
  }
  .release-wall::-webkit-scrollbar,
  .release-conveyor::-webkit-scrollbar{display:none}
  .release-wall .release-card,
  .release-conveyor .release-card{
    flex:0 0 min(78vw,360px)!important;
    width:min(78vw,360px)!important;
    scroll-snap-align:center!important;
    transform:none!important;
  }

  .chrome-identity{min-height:58vh!important;padding-top:74px!important;padding-bottom:74px!important}
  .chrome-word,.chrome-word-wrap::before{
    font-size:clamp(66px,17vw,130px)!important;
    letter-spacing:-.055em!important;
  }
  .chrome-subline{font-size:7px!important;letter-spacing:.16em!important}

  .footer-v6.footer-minimal{padding:52px 20px 26px!important}
  .footer-v6.footer-minimal .footer-mega{font-size:20vw!important;letter-spacing:-.055em!important}
  .footer-v6.footer-minimal .footer-contact-grid{grid-template-columns:1fr!important;gap:14px!important}
  .footer-v6.footer-minimal .footer-contact-block{min-height:auto!important;padding:18px!important}
  .footer-v6.footer-minimal .footer-email{font-size:clamp(18px,5.7vw,26px)!important}
  .footer-v6.footer-minimal .footer-bottom{grid-template-columns:1fr!important;gap:14px!important;text-align:left!important}
  .footer-bottom>div:last-child{text-align:left!important}
}

@media (max-width:620px){
  .navbar{grid-template-columns:auto 1fr!important}
  .nav-links{display:none!important}
  .nav-actions{grid-column:2!important;justify-self:end!important}
  .brand-word{font-size:15px!important}
  .hero{padding-top:102px!important}
  .hero-title{font-size:clamp(54px,19vw,86px)!important}
  .hero-visual{width:min(88vw,380px)!important}
  .release-wall .release-card,
  .release-conveyor .release-card{flex-basis:84vw!important;width:84vw!important}
  .artist-avatar{width:62px!important;height:62px!important}
}

@media (prefers-reduced-motion:reduce){
  .ev-section-reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  .ev-pointer-light{display:none!important}
  *,*::before,*::after{scroll-behavior:auto!important}
}


/* =========================================================
   V42 — BLACK + AQUA / RECEIPT / RESTORED REVEALS
   ========================================================= */
:root{
  --ev-black:#020405;
  --ev-black-2:#05090c;
  --ev-aqua:#9eeeff;
  --ev-aqua-soft:#d7f8ff;
  --ev-aqua-line:rgba(158,238,255,.18);
}

html,body{background:#020405!important;color:#f7fcff!important}
body::before{
  content:\"\"!important;
  position:fixed!important;
  inset:0!important;
  z-index:-2!important;
  background:
    radial-gradient(circle at 14% 16%,rgba(158,238,255,.08),transparent 24%),
    radial-gradient(circle at 83% 34%,rgba(158,238,255,.055),transparent 26%),
    radial-gradient(circle at 52% 82%,rgba(158,238,255,.035),transparent 28%),
    linear-gradient(180deg,#020405 0%,#05090c 48%,#020405 100%)!important;
}
body::after{
  content:\"\"!important;
  position:fixed!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  opacity:.075!important;
  background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E\")!important;
  background-size:220px 220px!important;
  mix-blend-mode:screen!important;
}
.noise{display:none!important}

.hero,.intro-section,.distribution-section,.chrome-identity,.releases-section,.artists-section,.about-section,.submit-section{
  background:linear-gradient(180deg,rgba(255,255,255,.008),rgba(158,238,255,.012),rgba(255,255,255,.006)),#020405!important;
  border-color:var(--ev-aqua-line)!important;
}
.navbar{
  background:rgba(2,4,5,.92)!important;
  border-bottom:1px solid rgba(158,238,255,.12)!important;
  backdrop-filter:blur(18px)!important;
}
.brand-word,.nav-links a,.hero-title,.section-heading h2,.about-text h3,.artist-meta strong{color:#f7fcff!important}
.hero-title span,.intro-section h2 span{
  color:transparent!important;
  -webkit-text-stroke:1px rgba(158,238,255,.52)!important;
}
.hero-tag,.section-heading>span,.section-number,.chrome-kicker,.chrome-subline,.artist-meta span,.about-small{color:rgba(158,238,255,.68)!important}
.hero-description,.intro-section p,.service-card p,.about-text p,.submit-content p{color:rgba(241,249,252,.62)!important}

.service-card,.artist-card,.release-card .cover-art{
  background:linear-gradient(180deg,rgba(158,238,255,.035),rgba(255,255,255,.008)),rgba(4,8,10,.78)!important;
  border-color:rgba(158,238,255,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 50px rgba(0,0,0,.35)!important;
}
.service-card:hover,.artist-card:hover,.release-card:hover .cover-art{
  border-color:rgba(158,238,255,.36)!important;
  box-shadow:0 20px 62px rgba(0,0,0,.42),0 0 34px rgba(158,238,255,.08)!important;
}

.main-button,.submit-big-button{
  background:#eefcff!important;
  color:#031017!important;
  border:1px solid rgba(158,238,255,.65)!important;
  box-shadow:0 0 0 1px rgba(158,238,255,.06),0 14px 44px rgba(0,0,0,.35)!important;
}
.main-button span,.submit-big-button span{color:#031017!important}
.button-arrow{background:#031017!important;color:var(--ev-aqua)!important}
.nav-submit,.platform-card,.lang-switcher{background:rgba(3,8,11,.86)!important;border-color:rgba(158,238,255,.16)!important}
.status-dot,.platform-dot{background:var(--ev-aqua-soft)!important;box-shadow:0 0 10px rgba(158,238,255,.85),0 0 24px rgba(158,238,255,.26)!important}

/* Restored reveal transitions */
.ev-section-reveal{
  opacity:0!important;
  transform:translate3d(0,34px,0) scale(.988)!important;
  filter:blur(7px)!important;
  transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1),filter .9s cubic-bezier(.16,1,.3,1)!important;
  will-change:opacity,transform,filter;
}
.ev-section-reveal.ev-in{
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
  filter:blur(0)!important;
}
.ev-section-reveal[data-ev-delay=\"1\"]{transition-delay:.08s!important}
.ev-section-reveal[data-ev-delay=\"2\"]{transition-delay:.16s!important}
.ev-section-reveal[data-ev-delay=\"3\"]{transition-delay:.24s!important}

.ev-pointer-light{
  position:fixed;
  width:360px;height:360px;
  border-radius:50%;
  pointer-events:none;
  z-index:2;
  transform:translate(-50%,-50%);
  opacity:0;
  background:radial-gradient(circle,rgba(158,238,255,.065),rgba(158,238,255,.022) 32%,transparent 68%);
  filter:blur(12px);
  transition:opacity .25s ease;
  mix-blend-mode:screen;
}
.ev-pointer-light.is-visible{opacity:1}

/* receipt footer */
.legacy-footer{display:none!important}
.receipt-zone{
  position:relative;
  min-height:100vh;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:110px 24px 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 110%,rgba(158,238,255,.09),transparent 34%),
    #000!important;
  border-top:1px solid rgba(158,238,255,.09);
}
.receipt-stage{
  width:min(520px,92vw);
  display:flex;
  justify-content:center;
  perspective:900px;
}
.receipt-paper{
  position:relative;
  width:100%;
  min-height:650px;
  padding:62px 42px 34px;
  color:#081014;
  background:linear-gradient(180deg,#f8fbfa 0%,#edf9fb 100%);
  box-shadow:0 -18px 70px rgba(158,238,255,.08),0 35px 80px rgba(0,0,0,.55);
  transform:translateY(104%);
  opacity:.99;
  transition:transform 1.15s cubic-bezier(.16,1,.3,1);
}
.receipt-paper.is-out{transform:translateY(0)}
.receipt-teeth{
  position:absolute;left:0;right:0;top:-13px;height:14px;
  background:linear-gradient(135deg,transparent 50%,#f8fbfa 51%) 0 0/20px 20px repeat-x,linear-gradient(225deg,transparent 50%,#f8fbfa 51%) 10px 0/20px 20px repeat-x;
}
.receipt-topline{font-size:27px;font-weight:900;text-align:center;letter-spacing:-.04em}
.receipt-subline{text-align:center;font-size:13px;opacity:.66;margin-top:3px}
.receipt-rule{border-top:1px dashed rgba(8,16,20,.22);margin:26px 0}
.receipt-block{display:flex;flex-direction:column;gap:7px;margin:26px 0}
.receipt-block>span{font-size:11px;letter-spacing:.17em;font-weight:800;color:#3d6670}
.receipt-block a{font-size:clamp(18px,3.5vw,28px);font-weight:800;letter-spacing:-.035em;color:#081014;text-decoration:none;width:max-content;max-width:100%;word-break:break-word}
.receipt-block a:hover{color:#198ca5}
.receipt-legal{display:flex;gap:16px;flex-wrap:wrap}
.receipt-legal a{font-size:11px;font-weight:800;color:#081014;text-decoration:none;text-transform:uppercase;letter-spacing:.08em}
.receipt-thanks{text-align:center;margin:32px 0 18px;font-size:12px;letter-spacing:.14em}
.receipt-barcode{height:82px;margin:0 auto 18px;width:74%;background:repeating-linear-gradient(90deg,#071015 0 2px,transparent 2px 5px,#071015 5px 8px,transparent 8px 10px,#071015 10px 11px,transparent 11px 15px)}
.receipt-foot{text-align:center;font-size:10px;letter-spacing:.14em;opacity:.62}

@media(max-width:700px){
  .receipt-zone{padding:80px 14px 0;min-height:86vh}
  .receipt-paper{padding:50px 24px 28px;min-height:560px}
  .receipt-topline{font-size:22px}
  .receipt-block a{font-size:20px}
  .ev-pointer-light{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  .ev-section-reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  .receipt-paper{transform:none!important;transition:none!important}
}


/* ===== V43 hardening ===== */
.legacy-footer{display:none!important}
.receipt-zone{z-index:5!important}
.receipt-paper{z-index:2!important}
.motion-marquee,.platform-ticker{z-index:4!important}
.marquee-track,.platform-ticker-track{will-change:transform!important}

/* ===== V44 receipt: true bottom printer behavior ===== */
.receipt-zone{
  min-height:100vh!important;
  padding:0 24px!important;
  align-items:flex-end!important;
  overflow:hidden!important;
}
.receipt-stage{
  position:relative!important;
  width:min(520px,92vw)!important;
  min-height:690px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:hidden!important;
  padding-top:40px!important;
}
.receipt-stage::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:112%;
  height:20px;
  transform:translateX(-50%);
  z-index:5;
  background:linear-gradient(180deg,#0b0f12 0%,#000 48%,#070a0d 100%);
  border-top:1px solid rgba(158,238,255,.18);
  box-shadow:0 -8px 22px rgba(158,238,255,.06),0 -1px 0 rgba(255,255,255,.04) inset;
}
.receipt-stage::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:6px;
  width:72%;
  height:5px;
  transform:translateX(-50%);
  z-index:6;
  border-radius:50%;
  background:#020304;
  box-shadow:0 0 14px rgba(0,0,0,.95),0 0 9px rgba(158,238,255,.08);
}
.receipt-paper{
  transform:translateY(calc(100% + 34px))!important;
  transition:none!important;
  will-change:transform;
  z-index:2!important;
}
.receipt-paper.is-out{
  animation:evReceiptPrint 1.46s cubic-bezier(.22,.72,.22,1) forwards!important;
}
@keyframes evReceiptPrint{
  0%{transform:translateY(calc(100% + 34px))}
  11%{transform:translateY(88%)}
  18%{transform:translateY(84%)}
  29%{transform:translateY(69%)}
  36%{transform:translateY(65%)}
  48%{transform:translateY(49%)}
  56%{transform:translateY(45%)}
  68%{transform:translateY(29%)}
  76%{transform:translateY(25%)}
  88%{transform:translateY(9%)}
  94%{transform:translateY(6%)}
  100%{transform:translateY(0)}
}
.receipt-paper.is-printing{
  filter:drop-shadow(0 -8px 22px rgba(158,238,255,.05));
}
@media(max-width:700px){
  .receipt-zone{padding:0 14px!important;min-height:92vh!important}
  .receipt-stage{min-height:600px!important}
}
@media(prefers-reduced-motion:reduce){
  .receipt-paper{transform:translateY(calc(100% + 34px))!important}
  .receipt-paper.is-out{animation:none!important;transform:translateY(0)!important}
}


/* ===== V45 — video-reference receipt behavior ===== */
.receipt-zone{
  position:relative !important;
  min-height:125vh !important;
  padding:0 !important;
  background:#000 !important;
  overflow:clip !important;
  border:0 !important;
  z-index:5 !important;
}

.receipt-stage{
  position:sticky !important;
  top:0 !important;
  width:100% !important;
  height:100vh !important;
  min-height:100vh !important;
  display:block !important;
  overflow:hidden !important;
  background:#000 !important;
}

.receipt-heading{
  position:absolute;
  left:2.2vw;
  top:4.5vh;
  margin:0;
  color:#f8f7f2;
  font-size:clamp(76px, 11.5vw, 220px);
  line-height:.82;
  letter-spacing:-.065em;
  font-weight:900;
  white-space:nowrap;
  z-index:1;
  pointer-events:none;
}

/* printer mouth at the bottom edge */
.receipt-stage::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:min(32vw, 510px);
  height:22px;
  transform:translateX(-50%);
  border-radius:16px 16px 0 0;
  background:linear-gradient(180deg,#171717,#030303 70%);
  box-shadow:
    0 -10px 30px rgba(0,0,0,.9),
    0 -1px 0 rgba(255,255,255,.08) inset;
  z-index:6;
}

/* subtle black lip in front of paper */
.receipt-stage::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-1px;
  width:min(28vw, 450px);
  height:8px;
  transform:translateX(-50%);
  background:#000;
  box-shadow:0 -3px 12px rgba(0,0,0,.9);
  z-index:9;
}

.receipt-paper{
  position:absolute !important;
  left:50% !important;
  bottom:10px !important;
  top:auto !important;
  width:min(27vw, 430px) !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:48px 34px 30px !important;
  transform:translate(-50%, 104%) !important;
  transition:none !important;
  will-change:transform;
  z-index:7 !important;
  box-shadow:
    0 18px 60px rgba(0,0,0,.55),
    0 0 0 1px rgba(0,0,0,.04);
}

/* JS controls the exact print amount through --receipt-p */
.receipt-paper{
  --receipt-p:0;
  transform:
    translateX(-50%)
    translateY(calc((1 - var(--receipt-p)) * 104%)) !important;
}

.receipt-paper.is-printing,
.receipt-paper.is-out{
  animation:none !important;
}

/* keep paper details compact like the reference */
.receipt-topline{font-size:18px !important;}
.receipt-subline{font-size:9px !important;}
.receipt-rule{margin:18px 0 !important;}
.receipt-block{margin:18px 0 !important;gap:4px !important;}
.receipt-block>span{font-size:8px !important;}
.receipt-block a{font-size:clamp(13px,1.3vw,19px) !important;}
.receipt-legal{gap:12px !important;}
.receipt-legal a{font-size:8px !important;}
.receipt-thanks{margin:22px 0 12px !important;font-size:8px !important;}
.receipt-barcode{height:56px !important;margin-bottom:12px !important;}
.receipt-foot{font-size:7px !important;}

@media(max-width:900px){
  .receipt-zone{min-height:118vh !important;}
  .receipt-heading{
    left:18px;
    top:7vh;
    font-size:clamp(54px,17vw,100px);
  }
  .receipt-stage::before{width:min(78vw,430px);}
  .receipt-stage::after{width:min(70vw,390px);}
  .receipt-paper{
    width:min(76vw,390px) !important;
    padding:42px 24px 26px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .receipt-paper{
    --receipt-p:1 !important;
  }
}

/* ===== V46: true one-shot receipt from bottom at actual page end ===== */
.receipt-zone{
  min-height:100vh!important;
  height:100vh!important;
  padding:0!important;
  background:#000!important;
  overflow:hidden!important;
  position:relative!important;
}
.receipt-stage{
  position:relative!important;
  top:auto!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  overflow:hidden!important;
  background:#000!important;
}
.receipt-heading{display:none!important}
.receipt-paper{
  --receipt-p:0!important;
  position:absolute!important;
  left:50%!important;
  bottom:10px!important;
  top:auto!important;
  transform:translate(-50%, calc(100% + 42px))!important;
  opacity:1!important;
  transition:none!important;
  will-change:transform;
}
.receipt-paper.is-printing{
  animation:evRealReceiptOut 1.65s steps(18,end) forwards!important;
}
.receipt-paper.is-out{
  transform:translate(-50%,0)!important;
}
@keyframes evRealReceiptOut{
  0%{transform:translate(-50%, calc(100% + 42px))}
  100%{transform:translate(-50%,0)}
}
@media(max-width:900px){
  .receipt-zone{height:100vh!important;min-height:100vh!important}
}

/* ===== V47 receipt — blank black section, slow bottom-up print ===== */
.receipt-zone{
  position:relative!important;
  min-height:220vh!important;
  height:auto!important;
  padding:0!important;
  background:#000!important;
  overflow:visible!important;
  border:0!important;
}
.receipt-stage{
  position:sticky!important;
  top:0!important;
  width:100%!important;
  height:100vh!important;
  min-height:100vh!important;
  display:block!important;
  overflow:hidden!important;
  background:#000!important;
}
.receipt-heading{display:none!important}
.receipt-stage::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:min(34vw,500px);
  height:18px;
  transform:translateX(-50%);
  border-radius:18px 18px 0 0;
  background:linear-gradient(180deg,#131313,#030303 70%);
  box-shadow:0 -8px 24px rgba(0,0,0,.8),0 -1px 0 rgba(255,255,255,.08) inset;
  z-index:8;
}
.receipt-stage::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-1px;
  width:min(30vw,440px);
  height:8px;
  transform:translateX(-50%);
  background:#000;
  box-shadow:0 -2px 10px rgba(0,0,0,.95);
  z-index:10;
}
.receipt-paper{
  --receipt-progress:0;
  position:absolute!important;
  left:50%!important;
  bottom:10px!important;
  top:auto!important;
  width:min(26vw,420px)!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:48px 34px 30px!important;
  opacity:1!important;
  will-change:transform,filter;
  transform:translate(-50%, calc((1 - var(--receipt-progress)) * 105%)) !important;
  transition:none!important;
  box-shadow:0 18px 58px rgba(0,0,0,.56),0 0 0 1px rgba(0,0,0,.04)!important;
  filter:drop-shadow(0 -4px 12px rgba(158,238,255,.03));
}
.receipt-paper.is-printing,
.receipt-paper.is-out{animation:none!important}
.receipt-paper.is-printing{filter:drop-shadow(0 -8px 16px rgba(158,238,255,.06))}
.receipt-topline{font-size:18px!important}
.receipt-subline{font-size:9px!important}
.receipt-rule{margin:18px 0!important}
.receipt-block{margin:18px 0!important;gap:4px!important}
.receipt-block>span{font-size:8px!important}
.receipt-block a{font-size:clamp(13px,1.25vw,19px)!important}
.receipt-legal{gap:12px!important}
.receipt-legal a{font-size:8px!important}
.receipt-thanks{margin:22px 0 12px!important;font-size:8px!important}
.receipt-barcode{height:56px!important;margin-bottom:12px!important}
.receipt-foot{font-size:7px!important}

@media(max-width:900px){
  .receipt-zone{min-height:200vh!important}
  .receipt-stage::before{width:min(78vw,420px)!important}
  .receipt-stage::after{width:min(70vw,380px)!important}
  .receipt-paper{
    width:min(76vw,390px)!important;
    padding:42px 24px 26px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .receipt-zone{min-height:100vh!important}
  .receipt-stage{position:relative!important}
  .receipt-paper{--receipt-progress:1!important}
}

/* ===== V48 receipt — true slow bottom-up print animation ===== */
.receipt-zone{
  min-height:260vh!important;
  background:#000!important;
}
.receipt-stage{
  position:sticky!important;
  top:0!important;
  height:100vh!important;
  overflow:hidden!important;
  background:#000!important;
}
.receipt-heading{display:none!important}
.receipt-mask{
  position:absolute;
  left:50%;
  bottom:14px;
  width:min(28vw,440px);
  height:min(74vh,760px);
  transform:translateX(-50%);
  pointer-events:none;
  z-index:5;
  overflow:hidden;
}
.receipt-mask-shell{
  position:absolute;
  left:50%;
  bottom:14px;
  width:min(28vw,440px);
  height:min(74vh,760px);
  transform:translateX(-50%);
  pointer-events:none;
  overflow:hidden;
  z-index:6;
}
.receipt-stage::before{
  z-index:12!important;
  width:min(34vw,500px)!important;
  height:18px!important;
}
.receipt-stage::after{
  z-index:13!important;
  width:min(30vw,450px)!important;
}
.receipt-paper{
  --receipt-progress:0;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  top:auto!important;
  width:100%!important;
  margin:0 auto!important;
  transform:translateY(calc((1 - var(--receipt-progress)) * 112%)) scale(calc(.985 + var(--receipt-progress) * .015))!important;
  transform-origin:center bottom!important;
  opacity:calc(.03 + var(--receipt-progress) * .97)!important;
  transition:transform .08s linear, opacity .08s linear, filter .16s ease!important;
  will-change:transform,opacity,filter!important;
  box-shadow:0 18px 58px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.06)!important;
  filter:drop-shadow(0 -6px 12px rgba(158,238,255,.02));
  pointer-events:auto;
}
.receipt-paper.is-printing{filter:drop-shadow(0 -10px 18px rgba(158,238,255,.06))}
.receipt-paper.is-out{filter:drop-shadow(0 -8px 16px rgba(158,238,255,.04))}
.receipt-topline{font-size:18px!important}
.receipt-subline{font-size:9px!important}
.receipt-block a{font-size:clamp(13px,1.2vw,19px)!important}

@media(max-width:900px){
  .receipt-zone{min-height:235vh!important}
  .receipt-mask,.receipt-mask-shell{width:min(80vw,390px)!important;height:min(72vh,680px)!important}
  .receipt-stage::before{width:min(84vw,430px)!important}
  .receipt-stage::after{width:min(76vw,390px)!important}
  .receipt-paper{padding:42px 24px 26px!important}
}

/* ===== V49 receipt — automatic print from bottom ===== */
.receipt-zone{
  min-height:100vh!important;
  height:100vh!important;
  background:#000!important;
  overflow:hidden!important;
  position:relative!important;
}
.receipt-stage{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  overflow:hidden!important;
  background:#000!important;
}
.receipt-mask,
.receipt-mask-shell{
  position:absolute!important;
  left:50%!important;
  bottom:14px!important;
  width:min(28vw,440px)!important;
  height:min(74vh,760px)!important;
  transform:translateX(-50%)!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
.receipt-mask{z-index:5!important}
.receipt-mask-shell{z-index:6!important}
.receipt-paper{
  --receipt-progress:0!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  top:auto!important;
  width:100%!important;
  margin:0 auto!important;
  opacity:1!important;
  transform:translateY(112%)!important;
  transition:none!important;
  will-change:transform!important;
}
.receipt-paper.is-printing{
  animation:evAutoReceiptPrint 2.8s cubic-bezier(.18,.62,.16,1) forwards!important;
}
.receipt-paper.is-out{
  animation:none!important;
  transform:translateY(0)!important;
}
@keyframes evAutoReceiptPrint{
  0%{transform:translateY(112%)}
  8%{transform:translateY(102%)}
  14%{transform:translateY(98%)}
  22%{transform:translateY(84%)}
  28%{transform:translateY(80%)}
  38%{transform:translateY(64%)}
  44%{transform:translateY(60%)}
  55%{transform:translateY(43%)}
  61%{transform:translateY(39%)}
  72%{transform:translateY(23%)}
  78%{transform:translateY(19%)}
  90%{transform:translateY(5%)}
  96%{transform:translateY(2%)}
  100%{transform:translateY(0)}
}
@media(max-width:900px){
  .receipt-zone{height:100vh!important;min-height:100vh!important}
  .receipt-mask,.receipt-mask-shell{width:min(80vw,390px)!important;height:min(72vh,680px)!important}
}
@media(prefers-reduced-motion:reduce){
  .receipt-paper{transform:translateY(0)!important;animation:none!important}
}


/* ===== V51: visible GET IN TOUCH + logo on receipt ===== */
.receipt-zone{position:relative!important;background:#000!important;}
.receipt-stage{position:relative!important;}
.receipt-heading{
  display:block!important;
  position:absolute!important;
  left:clamp(24px,4vw,72px)!important;
  top:clamp(28px,6vh,64px)!important;
  z-index:2!important;
  width:min(8ch, calc(100vw - 48px))!important;
  margin:0!important;
  font-size:clamp(52px,11vw,168px)!important;
  line-height:.84!important;
  font-weight:900!important;
  letter-spacing:-0.05em!important;
  text-transform:uppercase!important;
  color:#f4f1ec!important;
  opacity:.98!important;
  text-shadow:none!important;
  pointer-events:none!important;
}
.receipt-mask,.receipt-mask-shell{z-index:5!important;}
.receipt-paper{z-index:6!important;}
.receipt-logo-wrap{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  margin:0 auto 16px!important;
}
.receipt-logo-img{
  width:50px!important;
  height:auto!important;
  display:block!important;
  object-fit:contain!important;
  filter:grayscale(1) contrast(1.1) brightness(.15)!important;
  opacity:.92!important;
}
.receipt-topline{margin-top:0!important;}
@media (max-width: 900px){
  .receipt-heading{
    left:18px!important;
    top:22px!important;
    width:min(8ch, calc(100vw - 36px))!important;
    font-size:clamp(42px,14vw,86px)!important;
  }
  .receipt-logo-img{width:42px!important;}
}


/* ===== V52: copy refresh + process section + receipt logo fix ===== */
.receipt-logo-img{
  width:58px!important;
  filter:none!important;
  opacity:1!important;
  display:block!important;
}
.receipt-logo-wrap{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  margin:0 auto 14px!important;
}
.section-copy{
  margin-top:16px;
  max-width:760px;
  color:rgba(255,255,255,.68);
  font-size:16px;
  line-height:1.7;
}
.artists-copy{max-width:680px}
.process-section{
  padding:clamp(72px,9vw,120px) clamp(18px,4vw,48px);
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
  position:relative;
}
.process-heading{
  margin-bottom:28px;
}
.process-heading span{
  display:inline-block;
  font-size:12px;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:rgba(158,238,255,.78);
}
.process-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.process-card{
  position:relative;
  padding-top:18px;
  border-top:1px solid rgba(158,238,255,.58);
}
.process-num{
  display:block;
  margin-bottom:10px;
  font-size:52px;
  line-height:1;
  font-weight:800;
  color:#9eeeff;
}
.process-card h3{
  margin:0 0 10px;
  font-size:clamp(24px,2.2vw,36px);
  line-height:1.05;
  font-weight:800;
  letter-spacing:-.03em;
  text-transform:uppercase;
  color:#f7fcff;
}
.process-card p{
  margin:0;
  font-size:18px;
  line-height:1.65;
  color:rgba(255,255,255,.66);
  max-width:38ch;
}
@media (max-width: 980px){
  .process-grid{grid-template-columns:1fr;gap:30px}
}
@media (max-width: 680px){
  .section-copy{font-size:14px;line-height:1.65}
  .process-card h3{font-size:28px}
  .process-card p{font-size:16px}
  .process-num{font-size:42px}
  .receipt-logo-img{width:48px!important}
}


/* ===== V53: Digital Crate releases + Polaroid artist wall ===== */
.digital-crate-section{
  overflow:hidden;
}
.digital-crate-section .section-heading{
  position:relative;
  z-index:3;
}
.digital-crate{
  position:relative!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  gap:0!important;
  min-height:620px!important;
  margin-top:54px!important;
  padding:92px clamp(28px,6vw,96px) 86px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory;
  perspective:1400px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 24%),
    linear-gradient(180deg,#05090c 0%,#020304 100%)!important;
  border-top:1px solid rgba(158,238,255,.13)!important;
  border-bottom:1px solid rgba(158,238,255,.09)!important;
}
.digital-crate::before{
  content:"DIGITAL CRATE / PULL A RECORD"!important;
  position:absolute!important;
  left:clamp(28px,6vw,96px)!important;
  top:26px!important;
  font-size:8px!important;
  letter-spacing:.24em!important;
  color:rgba(158,238,255,.64)!important;
}
.digital-crate::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:36px;
  height:44px;
  background:linear-gradient(180deg,#10171c,#050708 68%,#020303);
  border-top:1px solid rgba(255,255,255,.08);
  box-shadow:0 -16px 42px rgba(0,0,0,.5), inset 0 1px 0 rgba(158,238,255,.05);
  z-index:0;
}
.digital-crate .release-card{
  position:relative!important;
  flex:0 0 clamp(220px,20vw,310px)!important;
  width:clamp(220px,20vw,310px)!important;
  min-width:clamp(220px,20vw,310px)!important;
  margin-left:-46px!important;
  transform:rotateY(-9deg) translateY(18px)!important;
  transform-origin:center bottom;
  scroll-snap-align:center;
  transition:transform .45s cubic-bezier(.2,.8,.2,1),margin .45s ease,filter .35s ease,opacity .35s ease!important;
  z-index:1;
}
.digital-crate .release-card:first-child{margin-left:0!important}
.digital-crate .release-card:nth-child(2){transform:rotateY(-4deg) translateY(8px)!important}
.digital-crate .release-card:nth-child(3){transform:rotateY(5deg) translateY(16px)!important}
.digital-crate .release-card .cover-art{
  aspect-ratio:1/1!important;
  border-radius:2px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:18px 18px 40px rgba(0,0,0,.42)!important;
}
.digital-crate .release-card .cover-art::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(110deg,rgba(255,255,255,.10),transparent 18%,transparent 78%,rgba(158,238,255,.05));
  pointer-events:none;
}
.digital-crate .release-info{
  padding-top:14px!important;
  opacity:.72;
  transition:opacity .3s ease,transform .3s ease;
}
.digital-crate .release-card:hover,
.digital-crate .release-card:focus-within{
  margin-left:8px!important;
  margin-right:54px!important;
  transform:rotateY(0) translateY(-28px) scale(1.055)!important;
  z-index:12!important;
  filter:none!important;
}
.digital-crate .release-card:hover .release-info,
.digital-crate .release-card:focus-within .release-info{opacity:1;transform:translateY(-2px)}
.digital-crate:has(.release-card:hover) .release-card:not(:hover){opacity:.48;filter:saturate(.65) brightness(.68)!important}
.digital-crate::-webkit-scrollbar{height:6px}
.digital-crate::-webkit-scrollbar-track{background:rgba(255,255,255,.04)}
.digital-crate::-webkit-scrollbar-thumb{background:rgba(158,238,255,.38);border-radius:999px}

.polaroid-artists-section{
  overflow:hidden;
}
.polaroid-wall{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,260px))!important;
  justify-content:center!important;
  gap:clamp(18px,2.1vw,28px)!important;
  align-items:start;
  margin-top:42px!important;
  padding:20px 6px 48px!important;
}
.polaroid-wall .artist-card{
  position:relative!important;
  min-height:0!important;
  padding:12px 12px 20px!important;
  background:#f2f1ec!important;
  border:0!important;
  color:#111!important;
  box-shadow:0 22px 55px rgba(0,0,0,.34),0 1px 0 rgba(255,255,255,.55) inset!important;
  backdrop-filter:none!important;
  transform:rotate(-2.6deg)!important;
  transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s ease!important;
}
.polaroid-wall .artist-card:nth-child(2n){transform:rotate(2.2deg)!important}
.polaroid-wall .artist-card:nth-child(3n){transform:rotate(-1.1deg) translateY(18px)!important}
.polaroid-wall .artist-card:nth-child(4n){transform:rotate(3deg) translateY(-10px)!important}
.polaroid-wall .artist-card::before{
  content:"";
  position:absolute;inset:0;
  opacity:.13;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E");
  mix-blend-mode:multiply;
}
.polaroid-wall .artist-avatar{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  border-radius:0!important;
  margin:0 0 14px!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  background:#ddd!important;
}
.polaroid-wall .artist-avatar img{
  width:100%!important;height:100%!important;object-fit:cover!important;
  filter:saturate(.9) contrast(1.04)!important;
  transition:transform .4s ease,filter .4s ease!important;
}
.polaroid-wall .artist-meta{gap:3px!important;margin-bottom:12px!important;position:relative;z-index:2}
.polaroid-wall .artist-meta strong{
  color:#101010!important;
  font-size:clamp(16px,1.5vw,24px)!important;
  font-weight:900!important;
  letter-spacing:-.04em!important;
  text-transform:none!important;
}
.polaroid-wall .artist-meta span{
  color:rgba(10,10,10,.52)!important;
  font-size:8px!important;
  letter-spacing:.16em!important;
}
.polaroid-wall .artist-card a{
  color:#0e0e0e!important;
  opacity:.62!important;
  font-size:9px!important;
  letter-spacing:.12em!important;
  position:relative;z-index:2;
}
.polaroid-wall .artist-card:hover{
  transform:rotate(0deg) translateY(-12px) scale(1.02)!important;
  box-shadow:0 34px 70px rgba(0,0,0,.45),0 0 0 1px rgba(158,238,255,.16)!important;
  z-index:8;
}
.polaroid-wall .artist-card:hover .artist-avatar img{transform:scale(1.035)!important;filter:saturate(1.05) contrast(1.06)!important}
.polaroid-wall .artist-card:hover a{opacity:1!important}

@media(max-width:1100px){
  .polaroid-wall{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:800px){
  .digital-crate{min-height:auto!important;padding:76px 20px 58px!important;gap:18px!important;scroll-padding:20px}
  .digital-crate .release-card,
  .digital-crate .release-card:nth-child(n){
    flex:0 0 min(76vw,330px)!important;
    width:min(76vw,330px)!important;
    min-width:min(76vw,330px)!important;
    margin:0!important;
    transform:none!important;
  }
  .digital-crate .release-card:hover{margin:0!important;transform:translateY(-8px)!important}
  .digital-crate:has(.release-card:hover) .release-card:not(:hover){opacity:1;filter:none!important}
  .polaroid-wall{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;padding-inline:0!important}
}
@media(max-width:560px){
  .polaroid-wall{grid-template-columns:1fr!important;padding:24px 28px 46px!important}
  .polaroid-wall .artist-card,
  .polaroid-wall .artist-card:nth-child(n){transform:rotate(-1.4deg)!important}
  .polaroid-wall .artist-card:nth-child(even){transform:rotate(1.4deg)!important}
}

/* ===== V54: expanded digital crate ===== */
.digital-crate .release-card:nth-child(n+4){
  transform:rotateY(-3deg) translateY(11px)!important;
}
.digital-crate .release-card:nth-child(5){transform:rotateY(4deg) translateY(4px)!important}
.digital-crate .release-card:nth-child(6){transform:rotateY(-5deg) translateY(14px)!important}
.digital-crate .release-card:nth-child(7){transform:rotateY(3deg) translateY(7px)!important}
.digital-crate .release-card:nth-child(n+4):hover,
.digital-crate .release-card:nth-child(n+4):focus-within{
  transform:translateY(-24px) rotateY(0) scale(1.04)!important;
}


/* ===== V56 header / hero cleanup ===== */
.nav-links{gap:34px!important}
.nav-links a{font-size:12px!important;letter-spacing:.15em!important}
.lang-btn{pointer-events:auto!important;cursor:pointer!important}
.hero-visual-label{
  position:absolute;
  top:1.4rem;
  left:50%;
  transform:translateX(-50%);
  z-index:9;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(158,238,255,.18);
  background:rgba(3,8,11,.78);
  color:rgba(232,248,255,.92);
  font-size:10px;
  letter-spacing:.18em;
  text-transform:uppercase;
  white-space:nowrap;
  box-shadow:0 10px 28px rgba(0,0,0,.24);
}
.apple-card{top:14%!important}
.scroll-indicator{display:none!important}
.footer-mini-nav{display:flex;gap:18px;flex-wrap:wrap}
@media (max-width: 1200px){
  .nav-links{gap:22px!important}
  .nav-links a{font-size:10px!important}
}
@media (max-width: 900px){
  .hero-visual-label{top:.6rem;font-size:8px;padding:7px 11px}
}


/* ===== V58: globe hero + remove overlapping label ===== */
.hero-visual-label{display:none !important;}
.hero-visual{overflow:visible !important;}
.hero-visual .mascot.globe{
  position:absolute !important;
  left:50% !important;
  top:54% !important;
  width:44% !important;
  aspect-ratio:1 / 1;
  transform:translate(-50%,-50%) !important;
  border-radius:50%;
  border:1px solid rgba(136,232,255,.24);
  background:
    radial-gradient(circle at 32% 28%, rgba(201,247,255,.88), rgba(79,182,214,.18) 20%, rgba(8,22,30,.96) 62%, rgba(2,8,12,1) 100%),
    radial-gradient(circle at 50% 50%, rgba(0,204,255,.12), transparent 64%);
  box-shadow: inset 0 0 48px rgba(120,227,255,.12), 0 0 46px rgba(79,196,228,.12);
  overflow:hidden;
  isolation:isolate;
  animation:globeFloat 7s ease-in-out infinite;
}
.hero-visual .mascot.globe::before{
  content:""; position:absolute; inset:12% 18% 14%; border-radius:50%;
  background:radial-gradient(circle at 38% 32%, rgba(255,255,255,.23), rgba(255,255,255,0) 26%);
  filter:blur(1px); opacity:.95; z-index:3;
}
.hero-visual .mascot.globe::after{
  content:""; position:absolute; inset:-10%; border-radius:50%;
  border:1px solid rgba(148,236,255,.12); z-index:0;
  animation:signalHalo 5s linear infinite;
}
.globe-core-glow{position:absolute; inset:17%; border-radius:50%; background:radial-gradient(circle, rgba(88,224,255,.16), transparent 70%); filter:blur(10px); z-index:0;}
.globe-lat,.globe-long,.globe-continent{position:absolute; display:block; z-index:2;}
.globe-lat{left:12%; right:12%; height:1px; border-top:1px solid rgba(171,239,255,.23); border-radius:50%;}
.globe-lat.lat-1{top:34%; transform:scaleX(.78);}
.globe-lat.lat-2{top:50%; transform:scaleX(1);}
.globe-lat.lat-3{top:66%; transform:scaleX(.78);}
.globe-long{top:12%; bottom:12%; width:32%; border:1px solid rgba(171,239,255,.18); border-top:none; border-bottom:none; border-radius:50%;}
.globe-long.long-1{left:18%; transform:skewY(-6deg);}
.globe-long.long-2{left:34%; opacity:.85;}
.globe-long.long-3{right:18%; transform:skewY(6deg);}
.globe-continent{background:rgba(210,248,255,.9); opacity:.9; filter:blur(.2px); box-shadow:0 0 10px rgba(190,244,255,.14);}
.continent-1{width:30%; height:18%; left:19%; top:30%; border-radius:56% 44% 50% 50% / 52% 45% 55% 48%; transform:rotate(-12deg);}
.continent-2{width:24%; height:14%; right:18%; top:38%; border-radius:46% 54% 48% 52% / 42% 58% 46% 54%; transform:rotate(14deg);}
.continent-3{width:18%; height:12%; left:39%; top:55%; border-radius:52% 48% 58% 42% / 54% 46% 58% 42%; transform:rotate(8deg);}
.signal-line{
  position:absolute; height:2px; transform-origin:left center; z-index:1; pointer-events:none;
  background:linear-gradient(90deg, rgba(94,218,245,0) 0%, rgba(94,218,245,.16) 18%, rgba(186,247,255,.78) 35%, rgba(94,218,245,.16) 52%, rgba(94,218,245,0) 72%);
  background-size:180% 100%; border-radius:999px; filter:drop-shadow(0 0 8px rgba(118,228,255,.28));
  animation:signalFlow 2.8s linear infinite;
}
.signal-line::after{content:""; position:absolute; right:-3px; top:50%; width:7px; height:7px; border-radius:50%; background:rgba(202,248,255,.95); transform:translateY(-50%); box-shadow:0 0 18px rgba(188,246,255,.75);}
.signal-line-apple{width:84px; left:50%; top:22%; transform:rotate(-90deg);}
.signal-line-spotify{width:94px; left:26%; top:68%; transform:rotate(-25deg);}
.signal-line-youtube{width:100px; left:58%; top:68%; transform:rotate(25deg);}
@keyframes signalFlow{0%{background-position:180% 0; opacity:.3} 20%{opacity:.85} 100%{background-position:-40% 0; opacity:.35}}
@keyframes signalHalo{0%{transform:scale(.96); opacity:.1} 50%{opacity:.28} 100%{transform:scale(1.08); opacity:.05}}
@keyframes globeFloat{0%,100%{transform:translate(-50%,-50%) translateY(0)} 50%{transform:translate(-50%,-50%) translateY(-8px)}}
.hero-visual .platform-card{z-index:4 !important;}
.hero-visual .apple-card{top:13% !important; left:50% !important; transform:translateX(-50%) !important;}
.hero-visual .spotify-card{left:6% !important; top:70% !important;}
.hero-visual .youtube-card{right:4% !important; top:70% !important;}
@media (max-width: 900px){
  .hero-visual .mascot.globe{width:56% !important; top:56% !important;}
  .signal-line-apple{width:62px; top:24%;}
  .signal-line-spotify{width:66px; left:22%; top:68%;}
  .signal-line-youtube{width:72px; left:60%; top:68%;}
}


/* ===== V59: symmetric rotating globe with full platform ring ===== */
.hero-platform-network{overflow:visible !important; width:min(42vw,540px) !important; right:4vw !important; top:55% !important;}
.hero-platform-network .orbit-three{position:absolute; inset:4%; width:92%; height:92%; left:4%; top:4%; border-radius:50%; border:1px dashed rgba(129,228,255,.10); animation:spinOrbit 28s linear infinite reverse;}
.hero-platform-network .orbit-one{width:72% !important; height:72% !important; left:14% !important; top:14% !important;}
.hero-platform-network .orbit-two{width:92% !important; height:92% !important; left:4% !important; top:4% !important;}
.hero-platform-network .mascot.globe{
  left:50% !important; top:50% !important; width:58% !important; aspect-ratio:1/1;
  transform:translate(-50%,-50%) !important;
  background:
    radial-gradient(circle at 34% 28%, rgba(237,252,255,.92), rgba(178,239,255,.32) 16%, rgba(53,141,169,.22) 29%, rgba(8,20,28,.96) 66%, rgba(2,7,11,1) 100%),
    radial-gradient(circle at 60% 62%, rgba(63,210,255,.18), transparent 44%),
    linear-gradient(145deg, rgba(0,0,0,.08), rgba(255,255,255,.02));
  box-shadow: inset 0 0 46px rgba(163,238,255,.16), inset -28px -18px 38px rgba(0,0,0,.34), 0 0 70px rgba(88,215,255,.16);
  border:1px solid rgba(157,239,255,.18);
}
.hero-platform-network .mascot.globe::before{inset:9% 16% 20% !important; background:radial-gradient(circle at 28% 18%, rgba(255,255,255,.30), rgba(255,255,255,.03) 18%, transparent 34%);}
.hero-platform-network .mascot.globe::after{display:none;}
.globe-spin{position:absolute; inset:0; border-radius:50%; animation:globeRotate 22s linear infinite; z-index:2;}
.globe-core-glow{inset:14% !important; background:radial-gradient(circle, rgba(85,228,255,.18), transparent 68%) !important; filter:blur(14px) !important;}
.globe-lat{left:12%; right:12%; height:1px; border-top:1px solid rgba(190,245,255,.22); border-radius:50%;}
.globe-lat.lat-1{top:24%; transform:scaleX(.62);}
.globe-lat.lat-2{top:38%; transform:scaleX(.86);}
.globe-lat.lat-3{top:54%; transform:scaleX(1);}
.globe-lat.lat-4{top:70%; transform:scaleX(.76);}
.globe-long{top:10%; bottom:10%; width:24%; border:1px solid rgba(190,245,255,.17); border-top:none; border-bottom:none; border-radius:50%;}
.globe-long.long-1{left:18%; transform:scaleX(.85);}
.globe-long.long-2{left:34%; transform:scaleX(1);}
.globe-long.long-3{right:34%; transform:scaleX(1);}
.globe-long.long-4{right:18%; transform:scaleX(.85);}
.globe-continent{background:linear-gradient(135deg, rgba(219,250,255,.95), rgba(164,234,248,.84)); opacity:.96; box-shadow:0 0 12px rgba(171,242,255,.16);}
.continent-1{width:20%; height:13%; left:21%; top:29%; border-radius:55% 45% 44% 56% / 60% 40% 60% 40%; transform:rotate(-16deg);}
.continent-2{width:16%; height:11%; left:30%; top:44%; border-radius:46% 54% 50% 50% / 45% 55% 45% 55%; transform:rotate(18deg);}
.continent-3{width:22%; height:13%; right:19%; top:33%; border-radius:62% 38% 56% 44% / 44% 56% 52% 48%; transform:rotate(12deg);}
.continent-4{width:12%; height:10%; right:28%; top:54%; border-radius:58% 42% 40% 60% / 52% 48% 56% 44%; transform:rotate(-10deg);}
.continent-5{width:14%; height:9%; left:44%; top:60%; border-radius:50% 50% 58% 42% / 44% 56% 40% 60%; transform:rotate(4deg);}
.hero-platform-network .platform-card.small{font-size:9px !important; letter-spacing:.16em; padding:8px 11px !important; min-height:auto !important; background:rgba(4,10,15,.82) !important; border-color:rgba(119,230,255,.18) !important; box-shadow:0 8px 26px rgba(0,0,0,.28), inset 0 0 0 1px rgba(180,243,255,.03) !important; z-index:5 !important;}
.hero-platform-network .platform-card.small .platform-dot{width:5px !important; height:5px !important; margin-right:6px !important; box-shadow:0 0 10px rgba(186,248,255,.7) !important;}
.hero-platform-network .apple-card{left:50% !important; top:8% !important; transform:translateX(-50%) !important;}
.hero-platform-network .amazon-card{right:9% !important; top:20% !important;}
.hero-platform-network .youtube-card{right:1% !important; top:50% !important; transform:translateY(-50%) !important;}
.hero-platform-network .soundcloud-card{right:14% !important; bottom:15% !important;}
.hero-platform-network .spotify-card{left:50% !important; bottom:5% !important; transform:translateX(-50%) !important;}
.hero-platform-network .tidal-card{left:14% !important; bottom:15% !important;}
.hero-platform-network .tiktok-card{left:1% !important; top:50% !important; transform:translateY(-50%) !important;}
.hero-platform-network .deezer-card{left:9% !important; top:20% !important;}
.hero-platform-network .signal-line{height:1px !important; background:linear-gradient(90deg, rgba(98,226,255,0), rgba(190,246,255,.85), rgba(98,226,255,0)) !important; background-size:200% 100% !important; animation:signalFlow 3.2s linear infinite !important; opacity:.58;}
.hero-platform-network .signal-line::after{width:6px !important; height:6px !important;}
.hero-platform-network .signal-line-1{width:64px; left:50%; top:19%; transform:translateX(-50%) rotate(-90deg);}
.hero-platform-network .signal-line-2{width:70px; left:22%; top:28%; transform:rotate(-32deg);}
.hero-platform-network .signal-line-3{width:72px; left:11%; top:50%; transform:rotate(0deg);}
.hero-platform-network .signal-line-4{width:68px; left:21%; top:71%; transform:rotate(28deg);}
.hero-platform-network .signal-line-5{width:64px; left:50%; top:81%; transform:translateX(-50%) rotate(90deg);}
.hero-platform-network .signal-line-6{width:68px; right:21%; top:71%; transform:rotate(-28deg);}
.hero-platform-network .signal-line-7{width:72px; right:11%; top:50%; transform:rotate(180deg);}
.hero-platform-network .signal-line-8{width:70px; right:22%; top:28%; transform:rotate(32deg);}
@keyframes globeRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes spinOrbit{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}
@media (max-width: 1200px){
  .hero-platform-network{width:min(44vw,500px)!important; right:2vw!important;}
  .hero-platform-network .mascot.globe{width:60%!important;}
  .hero-platform-network .platform-card.small{font-size:8px!important; padding:7px 10px!important;}
}
@media (max-width: 900px){
  .hero-platform-network{width:min(86vw,430px)!important; right:auto!important; left:50%!important; transform:translateX(-50%)!important; top:calc(50% + 40px)!important;}
  .hero-platform-network .mascot.globe{width:54%!important;}
  .hero-platform-network .platform-card.small{font-size:7px!important; letter-spacing:.12em; padding:6px 8px!important;}
  .hero-platform-network .apple-card{top:9%!important;}
  .hero-platform-network .amazon-card{right:4%!important; top:21%!important;}
  .hero-platform-network .deezer-card{left:4%!important; top:21%!important;}
  .hero-platform-network .youtube-card{right:-1%!important;}
  .hero-platform-network .tiktok-card{left:-1%!important;}
}


/* ===== V60: move hero network up-right + obvious loop motion ===== */
.hero-platform-network{
  width:min(34vw,460px) !important;
  right:0.5vw !important;
  top:47% !important;
  transform:translateY(-50%) !important;
  animation:heroNetworkLoop 9s ease-in-out infinite !important;
}
.hero-platform-network .orbit-one{width:74% !important;height:74% !important;opacity:.92;}
.hero-platform-network .orbit-two{width:96% !important;height:96% !important;opacity:.7;}
.hero-platform-network .orbit-three{inset:1% !important;width:98% !important;height:98% !important;left:1% !important;top:1% !important;opacity:.42;}
.hero-platform-network .mascot.globe{width:54% !important;top:50% !important;box-shadow: inset 0 0 42px rgba(163,238,255,.14), inset -24px -14px 34px rgba(0,0,0,.30), 0 0 56px rgba(88,215,255,.15) !important;}
.hero-platform-network .platform-card.small{font-size:8px !important;padding:7px 10px !important;letter-spacing:.14em !important;white-space:nowrap;backdrop-filter:blur(6px);}
.hero-platform-network .apple-card{left:50% !important;top:4% !important;transform:translateX(-50%) !important;animation:cardTop 6.8s ease-in-out infinite !important;}
.hero-platform-network .amazon-card{right:5% !important;top:18% !important;animation:cardTopRight 7.3s ease-in-out infinite !important;}
.hero-platform-network .youtube-card{right:-1% !important;top:49% !important;transform:translateY(-50%) !important;animation:cardRight 7.8s ease-in-out infinite !important;}
.hero-platform-network .soundcloud-card{right:10% !important;bottom:15% !important;animation:cardBottomRight 7.1s ease-in-out infinite !important;}
.hero-platform-network .spotify-card{left:50% !important;bottom:2% !important;transform:translateX(-50%) !important;animation:cardBottom 6.6s ease-in-out infinite !important;}
.hero-platform-network .tidal-card{left:10% !important;bottom:15% !important;animation:cardBottomLeft 7.4s ease-in-out infinite !important;}
.hero-platform-network .tiktok-card{left:-1% !important;top:49% !important;transform:translateY(-50%) !important;animation:cardLeft 8s ease-in-out infinite !important;}
.hero-platform-network .deezer-card{left:5% !important;top:18% !important;animation:cardTopLeft 7s ease-in-out infinite !important;}
.hero-platform-network .signal-line{opacity:.72 !important;animation-duration:2.4s !important;}
.hero-platform-network .signal-line-1{width:52px !important;left:50% !important;top:18% !important;transform:translateX(-50%) rotate(-90deg) !important;}
.hero-platform-network .signal-line-2{width:58px !important;left:22% !important;top:28% !important;transform:rotate(-35deg) !important;}
.hero-platform-network .signal-line-3{width:55px !important;left:14% !important;top:50% !important;transform:rotate(0deg) !important;}
.hero-platform-network .signal-line-4{width:58px !important;left:22% !important;top:70% !important;transform:rotate(35deg) !important;}
.hero-platform-network .signal-line-5{width:52px !important;left:50% !important;top:82% !important;transform:translateX(-50%) rotate(90deg) !important;}
.hero-platform-network .signal-line-6{width:58px !important;right:22% !important;top:70% !important;transform:rotate(-35deg) !important;}
.hero-platform-network .signal-line-7{width:55px !important;right:14% !important;top:50% !important;transform:rotate(180deg) !important;}
.hero-platform-network .signal-line-8{width:58px !important;right:22% !important;top:28% !important;transform:rotate(35deg) !important;}

@keyframes heroNetworkLoop{
  0%,100%{transform:translateY(-50%) translate3d(0,0,0);}
  25%{transform:translateY(-50%) translate3d(8px,-8px,0);}
  50%{transform:translateY(-50%) translate3d(0,-14px,0);}
  75%{transform:translateY(-50%) translate3d(-8px,-8px,0);}
}
@keyframes cardTop{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}
@keyframes cardBottom{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}
@keyframes cardRight{0%,100%{transform:translateY(-50%) translateX(0)}50%{transform:translateY(-50%) translateX(8px)}}
@keyframes cardLeft{0%,100%{transform:translateY(-50%) translateX(0)}50%{transform:translateY(-50%) translateX(-8px)}}
@keyframes cardTopRight{0%,100%{transform:translate(0,0)}50%{transform:translate(8px,-8px)}}
@keyframes cardTopLeft{0%,100%{transform:translate(0,0)}50%{transform:translate(-8px,-8px)}}
@keyframes cardBottomRight{0%,100%{transform:translate(0,0)}50%{transform:translate(8px,8px)}}
@keyframes cardBottomLeft{0%,100%{transform:translate(0,0)}50%{transform:translate(-8px,8px)}}

@media (max-width: 1200px){
  .hero-platform-network{width:min(38vw,430px)!important;right:1vw!important;top:46%!important;}
  .hero-platform-network .mascot.globe{width:56%!important;}
}
@media (max-width: 900px){
  .hero-platform-network{width:min(88vw,410px)!important;right:auto!important;left:50%!important;top:calc(50% + 18px)!important;transform:translate(-50%,-50%) !important;animation:heroNetworkLoopMobile 8.5s ease-in-out infinite !important;}
  .hero-platform-network .platform-card.small{font-size:7px!important;padding:6px 8px!important;letter-spacing:.11em!important;}
  .hero-platform-network .mascot.globe{width:52%!important;}
}
@keyframes heroNetworkLoopMobile{
  0%,100%{transform:translate(-50%,-50%) translate3d(0,0,0);}
  50%{transform:translate(-50%,-50%) translate3d(0,-8px,0);}
}


/* ===== V61: symmetric animated globe network cleanup ===== */
.hero-platform-network{
  width:min(30vw,420px) !important;
  aspect-ratio:1 !important;
  right:4.8vw !important;
  top:43.5% !important;
  left:auto !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  overflow:visible !important;
  animation:heroConstellationFloat 7.5s ease-in-out infinite !important;
}
.hero-platform-network .mascot-glow{
  width:64% !important;
  height:64% !important;
  background:radial-gradient(circle, rgba(129,241,255,.20) 0%, rgba(70,187,220,.12) 34%, rgba(30,86,103,.06) 54%, transparent 72%) !important;
  filter:blur(22px) !important;
  animation:glowPulse 4.6s ease-in-out infinite !important;
}
.hero-platform-network .orbit-one,
.hero-platform-network .orbit-two,
.hero-platform-network .orbit-three{
  border-color:rgba(108,227,255,.20) !important;
  opacity:.85 !important;
}
.hero-platform-network .orbit-one{
  width:74% !important;height:74% !important;left:13% !important;top:13% !important;
  animation:spinOrbitCW 18s linear infinite !important;
}
.hero-platform-network .orbit-two{
  width:96% !important;height:96% !important;left:2% !important;top:2% !important;
  animation:spinOrbitCCW 28s linear infinite !important;
}
.hero-platform-network .orbit-three{
  width:114% !important;height:114% !important;left:-7% !important;top:-7% !important;
  border-style:dashed !important;
  opacity:.38 !important;
  animation:spinOrbitCW 40s linear infinite !important;
}
.hero-platform-network .mascot.globe{
  width:56% !important;
  left:50% !important; top:50% !important;
  transform:translate(-50%,-50%) !important;
  background:
    radial-gradient(circle at 34% 26%, rgba(243,252,255,.95) 0%, rgba(193,241,255,.34) 16%, rgba(75,165,195,.22) 28%, rgba(11,24,33,.94) 64%, rgba(3,8,11,1) 100%) !important;
  border:1px solid rgba(169,240,255,.18) !important;
  box-shadow:inset 0 0 54px rgba(176,243,255,.18), inset -24px -24px 42px rgba(0,0,0,.34), 0 0 85px rgba(87,222,255,.18) !important;
  animation:globeBob 5.2s ease-in-out infinite !important;
}
.hero-platform-network .mascot.globe::before{
  content:"";
  position:absolute;
  inset:10% 18% 40% 24% !important;
  border-radius:50%;
  background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.34), rgba(255,255,255,.06) 24%, transparent 58%) !important;
  filter:blur(1px);
  z-index:3;
}
.hero-platform-network .mascot.globe::after{
  display:block !important;
  content:"";
  position:absolute;
  inset:8%;
  border-radius:50%;
  border:1px solid rgba(204,248,255,.08);
  z-index:1;
}
.hero-platform-network .globe-spin{
  animation:globeRotate3D 14s linear infinite !important;
  transform-style:preserve-3d;
}
.hero-platform-network .globe-core-glow{
  inset:16% !important;
  background:radial-gradient(circle, rgba(126,237,255,.18), rgba(35,120,145,.08) 48%, transparent 72%) !important;
  filter:blur(18px) !important;
  animation:glowPulse 3.8s ease-in-out infinite !important;
}
.hero-platform-network .globe-lat,
.hero-platform-network .globe-long{border-color:rgba(190,245,255,.18) !important;}
.hero-platform-network .globe-lat.lat-1{top:25% !important; transform:scaleX(.58) !important;}
.hero-platform-network .globe-lat.lat-2{top:39% !important; transform:scaleX(.86) !important;}
.hero-platform-network .globe-lat.lat-3{top:54% !important; transform:scaleX(1) !important;}
.hero-platform-network .globe-lat.lat-4{top:69% !important; transform:scaleX(.74) !important;}
.hero-platform-network .globe-long.long-1{left:18% !important; transform:scaleX(.7) !important;}
.hero-platform-network .globe-long.long-2{left:33% !important; transform:scaleX(.93) !important;}
.hero-platform-network .globe-long.long-3{right:33% !important; transform:scaleX(.93) !important;}
.hero-platform-network .globe-long.long-4{right:18% !important; transform:scaleX(.7) !important;}
.hero-platform-network .globe-continent{
  background:linear-gradient(145deg, rgba(220,249,255,.96), rgba(150,233,249,.80)) !important;
  box-shadow:0 0 12px rgba(176,241,255,.18) !important;
  opacity:.92 !important;
}
.hero-platform-network .continent-1{width:15% !important;height:10% !important;left:24% !important;top:31% !important;border-radius:58% 42% 50% 50% / 48% 52% 46% 54% !important;transform:rotate(-18deg) !important;}
.hero-platform-network .continent-2{width:11% !important;height:16% !important;left:29% !important;top:43% !important;border-radius:48% 52% 54% 46% / 42% 58% 46% 54% !important;transform:rotate(12deg) !important;}
.hero-platform-network .continent-3{width:19% !important;height:12% !important;right:19% !important;top:35% !important;border-radius:60% 40% 55% 45% / 42% 58% 52% 48% !important;transform:rotate(10deg) !important;}
.hero-platform-network .continent-4{width:10% !important;height:14% !important;right:26% !important;top:50% !important;border-radius:54% 46% 46% 54% / 44% 56% 50% 50% !important;transform:rotate(-12deg) !important;}
.hero-platform-network .continent-5{width:11% !important;height:7% !important;left:46% !important;top:60% !important;border-radius:56% 44% 54% 46% / 52% 48% 44% 56% !important;transform:rotate(4deg) !important;}

.hero-platform-network .platform-card.small{
  min-height:auto !important;
  padding:7px 10px !important;
  font-size:8px !important;
  letter-spacing:.13em !important;
  white-space:nowrap;
  background:rgba(3,10,16,.82) !important;
  border:1px solid rgba(106,227,255,.17) !important;
  border-radius:999px !important;
  box-shadow:0 10px 26px rgba(0,0,0,.28), inset 0 0 0 1px rgba(188,246,255,.04) !important;
  backdrop-filter:blur(10px);
  z-index:6 !important;
}
.hero-platform-network .platform-card.small .platform-dot{width:5px !important;height:5px !important;margin-right:6px !important;box-shadow:0 0 12px rgba(188,246,255,.8) !important;}

.hero-platform-network .apple-card,
.hero-platform-network .amazon-card,
.hero-platform-network .youtube-card,
.hero-platform-network .soundcloud-card,
.hero-platform-network .spotify-card,
.hero-platform-network .tidal-card,
.hero-platform-network .tiktok-card,
.hero-platform-network .deezer-card{right:auto !important;bottom:auto !important;}
.hero-platform-network .apple-card{left:50% !important;top:12% !important;transform:translate(-50%,-50%) !important;animation:orbitTopFloat 4.8s ease-in-out infinite !important;}
.hero-platform-network .amazon-card{left:81% !important;top:27% !important;transform:translate(-50%,-50%) !important;animation:orbitTopRightFloat 5.5s ease-in-out infinite !important;}
.hero-platform-network .youtube-card{left:89% !important;top:50% !important;transform:translate(-50%,-50%) !important;animation:orbitRightFloat 5.2s ease-in-out infinite !important;}
.hero-platform-network .soundcloud-card{left:81% !important;top:73% !important;transform:translate(-50%,-50%) !important;animation:orbitBottomRightFloat 5.7s ease-in-out infinite !important;}
.hero-platform-network .spotify-card{left:50% !important;top:88% !important;transform:translate(-50%,-50%) !important;animation:orbitBottomFloat 5.1s ease-in-out infinite !important;}
.hero-platform-network .tidal-card{left:19% !important;top:73% !important;transform:translate(-50%,-50%) !important;animation:orbitBottomLeftFloat 5.6s ease-in-out infinite !important;}
.hero-platform-network .tiktok-card{left:11% !important;top:50% !important;transform:translate(-50%,-50%) !important;animation:orbitLeftFloat 5.4s ease-in-out infinite !important;}
.hero-platform-network .deezer-card{left:19% !important;top:27% !important;transform:translate(-50%,-50%) !important;animation:orbitTopLeftFloat 5.3s ease-in-out infinite !important;}

.hero-platform-network .signal-line{
  height:1px !important;
  opacity:.72 !important;
  background:linear-gradient(90deg, rgba(73,208,242,0), rgba(194,248,255,.95), rgba(73,208,242,0)) !important;
  background-size:200% 100% !important;
  animation:signalFlow 1.9s linear infinite !important;
  z-index:3 !important;
}
.hero-platform-network .signal-line::after{width:6px !important;height:6px !important;box-shadow:0 0 16px rgba(188,246,255,.9) !important;}
.hero-platform-network .signal-line-1{width:48px !important;left:50% !important;top:24% !important;transform:translateX(-50%) rotate(-90deg) !important;}
.hero-platform-network .signal-line-2{width:55px !important;left:64% !important;top:31% !important;transform:rotate(-34deg) !important;}
.hero-platform-network .signal-line-3{width:52px !important;left:69% !important;top:50% !important;transform:rotate(0deg) !important;}
.hero-platform-network .signal-line-4{width:55px !important;left:64% !important;top:69% !important;transform:rotate(34deg) !important;}
.hero-platform-network .signal-line-5{width:48px !important;left:50% !important;top:76% !important;transform:translateX(-50%) rotate(90deg) !important;}
.hero-platform-network .signal-line-6{width:55px !important;left:24% !important;top:69% !important;transform:rotate(-34deg) !important;}
.hero-platform-network .signal-line-7{width:52px !important;left:19% !important;top:50% !important;transform:rotate(180deg) !important;}
.hero-platform-network .signal-line-8{width:55px !important;left:24% !important;top:31% !important;transform:rotate(34deg) !important;}

@keyframes heroConstellationFloat{
  0%,100%{transform:translateY(-50%) translate3d(0,0,0);}
  25%{transform:translateY(-50%) translate3d(6px,-6px,0);}
  50%{transform:translateY(-50%) translate3d(0,-12px,0);}
  75%{transform:translateY(-50%) translate3d(-6px,-6px,0);}
}
@keyframes glowPulse{0%,100%{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
@keyframes globeBob{0%,100%{transform:translate(-50%,-50%) translateY(0) scale(1)}50%{transform:translate(-50%,-50%) translateY(-6px) scale(1.018)}}
@keyframes globeRotate3D{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes spinOrbitCW{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes spinOrbitCCW{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}
@keyframes orbitTopFloat{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-7px)}}
@keyframes orbitBottomFloat{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(7px)}}
@keyframes orbitLeftFloat{0%,100%{transform:translate(-50%,-50%) translateX(0)}50%{transform:translate(-50%,-50%) translateX(-7px)}}
@keyframes orbitRightFloat{0%,100%{transform:translate(-50%,-50%) translateX(0)}50%{transform:translate(-50%,-50%) translateX(7px)}}
@keyframes orbitTopRightFloat{0%,100%{transform:translate(-50%,-50%) translate(0,0)}50%{transform:translate(-50%,-50%) translate(6px,-6px)}}
@keyframes orbitTopLeftFloat{0%,100%{transform:translate(-50%,-50%) translate(0,0)}50%{transform:translate(-50%,-50%) translate(-6px,-6px)}}
@keyframes orbitBottomRightFloat{0%,100%{transform:translate(-50%,-50%) translate(0,0)}50%{transform:translate(-50%,-50%) translate(6px,6px)}}
@keyframes orbitBottomLeftFloat{0%,100%{transform:translate(-50%,-50%) translate(0,0)}50%{transform:translate(-50%,-50%) translate(-6px,6px)}}

@media (max-width: 1280px){
  .hero-platform-network{width:min(33vw,400px)!important;right:3vw!important;top:44%!important;}
  .hero-platform-network .platform-card.small{font-size:7px!important;padding:6px 9px!important;}
}
@media (max-width: 900px){
  .hero-platform-network{width:min(84vw,380px)!important;left:50%!important;right:auto!important;top:calc(50% + 18px)!important;transform:translate(-50%,-50%) !important;animation:heroConstellationFloatMobile 6.5s ease-in-out infinite !important;}
  .hero-platform-network .mascot.globe{width:58%!important;}
  .hero-platform-network .platform-card.small{font-size:7px!important;letter-spacing:.10em!important;padding:6px 8px!important;}
}
@keyframes heroConstellationFloatMobile{
  0%,100%{transform:translate(-50%,-50%) translate3d(0,0,0);}
  50%{transform:translate(-50%,-50%) translate3d(0,-8px,0);}
}


/* V62 — center the complete hero network and keep every orbit aligned */
.hero-platform-network{
  width:min(30vw,420px)!important;
  right:7.2vw!important;
  top:43.5%!important;
  transform:translateY(-50%)!important;
  transform-origin:50% 50%!important;
}
.hero-platform-network .orbit-one{width:74%!important;height:74%!important;left:13%!important;top:13%!important;transform-origin:50% 50%!important;}
.hero-platform-network .orbit-two{width:96%!important;height:96%!important;left:2%!important;top:2%!important;transform-origin:50% 50%!important;}
.hero-platform-network .orbit-three{width:114%!important;height:114%!important;left:-7%!important;top:-7%!important;transform-origin:50% 50%!important;}
@media(max-width:1280px){.hero-platform-network{right:5vw!important;}}

/* V63 — final hero globe correction: centered, more upper-right, symmetric, livelier */
.hero-platform-network{
  width:min(31vw,440px) !important;
  aspect-ratio:1 !important;
  right:5.8vw !important;
  top:39.5% !important;
  left:auto !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  transform-origin:50% 50% !important;
  overflow:visible !important;
  animation:heroNetworkDrift 8s ease-in-out infinite !important;
}
.hero-platform-network .mascot-glow{
  width:58% !important;
  height:58% !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  background:radial-gradient(circle, rgba(126,237,255,.24) 0%, rgba(70,187,220,.12) 42%, rgba(27,90,110,.05) 64%, transparent 76%) !important;
  filter:blur(24px) !important;
  animation:networkGlowPulse 3.6s ease-in-out infinite !important;
}
.hero-platform-network .orbit-one,
.hero-platform-network .orbit-two,
.hero-platform-network .orbit-three{
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  border-color:rgba(106,227,255,.18) !important;
}
.hero-platform-network .orbit-one{
  width:68% !important;
  height:68% !important;
  opacity:.95 !important;
  animation:spinOrbitCW 18s linear infinite !important;
}
.hero-platform-network .orbit-two{
  width:88% !important;
  height:88% !important;
  opacity:.75 !important;
  animation:spinOrbitCCW 28s linear infinite !important;
}
.hero-platform-network .orbit-three{
  width:108% !important;
  height:108% !important;
  opacity:.34 !important;
  border-style:dashed !important;
  animation:spinOrbitCW 44s linear infinite !important;
}
.hero-platform-network .mascot.globe{
  width:48% !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  animation:globeBobV63 4.8s ease-in-out infinite !important;
  box-shadow:inset 0 0 54px rgba(176,243,255,.20), inset -22px -22px 38px rgba(0,0,0,.34), 0 0 88px rgba(87,222,255,.20) !important;
}
.hero-platform-network .globe-spin{animation:globeRotate3D 11.5s linear infinite !important;}
.hero-platform-network .platform-card.small{
  font-size:8px !important;
  padding:7px 10px !important;
  letter-spacing:.13em !important;
}
.hero-platform-network .apple-card{left:50% !important;top:10% !important;transform:translate(-50%,-50%) !important;animation:cardPulseTop 4.5s ease-in-out infinite !important;}
.hero-platform-network .amazon-card{left:79% !important;top:24% !important;transform:translate(-50%,-50%) !important;animation:cardPulseTR 5.2s ease-in-out infinite !important;}
.hero-platform-network .youtube-card{left:88% !important;top:50% !important;transform:translate(-50%,-50%) !important;animation:cardPulseR 5.1s ease-in-out infinite !important;}
.hero-platform-network .soundcloud-card{left:79% !important;top:76% !important;transform:translate(-50%,-50%) !important;animation:cardPulseBR 5.3s ease-in-out infinite !important;}
.hero-platform-network .spotify-card{left:50% !important;top:90% !important;transform:translate(-50%,-50%) !important;animation:cardPulseBottom 4.9s ease-in-out infinite !important;}
.hero-platform-network .tidal-card{left:21% !important;top:76% !important;transform:translate(-50%,-50%) !important;animation:cardPulseBL 5.4s ease-in-out infinite !important;}
.hero-platform-network .tiktok-card{left:12% !important;top:50% !important;transform:translate(-50%,-50%) !important;animation:cardPulseL 5.0s ease-in-out infinite !important;}
.hero-platform-network .deezer-card{left:21% !important;top:24% !important;transform:translate(-50%,-50%) !important;animation:cardPulseTL 5.1s ease-in-out infinite !important;}

.hero-platform-network .signal-line{opacity:.68 !important; animation:signalFlow 1.7s linear infinite !important;}
.hero-platform-network .signal-line-1{width:44px !important; left:50% !important; top:23% !important; transform:translateX(-50%) rotate(-90deg) !important;}
.hero-platform-network .signal-line-2{width:48px !important; left:62% !important; top:32% !important; transform:rotate(-36deg) !important;}
.hero-platform-network .signal-line-3{width:46px !important; left:66% !important; top:50% !important; transform:rotate(0deg) !important;}
.hero-platform-network .signal-line-4{width:48px !important; left:62% !important; top:68% !important; transform:rotate(36deg) !important;}
.hero-platform-network .signal-line-5{width:44px !important; left:50% !important; top:77% !important; transform:translateX(-50%) rotate(90deg) !important;}
.hero-platform-network .signal-line-6{width:48px !important; left:24% !important; top:68% !important; transform:rotate(-36deg) !important;}
.hero-platform-network .signal-line-7{width:46px !important; left:20% !important; top:50% !important; transform:rotate(180deg) !important;}
.hero-platform-network .signal-line-8{width:48px !important; left:24% !important; top:32% !important; transform:rotate(36deg) !important;}

@keyframes heroNetworkDrift{
  0%,100%{transform:translateY(-50%) translate3d(0,0,0)}
  25%{transform:translateY(-50%) translate3d(5px,-8px,0)}
  50%{transform:translateY(-50%) translate3d(0,-14px,0)}
  75%{transform:translateY(-50%) translate3d(-5px,-8px,0)}
}
@keyframes networkGlowPulse{0%,100%{opacity:.76;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}
@keyframes globeBobV63{0%,100%{transform:translate(-50%,-50%) translateY(0) scale(1)}50%{transform:translate(-50%,-50%) translateY(-7px) scale(1.025)}}
@keyframes cardPulseTop{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-8px)}}
@keyframes cardPulseBottom{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(8px)}}
@keyframes cardPulseL{0%,100%{transform:translate(-50%,-50%) translateX(0)}50%{transform:translate(-50%,-50%) translateX(-8px)}}
@keyframes cardPulseR{0%,100%{transform:translate(-50%,-50%) translateX(0)}50%{transform:translate(-50%,-50%) translateX(8px)}}
@keyframes cardPulseTL{0%,100%{transform:translate(-50%,-50%) translate(0,0)}50%{transform:translate(-50%,-50%) translate(-7px,-7px)}}
@keyframes cardPulseTR{0%,100%{transform:translate(-50%,-50%) translate(0,0)}50%{transform:translate(-50%,-50%) translate(7px,-7px)}}
@keyframes cardPulseBL{0%,100%{transform:translate(-50%,-50%) translate(0,0)}50%{transform:translate(-50%,-50%) translate(-7px,7px)}}
@keyframes cardPulseBR{0%,100%{transform:translate(-50%,-50%) translate(0,0)}50%{transform:translate(-50%,-50%) translate(7px,7px)}}

@media (max-width:1280px){
  .hero-platform-network{right:4.2vw !important; top:39.8% !important; width:min(34vw,420px) !important;}
}
@media (max-width:900px){
  .hero-platform-network{
    left:50% !important;
    right:auto !important;
    top:calc(50% + 18px) !important;
    transform:translate(-50%,-50%) !important;
    width:min(84vw,380px) !important;
    animation:heroNetworkDriftMobile 7s ease-in-out infinite !important;
  }
  .hero-platform-network .mascot.globe{width:56% !important;}
  .hero-platform-network .platform-card.small{font-size:7px !important; padding:6px 8px !important; letter-spacing:.1em !important;}
}
@keyframes heroNetworkDriftMobile{
  0%,100%{transform:translate(-50%,-50%) translate3d(0,0,0)}
  50%{transform:translate(-50%,-50%) translate3d(0,-8px,0)}
}

/* V64 — remove hero globe/network completely */
.hero-platform-network{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
.hero{
  justify-content:flex-start !important;
}
.hero-content{
  width:min(820px, 100%) !important;
  max-width:820px !important;
}
@media (max-width: 900px){
  .hero-content{
    width:100% !important;
    max-width:100% !important;
  }
}


/* ===== V65: typography / spacing / about / transition cleanup ===== */
:root{
  --ev-font-body: "Aptos", "Segoe UI", Arial, sans-serif;
  --ev-font-display: "Bahnschrift SemiCondensed", "Bahnschrift", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --ev-font-mono: "Cascadia Mono", "Consolas", monospace;
}
html,body{font-family:var(--ev-font-body)!important;}
button,input,textarea,select{font-family:inherit;}

.brand-word,
.hero-title,
.intro-section h2,
.statement-word,
.chrome-word,
.section-heading h2,
.about-text,
.submit-content h2,
.release-modal h2,
.artist-meta strong,
.receipt-topline{
  font-family:var(--ev-font-display)!important;
  font-kerning:normal;
  text-rendering:geometricPrecision;
}
.hero-title{
  line-height:.92!important;
  letter-spacing:-.045em!important;
  font-weight:720!important;
  max-width:900px!important;
}
.hero-title span{
  letter-spacing:-.045em!important;
}
.intro-section h2,
.section-heading h2,
.about-text,
.submit-content h2{
  line-height:.94!important;
  letter-spacing:-.042em!important;
}
.statement-word{
  line-height:.9!important;
  letter-spacing:-.045em!important;
}
.chrome-word{
  letter-spacing:-.04em!important;
}
.nav-links a,.hero-tag,.section-number,.section-heading>span,.about-small,.chrome-kicker,.chrome-subline,.artist-meta span,.receipt-block>span,.receipt-legal{
  font-family:var(--ev-font-mono)!important;
}

/* No oversized empty reveal gaps. Content stays visible and transitions are subtle. */
.ev-section-reveal,
.ev-section-reveal.ev-in{
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  transition:opacity .28s ease!important;
}
.intro-section,
.statement-section,
.chrome-identity,
.releases-section,
.artists-section,
.about-section,
.submit-section{
  min-height:auto!important;
}
.intro-section{padding-top:105px!important;padding-bottom:105px!important;}
.statement-section{padding-top:90px!important;padding-bottom:90px!important;}
.chrome-identity{padding-top:100px!important;padding-bottom:100px!important;}
.releases-section{padding-top:105px!important;padding-bottom:105px!important;}
.artists-section{padding-top:100px!important;padding-bottom:100px!important;}
.about-section{padding:120px 5vw 115px!important;}
.submit-section{padding-top:115px!important;padding-bottom:115px!important;}
.hero::after,
.intro-section::after,
.distribution-section::after,
.chrome-identity::after,
.releases-section::after,
.artists-section::after,
.about-section::after,
.submit-section::after{opacity:.008!important;}

/* Proper About section, not only a headline. */
.about-section{
  display:block!important;
}
.about-small{margin-bottom:34px!important;}
.about-text{
  max-width:1100px!important;
  font-size:clamp(58px,7.2vw,124px)!important;
  margin:0!important;
}
.about-text span{display:inline!important;}
.about-details{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(34px,6vw,94px);
  max-width:1120px;
  margin-top:58px;
  padding-top:32px;
  border-top:1px solid rgba(158,238,255,.16);
}
.about-details p{
  margin:0;
  color:rgba(241,249,252,.68);
  font-size:clamp(15px,1.1vw,18px);
  line-height:1.75;
  max-width:48ch;
}
.about-values{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:44px;
}
.about-values span{
  font-family:var(--ev-font-mono);
  font-size:9px;
  letter-spacing:.17em;
  color:rgba(215,248,255,.8);
  border:1px solid rgba(158,238,255,.16);
  border-radius:999px;
  padding:9px 13px;
  background:rgba(158,238,255,.025);
}

@media(max-width:900px){
  .hero-title{line-height:.94!important;letter-spacing:-.04em!important;}
  .statement-word{letter-spacing:-.035em!important;}
  .about-section{padding:90px 20px 85px!important;}
  .about-details{grid-template-columns:1fr;gap:22px;margin-top:42px;}
  .about-text{font-size:clamp(50px,14vw,82px)!important;}
  .intro-section,.statement-section,.chrome-identity,.releases-section,.artists-section,.submit-section{padding-top:78px!important;padding-bottom:78px!important;}
}

/* ===== V66: clean typography + rainbow section transitions ===== */
:root{
  --ev-font-body:"Inter", "Segoe UI", Arial, sans-serif;
  --ev-font-display:"Inter Display", "Inter", "Segoe UI", Arial, sans-serif;
  --ev-font-mono:"Inter", "Segoe UI", Arial, sans-serif;
}

html,body{font-family:var(--ev-font-body)!important;}
.brand-word,
.hero-title,
.intro-section h2,
.statement-word,
.chrome-word,
.section-heading h2,
.about-text,
.submit-content h2,
.release-modal h2,
.artist-meta strong,
.receipt-topline{
  font-family:var(--ev-font-display)!important;
  font-stretch:normal!important;
  font-style:normal!important;
  font-kerning:normal!important;
  font-variant-ligatures:none!important;
  text-rendering:optimizeLegibility!important;
}

.hero-title{
  font-weight:800!important;
  line-height:.95!important;
  letter-spacing:-.018em!important;
  max-width:900px!important;
}
.hero-title span{letter-spacing:-.018em!important;}
.intro-section h2,
.section-heading h2,
.about-text,
.submit-content h2{
  font-weight:800!important;
  line-height:.97!important;
  letter-spacing:-.014em!important;
}
.statement-word{
  font-family:var(--ev-font-display)!important;
  font-size:clamp(58px,8.4vw,150px)!important;
  font-weight:800!important;
  line-height:.98!important;
  letter-spacing:-.012em!important;
  white-space:normal!important;
  width:auto!important;
  max-width:100%!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.statement-word.outline{
  margin-left:0!important;
  color:transparent!important;
  -webkit-text-stroke:1.25px rgba(158,238,255,.48)!important;
  text-stroke:1.25px rgba(158,238,255,.48)!important;
}
.chrome-word{
  letter-spacing:-.012em!important;
  line-height:.98!important;
  font-weight:800!important;
}
.nav-links a,.hero-tag,.section-number,.section-heading>span,.about-small,.chrome-kicker,.chrome-subline,.artist-meta span,.receipt-block>span,.receipt-legal{
  font-family:var(--ev-font-body)!important;
  font-weight:600!important;
  letter-spacing:.12em!important;
}

/* Rainbow-like transitions: color shifts live at the seams, not giant empty gaps. */
.hero,
.intro-section,
.statement-section,
.chrome-identity,
.releases-section,
.artists-section,
.about-section,
.submit-section,
.receipt-zone{
  position:relative!important;
  isolation:isolate;
  background-color:#030506!important;
}

.hero{background:
  radial-gradient(55% 38% at 100% 100%, rgba(71,119,255,.13), transparent 70%),
  #030506!important;}
.intro-section{background:
  radial-gradient(55% 32% at 0% 0%, rgba(71,119,255,.12), transparent 72%),
  radial-gradient(55% 36% at 100% 100%, rgba(145,75,255,.12), transparent 72%),
  #030506!important;}
.statement-section{background:
  radial-gradient(60% 34% at 0% 0%, rgba(145,75,255,.13), transparent 72%),
  radial-gradient(60% 34% at 100% 100%, rgba(255,67,178,.11), transparent 72%),
  #030506!important;}
.chrome-identity{background:
  radial-gradient(60% 34% at 0% 0%, rgba(255,67,178,.11), transparent 72%),
  radial-gradient(60% 34% at 100% 100%, rgba(255,102,63,.10), transparent 72%),
  #030506!important;}
.releases-section{background:
  radial-gradient(60% 34% at 0% 0%, rgba(255,102,63,.10), transparent 72%),
  radial-gradient(60% 34% at 100% 100%, rgba(255,196,56,.10), transparent 72%),
  #030506!important;}
.artists-section{background:
  radial-gradient(60% 34% at 0% 0%, rgba(255,196,56,.10), transparent 72%),
  radial-gradient(60% 34% at 100% 100%, rgba(80,220,125,.10), transparent 72%),
  #030506!important;}
.about-section{background:
  radial-gradient(60% 34% at 0% 0%, rgba(80,220,125,.10), transparent 72%),
  radial-gradient(60% 34% at 100% 100%, rgba(67,219,255,.12), transparent 72%),
  #030506!important;}
.submit-section{background:
  radial-gradient(60% 34% at 0% 0%, rgba(67,219,255,.12), transparent 72%),
  radial-gradient(60% 34% at 100% 100%, rgba(82,106,255,.12), transparent 72%),
  #030506!important;}
.receipt-zone{background:
  radial-gradient(60% 24% at 50% 0%, rgba(82,106,255,.10), transparent 72%),
  #000!important;}

.hero::before,
.intro-section::before,
.statement-section::before,
.chrome-identity::before,
.releases-section::before,
.artists-section::before,
.about-section::before,
.submit-section::before,
.receipt-zone::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-1px;
  height:2px;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(90deg,
    rgba(255,74,138,.0),
    rgba(255,74,138,.72),
    rgba(255,166,69,.72),
    rgba(255,229,90,.72),
    rgba(91,229,133,.72),
    rgba(80,215,255,.72),
    rgba(112,113,255,.72),
    rgba(190,82,255,.72),
    rgba(190,82,255,0));
  opacity:.35;
  filter:blur(.2px);
}

/* Keep transitions tight; no huge dark bridge sections. */
.intro-section,
.statement-section,
.chrome-identity,
.releases-section,
.artists-section,
.about-section,
.submit-section{
  margin-top:0!important;
  margin-bottom:0!important;
}

@media(max-width:900px){
  .hero-title{line-height:.97!important;letter-spacing:-.012em!important;}
  .statement-word{font-size:clamp(46px,13vw,78px)!important;line-height:1!important;letter-spacing:-.008em!important;}
  .intro-section h2,.section-heading h2,.about-text,.submit-content h2{line-height:.99!important;letter-spacing:-.01em!important;}
}

/* ===== V67: only fix the ARTISTS WHO typeface; keep hero compact ===== */
.hero-title{
  font-size:clamp(64px,7.8vw,148px)!important;
  line-height:.80!important;
  letter-spacing:-.045em!important;
  max-width:900px!important;
}
.hero-title span{
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:.92em!important;
  font-weight:700!important;
  font-stretch:normal!important;
  font-style:normal!important;
  font-kerning:normal!important;
  font-variant-ligatures:none!important;
  letter-spacing:-.018em!important;
  line-height:.82!important;
  word-spacing:0!important;
  color:transparent!important;
  -webkit-text-stroke:1.15px rgba(158,238,255,.58)!important;
  text-stroke:1.15px rgba(158,238,255,.58)!important;
}
@media(max-width:900px){
  .hero-title{
    font-size:clamp(52px,16vw,88px)!important;
    line-height:.81!important;
    letter-spacing:-.04em!important;
  }
  .hero-title span{
    font-size:.91em!important;
    letter-spacing:-.014em!important;
    line-height:.83!important;
  }
}


/* ===== V68: subtle spectral transitions (soft rainbow, not obvious) ===== */
:root{
  --ev-spec-1: rgba(255,108,154,.028);
  --ev-spec-2: rgba(255,176,92,.022);
  --ev-spec-3: rgba(237,226,118,.018);
  --ev-spec-4: rgba(96,235,168,.018);
  --ev-spec-5: rgba(94,188,255,.022);
  --ev-spec-6: rgba(132,120,255,.024);
  --ev-spec-base-1: rgba(6,10,14,.975);
  --ev-spec-base-2: rgba(4,8,10,.985);
}

@keyframes evSoftSpectrum{
  0%{background-position:0% 50%, 0 0;}
  50%{background-position:100% 50%, 0 0;}
  100%{background-position:0% 50%, 0 0;}
}

/* Make the transition exist, but keep it subtle and premium */
.intro-section,
.statement-section,
.chrome-identity,
.releases-section,
.artists-section,
.about-section,
.submit-section,
.footer-v6.footer-minimal,
.motion-marquee,
.platform-ticker{
  background:
    linear-gradient(90deg,
      var(--ev-spec-1) 0%,
      var(--ev-spec-2) 18%,
      var(--ev-spec-3) 34%,
      var(--ev-spec-4) 50%,
      var(--ev-spec-5) 68%,
      var(--ev-spec-6) 84%,
      var(--ev-spec-1) 100%),
    linear-gradient(180deg,var(--ev-spec-base-1),var(--ev-spec-base-2)) !important;
  background-size:220% 100%, auto !important;
  animation:evSoftSpectrum 20s ease-in-out infinite !important;
}

/* Keep the marquee especially understated */
.motion-marquee,
.platform-ticker{
  color:#eef9ff !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.motion-marquee .marquee-track span,
.platform-ticker .platform-track span{
  color:#eef9ff !important;
}
.motion-marquee{
  transform:rotate(-0.45deg) scale(1.01) !important;
}

/* Slightly cleaner "ARTISTS WHO" line without looking split apart */
.hero-title span{
  font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif !important;
  font-size:.89em !important;
  font-weight:700 !important;
  letter-spacing:-.024em !important;
  line-height:.84 !important;
  -webkit-text-stroke:1.05px rgba(158,238,255,.54) !important;
}
@media(max-width:900px){
  .hero-title span{
    font-size:.90em !important;
    letter-spacing:-.02em !important;
  }
}


/* ===== V69 contact layout + outline cleanup ===== */
.statement-word.outline{
  margin-left:0 !important;
  color:transparent !important;
  font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif !important;
  font-weight:700 !important;
  letter-spacing:-.024em !important;
  line-height:.84 !important;
  -webkit-text-stroke:1.05px rgba(158,238,255,.54) !important;
  text-transform:uppercase !important;
}
@media(min-width:901px){
  .statement-word.outline{font-size:clamp(70px,10.2vw,176px) !important;}
}

.receipt-zone{
  position:relative !important;
  padding:120px 32px 60px !important;
  min-height:100vh !important;
}
.receipt-heading-global{
  width:100%;
  text-align:center;
  margin:0 0 46px;
  color:#f4f8fb;
  font-size:clamp(42px,6.2vw,90px);
  line-height:.92;
  letter-spacing:-.05em;
  font-weight:800;
  text-transform:uppercase;
}
.receipt-layout{
  width:min(1320px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(300px,1fr) minmax(360px,520px);
  gap:56px;
  align-items:center;
}
.receipt-copy{
  max-width:580px;
  align-self:center;
}
.receipt-copy-kicker{
  display:inline-block;
  margin-bottom:18px;
  color:rgba(158,238,255,.82);
  font-size:12px;
  letter-spacing:.22em;
  font-weight:700;
  text-transform:uppercase;
}
.receipt-copy-title{
  margin:0 0 18px;
  color:#f7fafc;
  font-size:clamp(36px,5vw,72px);
  line-height:.92;
  letter-spacing:-.05em;
  font-weight:800;
  text-transform:uppercase;
}
.receipt-copy-text{
  margin:0 0 22px;
  color:rgba(228,238,244,.76);
  font-size:16px;
  line-height:1.75;
  max-width:50ch;
}
.receipt-copy-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}
.receipt-copy-list li{
  position:relative;
  padding-left:18px;
  color:#eaf2f7;
  font-size:15px;
  line-height:1.55;
}
.receipt-copy-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.63em;
  width:7px;height:7px;border-radius:999px;
  background:rgba(158,238,255,.95);
  box-shadow:0 0 12px rgba(158,238,255,.35);
}
.receipt-stage{
  width:100% !important;
  max-width:520px !important;
  margin-left:auto !important;
  margin-right:0 !important;
}
.receipt-paper{
  margin-left:auto !important;
  margin-right:0 !important;
}

@media(max-width:960px){
  .receipt-zone{padding:88px 18px 44px !important;}
  .receipt-layout{grid-template-columns:1fr;gap:34px;}
  .receipt-copy{max-width:100%;order:1;text-align:left;}
  .receipt-stage{order:2;margin:0 auto !important;}
  .receipt-paper{margin:0 auto !important;}
  .receipt-heading-global{margin-bottom:30px;font-size:clamp(34px,10vw,56px);}
  .receipt-copy-title{font-size:clamp(30px,9vw,46px);}
}


/* ===== V70 receipt restore + clean outline font ===== */
.statement-word.outline{
  margin-left:0 !important;
  color:transparent !important;
  font-family:var(--ev-font-display) !important;
  font-weight:800 !important;
  letter-spacing:-.012em !important;
  line-height:.98 !important;
  -webkit-text-stroke:1.25px rgba(158,238,255,.48) !important;
  text-stroke:1.25px rgba(158,238,255,.48) !important;
  text-transform:uppercase !important;
}
@media(min-width:901px){
  .statement-word.outline{font-size:clamp(58px,8.4vw,150px) !important;}
}

.receipt-zone{
  position:relative !important;
  background:
    radial-gradient(60% 24% at 50% 0%, rgba(82,106,255,.10), transparent 72%),
    #000 !important;
  min-height:100vh !important;
  padding:40px 18px 20px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.receipt-stage{
  position:relative !important;
  width:100% !important;
  max-width:760px !important;
  min-height:760px !important;
  margin:0 auto !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
}
.receipt-heading{
  display:block !important;
  position:relative !important;
  left:auto !important;
  top:auto !important;
  width:100% !important;
  text-align:center !important;
  margin:0 0 26px !important;
  font-size:clamp(42px,6.8vw,88px) !important;
  line-height:.92 !important;
}
.receipt-mask-shell,
.receipt-paper{
  margin-left:auto !important;
  margin-right:auto !important;
}
@media(max-width:900px){
  .receipt-zone{padding:28px 14px 18px !important;min-height:92vh !important;}
  .receipt-stage{min-height:640px !important;}
  .receipt-heading{margin-bottom:18px !important;font-size:clamp(34px,10vw,58px) !important;}
}


/* ===== V72: make every aqua outline text match ARTISTS WHO ===== */
.hero-title span,
.intro-section h2 span,
.about-text span,
.statement-word.outline{
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:inherit !important;
  font-weight:700 !important;
  font-stretch:normal !important;
  font-style:normal !important;
  font-kerning:normal !important;
  font-variant-ligatures:none !important;
  font-feature-settings:"liga" 0, "kern" 1 !important;
  text-rendering:optimizeLegibility !important;
  letter-spacing:-.018em !important;
  word-spacing:0 !important;
  line-height:.82 !important;
  color:transparent !important;
  -webkit-text-stroke:1.15px rgba(158,238,255,.58) !important;
  text-stroke:1.15px rgba(158,238,255,.58) !important;
  text-transform:uppercase !important;
  filter:none !important;
}

/* keep sizes but unify the type treatment */
.statement-word.outline{
  margin-left:0 !important;
  font-size:clamp(58px,8.4vw,150px) !important;
}
.intro-section h2 span,
.about-text span{
  display:inline !important;
}
@media(max-width:900px){
  .hero-title span,
  .intro-section h2 span,
  .about-text span,
  .statement-word.outline{
    letter-spacing:-.014em !important;
    line-height:.84 !important;
    -webkit-text-stroke:1.08px rgba(158,238,255,.58) !important;
    text-stroke:1.08px rgba(158,238,255,.58) !important;
  }
  .statement-word.outline{
    font-size:clamp(46px,13vw,78px) !important;
  }
}


/* ===== V73: cleaner release wall + centered contact receipt ===== */

/* Release section: make it clean, symmetric and readable */
.digital-crate{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  align-items:start !important;
  justify-content:center !important;
  gap:clamp(20px, 2.1vw, 30px) !important;
  min-height:auto !important;
  margin-top:42px !important;
  padding:92px clamp(28px,4vw,52px) 66px !important;
  overflow:visible !important;
  overflow-x:visible !important;
  overflow-y:visible !important;
  scroll-snap-type:none !important;
}
.digital-crate::before{
  left:clamp(28px,4vw,52px) !important;
  top:24px !important;
}
.digital-crate::after{
  left:clamp(28px,4vw,52px) !important;
  right:clamp(28px,4vw,52px) !important;
  bottom:18px !important;
  height:1px !important;
  border-top:none !important;
  background:linear-gradient(90deg, rgba(158,238,255,.05), rgba(158,238,255,.22), rgba(158,238,255,.05)) !important;
  box-shadow:none !important;
}
.digital-crate .release-card,
.digital-crate .release-card:nth-child(n){
  width:100% !important;
  min-width:0 !important;
  flex:unset !important;
  margin:0 !important;
  transform:none !important;
  z-index:auto !important;
  display:flex !important;
  flex-direction:column !important;
}
.digital-crate .release-card .cover-art{
  width:100% !important;
  aspect-ratio:1 / 1 !important;
  border-radius:4px !important;
  box-shadow:0 18px 38px rgba(0,0,0,.28) !important;
}
.digital-crate .release-info{
  width:100% !important;
  display:grid !important;
  gap:6px !important;
  padding-top:14px !important;
  opacity:1 !important;
  transform:none !important;
  text-align:left !important;
}
.digital-crate .release-info span{
  display:block !important;
  min-height:2.9em !important;
  color:rgba(210,224,232,.62) !important;
  font-size:10px !important;
  line-height:1.45 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}
.digital-crate .release-info b{
  display:block !important;
  min-height:2.2em !important;
  color:#f3f7fa !important;
  font-size:15px !important;
  line-height:1.18 !important;
  letter-spacing:-.01em !important;
  word-break:break-word !important;
}
.digital-crate .release-card:hover,
.digital-crate .release-card:focus-within,
.digital-crate .release-card:nth-child(n+4):hover,
.digital-crate .release-card:nth-child(n+4):focus-within{
  margin:0 !important;
  transform:translateY(-10px) !important;
  filter:none !important;
}
.digital-crate:has(.release-card:hover) .release-card:not(:hover){
  opacity:.72 !important;
  filter:none !important;
}
@media (max-width: 1120px){
  .digital-crate{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 760px){
  .digital-crate{
    grid-template-columns:1fr !important;
    gap:24px !important;
    padding:78px 18px 56px !important;
  }
  .digital-crate .release-card,
  .digital-crate .release-card:nth-child(n){
    width:min(100%, 420px) !important;
    margin:0 auto !important;
  }
}

/* Contact section: center everything and remove the awkward black block */
.receipt-zone{
  min-height:100vh !important;
  padding:64px 18px 42px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.receipt-stage{
  width:100% !important;
  max-width:900px !important;
  min-height:760px !important;
  margin:0 auto !important;
  display:grid !important;
  place-items:center !important;
}
.receipt-heading{
  display:block !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
  margin:0 !important;
  width:max-content !important;
  max-width:90vw !important;
  text-align:center !important;
  white-space:nowrap !important;
  font-size:clamp(56px, 8.5vw, 120px) !important;
  line-height:.92 !important;
  letter-spacing:-.05em !important;
  color:rgba(255,255,255,.16) !important;
  z-index:1 !important;
  pointer-events:none !important;
}
.receipt-mask,
.receipt-mask-shell{
  display:none !important;
}
.receipt-stage::before,
.receipt-stage::after{
  left:50% !important;
  transform:translateX(-50%) !important;
}
.receipt-paper,
.receipt-paper.is-printing,
.receipt-paper.is-out{
  position:relative !important;
  z-index:3 !important;
  margin:0 auto !important;
  transform:none !important;
  animation:none !important;
  filter:drop-shadow(0 28px 48px rgba(0,0,0,.42)) !important;
}
@media (max-width: 900px){
  .receipt-zone{padding:44px 14px 24px !important;}
  .receipt-stage{min-height:640px !important;}
  .receipt-heading{
    top:48% !important;
    font-size:clamp(42px, 12vw, 68px) !important;
    white-space:normal !important;
    line-height:.9 !important;
  }
}


/* ===== V74: smaller, cleaner release wall with single-line titles ===== */
.digital-crate{
  max-width:1240px !important;
  margin:42px auto 0 !important;
  grid-template-columns:repeat(3, minmax(260px, 320px)) !important;
  justify-content:center !important;
  gap:clamp(18px, 1.8vw, 24px) !important;
  padding:88px clamp(22px,3vw,40px) 62px !important;
}
.digital-crate .release-card,
.digital-crate .release-card:nth-child(n){
  width:100% !important;
}
.digital-crate .release-card .cover-art{
  box-shadow:0 14px 30px rgba(0,0,0,.24) !important;
}
.digital-crate .release-info{
  gap:4px !important;
  padding-top:12px !important;
}
.digital-crate .release-info span{
  min-height:auto !important;
  font-size:9px !important;
  letter-spacing:.10em !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.digital-crate .release-info b{
  min-height:auto !important;
  font-size:12px !important;
  line-height:1.15 !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  word-break:normal !important;
}
@media (max-width: 1120px){
  .digital-crate{
    max-width:920px !important;
    grid-template-columns:repeat(2, minmax(250px, 1fr)) !important;
  }
}
@media (max-width: 760px){
  .digital-crate{
    max-width:100% !important;
    grid-template-columns:1fr !important;
    padding:76px 18px 52px !important;
  }
  .digital-crate .release-card,
  .digital-crate .release-card:nth-child(n){
    width:min(100%, 360px) !important;
    margin:0 auto !important;
  }
}


/* ===== V76: remove only the outer Digital Crate box, keep release cards ===== */
.digital-crate{
  background:transparent !important;
  border-top:none !important;
  border-bottom:none !important;
  box-shadow:none !important;
  padding-top:54px !important;
  padding-bottom:22px !important;
}
.digital-crate::after{
  display:none !important;
}


/* ===== V77: symmetric animated release wall with readable titles ===== */
@keyframes evReleaseFloat {
  0%,100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}
@keyframes evReleaseEnter {
  from { opacity:0; transform:translateY(18px) scale(.985); }
  to { opacity:1; transform:translateY(0) scale(1); }
}
.digital-crate{
  max-width:1280px !important;
  margin:44px auto 0 !important;
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:flex-start !important;
  gap:42px 28px !important;
  padding:56px 28px 34px !important;
  overflow:visible !important;
}
.digital-crate::before{
  left:28px !important;
  top:8px !important;
}
.digital-crate .release-card,
.digital-crate .release-card:nth-child(n){
  width:300px !important;
  min-width:300px !important;
  max-width:300px !important;
  margin:0 !important;
  transform:none !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  animation:evReleaseEnter .6s ease both, evReleaseFloat 6s ease-in-out infinite !important;
}
.digital-crate .release-card:nth-child(1){animation-delay:.03s,0s !important;}
.digital-crate .release-card:nth-child(2){animation-delay:.09s,.4s !important;}
.digital-crate .release-card:nth-child(3){animation-delay:.15s,.8s !important;}
.digital-crate .release-card:nth-child(4){animation-delay:.21s,1.2s !important;}
.digital-crate .release-card:nth-child(5){animation-delay:.27s,1.6s !important;}
.digital-crate .release-card:nth-child(6){animation-delay:.33s,2s !important;}
/* Overlap center card in each row slightly, like a clean showcase */
@media (min-width: 1081px){
  .digital-crate .release-card:nth-child(3n+2){
    margin-left:-56px !important;
    margin-right:-56px !important;
    z-index:3 !important;
  }
}
.digital-crate .release-card .cover-art{
  width:100% !important;
  aspect-ratio:1 / 1 !important;
  border-radius:2px !important;
  overflow:hidden !important;
  box-shadow:0 18px 38px rgba(0,0,0,.28) !important;
}
.digital-crate .release-info{
  width:100% !important;
  display:grid !important;
  gap:6px !important;
  padding-top:12px !important;
  text-align:center !important;
  opacity:1 !important;
  transform:none !important;
}
.digital-crate .release-info span{
  display:block !important;
  min-height:1.4em !important;
  color:rgba(208,222,230,.72) !important;
  font-size:10px !important;
  line-height:1.35 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
.digital-crate .release-info b{
  display:block !important;
  min-height:2.5em !important;
  color:#f5f8fb !important;
  font-size:14px !important;
  line-height:1.2 !important;
  letter-spacing:-.01em !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
}
.digital-crate .release-card:hover,
.digital-crate .release-card:focus-within,
.digital-crate .release-card:nth-child(n+4):hover,
.digital-crate .release-card:nth-child(n+4):focus-within{
  transform:translateY(-12px) scale(1.02) !important;
  filter:none !important;
  z-index:9 !important;
}
.digital-crate:has(.release-card:hover) .release-card:not(:hover){
  opacity:.78 !important;
  filter:none !important;
}
@media (max-width: 1080px){
  .digital-crate{
    max-width:980px !important;
    gap:34px 24px !important;
  }
  .digital-crate .release-card,
  .digital-crate .release-card:nth-child(n){
    width:min(calc(50% - 16px), 320px) !important;
    min-width:min(calc(50% - 16px), 320px) !important;
    max-width:320px !important;
  }
}
@media (max-width: 720px){
  .digital-crate{
    gap:28px !important;
    padding:52px 18px 28px !important;
  }
  .digital-crate .release-card,
  .digital-crate .release-card:nth-child(n){
    width:min(100%, 340px) !important;
    min-width:0 !important;
    max-width:340px !important;
  }
}


/* ===== V78: clean centered release grid, readable metadata ===== */
.digital-crate{
  max-width:1020px !important;
  margin:46px auto 0 !important;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  justify-content:center !important;
  align-items:start !important;
  gap:36px 32px !important;
  padding:56px 24px 28px !important;
  overflow:visible !important;
}
.digital-crate::before{
  left:24px !important;
  top:8px !important;
}
.digital-crate .release-card,
.digital-crate .release-card:nth-child(n),
.digital-crate .release-card:nth-child(3n+2){
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-self:center !important;
  transform:none !important;
  z-index:auto !important;
  animation:evReleaseEnter .55s ease both, evReleaseFloat 7s ease-in-out infinite !important;
}
.digital-crate .release-card:nth-child(1){ animation-delay:.03s, 0s !important; }
.digital-crate .release-card:nth-child(2){ animation-delay:.08s, .7s !important; }
.digital-crate .release-card:nth-child(3){ animation-delay:.13s, 1.4s !important; }
.digital-crate .release-card:nth-child(4){ animation-delay:.18s, .35s !important; }
.digital-crate .release-card:nth-child(5){ animation-delay:.23s, 1.05s !important; }
.digital-crate .release-card:nth-child(6){ animation-delay:.28s, 1.75s !important; }
.digital-crate .release-card .cover-art{
  width:100% !important;
  aspect-ratio:1 / 1 !important;
  border-radius:2px !important;
  overflow:hidden !important;
  box-shadow:0 18px 34px rgba(0,0,0,.28) !important;
}
.digital-crate .release-card img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}
.digital-crate .release-info{
  width:100% !important;
  display:grid !important;
  gap:7px !important;
  padding-top:12px !important;
  text-align:left !important;
  opacity:1 !important;
  transform:none !important;
}
.digital-crate .release-info span{
  display:block !important;
  color:rgba(208,222,230,.72) !important;
  font-size:10px !important;
  line-height:1.35 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
}
.digital-crate .release-info b{
  display:block !important;
  color:#f5f8fb !important;
  font-size:13px !important;
  line-height:1.22 !important;
  font-weight:700 !important;
  letter-spacing:-.01em !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
  min-height:2.5em !important;
}
.digital-crate .release-card:hover,
.digital-crate .release-card:focus-within{
  transform:translateY(-10px) !important;
  z-index:3 !important;
}
.digital-crate:has(.release-card:hover) .release-card:not(:hover){
  opacity:.84 !important;
}
@media (max-width: 980px){
  .digital-crate{
    max-width:720px !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:32px 24px !important;
  }
}
@media (max-width: 680px){
  .digital-crate{
    max-width:360px !important;
    grid-template-columns:1fr !important;
    gap:26px !important;
    padding:48px 18px 24px !important;
  }
  .digital-crate::before{ left:18px !important; }
}


/* ===== V79: larger release covers + visible GET IN TOUCH ===== */
.digital-crate{
  max-width: 1180px !important;
  margin: 52px auto 0 !important;
  grid-template-columns: repeat(3, minmax(300px, 1fr)) !important;
  gap: 42px 34px !important;
  padding: 56px 28px 32px !important;
}
.digital-crate::before{
  left: 28px !important;
}
.digital-crate .release-card,
.digital-crate .release-card:nth-child(n),
.digital-crate .release-card:nth-child(3n+2){
  width: 100% !important;
}
.digital-crate .release-card .cover-art{
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
}
.digital-crate .release-info{
  padding-top: 14px !important;
  gap: 8px !important;
}
.digital-crate .release-info span{
  font-size: 11px !important;
  line-height: 1.35 !important;
}
.digital-crate .release-info b{
  font-size: 16px !important;
  line-height: 1.12 !important;
  min-height: 2.24em !important;
  max-width: 96% !important;
  word-break: keep-all !important;
  overflow-wrap: break-word !important;
}
@media (max-width: 1080px){
  .digital-crate{
    max-width: 960px !important;
    grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
    gap: 34px 24px !important;
  }
}
@media (max-width: 680px){
  .digital-crate{
    max-width: 420px !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    padding: 48px 18px 24px !important;
  }
  .digital-crate::before{
    left: 18px !important;
  }
  .digital-crate .release-info b{
    font-size: 15px !important;
  }
}

.receipt-zone{
  min-height: 100vh !important;
  padding: 72px 18px 54px !important;
}
.receipt-stage{
  max-width: 980px !important;
  min-height: 820px !important;
}
.receipt-heading{
  left: 50% !important;
  top: 56% !important;
  width: 100% !important;
  max-width: none !important;
  text-align: center !important;
  white-space: nowrap !important;
  font-size: clamp(88px, 10.4vw, 168px) !important;
  line-height: .88 !important;
  letter-spacing: -.045em !important;
  color: rgba(255,255,255,.18) !important;
  text-shadow: 0 0 36px rgba(255,255,255,.04) !important;
}
.receipt-paper,
.receipt-paper.is-printing,
.receipt-paper.is-out{
  margin-top: 22px !important;
}
@media (max-width: 900px){
  .receipt-zone{
    padding: 52px 14px 28px !important;
  }
  .receipt-stage{
    min-height: 700px !important;
  }
  .receipt-heading{
    top: 55% !important;
    font-size: clamp(58px, 14vw, 92px) !important;
    white-space: nowrap !important;
  }
}


/* ===== V82: contact section match centered receipt reference ===== */
.receipt-zone{
  position:relative !important;
  min-height:100vh !important;
  height:auto !important;
  padding:64px 16px 48px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:flex-start !important;
  background:#000 !important;
  overflow:visible !important;
}
.receipt-stage{
  position:relative !important;
  width:100% !important;
  max-width:720px !important;
  min-height:900px !important;
  height:auto !important;
  margin:0 auto !important;
  display:flex !important;
  justify-content:center !important;
  align-items:flex-start !important;
  overflow:visible !important;
  background:transparent !important;
  top:auto !important;
}
.receipt-heading{display:none !important;}
.receipt-mask{display:none !important;}
.receipt-mask-shell{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  top:auto !important;
  transform:none !important;
  width:min(88vw,440px) !important;
  height:auto !important;
  margin:0 auto !important;
  overflow:visible !important;
  display:flex !important;
  justify-content:center !important;
  align-items:flex-start !important;
  pointer-events:auto !important;
}
.receipt-paper,
.receipt-paper.is-printing,
.receipt-paper.is-out{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  top:auto !important;
  width:min(88vw,440px) !important;
  max-width:440px !important;
  margin:0 auto !important;
  transform:none !important;
  opacity:1 !important;
  animation:none !important;
  transition:none !important;
  filter:drop-shadow(0 16px 26px rgba(0,0,0,.48)) !important;
}
.receipt-stage::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  bottom:6px !important;
  transform:translateX(-50%) !important;
  width:min(64vw,260px) !important;
  height:18px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, rgba(34,44,58,.88), rgba(6,8,10,.98)) !important;
  box-shadow:0 -2px 14px rgba(120,180,255,.10), 0 8px 24px rgba(0,0,0,.55) !important;
  z-index:1 !important;
}
.receipt-stage::after{display:none !important;}
@media (max-width: 900px){
  .receipt-zone{padding:40px 12px 26px !important;}
  .receipt-stage{min-height:760px !important;}
  .receipt-paper, .receipt-paper.is-printing, .receipt-paper.is-out{width:min(92vw,420px) !important;}
}


/* ===== V83: refined two-column contact section ===== */
.contact-showcase{
  position:relative;
  padding:110px 24px 92px;
  background:
    radial-gradient(circle at 18% 18%, rgba(78,141,255,.10), transparent 28%),
    radial-gradient(circle at 82% 72%, rgba(117,255,212,.08), transparent 24%),
    linear-gradient(180deg, #040608 0%, #020304 100%);
  overflow:hidden;
}
.contact-showcase::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.02) 1px, transparent 1px);
  background-size: 52px 52px;
  opacity:.18;
  pointer-events:none;
}
.contact-shell{
  position:relative;
  z-index:1;
  width:min(1200px, 100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0, 1.08fr) minmax(360px, 430px);
  gap:72px;
  align-items:center;
}
.contact-copy{
  max-width:700px;
}
.contact-kicker{
  margin:0 0 18px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:#8ecdf2;
}
.contact-title{
  margin:0;
  font-size:clamp(48px, 7vw, 104px);
  line-height:.94;
  letter-spacing:-.045em;
  font-weight:900;
  color:#f2f4f6;
  text-transform:uppercase;
}
.contact-lead{
  margin:26px 0 0;
  max-width:620px;
  font-size:18px;
  line-height:1.75;
  color:rgba(255,255,255,.74);
}
.contact-points{
  margin-top:28px;
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
  max-width:620px;
}
.contact-point{
  padding:15px 18px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  background:rgba(255,255,255,.03);
  color:#f1f4f7;
  font-size:14px;
  font-weight:600;
  letter-spacing:.01em;
  backdrop-filter: blur(8px);
}
.contact-actions{
  margin-top:28px;
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}
.contact-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:0 22px;
  border-radius:999px;
  border:1px solid rgba(140,216,255,.22);
  color:#eaf6ff;
  background:rgba(4,12,16,.62);
  text-decoration:none;
  font-size:14px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  transition:transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}
.contact-action:hover{
  transform:translateY(-2px);
  border-color:rgba(140,216,255,.44);
  box-shadow:0 12px 30px rgba(53,164,255,.10);
}
.contact-action.primary{
  background:linear-gradient(180deg, rgba(18,35,46,.92), rgba(7,17,24,.95));
}
.contact-note{
  margin-top:18px;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(255,255,255,.40);
}
.contact-receipt-wrap{
  position:relative;
  min-height:690px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.contact-receipt-glow{
  position:absolute;
  inset:auto 12% 8% 12%;
  height:72%;
  border-radius:40px;
  background:radial-gradient(circle at 50% 35%, rgba(122,201,255,.18), transparent 55%);
  filter:blur(26px);
  pointer-events:none;
}
.contact-receipt-frame{
  position:relative;
  width:min(100%, 440px);
  display:flex;
  justify-content:center;
}
.contact-receipt-frame::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-18px;
  transform:translateX(-50%);
  width:62%;
  height:22px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(20,26,33,.96), rgba(5,7,10,.98));
  box-shadow:0 -4px 14px rgba(119,203,255,.10), 0 10px 24px rgba(0,0,0,.55);
}
.contact-showcase .receipt-paper,
.contact-showcase .receipt-paper.is-printing,
.contact-showcase .receipt-paper.is-out{
  position:relative;
  width:min(100%, 420px);
  max-width:420px;
  margin:0 auto;
  transform:none;
  opacity:1;
  animation:none;
  transition:transform .24s ease, box-shadow .24s ease;
  filter:drop-shadow(0 20px 32px rgba(0,0,0,.40));
}
.contact-showcase .receipt-paper:hover{
  transform:translateY(-4px);
}
.contact-showcase .receipt-paper.is-printing,
.contact-showcase .receipt-paper.is-out{
  transform:none !important;
}
@media (max-width: 1080px){
  .contact-shell{grid-template-columns:1fr;gap:48px;}
  .contact-copy{max-width:760px;}
  .contact-receipt-wrap{min-height:auto;padding-top:6px;}
}
@media (max-width: 760px){
  .contact-showcase{padding:84px 16px 64px;}
  .contact-title{font-size:clamp(38px, 15vw, 74px);}
  .contact-lead{font-size:16px;line-height:1.68;}
  .contact-points{grid-template-columns:1fr;}
  .contact-actions{flex-direction:column;align-items:stretch;}
  .contact-action{width:100%;}
  .contact-receipt-frame{width:min(100%, 430px);}
}


/* ===== V85: multi-step demo submission form ===== */
.application-section{
  position:relative;
  padding:120px 24px 110px !important;
  min-height:auto !important;
  display:block !important;
  background:
    radial-gradient(circle at 15% 18%, rgba(72,154,255,.10), transparent 30%),
    radial-gradient(circle at 86% 82%, rgba(120,255,210,.07), transparent 30%),
    #030506 !important;
}
.application-shell{
  width:min(1240px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);
  gap:74px;
  align-items:start;
}
.application-intro{position:sticky;top:120px;}
.application-kicker{display:block;margin-bottom:20px;color:#92d8ff;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;}
.application-intro h2{margin:0;font-size:clamp(44px,5.8vw,82px);line-height:.92;letter-spacing:-.045em;color:#f5f7f9;font-weight:900;text-transform:uppercase;}
.application-intro p{margin:26px 0 0;max-width:52ch;color:rgba(234,242,247,.68);font-size:16px;line-height:1.75;}
.application-rules{margin-top:28px;display:grid;gap:11px;}
.application-rules span{position:relative;padding-left:18px;color:rgba(230,240,247,.78);font-size:13px;line-height:1.55;}
.application-rules span::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:#9eeeff;box-shadow:0 0 12px rgba(158,238,255,.4);}
.demo-form{padding:30px;border:1px solid rgba(158,238,255,.13);border-radius:28px;background:linear-gradient(180deg,rgba(10,17,22,.88),rgba(5,8,11,.94));box-shadow:0 28px 90px rgba(0,0,0,.28);}
.form-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:32px;padding:6px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:18px;}
.form-step-tab{border:0;background:transparent;color:rgba(255,255,255,.34);padding:12px 10px;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:8px;font:inherit;cursor:pointer;transition:.2s ease;}
.form-step-tab span{font-size:9px;letter-spacing:.12em}.form-step-tab b{font-size:10px;letter-spacing:.14em}.form-step-tab.active{background:rgba(158,238,255,.08);color:#effbff}.form-step-tab.complete{color:rgba(158,238,255,.75)}
.form-step{display:none}.form-step.active{display:block;animation:formStepIn .32s ease both}@keyframes formStepIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
.field-grid{display:grid;gap:18px}.field-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr));}
.form-field{display:grid;gap:9px;margin-bottom:18px}.form-field>span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(235,245,250,.72)}.form-field small{font-size:11px;color:rgba(255,255,255,.36);line-height:1.45}
.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid rgba(255,255,255,.10);border-radius:15px;background:rgba(255,255,255,.035);color:#f6fbff;padding:15px 16px;font:inherit;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;box-sizing:border-box}.form-field textarea{resize:vertical;min-height:150px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:rgba(158,238,255,.42);box-shadow:0 0 0 3px rgba(158,238,255,.05);background:rgba(158,238,255,.035)}.form-field select option{background:#0a0e12;color:#fff}
.form-field.invalid input,.form-field.invalid select,.form-field.invalid textarea{border-color:rgba(255,99,115,.68);box-shadow:0 0 0 3px rgba(255,99,115,.05)}
.form-check{display:flex;gap:12px;align-items:flex-start;margin:15px 0;color:rgba(239,246,250,.68);font-size:12px;line-height:1.6}.form-check input{margin-top:3px;accent-color:#9eeeff}.form-check a{color:#dff8ff}.form-check.invalid{color:#ff9ba6}
.form-nav{margin-top:28px;display:flex;justify-content:space-between;align-items:center;gap:12px}.form-nav-end{justify-content:flex-end}.form-next,.form-submit,.form-back{border:0;font:inherit;cursor:pointer;border-radius:999px;min-height:52px;padding:0 21px;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:.2s ease}.form-next,.form-submit{background:#eefbff;color:#071014;font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.form-back{background:transparent;color:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.10);font-size:11px;letter-spacing:.1em}.form-next:hover,.form-submit:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(96,215,255,.12)}.form-back:hover{color:#fff;border-color:rgba(255,255,255,.24)}
.form-status{margin-top:17px;min-height:18px;color:#9eeeff;font-size:12px;line-height:1.5}.form-status.error{color:#ff9ba6}
@media(max-width:1000px){.application-shell{grid-template-columns:1fr;gap:42px}.application-intro{position:relative;top:auto}.application-intro p{max-width:70ch}}
@media(max-width:700px){.application-section{padding:88px 16px 74px !important}.demo-form{padding:18px;border-radius:22px}.field-grid.two-col{grid-template-columns:1fr}.form-progress{gap:4px}.form-step-tab{padding:10px 5px;gap:5px}.form-step-tab b{font-size:8px}.form-nav{align-items:stretch}.form-next,.form-submit,.form-back{min-height:50px}.form-submit{flex:1}.application-intro h2{font-size:clamp(40px,12vw,62px)}}


/* ===== V86 direct-submit states ===== */
.form-submit:disabled{opacity:.58;cursor:wait;pointer-events:none;}
.form-submit.is-sending span:last-child{animation:evSubmitSpin .8s linear infinite;}
.form-status.success{color:#9ff3c4!important;}
@keyframes evSubmitSpin{to{transform:rotate(360deg)}}


/* V91 — aqua accent on ECHOVERSE wordmark */
.verse-accent{
  color:var(--ev-aqua, #9eeeff) !important;
  text-shadow:0 0 12px rgba(158,238,255,.18);
}
.loader-name .verse-accent,
.brand-word .verse-accent{
  display:inline-block;
}


/* V92 — keep VERSE aligned with ECHO in navbar */
.brand-word .verse-accent{
  font-size:inherit !important;
  line-height:inherit !important;
  vertical-align:baseline !important;
  margin-left:0 !important;
  letter-spacing:inherit !important;
  position:static !important;
}
.loader-name .verse-accent{
  font-size:inherit !important;
  line-height:inherit !important;
  vertical-align:baseline !important;
  margin-left:0 !important;
  letter-spacing:inherit !important;
}


/* ===== V93: clear application success confirmation ===== */
.form-success-panel{
  display:none;
  min-height:420px;
  padding:52px 34px;
  border:1px solid rgba(158,238,255,.18);
  border-radius:24px;
  background:
    radial-gradient(circle at 50% 0%, rgba(158,238,255,.10), transparent 42%),
    rgba(255,255,255,.018);
  text-align:center;
  align-items:center;
  justify-content:center;
  flex-direction:column;
}
.demo-form.is-submitted .form-progress,
.demo-form.is-submitted .form-step{
  display:none !important;
}
.demo-form.is-submitted .form-success-panel{
  display:flex;
}
.form-success-icon{
  width:58px;
  height:58px;
  border-radius:999px;
  display:grid;
  place-items:center;
  margin:0 0 22px;
  border:1px solid rgba(158,238,255,.38);
  background:rgba(158,238,255,.08);
  color:var(--ev-aqua, #9eeeff);
  font-size:26px;
  font-weight:800;
  box-shadow:0 0 34px rgba(158,238,255,.08);
}
.form-success-kicker{
  margin-bottom:10px;
  color:var(--ev-aqua, #9eeeff);
  font-size:10px;
  font-weight:800;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.form-success-panel h3{
  margin:0;
  color:#f7fcff;
  font-size:clamp(32px,5vw,62px);
  line-height:.95;
  letter-spacing:-.04em;
  text-transform:uppercase;
}
.form-success-panel p{
  width:min(100%,620px);
  margin:22px auto 0;
  color:rgba(240,248,255,.68);
  font-size:15px;
  line-height:1.75;
}
@media(max-width:760px){
  .form-success-panel{min-height:360px;padding:42px 22px;}
  .form-success-panel p{font-size:14px;}
}

/* ===== V94: comprehensive mobile fit ===== */
@media (max-width: 760px){
  html, body{width:100%;max-width:100%;overflow-x:hidden!important;}
  body{min-width:0!important;}
  img, video, svg, canvas{max-width:100%;height:auto;}
  section, header, footer, main, div{box-sizing:border-box;}

  /* Header */
  .navbar{
    min-height:68px!important;
    height:auto!important;
    padding:12px 14px!important;
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    gap:10px 12px!important;
    align-items:center!important;
    position:absolute!important;
  }
  .brand{gap:7px!important;min-width:0!important;}
  .brand-logo{width:28px!important;height:28px!important;flex:0 0 28px!important;}
  .brand-word{font-size:15px!important;letter-spacing:-.04em!important;white-space:nowrap!important;}
  .brand-word sup{font-size:6px!important;margin-left:2px!important;}
  .nav-links{display:none!important;}
  .nav-actions{justify-self:end!important;display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;}
  .lang-switcher{gap:2px!important;display:flex!important;}
  .lang-btn{min-width:28px!important;height:28px!important;padding:0 7px!important;font-size:9px!important;}
  .nav-submit{min-height:34px!important;padding:0 11px!important;gap:6px!important;font-size:9px!important;white-space:nowrap!important;}
  .nav-submit span:last-child{display:none!important;}

  /* Loader */
  .loader-content{width:min(82vw,340px)!important;}
  .loader-name{font-size:clamp(34px,12vw,50px)!important;letter-spacing:-2px!important;white-space:nowrap!important;}
  .loader-bolt{font-size:26px!important;margin-bottom:16px!important;}
  .loader-meta{font-size:7px!important;letter-spacing:2.4px!important;white-space:nowrap!important;}

  /* Hero */
  .hero{
    min-height:auto!important;
    padding:118px 16px 72px!important;
    display:block!important;
  }
  .hero-content{width:100%!important;max-width:none!important;}
  .hero-tag{margin-bottom:24px!important;font-size:8px!important;letter-spacing:1.5px!important;}
  .hero-title{
    font-size:clamp(54px,17.3vw,78px)!important;
    line-height:.82!important;
    letter-spacing:-.055em!important;
    max-width:100%!important;
    overflow-wrap:normal!important;
  }
  .hero-title span{display:block!important;}
  .hero-bottom{margin-top:34px!important;display:grid!important;gap:22px!important;align-items:start!important;}
  .hero-description{max-width:100%!important;font-size:13px!important;line-height:1.65!important;}
  .main-button{width:100%!important;justify-content:space-between!important;padding:7px 7px 7px 18px!important;}
  .button-arrow{padding:0!important;width:42px!important;height:42px!important;display:grid!important;place-items:center!important;}
  .hero-visual,.side-text{display:none!important;}

  /* Marquees / intro */
  .motion-marquee{overflow:hidden!important;}
  .marquee-track span{font-size:10px!important;white-space:nowrap!important;}
  .intro-section{
    min-height:auto!important;
    padding:88px 16px!important;
  }
  .intro-section h2{
    margin-top:24px!important;
    font-size:clamp(48px,15vw,72px)!important;
    line-height:.86!important;
    letter-spacing:-.055em!important;
    max-width:100%!important;
  }
  .intro-section p{margin:30px 0 0!important;max-width:100%!important;font-size:14px!important;line-height:1.7!important;}

  /* Statement */
  .statement-section{
    min-height:auto!important;
    padding:88px 16px!important;
    overflow:hidden!important;
  }
  .statement-kicker{margin-bottom:28px!important;}
  .statement-word,
  .statement-word.outline{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    font-size:clamp(44px,13.5vw,66px)!important;
    line-height:.9!important;
    letter-spacing:-.055em!important;
    transform:none!important;
  }

  /* Process */
  .process-section{padding:88px 16px!important;}
  .process-grid{grid-template-columns:1fr!important;gap:14px!important;}
  .process-card{min-height:auto!important;padding:24px 20px!important;}
  .process-card h3{font-size:24px!important;}

  /* Chrome identity */
  .chrome-identity{min-height:auto!important;padding:88px 16px!important;overflow:hidden!important;}
  .chrome-word-wrap{padding:28px 0 30px!important;overflow:hidden!important;}
  .chrome-word,
  .chrome-word-wrap::before{
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(48px,17vw,82px)!important;
    letter-spacing:-.075em!important;
    line-height:.82!important;
    white-space:nowrap!important;
    transform:none!important;
  }
  .chrome-word-wrap::before{top:30px!important;left:0!important;}
  .chrome-subline{font-size:8px!important;letter-spacing:1.4px!important;}

  /* Releases */
  .releases-section{padding:88px 16px!important;}
  .section-heading h2{font-size:clamp(48px,15vw,72px)!important;line-height:.88!important;letter-spacing:-.055em!important;}
  .digital-crate{
    max-width:100%!important;
    margin:34px auto 0!important;
    padding:42px 0 18px!important;
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  .digital-crate::before{left:0!important;}
  .digital-crate .release-card,
  .digital-crate .release-card:nth-child(n){width:100%!important;max-width:440px!important;margin:0 auto!important;}
  .digital-crate .release-info b{font-size:15px!important;min-height:0!important;max-width:100%!important;}
  .release-modal{padding:18px!important;}
  .release-modal-copy h3{font-size:clamp(34px,11vw,54px)!important;}

  /* Artists */
  .artists-section{padding:88px 16px!important;}
  .artists-grid,
  .polaroid-wall{grid-template-columns:1fr 1fr!important;gap:12px!important;}
  .artist-card{min-width:0!important;padding:10px!important;transform:none!important;}
  .artist-avatar{aspect-ratio:1/1!important;}
  .artist-meta strong{font-size:14px!important;word-break:break-word!important;}
  .artist-meta span,.artist-card>a{font-size:9px!important;}

  /* About */
  .about-section{min-height:auto!important;padding:88px 16px!important;}
  .about-small{margin-bottom:24px!important;}
  .about-text{
    max-width:100%!important;
    font-size:clamp(44px,14vw,68px)!important;
    line-height:.88!important;
    letter-spacing:-.055em!important;
  }
  .about-details{grid-template-columns:1fr!important;gap:18px!important;margin-top:34px!important;}
  .about-values{grid-template-columns:1fr!important;gap:10px!important;}

  /* Application form */
  .application-section{padding:86px 14px 72px!important;overflow:hidden!important;}
  .application-shell{width:100%!important;grid-template-columns:1fr!important;gap:30px!important;}
  .application-intro{position:relative!important;top:auto!important;width:100%!important;}
  .application-intro h2{font-size:clamp(40px,13vw,60px)!important;line-height:.9!important;letter-spacing:-.05em!important;}
  .application-intro p{font-size:14px!important;line-height:1.65!important;}
  .application-rules{margin-top:20px!important;}
  .demo-form{width:100%!important;min-width:0!important;padding:16px!important;border-radius:20px!important;}
  .form-progress{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:3px!important;padding:4px!important;}
  .form-step-tab{min-width:0!important;padding:10px 3px!important;gap:4px!important;}
  .form-step-tab span{font-size:8px!important;}
  .form-step-tab b{font-size:7px!important;letter-spacing:.08em!important;white-space:nowrap!important;}
  .field-grid.two-col{grid-template-columns:1fr!important;gap:0!important;}
  .form-field{margin-bottom:16px!important;}
  .form-field input,.form-field select,.form-field textarea{font-size:16px!important;padding:14px 14px!important;border-radius:13px!important;}
  .form-field textarea{min-height:140px!important;}
  .form-check{font-size:11px!important;gap:9px!important;}
  .form-nav{display:grid!important;grid-template-columns:auto 1fr!important;gap:10px!important;align-items:stretch!important;}
  .form-nav-end{grid-template-columns:1fr!important;}
  .form-back,.form-next,.form-submit{min-height:50px!important;padding:0 16px!important;}
  .form-next,.form-submit{width:100%!important;}
  .form-success-panel{min-height:340px!important;padding:36px 18px!important;border-radius:18px!important;}
  .form-success-panel h3{font-size:clamp(30px,10vw,46px)!important;}

  /* Contact */
  .contact-showcase{padding:86px 16px 64px!important;overflow:hidden!important;}
  .contact-shell{width:100%!important;grid-template-columns:1fr!important;gap:38px!important;}
  .contact-title{font-size:clamp(42px,14vw,66px)!important;line-height:.9!important;letter-spacing:-.055em!important;}
  .contact-lead{font-size:15px!important;line-height:1.65!important;}
  .contact-points{grid-template-columns:1fr!important;}
  .contact-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .contact-action{width:100%!important;min-width:0!important;padding:0 14px!important;font-size:11px!important;overflow-wrap:anywhere!important;text-align:center!important;}
  .contact-note{font-size:9px!important;line-height:1.55!important;}
  .contact-receipt-wrap{min-height:auto!important;padding:12px 0 18px!important;}
  .contact-receipt-frame{width:100%!important;max-width:420px!important;}
  .contact-showcase .receipt-paper,
  .contact-showcase .receipt-paper.is-printing,
  .contact-showcase .receipt-paper.is-out{
    width:min(100%,390px)!important;
    max-width:100%!important;
    padding:42px 20px 26px!important;
  }
  .receipt-block a{font-size:14px!important;overflow-wrap:anywhere!important;}
  .receipt-legal{gap:8px!important;flex-wrap:wrap!important;}

  /* Footer */
  .footer-v6.footer-minimal{min-height:auto!important;padding:60px 16px 26px!important;overflow:hidden!important;}
  .footer-kicker{margin-bottom:32px!important;font-size:8px!important;letter-spacing:1.5px!important;}
  .footer-brand-row{overflow:hidden!important;}
  .footer-mega{
    font-size:clamp(58px,18vw,92px)!important;
    letter-spacing:-.07em!important;
    line-height:.82!important;
    white-space:nowrap!important;
  }
  .footer-v6.footer-minimal .footer-contact-grid{grid-template-columns:1fr!important;gap:12px!important;}
  .footer-v6.footer-minimal .footer-contact-block{padding:18px!important;min-width:0!important;}
  .footer-v6.footer-minimal .footer-email{font-size:clamp(17px,5vw,24px)!important;overflow-wrap:anywhere!important;}
  .footer-bottom{grid-template-columns:1fr!important;gap:16px!important;text-align:left!important;}
  .footer-links{flex-wrap:wrap!important;gap:12px 18px!important;}
}

@media (max-width: 430px){
  .navbar{padding:10px 11px!important;gap:8px!important;}
  .brand-logo{width:25px!important;height:25px!important;}
  .brand-word{font-size:13px!important;}
  .lang-btn{min-width:25px!important;width:25px!important;padding:0!important;font-size:8px!important;}
  .nav-submit{padding:0 9px!important;font-size:8px!important;}
  .hero{padding-left:13px!important;padding-right:13px!important;}
  .hero-title{font-size:clamp(49px,16vw,66px)!important;}
  .artists-grid,.polaroid-wall{grid-template-columns:1fr!important;}
  .artist-card{max-width:360px!important;margin:0 auto!important;width:100%!important;}
  .form-progress{overflow:hidden!important;}
  .form-step-tab b{display:none!important;}
  .form-step-tab span{font-size:9px!important;}
  .form-nav{grid-template-columns:1fr!important;}
  .form-back{order:2;width:100%!important;}
  .contact-showcase .receipt-paper,
  .contact-showcase .receipt-paper.is-printing,
  .contact-showcase .receipt-paper.is-out{padding:38px 16px 24px!important;}
  .footer-mega{font-size:17vw!important;}
}
\n\n/* ===== V96: mobile marquee cleanup ===== */
@media (max-width:700px){
  .motion-marquee{
    width:100%!important;
    min-height:46px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    transform:none!important;
    background:#070b0d!important;
    border-top:1px solid rgba(158,238,255,.12)!important;
    border-bottom:1px solid rgba(158,238,255,.12)!important;
  }
  .marquee-track{
    display:flex!important;
    align-items:center!important;
    width:max-content!important;
    min-width:max-content!important;
    transform:translate3d(0,0,0)!important;
    animation:evMobileMarquee 20s linear infinite!important;
    will-change:transform!important;
  }
  .marquee-track span{
    display:block!important;
    flex:none!important;
    padding:14px 22px!important;
    font-size:11px!important;
    line-height:1.15!important;
    font-weight:800!important;
    letter-spacing:.12em!important;
    color:rgba(220,248,255,.72)!important;
    white-space:nowrap!important;
    text-shadow:none!important;
  }
}
@keyframes evMobileMarquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}