@font-face {font-family:'Plus Jakarta Sans';src:url('../assets/fonts/PlusJakartaSans.ttf') format('truetype');font-weight:200 800;font-display:swap;}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--bg-base);color:var(--text-body);font:var(--text-base)/var(--leading-body) var(--font-sans);-webkit-font-smoothing:antialiased}
button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}
h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--text-heading)}h1,h2{letter-spacing:-.045em;line-height:var(--leading-heading);text-wrap:balance}
h1{font-size:var(--text-hero);font-weight:650}h2{font-size:var(--text-section);font-weight:600}h3{font-size:1.12rem;font-weight:600;letter-spacing:-.025em}
p{text-wrap:pretty}button{color:inherit}ul{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--status);outline-offset:5px}
[hidden]{display:none!important}.container{width:min(calc(100% - 64px),var(--container-max));margin-inline:auto}
.section{padding-block:var(--space-24);scroll-margin-top:24px}.eyebrow{font:600 .7rem/1.5 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-secondary)}
.eyebrow::before{content:'';display:inline-block;width:6px;height:6px;background:var(--accent-end);margin-right:10px;vertical-align:middle}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:12px;left:12px;z-index:100;background:var(--surface-solid);color:white;padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.demo-note{font: .7rem/1.6 var(--font-mono);color:var(--text-body)}
@media(max-width:767px){.container{width:calc(100% - 40px)}.section{padding-block:64px}html{scroll-padding-top:90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}