.brand-atmosphere{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 75% 28%,rgba(49,152,124,.10),transparent 60%)}
.brand-atmosphere canvas{display:block;width:100%;height:100%;opacity:.7}
body:has(.brand-atmosphere)>.container,body:has(.brand-atmosphere)>.footer{position:relative;z-index:1}
.motion-control{position:fixed;bottom:14px;left:14px;z-index:5;padding:8px 12px;min-height:36px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font:inherit;font-size:11px;box-shadow:0 4px 20px #0001}
.motion-control[hidden]{display:none}
@view-transition{navigation:auto}
::view-transition-old(root){animation:page-depart .18s ease-out both}
::view-transition-new(root){animation:page-enter .3s cubic-bezier(.2,.7,.2,1) both}
@keyframes page-depart{to{opacity:0;transform:translateY(-4px)}}
@keyframes page-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
html{scroll-behavior:smooth;scroll-padding-top:100px}
.public-nav a,.main-nav a,.public-hero-actions a,.public-login,.public-register{transition:color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease}
.public-nav a{position:relative}
.public-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;border-radius:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.public-nav a:hover:after,.public-nav a:focus-visible:after{transform:scaleX(1)}
.public-hero-actions a:hover,.public-register:hover{transform:translateY(-2px);box-shadow:0 8px 24px #50bc9825}
.public-hero-actions a:active,.public-register:active{transform:translateY(0) scale(.98)}
.public-nav a:focus-visible,.public-hero-actions a:focus-visible{outline:2px solid #63d6b2;outline-offset:6px}
html[data-motion="off"]{scroll-behavior:auto}
html[data-motion="off"]::view-transition-old(root),html[data-motion="off"]::view-transition-new(root){animation:none}
html[data-motion="off"] .public-hero-copy,html[data-motion="off"] .auth-card,html[data-motion="off"] .public-hero-demo{animation:none!important}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}html{scroll-behavior:auto}::view-transition-old(root),::view-transition-new(root){animation:none}.public-nav a,.public-nav a:after,.public-hero-actions a,.public-register{transition:none}}
body:has(.brand-atmosphere) .public-hero-copy,body:has(.brand-atmosphere) .auth-card{animation:brand-arrive .75s ease-out both}
body:has(.brand-atmosphere) .public-hero-demo{animation:brand-arrive 1s .12s ease-out both;box-shadow:0 24px 90px #0005,0 0 65px #54cea710}
@keyframes brand-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){body:has(.brand-atmosphere) .public-hero-copy,body:has(.brand-atmosphere) .auth-card,body:has(.brand-atmosphere) .public-hero-demo{animation:none}.brand-atmosphere canvas{display:none}}
@media(max-width:620px){.brand-atmosphere canvas{opacity:.4}.motion-control{bottom:8px;left:8px;font-size:10px;padding:6px 9px}}