:root{color-scheme:light;--ink:#17191d;--muted:#555e69;--paper:#faf8f3;--white:#fff;--gold:#ec9e2e;--gold-hover:#d98c1c;--sage:#31594c;--sage-soft:#edf3ef;--focus:#215ca0;--error:#a12a24;--error-soft:#fff2f0;--line:#dedbd4;--control-line:#737b85;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-control:8px;--radius-card:16px;--content-width:1216px;--duration-short:160ms}*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-inter),Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:4px}::selection{background:#f8d8a6;color:var(--ink)}.skip-link{position:absolute;top:-120px;left:16px;padding:12px 20px;background:var(--white);z-index:100;border-radius:var(--radius-control);font-weight:600}.skip-link:focus{top:12px}.site-header{padding:24px max(20px,calc((100vw - var(--content-width)) / 2));border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.brand{font-family:var(--font-sora),Arial,sans-serif;font-size:18px;letter-spacing:-.6px;text-decoration:none}.brand strong{font-weight:400;border-left:1px solid var(--control-line);margin-left:8px;padding-left:10px}.badge,.sf-tag{display:inline-flex;align-items:center;font-size:13px;border:1px solid var(--line);padding:6px 12px;border-radius:100px;background:var(--white)}a.badge{min-height:44px}main{max-width:1136px;margin:auto;padding:0 28px 64px}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:1.8px}h1,h2,h3{font-family:var(--font-sora),Arial,sans-serif;font-weight:600;text-wrap:balance}h1{font-size:clamp(2.2rem,4.6vw,4rem);line-height:1.13;letter-spacing:-.05em;margin:24px 0}h2{font-size:clamp(1.7rem,2.8vw,2.5rem);line-height:1.2;letter-spacing:-.035em;margin:12px 0 16px}h3{font-size:18px;line-height:1.4;letter-spacing:-.02em}p{margin:0 0 16px}.lede{max-width:670px;font-size:18px;color:var(--muted)}.text-link{text-underline-offset:4px;text-decoration-thickness:1px}.text-link:hover{text-decoration-thickness:2px}.button,.sf-button{display:inline-flex;justify-content:center;gap:16px;align-items:center;padding:12px 20px;min-height:48px;border:1px solid transparent;border-radius:var(--radius-control);background:var(--gold);color:var(--ink);text-decoration:none;font-weight:600;line-height:1.4;text-align:center;cursor:pointer;transition:background-color var(--duration-short),border-color var(--duration-short)}.button:hover,.sf-button:hover{background:var(--gold-hover)}.sf-button--secondary{background:var(--white);border-color:var(--control-line)}.sf-button--secondary:hover{background:#f0eee8;border-color:var(--ink)}.sf-button--quiet{background:transparent;text-decoration:underline;text-underline-offset:4px}.sf-button--quiet:hover{background:#eeeae1}.sf-button:disabled{background:#e5e2da;color:var(--muted);border-color:var(--line);cursor:not-allowed}.sf-field{min-width:0}.sf-field>label{display:block;font-weight:600;margin-bottom:8px}.sf-field__error,.sf-field__hint{font-size:14px;margin-bottom:12px}.sf-field__hint{color:var(--muted)}.sf-field__error{color:var(--error);margin-top:8px;margin-bottom:0}.sf-control{display:block;width:100%;min-height:48px;padding:12px;color:var(--ink);background:var(--white);border:1px solid var(--control-line);border-radius:var(--radius-control);transition:border-color var(--duration-short),background-color var(--duration-short)}.sf-control::placeholder{color:var(--muted);opacity:1}.sf-control:hover:not(:disabled){border-color:var(--ink)}.sf-control[aria-invalid=true]{border:2px solid var(--error);padding:11px}.sf-control:disabled{background:#f0eee8;color:var(--muted);cursor:not-allowed;opacity:1}textarea.sf-control{resize:vertical;min-height:128px}.sf-checkbox{display:flex;align-items:flex-start;gap:12px;min-height:48px;padding:12px 0;cursor:pointer}.sf-checkbox input{flex-shrink:0;appearance:none;width:24px;height:24px;margin:0;border:1px solid var(--control-line);border-radius:4px;background:var(--white);position:relative}.sf-checkbox input:checked{background:var(--sage);border-color:var(--sage)}.sf-checkbox input:checked:after{content:"";position:absolute;width:7px;height:12px;border:solid var(--white);border-width:0 2px 2px 0;transform:rotate(45deg);left:7px;top:3px}.sf-checkbox small{display:block;color:var(--muted);font-size:14px;margin-top:4px}.sf-notice{padding:24px;background:var(--white);border:1px solid var(--line);border-left:4px solid var(--focus);border-radius:var(--radius-control)}.sf-notice>strong{display:block;margin-bottom:8px}.sf-notice p{color:var(--muted);margin:0}.sf-notice--success{background:var(--sage-soft);border-left-color:var(--sage)}.sf-notice--error{background:var(--error-soft);border-left-color:var(--error)}footer{border-top:1px solid var(--line);padding:24px max(20px,calc((100vw - var(--content-width)) / 2));display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:14px;color:var(--muted)}.intro{padding:76px 0 60px;max-width:820px}.intro .button{margin-top:16px}.status{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-card);padding:32px;scroll-margin-top:24px}.status>p:not(.eyebrow){max-width:760px;color:var(--muted)}.status ul{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:24px 0 0;gap:26px;margin:24px 0 0;border-top:1px solid var(--line)}.status li span{display:block;color:var(--muted);font-size:14px;margin-top:8px}.showcase{max-width:calc(var(--content-width) + 56px)}.showcase-intro{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:64px;align-items:center;padding:64px 0}.showcase-intro h1 span{color:var(--sage)}.showcase-intro .sf-button{margin-top:8px}.showcase-note{padding:32px;background:#f0ede5;border:1px solid var(--line);border-radius:var(--radius-card)}.showcase-note p:not(.eyebrow){font-size:16px;color:var(--muted)}.specimen-mark{display:block;font-family:var(--font-sora),Arial,sans-serif;font-size:84px;font-weight:600;line-height:1;letter-spacing:-.06em;margin:0 0 32px}.specimen-mark>span{color:#92550c}.showcase-nav{display:flex;flex-wrap:wrap;gap:4px 24px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.showcase-nav a{display:flex;align-items:center;min-height:44px;font-size:14px;font-weight:600;text-decoration:none}.showcase-nav a:hover{text-decoration:underline;text-underline-offset:4px}.specimen-section{padding:64px 0;border-bottom:1px solid var(--line);scroll-margin-top:24px}.specimen-section:last-child{border-bottom:0;padding-bottom:0}.section-heading{max-width:700px;margin-bottom:32px}.section-heading>p:last-child{color:var(--muted)}.palette-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.swatch{height:96px;border-radius:12px;border:1px solid var(--line)}.swatch--ink{background:var(--ink)}.swatch--gold{background:var(--gold)}.swatch--paper{background:var(--paper)}.swatch--white{background:var(--white)}.swatch--sage{background:var(--sage)}.swatch--focus{background:var(--focus)}.palette-item h3{font-size:16px;margin:16px 0 4px}.palette-item code{font-size:13px}.palette-item p{color:var(--muted);font-size:13px;margin:4px 0 0}.component-caption{color:var(--muted);font-size:14px;margin:24px 0 0}.field-grid,.type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.type-specimen{border:1px solid var(--line);background:var(--white);border-radius:var(--radius-card);padding:32px}.type-display{font-weight:600;font-size:clamp(2rem,3.5vw,3rem);line-height:1.2;letter-spacing:-.04em;margin:32px 0}.type-alphabet,.type-display{font-family:var(--font-sora),Arial,sans-serif}.type-alphabet{color:var(--muted);font-size:24px}.type-body{font-size:20px;margin-top:32px}.action-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.action-row>.text-link{display:inline-flex;align-items:center;min-height:44px}.demo-feedback{border-top:1px solid var(--line);margin-top:32px;padding-top:32px}.demo-feedback p{color:var(--muted);font-size:14px;margin:16px 0 0;min-height:24px}.field-panel{display:grid;gap:32px;padding:32px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-card)}.notice-grid,.rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.rule-grid article{padding:24px;border-top:2px solid var(--ink)}.rule-number{color:var(--sage);font-family:var(--font-sora),Arial,sans-serif;font-size:24px}.rule-grid p{color:var(--muted);margin-bottom:0}@media (max-width:1000px){.showcase-intro{gap:32px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.palette-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.notice-grid{grid-template-columns:1fr}.type-specimen{padding:24px}.rule-grid{gap:12px}.rule-grid article{padding:24px 12px}}@media (max-width:700px){main{padding:0 20px 40px}.intro{padding:44px 0 36px}.lede{font-size:17px}.status{padding:24px}.field-grid,.rule-grid,.showcase-intro,.status ul,.type-grid{grid-template-columns:1fr}.showcase-intro{padding:40px 0;gap:32px}.showcase-note{padding:24px}.specimen-mark{font-size:64px;margin-bottom:24px}.showcase-nav{gap:4px 20px}.specimen-section{padding:48px 0}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.field-panel{padding:24px 16px}.sf-button{max-width:100%}.sf-tag{border-radius:8px}.rule-grid article{padding:24px 0}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media (forced-colors:active){.sf-checkbox input{appearance:auto}.sf-checkbox input:checked:after{display:none}.sf-button{border:1px solid ButtonText}}.script-free-brief{margin:24px auto;padding:16px;max-width:1000px;text-align:center}