:root {
      --midnight: #0A1422;
      --midnight-2: #16263B;
      --teal: #3F648D;
      --teal-2: #6D93BE;
      --ice: #F2F5F8;
      --platinum: #FBFCFD;
      --mist: #D6DEE6;
      --silver: #96A6B7;
      --champagne: #B99B68;
      --champagne-soft: #D8C5A2;
      --white: #FFFFFF;
      --ink: #152331;
      --shadow: 0 24px 60px rgba(10, 20, 34, 0.10);
      --radius-lg: 30px;
      --radius-md: 18px;
      --max: 1180px;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: var(--ink);
      line-height: 1.6;
      background:
        radial-gradient(circle at top left, rgba(63, 100, 141, 0.08), transparent 22%),
        linear-gradient(180deg, #f7f8f8 0%, #edf4f7 100%);
      overflow-x: hidden;
    }

    a { color: inherit; text-decoration: none; }
    button, input { font: inherit; }
    .shell {
      width: 100%;
      max-width: calc(var(--max) + 40px);
      margin-left: auto;
      margin-right: auto;
      padding-left: 20px;
      padding-right: 20px;
      box-sizing: border-box;
    }

    .nav {
      position: fixed;
      inset: 0 0 auto 0;
      z-index: 30;
      backdrop-filter: blur(18px);
      background: rgba(251, 252, 253, 0.82);
      border-bottom: 1px solid rgba(63, 100, 141, 0.10);
    }
    .nav-inner {
      min-height: 78px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
    }
    .brand {
      display: inline-flex;
      align-items: center;
      flex: 0 0 auto;
    }
    .brand-logo {
      display: block;
      width: clamp(170px, 18vw, 285px);
      height: auto;
      max-width: 100%;
      object-fit: contain;
      opacity: .96;
      filter: none;
    }

    .nav-links { display: flex; align-items: center; gap: 26px; font-size: 14px; }
    .nav-links a:not(.btn) { color: rgba(17, 32, 51, 0.72); }
    .nav-links a:not(.btn):hover { color: var(--midnight); }

    .menu-toggle {
      display: none;
      width: 42px;
      height: 42px;
      padding: 0;
      border: 1px solid rgba(17, 32, 51, 0.14);
      border-radius: 50%;
      background: rgba(255,255,255,.62);
      color: var(--midnight);
      cursor: pointer;
      align-items: center;
      justify-content: center;
      transition: background .2s ease, transform .2s ease;
    }

    .menu-toggle:hover {
      background: var(--white);
      transform: translateY(-1px);
    }

    .menu-toggle-lines,
    .menu-toggle-lines::before,
    .menu-toggle-lines::after {
      width: 17px;
      height: 1.5px;
      border-radius: 99px;
      background: currentColor;
      transition: transform .22s ease, opacity .22s ease;
    }

    .menu-toggle-lines {
      position: relative;
      display: block;
    }

    .menu-toggle-lines::before,
    .menu-toggle-lines::after {
      content: "";
      position: absolute;
      left: 0;
    }

    .menu-toggle-lines::before { top: -5px; }
    .menu-toggle-lines::after { top: 5px; }

    .menu-toggle[aria-expanded="true"] .menu-toggle-lines {
      background: transparent;
    }

    .menu-toggle[aria-expanded="true"] .menu-toggle-lines::before {
      top: 0;
      transform: rotate(45deg);
    }

    .menu-toggle[aria-expanded="true"] .menu-toggle-lines::after {
      top: 0;
      transform: rotate(-45deg);
    }

    .mobile-menu {
      display: none;
    }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      min-height: 50px;
      padding: 0 22px;
      border-radius: 999px;
      border: 1px solid transparent;
      font-weight: 700;
      cursor: pointer;
      transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
    }
    .btn:hover { transform: translateY(-2px); }
    .btn-primary {
      background: linear-gradient(135deg, var(--midnight), var(--teal));
      color: var(--white);
      box-shadow: 0 14px 28px rgba(10, 20, 34, 0.14);
    }
    .btn-primary:hover { background: linear-gradient(135deg, var(--midnight-2), var(--teal-2)); box-shadow: 0 16px 32px rgba(10, 20, 34, 0.16); }
    .btn-secondary {
      border-color: rgba(63, 100, 141, 0.18);
      color: var(--midnight);
      background: rgba(255,255,255,.72);
    }

    .hero {
      min-height: 100vh;
      padding: 152px 0 90px;
      position: relative;
      display: grid;
      align-items: center;
      overflow: hidden;
      background:
        radial-gradient(circle at 82% 18%, rgba(199, 168, 115, 0.18), transparent 18%),
        radial-gradient(circle at 78% 62%, rgba(63, 100, 141, 0.16), transparent 22%),
        linear-gradient(135deg, #f7f8fb 0%, #eff3f4 48%, #e8eef0 100%);
    }
    .hero::before {
      content: "";
      position: absolute;
      width: 620px;
      height: 620px;
      right: -180px;
      top: -220px;
      border-radius: 50%;
      border: 1px solid rgba(17, 32, 51, 0.06);
      box-shadow: 0 0 0 50px rgba(255,255,255,.16), 0 0 0 110px rgba(255,255,255,.07);
    }

    .hero-grid {
      display: grid;
      grid-template-columns: 1.02fr .98fr;
      gap: 68px;
      align-items: center;
    }
    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      color: var(--teal);
      text-transform: uppercase;
      letter-spacing: .18em;
      font-size: 12px;
      font-weight: 800;
      margin-bottom: 22px;
    }
    .eyebrow::before {
      content: "";
      width: 40px;
      height: 1px;
      background: var(--champagne);
    }

    h1, h2, h3 {
      margin: 0;
      font-family: Georgia, "Times New Roman", serif;
      line-height: 1.08;
      font-weight: 500;
    }
    h1 {
      font-size: clamp(52px, 7vw, 96px);
      max-width: 840px;
      letter-spacing: -0.045em;
      color: var(--midnight);
    }
    h1 em { color: var(--teal); font-style: italic; }
    .hero-copy p {
      max-width: 640px;
      margin: 26px 0 34px;
      font-size: clamp(18px, 2vw, 22px);
      color: rgba(17, 32, 51, 0.70);
    }
    .hero-actions { display: flex; flex-wrap: nowrap; gap: 10px; align-items: center; }
    .micro { margin-top: 22px; font-size: 13px; color: rgba(17, 32, 51, 0.55); }
    .micro a, .section-head p a {
      color: var(--teal);
      text-decoration: underline;
      text-underline-offset: 3px;
      text-decoration-color: rgba(63,100,141,.45);
      font-weight: 600;
    }
    .micro a:hover, .section-head p a:hover {
      text-decoration-color: var(--champagne);
    }

    .experience .section-head p a {
      color: #a9c7f2;
      text-decoration-color: rgba(169,199,242,.48);
      text-decoration-thickness: 1px;
    }

    .experience .section-head p a:hover {
      color: #d9e7fb;
      text-decoration-color: rgba(217,231,251,.82);
      text-decoration-thickness: 1px;
    }

    .hero-art {
      min-height: 580px;
      display: grid;
      place-items: center;
      position: relative;
    }
    .hero-art::before,
    .hero-art::after {
      content: "";
      position: absolute;
      border-radius: 50%;
      border: 1px solid rgba(17, 32, 51, 0.08);
    }
    .hero-art::before { width: 460px; height: 460px; }
    .hero-art::after { width: 340px; height: 340px; border-color: rgba(199, 168, 115, 0.20); }

    .hero-panel {
      width: min(460px, 92%);
      min-height: 460px;
      aspect-ratio: 1;
      position: relative;
      border-radius: 36px;
      overflow: hidden;
      background:
        linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)),
        linear-gradient(160deg, #f7f9f9 0%, #c7d2d6 16%, #122232 36%, #0b1623 100%);
      border: 1px solid rgba(255,255,255,.34);
      box-shadow: 0 30px 80px rgba(8, 14, 23, .28);
    }
    .hero-panel::before {
      content: "";
      position: absolute;
      inset: 18px;
      border-radius: 28px;
      border: 1px solid rgba(255,255,255,.14);
      pointer-events: none;
    }
    .grid-glow {
      position: absolute;
      inset: 0;
      background: radial-gradient(circle at 74% 24%, rgba(199,168,115,.12), transparent 22%);
      opacity: 1;
    }
    .panel-content {
      position: relative;
      z-index: 2;
      min-height: 460px;
      padding: 28px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    .panel-tag {
      display: inline-flex;
      align-items: center;
      align-self: flex-start;
      gap: 10px;
      padding: 10px 14px;
      border-radius: 999px;
      background: rgba(255,255,255,.10);
      border: 1px solid rgba(255,255,255,.18);
      color: rgba(255,255,255,.88);
      font-size: 12px;
      letter-spacing: .14em;
      text-transform: uppercase;
      backdrop-filter: blur(14px);
    }
    .panel-tag::before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--champagne);
      box-shadow: 0 0 0 6px rgba(199, 168, 115, 0.12);
    }

    .morph-wrap {
      display: grid;
      place-items: center;
      margin: 6px 0 8px;
      flex: 1;
    }
    .morph-wrap svg { width: min(332px, 100%); height: auto; filter: drop-shadow(0 18px 30px rgba(13,21,36,.24)); }

    .panel-bottom {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 14px;
      align-items: end;
    }
    .panel-note {
      padding: 16px 16px 14px;
      border-radius: 18px;
      background: rgba(255,255,255,.12);
      border: 1px solid rgba(255,255,255,.18);
      color: rgba(255,255,255,.88);
      backdrop-filter: blur(18px);
      font-size: 13px;
      max-width: 220px;
    }
    .panel-note strong { display: block; font-size: 15px; margin-bottom: 4px; color: var(--white); white-space: nowrap; }
    .metric-pill {
      padding: 16px 18px;
      border-radius: 18px;
      background: linear-gradient(145deg, rgba(199,168,115,.98), rgba(226,207,171,.92));
      color: var(--midnight);
      min-width: 132px;
      box-shadow: 0 14px 30px rgba(8, 14, 23, .18);
    }
    .metric-pill small {
      display: block;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: .16em;
      opacity: .74;
      margin-bottom: 4px;
    }
    .metric-pill strong {
      display: block;
      font-size: 18px;
      line-height: 1.1;
      font-family: Georgia, serif;
      font-weight: 600;
    }

    section { padding: 110px 0; }
    .section-head {
      display: grid;
      grid-template-columns: .9fr 1.1fr;
      gap: 60px;
      align-items: end;
      margin-bottom: 54px;
    }
    .section-head h2 { font-size: clamp(40px, 5vw, 66px); letter-spacing: -.035em; color: var(--midnight); }
    .section-head p { margin: 0; font-size: 18px; color: rgba(17, 32, 51, 0.68); }
    .experience .section-head { align-items: start; }

    .pillars { background: rgba(255,255,255,.54); }
    .card-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
    .card {
      min-height: 300px;
      padding: 28px;
      border-radius: var(--radius-md);
      background: linear-gradient(160deg, rgba(255,255,255,.94), rgba(236, 243, 246, .92));
      border: 1px solid rgba(17,32,51,.08);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      transition: transform .25s ease, box-shadow .25s ease;
      box-shadow: 0 8px 24px rgba(13, 21, 36, 0.04);
    }
    .card:hover { transform: translateY(-6px); box-shadow: 0 20px 45px rgba(13,21,36,.10); }
    .card-num { font-size: 12px; letter-spacing: .2em; color: var(--champagne); font-weight: 800; }
    .card h3 { font-size: 30px; margin: 18px 0 12px; color: var(--midnight); }
    .card p { margin: 0; color: rgba(17,32,51,.64); }

    .method-card {
      position: relative;
      overflow: hidden;
    }
