/* ── COSMIC EFFECTS ── */
canvas#stars{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}
.nebula{position:fixed;border-radius:50%;filter:blur(120px);opacity:.2;pointer-events:none;z-index:0}
.nebula.a{width:500px;height:500px;background:radial-gradient(circle,rgba(0,229,255,.4) 0%,transparent 70%);top:-5%;right:-5%}
.nebula.b{width:400px;height:400px;background:radial-gradient(circle,rgba(0,255,136,.3) 0%,transparent 70%);bottom:10%;left:-5%}
.nebula.c{width:350px;height:350px;background:radial-gradient(circle,rgba(106,27,154,.3) 0%,transparent 70%);top:40%;left:50%}
.cursor-glow{position:fixed;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(0,229,255,.06) 0%,transparent 70%);pointer-events:none;z-index:0;transform:translate(-50%,-50%);transition:left .15s ease-out,top .15s ease-out}
.shooting-star{position:fixed;width:80px;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.8),transparent);opacity:0;z-index:0;animation:shoot 1.2s ease-out forwards;pointer-events:none}
@keyframes shoot{0%{opacity:1;transform:translateX(0) translateY(0)}100%{opacity:0;transform:translateX(200px) translateY(120px)}}
.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.02) 2px,rgba(0,0,0,.02) 4px);pointer-events:none;z-index:10}

/* ── Z-INDEX STACKING ── */
article,.article-hero,.article-body,.beehiiv-cta,.tools-strip,footer,aside,section,header,.hero{position:relative;z-index:2}
nav{z-index:100!important;position:sticky!important}
.mobile-menu{z-index:199!important}

/* ── NAV DROPDOWN FIX ── */
.nav-dropdown{position:relative!important;padding-bottom:.5rem!important}
.nav-dropdown>a{padding:.5rem 0!important;display:flex!important;align-items:center!important;gap:.3rem!important}
.nav-dropdown-menu{display:none!important;position:absolute!important;top:calc(100% - .5rem)!important;left:50%!important;transform:translateX(-50%)!important;background:#080b0f!important;z-index:300!important;border:1px solid rgba(0,229,255,.2)!important;box-shadow:0 16px 48px rgba(0,0,0,.9),0 0 1px rgba(0,229,255,.3)!important;border-radius:8px!important;padding:1rem 0!important;min-width:280px!important}
.nav-dropdown:hover>.nav-dropdown-menu,.nav-dropdown:hover .nav-dropdown-menu{display:block!important}
.nav-dropdown-menu a{display:block!important;padding:.6rem 1.4rem!important;color:#c8d8e8!important;font-size:.78rem!important;text-decoration:none!important;transition:background .15s,color .15s!important;text-transform:none!important;letter-spacing:.02em!important;font-weight:500!important;white-space:nowrap!important}
.nav-dropdown-menu a:hover{background:rgba(0,229,255,.08)!important;color:#00e5ff!important;text-decoration:none!important}

/* ── HOMEPAGE — MAKE ALL SECTIONS SEE-THROUGH TO STARS ── */
section,header,.hero,.day-types-section,.products-section,.articles-section,.store-section,.simulator-section{background:transparent!important}
.footer-top,.footer-bottom{background:transparent!important}

/* ── TYPOGRAPHY IMPROVEMENTS ── */
body{overflow-x:hidden}
h1{font-weight:700!important;line-height:1.2!important;letter-spacing:-.01em!important}
.article-hero{padding-top:5rem}
.article-intro{border-left:3px solid transparent!important;border-image:linear-gradient(180deg,#00e5ff,#00ff88) 1!important;background:linear-gradient(90deg,rgba(0,229,255,.04),transparent 60%)!important;padding:.75rem 1rem .75rem 1.5rem!important;border-radius:0 8px 8px 0!important;line-height:1.85!important}
.article-body h2{font-family:'Space Mono',monospace!important;font-size:1.05rem!important;font-weight:700!important;color:#00e5ff!important;letter-spacing:.08em!important;text-transform:uppercase!important;margin-top:5rem!important;padding-top:2.5rem!important;border-bottom:none!important;position:relative!important}
.article-body h2::before{content:''!important;position:absolute!important;top:0!important;left:0!important;width:80px!important;height:1px!important;background:linear-gradient(90deg,#00e5ff,transparent)!important}
.article-body h2::after{content:''!important;position:absolute!important;top:-2px!important;left:0!important;width:6px!important;height:6px!important;background:#00e5ff!important;border-radius:50%!important;box-shadow:0 0 8px #00e5ff,0 0 16px rgba(0,229,255,.3)!important}
.article-body h3{font-family:'Syne',sans-serif!important;font-size:1.15rem!important;font-weight:600!important;color:#eef4f8!important;letter-spacing:-.01em!important;margin-top:2.5rem!important}
.article-body h3::before{display:none!important}
.article-body p{margin-bottom:1.8rem!important;font-size:1rem!important;line-height:1.9!important;color:rgba(200,216,232,.85)!important}
.article-body p strong{color:#eef4f8!important}
.article-body ul,.article-body ol{margin-bottom:1.8rem!important}
.article-body li{margin-bottom:.75rem!important;font-size:1rem!important;line-height:1.8!important;color:rgba(200,216,232,.85)!important}
.article-body li strong{color:#eef4f8!important}

/* ── CALLOUT GLOW ── */
.callout{background:rgba(0,229,255,.06)!important;border:1px solid rgba(0,229,255,.15)!important;border-left:3px solid #00e5ff!important;border-radius:8px!important;padding:1.5rem 1.75rem!important;box-shadow:0 0 25px rgba(0,229,255,.04)!important;line-height:1.8!important;font-size:.95rem!important}
.callout-label{font-size:.7rem!important}
.callout.warning{background:rgba(255,71,87,.06)!important;border-color:rgba(255,71,87,.2)!important;border-left-color:#ff4757!important;box-shadow:0 0 25px rgba(255,71,87,.04)!important}
.callout.success{background:rgba(0,255,136,.06)!important;border-color:rgba(0,255,136,.15)!important;border-left-color:#00ff88!important;box-shadow:0 0 25px rgba(0,255,136,.04)!important}

/* ── TABLE GLOW ── */
.table-wrap{border:1px solid #243040;border-radius:8px;overflow:hidden}
thead{border-bottom:2px solid rgba(0,229,255,.15)!important}
th{color:#00e5ff!important}
td{padding:1rem 1.2rem!important;line-height:1.7!important}
tr:hover td{background:rgba(0,229,255,.03)!important}

/* ── CTA GLOW ── */
.cta-block{background:linear-gradient(135deg,rgba(0,229,255,.06) 0%,rgba(0,255,136,.04) 100%)!important;border:1px solid rgba(0,229,255,.2)!important;border-radius:12px!important}
.cta-btn{box-shadow:0 0 20px rgba(0,229,255,.2)!important;border-radius:6px!important}
.cta-btn:hover{box-shadow:0 0 30px rgba(0,229,255,.35)!important;transform:translateY(-1px)}

/* ── TOOLS STRIP HOVER ── */
.tools-strip a:hover{border-color:#00e5ff!important;box-shadow:0 0 20px rgba(0,229,255,.12)!important}

/* ── SCROLL ANIMATIONS ── */
[data-animate]{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}
[data-animate].visible{opacity:1;transform:translateY(0)}

/* ── BEEHIIV CTA GLOW ── */
.beehiiv-cta{background:linear-gradient(135deg,rgba(0,229,255,.06) 0%,rgba(0,255,136,.04) 100%)!important;border:1px solid rgba(0,229,255,.25)!important;border-radius:8px!important}