/* =========================================
   ROOT VARIABLES
========================================= */

:root{
    --bg:#070811; --panel:rgba(255,255,255,0.045);
    --panel-strong:rgba(255,255,255,0.065); --border:rgba(255,255,255,0.09);
    --border-strong:rgba(167,139,250,0.36); --text:#ffffff;
    --muted:rgba(255,255,255,0.68); --muted-soft:rgba(255,255,255,0.54);
    --blue:#2563EB; --blue-soft:#60A5FA;
    --cyan:#38BDF8; --violet:#7C3AED;
    --violet-soft:#A78BFA; --pink:#EC4899;
    --orange:#F59E0B; --gradient-main:linear-gradient(90deg,#2563EB,#7C3AED,#EC4899);
    --gradient-text:linear-gradient(90deg,#60A5FA,#A78BFA,#EC4899); --glass:linear-gradient(180deg,rgba(255,255,255,0.055),rgba(255,255,255,0.025));
    --radius-sm:14px; --radius-md:18px;
    --radius-lg:26px; --radius-xl:34px;
    --max:1380px; --max-wide:1450px;
}
html{
    scroll-behavior:smooth;
}
body{
    background:var(--bg); color:var(--text); font-family:Arial,sans-serif;
    position:relative; overflow-x:hidden;
}
body::before{
    content:""; position:fixed; width:950px;
    height:950px; top:48%; left:50%;
    transform:translate(-50%,-50%); background:radial-gradient(circle,rgba(124,58,237,0.24) 0%,rgba(37,99,235,0.14) 35%,transparent 70%); filter:blur(35px);
    z-index:0; pointer-events:none;
}
.site-grid,.container-header,.container-component{
    position:relative; z-index:1;
}
.site-grid{
    overflow:visible!important;
}
.container-component{
    padding-top:0!important; padding-block-start:0!important;
}
main .com-content-article{
    margin-top:0!important; padding-top:0!important;
}
.site-grid>.container-component{
    margin-top:-32px!important;
}
a{
    color:var(--violet-soft);
}
a:hover{
    color:#ffffff;
}
h1,h2,h3,h4,p{
    color:#ffffff;
}

/* =========================================
   HEADER / MENU
========================================= */

.container-header{
    background:rgba(7,8,17,0.82)!important; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(255,255,255,0.06); position:sticky; top:0;
    z-index:999; min-height:96px; display:flex;
    align-items:center;
}
.container-header .grid-child{
    max-width:var(--max-wide); margin:0 auto; width:100%;
    display:grid; grid-template-columns:280px 1fr; align-items:center;
    padding:0 32px;
}
.navbar-brand{
    display:flex!important; align-items:center; margin:0;
    padding:0; background:transparent!important; transform:scale(1.18);
    transform-origin:left center;
}
.navbar-brand img,.container-header .navbar-brand img,.container-header .brand-logo img{
    max-height:54px; width:auto; display:block;
    object-fit:contain;
}
.container-header .brand-logo{
    background:transparent!important;
}
.container-header nav{
    display:flex; justify-content:center; align-items:center;
}
.container-header .mod-menu{
    display:flex!important; flex-direction:row!important; justify-content:center;
    align-items:center; gap:24px; margin:0;
    padding:0; list-style:none; flex-wrap:nowrap!important;
}
.container-header .mod-menu>li{
    display:inline-flex; align-items:center;
}
.container-header .mod-menu>li>a{
    color:rgba(255,255,255,0.78)!important; font-size:14px; font-weight:700;
    letter-spacing:0.4px; padding:10px 0; text-decoration:none!important;
    white-space:nowrap; transition:all .3s ease;
}
.container-header .mod-menu>li>a:hover,.container-header .mod-menu>li.active>a{
    background:var(--gradient-main); -webkit-background-clip:text; -webkit-text-fill-color:transparent;
    text-shadow:0 0 18px rgba(124,58,237,0.35); text-decoration:none!important;
}
.navbar-toggler{
    display:none!important;
}
.hero-buttons,.sleep-buttons{
    display:flex; align-items:center; gap:16px;
    flex-wrap:wrap;
}
.hero-buttons{
    justify-content:center;
}
.sleep-buttons{
    justify-content:flex-start;
}
.hero-button,.sleep-btn-main,.frequency-content a,.sleep-audio-button,.timeline-audio-btn,.unlock-session-btn,.nc-contact-btn{
    position:relative!important; display:inline-flex!important; align-items:center!important;
    justify-content:center!important; gap:12px!important; min-height:54px!important;
    padding:0 30px!important; border-radius:18px!important; color:#ffffff!important;
    text-decoration:none!important; font-size:16px!important; font-weight:800!important;
    letter-spacing:0.1px!important; background:linear-gradient(135deg,rgba(18,24,48,0.92),rgba(36,30,78,0.84),rgba(62,34,84,0.78))!important; border:1px solid rgba(167,139,250,0.34)!important;
    backdrop-filter:blur(18px)!important; -webkit-backdrop-filter:blur(18px)!important; box-shadow:inset 0 0 18px rgba(255,255,255,0.035),0 0 18px rgba(124,58,237,0.16),0 14px 40px rgba(0,0,0,0.34)!important;
    overflow:hidden!important; cursor:pointer; transition:all .35s ease!important;
}
.hero-button::before,.sleep-btn-main::before,.frequency-content a::before,.sleep-audio-button::before,.timeline-audio-btn::after,.unlock-session-btn::before{
    content:""!important; position:absolute!important; inset:0!important;
    border-radius:inherit!important; padding:1px!important; background:linear-gradient(90deg,rgba(96,165,250,0.50),rgba(167,139,250,0.54),rgba(236,72,153,0.42))!important;
    -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important; -webkit-mask-composite:xor!important; mask-composite:exclude!important;
    pointer-events:none!important;
}
.hero-button:hover,.sleep-btn-main:hover,.frequency-content a:hover,.sleep-audio-button:hover,.timeline-audio-btn:hover,.unlock-session-btn:hover,.nc-contact-btn:hover{
    transform:translateY(-3px)!important; border-color:rgba(167,139,250,0.55)!important; box-shadow:inset 0 0 24px rgba(255,255,255,0.045),0 0 24px rgba(124,58,237,0.22),0 0 46px rgba(37,99,235,0.12),0 18px 50px rgba(0,0,0,0.42)!important;
}
.sleep-btn-ghost,.hero-audio-toggle{
    position:relative!important; display:inline-flex!important; align-items:center!important;
    justify-content:center!important; gap:12px!important; min-height:54px!important;
    padding:0 30px!important; border-radius:18px!important; color:rgba(255,255,255,0.92)!important;
    text-decoration:none!important; font-size:15px!important; font-weight:800!important;
    background:rgba(255,255,255,0.045)!important; border:1px solid rgba(255,255,255,0.13)!important; backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important; box-shadow:inset 0 0 20px rgba(255,255,255,0.035),0 0 18px rgba(124,58,237,0.12)!important; transition:all .35s ease!important;
}
.sleep-btn-ghost:hover,.hero-audio-toggle:hover{
    transform:translateY(-3px)!important; border-color:rgba(167,139,250,0.42)!important; background:rgba(255,255,255,0.065)!important;
    box-shadow:0 0 24px rgba(124,58,237,0.18),0 0 48px rgba(37,99,235,0.10)!important;
}
.hero-audio-toggle::after{
    content:"▶"!important; width:34px!important; height:34px!important;
    min-width:34px!important; border-radius:50%!important; display:inline-flex!important;
    align-items:center!important; justify-content:center!important; order:-1!important;
    background:rgba(255,255,255,0.12)!important; box-shadow:inset 0 0 14px rgba(255,255,255,0.08),0 0 18px rgba(167,139,250,0.26)!important; color:#ffffff!important;
    font-size:13px!important; line-height:1!important;
}
.hero-neuro-animated.audio-active .hero-audio-toggle::after{
    content:"■"!important; font-size:11px!important;
}

/* =========================================
   HOME HERO — NEUROCOSMIC CINEMATIC RINGS
========================================= */

.hero-neuro-animated{
    position:relative;
    width:100%;
    min-height:88vh;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    overflow:hidden;
    padding-top:40px;
    background:#070811;
    isolation:isolate;
}

.hero-ambient-layer{
    position:absolute;
    inset:0;
    z-index:0;
    background:
        radial-gradient(circle at 50% 45%,rgba(124,58,237,0.28),transparent 38%),
        radial-gradient(circle at 34% 55%,rgba(37,99,235,0.18),transparent 36%),
        radial-gradient(circle at 70% 52%,rgba(236,72,153,0.16),transparent 34%),
        radial-gradient(circle at 50% 50%,rgba(255,255,255,0.035),transparent 18%);
}

.hero-glow{
    position:absolute;
    width:860px;
    height:860px;
    border-radius:50%;
    background:
        radial-gradient(circle,
        rgba(167,139,250,0.28) 0%,
        rgba(124,58,237,0.22) 24%,
        rgba(37,99,235,0.12) 48%,
        transparent 72%);
    filter:blur(38px);
    animation:neuroPulse 12s ease-in-out infinite;
    z-index:1;
}

.hero-neuro-dust{
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
}

.hero-neuro-dust span{
    position:absolute;
    width:2px;
    height:2px;
    border-radius:50%;
    opacity:0;
    filter:blur(.5px);
    animation:neuroDust 9s ease-in-out infinite;
}

.hero-neuro-dust span:nth-child(3n){
    background:rgba(96,165,250,0.86);
    box-shadow:0 0 10px rgba(96,165,250,0.75);
}

.hero-neuro-dust span:nth-child(3n+1){
    background:rgba(167,139,250,0.86);
    box-shadow:0 0 10px rgba(167,139,250,0.75);
}

.hero-neuro-dust span:nth-child(3n+2){
    background:rgba(236,72,153,0.72);
    box-shadow:0 0 10px rgba(236,72,153,0.62);
}

.hero-neuro-dust span:nth-child(1){top:12%;left:18%;animation-delay:0s;}
.hero-neuro-dust span:nth-child(2){top:24%;left:72%;animation-delay:1s;}
.hero-neuro-dust span:nth-child(3){top:62%;left:28%;animation-delay:2s;}
.hero-neuro-dust span:nth-child(4){top:74%;left:82%;animation-delay:3s;}
.hero-neuro-dust span:nth-child(5){top:42%;left:48%;animation-delay:4s;}
.hero-neuro-dust span:nth-child(6){top:18%;left:56%;animation-delay:5s;}
.hero-neuro-dust span:nth-child(7){top:54%;left:64%;animation-delay:6s;}
.hero-neuro-dust span:nth-child(8){top:36%;left:34%;animation-delay:7s;}

.hero-rings{
    position:absolute;
    width:820px;
    height:820px;
    z-index:3;
    pointer-events:none;
}

.hero-ring{
    position:absolute;
    border-radius:50%;
    transform-origin:center;
    border:1px solid rgba(255,255,255,0.10);
    box-shadow:
        0 0 18px rgba(124,58,237,0.22),
        0 0 38px rgba(37,99,235,0.12),
        inset 0 0 16px rgba(96,165,250,0.10);
}

/* anillo exterior azul-magenta */
.ring-1{
    inset:0;
    border-top-color:rgba(96,165,250,0.85);
    border-right-color:rgba(167,139,250,0.54);
    border-bottom-color:rgba(236,72,153,0.48);
    border-left-color:rgba(37,99,235,0.22);
    opacity:.9;
    animation:rotateRing 46s linear infinite;
}

/* anillo azul interno */
.ring-2{
    inset:62px;
    border-top-color:rgba(96,165,250,0.70);
    border-right-color:rgba(37,99,235,0.42);
    border-bottom-color:rgba(167,139,250,0.34);
    border-left-color:rgba(96,165,250,0.16);
    opacity:.78;
    animation:rotateRingReverse 58s linear infinite;
}

/* anillo violeta-magenta */
.ring-3{
    inset:124px;
    border-top-color:rgba(167,139,250,0.62);
    border-right-color:rgba(236,72,153,0.50);
    border-bottom-color:rgba(124,58,237,0.36);
    border-left-color:rgba(255,255,255,0.08);
    opacity:.68;
    animation:rotateRing 38s linear infinite;
}

/* anillos extra generados visualmente desde los existentes */
.ring-1::before,
.ring-1::after,
.ring-2::before,
.ring-2::after,
.ring-3::before,
.ring-3::after{
    content:"";
    position:absolute;
    border-radius:50%;
    pointer-events:none;
    border:1px solid rgba(255,255,255,0.07);
}

.ring-1::before{
    inset:32px;
    border-top-color:rgba(96,165,250,0.38);
    border-right-color:rgba(167,139,250,0.26);
    border-bottom-color:rgba(236,72,153,0.20);
    opacity:.76;
}

.ring-1::after{
    inset:96px;
    border-top-color:rgba(37,99,235,0.34);
    border-right-color:rgba(96,165,250,0.22);
    border-bottom-color:rgba(167,139,250,0.18);
    opacity:.58;
}

.ring-2::before{
    inset:38px;
    border-top-color:rgba(167,139,250,0.30);
    border-right-color:rgba(236,72,153,0.22);
    opacity:.62;
}

.ring-2::after{
    inset:102px;
    border-top-color:rgba(96,165,250,0.28);
    border-left-color:rgba(37,99,235,0.22);
    opacity:.48;
}

.ring-3::before{
    inset:42px;
    border-top-color:rgba(236,72,153,0.32);
    border-right-color:rgba(167,139,250,0.22);
    opacity:.58;
}

.ring-3::after{
    inset:92px;
    border-top-color:rgba(255,255,255,0.14);
    border-right-color:rgba(96,165,250,0.20);
    opacity:.40;
}

/* puntos luminosos sobre los anillos */
.hero-rings::before,
.hero-rings::after{
    content:"";
    position:absolute;
    border-radius:50%;
    width:7px;
    height:7px;
    background:#ffffff;
    box-shadow:
        0 0 14px rgba(255,255,255,0.90),
        0 0 28px rgba(167,139,250,0.80),
        0 0 42px rgba(37,99,235,0.55);
    z-index:4;
}

.hero-rings::before{
    top:11%;
    left:33%;
    animation:ringParticleOne 14s ease-in-out infinite;
}

.hero-rings::after{
    right:12%;
    top:38%;
    background:#f0abfc;
    box-shadow:
        0 0 14px rgba(240,171,252,0.95),
        0 0 30px rgba(236,72,153,0.70),
        0 0 44px rgba(124,58,237,0.50);
    animation:ringParticleTwo 18s ease-in-out infinite;
}

.hero-audio-canvas{
    position:absolute;
    width:82vw;
    max-width:1320px;
    height:260px;
    left:50%;
    top:47%;
    transform:translate(-50%,-50%);
    z-index:5;
    pointer-events:none;
    opacity:.54!important;
    overflow:visible;
    transition:opacity .9s ease,filter .9s ease;
    filter:
        drop-shadow(0 0 18px rgba(96,165,250,0.62))
        drop-shadow(0 0 34px rgba(236,72,153,0.46));
}

.hero-neuro-animated.audio-active .hero-audio-canvas{
    opacity:.94!important;
    filter:
        drop-shadow(0 0 18px rgba(96,165,250,0.68))
        drop-shadow(0 0 42px rgba(236,72,153,0.54))!important;
}

.hero-content{
    position:relative;
    z-index:6;
    width:100%;
    max-width:1240px;
    margin:0 auto;
    text-align:center;
    padding:0 24px;
}

.hero-content h1{
    white-space:nowrap;
    font-size:clamp(54px,7vw,96px);
    font-weight:800;
    letter-spacing:-3px;
    margin:0 0 24px;
    background:var(--gradient-text);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.hero-content p{
    max-width:900px;
    margin:0 auto 50px;
    font-size:24px;
    line-height:1.7;
    color:rgba(255,255,255,0.72);
}

@keyframes ringParticleOne{
    0%,100%{
        transform:translate3d(0,0,0) scale(.8);
        opacity:.55;
    }
    50%{
        transform:translate3d(260px,90px,0) scale(1.25);
        opacity:1;
    }
}

@keyframes ringParticleTwo{
    0%,100%{
        transform:translate3d(0,0,0) scale(.85);
        opacity:.52;
    }
    50%{
        transform:translate3d(-230px,210px,0) scale(1.18);
        opacity:1;
    }
}
/* =========================================
   HOME STATES / CARDS
========================================= */

.states-bar,.frequency-section{
    max-width:var(--max); margin:0 auto; padding-left:28px;
    padding-right:28px;
}
.states-bar{
    padding-top:70px; padding-bottom:100px;
}
.frequency-section{
    padding-top:40px; padding-bottom:120px;
}
.states-title,.section-header{
    color:rgba(255,255,255,0.62); font-size:13px; font-weight:800;
    letter-spacing:1.8px; text-transform:uppercase;
}
.states-title{
    text-align:center; margin-bottom:34px;
}
.section-header{
    margin-bottom:34px;
}
.section-header h2{
    color:#ffffff; font-size:42px; margin:10px 0;
    letter-spacing:-1px; text-transform:none;
}
.section-header p{
    color:rgba(255,255,255,0.62); font-size:18px; margin:0;
    text-transform:none; letter-spacing:0;
}
.states-grid{
    display:grid; grid-template-columns:repeat(6,1fr); gap:18px;
}
.frequency-grid{
    display:grid; grid-template-columns:repeat(4,1fr); gap:28px;
}
.state-item,.frequency-card,.sleep-card,.sleep-player-box{
    background:var(--panel); border:1px solid var(--border); box-shadow:0 20px 60px rgba(0,0,0,0.26);
    backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
}
.state-item{
    border-radius:18px; padding:28px 18px; text-align:center;
    transition:all .35s ease;
}
.state-item:hover,.frequency-card:hover{
    transform:translateY(-6px); border-color:rgba(124,58,237,0.45); box-shadow:0 0 28px rgba(37,99,235,0.14),0 0 45px rgba(124,58,237,0.16),0 24px 70px rgba(0,0,0,0.34);
}
.state-icon{
    font-size:34px; margin-bottom:16px; background:var(--gradient-main);
    -webkit-background-clip:text; -webkit-text-fill-color:transparent;
}
.frequency-card{
    border-radius:18px; overflow:hidden; transition:all .35s ease;
}
.frequency-image{
    height:240px; background-size:cover; background-position:center;
}
.frequency-image.sleep{
    background-image:url('/images/neurocosmic/heroes/deep-sleep-hero.webp');
}
.frequency-image.focus{
    background-image:url('/images/neurocosmic/heroes/focus-flow-hero.webp');
}
.frequency-image.meditation{
    background-image:url('/images/neurocosmic/heroes/inner-peace-hero.webp');
}
.frequency-image.energy{
    background-image:url('/images/neurocosmic/heroes/energy-boost-hero.webp');
}
.frequency-image.relax{
    background-image:url('/images/neurocosmic/heroes/deep-relax-hero.webp');
}
.frequency-image.balance{
    background-image:url('/images/neurocosmic/heroes/emotional-balance-hero.webp');
}
.frequency-image.baby{
    background-image:url('/images/neurocosmic/heroes/baby-calm-hero.webp');
}
.frequency-image.pet{
    background-image:url('/images/neurocosmic/heroes/pet-harmony-hero.webp');
}
.frequency-content{
    padding:20px;
}
.frequency-content span{
    display:block; color:rgba(255,255,255,0.48); font-size:11px;
    font-weight:800; letter-spacing:1.6px; text-transform:uppercase;
    margin-bottom:8px;
}
.frequency-content h3{
    font-size:28px; margin:8px 0 6px;
}
.frequency-content p{
    color:rgba(255,255,255,0.58); margin:0 0 18px;
}

/* =========================================
   DEEP SLEEP
========================================= */

.sleep-hero-cinematic{
    position:relative; min-height:92vh; display:flex;
    align-items:center; justify-content:flex-start; overflow:hidden;
    padding:130px 6% 130px 8%!important; background:linear-gradient(90deg,rgba(5,7,18,0.96) 0%,rgba(5,7,18,0.86) 34%,rgba(5,7,18,0.52) 66%,rgba(5,7,18,0.20) 100%),url('/images/neurocosmic/heroes/deep-sleep-hero.webp'); background-size:cover;
    background-position:center right; background-repeat:no-repeat; isolation:isolate;
}
.sleep-cosmic-bg,.sleep-nebula{
    position:absolute; inset:0; pointer-events:none;
    z-index:1;
}
.sleep-cosmic-bg{
    background:radial-gradient(circle at 22% 42%,rgba(37,99,235,0.24),transparent 34%),radial-gradient(circle at 44% 58%,rgba(124,58,237,0.20),transparent 42%),radial-gradient(circle at 72% 26%,rgba(236,72,153,0.12),transparent 34%); filter:blur(2px);
}
.sleep-nebula{
    background:radial-gradient(circle at 18% 50%,rgba(167,139,250,0.18),transparent 36%),radial-gradient(circle at 74% 46%,rgba(96,165,250,0.12),transparent 44%); filter:blur(70px); opacity:.9;
    animation:sleepNebulaBreath 12s ease-in-out infinite;
}
.sleep-stars{
    position:absolute; inset:0; z-index:2;
    pointer-events:none;
}
.sleep-stars span{
    position:absolute; width:2px; height:2px;
    border-radius:50%; background:rgba(255,255,255,0.75); box-shadow:0 0 10px rgba(167,139,250,0.65);
    animation:sleepStarTwinkle 5.5s ease-in-out infinite;
}
.sleep-stars span:nth-child(1){
    top:14%; left:18%; animation-delay:.1s;
}
.sleep-stars span:nth-child(2){
    top:22%; left:42%; animation-delay:.7s;
}
.sleep-stars span:nth-child(3){
    top:18%; left:76%; animation-delay:1.2s;
}
.sleep-stars span:nth-child(4){
    top:38%; left:12%; animation-delay:1.8s;
}
.sleep-stars span:nth-child(5){
    top:46%; left:56%; animation-delay:2.4s;
}
.sleep-stars span:nth-child(6){
    top:62%; left:24%; animation-delay:3s;
}
.sleep-stars span:nth-child(7){
    top:70%; left:68%; animation-delay:3.5s;
}
.sleep-stars span:nth-child(8){
    top:82%; left:44%; animation-delay:4s;
}
.sleep-stars span:nth-child(9){
    top:28%; left:86%; animation-delay:4.4s;
}
.sleep-stars span:nth-child(10){
    top:76%; left:84%; animation-delay:4.8s;
}
.sleep-stars span:nth-child(11){
    top:52%; left:78%; animation-delay:5.1s;
}
.sleep-stars span:nth-child(12){
    top:10%; left:58%; animation-delay:5.4s;
}
.sleep-gradient-orb{
    position:absolute; border-radius:50%; pointer-events:none;
    z-index:2; filter:blur(70px); opacity:.7;
}
.orb-1{
    width:460px; height:460px; left:8%;
    top:24%; background:radial-gradient(circle,rgba(124,58,237,0.32),transparent 68%); animation:sleepOrbFloatOne 13s ease-in-out infinite;
}
.orb-2{
    width:360px; height:360px; right:18%;
    bottom:12%; background:radial-gradient(circle,rgba(37,99,235,0.24),transparent 68%); animation:sleepOrbFloatTwo 15s ease-in-out infinite;
}
.sleep-wave-lines{
    position:absolute; right:4%; top:34%;
    width:58%; height:320px; z-index:3;
    pointer-events:none; opacity:.76;
}
.sleep-wave-lines span{
    position:absolute; inset:auto 0; height:120px;
    border:1px solid rgba(167,139,250,0.22); border-left:0; border-right:0;
    border-radius:50%; filter:drop-shadow(0 0 16px rgba(96,165,250,0.22)); animation:sleepWaveDrift 9s ease-in-out infinite;
}
.sleep-wave-lines span:nth-child(1){
    top:10px; animation-delay:0s;
}
.sleep-wave-lines span:nth-child(2){
    top:86px; border-color:rgba(96,165,250,0.18); animation-delay:-2.2s;
}
.sleep-wave-lines span:nth-child(3){
    top:164px; border-color:rgba(236,72,153,0.14); animation-delay:-4.4s;
}
.sleep-cinematic-content{
    position:relative; z-index:5; max-width:820px!important;
}
.sleep-mini-label,.sleep-visualizer-mini,.neuro-state-mini,.sleep-timeline-mini,.unlock-mini,.nc-contact-mini,.nc-contact-label{
    display:inline-block; margin-bottom:18px; padding:10px 18px;
    border-radius:999px; background:rgba(255,255,255,0.045); border:1px solid rgba(255,255,255,0.08);
    color:rgba(255,255,255,0.58); font-size:12px; font-weight:800;
    letter-spacing:2px; text-transform:uppercase; backdrop-filter:blur(12px);
}
.sleep-mini-label{
    color:rgba(196,181,253,0.92); border-color:rgba(255,255,255,0.12);
}
.sleep-cinematic-content h1{
    margin:0 0 24px; font-size:clamp(62px,7vw,104px)!important; line-height:.9;
    letter-spacing:-3px!important; background:linear-gradient(90deg,#ffffff,#A78BFA,#60A5FA); -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.sleep-cinematic-content p{
    max-width:760px!important; margin:0 0 38px; color:rgba(255,255,255,0.76);
    font-size:21px!important; line-height:1.7;
}
.sleep-visualizer-section,.neuro-state-section,.sleep-timeline-section{
    position:relative; max-width:var(--max); margin:0 auto;
    padding:120px 30px; overflow:hidden;
}
.sleep-timeline-section{
    max-width:var(--max-wide);
}
.neuro-state-section{
    padding-top:140px; padding-bottom:100px;
}
.sleep-visualizer-section{
    padding-bottom:110px;
}
.sleep-visualizer-bg,.neuro-state-bg{
    position:absolute; left:50%; top:50%;
    transform:translate(-50%,-50%); border-radius:50%; pointer-events:none;
    filter:blur(85px);
}
.sleep-visualizer-bg{
    width:1000px; height:640px; top:54%;
    background:radial-gradient(circle,rgba(37,99,235,0.18),transparent 42%),radial-gradient(circle,rgba(124,58,237,0.13),transparent 62%);
}
.neuro-state-bg{
    width:900px; height:900px; top:40%;
    background:radial-gradient(circle,rgba(124,58,237,0.16),rgba(37,99,235,0.08),transparent 70%);
}
.sleep-visualizer-header,.neuro-state-header,.sleep-timeline-header{
    position:relative; z-index:2; text-align:center;
    max-width:920px; margin:0 auto 80px;
}
.sleep-visualizer-header h2,.neuro-state-header h2,.sleep-timeline-header h2{
    font-size:clamp(42px,6vw,72px); line-height:1.05; margin:0 0 24px;
    letter-spacing:-2px; background:var(--gradient-text); -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.sleep-visualizer-header p,.neuro-state-header p,.sleep-timeline-header p{
    font-size:20px; line-height:1.75; color:rgba(255,255,255,0.64);
}
.sleep-visualizer-wrap{
    position:relative; z-index:2; max-width:1080px;
    height:260px; margin:0 auto; border-radius:34px;
    background:var(--glass); border:1px solid rgba(255,255,255,0.08); box-shadow:0 30px 90px rgba(0,0,0,0.34),inset 0 0 70px rgba(37,99,235,0.06);
    backdrop-filter:blur(22px); overflow:hidden;
}
.sleep-visualizer-wrap::after{
    content:""; position:absolute; left:8%;
    right:8%; top:50%; height:2px;
    transform:translateY(-50%); background:linear-gradient(90deg,transparent,rgba(96,165,250,0.65),rgba(167,139,250,0.85),rgba(236,72,153,0.65),transparent); box-shadow:0 0 18px rgba(124,58,237,0.48),0 0 38px rgba(37,99,235,0.24);
    opacity:.72;
}
.sleep-visualizer-line{
    position:absolute; left:50%; top:50%;
    z-index:3; transform:translate(-50%,-50%); display:flex;
    align-items:center; justify-content:center; gap:8px;
    height:170px; width:86%;
}
.sleep-visualizer-line span{
    width:4px; min-height:18px; border-radius:999px;
    background:linear-gradient(180deg,rgba(96,165,250,0.15),rgba(167,139,250,0.92),rgba(236,72,153,0.82),rgba(96,165,250,0.15)); box-shadow:0 0 12px rgba(167,139,250,0.42),0 0 24px rgba(37,99,235,0.18); transform-origin:center;
    animation:sleepVisualizerPulse 3.8s ease-in-out infinite;
}
.sleep-visualizer-line span:nth-child(odd){
    height:82px;
}
.sleep-visualizer-line span:nth-child(even){
    height:132px;
}
.sleep-visualizer-line span:nth-child(3n){
    height:168px;
}
.sleep-visualizer-line span:nth-child(4n){
    height:48px;
}
.sleep-visualizer-line span:nth-child(5n){
    height:116px;
}
.sleep-visualizer-line span:nth-child(1){
    animation-delay:.05s;
}
.sleep-visualizer-line span:nth-child(2){
    animation-delay:.18s;
}
.sleep-visualizer-line span:nth-child(3){
    animation-delay:.31s;
}
.sleep-visualizer-line span:nth-child(4){
    animation-delay:.44s;
}
.sleep-visualizer-line span:nth-child(5){
    animation-delay:.57s;
}
.sleep-visualizer-line span:nth-child(6){
    animation-delay:.70s;
}
.sleep-visualizer-line span:nth-child(7){
    animation-delay:.83s;
}
.sleep-visualizer-line span:nth-child(8){
    animation-delay:.96s;
}
.sleep-visualizer-line span:nth-child(9){
    animation-delay:1.09s;
}
.sleep-visualizer-line span:nth-child(10){
    animation-delay:1.22s;
}
.sleep-visualizer-line span:nth-child(11){
    animation-delay:1.35s;
}
.sleep-visualizer-line span:nth-child(12){
    animation-delay:1.48s;
}
.sleep-visualizer-line span:nth-child(13){
    animation-delay:1.61s;
}
.sleep-visualizer-line span:nth-child(14){
    animation-delay:1.74s;
}
.sleep-visualizer-line span:nth-child(15){
    animation-delay:1.87s;
}
.sleep-visualizer-line span:nth-child(16){
    animation-delay:2s;
}
.sleep-visualizer-line span:nth-child(17){
    animation-delay:2.13s;
}
.sleep-visualizer-line span:nth-child(18){
    animation-delay:2.26s;
}
.sleep-visualizer-line span:nth-child(19){
    animation-delay:2.39s;
}
.sleep-visualizer-line span:nth-child(20){
    animation-delay:2.52s;
}
.sleep-visualizer-line span:nth-child(21){
    animation-delay:2.65s;
}
.sleep-visualizer-line span:nth-child(22){
    animation-delay:2.78s;
}
.sleep-visualizer-line span:nth-child(23){
    animation-delay:2.91s;
}
.sleep-visualizer-line span:nth-child(24){
    animation-delay:3.04s;
}
.sleep-visualizer-line span:nth-child(25){
    animation-delay:3.17s;
}
.neuro-state-grid{
    position:relative; z-index:2; display:grid;
    grid-template-columns:repeat(4,1fr); gap:28px;
}
.neuro-state-card{
    position:relative; padding:42px 32px; border-radius:28px;
    background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); backdrop-filter:blur(18px);
    overflow:hidden; transition:all .4s ease;
}
.neuro-state-card:hover{
    transform:translateY(-8px); border-color:rgba(124,58,237,0.36); box-shadow:0 0 40px rgba(124,58,237,0.16),0 0 80px rgba(37,99,235,0.10);
}
.neuro-icon{
    width:72px; height:72px; display:flex;
    align-items:center; justify-content:center; margin:0 auto 28px;
    border-radius:50%; font-size:30px; color:#fff;
    background:linear-gradient(135deg,rgba(37,99,235,0.8),rgba(124,58,237,0.8),rgba(236,72,153,0.8)); box-shadow:0 0 24px rgba(124,58,237,0.28);
}
.neuro-state-card h3{
    font-size:28px; margin-bottom:18px; color:#fff;
}
.neuro-state-card p{
    color:rgba(255,255,255,0.62); line-height:1.8; font-size:16px;
}
.sleep-timeline-bg{
    position:absolute; inset:0; background:radial-gradient(circle at 20% 20%,rgba(37,99,235,0.10),transparent 34%),radial-gradient(circle at 70% 50%,rgba(124,58,237,0.13),transparent 40%);
    pointer-events:none;
}
.sleep-timeline{
    position:relative; max-width:1400px; margin:0 auto;
    padding-left:90px;
}
.sleep-timeline-line{
    position:absolute; left:34px; top:0;
    bottom:0; width:2px; background:linear-gradient(180deg,#60A5FA,#A855F7,#EC4899,#F59E0B);
    opacity:.9; box-shadow:0 0 20px rgba(124,58,237,.6),0 0 40px rgba(37,99,235,.35);
}
.sleep-timeline-item{
    position:relative; margin-bottom:44px;
}
.timeline-dot{
    position:absolute; left:-69px; top:50%;
    width:22px; height:22px; border-radius:50%;
    transform:translateY(-50%); z-index:5;
}
.timeline-blue .timeline-dot{
    background:#38BDF8; box-shadow:0 0 24px #38BDF8;
}
.timeline-violet .timeline-dot{
    background:#A855F7; box-shadow:0 0 24px #A855F7;
}
.timeline-pink .timeline-dot{
    background:#EC4899; box-shadow:0 0 24px #EC4899;
}
.timeline-orange .timeline-dot{
    background:#F59E0B; box-shadow:0 0 24px #F59E0B;
}
.timeline-content{
    position:relative; display:grid; grid-template-columns:420px 1fr;
    overflow:hidden; border-radius:34px; min-height:280px;
    border:1px solid rgba(255,255,255,.08); background:var(--glass); backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px); transition:all .4s ease;
}
.timeline-content:hover{
    transform:translateY(-4px); border-color:rgba(255,255,255,.16); box-shadow:0 0 40px rgba(124,58,237,.18),0 30px 80px rgba(0,0,0,.35);
}
.timeline-time{
    position:absolute; left:28px; top:26px;
    z-index:4; font-size:48px; font-weight:900;
    letter-spacing:-2px;
}
.timeline-blue .timeline-time{
    color:#38BDF8;
}
.timeline-violet .timeline-time{
    color:#A855F7;
}
.timeline-pink .timeline-time{
    color:#EC4899;
}
.timeline-orange .timeline-time{
    color:#F59E0B;
}
.timeline-content h3{
    margin-top:96px; margin-left:32px; margin-bottom:20px;
    font-size:48px; line-height:1;
}
.timeline-content p{
    margin-left:32px; margin-right:32px; color:rgba(255,255,255,.72);
    font-size:19px; line-height:1.8;
}
.timeline-visual{
    position:relative; overflow:hidden; min-height:280px;
    background-size:cover!important; background-position:center center!important; border-left:1px solid rgba(255,255,255,.08);
    transition:transform 1.2s ease,filter .6s ease;
}
.timeline-content:hover .timeline-visual{
    transform:scale(1.04); filter:saturate(1.15) brightness(1.05);
}
.visual-blue{
    background:linear-gradient(90deg,rgba(3,7,18,.15),rgba(3,7,18,.05)),url('/images/neurocosmic/deep-sleep/initial-descent.jpg');
}
.visual-violet{
    background:linear-gradient(90deg,rgba(15,3,25,.18),rgba(15,3,25,.05)),url('/images/neurocosmic/deep-sleep/theta-transition.jpg');
}
.visual-pink{
    background:linear-gradient(90deg,rgba(20,0,15,.20),rgba(20,0,15,.04)),url('/images/neurocosmic/deep-sleep/delta-immersion.jpg');
}
.visual-orange{
    background:linear-gradient(90deg,rgba(25,10,0,.18),rgba(25,10,0,.04)),url('/images/neurocosmic/deep-sleep/deep-recovery.jpg');
}
.timeline-visual::before{
    content:""; position:absolute; inset:0;
    background:radial-gradient(circle at center,rgba(255,255,255,.10),transparent 60%); mix-blend-mode:screen; opacity:.7;
    animation:visualPulse 8s ease-in-out infinite;
}
.timeline-visual::after{
    content:""; position:absolute; left:-10%;
    top:50%; width:120%; height:2px;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent); transform:translateY(-50%); opacity:.8;
    animation:waveMove 7s linear infinite;
}
.timeline-audio-btn{
    margin-left:28px!important; margin-bottom:30px!important; min-height:52px!important;
    padding:0 24px!important; padding-left:22px!important; border-radius:999px!important;
    background:rgba(0,0,0,0.28)!important; color:#fff!important; font-size:15px!important;
    font-weight:800!important; overflow:hidden!important;
}
.timeline-audio-btn::before{
    content:"▶"!important; position:static!important; width:30px!important;
    height:30px!important; min-width:30px!important; border-radius:50%!important;
    display:inline-flex!important; align-items:center!important; justify-content:center!important;
    background:rgba(255,255,255,0.12)!important; box-shadow:inset 0 0 10px rgba(255,255,255,0.06),0 0 14px rgba(167,139,250,0.18)!important; color:#fff!important;
    font-size:11px!important; line-height:1!important; -webkit-mask:none!important;
    mask:none!important; pointer-events:none!important;
}
.timeline-audio-btn.timeline-playing::before{
    content:"❚❚"!important; font-size:9px!important;
}
.sleep-timeline .timeline-btn-blue{
    border-color:#28dfff!important; box-shadow:0 0 22px rgba(40,223,255,0.40)!important;
}
.sleep-timeline .timeline-btn-violet{
    border-color:#b35cff!important; box-shadow:0 0 22px rgba(179,92,255,0.40)!important;
}
.sleep-timeline .timeline-btn-pink{
    border-color:#ff5bbd!important; box-shadow:0 0 22px rgba(255,91,189,0.40)!important;
}
.sleep-timeline .timeline-btn-orange{
    border-color:#ff9b32!important; box-shadow:0 0 22px rgba(255,155,50,0.40)!important;
}
.timeline-content:has(.timeline-audio-btn.timeline-playing){
    border-color:rgba(167,139,250,0.42); box-shadow:0 0 34px rgba(124,58,237,0.20),0 0 70px rgba(37,99,235,0.10),0 24px 70px rgba(0,0,0,0.38);
}
.timeline-content:has(.timeline-audio-btn.timeline-playing) h3{
    background:var(--gradient-text); -webkit-background-clip:text; -webkit-text-fill-color:transparent;
}
.unlock-session-box.unlock-session-premium{
    position:relative!important; z-index:2!important; max-width:1120px!important;
    min-height:150px!important; margin:52px auto 0!important; padding:28px 34px!important;
    display:grid!important; grid-template-columns:140px 1fr 340px!important; align-items:center!important;
    justify-items:initial!important; gap:28px!important; text-align:left!important;
    border-radius:24px!important; overflow:hidden!important; border:1px solid rgba(0,180,255,0.48)!important;
    background:radial-gradient(circle at 9% 50%,rgba(255,50,220,0.26),transparent 18%),radial-gradient(circle at 92% 50%,rgba(45,70,255,0.26),transparent 22%),linear-gradient(135deg,rgba(4,8,30,0.98),rgba(18,10,54,0.94),rgba(3,7,25,0.98))!important; box-shadow:0 0 40px rgba(0,160,255,0.20),inset 0 0 44px rgba(170,60,255,0.10)!important;
}
.unlock-orb{
    width:124px!important; height:124px!important; border-radius:50%!important;
    display:grid!important; place-items:center!important; justify-self:center!important;
    background:radial-gradient(circle at 28% 28%,rgba(255,65,230,0.95),transparent 23%),radial-gradient(circle at 76% 74%,rgba(0,170,255,0.95),transparent 25%),radial-gradient(circle,rgba(95,45,255,0.55),rgba(0,0,0,0) 72%)!important; box-shadow:0 0 38px rgba(210,70,255,0.42),0 0 44px rgba(0,170,255,0.30)!important;
}
.unlock-orb-inner{
    width:70px!important; height:70px!important; border-radius:0!important;
    display:grid!important; place-items:center!important; background:transparent!important;
    border:none!important; box-shadow:none!important;
}
.unlock-lock-icon{
    font-size:3.2rem!important; text-shadow:0 0 14px rgba(255,217,90,0.65),0 0 28px rgba(255,80,255,0.55)!important;
}
.unlock-content{
    position:relative!important; z-index:2!important; text-align:left!important;
}
.unlock-session-premium .unlock-mini{
    display:block!important; padding:0!important; border:0!important;
    background:none!important; color:#df63ff!important; font-size:.82rem!important;
    font-weight:800!important; letter-spacing:.20em!important; margin:0 0 10px!important;
    text-align:left!important;
}
.unlock-session-premium h3{
    text-align:left!important; color:#fff!important; font-size:clamp(1.6rem,2.2vw,2.15rem)!important;
    line-height:1.1!important; margin:0 0 10px!important;
}
.unlock-session-premium p{
    text-align:left!important; color:rgba(255,255,255,0.72)!important; max-width:560px!important;
    margin:0!important; line-height:1.55!important;
}
.unlock-session-premium .unlock-session-btn{
    justify-self:end!important; min-width:320px!important; height:66px!important;
    border-radius:16px!important; padding:0 26px!important; background:linear-gradient(135deg,#f13cff,#1748ff)!important;
    box-shadow:0 0 34px rgba(120,80,255,0.46)!important;
}
.unlock-session-btn.unlocked{
    background:linear-gradient(135deg,#23d79f,#227cff)!important;
}
.unlock-btn-lock{
    display:none!important;
}
.unlock-arrow{
    font-size:1.3rem!important;
}
.sleep-benefits,.sleep-frequencies,.sleep-player{
    max-width:1280px; margin:0 auto; padding:80px 28px;
}
.sleep-section-title{
    text-align:center; margin-bottom:34px; color:rgba(255,255,255,0.62);
    font-size:13px; font-weight:800; letter-spacing:2px;
    text-transform:uppercase;
}
.sleep-grid{
    display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
}
.sleep-card,.sleep-player-box{
    border-radius:22px; padding:34px; text-align:center;
}
.sleep-card h3,.sleep-player-box h2{
    font-size:28px; margin:0 0 14px;
}
.sleep-card p,.sleep-player-box p{
    color:rgba(255,255,255,0.62); line-height:1.7;
}
.freq-tags{
    display:flex; justify-content:center; flex-wrap:wrap;
    gap:14px;
}
.freq-tags span{
    padding:12px 18px; border-radius:999px; background:rgba(255,255,255,0.045);
    border:1px solid rgba(167,139,250,0.22); color:rgba(255,255,255,0.76); font-weight:700;
}
.sleep-player-box{
    position:relative; overflow:hidden;
}
.sleep-player-glow{
    position:absolute; width:520px; height:520px;
    left:50%; top:42%; transform:translate(-50%,-50%);
    border-radius:50%; background:radial-gradient(circle,rgba(96,165,250,0.18),rgba(124,58,237,0.12),transparent 70%); filter:blur(70px);
    opacity:.72; pointer-events:none; animation:sleepPlayerGlow 10s ease-in-out infinite;
}
.sleep-player-box h2,.sleep-player-box p,.sleep-audio-button,.player-wave{
    position:relative; z-index:2;
}
.player-wave{
    display:flex; align-items:center; justify-content:center;
    gap:8px; height:110px; margin:0 auto 32px;
    background:none!important; mask-image:none!important;
}
.player-wave span{
    width:5px; height:42px; border-radius:999px;
    background:linear-gradient(180deg,rgba(96,165,250,0.18),rgba(167,139,250,0.9),rgba(236,72,153,0.72),rgba(96,165,250,0.18)); box-shadow:0 0 12px rgba(167,139,250,0.35),0 0 26px rgba(37,99,235,0.14); transform-origin:center;
    animation:sleepPlayerWaveIdle 4.8s ease-in-out infinite;
}
.player-wave span:nth-child(1){
    height:28px; animation-delay:.1s;
}
.player-wave span:nth-child(2){
    height:48px; animation-delay:.25s;
}
.player-wave span:nth-child(3){
    height:76px; animation-delay:.4s;
}
.player-wave span:nth-child(4){
    height:104px; animation-delay:.55s;
}
.player-wave span:nth-child(5){
    height:88px; animation-delay:.7s;
}
.player-wave span:nth-child(6){
    height:62px; animation-delay:.85s;
}
.player-wave span:nth-child(7){
    height:42px; animation-delay:1s;
}
.player-wave span:nth-child(8){
    height:26px; animation-delay:1.15s;
}
.sleep-play-icon{
    width:34px; height:34px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:rgba(255,255,255,0.12); box-shadow:inset 0 0 14px rgba(255,255,255,0.08),0 0 18px rgba(167,139,250,0.28); font-size:14px;
}
.sleep-audio-button.audio-playing,.timeline-audio-btn.timeline-playing{
    border-color:rgba(167,139,250,0.58)!important; background:linear-gradient(135deg,rgba(26,34,70,0.96),rgba(48,36,96,0.90),rgba(76,38,102,0.82))!important; box-shadow:inset 0 0 24px rgba(255,255,255,0.045),0 0 28px rgba(124,58,237,0.28),0 0 56px rgba(37,99,235,0.14),0 18px 56px rgba(0,0,0,0.42)!important;
}
.sleep-player-box:has(.sleep-audio-button.audio-playing) .sleep-player-glow{
    opacity:1; filter:blur(82px) brightness(1.2);
}
.sleep-player-box:has(.sleep-audio-button.audio-playing) .player-wave span{
    animation:sleepPlayerWaveActive 1.25s ease-in-out infinite;
}
.nc-contact-page{
    position:relative; overflow:hidden; margin:0;
    padding:70px 28px 90px; background:radial-gradient(circle at 50% 18%,rgba(124,58,237,0.24),transparent 34%),radial-gradient(circle at 50% 82%,rgba(37,99,235,0.18),transparent 42%),#070811;
}
.nc-contact-bg{
    display:none;
}
.nc-contact-header{
    position:relative; z-index:2; max-width:900px;
    margin:0 auto 60px; text-align:center;
}
.nc-contact-header h1{
    margin:0 0 24px; font-size:clamp(64px,8vw,112px); line-height:.95;
    letter-spacing:-4px; background:var(--gradient-text); -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.nc-contact-header p{
    max-width:760px; margin:0 auto; color:rgba(255,255,255,0.68);
    font-size:21px; line-height:1.8;
}
.nc-contact-wrap{
    position:relative; z-index:2; max-width:1280px;
    margin:0 auto; display:grid; grid-template-columns:.9fr 1.1fr;
    gap:30px;
}
.nc-contact-info,.nc-contact-form{
    border-radius:34px; border:none; background:linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.018));
    box-shadow:0 24px 70px rgba(0,0,0,0.34); backdrop-filter:blur(18px); padding:46px;
}
.nc-contact-info h2{
    margin:0 0 22px; font-size:42px; line-height:1.08;
    letter-spacing:-1.5px;
}
.nc-contact-info>p{
    color:rgba(255,255,255,0.64); font-size:18px; line-height:1.8;
    margin:0 0 38px;
}
.nc-contact-list{
    display:grid; gap:18px;
}
.nc-contact-list div{
    padding:22px; border-radius:22px; background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.06);
}
.nc-contact-list span{
    display:inline-flex; width:38px; height:38px;
    align-items:center; justify-content:center; margin-bottom:14px;
    border-radius:50%; background:linear-gradient(135deg,rgba(37,99,235,0.8),rgba(124,58,237,0.8),rgba(236,72,153,0.7)); box-shadow:0 0 22px rgba(124,58,237,0.26);
}
.nc-contact-list strong{
    display:block; color:#fff; font-size:18px;
    margin-bottom:8px;
}
.nc-contact-list p{
    margin:0; color:rgba(255,255,255,0.58); line-height:1.7;
}
.nc-form-row{
    margin-bottom:22px;
}
.nc-form-row label{
    display:block; margin-bottom:10px; color:rgba(255,255,255,0.78);
    font-weight:800; font-size:14px;
}
.nc-form-row input,.nc-form-row select,.nc-form-row textarea{
    width:100%; border-radius:16px; border:1px solid rgba(255,255,255,0.11);
    background:rgba(5,7,18,0.58); color:#fff; padding:16px 18px;
    font-size:16px; outline:none; transition:all .3s ease;
}
.nc-form-row input:focus,.nc-form-row select:focus,.nc-form-row textarea:focus{
    border-color:rgba(167,139,250,0.52); box-shadow:0 0 0 3px rgba(124,58,237,0.12),0 0 24px rgba(124,58,237,0.18);
}
.nc-form-row textarea{
    resize:vertical;
}
.nc-form-check{
    display:flex; gap:12px; align-items:flex-start;
    margin:8px 0 28px; color:rgba(255,255,255,0.58); line-height:1.6;
    font-size:14px;
}
.nc-form-check input{
    margin-top:5px;
}

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

.container-footer,.footer{
    background:transparent!important; border:none!important; box-shadow:none!important;
}
.container-footer{
    position:relative!important; left:50%!important; right:50%!important;
    width:100vw!important; max-width:100vw!important; margin-left:-50vw!important;
    margin-right:-50vw!important;
}
.container-footer .grid-child{
    max-width:100%!important; width:100%!important; margin:0!important;
    padding:0!important;
}
.container-footer .card,.container-footer .card-body,.footer .card,.footer .card-body,.neuro-footer .card,.neuro-footer .card-body{
    background:transparent!important; border:none!important; box-shadow:none!important;
    padding:0!important; margin:0!important;
}
.container-footer .mod-custom{
    margin:0!important; padding:0!important;
}
.neuro-footer{
    width:100vw!important; max-width:100vw!important; margin:0!important;
    padding:48px 0 42px; text-align:center; background:radial-gradient(circle at 50% 0%,rgba(37,99,235,0.10),transparent 42%)!important;
    border-top:1px solid rgba(255,255,255,0.055);
}
.neuro-footer-inner{
    max-width:1450px!important; margin:0 auto!important; padding:0 32px!important;
}
.neuro-footer-brand{
    color:rgba(255,255,255,0.76); font-size:13px; font-weight:600;
    letter-spacing:.3px; margin-bottom:12px;
}
.neuro-footer-sub{
    font-size:12px; color:rgba(255,255,255,0.38); letter-spacing:1.4px;
    text-transform:uppercase;
}
@keyframes neuroPulse{
    0%,100%{
        transform:scale(.96); opacity:.78;
    }
    50%{
        transform:scale(1.04); opacity:1;
    }
}
@keyframes neuroDust{
    0%,100%{
        opacity:0; transform:scale(.5);
    }
    25%{
        opacity:.12;
    }
    50%{
        opacity:.38; transform:scale(1.8);
    }
    75%{
        opacity:.08;
    }
}
@keyframes rotateRing{
    from{
        transform:rotate(0);
    }
    to{
        transform:rotate(360deg);
    }
}
@keyframes rotateRingReverse{
    from{
        transform:rotate(0);
    }
    to{
        transform:rotate(-360deg);
    }
}
@keyframes ringBreath{
    0%,100%{
        box-shadow:0 0 24px rgba(124,58,237,.18),inset 0 0 18px rgba(37,99,235,.10); opacity:.62;
    }
    50%{
        box-shadow:0 0 48px rgba(236,72,153,.26),inset 0 0 32px rgba(96,165,250,.18); opacity:.92;
    }
}
@keyframes sleepNebulaBreath{
    0%,100%{
        opacity:.55; transform:scale(.98);
    }
    50%{
        opacity:1; transform:scale(1.04);
    }
}
@keyframes sleepStarTwinkle{
    0%,100%{
        opacity:.16; transform:scale(.7);
    }
    50%{
        opacity:.95; transform:scale(1.6);
    }
}
@keyframes sleepOrbFloatOne{
    0%,100%{
        transform:translate3d(0,0,0) scale(.96);
    }
    50%{
        transform:translate3d(34px,-22px,0) scale(1.06);
    }
}
@keyframes sleepOrbFloatTwo{
    0%,100%{
        transform:translate3d(0,0,0) scale(1);
    }
    50%{
        transform:translate3d(-28px,26px,0) scale(1.08);
    }
}
@keyframes sleepWaveDrift{
    0%,100%{
        transform:translate3d(0,0,0) scaleX(1); opacity:.34;
    }
    50%{
        transform:translate3d(-36px,-16px,0) scaleX(1.06); opacity:.82;
    }
}
@keyframes sleepVisualizerPulse{
    0%,100%{
        transform:scaleY(.46); opacity:.42;
    }
    50%{
        transform:scaleY(1.18); opacity:1;
    }
}
@keyframes visualPulse{
    0%,100%{
        transform:scale(.9); opacity:.45;
    }
    50%{
        transform:scale(1.08); opacity:1;
    }
}
@keyframes waveMove{
    0%{
        transform:translateX(-20%) translateY(-50%);
    }
    100%{
        transform:translateX(20%) translateY(-50%);
    }
}
@keyframes sleepPlayerGlow{
    0%,100%{
        transform:translate(-50%,-50%) scale(.94); opacity:.55;
    }
    50%{
        transform:translate(-50%,-50%) scale(1.06); opacity:.88;
    }
}
@keyframes sleepPlayerWaveIdle{
    0%,100%{
        transform:scaleY(.48); opacity:.42;
    }
    50%{
        transform:scaleY(.92); opacity:.76;
    }
}
@keyframes sleepPlayerWaveActive{
    0%,100%{
        transform:scaleY(.62); opacity:.62;
    }
    50%{
        transform:scaleY(1.32); opacity:1;
    }
}
@media(max-width:1200px){
    .navbar-toggler{
        display:flex!important; align-items:center; justify-content:center;
        position:absolute; right:22px; top:20px;
        width:48px; height:44px; border-radius:12px;
        background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.12);
    }
    .navbar-toggler-icon{
        background-image:none!important; width:28px; height:20px;
        position:relative;
    }
    .navbar-toggler-icon::before,.navbar-toggler-icon::after{
        content:""; position:absolute; left:0;
        width:28px; height:3px; border-radius:20px;
        background:var(--gradient-main);
    }
    .navbar-toggler-icon::before{
        top:0; box-shadow:0 8px 0 0 #7C3AED;
    }
    .navbar-toggler-icon::after{
        bottom:0;
    }
    .container-header .grid-child{
        grid-template-columns:1fr auto;
    }
    .container-header nav{
        justify-content:flex-end;
    }
    .container-header .mod-menu{
        display:none!important;
    }
    .container-header .collapse.show .mod-menu,.container-header .navbar-collapse.show .mod-menu{
        display:flex!important; flex-direction:column!important; position:absolute;
        right:20px; top:78px; width:280px;
        padding:18px; background:rgba(7,8,17,0.96); border:1px solid rgba(255,255,255,0.08);
        border-radius:18px; gap:0; align-items:stretch;
    }
    .container-header .mod-menu>li{
        width:100%;
    }
    .container-header .mod-menu>li>a{
        display:block; width:100%; padding:14px 12px;
        border-radius:12px;
    }
    .container-header .mod-menu>li>a::before{
        display:inline-block; width:26px; margin-right:12px;
        font-size:18px; vertical-align:middle; background:var(--gradient-main);
        -webkit-background-clip:text; -webkit-text-fill-color:transparent;
    }
    .container-header .mod-menu>li:nth-child(1)>a::before{
        content:"⌂";
    }
    .container-header .mod-menu>li:nth-child(2)>a::before{
        content:"∿";
    }
    .container-header .mod-menu>li:nth-child(3)>a::before{
        content:"✦";
    }
    .container-header .mod-menu>li:nth-child(4)>a::before{
        content:"◎";
    }
    .container-header .mod-menu>li:nth-child(5)>a::before{
        content:"▤";
    }
    .container-header .mod-menu>li:nth-child(6)>a::before{
        content:"✉";
    }
    .states-grid{
        grid-template-columns:repeat(3,1fr);
    }
    .frequency-grid{
        grid-template-columns:repeat(2,1fr);
    }
}
@media(max-width:1100px){
    .neuro-state-grid{
        grid-template-columns:repeat(2,1fr);
    }
}
@media(max-width:980px){
    .hero-audio-canvas{
        width:82vw; height:220px; top:53%;
    }
    .hero-content h1{
        font-size:clamp(46px,8vw,74px);
    }
    .sleep-hero-cinematic{
        min-height:auto; padding:110px 32px 90px!important; background:linear-gradient(180deg,rgba(5,7,18,.92) 0%,rgba(5,7,18,.80) 48%,rgba(5,7,18,.96) 100%),url('/images/neurocosmic/heroes/deep-sleep-hero.webp');
        background-size:cover; background-position:center;
    }
    .sleep-wave-lines{
        opacity:.36; width:120%; right:-60%;
    }
    .sleep-cinematic-content h1{
        font-size:clamp(52px,12vw,74px)!important; letter-spacing:-2px!important;
    }
    .sleep-cinematic-content p{
        font-size:18px!important;
    }
    .sleep-visualizer-section,.neuro-state-section,.sleep-timeline-section{
        padding:90px 20px;
    }
    .sleep-visualizer-wrap{
        height:220px; border-radius:26px;
    }
    .sleep-visualizer-line{
        gap:5px; height:140px; width:92%;
    }
    .sleep-visualizer-line span{
        width:3px;
    }
    .timeline-content{
        grid-template-columns:1fr;
    }
    .timeline-visual{
        min-height:180px;
    }
    .timeline-content h3{
        font-size:34px;
    }
    .timeline-time{
        font-size:32px;
    }
    .sleep-timeline{
        padding-left:60px;
    }
    .unlock-session-box.unlock-session-premium{
        grid-template-columns:1fr!important; text-align:center!important; justify-items:center!important;
        padding:30px 22px!important;
    }
    .unlock-content,.unlock-session-premium .unlock-mini,.unlock-session-premium h3,.unlock-session-premium p{
        text-align:center!important;
    }
    .unlock-session-premium .unlock-session-btn{
        width:100%!important; min-width:0!important; justify-self:center!important;
    }
    .nc-contact-wrap{
        grid-template-columns:1fr;
    }
    .nc-contact-info,.nc-contact-form{
        padding:32px;
    }
}
@media(max-width:768px){
    .hero-neuro-dust,.hero-rings,.sleep-wave-lines,.sleep-stars,.sleep-gradient-orb,.hero-glow{
        animation:none!important;
    }
    .timeline-visual::after,.timeline-visual::before{
        display:none!important;
    }
    .sleep-visualizer-line span,.player-wave span{
        animation:none!important;
    }
    .hero-glow,.sleep-player-glow,.sleep-visualizer-bg{
        filter:blur(40px)!important;
    }
}
@media(max-width:650px){
    .container-header{
        min-height:76px;
    }
    .container-header .grid-child{
        padding:0 20px;
    }
    .navbar-brand,.container-header .navbar-brand{
        transform:none;
    }
    .navbar-brand img,.container-header .navbar-brand img,.container-header .brand-logo img{
        max-height:42px;
    }
    .hero-neuro-animated{
        min-height:78vh;
    }
    .hero-glow{
        width:520px; height:520px;
    }
    .hero-rings{
        width:360px; height:360px;
    }
    .hero-audio-canvas{
        width:92vw; height:160px; top:54%;
        opacity:.45!important;
    }
    .hero-content h1{
        white-space:normal; font-size:46px; line-height:1.05;
        letter-spacing:-1px;
    }
    .hero-content p{
        font-size:18px;
    }
    .hero-button,.sleep-btn-main,.sleep-btn-ghost,.hero-audio-toggle{
        width:100%!important;
    }
    .hero-buttons,.sleep-buttons{
        width:100%;
    }
    .states-grid,.frequency-grid,.sleep-grid,.neuro-state-grid{
        grid-template-columns:1fr;
    }
    .section-header h2{
        font-size:34px;
    }
    .sleep-hero-cinematic{
        padding:96px 22px 80px!important;
    }
    .sleep-cinematic-content h1{
        font-size:52px!important; line-height:1;
    }
    .sleep-mini-label{
        font-size:10px; letter-spacing:1.5px;
    }
    .sleep-benefits,.sleep-frequencies,.sleep-player{
        padding:70px 22px;
    }
    .player-wave{
        gap:6px; height:90px;
    }
    .player-wave span{
        width:4px;
    }
    .sleep-audio-button{
        padding:14px 22px!important; font-size:14px!important;
    }
    .nc-contact-page{
        padding:60px 20px 70px;
    }
    .nc-contact-header h1{
        font-size:54px; letter-spacing:-2px;
    }
    .nc-contact-header p{
        font-size:18px;
    }
    .nc-contact-info h2{
        font-size:32px;
    }
    .nc-contact-btn{
        width:100%;
    }
    .neuro-footer{
        padding:36px 0 32px;
    }
    .neuro-footer-inner{
        padding:0 20px!important;
    }
    .neuro-footer-brand{
        font-size:12px; line-height:1.7;
    }
    .neuro-footer-sub{
        font-size:10px; line-height:1.8;
    }
}
@media (max-width:1200px){
    .container-header{
        position:relative !important; min-height:82px !important;
    }
    .container-header .grid-child{
        position:relative !important; display:block !important; min-height:82px !important;
        padding:0 20px !important;
    }
    .navbar-brand,.container-header .navbar-brand{
        position:absolute !important; left:20px !important; top:50% !important;
        transform:translateY(-50%) !important; z-index:20 !important;
    }
    .navbar-brand img,.container-header .navbar-brand img,.container-header .brand-logo img{
        max-height:44px !important;
    }
    .navbar-toggler{
        position:absolute !important; right:20px !important; top:4px !important;
        z-index:9999 !important; width:48px !important; height:48px !important;
        display:flex !important; align-items:center !important; justify-content:center !important;
        margin:0 !important; padding:0 !important; border-radius:14px !important;
        border:1px solid rgba(167,139,250,0.38) !important; background:linear-gradient( 135deg,rgba(37,99,235,0.22),rgba(124,58,237,0.24),rgba(236,72,153,0.18) ) !important; box-shadow:0 0 18px rgba(124,58,237,0.22),inset 0 0 14px rgba(255,255,255,0.04) !important;
    }
    .navbar-toggler-icon{
        width:26px !important; height:18px !important; background-image:none !important;
        position:relative !important;
    }
    .navbar-toggler-icon::before,.navbar-toggler-icon::after{
        content:"" !important; position:absolute !important; left:0 !important;
        width:26px !important; height:3px !important; border-radius:999px !important;
        background:linear-gradient(90deg,#60A5FA,#A78BFA,#EC4899) !important; box-shadow:0 0 10px rgba(167,139,250,0.55) !important;
    }
    .navbar-toggler-icon::before{
        top:0 !important; box-shadow:0 7px 0 rgba(167,139,250,0.95),0 0 10px rgba(167,139,250,0.55) !important;
    }
    .navbar-toggler-icon::after{
        bottom:0 !important;
    }
    .container-header .mod-menu{
        margin-top:82px !important;
    }
}
@media (max-width:768px){
    .timeline-visual{
        transform:none !important; filter:none !important; animation:none !important;
        will-change:auto !important; backface-visibility:hidden !important; -webkit-backface-visibility:hidden !important;
        contain:paint !important;
    }
    .timeline-content:hover .timeline-visual{
        transform:none !important; filter:none !important;
    }
    .timeline-visual::before,.timeline-visual::after{
        display:none !important; animation:none !important;
    }
    .sleep-nebula,.sleep-gradient-orb,.sleep-wave-lines,.sleep-stars,.sleep-visualizer-bg,.neuro-state-bg,.sleep-timeline-bg,.sleep-player-glow{
        display:none !important;
    }
    .sleep-visualizer-line span,.player-wave span{
        animation:none !important;
    }
    .sleep-hero-cinematic,.timeline-content,.sleep-visualizer-wrap,.neuro-state-card,.sleep-player-box,.unlock-session-box{
        backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
    }
}

/* =========================================
   SCROLL TOP ORB
========================================= */

.scroll-top-orb{
    position:fixed; right:22px; bottom:24px;
    width:74px; height:74px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    z-index:9999; cursor:pointer; opacity:0;
    visibility:hidden; transform:translateY(12px) scale(0.92); transition:opacity 0.35s ease,transform 0.35s ease,visibility 0.35s ease;
    background:radial-gradient(circle at 30% 30%,rgba(255,60,220,0.95),transparent 24%),radial-gradient(circle at 72% 72%,rgba(0,180,255,0.95),transparent 26%),radial-gradient(circle,rgba(70,40,255,0.58),rgba(0,0,0,0) 72%); box-shadow:0 0 30px rgba(200,80,255,0.34),0 0 42px rgba(0,170,255,0.20);
}
.scroll-top-orb.visible{
    opacity:1; visibility:visible; transform:translateY(0) scale(1);
}
.scroll-top-orb::before{
    content:""; position:absolute; inset:8px;
    border-radius:50%; border:1px solid rgba(255,255,255,0.12); box-shadow:inset 0 0 18px rgba(255,255,255,0.05);
}
.scroll-top-core{
    width:42px; height:42px; border-radius:16px;
    display:flex; align-items:center; justify-content:center;
    background:rgba(8,12,34,0.72); border:1px solid rgba(255,255,255,0.12); box-shadow:inset 0 0 16px rgba(180,80,255,0.18);
    position:relative; z-index:2;
}
.scroll-top-core span{
    color:#ffffff; font-size:1.25rem; font-weight:700;
    line-height:1; transform:translateY(-1px); text-shadow:0 0 14px rgba(255,255,255,0.8);
}
.scroll-top-orb:hover{
    transform:translateY(-4px) scale(1.05); box-shadow:0 0 42px rgba(220,80,255,0.46),0 0 56px rgba(0,180,255,0.28);
}
@media(max-width:768px){
    .scroll-top-orb{
        width:64px; height:64px; right:16px;
        bottom:18px;
    }
    .scroll-top-core{
        width:38px; height:38px;
    }
}
@media(max-width:768px){
    .sleep-hero-cinematic.sleep-hero-deep-image{
        min-height:720px !important; padding:120px 22px 80px !important; align-items:flex-end !important;
        background:linear-gradient( 180deg,rgba(5,7,18,0.10) 0%,rgba(5,7,18,0.18) 34%,rgba(5,7,18,0.78) 62%,rgba(5,7,18,0.98) 100% ),url('/images/neurocosmic/heroes/deep-sleep-hero.webp') !important; background-size:cover !important; background-position:68% top !important;
        background-repeat:no-repeat !important;
    }
    .sleep-hero-cinematic .sleep-cosmic-bg,.sleep-hero-cinematic .sleep-nebula,.sleep-hero-cinematic .sleep-gradient-orb,.sleep-hero-cinematic .sleep-wave-lines{
        display:none !important;
    }
    .sleep-cinematic-content{
        max-width:100% !important; position:relative !important; z-index:5 !important;
    }
    .sleep-cinematic-content h1,.sleep-cinematic-content p,.sleep-mini-label,.sleep-buttons{
        position:relative !important; z-index:6 !important;
    }
}
.sleep-visualizer-section{
    padding-top:0 !important; padding-bottom:20px !important; margin-bottom:0 !important;
}
.sleep-visualizer-wrap{
    margin-bottom:0 !important;
}
.neuro-state-section{
    padding-top:20px !important; padding-bottom:20px !important; margin-bottom:0 !important;
}
.neuro-state-grid{
    margin-bottom:0 !important;
}
.sleep-timeline-section{
    padding-top:20px !important;
}
.unlock-session-box{
    margin-bottom:8px !important;
}
.sleep-benefits{
    padding-top:0 !important; padding-bottom:20px !important; margin-top:-80px !important;
    margin-bottom:0 !important;
}
.sleep-benefits .sleep-section-title{
    margin-top:0 !important; padding-top:0 !important;
}
.sleep-grid{
    margin-bottom:0 !important;
}
.sleep-frequencies{
    padding-top:20px !important; padding-bottom:20px !important; margin-bottom:0 !important;
}
.freq-tags{
    margin-bottom:0 !important;
}
.sleep-player{
    padding-top:20px !important;
}
.sleep-hero-cinematic,.sleep-visualizer-wrap,.neuro-state-card,.timeline-content,.unlock-session-box,.sleep-card,.sleep-player-box,.freq-tags span,.sleep-audio-button,.timeline-audio-btn,.unlock-session-btn{
    transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s cubic-bezier(.2,.8,.2,1),border-color .45s cubic-bezier(.2,.8,.2,1),background .45s cubic-bezier(.2,.8,.2,1),opacity .35s ease,filter .45s ease !important;
}
.neuro-state-card:hover,.sleep-card:hover,.sleep-player-box:hover{
    transform:translateY(-6px) scale(1.012) !important; border-color:rgba(167,139,250,0.34) !important; box-shadow:0 0 34px rgba(124,58,237,0.18),0 24px 70px rgba(0,0,0,0.36) !important;
}
.neuro-state-card::after,.sleep-card::after,.sleep-player-box::after,.timeline-content::after,.unlock-session-box::after{
    content:""; position:absolute; inset:0;
    pointer-events:none; border-radius:inherit; background:linear-gradient( 135deg,rgba(255,255,255,0.10),transparent 34%,rgba(167,139,250,0.06) );
    opacity:0; transition:opacity .45s ease;
}
.neuro-state-card:hover::after,.sleep-card:hover::after,.sleep-player-box:hover::after,.timeline-content:hover::after,.unlock-session-box:hover::after{
    opacity:1;
}
.sleep-btn-main,.sleep-btn-ghost,.sleep-audio-button,.timeline-audio-btn,.unlock-session-btn{
    will-change:transform;
}
.sleep-btn-main:hover,.sleep-btn-ghost:hover,.sleep-audio-button:hover,.timeline-audio-btn:hover,.unlock-session-btn:hover{
    transform:translateY(-3px) scale(1.015) !important;
}
.sleep-btn-main:active,.sleep-btn-ghost:active,.sleep-audio-button:active,.timeline-audio-btn:active,.unlock-session-btn:active{
    transform:translateY(0) scale(.985) !important;
}
.freq-tags span{
    position:relative; overflow:hidden;
}
.freq-tags span:hover{
    transform:translateY(-3px); border-color:rgba(167,139,250,0.42); background:rgba(255,255,255,0.065);
    box-shadow:0 0 22px rgba(124,58,237,0.16);
}
.timeline-content:hover .timeline-time{
    filter:drop-shadow(0 0 14px currentColor);
}
.timeline-content:hover h3{
    transform:translateX(4px);
}
.timeline-content h3{
    transition:transform .45s cubic-bezier(.2,.8,.2,1);
}
.unlock-session-box.unlock-session-premium:hover{
    transform:translateY(-5px) scale(1.01) !important; box-shadow:0 0 46px rgba(0,160,255,0.28),0 0 70px rgba(180,70,255,0.18),inset 0 0 48px rgba(170,60,255,0.13) !important;
}
.unlock-orb{
    transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s ease,filter .55s ease !important;
}
.unlock-session-box:hover .unlock-orb{
    transform:scale(1.045); filter:saturate(1.18) brightness(1.08);
}
.unlock-lock-icon{
    animation:unlockLockBreath 4.8s ease-in-out infinite;
}
@keyframes unlockLockBreath{
    0%,100%{
        transform:scale(1); filter:drop-shadow(0 0 8px rgba(255,80,255,0.38));
    }
    50%{
        transform:scale(1.06); filter:drop-shadow(0 0 16px rgba(255,217,90,0.46));
    }
}
.sleep-visualizer-wrap:hover{
    transform:scale(1.008); box-shadow:0 34px 95px rgba(0,0,0,0.38),0 0 40px rgba(124,58,237,0.15),inset 0 0 76px rgba(37,99,235,0.075);
}
@media (prefers-reduced-motion:reduce){
    *,*::before,*::after{
        animation:none !important; transition:none !important; scroll-behavior:auto !important;
    }
}
@media(max-width:768px){
    .neuro-state-card:hover,.sleep-card:hover,.sleep-player-box:hover,.timeline-content:hover,.unlock-session-box.unlock-session-premium:hover{
        transform:none !important;
    }
    .unlock-lock-icon{
        animation:none !important;
    }
}

/* =========================================
   FOCUS FLOW
========================================= */

.focus-hero-cinematic{
    position:relative; min-height:92vh; display:flex;
    align-items:center; justify-content:flex-start; overflow:hidden;
    padding:130px 6% 130px 8%!important; background:linear-gradient(90deg,rgba(3,8,22,0.96) 0%,rgba(3,8,22,0.86) 34%,rgba(3,8,22,0.48) 66%,rgba(3,8,22,0.18) 100%),url('/images/neurocosmic/heroes/focus-flow-hero.webp'); background-size:cover;
    background-position:center right; background-repeat:no-repeat; isolation:isolate;
}
.focus-cosmic-bg,.focus-nebula{
    position:absolute; inset:0; pointer-events:none;
    z-index:1;
}
.focus-cosmic-bg{
    background:radial-gradient(circle at 22% 42%,rgba(56,189,248,0.24),transparent 34%),radial-gradient(circle at 46% 56%,rgba(37,99,235,0.22),transparent 42%),radial-gradient(circle at 76% 26%,rgba(124,58,237,0.12),transparent 34%);
}
.focus-nebula{
    background:radial-gradient(circle at 18% 50%,rgba(96,165,250,0.18),transparent 36%),radial-gradient(circle at 74% 46%,rgba(56,189,248,0.14),transparent 44%); filter:blur(70px); opacity:.9;
    animation:sleepNebulaBreath 12s ease-in-out infinite;
}
.focus-stars{
    position:absolute; inset:0; z-index:2;
    pointer-events:none;
}
.focus-stars span{
    position:absolute; width:2px; height:2px;
    border-radius:50%; background:rgba(210,245,255,0.86); box-shadow:0 0 10px rgba(56,189,248,0.75);
    animation:sleepStarTwinkle 5.5s ease-in-out infinite;
}
.focus-stars span:nth-child(1){
    top:14%; left:18%; animation-delay:.1s;
}
.focus-stars span:nth-child(2){
    top:22%; left:42%; animation-delay:.7s;
}
.focus-stars span:nth-child(3){
    top:18%; left:76%; animation-delay:1.2s;
}
.focus-stars span:nth-child(4){
    top:38%; left:12%; animation-delay:1.8s;
}
.focus-stars span:nth-child(5){
    top:46%; left:56%; animation-delay:2.4s;
}
.focus-stars span:nth-child(6){
    top:62%; left:24%; animation-delay:3s;
}
.focus-stars span:nth-child(7){
    top:70%; left:68%; animation-delay:3.5s;
}
.focus-stars span:nth-child(8){
    top:82%; left:44%; animation-delay:4s;
}
.focus-stars span:nth-child(9){
    top:28%; left:86%; animation-delay:4.4s;
}
.focus-stars span:nth-child(10){
    top:76%; left:84%; animation-delay:4.8s;
}
.focus-stars span:nth-child(11){
    top:52%; left:78%; animation-delay:5.1s;
}
.focus-stars span:nth-child(12){
    top:10%; left:58%; animation-delay:5.4s;
}
.focus-wave-lines{
    position:absolute; right:4%; top:34%;
    width:58%; height:320px; z-index:3;
    pointer-events:none; opacity:.76;
}
.focus-wave-lines span{
    position:absolute; inset:auto 0; height:120px;
    border:1px solid rgba(56,189,248,0.24); border-left:0; border-right:0;
    border-radius:50%; filter:drop-shadow(0 0 16px rgba(96,165,250,0.28)); animation:sleepWaveDrift 9s ease-in-out infinite;
}
.focus-wave-lines span:nth-child(1){
    top:10px; animation-delay:0s;
}
.focus-wave-lines span:nth-child(2){
    top:86px; border-color:rgba(96,165,250,0.20); animation-delay:-2.2s;
}
.focus-wave-lines span:nth-child(3){
    top:164px; border-color:rgba(167,139,250,0.16); animation-delay:-4.4s;
}
.focus-cinematic-content{
    position:relative; z-index:5; max-width:820px!important;
}
.focus-mini-label,.focus-visualizer-mini{
    display:inline-block; margin-bottom:18px; padding:10px 18px;
    border-radius:999px; background:rgba(255,255,255,0.045); border:1px solid rgba(255,255,255,0.09);
    color:rgba(125,211,252,0.94); font-size:12px; font-weight:800;
    letter-spacing:2px; text-transform:uppercase; backdrop-filter:blur(12px);
}
.focus-cinematic-content h1{
    margin:0 0 24px; font-size:clamp(62px,7vw,104px)!important; line-height:.9;
    letter-spacing:-3px!important; background:linear-gradient(90deg,#ffffff,#7DD3FC,#60A5FA); -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.focus-cinematic-content p{
    max-width:760px!important; margin:0 0 38px; color:rgba(255,255,255,0.76);
    font-size:21px!important; line-height:1.7;
}
.focus-visualizer-section,.focus-state-section,.focus-timeline-section{
    position:relative; max-width:var(--max); margin:0 auto;
    padding:120px 30px; overflow:hidden;
}
.focus-timeline-section{
    max-width:var(--max-wide);
}
.focus-visualizer-section{
    padding-top:20px!important; padding-bottom:20px!important;
}
.focus-state-section{
    padding-top:20px!important; padding-bottom:20px!important;
}
.focus-timeline-section{
    padding-top:20px!important;
}
.focus-visualizer-bg,.focus-state-bg{
    position:absolute; left:50%; top:50%;
    transform:translate(-50%,-50%); border-radius:50%; pointer-events:none;
    filter:blur(85px);
}
.focus-visualizer-bg{
    width:1000px; height:640px; top:54%;
    background:radial-gradient(circle,rgba(56,189,248,0.18),transparent 42%),radial-gradient(circle,rgba(37,99,235,0.14),transparent 62%);
}
.focus-state-bg{
    width:900px; height:900px; top:40%;
    background:radial-gradient(circle,rgba(56,189,248,0.14),rgba(37,99,235,0.08),transparent 70%);
}
.focus-visualizer-header,.focus-state-header,.focus-timeline-header{
    position:relative; z-index:2; text-align:center;
    max-width:920px; margin:0 auto 80px;
}
.focus-visualizer-header h2,.focus-state-header h2,.focus-timeline-header h2{
    font-size:clamp(42px,6vw,72px); line-height:1.05; margin:0 0 24px;
    letter-spacing:-2px; background:linear-gradient(90deg,#7DD3FC,#60A5FA,#A78BFA); -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.focus-visualizer-header p,.focus-state-header p,.focus-timeline-header p{
    font-size:20px; line-height:1.75; color:rgba(255,255,255,0.64);
}
.focus-visualizer-wrap{
    position:relative; z-index:2; max-width:1080px;
    height:260px; margin:0 auto; border-radius:34px;
    background:linear-gradient(180deg,rgba(255,255,255,0.052),rgba(255,255,255,0.024)); border:1px solid rgba(255,255,255,0.08); box-shadow:0 30px 90px rgba(0,0,0,0.34),inset 0 0 70px rgba(56,189,248,0.07);
    backdrop-filter:blur(22px); overflow:hidden;
}
.focus-visualizer-wrap::after{
    content:""; position:absolute; left:8%;
    right:8%; top:50%; height:2px;
    transform:translateY(-50%); background:linear-gradient(90deg,transparent,rgba(125,211,252,0.75),rgba(96,165,250,0.85),rgba(167,139,250,0.55),transparent); box-shadow:0 0 18px rgba(56,189,248,0.50),0 0 38px rgba(37,99,235,0.24);
    opacity:.78;
}
.focus-visualizer-line{
    position:absolute; left:50%; top:50%;
    z-index:3; transform:translate(-50%,-50%); display:flex;
    align-items:center; justify-content:center; gap:8px;
    height:170px; width:86%;
}
.focus-visualizer-line span{
    width:4px; min-height:18px; border-radius:999px;
    background:linear-gradient(180deg,rgba(125,211,252,0.15),rgba(56,189,248,0.95),rgba(96,165,250,0.85),rgba(125,211,252,0.15)); box-shadow:0 0 12px rgba(56,189,248,0.45),0 0 24px rgba(37,99,235,0.18); transform-origin:center;
    animation:focusVisualizerPulse 3.2s ease-in-out infinite;
}
.focus-visualizer-line span:nth-child(odd){
    height:78px;
}
.focus-visualizer-line span:nth-child(even){
    height:128px;
}
.focus-visualizer-line span:nth-child(3n){
    height:162px;
}
.focus-visualizer-line span:nth-child(4n){
    height:44px;
}
.focus-visualizer-line span:nth-child(5n){
    height:108px;
}
@keyframes focusVisualizerPulse{
    0%,100%{
        transform:scaleY(.52); opacity:.46;
    }
    50%{
        transform:scaleY(1.08); opacity:1;
    }
}
.focus-state-grid{
    position:relative; z-index:2; display:grid;
    grid-template-columns:repeat(4,1fr); gap:28px;
}
.focus-state-card{
    position:relative; padding:42px 32px; border-radius:28px;
    background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); backdrop-filter:blur(18px);
    overflow:hidden; transition:all .45s cubic-bezier(.2,.8,.2,1);
}
.focus-state-card:hover{
    transform:translateY(-8px) scale(1.012); border-color:rgba(56,189,248,0.38); box-shadow:0 0 40px rgba(56,189,248,0.17),0 0 80px rgba(37,99,235,0.10);
}
.focus-icon{
    width:72px; height:72px; display:flex;
    align-items:center; justify-content:center; margin:0 auto 28px;
    border-radius:50%; font-size:30px; color:#fff;
    background:linear-gradient(135deg,rgba(56,189,248,0.85),rgba(37,99,235,0.82),rgba(124,58,237,0.72)); box-shadow:0 0 24px rgba(56,189,248,0.28);
}
.focus-state-card h3{
    font-size:28px; margin-bottom:18px; color:#fff;
}
.focus-state-card p{
    color:rgba(255,255,255,0.62); line-height:1.8; font-size:16px;
}
.focus-timeline-bg{
    position:absolute; inset:0; background:radial-gradient(circle at 20% 20%,rgba(56,189,248,0.10),transparent 34%),radial-gradient(circle at 70% 50%,rgba(37,99,235,0.13),transparent 40%);
    pointer-events:none;
}
.focus-timeline{
    position:relative; max-width:1400px; margin:0 auto;
    padding-left:90px;
}
.focus-timeline-line{
    position:absolute; left:34px; top:0;
    bottom:0; width:2px; background:linear-gradient(180deg,#7DD3FC,#38BDF8,#2563EB,#A78BFA);
    opacity:.9; box-shadow:0 0 20px rgba(56,189,248,.6),0 0 40px rgba(37,99,235,.35);
}
.focus-blue .timeline-dot{
    background:#7DD3FC; box-shadow:0 0 24px #7DD3FC;
}
.focus-cyan .timeline-dot{
    background:#38BDF8; box-shadow:0 0 24px #38BDF8;
}
.focus-violet .timeline-dot{
    background:#60A5FA; box-shadow:0 0 24px #60A5FA;
}
.focus-white .timeline-dot{
    background:#E0F2FE; box-shadow:0 0 24px #E0F2FE;
}
.focus-blue .timeline-time{
    color:#7DD3FC;
}
.focus-cyan .timeline-time{
    color:#38BDF8;
}
.focus-violet .timeline-time{
    color:#60A5FA;
}
.focus-white .timeline-time{
    color:#E0F2FE;
}
.focus-visual-blue{
    background:linear-gradient(90deg,rgba(3,7,18,.16),rgba(3,7,18,.04)),url('/images/neurocosmic/focus-flow/focus-initiation.webp') !important;
}
.focus-visual-cyan{
    background:linear-gradient(90deg,rgba(3,12,24,.18),rgba(3,12,24,.04)),url('/images/neurocosmic/focus-flow/cognitive-lock.webp') !important;
}
.focus-visual-violet{
    background:linear-gradient(90deg,rgba(5,7,28,.18),rgba(5,7,28,.04)),url('/images/neurocosmic/focus-flow/deep-focus-state.webp') !important;
}
.focus-visual-white{
    background:linear-gradient(90deg,rgba(5,12,22,.18),rgba(5,12,22,.04)),url('/images/neurocosmic/focus-flow/neural-clarity.webp') !important;
}
.focus-visual-blue,.focus-visual-cyan,.focus-visual-violet,.focus-visual-white{
    background-size:cover!important; background-position:center center!important; background-repeat:no-repeat!important;
}
.timeline-btn-cyan{
    border-color:#38BDF8!important; box-shadow:0 0 22px rgba(56,189,248,0.40)!important;
}
.timeline-btn-white{
    border-color:#E0F2FE!important; box-shadow:0 0 22px rgba(224,242,254,0.32)!important;
}
.focus-unlock-premium{
    border-color:rgba(56,189,248,0.52)!important; background:radial-gradient(circle at 9% 50%,rgba(56,189,248,0.24),transparent 18%),radial-gradient(circle at 92% 50%,rgba(37,99,235,0.30),transparent 22%),linear-gradient(135deg,rgba(3,8,24,0.98),rgba(8,20,56,0.94),rgba(3,7,25,0.98))!important; box-shadow:0 0 40px rgba(56,189,248,0.20),inset 0 0 44px rgba(37,99,235,0.12)!important;
}
.focus-unlock-premium .unlock-orb{
    background:radial-gradient(circle at 28% 28%,rgba(125,211,252,0.95),transparent 23%),radial-gradient(circle at 76% 74%,rgba(37,99,235,0.95),transparent 25%),radial-gradient(circle,rgba(56,189,248,0.55),rgba(0,0,0,0) 72%)!important; box-shadow:0 0 38px rgba(56,189,248,0.42),0 0 44px rgba(37,99,235,0.30)!important;
}
.focus-unlock-premium .unlock-mini{
    color:#7DD3FC!important;
}
.focus-unlock-premium .unlock-session-btn{
    background:linear-gradient(135deg,#38BDF8,#2563EB)!important; box-shadow:0 0 34px rgba(56,189,248,0.40)!important;
}
.focus-benefits,.focus-frequencies,.focus-player{
    max-width:1280px; margin:0 auto; padding:80px 28px;
}
.focus-benefits{
    padding-top:40px!important; margin-top:0px!important; padding-bottom:20px!important;
}
.focus-frequencies{
    padding-top:20px!important; padding-bottom:20px!important;
}
.focus-player{
    padding-top:20px!important;
}
@media(max-width:1100px){
    .focus-state-grid{
        grid-template-columns:repeat(2,1fr);
    }
}
@media(max-width:980px){
    .focus-hero-cinematic{
        min-height:auto; padding:110px 32px 90px!important; background:linear-gradient(180deg,rgba(3,8,22,.90) 0%,rgba(3,8,22,.76) 48%,rgba(3,8,22,.96) 100%),url('/images/neurocosmic/heroes/focus-flow-hero.webp') !important;
        background-size:cover!important; background-position:center!important;
    }
    .focus-wave-lines{
        opacity:.36; width:120%; right:-60%;
    }
    .focus-cinematic-content h1{
        font-size:clamp(52px,12vw,74px)!important; letter-spacing:-2px!important;
    }
    .focus-cinematic-content p{
        font-size:18px!important;
    }
    .focus-visualizer-section,.focus-state-section,.focus-timeline-section{
        padding:90px 20px;
    }
    .focus-visualizer-wrap{
        height:220px; border-radius:26px;
    }
    .focus-visualizer-line{
        gap:5px; height:140px; width:92%;
    }
    .focus-visualizer-line span{
        width:3px;
    }
    .focus-timeline{
        padding-left:60px;
    }
}
@media(max-width:768px){
    .focus-wave-lines,.focus-stars,.focus-nebula,.focus-visualizer-bg,.focus-state-bg,.focus-timeline-bg{
        display:none!important;
    }
    .focus-visualizer-line span{
        animation:none!important;
    }
    .focus-hero-cinematic,.focus-visualizer-wrap,.focus-state-card{
        backdrop-filter:none!important; -webkit-backdrop-filter:none!important;
    }
    .focus-state-card:hover{
        transform:none!important;
    }
}
@media(max-width:650px){
    .focus-hero-cinematic{
        min-height:720px!important; padding:120px 22px 80px!important; align-items:flex-end!important;
        background:linear-gradient( 180deg,rgba(3,8,22,0.08) 0%,rgba(3,8,22,0.20) 34%,rgba(3,8,22,0.78) 62%,rgba(3,8,22,0.98) 100% ),url('/images/neurocosmic/heroes/focus-flow-hero.webp') !important; background-size:cover!important; background-position:62% top!important;
        background-repeat:no-repeat!important;
    }
    .focus-cinematic-content h1{
        font-size:52px!important; line-height:1;
    }
    .focus-mini-label{
        font-size:10px; letter-spacing:1.5px;
    }
    .focus-state-grid{
        grid-template-columns:1fr;
    }
    .focus-benefits,.focus-frequencies,.focus-player{
        padding-left:22px; padding-right:22px;
    }
}

/* =========================================
   INNER PEACE
========================================= */

.peace-hero-cinematic{
    position:relative; min-height:92vh; display:flex;
    align-items:center; justify-content:flex-start; overflow:hidden;
    padding:130px 6% 130px 8%!important; background:linear-gradient(90deg,rgba(5,8,22,0.94) 0%,rgba(5,8,22,0.80) 34%,rgba(5,8,22,0.40) 66%,rgba(5,8,22,0.16) 100%),url('/images/neurocosmic/heroes/inner-peace-hero.webp'); background-size:cover;
    background-position:center right; background-repeat:no-repeat; isolation:isolate;
}
.peace-cosmic-bg,.peace-nebula{
    position:absolute; inset:0; pointer-events:none;
    z-index:1;
}
.peace-cosmic-bg{
    background:radial-gradient(circle at 22% 42%,rgba(125,211,252,0.18),transparent 34%),radial-gradient(circle at 46% 56%,rgba(167,139,250,0.20),transparent 42%),radial-gradient(circle at 76% 26%,rgba(236,72,153,0.10),transparent 34%);
}
.peace-nebula{
    background:radial-gradient(circle at 18% 50%,rgba(167,139,250,0.20),transparent 36%),radial-gradient(circle at 74% 46%,rgba(125,211,252,0.14),transparent 44%); filter:blur(70px); opacity:.85;
    animation:sleepNebulaBreath 14s ease-in-out infinite;
}
.peace-stars{
    position:absolute; inset:0; z-index:2;
    pointer-events:none;
}
.peace-stars span{
    position:absolute; width:2px; height:2px;
    border-radius:50%; background:rgba(230,245,255,0.86); box-shadow:0 0 10px rgba(167,139,250,0.75);
    animation:sleepStarTwinkle 6s ease-in-out infinite;
}
.peace-stars span:nth-child(1){
    top:14%; left:18%; animation-delay:.1s;
}
.peace-stars span:nth-child(2){
    top:22%; left:42%; animation-delay:.7s;
}
.peace-stars span:nth-child(3){
    top:18%; left:76%; animation-delay:1.2s;
}
.peace-stars span:nth-child(4){
    top:38%; left:12%; animation-delay:1.8s;
}
.peace-stars span:nth-child(5){
    top:46%; left:56%; animation-delay:2.4s;
}
.peace-stars span:nth-child(6){
    top:62%; left:24%; animation-delay:3s;
}
.peace-stars span:nth-child(7){
    top:70%; left:68%; animation-delay:3.5s;
}
.peace-stars span:nth-child(8){
    top:82%; left:44%; animation-delay:4s;
}
.peace-stars span:nth-child(9){
    top:28%; left:86%; animation-delay:4.4s;
}
.peace-stars span:nth-child(10){
    top:76%; left:84%; animation-delay:4.8s;
}
.peace-stars span:nth-child(11){
    top:52%; left:78%; animation-delay:5.1s;
}
.peace-stars span:nth-child(12){
    top:10%; left:58%; animation-delay:5.4s;
}
.peace-gradient-orb{
    position:absolute; border-radius:50%; pointer-events:none;
    z-index:2; filter:blur(70px); opacity:.62;
}
.peace-gradient-orb.orb-1{
    width:460px; height:460px; left:8%;
    top:24%; background:radial-gradient(circle,rgba(167,139,250,0.30),transparent 68%); animation:sleepOrbFloatOne 15s ease-in-out infinite;
}
.peace-gradient-orb.orb-2{
    width:360px; height:360px; right:18%;
    bottom:12%; background:radial-gradient(circle,rgba(125,211,252,0.24),transparent 68%); animation:sleepOrbFloatTwo 17s ease-in-out infinite;
}
.peace-wave-lines{
    position:absolute; right:4%; top:34%;
    width:58%; height:320px; z-index:3;
    pointer-events:none; opacity:.55;
}
.peace-wave-lines span{
    position:absolute; inset:auto 0; height:120px;
    border:1px solid rgba(167,139,250,0.18); border-left:0; border-right:0;
    border-radius:50%; filter:drop-shadow(0 0 16px rgba(125,211,252,0.20)); animation:sleepWaveDrift 11s ease-in-out infinite;
}
.peace-wave-lines span:nth-child(1){
    top:10px; animation-delay:0s;
}
.peace-wave-lines span:nth-child(2){
    top:86px; border-color:rgba(125,211,252,0.16); animation-delay:-2.2s;
}
.peace-wave-lines span:nth-child(3){
    top:164px; border-color:rgba(236,72,153,0.10); animation-delay:-4.4s;
}
.peace-cinematic-content{
    position:relative; z-index:5; max-width:820px!important;
}
.peace-mini-label,.peace-visualizer-mini,.peace-state-mini,.peace-timeline-mini{
    display:inline-block; margin-bottom:18px; padding:10px 18px;
    border-radius:999px; background:rgba(255,255,255,0.045); border:1px solid rgba(255,255,255,0.09);
    color:rgba(216,180,254,0.94); font-size:12px; font-weight:800;
    letter-spacing:2px; text-transform:uppercase; backdrop-filter:blur(12px);
}
.peace-cinematic-content h1{
    margin:0 0 24px; font-size:clamp(62px,7vw,104px)!important; line-height:.9;
    letter-spacing:-3px!important; background:linear-gradient(90deg,#ffffff,#D8B4FE,#7DD3FC); -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.peace-cinematic-content p{
    max-width:760px!important; margin:0 0 38px; color:rgba(255,255,255,0.76);
    font-size:21px!important; line-height:1.7;
}
.peace-buttons{
    display:flex; align-items:center; gap:16px;
    flex-wrap:wrap;
}
.peace-btn-main,.peace-audio-button,.peace-audio-btn{
    position:relative!important; display:inline-flex!important; align-items:center!important;
    justify-content:center!important; gap:12px!important; min-height:54px!important;
    padding:0 30px!important; border-radius:18px!important; color:#ffffff!important;
    text-decoration:none!important; font-size:16px!important; font-weight:800!important;
    letter-spacing:0.1px!important; background:linear-gradient(135deg,rgba(18,24,48,0.92),rgba(54,38,86,0.84),rgba(42,78,92,0.78))!important; border:1px solid rgba(216,180,254,0.34)!important;
    backdrop-filter:blur(18px)!important; -webkit-backdrop-filter:blur(18px)!important; box-shadow:inset 0 0 18px rgba(255,255,255,0.035),0 0 18px rgba(167,139,250,0.18),0 14px 40px rgba(0,0,0,0.34)!important;
    overflow:hidden!important; cursor:pointer; transition:all .35s ease!important;
}
.peace-btn-main:hover,.peace-audio-button:hover,.peace-audio-btn:hover{
    transform:translateY(-3px)!important; border-color:rgba(216,180,254,0.55)!important; box-shadow:inset 0 0 24px rgba(255,255,255,0.045),0 0 24px rgba(167,139,250,0.22),0 0 46px rgba(125,211,252,0.12),0 18px 50px rgba(0,0,0,0.42)!important;
}
.peace-btn-ghost{
    position:relative!important; display:inline-flex!important; align-items:center!important;
    justify-content:center!important; gap:12px!important; min-height:54px!important;
    padding:0 30px!important; border-radius:18px!important; color:rgba(255,255,255,0.92)!important;
    text-decoration:none!important; font-size:15px!important; font-weight:800!important;
    background:rgba(255,255,255,0.045)!important; border:1px solid rgba(255,255,255,0.13)!important; backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important; box-shadow:inset 0 0 20px rgba(255,255,255,0.035),0 0 18px rgba(167,139,250,0.12)!important; transition:all .35s ease!important;
}
.peace-btn-ghost:hover{
    transform:translateY(-3px)!important; border-color:rgba(216,180,254,0.42)!important; background:rgba(255,255,255,0.065)!important;
}
.peace-visualizer-section,.peace-state-section,.peace-timeline-section{
    position:relative; max-width:var(--max); margin:0 auto;
    padding:20px 30px; overflow:hidden;
}
.peace-timeline-section{
    max-width:var(--max-wide);
}
.peace-visualizer-bg,.peace-state-bg{
    position:absolute; left:50%; top:50%;
    transform:translate(-50%,-50%); border-radius:50%; pointer-events:none;
    filter:blur(85px);
}
.peace-visualizer-bg{
    width:1000px; height:640px; top:54%;
    background:radial-gradient(circle,rgba(167,139,250,0.16),transparent 42%),radial-gradient(circle,rgba(125,211,252,0.12),transparent 62%);
}
.peace-state-bg{
    width:900px; height:900px; top:40%;
    background:radial-gradient(circle,rgba(167,139,250,0.13),rgba(125,211,252,0.07),transparent 70%);
}
.peace-visualizer-header,.peace-state-header,.peace-timeline-header{
    position:relative; z-index:2; text-align:center;
    max-width:920px; margin:0 auto 70px;
}
.peace-visualizer-header h2,.peace-state-header h2,.peace-timeline-header h2{
    font-size:clamp(42px,6vw,72px); line-height:1.05; margin:0 0 24px;
    letter-spacing:-2px; background:linear-gradient(90deg,#D8B4FE,#A78BFA,#7DD3FC); -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.peace-visualizer-header p,.peace-state-header p,.peace-timeline-header p{
    font-size:20px; line-height:1.75; color:rgba(255,255,255,0.64);
}
.peace-visualizer-wrap{
    position:relative; z-index:2; max-width:1080px;
    height:260px; margin:0 auto; border-radius:34px;
    background:linear-gradient(180deg,rgba(255,255,255,0.052),rgba(255,255,255,0.024)); border:1px solid rgba(255,255,255,0.08); box-shadow:0 30px 90px rgba(0,0,0,0.34),inset 0 0 70px rgba(167,139,250,0.07);
    backdrop-filter:blur(22px); overflow:hidden; display:flex;
    align-items:center; justify-content:center;
}
.peace-breath-orb{
    position:relative; width:150px; height:150px;
    border-radius:50%; background:radial-gradient(circle,rgba(216,180,254,0.18),rgba(125,211,252,0.10),transparent 68%); box-shadow:0 0 40px rgba(167,139,250,0.30),0 0 70px rgba(125,211,252,0.16);
    animation:peaceBreath 5.8s ease-in-out infinite;
}
.peace-breath-orb span{
    position:absolute; inset:0; border-radius:50%;
    border:1px solid rgba(216,180,254,0.38); box-shadow:0 0 22px rgba(167,139,250,0.22); animation:peaceRing 5.8s ease-in-out infinite;
}
.peace-breath-orb span:nth-child(2){
    inset:-34px; opacity:.58; animation-delay:.6s;
}
.peace-breath-orb span:nth-child(3){
    inset:-68px; opacity:.34; animation-delay:1.2s;
}
@keyframes peaceBreath{
    0%,100%{
        transform:scale(.92); opacity:.72;
    }
    50%{
        transform:scale(1.08); opacity:1;
    }
}
@keyframes peaceRing{
    0%,100%{
        transform:scale(.92); opacity:.32;
    }
    50%{
        transform:scale(1.12); opacity:.86;
    }
}
.peace-state-grid{
    position:relative; z-index:2; display:grid;
    grid-template-columns:repeat(4,1fr); gap:28px;
}
.peace-state-card{
    position:relative; padding:42px 32px; border-radius:28px;
    background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); backdrop-filter:blur(18px);
    overflow:hidden; transition:all .45s cubic-bezier(.2,.8,.2,1);
}
.peace-state-card:hover{
    transform:translateY(-8px) scale(1.012); border-color:rgba(216,180,254,0.38); box-shadow:0 0 40px rgba(167,139,250,0.18),0 0 80px rgba(125,211,252,0.10);
}
.peace-icon{
    width:72px; height:72px; display:flex;
    align-items:center; justify-content:center; margin:0 auto 28px;
    border-radius:50%; font-size:30px; color:#fff;
    background:linear-gradient(135deg,rgba(216,180,254,0.85),rgba(167,139,250,0.82),rgba(125,211,252,0.72)); box-shadow:0 0 24px rgba(167,139,250,0.28);
}
.peace-state-card h3{
    font-size:28px; margin-bottom:18px; color:#fff;
}
.peace-state-card p{
    color:rgba(255,255,255,0.62); line-height:1.8; font-size:16px;
}
.peace-timeline-bg{
    position:absolute; inset:0; background:radial-gradient(circle at 20% 20%,rgba(167,139,250,0.10),transparent 34%),radial-gradient(circle at 70% 50%,rgba(125,211,252,0.10),transparent 40%);
    pointer-events:none;
}
.peace-timeline{
    position:relative; max-width:1400px; margin:0 auto;
    padding-left:90px;
}
.peace-timeline-line{
    position:absolute; left:34px; top:0;
    bottom:0; width:2px; background:linear-gradient(180deg,#7DD3FC,#D8B4FE,#A78BFA,#E0F2FE);
    opacity:.9; box-shadow:0 0 20px rgba(167,139,250,.6),0 0 40px rgba(125,211,252,.28);
}
.peace-timeline-item{
    position:relative; margin-bottom:44px;
}
.peace-timeline-dot{
    position:absolute; left:-69px; top:50%;
    width:22px; height:22px; border-radius:50%;
    transform:translateY(-50%); z-index:5;
}
.peace-cyan .peace-timeline-dot{
    background:#7DD3FC; box-shadow:0 0 24px #7DD3FC;
}
.peace-lavender .peace-timeline-dot{
    background:#D8B4FE; box-shadow:0 0 24px #D8B4FE;
}
.peace-violet .peace-timeline-dot{
    background:#A78BFA; box-shadow:0 0 24px #A78BFA;
}
.peace-white .peace-timeline-dot{
    background:#E0F2FE; box-shadow:0 0 24px #E0F2FE;
}
.peace-timeline-content{
    position:relative; display:grid; grid-template-columns:420px 1fr;
    overflow:hidden; border-radius:34px; min-height:280px;
    border:1px solid rgba(255,255,255,.08); background:var(--glass); backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px); transition:all .4s ease;
}
.peace-timeline-content:hover{
    transform:translateY(-4px); border-color:rgba(255,255,255,.16); box-shadow:0 0 40px rgba(167,139,250,.18),0 30px 80px rgba(0,0,0,.35);
}
.peace-timeline-time{
    position:absolute; left:28px; top:26px;
    z-index:4; font-size:48px; font-weight:900;
    letter-spacing:-2px;
}
.peace-cyan .peace-timeline-time{
    color:#7DD3FC;
}
.peace-lavender .peace-timeline-time{
    color:#D8B4FE;
}
.peace-violet .peace-timeline-time{
    color:#A78BFA;
}
.peace-white .peace-timeline-time{
    color:#E0F2FE;
}
.peace-timeline-content h3{
    margin-top:96px; margin-left:32px; margin-bottom:20px;
    font-size:44px; line-height:1;
}
.peace-timeline-content p{
    margin-left:32px; margin-right:32px; color:rgba(255,255,255,.72);
    font-size:18px; line-height:1.8;
}
.peace-timeline-visual{
    position:relative; overflow:hidden; min-height:280px;
    background-size:cover!important; background-position:center center!important; border-left:1px solid rgba(255,255,255,.08);
    transition:transform 1.2s ease,filter .6s ease;
}
.peace-timeline-content:hover .peace-timeline-visual{
    transform:scale(1.04); filter:saturate(1.08) brightness(1.04);
}
.peace-visual-cyan{
    background:linear-gradient(90deg,rgba(3,7,18,.16),rgba(3,7,18,.04)),url('/images/neurocosmic/inner-peace/mental-release.webp') !important;
}
.peace-visual-lavender{
    background:linear-gradient(90deg,rgba(15,3,25,.16),rgba(15,3,25,.04)),url('/images/neurocosmic/inner-peace/breath-alignment.webp') !important;
}
.peace-visual-violet{
    background:linear-gradient(90deg,rgba(10,6,28,.16),rgba(10,6,28,.04)),url('/images/neurocosmic/inner-peace/theta-calm.webp') !important;
}
.peace-visual-white{
    background:linear-gradient(90deg,rgba(5,12,22,.16),rgba(5,12,22,.04)),url('/images/neurocosmic/inner-peace/emotional-silence.webp') !important;
}
.peace-audio-btn{
    margin-left:28px!important; margin-bottom:30px!important; min-height:52px!important;
    padding:0 24px!important; padding-left:22px!important; border-radius:999px!important;
    background:rgba(0,0,0,0.28)!important; color:#fff!important; font-size:15px!important;
    font-weight:800!important; overflow:hidden!important;
}
.peace-audio-btn::before{
    content:"▶"!important; width:30px!important; height:30px!important;
    min-width:30px!important; border-radius:50%!important; display:inline-flex!important;
    align-items:center!important; justify-content:center!important; background:rgba(255,255,255,0.12)!important;
    box-shadow:inset 0 0 10px rgba(255,255,255,0.06),0 0 14px rgba(167,139,250,0.18)!important; color:#fff!important; font-size:11px!important;
    line-height:1!important;
}
.peace-audio-btn.timeline-playing::before{
    content:"❚❚"!important; font-size:9px!important;
}
.peace-btn-cyan{
    border-color:#7DD3FC!important; box-shadow:0 0 22px rgba(125,211,252,0.40)!important;
}
.peace-btn-lavender{
    border-color:#D8B4FE!important; box-shadow:0 0 22px rgba(216,180,254,0.38)!important;
}
.peace-btn-violet{
    border-color:#A78BFA!important; box-shadow:0 0 22px rgba(167,139,250,0.38)!important;
}
.peace-btn-white{
    border-color:#E0F2FE!important; box-shadow:0 0 22px rgba(224,242,254,0.32)!important;
}
.peace-benefits,.peace-frequencies,.peace-player{
    max-width:1280px; margin:0 auto; padding:20px 28px;
}
.peace-section-title{
    text-align:center; margin-bottom:34px; color:rgba(255,255,255,0.62);
    font-size:13px; font-weight:800; letter-spacing:2px;
    text-transform:uppercase;
}
.peace-grid{
    display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
}
.peace-card,.peace-player-box{
    background:var(--panel); border:1px solid var(--border); box-shadow:0 20px 60px rgba(0,0,0,0.26);
    backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-radius:22px;
    padding:34px; text-align:center; position:relative;
    overflow:hidden;
}
.peace-card h3,.peace-player-box h2{
    font-size:28px; margin:0 0 14px;
}
.peace-card p,.peace-player-box p{
    color:rgba(255,255,255,0.62); line-height:1.7;
}
.peace-player-box{
    position:relative; overflow:hidden;
}
.peace-player-glow{
    position:absolute; width:520px; height:520px;
    left:50%; top:42%; transform:translate(-50%,-50%);
    border-radius:50%; background:radial-gradient(circle,rgba(216,180,254,0.16),rgba(125,211,252,0.10),transparent 70%); filter:blur(70px);
    opacity:.72; pointer-events:none; animation:sleepPlayerGlow 11s ease-in-out infinite;
}
.peace-player-box h2,.peace-player-box p,.peace-audio-button,.peace-player-box .player-wave{
    position:relative; z-index:2;
}
.peace-play-icon{
    width:34px; height:34px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:rgba(255,255,255,0.12); box-shadow:inset 0 0 14px rgba(255,255,255,0.08),0 0 18px rgba(167,139,250,0.28); font-size:14px;
}
.peace-audio-button.audio-playing,.peace-audio-btn.timeline-playing{
    border-color:rgba(216,180,254,0.58)!important; background:linear-gradient(135deg,rgba(26,34,70,0.96),rgba(54,38,96,0.90),rgba(42,78,92,0.82))!important; box-shadow:inset 0 0 24px rgba(255,255,255,0.045),0 0 28px rgba(167,139,250,0.28),0 0 56px rgba(125,211,252,0.14),0 18px 56px rgba(0,0,0,0.42)!important;
}
@media(max-width:1100px){
    .peace-state-grid{
        grid-template-columns:repeat(2,1fr);
    }
}
@media(max-width:980px){
    .peace-hero-cinematic{
        min-height:auto; padding:110px 32px 90px!important; background:linear-gradient(180deg,rgba(5,8,22,.90) 0%,rgba(5,8,22,.76) 48%,rgba(5,8,22,.96) 100%),url('/images/neurocosmic/heroes/inner-peace-hero.webp') !important;
        background-size:cover!important; background-position:center!important;
    }
    .peace-wave-lines{
        opacity:.28; width:120%; right:-60%;
    }
    .peace-cinematic-content h1{
        font-size:clamp(52px,12vw,74px)!important; letter-spacing:-2px!important;
    }
    .peace-cinematic-content p{
        font-size:18px!important;
    }
    .peace-visualizer-wrap{
        height:220px; border-radius:26px;
    }
    .peace-timeline{
        padding-left:60px;
    }
    .peace-timeline-content{
        grid-template-columns:1fr;
    }
    .peace-timeline-visual{
        min-height:180px;
    }
    .peace-timeline-content h3{
        font-size:34px;
    }
    .peace-timeline-time{
        font-size:32px;
    }
}
@media(max-width:768px){
    .peace-wave-lines,.peace-stars,.peace-nebula,.peace-visualizer-bg,.peace-state-bg,.peace-timeline-bg{
        display:none!important;
    }
    .peace-hero-cinematic,.peace-visualizer-wrap,.peace-state-card,.peace-timeline-content,.peace-player-box,.peace-card{
        backdrop-filter:none!important; -webkit-backdrop-filter:none!important;
    }
    .peace-state-card:hover,.peace-timeline-content:hover{
        transform:none!important;
    }
    .peace-timeline-visual{
        transform:none!important; filter:none!important; animation:none!important;
        will-change:auto!important; backface-visibility:hidden!important; -webkit-backface-visibility:hidden!important;
        contain:paint!important;
    }
}
@media(max-width:650px){
    .peace-hero-cinematic{
        min-height:720px!important; padding:120px 22px 80px!important; align-items:flex-end!important;
        background:linear-gradient( 180deg,rgba(5,8,22,0.08) 0%,rgba(5,8,22,0.20) 34%,rgba(5,8,22,0.78) 62%,rgba(5,8,22,0.98) 100% ),url('/images/neurocosmic/heroes/inner-peace-hero.webp') !important; background-size:cover!important; background-position:62% top!important;
        background-repeat:no-repeat!important;
    }
    .peace-cinematic-content h1{
        font-size:52px!important; line-height:1;
    }
    .peace-mini-label{
        font-size:10px; letter-spacing:1.5px;
    }
    .peace-state-grid,.peace-grid{
        grid-template-columns:1fr;
    }
    .peace-btn-main,.peace-btn-ghost,.peace-audio-button{
        width:100%!important;
    }
    .peace-buttons{
        width:100%;
    }
    .peace-benefits,.peace-frequencies,.peace-player{
        padding-left:22px; padding-right:22px;
    }
}
.peace-timeline-visual{
    min-height:280px !important; height:280px !important; background-size:cover !important;
    background-position:center center !important; background-repeat:no-repeat !important; overflow:hidden !important;
}
@media(max-width:980px){
    .peace-timeline-visual{
        height:200px !important; min-height:200px !important;
    }
}

/* =========================================
   ENERGY BOOST
========================================= */

.energy-hero-cinematic{
    position:relative; min-height:92vh; display:flex;
    align-items:center; justify-content:flex-start; overflow:hidden;
    padding:130px 6% 130px 8%!important; background:linear-gradient( 90deg,rgba(18,4,0,0.96) 0%,rgba(18,4,0,0.84) 34%,rgba(18,4,0,0.46) 66%,rgba(18,4,0,0.18) 100% ),url('/images/neurocosmic/heroes/energy-boost-hero.webp'); background-size:cover;
    background-position:center right; background-repeat:no-repeat; isolation:isolate;
}
.energy-cosmic-bg,.energy-nebula{
    position:absolute; inset:0; pointer-events:none;
    z-index:1;
}
.energy-cosmic-bg{
    background:radial-gradient(circle at 22% 42%,rgba(255,120,0,0.22),transparent 34%),radial-gradient(circle at 44% 58%,rgba(255,60,0,0.18),transparent 42%),radial-gradient(circle at 72% 26%,rgba(255,210,0,0.12),transparent 34%);
}
.energy-nebula{
    background:radial-gradient(circle at 18% 50%,rgba(255,120,0,0.16),transparent 36%),radial-gradient(circle at 74% 46%,rgba(255,70,0,0.12),transparent 44%); filter:blur(70px); opacity:.9;
}
.energy-stars{
    position:absolute; inset:0; z-index:2;
    pointer-events:none;
}
.energy-stars span{
    position:absolute; width:2px; height:2px;
    border-radius:50%; background:rgba(255,220,180,0.86); box-shadow:0 0 10px rgba(255,120,0,0.75);
}
.energy-stars span:nth-child(1){
    top:14%; left:18%;
}
.energy-stars span:nth-child(2){
    top:22%; left:42%;
}
.energy-stars span:nth-child(3){
    top:18%; left:76%;
}
.energy-stars span:nth-child(4){
    top:38%; left:12%;
}
.energy-stars span:nth-child(5){
    top:46%; left:56%;
}
.energy-stars span:nth-child(6){
    top:62%; left:24%;
}
.energy-stars span:nth-child(7){
    top:70%; left:68%;
}
.energy-stars span:nth-child(8){
    top:82%; left:44%;
}
.energy-stars span:nth-child(9){
    top:28%; left:86%;
}
.energy-stars span:nth-child(10){
    top:76%; left:84%;
}
.energy-stars span:nth-child(11){
    top:52%; left:78%;
}
.energy-stars span:nth-child(12){
    top:10%; left:58%;
}
.energy-gradient-orb{
    position:absolute; border-radius:50%; pointer-events:none;
    z-index:2; filter:blur(70px); opacity:.7;
}
.energy-gradient-orb.orb-1{
    width:460px; height:460px; left:8%;
    top:24%; background:radial-gradient(circle,rgba(255,90,0,0.28),transparent 68%);
}
.energy-gradient-orb.orb-2{
    width:360px; height:360px; right:18%;
    bottom:12%; background:radial-gradient(circle,rgba(255,180,0,0.20),transparent 68%);
}
.energy-wave-lines{
    position:absolute; right:4%; top:34%;
    width:58%; height:320px; z-index:3;
    pointer-events:none; opacity:.76;
}
.energy-wave-lines span{
    position:absolute; inset:auto 0; height:120px;
    border:1px solid rgba(255,120,0,0.24); border-left:0; border-right:0;
    border-radius:50%;
}
.energy-wave-lines span:nth-child(1){
    top:10px;
}
.energy-wave-lines span:nth-child(2){
    top:86px;
}
.energy-wave-lines span:nth-child(3){
    top:164px;
}
.energy-cinematic-content{
    position:relative; z-index:5; max-width:820px!important;
}
.energy-mini-label,.energy-visualizer-mini,.energy-state-mini,.energy-timeline-mini{
    display:inline-block; margin-bottom:18px; padding:10px 18px;
    border-radius:999px; background:rgba(255,255,255,0.045); border:1px solid rgba(255,255,255,0.09);
    color:rgba(255,180,120,0.92); font-size:12px; font-weight:800;
    letter-spacing:2px; text-transform:uppercase;
}
.energy-cinematic-content h1{
    margin:0 0 24px; font-size:clamp(62px,7vw,104px)!important; line-height:.9;
    letter-spacing:-3px!important; background:linear-gradient( 90deg,#ffffff,#FDBA74,#FB923C ); -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.energy-cinematic-content p{
    max-width:760px!important; margin:0 0 38px; color:rgba(255,255,255,0.76);
    font-size:21px!important; line-height:1.7;
}
.energy-buttons{
    display:flex; align-items:center; gap:16px;
    flex-wrap:wrap;
}
.energy-btn-main,.energy-btn-ghost,.energy-audio-button,.energy-audio-btn{
    display:inline-flex!important; align-items:center!important; justify-content:center!important;
    gap:12px!important; min-height:54px!important; padding:0 30px!important;
    border-radius:18px!important; text-decoration:none!important; font-size:15px!important;
    font-weight:800!important; transition:all .35s ease!important;
}
.energy-btn-main{
    color:#fff!important; background:linear-gradient( 135deg,#ff6b00,#ff2d00 )!important; border:1px solid rgba(255,150,80,0.34)!important;
    box-shadow:0 0 24px rgba(255,120,0,0.26)!important;
}
.energy-btn-ghost,.energy-audio-button,.energy-audio-btn{
    color:#fff!important; background:rgba(255,255,255,0.045)!important; border:1px solid rgba(255,255,255,0.12)!important;
}
.energy-btn-main:hover,.energy-btn-ghost:hover,.energy-audio-button:hover,.energy-audio-btn:hover{
    transform:translateY(-3px)!important;
}
.energy-visualizer-section,.energy-state-section,.energy-timeline-section{
    position:relative; max-width:var(--max); margin:0 auto;
    padding:120px 30px; overflow:hidden;
}
.energy-timeline-section{
    max-width:var(--max-wide);
}
.energy-visualizer-header,.energy-state-header,.energy-timeline-header{
    position:relative; z-index:2; text-align:center;
    max-width:920px; margin:0 auto 80px;
}
.energy-visualizer-header h2,.energy-state-header h2,.energy-timeline-header h2{
    font-size:clamp(42px,6vw,72px); line-height:1.05; margin:0 0 24px;
    letter-spacing:-2px; background:linear-gradient( 90deg,#FDBA74,#FB923C,#F97316 ); -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.energy-visualizer-header p,.energy-state-header p,.energy-timeline-header p{
    font-size:20px; line-height:1.75; color:rgba(255,255,255,0.64);
}
.energy-visualizer-wrap{
    position:relative; z-index:2; max-width:1080px;
    height:260px; margin:0 auto; border-radius:34px;
    background:linear-gradient( 180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.024) ); border:1px solid rgba(255,255,255,0.08); overflow:hidden;
}
.energy-visualizer-line{
    position:absolute; left:50%; top:50%;
    transform:translate(-50%,-50%); display:flex; align-items:center;
    justify-content:center; gap:8px; height:170px;
    width:86%;
}
.energy-visualizer-line span{
    width:4px; border-radius:999px; background:linear-gradient( 180deg,rgba(255,180,120,0.15),rgba(255,120,0,0.95),rgba(255,60,0,0.85),rgba(255,180,120,0.15) );
}
.energy-visualizer-line span:nth-child(odd){
    height:78px;
}
.energy-visualizer-line span:nth-child(even){
    height:128px;
}
.energy-visualizer-line span:nth-child(3n){
    height:162px;
}
.energy-visualizer-line span:nth-child(4n){
    height:44px;
}
.energy-visualizer-line span:nth-child(5n){
    height:108px;
}
.energy-state-grid,.energy-grid{
    display:grid; grid-template-columns:repeat(4,1fr); gap:28px;
}
.energy-grid{
    grid-template-columns:repeat(3,1fr);
}
.energy-state-card,.energy-card,.energy-player-box{
    position:relative; padding:42px 32px; border-radius:28px;
    background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); backdrop-filter:blur(18px);
    overflow:hidden;
}
.energy-icon{
    width:72px; height:72px; display:flex;
    align-items:center; justify-content:center; margin:0 auto 28px;
    border-radius:50%; font-size:30px; color:#fff;
    background:linear-gradient( 135deg,rgba(255,140,0,0.85),rgba(255,70,0,0.82),rgba(255,180,0,0.72) );
}
.energy-state-card h3,.energy-card h3{
    font-size:28px; margin-bottom:18px; color:#fff;
}
.energy-state-card p,.energy-card p{
    color:rgba(255,255,255,0.62); line-height:1.8;
}
.energy-timeline{
    position:relative; max-width:1400px; margin:0 auto;
    padding-left:90px;
}
.energy-timeline-line{
    position:absolute; left:34px; top:0;
    bottom:0; width:2px; background:linear-gradient( 180deg,#FDBA74,#FB923C,#F97316,#EA580C );
}
.energy-timeline-item{
    position:relative; margin-bottom:44px;
}
.energy-timeline-dot{
    position:absolute; left:-69px; top:50%;
    width:22px; height:22px; border-radius:50%;
    transform:translateY(-50%);
}
.energy-orange .energy-timeline-dot{
    background:#FDBA74;
}
.energy-red .energy-timeline-dot{
    background:#FB923C;
}
.energy-pink .energy-timeline-dot{
    background:#F97316;
}
.energy-gold .energy-timeline-dot{
    background:#EA580C;
}
.energy-timeline-content{
    position:relative; display:grid; grid-template-columns:420px 1fr;
    overflow:hidden; border-radius:34px; min-height:280px;
    border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,0.04);
}
.energy-timeline-info{
    position:relative;
}
.energy-timeline-time{
    position:absolute; left:28px; top:26px;
    font-size:48px; font-weight:900;
}
.energy-timeline-content h3{
    margin-top:96px; margin-left:32px; margin-bottom:20px;
    font-size:48px; line-height:1;
}
.energy-timeline-content p{
    margin-left:32px; margin-right:32px; color:rgba(255,255,255,.72);
    font-size:19px; line-height:1.8;
}
.energy-timeline-visual{
    min-height:280px; background-size:cover!important; background-position:center center!important;
}
.energy-visual-orange{
    background:url('/images/neurocosmic/energy-boost/neural-wake.webp');
}
.energy-visual-red{
    background:url('/images/neurocosmic/energy-boost/pulse-drive.webp');
}
.energy-visual-pink{
    background:url('/images/neurocosmic/energy-boost/energy-surge.webp');
}
.energy-visual-gold{
    background:url('/images/neurocosmic/energy-boost/peak-activation.webp');
}
.energy-benefits,.energy-frequencies,.energy-player{
    max-width:1280px; margin:0 auto; padding:80px 28px;
}
.energy-section-title{
    text-align:center; margin-bottom:34px; color:rgba(255,255,255,0.62);
    font-size:13px; font-weight:800; letter-spacing:2px;
    text-transform:uppercase;
}
.energy-player-box{
    text-align:center;
}
.energy-player-box h2{
    font-size:42px; margin-bottom:18px;
}
.energy-player-box p{
    color:rgba(255,255,255,0.62);
}
.energy-player-glow{
    position:absolute; width:520px; height:520px;
    left:50%; top:42%; transform:translate(-50%,-50%);
    border-radius:50%; background:radial-gradient( circle,rgba(255,120,0,0.18),rgba(255,60,0,0.12),transparent 70% ); filter:blur(70px);
    opacity:.72; pointer-events:none;
}
@media(max-width:1100px){
    .energy-state-grid{
        grid-template-columns:repeat(2,1fr);
    }
}
@media(max-width:980px){
    .energy-timeline-content{
        grid-template-columns:1fr;
    }
    .energy-timeline{
        padding-left:60px;
    }
}
@media(max-width:768px){
    .energy-state-grid,.energy-grid{
        grid-template-columns:1fr;
    }
    .energy-wave-lines,.energy-stars,.energy-nebula{
        display:none!important;
    }
}
@media(max-width:650px){
    .energy-hero-cinematic{
        min-height:720px!important; padding:120px 22px 80px!important; align-items:flex-end!important;
        background:linear-gradient( 180deg,rgba(18,4,0,0.08) 0%,rgba(18,4,0,0.20) 34%,rgba(18,4,0,0.78) 62%,rgba(18,4,0,0.98) 100% ),url('/images/neurocosmic/heroes/energy-boost-hero.webp') !important; background-size:cover!important; background-position:62% top!important;
        background-repeat:no-repeat!important;
    }
    .energy-cinematic-content h1{
        font-size:52px!important; line-height:1;
    }
}
.energy-audio-btn{
    position:relative!important; margin-left:28px!important; margin-bottom:30px!important;
    min-height:52px!important; padding:0 24px!important; padding-left:22px!important;
    border-radius:999px!important; background:rgba(0,0,0,0.28)!important; color:#fff!important;
    font-size:15px!important; font-weight:800!important; overflow:hidden!important;
}
.energy-audio-btn::before{
    content:"▶"!important; position:static!important; width:30px!important;
    height:30px!important; min-width:30px!important; border-radius:50%!important;
    display:inline-flex!important; align-items:center!important; justify-content:center!important;
    background:rgba(255,255,255,0.12)!important; box-shadow:inset 0 0 10px rgba(255,255,255,0.06),0 0 14px rgba(255,120,0,0.24)!important; color:#fff!important;
    font-size:11px!important; line-height:1!important; pointer-events:none!important;
}
.energy-audio-btn.timeline-playing::before{
    content:"❚❚"!important; font-size:9px!important;
}
.energy-btn-orange{
    border-color:#FDBA74!important; box-shadow:0 0 22px rgba(253,186,116,0.32)!important;
}
.energy-btn-red{
    border-color:#FB923C!important; box-shadow:0 0 22px rgba(251,146,60,0.34)!important;
}
.energy-btn-pink{
    border-color:#F97316!important; box-shadow:0 0 22px rgba(249,115,22,0.34)!important;
}
.energy-btn-gold{
    border-color:#EA580C!important; box-shadow:0 0 22px rgba(234,88,12,0.34)!important;
}
.sleep-visualizer-section,.sleep-state-section,.sleep-timeline-section,.focus-visualizer-section,.focus-state-section,.focus-timeline-section,.inner-visualizer-section,.inner-state-section,.inner-timeline-section,.energy-visualizer-section,.energy-state-section,.energy-timeline-section{
    margin:0 !important;
}
.sleep-benefits,.focus-benefits,.inner-benefits,.energy-benefits{
    margin-top:0 !important;
}
.sleep-frequencies,.focus-frequencies,.inner-frequencies,.energy-frequencies{
    margin-top:0 !important;
}
.energy-hero-cinematic,.energy-hero-cinematic.energy-hero-boost-image{
    background:linear-gradient( 90deg,rgba(18,4,0,0.94) 0%,rgba(18,4,0,0.78) 34%,rgba(18,4,0,0.38) 66%,rgba(18,4,0,0.12) 100% ),url('/images/neurocosmic/heroes/energy-boost-hero.webp') !important; background-size:cover !important; background-position:center right !important;
    background-repeat:no-repeat !important;
}
@media(max-width:650px){
    .energy-hero-cinematic,.energy-hero-cinematic.energy-hero-boost-image{
        background:linear-gradient( 180deg,rgba(18,4,0,0.06) 0%,rgba(18,4,0,0.18) 34%,rgba(18,4,0,0.78) 62%,rgba(18,4,0,0.98) 100% ),url('/images/neurocosmic/heroes/energy-boost-hero.webp') !important; background-size:cover !important; background-position:62% top !important;
        background-repeat:no-repeat !important;
    }
}
/* =========================================
   INNER PEACE — TIMELINE IMAGE FILL FIX
========================================= */

.peace-timeline-content{
    align-items:stretch !important;
}

.peace-timeline-visual{
    height:auto !important;
    min-height:100% !important;
    align-self:stretch !important;

    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
}

.peace-timeline-info{
    min-height:280px !important;
}

@media(max-width:980px){

    .peace-timeline-visual{
        height:240px !important;
        min-height:240px !important;
    }

    .peace-timeline-info{
        min-height:auto !important;
    }
}
/* =========================================
   FRECUENCIAS — HERO / SPECTRAL SYSTEM
========================================= */

.freq-hero-cinematic{
    position:relative;
    min-height:92vh;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    padding:130px 28px 160px;
    background:#070811;
    isolation:isolate;
}

.freq-cosmic-bg,
.freq-grid-layer,
.freq-nebula{
    position:absolute;
    inset:0;
    pointer-events:none;
}

.freq-cosmic-bg{
    z-index:1;
    background:
        radial-gradient(circle at 50% 42%,rgba(124,58,237,0.28),transparent 34%),
        radial-gradient(circle at 24% 56%,rgba(37,99,235,0.20),transparent 38%),
        radial-gradient(circle at 76% 48%,rgba(56,189,248,0.14),transparent 36%),
        #070811;
}

.freq-grid-layer{
    z-index:2;
    opacity:.22;
    background-image:
        linear-gradient(rgba(255,255,255,0.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,0.045) 1px,transparent 1px);
    background-size:72px 72px;
    mask-image:radial-gradient(circle at center,black 0%,transparent 72%);
}

.freq-nebula{
    z-index:3;
    background:
        radial-gradient(circle at 50% 52%,rgba(167,139,250,0.22),transparent 34%),
        radial-gradient(circle at 34% 48%,rgba(96,165,250,0.14),transparent 42%),
        radial-gradient(circle at 68% 58%,rgba(236,72,153,0.10),transparent 38%);
    filter:blur(70px);
    animation:freqNebulaBreath 13s ease-in-out infinite;
}

.freq-stars{
    position:absolute;
    inset:0;
    z-index:4;
    pointer-events:none;
}

.freq-stars span{
    position:absolute;
    width:2px;
    height:2px;
    border-radius:50%;
    background:rgba(230,245,255,0.82);
    box-shadow:0 0 12px rgba(125,211,252,0.74);
    animation:freqStarPulse 6s ease-in-out infinite;
}

.freq-stars span:nth-child(1){top:14%;left:18%;animation-delay:.1s}
.freq-stars span:nth-child(2){top:22%;left:42%;animation-delay:.7s}
.freq-stars span:nth-child(3){top:18%;left:76%;animation-delay:1.2s}
.freq-stars span:nth-child(4){top:38%;left:12%;animation-delay:1.8s}
.freq-stars span:nth-child(5){top:46%;left:56%;animation-delay:2.4s}
.freq-stars span:nth-child(6){top:62%;left:24%;animation-delay:3s}
.freq-stars span:nth-child(7){top:70%;left:68%;animation-delay:3.5s}
.freq-stars span:nth-child(8){top:82%;left:44%;animation-delay:4s}
.freq-stars span:nth-child(9){top:28%;left:86%;animation-delay:4.4s}
.freq-stars span:nth-child(10){top:76%;left:84%;animation-delay:4.8s}
.freq-stars span:nth-child(11){top:52%;left:78%;animation-delay:5.1s}
.freq-stars span:nth-child(12){top:10%;left:58%;animation-delay:5.4s}

.freq-wave-orbit{
    position:absolute;
    z-index:5;
    width:760px;
    height:760px;
    border-radius:50%;
    pointer-events:none;
}

.freq-wave-orbit span{
    position:absolute;
    inset:0;
    border-radius:50%;
    border:1px solid rgba(167,139,250,0.20);
    box-shadow:
        0 0 40px rgba(124,58,237,0.18),
        inset 0 0 36px rgba(56,189,248,0.08);
    animation:freqOrbitRotate 42s linear infinite;
}

.freq-wave-orbit span:nth-child(2){
    inset:92px;
    border-color:rgba(96,165,250,0.18);
    animation-duration:54s;
    animation-direction:reverse;
}

.freq-wave-orbit span:nth-child(3){
    inset:184px;
    border-color:rgba(236,72,153,0.13);
    animation-duration:36s;
}

.freq-hero-content{
    position:relative;
    z-index:8;
    max-width:1040px;
    margin:0 auto;
    text-align:center;
}

.freq-mini-label{
    display:inline-block;
    margin-bottom:22px;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(255,255,255,0.045);
    border:1px solid rgba(255,255,255,0.10);
    color:rgba(125,211,252,0.92);
    font-size:12px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
    backdrop-filter:blur(12px);
}

.freq-hero-content h1{
    max-width:980px;
    margin:0 auto 26px;

    font-size:clamp(58px,7vw,108px);
    line-height:.92;
    letter-spacing:-4px;

    background:linear-gradient(90deg,#ffffff,#7DD3FC,#A78BFA,#EC4899);

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.freq-hero-content p{
    max-width:850px;
    margin:0 auto 42px;
    color:rgba(255,255,255,0.72);
    font-size:22px;
    line-height:1.75;
}

.freq-hero-buttons{
    display:flex;
    justify-content:center;
    gap:16px;
    flex-wrap:wrap;
}

.freq-btn-main,
.freq-btn-ghost{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:56px;
    padding:0 32px;
    border-radius:18px;
    text-decoration:none!important;
    font-size:16px;
    font-weight:800;
    transition:all .35s ease;
}

.freq-btn-main{
    color:#fff!important;
    background:linear-gradient(135deg,#2563EB,#7C3AED,#EC4899);
    border:1px solid rgba(167,139,250,0.42);
    box-shadow:
        0 0 24px rgba(124,58,237,0.24),
        0 18px 50px rgba(0,0,0,0.38);
}

.freq-btn-ghost{
    color:rgba(255,255,255,0.92)!important;
    background:rgba(255,255,255,0.045);
    border:1px solid rgba(255,255,255,0.13);
    backdrop-filter:blur(16px);
}

.freq-btn-main:hover,
.freq-btn-ghost:hover{
    transform:translateY(-3px);
    box-shadow:
        0 0 30px rgba(124,58,237,0.30),
        0 18px 50px rgba(0,0,0,0.42);
}

.freq-spectrum-panel{
    position:absolute;
    left:50%;
    bottom:38px;
    z-index:9;
    width:min(1120px,calc(100% - 48px));
    transform:translateX(-50%);
    padding:32px 36px;
    border-radius:28px;
    background:linear-gradient(180deg,rgba(255,255,255,0.060),rgba(255,255,255,0.026));
    border:1px solid rgba(255,255,255,0.09);
    box-shadow:
        0 28px 80px rgba(0,0,0,0.34),
        inset 0 0 48px rgba(96,165,250,0.055);
    backdrop-filter:blur(20px);
}

.freq-spectrum-line{
    height:3px;
    margin-bottom:24px;
    border-radius:999px;
    background:linear-gradient(90deg,#38BDF8,#A78BFA,#EC4899,#F97316,#FDE68A);
    box-shadow:
        0 0 18px rgba(167,139,250,0.52),
        0 0 36px rgba(56,189,248,0.25);
}

.freq-spectrum-items{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:18px;
}

.freq-spectrum-items div{
    text-align:center;
}

.freq-spectrum-items span{
    display:block;
    margin-bottom:7px;
    color:#ffffff;
    font-size:15px;
    font-weight:900;
    letter-spacing:.4px;
    text-transform:uppercase;
}

.freq-spectrum-items strong{
    display:block;
    color:rgba(255,255,255,0.56);
    font-size:13px;
    font-weight:700;
}

@keyframes freqNebulaBreath{
    0%,100%{
        opacity:.62;
        transform:scale(.98);
    }
    50%{
        opacity:1;
        transform:scale(1.04);
    }
}

@keyframes freqStarPulse{
    0%,100%{
        opacity:.20;
        transform:scale(.7);
    }
    50%{
        opacity:1;
        transform:scale(1.6);
    }
}

@keyframes freqOrbitRotate{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}

/* =========================================
   FRECUENCIAS — RESPONSIVE
========================================= */

@media(max-width:980px){
    .freq-hero-cinematic{
        min-height:900px;
        padding:110px 24px 230px;
    }

    .freq-wave-orbit{
        width:560px;
        height:560px;
    }

    .freq-hero-content h1{
        font-size:clamp(52px,10vw,78px);
        letter-spacing:-2px;
    }

    .freq-hero-content p{
        font-size:19px;
    }

    .freq-spectrum-items{
        grid-template-columns:repeat(5,1fr);
        gap:10px;
    }

    .freq-spectrum-panel{
        bottom:34px;
        padding:24px 20px;
    }
}

@media(max-width:650px){
    .freq-hero-cinematic{
        min-height:920px;
        padding:96px 20px 300px;
    }

    .freq-grid-layer,
    .freq-wave-orbit{
        display:none;
    }

    .freq-hero-content h1{
        font-size:48px;
        line-height:1;
        letter-spacing:-1.5px;
    }

    .freq-hero-content p{
        font-size:17px;
        line-height:1.7;
    }

    .freq-hero-buttons{
        width:100%;
    }

    .freq-btn-main,
    .freq-btn-ghost{
        width:100%;
    }

    .freq-spectrum-panel{
        width:calc(100% - 36px);
        bottom:28px;
        border-radius:22px;
    }

    .freq-spectrum-items{
        grid-template-columns:1fr;
        gap:14px;
    }

    .freq-spectrum-line{
        margin-bottom:20px;
    }
}
/* =========================================
   BRAINWAVE SPECTRUM
========================================= */

.brainwave-section{
    position:relative;
    padding:140px 28px;
    overflow:hidden;
    background:
        radial-gradient(circle at top,rgba(124,58,237,0.10),transparent 30%),
        #06070F;
}

.brainwave-bg{
    position:absolute;
    inset:0;
    opacity:.4;
    background:
        radial-gradient(circle at 20% 30%,rgba(56,189,248,0.10),transparent 30%),
        radial-gradient(circle at 80% 70%,rgba(236,72,153,0.08),transparent 30%);
    pointer-events:none;
}

.brainwave-header{
    position:relative;
    z-index:2;
    max-width:920px;
    margin:0 auto 90px;
    text-align:center;
}

.brainwave-mini{
    display:inline-block;
    margin-bottom:20px;
    color:#7DD3FC;
    font-size:12px;
    font-weight:800;
    letter-spacing:3px;
    text-transform:uppercase;
}

.brainwave-header h2{
    margin:0 0 26px;
    font-size:clamp(44px,5vw,76px);
    line-height:1;
    letter-spacing:-2px;
    color:#fff;
}

.brainwave-header p{
    color:rgba(255,255,255,.68);
    font-size:20px;
    line-height:1.8;
}

.brainwave-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:24px;
}

.brainwave-card{
    position:relative;
    overflow:hidden;
    border-radius:30px;
    padding:34px 28px 30px;
    background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(20px);
    min-height:520px;
    transition:all .4s ease;
}

.brainwave-card:hover{
    transform:translateY(-8px);
    border-color:rgba(255,255,255,.16);
}

.brainwave-glow{
    position:absolute;
    inset:auto -20% -30% auto;
    width:180px;
    height:180px;
    border-radius:50%;
    filter:blur(50px);
    opacity:.35;
}

.delta-wave .brainwave-glow{
    background:#2563EB;
}

.theta-wave .brainwave-glow{
    background:#8B5CF6;
}

.alpha-wave .brainwave-glow{
    background:#22D3EE;
}

.beta-wave .brainwave-glow{
    background:#EC4899;
}

.gamma-wave .brainwave-glow{
    background:#F59E0B;
}

.brainwave-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:28px;
}

.brainwave-type{
    color:#fff;
    font-size:13px;
    font-weight:900;
    letter-spacing:2px;
}

.brainwave-hz{
    color:rgba(255,255,255,.48);
    font-size:13px;
    font-weight:700;
}

.brainwave-card h3{
    margin:0 0 22px;
    font-size:30px;
    line-height:1.1;
    color:#fff;
}

.brainwave-card p{
    margin:0 0 28px;
    color:rgba(255,255,255,.66);
    font-size:16px;
    line-height:1.8;
}

.brainwave-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:38px;
}

.brainwave-tags span{
    padding:10px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    color:#fff;
    font-size:12px;
    font-weight:700;
}

.brainwave-visual{
    display:flex;
    align-items:flex-end;
    gap:8px;
    height:120px;
}

.brainwave-visual span{
    flex:1;
    border-radius:999px;
    animation:brainwavePulse 2.6s ease-in-out infinite;
}

.delta-visual span{
    background:#3B82F6;
}

.theta-visual span{
    background:#8B5CF6;
}

.alpha-visual span{
    background:#22D3EE;
}

.beta-visual span{
    background:#EC4899;
}

.gamma-visual span{
    background:#F59E0B;
}

.brainwave-visual span:nth-child(1){height:22%}
.brainwave-visual span:nth-child(2){height:48%}
.brainwave-visual span:nth-child(3){height:72%}
.brainwave-visual span:nth-child(4){height:34%}
.brainwave-visual span:nth-child(5){height:88%}
.brainwave-visual span:nth-child(6){height:42%}
.brainwave-visual span:nth-child(7){height:64%}
.brainwave-visual span:nth-child(8){height:28%}

.brainwave-visual span:nth-child(even){
    animation-delay:.5s;
}

@keyframes brainwavePulse{
    0%,100%{
        opacity:.4;
        transform:scaleY(.8);
    }

    50%{
        opacity:1;
        transform:scaleY(1.15);
    }
}

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

@media(max-width:1500px){

    .brainwave-grid{
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:980px){

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

    .brainwave-card{
        min-height:auto;
    }
}

@media(max-width:700px){

    .brainwave-section{
        padding:110px 20px;
    }

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

    .brainwave-header h2{
        font-size:42px;
    }

    .brainwave-header p{
        font-size:17px;
    }
}
/* =========================================
   NEUROCOSMIC+
========================================= */

.ncplus-hero{
    position:relative;
    min-height:100vh;
    overflow:hidden;
    padding:140px 28px 180px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#05060D;
    isolation:isolate;
}

.ncplus-bg,
.ncplus-grid,
.ncplus-nebula{
    position:absolute;
    inset:0;
}

.ncplus-bg{
    z-index:1;
    background:
        radial-gradient(circle at 50% 38%,rgba(139,92,246,.24),transparent 34%),
        radial-gradient(circle at 20% 50%,rgba(59,130,246,.14),transparent 40%),
        radial-gradient(circle at 80% 60%,rgba(236,72,153,.10),transparent 40%),
        #05060D;
}

.ncplus-grid{
    z-index:2;
    opacity:.18;
    background-image:
        linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
    background-size:70px 70px;
    mask-image:radial-gradient(circle at center,black 0%,transparent 75%);
}

.ncplus-nebula{
    z-index:3;
    filter:blur(90px);
    background:
        radial-gradient(circle at 40% 50%,rgba(124,58,237,.22),transparent 35%),
        radial-gradient(circle at 65% 45%,rgba(56,189,248,.16),transparent 35%);
    animation:ncplusNebula 12s ease-in-out infinite;
}

.ncplus-stars{
    position:absolute;
    inset:0;
    z-index:4;
}

.ncplus-stars span{
    position:absolute;
    width:2px;
    height:2px;
    border-radius:50%;
    background:#fff;
    opacity:.7;
    animation:ncplusStars 6s ease-in-out infinite;
}

.ncplus-stars span:nth-child(1){top:12%;left:18%}
.ncplus-stars span:nth-child(2){top:24%;left:70%}
.ncplus-stars span:nth-child(3){top:42%;left:82%}
.ncplus-stars span:nth-child(4){top:70%;left:16%}
.ncplus-stars span:nth-child(5){top:82%;left:62%}
.ncplus-stars span:nth-child(6){top:34%;left:48%}
.ncplus-stars span:nth-child(7){top:18%;left:86%}
.ncplus-stars span:nth-child(8){top:58%;left:72%}
.ncplus-stars span:nth-child(9){top:76%;left:46%}
.ncplus-stars span:nth-child(10){top:48%;left:28%}
.ncplus-stars span:nth-child(11){top:64%;left:88%}
.ncplus-stars span:nth-child(12){top:8%;left:54%}

.ncplus-rings{
    position:absolute;
    width:760px;
    height:760px;
    z-index:5;
}

.ncplus-rings span{
    position:absolute;
    inset:0;
    border-radius:50%;
    border:1px solid rgba(167,139,250,.14);
    animation:ncplusRotate 42s linear infinite;
}

.ncplus-rings span:nth-child(2){
    inset:90px;
    animation-duration:58s;
    animation-direction:reverse;
}

.ncplus-rings span:nth-child(3){
    inset:180px;
    animation-duration:30s;
}

.ncplus-content{
    position:relative;
    z-index:10;
    max-width:1000px;
    text-align:center;
}

.ncplus-mini{
    display:inline-block;
    margin-bottom:22px;
    padding:10px 18px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.04);
    color:#7DD3FC;
    font-size:12px;
    font-weight:800;
    letter-spacing:3px;
    text-transform:uppercase;
    backdrop-filter:blur(12px);
}

.ncplus-content h1{
    margin:0 auto 28px;
    max-width:900px;
    font-size:clamp(70px,8vw,130px);
    line-height:.92;
    letter-spacing:-5px;
    background:linear-gradient(90deg,#fff,#7DD3FC,#A78BFA,#EC4899);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.ncplus-content p{
    max-width:860px;
    margin:0 auto 42px;
    color:rgba(255,255,255,.70);
    font-size:22px;
    line-height:1.8;
}

.ncplus-buttons{
    display:flex;
    justify-content:center;
    gap:18px;
    flex-wrap:wrap;
}

.ncplus-btn-main,
.ncplus-btn-ghost{
    min-height:58px;
    padding:0 34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    text-decoration:none!important;
    font-size:16px;
    font-weight:800;
    transition:all .35s ease;
}

.ncplus-btn-main{
    color:#fff!important;
    background:linear-gradient(135deg,#2563EB,#7C3AED,#EC4899);
    border:1px solid rgba(167,139,250,.32);
}

.ncplus-btn-ghost{
    color:#fff!important;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.10);
    backdrop-filter:blur(12px);
}

.ncplus-btn-main:hover,
.ncplus-btn-ghost:hover{
    transform:translateY(-3px);
}

.ncplus-spectrum-panel{
    position:absolute;
    left:50%;
    bottom:42px;
    z-index:12;
    transform:translateX(-50%);
    width:min(1120px,calc(100% - 40px));
    padding:30px;
    border-radius:30px;
    background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(24px);
}

.ncplus-spectrum-line{
    height:3px;
    margin-bottom:24px;
    border-radius:999px;
    background:linear-gradient(90deg,#38BDF8,#A78BFA,#EC4899,#F97316);
}

.ncplus-spectrum-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:18px;
}

.ncplus-spectrum-grid div{
    text-align:center;
}

.ncplus-spectrum-grid span{
    display:block;
    margin-bottom:6px;
    color:#fff;
    font-size:14px;
    font-weight:900;
    letter-spacing:1px;
    text-transform:uppercase;
}

.ncplus-spectrum-grid strong{
    color:rgba(255,255,255,.52);
    font-size:13px;
}

/* =========================================
   TECHNOLOGIES
========================================= */

.ncplus-tech-section{
    position:relative;
    overflow:hidden;
    padding:140px 28px;
    background:#070811;
}

.ncplus-tech-bg{
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 20% 30%,rgba(59,130,246,.10),transparent 30%),
        radial-gradient(circle at 80% 70%,rgba(168,85,247,.08),transparent 30%);
    opacity:.6;
}

.ncplus-tech-header{
    position:relative;
    z-index:2;
    max-width:920px;
    margin:0 auto 90px;
    text-align:center;
}

.ncplus-tech-mini{
    display:inline-block;
    margin-bottom:20px;
    color:#7DD3FC;
    font-size:12px;
    font-weight:800;
    letter-spacing:3px;
}

.ncplus-tech-header h2{
    margin:0 0 26px;
    font-size:clamp(48px,5vw,76px);
    line-height:1;
    letter-spacing:-2px;
    color:#fff;
}

.ncplus-tech-header p{
    color:rgba(255,255,255,.68);
    font-size:20px;
    line-height:1.8;
}

.ncplus-tech-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}

.ncplus-tech-card{
    position:relative;
    overflow:hidden;
    padding:42px 34px;
    border-radius:30px;
    background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(20px);
    transition:all .4s ease;
}

.ncplus-tech-card:hover{
    transform:translateY(-8px);
    border-color:rgba(255,255,255,.16);
}

.ncplus-tech-icon{
    margin-bottom:26px;
    color:#A78BFA;
    font-size:34px;
}

.ncplus-tech-card h3{
    margin:0 0 20px;
    color:#fff;
    font-size:30px;
    line-height:1.1;
}

.ncplus-tech-card p{
    margin:0;
    color:rgba(255,255,255,.66);
    font-size:16px;
    line-height:1.9;
}

/* =========================================
   ANIMATIONS
========================================= */

@keyframes ncplusNebula{
    0%,100%{
        opacity:.7;
        transform:scale(1);
    }

    50%{
        opacity:1;
        transform:scale(1.08);
    }
}

@keyframes ncplusStars{
    0%,100%{
        opacity:.2;
        transform:scale(.7);
    }

    50%{
        opacity:1;
        transform:scale(1.5);
    }
}

@keyframes ncplusRotate{
    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }
}

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

@media(max-width:1200px){

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

@media(max-width:980px){

    .ncplus-hero{
        padding:120px 24px 260px;
    }

    .ncplus-rings{
        width:560px;
        height:560px;
    }

    .ncplus-content h1{
        font-size:clamp(54px,10vw,90px);
    }

    .ncplus-content p{
        font-size:19px;
    }

    .ncplus-spectrum-grid{
        grid-template-columns:repeat(5,1fr);
        gap:10px;
    }
}

@media(max-width:700px){

    .ncplus-hero{
        padding:100px 20px 320px;
    }

    .ncplus-grid,
    .ncplus-rings{
        display:none;
    }

    .ncplus-content h1{
        font-size:54px;
        letter-spacing:-2px;
    }

    .ncplus-content p{
        font-size:17px;
    }

    .ncplus-buttons{
        width:100%;
    }

    .ncplus-btn-main,
    .ncplus-btn-ghost{
        width:100%;
    }

    .ncplus-spectrum-grid{
        grid-template-columns:1fr;
        gap:14px;
    }

    .ncplus-tech-section{
        padding:110px 20px;
    }

    .ncplus-tech-grid{
        grid-template-columns:1fr;
    }

    .ncplus-tech-header h2{
        font-size:42px;
    }

    .ncplus-tech-header p{
        font-size:17px;
    }
}
/* =========================================
   NEUROCOSMIC+ — SPACING / HERO FIX
========================================= */

.ncplus-hero{
    min-height:92vh !important;
    padding-top:120px !important;
    padding-bottom:150px !important;
}

.ncplus-spectrum-panel{
    bottom:32px !important;
}

.ncplus-tech-section{
    padding-top:90px !important;
}

.ncplus-tech-header{
    margin-bottom:70px !important;
}

@media(max-width:980px){
    .ncplus-hero{
        padding-bottom:250px !important;
    }

    .ncplus-tech-section{
        padding-top:80px !important;
    }
}

@media(max-width:700px){
    .ncplus-hero{
        padding-bottom:320px !important;
    }
}
/* =========================================
   GEOMETRY OF SOUND
========================================= */

.nc-geometry-section{
    position:relative;
    overflow:hidden;
    padding:140px 28px;
    background:
        radial-gradient(circle at top,rgba(124,58,237,.08),transparent 30%),
        #06070F;
}

.nc-geometry-bg{
    position:absolute;
    inset:0;
    opacity:.55;
    background:
        radial-gradient(circle at 20% 20%,rgba(56,189,248,.10),transparent 28%),
        radial-gradient(circle at 80% 70%,rgba(236,72,153,.08),transparent 30%);
}

.nc-geometry-header{
    position:relative;
    z-index:2;
    max-width:920px;
    margin:0 auto 90px;
    text-align:center;
}

.nc-geometry-mini{
    display:inline-block;
    margin-bottom:20px;
    color:#7DD3FC;
    font-size:12px;
    font-weight:800;
    letter-spacing:3px;
    text-transform:uppercase;
}

.nc-geometry-header h2{
    margin:0 0 28px;
    color:#fff;
    font-size:clamp(46px,5vw,78px);
    line-height:1;
    letter-spacing:-2px;
}

.nc-geometry-header p{
    color:rgba(255,255,255,.68);
    font-size:20px;
    line-height:1.8;
}

.nc-geometry-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.nc-geometry-card{
    position:relative;
    overflow:hidden;
    min-height:520px;
    padding:44px 34px;
    border-radius:34px;
    background:
        linear-gradient(180deg,
        rgba(255,255,255,.05),
        rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(20px);
    transition:all .45s ease;
}

.nc-geometry-card:hover{
    transform:translateY(-10px);
    border-color:rgba(255,255,255,.16);
}

.nc-geometry-glow{
    position:absolute;
    width:220px;
    height:220px;
    right:-80px;
    bottom:-80px;
    border-radius:50%;
    filter:blur(60px);
    opacity:.28;
}

.fibonacci-card .nc-geometry-glow{
    background:#8B5CF6;
}

.fractal-card .nc-geometry-glow{
    background:#22D3EE;
}

.golden-card .nc-geometry-glow{
    background:#F59E0B;
}

.nc-geometry-symbol{
    margin-bottom:28px;
    color:#A78BFA;
    font-size:42px;
}

.nc-geometry-card h3{
    margin:0 0 24px;
    color:#fff;
    font-size:34px;
    line-height:1.08;
}

.nc-geometry-card p{
    margin:0 0 32px;
    color:rgba(255,255,255,.66);
    font-size:16px;
    line-height:1.9;
}

.nc-geometry-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:42px;
}

.nc-geometry-tags span{
    padding:10px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    color:#fff;
    font-size:12px;
    font-weight:700;
}

.nc-geometry-visual{
    position:relative;
    height:140px;
}

.nc-geometry-visual span{
    position:absolute;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.18);
    animation:ncGeometryPulse 7s ease-in-out infinite;
}

/* Fibonacci */

.fibonacci-visual span:nth-child(1){
    width:40px;
    height:40px;
    left:0;
    top:50px;
}

.fibonacci-visual span:nth-child(2){
    width:70px;
    height:70px;
    left:34px;
    top:36px;
}

.fibonacci-visual span:nth-child(3){
    width:110px;
    height:110px;
    left:82px;
    top:14px;
}

.fibonacci-visual span:nth-child(4){
    width:170px;
    height:170px;
    left:140px;
    top:-18px;
}

/* Fractal */

.fractal-visual span:nth-child(1){
    width:150px;
    height:150px;
    left:40px;
    top:-10px;
}

.fractal-visual span:nth-child(2){
    width:90px;
    height:90px;
    left:0;
    top:40px;
}

.fractal-visual span:nth-child(3){
    width:70px;
    height:70px;
    left:150px;
    top:60px;
}

.fractal-visual span:nth-child(4){
    width:40px;
    height:40px;
    left:210px;
    top:10px;
}

/* Golden Ratio */

.golden-visual span:nth-child(1){
    width:220px;
    height:220px;
    left:0;
    top:-60px;
}

.golden-visual span:nth-child(2){
    width:140px;
    height:140px;
    left:40px;
    top:-20px;
}

.golden-visual span:nth-child(3){
    width:80px;
    height:80px;
    left:70px;
    top:10px;
}

.golden-visual span:nth-child(4){
    width:40px;
    height:40px;
    left:90px;
    top:30px;
}

@keyframes ncGeometryPulse{

    0%,100%{
        opacity:.25;
        transform:scale(.96);
    }

    50%{
        opacity:1;
        transform:scale(1.04);
    }
}

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

@media(max-width:1200px){

    .nc-geometry-grid{
        grid-template-columns:1fr;
    }

    .nc-geometry-card{
        min-height:auto;
    }
}

@media(max-width:700px){

    .nc-geometry-section{
        padding:110px 20px;
    }

    .nc-geometry-header h2{
        font-size:42px;
    }

    .nc-geometry-header p{
        font-size:17px;
    }

    .nc-geometry-card{
        padding:38px 28px;
    }

    .nc-geometry-card h3{
        font-size:28px;
    }
}
/* =========================================
   NEUROCOSMIC PHILOSOPHY
========================================= */

.nc-philosophy-section{
    position:relative;
    overflow:hidden;
    padding:150px 28px;
    background:
        radial-gradient(circle at top,rgba(168,85,247,.08),transparent 30%),
        #05060D;
}

.nc-philosophy-bg{
    position:absolute;
    inset:0;
    opacity:.45;
    background:
        radial-gradient(circle at 20% 20%,rgba(59,130,246,.10),transparent 30%),
        radial-gradient(circle at 80% 70%,rgba(236,72,153,.08),transparent 30%);
}

.nc-philosophy-orbs{
    position:absolute;
    inset:0;
}

.nc-philosophy-orbs span{
    position:absolute;
    border-radius:50%;
    filter:blur(90px);
    opacity:.18;
}

.nc-philosophy-orbs span:nth-child(1){
    width:420px;
    height:420px;
    top:10%;
    left:-120px;
    background:#2563EB;
}

.nc-philosophy-orbs span:nth-child(2){
    width:380px;
    height:380px;
    top:30%;
    right:-100px;
    background:#A855F7;
}

.nc-philosophy-orbs span:nth-child(3){
    width:300px;
    height:300px;
    bottom:-60px;
    left:40%;
    background:#EC4899;
}

.nc-philosophy-content{
    position:relative;
    z-index:2;
    max-width:1240px;
    margin:0 auto;
    text-align:center;
}

.nc-philosophy-mini{
    display:inline-block;
    margin-bottom:20px;
    color:#7DD3FC;
    font-size:12px;
    font-weight:800;
    letter-spacing:3px;
    text-transform:uppercase;
}

.nc-philosophy-content h2{
    margin:0 0 30px;
    color:#fff;
    font-size:clamp(48px,5vw,82px);
    line-height:1;
    letter-spacing:-2px;
}

.nc-philosophy-intro{
    max-width:900px;
    margin:0 auto 90px;
    color:rgba(255,255,255,.68);
    font-size:22px;
    line-height:1.9;
}

.nc-philosophy-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-bottom:90px;
}

.nc-philosophy-card{
    padding:44px 34px;
    border-radius:34px;
    background:
        linear-gradient(180deg,
        rgba(255,255,255,.05),
        rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(20px);
    transition:all .4s ease;
}

.nc-philosophy-card:hover{
    transform:translateY(-8px);
    border-color:rgba(255,255,255,.16);
}

.nc-philosophy-icon{
    margin-bottom:28px;
    color:#A78BFA;
    font-size:42px;
}

.nc-philosophy-card h3{
    margin:0 0 22px;
    color:#fff;
    font-size:32px;
    line-height:1.1;
}

.nc-philosophy-card p{
    margin:0;
    color:rgba(255,255,255,.66);
    font-size:16px;
    line-height:1.9;
}

.nc-philosophy-quote{
    max-width:920px;
    margin:0 auto;
    padding:60px 50px;
    border-radius:40px;
    background:
        linear-gradient(180deg,
        rgba(255,255,255,.04),
        rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(20px);
}

.nc-philosophy-quote p{
    margin:0;
    color:#fff;
    font-size:30px;
    line-height:1.8;
    font-weight:300;
}

/* =========================================
   FINAL PORTAL
========================================= */

.nc-final-portal{
    position:relative;
    overflow:hidden;
    padding:140px 28px 180px;
    background:#06070F;
}

.nc-final-bg{
    position:absolute;
    inset:0;
    opacity:.45;
    background:
        radial-gradient(circle at center,rgba(124,58,237,.14),transparent 36%);
}

.nc-final-content{
    position:relative;
    z-index:2;
    max-width:980px;
    margin:0 auto;
    text-align:center;
}

.nc-final-mini{
    display:inline-block;
    margin-bottom:20px;
    color:#7DD3FC;
    font-size:12px;
    font-weight:800;
    letter-spacing:3px;
}

.nc-final-content h2{
    margin:0 0 30px;
    color:#fff;
    font-size:clamp(48px,5vw,82px);
    line-height:1;
    letter-spacing:-2px;
}

.nc-final-content p{
    max-width:820px;
    margin:0 auto 50px;
    color:rgba(255,255,255,.68);
    font-size:21px;
    line-height:1.9;
}

.nc-final-buttons{
    display:flex;
    justify-content:center;
    gap:18px;
    flex-wrap:wrap;
}

.nc-final-btn{
    min-width:220px;
    min-height:58px;
    padding:0 30px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    text-decoration:none!important;
    color:#fff!important;
    font-size:16px;
    font-weight:800;
    background:
        linear-gradient(180deg,
        rgba(255,255,255,.06),
        rgba(255,255,255,.03));
    border:1px solid rgba(255,255,255,.10);
    backdrop-filter:blur(14px);
    transition:all .35s ease;
}

.nc-final-btn:hover{
    transform:translateY(-4px);
    border-color:rgba(167,139,250,.40);
    background:
        linear-gradient(135deg,
        rgba(37,99,235,.20),
        rgba(124,58,237,.20),
        rgba(236,72,153,.20));
}

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

@media(max-width:1100px){

    .nc-philosophy-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:700px){

    .nc-philosophy-section,
    .nc-final-portal{
        padding:110px 20px;
    }

    .nc-philosophy-content h2,
    .nc-final-content h2{
        font-size:42px;
    }

    .nc-philosophy-intro,
    .nc-final-content p{
        font-size:17px;
    }

    .nc-philosophy-card{
        padding:38px 28px;
    }

    .nc-philosophy-card h3{
        font-size:28px;
    }

    .nc-philosophy-quote{
        padding:42px 30px;
    }

    .nc-philosophy-quote p{
        font-size:22px;
    }

    .nc-final-btn{
        width:100%;
    }
}
/* =========================================
   ASTRAL AUDIO LAB
========================================= */

.astral-hero{
    position:relative;
    min-height:92vh;
    overflow:hidden;
    padding:120px 28px 150px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#05060D;
    isolation:isolate;
}

.astral-bg,
.astral-grid,
.astral-nebula{
    position:absolute;
    inset:0;
}

.astral-bg{
    z-index:1;
    background:
        radial-gradient(circle at 50% 38%,rgba(236,72,153,.18),transparent 34%),
        radial-gradient(circle at 22% 52%,rgba(37,99,235,.16),transparent 40%),
        radial-gradient(circle at 78% 56%,rgba(124,58,237,.18),transparent 40%),
        #05060D;
}

.astral-grid{
    z-index:2;
    opacity:.16;
    background-image:
        linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
    background-size:72px 72px;
    mask-image:radial-gradient(circle at center,black 0%,transparent 75%);
}

.astral-nebula{
    z-index:3;
    filter:blur(90px);
    background:
        radial-gradient(circle at 42% 50%,rgba(236,72,153,.20),transparent 35%),
        radial-gradient(circle at 64% 45%,rgba(56,189,248,.12),transparent 35%);
    animation:astralNebula 13s ease-in-out infinite;
}

.astral-stars{
    position:absolute;
    inset:0;
    z-index:4;
}

.astral-stars span{
    position:absolute;
    width:2px;
    height:2px;
    border-radius:50%;
    background:#fff;
    opacity:.7;
    box-shadow:0 0 14px rgba(236,72,153,.55);
    animation:astralStars 6s ease-in-out infinite;
}

.astral-stars span:nth-child(1){top:12%;left:18%}
.astral-stars span:nth-child(2){top:24%;left:70%}
.astral-stars span:nth-child(3){top:42%;left:82%}
.astral-stars span:nth-child(4){top:70%;left:16%}
.astral-stars span:nth-child(5){top:82%;left:62%}
.astral-stars span:nth-child(6){top:34%;left:48%}
.astral-stars span:nth-child(7){top:18%;left:86%}
.astral-stars span:nth-child(8){top:58%;left:72%}
.astral-stars span:nth-child(9){top:76%;left:46%}
.astral-stars span:nth-child(10){top:48%;left:28%}
.astral-stars span:nth-child(11){top:64%;left:88%}
.astral-stars span:nth-child(12){top:8%;left:54%}

.astral-rings{
    position:absolute;
    width:760px;
    height:760px;
    z-index:5;
}

.astral-rings span{
    position:absolute;
    inset:0;
    border-radius:50%;
    border:1px solid rgba(236,72,153,.16);
    animation:astralRotate 46s linear infinite;
}

.astral-rings span:nth-child(2){
    inset:90px;
    border-color:rgba(96,165,250,.14);
    animation-duration:58s;
    animation-direction:reverse;
}

.astral-rings span:nth-child(3){
    inset:180px;
    border-color:rgba(167,139,250,.14);
    animation-duration:34s;
}

.astral-content{
    position:relative;
    z-index:10;
    max-width:1040px;
    text-align:center;
}

.astral-mini{
    display:inline-block;
    margin-bottom:22px;
    padding:10px 18px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.04);
    color:#F0ABFC;
    font-size:12px;
    font-weight:800;
    letter-spacing:3px;
    text-transform:uppercase;
    backdrop-filter:blur(12px);
}

.astral-content h1{
    margin:0 auto 28px;
    max-width:980px;
    font-size:clamp(58px,7vw,116px);
    line-height:.92;
    letter-spacing:-4px;
    background:linear-gradient(90deg,#fff,#F0ABFC,#7DD3FC,#A78BFA);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.astral-content p{
    max-width:880px;
    margin:0 auto 42px;
    color:rgba(255,255,255,.70);
    font-size:22px;
    line-height:1.8;
}

.astral-buttons{
    display:flex;
    justify-content:center;
    gap:18px;
    flex-wrap:wrap;
}

.astral-btn-main,
.astral-btn-ghost{
    min-height:58px;
    padding:0 34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    text-decoration:none!important;
    font-size:16px;
    font-weight:800;
    transition:all .35s ease;
}

.astral-btn-main{
    color:#fff!important;
    background:linear-gradient(135deg,#EC4899,#7C3AED,#2563EB);
    border:1px solid rgba(236,72,153,.32);
    box-shadow:0 0 28px rgba(236,72,153,.22);
}

.astral-btn-ghost{
    color:#fff!important;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.10);
    backdrop-filter:blur(12px);
}

.astral-btn-main:hover,
.astral-btn-ghost:hover{
    transform:translateY(-3px);
}

.astral-console{
    position:absolute;
    left:50%;
    bottom:32px;
    z-index:12;
    transform:translateX(-50%);
    width:min(1120px,calc(100% - 40px));
    padding:30px;
    border-radius:30px;
    background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(24px);
}

.astral-console-line{
    height:3px;
    margin-bottom:24px;
    border-radius:999px;
    background:linear-gradient(90deg,#EC4899,#A78BFA,#38BDF8,#2563EB);
    box-shadow:0 0 28px rgba(236,72,153,.32);
}

.astral-console-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:18px;
}

.astral-console-grid div{
    text-align:center;
}

.astral-console-grid span{
    display:block;
    margin-bottom:6px;
    color:#fff;
    font-size:14px;
    font-weight:900;
    letter-spacing:1px;
    text-transform:uppercase;
}

.astral-console-grid strong{
    color:rgba(255,255,255,.52);
    font-size:13px;
}

/* =========================================
   ASTRAL SYSTEMS
========================================= */

.astral-systems-section{
    position:relative;
    overflow:hidden;
    padding:110px 28px 140px;
    background:#070811;
}

.astral-systems-bg{
    position:absolute;
    inset:0;
    opacity:.6;
    background:
        radial-gradient(circle at 20% 30%,rgba(236,72,153,.08),transparent 30%),
        radial-gradient(circle at 80% 70%,rgba(59,130,246,.10),transparent 30%);
}

.astral-systems-header{
    position:relative;
    z-index:2;
    max-width:920px;
    margin:0 auto 80px;
    text-align:center;
}

.astral-systems-mini{
    display:inline-block;
    margin-bottom:20px;
    color:#F0ABFC;
    font-size:12px;
    font-weight:800;
    letter-spacing:3px;
    text-transform:uppercase;
}

.astral-systems-header h2{
    margin:0 0 26px;
    font-size:clamp(48px,5vw,76px);
    line-height:1;
    letter-spacing:-2px;
    color:#fff;
}

.astral-systems-header p{
    color:rgba(255,255,255,.68);
    font-size:20px;
    line-height:1.8;
}

.astral-systems-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}

.astral-system-card{
    position:relative;
    overflow:hidden;
    padding:42px 34px;
    border-radius:30px;
    background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(20px);
    transition:all .4s ease;
}

.astral-system-card:hover{
    transform:translateY(-8px);
    border-color:rgba(255,255,255,.16);
    box-shadow:0 0 36px rgba(236,72,153,.12);
}

.astral-system-icon{
    margin-bottom:26px;
    color:#F0ABFC;
    font-size:34px;
}

.astral-system-card h3{
    margin:0 0 20px;
    color:#fff;
    font-size:30px;
    line-height:1.1;
}

.astral-system-card p{
    margin:0;
    color:rgba(255,255,255,.66);
    font-size:16px;
    line-height:1.9;
}

@keyframes astralNebula{
    0%,100%{opacity:.7;transform:scale(1)}
    50%{opacity:1;transform:scale(1.08)}
}

@keyframes astralStars{
    0%,100%{opacity:.2;transform:scale(.7)}
    50%{opacity:1;transform:scale(1.5)}
}

@keyframes astralRotate{
    from{transform:rotate(0deg)}
    to{transform:rotate(360deg)}
}

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

@media(max-width:1200px){
    .astral-systems-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:980px){
    .astral-hero{
        padding:120px 24px 250px;
    }

    .astral-rings{
        width:560px;
        height:560px;
    }

    .astral-content h1{
        font-size:clamp(54px,10vw,90px);
    }

    .astral-content p{
        font-size:19px;
    }

    .astral-console-grid{
        grid-template-columns:repeat(5,1fr);
        gap:10px;
    }
}

@media(max-width:700px){
    .astral-hero{
        padding:100px 20px 320px;
    }

    .astral-grid,
    .astral-rings{
        display:none;
    }

    .astral-content h1{
        font-size:50px;
        letter-spacing:-2px;
    }

    .astral-content p{
        font-size:17px;
    }

    .astral-buttons{
        width:100%;
    }

    .astral-btn-main,
    .astral-btn-ghost{
        width:100%;
    }

    .astral-console-grid{
        grid-template-columns:1fr;
        gap:14px;
    }

    .astral-systems-section{
        padding:100px 20px;
    }

    .astral-systems-grid{
        grid-template-columns:1fr;
    }

    .astral-systems-header h2{
        font-size:42px;
    }

    .astral-systems-header p{
        font-size:17px;
    }
}
/* =========================================
   ASTRAL AUDIO LAB — DISTINCTIVE SIGNAL IDENTITY
========================================= */

.astral-hero{
    background:#03040A !important;
}

.astral-bg{
    background:
        radial-gradient(circle at 50% 38%,rgba(236,72,153,.16),transparent 30%),
        radial-gradient(circle at 22% 52%,rgba(14,165,233,.12),transparent 36%),
        radial-gradient(circle at 78% 56%,rgba(124,58,237,.14),transparent 38%),
        linear-gradient(180deg,#03040A 0%,#060713 100%) !important;
}

.astral-grid{
    opacity:.22 !important;
    background-size:48px 48px !important;
    background-image:
        linear-gradient(rgba(236,72,153,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(56,189,248,.040) 1px,transparent 1px) !important;
}

.astral-nebula{
    background:
        radial-gradient(circle at 38% 48%,rgba(236,72,153,.18),transparent 34%),
        radial-gradient(circle at 64% 48%,rgba(56,189,248,.10),transparent 36%) !important;
}

.astral-rings{
    display:none !important;
}

.astral-signal-core{
    position:absolute;
    z-index:5;
    width:min(980px,82vw);
    height:300px;
    left:50%;
    top:48%;
    transform:translate(-50%,-50%);
    pointer-events:none;
    opacity:.62;
}

.astral-scope{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    border-radius:34px;
    border:1px solid rgba(255,255,255,.06);
    background:
        linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008));
    box-shadow:
        inset 0 0 80px rgba(236,72,153,.06),
        inset 0 0 120px rgba(56,189,248,.04);
    mask-image:linear-gradient(90deg,transparent,black 14%,black 86%,transparent);
}

.astral-scope::before{
    content:"";
    position:absolute;
    left:5%;
    right:5%;
    top:50%;
    height:2px;
    transform:translateY(-50%);
    background:linear-gradient(90deg,transparent,#EC4899,#7DD3FC,#A78BFA,transparent);
    box-shadow:
        0 0 22px rgba(236,72,153,.42),
        0 0 34px rgba(56,189,248,.24);
}

.astral-scope span{
    width:5px;
    border-radius:999px;
    background:linear-gradient(180deg,rgba(236,72,153,.08),rgba(240,171,252,.9),rgba(125,211,252,.75),rgba(236,72,153,.08));
    box-shadow:
        0 0 16px rgba(236,72,153,.32),
        0 0 26px rgba(56,189,248,.18);
    animation:astralSignalPulse 2.8s ease-in-out infinite;
}

.astral-scope span:nth-child(1){height:34px;animation-delay:.1s}
.astral-scope span:nth-child(2){height:84px;animation-delay:.2s}
.astral-scope span:nth-child(3){height:150px;animation-delay:.3s}
.astral-scope span:nth-child(4){height:72px;animation-delay:.4s}
.astral-scope span:nth-child(5){height:190px;animation-delay:.5s}
.astral-scope span:nth-child(6){height:116px;animation-delay:.6s}
.astral-scope span:nth-child(7){height:220px;animation-delay:.7s}
.astral-scope span:nth-child(8){height:98px;animation-delay:.8s}
.astral-scope span:nth-child(9){height:162px;animation-delay:.9s}
.astral-scope span:nth-child(10){height:64px;animation-delay:1s}
.astral-scope span:nth-child(11){height:130px;animation-delay:1.1s}
.astral-scope span:nth-child(12){height:42px;animation-delay:1.2s}

.astral-content h1{
    background:linear-gradient(90deg,#ffffff,#F0ABFC,#EC4899,#7DD3FC) !important;
    -webkit-background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
}

.astral-console{
    border-color:rgba(236,72,153,.14) !important;
    box-shadow:
        0 24px 80px rgba(0,0,0,.40),
        inset 0 0 60px rgba(236,72,153,.045) !important;
}

.astral-system-card{
    border-color:rgba(236,72,153,.10) !important;
}

.astral-system-card:hover{
    border-color:rgba(236,72,153,.30) !important;
    box-shadow:
        0 0 34px rgba(236,72,153,.14),
        0 24px 70px rgba(0,0,0,.35) !important;
}

@keyframes astralSignalPulse{
    0%,100%{
        transform:scaleY(.58);
        opacity:.42;
    }

    50%{
        transform:scaleY(1.18);
        opacity:1;
    }
}

@media(max-width:768px){
    .astral-signal-core{
        display:none !important;
    }
}
/* =========================================
   ASTRAL EXPERIMENTAL LAB
========================================= */

.astral-lab-section{
    position:relative;
    overflow:hidden;
    padding:140px 28px;
    background:
        radial-gradient(circle at top,rgba(236,72,153,.08),transparent 30%),
        #04050C;
}

.astral-lab-bg{
    position:absolute;
    inset:0;
    opacity:.55;
    background:
        radial-gradient(circle at 20% 20%,rgba(56,189,248,.08),transparent 28%),
        radial-gradient(circle at 80% 70%,rgba(236,72,153,.10),transparent 30%);
}

.astral-lab-header{
    position:relative;
    z-index:2;
    max-width:940px;
    margin:0 auto 90px;
    text-align:center;
}

.astral-lab-mini{
    display:inline-block;
    margin-bottom:20px;
    color:#F0ABFC;
    font-size:12px;
    font-weight:800;
    letter-spacing:3px;
    text-transform:uppercase;
}

.astral-lab-header h2{
    margin:0 0 28px;
    color:#fff;
    font-size:clamp(48px,5vw,82px);
    line-height:1;
    letter-spacing:-2px;
}

.astral-lab-header p{
    color:rgba(255,255,255,.68);
    font-size:20px;
    line-height:1.9;
}

.astral-lab-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:32px;
}

.astral-lab-card{
    position:relative;
    overflow:hidden;
    min-height:500px;
    padding:44px 36px;
    border-radius:34px;
    background:
        linear-gradient(180deg,
        rgba(255,255,255,.05),
        rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(20px);
    transition:all .45s ease;
}

.astral-lab-card:hover{
    transform:translateY(-10px);
    border-color:rgba(236,72,153,.28);
    box-shadow:
        0 0 40px rgba(236,72,153,.12),
        0 24px 80px rgba(0,0,0,.38);
}

.astral-lab-glow{
    position:absolute;
    width:240px;
    height:240px;
    right:-90px;
    bottom:-90px;
    border-radius:50%;
    filter:blur(70px);
    opacity:.22;
}

.fibonacci-system .astral-lab-glow{
    background:#A855F7;
}

.fractal-system .astral-lab-glow{
    background:#22D3EE;
}

.generative-system .astral-lab-glow{
    background:#EC4899;
}

.signal-system .astral-lab-glow{
    background:#3B82F6;
}

.astral-lab-symbol{
    margin-bottom:30px;
    color:#F0ABFC;
    font-size:42px;
}

.astral-lab-card h3{
    margin:0 0 24px;
    color:#fff;
    font-size:34px;
    line-height:1.08;
}

.astral-lab-card p{
    margin:0 0 34px;
    color:rgba(255,255,255,.66);
    font-size:16px;
    line-height:1.9;
}

.astral-lab-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:44px;
}

.astral-lab-tags span{
    padding:10px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    color:#fff;
    font-size:12px;
    font-weight:700;
}

.astral-lab-visual{
    position:relative;
    height:140px;
}

/* FIBONACCI */

.fibonacci-lab-visual span{
    position:absolute;
    border-radius:50%;
    border:1px solid rgba(168,85,247,.34);
    animation:astralFibonacci 7s ease-in-out infinite;
}

.fibonacci-lab-visual span:nth-child(1){
    width:40px;
    height:40px;
    left:0;
    top:50px;
}

.fibonacci-lab-visual span:nth-child(2){
    width:70px;
    height:70px;
    left:34px;
    top:36px;
}

.fibonacci-lab-visual span:nth-child(3){
    width:110px;
    height:110px;
    left:82px;
    top:14px;
}

.fibonacci-lab-visual span:nth-child(4){
    width:170px;
    height:170px;
    left:140px;
    top:-18px;
}

/* FRACTAL — recursive neural branches */

.fractal-lab-visual{
    position:relative;
    height:150px;
    overflow:hidden;
}

.fractal-lab-visual::before{
    content:"";
    position:absolute;
    left:50%;
    bottom:4px;
    width:2px;
    height:118px;
    background:linear-gradient(180deg,rgba(34,211,238,.15),rgba(34,211,238,.9),rgba(236,72,153,.75));
    box-shadow:
        0 0 18px rgba(34,211,238,.45),
        0 0 34px rgba(236,72,153,.22);
    transform:translateX(-50%);
}

.fractal-lab-visual::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:52px;
    width:260px;
    height:120px;
    transform:translateX(-50%);
    background:
        linear-gradient(32deg,transparent 48%,rgba(34,211,238,.78) 49%,rgba(34,211,238,.78) 51%,transparent 52%),
        linear-gradient(-32deg,transparent 48%,rgba(34,211,238,.78) 49%,rgba(34,211,238,.78) 51%,transparent 52%),
        linear-gradient(58deg,transparent 48%,rgba(236,72,153,.58) 49%,rgba(236,72,153,.58) 51%,transparent 52%),
        linear-gradient(-58deg,transparent 48%,rgba(236,72,153,.58) 49%,rgba(236,72,153,.58) 51%,transparent 52%);
    background-size:
        130px 70px,
        130px 70px,
        86px 48px,
        86px 48px;
    background-position:
        center 10px,
        center 10px,
        center 52px,
        center 52px;
    background-repeat:no-repeat;
    filter:drop-shadow(0 0 10px rgba(34,211,238,.45));
    animation:astralFractalBranch 7s ease-in-out infinite;
}

.fractal-lab-visual span{
    position:absolute;
    width:9px;
    height:9px;
    border-radius:50%;
    background:radial-gradient(circle,#fff,rgba(34,211,238,.85),rgba(236,72,153,.15));
    box-shadow:
        0 0 14px rgba(34,211,238,.75),
        0 0 26px rgba(236,72,153,.32);
    animation:astralFractalNode 4.8s ease-in-out infinite;
}

.fractal-lab-visual span:nth-child(1){
    left:50%;
    bottom:118px;
}

.fractal-lab-visual span:nth-child(2){
    left:25%;
    bottom:78px;
    animation-delay:.4s;
}

.fractal-lab-visual span:nth-child(3){
    left:75%;
    bottom:78px;
    animation-delay:.8s;
}

.fractal-lab-visual span:nth-child(4){
    left:50%;
    bottom:30px;
    animation-delay:1.2s;
}

@keyframes astralFractalBranch{
    0%,100%{
        opacity:.42;
        transform:translateX(-50%) scale(.94);
    }

    50%{
        opacity:1;
        transform:translateX(-50%) scale(1.04);
    }
}

@keyframes astralFractalNode{
    0%,100%{
        opacity:.45;
        transform:scale(.75);
    }

    50%{
        opacity:1;
        transform:scale(1.35);
    }
}
/* =========================================
   HUMAN RESONANCE
========================================= */

.human-resonance-section{
    position:relative;
    overflow:hidden;
    padding:160px 28px;
    background:
        radial-gradient(circle at top,rgba(236,72,153,.06),transparent 30%),
        #06070E;
}

.human-resonance-bg{
    position:absolute;
    inset:0;
    opacity:.45;
    background:
        radial-gradient(circle at 20% 30%,rgba(59,130,246,.08),transparent 28%),
        radial-gradient(circle at 80% 70%,rgba(168,85,247,.08),transparent 30%);
}

.human-resonance-glow{
    position:absolute;
    width:700px;
    height:700px;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:radial-gradient(circle,rgba(236,72,153,.08),transparent 70%);
    filter:blur(80px);
}

.human-resonance-grid{
    position:relative;
    z-index:2;
    max-width:1400px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:90px;
    align-items:center;
}

.human-resonance-mini{
    display:inline-block;
    margin-bottom:20px;
    color:#F0ABFC;
    font-size:12px;
    font-weight:800;
    letter-spacing:3px;
    text-transform:uppercase;
}

.human-resonance-content h2{
    margin:0 0 30px;
    color:#fff;
    font-size:clamp(52px,5vw,88px);
    line-height:.95;
    letter-spacing:-3px;
}

.human-resonance-intro{
    margin:0 0 40px;
    color:#fff;
    font-size:24px;
    line-height:1.7;
    font-weight:300;
}

.human-resonance-text p{
    margin:0 0 26px;
    color:rgba(255,255,255,.68);
    font-size:18px;
    line-height:2;
}

.human-resonance-visual{
    position:relative;
}

.human-resonance-panel{
    position:relative;
    overflow:hidden;
    padding:60px;
    border-radius:40px;
    background:
        linear-gradient(180deg,
        rgba(255,255,255,.05),
        rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(20px);
    box-shadow:
        0 30px 90px rgba(0,0,0,.38),
        inset 0 0 50px rgba(236,72,153,.04);
}

.resonance-wave{
    display:flex;
    align-items:flex-end;
    gap:10px;
    height:180px;
    margin-bottom:50px;
}

.resonance-wave span{
    flex:1;
    border-radius:999px;
    background:
        linear-gradient(180deg,
        rgba(236,72,153,.10),
        rgba(240,171,252,.95),
        rgba(125,211,252,.72));
    box-shadow:
        0 0 24px rgba(236,72,153,.20);
    animation:humanWave 2.8s ease-in-out infinite;
}

.resonance-wave span:nth-child(1){height:24%}
.resonance-wave span:nth-child(2){height:72%}
.resonance-wave span:nth-child(3){height:44%}
.resonance-wave span:nth-child(4){height:92%}
.resonance-wave span:nth-child(5){height:58%}
.resonance-wave span:nth-child(6){height:84%}
.resonance-wave span:nth-child(7){height:36%}
.resonance-wave span:nth-child(8){height:68%}

.resonance-wave span:nth-child(even){
    animation-delay:.5s;
}

.resonance-quote{
    position:relative;
    padding-top:36px;
}

.resonance-quote::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:120px;
    height:2px;
    background:
        linear-gradient(90deg,#EC4899,#38BDF8);
}

.resonance-quote p{
    margin:0;
    color:#fff;
    font-size:28px;
    line-height:1.8;
    font-weight:300;
}

@keyframes humanWave{

    0%,100%{
        opacity:.45;
        transform:scaleY(.7);
    }

    50%{
        opacity:1;
        transform:scaleY(1.15);
    }
}

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

@media(max-width:1100px){

    .human-resonance-grid{
        grid-template-columns:1fr;
        gap:70px;
    }
}

@media(max-width:700px){

    .human-resonance-section{
        padding:110px 20px;
    }

    .human-resonance-content h2{
        font-size:46px;
        letter-spacing:-2px;
    }

    .human-resonance-intro{
        font-size:19px;
    }

    .human-resonance-text p{
        font-size:16px;
        line-height:1.9;
    }

    .human-resonance-panel{
        padding:40px 28px;
    }

    .resonance-quote p{
        font-size:22px;
    }
}

/* GENERATIVE */

.generative-lab-visual{
    display:flex;
    align-items:flex-end;
    gap:10px;
}

.generative-lab-visual span{
    flex:1;
    border-radius:999px;
    background:
        linear-gradient(180deg,
        rgba(236,72,153,.12),
        rgba(240,171,252,.92),
        rgba(125,211,252,.62));
    animation:astralGenerative 2.8s ease-in-out infinite;
}

.generative-lab-visual span:nth-child(1){height:28%}
.generative-lab-visual span:nth-child(2){height:72%}
.generative-lab-visual span:nth-child(3){height:48%}
.generative-lab-visual span:nth-child(4){height:90%}

/* SIGNAL */

.signal-lab-visual{
    position:relative;
}

.signal-lab-visual::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:50%;
    height:2px;
    background:
        linear-gradient(90deg,
        transparent,
        #38BDF8,
        #EC4899,
        #A855F7,
        transparent);
    box-shadow:
        0 0 18px rgba(56,189,248,.32),
        0 0 30px rgba(236,72,153,.22);
}

.signal-lab-visual span{
    position:absolute;
    width:5px;
    border-radius:999px;
    background:
        linear-gradient(180deg,
        rgba(56,189,248,.08),
        rgba(125,211,252,.95),
        rgba(236,72,153,.85));
    animation:astralSignal 2.4s ease-in-out infinite;
}

.signal-lab-visual span:nth-child(1){
    height:44px;
    left:18%;
    top:36%;
}

.signal-lab-visual span:nth-child(2){
    height:100px;
    left:38%;
    top:14%;
}

.signal-lab-visual span:nth-child(3){
    height:64px;
    left:58%;
    top:26%;
}

.signal-lab-visual span:nth-child(4){
    height:124px;
    left:78%;
    top:6%;
}

/* ANIMATIONS */

@keyframes astralFibonacci{
    0%,100%{
        opacity:.25;
        transform:scale(.96);
    }

    50%{
        opacity:1;
        transform:scale(1.05);
    }
}

@keyframes astralFractal{
    0%,100%{
        opacity:.3;
        transform:rotate(0deg) scale(.96);
    }

    50%{
        opacity:1;
        transform:rotate(8deg) scale(1.04);
    }
}

@keyframes astralGenerative{
    0%,100%{
        opacity:.45;
        transform:scaleY(.7);
    }

    50%{
        opacity:1;
        transform:scaleY(1.15);
    }
}

@keyframes astralSignal{
    0%,100%{
        opacity:.4;
        transform:scaleY(.7);
    }

    50%{
        opacity:1;
        transform:scaleY(1.18);
    }
}

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

@media(max-width:1100px){

    .astral-lab-grid{
        grid-template-columns:1fr;
    }

    .astral-lab-card{
        min-height:auto;
    }
}

@media(max-width:700px){

    .astral-lab-section{
        padding:110px 20px;
    }

    .astral-lab-header h2{
        font-size:42px;
    }

    .astral-lab-header p{
        font-size:17px;
    }

    .astral-lab-card{
        padding:38px 28px;
    }

    .astral-lab-card h3{
        font-size:28px;
    }
}


  /* =========================================
   JOURNAL
========================================= */

.journal-hero{
    position:relative;
    min-height:92vh;
    overflow:hidden;
    padding:120px 28px 150px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#05060D;
    isolation:isolate;
}

.journal-bg,
.journal-grid,
.journal-nebula{
    position:absolute;
    inset:0;
}

.journal-bg{
    z-index:1;
    background:
        radial-gradient(circle at 50% 38%,rgba(125,211,252,.16),transparent 34%),
        radial-gradient(circle at 22% 52%,rgba(124,58,237,.16),transparent 40%),
        radial-gradient(circle at 78% 56%,rgba(236,72,153,.12),transparent 40%),
        #05060D;
}

.journal-grid{
    z-index:2;
    opacity:.16;
    background-image:
        linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
    background-size:72px 72px;
    mask-image:radial-gradient(circle at center,black 0%,transparent 75%);
}

.journal-nebula{
    z-index:3;
    filter:blur(90px);
    background:
        radial-gradient(circle at 42% 50%,rgba(125,211,252,.14),transparent 35%),
        radial-gradient(circle at 64% 45%,rgba(236,72,153,.12),transparent 35%);
    animation:journalNebula 13s ease-in-out infinite;
}

.journal-stars{
    position:absolute;
    inset:0;
    z-index:4;
}

.journal-stars span{
    position:absolute;
    width:2px;
    height:2px;
    border-radius:50%;
    background:#fff;
    opacity:.7;
    box-shadow:0 0 14px rgba(125,211,252,.55);
    animation:journalStars 6s ease-in-out infinite;
}

.journal-stars span:nth-child(1){top:12%;left:18%}
.journal-stars span:nth-child(2){top:24%;left:70%}
.journal-stars span:nth-child(3){top:42%;left:82%}
.journal-stars span:nth-child(4){top:70%;left:16%}
.journal-stars span:nth-child(5){top:82%;left:62%}
.journal-stars span:nth-child(6){top:34%;left:48%}
.journal-stars span:nth-child(7){top:18%;left:86%}
.journal-stars span:nth-child(8){top:58%;left:72%}
.journal-stars span:nth-child(9){top:76%;left:46%}
.journal-stars span:nth-child(10){top:48%;left:28%}
.journal-stars span:nth-child(11){top:64%;left:88%}
.journal-stars span:nth-child(12){top:8%;left:54%}

.journal-content{
    position:relative;
    z-index:10;
    max-width:1080px;
    text-align:center;
}

.journal-mini,
.journal-section-mini{
    display:inline-block;
    margin-bottom:22px;
    color:#7DD3FC;
    font-size:12px;
    font-weight:800;
    letter-spacing:3px;
    text-transform:uppercase;
}

.journal-content h1{
    margin:0 auto 28px;
    max-width:1080px;
    font-size:clamp(54px,6.5vw,104px);
    line-height:.94;
    letter-spacing:-4px;
    background:linear-gradient(90deg,#fff,#7DD3FC,#A78BFA,#EC4899);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.journal-content p{
    max-width:880px;
    margin:0 auto 42px;
    color:rgba(255,255,255,.70);
    font-size:22px;
    line-height:1.8;
}

.journal-buttons{
    display:flex;
    justify-content:center;
    gap:18px;
    flex-wrap:wrap;
}

.journal-btn-main,
.journal-btn-ghost{
    min-height:58px;
    padding:0 34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    text-decoration:none!important;
    font-size:16px;
    font-weight:800;
    transition:all .35s ease;
}

.journal-btn-main{
    color:#fff!important;
    background:linear-gradient(135deg,#2563EB,#7C3AED,#EC4899);
    border:1px solid rgba(167,139,250,.32);
    box-shadow:0 0 28px rgba(124,58,237,.22);
}

.journal-btn-ghost{
    color:#fff!important;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.10);
    backdrop-filter:blur(12px);
}

.journal-btn-main:hover,
.journal-btn-ghost:hover{
    transform:translateY(-3px);
}

.journal-editorial-panel{
    position:absolute;
    left:50%;
    bottom:32px;
    z-index:12;
    transform:translateX(-50%);
    width:min(1120px,calc(100% - 40px));
    padding:30px;
    border-radius:30px;
    background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(24px);
}

.journal-editorial-line{
    height:3px;
    margin-bottom:24px;
    border-radius:999px;
    background:linear-gradient(90deg,#38BDF8,#A78BFA,#EC4899,#F97316);
    box-shadow:0 0 28px rgba(125,211,252,.28);
}

.journal-editorial-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:18px;
}

.journal-editorial-grid div{
    text-align:center;
}

.journal-editorial-grid span{
    display:block;
    margin-bottom:6px;
    color:#fff;
    font-size:14px;
    font-weight:900;
    letter-spacing:1px;
    text-transform:uppercase;
}

.journal-editorial-grid strong{
    color:rgba(255,255,255,.52);
    font-size:13px;
}

/* =========================================
   JOURNAL FEATURED
========================================= */

.journal-featured-section,
.journal-categories-section,
.journal-manifesto-section{
    position:relative;
    overflow:hidden;
    padding:120px 28px;
    background:#070811;
}

.journal-featured-bg,
.journal-categories-bg,
.journal-manifesto-bg{
    position:absolute;
    inset:0;
    opacity:.55;
    background:
        radial-gradient(circle at 20% 30%,rgba(59,130,246,.08),transparent 30%),
        radial-gradient(circle at 80% 70%,rgba(236,72,153,.08),transparent 30%);
}

.journal-featured-header,
.journal-categories-header{
    position:relative;
    z-index:2;
    max-width:920px;
    margin:0 auto 80px;
    text-align:center;
}

.journal-featured-header h2,
.journal-categories-header h2,
.journal-manifesto-content h2{
    margin:0 0 26px;
    color:#fff;
    font-size:clamp(48px,5vw,76px);
    line-height:1;
    letter-spacing:-2px;
}

.journal-featured-header p,
.journal-categories-header p{
    color:rgba(255,255,255,.68);
    font-size:20px;
    line-height:1.8;
}

.journal-featured-grid{
    position:relative;
    z-index:2;
    max-width:1380px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1.35fr 1fr 1fr;
    gap:28px;
}

.journal-featured-card,
.journal-category-card{
    position:relative;
    overflow:hidden;
    padding:42px 34px;
    border-radius:30px;
    background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(20px);
    transition:all .4s ease;
}

.journal-featured-card:hover,
.journal-category-card:hover{
    transform:translateY(-8px);
    border-color:rgba(255,255,255,.16);
    box-shadow:0 0 36px rgba(124,58,237,.12);
}

.journal-card-large{
    min-height:440px;
}

.journal-card-label{
    display:inline-block;
    margin-bottom:28px;
    padding:9px 14px;
    border-radius:999px;
    color:#7DD3FC;
    background:rgba(125,211,252,.08);
    border:1px solid rgba(125,211,252,.18);
    font-size:11px;
    font-weight:900;
    letter-spacing:2px;
}

.journal-featured-card h3,
.journal-category-card h3{
    margin:0 0 22px;
    color:#fff;
    font-size:32px;
    line-height:1.1;
}

.journal-card-large h3{
    font-size:44px;
}

.journal-featured-card p,
.journal-category-card p{
    margin:0 0 30px;
    color:rgba(255,255,255,.66);
    font-size:16px;
    line-height:1.9;
}

.journal-read-link{
    color:#fff!important;
    text-decoration:none!important;
    font-weight:800;
    letter-spacing:.4px;
    opacity:.72;
}

.journal-read-link:hover{
    opacity:1;
}

/* =========================================
   JOURNAL CATEGORIES
========================================= */

.journal-categories-section{
    background:#05060D;
}

.journal-categories-grid{
    position:relative;
    z-index:2;
    max-width:1380px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}

.journal-category-icon{
    margin-bottom:26px;
    color:#A78BFA;
    font-size:34px;
}

/* =========================================
   JOURNAL MANIFESTO
========================================= */

.journal-manifesto-section{
    padding:140px 28px 170px;
    background:#06070F;
}

.journal-manifesto-content{
    position:relative;
    z-index:2;
    max-width:980px;
    margin:0 auto;
    text-align:center;
}

.journal-manifesto-content p{
    margin:0 auto 30px;
    color:rgba(255,255,255,.68);
    font-size:21px;
    line-height:1.9;
}

/* =========================================
   JOURNAL ANIMATIONS / RESPONSIVE
========================================= */

@keyframes journalNebula{
    0%,100%{opacity:.7;transform:scale(1)}
    50%{opacity:1;transform:scale(1.08)}
}

@keyframes journalStars{
    0%,100%{opacity:.2;transform:scale(.7)}
    50%{opacity:1;transform:scale(1.5)}
}

@media(max-width:1200px){
    .journal-featured-grid,
    .journal-categories-grid{
        grid-template-columns:1fr;
    }

    .journal-card-large{
        min-height:auto;
    }
}

@media(max-width:980px){
    .journal-hero{
        padding:120px 24px 250px;
    }

    .journal-content h1{
        font-size:clamp(48px,10vw,84px);
        letter-spacing:-2px;
    }

    .journal-content p{
        font-size:19px;
    }

    .journal-editorial-grid{
        grid-template-columns:repeat(5,1fr);
        gap:10px;
    }
}

@media(max-width:700px){
    .journal-hero{
        padding:100px 20px 320px;
    }

    .journal-grid{
        display:none;
    }

    .journal-content h1{
        font-size:44px;
        line-height:1;
        letter-spacing:-1.5px;
    }

    .journal-content p{
        font-size:17px;
    }

    .journal-buttons{
        width:100%;
    }

    .journal-btn-main,
    .journal-btn-ghost{
        width:100%;
    }

    .journal-editorial-grid{
        grid-template-columns:1fr;
        gap:14px;
    }

    .journal-featured-section,
    .journal-categories-section,
    .journal-manifesto-section{
        padding:100px 20px;
    }

    .journal-featured-header h2,
    .journal-categories-header h2,
    .journal-manifesto-content h2{
        font-size:42px;
    }

    .journal-featured-header p,
    .journal-categories-header p,
    .journal-manifesto-content p{
        font-size:17px;
    }

    .journal-featured-card,
    .journal-category-card{
        padding:38px 28px;
    }

    .journal-card-large h3,
    .journal-featured-card h3,
    .journal-category-card h3{
        font-size:28px;
    }
}

/* Removed obsolete/conflicting block: DROPDOWN DESKTOP FRECUENCIAS — FINAL */


/* Removed obsolete/conflicting block: NEUROCOSMIC JOURNAL — PREMIUM ARTICLE */


/* Removed obsolete/conflicting block: NEUROCOSMIC JOURNAL — EDITORIAL GRID */


/* Removed obsolete/conflicting block: JOURNAL RESPONSIVE */


/* Removed obsolete/conflicting block: FIX DEFINITIVO — JOURNAL EDITORIAL GRID */


/* Removed obsolete/conflicting block: JOURNAL CARDS — HARD OVERRIDE FINAL */


/* Removed obsolete/conflicting block: JOURNAL CARDS — HARD OVERRIDE FINAL */


/* Removed obsolete/conflicting block: JOURNAL VISUAL BALANCE */


/* Removed obsolete/conflicting block: NEUROCOSMIC JOURNAL — UNIFIED CARD BOARD */

/* =========================================
   JOURNAL MOBILE FIX
========================================= */

@media (max-width: 768px) {

    #nc-journal-entries {
        padding: 36px 16px 80px !important;
    }

    #nc-journal-entries header {
        display: block !important;
        margin-bottom: 28px !important;
    }

    #nc-journal-entries header h2 {
        font-size: 3.2rem !important;
    }

    #nc-journal-entries header span {
        display: block !important;
        margin-top: 18px !important;
    }

    #nc-journal-entries > div {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    #nc-journal-entries a {
        min-height: auto !important;
    }

    #nc-journal-entries img {
        width: 100% !important;
        height: 220px !important;
        object-fit: cover !important;
    }

    #nc-journal-entries h3 {
        font-size: 1.55rem !important;
        line-height: 1.15 !important;
        margin: 14px 0 10px !important;
    }

    #nc-journal-entries p {
        font-size: .92rem !important;
        line-height: 1.45 !important;
        max-height: 2.8em !important;
        overflow: hidden !important;
    }
}
  /* =========================================
   JOURNAL STATES
========================================= */

.journal-editorial-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:18px;
}

.journal-state{
    position:relative;
    padding:26px 24px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.03);
    backdrop-filter:blur(18px);
    border-radius:18px;
    overflow:hidden;
}

