:root {
  color-scheme: light;
  --m-bg: #f2f0e8;
  --m-surface: rgba(252, 251, 247, 0.78);
  --m-surface-strong: #fffef9;
  --m-ink: #171813;
  --m-muted: #64675e;
  --m-line: rgba(23, 24, 19, 0.14);
  --m-line-strong: rgba(23, 24, 19, 0.24);
  --m-violet: #6d5de7;
  --m-violet-strong: #5544d7;
  --m-violet-soft: #dfdafb;
  --m-signal: #aaf33d;
  --m-signal-strong: #72a914;
  --m-signal-soft: #e7f8c8;
  --m-dark: #171912;
  --m-dark-soft: #22251c;
  --m-shadow: 0 32px 90px rgba(36, 37, 29, 0.14);
  --m-serif: "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --m-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --m-bg: #11120f;
  --m-surface: rgba(25, 27, 22, 0.78);
  --m-surface-strong: #1e201a;
  --m-ink: #f4f2e9;
  --m-muted: #aaada3;
  --m-line: rgba(244, 242, 233, 0.14);
  --m-line-strong: rgba(244, 242, 233, 0.24);
  --m-violet: #968afb;
  --m-violet-strong: #aea5ff;
  --m-violet-soft: #332f50;
  --m-signal: #aaf33d;
  --m-signal-strong: #b9f65f;
  --m-signal-soft: #28351b;
  --m-dark: #080907;
  --m-dark-soft: #151710;
  --m-shadow: 0 32px 90px rgba(0, 0, 0, 0.34);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--m-bg); }
body { margin: 0; background: var(--m-bg); color: var(--m-ink); font-family: var(--m-sans); line-height: 1.5; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
em { color: var(--m-violet); font-style: normal; }

html[data-audience="candidate"] [data-audience-only="employer"],
html[data-audience="employer"] [data-audience-only="candidate"] { display: none !important; }

.reveal { opacity: 0; transform: translateY(24px); transition: opacity 700ms ease, transform 700ms cubic-bezier(.2,.7,.2,1); }
.reveal.is-visible { opacity: 1; transform: none; }

.marketing-brand { display: inline-flex; align-items: center; gap: 11px; font-size: 1.12rem; font-weight: 750; letter-spacing: -.035em; }
.marketing-brand em { color: var(--m-violet); }
.brand-orbit { position: relative; width: 28px; height: 28px; display: block; border: 1px solid currentColor; border-radius: 50%; }
.brand-orbit i { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--m-violet); }
.brand-orbit i:nth-child(1) { left: 3px; top: 11px; }
.brand-orbit i:nth-child(2) { right: 3px; top: 4px; background: var(--m-signal); }
.brand-orbit i:nth-child(3) { right: 4px; bottom: 3px; }

.marketing-nav { position: relative; z-index: 30; width: min(1480px, calc(100% - 48px)); min-height: 84px; margin: 0 auto; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 42px; border-bottom: 1px solid var(--m-line); }
.primary-nav { justify-self: center; display: flex; align-items: center; gap: 24px; }
.primary-nav a, .primary-nav button, .marketing-footer button { appearance: none; padding: 0; border: 0; background: transparent; color: var(--m-muted); cursor: pointer; font-size: .82rem; font-weight: 650; }
.primary-nav a:hover, .primary-nav button:hover, .primary-nav button.is-active, .marketing-footer button:hover { color: var(--m-violet); }
.primary-nav button.is-active { position: relative; }
.primary-nav button.is-active::after { content: ""; position: absolute; left: 0; right: 0; bottom: -12px; height: 2px; background: var(--m-violet); }
.marketing-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.nav-link { color: var(--m-muted); font-size: .8rem; font-weight: 650; }
.theme-switch { min-height: 40px; display: inline-flex; align-items: center; gap: 8px; padding: 0 13px; border: 1px solid var(--m-line); border-radius: 999px; background: transparent; cursor: pointer; color: var(--m-muted); font-size: .78rem; font-weight: 650; }
.theme-switch:hover { color: var(--m-ink); border-color: var(--m-line-strong); }

