:root {
      --ink: #123a34;
      --muted: #536d68;
      --paper: #f7f5ef;
      --white: #fffefa;
      --petrol: #06917a;
      --petrol-deep: #045b4e;
      --aqua: #b8ded6;
      --aqua-light: #e5f4f0;
      --coral: #c9546b;
      --coral-light: #f6e0e5;
      --lime: #f0cbd3;
      --line: rgba(18, 58, 52, .16);
      --shadow: 0 24px 70px rgba(18, 58, 52, .11);
      --radius-lg: 32px;
      --radius-md: 20px;
      --max: 1200px;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      color: var(--ink);
      background: var(--paper);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      font-size: 17px;
      line-height: 1.6;
      text-rendering: optimizeLegibility;
    }
    a { color: inherit; }
    button, a { -webkit-tap-highlight-color: transparent; }
    button { font: inherit; }
    :focus-visible { outline: 3px solid var(--coral); outline-offset: 4px; }
    .skip-link {
      position: fixed; left: 20px; top: -80px; z-index: 100;
      padding: 12px 18px; background: var(--white); border-radius: 10px;
    }
    .skip-link:focus { top: 20px; }

    .site-header {
      position: sticky; top: 0; z-index: 50;
      background: rgba(246, 244, 237, .94);
      border-bottom: 1px solid var(--line);
      backdrop-filter: blur(18px);
    }
    .nav-wrap {
      width: min(calc(100% - 40px), var(--max));
      min-height: 76px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
    }
    .brand {
      display: flex;
      align-items: center;
      gap: 12px;
      text-decoration: none;
      font-size: .86rem;
      font-weight: 780;
      letter-spacing: .09em;
      line-height: 1.15;
      text-transform: uppercase;
    }
    .brand-logo {
      width: 48px; height: 48px;
      display: block;
      object-fit: cover;
      border-radius: 50%;
      background: white;
      box-shadow: 0 5px 16px rgba(18,58,52,.10);
    }
    .nav-links { display: flex; align-items: center; gap: 22px; }
    .nav-links a, .nav-trigger {
      text-decoration: none;
      font-size: .88rem;
      font-weight: 650;
    }
    .nav-links a:hover, .nav-trigger:hover { color: var(--coral); }
    .nav-group { position: relative; }
    .nav-trigger {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 12px 0;
      border: 0;
      background: transparent;
      color: var(--ink);
      cursor: pointer;
    }
    .nav-chevron {
      display: inline-block;
      color: var(--muted);
      font-size: .72rem;
      transition: transform .2s ease;
    }
    .nav-group.open .nav-chevron { transform: rotate(180deg); }
    .nav-dropdown {
      display: none;
      position: absolute;
      top: 100%;
      left: -22px;
      min-width: 365px;
      padding-top: 14px;
      z-index: 70;
    }
    .nav-dropdown-panel {
      display: grid;
      gap: 4px;
      padding: 12px;
      border: 1px solid var(--line);
      border-radius: 18px;
      background: rgba(255, 254, 250, .99);
      box-shadow: 0 20px 55px rgba(18, 58, 52, .15);
    }
    .nav-dropdown a {
      display: grid;
      gap: 3px;
      padding: 11px 12px;
      border-radius: 11px;
      color: var(--ink);
    }
    .nav-dropdown a:hover, .nav-dropdown a:focus-visible {
      background: var(--aqua-light);
      color: var(--petrol-deep);
    }
    .nav-dropdown a strong { font-size: .86rem; }
    .nav-dropdown a span {
      color: var(--muted);
      font-size: .72rem;
      font-weight: 520;
      line-height: 1.35;
    }
    .nav-direct { padding: 12px 0; }
    @media (min-width: 981px) {
      .nav-group:hover .nav-dropdown,
      .nav-group:focus-within .nav-dropdown,
      .nav-group.open .nav-dropdown { display: block; }
    }
    .menu-button {
      display: none;
      border: 1px solid var(--line);
      background: var(--white);
      color: var(--ink);
      border-radius: 999px;
      padding: 10px 14px;
      cursor: pointer;
    }

    main { overflow: hidden; }
    .container { width: min(calc(100% - 40px), var(--max)); margin: 0 auto; }
    .eyebrow {
      display: inline-flex; align-items: center; gap: 9px;
      margin: 0 0 22px;
      color: var(--petrol);
      font-size: .78rem;
      font-weight: 800;
      letter-spacing: .1em;
      text-transform: uppercase;
    }
    .eyebrow::before { content: ""; width: 26px; height: 2px; background: var(--coral); }
    h1, h2, h3, p { margin-top: 0; }
    h1, h2, h3 { line-height: 1.08; letter-spacing: -.045em; }
    h1 { margin-bottom: 28px; font-size: clamp(3.1rem, 7.2vw, 6.8rem); font-weight: 690; }
    h2 { margin-bottom: 24px; font-size: clamp(2.25rem, 4.8vw, 4.5rem); font-weight: 670; }
    h3 { font-size: 1.45rem; font-weight: 700; }
    .lead { max-width: 720px; color: var(--muted); font-size: clamp(1.12rem, 2vw, 1.36rem); }
    .section-intro { max-width: 790px; margin-bottom: 50px; }
    .section-intro .lead { max-width: 680px; }
    .button-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
    .button {
      display: inline-flex; align-items: center; justify-content: center; gap: 10px;
      max-width: 100%;
      min-height: 52px;
      padding: 13px 20px;
      border: 1px solid var(--petrol);
      border-radius: 999px;
      background: var(--petrol);
      color: white;
      text-decoration: none;
      font-weight: 720;
      transition: transform .2s ease, background .2s ease;
    }
    .button:hover { transform: translateY(-2px); background: var(--petrol-deep); }
    .button.secondary { background: transparent; color: var(--petrol); }
    .button.secondary:hover { background: var(--aqua-light); }
    .button.light { background: var(--white); border-color: var(--white); color: var(--petrol); }

    .announcement {
      border-bottom: 1px solid rgba(255,255,255,.18);
      background: var(--petrol-deep);
      color: var(--white);
    }
    .announcement-link {
      min-height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      padding: 10px 24px;
      color: inherit;
      text-align: center;
      text-decoration: none;
      font-size: .86rem;
      font-weight: 680;
      transition: background .2s ease;
    }
    .announcement-link:hover { background: rgba(255,255,255,.08); }
    .announcement-badge {
      flex: 0 0 auto;
      padding: 4px 9px;
      border-radius: 999px;
      background: var(--coral);
      color: var(--white);
      font-size: .65rem;
      font-weight: 850;
      letter-spacing: .07em;
      text-transform: uppercase;
    }
    .announcement-link strong { color: var(--white); }
    .announcement-arrow { color: var(--coral-light); font-size: 1.05rem; }

    .hero { position: relative; padding: clamp(78px, 11vw, 145px) 0 100px; }
    .hero-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(360px, .8fr); gap: 80px; align-items: center; }
    .hero h1 span { color: var(--coral); }
    .hero-note { margin-top: 48px; color: var(--muted); font-size: .82rem; }
    .current-study-link {
      width: fit-content;
      margin-top: 26px;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 9px;
      color: var(--petrol-deep);
      text-decoration: none;
      font-size: .82rem;
      font-weight: 720;
    }
    .current-study-link .study-badge {
      padding: 5px 9px;
      border-radius: 999px;
      background: var(--coral-light);
      color: #743143;
      font-size: .68rem;
      font-weight: 850;
      letter-spacing: .06em;
      text-transform: uppercase;
    }
    .current-study-link:hover { color: var(--coral); }
    .orbit-wrap {
      width: min(100%, 480px);
      margin-left: auto;
      text-align: center;
    }
    .orbit {
      position: relative;
      width: 100%;
      aspect-ratio: 1;
      display: grid;
      place-items: center;
    }
    .orbit-purpose {
      margin: 14px 0 0;
      color: var(--muted);
      font-size: .76rem;
      font-weight: 720;
      letter-spacing: .06em;
      text-transform: uppercase;
    }
    .orbit::before, .orbit::after {
      content: ""; position: absolute; border-radius: 50%; border: 1px solid var(--line);
    }
    .orbit::before { inset: 4%; }
    .orbit::after { inset: 20%; background: rgba(255,254,250,.55); }
    .orbit-core {
      position: relative; z-index: 2;
      width: 38%; aspect-ratio: 1;
      display: grid; place-items: center;
      padding: 18px;
      border-radius: 50%;
      background: var(--petrol);
      color: white;
      text-align: center;
      font-size: 1.02rem;
      font-weight: 750;
      line-height: 1.2;
      hyphens: manual;
      overflow-wrap: normal;
      box-shadow: var(--shadow);
    }
    .orbit-item {
      position: absolute; z-index: 3;
      width: 150px;
      min-height: 54px;
      padding: 10px 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--line);
      border-radius: 22px;
      background: var(--white);
      box-shadow: 0 12px 30px rgba(16,44,46,.08);
      font-size: .72rem;
      font-weight: 750;
      line-height: 1.2;
      text-align: center;
      hyphens: auto;
      overflow-wrap: anywhere;
    }
    .o1 { top: 2%; left: 50%; transform: translateX(-50%); }
    .o2 { top: 24%; right: -2%; }
    .o3 { bottom: 18%; right: 1%; }
    .o4 { bottom: 2%; left: 50%; transform: translateX(-50%); }
    .o5 { bottom: 18%; left: 0; }
    .o6 { top: 24%; left: -2%; }

    :where(
      .button, .current-study-link, .question-card, .stat, .skill-panel,
      .skill, .truth-note, .framework-origin, .derivation-list li,
      .level-model, .level, .research-card, .status, .active-study,
      .active-status, .study-question-list li, .fieldwork-note,
      .featured-study, .study-finding, .study-stat, .life-field,
      .app-shell, .app-metric, .app-flow-step, .app-disclaimer,
      .pub-item, .transfer-card, .transparency-box, .cta-box
    ) {
      min-width: 0;
      max-width: 100%;
      hyphens: auto;
      overflow-wrap: anywhere;
    }

    .questions { padding: 30px 0 120px; }
    .question-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 22px; }
    .question-card {
      min-height: 330px;
      padding: clamp(30px, 5vw, 58px);
      display: flex; flex-direction: column; justify-content: space-between;
      border-radius: var(--radius-lg);
      background: var(--petrol);
      color: white;
    }
    .question-card:nth-child(2) { background: var(--coral); }
    .question-card .number { opacity: .66; font-size: .82rem; font-weight: 800; letter-spacing: .12em; }
    .question-card h3 { max-width: 470px; margin: 60px 0 0; font-size: clamp(1.8rem, 3.4vw, 3rem); }

    .framework { padding: 120px 0; background: var(--white); }
    .framework-top { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: end; }
    .framework-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
    .stat { padding: 24px; border-left: 1px solid var(--line); }
    .stat strong { display: block; color: var(--petrol); font-size: 2.5rem; line-height: 1; }
    .stat span { color: var(--muted); font-size: .82rem; }
    .field-tabs {
      display: flex; flex-wrap: wrap; gap: 10px;
      margin: 52px 0 26px;
    }
    .field-tab {
      padding: 10px 15px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: transparent;
      color: var(--ink);
      cursor: pointer;
      font-size: .88rem;
      font-weight: 680;
    }
    .field-tab[aria-selected="true"] { background: var(--petrol); border-color: var(--petrol); color: white; }
    .skill-panel {
      display: grid; grid-template-columns: .75fr 1.25fr; gap: 22px;
      padding: clamp(30px, 5vw, 56px);
      border-radius: var(--radius-lg);
      background: var(--aqua-light);
    }
    .skill-panel-copy { padding-right: 30px; }
    .field-index { color: var(--coral); font-size: .78rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
    .skill-panel h3 { margin: 14px 0 20px; font-size: clamp(1.8rem, 3vw, 2.8rem); }
    .skill-panel-copy p { color: var(--muted); }
    .skill-list { display: grid; gap: 10px; }
    .skill {
      display: grid; grid-template-columns: 42px 1fr; gap: 14px; align-items: center;
      padding: 18px;
      border-radius: 16px;
      background: var(--white);
      box-shadow: 0 7px 20px rgba(16,44,46,.05);
    }
    .skill-number {
      width: 42px; height: 42px; display: grid; place-items: center;
      border-radius: 50%; background: var(--coral-light); color: #743143;
      font-size: .78rem; font-weight: 800;
    }
    .skill strong { font-size: .95rem; line-height: 1.35; }
    .truth-note {
      margin-top: 26px; padding: 18px 20px;
      border-left: 4px solid var(--coral);
      background: #fff6f8;
      color: var(--muted);
      font-size: .88rem;
    }
    .framework-origin {
      margin: 54px 0 30px;
      padding: clamp(30px, 5vw, 54px);
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 54px;
      border: 1px solid var(--line);
      border-radius: var(--radius-lg);
      background: var(--paper);
    }
    .origin-copy h3 { margin: 22px 0 18px; font-size: clamp(2rem, 3.7vw, 3.5rem); }
    .origin-copy p { color: var(--muted); }
    .origin-meta { margin-top: 26px; font-size: .78rem; }
    .derivation-title {
      margin: 0 0 20px;
      color: var(--petrol);
      font-size: .76rem;
      font-weight: 850;
      letter-spacing: .09em;
      text-transform: uppercase;
    }
    .derivation-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
    .derivation-list li {
      display: grid;
      grid-template-columns: 34px 1fr;
      gap: 12px;
      align-items: center;
      padding: 13px 15px;
      border-radius: 14px;
      background: var(--white);
      color: var(--muted);
      font-size: .86rem;
    }
    .derivation-list span {
      width: 34px; height: 34px;
      display: grid; place-items: center;
      border-radius: 50%;
      background: var(--coral-light);
      color: #743143;
      font-size: .72rem;
      font-weight: 850;
    }
    .level-model {
      margin: 24px 0 0;
      padding: 28px;
      border-radius: var(--radius-md);
      background: var(--petrol-deep);
      color: white;
    }
    .level-model-top { display: flex; align-items: end; justify-content: space-between; gap: 20px; }
    .level-model h3 { margin: 0; color: white; }
    .level-model-top p { max-width: 560px; margin: 0; color: rgba(255,255,255,.68); font-size: .86rem; }
    .levels { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin-top: 24px; }
    .level {
      min-height: 92px;
      padding: 14px;
      display: flex; flex-direction: column; justify-content: space-between;
      border: 1px solid rgba(255,255,255,.13);
      border-radius: 13px;
      background: rgba(255,255,255,.06);
    }
    .level span { color: var(--coral-light); font-size: .67rem; font-weight: 850; }
    .level strong { color: white; font-size: .76rem; line-height: 1.25; }

    .research { padding: 120px 0; }
    .research-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
    .research-card {
      position: relative;
      min-height: 390px;
      padding: 30px;
      display: flex; flex-direction: column;
      border: 1px solid var(--line);
      border-radius: var(--radius-md);
      background: var(--white);
    }
    .status {
      align-self: flex-start;
      padding: 6px 10px;
      border-radius: 999px;
      background: var(--aqua-light);
      color: var(--petrol);
      font-size: .68rem;
      font-weight: 850;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .research-card h3 { margin: 34px 0 18px; }
    .research-card p { color: var(--muted); }
    .research-card .method { margin-top: auto; padding-top: 28px; border-top: 1px solid var(--line); font-size: .82rem; }
    .research-card .method strong { color: var(--ink); }

    .jobradar-study {
      scroll-margin-top: 110px;
      margin-bottom: 24px;
      padding: clamp(32px, 6vw, 66px);
      border-radius: var(--radius-lg);
      background: var(--coral-light);
      box-shadow: var(--shadow);
    }
    .jobradar-head {
      display: grid;
      grid-template-columns: minmax(0, .9fr) minmax(380px, 1.1fr);
      gap: 58px;
      align-items: start;
    }
    .jobradar-status {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      color: #743143;
      font-size: .7rem;
      font-weight: 850;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .jobradar-status::before {
      content: "";
      width: 9px; height: 9px;
      border-radius: 50%;
      background: var(--coral);
      box-shadow: 0 0 0 5px rgba(201,84,107,.15);
    }
    .jobradar-head h3 { margin: 24px 0 10px; font-size: clamp(2.4rem, 5vw, 4.8rem); }
    .jobradar-tagline { margin: 0 0 22px; color: var(--coral); font-size: 1.25rem; font-weight: 800; }
    .jobradar-copy { color: #743143; }
    .jobradar-thesis {
      padding: 26px;
      border-left: 4px solid var(--petrol);
      border-radius: 0 16px 16px 0;
      background: var(--white);
    }
    .jobradar-thesis strong { display: block; margin-bottom: 9px; color: var(--petrol-deep); }
    .jobradar-thesis p { margin: 0; color: var(--muted); }
    .research-duality {
      margin-top: 28px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
    }
    .research-lens {
      padding: 20px;
      border-radius: 16px;
      background: rgba(255,255,255,.7);
    }
    .research-lens span { color: var(--coral); font-size: .68rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
    .research-lens strong { display: block; margin: 7px 0; color: var(--ink); }
    .research-lens p { margin: 0; color: var(--muted); font-size: .8rem; }
    .jobradar-roles {
      margin-top: 38px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
    }
    .jobradar-role {
      min-height: 205px;
      padding: 22px;
      display: flex;
      flex-direction: column;
      border-radius: 16px;
      background: var(--white);
    }
    .jobradar-role span { color: var(--coral); font-size: .68rem; font-weight: 850; }
    .jobradar-role h4 { margin: 12px 0 10px; font-size: 1rem; }
    .jobradar-role p { margin: 0; color: var(--muted); font-size: .8rem; }
    .jobradar-role small { margin-top: auto; padding-top: 16px; color: var(--petrol); font-weight: 750; }
    .jobradar-role-link {
      margin-top: auto;
      padding-top: 16px;
      color: var(--petrol);
      font-size: .78rem;
      font-weight: 800;
      line-height: 1.4;
      text-decoration-thickness: 1px;
      text-underline-offset: 4px;
    }
    .jobradar-role-link:hover { color: var(--coral); }
    .jobradar-role-soon { margin-top: auto; padding-top: 16px; color: #8b6771; font-size: .74rem; font-weight: 720; }
    .jobradar-footer {
      margin-top: 28px;
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 28px;
      align-items: center;
    }
    .jobradar-meta { margin: 0; color: #743143; font-size: .8rem; }

    .active-study {
      margin-bottom: 24px;
      padding: clamp(32px, 6vw, 62px);
      display: grid;
      grid-template-columns: minmax(0, .82fr) minmax(420px, 1.18fr);
      gap: 58px;
      border: 2px solid var(--petrol);
      border-radius: var(--radius-lg);
      background: var(--white);
      box-shadow: var(--shadow);
    }
    .active-status {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: var(--petrol-deep);
      font-size: .7rem;
      font-weight: 850;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .active-status::before {
      content: "";
      width: 9px; height: 9px;
      border-radius: 50%;
      background: var(--coral);
      box-shadow: 0 0 0 5px var(--coral-light);
    }
    .active-study h3 { margin: 26px 0 18px; font-size: clamp(2.2rem, 4vw, 4rem); }
    .active-study-copy > p { color: var(--muted); }
    .study-question-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
    .study-question-list li {
      display: grid;
      grid-template-columns: 30px 1fr;
      gap: 12px;
      padding: 14px 16px;
      border-radius: 14px;
      background: var(--aqua-light);
      color: var(--ink);
      font-size: .86rem;
    }
    .study-question-list li::before {
      content: "?";
      width: 30px; height: 30px;
      display: grid; place-items: center;
      border-radius: 50%;
      background: var(--petrol);
      color: white;
      font-size: .8rem;
      font-weight: 850;
    }
    .active-study-side .button-row { margin-top: 20px; }
    .fieldwork-note {
      margin: 18px 0 0;
      color: var(--muted);
      font-size: .76rem;
    }

    .featured-study {
      margin-bottom: 24px;
      padding: clamp(32px, 6vw, 68px);
      display: grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
      gap: 60px;
      border-radius: var(--radius-lg);
      background: var(--petrol-deep);
      color: white;
      box-shadow: var(--shadow);
    }
    .study-kicker {
      display: inline-flex;
      padding: 7px 11px;
      border-radius: 999px;
      background: var(--coral);
      color: white;
      font-size: .7rem;
      font-weight: 850;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .featured-study h3 {
      max-width: 650px;
      margin: 28px 0 20px;
      font-size: clamp(2.3rem, 4.2vw, 4.25rem);
    }
    .study-question { max-width: 670px; color: rgba(255,255,255,.74); font-size: 1.08rem; }
    .study-meta { margin: 30px 0 0; color: rgba(255,255,255,.55); font-size: .78rem; }
    .study-finding {
      padding: 28px;
      border: 1px solid rgba(255,255,255,.15);
      border-radius: var(--radius-md);
      background: rgba(255,255,255,.07);
    }
    .study-finding h4 {
      margin: 0 0 12px;
      color: var(--aqua);
      font-size: .75rem;
      letter-spacing: .1em;
      text-transform: uppercase;
    }
    .study-finding > p { margin-bottom: 24px; color: rgba(255,255,255,.76); }
    .study-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
    .study-stat {
      padding: 17px 10px;
      border-radius: 14px;
      background: rgba(255,255,255,.08);
      text-align: center;
    }
    .study-stat strong { display: block; color: white; font-size: 1.8rem; line-height: 1; }
    .study-stat span { color: rgba(255,255,255,.62); font-size: .68rem; }
    .study-excerpt-link {
      display: inline-flex;
      margin-top: 18px;
      color: var(--aqua);
      font-size: .82rem;
      font-weight: 780;
      text-decoration-thickness: 1px;
      text-underline-offset: 4px;
    }
    .life-fields {
      grid-column: 1 / -1;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
    }
    .life-fields-title {
      grid-column: 1 / -1;
      margin-bottom: 8px;
    }
    .life-fields-title span {
      display: block;
      margin-bottom: 7px;
      color: var(--aqua);
      font-size: .72rem;
      font-weight: 850;
      letter-spacing: .1em;
      text-transform: uppercase;
    }
    .life-fields-title h4 {
      margin: 0 0 8px;
      color: white;
      font-size: 1.35rem;
    }
    .life-fields-title p {
      max-width: 750px;
      color: rgba(255,255,255,.68);
    }
    .life-field {
      min-height: 188px;
      padding: 20px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 10px;
      border-radius: 16px;
      background: var(--white);
      color: var(--ink);
    }
    .life-field span { color: var(--coral); font-size: .7rem; font-weight: 850; }
    .life-field strong { font-size: 1.08rem; }
    .life-field p { margin: 0; color: var(--muted); font-size: .82rem; line-height: 1.55; }
    .life-findings {
      grid-column: 1 / -1;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
    }
    .life-insight {
      padding: 22px;
      border: 1px solid rgba(255,255,255,.14);
      border-radius: 16px;
      background: rgba(255,255,255,.07);
    }
    .life-insight span {
      display: block;
      margin-bottom: 14px;
      color: var(--lime);
      font-size: .7rem;
      font-weight: 850;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .life-insight h4 { margin: 0 0 9px; color: white; font-size: 1rem; }
    .life-insight p { margin: 0; color: rgba(255,255,255,.67); font-size: .82rem; }
    .study-method {
      grid-column: 1 / -1;
      margin: 0;
      padding-top: 24px;
      border-top: 1px solid rgba(255,255,255,.16);
      color: rgba(255,255,255,.6);
      font-size: .82rem;
    }
    .study-method strong { color: white; }
    .life-study-link {
      grid-column: 1 / -1;
      width: fit-content;
      color: var(--aqua);
    }

    .development { padding: 120px 0; background: var(--petrol-deep); color: white; }
    .development .eyebrow { color: var(--aqua); }
    .development .lead { color: rgba(255,255,255,.7); }
    .process { margin-top: 64px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 42px 22px; }
    .process-step { position: relative; padding: 0 24px 0 0; }
    .process-number {
      position: relative; z-index: 2;
      width: 52px; height: 52px; margin-bottom: 25px;
      display: grid; place-items: center;
      border-radius: 50%;
      background: var(--coral);
      font-weight: 800;
    }
    .process-step h3 { margin-bottom: 12px; font-size: 1.08rem; letter-spacing: -.02em; }
    .process-step p { color: rgba(255,255,255,.66); font-size: .84rem; }
    .principles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 75px; }
    .principle { padding-top: 22px; border-top: 1px solid rgba(255,255,255,.22); }
    .principle strong { display: block; margin-bottom: 8px; color: var(--lime); }
    .principle span { color: rgba(255,255,255,.7); font-size: .9rem; }
    .development-guide {
      margin-top: 78px;
      padding: clamp(28px, 5vw, 56px);
      border: 1px solid rgba(255,255,255,.16);
      border-radius: var(--radius-lg);
      background: rgba(255,255,255,.07);
    }
    .development-guide-header {
      display: grid;
      grid-template-columns: .72fr 1.28fr;
      gap: 48px;
      margin-bottom: 38px;
    }
    .development-guide-header h3 {
      margin: 0;
      color: white;
      font-size: clamp(1.65rem, 3vw, 2.5rem);
      line-height: 1.12;
      letter-spacing: -.035em;
    }
    .development-guide-header p { margin: 0; color: rgba(255,255,255,.72); }
    .guide-list { border-top: 1px solid rgba(255,255,255,.18); }
    .guide-item {
      display: grid;
      grid-template-columns: 130px minmax(220px, .72fr) 1.28fr;
      gap: 24px;
      align-items: start;
      padding: 22px 0;
      border-bottom: 1px solid rgba(255,255,255,.18);
    }
    .guide-stage {
      color: var(--aqua);
      font-size: .7rem;
      font-weight: 850;
      letter-spacing: .09em;
      text-transform: uppercase;
    }
    .guide-item h4 { margin: 0; color: white; font-size: 1rem; }
    .guide-item p { margin: 0; color: rgba(255,255,255,.66); font-size: .84rem; }
    .guide-actions { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 12px; }
    .guide-actions .button.secondary {
      border-color: rgba(255,255,255,.36);
      color: white;
      background: transparent;
    }
    .guide-disclaimer {
      margin: 26px 0 0;
      padding-top: 24px;
      border-top: 1px solid rgba(255,255,255,.18);
      color: rgba(255,255,255,.58);
      font-size: .8rem;
    }
    .guide-disclaimer strong { color: white; }

    .app-showcase { padding: 120px 0; background: var(--white); }
    .app-shell {
      padding: clamp(34px, 6vw, 70px);
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 64px;
      border-radius: var(--radius-lg);
      background: var(--coral-light);
    }
    .app-shell h2 { margin-bottom: 22px; }
    .app-shell .lead { color: #743143; }
    .app-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
    .app-metric {
      min-height: 145px;
      padding: 22px;
      display: flex; flex-direction: column; justify-content: space-between;
      border-radius: 18px;
      background: var(--white);
      box-shadow: 0 10px 30px rgba(18,58,52,.06);
    }
    .app-metric strong { color: var(--petrol); font-size: 2.4rem; line-height: 1; }
    .app-metric span { color: var(--muted); font-size: .78rem; }
    .app-flow { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }
    .app-flow-step {
      padding: 15px 12px;
      border-radius: 12px;
      background: var(--petrol);
      color: white;
      text-align: center;
      font-size: .76rem;
      font-weight: 760;
    }
    .app-disclaimer {
      grid-column: 1 / -1;
      margin: 0;
      color: #743143;
      font-size: .8rem;
    }

    .downloads { padding: 120px 0; background: var(--paper); }
    .download-path {
      margin: 0 0 28px;
      padding: 18px 22px;
      border-left: 4px solid var(--petrol);
      border-radius: 0 14px 14px 0;
      background: var(--aqua-light);
      color: var(--muted);
      font-size: .9rem;
    }
    .download-path strong { color: var(--ink); }
    .download-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
    .download-card {
      min-height: 410px;
      padding: clamp(28px, 4vw, 44px);
      display: flex;
      flex-direction: column;
      border: 1px solid var(--line);
      border-radius: var(--radius-md);
      background: var(--white);
      box-shadow: 0 16px 45px rgba(18,58,52,.06);
    }
    .download-card:nth-child(2) { background: var(--aqua-light); }
    .download-card:nth-child(3) { background: var(--coral-light); }
    .download-card:nth-child(4) { background: #eef4e8; }
    .download-card:nth-child(5) { grid-column: 1 / -1; min-height: 350px; background: var(--petrol-deep); color: white; }
    .download-card:nth-child(5) h3 { color: white; }
    .download-card:nth-child(5) p { color: rgba(255,255,255,.72); }
    .download-card:nth-child(5) .download-type { color: var(--aqua); }
    .download-card:nth-child(5) .download-meta { color: var(--aqua); }
    .download-type {
      margin-bottom: 34px;
      color: var(--coral);
      font-size: .73rem;
      font-weight: 850;
      letter-spacing: .09em;
      text-transform: uppercase;
    }
    .download-card h3 { margin: 0 0 16px; font-size: clamp(1.42rem, 2.2vw, 1.9rem); }
    .download-card p { color: var(--muted); }
    .download-meta {
      margin: 18px 0 26px;
      color: var(--petrol);
      font-size: .78rem;
      font-weight: 750;
    }
    .download-card .button-row { margin-top: auto; }
    .download-note { margin: 24px 0 0; color: var(--muted); font-size: .8rem; }
    .context-link {
      display: inline-flex;
      margin-top: 12px;
      color: var(--petrol-deep);
      font-size: .86rem;
      font-weight: 780;
      text-decoration-thickness: 1px;
      text-underline-offset: 4px;
    }

    .publications { padding: 120px 0; background: var(--coral-light); }
    .pub-list { border-top: 1px solid rgba(116,49,67,.22); }
    .pub-item {
      display: grid; grid-template-columns: 150px 1fr 180px; gap: 30px; align-items: center;
      padding: 28px 0;
      border-bottom: 1px solid rgba(116,49,67,.22);
    }
    .pub-type { font-size: .74rem; font-weight: 820; letter-spacing: .08em; text-transform: uppercase; }
    .pub-item h3 { margin: 0 0 6px; font-size: 1.22rem; letter-spacing: -.025em; }
    .pub-item p { margin: 0; color: #743143; font-size: .88rem; }
    .pub-state { justify-self: end; color: #743143; font-size: .82rem; font-weight: 700; }

    .transfer { padding: 120px 0; background: var(--white); }
    .transfer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
    .transfer-card {
      min-height: 360px;
      padding: 30px;
      display: flex; flex-direction: column;
      border-radius: var(--radius-md);
      background: var(--paper);
    }
    .transfer-card:nth-child(2) { background: var(--aqua-light); }
    .transfer-card:nth-child(3) { background: var(--coral-light); }
    .transfer-card .card-label { color: var(--coral); font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
    .transfer-card h3 { margin: 48px 0 16px; font-size: 1.8rem; }
    .transfer-card p { color: var(--muted); }
    .transfer-card a { margin-top: auto; font-size: .9rem; font-weight: 760; text-decoration-thickness: 1px; text-underline-offset: 5px; }

    .about { padding: 120px 0; }
    .about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; }
    .about-copy p { color: var(--muted); }
    .transparency-box { padding: 34px; border-radius: var(--radius-md); background: var(--white); box-shadow: var(--shadow); }
    .transparency-box h3 { margin-bottom: 24px; }
    .check-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
    .check-list li { display: grid; grid-template-columns: 24px 1fr; gap: 12px; color: var(--muted); }
    .check-list li::before { content: "✓"; color: var(--coral); font-weight: 900; }
    .logo-lockup {
      width: min(100%, 350px);
      height: 232px;
      margin: 0 0 34px;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: 26px;
      background: white;
      box-shadow: 0 18px 48px rgba(18,58,52,.08);
    }
    .logo-lockup img { width: 100%; height: auto; display: block; }

    .cta { padding: 70px 0 120px; }
    .cta-box {
      padding: clamp(38px, 7vw, 82px);
      display: grid; grid-template-columns: 1.25fr .75fr; gap: 60px; align-items: end;
      border-radius: var(--radius-lg);
      background: var(--coral);
      color: white;
    }
    .cta-box h2 { margin: 0; font-size: clamp(2.3rem, 5vw, 4.8rem); }
    .cta-box p { color: rgba(255,255,255,.82); }

    .impulses { padding: clamp(78px, 10vw, 132px) 0; background: var(--aqua-light); }
    .impulse-feature {
      display: grid;
      grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
      gap: clamp(28px, 5vw, 68px);
      align-items: start;
      padding: clamp(28px, 5vw, 56px);
      border: 1px solid var(--line);
      border-radius: var(--radius-lg);
      background: var(--white);
      box-shadow: var(--shadow);
    }
    .impulse-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 22px;
    }
    .impulse-tag {
      display: inline-flex;
      padding: 6px 10px;
      border-radius: 999px;
      background: var(--coral-light);
      color: #743143;
      font-size: .68rem;
      font-weight: 820;
      letter-spacing: .055em;
      text-transform: uppercase;
    }
    .impulse-feature h3 { margin-bottom: 16px; font-size: clamp(2rem, 3.6vw, 3.35rem); }
    .impulse-subtitle { color: var(--muted); font-size: 1.08rem; }
    .impulse-book { margin-top: 22px; color: var(--petrol-deep); font-size: .82rem; font-weight: 720; }
    .impulse-takeaways { display: grid; gap: 10px; margin: 24px 0 0; }
    .impulse-takeaway {
      padding: 14px 16px;
      border-left: 3px solid var(--coral);
      background: var(--paper);
      border-radius: 0 11px 11px 0;
      font-size: .9rem;
    }
    .impulse-details { border-top: 1px solid var(--line); }
    .impulse-details summary {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      margin-top: 2px;
      padding: 14px 0;
      color: var(--petrol-deep);
      font-weight: 780;
      cursor: pointer;
      list-style: none;
    }
    .impulse-details summary::-webkit-details-marker { display: none; }
    .impulse-details summary::after { content: "↓"; color: var(--coral); transition: transform .2s ease; }
    .impulse-details[open] summary::after { transform: rotate(180deg); }
    .impulse-article { padding-top: 18px; }
    .impulse-article h4 { margin: 30px 0 10px; font-size: 1.25rem; letter-spacing: -.025em; }
    .impulse-article p { color: var(--muted); }
    .impulse-question {
      margin: 34px 0 0;
      padding: 20px 22px;
      border-radius: 16px;
      background: var(--petrol-deep);
      color: white !important;
      font-size: 1.08rem;
      font-weight: 720;
    }
    .impulse-note { margin: 22px 0 0; color: var(--muted); font-size: .76rem; }
    .impulse-categories { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; }
    .impulse-category {
      padding: 7px 11px;
      border: 1px solid var(--line);
      border-radius: 999px;
      color: var(--muted);
      font-size: .72rem;
      font-weight: 680;
    }


    .impulse-logic {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      margin: 0 0 48px;
    }
    .impulse-logic-card {
      position: relative;
      min-height: 215px;
      padding: 26px;
      border: 1px solid var(--line);
      border-radius: var(--radius-md);
      background: var(--white);
    }
    .impulse-logic-card:not(:last-child)::after {
      content: "→";
      position: absolute;
      top: 50%;
      right: -18px;
      z-index: 2;
      width: 34px;
      height: 34px;
      display: grid;
      place-items: center;
      transform: translateY(-50%);
      border: 1px solid var(--line);
      border-radius: 50%;
      background: var(--aqua-light);
      color: var(--coral);
      font-weight: 850;
    }
    .impulse-logic-step {
      display: inline-block;
      margin-bottom: 16px;
      color: var(--coral);
      font-size: .69rem;
      font-weight: 850;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .impulse-logic-card h3 { margin-bottom: 10px; font-size: 1.35rem; }
    .impulse-logic-card p { margin-bottom: 0; color: var(--muted); font-size: .91rem; }
    .impulse-logic-note {
      max-width: 900px;
      margin: -20px 0 56px;
      color: var(--muted);
      font-size: .9rem;
    }
    .impulse-library { display: grid; gap: 58px; }
    .impulse-shelf-head {
      display: grid;
      grid-template-columns: minmax(0, .62fr) minmax(0, 1.38fr);
      gap: 36px;
      align-items: end;
      padding-bottom: 20px;
      border-bottom: 1px solid var(--line);
    }
    .impulse-shelf-head h3 { margin: 0; font-size: clamp(1.8rem, 3vw, 2.75rem); }
    .impulse-shelf-head p { margin: 0; color: var(--muted); }
    .impulse-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      margin-top: 18px;
    }
    .impulse-count {
      display: inline-flex;
      align-items: center;
      margin-left: 10px;
      padding: 5px 9px;
      border: 1px solid rgba(6,145,122,.22);
      border-radius: 999px;
      color: var(--petrol-deep);
      background: rgba(255,255,255,.58);
      font-family: Inter, Arial, sans-serif;
      font-size: .67rem;
      font-weight: 800;
      letter-spacing: .035em;
      vertical-align: middle;
      white-space: nowrap;
    }
    .impulse-more {
      margin-top: 16px;
      border: 1px solid var(--line);
      border-radius: 18px;
      background: rgba(255,255,255,.46);
      overflow: clip;
    }
    .impulse-more > summary {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 14px 22px;
      align-items: center;
      padding: 18px 20px;
      cursor: pointer;
      list-style: none;
    }
    .impulse-more > summary::-webkit-details-marker { display: none; }
    .impulse-more-head {
      display: grid;
      gap: 9px;
      min-width: 0;
    }
    .impulse-more-label {
      color: var(--petrol-deep);
      font-size: .76rem;
      font-weight: 820;
      letter-spacing: .025em;
    }
    .impulse-more-titles {
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
    }
    .impulse-mini-title {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      padding: 5px 8px;
      border-radius: 999px;
      background: var(--white);
      color: var(--muted);
      font-size: .68rem;
      line-height: 1.25;
      box-shadow: inset 0 0 0 1px rgba(18,58,52,.08);
    }
    .impulse-mini-title.is-online::after {
      content: "online";
      color: var(--petrol);
      font-size: .58rem;
      font-weight: 850;
      letter-spacing: .04em;
      text-transform: uppercase;
    }
    .impulse-more-action {
      color: var(--coral);
      font-size: .72rem;
      font-weight: 850;
      white-space: nowrap;
    }
    .impulse-more-action .open-label { display: none; }
    .impulse-more[open] .impulse-more-action .closed-label { display: none; }
    .impulse-more[open] .impulse-more-action .open-label { display: inline; }
    .impulse-more[open] > summary { border-bottom: 1px solid var(--line); }
    .impulse-more .impulse-grid {
      margin-top: 0;
      padding: 18px;
    }
    .impulse-card {
      min-width: 0;
      min-height: 292px;
      padding: 22px;
      display: flex;
      flex-direction: column;
      border: 1px solid var(--line);
      border-radius: 18px;
      background: var(--white);
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }
    .impulse-card:hover {
      transform: translateY(-3px);
      border-color: rgba(6,145,122,.36);
      box-shadow: 0 16px 36px rgba(18,58,52,.08);
    }
    .impulse-card.is-live { border-top: 4px solid var(--petrol); }
    .impulse-card-kicker {
      margin-bottom: 14px;
      color: var(--coral);
      font-size: .64rem;
      font-weight: 850;
      letter-spacing: .075em;
      text-transform: uppercase;
    }
    .impulse-card h4 {
      margin: 0 0 8px;
      font-size: 1.08rem;
      line-height: 1.16;
      letter-spacing: -.025em;
    }
    .impulse-card-author {
      margin: 0 0 15px;
      color: var(--petrol-deep);
      font-size: .74rem;
      font-weight: 730;
    }
    .impulse-card-copy {
      margin: 0;
      color: var(--muted);
      font-size: .82rem;
      line-height: 1.55;
    }
    .impulse-card-state {
      margin-top: auto;
      padding-top: 18px;
      color: var(--muted);
      font-size: .68rem;
      font-weight: 760;
      letter-spacing: .045em;
      text-transform: uppercase;
    }
    .impulse-card-link {
      margin-top: auto;
      padding-top: 18px;
      color: var(--petrol-deep);
      font-size: .76rem;
      font-weight: 800;
      text-decoration: none;
    }
    .impulse-card-link:hover { color: var(--coral); }
    .impulse-full {
      margin-top: 66px;
      padding-top: 58px;
      border-top: 1px solid var(--line);
    }
    .impulse-full-label {
      margin-bottom: 18px;
      color: var(--coral);
      font-size: .72rem;
      font-weight: 850;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    footer { padding: 58px 0; background: #082f32; color: white; }
    .footer-grid { display: grid; grid-template-columns: 1.2fr .8fr .8fr; gap: 50px; }
    footer .brand { margin-bottom: 20px; }
    footer p, footer a { color: rgba(255,255,255,.68); font-size: .86rem; }
    footer a:hover { color: white; }
    .footer-label { margin-bottom: 14px; color: white; font-size: .73rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
    .footer-links { display: grid; gap: 8px; }
    .legal { margin-top: 44px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.13); color: rgba(255,255,255,.45); font-size: .74rem; }

    .reveal { opacity: 0; transform: translateY(20px); transition: opacity .7s ease, transform .7s ease; }
    .reveal.visible { opacity: 1; transform: none; }
    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      .reveal { opacity: 1; transform: none; transition: none; }
      .button { transition: none; }
    }

    @media (max-width: 980px) {
      .nav-links {
        display: none; position: absolute; top: 76px; left: 0; right: 0;
        max-height: calc(100vh - 76px); overflow-y: auto;
        padding: 16px 20px 24px; flex-direction: column; align-items: stretch; gap: 2px;
        background: var(--paper); border-bottom: 1px solid var(--line);
      }
      .nav-links.open { display: flex; }
      .nav-group, .nav-direct { width: 100%; }
      .nav-trigger, .nav-direct { width: 100%; justify-content: space-between; padding: 12px 4px; }
      .nav-dropdown { position: static; min-width: 0; width: 100%; padding: 0 0 8px 10px; }
      .nav-group.open .nav-dropdown { display: block; }
      .nav-dropdown-panel { gap: 1px; padding: 4px 0 4px 10px; border: 0; border-left: 2px solid var(--aqua); border-radius: 0; background: transparent; box-shadow: none; }
      .nav-dropdown a { padding: 9px 10px; }
      .nav-dropdown a span { font-size: .7rem; }
      .menu-button { display: inline-flex; }
      .hero-grid, .framework-top, .skill-panel, .about-grid, .cta-box, .framework-origin, .app-shell, .download-grid, .impulse-feature { grid-template-columns: 1fr; }
      .impulse-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .impulse-shelf-head { grid-template-columns: 1fr; gap: 10px; }
      .impulse-logic { grid-template-columns: 1fr; }
      .impulse-logic-card { min-height: 0; }
      .impulse-logic-card:not(:last-child)::after { content: "↓"; top: auto; bottom: -25px; right: 28px; transform: none; }
      .hero-grid { gap: 55px; }
      .orbit { margin: 0 auto; }
      .research-grid, .transfer-grid { grid-template-columns: 1fr; }
      .featured-study, .active-study { grid-template-columns: 1fr; }
      .jobradar-head { grid-template-columns: 1fr; }
      .jobradar-roles { grid-template-columns: 1fr; }
      .life-fields { grid-template-columns: 1fr 1fr; }
      .life-findings { grid-template-columns: 1fr; }
      .research-card, .transfer-card { min-height: auto; }
      .process { grid-template-columns: 1fr 1fr; gap: 40px 20px; }
      .principles { grid-template-columns: 1fr; }
      .development-guide-header { grid-template-columns: 1fr; gap: 18px; }
      .app-flow { grid-template-columns: 1fr 1fr; }
    }
    @media (max-width: 700px) {
      .announcement-link { min-height: 56px; gap: 8px; padding: 9px 18px; font-size: .78rem; line-height: 1.35; }
      .announcement-badge { font-size: .58rem; }
      body { font-size: 16px; }
      .nav-wrap, .container { width: min(calc(100% - 28px), var(--max)); }
      .brand span:last-child { max-width: 160px; }
      .hero { padding-top: 66px; }
      .impulse-grid { grid-template-columns: 1fr; }
      .impulse-more > summary { grid-template-columns: 1fr; }
      .impulse-more-action { justify-self: start; }
      .question-grid { grid-template-columns: 1fr; }
      .question-card { min-height: 280px; }
      .framework-stats { grid-template-columns: 1fr; }
      .stat { border-left: 0; border-top: 1px solid var(--line); padding-left: 0; }
      .field-tabs { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 10px; }
      .field-tab { white-space: nowrap; }
      .skill-panel { padding: 24px; }
      .skill-panel-copy { padding-right: 0; }
      .process { grid-template-columns: 1fr; }
      .research-duality, .jobradar-footer { grid-template-columns: 1fr; }
      .jobradar-footer .button { width: 100%; }
      .guide-item { grid-template-columns: 1fr; gap: 7px; }
      .levels { grid-template-columns: 1fr; }
      .level { min-height: 70px; }
      .level-model-top { display: block; }
      .level-model-top p { margin-top: 14px; }
      .app-metrics { grid-template-columns: 1fr; }
      .app-flow { grid-template-columns: 1fr; }
      .pub-item { grid-template-columns: 1fr; gap: 8px; }
      .pub-state { justify-self: start; }
      .footer-grid { grid-template-columns: 1fr; }
      .life-fields { grid-template-columns: 1fr; }
      .life-field { min-height: auto; }
      .button { white-space: normal; text-align: center; }
      .orbit-item { width: 126px; min-height: 52px; padding: 9px 10px; font-size: .65rem; }
      .orbit-core { width: 42%; padding: 14px; font-size: .82rem; }
    }
  

/* Multi-page architecture additions */
.subpage-hero { padding: 92px 0 62px; background: linear-gradient(180deg, rgba(229,244,240,.55), rgba(247,245,239,0)); }
.subpage-hero .container { max-width: 980px; }
.subpage-hero h1 { margin: 10px 0 18px; max-width: 900px; font-size: clamp(2.65rem, 6vw, 5.4rem); line-height: .98; letter-spacing: -.045em; }
.subpage-hero .lead { max-width: 820px; }
.breadcrumbs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; color:var(--muted); font-size:.78rem; }
.breadcrumbs a { text-decoration:none; }
.breadcrumbs a:hover { color:var(--coral); }
.overview-section { padding: 92px 0; }
.overview-section.alt { background: var(--white); }
.overview-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:38px; }
.overview-grid.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.overview-card { display:flex; flex-direction:column; min-height:280px; padding:30px; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--white); box-shadow:0 14px 40px rgba(18,58,52,.06); }
.alt .overview-card { background:var(--paper); }
.overview-card .eyebrow { margin-bottom:12px; }
.overview-card h2,.overview-card h3 { margin:0 0 14px; font-size:clamp(1.35rem,2.2vw,2rem); }
.overview-card p { color:var(--muted); }
.overview-card .context-link { margin-top:auto; padding-top:22px; }
.home-teaser { padding:92px 0; }
.home-teaser.alt { background:var(--white); }
.home-teaser-head { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:34px; }
.home-teaser-head .section-intro { margin:0; }
.quick-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:34px; }
.quick-fact { padding:22px; border-left:3px solid var(--coral); background:rgba(255,254,250,.7); border-radius:0 14px 14px 0; }
.quick-fact strong { display:block; font-size:1.35rem; color:var(--petrol-deep); }
.article-page { padding: 0 0 90px; }
.article-page .impulse-full { margin-top:0; padding-top:0; border-top:0; }
.article-page .impulse-full-label { display:none; }
.article-page .impulse-feature { margin-top:0; }
.article-page .impulse-feature h1 { margin-bottom:16px; font-size:clamp(2.25rem,5vw,4.5rem); letter-spacing:-.035em; line-height:1.02; }
.article-page .impulse-article h2 { margin:1.65em 0 .55em; font-size:clamp(1.2rem,2.2vw,1.55rem); letter-spacing:-.015em; }
.article-intro-strip { padding:54px 0 28px; }
.article-intro-strip .container { max-width:1200px; }
.back-link { display:inline-flex; gap:8px; align-items:center; text-decoration:none; color:var(--petrol-deep); font-weight:760; }
.back-link:hover { color:var(--coral); }
.related { padding:76px 0 90px; border-top:1px solid var(--line); }
.related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:28px; }
.related-card { padding:24px; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--white); text-decoration:none; }
.related-card:hover { transform:translateY(-2px); box-shadow:0 12px 34px rgba(18,58,52,.08); }
.related-card span { color:var(--coral); font-size:.7rem; font-weight:820; text-transform:uppercase; letter-spacing:.07em; }
.related-card strong { display:block; margin-top:8px; font-size:1.04rem; }
.page-section-wrap { padding-bottom:70px; }
.page-section-wrap > section { padding-top:88px; }
.notice-card { padding:28px; border-radius:var(--radius-md); background:var(--aqua-light); border:1px solid rgba(6,145,122,.18); }
.notice-card strong { color:var(--petrol-deep); }
.library-note { margin-top:24px; color:var(--muted); font-size:.88rem; }
.site-header .nav-direct[aria-current="page"], .site-header .nav-trigger.active { color:var(--coral); }
@media (max-width:980px){
 .overview-grid,.overview-grid.two,.related-grid,.quick-facts{grid-template-columns:1fr 1fr;}
 .home-teaser-head{align-items:flex-start;flex-direction:column;}
}
@media (max-width:680px){
 .subpage-hero{padding:66px 0 42px}.overview-section,.home-teaser{padding:70px 0}
 .overview-grid,.overview-grid.two,.related-grid,.quick-facts{grid-template-columns:1fr;}
 .overview-card{min-height:0}
}