@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url('/assets/manrope.woff2') format('woff2')}
html{scroll-behavior:auto}.focused-demo-page{font-family:Manrope,sans-serif}.focused-demo-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:84px}.focused-demo-header .text-link{font-size:12px}.focused-demo-page main>.section{padding-block:42px 48px}.focused-demo-page .section-grid{align-items:start}.focused-demo-page h1{font:500 clamp(32px,4vw,52px)/1.15 Manrope,sans-serif;letter-spacing:-.04em;margin-bottom:20px}.focused-demo-page .demo{margin-top:0}.focused-demo-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-block:24px}.focused-demo-footer p{font-size:12px;color:var(--muted)}.focused-demo-footer nav{display:flex;gap:24px;flex-wrap:wrap}
@media(max-width:599px){.focused-demo-header{min-height:70px}.focused-demo-header .brand{font-size:23px}.focused-demo-header .text-link{font-size:11px;gap:5px}.focused-demo-page main>.section{padding-block:24px 32px}.focused-demo-page .section-grid{gap:26px}.focused-demo-page .section-copy>p:not(.eyebrow){font-size:13px}.focused-demo-page h1{margin-bottom:14px}.focused-demo-page .section-copy .eyebrow{font-size:10px;margin-bottom:12px}.focused-demo-footer{display:block}.focused-demo-footer nav{margin-top:10px}}