:root {
  --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
  --text-sm: clamp(0.875rem, 0.8rem + 0.35vw, 1rem);
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --text-lg: clamp(1.125rem, 1rem + 0.75vw, 1.5rem);
  --text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);
  --text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.5rem);
  --text-3xl: clamp(2.5rem, 1rem + 4vw, 5rem);

  --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem;
  --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem;
  --space-12: 3rem; --space-16: 4rem; --space-20: 5rem; --space-24: 6rem; --space-32: 8rem;

  --radius-sm: 4px; --radius-md: 8px; --radius-lg: 14px;
  --transition-interactive: 180ms cubic-bezier(0.16, 1, 0.3, 1);

  --font-display: 'Zodiak', 'Georgia', serif;
  --font-body: 'Switzer', 'Helvetica Neue', sans-serif;

  --content: 1180px;
  --gutter: clamp(var(--space-5), 4vw, var(--space-12));
}

:root, [data-theme='light'] {
  --color-bg: oklch(0.968 0.008 85);
  --color-surface: oklch(0.99 0.004 85);
  --color-surface-2: oklch(0.935 0.012 85);
  --color-text: oklch(0.22 0.02 200);
  --color-muted: oklch(0.43 0.015 200);
  --color-faint: oklch(0.55 0.012 200);
  --color-border: oklch(0.22 0.02 200 / 0.13);
  --color-primary: oklch(0.42 0.075 190);
  --color-primary-hover: oklch(0.35 0.07 190);
  --color-on-primary: oklch(0.98 0.005 85);
  --color-brass: oklch(0.52 0.1 70);
  --color-ink: oklch(0.21 0.025 200);
  --color-on-ink: oklch(0.95 0.01 85);
  --color-on-ink-muted: oklch(0.78 0.015 200);
  --color-ink-brass: oklch(0.8 0.11 80);
  --shadow-sm: 0 1px 2px oklch(0.3 0.03 200 / 0.08);
}

[data-theme='dark'] {
  --color-bg: oklch(0.18 0.015 200);
  --color-surface: oklch(0.215 0.018 200);
  --color-surface-2: oklch(0.25 0.02 200);
  --color-text: oklch(0.93 0.01 85);
  --color-muted: oklch(0.76 0.012 200);
  --color-faint: oklch(0.64 0.012 200);
  --color-border: oklch(0.93 0.01 85 / 0.13);
  --color-primary: oklch(0.76 0.085 185);
  --color-primary-hover: oklch(0.83 0.08 185);
  --color-on-primary: oklch(0.18 0.015 200);
  --color-brass: oklch(0.8 0.11 80);
  --color-ink: oklch(0.13 0.012 200);
  --color-on-ink: oklch(0.95 0.01 85);
  --color-on-ink-muted: oklch(0.76 0.015 200);
  --color-ink-brass: oklch(0.82 0.11 80);
  --shadow-sm: 0 1px 2px oklch(0 0 0 / 0.3);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html {
  -webkit-text-size-adjust: none; text-size-adjust: none;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; scroll-behavior: smooth;
  scroll-padding-top: var(--space-20);
}
body {
  min-height: 100dvh; line-height: 1.6; font-family: var(--font-body);
  font-size: var(--text-base); color: var(--color-text); background: var(--color-bg);
}
img, svg { display: block; max-width: 100%; height: auto; }
ul[role='list'], ol[role='list'] { list-style: none; }
button { font: inherit; color: inherit; cursor: pointer; background: none; border: none; }
h1, h2, h3 { text-wrap: balance; line-height: 1.12; font-weight: 500; }
p, li { text-wrap: pretty; max-width: 68ch; }
.steps > li, .timeline > li, .milestones > li, .score__rows > li, .chips, .svc li { max-width: none; }
a { color: inherit; }
a, button { transition: color var(--transition-interactive), background var(--transition-interactive), border-color var(--transition-interactive); }
::selection { background: oklch(from var(--color-primary) l c h / 0.25); }
:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; border-radius: var(--radius-sm); }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip { position: absolute; left: var(--space-4); top: -100px; background: var(--color-primary); color: var(--color-on-primary); padding: var(--space-2) var(--space-4); border-radius: var(--radius-sm); z-index: 100; }
.skip:focus { top: var(--space-4); }

.wrap { max-width: var(--content); margin-inline: auto; padding-inline: var(--gutter); }

