:root{--color-bg-canvas: #f7f5f1;--color-bg-canvas-alt: #efebe3;--color-surface: #ffffff;--color-surface-sunken: #eeeae2;--color-ink-900: #15130f;--color-ink-700: #3a362d;--color-ink-500: #6e6858;--color-ink-300: #a9a192;--color-hairline: #dedacf;--color-hairline-strong: #c7c1b2;--color-accent: #8a6a3e;--color-accent-hover: #9c7a49;--color-accent-pressed: #755838;--color-accent-subtle: #efe6d8;--color-accent-ink: #ffffff;--color-error: #a23b2e;--color-error-subtle: #f3e2de;--color-success: #4b6e52;--color-success-subtle: #e4ebe3;--color-warning: #96702b;--color-warning-subtle: #f3e9d4;--color-focus-ring: rgba(138, 106, 62, .35);--font-display: "Cabinet Grotesk", "General Sans", -apple-system, "Segoe UI", sans-serif;--font-ui: "General Sans", -apple-system, "Segoe UI", sans-serif;--font-mono: "Space Mono", ui-monospace, "SF Mono", monospace;--type-display: clamp(1.9rem, 1.5rem + 2vw, 2.75rem);--type-h1: clamp(1.5rem, 1.3rem + 1vw, 2rem);--type-h2: 1.375rem;--type-h3: 1rem;--type-body-lg: 1.0625rem;--type-body: .9375rem;--type-label: .8125rem;--type-spec: .875rem;--type-spec-lg: 1.375rem;--space-050: 4px;--space-100: 8px;--space-150: 12px;--space-200: 16px;--space-300: 24px;--space-400: 32px;--space-600: 48px;--space-800: 64px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-full: 999px;--elevation-1: 0 1px 2px rgba(21, 19, 15, .04), 0 1px 1px rgba(21, 19, 15, .03);--elevation-2: 0 4px 16px rgba(21, 19, 15, .07), 0 1px 3px rgba(21, 19, 15, .05);--elevation-3: 0 24px 56px rgba(21, 19, 15, .16), 0 6px 16px rgba(21, 19, 15, .08);--container-max: 1280px;--motion-fast: .16s;--motion-base: .22s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}@font-face{font-family:Cabinet Grotesk;src:url(/fonts/cabinet-grotesk-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Cabinet Grotesk;src:url(/fonts/cabinet-grotesk-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/general-sans-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/general-sans-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/general-sans-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Space Mono;src:url(/fonts/space-mono-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Mono;src:url(/fonts/space-mono-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{font-family:var(--font-ui);font-size:var(--type-body);line-height:1.55;color:var(--color-ink-700);background:var(--color-bg-canvas);min-height:100vh}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none}input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm);box-shadow:0 0 0 3px var(--color-focus-ring);transition:box-shadow var(--motion-fast) var(--ease-out)}h1,h2,h3{font-family:var(--font-display);font-weight:500;color:var(--color-ink-900);line-height:1.15}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.eyebrow{font-family:var(--font-ui);font-size:var(--type-label);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-400);padding-bottom:var(--space-800)}@media (min-width: 1024px){.app{padding-inline:var(--space-800)}}.app__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-300);padding-block:var(--space-300);border-bottom:1px solid var(--color-hairline);margin-bottom:var(--space-600)}.brand{display:flex;align-items:baseline;gap:var(--space-150)}.brand__word{font-family:var(--font-display);font-weight:700;font-size:1.15rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-900)}.brand__tag{font-size:var(--type-label);letter-spacing:.04em;color:var(--color-ink-500)}.header__meta{display:flex;align-items:center;gap:var(--space-300)}.section-title{font-size:var(--type-h2);margin-bottom:var(--space-050)}.section-lead{font-size:var(--type-body);color:var(--color-ink-500);max-width:62ch;margin-bottom:var(--space-400)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-100);padding:var(--space-150) var(--space-300);border-radius:var(--radius-md);font-weight:600;font-size:var(--type-body);transition:background var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard);min-height:44px;white-space:nowrap}.btn--primary{background:var(--color-accent);color:var(--color-accent-ink)}.btn--primary:hover{background:var(--color-accent-hover)}.btn--primary:active{background:var(--color-accent-pressed)}.btn--ghost{color:var(--color-ink-700);border:1px solid var(--color-hairline-strong);background:var(--color-surface)}.btn--ghost:hover{border-color:var(--color-ink-500)}.btn--text{padding-inline:var(--space-100);min-height:auto;color:var(--color-ink-700);font-weight:500}.btn--text:hover{color:var(--color-accent)}.btn--sm{padding:var(--space-100) var(--space-200);min-height:32px;font-size:var(--type-label)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.stepper{padding-bottom:var(--space-400);margin-bottom:var(--space-600);border-bottom:1px solid var(--color-hairline)}.stepper__rail{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--space-200)}.stepper__item{display:flex;flex-direction:column;gap:var(--space-050);text-align:left;padding-block:var(--space-100);position:relative}.stepper__index{font-family:var(--font-mono);font-size:var(--type-spec);color:var(--color-ink-300)}.stepper__label{font-size:var(--type-label);font-weight:500;color:var(--color-ink-300);letter-spacing:.02em}.stepper__item[data-state=done] .stepper__index,.stepper__item[data-state=done] .stepper__label{color:var(--color-ink-700)}.stepper__item[data-state=active] .stepper__index{color:var(--color-accent);font-weight:700}.stepper__item[data-state=active] .stepper__label{color:var(--color-ink-900);font-weight:600}.stepper__item[data-clickable=true]{cursor:pointer}.stepper__item[data-clickable=true]:hover .stepper__label{text-decoration:underline;text-decoration-color:var(--color-hairline-strong)}.stepper__item[data-clickable=false]{cursor:not-allowed}.stepper__track{position:relative;height:2px;margin-top:var(--space-150);background:var(--color-hairline);border-radius:var(--radius-full);overflow:hidden}.stepper__progress{position:absolute;inset:0 auto 0 0;background:var(--color-accent);transition:width var(--motion-base) var(--ease-standard)}.card{background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-400)}.card+.card{margin-top:var(--space-300)}.card--sunken{background:var(--color-surface-sunken);border-color:transparent}.badge{display:inline-flex;align-items:center;gap:var(--space-050);padding:2px var(--space-150);border-radius:var(--radius-full);font-size:var(--type-label);font-weight:600;letter-spacing:.03em}.badge--accent{background:var(--color-accent-subtle);color:var(--color-accent)}.badge--success{background:var(--color-success-subtle);color:var(--color-success)}.badge--error{background:var(--color-error-subtle);color:var(--color-error)}.badge--warning{background:var(--color-warning-subtle);color:var(--color-warning)}.badge--neutral{background:var(--color-surface-sunken);color:var(--color-ink-500)}.notice{display:flex;gap:var(--space-200);padding:var(--space-300);border-radius:var(--radius-md);border:1px solid var(--color-hairline);background:var(--color-surface-sunken);font-size:var(--type-body);align-items:flex-start}.notice--accent{background:var(--color-accent-subtle);border-color:transparent}.notice--warning{background:var(--color-warning-subtle);border-color:transparent}.notice--error{background:var(--color-error-subtle);border-color:transparent}.notice__icon{font-family:var(--font-mono);font-weight:700;color:var(--color-accent)}.notice__title{font-weight:600;color:var(--color-ink-900);margin-bottom:2px}.notice__body{color:var(--color-ink-700)}.notice__body p+p{margin-top:var(--space-150)}.dropzone{border:1.5px dashed var(--color-hairline-strong);border-radius:var(--radius-lg);padding:var(--space-800) var(--space-400);text-align:center;background:var(--color-surface-sunken);transition:border-color var(--motion-fast) var(--ease-standard),background var(--motion-fast) var(--ease-standard);cursor:pointer}.dropzone:hover,.dropzone[data-active=true]{border-color:var(--color-accent);background:var(--color-accent-subtle)}.dropzone__title{font-size:var(--type-h3);font-weight:600;color:var(--color-ink-900);margin-bottom:var(--space-100)}.dropzone__hint{color:var(--color-ink-500);font-size:var(--type-label)}.field{display:flex;flex-direction:column;gap:var(--space-100)}.field+.field{margin-top:var(--space-300)}.field__label{font-size:var(--type-label);font-weight:600;letter-spacing:.03em;color:var(--color-ink-700)}.field__hint{font-size:var(--type-label);color:var(--color-ink-500)}.input,.textarea,.select{width:100%;padding:var(--space-150) var(--space-200);border:1px solid var(--color-hairline-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink-900);font-size:var(--type-body)}.input:focus,.textarea:focus,.select:focus{border-color:var(--color-accent)}.textarea{resize:vertical;min-height:160px;font-family:var(--font-ui);line-height:1.6}.chipset{display:flex;flex-wrap:wrap;gap:var(--space-100)}.chip{display:inline-flex;align-items:center;gap:var(--space-050);padding:var(--space-100) var(--space-200);border-radius:var(--radius-full);border:1px solid var(--color-hairline-strong);background:var(--color-surface);font-size:var(--type-label);font-weight:500;color:var(--color-ink-700);transition:all var(--motion-fast) var(--ease-standard)}.chip:hover{border-color:var(--color-accent)}.chip[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.chip__count{font-family:var(--font-mono);opacity:.7}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-200)}.stat{background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--radius-md);padding:var(--space-300)}.stat__value{font-family:var(--font-mono);font-size:var(--type-spec-lg);font-weight:700;color:var(--color-ink-900)}.stat__value--accent{color:var(--color-accent)}.stat__value--error{color:var(--color-error)}.stat__value--success{color:var(--color-success)}.stat__label{font-size:var(--type-label);color:var(--color-ink-500);margin-top:var(--space-050)}.table-wrap{overflow-x:auto;border:1px solid var(--color-hairline);border-radius:var(--radius-md)}table.data-table{width:100%;border-collapse:collapse;font-size:var(--type-label)}.data-table th,.data-table td{text-align:left;padding:var(--space-150) var(--space-200);border-bottom:1px solid var(--color-hairline);white-space:nowrap}.data-table th{background:var(--color-surface-sunken);font-weight:600;color:var(--color-ink-700);text-transform:uppercase;letter-spacing:.03em;font-size:11px}.data-table tr:last-child td{border-bottom:none}.data-table td.mono{color:var(--color-ink-500)}.tabs{display:flex;gap:var(--space-050);border-bottom:1px solid var(--color-hairline);margin-bottom:var(--space-300)}.tabs__item{padding:var(--space-150) var(--space-300);font-size:var(--type-label);font-weight:600;color:var(--color-ink-500);border-bottom:2px solid transparent;margin-bottom:-1px}.tabs__item[data-active=true]{color:var(--color-accent);border-color:var(--color-accent)}.tabs__item:hover{color:var(--color-ink-900)}.email-preview{border:1px solid var(--color-hairline);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface)}.email-preview__bar{background:var(--color-surface-sunken);padding:var(--space-150) var(--space-300);border-bottom:1px solid var(--color-hairline);font-size:var(--type-label);color:var(--color-ink-500)}.email-preview__subject{font-weight:600;color:var(--color-ink-900);padding:var(--space-300) var(--space-300) 0;font-size:var(--type-body-lg)}.email-preview__body{padding:var(--space-300);color:var(--color-ink-700);line-height:1.7}.email-preview__body p{margin-bottom:var(--space-200)}.provider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-200)}.provider-card{border:1.5px solid var(--color-hairline-strong);border-radius:var(--radius-md);padding:var(--space-300);text-align:left;background:var(--color-surface);transition:all var(--motion-fast) var(--ease-standard);display:flex;flex-direction:column;gap:var(--space-100)}.provider-card[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-subtle)}.provider-card:not(:disabled):hover{border-color:var(--color-accent)}.provider-card__name{font-weight:700;color:var(--color-ink-900);display:flex;align-items:center;justify-content:space-between}.provider-card__meta{font-size:var(--type-label);color:var(--color-ink-500)}.provider-card__cost{font-family:var(--font-mono);font-size:var(--type-spec);color:var(--color-accent)}.flex-row{display:flex;align-items:center;gap:var(--space-200)}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-200)}.stack{display:flex;flex-direction:column;gap:var(--space-300)}.grid-2{display:grid;grid-template-columns:1fr;gap:var(--space-400)}@media (min-width: 900px){.grid-2{grid-template-columns:1fr 1fr}}.text-muted{color:var(--color-ink-500)}.text-sm{font-size:var(--type-label)}.mt-100{margin-top:var(--space-100)}.mt-200{margin-top:var(--space-200)}.mt-300{margin-top:var(--space-300)}