.journal-state span{
    display:block;
    margin-bottom:14px;
    font-size:.72rem;
    letter-spacing:.18em;
    color:#a78bfa;
}

.journal-state strong{
    display:block;
    font-size:1.15rem;
    font-weight:500;
    color:#fff;
    margin-bottom:12px;
}

.journal-state small{
    display:block;
    font-size:.9rem;
    line-height:1.55;
    color:rgba(255,255,255,.62);
}

.journal-state:hover{
    border-color:rgba(167,139,250,.35);
    transform:translateY(-3px);
}


/* =========================================
   NEUROCOSMIC MENU CLEAN FINAL
   Desktop dropdown + mobile hamburger
========================================= */

/* Transparencia general del header: cambia el último valor.
   0.35 = 35% opaco / 65% transparente */
.container-header{
    background:rgba(8,8,12,0.35) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
    border-bottom:1px solid rgba(255,255,255,0.06) !important;
    position:sticky !important;
    top:0 !important;
    z-index:99999 !important;
    overflow:visible !important;
}

.container-header .grid-child,
.container-header nav,
.container-header .navbar,
.container-header .navbar-collapse,
.container-header .mod-menu{
    overflow:visible !important;
}

/* Quitar triángulos/flechas del menú */
.container-header .dropdown-toggle::after,
.container-header .mm-toggler::after,
.container-header .mod-menu__heading::after,
.container-header .metismenu-item > a::after,
.container-header .metismenu-item > button::after{
    display:none !important;
    content:none !important;
    border:0 !important;
}

