/*
 * site-pages.css — per-page styles extracted from inline <style> blocks.
 * Each section is scoped under its page body class (.page-<slug>).
 * Loaded after site.css. Cachebuster v=20260613a1.
 */


/* === about.html === */
.page-about .founder-note-section {
      padding: clamp(2rem, 5vw, 5rem) 0;
    }
.page-about .founder-note-panel {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
      gap: clamp(1.5rem, 4vw, 4rem);
      align-items: stretch;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: calc(var(--radius) * 1.18);
      padding: clamp(1.5rem, 4vw, 4rem);
      background:
        radial-gradient(circle at 84% 12%, rgba(124,92,255,.18), transparent 18rem),
        radial-gradient(circle at 12% 86%, rgba(11,31,59,.06), transparent 18rem),
        linear-gradient(145deg, rgba(255,255,255,.96), rgba(238,242,255,.76));
      box-shadow: var(--shadow);
    }
.page-about .founder-note-panel::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(var(--system-grid) 1px, transparent 1px),
        linear-gradient(90deg, var(--system-grid) 1px, transparent 1px);
      background-size: 34px 34px;
      pointer-events: none;
    }
.page-about .founder-note-copy, .page-about .founder-note-visual {
      position: relative;
      z-index: 1;
    }
.page-about .founder-note-copy blockquote {
      margin-top: var(--space-5);
      max-width: 900px;
      color: var(--text);
      font-family: var(--font-display);
      font-size: clamp(1.45rem, 1.02rem + 1.38vw, 2.58rem);
      font-weight: 600;
      line-height: 1.12;
      letter-spacing: -.045em;
    }
.page-about .founder-attribution {
      display: flex;
      align-items: center;
      gap: var(--space-4);
      margin-top: clamp(1.75rem, 3vw, 3rem);
      padding-top: var(--space-5);
      border-top: 1px solid rgba(11,31,59,.12);
    }
.page-about .founder-attribution strong {
      display: block;
      color: var(--text);
      font-size: 1.02rem;
      letter-spacing: -.02em;
    }
.page-about .founder-attribution span {
      display: block;
      color: var(--muted);
      font-size: .95rem;
      font-weight: 600;
    }
.page-about .founder-note-visual {
      min-height: 420px;
      border: 1px solid rgba(11,31,59,.08);
      border-radius: 1.35rem;
      overflow: hidden;
      background:
        linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px),
        radial-gradient(circle at 62% 34%, rgba(124,92,255,.34), transparent 13rem),
        linear-gradient(145deg, #071426, #061F3D 56%, #12164d);
      background-size: 32px 32px, 32px 32px, auto, auto;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
    }
.page-about .founder-note-visual::before, .page-about .founder-note-visual::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      border: 1px solid rgba(180,177,255,.18);
      border-radius: 50%;
      pointer-events: none;
    }
.page-about .founder-note-visual::before {
      width: 78%;
      height: 38%;
      transform: translate(-50%, -50%) rotate(-18deg);
    }
.page-about .founder-note-visual::after {
      width: 58%;
      height: 66%;
      transform: translate(-50%, -50%) rotate(18deg);
    }
.page-about .founder-portrait-card {
      position: absolute;
      left: 50%;
      top: 47%;
      width: min(18.75rem, 66%);
      transform: translate(-50%, -50%);
      z-index: 2;
      overflow: hidden;
      border: 1px solid rgba(255,255,255,.18);
      border-radius: 1.25rem;
      background:
        linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
        rgba(255,255,255,.06);
      box-shadow: 0 44px 110px rgba(0,0,0,.34), 0 0 70px rgba(124,92,255,.20);
    }
.page-about .founder-portrait-card::after {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(180deg, transparent 48%, rgba(7,20,38,.62)),
        radial-gradient(circle at 50% 20%, rgba(255,255,255,.12), transparent 42%);
      pointer-events: none;
    }
.page-about .founder-portrait-card img {
      width: 100%;
      height: 100%;
      aspect-ratio: 4 / 5;
      object-fit: cover;
      filter: saturate(.86) contrast(1.03);
    }
.page-about .founder-visual-caption {
      position: absolute;
      left: clamp(1.25rem, 3vw, 2rem);
      right: clamp(1.25rem, 3vw, 2rem);
      bottom: clamp(1.25rem, 3vw, 2rem);
      z-index: 3;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: var(--space-3);
      border: 1px solid rgba(255,255,255,.14);
      border-radius: 999px;
      padding: .7rem .9rem .7rem 1rem;
      background: rgba(255,255,255,.10);
      color: rgba(245,243,238,.82);
      font-size: .72rem;
      font-weight: 800;
      letter-spacing: .07em;
      text-transform: uppercase;
      backdrop-filter: blur(16px);
    }
.page-about .founder-visual-caption i {
      display: block;
      width: .44rem;
      height: .44rem;
      flex: 0 0 auto;
      border-radius: 50%;
      background: #9b87ff;
      box-shadow: 0 0 22px rgba(155,135,255,.82);
    }
.page-about .founder-portrait-card figcaption {
      position: absolute;
      left: var(--space-4);
      right: var(--space-4);
      bottom: var(--space-4);
      z-index: 1;
      color: rgba(245,243,238,.88);
      font-size: .72rem;
      font-weight: 800;
      letter-spacing: .075em;
      line-height: 1.25;
      text-transform: uppercase;
    }
.page-about h1 {
      max-width: 22ch;
      font-size: clamp(2.4rem, 1.3rem + 2.4vw, 3.85rem);
      font-weight: 600;
      line-height: 1.05;
      letter-spacing: -.022em;
      text-wrap: balance;
    }
.page-about .about-belief-section {
      padding-top: clamp(1.5rem, 4vw, 4rem);
    }
.page-about .about-belief-grid {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 1.1fr) minmax(0, .72fr);
      gap: clamp(1.5rem, 4vw, 3.5rem);
      align-items: stretch;
      overflow: hidden;
      border: 1px solid rgba(11,31,59,.08);
      border-radius: calc(var(--radius) * 1.18);
      padding: clamp(1.25rem, 3.6vw, 3.2rem);
      background:
        radial-gradient(circle at 88% 18%, rgba(124,92,255,.12), transparent 20rem),
        linear-gradient(rgba(11,31,59,.026) 1px, transparent 1px),
        linear-gradient(90deg, rgba(11,31,59,.026) 1px, transparent 1px),
        linear-gradient(145deg, rgba(255,255,255,.96), rgba(244,246,255,.74));
      background-size: auto, 38px 38px, 38px 38px, auto;
      box-shadow: 0 28px 90px rgba(11,31,59,.065);
    }
.page-about .about-belief.card.featured {
      grid-column: auto;
      border: 0;
      border-radius: 0;
      padding: 0;
      background: transparent;
      box-shadow: none;
      color: var(--text);
    }
.page-about .about-belief {
      align-self: center;
    }
.page-about .about-belief h2 {
      max-width: 920px;
      margin-top: var(--space-3);
      color: var(--text);
      font-size: clamp(2rem, 3.35vw, 4.15rem);
      font-weight: 600;
      line-height: .99;
      letter-spacing: -.05em;
    }
.page-about .about-belief .tag {
      color: var(--accent);
      background: rgba(255,255,255,.68);
    }
.page-about .about-belief.card.featured p, .page-about .about-belief p {
      max-width: 720px;
      margin-top: var(--space-5);
      color: rgba(65, 78, 98, .88);
      font-size: clamp(1rem, .85vw, 1.14rem);
      line-height: 1.58;
    }
.page-about .about-belief p + p {
      margin-top: var(--space-3);
    }
.page-about .about-belief-line {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: var(--space-2);
      margin-top: clamp(1.5rem, 3vw, 2.25rem);
      max-width: 720px;
    }
.page-about .about-belief-line span {
      border: 1px solid rgba(11,31,59,.08);
      border-radius: 999px;
      padding: .7rem .8rem;
      background: rgba(255,255,255,.66);
      color: rgba(11,31,59,.66);
      font-size: .72rem;
      font-weight: 800;
      letter-spacing: .07em;
      text-align: center;
      text-transform: uppercase;
    }
.page-about .about-proof-stack {
      display: grid;
      gap: var(--space-3);
      align-self: center;
    }
.page-about .about-proof-item {
      min-height: 138px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      border: 1px solid rgba(11,31,59,.085);
      border-radius: 1.2rem;
      padding: clamp(var(--space-4), 2vw, var(--space-5));
      background:
        radial-gradient(circle at 88% 10%, rgba(124,92,255,.10), transparent 9rem),
        rgba(255,255,255,.72);
      box-shadow: 0 18px 54px rgba(11,31,59,.055);
    }
.page-about .about-proof-item strong {
      display: block;
      color: var(--text);
      font-size: clamp(1.4rem, 2.3vw, 2rem);
      font-weight: 600;
      letter-spacing: -.055em;
      line-height: 1;
    }
.page-about .about-proof-item span {
      display: block;
      margin-top: var(--space-2);
      color: var(--muted);
      font-size: .93rem;
      font-weight: 700;
      line-height: 1.45;
    }
.page-about .about-principles {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: var(--space-3);
      margin-top: var(--space-7);
    }
.page-about .about-principle {
      min-height: 210px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      border: 1px solid rgba(11,31,59,.1);
      border-radius: 1.25rem;
      padding: var(--space-5);
      background:
        radial-gradient(circle at 88% 12%, rgba(124,92,255,.12), transparent 8rem),
        rgba(255,255,255,.7);
      box-shadow: 0 18px 48px rgba(11,31,59,.055);
    }
