/* Alsveris 8.0 — usability / brand quality, final overrides. */
:root{--violet:#bda6ff}
body:not(.workspace-open) .topbar.container{height:102px;min-height:102px;align-items:center;padding-top:9px}
body:not(.workspace-open) .hero.container{min-height:calc(100dvh - 148px);padding:0 0 20px;transform:translateY(-43px)}
.identity{align-items:center!important;gap:0!important}
.brand-icon{width:51px!important;height:51px!important;border-radius:14px!important;box-shadow:0 9px 24px #17162c33}
.brand-word,.brand-word .brand-main{font-size:clamp(31px,3.5vw,43px)!important;letter-spacing:-.055em!important}
.brand-word{padding:7px 5px 7px 0!important}
.brand-word .brand-ai{color:#bca5ff!important;-webkit-text-fill-color:#bca5ff!important}
.brand-word .brand-main,.brand-word .brand-i{color:#fff!important;-webkit-text-fill-color:#fff!important}
.brand-tagline{margin:0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;letter-spacing:.23em!important;font-weight:500!important;font-size:10px!important}
.hero-glow{display:none!important}
.orb-wrap{height:191px!important;width:205px!important;margin-bottom:2px!important;overflow:visible!important}
.hero .orb{width:180px!important;height:180px!important;border-radius:50%!important;transform:none!important;background:none!important;box-shadow:none!important;animation:none!important;overflow:visible!important}
.hero-orb-img{width:180px!important;height:180px!important;display:block;object-fit:contain;filter:drop-shadow(0 6px 21px #aaa1ff70)}
.hero h1{font-size:clamp(34px,4.3vw,51px)!important;margin:8px 0 22px!important}
.search-shell{width:min(700px,100%)!important;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s!important}
.search-submit{min-width:50px!important;width:50px!important;height:46px!important;padding:0!important;flex:none!important;border-radius:13px!important}
.search-submit svg,.search-submit>span:not(.enter-glyph){display:none!important}
.enter-glyph{display:inline-block!important;color:#fff;font-size:31px;line-height:1;transform:translateY(-2px);font-family:Arial,sans-serif}
/* Focus is a real interaction — the rest of page darkens, focused field remains vivid. */
.hero:has(#productUrl:focus){z-index:40!important}
.hero:has(#productUrl:focus)::before{content:"";position:fixed;inset:0;background:#080a15ab;z-index:5;pointer-events:none;animation:focusDim .22s ease-out}
.hero .search-shell:focus-within{position:relative;z-index:6!important;transform:translateY(-2px);background:linear-gradient(115deg,#a5a0c54a,#8c84bc30)!important;border-color:#d0beff!important;box-shadow:0 0 0 4px #ab99fc50,0 30px 75px #141326af!important}
.hero :where(.orb-wrap,h1){position:relative;z-index:1}
@keyframes focusDim{from{opacity:0}to{opacity:1}}
@media(max-width:760px){
 body:not(.workspace-open) .topbar.container{height:90px;min-height:90px}
 body:not(.workspace-open) .hero.container{min-height:calc(100dvh - 137px);transform:translateY(-22px);padding-bottom:6px}
 .brand-icon{width:42px!important;height:42px!important}
 .brand-word,.brand-word .brand-main{font-size:clamp(25px,8vw,35px)!important}
 .brand-tagline{font-size:8.4px!important}
 .orb-wrap{width:185px!important;height:175px!important}
 .hero .orb,.hero-orb-img{width:165px!important;height:165px!important}
 .search-submit{width:46px!important;min-width:46px!important;height:43px!important}
 .enter-glyph{font-size:29px}
}