/* =========================================
   DESKTOP MENU
========================================= */

@media (min-width:1200px){

    .navbar-toggler{
        display:none !important;
    }

    .container-header .grid-child{
        max-width:var(--max-wide) !important;
        margin:0 auto !important;
        width:100% !important;
        display:grid !important;
        grid-template-columns:280px 1fr !important;
        align-items:center !important;
        padding:0 32px !important;
    }

    .container-header .navbar-brand,
    .navbar-brand{
        display:flex !important;
        align-items:center !important;
        position:relative !important;
        transform:scale(1.18) !important;
        transform-origin:left center !important;
        margin:0 !important;
        padding:0 !important;
        z-index:10 !important;
    }

    .container-header .navbar-brand img,
    .container-header .brand-logo img,
    .navbar-brand img{
        max-height:54px !important;
        height:auto !important;
        width:auto !important;
    }

    .container-header nav{
        display:flex !important;
        justify-content:center !important;
        align-items:center !important;
    }

    .container-header .mod-menu{
        display:flex !important;
        flex-direction:row !important;
        justify-content:center !important;
        align-items:center !important;
        gap:24px !important;
        margin:0 !important;
        padding:0 !important;
        list-style:none !important;
        flex-wrap:nowrap !important;
    }

    .container-header .mod-menu > li{
        position:relative !important;
        display:inline-flex !important;
        align-items:center !important;
    }

    .container-header .mod-menu > li > a,
    .container-header .mod-menu > li > span,
    .container-header .mod-menu > li > button,
    .container-header .mod-menu > li > .mod-menu__heading{
        display:flex !important;
        align-items:center !important;
        color:rgba(255,255,255,0.78) !important;
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
        font-size:14px !important;
        font-weight:700 !important;
        letter-spacing:0.4px !important;
        text-transform:uppercase !important;
        padding:10px 0 !important;
        margin:0 !important;
        line-height:1.2 !important;
        text-decoration:none !important;
        white-space:nowrap !important;
        cursor:pointer !important;
    }

    .container-header .mod-menu > li > a:hover,
    .container-header .mod-menu > li.active > a,
    .container-header .mod-menu > li > span:hover,
    .container-header .mod-menu > li > .mod-menu__heading:hover{
        background:var(--gradient-main) !important;
        -webkit-background-clip:text !important;
        -webkit-text-fill-color:transparent !important;
        text-shadow:0 0 18px rgba(124,58,237,0.35) !important;
        text-decoration:none !important;
    }

    /* Submenú Frecuencias */
    .container-header .mod-menu > li > ul,
    .container-header .mod-menu > li > .mod-menu__sub{
        position:absolute !important;
        top:100% !important;
        left:50% !important;
        transform:translateX(-50%) translateY(1px) !important;

        display:block !important;
        min-width:160px !important;
        padding:10px !important;
        margin-top:1px !important;
        list-style:none !important;

        background:rgba(8,8,12,0.42) !important; /* transparencia del desplegable desktop */
        backdrop-filter:blur(20px) !important;
        -webkit-backdrop-filter:blur(20px) !important;

        border:1px solid rgba(167,139,250,0.22) !important;
        border-radius:18px !important;
        box-shadow:0 18px 55px rgba(0,0,0,0.38) !important;

        opacity:0 !important;
        visibility:hidden !important;
        pointer-events:none !important;
        transition:all .22s ease !important;
        z-index:999999 !important;
    }

    .container-header .mod-menu > li:hover > ul,
    .container-header .mod-menu > li:hover > .mod-menu__sub,
    .container-header .mod-menu > li:focus-within > ul,
    .container-header .mod-menu > li:focus-within > .mod-menu__sub{
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
        transform:translateX(-50%) translateY(0) !important;
    }

    .container-header .mod-menu > li > ul li,
    .container-header .mod-menu > li > .mod-menu__sub li{
        display:block !important;
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        background:transparent !important;
    }

    .container-header .mod-menu > li > ul a,
    .container-header .mod-menu > li > .mod-menu__sub a{
        display:block !important;
        padding:9px 14px !important;
        border-radius:12px !important;
        color:rgba(255,255,255,0.78) !important;
        background:transparent !important;
        font-size:13px !important;
        font-weight:700 !important;
        letter-spacing:.04em !important;
        line-height:1.25 !important;
        text-decoration:none !important;
        white-space:nowrap !important;
    }

    .container-header .mod-menu > li > ul a:hover,
    .container-header .mod-menu > li > .mod-menu__sub a:hover{
        color:#fff !important;
        background:linear-gradient(90deg,rgba(124,92,255,.24),rgba(217,92,255,.14)) !important;
        transform:translateX(3px) !important;
        text-decoration:none !important;
    }
}