.page-about .about-principle span {
      width: 2.4rem;
      height: 2.4rem;
      display: grid;
      place-items: center;
      border-radius: 50%;
      color: #fff;
      background: linear-gradient(145deg, #061F3D, #211663);
      font-size: .75rem;
      font-weight: 800;
      letter-spacing: .05em;
    }
.page-about .about-principle h3 {
      margin-top: auto;
      color: var(--text);
      font-size: clamp(1.18rem, 1.45vw, 1.55rem);
      font-weight: 700;
      line-height: 1.04;
      letter-spacing: -.045em;
    }
.page-about .about-principle p {
      margin-top: var(--space-3);
      color: var(--muted);
      font-size: .94rem;
      line-height: 1.48;
    }
.page-about .about-next-copy {
      max-width: 760px;
    }
.page-about .cta h2 {
      max-width: 860px;
      font-weight: 600;
      line-height: 1.08;
      letter-spacing: -.012em;
    }
.page-about .cta p {
      max-width: 720px;
      color: rgba(245,243,238,.72);
      font-size: clamp(1rem, .85vw, 1.12rem);
      font-weight: 400;
      line-height: 1.62;
    }@media (max-width: 1100px) {
  .page-about .about-principles {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
}@media (max-width: 900px) {
  .page-about .founder-note-panel {
          grid-template-columns: 1fr;
        }
  .page-about .founder-note-visual {
          min-height: 390px;
        }
  .page-about .about-belief-grid {
          grid-template-columns: 1fr;
        }
}@media (max-width: 640px) {
  .page-about .about-principles {
          grid-template-columns: 1fr;
        }
}@media (max-width: 640px) {
  .page-about h1 {
          font-size: clamp(2.65rem, 11.5vw, 3.45rem);
          line-height: .96;
          letter-spacing: -.055em;
        }
  .page-about .founder-note-panel {
          padding: var(--space-5);
        }
  .page-about .founder-note-copy blockquote {
          font-size: clamp(1.26rem, 5.45vw, 1.72rem);
          line-height: 1.14;
        }
  .page-about .founder-note-visual {
          min-height: auto;
          display: block;
          padding: var(--space-5);
        }
  .page-about .founder-portrait-card {
          position: relative;
          left: auto;
          top: auto;
          width: min(15rem, 74vw);
          margin: var(--space-3) auto var(--space-6);
          transform: none;
        }
  .page-about .founder-visual-caption {
          position: relative;
          left: auto;
          right: auto;
          bottom: auto;
          justify-content: center;
          margin-top: var(--space-3);
        }
  .page-about .about-belief h2 {
          font-size: clamp(2rem, 10vw, 3rem);
          letter-spacing: -.055em;
        }
  .page-about .about-belief-grid {
          padding: var(--space-5);
        }
  .page-about .about-belief-line {
          grid-template-columns: 1fr;
        }
  .page-about .about-proof-item {
          min-height: auto;
        }
  .page-about .about-principle {
          min-height: 0;
        }
}
.page-about [data-theme='dark'] .founder-note-panel {
      background:
        radial-gradient(circle at 84% 12%, rgba(124, 92, 255, .22), transparent 18rem),
        radial-gradient(circle at 12% 86%, rgba(245, 248, 255, .04), transparent 18rem),
        linear-gradient(145deg, color-mix(in oklab, var(--surface-elevated) 92%, transparent), color-mix(in oklab, var(--surface-2) 72%, transparent));
      border-color: var(--line);
      color: var(--text);
    }
.page-about [data-theme='dark'] .founder-note-copy blockquote { color: var(--text); }
.page-about [data-theme='dark'] .founder-attribution { border-top-color: var(--line); }
.page-about [data-theme='dark'] .founder-attribution strong { color: var(--text); }
.page-about [data-theme='dark'] .founder-attribution span { color: var(--muted); }
.page-about [data-theme='dark'] .about-belief-grid {
      background:
        radial-gradient(circle at 88% 18%, rgba(124,92,255,.18), transparent 20rem),
        linear-gradient(rgba(245,248,255,.022) 1px, transparent 1px),
        linear-gradient(90deg, rgba(245,248,255,.022) 1px, transparent 1px),
        linear-gradient(145deg, color-mix(in oklab, var(--surface-elevated) 92%, transparent), color-mix(in oklab, var(--surface-2) 72%, transparent));
      background-size: auto, 38px 38px, 38px 38px, auto;
      border-color: var(--line);
      color: var(--text);
    }
.page-about [data-theme='dark'] .about-belief h2 { color: var(--text); }
.page-about [data-theme='dark'] .about-belief.card.featured p, .page-about [data-theme='dark'] .about-belief p { color: var(--muted); }
.page-about [data-theme='dark'] .about-belief .tag {
      background: color-mix(in oklab, var(--surface-elevated) 60%, transparent);
    }
.page-about [data-theme='dark'] .about-belief-line span {
      background: color-mix(in oklab, var(--surface-elevated) 70%, transparent);
      color: var(--muted);
      border-color: var(--line);
    }
.page-about [data-theme='dark'] .about-proof-item {
      background:
        radial-gradient(circle at 88% 10%, rgba(124,92,255,.14), transparent 9rem),
        color-mix(in oklab, var(--surface-elevated) 88%, transparent);
      border-color: var(--line);
      color: var(--text);
    }
.page-about [data-theme='dark'] .about-proof-item strong { color: var(--text); }
.page-about [data-theme='dark'] .about-proof-item span { color: var(--muted); }
.page-about [data-theme='dark'] .about-principle {
      background:
        radial-gradient(circle at 88% 12%, rgba(124,92,255,.16), transparent 8rem),
        color-mix(in oklab, var(--surface-elevated) 84%, transparent);
      border-color: var(--line);
      color: var(--text);
    }
.page-about [data-theme='dark'] .about-principle h3 { color: var(--text); }
.page-about [data-theme='dark'] .about-principle p { color: var(--muted); }
.page-about :focus-visible {
      outline: 2px solid var(--accent);
      outline-offset: 2px;
      border-radius: 4px;
    }

/* === candidate-review.html === */
.page-candidate-review .candidate-hero .hero-copy {
      grid-template-columns: minmax(0, 1.18fr) minmax(0, .82fr);
      align-items: center;
    }
.page-candidate-review .candidate-hero h1 {
      max-width: 22ch;
      font-size: var(--text-hero-sub);
      line-height: 1.05;
      letter-spacing: -.022em;
      font-weight: 600;
      text-wrap: balance;
    }@media (max-width: 1024px) {
  .page-candidate-review .candidate-hero .hero-copy { grid-template-columns: 1fr; }
  .page-candidate-review .candidate-hero h1 { max-width: none; }
}
.page-candidate-review .candidate-system {
      position: relative;
      aspect-ratio: 16 / 10;
      min-height: 400px;
      max-height: 520px;
      overflow: hidden;
      border: 1px solid rgba(11, 31, 59, .10);
      border-radius: calc(var(--radius) * 1.15);
      background:
        linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px),
        radial-gradient(circle at 66% 28%, rgba(124,92,255,.32), transparent 15rem),
        radial-gradient(circle at 24% 72%, rgba(99,102,241,.18), transparent 18rem),
        linear-gradient(145deg, #071426, #061F3D 58%, #11194a);
      background-size: 34px 34px, 34px 34px, auto, auto, auto;
      box-shadow: var(--shadow), inset 0 1px 0 rgba(255,255,255,.12);
    }
.page-candidate-review .candidate-system::before, .page-candidate-review .candidate-system::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      border: 1px solid rgba(180,177,255,.17);
      border-radius: 50%;
      pointer-events: none;
    }
.page-candidate-review .candidate-system::before {
      width: 78%;
      height: 42%;
      transform: translate(-50%, -50%) rotate(-13deg);
    }
.page-candidate-review .candidate-system::after {
      width: 54%;
      height: 70%;
      transform: translate(-50%, -50%) rotate(20deg);
    }
.page-candidate-review .candidate-core {
      position: absolute;
      left: 50%;
      top: 50%;
      width: clamp(12rem, 19vw, 16.4rem);
      aspect-ratio: 1;
      display: grid;
      place-items: center;
      border-radius: 50%;
      transform: translate(-50%, -50%);
      color: #fff;
      text-align: center;
      background:
        radial-gradient(circle at 36% 24%, rgba(255,255,255,.34), transparent 22%),
        radial-gradient(circle at 70% 72%, rgba(124,92,255,.44), transparent 31%),
        linear-gradient(145deg, #061F3D, #101a47 70%, #080f24);
      box-shadow: 0 44px 120px rgba(0,0,0,.34), 0 0 84px rgba(124,92,255,.22);
      z-index: 2;
    }
.page-candidate-review .candidate-core strong {
      display: block;
      max-width: 10rem;
      margin-inline: auto;
      font-size: clamp(1.45rem, 2.1vw, 2.25rem);
      line-height: .98;
      letter-spacing: -.045em;
    }
.page-candidate-review .candidate-core span {
      display: block;
      margin-top: var(--space-2);
      color: rgba(245,243,238,.70);
      font-size: .72rem;
      font-weight: 800;
      letter-spacing: .07em;
      text-transform: uppercase;
    }
.page-candidate-review .candidate-node {
      position: absolute;
      z-index: 3;
      min-width: 150px;
      border: 1px solid rgba(255,255,255,.18);
      border-radius: 999px;
      padding: .78rem 1rem;
      background: rgba(255,255,255,.12);
      color: rgba(245,243,238,.88);
      font-size: .74rem;
      font-weight: 800;
      letter-spacing: .055em;
      text-align: center;
      text-transform: uppercase;
      backdrop-filter: blur(16px);
    }
.page-candidate-review .candidate-node.one { left: 8%; top: 18%; }
.page-candidate-review .candidate-node.two { right: 8%; top: 18%; }
.page-candidate-review .candidate-node.three { left: 8%; bottom: 18%; }
.page-candidate-review .candidate-node.four { right: 8%; bottom: 18%; }
.page-candidate-review .candidate-flow {
      display: grid;
      grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
      gap: clamp(1.25rem, 4vw, 4rem);
      align-items: center;
    }
.page-candidate-review .candidate-flow-copy h2 {
      max-width: 680px;
      font-size: clamp(2.5rem, 4.2vw, 5rem);
      line-height: .96;
    }
.page-candidate-review .candidate-flow-copy p {
      max-width: 680px;
      margin-top: var(--space-5);
      color: var(--muted);
      font-size: clamp(1.05rem, 1vw, 1.22rem);
    }
.page-candidate-review .candidate-flow-panel {
      position: relative;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: calc(var(--radius) * 1.12);
      padding: clamp(1.25rem, 2.8vw, 2.25rem);
      background:
        radial-gradient(circle at 86% 8%, rgba(124,92,255,.14), transparent 17rem),
        linear-gradient(var(--system-grid) 1px, transparent 1px),
        linear-gradient(90deg, var(--system-grid) 1px, transparent 1px),
        rgba(255,255,255,.72);
      background-size: auto, 34px 34px, 34px 34px, auto;
      box-shadow: var(--shadow);
    }
.page-candidate-review .candidate-step {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: var(--space-4);
      align-items: start;
      padding: var(--space-5) 0;
      border-bottom: 1px solid var(--line);
    }
.page-candidate-review .candidate-step:last-child { border-bottom: 0; }
.page-candidate-review .candidate-step b {
      display: grid;
      place-items: center;
      width: 2.35rem;
      height: 2.35rem;
      border-radius: 50%;
      background: rgba(124,92,255,.10);
      color: var(--system-violet);
      font-size: .82rem;
      font-weight: 800;
    }
.page-candidate-review .candidate-step strong {
      display: block;
      font-size: clamp(1.12rem, 1.2vw, 1.35rem);
      letter-spacing: -.026em;
    }
.page-candidate-review .candidate-step span {
      display: block;
      margin-top: .2rem;
      color: var(--muted);
      font-size: .96rem;
      line-height: 1.5;
    }@media (max-width: 980px) {
  .page-candidate-review .candidate-hero .hero-copy, .page-candidate-review .candidate-flow, .page-candidate-review .candidate-access-card {
          grid-template-columns: 1fr;
        }
}@media (max-width: 640px) {
  .page-candidate-review .candidate-hero h1 {
          font-size: clamp(3rem, 12.8vw, 4.2rem);
        }
  .page-candidate-review .candidate-system {
          min-height: auto;
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: var(--space-2);
          padding: var(--space-5);
        }
  .page-candidate-review .candidate-core {
          position: relative;
          left: auto;
          top: auto;
          grid-column: 1 / -1;
          width: min(13rem, 72vw);
          margin: var(--space-4) auto;
          transform: none;
        }
  .page-candidate-review .candidate-node, .page-candidate-review .candidate-node.one, .page-candidate-review .candidate-node.two, .page-candidate-review .candidate-node.three, .page-candidate-review .candidate-node.four {
          position: relative;
          inset: auto;
          min-width: 0;
          font-size: .68rem;
        }
}
.page-candidate-review [data-theme='dark'] .candidate-flow-panel {
      background:
        radial-gradient(circle at 86% 8%, rgba(124, 92, 255, .18), transparent 17rem),
        linear-gradient(var(--system-grid) 1px, transparent 1px),
        linear-gradient(90deg, var(--system-grid) 1px, transparent 1px),
        color-mix(in oklab, var(--surface-elevated) 90%, transparent);
      background-size: auto, 34px 34px, 34px 34px, auto;
      border-color: var(--line);
      color: var(--text);
      box-shadow: 0 18px 60px rgba(0, 0, 0, .35);
    }
.page-candidate-review [data-theme='dark'] .candidate-flow-copy p { color: var(--muted); }
.page-candidate-review [data-theme='dark'] .candidate-step { border-bottom-color: var(--line); }
.page-candidate-review [data-theme='dark'] .candidate-step strong { color: var(--text); }
.page-candidate-review [data-theme='dark'] .candidate-step span { color: var(--muted); }
.page-candidate-review [data-theme='dark'] .candidate-step b {
      background: rgba(165, 180, 252, .15);
      color: var(--accent);
    }
.page-candidate-review .candidate-secure {
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: calc(var(--radius) * 1.15);
      padding: clamp(1.6rem, 3.4vw, 2.85rem);
      background:
        radial-gradient(circle at 90% 6%, rgba(124,92,255,.10), transparent 16rem),
        linear-gradient(var(--system-grid) 1px, transparent 1px),
        linear-gradient(90deg, var(--system-grid) 1px, transparent 1px),
        rgba(255,255,255,.72);
      background-size: auto, 34px 34px, 34px 34px, auto;
      box-shadow: var(--shadow);
    }
.page-candidate-review .candidate-secure-head { max-width: 760px; }
.page-candidate-review .candidate-secure-head h2 {
      margin-top: var(--space-3);
      font-size: clamp(2rem, 3.4vw, 3.6rem);
      line-height: .98;
      letter-spacing: -.05em;
    }
.page-candidate-review .candidate-secure-head p {
      margin-top: var(--space-4);
      color: var(--muted);
      font-size: clamp(1rem, 1vw, 1.18rem);
    }
.page-candidate-review .candidate-secure-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: var(--space-4);
      margin-top: clamp(1.5rem, 3vw, 2.5rem);
    }
.page-candidate-review .candidate-secure-card {
      display: flex;
      flex-direction: column;
      gap: var(--space-2);
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: clamp(1.1rem, 2.2vw, 1.6rem);
      background: color-mix(in oklab, var(--surface) 80%, transparent);
    }
.page-candidate-review .candidate-secure-card span {
      color: var(--system-violet);
      font-size: var(--text-xs);
      font-weight: 800;
      letter-spacing: .06em;
      text-transform: uppercase;
    }
.page-candidate-review .candidate-secure-card strong {
      display: block;
      color: var(--text);
      font-size: 1.05rem;
      line-height: 1.18;
      letter-spacing: -.022em;
    }
.page-candidate-review .candidate-secure-card p {
      margin: 0;
      color: var(--muted);
      font-size: .94rem;
      line-height: 1.5;
    }
.page-candidate-review .candidate-distinct {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: clamp(1.25rem, 3vw, 2rem);
      align-items: center;
      margin-top: clamp(1.5rem, 3vw, 2.5rem);
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: clamp(1.25rem, 2.6vw, 1.85rem);
      background: color-mix(in oklab, var(--surface) 82%, transparent);
    }
.page-candidate-review .candidate-distinct p {
      margin: 0;
      color: var(--muted);
      font-size: clamp(.98rem, .95rem + .2vw, 1.1rem);
    }
.page-candidate-review .candidate-distinct strong { color: var(--text); }@media (max-width: 980px) {
  .page-candidate-review .candidate-secure-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-candidate-review .candidate-distinct { grid-template-columns: 1fr; }
}@media (max-width: 560px) {
  .page-candidate-review .candidate-secure-grid { grid-template-columns: 1fr; }
}
.page-candidate-review [data-theme='dark'] .candidate-secure {
      background:
        radial-gradient(circle at 90% 6%, rgba(124, 92, 255, .14), transparent 16rem),
        linear-gradient(var(--system-grid) 1px, transparent 1px),
        linear-gradient(90deg, var(--system-grid) 1px, transparent 1px),
        color-mix(in oklab, var(--surface-elevated) 90%, transparent);
      background-size: auto, 34px 34px, 34px 34px, auto;
      border-color: var(--line);
      color: var(--text);
      box-shadow: 0 18px 60px rgba(0, 0, 0, .35);
    }
.page-candidate-review [data-theme='dark'] .candidate-secure-head p { color: var(--muted); }
.page-candidate-review [data-theme='dark'] .candidate-secure-card {
      background: color-mix(in oklab, var(--surface-elevated) 86%, transparent);
      border-color: var(--line);
    }
.page-candidate-review [data-theme='dark'] .candidate-secure-card span { color: var(--accent); }
.page-candidate-review [data-theme='dark'] .candidate-secure-card strong { color: var(--text); }
.page-candidate-review [data-theme='dark'] .candidate-secure-card p { color: var(--muted); }
.page-candidate-review [data-theme='dark'] .candidate-distinct {
      background: color-mix(in oklab, var(--surface-elevated) 86%, transparent);
      border-color: var(--line);
    }
.page-candidate-review [data-theme='dark'] .candidate-distinct p { color: var(--muted); }
.page-candidate-review [data-theme='dark'] .candidate-distinct strong { color: var(--text); }

/* === careers.html === */
.page-careers .role-categories .section-head {
      margin-bottom: var(--space-5);
    }
.page-careers .role-grid {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: var(--space-3);
    }
.page-careers .role-grid .card {
      min-height: 184px;
      padding: clamp(var(--space-4), 2.4vw, var(--space-5));
      gap: var(--space-5);
      border-radius: 1.1rem;
    }
.page-careers .role-grid .card.featured {
      grid-column: span 2;
    }
.page-careers .role-grid h3 {
      font-family: 'Switzer', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
      font-size: clamp(1.125rem, 1rem + 0.75vw, 1.45rem);
      font-weight: 700;
      line-height: 1.08;
      letter-spacing: -0.026em;
      color: #061F3D;
      text-wrap: balance;
    }
.page-careers .role-grid .card p, .page-careers .role-grid .card.featured p {
      font-family: 'Switzer', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
      font-size: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
      font-weight: 400;
      line-height: 1.58;
      letter-spacing: -0.008em;
      color: #5E6A7D;
    }@media (max-width: 1100px) {
  .page-careers .role-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
}@media (max-width: 640px) {
  .page-careers .role-grid {
          grid-template-columns: 1fr;
        }
  .page-careers .role-grid .card, .page-careers .role-grid .card.featured {
          grid-column: auto;
          min-height: auto;
        }
}

/* === client-login.html === */
.page-client-login .login-hero .hero-copy {
      grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
      align-items: center;
    }
.page-client-login .login-hero h1 {
      max-width: 22ch;
      font-size: clamp(2.4rem, 1.3rem + 2.4vw, 3.85rem);
      line-height: 1.05;
      letter-spacing: -.022em;
      font-weight: 600;
      text-wrap: balance;
    }
.page-client-login .login-system-panel {
      position: relative;
      aspect-ratio: 16 / 10;
      min-height: 400px;
      max-height: 520px;
      overflow: hidden;
      border: 1px solid rgba(11,31,59,.10);
      border-radius: calc(var(--radius) * 1.15);
      background:
        linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px),
        radial-gradient(circle at 58% 34%, rgba(124,92,255,.34), transparent 13rem),
        linear-gradient(145deg, #071426, #061F3D 56%, #12164d);
      background-size: 34px 34px, 34px 34px, auto, auto;
      box-shadow: var(--shadow), inset 0 1px 0 rgba(255,255,255,.12);
    }
.page-client-login .login-system-panel::before, .page-client-login .login-system-panel::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      border: 1px solid rgba(180,177,255,.18);
      border-radius: 50%;
      pointer-events: none;
    }