/* Header */
.header {
  position: sticky; top: 0; z-index: 50;
  background: oklch(from var(--color-bg) l c h / 0.88);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid transparent;
  transition: border-color 0.3s;
}
.header.scrolled { border-bottom-color: var(--color-border); }
.header__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); height: 68px; }
.brand { display: flex; align-items: center; gap: var(--space-3); text-decoration: none; color: var(--color-text); }
.brand svg { width: 30px; height: 30px; color: var(--color-primary); }
.brand__name { font-family: var(--font-display); font-size: 1.25rem; letter-spacing: 0.02em; font-weight: 500; }
.brand__name span { color: var(--color-muted); font-family: var(--font-body); font-size: var(--text-xs); letter-spacing: 0.14em; text-transform: uppercase; margin-left: var(--space-1); }
.nav { display: flex; align-items: center; gap: var(--space-6); }
.nav a { text-decoration: none; font-size: var(--text-sm); color: var(--color-muted); }
.nav a:hover, .nav a[aria-current='page'] { color: var(--color-text); }
.nav__cta { color: var(--color-on-primary) !important; background: var(--color-primary); padding: var(--space-2) var(--space-4); border-radius: var(--radius-sm); }
.nav__cta:hover { background: var(--color-primary-hover); }
.icon-btn { width: 44px; height: 44px; display: grid; place-items: center; border-radius: var(--radius-sm); color: var(--color-muted); }
.icon-btn:hover { color: var(--color-text); background: var(--color-surface-2); }
.icon-btn svg { width: 20px; height: 20px; }
.menu-btn { display: none; }
@media (max-width: 860px) {
  .menu-btn { display: grid; }
  .nav {
    position: absolute; top: 68px; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0;
    background: var(--color-bg); border-bottom: 1px solid var(--color-border);
    padding: var(--space-2) var(--gutter) var(--space-6); display: none;
  }
  .nav.open { display: flex; }
  .nav a { padding: var(--space-3) 0; font-size: var(--text-base); border-bottom: 1px solid var(--color-border); }
  .nav .nav__cta { margin-top: var(--space-4); text-align: center; border-bottom: none; padding: var(--space-3) var(--space-4); }
}
.header__tools { display: flex; align-items: center; gap: var(--space-2); }

/* Type helpers */
.eyebrow { font-size: var(--text-xs); letter-spacing: 0.16em; text-transform: uppercase; color: var(--color-primary); font-weight: 600; }
.display { font-family: var(--font-display); font-weight: 400; letter-spacing: -0.01em; }
.lead { font-size: var(--text-lg); color: var(--color-muted); line-height: 1.5; max-width: 60ch; }
.muted { color: var(--color-muted); }

/* Buttons */
.btn { display: inline-flex; align-items: center; gap: var(--space-2); min-height: 48px; padding: var(--space-3) var(--space-6); border-radius: var(--radius-sm); font-size: var(--text-sm); font-weight: 600; text-decoration: none; }
.btn--primary { background: var(--color-primary); color: var(--color-on-primary); }
.btn--primary:hover { background: var(--color-primary-hover); }
.btn--ghost { border: 1px solid var(--color-border); color: var(--color-text); }
.btn--ghost:hover { border-color: var(--color-text); }
.btn svg { width: 16px; height: 16px; }

/* Sections */
section { padding-block: clamp(var(--space-16), 9vw, var(--space-32)); }
.section-head { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-8) var(--space-16); align-items: end; margin-bottom: clamp(var(--space-10), 5vw, var(--space-16)); }
.section-head h2 { font-size: var(--text-2xl); max-width: 20ch; }
.section-head .lead { font-size: var(--text-base); }
.section-head .eyebrow { margin-bottom: var(--space-4); }
@media (max-width: 860px) { .section-head { grid-template-columns: 1fr; gap: var(--space-4); } }

/* Hero */
.hero { padding-block: clamp(var(--space-16), 10vw, var(--space-24)) clamp(var(--space-16), 8vw, var(--space-24)); }
.hero__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(var(--space-10), 6vw, var(--space-20)); align-items: center; }
.hero h1 { font-size: var(--text-3xl); margin-block: var(--space-5) var(--space-6); }
.hero h1 em { font-style: italic; color: var(--color-primary); }
.hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-8); }
.hero__meta { margin-top: var(--space-10); display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-8); font-size: var(--text-xs); color: var(--color-faint); letter-spacing: 0.04em; }
@media (max-width: 960px) { .hero__grid { grid-template-columns: 1fr; } }