/* =========================================
   MOBILE / TABLET HEADER + HAMBURGER
========================================= */

@media (max-width:1199px){

    .container-header{
        min-height:118px !important;
        padding:0 !important;
    }

    .container-header .grid-child{
        width:100% !important;
        max-width:100% !important;
        min-height:118px !important;
        position:relative !important;
        display:flex !important;
        align-items:center !important;
        padding-left:4px !important;
        padding-right:24px !important;
    }

    .container-header .navbar-brand,
    .navbar-brand{
        position:relative !important;
        left:auto !important;
        top:auto !important;
        transform:none !important;
        margin:0 !important;
        z-index:20 !important;
    }

    .container-header .navbar-brand img,
    .container-header .brand-logo img,
    .navbar-brand img{
        height:86px !important;
        max-height:none !important;
        width:auto !important;
        max-width:none !important;
        display:block !important;
    }

    .container-header nav{
        position:static !important;
        margin-left:auto !important;
        display:flex !important;
        justify-content:flex-end !important;
        align-items:center !important;
    }

    .navbar-toggler,
    .container-header .navbar-toggler{
        position:absolute !important;
        right:24px !important;
        left:auto !important;
        top:50% !important;
        transform:translateY(-50%) scale(1.18) !important;
        width:62px !important;
        height:62px !important;
        min-width:62px !important;
        margin:0 !important;
        padding:0 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        z-index:100000 !important;
        border-radius:14px !important;
        border:1px solid rgba(167,139,250,0.38) !important;
        background:linear-gradient(135deg,rgba(37,99,235,0.22),rgba(124,58,237,0.24),rgba(236,72,153,0.18)) !important;
        box-shadow:0 0 18px rgba(124,58,237,0.22),inset 0 0 14px rgba(255,255,255,0.04) !important;
    }

    .navbar-toggler-icon,
    .container-header .navbar-toggler-icon{
        width:36px !important;
        height:36px !important;
        background-image:none !important;
        position:relative !important;
    }

    .navbar-toggler-icon::before,
    .navbar-toggler-icon::after{
        content:"" !important;
        position:absolute !important;
        left:5px !important;
        width:26px !important;
        height:3px !important;
        border-radius:999px !important;
        background:linear-gradient(90deg,#60A5FA,#A78BFA,#EC4899) !important;
        box-shadow:0 0 10px rgba(167,139,250,0.55) !important;
    }

    .navbar-toggler-icon::before{
        top:9px !important;
        box-shadow:0 8px 0 rgba(167,139,250,0.95),0 0 10px rgba(167,139,250,0.55) !important;
    }

    .navbar-toggler-icon::after{
        bottom:9px !important;
    }

    .container-header .mod-menu{
        display:none !important;
    }

    .container-header .collapse.show .mod-menu,
    .container-header .navbar-collapse.show .mod-menu,
    .container-header .collapsing .mod-menu{
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        gap:0 !important;

        position:absolute !important;
        right:20px !important;
        top:100px !important;
        width:300px !important;
        max-width:calc(100vw - 40px) !important;
        padding:14px !important;
        margin:0 !important;
        list-style:none !important;

        background:rgba(8,8,12,0.58) !important; /* transparencia del menú hamburguesa */
        backdrop-filter:blur(18px) !important;
        -webkit-backdrop-filter:blur(18px) !important;

        border:1px solid rgba(167,139,250,0.18) !important;
        border-radius:18px !important;
        box-shadow:0 18px 50px rgba(0,0,0,0.38) !important;
        z-index:999999 !important;
        overflow:visible !important;
    }

    .container-header .mod-menu > li{
        display:block !important;
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
    }

    .container-header .mod-menu > li > a,
    .container-header .mod-menu > li > span,
    .container-header .mod-menu > li > button,
    .container-header .mod-menu > li > .mod-menu__heading{
        display:block !important;
        width:100% !important;
        padding:8px 12px !important;
        border-radius:12px !important;
        color:rgba(255,255,255,0.82) !important;
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
        font-size:14px !important;
        font-weight:800 !important;
        letter-spacing:.04em !important;
        text-transform:uppercase !important;
        line-height:1.15 !important;
        text-decoration:none !important;
    }

    .container-header .mod-menu > li > a:hover,
    .container-header .mod-menu > li > span:hover,
    .container-header .mod-menu > li > .mod-menu__heading:hover{
        color:#fff !important;
        background:rgba(167,139,250,0.13) !important;
        text-decoration:none !important;
    }

    .container-header .mod-menu__sub,
    .container-header .mod-menu > li > ul{
        display:block !important;
        position:relative !important;
        width:auto !important;
        margin:2px 0 6px 14px !important;
        padding:5px !important;
        list-style:none !important;

        background:rgba(8,8,12,0.35) !important;
        backdrop-filter:blur(18px) !important;
        -webkit-backdrop-filter:blur(18px) !important;

        border:1px solid rgba(167,139,250,0.16) !important;
        border-radius:14px !important;
        box-shadow:none !important;
    }

    .container-header .mod-menu__sub li,
    .container-header .mod-menu > li > ul li{
        margin:0 !important;
        padding:0 !important;
        background:transparent !important;
    }

    .container-header .mod-menu__sub a,
    .container-header .mod-menu > li > ul a{
        display:block !important;
        padding:5px 10px !important;
        border-radius:10px !important;
        color:rgba(255,255,255,0.76) !important;
        background:transparent !important;
        font-size:13px !important;
        font-weight:700 !important;
        line-height:1.15 !important;
        text-decoration:none !important;
    }

    .container-header .mod-menu__sub a:hover,
    .container-header .mod-menu > li > ul a:hover{
        color:#fff !important;
        background:rgba(167,139,250,0.13) !important;
        text-decoration:none !important;
    }
}

@media (max-width:650px){
    .container-header{
        min-height:96px !important;
    }

    .container-header .grid-child{
        min-height:96px !important;
        padding-left:4px !important;
        padding-right:18px !important;
    }

    .container-header .navbar-brand img,
    .container-header .brand-logo img,
    .navbar-brand img{
        height:70px !important;
    }

    .container-header .navbar-toggler{
        right:18px !important;
        width:54px !important;
        height:54px !important;
        min-width:54px !important;
    }

    .container-header .collapse.show .mod-menu,
    .container-header .navbar-collapse.show .mod-menu,
    .container-header .collapsing .mod-menu{
        top:86px !important;
        right:14px !important;
        width:300px !important;
        max-width:calc(100vw - 28px) !important;
    }
}
/* =========================================
   HOME STATES — CENTERED 5 ITEMS
========================================= */

.states-grid.states-grid-centered{
    display:grid !important;
    grid-template-columns:repeat(5, minmax(140px, 170px)) !important;
    justify-content:center !important;
    align-items:stretch !important;
    gap:18px !important;
    width:100% !important;
    margin:0 auto !important;
}

.states-grid.states-grid-centered .state-item{
    min-height:120px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
}

.states-grid.states-grid-centered .state-item span{
    display:block !important;
}

@media(max-width:980px){
    .states-grid.states-grid-centered{
        grid-template-columns:repeat(2, minmax(140px, 180px)) !important;
    }
}

@media(max-width:650px){
    .states-grid.states-grid-centered{
        grid-template-columns:1fr !important;
        max-width:320px !important;
    }
}
/* =========================================
   HOME HERO — BALANCED PERFORMANCE
========================================= */

.hero-neuro-animated{
    contain:layout paint style !important;
}

.hero-content h1,
.hero-content p{
    opacity:1 !important;
    transform:none !important;
}

.hero-glow{
    filter:blur(55px) !important;
    opacity:.70 !important;
}

.hero-audio-canvas{
    filter:drop-shadow(0 0 10px rgba(96,165,250,0.35)) !important;
    opacity:.42 !important;
}

.hero-rings{
    opacity:.72 !important;
}

.hero-ring{
    animation-duration:70s !important;
}

.hero-neuro-dust span{
    animation-duration:14s !important;
}
/* =========================================
   FIREFOX HOME PERFORMANCE FIX
========================================= */

@-moz-document url-prefix(){

    .hero-glow{
        filter:blur(28px) !important;
        opacity:.55 !important;
    }

    .hero-audio-canvas{
        filter:none !important;
        opacity:.40 !important;
    }

    .hero-ring{
        box-shadow:none !important;
    }

    .hero-rings{
        opacity:.65 !important;
    }

    .hero-neuro-dust span{
        filter:none !important;
        box-shadow:none !important;
        animation-duration:18s !important;
    }

    .state-item,
    .frequency-card,
    .sleep-card,
    .neuro-state-card{
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
    }
}
/* =========================================
   REMOVE MENU CLICK FOCUS BOX
========================================= */

.container-header a:focus,
.container-header a:focus-visible,
.container-header button:focus,
.container-header button:focus-visible,
.container-header .mod-menu a:focus,
.container-header .mod-menu a:focus-visible{
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}
/* =========================================
   ACTIVE MENU ITEM — MOBILE FINAL
========================================= */

@media (max-width: 991px){

    .container-header .mod-menu li.current > a,
    .container-header .mod-menu li.active > a,
    .container-header .mod-menu a[aria-current="page"]{

        color: #b99cff !important;

        background: rgba(185,156,255,.12) !important;

        border-radius: 12px !important;
    }

    .container-header .mod-menu li.current > a:hover,
    .container-header .mod-menu li.active > a:hover,
    .container-header .mod-menu a[aria-current="page"]:hover{

        color: #d8c2ff !important;
    }
}
/* =========================================
   ACTIVE MAIN MENU ITEM — MOBILE FORCE
========================================= */

@media (max-width: 991px){

    .container-header .mod-menu > li.current > a,
    .container-header .mod-menu > li.active > a,
    .container-header .mod-menu > li.current > span,
    .container-header .mod-menu > li.active > span,
    .container-header .mod-menu > li > a.active,
    .container-header .mod-menu > li > a.current,
    .container-header .mod-menu > li > a[aria-current="page"]{
        color: #b99cff !important;
        background: rgba(185,156,255,.14) !important;
        border-radius: 12px !important;
        -webkit-text-fill-color: #b99cff !important;
    }
}
/* =========================================
   MOBILE PERFORMANCE BOOST
========================================= */

@media (max-width: 768px){

    *{
        animation: none !important;
        transition: none !important;
    }

    body::before,
    .hero-glow,
    .hero-rings,
    .hero-neuro-dust,
    .sleep-nebula,
    .focus-nebula,
    .peace-nebula,
    .energy-nebula,
    .freq-nebula,
    .ncplus-nebula,
    .astral-nebula,
    .journal-nebula,
    .sleep-stars,
    .focus-stars,
    .peace-stars,
    .energy-stars,
    .freq-stars,
    .ncplus-stars,
    .astral-stars,
    .journal-stars,
    .sleep-wave-lines,
    .focus-wave-lines,
    .peace-wave-lines,
    .energy-wave-lines,
    .freq-wave-orbit,
    .ncplus-rings,
    .astral-rings{
        display: none !important;
    }

    .container-header,
    .frequency-card,
    .sleep-card,
    .neuro-state-card,
    .focus-state-card,
    .peace-state-card,
    .energy-state-card,
    .brainwave-card,
    .ncplus-tech-card,
    .astral-system-card,
    .journal-card{
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        box-shadow: none !important;
    }

    img,
    .frequency-image,
    .timeline-visual,
    .peace-timeline-visual,
    .energy-timeline-visual{
        filter: none !important;
    }
}
/* =========================================
   HOME HERO RINGS — BALANCED GLOW
========================================= */

.hero-glow{
    opacity: .62 !important;
    filter: blur(36px) !important;
}

.hero-ring{
    border-width: 2px !important;
    box-shadow:
        0 0 22px rgba(124,58,237,0.28),
        0 0 38px rgba(37,99,235,0.16),
        inset 0 0 14px rgba(37,99,235,0.12) !important;
}

.ring-1{
    opacity: .82 !important;
    animation: rotateRing 38s linear infinite !important;
}

.ring-2{
    opacity: .66 !important;
    animation: rotateRingReverse 46s linear infinite !important;
}

.ring-3{
    opacity: .54 !important;
    animation: rotateRing 32s linear infinite !important;
}
/* =========================================
   HOME HERO — RINGS PRESENCE BOOST
========================================= */

.hero-rings{
    width: 920px !important;
    height: 920px !important;
    opacity: 1 !important;
}

.hero-glow{
    width: 980px !important;
    height: 980px !important;
    opacity: .92 !important;
    filter: blur(32px) !important;
    background:
        radial-gradient(circle,
        rgba(255,255,255,.08) 0%,
        rgba(167,139,250,.34) 14%,
        rgba(124,58,237,.30) 32%,
        rgba(37,99,235,.20) 52%,
        rgba(236,72,153,.16) 68%,
        transparent 78%) !important;
}

.hero-ring{
    border-width: 1.5px !important;
    box-shadow:
        0 0 22px rgba(96,165,250,.36),
        0 0 46px rgba(124,58,237,.28),
        0 0 70px rgba(236,72,153,.16),
        inset 0 0 20px rgba(96,165,250,.18) !important;
}

.ring-1{
    opacity: 1 !important;
    border-top-color: rgba(96,165,250,1) !important;
    border-right-color: rgba(236,72,153,.78) !important;
    border-bottom-color: rgba(167,139,250,.62) !important;
    border-left-color: rgba(37,99,235,.65) !important;
}

.ring-2{
    opacity: .92 !important;
    border-top-color: rgba(56,189,248,.86) !important;
    border-right-color: rgba(167,139,250,.66) !important;
    border-bottom-color: rgba(236,72,153,.48) !important;
    border-left-color: rgba(37,99,235,.52) !important;
}

.ring-3{
    opacity: .82 !important;
    border-top-color: rgba(167,139,250,.78) !important;
    border-right-color: rgba(236,72,153,.72) !important;
    border-bottom-color: rgba(124,58,237,.58) !important;
    border-left-color: rgba(96,165,250,.42) !important;
}

.ring-1::before,
.ring-1::after,
.ring-2::before,
.ring-2::after,
.ring-3::before,
.ring-3::after{
    opacity: .85 !important;
    box-shadow:
        0 0 14px rgba(96,165,250,.34),
        0 0 32px rgba(236,72,153,.20) !important;
}

.hero-ambient-layer{
    background:
        radial-gradient(circle at 34% 52%,rgba(37,99,235,.30),transparent 35%),
        radial-gradient(circle at 68% 52%,rgba(236,72,153,.24),transparent 36%),
        radial-gradient(circle at 50% 48%,rgba(124,58,237,.34),transparent 42%),
        radial-gradient(circle at 50% 50%,rgba(255,255,255,.055),transparent 16%) !important;
}

.hero-neuro-dust span{
    opacity: .65 !important;
    width: 2.5px !important;
    height: 2.5px !important;
}
/* =========================================
   HOME HERO — LESS BLUR + OVAL RINGS
========================================= */

.hero-rings{
    width: 980px !important;
    height: 620px !important;
}

.hero-glow{
    width: 760px !important;
    height: 760px !important;
    filter: blur(16px) !important;
    opacity: .72 !important;
}

.hero-ring{
    border-width: 1px !important;
    border-radius: 50% !important;
    box-shadow:
        0 0 10px rgba(96,165,250,.22),
        0 0 20px rgba(124,58,237,.18),
        inset 0 0 8px rgba(96,165,250,.08) !important;
}

.ring-1{ opacity: .92 !important; }
.ring-2{ opacity: .76 !important; }
.ring-3{ opacity: .64 !important; }

.ring-1::before,
.ring-1::after,
.ring-2::before,
.ring-2::after,
.ring-3::before,
.ring-3::after{
    border-radius: 50% !important;
    box-shadow:
        0 0 8px rgba(96,165,250,.18),
        0 0 16px rgba(236,72,153,.10) !important;
}

.hero-neuro-dust span{
    opacity: .42 !important;
}
/* =========================================
   JOURNAL ARTICLE — UNIFIED TEMPLATE
========================================= */

.journal-article-hero{
    position:relative;
    min-height:66vh;
    overflow:hidden;
    display:flex;
    align-items:flex-end;
    background:#05070d;
    isolation:isolate;
}

.journal-article-hero img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
    z-index:1;
}

