:root{--bg:#f5f3ef;--surface:#fbfaf8;--surface-2:#f1eee8;--surface-3:#faf8f4;--line:#dad4cb;--line-soft:#e8e3db;--line-strong:#c7c0b6;--text:#111;--muted:#5f5a52;--muted-2:#7a746c;--muted-3:#97918a;--accent:#111;--accent-soft:#efebe5;--white:#fff;--danger:#8c2f22;--shadow:0 10px 30px #0000000f;--shadow-lg:0 24px 60px #0000001a;--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--radius-pill:999px;--max-width:1400px;--topbar-h:64px;--ease:cubic-bezier(.2, .7, .3, 1);--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}
*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0}body{min-height:100dvh;line-height:1.45}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{max-width:100%;display:block}input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:var(--accent);color:var(--white)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
.btn{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--white);color:var(--text);cursor:pointer;transition:transform .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease), opacity .18s var(--ease);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:.95rem;font-weight:500;line-height:1.2;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--line-strong);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--white);border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:#2a2a2a;border-color:#2a2a2a}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--accent-soft);color:var(--text);border-color:#0000}.btn-sm{padding:8px 14px;font-size:.86rem}.btn-block{width:100%}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.card-pad{padding:20px}.card-inset{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);padding:16px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--muted-2);margin:0;font-size:.72rem;font-weight:600}.display{letter-spacing:-.045em;font-size:clamp(2.6rem,5.5vw,5rem);font-weight:600;line-height:.95}.h2{letter-spacing:-.035em;font-size:clamp(1.7rem,2.6vw,2.6rem);font-weight:600;line-height:1.05}.h3{letter-spacing:-.02em;font-size:1.15rem;font-weight:600}.lede{color:var(--muted);max-width:60ch;font-size:1.1rem;line-height:1.5}.muted{color:var(--muted)}.small{color:var(--muted);font-size:.86rem}.mono{font-family:var(--font-mono);font-size:.8rem}.chip{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--white);color:var(--muted);cursor:pointer;transition:.18s var(--ease);align-items:center;gap:6px;padding:8px 13px;font-size:.86rem;display:inline-flex}.chip:hover{color:var(--text);border-color:var(--line-strong);transform:translateY(-1px)}.chip[data-active=true]{background:var(--accent);border-color:var(--accent);color:var(--white)}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.pill{border-radius:var(--radius-pill);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--line);background:var(--white);color:var(--muted);align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.pill-dark{background:var(--accent);border-color:var(--accent);color:var(--white)}.field{gap:7px;display:grid}.field-label{color:var(--muted);letter-spacing:.01em;font-size:.8rem;font-weight:600}.input,.select,.textarea{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--white);width:100%;transition:border-color .18s var(--ease);padding:12px 14px;font-size:.95rem}.input:hover,.select:hover,.textarea:hover{border-color:var(--line-strong)}.input::placeholder,.textarea::placeholder{color:var(--muted-3)}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 18px) calc(50% + 2px),calc(100% - 13px) calc(50% + 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:36px}.textarea{resize:vertical;min-height:84px;line-height:1.5}.segmented{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--white);gap:2px;padding:3px;display:inline-flex}.segmented button{border-radius:var(--radius-pill);color:var(--muted);cursor:pointer;transition:.18s var(--ease);background:0 0;border:0;padding:7px 14px;font-size:.85rem}.segmented button[data-active=true]{background:var(--accent);color:var(--white)}.divider{background:var(--line-soft);border:0;height:1px;margin:0}.spinner{border:2px solid;border-top-color:#0000;border-radius:50%;flex:none;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
