.reading-progress{position:fixed;left:0;top:0;width:100%;height:2px;background:var(--brand);transform:scaleX(0);transform-origin:left;pointer-events:none;z-index:80;opacity:.8}
.motion-meter{display:inline-flex;gap:3px;align-items:center;height:13px;margin-left:9px;vertical-align:middle;color:#d6f368}
.motion-meter i{display:block;width:2px;height:12px;background:currentColor;transform-origin:center;border-radius:2px}
.exhibit-top .motion-meter{position:absolute;top:17px;left:48%;height:9px}.exhibit-top .motion-meter i{height:9px}
.feature,.project-card,.guide-card,.stat{transition:border-color .25s,box-shadow .25s,background .25s}
.feature:hover,.project-card:hover,.guide-card:hover,.stat:hover{box-shadow:0 12px 32px #1721160c}
.project-card:hover,.button:hover{transform:none}
.feature-icon{position:relative;overflow:hidden}
.feature-icon:after{content:'';position:absolute;inset:0;border-radius:inherit;border:1px solid currentColor;opacity:0;transition:opacity .25s}
.feature:hover .feature-icon:after{opacity:.35}
.faq-section details{transform-origin:top;box-sizing:border-box}
.button,.text-link,.quick-row,.side-link{position:relative}
.topnav a{position:relative}.topnav a:after{content:'';height:1px;position:absolute;left:0;right:0;bottom:-6px;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.7,.2,1)}.topnav a:hover:after,.topnav a:focus-visible:after{transform:scaleX(1)}
.hero-left h1{overflow:clip;padding-bottom:.07em;margin-bottom:calc(24px - .07em)}
.specimen{box-shadow:0 14px 45px #00000012}
.showcase{perspective:1200px}
.login-art{isolation:isolate}
.login-art:after{content:'';position:absolute;z-index:-1;inset:0;background-image:linear-gradient(#cde3ab08 1px,transparent 1px),linear-gradient(90deg,#cde3ab08 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(transparent,#000);pointer-events:none}
.dashboard-hero:after{content:'';position:absolute;right:0;top:0;bottom:0;width:48%;background-image:linear-gradient(#d5edb309 1px,transparent 1px),linear-gradient(90deg,#d5edb309 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}
.dashboard-graphic{z-index:1}
[data-theme=dark] .feature:hover,[data-theme=dark] .project-card:hover,[data-theme=dark] .guide-card:hover,[data-theme=dark] .stat:hover{box-shadow:0 14px 40px #00000030}
@media(prefers-reduced-motion:reduce){.reading-progress,.motion-meter{display:none}.topnav a:after{transition:none}.feature:hover,.project-card:hover,.guide-card:hover,.stat:hover{transform:none}}