.journal-article-overlay{
    position:absolute;
    inset:0;
    z-index:2;
    background:
        linear-gradient(to top,rgba(3,4,8,.98),rgba(3,4,8,.62),rgba(3,4,8,.16)),
        radial-gradient(circle at 42% 38%,rgba(124,58,237,.24),transparent 46%),
        radial-gradient(circle at 78% 42%,rgba(37,99,235,.14),transparent 38%);
}

.journal-article-content{
    position:relative;
    z-index:3;
    max-width:1040px;
    padding:120px 36px 54px;
}

.journal-article-content span{
    display:block;
    margin-bottom:18px;
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:#a78bfa;
}

.journal-article-content h1{
    margin:0 0 24px;
    font-size:clamp(3rem,6vw,6.5rem);
    line-height:.92;
    letter-spacing:-.06em;
    color:#fff;
}

.journal-article-content p{
    max-width:760px;
    margin:0;
    font-size:1.2rem;
    line-height:1.7;
    color:rgba(255,255,255,.72);
}

/* =========================================
   JOURNAL ARTICLE — LAYOUT
========================================= */

.journal-article-layout{
    max-width:1480px;
    margin:0 auto;
    padding:54px 36px 140px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 360px;
    gap:80px;
    align-items:start;
}

.journal-article-body{
    max-width:860px;
    margin:0 auto;
    padding:18px 0 0;
    color:#fff;
}

