:root {
      --navy-950: #f8f7f4;
      --navy-900: #f0ede6;
      --navy-800: #e8e3d8;
      --navy-700: #ddd7c8;
      --cobalt-500: #1a1a2e;
      --cobalt-400: #2c5282;
      --cobalt-300: #4a6fa5;
      --cobalt-glow: rgba(26,26,46,0.3);
      --gold-500: #c8a96e;
      --gold-400: #b8904a;
      --gold-300: #d4be8a;
      --gold-glow: rgba(200,169,110,0.4);
      --text-primary: #1a1a2e;
      --text-secondary: #4a5568;
      --text-muted: #9ca3af;
      --glass-bg: rgba(248,247,244,0.85);
      --glass-border: rgba(26,26,46,0.15);
    }
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body {
      background-color: var(--navy-950);
      color: var(--text-primary);
      font-family: 'Inter', system-ui, sans-serif;
      overflow-x: hidden;
      line-height: 1.6;
    }
    ::-webkit-scrollbar { width: 6px; }
    ::-webkit-scrollbar-track { background: var(--navy-900); }
    ::-webkit-scrollbar-thumb { background: var(--cobalt-500); border-radius: 3px; }

    /* ── Utility ── */
    .max-w { max-width: 1280px; margin: 0 auto; padding: 0 1.5rem; }
    @media(min-width:1024px){ .max-w { padding: 0 2rem; } }

    .glass-card {
      background: rgba(255,255,255,0.85);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border: 1px solid rgba(26,26,46,0.12);
      border-radius: 16px;
    }
    .glass-card-gold {
      background: rgba(255,255,255,0.85);
      backdrop-filter: blur(20px);
      border: 1px solid rgba(200,169,110,0.25);
      border-radius: 16px;
    }
    .gradient-text-cobalt {
      background: linear-gradient(135deg,#2c5282 0%,#1a1a2e 50%,#4a6fa5 100%);
      -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
    }
    .gradient-text-gold {
      background: linear-gradient(135deg,#d4be8a 0%,#c8a96e 50%,#b8904a 100%);
      -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
    }
    .gradient-text-mixed {
      background: linear-gradient(135deg,#2c5282 0%,#c8a96e 60%,#b8904a 100%);
      -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
    }
    .stat-number {
      background: linear-gradient(135deg,#2c5282 0%,#c8a96e 100%);
      -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
    }
    .section-divider {
      height: 1px;
      background: linear-gradient(90deg,transparent,rgba(26,26,46,0.25),rgba(200,169,110,0.35),transparent);
      margin: 0;
    }
    .badge {
      display: inline-flex; align-items: center; gap: 8px;
      padding: 8px 16px; border-radius: 999px;
      font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
      font-family: 'Space Grotesk', sans-serif;
    }
    .badge-cobalt { background: rgba(26,26,46,0.07); border: 1px solid rgba(26,26,46,0.2); color: #1a1a2e; }
    .badge-gold   { background: rgba(200,169,110,0.12); border: 1px solid rgba(200,169,110,0.35); color: #8b6914; }

    /* ── Animations ── */
    @keyframes float        { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} }
    @keyframes pulse-glow   { 0%,100%{opacity:.5} 50%{opacity:1} }
    @keyframes spin-slow    { from{transform:rotate(0)} to{transform:rotate(360deg)} }
    @keyframes fade-up      { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:translateY(0)} }
    @keyframes gradient-shift{ 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
    @keyframes shimmer      { 0%{background-position:-200% center} 100%{background-position:200% center} }
    @keyframes spin         { to{transform:rotate(360deg)} }

    .animate-float      { animation: float 6s ease-in-out infinite; }
    .animate-pulse-glow { animation: pulse-glow 3s ease-in-out infinite; }
    .animate-spin-slow  { animation: spin-slow 20s linear infinite; }
    .animate-fade-up    { animation: fade-up .8s ease-out forwards; }
    .delay-100 { animation-delay:100ms; }
    .delay-200 { animation-delay:200ms; }
    .delay-300 { animation-delay:300ms; }
    .delay-400 { animation-delay:400ms; }
    .delay-500 { animation-delay:500ms; }

    /* Scroll reveal */
    .reveal { opacity:0; transform:translateY(30px); transition:opacity .7s ease,transform .7s ease; }
    .reveal.visible { opacity:1; transform:translateY(0); }

    /* ── Plexus Canvas ── */
    #plexus-canvas {
      position:fixed; top:0; left:0; width:100%; height:100%;
      z-index:0; pointer-events:none; opacity:.85;
    }

    /* ── Header ── */
    header {
      position:fixed; top:0; left:0; right:0; z-index:50;
      transition:all .5s ease;
      background: rgba(248,247,244,0.7);
      backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
      border-bottom:1px solid transparent;
    }
    header.scrolled {
      background: rgba(248,247,244,0.95);
      border-bottom: 1px solid rgba(26,26,46,0.15);
      box-shadow: 0 4px 40px rgba(26,26,46,0.12);
    }
    .header-inner {
      display:flex; align-items:center; justify-content:space-between;
      height:80px;
    }
    .logo-btn { background:none; border:none; cursor:pointer; display:flex; align-items:center; gap:12px; }
    .logo-icon {
      width:40px; height:40px; border-radius:12px; display:flex; align-items:center; justify-content:center;
      background: linear-gradient(135deg,rgba(26,26,46,0.12),rgba(200,169,110,0.15));
      border:1px solid rgba(26,26,46,0.2);
      box-shadow:0 4px 12px rgba(26,26,46,0.1);
    }
    .logo-text { display:flex; flex-direction:column; line-height:1; }
    .logo-name {
      font-size:20px; font-weight:800; letter-spacing:.08em;
      font-family:'Space Grotesk',sans-serif;
      background: linear-gradient(135deg,#1a1a2e 0%,#2c5282 100%);
      -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
    }
    .logo-sub { font-size:9px; letter-spacing:.15em; color:#8b6914; text-transform:uppercase; }

    nav.desktop { display:none; gap:2rem; align-items:center; }
    @media(min-width:768px){ nav.desktop { display:flex; } }
    .nav-link {
      background:none; border:none; cursor:pointer;
      font-family:'Space Grotesk',sans-serif; font-size:14px; font-weight:500;
      color:var(--text-secondary); position:relative; transition:color .3s;
      letter-spacing:.02em;
    }
    .nav-link::after {
      content:''; position:absolute; bottom:-4px; left:0; width:0; height:2px;
      background:linear-gradient(90deg,#1a1a2e,#c8a96e); transition:width .3s;
    }
    .nav-link:hover { color:var(--text-primary); }
    .nav-link:hover::after { width:100%; }

    .cta-desktop { display:none; }
    @media(min-width:768px){ .cta-desktop { display:flex; gap:1rem; align-items:center; } }

    .btn-primary {
      position:relative; background:linear-gradient(135deg,#1a1a2e,#0f0f1e);
      color:white; border:none; border-radius:8px; overflow:hidden;
      cursor:pointer; transition:all .3s ease; font-family:'Space Grotesk',sans-serif;
      font-weight:700;
    }
    .btn-primary::before {
      content:''; position:absolute; inset:0;
      background:linear-gradient(135deg,#2c5282,#1a1a2e); opacity:0; transition:opacity .3s;
    }
    .btn-primary:hover::before { opacity:1; }
    .btn-primary:hover {
      box-shadow:0 0 20px rgba(26,26,46,0.35),0 8px 20px rgba(26,26,46,0.2);
      transform:translateY(-2px);
    }
    .btn-primary span { position:relative; z-index:1; display:flex; align-items:center; gap:8px; }

    .btn-secondary {
      background:transparent; border:1px solid rgba(200,169,110,0.6); color:#8b6914;
      border-radius:8px; transition:all .3s ease; cursor:pointer; font-family:'Space Grotesk',sans-serif;
      font-weight:700;
    }
    .btn-secondary:hover {
      background:rgba(200,169,110,0.1); border-color:#c8a96e;
      box-shadow:0 4px 12px rgba(200,169,110,0.25); transform:translateY(-2px);
    }

    /* Hamburger */
    .hamburger {
      display:flex; background:none; border:1px solid rgba(26,26,46,0.2);
      border-radius:8px; padding:8px; cursor:pointer; flex-direction:column;
      justify-content:space-between; width:38px; height:38px; gap:5px;
    }
    @media(min-width:768px){ .hamburger { display:none; } }
    .hamburger span {
      display:block; height:2px; background:#1a1a2e;
      transition:all .3s ease; transform-origin:left center; border-radius:2px;
    }
    .hamburger.open span:nth-child(1) { transform:rotate(45deg) translateY(-1px); }
    .hamburger.open span:nth-child(2) { opacity:0; }
    .hamburger.open span:nth-child(3) { transform:rotate(-45deg) translateY(1px); }

    /* Mobile menu */
    .mobile-menu {
      position:fixed; inset:0; z-index:40;
      background:rgba(248,247,244,0.98); backdrop-filter:blur(20px);
      display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2rem;
      opacity:0; pointer-events:none; transition:opacity .3s ease;
    }
    .mobile-menu.open { opacity:1; pointer-events:all; }
    .mobile-nav-link {
      background:none; border:none; cursor:pointer;
      font-size:24px; font-weight:600; color:rgba(26,26,46,0.85);
      font-family:'Space Grotesk',sans-serif; transition:color .2s;
    }
    .mobile-nav-link:hover { color:#1a1a2e; }

    /* ── Hero ── */
    #hero {
      position:relative; min-height:100vh;
      display:flex; align-items:center; justify-content:center;
      overflow:hidden; padding-top:80px; z-index:2;
    }
    .hero-bg { position:absolute; inset:0; pointer-events:none; z-index:1; }
    .hero-glow-blue {
      position:absolute; width:600px; height:600px; top:-200px; left:-200px;
      background:radial-gradient(circle,rgba(26,26,46,0.06) 0%,transparent 70%);
      filter:blur(40px); border-radius:50%;
    }
    .hero-glow-gold {
      position:absolute; width:500px; height:500px; bottom:-100px; right:-100px;
      background:radial-gradient(circle,rgba(200,169,110,0.12) 0%,transparent 70%);
      filter:blur(60px); border-radius:50%;
    }
    .hero-content {
      position:relative; z-index:2;
      max-width:1280px; margin:0 auto; padding:6rem 1.5rem;
      text-align:center;
    }
    .hero-badge { display:flex; justify-content:center; margin-bottom:2rem; opacity:0; animation:fade-up .8s ease-out .1s forwards; }
    .hero-badge-inner {
      display:inline-flex; align-items:center; gap:8px;
      padding:8px 16px; border-radius:999px;
      background:rgba(26,26,46,0.07); border:1px solid rgba(26,26,46,0.2);
      font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
      color:#1a1a2e; font-family:'Space Grotesk',sans-serif;
    }
    .hero-badge-dot {
      width:6px; height:6px; border-radius:50%; background:#1a1a2e;
      box-shadow:0 0 6px #2c5282;
    }
    h1.hero-title {
      font-family:'Space Grotesk',sans-serif; font-weight:900;
      font-size:clamp(3rem,10vw,6rem); line-height:1.05;
      letter-spacing:-0.03em; margin-bottom:1.5rem;
      opacity:0; animation:fade-up .8s ease-out .2s forwards;
    }
    .hero-sub {
      font-size:clamp(1rem,2.5vw,1.25rem); color:var(--text-secondary);
      max-width:700px; margin:0 auto 2.5rem; line-height:1.7;
      opacity:0; animation:fade-up .8s ease-out .3s forwards;
    }
    .hero-cta {
      display:flex; flex-direction:column; gap:1rem;
      align-items:center; justify-content:center; margin-bottom:4rem;
      opacity:0; animation:fade-up .8s ease-out .4s forwards;
    }
    @media(min-width:640px){ .hero-cta { flex-direction:row; } }
    .hero-cta .btn-primary, .hero-cta .btn-secondary {
      padding:1rem 2rem; font-size:16px; width:100%;
    }
    @media(min-width:640px){ .hero-cta .btn-primary, .hero-cta .btn-secondary { width:auto; } }

    .hero-stats {
      display:grid; grid-template-columns:1fr 1fr; gap:1.5rem;
      max-width:900px; margin:0 auto;
      opacity:0; animation:fade-up .8s ease-out .5s forwards;
    }
    @media(min-width:768px){ .hero-stats { grid-template-columns:repeat(4,1fr); } }
    .hero-stat {
      background:rgba(255,255,255,0.8); backdrop-filter:blur(20px);
      border:1px solid rgba(26,26,46,0.1); border-radius:16px;
      padding:1rem; text-align:center;
    }
    .hero-stat-val {
      font-family:'Space Grotesk',sans-serif; font-weight:900;
      font-size:clamp(1.5rem,4vw,1.875rem);
      background:linear-gradient(135deg,#1a1a2e,#c8a96e);
      -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
    }
    .hero-stat-label { font-size:12px; color:#4a5568; margin-top:4px; letter-spacing:.02em; }

    .scroll-indicator { display:flex; flex-direction:column; align-items:center; margin-top:4rem; }
    .scroll-indicator span { font-size:11px; letter-spacing:.15em; color:#9ca3af; margin-bottom:12px; text-transform:uppercase; }
    .scroll-line { width:1px; height:48px; background:linear-gradient(180deg,rgba(26,26,46,0.4),transparent); }

    /* ── Section base ── */
    section { position:relative; padding:6rem 0; z-index:2; }
    .section-header { text-align:center; margin-bottom:4rem; }
    h2.section-title {
      font-family:'Space Grotesk',sans-serif; font-weight:900;
      font-size:clamp(2rem,5vw,3.5rem); letter-spacing:-0.02em;
      color:#1a1a2e; margin-bottom:1.5rem; line-height:1.1;
    }
    .section-sub { font-size:18px; color:var(--text-secondary); max-width:600px; margin:0 auto; }

    /* ── Services ── */
    .services-grid {
      display:grid; grid-template-columns:1fr; gap:1.5rem;
    }
    @media(min-width:768px){ .services-grid { grid-template-columns:repeat(2,1fr); } }

    .service-card {
      position:relative; overflow:hidden; padding:2rem;
      transition:all .4s cubic-bezier(0.175,0.885,0.32,1.275); cursor:pointer;
    }
    .service-card:hover { transform:translateY(-8px) scale(1.02); }
    .service-card .hover-glow {
      position:absolute; inset:0; opacity:0; pointer-events:none;
      transition:opacity .5s;
    }
    .service-card:hover .hover-glow { opacity:1; }
    .service-card .top-accent {
      position:absolute; top:0; left:0; right:0; height:1px; opacity:0; transition:opacity .3s;
    }
    .service-card:hover .top-accent { opacity:1; }
    .service-icon {
      width:64px; height:64px; border-radius:16px;
      display:flex; align-items:center; justify-content:center; margin-bottom:1.5rem;
    }
    .service-tagline {
      font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
      font-family:'Space Grotesk',sans-serif; margin-bottom:.75rem;
    }
    .service-title {
      font-family:'Space Grotesk',sans-serif; font-weight:700;
      font-size:22px; color:white; margin-bottom:1rem;
    }
    .service-desc { font-size:14px; color:var(--text-secondary); line-height:1.75; margin-bottom:1.5rem; }
    .service-features { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:1.5rem; }
    .service-feature { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--text-secondary); }
    .feature-dot { width:4px; height:4px; border-radius:50%; flex-shrink:0; }
    .service-cta {
      padding-top:1.5rem; border-top:1px solid rgba(26,26,46,0.08);
      display:flex; align-items:center; gap:8px;
      background:none; border-left:none; border-right:none; border-bottom:none;
      cursor:pointer; font-size:14px; font-weight:700; transition:gap .3s;
    }
    .service-card:hover .service-cta { gap:12px; }

    /* ── Stats ── */
    #stats { background:transparent; }
    .stats-grid {
      display:grid; grid-template-columns:1fr; gap:1.5rem;
    }
    @media(min-width:640px){ .stats-grid { grid-template-columns:repeat(2,1fr); } }
    @media(min-width:1024px){ .stats-grid { grid-template-columns:repeat(4,1fr); } }

    .stat-card {
      position:relative; overflow:hidden; padding:2rem; text-align:center;
      transition:transform .3s; cursor:default;
    }
    .stat-card:hover { transform:scale(1.05); }
    .stat-card .hover-glow {
      position:absolute; inset:0; opacity:0; pointer-events:none; transition:opacity .5s;
    }
    .stat-card:hover .hover-glow { opacity:1; }
    .stat-num {
      font-family:'Space Grotesk',sans-serif; font-weight:900;
      font-size:clamp(2.5rem,6vw,3.5rem); margin-bottom:.75rem;
    }
    .stat-label { font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:18px; color:#1a1a2e; margin-bottom:.5rem; }
    .stat-desc { font-size:14px; color:var(--text-secondary); }
    .stat-bottom-accent { position:absolute; bottom:0; left:0; right:0; height:1px; opacity:0; transition:opacity .3s; }
    .stat-card:hover .stat-bottom-accent { opacity:1; }

    /* ── Why Us ── */
    .why-header-grid {
      display:grid; grid-template-columns:1fr; gap:4rem; align-items:center; margin-bottom:5rem;
    }
    @media(min-width:1024px){ .why-header-grid { grid-template-columns:repeat(2,1fr); } }
    .why-grid {
      display:grid; grid-template-columns:1fr; gap:1.5rem;
    }
    @media(min-width:768px){ .why-grid { grid-template-columns:repeat(2,1fr); } }
    @media(min-width:1024px){ .why-grid { grid-template-columns:repeat(3,1fr); } }

    .why-card {
      position:relative; overflow:hidden; padding:1.5rem;
      transition:all .4s ease; cursor:default;
    }
    .why-card:hover { transform:scale(1.05); }
    .why-card .hover-glow { position:absolute; inset:0; opacity:0; transition:opacity .4s; pointer-events:none; }
    .why-card:hover .hover-glow { opacity:1; }
    .why-icon {
      width:48px; height:48px; border-radius:12px;
      display:flex; align-items:center; justify-content:center; margin-bottom:1rem;
    }
    .why-card h3 {
      font-family:'Space Grotesk',sans-serif; font-weight:700;
      font-size:18px; color:#1a1a2e; margin-bottom:.75rem;
    }
    .why-card p { font-size:14px; color:var(--text-secondary); line-height:1.7; }
    .why-bottom-line {
      position:absolute; bottom:0; left:0; right:0; height:1px;
      transform:scaleX(0); transition:transform .3s; transform-origin:left;
    }
    .why-card:hover .why-bottom-line { transform:scaleX(1); }

    /* ── About ── */
    .about-grid {
      display:grid; grid-template-columns:1fr; gap:4rem; align-items:center;
    }
    @media(min-width:1024px){ .about-grid { grid-template-columns:repeat(2,1fr); } }
    .cert-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:.75rem; margin-bottom:2rem; }
    .cert-card {
      padding:1rem; border-radius:12px;
      background:rgba(26,26,46,0.05); border:1px solid rgba(26,26,46,0.12);
    }
    .cert-name { font-size:18px; font-weight:900; color:#2c5282; font-family:'Space Grotesk',sans-serif; margin-bottom:4px; }
    .cert-full { font-size:11px; color:var(--text-secondary); line-height:1.4; }
    .industry-tags { display:flex; flex-wrap:wrap; gap:8px; }
    .industry-tag {
      padding:4px 12px; border-radius:999px; font-size:12px; font-weight:500;
      background:rgba(200,169,110,0.08); border:1px solid rgba(200,169,110,0.2); color:#c8a96e;
    }
    .float-badge {
      position:absolute; top:-24px; right:-24px;
      padding:.75rem 1rem; border-radius:16px;
    }
    .float-badge-val { font-size:24px; font-weight:900; color:#c8a96e; font-family:'Space Grotesk',sans-serif; }
    .float-badge-label { font-size:12px; color:var(--text-secondary); }
    .info-chip {
      display:flex; align-items:center; gap:.75rem; padding:.75rem 1.25rem; border-radius:12px;
    }
    .info-chip-content { }
    .info-chip-title { font-size:12px; font-weight:700; color:#1a1a2e; margin-bottom:2px; }
    .info-chip-sub { font-size:12px; color:var(--text-secondary); }

    /* ── Team ── */
    .team-grid {
      display:grid; grid-template-columns:1fr; gap:1.5rem;
    }
    @media(min-width:640px){ .team-grid { grid-template-columns:repeat(2,1fr); } }
    @media(min-width:1024px){ .team-grid { grid-template-columns:repeat(4,1fr); } }

    .team-card {
      position:relative; overflow:hidden; padding:1.5rem;
      transition:all .4s ease; border:1px solid rgba(26,26,46,0.1) !important;
    }
    .team-card:hover { transform:translateY(-6px); }
    .team-card .hover-glow { position:absolute; inset:0; opacity:0; transition:opacity .5s; pointer-events:none; }
    .team-card:hover .hover-glow { opacity:1; }
    .team-top-line { position:absolute; top:0; left:0; right:0; height:1px; opacity:.6; }
    .team-avatar {
      width:64px; height:64px; border-radius:16px;
      display:flex; align-items:center; justify-content:center;
      font-family:'Space Grotesk',sans-serif; font-weight:900; font-size:20px;
      margin-bottom:1.25rem;
    }
    .team-name { font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:18px; color:#1a1a2e; margin-bottom:4px; }
    .team-role { font-size:14px; font-weight:700; margin-bottom:.5rem; }
    .team-quals {
      font-size:12px; font-weight:500; color:#9ca3af; font-family:'Space Grotesk',sans-serif;
      padding-bottom:1rem; border-bottom:1px solid rgba(26,26,46,0.1); margin-bottom:1rem;
    }
    .team-bio { font-size:12px; color:var(--text-secondary); line-height:1.7; }

    /* ── Testimonials ── */
    .featured-testimonial {
      max-width:900px; margin:0 auto 3rem; padding:3rem;
      text-align:center; transition:all .5s ease;
    }
    .stars { display:flex; justify-content:center; gap:4px; margin-bottom:2rem; }
    blockquote.tq {
      font-family:'Space Grotesk',sans-serif; font-weight:600;
      font-size:clamp(1.1rem,2.5vw,1.375rem); line-height:1.6;
      color:#1a1a2e; margin-bottom:2rem;
    }
    .tq-author { display:flex; align-items:center; justify-content:center; gap:1rem; }
    .tq-avatar {
      width:48px; height:48px; border-radius:50%;
      display:flex; align-items:center; justify-content:center; font-weight:700; font-size:14px;
      font-family:'Space Grotesk',sans-serif;
    }
    .tq-name { font-weight:600; color:#1a1a2e; font-size:15px; }
    .tq-role { font-size:13px; color:var(--text-secondary); }
    .dots { display:flex; justify-content:center; gap:12px; margin-bottom:3rem; }
    .dot {
      height:8px; border-radius:999px; transition:all .3s; border:none; cursor:pointer;
      background:rgba(26,26,46,0.15);
    }
    .dot.active { background:linear-gradient(90deg,#1a1a2e,#c8a96e); width:24px; }
    .dot:not(.active) { width:8px; }

    .testi-mini-grid {
      display:grid; grid-template-columns:1fr; gap:1rem;
    }
    @media(min-width:640px){ .testi-mini-grid { grid-template-columns:repeat(2,1fr); } }
    @media(min-width:1024px){ .testi-mini-grid { grid-template-columns:repeat(4,1fr); } }

    .testi-mini {
      padding:1.25rem; text-align:left; cursor:pointer;
      background:rgba(255,255,255,0.8); border-radius:16px;
      border:1px solid rgba(26,26,46,0.1); transition:all .3s;
    }
    .testi-mini.active { box-shadow:0 4px 16px rgba(26,26,46,0.12); }
    .testi-mini-header { display:flex; align-items:center; gap:.75rem; margin-bottom:.75rem; }
    .testi-mini-avatar {
      width:36px; height:36px; border-radius:50%; flex-shrink:0;
      display:flex; align-items:center; justify-content:center; font-weight:700; font-size:12px;
      font-family:'Space Grotesk',sans-serif;
    }
    .testi-mini-name { font-size:12px; font-weight:600; color:#1a1a2e; }
    .testi-mini-role { font-size:11px; color:var(--text-secondary); }
    .testi-mini-quote { font-size:12px; color:var(--text-secondary); line-height:1.6; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

    /* ── Contact ── */
    .contact-grid {
      display:grid; grid-template-columns:1fr; gap:4rem; align-items:start;
    }
    @media(min-width:1024px){ .contact-grid { grid-template-columns:repeat(2,1fr); } }
    .contact-details { display:flex; flex-direction:column; gap:1rem; }
    .contact-item { display:flex; align-items:flex-start; gap:1rem; }
    .contact-icon {
      width:40px; height:40px; border-radius:12px; flex-shrink:0;
      display:flex; align-items:center; justify-content:center; margin-top:2px;
    }
    .contact-label { font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; font-family:'Space Grotesk',sans-serif; margin-bottom:4px; }
    .contact-val { font-size:14px; color:var(--text-secondary); }

    .form-card { padding:2rem; }
    .form-title { font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:18px; color:#1a1a2e; margin-bottom:1.5rem; }
    .form-row { display:grid; gap:1rem; }
    @media(min-width:640px){ .form-row { grid-template-columns:repeat(2,1fr); } }
    .form-group { display:flex; flex-direction:column; gap:8px; }
    label.form-label { font-size:12px; font-weight:500; color:var(--text-secondary); }
    input.form-input, select.form-input, textarea.form-input {
      background:rgba(255,255,255,0.95); border:1px solid rgba(26,26,46,0.2);
      border-radius:8px; color:var(--text-primary); padding:.75rem 1rem;
      font-size:14px; width:100%; transition:all .3s; font-family:'Inter',sans-serif;
      appearance:none; -webkit-appearance:none;
    }
    input.form-input:focus, select.form-input:focus, textarea.form-input:focus {
      outline:none; border-color:rgba(26,26,46,0.5);
      box-shadow:0 0 0 3px rgba(26,26,46,0.08);
    }
    input.form-input::placeholder, textarea.form-input::placeholder { color:#9ca3af; }
    textarea.form-input { resize:none; }
    .form-submit {
      width:100%; padding:1rem 1.5rem; font-size:16px; font-weight:700;
      letter-spacing:.04em; margin-top:.5rem;
    }
    .form-note { font-size:12px; color:#4a5568; text-align:center; margin-top:.5rem; }
    .form-success { text-align:center; padding:3rem 1rem; }
    .success-icon {
      width:80px; height:80px; border-radius:50%;
      display:flex; align-items:center; justify-content:center; margin:0 auto 1.5rem;
      background:linear-gradient(135deg,rgba(26,26,46,0.1),rgba(200,169,110,0.15));
      border:1px solid rgba(26,26,46,0.2);
    }
    .success-title { font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:22px; color:#1a1a2e; margin-bottom:.75rem; }
    .success-body { color:var(--text-secondary); }
    .spinner {
      width:16px; height:16px; border:2px solid rgba(255,255,255,0.3);
      border-top-color:white; border-radius:50%; animation:spin .6s linear infinite; display:inline-block;
    }

    /* ── Footer ── */
    footer { position:relative; z-index:2; border-top:1px solid rgba(26,26,46,0.12); }
    .footer-top { max-width:1280px; margin:0 auto; padding:4rem 1.5rem 0; }
    .footer-grid {
      display:grid; grid-template-columns:1fr; gap:3rem;
    }
    @media(min-width:1024px){ .footer-grid { grid-template-columns:2fr 1fr 1fr 1fr 1fr; } }
    .footer-brand p { font-size:14px; color:var(--text-secondary); line-height:1.75; max-width:280px; margin:.5rem 0 1.5rem; }
    .social-links { display:flex; gap:.75rem; }
    .social-link {
      width:36px; height:36px; border-radius:12px;
      display:flex; align-items:center; justify-content:center;
      background:rgba(26,26,46,0.07); border:1px solid rgba(26,26,46,0.15); color:#1a1a2e;
      text-decoration:none; font-size:12px; font-weight:700; font-family:'Space Grotesk',sans-serif;
      transition:transform .2s;
    }
    .social-link:hover { transform:scale(1.1); }
    .footer-col h4 {
      font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
      color:#c8a96e; font-family:'Space Grotesk',sans-serif; margin-bottom:1.25rem;
    }
    .footer-col ul { list-style:none; }
    .footer-col li { margin-bottom:.75rem; }
    .footer-col a { font-size:14px; color:var(--text-secondary); text-decoration:none; transition:color .2s; }
    .footer-col a:hover { color:#1a1a2e; }
    .footer-bottom {
      max-width:1280px; margin:0 auto; padding:1.5rem;
      border-top:1px solid rgba(26,26,46,0.08);
      display:flex; flex-direction:column; gap:1rem; align-items:center;
    }
    @media(min-width:768px){ .footer-bottom { flex-direction:row; justify-content:space-between; } }
    .footer-copy { font-size:12px; color:#9ca3af; }
    .footer-right { display:flex; align-items:center; gap:1.5rem; }
    .footer-reg { font-size:12px; color:#9ca3af; }
    .status-pill {
      display:flex; align-items:center; gap:8px; font-size:12px; padding:6px 12px; border-radius:999px;
      background:rgba(26,26,46,0.05); border:1px solid rgba(26,26,46,0.12); color:#2c5282;
    }
    .status-dot { width:6px; height:6px; border-radius:50%; background:#22c55e; box-shadow:0 0 6px #22c55e; }

    @media(prefers-reduced-motion:reduce){
      *{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
    }

    /* ── Grid background pattern in about section ── */
    .grid-pattern {
      position:absolute; inset:0; opacity:.05;
      background-image:linear-gradient(rgba(26,26,46,0.2) 1px,transparent 1px),linear-gradient(90deg,rgba(26,26,46,0.2) 1px,transparent 1px);
      background-size:40px 40px;
    }

  /* ── Page routing ── */
  .cpage { display:none; padding-top:80px; min-height:100vh; }
  .cpage.active { display:block; }

  /* ── Inner page hero ── */
  .iph {
    background: linear-gradient(135deg, var(--cobalt-500) 0%, var(--cobalt-400) 100%);
    padding: 5rem 2rem 4rem; position: relative; overflow: hidden;
  }
  .iph::after {
    content:''; position:absolute; bottom:0; left:0; right:0; height:40px;
    background: var(--navy-950); clip-path: ellipse(55% 100% at 50% 100%);
  }
  .iph .bc { display:flex; align-items:center; gap:8px; margin-bottom:16px; }
  .iph .bc a { font-size:.72rem; color:rgba(255,255,255,.55); cursor:pointer; letter-spacing:.04em; }
  .iph .bc span { font-size:.72rem; color:rgba(255,255,255,.25); }
  .iph h1 { font-family:'Space Grotesk',sans-serif; font-weight:800; font-size:clamp(2rem,4vw,3rem); color:#fff; margin-bottom:14px; letter-spacing:-.02em; }
  .iph p { font-size:.95rem; color:rgba(255,255,255,.7); max-width:600px; line-height:1.8; }

  /* ── Detail table ── */
  .dtbl { width:100%; border-collapse:collapse; margin:32px 0; }
  .dtbl tr:nth-child(odd) td:first-child { background:rgba(26,26,46,.06); }
  .dtbl tr:nth-child(even) td:first-child { background:rgba(26,26,46,.03); }
  .dtbl tr:hover td { background:rgba(200,169,110,.06); }
  .dtbl td { padding:18px 20px; border:1px solid rgba(26,26,46,.1); vertical-align:top; }
  .dtbl td:first-child { font-weight:700; color:var(--cobalt-400); width:26%; font-size:.82rem; letter-spacing:.04em; text-transform:uppercase; font-family:'Space Grotesk',sans-serif; }
  .dtbl td:last-child { font-size:.9rem; color:var(--text-secondary); line-height:1.8; }

  /* ── Steps ── */
  .steps-wrap { display:flex; flex-direction:column; gap:1px; }
  .step-row { display:grid; grid-template-columns:160px 1fr; background:rgba(26,26,46,.04); }
  .step-row:first-child { border-radius:16px 16px 0 0; }
  .step-row:last-child { border-radius:0 0 16px 16px; }
  .step-n { background:linear-gradient(135deg,var(--cobalt-500),var(--cobalt-400)); color:#fff; display:flex; align-items:center; justify-content:center; font-family:'Space Grotesk',sans-serif; font-size:1rem; font-weight:800; padding:24px; text-align:center; line-height:1.3; }
  .step-b { padding:24px 28px; border:1px solid rgba(26,26,46,.08); }
  .step-b h4 { font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:.88rem; color:var(--cobalt-500); margin-bottom:8px; letter-spacing:.05em; text-transform:uppercase; }
  .step-b p { font-size:.88rem; color:var(--text-secondary); margin:0; line-height:1.8; }

  /* ── Insight cards ── */
  .ig-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }
  @media(max-width:768px){ .ig-grid { grid-template-columns:1fr; } }
  .ig-card { background:#fff; border:1px solid rgba(26,26,46,.1); border-radius:16px; overflow:hidden; cursor:pointer; transition:all .3s; }
  .ig-card:hover { transform:translateY(-4px); box-shadow:0 20px 60px rgba(26,26,46,.12); }
  .ig-top { padding:28px 24px 20px; background:linear-gradient(135deg,var(--cobalt-500),var(--cobalt-400)); }
  .ig-cat { font-size:.65rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#c8a96e; margin-bottom:10px; font-family:'Space Grotesk',sans-serif; }
  .ig-title { font-family:'Space Grotesk',sans-serif; font-weight:700; color:#fff; font-size:1rem; line-height:1.4; }
  .ig-body { padding:20px 24px; }
  .ig-date { font-size:.68rem; color:var(--text-muted); margin-bottom:10px; letter-spacing:.04em; }
  .ig-ex { font-size:.84rem; color:var(--text-secondary); line-height:1.75; }
  .ig-read { display:inline-block; margin-top:14px; font-size:.74rem; font-weight:700; color:var(--cobalt-400); letter-spacing:.06em; text-transform:uppercase; font-family:'Space Grotesk',sans-serif; }

  /* ── Article ── */
  .art-wrap { max-width:720px; }
  .art-meta { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:36px; padding-bottom:24px; border-bottom:1px solid rgba(26,26,46,.1); }
  .art-meta span { font-size:.7rem; color:var(--text-secondary); background:rgba(26,26,46,.06); padding:4px 12px; border-radius:999px; letter-spacing:.04em; }
  .art-wrap h3 { font-family:'Space Grotesk',sans-serif; font-size:1.1rem; color:var(--cobalt-500); margin:28px 0 12px; font-weight:700; }
  .art-wrap p { color:var(--text-secondary); line-height:1.85; font-size:.92rem; margin-bottom:16px; }
  .art-wrap ul { padding-left:1.5rem; margin-bottom:16px; }
  .art-wrap ul li { color:var(--text-secondary); margin-bottom:8px; line-height:1.75; font-size:.9rem; }
  .back-l { display:inline-flex; align-items:center; gap:6px; color:var(--cobalt-400); font-size:.76rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; margin-bottom:28px; cursor:pointer; background:none; border:none; font-family:'Space Grotesk',sans-serif; }

  /* ── Ind grid ── */
  .ind-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem; }
  @media(max-width:1024px){ .ind-grid { grid-template-columns:repeat(2,1fr); } }
  @media(max-width:640px){ .ind-grid { grid-template-columns:1fr; } }
  .ind-card { background:#fff; border:1px solid rgba(26,26,46,.1); border-radius:16px; padding:24px 20px; transition:all .3s; }
  .ind-card:hover { box-shadow:0 12px 36px rgba(26,26,46,.1); transform:translateY(-3px); }
  .ind-icon { font-size:1.5rem; margin-bottom:12px; }
  .ind-card h4 { font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:.82rem; color:var(--cobalt-500); margin-bottom:8px; letter-spacing:.04em; text-transform:uppercase; }
  .ind-card p { font-size:.8rem; color:var(--text-secondary); margin:0; line-height:1.65; }

  /* ── Careers ── */
  .cag { display:grid; grid-template-columns:1fr 1fr; gap:4rem; }
  @media(max-width:768px){ .cag { grid-template-columns:1fr; } }

  /* ── Contact ── */
  .ct-grid { display:grid; grid-template-columns:1fr 1.5fr; gap:4rem; }
  @media(max-width:768px){ .ct-grid { grid-template-columns:1fr; } }
  .ct-item { display:flex; gap:16px; margin-bottom:24px; }
  .ct-ico { width:42px; height:42px; border-radius:12px; background:rgba(26,26,46,.07); border:1px solid rgba(26,26,46,.15); display:flex; align-items:center; justify-content:center; font-size:1rem; flex-shrink:0; }
  .ct-lbl { font-size:.68rem; font-weight:700; color:var(--cobalt-400); letter-spacing:.1em; text-transform:uppercase; margin-bottom:4px; font-family:'Space Grotesk',sans-serif; }
  .ct-val { font-size:.9rem; color:var(--text-secondary); line-height:1.6; }

  /* ── Policy ── */
  .pol h3 { font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:1rem; color:var(--cobalt-500); margin:24px 0 10px; }
  .pol p, .pol li { font-size:.9rem; color:var(--text-secondary); line-height:1.85; }

  /* ── Badge ── */
  .sbdg { display:inline-block; padding:3px 12px; border-radius:999px; font-size:.7rem; font-weight:700; background:rgba(200,169,110,.12); color:#8b6914; letter-spacing:.04em; font-family:'Space Grotesk',sans-serif; }

  /* ── Section label in pages ── */
  .plbl { font-size:.7rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#8b6914; margin-bottom:12px; display:block; font-family:'Space Grotesk',sans-serif; }
  .ph2 { font-family:'Space Grotesk',sans-serif; font-weight:800; font-size:clamp(1.8rem,3vw,2.5rem); color:var(--cobalt-500); margin-bottom:14px; letter-spacing:-.02em; }
  .psub { font-size:.95rem; color:var(--text-secondary); max-width:580px; margin-bottom:48px; line-height:1.85; }
  .ptext { font-size:.92rem; color:var(--text-secondary); line-height:1.85; margin-bottom:16px; }

  /* Values grid for about */
  .val-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }
  @media(max-width:768px){ .val-grid { grid-template-columns:1fr; } }
  .val-card { background:#fff; border:1px solid rgba(26,26,46,.1); border-radius:16px; padding:28px 24px; transition:all .3s; }
  .val-card:hover { box-shadow:0 12px 36px rgba(26,26,46,.1); }
  .val-n { font-family:'Space Grotesk',sans-serif; font-size:2.8rem; color:rgba(26,26,46,.07); font-weight:900; line-height:1; margin-bottom:10px; }
  .val-card h4 { font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:.85rem; color:var(--cobalt-500); margin-bottom:10px; letter-spacing:.06em; text-transform:uppercase; }
  .val-card p { font-size:.85rem; color:var(--text-secondary); margin:0; line-height:1.8; }

  /* Steps responsive */
  @media(max-width:640px){ .step-row { grid-template-columns:100px 1fr; } }