/* ── CSS Variables ── */
      :root {
        --navy:    #0A2E5C;
        --blue:    #1565C0;
        --blue-mid:#1E88E5;
        --yellow:  #FFB800;
        --cream:   #F8FAFF;
        --white:   #FFFFFF;
        --charcoal:#0D1B2E;
        --txt:     #1E293B;
        --muted:   #64748B;
        --border:  rgba(21,101,192,0.12);
        --mist:    #EBF3FF;
      }

      /* ── Announcement bar ── */
      .announcement-bar{background:var(--navy);color:#fff;text-align:center;padding:.5rem 5%;font-size:.82rem;display:flex;align-items:center;justify-content:center;gap:.75rem;position:relative;z-index:200}
      .announcement-bar a{color:var(--yellow);font-weight:600;text-decoration:none}
      .announcement-bar button{background:none;border:none;color:rgba(255,255,255,.6);cursor:pointer;font-size:1rem;padding:.2rem;position:absolute;right:1rem}

      /* ── Nav ── */
      #main-nav{position:sticky;top:0;z-index:100;background:rgba(248,250,255,0.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:0 5%;height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:box-shadow .25s}
      #main-nav.scrolled{box-shadow:0 4px 24px rgba(10,46,92,0.08)}
      .nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
      .nav-logo-mark{width:38px;height:38px;background:var(--yellow);color:var(--navy);border-radius:9px;display:grid;place-items:center;font-weight:900;font-size:.85rem;flex-shrink:0}
      .nav-logo-text{font-weight:800;font-size:1.05rem;color:var(--navy)}
      .nav-logo-text span{font-weight:400;opacity:.7}
      .nav-links{display:flex;list-style:none;align-items:center;gap:2px;margin:0;padding:0}
      .nav-links a{padding:.45rem .85rem;border-radius:8px;font-size:.85rem;font-weight:500;color:var(--navy);text-decoration:none;transition:background .18s}
      .nav-links a:hover,.nav-links a.active{background:rgba(21,101,192,.08)}
      .nav-cta{background:var(--navy);color:#fff!important;border-radius:9px;padding:.5rem 1.2rem;font-weight:600;font-size:.85rem;text-decoration:none;transition:background .18s}
      .nav-cta:hover{background:var(--blue)}
      .nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}
      .nav-hamburger span{display:block;width:22px;height:2px;background:var(--navy);border-radius:2px;transition:all .2s}
      .nav-hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
      .nav-hamburger.open span:nth-child(2){opacity:0}
      .nav-hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
      .nav-mobile-menu{display:none;position:fixed;top:72px;left:0;right:0;bottom:0;background:#fff;z-index:99;overflow-y:auto;padding:1.5rem 5%}
      .nav-mobile-menu.open{display:block}
      .nav-mobile-menu ul{list-style:none;padding:0;margin:0}
      .nav-mobile-menu ul li{border-bottom:1px solid var(--border)}
      .nav-mobile-menu ul li a{display:block;padding:1rem 0;font-size:1rem;font-weight:500;color:var(--navy);text-decoration:none}
      .mobile-cta{display:block;margin-top:1.25rem;background:var(--navy);color:#fff;text-align:center;padding:.875rem;border-radius:10px;font-weight:700;text-decoration:none;font-size:1rem}

      /* ── Footer ── */
      footer{background:#071E3D;color:rgba(255,255,255,.65);padding:4rem 5% 2rem}
      .footer-inner{max-width:1200px;margin:0 auto}
      .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}
      .footer-mark{width:38px;height:38px;background:var(--yellow);color:var(--navy);border-radius:9px;display:grid;place-items:center;font-weight:900;font-size:.85rem;flex-shrink:0}
      .footer-brand{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem}
      .footer-name{color:#fff;font-weight:800;font-size:1.05rem}
      .footer-desc{font-size:.8rem;line-height:1.75;margin-bottom:1.25rem;max-width:28ch}
      .footer-offices{font-size:.75rem;line-height:1.9;color:rgba(255,255,255,.45)}
      footer h4{color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.875rem}
      footer ul{list-style:none;padding:0;margin:0}
      footer li{margin-bottom:.4rem}
      footer a{font-size:.8rem;color:rgba(255,255,255,.5);text-decoration:none;transition:color .18s}
      footer a:hover{color:var(--yellow)}
      .footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;font-size:.74rem;color:rgba(255,255,255,.3)}

      /* ── Responsive ── */
      @media(max-width:1024px){
        .footer-grid{grid-template-columns:1fr 1fr;gap:2rem}
      }
      @media(max-width:768px){
        .nav-links,.nav-cta{display:none}
        .nav-hamburger{display:flex}
        .footer-grid{grid-template-columns:1fr}
      }
      @media(max-width:480px){
        .footer-grid{grid-template-columns:1fr}
      }

      /* ── Utilities ── */
      .section-label{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);display:block;margin-bottom:.625rem}


      /* ── Original Page CSS ── */

      /* ── TOKENS ── */
      :root {
        --navy:      #0A2E5C;
        --blue:      #1565C0;
        --blue-mid:  #1E88E5;
        --blue-lt:   #E3F2FD;
        --yellow:    #FFB800;
        --yellow-lt: #FFF8E1;
        --cream:     #F8FAFF;
        --white:     #FFFFFF;
        --charcoal:  #0D1B2E;
        --txt-mid:   #4A6080;
        --border:    rgba(21,101,192,0.12);
        --mist:      #EBF3FF;
      }
      *,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
      html { scroll-behavior:smooth; }
      body { font-family:'DM Sans',sans-serif; background:var(--cream); color:var(--charcoal); overflow-x:hidden; }

      /* ── ANIMATIONS ── */
      @keyframes fadeUp   { from{opacity:0;transform:translateY(28px);} to{opacity:1;transform:translateY(0);} }
      @keyframes fadeIn   { from{opacity:0;} to{opacity:1;} }
      @keyframes scaleIn  { from{opacity:0;transform:scale(0.94);} to{opacity:1;transform:scale(1);} }
      @keyframes floatY   { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-10px);} }
      @keyframes slideRight { from{opacity:0;transform:translateX(-20px);} to{opacity:1;transform:translateX(0);} }
      @keyframes pulse    { 0%,100%{box-shadow:0 0 0 3px rgba(21,101,192,0.25);} 50%{box-shadow:0 0 0 7px rgba(21,101,192,0.08);} }
      @keyframes countUp  { from{opacity:0;transform:translateY(12px);} to{opacity:1;transform:translateY(0);} }

      /* ── NAV ── */
      nav {
        position:fixed; top:0; left:0; right:0; z-index:200;
        display:flex; align-items:center; justify-content:space-between;
        padding:1rem 5%;
        background:rgba(248,250,255,0.92);
        backdrop-filter:blur(16px);
        border-bottom:1px solid var(--border);
        transition:box-shadow 0.3s, background 0.3s;
      }
      nav.scrolled { box-shadow:0 4px 28px rgba(10,46,92,0.12); background:rgba(248,250,255,0.99); }
      .nav-logo { display:flex; align-items:center; gap:0.7rem; text-decoration:none; }
      .nav-logo-icon { width:36px; height:36px; background:var(--navy); border-radius:8px; display:flex; align-items:center; justify-content:center; }
      .nav-logo-icon svg { width:20px; height:20px; fill:var(--yellow); }
      .nav-logo-text { font-family:'Playfair Display',serif; font-weight:700; font-size:1.05rem; color:var(--navy); line-height:1.1; }
      .nav-logo-text span { display:block; font-size:0.6rem; font-weight:400; font-family:'DM Sans',sans-serif; letter-spacing:0.14em; text-transform:uppercase; color:var(--blue); }
      .nav-links { display:flex; gap:1.75rem; align-items:center; }
      .nav-links a { text-decoration:none; font-size:0.875rem; color:var(--txt-mid); transition:color 0.2s; position:relative; }
      .nav-links a:hover { color:var(--navy); }
      .nav-cta { background:var(--navy)!important; color:#fff!important; padding:0.55rem 1.3rem; border-radius:50px; font-weight:500; transition:background 0.2s; }
      .nav-cta:hover { background:var(--blue)!important; }
      .hero {
        min-height: 100vh;
        height: 100vh;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        padding: 0 !important;
        position: relative;
        overflow: hidden;
      }

      /* LEFT — story side */
      .hero-left {
        background: var(--navy);
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 7rem 6% 4rem 6% !important;
        position: relative;
        overflow: hidden;
      }
      .hero-left::before {
        content: '';
        position: absolute;
        bottom: -120px; left: -80px;
        width: 400px; height: 400px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(255,184,0,0.12) 0%, transparent 70%);
        pointer-events: none;
      }
      .hero-left::after {
        content: '';
        position: absolute;
        top: 60px; right: -60px;
        width: 220px; height: 220px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(21,101,192,0.3) 0%, transparent 70%);
        pointer-events: none;
      }

      /* Eyebrow pill */
      .hero-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        background: rgba(255,255,255,0.08);
        border: 1px solid rgba(255,255,255,0.15);
        border-radius: 50px;
        padding: 0.4rem 1rem;
        font-size: 0.72rem;
        font-weight: 600;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: rgba(255,255,255,0.7);
        margin-bottom: 2rem;
        width: fit-content;
        animation: slideRight 0.6s ease both;
      }
      .hero-eyebrow-dot {
        width: 7px; height: 7px;
        border-radius: 50%;
        background: var(--yellow);
        animation: pulse 2s infinite;
        flex-shrink: 0;
      }

      /* Main headline */
      .hero-h1 {
        font-family: 'Playfair Display', serif;
        font-size: clamp(2.4rem, 4vw, 3.8rem);
        font-weight: 900;
        line-height: 1.1;
        color: #fff;
        margin-bottom: 1.5rem;
        animation: fadeUp 0.7s 0.1s ease both;
      }
      .hero-h1 em {
        font-style: italic;
        color: var(--yellow);
        display: block;
      }

      /* Emotional sub-copy */
      .hero-sub {
        font-size: 1.05rem;
        line-height: 1.85;
        color: rgba(255,255,255,0.65);
        max-width: 480px;
        margin-bottom: 2.5rem;
        animation: fadeUp 0.7s 0.2s ease both;
      }
      .hero-sub strong { color: rgba(255,255,255,0.9); font-weight: 600; }

      /* CTA group */
      .hero-ctas {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;
        margin-bottom: 3rem;
        animation: fadeUp 0.7s 0.3s ease both;
      }
      .btn-yellow {
        background: var(--yellow);
        color: var(--navy);
        padding: 0.9rem 2rem;
        border-radius: 50px;
        text-decoration: none;
        font-size: 0.9rem;
        font-weight: 700;
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        transition: all 0.2s;
        box-shadow: 0 6px 24px rgba(255,184,0,0.4);
      }
      .btn-yellow:hover { background: #FFC933; transform: translateY(-2px); box-shadow: 0 10px 32px rgba(255,184,0,0.5); }
      .btn-ghost-white {
        border: 1.5px solid rgba(255,255,255,0.3);
        color: #fff;
        padding: 0.9rem 2rem;
        border-radius: 50px;
        text-decoration: none;
        font-size: 0.9rem;
        font-weight: 500;
        transition: all 0.2s;
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
      }
      .btn-ghost-white:hover { border-color: rgba(255,255,255,0.65); background: rgba(255,255,255,0.06); transform: translateY(-2px); }

      /* Social proof strip */
      .hero-proof {
        display: flex;
        gap: 2rem;
        padding-top: 2rem;
        border-top: 1px solid rgba(255,255,255,0.1);
        animation: fadeUp 0.7s 0.4s ease both;
      }
      .proof-item { text-align: center; }
      .proof-num {
        font-family: 'Playfair Display', serif;
        font-size: 1.8rem;
        font-weight: 900;
        color: var(--yellow);
        line-height: 1;
        display: block;
        animation: countUp 0.8s 0.8s ease both;
      }
      .proof-label { font-size: 0.72rem; color: rgba(255,255,255,0.5); margin-top: 0.3rem; letter-spacing: 0.04em; }
      .proof-divider { width: 1px; background: rgba(255,255,255,0.12); flex-shrink: 0; }

      /* RIGHT — image collage */
      .hero-right {
        position: relative;
        overflow: hidden;
        background: linear-gradient(135deg,#0A2E5C,#1565C0);
        min-height: 100vh;
        padding: 0 !important;
      }

      /* Primary big image */
      .img-primary {
        position: absolute;
        inset: 0;
        background:
          radial-gradient(ellipse at 30% 20%, rgba(255,184,0,0.18) 0%, transparent 50%),
          radial-gradient(ellipse at 80% 70%, rgba(21,101,192,0.35) 0%, transparent 55%),
          radial-gradient(ellipse at 60% 40%, rgba(30,136,229,0.2) 0%, transparent 45%),
          linear-gradient(160deg, #0A2E5C 0%, #0d3875 35%, #1044A3 65%, #0A2E5C 100%);
        z-index: 0;
      }
      .hero-right:hover .img-primary {
        position: absolute;
        inset: 0;
        background:
          radial-gradient(ellipse at 30% 20%, rgba(255,184,0,0.18) 0%, transparent 50%),
          radial-gradient(ellipse at 80% 70%, rgba(21,101,192,0.35) 0%, transparent 55%),
          radial-gradient(ellipse at 60% 40%, rgba(30,136,229,0.2) 0%, transparent 45%),
          linear-gradient(160deg, #0A2E5C 0%, #0d3875 35%, #1044A3 65%, #0A2E5C 100%);
        z-index: 0;
      }

      /* Dark gradient overlay for readability */
      .img-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(
          135deg,
          rgba(10,46,92,0.15) 0%,
          rgba(10,27,46,0.05) 40%,
          rgba(10,46,92,0.25) 100%
        );
        z-index: 1;
      }

      /* Floating story card — bottom left of image */
      .story-card {
        background: rgba(255,255,255,0.97);
        border-radius: 18px;
        padding: 1.25rem;
        box-shadow: 0 16px 48px rgba(10,46,92,0.25);
        display: flex;
        gap: 1rem;
        align-items: flex-start;
        position: relative;
        z-index: 10;
      }
      .story-card-icon {
        width: 48px; height: 48px;
        border-radius: 14px;
        background: var(--blue-lt);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
      }
      .story-card-icon svg { width: 22px; height: 22px; stroke: var(--blue); stroke-width: 2; fill: none; }
      .story-card-quote {
        font-size: 0.88rem;
        line-height: 1.65;
        color: var(--charcoal);
        font-style: italic;
        margin-bottom: 0.6rem;
      }
      .story-card-author { font-size: 0.75rem; font-weight: 700; color: var(--navy); }
      .story-card-org    { font-size: 0.7rem; color: var(--txt-mid); }

      /* Floating stat chips — top right of image */
      .chip-stack {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        align-items: flex-end;
        align-self: flex-end;
      }
      .chip {
        background: rgba(255,255,255,0.95);
        backdrop-filter: blur(10px);
        border-radius: 14px;
        padding: 0.75rem 1.1rem;
        min-width: 160px;
        display: flex;
        align-items: center;
        gap: 0.6rem;
        box-shadow: 0 8px 28px rgba(10,46,92,0.2);
        animation: floatY 5s ease-in-out infinite;
      }
      .chip:nth-child(2) { animation-delay: 1.2s; }
      .chip:nth-child(3) { animation-delay: 2.4s; }
      .chip-icon {
        width: 32px; height: 32px;
        border-radius: 8px;
        display: flex; align-items: center; justify-content: center;
        font-size: 1rem;
        flex-shrink: 0;
      }
      .chip-num  { font-family:'Playfair Display',serif; font-size:1.2rem; font-weight:900; color:var(--navy); line-height:1; display:block; }
      .chip-lbl  { font-size:0.65rem; color:var(--txt-mid); }

      /* ── IMPACT TICKER ── */

        to   { transform: translateX(-50%); }

      .ticker-item::after {
        content: '·';
        margin-left: 1.5rem;
        opacity: 0.4;
      }

      /* ── MISSION STATEMENT BAND ── */
      .mission-band {
        padding: 6rem 5%;
        background: var(--white);
        text-align: center;
      }
      .mission-band .eyebrow {
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--blue);
        margin-bottom: 1.2rem;
        display: block;
        text-align: center;
      }
      .mission-statement {
        font-family: 'Playfair Display', serif;
        font-size: clamp(1.8rem, 3.5vw, 3rem);
        font-weight: 700;
        line-height: 1.3;
        color: var(--navy);
        max-width: 860px;
        margin: 0 auto 1.5rem;
      }
      .mission-statement em { font-style: italic; color: var(--blue); }
      .mission-sub {
        font-size: 1.05rem;
        color: var(--txt-mid);
        line-height: 1.8;
        max-width: 620px;
        margin: 0 auto;
      }

      /* ── EMPATHY SECTION — 3 STORIES ── */
      .stories-section {
        padding: 6rem 5%;
        background: var(--cream);
      }
      .stories-header {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        margin-bottom: 3rem;
        flex-wrap: wrap;
        gap: 1rem;
      }
      .section-label { font-size:0.72rem; font-weight:700; letter-spacing:0.16em; text-transform:uppercase; color:var(--blue); margin-bottom:0.5rem; display:block; }
      .section-title  { font-family:'Playfair Display',serif; font-size:clamp(1.8rem,3vw,2.5rem); font-weight:700; color:var(--navy); line-height:1.2; }
      .stories-grid {
        display: grid;
        grid-template-columns: 1.4fr 1fr;
        gap: 1.5rem;
        align-items: stretch;
      }
      .story-card-big {
        background: var(--navy);
        border-radius: 24px;
        overflow: hidden;
        position: relative;
        position: relative;
        min-height: 480px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
      }
      .story-bg-img {
        position: absolute;
        inset: 0;
        background-size: cover;
        background-position: center;
        opacity: 0.45;
        transition: transform 6s ease, opacity 0.3s;
      }
      .story-card-big:hover .story-bg-img { transform: scale(1.05); opacity: 0.55; }
      .story-card-big-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(10,46,92,0.95) 0%, rgba(10,46,92,0.3) 55%, transparent 100%);
      }
      .story-card-big-content {
        position: relative;
        z-index: 2;
        padding: 2rem;
      }
      .story-tag {
        display: inline-block;
        background: rgba(255,184,0,0.25);
        border: 1px solid rgba(255,184,0,0.4);
        color: var(--yellow);
        font-size: 0.65rem;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        padding: 0.25rem 0.7rem;
        border-radius: 50px;
        margin-bottom: 0.75rem;
      }
      .story-card-big-content h3 {
        font-family: 'Playfair Display', serif;
        font-size: 1.4rem;
        font-weight: 700;
        color: #fff;
        line-height: 1.25;
        margin-bottom: 0.75rem;
      }
      .story-card-big-content p {
        font-size: 0.88rem;
        color: rgba(255,255,255,0.7);
        line-height: 1.7;
        margin-bottom: 1.25rem;
      }
      .story-result {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        background: rgba(255,255,255,0.08);
        border-radius: 12px;
        padding: 0.85rem 1rem;
      }
      .story-result-num {
        font-family: 'Playfair Display', serif;
        font-size: 1.6rem;
        font-weight: 900;
        color: var(--yellow);
        line-height: 1;
        flex-shrink: 0;
      }
      .story-result-lbl { font-size: 0.78rem; color: rgba(255,255,255,0.7); line-height: 1.4; }

      /* Small story cards */
      .story-cards-col { display: flex; flex-direction: column; gap: 1.5rem; height: 100%; }
      .story-card-sm {
        background: var(--white);
        border-radius: 20px;
        overflow: hidden;
        border: 1px solid var(--border);
        transition: transform 0.25s, box-shadow 0.25s;
      }
      .story-card-sm:hover { transform: translateY(-4px); box-shadow: 0 20px 48px rgba(10,46,92,0.1); }
      .story-card-sm-img {
        height: 160px;
        background-size: cover;
        background-position: center;
        position: relative;
        overflow: hidden;
      }
      .story-card-sm-img-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(10,46,92,0.6) 0%, transparent 60%);
      }
      .story-card-sm-tag {
        position: absolute;
        top: 1rem; left: 1rem;
        background: rgba(255,255,255,0.92);
        color: var(--navy);
        font-size: 0.62rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        padding: 0.2rem 0.6rem;
        border-radius: 50px;
      }
      .story-card-sm-body { padding: 1.25rem; }
      .story-card-sm-body h3 { font-family:'Playfair Display',serif; font-size:1rem; font-weight:700; color:var(--navy); margin-bottom:0.5rem; line-height:1.3; }
      .story-card-sm-body p { font-size:0.82rem; color:var(--txt-mid); line-height:1.6; margin-bottom:0.9rem; }
      .story-metric { display:flex; align-items:center; gap:0.5rem; }
      .story-metric-num { font-family:'Playfair Display',serif; font-size:1.3rem; font-weight:900; color:var(--blue); }
      .story-metric-lbl { font-size:0.72rem; color:var(--txt-mid); }

      /* ── CHALLENGES — EMPATHY GRID ── */
      .challenges-section {
        padding: 6rem 5%;
        background: var(--white);
      }
      .challenges-intro {
        max-width: 680px;
        margin-bottom: 4rem;
      }
      .challenges-intro h2 { font-family:'Playfair Display',serif; font-size:clamp(1.8rem,3vw,2.5rem); font-weight:700; color:var(--navy); line-height:1.2; margin-bottom:1rem; }
      .challenges-intro p  { font-size:1rem; color:var(--txt-mid); line-height:1.8; }
      .challenges-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
        border-radius: 24px;
        overflow: hidden;
        border: 1px solid var(--border);
        background: var(--white);
      }
      .challenge-item {
        padding: 2rem 2.5rem;
        border-right: 1px solid var(--border);
        border-bottom: 1px solid var(--border);
        transition: background 0.2s;
        position: relative;
      }
      .challenge-item:nth-child(2n) { border-right: none; }
      .challenge-item:nth-child(5), .challenge-item:nth-child(6) { border-bottom: none; }
      .challenge-item:hover { background: var(--mist); }
      .challenge-item-num {
        font-family: 'Playfair Display', serif;
        font-size: 0.75rem;
        font-weight: 700;
        color: var(--border);
        letter-spacing: 0.1em;
        margin-bottom: 1rem;
      }
      .challenge-item-icon {
        width: 48px; height: 48px;
        border-radius: 14px;
        background: var(--blue-lt);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 1rem;
        font-size: 1.3rem;
      }
      .challenge-item h3 { font-family:'Playfair Display',serif; font-size:1.1rem; font-weight:700; color:var(--navy); margin-bottom:0.5rem; }
      .challenge-item p  { font-size:0.87rem; color:var(--txt-mid); line-height:1.65; }
      .challenge-item-stat {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        margin-top: 1rem;
        background: var(--blue-lt);
        border-radius: 8px;
        padding: 0.3rem 0.75rem;
        font-size: 0.72rem;
        font-weight: 700;
        color: var(--blue);
      }

      /* ── HOW WE HELP ── */
      .help-section {
        padding: 7rem 5%;
        background: var(--navy);
        position: relative;
        overflow: hidden;
      }
      /* Subtle radial glow top-right */
      .help-section::before {
        content: '';
        position: absolute;
        top: -80px; right: -80px;
        width: 560px; height: 560px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(255,184,0,0.07) 0%, transparent 65%);
        pointer-events: none;
      }
      /* Bottom-left glow */
      .help-section::after {
        content: '';
        position: absolute;
        bottom: -100px; left: -100px;
        width: 480px; height: 480px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(21,101,192,0.18) 0%, transparent 65%);
        pointer-events: none;
      }
      .help-section .section-label { color: var(--yellow); opacity: 0.9; }
      .help-section .section-title  { color: #fff; max-width: 560px; }
      .help-header {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        margin-bottom: 3.5rem;
        gap: 2rem;
        flex-wrap: wrap;
      }
      .help-header-link {
        font-size: 0.85rem;
        font-weight: 600;
        color: rgba(255,184,0,0.8);
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        white-space: nowrap;
        transition: color 0.2s;
        flex-shrink: 0;
      }
      .help-header-link:hover { color: var(--yellow); }

      /* ── CARD GRID ── */
      .help-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1.25rem;
        align-items: stretch;
        position: relative;
        z-index: 1;
      }

      /* ── CARD BASE ── */
      .help-card {
        background: rgba(255,255,255,0.04);
        border: 1px solid rgba(255,255,255,0.09);
        border-radius: 24px;
        padding: 2rem 2rem 1.75rem;
        display: flex;
        flex-direction: column;
        gap: 0;
        position: relative;
        overflow: hidden;
        cursor: default;
        transition: border-color 0.25s, background 0.25s, transform 0.3s cubic-bezier(0.34,1.2,0.64,1), box-shadow 0.3s;
      }

      /* Coloured top accent line — unique per card via nth-child */
      .help-card::before {
        content: '';
        position: absolute;
        top: 0; left: 1.75rem; right: 1.75rem;
        height: 2px;
        border-radius: 0 0 4px 4px;
        opacity: 0;
        transition: opacity 0.3s;
      }
      .help-card:nth-child(1)::before { background: linear-gradient(90deg,#1E88E5,#42A5F5); }
      .help-card:nth-child(2)::before { background: linear-gradient(90deg,#FFB800,#FFC933); }
      .help-card:nth-child(3)::before { background: linear-gradient(90deg,#42A5F5,#1E88E5); }
      .help-card:nth-child(4)::before { background: linear-gradient(90deg,#FFB800,#1E88E5); }
      .help-card:nth-child(5)::before { background: linear-gradient(90deg,#1E88E5,#FFB800); }
      .help-card:nth-child(6)::before { background: linear-gradient(90deg,#42A5F5,#FFB800); }

      .help-card:hover {
        background: rgba(255,255,255,0.08);
        border-color: rgba(255,255,255,0.18);
        transform: translateY(-6px);
        box-shadow: 0 24px 60px rgba(0,0,0,0.3);
      }
      .help-card:hover::before { opacity: 1; }

      /* EU card special border */
      .help-card.europe-card {
        border-color: rgba(255,184,0,0.2);
        background: rgba(255,184,0,0.03);
      }
      .help-card.europe-card:hover {
        border-color: rgba(255,184,0,0.4);
        background: rgba(255,184,0,0.06);
      }

      /* ── CARD HEADER ROW ── */
      .hc-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-bottom: 1.25rem;
      }

      /* Icon */
      .hc-icon {
        width: 48px;
        height: 48px;
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.3rem;
        flex-shrink: 0;
        transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1);
      }
      .help-card:nth-child(1) .hc-icon { background: rgba(30,136,229,0.15);  border: 1px solid rgba(30,136,229,0.2);  }
      .help-card:nth-child(2) .hc-icon { background: rgba(255,184,0,0.12);   border: 1px solid rgba(255,184,0,0.18);  }
      .help-card:nth-child(3) .hc-icon { background: rgba(66,165,245,0.15);  border: 1px solid rgba(66,165,245,0.2);  }
      .help-card:nth-child(4) .hc-icon { background: rgba(255,184,0,0.12);   border: 1px solid rgba(255,184,0,0.18);  }
      .help-card:nth-child(5) .hc-icon { background: rgba(30,136,229,0.15);  border: 1px solid rgba(30,136,229,0.2);  }
      .help-card:nth-child(6) .hc-icon { background: rgba(66,165,245,0.15);  border: 1px solid rgba(66,165,245,0.2);  }
      .help-card:hover .hc-icon { transform: scale(1.12) rotate(-4deg); }

      /* EU badge top-right */
      .eu-badge {
        display: inline-flex;
        align-items: center;
        gap: 0.3rem;
        background: rgba(255,184,0,0.1);
        border: 1px solid rgba(255,184,0,0.25);
        border-radius: 50px;
        padding: 0.22rem 0.65rem;
        font-size: 0.62rem;
        font-weight: 700;
        color: var(--yellow);
        letter-spacing: 0.06em;
        white-space: nowrap;
      }

      /* ── CARD BODY ── */
      .help-card h3 {
        font-family: 'Playfair Display', serif;
        font-size: 1.1rem;
        font-weight: 700;
        color: #fff;
        line-height: 1.3;
        margin-bottom: 0.65rem;
      }
      .help-card p {
        font-size: 0.84rem;
        color: rgba(255,255,255,0.55);
        line-height: 1.75;
        flex: 1;
        margin-bottom: 1.5rem;
      }

      /* ── CARD FOOTER ── */
      .hc-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: auto;
        padding-top: 1.25rem;
        border-top: 1px solid rgba(255,255,255,0.07);
      }
      .hc-tag {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        font-size: 0.67rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: rgba(255,184,0,0.7);
      }
      .hc-arrow {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        border: 1px solid rgba(255,255,255,0.12);
        display: flex;
        align-items: center;
        justify-content: center;
        color: rgba(255,255,255,0.3);
        font-size: 0.75rem;
        transition: all 0.2s;
        flex-shrink: 0;
        text-decoration: none;
      }
      .help-card:hover .hc-arrow {
        border-color: var(--yellow);
        color: var(--yellow);
        background: rgba(255,184,0,0.1);
        transform: translateX(3px);
      }

      /* Responsive */
      @media(max-width:900px) { .help-grid { grid-template-columns: 1fr 1fr; } }
      @media(max-width:600px) { .help-grid { grid-template-columns: 1fr; } }


      /* ── WHY ALMAMATE ── */
      .why-section {
        padding: 7rem 5% 0;
        background: var(--white);
        overflow: hidden;
      }

      /* ── TOP HEADER ── */
      .why-top {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
        align-items: end;
        margin-bottom: 4rem;
      }
      .why-top-left .section-label { margin-bottom: 0.75rem; }
      .why-top-left h2 {
        font-family: 'Playfair Display', serif;
        font-size: clamp(2rem, 3.5vw, 3rem);
        font-weight: 900;
        color: var(--navy);
        line-height: 1.1;
        margin: 0;
      }
      .why-top-left h2 em {
        font-style: italic;
        color: var(--blue);
      }
      .why-top-right p {
        font-size: 1rem;
        color: var(--txt-mid);
        line-height: 1.85;
        margin-bottom: 1.5rem;
      }
      .why-top-cta {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        background: var(--navy);
        color: #fff;
        padding: 0.75rem 1.75rem;
        border-radius: 50px;
        font-size: 0.875rem;
        font-weight: 600;
        text-decoration: none;
        transition: background 0.2s, transform 0.2s;
      }
      .why-top-cta:hover { background: var(--blue); transform: translateY(-2px); }

      /* ── REASONS ROW ── */
      .why-reasons {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 0;
        border: 1px solid var(--border);
        border-radius: 24px;
        overflow: hidden;
        margin-bottom: 0;
      }
      .why-reason {
        padding: 2rem 1.6rem;
        border-right: 1px solid var(--border);
        position: relative;
        transition: background 0.25s;
        display: flex;
        flex-direction: column;
        gap: 0.85rem;
      }
      .why-reason:last-child { border-right: none; }
      .why-reason:hover { background: var(--mist); }

      /* Coloured top bar on hover */
      .why-reason::after {
        content: '';
        position: absolute;
        top: 0; left: 0; right: 0;
        height: 3px;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.3s ease;
      }
      .why-reason:nth-child(1)::after { background: var(--blue); }
      .why-reason:nth-child(2)::after { background: var(--yellow); }
      .why-reason:nth-child(3)::after { background: var(--blue-mid); }
      .why-reason:nth-child(4)::after { background: var(--yellow); }
      .why-reason:nth-child(5)::after { background: var(--blue); }
      .why-reason:hover::after { transform: scaleX(1); }

      .why-reason-num {
        font-size: 0.65rem;
        font-weight: 700;
        letter-spacing: 0.14em;
        color: var(--txt-mid);
        text-transform: uppercase;
        opacity: 0.7;
      }
      .why-reason-icon {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        background: var(--blue-lt);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.2rem;
        flex-shrink: 0;
        transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1);
      }
      .why-reason:hover .why-reason-icon { transform: scale(1.12) rotate(-6deg); }
      .why-reason h4 {
        font-family: 'Playfair Display', serif;
        font-size: 0.95rem;
        font-weight: 700;
        color: var(--navy);
        line-height: 1.3;
        margin: 0;
      }
      .why-reason p {
        font-size: 0.78rem;
        color: var(--txt-mid);
        line-height: 1.65;
        margin: 0;
        flex: 1;
      }

      /* ── STATS BAND ── */
      .why-stats-band {
        background: linear-gradient(135deg, var(--navy) 0%, #0d3875 50%, #0A2E5C 100%);
        margin: 0 -5%;
        padding: 4rem 5%;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0;
        position: relative;
        overflow: hidden;
      }
      .why-stats-band::before {
        content: '';
        position: absolute;
        top: 50%; left: 50%;
        transform: translate(-50%,-50%);
        width: 600px; height: 600px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(255,184,0,0.07) 0%, transparent 65%);
        pointer-events: none;
      }
      .why-stat {
        padding: 1.5rem 2.5rem;
        border-right: 1px solid rgba(255,255,255,0.08);
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        transition: background 0.2s;
      }
      .why-stat:last-child { border-right: none; }
      .why-stat:hover { background: rgba(255,255,255,0.04); }
      .why-stat-num {
        font-family: 'Playfair Display', serif;
        font-size: clamp(2.4rem, 4vw, 3.4rem);
        font-weight: 900;
        line-height: 1;
        color: var(--yellow);
        display: block;
      }
      .why-stat-label {
        font-size: 0.82rem;
        color: rgba(255,255,255,0.55);
        line-height: 1.5;
        max-width: 180px;
      }
      .why-stat-sublabel {
        font-size: 0.68rem;
        color: rgba(255,184,0,0.7);
        letter-spacing: 0.08em;
        text-transform: uppercase;
        margin-top: 0.25rem;
      }

      @media(max-width: 1024px) {
        .why-top { grid-template-columns: 1fr; gap: 2rem; }
        .why-reasons { grid-template-columns: 1fr 1fr; }
        .why-reason:nth-child(2) { border-right: none; }
        .why-reason:nth-child(4) { border-right: none; }
        .why-reason:nth-child(3) { border-top: 1px solid var(--border); }
        .why-reason:nth-child(4) { border-top: 1px solid var(--border); }
        .why-reason:nth-child(5) { border-top: 1px solid var(--border); grid-column: 1 / -1; border-right: none; }
        .why-stats-band { grid-template-columns: 1fr 1fr; }
        .why-stat:nth-child(2) { border-right: none; }
        .why-stat:nth-child(3) { border-top: 1px solid rgba(255,255,255,0.08); }
        .why-stat:nth-child(4) { border-top: 1px solid rgba(255,255,255,0.08); border-right: none; }
      }
      @media(max-width: 600px) {
        .why-reasons { grid-template-columns: 1fr; }
        .why-reason { border-right: none; border-bottom: 1px solid var(--border); }
        .why-reason:last-child { border-bottom: none; }
        .why-stats-band { grid-template-columns: 1fr 1fr; padding: 3rem 5%; }
        .why-stat { padding: 1.25rem 1.5rem; }
      }


      /* ── TESTIMONIALS ── */
      .testimonials {
        padding: 6rem 5%;
        background: var(--white);
      }
      .testimonials-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-top:3rem; align-items:stretch; }
      .tcard {
        background: var(--cream);
        border-radius: 20px;
        padding: 2rem;
        border: 1px solid var(--border);
        transition: transform 0.25s, box-shadow 0.25s;
        position: relative;
      }
      .tcard:hover { transform: translateY(-4px); box-shadow: 0 20px 48px rgba(10,46,92,0.08); }
      .tcard-quote { font-family:'Playfair Display',serif; font-size:2.5rem; color:var(--yellow); line-height:1; margin-bottom:0.5rem; opacity:0.6; }
      .tcard-region {
        position: absolute;
        top: 1.5rem; right: 1.5rem;
        font-size: 0.65rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--blue);
        background: var(--blue-lt);
        padding: 0.2rem 0.6rem;
        border-radius: 50px;
      }
      .tcard p { font-size:0.9rem; line-height:1.75; color:var(--txt-mid); font-style:italic; margin-bottom:1.5rem; }
      .tcard-author { display:flex; align-items:center; gap:0.75rem; }
      .tcard-avatar { width:42px; height:42px; border-radius:50%; background:var(--navy); display:flex; align-items:center; justify-content:center; font-weight:700; color:var(--yellow); font-size:0.85rem; flex-shrink:0; }
      .tcard-name { font-size:0.85rem; font-weight:700; color:var(--navy); }
      .tcard-role { font-size:0.72rem; color:var(--txt-mid); }

      /* ── CTA SECTION ── */
      .cta-section {
        padding: 8rem 5%;
        background: linear-gradient(135deg, var(--navy) 0%, #071c3a 100%);
        text-align: center;
        position: relative;
        overflow: hidden;
      }
      .cta-section::before {
        content: '';
        position: absolute;
        top: 50%; left: 50%;
        transform: translate(-50%,-50%);
        width: 700px; height: 700px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(255,184,0,0.08) 0%, transparent 65%);
        pointer-events: none;
      }
      .cta-section .section-label { color: var(--yellow); }
      .cta-section h2 { font-family:'Playfair Display',serif; font-size:clamp(2rem,4vw,3.2rem); font-weight:900; color:#fff; max-width:700px; margin:0 auto 1.25rem; line-height:1.15; position:relative;z-index:1; }
      .cta-section h2 em { font-style:italic; color:var(--yellow); }
      .cta-section p  { font-size:1.05rem; color:rgba(255,255,255,0.65); max-width:520px; margin:0 auto 2.5rem; line-height:1.8; position:relative;z-index:1; }
      .cta-btns { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; position:relative;z-index:1; }

      /* ── FOOTER ── */
      footer { background:#071c3a; padding:3.5rem 5% 2rem; color:rgba(255,255,255,0.5); }
      .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:3rem; margin-bottom:2.5rem; }
      .footer-brand h3 { font-family:'Playfair Display',serif; font-size:1.1rem; color:#fff; margin-bottom:0.75rem; }
      .footer-brand p  { font-size:0.82rem; line-height:1.65; max-width:280px; }
      .footer-badge { display:inline-flex; align-items:center; gap:0.4rem; margin-top:1rem; background:rgba(255,184,0,0.12); border:1px solid rgba(255,184,0,0.3); padding:0.35rem 0.75rem; border-radius:6px; font-size:0.72rem; color:var(--yellow); }
      footer h4 { font-size:0.7rem; letter-spacing:0.14em; text-transform:uppercase; color:rgba(255,255,255,0.28); margin-bottom:1rem; }
      footer ul { list-style:none; display:flex; flex-direction:column; gap:0.6rem; }
      footer ul li a { text-decoration:none; font-size:0.85rem; color:rgba(255,255,255,0.5); transition:color 0.2s; }
      footer ul li a:hover { color:var(--yellow); }
      .footer-bottom { border-top:1px solid rgba(255,255,255,0.08); padding-top:1.5rem; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem; font-size:0.78rem; }
      .footer-bottom a { color:var(--yellow); text-decoration:none; }

      /* ── RESPONSIVE ── */
      @media(max-width:1024px) {
        .hero { grid-template-columns:1fr; min-height:auto; }
        .hero-right { min-height:60vh; }
        .chip-stack {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        align-items: flex-end;
        align-self: flex-end;
      }
        .story-card {
        background: rgba(255,255,255,0.97);
        border-radius: 18px;
        padding: 1.25rem;
        box-shadow: 0 16px 48px rgba(10,46,92,0.25);
        display: flex;
        gap: 1rem;
        align-items: flex-start;
        position: relative;
        z-index: 10;
      }
        .stories-grid { grid-template-columns:1fr; }
        .help-grid { grid-template-columns:1fr 1fr; }
        .why-grid { grid-template-columns:1fr; }
        .footer-grid { grid-template-columns:1fr 1fr; }
      }
      @media(max-width:768px) {
        .challenges-grid { grid-template-columns:1fr; }
        .testimonials-grid { grid-template-columns:1fr; }
        .help-grid { grid-template-columns:1fr; }
        .why-right { grid-template-columns:1fr 1fr; }
        .hero-proof { flex-wrap:wrap; gap:1.5rem; }
        .proof-divider { display:none; }
        .chip-stack {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        align-items: flex-end;
        align-self: flex-end;
      }
        nav .nav-links a:not(.nav-cta) { display:none; }
        .footer-grid { grid-template-columns:1fr; }
      }

      .story-card-sm { flex: 1; }
      .help-card p { flex: 1; }
      .tcard { display:flex; flex-direction:column; }
      .tcard p { flex:1; }
      .mission-band { padding: 5rem 5%; }
      .stories-section { padding: 6rem 5%; }
      .challenges-section { padding: 6rem 5%; }
      .help-section { padding: 6rem 5%; }
      .why-section { padding: 6rem 5%; }
      .testimonials { padding: 6rem 5%; }
      .cta-section { padding: 7rem 5%; }

      /* ── FIX STORY BG FALLBACK ── */
      .story-bg-img {
        background-color: #0A2E5C;
      }
      .story-card-sm-img {
        background-color: #1565C0;
      }

      /* ── ENSURE OVERLAY ALWAYS SHOWS ── */
      .img-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(
          135deg,
          rgba(10,46,92,0.15) 0%,
          rgba(10,27,46,0.05) 40%,
          rgba(10,46,92,0.25) 100%
        );
        z-index: 1;
      }
      .img-primary {
        position: absolute;
        inset: 0;
        background:
          radial-gradient(ellipse at 30% 20%, rgba(255,184,0,0.18) 0%, transparent 50%),
          radial-gradient(ellipse at 80% 70%, rgba(21,101,192,0.35) 0%, transparent 55%),
          radial-gradient(ellipse at 60% 40%, rgba(30,136,229,0.2) 0%, transparent 45%),
          linear-gradient(160deg, #0A2E5C 0%, #0d3875 35%, #1044A3 65%, #0A2E5C 100%);
        z-index: 0;
      }
      .chip-stack {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        align-items: flex-end;
        align-self: flex-end;
      }
      .story-card {
        background: rgba(255,255,255,0.97);
        border-radius: 18px;
        padding: 1.25rem;
        box-shadow: 0 16px 48px rgba(10,46,92,0.25);
        display: flex;
        gap: 1rem;
        align-items: flex-start;
        position: relative;
        z-index: 10;
      }
      .story-card-big-content {
        z-index: 3;
      }
      .story-card-big-overlay {
        z-index: 1;
      }
      .story-bg-img {
        z-index: 0;
      }

      /* ── PROOF ROW ── */
      .hero-proof { align-items: center; }
      .proof-item { min-width: 70px; }

      /* ── NAV FIX ── */
      nav { background: rgba(248,250,255,0.96); }

      /* ── TICKER ── */
      .ticker-section {
        position: relative;
        background: var(--navy);
        overflow: hidden;
        padding: 0;
        border-top: 1px solid rgba(255,255,255,0.06);
        border-bottom: 1px solid rgba(255,255,255,0.06);
      }

      /* Fade masks on left and right edges */
      .ticker-section::before,
      .ticker-section::after {
        content: '';
        position: absolute;
        top: 0; bottom: 0;
        width: 120px;
        z-index: 2;
        pointer-events: none;
      }
      .ticker-section::before {
        left: 0;
        background: linear-gradient(to right, var(--navy) 0%, transparent 100%);
      }
      .ticker-section::after {
        right: 0;
        background: linear-gradient(to left, var(--navy) 0%, transparent 100%);
      }

      /* Two rows — top scrolls right, bottom scrolls left */
      .ticker-row {
        display: flex;
        align-items: center;
        overflow: hidden;
        padding: 0;
        height: 52px;
      }
      .ticker-row + .ticker-row {
        border-top: 1px solid rgba(255,255,255,0.05);
      }

      .ticker-track {
        display: flex;
        align-items: center;
        white-space: nowrap;
        gap: 0;
        flex-shrink: 0;
        will-change: transform;
      }
      .ticker-track.fwd  { animation: tickFwd  30s linear infinite; }
      .ticker-track.back { animation: tickBack 36s linear infinite; }
      .ticker-track:hover { animation-play-state: paused; }

      @keyframes tickFwd  {
        from { transform: translateX(0); }
        to   { transform: translateX(-50%); }
      }
      @keyframes tickBack {
        from { transform: translateX(-50%); }
        to   { transform: translateX(0); }
      }

      /* Each item */
      .ticker-item {
        display: inline-flex;
        align-items: center;
        gap: 0.65rem;
        padding: 0 2.25rem;
        white-space: nowrap;
        flex-shrink: 0;
        position: relative;
      }

      /* Divider diamond between items */
      .ticker-item::after {
        content: '◆';
        position: absolute;
        right: -0.5rem;
        font-size: 0.35rem;
        opacity: 0.25;
        color: var(--yellow);
      }

      /* Number highlight */
      .ticker-num {
        font-family: 'Playfair Display', serif;
        font-size: 1.05rem;
        font-weight: 900;
        color: var(--yellow);
        line-height: 1;
        letter-spacing: -0.01em;
      }

      /* Label text */
      .ticker-lbl {
        font-size: 0.78rem;
        font-weight: 500;
        color: rgba(255,255,255,0.65);
        letter-spacing: 0.01em;
      }

      /* Icon pill */
      .ticker-icon {
        width: 26px;
        height: 26px;
        border-radius: 7px;
        background: rgba(255,255,255,0.08);
        border: 1px solid rgba(255,255,255,0.1);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 0.75rem;
        flex-shrink: 0;
      }

      /* Row 2 items slightly lighter */
      .ticker-row:nth-child(2) .ticker-lbl {
        color: rgba(255,255,255,0.45);
      }
      .ticker-row:nth-child(2) .ticker-num {
        font-size: 0.95rem;
      }


      /* ── HERO RIGHT VISUAL DESIGN ── */
      .hero-right-inner {
        position: absolute;
        inset: 0;
        z-index: 5;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 5.5rem 2rem 2rem 2rem;
      }

      /* Central impact visual */
      .hero-impact-visual {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex: 1;
        gap: 1.5rem;
        padding: 2rem 0;
      }
      .impact-ring-wrap {
        position: relative;
        width: 200px;
        height: 200px;
        flex-shrink: 0;
      }
      .impact-ring-outer {
        width: 200px;
        height: 200px;
        border-radius: 50%;
        border: 2px solid rgba(255,184,0,0.25);
        position: absolute;
        inset: 0;
        animation: spinSlow 20s linear infinite;
      }
      .impact-ring-mid {
        width: 150px;
        height: 150px;
        border-radius: 50%;
        border: 2px dashed rgba(255,255,255,0.1);
        position: absolute;
        top: 25px; left: 25px;
        animation: spinSlow 15s linear infinite reverse;
      }
      .impact-ring-inner {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background: linear-gradient(135deg,rgba(255,184,0,0.15),rgba(21,101,192,0.2));
        border: 1px solid rgba(255,184,0,0.3);
        position: absolute;
        top: 50px; left: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 0.1rem;
      }
      @keyframes spinSlow { to { transform: rotate(360deg); } }
      .ring-num {
        font-family: 'Playfair Display', serif;
        font-size: 1.6rem;
        font-weight: 900;
        color: var(--yellow);
        line-height: 1;
        display: block;
      }
      .ring-lbl {
        font-size: 0.48rem;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: rgba(255,255,255,0.6);
        text-align: center;
      }

      /* Orbit dots */
      .orbit-dot {
        position: absolute;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1rem;
        background: rgba(255,255,255,0.12);
        border: 1px solid rgba(255,255,255,0.2);
        backdrop-filter: blur(4px);
      }
      .od1 { top: -8px; left: 82px; }
      .od2 { bottom: -8px; left: 82px; }
      .od3 { left: -8px; top: 82px; }
      .od4 { right: -8px; top: 82px; }

      /* Impact stats grid below ring */
      .impact-stats-row {
        display: flex;
        gap: 1rem;
        justify-content: center;
      }
      .impact-stat {
        background: rgba(255,255,255,0.08);
        border: 1px solid rgba(255,255,255,0.12);
        border-radius: 14px;
        padding: 0.85rem 1.25rem;
        text-align: center;
        min-width: 80px;
        backdrop-filter: blur(6px);
      }
      .impact-stat-num {
        font-family: 'Playfair Display', serif;
        font-size: 1.4rem;
        font-weight: 900;
        color: var(--yellow);
        line-height: 1;
        display: block;
      }
      .impact-stat-lbl {
        font-size: 0.62rem;
        color: rgba(255,255,255,0.55);
        margin-top: 0.25rem;
        letter-spacing: 0.03em;
      }

      /* Region badges */
      .region-badges {
        display: flex;
        gap: 0.5rem;
        justify-content: center;
        flex-wrap: wrap;
      }
      .region-badge {
        background: rgba(255,255,255,0.1);
        border: 1px solid rgba(255,255,255,0.15);
        border-radius: 50px;
        padding: 0.3rem 0.85rem;
        font-size: 0.72rem;
        font-weight: 600;
        color: rgba(255,255,255,0.8);
        display: flex;
        align-items: center;
        gap: 0.35rem;
      }

      /* Floating chips — top */
      .chip-stack {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        align-items: flex-end;
        align-self: flex-end;
      }
      .chip {
        background: rgba(255,255,255,0.96);
        border-radius: 12px;
        padding: 0.65rem 1rem;
        display: flex;
        align-items: center;
        gap: 0.65rem;
        box-shadow: 0 6px 24px rgba(10,46,92,0.2);
        animation: floatY 5s ease-in-out infinite;
        min-width: 170px;
        max-width: 220px;
      }
      .chip:nth-child(2) { animation-delay: 1.5s; }
      .chip:nth-child(3) { animation-delay: 3s; }
      .chip-icon {
        width: 30px; height: 30px;
        border-radius: 8px;
        display: flex; align-items: center; justify-content: center;
        font-size: 0.9rem;
        flex-shrink: 0;
      }
      .chip-num  { font-family:'Playfair Display',serif; font-size:1.1rem; font-weight:900; color:var(--navy); line-height:1; display:block; }
      .chip-lbl  { font-size:0.6rem; color:var(--txt-mid); line-height:1.3; }

      /* Bottom story card */
      .story-card {
        background: rgba(255,255,255,0.97);
        border-radius: 18px;
        padding: 1.25rem;
        box-shadow: 0 16px 48px rgba(10,46,92,0.25);
        display: flex;
        gap: 1rem;
        align-items: flex-start;
        position: relative;
        z-index: 10;
      }
      .story-card-icon {
        width: 42px; height: 42px;
        border-radius: 12px;
        background: var(--blue-lt);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
      }
      .story-card-icon svg { width: 20px; height: 20px; stroke: var(--blue); stroke-width: 2; fill: none; }
      .story-card-quote { font-size: 0.82rem; line-height: 1.6; color: var(--charcoal); font-style: italic; margin-bottom: 0.5rem; }
      .story-card-author { font-size: 0.72rem; font-weight: 700; color: var(--navy); }
      .story-card-org    { font-size: 0.68rem; color: var(--txt-mid); }

      .nav-links a.active{color:var(--navy)!important;}
      .nav-links a.active::after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--yellow);border-radius:2px;}

      .nav-cta.active::after{display:none!important;}

      /* Speech bubble */

        to   { opacity:1; transform: scale(1) translateY(0); }

      /* Mascot avatar button */

        50%      { transform: translateY(-6px); }

      /* Notification dot */

        50%      { transform: scale(1.2); }

        to   { opacity:1; transform:scale(1) translateY(0); }

        40%    { transform:translateY(-7px) rotate(1.5deg); }
        70%    { transform:translateY(-4px) rotate(-1deg); }

      60%{ transform:scale(1.25); }

        40%    { transform: translateY(-10px) rotate(2deg); }
        70%    { transform: translateY(-5px) rotate(-1.5deg); }


      /* ── REFINEMENTS ── */
      *, *::before, *::after { box-sizing: border-box; }
      html { scroll-behavior: smooth; }
      img  { max-width: 100%; display: block; }
      a    { transition: color 0.2s, opacity 0.2s; }

      /* Better focus styles for accessibility */
      a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
        outline: 2px solid var(--yellow, #FFB800);
        outline-offset: 3px;
        border-radius: 4px;
      }

      /* Smooth hover on all nav links */
      .nav-links a { transition: color 0.2s; }

      /* Card hover lift - consistent */
      .service-card:hover, .why-card:hover, .tcard:hover, .story-card-sm:hover {
        transform: translateY(-4px);
        box-shadow: 0 16px 48px rgba(10,46,92,0.12);
      }

      /* Button press feedback */
      .btn-primary:active, .btn-yellow:active, .btn-next:active, .btn-submit:active {
        transform: translateY(0) scale(0.98);
      }

      /* Smooth scroll for anchors */
      section[id] { scroll-margin-top: 80px; }


      /* ── CLIENT LOGOS STRIP ── */
      .logos-section {
        padding: 2.5rem 0;
        background: var(--cream);
        border-top: 1px solid var(--border);
        border-bottom: 1px solid var(--border);
        overflow: hidden;
      }
      .logos-inner { text-align: center; }
      .logos-label {
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--txt-mid);
        opacity: 0.6;
        margin-bottom: 1rem;
      }
      .logos-track-wrap {
        overflow: hidden;
        position: relative;
      }
      .logos-track-wrap::before,
      .logos-track-wrap::after {
        content: '';
        position: absolute;
        top: 0; bottom: 0;
        width: 80px;
        z-index: 2;
        pointer-events: none;
      }
      .logos-track-wrap::before { left: 0;  background: linear-gradient(to right, var(--cream), transparent); }
      .logos-track-wrap::after  { right: 0; background: linear-gradient(to left,  var(--cream), transparent); }
      .logos-track {
        display: flex;
        align-items: center;
        gap: 1rem;
        white-space: nowrap;
        animation: logoScroll 35s linear infinite;
        width: max-content;
      }
      .logos-track:hover { animation-play-state: paused; }
      @keyframes logoScroll {
        from { transform: translateX(0); }
        to   { transform: translateX(-50%); }
      }
      .logo-pill {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        padding: 0.5rem 1.1rem;
        background: #fff;
        border: 1px solid var(--border);
        border-radius: 50px;
        font-size: 0.8rem;
        font-weight: 500;
        color: var(--txt-mid);
        white-space: nowrap;
        flex-shrink: 0;
        box-shadow: 0 1px 4px rgba(10,46,92,0.06);
      }



      .lang-switcher{position:fixed;bottom:1.5rem;left:1.5rem;z-index:999;display:flex;gap:.35rem;}
      .lang-btn{padding:.4rem .8rem;border-radius:8px;font-size:.72rem;font-weight:700;cursor:pointer;border:1.5px solid var(--border);background:#fff;color:var(--txt-mid);transition:all .15s;text-decoration:none;}
      .lang-btn.active,.lang-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy);}



      /* ── DESIGN TOKENS ── */
      :root {
        --navy:       #0A2E5C;
        --blue:       #1565C0;
        --blue-mid:   #1E88E5;
        --blue-light: #E3F2FD;
        --sky:        #42A5F5;
        --yellow:     #FFB800;
        --yellow-lt:  #FFF8E1;
        --yellow-hv:  #FFC933;
        --cream:      #F8FAFF;
        --white:      #FFFFFF;
        --charcoal:   #1C1C1E;
        --txt-dark:   #0D1B2E;
        --txt-mid:    #4A6080;
        --border:     rgba(21,101,192,0.12);
        --mist:       #EBF3FF;
        --red:        #DC2626;
        --green:      #16A34A;
      }

      /* ── RESET ── */
      *,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
      html { scroll-behavior:smooth; }
      body { font-family:'DM Sans',sans-serif; background:var(--cream); color:var(--txt-dark); overflow-x:hidden; }
      img  { max-width:100%; display:block; }

      /* ── ANIMATIONS ── */
      @keyframes fadeUp   { from{opacity:0;transform:translateY(22px);} to{opacity:1;transform:translateY(0);} }
      @keyframes fadeIn   { from{opacity:0;} to{opacity:1;} }
      @keyframes pulse{0%,100%{box-shadow:0 0 0 3px rgba(21,101,192,0.25);}50%{box-shadow:0 0 0 6px rgba(21,101,192,0.1);}}
      @keyframes spin     { to{transform:rotate(360deg);} }
      @keyframes mSlide   { from{opacity:0;transform:translateY(26px);} to{opacity:1;transform:translateY(0);} }

      /* ── NAV ── */
      nav {
        position:fixed; top:0; left:0; right:0; z-index:100;
        display:flex; align-items:center; justify-content:space-between;
        padding:1rem 5%;
        background:rgba(248,250,255,0.96);
        backdrop-filter:blur(14px);
        border-bottom:1px solid var(--border);
        transition:box-shadow 0.3s;
      }
      nav.scrolled { box-shadow:0 4px 24px rgba(10,46,92,0.1); }
      .nav-logo { display:flex; align-items:center; gap:0.7rem; text-decoration:none; }
      .nav-logo-icon { width:36px; height:36px; background:var(--navy); border-radius:8px; display:flex; align-items:center; justify-content:center; }
      .nav-logo-icon svg { width:20px; height:20px; fill:var(--yellow); }
      .nav-logo-text { font-family:'Playfair Display',serif; font-weight:700; font-size:1.05rem; color:var(--navy); line-height:1.1; }
      .nav-logo-text span { display:block; font-size:0.6rem; font-weight:400; font-family:'DM Sans',sans-serif; letter-spacing:0.14em; text-transform:uppercase; color:var(--blue); }
      .nav-links { display:flex; gap:1.75rem; align-items:center; }
      .nav-links a { text-decoration:none; font-size:0.875rem; color:var(--txt-mid); transition:color 0.2s; position:relative; }
      .nav-links a:hover, .nav-links a.active { color:var(--navy); }
      .nav-links a.active::after { content:''; position:absolute; bottom:-4px; left:0; right:0; height:2px; background:var(--yellow); border-radius:2px; }
      .nav-cta { background:var(--navy) !important; color:#fff !important; padding:0.55rem 1.3rem; border-radius:50px; font-weight:500; transition:background 0.2s; }
      .nav-cta:hover { background:var(--blue) !important; }
      .nav-cta.active::after { display:none !important; }

      /* ── FOOTER ── */
      footer { background:var(--charcoal); padding:3.5rem 5% 2rem; color:rgba(255,255,255,0.55); }
      .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:3rem; margin-bottom:2.5rem; }
      .footer-brand h3 { font-family:'Playfair Display',serif; font-size:1.1rem; color:#fff; margin-bottom:0.75rem; }
      .footer-brand p  { font-size:0.82rem; line-height:1.65; max-width:280px; }
      .footer-badge    { display:inline-flex; align-items:center; gap:0.4rem; margin-top:1rem; background:rgba(255,184,0,0.15); border:1px solid rgba(255,184,0,0.3); padding:0.35rem 0.75rem; border-radius:6px; font-size:0.72rem; color:var(--yellow); }
      footer h4        { font-size:0.7rem; letter-spacing:0.14em; text-transform:uppercase; color:rgba(255,255,255,0.3); margin-bottom:1rem; }
      footer ul        { list-style:none; display:flex; flex-direction:column; gap:0.6rem; }
      footer ul li a   { text-decoration:none; font-size:0.84rem; color:rgba(255,255,255,0.5); transition:color 0.2s; }
      footer ul li a:hover { color:var(--yellow-lt); }
      .footer-bottom   { border-top:1px solid rgba(255,255,255,0.08); padding-top:1.5rem; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem; font-size:0.78rem; }
      .footer-bottom a { color:var(--yellow); text-decoration:none; }

      /* ── TYPOGRAPHY & SHARED COMPONENTS ── */
      .section-label { font-size:0.72rem; letter-spacing:0.16em; text-transform:uppercase; color:var(--blue); font-weight:600; margin-bottom:0.6rem; display:block; }
      .section-title  { font-family:'Playfair Display',serif; font-size:clamp(1.8rem,3vw,2.6rem); font-weight:700; color:var(--navy); line-height:1.2; margin-bottom:1rem; }
      .section-desc   { font-size:1rem; color:var(--txt-mid); line-height:1.8; max-width:560px; }
      section { padding:5rem 5%; }

      /* ── BUTTONS ── */
      .btn-primary { background:var(--navy); color:#fff; padding:0.85rem 2rem; border-radius:50px; text-decoration:none; font-size:0.9rem; font-weight:500; display:inline-flex; align-items:center; gap:0.5rem; transition:all 0.2s; box-shadow:0 4px 20px rgba(10,46,92,0.2); }
      .btn-primary:hover { background:var(--blue); transform:translateY(-2px); box-shadow:0 8px 30px rgba(10,46,92,0.28); }
      .btn-outline { border:1.5px solid var(--navy); color:var(--navy); padding:0.85rem 2rem; border-radius:50px; text-decoration:none; font-size:0.9rem; font-weight:500; display:inline-flex; align-items:center; gap:0.5rem; transition:all 0.2s; background:transparent; }
      .btn-outline:hover { background:var(--mist); transform:translateY(-2px); }
      .btn-gold { background:var(--yellow); color:var(--navy); padding:0.85rem 2rem; border-radius:50px; text-decoration:none; font-size:0.9rem; font-weight:600; display:inline-flex; align-items:center; gap:0.5rem; transition:all 0.2s; box-shadow:0 4px 20px rgba(255,184,0,0.3); }
      .btn-gold:hover { background:var(--yellow-lt); transform:translateY(-2px); }
      .btn-ghost { border:1.5px solid rgba(255,255,255,0.3); color:#fff; padding:0.85rem 2rem; border-radius:50px; text-decoration:none; font-size:0.9rem; font-weight:500; transition:all 0.2s; background:transparent; display:inline-flex; align-items:center; gap:0.5rem; }
      .btn-ghost:hover { border-color:rgba(255,255,255,0.65); background:rgba(255,255,255,0.06); transform:translateY(-2px); }

      /* ── PAGE HERO (inner pages) ── */
      .page-hero { padding:9rem 5% 5rem; background:var(--navy); color:#fff; position:relative; overflow:hidden; }
      .page-hero::before { content:''; position:absolute; top:-30%; right:-10%; width:500px; height:500px; border-radius:50%; background:radial-gradient(circle,rgba(255,184,0,0.15) 0%,transparent 70%); pointer-events:none; }
      .page-hero .section-label { color:var(--yellow); }
      .page-hero h1 { font-family:'Playfair Display',serif; font-size:clamp(2.2rem,4vw,3.5rem); font-weight:900; line-height:1.1; margin-bottom:1.2rem; max-width:750px; animation:fadeUp 0.65s ease both; }
      .page-hero p   { font-size:1.05rem; color:rgba(255,255,255,0.72); line-height:1.8; max-width:600px; animation:fadeUp 0.65s 0.1s ease both; }
      .breadcrumb { display:flex; align-items:center; gap:0.5rem; font-size:0.78rem; color:rgba(255,255,255,0.45); margin-bottom:1.5rem; flex-wrap:wrap; }
      .breadcrumb a { color:rgba(255,255,255,0.45); text-decoration:none; transition:color 0.2s; }
      .breadcrumb a:hover { color:var(--yellow); }
      .breadcrumb span { color:var(--yellow); }

      /* ── CARDS ── */
      .card { background:var(--white); border-radius:20px; border:1px solid var(--border); transition:transform 0.25s,box-shadow 0.25s; }
      .card:hover { transform:translateY(-5px); box-shadow:0 20px 50px rgba(10,46,92,0.1); }

      /* ── CHECKLIST ── */
      .checklist { list-style:none; padding:0; margin:1rem 0 1.5rem; display:flex; flex-direction:column; gap:0.65rem; }
      .checklist li { display:flex; gap:0.75rem; align-items:flex-start; font-size:0.95rem; color:var(--txt-mid); line-height:1.6; }
      .chk { width:22px; height:22px; border-radius:6px; background:var(--blue); display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:2px; }
      .chk svg { width:10px; height:10px; stroke:#fff; stroke-width:3; fill:none; }

      /* ── CALLOUT ── */
      .callout { background:var(--mist); border-left:4px solid var(--blue); border-radius:0 12px 12px 0; padding:1.25rem 1.5rem; margin:2rem 0; }
      .callout.warn { background:#FFF8E1; border-color:var(--yellow); }
      .callout.info { background:#E8F5EE; border-color:var(--blue); }
      .callout-label { font-size:0.68rem; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:var(--blue); margin-bottom:0.4rem; }
      .callout.warn .callout-label { color:#B45309; }
      .callout p { font-size:0.9rem; line-height:1.65; color:var(--txt-dark); margin:0; }

      /* ── ARTICLE LAYOUT ── */
      .article-layout { display:grid; grid-template-columns:1fr 300px; gap:4rem; padding:5rem 5%; max-width:1200px; margin:0 auto; align-items:start; }
      .article-body h2 { font-family:'Playfair Display',serif; font-size:1.75rem; font-weight:700; color:var(--navy); margin:2.5rem 0 1rem; line-height:1.25; }
      .article-body h3 { font-family:'Playfair Display',serif; font-size:1.2rem; font-weight:700; color:var(--navy); margin:2rem 0 0.6rem; }
      .article-body p  { font-size:1.02rem; line-height:1.85; color:var(--txt-mid); margin-bottom:1.4rem; }
      .article-body ul, .article-body ol { padding-left:1.5rem; margin-bottom:1.4rem; }
      .article-body li { font-size:1rem; line-height:1.75; color:var(--txt-mid); margin-bottom:0.4rem; }
      .article-body strong { color:var(--txt-dark); font-weight:600; }
      .article-body a { color:var(--blue); text-decoration:underline; }

      /* Sidebar */
      .article-sidebar { position:sticky; top:90px; display:flex; flex-direction:column; gap:1.25rem; }
      .sidebar-card { background:var(--white); border-radius:18px; padding:1.5rem; border:1px solid var(--border); }
      .sidebar-card h4 { font-family:'Playfair Display',serif; font-size:1rem; font-weight:700; color:var(--navy); margin-bottom:1rem; }
      .toc-list { list-style:none; padding:0; display:flex; flex-direction:column; gap:0.5rem; }
      .toc-list a { font-size:0.82rem; color:var(--txt-mid); text-decoration:none; display:flex; align-items:center; gap:0.5rem; padding:0.4rem 0.6rem; border-radius:8px; transition:all 0.2s; }
      .toc-list a:hover,.toc-list a.active { background:var(--mist); color:var(--navy); }
      .toc-list a::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--border); flex-shrink:0; }
      .toc-list a.active::before { background:var(--blue); }

      /* Sidebar CTA */
      .scta-card { background:var(--navy); border-radius:18px; padding:1.5rem; color:#fff; text-align:center; }
      .scta-card h4 { font-family:'Playfair Display',serif; font-size:1.1rem; color:var(--yellow-lt); margin-bottom:0.5rem; }
      .scta-card p  { font-size:0.8rem; color:rgba(255,255,255,0.65); line-height:1.6; margin-bottom:1.1rem; }
      .scta-btn { display:block; background:var(--yellow); color:var(--navy); padding:0.7rem 1rem; border-radius:50px; font-size:0.82rem; font-weight:700; text-decoration:none; transition:all 0.2s; }
      .scta-btn:hover { background:var(--yellow-lt); transform:translateY(-1px); }

      /* Related articles in sidebar */
      .related-item { display:flex; gap:0.75rem; align-items:flex-start; padding:0.75rem 0; border-bottom:1px solid var(--border); text-decoration:none; }
      .related-item:last-child { border-bottom:none; padding-bottom:0; }
      .related-thumb { width:48px; height:48px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:1.3rem; flex-shrink:0; }
      .related-title { font-size:0.8rem; font-weight:600; color:var(--navy); line-height:1.35; }
      .related-meta  { font-size:0.7rem; color:var(--txt-mid); margin-top:0.2rem; }

      /* ── STAT BLOCKS ── */
      .stat-row { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; margin:2rem 0; }
      .stat-blk { background:var(--navy); border-radius:16px; padding:1.5rem; text-align:center; color:#fff; }
      .stat-blk.gold { background:var(--yellow); color:var(--navy); }
      .stat-blk.sage { background:var(--blue); color:#fff; }
      .stat-blk.light { background:var(--mist); color:var(--navy); border:1px solid var(--border); }
      .stat-num { font-family:'Playfair Display',serif; font-size:2.2rem; font-weight:900; color:var(--yellow-lt); line-height:1; display:block; }
      .stat-blk.gold .stat-num  { color:var(--navy); }
      .stat-blk.light .stat-num { color:var(--navy); }
      .stat-lbl { font-size:0.75rem; opacity:0.7; margin-top:0.35rem; line-height:1.4; }

      /* ── NAV PREV/NEXT ── */
      .art-nav { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; margin-top:3rem; padding-top:2rem; border-top:1px solid var(--border); }
      .art-nav-btn { background:var(--white); border:1px solid var(--border); border-radius:16px; padding:1.25rem 1.5rem; text-decoration:none; transition:all 0.2s; display:block; }
      .art-nav-btn:hover { border-color:var(--blue); box-shadow:0 8px 24px rgba(10,46,92,0.1); transform:translateY(-2px); }
      .art-nav-btn.next { text-align:right; }
      .nav-dir   { font-size:0.68rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:var(--txt-mid); margin-bottom:0.35rem; }
      .nav-title { font-size:0.88rem; font-weight:600; color:var(--navy); line-height:1.35; }

      /* ── AUTHOR BIO ── */
      .author-bio { background:var(--white); border-radius:20px; padding:2rem; border:1px solid var(--border); display:flex; gap:1.5rem; align-items:flex-start; margin-top:3rem; }
      .author-avatar { width:72px; height:72px; border-radius:50%; background:var(--navy); display:flex; align-items:center; justify-content:center; font-family:'Playfair Display',serif; font-size:1.5rem; font-weight:700; color:var(--yellow); flex-shrink:0; }
      .author-name { font-family:'Playfair Display',serif; font-size:1.1rem; font-weight:700; color:var(--navy); margin-bottom:0.25rem; }
      .author-role { font-size:0.78rem; color:var(--blue); font-weight:600; margin-bottom:0.5rem; }
      .author-text { font-size:0.88rem; color:var(--txt-mid); line-height:1.65; }

      /* ── MODALS ── */
      .modal-overlay { position:fixed; inset:0; background:rgba(10,46,92,0.6); backdrop-filter:blur(6px); z-index:9999; display:none; align-items:center; justify-content:center; padding:1.5rem; }
      .modal-overlay.open { display:flex; animation:fadeIn 0.2s ease both; }
      .modal-box { background:#fff; border-radius:24px; max-width:560px; width:100%; position:relative; overflow:hidden; animation:mSlide 0.28s ease both; max-height:90vh; overflow-y:auto; }
      .modal-hd  { padding:2rem 2rem 1.5rem; background:linear-gradient(135deg,var(--navy),var(--blue)); color:#fff; display:flex; gap:1.25rem; align-items:flex-start; position:sticky; top:0; z-index:2; }
      .modal-av  { width:70px; height:70px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:'Playfair Display',serif; font-size:1.6rem; font-weight:700; flex-shrink:0; border:2px solid rgba(255,255,255,0.25); }
      .modal-name { font-family:'Playfair Display',serif; font-size:1.4rem; font-weight:700; color:#fff; margin-bottom:0.2rem; }
      .modal-role { font-size:0.82rem; color:rgba(255,255,255,0.65); margin-bottom:0.65rem; }
      .modal-certs { display:flex; flex-wrap:wrap; gap:0.35rem; }
      .modal-cert { background:rgba(255,255,255,0.15); color:#fff; font-size:0.62rem; font-weight:600; padding:0.18rem 0.55rem; border-radius:50px; }
      .modal-body { padding:1.75rem 2rem; }
      .modal-bio  { font-size:0.92rem; color:var(--txt-mid); line-height:1.8; margin-bottom:1.4rem; }
      .modal-skills { display:grid; grid-template-columns:1fr 1fr; gap:0.65rem; margin-bottom:1.4rem; }
      .modal-skill { background:var(--cream); border:1px solid var(--border); border-radius:10px; padding:0.65rem 0.9rem; font-size:0.79rem; color:var(--txt-dark); display:flex; align-items:center; gap:0.45rem; }
      .modal-skill::before { content:'✦'; color:var(--blue); font-size:0.55rem; flex-shrink:0; }
      .modal-actions { display:flex; gap:0.65rem; flex-wrap:wrap; }
      .modal-close { position:absolute; top:0.9rem; right:0.9rem; width:30px; height:30px; border-radius:50%; background:rgba(255,255,255,0.2); border:none; color:#fff; font-size:1.15rem; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background 0.2s; z-index:3; }
      .modal-close:hover { background:rgba(255,255,255,0.35); }

      /* ── FAQ ACCORDION ── */
      .faq-item { background:var(--white); border-radius:16px; padding:1.5rem; cursor:pointer; border:1px solid var(--border); transition:all 0.2s; }
      .faq-item:hover { border-color:rgba(21,101,192,0.3); box-shadow:0 4px 18px rgba(10,46,92,0.07); }
      .faq-item.open { border-color:var(--blue); background:var(--white); box-shadow:0 4px 18px rgba(10,46,92,0.1); }
      .faq-q { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; font-weight:600; font-size:0.9rem; color:var(--navy); }
      .faq-icon { width:24px; height:24px; border-radius:50%; background:var(--mist); display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:1rem; color:var(--blue); font-weight:700; transition:all 0.2s; }
      .faq-item.open .faq-icon { background:var(--blue); color:#fff; transform:rotate(45deg); }
      .faq-a { font-size:0.87rem; color:var(--txt-mid); line-height:1.75; max-height:0; overflow:hidden; transition:max-height 0.35s ease,margin-top 0.35s ease; }
      .faq-item.open .faq-a { max-height:240px; margin-top:0.9rem; }

      /* ── FORM ELEMENTS ── */
      .form-group, .fg { display:flex; flex-direction:column; gap:0.4rem; margin-bottom:1rem; position:relative; }
      .form-group label, .fg label { font-size:0.78rem; font-weight:600; color:var(--navy); }
      .req { color:var(--red); margin-left:2px; }
      .form-group input, .form-group select, .form-group textarea,
      .fg input, .fg select, .fg textarea {
        border:1.5px solid var(--border); border-radius:10px; padding:0.75rem 1rem;
        font-size:0.875rem; font-family:'DM Sans',sans-serif;
        color:var(--txt-dark); background:var(--white); outline:none; width:100%;
        transition:border-color 0.2s,box-shadow 0.2s;
      }
      .form-group input:focus, .form-group select:focus, .form-group textarea:focus,
      .fg input:focus, .fg select:focus, .fg textarea:focus {
        border-color:var(--blue); box-shadow:0 0 0 3px rgba(21,101,192,0.12);
      }
      .fg input.ok  { border-color:var(--green); }
      .fg input.err, .fg select.err { border-color:var(--red); }
      .fg textarea  { resize:vertical; min-height:90px; }
      .f-err  { font-size:0.72rem; color:var(--red); display:none; margin-top:0.15rem; }
      .f-err.show  { display:block; }
      .f-ok   { position:absolute; right:12px; top:37px; color:var(--green); font-size:0.8rem; display:none; }
      .f-ok.show   { display:block; }

      /* ── RESPONSIVE ── */
      @media(max-width:900px){
        .footer-grid { grid-template-columns:1fr 1fr; }
        .article-layout { grid-template-columns:1fr; }
        .article-sidebar { position:static; }
        nav .nav-links a:not(.nav-cta) { display:none; }
        .stat-row { grid-template-columns:1fr; }
        .art-nav  { grid-template-columns:1fr; }
        .modal-skills { grid-template-columns:1fr; }
      }
      @media(max-width:600px){
        section { padding:3.5rem 5%; }
        .page-hero { padding:7rem 5% 3.5rem; }
        .footer-grid { grid-template-columns:1fr; }
      }

      .region-bar{background:var(--white);border-bottom:1px solid var(--border);display:flex;overflow-x:auto;padding:0 5%;position:sticky;top:62px;z-index:50;}
      .region-tab{padding:0.85rem 1.3rem;font-size:0.85rem;font-weight:500;color:var(--txt-mid);border:none;background:transparent;border-bottom:2.5px solid transparent;cursor:pointer;white-space:nowrap;transition:all 0.2s;font-family:'DM Sans',sans-serif;}
      .region-tab.active,.region-tab:hover{color:var(--navy);border-bottom-color:var(--yellow);}
      .contact-section{padding:5rem 5%;background:var(--white);}
      .contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:5rem;align-items:start;}
      .contact-info h2{font-family:'Playfair Display',serif;font-size:2rem;font-weight:700;color:var(--navy);margin-bottom:1rem;line-height:1.2;}
      .contact-info p{font-size:0.95rem;color:var(--txt-mid);line-height:1.8;margin-bottom:2rem;}
      .contact-details{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem;}
      .contact-detail{display:flex;gap:1rem;align-items:flex-start;}
      .detail-icon{width:44px;height:44px;border-radius:12px;background:var(--mist);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
      .detail-icon svg{width:20px;height:20px;stroke:var(--blue);stroke-width:2;fill:none;}
      .detail-label{font-size:0.68rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--blue);font-weight:700;margin-bottom:0.2rem;}
      .detail-value{font-size:0.9rem;color:var(--txt-dark);}
      .detail-value a{color:var(--navy);text-decoration:none;}
      .trust-box{background:var(--mist);border-radius:16px;padding:1.5rem;}
      .trust-box-title{font-size:0.7rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--navy);margin-bottom:1rem;}
      .trust-list{list-style:none;display:flex;flex-direction:column;gap:0.65rem;}
      .trust-list li{display:flex;align-items:center;gap:0.6rem;font-size:0.85rem;color:var(--txt-mid);}
      .trust-chk{width:20px;height:20px;border-radius:6px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
      .trust-chk svg{width:9px;height:9px;stroke:#fff;stroke-width:3;fill:none;}
      /* FORM */
      .form-wrap{background:var(--cream);border-radius:24px;padding:2.5rem;border:1px solid var(--border);}
      .form-header h3{font-family:'Playfair Display',serif;font-size:1.5rem;color:var(--navy);margin-bottom:0.4rem;}
      .form-header p{font-size:0.875rem;color:var(--txt-mid);margin-bottom:2rem;}
      /* Steps */
      .steps-bar{display:flex;align-items:center;margin-bottom:2rem;}
      .step-node{display:flex;align-items:center;gap:0.45rem;flex:0 0 auto;}
      .step-circ{width:30px;height:30px;border-radius:50%;border:2px solid var(--border);background:var(--white);display:flex;align-items:center;justify-content:center;font-size:0.72rem;font-weight:700;color:var(--txt-mid);transition:all 0.3s;}
      .step-circ.active{border-color:var(--blue);background:var(--blue);color:#fff;}
      .step-circ.done{border-color:var(--navy);background:var(--navy);color:var(--yellow);}
      .step-lbl{font-size:0.7rem;font-weight:500;color:var(--txt-mid);}
      .step-lbl.active{color:var(--navy);font-weight:600;}
      .step-ln{flex:1;height:2px;background:var(--border);margin:0 0.75rem;transition:background 0.3s;}
      .step-ln.done{background:var(--navy);}
      .f-step{display:none;animation:fadeUp 0.3s ease both;}
      .f-step.active{display:block;}
      .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
      .cb-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;margin-bottom:1rem;}
      .cb-card{display:flex;align-items:center;gap:0.5rem;padding:0.55rem 0.85rem;border-radius:10px;border:1.5px solid var(--border);background:var(--white);cursor:pointer;font-size:0.82rem;color:var(--txt-mid);transition:all 0.2s;}
      .cb-card:hover,.cb-card.on{border-color:var(--blue);background:var(--blue-light);color:var(--navy);font-weight:500;}
      .cb-card input{width:15px;height:15px;cursor:pointer;accent-color:var(--blue);}
      .form-actions{display:flex;gap:0.75rem;align-items:center;margin-top:0.5rem;}
      .btn-next{background:var(--navy);color:#fff;padding:0.85rem 2rem;border-radius:50px;border:none;font-size:0.9rem;font-weight:600;font-family:'DM Sans',sans-serif;cursor:pointer;transition:all 0.2s;box-shadow:0 4px 18px rgba(10,46,92,0.2);}
      .btn-next:hover{background:var(--blue);}
      .btn-submit{background:var(--navy);color:#fff;padding:0.85rem 2rem;border-radius:50px;border:none;font-size:0.9rem;font-weight:600;font-family:'DM Sans',sans-serif;cursor:pointer;transition:all 0.2s;width:100%;display:flex;justify-content:center;align-items:center;gap:0.5rem;box-shadow:0 4px 18px rgba(10,46,92,0.2);}
      .btn-submit:hover:not(:disabled){background:var(--blue);}
      .btn-submit:disabled{opacity:0.6;cursor:not-allowed;}
      .btn-back{background:transparent;color:var(--txt-mid);padding:0.85rem 1.5rem;border-radius:50px;border:1.5px solid var(--border);font-size:0.875rem;font-weight:500;font-family:'DM Sans',sans-serif;cursor:pointer;transition:all 0.2s;}
      .btn-back:hover{border-color:var(--navy);color:var(--navy);}
      .spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,0.35);border-top-color:#fff;border-radius:50%;animation:spin 0.8s linear infinite;display:none;}
      .form-note{font-size:0.72rem;color:var(--txt-mid);text-align:center;margin-top:0.75rem;line-height:1.5;}
      .consent-row{display:flex;align-items:flex-start;gap:0.6rem;margin-bottom:1rem;padding:0.85rem 1rem;background:var(--white);border-radius:10px;border:1.5px solid var(--border);}
      .consent-row input[type=checkbox]{width:16px;height:16px;margin-top:2px;cursor:pointer;accent-color:var(--blue);flex-shrink:0;}
      .consent-row label{font-size:0.8rem;color:var(--txt-mid);cursor:pointer;line-height:1.55;}
      /* SUCCESS */
      .form-success{display:none;text-align:center;padding:2rem 1rem;}
      .form-success.show{display:block;animation:fadeUp 0.5s ease both;}
      .success-icon{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,var(--blue),#1E88E5);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 8px 30px rgba(21,101,192,0.3);}
      .success-icon svg{width:30px;height:30px;stroke:#fff;stroke-width:2.5;fill:none;}
      .success-title{font-family:'Playfair Display',serif;font-size:1.75rem;font-weight:700;color:var(--navy);margin-bottom:0.75rem;}
      .success-msg{font-size:0.95rem;color:var(--txt-mid);line-height:1.75;max-width:400px;margin:0 auto 1.75rem;}
      .next-steps{background:var(--mist);border-radius:14px;padding:1.4rem;text-align:left;margin-bottom:1.5rem;}
      .next-steps h4{font-size:0.7rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--navy);margin-bottom:0.9rem;}
      .ns{display:flex;gap:0.65rem;align-items:flex-start;font-size:0.84rem;color:var(--txt-mid);margin-bottom:0.55rem;line-height:1.55;}
      .ns-num{width:22px;height:22px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:0.65rem;font-weight:700;flex-shrink:0;margin-top:1px;}
      /* WAYS */
      .ways-section{padding:5rem 5%;background:var(--cream);}
      .ways-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;}
      .way-card{background:var(--white);border-radius:20px;padding:2rem;border:1px solid var(--border);text-align:center;transition:transform 0.25s,box-shadow 0.25s;}
      .way-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(10,46,92,0.1);}
      .way-icon{width:60px;height:60px;border-radius:18px;background:var(--mist);display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin:0 auto 1.1rem;}
      .way-card h3{font-family:'Playfair Display',serif;font-size:1.1rem;color:var(--navy);margin-bottom:0.5rem;}
      .way-card p{font-size:0.84rem;color:var(--txt-mid);line-height:1.65;margin-bottom:1.2rem;}
      /* FAQ */
      .faq-section{padding:5rem 5% !important;background:var(--white);}
      .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:2.5rem;}
      /* OFFICES */
      .offices-section{padding:5rem 5%;background:var(--navy);}
      .offices-section .section-label{color:var(--yellow);}
      .offices-section h2{font-family:'Playfair Display',serif;font-size:2rem;color:#fff;margin-bottom:2.5rem;}
      .offices-row-label{font-size:0.7rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.38);margin-bottom:1.25rem;}
      .offices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem;}
      .office-card{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.1);border-radius:18px;padding:1.75rem;transition:background 0.2s;}
      .office-card:hover{background:rgba(255,255,255,0.1);}
      .office-city{font-family:'Playfair Display',serif;font-size:1.25rem;font-weight:700;color:var(--yellow);margin-bottom:0.2rem;}
      .office-type{font-size:0.68rem;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.38);margin-bottom:0.9rem;}
      .office-detail{font-size:0.84rem;color:rgba(255,255,255,0.62);line-height:1.7;margin-bottom:0.35rem;}
      .office-detail a{color:rgba(255,184,0,0.8);text-decoration:none;}
      .office-detail a:hover{color:var(--yellow);}
      @media(max-width:900px){.contact-grid,.ways-grid,.faq-grid,.offices-grid{grid-template-columns:1fr;}.form-row,.cb-grid{grid-template-columns:1fr;}}

      /* Speech bubble */

        to   { opacity:1; transform: scale(1) translateY(0); }

      /* Mascot avatar button */

        50%      { transform: translateY(-6px); }

      /* Notification dot */

        50%      { transform: scale(1.2); }

        to   { opacity:1; transform:scale(1) translateY(0); }

        40%    { transform:translateY(-7px) rotate(1.5deg); }
        70%    { transform:translateY(-4px) rotate(-1deg); }

      60%{ transform:scale(1.25); }

        30%    { transform:rotate(4deg) translateY(-3px); }
        70%    { transform:rotate(-2deg) translateY(-1px); }


      /* ── REFINEMENTS ── */
      *, *::before, *::after { box-sizing: border-box; }
      html { scroll-behavior: smooth; }
      img  { max-width: 100%; display: block; }
      a    { transition: color 0.2s, opacity 0.2s; }

      /* Better focus styles for accessibility */
      a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
        outline: 2px solid var(--yellow, #FFB800);
        outline-offset: 3px;
        border-radius: 4px;
      }

      /* Smooth hover on all nav links */
      .nav-links a { transition: color 0.2s; }

      /* Card hover lift - consistent */
      .service-card:hover, .why-card:hover, .tcard:hover, .story-card-sm:hover {
        transform: translateY(-4px);
        box-shadow: 0 16px 48px rgba(10,46,92,0.12);
      }

      /* Button press feedback */
      .btn-primary:active, .btn-yellow:active, .btn-next:active, .btn-submit:active {
        transform: translateY(0) scale(0.98);
      }

      /* Smooth scroll for anchors */
      section[id] { scroll-margin-top: 80px; }

      .form-switch {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.switch-btn {
    padding: 10px 18px;
    border: none;
    background: #eee;
    cursor: pointer;
    border-radius: 6px;
    font-weight: 600;
}

.switch-btn.active {
    background: #0d1b2a;
    color: #fff;
}