/* The dashboard remains sharp; refraction belongs to the navigation glass. */
.hero-highlights{filter:none;transform:none;opacity:1;image-rendering:auto}
.showcase-header:before{background:linear-gradient(180deg,#070b1426,#0b12224d 40%,#0e16204d 74%,#171c25d9)}
.hero-intro h1{text-shadow:0 2px 24px #03060ec9}.hero-intro p,.hero-kicker{text-shadow:0 1px 8px #000,0 2px 18px #000}
.dashboard-previews img{filter:none}.account-highlight video{aspect-ratio:16/9;object-fit:contain;background:#090b10;filter:none}
nav,nav.scrolled,.auth-route nav,.auth-route nav.scrolled{left:50%;transform:translateX(-50%);width:calc(100% - 56px);max-width:1120px;height:76px;top:18px;padding:0 25px;gap:8px;border-radius:28px;border:1px solid #ffffff35;background:linear-gradient(160deg,#f2f7ff21,#e7f0ff07 45%,#d6eaff12),#15213342;backdrop-filter:blur(22px) saturate(175%) brightness(1.16);-webkit-backdrop-filter:blur(22px) saturate(175%) brightness(1.16);box-shadow:0 12px 40px #02061040,inset 0 1px 1px #ffffff55,inset 0 -1px 1px #ffffff14;isolation:isolate;overflow:hidden;transition:width .55s cubic-bezier(.2,.8,.2,1),height .45s,top .45s,padding .45s,border-radius .45s,box-shadow .45s}
nav.scrolled,.auth-route nav.scrolled{width:660px;height:66px;top:14px;padding:0 18px;border-radius:36px;box-shadow:0 14px 46px #02061060,inset 0 1px 1px #ffffff66,inset 0 -1px 1px #ffffff1a}
nav:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at var(--glass-x,35%) var(--glass-y,0%),#ffffff30,transparent 55%),linear-gradient(110deg,transparent 10%,#eff8ff08 42%,transparent 68%);opacity:.65;transition:opacity .4s}
nav:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:4;background:linear-gradient(115deg,#ffffff77,transparent 28%,transparent 68%,#b9d9ff44);padding:1px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}
nav>.brand,nav>.navlink,nav>.navright{z-index:2;position:relative}nav .brand{margin-right:5px;flex-shrink:0}nav .navright{gap:5px}nav .navright:before{border-color:#ffffff18;margin-right:8px}nav .navlink{padding:9px 15px;color:#d9e5f6;border-radius:22px;background:transparent;font-size:13px;font-weight:500;white-space:nowrap;text-shadow:0 1px 4px #0005;transition:color .25s,background .25s,transform .3s}
nav .navlink.active{background:transparent!important;box-shadow:none;color:#fff}nav .navlink.active:after,nav .navlink:hover:after{display:none}nav .navlink:hover{background:#ffffff0e;box-shadow:none;color:white;transform:translateY(-1px)}nav .navright .signup-nav{background:linear-gradient(160deg,#81b8ff65,#438de340)!important;border:1px solid #b4d8ff55;border-radius:22px!important;color:#fff!important;box-shadow:inset 0 1px 1px #e3f2ff55,0 3px 15px #1676cb16}
.glass-active{position:absolute;top:var(--lens-top,15px);left:var(--lens-left,0px);width:var(--lens-width,70px);height:var(--lens-height,40px);border-radius:24px;z-index:1;pointer-events:none;opacity:0;background:linear-gradient(160deg,#ffffff2b,#e5f2ff10);border:1px solid #ffffff38;box-shadow:inset 0 1px 1px #ffffff5c,inset 0 -1px 1px #ffffff12,0 3px 14px #020d2026;backdrop-filter:blur(4px) saturate(140%);transition:left .42s cubic-bezier(.16,1,.3,1),top .42s,width .42s,height .42s,opacity .25s}.glass-active.ready{opacity:1}
.reel-tabs{display:flex;gap:6px;margin:18px 0 -12px}.reel-tabs button{font:11px Inter,Arial,sans-serif;background:#ffffff06;color:#94a9c6;border:1px solid #ffffff12;border-radius:20px;padding:7px 12px;cursor:pointer}.reel-tabs button[aria-pressed=true]{background:#87b8ff17;color:#d3e6ff;border-color:#87b8ff55}.reel-tabs button:hover{color:#fff;border-color:#87b8ff66}.account-highlight video{margin-top:25px}.highlight-track{display:none}.highlight-label{margin-top:13px}.dashboard-showcase{background:#17202aeb;border-color:#b3c9e32b}
@supports not (backdrop-filter:blur(1px)){nav,nav.scrolled,.auth-route nav,.auth-route nav.scrolled{background:#263446f5}}
@media(max-width:700px){nav,nav.scrolled,.auth-route nav,.auth-route nav.scrolled{width:calc(100% - 20px);max-width:calc(100% - 20px);height:64px;top:10px;padding:0 10px;gap:2px;border-radius:25px}nav .navlink{font-size:11px;padding:8px 9px}nav .navright{gap:2px}nav .brand{width:35px;flex:0 0 35px;margin-right:1px}nav .navright:before{display:none}nav .navright .navlink:first-child{display:none}nav .navright .signup-nav{padding:7px 10px!important}.glass-active{border-radius:20px}}
@media(prefers-reduced-motion:reduce){.glass-active,nav{transition:none!important}}