/* Score card (hero visual) */
.score { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--space-6); box-shadow: var(--shadow-sm); }
.score__top { display: flex; justify-content: space-between; align-items: baseline; gap: var(--space-4); padding-bottom: var(--space-4); border-bottom: 1px solid var(--color-border); }
.score__label { font-size: var(--text-xs); letter-spacing: 0.12em; text-transform: uppercase; color: var(--color-muted); }
.score__doc { font-size: var(--text-sm); font-weight: 600; margin-top: var(--space-1); }
.score__total { font-family: var(--font-display); font-size: var(--text-2xl); line-height: 1; color: var(--color-text); font-variant-numeric: tabular-nums; white-space: nowrap; }
.score__total small { font-family: var(--font-body); font-size: var(--text-sm); color: var(--color-muted); }
.score__rows { list-style: none; display: grid; gap: var(--space-4); padding-block: var(--space-5); }
.score__row { display: grid; grid-template-columns: 1fr auto; gap: var(--space-2) var(--space-4); font-size: var(--text-sm); }
.score__row span:last-child { font-variant-numeric: tabular-nums; color: var(--color-muted); }
.bar { grid-column: 1 / -1; height: 6px; background: var(--color-surface-2); border-radius: 3px; overflow: hidden; }
.bar i { display: block; height: 100%; background: var(--color-primary); border-radius: 3px; width: 0; transition: width 1.2s cubic-bezier(0.16, 1, 0.3, 1); }
.bar i.flag { background: var(--color-brass); }
.score__note { display: flex; gap: var(--space-3); align-items: flex-start; padding: var(--space-4); background: var(--color-surface-2); border-radius: var(--radius-md); font-size: var(--text-xs); color: var(--color-muted); line-height: 1.5; }
.score__note b { color: var(--color-text); font-weight: 600; }
.dot { width: 8px; height: 8px; border-radius: 50%; background: var(--color-brass); flex: none; margin-top: 6px; }

/* Ink band: evidence */
.ink { background: var(--color-ink); color: var(--color-on-ink); }
.ink .eyebrow { color: var(--color-ink-brass); }
.ink .lead, .ink .muted { color: var(--color-on-ink-muted); }
.stats { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1px; background: oklch(from var(--color-on-ink) l c h / 0.14); border: 1px solid oklch(from var(--color-on-ink) l c h / 0.14); border-radius: var(--radius-md); overflow: hidden; }
.stat { background: var(--color-ink); padding: clamp(var(--space-6), 3vw, var(--space-10)); display: flex; flex-direction: column; gap: var(--space-3); }
.stat:nth-child(1) { grid-column: span 7; }
.stat:nth-child(2) { grid-column: span 5; }
.stat:nth-child(3) { grid-column: span 5; }
.stat:nth-child(4) { grid-column: span 7; }
.stat .stat__num { font-family: var(--font-display); font-size: var(--text-3xl); line-height: 1; color: var(--color-ink-brass); font-variant-numeric: tabular-nums; }
.stat p { color: var(--color-on-ink); font-size: var(--text-base); }
.stat cite { font-style: normal; font-size: var(--text-xs); color: var(--color-on-ink-muted); margin-top: auto; }
.stat cite a { color: var(--color-on-ink-muted); text-underline-offset: 3px; }
.stat cite a:hover { color: var(--color-on-ink); }
@media (max-width: 760px) { .stat:nth-child(n) { grid-column: 1 / -1; } }
.ink__close { margin-top: clamp(var(--space-10), 5vw, var(--space-16)); display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-8); }
.ink__close p:not(.eyebrow) { font-size: var(--text-lg); line-height: 1.5; }
@media (max-width: 860px) { .ink__close { grid-template-columns: 1fr; } }

/* Approach */
.steps { list-style: none; border-top: 1px solid var(--color-border); }
.step { display: grid; grid-template-columns: 80px minmax(0, 4fr) minmax(0, 6fr); gap: var(--space-6); padding-block: var(--space-8); border-bottom: 1px solid var(--color-border); align-items: baseline; }
.step__n { font-family: var(--font-display); font-size: var(--text-xl); color: var(--color-brass); font-variant-numeric: tabular-nums; }
.step h3 { font-size: var(--text-lg); font-weight: 600; font-family: var(--font-body); }
.step p { color: var(--color-muted); }
@media (max-width: 760px) { .step { grid-template-columns: 48px 1fr; } .step p { grid-column: 2; } }