.journal-article-body p{
    font-size:1.12rem;
    line-height:1.9;
    color:rgba(255,255,255,.74);
    margin:0 0 34px;
}

.journal-article-body p:first-child{
    margin-top:0;
}

.journal-article-body h2{
    margin:70px 0 24px;
    font-size:clamp(2rem,4vw,3.2rem);
    line-height:1.05;
    letter-spacing:-.04em;
    color:#fff;
}

.journal-article-body h3{
    margin:0 0 18px;
    font-size:1.1rem;
    line-height:1.5;
    color:rgba(255,255,255,.86);
}

.journal-article-body strong{
    color:#fff;
}

/* =========================================
   JOURNAL ARTICLE — CONTENT BLOCKS
========================================= */

.nc-highlight-box,
.nc-quote-box,
.nc-formula-box{
    margin:42px 0;
    border-radius:24px;
    border:1px solid rgba(167,139,250,.18);
    background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
    box-shadow:0 20px 60px rgba(0,0,0,.22);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
}

.nc-highlight-box{
    padding:30px 34px;
}

.nc-highlight-box ul,
.nc-list{
    margin:0;
    padding-left:22px;
}

.nc-highlight-box li,
.nc-list li{
    margin:0 0 12px;
    color:rgba(255,255,255,.74);
    line-height:1.7;
}