.page-client-login .login-system-panel::before {
      width: 76%;
      height: 38%;
      transform: translate(-50%, -50%) rotate(-16deg);
    }
.page-client-login .login-system-panel::after {
      width: 58%;
      height: 66%;
      transform: translate(-50%, -50%) rotate(18deg);
    }
.page-client-login .login-hub {
      position: absolute;
      left: 50%;
      top: 50%;
      width: clamp(11rem, 18vw, 15rem);
      aspect-ratio: 1;
      display: grid;
      place-items: center;
      border-radius: 50%;
      transform: translate(-50%, -50%);
      color: #fff;
      text-align: center;
      background:
        radial-gradient(circle at 34% 24%, rgba(255,255,255,.34), transparent 22%),
        radial-gradient(circle at 72% 72%, rgba(124,92,255,.44), transparent 30%),
        linear-gradient(145deg, #061F3D, #111a48 70%, #080f24);
      box-shadow: 0 44px 120px rgba(0,0,0,.32), 0 0 80px rgba(124,92,255,.22);
      z-index: 2;
    }
.page-client-login .login-hub strong {
      display: block;
      font-size: clamp(1.45rem, 2.2vw, 2.25rem);
      line-height: .98;
      letter-spacing: -.045em;
    }
.page-client-login .login-hub span {
      display: block;
      margin-top: var(--space-2);
      color: rgba(245,243,238,.7);
      font-size: .72rem;
      font-weight: 800;
      letter-spacing: .07em;
      text-transform: uppercase;
    }
.page-client-login .login-node {
      position: absolute;
      z-index: 3;
      min-width: 144px;
      border: 1px solid rgba(255,255,255,.18);
      border-radius: 999px;
      padding: .78rem 1rem;
      background: rgba(255,255,255,.12);
      color: rgba(245,243,238,.88);
      font-size: .74rem;
      font-weight: 800;
      letter-spacing: .055em;
      text-align: center;
      text-transform: uppercase;
      backdrop-filter: blur(16px);
    }
.page-client-login .login-node.one { left: 9%; top: 17%; }
.page-client-login .login-node.two { right: 9%; top: 17%; }
.page-client-login .login-node.three { left: 9%; bottom: 18%; }
.page-client-login .login-node.four { right: 9%; bottom: 18%; }
.page-client-login .login-paths {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: clamp(1rem, 2.5vw, 2rem);
    }
.page-client-login .login-path {
      position: relative;
      min-height: 430px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: calc(var(--radius) * 1.15);
      padding: clamp(1.5rem, 3vw, 2.5rem);
      background:
        radial-gradient(circle at 90% 6%, rgba(124,92,255,.14), transparent 16rem),
        linear-gradient(var(--system-grid) 1px, transparent 1px),
        linear-gradient(90deg, var(--system-grid) 1px, transparent 1px),
        rgba(255,255,255,.72);
      background-size: auto, 34px 34px, 34px 34px, auto;
      box-shadow: var(--shadow);
    }
.page-client-login .login-path.dark {
      color: #f5f3ee;
      border-color: transparent;
      background:
        radial-gradient(circle at 78% 10%, rgba(124,92,255,.30), transparent 18rem),
        linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px),
        linear-gradient(145deg, #071426, #061F3D 60%, #141a54);
      background-size: auto, 34px 34px, 34px 34px, auto;
    }
.page-client-login .login-path.dark p, .page-client-login .login-path.dark li {
      color: rgba(245,243,238,.72);
    }
.page-client-login .login-path h2 {
      max-width: 620px;
      margin-top: var(--space-4);
      font-size: clamp(2rem, 3.4vw, 4rem);
      line-height: .98;
      letter-spacing: -.06em;
    }
.page-client-login .login-path p {
      margin-top: var(--space-5);
      font-size: clamp(1rem, 1vw, 1.2rem);
    }
.page-client-login .login-list {
      display: grid;
      gap: var(--space-3);
      margin-top: var(--space-7);
      list-style: none;
    }
.page-client-login .login-list li {
      display: flex;
      align-items: center;
      gap: var(--space-3);
      color: var(--muted);
      font-size: .95rem;
      font-weight: 700;
    }
.page-client-login .login-list li::before {
      content: "";
      width: .52rem;
      height: .52rem;
      flex: 0 0 auto;
      border-radius: 50%;
      background: var(--system-violet);
      box-shadow: 0 0 22px rgba(124,92,255,.4);
    }
.page-client-login .login-actions {
      display: flex;
      flex-wrap: wrap;
      gap: var(--space-3);
      margin-top: var(--space-7);
      align-items: center;
    }
.page-client-login .login-domain {
      color: var(--faint);
      font-size: var(--text-xs);
      font-weight: 800;
      letter-spacing: .04em;
      text-transform: uppercase;
    }
.page-client-login .login-path.dark .login-domain {
      color: rgba(245,243,238,.58);
    }
.page-client-login .login-path-sub {
      display: block;
      margin-top: var(--space-2);
      color: var(--muted);
      font-size: clamp(.95rem, .9rem + .2vw, 1.05rem);
      font-weight: 700;
      letter-spacing: -.01em;
      text-transform: none;
    }
.page-client-login .login-path.dark .login-path-sub {
      color: rgba(245,243,238,.66);
    }
.page-client-login .login-status {
      display: inline-flex;
      align-items: center;
      gap: .5rem;
      margin-top: var(--space-6);
      border: 1px solid rgba(124,92,255,.32);
      border-radius: 999px;
      padding: .42rem .85rem;
      color: var(--system-violet);
      background: rgba(124,92,255,.08);
      font-size: var(--text-xs);
      font-weight: 800;
      letter-spacing: .05em;
      text-transform: uppercase;
    }
.page-client-login .login-path.dark .login-status {
      color: #c8bcff;
      background: rgba(124,92,255,.16);
      border-color: rgba(180,177,255,.32);
    }
.page-client-login .login-status-dot {
      width: .5rem;
      height: .5rem;
      border-radius: 50%;
      background: var(--system-violet);
      box-shadow: 0 0 0 4px rgba(124,92,255,.18);
    }
.page-client-login .login-path.dark .login-status-dot {
      box-shadow: 0 0 0 4px rgba(124,92,255,.28);
    }
.page-client-login .login-note {
      margin-top: clamp(1.5rem, 3vw, 2.5rem);
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: clamp(1.25rem, 2.5vw, 2rem);
      background: rgba(255,255,255,.62);
      color: var(--muted);
      font-size: clamp(.96rem, .9rem + .25vw, 1.08rem);
      box-shadow: 0 18px 52px rgba(11,31,59,.055);
    }
.page-client-login .login-security {
      margin-top: clamp(2rem, 4vw, 3.5rem);
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: calc(var(--radius) * 1.15);
      padding: clamp(1.5rem, 3.2vw, 2.75rem);
      background:
        radial-gradient(circle at 92% 6%, rgba(124,92,255,.10), transparent 16rem),
        linear-gradient(var(--system-grid) 1px, transparent 1px),
        linear-gradient(90deg, var(--system-grid) 1px, transparent 1px),
        rgba(255,255,255,.72);
      background-size: auto, 34px 34px, 34px 34px, auto;
      box-shadow: var(--shadow);
    }
.page-client-login .login-security-head {
      max-width: 760px;
    }
.page-client-login .login-security-head h2 {
      margin-top: var(--space-3);
      font-size: clamp(2rem, 3.2vw, 3.4rem);
      line-height: .98;
      letter-spacing: -.05em;
    }
.page-client-login .login-security-head p {
      margin-top: var(--space-4);
      color: var(--muted);
      font-size: clamp(1rem, 1vw, 1.18rem);
    }
.page-client-login .login-security-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: var(--space-4);
      margin-top: clamp(1.5rem, 3vw, 2.5rem);
    }
