/* ===========================================================================
   V4 — legacy role names, re-pointed at the canon tokens.
   Not one colour VALUE lives here: every name below resolves to a --cx-*
   variable declared in assets/tokens.css. This block exists so the 2,500 lines
   of V3 product CSS underneath keep working while wearing the Ink & Paper skin.
   ========================================================================= */
:root {
  --navy: var(--cx-panel);
  --navy-2: var(--cx-pline);
  --ink: var(--cx-ink);
  --ink-70: var(--cx-ink60);
  --ink-45: var(--cx-ink60);
  --paper: var(--cx-porcelain);
  --porcelain: var(--cx-porcelain);
  --white: var(--cx-paper);
  --line: var(--cx-line);
  --line-dark: var(--cx-line-strong);
  --good: var(--cx-ok-fg);
  --good-soft: var(--cx-ok-bg);
  --warn: var(--cx-warn-fg);
  --warn-soft: var(--cx-warn-bg);
  --danger: var(--cx-stop-fg);
  --serif: var(--cx-font-display);
  --ui: var(--cx-font-ui);
  --mono: var(--cx-font-mono);

  --surface-canvas: var(--cx-porcelain);
  --surface-paper: var(--cx-paper);
  --surface-editorial: var(--cx-porcelain);
  --surface-inverse: var(--cx-panel);
  --surface-positive: var(--cx-ok-bg);
  --surface-warning: var(--cx-warn-bg);
  --text-strong: var(--cx-ink);
  --text-muted: var(--cx-ink60);
  --text-subtle: var(--cx-ink60);
  --text-inverse: var(--cx-paper);
  --border-subtle: var(--cx-line);
  --border-strong: var(--cx-line-strong);

  /* The canon primary action is BLACK INK, not the accent. The accent is for
     links, one italic display word per page, and focus rings. */
  --action-primary: var(--cx-ink);
  --action-primary-hover: var(--cx-ink);
  --action-primary-soft: var(--cx-mist);
  --accent-resume: var(--cx-ink);
  --accent-ats: var(--cx-ok-fg);
  --accent-cover: var(--cx-ask-fg);
  --accent-portfolio: var(--cx-accent);

  --space-1: var(--cx-s1);   --space-2: var(--cx-s2);   --space-3: var(--cx-s3);
  --space-4: var(--cx-s4);   --space-5: var(--cx-s5);   --space-6: var(--cx-s6);
  --space-8: var(--cx-s8);   --space-10: var(--cx-s10); --space-12: var(--cx-s12);
  --space-16: var(--cx-s16); --space-20: var(--cx-s20); --space-24: var(--cx-s24);

  --radius-control: var(--cx-r-sm);
  --radius-panel: var(--cx-r-md);
  --radius-round: var(--cx-r-pill);
  --elevation-low: var(--cx-shadow-raise);
  --elevation-mid: var(--cx-shadow-lift);
  --elevation-high: var(--cx-shadow-lift);
  --shadow: var(--cx-shadow-lift);

  --type-display-xl: var(--cx-t-d1);
  --type-display-lg: var(--cx-t-d1);
  --type-display-md: var(--cx-t-d2);
  --type-title: var(--cx-t-d3);
  --type-body-lg: var(--cx-t-lead);
  --type-body: var(--cx-t-body);
  --type-body-sm: var(--cx-t-sm);
  --type-caption: var(--cx-t-xs);
  --type-label: var(--cx-t-label);

  --motion-fast: var(--cx-dur-fast);
  --motion-base: var(--cx-dur-base);
  --motion-slow: var(--cx-dur-slow);
  --ease-standard: var(--cx-ease);
  --ease-emphasized: var(--cx-ease);
  --topbar-h: var(--cx-topbar-h);
}


* { box-sizing: border-box; }
[hidden] { display: none !important; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  background: var(--surface-paper);
  color: var(--text-strong);
  font-family: var(--ui);
  font-size: var(--type-body);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
.seo-prerender { max-width: 1120px; min-height: calc(100vh - var(--topbar-h)); margin: 0 auto; padding: 90px 28px; }
.seo-prerender > span { color: var(--cx-accent); font: 700 11px/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.seo-prerender h1 { max-width: 850px; margin: 18px 0; font: 400 clamp(48px,7vw,92px)/.95 var(--serif); letter-spacing: -.015em; }
.seo-prerender p { max-width: 680px; color: var(--ink-70); font-size: 18px; }
.seo-prerender nav { margin-top: 32px; color: var(--cx-accent); font-weight: 700; }
.segmented button { min-height: 40px; }

button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
a { color: inherit; }

:focus-visible {
  outline: 3px solid var(--cx-accent-a38);
  outline-offset: 3px;
}

.skip-link {
  position: fixed;
  z-index: 200;
  top: 8px;
  left: 8px;
  transform: translateY(-150%);
  padding: 10px 14px;
  background: var(--white);
  color: var(--navy);
  border: 1px solid var(--navy);
}
.skip-link:focus { transform: translateY(0); }

.topbar {
  position: sticky;
  z-index: 50;
  top: 0;
  height: var(--topbar-h);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: var(--space-6);
  padding: 0 clamp(20px, 3vw, 48px);
  background: var(--surface-inverse);
  color: var(--text-inverse);
  border-bottom: 1px solid var(--cx-paper-a14);
}

.topbar.tool-bar {
  background: color-mix(in srgb, var(--surface-paper) 96%, transparent);
  color: var(--navy);
  backdrop-filter: blur(12px);
  border-bottom-color: var(--line);
}

.brand {
  justify-self: start;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  font: 400 30px/1 var(--serif);
  text-decoration: none;
  letter-spacing: -.015em;
}

.primary-nav {
  height: 100%;
  display: flex;
  align-items: stretch;
  gap: var(--space-8);
}

.primary-nav a {
  position: relative;
  display: grid;
  place-items: center;
  color: inherit;
  text-decoration: none;
  font-weight: 600;
  opacity: 0.68;
}

.primary-nav a.on { opacity: 1; }
.primary-nav a.on::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  background: currentColor;
}

.topbar-actions {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

.save-state {
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font: 600 11px/1 var(--mono);
  letter-spacing: 0.04em;
  opacity: 0.68;
}

.workspace-button {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  padding: 0 var(--space-4);
  border: 1px solid var(--cx-paper-a30);
  background: var(--cx-paper-a08);
  color: inherit;
  text-decoration: none;
  font-size: 12px;
  font-weight: 800;
}
.tool-bar .workspace-button, .landing-bar .workspace-button { border-color: var(--cx-accent); background: var(--cx-accent); color: var(--cx-paper); }
.topbar.landing-bar { background: var(--cx-porcelain-a92); color: var(--navy); border-bottom-color: var(--cx-ink60); backdrop-filter: blur(14px); }

/* Public product home — editorial chapters, not a dashboard. */
.landing { background: var(--cx-porcelain); color: var(--cx-panel); overflow: clip; }
.landing-hero {
  position: relative;
  min-height: calc(100vh - var(--topbar-h));
  display: grid;
  grid-template-columns: minmax(0, .98fr) minmax(390px, 1.02fr);
  grid-template-rows: 1fr auto;
  padding: clamp(68px, 9vw, 132px) clamp(28px, 6vw, 92px) 0;
  border-bottom: 1px solid var(--cx-line);
  background-image: linear-gradient(90deg, transparent calc(25% - 1px), var(--cx-panel-a08) 25%, transparent calc(25% + 1px)), linear-gradient(90deg, transparent calc(50% - 1px), var(--cx-panel-a08) 50%, transparent calc(50% + 1px)), linear-gradient(90deg, transparent calc(75% - 1px), var(--cx-panel-a08) 75%, transparent calc(75% + 1px));
}
.landing-hero-copy { position: relative; z-index: 2; align-self: center; padding-bottom: 70px; }
.landing-hero h1 { margin: 18px 0 24px; max-width: 780px; font: 400 clamp(64px, 7.2vw, 116px)/.91 var(--serif); letter-spacing: -.015em; }
.landing-hero h1::after { content: ""; display: inline-block; width: .12em; height: .12em; margin-left: .05em; border-radius: 50%; background: var(--cx-accent); }
.landing-hero-copy > p { max-width: 610px; margin: 0; color: var(--cx-ink60); font-size: clamp(16px, 1.4vw, 20px); line-height: 1.65; }
.landing-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 34px; }
.landing-hero-drawing { position: relative; min-height: 560px; align-self: end; }
.arch { position: absolute; right: 4%; bottom: 0; border: 1px solid var(--cx-panel-a16); border-bottom: 0; }
.arch-one { width: min(74%, 520px); height: 74%; border-radius: 260px 260px 0 0; }
.arch-two { right: 17%; width: min(46%, 320px); height: 47%; border-radius: 180px 180px 0 0; box-shadow: inset 0 0 0 28px var(--cx-accent-a04), inset 0 0 0 29px var(--cx-panel-a10); }
.blueprint-line { position: absolute; height: 1px; background: var(--cx-accent-a24); transform-origin: left center; }
.line-a { left: 8%; right: -8%; top: 41%; transform: rotate(-18deg); }
.line-b { left: 20%; right: 0; top: 65%; transform: rotate(12deg); }
.journey-node { position: absolute; z-index: 2; width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid var(--cx-accent); border-radius: 50%; background: var(--cx-porcelain); color: var(--cx-accent); font: 800 12px/1 var(--mono); box-shadow: 0 8px 28px var(--cx-accent-a12); }
.node-a { left: 8%; top: 38%; }.node-b { left: 36%; top: 47%; }.node-c { right: 25%; top: 24%; }.node-d { right: 4%; top: 57%; }
.hero-tool-links { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, 1fr); margin: 0 calc(clamp(28px, 6vw, 92px) * -1); border-top: 1px solid var(--cx-line); background: var(--cx-porcelain-a85); }
.hero-tool-links a { min-height: 112px; display: flex; align-items: center; gap: 15px; padding: 18px clamp(20px, 3vw, 46px); text-decoration: none; border-right: 1px solid var(--cx-line); }
.hero-tool-links a:last-child { border-right: 0; }
.hero-tool-links a:hover { background: var(--cx-paper); }
.hero-tool-links .product-icon { width: 38px; height: 38px; color: var(--cx-accent); }
.hero-tool-links b { font: 600 16px/1.25 var(--serif); }
.landing-system-note { min-height: 96px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 32px; padding: 20px clamp(28px, 6vw, 92px); border-bottom: 1px solid var(--cx-line); background: var(--cx-panel); color: var(--cx-paper); }
.landing-system-note span { color: var(--cx-ink60); font: 700 11px/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.landing-system-note b { font: 400 clamp(18px,2vw,25px)/1.25 var(--serif); }
.landing-system-note a { min-height: 44px; display: inline-flex; align-items: center; color: var(--cx-ink60); text-decoration: none; font-size: 13px; font-weight: 800; }
.landing-tools { width: min(1540px,100%); margin: 0 auto; display: grid; grid-template-columns: 230px minmax(0,1fr); border-right: 1px solid var(--cx-line); border-left: 1px solid var(--cx-line); }
.context-rail { position: sticky; top: var(--topbar-h); height: calc(100vh - var(--topbar-h)); align-self: start; padding: 52px 32px; border-right: 1px solid var(--cx-line); background: var(--cx-porcelain); }
.context-rail > span { display: block; margin-bottom: 26px; color: var(--cx-ink60); font: 700 10px/1.3 var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.context-line { position: relative; width: 42px; height: 350px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin-bottom: 26px; }
.context-line::before { content: ""; position: absolute; z-index: 0; top: 18px; bottom: 18px; left: 50%; width: 1px; background: var(--cx-ink30); }
.context-node { position: relative; z-index: 1; width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--cx-accent); border-radius: 50%; background: var(--cx-porcelain); color: var(--cx-accent); font: normal 800 10px/1 var(--mono); }
.context-ats,.context-portfolio { border-color: var(--good); color: var(--good); }
.context-rail > b { display: block; font: 400 21px/1.15 var(--serif); }.context-rail > small { color: var(--cx-ink60); }.context-rail > p { margin-top: 24px; color: var(--cx-ink60); font-size: 12px; line-height: 1.6; }
.landing-tool { min-height: 690px; display: grid; grid-template-columns: minmax(260px,.58fr) minmax(450px,1.42fr); align-items: center; gap: clamp(28px,5vw,72px); padding: clamp(58px,8vw,116px) clamp(30px,6vw,94px); border-bottom: 1px solid var(--cx-line); }
.landing-tool.reverse { grid-template-columns: minmax(450px,1.42fr) minmax(260px,.58fr); }.landing-tool.reverse .landing-tool-copy { order: 2; }.landing-tool.reverse .landing-tool-preview { order: 1; }
.landing-tool-copy > span { color: var(--cx-accent); font: 800 19px/1 var(--mono); }.landing-tool-ats .landing-tool-copy > span,.landing-tool-portfolio .landing-tool-copy > span { color: var(--good); }
.landing-tool-copy h2 { max-width: 420px; margin: 18px 0; font: 400 clamp(46px,5vw,72px)/.96 var(--serif); letter-spacing: -.015em; }
.landing-tool-copy p { max-width: 390px; margin: 0 0 28px; color: var(--cx-ink60); line-height: 1.65; }
.chapter-link { min-height: 44px; display: inline-flex; align-items: center; gap: 16px; color: var(--cx-accent); text-decoration: none; font-weight: 800; }
.landing-tool-preview { min-width: 0; }
.landing-resume-visual,.landing-letter-visual { width: min(700px,100%); min-height: 470px; margin: auto; padding: clamp(34px,5vw,66px); background: var(--cx-paper); border: 1px solid var(--cx-line); box-shadow: 0 24px 70px var(--cx-panel-a12); }
.lr-name { font: 400 clamp(32px,4vw,52px)/1 var(--serif); }.lr-role { margin-top: 8px; color: var(--cx-accent); font: 700 11px/1 var(--mono); text-transform: uppercase; letter-spacing: .12em; }.lr-rule { margin: 26px 0; height: 2px; background: var(--cx-accent); }.lr-grid { display: grid; grid-template-columns: 1fr 145px; gap: 32px; }.lr-grid div,.lr-grid aside { display: flex; flex-direction: column; gap: 13px; }.lr-grid i { height: 7px; background: var(--cx-mist); }.lr-grid i:nth-child(2),.lr-grid i:nth-child(4) { width: 82%; }.lr-grid aside { padding-left: 20px; border-left: 1px solid var(--cx-mist); }.lr-grid b { height: 17px; background: var(--cx-mist); }.landing-resume-visual > span { display: inline-block; margin-top: 54px; color: var(--cx-accent); font: 800 11px/1 var(--mono); text-transform: uppercase; }
.landing-ats-visual { width: min(760px,100%); margin: auto; padding: clamp(32px,5vw,60px); border: 1px solid var(--cx-line); background: var(--cx-paper); box-shadow: 0 24px 70px var(--cx-panel-a10); }.la-score { display: flex; align-items: baseline; gap: 12px; }.la-score strong { color: var(--good); font: 400 clamp(72px,9vw,120px)/.85 var(--serif); }.la-score span { font: 600 19px/1 var(--serif); }.la-bars { display: grid; gap: 15px; margin: 34px 0; }.la-bars i { height: 9px; background: linear-gradient(90deg,var(--good) var(--w),var(--cx-mist) var(--w)); border-radius: 999px; }.la-evidence { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--cx-line); }.la-evidence span { padding: 20px 14px; border-right: 1px solid var(--cx-line); color: var(--cx-ink60); font-size: 12px; }.la-evidence span:last-child { border-right: 0; }
.landing-letter-visual { min-height: 500px; }.ll-head { display: flex; justify-content: space-between; gap: 18px; padding-bottom: 18px; border-bottom: 2px solid var(--cx-accent); }.ll-head b { font: 600 25px/1 var(--serif); }.ll-head span { color: var(--cx-ink60); font-size: 11px; }.landing-letter-visual p { margin: 54px 0 30px; font: 400 17px/1 var(--serif); }.landing-letter-visual > i { display: block; width: 100%; height: 8px; margin: 13px 0; background: var(--cx-mist); }.landing-letter-visual > i.short { width: 64%; }.ll-receipt { margin-top: 52px; padding: 14px; border-left: 3px solid var(--good); background: var(--cx-porcelain); color: var(--good); font-size: 12px; }
.landing-portfolio-visual { width: min(800px,100%); min-height: 450px; margin: auto; padding: 28px; background: var(--cx-ink); color: var(--cx-paper); box-shadow: 0 26px 76px var(--cx-ink-a24); }.landing-portfolio-visual header { display: flex; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid var(--cx-paper-a20); }.landing-portfolio-visual header b { font: 400 23px/1 var(--serif); }.landing-portfolio-visual header span { color: var(--cx-ink60); font-size: 11px; }.lp-worlds { display: grid; grid-template-columns: 1.1fr .8fr .8fr; gap: 12px; margin: 34px 0; }.lp-worlds i { height: 230px; background: linear-gradient(145deg,var(--cx-panel),var(--cx-accent) 58%,var(--cx-porcelain) 59%,var(--cx-line)); }.lp-worlds i:nth-child(2) { background: radial-gradient(circle at 35% 35%,var(--cx-ask-fg) 0 14%,transparent 15%),linear-gradient(145deg,var(--cx-ask-fg),var(--cx-ink)); }.lp-worlds i:nth-child(3) { background: linear-gradient(125deg,var(--cx-ink) 0 40%,var(--cx-stop-fg) 41% 48%,var(--cx-accent) 49%); }.landing-portfolio-visual footer { display: flex; align-items: baseline; gap: 10px; color: var(--cx-ink60); font-size: 12px; }.landing-portfolio-visual footer strong { color: var(--cx-paper); font: 400 30px/1 var(--serif); }
.landing-close { min-height: 520px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 72px 24px; text-align: center; background: var(--cx-porcelain); }.landing-close h2 { margin: 20px 0 36px; font: 400 clamp(44px,6vw,82px)/.98 var(--serif); letter-spacing: -.015em; }.landing-close > div { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; justify-content: center; }
.landing-footer { min-height: 112px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; padding: 24px clamp(28px,6vw,92px); background: var(--cx-panel); color: var(--cx-paper); }.landing-footer p { color: var(--cx-ink60); font-size: 12px; }.landing-footer > span { justify-self: end; color: var(--cx-ink60); font-size: 11px; }

@media (min-width: 821px) and (max-height: 840px) {
  .landing-hero { padding-top: 42px; }
  .landing-hero-copy { padding-bottom: 32px; }
  .landing-hero h1 { font-size: clamp(66px, 6.2vw, 88px); margin-top: 12px; margin-bottom: 18px; }
  .landing-hero-copy > p { font-size: 16px; line-height: 1.55; }
  .landing-actions { margin-top: 24px; }
  .landing-hero-drawing { min-height: 460px; }
  .hero-tool-links a { min-height: 94px; }
}

.dashboard {
  width: min(1440px, 100%);
  margin: 0 auto;
  padding: clamp(42px, 6vw, 84px) clamp(22px, 4vw, 64px) 90px;
}

.eyebrow {
  display: inline-block;
  color: var(--cx-accent);
  font: 700 11px/1.2 var(--mono);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.dashboard-heading {
  margin: 0 0 clamp(28px, 4vw, 48px);
  font: 400 clamp(46px, 5vw, 76px)/0.98 var(--serif);
  letter-spacing: -.015em;
}

.next-action {
  position: relative;
  min-height: 288px;
  display: grid;
  grid-template-columns: minmax(300px, 0.82fr) 1.18fr;
  overflow: hidden;
  background: var(--white);
  border: 1px solid var(--line);
  border-left: 5px solid var(--cx-accent);
  box-shadow: 0 12px 45px var(--cx-panel-a04);
}

.next-action-copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(34px, 5vw, 68px);
}

.next-action h2 {
  max-width: 13ch;
  margin: 12px 0 28px;
  font: 400 clamp(34px, 4vw, 55px)/1.03 var(--serif);
  letter-spacing: -.015em;
}

.next-action-visual {
  position: relative;
  min-height: 260px;
  overflow: hidden;
  background:
    linear-gradient(90deg, var(--cx-paper) 0%, var(--cx-paper-a10) 28%),
    linear-gradient(180deg, var(--cx-paper) 0%, var(--cx-accent-soft) 100%);
}

.orbit-art {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.orbit-art path, .orbit-art circle, .orbit-art line {
  vector-effect: non-scaling-stroke;
}

.button {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  padding: 0 var(--space-5);
  border: 1px solid transparent;
  border-radius: var(--radius-control);
  background: transparent;
  text-decoration: none;
  font-weight: 700;
  cursor: pointer;
  transition: transform var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard);
}
.button:hover { transform: translateY(-1px); }
.button:disabled { cursor: not-allowed; opacity: 0.45; transform: none; }
.button-primary { background: var(--action-primary); color: var(--text-inverse); }
.button-primary:hover { background: var(--action-primary-hover); box-shadow: var(--elevation-low); }
.button-secondary { border-color: var(--action-primary); background: var(--surface-paper); color: var(--action-primary); }
.button-secondary:hover { background: var(--action-primary-soft); }
.button-quiet { border-color: var(--border-strong); background: var(--surface-paper); }
.button-quiet:hover { border-color: var(--navy); }
.button-danger { border-color: var(--cx-ink60); background: var(--cx-paper); color: var(--danger); }
.button-small { min-height: 44px; padding: 0 16px; font-size: 14px; }
.text-link { min-height: 44px; display: inline-flex; align-items: center; border: 0; background: none; padding: 4px 0; color: var(--cx-accent); font-weight: 700; cursor: pointer; text-decoration: none; }

.product-launchers {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 38px 0 0;
  border-bottom: 1px solid var(--line);
}

.product-launcher {
  position: relative;
  min-height: 124px;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  padding: 24px 28px;
  color: inherit;
  text-decoration: none;
  border-top: 1px solid var(--line);
  transition: background 160ms ease;
}
.product-launcher + .product-launcher { border-left: 1px solid var(--line); }
.product-launcher:hover { background: var(--white); }
.product-launcher::after {
  content: "→";
  position: absolute;
  right: 18px;
  top: 18px;
  color: var(--cx-accent);
  opacity: 0;
  transform: translateX(-4px);
  transition: 160ms ease;
}
.product-launcher:hover::after { opacity: 1; transform: translateX(0); }

.product-icon {
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  color: var(--cx-accent);
}
.product-icon svg { width: 46px; height: 46px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.product-launcher h3 { margin: 0 0 4px; font: 400 21px/1.15 var(--serif); }
.product-launcher p { margin: 0; color: var(--ink-70); font-size: 14px; }
.status-dot { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--cx-accent); }

.dashboard-lower {
  display: grid;
  grid-template-columns: minmax(0, 1.75fr) minmax(280px, 0.75fr);
  gap: clamp(34px, 5vw, 74px);
  margin-top: 38px;
}

.section-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--line);
}
.section-heading h2 { margin: 0; font: 400 18px/1 var(--serif); }
.section-heading a { min-height: 44px; display: inline-flex; align-items: center; color: var(--cx-accent); font-size: 13px; font-weight: 700; text-decoration: none; }

.application-card { padding: 25px 0 0; }
.application-card h3 { margin: 0 0 30px; font: 400 clamp(28px, 3vw, 42px)/1 var(--serif); letter-spacing: -.015em; }
.application-meta { margin: 8px 0 0; color: var(--ink-70); font-size: 14px; }

.application-track {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.application-track::before {
  content: "";
  position: absolute;
  top: 26px;
  left: 8%;
  right: 8%;
  height: 1px;
  background: var(--line-dark);
}
.application-step { position: relative; z-index: 1; }
.step-mark {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  margin-bottom: 12px;
  border: 1px solid var(--line-dark);
  border-radius: 50%;
  background: var(--paper);
  color: var(--ink-45);
  font-weight: 800;
}
.application-step.done .step-mark { border-color: var(--cx-accent); color: var(--cx-accent); background: var(--white); }
.application-step.current .step-mark { border-color: var(--cx-accent); background: var(--cx-accent); color: var(--cx-paper); }
.application-step b { display: block; margin-bottom: 3px; font-size: 14px; }
.application-step span { color: var(--ink-70); font-size: 12px; }
.application-actions { margin-top: 28px; display: flex; gap: 12px; flex-wrap: wrap; }

.activity-list { list-style: none; margin: 0; padding: 7px 0 0; }
.activity-item {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 68px;
  border-bottom: 1px solid var(--line);
}
.activity-glyph {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border: 1px solid var(--cx-accent-line);
  color: var(--cx-accent);
  font-weight: 800;
}
.activity-item b { display: block; font: 400 14px/1.3 var(--serif); }
.activity-item span { color: var(--ink-70); font-size: 12px; }
.activity-item time { color: var(--ink-45); font-size: 11px; white-space: nowrap; }

.tool-page {
  min-height: calc(100vh - var(--topbar-h));
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
}

.tool-rail {
  position: sticky;
  top: var(--topbar-h);
  height: calc(100vh - var(--topbar-h));
  padding: 46px 30px;
  border-right: 1px solid var(--line);
  background: var(--porcelain);
}

.back-link {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 42px;
  color: var(--cx-accent);
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
}

.tool-rail h1 { margin: 0 0 8px; font: 400 29px/1 var(--serif); letter-spacing: -.015em; }
.tool-rail > p { margin: 0 0 34px; color: var(--ink-70); font-size: 13px; }

.step-list { list-style: none; margin: 0; padding: 0; }
.tool-step {
  position: relative;
  min-height: 78px;
  display: grid;
  grid-template-columns: 36px 1fr;
  align-items: start;
  gap: 13px;
  color: var(--ink-45);
}
.tool-step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 37px;
  bottom: -2px;
  left: 17px;
  width: 1px;
  background: var(--line-dark);
}
.tool-step-mark {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line-dark);
  border-radius: 50%;
  background: var(--porcelain);
  font-size: 13px;
  font-weight: 800;
}
.tool-step b { padding-top: 6px; font: 600 16px/1.2 var(--serif); }
.tool-step.done, .tool-step.current { color: var(--navy); }
.tool-step.done .tool-step-mark { color: var(--cx-accent); border-color: var(--cx-accent); background: var(--white); }
.tool-step.current .tool-step-mark { color: var(--cx-paper); border-color: var(--cx-accent); background: var(--cx-accent); }

.rail-note {
  position: absolute;
  right: 28px;
  bottom: 32px;
  left: 28px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
  color: var(--ink-70);
  font-size: 12px;
}
.rail-note b { display: block; margin-bottom: 5px; color: var(--ink); }

.tool-main {
  min-width: 0;
  padding: clamp(38px, 5vw, 72px) clamp(26px, 6vw, 88px) 92px;
}
.tool-main-inner { width: min(1120px, 100%); margin: 0 auto; }
.tool-main.compact .tool-main-inner { width: min(900px, 100%); }

.tool-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 40px;
}
.tool-heading h2 { margin: 8px 0 0; font: 400 clamp(40px, 5vw, 64px)/0.98 var(--serif); letter-spacing: -.015em; }
.tool-heading p { max-width: 44ch; margin: 12px 0 0; color: var(--ink-70); }
.source-chip {
  flex: 0 0 auto;
  padding: 9px 12px;
  border: 1px solid var(--line);
  background: var(--white);
  color: var(--ink-70);
  font-size: 12px;
}
.source-chip b { color: var(--cx-accent); }

.focus-panel {
  background: var(--white);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}
.panel-pad { padding: clamp(24px, 4vw, 46px); }

.source-choice-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.source-choice {
  min-height: 154px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  border: 1px solid var(--line);
  background: var(--paper);
  text-align: left;
  cursor: pointer;
}
.source-choice:hover, .source-choice.on { border-color: var(--cx-accent); background: var(--cx-accent-soft); }
.source-choice i { color: var(--cx-accent); font: normal 700 25px/1 var(--serif); }
.source-choice b { margin: 22px 0 4px; font: 600 17px/1.2 var(--serif); }
.source-choice span { color: var(--ink-70); font-size: 13px; }

.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.form-span { grid-column: 1 / -1; }
.field { display: flex; flex-direction: column; gap: 8px; }
.field label { color: var(--text-strong); font-size: 13px; font-weight: 700; }
.field-help { color: var(--text-muted); font-size: var(--type-caption); }
.field input, .field textarea, .field select {
  width: 100%;
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-control);
  background: var(--surface-paper);
  color: var(--text-strong);
  transition: border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard);
}
.field textarea { min-height: 128px; resize: vertical; line-height: 1.55; }
.field textarea.tall { min-height: 230px; }
.field input:focus, .field textarea:focus, .field select:focus { border-color: var(--action-primary); outline: 3px solid color-mix(in srgb, var(--action-primary) 12%, transparent); }
.contact-link-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 8px; padding-top: 20px; border-top: 1px solid var(--line); }
.contact-link-heading b { font: 600 15px/1.1 var(--serif); }
.contact-link-heading span { color: var(--ink-70); font: 800 8px/1 var(--mono); text-transform: uppercase; letter-spacing: .07em; }
.additional-links { margin-top: 8px; padding-top: 18px; border-top: 1px dashed var(--line-dark); }
.additional-links-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.additional-links-head > div { display: flex; flex-direction: column; gap: 4px; }
.additional-links-head b { font: 600 14px/1.1 var(--serif); }
.additional-links-head span,.additional-links-empty { color: var(--ink-70); font-size: 11px; }
.additional-links-empty { margin: 13px 0 0; }
.additional-link-row { display: grid; grid-template-columns: minmax(120px,.55fr) minmax(220px,1.45fr) 44px; align-items: end; gap: 10px; margin-top: 14px; }
.additional-link-row .icon-button { margin-bottom: 2px; }
.field-row { display: flex; align-items: flex-end; gap: 10px; }
.field-row .field { flex: 1; }

.form-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid var(--line);
}
.inline-state { color: var(--ink-70); font-size: 13px; }
.inline-state.good { color: var(--good); }
.inline-state.warn { color: var(--warn); }

.resume-studio {
  display: grid;
  grid-template-columns: minmax(340px, 0.9fr) minmax(440px, 1.1fr);
  gap: 28px;
  align-items: start;
}
.editor-stack { display: flex; flex-direction: column; gap: 16px; }
.editor-section { border: 1px solid var(--line); background: var(--white); }
.editor-section summary {
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  cursor: pointer;
  font: 600 17px/1 var(--serif);
}
.editor-section summary::after { content: "+"; color: var(--cx-accent); font: 400 22px/1 var(--ui); }
.editor-section[open] summary::after { content: "−"; }
.editor-section .editor-body { padding: 0 20px 22px; }
.editor-section .form-grid { gap: 14px; }

.preview-shell { position: sticky; top: calc(var(--topbar-h) + 24px); }
.preview-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 54px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-bottom: 0;
  background: var(--porcelain);
}
.preview-toolbar b { font: 600 13px/1 var(--ui); }
.segmented { display: flex; gap: 3px; padding: 3px; background: var(--cx-mist); border-radius: 6px; }
.segmented button {
  min-width: 40px;
  min-height: 44px;
  padding: 0 11px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  font-size: 12px;
  cursor: pointer;
}
.segmented button.on { background: var(--white); color: var(--cx-accent); box-shadow: 0 1px 4px var(--cx-panel-a12); }
.document-frame {
  position: relative;
  min-height: 740px;
  border: 1px solid var(--line);
  background: var(--cx-mist);
  overflow: hidden;
}
.document-frame iframe { width: 100%; height: 740px; border: 0; background: var(--cx-paper); }
.preview-loading { position: absolute; inset: 0; display: grid; place-items: center; background: var(--cx-porcelain-a85); color: var(--ink-70); font-size: 13px; }

.experience-entry { padding: 18px 0; border-top: 1px solid var(--line); }
.experience-entry:first-child { border-top: 0; padding-top: 0; }
.experience-entry-head { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 13px; }
.experience-entry-head b { font: 600 15px/1 var(--serif); }
.icon-button { min-width: 44px; min-height: 44px; border: 1px solid var(--line); background: var(--white); cursor: pointer; }

.template-library { background: var(--white); }
.template-library-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; padding-bottom: 4px; }
.template-library-head b { display: block; font: 600 21px/1.2 var(--serif); }
.template-library-head small { display: block; margin-top: 6px; color: var(--ink-70); font-size: 11px; }
.template-library > summary { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 15px 20px; cursor: pointer; list-style: none; }
.template-library > summary::-webkit-details-marker { display: none; }
.template-library > summary b { display: block; font: 600 18px/1.2 var(--serif); }.template-library > summary small { display: block; margin-top: 5px; color: var(--ink-70); }.template-library > summary em { color: var(--cx-accent); font: normal 800 11px/1 var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.template-library-body { padding: 0 0 24px; }
.template-filters { display: flex; gap: 8px; flex-wrap: wrap; padding: 18px 0; }.template-filters button { min-height: 42px; padding: 0 15px; border: 1px solid var(--line); background: var(--paper); cursor: pointer; font-size: 12px; font-weight: 800; }.template-filters button.on { border-color: var(--cx-accent); background: var(--cx-accent); color: var(--cx-paper); }
.resume-template-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.resume-template-card { min-width: 0; padding: 8px; border: 1px solid var(--line); background: var(--cx-paper); cursor: pointer; text-align: left; transition: border-color .2s ease,transform .2s ease,box-shadow .2s ease; }.resume-template-card:hover { transform: translateY(-2px); border-color: var(--template-accent); box-shadow: 0 14px 30px var(--cx-ink-a10); }.resume-template-card.on { border-color: var(--template-accent); box-shadow: inset 0 0 0 2px var(--template-accent); }.resume-template-card.on .resume-template-thumb::after { content: "Selected ✓"; position: absolute; z-index: 3; top: 7px; right: 7px; min-height: 24px; display: grid; place-items: center; padding: 0 7px; background: var(--template-accent); color: var(--cx-paper); font: 800 7px/1 var(--mono); text-transform: uppercase; letter-spacing: .05em; }
.resume-template-thumb { position: relative; height: 248px; display: block; overflow: hidden; margin-bottom: 10px; border: 1px solid var(--cx-line); background: var(--cx-mist); }.template-preview-host { position:absolute; inset:0; z-index:1; display:block; overflow:hidden; }.resume-template-thumb iframe { position: relative; z-index: 1; width: 100%; height: 100%; border: 0; background: var(--cx-mist); pointer-events: none; opacity: 0; transition: opacity .2s ease; }.resume-template-thumb.loaded iframe { opacity: 1; }.template-preview-loading { position: absolute; inset: 0; display: grid; place-items: center; color:var(--cx-ink60); font: normal 700 8px/1 var(--mono); text-transform: uppercase; letter-spacing: .08em; }.resume-template-thumb.loaded .template-preview-loading { display: none; }
.template-card-copy { position: relative; display: block; min-height: 55px; padding-right: 48px; }.template-card-copy b { display: block; font: 600 13px/1.2 var(--serif); }.template-card-copy small { display: block; margin-top: 3px; color: var(--ink-70); font-size: 10px; line-height: 1.3; }.template-card-copy em { position: absolute; top: 0; right: 0; font: normal 800 8px/1 var(--mono); text-transform: uppercase; }.template-card-copy em.safe { color: var(--good); }.template-card-copy em.designed { color: var(--warn); }

.ats-result-lead { padding-bottom: 30px; border-bottom: 1px solid var(--line); }
.score-line { display: flex; align-items: baseline; gap: 12px; }
.score-line strong { font: 400 clamp(64px, 8vw, 104px)/0.9 var(--serif); letter-spacing: -.015em; }
.score-line span { font: 600 22px/1 var(--serif); }
.score-bar { width: min(390px, 100%); height: 9px; margin: 22px 0 26px; overflow: hidden; border-radius: 999px; background: var(--cx-mist); }
.score-bar i { display: block; height: 100%; background: var(--cx-accent); border-radius: inherit; transition: width 700ms cubic-bezier(.2,.75,.2,1); }
.ats-result-lead h3 { margin: 0; font: 600 clamp(24px, 3vw, 31px)/1.15 var(--serif); }

.evidence-list { margin-top: 4px; }
.evidence-row {
  display: grid;
  grid-template-columns: 52px minmax(150px, 0.45fr) minmax(0, 1fr) 26px;
  align-items: center;
  gap: 18px;
  min-height: 104px;
  border-bottom: 1px solid var(--line);
}
.evidence-glyph { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 7px; background: var(--cx-accent-soft); color: var(--cx-accent); font-size: 21px; }
.evidence-row h4 { margin: 0; font: 600 19px/1.2 var(--serif); }
.evidence-copy { color: var(--ink-70); font-size: 14px; }
.evidence-copy b { color: var(--ink); }
.evidence-arrow { color: var(--cx-accent); font-size: 22px; }

.center-action { display: flex; justify-content: center; margin: 32px 0; }
.next-step-band {
  display: grid;
  grid-template-columns: auto minmax(180px, 1fr) auto auto;
  align-items: center;
  gap: 20px;
  padding: 26px 30px;
  background: var(--cx-accent-soft);
  border: 1px solid var(--cx-accent-line);
}
.next-step-mark { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; background: var(--white); color: var(--cx-accent); font-weight: 800; }
.next-step-band h4 { margin: 0 0 3px; font: 600 18px/1.2 var(--serif); }
.next-step-band p { margin: 0; color: var(--ink-70); font-size: 13px; }

.letter-studio {
  display: grid;
  grid-template-columns: minmax(310px, 0.72fr) minmax(430px, 1.28fr);
  gap: 28px;
  align-items: start;
}
.letter-paper {
  min-height: 720px;
  padding: clamp(34px, 5vw, 68px);
  background: var(--white);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}
.letter-paper-head { margin-bottom: 42px; padding-bottom: 20px; border-bottom: 2px solid var(--navy); }
.letter-paper-head b { display: block; font: 600 24px/1 var(--serif); }
.letter-paper-head span { color: var(--ink-70); font-size: 13px; }
.letter-paper textarea {
  width: 100%;
  min-height: 430px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--ink);
  resize: vertical;
  font: 400 16px/1.78 var(--serif);
}
.letter-paper textarea:focus { outline: 0; }
.tone-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.tone-button { min-height: 46px; border: 1px solid var(--line); background: var(--white); cursor: pointer; }
.tone-button.on { border-color: var(--cx-accent); background: var(--cx-accent-soft); color: var(--cx-accent); font-weight: 700; }
.truth-receipt { margin-top: 16px; padding: 16px; border-left: 3px solid var(--good); background: var(--good-soft); color: var(--good); font-size: 13px; }
.truth-receipt.warn { border-left-color: var(--warn); background: var(--warn-soft); color: var(--warn); }
.letter-design-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }.letter-design-grid.compact { margin-top: 14px; grid-template-columns: repeat(2,1fr); }.letter-design-option { min-height: 118px; padding: 10px; border: 1px solid var(--line); background: var(--cx-paper); cursor: pointer; text-align: left; }.letter-design-option.on { border-color: var(--cx-accent); box-shadow: inset 0 0 0 1px var(--cx-accent); }.letter-design-option > span { position: relative; display: block; height: 54px; margin-bottom: 9px; overflow: hidden; border: 1px solid var(--cx-line); background: var(--cx-paper); }.letter-design-option i { position: absolute; left: 9px; right: 9px; height: 3px; background: var(--cx-line); }.letter-design-option i:nth-child(1){top:12px;background:var(--cx-accent);height:6px;width:43%;right:auto}.letter-design-option i:nth-child(2){top:28px}.letter-design-option i:nth-child(3){top:38px;width:68%}.letter-design-option b { display:block;font:600 12px/1.2 var(--serif) }.letter-design-option small { color:var(--ink-70);font-size:9px }.design-1 > span { border-left: 8px solid var(--navy); }.design-2 i:nth-child(1){width:12px;height:12px;border-radius:50%}.design-3 i:nth-child(1){left:35%;right:35%;width:auto}.design-4 > span { background:linear-gradient(90deg,var(--cx-accent) 0 22%,var(--cx-paper) 22%) }.design-4 i{left:30%}.design-5 i:nth-child(1){left:25%;right:25%;width:auto}.design-5 i:nth-child(2),.design-5 i:nth-child(3){left:18%;right:18%;width:auto}
.letter-paper.letter-modern { border-top: 8px solid var(--navy); }.letter-paper.letter-modern .letter-paper-head { display:flex;align-items:flex-end;justify-content:space-between;border-bottom-width:1px }.letter-paper.letter-editorial .letter-paper-head b { font-size:34px;font-weight:400 }.letter-paper.letter-editorial textarea { font-size:17px }.letter-paper.letter-minimal { padding-top:90px;box-shadow:none }.letter-paper.letter-minimal .letter-paper-head { border-bottom:0;margin-bottom:60px }.letter-paper.letter-signal { border-left:18px solid var(--cx-accent) }.letter-paper.letter-signal .letter-paper-head { border-bottom-color:var(--cx-accent) }.letter-paper.letter-formal .letter-paper-head { text-align:center;border-bottom:0;border-top:1px solid var(--navy);padding-top:20px }.letter-paper.letter-formal textarea { font-family:var(--cx-font-display); }

.portfolio-studio { display: grid; grid-template-columns: minmax(330px, .75fr) minmax(480px, 1.25fr); gap: 28px; align-items: start; }
.project-select-list { display: flex; flex-direction: column; gap: 8px; }
.project-select {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 13px;
  min-height: 66px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  background: var(--white);
}
.project-select input { width: 18px; height: 18px; accent-color: var(--cx-accent); }
.project-select b { display: block; font: 600 15px/1.2 var(--serif); }
.project-select span { color: var(--ink-70); font-size: 12px; }
.project-select em { grid-column: 2; color: var(--good); font: normal 700 10px/1 var(--mono); text-transform: uppercase; letter-spacing: .05em; }

.portfolio-world-library > h3 { margin: 12px 0 7px; font:400 27px/1.05 var(--serif) }.portfolio-world-library > p { margin:0;color:var(--ink-70);font-size:13px }.portfolio-world-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:660px;padding-right:4px;overflow:auto;overscroll-behavior:contain }.portfolio-world { min-width:0;min-height:154px;padding:9px;border:1px solid var(--line);background:var(--cx-paper);cursor:pointer;text-align:left }.portfolio-world:hover,.portfolio-world.on { border-color:var(--world-accent);box-shadow:inset 0 0 0 1px var(--world-accent) }.world-swatch { position:relative;display:block;height:82px;margin-bottom:9px;overflow:hidden;background:var(--cx-ink) }.world-swatch i { position:absolute;display:block;background:var(--world-accent) }.world-swatch i:nth-child(1){inset:12px 18%;border-radius:50%;opacity:.9}.world-swatch i:nth-child(2){left:8px;right:8px;bottom:13px;height:2px}.world-swatch i:nth-child(3){width:2px;top:8px;bottom:8px;left:50%}.portfolio-world b{display:block;font:600 12px/1.2 var(--serif)}.portfolio-world small{display:block;margin-top:3px;color:var(--ink-70);font-size:9px;line-height:1.25}.world-1 .world-swatch{background:var(--cx-mist)}.world-1 .world-swatch i:nth-child(1){inset:11px 16px;border-radius:0;clip-path:polygon(0 0,100% 0,76% 100%,0 82%)}.world-2 .world-swatch{background:repeating-radial-gradient(circle at 50%,var(--cx-ask-line) 0 3px,var(--cx-ask-fg) 4px 5px)}.world-3 .world-swatch{background:var(--cx-mist)}.world-3 .world-swatch i:nth-child(1){border-radius:0;transform:rotate(-8deg)}.world-4 .world-swatch{background:radial-gradient(circle at 50% 80%,var(--cx-stop-fg) 0 5%,var(--cx-stop-fg) 35%,var(--cx-ink) 70%)}.world-5 .world-swatch{background:linear-gradient(var(--cx-mist) 55%,var(--cx-ok-fg) 55%)}.world-6 .world-swatch{background:linear-gradient(135deg,var(--cx-ink) 0 42%,var(--cx-ok-fg) 43% 48%,var(--cx-mist) 49%)}.world-7 .world-swatch{background:repeating-linear-gradient(90deg,var(--cx-line) 0 19px,var(--cx-panel) 20px 21px)}.world-8 .world-swatch{background:linear-gradient(16deg,var(--cx-ask-line) 0 48%,var(--cx-ask-fg) 49% 52%,var(--cx-panel) 53%)}.world-9 .world-swatch{background:radial-gradient(ellipse at 30% 60%,var(--cx-accent) 0 9%,transparent 10%),var(--cx-mist)}.world-10 .world-swatch{background:linear-gradient(145deg,var(--cx-line) 0 44%,var(--cx-stop-fg) 45% 49%,var(--cx-panel) 50%)}.world-11 .world-swatch{background:repeating-linear-gradient(22deg,var(--cx-mist) 0 13px,var(--cx-ok-fg) 14px 15px)}.world-12 .world-swatch{background:var(--cx-ink)}.world-12 .world-swatch i{box-shadow:0 0 18px var(--world-accent)}.world-13 .world-swatch{background:linear-gradient(90deg,var(--cx-ink) 0 35%,var(--cx-stop-fg) 35% 54%,var(--cx-ask-fg) 54%)}.world-14 .world-swatch{background:var(--cx-ink)}.world-14 .world-swatch i:nth-child(1){inset:14px;border:2px solid var(--world-accent);background:transparent;border-radius:0}.world-14 .world-swatch i:nth-child(2){transform:rotate(25deg)}

.portfolio-preview-shell { position: sticky; top: calc(var(--topbar-h) + 24px); }
.device-stage { display: grid; place-items: center; min-height: 650px; padding: 20px; border: 1px solid var(--line); background: var(--cx-mist); overflow: hidden; }
.portfolio-frame-wrap { width: 100%; height: 610px; overflow: hidden; background: var(--cx-paper); box-shadow: 0 15px 35px var(--cx-panel-a14); }
.portfolio-frame-wrap.mobile { width: min(360px, 100%); border-radius: 22px; border: 8px solid var(--navy); }
.portfolio-frame-wrap iframe { width: 100%; height: 100%; border: 0; background: var(--cx-paper); }

/* Stage 5 · real portfolio case-study studio */
.tool-page[data-route="portfolio"] { grid-template-columns: 220px minmax(0,1fr); }
.tool-page[data-route="portfolio"] .tool-rail { padding-right: 24px; padding-left: 24px; }
.tool-page[data-route="portfolio"] .tool-main { padding: 26px clamp(22px,3.5vw,50px) 82px; }
.tool-page[data-route="portfolio"] .tool-heading { margin-bottom: 24px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.tool-page[data-route="portfolio"] .tool-heading h2 { font-size: clamp(34px,4vw,52px); }
.portfolio-story-settings > h3 { margin: 10px 0 22px; font: 600 26px/1.08 var(--serif); }
.project-select { grid-template-columns: minmax(0,1fr) auto; }
.project-select > label { min-width: 0; display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 13px; cursor: pointer; }
.project-select > label > span > span { display: block; margin-top: 4px; }
.project-order { display: flex; gap: 4px; }
.project-order button { width: 42px; height: 42px; border: 1px solid var(--line); background: var(--cx-paper); cursor: pointer; }
.case-study-stack { border: 1px solid var(--line); background: var(--cx-paper); }
.case-stack-head { padding: 28px 24px; border-bottom: 1px solid var(--line); }
.case-stack-head h3 { margin: 10px 0 6px; font: 600 27px/1.08 var(--serif); }
.case-stack-head p { margin: 0; color: var(--ink-70); font-size: 13px; }
.case-study-editor { border-bottom: 1px solid var(--line); }
.case-study-editor:last-child { border-bottom: 0; }
.case-study-editor > summary { min-height: 74px; display: grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 12px 20px; cursor: pointer; list-style: none; }
.case-study-editor > summary::-webkit-details-marker { display: none; }
.case-study-editor > summary > span { color: var(--good); font: 800 10px/1 var(--mono); }
.case-study-editor > summary > b { font: 600 16px/1.2 var(--serif); }
.case-study-editor > summary > em { color: var(--ink-70); font: normal 11px/1.2 var(--ui); }
.case-study-body { padding: 0 20px 24px; }
.case-study-body textarea { min-height: 112px; }
.case-study-body input[type="file"] { padding: 9px; }
.world-selector-list { display: grid; grid-template-columns: 1fr 1fr; margin-top: 20px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.world-selector-list button { min-height: 92px; display: grid; grid-template-columns: 32px 1fr auto; grid-template-rows: auto auto; align-items: center; gap: 5px 10px; padding: 14px; border: 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--cx-paper); text-align: left; cursor: pointer; }
.world-selector-list button:hover,.world-selector-list button.on { background: var(--cx-porcelain); box-shadow: inset 3px 0 var(--good); }
.world-selector-list span { grid-row: 1 / 3; color: var(--ink-45); font: 800 10px/1 var(--mono); }
.world-selector-list button.on span { color: var(--cx-ink60); }
.world-selector-list b { font: 600 14px/1.15 var(--serif); }
.world-selector-list small { color: var(--ink-70); font-size: 10px; }
.world-selector-list em { grid-column: 3; grid-row: 1 / 3; color: var(--good); font: normal 800 9px/1 var(--mono); text-transform: uppercase; }

/* Stage 6 · compact connected workspace */
.workspace-cockpit { padding: 32px clamp(20px,4vw,58px) 80px; }
.workspace-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; margin-bottom: 22px; }
.workspace-head h1 { margin: 9px 0 5px; font: 400 clamp(40px,4.8vw,66px)/.95 var(--serif); letter-spacing: -.015em; }
.workspace-head p { margin: 0; color: var(--ink-70); }
.application-context { min-height: 84px; display: grid; grid-template-columns: minmax(260px,1.2fr) minmax(220px,.8fr) minmax(220px,1fr); align-items: center; border: 1px solid var(--line); background: var(--cx-paper); }
.application-context > div { min-height: 82px; padding: 14px 20px; border-right: 1px solid var(--line); }
.application-context > div:last-child { border-right: 0; }
.application-context .field { gap: 5px; }
.application-context select { min-height: 42px; padding: 8px 10px; border: 0; border-bottom: 1px solid var(--line-dark); background: transparent; font: 600 16px/1.2 var(--serif); }
.context-progress,.context-source { display: grid; grid-template-columns: 1fr auto; align-content: center; gap: 7px 12px; }
.context-progress span,.context-source span { color: var(--ink-70); font: 700 9px/1 var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.context-progress b,.context-source b { font: 600 16px/1 var(--serif); }
.context-progress i { grid-column: 1 / -1; height: 5px; overflow: hidden; background: var(--cx-mist); }
.context-progress em { display: block; height: 100%; background: var(--cx-accent); }
.context-source a { grid-column: 1 / -1; color: var(--cx-accent); font-size: 11px; font-weight: 800; text-decoration: none; }
.workspace-primary { display: grid; grid-template-columns: minmax(380px,1.1fr) minmax(380px,.9fr); gap: 20px; margin-top: 20px; }
.workspace-next { min-height: 260px; display: flex; flex-direction: column; justify-content: center; padding: clamp(28px,4vw,52px); background: var(--navy); color: var(--cx-paper); }
.workspace-next .eyebrow { color: var(--cx-ink60); }
.workspace-next h2 { max-width: 15ch; margin: 12px 0 28px; font: 400 clamp(34px,3.4vw,50px)/1 var(--serif); letter-spacing: -.015em; }
.workspace-next-foot { display: flex; align-items: center; gap: 22px; }
.workspace-next-foot > div { display: flex; flex-direction: column; gap: 5px; padding-left: 20px; border-left: 1px solid var(--cx-paper-a24); }
.workspace-next-foot > div span { color: var(--cx-ink60); font: 700 9px/1 var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.workspace-next-foot > div b { font-size: 12px; }
.workspace-tools { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.workspace-tool { min-height: 130px; display: grid; grid-template-columns: 26px 42px 1fr auto; align-items: center; gap: 11px; padding: 18px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--cx-paper); text-decoration: none; }
.workspace-tool:hover { background: var(--cx-paper); }
.workspace-tool > span { color: var(--ink-45); font: 700 9px/1 var(--mono); }
.workspace-tool .product-icon,.workspace-tool .product-icon svg { width: 36px; height: 36px; }
.workspace-tool h3 { margin: 0 0 5px; font: 600 17px/1.1 var(--serif); }
.workspace-tool p { margin: 0; color: var(--ink-70); font-size: 11px; line-height: 1.35; }
.workspace-tool > em { color: var(--cx-accent); font: normal 800 16px/1 var(--ui); }
.workspace-tool.done > em { color: var(--good); }
.package-lane { margin-top: 20px; padding: 22px 24px 26px; border: 1px solid var(--line); background: var(--cx-paper); }
.package-lane-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.package-lane-head h2 { margin: 8px 0 0; font: 600 27px/1 var(--serif); }
.package-lane-head > span { color: var(--ink-70); font-size: 11px; }
.package-lane .application-step { color: inherit; text-decoration: none; }
.workspace-recent { margin-top: 28px; }
.workspace-recent .activity-list { display: grid; grid-template-columns: repeat(2,1fr); column-gap: 36px; }

.empty-state { padding: clamp(42px, 7vw, 90px); text-align: center; border: 1px dashed var(--line-dark); background: var(--white); }
.empty-state h3 { margin: 14px 0 8px; font: 400 34px/1 var(--serif); }
.empty-state p { max-width: 48ch; margin: 0 auto 24px; color: var(--ink-70); }

.toast {
  position: fixed;
  z-index: 100;
  right: 22px;
  bottom: 22px;
  max-width: min(420px, calc(100vw - 44px));
  padding: 14px 17px;
  border-radius: 6px;
  background: var(--navy);
  color: var(--cx-paper);
  box-shadow: 0 12px 35px var(--cx-panel-a24);
  font-size: 13px;
}
.toast.error { background: var(--danger); }

.confirm-dialog {
  width: min(500px, calc(100vw - 34px));
  padding: 0;
  border: 1px solid var(--line-dark);
  background: var(--white);
  box-shadow: 0 26px 80px var(--cx-panel-a30);
}
.confirm-dialog::backdrop { background: var(--cx-panel-a46); backdrop-filter: blur(3px); }
.confirm-dialog form { padding: 32px; }
.confirm-dialog h2 { margin: 10px 0; font: 400 33px/1 var(--serif); }
.confirm-dialog p { margin: 0; color: var(--ink-70); }
.dialog-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 28px; }

/* Stage 1 · first-run truth and import review */
.resume-onboarding,
.import-review {
  border: 1px solid var(--cx-line-strong);
  background: var(--cx-porcelain);
  box-shadow: 0 24px 70px var(--cx-ink-a10);
}
.onboarding-copy,
.review-intro { padding: clamp(26px, 4vw, 52px); border-bottom: 1px solid var(--cx-line); }
.onboarding-copy h3,
.review-intro h3 { max-width: 720px; margin: 12px 0; font: 400 clamp(34px, 4vw, 54px)/1 var(--serif); letter-spacing: -.015em; }
.onboarding-copy p,
.review-intro p { max-width: 620px; margin: 0; color: var(--ink-70); }
.onboarding-paths { display: grid; grid-template-columns: repeat(3, 1fr); }
.onboarding-paths button {
  min-height: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: clamp(24px, 3vw, 40px);
  border: 0;
  border-right: 1px solid var(--cx-line);
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.onboarding-paths button:last-child { border-right: 0; }
.onboarding-paths button:hover,
.onboarding-paths button:focus-visible { background: var(--cx-porcelain); }
.onboarding-paths span { color: var(--good); font: 800 12px/1 var(--mono); letter-spacing: .12em; }
.onboarding-paths b { margin: 38px 0 10px; font: 600 22px/1.1 var(--serif); }
.onboarding-paths small { color: var(--ink-70); font-size: 13px; line-height: 1.55; }
.onboarding-paths em { margin-top: auto; padding-top: 24px; color: var(--good); font: normal 700 10px/1.2 var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.resume-onboarding > .inline-state { display: block; min-height: 36px; margin: 0; padding: 10px 24px; border-top: 1px solid var(--cx-line); }
.topbar.prestudio-bar { display: none; }
.resume-entry { min-height: 100vh; background: var(--cx-porcelain); color: var(--navy); }
.resume-entry-head { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 0 clamp(24px,5vw,72px); border-bottom: 1px solid var(--cx-line); background: var(--cx-paper); }
.resume-entry-head > a:not(.resume-entry-brand),.resume-entry-head > button { min-height: 44px; display: inline-flex; align-items: center; color: var(--cx-accent); font-size: 12px; font-weight: 800; text-decoration: none; }
.resume-entry-brand { color: var(--navy); font: 400 29px/1 var(--serif); text-decoration: none; letter-spacing: -.015em; }
.resume-start-content { width: min(900px,calc(100% - 48px)); margin: 0 auto; padding: clamp(68px,8vw,112px) 0 54px; }
.resume-start-copy { max-width: 720px; }
.resume-start-copy h1,.resume-import-content h1 { margin: 14px 0 18px; font: 400 clamp(54px,6.2vw,82px)/.94 var(--serif); letter-spacing: -.015em; }
.resume-start-copy p,.resume-import-content .review-intro p { max-width: 620px; margin: 0; color: var(--ink-70); font-size: 16px; line-height: 1.65; }
.resume-start-choices { margin-top: clamp(44px,6vw,70px); border-top: 1px solid var(--cx-line-strong); }
.resume-start-row { width: 100%; min-height: 142px; display: grid; grid-template-columns: 58px minmax(0,1fr) 54px; align-items: center; gap: 20px; padding: 24px 12px; border: 0; border-bottom: 1px solid var(--cx-line-strong); background: transparent; color: inherit; text-align: left; cursor: pointer; transition: background .2s ease,padding .2s ease; }
.resume-start-row:hover,.resume-start-row:focus-visible { padding-right: 22px; padding-left: 22px; background: var(--cx-porcelain); outline: 0; }
.resume-start-index { color: var(--cx-accent); font: 800 11px/1 var(--mono); letter-spacing: .08em; }
.resume-start-body { display: flex; flex-direction: column; gap: 11px; }
.resume-start-title { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; font: 600 clamp(23px,2.7vw,32px)/1.1 var(--serif); }
.resume-start-title em { padding: 6px 9px; border: 1px solid var(--cx-accent); color: var(--cx-accent); font: normal 800 8px/1 var(--mono); text-transform: uppercase; letter-spacing: .07em; }
.resume-start-desc { max-width: 700px; color: var(--ink-70); font-size: 13px; line-height: 1.55; }
.resume-start-go { justify-self: end; color: var(--cx-accent); font-size: 29px; transition: transform .2s ease; }
.resume-start-row:hover .resume-start-go { transform: translateX(6px); }
.resume-start-content > .inline-state { min-height: 30px; margin: 10px 0 0; }
.resume-import-settings { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 18px; padding: 15px 0; border-bottom: 1px solid var(--cx-line); }
.resume-import-settings label { display: flex; align-items: center; gap: 11px; color: var(--navy); font-size: 11px; font-weight: 800; }
.resume-import-settings select { min-height: 38px; padding: 0 34px 0 11px; border: 1px solid var(--cx-line-strong); background: var(--cx-paper); color: var(--navy); font: 700 11px/1 var(--ui); }
.resume-import-settings p { max-width: 490px; margin: 0; color: var(--ink-70); font-size: 11px; line-height: 1.5; text-align: right; }
.resume-start-content > .inline-state.import-progress { position: relative; min-height: 66px; display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 18px 0 0; padding: 14px 16px; overflow: hidden; border: 1px solid var(--cx-line-strong); background: var(--cx-porcelain); }
.resume-start-content > .inline-state.import-progress::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; width: var(--import-progress,0%); height: 3px; background: var(--good); transition: width .22s ease; }
.inline-state.import-progress span { display: flex; flex-direction: column; gap: 4px; }
.inline-state.import-progress b { color: var(--navy); font-size: 12px; }
.inline-state.import-progress small { color: var(--ink-70); font-size: 10px; }
.inline-state.import-progress em { color: var(--good); font: normal 800 12px/1 var(--mono); }
.resume-password-dialog { width: min(520px,calc(100% - 32px)); padding: 0; border: 1px solid var(--cx-ink30); background: var(--cx-paper); color: var(--navy); box-shadow: 0 30px 90px var(--cx-panel-a30); }
.resume-password-dialog::backdrop { background: var(--cx-panel-a65); backdrop-filter: blur(5px); }
.resume-password-dialog form { display: grid; gap: 15px; padding: 30px; }
.resume-password-dialog h2 { margin: 0; font: 500 34px/1.05 var(--serif); letter-spacing: -.015em; }
.resume-password-dialog p,.resume-password-dialog small { margin: 0; color: var(--ink-70); font-size: 12px; line-height: 1.55; }
.resume-password-dialog label { color: var(--navy); font-size: 11px; font-weight: 800; }
.resume-password-dialog input { min-height: 48px; padding: 0 12px; border: 1px solid var(--cx-ink30); background: var(--cx-paper); font-size: 16px; }
.resume-start-trust { display: flex; flex-wrap: wrap; gap: 12px 30px; margin: 30px 0 0; padding: 0; color: var(--ink-70); list-style: none; font-size: 11px; }
.resume-start-trust li { display: flex; align-items: center; gap: 7px; }
.resume-start-trust span { color: var(--good); font-weight: 900; }
.resume-start-foot { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 48px; padding-top: 22px; border-top: 1px solid var(--cx-line); }
.resume-start-foot a { color: var(--ink-70); font-size: 12px; font-weight: 800; text-decoration: none; }
.resume-import-content { width: min(900px,calc(100% - 48px)); margin: 0 auto; padding: clamp(56px,7vw,92px) 0 64px; }
.resume-import-content h1 { font-size: clamp(50px,5.5vw,72px); }
.resume-import-content .review-grid { margin-top: 42px; border-top: 1px solid var(--cx-line-strong); border-left: 0; }
.resume-import-content .review-grid > div { padding: 19px 4px; border-right: 0; border-bottom: 1px solid var(--cx-line); }
.resume-import-content .review-grid > div:nth-child(odd) { padding-right: 34px; }
.resume-import-content .review-grid > div:nth-child(even) { padding-left: 34px; border-left: 1px solid var(--cx-line); }
.resume-import-content > .truth-receipt { margin: 24px 0 0; }
.import-source-review { margin-top: 24px; border-top: 1px solid var(--cx-line-strong); border-bottom: 1px solid var(--cx-line-strong); }
.import-source-review summary { min-height: 52px; display: flex; align-items: center; justify-content: space-between; color: var(--cx-accent); font-size: 11px; font-weight: 800; cursor: pointer; }
.import-source-review summary::after { content: "+"; font: 500 20px/1 var(--serif); }
.import-source-review[open] summary::after { content: "−"; }
.import-source-review pre { max-height: 310px; margin: 0 0 18px; padding: 18px; overflow: auto; border: 1px solid var(--cx-line); background: var(--cx-paper); color: var(--navy); font: 11px/1.62 var(--mono); white-space: pre-wrap; }
.resume-import-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 26px; }
.topbar.prestudio-bar + main .resume-guided { min-height: 100vh; margin-bottom: 0; }
.topbar.prestudio-bar + main .guided-layout { min-height: calc(100vh - 70px); }
.review-grid { display: grid; grid-template-columns: repeat(2, 1fr); }
.review-grid > div { min-height: 92px; padding: 20px 28px; border-right: 1px solid var(--cx-line); border-bottom: 1px solid var(--cx-line); }
.review-grid > div:nth-child(2n) { border-right: 0; }
.review-grid span { display: block; margin-bottom: 8px; color: var(--ink-70); font: 700 10px/1 var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.review-grid b { display: block; max-width: 58ch; font: 500 15px/1.45 var(--ui); }
.import-review > .truth-receipt { margin: 24px 28px 0; }
.import-review > .form-actions { padding: 22px 28px 28px; }

/* Stage 2 · résumé document studio */
.resume-editor-page { min-height: calc(100vh - var(--topbar-h)); background: var(--cx-porcelain); }
.resume-editor-header { position: sticky; top: var(--topbar-h); z-index: 10; min-height: 74px; display: grid; grid-template-columns: minmax(250px,1fr) auto auto; align-items: center; gap: clamp(18px,2.4vw,36px); padding: 10px clamp(20px,2.8vw,40px); border-bottom: 1px solid var(--line); background: var(--cx-paper); backdrop-filter: blur(12px); }
.resume-document-identity { min-width: 0; display: flex; align-items: center; gap: 14px; }
.resume-document-identity > a { flex: 0 0 40px; width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid var(--line); color: var(--cx-accent); font-weight: 900; text-decoration: none; }
.resume-document-identity > div { min-width: 0; }
.resume-editor-header .eyebrow { display: block; margin-bottom: 3px; font-size: 7px; }
.resume-editor-header h1 { max-width: 310px; margin: 0; overflow: hidden; font: 600 21px/.98 var(--serif); letter-spacing: -.015em; text-overflow: ellipsis; white-space: nowrap; }
.resume-demo-label { display: inline-flex; min-height: 24px; align-items: center; margin-left: 10px; padding: 0 8px; border: 1px solid var(--cx-ask-fg); background: var(--cx-porcelain); color: var(--cx-ask-fg); font: normal 800 8px/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; vertical-align: middle; }
.resume-editor-header p { max-width: 310px; margin: 3px 0 0; overflow: hidden; color: var(--ink-70); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.resume-command-bar { display: flex; align-items: center; justify-content: flex-end; gap: 7px; }
.resume-version-control { position: relative; display: block; }
.resume-version-control > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.resume-version-control select { width: 142px; min-height: 40px; padding: 7px 30px 7px 10px; border: 1px solid var(--line-dark); background: var(--cx-paper); font-size: 12px; }
.resume-command-bar .button { min-height: 40px; padding: 0 13px; }
.resume-command-bar .action-feedback { display: inline-flex; align-items: center; gap: 6px; color: var(--ink-70); font-size: 9px; white-space: nowrap; }
.resume-command-bar .action-feedback i { width: 6px; height: 6px; border-radius: 50%; background: var(--good); }
.resume-export-menu { position: relative; }
.resume-export-menu > summary { list-style: none; cursor: pointer; }
.resume-export-menu > summary::-webkit-details-marker { display: none; }
.resume-export-menu > div { position: absolute; z-index: 20; top: calc(100% + 7px); right: 0; width: 180px; padding: 6px; border: 1px solid var(--line); background: var(--cx-paper); box-shadow: var(--shadow); }
.resume-export-menu > div button { width: 100%; min-height: 44px; padding: 0 12px; border: 0; background: var(--cx-paper); text-align: left; cursor: pointer; }
.resume-export-menu > div button:hover { background: var(--cx-accent-soft); color: var(--cx-accent); }
.resume-mobile-switch { display: none; }
.resume-studio-modebar { min-height: 40px; display: flex; justify-content: center; align-items: center; gap: 0; }
.resume-studio-modebar button { min-width: 88px; min-height: 40px; border: 1px solid var(--line-dark); background: var(--cx-paper); color: var(--ink-70); font-size: 12px; font-weight: 800; cursor: pointer; }
.resume-studio-modebar button + button { border-left: 0; }
.resume-studio-modebar button.on { border-color: var(--cx-accent); background: var(--cx-accent); color: var(--cx-paper); }
.resume-editor-layout { display: grid; grid-template-columns: 214px minmax(440px,488px) minmax(560px,1fr); align-items: start; max-width: 1540px; margin: 0 auto; }
.resume-design-canvas { display: none; min-width: 0; min-height: calc(100vh - var(--topbar-h) - 74px); padding: 22px 20px 40px; overflow-y: auto; border-right: 1px solid var(--cx-ink); background: var(--cx-porcelain); }
.resume-editor-page[data-studio-mode="design"] .resume-editor-layout { grid-template-columns: minmax(420px,488px) minmax(640px,1fr); }
.resume-editor-page[data-studio-mode="design"] .resume-section-nav,.resume-editor-page[data-studio-mode="design"] .resume-editor-canvas { display: none; }
.resume-editor-page[data-studio-mode="design"] .resume-design-canvas { display: block; }
.resume-design-tabs { min-height: 42px; display: grid; grid-template-columns: 1fr 1fr; gap: 3px; margin-bottom: 18px; padding: 3px; border: 1px solid var(--line); background: var(--cx-mist); }
.resume-design-tabs button { min-height: 36px; padding: 0 14px; border: 0; background: transparent; color: var(--ink-70); font-size: 11px; font-weight: 800; cursor: pointer; }
.resume-design-tabs button.on { background: var(--cx-paper); color: var(--cx-accent); box-shadow: 0 2px 8px var(--cx-panel-a10); }
.resume-design-panel { min-width: 0; }
.design-control-panel { min-height: 520px; padding: 24px; border: 1px solid var(--line); background: var(--cx-paper); }
.design-control-panel > div:first-child { margin-bottom: 28px; }
.design-control-panel h3 { margin: 7px 0 5px; font: 600 25px/1.05 var(--serif); }
.design-control-panel p { margin: 0; color: var(--ink-70); font-size: 12px; }
.design-control-panel .design-console { grid-template-columns: repeat(2,minmax(0,1fr)); }
.layout-page-control { max-width: 360px; margin-bottom: 28px; }
.layout-page-control > label { display: block; margin-bottom: 8px; font-weight: 800; }
.formatting-subhead { margin: 30px 0 12px; font: 600 15px/1.1 var(--serif); }
.resume-section-nav { position: sticky; top: calc(var(--topbar-h) + 74px); min-height: calc(100vh - var(--topbar-h) - 74px); display: flex; flex-direction: column; padding: 28px 14px; border-right: 1px solid var(--cx-panel); background: var(--cx-ink); color: var(--cx-paper); }
.resume-section-nav > span { margin: 0 10px 18px; color: var(--cx-accent); font: 800 8px/1 var(--mono); text-transform: uppercase; letter-spacing: .1em; }
.resume-section-nav button { min-height: 66px; display: grid; grid-template-columns: 28px 1fr; align-items: center; gap: 10px; padding: 8px 10px; border: 0; border-left: 2px solid transparent; background: transparent; color: var(--cx-ink60); text-align: left; cursor: pointer; }
.resume-section-nav button > i { width: 27px; height: 27px; display: grid; place-items: center; border: 1px solid var(--cx-accent); border-radius: 50%; color: var(--cx-ink60); font: normal 800 9px/1 var(--mono); }
.resume-section-nav button > span { min-width: 0; display: block; }.resume-section-nav button b { display: block; color: inherit; font-size: 11px; }.resume-section-nav button small { display: block; margin-top: 4px; color: var(--cx-ink60); font-size: 9px; font-weight: 600; }
.resume-section-nav button:hover,.resume-section-nav button.on { border-left-color: var(--cx-accent); background: var(--cx-paper-a08); color: var(--cx-paper); }.resume-section-nav button.on > i { border-color: var(--cx-accent); background: var(--cx-accent); color: var(--cx-panel); }
.resume-section-nav > i { flex: 1; min-height: 24px; }
.resume-section-nav > a { padding: 16px 10px 0; border-top: 1px solid var(--cx-accent); color: var(--cx-accent); font-size: 11px; font-weight: 800; text-decoration: none; }
.resume-section-nav > a.disabled { color: var(--ink-45); pointer-events: none; }
.resume-editor-canvas { min-width: 0; min-height: calc(100vh - var(--topbar-h) - 74px); gap: 18px; padding: 24px 22px 42px; border-right: 1px solid var(--line); background: var(--cx-porcelain); }
.resume-editor-section { scroll-margin-top: calc(var(--topbar-h) + 18px); border: 1px solid var(--line); background: var(--cx-paper); }
.resume-editor-section > header { display: grid; grid-template-columns: 34px 1fr; align-items: start; gap: 12px; padding: 21px 22px 18px; border-bottom: 1px solid var(--line); }
.resume-editor-section > header > span { padding-top: 3px; color: var(--cx-accent); font: 800 9px/1 var(--mono); }
.resume-editor-section h2 { margin: 0; font: 600 23px/1.04 var(--serif); letter-spacing: -.018em; }
.resume-editor-section > header p { margin: 7px 0 0; color: var(--ink-70); font-size: 12px; line-height: 1.45; }
.resume-editor-section > .editor-body { padding: 22px; }
.resume-subsection + .resume-subsection { margin-top: 30px; padding-top: 28px; border-top: 1px solid var(--line); }
.resume-subsection > h3 { margin: 0 0 18px; font: 600 16px/1.1 var(--serif); }
.resume-editor-section .design-console { grid-template-columns: repeat(2,minmax(0,1fr)); }
.resume-editor-section .template-library { margin-top: 28px; border-right: 0; border-left: 0; border-bottom: 0; }
.resume-editor-preview { position: sticky; top: calc(var(--topbar-h) + 74px); min-width: 0; min-height: calc(100vh - var(--topbar-h) - 74px); padding: clamp(28px,3.2vw,48px); background: radial-gradient(circle at 50% 5%,var(--cx-paper-a92),var(--cx-paper-a02) 40%),var(--cx-mist); box-shadow: inset 1px 0 var(--cx-paper-a75); }
.resume-editor-preview .document-frame { border: 0; background: transparent; overflow: visible; }
.resume-editor-preview .document-frame iframe { display: block; border: 1px solid var(--cx-ink-a12); background: var(--cx-paper); box-shadow: 0 2px 5px var(--cx-ink-a08),0 24px 70px var(--cx-ink-a16); }
.resume-editor-preview .document-frame,.resume-editor-preview .document-frame iframe { min-height: 700px; height: calc(100vh - var(--topbar-h) - 138px); }
.resume-editor-preview .preview-loading { inset: 1px; background: var(--cx-paper-a92); color: var(--navy); font: 600 16px/1.2 var(--serif); letter-spacing: -.01em; }
.tool-page[data-route="resume"] .tool-main { padding-top: 26px; }
.tool-page[data-route="resume"] { grid-template-columns: 220px minmax(0,1fr); }
.tool-page[data-route="resume"] .tool-rail { padding-right: 24px; padding-left: 24px; }
.tool-page[data-route="resume"] .tool-main { padding-right: clamp(22px,3vw,44px); padding-left: clamp(22px,3vw,44px); }
.tool-page[data-route="resume"] .tool-heading { align-items: center; margin-bottom: 24px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.tool-page[data-route="resume"] .tool-heading h2 { font-size: clamp(34px, 3.8vw, 50px); }
.tool-page[data-route="resume"] .tool-heading p { margin-top: 6px; }
.version-bar,
.target-banner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 260px) auto;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  background: var(--cx-paper);
}
.version-bar { grid-template-columns: minmax(110px,.7fr) minmax(170px,1.3fr) auto; }
.version-actions { display: flex; align-items: center; gap: 8px; }
.resume-source-strip { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 12px; padding: 14px 16px; border: 1px solid var(--line); background: var(--cx-paper); }
.resume-source-strip > div { display: grid; grid-template-columns: auto 1fr; align-items: baseline; gap: 6px 12px; }
.resume-source-strip .eyebrow { font-size: 9px; }
.resume-source-strip b { font: 600 15px/1.1 var(--serif); }
.resume-source-strip small { grid-column: 1 / -1; color: var(--ink-70); font-size: 11px; }
.version-bar > div { display: flex; flex-direction: column; gap: 5px; }
.version-bar .eyebrow { font-size: 9px; }
.version-bar b { font: 600 16px/1.15 var(--serif); }
.version-bar select { min-height: 42px; padding: 8px 10px; border: 1px solid var(--line-dark); background: var(--cx-paper); }
.resume-action-bar { position: relative; z-index: 3; grid-template-columns: minmax(150px,.65fr) minmax(180px,.75fr) minmax(430px,1.6fr); scroll-margin-top: calc(var(--topbar-h) + 20px); }
.resume-action-bar .version-actions { flex-wrap: wrap; justify-content: flex-end; }
.resume-action-bar .action-feedback { grid-column: 1 / -1; padding-top: 9px; border-top: 1px solid var(--line); color: var(--ink-70); font-size: 11px; }

/* Guided build keeps a new user in one calm decision at a time. */
.wizard-praise,.wizard-finish { flex: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.wizard-praise > span,.wizard-finish > span { display: grid; place-items: center; min-height: 42px; padding: 0 14px; border: 1px solid var(--cx-ok-fg); background: var(--cx-porcelain); color: var(--good); font: 800 10px/1 var(--mono); text-transform: uppercase; letter-spacing: .06em; }
.wizard-finish-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.target-banner { grid-template-columns: auto minmax(0,1fr) auto; border-color: var(--cx-ok-fg); background: var(--cx-porcelain); color: var(--cx-ok-fg); }
.target-banner > span { font: 800 10px/1 var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.target-banner > b { font: 500 18px/1.1 var(--serif); }
.target-banner > a { font-size: 12px; font-weight: 800; text-decoration: none; }
.education-entry + .education-entry,
.evidence-extras { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--line); }
.section-manager { border: 1px solid var(--line); }
.section-manager > div { min-height: 54px; display: grid; grid-template-columns: 42px 1fr 44px 44px; align-items: center; border-bottom: 1px solid var(--line); }
.section-manager > div:last-child { border-bottom: 0; }
.section-manager span { padding-left: 14px; color: var(--ink-45); font: 700 10px/1 var(--mono); }
.section-manager b { font: 600 14px/1 var(--ui); }
.section-manager button { align-self: stretch; border: 0; border-left: 1px solid var(--line); background: var(--cx-paper); cursor: pointer; }
.section-manager button:disabled { opacity: .25; cursor: default; }
.design-console { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 16px; align-items: end; }
.design-console input[type="color"] { padding: 4px; }
.design-console input[type="range"] { padding: 0; border: 0; }
.design-console .segmented { min-height: 48px; }
.preview-toolbar > div { display: flex; gap: 8px; }
.actual-template-list .template-card-copy { align-self: stretch; }

/* Stage 3 · ATS evidence loop */
.tool-page[data-route="ats"] { grid-template-columns: 220px minmax(0,1fr); }
.tool-page[data-route="ats"] .tool-rail { padding-right: 24px; padding-left: 24px; }
.tool-page[data-route="ats"] .tool-main { padding: 26px clamp(22px,4vw,56px) 82px; }
.tool-page[data-route="ats"] .tool-heading { margin-bottom: 24px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.tool-page[data-route="ats"] .tool-heading h2 { font-size: clamp(34px,4vw,52px); }
.ats-scoreboard { display: grid; grid-template-columns: minmax(240px,.8fr) minmax(320px,1.2fr); gap: 24px 38px; }
.ats-scoreboard h3 { grid-column: 1 / -1; }
.score-factors { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--line); }
.score-factors > div { min-height: 106px; display: flex; flex-direction: column; justify-content: center; padding: 16px; border-right: 1px solid var(--line); }
.score-factors > div:last-child { border-right: 0; }
.score-factors strong { font: 400 30px/1 var(--serif); }
.score-factors span { margin-top: 7px; color: var(--ink-70); font-size: 10px; line-height: 1.25; text-transform: uppercase; letter-spacing: .06em; }
.ats-detail-grid { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--line); }
.ats-detail-grid > section { padding: 28px 26px 30px 0; }
.ats-detail-grid > section + section { padding-right: 0; padding-left: 26px; border-left: 1px solid var(--line); }
.detail-head h4 { margin: 8px 0 18px; font: 600 23px/1.1 var(--serif); }
.signal-list { border-top: 1px solid var(--line); }
.signal-row { min-height: 66px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 2px; border-bottom: 1px solid var(--line); }
.signal-row b { font: 600 13px/1.25 var(--ui); }
.signal-row > span,
.signal-row small { color: var(--ink-70); font-size: 11px; text-align: right; }
.signal-row.gap { justify-content: flex-start; cursor: pointer; }
.signal-row.gap input { flex: 0 0 auto; width: 20px; height: 20px; accent-color: var(--good); }
.signal-row.gap span { display: flex; flex: 1; align-items: center; justify-content: space-between; gap: 12px; }
.signal-row.matched b::before { content: "✓"; margin-right: 8px; color: var(--good); }
.format-findings { padding: 30px 0 8px; }
.format-findings details { border-top: 1px solid var(--line); }
.format-findings summary { min-height: 60px; display: grid; grid-template-columns: 72px 1fr; align-items: center; gap: 14px; cursor: pointer; }
.format-findings details p { margin: 0 0 18px 86px; color: var(--ink-70); }
.severity { padding: 6px 8px; background: var(--cx-porcelain); color: var(--ink-70); font: 800 9px/1 var(--mono); text-align: center; text-transform: uppercase; }
.severity.critical,.severity.high { background: var(--cx-porcelain); color: var(--cx-stop-fg); }
.ats-actions { gap: 10px; flex-wrap: wrap; }

/* ATS product · source gate → visible scan → persistent readiness report */
.ats-product { min-height: calc(100vh - var(--topbar-h)); background: var(--cx-porcelain); color: var(--navy); }
.ats-product-head { min-height: 64px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; padding: 10px clamp(22px,3vw,44px); border-bottom: 1px solid var(--line); background: var(--cx-paper-a92); }
.ats-product-head > a { color: var(--cx-accent); font-size: 12px; font-weight: 800; text-decoration: none; }
.ats-product-head > div { text-align: center; }.ats-product-head > div span { display: block; margin-bottom: 3px; font-size: 7px; }.ats-product-head > div b { font: 600 18px/1 var(--serif); }
.ats-product-head > span { justify-self: end; color: var(--ink-70); font: 700 8px/1.3 var(--mono); letter-spacing: .05em; text-transform: uppercase; }
.ats-entry { width: min(1240px,calc(100% - 44px)); min-height: calc(100vh - var(--topbar-h) - 64px); display: grid; grid-template-columns: minmax(0,.86fr) minmax(500px,1fr); align-content: start; align-items: start; column-gap: clamp(52px,7vw,104px); margin: 0 auto; padding: clamp(54px,7vh,70px) 0 54px; }
.ats-entry-copy { max-width: 560px; }.ats-entry-copy h1 { max-width: 560px; margin: 14px 0 22px; font: 600 clamp(54px,5.4vw,76px)/.91 var(--serif); letter-spacing: -.015em; }.ats-entry-copy p { max-width: 540px; margin: 0; color: var(--ink-70); font-size: 15px; line-height: 1.65; }
.ats-source-gate { display: grid; grid-template-columns: 1fr; gap: 14px; margin: 0; }
.ats-source-card { position: relative; min-height: 176px; display: grid; grid-template-columns: 34px 56px 1fr 34px; align-items: center; gap: 18px; padding: 26px 28px; border: 1px solid var(--cx-line-strong); background: var(--cx-paper); color: inherit; text-align: left; cursor: pointer; box-shadow: 0 12px 34px var(--cx-panel-a04); transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.ats-source-card:hover,.ats-source-card:focus-visible { transform: translateY(-4px); border-color: var(--cx-accent); box-shadow: 0 20px 48px var(--cx-panel-a12); outline: 0; }.ats-source-card:disabled { cursor: not-allowed; opacity: .5; transform: none; }
.ats-source-number { align-self: start; color: var(--cx-accent); font: 800 9px/1 var(--mono); }.ats-source-icon { width: 56px; height: 56px; display: grid; place-items: center; border: 1px solid var(--cx-line-strong); background: var(--cx-accent-soft); color: var(--cx-accent); font: 500 27px/1 var(--serif); }.ats-source-card > span:nth-child(3) { min-width: 0; }.ats-source-card b { display: block; font: 600 25px/1.08 var(--serif); letter-spacing: -.015em; }.ats-source-card small { display: block; margin-top: 10px; color: var(--ink-70); font-size: 11px; line-height: 1.45; }.ats-source-card > i { justify-self: end; color: var(--cx-accent); font: normal 500 30px/1 var(--serif); transition: transform .2s ease; }.ats-source-card:hover > i { transform: translateX(5px); }
.ats-entry-trust { grid-column: 2; display: flex; flex-wrap: wrap; gap: 10px 22px; margin: 18px 0 0; color: var(--ink-70); font-size: 9px; }.ats-entry-trust span::first-letter { color: var(--good); }
.ats-entry > .inline-state { grid-column: 2; min-height: 20px; margin: 10px 0 0; }
.ats-scanning { height:calc(100svh - var(--topbar-h) - 64px); min-height:540px; display:grid; place-items:center; overflow:hidden; padding:24px; background:radial-gradient(circle at 72% 42%,var(--cx-accent-a08),transparent 31%),var(--porcelain); opacity:1; transition:opacity .28s ease,transform .28s ease; }
.ats-scanning.is-leaving { opacity:0; transform:translateY(-10px); }
.ats-scan-stage { width:min(1060px,100%); display:grid; grid-template-columns:minmax(0,1fr) 390px; align-items:center; gap:26px clamp(44px,7vw,96px); }
.ats-scan-copy h1 { max-width:650px; margin:14px 0 18px; font:600 clamp(45px,5.2vw,70px)/.92 var(--serif); letter-spacing: -.015em; }.ats-scan-copy > p { min-height:24px; margin:0; color:var(--ink-70); font-size:14px; line-height:1.55; transition:opacity .2s ease; }
.ats-scan-progress { width:min(520px,100%); height:3px; margin:30px 0 20px; overflow:hidden; background:var(--cx-line); }.ats-scan-progress i { display:block; width:25%; height:100%; background:var(--cx-accent); transition:width .46s cubic-bezier(.2,.8,.2,1); }
.ats-scan-source { display:inline-flex; max-width:100%; align-items:center; gap:9px; overflow:hidden; color:var(--ink-70); font:700 10px/1 var(--mono); text-overflow:ellipsis; white-space:nowrap; }.ats-scan-source i { flex:0 0 7px; width:7px; height:7px; border-radius:50%; background:var(--good); box-shadow:0 0 0 5px var(--cx-ok-fg-a10); }
.ats-scan-visual { position:relative; width:350px; height:350px; display:grid; place-items:center; justify-self:center; }.ats-scan-orbit { position:absolute; border:1px solid var(--cx-accent-a20); border-radius:50%; animation:ats-orbit 7s linear infinite; }.orbit-one { inset:7px; }.orbit-two { inset:42px; border-style:dashed; animation-direction:reverse; animation-duration:11s; }.ats-scan-orbit::before { content:""; position:absolute; top:48%; left:-5px; width:9px; height:9px; border-radius:50%; background:var(--cx-accent); box-shadow:0 0 0 6px var(--cx-accent-a10); }
.ats-scan-document { position:relative; width:154px; height:204px; display:flex; justify-content:center; flex-direction:column; gap:15px; overflow:hidden; padding:30px 25px; border:1px solid var(--cx-accent); background:var(--cx-paper); box-shadow:0 24px 70px var(--cx-panel-a14); transform:rotate(-2deg); }.ats-scan-document span { display:block; width:100%; height:5px; background:var(--cx-line); }.ats-scan-document span:nth-of-type(2) { width:76%; }.ats-scan-document span:nth-of-type(4) { width:58%; }.ats-scan-beam { position:absolute; z-index:2; top:-18px; right:0; left:0; height:22px; border-bottom:2px solid var(--cx-accent); background:linear-gradient(180deg,transparent,var(--cx-ok-fg-a24)); animation:ats-beam 1.7s cubic-bezier(.45,0,.55,1) infinite; }
.ats-scan-visual > strong { position:absolute; right:8px; bottom:45px; display:flex; align-items:baseline; gap:6px; color:var(--cx-accent); font:600 32px/1 var(--serif); }.ats-scan-visual > strong small { color:var(--ink-70); font:800 8px/1 var(--mono); text-transform:uppercase; letter-spacing:.08em; }
.ats-scan-steps { grid-column:1 / -1; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--cx-line-strong); border-bottom:1px solid var(--cx-line-strong); }.ats-scan-steps > div { position:relative; min-height:76px; display:flex; align-items:center; gap:12px; color: var(--cx-ink60); transition:color .28s ease,background .28s ease; }.ats-scan-steps > div + div { padding-left:18px; border-left:1px solid var(--cx-line); }.ats-scan-steps > div > i { width:29px; height:29px; display:grid; flex:0 0 29px; place-items:center; border:1px solid currentColor; border-radius:50%; font:normal 800 8px/1 var(--mono); transition:background .25s ease,transform .25s ease; }.ats-scan-steps span { font-size:11px; font-weight:800; }.ats-scan-steps > div.active { color:var(--cx-accent); }.ats-scan-steps > div.active > i { background:var(--cx-accent); color:var(--cx-paper); transform:scale(1.08); }.ats-scan-steps > div.done { color:var(--good); }.ats-scan-steps > div.done > i { border-color:var(--cx-ok-fg); background:var(--cx-mist); }
.ats-scan-handoff { grid-column:1 / -1; margin:-10px 0 0; color:var(--ink-70); font:800 8px/1 var(--mono); text-align:right; text-transform:uppercase; letter-spacing:.1em; }.ats-scan-handoff::after { content:""; display:inline-block; width:18px; height:1px; margin-left:9px; background:currentColor; vertical-align:middle; animation:ats-pulse 1s ease-in-out infinite; }
.ats-scanning.is-complete .ats-scan-beam { animation:none; top:182px; }.ats-scanning.is-complete .ats-scan-orbit { border-color:var(--cx-ok-fg-a30); animation-play-state:paused; }.ats-scanning.is-complete .ats-scan-source i { background:var(--cx-accent); }.ats-scanning.is-complete .ats-scan-visual > strong { color:var(--good); }
.ats-report-arrive { opacity:0; transform:translateY(14px); transition:opacity .42s ease,transform .42s ease; }.ats-report-arrive.is-visible { opacity:1; transform:none; }
@keyframes ats-beam { 0% { transform:translateY(0); opacity:0 } 15% { opacity:1 } 85% { opacity:1 } 100% { transform:translateY(220px); opacity:0 } }
@keyframes ats-orbit { to { transform:rotate(360deg) } }
@keyframes ats-pulse { 50% { width:34px; opacity:.35 } }
.ats-report { max-width: 1480px; margin: 0 auto; padding: 0 clamp(18px,2.4vw,36px) 80px; }.ats-report-head { min-height: 102px; display:flex; align-items:center; justify-content:space-between; gap:30px; border-bottom:1px solid var(--line-dark); }.ats-report-head h1 { margin:6px 0 4px; font:600 28px/1 var(--serif); }.ats-report-head p { margin:0; color:var(--ink-70); font-size:11px; }.ats-report-head > div:last-child { display:flex; gap:8px; }
.ats-report-layout { display:grid; grid-template-columns:280px minmax(0,1fr); align-items:start; gap:34px; padding-top:34px; }.ats-report-rail { position:sticky; top:calc(var(--topbar-h) + 24px); display:flex; align-items:center; flex-direction:column; padding:30px 24px 24px; border:1px solid var(--cx-line); background:var(--cx-paper); box-shadow:0 18px 48px var(--cx-ink-a08); }.ats-report-rail > span { font:600 24px/1 var(--serif); }.ats-score-ring { --score-angle:0deg; width:150px; height:150px; display:grid; place-content:center; margin:26px 0 15px; border-radius:50%; background:radial-gradient(circle,var(--cx-paper) 0 58%,transparent 59%),conic-gradient(var(--good) var(--score-angle),var(--cx-mist) 0); text-align:center; }.ats-score-ring strong { color:var(--good); font:600 52px/.8 var(--serif); letter-spacing: -.015em; }.ats-score-ring small { margin-top:7px; color:var(--ink-70); font-size:11px; }.ats-report-rail > b { font-size:13px; }.ats-report-rail nav { width:100%; margin:28px 0 22px; border-top:1px solid var(--line); }.ats-report-rail nav a { min-height:56px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid var(--line); color:inherit; font-size:11px; font-weight:800; text-decoration:none; }.ats-report-rail nav strong { color:var(--cx-accent); }.ats-report-rail > .button { width:100%; }
.ats-report-body { min-width:0; }.ats-report-intro { min-height:190px; display:grid; grid-template-columns:70px 1fr; align-items:center; gap:24px; padding:34px; background:var(--cx-panel); color:var(--cx-paper); }.ats-report-mark { width:64px; height:64px; display:grid; place-items:center; border:1px solid var(--cx-accent); border-radius:50%; color:var(--cx-accent); font:600 30px/1 var(--serif); }.ats-report-intro h2 { max-width:720px; margin:9px 0 10px; font:600 clamp(30px,3.5vw,46px)/1 var(--serif); letter-spacing: -.015em; }.ats-report-intro p { max-width:700px; margin:0; color: var(--cx-ink60); font-size:12px; line-height:1.55; }.ats-report-intro .eyebrow { color:var(--cx-accent); }
.ats-report-section { scroll-margin-top:100px; margin-top:28px; border:1px solid var(--cx-line); background:var(--cx-paper); }.ats-report-section > header { min-height:100px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 28px; border-bottom:1px solid var(--line); }.ats-report-section > header h2 { margin:8px 0 0; font:600 34px/1 var(--serif); letter-spacing: -.015em; }.ats-report-section > header > strong { color:var(--cx-accent); font:600 38px/1 var(--serif); }
.ats-check-row { min-height:112px; display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:start; gap:18px; padding:24px 28px; border-bottom:1px solid var(--line); }.ats-check-row:last-child { border-bottom:0; }.ats-check-row > i { width:32px; height:32px; display:grid; place-items:center; border-radius:50%; font:normal 900 13px/1 var(--ui); }.ats-check-row.pass > i { background:var(--cx-mist); color:var(--good); }.ats-check-row.issue > i { background:var(--cx-mist); color:var(--cx-ask-fg); }.ats-check-row h3 { margin:2px 0 7px; font:700 15px/1.2 var(--ui); }.ats-check-row p { max-width:760px; margin:0; color:var(--ink-70); font-size:12px; line-height:1.55; }.ats-check-row strong { display:block; margin:13px 0 4px; color:var(--cx-ask-fg); font-size:10px; text-transform:uppercase; letter-spacing:.06em; }.ats-check-row > span { padding:7px 9px; border:1px solid var(--line); color:var(--ink-70); font:800 8px/1 var(--mono); text-transform:uppercase; }.ats-check-row.pass > span { border-color: var(--cx-ink60); color:var(--good); }.ats-check-row.issue > span { border-color:var(--cx-ask-fg); color:var(--cx-ask-fg); }
.ats-resume-recommendation { min-height:220px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:28px; margin-top:28px; padding:36px; border:1px solid var(--cx-accent-line); background:linear-gradient(130deg,var(--cx-accent-soft),var(--cx-paper) 70%); }.ats-resume-recommendation h2 { max-width:720px; margin:10px 0; font:600 clamp(30px,3.2vw,44px)/1 var(--serif); letter-spacing: -.015em; }.ats-resume-recommendation p { max-width:700px; margin:0; color:var(--ink-70); font-size:12px; line-height:1.55; }
@media (prefers-reduced-motion:reduce) { .ats-scan-beam,.ats-scan-orbit,.ats-scan-handoff::after { animation:none; }.ats-scanning,.ats-report-arrive { transition:none; } }
@media (max-width:900px) {
  .ats-product-head { grid-template-columns:1fr auto; }.ats-product-head > div { text-align:right; }.ats-product-head > span { display:none; }
  .ats-entry { width:calc(100% - 36px); min-height:0; display:block; padding:54px 0 64px; }.ats-entry-copy h1 { font-size:clamp(48px,12vw,72px); }.ats-source-gate { grid-template-columns:1fr; margin-top:40px; }.ats-source-card { min-height:170px; }.ats-entry-trust,.ats-entry > .inline-state { margin-top:18px; }
  .ats-scanning { min-height:500px; padding:22px; }.ats-scan-stage { grid-template-columns:minmax(0,1fr) 300px; gap:20px 28px; }.ats-scan-visual { width:280px; height:280px; }.ats-scan-steps > div + div { padding-left:12px; }
  .ats-report { padding-right:18px; padding-left:18px; }.ats-report-head { align-items:flex-start; flex-direction:column; padding:22px 0; }.ats-report-layout { grid-template-columns:1fr; gap:20px; }.ats-report-rail { position:static; display:grid; grid-template-columns:1fr auto; align-items:center; gap:12px 22px; padding:22px; }.ats-report-rail > span { align-self:end; }.ats-score-ring { grid-column:2; grid-row:1 / span 2; width:112px; height:112px; margin:0; }.ats-score-ring strong { font-size:40px; }.ats-report-rail > b { align-self:start; }.ats-report-rail nav { grid-column:1 / -1; margin:10px 0 4px; }.ats-report-rail > .button { grid-column:1 / -1; }.ats-resume-recommendation { grid-template-columns:1fr; }
}
@media (max-width:600px) {
  .ats-product-head { min-height:58px; padding:8px 16px; }.ats-product-head > div b { font-size:16px; }
  .ats-entry-copy p { font-size:14px; }.ats-source-card { grid-template-columns:26px 48px 1fr; gap:12px; padding:22px 18px; }.ats-source-card > i { display:none; }.ats-source-icon { width:48px; height:48px; }.ats-source-card b { font-size:21px; }.ats-entry-trust { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
  .ats-scanning { height:calc(100svh - var(--topbar-h) - 58px); min-height:570px; padding:16px 18px; }.ats-scan-stage { grid-template-columns:1fr; gap:12px; }.ats-scan-copy { text-align:center; }.ats-scan-copy h1 { max-width:360px; margin:8px auto 10px; font-size:clamp(34px,10vw,43px); }.ats-scan-copy > p { min-height:40px; font-size:12px; }.ats-scan-progress { margin:15px auto 12px; }.ats-scan-source { justify-content:center; }.ats-scan-visual { width:220px; height:220px; margin:auto; }.orbit-one { inset:4px; }.orbit-two { inset:28px; }.ats-scan-document { width:104px; height:142px; gap:10px; padding:20px 17px; }.ats-scan-visual > strong { right:0; bottom:23px; font-size:25px; }.ats-scan-steps > div { min-height:56px; justify-content:center; flex-direction:column; gap:6px; text-align:center; }.ats-scan-steps > div + div { padding-left:0; }.ats-scan-steps > div > i { width:24px; height:24px; flex-basis:24px; }.ats-scan-steps span { font-size:8px; }.ats-scan-handoff { margin:-5px 0 0; text-align:center; }
  .ats-report-head > div:last-child { width:100%; }.ats-report-head .button { flex:1; }.ats-report-intro { grid-template-columns:1fr; padding:28px 22px; }.ats-report-intro h2 { font-size:32px; }.ats-report-section > header { padding:20px; }.ats-report-section > header h2 { font-size:29px; }.ats-report-section > header > strong { font-size:31px; }.ats-check-row { grid-template-columns:34px minmax(0,1fr); gap:12px; padding:22px 18px; }.ats-check-row > span { grid-column:2; justify-self:start; }.ats-resume-recommendation { padding:28px 22px; }
}
/* Compact ATS report · reference-led results dashboard */
.ats-report-compact { padding-bottom:52px; }
.ats-report-compact .ats-report-head { min-height:94px; }
.ats-summary-grid { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:16px; padding-top:20px; }
.ats-summary-verdict { min-height:238px; display:flex; justify-content:center; flex-direction:column; padding:34px 40px; background:var(--cx-panel); color:var(--cx-paper); }
.ats-summary-verdict .eyebrow { color:var(--cx-ok-fg); }
.ats-summary-verdict h2 { max-width:860px; margin:10px 0 12px; font:600 clamp(34px,3.4vw,50px)/.98 var(--serif); letter-spacing: -.015em; }
.ats-summary-verdict > p { max-width:760px; margin:0; color: var(--cx-ink60); font-size:12px; line-height:1.55; }
.ats-summary-verdict > div { display:grid; grid-template-columns:auto minmax(120px,1fr) auto minmax(170px,1fr); gap:6px 14px; margin-top:28px; padding-top:18px; border-top:1px solid var(--cx-accent); font-size:10px; }
.ats-summary-verdict > div span { color: var(--cx-ink60); text-transform:uppercase; letter-spacing:.08em; }
.ats-summary-verdict > div b { font-weight:700; }
.ats-summary-score { min-height:238px; display:grid; place-items:center; align-content:center; border:1px solid var(--cx-line); background:var(--cx-paper); }
.ats-summary-score .ats-score-ring { width:142px; height:142px; margin:0 0 12px; }
.ats-summary-score > b { font-size:13px; }
.ats-summary-score > span { margin-top:5px; color:var(--ink-70); font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.ats-dimension-strip { display:grid; grid-template-columns:repeat(3,1fr); margin-top:16px; border:1px solid var(--cx-line); background:var(--cx-paper); }
.ats-dimension-strip article { min-height:178px; display:grid; grid-template-columns:38px 1fr; gap:16px; padding:26px 28px; border-right:1px solid var(--line); }
.ats-dimension-strip article:last-child { border-right:0; }
.ats-dimension-strip article > i { width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--cx-accent-line); background:var(--cx-accent-soft); color:var(--cx-accent); font:normal 800 9px/1 var(--mono); }
.ats-dimension-strip article > div > span { font:800 12px/1.2 var(--ui); }
.ats-dimension-strip strong { float:right; color:var(--cx-accent); font:600 28px/1 var(--serif); }
.ats-dimension-strip strong small { font:500 10px/1 var(--ui); }
.ats-dimension-strip em { height:7px; display:block; clear:both; margin:18px 0 12px; overflow:hidden; background:var(--cx-mist); }
.ats-dimension-strip em b { width:var(--dimension-score); height:100%; display:block; background:var(--cx-accent); }
.ats-dimension-strip p { margin:0; color:var(--ink-70); font-size:11px; line-height:1.5; }
.ats-priority-panel { margin-top:16px; border:1px solid var(--cx-line); background:var(--cx-paper); }
.ats-priority-panel > header { min-height:78px; display:flex; align-items:center; justify-content:space-between; padding:16px 28px; border-bottom:1px solid var(--line); }
.ats-priority-panel > header h2 { margin:6px 0 0; font:600 29px/1 var(--serif); }
.ats-priority-panel > header > strong { color:var(--cx-accent); font:600 36px/1 var(--serif); }
.ats-priority-table-head,.ats-priority-table article { display:grid; grid-template-columns:110px minmax(180px,.9fr) minmax(240px,1.25fr) minmax(240px,1.15fr); gap:18px; align-items:center; padding:0 28px; }
.ats-priority-table-head { min-height:42px; background:var(--cx-porcelain); color:var(--ink-70); font:800 8px/1 var(--mono); text-transform:uppercase; letter-spacing:.07em; }
.ats-priority-table article { min-height:82px; border-top:1px solid var(--line); font-size:11px; line-height:1.45; }
.ats-priority-table article:first-of-type { border-top:0; }
.ats-priority-table article > span:nth-child(3) { color:var(--ink-70); }
.ats-priority-table article > span:nth-child(4) { color:var(--cx-accent); font-weight:700; }
.ats-priority-table article strong { display:block; font-size:12px; }
.ats-priority-table article small { display:block; margin-top:4px; color:var(--ink-70); font-size:9px; }
.ats-priority-tag { display:inline-flex; padding:6px 8px; border:1px solid; font:800 8px/1 var(--mono); text-transform:uppercase; }
.ats-priority-tag.high { border-color:var(--cx-ask-fg); background:var(--cx-porcelain); color:var(--cx-ask-fg); }
.ats-priority-tag.medium { border-color:var(--cx-ask-fg); background:var(--cx-mist); color:var(--cx-ask-fg); }
.ats-priority-tag.low { border-color: var(--cx-ink60); background:var(--cx-accent-soft); color:var(--cx-accent); }
.ats-priority-empty { min-height:90px; display:flex; align-items:center; gap:16px; padding:20px 28px; }
.ats-priority-empty > i { width:36px; height:36px; display:grid; place-items:center; border-radius:50%; background:var(--cx-mist); color:var(--good); font-style:normal; }
.ats-priority-empty h3,.ats-priority-empty p { margin:0; }
.ats-priority-empty p { margin-top:5px; color:var(--ink-70); font-size:11px; }
.ats-verified-receipt { margin-top:16px; border:1px solid var(--cx-ok-fg); background:var(--cx-paper); }
.ats-verified-receipt summary { min-height:64px; display:grid; grid-template-columns:34px auto 1fr auto; align-items:center; gap:14px; padding:0 24px; cursor:pointer; list-style:none; }
.ats-verified-receipt summary::-webkit-details-marker { display:none; }
.ats-verified-receipt summary > span { width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:var(--good); color:var(--cx-paper); }
.ats-verified-receipt summary > b { font:600 20px/1 var(--serif); }
.ats-verified-receipt summary > small { color:var(--cx-ok-fg); }
.ats-verified-receipt summary > i { color:var(--cx-accent); font:normal 700 10px/1 var(--ui); }
.ats-verified-receipt[open] summary { border-bottom:1px solid var(--cx-line-strong); }
.ats-verified-receipt > div { display:grid; grid-template-columns:repeat(2,1fr); }
.ats-verified-receipt article { min-height:78px; padding:18px 24px; border-right:1px solid var(--cx-line); border-bottom:1px solid var(--cx-line); }
.ats-verified-receipt article:nth-child(2n) { border-right:0; }
.ats-verified-receipt article span { color:var(--cx-ok-fg); font:800 8px/1 var(--mono); text-transform:uppercase; }
.ats-verified-receipt article b { display:block; margin-top:7px; font-size:12px; }
.ats-verified-receipt article p { margin:5px 0 0; color:var(--ink-70); font-size:10px; line-height:1.45; }
.ats-next-action { min-height:108px; display:grid; grid-template-columns:100px minmax(0,1fr) auto; align-items:center; gap:24px; margin-top:16px; padding:20px 28px; border:1px solid var(--cx-accent-line); background:var(--cx-accent-soft); }
.ats-next-action > span { color:var(--cx-accent); font:800 9px/1 var(--mono); text-transform:uppercase; letter-spacing:.08em; }
.ats-next-action h2 { margin:0 0 5px; font:600 24px/1.05 var(--serif); }
.ats-next-action p { margin:0; color:var(--ink-70); font-size:11px; }
.ats-next-action .button { min-width:220px; }
@media (max-width:900px) {
  .ats-summary-grid { grid-template-columns:1fr 250px; }
  .ats-dimension-strip { grid-template-columns:1fr; }
  .ats-dimension-strip article { border-right:0; border-bottom:1px solid var(--line); }
  .ats-dimension-strip article:last-child { border-bottom:0; }
  .ats-priority-table-head { display:none; }
  .ats-priority-table article { grid-template-columns:90px 1fr; gap:10px 16px; padding:18px 22px; }
  .ats-priority-table article > span:nth-child(3),.ats-priority-table article > span:nth-child(4) { grid-column:2; }
  .ats-next-action { grid-template-columns:1fr auto; }
  .ats-next-action > span { grid-column:1 / -1; }
  .ats-next-action .button { min-width:190px; }
}
@media (max-width:600px) {
  .ats-summary-grid { grid-template-columns:1fr; }
  .ats-summary-verdict { min-height:0; padding:28px 22px; }
  .ats-summary-verdict h2 { font-size:34px; }
  .ats-summary-verdict > div { grid-template-columns:auto 1fr; }
  .ats-summary-score { min-height:190px; grid-template-columns:1fr auto; padding:22px; }
  .ats-summary-score .ats-score-ring { grid-row:1 / span 2; grid-column:2; width:112px; height:112px; margin:0; }
  .ats-summary-score > b,.ats-summary-score > span { justify-self:start; }
  .ats-dimension-strip article { min-height:154px; padding:22px 18px; }
  .ats-priority-panel > header { padding:16px 20px; }
  .ats-priority-table article { grid-template-columns:1fr; padding:20px; }
  .ats-priority-table article > span:nth-child(3),.ats-priority-table article > span:nth-child(4) { grid-column:1; }
  .ats-verified-receipt summary { grid-template-columns:32px 1fr auto; padding:0 16px; }
  .ats-verified-receipt summary > small { display:none; }
  .ats-verified-receipt summary > i { font-size:0; }
  .ats-verified-receipt summary > i::after { content:"View"; font-size:9px; }
  .ats-verified-receipt > div { grid-template-columns:1fr; }
  .ats-verified-receipt article { border-right:0; }
  .ats-next-action { grid-template-columns:1fr; padding:22px; }
  .ats-next-action .button { width:100%; min-width:0; }
}

.target-banner > div { display: flex; flex-direction: column; gap: 4px; }
.target-banner small { color: var(--cx-ok-fg); font-size: 11px; }

/* Stage 4 · structured, versioned cover letter */
.tool-page[data-route="cover"] { grid-template-columns: 220px minmax(0,1fr); }
.tool-page[data-route="cover"] .tool-rail { padding-right: 24px; padding-left: 24px; }
.tool-page[data-route="cover"] .tool-main { padding: 26px clamp(22px,3.5vw,50px) 82px; }
.tool-page[data-route="cover"] .tool-heading { margin-bottom: 24px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.tool-page[data-route="cover"] .tool-heading h2 { font-size: clamp(34px,4vw,52px); }
.letter-version-bar { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 10px 12px; padding: 14px 16px; border: 1px solid var(--line); background: var(--cx-paper); }
.letter-version-bar > div { display: flex; flex-direction: column; gap: 4px; }
.letter-version-bar b { font: 600 16px/1.1 var(--serif); }
.letter-version-bar select { grid-column: 1 / -1; grid-row: 2; min-height: 42px; padding: 8px 10px; border: 1px solid var(--line-dark); background: var(--cx-paper); }
.structured-letter-fields h3 { margin: 10px 0 22px; font: 600 25px/1.08 var(--serif); }
.structured-letter-fields .field + .field { margin-top: 16px; }
.structured-letter-fields textarea { min-height: 92px; }
.structured-letter-fields textarea.tall { min-height: 170px; }
.letter-body-preview { min-height: 430px; font: 400 16px/1.78 var(--serif); }
.letter-body-preview p { margin: 0 0 1.3em; white-space: pre-wrap; }
.letter-paper .form-actions { margin-top: 30px; }

@media (max-width: 1100px) {
  .landing-hero { grid-template-columns: 1fr .75fr; }
  .landing-hero h1 { font-size: clamp(62px,8vw,88px); }
  .landing-tools { grid-template-columns: 180px minmax(0,1fr); }
  .context-rail { padding: 40px 24px; }
  .landing-tool,.landing-tool.reverse { grid-template-columns: 1fr; min-height: 0; }
  .landing-tool.reverse .landing-tool-copy,.landing-tool.reverse .landing-tool-preview { order: initial; }
  .product-launchers { grid-template-columns: repeat(2, 1fr); }
  .product-launcher:nth-child(3) { border-left: 0; }
  .dashboard-lower { grid-template-columns: 1fr; }
  .resume-studio, .letter-studio, .portfolio-studio { grid-template-columns: 1fr; }
  .preview-shell, .portfolio-preview-shell { position: static; }
  .document-frame, .document-frame iframe { min-height: 680px; height: 680px; }
  .design-console { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .resume-action-bar { grid-template-columns: minmax(150px,.7fr) minmax(180px,1fr); }
  .resume-action-bar .version-actions { grid-column: 1 / -1; justify-content: flex-start; }
  .guided-layout { grid-template-columns: 170px minmax(390px,1fr); }
  .resume-editor-header { grid-template-columns: minmax(250px,1fr) auto; gap: 10px 18px; }
  .resume-command-bar { grid-column: 1 / -1; justify-content: flex-end; padding-top: 8px; border-top: 1px solid var(--line); }
  .resume-editor-layout { grid-template-columns: 132px minmax(390px,1fr) minmax(330px,.9fr); }
  .resume-editor-page[data-studio-mode="design"] .resume-editor-layout { grid-template-columns: minmax(500px,1fr) minmax(330px,.8fr); }
  .resume-editor-canvas,.resume-editor-preview { padding: 20px; }
}

@media (max-width: 820px) {
  :root { --topbar-h: 60px; }
  .topbar { grid-template-columns: 1fr auto; padding: 0 18px; }
  .brand { font-size: 26px; }
  .primary-nav { display: none; }
  .workspace-button { padding: 0 13px; }
  .save-state { display: none; }
  .landing-hero { min-height: 0; grid-template-columns: 1fr; padding: 62px 20px 0; }
  .landing-hero-copy { padding-bottom: 26px; }
  .landing-hero h1 { font-size: clamp(54px,14vw,76px); }
  .landing-hero-drawing { min-height: 330px; }
  .hero-tool-links { grid-template-columns: repeat(2,1fr); margin: 0 -20px; }
  .hero-tool-links a:nth-child(2) { border-right:0 }.hero-tool-links a:nth-child(-n+2){border-bottom:1px solid var(--cx-line)}
  .landing-system-note { grid-template-columns: 1fr; gap: 8px; padding: 26px 20px; }
  .landing-tools { display:block;border:0 }.context-rail { position:relative;top:auto;height:auto;display:grid;grid-template-columns:auto 1fr;gap:8px;padding:24px 20px;border-right:0;border-bottom:1px solid var(--cx-line) }.context-line { grid-column:1/-1;width:100%;height:42px;flex-direction:row;margin:4px 0 8px }.context-line::before{top:50%;bottom:auto;left:18px;right:18px;width:auto;height:1px}.context-rail>span,.context-rail>p{display:none}.context-rail>b,.context-rail>small{align-self:end}.context-rail>small{align-self:start}
  .landing-tool { padding:64px 20px }.landing-tool-copy h2{font-size:54px}.landing-resume-visual,.landing-letter-visual{min-height:380px;padding:34px 26px}.landing-ats-visual{padding:32px 22px}.la-evidence{grid-template-columns:1fr}.la-evidence span{border-right:0;border-bottom:1px solid var(--cx-line)}.lp-worlds i{height:170px}
  .landing-close { min-height:450px }.landing-footer{grid-template-columns:1fr auto}.landing-footer p{display:none}.landing-footer>span{font-size:9px}
  .next-action { grid-template-columns: 1fr; }
  .next-action-copy { min-height: 270px; }
  .next-action-visual { min-height: 210px; }
  .product-launchers { grid-template-columns: 1fr; }
  .product-launcher + .product-launcher { border-left: 0; }
  .tool-page { grid-template-columns: 1fr; }
  .tool-page[data-route="resume"] { grid-template-columns: 1fr; }
  .tool-page[data-route="ats"] { grid-template-columns: 1fr; }
  .tool-page[data-route="cover"] { grid-template-columns: 1fr; }
  .tool-page[data-route="portfolio"] { grid-template-columns: 1fr; }
  .tool-rail {
    position: static;
    height: auto;
    padding: 24px 20px 18px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .tool-rail h1, .tool-rail > p, .rail-note { display: none; }
  .back-link { margin-bottom: 18px; }
  .step-list { display: grid; grid-template-columns: repeat(3, 1fr); }
  .tool-step { min-height: 50px; display: flex; align-items: center; gap: 8px; }
  .tool-step:not(:last-child)::after { top: 18px; bottom: auto; left: 36px; right: 0; width: auto; height: 1px; }
  .tool-step-mark { flex: 0 0 36px; }
  .tool-step b { position: relative; z-index: 2; padding: 0 5px 0 0; background: var(--porcelain); font: 700 12px/1 var(--ui); }
  .tool-main { padding: 34px 20px 70px; }
  .tool-heading { display: block; margin-bottom: 28px; }
  .source-chip { display: inline-block; margin-top: 16px; }
  .resume-template-grid,.portfolio-world-grid { grid-template-columns: repeat(2,minmax(0,1fr)); max-height:620px; }
  .letter-design-grid,.letter-design-grid.compact { grid-template-columns:repeat(2,1fr) }
  .next-step-band { grid-template-columns: auto 1fr; }
  .next-step-band .button, .next-step-band .text-link { grid-column: 1 / -1; }
  .evidence-row { grid-template-columns: 44px 1fr 20px; gap: 12px; padding: 17px 0; }
  .evidence-copy { grid-column: 2 / 4; }
  .onboarding-paths { grid-template-columns: 1fr; }
  .onboarding-paths button { min-height: 188px; border-right: 0; border-bottom: 1px solid var(--cx-line); }
  .onboarding-paths button:last-child { border-bottom: 0; }
  .onboarding-paths b { margin-top: 22px; }
  .resume-entry-head { min-height: 64px; padding: 0 18px; }
  .resume-entry-brand { font-size: 25px; }
  .resume-start-content,.resume-import-content { width: calc(100% - 36px); padding-top: 54px; }
  .resume-start-copy h1,.resume-import-content h1 { font-size: clamp(46px,13vw,60px); }
  .resume-start-copy p,.resume-import-content .review-intro p { font-size: 14px; }
  .resume-start-row { min-height: 154px; grid-template-columns: 34px minmax(0,1fr) 28px; gap: 10px; padding: 20px 2px; }
  .resume-start-row:hover,.resume-start-row:focus-visible { padding-right: 8px; padding-left: 8px; }
  .resume-start-title { display: block; font-size: 23px; }
  .resume-start-title em { display: table; margin-top: 9px; }
  .resume-start-desc { font-size: 12px; }
  .resume-start-trust { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
  .resume-start-foot { align-items: flex-start; flex-direction: column; }
  .resume-import-content .review-grid { grid-template-columns: 1fr; }
  .resume-import-content .review-grid > div:nth-child(odd),.resume-import-content .review-grid > div:nth-child(even) { padding: 17px 2px; border-left: 0; }
  .resume-import-actions { align-items: stretch; flex-direction: column-reverse; }
  .resume-import-actions .button { width: 100%; }
  .tool-page[data-route="resume"] .tool-main { padding-top: 22px; }
  .tool-page[data-route="resume"] .editor-stack > .editor-section:first-of-type { order: -1; }
  .tool-page[data-route="resume"] .target-banner { order: -2; }
  .version-bar { grid-template-columns: 1fr; }
  .version-actions { flex-wrap: wrap; }
  .resume-action-bar,.resume-action-bar .version-actions { grid-column: auto; }
  .resume-action-bar .version-actions { justify-content: flex-start; }
  .resume-action-bar .action-feedback { grid-column: 1; }
  .resume-editor-header { position: static; display: grid; grid-template-columns: 1fr auto; min-height: 0; padding: 14px 18px; }
  .resume-document-identity { min-height: 44px; }
  .resume-document-identity > a { flex-basis: 38px; width: 38px; height: 38px; }
  .resume-editor-header h1 { max-width: 210px; font-size: 18px; }
  .resume-editor-header p { max-width: 210px; }
  .resume-command-bar { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr repeat(4,auto); gap: 7px; margin-top: 4px; padding-top: 12px; border-top: 1px solid var(--line); }
  .resume-version-control { grid-column: 1 / -1; }
  .resume-version-control select { width: 100%; }
  .resume-command-bar .action-feedback { grid-column: 1 / -1; justify-self: end; }
  .resume-studio-modebar { min-height: 40px; }
  .resume-studio-modebar button { min-width: 72px; }
  .resume-mobile-switch { position: sticky; top: var(--topbar-h); z-index: 8; display: grid; grid-template-columns: 1fr 1fr; padding: 8px 18px; border-bottom: 1px solid var(--line); background: var(--cx-porcelain-a92); backdrop-filter: blur(10px); }
  .resume-mobile-switch button { min-height: 44px; border: 1px solid var(--line-dark); background: var(--cx-paper); color: var(--ink-70); font-weight: 800; }
  .resume-mobile-switch button + button { border-left: 0; }
  .resume-mobile-switch button.on { border-color: var(--cx-accent); background: var(--cx-accent); color: var(--cx-paper); }
  .resume-editor-layout { display: block; }
  .resume-section-nav { display: none; }
  .resume-editor-canvas { padding: 16px; border-right: 0; }
  .resume-design-canvas { padding: 18px 16px; border-right: 0; }
  .resume-design-head { align-items: flex-start; flex-direction: column; gap: 12px; }
  .resume-design-head h2 { font-size: 32px; }
  .resume-design-tabs { gap: 20px; }
  .resume-editor-preview { position: static; display: none; padding: 16px; }
  .resume-editor-page[data-resume-view="preview"] .resume-editor-canvas,.resume-editor-page[data-resume-view="preview"] .resume-design-canvas { display: none; }
  .resume-editor-page[data-resume-view="preview"] .resume-editor-preview { display: block; }
  .resume-editor-preview .document-frame,.resume-editor-preview .document-frame iframe { min-height: 620px; height: calc(100vh - var(--topbar-h) - 130px); }
  .resume-editor-section > .editor-body { padding: 20px 18px; }
  .resume-editor-section .form-grid,.resume-editor-section .design-console { grid-template-columns: 1fr; }
  .target-banner { grid-template-columns: 1fr; gap: 6px; }
  .resume-source-strip { grid-template-columns: 1fr auto; }
  .resume-source-strip .text-link { grid-column: 1 / -1; justify-self: start; }
  .actual-template-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ats-scoreboard,.ats-detail-grid { grid-template-columns: 1fr; }
  .ats-detail-grid > section,.ats-detail-grid > section + section { padding: 24px 0; border-left: 0; }
  .ats-detail-grid > section + section { border-top: 1px solid var(--line); }
  .tool-page[data-route="cover"] .editor-stack > .structured-letter-fields { order: -1; }
  .letter-version-bar { grid-template-columns: 1fr; }
  .portfolio-preview-shell { order: -1; position: static; }
  .world-selector-list { grid-template-columns: 1fr; }
  .workspace-head { align-items: flex-start; }
  .workspace-head .button { padding: 0 13px; }
  .application-context,.workspace-primary { grid-template-columns: 1fr; }
  .application-context > div { min-height: 72px; border-right: 0; border-bottom: 1px solid var(--line); }
  .application-context > div:last-child { border-bottom: 0; }
  .workspace-tools { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 600px) {
  .topbar { gap: 8px; }
  .workspace-button { min-width:44px;width:44px;padding:0;justify-content:center;font-size:0 }.workspace-button span{font-size:17px}
  .landing-hero-copy > p { font-size:16px }.landing-actions{display:grid}.landing-actions .button{width:100%}.landing-hero-drawing{min-height:270px}.journey-node{width:38px;height:38px}.hero-tool-links a{min-height:96px;padding:16px}.hero-tool-links b{font-size:14px}.hero-tool-links .product-icon{width:32px;height:32px}
  .landing-tool-copy h2 { font-size:48px }.landing-tool-preview{margin-top:12px}.lr-grid{grid-template-columns:1fr 90px;gap:16px}.landing-resume-visual>span{margin-top:32px}.ll-head{display:block}.ll-head span{display:block;margin-top:8px}.la-score strong{font-size:84px}.landing-portfolio-visual{padding:18px}.lp-worlds{grid-template-columns:1fr 1fr}.lp-worlds i:first-child{grid-column:1/-1;height:160px}.lp-worlds i{height:120px}.landing-close h2{font-size:46px}.landing-close>div{display:grid;width:100%}.landing-close .button{width:100%}.landing-footer{padding:22px 18px}.landing-footer>span{max-width:130px;text-align:right}
  .dashboard { padding: 34px 16px 70px; }
  .dashboard-heading { font-size: 46px; }
  .next-action { min-height: 0; }
  .next-action-copy { min-height: 248px; padding: 28px 24px; }
  .next-action h2 { font-size: 36px; }
  .next-action-visual { min-height: 170px; }
  .product-launcher { min-height: 100px; padding: 18px; }
  .application-track { grid-template-columns: repeat(2, 1fr); gap: 24px; }
  .application-track::before { display: none; }
  .activity-item { grid-template-columns: 34px minmax(0,1fr); }
  .activity-item time { grid-column: 2; }
  .form-grid, .source-choice-grid, .tone-row { grid-template-columns: 1fr; }
  .additional-links-head { align-items: flex-start; flex-direction: column; }
  .additional-link-row { grid-template-columns: 1fr 44px; }
  .additional-link-row .field:first-child { grid-column: 1 / -1; }
  .resume-template-grid,.portfolio-world-grid { grid-template-columns: 1fr 1fr; }
  .resume-template-card { min-height:188px }.resume-template-thumb{height:102px}.letter-design-grid,.letter-design-grid.compact{grid-template-columns:1fr 1fr}.letter-design-option{min-height:108px}
  .source-choice { min-height: 118px; }
  .source-choice b { margin-top: 12px; }
  .form-actions { align-items: stretch; flex-direction: column-reverse; }
  .form-actions .button { width: 100%; }
  .tool-heading h2 { font-size: 42px; }
  .panel-pad { padding: 22px 18px; }
  .document-frame, .document-frame iframe { min-height: 560px; height: 560px; }
  .letter-paper { min-height: 620px; padding: 30px 24px; }
  .portfolio-frame-wrap { height: 540px; }
  .dialog-actions { flex-direction: column-reverse; }
  .dialog-actions .button { width: 100%; }
  .review-grid { grid-template-columns: 1fr; }
  .review-grid > div { min-height: 78px; border-right: 0; }
  .design-console { grid-template-columns: 1fr; }
  .actual-template-list { grid-template-columns: 1fr; }
  .resume-template-thumb { height: 170px; }
  .score-factors { grid-template-columns: 1fr 1fr 1fr; }
  .score-factors > div { min-height: 92px; padding: 12px 8px; }
  .score-factors strong { font-size: 25px; }
  .signal-row.gap span { display: block; }
  .signal-row.gap small { display: block; margin-top: 4px; text-align: left; }
  .format-findings details p { margin-left: 0; }
  .portfolio-studio { gap: 18px; }
  .portfolio-frame-wrap { height: 500px; }
  .device-stage { min-height: 540px; padding: 12px; }
  .case-study-editor > summary { grid-template-columns: 32px 1fr; }
  .case-study-editor > summary > em { grid-column: 2; }
  .workspace-cockpit { padding: 26px 16px 64px; }
  .workspace-head { display: block; }
  .workspace-head h1 { font-size: 45px; }
  .workspace-head p { max-width: 28ch; }
  .workspace-head .button { width: 100%; margin-top: 18px; }
  .workspace-primary { gap: 14px; margin-top: 14px; }
  .workspace-next { min-height: 250px; padding: 28px 22px; }
  .workspace-next h2 { font-size: 35px; }
  .workspace-next-foot { align-items: flex-start; flex-direction: column; }
  .workspace-next-foot > div { padding: 14px 0 0; border-top: 1px solid var(--cx-paper-a24); border-left: 0; }
  .workspace-tools { grid-template-columns: 1fr; }
  .workspace-tool { min-height: 104px; }
  .package-lane { padding: 20px 18px; }
  .package-lane-head { display: block; }
  .package-lane-head > span { display: block; margin-top: 8px; }
  .workspace-recent .activity-list { grid-template-columns: 1fr; }
}

/* Stage 7 · homepage as a live four-act career performance */
.performance-home { background: var(--cx-porcelain); }
.performance-hero {
  position: relative;
  min-height: calc(100vh - var(--topbar-h));
  padding: clamp(26px,3.4vw,48px) clamp(22px,4.5vw,68px) clamp(18px,2.4vw,34px);
  overflow: hidden;
  border-bottom: 1px solid var(--cx-line-strong);
  background:
    linear-gradient(var(--cx-panel-a04) 1px,transparent 1px),
    linear-gradient(90deg,var(--cx-panel-a04) 1px,transparent 1px),
    var(--cx-porcelain);
  background-size: 48px 48px;
}
.performance-hero::before {
  content: "";
  position: absolute;
  width: 540px;
  height: 540px;
  right: -230px;
  top: -300px;
  border: 1px solid var(--cx-accent-a20);
  border-radius: 50%;
  box-shadow: 0 0 0 54px var(--cx-accent-a02),0 0 0 55px var(--cx-accent-a10);
}
.performance-intro { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1.12fr) minmax(320px,.88fr); align-items: end; gap: 42px; margin: 0 0 clamp(22px,2.4vw,34px); }
.performance-kicker { display: inline-flex; align-items: center; gap: 9px; color: var(--cx-accent); font: 700 10px/1.2 var(--mono); letter-spacing: .095em; text-transform: uppercase; }
.performance-kicker i { width: 7px; height: 7px; border-radius: 50%; background: var(--good); box-shadow: 0 0 0 4px var(--cx-ok-fg-a12); }
.performance-intro h1 { margin: 13px 0 0; font: 400 clamp(54px,6.25vw,94px)/.87 var(--serif); letter-spacing: -.015em; }
.performance-copy { align-self: center; padding-top: 24px; }
.performance-copy p { max-width: 570px; margin: 0; color: var(--cx-ink60); font-size: clamp(14px,1.25vw,18px); line-height: 1.58; }
.performance-actions { display: flex; align-items: center; gap: 22px; margin-top: 21px; }
.performance-actions .button { min-height: 46px; }

.career-acts { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 1px solid var(--cx-ink30); background: var(--cx-paper); box-shadow: 0 20px 55px var(--cx-ink-a08); }
.career-act { position: relative; min-width: 0; min-height: 318px; display: grid; grid-template-rows: 40px 124px 1fr; overflow: hidden; background: var(--cx-paper-a85); transition: background .4s ease, transform .4s ease, box-shadow .4s ease; }
.career-act + .career-act { border-left: 1px solid var(--cx-line-strong); }
.career-act::before { content: ""; position: absolute; z-index: 4; left: 0; right: 0; top: 0; height: 3px; background: var(--act-color,var(--cx-accent)); transform: scaleX(0); transform-origin: left; transition: transform .35s ease; }
.career-act.active { z-index: 2; background: var(--cx-paper); box-shadow: 0 14px 42px var(--cx-panel-a12); transform: translateY(-5px); }
.career-act.active::before { transform: scaleX(1); }
.career-act.career-resume { --act-color:var(--cx-accent); }
.career-act.career-ats { --act-color:var(--cx-ok-fg); }
.career-act.career-cover { --act-color:var(--cx-ask-fg); }
.career-act.career-portfolio { --act-color:var(--cx-accent); }
.career-act > header { display: flex; align-items: center; justify-content: space-between; padding: 0 15px; border-bottom: 1px solid var(--cx-line); color: var(--cx-ink60); font: 700 9px/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.career-act > header i { width: 25px; height: 25px; display: grid; place-items: center; color: var(--act-color); }
.career-act > header svg { width: 18px; height: 18px; }
.act-stage { position: relative; overflow: hidden; padding: 13px 15px; border-bottom: 1px solid var(--cx-line); background: var(--cx-mist); }
.act-copy { position: relative; min-height: 150px; padding: 14px 15px 16px; }
.act-copy > span { display: block; color: var(--act-color); font: 800 9px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.act-copy h2 { margin: 8px 0 7px; font: 600 clamp(18px,1.65vw,24px)/1.02 var(--serif); letter-spacing: -.015em; }
.act-copy h2 a { text-decoration: none; }
.act-copy p { margin: 0; color: var(--cx-ink60); font-size: 10.5px; line-height: 1.43; }
.act-link { position: absolute; bottom: 12px; left: 15px; color: var(--act-color); font-size: 10px; font-weight: 800; text-decoration: none; }

.act-resume { height: 100%; display: grid; grid-template-columns: 1fr 25px; gap: 8px; }
.mini-paper { position: relative; padding: 11px 10px; background: var(--cx-paper); box-shadow: 0 5px 16px var(--cx-ink-a10); }
.mini-paper span { display: block; color: var(--navy); font: 700 11px/1 var(--serif); letter-spacing: .04em; }
.mini-paper b { display: block; margin: 4px 0 8px; color: var(--cx-accent); font: 700 5px/1 var(--mono); letter-spacing: .13em; }
.mini-paper > i { display: block; width: 100%; height: 3px; margin: 4px 0; background: var(--cx-line); transform-origin: left; }
.mini-paper > i.short { width: 66%; }
.mini-paper em { position: absolute; right: 7px; bottom: 7px; color: var(--cx-ink60); font: 700 6px/1 var(--mono); font-style: normal; text-transform: uppercase; }
.template-rail { display: grid; gap: 4px; }
.template-rail i { background: linear-gradient(155deg,var(--cx-paper) 0 62%,var(--cx-line) 63%); border: 1px solid var(--cx-line-strong); }
.career-act.active .mini-paper > i { animation: resume-write 1.3s ease both; }
.career-act.active .mini-paper > i:nth-of-type(2) { animation-delay: .18s; }.career-act.active .mini-paper > i:nth-of-type(3){animation-delay:.34s}.career-act.active .mini-paper > i:nth-of-type(4){animation-delay:.5s}
@keyframes resume-write { from { transform:scaleX(.08); opacity:.3 } to { transform:scaleX(1); opacity:1 } }

.act-ats { height: 100%; display: grid; grid-template-columns: 104px 1fr; align-items: center; gap: 14px; }
.score-orbit { width: 94px; height: 94px; display: grid; place-content: center; border-radius: 50%; background: radial-gradient(circle,var(--cx-mist) 0 57%,transparent 58%),conic-gradient(var(--good) 0 82%,var(--cx-line-strong) 82%); text-align: center; transform: rotate(-30deg); }
.score-orbit > * { transform: rotate(30deg); }
.score-orbit strong { color: var(--good); font: 400 29px/.8 var(--serif); }.score-orbit span { margin-top: 5px; color:var(--cx-ink60);font:700 6px/1 var(--mono);text-transform:uppercase }
.act-ats ul { list-style: none; margin: 0; padding: 0; }.act-ats li { display:flex;align-items:center;gap:7px;padding:6px 0;border-bottom:1px solid var(--cx-line);color:var(--cx-ink60);font-size:7px;font-weight:700;text-transform:uppercase }.act-ats li i{width:7px;height:7px;border:2px solid var(--good);border-radius:50%}.act-ats li.gap i{border-color:var(--cx-ask-fg)}
.career-act.active .score-orbit { animation: orbit-arrive .8s cubic-bezier(.2,.8,.2,1) both; }
@keyframes orbit-arrive { from { opacity:.2; transform:rotate(-80deg) scale(.76) } to { opacity:1; transform:rotate(-30deg) scale(1) } }

.act-cover { height:100%;display:grid;grid-template-columns:76px 1fr;align-items:center;gap:10px }.evidence-chip{padding:8px;background:var(--cx-porcelain);border:1px solid var(--cx-ask-fg);color:var(--cx-ask-fg);font:700 6px/1.2 var(--mono);text-align:center;text-transform:uppercase}.mini-letter{position:relative;height:96px;padding:13px 11px;background:var(--cx-paper);box-shadow:0 5px 16px var(--cx-ink-a10)}.mini-letter span{display:block;margin-bottom:10px;font:600 8px/1 var(--serif)}.mini-letter i{display:block;height:3px;margin:5px 0;background:var(--cx-line)}.mini-letter i.short{width:62%}.mini-letter b{position:absolute;right:8px;bottom:7px;color:var(--cx-ask-fg);font:700 5px/1 var(--mono);text-transform:uppercase}.career-act.active .evidence-chip{animation:evidence-send 1.2s ease both}@keyframes evidence-send{0%{transform:translateX(-24px);opacity:0}65%{transform:translateX(5px);opacity:1}100%{transform:translateX(0)}}

.act-portfolio { position:relative;height:100%;perspective:700px }.portfolio-card{position:absolute;inset:2px 11px;display:flex;flex-direction:column;justify-content:center;padding:14px;background:var(--cx-ink);color:var(--cx-paper);backface-visibility:hidden;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.portfolio-card span{color:var(--cx-accent);font:700 6px/1 var(--mono);letter-spacing:.14em}.portfolio-card strong{margin:8px 0;font:400 23px/1 var(--serif)}.portfolio-card i{height:2px;width:70%;background:linear-gradient(90deg,var(--cx-accent),var(--cx-ok-fg))}.portfolio-card small{margin-top:9px;color: var(--cx-ink60);font-size:6px}.portfolio-card.back{background:linear-gradient(145deg,var(--cx-accent),var(--cx-ink));transform:rotateY(180deg)}.career-act.active .portfolio-card.front{transform:rotateY(-180deg)}.career-act.active .portfolio-card.back{transform:rotateY(0)}

.performance-conductor { position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:14px;color:var(--cx-ink60) }.performance-conductor>div:first-child{display:flex;gap:16px}.performance-conductor span,.performance-conductor b{font:700 8px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}.performance-conductor b{color: var(--cx-ink60)}.performance-track{height:2px;background:var(--cx-line-strong);overflow:hidden}.performance-track i{display:block;height:100%;width:25%;background:var(--cx-accent)}.performance-dots{display:flex;gap:6px}.performance-dots i{width:6px;height:6px;border:1px solid var(--cx-ink30);border-radius:50%}.performance-dots i.active{background:var(--cx-accent);border-color:var(--cx-accent)}

.standalone-system { display:grid;grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr);gap:34px 70px;padding:clamp(72px,9vw,138px) clamp(24px,7vw,108px);background:var(--cx-paper);border-bottom:1px solid var(--line) }.standalone-system h2{margin:14px 0 0;font:400 clamp(48px,5.5vw,80px)/.94 var(--serif);letter-spacing: -.015em}.standalone-system>p{grid-column:2;margin:0;max-width:760px;color:var(--ink-70);font-size:17px;line-height:1.7}.standalone-system>.button{grid-column:2;justify-self:start}.system-path{display:grid;grid-template-columns:auto 22px auto 22px auto 22px auto;align-items:center;align-self:end;gap:7px}.system-path span{padding:11px 9px;border:1px solid var(--line);background:var(--porcelain);font:700 9px/1.2 var(--mono);text-align:center;text-transform:uppercase}.system-path i{color:var(--cx-accent);font-style:normal;text-align:center}
.product-index{display:grid;grid-template-columns:repeat(2,1fr);padding:0 clamp(24px,7vw,108px);background:var(--cx-porcelain)}.product-index>a{min-height:150px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:22px;padding:24px 30px;border-bottom:1px solid var(--cx-line);text-decoration:none}.product-index>a:nth-child(odd){border-right:1px solid var(--cx-line)}.product-index>a>span{font:700 9px/1 var(--mono);color:var(--cx-accent)}.product-index b{font:600 25px/1.1 var(--serif)}.product-index p{margin:8px 0 0;color:var(--ink-70);font-size:12px}.product-index>a>i{font-style:normal;color:var(--cx-accent);font-size:22px}.performance-footer{background:var(--cx-panel)}

@media (min-width: 821px) and (max-height: 760px) {
  .performance-hero { padding-top: 24px; padding-bottom: 16px; }
  .performance-intro { margin-bottom: 22px; }
  .performance-intro h1 { font-size: clamp(52px,5.5vw,72px); }
  .career-act { min-height: 300px; grid-template-rows: 38px 116px 1fr; }
  .act-copy { min-height: 145px; }
  .performance-conductor { margin-top: 10px; }
}

@media (max-width: 980px) {
  .career-acts { grid-template-columns:repeat(2,1fr) }.career-act:nth-child(3){border-left:0;border-top:1px solid var(--cx-line-strong)}.career-act:nth-child(4){border-top:1px solid var(--cx-line-strong)}
  .performance-hero { min-height:0 }.performance-intro{grid-template-columns:1fr 1fr}.standalone-system{grid-template-columns:1fr}.standalone-system>p,.standalone-system>.button{grid-column:1}.system-path{grid-row:auto}
}

@media (max-width: 820px) {
  .performance-hero{padding:28px 16px 20px;background-size:32px 32px}.performance-hero::before{width:300px;height:300px;right:-190px;top:-160px}.performance-intro{display:block;margin-bottom:24px}.performance-intro h1{font-size:clamp(48px,13.4vw,64px);line-height:.9}.performance-copy{padding-top:18px}.performance-copy p{max-width:39ch;font-size:14px;line-height:1.52}.performance-actions{gap:14px;margin-top:17px;flex-wrap:wrap}.performance-actions .button{min-height:44px}.career-acts{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;background:transparent;border:0;box-shadow:none;margin-right:-16px;padding:4px 16px 12px 0}.career-acts::-webkit-scrollbar{display:none}.career-act{flex:0 0 min(82vw,330px);min-height:306px;grid-template-rows:40px 120px 1fr;scroll-snap-align:start;border:1px solid var(--cx-ink30)!important}.career-act+.career-act{margin-left:10px}.career-act.active{transform:translateY(-3px)}.act-copy{min-height:145px}.act-copy h2{font-size:21px}.act-copy p{font-size:10.5px}.performance-conductor{grid-template-columns:1fr auto;gap:11px 18px;margin-top:3px}.performance-conductor>div:first-child b{display:none}.performance-track{grid-row:2;grid-column:1/-1}.standalone-system{padding:72px 20px;gap:32px}.standalone-system h2{font-size:49px}.standalone-system>p{font-size:15px}.system-path{display:flex;overflow:auto;align-items:center;padding-bottom:5px}.system-path span{flex:0 0 auto}.product-index{grid-template-columns:1fr;padding:0 18px}.product-index>a{min-height:126px;padding:20px 4px}.product-index>a:nth-child(odd){border-right:0}.product-index b{font-size:22px}.performance-footer{grid-template-columns:1fr auto}
}

@media (max-width: 420px) {
  .performance-kicker{font-size:8px}.performance-intro h1{font-size:49px}.performance-actions{display:grid;grid-template-columns:1fr}.performance-actions .button{width:100%}.performance-actions .text-link{justify-self:start}.career-act{flex-basis:82vw}.performance-conductor span{font-size:7px}.standalone-system h2{font-size:44px}.product-index>a{grid-template-columns:32px 1fr auto;gap:12px}.product-index p{font-size:11px}
}

/* Cover Letter Studio · dedicated product flow */
.cover-onboarding,.cover-generating,.cover-editor-product { min-height: calc(100vh - var(--topbar-h)); background: var(--cx-porcelain); color: var(--navy); }
.cover-product-head { height: 54px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; padding: 0 clamp(18px,3vw,42px); border-bottom: 1px solid var(--cx-line); background: var(--cx-paper-a92); }
.cover-product-head > a { color: var(--cx-ink60); font-size: 12px; font-weight: 700; text-decoration: none; }
.cover-product-head > div { display:flex;align-items:center;gap:10px }.cover-product-head > div .eyebrow{color:var(--cx-accent)}.cover-product-head > div b{font:600 16px/1 var(--serif)}
.cover-product-head > span { justify-self: end; overflow:hidden;color:var(--cx-ink60);font:700 9px/1 var(--mono);letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap }
.cover-progress { height: 72px; display: flex; align-items: center; justify-content: center; background: var(--cx-paper); border-bottom: 1px solid var(--cx-line); }
.cover-progress button { position:relative;width:min(190px,21vw);height:72px;display:flex;align-items:center;gap:10px;padding:0 20px;border:0;background:transparent;color: var(--cx-ink60);font:700 10px/1 var(--mono);letter-spacing:.06em;text-align:left;text-transform:uppercase }
.cover-progress button:not(:last-child)::after { content:"";position:absolute;right:-3px;top:35px;width:28px;height:1px;background:var(--cx-line) }
.cover-progress button i { width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--cx-line-strong);border-radius:50%;font-style:normal }
.cover-progress button.on { color:var(--navy) }.cover-progress button.on i{border-color:var(--cx-accent);background:var(--cx-accent);color:var(--cx-paper);box-shadow:0 0 0 5px var(--cx-accent-a10)}.cover-progress button.done{color:var(--cx-ok-fg)}.cover-progress button.done i{border-color:var(--cx-ok-fg);background:var(--cx-mist);color:var(--cx-ok-fg)}
.cover-onboarding > main { width:min(1040px,calc(100% - 40px));min-height:calc(100vh - var(--topbar-h) - 126px);display:grid;grid-template-rows:1fr 74px;margin:0 auto }
.cover-step-card { width:min(780px,100%);align-self:center;justify-self:center;padding:28px 0 18px;animation:cover-step-in .38s cubic-bezier(.2,.8,.2,1) both }
@keyframes cover-step-in{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}
.cover-step-card > h1 { margin:10px 0 8px;font:400 clamp(38px,4.2vw,58px)/.95 var(--serif);letter-spacing: -.015em }.cover-step-card > p{max-width:620px;margin:0 0 23px;color:var(--cx-ink60);font-size:14px;line-height:1.55}
.cover-choice-stack{display:grid;gap:9px}.cover-choice{min-height:74px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;padding:10px 15px;border:1px solid var(--cx-line-strong);background:var(--cx-paper);color:var(--navy);text-align:left;cursor:pointer;transition:.18s ease}.cover-choice:hover{border-color: var(--cx-ink60);transform:translateY(-1px)}.cover-choice.on{border-color:var(--cx-accent);box-shadow:inset 4px 0 var(--cx-accent),0 10px 28px var(--cx-panel-a08)}.cover-choice>i{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--cx-line);background:var(--cx-porcelain);color:var(--cx-accent);font:800 11px/1 var(--mono);font-style:normal}.cover-choice>span{display:grid;gap:5px}.cover-choice b{font:600 17px/1 var(--serif)}.cover-choice small{color:var(--cx-ink60);font-size:11px}.cover-choice em{padding:6px 9px;border:1px solid var(--cx-line);color:var(--cx-ink60);font:700 8px/1 var(--mono);font-style:normal;letter-spacing:.07em;text-transform:uppercase}.cover-choice.on em{border-color: var(--cx-ink60);background:var(--cx-accent-soft);color:var(--cx-accent)}
.cover-inline-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;padding:16px;border:1px solid var(--cx-line);background:var(--cx-paper)}.cover-inline-form textarea{min-height:86px}.cover-evidence-field{margin-top:14px}.cover-evidence-field textarea{min-height:110px}.cover-angle-grid{display:grid;grid-template-columns:1.3fr .7fr;border:1px solid var(--cx-line-strong);background:var(--cx-paper)}.cover-angle-grid>.field{padding:22px;border-right:1px solid var(--cx-line)}.cover-angle-grid textarea{min-height:150px}.cover-angle-grid aside{display:flex;flex-direction:column;justify-content:center;padding:24px;background:var(--cx-panel);color:var(--cx-paper)}.cover-angle-grid aside span{color: var(--cx-ink60);font:800 9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.cover-angle-grid aside b{margin:12px 0 8px;font:500 22px/1.04 var(--serif)}.cover-angle-grid aside p{margin:0;color: var(--cx-ink60);font-size:12px;line-height:1.5}
.cover-voice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cover-voice-grid button{min-height:148px;display:flex;flex-direction:column;align-items:flex-start;padding:18px;border:1px solid var(--cx-line-strong);background:var(--cx-paper);color:var(--navy);text-align:left;cursor:pointer}.cover-voice-grid button>i{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--cx-porcelain);color:var(--cx-accent);font-style:normal}.cover-voice-grid button b{margin:16px 0 6px;font:600 19px/1 var(--serif)}.cover-voice-grid button span{color:var(--cx-ink60);font-size:11px}.cover-voice-grid button small{margin-top:auto;padding-top:12px;color:var(--cx-accent);font:italic 11px/1.3 var(--serif)}.cover-voice-grid button.on{border-color:var(--cx-accent);background:var(--cx-paper);box-shadow:inset 0 4px var(--cx-accent)}.cover-ready-receipt{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 15px;border:1px solid var(--cx-line-strong);background:var(--cx-porcelain)}.cover-ready-receipt>i{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--cx-ok-fg);color:var(--cx-paper);font-style:normal}.cover-ready-receipt>div{display:grid;gap:3px}.cover-ready-receipt b{font-size:12px}.cover-ready-receipt span{color:var(--cx-ink60);font-size:10px}
.cover-onboarding > main > footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;border-top:1px solid var(--cx-line)}.cover-onboarding > main > footer .button:last-child{justify-self:end}.cover-onboarding > main > footer .button:first-child{justify-self:start}.cover-onboarding > main > footer .inline-state{font:700 9px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase}
.cover-generating{overflow:hidden}.cover-generating>main{height:calc(100vh - var(--topbar-h) - 54px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.cover-build-visual{height:190px;display:flex;align-items:center;gap:0;margin-bottom:24px}.cover-source-sheet,.cover-output-sheet{position:relative;width:138px;height:174px;padding:24px 17px;background:var(--cx-paper);border:1px solid var(--cx-line-strong);box-shadow:0 18px 40px var(--cx-panel-a12);text-align:left}.cover-source-sheet i,.cover-output-sheet i{display:block;height:5px;margin-bottom:12px;background:var(--cx-line)}.cover-source-sheet i:nth-child(2),.cover-output-sheet i:nth-child(3){width:66%}.cover-source-sheet b,.cover-output-sheet b{position:absolute;bottom:16px;left:17px;color:var(--cx-accent);font:800 7px/1 var(--mono);letter-spacing:.1em}.cover-output-sheet{border-top:6px solid var(--cx-accent);transform:translateY(6px)}.cover-build-beam{position:relative;width:130px;height:80px;overflow:hidden}.cover-build-beam::before{content:"";position:absolute;left:0;right:0;top:39px;height:1px;background:var(--cx-ink30)}.cover-build-beam span{position:absolute;left:-15px;top:33px;width:14px;height:14px;border-radius:50%;background:var(--cx-accent);animation:cover-beam 1.1s ease-in-out infinite}.cover-build-beam span:nth-child(2){animation-delay:.28s}.cover-build-beam span:nth-child(3){animation-delay:.56s}@keyframes cover-beam{from{transform:translateX(0) scale(.6);opacity:0}30%{opacity:1}to{transform:translateX(160px) scale(1);opacity:0}}.cover-generating h1{margin:9px 0 7px;font:400 clamp(38px,4vw,58px)/1 var(--serif);letter-spacing: -.015em}.cover-generating main>p{margin:0;color:var(--cx-ink60);font-size:13px}.cover-build-progress{width:min(480px,80vw);height:3px;margin:24px 0 15px;background:var(--cx-line)}.cover-build-progress i{display:block;height:100%;background:var(--cx-accent);transition:width .18s ease}.cover-build-stages{width:min(650px,90vw);display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cover-build-stages span{display:grid;justify-items:center;gap:6px;color: var(--cx-ink60);font:700 8px/1.2 var(--mono);text-transform:uppercase}.cover-build-stages span i{width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--cx-line-strong);border-radius:50%;font-style:normal}.cover-build-stages span.on{color:var(--cx-accent)}.cover-build-stages span.on i{border-color:var(--cx-accent);box-shadow:0 0 0 5px var(--cx-accent-a10)}.cover-build-stages span.done{color:var(--cx-ok-fg)}.cover-build-stages span.done i{border-color:var(--cx-ok-fg);background:var(--cx-mist)}
.cover-editor-product{height:calc(100vh - var(--topbar-h));overflow:hidden}.cover-studio-toolbar{height:66px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 22px;border-bottom:1px solid var(--cx-line-strong);background:var(--cx-paper)}.cover-mode-tabs{align-self:stretch;display:flex}.cover-mode-tabs button{min-width:102px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--cx-accent);font-weight:800;cursor:pointer}.cover-mode-tabs button.on{border-bottom-color:var(--cx-accent);color:var(--navy)}.cover-mode-tabs span{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:5px;border-radius:10px;background:var(--cx-mist);color:var(--cx-accent);font-size:9px}.cover-document-actions{display:flex;align-items:center;gap:7px}.cover-document-actions .letter-version-bar{display:flex;align-items:center;gap:7px;padding:0;border:0;background:transparent}.cover-document-actions .letter-version-bar>div,.cover-document-actions .letter-version-bar button{display:none}.cover-document-actions .letter-version-bar select{grid-area:auto;min-width:128px;min-height:36px;padding:6px 9px;font-size:10px}.cover-mobile-switch{display:none}.cover-studio-canvas{height:calc(100vh - var(--topbar-h) - 120px);display:grid;grid-template-columns:minmax(590px,1.35fr) minmax(390px,.85fr);overflow:hidden}.cover-writing-pane{display:grid;grid-template-columns:188px minmax(360px,1fr);min-width:0;border-right:1px solid var(--cx-line-strong);background:var(--cx-porcelain)}.cover-outline{padding:22px 12px;border-right:1px solid var(--cx-line);background:var(--cx-mist)}.cover-outline>.eyebrow{display:block;padding:0 8px 13px}.cover-outline button{width:100%;display:grid;grid-template-columns:20px 1fr;align-items:center;gap:8px;padding:12px 8px;border:0;border-left:3px solid transparent;background:transparent;color:var(--cx-accent);text-align:left;cursor:pointer}.cover-outline button>i{width:18px;height:18px;display:grid;place-items:center;border:1px solid var(--cx-line-strong);border-radius:50%;font:700 8px/1 var(--mono);font-style:normal}.cover-outline button>span{display:grid;gap:3px}.cover-outline button b{font-size:11px}.cover-outline button small{color: var(--cx-ink60);font-size:8px}.cover-outline button.on{border-left-color:var(--cx-accent);background:var(--cx-paper);color:var(--navy)}.cover-outline button.on>i{border-color:var(--cx-accent);background:var(--cx-porcelain);color:var(--cx-accent)}
.cover-block-editor{min-width:0;display:grid;grid-template-rows:auto 1fr auto auto;padding:28px clamp(22px,3vw,44px);background:var(--cx-paper)}.cover-block-editor>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.cover-block-editor h2{margin:8px 0 0;font:500 34px/1 var(--serif)}.cover-block-editor>textarea{width:100%;min-height:230px;resize:none;padding:24px;border:1px solid var(--cx-line-strong);background:var(--cx-paper);color:var(--navy);font:400 18px/1.72 var(--serif);box-shadow:0 12px 32px var(--cx-panel-a06)}.cover-block-editor>textarea:focus{outline:2px solid var(--cx-accent-a20);border-color:var(--cx-accent)}.cover-source-receipt{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;border:1px solid var(--cx-line-strong);background:var(--cx-porcelain)}.cover-source-receipt>i{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--cx-ok-fg);color:var(--cx-paper);font-style:normal}.cover-source-receipt>div{display:grid;gap:3px}.cover-source-receipt b{font-size:10px}.cover-source-receipt span{color:var(--cx-ink60);font-size:9px;line-height:1.4}.cover-source-receipt.connector{border-color: var(--cx-ink60);background:var(--cx-porcelain)}.cover-source-receipt.connector>i{background:var(--cx-accent)}.cover-source-receipt.connector span{color:var(--cx-accent)}.cover-block-editor>footer{display:flex;justify-content:space-between;margin-top:14px;color:var(--cx-accent);font:700 8px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase}
.cover-preview-pane{min-width:0;overflow:auto;padding:14px 20px 24px;background:var(--cx-mist)}.cover-preview-head{display:flex;justify-content:space-between;align-items:center;margin:0 auto 10px;max-width:590px;color:var(--cx-accent);font-size:9px}.cover-preview-head span{font:800 8px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.cover-preview-head span i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--cx-ok-fg);box-shadow:0 0 0 4px var(--cx-ok-fg-a10)}.cover-preview-head b{font-size:9px}.cover-preview-pane .letter-paper{width:100%;max-width:590px;min-height:720px;margin:0 auto;padding:48px 46px 38px;border:0;background:var(--cx-paper);box-shadow:0 18px 46px var(--cx-panel-a16)}.cover-preview-pane .letter-paper-head{margin-bottom:25px;padding-bottom:15px}.letter-paper-kicker{display:block;margin-bottom:8px;color:var(--cx-accent)!important;font:800 7px/1 var(--mono)!important;letter-spacing:.12em;text-transform:uppercase}.letter-correspondence{display:grid;grid-template-columns:1fr auto;gap:3px 18px;margin-bottom:25px;color:var(--cx-accent);font-size:9px}.letter-correspondence>span{grid-row:1 / span 2;align-self:end}.letter-correspondence>b,.letter-correspondence>small{text-align:right}.letter-correspondence>b{color:var(--navy);font-size:10px}.letter-body-preview{min-height:0;font-size:12px;line-height:1.62}.letter-body-preview p{margin:0 0 1em}.letter-paper-foot{display:flex;justify-content:space-between;margin-top:34px;padding-top:10px;border-top:1px solid var(--cx-line);color: var(--cx-ink60);font:700 7px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase}.cover-package-next{max-width:590px;display:grid;grid-template-columns:1fr auto auto;gap:12px;margin:12px auto 0;padding:11px 13px;border:1px solid var(--cx-line-strong);background:var(--cx-porcelain)}.cover-package-next span{color:var(--cx-accent);font:700 8px/1 var(--mono);text-transform:uppercase}.cover-package-next a{color:var(--cx-accent);font-size:9px;font-weight:800;text-decoration:none}
.cover-design-pane{min-width:0;overflow:auto;padding:24px clamp(20px,3vw,38px) 40px;border-right:1px solid var(--cx-line-strong);background:var(--cx-porcelain)}.cover-design-pane>header{display:grid;grid-template-columns:1fr auto;align-items:end;margin-bottom:18px}.cover-design-pane>header .eyebrow{grid-column:1/-1}.cover-design-pane h1{margin:8px 0 0;font:500 34px/1 var(--serif)}.cover-design-pane p{margin:0;color:var(--cx-ink60);font-size:11px}.letter-design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.letter-design-option{min-height:174px;display:grid;grid-template-columns:90px 1fr;align-items:center;gap:12px;padding:10px;border:1px solid var(--cx-line-strong);background:var(--cx-paper);color:var(--navy);text-align:left;cursor:pointer}.letter-design-option:hover{border-color:var(--cx-accent);transform:translateY(-1px)}.letter-design-option.on{border-color:var(--cx-accent);box-shadow:inset 0 0 0 1px var(--cx-accent),0 8px 22px var(--cx-accent-a08)}.letter-design-option>span:last-child{display:grid;align-content:center;gap:4px}.letter-design-option em{color:var(--cx-accent);font:800 7px/1 var(--mono);font-style:normal;letter-spacing:.08em;text-transform:uppercase}.letter-design-option b{font:600 15px/1 var(--serif)}.letter-design-option small{color:var(--cx-ink60);font-size:8px;line-height:1.25}.letter-template-thumb{position:relative;width:82px;height:114px;display:block;overflow:hidden;border:1px solid var(--cx-line-strong);background:var(--cx-paper);box-shadow:0 5px 12px var(--cx-panel-a10)}.letter-template-thumb i{display:block;width:62%;height:3px;margin:8px 10px 0;background:var(--cx-line)}.letter-template-thumb i:first-child{width:42%;height:7px;margin-top:13px;background:var(--cx-panel)}.thumb-classic{border-top:4px solid var(--cx-panel)}.thumb-ledger{border-bottom:8px solid var(--cx-accent)}.thumb-ledger::after{content:"TO";position:absolute;top:28px;left:10px;color:var(--cx-accent);font:800 5px/1 var(--mono)}.thumb-modern{border-left:8px solid var(--cx-panel)}.thumb-modern i{margin-left:8px}.thumb-band::before{content:"";display:block;height:27px;background:var(--cx-panel)}.thumb-band i:first-child{margin-top:-20px;margin-left:9px;background:var(--cx-paper)}.thumb-editorial i:first-child{width:75%;height:12px;background:transparent;border-top:2px solid var(--letter-accent);border-bottom:2px solid var(--letter-accent)}.thumb-signature::after{content:"V";position:absolute;right:11px;bottom:12px;color:var(--letter-accent);font:italic 24px/1 var(--serif)}.thumb-minimal i{height:2px;margin-top:11px;background:var(--cx-line)}.thumb-minimal i:first-child{margin-top:28px;background:var(--cx-ink60)}.thumb-academic{text-align:center}.thumb-academic i{margin-left:auto;margin-right:auto}.thumb-academic::before{content:"§";display:block;margin-top:10px;color:var(--cx-accent);font:16px/1 var(--serif)}.thumb-academic i:first-of-type{margin-top:5px}.thumb-signal{border-left:13px solid var(--cx-accent)}.thumb-column::before{content:"";position:absolute;left:25px;top:0;bottom:0;width:1px;background:var(--letter-accent)}.thumb-column i{margin-left:32px;width:47%}.thumb-formal i{margin-left:auto;margin-right:auto}.thumb-formal i:first-child{margin-top:21px}.thumb-correspondence::before{content:"";position:absolute;left:8px;right:8px;top:31px;height:18px;border-top:1px solid var(--cx-panel);border-bottom:1px solid var(--cx-panel)}.thumb-correspondence i:nth-child(2){margin-top:30px}
.letter-paper.letter-ledger{border-top:0}.letter-paper.letter-ledger .letter-paper-head{border-bottom:4px solid var(--cx-accent)}.letter-paper.letter-ledger .letter-paper-foot{margin-left:-46px;margin-right:-46px;margin-bottom:-38px;padding:16px 46px;background:var(--cx-accent);color:var(--cx-paper)}.letter-paper.letter-band{padding-top:0}.letter-paper.letter-band .letter-paper-head{margin-left:-46px;margin-right:-46px;padding:34px 46px 26px;background:var(--cx-panel);color:var(--cx-paper);border:0}.letter-paper.letter-band .letter-paper-head span{color: var(--cx-ink60)}.letter-paper.letter-band .letter-paper-kicker{color:var(--cx-accent)!important}.letter-paper.letter-signature .letter-paper-foot{justify-content:flex-end;border:0;color:var(--letter-accent);font:italic 14px/1 var(--serif);text-transform:none}.letter-paper.letter-academic .letter-paper-head{text-align:center;border:0;border-top:3px double var(--cx-accent);border-bottom:3px double var(--cx-accent);padding:15px}.letter-paper.letter-academic .letter-correspondence>span{grid-row:auto}.letter-paper.letter-academic .letter-body-preview{font-family:var(--cx-font-display)}.letter-paper.letter-column{padding-left:120px}.letter-paper.letter-column::before{content:"";position:absolute;left:90px;top:40px;bottom:40px;width:1px;background:var(--letter-accent)}.letter-paper.letter-column .letter-correspondence{position:absolute;left:22px;top:142px;width:58px;display:block}.letter-paper.letter-column .letter-correspondence>*{display:block;margin-bottom:7px;text-align:left}.letter-paper.letter-correspondence .letter-paper-head{display:grid;grid-template-columns:1fr auto}.letter-paper.letter-correspondence .letter-paper-head b{grid-row:1 / span 2}.letter-paper.letter-correspondence .letter-paper-head span{text-align:right}.letter-paper.letter-correspondence .letter-correspondence{padding:12px;border:1px solid var(--cx-line-strong)}.letter-paper.letter-editorial .letter-paper-head{border-bottom-color:var(--letter-accent)}.letter-paper.letter-editorial .letter-paper-kicker{color:var(--letter-accent)!important}.letter-paper.letter-signal{border-left:16px solid var(--cx-accent)}.letter-paper.letter-formal .letter-correspondence{display:block;text-align:center}.letter-paper.letter-formal .letter-correspondence>*{display:block;margin-bottom:3px;text-align:center}
.cover-review-panel{height:calc(100vh - var(--topbar-h) - 120px);display:grid;grid-template-columns:.75fr 1.2fr .7fr;gap:34px;align-items:center;padding:42px clamp(24px,5vw,76px);background:var(--cx-porcelain)}.cover-review-panel h1{margin:12px 0;font:400 clamp(38px,4vw,58px)/.98 var(--serif)}.cover-review-panel>div:first-child p{color:var(--cx-accent);line-height:1.6}.cover-review-table{border:1px solid var(--cx-line-strong);background:var(--cx-paper)}.cover-review-table article{min-height:74px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--cx-line)}.cover-review-table article:last-child{border:0}.cover-review-table i{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-style:normal}.cover-review-table i.pass{background:var(--cx-mist);color:var(--cx-ok-fg)}.cover-review-table i.warn{background:var(--cx-mist);color:var(--cx-ask-fg)}.cover-review-table b{font:600 15px/1 var(--serif)}.cover-review-table span{color:var(--cx-ink60);font-size:10px}.cover-review-panel>aside{padding:24px;background:var(--cx-panel);color:var(--cx-paper)}.cover-review-panel>aside>span{color: var(--cx-ink60);font:800 8px/1 var(--mono);text-transform:uppercase}.cover-review-panel>aside>b{display:block;margin:12px 0;font:500 23px/1.05 var(--serif)}.cover-review-panel>aside>p{color: var(--cx-ink60);font-size:11px;line-height:1.5}.cover-review-panel>aside .button{width:100%;margin-top:10px}

@media (max-width: 1050px){.cover-document-actions .letter-version-bar,.cover-document-actions [data-new-letter],.cover-document-actions [data-redraft-cover]{display:none}.cover-studio-canvas{grid-template-columns:minmax(520px,1.2fr) minmax(340px,.8fr)}.cover-writing-pane{grid-template-columns:158px 1fr}.letter-design-grid{grid-template-columns:repeat(2,1fr)}.letter-design-option{grid-template-columns:78px 1fr}.letter-template-thumb{width:70px;height:98px}.cover-review-panel{grid-template-columns:1fr 1.3fr}.cover-review-panel>aside{grid-column:1/-1}}
@media (max-width: 760px){.cover-onboarding,.cover-generating,.cover-editor-product{min-height:calc(100vh - var(--topbar-h))}.cover-product-head{height:48px;grid-template-columns:auto 1fr;padding:0 14px}.cover-product-head>div{justify-self:end}.cover-product-head>span{display:none}.cover-progress{height:58px;padding:0 8px}.cover-progress button{width:25%;height:58px;justify-content:center;padding:0}.cover-progress button span{display:none}.cover-progress button:not(:last-child)::after{right:-14px;top:29px}.cover-onboarding>main{width:calc(100% - 28px);min-height:calc(100vh - var(--topbar-h) - 106px);grid-template-rows:1fr 66px}.cover-step-card{align-self:start;padding:24px 0 12px}.cover-step-card>h1{font-size:39px}.cover-step-card>p{margin-bottom:18px;font-size:12px}.cover-choice{min-height:67px;grid-template-columns:37px 1fr;padding:9px 11px}.cover-choice>i{width:34px;height:34px}.cover-choice>em{display:none}.cover-choice b{font-size:15px}.cover-choice small{font-size:9px}.cover-inline-form{grid-template-columns:1fr;padding:12px}.cover-inline-form textarea{min-height:74px}.cover-evidence-field textarea{min-height:92px}.cover-angle-grid{grid-template-columns:1fr}.cover-angle-grid>.field{padding:16px;border-right:0}.cover-angle-grid textarea{min-height:130px}.cover-angle-grid aside{display:none}.cover-voice-grid{gap:6px}.cover-voice-grid button{min-height:142px;padding:12px}.cover-voice-grid button b{font-size:16px}.cover-voice-grid button span{font-size:9px}.cover-voice-grid button small{font-size:8px}.cover-ready-receipt{padding:10px}.cover-onboarding>main>footer{grid-template-columns:auto 1fr auto}.cover-onboarding>main>footer .inline-state{text-align:center;font-size:7px}.cover-onboarding>main>footer .button{min-height:40px;padding:0 12px;font-size:10px}.cover-generating>main{height:calc(100vh - var(--topbar-h) - 48px);padding:20px}.cover-build-visual{height:150px}.cover-source-sheet,.cover-output-sheet{width:105px;height:138px}.cover-build-beam{width:60px}.cover-build-stages{gap:3px}.cover-build-stages span{font-size:6px}.cover-editor-product{height:auto;overflow:visible}.cover-studio-toolbar{height:58px;padding:0 12px}.cover-mode-tabs button{min-width:74px}.cover-document-actions .button{display:none}.cover-document-actions [data-cover-studio-mode="review"],.cover-document-actions [data-new-letter]{display:flex}.cover-mobile-switch{height:46px;display:grid;grid-template-columns:1fr 1fr;padding:6px 14px;border-bottom:1px solid var(--cx-line);background:var(--cx-paper)}.cover-mobile-switch button{border:1px solid var(--cx-line-strong);background:var(--cx-porcelain);color:var(--cx-accent);font-size:10px;font-weight:800}.cover-mobile-switch button.on{border-color:var(--cx-accent);background:var(--cx-accent-soft);color:var(--cx-accent)}.cover-studio-canvas{height:auto;min-height:calc(100vh - var(--topbar-h) - 152px);display:block;overflow:visible}.cover-writing-pane{display:block;border:0}.cover-outline{display:flex;overflow-x:auto;padding:10px;border:0;border-bottom:1px solid var(--cx-line)}.cover-outline>.eyebrow{display:none}.cover-outline button{min-width:104px;padding:9px}.cover-block-editor{min-height:calc(100vh - var(--topbar-h) - 210px);padding:20px 16px}.cover-block-editor>header{display:block}.cover-block-editor>header .button{margin-top:12px}.cover-block-editor>textarea{min-height:210px;padding:18px;font-size:16px}.cover-preview-pane{padding:14px 12px 30px}.cover-preview-pane .letter-paper{min-height:650px;padding:34px 28px}.cover-package-next{grid-template-columns:1fr}.cover-package-next a{font-size:10px}.cover-editor-product[data-cover-mobile-view="edit"] .cover-preview-pane{display:none}.cover-editor-product[data-cover-mobile-view="preview"] .cover-writing-pane,.cover-editor-product[data-cover-mobile-view="preview"] .cover-design-pane{display:none}.cover-editor-product[data-cover-mobile-view="preview"] .cover-preview-pane{display:block}.cover-design-pane{min-height:calc(100vh - var(--topbar-h) - 152px);padding:20px 14px;border:0}.cover-design-pane>header{display:block}.cover-design-pane p{margin-top:8px}.letter-design-grid{grid-template-columns:1fr 1fr}.letter-design-option{min-height:138px;display:block;padding:8px}.letter-template-thumb{width:58px;height:80px;float:left;margin-right:8px}.letter-design-option>span:last-child{padding-top:10px}.cover-review-panel{height:auto;min-height:calc(100vh - var(--topbar-h) - 104px);grid-template-columns:1fr;gap:18px;padding:26px 16px}.cover-review-panel>aside{grid-column:auto}.cover-review-table article{grid-template-columns:34px 1fr}.cover-review-table article span{grid-column:2}.letter-paper.letter-ledger .letter-paper-foot{margin-left:-28px;margin-right:-28px;margin-bottom:-34px;padding-left:28px;padding-right:28px}.letter-paper.letter-band .letter-paper-head{margin-left:-28px;margin-right:-28px;padding-left:28px;padding-right:28px}.letter-paper.letter-column{padding-left:86px}.letter-paper.letter-column::before{left:66px}.letter-paper.letter-column .letter-correspondence{left:13px;width:43px}}

.cover-document-actions .letter-version-bar button { display: flex; }
.cover-outline button small { color:var(--cx-ink60); }
.cover-block-editor>footer { color:var(--cx-ink60); }
.letter-paper:not(.letter-ledger) .letter-paper-foot { color:var(--cx-ink60); }
.cover-package-next span { color:var(--cx-ink60); }
@media (max-width:1050px) { .cover-document-actions .letter-version-bar button { display:none; } }
@media (max-width:760px) { .cover-mobile-switch { height:52px; } .cover-mobile-switch button { min-height:40px; } }

/* Mobile cover editor: exports remain first-class without turning the toolbar into a second header. */
@media (max-width:760px) {
  .cover-product-head { height:44px; }
  .cover-studio-toolbar {
    position:sticky;
    z-index:12;
    top:var(--topbar-h);
    height:52px;
    gap:6px;
    padding:0 8px;
    box-shadow:0 8px 18px var(--cx-panel-a06);
  }
  .cover-mode-tabs button { min-width:56px; min-height:40px; padding:0 7px; font-size:11px; }
  .cover-mode-tabs span { display:none; }
  .cover-document-actions { min-width:0; gap:4px; margin-left:auto; padding-left:6px; border-left:1px solid var(--border-subtle); }
  .cover-document-actions .button { min-width:44px; min-height:40px; padding:0 7px; font-size:9px; letter-spacing:.015em; }
  .cover-document-actions .letter-version-bar,
  .cover-document-actions [data-new-letter],
  .cover-document-actions [data-redraft-cover] { display:none !important; }
  .cover-document-actions [data-letter-docx],
  .cover-document-actions [data-print-letter],
  .cover-document-actions [data-cover-studio-mode="review"] { display:inline-flex; }
  .cover-document-actions [data-letter-docx] { border-color:var(--border-strong); background:var(--surface-paper); color:var(--text-strong); }
  .cover-document-actions [data-print-letter] { border-color:var(--action-primary); background:var(--action-primary); color:var(--text-inverse); }
  .cover-document-actions [data-cover-studio-mode="review"] { border-color:transparent; background:transparent; color:var(--text-muted); }
  .cover-mobile-switch { position:sticky; z-index:11; top:calc(var(--topbar-h) + 52px); height:46px; padding:3px 8px; }
  .cover-studio-canvas { min-height:calc(100vh - var(--topbar-h) - 142px); }
  .cover-block-editor { min-height:calc(100vh - var(--topbar-h) - 200px); }
}

@media (max-width:340px) {
  .cover-studio-toolbar { padding-right:5px; padding-left:5px; }
  .cover-mode-tabs button { min-width:52px; padding:0 5px; font-size:10px; }
  .cover-document-actions { gap:2px; padding-left:4px; }
  .cover-document-actions .button { min-width:42px; padding:0 5px; font-size:8px; }
}

/* Portfolio Studio · visual-first product */
.portfolio-product{height:calc(100vh - var(--topbar-h));overflow:hidden;background:var(--cx-porcelain);color:var(--navy)}
.portfolio-product-head{height:52px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(18px,3vw,42px);border-bottom:1px solid var(--cx-line);background:var(--cx-paper)}.portfolio-product-head>a{color:var(--cx-ink60);font-size:12px;font-weight:750;text-decoration:none}.portfolio-product-head>div{display:flex;align-items:center;gap:10px}.portfolio-product-head>div .eyebrow{color:var(--cx-accent)}.portfolio-product-head>div b{font:600 16px/1 var(--serif)}.portfolio-product-head>span{justify-self:end;color:var(--cx-ink60);font:700 8px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.portfolio-modebar{height:62px;display:flex;align-items:stretch;justify-content:center;border-bottom:1px solid var(--cx-line);background:var(--cx-paper)}.portfolio-modebar button{position:relative;min-width:210px;display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:0 22px;border:0;border-bottom:3px solid transparent;background:transparent;color: var(--cx-ink60);text-align:left;cursor:pointer}.portfolio-modebar button:not(:last-child)::after{content:"";position:absolute;right:-18px;width:36px;height:1px;background:var(--cx-line)}.portfolio-modebar button>i{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--cx-line-strong);border-radius:50%;font:800 9px/1 var(--mono);font-style:normal}.portfolio-modebar button>span{font-size:12px;font-weight:800}.portfolio-modebar button>em{min-width:22px;height:20px;display:grid;place-items:center;padding:0 6px;border-radius:12px;background:var(--cx-porcelain);font:800 8px/1 var(--mono);font-style:normal}.portfolio-modebar button.on{border-bottom-color:var(--cx-accent);color:var(--navy)}.portfolio-modebar button.on>i{border-color:var(--cx-accent);background:var(--cx-accent);color:var(--cx-paper)}.portfolio-modebar button.on>em{background:var(--cx-porcelain);color:var(--cx-accent)}
.portfolio-template-studio{height:calc(100vh - var(--topbar-h) - 114px);display:grid;grid-template-columns:minmax(300px,.58fr) minmax(380px,.78fr) minmax(430px,1.05fr);grid-template-rows:minmax(0,1fr) 72px;overflow:hidden}.portfolio-template-intro{position:relative;padding:clamp(30px,4vw,64px) clamp(24px,3.6vw,54px) 26px;border-right:1px solid var(--cx-line-strong);background:var(--cx-porcelain);overflow:hidden}.portfolio-template-intro::after{content:"";position:absolute;left:32px;bottom:15px;width:220px;height:108px;opacity:.35;background:linear-gradient(90deg,transparent 49%,var(--cx-ink30) 50%,transparent 51%),linear-gradient(0deg,transparent 49%,var(--cx-ink30) 50%,transparent 51%);background-size:34px 34px;transform:perspective(260px) rotateX(58deg)}.portfolio-template-intro>h1{max-width:8ch;margin:14px 0 14px;font:400 clamp(48px,4.3vw,70px)/.88 var(--serif);letter-spacing: -.015em}.portfolio-template-intro>p{max-width:38ch;margin:0 0 25px;color:var(--cx-ink60);font-size:13px;line-height:1.55}.portfolio-source-actions{position:relative;z-index:1;border-top:1px solid var(--cx-line-strong)}.portfolio-source-actions>button{width:100%;min-height:70px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:10px 0;border:0;border-bottom:1px solid var(--cx-line-strong);background:transparent;color:var(--navy);text-align:left;cursor:pointer}.portfolio-source-actions>button>i{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--cx-line-strong);background:var(--cx-paper);color:var(--cx-accent);font-style:normal}.portfolio-source-actions>button>span{display:grid;gap:4px}.portfolio-source-actions>button b{font:600 15px/1 var(--serif)}.portfolio-source-actions>button small{color:var(--cx-ink60);font-size:9px}.portfolio-source-actions>button em{color:var(--cx-accent);font:800 8px/1 var(--mono);font-style:normal;text-transform:uppercase}.portfolio-source-actions>button:hover,.portfolio-source-actions>button.on{padding-left:8px;background:var(--cx-paper);box-shadow:inset 3px 0 var(--cx-accent)}.portfolio-source-note{position:relative;z-index:1;display:grid;grid-template-columns:25px 1fr;align-items:center;gap:9px;margin-top:16px;padding:11px;border:1px solid var(--cx-line-strong);background:var(--cx-porcelain)}.portfolio-source-note>i{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:var(--cx-ok-fg);color:var(--cx-paper);font-style:normal}.portfolio-source-note>span{display:grid;gap:3px}.portfolio-source-note b{font-size:9px}.portfolio-source-note small{color:var(--cx-ink60);font-size:8px}
.portfolio-visual-library{min-width:0;display:grid;grid-template-rows:auto 1fr;padding:20px 14px 18px;border-right:1px solid var(--cx-line-strong);background:var(--cx-porcelain);overflow:hidden}.portfolio-visual-library>header{display:flex;align-items:end;justify-content:space-between;gap:10px;padding:0 3px 13px}.portfolio-visual-library>header h2{margin:7px 0 0;font:500 24px/1 var(--serif)}.portfolio-visual-library>header>span{color:var(--cx-ink60);font:700 8px/1 var(--mono);text-transform:uppercase}.portfolio-visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;overflow-y:auto;overscroll-behavior:contain;padding:2px 4px 20px 2px}.portfolio-visual-world{min-width:0;min-height:178px;padding:7px;border:1px solid var(--cx-line-strong);background:var(--cx-paper);color:var(--navy);text-align:left;cursor:pointer}.portfolio-visual-world:hover{border-color:var(--cx-accent);transform:translateY(-1px)}.portfolio-visual-world.on{border-color:var(--world-accent);box-shadow:inset 0 0 0 2px var(--world-accent),0 8px 20px var(--cx-panel-a10)}.portfolio-world-canvas{position:relative;height:112px;display:block;overflow:hidden;background:var(--cx-ink)}.portfolio-world-canvas iframe{width:1200px;height:760px;border:0;pointer-events:none;transform:scale(.205);transform-origin:0 0}.portfolio-world-canvas>i{position:absolute;inset:0;box-shadow:inset 0 0 0 1px var(--cx-paper-a12);pointer-events:none}.portfolio-world-meta{display:grid;grid-template-columns:24px 1fr auto;grid-template-rows:auto auto;align-items:center;gap:3px 7px;padding:8px 3px 2px}.portfolio-world-meta>i{grid-row:1/3;color:var(--world-accent);font:800 8px/1 var(--mono);font-style:normal}.portfolio-world-meta>b{font:600 13px/1 var(--serif)}.portfolio-world-meta>small{grid-column:2;color:var(--cx-ink60);font-size:7px;line-height:1.2}.portfolio-world-meta>em{grid-column:3;grid-row:1/3;color:var(--world-accent);font:800 7px/1 var(--mono);font-style:normal;text-transform:uppercase}
.portfolio-live-preview{min-width:0;display:grid;grid-template-rows:42px 1fr;background:var(--cx-mist);overflow:hidden}.portfolio-live-preview>header{display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--cx-line-strong);background:var(--cx-paper)}.portfolio-live-preview>header>span{color:var(--cx-accent);font:800 8px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}.portfolio-live-preview>header>span>i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--cx-ok-fg);box-shadow:0 0 0 4px var(--cx-ok-fg-a10)}.portfolio-live-preview .segmented{height:30px}.portfolio-live-preview .segmented button{min-height:30px;padding:0 10px;font-size:8px}.portfolio-live-stage{display:grid;place-items:center;min-height:0;padding:14px;overflow:hidden}.portfolio-live-stage .portfolio-frame-wrap{width:100%;height:100%;min-height:0;box-shadow:0 16px 38px var(--cx-panel-a16)}.portfolio-live-stage .portfolio-frame-wrap.mobile{width:min(340px,100%);border:7px solid var(--navy);border-radius:20px}.portfolio-template-next{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(24px,4vw,58px);border-top:1px solid var(--cx-line-strong);background:var(--cx-paper)}.portfolio-template-next>span{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;align-items:center;gap:3px 11px}.portfolio-template-next>span>i{grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--cx-ok-fg);border-radius:50%;color:var(--cx-ok-fg);font-style:normal}.portfolio-template-next b{font:600 14px/1 var(--serif)}.portfolio-template-next small{color:var(--cx-ink60);font-size:9px}
.portfolio-content-studio{position:relative;height:calc(100vh - var(--topbar-h) - 114px);display:grid;grid-template-columns:180px minmax(410px,.95fr) minmax(430px,1.05fr);overflow:hidden}.portfolio-content-outline{display:flex;flex-direction:column;padding:22px 11px;border-right:1px solid var(--cx-line-strong);background:var(--cx-mist)}.portfolio-content-outline>.eyebrow{padding:0 9px 15px}.portfolio-content-outline>button{display:grid;grid-template-columns:21px 1fr;align-items:center;gap:9px;padding:13px 9px;border:0;border-left:3px solid transparent;background:transparent;color:var(--cx-accent);text-align:left;cursor:pointer}.portfolio-content-outline>button>i{width:19px;height:19px;display:grid;place-items:center;border:1px solid var(--cx-line-strong);border-radius:50%;font:800 8px/1 var(--mono);font-style:normal}.portfolio-content-outline>button>span{display:grid;gap:3px}.portfolio-content-outline>button b{font-size:11px}.portfolio-content-outline>button small{color:var(--cx-ink60);font-size:8px}.portfolio-content-outline>button.on{border-left-color:var(--cx-accent);background:var(--cx-paper);color:var(--navy)}.portfolio-content-outline>button.on>i{border-color:var(--cx-accent);background:var(--cx-porcelain);color:var(--cx-accent)}.portfolio-content-outline>footer{margin-top:auto;padding:15px 10px;border-top:1px solid var(--cx-line-strong)}.portfolio-content-outline>footer span{color:var(--cx-ink60);font:800 7px/1 var(--mono);text-transform:uppercase}.portfolio-content-outline>footer b{display:block;margin:7px 0;font:600 16px/1 var(--serif)}.portfolio-content-outline>footer button{padding:0;border:0;background:transparent;color:var(--cx-accent);font-size:9px;font-weight:800;cursor:pointer}.portfolio-content-canvas{min-width:0;overflow:auto;padding:28px clamp(22px,3vw,44px);border-right:1px solid var(--cx-line-strong);background:var(--cx-paper)}.portfolio-focus-editor{max-width:690px;margin:0 auto}.portfolio-focus-editor>h2,.portfolio-focus-editor>header h2{margin:9px 0 10px;font:500 clamp(30px,3vw,42px)/.98 var(--serif);letter-spacing: -.015em}.portfolio-focus-editor>p{max-width:58ch;margin:0 0 24px;color:var(--cx-ink60);font-size:12px;line-height:1.55}.portfolio-focus-editor>.field{margin-bottom:17px}.portfolio-focus-editor textarea{min-height:130px}.portfolio-work-focus>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.portfolio-project-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.portfolio-project-choice{min-width:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:11px;border:1px solid var(--cx-line-strong);background:var(--cx-paper)}.portfolio-project-choice.on{border-color:var(--cx-accent);background:var(--cx-porcelain)}.portfolio-project-choice>label{min-width:0;display:grid;grid-template-columns:18px 1fr;align-items:center;gap:8px;cursor:pointer}.portfolio-project-choice span{min-width:0;display:grid;gap:3px}.portfolio-project-choice b,.portfolio-project-choice small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portfolio-project-choice b{font-size:10px}.portfolio-project-choice small{color:var(--cx-ink60);font-size:8px}.portfolio-project-choice>button{border:0;background:transparent;color:var(--cx-accent);font-size:8px;font-weight:800;cursor:pointer}.portfolio-no-work{grid-column:1/-1;display:grid;gap:5px;padding:22px;border:1px dashed var(--cx-line-strong);color:var(--cx-accent)}.portfolio-project-editor{padding:18px;border:1px solid var(--cx-line-strong);background:var(--cx-paper)}.portfolio-project-editor>.field,.portfolio-field-pair{margin-bottom:14px}.portfolio-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.portfolio-project-editor textarea{min-height:95px}.portfolio-project-editor input[type=file]{padding:8px}.portfolio-content-studio>.portfolio-live-preview{height:100%}
.portfolio-review-studio{height:calc(100vh - var(--topbar-h) - 114px);display:grid;grid-template-columns:minmax(580px,1.4fr) minmax(330px,.6fr);overflow:hidden}.portfolio-review-studio>.portfolio-live-preview{height:100%}.portfolio-publish-panel{overflow:auto;padding:clamp(30px,4vw,58px);background:var(--cx-porcelain)}.portfolio-publish-panel>h1{margin:12px 0 26px;font:400 clamp(42px,4vw,60px)/.92 var(--serif);letter-spacing: -.015em}.portfolio-readiness-list{margin-bottom:24px;border-top:1px solid var(--cx-line-strong)}.portfolio-readiness-list>span{min-height:62px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;border-bottom:1px solid var(--cx-line-strong)}.portfolio-readiness-list i{width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--cx-line-strong);border-radius:50%;font:800 8px/1 var(--mono);font-style:normal}.portfolio-readiness-list span.done i{border-color:var(--cx-ok-fg);background:var(--cx-mist);color:var(--cx-ok-fg)}.portfolio-readiness-list b{font:600 13px/1 var(--serif)}.portfolio-readiness-list small{color:var(--cx-ink60);font-size:8px}.portfolio-publish-panel .field{margin-bottom:14px}.portfolio-handle-input{display:grid;grid-template-columns:auto 1fr;align-items:center;border:1px solid var(--line-dark);background:var(--cx-paper)}.portfolio-handle-input>span{padding-left:11px;color:var(--cx-ink60);font-size:10px}.portfolio-handle-input>input{border:0}.portfolio-publish-panel .inline-state{display:block;margin:10px 0 15px}.portfolio-publish-panel>.button,.portfolio-publish-panel [data-claim-fields]>.button{width:100%}.portfolio-next-links{display:grid;gap:9px;margin-top:24px;padding-top:18px;border-top:1px solid var(--cx-line-strong)}.portfolio-next-links>span{color:var(--cx-ink60);font:800 8px/1 var(--mono);text-transform:uppercase}.portfolio-next-links>a{color:var(--cx-accent);font-size:10px;font-weight:800;text-decoration:none}
@media(max-width:1150px){.portfolio-template-studio{grid-template-columns:280px minmax(360px,.85fr) minmax(360px,1fr)}.portfolio-template-intro{padding:32px 26px}.portfolio-template-intro>h1{font-size:48px}.portfolio-visual-world{min-height:154px}.portfolio-world-canvas{height:90px}.portfolio-world-canvas iframe{transform:scale(.17)}.portfolio-content-studio{grid-template-columns:150px minmax(380px,1fr) minmax(360px,.85fr)}}
@media(max-width:820px){.portfolio-product{height:auto;min-height:calc(100vh - var(--topbar-h));overflow:visible}.portfolio-product-head{height:48px;grid-template-columns:auto 1fr;padding:0 14px}.portfolio-product-head>div{justify-self:end}.portfolio-product-head>span{display:none}.portfolio-modebar{height:58px;position:sticky;top:var(--topbar-h);z-index:8}.portfolio-modebar button{min-width:0;width:33.333%;grid-template-columns:22px 1fr;padding:0 7px}.portfolio-modebar button:not(:last-child)::after{display:none}.portfolio-modebar button>i{width:21px;height:21px}.portfolio-modebar button>span{font-size:9px}.portfolio-modebar button>em{display:none}.portfolio-template-studio{height:auto;display:flex;flex-direction:column;overflow:visible}.portfolio-template-intro{padding:28px 18px 20px;border-right:0;border-bottom:1px solid var(--cx-line-strong)}.portfolio-template-intro::after{display:none}.portfolio-template-intro>h1{max-width:10ch;font-size:48px}.portfolio-source-actions{display:grid;grid-template-columns:1fr 1fr 1fr}.portfolio-source-actions>button{min-height:108px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:10px;border:1px solid var(--cx-line-strong);border-right:0}.portfolio-source-actions>button:last-of-type{border-right:1px solid var(--cx-line-strong)}.portfolio-source-actions>button>span{gap:3px}.portfolio-source-actions>button b{font-size:12px}.portfolio-source-actions>button small{font-size:7px}.portfolio-source-actions>button em{display:none}.portfolio-source-actions>button:hover,.portfolio-source-actions>button.on{padding-left:10px;box-shadow:inset 0 3px var(--cx-accent)}.portfolio-source-note{display:none}.portfolio-visual-library{height:520px;padding:18px 12px;border-right:0;border-bottom:1px solid var(--cx-line-strong)}.portfolio-visual-library>header h2{font-size:21px}.portfolio-visual-grid{grid-template-columns:1fr 1fr}.portfolio-visual-world{min-height:154px}.portfolio-world-canvas{height:92px}.portfolio-world-canvas iframe{transform:scale(.17)}.portfolio-template-studio>.portfolio-live-preview{display:none}.portfolio-template-next{order:4;position:sticky;bottom:0;z-index:7;min-height:70px;padding:9px 14px}.portfolio-template-next small{display:none}.portfolio-template-next .button{min-width:0;padding:0 14px}.portfolio-content-studio{height:auto;min-height:calc(100vh - var(--topbar-h) - 106px);display:flex;flex-direction:column;padding-top:52px;overflow:visible}.portfolio-content-outline{display:flex;flex-direction:row;overflow:auto;padding:8px;border-right:0;border-bottom:1px solid var(--cx-line-strong)}.portfolio-content-outline>.eyebrow,.portfolio-content-outline>footer{display:none}.portfolio-content-outline>button{min-width:110px}.portfolio-content-canvas{min-height:calc(100vh - var(--topbar-h) - 210px);padding:22px 16px;border-right:0}.portfolio-content-studio>.portfolio-live-preview{display:none;height:calc(100vh - var(--topbar-h) - 158px)}.portfolio-project-picker{grid-template-columns:1fr}.portfolio-field-pair{grid-template-columns:1fr}.portfolio-review-studio{height:auto;display:flex;flex-direction:column}.portfolio-review-studio>.portfolio-live-preview{height:620px}.portfolio-publish-panel{padding:30px 18px}.portfolio-publish-panel>h1{font-size:46px}}
@media(max-width:430px){.portfolio-template-intro>h1{font-size:44px}.portfolio-source-actions>button{min-width:0}.portfolio-source-actions>button>i{width:31px;height:31px}.portfolio-visual-library{height:490px}.portfolio-visual-world{min-height:142px;padding:5px}.portfolio-world-canvas{height:82px}.portfolio-world-canvas iframe{transform:scale(.155)}.portfolio-world-meta{grid-template-columns:18px 1fr}.portfolio-world-meta>em{display:none}.portfolio-template-next>span>i{display:none}.portfolio-template-next>span{display:block}.portfolio-template-next b{font-size:12px}.portfolio-template-next .button{font-size:9px}.portfolio-review-studio>.portfolio-live-preview{height:540px}}

/* On narrow screens the continue action belongs between source choice and library; it must not float over either. */
@media(max-width:820px){
  .portfolio-template-intro{order:0}
  .portfolio-template-next{order:1;position:relative;bottom:auto}
  .portfolio-visual-library{order:2}
  .portfolio-template-studio>.portfolio-live-preview{order:3}
}

/* Portfolio Studio usability correction: explicit tabs + always-visible source rail */
.portfolio-modebar{height:66px;gap:8px;padding:9px clamp(18px,4vw,58px);align-items:stretch;background:var(--cx-porcelain)}
.portfolio-modebar button{min-width:190px;height:48px;grid-template-columns:30px 1fr;grid-template-rows:1fr 1fr;gap:0 10px;padding:7px 16px;border:1px solid var(--cx-line-strong);border-bottom:1px solid var(--cx-line-strong);background:var(--cx-paper);box-shadow:0 1px 2px var(--cx-panel-a04);color:var(--cx-ink60)}
.portfolio-modebar button:not(:last-child)::after{display:none}
.portfolio-modebar button>i{grid-row:1/3;width:28px;height:28px;border:1px solid var(--cx-line-strong);border-radius:0;background:var(--cx-porcelain);color:var(--cx-accent);font-size:12px}
.portfolio-modebar button>span{align-self:end;font-size:12px;line-height:1}
.portfolio-modebar button>em{min-width:0;height:auto;display:block;align-self:start;padding:0;border-radius:0;background:transparent;color:var(--cx-ink60);font:700 7px/1.3 var(--mono);text-transform:uppercase}
.portfolio-modebar button:hover{border-color:var(--cx-accent);background:var(--cx-paper);color:var(--navy)}
.portfolio-modebar button:focus-visible{outline:3px solid var(--cx-accent-a30);outline-offset:2px}
.portfolio-modebar button.on{border-color:var(--cx-accent);border-bottom-color:var(--cx-accent);background:var(--cx-accent);box-shadow:0 5px 14px var(--cx-accent-a20);color:var(--cx-paper)}
.portfolio-modebar button.on>i{border-color:var(--cx-paper-a46);background:var(--cx-paper-a14);color:var(--cx-paper)}
.portfolio-modebar button.on>em{background:transparent;color: var(--cx-ink60)}
.portfolio-template-studio{height:calc(100vh - var(--topbar-h) - 118px)}
.portfolio-content-studio,.portfolio-review-studio{height:calc(100vh - var(--topbar-h) - 118px)}
.portfolio-template-intro{display:flex;flex-direction:column;padding:24px clamp(22px,2.6vw,38px) 18px}
.portfolio-template-intro>h1{margin:9px 0 9px;font-size:clamp(43px,3.6vw,58px);line-height:.9}
.portfolio-template-intro>p{margin:0 0 14px;font-size:11px;line-height:1.42}
.portfolio-source-actions{flex:0 0 auto}
.portfolio-source-actions>button{min-height:58px;grid-template-columns:32px 1fr auto;gap:9px;padding:7px 0}
.portfolio-source-actions>button>i{width:30px;height:30px}
.portfolio-source-actions>button b{font-size:13px}
.portfolio-source-actions>button small{font-size:8px}
.portfolio-source-note{margin-top:10px;padding:8px}
.portfolio-source-note small{display:none}
.portfolio-template-intro::after{display:none}
@media(max-height:780px) and (min-width:821px){.portfolio-source-note{display:none}.portfolio-template-intro{padding-top:18px}.portfolio-template-intro>h1{font-size:44px}.portfolio-template-intro>p{max-width:34ch}.portfolio-source-actions>button{min-height:56px}}
@media(max-width:820px){.portfolio-modebar{height:64px;gap:5px;padding:7px 10px}.portfolio-modebar button{flex:1;width:auto;min-width:0;height:50px;grid-template-columns:25px 1fr;padding:6px 8px;border:1px solid var(--cx-line-strong)}.portfolio-modebar button>i{width:24px;height:24px}.portfolio-modebar button>span{font-size:10px}.portfolio-modebar button>em{display:block;font-size:6px}.portfolio-template-studio,.portfolio-content-studio,.portfolio-review-studio{height:auto}.portfolio-template-intro{padding:24px 18px 18px}.portfolio-template-intro>h1{font-size:44px}.portfolio-template-intro>p{margin-bottom:14px}.portfolio-source-actions>button{min-height:108px}}
@media(max-width:430px){.portfolio-modebar{gap:4px;padding:7px}.portfolio-modebar button{grid-template-columns:1fr;grid-template-rows:1fr;padding:0 5px;text-align:center}.portfolio-modebar button>i,.portfolio-modebar button>em{display:none}.portfolio-modebar button>span{align-self:center;font-size:10px}.portfolio-template-intro>h1{font-size:42px}}

@media print {
  .topbar, .tool-rail, .editor-stack, .preview-toolbar, .toast, .next-step-band, .landing { display: none !important; }
  .tool-page, .resume-studio, .letter-studio { display: block; }
  .tool-main { padding: 0; }
  .document-frame, .letter-paper { border: 0; box-shadow: none; }
  .cover-product-head,.cover-studio-toolbar,.cover-mobile-switch,.cover-writing-pane,.cover-design-pane,.cover-preview-head,.cover-package-next{display:none!important}.cover-editor-product,.cover-studio-canvas,.cover-preview-pane{display:block!important;height:auto!important;min-height:0!important;padding:0!important;background:var(--cx-paper)!important;overflow:visible!important}.cover-preview-pane .letter-paper{width:100%;max-width:none;min-height:0;margin:0;box-shadow:none}
}

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

@media (max-width: 600px) {
  .resume-import-settings { align-items: flex-start; flex-direction: column; gap: 10px; }
  .resume-import-settings p { text-align: left; }
  .resume-start-content > .inline-state.import-progress { min-height: 72px; }
  .resume-password-dialog form { padding: 24px 20px; }
  .resume-password-dialog .dialog-actions { align-items: stretch; flex-direction: column-reverse; }
  .resume-password-dialog .button { width: 100%; }
}

/* Homepage V2 · real product showroom */
.topbar.landing-bar { background: color-mix(in srgb, var(--surface-editorial) 94%, transparent); color: var(--navy); border-bottom-color: var(--cx-ink60); backdrop-filter: blur(18px); }
.topbar.landing-bar .primary-nav a::after { background: var(--action-primary); }
.topbar.landing-bar .workspace-button { border-color: var(--border-strong); background: transparent; color: var(--navy); }
.topbar.landing-bar .workspace-button:hover { border-color: var(--action-primary); background: var(--action-primary); color: var(--text-inverse); }
.home-v2 { --ivory:var(--surface-editorial); --coral:var(--cx-stop-fg); overflow:hidden; background:var(--ivory); }
.home-v2 .eyebrow { color:var(--coral); }
.home-v2 h2 em,.home-v2 h1 em { display:block; color:var(--action-primary); font-weight:400; font-style:italic; }
.home-v2 .button { border-radius:0; }
.button-outline { border:1px solid var(--navy); background:transparent; color:var(--navy); }
.button-coral { background:var(--cx-stop-fg); color:var(--cx-paper); border:1px solid var(--cx-stop-fg); }
.button-coral:hover { background:var(--cx-stop-fg); border-color:var(--cx-stop-fg); }
.button-inverse { border:1px solid var(--cx-paper-a55); background:transparent; color:var(--cx-paper); }
.reveal { opacity:1; transform:none; }
.reveal.is-visible { animation:home-reveal var(--motion-slow) var(--ease-standard) both; animation-delay:var(--delay,0ms); }
@keyframes home-reveal { from{transform:translateY(26px)} to{transform:none} }

.home-hero { position:relative; min-height:calc(100vh - var(--topbar-h)); display:grid; grid-template-columns:minmax(430px,.8fr) minmax(650px,1.2fr); align-items:center; gap:clamp(30px,4vw,70px); padding:clamp(48px,6vw,88px) clamp(30px,4.5vw,72px) 74px; border-bottom:1px solid var(--cx-line-strong); background:radial-gradient(circle at 8% 14%,var(--cx-stop-fg-a08),transparent 23%),linear-gradient(var(--cx-panel-a04) 1px,transparent 1px),linear-gradient(90deg,var(--cx-panel-a04) 1px,transparent 1px),var(--ivory); background-size:auto,54px 54px,54px 54px,auto; }
.home-hero-copy { position:relative; z-index:4; }
.home-kicker { display:flex; align-items:center; gap:10px; color:var(--coral); font:800 10px/1.3 var(--mono); letter-spacing:.1em; text-transform:uppercase; }
.home-kicker i { width:25px; height:1px; background:var(--coral); }
.home-hero h1 { max-width:650px; margin:23px 0 22px; color:var(--navy); font:400 var(--type-display-xl)/.83 var(--serif); letter-spacing: -.015em; }
.home-hero h1 em { margin-top:9px; }
.home-hero-copy>p { max-width:560px; margin:0; color:var(--cx-ink60); font-size:var(--type-body-lg); line-height:1.6; }
.home-hero-actions { display:flex; gap:14px; margin-top:30px; }
.home-hero-actions .button { min-height:56px; padding:0 24px; }
.home-proof-stamp { width:178px; display:flex; align-items:center; gap:10px; margin-top:34px; padding:11px 13px; border:1px dashed var(--cx-ink30); color:var(--cx-accent); transform:rotate(-2deg); }
.home-proof-stamp>i { width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--cx-accent); border-radius:50%; color:var(--cx-accent); font-style:normal; }
.home-proof-stamp span { display:grid; gap:3px; }
.home-proof-stamp b,.home-proof-stamp small { font:800 7px/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.home-proof-stamp small { color:var(--cx-ink60); font-size:6px; }

.home-hero-art { position:relative; min-height:670px; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); grid-template-rows:1fr 1fr .82fr auto; gap:12px; padding:9px; border:1px solid var(--cx-line-strong); background:linear-gradient(135deg,var(--cx-paper-a75),var(--cx-mist-a75)); box-shadow:0 28px 70px var(--cx-ink-a10); }
.home-hero-art::before { content:""; position:absolute; z-index:0; inset:-8% 12% auto -10%; height:42%; background:radial-gradient(circle,var(--cx-accent-a14),transparent 68%); filter:blur(18px); pointer-events:none; }
.hero-artifact { position:relative; z-index:1; min-width:0; overflow:hidden; border:1px solid var(--cx-line-strong); background:var(--cx-paper); box-shadow:0 9px 22px var(--cx-ink-a08); transition:transform .48s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .48s ease,filter .35s ease; }
.hero-artifact::before { content:""; position:absolute; z-index:8; left:0; top:0; width:0; height:3px; background:var(--cx-accent); transition:width 2.5s linear; }
.hero-artifact.is-active { z-index:3; border-color:var(--cx-accent-a65); box-shadow:0 20px 42px var(--cx-panel-a16); transform:translateY(-5px); }
.hero-artifact.is-active::before { width:100%; }
.artifact-tag { position:relative; z-index:5; display:block; color:var(--cx-accent); font:800 7px/1 var(--mono); letter-spacing:.09em; text-transform:uppercase; }
.hero-resume { grid-column:1; grid-row:1/3; padding:17px; }
.hero-resume .resume-template-thumb { height:calc(100% - 18px); margin:11px 0 0; transition:transform .8s cubic-bezier(.2,.8,.2,1); }
.hero-resume::after { content:""; position:absolute; z-index:7; left:13%; right:13%; top:20%; height:2px; opacity:0; background:linear-gradient(90deg,transparent,var(--cx-accent) 18% 82%,transparent); box-shadow:0 4px 14px var(--cx-accent-a38); }
.hero-resume.is-active::after { opacity:1; animation:hero-resume-scan 2.4s ease-in-out infinite; }
.hero-resume.is-active .resume-template-thumb { transform:scale(1.018); }
.hero-action-note { position:absolute; z-index:9; right:22px; bottom:17px; padding:7px 9px; background:var(--navy); color:var(--cx-paper); font:800 6px/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; transform:translateY(20px); opacity:0; transition:.45s ease .12s; }
.hero-resume.is-active .hero-action-note { transform:none; opacity:1; }
.hero-ats { grid-column:2; grid-row:1; padding:17px 19px 14px; }
.hero-score { width:112px; height:112px; display:grid; place-content:center; margin:10px auto 7px; border-radius:50%; background:radial-gradient(circle,var(--cx-paper) 0 57%,transparent 58%),conic-gradient(var(--cx-accent) 0 82%,var(--cx-mist) 82%); text-align:center; transform:scale(.93); transition:transform .55s cubic-bezier(.2,.85,.25,1.25); }
.hero-ats.is-active .hero-score { transform:scale(1.04); animation:hero-score-pulse 1.4s ease-out both; }
.hero-score strong { color:var(--navy); font:400 50px/.75 var(--serif); }
.hero-score small { color:var(--cx-accent); font:800 8px/1 var(--mono); }
.hero-ats>b { display:block; text-align:center; font-size:11px; }
.hero-ats ul { list-style:none; margin:8px 0 0; padding:7px 0 0; border-top:1px solid var(--line); color:var(--cx-ink60); font-size:8px; line-height:1.85; }
.hero-ats li { transform:translateX(0); transition:transform .4s ease,color .4s ease; }
.hero-ats.is-active li { color:var(--cx-accent); transform:translateX(5px); }.hero-ats.is-active li:nth-child(2){transition-delay:.12s}.hero-ats.is-active li:nth-child(3){transition-delay:.24s}
.hero-letter { grid-column:2; grid-row:2; padding:17px 20px; }
.hero-letter>b { display:block; margin-top:17px; font:600 19px/1 var(--serif); }
.hero-letter>p { margin:18px 0 9px; font:600 10px/1 var(--serif); }
.hero-letter>i { display:block; width:100%; height:4px; margin:8px 0; background:var(--cx-line); transform-origin:left; transition:transform .55s cubic-bezier(.2,.8,.2,1); }
.hero-letter:not(.is-active)>i { transform:scaleX(.42); }
.hero-letter.is-active>i:nth-of-type(2){transition-delay:.1s}.hero-letter.is-active>i:nth-of-type(3){transition-delay:.2s}.hero-letter.is-active>i:nth-of-type(4){transition-delay:.3s}
.hero-letter>i.short { width:68%; }
.hero-letter>small { position:absolute; right:20px; bottom:15px; color:var(--cx-ask-fg); font:700 6px/1 var(--mono); text-transform:uppercase; }
.hero-portfolio { grid-column:1/3; grid-row:3; padding:11px 12px; background:var(--cx-ink); color:var(--cx-paper); }
.hero-browser { position:relative; height:calc(100% - 17px); margin-top:8px; padding:16px 22px; overflow:hidden; border:1px solid var(--cx-accent); background:radial-gradient(circle at 80% 55%,var(--cx-accent-a38),transparent 28%),var(--cx-ink); }
.hero-browser::after { content:""; position:absolute; inset:-40% -12%; background:linear-gradient(110deg,transparent 35%,var(--cx-ok-fg-a16) 48%,transparent 60%); transform:translateX(-55%); }
.hero-portfolio.is-active .hero-browser::after { animation:hero-portfolio-light 2.1s ease-out both; }
.hero-browser>i { float:left; width:6px; height:6px; margin-right:5px; border-radius:50%; background:var(--cx-stop-fg); }
.hero-browser>i:nth-child(2){background:var(--cx-ask-fg)}.hero-browser>i:nth-child(3){background:var(--cx-ok-fg)}
.hero-browser>b { position:relative; z-index:2; display:block; clear:both; padding-top:12px; font:400 clamp(25px,2.2vw,37px)/.88 var(--serif); transform:translateY(5px); transition:transform .55s ease; }
.hero-portfolio.is-active .hero-browser>b { transform:none; }
.hero-browser>span { position:absolute; z-index:2; right:24px; bottom:18px; color:var(--cx-ok-fg); font:800 7px/1 var(--mono); text-transform:uppercase; transition:transform .5s ease; }
.hero-portfolio.is-active .hero-browser>span { transform:translateX(7px); }
.hero-sequence { grid-column:1/3; grid-row:4; z-index:2; display:grid; grid-template-columns:repeat(4,1fr); min-height:47px; border:1px solid var(--cx-line-strong); background:var(--cx-paper); }
.hero-sequence button { position:relative; display:flex; align-items:center; justify-content:center; gap:7px; border:0; border-right:1px solid var(--cx-line); background:transparent; color:var(--cx-accent); cursor:pointer; font:800 8px/1 var(--mono); letter-spacing:.06em; text-transform:uppercase; transition:color .3s ease,background .3s ease; }
.hero-sequence button:last-child { border-right:0; }.hero-sequence button::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:3px;background:var(--cx-accent);transition:right .35s ease}.hero-sequence button.is-current{background:var(--cx-accent-soft);color:var(--navy)}.hero-sequence button.is-current::after{right:0}.hero-sequence i{font-style:normal;color:var(--coral)}
@keyframes hero-resume-scan { 0%,100%{top:20%;opacity:0}12%{opacity:1}70%{opacity:1}85%{top:84%;opacity:0} }
@keyframes hero-score-pulse { 0%{box-shadow:0 0 0 0 var(--cx-accent-a30)}70%{box-shadow:0 0 0 16px var(--cx-accent-a02)}100%{box-shadow:none} }
@keyframes hero-portfolio-light { from{transform:translateX(-55%)}to{transform:translateX(65%)} }

.home-truthbar { min-height:92px; display:grid; grid-template-columns:repeat(3,1fr); padding:0 clamp(28px,5vw,80px); border-bottom:1px solid var(--cx-line-strong); background:var(--cx-paper); }
.home-truthbar>span { display:grid; grid-template-columns:46px 1fr; grid-template-rows:1fr 1fr; align-content:center; padding:18px 34px; }
.home-truthbar>span+span { border-left:1px solid var(--cx-line-strong); }
.home-truthbar i { grid-row:1/3; width:35px; height:35px; display:grid; place-items:center; align-self:center; border-radius:50%; background:var(--cx-accent); color:var(--cx-paper); font:normal 700 18px/1 var(--serif); }
.home-truthbar b { align-self:end; color:var(--navy); font-size:13px; }.home-truthbar small{color:var(--cx-ink60);font-size:10px}

.home-products,.home-connected,.home-faq { padding:clamp(88px,9vw,150px) clamp(28px,6.5vw,104px); }
.home-section-head { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr); align-items:end; gap:50px; margin-bottom:58px; }
.home-section-head h2,.home-gallery-head h2 { margin:14px 0 0; color:var(--navy); font:400 var(--type-display-lg)/.9 var(--serif); letter-spacing: -.015em; }
.home-section-head>p { max-width:610px; margin:0; color:var(--cx-ink60); font-size:17px; line-height:1.65; }
.home-product-links { border-top:1px solid var(--cx-ink30); }
.home-product-link { --product:var(--accent-resume); min-height:180px; display:grid; grid-template-columns:44px 70px minmax(0,1fr) auto; align-items:center; gap:26px; padding:26px 18px; border-bottom:1px solid var(--cx-ink30); color:var(--navy); text-decoration:none; transition:background var(--motion-base) var(--ease-standard),color var(--motion-base) var(--ease-standard),padding var(--motion-base) var(--ease-standard); }
.home-product-link.product-ats{--product:var(--accent-ats)}.home-product-link.product-cover{--product:var(--accent-cover)}.home-product-link.product-portfolio{--product:var(--accent-portfolio)}
.home-product-link:hover { padding-right:30px; padding-left:30px; background:var(--product); color:var(--cx-paper); }
.home-product-link>span { align-self:start; padding-top:9px; color:var(--product); font:800 9px/1 var(--mono); }.home-product-link:hover>span{color:var(--cx-paper)}
.home-product-link>i { width:62px; height:62px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; color:var(--product); }.home-product-link:hover>i{color:var(--cx-paper)}
.home-product-link svg { width:30px; fill:none; stroke:currentColor; stroke-width:1.8; }
.home-product-link div>small { color:var(--product); font:800 8px/1 var(--mono); letter-spacing:.09em; text-transform:uppercase; }.home-product-link:hover div>small{color:var(--cx-paper)}
.home-product-link h3 { margin:10px 0 8px; font:500 var(--type-title)/1 var(--serif); letter-spacing: -.015em; }
.home-product-link p { max-width:760px; margin:0; color:var(--cx-ink60); font-size:13px; line-height:1.55; }.home-product-link:hover p{color:var(--cx-paper-a75)}
.home-product-link>b { min-width:145px; text-align:right; font-size:11px; }

.home-resume-showcase { padding:90px 0 60px; border-top:1px solid var(--cx-line-strong); border-bottom:1px solid var(--cx-line-strong); background:var(--cx-porcelain); }
.home-gallery-head { display:flex; align-items:end; justify-content:space-between; gap:40px; padding:0 clamp(28px,4vw,64px); }
.home-gallery-head h2 { font-size:clamp(48px,4.8vw,74px); }
.home-resume-rail,.home-world-rail { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(235px,1fr); gap:20px; overflow-x:auto; margin-top:46px; padding:8px clamp(28px,4vw,64px) 30px; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:var(--cx-accent) transparent; }
.home-resume-card { min-width:0; scroll-snap-align:start; color:var(--navy); text-decoration:none; }
.home-resume-card .resume-template-thumb { height:354px; margin:0 0 14px; box-shadow:0 13px 30px var(--cx-ink-a10); transition:transform .3s ease,box-shadow .3s ease; }
.home-resume-card:hover .resume-template-thumb { transform:translateY(-8px); box-shadow:0 22px 40px var(--cx-ink-a16); }
.home-resume-card>span:last-child { display:grid; grid-template-columns:1fr auto; gap:4px 10px; }
.home-resume-card b { font:600 18px/1 var(--serif); }.home-resume-card small{grid-column:1;color:var(--cx-ink60);font-size:9px}.home-resume-card>span:last-child::after{content:"→";grid-column:2;grid-row:1/3;color:var(--template-accent);font-size:20px}
.home-resume-showcase>footer { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:16px; color:var(--cx-ink60); font:800 8px/1 var(--mono); text-transform:uppercase; }.home-resume-showcase>footer i{width:4px;height:4px;border-radius:50%;background:var(--coral)}

.home-diagnostic-theatre { padding:0; background:var(--navy); color:var(--cx-paper); }
.home-diagnostic-theatre .eyebrow { color: var(--cx-ink60); }
.home-ats-theatre { min-height:560px; display:grid; grid-template-columns:minmax(280px,.72fr) 230px minmax(380px,1.15fr); align-items:center; gap:40px; padding:70px clamp(30px,5vw,80px); border-bottom:1px solid var(--cx-accent); }
.home-theatre-copy h2,.home-letter-theatre h2 { margin:14px 0 17px; font:400 var(--type-display-md)/.9 var(--serif); letter-spacing: -.015em; }
.home-theatre-copy p { max-width:440px; margin:0 0 25px; color: var(--cx-ink60); font-size:14px; line-height:1.65; }
.home-ats-score { width:210px;height:210px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,var(--navy) 0 55%,transparent 56%),conic-gradient(var(--cx-ok-fg) 0 82%,var(--cx-accent) 82%); }
.home-ats-score>div { display:grid; place-items:center; }.home-ats-score strong{font:400 73px/.72 var(--serif)}.home-ats-score small{font:800 9px/1 var(--mono);color: var(--cx-ink60)}.home-ats-score span{margin-top:15px;color:var(--cx-ok-fg);font-size:10px;font-weight:800}
.home-ats-table { display:grid; grid-template-columns:1fr .7fr 1.2fr; border:1px solid var(--cx-accent); }
.home-ats-table header { grid-column:1/-1; display:grid;grid-template-columns:1fr .7fr 1.2fr;background:var(--cx-panel); }
.home-ats-table header span,.home-ats-table>span,.home-ats-table>b,.home-ats-table>small { min-height:58px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid var(--cx-accent); }
.home-ats-table header span { min-height:43px;color:var(--cx-accent);font:800 7px/1 var(--mono);text-transform:uppercase; }.home-ats-table>b{color:var(--cx-ok-fg);font-size:9px}.home-ats-table>b.review{color:var(--cx-ask-fg)}.home-ats-table>span{font-size:11px}.home-ats-table>small{color: var(--cx-ink60);font-size:9px}
.home-letter-theatre { min-height:480px; padding:70px clamp(30px,5vw,80px); overflow:hidden; }
.home-letter-theatre>header { display:flex; align-items:end; justify-content:space-between; gap:30px; }.home-letter-theatre>header p{margin:0;color: var(--cx-ink60)}.home-letter-theatre>header>a{color:var(--cx-ok-fg);font-size:11px;font-weight:800;text-decoration:none}
.home-letter-shelf { height:245px; display:flex; align-items:flex-end; justify-content:center; margin-top:38px; perspective:900px; }
.home-letter-paper { position:relative; width:195px; height:245px; flex:0 0 195px; margin-left:-22px; padding:22px 18px; border:1px solid var(--cx-line); background:var(--cx-paper);color:var(--navy);box-shadow:0 20px 35px var(--cx-ink-a24);text-decoration:none;transform:rotate(calc((var(--letter-i) - 2) * 2.5deg));transition:transform .35s ease,z-index .1s; }
.home-letter-paper:nth-child(1),.home-letter-paper:nth-child(5){transform:translateY(18px) rotate(calc((var(--letter-i) - 2) * 2.5deg))}.home-letter-paper:nth-child(2),.home-letter-paper:nth-child(4){transform:translateY(9px) rotate(calc((var(--letter-i) - 2) * 2.5deg))}
.home-letter-paper:hover { z-index:8;transform:translateY(-18px) rotate(0) scale(1.04); }.home-letter-paper>span{display:grid}.home-letter-paper>span b{font:600 16px/1 var(--serif)}.home-letter-paper>span small{margin-top:4px;color:var(--cx-ink60);font-size:6px}.home-letter-paper>p{margin:34px 0 12px;font:600 8px/1 var(--serif)}.home-letter-paper>i{display:block;height:3px;margin:8px 0;background:var(--cx-line)}.home-letter-paper>i.short{width:66%}.home-letter-paper>em{position:absolute;right:16px;bottom:15px;color:var(--cx-accent);font:800 7px/1 var(--mono);font-style:normal;text-transform:uppercase}.home-letter-paper.letter-ledger{background:var(--cx-mist)}.home-letter-paper.letter-modern{border-top:13px solid var(--cx-accent)}.home-letter-paper.letter-band{border-top:36px solid var(--navy)}.home-letter-paper.letter-editorial{background:var(--cx-porcelain)}

.home-worlds { padding:95px 0 75px; background:var(--cx-porcelain); }
.home-gallery-head>span { color:var(--cx-ink60);font:800 9px/1.2 var(--mono);text-transform:uppercase}.home-gallery-head>span b{color:var(--coral);font:400 30px/1 var(--serif)}
.home-world-rail { grid-auto-columns:minmax(420px,31vw); gap:24px; }
.home-world-card { scroll-snap-align:start; text-decoration:none; }
.home-world-frame { position:relative;height:285px;display:block;overflow:hidden;border:1px solid var(--cx-line-strong);background:var(--cx-paper);box-shadow:0 14px 32px var(--cx-ink-a10);transition:transform .35s ease,box-shadow .35s ease; }
.home-world-card:hover .home-world-frame { transform:translateY(-8px);box-shadow:0 24px 42px var(--cx-ink-a16) }.home-world-frame::before{content:"";position:absolute;z-index:3;left:13px;top:10px;width:6px;height:6px;border-radius:50%;background:var(--cx-stop-fg);box-shadow:11px 0 var(--cx-ask-fg),22px 0 var(--cx-ok-fg)}.home-world-frame iframe{width:100%;height:100%;border:0;pointer-events:none}.home-world-frame>i{position:absolute;z-index:2;inset:0;border-top:25px solid var(--cx-paper-a92);pointer-events:none}.home-world-card>span:last-child{display:grid;grid-template-columns:34px 1fr auto;gap:6px 12px;padding:14px 3px}.home-world-card em{grid-row:1/3;color:var(--navy);font:800 8px/1 var(--mono);font-style:normal}.home-world-card b{font:600 22px/1 var(--serif)}.home-world-card small{color:var(--cx-ink60);font-size:9px}.home-world-card>span:last-child>i{grid-column:3;grid-row:1/3;color:var(--world-accent);font-style:normal;font-size:22px}.home-world-foot{display:flex;align-items:center;justify-content:space-between;gap:40px;margin:25px clamp(28px,4vw,64px) 0;padding-top:25px;border-top:1px solid var(--cx-line-strong)}.home-world-foot p{max-width:760px;margin:0;color:var(--cx-ink60);font-size:14px;line-height:1.6}

.home-connected { background:var(--cx-porcelain); }
.home-evidence-line { position:relative; display:grid; grid-template-columns:repeat(4,1fr); margin-top:30px; }
.home-evidence-line::before { content:"";position:absolute;left:8%;right:8%;top:54px;height:4px;background:var(--cx-accent); }
.home-evidence-line>a { position:relative; z-index:2; min-height:225px; display:grid; grid-template-rows:108px auto auto auto; justify-items:center; color:var(--navy);text-align:center;text-decoration:none; }
.home-evidence-line>a>i { width:108px;height:108px;display:grid;place-items:center;border:1px solid var(--cx-line-strong);border-radius:50%;background:var(--cx-porcelain);box-shadow:0 8px 20px var(--cx-ink-a08);transition:transform .3s ease,border-color .3s ease }.home-evidence-line>a:hover>i{transform:translateY(-8px);border-color:var(--cx-accent)}.home-evidence-line svg{width:42px;fill:none;stroke:var(--navy);stroke-width:1.6}.home-evidence-line>a>span{margin-top:18px;color:var(--cx-accent);font:800 9px/1 var(--mono)}.home-evidence-line>a>b{margin-top:9px;font-size:13px}.home-evidence-line>a>small{max-width:190px;margin-top:7px;color:var(--cx-ink60);font-size:10px}.evidence-pulse{position:absolute;z-index:3;top:50px;width:12px;height:12px;border:3px solid var(--cx-paper);border-radius:50%;background:var(--cx-ok-line);box-shadow:0 0 9px var(--cx-accent);animation:evidence-travel 5s linear infinite}.evidence-pulse.pulse-two{animation-delay:-2.5s}@keyframes evidence-travel{from{left:8%}to{left:92%}}
.home-workspace-receipt { min-height:78px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:25px;margin-top:30px;padding:16px 22px;border:1px solid var(--cx-line-strong);background:var(--cx-porcelain) }.home-workspace-receipt>span{display:flex;align-items:center;gap:12px}.home-workspace-receipt>span i{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:var(--cx-ok-fg);color:var(--navy);font-style:normal}.home-workspace-receipt small{color:var(--cx-ink60);font-size:9px}.home-workspace-receipt>a{color:var(--cx-accent);font-size:11px;font-weight:800;text-decoration:none}

.home-free { display:grid;grid-template-columns:.85fr 1.15fr;gap:55px 80px;padding:95px clamp(28px,6.5vw,104px);background:linear-gradient(105deg,var(--cx-mist) 0 49%,var(--cx-porcelain) 49%); }
.home-free-copy h2 { margin:12px 0 18px;font:400 clamp(58px,6vw,90px)/.85 var(--serif);letter-spacing: -.015em }.home-free-copy h2 em{display:inline;color:var(--coral);font-style:italic}.home-free-copy p{max-width:470px;color:var(--cx-ink60);font-size:15px}
.home-free-grid { display:grid;grid-template-columns:1fr 1fr;align-self:center }.home-free-grid article{min-height:132px;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:15px;padding:22px;border-bottom:1px solid var(--cx-line-strong)}.home-free-grid article:nth-child(odd){border-right:1px solid var(--cx-line-strong)}.home-free-grid>b{}.home-free-grid article>b{color:var(--cx-accent);font:400 34px/1 var(--serif)}.home-free-grid article>span{display:grid;gap:6px}.home-free-grid strong{font-size:12px}.home-free-grid small{color:var(--cx-accent);font-size:10px}
.home-how { grid-column:1/-1;display:grid;grid-template-columns:170px 1fr;gap:30px;padding-top:45px;border-top:1px solid var(--cx-line-strong) }.home-how>div{display:grid;grid-template-columns:repeat(3,1fr)}.home-how article{min-height:120px;display:grid;grid-template-columns:68px 1fr;align-content:start;gap:8px 14px;padding:8px 25px;border-left:1px dashed var(--cx-ink30)}.home-how em{grid-row:1/3;color:var(--cx-accent);font:500 43px/.8 var(--serif);font-style:normal}.home-how b{font-size:12px}.home-how small{color:var(--cx-ink60);font-size:10px}

.home-faq { display:grid;grid-template-columns:minmax(300px,.7fr) minmax(520px,1.3fr);gap:70px;background:var(--cx-paper) }.home-faq>header{position:sticky;top:calc(var(--topbar-h) + 40px);align-self:start}.home-faq h2{margin:14px 0;font:400 clamp(55px,5vw,76px)/.88 var(--serif);letter-spacing: -.015em}.home-faq header p{max-width:360px;color:var(--cx-ink60)}.home-faq-list{border-top:1px solid var(--cx-line-strong)}.home-faq-list details{border-bottom:1px solid var(--cx-line-strong)}.home-faq-list summary{min-height:82px;display:grid;grid-template-columns:44px 1fr 24px;align-items:center;gap:12px;cursor:pointer;list-style:none}.home-faq-list summary::-webkit-details-marker{display:none}.home-faq-list summary span{color:var(--coral);font:800 8px/1 var(--mono)}.home-faq-list summary b{font:600 20px/1.15 var(--serif)}.home-faq-list summary i{color:var(--cx-accent);font:normal 25px/1 var(--serif);text-align:center}.home-faq-list details p{max-width:720px;margin:0;padding:0 42px 26px 56px;color:var(--cx-ink60);font-size:13px;line-height:1.65}
.home-final-cta { min-height:540px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:75px 24px;background:radial-gradient(circle at 82% 35%,var(--cx-accent-a38),transparent 28%),radial-gradient(circle at 15% 80%,var(--cx-stop-fg-a20),transparent 25%),var(--navy);color:var(--cx-paper);text-align:center}.home-final-cta h2{margin:18px 0 20px;font:400 clamp(68px,7vw,105px)/.82 var(--serif);letter-spacing: -.015em}.home-final-cta h2 em{color:var(--cx-stop-fg)}.home-final-cta p{color: var(--cx-ink60)}.home-final-cta>div{display:flex;gap:14px;margin-top:20px}.home-final-cta .button{min-height:54px;padding:0 25px}.home-footer{background:var(--cx-panel)}.home-footer nav{display:flex;justify-content:center;gap:24px}.home-footer nav a{color: var(--cx-ink60);font-size:10px;text-decoration:none}

@media (max-width:1180px) {
  .home-hero{grid-template-columns:minmax(360px,.8fr) minmax(540px,1.2fr);padding-right:28px}.home-hero-art{min-height:590px}.home-ats-theatre{grid-template-columns:1fr 190px 1.2fr;gap:25px}.home-ats-score{width:180px;height:180px}.home-letter-paper{width:170px;flex-basis:170px}.home-world-rail{grid-auto-columns:minmax(360px,39vw)}
}
@media (max-width:900px) {
  .home-hero{min-height:0;grid-template-columns:1fr;padding:64px 24px 45px}.home-hero h1{max-width:760px}.home-hero-art{min-height:610px}.home-truthbar{padding:0}.home-truthbar>span{padding:18px}.home-section-head{grid-template-columns:1fr;gap:24px}.home-product-link{grid-template-columns:34px 56px 1fr}.home-product-link>b{grid-column:3;text-align:left}.home-ats-theatre{grid-template-columns:1fr 190px}.home-ats-table{grid-column:1/-1}.home-free{grid-template-columns:1fr;background:linear-gradient(170deg,var(--cx-mist) 0 42%,var(--cx-porcelain) 42%)}.home-how{grid-template-columns:1fr}.home-faq{grid-template-columns:1fr}.home-faq>header{position:static}.home-evidence-line>a>i{width:86px;height:86px}.home-evidence-line::before{top:43px}.evidence-pulse{top:39px}.home-workspace-receipt{grid-template-columns:1fr auto}.home-workspace-receipt>small{grid-column:1}
}
@media (max-width:650px) {
  .topbar.landing-bar{height:60px}.topbar.landing-bar .workspace-button{width:auto;min-width:124px;padding:0 12px;font-size:9px}.topbar.landing-bar .workspace-button span{font-size:13px}.home-v2{--topbar-h:60px}.home-hero{padding:43px 18px 34px}.home-kicker{font-size:8px}.home-hero h1{font-size:clamp(52px,15vw,68px);line-height:.86}.home-hero-copy>p{font-size:14px}.home-hero-actions{display:grid}.home-hero-actions .button{width:100%}.home-proof-stamp{margin-top:24px}.home-hero-art{min-height:510px;margin-top:18px;grid-template-columns:1fr 1fr;grid-template-rows:1fr .86fr .82fr auto;gap:7px;padding:7px}.hero-resume{grid-column:1;grid-row:1/3;padding:8px}.hero-resume .resume-template-thumb{height:calc(100% - 14px);margin-top:7px}.hero-action-note{display:none}.hero-ats{grid-column:2;grid-row:1;padding:9px}.hero-score{width:76px;height:76px;margin:6px auto 5px}.hero-score strong{font-size:30px}.hero-ats ul{display:none}.hero-letter{grid-column:2;grid-row:2;padding:10px}.hero-letter>b{margin-top:10px;font-size:13px}.hero-letter>p{margin:12px 0 7px}.hero-letter>small{display:none}.hero-portfolio{grid-column:1/3;grid-row:3;padding:7px}.hero-browser{margin-top:5px;padding:11px 13px}.hero-browser>b{padding-top:9px;font-size:22px}.hero-browser>span{right:14px;bottom:12px}.hero-sequence{grid-column:1/3;grid-row:4;min-height:42px}.hero-sequence button{gap:4px;font-size:6px}.hero-sequence button span{display:none}.artifact-tag{font-size:5px}.home-truthbar{grid-template-columns:1fr}.home-truthbar>span+span{border-left:0;border-top:1px solid var(--cx-line-strong)}.home-truthbar>span{min-height:72px}.home-products,.home-connected,.home-faq{padding:78px 18px}.home-section-head h2,.home-gallery-head h2{font-size:48px}.home-section-head>p{font-size:14px}.home-product-link{min-height:0;grid-template-columns:30px 48px 1fr;gap:12px;padding:24px 0}.home-product-link:hover{padding:24px 12px}.home-product-link>i{width:46px;height:46px}.home-product-link svg{width:23px}.home-product-link h3{font-size:26px}.home-product-link p{font-size:11px}.home-resume-showcase,.home-worlds{padding-top:72px}.home-gallery-head{align-items:start;flex-direction:column;padding:0 18px}.home-gallery-head .button{width:100%}.home-resume-rail,.home-world-rail{grid-auto-columns:78vw;margin-top:30px;padding-right:18px;padding-left:18px}.home-resume-card .resume-template-thumb{height:370px}.home-resume-showcase>footer{justify-content:flex-start;flex-wrap:wrap;overflow:visible;padding:0 18px}.home-resume-showcase>footer span{flex:0 0 auto}.home-ats-theatre{grid-template-columns:1fr;padding:65px 18px}.home-ats-score{margin:auto}.home-ats-table{overflow:hidden}.home-ats-table header span,.home-ats-table>span,.home-ats-table>b,.home-ats-table>small{padding:0 8px;font-size:8px}.home-letter-theatre{min-height:430px;padding:60px 18px}.home-letter-theatre>header{align-items:start;flex-direction:column}.home-letter-shelf{justify-content:flex-start;overflow-x:auto;padding:0 20px}.home-letter-paper{width:160px;flex-basis:160px;margin-left:-10px}.home-world-rail{grid-auto-columns:86vw}.home-world-frame{height:245px}.home-world-foot{align-items:flex-start;flex-direction:column;margin-right:18px;margin-left:18px}.home-world-foot .button{width:100%}.home-evidence-line{grid-template-columns:1fr 1fr;gap:32px 8px}.home-evidence-line::before,.evidence-pulse{display:none}.home-workspace-receipt{grid-template-columns:1fr;margin-top:45px}.home-workspace-receipt>small{grid-column:1}.home-free{padding:75px 18px;gap:42px;background:linear-gradient(165deg,var(--cx-mist) 0 35%,var(--cx-porcelain) 35%)}.home-free-copy h2{font-size:62px}.home-free-grid{grid-template-columns:1fr}.home-free-grid article:nth-child(odd){border-right:0}.home-how>div{grid-template-columns:1fr}.home-how article{min-height:100px}.home-faq-list summary{min-height:76px;grid-template-columns:30px 1fr 20px}.home-faq-list summary b{font-size:18px}.home-faq-list details p{padding-left:42px}.home-final-cta{min-height:480px}.home-final-cta h2{font-size:62px}.home-final-cta>div{width:100%;flex-direction:column}.home-final-cta .button{width:100%}.home-footer{grid-template-columns:1fr}.home-footer nav{justify-content:flex-start;flex-wrap:wrap}.home-footer>span{justify-self:start}
}

@media (prefers-reduced-motion:reduce) { .home-v2 .reveal{opacity:1;transform:none}.hero-artifact,.hero-artifact::after,.hero-browser::after,.evidence-pulse{animation:none!important;transition:none!important} }

/* One cinematic product stage: the story changes, the canvas stays calm. */
.home-hero-art { display:block; min-height:0; padding:0; border:0; background:transparent; box-shadow:none; perspective:none; }
.home-hero-art::before { display:none; }
.hero-cinema { position:relative; width:100%; max-width:100%; height:570px; overflow:hidden; border:1px solid var(--cx-ink30); background:var(--cx-ink); box-shadow:var(--elevation-high); isolation:isolate; }
.hero-cinema-bar { position:relative; z-index:20; height:52px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 12px 0 18px; border-bottom:1px solid var(--cx-paper-a14); background:var(--cx-panel); color: var(--cx-ink60); }
.hero-cinema-bar>span { display:flex; gap:6px; }.hero-cinema-bar>span i{width:7px;height:7px;border-radius:50%;background:var(--cx-stop-fg)}.hero-cinema-bar>span i:nth-child(2){background:var(--cx-ask-fg)}.hero-cinema-bar>span i:nth-child(3){background:var(--cx-ok-fg)}
.hero-cinema-bar>b { font:800 8px/1 var(--mono); letter-spacing:.15em; }.hero-motion-toggle{justify-self:end;min-height:40px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--cx-accent);background:var(--cx-panel);color: var(--cx-ink60);cursor:pointer}.hero-motion-toggle:hover,.hero-motion-toggle:focus-visible{border-color:var(--cx-accent);background:var(--cx-panel)}.hero-motion-toggle>span{font:800 9px/1 var(--mono)}.hero-motion-toggle>small{font:700 7px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.hero-scene { position:absolute; z-index:1; inset:52px 0 0; min-width:0; overflow:hidden; visibility:hidden; clip-path:inset(0 0 0 100%); transform:translateX(34px) scale(.985); transition:clip-path var(--motion-slow) var(--ease-standard),transform var(--motion-slow) var(--ease-standard),visibility 0s linear var(--motion-slow); pointer-events:none; }
.hero-scene.is-active { z-index:2; visibility:visible; clip-path:inset(0); transform:none; transition-delay:0s; pointer-events:auto; }
.scene-index { position:absolute; z-index:9; left:27px; top:24px; display:flex; align-items:baseline; gap:12px; color:var(--navy); }.scene-index>span{font:400 44px/.8 var(--serif)}.scene-index>small{font:800 8px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.scene-index.light{color:var(--cx-paper)}

.hero-scene-resume { background:linear-gradient(112deg,var(--cx-mist) 0 29%,var(--cx-mist) 29%); }
.scene-resume-nav { position:absolute; left:27px; top:104px; bottom:29px; width:145px; display:flex; flex-direction:column; gap:7px; color:var(--cx-accent); }.scene-resume-nav>b{margin-bottom:19px;color:var(--navy);font:600 22px/1 var(--serif)}.scene-resume-nav>span{padding:9px 10px;border-left:2px solid transparent;font-size:9px}.scene-resume-nav>span.is-on{border-color:var(--cx-accent);background:var(--cx-paper-a75);color:var(--navy);font-weight:800}.scene-resume-nav>small{margin-top:auto;color:var(--cx-accent);font:800 6px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.scene-resume-paper { position:absolute; left:34%; top:28px; bottom:27px; width:43%; padding:14px; background:var(--cx-paper); box-shadow:0 20px 55px var(--cx-ink-a16); transform:translateY(14px); transition:transform .8s cubic-bezier(.2,.8,.2,1) .1s; }.hero-scene-resume.is-active .scene-resume-paper{transform:none}.scene-resume-paper .resume-template-thumb{height:100%;}.scene-resume-paper iframe{background:var(--cx-paper)}.scene-writing-cursor{position:absolute;z-index:5;left:20%;right:13%;top:30%;height:2px;background:linear-gradient(90deg,transparent,var(--cx-accent) 18% 85%,transparent);box-shadow:0 4px 14px var(--cx-accent-a38);opacity:0}.hero-scene-resume.is-active .scene-writing-cursor{animation:cinema-resume-scan 2.8s ease-in-out infinite}
.scene-verdict { position:absolute; right:24px; bottom:35px; display:flex; align-items:center; gap:10px; padding:12px 14px; border:1px solid var(--cx-panel-a16); background:var(--cx-paper-a85); color:var(--navy); backdrop-filter:blur(10px); transform:translateY(20px);opacity:0;transition:.5s ease .32s}.hero-scene-resume.is-active .scene-verdict{transform:none;opacity:1}.scene-verdict>i{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--cx-ok-fg);font-style:normal}.scene-verdict>span{display:grid;gap:3px}.scene-verdict b{font-size:10px}.scene-verdict small{color:var(--cx-accent);font-size:7px}

.hero-scene-ats { background:radial-gradient(circle at 22% 46%,var(--cx-accent-a16),transparent 27%),var(--cx-mist); color:var(--navy); }
.scene-ats-score { position:absolute; left:8%; top:25%; width:220px; text-align:center; }.scene-ats-score>span{width:190px;height:190px;display:grid;place-content:center;margin:auto;border-radius:50%;background:radial-gradient(circle,var(--cx-mist) 0 56%,transparent 57%),conic-gradient(var(--cx-accent) 0 82%,var(--cx-line) 82%);transform:scale(.78) rotate(-20deg);transition:transform .8s cubic-bezier(.2,.85,.25,1.2)}.hero-scene-ats.is-active .scene-ats-score>span{transform:none}.scene-ats-score strong{font:400 76px/.72 var(--serif)}.scene-ats-score small{font:800 9px/1 var(--mono)}.scene-ats-score>b{display:block;margin-top:17px;font:600 18px/1 var(--serif)}
.scene-ats-report { position:absolute; right:6%; top:19%; width:48%; border-top:2px solid var(--navy); }.scene-ats-report header{display:flex;align-items:end;justify-content:space-between;padding:17px 0 22px}.scene-ats-report header b{font:600 28px/1 var(--serif)}.scene-ats-report header span{color:var(--cx-ink60);font:800 6px/1 var(--mono);text-transform:uppercase}.scene-ats-report>div{display:grid;grid-template-columns:1fr auto;align-items:center;min-height:54px;border-top:1px solid var(--cx-line-strong);font-size:10px;transform:translateX(30px);opacity:0;transition:.5s ease}.hero-scene-ats.is-active .scene-ats-report>div{transform:none;opacity:1}.hero-scene-ats.is-active .scene-ats-report>div:nth-of-type(2){transition-delay:.12s}.hero-scene-ats.is-active .scene-ats-report>div:nth-of-type(3){transition-delay:.24s}.hero-scene-ats.is-active .scene-ats-report>div:nth-of-type(4){transition-delay:.36s}.scene-ats-report i{padding:7px 9px;background:var(--cx-mist);color:var(--cx-ok-fg);font:normal 800 7px/1 var(--mono);text-transform:uppercase}.scene-ats-report .needs-work i{background:var(--cx-ask-bg);color:var(--cx-ask-fg)}.scene-scan-line{position:absolute;z-index:8;left:0;right:0;top:15%;height:2px;background:linear-gradient(90deg,transparent,var(--cx-accent),transparent);opacity:0;box-shadow:0 0 18px var(--cx-accent-a46)}.hero-scene-ats.is-active .scene-scan-line{animation:cinema-ats-scan 2.6s ease-in-out .25s both}

.hero-scene-letter { background:linear-gradient(90deg,var(--cx-panel) 0 38%,var(--cx-line) 38%); }
.hero-scene-letter .scene-index{color:var(--cx-paper)}.scene-letter-evidence{position:absolute;left:28px;top:112px;width:29%;display:grid;gap:10px;color: var(--cx-ink60)}.scene-letter-evidence>small{margin-bottom:8px;color:var(--cx-accent);font:800 7px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.scene-letter-evidence>span{width:max-content;max-width:100%;padding:10px 12px;border:1px solid var(--cx-paper-a16);background:var(--cx-paper-a06);font-size:9px;transform:translateX(-18px);opacity:0;transition:.5s ease}.hero-scene-letter.is-active .scene-letter-evidence>span{transform:none;opacity:1}.hero-scene-letter.is-active .scene-letter-evidence>span:nth-of-type(2){transition-delay:.12s}.hero-scene-letter.is-active .scene-letter-evidence>span:nth-of-type(3){transition-delay:.24s}.scene-letter-evidence>i{margin-top:18px;color:var(--cx-ok-fg);font:normal 800 6px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.scene-letter-paper{position:absolute;right:8%;top:29px;bottom:28px;width:47%;padding:38px 43px;background:var(--cx-porcelain);color:var(--navy);box-shadow:0 22px 55px var(--cx-ink-a24);transform:rotate(1deg) translateY(18px);transition:transform .75s cubic-bezier(.2,.8,.2,1)}.hero-scene-letter.is-active .scene-letter-paper{transform:rotate(-1deg)}.scene-letter-paper header{display:grid;gap:4px;padding-bottom:26px;border-bottom:1px solid var(--cx-line-strong)}.scene-letter-paper header b{font:600 24px/1 var(--serif)}.scene-letter-paper header span{color:var(--cx-ink60);font-size:8px}.scene-letter-paper p{margin:35px 0 17px;font:600 13px/1 var(--serif)}.scene-letter-paper>strong{display:block;font:400 20px/1.25 var(--serif)}.scene-letter-paper>i{display:block;height:5px;margin-top:14px;background:var(--cx-line);transform-origin:left;transform:scaleX(.15);transition:transform .65s ease}.scene-letter-paper>i.short{width:63%}.hero-scene-letter.is-active .scene-letter-paper>i{transform:none}.hero-scene-letter.is-active .scene-letter-paper>i:nth-of-type(2){transition-delay:.15s}.hero-scene-letter.is-active .scene-letter-paper>i:nth-of-type(3){transition-delay:.3s}.scene-letter-paper footer{position:absolute;right:38px;bottom:30px;color:var(--cx-ask-fg);font:800 6px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}

.hero-scene-portfolio { background:var(--cx-panel); color:var(--cx-paper); }.hero-scene-portfolio .scene-index{left:42px;top:38px}.hero-scene-portfolio .scene-index>span{font-size:30px}.scene-portfolio-browser{position:absolute;inset:22px 22px 20px;border:1px solid var(--cx-accent);background:radial-gradient(circle at 82% 56%,var(--cx-accent-a46),transparent 27%),radial-gradient(circle at 62% 88%,var(--cx-ok-fg-a14),transparent 22%),var(--cx-panel);overflow:hidden}.scene-portfolio-browser header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 25px 0 190px;border-bottom:1px solid var(--cx-paper-a12)}.scene-portfolio-browser header b{font:600 17px/1 var(--serif)}.scene-portfolio-browser header span{color:var(--cx-accent);font-size:7px}.scene-portfolio-browser main{position:absolute;left:34px;top:103px}.scene-portfolio-browser main>small{color:var(--cx-ok-fg);font:800 7px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.scene-portfolio-browser main>strong{display:block;margin-top:17px;font:400 clamp(48px,4.7vw,72px)/.78 var(--serif);letter-spacing: -.015em;transform:translateY(28px);opacity:0;transition:.7s ease}.hero-scene-portfolio.is-active main>strong{transform:none;opacity:1}.scene-portfolio-browser main>div{position:absolute;left:115%;top:34px;width:230px;height:150px;transform:rotate(-8deg)}.scene-portfolio-browser main>div i{position:absolute;width:145px;height:105px;border:1px solid var(--cx-paper-a30);background:linear-gradient(140deg,var(--cx-accent),var(--cx-panel));box-shadow:0 16px 30px var(--cx-ink-a24)}.scene-portfolio-browser main>div i+ i{left:75px;top:55px;background:linear-gradient(140deg,var(--cx-stop-fg),var(--cx-stop-fg));transform:rotate(13deg)}.scene-portfolio-browser footer{position:absolute;left:34px;right:34px;bottom:22px;display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid var(--cx-paper-a16);color:var(--cx-accent);font-size:8px}.scene-portfolio-browser footer b{color:var(--cx-ok-fg)}.scene-portfolio-glow{position:absolute;inset:-45%;background:linear-gradient(108deg,transparent 38%,var(--cx-ok-fg-a14) 49%,transparent 60%);transform:translateX(-55%)}.hero-scene-portfolio.is-active .scene-portfolio-glow{animation:cinema-portfolio-light 2.8s ease-out .1s both}

.hero-sequence { position:relative; z-index:3; display:grid; grid-template-columns:repeat(4,1fr); min-height:68px; margin-top:12px; border:1px solid var(--cx-line-strong); background:var(--cx-paper-a75); backdrop-filter:blur(12px); }
.hero-sequence button { position:relative; min-height:40px; display:grid; grid-template-columns:25px 1fr; align-items:center; justify-content:stretch; gap:9px; min-width:0; padding:0 12px; border:0; border-right:1px solid var(--cx-line-strong); background:transparent; color:var(--cx-ink60); cursor:pointer; text-align:left; transition:background var(--motion-base) var(--ease-standard),color var(--motion-base) var(--ease-standard); }.hero-sequence button:last-child{border-right:0}.hero-sequence button::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:4px;background:var(--action-primary);transition:right var(--motion-base) var(--ease-standard)}.hero-sequence button.is-current{background:var(--action-primary-soft);color:var(--navy)}.hero-sequence button.is-current::after{right:0}.hero-sequence button>i{color:var(--coral);font:normal 800 8px/1 var(--mono)}.hero-sequence button>span{display:grid!important;gap:4px}.hero-sequence button b{font-size:10px}.hero-sequence button small{font-size:9px;color:var(--cx-accent)}

@keyframes cinema-resume-scan{0%,100%{top:24%;opacity:0}15%{opacity:1}72%{opacity:1}88%{top:87%;opacity:0}}
@keyframes cinema-ats-scan{0%{top:13%;opacity:0}15%{opacity:1}82%{opacity:1}100%{top:88%;opacity:0}}
@keyframes cinema-portfolio-light{from{transform:translateX(-55%)}to{transform:translateX(58%)}}

@media (max-width:1180px){.hero-cinema{height:520px}.scene-resume-paper{left:31%;width:46%}.scene-ats-score{left:4%}.scene-letter-paper{right:5%;width:51%}}
@media (max-width:900px){.home-hero-art{min-height:0}.hero-cinema{height:570px}}
@media (max-width:650px){
  .home-hero{padding-top:32px;padding-bottom:28px}.home-hero h1{font-size:clamp(48px,14vw,60px);line-height:.89;letter-spacing: -.015em}.home-hero-copy>p{font-size:15px;line-height:1.55}.home-hero-actions .button{min-height:48px}.home-proof-stamp{margin-top:20px}
  .home-hero-art{min-height:0;margin-top:22px;padding:0;display:block}.hero-cinema{height:348px}.hero-cinema-bar{height:40px;grid-template-columns:auto 1fr auto;padding:0 7px}.hero-cinema-bar>b{justify-self:center;font-size:7px;letter-spacing:.08em}.hero-motion-toggle{min-width:40px;min-height:40px;padding:0 8px}.hero-motion-toggle small{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hero-scene{inset:40px 0 0;max-width:100%}.scene-index{left:12px;top:12px;gap:7px}.scene-index>span{font-size:27px}.scene-index>small{font-size:8px;letter-spacing:.08em}
  .scene-resume-nav{display:none}.hero-scene-resume{background:linear-gradient(112deg,var(--cx-mist),var(--cx-mist))}.scene-resume-paper{left:17%;top:42px;bottom:12px;width:66%;padding:7px}.scene-verdict{right:7px;bottom:10px;padding:7px 9px}.scene-verdict>i{width:24px;height:24px}.scene-verdict b{font-size:10px}.scene-verdict small{display:block;font-size:9px}
  .scene-ats-score{left:2%;top:31%;width:40%}.scene-ats-score>span{width:94px;height:94px}.scene-ats-score strong{font-size:42px}.scene-ats-score small{font-size:9px}.scene-ats-score>b{margin-top:10px;font-size:13px}.scene-ats-report{right:3%;top:18%;width:54%;min-width:0}.scene-ats-report header{padding:8px 0 9px;display:block}.scene-ats-report header b{font-size:17px}.scene-ats-report header span{display:block;margin-top:4px;font-size:8px}.scene-ats-report>div{min-width:0;min-height:38px;gap:5px;font-size:9px}.scene-ats-report>div>span{min-width:0;overflow-wrap:anywhere}.scene-ats-report i{padding:5px 4px;font-size:8px;white-space:nowrap}
  .hero-scene-letter{background:linear-gradient(180deg,var(--cx-panel) 0 29%,var(--cx-line) 29%)}.scene-letter-evidence{left:12px;right:12px;top:43px;width:auto;display:flex;gap:5px;align-items:center;overflow:hidden}.scene-letter-evidence>small,.scene-letter-evidence>i{display:none}.scene-letter-evidence>span{min-width:0;padding:6px;font-size:8px;white-space:nowrap}.scene-letter-paper{left:11%;right:auto;top:88px;bottom:11px;width:78%;padding:20px 23px}.scene-letter-paper header{padding-bottom:12px}.scene-letter-paper header b{font-size:18px}.scene-letter-paper header span{font-size:9px}.scene-letter-paper p{margin:14px 0 9px;font-size:11px}.scene-letter-paper>strong{font-size:14px}.scene-letter-paper>i{height:3px;margin-top:7px}.scene-letter-paper footer{right:20px;bottom:14px;font-size:8px}
  .hero-scene-portfolio .scene-index{left:16px;top:20px}.hero-scene-portfolio .scene-index>span{font-size:23px}.hero-scene-portfolio .scene-index>small{display:block;font-size:8px}.scene-portfolio-browser{inset:10px 8px 8px}.scene-portfolio-browser header{height:42px;padding:0 10px 0 160px}.scene-portfolio-browser header b{font-size:13px}.scene-portfolio-browser header span{display:none}.scene-portfolio-browser main{left:17px;top:75px;right:17px}.scene-portfolio-browser main>small{font-size:8px}.scene-portfolio-browser main>strong{font-size:39px}.scene-portfolio-browser main>div{left:auto;right:-4px;top:70px;width:118px;transform:rotate(-5deg)}.scene-portfolio-browser main>div i{width:78px;height:58px}.scene-portfolio-browser main>div i+i{left:34px;top:35px}.scene-portfolio-browser footer{left:17px;right:17px;bottom:13px;font-size:9px}
  .hero-sequence{min-height:56px;margin-top:8px}.hero-sequence button{min-height:56px;grid-template-columns:1fr;padding:0 3px;text-align:center}.hero-sequence button>i{display:none}.hero-sequence button>span{gap:3px}.hero-sequence button b{font-size:10px}.hero-sequence button small{font-size:9px}
  .home-ats-table{grid-template-columns:.9fr .8fr 1.2fr}.home-ats-table header{grid-template-columns:.9fr .8fr 1.2fr}.home-ats-table header span{font-size:9px}.home-ats-table>span,.home-ats-table>b,.home-ats-table>small{min-height:64px;padding:0 7px;font-size:10px;line-height:1.35}
}
@media (prefers-reduced-motion:reduce){.hero-scene,.scene-resume-paper,.scene-writing-cursor,.scene-verdict,.scene-ats-score>span,.scene-ats-report>div,.scene-letter-evidence>span,.scene-letter-paper,.scene-letter-paper>i,.scene-portfolio-browser main>strong,.scene-portfolio-glow{animation:none!important;transition:none!important}}

/* Mobile product discovery is part of the product, not expendable header chrome. */
@media (max-width:820px){
  :root{--topbar-h:104px}
  .topbar,.topbar.landing-bar{height:var(--topbar-h);grid-template-columns:1fr auto;grid-template-rows:60px 44px;gap:0;padding:0 14px}
  .topbar .brand{grid-column:1;grid-row:1}
  .topbar .topbar-actions{grid-column:2;grid-row:1}
  .topbar .primary-nav{grid-column:1/-1;grid-row:2;width:calc(100% + 28px);height:44px;display:flex;margin-left:-14px;overflow-x:auto;border-top:1px solid var(--border-subtle);scrollbar-width:none}
  .topbar .primary-nav::-webkit-scrollbar{display:none}
  .topbar .primary-nav a{min-width:0;flex:1 1 25%;justify-content:center;padding:0 4px;font-size:clamp(9px,2.7vw,11px);white-space:nowrap}
  .home-v2{--topbar-h:104px}
}

@media (max-width:650px){
  .home-hero{padding:18px 18px 22px}
  .home-kicker{font-size:7px}
  .home-hero h1{margin:15px 0 14px;font-size:clamp(43px,12vw,52px);line-height:.9}
  .home-hero-copy>p{font-size:14px;line-height:1.48}
  .home-hero-actions{gap:9px;margin-top:20px}
  .home-proof-stamp{display:none}
  .home-hero-art{margin-top:16px}
  .hero-cinema{height:280px}
  .hero-sequence{min-height:52px}
  .hero-sequence button{min-height:52px}
  .scene-resume-paper{top:36px;bottom:8px}
  .scene-ats-score{top:29%}
  .scene-letter-paper{top:75px;bottom:8px}
  .scene-letter-paper footer{display:none}
  .scene-portfolio-browser main{top:67px}
  .scene-portfolio-browser main>strong{font-size:34px}
}

/* Résumé entry benchmark · two distinct paths, no corridor-like divider UI. */
.resume-start-content { width:min(1180px,calc(100% - 64px)); padding-top:clamp(32px,4vw,58px); }
.resume-start-copy { max-width:850px; }
.resume-start-copy h1 { max-width:13ch; font-size:clamp(54px,5vw,70px); }
.resume-start-choices { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr); gap:18px; margin-top:30px; border:0; }
.resume-start-row { position:relative; min-height:320px; display:flex; flex-direction:column; align-items:flex-start; gap:0; overflow:hidden; padding:30px 32px; border:1px solid var(--cx-line-strong); background:var(--cx-paper); transition:transform var(--motion-base) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard),border-color var(--motion-base) var(--ease-standard); }
.resume-start-row:hover,.resume-start-row:focus-visible { padding:30px 32px; border-color:var(--cx-accent); outline:3px solid var(--cx-accent-a16); outline-offset:3px; transform:translateY(-5px); box-shadow:var(--elevation-3); }
.resume-start-build { border-color:var(--cx-panel); background:radial-gradient(circle at 82% 28%,var(--cx-accent-a30),transparent 31%),var(--cx-panel); color:var(--cx-paper); }
.resume-start-build:hover,.resume-start-build:focus-visible { border-color:var(--cx-accent); background:radial-gradient(circle at 82% 28%,var(--cx-accent-a38),transparent 32%),var(--cx-panel); }
.resume-start-index { position:relative; z-index:2; color:var(--cx-stop-fg); font-size:9px; text-transform:uppercase; }
.resume-start-upload .resume-start-index { color:var(--cx-accent); }
.resume-start-body { position:relative; z-index:2; width:min(57%,470px); flex:1; justify-content:flex-end; gap:14px; }
.resume-start-upload .resume-start-body { width:min(72%,390px); }
.resume-start-title { display:block; color:inherit; font:500 clamp(30px,3.1vw,45px)/.96 var(--serif); letter-spacing: -.015em; }
.resume-start-desc { color:var(--cx-paper-a65); font-size:13px; }
.resume-start-upload .resume-start-desc { color:var(--ink-70); }
.resume-choice-action { width:max-content; min-height:46px; display:inline-flex; align-items:center; gap:22px; margin-top:8px; padding:0 17px; border:1px solid var(--cx-accent); background:var(--cx-accent); color:var(--cx-paper); font-size:11px; font-weight:800; }
.resume-choice-action i { font:normal 19px/1 var(--serif); }
.resume-file-types { display:flex; gap:7px; }
.resume-file-types i { min-height:28px; display:grid; place-items:center; padding:0 8px; border:1px solid var(--cx-line-strong); color:var(--cx-accent); font:normal 800 7px/1 var(--mono); }
.resume-file-types i:first-child { border-color: var(--cx-ink60); color:var(--cx-stop-fg); }
.resume-choice-visual { position:absolute; z-index:1; pointer-events:none; }
.build-visual { top:30px; right:30px; width:42%; height:175px; border:1px solid var(--cx-paper-a30); background:var(--cx-paper); box-shadow:0 24px 55px var(--cx-ink-a30); transform:rotate(2deg); }
.build-visual::before { content:"CV"; position:absolute; top:22px; left:22px; width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:var(--cx-mist); color:var(--cx-accent); font:800 9px/1 var(--mono); }
.build-visual i { position:absolute; left:82px; right:24px; height:6px; background:var(--cx-line); }
.build-visual i:nth-child(1) { top:28px; right:45px; background:var(--cx-accent-line); }
.build-visual i:nth-child(2) { top:50px; }
.build-visual i:nth-child(3) { top:92px; left:24px; right:24px; box-shadow:0 22px var(--cx-mist),0 44px var(--cx-mist),0 66px var(--cx-mist); }
.build-visual em { position:absolute; right:18px; bottom:16px; color:var(--cx-accent); font:normal 800 9px/1 var(--mono); }
.upload-visual { top:38px; right:30px; width:92px; height:92px; display:grid; place-items:center; border:1px dashed var(--cx-ok-fg); background:var(--cx-porcelain); color:var(--cx-ok-fg); }
.upload-visual i { font:normal 34px/1 var(--serif); }
.upload-visual em { position:absolute; top:105px; right:0; width:130px; color:var(--cx-ink60); font:normal 800 7px/1.35 var(--mono); text-transform:uppercase; letter-spacing:.05em; text-align:right; }
.gallery-scroll-receipt { align-self:flex-end; color:var(--cx-ink60); font:800 9px/1.4 var(--mono); letter-spacing:.06em; text-transform:uppercase; }
.gallery-scroll-receipt b { color:var(--coral); font:500 27px/1 var(--serif); }
.home-resume-showcase>footer a { margin-left:auto; color:var(--cx-accent); font-size:11px; font-weight:800; text-decoration:none; }

@media (max-width:760px) {
  .resume-start-content { width:calc(100% - 32px); padding-top:42px; }
  .resume-start-copy h1 { max-width:10ch; font-size:clamp(46px,14vw,62px); }
  .resume-start-choices { grid-template-columns:1fr; gap:12px; margin-top:34px; }
  .resume-start-row,.resume-start-row:hover,.resume-start-row:focus-visible { min-height:310px; padding:24px; }
  .resume-start-body,.resume-start-upload .resume-start-body { width:100%; }
  .resume-start-build .resume-start-body { padding-top:180px; }
  .resume-start-upload .resume-start-body { padding-top:130px; }
  .resume-start-title { font-size:31px; }
  .build-visual { top:28px; right:20px; width:38%; height:160px; }
  .build-visual::before { top:16px; left:14px; width:34px; height:34px; }
  .build-visual i { left:58px; right:14px; }
  .build-visual i:nth-child(3) { left:14px; right:14px; }
  .upload-visual { top:26px; right:20px; width:76px; height:76px; }
  .resume-import-settings { align-items:flex-start; flex-direction:column; }
  .resume-import-settings p { text-align:left; }
  .gallery-scroll-receipt { align-self:flex-start; }
  .home-resume-showcase>footer a { width:100%; margin:10px 0 0; }
}

@media (max-width:380px) {
  .resume-start-row,.resume-start-row:hover,.resume-start-row:focus-visible { min-height:390px; padding:20px; }
  .resume-start-body,.resume-start-upload .resume-start-body { width:100%; }
  .resume-start-desc { font-size:12px; }
  .build-visual { right:14px; width:34%; height:142px; }
  .build-visual i { left:46px; }
  .upload-visual { right:14px; width:68px; height:68px; }
}

/* ========================================================================== */
/* Conxfolio Career Canvas V3 · isolated localhost visual system              */
/* ========================================================================== */

body.career-canvas-v3 {
  --navy:var(--cx-panel);
  --navy-2:var(--cx-panel);
  
  --good:var(--cx-ok-fg);
  --good-soft:var(--cx-mist);
  --warn:var(--cx-stop-fg);
  --paper:var(--cx-paper);
  --porcelain:var(--cx-paper);
  --line:var(--cx-mist);
  --line-dark:var(--cx-line-strong);
  --surface-canvas:var(--cx-paper);
  --surface-editorial:var(--cx-paper);
  --surface-inverse:var(--cx-panel);
  --action-primary:var(--cx-accent);
  --action-primary-hover:var(--cx-accent);
  --action-primary-soft:var(--cx-accent-soft);
  background:var(--cx-paper);
  color:var(--cx-panel);
}

.career-canvas-v3 .topbar {
  height:64px;
  padding:0 clamp(22px,3vw,48px);
  border-bottom:1px solid var(--cx-mist);
  background:var(--cx-paper-a92);
  box-shadow:none;
  backdrop-filter:blur(18px);
}
.career-canvas-v3 .topbar.landing-bar { border-color:var(--cx-paper-a10); background:var(--cx-panel); color:var(--cx-paper); }
.career-canvas-v3 .topbar .brand { display:flex; align-items:center; gap:11px; color:inherit; font:600 25px/1 var(--serif); letter-spacing: -.015em; }
.career-canvas-v3 .topbar:not(.landing-bar) .brand { color:var(--cx-panel); }
.career-mark { position:relative; width:32px; height:32px; display:block; transform:rotate(-5deg); }
.career-mark i { position:absolute; width:14px; height:14px; border-radius:2px 8px 2px 8px; transform-origin:16px 16px; }
.career-mark i:nth-child(1){left:2px;top:1px;background:var(--cx-panel);transform:rotate(-28deg)}
.career-mark i:nth-child(2){right:1px;top:4px;background:var(--cx-accent);transform:rotate(30deg)}
.career-mark i:nth-child(3){left:3px;bottom:1px;background:var(--cx-ok-fg);transform:rotate(24deg)}
.career-mark i:nth-child(4){right:0;bottom:3px;background:var(--cx-stop-fg);transform:rotate(-28deg)}
.career-canvas-v3 .landing-bar .career-mark i:nth-child(1){background:var(--cx-paper)}
.career-canvas-v3 .primary-nav { gap:4px; }
.career-canvas-v3 .primary-nav a { min-height:38px; padding:0 13px; border-radius:4px; color:var(--cx-accent); font-size:11px; font-weight:720; }
.career-canvas-v3 .landing-bar .primary-nav a { color: var(--cx-ink60); }
.career-canvas-v3 .primary-nav a:hover,.career-canvas-v3 .primary-nav a.on { background:var(--cx-accent-soft); color:var(--cx-accent); }
.career-canvas-v3 .landing-bar .primary-nav a:hover { background:var(--cx-paper-a10); color:var(--cx-paper); }
.career-canvas-v3 .workspace-button { border-radius:4px; background:var(--cx-accent); }
.career-canvas-v3 .landing-bar .workspace-button { border:1px solid var(--cx-paper-a30); background:transparent; }
.career-canvas-v3 .topbar.landing-bar .workspace-button { color:var(--cx-paper); }
.career-canvas-v3 .button { border-radius:4px; }

/* Homepage */
.career-canvas-home { overflow:hidden; background:var(--cx-paper); }
.canvas-hero { min-height:720px; display:grid; grid-template-columns:minmax(370px,.72fr) minmax(660px,1.28fr); align-items:center; gap:clamp(36px,4vw,78px); padding:68px clamp(28px,5vw,78px) 58px; border-bottom:1px solid var(--cx-mist); background:radial-gradient(circle at 86% 14%,var(--cx-accent-a08),transparent 28%),linear-gradient(var(--cx-paper),var(--cx-paper)); }
.canvas-hero>* { min-width:0; }
.canvas-hero-copy { position:relative; z-index:2; }
.canvas-kicker,.canvas-section-head>span,.canvas-gallery-head>div>span,.canvas-ats-story>div>span,.canvas-letter-story>span,.canvas-workspace-story>div>span,.canvas-faq header>span,.canvas-final>span { color:var(--cx-accent); font:800 10px/1 var(--ui); letter-spacing:.13em; text-transform:uppercase; }
.canvas-hero h1 { max-width:590px; margin:20px 0 25px; color:var(--cx-panel); font:520 clamp(68px,6.7vw,108px)/.82 var(--serif); letter-spacing: -.015em; }
.canvas-hero h1 em,.canvas-section-head h2 em,.canvas-workspace-story h2 em,.canvas-final h2 em { color:var(--cx-accent); font-weight:420; font-style:normal; }
.canvas-hero-copy>p { max-width:540px; margin:0; color:var(--cx-accent); font-size:18px; line-height:1.58; }
.canvas-hero-actions { display:flex; gap:12px; margin-top:30px; }
.canvas-hero-actions .button { min-height:54px; padding:0 24px; }
.canvas-free-line { display:flex; align-items:center; gap:11px; margin-top:28px; color:var(--cx-accent); }
.canvas-free-line>i { width:28px; height:28px; display:grid; place-items:center; border:1px solid var(--cx-ok-fg); border-radius:50%; background:var(--cx-mist); color:var(--cx-ok-fg); font-style:normal; font-weight:900; }
.canvas-free-line span { display:grid; gap:2px; }.canvas-free-line b{font-size:11px}.canvas-free-line small{color:var(--cx-accent);font-size:9px}
.canvas-transformation { position:relative; min-height:555px; padding:58px 28px 34px; }
.canvas-transformation::before { content:""; position:absolute; inset:18px -10px 0; border:1px solid var(--cx-mist); border-radius:42% 58% 8px 8px/12% 12% 8px 8px; background:linear-gradient(145deg,var(--cx-paper-a85),var(--cx-porcelain-a75)); box-shadow:0 35px 80px var(--cx-panel-a10); transform:perspective(900px) rotateY(-2deg); }
.canvas-label { position:absolute; z-index:2; top:34px; left:48px; color:var(--cx-accent); font:800 9px/1 var(--ui); letter-spacing:.15em; text-transform:uppercase; }
.canvas-path { position:absolute; z-index:1; top:52px; left:7%; right:3%; height:145px; border-top:2px solid var(--cx-accent); border-radius:50% 50% 0 0; transform:rotate(-3deg); }
.canvas-path::after { content:""; position:absolute; right:-2px; top:-7px; width:12px; height:12px; border-top:2px solid var(--cx-accent); border-right:2px solid var(--cx-accent); transform:rotate(45deg); }
.canvas-path i { position:absolute; top:-7px; width:13px; height:13px; border:3px solid var(--cx-paper); border-radius:50%; background:var(--cx-accent); box-shadow:0 0 0 1px var(--cx-accent); animation:canvasPulse 3.6s ease-in-out infinite; }
.canvas-path i:nth-child(1){left:10%}.canvas-path i:nth-child(2){left:30%;animation-delay:.25s}.canvas-path i:nth-child(3){left:50%;animation-delay:.5s}.canvas-path i:nth-child(4){left:70%;animation-delay:.75s}.canvas-path i:nth-child(5){left:90%;animation-delay:1s}
.canvas-proof-row { position:relative; z-index:2; display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin-top:65px; }
.canvas-proof-row article { position:relative; min-height:150px; display:flex; flex-direction:column; justify-content:space-between; padding:18px 15px; border:1px solid var(--cx-line); border-radius:6px 18px 6px 6px; background:var(--cx-paper); box-shadow:0 15px 28px var(--cx-panel-a08); transition:transform .35s ease,box-shadow .35s ease; }
.canvas-proof-row article:hover { transform:translateY(-7px); box-shadow:0 22px 38px var(--cx-panel-a12); }
.canvas-proof-row article>i { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; background:var(--cx-accent-soft); color:var(--cx-accent); font-style:normal; font-weight:900; }
.canvas-proof-row article:nth-child(2)>i{background:var(--cx-mist);color:var(--cx-ok-fg)}.canvas-proof-row article:nth-child(3)>i{background:var(--cx-porcelain);color:var(--cx-stop-fg)}.canvas-proof-row article:nth-child(4)>i{background:var(--cx-porcelain);color:var(--cx-accent)}.canvas-proof-row article:nth-child(5)>i{background:var(--cx-ask-bg);color:var(--cx-ask-fg)}
.canvas-proof-row article span{display:grid;gap:5px}.canvas-proof-row article b{color:var(--cx-panel);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.canvas-proof-row article small{color:var(--cx-accent);font-size:10px;line-height:1.4}
.canvas-output-row { position:relative; z-index:2; display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:48px; }
.canvas-output-row::before { content:""; position:absolute; left:4%; right:4%; top:-25px; height:1px; background:linear-gradient(90deg,var(--cx-accent),var(--cx-ok-fg),var(--cx-stop-fg),var(--cx-ask-fg)); }
.canvas-output-row a { min-height:105px; display:grid; grid-template-columns:40px 1fr; align-items:center; gap:11px; padding:15px; border:1px solid var(--cx-line); border-bottom:3px solid var(--cx-accent); background:var(--cx-paper); color:var(--cx-panel); text-decoration:none; transition:transform .25s ease,border-color .25s ease; }
.canvas-output-row a:nth-child(2){border-bottom-color:var(--cx-ok-fg)}.canvas-output-row a:nth-child(3){border-bottom-color:var(--cx-stop-fg)}.canvas-output-row a:nth-child(4){border-bottom-color:var(--cx-ask-fg)}.canvas-output-row a:hover{transform:translateY(-4px);border-color:var(--cx-accent)}
.canvas-output-row a>i { width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--cx-accent-soft);color:var(--cx-accent) }.canvas-output-row svg{width:20px;fill:none;stroke:currentColor;stroke-width:2}
.canvas-output-row span{display:grid;gap:4px}.canvas-output-row b{font-size:12px}.canvas-output-row small{color:var(--cx-accent);font-size:8px}.canvas-output-row strong{color:var(--cx-ok-fg);font-size:18px}
@keyframes canvasPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.4);box-shadow:0 0 0 8px var(--cx-accent-a08)}}

/* Career Canvas V3 hero scene — proof is visibly processed into four real products. */
.canvas-transformation{isolation:isolate;min-height:570px;padding:0}
.canvas-transformation::before{inset:0;border:0;border-radius:0;background:radial-gradient(circle at 51% 47%,var(--cx-accent-a10),transparent 18%),linear-gradient(var(--cx-accent-a04) 1px,transparent 1px),linear-gradient(90deg,var(--cx-accent-a04) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px;box-shadow:none;transform:none;mask-image:linear-gradient(90deg,transparent,var(--cx-ink) 12%,var(--cx-ink) 88%,transparent)}
.canvas-scene-head{position:absolute;z-index:5;top:8px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 8px;color:var(--cx-accent);font:800 9px/1 var(--ui);letter-spacing:.13em;text-transform:uppercase}
.canvas-scene-head small{display:flex;align-items:center;gap:7px;color:var(--cx-ok-fg);font-size:8px;letter-spacing:.05em}.canvas-scene-head small i{width:7px;height:7px;border-radius:50%;background:var(--cx-ok-fg);box-shadow:0 0 0 5px var(--cx-ok-fg-a10);animation:careerLive 2.2s ease-in-out infinite}
.career-signal-field{position:absolute;z-index:1;inset:27px 0 20px;width:100%;height:calc(100% - 47px);overflow:visible}.career-signal-field path{fill:none;stroke-width:1.4;vector-effect:non-scaling-stroke}.signal-input{stroke:var(--cx-accent-line);stroke-dasharray:4 5;animation:careerFlow 11s linear infinite}.signal-output{stroke:var(--cx-accent)}.ats-signal{stroke:var(--cx-ok-fg)}.letter-signal{stroke:var(--cx-stop-fg)}.portfolio-signal{stroke:var(--cx-ask-fg)}.signal-particle{filter:drop-shadow(0 0 5px currentColor)}.particle-blue{fill:var(--cx-accent);color:var(--cx-accent)}.particle-mint{fill:var(--cx-ok-fg);color:var(--cx-ok-fg)}.particle-coral{fill:var(--cx-stop-fg);color:var(--cx-stop-fg)}.particle-amber{fill:var(--cx-ask-fg);color:var(--cx-ask-fg)}
.canvas-proof-sources{position:absolute;z-index:3;top:64px;left:0;width:174px;display:grid;gap:8px}.canvas-proof-sources article{min-height:72px;display:grid;grid-template-columns:37px 1fr;align-items:center;gap:10px;padding:10px;border:1px solid var(--cx-line);background:var(--cx-paper-a92);box-shadow:0 10px 24px var(--cx-panel-a08);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.canvas-proof-sources article:nth-child(odd){transform:translateX(10px)}.canvas-proof-sources article:hover{transform:translateX(16px);border-color:var(--cx-accent);box-shadow:0 14px 30px var(--cx-panel-a12)}.canvas-proof-sources article>i{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:var(--cx-accent-soft);color:var(--cx-accent);font-style:normal;font-weight:900}.canvas-proof-sources article:nth-child(2)>i{background:var(--cx-mist);color:var(--cx-ok-fg)}.canvas-proof-sources article:nth-child(3)>i{background:var(--cx-porcelain);color:var(--cx-stop-fg)}.canvas-proof-sources article:nth-child(4)>i{background:var(--cx-porcelain);color:var(--cx-accent)}.canvas-proof-sources article:nth-child(5)>i{background:var(--cx-ask-bg);color:var(--cx-ask-fg)}.canvas-proof-sources article span{min-width:0;display:grid;gap:4px}.canvas-proof-sources b{color:var(--cx-panel);font-size:9px;letter-spacing:.04em;text-transform:uppercase}.canvas-proof-sources small{overflow:hidden;color:var(--cx-accent);font-size:8px;white-space:nowrap;text-overflow:ellipsis}
.canvas-processing-core{position:absolute;z-index:4;top:50%;left:51%;width:150px;height:190px;transform:translate(-50%,-50%);perspective:700px}.core-plane{position:absolute;top:25px;left:37px;width:78px;height:140px;border:1px solid var(--cx-accent-a38);background:linear-gradient(145deg,var(--cx-paper-a85),var(--cx-accent-line-a30));box-shadow:0 20px 35px var(--cx-accent-a14);transform:rotateY(-48deg) rotateZ(2deg);animation:careerPlane 5s ease-in-out infinite}.core-plane::before{content:"";position:absolute;inset:12px;background:radial-gradient(circle,var(--cx-accent) 1px,transparent 1.5px);background-size:10px 10px;opacity:.55}.plane-back{left:12px;opacity:.55;animation-delay:-1s}.plane-mid{left:37px;background:linear-gradient(145deg,var(--cx-accent-a20),var(--cx-paper-a65));animation-delay:-.5s}.plane-front{left:62px;border-color:var(--cx-accent);background:linear-gradient(145deg,var(--cx-accent),var(--cx-panel));box-shadow:0 28px 44px var(--cx-panel-a30)}.plane-front::before{background:radial-gradient(circle,var(--cx-accent) 1px,transparent 1.7px);background-size:12px 12px}.core-orbit{position:absolute;z-index:3;top:61px;left:31px;width:88px;height:88px;border:1px solid var(--cx-accent-a75);border-radius:50%;box-shadow:0 0 0 13px var(--cx-accent-a08),0 0 30px var(--cx-accent-a24);animation:careerOrbit 5s linear infinite}.core-orbit::before,.core-orbit::after{content:"";position:absolute;border-radius:50%}.core-orbit::before{inset:21px;background:var(--cx-accent);box-shadow:0 0 20px var(--cx-accent)}.core-orbit::after{width:9px;height:9px;top:-5px;left:38px;background:var(--cx-ok-fg);box-shadow:0 0 10px var(--cx-ok-fg)}.canvas-processing-core>b{position:absolute;z-index:5;left:50%;bottom:0;width:128px;display:grid;grid-template-columns:24px 1fr;align-items:center;padding:9px 10px;border:1px solid var(--cx-line);background:var(--cx-paper);box-shadow:0 10px 25px var(--cx-panel-a14);transform:translateX(-50%);font-style:normal}.canvas-processing-core>b em{grid-row:1/3;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--cx-mist);color:var(--cx-ok-fg);font-size:9px;font-style:normal}.canvas-processing-core>b small{color:var(--cx-accent);font-size:6px;text-transform:uppercase;letter-spacing:.1em}.canvas-processing-core>b strong{color:var(--cx-panel);font-size:9px;text-transform:uppercase}.core-scan{position:absolute;z-index:6;top:34px;left:32px;width:88px;height:2px;background:var(--cx-accent);box-shadow:0 0 10px var(--cx-accent);animation:careerScan 3s ease-in-out infinite}
.canvas-destinations{position:absolute;z-index:3;top:59px;right:0;width:195px;display:grid;gap:10px}.canvas-destinations>a{position:relative;min-height:94px;display:grid;grid-template-columns:41px 1fr;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--cx-line);border-left:3px solid var(--cx-accent);background:var(--cx-paper-a92);box-shadow:0 13px 27px var(--cx-panel-a10);color:var(--cx-panel);text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.canvas-destinations>a:nth-child(even){transform:translateX(10px)}.canvas-destinations>a:hover{transform:translateX(-7px);box-shadow:0 18px 35px var(--cx-panel-a16)}.canvas-destinations>a>i{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:var(--cx-accent-soft);color:var(--cx-accent)}.canvas-destinations svg{width:20px;fill:none;stroke:currentColor;stroke-width:2}.canvas-destinations a>span{position:relative;min-width:0;display:grid;gap:5px}.canvas-destinations b{font-size:11px}.canvas-destinations small{color:var(--cx-accent);font-size:7px}.canvas-destinations span>em:not(.score-ring){display:block;width:75%;height:2px;background:var(--cx-mist)}.canvas-destinations span>em+em{width:58%}.canvas-destinations span>em+em+em{width:39%}.canvas-destinations .destination-ats{border-left-color:var(--cx-ok-fg)}.canvas-destinations .destination-ats>a{color:var(--cx-ok-fg)}.destination-ats>a{}.canvas-destinations .destination-ats>i{background:var(--cx-mist);color:var(--cx-ok-fg)}.canvas-destinations .destination-letter{border-left-color:var(--cx-stop-fg)}.canvas-destinations .destination-letter>i{background:var(--cx-porcelain);color:var(--cx-stop-fg)}.canvas-destinations .destination-portfolio{border-left-color:var(--cx-ask-fg)}.canvas-destinations .destination-portfolio>i{background:var(--cx-ask-bg);color:var(--cx-ask-fg)}.canvas-destinations strong{color:var(--cx-ok-fg);font-size:17px}.score-ring{position:absolute;right:0;top:-3px;width:28px;height:28px;border:4px solid var(--cx-mist);border-top-color:var(--cx-ok-fg);border-right-color:var(--cx-ok-fg);border-radius:50%;animation:careerOrbit 6s linear infinite}.destination-portfolio span{grid-template-columns:1fr 1fr}.destination-portfolio span b,.destination-portfolio span small{grid-column:1/-1}.destination-portfolio span>em:not(.score-ring){width:auto;height:7px;background:var(--cx-mist)}.destination-portfolio span>em:nth-of-type(2){background:var(--cx-ok-line)}.destination-portfolio span>em:nth-of-type(3){background:var(--cx-stop-bg)}.destination-portfolio span>em:nth-of-type(4){background:var(--cx-mist)}
.canvas-live-receipt{position:absolute;z-index:5;right:202px;bottom:7px;display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--cx-mist);background:var(--cx-paper);color:var(--cx-accent);box-shadow:0 9px 22px var(--cx-panel-a08);font-size:7px;text-transform:uppercase;letter-spacing:.05em}.canvas-live-receipt i,.canvas-live-receipt b{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:var(--cx-accent-soft);color:var(--cx-accent);font-size:8px;font-style:normal}.canvas-live-receipt b{background:var(--cx-panel);color:var(--cx-paper)}.canvas-live-receipt>em{color:var(--cx-accent);font-style:normal;font-size:13px}

/* Real browser-composited 3D: every layer occupies a different Z plane. */
.canvas-transformation{--scene-rx:0deg;--scene-ry:0deg;--scene-x:0px;--scene-y:0px;perspective:1050px;perspective-origin:52% 45%;transform-style:preserve-3d}
.canvas-transformation::after{content:"";position:absolute;z-index:0;left:13%;right:8%;bottom:34px;height:90px;border-radius:50%;background:radial-gradient(ellipse,var(--cx-panel-a16),var(--cx-panel-a04) 45%,transparent 72%);filter:blur(7px);transform:rotateX(72deg) translateZ(-90px);pointer-events:none}
.career-signal-field{transform:translate3d(0,0,-75px) rotateX(7deg);transform-origin:center;transition:transform .35s ease-out}
.canvas-proof-sources{transform-style:preserve-3d;transform:translate3d(calc(0px - var(--scene-x)),calc(0px - var(--scene-y)),25px) rotateX(var(--scene-rx)) rotateY(calc(10deg + var(--scene-ry)));transform-origin:right center;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.canvas-proof-sources article,.canvas-proof-sources article:nth-child(odd){--proof-depth:18px;position:relative;overflow:visible;transform-style:preserve-3d;transform:translateZ(var(--proof-depth));box-shadow:-4px 12px 0 var(--cx-mist),0 22px 35px var(--cx-panel-a12)}
.canvas-proof-sources article:nth-child(2){--proof-depth:7px}.canvas-proof-sources article:nth-child(3){--proof-depth:28px}.canvas-proof-sources article:nth-child(4){--proof-depth:12px}.canvas-proof-sources article:nth-child(5){--proof-depth:22px}
.canvas-proof-sources article::before{content:"";position:absolute;z-index:-2;left:19px;top:43px;width:42px;height:42px;border:1px solid var(--cx-accent-a30);border-radius:50%;background:radial-gradient(circle,var(--cx-paper-a92) 0 35%,var(--cx-accent-a16) 36% 55%,transparent 57%);box-shadow:0 11px 16px var(--cx-accent-a16);transform:translateZ(-34px) rotateX(68deg) scale(1.45)}
.canvas-proof-sources article::after{content:"";position:absolute;z-index:-1;inset:5px -7px -7px 5px;border:1px solid var(--cx-line);background:var(--cx-porcelain);transform:translateZ(-10px)}
.canvas-proof-sources article:hover,.canvas-proof-sources article:nth-child(odd):hover{transform:translate3d(7px,-4px,42px)}
.canvas-processing-core{transform-style:preserve-3d;transform:translate(-50%,-50%) translate3d(var(--scene-x),var(--scene-y),75px) rotateX(calc(5deg + var(--scene-rx))) rotateY(calc(-14deg + var(--scene-ry)));transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.core-plane{transform-style:preserve-3d;backface-visibility:visible}.plane-back{transform:translateZ(-58px) rotateY(-43deg) rotateZ(2deg)}.plane-mid{transform:translateZ(-16px) rotateY(-43deg) rotateZ(2deg)}.plane-front{transform:translateZ(34px) rotateY(-43deg) rotateZ(2deg)}
.core-plane::after{content:"";position:absolute;top:7px;right:-7px;width:7px;height:100%;background:linear-gradient(var(--cx-accent-line),var(--cx-accent));transform:rotateY(90deg);transform-origin:left}
.plane-front::after{background:linear-gradient(var(--cx-accent),var(--cx-panel))}
.plane-back{animation:careerPlaneBack 5s ease-in-out infinite}.plane-mid{animation:careerPlaneMid 5s -.5s ease-in-out infinite}.plane-front{animation:careerPlaneFront 5s -1s ease-in-out infinite}.core-orbit{transform:translateZ(78px);box-shadow:0 0 0 13px var(--cx-accent-a08),0 0 34px var(--cx-accent-a38);animation:careerCoreOrbit 5s linear infinite}
.canvas-processing-core>b{transform:translateX(-50%) translateZ(92px) rotateY(6deg);box-shadow:-5px 9px 0 var(--cx-mist),0 20px 34px var(--cx-panel-a20)}
.core-scan{transform:translateZ(96px);animation:careerCoreScan 3s ease-in-out infinite}
.canvas-destinations{transform-style:preserve-3d;transform:translate3d(var(--scene-x),var(--scene-y),35px) rotateX(var(--scene-rx)) rotateY(calc(-9deg + var(--scene-ry)));transform-origin:left center;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.canvas-destinations>a,.canvas-destinations>a:nth-child(even){--output-z:18px;overflow:visible;transform-style:preserve-3d;transform:translateZ(var(--output-z));box-shadow:7px 10px 0 var(--cx-mist),0 23px 38px var(--cx-panel-a14)}
.canvas-destinations>a:nth-child(2){--output-z:34px}.canvas-destinations>a:nth-child(3){--output-z:9px}.canvas-destinations>a:nth-child(4){--output-z:26px}
.canvas-destinations>a::before,.canvas-destinations>a::after{content:"";position:absolute;z-index:-1;inset:5px -7px -7px 7px;border:1px solid var(--cx-line);background:var(--cx-paper);transform:translateZ(-11px)}.canvas-destinations>a::after{inset:10px -12px -12px 12px;background:var(--cx-porcelain);transform:translateZ(-22px)}
.canvas-destinations>a:hover,.canvas-destinations>a:nth-child(even):hover{transform:translate3d(-7px,-4px,48px)}
.canvas-live-receipt{transform:translate3d(var(--scene-x),var(--scene-y),95px) rotateX(var(--scene-rx)) rotateY(var(--scene-ry));box-shadow:-5px 8px 0 var(--cx-mist),0 18px 28px var(--cx-panel-a14);transition:transform .35s ease-out}

/* Layered career-spine chamber — five authored planes, not a flat badge. */
.canvas-processing-core{width:230px;height:260px}
.core-plane{top:22px;width:88px;height:184px;border-radius:3px;transform-origin:center;backdrop-filter:blur(3px)}
.core-plane::before{inset:11px;opacity:.72}
.core-plane::after{right:-9px;width:9px;box-shadow:inset -2px 0 var(--cx-paper-a30)}
.plane-back{left:18px;border-color:var(--cx-accent-a38);background:linear-gradient(145deg,var(--cx-paper-a65),var(--cx-accent-line-a20));animation:careerLayerBack 5.8s ease-in-out infinite}
.plane-back::before{background:radial-gradient(circle,var(--cx-accent) 1px,transparent 1.5px);background-size:9px 9px}
.plane-grid{left:46px;border-color:var(--cx-accent-a55);background:linear-gradient(145deg,var(--cx-porcelain-a65),var(--cx-accent-a12));animation:careerLayerGrid 5.8s -.35s ease-in-out infinite}
.plane-grid::before{background:linear-gradient(var(--cx-accent-a20) 1px,transparent 1px),linear-gradient(90deg,var(--cx-accent-a20) 1px,transparent 1px);background-size:12px 12px}
.plane-mid{left:74px;border-color:var(--cx-accent-a65);background:linear-gradient(145deg,var(--cx-accent-a38),var(--cx-accent-a20));animation:careerLayerMid 5.8s -.7s ease-in-out infinite}
.plane-mid::before{background:repeating-radial-gradient(circle at 50% 50%,transparent 0 10px,var(--cx-accent-a30) 11px 12px)}
.plane-glass{left:102px;border-color:var(--cx-accent-a75);background:linear-gradient(145deg,var(--cx-accent-soft-a38),var(--cx-accent-a16));box-shadow:inset 0 0 26px var(--cx-accent-a20),0 25px 40px var(--cx-accent-a14);animation:careerLayerGlass 5.8s -1.05s ease-in-out infinite}
.plane-glass::before{background:linear-gradient(90deg,transparent 46%,var(--cx-accent-a55) 47% 49%,transparent 50%),linear-gradient(transparent 46%,var(--cx-accent-a55) 47% 49%,transparent 50%);background-size:100% 100%}
.plane-front{left:130px;border-color:var(--cx-accent);background:linear-gradient(145deg,var(--cx-accent),var(--cx-panel));box-shadow:inset 0 0 30px var(--cx-accent-a20),0 30px 48px var(--cx-panel-a30);animation:careerLayerFront 5.8s -1.4s ease-in-out infinite}
.plane-front::before{background:radial-gradient(circle,var(--cx-accent) 1px,transparent 1.7px);background-size:12px 12px;opacity:.62}
.core-beam{position:absolute;z-index:8;top:112px;left:-42px;width:318px;height:6px;background:linear-gradient(90deg,transparent,var(--cx-accent-line) 19%,var(--cx-paper) 49%,var(--cx-ok-fg) 58%,var(--cx-ask-fg) 78%,transparent);filter:drop-shadow(0 0 8px var(--cx-accent));transform:translateZ(116px);animation:careerBeam 2.5s ease-in-out infinite}
.core-beam::before,.core-beam::after{content:"";position:absolute;top:50%;border-radius:50%;transform:translateY(-50%)}.core-beam::before{left:48%;width:20px;height:20px;border:1px solid var(--cx-accent-line);box-shadow:0 0 0 12px var(--cx-accent-a08),0 0 25px var(--cx-accent)}.core-beam::after{left:53%;width:7px;height:7px;background:var(--cx-paper);box-shadow:0 0 14px var(--cx-paper)}
.canvas-processing-core .orbit-outer{top:54px;left:57px;width:118px;height:118px;border-color:var(--cx-accent-a75);transform:translateZ(102px);animation:careerOuterOrbit 7s linear infinite}.canvas-processing-core .orbit-outer::before{inset:19px;border:1px dashed var(--cx-accent-a65);background:transparent}.canvas-processing-core .orbit-inner{top:77px;left:80px;width:72px;height:72px;border-color:var(--cx-ok-fg-a75);transform:translateZ(128px);animation:careerInnerOrbit 4.5s linear infinite reverse}.canvas-processing-core .orbit-inner::before{inset:17px;background:var(--cx-accent);box-shadow:0 0 0 10px var(--cx-accent-a20),0 0 28px var(--cx-accent)}.canvas-processing-core .orbit-inner::after{background:var(--cx-ok-fg);box-shadow:0 0 12px var(--cx-ok-fg)}
.core-energy{position:absolute;z-index:12;top:95px;left:98px;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 36% 30%,var(--cx-paper) 0 7%,var(--cx-accent) 18%,var(--cx-accent) 52%,var(--cx-panel) 100%);box-shadow:0 0 0 9px var(--cx-accent-a12),0 0 35px var(--cx-accent);transform:translateZ(155px);animation:careerEnergy 2.4s ease-in-out infinite}.core-energy i{position:absolute;inset:10px;border-radius:50%;border:1px solid var(--cx-paper-a65)}
.canvas-processing-core>b{bottom:2px;width:146px;padding:10px 12px;transform:translateX(-50%) translateZ(150px) rotateY(5deg);box-shadow:-7px 11px 0 var(--cx-mist),-13px 18px 0 var(--cx-mist-a75),0 25px 40px var(--cx-panel-a24)}
.core-scan{top:30px;left:129px;width:91px;transform:translateZ(172px);animation:careerLayerScan 3.2s ease-in-out infinite}
@keyframes careerLayerBack{50%{transform:translateZ(-86px) rotateY(-54deg) rotateZ(1deg) translateY(-6px)}}@keyframes careerLayerGrid{50%{transform:translateZ(-48px) rotateY(-54deg) rotateZ(1deg) translateY(-7px)}}@keyframes careerLayerMid{50%{transform:translateZ(-10px) rotateY(-54deg) rotateZ(1deg) translateY(-8px)}}@keyframes careerLayerGlass{50%{transform:translateZ(30px) rotateY(-54deg) rotateZ(1deg) translateY(-9px)}}@keyframes careerLayerFront{50%{transform:translateZ(70px) rotateY(-54deg) rotateZ(1deg) translateY(-10px)}}
.plane-back{transform:translateZ(-86px) rotateY(-54deg) rotateZ(1deg)}.plane-grid{transform:translateZ(-48px) rotateY(-54deg) rotateZ(1deg)}.plane-mid{transform:translateZ(-10px) rotateY(-54deg) rotateZ(1deg)}.plane-glass{transform:translateZ(30px) rotateY(-54deg) rotateZ(1deg)}.plane-front{transform:translateZ(70px) rotateY(-54deg) rotateZ(1deg)}
@keyframes careerBeam{50%{opacity:.72;filter:drop-shadow(0 0 15px var(--cx-accent))}}@keyframes careerOuterOrbit{to{transform:translateZ(102px) rotate(360deg)}}@keyframes careerInnerOrbit{to{transform:translateZ(128px) rotate(360deg)}}@keyframes careerEnergy{50%{transform:translateZ(165px) scale(1.12);box-shadow:0 0 0 14px var(--cx-accent-a08),0 0 44px var(--cx-accent)}}@keyframes careerLayerScan{0%,100%{transform:translateZ(172px) translateY(0);opacity:.16}50%{transform:translateZ(172px) translateY(160px);opacity:1}}

/* Reference-aligned composition: fewer elements, larger planes, quieter depth. */
.career-canvas-home .canvas-transformation::before{background:radial-gradient(circle at 52% 48%,var(--cx-accent-a08),transparent 24%),linear-gradient(var(--cx-accent-a02) 1px,transparent 1px),linear-gradient(90deg,var(--cx-accent-a02) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px}
.career-canvas-home .canvas-transformation::after{left:24%;right:17%;bottom:62px;height:54px;background:radial-gradient(ellipse,var(--cx-panel-a12),transparent 68%);filter:blur(10px)}
.career-canvas-home .canvas-proof-sources{top:69px;left:10px;width:136px;gap:14px;transform:translate3d(calc(0px - var(--scene-x)),calc(0px - var(--scene-y)),18px) rotateX(var(--scene-rx)) rotateY(calc(7deg + var(--scene-ry)))}
.career-canvas-home .canvas-proof-sources article,.career-canvas-home .canvas-proof-sources article:nth-child(odd){--proof-depth:0px;min-height:70px;grid-template-columns:40px 1fr;gap:9px;padding:10px 8px;border-radius:10px;border-color: var(--cx-ink60);background:var(--cx-paper-a92);box-shadow:0 12px 22px var(--cx-accent-a08);transform:translateZ(0)}
.career-canvas-home .canvas-proof-sources article::before{left:9px;top:35px;width:42px;height:42px;border-color:var(--cx-accent-a20);background:radial-gradient(circle,var(--cx-paper) 0 38%,var(--cx-accent-a12) 40% 58%,transparent 60%);box-shadow:0 9px 13px var(--cx-accent-a10);transform:translateZ(-18px) rotateX(70deg) scale(1.25)}
.career-canvas-home .canvas-proof-sources article::after{display:none}.career-canvas-home .canvas-proof-sources article:hover{transform:translate3d(4px,-3px,18px)}.career-canvas-home .canvas-proof-sources article>i{width:38px;height:38px;border-radius:11px}.career-canvas-home .canvas-proof-sources b{font-size:8px}.career-canvas-home .canvas-proof-sources small{font-size:7px}
.career-canvas-home .canvas-processing-core{left:50%;width:184px;height:228px;transform:translate(-50%,-50%) translate3d(var(--scene-x),var(--scene-y),52px) rotateX(calc(3deg + var(--scene-rx))) rotateY(calc(-9deg + var(--scene-ry)))}
.career-canvas-home .core-plane{top:25px;width:64px;height:166px;border-radius:2px;backdrop-filter:blur(2px);box-shadow:0 18px 30px var(--cx-accent-a10)}
.career-canvas-home .core-plane::after{right:-6px;width:6px}.career-canvas-home .core-plane::before{inset:10px;opacity:.48}
.career-canvas-home .plane-back{left:18px;border-color:var(--cx-accent-a30);background:var(--cx-porcelain-a46);transform:translateZ(-54px) rotateY(-49deg);animation:referencePlaneBack 6.5s ease-in-out infinite}
.career-canvas-home .plane-grid{left:49px;border-color:var(--cx-accent-a38);background:var(--cx-accent-soft-a30);transform:translateZ(-18px) rotateY(-49deg);animation:referencePlaneGrid 6.5s -.4s ease-in-out infinite}
.career-canvas-home .plane-grid::before{background:linear-gradient(var(--cx-accent-a16) 1px,transparent 1px),linear-gradient(90deg,var(--cx-accent-a16) 1px,transparent 1px);background-size:13px 13px}
.career-canvas-home .plane-glass{left:80px;border-color:var(--cx-accent-a46);background:var(--cx-accent-line-a20);transform:translateZ(20px) rotateY(-49deg);animation:referencePlaneGlass 6.5s -.8s ease-in-out infinite}
.career-canvas-home .plane-glass::before{background:repeating-radial-gradient(circle at 50% 50%,transparent 0 12px,var(--cx-accent-a20) 13px 14px)}
.career-canvas-home .plane-front{left:111px;border-color:var(--cx-accent);background:linear-gradient(145deg,var(--cx-accent),var(--cx-panel));transform:translateZ(58px) rotateY(-49deg);animation:referencePlaneFront 6.5s -1.2s ease-in-out infinite}
.career-canvas-home .core-beam{top:104px;left:-34px;width:254px;height:3px;background:linear-gradient(90deg,transparent,var(--cx-accent-line) 18%,var(--cx-paper) 48%,var(--cx-ok-fg) 65%,transparent);filter:drop-shadow(0 0 5px var(--cx-accent-a75));transform:translateZ(92px);animation:referenceBeam 3.4s ease-in-out infinite}.career-canvas-home .core-beam::before{left:48%;width:13px;height:13px;box-shadow:0 0 0 9px var(--cx-accent-a08),0 0 18px var(--cx-accent)}.career-canvas-home .core-beam::after{display:none}
.career-canvas-home .canvas-processing-core .orbit-outer{top:66px;left:56px;width:72px;height:72px;border-color:var(--cx-accent-a46);box-shadow:0 0 0 9px var(--cx-accent-a04);transform:translateZ(84px);animation:referenceOrbit 10s linear infinite}.career-canvas-home .canvas-processing-core .orbit-outer::before{inset:16px;border:1px solid var(--cx-accent-a38)}.career-canvas-home .canvas-processing-core .orbit-outer::after{width:6px;height:6px;top:-3px;left:32px}
.career-canvas-home .core-energy{top:87px;left:77px;width:30px;height:30px;box-shadow:0 0 0 7px var(--cx-accent-a10),0 0 22px var(--cx-accent-a75);transform:translateZ(108px);animation:referenceEnergy 3s ease-in-out infinite}.career-canvas-home .core-energy i{inset:9px}
.career-canvas-home .canvas-processing-core>b{bottom:0;width:132px;padding:9px 10px;transform:translateX(-50%) translateZ(105px) rotateY(3deg);box-shadow:-4px 7px 0 var(--cx-mist),0 16px 26px var(--cx-panel-a14)}
.career-canvas-home .core-scan{top:33px;left:111px;width:65px;opacity:.45;transform:translateZ(100px);animation:referenceScan 4.2s ease-in-out infinite}
.career-canvas-home .canvas-destinations{top:48px;right:0;width:228px;gap:13px;transform:translate3d(var(--scene-x),var(--scene-y),22px) rotateX(var(--scene-rx)) rotateY(calc(-6deg + var(--scene-ry)))}
.career-canvas-home .canvas-destinations>a,.career-canvas-home .canvas-destinations>a:nth-child(even){--output-z:0px;min-height:104px;grid-template-columns:36px 1fr 74px;gap:9px;padding:12px;border-radius:2px;border-left-width:2px;background:var(--cx-paper);box-shadow:5px 7px 0 var(--cx-porcelain),0 17px 29px var(--cx-accent-a10);transform:translateZ(0) rotateZ(.5deg)}
.career-canvas-home .canvas-destinations>a:nth-child(even){transform:translate3d(8px,0,9px) rotateZ(-.5deg)}.career-canvas-home .canvas-destinations>a::before{inset:5px -5px -5px 5px;border-color: var(--cx-ink60);background:var(--cx-paper);transform:translateZ(-7px)}.career-canvas-home .canvas-destinations>a::after{display:none}.career-canvas-home .canvas-destinations>a:hover,.career-canvas-home .canvas-destinations>a:nth-child(even):hover{transform:translate3d(-5px,-3px,24px)}.career-canvas-home .canvas-destinations>a>i{width:36px;height:36px}.career-canvas-home .canvas-destinations a>span{gap:4px}.career-canvas-home .canvas-destinations b{font-size:10px}.career-canvas-home .canvas-destinations small{font-size:6.5px;line-height:1.35}
.career-canvas-home .canvas-destinations figure{position:relative;width:74px;height:74px;margin:0;border:1px solid var(--cx-mist);background:var(--cx-paper);overflow:hidden}.career-canvas-home .canvas-destinations figure em,.career-canvas-home .canvas-destinations figure i,.career-canvas-home .canvas-destinations figure u{position:absolute;display:block;text-decoration:none;font-style:normal}
.output-resume-art em{left:9px;right:9px;height:3px;background:var(--cx-mist)}.output-resume-art em:nth-child(1){top:10px;width:30px;background:var(--cx-accent)}.output-resume-art em:nth-child(2){top:21px}.output-resume-art em:nth-child(3){top:29px;width:42px}.output-resume-art em:nth-child(4){top:51px}.output-resume-art u{bottom:8px;width:22px;height:12px;background:var(--cx-porcelain)}.output-resume-art u:nth-of-type(1){left:9px}.output-resume-art u:nth-of-type(2){right:9px}
.output-ats-art em{top:10px;left:11px;width:30px;height:30px;display:grid!important;place-items:center;border:6px solid var(--cx-line);border-top-color:var(--cx-ok-fg);border-right-color:var(--cx-ok-fg);border-radius:50%;color:var(--cx-ok-fg);font-size:8px}.output-ats-art i{left:48px;right:8px;height:3px;background:var(--cx-line)}.output-ats-art i:nth-of-type(1){top:14px}.output-ats-art i:nth-of-type(2){top:25px}.output-ats-art i:nth-of-type(3){top:36px}.output-ats-art::after{content:"82";position:absolute;left:12px;bottom:7px;color:var(--cx-ok-fg);font:700 14px/1 var(--ui)}
.output-letter-art em{left:10px;right:10px;height:3px;background:var(--cx-mist)}.output-letter-art em:nth-child(1){top:14px;width:32px;background:var(--cx-stop-fg)}.output-letter-art em:nth-child(2){top:30px}.output-letter-art em:nth-child(3){top:40px;width:42px}.output-letter-art u{right:10px;bottom:9px;color:var(--cx-stop-fg);font:italic 16px/1 var(--serif)}
.output-portfolio-art{display:grid!important;grid-template-columns:repeat(3,1fr);gap:4px;padding:7px}.output-portfolio-art em{position:static!important;min-height:17px;background:var(--cx-accent)}.output-portfolio-art em:nth-child(2){background:var(--cx-ok-line)}.output-portfolio-art em:nth-child(3){background:var(--cx-mist)}.output-portfolio-art em:nth-child(4){background:var(--cx-stop-bg)}.output-portfolio-art em:nth-child(5){background:var(--cx-mist)}.output-portfolio-art em:nth-child(6){background:var(--cx-warn-line)}
.career-canvas-home .canvas-live-receipt{right:222px;bottom:7px;transform:translate3d(var(--scene-x),var(--scene-y),55px);box-shadow:0 10px 20px var(--cx-panel-a08)}
@keyframes referencePlaneBack{50%{transform:translateZ(-54px) rotateY(-49deg) translateY(-2px)}}@keyframes referencePlaneGrid{50%{transform:translateZ(-18px) rotateY(-49deg) translateY(-2px)}}@keyframes referencePlaneGlass{50%{transform:translateZ(20px) rotateY(-49deg) translateY(-2px)}}@keyframes referencePlaneFront{50%{transform:translateZ(58px) rotateY(-49deg) translateY(-2px)}}@keyframes referenceBeam{50%{opacity:.7}}@keyframes referenceOrbit{to{transform:translateZ(84px) rotate(360deg)}}@keyframes referenceEnergy{50%{transform:translateZ(112px) scale(1.05)}}@keyframes referenceScan{0%,100%{transform:translateZ(100px) translateY(0);opacity:.15}50%{transform:translateZ(100px) translateY(140px);opacity:.55}}
@keyframes careerFlow{to{stroke-dashoffset:-90}}@keyframes careerLive{50%{opacity:.45;transform:scale(.75)}}@keyframes careerPlane{50%{transform:rotateY(-48deg) rotateZ(2deg) translateY(-6px)}}@keyframes careerPlaneBack{50%{transform:translateZ(-58px) rotateY(-43deg) rotateZ(2deg) translateY(-7px)}}@keyframes careerPlaneMid{50%{transform:translateZ(-16px) rotateY(-43deg) rotateZ(2deg) translateY(-7px)}}@keyframes careerPlaneFront{50%{transform:translateZ(34px) rotateY(-43deg) rotateZ(2deg) translateY(-7px)}}@keyframes careerOrbit{to{transform:rotate(360deg)}}@keyframes careerCoreOrbit{to{transform:translateZ(78px) rotate(360deg)}}@keyframes careerScan{0%,100%{transform:translateY(0);opacity:.2}50%{transform:translateY(120px);opacity:1}}@keyframes careerCoreScan{0%,100%{transform:translateZ(96px) translateY(0);opacity:.2}50%{transform:translateZ(96px) translateY(120px);opacity:1}}
.canvas-promise { display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid var(--cx-mist); background:var(--cx-panel); color:var(--cx-paper); }
.canvas-promise>span { min-height:92px; display:flex; align-items:center; justify-content:center; gap:12px; border-right:1px solid var(--cx-paper-a12); }.canvas-promise>span:last-child{border:0}.canvas-promise b{font:500 34px/1 var(--serif);color:var(--cx-paper)}.canvas-promise small{max-width:110px;color: var(--cx-ink60);font-size:10px;line-height:1.35}
.canvas-products,.canvas-faq { padding:110px clamp(28px,6vw,92px); }
.canvas-section-head { display:grid; grid-template-columns:1.2fr .8fr; gap:40px; align-items:end; padding-bottom:48px; }
.canvas-section-head>span { grid-column:1/-1; }
.canvas-section-head h2,.canvas-gallery-head h2,.canvas-ats-story h2,.canvas-letter-story h2,.canvas-workspace-story h2,.canvas-faq h2 { margin:0; color:var(--cx-panel); font:480 clamp(50px,5vw,78px)/.92 var(--serif); letter-spacing: -.015em; }
.canvas-section-head>p { max-width:520px; margin:0 0 6px; color:var(--cx-accent); font-size:15px; line-height:1.65; }
.canvas-product-runway { border-top:1px solid var(--cx-line-strong); }
.canvas-product-runway>a { min-height:150px; display:grid; grid-template-columns:58px 64px 1fr auto; align-items:center; gap:22px; padding:22px 8px; border-bottom:1px solid var(--cx-line); color:var(--cx-panel); text-decoration:none; transition:padding .3s ease,background .3s ease; }
.canvas-product-runway>a:hover { padding-right:20px; padding-left:20px; background:var(--cx-porcelain); }
.canvas-product-runway>a>em { color: var(--cx-ink60); font:700 11px/1 var(--ui); font-style:normal; }.canvas-product-runway>a>i{width:56px;height:56px;display:grid;place-items:center;border:1px solid var(--cx-accent-line);border-radius:50%;color:var(--cx-accent)}.canvas-product-runway svg{width:27px;fill:none;stroke:currentColor;stroke-width:1.8}
.canvas-product-runway div>span{color:var(--cx-accent);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.canvas-product-runway h3{margin:6px 0 7px;font:520 31px/1 var(--serif);letter-spacing: -.015em}.canvas-product-runway p{max-width:650px;margin:0;color:var(--cx-accent);font-size:12px}.canvas-product-runway>a>b{color:var(--cx-accent);font-size:11px}
.canvas-resume-gallery,.canvas-portfolio-gallery { padding:105px 0 70px; border-top:1px solid var(--cx-mist); border-bottom:1px solid var(--cx-mist); background:var(--cx-paper); }
.canvas-gallery-head { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; padding:0 clamp(28px,6vw,92px); }
.canvas-gallery-head h2 { margin-top:13px; }
.canvas-gallery-head>div:last-child { display:grid; justify-items:end; gap:5px; text-align:right; }.canvas-gallery-head>div:last-child b{color:var(--cx-accent);font:600 19px/1 var(--serif)}.canvas-gallery-head>div:last-child small{color:var(--cx-accent);font-size:9px}.canvas-gallery-head a{margin-top:9px;color:var(--cx-accent);font-size:11px;font-weight:800;text-decoration:none}
.canvas-resume-rail,.canvas-world-rail { display:grid; grid-auto-flow:column; grid-auto-columns:260px; gap:18px; margin-top:44px; padding:8px clamp(28px,6vw,92px) 30px; overflow-x:auto; overflow-y:hidden; overscroll-behavior-inline:contain; scroll-behavior:auto; scroll-snap-type:x mandatory; scrollbar-gutter:stable; scrollbar-color:var(--cx-accent) transparent; }
.canvas-resume-card { scroll-snap-align:start; color:var(--cx-panel); text-decoration:none; }.canvas-resume-preview{height:350px!important;border:1px solid var(--cx-line);background:var(--cx-paper);box-shadow:0 14px 34px var(--cx-panel-a08);transition:transform .3s ease,box-shadow .3s ease}.canvas-resume-card:hover .canvas-resume-preview{transform:translateY(-7px);box-shadow:0 22px 45px var(--cx-panel-a14)}.canvas-resume-card>span:last-child{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin-top:14px}.canvas-resume-card b{font:600 17px/1 var(--serif)}.canvas-resume-card small{color:var(--cx-accent);font-size:9px}.canvas-resume-card em{grid-column:2;grid-row:1/3;color:var(--cx-ok-fg);font-size:8px;font-style:normal;font-weight:800;text-transform:uppercase}
.canvas-insight-pair { display:grid; grid-template-columns:1.08fr .92fr; }
.canvas-ats-story,.canvas-letter-story { min-height:590px; padding:88px clamp(28px,6vw,88px); }
.canvas-ats-story { display:grid; grid-template-columns:1fr 260px; align-items:center; gap:42px; background:var(--cx-panel);color:var(--cx-paper) }.canvas-ats-story h2{margin:14px 0 24px;color:var(--cx-paper)}.canvas-ats-story p{max-width:500px;color: var(--cx-ink60);line-height:1.65}.canvas-ats-story .button{margin-top:22px;background:var(--cx-paper);color:var(--cx-accent)}.canvas-ats-story figure{width:240px;height:240px;display:grid;place-items:center;margin:0;border:1px solid var(--cx-paper-a20);border-radius:50%;background:radial-gradient(circle,var(--cx-accent) 0 47%,transparent 48%),conic-gradient(var(--cx-ok-fg) 0 82%,var(--cx-paper-a10) 82%);box-shadow:0 0 0 20px var(--cx-paper-a04)}.canvas-ats-story figure>strong{align-self:end;font:550 72px/.9 var(--serif)}.canvas-ats-story figure>small{position:absolute;margin:43px 0 0 77px;color:var(--cx-accent)}.canvas-ats-story figcaption{align-self:start;color: var(--cx-ink60);font-size:10px}.canvas-ats-story ul{position:absolute;transform:translateY(205px);display:flex;gap:14px;padding:0;list-style:none}.canvas-ats-story li{color: var(--cx-ink60);font-size:8px;white-space:nowrap}.canvas-ats-story li i{color:var(--cx-ok-fg);font-style:normal}
.canvas-letter-story { position:relative; overflow:hidden; background:var(--cx-porcelain); }.canvas-letter-story h2{margin:14px 0 32px}.canvas-letter-story>div{position:relative;max-width:580px;min-height:220px;padding:38px 42px;border:1px solid var(--cx-line);background:var(--cx-paper);box-shadow:0 24px 50px var(--cx-stop-fg-a10);transform:rotate(-1deg)}.canvas-letter-story blockquote{margin:0;color:var(--cx-panel);font:460 22px/1.4 var(--serif)}.canvas-letter-story>div>i{display:block;width:82%;height:1px;margin-top:20px;background:var(--cx-line)}.canvas-letter-story>div>i:nth-of-type(2){width:95%}.canvas-letter-story>div>i:nth-of-type(3){width:56%}.canvas-letter-story>a{display:inline-block;margin-top:28px;color:var(--cx-stop-fg);font-size:11px;font-weight:850;text-decoration:none}
.canvas-portfolio-gallery { background:var(--cx-paper); }
.canvas-world-rail { grid-auto-columns:minmax(360px,30vw); }
.canvas-world-card { display:grid; grid-template-columns:36px 1fr; gap:5px 10px; scroll-snap-align:start; color:var(--cx-panel);text-decoration:none }.canvas-world-card>span{grid-column:1/-1;height:280px;overflow:hidden;border:1px solid var(--cx-line);background:var(--cx-porcelain);box-shadow:0 14px 34px var(--cx-panel-a08)}.canvas-world-card iframe{width:1440px;height:900px;border:0;transform:scale(.25);transform-origin:0 0;pointer-events:none}.canvas-world-card>em{grid-row:2/4;color:var(--world-accent);font:700 10px/1 var(--ui);font-style:normal}.canvas-world-card>b{font:600 19px/1 var(--serif)}.canvas-world-card>small{color:var(--cx-accent);font-size:9px}
.canvas-workspace-story { min-height:650px; display:grid; grid-template-columns:.72fr 1.28fr; align-items:center; gap:65px; padding:95px clamp(28px,6vw,92px); background:linear-gradient(145deg,var(--cx-paper),var(--cx-paper)); }.canvas-workspace-story h2{margin:15px 0 23px}.canvas-workspace-story p{max-width:440px;color:var(--cx-accent);line-height:1.65}.canvas-workspace-story .button{margin-top:22px}
.canvas-package-map { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; padding-top:90px; }.package-curve{position:absolute;top:50px;left:3%;right:3%;height:115px;border-top:3px solid var(--cx-accent);border-radius:50% 50% 0 0;transform:rotate(-3deg)}.canvas-package-map>a{position:relative;z-index:2;min-height:190px;display:flex;flex-direction:column;gap:13px;padding:19px 16px;border:1px solid var(--cx-line);background:var(--cx-paper);color:var(--cx-panel);text-decoration:none;box-shadow:0 16px 35px var(--cx-panel-a08)}.canvas-package-map>a:nth-of-type(2){transform:translateY(-18px)}.canvas-package-map>a:nth-of-type(3){transform:translateY(-38px)}.canvas-package-map>a:nth-of-type(4){transform:translateY(-60px);border:2px solid var(--cx-accent)}.canvas-package-map>a>em{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--cx-ok-fg);color:var(--cx-paper);font-size:10px;font-style:normal}.canvas-package-map>a.current>em{background:var(--cx-stop-fg)}.canvas-package-map>a>i{width:42px;height:42px;display:grid;place-items:center;color:var(--cx-accent)}.canvas-package-map svg{width:30px;fill:none;stroke:currentColor;stroke-width:1.8}.canvas-package-map span{display:grid;gap:5px;margin-top:auto}.canvas-package-map b{font:600 17px/1 var(--serif)}.canvas-package-map small{color:var(--cx-accent);font-size:9px}
.canvas-faq { display:grid; grid-template-columns:.72fr 1.28fr; gap:80px; border-top:1px solid var(--cx-mist); }.canvas-faq header{position:sticky;top:100px;align-self:start}.canvas-faq h2{margin:15px 0}.canvas-faq header p{color:var(--cx-accent)}.canvas-faq details{border-bottom:1px solid var(--cx-line)}.canvas-faq summary{min-height:86px;display:grid;grid-template-columns:42px 1fr 24px;align-items:center;gap:12px;cursor:pointer;list-style:none}.canvas-faq summary em{color: var(--cx-ink60);font-size:10px;font-style:normal}.canvas-faq summary b{font:550 20px/1.2 var(--serif)}.canvas-faq summary i{color:var(--cx-accent);font-style:normal;font-size:20px}.canvas-faq details p{max-width:650px;margin:0;padding:0 34px 28px 54px;color:var(--cx-accent);font-size:13px;line-height:1.7}
.canvas-final { min-height:520px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:80px 28px; background:var(--cx-panel); color:var(--cx-paper); text-align:center; }.canvas-final>span{color: var(--cx-ink60)}.canvas-final h2{margin:18px 0;color:var(--cx-paper);font:500 clamp(62px,6vw,98px)/.86 var(--serif);letter-spacing: -.015em}.canvas-final h2 em{color: var(--cx-ink60)}.canvas-final p{color: var(--cx-ink60)}.canvas-final>div{display:flex;gap:12px;margin-top:24px}.canvas-final .button-outline{border-color:var(--cx-accent);color:var(--cx-paper);background:transparent}.canvas-footer{background:var(--cx-panel);color: var(--cx-ink60)}.canvas-footer nav{display:flex;align-items:center;gap:22px}.canvas-footer nav a{color: var(--cx-ink60);text-decoration:none;font-size:12px}

/* Connected workspace */
.career-workspace { min-height:calc(100vh - 64px); padding:42px clamp(22px,3.2vw,52px) 26px; background:radial-gradient(circle at 65% 22%,var(--cx-accent-a04),transparent 27%),var(--cx-paper); }
.career-workspace-head { display:grid; grid-template-columns:1fr auto; align-items:end; gap:30px; }
.career-workspace-head>div>span { color:var(--cx-accent);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.12em }.career-workspace-head h1{margin:9px 0 5px;color:var(--cx-panel);font:500 clamp(48px,5vw,76px)/.9 var(--serif);letter-spacing: -.015em}.career-workspace-head h1 em{color:var(--cx-accent);font-style:normal}.career-workspace-head p{margin:0;color:var(--cx-accent);font-size:18px}.career-target-control{display:grid;grid-template-columns:auto auto;gap:7px}.career-target-control label{grid-column:1/-1;color: var(--cx-ink60);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.career-target-control select{min-width:280px;height:42px;border:1px solid var(--cx-line);background:var(--cx-paper);padding:0 13px;color:var(--cx-panel)}.career-target-control button{border:0;background:transparent;color:var(--cx-accent);font-size:10px;font-weight:800;cursor:pointer}
.career-runway { position:relative; display:grid; grid-template-columns:210px minmax(0,1fr); gap:26px; margin-top:46px; padding-top:65px; }
.career-trajectory { position:absolute;top:0;left:220px;right:1%;height:145px;border-top:3px solid var(--cx-accent);border-radius:50% 50% 0 0;transform:rotate(-2.5deg);pointer-events:none}.career-trajectory i{position:absolute;top:-8px;width:14px;height:14px;border:3px solid var(--cx-paper);border-radius:50%;background:var(--cx-ok-fg);box-shadow:0 0 0 1px var(--cx-ok-fg)}.career-trajectory i:nth-child(1){left:12%}.career-trajectory i:nth-child(2){left:37%}.career-trajectory i:nth-child(3){left:63%}.career-trajectory i:nth-child(4){left:88%;background:var(--cx-stop-fg);box-shadow:0 0 0 1px var(--cx-stop-fg)}.career-trajectory em{position:absolute;left:52%;top:13px;padding:7px 12px;border:1px solid var(--cx-line);background:var(--cx-paper);color:var(--cx-accent);font-size:10px;font-style:normal;font-weight:850}
.career-proof-library { padding-top:25px; }.career-proof-library>span{display:block;margin-bottom:14px;color:var(--cx-accent);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.11em}.career-proof-library article{position:relative;margin-bottom:11px;padding:13px 12px 15px 18px;border-left:3px solid var(--cx-ok-fg);background:var(--cx-porcelain);box-shadow:0 8px 18px var(--cx-panel-a06)}.career-proof-library article>em{position:absolute;right:8px;top:8px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:var(--cx-ok-fg);color:var(--cx-paper);font-size:8px;font-style:normal}.career-proof-library small{color:var(--cx-accent);font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.career-proof-library p{margin:8px 0 0;color:var(--cx-panel);font-size:10px;line-height:1.45}.career-proof-library>a{display:block;margin-top:18px;color:var(--cx-accent);font-size:9px;font-weight:800;text-decoration:none}
.career-artifacts { display:grid; grid-template-columns:.78fr .68fr .76fr 1.35fr; align-items:start; gap:18px; }.career-artifact{position:relative;min-width:0;padding-top:19px}.career-artifact>header{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:7px;margin-bottom:10px}.career-artifact>header>span{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--cx-accent-line);border-radius:50%;color:var(--cx-accent);font-size:9px;font-weight:850}.career-artifact>header>b{color:var(--cx-panel);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.career-artifact>header>em{color:var(--cx-accent);font-size:7px;font-style:normal;font-weight:800;text-transform:uppercase}.career-artifact.ready>header>span{border-color:var(--cx-ok-fg);background:var(--cx-porcelain);color:var(--cx-ok-fg)}.career-artifact.current>header>span{border-color:var(--cx-stop-fg);background:var(--cx-porcelain);color:var(--cx-stop-fg)}
.artifact-resume-sheet,.artifact-ats-sheet,.artifact-letter-sheet { min-height:360px;display:block;padding:28px 24px;border:1px solid var(--cx-line);background:var(--cx-paper);color:var(--cx-panel);text-decoration:none;box-shadow:0 19px 45px var(--cx-panel-a10);transform:rotate(-1deg);transition:transform .3s ease}.artifact-ats-sheet{background:var(--cx-porcelain-a75);transform:translateY(15px) rotate(.5deg)}.artifact-letter-sheet{transform:translateY(28px) rotate(-.6deg)}.artifact-resume-sheet:hover,.artifact-ats-sheet:hover,.artifact-letter-sheet:hover{transform:translateY(-5px) rotate(0)}.artifact-resume-sheet>strong{font:600 24px/1 var(--serif)}.artifact-resume-sheet>small{display:block;margin:5px 0 26px;color:var(--cx-accent);font-size:8px;font-weight:800;text-transform:uppercase}.artifact-resume-sheet>i{display:block;width:90%;height:1px;margin:9px 0;background:var(--cx-line)}.artifact-resume-sheet>i:nth-of-type(2){width:72%}.artifact-resume-sheet>i:nth-of-type(3){width:82%}.artifact-resume-sheet h3{margin:25px 0 9px;color:var(--cx-accent);font-size:8px;text-transform:uppercase;letter-spacing:.1em}.artifact-resume-sheet p{margin:4px 0;font-size:9px}.career-artifact footer{margin-top:35px;color:var(--cx-accent);font-size:8px;font-weight:850;text-transform:uppercase}
.artifact-ats-sheet>span{display:block;color:var(--cx-accent);font-size:9px}.artifact-ats-sheet>span strong{display:block;color:var(--cx-ok-fg);font:520 60px/1 var(--serif)}.artifact-ats-sheet>i{display:block;height:5px;margin:15px 0 24px;background:var(--cx-line)}.artifact-ats-sheet>i em{display:block;height:100%;background:var(--cx-ok-fg)}.artifact-ats-sheet dl{margin:0}.artifact-ats-sheet dl>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--cx-line);font-size:8px}.artifact-ats-sheet dt{color:var(--cx-accent)}.artifact-ats-sheet dd{margin:0;color:var(--cx-ok-fg);font-weight:800}
.artifact-letter-sheet>small{color:var(--cx-ink60);font-size:8px}.artifact-letter-sheet>p{margin:24px 0 16px;font:500 12px/1 var(--serif)}.artifact-letter-sheet blockquote{margin:0;color:var(--cx-panel);font:440 13px/1.55 var(--serif)}.artifact-letter-sheet>i{display:block;width:90%;height:1px;margin-top:16px;background:var(--cx-line)}.artifact-letter-sheet>i:nth-of-type(2){width:65%}
.artifact-portfolio-board { min-height:430px; display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:18px; border:1px solid var(--cx-line); background:var(--cx-paper); box-shadow:0 24px 55px var(--cx-panel-a12); transform:translateY(7px) rotate(1deg) }.portfolio-feature{grid-column:1/-1;min-height:165px;padding:23px;background:linear-gradient(135deg,var(--cx-panel),var(--cx-accent));color:var(--cx-paper)}.portfolio-feature span{color: var(--cx-ink60);font-size:8px;text-transform:uppercase;letter-spacing:.1em}.portfolio-feature strong{display:block;margin:18px 0 8px;font:520 25px/1 var(--serif)}.portfolio-feature small{color: var(--cx-ink60);font-size:9px}.portfolio-mini{min-height:86px;background:linear-gradient(135deg,var(--cx-mist) 50%,var(--cx-stop-line) 50%)}.portfolio-mini.second{background:linear-gradient(135deg,var(--cx-mist) 42%,var(--cx-mist) 42%)}.portfolio-proof-slot{grid-column:1/-1;min-height:118px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:16px;border:2px dashed var(--cx-accent);background:var(--cx-paper);color:var(--cx-panel);text-decoration:none}.portfolio-proof-slot>i{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--cx-accent);border-radius:50%;color:var(--cx-accent);font-style:normal;font-size:22px}.portfolio-proof-slot>b{font:600 16px/1 var(--serif)}.portfolio-proof-slot>small{grid-column:2;color:var(--cx-ink60);font-size:8px}.portfolio-proof-slot>em{grid-column:3;grid-row:1/3;color:var(--cx-accent);font-style:normal;font-size:22px}
.career-next-rail { min-height:74px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin-top:30px;padding:13px 18px;border-top:1px solid var(--cx-line);border-bottom:1px solid var(--cx-line)}.career-next-rail>span{display:flex;align-items:center;gap:9px;color:var(--cx-stop-fg)}.career-next-rail>span i{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:var(--cx-porcelain);font-style:normal}.career-next-rail b{font-size:10px}.career-next-rail p{margin:0;color:var(--cx-panel);font:500 16px/1.2 var(--serif)}.career-next-rail>a{color:var(--cx-accent);font-size:10px;font-weight:850;text-decoration:none}

/* Résumé entry and studio */
.career-canvas-v3 .resume-entry { background:radial-gradient(circle at 80% 20%,var(--cx-accent-a08),transparent 30%),var(--cx-paper); }
.career-canvas-v3 .resume-entry-head { min-height:64px; border-color: var(--cx-ink60); background:var(--cx-panel); color:var(--cx-paper); }
.career-canvas-v3 .resume-entry-brand { color:var(--cx-paper); }
.career-canvas-v3 .resume-start-copy h1 { color:var(--cx-panel); font-weight:500; }
.career-canvas-v3 .resume-start-build { border-color: var(--cx-ink60); background:linear-gradient(145deg,var(--cx-paper),var(--cx-accent-soft)); color:var(--cx-panel); }
.career-canvas-v3 .resume-start-build:hover,.career-canvas-v3 .resume-start-build:focus-visible { border-color:var(--cx-accent); background:var(--cx-paper); }
.career-canvas-v3 .resume-start-build .resume-start-desc { color:var(--cx-accent); }
.career-canvas-v3 .build-visual { border-color: var(--cx-ink60); box-shadow:0 24px 55px var(--cx-accent-a16); }
.career-canvas-v3 .resume-start-upload { border-color: var(--cx-ink60); background:linear-gradient(145deg,var(--cx-paper),var(--cx-porcelain)); }
.career-canvas-v3 .resume-start-index { color:var(--cx-accent); }
.career-canvas-v3:has(.resume-editor-page) { --topbar-h:0px; }
.career-canvas-v3:has(.resume-editor-page)>.topbar { display:none; }
.career-canvas-v3:has(.resume-entry),.career-canvas-v3:has(.guided-resume) { --topbar-h:0px; }
.career-canvas-v3:has(.resume-entry)>.topbar,.career-canvas-v3:has(.guided-resume)>.topbar { display:none; }
.career-resume-header { top:0!important; min-height:64px!important; grid-template-columns:auto minmax(190px,1fr) auto auto auto!important; gap:13px!important; padding:7px 24px!important; }
.career-studio-brand { min-height:42px;display:flex;align-items:center;gap:9px;padding-right:16px;border-right:1px solid var(--cx-line);color:var(--cx-panel);text-decoration:none}.career-studio-brand .career-mark{width:27px;height:27px}.career-studio-brand .career-mark i{width:12px;height:12px}.career-studio-brand>b{font:600 20px/1 var(--serif)}
.career-resume-header .resume-document-identity>a{display:none}.career-resume-header .resume-document-identity{gap:0}.career-resume-header .resume-document-identity h1{font-size:16px}.career-resume-header .resume-document-identity p{font-size:8px}.career-resume-header .resume-document-identity .eyebrow{font-size:6px}
.career-resume-header .resume-command-bar [data-resume-upload],.career-resume-header .resume-command-bar [data-resume-new]{display:none}
.career-resume-restart { min-height:38px;display:flex;align-items:center;padding:0 12px;border-left:1px solid var(--cx-line);color:var(--cx-accent);font-size:9px;font-weight:800;text-decoration:none;white-space:nowrap}.career-resume-restart:hover{color:var(--cx-accent)}
.career-canvas-v3 .resume-section-nav { border-color: var(--cx-ink60); background:var(--cx-paper); color:var(--cx-panel); }
.career-canvas-v3 .resume-section-nav>span { color:var(--cx-accent); }
.career-canvas-v3 .resume-section-nav button { border-left:0;border-bottom:1px solid var(--cx-mist);color:var(--cx-accent) }.career-canvas-v3 .resume-section-nav button>b{color:inherit}.career-canvas-v3 .resume-section-nav button small{color: var(--cx-ink60)}.career-canvas-v3 .resume-section-nav button>i{border-color: var(--cx-ink60);color:var(--cx-accent);background:var(--cx-paper)}.career-canvas-v3 .resume-section-nav button:hover,.career-canvas-v3 .resume-section-nav button.on{border-left-color:transparent;background:var(--cx-accent-soft);color:var(--cx-accent)}.career-canvas-v3 .resume-section-nav button.on>i{border-color:var(--cx-ok-fg);background:var(--cx-mist);color:var(--cx-ok-fg)}.career-canvas-v3 .resume-section-nav>a{border-color: var(--cx-ink60);color:var(--cx-accent)}
.career-canvas-v3 .resume-editor-layout { max-width:none; grid-template-columns:220px minmax(390px,455px) minmax(510px,1fr); background:var(--cx-paper); }
.career-canvas-v3 .resume-editor-canvas { background:var(--cx-paper); }
.career-canvas-v3 .resume-editor-section { border-color: var(--cx-ink60); border-radius:4px; box-shadow:0 12px 32px var(--cx-panel-a06); }
.career-canvas-v3 .resume-editor-preview { background:radial-gradient(circle at 50% 4%,var(--cx-paper),transparent 34%),var(--cx-mist); }
.career-canvas-v3 .resume-editor-preview .document-frame iframe { border-color: var(--cx-ink60); box-shadow:0 2px 5px var(--cx-ink-a06),0 26px 70px var(--cx-panel-a14); }
.career-canvas-v3 .resume-editor-page[data-studio-mode="design"] .resume-editor-layout { grid-template-columns:minmax(620px,1fr) minmax(420px,500px); }
.career-canvas-v3 .resume-editor-page[data-studio-mode="design"] .resume-design-canvas { grid-column:2; grid-row:1; }
.career-canvas-v3 .resume-editor-page[data-studio-mode="design"] .resume-editor-preview { grid-column:1; grid-row:1; }
.career-canvas-v3 .resume-design-canvas { border-color: var(--cx-ink60); background:var(--cx-paper); }
.career-canvas-v3 .resume-design-tabs button.on { color:var(--cx-accent); border-color:var(--cx-accent); }
.career-canvas-v3 .resume-template-card { border-radius:3px; }.career-canvas-v3 .resume-template-card.on{border-color:var(--cx-accent);box-shadow:0 0 0 2px var(--cx-accent-a10)}
.career-canvas-v3 .next-step-band { border-color: var(--cx-ink60); background:var(--cx-porcelain); }

/* The same brand, different product temperaments. */
.career-canvas-v3 .ats-product,.career-canvas-v3 .cover-product,.career-canvas-v3 .portfolio-product { background:var(--cx-paper); }
.career-canvas-v3 .ats-product-head,.career-canvas-v3 .cover-product-head,.career-canvas-v3 .portfolio-product-head { border-color: var(--cx-ink60); background:var(--cx-panel); color:var(--cx-paper); }
.career-canvas-v3 .ats-product-head>a,.career-canvas-v3 .cover-product-head>a,.career-canvas-v3 .portfolio-product-head>a,.career-canvas-v3 .ats-product-head>span,.career-canvas-v3 .cover-product-head>span,.career-canvas-v3 .portfolio-product-head>span { color: var(--cx-ink60); }
.career-canvas-v3 .ats-product-head .eyebrow,.career-canvas-v3 .cover-product-head .eyebrow,.career-canvas-v3 .portfolio-product-head .eyebrow { color: var(--cx-ink60); }
.career-canvas-v3 .ats-entry,.career-canvas-v3 .ats-report,.career-canvas-v3 .cover-onboarding,.career-canvas-v3 .cover-editor-product,.career-canvas-v3 .portfolio-template-studio,.career-canvas-v3 .portfolio-content-studio { --good:var(--cx-ok-fg); }
.career-canvas-v3 .ats-entry h1,.career-canvas-v3 .cover-onboarding h1,.career-canvas-v3 .portfolio-template-intro>h1 { color:var(--cx-panel); font-weight:500; }
.career-canvas-v3 .portfolio-modebar,.career-canvas-v3 .cover-studio-toolbar { border-color: var(--cx-ink60); background:var(--cx-paper); }
.career-canvas-v3 .portfolio-modebar button.on,.career-canvas-v3 .cover-mode-tabs button.on { color:var(--cx-accent); }

@media (max-width:1180px) {
  .canvas-hero{grid-template-columns:minmax(0,1fr);padding-top:54px}.canvas-transformation{width:min(780px,100%);min-height:570px;margin:0 auto}.canvas-insight-pair{grid-template-columns:1fr}.canvas-workspace-story{grid-template-columns:1fr}.canvas-package-map{margin-top:35px}
  .career-artifacts{grid-template-columns:repeat(2,1fr)}.career-portfolio-artifact{grid-column:1/-1}.career-runway{grid-template-columns:190px 1fr}.career-trajectory{left:200px}.career-resume-header{grid-template-columns:auto 1fr auto auto!important}.career-resume-restart{grid-column:2/-1;grid-row:2;padding:7px 0;border:0}.career-canvas-v3 .resume-editor-layout{grid-template-columns:150px minmax(350px,1fr) minmax(420px,.95fr)}
}
@media (max-width:820px) {
  .career-canvas-v3 .topbar{height:auto;min-height:60px;display:grid;grid-template-columns:1fr auto;padding:10px 14px}.career-canvas-v3 .topbar .brand{font-size:21px}.career-mark{width:27px;height:27px}.career-mark i{width:12px;height:12px}.career-canvas-v3 .topbar .primary-nav{grid-column:1/-1;order:3;width:100%;overflow-x:auto}.career-canvas-v3 .topbar .topbar-actions{gap:6px}.career-canvas-v3 .topbar .save-state{display:none}.career-canvas-v3 .workspace-button{min-width:0;padding:0 10px}
  .canvas-hero{min-height:0;padding:46px 18px 34px}.canvas-hero h1{font-size:clamp(58px,15vw,78px)}.canvas-hero-copy>p{font-size:15px}.canvas-transformation{min-height:710px;padding:0}.canvas-transformation::before{inset:0}.canvas-transformation::after{display:none}.canvas-scene-head{top:12px;padding:0}.career-signal-field{display:none}.canvas-proof-sources{top:54px;left:0;width:100%;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;transform:none}.canvas-proof-sources article,.canvas-proof-sources article:nth-child(odd){min-width:0;min-height:82px;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:7px 3px;transform:none;text-align:center;box-shadow:0 8px 20px var(--cx-panel-a10)}.canvas-proof-sources article::before,.canvas-proof-sources article::after{display:none}.canvas-proof-sources article:hover{transform:translateY(-3px)}.canvas-proof-sources article>i{width:30px;height:30px;flex:0 0 30px}.canvas-proof-sources article span{width:100%}.canvas-proof-sources b{display:block;overflow:hidden;font-size:6.5px;letter-spacing:0;text-overflow:ellipsis}.canvas-proof-sources small{display:none}.canvas-processing-core{top:278px;left:50%;transform:translate(-50%,-50%) scale(.68)}.canvas-processing-core::after{content:"";position:absolute;z-index:-1;top:-42px;bottom:-73px;left:50%;width:1px;background:linear-gradient(transparent,var(--cx-accent-line) 25%,var(--cx-accent-line) 75%,transparent)}.canvas-destinations{top:420px;right:0;width:100%;grid-template-columns:1fr 1fr;gap:8px;transform:none}.canvas-destinations>a,.canvas-destinations>a:nth-child(even){min-height:96px;transform:none;box-shadow:0 12px 24px var(--cx-panel-a12)}.canvas-destinations>a::before,.canvas-destinations>a::after{display:none}.canvas-destinations>a:hover{transform:translateY(-3px)}.canvas-live-receipt{right:auto;bottom:3px;left:50%;width:max-content;transform:translateX(-50%)}.canvas-path{top:43px}.canvas-proof-row{grid-template-columns:repeat(5,145px);overflow-x:auto;margin:55px -8px 0;padding:0 12px 18px}.canvas-proof-row article{min-height:135px}.canvas-output-row{grid-template-columns:1fr 1fr;margin:24px 8px 0}.canvas-output-row::before{display:none}.canvas-promise{grid-template-columns:1fr 1fr}.canvas-promise>span:nth-child(2){border-right:0}.canvas-promise>span:nth-child(-n+2){border-bottom:1px solid var(--cx-paper-a12)}
  .canvas-products,.canvas-faq{padding:76px 18px}.canvas-section-head{grid-template-columns:1fr}.canvas-section-head h2,.canvas-gallery-head h2,.canvas-ats-story h2,.canvas-letter-story h2,.canvas-workspace-story h2,.canvas-faq h2{font-size:48px}.canvas-product-runway>a{grid-template-columns:32px 46px 1fr;padding:20px 0}.canvas-product-runway>a>i{width:44px;height:44px}.canvas-product-runway>a>b{grid-column:3}.canvas-product-runway h3{font-size:25px}.canvas-gallery-head{align-items:flex-start;flex-direction:column;padding:0 18px}.canvas-gallery-head>div:last-child{justify-items:start;text-align:left}.canvas-resume-rail,.canvas-world-rail{grid-auto-columns:78vw;padding-right:18px;padding-left:18px}.canvas-insight-pair{display:block}.canvas-ats-story,.canvas-letter-story{min-height:0;padding:68px 18px}.canvas-ats-story{grid-template-columns:1fr}.canvas-ats-story figure{margin:45px auto 20px}.canvas-letter-story>div{padding:28px 25px}.canvas-world-card>span{height:235px}.canvas-workspace-story{padding:75px 18px}.canvas-package-map{grid-template-columns:1fr 1fr}.canvas-package-map>a:nth-of-type(n){transform:none}.package-curve{display:none}.canvas-faq{grid-template-columns:1fr;gap:35px}.canvas-faq header{position:static}.canvas-final{min-height:450px}.canvas-final h2{font-size:58px}.canvas-final>div{width:100%;flex-direction:column}.canvas-final .button{width:100%}.canvas-footer{grid-template-columns:1fr}
  .career-workspace{padding:32px 14px}.career-workspace-head{grid-template-columns:1fr}.career-workspace-head h1{font-size:52px}.career-target-control{grid-template-columns:1fr}.career-target-control select{min-width:0;width:100%}.career-runway{display:block;margin-top:28px;padding-top:0}.career-trajectory{display:none}.career-proof-library{display:grid;grid-auto-flow:column;grid-auto-columns:75vw;gap:10px;overflow-x:auto;padding:0 0 18px}.career-proof-library>span,.career-proof-library>a{display:none}.career-proof-library article{margin:0}.career-artifacts{grid-template-columns:1fr;gap:24px}.career-portfolio-artifact{grid-column:auto}.artifact-resume-sheet,.artifact-ats-sheet,.artifact-letter-sheet{min-height:330px;transform:none}.artifact-portfolio-board{transform:none}.career-next-rail{grid-template-columns:1fr}.career-next-rail>a{padding-top:10px;border-top:1px solid var(--cx-line)}
  .career-resume-header{grid-template-columns:84px minmax(86px,1fr) auto auto!important;grid-template-rows:46px 42px!important;gap:7px!important;padding:6px 14px 9px!important}.career-studio-brand{grid-column:1/3;grid-row:1;border:0;padding:0}.career-resume-header .resume-document-identity{display:none}.career-resume-header .resume-studio-modebar{grid-column:3/5;grid-row:1}.career-resume-restart{grid-column:1;grid-row:2;min-height:40px;padding:0;border:0;font-size:7px;line-height:1.2;white-space:normal}.career-resume-header .resume-command-bar{grid-column:2/5;grid-row:2;display:grid;grid-template-columns:minmax(92px,1fr) auto auto;gap:5px;margin:0;padding:0;border:0}.career-resume-header .resume-command-bar .resume-version-control{grid-column:1}.career-resume-header .resume-command-bar .resume-version-control select{width:100%;min-height:40px}.career-resume-header .resume-command-bar .button{min-height:40px;padding:0 10px}.career-resume-header .resume-command-bar .action-feedback{display:none}.career-canvas-v3 .resume-editor-layout{display:block}.career-canvas-v3 .resume-design-canvas{border:0}.career-canvas-v3 .resume-editor-page[data-studio-mode="design"] .resume-design-canvas{display:block;grid-column:auto;grid-row:auto}.career-canvas-v3 .resume-editor-page[data-studio-mode="design"] .resume-editor-preview{grid-column:auto;grid-row:auto}.career-canvas-v3 .resume-editor-preview{position:static}.career-canvas-v3 .resume-mobile-switch{padding:6px 14px}.career-canvas-v3 .resume-mobile-switch button{min-height:40px}
}

/* Fresh isometric Career Canvas — rebuilt from the approved visual reference. */
.iso-career-engine{--scene-rx:0deg;--scene-ry:0deg;--scene-x:0px;--scene-y:0px;position:relative;min-width:0;min-height:570px;isolation:isolate;perspective:1100px;perspective-origin:50% 46%;transform-style:preserve-3d}
.iso-career-engine::before{content:"";position:absolute;z-index:0;inset:22px -4px 12px;background:radial-gradient(circle at 49% 48%,var(--cx-accent-a08),transparent 24%),linear-gradient(var(--cx-accent-a02) 1px,transparent 1px),linear-gradient(90deg,var(--cx-accent-a02) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px;mask-image:linear-gradient(90deg,transparent,var(--cx-ink) 9%,var(--cx-ink) 91%,transparent)}
.iso-career-engine::after{content:"";position:absolute;z-index:0;left:15%;right:8%;bottom:18px;height:70px;border-radius:50%;background:radial-gradient(ellipse,var(--cx-panel-a12),transparent 68%);filter:blur(9px);transform:rotateX(72deg) translateZ(-80px)}
.iso-scene-meta{position:absolute;z-index:12;top:6px;left:2px;right:4px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:var(--cx-accent);font:800 8px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase}.iso-scene-meta small{display:flex;align-items:center;gap:7px;color:var(--cx-ok-fg);font-size:7px;letter-spacing:.06em}.iso-scene-meta small i{width:6px;height:6px;border-radius:50%;background:var(--cx-ok-fg);box-shadow:0 0 0 4px var(--cx-ok-fg-a10);animation:isoLive 2.5s ease-in-out infinite}.iso-scene-meta b{justify-self:end;color:var(--cx-accent);font-size:8px}
.iso-flow-map{position:absolute;z-index:2;inset:25px 0 0;width:100%;height:calc(100% - 25px);overflow:visible;transform:translateZ(-32px)}.iso-flow-map path{fill:none;stroke-width:1.35;vector-effect:non-scaling-stroke}.iso-in{stroke:var(--cx-accent-line);stroke-dasharray:4 5;animation:isoFlow 13s linear infinite}.iso-out{stroke:var(--cx-accent)}.iso-ats-line{stroke:var(--cx-ok-fg)}.iso-letter-line{stroke:var(--cx-stop-fg)}.iso-portfolio-line{stroke:var(--cx-ask-fg)}.iso-particle{filter:drop-shadow(0 0 4px currentColor)}.p-blue{fill:var(--cx-accent);color:var(--cx-accent)}.p-mint{fill:var(--cx-ok-fg);color:var(--cx-ok-fg)}.p-coral{fill:var(--cx-stop-fg);color:var(--cx-stop-fg)}.p-amber{fill:var(--cx-ask-fg);color:var(--cx-ask-fg)}
.iso-proof-column{position:absolute;z-index:5;top:42px;left:0;width:126px;display:grid;gap:7px;transform-style:preserve-3d;transform:translate3d(calc(0px - var(--scene-x)),calc(0px - var(--scene-y)),20px) rotateX(var(--scene-rx)) rotateY(calc(6deg + var(--scene-ry)));transition:transform .35s ease-out}.iso-proof-column article{position:relative;min-height:94px;display:grid;justify-items:center;align-content:center;color:var(--cx-panel)}.iso-proof-column article>span{position:absolute;top:0;left:3px;color:var(--cx-accent);font:800 6px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase}.iso-proof-column article>b{margin-top:-2px;font-size:7px;letter-spacing:.06em;text-transform:uppercase}.iso-pedestal{position:relative;width:82px;height:69px;transform-style:preserve-3d}.iso-pedestal::before,.iso-pedestal::after{content:"";position:absolute;left:7px;right:7px;bottom:5px;height:30px;border:1px solid var(--cx-accent-a24);border-radius:50%;background:radial-gradient(ellipse,var(--cx-paper) 0 35%,var(--cx-accent-a12) 37% 54%,transparent 56%);transform:rotateX(68deg);box-shadow:0 12px 16px var(--cx-accent-a12)}.iso-pedestal::after{left:16px;right:16px;bottom:8px;height:22px;border-style:dashed;background:transparent;box-shadow:none}.iso-pedestal>i{position:absolute;z-index:4;top:3px;left:22px;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--cx-line);border-radius:10px;background:linear-gradient(145deg,var(--cx-paper),var(--cx-porcelain));box-shadow:-4px 7px 0 var(--cx-mist),0 14px 19px var(--cx-accent-a12);color:var(--cx-accent);font-style:normal;font-size:18px;transform:translateZ(24px) rotateY(9deg)}.iso-proof-column article:nth-child(2) .iso-pedestal>i{color:var(--cx-ok-fg)}.iso-proof-column article:nth-child(3) .iso-pedestal>i{color:var(--cx-stop-fg)}.iso-proof-column article:nth-child(4) .iso-pedestal>i{color:var(--cx-accent)}.iso-proof-column article:nth-child(5) .iso-pedestal>i{color:var(--cx-ask-fg)}.iso-pedestal>em,.iso-pedestal>u{position:absolute;z-index:3;width:5px;height:5px;border-radius:50%;background:var(--cx-accent);box-shadow:0 0 6px var(--cx-accent-a55)}.iso-pedestal>em{left:5px;bottom:18px}.iso-pedestal>u{right:4px;bottom:13px}
.iso-processing-engine{position:absolute;z-index:6;top:50%;left:49%;width:184px;height:246px;transform-style:preserve-3d;transform:translate(-50%,-50%) translate3d(var(--scene-x),var(--scene-y),48px) rotateX(calc(3deg + var(--scene-rx))) rotateY(calc(-8deg + var(--scene-ry)));transition:transform .35s ease-out}.iso-plane{position:absolute;top:24px;width:70px;height:188px;border:1px solid var(--cx-accent-a38);border-radius:2px;box-shadow:0 18px 32px var(--cx-accent-a10);transform-origin:center;backdrop-filter:blur(2px)}.iso-plane::before{content:"";position:absolute;inset:10px;opacity:.45}.iso-plane::after{content:"";position:absolute;top:5px;right:-6px;width:6px;height:100%;background:linear-gradient(var(--cx-accent-line),var(--cx-accent));transform:rotateY(90deg);transform-origin:left}.iso-plane-one{left:8px;background:var(--cx-porcelain-a46);transform:translateZ(-54px) rotateY(-52deg);animation:isoPlaneOne 6.8s ease-in-out infinite}.iso-plane-one::before{background:radial-gradient(circle,var(--cx-accent) 1px,transparent 1.4px);background-size:10px 10px}.iso-plane-two{left:42px;background:var(--cx-accent-soft-a30);transform:translateZ(-18px) rotateY(-52deg);animation:isoPlaneTwo 6.8s -.45s ease-in-out infinite}.iso-plane-two::before{background:linear-gradient(var(--cx-accent-a16) 1px,transparent 1px),linear-gradient(90deg,var(--cx-accent-a16) 1px,transparent 1px);background-size:13px 13px}.iso-plane-three{left:76px;background:var(--cx-accent-a20);transform:translateZ(20px) rotateY(-52deg);animation:isoPlaneThree 6.8s -.9s ease-in-out infinite}.iso-plane-three::before{background:repeating-radial-gradient(circle at 50% 50%,transparent 0 12px,var(--cx-accent-a20) 13px 14px)}.iso-plane-four{left:110px;border-color:var(--cx-accent);background:linear-gradient(145deg,var(--cx-accent),var(--cx-panel));box-shadow:0 24px 38px var(--cx-panel-a24);transform:translateZ(58px) rotateY(-52deg);animation:isoPlaneFour 6.8s -1.35s ease-in-out infinite}.iso-plane-four::before{background:radial-gradient(circle,var(--cx-accent) 1px,transparent 1.5px);background-size:12px 12px}.iso-plane-four::after{background:linear-gradient(var(--cx-accent),var(--cx-panel))}
.iso-axis{position:absolute;z-index:11;top:111px;left:-44px;width:272px;height:3px;background:linear-gradient(90deg,transparent,var(--cx-accent) 17%,var(--cx-paper) 49%,var(--cx-ok-fg) 63%,var(--cx-ask-fg) 81%,transparent);filter:drop-shadow(0 0 5px var(--cx-accent-a65));transform:translateZ(96px);animation:isoAxis 3.6s ease-in-out infinite}.iso-reactor{position:absolute;z-index:13;top:79px;left:63px;width:66px;height:66px;border:1px solid var(--cx-accent-a55);border-radius:50%;box-shadow:0 0 0 11px var(--cx-accent-a06);transform:translateZ(112px);animation:isoReactor 9s linear infinite}.iso-reactor::before{content:"";position:absolute;inset:13px;border:1px dashed var(--cx-accent-a55);border-radius:50%}.iso-reactor>i{position:absolute;inset:20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--cx-paper) 0 8%,var(--cx-accent) 21%,var(--cx-accent) 58%,var(--cx-panel) 100%);box-shadow:0 0 0 7px var(--cx-accent-a08),0 0 23px var(--cx-accent-a75)}.iso-reactor>em{position:absolute;top:-3px;left:29px;width:6px;height:6px;border-radius:50%;background:var(--cx-ok-fg);box-shadow:0 0 8px var(--cx-ok-fg)}.iso-processing-engine>small{position:absolute;z-index:14;bottom:0;left:50%;width:126px;padding:10px 8px;border:1px solid var(--cx-line);background:var(--cx-paper);box-shadow:-4px 7px 0 var(--cx-mist),0 14px 23px var(--cx-panel-a10);color:var(--cx-panel);font:800 7px/1 var(--ui);letter-spacing:.08em;text-align:center;text-transform:uppercase;transform:translateX(-50%) translateZ(102px)}
.iso-output-column{position:absolute;z-index:7;top:38px;right:0;width:242px;display:grid;gap:8px;transform-style:preserve-3d;transform:translate3d(var(--scene-x),var(--scene-y),22px) rotateX(var(--scene-rx)) rotateY(calc(-6deg + var(--scene-ry)));transition:transform .35s ease-out}.iso-output{position:relative;height:116px;display:block;color:var(--cx-panel);text-decoration:none;transform-style:preserve-3d}.iso-output:nth-child(even){transform:translateX(8px)}.iso-output-icon{position:absolute;z-index:5;top:22px;left:0;width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--cx-line);border-radius:10px;background:linear-gradient(145deg,var(--cx-paper),var(--cx-porcelain));box-shadow:-4px 6px 0 var(--cx-mist),0 13px 19px var(--cx-accent-a12);color:var(--cx-accent);transform:translateZ(36px)}.iso-output-icon svg{width:21px;fill:none;stroke:currentColor;stroke-width:2}.iso-ats .iso-output-icon{color:var(--cx-ok-fg)}.iso-letter .iso-output-icon{color:var(--cx-stop-fg)}.iso-portfolio .iso-output-icon{color:var(--cx-ask-fg)}.iso-output>span{position:absolute;right:1px;top:48px;color:var(--cx-panel);font:800 8px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase}.iso-paper{position:absolute;top:5px;left:29px;width:182px;height:98px;border:1px solid var(--cx-line);background:var(--cx-paper);box-shadow:6px 8px 0 var(--cx-porcelain),0 18px 28px var(--cx-panel-a12);transform:translateZ(12px) rotateX(4deg) rotateY(-5deg) rotateZ(.6deg);overflow:hidden}.iso-output:nth-child(even) .iso-paper{transform:translateZ(20px) rotateX(4deg) rotateY(-5deg) rotateZ(-.5deg)}.iso-paper::before{content:"";position:absolute;z-index:-1;inset:5px -5px -5px 5px;border:1px solid var(--cx-mist);background:var(--cx-paper)}.resume-paper{padding:12px 13px}.resume-paper header{display:flex;align-items:center;justify-content:space-between}.resume-paper header b{font:700 9px/1 var(--ui)}.resume-paper header em{width:32px;height:4px;background:var(--cx-accent)}.resume-paper section{position:relative;height:65px;margin-top:9px}.resume-paper section i{position:absolute;left:0;width:68px;height:3px;background:var(--cx-mist)}.resume-paper section i:nth-child(1){top:0}.resume-paper section i:nth-child(2){top:10px;width:53px}.resume-paper section i:nth-child(3){top:29px}.resume-paper section i:nth-child(4){top:39px;width:44px}.resume-paper section u{position:absolute;right:0;width:65px;height:25px;background:linear-gradient(var(--cx-accent-soft) 30%,transparent 30% 38%,var(--cx-accent-soft) 38% 49%,transparent 49% 57%,var(--cx-accent-soft) 57% 68%,transparent 68%);text-decoration:none}.resume-paper section u:nth-of-type(1){top:0}.resume-paper section u:nth-of-type(2){top:34px}
.ats-paper{display:grid;grid-template-columns:68px 1fr;align-items:center;padding:10px 12px}.iso-score-ring{width:54px;height:54px;display:grid;place-items:center;border:8px solid var(--cx-line);border-top-color:var(--cx-ok-fg);border-right-color:var(--cx-ok-fg);border-radius:50%;color:var(--cx-ok-fg)}.iso-score-ring b{font-size:15px}.iso-score-ring small{font-size:6px}.ats-paper section{position:relative;height:62px}.ats-paper section i{position:absolute;left:0;right:0;height:4px;background:var(--cx-line)}.ats-paper section i:nth-child(1){top:8px}.ats-paper section i:nth-child(2){top:24px;width:70%}.ats-paper section i:nth-child(3){top:40px;width:82%}.ats-paper section em{position:absolute;right:0;color:var(--cx-ok-fg);font-style:normal;font-size:8px}.ats-paper section em:nth-of-type(1){top:4px}.ats-paper section em:nth-of-type(2){top:20px}
/* [R3 §54 bug 13 + §7 header stacking] WAS: a `.letter-paper` rule and a
   `.letter-paper header` rule, both unscoped, in the middle of the isometric
   career-engine illustration block, the second one painting the header in the
   SEMANTIC STOP INK. `.letter-paper`
   is ALSO the real cover-letter document, and `.letter-paper-head` is a
   <header> inside it — so this decorative miniature was painting a 46x5
   bar of the SEMANTIC STOP INK (--cx-stop-fg) at the top of every real letter and
   collapsing its sender block to 17px, which is what made the date and the
   recipient overprint the candidate name and email. One rule, both defects:
   the founder’s “hardcoded red accent” and the “header stacking”.
   WHY THE SCOPE AND NOT A DELETION: these rules belong to `.iso-output`,
   whose markup no longer ships — scoping them says what they were for and
   leaves them harmless, where deleting them would lose that. */
.iso-output .letter-paper{padding:13px 15px}.iso-output .letter-paper header{width:46px;height:5px;background:var(--cx-stop-fg)}.iso-output .letter-paper section{position:relative;height:62px;margin-top:10px}.iso-output .letter-paper section i{position:absolute;left:0;right:0;height:3px;background:var(--cx-line)}.iso-output .letter-paper section i:nth-child(1){top:0}.iso-output .letter-paper section i:nth-child(2){top:11px}.iso-output .letter-paper section i:nth-child(3){top:22px;width:82%}.iso-output .letter-paper section i:nth-child(4){top:33px;width:62%}.iso-output .letter-paper section em{position:absolute;right:3px;bottom:0;color:var(--cx-stop-fg);font:italic 11px/1 var(--serif)}
.portfolio-board{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px}.portfolio-board>i{background:var(--cx-accent)}.portfolio-board>i:nth-child(2){background:var(--cx-ok-line)}.portfolio-board>i:nth-child(3){background:var(--cx-mist)}.portfolio-board>i:nth-child(4){background:var(--cx-mist)}.portfolio-board>i:nth-child(5){background:var(--cx-accent-line)}.portfolio-board>i:nth-child(6){background:var(--cx-warn-line)}
@keyframes isoLive{50%{opacity:.45;transform:scale(.78)}}@keyframes isoFlow{to{stroke-dashoffset:-100}}@keyframes isoPlaneOne{50%{transform:translateZ(-54px) rotateY(-52deg) translateY(-2px)}}@keyframes isoPlaneTwo{50%{transform:translateZ(-18px) rotateY(-52deg) translateY(-2px)}}@keyframes isoPlaneThree{50%{transform:translateZ(20px) rotateY(-52deg) translateY(-2px)}}@keyframes isoPlaneFour{50%{transform:translateZ(58px) rotateY(-52deg) translateY(-2px)}}@keyframes isoAxis{50%{opacity:.66}}@keyframes isoReactor{to{transform:translateZ(112px) rotate(360deg)}}
@media (max-width:1180px){.iso-career-engine{width:min(780px,100%);margin:0 auto}}
@media (max-width:820px){.iso-career-engine{min-height:740px;margin-top:10px}.iso-career-engine::after{display:none}.iso-scene-meta{top:8px}.iso-flow-map{display:none}.iso-proof-column{top:43px;left:0;width:100%;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;transform:none}.iso-proof-column article{min-height:82px}.iso-proof-column article>span{display:none}.iso-proof-column article>b{font-size:6px}.iso-pedestal{width:62px;height:57px}.iso-pedestal::before{left:4px;right:4px}.iso-pedestal>i{top:2px;left:13px;width:36px;height:36px}.iso-pedestal>em,.iso-pedestal>u{display:none}.iso-processing-engine{top:262px;left:50%;transform:translate(-50%,-50%) scale(.72)}.iso-output-column{top:390px;right:0;width:100%;grid-template-columns:1fr 1fr;gap:8px;transform:none}.iso-output,.iso-output:nth-child(even){height:126px;transform:none}.iso-paper,.iso-output:nth-child(even) .iso-paper{left:8px;width:calc(100% - 16px);height:105px;transform:none}.iso-output-icon{top:13px;left:-10px}.iso-resume .resume-paper header{padding-left:18px}.iso-output>span{right:13px;top:108px}.iso-career-engine .iso-paper{padding-top:13px}.iso-processing-engine>small{font-size:7px}}
@media (max-width:430px){.iso-career-engine{min-height:735px}.iso-proof-column article>b{font-size:5.5px}.iso-pedestal{transform:scale(.9)}.iso-output-icon{width:38px;height:38px}.iso-paper,.iso-output:nth-child(even) .iso-paper{height:102px}.iso-output>span{top:105px}}
@media (prefers-reduced-motion:reduce){.iso-scene-meta small i,.iso-in,.iso-plane,.iso-axis,.iso-reactor{animation:none}.iso-particle{display:none}.iso-proof-column,.iso-processing-engine,.iso-output-column{transition:none}}
.iso-output>span{z-index:9;right:18px;top:16px;padding:3px 4px;background:var(--cx-paper-a92);border:1px solid var(--cx-line-a75);border-radius:3px;font-size:9px;box-shadow:0 2px 7px var(--cx-panel-a06)}
.iso-letter-paper{padding:13px 15px}
.iso-letter-paper header{width:35px;height:5px;background:var(--cx-stop-fg)}
.iso-letter-paper section{position:relative;height:67px;margin-top:12px}
.iso-letter-paper section i{display:block;width:100%;height:3px;margin-bottom:7px;background:var(--cx-mist)}
.iso-letter-paper section i:nth-child(2){width:86%}
.iso-letter-paper section i:nth-child(4){width:72%}
.iso-letter-paper section em{position:absolute;right:0;bottom:0;color:var(--cx-stop-fg);font:italic 8px/1 cursive}
.iso-portfolio-paper{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px}.iso-portfolio-paper>i{background:var(--cx-accent)}.iso-portfolio-paper>i:nth-child(2){background:var(--cx-ok-line)}.iso-portfolio-paper>i:nth-child(3){background:var(--cx-mist)}.iso-portfolio-paper>i:nth-child(4){background:var(--cx-mist)}.iso-portfolio-paper>i:nth-child(5){background:var(--cx-accent-line)}.iso-portfolio-paper>i:nth-child(6){background:var(--cx-warn-line)}
@media (max-width:430px) {
  .canvas-hero-actions{display:grid}.canvas-hero-actions .button{width:100%}.canvas-transformation{min-height:710px}.canvas-destinations>a{grid-template-columns:34px 1fr;padding:8px}.canvas-destinations>a>i{width:32px;height:32px}.canvas-destinations b{font-size:10px}.canvas-live-receipt{gap:5px;padding:6px 7px}.canvas-proof-row{grid-template-columns:repeat(5,132px)}.canvas-output-row{grid-template-columns:1fr}.canvas-promise>span{min-height:78px}.canvas-product-runway>a{grid-template-columns:27px 1fr}.canvas-product-runway>a>i{display:none}.canvas-product-runway>a>div{grid-column:2}.canvas-product-runway>a>b{grid-column:2}.canvas-resume-rail,.canvas-world-rail{grid-auto-columns:86vw}.canvas-package-map{grid-template-columns:1fr}.canvas-faq summary{grid-template-columns:30px 1fr 20px}.canvas-faq summary b{font-size:17px}.canvas-final h2{font-size:48px}.canvas-ats-story figure{width:210px;height:210px}.career-workspace-head h1{font-size:43px}.artifact-portfolio-board{grid-template-columns:1fr}.portfolio-feature,.portfolio-proof-slot{grid-column:1}.career-next-rail p{font-size:14px}.career-resume-restart{font-size:8px}
}
@media (prefers-reduced-motion:reduce) {
  .canvas-path i,.canvas-scene-head small i,.signal-input,.core-plane,.core-orbit,.core-scan,.core-beam,.core-energy,.score-ring{animation:none}.signal-particle{display:none}.canvas-proof-row article,.canvas-output-row a,.canvas-proof-sources article,.canvas-destinations>a,.canvas-product-runway>a,.canvas-resume-preview,.artifact-resume-sheet,.artifact-ats-sheet,.artifact-letter-sheet{transition:none!important}
}

@media (max-width:820px) {
  .career-canvas-home .canvas-proof-sources{top:54px;left:0;width:100%;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;transform:none}
  .career-canvas-home .canvas-proof-sources article,.career-canvas-home .canvas-proof-sources article:nth-child(odd){min-height:82px;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:7px 3px;transform:none;text-align:center;box-shadow:0 8px 20px var(--cx-panel-a10)}
  .career-canvas-home .canvas-proof-sources article::before,.career-canvas-home .canvas-proof-sources article::after{display:none}.career-canvas-home .canvas-proof-sources small{display:none}
  .career-canvas-home .canvas-processing-core{top:278px;left:50%;width:184px;height:228px;transform:translate(-50%,-50%) scale(.75)}
  .career-canvas-home .canvas-destinations{top:420px;right:0;width:100%;grid-template-columns:1fr 1fr;gap:8px;transform:none}
  .career-canvas-home .canvas-destinations>a,.career-canvas-home .canvas-destinations>a:nth-child(even){min-height:96px;grid-template-columns:34px 1fr;padding:8px;transform:none;box-shadow:0 12px 24px var(--cx-panel-a10)}
  .career-canvas-home .canvas-destinations>a::before,.career-canvas-home .canvas-destinations>a::after{display:none}.career-canvas-home .canvas-destinations figure{display:none!important}
  .career-canvas-home .canvas-live-receipt{right:auto;bottom:3px;left:50%;transform:translateX(-50%)}
}

/* ===========================================================================
   V4 CANON SKIN LAYER — Ink & Paper over the V3 structure.
   Loaded last so it wins. Colour comes only from assets/tokens.css.
   Reference: conxfolio-hero-FINAL.html · conxfolio-landing-v1.html ·
              conxfolio-workspace-FINAL.html · web/folio-app/
   ========================================================================= */

body {
  background: var(--cx-porcelain);
  color: var(--cx-ink);
  font-family: var(--cx-font-ui);
  font-size: var(--cx-t-body);
}

/* The paper grain the canon lays over everything. Fixed, multiply, inert. */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 60;
  pointer-events: none;
  opacity: .5;
  mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ------------------------------------------------------------- typography */
h1, h2, h3, .tool-heading, .dashboard-heading, .canvas-heading {
  font-family: var(--cx-font-display);
  font-weight: 400;
  letter-spacing: -.015em;
}
h1 em, h2 em, h3 em, .dashboard-heading em, .tool-heading em {
  font-style: italic;
  color: var(--cx-accent);           /* the ONE accent word per page */
}
p, li { font-family: var(--cx-font-ui); }

.eyebrow, .canvas-kicker, .home-kicker, .scene-index span, .kicker {
  font-family: var(--cx-font-mono);
  font-weight: 600;
  font-size: var(--cx-t-label);
  letter-spacing: var(--cx-track-label);
  text-transform: uppercase;
  color: var(--cx-ink60);
}

a { color: inherit; }
main p a, main li a, main dd a, main .seo-prerender a,
main .landing-footer nav a, main details a {
  color: var(--cx-accent);
  text-underline-offset: .18em;
}
/* Dark bands own their own ink: the footer, the closing panel, the browser
   chrome inside ACT 04. Paper-ground colours must not leak onto them. */
.landing-footer, .canvas-footer, .home-footer { color: var(--cx-panel-ink); }
.landing-footer .brand, .canvas-footer .brand, .home-footer .brand,
.canvas-final .brand { color: var(--cx-panel-ink); }
.landing-footer span, .canvas-footer span, .home-footer span,
.landing-footer nav a, .canvas-footer nav a, .home-footer nav a {
  color: var(--cx-panel-ink);
}
.canvas-final span, .canvas-final p { color: var(--cx-panel-ink60); }

/* The hero performs in ink. Nothing repaints its buttons. */
.cxh .cxh-btn.pri { color: var(--cx-paper); background: var(--cx-ink); }
.cxh .cxh-btn.ghost, .cxh .cxh-open, .cxh .cxh-tt { color: var(--cx-ink); }
.cxh .cxh-go { color: var(--cx-paper); }

:focus-visible {
  outline: 3px solid var(--cx-accent-ring);
  outline-offset: 3px;
}

/* ----------------------------------------------------------------- topbar
   V3 ran a navy bar. The canon runs paper with one hairline — the document is
   the loudest thing on the page, so the chrome stops shouting.
   The V3 sheet styles this bar through `.career-canvas-v3 .topbar.landing-bar`
   (three classes), so every rule here carries the same weight or more. That is
   why the bar variants are spelled out instead of leaning on !important. */
.folio-v4 .topbar.landing-bar, .folio-v4 .topbar.tool-bar, .folio-v4 .topbar.prestudio-bar, .folio-v4 .topbar {
  background: var(--cx-paper);
  color: var(--cx-ink);
  border-bottom: 1px solid var(--cx-line);
  backdrop-filter: blur(10px);
}
.folio-v4 .topbar.landing-bar .brand, .folio-v4 .topbar.tool-bar .brand, .folio-v4 .topbar.prestudio-bar .brand, .folio-v4 .topbar .brand {
  display: inline-flex;
  align-items: center;
  gap: var(--cx-s3);
  font: 650 16.5px/1 var(--cx-font-ui);
  letter-spacing: -.01em;
  color: var(--cx-ink);
}
.folio-v4 .topbar.landing-bar a, .folio-v4 .topbar.tool-bar a, .folio-v4 .topbar.prestudio-bar a, .folio-v4 .topbar a, .folio-v4 .topbar.landing-bar small, .folio-v4 .topbar.tool-bar small, .folio-v4 .topbar.prestudio-bar small, .folio-v4 .topbar small, .folio-v4 .topbar.landing-bar .eyebrow, .folio-v4 .topbar.tool-bar .eyebrow, .folio-v4 .topbar.prestudio-bar .eyebrow, .folio-v4 .topbar .eyebrow { color: var(--cx-ink60); }
.folio-v4 .topbar.landing-bar .brand, .folio-v4 .topbar.tool-bar .brand, .folio-v4 .topbar.prestudio-bar .brand, .folio-v4 .topbar .brand, .folio-v4 .topbar.landing-bar .brand span, .folio-v4 .topbar.tool-bar .brand span, .folio-v4 .topbar.prestudio-bar .brand span, .folio-v4 .topbar .brand span { color: var(--cx-ink); }

.career-mark {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  background: var(--cx-ink);
  color: var(--cx-paper);
  border-radius: var(--cx-r-sheet);
  font: 400 20px/1 var(--cx-font-display);
  transform: none;
}
.career-mark::before { content: "C"; }
/* The wordmark tile is ink; the letter on it is paper. It sits inside .brand,
   so it must out-rank the brand ink rule that colours the name. */
.folio-v4 .topbar .brand .career-mark,
.folio-v4 .topbar .brand .career-mark::before { color: var(--cx-paper); }
.career-mark i { display: none; }

.folio-v4 .topbar.landing-bar .primary-nav, .folio-v4 .topbar.tool-bar .primary-nav, .folio-v4 .topbar.prestudio-bar .primary-nav, .folio-v4 .topbar .primary-nav { gap: var(--cx-s1); align-items: center; }
.folio-v4 .topbar.landing-bar .primary-nav a, .folio-v4 .topbar.tool-bar .primary-nav a, .folio-v4 .topbar.prestudio-bar .primary-nav a, .folio-v4 .topbar .primary-nav a {
  color: var(--cx-ink60);
  opacity: 1;
  font: 500 13.5px/1 var(--cx-font-ui);
  padding: 9px 15px;
  border-radius: var(--cx-r-pill);
}
.folio-v4 .topbar.landing-bar .primary-nav a:hover, .folio-v4 .topbar.tool-bar .primary-nav a:hover, .folio-v4 .topbar.prestudio-bar .primary-nav a:hover, .folio-v4 .topbar .primary-nav a:hover { background: var(--cx-mist); color: var(--cx-ink); }
.folio-v4 .topbar.landing-bar .primary-nav a.on, .folio-v4 .topbar.tool-bar .primary-nav a.on, .folio-v4 .topbar.prestudio-bar .primary-nav a.on, .folio-v4 .topbar .primary-nav a.on { color: var(--cx-ink); font-weight: 600; }
.folio-v4 .topbar.landing-bar .primary-nav a.on::after, .folio-v4 .topbar.tool-bar .primary-nav a.on::after, .folio-v4 .topbar.prestudio-bar .primary-nav a.on::after, .folio-v4 .topbar .primary-nav a.on::after { background: var(--cx-ink); }

.folio-v4 .topbar.landing-bar .save-state, .folio-v4 .topbar.tool-bar .save-state, .folio-v4 .topbar.prestudio-bar .save-state, .folio-v4 .topbar .save-state { color: var(--cx-ink60); font: 500 var(--cx-t-xs)/1 var(--cx-font-mono); }

.folio-v4 .topbar.landing-bar .workspace-button, .folio-v4 .topbar.tool-bar .workspace-button, .folio-v4 .topbar.prestudio-bar .workspace-button, .folio-v4 .topbar .workspace-button {
  background: var(--cx-ink);
  border: 1px solid var(--cx-ink);
  border-radius: var(--cx-r-sheet);
  color: var(--cx-paper);
  font: 600 13px/1 var(--cx-font-ui);
  padding: 0 18px;
}
.folio-v4 .topbar.landing-bar .workspace-button:hover, .folio-v4 .topbar.tool-bar .workspace-button:hover, .folio-v4 .topbar.prestudio-bar .workspace-button:hover, .folio-v4 .topbar .workspace-button:hover { background: var(--cx-accent); border-color: var(--cx-accent); }
/* The one action in the bar never shrinks below its own words. */
.folio-v4 .topbar.landing-bar .topbar-actions, .folio-v4 .topbar.tool-bar .topbar-actions, .folio-v4 .topbar.prestudio-bar .topbar-actions, .folio-v4 .topbar .topbar-actions { display: flex; align-items: center; gap: var(--cx-s3); min-width: 0; }
.folio-v4 .topbar.landing-bar .topbar-actions > *, .folio-v4 .topbar.tool-bar .topbar-actions > *, .folio-v4 .topbar.prestudio-bar .topbar-actions > *, .folio-v4 .topbar .topbar-actions > * { flex: none; }

/* ------------------------------------------------------------- dark bands
   Enumerated from the running pages, not guessed: these are the elements that
   actually paint --cx-panel across the six routes.

   Rather than out-specify several hundred V3 descendant rules, the band
   REDEFINES the ink tokens inside its own subtree. Every rule underneath —
   whatever its selector weight — resolves var(--cx-ink) / var(--cx-ink60) to
   panel ink, because custom properties inherit and cascade by scope, not by
   specificity. One declaration block, no !important, no arms race.

   R2 (§31 / §54 bug 1) — WAS: .career-resume-header was in all four of these
   lists. WHY IT IS OUT: it does not paint --cx-panel. .resume-editor-header
   (the same element) declares `background: var(--cx-paper)` — it is a WHITE
   band, and has been since V4-d. Listing it here re-pointed --cx-ink to
   --cx-panel-ink for its entire subtree, so every control in the
   résumé studio header painted near-white ON WHITE: the version select
   ("Current draft"), Save, Export → Download PDF / Download DOCX, the "Résumé
   studio" plate label, "Open in workspace →" all measured 1.16:1, and the
   Design tab 1.01:1 on mist. That is the founder's §5 list — "palette,
   nav/status, current résumé, import/start again, draft, save state,
   Write/Design" — one cause, not eight. Removed from the enumeration; the
   band now resolves the paper ramp like every other light surface. The four
   surfaces that DO paint --cx-panel stay. */
.folio-v4 .canvas-promise, .folio-v4 .canvas-ats-story, .folio-v4 .canvas-final, .folio-v4 .landing-footer, .folio-v4 .canvas-footer, .folio-v4 .home-footer, .folio-v4 .resume-entry-head, .folio-v4 .ats-product-head, .folio-v4 .cover-product-head, .folio-v4 .portfolio-product-head, .folio-v4 .ats-summary-verdict, .folio-v4 .cover-angle-grid aside, .folio-v4 .toast {
  color: var(--cx-panel-ink);
  --cx-ink: var(--cx-panel-ink);
  --cx-ink60: var(--cx-panel-ink);
  --cx-ink30: var(--cx-panel-ink60);
  --cx-line: var(--cx-pline);
  --cx-line-strong: var(--cx-pline);
  --cx-accent: var(--cx-panel-ink);
  /* R2 (§31): the four states go dark-ground too. Without this the ATS
     "Readiness verdict" eyebrow painted the paper-ramp --cx-ok-fg on --cx-panel —
     2.33:1. The legacy aliases are re-pointed beside them because --good /
     --danger were computed at :root and would otherwise carry the paper ramp
     down into the band unchanged. */
  --cx-ok-fg: var(--cx-panel-ok);     --cx-ok-bg: var(--cx-panel-ok-bg);     --cx-ok-line: var(--cx-panel-ok-line);
  --cx-warn-fg: var(--cx-panel-warn); --cx-warn-bg: var(--cx-panel-warn-bg); --cx-warn-line: var(--cx-panel-warn-line);
  --cx-ask-fg: var(--cx-panel-ask);   --cx-ask-bg: var(--cx-panel-ask-bg);   --cx-ask-line: var(--cx-panel-ask-line);
  --cx-stop-fg: var(--cx-panel-stop); --cx-stop-bg: var(--cx-panel-stop-bg); --cx-stop-line: var(--cx-panel-stop-line);
  --good: var(--cx-panel-ok);
  --danger: var(--cx-panel-stop);
  /* NOTE: --cx-paper / --cx-porcelain are deliberately NOT re-pointed here.
     V3 uses them BOTH as a light surface and as inverse text on a dark band
     ("colour: var(--cx-paper)" is how the brand mark stays legible on navy).
     Flipping them dark makes that text vanish into its own ground. They stay
     light; the band's own darkness comes from --cx-panel, which is untouched. */
}
/* Buttons opt back out: on a dark band the primary action is a paper block. */
.folio-v4 .canvas-promise .button-primary, .folio-v4 .canvas-ats-story .button-primary, .folio-v4 .canvas-final .button-primary, .folio-v4 .landing-footer .button-primary, .folio-v4 .canvas-footer .button-primary, .folio-v4 .home-footer .button-primary, .folio-v4 .resume-entry-head .button-primary, .folio-v4 .ats-product-head .button-primary, .folio-v4 .cover-product-head .button-primary, .folio-v4 .portfolio-product-head .button-primary, .folio-v4 .ats-summary-verdict .button-primary, .folio-v4 .toast .button-primary {
  background: var(--cx-paper-abs);
  border-color: var(--cx-paper-abs);
  color: var(--cx-ink-abs);
}
.folio-v4 .canvas-promise .button-outline, .folio-v4 .canvas-ats-story .button-outline, .folio-v4 .canvas-final .button-outline, .folio-v4 .landing-footer .button-outline, .folio-v4 .canvas-footer .button-outline, .folio-v4 .home-footer .button-outline, .folio-v4 .resume-entry-head .button-outline, .folio-v4 .ats-product-head .button-outline, .folio-v4 .cover-product-head .button-outline, .folio-v4 .portfolio-product-head .button-outline, .folio-v4 .toast .button-outline, .folio-v4 .canvas-promise .button-inverse, .folio-v4 .canvas-ats-story .button-inverse, .folio-v4 .canvas-final .button-inverse, .folio-v4 .landing-footer .button-inverse, .folio-v4 .canvas-footer .button-inverse, .folio-v4 .home-footer .button-inverse, .folio-v4 .resume-entry-head .button-inverse, .folio-v4 .ats-product-head .button-inverse, .folio-v4 .cover-product-head .button-inverse, .folio-v4 .portfolio-product-head .button-inverse, .folio-v4 .toast .button-inverse, .folio-v4 .canvas-promise .button-quiet, .folio-v4 .canvas-ats-story .button-quiet, .folio-v4 .canvas-final .button-quiet, .folio-v4 .landing-footer .button-quiet, .folio-v4 .canvas-footer .button-quiet, .folio-v4 .home-footer .button-quiet, .folio-v4 .resume-entry-head .button-quiet, .folio-v4 .ats-product-head .button-quiet, .folio-v4 .cover-product-head .button-quiet, .folio-v4 .portfolio-product-head .button-quiet, .folio-v4 .ats-summary-verdict .button-quiet, .folio-v4 .toast .button-quiet {
  background: transparent;
  border: 1px solid var(--cx-panel-ink60);
  color: var(--cx-panel-ink);
}

/* The dark tokens have to be re-pointed for the band's CHILDREN only — the band
   itself still paints --cx-panel / --navy as its background, so those two names
   may only change one level down. Without this, V3 rules that ask for --navy
   ink paint the band's own colour onto the band and the words disappear. */
.folio-v4 .canvas-promise > *, .folio-v4 .canvas-ats-story > *, .folio-v4 .canvas-final > *, .folio-v4 .landing-footer > *, .folio-v4 .canvas-footer > *, .folio-v4 .home-footer > *, .folio-v4 .resume-entry-head > *, .folio-v4 .ats-product-head > *, .folio-v4 .cover-product-head > *, .folio-v4 .portfolio-product-head > *, .folio-v4 .ats-summary-verdict > *, .folio-v4 .cover-angle-grid aside > *, .folio-v4 .toast > * {
  --navy: var(--cx-panel-ink);
  --navy-2: var(--cx-panel-ink60);
  --cx-panel: var(--cx-panel-ink);
  --surface-inverse: var(--cx-panel-ink);
  --text-strong: var(--cx-panel-ink);
  --text-muted: var(--cx-panel-ink);
  --text-subtle: var(--cx-panel-ink);
}

/* The save-state chip reported its status at 0.68 opacity — 3.2:1. It is a
   live region; it says what it means at full strength. */
.folio-v4 .save-state { opacity: 1; color: var(--cx-ink60); }

/* ------------------------------------------------- ONE header, everywhere
   V3 hid the shared bar on the pre-studio and editor routes and replaced it
   with a second, differently-shaped header (.resume-entry-head) that carried
   its own serif wordmark and no mark tile. Two headers means two brands.

   The bar is now the single header component on every route: light, hairline,
   C tile. Studio routes keep their ink TITLE band (.ats-product-head,
   .cover-product-head, .portfolio-product-head, .career-resume-header) — but
   below the bar, where a title band belongs. .resume-entry-head was not a title
   band, it was the duplicate header, so it is retired. */
.folio-v4 .topbar.prestudio-bar,
.folio-v4.career-canvas-v3:has(.resume-entry) > .topbar,
.folio-v4.career-canvas-v3:has(.guided-resume) > .topbar,
.folio-v4.career-canvas-v3:has(.resume-editor-page) > .topbar {
  display: grid;
}
.folio-v4 .resume-entry-head { display: none; }

/* ------------------------------------------------------- the workspace arc
   The arc IS the "connected" idea — it is the only thing on the page that says
   the four products are one application rather than four tools side by side.
   V3 drew it as a 3px bright-blue sweep. The canon draws structure in one hairline
   weight, so it becomes a 1px ink arc; the four station dots keep their state
   colours (ok / stop), and the readiness chip sits ON the line in mono caps.

   (It vanished entirely for a while: the arc is a border-top whose colour came
   from --cx-accent, and --cx-accent had been made guaranteed-invalid by a
   self-referential declaration. An invalid var() voids the whole border-top
   declaration — no colour, no line. The cycle is fixed above.) */
.folio-v4 .career-trajectory {
  border-top: 1px solid var(--cx-ink);
}
.folio-v4 .career-trajectory i {
  width: 12px;
  height: 12px;
  top: -6px;
  border: 2px solid var(--cx-paper);
  background: var(--cx-ok-fg);
  box-shadow: 0 0 0 1px var(--cx-ok-fg);
}
.folio-v4 .career-trajectory i:nth-child(4) {
  background: var(--cx-ask-fg);
  box-shadow: 0 0 0 1px var(--cx-ask-fg);
}
.folio-v4 .career-trajectory em {
  top: -14px;
  padding: 6px 11px;
  border: 1px solid var(--cx-line);
  background: var(--cx-paper);
  color: var(--cx-ink);
  font: 600 var(--cx-t-micro)/1 var(--cx-font-mono);
  letter-spacing: var(--cx-track-label);
  text-transform: uppercase;
  font-style: normal;
}

/* --------------------------------------------------------- studio tabs
   The active tab was navy ink on a navy ground (two V3 rules, each half right).
   The canon states it once: the selected tab is an ink block. */
.folio-v4 .portfolio-modebar button.on,
.folio-v4 .cover-mode-tabs button.on,
.career-canvas-v3 .portfolio-modebar button.on,
.career-canvas-v3 .cover-mode-tabs button.on {
  background: var(--cx-ink);
  border-color: var(--cx-ink);
  border-bottom-color: var(--cx-ink);
  color: var(--cx-paper);
  box-shadow: none;
}
.folio-v4 .portfolio-modebar button.on > i,
.folio-v4 .portfolio-modebar button.on > em,
.folio-v4 .cover-mode-tabs button.on > i,
.folio-v4 .cover-mode-tabs button.on > em {
  background: transparent;
  border-color: var(--cx-paper);
  color: var(--cx-paper);
}

/* ---------------------------------------------------------------- buttons
   Canon: primary is a solid black-ink block with square corners. */
.button {
  border-radius: var(--cx-r-sheet);
  font-family: var(--cx-font-ui);
  font-weight: 600;
  transition: transform var(--cx-dur-fast) var(--cx-ease),
              background var(--cx-dur-fast) var(--cx-ease),
              box-shadow var(--cx-dur-fast) var(--cx-ease),
              border-color var(--cx-dur-fast) var(--cx-ease);
}
.button-primary {
  background: var(--cx-ink);
  border-color: var(--cx-ink);
  color: var(--cx-paper);
}
.button-primary:hover {
  background: var(--cx-ink);
  transform: translateY(-2px);
  box-shadow: var(--cx-shadow-lift);
}
.button-outline, .button-secondary {
  background: transparent;
  border: 1px solid var(--cx-ink);
  color: var(--cx-ink);
}
.button-outline:hover, .button-secondary:hover { background: var(--cx-mist); }
.button-quiet {
  border-color: var(--cx-ink60);
  background: var(--cx-paper);
  color: var(--cx-ink);
}
.button-quiet:hover { border-color: var(--cx-ink); background: var(--cx-mist); }
.button-danger {
  border-color: var(--cx-ink60);
  background: var(--cx-stop-bg);
  color: var(--cx-stop-fg);
}
.button-coral {
  background: var(--cx-ink);
  border-color: var(--cx-ink);
  color: var(--cx-paper);
}
.button-coral:hover { background: var(--cx-accent); border-color: var(--cx-accent); }
.button-inverse {
  border: 1px solid var(--cx-panel-ink60);
  color: var(--cx-panel-ink);
}
.text-link { color: var(--cx-accent); font-weight: 600; }

/* ------------------------------------------------------- paper + hairline */
.card, .panel, .tool-card, .surface,
.canvas-destinations > *, .home-product-link, .product-index a,
.ats-source-card, .cover-choice, .letter-design-option,
.resume-template-thumb, .document-frame, .next-action {
  background: var(--cx-paper);
  border: 1px solid var(--cx-line);
  border-radius: var(--cx-r-sheet);
  box-shadow: none;
}
.home-product-link:hover, .ats-source-card:hover, .cover-choice:hover,
.letter-design-option:hover, .product-index a:hover {
  border-color: var(--cx-ink);
  box-shadow: var(--cx-shadow-raise);
}
.is-active, .active { border-color: var(--cx-ink); }

/* Form fields read as ruled lines on paper, never as filled wells. */
input, textarea, select, .field input, .field textarea, .field select {
  font-family: var(--cx-font-ui);
  background: var(--cx-paper);
  border: 1px solid var(--cx-line);
  border-radius: var(--cx-r-sm);
  color: var(--cx-ink);
}
input:focus, textarea:focus, select:focus { border-color: var(--cx-ink); }
label, .field > span:first-child {
  font-family: var(--cx-font-mono);
  font-size: var(--cx-t-label);
  letter-spacing: var(--cx-track-label);
  text-transform: uppercase;
  color: var(--cx-ink60);
}

/* --------------------------------------------------------- semantic chips */
.inline-state, .badge, .chip, .status-pill {
  font-family: var(--cx-font-mono);
  font-size: var(--cx-t-label);
  letter-spacing: var(--cx-track-label);
  text-transform: uppercase;
  border-radius: var(--cx-r-pill);
}
.inline-state.good, .is-good, .state-ok {
  color: var(--cx-ok-fg); background: var(--cx-ok-bg); border-color: var(--cx-ink60);
}
.inline-state.warn, .is-warn, .state-warn, .needs-work {
  color: var(--cx-warn-fg); background: var(--cx-warn-bg); border-color: var(--cx-ink60);
}
.inline-state.ask, .state-ask {
  color: var(--cx-ask-fg); background: var(--cx-ask-bg); border-color: var(--cx-ink60);
}
.inline-state.danger, .is-danger, .state-stop {
  color: var(--cx-stop-fg); background: var(--cx-stop-bg); border-color: var(--cx-ink60);
}

/* Data is mono. Always. */
.metric, .score, .count, .number, [data-metric], code, kbd, samp {
  font-family: var(--cx-font-mono);
  font-variant-numeric: tabular-nums;
}

/* ------------------------------------------------------- dark panel bands
   Only where V3 had a navy band. */
.surface-inverse, .band-inverse, .canvas-final, .scene-index.light {
  background: var(--cx-panel);
  color: var(--cx-panel-ink);
  border-color: var(--cx-pline);
}
.surface-inverse p, .band-inverse p, .canvas-final p { color: var(--cx-panel-ink60); }

/* ------------------------------------------------------- the SSR preamble
   Visible by default. Nothing on this page waits for JS to become readable. */
.seo-prerender > span {
  color: var(--cx-ink60);
  font: 600 var(--cx-t-label)/1 var(--cx-font-mono);
  letter-spacing: var(--cx-track-label);
}
.seo-prerender h1 {
  font: 400 var(--cx-t-d1)/1.05 var(--cx-font-display);
  letter-spacing: -.015em;
}
.seo-prerender p { color: var(--cx-ink60); font-size: var(--cx-t-lead); }
.seo-prerender nav { margin-top: var(--cx-s8); color: var(--cx-accent); font-weight: 600; }
.seo-prerender nav a { color: var(--cx-accent); }

/* Content must be legible at rest — no JS-gated opacity anywhere. */
.reveal, .reveal.is-visible { opacity: 1 !important; transform: none !important; }

/* Disabled is a state, not a dimmer switch. V3 faded these to 0.25–0.5 opacity,
   which drops the label under the readable floor. The canon says it plainly:
   quiet ink on a mist ground, hairline border, cursor not-allowed. */
.folio-v4 .button:disabled,
.folio-v4 .section-manager button:disabled,
.folio-v4 .ats-source-card:disabled,
.folio-v4 button:disabled {
  opacity: 1;
  transform: none;
  cursor: not-allowed;
  color: var(--cx-ink60);
  background: var(--cx-mist);
  border-color: var(--cx-line);
}
.folio-v4 .button:disabled *, .folio-v4 button:disabled * { color: var(--cx-ink60); }

/* Tap targets. */
.button, .primary-nav a, .workspace-button, .text-link,
button, [role="button"], select, input[type="checkbox"], input[type="radio"] {
  min-height: 40px;
}
input[type="checkbox"], input[type="radio"] { min-width: 20px; min-height: 20px; }

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

/* ===========================================================================
   THE FOUR-ACT HERO — ported from ~/conxto-design-preview/conxfolio-hero-FINAL.html
   Faithful to the canon: four cards in product order, a ~15s conductor loop,
   and an ACT 04 claim field that flips to a live sample page carrying the
   name the visitor typed. The name is never stolen back once they take over.
   Every colour is a token; every duration is a motion token.
   Namespaced .cxh-* so nothing here can leak into the V3 product CSS.
   ========================================================================= */

.cxh {
  min-height: calc(100vh - var(--cx-topbar-h));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: var(--cx-s16) var(--cx-s10) var(--cx-s10);
  max-width: 1240px;
  margin: 0 auto;
}

.cxh-kick {
  font: 600 11.5px/1 var(--cx-font-mono);
  letter-spacing: var(--cx-track-micro);
  color: var(--cx-ink60);
  text-transform: uppercase;
}
.cxh-title {
  font: 400 clamp(42px, 4.6vw, 62px)/1.05 var(--cx-font-display);
  letter-spacing: -.015em;
  margin: var(--cx-s4) 0 0;
}
.cxh-title .cxh-ln { display: block; overflow: hidden; padding-bottom: .05em; }
.cxh-title .cxh-ln > span { display: block; animation: cxh-lift var(--cx-dur-slow) var(--cx-ease) .1s both; }
@keyframes cxh-lift { from { transform: translateY(112%); } to { transform: none; } }
.cxh-title em { font-style: italic; color: var(--cx-accent); }

.cxh-sub {
  font: 400 16.5px/1.6 var(--cx-font-ui);
  color: var(--cx-ink60);
  max-width: 54ch;
  margin: var(--cx-s3) auto 0;
}
.cxh-sub b { color: var(--cx-ink); font-weight: 600; }

/* ------------------------------------------------------------- four acts */
.cxh-acts {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--cx-s4);
  margin-top: var(--cx-s10);
  width: 100%;
}
@media (max-width: 1020px) { .cxh-acts { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .cxh-acts { grid-template-columns: 1fr; } }

.cxh-act {
  position: relative;
  background: var(--cx-paper);
  border: 1px solid var(--cx-line);
  border-radius: var(--cx-r-sheet);
  text-align: left;
  display: flex;
  flex-direction: column;
  /* The canon dimmed the waiting cards to .78. Dimming a whole card also dims
     its text below the readable floor, so the act that is NOT playing is marked
     by its hairline, its lift and its shadow — never by fading its words. */
  opacity: 1;
  transition: transform var(--cx-dur-base) var(--cx-ease),
              border-color var(--cx-dur-base) var(--cx-ease),
              box-shadow var(--cx-dur-base) var(--cx-ease),
              opacity var(--cx-dur-base) var(--cx-ease);
}
.cxh-act.is-on {
  opacity: 1;
  background: var(--cx-paper);
  border-color: var(--cx-ink);
  transform: translateY(-6px);
  box-shadow: var(--cx-shadow-lift);
}
.cxh-num {
  position: absolute;
  top: 14px; right: 16px;
  font: 600 10.5px/1 var(--cx-font-mono);
  letter-spacing: .12em;
  color: var(--cx-ink60);
}
.cxh-act.is-on .cxh-num { color: var(--cx-ink); }
.cxh-hdr { padding: 18px 20px 0; }
.cxh-tt { font: 400 21px/1.1 var(--cx-font-display); color: var(--cx-ink); }
.cxh-st {
  font: 600 var(--cx-t-micro)/1 var(--cx-font-mono);
  letter-spacing: var(--cx-track-label);
  color: var(--cx-ok-fg);
  text-transform: uppercase;
  margin-top: 4px;
}
.cxh-stage {
  height: 198px;
  margin: 14px 16px 0;
  background: var(--cx-porcelain);
  border: 1px solid var(--cx-line);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cxh-copy { padding: 14px 20px 6px; font: 400 12.5px/1.5 var(--cx-font-ui); color: var(--cx-ink60); flex: 1; }
.cxh-copy b { color: var(--cx-ink); font-weight: 600; }
.cxh-open {
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 0 20px 14px;
  font: 600 12.5px/1 var(--cx-font-ui);
  color: var(--cx-ink);
  text-decoration: none;
}
.cxh-open span { display: inline-block; margin-left: 6px; transition: transform var(--cx-dur-fast) var(--cx-ease); }
.cxh-act:hover .cxh-open span { transform: translateX(3px); }

/* act 1 — the résumé sheet. The document is the hero. */
.cxh-sheet {
  width: 150px;
  background: var(--cx-paper);
  border: 1px solid var(--cx-line);
  box-shadow: var(--cx-shadow-raise);
  padding: 14px 0 12px;
}
.cxh-sheet .cxh-nm { font: 400 13.5px/1.2 var(--cx-font-display); margin: 0 12px; min-height: 16px; white-space: nowrap; color: var(--cx-ink); }
.cxh-caret { display: inline-block; width: 1.5px; height: 11px; background: var(--cx-ink); vertical-align: -1px; animation: cxh-blink 1s steps(1) infinite; }
@keyframes cxh-blink { 50% { opacity: 0; } }
.cxh-sheet .cxh-rl { font: 600 5.5px/1.4 var(--cx-font-mono); letter-spacing: .14em; color: var(--cx-ink60); margin: 2px 12px 0; text-transform: uppercase; min-height: 8px; }
.cxh-sheet .cxh-sec {
  font: 600 5px/1.4 var(--cx-font-mono); letter-spacing: .16em; color: var(--cx-ink60);
  margin: 8px 12px 3px; text-transform: uppercase;
  opacity: .88; transform: translateY(4px);
  transition: opacity var(--cx-dur-base) var(--cx-ease), transform var(--cx-dur-base) var(--cx-ease);
}
.cxh-sheet .cxh-sec.is-on { opacity: 1; transform: none; }
.cxh-bl { height: 3.5px; background: var(--cx-mist); margin: 0 12px 3.5px; transform-origin: left; transform: scaleX(0); transition: transform var(--cx-dur-base) var(--cx-ease); }
.cxh-bl.k { background: var(--cx-ink); height: 4px; }
.cxh-bl.is-on { transform: scaleX(1); }
.cxh-chip {
  position: absolute; left: 12px; bottom: 10px;
  font: 600 8.5px/1 var(--cx-font-mono); letter-spacing: .1em;
  background: var(--cx-paper); border: 1px solid var(--cx-line); padding: 5px 9px; color: var(--cx-ink60);
  opacity: .88; transform: translateY(5px);
  transition: opacity var(--cx-dur-base) var(--cx-ease), transform var(--cx-dur-base) var(--cx-ease);
}
.cxh-chip.is-on { opacity: 1; transform: none; }
.cxh-chip b { color: var(--cx-ink); }
.cxh-chip i { font-style: normal; color: var(--cx-ok-fg); }

/* act 2 — the letter */
.cxh-letter {
  width: 150px; background: var(--cx-paper); border: 1px solid var(--cx-line);
  box-shadow: var(--cx-shadow-raise); padding: 16px 0 12px;
}
.cxh-letter .cxh-sal { font: italic 400 9.5px/1.3 var(--cx-font-display); margin: 0 12px 7px; min-height: 12px; white-space: nowrap; color: var(--cx-ink); }
.cxh-letter .cxh-bl { transform: none; opacity: .35; transition: opacity var(--cx-dur-base) var(--cx-ease); }
.cxh-letter .cxh-bl.is-on { opacity: 1; }
.cxh-sig { font: italic 400 8.5px/1.2 var(--cx-font-display); margin: 8px 12px 0; color: var(--cx-ink); opacity: .88; transition: opacity var(--cx-dur-base) var(--cx-ease); }
.cxh-sig.is-on { opacity: 1; }

/* act 3 — the ATS gauge */
.cxh-ats {
  width: 150px; background: var(--cx-paper); border: 1px solid var(--cx-line);
  box-shadow: var(--cx-shadow-raise); padding: 13px;
}
.cxh-al { font: 600 6.5px/1.4 var(--cx-font-mono); letter-spacing: .16em; color: var(--cx-ink60); text-transform: uppercase; margin-bottom: 8px; }
.cxh-gwrap { position: relative; width: 92px; height: 50px; margin: 0 auto 5px; }
.cxh-garc { fill: none; stroke: var(--cx-mist); stroke-width: 8; stroke-linecap: round; }
.cxh-gfill {
  fill: none; stroke: var(--cx-ink); stroke-width: 8; stroke-linecap: round;
  stroke-dasharray: 121; stroke-dashoffset: 121;
  transition: stroke-dashoffset var(--cx-dur-slow) var(--cx-ease);
}
.cxh-gval { position: absolute; left: 0; right: 0; bottom: -2px; text-align: center; font: 400 21px/1 var(--cx-font-display); color: var(--cx-ink); }
.cxh-ck {
  display: flex; justify-content: space-between;
  font: 500 7px/1.4 var(--cx-font-mono); color: var(--cx-ink60);
  padding: 4.5px 0; border-top: 1px solid var(--cx-line);
  opacity: .88; transition: opacity var(--cx-dur-base) var(--cx-ease);
}
.cxh-ck.is-on { opacity: 1; }
.cxh-ck b { color: var(--cx-ink); font-weight: 600; }

/* act 4 — claim the name, then the page flips to show it */
.cxh-flipwrap { width: 172px; height: 168px; perspective: 800px; }
.cxh-flip { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform var(--cx-dur-slow) var(--cx-ease); }
.cxh-flipwrap.is-flipped .cxh-flip { transform: rotateY(180deg); }
.cxh-face { position: absolute; inset: 0; backface-visibility: hidden; }
.cxh-face.front { display: flex; flex-direction: column; justify-content: center; gap: var(--cx-s2); padding: 0 4px; }
.cxh-lbl { font: 600 8.5px/1 var(--cx-font-mono); letter-spacing: .16em; color: var(--cx-ink60); text-transform: uppercase; text-align: center; }
.cxh-cfield {
  display: flex; align-items: center;
  background: var(--cx-paper);
  border: 1.5px solid var(--cx-ink);
  box-shadow: var(--cx-shadow-hard);           /* the canon hard shadow */
  padding: 0 0 0 9px;
}
.cxh-cfield .cxh-pre { font: 500 9.5px/1 var(--cx-font-mono); color: var(--cx-ink60); white-space: nowrap; }
.cxh-cfield input {
  flex: 1; min-width: 0; border: 0; outline: 0; background: transparent;
  font: 600 9.5px/1 var(--cx-font-mono); color: var(--cx-ink);
  padding: 12px 4px 12px 1px; caret-color: var(--cx-ink); min-height: 40px;
}
.cxh-cfield input.cxh-ghost { color: var(--cx-ink60); }
.cxh-go {
  width: 100%; min-height: 40px; background: var(--cx-ink); color: var(--cx-paper);
  border: 0; font: 600 10.5px/1 var(--cx-font-ui); padding: 10px; cursor: pointer;
}
.cxh-go:hover { background: var(--cx-accent); }
.cxh-face.back {
  transform: rotateY(180deg);
  background: var(--cx-panel); border: 1px solid var(--cx-pline); color: var(--cx-panel-ink);
  box-shadow: var(--cx-shadow-lift);
}
.cxh-pb { display: flex; align-items: center; gap: 5px; padding: 8px 10px; border-bottom: 1px solid var(--cx-pline); }
.cxh-pb i { width: 5px; height: 5px; border-radius: 50%; background: var(--cx-panel-dot); display: block; }
.cxh-furl { font: 500 8px/1 var(--cx-font-mono); color: var(--cx-panel-ink60); margin-left: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cxh-furl b { color: var(--cx-panel-ink); font-weight: 600; }
.cxh-fbody { padding: 12px 14px; }
.cxh-fav {
  width: 26px; height: 26px; border-radius: 50%;
  background: var(--cx-pline); display: grid; place-items: center;
  font: 400 13px/1 var(--cx-font-display); color: var(--cx-panel-ink); margin-bottom: 7px;
}
.cxh-fname { font: 400 15px/1.1 var(--cx-font-display); color: var(--cx-panel-ink); }
.cxh-ftitle { font: 500 6.5px/1.4 var(--cx-font-mono); letter-spacing: .12em; color: var(--cx-panel-ink60); text-transform: uppercase; margin-top: 3px; }
.cxh-fpl { height: 3.5px; background: var(--cx-panel-well); margin-top: 7px; }
.cxh-fback {
  position: absolute; bottom: 6px; right: 8px; min-height: 40px; padding: 0 8px;
  font: 600 7.5px/1 var(--cx-font-mono); color: var(--cx-panel-ink60);
  cursor: pointer; background: none; border: 0; letter-spacing: .1em;
}
.cxh-fback:hover { color: var(--cx-panel-ink); }

/* the conductor's baton */
.cxh-runner { display: flex; gap: var(--cx-s2); justify-content: center; margin-top: var(--cx-s6); align-items: center; flex-wrap: wrap; }
.cxh-rdot { width: 34px; height: 3px; background: var(--cx-line); overflow: hidden; position: relative; }
.cxh-rdot i { position: absolute; inset: 0; background: var(--cx-ink); transform: scaleX(0); transform-origin: left; display: block; }
.cxh-rdot.run i { transition: transform linear; transform: scaleX(1); }
.cxh-rdot.done i { transform: scaleX(1); }
.cxh-rlab {
  font: 600 10px/1.4 var(--cx-font-mono); letter-spacing: .14em;
  color: var(--cx-ink60); text-transform: uppercase; min-width: 210px; text-align: left;
}

.cxh-ctas { display: flex; gap: var(--cx-s5); justify-content: center; flex-wrap: wrap; margin-top: var(--cx-s8); }
.cxh-btn {
  font: 600 15px/1 var(--cx-font-ui); padding: 16px 30px; text-decoration: none;
  display: inline-flex; gap: var(--cx-s2); align-items: center; min-height: 40px;
}
.cxh-btn.pri {
  background: var(--cx-ink); color: var(--cx-paper);
  transition: transform var(--cx-dur-fast) var(--cx-ease), box-shadow var(--cx-dur-fast) var(--cx-ease);
}
.cxh-btn.pri:hover { transform: translateY(-2px); box-shadow: var(--cx-shadow-lift); }
.cxh-btn.ghost { color: var(--cx-ink); border-bottom: 2px solid var(--cx-ink); padding: 16px 2px 8px; }
.cxh-proof { margin-top: var(--cx-s6); font: 500 11.5px/1.6 var(--cx-font-mono); color: var(--cx-ink60); }
.cxh-proof i { font-style: normal; color: var(--cx-ok-fg); margin-right: 6px; }

@media (max-width: 430px) {
  .cxh { padding-left: var(--cx-s5); padding-right: var(--cx-s5); }
  .cxh-title { font-size: 34px; }
  .cxh-rlab { min-width: 0; text-align: center; width: 100%; }
  .cxh-btn { width: 100%; justify-content: center; }
}

/* Reduced motion: the performance holds its final pose. Nothing moves. */
@media (prefers-reduced-motion: reduce) {
  .cxh-title .cxh-ln > span { animation: none; transform: none; }
  .cxh-caret { display: none; }
  .cxh-act { opacity: 1; }
  .cxh-flip, .cxh-act, .cxh-bl, .cxh-sec, .cxh-chip, .cxh-ck, .cxh-sig, .cxh-gfill { transition: none; }
}

/* The canon header responsive law: below 760px the primary nav folds away
   (every destination is one tap from the workspace button), and below 430px the
   save-state chip goes too. Brand + one action always fit a 390 screen.
   The bar itself is never hidden — only what it can afford to drop. */
@media (max-width: 760px) {
  .folio-v4 .topbar.landing-bar, .folio-v4 .topbar.tool-bar, .folio-v4 .topbar.prestudio-bar, .folio-v4 .topbar {
    gap: var(--cx-s3);
    padding: 0 var(--cx-s4);
    /* V3 gave the nav its own full-width row (grid-column:1/-1; order:3) for a
       scrolling tab strip. With the nav folded away that row is empty air, so
       the bar is pinned back to a single 64px line. */
    grid-template-columns: auto 1fr;
    grid-template-rows: 64px;
    height: 64px;
    align-content: center;
  }
  .folio-v4 .topbar.landing-bar .primary-nav, .folio-v4 .topbar.tool-bar .primary-nav, .folio-v4 .topbar.prestudio-bar .primary-nav, .folio-v4 .topbar .primary-nav { display: none; }
  .folio-v4 .topbar.landing-bar .topbar-actions, .folio-v4 .topbar.tool-bar .topbar-actions, .folio-v4 .topbar.prestudio-bar .topbar-actions, .folio-v4 .topbar .topbar-actions { justify-self: end; }
  /* V3 collapsed this to a 44px icon square below 600px. The canon keeps the
     words — one action, spelled out — so the fixed square is undone here. */
  .folio-v4 .topbar.landing-bar .workspace-button, .folio-v4 .topbar.tool-bar .workspace-button, .folio-v4 .topbar.prestudio-bar .workspace-button, .folio-v4 .topbar .workspace-button {
    width: auto; min-width: 0; padding: 0 12px;
    font-size: 12px; white-space: nowrap; justify-content: center;
  }
  .folio-v4 .topbar.landing-bar .workspace-button span, .folio-v4 .topbar.tool-bar .workspace-button span, .folio-v4 .topbar.prestudio-bar .workspace-button span, .folio-v4 .topbar .workspace-button span { font-size: 12px; }
}
@media (max-width: 430px) {
  .folio-v4 .topbar.landing-bar, .folio-v4 .topbar.tool-bar, .folio-v4 .topbar.prestudio-bar, .folio-v4 .topbar { padding: 0 var(--cx-s3); }
  .folio-v4 .topbar.landing-bar .save-state, .folio-v4 .topbar.tool-bar .save-state, .folio-v4 .topbar.prestudio-bar .save-state, .folio-v4 .topbar .save-state { display: none; }
  .folio-v4 .topbar.landing-bar .career-mark, .folio-v4 .topbar.tool-bar .career-mark, .folio-v4 .topbar.prestudio-bar .career-mark, .folio-v4 .topbar .career-mark { width: 30px; height: 30px; font-size: 18px; }
  .folio-v4 .topbar.landing-bar .brand, .folio-v4 .topbar.tool-bar .brand, .folio-v4 .topbar.prestudio-bar .brand, .folio-v4 .topbar .brand { font-size: 15px; gap: var(--cx-s2); }
  .folio-v4 .topbar.landing-bar .workspace-button, .folio-v4 .topbar.tool-bar .workspace-button, .folio-v4 .topbar.prestudio-bar .workspace-button, .folio-v4 .topbar .workspace-button { width: auto; min-width: 0; padding: 0 10px; font-size: 11.5px; }
  .folio-v4 .topbar.landing-bar .workspace-button span, .folio-v4 .topbar.tool-bar .workspace-button span, .folio-v4 .topbar.prestudio-bar .workspace-button span, .folio-v4 .topbar .workspace-button span { font-size: 11.5px; }
}