@font-face{font-family:Manrope;src:url(/fonts/Manrope.ttf)format("truetype");font-style:normal;font-weight:200 800;font-display:swap}@font-face{font-family:Golos Text;src:url(/fonts/GolosText.ttf)format("truetype");font-style:normal;font-weight:400 900;font-display:swap}:root{--font-display:Manrope,sans-serif;--font-body:"Golos Text",sans-serif;--ease-out:cubic-bezier(.2,.75,.2,1);--page-max:82.5rem;--space-page:2.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:2rem;--space-8:2.5rem;--space-9:3.5rem;--space-10:5rem;--text-xs:.875rem;--text-sm:1rem;--text-base:1rem;--radius-control:.375rem;--radius-panel:.75rem;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html,body{min-width:0;overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{background:var(--color-bg);color:var(--color-text);margin:0}body,p,h1,h2,h3,h4,figure{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}img,svg,canvas{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--color-accent);outline-offset:6px;border-radius:var(--radius-control)}::selection{background:var(--color-accent);color:var(--color-bg)}.design-light,.design-compare{--color-bg:#fff;--color-text:#111;--color-muted:#62625f;--color-accent:#d92d32;--color-surface:#f2f2f0;--color-line:#deded9;color-scheme:light}.design-dark{--color-bg:#210b14;--color-text:#fcf0e8;--color-muted:#c5a6b1;--color-accent:#eda0b0;--color-surface:#451627;--color-line:#a34863;color-scheme:dark}.design-skip{z-index:1000;background:var(--color-bg);border:1px solid var(--color-accent);font-size:var(--text-sm);padding:.75rem 1.125rem;position:fixed;top:.75rem;left:1.25rem;transform:translateY(-160%)}.design-skip:focus{transform:none}.design-switcher{z-index:100;color:#51525a;backdrop-filter:blur(1rem);background:#ffffffed;border:1px solid #d6d8db;border-radius:6.25rem;gap:.1875rem;padding:.3125rem;font-size:.75rem;line-height:1;display:flex;position:fixed;bottom:1.25rem;right:1.5rem;box-shadow:0 .25rem 1.5625rem #0000000c}.design-switcher a{min-height:2.25rem;transition:background-color .18s var(--ease-out),color .18s var(--ease-out);border-radius:6.25rem;justify-content:center;align-items:center;gap:.4375rem;padding:0 .8125rem;display:flex}.design-switcher a:hover{color:#111;background:#eeeef0}.design-switcher a[aria-current=page]{color:#fff;background:#111}.design-switcher .design-motion-link{border-left:1px solid #ddd;border-radius:0 6.25rem 6.25rem 0;padding:0 .75rem}.switcher-dot{border:1px solid;border-radius:50%;width:.4375rem;height:.4375rem}.switcher-dot--light{background:#f6f6f6}.switcher-dot--dark{background:#6879bd}.project-preview{aspect-ratio:16/10;isolation:isolate;contain:layout paint;color-scheme:light;background:#f5f7fb;width:100%;position:relative;overflow:hidden}.project-preview iframe{width:80rem;max-width:none;height:50rem;transform:scale(var(--preview-scale,.625));transform-origin:0 0;pointer-events:none;user-select:none;border:0;position:absolute;top:0;left:0}.preview-noscript{color:#111;text-align:center;background:#f2f2f0;flex-direction:column;justify-content:center;align-items:center;padding:10%;font-size:clamp(.875rem,2vw,1.5625rem);line-height:1.4;display:flex;position:absolute;inset:0}.preview-noscript p{color:#62625f;margin-top:.75rem;font-size:.65em}html[data-preview=true] .design-switcher,html[data-preview=true] .design-skip{display:none}html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] :before,html[data-motion=off] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (width<=37.5rem){:root{--space-page:1.25rem}.design-switcher{white-space:nowrap;font-size:.6875rem;bottom:.75rem;right:50%;transform:translate(50%)}.design-switcher a{min-height:2.125rem;padding:0 .6875rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}html[data-design-hidden] *,html[data-design-hidden] :before,html[data-design-hidden] :after{animation-play-state:paused!important}