.page-client-login .login-security-card {
      display: flex;
      flex-direction: column;
      gap: var(--space-2);
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: clamp(1.1rem, 2.2vw, 1.6rem);
      background: color-mix(in oklab, var(--surface) 80%, transparent);
    }
.page-client-login .login-security-card span {
      color: var(--system-violet);
      font-size: var(--text-xs);
      font-weight: 800;
      letter-spacing: .06em;
      text-transform: uppercase;
    }
.page-client-login .login-security-card strong {
      display: block;
      color: var(--text);
      font-size: 1.05rem;
      line-height: 1.18;
      letter-spacing: -.022em;
    }
.page-client-login .login-security-card p {
      margin: 0;
      color: var(--muted);
      font-size: .94rem;
      line-height: 1.5;
    }@media (max-width: 980px) {
  .page-client-login .login-security-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
}@media (max-width: 560px) {
  .page-client-login .login-security-grid {
          grid-template-columns: 1fr;
        }
}@media (max-width: 900px) {
  .page-client-login .login-hero .hero-copy, .page-client-login .login-paths {
          grid-template-columns: 1fr;
        }
  .page-client-login .login-system-panel {
          min-height: 360px;
        }
}@media (max-width: 640px) {
  .page-client-login .login-hero h1 {
          font-size: clamp(3rem, 13vw, 4.2rem);
        }
  .page-client-login .login-system-panel {
          min-height: auto;
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: var(--space-2);
          padding: var(--space-5);
        }
  .page-client-login .login-hub {
          position: relative;
          left: auto;
          top: auto;
          grid-column: 1 / -1;
          width: min(13rem, 72vw);
          margin: var(--space-4) auto;
          transform: none;
        }
  .page-client-login .login-node, .page-client-login .login-node.one, .page-client-login .login-node.two, .page-client-login .login-node.three, .page-client-login .login-node.four {
          position: relative;
          inset: auto;
          min-width: 0;
        }
  .page-client-login .login-path {
          min-height: 0;
        }
}
.page-client-login [data-theme='dark'] .login-note {
      background: color-mix(in oklab, var(--surface-elevated) 84%, transparent);
      color: var(--muted);
      border-color: var(--line);
    }
.page-client-login [data-theme='dark'] .login-path:not(.dark) {
      background:
        radial-gradient(circle at 90% 6%, rgba(124, 92, 255, .18), transparent 16rem),
        linear-gradient(var(--system-grid) 1px, transparent 1px),
        linear-gradient(90deg, var(--system-grid) 1px, transparent 1px),
        color-mix(in oklab, var(--surface-elevated) 92%, transparent);
      background-size: auto, 34px 34px, 34px 34px, auto;
      border-color: var(--line);
      color: var(--text);
      box-shadow: 0 18px 60px rgba(0, 0, 0, .35);
    }
.page-client-login [data-theme='dark'] .login-path:not(.dark) h2 { color: var(--text); }
.page-client-login [data-theme='dark'] .login-path:not(.dark) p { color: var(--muted); }
.page-client-login [data-theme='dark'] .login-path:not(.dark) .login-list li { color: var(--muted); }
.page-client-login [data-theme='dark'] .login-path:not(.dark) .login-domain { color: var(--faint); }
.page-client-login [data-theme='dark'] .login-security {
      background:
        radial-gradient(circle at 92% 6%, rgba(124, 92, 255, .14), transparent 16rem),
        linear-gradient(var(--system-grid) 1px, transparent 1px),
        linear-gradient(90deg, var(--system-grid) 1px, transparent 1px),
        color-mix(in oklab, var(--surface-elevated) 90%, transparent);
      background-size: auto, 34px 34px, 34px 34px, auto;
      border-color: var(--line);
      color: var(--text);
      box-shadow: 0 18px 60px rgba(0, 0, 0, .35);
    }
.page-client-login [data-theme='dark'] .login-security-head p { color: var(--muted); }
.page-client-login [data-theme='dark'] .login-security-card {
      background: color-mix(in oklab, var(--surface-elevated) 86%, transparent);
      border-color: var(--line);
    }
.page-client-login [data-theme='dark'] .login-security-card span { color: var(--accent); }
.page-client-login [data-theme='dark'] .login-security-card strong { color: var(--text); }
.page-client-login [data-theme='dark'] .login-security-card p { color: var(--muted); }/* === how-we-work.html === */
.page-how main { padding-top: 0; }
.page-how .how-hero {
      position: relative;
      padding: clamp(5rem, 9vw, 8rem) 0 clamp(3rem, 5vw, 5rem);
      background:
        radial-gradient(circle at 80% 20%, rgba(108, 77, 255, 0.10), transparent 60%),
        linear-gradient(180deg, #FAFBFE 0%, #F4F5F8 100%);
      overflow: hidden;
    }
.page-how .how-eyebrow {
      font-family: 'Switzer', 'Inter', sans-serif;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.18em;
      color: #6C4DFF;
      text-transform: uppercase;
      margin: 0 0 18px;
    }
.page-how .how-flow {
      padding: clamp(4rem, 8vw, 7rem) 0;
      background: #FFFFFF;
    }
.page-how .how-section-head {
      display: grid;
      grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
      gap: clamp(2rem, 5vw, 5rem);
      align-items: end;
      margin-bottom: clamp(2.5rem, 5vw, 4rem);
    }
.page-how .how-section-headline {
      font-family: 'Switzer', 'Inter', sans-serif;
      font-size: clamp(2rem, 1.3rem + 1.8vw, 3rem);
      font-weight: 600;
      line-height: 1.08;
      letter-spacing: -0.02em;
      color: #061F3D;
      margin: 12px 0 0;
      text-wrap: balance;
    }
.page-how .how-section-sub {
      font-family: 'Switzer', 'Inter', sans-serif;
      font-size: 17px;
      line-height: 1.55;
      color: #5E6A7D;
      max-width: 52ch;
      margin: 0;
    }
.page-how .how-flow-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 16px;
      position: relative;
    }
