/* ─── RESET ─── */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    /* ─── TOKENS ─── */
    :root {
      --bg:      #05101C;
      --navy:    #09152A;
      --teal:    #00C4A2;
      --orange:  #BF5700;
      --text:    #DCE8F5;
      --muted:   #F0F5FA;
      --yellow:  #F5D060;
      --surface: rgba(13,31,60,0.60);
      --border:  rgba(0,196,162,0.14);
      --ob:      rgba(191,87,0,0.16);
      --font:    'Montserrat', sans-serif;
    }
    /* ─── BASE ─── */
    html { scroll-behavior: auto; }
    body {
      background: var(--bg);
      color: var(--text);
      font-family: var(--font);
      font-weight: 300;
      line-height: 1.6;
      overflow-x: hidden;
      cursor: none;
      -webkit-font-smoothing: antialiased;
    }
    a { color: inherit; text-decoration: none; }

    /* Bold/emphasis in body copy → yellow highlight */
    .hero-sub b, .hero-sub strong,
    .impact-desc b, .impact-desc strong,
    .mission-body b, .mission-body strong,
    .pillar-desc b, .pillar-desc strong,
    .scene-p b, .scene-p strong,
    .feat-list b, .feat-list strong,
    .impact-item b, .impact-item strong,
    .insight-card b, .insight-card strong,
    .legacy-desc b, .legacy-desc strong,
    .footer-cta b, .footer-cta strong,
    .contact-desc b, .contact-desc strong,
    .conv-body b, .conv-body strong {
      color: var(--yellow);
      font-weight: 700;
    }

    /* ─── CURSOR ─── */
    #cursor {
      position: fixed; top: 0; left: 0;
      width: 8px; height: 8px;
      background: var(--teal); border-radius: 50%;
      pointer-events: none; z-index: 9999;
      transform: translate(-50%,-50%);
      mix-blend-mode: screen;
    }
    #cursor-ring {
      position: fixed; top: 0; left: 0;
      width: 32px; height: 32px;
      border: 1px solid rgba(0,196,162,0.55);
      border-radius: 50%;
      pointer-events: none; z-index: 9998;
      transform: translate(-50%,-50%);
      transition: width .22s, height .22s;
    }

    /* ─── SCROLL PROGRESS ─── */
    #scroll-progress {
      position: fixed; top: 0; left: 0;
      height: 2px; width: 0%;
      background: linear-gradient(90deg, var(--teal), var(--orange));
      z-index: 300;
    }

    /* ─── NAV ─── */
    .nav {
      position: fixed; top: 0; left: 0; right: 0; z-index: 200;
      display: flex; align-items: center; justify-content: space-between;
      padding: 1.1rem 3.5rem;
      backdrop-filter: blur(16px) saturate(160%);
      -webkit-backdrop-filter: blur(16px) saturate(160%);
      background: rgba(5,16,28,0.52);
      border-bottom: 1px solid rgba(0,196,162,0.07);
      transition: background .4s;
    }
    .nav-logo {
      display: flex; align-items: center; gap: .55rem;
      font-weight: 900; font-size: 1.05rem; letter-spacing: .14em;
      text-transform: uppercase; color: var(--orange);
    }
    .nav-logo img {
      width: 28px; height: 28px; object-fit: contain; display: block;
      background: #fff; border-radius: 50%; padding: 3px;
    }
    .nav-links { display: flex; list-style: none; gap: 2.5rem; align-items: center; line-height: 1; }
    .nav-links a {
      font-size: .75rem; font-weight: 700;
      letter-spacing: .09em; text-transform: uppercase;
      color: #FFFFFF;
      position: relative; padding-bottom: 3px;
      transition: color .2s;
    }
    .nav-links a::after {
      content: ''; position: absolute; bottom: 0; left: 0;
      width: 0; height: 2px;
      background: var(--yellow);
      transition: width .25s cubic-bezier(0.16,1,0.3,1);
    }
    .nav-links a:hover::after { width: 100%; }

    /* Yajur Labs dropdown */
    .nav-dropdown { position: relative; }
    .nav-dropdown__toggle {
      font-size: .75rem; font-weight: 700;
      letter-spacing: .09em; text-transform: uppercase;
      color: #FFFFFF; background: none; border: none;
      font-family: var(--font); cursor: none;
      padding: 0 0 3px 0; margin: 0; position: relative;
      display: flex; align-items: center; gap: .35rem;
      line-height: inherit; vertical-align: middle;
    }
    .nav-dropdown__toggle::after {
      content: ''; position: absolute; bottom: 0; left: 0;
      width: 0; height: 2px; background: var(--yellow);
      transition: width .25s cubic-bezier(0.16,1,0.3,1);
    }
    .nav-dropdown:hover .nav-dropdown__toggle::after,
    .nav-dropdown.is-open .nav-dropdown__toggle::after { width: 100%; }
    .nav-dropdown__caret {
      display: inline-block; font-size: .6rem;
      transition: transform .2s;
    }
    .nav-dropdown.is-open .nav-dropdown__caret { transform: rotate(180deg); }
    .nav-dropdown__menu {
      display: none; position: absolute; top: calc(100% + .8rem); left: 50%;
      transform: translateX(-50%);
      background: rgba(9,21,42,0.95);
      border: 1px solid var(--border);
      border-radius: 4px; min-width: 180px;
      backdrop-filter: blur(16px); z-index: 50;
      padding: .5rem 0;
      box-shadow: 0 16px 40px rgba(0,0,0,0.4);
    }
    .nav-dropdown.is-open .nav-dropdown__menu { display: block; }
    .nav-dropdown__menu a {
      display: block; padding: .65rem 1.2rem;
      font-size: .72rem; font-weight: 600;
      letter-spacing: .07em; text-transform: none;
      color: #FFFFFF;
      transition: color .15s, background .15s;
    }
    .nav-dropdown__menu a::after { display: none; }
    .nav-dropdown__menu a:hover { color: var(--teal); background: rgba(0,196,162,0.07); }
    .nav-actions { display: flex; gap: .75rem; align-items: center; }
    .btn-nav {
      background: var(--teal); color: #05101C;
      font-family: var(--font); font-size: .72rem; font-weight: 700;
      letter-spacing: .09em; text-transform: uppercase;
      border: none; border-radius: 3px; padding: .5rem 1.25rem;
      cursor: none; transition: opacity .2s, transform .15s;
    }
    .btn-nav:hover { opacity: .88; transform: translateY(-1px); }

    /* ─── SHARED BUTTON STYLES ─── */
    .btn-primary {
      display: inline-block;
      background: var(--teal); color: #05101C;
      font-family: var(--font); font-size: .78rem; font-weight: 700;
      letter-spacing: .1em; text-transform: uppercase;
      border: none; border-radius: 3px; padding: .75rem 1.9rem;
      cursor: none; transition: opacity .2s, transform .15s, box-shadow .2s;
    }
    .btn-primary:hover { opacity: .88; transform: translateY(-2px); box-shadow: 0 8px 28px rgba(0,196,162,0.26); }
    .btn-ghost {
      display: inline-block;
      background: none; border: 1px solid var(--border); color: var(--text);
      font-family: var(--font); font-size: .78rem; font-weight: 500;
      letter-spacing: .08em; text-transform: uppercase;
      border-radius: 3px; padding: .75rem 1.9rem;
      cursor: none; transition: border-color .2s;
    }
    .btn-ghost:hover { border-color: var(--text); }
    .btn-orange {
      display: inline-block;
      background: var(--orange); color: #fff;
      font-family: var(--font); font-size: .78rem; font-weight: 700;
      letter-spacing: .1em; text-transform: uppercase;
      border: none; border-radius: 3px; padding: .75rem 1.9rem;
      cursor: none; transition: opacity .2s, transform .15s;
    }
    .btn-orange:hover { opacity: .88; transform: translateY(-2px); }

    /* ─── HERO ─── */
    #s-hero { min-height: 100vh; display: grid; grid-template-columns: 55% 45%; }
    .hero-text {
      display: flex; flex-direction: column; justify-content: center;
      padding: 9rem 4rem 6rem 5.5rem; background: var(--bg);
    }
    .hero-canvas { position: relative; overflow: hidden; background: #05101C; }
    .hero-canvas canvas { position: absolute; inset: 0; width: 100%; height: 100%; }

    .eyebrow {
      display: flex; align-items: center; gap: .7rem;
      font-size: .68rem; font-weight: 600;
      letter-spacing: .2em; text-transform: uppercase;
      color: var(--teal); margin-bottom: 2.4rem;
    }
    .eyebrow-line { display: block; width: 26px; height: 1px; background: currentColor; flex-shrink: 0; }

    .h-display {
      font-weight: 900; font-size: clamp(2.6rem, 4.8vw, 4.5rem);
      line-height: 1.02; letter-spacing: -.025em; color: var(--text);
    }
    .h-display .thin   { font-weight: 100; display: block; margin-bottom: .5rem; }
    .h-display .hi-t   { color: var(--teal); }
    .h-display .hi-o   { color: var(--orange); }

    .hero-sub {
      font-size: 1.05rem; font-weight: 300; line-height: 1.78;
      color: var(--muted); max-width: 450px;
      margin-top: 1.6rem; margin-bottom: 2.4rem;
    }
    .hero-cta { display: flex; gap: 1rem; align-items: center; }
    .hero-divider {
      margin-top: 4rem; padding-top: 2.5rem;
      border-top: 1px solid var(--border);
      display: flex; gap: 3.5rem;
    }
    .stat-val {
      font-size: 2rem; font-weight: 800;
      line-height: 1; letter-spacing: -.025em; color: var(--text);
    }
    .stat-val sup { font-size: 1rem; color: var(--teal); }
    .stat-lbl { font-size: .68rem; font-weight: 400; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); margin-top: .3rem; }

    /* ─── IMPACT BANNER ─── */
    #s-impact {
      padding: 6rem 5.5rem;
      background: var(--navy);
      border-top: 1px solid var(--border);
      border-bottom: 1px solid var(--border);
    }
    .impact-tag {
      font-size: .68rem; font-weight: 600; letter-spacing: .22em;
      text-transform: uppercase; color: var(--teal);
      font-style: italic; margin-bottom: 1.4rem;
    }
    .impact-title {
      font-weight: 800; font-size: clamp(1.7rem, 3vw, 2.6rem);
      line-height: 1.12; letter-spacing: -.02em; color: var(--text);
      max-width: 820px; margin-bottom: 1.4rem;
    }
    .impact-desc {
      font-size: 1.05rem; font-weight: 300; line-height: 1.78;
      color: var(--muted); max-width: 760px;
    }

    /* ─── MISSION ─── */
    #s-mission { padding: 7rem 5.5rem; background: var(--bg); }
    .mission-grid {
      display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: start;
    }
    .mission-title {
      font-weight: 800; font-size: clamp(1.8rem, 3vw, 2.8rem);
      line-height: 1.1; letter-spacing: -.022em; color: var(--text);
    }
    .mission-title em { font-style: normal; color: var(--teal); }
    .mission-body p {
      font-size: 1.05rem; font-weight: 300; line-height: 1.8; color: var(--muted);
    }
    .mission-body p + p { margin-top: 1.5rem; }

    /* ─── PILLARS ─── */
    #s-pillars { padding: 6rem 5.5rem; background: var(--navy); }
    .section-header { margin-bottom: 3.5rem; }
    .section-label {
      font-size: .68rem; font-weight: 600; letter-spacing: .2em;
      text-transform: uppercase; color: var(--teal); margin-bottom: .8rem;
    }
    .section-label--orange { color: var(--orange); }
    .section-h2 {
      font-weight: 800; font-size: clamp(1.8rem, 3vw, 2.7rem);
      line-height: 1.1; letter-spacing: -.022em; color: var(--text);
    }
    .pillars-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
    .pillar-card {
      background: var(--surface); border: 1px solid var(--border);
      border-radius: 4px; padding: 2rem 1.8rem;
      backdrop-filter: blur(12px);
      transition: border-color .25s, transform .25s;
    }
    .pillar-card:hover { border-color: var(--teal); transform: translateY(-3px); }
    .pillar-tag {
      font-size: .65rem; font-weight: 600; letter-spacing: .18em;
      text-transform: uppercase; color: var(--teal); margin-bottom: 1rem;
    }
    .pillar-card:nth-child(2) .pillar-tag { color: var(--orange); }
    .pillar-card:nth-child(2) { border-color: var(--ob); }
    .pillar-card:nth-child(2):hover { border-color: var(--orange); }
    .pillar-title {
      font-weight: 700; font-size: 1.1rem; letter-spacing: -.01em;
      color: var(--text); margin-bottom: .75rem;
    }
    .pillar-desc { font-size: .96rem; font-weight: 300; color: var(--muted); line-height: 1.7; margin-bottom: 1.2rem; }
    .pillar-items { list-style: none; display: flex; flex-direction: column; gap: .45rem; }
    .pillar-items li {
      font-size: .8rem; font-weight: 500; color: var(--muted);
      display: flex; align-items: center; gap: .6rem;
    }
    .pillar-items li::before {
      content: ''; flex-shrink: 0; width: 4px; height: 4px;
      border-radius: 50%; background: var(--teal);
    }
    .pillar-card:nth-child(2) .pillar-items li::before { background: var(--orange); }

    /* ─── SCROLL SCENES ─── */
    .scene-outer { position: relative; height: 260vh; }
    .scene-sticky {
      position: sticky; top: 0; height: 100vh; overflow: hidden;
      display: grid; grid-template-columns: 1fr 1fr;
    }
    .scene-sticky--flip .scene-cv  { order: 2; }
    .scene-sticky--flip .scene-txt { order: 1; }
    .scene-cv { position: relative; overflow: hidden; background: #05101C; }
    .scene-cv canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
    .scene-txt {
      display: flex; flex-direction: column; justify-content: center;
      padding: 5rem 4.5rem; position: relative; background: var(--bg);
      overflow: hidden;
    }
    .ghost-num {
      position: absolute; top: 2.5rem; right: 2.5rem;
      font-size: 6.5rem; font-weight: 900; line-height: 1; letter-spacing: -.04em;
      color: transparent; -webkit-text-stroke: 1px var(--border);
      pointer-events: none; user-select: none;
    }
    .scene-tag {
      display: flex; align-items: center; gap: .6rem;
      font-size: .68rem; font-weight: 600; letter-spacing: .2em;
      text-transform: uppercase; color: var(--teal); margin-bottom: 1.1rem;
    }
    .scene-tag::before { content: ''; display: block; width: 18px; height: 1px; background: currentColor; }
    .scene-tag--o { color: var(--orange); }
    .scene-h { font-weight: 800; font-size: clamp(1.9rem, 3.2vw, 3rem); line-height: 1.08; letter-spacing: -.025em; color: var(--text); margin-bottom: 1.2rem; }
    .scene-h em   { font-style: normal; color: var(--teal); }
    .scene-h .org { color: var(--orange); }
    .scene-p { font-size: 1.02rem; font-weight: 300; line-height: 1.78; color: var(--muted); max-width: 400px; margin-bottom: 1.8rem; }
    .feat-list { list-style: none; display: flex; flex-direction: column; gap: .65rem; }
    .feat-list li {
      display: flex; align-items: flex-start; gap: .8rem;
      font-size: .96rem; font-weight: 400; color: var(--muted);
    }
    .feat-list li::before {
      content: ''; flex-shrink: 0; width: 5px; height: 5px;
      border-radius: 50%; background: var(--teal); margin-top: .42em;
      transform: scale(0);
      transition: transform 0s;
    }
    .feat-list li.bullet-in::before {
      animation: dotPop 0.4s cubic-bezier(0.34,1.56,0.64,1) forwards;
    }
    @keyframes dotPop {
      from { transform: scale(0); opacity: 0; }
      60%  { transform: scale(1.5); opacity: 1; }
      to   { transform: scale(1);   opacity: 1; }
    }
    .feat-list li b { color: var(--text); font-weight: 600; }
    .feat-list--o li::before { background: var(--orange); }

    /* ─── IMPACT STATEMENT ─── */
    #s-impact-stmt { padding: 7rem 5.5rem; background: var(--navy); }
    .impact-stmt-grid {
      display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center;
    }
    .impact-stmt-left .section-h2 { margin-bottom: 2rem; }
    .impact-stmt-items { display: flex; flex-direction: column; gap: 1.5rem; }
    .impact-item {
      background: var(--surface); border-left: 2px solid var(--teal);
      border-radius: 0 4px 4px 0; padding: 1.25rem 1.5rem;
      backdrop-filter: blur(12px);
    }
    .impact-item p { font-size: 1rem; font-weight: 400; color: var(--muted); line-height: 1.65; }
    .impact-item p strong { color: var(--text); font-weight: 600; }
    .impact-stmt-closing {
      margin-top: 2.5rem; padding-top: 2rem; border-top: 1px solid var(--border);
    }
    .impact-stmt-closing p { font-size: .9rem; font-weight: 300; color: var(--muted); line-height: 1.75; }
    .impact-stmt-closing p + p { margin-top: .75rem; font-weight: 500; color: var(--text); }

    /* ─── INSIGHTS ─── */
    #s-insights { padding: 7rem 5.5rem; background: var(--bg); }
    .insights-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; margin-top: 3rem; }
    .insight-card {
      background: var(--surface); border: 1px solid var(--border);
      border-radius: 4px; padding: 2rem 1.8rem;
      backdrop-filter: blur(12px);
      transition: border-color .25s, transform .2s;
      display: flex; flex-direction: column; gap: .75rem;
    }
    .insight-card:hover { border-color: var(--teal); transform: translateY(-3px); }
    .insight-card h3 { font-size: .98rem; font-weight: 700; color: var(--text); line-height: 1.4; }
    .insight-card p  { font-size: .96rem; font-weight: 300; color: var(--muted); line-height: 1.7; flex: 1; }
    .insight-link {
      font-size: .72rem; font-weight: 600; letter-spacing: .1em;
      text-transform: uppercase; color: var(--teal);
      display: flex; align-items: center; gap: .5rem;
      transition: gap .2s;
    }
    .insight-card:hover .insight-link { gap: .8rem; }

    /* ─── LEGACY CRITIQUE ─── */
    #s-legacy {
      padding: 7rem 5.5rem; background: var(--navy);
      border-top: 1px solid var(--border);
    }
    .legacy-inner { max-width: 900px; }
    .legacy-title {
      font-weight: 900; font-size: clamp(2rem, 4vw, 3.6rem);
      line-height: 1.05; letter-spacing: -.025em; color: var(--text);
      margin-bottom: 1.6rem;
    }
    .legacy-subtitle {
      font-size: clamp(1.2rem, 2vw, 1.8rem); font-weight: 100;
      color: var(--muted); line-height: 1.35; margin-bottom: 1.8rem;
    }
    .legacy-desc {
      font-size: 1.05rem; font-weight: 300; line-height: 1.8;
      color: var(--muted); max-width: 680px; margin-bottom: 2.5rem;
    }
    .legacy-highlight {
      display: inline-block;
      background: var(--ob); border: 1px solid var(--orange);
      border-radius: 3px; padding: .3rem .75rem;
      font-size: .78rem; font-weight: 700; color: var(--orange);
      letter-spacing: .06em;
    }

    /* ─── SECURITY / CERTS ─── */
    #s-security { padding: 7rem 5.5rem; background: var(--bg); }
    .security-top {
      display: grid; grid-template-columns: 1fr 1fr; gap: 5rem;
      align-items: start; margin-bottom: 4rem;
    }
    .security-cta-row { display: flex; gap: 1rem; margin-top: 2rem; }
    .certs-title { font-weight: 700; font-size: 1rem; letter-spacing: -.01em; color: var(--text); margin-bottom: .5rem; }
    .certs-sub   { font-size: .86rem; font-weight: 300; color: var(--muted); margin-bottom: 2rem; }
    .cert-grid   { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
    .cert-card {
      background: var(--surface); border: 1px solid var(--border);
      border-radius: 4px; padding: 1.5rem 1.25rem; text-align: center;
      backdrop-filter: blur(12px);
      transition: border-color .25s, transform .2s;
    }
    .cert-card:hover { border-color: var(--teal); transform: translateY(-2px); }
    .cert-name { font-size: 1.1rem; font-weight: 800; color: var(--teal); margin-bottom: .4rem; }
    .cert-region { font-size: .72rem; font-weight: 400; letter-spacing: .08em; color: var(--muted); text-transform: uppercase; }
    .footer-ctas-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; margin-top: 3rem; }
    .footer-cta {
      background: var(--surface); border: 1px solid var(--border);
      border-radius: 4px; padding: 1.75rem 1.5rem;
      backdrop-filter: blur(12px);
    }
    .footer-cta h4 { font-size: .9rem; font-weight: 700; color: var(--text); margin-bottom: .5rem; line-height: 1.4; }
    .footer-cta p  { font-size: .92rem; font-weight: 300; color: var(--muted); }

    /* ─── VISION ─── */
    #s-vision { padding: 6rem 5.5rem; background: var(--navy); text-align: center; }
    .vision-inner { max-width: 800px; margin: 0 auto; }
    blockquote {
      font-size: clamp(1.3rem, 2.5vw, 2rem); font-weight: 200;
      line-height: 1.55; color: var(--text); font-style: italic;
      letter-spacing: -.01em; margin-bottom: 1.5rem;
    }
    blockquote::before { content: '\201C'; color: var(--teal); font-size: 3rem; line-height: 0; vertical-align: -0.5em; margin-right: .2rem; }
    blockquote::after  { content: '\201D'; color: var(--teal); font-size: 3rem; line-height: 0; vertical-align: -0.5em; margin-left: .2rem; }
    .vision-label { font-size: .68rem; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--teal); }

    /* ─── CONTACT ─── */
    #s-contact { padding: 6rem 5.5rem; background: var(--bg); text-align: center; }
    .contact-inner { max-width: 600px; margin: 0 auto; }
    .contact-title { font-weight: 800; font-size: clamp(1.8rem, 3.5vw, 3.2rem); line-height: 1.1; letter-spacing: -.025em; color: var(--text); margin-bottom: 1rem; }
    .contact-title em { font-style: normal; color: var(--teal); }
    .contact-desc { font-size: 1.05rem; font-weight: 300; color: var(--muted); margin-bottom: 2.2rem; }
    .contact-cta { display: flex; justify-content: center; gap: 1rem; }

    /* ─── CONVERGENCE ─── */
    #s-convergence {
      position: relative; min-height: 100vh;
      display: flex; align-items: center; justify-content: center;
      background: #05101C; text-align: center; overflow: hidden;
    }
    #s-convergence canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
    .conv-inner { position: relative; z-index: 2; max-width: 720px; padding: 4rem 2rem; }
    .conv-eyebrow {
      display: flex; align-items: center; justify-content: center; gap: .7rem;
      font-size: .68rem; font-weight: 600; letter-spacing: .2em;
      text-transform: uppercase; color: var(--orange); margin-bottom: 1.6rem;
    }
    .conv-eyebrow span { display: block; width: 26px; height: 1px; background: var(--orange); }
    .conv-title {
      font-weight: 900; font-size: clamp(2.8rem, 5.5vw, 5rem);
      line-height: .98; letter-spacing: -.03em; color: var(--text); margin-bottom: 1.4rem;
    }
    .conv-title .thin { font-weight: 100; display: block; }
    .conv-title em    { font-style: normal; color: var(--teal); }
    .conv-body { font-size: 1.05rem; font-weight: 300; line-height: 1.75; color: var(--muted); margin-bottom: 2.8rem; }
    .conv-cta  { display: flex; justify-content: center; gap: 1rem; }
    .btn-xl {
      display: inline-block; background: var(--teal); color: #05101C;
      font-family: var(--font); font-size: .8rem; font-weight: 800;
      letter-spacing: .12em; text-transform: uppercase;
      border: none; border-radius: 3px; padding: .9rem 2.4rem;
      cursor: none; transition: opacity .2s, transform .15s, box-shadow .2s;
    }
    .btn-xl:hover { opacity: .88; transform: translateY(-2px); box-shadow: 0 10px 36px rgba(0,196,162,0.28); }
    .btn-xl-ghost {
      display: inline-block; background: none;
      border: 1px solid rgba(0,196,162,0.35); color: var(--teal);
      font-family: var(--font); font-size: .8rem; font-weight: 600;
      letter-spacing: .12em; text-transform: uppercase;
      border-radius: 3px; padding: .9rem 2.4rem;
      cursor: none; transition: border-color .2s;
    }
    .btn-xl-ghost:hover { border-color: var(--teal); }

    /* ─── WORD SPLIT ─── */
    .word-wrap  { overflow: hidden; display: inline-block; }
    .word-inner { display: inline-block; }

    /* ─── NAV TOGGLE (hidden on desktop) ─── */
    .nav-toggle {
      display: none;
      background: none; border: none;
      color: #fff; padding: 8px;
      min-width: 48px; min-height: 48px;
      align-items: center; justify-content: center;
      cursor: pointer; flex-shrink: 0;
    }
    .nav-toggle svg { display: block; pointer-events: none; }

    /* ─── RESPONSIVE: Tablet (≤768px) ─── */
    @media (max-width: 768px) {
      /* Hide custom cursor on touch */
      #cursor, #cursor-ring { display: none; }
      body { cursor: auto; }
      a, button { cursor: pointer; }
      .btn-primary, .btn-ghost, .btn-orange, .btn-nav,
      .btn-xl, .btn-xl-ghost, .nav-dropdown__toggle { cursor: pointer; }

      /* Nav */
      .nav { padding: 1rem 1.5rem; flex-wrap: wrap; }
      .nav-toggle { display: flex; }
      .nav-links {
        display: none; width: 100%;
        flex-direction: column; align-items: stretch;
        gap: 0; margin: 0; padding: .5rem 0 1rem;
        border-top: 1px solid rgba(0,196,162,0.1);
        margin-top: .5rem;
      }
      .nav-links.is-open { display: flex; }
      .nav-links li { list-style: none; }
      .nav-links > li > a {
        display: flex; align-items: center; min-height: 48px;
        padding: .5rem 0; font-size: .85rem;
        border-bottom: 1px solid rgba(255,255,255,0.06);
      }
      .nav-dropdown { display: block; }
      .nav-dropdown__toggle {
        display: flex; align-items: center; min-height: 48px;
        width: 100%; padding: .5rem 0; font-size: .85rem;
        border-bottom: 1px solid rgba(255,255,255,0.06);
      }
      .nav-dropdown__menu {
        position: static; transform: none; box-shadow: none;
        border: none; border-radius: 0; padding: 0;
        background: transparent; backdrop-filter: none; min-width: 0;
      }
      .nav-dropdown__menu a {
        padding: .6rem 0 .6rem 1rem; font-size: .8rem;
        color: rgba(255,255,255,0.6);
        border-bottom: 1px solid rgba(255,255,255,0.04);
        white-space: normal;
      }

      /* Hero */
      #s-hero { grid-template-columns: 1fr; min-height: auto; }
      .hero-canvas { display: none; }
      .hero-text { padding: 7rem 1.5rem 4rem; }
      .hero-cta { flex-wrap: wrap; gap: .75rem; }
      .hero-divider { gap: 2rem; padding-top: 2rem; margin-top: 3rem; }

      /* Section padding */
      #s-impact      { padding: 4rem 1.5rem; }
      #s-mission     { padding: 4rem 1.5rem; }
      #s-pillars     { padding: 4rem 1.5rem; }
      #s-impact-stmt { padding: 4rem 1.5rem; }
      #s-insights    { padding: 4rem 1.5rem; }
      #s-legacy      { padding: 4rem 1.5rem; }
      #s-security    { padding: 4rem 1.5rem; }
      #s-vision      { padding: 4rem 1.5rem; }
      #s-contact     { padding: 4rem 1.5rem; }

      /* Grids → single column */
      .mission-grid     { grid-template-columns: 1fr; gap: 2rem; }
      .pillars-grid     { grid-template-columns: 1fr; }
      .impact-stmt-grid { grid-template-columns: 1fr; gap: 2.5rem; }
      .insights-grid    { grid-template-columns: 1fr; }
      .security-top     { grid-template-columns: 1fr; gap: 2.5rem; }
      .footer-ctas-grid { grid-template-columns: 1fr; }
      .cert-grid        { grid-template-columns: repeat(2, 1fr); }

      /* Scroll scenes — disable sticky on mobile, text first */
      .scene-outer  { height: auto; }
      .scene-sticky {
        position: static; height: auto;
        grid-template-columns: 1fr;
      }
      .scene-txt { order: 1; padding: 3rem 1.5rem; }
      .scene-cv  { order: 2; height: 220px; }
      /* Flipped variant: same rule — text always first on mobile */
      .scene-sticky--flip .scene-txt { order: 1; }
      .scene-sticky--flip .scene-cv  { order: 2; }

      /* Misc */
      .security-cta-row { flex-wrap: wrap; }
      .contact-cta { flex-wrap: wrap; justify-content: center; }
      .conv-cta    { flex-wrap: wrap; justify-content: center; gap: .75rem; }
      #s-convergence .conv-inner { padding: 4rem 1.5rem; }
    }

    /* ─── RESPONSIVE: Phone (≤480px) ─── */
    @media (max-width: 480px) {
      .hero-text  { padding: 6rem 1.2rem 3rem; }
      .h-display  { font-size: clamp(2rem, 9vw, 2.6rem); }
      .hero-sub   { font-size: .95rem; }
      .hero-divider { flex-wrap: wrap; gap: 1.5rem; }

      #s-impact, #s-mission, #s-pillars, #s-impact-stmt,
      #s-insights, #s-legacy, #s-security, #s-vision, #s-contact {
        padding: 3rem 1.2rem;
      }

      .cert-grid    { gap: .75rem; }
      .pillar-card  { padding: 1.5rem 1.2rem; }
      .insight-card { padding: 1.5rem 1.2rem; }
      .footer-cta   { padding: 1.25rem 1.1rem; }
    }