/* Services */
.services { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); }
.svc { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: clamp(var(--space-6), 3vw, var(--space-10)); display: flex; flex-direction: column; gap: var(--space-4); }
.svc--feature { grid-column: span 7; grid-row: span 2; background: var(--color-surface-2); }
.svc--b { grid-column: span 5; }
.svc--c { grid-column: span 5; }
.svc--d { grid-column: span 12; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-8); align-items: start; }
.svc__tag { font-size: var(--text-xs); color: var(--color-muted); letter-spacing: 0.08em; text-transform: uppercase; display: flex; align-items: center; gap: var(--space-2); }
.svc__tag::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--color-primary); }
.svc h3 { font-family: var(--font-display); font-size: var(--text-xl); font-weight: 400; }
.svc p { color: var(--color-muted); }
.svc ul { list-style: none; display: grid; gap: var(--space-2); font-size: var(--text-sm); }
.svc li { padding-left: var(--space-5); position: relative; }
.svc li::before { content: ''; position: absolute; left: 0; top: 0.7em; width: 10px; height: 1px; background: var(--color-text); }
.svc__link { margin-top: auto; font-size: var(--text-sm); font-weight: 600; color: var(--color-primary); text-decoration: none; display: inline-flex; gap: var(--space-2); align-items: center; padding-top: var(--space-4); }
.svc__link:hover { color: var(--color-primary-hover); }
.svc__link svg { width: 16px; height: 16px; }
.chips { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.chip { font-size: var(--text-xs); padding: var(--space-1) var(--space-3); border: 1px solid var(--color-border); border-radius: 999px; color: var(--color-muted); }
.chip--next { border-style: dashed; }
@media (max-width: 960px) {
  .svc--feature, .svc--b, .svc--c { grid-column: 1 / -1; grid-row: auto; }
  .svc--d { grid-template-columns: 1fr; }
}

/* Platform */
.platform { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(var(--space-10), 6vw, var(--space-20)); align-items: start; }
.platform h2 { font-size: var(--text-xl); margin-block: var(--space-4) var(--space-6); }
.caps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--color-border); }
.cap { padding: var(--space-6) var(--space-6) var(--space-6) 0; border-bottom: 1px solid var(--color-border); }
.cap:nth-child(odd) { border-right: 1px solid var(--color-border); }
.cap:nth-child(even) { padding-left: var(--space-6); padding-right: 0; }
.cap h3 { font-size: var(--text-base); font-weight: 600; margin-bottom: var(--space-2); font-family: var(--font-body); }
.cap p { font-size: var(--text-sm); color: var(--color-muted); }
@media (max-width: 960px) { .platform { grid-template-columns: 1fr; } }
@media (max-width: 600px) {
  .caps { grid-template-columns: 1fr; }
  .cap:nth-child(n) { border-right: none; padding-inline: 0; }
}

/* Founder */
.founder { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(var(--space-10), 6vw, var(--space-20)); }
.founder h2 { font-size: var(--text-2xl); margin-block: var(--space-4) var(--space-6); }
.founder__quote { font-family: var(--font-display); font-size: var(--text-lg); line-height: 1.3; margin-top: var(--space-8); padding-top: var(--space-6); border-top: 1px solid var(--color-border); }
.founder__edu { margin-top: var(--space-6); font-size: var(--text-sm); color: var(--color-muted); }
.timeline { list-style: none; }
.tl { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: var(--space-2) var(--space-6); padding-block: var(--space-6); border-bottom: 1px solid var(--color-border); }
.tl:first-child { border-top: 1px solid var(--color-border); }
.tl__when { font-size: var(--text-xs); color: var(--color-faint); letter-spacing: 0.04em; padding-top: 0.3em; font-variant-numeric: tabular-nums; }
.tl h3 { font-size: var(--text-base); font-weight: 600; font-family: var(--font-body); }
.tl h3 span { font-weight: 400; color: var(--color-muted); }
.tl p { font-size: var(--text-sm); color: var(--color-muted); margin-top: var(--space-1); }
.tl__help { margin-top: var(--space-2); font-size: var(--text-sm); color: var(--color-text); }
.tl__help b { color: var(--color-primary); font-weight: 600; }
@media (max-width: 960px) { .founder { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .tl { grid-template-columns: 1fr; } }

/* Contact */
.contact { background: var(--color-surface-2); }
.contact__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-12); align-items: end; }
.contact h2 { font-size: var(--text-2xl); margin-block: var(--space-4) var(--space-5); }
.contact__card { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--space-8); display: grid; gap: var(--space-5); }
.contact__row { display: grid; gap: var(--space-1); }
.contact__row span { font-size: var(--text-xs); letter-spacing: 0.12em; text-transform: uppercase; color: var(--color-faint); }
.contact__row a, .contact__row p { font-size: var(--text-base); text-decoration: none; overflow-wrap: anywhere; }
.contact__row a:hover { color: var(--color-primary); }
@media (max-width: 860px) { .contact__grid { grid-template-columns: 1fr; } }