.page-how .how-flow-step {
      position: relative;
      padding: 22px 20px;
      background: #FFFFFF;
      border: 1px solid #E6E9EF;
      border-radius: 14px;
      box-shadow: 0 4px 14px rgba(6, 31, 61, 0.04);
      display: flex;
      flex-direction: column;
      gap: 10px;
      transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
    }
.page-how .how-flow-step:hover {
      transform: translateY(-4px);
      box-shadow: 0 14px 28px rgba(6, 31, 61, 0.10);
      border-color: rgba(108, 77, 255, 0.35);
    }
.page-how .how-flow-num {
      font-family: 'Switzer', 'Inter', sans-serif;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.18em;
      color: #6C4DFF;
      text-transform: uppercase;
    }
.page-how .how-flow-title {
      font-family: 'Switzer', 'Inter', sans-serif;
      font-size: 18px;
      font-weight: 700;
      color: #061F3D;
      line-height: 1.2;
      letter-spacing: -0.01em;
      margin: 0;
    }
.page-how .how-flow-body {
      font-family: 'Switzer', 'Inter', sans-serif;
      font-size: 13.5px;
      line-height: 1.5;
      color: #5E6A7D;
      margin: 0;
    }
.page-how .how-flow-meta {
      margin-top: auto;
      padding-top: 10px;
      border-top: 1px solid #F0F2F6;
      font-size: 11px;
      color: #061F3D;
      font-weight: 600;
      letter-spacing: 0.04em;
    }
.page-how .how-skip {
      padding: clamp(4rem, 8vw, 7rem) 0;
      background: #F4F5F8;
    }
.page-how .how-skip-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 14px 28px;
      max-width: 940px;
      margin: clamp(2rem, 4vw, 3rem) 0 0;
    }
.page-how .how-skip-item {
      display: flex;
      gap: 14px;
      align-items: flex-start;
      padding: 16px 18px;
      background: #FFFFFF;
      border-radius: 12px;
      border: 1px solid #EAECF2;
    }
.page-how .how-skip-cross {
      flex-shrink: 0;
      width: 28px;
      height: 28px;
      border-radius: 50%;
      background: rgba(108, 77, 255, 0.10);
      color: #6C4DFF;
      font-weight: 700;
      font-size: 16px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      line-height: 1;
      margin-top: 1px;
    }
.page-how .how-skip-item strong {
      display: block;
      font-family: 'Switzer', 'Inter', sans-serif;
      font-size: 15px;
      font-weight: 700;
      color: #061F3D;
      line-height: 1.3;
      margin-bottom: 3px;
    }
.page-how .how-skip-item p {
      font-size: 13px;
      line-height: 1.5;
      color: #5E6A7D;
      margin: 0;
    }
.page-how .how-fit {
      padding: clamp(4rem, 8vw, 7rem) 0;
      background: #FFFFFF;
    }
.page-how .how-fit-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: clamp(2.5rem, 6vw, 5rem);
      align-items: center;
    }
