/* KREVIXA v2.2: real still photo on Home. No autoplay video, no spinner, no horizontal clipping. */
html,body{scrollbar-color:#593090 #08041b!important;scrollbar-width:thin!important}
/* Hide only the secondary sidebar scrollbar, never page scrolling. */
.sidebar,.sidebar .side-nav{scrollbar-width:none!important}
.sidebar::-webkit-scrollbar,.sidebar .side-nav::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
#homePage .hero-motion{background:#050219!important}
#homePage .hero-static-picture{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important}
#homePage .hero-static-image{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 51%!important;filter:saturate(1.13) contrast(1.03)!important}
#homePage .hero-video{display:none!important}
#homePage .hero-motion-orb{display:none!important} /* no blinking orb over a static photo */
#homePage .hero-motion-shade{background:linear-gradient(90deg,#060319ec 0%,#060319db 26%,#05031b98 40%,#05031a20 72%,transparent 100%),linear-gradient(0deg,#070319 0%,transparent 15%)!important}
#homePage .neon-hero{isolation:isolate!important}
#homePage .hero-intro{z-index:3!important;position:relative!important}
@media(min-width:901px){
 .sidebar{scrollbar-width:none!important}
 .main-area{overflow:visible!important}
 body.desktop-drawer-open .main-area{margin-left:260px!important;width:calc(100% - 260px)!important}
 #homePage .hero-static-image{object-position:center 48%!important}
 #homePage .hero-motion-shade{background:linear-gradient(90deg,#050314f7 0%,#050314e8 29%,#0503148e 45%,transparent 73%),linear-gradient(0deg,#050314,transparent 18%)!important}
 body:has(#homePage:not(.hidden)) .topbar{background:linear-gradient(180deg,#08041dcf,#05031747)!important}
 /* No white dividing rail when sidebar is visible. */
 .sidebar{border-right:1px solid #7733ce88!important}
}
@media(max-width:900px){
 body,.shell,.main-area,main,#homePage{overflow-x:clip!important}
 #homePage .neon-hero{min-height:0!important;height:auto!important;overflow:hidden!important}
 #homePage .hero-motion{height:100%!important;width:100%!important;inset:0!important}
 #homePage .hero-static-picture{height:100%!important}
 #homePage .hero-static-image{height:100%!important;width:100%!important;object-fit:cover!important;object-position:50% 30%!important;filter:saturate(1.2) contrast(1.08)!important}
 #homePage .hero-motion-shade{background:linear-gradient(0deg,#07021cf8 0%,#07021ce3 25%,#06021c81 50%,#07021c1c 80%),linear-gradient(90deg,#05021a61,transparent 72%)!important}
 #homePage .hero-intro{min-height:575px!important;padding:170px 20px 28px!important;justify-content:flex-end!important}
 #homePage .hero-intro .eyebrow{margin-top:0!important;margin-bottom:14px!important}
 #homePage .hero-intro h1{max-width:100%!important;font-size:clamp(34px,8.8vw,48px)!important;line-height:1.05!important;margin:0 0 15px!important;text-shadow:0 2px 15px #04020cba!important}
 #homePage .hero-intro>p:not(.eyebrow){font-size:clamp(12px,3.5vw,15px)!important;margin:0 0 18px!important;line-height:1.48!important;text-shadow:0 2px 10px #060219!important}
 #homePage .hero-buttons{margin:0!important;gap:9px!important}
 #homePage .hero-buttons button{min-height:49px!important}
 #homePage .hero-caveat{margin-top:14px!important}
 #homePage .neon-features{margin-top:10px!important;row-gap:10px!important}
 #homePage .neon-feature{box-shadow:0 4px 21px #611ca245!important}
 #homePage .category-card{min-height:150px!important}
 #homePage .neon-categories{margin-bottom:18px!important}
 .topbar{height:68px!important;min-height:68px!important}
}
@media(max-width:370px){
 #homePage .hero-intro{min-height:605px!important;padding:175px 15px 24px!important}
 #homePage .hero-intro h1{font-size:34px!important}
}

/* Mobile header follows user-approved mockup: menu | brand | avatar. */
@media(max-width:900px){
 .topbar .mobile-menu-toggle{order:-2!important}
 .topbar .header-mobile-brand{order:-1!important}
 .topbar .top-actions{order:1!important}
}