/* Footer */
.footer { padding-block: var(--space-12); border-top: 1px solid var(--color-border); font-size: var(--text-xs); color: var(--color-faint); }
.footer__inner { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-4) var(--space-8); }
.footer p { max-width: 62ch; }
.footer a { text-underline-offset: 3px; }

/* Legal page */
.page-hero { padding-block: clamp(var(--space-16), 9vw, var(--space-24)) clamp(var(--space-12), 6vw, var(--space-16)); }
.page-hero h1 { font-size: var(--text-3xl); margin-block: var(--space-5) var(--space-6); max-width: 18ch; }
.notice { margin-top: var(--space-8); display: flex; gap: var(--space-3); align-items: flex-start; font-size: var(--text-sm); color: var(--color-muted); max-width: 72ch; padding: var(--space-5); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); }
.milestones { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--color-on-ink-muted); }
.ms { padding: var(--space-8) var(--space-6) var(--space-6) 0; display: grid; gap: var(--space-3); align-content: start; }
.ms + .ms { padding-left: var(--space-6); border-left: 1px solid oklch(from var(--color-on-ink) l c h / 0.14); }
.ms__n { font-family: var(--font-display); font-size: var(--text-2xl); color: var(--color-ink-brass); line-height: 1; }
.ms h3 { font-size: var(--text-base); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; font-family: var(--font-body); }
.ms__when { font-size: var(--text-xs); color: var(--color-on-ink-muted); letter-spacing: 0.08em; text-transform: uppercase; }
.ms p { font-size: var(--text-sm); color: var(--color-on-ink-muted); }
@media (max-width: 960px) { .milestones { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ms:nth-child(3) { padding-left: 0; border-left: none; } }
@media (max-width: 560px) { .milestones { grid-template-columns: 1fr; } .ms:nth-child(n) { padding-left: 0; border-left: none; border-bottom: 1px solid oklch(from var(--color-on-ink) l c h / 0.14); } }
.catalog { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(var(--space-10), 5vw, var(--space-16)) clamp(var(--space-8), 5vw, var(--space-16)); }
.cat h2 { font-family: var(--font-display); font-size: var(--text-xl); font-weight: 400; margin-block: var(--space-2) var(--space-5); padding-bottom: var(--space-4); border-bottom: 1px solid var(--color-text); }
.cat dl { display: grid; gap: var(--space-5); }
.cat dt { font-weight: 600; font-size: var(--text-base); }
.cat dd { color: var(--color-muted); font-size: var(--text-sm); margin-top: var(--space-1); max-width: 60ch; }
@media (max-width: 860px) { .catalog { grid-template-columns: 1fr; } }
.donot { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--space-8); padding: clamp(var(--space-6), 4vw, var(--space-12)); background: var(--color-surface-2); border-radius: var(--radius-lg); }
.donot h2 { font-size: var(--text-xl); font-family: var(--font-display); font-weight: 400; }
.donot ul { list-style: none; display: grid; gap: var(--space-3); }
.donot li { padding-left: var(--space-6); position: relative; }
.donot li::before { content: ''; position: absolute; left: 0; top: 0.75em; width: 12px; height: 1px; background: var(--color-brass); }
@media (max-width: 760px) { .donot { grid-template-columns: 1fr; } }

/* Reveal */
.reveal { opacity: 0; transform: translateY(14px); transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1); }
.reveal.in { opacity: 1; transform: none; }
.no-js .reveal { opacity: 1; transform: none; }

/* Methodology panel */
.method { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: clamp(var(--space-6), 3vw, var(--space-10)); box-shadow: var(--shadow-sm); }
.method__title { font-size: var(--text-xl); margin-block: var(--space-3) var(--space-3); }
.method__intro { color: var(--color-muted); font-size: var(--text-sm); }
.method__list { margin-top: var(--space-6); border-top: 1px solid var(--color-border); }
.method__list li { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: var(--space-4); padding-block: var(--space-4); border-bottom: 1px solid var(--color-border); font-size: var(--text-sm); max-width: none; }
.method__list li:last-child { border-bottom: none; padding-bottom: 0; }
.method__list b { font-weight: 600; }
.method__list li:last-child b { color: var(--color-brass); }
.method__list span { color: var(--color-muted); }
.tl__role { color: var(--color-muted); font-size: var(--text-sm); margin-top: 0 !important; }
.ink-btn { margin-top: var(--space-8); color: var(--color-on-ink); border-color: oklch(from var(--color-on-ink) l c h / 0.3); }
.ink-btn:hover { border-color: var(--color-on-ink); }
@media (max-width: 600px) { .method__list li { grid-template-columns: 1fr; gap: var(--space-1); } }