/* CC-Software design system v1.0.0. See BRAND.md. */
:root {
  --cc-color-dark-panel: #292D29;
  --cc-color-dark-pale: #342D26;
  --cc-color-dark-error: #FFA69C;
  --cc-color-paper: #FAFAF8;
  --cc-color-ink: #202221;
  --cc-color-muted: #70716D;
  --cc-color-line: #E3E4DF;
  --cc-color-accent: #E84908;
  --cc-color-pale: #F6EEE7;
  --cc-color-white: #FFFFFF;
  --cc-color-logo-ink: #191B1C;
  --cc-color-sage: #A8B49A;
  --cc-color-sand: #D7C7AA;
  --cc-color-accent-text: #B93605;
  --cc-color-success: #4F6945;
  --cc-color-error: #B42318;
  --cc-color-dark-surface: #212422;
  --cc-color-dark-text: #F4F4ED;
  --cc-color-dark-muted: #B4BAAD;
  --cc-color-dark-line: #50574C;
  --cc-color-dark-accent: #FF9866;
  --cc-space-4: 4px;
  --cc-space-8: 8px;
  --cc-space-12: 12px;
  --cc-space-16: 16px;
  --cc-space-24: 24px;
  --cc-space-32: 32px;
  --cc-space-48: 48px;
  --cc-space-64: 64px;
  --cc-space-96: 96px;
  --cc-space-120: 120px;
  --cc-font-sans: "Helvetica Neue", Arial, sans-serif;
  --cc-font-mono: "SFMono-Regular", Consolas, monospace;
  --cc-font-editorial: Georgia, serif;
  --cc-radius-control: 6px;
  --cc-radius-card: 8px;
  --cc-radius-showcase: 10px;
  --cc-duration-fast: 200ms;
  --cc-duration-standard: 300ms;
  --cc-duration-reveal: 750ms;
  --cc-ease: cubic-bezier(.2,.8,.2,1);
  --cc-content-width: 1200px;
  --cc-surface: var(--cc-color-paper);
  --cc-text: var(--cc-color-ink);
  --cc-secondary: var(--cc-color-muted);
  --cc-border: var(--cc-color-line);
  --cc-link: var(--cc-color-accent-text);
  --cc-panel: var(--cc-color-white);
  --cc-tint: var(--cc-color-pale);
  --cc-focus: var(--cc-color-accent-text);
  --cc-danger: var(--cc-color-error);
}
[data-theme="dark"] {
  --cc-surface: var(--cc-color-dark-surface);
  --cc-text: var(--cc-color-dark-text);
  --cc-secondary: var(--cc-color-dark-muted);
  --cc-border: var(--cc-color-dark-line);
  --cc-link: var(--cc-color-dark-accent);
  --cc-panel: var(--cc-color-dark-panel);
  --cc-tint: var(--cc-color-dark-pale);
  --cc-focus: var(--cc-color-dark-accent);
  --cc-danger: var(--cc-color-dark-error);
}
.cc-body {margin:0;background:var(--cc-surface);color:var(--cc-text);font-family:var(--cc-font-sans);line-height:1.65;-webkit-font-smoothing:antialiased}
.cc-frame {max-width:var(--cc-content-width);margin:auto;padding:0 48px;border-inline:1px solid var(--cc-border)}
.cc-section {padding-block:96px}
.cc-eyebrow {font:500 12px/1.5 var(--cc-font-mono);letter-spacing:1.25px;text-transform:uppercase}
.cc-title {font-size:clamp(44px,6vw,82px);line-height:1.04;letter-spacing:-.05em;font-weight:500;margin:24px 0}
.cc-heading {font-size:clamp(32px,4vw,56px);line-height:1.12;letter-spacing:-.035em;font-weight:500;margin:16px 0}
.cc-subheading {font-size:28px;line-height:1.2;letter-spacing:-.025em;font-weight:500}
.cc-muted {color:var(--cc-secondary)}
.cc-accent {color:var(--cc-link)}
.cc-rule {border:0;border-top:1px solid var(--cc-border);margin:24px 0}
.cc-card {background:var(--cc-panel);border:1px solid var(--cc-border);border-radius:var(--cc-radius-card);padding:32px}
.cc-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.cc-button {display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:44px;border:1px solid var(--cc-border);border-radius:6px;padding:12px 18px;font:500 14px/1.4 var(--cc-font-sans);background:var(--cc-panel);color:var(--cc-text);cursor:pointer;text-decoration:none;transition:transform 200ms,background 200ms}
.cc-button--primary {background:var(--cc-text);color:var(--cc-surface);border-color:var(--cc-text)}
.cc-button:hover:not(:disabled) {transform:translateY(-2px)}
.cc-button:disabled {opacity:.55;cursor:not-allowed}
.cc-link {color:var(--cc-link);text-underline-offset:4px}
.cc-label {display:grid;gap:8px;font-size:14px}
.cc-input {box-sizing:border-box;width:100%;min-height:44px;background:var(--cc-panel);color:var(--cc-text);font:inherit;padding:12px;border:1px solid var(--cc-secondary);border-radius:6px}
.cc-input[aria-invalid="true"] {border-color:var(--cc-danger)}
.cc-error {color:var(--cc-danger);font-size:14px}
.cc-pill {display:inline-block;border:1px solid var(--cc-border);border-radius:4px;padding:5px 8px;font:12px/1.4 var(--cc-font-mono)}
.cc-body :is(a,button,input,textarea,select,summary):focus-visible {outline:2px solid var(--cc-focus);outline-offset:4px}
.cc-table {width:100%;border-collapse:collapse;text-align:left}
.cc-table th {font:12px/1.5 var(--cc-font-mono);text-transform:uppercase;color:var(--cc-secondary)}
.cc-table :is(th,td) {padding:14px 8px;border-bottom:1px solid var(--cc-border);vertical-align:top}
@media(max-width:760px) {.cc-frame{padding-inline:24px}.cc-section{padding-block:64px}.cc-grid{grid-template-columns:1fr}.cc-card{padding:24px}}
@media(prefers-reduced-motion:reduce) {.cc-body *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.cc-button:hover:not(:disabled){transform:none}}