/* [next]/internal/font/google/geist_8335d61b.module.css [app-client] (css) */
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/53b9e256198e5412-s.390ncx5urfkfu.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/7178b3e590c64307-s.21jp631_3pja2.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Fallback;
  src: local(Arial);
  ascent-override: 95.94%;
  descent-override: 28.16%;
  line-gap-override: 0.0%;
  size-adjust: 104.76%;
}

.geist_8335d61b-module__kp0sPq__className {
  font-family: Geist, Geist Fallback;
  font-style: normal;
}

.geist_8335d61b-module__kp0sPq__variable {
  --font-geist: "Geist", "Geist Fallback";
}

/* [next]/internal/font/google/geist_mono_47ec94a9.module.css [app-client] (css) */
@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/5ce348bf30bf5439-s.31988l_ccedte.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2") format("woff2");
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Mono Fallback;
  src: local(Arial);
  ascent-override: 74.67%;
  descent-override: 21.92%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.geist_mono_47ec94a9-module__dxZAtG__className {
  font-family: Geist Mono, Geist Mono Fallback;
  font-style: normal;
}

.geist_mono_47ec94a9-module__dxZAtG__variable {
  --font-geist-mono: "Geist Mono", "Geist Mono Fallback";
}

/* [project]/tokens.css [app-client] (css) */
:root {
  --color-paper: #fafaf5;
  --color-paper-2: #f3f2e8;
  --color-paper-3: #e7e9dc;
  --color-ink: #13150f;
  --color-ink-2: #3a3b35;
  --color-muted: #5b5c54;
  --color-rule: #caccbf;
  --color-rule-2: #dfdfd4;
  --color-accent: #6d920f;
  --color-accent-deep: #415a00;
  --color-accent-soft: #d9e9ba;
  --color-focus: #648900;
  --color-accent-ink: #f9f9f4;
  --color-dark-paper: #161712;
  --color-dark-paper-2: #1f201a;
  --color-dark-paper-3: #2b2c26;
  --color-dark-ink: #f2f2eb;
  --color-dark-muted: #b1b2a9;
  --color-dark-rule: #3f4138;
  --color-warning: #cc881e;
  --font-display: var(--font-geist), "Helvetica Neue", sans-serif;
  --font-body: var(--font-geist), "Helvetica Neue", sans-serif;
  --font-data: var(--font-geist-mono), "SFMono-Regular", monospace;
  --space-3xs: .125rem;
  --space-2xs: .25rem;
  --space-xs: .5rem;
  --space-sm: .75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 9rem;
  --text-xs: .75rem;
  --text-sm: .875rem;
  --text-base: 1.0625rem;
  --text-md: 1.25rem;
  --text-lg: 1.5625rem;
  --text-xl: 1.953rem;
  --text-2xl: 2.441rem;
  --text-3xl: 3.052rem;
  --text-4xl: 3.815rem;
  --text-display-s: clamp(2.75rem, 4.6vw, 4.6rem);
  --text-display: clamp(3rem, 5.6vw, 5.25rem);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in: cubic-bezier(.7, 0, .84, 0);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-micro: .12s;
  --dur-short: .22s;
  --dur-long: .42s;
  --rule-hair: 1px;
  --rule-strong: 2px;
  --radius-sm: .375rem;
  --radius-md: .75rem;
  --radius-lg: 1.25rem;
  --page-gutter: clamp(1rem, 4vw, 4.5rem);
  --page-width: 90rem;
  --z-base: 1;
  --z-raised: 10;
  --z-sticky: 200;
}

@supports (color: lab(0% 0 0)) {
  :root {
    --color-paper: lab(98.1948% -.573605 2.19544);
    --color-paper-2: lab(95.2238% -.84421 4.87928);
    --color-paper-3: lab(91.8069% -2.15432 6.02537);
    --color-ink: lab(6.29487% -1.5254 3.15431);
    --color-ink-2: lab(24.7082% -1.60958 3.79776);
    --color-muted: lab(38.633% -1.57048 4.23554);
    --color-rule: lab(81.6074% -2.27001 6.38899);
    --color-rule-2: lab(88.5299% -1.56885 5.45459);
    --color-accent: lab(56.1432% -26.3941 55.7428);
    --color-accent-deep: lab(34.9841% -21.4242 51.1929);
    --color-accent-soft: lab(90.2289% -11.4109 20.9395);
    --color-focus: lab(52.9736% -33.5887 105.268);
    --color-accent-ink: lab(97.7307% -.573546 2.19547);
    --color-dark-paper: lab(7.31062% -1.29519 2.6755);
    --color-dark-paper-2: lab(11.9496% -1.70311 3.7536);
    --color-dark-paper-3: lab(17.7603% -1.86656 4.08597);
    --color-dark-ink: lab(95.4356% -.853598 3.29812);
    --color-dark-muted: lab(72.2684% -1.39293 4.30776);
    --color-dark-rule: lab(27.0705% -2.33528 5.10543);
    --color-warning: lab(62.6519% 20.6999 61.5852);
  }
}

/* [project]/src/app/globals.css [app-client] (css) */
* {
  box-sizing: border-box;
}

html, body {
  overscroll-behavior-x: none;
  overscroll-behavior-y: none;
  min-height: 100%;
  overflow-x: clip;
}

html {
  background: var(--color-paper-2);
  scroll-behavior: smooth;
  scroll-padding-top: 7rem;
}

body {
  background: linear-gradient(145deg, var(--color-paper), var(--color-paper-2));
  min-height: 100dvh;
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: var(--text-base);
  text-rendering: optimizelegibility;
  margin: 0;
  line-height: 1.6;
}

button, a, summary {
  -webkit-tap-highlight-color: transparent;
}

a {
  color: inherit;
  text-decoration: none;
}

p, h1, h2, h3, figure, blockquote {
  margin: 0;
}

h1, h2, h3 {
  overflow-wrap: anywhere;
  min-width: 0;
  font-family: var(--font-display);
  font-style: normal;
}

::selection {
  background: var(--color-accent-soft);
  color: var(--color-ink);
}

:focus-visible {
  outline: var(--rule-strong) solid var(--color-focus);
  outline-offset: var(--space-2xs);
}

.site-nav {
  align-items: center;
  gap: var(--space-md);
  width: min(100% - 2rem, 82rem);
  min-height: 4.25rem;
  z-index: var(--z-sticky);
  border: var(--rule-hair) solid color-mix(in oklch, var(--color-rule) 78%, transparent);
  background: linear-gradient(135deg, color-mix(in oklch, var(--color-paper) 92%, transparent), color-mix(in oklch, var(--color-paper-2) 88%, transparent));
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  box-shadow: 0 1px 0 #ffffffbf inset,
    0 14px 40px color-mix(in oklch, var(--color-ink) 8%, transparent);
  border-radius: .9rem;
  grid-template-columns: 1fr auto 1fr;
  margin: 0;
  padding: .45rem .55rem .45rem .7rem;
  display: grid;
  position: fixed;
  top: 1.15rem;
  left: 50%;
  transform: translateX(-50%);
}

@supports (color: lab(0% 0 0)) {
  .site-nav {
    box-shadow: 0 1px 0 lab(100% 0 0 / .75) inset,
    0 14px 40px color-mix(in oklch, var(--color-ink) 8%, transparent);
  }
}

.nav-brand {
  justify-self: start;
}

.brand-compact {
  align-items: center;
  gap: var(--space-sm);
  min-height: 2.75rem;
  padding: 0 var(--space-sm) 0 var(--space-2xs);
  font-family: var(--font-body);
  letter-spacing: -.025em;
  white-space: nowrap;
  font-size: .95rem;
  font-weight: 680;
  line-height: 1;
  display: inline-flex;
}

.brand-compact-mark {
  border-radius: var(--radius-md);
  width: 2.5rem;
  height: 2.5rem;
  display: block;
}

.brand-compact > span {
  align-items: center;
  min-height: 2.5rem;
  display: inline-flex;
}

.brand-logo {
  width: clamp(9.75rem, 13vw, 11.25rem);
  height: auto;
  display: block;
}

.nav-links {
  align-items: center;
  gap: var(--space-lg);
  background: none;
  padding: 0;
  display: flex;
}

.nav-links a, .nav-signin {
  color: var(--color-ink-2);
  font-family: var(--font-body);
  letter-spacing: -.015em;
  white-space: nowrap;
  font-size: .8125rem;
  font-weight: 580;
}

.nav-links a {
  padding: var(--space-sm) 0;
  position: relative;
}

.nav-links a:after {
  content: "";
  height: var(--rule-strong);
  background: var(--color-accent-deep);
  transition: right var(--dur-short) var(--ease-out),
    left var(--dur-short) var(--ease-out);
  border-radius: 999px;
  position: absolute;
  bottom: .2rem;
  left: 50%;
  right: 50%;
}

.nav-links a:hover, .nav-signin:hover {
  color: var(--color-ink);
}

.nav-links a:hover {
  background: none;
}

.nav-links .is-current {
  color: var(--color-ink);
  box-shadow: none;
  background: none;
}

.nav-links a:hover:after, .nav-links .is-current:after {
  left: 0;
  right: 0;
}

.nav-links a:active, .nav-signin:active {
  color: var(--color-accent-deep);
}

.nav-actions {
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-sm);
  display: flex;
}

.mobile-menu {
  display: none;
  position: relative;
}

.mobile-menu summary {
  cursor: pointer;
  border: var(--rule-hair) solid var(--color-rule);
  border-radius: var(--radius-sm);
  background: var(--color-paper);
  place-content: center;
  gap: .3rem;
  width: 2.5rem;
  height: 2.5rem;
  list-style: none;
  display: grid;
}

.mobile-menu summary::-webkit-details-marker {
  display: none;
}

.mobile-menu summary > span {
  width: .9rem;
  height: var(--rule-strong);
  background: var(--color-ink);
  transition: transform var(--dur-short) var(--ease-out);
  border-radius: 999px;
  display: block;
}

.mobile-menu[open] summary > span:first-child {
  transform: translateY(.22rem)rotate(45deg);
}

.mobile-menu[open] summary > span:last-child {
  transform: translateY(-.22rem)rotate(-45deg);
}

.mobile-menu nav {
  width: min(18rem, 100vw - 2rem);
  padding: var(--space-sm);
  gap: var(--space-2xs);
  top: calc(100% + var(--space-sm));
  border: var(--rule-hair) solid var(--color-rule);
  border-radius: var(--radius-md);
  background: linear-gradient(145deg, var(--color-paper), var(--color-paper-2));
  box-shadow: 0 1.25rem 3rem color-mix(in oklch, var(--color-ink) 14%, transparent);
  display: grid;
  position: absolute;
  right: 0;
}

.mobile-menu nav a {
  padding: var(--space-sm) var(--space-md);
  border-radius: var(--radius-sm);
  color: var(--color-ink-2);
  font-size: var(--text-sm);
  font-weight: 600;
}

.mobile-menu nav a:hover {
  background: var(--color-accent-soft);
  color: var(--color-ink);
}

.nav-signin {
  padding: var(--space-sm) var(--space-md);
}

.nav-cta, .button-primary, .button-secondary {
  min-height: 3rem;
  padding: var(--space-sm) var(--space-lg);
  border-radius: var(--radius-sm);
  font-size: var(--text-sm);
  white-space: nowrap;
  transition: transform var(--dur-micro) var(--ease-out),
    background-color var(--dur-micro) var(--ease-out),
    border-color var(--dur-micro) var(--ease-out);
  justify-content: center;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
}

.nav-cta {
  min-height: 3rem;
  padding-inline: var(--space-lg);
  border-radius: .65rem;
}

.nav-cta, .button-primary {
  border: var(--rule-strong) solid var(--color-accent-deep);
  background: var(--color-accent);
  color: var(--color-accent-ink);
}

.button-secondary {
  border: var(--rule-hair) solid var(--color-rule);
  background: var(--color-paper);
  color: var(--color-ink);
}

.nav-cta:hover, .button-primary:hover {
  background: var(--color-accent-deep);
  transform: translateY(-1px);
}

.button-secondary:hover {
  border-color: var(--color-ink);
  transform: translateY(-1px);
}

.nav-cta:active, .button-primary:active, .button-secondary:active {
  transform: translateY(0);
}