.page-how .how-fit-card {
      background: linear-gradient(160deg, #FAFBFE 0%, #F0F2F8 100%);
      border: 1px solid #E6E9EF;
      border-radius: 18px;
      padding: clamp(1.5rem, 3vw, 2.5rem);
    }
.page-how .how-fit-card h3 {
      font-family: 'Switzer', 'Inter', sans-serif;
      font-size: 18px;
      font-weight: 700;
      color: #061F3D;
      margin: 0 0 12px;
    }
.page-how .how-fit-card ul {
      margin: 0;
      padding: 0;
      list-style: none;
    }
.page-how .how-fit-card li {
      padding: 10px 0;
      border-bottom: 1px solid rgba(6, 31, 61, 0.06);
      font-size: 14px;
      line-height: 1.5;
      color: #061F3D;
      display: flex;
      align-items: flex-start;
      gap: 10px;
    }
.page-how .how-fit-card li:last-child { border-bottom: 0; }
.page-how .how-fit-card li strong { font-weight: 700; }
.page-how .how-fit-card li span.fit-meta { color: #5E6A7D; font-weight: 600; }
.page-how .how-fit-card.is-primary {
      background: linear-gradient(160deg, #0A1F3D 0%, #061735 55%, #0B1B3F 100%);
      border-color: rgba(140, 115, 255, 0.35);
      color: #FFFFFF;
    }
.page-how .how-fit-card.is-primary h3 { color: #FFFFFF; }
.page-how .how-fit-card.is-primary li { color: #FFFFFF; border-bottom-color: rgba(255, 255, 255, 0.08); }
.page-how .how-fit-card.is-primary li span.fit-meta { color: rgba(225, 230, 245, 0.65); }
.page-how .how-invoice {
      padding: clamp(4rem, 8vw, 7rem) 0;
      background: linear-gradient(180deg, #F4F5F8 0%, #FFFFFF 100%);
    }
.page-how .how-invoice-inner {
      max-width: 880px;
      margin: 0 auto;
      text-align: center;
    }
.page-how .how-invoice-flow {
      display: flex;
      align-items: stretch;
      justify-content: center;
      gap: 12px;
      flex-wrap: wrap;
      margin: clamp(2rem, 4vw, 3rem) 0;
    }
.page-how .how-invoice-node {
      flex: 1 1 160px;
      max-width: 200px;
      min-width: 150px;
      padding: 18px 14px;
      background: #FFFFFF;
      border: 1px solid #E6E9EF;
      border-radius: 12px;
      box-shadow: 0 6px 18px rgba(6, 31, 61, 0.06);
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
.page-how .how-invoice-node.is-st {
      background: linear-gradient(160deg, #0A1F3D 0%, #061735 100%);
      color: #FFFFFF;
      border-color: rgba(140, 115, 255, 0.5);
      box-shadow:
        0 18px 36px -10px rgba(108, 77, 255, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.10);
    }
.page-how .how-invoice-label {
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.16em;
      color: #6C4DFF;
      text-transform: uppercase;
    }
.page-how .how-invoice-node.is-st .how-invoice-label { color: #E9E7FF; }
.page-how .how-invoice-name {
      font-family: 'Switzer', 'Inter', sans-serif;
      font-size: 16px;
      font-weight: 700;
      color: #061F3D;
      line-height: 1.2;
    }
.page-how .how-invoice-node.is-st .how-invoice-name { color: #FFFFFF; }
.page-how .how-invoice-detail {
      font-size: 11.5px;
      color: #5E6A7D;
      line-height: 1.4;
    }
.page-how .how-invoice-node.is-st .how-invoice-detail { color: rgba(225, 230, 245, 0.75); }
.page-how .how-invoice-arrow {
      align-self: center;
      flex-shrink: 0;
      color: #6C4DFF;
      font-size: 20px;
      font-weight: 700;
    }
.page-how .how-persona {
      padding: clamp(4rem, 8vw, 7rem) 0;
      background: #FFFFFF;
    }
.page-how .how-persona-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
      margin-top: clamp(2rem, 4vw, 3rem);
    }
.page-how .how-persona-card {
      padding: 22px 20px;
      background: #FAFBFE;
      border: 1px solid #E6E9EF;
      border-radius: 14px;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
.page-how .how-persona-role {
      font-family: 'Switzer', 'Inter', sans-serif;
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.16em;
      color: #6C4DFF;
      text-transform: uppercase;
    }
.page-how .how-persona-headline {
      font-family: 'Switzer', 'Inter', sans-serif;
      font-size: 17px;
      font-weight: 700;
      color: #061F3D;
      line-height: 1.25;
      margin: 0;
    }
.page-how .how-persona-body {
      font-size: 13px;
      line-height: 1.5;
      color: #5E6A7D;
      margin: 0;
    }
.page-how .how-cta {
      padding: clamp(4rem, 8vw, 7rem) 0;
      background: linear-gradient(180deg, #061F3D 0%, #0A2347 100%);
      color: #FFFFFF;
      position: relative;
      overflow: hidden;
    }
.page-how .how-cta::before {
      content: "";
      position: absolute;
      inset: 0;
      background: radial-gradient(circle at 85% 50%, rgba(108, 77, 255, 0.25), transparent 50%);
      pointer-events: none;
    }
.page-how .how-cta-inner {
      position: relative;
      z-index: 1;
      text-align: center;
      max-width: 720px;
      margin: 0 auto;
    }
.page-how .how-cta-headline {
      font-family: 'Switzer', 'Inter', sans-serif;
      font-size: clamp(1.8rem, 1.2rem + 1.6vw, 2.8rem);
      font-weight: 600;
      color: #FFFFFF;
      letter-spacing: -0.02em;
      line-height: 1.1;
      margin: 0 0 16px;
      text-wrap: balance;
    }
.page-how .how-cta-sub {
      font-size: 17px;
      line-height: 1.5;
      color: rgba(225, 230, 245, 0.75);
      margin: 0 0 32px;
    }
.page-how .how-cta-buttons {
      display: flex;
      gap: 16px;
      justify-content: center;
      flex-wrap: wrap;
    }
.page-how .how-cta .button.primary {
      background: #6C4DFF;
      color: #FFFFFF;
      border-color: #6C4DFF;
    }
.page-how .how-cta .button.primary:hover { background: #6C4DFF; border-color: #6C4DFF; }
.page-how .how-cta-link {
      color: #FFFFFF;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 12px 24px;
      border: 1px solid rgba(255, 255, 255, 0.30);
      border-radius: 10px;
      font-weight: 600;
      transition: all 200ms ease;
    }
.page-how .how-cta-link:hover { background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.55); }@media (max-width: 1023px) {
  .page-how .how-section-head { grid-template-columns: 1fr; gap: 1rem; align-items: start; }
  .page-how .how-flow-grid { grid-template-columns: repeat(2, 1fr); }
  .page-how .how-fit-grid { grid-template-columns: 1fr; }
  .page-how .how-persona-grid { grid-template-columns: repeat(2, 1fr); }
}@media (max-width: 640px) {
  .page-how .how-flow-grid { grid-template-columns: 1fr; }
  .page-how .how-skip-grid { grid-template-columns: 1fr; }
  .page-how .how-persona-grid { grid-template-columns: 1fr; }
  .page-how .how-invoice-arrow { transform: rotate(90deg); }
}

/* === hr-complete.html === */
.page-hr-complete .hrc-hero {
      padding: clamp(4.5rem, 8vw, 8rem) 0 clamp(3rem, 6vw, 5rem);
    }
.page-hr-complete .hrc-section {
      padding: clamp(3rem, 6vw, 6rem) 0;
    }
.page-hr-complete .hrc-intro {
      display: grid;
      grid-template-columns: minmax(0, .72fr) minmax(0, 1fr);
      gap: clamp(1.5rem, 5vw, 5rem);
      align-items: end;
      margin-bottom: var(--space-8);
    }
.page-hr-complete .hrc-intro h2 {
      max-width: 16ch;
      font-size: clamp(2.3rem, 1.0rem + 3.4vw, 4.6rem);
      line-height: 1.0;
      letter-spacing: -.05em;
    }
.page-hr-complete .hrc-intro p {
      color: var(--muted);
      font-size: clamp(1.04rem, .96rem + .34vw, 1.24rem);
      line-height: 1.54;
      font-weight: 400;
    }
.page-hr-complete .hrc-cards {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: var(--space-4);
    }
.page-hr-complete .hrc-card {
      min-height: 260px;
      display: grid;
      align-content: space-between;
      gap: var(--space-6);
      padding: clamp(1.25rem, 2.2vw, 1.8rem);
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background:
        linear-gradient(var(--system-grid) 1px, transparent 1px),
        linear-gradient(90deg, var(--system-grid) 1px, transparent 1px),
        radial-gradient(circle at 88% 0%, rgba(124,92,255,.10), transparent 11rem),
        color-mix(in oklab, var(--surface) 92%, transparent);
      background-size: 32px 32px, 32px 32px, auto, auto;
      box-shadow: 0 18px 60px rgba(11,31,59,.06);
    }
.page-hr-complete .hrc-card h3 {
      font-size: clamp(1.3rem, 1.0rem + .85vw, 1.95rem);
      line-height: 1.04;
      letter-spacing: -.04em;
    }
.page-hr-complete .hrc-card p {
      color: var(--muted);
      font-size: .96rem;
      line-height: 1.45;
      font-weight: 400;
    }
.page-hr-complete .hrc-stack {
      display: inline-flex;
      flex-wrap: wrap;
      gap: 6px 8px;
      margin-top: var(--space-2);
    }
.page-hr-complete .hrc-stack span {
      font-size: .72rem;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: #5E6A7D;
      padding: 4px 9px;
      border-radius: 999px;
      background: rgba(124, 92, 255, 0.08);
      border: 1px solid rgba(124, 92, 255, 0.18);
    }
.page-hr-complete .hrc-compare {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: var(--space-4);
    }
.page-hr-complete .hrc-tier {
      padding: clamp(1.6rem, 2.6vw, 2.4rem);
      border: 1px solid var(--line);
      border-radius: calc(var(--radius) * 1.05);
      background: var(--surface);
      box-shadow: 0 18px 60px rgba(11,31,59,.06);
      display: flex;
      flex-direction: column;
      gap: var(--space-4);
    }
.page-hr-complete .hrc-tier.featured {
      background:
        radial-gradient(circle at 88% 0%, rgba(124,92,255,.18), transparent 14rem),
        linear-gradient(145deg, #0a1a36, #061F3D 60%, #15164f);
      color: #fff;
      border-color: rgba(180, 177, 255, 0.32);
    }
.page-hr-complete .hrc-tier.featured h3, .page-hr-complete .hrc-tier.featured p, .page-hr-complete .hrc-tier.featured li {
      color: #fff;
    }
.page-hr-complete .hrc-tier.featured .eyebrow {
      color: rgba(220, 215, 255, 0.86);
    }
.page-hr-complete .hrc-tier h3 {
      font-size: clamp(1.7rem, 1.1rem + 1.5vw, 2.6rem);
      line-height: 1.0;
      letter-spacing: -.045em;
    }
.page-hr-complete .hrc-tier p {
      color: var(--muted);
      font-size: 1.02rem;
      line-height: 1.5;
    }
.page-hr-complete .hrc-tier ul {
      margin: 0;
      padding: 0;
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
.page-hr-complete .hrc-tier li {
      font-size: .97rem;
      line-height: 1.42;
      color: var(--text);
      padding-left: 22px;
      position: relative;
    }
.page-hr-complete .hrc-tier li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 8px;
      width: 10px;
      height: 10px;
      border-radius: 999px;
      background: #6C4DFF;
      box-shadow: 0 0 0 3px rgba(108, 77, 255, 0.18);
    }
.page-hr-complete .hrc-tier.featured li::before {
      background: #C7B8FF;
      box-shadow: 0 0 0 3px rgba(199, 184, 255, 0.22);
    }
.page-hr-complete .hrc-tier-foot {
      margin-top: auto;
      display: flex;
      flex-wrap: wrap;
      gap: var(--space-3);
    }
.page-hr-complete .hrc-pricing-note {
      display: grid;
      grid-template-columns: minmax(0, .85fr) minmax(0, 1fr);
      gap: clamp(1.5rem, 4vw, 4rem);
      align-items: start;
      padding: clamp(2rem, 3vw, 3rem);
      border: 1px solid var(--line);
      border-radius: calc(var(--radius) * 1.15);
      background:
        radial-gradient(circle at 88% 0%, rgba(124,92,255,.10), transparent 16rem),
        color-mix(in oklab, var(--surface) 94%, transparent);
      box-shadow: 0 18px 60px rgba(11,31,59,.06);
    }
.page-hr-complete .hrc-pricing-note h2 {
      font-size: clamp(1.8rem, 1.0rem + 1.9vw, 2.8rem);
      line-height: 1.05;
      letter-spacing: -.045em;
      max-width: 14ch;
    }
.page-hr-complete .hrc-pricing-note .pricing-bullets {
      display: grid;
      gap: var(--space-3);
      margin: 0;
      padding: 0;
      list-style: none;
    }
.page-hr-complete .hrc-pricing-note .pricing-bullets li {
      padding-left: 28px;
      position: relative;
      color: var(--text);
      font-size: 1.04rem;
      line-height: 1.5;
    }
.page-hr-complete .hrc-pricing-note .pricing-bullets li strong { font-weight: 700; }
.page-hr-complete .hrc-pricing-note .pricing-bullets li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 8px;
      width: 12px;
      height: 12px;
      border-radius: 999px;
      background: #6C4DFF;
      box-shadow: 0 0 0 4px rgba(108, 77, 255, 0.16);
    }
.page-hr-complete .hrc-cta {
      padding: clamp(2rem, 4vw, 4rem);
      border: 1px solid var(--line);
      border-radius: calc(var(--radius) * 1.15);
      color: #fff;
      background:
        radial-gradient(circle at 74% 12%, rgba(124,92,255,.34), transparent 18rem),
        linear-gradient(145deg, #071426, #061F3D 62%, #15164f);
      box-shadow: var(--shadow);
    }
.page-hr-complete .hrc-cta h2 {
      max-width: 14ch;
      color: #fff;
      font-size: clamp(2.6rem, 1.2rem + 4.2vw, 5.8rem);
      line-height: .98;
      letter-spacing: -.058em;
    }
.page-hr-complete .hrc-cta p {
      max-width: 680px;
      margin-top: var(--space-5);
      color: rgba(245,243,238,.78);
      font-size: clamp(1.05rem, .96rem + .34vw, 1.22rem);
      line-height: 1.52;
    }
.page-hr-complete .hrc-cta-actions {
      display: flex;
      flex-wrap: wrap;
      gap: var(--space-3);
      margin-top: var(--space-6);
    }@media (max-width: 1100px) {
  .page-hr-complete .hrc-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}@media (max-width: 980px) {
  .page-hr-complete .hrc-intro, .page-hr-complete .hrc-compare, .page-hr-complete .hrc-pricing-note { grid-template-columns: 1fr; }
  .page-hr-complete .hrc-card { min-height: auto; }
}@media (max-width: 640px) {
  .page-hr-complete .hrc-cards { grid-template-columns: 1fr; }
}

/* === mongodb-case-study.html === */
.page-case-study .page-hero .hero-copy {
      grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr);
      align-items: end;
    }
.page-case-study .page-hero h1 {
      max-width: 22ch;
      font-size: var(--text-hero-sub);
      line-height: 1.05;
      letter-spacing: -.022em;
      font-weight: 600;
      text-wrap: balance;
    }@media (max-width: 1024px) {
  .page-case-study .page-hero .hero-copy { grid-template-columns: 1fr; }
  .page-case-study .page-hero h1 { max-width: none; }
}

/* === press.html === */
.page-press .press-hero { padding: clamp(4.5rem, 8vw, 8rem) 0 clamp(3rem, 6vw, 5rem); }
.page-press .press-section { padding: clamp(3rem, 6vw, 6rem) 0; }
.page-press .press-intro {
      display: grid;
      grid-template-columns: minmax(0, .72fr) minmax(0, 1fr);
      gap: clamp(1.5rem, 5vw, 5rem);
      align-items: end;
      margin-bottom: var(--space-8);
    }
.page-press .press-intro h2 {
      max-width: 16ch;
      font-size: clamp(2.3rem, 1.0rem + 3.4vw, 4.6rem);
      line-height: 1.0;
      letter-spacing: -.05em;
    }
.page-press .press-intro p {
      color: var(--muted);
      font-size: clamp(1.04rem, .96rem + .34vw, 1.24rem);
      line-height: 1.54;
      font-weight: 400;
    }
.page-press .press-cards {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: clamp(1.5rem, 3vw, 2.4rem);
    }
.page-press .press-card {
      display: flex;
      flex-direction: column;
      gap: var(--space-3);
      padding: clamp(1.5rem, 2.8vw, 2.4rem);
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background:
        radial-gradient(circle at 88% 0%, rgba(124,92,255,.08), transparent 14rem),
        color-mix(in oklab, var(--surface) 96%, transparent);
      box-shadow: 0 18px 56px rgba(11,31,59,.06);
    }
.page-press .press-card h3 {
      font-family: var(--font-display);
      font-size: clamp(1.3rem, 1.0rem + .85vw, 1.85rem);
      letter-spacing: -.025em;
      line-height: 1.1;
      margin: 0;
    }
.page-press .press-card p {
      color: var(--muted);
      font-size: 1rem;
      line-height: 1.55;
      margin: 0;
    }
.page-press .press-card-meta {
      margin-top: auto;
      padding-top: var(--space-4);
      border-top: 1px solid var(--line);
      display: flex;
      flex-wrap: wrap;
      gap: var(--space-3);
      align-items: center;
    }
.page-press .press-card-meta a {
      font-family: var(--font-display);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: #6C4DFF;
      text-decoration: none;
    }
.page-press .press-card-meta a:hover { text-decoration: underline; }
.page-press .press-quickfacts {
      padding: clamp(2rem, 4vw, 3.4rem);
      border: 1px solid var(--line);
      border-radius: calc(var(--radius) * 1.15);
      background:
        radial-gradient(circle at 88% 0%, rgba(124,92,255,.10), transparent 16rem),
        color-mix(in oklab, var(--surface) 94%, transparent);
      box-shadow: 0 18px 60px rgba(11,31,59,.06);
    }
.page-press .press-quickfacts h2 {
      font-size: clamp(1.8rem, 1.0rem + 2vw, 2.8rem);
      line-height: 1.05;
      letter-spacing: -.045em;
      max-width: 16ch;
    }
.page-press .press-quickfacts-grid {
      margin-top: var(--space-6);
      display: grid;
      grid-template-columns: minmax(0, .4fr) minmax(0, 1fr);
      gap: var(--space-3) clamp(1rem, 3vw, 3rem);
      row-gap: 18px;
      align-items: baseline;
    }
.page-press .press-quickfacts-grid dt {
      font-family: var(--font-display);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: #5E6A7D;
    }
.page-press .press-quickfacts-grid dd {
      margin: 0;
      color: var(--text);
      font-size: 1.02rem;
      line-height: 1.55;
    }
.page-press .press-boilerplate {
      padding: clamp(2rem, 4vw, 3.4rem);
      border-radius: calc(var(--radius) * 1.15);
      background: linear-gradient(145deg, #071426, #061F3D 60%, #141a54);
      color: #fff;
      box-shadow: var(--shadow);
    }
.page-press .press-boilerplate h2 {
      max-width: 18ch;
      color: #fff;
      font-size: clamp(1.8rem, 1.0rem + 2vw, 2.8rem);
      line-height: 1.05;
      letter-spacing: -.045em;
    }
.page-press .press-boilerplate p {
      max-width: 75ch;
      margin-top: var(--space-5);
      color: rgba(245, 243, 238, .82);
      font-size: clamp(1rem, .94rem + .22vw, 1.12rem);
      line-height: 1.6;
    }
.page-press .press-contact {
      padding: clamp(2rem, 4vw, 4rem);
      border: 1px solid var(--line);
      border-radius: calc(var(--radius) * 1.15);
      background:
        radial-gradient(circle at 88% 0%, rgba(124,92,255,.10), transparent 16rem),
        color-mix(in oklab, var(--surface) 96%, transparent);
      display: grid;
      grid-template-columns: minmax(0, .55fr) minmax(0, 1fr);
      gap: clamp(1.5rem, 4vw, 4rem);
    }
.page-press .press-contact h2 {
      font-size: clamp(2rem, 1.0rem + 2.6vw, 3.4rem);
      line-height: 1.0;
      letter-spacing: -.045em;
      max-width: 14ch;
    }
.page-press .press-contact-detail {
      display: flex;
      flex-direction: column;
      gap: var(--space-4);
    }
.page-press .press-contact-row strong {
      display: block;
      font-family: var(--font-display);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: #5E6A7D;
      margin-bottom: 4px;
    }
.page-press .press-contact-row a {
      color: #6C4DFF;
      text-decoration: none;
      font-size: 1.08rem;
      font-weight: 600;
    }
.page-press .press-contact-row a:hover { text-decoration: underline; }@media (max-width: 980px) {
  .page-press .press-intro, .page-press .press-cards, .page-press .press-contact { grid-template-columns: 1fr; }
  .page-press .press-quickfacts-grid { grid-template-columns: 1fr; row-gap: 24px; }
  .page-press .press-quickfacts-grid dd { margin-top: -10px; }
}

/* === solutions.html === */
.page-solutions .solutions-hero {
      padding: clamp(4.5rem, 8vw, 8rem) 0 clamp(3rem, 6vw, 5rem);
    }
.page-solutions .solutions-copy, .page-solutions .solutions-visual, .page-solutions .solutions-system, .page-solutions .solutions-cta {
      border: 1px solid var(--line);
      border-radius: calc(var(--radius) * 1.15);
      box-shadow: var(--shadow);
      overflow: hidden;
    }
.page-solutions .solutions-actions {
      display: flex;
      flex-wrap: wrap;
      gap: var(--space-3);
      margin-top: var(--space-6);
    }
.page-solutions .solutions-section {
      padding: clamp(3rem, 6vw, 6rem) 0;
    }
.page-solutions .solutions-intro {
      display: grid;
      grid-template-columns: minmax(0, .72fr) minmax(0, 1fr);
      gap: clamp(1.5rem, 5vw, 5rem);
      align-items: end;
      margin-bottom: var(--space-8);
    }
.page-solutions .solutions-intro h2 {
      max-width: 10ch;
      font-size: clamp(2.5rem, 1.2rem + 4vw, 5.4rem);
      line-height: .98;
      letter-spacing: -.055em;
    }
.page-solutions .solutions-intro p {
      color: var(--muted);
      font-size: clamp(1.04rem, .96rem + .34vw, 1.24rem);
      line-height: 1.54;
      font-weight: 400;
    }
.page-solutions .solution-cards {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: var(--space-4);
    }
.page-solutions .solution-card {
      min-height: 240px;
      display: grid;
      align-content: space-between;
      gap: var(--space-6);
      padding: clamp(1.25rem, 2.2vw, 1.8rem);
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background:
        linear-gradient(var(--system-grid) 1px, transparent 1px),
        linear-gradient(90deg, var(--system-grid) 1px, transparent 1px),
        radial-gradient(circle at 88% 0%, rgba(124,92,255,.10), transparent 11rem),
        color-mix(in oklab, var(--surface) 92%, transparent);
      background-size: 32px 32px, 32px 32px, auto, auto;
      box-shadow: 0 18px 60px rgba(11,31,59,.06);
    }
.page-solutions .solution-card h3 {
      font-size: clamp(1.35rem, 1.05rem + .9vw, 2.05rem);
      line-height: 1.02;
      letter-spacing: -.045em;
    }
.page-solutions .solution-card p {
      color: var(--muted);
      font-size: .96rem;
      line-height: 1.42;
      font-weight: 400;
    }
.page-solutions .solutions-cta {
      padding: clamp(2rem, 4vw, 4rem);
      color: #fff;
      background:
        radial-gradient(circle at 74% 12%, rgba(124,92,255,.34), transparent 18rem),
        linear-gradient(145deg, #071426, #061F3D 62%, #15164f);
    }
.page-solutions .solutions-cta h2 {
      max-width: 12ch;
      color: #fff;
      font-size: clamp(2.6rem, 1.2rem + 4.2vw, 5.8rem);
      line-height: .98;
      letter-spacing: -.058em;
    }
.page-solutions .solutions-cta p {
      max-width: 680px;
      margin-top: var(--space-5);
      color: rgba(245,243,238,.76);
      font-size: clamp(1.05rem, .96rem + .34vw, 1.22rem);
      line-height: 1.52;
    }@media (max-width: 1100px) {
  .page-solutions .solution-cards {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
}@media (max-width: 980px) {
  .page-solutions .solutions-hero-panel, .page-solutions .solutions-intro, .page-solutions .solutions-system {
          grid-template-columns: 1fr;
        }
  .page-solutions .solution-card {
          min-height: auto;
        }
}@media (max-width: 640px) {
  .page-solutions .solution-cards {
          grid-template-columns: 1fr;
        }
}

/* === talent-os.html === */
.page-talent-os .talentos-hero .hero-copy {
      grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
      align-items: center;
    }
.page-talent-os .talentos-hero h1 {
      max-width: 22ch;
      font-size: clamp(2.4rem, 1.3rem + 2.4vw, 3.85rem);
      line-height: 1.05;
      letter-spacing: -.022em;
      font-weight: 600;
      text-wrap: balance;
    }
.page-talent-os .talentos-hero p {
      max-width: 820px;
    }
.page-talent-os .talentos-definition {
      display: grid;
      grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
      gap: clamp(1.5rem, 4vw, 4rem);
      align-items: start;
    }
.page-talent-os .talentos-definition h2, .page-talent-os .talentos-leader h2, .page-talent-os .talentos-access h2 {
      font-size: clamp(2.45rem, 4.2vw, 5rem);
      line-height: .98;
    }
.page-talent-os .talentos-definition p, .page-talent-os .talentos-leader p, .page-talent-os .talentos-access p {
      margin-top: var(--space-5);
      color: var(--muted);
      font-size: clamp(1.05rem, 1vw, 1.22rem);
    }
.page-talent-os .talentos-card-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: var(--space-4);
    }
.page-talent-os .talentos-card {
      min-height: 230px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: var(--space-6);
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: clamp(1.35rem, 2.8vw, 2rem);
      background:
        radial-gradient(circle at 90% 8%, rgba(124,92,255,.10), transparent 13rem),
        rgba(255,255,255,.72);
      box-shadow: 0 18px 58px rgba(11,31,59,.07);
    }
.page-talent-os .talentos-card span {
      color: var(--system-violet);
      font-size: var(--text-xs);
      font-weight: 800;
      letter-spacing: .06em;
      text-transform: uppercase;
    }
.page-talent-os .talentos-card strong {
      display: block;
      color: var(--text);
      font-size: clamp(1.35rem, 1.7vw, 2rem);
      line-height: 1.04;
      letter-spacing: -.04em;
    }
.page-talent-os .talentos-card p {
      margin: var(--space-3) 0 0;
      color: var(--muted);
      font-size: .98rem;
      line-height: 1.55;
    }
.page-talent-os .talentos-leader-panel {
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: calc(var(--radius) * 1.15);
      padding: clamp(1.5rem, 3.4vw, 3rem);
      background:
        radial-gradient(circle at 86% 8%, rgba(124,92,255,.14), transparent 18rem),
        rgba(255,255,255,.70);
      box-shadow: var(--shadow);
    }
.page-talent-os .talentos-audience-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: var(--space-3);
      margin-top: var(--space-8);
    }
.page-talent-os .talentos-audience {
      border: 1px solid var(--line);
      border-radius: var(--radius-sm);
      padding: var(--space-5);
      background: color-mix(in oklab, var(--surface) 78%, transparent);
    }
.page-talent-os .talentos-audience strong {
      display: block;
      font-size: 1rem;
      letter-spacing: -.02em;
    }
.page-talent-os .talentos-audience span {
      display: block;
      margin-top: var(--space-2);
      color: var(--muted);
      font-size: .92rem;
      line-height: 1.48;
    }
.page-talent-os .talentos-access {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: clamp(1.25rem, 3vw, 2rem);
      align-items: center;
      overflow: hidden;
      border: 1px solid transparent;
      border-radius: calc(var(--radius) * 1.15);
      padding: clamp(1.6rem, 3.2vw, 2.7rem);
      color: #f5f3ee;
      background:
        radial-gradient(circle at 78% 8%, rgba(124,92,255,.32), transparent 19rem),
        linear-gradient(145deg, #071426, #061F3D 60%, #141a54);
      box-shadow: 0 30px 90px rgba(11,31,59,.20);
    }
.page-talent-os .talentos-access p {
      color: rgba(245,243,238,.74);
    }
.page-talent-os .talentos-access .eyebrow {
      color: #b8c6ff;
    }
.page-talent-os .talentos-access-actions {
      display: flex;
      flex-wrap: wrap;
      gap: var(--space-3);
      justify-content: flex-end;
    }
.page-talent-os .talentos-access > div:last-child {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: var(--space-2);
    }@media (max-width: 980px) {
  .page-talent-os .talentos-access > div:last-child {
          align-items: flex-start;
        }
}
.page-talent-os .talentos-domain {
      margin-top: var(--space-3);
      color: rgba(245,243,238,.58);
      font-size: var(--text-xs);
      font-weight: 800;
      letter-spacing: .05em;
      text-transform: uppercase;
      text-align: right;
    }
.page-talent-os .talentos-hero-status, .page-talent-os .talentos-status {
      display: inline-flex;
      align-items: center;
      gap: .55rem;
      margin-top: var(--space-5);
      border: 1px solid rgba(124,92,255,.32);
      border-radius: 999px;
      padding: .42rem .9rem;
      color: var(--system-violet);
      background: rgba(124,92,255,.08);
      font-size: var(--text-xs);
      font-weight: 800;
      letter-spacing: .05em;
      text-transform: uppercase;
    }
.page-talent-os .talentos-status {
      margin-top: 0;
      margin-bottom: var(--space-3);
      color: #c8bcff;
      background: rgba(124,92,255,.16);
      border-color: rgba(180,177,255,.32);
    }
.page-talent-os .talentos-hero-dot, .page-talent-os .talentos-status-dot {
      width: .5rem;
      height: .5rem;
      border-radius: 50%;
      background: var(--system-violet);
      box-shadow: 0 0 0 4px rgba(124,92,255,.18);
    }
.page-talent-os .talentos-status-dot {
      box-shadow: 0 0 0 4px rgba(124,92,255,.28);
    }@media (max-width: 980px) {
  .page-talent-os .talentos-status {
          margin-bottom: var(--space-4);
        }
}@media (max-width: 980px) {
  .page-talent-os .talentos-hero .hero-copy, .page-talent-os .talentos-definition, .page-talent-os .talentos-access {
          grid-template-columns: 1fr;
        }
  .page-talent-os .talentos-audience-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
  .page-talent-os .talentos-access-actions {
          justify-content: flex-start;
        }
  .page-talent-os .talentos-domain {
          text-align: left;
        }
}@media (max-width: 640px) {
  .page-talent-os .talentos-hero h1 {
          font-size: clamp(3rem, 12.6vw, 4.2rem);
        }
  .page-talent-os .talentos-card-grid, .page-talent-os .talentos-audience-grid {
          grid-template-columns: 1fr;
        }
  .page-talent-os .talentos-access-actions .button {
          width: 100%;
        }
}
.page-talent-os [data-theme='dark'] .talentos-card {
      background:
        radial-gradient(circle at 90% 8%, rgba(124,92,255,.16), transparent 13rem),
        color-mix(in oklab, var(--surface-elevated) 90%, transparent);
      border-color: var(--line);
      color: var(--text);
      box-shadow: 0 18px 58px rgba(0, 0, 0, .35);
    }
.page-talent-os [data-theme='dark'] .talentos-card span { color: var(--accent); }
.page-talent-os [data-theme='dark'] .talentos-card strong { color: var(--text); }
.page-talent-os [data-theme='dark'] .talentos-card p { color: var(--muted); }
.page-talent-os [data-theme='dark'] .talentos-leader-panel {
      background:
        radial-gradient(circle at 86% 8%, rgba(124,92,255,.18), transparent 18rem),
        color-mix(in oklab, var(--surface-elevated) 88%, transparent);
      border-color: var(--line);
      color: var(--text);
    }
.page-talent-os [data-theme='dark'] .talentos-leader p { color: var(--muted); }
.page-talent-os [data-theme='dark'] .talentos-audience {
      background: color-mix(in oklab, var(--surface-elevated) 86%, transparent);
      border-color: var(--line);
      color: var(--text);
    }
.page-talent-os [data-theme='dark'] .talentos-audience span { color: var(--muted); }
.page-talent-os [data-theme='dark'] .talentos-audience strong { color: var(--text); }
.page-talent-os [data-theme='dark'] .talentos-definition p, .page-talent-os [data-theme='dark'] .talentos-access p { color: var(--muted); }
.page-talent-os :focus-visible {
      outline: 2px solid var(--accent);
      outline-offset: 2px;
      border-radius: 4px;
    }

/* === team.html === */
.page-team .team-hero { padding: clamp(4.5rem, 8vw, 8rem) 0 clamp(3rem, 6vw, 5rem); }
.page-team .team-section { padding: clamp(3rem, 6vw, 6rem) 0; }
.page-team .team-intro {
      display: grid;
      grid-template-columns: minmax(0, .72fr) minmax(0, 1fr);
      gap: clamp(1.5rem, 5vw, 5rem);
      align-items: end;
      margin-bottom: var(--space-8);
    }
.page-team .team-intro h2 {
      max-width: 16ch;
      font-size: clamp(2.3rem, 1.0rem + 3.4vw, 4.6rem);
      line-height: 1.0;
      letter-spacing: -.05em;
    }
.page-team .team-intro p {
      color: var(--muted);
      font-size: clamp(1.04rem, .96rem + .34vw, 1.24rem);
      line-height: 1.54;
      font-weight: 400;
    }
.page-team .team-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: clamp(1.5rem, 3vw, 2.4rem);
    }
.page-team .team-card {
      display: flex;
      flex-direction: column;
      gap: var(--space-3);
      padding: clamp(1.5rem, 2.6vw, 2rem);
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background:
        radial-gradient(circle at 88% 0%, rgba(124,92,255,.10), transparent 12rem),
        color-mix(in oklab, var(--surface) 96%, transparent);
      box-shadow: 0 18px 56px rgba(11,31,59,.06);
    }
.page-team .team-card .team-card-name { font-size: clamp(1.1rem, .9rem + .65vw, 1.45rem); }
.page-team .team-card .team-card-bio { font-size: .92rem; line-height: 1.5; }
.page-team .team-card.team-card-featured {
      grid-column: span 4;
      flex-direction: row;
      align-items: stretch;
      gap: clamp(1.5rem, 3vw, 3rem);
      padding: clamp(1.8rem, 3vw, 2.8rem);
      background:
        radial-gradient(circle at 86% 8%, rgba(124,92,255,.18), transparent 18rem),
        linear-gradient(145deg, #071426, #061F3D 60%, #141a54);
      color: #fff;
      border-color: rgba(180, 177, 255, 0.30);
    }
.page-team .team-card-photo {
      width: 100%;
      aspect-ratio: 1 / 1;
      border-radius: 999px;
      overflow: hidden;
      background: linear-gradient(145deg, #E9E7FF, #F4F5F8);
      max-width: 220px;
      align-self: flex-start;
    }
.page-team .team-card.team-card-featured .team-card-photo {
      width: clamp(220px, 22vw, 320px);
      max-width: none;
      flex-shrink: 0;
      align-self: center;
    }
.page-team .team-card-photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
.page-team .team-card-body {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
.page-team .team-card.team-card-featured .team-card-body {
      flex: 1;
      justify-content: center;
    }
.page-team .team-card-name {
      font-family: var(--font-display);
      font-size: clamp(1.35rem, 1.0rem + 1.0vw, 1.85rem);
      font-weight: 700;
      letter-spacing: -.025em;
      line-height: 1.1;
      color: var(--text);
      margin: 0;
    }
.page-team .team-card.team-card-featured .team-card-name {
      color: #fff;
      font-size: clamp(1.7rem, 1.0rem + 1.6vw, 2.6rem);
    }
.page-team .team-card-role {
      font-family: var(--font-display);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: #6C4DFF;
      margin: 0;
    }
.page-team .team-card.team-card-featured .team-card-role {
      color: rgba(199, 184, 255, .95);
    }
.page-team .team-card-bio {
      margin-top: 6px;
      color: var(--muted);
      font-size: .98rem;
      line-height: 1.55;
    }
.page-team .team-card.team-card-featured .team-card-bio {
      color: rgba(245, 243, 238, .82);
      font-size: clamp(.96rem, .9rem + .2vw, 1.08rem);
      max-width: 60ch;
    }
.page-team .team-card-cred {
      margin-top: 8px;
      display: flex;
      flex-wrap: wrap;
      gap: 6px 10px;
    }
.page-team .team-card-cred span {
      font-size: .72rem;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: #5E6A7D;
      padding: 4px 10px;
      border-radius: 999px;
      background: rgba(124, 92, 255, 0.08);
      border: 1px solid rgba(124, 92, 255, 0.18);
    }
.page-team .team-card.team-card-featured .team-card-cred span {
      color: rgba(220, 215, 255, .92);
      background: rgba(124, 92, 255, 0.18);
      border-color: rgba(180, 177, 255, 0.30);
    }
.page-team .team-principles {
      padding: clamp(2rem, 4vw, 3.4rem);
      border: 1px solid var(--line);
      border-radius: calc(var(--radius) * 1.15);
      background:
        radial-gradient(circle at 88% 0%, rgba(124,92,255,.10), transparent 16rem),
        color-mix(in oklab, var(--surface) 94%, transparent);
      box-shadow: 0 18px 60px rgba(11,31,59,.06);
    }
.page-team .team-principles h2 {
      font-size: clamp(1.8rem, 1.0rem + 2vw, 2.8rem);
      line-height: 1.05;
      letter-spacing: -.045em;
      max-width: 18ch;
    }
.page-team .team-principles-grid {
      margin-top: var(--space-6);
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: clamp(1.2rem, 2.4vw, 2rem);
    }
.page-team .team-principle h3 {
      font-family: var(--font-display);
      font-size: 1.15rem;
      font-weight: 700;
      letter-spacing: -.02em;
      margin: 0 0 10px;
      color: var(--text);
    }
.page-team .team-principle h3::before {
      content: "→ ";
      color: #6C4DFF;
      margin-right: 4px;
    }
.page-team .team-principle p {
      color: var(--muted);
      font-size: .98rem;
      line-height: 1.55;
      margin: 0;
    }
.page-team .team-cta {
      padding: clamp(2rem, 4vw, 4rem);
      border: 1px solid var(--line);
      border-radius: calc(var(--radius) * 1.15);
      color: #fff;
      background:
        radial-gradient(circle at 74% 12%, rgba(124,92,255,.34), transparent 18rem),
        linear-gradient(145deg, #071426, #061F3D 62%, #15164f);
      box-shadow: var(--shadow);
    }
.page-team .team-cta h2 {
      max-width: 18ch;
      color: #fff;
      font-size: clamp(2.4rem, 1.2rem + 3.8vw, 5.4rem);
      line-height: 1.0;
      letter-spacing: -.05em;
    }
.page-team .team-cta p {
      max-width: 600px;
      margin-top: var(--space-5);
      color: rgba(245,243,238,.78);
      font-size: clamp(1.02rem, .94rem + .3vw, 1.18rem);
      line-height: 1.52;
    }
.page-team .team-cta-actions {
      display: flex;
      flex-wrap: wrap;
      gap: var(--space-3);
      margin-top: var(--space-6);
    }@media (max-width: 1100px) {
  .page-team .team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-team .team-card.team-card-featured { grid-column: span 2; }
}@media (max-width: 980px) {
  .page-team .team-intro { grid-template-columns: 1fr; }
  .page-team .team-card.team-card-featured { flex-direction: column; align-items: flex-start; }
  .page-team .team-card.team-card-featured .team-card-photo { align-self: center; width: 200px; }
  .page-team .team-principles-grid { grid-template-columns: 1fr; }
}@media (max-width: 640px) {
  .page-team .team-grid { grid-template-columns: 1fr; }
  .page-team .team-card.team-card-featured { grid-column: span 1; }
}