body { font-family:'Plus Jakarta Sans',sans-serif; }
    :root {
      --navy:#0f172a; --slate:#64748b;
      --gray-50:#f8fafc; --gray-200:#e2e8f0;
      --shadow:0 4px 24px rgba(0,0,0,.07);
    }

    /* Page Hero */
    .page-hero { position:relative; padding:5.5rem 1.25rem 4.5rem; text-align:center; overflow:hidden; }
    .page-hero-bg { position:absolute; inset:0; z-index:0; }
    .page-hero-bg img { width:100%; height:100%; object-fit:cover; display:block; }
    .page-hero-bg::after { content:''; position:absolute; inset:0; background:linear-gradient(135deg,rgba(15,23,42,.78),rgba(14,116,144,.55)); }
    .page-hero .inner { position:relative; z-index:1; max-width:700px; margin:0 auto; }
    .page-hero .label { display:inline-block; color:#67e8f9; font-size:.7rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; margin-bottom:.8rem; }
    .page-hero h1 { font-size:clamp(1.9rem,5vw,2.9rem); font-weight:900; color:#fff; margin-bottom:.9rem; }
    .page-hero p  { color:rgba(255,255,255,.82); font-size:1.05rem; line-height:1.75; }

    /* Shared */
    .rb-section { padding:4.5rem 1.25rem; }
    .rb-container { max-width:1140px; margin:0 auto; }
    .rb-label { font-size:.68rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#0ea5e9; display:flex; align-items:center; gap:.5rem; margin-bottom:.5rem; }
    .rb-title { font-size:clamp(1.5rem,3vw,2.2rem); font-weight:900; color:var(--navy); margin-bottom:.4rem; }
    .rb-sub   { color:var(--slate); font-size:.95rem; max-width:540px; line-height:1.7; }
    .text-center { text-align:center; }
    .text-center .rb-sub { margin:0 auto; }

    /* About grid */
    .about-grid { display:grid; grid-template-columns:1fr 0.7fr; gap:3rem; align-items:center; }
    .about-text h2 { font-size:clamp(1.4rem,3vw,1.9rem); font-weight:900; color:var(--navy); margin-bottom:1rem; }
    .about-text p  { color:var(--slate); line-height:1.8; margin-bottom:.9rem; font-size:.93rem; }
    .quote-block { border-left:4px solid #0ea5e9; background:#f0f9ff; padding:.9rem 1rem; border-radius:0 .6rem .6rem 0; color:#0c4a6e; font-size:.9rem; font-style:italic; font-weight:600; margin-top:1.25rem; }
    .btn-primary { display:inline-flex; align-items:center; gap:.5rem; background:linear-gradient(135deg,#0ea5e9,#0284c7); color:#fff; font-weight:700; padding:.75rem 1.6rem; border-radius:.75rem; text-decoration:none; box-shadow:0 4px 16px rgba(14,165,233,.3); transition:.2s; }
    .btn-primary:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(14,165,233,.4); }
    .btn-outline-cyan { display:inline-flex; align-items:center; gap:.5rem; border:2px solid #0ea5e9; color:#0ea5e9; font-weight:700; padding:.72rem 1.6rem; border-radius:.75rem; text-decoration:none; background:#fff; transition:.2s; }
    .btn-outline-cyan:hover { background:#f0f9ff; }
    .btn-row { display:flex; flex-wrap:wrap; gap:1rem; justify-content:center; margin-top:1.5rem; }

    /* ── CUSTOM MISSION & VISION CARDS ── */
    .mv-section { background: #e9f0f5; padding: 4.5rem 1.25rem; }
    .mv-offset-stack {
      max-width: 860px;
      margin: 2.5rem auto 0;
      display: flex;
      flex-direction: column;
      position: relative;
    }
    .mv-card-custom {
      background: rgba(255,255,255,0.85);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border-radius: 2.5rem;
      padding: 1.8rem 2.5rem;
      border: 1px solid rgba(255,255,255,0.5);
      box-shadow: 0 20px 35px -8px rgba(0,30,20,0.1);
      display: flex;
      align-items: center;
      gap: 2rem;
      width: 85%;
      position: relative;
    }
    .mv-card-vision {
      align-self: flex-start;
      z-index: 5;
      background: linear-gradient(to right, rgba(172,225,178,0.85) 0%, rgba(200,238,204,0.7) 20%, rgba(225,245,226,0.45) 38%, rgba(255,255,255,1) 58%);
    }
    .mv-card-vision::before {
      content: '';
      position: absolute;
      top: 0; left: 2.5rem; right: 2.5rem;
      height: 8px;
      background: linear-gradient(to right, #a7f3d0, #047857, #065f46);
      border-radius: 0 0 16px 16px;
      box-shadow: 0 2px 6px rgba(5,150,105,0.3);
      z-index: 6;
    }
    .mv-card-mission {
      align-self: flex-end;
      margin-top: -1.8rem;
      z-index: 4;
      background: linear-gradient(to right, rgba(147,198,235,0.85) 0%, rgba(180,218,242,0.7) 20%, rgba(210,233,248,0.45) 38%, rgba(255,255,255,1) 58%);
      border: 1px solid rgba(255,255,255,0.6);
    }
    .mv-card-mission::before {
      content: '';
      position: absolute;
      top: 0; left: 2.5rem; right: 2.5rem;
      height: 6px;
      background: linear-gradient(to right, #a0c8ff, #0056b3);
      border-radius: 0 0 12px 12px;
      opacity: 0.8;
    }
    .mv-icon-frame {
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 110px;
      height: 110px;
    }
    .mv-icon-frame svg {
      width: 90px;
      height: 90px;
      display: block;
      filter: drop-shadow(0 4px 6px rgba(0,40,20,0.08));
    }
    .mv-card-body { flex: 1; }
    .mv-card-body h3 {
      margin: 0 0 0.4rem 0;
      font-size: 1.3rem;
      font-weight: 800;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }
    .mv-card-vision .mv-card-body h3 { color: #065f46; }
    .mv-card-mission .mv-card-body h3 { color: #0056b3; }
    .mv-card-body p {
      margin: 0;
      font-size: .93rem;
      line-height: 1.7;
      color: #1e293b;
      max-width: 44ch;
    }
    /* ── MV CARD ANIMATIONS ── */
    @keyframes slideInLeft {
      from { opacity: 0; transform: translateX(-60px) translateY(10px); }
      to   { opacity: 1; transform: translateX(0) translateY(0); }
    }
    @keyframes slideInRight {
      from { opacity: 0; transform: translateX(60px) translateY(10px); }
      to   { opacity: 1; transform: translateX(0) translateY(0); }
    }
    @keyframes iconFloat {
      0%, 100% { transform: translateY(0px); }
      50%       { transform: translateY(-6px); }
    }

    /* Hidden state before scroll triggers */
    .mv-card-custom {
      opacity: 0;
    }
    .mv-card-vision.mv-animate {
      animation: slideInLeft 0.7s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    }
    .mv-card-mission.mv-animate {
      animation: slideInRight 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;
    }

    /* Floating icon on hover */
    .mv-card-custom:hover .mv-icon-frame svg {
      animation: iconFloat 2s ease-in-out infinite;
    }

    /* Lift card on hover */
    .mv-card-custom {
      transition: box-shadow 0.3s ease, transform 0.3s ease;
    }
    .mv-card-custom:hover {
      transform: translateY(-6px) !important;
      box-shadow: 0 28px 50px -10px rgba(0,30,20,0.16);
    }

    @media(max-width:700px) {
      .mv-card-custom {
        width: 100% !important;
        align-self: center !important;
        margin-top: 1rem !important;
        flex-direction: column;
        text-align: center;
        padding: 2rem 1.8rem;
      }
      .mv-card-body p { max-width: 100%; }
    }

    /* Process steps */
    .process-section { padding:4.5rem 1.25rem; background:#fff; }
    .process-grid { display:grid; grid-template-columns:1fr 1fr; gap:2.5rem 3rem; margin-top:2.5rem; }
    .process-step { display:flex; gap:1.25rem; align-items:flex-start; }
    .step-num { width:42px; height:42px; border-radius:50%; background:linear-gradient(135deg,#0ea5e9,#0284c7); color:#fff; font-weight:900; font-size:.95rem; display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 4px 14px rgba(14,165,233,.35); }
    .process-step h3 { font-size:1rem; font-weight:800; color:var(--navy); margin-bottom:.4rem; }
    .process-step p  { font-size:.85rem; color:var(--slate); line-height:1.7; }

    /* What Sets Us Apart */
    .apart-section { padding:4.5rem 1.25rem; background:linear-gradient(135deg,#f0f9ff,#e0f2fe); }
    .apart-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-top:2.5rem; }
    .apart-card { background:#fff; border-radius:1.25rem; padding:2rem 1.5rem; text-align:center; box-shadow:0 2px 20px rgba(0,0,0,.06); transition:transform .25s, box-shadow .25s; }
    .apart-card:hover { transform:translateY(-6px); box-shadow:0 12px 36px rgba(14,165,233,.12); }
    .apart-icon-wrap { width:64px; height:64px; border-radius:50%; background:#e0f7fa; display:flex; align-items:center; justify-content:center; margin:0 auto 1.1rem; }
    .apart-icon-wrap i { font-size:1.4rem; color:#0891b2; }
    .apart-card h3 { font-size:1rem; font-weight:800; color:var(--navy); margin-bottom:.5rem; }
    .apart-card p  { font-size:.83rem; color:var(--slate); line-height:1.65; }

    /* Values */
    .values-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(155px,1fr)); gap:1.2rem; margin-top:2.5rem; }
    .value-card { background:#fff; border:1px solid var(--gray-200); border-radius:1.1rem; padding:1.5rem 1.1rem; text-align:center; box-shadow:var(--shadow); transition:transform .25s, box-shadow .25s; }
    .value-card:hover { transform:translateY(-5px); box-shadow:0 14px 36px rgba(0,0,0,.1); }
    .value-icon { font-size:1.9rem; margin-bottom:.7rem; }
    .value-card h3 { font-size:.9rem; font-weight:800; color:var(--navy); margin-bottom:.35rem; }
    .value-card p  { font-size:.77rem; color:var(--slate); line-height:1.6; }

    /* CTA */
    .cta-plain { padding:4.5rem 1.25rem; background:#fff; text-align:center; }
    .cta-plain h2 { font-size:clamp(1.5rem,3vw,2.1rem); font-weight:900; color:var(--navy); margin-bottom:.75rem; }
    .cta-plain p  { color:var(--slate); max-width:520px; margin:0 auto; font-size:.98rem; line-height:1.7; }

    @media(max-width:768px){
      .about-grid  { grid-template-columns:1fr; }
      .process-grid{ grid-template-columns:1fr; }
      .apart-grid  { grid-template-columns:1fr; }
    }