@media (max-width: 640px) {
      .method-card {
        min-height: 0 !important;
        height: auto;
        justify-content: flex-start;
        padding: 22px 22px 16px;
      }

      .method-card > div {
        margin-bottom: 0;
      }

      .method-card h3 {
        margin: 12px 0 14px;
      }

      .method-card p {
        margin: 0;
      }
}


    .experience {
      background: linear-gradient(160deg, #0d1726 0%, #172b44 56%, #214263 100%);
      color: var(--white);
      position: relative;
      overflow: hidden;
    }
    .experience::after {
      content: "";
      position: absolute;
      width: 760px;
      height: 760px;
      right: -360px;
      bottom: -420px;
      border-radius: 50%;
      border: 1px solid rgba(255,255,255,.08);
      box-shadow: 0 0 0 90px rgba(255,255,255,.018), 0 0 0 180px rgba(255,255,255,.012);
    }
    .experience .section-head h2 { color: var(--white); }
    .experience .section-head p { color: rgba(255,255,255,.70); }
    .steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; position: relative; z-index: 1; }
    .step { padding-top: 24px; border-top: 1px solid rgba(255,255,255,.22); }
    .step span { display: inline-block; color: var(--champagne-soft); font-size: 12px; letter-spacing: .2em; font-weight: 800; margin-bottom: 15px; }
    .step h3 { font-size: 30px; margin-bottom: 12px; }
    .step p { color: rgba(255,255,255,.66); margin: 0; }



    .identity-section {
      padding: 86px 0 82px;
      background: linear-gradient(180deg, #f8fafc 0%, #edf3f8 100%);
      border-top: 1px solid rgba(17,32,51,.05);
      border-bottom: 1px solid rgba(17,32,51,.05);
    }

    .identity-grid {
      display: grid;
      grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
      gap: 28px;
      align-items: stretch;
    }

    .identity-card {
      position: relative;
      padding: 34px 34px 32px;
      border-radius: 28px;
      background: rgba(255,255,255,.84);
      border: 1px solid rgba(17,32,51,.08);
      box-shadow: 0 18px 55px rgba(13,21,36,.08);
      overflow: hidden;
    }

    .identity-card::before {
      content: "";
      position: absolute;
      width: 220px;
      height: 220px;
      right: -100px;
      top: -100px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(63,100,141,.09), transparent 72%);
      pointer-events: none;
    }

    .identity-label {
      margin-bottom: 14px;
      color: var(--teal);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .18em;
      text-transform: uppercase;
    }

    .identity-card h3 {
      margin: 0 0 14px;
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(28px, 3vw, 40px);
      line-height: 1.04;
      letter-spacing: -.025em;
      color: var(--midnight);
    }

    .identity-card p {
      margin: 0;
      color: rgba(21,35,49,.72);
      font-size: 16px;
      line-height: 1.75;
    }

    .origin-note {
      margin-top: 16px;
      padding-top: 16px;
      border-top: 1px solid rgba(17,32,51,.08);
      color: rgba(17,32,51,.58);
      font-size: 14px;
      line-height: 1.6;
    }


    .mission-visual {
      margin-top: 24px;
      padding: 20px 20px 18px;
      border-radius: 22px;
      background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(242,245,248,.96));
      border: 1px solid rgba(199,168,115,.18);
    }

    .mission-stats {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px;
      align-items: end;
      margin-bottom: 16px;
    }

    .mission-stat .value-row {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      margin-bottom: 8px;
      line-height: 1;
    }

    .mission-stat .value {
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(42px, 5vw, 60px);
      letter-spacing: -.05em;
      line-height: .88;
      color: var(--midnight);
    }

    .mission-stat.is-health .value {
      color: var(--champagne);
    }

    .mission-stat .unit {
      padding-top: 7px;
      color: rgba(17,32,51,.56);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    .mission-stat .caption {
      color: var(--teal);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .04em;
      text-transform: uppercase;
      line-height: 1.35;
    }

    .gap-track-wrap {
      padding-top: 6px;
    }

    .gap-scale {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 8px;
      color: rgba(17,32,51,.7);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    .gap-track {
      position: relative;
      height: 28px;
      border-radius: 999px;
      background: rgba(109,147,190,.14);
      overflow: hidden;
    }

    .gap-track-fill {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 86%;
      border-radius: 999px;
      background: linear-gradient(90deg, var(--teal) 0%, var(--teal-2) 100%);
    }

    .gap-track-arrow {
      position: absolute;
      right: 12px;
      top: 50%;
      width: 44px;
      height: 2px;
      background: rgba(199,168,115,.9);
      transform: translateY(-50%);
    }

    .gap-track-arrow::after {
      content: "";
      position: absolute;
      right: -1px;
      top: 50%;
      width: 12px;
      height: 12px;
      border-top: 2px solid rgba(199,168,115,.9);
      border-right: 2px solid rgba(199,168,115,.9);
      transform: translateY(-50%) rotate(45deg);
    }

    .gap-marker {
      position: absolute;
      left: 86%;
      top: 50%;
      width: 48px;
      height: 48px;
      border-radius: 50%;
      background: #f6f3eb;
      border: 4px solid rgba(199,168,115,.92);
      display: grid;
      place-items: center;
      transform: translate(-50%, -50%);
      box-shadow: 0 8px 18px rgba(13,21,36,.07);
      z-index: 2;
    }

    .gap-marker::before {
      content: "|||";
      color: rgba(199,168,115,.96);
      font-size: 18px;
      font-weight: 700;
      letter-spacing: .12em;
      transform: translateX(.08em);
    }

    .gap-values {
      position: relative;
      display: flex;
      justify-content: space-between;
      margin-top: 10px;
      color: var(--midnight);
      font-weight: 700;
      font-size: 15px;
    }

    .gap-values .health {
      position: absolute;
      left: 86%;
      transform: translateX(-50%);
      color: var(--champagne);
    }

    .gap-annotation {
      margin-top: 12px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 6px;
      color: var(--champagne);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: .04em;
      text-transform: uppercase;
    }

    .gap-bracket {
      width: 128px;
      height: 18px;
      border-left: 2px solid rgba(185,155,104,.72);
      border-right: 2px solid rgba(185,155,104,.72);
      border-bottom: 2px solid rgba(185,155,104,.72);
      border-radius: 0 0 8px 8px;
    }

    .mission-visual.simple-gap {
      margin-top: 24px;
      padding: 24px 24px 20px;
      border-radius: 22px;
      background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(242,245,248,.96));
      border: 1px solid rgba(63,100,141,.12);
      box-shadow: 0 18px 38px rgba(10,20,34,.05);
    }

    .mission-visual.simple-gap .gap-scale {
      position: relative;
      height: 18px;
      margin-bottom: 12px;
      color: rgba(17,32,51,.72);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    .mission-visual.simple-gap .gap-scale span {
      position: absolute;
      top: 0;
      transform: translateX(-50%);
      white-space: nowrap;
    }

    .mission-visual.simple-gap .gap-scale span:first-child { left: 39%; }
    .mission-visual.simple-gap .gap-scale span:last-child { left: 89%; }


    .mission-visual.simple-gap .gap-track.simple {
      position: relative;
      height: 32px;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(63,100,141,.10) 0%, rgba(109,147,190,.12) 100%);
      overflow: visible;
    }

    .mission-visual.simple-gap .gap-track-fill {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 78%;
      border-radius: 999px;
      background: linear-gradient(90deg, var(--teal) 0%, var(--teal-2) 100%);
    }

    .mission-visual.simple-gap .gap-marker {
      position: absolute;
      left: 78%;
      top: 50%;
      width: 54px;
      height: 54px;
      border-radius: 50%;
      background: rgba(255,255,255,.96);
      border: 4px solid rgba(199,168,115,.95);
      display: grid;
      place-items: center;
      transform: translate(-50%, -50%);
      box-shadow: 0 10px 22px rgba(10,20,34,.08);
      z-index: 3;
    }

    .mission-visual.simple-gap .gap-marker::before {
      content: "|||";
      color: var(--champagne);
      font-size: 18px;
      font-weight: 700;
      letter-spacing: .12em;
      transform: translateX(.08em);
    }

    .mission-visual.simple-gap .gap-track-arrow {
      position: absolute;
      right: 18px;
      top: 50%;
      width: 52px;
      height: 2px;
      background: rgba(185,155,104,.94);
      transform: translateY(-50%);
    }

    .mission-visual.simple-gap .gap-track-arrow::after {
      content: "";
      position: absolute;
      right: -1px;
      top: 50%;
      width: 12px;
      height: 12px;
      border-top: 2px solid rgba(185,155,104,.94);
      border-right: 2px solid rgba(185,155,104,.94);
      transform: translateY(-50%) rotate(45deg);
    }

    .mission-visual.simple-gap .gap-annotation {
      margin-top: 18px;
      margin-left: 78%;
      width: 22%;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 7px;
      color: var(--champagne);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    .mission-visual.simple-gap .gap-bracket {
      width: 100%;
      height: 18px;
      border-left: 2px solid rgba(185,155,104,.72);
      border-right: 2px solid rgba(185,155,104,.72);
      border-bottom: 2px solid rgba(185,155,104,.72);
      border-radius: 0 0 8px 8px;
    }

    @media (max-width: 980px) {
      .mission-visual.simple-gap { padding: 20px 18px 18px; }
      .mission-visual.simple-gap .gap-marker { width: 38px; height: 38px; border-width: 3px; }
      .mission-visual.simple-gap .gap-track.simple { height: 28px; }
      .mission-visual.simple-gap .gap-track-arrow { width: 40px; right: 14px; }
      .mission-visual.simple-gap .gap-annotation { width: 120px; }
    }

    @media (max-width: 980px) {
      .identity-grid { grid-template-columns: 1fr; }
    }

    @media (max-width: 820px) {
      .identity-section { padding: 68px 0 64px; }
      .identity-card { padding: 28px 22px 24px; }
      .mission-stats { gap: 18px; }
      .mission-stat .value { font-size: 42px; }
      .gap-marker { width: 38px; height: 38px; border-width: 3px; }
      .gap-track { height: 26px; }
      .gap-track-arrow { width: 40px; right: 10px; }
      .gap-bracket { width: 104px; }
    }

    @media (max-width: 560px) {
      .mission-stats { grid-template-columns: 1fr 1fr; gap: 12px; }
      .mission-stat .caption { font-size: 12px; }
      .mission-stat .unit { font-size: 11px; }
      .gap-values { font-size: 14px; }
      .gap-marker { left: 84%; }
      .gap-track-fill { inset: 0 10px 0 0; }
    }

    .signature { background: linear-gradient(180deg, #f7f8f8, #edf2f4); }
    .signature-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 52px; align-items: start; }
    .quote-card {
      padding: 48px;
      border-radius: var(--radius-lg);
      background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(243,247,250,.94));
      box-shadow: var(--shadow);
      position: relative;
      border: 1px solid rgba(63,100,141,.12);
    }
    .quote-mark { font-family: Georgia, serif; font-size: 110px; line-height: .8; color: rgba(199,168,115,.28); position: absolute; top: 28px; left: 34px; }
    .quote-card blockquote { margin: 52px 0 26px; font: 500 clamp(28px,4vw,46px)/1.15 Georgia, serif; color: var(--midnight); }
    .quote-card small { color: rgba(17,32,51,.55); }
    .signature-copy h2 { font-size: clamp(36px, 3.6vw, 52px); margin-bottom: 26px; color: var(--midnight); }
    .signature-copy p { font-size: 18px; color: rgba(17,32,51,.66); }
    .checklist { display: grid; gap: 14px; margin-top: 28px; }
    .check { display: flex; gap: 12px; align-items: flex-start; }
    .check i {
      width: 24px;
      height: 24px;
      flex: 0 0 24px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: rgba(63,100,141,.16);
      color: var(--teal);
      font-style: normal;
      font-weight: 900;
    }

    .check strong {
      display: block;
      margin-bottom: 4px;
      color: var(--midnight);
    }

    .check span {
      display: block;
      color: rgba(17,32,51,.72);
      line-height: 1.55;
    }


    .cta { padding: 56px 0 110px; background: linear-gradient(180deg, #edf3f8 0%, #e3ebf3 100%); }
    .cta-box {
      padding: 64px;
      border-radius: var(--radius-lg);
      color: var(--white);
      background:
        linear-gradient(120deg, rgba(185,155,104,.18), transparent 38%),
        radial-gradient(circle at top right, rgba(109,147,190,.16), transparent 34%),
        linear-gradient(145deg, #0d1726 0%, #172a43 58%, #214263 100%);
      display: grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 40px;
      align-items: center;
      box-shadow: var(--shadow);
    }
    .cta-box h2 { font-size: clamp(40px,5vw,64px); }
    .cta-box p { color: rgba(255,255,255,.72); max-width: 640px; }
    .form { display: grid; gap: 12px; }
    .form input {
      width: 100%;
      min-height: 54px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.22);
      background: rgba(255,255,255,.08);
      color: var(--white);
      padding: 0 20px;
      outline: none;
    }
    .form input::placeholder { color: rgba(255,255,255,.52); }
    .form .btn { background: linear-gradient(145deg, var(--champagne), var(--champagne-soft)); color: var(--midnight); }
    .form-note { font-size: 12px; color: rgba(255,255,255,.52); text-align: center; }

    footer { background: linear-gradient(180deg, #132033 0%, #0d1726 100%); color: rgba(255,255,255,.68); padding: 34px 0; border-top: 1px solid rgba(255,255,255,.08); }
    .footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; font-size: 13px; }
    .footer-brand {
  display: flex;
  align-items: center;
  overflow: visible;
}
    .footer-brand img {
  width: clamp(162px, 15vw, 220px);
  height: auto;
  display: block;
  opacity: .92;
  object-fit: contain;
  overflow: visible;
}
    footer a { color: rgba(255,255,255,.82); }
    footer a:hover { color: var(--white); }


    .text-only-panel {
      display: flex;
      align-items: stretch;
      justify-content: stretch;
      background:
        radial-gradient(circle at 82% 18%, rgba(199,168,115,.16), transparent 24%),
        radial-gradient(circle at 14% 82%, rgba(63,100,141,.13), transparent 28%),
        linear-gradient(145deg, #0b1523 0%, #12243a 58%, #214263 100%);
    }

    .text-only-content {
      width: 100%;
      min-height: 460px;
      display: grid;
      grid-template-columns: 1fr auto;
      grid-template-rows: auto 1fr;
      gap: 18px 14px;
      padding: 30px;
    }

    .statement-block {
      grid-column: 1;
      grid-row: 2;
      align-self: center;
      padding: 8px 6px;
      max-width: 380px;
    }

    .statement-kicker {
      margin-bottom: 12px;
      color: rgba(255,255,255,.54);
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .2em;
    }

    .text-only-content .panel-tag {
      grid-column: 1 / -1;
      grid-row: 1;
    }

    .statement-main {
      display: grid;
      gap: 6px;
      font-family: Georgia, "Times New Roman", serif;
      line-height: .98;
      letter-spacing: -.025em;
    }

    .statement-main .line {
      display: block;
      font-size: clamp(40px, 5.2vh, 54px);
      font-weight: 500;
    }

    .statement-main .line-white {
      color: var(--white);
    }

    .statement-main .line-gold {
      color: var(--champagne-soft);
    }

    .outcome-block {
      grid-column: 2;
      grid-row: 2;
      justify-self: end;
      align-self: center;
      min-width: 166px;
      padding: 14px 16px 16px;
      border-radius: 18px;
      color: var(--white);
      background: rgba(255,255,255,.08);
      border: 1px solid rgba(199,168,115,.34);
      box-shadow: 0 18px 36px rgba(8,14,23,.18);
      backdrop-filter: blur(16px);
    }

    .outcome-block small {
      display: block;
      margin-bottom: 6px;
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .2em;
      color: rgba(255,255,255,.62);
    }

    .outcome-block strong {
      display: block;
      color: var(--champagne-soft);
      font: 600 24px/1 Georgia, "Times New Roman", serif;
    }

    .statement-main .keep-line {
      white-space: nowrap;
      display: inline-block;
    }

    .text-only-panel .outcome-block {
      margin-right: 12px;
    }


    @media (min-width: 981px) and (max-height: 820px) {
      .hero { padding-top: 118px; padding-bottom: 48px; }
      .hero-art { min-height: 500px; }
      .hero-panel { width: min(430px, 92%); min-height: 430px; }
      .text-only-content { min-height: 430px; padding: 26px; gap: 10px; }
      .statement-main .line { font-size: 44px; }
      .statement-kicker { margin-bottom: 9px; }
      .outcome-block { padding: 11px 16px; }
    }

    @media (max-width: 980px) {
      .nav-inner { position: relative; }
      .nav-links a:not(.btn), .nav-links .lang-switcher { display: none; }
      .lang-switcher.mobile-only { display: inline-flex; }
      .nav-links a:not(.btn) { display: none; }
      .nav-links { gap: 10px; }
      .menu-toggle { display: inline-flex; }

      .mobile-menu {
        position: absolute;
        top: calc(100% + 10px);
        right: 0;
        width: min(260px, calc(100vw - 24px));
        padding: 10px;
        border-radius: 18px;
        background: rgba(247,248,251,.97);
        border: 1px solid rgba(17,32,51,.10);
        box-shadow: 0 22px 55px rgba(13,21,36,.16);
        backdrop-filter: blur(18px);
        opacity: 0;
        visibility: hidden;
        transform: translateY(-8px);
        transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
      }

      .mobile-menu.is-open {
        display: grid;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
      }

      .mobile-menu a {
        display: flex;
        align-items: center;
        min-height: 48px;
        padding: 0 16px;
        border-radius: 12px;
        color: var(--midnight);
        font-size: 14px;
        font-weight: 700;
      }

      .mobile-menu a:hover {
        background: rgba(63,100,141,.08);
      }

      .hero-grid, .section-head, .signature-grid, .cta-box { grid-template-columns: 1fr; }
      .hero-art { min-height: 560px; }
      .card-grid, .steps { grid-template-columns: repeat(2, 1fr); }
      .section-head { gap: 20px; }
    }

    @media (max-width: 640px) {
      .shell {
        width: 100%;
        max-width: calc(var(--max) + 40px);
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
      }
      .nav-inner { min-height: 68px; }
      .nav-links .btn { min-height: 40px; padding: 0 12px; font-size: 12px; white-space: nowrap; }
      .menu-toggle { width: 40px; height: 40px; }
      .hero { padding-top: 120px; }
      .hero-actions { display: flex; flex-wrap: nowrap; gap: 8px; }
      .hero-actions .btn {
        min-height: 42px;
        padding: 0 12px;
        font-size: 12px;
        letter-spacing: 0;
        white-space: nowrap;
        flex: 1 1 0;
      }
      .hero-art { min-height: 420px; }
      .hero-panel { min-height: 380px; }
      .panel-content { min-height: 380px; padding: 20px; }
      .text-only-content { min-height: 380px; display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto auto; gap: 8px; }
      .statement-block { grid-column: 1; grid-row: 2; padding: 14px 0 6px; max-width: 100%; }
      .statement-kicker { margin-bottom: 8px; font-size: 9px; }
      .statement-main { gap: 4px; line-height: .96; }
      .statement-main .line { font-size: 43px; }
      .statement-main .keep-line { white-space: nowrap; }
      .outcome-block { grid-column: 1; grid-row: 3; justify-self: end; align-self: end; margin-right: 8px; min-width: 144px; padding: 11px 14px 13px; }
      .outcome-block strong { font-size: 20px; }
      section { padding: 80px 0; }
      .card-grid, .steps { grid-template-columns: 1fr; }
      .card { min-height: 240px; }
      .quote-card, .cta-box { padding: 32px 24px; }
      .footer-inner { flex-direction: column; align-items: flex-start; }
    }
  
    /* Final split hero */
    .split-hero {
      min-height: 100vh;
      padding: 132px 0 86px;
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(circle at 82% 20%, rgba(199,168,115,.12), transparent 22%),
        radial-gradient(circle at 12% 78%, rgba(63,100,141,.10), transparent 26%),
        linear-gradient(135deg, #f7f8fb 0%, #eff3f4 48%, #e8eef0 100%);
    }

    .split-hero::before {
      content: "";
      position: absolute;
      width: 620px;
      height: 620px;
      right: -220px;
      top: -250px;
      border-radius: 50%;
      border: 1px solid rgba(63,100,141,.12);
      box-shadow:
        0 0 0 54px rgba(255,255,255,.14),
        0 0 0 112px rgba(255,255,255,.07);
      pointer-events: none;
    }

    .split-hero-grid {
      min-height: calc(100vh - 218px);
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(400px, .92fr);
      gap: 74px;
      align-items: center;
      position: relative;
      z-index: 2;
    }

    .split-copy {
      max-width: 690px;
    }

    .split-copy .eyebrow {
      margin-bottom: 22px;
    }

    .split-copy h1 {
      max-width: 740px;
      color: var(--midnight);
      font-size: clamp(56px, 6.4vw, 94px);
      line-height: .98;
      letter-spacing: -.05em;
    }

    .split-copy h1 em {
      color: var(--champagne);
      font-style: normal;
    }

    .split-copy > p {
      max-width: 650px;
      margin: 28px 0 32px;
      color: rgba(17,32,51,.72);
      font-size: clamp(18px, 1.45vw, 22px);
      line-height: 1.58;
    }

    .split-hero .hero-actions {
      display: flex;
      flex-wrap: nowrap;
      gap: 12px;
      align-items: center;
    }

    .split-hero .hero-actions .btn {
      white-space: nowrap;
    }

    .split-hero .btn-primary {
      background: linear-gradient(135deg, var(--midnight), var(--teal));
      color: var(--white);
      box-shadow: 0 14px 30px rgba(13,21,36,.18);
    }

    .split-hero .btn-secondary {
      color: var(--midnight);
      border-color: rgba(17,32,51,.18);
      background: rgba(255,255,255,.62);
    }

    .hero-meta {
      display: grid;
      gap: 13px;
      margin-top: 27px;
      max-width: 650px;
    }

    .hero-meta-item {
      display: flex;
      gap: 11px;
      align-items: flex-start;
      color: rgba(17,32,51,.62);
      font-size: 14px;
    }

    .hero-meta-item a {
      color: var(--teal);
      font-weight: 700;
      text-decoration: underline;
      text-underline-offset: 3px;
      text-decoration-color: rgba(63,100,141,.38);
    }

    .meta-icon {
      width: 24px;
      height: 24px;
      flex: 0 0 24px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      border: 1px solid rgba(199,168,115,.72);
      color: var(--champagne);
      font-size: 12px;
      margin-top: -2px;
    }

    .split-visual {
      min-height: 590px;
      display: grid;
      place-items: center;
    }

    .split-image-frame {
      width: min(520px, 100%);
      aspect-ratio: 1;
      position: relative;
      overflow: hidden;
      border-radius: 34px;
      background: var(--midnight);
      border: 1px solid rgba(255,255,255,.56);
      box-shadow: 0 30px 80px rgba(13,21,36,.20);
    }

    .split-image-frame::before {
      content: "";
      position: absolute;
      inset: 16px;
      z-index: 2;
      pointer-events: none;
      border-radius: 24px;
      border: 1px solid rgba(255,255,255,.12);
    }

    .split-image-frame img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      object-position: center;
    }
@media (max-width: 980px) {
      .split-hero {
        min-height: auto;
        padding: 114px 0 76px;
      }

      .split-hero-grid {
        min-height: auto;
        grid-template-columns: 1fr;
        gap: 46px;
      }

      .split-copy {
        max-width: 760px;
      }

      .split-visual {
        min-height: auto;
      }

      .split-image-frame {
        width: min(560px, 88vw);
      }
    }

    @media (max-width: 640px) {
      .split-hero {
        padding: 98px 0 66px;
      }

      .split-hero-grid {
        gap: 34px;
      }

      .split-copy h1 {
        font-size: clamp(43px, 12vw, 58px);
        line-height: .97;
      }

      .split-copy > p {
        margin: 21px 0 23px;
        font-size: 15px;
      }

      .split-hero .hero-actions {
        gap: 8px;
      }

      .split-hero .hero-actions .btn {
        min-height: 42px;
        padding: 0 10px;
        font-size: 11px;
        flex: 1 1 0;
      }

      .hero-meta {
        margin-top: 20px;
        gap: 10px;
      }

      .hero-meta-item {
        font-size: 12px;
      }

      .split-image-frame {
        width: 100%;
        border-radius: 26px;
      }
}

    
    /* Elydunn hero: standalone image + separate method capsule */
    .v2-visual-stack {
      width: min(520px, 100%);
      display: grid;
      gap: 14px;
    }

    .v2-visual-card {
      width: 100%;
      position: relative;
      overflow: hidden;
      border-radius: 30px;
      background: #f7f8f8;
      border: 1px solid rgba(17,32,51,.08);
      box-shadow: 0 26px 64px rgba(11,22,35,.14);
    }

    .v2-visual-card img {
      width: 100%;
      height: auto;
      display: block;
      object-fit: contain;
    }

    .v2-method-capsule {
      width: 100%;
      display: grid;
      gap: 5px;
      padding: 22px 24px 23px;
      border-radius: 24px;
      background: linear-gradient(145deg, #0d1726 0%, #172b44 100%);
      border: 1px solid rgba(255,255,255,.08);
      box-shadow: 0 16px 34px rgba(10,20,34,.10);
    }

    .v2-method-capsule small {
      margin-bottom: 7px;
      color: var(--champagne-soft);
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .18em;
    }

    .v2-copy-line {
      color: var(--white);
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(29px, 2.55vw, 39px);
      line-height: 1.00;
      letter-spacing: -.032em;
      text-wrap: balance;
    }

    @media (max-width: 980px) {
      .v2-visual-stack {
        width: min(560px, 88vw);
      }

      .v2-copy-line {
        font-size: clamp(28px, 4vw, 38px);
      }
    }

    @media (max-width: 640px) {
      .v2-visual-stack {
        width: 100%;
        gap: 10px;
      }

      .v2-visual-card {
        border-radius: 24px;
        box-shadow: 0 18px 44px rgba(11,22,35,.12);
      }

      .v2-method-capsule {
        padding: 18px 18px 19px;
        border-radius: 20px;
      }

      .v2-method-capsule small {
        margin-bottom: 6px;
        font-size: 9px;
      }

      .v2-copy-line {
        font-size: clamp(25px, 7.8vw, 33px);
      }
    }


    @media (max-width: 900px) {
      .brand-logo { height: 48px; }
    }

    @media (max-width: 640px) {
      .brand-logo { height: 38px; }
    }

  
    @media (max-width: 640px) {
      .mission-visual.simple-gap {
        margin-top: 18px;
        padding: 18px 16px 16px;
        border-radius: 20px;
      }

      .mission-visual.simple-gap .gap-scale {
        height: 20px;
        margin-bottom: 10px;
      }

      .mission-visual.simple-gap .gap-scale span {
        font-size: 10px;
        letter-spacing: .10em;
      }

      .mission-visual.simple-gap .gap-scale span:first-child { left: 34%; }
      .mission-visual.simple-gap .gap-scale span:last-child { left: 86%; }

      .mission-visual.simple-gap .gap-track {
        height: 44px;
        border-radius: 999px;
        overflow: visible;
      }

      .mission-visual.simple-gap .gap-track-fill {
        left: 0;
        right: auto;
        width: 79%;
        border-radius: 999px;
      }

      .mission-visual.simple-gap .gap-marker {
        left: 79%;
        width: 40px;
        height: 40px;
        margin-left: -20px;
        border-width: 3px;
      }

      .mission-visual.simple-gap .gap-track-arrow {
        right: 10px;
        width: 42px;
      }

      .mission-visual.simple-gap .gap-annotation {
        margin-top: 10px;
        margin-left: 73%;
        width: 27%;
        gap: 6px;
        font-size: 10px;
        letter-spacing: .06em;
        align-items: center;
      }

      .mission-visual.simple-gap .gap-bracket {
        width: 100%;
        height: 16px;
        border-width: 3px;
      }
    }


    .mobile-only { display: none; }

    @media (max-width: 640px) {
      .desktop-only { display: none !important; }
      .mobile-only { display: block; }

      /* Mobile header: logo + menu only */
      .nav-inner { min-height: 70px; }
      .brand-logo { height: 40px; }
      .nav-links > a { display: none !important; }
      .nav-links { margin-left: auto; gap: 0; }
      .menu-toggle {
        display: inline-grid;
        place-items: center;
        width: 44px;
        height: 44px;
        background: rgba(255,255,255,.66);
        border-color: rgba(17,32,51,.12);
      }

      /* First viewport: promise, one CTA, then the visual */
      .split-hero {
        padding: 92px 0 54px;
      }

      .split-hero-grid {
        gap: 24px;
      }

      .split-copy .eyebrow {
        margin-bottom: 17px;
        color: #3F648D;
        font-size: 10px;
        letter-spacing: .17em;
      }

      .split-copy h1 {
        font-size: clamp(47px, 13.2vw, 61px);
        line-height: .94;
        letter-spacing: -.05em;
      }

      .split-copy > p.mobile-hero-intro {
        display: block;
        margin: 19px 0 22px;
        max-width: 100%;
        color: rgba(17,32,51,.68);
        font-size: 15px;
        line-height: 1.48;
      }

      .split-hero .hero-actions {
        display: block;
        margin: 0;
      }

      .split-hero .hero-actions .btn-primary {
        width: 100%;
        min-height: 50px;
        padding: 0 22px;
        font-size: 13px;
        background: linear-gradient(135deg, #0b1623 0%, #214263 100%);
        box-shadow: 0 12px 26px rgba(13,21,36,.16);
      }

      .split-visual {
        margin-top: 3px;
      }

      .v2-visual-card {
        width: 100%;
        border-radius: 26px;
      }

      /* Secondary information moves below the visual */
      .hero-mobile-after {
        margin-top: 0;
        padding-top: 2px;
      }

      .hero-mobile-after > .btn {
        width: 100%;
        min-height: 46px;
        margin-bottom: 18px;
        color: var(--midnight);
        border-color: rgba(17,32,51,.14);
        background: rgba(255,255,255,.68);
      }

      .hero-mobile-after .hero-meta {
        display: grid;
        gap: 11px;
        margin-top: 0;
      }

      .hero-mobile-after .hero-meta-item {
        font-size: 12px;
        line-height: 1.45;
      }

      .hero-mobile-after .hero-meta-item a {
        color: #3F648D;
        text-decoration-color: rgba(63,100,141,.30);
      }
}


    /* Mobile-only: align the gap brace with the marker center and keep it inside the card */
    @media (max-width: 640px) {
      .mission-visual.simple-gap .gap-marker {
        left: 79%;
        margin-left: 0;
        transform: translate(-50%, -50%);
      }

      .mission-visual.simple-gap .gap-annotation {
        margin-top: 12px;
        margin-left: 79%;
        width: 21%;
        gap: 7px;
        align-items: center;
        font-size: 10px;
        letter-spacing: .06em;
      }

      .mission-visual.simple-gap .gap-bracket {
        position: static;
        width: 100%;
        height: 16px;
        border-width: 3px;
      }

      .mission-visual.simple-gap .gap-annotation span {
        margin: 0;
        align-self: center;
        white-space: nowrap;
      }
    }


    /* Final mobile tweak: thinner gap brace and slightly lower offset under the marker */
    @media (max-width: 640px) {
      .mission-visual.simple-gap .gap-annotation {
        margin-top: 18px;
        gap: 8px;
      }

      .mission-visual.simple-gap .gap-bracket {
        height: 14px;
        border-width: 2px;
        border-top: none;
      }
    }


    /* Mobile vertical rhythm: tighter section spacing without affecting desktop */
    @media (max-width: 640px) {
      section {
        padding-top: 60px;
        padding-bottom: 60px;
      }

      .section-head {
        margin-bottom: 36px;
      }

      .identity-section {
        padding-top: 56px;
        padding-bottom: 54px;
      }

      .cta {
        padding-top: 44px;
        padding-bottom: 68px;
      }
    }

    .lang-switcher {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      padding: 4px;
      border-radius: 999px;
      background: rgba(255,255,255,.72);
      border: 1px solid rgba(17,32,51,.08);
      box-shadow: 0 8px 20px rgba(17,32,51,.06);
    }

    .lang-switcher a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 44px;
      height: 32px;
      padding: 0 10px;
      border-radius: 999px;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .12em;
      color: rgba(17,32,51,.62);
      text-transform: uppercase;
      transition: background .2s ease, color .2s ease, opacity .2s ease;
    }

    .lang-switcher a:hover {
      color: var(--midnight);
      background: rgba(17,32,51,.04);
    }

    .lang-switcher a.is-active {
      background: rgba(17,32,51,.08);
      color: var(--midnight);
      pointer-events: none;
      cursor: default;
    }

    .lang-switcher.mobile-only {
      display: none;
      margin-top: 8px;
      align-self: flex-start;
    }
@media (max-width: 980px) {
.header-mobile-lang a {
        min-width: 38px;
        height: 30px;
        padding: 0 8px;
        font-size: 10px;
        letter-spacing: .08em;
      }

      .nav-links {
        margin-left: auto;
      }
    }

    @media (max-width: 640px) {
.header-mobile-lang a {
        min-width: 35px;
        height: 28px;
        padding: 0 7px;
        font-size: 9px;
      }
    }


    /* Language switch: keep it visible in the header on smartphones */
    .header-mobile-lang { display: none !important; }

    @media (max-width: 980px) {
      .nav-inner { gap: 10px; }

      .header-mobile-lang {
        display: inline-flex !important;
        margin-left: auto;
        flex: 0 0 auto;
      }

      .header-mobile-lang a {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        min-width: 38px;
        height: 30px;
        padding: 0 8px;
        font-size: 10px;
        letter-spacing: .08em;
      }

      .nav-links {
        margin-left: 0 !important;
        flex: 0 0 auto;
      }
    }

    @media (max-width: 640px) {
      .header-mobile-lang {
        gap: 2px;
        padding: 3px;
      }

      .header-mobile-lang a {
        min-width: 34px;
        height: 28px;
        padding: 0 6px;
        font-size: 9px;
      }
    }




    /* Outcome heading: exactly three controlled lines */
    .outcome-three-lines span {
      display: block;
      white-space: nowrap;
    }

    @media (max-width: 640px) {
      .signature-copy .outcome-three-lines {
        font-size: clamp(28px, 7.4vw, 38px);
        line-height: 1.04;
        letter-spacing: -.035em;
      }
    }

    @media (max-width: 390px) {
      .signature-copy .outcome-three-lines {
        font-size: clamp(25px, 6.9vw, 31px);
      }
    }

      @media (min-width: 981px) {
      html[lang="fr"] .signature-copy .outcome-three-lines {
        font-size: clamp(31px, 2.75vw, 41px);
        letter-spacing: -.035em;
      }
    }

  
    /* FR only: shorter experience signature + smaller mobile title */
    @media (max-width: 640px) {
      html[lang="fr"] .experience .section-head h2 {
        font-size: clamp(2.65rem, 9vw, 3.5rem);
        line-height: 0.98;
        letter-spacing: -0.035em;
      }
    }


    /* FR outcome mobile: preserve equal side margins while keeping the title on exactly 3 lines */
    @media (max-width: 640px) {
      html[lang="fr"] .signature {
        overflow: hidden;
      }

      html[lang="fr"] .signature-grid,
      html[lang="fr"] .signature-copy {
        min-width: 0;
        width: 100%;
        max-width: 100%;
      }

      html[lang="fr"] .signature-copy .outcome-three-lines {
        max-width: 100%;
        font-size: clamp(20px, 5.4vw, 34px);
        line-height: 1.06;
        letter-spacing: -.03em;
      }
    }

    @media (max-width: 390px) {
      html[lang="fr"] .signature-copy .outcome-three-lines {
        font-size: clamp(19px, 5.25vw, 21px);
      }
    }


    /* Global layout safety: identical left/right margins and no accidental horizontal overflow */
    html, body { overflow-x: hidden; }
    .shell > *,
    .hero-grid > *,
    .experience-grid > *,
    .signature-grid > *,
    .identity-grid > *,
    .cta-box > *,
    .nav-inner > *,
    .footer-inner > * { min-width: 0; }

    @media (max-width: 640px) {
      .shell { padding-left: 20px; padding-right: 20px; }
    }


/* Canonical horizontal gutter: shared by EN/FR and every section */
@media (max-width: 640px) {
  .shell {
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
}

/* Former inline presentation rules */
.eyebrow-on-dark { color: #e2cfab !important; }
.registered-mark {
  font-size: .42em;
  top: -.7em;
  position: relative;
}


/* Method heading: two controlled single-line statements */
.method-two-lines span {
  display: block;
  white-space: nowrap;
}

/* Outcome heading: more generous line spacing for the three controlled lines */
.signature-copy .outcome-three-lines {
  line-height: 1.16;
}

@media (max-width: 640px) {
  .section-head .method-two-lines {
    font-size: clamp(31px, 8vw, 42px);
    line-height: 1.08;
    letter-spacing: -.035em;
  }

  .signature-copy .outcome-three-lines,
  html[lang="fr"] .signature-copy .outcome-three-lines {
    line-height: 1.18;
  }
}

@media (max-width: 390px) {
  .section-head .method-two-lines {
    font-size: clamp(28px, 7.5vw, 34px);
  }
}

/* Mobile hero metadata: identical rhythm in English and French */
@media (max-width: 640px) {
  .split-copy > .hero-meta.mobile-only {
    display: grid;
    gap: 11px;
    margin-top: 22px;
  }

  .split-copy > .hero-meta.mobile-only .hero-meta-item {
    font-size: 12px;
    line-height: 1.45;
  }
}


/* Why it matters, healthspan / lifespan evidence block */
.why-section {
  padding: 104px 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(109,147,190,.10), transparent 30%),
    linear-gradient(180deg, rgba(242,245,248,.76) 0%, rgba(251,252,253,.98) 100%);
}

.why-head {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 60px;
  align-items: start;
  margin-bottom: 48px;
}

.why-head h2 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(42px, 5vw, 66px);
  line-height: 1.02;
  letter-spacing: -.035em;
  color: var(--midnight);
}

.why-intro {
  display: grid;
  gap: 18px;
  padding-top: 4px;
}

.why-intro p {
  margin: 0;
  color: rgba(21,35,49,.70);
  font-size: 18px;
  line-height: 1.72;
}

.why-grid {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: 28px;
  align-items: stretch;
}

.why-gap-card {
  min-width: 0;
  padding: 34px;
  border-radius: 26px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(17,32,51,.08);
  box-shadow: 0 16px 38px rgba(10,20,34,.06);
}

.why-gap-copy h3 {
  margin: 0 0 12px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.08;
  letter-spacing: -.025em;
  color: var(--midnight);
}

.why-gap-copy p {
  margin: 0;
  color: rgba(21,35,49,.66);
  font-size: 16px;
  line-height: 1.7;
}

.why-gap-card .mission-visual {
  margin-top: 44px;
}

.why-evidence {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.evidence-stat {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 26px 22px 22px;
  border-radius: 22px;
  background: linear-gradient(155deg, rgba(109,147,190,.16) 0%, rgba(242,245,248,.96) 100%);
  border: 1px solid rgba(63,100,141,.16);
  box-shadow: 0 14px 30px rgba(10,20,34,.07);
}

.evidence-value {
  margin-bottom: 18px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(38px, 4vw, 52px);
  line-height: .95;
  letter-spacing: -.04em;
  color: var(--teal);
}

.evidence-stat p {
  margin: 0 0 20px;
  color: rgba(21,35,49,.72);
  font-size: 14px;
  line-height: 1.55;
}

.evidence-stat a {
  margin-top: auto;
  color: var(--teal);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  text-decoration-color: rgba(63,100,141,.35);
}

.evidence-stat a:hover {
  color: var(--midnight);
  text-decoration-color: rgba(21,35,49,.65);
}

.why-closing {
  margin-top: 30px;
  padding: 24px 28px;
  border-radius: 20px;
  background:
    linear-gradient(120deg, rgba(185,155,104,.16), transparent 42%),
    radial-gradient(circle at top right, rgba(109,147,190,.18), transparent 38%),
    linear-gradient(145deg, #132033 0%, #1a314b 58%, #254c70 100%);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 14px 32px rgba(10,20,34,.10);
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 24px;
}

.why-closing span {
  color: var(--champagne-soft);
  font-size: 15px;
}

.why-closing strong {
  color: var(--white);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(20px, 2vw, 27px);
  font-weight: 600;
  letter-spacing: -.015em;
  text-align: right;
}

@media (max-width: 980px) {
  .why-section {
    padding: 80px 0;
  }

  .why-head,
  .why-grid {
    grid-template-columns: 1fr;
  }

  .why-head {
    gap: 22px;
    margin-bottom: 36px;
  }

  .why-evidence {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .why-evidence {
    grid-template-columns: 1fr;
  }

  .evidence-stat {
    min-height: 0;
  }

  .why-closing {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .why-closing strong {
    text-align: left;
  }
}

@media (max-width: 640px) {
  .why-section {
    padding: 68px 0;
  }

  .why-head h2 {
    font-size: clamp(38px, 11vw, 48px);
  }

  html[lang="fr"] .why-head h2 {
    font-size: clamp(34px, 9.8vw, 44px);
  }

  .why-intro p {
    font-size: 16px;
    line-height: 1.65;
  }

  .why-gap-card {
    padding: 26px 22px;
    border-radius: 22px;
  }

  .why-gap-copy h3 {
    font-size: 30px;
  }

  .why-gap-card .mission-visual {
    margin-top: 34px;
  }

  .evidence-stat {
    padding: 24px 22px 20px;
  }

  .why-closing {
    margin-top: 24px;
    padding: 22px;
  }
}


/* Compact Elydunn name story, a quiet brand signature before the CTA */
.brand-story {
  padding: 26px 0 18px;
  background: var(--platinum);
}

.brand-story-inner {
  max-width: 980px;
  margin: 0 auto;
  padding: 26px 0 28px;
  border-top: 1px solid rgba(17,32,51,.09);
  border-bottom: 1px solid rgba(17,32,51,.09);
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 34px;
  align-items: start;
}

.brand-story-label {
  padding-top: 4px;
  color: var(--champagne);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.brand-story p {
  margin: 0;
  max-width: 760px;
  color: rgba(21,35,49,.70);
  font-size: 16px;
  line-height: 1.72;
}

.brand-story p strong {
  color: var(--midnight);
  font-weight: 700;
}

@media (max-width: 760px) {
  .brand-story {
    padding: 18px 0 12px;
  }

  .brand-story-inner {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 22px 0 24px;
  }

  .brand-story-label {
    padding-top: 0;
  }

  .brand-story p {
    font-size: 15px;
    line-height: 1.68;
  }
}

/* Expert network page */
.expert-nav-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.expert-lang{display:inline-flex;min-width:42px;height:32px;align-items:center;justify-content:center;border-radius:999px;color:rgba(17,32,51,.58);font-size:10px;font-weight:800;letter-spacing:.12em}
.expert-lang.is-active{background:rgba(17,32,51,.08);color:var(--midnight)}
.expert-back{margin-left:8px;color:var(--teal);font-size:13px;font-weight:700}
.expert-hero{padding:96px 0 84px;background:radial-gradient(circle at 82% 18%,rgba(109,147,190,.16),transparent 28%),linear-gradient(180deg,var(--platinum) 0%,var(--ice) 100%)}
.expert-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.65fr);gap:72px;align-items:center}
.expert-hero h1{max-width:760px;margin:14px 0 24px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(54px,6.2vw,86px);line-height:.98;letter-spacing:-.045em;color:var(--midnight)}
.expert-lead{max-width:760px;margin:0;color:rgba(21,35,49,.68);font-size:19px;line-height:1.72}
.expert-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.expert-hero-panel{padding:34px;border-radius:28px;background:linear-gradient(120deg,rgba(185,155,104,.15),transparent 42%),radial-gradient(circle at top right,rgba(109,147,190,.18),transparent 38%),linear-gradient(145deg,#132033 0%,#1a314b 58%,#254c70 100%);color:var(--white);box-shadow:var(--shadow)}
.expert-panel-kicker{margin-bottom:26px;color:var(--champagne-soft);font-size:10px;font-weight:800;letter-spacing:.18em}
.expert-hero-panel strong{display:block;margin-bottom:6px;font-family:Georgia,"Times New Roman",serif;font-size:42px;font-weight:500}
.expert-hero-panel span{display:block;color:rgba(255,255,255,.76);font-size:14px;line-height:1.6}
.expert-hero-panel p{margin:26px 0 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.72);font-size:14px;line-height:1.65}
.expert-about,.expert-fields,.expert-setting{padding:92px 0}
.expert-two-col{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:72px;align-items:start}
.expert-two-col h2,.expert-setting-card h2,.expert-contact-box h2,.expert-section-head h2{margin:12px 0 0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,4.5vw,60px);line-height:1.02;letter-spacing:-.035em}
.expert-copy{display:grid;gap:18px}.expert-copy p,.expert-copy-intro{margin:0;color:rgba(21,35,49,.68);font-size:17px;line-height:1.72}
.expert-role-section{padding:92px 0;background:radial-gradient(circle at 12% 10%,rgba(185,155,104,.10),transparent 28%),linear-gradient(145deg,#132033 0%,#172c45 58%,#214263 100%)}
.expert-section-head{max-width:820px}.expert-section-head h2{color:var(--white)}.expert-section-head>p{max-width:760px;margin:22px 0 0;color:rgba(255,255,255,.70);font-size:17px;line-height:1.7}
.expert-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:44px}.expert-role-grid article{padding:28px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10)}
.expert-role-grid article>span{color:var(--champagne-soft);font-size:11px;font-weight:800;letter-spacing:.16em}.expert-role-grid h3{margin:22px 0 10px;color:var(--white);font-family:Georgia,"Times New Roman",serif;font-size:30px}.expert-role-grid p{margin:0;color:rgba(255,255,255,.68);font-size:14px;line-height:1.6}
.expert-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.expert-tags span{display:inline-flex;padding:10px 14px;border-radius:999px;background:rgba(109,147,190,.10);border:1px solid rgba(63,100,141,.14);color:var(--midnight);font-size:13px;font-weight:700}
.expert-setting{padding-top:20px}.expert-setting-card{padding:48px;border-radius:28px;background:linear-gradient(155deg,rgba(109,147,190,.13),rgba(242,245,248,.96));border:1px solid rgba(63,100,141,.12);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:end}.expert-setting-card p{max-width:800px;margin:20px 0 0;color:rgba(21,35,49,.68);font-size:16px;line-height:1.7}.expert-text-link{white-space:nowrap;color:var(--teal);font-size:14px;font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.expert-contact{padding:74px 0 92px}.expert-contact-box{padding:58px;border-radius:var(--radius-lg);color:var(--white);background:linear-gradient(120deg,rgba(185,155,104,.18),transparent 38%),radial-gradient(circle at top right,rgba(109,147,190,.16),transparent 34%),linear-gradient(145deg,#0d1726 0%,#172a43 58%,#214263 100%);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:52px;align-items:start;box-shadow:var(--shadow)}.expert-contact-box h2{color:var(--white)}.expert-contact-box>div>p{margin:20px 0 0;color:rgba(255,255,255,.70);line-height:1.7}
.expert-form{display:grid;gap:12px}.expert-form input,.expert-form textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.10);color:var(--white);padding:14px 16px;font:inherit;outline:none}.expert-form textarea{resize:vertical;min-height:108px}.expert-form input::placeholder,.expert-form textarea::placeholder{color:rgba(255,255,255,.52)}.expert-form .btn{min-height:48px;border:0;background:var(--white);color:var(--midnight);font-weight:800}
.footer-expert-link{width:100%;padding-top:4px;text-align:center;font-size:12px}.footer-expert-link a{color:rgba(255,255,255,.62);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.24)}
@media(max-width:980px){.expert-hero-grid,.expert-two-col,.expert-contact-box{grid-template-columns:1fr}.expert-hero-grid,.expert-two-col{gap:38px}.expert-role-grid{grid-template-columns:1fr}.expert-setting-card{grid-template-columns:1fr;align-items:start}}
@media(max-width:640px){.expert-back{display:none}.expert-hero{padding:72px 0 58px}.expert-hero h1{font-size:clamp(44px,13vw,60px)}.expert-lead{font-size:16px}.expert-hero-actions .btn{width:100%}.expert-hero-panel{padding:28px 24px}.expert-about,.expert-fields,.expert-role-section,.expert-setting{padding:68px 0}.expert-two-col h2,.expert-setting-card h2,.expert-contact-box h2,.expert-section-head h2{font-size:clamp(34px,10vw,46px)}.expert-setting-card{padding:28px 24px;gap:24px}.expert-contact{padding:54px 0 72px}.expert-contact-box{padding:34px 24px;gap:34px}}


/* Expert page header refinements */
.expert-page header .brand {
  width: auto;
  max-width: 190px;
  overflow: visible;
}

.expert-page header .brand img {
  display: block;
  width: auto;
  height: 34px;
  max-width: 190px;
  object-fit: contain;
}

.expert-lang-switch {
  display: inline-flex;
  align-items: center;
  padding: 3px;
  border: 1px solid rgba(17,32,51,.10);
  border-radius: 999px;
  background: rgba(255,255,255,.74);
}

.expert-lang-switch .expert-lang {
  min-width: 42px;
  height: 30px;
}

.expert-lang-switch .expert-lang.is-active {
  background: var(--midnight);
  color: var(--white);
}

/* Participant landing footer: discreet route to the expert page */
.footer-expert-link {
  width: 100%;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.08);
  text-align: right;
  font-size: 11px;
}

.footer-expert-link a {
  color: rgba(255,255,255,.48);
  text-decoration: none;
  letter-spacing: .02em;
}

.footer-expert-link a::after {
  content: "  →";
}

.footer-expert-link a:hover {
  color: rgba(255,255,255,.84);
}

@media (max-width: 640px) {
  .expert-page header .brand img {
    height: 30px;
    max-width: 156px;
  }

  .expert-nav-actions {
    gap: 8px;
  }

  .footer-expert-link {
    text-align: center;
    padding-top: 12px;
  }
}


/* Participant footer desktop fix: keep the original three items on one row,
   and place the professional link on a discreet second row. */
@media (min-width: 641px) {
  body:not(.expert-page) .footer-inner {
    flex-wrap: wrap;
  }

  body:not(.expert-page) .footer-expert-link {
    flex: 0 0 100%;
    width: 100%;
    margin-top: 4px;
    padding-top: 10px;
    text-align: right;
  }
}

.expert-hero-panel .expert-future-editions{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.10);
  color:rgba(255,255,255,.60);
  font-size:12px;
  line-height:1.55;
}


/* Keep Chetzeron · 2027 on one line, including mobile */
.expert-hero-panel strong {
  white-space: nowrap;
}

@media (max-width: 640px) {
  .expert-hero-panel strong {
    font-size: clamp(34px, 10vw, 42px);
    letter-spacing: -.02em;
  }
}


/* Local form handling */
.hp-field {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.form-status {
  min-height: 0;
  font-size: 12px;
  line-height: 1.45;
}

.form-status:empty {
  display: none;
}

.form-status.is-success {
  color: rgba(216,197,162,.96);
}

.form-status.is-error {
  color: #f3c3bd;
}


    @media (max-width: 767px) {
      .brand-logo {
        width: min(175px, 52vw);
      }
      .footer-brand img {
        width: min(190px, 64vw);
      }
    }


/* Variant A — premium / discreet logo treatment */
@media (max-width: 767px) {
  .brand-logo {
    width: min(158px, 48vw);
  }

  .footer-brand img {
    width: min(150px, 52vw);
    opacity: .84;
  }
}

.expert-page header .brand img {
  width: clamp(165px, 18vw, 260px);
  height: auto;
  max-width: 100%;
  object-fit: contain;
  opacity: .96;
}

@media (max-width: 640px) {
  .expert-page header .brand img {
    width: min(150px, 46vw);
    height: auto;
  }
}


/* v69b footer logo: complete symbol + wordmark, no tagline */



/* v69c footer logo: full symbol + wordmark, with safe padding to avoid any clipping */
@media (max-width: 767px) {
  .footer-brand img {
    width: min(176px, 58vw);
    height: auto;
    object-fit: contain;
    overflow: visible;
  }
}


/* v69d definitive footer logo fix */
.footer-brand {
  display: flex;
  align-items: center;
  overflow: visible !important;
}
.footer-brand img {
  width: clamp(190px, 18vw, 260px) !important;
  height: auto !important;
  display: block;
  object-fit: contain;
  object-position: left center;
  overflow: visible !important;
  opacity: .94;
}
@media (max-width: 767px) {
  .footer-brand img {
    width: min(210px, 64vw) !important;
  }
}


/* v69e — footer logo only: complete icon, smaller premium sizing */
.footer-brand {
  overflow: visible !important;
}

.footer-brand img {
  width: clamp(138px, 12vw, 180px) !important;
  height: auto !important;
  max-height: none !important;
  display: block !important;
  object-fit: contain !important;
  object-position: left center !important;
  overflow: visible !important;
  opacity: .90 !important;
}

@media (max-width: 767px) {
  .footer-brand img {
    width: min(148px, 50vw) !important;
    height: auto !important;
  }
}


/* v148 — expert setting card: restore horizontal breathing room on smaller screens only. */
@media (max-width: 980px) {
  .expert-page .expert-setting-card {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
  }
}


/* v149 — expert pages only: tighter vertical rhythm on small screens. */
@media (max-width: 640px) {
  .expert-page .expert-about,
  .expert-page .expert-fields,
  .expert-page .expert-role-section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .expert-page .expert-setting {
    padding-top: 44px;
    padding-bottom: 40px;
  }

  .expert-page .expert-contact {
    padding-top: 42px;
    padding-bottom: 54px;
  }
}


/* v157 — expert page: compact Elydunn name note only. */
.expert-page .expert-name-story {
  display: grid;
  gap: 8px;
}

.expert-page .expert-name-story-title {
  color: var(--champagne);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.expert-page .expert-copy .expert-name-story p {
  font-size: 14px;
  line-height: 1.65;
}


/* v159 — expert page: italicise only the Elydunn origin explanation. */
.expert-page .expert-name-story p {
  font-style: italic;
}

.expert-page .expert-name-story p strong {
  font-style: normal;
}