:root{--color-paper:#faf9f6;--color-white:#fff;--color-ink:#181817;--color-gray-700:#52524f;--color-gray-500:#777770;--color-gray-300:#deded6;--color-gray-100:#efeee8;--color-red-700:#6f1214;--color-red-600:#8d191b;--color-red-100:#f7e8e6;--color-green-700:#24553c;--color-green-100:#e5efe8;--color-amber-700:#6b490b;--color-amber-100:#f5eddb;--color-blue-700:#264e75;--color-blue-100:#e7edf4;--surface-page:var(--color-paper);--surface-panel:var(--color-white);--surface-subtle:var(--color-gray-100);--surface-inverse:var(--color-ink);--text-primary:var(--color-ink);--text-secondary:var(--color-gray-700);--text-inverse:var(--color-paper);--text-on-action:var(--color-white);--border-divider:var(--color-gray-300);--border-control:var(--color-gray-500);--action-primary:var(--color-red-600);--action-hover:var(--color-red-700);--action-active:var(--color-ink);--action-subtle:var(--color-red-100);--focus-color:var(--color-red-600);--focus-color-inverse:var(--color-paper);--disabled-text:var(--color-gray-700);--disabled-surface:var(--color-gray-100);--status-error-text:var(--color-red-600);--status-error-surface:var(--color-red-100);--status-success-text:var(--color-green-700);--status-success-surface:var(--color-green-100);--status-warning-text:var(--color-amber-700);--status-warning-surface:var(--color-amber-100);--status-info-text:var(--color-blue-700);--status-info-surface:var(--color-blue-100);--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Consolas, monospace;--font-body:var(--font-sans);--font-heading:var(--font-sans);--font-technical:var(--font-mono);--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--type-caption:.875rem;--type-body:1rem;--type-lead:1.25rem;--type-h3:1.5rem;--type-h2:clamp(1.75rem, 1.25rem + 2vw, 2.5rem);--type-h1:clamp(2.5rem, 1.5rem + 4vw, 4.5rem);--line-heading:1.1;--line-label:1.3;--line-body:1.6;--tracking-normal:0;--tracking-heading:-.035em;--tracking-label:.08em;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--layout-page-max:72rem;--layout-reading-max:65ch;--layout-form-max:32rem;--layout-column-min:16rem;--layout-full:100%;--layout-grid-fraction:1fr;--layout-gutter:clamp(1rem, 4vw, 3rem);--layout-section-space:clamp(3rem, 6vw, 6rem);--layout-grid-gap:var(--space-8);--layout-stack-gap:var(--space-6);--radius-square:0;--shadow-none:none;--border-none:0;--border-width:1px;--border-style:solid;--focus-width:2px;--focus-offset:4px;--field-focus-color:var(--color-ink);--link-underline-width:1px;--link-underline-offset:.2em;--control-min-height:3rem;--control-padding-block:var(--space-3);--control-padding-inline:var(--space-4);--field-gap:var(--space-2);--field-padding-block:var(--space-3);--field-padding-inline:var(--space-0);--textarea-min-height:8rem;--icon-size:1.25rem;--logo-width:2rem;--logo-height:1.91375rem;--opacity-visible:1;--opacity-hidden:0;--layer-base:0;--layer-menu:10;--layer-sticky:20;--layer-dialog:30;--layer-focus:40;--motion-duration:.12s;--motion-duration-reduced:0s;--motion-easing:ease-out;--motion-interaction:color var(--motion-duration) var(--motion-easing), background-color var(--motion-duration) var(--motion-easing), border-color var(--motion-duration) var(--motion-easing);--layout-hero-column-min:25rem;--layout-section-heading-max:19ch;--layout-header-gap:var(--space-6);--layout-hero-space:clamp(4rem, 8vw, 7rem);--type-price:var(--type-h1);--type-wordmark:var(--type-h3);--text-accent:var(--action-primary);--menu-hover-surface:var(--surface-subtle)}@media (prefers-reduced-motion:reduce){:root{--motion-duration:var(--motion-duration-reduced)}}*{box-sizing:border-box}html{font-family:var(--font-body);font-size:var(--type-body);line-height:var(--line-body);color:var(--text-primary);background:var(--surface-page);accent-color:var(--action-primary)}body{margin:var(--space-0)}main{max-width:var(--layout-page-max);padding:var(--layout-section-space) var(--layout-gutter);margin-inline:auto}h1,h2,h3{font-family:var(--font-heading);font-weight:var(--weight-semibold);line-height:var(--line-heading);letter-spacing:var(--tracking-heading);text-wrap:balance}h1{font-size:var(--type-h1)}h2{font-size:var(--type-h2)}h3{font-size:var(--type-h3)}h1,h2,h3,p,ul,ol,dl{margin-block:var(--space-0) var(--space-6)}p{max-width:var(--layout-reading-max)}small,.caption{font-size:var(--type-caption)}code,pre{font-family:var(--font-technical)}a{color:var(--action-primary);text-decoration:underline;text-decoration-thickness:var(--link-underline-width);text-underline-offset:var(--link-underline-offset);transition:var(--motion-interaction)}a:hover{color:var(--action-hover)}a:active{color:var(--action-active)}:focus-visible{outline:var(--focus-width) var(--border-style) var(--focus-color);outline-offset:var(--focus-offset)}button,input,select,textarea{font-family:inherit;font-size:var(--type-body);line-height:var(--line-label);border-radius:var(--radius-square);box-shadow:var(--shadow-none)}button,input,select,textarea,summary{min-height:var(--control-min-height)}input:not([type=checkbox]):not([type=radio]),select,textarea{width:var(--layout-full);padding:var(--field-padding-block) var(--field-padding-inline);color:var(--text-primary);border:var(--border-none);border-bottom:var(--border-width) var(--border-style) var(--border-control);transition:var(--motion-interaction);background:0 0}input::placeholder,textarea::placeholder{color:var(--text-secondary);opacity:var(--opacity-visible)}input:hover,select:hover,textarea:hover{border-bottom-color:var(--text-primary)}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus,.dropdown-trigger:focus{outline:var(--border-none);border-bottom-color:var(--field-focus-color)}textarea{min-height:var(--textarea-min-height);resize:vertical}:is(input,select,textarea)[aria-invalid=true]{border-bottom-color:var(--status-error-text)}input:disabled,select:disabled,textarea:disabled{color:var(--disabled-text);background:var(--disabled-surface);cursor:not-allowed}label{font-weight:var(--weight-medium);line-height:var(--line-label)}img{max-width:var(--layout-full);height:auto;display:block}hr{border:var(--border-none);border-top:var(--border-width) var(--border-style) var(--border-divider);margin-block:var(--space-8)}::selection{color:var(--text-on-action);background:var(--action-primary)}.stack{gap:var(--layout-stack-gap);flex-direction:column;display:flex}.stack>*{margin-block:var(--space-0)}.grid{grid-template-columns:repeat(auto-fit, minmax(min(var(--layout-full), var(--layout-column-min)), var(--layout-grid-fraction)));gap:var(--layout-grid-gap);display:grid}.row{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.section{padding-block:var(--layout-section-space);border-top:var(--border-width) var(--border-style) var(--border-divider)}.reading{max-width:var(--layout-reading-max)}.lead{font-size:var(--type-lead);color:var(--text-secondary)}.eyebrow{font-size:var(--type-caption);font-weight:var(--weight-semibold);line-height:var(--line-label);letter-spacing:var(--tracking-label);text-transform:uppercase}.muted{color:var(--text-secondary)}.field{gap:var(--field-gap);max-width:var(--layout-form-max);flex-direction:column;display:flex}.field-help{font-size:var(--type-caption);color:var(--text-secondary)}.field-error{font-size:var(--type-caption);color:var(--status-error-text)}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-min-height);padding:var(--control-padding-block) var(--control-padding-inline);font-weight:var(--weight-semibold);line-height:var(--line-label);color:var(--text-on-action);background:var(--action-primary);border:var(--border-none);border-radius:var(--radius-square);box-shadow:var(--shadow-none);cursor:pointer;transition:var(--motion-interaction);text-decoration:none;display:inline-flex}.button:hover{color:var(--text-on-action);background:var(--action-hover)}.button:active{background:var(--action-active)}.button:disabled{color:var(--disabled-text);background:var(--disabled-surface);cursor:not-allowed}.button-secondary{color:var(--action-primary);padding-inline:var(--space-0);text-decoration:underline;text-decoration-thickness:var(--link-underline-width);text-underline-offset:var(--link-underline-offset);background:0 0}.button-secondary:hover{color:var(--action-hover);background:0 0}.button-secondary:active{color:var(--action-active);background:0 0}.nav-link{color:var(--text-secondary);padding-block:var(--space-3);text-decoration:none}.nav-link:hover,.nav-link[aria-current=page]{color:var(--text-primary);text-decoration:underline}.tab{color:var(--text-secondary);border:var(--border-none);border-bottom:var(--border-width) var(--border-style) transparent;padding:var(--control-padding-block) var(--control-padding-inline);cursor:pointer;background:0 0}.tab[aria-selected=true]{color:var(--text-primary);border-bottom-color:var(--action-primary)}.content-item{padding-block:var(--space-6);border-bottom:var(--border-width) var(--border-style) var(--border-divider)}.menu-surface{color:var(--text-primary);background:var(--surface-page);border:var(--border-none);border-bottom:var(--border-width) var(--border-style) var(--border-divider);border-radius:var(--radius-square);box-shadow:var(--shadow-none);padding:var(--space-0);z-index:var(--layer-menu)}.menu-option{padding:var(--control-padding-block) var(--field-padding-inline);min-height:var(--control-min-height);color:var(--text-primary);text-decoration:none}.menu-option:hover,.menu-option:focus-visible{background:var(--menu-hover-surface)}.menu-option[aria-selected=true]{font-weight:var(--weight-semibold)}.dropdown-example{width:var(--layout-full);max-width:var(--layout-form-max)}.dropdown-trigger{padding-block:var(--field-padding-block);border-bottom:var(--border-width) var(--border-style) var(--border-control);cursor:pointer;font-weight:var(--weight-medium)}.dropdown-example .menu-surface{margin-block-start:var(--space-2)}.tab:hover{color:var(--action-hover)}[hidden]{display:none}.status{padding:var(--space-4);border-left:var(--focus-width) var(--border-style) currentColor}.status-error{color:var(--status-error-text);background:var(--status-error-surface)}.status-success{color:var(--status-success-text);background:var(--status-success-surface)}.status-warning{color:var(--status-warning-text);background:var(--status-warning-surface)}.status-info{color:var(--status-info-text);background:var(--status-info-surface)}.inverse{color:var(--text-inverse);background:var(--surface-inverse);padding:var(--space-8)}.inverse a{color:var(--text-inverse)}.inverse :focus-visible{outline-color:var(--focus-color-inverse)}.brand-logo{width:var(--logo-width);height:var(--logo-height);object-fit:contain}.skip-link{z-index:var(--layer-focus);padding:var(--space-4);background:var(--surface-panel);opacity:var(--opacity-hidden);pointer-events:none;position:absolute;inset-block-start:var(--space-4);inset-inline-start:var(--space-4)}.skip-link:focus{opacity:var(--opacity-visible);pointer-events:auto}.swatch{min-height:var(--space-24);padding:var(--space-4)}.swatch-paper{background:var(--surface-page);color:var(--text-primary);border:var(--border-width) var(--border-style) var(--border-divider)}.swatch-ink{background:var(--surface-inverse);color:var(--text-inverse)}.swatch-red{background:var(--action-primary);color:var(--text-on-action)}.swatch-subtle{background:var(--surface-subtle);color:var(--text-primary)}
