:root{--ta-color-bg:#0d1009;--ta-color-text-body:#cfcfcf;--ta-font-body:var(--font-body);--ta-text-plain:var(--ta-font-size-14);--ta-line-height-normal:1.45;--ta-color-accent:#c8a96e;--ta-focus-ring-width:2px;--ta-focus-ring-color:var(--ta-color-text-title);--ta-focus-ring-offset:4px;--ta-space-16:16px;--ta-space-56:56px;--ta-space-10:10px;--ta-radius-8:8px;--ta-color-on-accent:#000000;--ta-font-weight-semibold:500;--ta-space-20:20px;--ta-color-surface-nav:#1b2116;--ta-color-border:#252d1e;--ta-space-12:12px;--ta-space-24:24px;--ta-space-14:14px;--ta-color-text-wordmark:#f4f0e7;--ta-font-display:"Catamaran Variable", "Catamaran", var(--font-body), system-ui, sans-serif;--ta-text-heading:var(--ta-font-size-20);--ta-space-4:4px;--ta-space-8:8px;--ta-color-text-title:#e0ddd5;--ta-text-label:var(--ta-font-size-13);--ta-color-surface-card:rgba(24, 29, 20, 0.5);--ta-color-selected-surface:#3a4530;--ta-color-on-selected:#bababa;--ta-space-40:40px;--ta-line-height-tight:1.2;--ta-font-weight-bold:600;--ta-text-display:var(--ta-font-size-24);--ta-text-subheading:var(--ta-font-size-17);--ta-color-text-meta:#9ca18e;--ta-space-6:6px;--ta-radius-12:12px;--ta-focus-ring-color-on-accent:var(--ta-color-on-accent);--ta-color-border-card:rgba(37, 45, 30, 0.7);--ta-radius-16:16px;--ta-color-warn:#d9705e;--ta-color-warn-text:#e8907f;--ta-color-surface-sheet:#141712;--ta-text-meta:var(--ta-font-size-12);--font-body:'Inter Variable', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;--ta-font-size-14:calc(14px * var(--ta-font-scale));--ta-font-size-20:calc(20px * var(--ta-font-scale));--ta-font-size-13:calc(13px * var(--ta-font-scale));--ta-font-size-24:calc(24px * var(--ta-font-scale));--ta-font-size-17:calc(17px * var(--ta-font-scale));--ta-font-size-12:calc(12px * var(--ta-font-scale));--ta-font-scale:1.3}
:root {
  --site-max: 72rem;
  --site-measure: 42rem;
  color-scheme: dark;
}
*,
*::before,
*::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--ta-color-bg);
  color: var(--ta-color-text-body);
  font-family: var(--ta-font-body);
  font-size: var(--ta-text-plain);
  line-height: var(--ta-line-height-normal);
}
a { color: var(--ta-color-accent); text-underline-offset: 0.18em; }
a:hover { text-decoration-thickness: 2px; }
:focus-visible {
  outline: var(--ta-focus-ring-width) solid var(--ta-focus-ring-color);
  outline-offset: var(--ta-focus-ring-offset);
}
.skip-link {
  position: absolute;
  left: var(--ta-space-16);
  top: calc(-1 * var(--ta-space-56));
  z-index: 10;
  padding: var(--ta-space-10) var(--ta-space-16);
  border-radius: var(--ta-radius-8);
  background: var(--ta-color-accent);
  color: var(--ta-color-on-accent);
  font-weight: var(--ta-font-weight-semibold);
}
.skip-link:focus { top: var(--ta-space-16); }
.wrap {
  width: 100%;
  max-width: var(--site-max);
  margin: 0 auto;
  padding: 0 var(--ta-space-20);
}
.site-header {
  background: var(--ta-color-surface-nav);
  border-bottom: 1px solid var(--ta-color-border);
}
.site-header .wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--ta-space-12) var(--ta-space-24);
  padding-top: var(--ta-space-14);
  padding-bottom: var(--ta-space-14);
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: var(--ta-space-10);
  color: var(--ta-color-text-wordmark);
  font-family: var(--ta-font-display);
  font-size: var(--ta-text-heading);
  font-weight: var(--ta-font-weight-semibold);
  text-decoration: none;
  min-height: 44px;
}
.brand img { width: 32px; height: 32px; }
.site-nav ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ta-space-4) var(--ta-space-8);
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 var(--ta-space-10);
  border-radius: var(--ta-radius-8);
  color: var(--ta-color-text-title);
  font-size: var(--ta-text-label);
  text-decoration: none;
}
.site-nav a:hover { background: var(--ta-color-surface-card); }
.site-nav a[aria-current="page"] {
  background: var(--ta-color-selected-surface);
  color: var(--ta-color-on-selected);
  font-weight: var(--ta-font-weight-semibold);
}
main { display: block; padding: var(--ta-space-40) 0 var(--ta-space-56); }
.hero { padding-bottom: var(--ta-space-24); }
h1, h2, h3 {
  color: var(--ta-color-text-title);
  line-height: var(--ta-line-height-tight);
  font-weight: var(--ta-font-weight-bold);
}
h1 {
  margin: 0 0 var(--ta-space-16);
  font-family: var(--ta-font-display);
  font-size: clamp(var(--ta-text-display), 6vw, 3rem);
}
h2 { margin: var(--ta-space-40) 0 var(--ta-space-12); font-size: var(--ta-text-heading); }
h3 { margin: 0 0 var(--ta-space-8); font-size: var(--ta-text-subheading); }
p, ul, dl { max-width: var(--site-measure); }
.lead { color: var(--ta-color-text-meta); font-size: var(--ta-text-subheading); }
main li + li { margin-top: var(--ta-space-6); }
.cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ta-space-12);
  margin: var(--ta-space-24) 0;
}
.button {
  display: inline-flex;
  align-items: center;
  gap: var(--ta-space-8);
  min-height: 48px;
  padding: 0 var(--ta-space-20);
  border-radius: var(--ta-radius-12);
  border: 1px solid transparent;
  font-weight: var(--ta-font-weight-semibold);
  text-decoration: none;
}
.button svg { width: 20px; height: 20px; flex: none; }
.button-primary { background: var(--ta-color-accent); color: var(--ta-color-on-accent); }
.button-primary:focus-visible { outline-color: var(--ta-focus-ring-color-on-accent); }
.button-secondary {
  border-color: var(--ta-color-border-card);
  background: var(--ta-color-surface-card);
  color: var(--ta-color-text-title);
}
.cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  gap: var(--ta-space-16);
  margin: 0;
  padding: 0;
  list-style: none;
}
.cards li + li { margin-top: 0; }
.card {
  height: 100%;
  padding: var(--ta-space-20);
  border: 1px solid var(--ta-color-border-card);
  border-radius: var(--ta-radius-16);
  background: var(--ta-color-surface-card);
}
.card p { margin: 0; color: var(--ta-color-text-meta); }
.card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-bottom: var(--ta-space-12);
  border-radius: var(--ta-radius-12);
  background: var(--ta-color-surface-nav);
  color: var(--ta-color-accent);
}
.card-icon svg { width: 24px; height: 24px; }
.faq dt { margin-top: var(--ta-space-24); color: var(--ta-color-text-title); font-weight: var(--ta-font-weight-semibold); }
.faq dd { margin: var(--ta-space-6) 0 0; }
.pending {
  border: 2px dashed var(--ta-color-warn);
  border-radius: var(--ta-radius-12);
  padding: var(--ta-space-12) var(--ta-space-16);
}
.pending-note { color: var(--ta-color-warn-text); font-weight: var(--ta-font-weight-semibold); }
.site-footer {
  border-top: 1px solid var(--ta-color-border);
  background: var(--ta-color-surface-sheet);
  color: var(--ta-color-text-meta);
  font-size: var(--ta-text-meta);
}
.site-footer .wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--ta-space-12) var(--ta-space-24);
  padding-top: var(--ta-space-24);
  padding-bottom: var(--ta-space-24);
}
.site-footer ul { display: flex; flex-wrap: wrap; gap: var(--ta-space-4) var(--ta-space-16); margin: 0; padding: 0; list-style: none; }
.site-footer a { display: inline-flex; align-items: center; min-height: 44px; }
@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; transition: none !important; }
}