.clerk-root-box, .clerk-card-box, .clerk-card {
  width: min(100%, 27rem) !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.clerk-title {
  color: var(--color-ink) !important;
  font-family: var(--font-display) !important;
  letter-spacing: -.04em !important;
  font-size: 1.65rem !important;
  font-weight: 580 !important;
}

.clerk-subtitle, .clerk-card [class*="formFieldLabel"], .clerk-card [class*="footerActionText"] {
  color: var(--color-muted) !important;
}

.clerk-primary-button {
  border: var(--rule-strong) solid var(--color-accent-deep) !important;
  border-radius: var(--radius-sm) !important;
  background: var(--color-accent) !important;
  min-height: 2.9rem !important;
  box-shadow: none !important;
  color: var(--color-accent-ink) !important;
  font-family: var(--font-body) !important;
  font-weight: 650 !important;
}

.clerk-primary-button:hover {
  background: var(--color-accent-deep) !important;
}

.clerk-field-input, .clerk-social-button, .clerk-card input {
  border: var(--rule-hair) solid color-mix(in oklch, var(--color-rule) 86%, var(--color-ink-2)) !important;
  background: color-mix(in oklch, white 88%, var(--color-paper)) !important;
  min-height: 3rem !important;
  box-shadow: 0 1px 0 white inset,
    0 .3rem .85rem color-mix(in oklch, var(--color-ink) 3%, transparent) !important;
  border-radius: .55rem !important;
}

.clerk-field-input:focus, .clerk-card input:focus {
  border-color: var(--color-accent-deep) !important;
  box-shadow: 0 0 0 .2rem color-mix(in oklch, var(--color-accent) 22%, transparent) !important;
}

.clerk-password-toggle {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
}

.clerk-password-toggle:focus-visible {
  outline: var(--rule-strong) solid var(--color-focus) !important;
  outline-offset: var(--space-2xs) !important;
}

.clerk-social-button:hover {
  border-color: var(--color-ink-2) !important;
  background: var(--color-paper-2) !important;
}

.clerk-footer-link {
  color: var(--color-accent-deep) !important;
  font-weight: 650 !important;
}

.clerk-footer, .clerk-card [class*="footer"], .clerk-card [class*="Footer"] {
  border: 0 !important;
  border-color: color-mix(in oklch, var(--color-rule) 55%, transparent) !important;
  box-shadow: none !important;
  background: none !important;
  border-radius: 0 !important;
}

.auth-page {
  isolation: isolate;
  background: radial-gradient(circle at 78% 20%, color-mix(in oklch, var(--color-accent-soft) 58%, transparent), transparent 30%),
    radial-gradient(circle at 14% 84%, color-mix(in oklch, var(--color-accent-soft) 76%, transparent), transparent 34%),
    radial-gradient(circle at 45% 36%, #fff9, transparent 42%),
    linear-gradient(135deg, var(--color-paper), var(--color-paper-2));
  grid-template-columns: minmax(0, 1.08fr) minmax(28rem, .92fr);
  min-height: 100svh;
  display: grid;
  position: relative;
  overflow: hidden;
}

@supports (color: lab(0% 0 0)) {
  .auth-page {
    background: radial-gradient(circle at 78% 20%, color-mix(in oklch, var(--color-accent-soft) 58%, transparent), transparent 30%),
    radial-gradient(circle at 14% 84%, color-mix(in oklch, var(--color-accent-soft) 76%, transparent), transparent 34%),
    radial-gradient(circle at 45% 36%, lab(100% 0 0 / .6), transparent 42%),
    linear-gradient(135deg, var(--color-paper), var(--color-paper-2));
  }
}

.auth-page:before {
  content: "";
  z-index: -1;
  background: color-mix(in oklch, var(--color-accent) 8%, transparent);
  filter: blur(2rem);
  pointer-events: none;
  border-radius: 50%;
  width: 36rem;
  height: 36rem;
  position: absolute;
  bottom: -15rem;
  right: -13rem;
}

.auth-intro, .auth-form-panel {
  min-height: 100svh;
  padding: clamp(1.5rem, 4vw, 4rem);
}

.auth-intro {
  background: none;
  flex-direction: column;
  display: flex;
  position: relative;
}

.auth-brand {
  align-self: flex-start;
}

.auth-intro-copy {
  width: min(100%, 35rem);
  margin: auto 0;
}

.auth-kicker, .workspace-kicker, .onboarding-heading > p {
  color: var(--color-accent-deep);
  font-family: var(--font-data);
  font-size: var(--text-xs);
  letter-spacing: .02em;
  text-transform: uppercase;
  font-weight: 650;
}

.auth-intro h1 {
  margin-top: var(--space-lg);
  letter-spacing: -.06em;
  text-wrap: balance;
  font-size: clamp(2.8rem, 4.7vw, 4.9rem);
  font-weight: 520;
  line-height: 1;
}

.auth-intro-copy > p:last-child {
  max-width: 34rem;
  margin-top: var(--space-xl);
  color: var(--color-ink-2);
  font-size: var(--text-md);
  line-height: 1.5;
}

.auth-proof {
  max-width: 27rem;
  padding-top: var(--space-xl);
  gap: var(--space-md);
  border-top: var(--rule-hair) solid var(--color-rule);
  grid-template-columns: 3rem minmax(0, 1fr);
  display: grid;
}

.auth-proof span {
  color: var(--color-accent-deep);
  font-family: var(--font-data);
  font-size: var(--text-sm);
}

.auth-proof p {
  color: var(--color-ink-2);
  font-size: var(--text-sm);
  line-height: 1.5;
}

.auth-form-panel {
  background: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.auth-home-link {
  z-index: 2;
  color: var(--color-ink-2);
  font-size: var(--text-sm);
  font-weight: 600;
  position: absolute;
  top: clamp(1.5rem, 4vw, 3.5rem);
  right: clamp(1.5rem, 4vw, 4rem);
}

.auth-home-link:hover {
  color: var(--color-accent-deep);
}

.auth-form-wrap {
  width: min(100%, 27rem);
  padding: clamp(3.5rem, 7vh, 5rem) 0 var(--space-md);
  margin: 0;
}

@media (min-width: 50.0625rem) {
  .auth-page {
    height: 100svh;
    min-height: 0;
  }

  .auth-intro, .auth-form-panel {
    height: 100%;
    min-height: 0;
  }
}

.onboarding-page, .workspace-page {
  background: radial-gradient(circle at 14% 86%, color-mix(in oklch, var(--color-accent-soft) 75%, transparent), transparent 32%),
    linear-gradient(var(--color-rule-2) var(--rule-hair), transparent var(--rule-hair)),
    linear-gradient(90deg, var(--color-rule-2) var(--rule-hair), transparent var(--rule-hair)),
    var(--color-paper);
  background-size: auto, 3.5rem 3.5rem, 3.5rem 3.5rem, auto;
  place-items: center;
  min-height: 100svh;
  padding: clamp(1rem, 4vw, 4rem);
  display: grid;
}

.onboarding-card, .workspace-card {
  border: var(--rule-hair) solid var(--color-rule);
  border-radius: var(--radius-lg);
  background: color-mix(in oklch, var(--color-paper) 93%, white);
  width: min(100%, 34rem);
  box-shadow: 0 2rem 5rem color-mix(in oklch, var(--color-ink) 10%, transparent);
  padding: clamp(1.5rem, 5vw, 3.25rem);
}

.onboarding-heading {
  margin-top: var(--space-2xl);
}

.onboarding-heading h1, .workspace-card h1 {
  margin-top: var(--space-sm);
  letter-spacing: -.05em;
  text-wrap: balance;
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 540;
  line-height: 1;
}

.onboarding-heading > span, .workspace-card > p:not(.workspace-kicker) {
  margin-top: var(--space-md);
  color: var(--color-ink-2);
  font-size: var(--text-base);
  line-height: 1.55;
  display: block;
}

.onboarding-card form {
  margin-top: var(--space-xl);
}

.onboarding-card label {
  margin-bottom: var(--space-xs);
  color: var(--color-ink);
  font-size: var(--text-sm);
  font-weight: 650;
  display: block;
}

.onboarding-card input {
  width: 100%;
  min-height: 3rem;
  padding: var(--space-sm) var(--space-md);
  border: var(--rule-hair) solid var(--color-rule);
  border-radius: var(--radius-sm);
  background: var(--color-paper);
  color: var(--color-ink);
  font: inherit;
  outline: none;
}

.onboarding-card input:focus {
  border-color: var(--color-accent-deep);
  box-shadow: 0 0 0 .18rem color-mix(in oklch, var(--color-accent) 20%, transparent);
}

.onboarding-helper, .onboarding-user {
  margin-top: var(--space-sm);
  color: var(--color-muted);
  font-size: var(--text-xs);
  line-height: 1.5;
}

.onboarding-error {
  margin-top: var(--space-md);
  padding: var(--space-sm) var(--space-md);
  border-left: .2rem solid var(--color-warning);
  background: color-mix(in oklch, var(--color-warning) 12%, transparent);
  color: var(--color-ink);
  font-size: var(--text-sm);
}

.onboarding-card button {
  width: 100%;
  min-height: 3rem;
  margin-top: var(--space-lg);
  border: var(--rule-strong) solid var(--color-accent-deep);
  border-radius: var(--radius-sm);
  background: var(--color-accent);
  color: var(--color-accent-ink);
  font: inherit;
  font-size: var(--text-sm);
  cursor: pointer;
  font-weight: 700;
}

.onboarding-card button:hover:not(:disabled) {
  background: var(--color-accent-deep);
}

.onboarding-card button:disabled {
  cursor: wait;
  opacity: .7;
}

.workspace-page {
  display: block;
}

.workspace-topbar {
  width: min(100%, 76rem);
  padding-bottom: var(--space-2xl);
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  display: flex;
}

.workspace-wordmark {
  color: var(--color-ink);
  font-size: var(--text-md);
  letter-spacing: -.04em;
  font-weight: 700;
}

.workspace-page > .workspace-card {
  margin: min(15vh, 9rem) auto 0;
}

.workspace-card dl {
  margin: var(--space-xl) 0 0;
  gap: var(--space-sm);
  display: grid;
}

.workspace-card dl > div {
  min-width: 0;
  padding: var(--space-md) 0;
  justify-content: space-between;
  gap: var(--space-lg);
  border-top: var(--rule-hair) solid var(--color-rule);
  display: flex;
}

.workspace-card dt {
  color: var(--color-muted);
  font-size: var(--text-sm);
}

.workspace-card dd {
  min-width: 0;
  color: var(--color-ink);
  font-size: var(--text-sm);
  text-align: right;
  overflow-wrap: anywhere;
  margin: 0;
  font-weight: 650;
}

.workspace-card-loading {
  margin: 0 !important;
}

.hero {
  width: 100%;
  min-height: clamp(38rem, 76vh, 48rem);
  padding: calc(var(--space-3xl) + var(--space-2xl)) var(--page-gutter) var(--space-4xl);
  text-align: center;
  isolation: isolate;
  background: radial-gradient(circle at 18% 68%,
      color-mix(in oklch, var(--color-accent-soft) 58%, transparent),
      transparent 29%),
    radial-gradient(circle at 82% 32%,
      color-mix(in oklch, var(--color-accent) 8%, transparent),
      transparent 25%),
    linear-gradient(180deg,
      color-mix(in oklch, var(--color-paper) 96%, transparent),
      color-mix(in oklch, var(--color-accent-soft) 34%, var(--color-paper)));
  flex-direction: column;
  align-items: center;
  margin-inline: auto;
  display: flex;
  position: relative;
  overflow: clip;
}

.hero:before {
  content: "";
  z-index: 0;
  background: linear-gradient(var(--color-rule-2) var(--rule-hair), transparent var(--rule-hair)),
    linear-gradient(90deg, var(--color-rule-2) var(--rule-hair), transparent var(--rule-hair));
  opacity: .62;
  pointer-events: none;
  background-size: 3.25rem 3.25rem;
  width: min(90vw, 74rem);
  height: 32rem;
  position: absolute;
  top: 2rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-mask-image: radial-gradient(#000 15%, #0000 72%);
  mask-image: radial-gradient(#000 15%, #0000 72%);
}

.hero:after {
  content: "";
  z-index: 0;
  background: repeating-radial-gradient(ellipse at 50% 118%,
      transparent 0,
      transparent .9rem,
      color-mix(in oklch, var(--color-accent) 16%, transparent) 1rem,
      transparent 1.1rem),
    linear-gradient(180deg,
      transparent,
      color-mix(in oklch, var(--color-accent-soft) 48%, transparent));
  opacity: .56;
  pointer-events: none;
  height: 17rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-mask-image: linear-gradient(#0000, #000 42%, #000);
  mask-image: linear-gradient(#0000, #000 42%, #000);
}

.hero > * {
  z-index: 1;
  position: relative;
}

.eyebrow, .section-index {
  color: var(--color-accent-deep);
  font-family: var(--font-data);
  font-size: var(--text-xs);
  letter-spacing: -.02em;
  font-weight: 500;
}

.eyebrow {
  padding: var(--space-xs) var(--space-sm);
  border: var(--rule-hair) solid var(--color-rule);
  border-radius: var(--radius-sm);
  background: var(--color-paper);
  align-self: center;
}

.hero h1 {
  max-width: 17ch;
  margin-top: var(--space-lg);
  letter-spacing: -.045em;
  text-wrap: balance;
  font-size: clamp(3rem, 5.15vw, 4.75rem);
  font-weight: 500;
  line-height: 1.02;
}

.hero h1 span {
  color: var(--color-accent-deep);
}

.hero-lede {
  max-width: 42rem;
  margin-top: var(--space-xl);
  color: var(--color-ink-2);
  text-wrap: balance;
  font-size: clamp(1.05rem, 1.35vw, 1.2rem);
  line-height: 1.55;
}

.hero-actions {
  margin-top: var(--space-xl);
  justify-content: center;
  align-items: center;
  gap: var(--space-sm);
  flex-wrap: wrap;
  display: flex;
}

.hero-actions a {
  min-width: 10.5rem;
}

.hero-footnote {
  margin-top: var(--space-md);
  color: var(--color-muted);
  font-size: var(--text-xs);
  font-weight: 500;
}

.demo-section, .ats-section, .workflow-section, .security-section, .faq-section {
  width: min(100%, var(--page-width));
  margin-inline: auto;
}

.demo-section {
  padding: 0 var(--page-gutter) var(--space-4xl);
}

.demo-section .section-index {
  margin-bottom: var(--space-md);
}

.product-demo-media {
  border: var(--rule-hair) solid var(--color-rule);
  border-radius: var(--radius-md);
  background: var(--color-paper-2);
  width: 100%;
  height: auto;
  display: block;
}

.process-rail {
  border-top: var(--rule-hair) solid var(--color-rule);
  border-bottom: var(--rule-hair) solid var(--color-rule);
  background: radial-gradient(circle at 18% 12%,
      color-mix(in oklch, var(--color-accent-soft) 24%, transparent),
      transparent 26%),
    linear-gradient(135deg, var(--color-paper), var(--color-paper-2));
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 100%;
  margin-inline: 0;
  display: grid;
}

.process-rail > div {
  min-height: 15rem;
  padding: var(--space-xl);
  border-right: var(--rule-hair) solid var(--color-rule);
  flex-direction: column;
  display: flex;
}

.process-rail > div:last-child {
  border-right: 0;
}

.process-rail span, .screening-outputs article > span, .ats-features article > span {
  color: var(--color-accent-deep);
  font-size: var(--text-xs);
  font-weight: 700;
}

.process-rail strong {
  font-family: var(--font-display);
  font-size: var(--text-base);
  margin-top: auto;
  font-weight: 600;
  line-height: 1.2;
}

.process-rail p {
  margin-top: var(--space-sm);
  color: var(--color-ink-2);
  font-size: var(--text-sm);
  line-height: 1.55;
}

.screening-section {
  padding: var(--space-4xl) max(var(--page-gutter), calc((100vw - var(--page-width)) / 2 + var(--page-gutter)));
  background: radial-gradient(circle at 16% 18%,
      color-mix(in oklch, var(--color-accent) 12%, transparent),
      transparent 30%),
    repeating-linear-gradient(135deg,
      color-mix(in oklch, var(--color-dark-rule) 24%, transparent) 0,
      color-mix(in oklch, var(--color-dark-rule) 24%, transparent) var(--rule-hair),
      transparent var(--rule-hair),
      transparent var(--space-sm)),
    linear-gradient(145deg, var(--color-dark-paper), var(--color-dark-paper-2));
  color: var(--color-dark-ink);
  margin-top: 0;
  overflow: clip;
}

.section-heading {
  gap: var(--space-xl);
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  display: grid;
}

.section-index {
  align-items: center;
  gap: var(--space-sm);
  display: flex;
}

.section-index span {
  border: var(--rule-hair) solid currentColor;
  width: 2rem;
  height: 2rem;
  font-size: var(--text-xs);
  border-radius: 50%;
  place-items: center;
  display: grid;
}

.section-heading h2, .workflow-copy h2, .security-statement h2, .faq-heading h2 {
  letter-spacing: -.04em;
  text-wrap: balance;
  max-width: 19ch;
  font-size: clamp(2.25rem, 3.6vw, 3.6rem);
  font-weight: 500;
  line-height: 1.04;
}

.section-heading > div:last-child {
  padding-left: clamp(0rem, 28vw, 26rem);
}

.section-heading > div:last-child > p {
  max-width: 42rem;
  margin-top: var(--space-lg);
  color: var(--color-ink-2);
  font-size: var(--text-md);
}

.section-heading-dark .section-index {
  color: var(--color-accent);
}

.section-heading-dark > div:last-child > p {
  color: var(--color-dark-muted);
}

.screening-section .section-heading {
  gap: var(--space-3xl);
  grid-template-columns: minmax(11rem, .42fr) minmax(0, 1fr);
}

.screening-section .section-heading > div:last-child {
  padding-left: 0;
}

.screening-layout {
  margin-top: var(--space-3xl);
  gap: clamp(var(--space-2xl), 5vw, var(--space-4xl));
  grid-template-columns: minmax(0, 1.18fr) minmax(19rem, .82fr);
  align-items: center;
  display: grid;
}

.candidate-evidence {
  border: var(--rule-hair) solid color-mix(in oklch, var(--color-dark-ink) 13%, transparent);
  border-radius: var(--radius-lg);
  background: radial-gradient(circle at 92% 0%,
      color-mix(in oklch, var(--color-accent) 12%, transparent),
      transparent 31%),
    linear-gradient(145deg,
      color-mix(in oklch, var(--color-dark-paper-2) 94%, black),
      var(--color-dark-paper-3));
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff12, 0 2rem 5rem #00000047;
  box-shadow: inset 0 1px lab(100% 0 0 / .07), 0 2rem 5rem lab(0% 0 0 / .28);
}

.evidence-topline, .evidence-summary, .evidence-bars, .evidence-note {
  padding-inline: clamp(var(--space-lg), 3vw, var(--space-2xl));
}

.evidence-topline {
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl);
  justify-content: space-between;
  align-items: center;
  gap: var(--space-xl);
  display: flex;
}

.evidence-topline > div:first-child {
  gap: var(--space-3xs);
  display: grid;
}

.evidence-topline span, .evidence-summary > span, .evidence-note > span {
  color: var(--color-dark-muted);
  font-size: var(--text-xs);
  letter-spacing: .07em;
  text-transform: uppercase;
  font-weight: 600;
}

.evidence-topline > div:first-child strong {
  font-family: var(--font-display);
  font-size: var(--text-xl);
  letter-spacing: -.025em;
  font-weight: 600;
}

.candidate-role {
  color: var(--color-dark-muted);
  font-size: var(--text-sm);
}

.fit-score {
  aspect-ratio: 1;
  place-content: center;
  gap: var(--space-2xs);
  text-align: center;
  border: var(--rule-hair) solid color-mix(in oklch, var(--color-accent) 45%, transparent);
  background: color-mix(in oklch, var(--color-accent) 8%, transparent);
  border-radius: 50%;
  width: 6.75rem;
  display: grid;
}

.fit-score strong {
  color: var(--color-accent);
  font-family: var(--font-display);
  letter-spacing: -.06em;
  font-size: 2.75rem;
  font-weight: 500;
  line-height: .78;
}

.fit-score span {
  color: var(--color-dark-ink);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .65rem;
}

.evidence-summary {
  margin-inline: clamp(var(--space-lg), 3vw, var(--space-2xl));
  padding: var(--space-xl);
  border-radius: var(--radius-md);
  background: color-mix(in oklch, var(--color-dark-ink) 5%, transparent);
}

.evidence-summary p {
  margin-top: var(--space-sm);
  color: var(--color-dark-ink);
  font-size: clamp(1rem, 1.35vw, var(--text-md));
  line-height: 1.55;
}

.evidence-bars {
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl);
  gap: var(--space-md);
  display: grid;
}

.evidence-bars > div {
  align-items: center;
  gap: var(--space-md);
  grid-template-columns: minmax(9rem, .48fr) minmax(0, 1fr) 2rem;
  display: grid;
}

.evidence-bars span {
  color: var(--color-dark-muted);
  font-size: var(--text-sm);
}

.evidence-bars i {
  background: color-mix(in oklch, var(--color-dark-ink) 10%, transparent);
  border-radius: 999px;
  height: .5rem;
  display: block;
  position: relative;
  overflow: hidden;
}

.evidence-bars i:after {
  content: "";
  width: var(--score);
  border-radius: inherit;
  background: linear-gradient(90deg, var(--color-accent-deep), var(--color-accent));
  height: 100%;
  display: block;
}

.evidence-bars strong {
  color: var(--color-dark-ink);
  font-size: var(--text-sm);
}

.evidence-note {
  margin: 0 clamp(var(--space-lg), 3vw, var(--space-2xl)) var(--space-2xl);
  padding: var(--space-md) var(--space-lg);
  gap: var(--space-md);
  border-left: .2rem solid var(--color-warning);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  background: color-mix(in oklch, var(--color-warning) 8%, transparent);
  grid-template-columns: minmax(7rem, .3fr) minmax(0, 1fr);
  align-items: center;
  display: grid;
}

.evidence-note > span {
  color: var(--color-warning);
}

.evidence-note p {
  color: var(--color-dark-muted);
}

.screening-outputs {
  justify-self: end;
  max-width: 30rem;
}

.screening-outputs-intro {
  margin-bottom: var(--space-xl);
}

.screening-outputs-intro > span {
  color: var(--color-accent);
  font-family: var(--font-data);
  font-size: var(--text-xs);
  font-weight: 500;
}

.screening-outputs-intro > p {
  max-width: 29rem;
  margin-top: var(--space-sm);
  color: var(--color-dark-ink);
  font-size: var(--text-md);
  line-height: 1.45;
}

.screening-outputs article {
  padding: var(--space-md) 0 var(--space-md) var(--space-xl);
  gap: var(--space-md);
  grid-template-columns: 2rem minmax(0, 1fr);
  display: grid;
  position: relative;
}

.screening-outputs article:before {
  content: "";
  width: var(--rule-hair);
  background: color-mix(in oklch, var(--color-accent) 32%, transparent);
  position: absolute;
  top: 0;
  bottom: 0;
  left: .5rem;
}

.screening-outputs article:after {
  content: "";
  background: var(--color-accent);
  width: .5rem;
  height: .5rem;
  box-shadow: 0 0 0 .25rem color-mix(in oklch, var(--color-accent) 12%, transparent);
  border-radius: 50%;
  position: absolute;
  top: 1.35rem;
  left: .25rem;
}

.screening-outputs article > span {
  color: var(--color-accent);
  font-family: var(--font-data);
  font-size: var(--text-xs);
  line-height: 1.4;
}

.screening-outputs h3 {
  font-size: var(--text-md);
  font-weight: 600;
  line-height: 1.15;
}

.screening-outputs p {
  margin-top: var(--space-xs);
  color: var(--color-dark-muted);
  font-size: var(--text-sm);
}

.ats-section {
  padding: var(--space-4xl) var(--page-gutter);
}

.ats-layout {
  margin-top: var(--space-3xl);
  gap: var(--space-3xl);
  grid-template-columns: minmax(20rem, .85fr) minmax(0, 1.15fr);
  align-items: start;
  display: grid;
}

.ats-manifest {
  min-height: 37rem;
  padding: var(--space-xl);
  border: var(--rule-hair) solid var(--color-rule);
  background: linear-gradient(var(--color-rule-2) var(--rule-hair), transparent var(--rule-hair)),
    linear-gradient(90deg, var(--color-rule-2) var(--rule-hair), transparent var(--rule-hair)),
    var(--color-paper-2);
  background-size: 2.75rem 2.75rem;
  flex-direction: column;
  display: flex;
  position: sticky;
  top: 7rem;
}

.ats-manifest > p {
  max-width: 18rem;
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: 600;
  line-height: 1.1;
}

.pipeline-line {
  gap: var(--space-xs);
  margin-block: auto;
  display: grid;
}

.pipeline-line span {
  padding: var(--space-sm) var(--space-md);
  border: var(--rule-hair) solid var(--color-rule);
  background: var(--color-paper);
  font-size: var(--text-sm);
  font-weight: 600;
}

.pipeline-line span:nth-child(2) {
  border-color: var(--color-accent);
  background: var(--color-accent-soft);
  color: var(--color-accent-deep);
}

.ats-manifest blockquote {
  padding-top: var(--space-lg);
  border-top: var(--rule-strong) solid var(--color-ink);
  color: var(--color-ink-2);
  font-size: var(--text-sm);
}

.ats-features {
  border-top: var(--rule-strong) solid var(--color-ink);
}

.ats-features article {
  min-height: 9rem;
  padding: var(--space-xl) 0;
  gap: var(--space-lg);
  border-bottom: var(--rule-hair) solid var(--color-rule);
  grid-template-columns: 2.5rem minmax(9rem, .42fr) minmax(0, 1fr);
  align-items: start;
  display: grid;
}

.ats-features h3 {
  font-size: var(--text-md);
  font-weight: 600;
  line-height: 1.15;
}

.ats-features p {
  color: var(--color-ink-2);
}

.workflow-section {
  min-height: 48rem;
  padding: var(--space-4xl) var(--page-gutter);
  gap: var(--space-4xl);
  background: radial-gradient(circle at 78% 22%,
      color-mix(in oklch, var(--color-accent) 14%, transparent),
      transparent 31%),
    linear-gradient(var(--color-rule-2) var(--rule-hair),
      transparent var(--rule-hair)),
    linear-gradient(90deg,
      var(--color-rule-2) var(--rule-hair),
      transparent var(--rule-hair)),
    linear-gradient(145deg, var(--color-accent-soft), var(--color-paper-2));
  background-size: auto, 3.5rem 3.5rem, 3.5rem 3.5rem, auto;
  grid-template-columns: minmax(20rem, .86fr) minmax(0, 1.14fr);
  display: grid;
  overflow: clip;
}

.workflow-copy {
  align-self: start;
  position: sticky;
  top: 7rem;
}

.workflow-copy h2 {
  margin-top: var(--space-xl);
}

.workflow-list {
  border-top: var(--rule-strong) solid var(--color-accent-deep);
}

.workflow-list > div {
  min-height: 13rem;
  padding: var(--space-xl) 0;
  gap: var(--space-xl);
  border-bottom: var(--rule-hair) solid color-mix(in oklch, var(--color-accent-deep) 25%, transparent);
  grid-template-columns: minmax(10rem, .42fr) minmax(0, 1fr);
  display: grid;
}

.workflow-list span {
  font-family: var(--font-display);
  font-size: var(--text-md);
  font-weight: 600;
  line-height: 1.15;
}

.workflow-list p {
  color: var(--color-ink-2);
  font-size: var(--text-base);
}

.security-section {
  padding: var(--space-4xl) var(--page-gutter);
  gap: var(--space-4xl);
  border-bottom: var(--rule-hair) solid var(--color-rule);
  grid-template-columns: minmax(20rem, .9fr) minmax(0, 1.1fr);
  display: grid;
}

.security-statement h2 {
  margin-top: var(--space-xl);
}

.security-details {
  border-top: var(--rule-strong) solid var(--color-ink);
}

.security-details article {
  padding: var(--space-xl) 0;
  gap: var(--space-xl);
  border-bottom: var(--rule-hair) solid var(--color-rule);
  grid-template-columns: minmax(9rem, .35fr) minmax(0, 1fr);
  display: grid;
}

.security-details span {
  font-weight: 700;
}

.security-details p {
  color: var(--color-ink-2);
}

.faq-section {
  padding: var(--space-4xl) var(--page-gutter);
  gap: var(--space-4xl);
  grid-template-columns: minmax(20rem, .72fr) minmax(0, 1.28fr);
  display: grid;
}

.faq-heading > p {
  color: var(--color-accent-deep);
  font-size: var(--text-xs);
  letter-spacing: .09em;
  text-transform: uppercase;
  font-weight: 700;
}

.faq-heading h2 {
  margin-top: var(--space-lg);
}

.faq-list {
  border-top: var(--rule-strong) solid var(--color-ink);
}

.faq-list details {
  border-bottom: var(--rule-hair) solid var(--color-rule);
}

.faq-list summary {
  min-height: 5.5rem;
  padding: var(--space-lg) 3rem var(--space-lg) 0;
  cursor: pointer;
  font-family: var(--font-display);
  font-size: var(--text-base);
  align-items: center;
  font-weight: 600;
  line-height: 1.25;
  list-style: none;
  display: flex;
  position: relative;
}

.faq-list summary::-webkit-details-marker {
  display: none;
}

.faq-list summary:after {
  content: none;
}

.faq-toggle {
  border: var(--rule-hair) solid var(--color-rule);
  width: 1.75rem;
  height: 1.75rem;
  transition: transform .42s var(--ease-out),
    border-color .22s var(--ease-out),
    background-color .22s var(--ease-out);
  border-radius: 50%;
  position: absolute;
  right: 0;
}

.faq-toggle:before, .faq-toggle:after {
  content: "";
  width: .7rem;
  height: var(--rule-hair);
  background: var(--color-accent-deep);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.faq-toggle:after {
  transition: transform .32s var(--ease-out);
  transform: translate(-50%, -50%)rotate(90deg);
}

.faq-list details[open] .faq-toggle {
  border-color: color-mix(in oklch, var(--color-accent) 42%, var(--color-rule));
  background: color-mix(in oklch, var(--color-accent-soft) 55%, transparent);
  transform: rotate(180deg);
}

.faq-list details[open] .faq-toggle:after {
  transform: translate(-50%, -50%)rotate(0);
}

.faq-list summary:active {
  background: var(--color-paper-2);
}

.faq-answer {
  opacity: 0;
  transition: grid-template-rows .42s var(--ease-out),
    opacity .28s var(--ease-out);
  grid-template-rows: 0fr;
  display: grid !important;
}

.faq-answer > div {
  overflow: hidden;
}

.faq-list details[open] .faq-answer {
  opacity: 1;
  grid-template-rows: 1fr;
}

.faq-answer p {
  max-width: 43rem;
  padding: 0 var(--space-xl) var(--space-xl) 0;
  color: var(--color-ink-2);
}

.closing-section {
  width: min(calc(100% - 2 * var(--page-gutter)), 82rem);
  margin: 0 auto var(--space-3xl);
  padding: var(--space-3xl);
  gap: var(--space-2xl);
  background: repeating-linear-gradient(135deg,
      color-mix(in oklch, var(--color-accent-soft) 8%, transparent) 0,
      color-mix(in oklch, var(--color-accent-soft) 8%, transparent) var(--rule-hair),
      transparent var(--rule-hair),
      transparent var(--space-sm)),
    radial-gradient(circle at 74% 30%,
      color-mix(in oklch, var(--color-accent) 45%, transparent),
      transparent 34%),
    linear-gradient(135deg,
      var(--color-accent-deep),
      color-mix(in oklch, var(--color-accent-deep) 78%, var(--color-dark-paper)));
  color: var(--color-accent-ink);
  grid-template-columns: minmax(12rem, .32fr) minmax(0, 1fr) auto;
  align-items: center;
  display: grid;
  overflow: clip;
}

.closing-section > p {
  max-width: 15rem;
  color: var(--color-accent-soft);
  font-size: var(--text-sm);
}

.closing-section h2 {
  letter-spacing: -.04em;
  max-width: 15ch;
  font-size: clamp(2.15rem, 3.25vw, 3.25rem);
  font-weight: 500;
  line-height: 1.04;
}

.button-primary-light {
  border-color: var(--color-paper);
  background: var(--color-paper);
  color: var(--color-ink);
}

.button-primary-light:hover {
  border-color: var(--color-accent-soft);
  background: var(--color-accent-soft);
}

.product-stage, .evidence-story, .ats-story, .research-story, .workflow-story, .trust-story, .faq-story, .final-cta {
  width: min(100%, var(--page-width));
  margin-inline: auto;
}

.product-stage {
  padding: var(--space-4xl) var(--page-gutter);
  background: radial-gradient(circle at 88% 8%, color-mix(in oklch, var(--color-accent-soft) 34%, transparent), transparent 28%),
    linear-gradient(155deg, var(--color-paper), var(--color-paper-2));
}

.product-stage-heading {
  margin-bottom: var(--space-2xl);
  gap: var(--space-3xl);
  grid-template-columns: minmax(12rem, .48fr) minmax(0, 1fr);
  align-items: end;
  display: grid;
}

.product-stage-heading > p {
  max-width: 18rem;
  color: var(--color-ink-2);
  font-size: var(--text-md);
  line-height: 1.45;
}

.product-stage-heading span, .ats-story-copy > span, .workflow-story-heading > span, .trust-story > div:first-child > span, .faq-story > div:first-child > span, .story-label, .final-cta > span {
  color: var(--color-accent-deep);
  font-family: var(--font-data);
  font-size: var(--text-xs);
  font-weight: 600;
}

.product-stage-heading h2, .evidence-story h2, .ats-story-copy h2, .workflow-story-heading h2, .trust-story h2, .faq-story h2, .final-cta h2 {
  margin-top: var(--space-sm);
  letter-spacing: -.05em;
  text-wrap: balance;
  font-size: clamp(2.5rem, 4.5vw, 4.6rem);
  font-weight: 500;
  line-height: .98;
}

.product-stage-heading h2 {
  max-width: 16ch;
}

.product-window {
  border: var(--rule-hair) solid var(--color-rule);
  border-radius: var(--radius-lg);
  background: color-mix(in oklch, var(--color-paper) 94%, transparent);
  box-shadow: 0 1px 0 white inset,
    0 2rem 6rem color-mix(in oklch, var(--color-ink) 12%, transparent);
  overflow: hidden;
}

.product-window-bar {
  min-height: 3.5rem;
  padding: 0 var(--space-lg);
  align-items: center;
  gap: var(--space-md);
  border-bottom: var(--rule-hair) solid var(--color-rule-2);
  color: var(--color-muted);
  font-size: var(--text-xs);
  grid-template-columns: 1fr auto 1fr;
  display: grid;
}

.product-window-bar > span:last-child {
  justify-self: end;
}

.window-controls {
  gap: var(--space-xs);
  display: flex;
}

.window-controls i {
  background: var(--color-rule);
  border-radius: 50%;
  width: .55rem;
  height: .55rem;
  display: block;
}

.window-controls i:first-child {
  background: var(--color-accent);
}

.screening-mockup {
  grid-template-columns: minmax(15rem, .32fr) minmax(0, 1fr);
  min-height: 39rem;
  display: grid;
}

.candidate-list {
  padding: var(--space-lg);
  border-right: var(--rule-hair) solid var(--color-rule-2);
  background: radial-gradient(circle at 0 100%, color-mix(in oklch, var(--color-accent-soft) 35%, transparent), transparent 35%),
    linear-gradient(160deg, var(--color-paper-2), var(--color-paper));
}

.candidate-list-heading {
  padding: var(--space-xs) var(--space-sm) var(--space-lg);
  color: var(--color-muted);
  font-size: var(--text-xs);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.candidate-list-heading strong {
  color: var(--color-ink);
}

.candidate-row {
  padding: var(--space-md) var(--space-sm);
  gap: var(--space-sm);
  border-top: var(--rule-hair) solid var(--color-rule-2);
  grid-template-columns: 1.5rem minmax(0, 1fr) auto;
  align-items: center;
  display: grid;
}

.candidate-row > span, .candidate-row small {
  color: var(--color-muted);
  font-size: var(--text-xs);
}

.candidate-row > div {
  display: grid;
}

.candidate-row strong {
  font-size: var(--text-sm);
  font-weight: 600;
}

.candidate-row > b {
  color: var(--color-accent-deep);
  font-size: var(--text-sm);
}

.candidate-row.is-selected {
  margin-inline: calc(var(--space-sm) * -1);
  padding-inline: calc(var(--space-sm) * 2);
  border: var(--rule-hair) solid color-mix(in oklch, var(--color-accent) 35%, var(--color-rule-2));
  border-radius: var(--radius-sm);
  background: color-mix(in oklch, var(--color-accent-soft) 54%, var(--color-paper));
}

.candidate-report {
  padding: clamp(var(--space-xl), 4vw, var(--space-3xl));
  background: radial-gradient(circle at 86% 12%, color-mix(in oklch, var(--color-accent-soft) 30%, transparent), transparent 29%),
    linear-gradient(145deg, var(--color-paper), color-mix(in oklch, var(--color-paper-2) 65%, white));
  flex-direction: column;
  display: flex;
}

.candidate-report header {
  justify-content: space-between;
  gap: var(--space-xl);
  align-items: flex-start;
  display: flex;
}

.candidate-report header > div:first-child > span, .report-summary > span, .report-signals span, .pipeline-heading span, .pipeline-note span, .pipeline-history span {
  color: var(--color-muted);
  font-size: var(--text-xs);
  font-weight: 600;
}

.candidate-report h3 {
  max-width: 16ch;
  margin-top: var(--space-xs);
  letter-spacing: -.04em;
  font-size: clamp(1.65rem, 2.7vw, 2.7rem);
  font-weight: 550;
  line-height: 1.05;
}

.report-score {
  min-width: 6.5rem;
  padding-left: var(--space-lg);
  border-left: var(--rule-hair) solid var(--color-rule);
  display: grid;
}

.report-score strong {
  color: var(--color-accent-deep);
  font-size: var(--text-3xl);
  letter-spacing: -.06em;
  font-weight: 500;
  line-height: .95;
}

.report-score span {
  color: var(--color-muted);
  font-size: var(--text-xs);
}

.report-summary {
  max-width: 47rem;
  margin-top: var(--space-2xl);
  padding-top: var(--space-lg);
  border-top: var(--rule-strong) solid var(--color-ink);
}

.report-summary p {
  margin-top: var(--space-sm);
  color: var(--color-ink-2);
  font-size: var(--text-md);
  line-height: 1.55;
}

.report-signals {
  margin-top: var(--space-2xl);
  gap: var(--space-2xl);
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.report-signals > div {
  align-content: start;
  gap: var(--space-xs);
  display: grid;
}

.report-signals p {
  padding: var(--space-sm) 0;
  border-bottom: var(--rule-hair) solid var(--color-rule-2);
  font-size: var(--text-sm);
}

.candidate-report footer {
  padding-top: var(--space-xl);
  justify-content: space-between;
  align-items: center;
  gap: var(--space-md);
  color: var(--color-muted);
  font-size: var(--text-xs);
  margin-top: auto;
  display: flex;
}

.candidate-report button, .pipeline-heading button {
  padding: var(--space-sm) var(--space-md);
  border-radius: var(--radius-sm);
  background: var(--color-ink);
  color: var(--color-paper);
  font: inherit;
  border: 0;
  font-weight: 600;
}

.evidence-story {
  padding: var(--space-4xl) var(--page-gutter);
  gap: var(--space-3xl);
  background: radial-gradient(circle at 4% 80%, color-mix(in oklch, var(--color-accent-soft) 32%, transparent), transparent 25%),
    linear-gradient(145deg, var(--color-paper-2), var(--color-paper));
  grid-template-columns: .48fr 1fr;
  display: grid;
}

.evidence-story h2 {
  grid-column: 2;
  max-width: 11ch;
}

.evidence-statements {
  margin-top: var(--space-xl);
  gap: var(--space-xl);
  grid-column: 2;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.evidence-statements p {
  padding-top: var(--space-lg);
  border-top: var(--rule-strong) solid var(--color-ink);
  color: var(--color-ink-2);
}

.evidence-statements strong {
  margin-bottom: var(--space-xs);
  color: var(--color-ink);
  display: block;
}

.ats-story {
  padding: var(--space-4xl) var(--page-gutter);
  background: radial-gradient(ellipse at 86% 12%, color-mix(in oklch, var(--color-accent-soft) 28%, transparent), transparent 28%),
    radial-gradient(ellipse at 10% 92%, color-mix(in oklch, var(--color-paper-3) 50%, transparent), transparent 31%),
    linear-gradient(155deg, var(--color-paper), color-mix(in oklch, var(--color-paper-2) 62%, white));
}

.ats-story-header {
  gap: var(--space-4xl);
  grid-template-columns: minmax(0, 1fr) minmax(19rem, .58fr);
  align-items: end;
  display: grid;
}

.ats-story-copy h2 {
  max-width: 15ch;
  font-size: clamp(2.5rem, 4vw, 4rem);
}

.ats-story-header > p {
  max-width: 35rem;
  color: var(--color-ink-2);
  font-size: var(--text-md);
}

.ats-story-body {
  margin-top: var(--space-3xl);
  gap: var(--space-2xl);
  grid-template-columns: minmax(0, 1.35fr) minmax(17rem, .65fr);
  align-items: stretch;
  display: grid;
}

.ats-story-features {
  border-top: var(--rule-strong) solid var(--color-ink);
}

.ats-story-features > div {
  padding: var(--space-xl) 0;
  border-bottom: var(--rule-hair) solid var(--color-rule);
}

.ats-story-features p {
  max-width: 24rem;
  margin-top: var(--space-xs);
  color: var(--color-ink-2);
  font-size: var(--text-sm);
}

.pipeline-mockup {
  border: var(--rule-hair) solid var(--color-rule);
  border-radius: var(--radius-lg);
  background: color-mix(in oklch, var(--color-paper) 92%, transparent);
  box-shadow: 0 2rem 6rem color-mix(in oklch, var(--color-ink) 11%, transparent);
  overflow: hidden;
}

.pipeline-heading {
  padding: var(--space-xl);
  justify-content: space-between;
  align-items: center;
  gap: var(--space-lg);
  display: flex;
}

.pipeline-heading > div {
  display: grid;
}

.pipeline-heading strong {
  font-size: var(--text-md);
}

.pipeline-tabs {
  padding-inline: var(--space-xl);
  gap: var(--space-xl);
  border-bottom: var(--rule-hair) solid var(--color-rule);
  display: flex;
  overflow-x: auto;
}

.pipeline-tabs span {
  padding-block: var(--space-md);
  color: var(--color-muted);
  font-size: var(--text-sm);
  white-space: nowrap;
}

.pipeline-tabs span.is-active {
  border-bottom: var(--rule-strong) solid var(--color-accent-deep);
  color: var(--color-ink);
}

.pipeline-tabs b {
  margin-left: var(--space-2xs);
  font-size: var(--text-xs);
}

.pipeline-workspace {
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.pipeline-candidate, .pipeline-note, .pipeline-history {
  padding: var(--space-xl);
  margin: 0;
}

.pipeline-candidate {
  gap: var(--space-md);
  border-right: var(--rule-hair) solid var(--color-rule);
  border-bottom: var(--rule-hair) solid var(--color-rule);
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  display: grid;
}

.candidate-avatar {
  background: var(--color-accent-soft);
  width: 2.75rem;
  height: 2.75rem;
  color: var(--color-accent-deep);
  border-radius: 50%;
  place-items: center;
  font-weight: 700;
  display: grid;
}

.pipeline-candidate > div:nth-child(2) {
  display: grid;
}

.pipeline-candidate span {
  color: var(--color-muted);
  font-size: var(--text-xs);
}

.pipeline-candidate > b {
  color: var(--color-accent-deep);
  font-size: var(--text-sm);
}

.pipeline-note {
  border-bottom: var(--rule-hair) solid var(--color-rule);
  background: color-mix(in oklch, var(--color-accent-soft) 32%, var(--color-paper));
}

.pipeline-note p, .pipeline-history p {
  margin-top: var(--space-xs);
  color: var(--color-ink-2);
  font-size: var(--text-sm);
}

.pipeline-history {
  grid-column: 1 / -1;
}

.research-story {
  width: min(100%, var(--page-width));
  padding: var(--space-4xl) var(--page-gutter);
  background: radial-gradient(circle at 88% 14%, color-mix(in oklch, var(--color-accent) 15%, transparent), transparent 28%),
    radial-gradient(circle at 5% 92%, color-mix(in oklch, var(--color-accent-deep) 15%, transparent), transparent 32%),
    linear-gradient(150deg, var(--color-dark-paper), var(--color-dark-paper-2));
  color: var(--color-dark-ink);
  margin-inline: auto;
}

.research-heading {
  max-width: 64rem;
}

.research-heading > span {
  color: var(--color-accent);
  font-family: var(--font-data);
  font-size: var(--text-xs);
  font-weight: 600;
}

.research-heading h2 {
  max-width: 15ch;
  margin-top: var(--space-sm);
  letter-spacing: -.05em;
  font-size: clamp(2.5rem, 4vw, 4rem);
  font-weight: 500;
  line-height: .98;
}

.research-heading > p {
  max-width: 43rem;
  margin-top: var(--space-xl);
  color: var(--color-dark-muted);
  font-size: var(--text-md);
}

.research-layout {
  margin-top: var(--space-3xl);
  gap: var(--space-3xl);
  grid-template-columns: minmax(19rem, .7fr) minmax(0, 1.3fr);
  align-items: start;
  display: grid;
}

.research-modes {
  border-top: var(--rule-strong) solid var(--color-dark-ink);
}

.research-modes article {
  padding: var(--space-xl) 0;
  gap: var(--space-lg);
  border-bottom: var(--rule-hair) solid var(--color-dark-rule);
  grid-template-columns: auto minmax(0, 1fr);
  display: grid;
}

.research-icon {
  border: var(--rule-hair) solid color-mix(in oklch, var(--color-accent) 42%, transparent);
  background: color-mix(in oklch, var(--color-accent) 8%, transparent);
  border-radius: 50%;
  place-items: center;
  width: 3.75rem;
  height: 3.75rem;
  display: grid;
}

.research-icon svg {
  fill: none;
  width: 2rem;
  height: 2rem;
  stroke: var(--color-accent);
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.research-modes article span, .research-run header span, .research-findings span, .research-run footer > span {
  color: var(--color-dark-muted);
  font-size: var(--text-xs);
  font-weight: 600;
}

.research-modes h3 {
  margin-top: var(--space-xs);
  font-size: var(--text-md);
  font-weight: 600;
}

.research-modes p {
  margin-top: var(--space-sm);
  color: var(--color-dark-muted);
  font-size: var(--text-sm);
}

.research-run {
  border: var(--rule-hair) solid var(--color-dark-rule);
  border-radius: var(--radius-lg);
  background: radial-gradient(circle at 92% 0%, color-mix(in oklch, var(--color-accent) 10%, transparent), transparent 30%),
    linear-gradient(145deg, var(--color-dark-paper-2), var(--color-dark-paper-3));
  overflow: hidden;
  box-shadow: 0 2rem 6rem #0000004d;
  box-shadow: 0 2rem 6rem lab(0% 0 0 / .3);
}

.research-run header {
  padding: var(--space-xl);
  justify-content: space-between;
  gap: var(--space-lg);
  border-bottom: var(--rule-hair) solid var(--color-dark-rule);
  align-items: center;
  display: flex;
}

.research-run header > div {
  display: grid;
}

.research-run header strong {
  font-size: var(--text-md);
}

.research-run header > b {
  padding: var(--space-xs) var(--space-sm);
  border: var(--rule-hair) solid color-mix(in oklch, var(--color-accent) 45%, transparent);
  color: var(--color-accent);
  font-size: var(--text-xs);
  border-radius: 999px;
}

.research-progress {
  padding: var(--space-lg) var(--space-xl);
  gap: var(--space-md);
  color: var(--color-accent);
  font-size: var(--text-xs);
  grid-template-columns: auto minmax(5rem, 1fr);
  align-items: center;
  font-weight: 600;
  display: grid;
}

.research-progress i {
  background: var(--color-dark-rule);
  border-radius: 999px;
  height: .25rem;
  overflow: hidden;
}

.research-progress i:after {
  content: "";
  border-radius: inherit;
  background: linear-gradient(90deg, var(--color-accent-deep), var(--color-accent));
  width: 100%;
  height: 100%;
  display: block;
}

.research-findings {
  padding-inline: var(--space-xl);
}

.research-findings article {
  padding: var(--space-lg) 0;
  gap: var(--space-lg);
  border-top: var(--rule-hair) solid var(--color-dark-rule);
  grid-template-columns: minmax(9rem, .3fr) minmax(12rem, .36fr) minmax(0, 1fr);
  display: grid;
}

.research-findings strong {
  font-size: var(--text-sm);
}

.research-findings p {
  color: var(--color-dark-muted);
  font-size: var(--text-sm);
}

.research-run footer {
  padding: var(--space-xl);
  justify-content: space-between;
  gap: var(--space-lg);
  border-top: var(--rule-hair) solid var(--color-dark-rule);
  align-items: center;
  display: flex;
}

.research-run footer button {
  padding: var(--space-sm) var(--space-md);
  border-radius: var(--radius-sm);
  background: var(--color-accent);
  color: var(--color-ink);
  font: inherit;
  border: 0;
  font-weight: 650;
}

.research-story {
  background: radial-gradient(circle at 86% 6%, color-mix(in oklch, var(--color-accent-soft) 48%, transparent), transparent 27%),
    repeating-radial-gradient(ellipse at 0% 110%, transparent 0, transparent 2.5rem, color-mix(in oklch, var(--color-accent) 6%, transparent) 2.6rem, transparent 2.7rem),
    linear-gradient(155deg, var(--color-paper), var(--color-paper-2));
  color: var(--color-ink);
}

.research-heading {
  gap: var(--space-4xl);
  grid-template-columns: minmax(0, 1fr) minmax(20rem, .58fr);
  align-items: end;
  max-width: none;
  display: grid;
}

.research-heading > div:first-child > span {
  color: var(--color-accent-deep);
  font-family: var(--font-data);
  font-size: var(--text-xs);
  font-weight: 600;
}

.research-heading h2 {
  max-width: 14ch;
  color: var(--color-ink);
}

.research-intro > p {
  color: var(--color-ink-2);
  font-size: var(--text-md);
}

.research-intro > span {
  margin-top: var(--space-lg);
  padding: var(--space-xs) var(--space-sm);
  border: var(--rule-hair) solid color-mix(in oklch, var(--color-accent) 36%, var(--color-rule));
  background: color-mix(in oklch, var(--color-accent-soft) 48%, transparent);
  color: var(--color-accent-deep);
  font-size: var(--text-xs);
  border-radius: 999px;
  font-weight: 650;
  display: inline-flex;
}

.research-lanes {
  margin-top: var(--space-3xl);
  border-top: var(--rule-strong) solid var(--color-ink);
  border-bottom: var(--rule-hair) solid var(--color-rule);
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.research-lanes > article {
  min-height: 36rem;
  padding: var(--space-3xl);
  flex-direction: column;
  display: flex;
}

.research-lanes > article:first-child {
  border-right: var(--rule-hair) solid var(--color-rule);
}

.research-lane-top {
  gap: var(--space-lg);
  align-items: center;
  display: flex;
}

.research-lanes .research-icon {
  border-color: color-mix(in oklch, var(--color-accent) 35%, var(--color-rule));
  background: color-mix(in oklch, var(--color-accent-soft) 55%, var(--color-paper));
  flex: none;
}

.research-lanes .research-icon svg {
  stroke: var(--color-accent-deep);
}

.research-lane-top span, .research-output > span, .research-lanes footer span {
  color: var(--color-muted);
  font-size: var(--text-xs);
  font-weight: 600;
}

.research-lane-top h3 {
  margin-top: var(--space-2xs);
  font-size: var(--text-lg);
  letter-spacing: -.025em;
  font-weight: 600;
}

.research-lanes > article > p {
  max-width: 32rem;
  margin-top: var(--space-xl);
  color: var(--color-ink-2);
  font-size: var(--text-md);
}

.research-output {
  margin-top: var(--space-2xl);
  padding-top: var(--space-lg);
  border-top: var(--rule-hair) solid var(--color-rule);
}

.research-output ul {
  margin: var(--space-sm) 0 0;
  padding: 0;
  list-style: none;
}

.research-output li {
  padding: var(--space-sm) 0 var(--space-sm) var(--space-lg);
  color: var(--color-ink-2);
  font-size: var(--text-sm);
  position: relative;
}

.research-output li:before {
  content: "";
  background: var(--color-accent);
  border-radius: 50%;
  width: .45rem;
  height: .45rem;
  position: absolute;
  top: 1.15rem;
  left: 0;
}

.research-lanes footer {
  padding-top: var(--space-xl);
  justify-content: space-between;
  gap: var(--space-lg);
  align-items: center;
  margin-top: auto;
  display: flex;
}

.research-lanes footer b {
  color: var(--color-accent-deep);
  font-size: var(--text-xs);
}

.workflow-story {
  padding: var(--space-4xl) var(--page-gutter);
  background: radial-gradient(ellipse at 12% 8%, color-mix(in oklch, var(--color-accent-soft) 34%, transparent), transparent 25%),
    repeating-radial-gradient(ellipse at 100% 120%, transparent 0, transparent 2.2rem, color-mix(in oklch, var(--color-accent) 7%, transparent) 2.3rem, transparent 2.4rem),
    linear-gradient(150deg, var(--color-paper-2), var(--color-paper));
}

.workflow-story-heading {
  display: block;
}

.workflow-story-heading h2 {
  max-width: 15ch;
  font-size: clamp(2.5rem, 4vw, 4rem);
}

.workflow-story-heading > p {
  max-width: 38rem;
  margin-top: var(--space-lg);
  color: var(--color-ink-2);
  font-size: var(--text-md);
}

.workflow-story-steps {
  margin-top: var(--space-3xl);
  border-top: var(--rule-strong) solid var(--color-ink);
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

.workflow-story-steps article {
  min-height: 20rem;
  padding: var(--space-xl);
  border-right: var(--rule-hair) solid var(--color-rule);
  flex-direction: column;
  display: flex;
}

.workflow-story-steps article:last-child {
  border-right: 0;
}

.workflow-story-steps article > span {
  color: var(--color-accent-deep);
  font-family: var(--font-data);
  font-size: var(--text-xs);
}

.workflow-story-steps h3 {
  font-size: var(--text-lg);
  margin-top: auto;
  font-weight: 600;
}

.workflow-story-steps p {
  margin-top: var(--space-sm);
  color: var(--color-ink-2);
}

.trust-story {
  padding: var(--space-4xl) var(--page-gutter);
  background: radial-gradient(circle at 50% 10%, color-mix(in oklch, var(--color-accent-soft) 38%, transparent), transparent 28%),
    repeating-radial-gradient(circle at 50% -16%, transparent 0, transparent 2.8rem, color-mix(in oklch, var(--color-accent) 6%, transparent) 2.9rem, transparent 3rem),
    linear-gradient(155deg, var(--color-paper), var(--color-paper-2));
  color: var(--color-ink);
}

.trust-heading {
  text-align: center;
  max-width: 52rem;
  margin-inline: auto;
}

.trust-story .trust-heading > span {
  color: var(--color-accent-deep);
}

.trust-story h2 {
  max-width: none;
  font-size: clamp(2.5rem, 4vw, 4rem);
}

.trust-heading > p {
  max-width: 38rem;
  margin: var(--space-lg) auto 0;
  color: var(--color-ink-2);
  font-size: var(--text-md);
}

.trust-grid {
  margin-top: var(--space-3xl);
  gap: var(--space-2xl);
  grid-template-columns: repeat(4, 1fr);
  align-items: start;
  display: grid;
}

.trust-grid article {
  text-align: center;
}

.trust-icon {
  border: var(--rule-hair) solid color-mix(in oklch, var(--color-accent) 30%, var(--color-rule));
  background: radial-gradient(circle at 32% 26%, white, transparent 55%),
    color-mix(in oklch, var(--color-accent-soft) 52%, var(--color-paper));
  border-radius: 50%;
  place-items: center;
  width: 7.5rem;
  height: 7.5rem;
  margin-inline: auto;
  display: grid;
}

.trust-icon svg {
  fill: none;
  width: 3.75rem;
  height: 3.75rem;
  stroke: var(--color-accent-deep);
  stroke-width: 2.2px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.trust-grid h3 {
  margin-top: var(--space-lg);
  font-size: var(--text-base);
  font-weight: 650;
}

.trust-grid p {
  max-width: 17rem;
  margin: var(--space-sm) auto 0;
  color: var(--color-ink-2);
  font-size: var(--text-sm);
}

.faq-story {
  padding: var(--space-4xl) var(--page-gutter);
  gap: var(--space-4xl);
  background: radial-gradient(circle at 5% 10%, color-mix(in oklch, var(--color-accent-soft) 28%, transparent), transparent 25%),
    linear-gradient(145deg, var(--color-paper), var(--color-paper-2));
  grid-template-columns: .72fr 1.28fr;
  display: grid;
}

.faq-story h2 {
  max-width: 9ch;
}

.final-cta {
  padding: var(--space-4xl) var(--page-gutter);
  border-top: var(--rule-hair) solid var(--color-rule);
  background: radial-gradient(circle at 76% 100%, color-mix(in oklch, var(--color-accent) 18%, transparent), transparent 34%),
    linear-gradient(155deg, var(--color-accent-soft), var(--color-paper));
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.final-cta h2 {
  max-width: 15ch;
  margin-top: var(--space-lg);
}

.final-cta > div {
  margin-top: var(--space-2xl);
  align-items: center;
  gap: var(--space-lg);
  display: flex;
}

.final-cta > div p {
  color: var(--color-ink-2);
  font-size: var(--text-sm);
}

.product-stage, .evidence-story, .ats-story, .research-story, .workflow-story, .trust-story, .faq-story, .final-cta {
  width: 100%;
  padding-right: max(var(--page-gutter), calc((100vw - var(--page-width)) / 2 + var(--page-gutter)));
  padding-left: max(var(--page-gutter), calc((100vw - var(--page-width)) / 2 + var(--page-gutter)));
  border-top: var(--rule-hair) solid color-mix(in oklch, var(--color-rule) 55%, transparent);
  margin-inline: 0;
  position: relative;
}

.research-story {
  border-top-color: color-mix(in oklch, var(--color-rule) 55%, transparent);
}

.workflow-story {
  box-shadow: 0 -2.5rem 5rem color-mix(in oklch, var(--color-ink) 3%, transparent);
}

.trust-story, .faq-story, .final-cta {
  box-shadow: 0 -2rem 4rem color-mix(in oklch, var(--color-ink) 3%, transparent);
}

.site-footer {
  padding: var(--space-3xl) max(var(--page-gutter), calc((100vw - var(--page-width)) / 2 + var(--page-gutter))) var(--space-xl);
  gap: var(--space-xl);
  background: radial-gradient(circle at 12% 16%,
      color-mix(in oklch, var(--color-accent) 10%, transparent),
      transparent 27%),
    repeating-linear-gradient(90deg,
      color-mix(in oklch, var(--color-dark-rule) 24%, transparent) 0,
      color-mix(in oklch, var(--color-dark-rule) 24%, transparent) var(--rule-hair),
      transparent var(--rule-hair),
      transparent 4rem),
    linear-gradient(145deg, var(--color-dark-paper), var(--color-dark-paper-2));
  color: var(--color-dark-ink);
  grid-template-columns: 1fr 1fr auto;
  align-items: start;
  display: grid;
  overflow: clip;
}

.site-footer .brand-logo {
  grid-column: 1 / -1;
}

.site-footer > p {
  max-width: 29rem;
  color: var(--color-dark-muted);
}

.site-footer nav {
  gap: var(--space-lg);
  flex-wrap: wrap;
  display: flex;
}

.site-footer nav a, .site-footer > span {
  color: var(--color-dark-muted);
  font-size: var(--text-xs);
  white-space: nowrap;
  font-weight: 600;
}

.site-footer nav a:hover {
  color: var(--color-dark-ink);
}

.research-story {
  padding-bottom: var(--space-2xl);
}

.workflow-story {
  padding-top: var(--space-2xl);
}

.public-footer {
  padding: var(--space-3xl) max(var(--page-gutter), calc((100vw - var(--page-width)) / 2 + var(--page-gutter))) var(--space-xl);
  background: radial-gradient(circle at 12% 0%, color-mix(in oklch, var(--color-accent) 12%, transparent), transparent 29%),
    repeating-linear-gradient(90deg, color-mix(in oklch, var(--color-dark-rule) 20%, transparent) 0, color-mix(in oklch, var(--color-dark-rule) 20%, transparent) var(--rule-hair), transparent var(--rule-hair), transparent 5rem),
    linear-gradient(145deg, var(--color-dark-paper), var(--color-dark-paper-2));
  color: var(--color-dark-ink);
}

.footer-main {
  gap: var(--space-4xl);
  border-bottom: var(--rule-hair) solid var(--color-dark-rule);
  grid-template-columns: minmax(15rem, 1fr) minmax(28rem, 1fr);
  align-items: start;
  display: grid;
}

.footer-brand {
  gap: var(--space-lg);
  display: grid;
}

.footer-brand p {
  color: var(--color-dark-muted);
  font-size: var(--text-sm);
}

.footer-links {
  padding-bottom: var(--space-3xl);
  gap: var(--space-2xl);
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.footer-links > div {
  align-content: start;
  gap: var(--space-sm);
  display: grid;
}

.footer-links span {
  margin-bottom: var(--space-xs);
  color: var(--color-accent);
  font-family: var(--font-data);
  font-size: var(--text-xs);
}

.footer-links a, .footer-bottom {
  color: var(--color-dark-muted);
  font-size: var(--text-sm);
}

.footer-links a:hover {
  color: var(--color-dark-ink);
}

.footer-bottom {
  padding-top: var(--space-xl);
  justify-content: space-between;
  gap: var(--space-xl);
  border-top: var(--rule-hair) solid var(--color-dark-rule);
  display: flex;
}

.public-page {
  background: linear-gradient(145deg, var(--color-paper), var(--color-paper-2));
  padding-top: 6.25rem;
}

.public-hero {
  padding: var(--space-4xl) max(var(--page-gutter), calc((100vw - var(--page-width)) / 2 + var(--page-gutter))) var(--space-3xl);
  background: radial-gradient(circle at 82% 18%, color-mix(in oklch, var(--color-accent-soft) 42%, transparent), transparent 29%),
    repeating-radial-gradient(ellipse at 50% 120%, transparent 0, transparent 2.4rem, color-mix(in oklch, var(--color-accent) 7%, transparent) 2.5rem, transparent 2.6rem),
    linear-gradient(145deg, var(--color-paper), var(--color-paper-2));
}

.public-hero > span, .pricing-summary > span, .pricing-included > span, .public-callout > span, .contact-options span, .legal-page header > span, .security-disclosure span {
  color: var(--color-accent-deep);
  font-family: var(--font-data);
  font-size: var(--text-xs);
  font-weight: 600;
}

.public-hero h1 {
  max-width: 15ch;
  margin-top: var(--space-lg);
  letter-spacing: -.055em;
  text-wrap: balance;
  font-size: clamp(3rem, 5.4vw, 5.4rem);
  font-weight: 500;
  line-height: .98;
}

.public-hero > p {
  max-width: 44rem;
  margin-top: var(--space-xl);
  color: var(--color-ink-2);
  font-size: var(--text-md);
}

.pricing-panel {
  padding: var(--space-4xl) max(var(--page-gutter), calc((100vw - var(--page-width)) / 2 + var(--page-gutter)));
  gap: var(--space-4xl);
  background: radial-gradient(circle at 10% 90%, color-mix(in oklch, var(--color-accent-soft) 34%, transparent), transparent 25%),
    linear-gradient(155deg, var(--color-paper-2), var(--color-paper));
  grid-template-columns: minmax(18rem, .72fr) minmax(0, 1.28fr);
  display: grid;
}

.pricing-summary {
  padding-right: var(--space-3xl);
  border-right: var(--rule-hair) solid var(--color-rule);
}

.price {
  margin-top: var(--space-xl);
  gap: var(--space-lg);
  align-items: end;
  display: flex;
}

.price strong {
  letter-spacing: -.07em;
  font-size: clamp(4.5rem, 8vw, 8rem);
  font-weight: 500;
  line-height: .78;
}

.price p {
  color: var(--color-ink-2);
  font-size: var(--text-sm);
  line-height: 1.3;
}

.pricing-summary > p {
  max-width: 24rem;
  margin-top: var(--space-xl);
  color: var(--color-ink-2);
}

.pricing-summary .button-primary {
  margin-top: var(--space-xl);
}

.pricing-included > div {
  margin-top: var(--space-xl);
  border-top: var(--rule-strong) solid var(--color-ink);
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.pricing-included > div p {
  padding: var(--space-lg) var(--space-lg) var(--space-lg) 1.75rem;
  border-bottom: var(--rule-hair) solid var(--color-rule);
  position: relative;
}

.pricing-included > div p:nth-child(odd) {
  border-right: var(--rule-hair) solid var(--color-rule);
}

.pricing-included > div p:before {
  content: "✓";
  color: var(--color-accent-deep);
  position: absolute;
  left: 0;
}

.pricing-included aside {
  margin-top: var(--space-2xl);
  padding: var(--space-xl);
  border-left: .2rem solid var(--color-accent);
  background: color-mix(in oklch, var(--color-accent-soft) 42%, transparent);
}

.pricing-included aside p {
  max-width: 40rem;
  margin-top: var(--space-xs);
  color: var(--color-ink-2);
}

.public-callout {
  padding: var(--space-4xl) max(var(--page-gutter), calc((100vw - var(--page-width)) / 2 + var(--page-gutter)));
  background: radial-gradient(circle at 82% 100%, color-mix(in oklch, var(--color-accent) 17%, transparent), transparent 34%),
    linear-gradient(150deg, var(--color-accent-soft), var(--color-paper));
}

.public-callout h2 {
  max-width: 17ch;
  margin-top: var(--space-lg);
  letter-spacing: -.05em;
  font-size: clamp(2.5rem, 4.5vw, 4.5rem);
  font-weight: 500;
  line-height: 1;
}

.public-callout > a {
  margin-top: var(--space-2xl);
  padding-bottom: var(--space-xs);
  border-bottom: var(--rule-strong) solid currentColor;
  color: var(--color-accent-deep);
  font-weight: 650;
  display: inline-flex;
}

.security-principles {
  padding: var(--space-4xl) max(var(--page-gutter), calc((100vw - var(--page-width)) / 2 + var(--page-gutter)));
  background: linear-gradient(155deg, var(--color-paper-2), var(--color-paper));
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}

.security-principles article {
  min-height: 19rem;
  padding: var(--space-2xl);
  border-top: var(--rule-hair) solid var(--color-rule);
  border-right: var(--rule-hair) solid var(--color-rule);
}

.security-principles article:nth-child(2n) {
  border-right: 0;
}

.security-principles article > span {
  color: var(--color-accent-deep);
  font-family: var(--font-data);
  font-size: var(--text-xs);
}

.security-principles h2 {
  margin-top: var(--space-3xl);
  font-size: var(--text-xl);
  font-weight: 600;
}

.security-principles p {
  max-width: 32rem;
  margin-top: var(--space-sm);
  color: var(--color-ink-2);
}

.security-disclosure {
  padding: var(--space-4xl) max(var(--page-gutter), calc((100vw - var(--page-width)) / 2 + var(--page-gutter)));
  gap: var(--space-4xl);
  background: radial-gradient(circle at 85% 10%, color-mix(in oklch, var(--color-accent) 12%, transparent), transparent 30%),
    linear-gradient(145deg, var(--color-dark-paper), var(--color-dark-paper-2));
  color: var(--color-dark-ink);
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.security-disclosure h2 {
  max-width: 15ch;
  margin-top: var(--space-lg);
  letter-spacing: -.05em;
  font-size: clamp(2.5rem, 4vw, 4rem);
  font-weight: 500;
  line-height: 1;
}

.security-disclosure > div:last-child {
  border-top: var(--rule-strong) solid var(--color-dark-ink);
}

.security-disclosure > div:last-child p {
  padding: var(--space-xl) 0;
  gap: var(--space-xs);
  border-bottom: var(--rule-hair) solid var(--color-dark-rule);
  color: var(--color-dark-muted);
  display: grid;
}

.security-disclosure strong {
  color: var(--color-dark-ink);
}

.contact-options {
  padding: var(--space-4xl) max(var(--page-gutter), calc((100vw - var(--page-width)) / 2 + var(--page-gutter)));
  background: radial-gradient(circle at 12% 90%, color-mix(in oklch, var(--color-accent-soft) 30%, transparent), transparent 25%),
    linear-gradient(155deg, var(--color-paper-2), var(--color-paper));
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.contact-options a {
  min-width: 0;
  min-height: 24rem;
  padding: var(--space-2xl);
  border-top: var(--rule-strong) solid var(--color-ink);
  border-right: var(--rule-hair) solid var(--color-rule);
  flex-direction: column;
  display: flex;
}

.contact-options a:last-child {
  border-right: 0;
}

.contact-options strong {
  min-width: 0;
  font-size: var(--text-lg);
  letter-spacing: -.03em;
  overflow-wrap: anywhere;
  margin-top: auto;
  font-weight: 600;
}

.contact-options p {
  margin-top: var(--space-sm);
  color: var(--color-ink-2);
}

.about-story {
  padding: var(--space-4xl) max(var(--page-gutter), calc((100vw - var(--page-width)) / 2 + var(--page-gutter)));
  gap: var(--space-4xl);
  background: radial-gradient(circle at 90% 15%, color-mix(in oklch, var(--color-accent-soft) 30%, transparent), transparent 27%),
    linear-gradient(155deg, var(--color-paper-2), var(--color-paper));
  grid-template-columns: .8fr 1.2fr;
  display: grid;
}

.about-story span {
  color: var(--color-accent-deep);
  font-family: var(--font-data);
  font-size: var(--text-xs);
  font-weight: 600;
}

.about-story h2 {
  max-width: 13ch;
  margin-top: var(--space-lg);
  letter-spacing: -.05em;
  font-size: clamp(2.5rem, 4vw, 4rem);
  font-weight: 500;
  line-height: 1;
}

.about-story > div:last-child {
  padding-top: var(--space-xl);
  border-top: var(--rule-strong) solid var(--color-ink);
}

.about-story > div:last-child p {
  max-width: 43rem;
  color: var(--color-ink-2);
  font-size: var(--text-md);
}

.about-story > div:last-child p + p {
  margin-top: var(--space-xl);
}

.about-principles {
  padding: 0 max(var(--page-gutter), calc((100vw - var(--page-width)) / 2 + var(--page-gutter))) var(--space-4xl);
  background: linear-gradient(155deg, var(--color-paper-2), var(--color-paper));
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.about-principles article {
  min-height: 20rem;
  padding: var(--space-xl);
  border-top: var(--rule-strong) solid var(--color-ink);
  border-right: var(--rule-hair) solid var(--color-rule);
  flex-direction: column;
  display: flex;
}

.about-principles article:last-child {
  border-right: 0;
}

.about-principles span {
  color: var(--color-accent-deep);
  font-family: var(--font-data);
  font-size: var(--text-xs);
}

.about-principles h2 {
  font-size: var(--text-lg);
  margin-top: auto;
  font-weight: 600;
}

.about-principles p {
  margin-top: var(--space-sm);
  color: var(--color-ink-2);
}

.legal-page {
  padding-top: 9.5rem;
}

.legal-page > header, .legal-page > article {
  padding-right: max(var(--page-gutter), calc((100vw - var(--page-width)) / 2 + var(--page-gutter)));
  padding-left: max(var(--page-gutter), calc((100vw - var(--page-width)) / 2 + var(--page-gutter)));
}

.legal-page > header {
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-3xl);
  border-bottom: var(--rule-hair) solid var(--color-rule);
  background: radial-gradient(circle at 82% 20%, color-mix(in oklch, var(--color-accent-soft) 35%, transparent), transparent 28%),
    linear-gradient(145deg, var(--color-paper), var(--color-paper-2));
}

.legal-page h1 {
  margin-top: var(--space-lg);
  letter-spacing: -.05em;
  font-size: clamp(3rem, 5vw, 5rem);
  font-weight: 500;
  line-height: 1;
}

.legal-page header > p {
  margin-top: var(--space-lg);
  color: var(--color-muted);
}

.legal-page > article {
  width: 100%;
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-4xl);
  background: linear-gradient(145deg, var(--color-paper-2), var(--color-paper));
}

.legal-page article section {
  max-width: 54rem;
  padding-block: var(--space-xl);
  border-bottom: var(--rule-hair) solid var(--color-rule);
}

.legal-page article h2 {
  font-size: var(--text-lg);
  font-weight: 600;
}

.legal-page article p {
  margin-top: var(--space-md);
  color: var(--color-ink-2);
  font-size: var(--text-md);
  line-height: 1.7;
}

@media (max-width: 72rem) {
  .site-nav {
    grid-template-columns: 1fr auto;
  }

  .nav-links {
    display: none;
  }

  .mobile-menu {
    display: block;
  }

  .screening-layout, .ats-layout, .workflow-section, .security-section, .faq-section {
    gap: var(--space-3xl);
    grid-template-columns: 1fr;
  }

  .screening-outputs {
    justify-self: stretch;
    width: 100%;
    max-width: none;
  }

  .ats-manifest, .workflow-copy {
    position: static;
  }

  .ats-manifest {
    min-height: 33rem;
  }

  .closing-section {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .closing-section > p {
    grid-column: 1 / -1;
  }

  .ats-story, .research-layout, .trust-story, .faq-story {
    gap: var(--space-3xl);
    grid-template-columns: 1fr;
  }

  .ats-story-copy h2, .trust-story h2, .faq-story h2 {
    max-width: 16ch;
  }

  .ats-story-header, .ats-story-body, .research-heading {
    gap: var(--space-2xl);
    grid-template-columns: 1fr;
  }

  .workflow-story-steps {
    grid-template-columns: repeat(2, 1fr);
  }

  .workflow-story-steps article:nth-child(2) {
    border-right: 0;
  }

  .workflow-story-steps article:nth-child(-n+2) {
    border-bottom: var(--rule-hair) solid var(--color-rule);
  }

  .pipeline-mockup {
    width: min(100%, 48rem);
  }

  .trust-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-main {
    gap: var(--space-3xl);
    grid-template-columns: .7fr 1.3fr;
  }

  .pricing-panel, .security-disclosure {
    grid-template-columns: 1fr;
  }

  .pricing-summary {
    padding-right: 0;
    padding-bottom: var(--space-3xl);
    border-right: 0;
    border-bottom: var(--rule-hair) solid var(--color-rule);
  }

  .contact-options {
    grid-template-columns: 1fr;
  }

  .contact-options a {
    border-right: 0;
    border-bottom: var(--rule-hair) solid var(--color-rule);
    min-height: 17rem;
    padding-inline: 0;
  }

  .about-story {
    gap: var(--space-3xl);
    grid-template-columns: 1fr;
  }
}

@media (max-width: 50rem) {
  .site-nav {
    width: calc(100% - 1rem);
    min-height: 3.5rem;
    top: var(--space-sm);
    padding: var(--space-xs);
  }

  .brand-compact {
    gap: var(--space-xs);
    font-size: var(--text-xs);
    padding: 0;
  }

  .brand-compact-mark {
    width: 2rem;
    height: 2rem;
  }

  .brand-compact > span {
    min-height: 2rem;
  }

  .nav-signin {
    display: none;
  }

  .nav-cta {
    min-height: 2.5rem;
    padding-inline: var(--space-sm);
    font-size: var(--text-xs);
  }

  .nav-actions {
    gap: var(--space-xs);
  }

  .mobile-menu nav {
    width: min(19rem, 100vw - 1rem);
  }

  .mobile-menu summary {
    width: 2.5rem;
    height: 2.5rem;
  }

  .hero {
    min-height: 39rem;
    padding-top: calc(var(--space-3xl) + var(--space-xl));
    padding-bottom: var(--space-3xl);
  }

  .hero:before {
    top: 0;
  }

  .hero h1 {
    max-width: 13ch;
    font-size: clamp(2.75rem, 12vw, 3.75rem);
  }

  .hero-lede {
    font-size: var(--text-base);
  }

  .hero-actions {
    flex-direction: column;
    width: 100%;
  }

  .hero-actions a {
    width: min(100%, 20rem);
  }

  .public-hero, .pricing-panel, .security-principles, .security-disclosure, .contact-options, .about-story, .public-callout {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }

  .public-page {
    padding-top: 5rem;
  }

  .public-hero > p, .public-hero h1, .public-callout h2 {
    text-wrap: pretty;
  }

  .public-hero h1 {
    font-size: clamp(2.75rem, 13vw, 4rem);
  }

  .pricing-included > div, .security-principles {
    grid-template-columns: 1fr;
  }

  .pricing-summary .price {
    gap: var(--space-md);
  }

  .price strong {
    font-size: clamp(4rem, 23vw, 5.25rem);
  }

  .pricing-included aside {
    padding: var(--space-lg);
  }

  .pricing-included > div p:nth-child(odd), .security-principles article {
    border-right: 0;
  }

  .about-principles {
    grid-template-columns: 1fr;
  }

  .about-principles article {
    border-right: 0;
    border-bottom: var(--rule-hair) solid var(--color-rule);
    min-height: 14rem;
    padding-inline: 0;
  }

  .security-principles article {
    min-height: 15rem;
    padding-inline: 0;
  }

  .footer-main {
    gap: var(--space-2xl);
    grid-template-columns: 1fr;
  }

  .footer-links {
    grid-template-columns: 1fr 1fr;
  }

  .footer-bottom {
    flex-direction: column;
  }

  .legal-page {
    padding-top: 7rem;
  }

  .legal-page > header {
    padding-top: var(--space-2xl);
    padding-bottom: var(--space-2xl);
  }

  .legal-page > article {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-3xl);
  }

  .legal-page article section {
    padding-block: var(--space-lg);
  }

  .legal-page article p {
    font-size: var(--text-base);
  }

  .product-stage, .evidence-story, .ats-story, .research-story, .workflow-story, .trust-story, .faq-story, .final-cta {
    padding: var(--space-3xl) var(--page-gutter);
  }

  .product-window {
    border-radius: var(--radius-md);
  }

  .product-window-bar {
    min-height: 3rem;
    padding-inline: var(--space-md);
  }

  .product-stage-heading, .evidence-story, .research-heading, .workflow-story-heading, .final-cta {
    gap: var(--space-xl);
    grid-template-columns: 1fr;
  }

  .product-stage-heading > p {
    order: 2;
  }

  .product-stage-heading h2, .evidence-story h2, .workflow-story-heading h2, .final-cta h2 {
    grid-column: auto;
    font-size: clamp(2.35rem, 11vw, 3.25rem);
  }

  .product-window-bar {
    grid-template-columns: 1fr auto;
  }

  .product-window-bar > span:first-of-type {
    display: none;
  }

  .screening-mockup {
    grid-template-columns: 1fr;
    min-height: 36rem;
  }

  .candidate-list {
    display: none;
  }

  .candidate-report {
    padding: var(--space-xl);
  }

  .candidate-report footer button, .pipeline-heading button, .research-run footer button {
    justify-content: center;
    width: 100%;
  }

  .candidate-report header {
    gap: var(--space-md);
  }

  .candidate-report h3 {
    font-size: var(--text-xl);
  }

  .report-score {
    min-width: 4.5rem;
    padding-left: var(--space-md);
  }

  .report-score strong {
    font-size: var(--text-2xl);
  }

  .report-signals {
    gap: var(--space-xl);
    grid-template-columns: 1fr;
  }

  .candidate-report footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .evidence-story .story-label, .evidence-story h2, .evidence-statements {
    grid-column: auto;
  }

  .evidence-statements {
    grid-template-columns: 1fr;
  }

  .ats-story-features > div, .trust-points p {
    gap: var(--space-xs);
    grid-template-columns: 1fr;
  }

  .pipeline-heading, .pipeline-tabs, .pipeline-candidate, .pipeline-note, .pipeline-history {
    margin-inline: 0;
  }

  .pipeline-heading, .pipeline-tabs {
    padding-inline: var(--space-lg);
  }

  .pipeline-workspace {
    grid-template-columns: 1fr;
  }

  .pipeline-candidate {
    border-right: 0;
  }

  .pipeline-history {
    grid-column: auto;
  }

  .research-findings article {
    gap: var(--space-xs);
    grid-template-columns: 1fr;
  }

  .research-lanes {
    grid-template-columns: 1fr;
  }

  .research-lanes > article {
    min-height: auto;
    padding: var(--space-2xl) 0;
  }

  .research-lane-top {
    align-items: flex-start;
  }

  .research-lanes footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .research-lanes > article:first-child {
    border-right: 0;
    border-bottom: var(--rule-hair) solid var(--color-rule);
  }

  .research-run footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .workflow-story-steps {
    grid-template-columns: 1fr;
  }

  .workflow-story-steps article {
    border-right: 0;
    border-bottom: var(--rule-hair) solid var(--color-rule);
    min-height: 14rem;
  }

  .workflow-story-steps article:last-child {
    border-bottom: 0;
  }

  .final-cta > div {
    flex-direction: column;
    grid-column: auto;
    align-items: flex-start;
  }

  .process-rail {
    grid-template-columns: 1fr;
  }

  .process-rail > div {
    border-right: 0;
    border-bottom: var(--rule-hair) solid var(--color-rule);
    min-height: 11rem;
  }

  .process-rail > div:last-child {
    border-bottom: 0;
  }

  .section-heading, .screening-section .section-heading {
    gap: var(--space-xl);
    grid-template-columns: 1fr;
  }

  .section-heading > div:last-child {
    padding-left: 0;
  }

  .eyebrow {
    align-self: center;
    margin-left: 0;
  }

  .section-heading h2, .workflow-copy h2, .security-statement h2, .faq-heading h2 {
    font-size: clamp(2.15rem, 9vw, 3rem);
  }

  .screening-section, .ats-section, .workflow-section, .security-section, .faq-section {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }

  .screening-layout {
    grid-template-columns: 1fr;
  }

  .evidence-topline {
    align-items: flex-end;
  }

  .evidence-topline, .evidence-summary, .evidence-bars, .evidence-note {
    padding: var(--space-lg);
  }

  .evidence-topline > div:first-child strong {
    font-size: var(--text-lg);
  }

  .fit-score strong {
    font-size: var(--text-2xl);
  }

  .evidence-bars > div, .evidence-note {
    grid-template-columns: 1fr auto;
  }

  .evidence-bars i {
    grid-area: 2 / 1 / auto / -1;
  }

  .evidence-note p {
    grid-column: 1 / -1;
  }

  .ats-layout {
    grid-template-columns: 1fr;
  }

  .ats-features article {
    grid-template-columns: 2.5rem minmax(0, 1fr);
  }

  .ats-features article p {
    grid-column: 2;
  }

  .workflow-list > div, .security-details article {
    gap: var(--space-sm);
    grid-template-columns: 1fr;
  }

  .workflow-list > div {
    min-height: auto;
  }

  .closing-section {
    width: calc(100% - 2rem);
    padding: var(--space-xl);
    grid-template-columns: 1fr;
    align-items: start;
  }

  .closing-section > p {
    grid-column: auto;
  }

  .closing-section .button-primary {
    justify-self: start;
  }

  .site-footer {
    grid-template-columns: 1fr;
  }

  .site-footer .brand-logo {
    grid-column: auto;
  }
}

@media (max-width: 22rem) {
  .site-nav {
    width: calc(100% - 1rem);
  }

  .brand-compact span:last-child {
    display: none;
  }

  .trust-grid {
    grid-template-columns: 1fr;
  }

  .nav-cta {
    padding-inline: var(--space-xs);
  }

  .hero h1 {
    font-size: 2.75rem;
  }
}

@media (max-width: 50rem) {
  .auth-page {
    grid-template-columns: 1fr;
    min-height: 100svh;
  }

  .auth-intro {
    min-height: 22rem;
    padding-bottom: var(--space-2xl);
  }

  .auth-intro-copy {
    margin: var(--space-3xl) 0 var(--space-xl);
  }

  .auth-intro h1 {
    font-size: clamp(2.7rem, 11vw, 4rem);
  }

  .auth-intro-copy > p:last-child {
    margin-top: var(--space-md);
    font-size: var(--text-base);
  }

  .auth-proof {
    display: none;
  }

  .auth-form-panel {
    min-height: auto;
    padding-top: var(--space-xl);
    padding-bottom: var(--space-3xl);
  }

  .auth-form-wrap {
    margin: var(--space-3xl) 0 0;
    padding: 0;
  }

  .clerk-card {
    width: 100% !important;
  }

  .workspace-topbar {
    padding-bottom: var(--space-xl);
  }

  .workspace-page > .workspace-card {
    margin-top: var(--space-3xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *, :before, :after {
    transition-duration: .01ms !important;
  }
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__02c6bfb._.css.map*/