.nc-highlight-box li:last-child,
.nc-list li:last-child{
    margin-bottom:0;
}

.nc-list{
    margin:0 0 34px;
}

.nc-quote-box{
    padding:34px 38px;
    border-color:rgba(96,165,250,.20);
    background:
        radial-gradient(circle at 12% 50%,rgba(96,165,250,.14),transparent 36%),
        linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
}

.nc-quote-box p{
    margin:0;
    font-size:1.22rem;
    line-height:1.8;
    color:rgba(255,255,255,.84);
}

.nc-formula-box{
    padding:28px 34px;
    text-align:center;
}

.nc-formula-box span{
    display:inline-block;
    font-size:clamp(1.35rem,3vw,2rem);
    font-weight:800;
    letter-spacing:.04em;
    color:#fff;
    background:linear-gradient(90deg,#60A5FA,#A78BFA,#EC4899);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.nc-final{
    margin-top:54px!important;
    padding-top:34px;
    border-top:1px solid rgba(255,255,255,.10);
    font-size:1.28rem!important;
    color:rgba(255,255,255,.88)!important;
}

/* =========================================
   JOURNAL ARTICLE — AUDIO SIDEBAR
========================================= */

.journal-audio-sidebar{
    position:relative;
}

.journal-audio-panel{
    position:sticky;
    top:120px;
    margin-top:0;
    padding:28px;
    border-radius:28px;
    background:linear-gradient(180deg,rgba(15,18,34,.92),rgba(8,10,18,.96));
    border:1px solid rgba(167,139,250,.16);
    box-shadow:0 0 40px rgba(124,58,237,.10),0 24px 70px rgba(0,0,0,.26);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}

.journal-audio-mini{
    display:block;
    margin-bottom:14px;
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:#a78bfa;
}

.journal-audio-panel h3{
    margin:0 0 34px;
    font-size:1.6rem;
    line-height:1.1;
    color:#fff;
}

.journal-audio-card{
    margin-bottom:22px;
    padding:18px;
    border-radius:18px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);
    transition:.35s ease;
}