.pill-button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 0 24px; border: 1px solid var(--m-ink); border-radius: 999px; background: var(--m-ink); color: var(--m-bg); font-size: .88rem; font-weight: 750; transition: transform 180ms ease, box-shadow 180ms ease; }
.pill-button:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(25, 25, 20, .18); }
.pill-button.compact { min-height: 42px; padding-inline: 18px; font-size: .77rem; }
.pill-button.signal { border-color: var(--m-signal); background: var(--m-signal); color: #12140f; }
.text-link { display: inline-flex; align-items: center; gap: 10px; padding: 11px 2px; color: var(--m-violet); border-bottom: 1px solid color-mix(in srgb, var(--m-violet) 36%, transparent); font-size: .87rem; font-weight: 750; }
.text-link:hover { border-color: var(--m-violet); }
.light-link { color: var(--m-signal); border-color: rgba(170,243,61,.35); }

.signal-label { display: flex; align-items: center; gap: 11px; margin: 0 0 24px; color: var(--m-violet); font-size: .7rem; font-weight: 800; letter-spacing: .11em; line-height: 1.35; text-transform: uppercase; }
.signal-label > span { width: 25px; height: 1px; background: currentColor; }
.signal-label.light { color: var(--m-signal); }

/* First-visit path chooser */
.adventure-gate { display: none; }
.audience-gate-pending { overflow: hidden; }
.audience-gate-pending .adventure-gate { position: fixed; z-index: 1000; inset: 0; display: grid; overflow: auto; background: var(--m-bg); color: var(--m-ink); }
.gate-shell { position: relative; z-index: 2; width: min(1180px, calc(100% - 48px)); min-height: 100vh; margin: 0 auto; padding: 34px 0 48px; display: grid; grid-template-rows: auto auto 1fr; }
.gate-brand { color: var(--m-ink); width: max-content; }
.gate-copy { align-self: end; max-width: 900px; padding-top: 8vh; }
.gate-copy .signal-label { margin-bottom: 24px; color: var(--m-violet); font-size: .82rem; letter-spacing: .09em; }
.gate-copy h1 { max-width: 11ch; margin: 0; font: 500 clamp(3.5rem, 7vw, 6.9rem)/.92 var(--m-serif); letter-spacing: -.048em; }
.gate-choices { align-self: center; transform: translateY(clamp(-27px, calc(100px - 10vh), 0px)); }
.adventure-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: clamp(27px, 4vh, 55px); }
.gate-choice-intro { grid-column: 1 / -1; display: flex; align-items: end; justify-content: space-between; gap: 24px; padding: 0 5px 5px; }
.gate-choice-intro > div { display: grid; gap: 5px; }
.gate-choice-intro strong { color: var(--m-violet); font-size: .86rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.gate-choice-intro p { margin: 0; color: var(--m-muted); font-size: 1.08rem; line-height: 1.5; }
.gate-choice-intro > span { width: 42px; height: 42px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--m-violet) 42%, var(--m-line)); border-radius: 50%; color: var(--m-violet); font-size: 1.15rem; animation: choiceNudge 2.4s ease-in-out infinite; }
.adventure-card { position: relative; overflow: hidden; min-height: 350px; display: grid; grid-template-columns: 1fr 220px; grid-template-rows: auto auto 1fr auto; gap: 10px 24px; padding: 30px; border: 1px solid var(--m-line); border-radius: 28px; background: var(--m-surface); color: var(--m-ink); text-align: left; cursor: pointer; box-shadow: 0 18px 50px rgba(35,35,28,.08); backdrop-filter: blur(20px); transition: transform 250ms ease, border-color 250ms ease, background 250ms ease; }
.adventure-card:hover, .adventure-card:focus-visible { transform: translateY(-6px); border-color: color-mix(in srgb, var(--m-violet) 58%, var(--m-line)); background: var(--m-surface-strong); outline: none; }
.adventure-kicker { color: var(--m-violet); font-size: .8rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.adventure-card > strong { grid-column: 1; margin-top: 14px; font: 500 clamp(2rem, 3.3vw, 3.35rem)/1 var(--m-serif); letter-spacing: -.035em; }
.adventure-copy { grid-column: 1; max-width: 460px; align-self: start; color: var(--m-muted); font-size: 1rem; line-height: 1.6; }
.adventure-action { position: relative; z-index: 6; grid-column: 1 / -1; grid-row: 4; min-width: 220px; min-height: 50px; align-self: end; justify-self: center; display: inline-flex; align-items: center; justify-content: center; gap: 13px; margin-top: 12px; padding: 0 21px; border: 1px solid var(--m-signal); border-radius: 999px; background: var(--m-signal); color: #12140f; font-size: .96rem; font-weight: 850; box-shadow: 0 12px 32px rgba(170,243,61,.13); transition: transform 200ms ease, box-shadow 200ms ease; }
.adventure-action b { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; background: rgba(18,20,15,.12); color: #12140f; font-size: .85rem; }
.adventure-card:hover .adventure-action, .adventure-card:focus-visible .adventure-action { transform: translateY(-2px); box-shadow: 0 17px 36px rgba(170,243,61,.2); }
.adventure-visual { grid-column: 2; grid-row: 1 / 4; position: relative; width: 220px; min-height: 220px; align-self: center; justify-self: center; transition: transform 300ms ease; }
.adventure-card:hover .adventure-visual, .adventure-card:focus-visible .adventure-visual { transform: scale(1.035); }
.solar-system i, .solar-system b { font-style: normal; }
.candidate-system { --glow-phase: -1.4s; --core-phase: -2.6s; --near-phase: -3s; --mid-phase: -12s; --far-phase: -29s; }
.employer-system { --glow-phase: -4.8s; --core-phase: -6.1s; --near-phase: -13s; --mid-phase: -4s; --far-phase: -39s; }
.solar-glow { position: absolute; z-index: 1; left: 50%; top: 50%; width: 112px; height: 112px; transform: translate(-50%,-50%); border-radius: 50%; background: radial-gradient(circle, rgba(109,93,231,.34), rgba(170,243,61,.08) 48%, transparent 72%); filter: blur(3px); animation: solarPulse 7.2s var(--glow-phase, 0s) ease-in-out infinite; }
.solar-core { position: absolute; z-index: 5; left: 50%; top: 50%; width: 76px; height: 76px; display: grid; place-content: center; gap: 2px; transform: translate(-50%,-50%); border: 1px solid rgba(255,255,255,.28); border-radius: 50%; background: linear-gradient(145deg, #8577f6, #6554df); color: white; text-align: center; box-shadow: 0 0 0 8px rgba(109,93,231,.08), 0 18px 40px rgba(0,0,0,.24); animation: solarCoreFloat 7.8s var(--core-phase, 0s) ease-in-out infinite; }
.solar-core b { font-size: .76rem; font-weight: 900; letter-spacing: .04em; }.solar-core small { color: #e6e2ff; font-size: .55rem; font-weight: 750; }
.team-core { width: 82px; height: 82px; border-color: rgba(170,243,61,.48); background: linear-gradient(145deg, #c4fb72, #89cb25); color: #12140f; box-shadow: 0 0 0 8px rgba(170,243,61,.08), 0 18px 40px rgba(0,0,0,.24); }
.team-core b { font-size: .7rem; }.team-core small { color: #38550c; font-size: .48rem; }
.solar-orbit { position: absolute; z-index: 3; left: 50%; top: 50%; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; transform: translate(-50%,-50%); }
.solar-orbit::after { content: ""; position: absolute; left: 50%; bottom: -3px; width: 6px; height: 6px; transform: translateX(-50%); border-radius: 50%; background: currentColor; box-shadow: 0 0 10px currentColor; opacity: .85; }
.solar-orbit > b { position: absolute; z-index: 4; left: 50%; top: 0; transform: translate(-50%,-50%); }
.orbit-near { width: 116px; height: 116px; color: var(--m-signal); border-color: rgba(170,243,61,.34); animation: orbitSpin 20s var(--near-phase, 0s) linear infinite; }.orbit-near > b { animation: orbitCounter 20s var(--near-phase, 0s) linear infinite; }
.orbit-mid { width: 168px; height: 168px; color: #a99fff; border-color: rgba(150,138,251,.38); animation: orbitSpinReverse 32s var(--mid-phase, 0s) linear infinite; }.orbit-mid > b { animation: orbitCounterReverse 32s var(--mid-phase, 0s) linear infinite; }
.orbit-far { width: 216px; height: 216px; color: #f1f0e8; border-color: rgba(255,255,255,.18); animation: orbitSpin 48s var(--far-phase, 0s) linear infinite; }.orbit-far > b { animation: orbitCounter 48s var(--far-phase, 0s) linear infinite; }
.candidate-system .solar-orbit > b { min-height: 29px; display: grid; place-items: center; padding: 0 10px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; background: #25281f; color: #f2f1e9; font-size: .68rem; font-weight: 800; box-shadow: 0 8px 24px rgba(0,0,0,.22); }
.candidate-system .orbit-near > b { color: var(--m-signal); }.candidate-system .orbit-mid > b { color: #c0b8ff; }
.employer-system .solar-orbit > .workflow-node { width: 58px; min-height: 52px; display: grid; grid-template-rows: 23px auto; place-items: center; gap: 2px; padding: 6px 5px 5px; border: 1px solid currentColor; border-radius: 16px; background: #25281f; box-shadow: 0 9px 25px rgba(0,0,0,.25); }
.workflow-node svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.workflow-node small { color: #f7f6ef; font-size: .43rem; font-weight: 900; letter-spacing: .06em; }
.gate-note { margin: 25px 0 0; color: var(--m-muted); text-align: center; font-size: .78rem; line-height: 1.5; }
.gate-ambient { position: fixed; inset: 0; overflow: hidden; pointer-events: none; }
.gate-ambient i { position: absolute; border-radius: 50%; filter: blur(1px); }
.gate-ambient i:nth-child(1) { width: 560px; height: 560px; left: -260px; top: -300px; background: radial-gradient(circle, rgba(109,93,231,.35), transparent 67%); }
.gate-ambient i:nth-child(2) { width: 660px; height: 660px; right: -280px; bottom: -370px; background: radial-gradient(circle, rgba(170,243,61,.2), transparent 67%); }
.gate-ambient i:nth-child(3) { width: 2px; height: 2px; left: 50%; top: 42%; background: white; box-shadow: 120px 40px rgba(255,255,255,.25), -240px 110px rgba(255,255,255,.18), 320px -150px rgba(255,255,255,.23), -400px -70px rgba(255,255,255,.18); }
@keyframes choiceNudge { 50% { transform: translateY(5px); border-color: color-mix(in srgb, var(--m-violet) 70%, var(--m-line)); } }
@keyframes solarPulse { 50% { transform: translate(-50%,-50%) scale(1.16); opacity: .72; } }
@keyframes solarCoreFloat { 50% { transform: translate(-50%,-54%) scale(1.035); } }
@keyframes orbitSpin { to { transform: translate(-50%,-50%) rotate(360deg); } }
@keyframes orbitSpinReverse { to { transform: translate(-50%,-50%) rotate(-360deg); } }
@keyframes orbitCounter { to { transform: translate(-50%,-50%) rotate(-360deg); } }
@keyframes orbitCounterReverse { to { transform: translate(-50%,-50%) rotate(360deg); } }

/* Hero */
.hero-section { width: min(1480px, calc(100% - 48px)); min-height: min(860px, calc(100vh - 85px)); margin: 0 auto; display: grid; grid-template-columns: minmax(440px, .9fr) minmax(590px, 1.1fr); align-items: center; gap: 48px; padding: 56px 0 76px; }
.hero-copy { position: relative; z-index: 3; }
.hero-copy h1 { max-width: 9ch; margin: 0; font: 500 clamp(4.35rem, 6.6vw, 7.15rem)/.9 var(--m-serif); letter-spacing: -.052em; }
html[data-audience="candidate"] .hero-copy h1 { max-width: 12.5ch; font-size: clamp(3.85rem, 5.55vw, 6.15rem); }
html[data-audience="employer"] .hero-copy h1 { max-width: 12.5ch; font-size: clamp(3.75rem, 5.4vw, 6rem); }
.hero-lede { max-width: 610px; margin: 30px 0 0; color: var(--m-muted); font-size: 1.12rem; line-height: 1.68; }
.hero-actions { display: flex; align-items: center; gap: 25px; margin-top: 38px; }

.proof-stage, .hiring-stage { position: relative; min-height: 650px; display: grid; place-items: center; overflow: hidden; overflow: clip; }
.stage-orbit { position: absolute; border-radius: 50%; pointer-events: none; }
.orbit-one { width: 540px; height: 540px; right: -10%; top: 0; background: radial-gradient(circle, color-mix(in srgb, var(--m-violet) 22%, transparent), transparent 67%); animation: stageBreathe 8s ease-in-out infinite; }
.orbit-two { width: 450px; height: 450px; left: -12%; bottom: -6%; background: radial-gradient(circle, color-mix(in srgb, var(--m-signal) 22%, transparent), transparent 67%); animation: stageBreathe 9s 1s ease-in-out infinite reverse; }
@keyframes stageBreathe { 50% { transform: scale(1.12) translateY(12px); opacity: .72; } }

.proof-window, .hiring-window { position: relative; z-index: 2; width: 100%; min-height: 560px; overflow: hidden; border: 1px solid var(--m-line); border-radius: 28px; background: var(--m-surface); box-shadow: var(--m-shadow); backdrop-filter: blur(24px); transform: perspective(1200px) rotateY(-2deg) rotateX(1deg); }
.window-bar { height: 66px; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; border-bottom: 1px solid var(--m-line); color: var(--m-muted); font-size: .74rem; font-weight: 700; }
.window-bar > span { display: flex; align-items: center; gap: 10px; }
.window-bar > span i { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; background: var(--m-violet); color: white; font-style: normal; font-size: .7rem; }
.window-bar small { display: flex; align-items: center; gap: 7px; }
.window-bar small b { width: 7px; height: 7px; border-radius: 50%; background: var(--m-signal); box-shadow: 0 0 0 5px color-mix(in srgb, var(--m-signal) 14%, transparent); }
.proof-window { min-height: 500px; }
.proof-map { position: relative; min-height: 430px; }
.byoa-map { display: grid; grid-template-columns: minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr); align-items: center; gap: 10px; padding: 42px 26px; }
.byoa-step { min-width: 0; min-height: 260px; display: grid; place-items: center; align-content: center; gap: 12px; padding: 22px 15px; border: 1px solid var(--m-line); border-radius: 24px; background: var(--m-surface-strong); text-align: center; box-shadow: 0 16px 34px rgba(28,29,23,.08); }
.byoa-step small { color: var(--m-violet); font-size: .66rem; font-weight: 850; letter-spacing: .1em; }
.byoa-step > i { position: relative; width: 72px; height: 72px; display: grid; place-items: center; margin: 2px 0 7px; border-radius: 50%; background: var(--m-violet); color: white; font-style: normal; font-weight: 850; box-shadow: 0 12px 30px color-mix(in srgb, var(--m-violet) 24%, transparent); }
.byoa-step > i::before { content: ""; position: absolute; inset: -9px; border: 1px solid color-mix(in srgb, var(--m-violet) 28%, var(--m-line)); border-radius: 50%; }
.byoa-step strong { font: 500 1.45rem/1.02 var(--m-serif); letter-spacing: -.028em; }
.byoa-step span { max-width: 180px; color: var(--m-muted); font-size: .76rem; line-height: 1.45; }
.byoa-step.plan-step { border-color: color-mix(in srgb, var(--m-violet) 32%, var(--m-line)); background: color-mix(in srgb, var(--m-violet-soft) 34%, var(--m-surface-strong)); }
.byoa-step.outcome-step { border-color: color-mix(in srgb, var(--m-signal) 45%, var(--m-line)); background: color-mix(in srgb, var(--m-signal) 11%, var(--m-surface-strong)); }
.byoa-step .byoa-plan-icon { border-radius: 20px; background: var(--m-dark); }
.byoa-step .byoa-outcome-icon { background: var(--m-signal); color: var(--m-dark); }
.byoa-flow-arrow { color: var(--m-violet); font: 500 1.8rem/1 var(--m-serif); font-style: normal; text-align: center; }
.stage-result { position: absolute; z-index: 4; right: 20px; bottom: 18px; display: flex; align-items: center; gap: 12px; padding: 13px 17px; border: 1px solid var(--m-line); border-radius: 16px; background: var(--m-surface-strong); box-shadow: 0 14px 36px rgba(28,29,23,.12); }
.stage-result > i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: var(--m-violet); color: white; font-style: normal; }
.stage-result p { display: grid; gap: 3px; margin: 0; }.stage-result span { color: var(--m-violet); font-size: .66rem; font-weight: 850; letter-spacing: .07em; }.stage-result strong { font-size: .78rem; }

.hiring-window { padding-bottom: 20px; transform: perspective(1200px) rotateY(2deg) rotateX(1deg); }
.hiring-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; padding: 28px 28px 22px; }
.hiring-head div { display: grid; gap: 8px; }.hiring-head small { color: var(--m-violet); font-size: .66rem; font-weight: 850; letter-spacing: .09em; }.hiring-head strong { max-width: 430px; font: 500 1.62rem/1.04 var(--m-serif); letter-spacing: -.025em; }.hiring-head > span { padding: 8px 11px; border-radius: 999px; background: var(--m-signal-soft); color: var(--m-signal-strong); font-size: .66rem; font-weight: 800; }
.pipeline { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; padding: 0 18px; }
.pipeline > article { min-height: 255px; padding: 15px 12px; border: 1px solid var(--m-line); border-radius: 15px; background: color-mix(in srgb, var(--m-surface-strong) 66%, transparent); }
.pipeline > article > span { color: var(--m-muted); font-size: .64rem; font-weight: 850; letter-spacing: .08em; }
.person-card { margin-top: 10px; min-height: 58px; display: grid; grid-template-columns: 32px 1fr auto; align-items: center; gap: 8px; padding: 9px; border: 1px solid var(--m-line); border-radius: 12px; background: var(--m-surface-strong); }
.person-card.active { border-color: color-mix(in srgb, var(--m-violet) 48%, var(--m-line)); }
.person-card > i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: var(--m-violet-soft); color: var(--m-violet); font-size: .66rem; font-style: normal; font-weight: 850; }
.person-card p { display: grid; gap: 2px; margin: 0; }.person-card strong { font-size: .74rem; }.person-card small { color: var(--m-muted); font-size: .64rem; }.person-card > b { color: var(--m-violet); font-size: .74rem; }
.agent-brief { margin: 12px 18px 0; min-height: 70px; display: grid; grid-template-columns: 36px 1fr auto; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 15px; background: var(--m-dark); color: #f1f0e8; }
.agent-brief > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: var(--m-violet); }.agent-brief p { display: grid; gap: 4px; margin: 0; }.agent-brief small { color: var(--m-signal); font-size: .64rem; font-weight: 850; letter-spacing: .07em; }.agent-brief strong { font-size: .76rem; }.agent-brief button { padding: 8px 11px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; background: rgba(255,255,255,.08); color: white; font-size: .68rem; }

/* Immediate three-step path */
.quick-path-section { width: min(1480px, calc(100% - 48px)); margin: 0 auto; padding: 8px 0 88px; }
.quick-path-shell { position: relative; isolation: isolate; overflow: hidden; display: grid; grid-template-columns: minmax(280px,.58fr) minmax(0,1.42fr); align-items: center; gap: 44px; padding: 40px; border: 1px solid var(--m-line); border-radius: 32px; background: var(--m-surface); box-shadow: 0 22px 60px rgba(34,35,28,.08); }
.quick-path-shell::before { content: ""; position: absolute; z-index: -1; width: 460px; height: 460px; right: -250px; top: -290px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--m-signal) 27%, transparent), transparent 68%); }
.employer-quick-path::before { background: radial-gradient(circle, color-mix(in srgb, var(--m-violet) 30%, transparent), transparent 68%); }
.quick-path-heading .signal-label { margin-bottom: 19px; }
.quick-path-heading h2 { max-width: 480px; margin: 0; font: 500 clamp(2.45rem,3.6vw,3.75rem)/.96 var(--m-serif); letter-spacing: -.04em; }
.quick-path-heading > p:last-child { max-width: 420px; margin: 22px 0 0; color: var(--m-muted); font-size: 1rem; line-height: 1.62; }
.quick-path-graphic { display: grid; grid-template-columns: minmax(0,1fr) 38px minmax(0,1fr) 38px minmax(0,1fr); align-items: stretch; }
.quick-path-graphic article { position: relative; min-height: 245px; display: grid; grid-template-rows: auto auto 1fr; padding: 25px; border: 1px solid var(--m-line); border-radius: 23px; background: var(--m-surface-strong); box-shadow: 0 14px 34px rgba(35,35,28,.06); }
.quick-path-graphic article::after { content: ""; position: absolute; left: 24px; right: 24px; bottom: 0; height: 3px; border-radius: 999px 999px 0 0; background: linear-gradient(90deg, var(--m-violet), var(--m-signal)); opacity: .75; }
.quick-step-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.quick-step-top span { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 50%; background: var(--m-violet); color: white; font: 500 1.55rem/1 var(--m-serif); box-shadow: 0 0 0 7px color-mix(in srgb, var(--m-violet) 10%, transparent); }
.employer-quick-path .quick-step-top span { background: var(--m-signal); color: #151710; box-shadow: 0 0 0 7px color-mix(in srgb, var(--m-signal) 13%, transparent); }
.quick-step-top i { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--m-line); border-radius: 14px; background: var(--m-bg); color: var(--m-violet); font: 500 1.15rem/1 var(--m-serif); }
.employer-quick-path .quick-step-top i { color: var(--m-signal-strong); }
.quick-path-graphic h3 { margin: 30px 0 12px; font: 500 1.65rem/1.03 var(--m-serif); letter-spacing: -.03em; }
.quick-path-graphic p { margin: 0; color: var(--m-muted); font-size: .9rem; line-height: 1.58; }
.quick-step-link { position: relative; align-self: center; height: 20px; font-style: normal; }
.quick-step-link::before { content: ""; position: absolute; left: 5px; right: 5px; top: 50%; height: 1px; background: color-mix(in srgb, var(--m-violet) 46%, var(--m-line)); }
.quick-step-link::after { content: ""; position: absolute; right: 5px; top: 50%; width: 8px; height: 8px; transform: translateY(-50%) rotate(45deg); border-top: 1.5px solid var(--m-violet); border-right: 1.5px solid var(--m-violet); }

/* Evidence and shared editorial sections */
.evidence-section, .workflow-section, .employer-platform, .pricing-section, .trust-section { width: min(1320px, calc(100% - 48px)); margin: 0 auto; padding: 116px 0; }
.section-heading { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(320px,.65fr); align-items: end; gap: 50px 80px; }
.section-heading .signal-label { grid-column: 1 / -1; margin-bottom: -16px; }
.section-heading h2 { max-width: 950px; margin: 0; font: 500 clamp(3.45rem, 5.45vw, 5.85rem)/.93 var(--m-serif); letter-spacing: -.046em; }
.section-heading > p:last-child { max-width: 560px; margin: 0 0 7px; color: var(--m-muted); font-size: 1.08rem; line-height: 1.68; }
.evidence-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 62px; }
.evidence-card { position: relative; overflow: hidden; min-height: 470px; padding: 36px; border: 1px solid var(--m-line); border-radius: 30px; background: var(--m-surface); }
.evidence-card::before { content: ""; position: absolute; width: 430px; height: 430px; right: -230px; top: -250px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--m-violet) 25%, transparent), transparent 66%); }
.experienced-card::before { background: radial-gradient(circle, color-mix(in srgb, var(--m-signal) 32%, transparent), transparent 66%); }
.evidence-card-top { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; color: var(--m-violet); font-size: .7rem; font-weight: 850; letter-spacing: .1em; }
.evidence-card h3 { position: relative; z-index: 2; max-width: 520px; margin: 64px 0 24px; font: 500 clamp(2.6rem, 3.8vw, 3.85rem)/.96 var(--m-serif); letter-spacing: -.038em; }
.evidence-card > p { position: relative; z-index: 2; max-width: 540px; color: var(--m-muted); line-height: 1.68; font-size: 1rem; }
.evidence-stack { position: absolute; left: 34px; right: 34px; bottom: 28px; min-height: 94px; }
.evidence-stack i { position: absolute; display: block; width: 48%; padding: 15px 17px; border: 1px solid var(--m-line); border-radius: 13px; background: var(--m-surface-strong); color: var(--m-muted); font-size: .72rem; font-style: normal; font-weight: 700; box-shadow: 0 12px 30px rgba(26,27,21,.08); }
.evidence-stack i:nth-child(1) { left: 0; bottom: 0; transform: rotate(-2deg); }.evidence-stack i:nth-child(2) { left: 25%; bottom: 25px; z-index: 2; color: var(--m-violet); }.evidence-stack i:nth-child(3) { right: 0; bottom: 3px; transform: rotate(2deg); }
.translation-line { position: absolute; left: 34px; right: 34px; bottom: 30px; min-height: 74px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; padding: 0 22px; border: 1px solid var(--m-line); border-radius: 18px; background: var(--m-surface-strong); }
.translation-line span { color: var(--m-muted); font: 500 1.3rem var(--m-serif); }.translation-line i { color: var(--m-violet); font-size: 1.35rem; font-style: normal; }.translation-line strong { color: var(--m-signal-strong); text-align: right; font: 500 1.4rem var(--m-serif); }

.ai-ready-section { min-height: 720px; display: grid; grid-template-columns: minmax(420px,.88fr) minmax(560px,1.12fr); align-items: center; gap: 64px; padding: 96px max(24px, calc((100vw - 1320px) / 2)); overflow: hidden; background: var(--m-dark); color: #f2f0e7; }
.ai-ready-copy h2 { max-width: 700px; margin: 0; font: 500 clamp(3.5rem, 5.5vw, 5.75rem)/.93 var(--m-serif); letter-spacing: -.046em; }
.ai-ready-copy > p:not(.signal-label) { max-width: 590px; margin: 28px 0 28px; color: #c7cac1; font-size: 1.08rem; line-height: 1.68; }
.capability-orbit { position: relative; min-height: 540px; }
.capability-orbit svg { position: absolute; inset: 0; width: 100%; height: 100%; fill: none; stroke: rgba(255,255,255,.15); stroke-width: 1; stroke-dasharray: 8 8; animation: orbitDash 24s linear infinite; }
@keyframes orbitDash { to { stroke-dashoffset: -180; } }
.orbit-center { position: absolute; z-index: 3; left: 50%; top: 50%; width: 190px; height: 190px; display: grid; place-content: center; gap: 7px; transform: translate(-50%,-50%); border: 1px solid rgba(170,243,61,.42); border-radius: 50%; background: rgba(170,243,61,.08); text-align: center; box-shadow: 0 0 80px rgba(170,243,61,.1); }
.orbit-center i { color: var(--m-signal); font-style: normal; font-size: 1.55rem; }.orbit-center strong { font: 500 1.7rem var(--m-serif); }.orbit-center span { color: #b9bcb3; font-size: .72rem; }
.capability { position: absolute; z-index: 2; width: 210px; min-height: 98px; display: grid; grid-template-columns: 34px 1fr; align-items: center; gap: 11px; padding: 18px; border: 1px solid rgba(255,255,255,.18); border-radius: 18px; background: rgba(255,255,255,.065); backdrop-filter: blur(18px); }
.capability span { color: var(--m-signal); font-size: .72rem; font-weight: 800; }.capability strong { font: 500 1.18rem/1.12 var(--m-serif); }
.capability-one { left: 3%; top: 13%; }.capability-two { right: 2%; top: 17%; }.capability-three { left: 5%; bottom: 14%; }.capability-four { right: 5%; bottom: 10%; }

.workflow-section { padding-bottom: 126px; }
.journey-story { margin-top: 64px; }
.journey-assurance { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 16px 22px; border: 1px solid var(--m-line); border-radius: 24px; background: var(--m-surface-strong); color: var(--m-muted); font-size: .9rem; line-height: 1.5; }
.journey-assurance b { color: var(--m-ink); }
.journey-status { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 9px; padding: 9px 12px; border-radius: 999px; background: var(--m-signal-soft); color: var(--m-signal-strong); font-size: .74rem; font-weight: 800; }
.journey-status i { width: 8px; height: 8px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 5px color-mix(in srgb, currentColor 12%, transparent); }
.journey-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 18px; }
.journey-steps article { position: relative; min-height: 510px; display: grid; grid-template-rows: auto auto auto 1fr auto; gap: 0; padding: 0 24px 24px; overflow: hidden; border: 1px solid var(--m-line); border-radius: 23px; background: var(--m-surface); transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease; }
.journey-steps article::before { content: ""; position: absolute; z-index: 4; left: 0; top: 0; width: 0; height: 3px; background: linear-gradient(90deg, var(--m-violet), var(--m-signal)); transition: width 450ms ease; }
.journey-steps article:hover { transform: translateY(-5px); border-color: color-mix(in srgb, var(--m-violet) 36%, var(--m-line)); box-shadow: 0 18px 44px rgba(35,31,24,.1); }
.journey-steps article:hover::before { width: 100%; }
.journey-step-visual { position: relative; width: calc(100% + 48px); height: 168px; margin: 0 -24px 22px; overflow: hidden; isolation: isolate; border-bottom: 1px solid var(--m-line); background: #f8eee1; }
.journey-step-visual::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(180deg, transparent 58%, rgba(44,31,18,.11)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.3); }
.journey-step-visual img { display: block; transition: transform 700ms cubic-bezier(.2,.75,.25,1); }
.candidate-journey .journey-step-visual { height: auto; aspect-ratio: 16 / 9; }
.employer-journey .journey-step-visual { height: auto; aspect-ratio: 16 / 9; }
.candidate-journey .journey-step-visual img, .employer-journey .journey-step-visual img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.journey-steps article:hover .journey-step-visual img { transform: scale(1.018); }
.candidate-journey .journey-steps article:hover .journey-step-visual img, .employer-journey .journey-steps article:hover .journey-step-visual img { transform: none; }
.journey-step-top { display: flex; align-items: center; justify-content: space-between; }
.journey-step-top span { color: var(--m-violet); font-size: .76rem; font-weight: 850; letter-spacing: .08em; }
.journey-step-top i { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid var(--m-line); border-radius: 50%; background: var(--m-surface-strong); color: var(--m-violet); font: 500 1.25rem var(--m-serif); }
.journey-steps h3 { margin: 24px 0 14px; font: 500 1.85rem/1.03 var(--m-serif); letter-spacing: -.03em; }
.journey-steps p { max-width: 270px; margin: 0; color: var(--m-muted); font-size: .96rem; line-height: 1.6; }
.journey-steps small { align-self: end; margin-top: 20px; color: var(--m-violet); font-size: .72rem; font-weight: 850; letter-spacing: .08em; }

.relay-section { padding: 112px max(24px, calc((100vw - 1320px) / 2)); overflow: hidden; background: var(--m-violet-strong); color: #f7f5ef; }
.relay-heading { max-width: 990px; }
.relay-heading h2 { margin: 0; font: 500 clamp(3.6rem, 5.5vw, 5.8rem)/.93 var(--m-serif); letter-spacing: -.046em; }
.relay-heading > p:last-child { max-width: 720px; margin: 28px 0 0; color: #eeecfa; font-size: 1.08rem; line-height: 1.68; }
.relay-graphic { min-height: 350px; display: grid; grid-template-columns: 1fr 1.35fr 1fr; align-items: center; gap: 24px; margin-top: 62px; }
.relay-party { min-height: 286px; display: grid; align-content: center; justify-items: center; gap: 8px; padding: 28px; border: 1px solid rgba(255,255,255,.24); border-radius: 30px; background: rgba(255,255,255,.1); text-align: center; backdrop-filter: blur(18px); }
.relay-party > small { color: var(--m-signal); font-size: .72rem; font-weight: 850; letter-spacing: .1em; }
.relay-party > strong { max-width: 260px; font: 500 2rem/1.05 var(--m-serif); letter-spacing: -.025em; }
.relay-party > span:not(.relay-avatar) { color: #eeecfa; font-size: .86rem; }
.relay-avatar { position: relative; width: 150px; height: 96px; display: block; margin: 9px 0 5px; }
.person-shape { position: absolute; left: 18px; bottom: 4px; width: 72px; height: 57px; display: block; border: 1px solid rgba(255,255,255,.28); border-radius: 30px 30px 18px 18px; background: rgba(255,255,255,.15); font-style: normal; }
.person-shape::before { content: ""; position: absolute; left: 22px; top: -30px; width: 32px; height: 32px; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; background: #e9a67f; }
.person-shape b { display: none; }
.team-shape { left: 15px; }
.team-shape b { position: absolute; left: 50px; top: -6px; width: 43px; height: 54px; display: block; border: 1px solid rgba(255,255,255,.22); border-radius: 24px 24px 15px 15px; background: rgba(255,255,255,.11); }
.team-shape b::before { content: ""; position: absolute; left: 8px; top: -25px; width: 27px; height: 27px; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; background: #8e5d48; }
.share-shape { position: absolute; left: 24px; bottom: 4px; width: 76px; height: 76px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.28); border-radius: 24px; background: rgba(255,255,255,.14); color: white; font: 500 1.8rem/1 var(--m-serif); box-shadow: inset 0 0 0 7px rgba(255,255,255,.035); }
.share-shape::before { content: ""; position: absolute; inset: -9px; border: 1px dashed rgba(170,243,61,.36); border-radius: 29px; }
.agent-shape { position: absolute; right: 16px; top: 8px; width: 50px; height: 50px; display: grid; place-items: center; border: 1px solid rgba(170,243,61,.68); border-radius: 50%; background: rgba(170,243,61,.16); color: var(--m-signal); font-size: 1.1rem; font-style: normal; box-shadow: 0 0 28px rgba(170,243,61,.18); animation: agentFloat 4s ease-in-out infinite; }
.agent-shape::before { content: ""; position: absolute; inset: -9px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; }
@keyframes agentFloat { 50% { transform: translateY(-7px) rotate(8deg); } }
.relay-agent-label { margin-top: 9px; padding: 9px 12px; border-radius: 999px; background: rgba(255,255,255,.11); color: #f5f3fc; font-size: .7rem; font-style: normal; font-weight: 750; }
.relay-path { position: relative; min-height: 330px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; }
.relay-path > b { height: 1px; background: rgba(255,255,255,.34); position: relative; overflow: hidden; }
.relay-path > b::after { content: ""; position: absolute; top: -2px; width: 18px; height: 5px; border-radius: 999px; background: var(--m-signal); animation: relayMove 2.8s ease-in-out infinite; }
.relay-path > b:last-child::after { animation-direction: reverse; }
@keyframes relayMove { from { left: -20px; } to { left: 100%; } }
.relay-path > span { position: absolute; left: 50%; top: 10px; width: max-content; transform: translateX(-50%); color: #efedfa; font-size: .7rem; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
.relay-core { width: 194px; height: 194px; display: grid; place-content: center; gap: 6px; border: 1px solid rgba(170,243,61,.55); border-radius: 50%; background: rgba(170,243,61,.12); text-align: center; box-shadow: 0 0 70px rgba(170,243,61,.1); }
.relay-core i { width: 44px; height: 44px; display: grid; place-items: center; justify-self: center; margin-bottom: 7px; border-radius: 13px; background: var(--m-signal); color: #151710; font-size: .72rem; font-style: normal; font-weight: 850; }.relay-core strong { font: 500 1.3rem/1.08 var(--m-serif); }.relay-core small { color: #eeecfa; font-size: .72rem; }
.relay-guardrails { display: flex; justify-content: center; gap: 14px; }
.relay-guardrails span { padding: 12px 16px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; color: #f2f0fa; font-size: .74rem; font-weight: 700; }.relay-guardrails i { margin-right: 7px; color: var(--m-signal); font-style: normal; }
.candidate-search-story { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(300px,.65fr); gap: 18px; margin-top: 54px; padding: 18px; border: 1px solid rgba(255,255,255,.24); border-radius: 32px; background: rgba(255,255,255,.1); backdrop-filter: blur(18px); }
.candidate-search-story figure { min-width: 0; margin: 0; overflow: hidden; aspect-ratio: 16 / 9; border-radius: 23px; background: #f8eee1; }
.candidate-search-story figure img { width: 100%; height: 100%; display: block; object-fit: contain; }
.search-story-steps { display: grid; align-content: center; gap: 12px; }
.search-story-steps article { min-height: 132px; display: grid; grid-template-columns: 42px 1fr; align-items: start; gap: 13px; padding: 21px; border: 1px solid rgba(255,255,255,.2); border-radius: 22px; background: rgba(255,255,255,.09); }
.search-story-steps article > span { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; background: var(--m-signal); color: var(--m-dark); font-size: .7rem; font-weight: 850; }
.search-story-steps article div { display: grid; gap: 7px; }
.search-story-steps strong { font: 500 1.55rem/1.05 var(--m-serif); letter-spacing: -.025em; }
.search-story-steps small { color: #eeecfa; font-size: .82rem; line-height: 1.5; }
.search-story-steps > p { display: flex; align-items: center; gap: 10px; margin: 3px 0 0; padding: 12px 16px; border-radius: 999px; background: rgba(170,243,61,.14); color: #f7f8f3; font-size: .82rem; font-weight: 750; }
.search-story-steps > p i { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: var(--m-signal); color: var(--m-dark); font-style: normal; }

.platform-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 62px; }
.platform-card { position: relative; overflow: hidden; min-height: 390px; padding: 32px; border: 1px solid var(--m-line); border-radius: 27px; background: var(--m-surface); }
.platform-card.wide-card { grid-column: span 1; }
.platform-card > span { color: var(--m-violet); font-size: .72rem; font-weight: 850; letter-spacing: .09em; }.platform-card h3 { max-width: 520px; margin: 38px 0 18px; font: 500 2.45rem/.98 var(--m-serif); letter-spacing: -.034em; }.platform-card > p { max-width: 520px; color: var(--m-muted); font-size: 1rem; line-height: 1.62; }
.role-brief-graphic, .offer-graphic { position: absolute; left: 32px; right: 32px; bottom: 28px; display: grid; grid-template-columns: repeat(4,1fr); gap: 7px; }.role-brief-graphic i { padding: 14px; border: 1px solid var(--m-line); border-radius: 12px; background: var(--m-surface-strong); color: var(--m-muted); font-size: .7rem; font-style: normal; text-align: center; }.role-brief-graphic i:first-child { border-color: color-mix(in srgb, var(--m-violet) 45%, var(--m-line)); color: var(--m-violet); }
.fair-review-graphic { position: absolute; left: 32px; right: 32px; bottom: 30px; display: grid; gap: 8px; }.fair-review-graphic b { height: 17px; border-radius: 999px; background: color-mix(in srgb, var(--m-violet) 15%, var(--m-surface-strong)); }.fair-review-graphic b::before { content: ""; display: block; height: 100%; width: 68%; border-radius: inherit; background: color-mix(in srgb, var(--m-violet) 54%, transparent); }.fair-review-graphic b:nth-child(2)::before { width: 42%; }.fair-review-graphic b:nth-child(3)::before { width: 80%; background: color-mix(in srgb, var(--m-signal) 60%, transparent); }
.message-graphic { position: absolute; left: 32px; right: 32px; bottom: 26px; display: grid; gap: 7px; }.message-graphic i { width: 75%; padding: 11px 14px; border-radius: 12px 12px 12px 3px; background: var(--m-violet-soft); color: var(--m-violet); font-size: .7rem; font-style: normal; }.message-graphic i:nth-child(2) { width: 55%; margin-left: auto; border-radius: 12px 12px 3px 12px; background: var(--m-signal-soft); color: var(--m-signal-strong); }.message-graphic i:nth-child(3) { width: 68%; background: var(--m-surface-strong); border: 1px solid var(--m-line); color: var(--m-muted); }
.offer-graphic { grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: center; }.offer-graphic i, .offer-graphic strong { padding: 13px 8px; border: 1px solid var(--m-line); border-radius: 11px; background: var(--m-surface-strong); font-size: .7rem; font-style: normal; text-align: center; }.offer-graphic b { color: var(--m-violet); }.offer-graphic strong { border-color: color-mix(in srgb, var(--m-signal) 45%, var(--m-line)); color: var(--m-signal-strong); }

/* Pricing */
.pricing-grid { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(360px,.92fr); gap: 14px; margin-top: 62px; }
.price-card { border: 1px solid var(--m-line); border-radius: 28px; background: var(--m-surface); }
.price-card.featured { position: relative; overflow: hidden; min-height: 630px; padding: 40px; background: var(--m-dark); color: #f4f2e9; box-shadow: var(--m-shadow); }
.price-card.featured::before { content: ""; position: absolute; width: 560px; height: 560px; right: -230px; top: -310px; border-radius: 50%; background: radial-gradient(circle, rgba(109,93,231,.66), transparent 67%); }
.price-card.featured > * { position: relative; z-index: 2; }
.price-top { display: flex; align-items: center; justify-content: space-between; }.price-top span { padding: 9px 12px; border-radius: 999px; background: var(--m-signal); color: #11130f; font-size: .68rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }.price-top small { color: #c0c3b9; font-size: .68rem; font-weight: 800; letter-spacing: .09em; }
.price-card.featured h3 { margin: 58px 0 14px; font: 500 clamp(2.6rem,3.8vw,4rem)/.95 var(--m-serif); letter-spacing: -.038em; }
.price { display: flex; align-items: end; gap: 13px; margin: 0; }.price strong { font: 500 clamp(4.35rem,6vw,6.4rem)/.86 var(--m-serif); letter-spacing: -.052em; }.employer-pricing .price strong { font-size: clamp(3.8rem,5.4vw,5.75rem); }.price span { padding-bottom: 8px; color: #c7cac0; font-size: .86rem; }
.price-card.featured > p:not(.price) { max-width: 610px; margin: 26px 0; color: #d1d3ca; font-size: 1rem; line-height: 1.65; }
.price-card.featured ul { list-style: none; padding: 0; margin: 0 0 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 20px; color: #e4e5df; font-size: .88rem; }.price-card.featured li::before { content: "✦"; margin-right: 8px; color: var(--m-signal); }
.renewal { display: block; max-width: 600px; margin-top: 17px; color: #aeb1a7; font-size: .72rem; line-height: 1.5; }
.price-side { display: grid; gap: 11px; }
.price-side .price-card { min-height: 185px; display: grid; grid-template-columns: 1fr auto; align-content: center; gap: 10px 20px; padding: 25px 27px; }
.price-side .price-card small { color: var(--m-violet); font-size: .68rem; font-weight: 850; letter-spacing: .09em; }.price-side h3 { margin: 7px 0 0; font: 500 1.85rem/1 var(--m-serif); letter-spacing: -.03em; }.side-price { display: grid; justify-items: end; margin: 0; }.side-price strong { font: 500 2.25rem/1 var(--m-serif); }.side-price span { color: var(--m-muted); font-size: .72rem; }.price-side .price-card > p:not(.side-price) { grid-column: 1 / -1; margin: 0; color: var(--m-muted); font-size: .88rem; line-height: 1.55; }.price-side .text-link { grid-column: 1 / -1; width: max-content; padding-block: 3px; }.price-side .service { background: color-mix(in srgb, var(--m-violet-soft) 30%, var(--m-surface)); }
.free-review-card { min-height: 160px; display: grid; grid-template-columns: 1fr auto; align-content: center; gap: 8px 22px; padding: 24px 27px; border: 1px solid color-mix(in srgb, var(--m-signal) 45%, var(--m-line)); border-radius: 26px; background: color-mix(in srgb, var(--m-signal) 12%, var(--m-surface)); }.free-review-card span { color: var(--m-muted); font-size: .68rem; font-weight: 850; letter-spacing: .09em; }.free-review-card strong { grid-column: 2; grid-row: 1 / 3; align-self: center; font: 500 3rem/1 var(--m-serif); }.free-review-card p { margin: 0; color: var(--m-muted); font-size: .86rem; }
.pricing-footnote { max-width: 900px; margin: 26px auto 0; color: var(--m-muted); text-align: center; font-size: .76rem; line-height: 1.6; }

.trust-section { display: grid; grid-template-columns: .85fr 1.15fr; gap: 100px; }
.trust-heading { position: sticky; top: 70px; align-self: start; }.trust-heading h2 { margin: 0; font: 500 clamp(3.5rem,5.15vw,5.45rem)/.93 var(--m-serif); letter-spacing: -.044em; }.trust-heading > p:last-child { max-width: 490px; color: var(--m-muted); font-size: 1rem; line-height: 1.68; }
.trust-list { border-top: 1px solid var(--m-line); }.trust-list article { display: grid; grid-template-columns: 58px 1fr; gap: 20px; padding: 34px 0; border-bottom: 1px solid var(--m-line); }.trust-list article > span { color: var(--m-violet); font-size: .72rem; font-weight: 800; }.trust-list h3 { margin: 0 0 10px; font: 500 1.75rem var(--m-serif); letter-spacing: -.025em; }.trust-list p { margin: 0; color: var(--m-muted); font-size: 1rem; line-height: 1.62; }

.closing-section { width: min(1480px, calc(100% - 48px)); min-height: 520px; margin: 0 auto 42px; display: grid; grid-template-columns: 1.15fr .65fr; align-items: end; gap: 70px; padding: 76px; border-radius: 34px; background: var(--m-dark); color: #f6f4ed; }
.closing-section h2 { max-width: 930px; margin: 0; font: 500 clamp(3.7rem,5.6vw,5.9rem)/.92 var(--m-serif); letter-spacing: -.045em; }.closing-action { display: grid; gap: 24px; }.closing-action p { margin: 0; color: #d0d3c9; font-size: 1.02rem; line-height: 1.65; }.closing-action .pill-button { width: max-content; }
.marketing-footer { width: min(1480px, calc(100% - 48px)); min-height: 150px; margin: 0 auto; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 34px; border-top: 1px solid var(--m-line); color: var(--m-muted); font-size: .78rem; }.marketing-footer p { text-align: center; }.marketing-footer nav { display: flex; align-items: center; gap: 17px; }.marketing-footer nav a:hover { color: var(--m-violet); }

@media (max-width: 1180px) {
  .marketing-nav { grid-template-columns: auto 1fr auto; gap: 18px; }
  .primary-nav { justify-self: end; gap: 2px; padding: 3px; border: 1px solid var(--m-line); border-radius: 999px; background: var(--m-surface); }
  .primary-nav a { display: none; }
  .primary-nav button { min-height: 34px; padding: 0 11px; border-radius: 999px; font-size: .7rem; }
  .primary-nav button.is-active { background: var(--m-violet-soft); }
  .primary-nav button.is-active::after { display: none; }
  .hero-section { grid-template-columns: 1fr; padding-top: 80px; }
  .hero-copy h1 { max-width: 10ch; }
  html[data-audience="candidate"] .hero-copy h1 { max-width: 12.5ch; }
  html[data-audience="employer"] .hero-copy h1 { max-width: 12.5ch; }
  .proof-stage, .hiring-stage { min-height: 570px; }
  .quick-path-shell { grid-template-columns: 1fr; gap: 34px; }
  .quick-path-heading { max-width: 720px; }
  .section-heading, .trust-section, .closing-section { grid-template-columns: 1fr; }
  .section-heading { gap: 28px; }.section-heading > p:last-child { margin: 0; }
  .ai-ready-section { grid-template-columns: 1fr; }.capability-orbit { min-height: 570px; }
  .journey-steps article { min-height: 490px; }.journey-step-visual { height: 190px; }
  .relay-graphic { grid-template-columns: 1fr; gap: 14px; }.relay-path { min-height: 220px; grid-template-columns: 1fr; grid-template-rows: 1fr auto 1fr; justify-items: center; }.relay-path > b { width: 1px; height: 100%; }.relay-path > b::after { width: 5px; height: 18px; top: -20px; left: -2px; animation-name: relayMoveVertical; }.relay-path > span { display: none; }
  @keyframes relayMoveVertical { from { top: -20px; } to { top: 100%; } }
  .trust-heading { position: static; }
}

@media (max-width: 820px) {
  .marketing-nav, .hero-section, .quick-path-section, .evidence-section, .workflow-section, .employer-platform, .pricing-section, .trust-section, .closing-section, .marketing-footer { width: min(100% - 28px, 1480px); }
  .marketing-nav { min-height: 72px; gap: 8px; }.primary-nav button { padding-inline: 9px; font-size: .68rem; }.marketing-actions .nav-link, .marketing-actions .pill-button { display: none !important; }.theme-switch { min-width: 40px; justify-content: center; padding-inline: 9px; }.theme-switch [data-theme-label] { display: none; }
  .gate-shell { width: min(100% - 28px, 1180px); padding-top: 22px; }.gate-copy { padding-top: 8vh; }.gate-copy h1 { font-size: clamp(3.2rem,13.5vw,4.8rem); }.gate-choices { transform: none; }.adventure-grid { grid-template-columns: 1fr; margin-top: 21px; }.gate-choice-intro { padding-inline: 2px; }.adventure-card { min-height: 350px; grid-template-columns: minmax(0,1fr) 220px; padding: 24px; }.adventure-card > strong { font-size: 2.25rem; }.adventure-copy { font-size: .96rem; }.adventure-visual { min-height: 220px; }.adventure-action { margin-top: 12px; }
  .hero-section { min-height: auto; gap: 30px; padding: 54px 0 68px; }.hero-copy h1 { font-size: clamp(3.55rem,14.5vw,5.35rem); line-height: .92; }html[data-audience="candidate"] .hero-copy h1, html[data-audience="employer"] .hero-copy h1 { max-width: 11.5ch; font-size: clamp(3.35rem,13.3vw,4.85rem); }.hero-lede { font-size: 1.02rem; }.hero-actions { align-items: flex-start; flex-direction: column; }.proof-stage, .hiring-stage { width: 100%; min-height: 500px; margin-left: 0; }.proof-window, .hiring-window { min-height: 470px; border-radius: 21px; transform: none; }.proof-window { min-height: auto; }.byoa-map { min-height: auto; grid-template-columns: 1fr; gap: 10px; padding: 22px; }.byoa-flow-arrow { transform: rotate(90deg); }.byoa-step { min-height: 154px; grid-template-columns: 68px 1fr; grid-template-rows: auto auto auto; place-items: start; align-content: center; gap: 5px 14px; padding: 18px; text-align: left; }.byoa-step > i { grid-column: 1; grid-row: 1 / 4; align-self: center; width: 58px; height: 58px; margin: 0; }.byoa-step small, .byoa-step strong, .byoa-step span { grid-column: 2; }.byoa-step strong { font-size: 1.35rem; }.byoa-step span { max-width: none; }.hiring-head { padding: 20px; }.hiring-head strong { font-size: 1.25rem; }.pipeline { grid-template-columns: 1fr 1fr; }.pipeline > article:nth-child(2) { display: none; }.agent-brief { margin-top: 8px; }
  .quick-path-section { padding: 0 0 70px; }.quick-path-shell { padding: 28px; border-radius: 27px; }.quick-path-heading h2 { font-size: clamp(2.6rem,9vw,4rem); }.quick-path-graphic { grid-template-columns: 1fr; gap: 12px; }.quick-path-graphic article { min-height: 210px; }.quick-step-link { width: 22px; height: 34px; justify-self: center; }.quick-step-link::before { left: 50%; right: auto; top: 2px; bottom: 2px; width: 1px; height: auto; }.quick-step-link::after { left: 50%; right: auto; top: auto; bottom: 3px; transform: translateX(-50%) rotate(45deg); border: 0; border-right: 1.5px solid var(--m-violet); border-bottom: 1.5px solid var(--m-violet); }
  .evidence-section, .workflow-section, .employer-platform, .pricing-section, .trust-section { padding: 88px 0; }.section-heading h2 { font-size: clamp(3rem,12.5vw,4.65rem); line-height: .95; }.section-heading > p:last-child { font-size: 1rem; }.evidence-pair, .platform-grid { grid-template-columns: 1fr; margin-top: 46px; }.evidence-card { min-height: 460px; padding: 27px; }.evidence-card h3 { margin-top: 58px; font-size: 3rem; }.evidence-stack, .translation-line { left: 27px; right: 27px; }
  .ai-ready-section { padding: 82px 20px; }.ai-ready-copy h2 { font-size: clamp(3rem,12vw,4.65rem); line-height: .95; }.ai-ready-copy > p:not(.signal-label) { font-size: 1rem; }.capability-orbit { min-height: 520px; }.capability { width: 168px; padding: 14px; }.capability strong { font-size: 1rem; }.orbit-center { width: 158px; height: 158px; }.capability-one, .capability-three { left: 0; }.capability-two, .capability-four { right: 0; }
  .journey-story { margin-top: 46px; }.journey-assurance { align-items: flex-start; flex-direction: column; gap: 13px; }.journey-steps { grid-template-columns: 1fr; }.journey-steps article { min-height: 480px; }.journey-steps h3 { font-size: 1.75rem; }
  .relay-section { padding: 84px 20px; }.relay-heading h2 { font-size: clamp(3rem,12vw,4.65rem); line-height: .95; }.relay-heading > p:last-child { font-size: 1rem; }.relay-graphic { margin-top: 48px; }.relay-party { min-height: 250px; }.relay-guardrails { flex-direction: column; align-items: center; }.candidate-search-story { grid-template-columns: 1fr; margin-top: 42px; padding: 12px; border-radius: 25px; }.candidate-search-story figure { border-radius: 18px; }.search-story-steps article { min-height: 116px; }.search-story-steps strong { font-size: 1.4rem; }
  .platform-card { min-height: 390px; padding: 27px; }.platform-card h3 { font-size: 2.3rem; }.role-brief-graphic, .offer-graphic { left: 27px; right: 27px; }.role-brief-graphic { grid-template-columns: 1fr 1fr; }.offer-graphic { grid-template-columns: 1fr auto 1fr; }.offer-graphic > :nth-child(n+4) { display: none; }
  .pricing-grid { grid-template-columns: 1fr; margin-top: 50px; }.price-card.featured { min-height: auto; padding: 30px 24px; }.price-card.featured h3 { margin-top: 55px; }.price-card.featured ul { grid-template-columns: 1fr; }.price strong { font-size: 4.8rem; }.employer-pricing .price strong { font-size: 4rem; }.price-side .price-card { grid-template-columns: 1fr; }.side-price { justify-items: start; }
  .trust-section { gap: 50px; }.trust-heading h2 { font-size: clamp(3rem,12vw,4.6rem); line-height: .95; }
  .closing-section { min-height: 450px; padding: 44px 27px; margin-bottom: 18px; border-radius: 25px; }.closing-section h2 { font-size: clamp(3rem,12vw,4.7rem); line-height: .95; }
  .marketing-footer { grid-template-columns: 1fr; justify-items: center; gap: 18px; padding: 40px 0; }.marketing-footer p { margin: 0; }.marketing-footer nav { flex-wrap: wrap; justify-content: center; }
}

@media (max-width: 520px) {
  .marketing-nav { min-height: auto; grid-template-columns: 1fr auto; grid-template-rows: 72px auto; padding-bottom: 12px; }
  .marketing-nav .marketing-brand { grid-column: 1; grid-row: 1; }
  .marketing-nav .primary-nav { grid-column: 1 / -1; grid-row: 2; width: 100%; display: grid; grid-template-columns: 1fr 1fr; }
  .marketing-nav .marketing-actions { grid-column: 2; grid-row: 1; }
  .gate-shell { padding-bottom: 34px; }.gate-copy { padding-top: 6vh; }.gate-copy .signal-label { font-size: .76rem; }.gate-copy h1 { max-width: 9ch; }
  .gate-choice-intro { align-items: center; padding-bottom: 3px; }.gate-choice-intro strong { font-size: .78rem; }.gate-choice-intro p { max-width: 280px; font-size: .96rem; }.gate-choice-intro > span { width: 38px; height: 38px; }
  .adventure-card { min-height: 540px; grid-template-columns: 1fr; grid-template-rows: auto auto auto 220px auto; gap: 10px; padding: 24px 20px; text-align: center; }
  .adventure-kicker { grid-column: 1; grid-row: 1; justify-self: center; }.adventure-card > strong { grid-column: 1; grid-row: 2; max-width: 10ch; justify-self: center; margin-top: 12px; }.adventure-copy { grid-column: 1; grid-row: 3; max-width: 320px; justify-self: center; }.adventure-visual { display: block; grid-column: 1; grid-row: 4; width: 220px; min-height: 220px; margin-top: 5px; }.adventure-action { grid-column: 1; grid-row: 5; width: min(100%, 250px); margin-top: 14px; }
  .window-bar { height: 58px; padding-inline: 14px; font-size: .66rem; }.window-bar > span i { width: 28px; height: 28px; }.byoa-map { padding: 14px; }.byoa-step { grid-template-columns: 56px 1fr; min-height: 142px; padding: 15px; }.byoa-step > i { width: 48px; height: 48px; }.byoa-step strong { font-size: 1.2rem; }.byoa-step span { font-size: .72rem; }.byoa-flow-arrow { font-size: 1.45rem; }
  .pipeline { grid-template-columns: 1fr; }.pipeline > article:nth-child(3) { display: none; }
  .capability { width: 140px; }.capability strong { font-size: .9rem; }.orbit-center { width: 136px; height: 136px; }.orbit-center strong { font-size: 1.25rem; }
  .journey-steps { grid-template-columns: 1fr; }.journey-steps article { min-height: 460px; }.journey-step-visual { height: 176px; }.candidate-journey .journey-step-visual, .employer-journey .journey-step-visual { height: auto; }.journey-status { white-space: normal; }.search-story-steps article { grid-template-columns: 36px 1fr; padding: 17px; }.search-story-steps article > span { width: 32px; height: 32px; }.search-story-steps > p { border-radius: 18px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}