.site-shell{--site-max:1200px;--site-gutter:1.5rem}@media (min-width:768px){.site-shell{--site-gutter:4rem}}.site-shell main{padding-top:5.5rem}.site-shell main:has([data-bleed]){padding-top:0}.site-shell [id]{scroll-margin-top:96px}.site-shell .container{padding-inline:1.5rem}.site-container{width:100%;max-width:calc(var(--site-max) + 2 * var(--site-gutter));padding-inline:var(--site-gutter);margin-inline:auto}.site-container[data-width=narrow]{max-width:calc(768px + 2 * var(--site-gutter))}.site-container[data-width=wide]{max-width:calc(1320px + 2 * var(--site-gutter))}.site-shell[data-motion=pending] [data-reveal]{opacity:0;animation:0s linear 3s forwards site-reveal-fallback}@keyframes site-reveal-fallback{to{opacity:1}}@media (prefers-reduced-motion:reduce){.site-shell[data-motion=pending] [data-reveal]{opacity:1;animation:none}}.radar-grid{background-image:radial-gradient(circle at 50% 50%, transparent 0 29%, var(--border) 29.4% 29.8%, transparent 30.2% 49%, var(--border) 49.4% 49.8%, transparent 50.2%), linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-position:50%;background-size:100% 100%,22px 22px,22px 22px}.mask-fade-x{-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}@media (min-width:768px) and (prefers-reduced-motion:no-preference){.site-shell[data-motion=ready] [data-hero=mockup-slot]{inset-inline:0;top:calc(50% + var(--site-nav-offset) / 2);pointer-events:none;padding-bottom:0;position:absolute;translate:0 -50%}.site-shell[data-motion=ready] [data-hero=mockup]{pointer-events:auto}.site-shell[data-motion=ready] [data-hero=mockup]:not([data-live]) [data-demo-scroll]{overflow-y:hidden}.site-shell[data-motion=ready] [data-sm=stage]{align-items:center;min-height:100svh;padding-block:0;display:grid}.site-shell[data-motion=ready] [data-sm=stage]>*{grid-area:1/1;margin-block:0}}.site-shell{--site-nav-offset:4.5rem}