.journal-audio-card:last-child{
    margin-bottom:0;
}

.journal-audio-card:hover{
    transform:translateY(-2px);
    border-color:rgba(167,139,250,.28);
    background:rgba(167,139,250,.05);
}

.journal-audio-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    margin-bottom:14px;
}

.journal-audio-top span{
    color:#fff;
    font-weight:700;
}

.journal-audio-top small{
    color:rgba(255,255,255,.46);
    text-align:right;
}

.journal-audio-wave{
    height:42px;
    margin-bottom:16px;
    border-radius:12px;
    background:
        linear-gradient(90deg,rgba(37,99,235,.18),rgba(167,139,250,.28),rgba(236,72,153,.18));
    position:relative;
    overflow:hidden;
}

.journal-audio-wave::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        repeating-linear-gradient(
            90deg,
            rgba(255,255,255,.16) 0 2px,
            transparent 2px 10px
        );
    opacity:.28;
}

.journal-audio-card button{
    width:100%;
    height:44px;
    border:0;
    border-radius:12px;
    background:linear-gradient(90deg,#2563eb,#7c3aed,#ec4899);
    color:#fff;
    font-weight:700;
    cursor:pointer;
}

/* =========================================
   JOURNAL ARTICLE — RESPONSIVE
========================================= */

@media (max-width:991px){

    .journal-article-hero{
        min-height:58vh;
    }

    .journal-article-content{
        padding:100px 24px 48px;
    }

    .journal-article-content h1{
        font-size:clamp(2.6rem,10vw,4.8rem);
    }

    .journal-article-layout{
        grid-template-columns:1fr;
        gap:60px;
        padding:54px 24px 110px;
    }

    .journal-article-body{
        max-width:100%;
    }

    .journal-audio-panel{
        position:relative;
        top:auto;
    }
}

@media (max-width:650px){

    .journal-article-hero{
        min-height:62vh;
    }

    .journal-article-content{
        padding:90px 20px 42px;
    }

    .journal-article-content span{
        font-size:.68rem;
        letter-spacing:.15em;
    }

    .journal-article-content h1{
        font-size:clamp(2.25rem,13vw,3.6rem);
        letter-spacing:-.045em;
    }

    .journal-article-content p{
        font-size:1rem;
    }

    .journal-article-layout{
        padding:44px 20px 90px;
        gap:44px;
    }

    .journal-article-body p{
        font-size:1.02rem;
        line-height:1.82;
    }

    .journal-article-body h2{
        margin:56px 0 20px;
    }

    .nc-highlight-box,
    .nc-quote-box,
    .nc-formula-box{
        margin:34px 0;
        border-radius:20px;
    }

    .nc-highlight-box,
    .nc-quote-box,
    .nc-formula-box{
        padding:24px;
    }

    .journal-audio-panel{
        padding:22px;
        border-radius:24px;
    }

    .journal-audio-top{
        align-items:flex-start;
        flex-direction:column;
        gap:4px;
    }

    .journal-audio-top small{
        text-align:left;
    }
}
/* =========================================================
   NEUROCOSMIC JOURNAL — AJUSTE DE ESPACIADO EN ARTÍCULOS
   Objetivo:
   Reducir el espacio vertical excesivo entre líneas y párrafos
   dentro de los artículos premium del Journal.
========================================================= */

/* Párrafos del cuerpo principal */
.journal-article-body p{
  line-height:1.58 !important;
  margin-bottom:22px !important;
}

/* Párrafo final destacado */
.journal-article-body .nc-final{
  line-height:1.55 !important;
  margin-top:28px !important;
}

/* Listas dentro del artículo */
.journal-article-body li{
  line-height:1.55 !important;
  margin-bottom:8px !important;
}

/* Títulos de sección */
.journal-article-body h2{
  margin-top:54px !important;
  margin-bottom:22px !important;
}

/* Cajas destacadas */
.journal-article-body .nc-highlight-box{
  margin-top:34px !important;
  margin-bottom:34px !important;
}

/* Fórmulas / conceptos visuales */
.journal-article-body .nc-formula-box{
  margin-top:34px !important;
  margin-bottom:34px !important;
}

/* Imágenes internas */
.journal-article-body .nc-journal-image{
  margin-top:42px !important;
  margin-bottom:42px !important;
}