*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-padding-block-start:calc(var(--header-height, 5rem) + var(--sp-4))}.skip-link{position:absolute;inset-block-start:var(--sp-2);inset-inline-start:var(--sp-2);z-index:var(--z-max);padding:var(--sp-2) var(--sp-4);background:var(--color-bg-inverse);color:var(--color-text-inverse);border-radius:var(--radius-interactive);transform:translateY(calc(-100% - var(--sp-4)));transition:transform var(--dur-2) var(--ease-out)}.skip-link:focus-visible{transform:none}main{display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--sp-12);padding:var(--sp-2) var(--sp-6);border-radius:var(--radius-interactive);border:var(--border-thin) solid transparent;font-family:var(--font-body);font-size:var(--step-0);font-weight:var(--weight-medium);line-height:var(--leading-tight);text-decoration:none;cursor:pointer;transition:background-color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-ghost{border-color:var(--color-border-2);color:var(--color-text-1);background:transparent}.btn-ghost:hover{border-color:var(--color-text-1)}.btn-sm{min-height:var(--sp-10);padding:var(--sp-1) var(--sp-4);font-size:var(--step--1)}.btn-lg{min-height:calc(var(--sp-12) + var(--sp-1));padding:var(--sp-3) var(--sp-8);font-size:var(--step-1)}.site-header{position:fixed;inset:0 0 auto;z-index:var(--z-header);--header-height: calc(var(--sp-16) + var(--sp-2))}@supports not (animation-timeline: scroll()){.site-header{background:var(--color-bg-1);box-shadow:var(--shadow-sm)}}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-m);max-width:var(--container-xl);margin-inline:auto;padding:var(--sp-3) var(--gutter)}.wordmark{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-heading);font-weight:var(--weight-semibold);font-size:var(--step-1);letter-spacing:var(--tracking-heading);color:var(--color-text-1);text-decoration:none;white-space:nowrap}.wordmark sup,.wordmark-text sup{color:var(--color-accent);font-size:.7em}.logo-mark{width:var(--sp-6);height:var(--sp-6);color:var(--color-primary)}.site-nav ul{display:flex;align-items:center;gap:var(--space-m);list-style:none;margin:0;padding:0}.nav-link{font-size:var(--step--1);font-weight:var(--weight-medium);color:var(--color-text-2)}.nav-link[aria-current=page]{color:var(--color-text-1);background-size:100% 1.5px}.nav-toggle{display:none}@media(max-width:47.99em){.nav-toggle{display:grid;gap:var(--sp-1);place-content:center;width:var(--sp-12);height:var(--sp-12);border:var(--border-thin) solid var(--color-border-2);border-radius:var(--radius-interactive);background:var(--color-bg-1);cursor:pointer}.nav-toggle-bar{width:var(--sp-5);height:var(--border-thick);background:var(--color-text-1);border-radius:var(--radius-full);transition:transform var(--dur-2) var(--ease-out)}.nav-open .nav-toggle-bar:first-child{transform:translateY(calc(var(--sp-1) / 2 + 1px)) rotate(45deg)}.nav-open .nav-toggle-bar:last-child{transform:translateY(calc(var(--sp-1) / -2 - 1px)) rotate(-45deg)}.site-nav{position:absolute;inset-inline:var(--sp-3);inset-block-start:calc(100% + var(--sp-1));background:var(--color-bg-1);border:var(--border-thin) solid var(--color-border-1);border-radius:var(--radius-surface);box-shadow:var(--shadow-lg);padding:var(--sp-4);opacity:0;transform:translateY(calc(var(--sp-2) * -1));pointer-events:none;transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}.nav-open .site-nav{opacity:1;transform:none;pointer-events:auto}.site-nav ul{flex-direction:column;align-items:stretch;gap:var(--sp-3)}.site-nav .btn{justify-content:center}}.site-header.compact{--header-height: var(--sp-16)}.site-footer{background:var(--color-bg-inverse);color:var(--color-text-inverse);padding-block:var(--space-2xl) var(--space-l);margin-block-start:var(--section-space)}.footer-inner{max-width:var(--container-xl);margin-inline:auto;padding-inline:var(--gutter);display:grid;gap:var(--space-l)}@media(min-width:64em){.footer-inner{grid-template-columns:2fr 3fr}.footer-meta{grid-column:1 / -1}}.wordmark-text{font-family:var(--font-heading);font-weight:var(--weight-semibold);font-size:var(--step-2)}.footer-tagline{color:color-mix(in oklab,var(--color-text-inverse) 75%,transparent);max-width:var(--measure-narrow)}.footer-note{margin-block-start:var(--space-s);font-size:var(--step--1);color:color-mix(in oklab,var(--color-text-inverse) 55%,transparent)}.footer-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:var(--space-m)}.footer-heading{font-size:var(--step--1);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:color-mix(in oklab,var(--color-text-inverse) 60%,transparent);margin-block-end:var(--space-2xs)}.footer-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-2)}.footer-nav a{color:var(--color-text-inverse);font-size:var(--step--1)}.footer-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-s);border-block-start:var(--border-thin) solid color-mix(in oklab,var(--color-text-inverse) 18%,transparent);padding-block-start:var(--space-s);font-size:var(--step--2);color:color-mix(in oklab,var(--color-text-inverse) 60%,transparent)}.section-head{max-width:var(--measure-prose);margin-block-end:var(--space-l)}.section-head h2{font-size:var(--step-4)}.section-head .lead{margin-block-start:var(--space-2xs)}.demo-badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-full);border:var(--border-thin) solid var(--color-border-2);background:var(--color-bg-2);color:var(--color-text-2);font-size:var(--step--2);font-weight:var(--weight-medium);letter-spacing:var(--tracking-caps);text-transform:uppercase}.form-grid{display:grid;gap:var(--space-s)}.form-field{display:grid;gap:var(--sp-1)}.form-field>span{font-size:var(--step--1);font-weight:var(--weight-medium)}.form-field input,.form-field textarea,.form-field select{font:inherit;font-size:max(16px,var(--step-0));padding:var(--sp-3);border-radius:var(--radius-interactive);border:var(--border-thin) solid var(--color-border-2);background:var(--color-bg-1);color:var(--color-text-1);width:100%}.form-field input:user-invalid,.form-field textarea:user-invalid{border-color:var(--color-error)}.form-hint{font-size:var(--step--2);color:var(--color-text-3)}.choice-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.choice-chips label{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border:var(--border-thin) solid var(--color-border-2);border-radius:var(--radius-full);cursor:pointer;font-size:var(--step--1);transition:border-color var(--dur-1) var(--ease-out),background-color var(--dur-1) var(--ease-out)}.choice-chips label:has(:checked){border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-on-primary-subtle)}.choice-chips input{position:absolute;inset-inline-start:0;inset-block-start:50%;width:1px;height:1px;opacity:0;pointer-events:none}.choice-chips label:has(:focus-visible){outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.consent-row{display:flex;gap:var(--sp-2);align-items:flex-start;font-size:var(--step--1)}.consent-row input{width:var(--sp-5);height:var(--sp-5);margin-block-start:var(--sp-1);accent-color:var(--color-primary);flex-shrink:0}
