:root{--border-width-hairline:1px;--border-width-strong:2px;--border-style-default:solid;--elevation-none:none;--elevation-sm:0 1px 2px #0f172a14;--elevation-md:0 8px 24px #0f172a1f;--layout-breakpoint-sm:640px;--layout-breakpoint-md:768px;--layout-breakpoint-lg:1024px;--layout-breakpoint-xl:1280px;--layout-grid-columns:12;--layout-grid-gutter:16px;--motion-fast:.12s;--motion-normal:.2s;--motion-easing-standard:.2, 0, 0, 1;--color-white:#fff;--color-black:#0b1020;--color-blue-500:#2563eb;--color-blue-600:#1d4ed8;--color-blue-700:#1e40af;--color-slate-50:#f8fafc;--color-slate-200:#e2e8f0;--color-slate-600:#475569;--color-slate-900:#0f172a;--color-red-600:#dc2626;--color-green-600:#16a34a;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--duration-fast:.12s;--duration-normal:.2s;--semantic-surface-primary:#fff;--semantic-surface-subtle:#f8fafc;--semantic-surface-inverse:#0f172a;--semantic-text-primary:#0f172a;--semantic-text-secondary:#475569;--semantic-text-inverse:#fff;--semantic-text-danger:#dc2626;--semantic-border-default:#e2e8f0;--semantic-border-danger:#dc2626;--semantic-action-primary-background:#1d4ed8;--semantic-action-primary-backgroundHover:#1e40af;--semantic-action-primary-foreground:#fff;--semantic-focus-ring:#2563eb;--semantic-feedback-error:#dc2626;--semantic-feedback-success:#16a34a;--size-control-sm:32px;--size-control-md:40px;--size-control-lg:48px;--size-icon-sm:16px;--size-icon-md:20px;--size-icon-lg:24px;--typography-fontFamily-sans:Inter, ui-sans-serif, system-ui, sans-serif;--typography-fontSize-100:12px;--typography-fontSize-200:14px;--typography-fontSize-300:16px;--typography-fontSize-500:24px;--typography-fontSize-700:36px;--typography-lineHeight-tight:1.2;--typography-lineHeight-normal:1.5;font-family:var(--typography-fontFamily-sans);color:var(--semantic-text-primary);background:var(--semantic-surface-subtle);font-synthesis:none;line-height:1.65}*{box-sizing:border-box}body{margin:0}a{color:var(--semantic-action-primary-background);text-underline-offset:.23em}a:hover{text-decoration-thickness:2px}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--semantic-focus-ring);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;margin-bottom:28px;font-size:clamp(2.8rem,5.8vw,5.25rem);font-weight:650;line-height:1.04}h2{letter-spacing:-.035em;margin-bottom:20px;font-size:clamp(1.8rem,3vw,2.75rem);line-height:1.15}h3{font-size:1.15rem;line-height:1.35}p{margin-bottom:1.1em}small{font-size:.8rem}code,pre,.eyebrow,.metric{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}code{overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--semantic-surface-inverse);color:var(--semantic-text-inverse);border-radius:var(--radius-md);padding:24px;font-size:.85rem;line-height:1.7;overflow:auto}blockquote{border-left:3px solid var(--semantic-focus-ring);background:var(--semantic-surface-primary);margin:24px 0;padding:12px 24px}.skip-link{z-index:10;background:#fff;padding:12px;position:absolute;top:-100px;left:20px}.skip-link:focus{top:8px}.site{border-bottom:1px solid var(--semantic-border-default);background:var(--semantic-surface-primary)}.nav{justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:auto;padding:22px 32px;display:flex}.brand{color:var(--semantic-text-primary);align-items:center;gap:12px;font-size:1rem;font-weight:650;line-height:1.2;text-decoration:none;display:flex}.brand small{color:var(--semantic-text-secondary);margin-top:5px;font-weight:400;display:block}.brand-mark{background:var(--semantic-action-primary-background);color:#fff;border-radius:var(--radius-md);padding:10px;font-family:Georgia,serif;font-size:1.5rem;line-height:1}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:var(--semantic-text-secondary);padding:8px 0;font-size:.875rem;text-decoration:none}.nav-links a:hover{color:var(--semantic-action-primary-background)}.wrap{max-width:1200px;margin:auto;padding:64px 32px 88px}.eyebrow{letter-spacing:.13em;text-transform:uppercase;color:var(--semantic-text-secondary);margin-bottom:24px;font-size:.72rem}.dot{background:var(--semantic-action-primary-background);border-radius:50%;width:7px;height:7px;margin-right:9px;display:inline-block}.lead{color:var(--semantic-text-secondary);max-width:580px;font-size:1.15rem;line-height:1.75}.muted{color:var(--semantic-text-secondary)}.hero-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;padding:30px 0 64px;display:grid}.hero-grid h1 em{color:var(--semantic-action-primary-background);font-family:Georgia,serif;font-weight:400}.actions{flex-wrap:wrap;align-items:center;gap:12px;margin:28px 0 18px;display:flex}.button,button.action{border:1px solid var(--semantic-border-default);border-radius:var(--radius-md);background:var(--semantic-surface-primary);min-height:44px;color:var(--semantic-text-primary);justify-content:center;align-items:center;gap:12px;padding:10px 20px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.button.primary,button.primary{background:var(--semantic-action-primary-background);color:var(--semantic-action-primary-foreground);border-color:#0000}.button:hover,button.action:not(:disabled):hover{border-color:var(--semantic-action-primary-background)}.button.primary:hover,button.primary:not(:disabled):hover{background:var(--semantic-action-primary-backgroundHover)}.micro{color:var(--semantic-text-secondary);font-size:.8rem}.preview{background:var(--semantic-surface-primary);border:1px solid var(--semantic-border-default);border-radius:var(--radius-lg);box-shadow:var(--elevation-md);overflow:hidden}.preview-top{border-bottom:1px solid var(--semantic-border-default);justify-content:space-between;gap:12px;padding:16px 24px;font-size:.75rem;display:flex}.preview-body{padding:32px}.preview-body h3{letter-spacing:-.025em;font-size:1.5rem}.sample-label{color:var(--semantic-text-secondary);margin:20px 0 6px;font-size:.8rem;display:block}.sample-field{border:1px solid var(--semantic-border-default);border-radius:var(--radius-sm);background:var(--semantic-surface-subtle);margin-bottom:20px;padding:9px 12px}.preview-button{background:var(--semantic-action-primary-background);color:#fff;border-radius:var(--radius-sm);height:24px;padding:0 16px;font-size:12px;line-height:24px;display:inline-block}.measurement-line{border-top:1px solid var(--semantic-border-default);background:var(--semantic-surface-subtle);padding:20px 24px;font-size:.85rem}.measurement-line strong{color:var(--semantic-text-danger)}.section{border-top:1px solid var(--semantic-border-default);padding:64px 0}.section-intro{grid-template-columns:1fr 1fr;gap:48px;margin-bottom:32px;display:grid}.section-intro p{max-width:520px}.steps{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.step-number{color:var(--semantic-action-primary-background);margin-bottom:16px;font-family:Georgia,serif;font-size:2.5rem;display:block}.steps p{color:var(--semantic-text-secondary);font-size:.95rem}.split{grid-template-columns:1fr 1fr;gap:32px;display:grid}.card{background:var(--semantic-surface-primary);border:1px solid var(--semantic-border-default);border-radius:var(--radius-lg);padding:28px}.card h2{font-size:1.7rem}.grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;display:grid}.pill{border:1px solid var(--semantic-border-default);border-radius:var(--radius-full);background:var(--semantic-surface-primary);margin:0 4px 8px 0;padding:3px 9px;font-size:.75rem;display:inline-block}.rule{border-left:3px solid var(--semantic-action-primary-background);margin:16px 0;padding-left:16px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;background:var(--semantic-surface-primary);width:100%}th,td{text-align:left;border-bottom:1px solid var(--semantic-border-default);vertical-align:top;padding:12px}.page-head{max-width:850px;margin-bottom:48px}.page-head h1{font-size:clamp(2.5rem,5vw,4rem)}.demo-grid{grid-template-columns:1fr 1fr;align-items:start;gap:32px;display:grid}.demo-toolbar{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.demo-status{background:var(--semantic-surface-subtle);border-left:3px solid var(--semantic-action-primary-background);min-height:80px;padding:16px 20px}.demo-sample{background:var(--semantic-surface-primary);border-radius:var(--radius-md);border:1px solid var(--semantic-border-default);padding:36px}.demo-sample h2{font-size:1.8rem}.demo-sample button{border-radius:var(--radius-sm);background:var(--semantic-action-primary-background);height:24px;min-height:0;color:var(--semantic-action-primary-foreground);border:0;padding:0 16px;font-size:14px;line-height:20px}.demo-sample button[data-corrected=true]{height:auto;min-height:var(--demo-minimum);padding:10px 16px}.demo-panel h2{font-size:1.6rem}.demo-panel pre{font-size:.8rem}.setup{max-width:820px}.setup section{margin-bottom:32px}.setup label{margin-bottom:10px;font-weight:600;display:block}select{border:1px solid var(--semantic-text-secondary);border-radius:var(--radius-md);width:100%;min-height:48px;color:var(--semantic-text-primary);background:var(--semantic-surface-primary);padding:10px 12px}.copy-status{min-height:28px;margin-top:10px;font-size:.85rem}.copy-block{margin:18px 0}.checklist{padding-left:24px}.checklist li{padding:6px 0}details{border-top:1px solid var(--semantic-border-default);padding:18px 0}summary{cursor:pointer;font-weight:600}details p{margin-top:14px}textarea{border:1px solid var(--semantic-text-secondary);border-radius:var(--radius-md);resize:vertical;width:100%;min-height:220px;color:var(--semantic-text-primary);background:var(--semantic-surface-primary);padding:16px}.site-footer{border-top:1px solid var(--semantic-border-default);background:var(--semantic-surface-primary)}.footer-inner{justify-content:space-between;gap:32px;max-width:1200px;margin:auto;padding:40px 32px;font-size:.85rem;display:flex}.footer-inner p{color:var(--semantic-text-secondary);margin-top:8px}.footer-inner nav{flex-wrap:wrap;align-content:start;gap:16px;max-width:430px;display:flex}.footer-inner a{color:var(--semantic-text-secondary)}[hidden]{display:none!important}@media (width<=850px){.hero-grid,.demo-grid{grid-template-columns:1fr;gap:32px}.hero-grid{padding-top:0}.hero-grid h1{max-width:650px}.section-intro{gap:24px}.nav-links{gap:18px}.preview{max-width:600px}.steps{gap:24px}.footer-inner{flex-direction:column}}@media (width<=600px){.wrap{padding:36px 20px 56px}.nav{flex-wrap:wrap;gap:14px;padding:16px 20px}.nav-links{justify-content:space-between;gap:10px;width:100%}.nav-links a{font-size:.8rem}.hero-grid{padding-bottom:36px}.section{padding:36px 0}.section-intro,.split,.steps{grid-template-columns:1fr;gap:20px}.steps article{border-bottom:1px solid var(--semantic-border-default);padding-bottom:16px}.step-number{margin-bottom:8px;font-size:2rem}.preview-body,.demo-sample{padding:24px}.card{padding:22px}.footer-inner{padding:32px 20px}.page-head{margin-bottom:28px}pre{padding:16px;font-size:.75rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}