:root {
  /* Brand / main colors (do NOT unify) */
  --brand-navy: #1e3a5f;
  --brand-teal: #2dd4bf;

  /* Navy scale (shades of the main navy) */
  --navy-600: #2d4a7a;
  --navy-700: #172177;
  --navy-800: #152238;
  --navy-900: #0f2444;

  /* Teal accent family (also absorbs the old green accents) */
  --teal-50: #f0fdfa;
  --teal-100: #ccfbf1;
  --teal-500: #14b8a6;
  --teal-600: #0d9488;
  --teal-700: #0f766e;
  --teal-800: #115e59;
  --teal-tint-08: rgba(45, 212, 191, 0.08);
  --teal-tint-10: rgba(45, 212, 191, 0.1);
  --teal-tint-12: rgba(45, 212, 191, 0.12);
  --teal-tint-20: rgba(45, 212, 191, 0.2);
  --teal-tint-30: rgba(45, 212, 191, 0.3);
  --teal-tint-50: rgba(45, 212, 191, 0.5);

  /* Blue accent family (also absorbs indigo + violet) */
  --blue-50: #eff6ff;
  --blue-100: #dbeafe;
  --blue-200: #bfdbfe;
  --blue-500: #3b82f6;
  --blue-600: #4f46e5;
  --blue-700: #4338ca;
  --blue-800: #1e40af;
  --blue-tint-06: rgba(59, 130, 246, 0.06);

  /* Amber accent family (also absorbs yellow / orange) */
  --amber-100: #fef3c7;
  --amber-500: #f59e0b;
  --amber-600: #d97706;
  --amber-800: #92400e;

  /* Neutral gray scale (unified) */
  --gray-50: #f8fafc;
  --gray-100: #f1f5f9;
  --gray-200: #e5e7eb;
  --gray-300: #cbd5e1;
  --gray-400: #94a3b8;
  --gray-500: #64748b;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #0f172a;

  /* White + overlays */
  --white: #ffffff;
  --shadow-05: rgba(0, 0, 0, 0.05);
  --shadow-06: rgba(0, 0, 0, 0.06);
  --shadow-08: rgba(0, 0, 0, 0.08);
  --shadow-10: rgba(0, 0, 0, 0.1);
  --white-06: rgba(255, 255, 255, 0.06);
  --white-07: rgba(255, 255, 255, 0.07);
  --white-10: rgba(255, 255, 255, 0.1);
  --white-11: rgba(255, 255, 255, 0.11);
  --white-12: rgba(255, 255, 255, 0.12);
  --white-50: rgba(255, 255, 255, 0.5);
  --white-60: rgba(255, 255, 255, 0.6);
  --white-65: rgba(255, 255, 255, 0.65);
  --white-80: rgba(255, 255, 255, 0.8);
  --white-85: rgba(255, 255, 255, 0.85);
  --white-92: rgba(255, 255, 255, 0.92);

  /* --- extended tokens (homepage index.css) --- */
  --navy-tint-06: rgba(30, 58, 95, 0.06);
  --navy-tint-08: rgba(30, 58, 95, 0.08);
  --teal-tint-15: rgba(45, 212, 191, 0.15);
  --teal-tint-25: rgba(45, 212, 191, 0.25);
  --blue-tint-08: rgba(79, 70, 229, 0.08);
  --white-04: rgba(255, 255, 255, 0.04);
  --white-08: rgba(255, 255, 255, 0.08);
  --white-15: rgba(255, 255, 255, 0.15);
  --white-20: rgba(255, 255, 255, 0.2);
  --white-30: rgba(255, 255, 255, 0.3);
  --white-70: rgba(255, 255, 255, 0.7);
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--gray-800);background:#fff;-webkit-font-smoothing:antialiased;}
img{display:inline-block;max-width:100%;height:auto;}
/* ===== HEADER ===== */
.header{position:sticky;top:0;left:0;right:0;z-index:1000;background:var(--white-92);backdrop-filter:blur(20px);border-bottom:1px solid var(--shadow-06);transition:box-shadow 0.3s;padding:0 2rem;}
.header.scrolled{box-shadow:0 1px 20px var(--shadow-06);position:fixed;}
.header-inner{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:68px;}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;}
.brand-mark{width:48px;height:48px;display:flex;align-items:center;justify-content:center;}
.brand-mark img{width:100%;height:100%;}
.brand-text{display:flex;flex-direction:column;line-height:1.1;}
.brand-name{font-size:20px;font-weight:700;color:var(--navy-700);letter-spacing:-0.4px;}
.brand-sub{font-size:11px;color:var(--brand-teal);font-weight:600;letter-spacing:0.6px;text-transform:uppercase;}
.nav{display:flex;align-items:center;gap:2px;}
.nav a{display:block;text-decoration:none;font-size:14px;font-weight:500;color:var(--gray-600);padding:8px 14px;border-radius:6px;transition:all 0.15s;}
.nav a:hover{color:var(--brand-navy);background:var(--gray-100);}
.nav-cta{background:var(--brand-teal) !important;color:var(--brand-navy) !important;padding:9px 22px !important;border-radius:8px !important;font-weight:600 !important;margin-left:6px;}
.nav-cta:hover{background:var(--teal-500) !important;color:#fff !important;}
.mobile-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;}
.mobile-toggle span{display:block;width:24px;height:2px;background:var(--brand-navy);border-radius:2px;margin:5px 0;transition:0.2s;}
.nav .dropdown-inner{grid-template-columns:repeat(3,1fr);}
.nav .dropdown-inner>a{display:flex;align-items:center;min-height:70px;background:var(--gray-100);border-radius:10px;padding:15px 55px 15px 15px;position:relative;transition:all 400ms;}
.nav .dropdown-inner>a:hover{background:var(--blue-600);color:var(--white);}
.nav .dropdown-inner>a::before{position:absolute;content:' ';width:30px;height:30px;background-image:url(../images/nav-icon-1.svg);background-size:100% 100%;right:15px;top:50%;transform:translateY(-50%);transition:all 400ms;}
@media (max-width:1280px){.nav .dropdown-inner{grid-template-columns:repeat(2,1fr);}}
@media (max-width:900px){.nav .dropdown-inner>a{min-height:10px;}}
/* ===== FOOTER ===== */
.footer{background:var(--gray-100);padding:64px 2rem 32px;color:var(--gray-400);}
.footer-grid{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1.5fr 0.8fr 1fr;gap:3rem;}
.footer-brand-info p{font-size:14px;line-height:1.6;margin-top:1rem;color:var(--gray-600);max-width:500px;}
.footer-col h5{color:var(--brand-teal);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;margin-bottom:1.25rem;}
.footer-col a{display:block;color:var(--gray-600);text-decoration:none;font-size:14px;margin-bottom:0.65rem;transition:color 0.15s;}
.footer-col a:hover{color:var(--blue-600);}
.footer-col .f-contact{font-size:14px;margin-bottom:0.65rem;color:var(--gray-600);}
.footer-col .f-contact a{display:inline-block;margin-bottom:0;}
.footer-bottom{border-top:1px solid var(--gray-300);margin-top:3rem;padding-top:1.5rem;text-align:center;font-size:13px;color:var(--gray-500);max-width:1440px;margin-left:auto;margin-right:auto;}
.f-fluid{background:linear-gradient(135deg, var(--brand-navy) 0%, var(--blue-600) 100%);color:#fff !important;padding:20px 15px;text-align:center;font-size:14px;}
/* ===== Mobile (header & footer) ===== */
@media (max-width:900px){.footer-grid{grid-template-columns:1fr;gap:2rem;}.footer-brand-info p{max-width:100%;}
.nav{display:none;}
.nav.open{display:flex;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:#fff;border-bottom:1px solid var(--gray-200);padding:1rem 2rem;gap:4px;box-shadow:0 20px 32px var(--shadow-06);}
.mobile-toggle{display:block;}}
@media (max-width:600px){.footer-grid{grid-template-columns:1fr;}}
/* ===== NAV DROPDOWN (mega menu) ===== */
.nav-item{position:relative;display:flex;align-items:center;height:68px;}
.nav-item.has-dropdown > a{display:flex;align-items:center;gap:6px;cursor:pointer;}
.nav-item.has-dropdown > a::after{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid currentColor;opacity:0.55;transition:transform 0.2s;}
.nav-item.has-dropdown:hover > a::after{transform:rotate(180deg);}
.dropdown{position:fixed;top:68px;left:0;right:0;background:#fff;border-top:1px solid var(--shadow-06);box-shadow:0 20px 40px var(--shadow-08);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity 0.2s,transform 0.2s,visibility 0.2s;z-index:999;}
.nav-item.has-dropdown:hover .dropdown,.nav-item.has-dropdown:focus-within .dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.dropdown-inner{max-width:1440px;margin:0 auto;padding:2.5rem 2rem;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;}
.nav .dropdown-col-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.6px;color:var(--brand-navy);margin-bottom:1rem;padding-bottom:0.6rem;border-bottom:1px solid var(--gray-100);}
.nav .dropdown-col a{display:block;font-size:14px;color:var(--gray-600);text-decoration:none;padding:7px 0;transition:color 0.15s,padding-left 0.15s;}
.nav .dropdown-col a:hover{color:var(--brand-teal);padding-left:6px;}
/* ===== NAV DROPDOWN - Mobile (click to expand) ===== */
@media (max-width:900px){.nav-item{height:auto;display:block;width:100%;}
.nav a{padding:15px;width:100%;}
.nav-item.has-dropdown > a{display:flex;justify-content:space-between;}
.nav-item.has-dropdown .dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;background:var(--gray-50);max-height:0;overflow:hidden;transition:max-height 0.3s ease;}
.nav-item.has-dropdown.open .dropdown{max-height:1200px;}
.nav .dropdown-inner{grid-template-columns:1fr;gap:1.25rem;padding:0.5rem 0 1rem;}
.nav-item.has-dropdown.open .dropdown-inner{padding:0.75rem 1rem 1.25rem;}
.nav .dropdown-col-title{margin-bottom:0.5rem;border-bottom:none;padding-bottom:0;}
.nav .dropdown-col a{padding:6px 0;}
.nav-item.has-dropdown.open > a::after{transform:rotate(180deg);}}
/* ===== CTA ===== */
.cta-section{background:linear-gradient( 135deg,var(--brand-navy) 0%,var(--blue-600) 100% );padding:88px 2rem;text-align:center;position:relative;overflow:hidden;}
.cta-section::before{content:"";position:absolute;inset:0;background:radial-gradient( ellipse 60% 100% at 50% 100%,var(--teal-tint-10) 0%,transparent 60% ),radial-gradient(circle at 20% 20%,var(--blue-tint-06) 0%,transparent 40%);pointer-events:none;}
.cta-inner{max-width:1000px;margin:0 auto;position:relative;}
.cta-inner h2{font-size:clamp(28px,3.5vw,42px);font-weight:800;color:#fff;letter-spacing:-1px;line-height:1.15;margin-bottom:1rem;}
.cta-inner p{font-size:17px;color:var(--white-85);line-height:1.6;margin-bottom:2rem;}
.btn-cta{background:var(--brand-teal);color:var(--brand-navy);padding:15px 36px;border-radius:12px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all 0.2s;}
.btn-cta:hover{background:var(--teal-500);color:#fff;transform:translateY(-2px);box-shadow:0 12px 32px var(--teal-tint-30);}
.btn-cta svg{width:16px;height:16px;}

.mar0{margin-top:0 !important;margin-bottom:0 !important;}
.img-cover{position:relative;overflow:hidden;}
.img-cover img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}