*{margin:0;padding:0;box-sizing:border-box;}
    :root{
      /* ── Logo-matched Brand Palette ── */
      --primary: #2E7D32;           /* Forest Green (Community text) */
      --primary-light: #e8f5e9;
      --primary-dark: #1B5E20;
      --secondary: #29ABE2;         /* Sky Blue (arc) */
      --secondary-dark: #1565C0;
      --navy: #002257;              /* Deep Navy (Tech for text) */
      --orange: #F47920;            /* Vivid Orange (arc/figure) */
      --gold: #FFCC00;              /* Golden Yellow (circles) */
      --accent: #F47920;            /* Orange as accent */
      --accent-soft: #FFF3E0;
      --dark: #0D1B2A;
      --gray-50: #f8fafc;
      --gray-100: #f1f5f9;
      --gray-200: #e2e8f0;
      --gray-400: #94a3b8;
      --gray-600: #475569;
      --gray-800: #1e293b;
      --glass: rgba(255, 255, 255, 0.85);
      --glass-dark: rgba(15, 23, 42, 0.85);
      --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
      --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
      --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
      --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
      --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
      --radius: 24px;
      --radius-sm: 16px;
      --radius-xs: 12px;
      --font-main: "Plus Jakarta Sans", "Inter", sans-serif;
    }
    
    /* Reveal Animation Classes */
    .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); }
    .reveal.active { opacity: 1; transform: translateY(0); }
    .reveal-left { opacity: 0; transform: translateX(-30px); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); }
    .reveal-left.active { opacity: 1; transform: translateX(0); }
    .reveal-right { opacity: 0; transform: translateX(30px); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); }
    .reveal-right.active { opacity: 1; transform: translateX(0); }
    
    /* ── GLOBAL AESTHETICS ── */
    ::selection { background: var(--primary); color: white; }
    ::-moz-selection { background: var(--primary); color: white; }
    
    /* Custom Scrollbar */
    ::-webkit-scrollbar { width: 12px; }
    ::-webkit-scrollbar-track { background: var(--gray-50); }
    ::-webkit-scrollbar-thumb { background: var(--gray-200); border-radius: 10px; border: 3px solid var(--gray-50); }
    ::-webkit-scrollbar-thumb:hover { background: var(--gray-400); }
    
    html{scroll-behavior:smooth; overflow-y: scroll;}
    body{font-family:"Plus Jakarta Sans","Inter",sans-serif;background:#FAFAFA;color:#1e293b;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
    a{text-decoration:none;color:inherit;}ul{list-style:none;}
    .container{max-width:1320px;margin:0 auto;padding:0 24px;}
    @media(min-width:768px){.container{padding:0 40px;}}

    /* ── SCROLLING BANNER ── */
    .scrolling-banner{background: linear-gradient(90deg, var(--navy), #003380, var(--navy));color:#ffffff;padding:12px 0;overflow:hidden;white-space:nowrap; border-bottom: 1px solid rgba(255,255,255,0.1); box-shadow: 0 4px 15px rgba(0,0,0,0.1); position: relative; z-index: 1001;}
    .banner-track{display:inline-block;animation:scrollBanner 30s linear infinite;}
    .banner-content{display:inline-flex;gap:56px;align-items:center;font-weight:700;font-size:0.9rem;letter-spacing:0.03em;}
    .banner-content i{color:var(--gold);margin:0 8px; filter: drop-shadow(0 0 5px rgba(255,204,0,0.5));}
    @keyframes scrollBanner{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

    /* ── HEADER ── */
    .main-header{
      background: var(--glass);
      backdrop-filter: blur(24px);
      -webkit-backdrop-filter: blur(24px);
      position: sticky;
      top: 0;
      z-index: 1000;
      border-bottom: 1px solid rgba(255, 255, 255, 0.4);
      box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.08);
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .main-header.scrolled {
      background: rgba(255, 255, 255, 0.95);
      padding: 5px 0;
      box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.1);
    }
    .header-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:12px 0;gap:24px;}
    .logo img{height:60px;width:auto;display:block;transition: 0.3s;}
    @media(min-width:768px){.logo img{height:72px;}}
    .nav-menu{display:none;}
    @media(min-width:1024px){.nav-menu{display:flex;gap:2px;align-items:center;justify-content:center;}}
    .nav-item{position:relative;padding:8px 0;}
    .nav-link{
      font-weight:700;
      font-size:0.95rem;
      padding:10px 18px;
      border-radius:50px;
      color:var(--gray-800);
      display:flex;
      align-items:center;
      gap:8px;
      transition:all 0.3s;
      position: relative;
    }
    .nav-link::after {
      content: '';
      position: absolute;
      bottom: 5px;
      left: 50%;
      width: 0;
      height: 3px;
      background: linear-gradient(90deg, var(--primary), var(--secondary));
      transition: 0.3s;
      transform: translateX(-50%);
      border-radius: 3px;
    }
    .nav-link:hover::after, .nav-link.active::after {
      width: 24px;
    }
    .nav-link:hover, .nav-link.active{color:var(--primary);}
    .header-actions{display:flex;gap:12px;align-items:center;}
    .icon-btn{
      background: var(--gray-50);
      border: 1px solid var(--gray-200);
      font-size: 1.25rem;
      color: var(--gray-800);
      cursor: pointer;
      position: relative;
      width: 46px;
      height: 46px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .icon-btn:hover{
      background: white;
      color: var(--primary);
      transform: scale(1.08);
      box-shadow: 0 10px 20px -5px rgba(0,0,0,0.1);
      border-color: var(--primary-light);
    }
    .badge-count{
      position: absolute;
      top: -4px;
      right: -4px;
      background: linear-gradient(135deg, var(--accent), #ff5722);
      color: white;
      font-size: 0.7rem;
      font-weight: 800;
      min-width: 20px;
      height: 20px;
      border-radius: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid white;
      box-shadow: 0 4px 8px rgba(244, 121, 32, 0.4);
    }
    .mobile-menu-btn{display:block;background:none;border:none;font-size:1.6rem;color:var(--gray-800);padding:6px 8px;cursor:pointer;}
    @media(min-width:1024px){.mobile-menu-btn{display:none;}}
    .btn-whatsapp-nav{background:#25d366;color:white;border:none;padding:10px 20px;border-radius:50px;font-weight:700;font-size:0.9rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:0.2s;}
    .btn-whatsapp-nav:hover{background:#1ebe5d;transform:translateY(-1px);}

    /* Mega Menu */
    .mega-menu{position:absolute;top:calc(100% + 8px);left:0;background:rgba(255,255,255,0.98); backdrop-filter: blur(20px); box-shadow:var(--shadow-2xl);border-radius:var(--radius);padding:32px 36px;opacity:0;visibility:hidden;transform:translateY(15px);transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);z-index:200;min-width:860px;border:1px solid rgba(255,255,255,0.5);pointer-events:none;}
    .nav-item:hover .mega-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;}
    .mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;}
    .mega-col h4{color:var(--primary);margin-bottom:16px;font-weight:800;font-size:0.95rem;text-transform:uppercase;letter-spacing:0.05em; border-bottom: 2px solid var(--primary-light); padding-bottom: 8px;}
    .mega-col ul li{margin-bottom:12px;}
    .mega-col ul li a{color:var(--gray-600);display:flex;align-items:center;gap:12px;font-weight:600;font-size:0.95rem;transition:all 0.2s;}
    .mega-col ul li a i{width:24px;height:24px; display:flex; align-items:center; justify-content:center; background:var(--gray-50); border-radius:50%; color:var(--secondary);font-size:0.85rem; transition:0.2s;}
    .mega-col ul li a:hover{color:var(--primary);transform:translateX(4px);}
    .mega-col ul li a:hover i{background:var(--primary-light); color:var(--primary); transform:scale(1.1);}
    .featured-badge{background: linear-gradient(135deg, var(--accent), #ff5722);padding:2px 8px;border-radius:40px;font-size:0.65rem;font-weight:800;color:white;margin-left:6px; box-shadow:0 2px 5px rgba(244,121,32,0.3);}

    /* ── HERO SLIDER ── */
    .hero-slider{position:relative;width:100%;height:95vh;min-height:650px;overflow:hidden;}
    .slides-container{display:flex;height:100%;transition:transform 0.8s cubic-bezier(0.65, 0, 0.35, 1);}
    .slide{
      min-width:100%;
      height:100%;
      background-size:cover;
      background-position:center;
      display:flex;
      align-items:center;
      position:relative;
    }
    .slide::before{
      content:'';
      position:absolute;
      inset:0;
      background: linear-gradient(to right, rgba(15, 23, 42, 0.85) 0%, rgba(15, 23, 42, 0.5) 50%, transparent 100%);
      z-index:1;
    }
    .slide-content{
      position:relative;
      z-index:2;
      max-width:750px;
      padding:32px;
      margin-left:8%;
      opacity: 0;
      transform: translateY(40px);
      transition: all 1s 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .slides-container .slide.active .slide-content {
      opacity: 1;
      transform: translateY(0);
    }
    .slide-tag{
      display: inline-block;
      background: rgba(255, 255, 255, 0.1);
      backdrop-filter: blur(12px);
      padding: 8px 24px;
      border-radius: 40px;
      font-weight: 800;
      color: #fff;
      margin-bottom: 24px;
      font-size: 0.9rem;
      text-transform: uppercase;
      letter-spacing: 2px;
      border: 1px solid rgba(255, 255, 255, 0.2);
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    }
    .slide-content h1{
      font-size: clamp(2.5rem, 8vw, 5rem);
      font-weight: 900;
      line-height: 1.1;
      margin-bottom: 24px;
      color: #ffffff;
      letter-spacing: -0.02em;
      text-shadow: 0 10px 30px rgba(0,0,0,0.3);
    }
    .slide-content p{
      font-size: clamp(1rem, 4vw, 1.35rem);
      color: rgba(255, 255, 255, 0.95);
      margin-bottom: 40px;
      line-height: 1.7;
      text-shadow: 0 4px 10px rgba(0,0,0,0.2);
    }
    .slide-btns{display:flex;gap:16px;flex-wrap:wrap;}
    .slider-dots{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:10;}
    .dot{width:12px;height:12px;background:rgba(255,255,255,0.3);border-radius:20px;border:none;cursor:pointer;transition:0.4s;}
    .dot.active{background:white;width:40px;}
    .slider-arrow{
      position:absolute;
      top:50%;
      transform:translateY(-50%);
      z-index:10;
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.1);
      color:white;
      width:56px;
      height:56px;
      border-radius:50%;
      cursor:pointer;
      font-size:1.2rem;
      display:flex;
      align-items:center;
      justify-content:center;
      backdrop-filter:blur(10px);
      transition:all 0.3s;
    }
    .slider-arrow:hover{
      background: rgba(255, 255, 255, 0.2);
      transform: translateY(-50%) scale(1.1);
    }
    .slider-arrow.prev{left:30px;}
    .slider-arrow.next{right:30px;}

    /* ── BUTTONS ── */
    .btn-primary, .btn-outline, .btn-secondary {
      padding: 14px 32px;
      border-radius: 50px;
      font-weight: 700;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      cursor: pointer;
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      font-size: 1rem;
      border: none;
      font-family: inherit;
      letter-spacing: -0.01em;
    }
    .btn-primary {
      background: linear-gradient(135deg, var(--primary), #10b981);
      color: white;
      box-shadow: 0 10px 20px -5px rgba(16, 185, 129, 0.5);
      border: 1px solid rgba(255, 255, 255, 0.1);
    }
    .btn-primary:hover {
      transform: translateY(-4px);
      box-shadow: 0 20px 30px -5px rgba(16, 185, 129, 0.6);
      filter: brightness(1.15);
    }
    .btn-outline {
      background: transparent;
      border: 2px solid rgba(255, 255, 255, 0.3);
      color: white;
      backdrop-filter: blur(8px);
    }
    .btn-outline:hover {
      background: white;
      color: var(--primary);
      border-color: white;
      transform: translateY(-3px);
    }
    .btn-secondary {
      background: white;
      color: var(--primary);
      box-shadow: var(--shadow-md);
    }
    .btn-secondary:hover {
      background: var(--primary-light);
      transform: translateY(-3px);
      box-shadow: var(--shadow-lg);
    }
    .btn-whatsapp {
      background: linear-gradient(135deg, #25d366, #128c7e);
      color: white;
      padding: 16px 36px;
      border-radius: 50px;
      font-weight: 700;
      font-size: 1.05rem;
      border: none;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 12px;
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      font-family: inherit;
      box-shadow: 0 10px 15px -3px rgba(37, 211, 102, 0.3);
    }
    .btn-whatsapp:hover {
      transform: translateY(-3px);
      box-shadow: 0 20px 25px -5px rgba(37, 211, 102, 0.4);
      filter: brightness(1.05);
    }

    /* ── CONTENT BELOW SLIDER ── */
    .content-below-slider{background:white;position:relative;z-index:5;overflow-x:hidden;}
    .home-content-pad{padding-top:64px;border-radius:40px 40px 0 0;margin-top:-40px;background:white;}

    /* ── SECTIONS ── */
    .page-section{display:none;padding-bottom:120px;}
    .page-section.active{display:block;}
    .section-block{padding:100px 0;}
    .section-block-lg{padding:140px 0;}
    .section-bg-gray{background:var(--gray-50);width:100vw;left:50%;position:relative;transform:translateX(-50%);}

    /* Stats Bar */
    .stats-bar{display:flex;gap:16px;justify-content:center;padding:0 0 40px;flex-wrap:wrap;}
    .stat-item{text-align:center;padding:16px 28px;background:var(--gray-50);border-radius:var(--radius-sm);border:1px solid var(--gray-200);}
    .stat-item .num{font-size:2.2rem;font-weight:800;color:var(--primary);display:block;}
    .stat-item .lbl{color:var(--gray-600);font-size:0.88rem;font-weight:600;}

    /* Section Header */
    .section-header{text-align:center;margin-bottom:56px;margin-top:80px;}
    .section-header:first-child{margin-top:0;}
    .section-label{display:inline-block;background: linear-gradient(135deg, rgba(46, 125, 50, 0.1), rgba(41, 171, 226, 0.1)); color:var(--primary);font-weight:800;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.1em;padding:8px 20px;border-radius:40px;margin-bottom:16px; border: 1px solid rgba(46, 125, 50, 0.2); box-shadow: 0 4px 10px rgba(0,0,0,0.03);}
    .section-header h2{font-size:clamp(2rem, 5vw, 3rem);font-weight:800;color:var(--dark);margin-bottom:16px; letter-spacing:-0.02em;}
    .section-header p{font-size:1.15rem;color:var(--gray-600);max-width:650px;margin:0 auto; line-height:1.7;}

    /* Page Hero Banner (for inner pages) */
    .page-hero{background:var(--primary-dark);color:#ffffff;padding:100px 0 110px;text-align:center;position:relative;overflow:hidden;margin-bottom:0;width:100vw;left:50%;transform:translateX(-50%);margin-top:0;display:flex;align-items:center;justify-content:center;}
    .page-hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
    .page-hero-inner{position:relative;z-index:1;width:100%; padding: 0 20px;}
    .page-hero h1{font-size:clamp(2.2rem, 6vw, 3.5rem);font-weight:800;margin-bottom:16px;letter-spacing:-0.02em;color:#ffffff;}
    .page-hero p{font-size:1.2rem;color:#e2fce8;max-width:700px;margin:0 auto 24px;line-height:1.6;}
    .breadcrumb{display:flex;gap:8px;align-items:center;justify-content:center;font-size:0.9rem;color:#a7f3c5;margin-bottom:20px;font-weight:500;}
    .breadcrumb span{color:#ffffff;font-weight:700;cursor:pointer;}
    .breadcrumb i{font-size:0.7rem;color:#a7f3c5;}

    /* ── PRODUCT CARDS ── */
    .product-grid{display:grid;grid-template-columns:1fr;gap:24px;}
    @media(min-width:640px){.product-grid{grid-template-columns:repeat(2,1fr);}}
    @media(min-width:1024px){.product-grid{grid-template-columns:repeat(4,1fr);gap:32px;}}
    .product-card{
      background: var(--gray-800);
      border-radius: var(--radius-sm);
      padding: 20px;
      box-shadow: var(--shadow-xl);
      border: 1px solid rgba(255, 255, 255, 0.05);
      position: relative;
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      display: flex;
      flex-direction: column;
      color: white;
    }
    .product-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, max-content));
      gap: 32px;
      justify-content: center;
      padding: 40px 0;
    }
    .product-card {
      background: var(--secondary); /* Official Brand Blue */
      border: 1px solid rgba(255,255,255,0.2);
      border-radius: 28px;
      padding: 24px;
      display: flex;
      flex-direction: column;
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      height: 480px;
      width: 280px;
      flex-shrink: 0;
      margin: 10px;
      box-shadow: 0 15px 30px rgba(41, 171, 226, 0.2);
      color: #ffffff;
      text-align: center;
      position: relative;
      overflow: hidden;
    }
    .product-card:hover {
      transform: translateY(-12px) scale(1.02);
      box-shadow: 0 30px 60px rgba(41, 171, 226, 0.4);
      border-color: #ffffff;
      background: #2399cb; /* Slightly darker shade of secondary blue for hover */
    }
    
    .products-marquee-section {
      background: var(--navy); /* Official Navy Blue Background */
      border-radius: 40px;
      margin: 40px 0;
      padding: 80px 0;
    }
    .product-img {
      height: 240px; 
      width: 100%;
      background: var(--navy);
      backdrop-filter: blur(5px);
      border-radius: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 24px;
      overflow: hidden;
      position: relative;
    }
    .product-img img {
      max-height: 85%;
      max-width: 85%;
      object-fit: contain;
      transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
      filter: drop-shadow(0 15px 25px rgba(0,0,0,0.6));
    }
    .product-card:hover .product-img img {
      transform: scale(1.18);
    }
    .product-cat {
      font-size: 0.75rem;
      font-weight: 700;
      color: var(--primary);
      text-transform: uppercase;
      margin-bottom: 10px;
      letter-spacing: 1.2px;
      opacity: 0.9;
    }
    .product-name {
      font-size: 1.2rem;
      font-weight: 800;
      color: #ffffff;
      margin-bottom: 16px;
      line-height: 1.2;
      height: 2.4em; 
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
    .rating {
      color: #FFD700;
      font-size: 0.9rem;
      margin-bottom: 16px;
    }
    .price {
      margin-top: auto;
      margin-bottom: 20px;
    }
    .current-price {
      font-size: 1.4rem;
      font-weight: 800;
      color: #ffffff;
    }
    .old-price {
      font-size: 0.9rem;
      color: rgba(255,255,255,0.4);
      text-decoration: line-through;
      margin-left: 10px;
    }
    .card-actions {
      display: flex;
      gap: 12px;
      width: 100%;
    }
    .add-to-cart {
      flex: 1;
      height: 48px;
      background: var(--primary);
      color: white;
      border: none;
      border-radius: 24px;
      font-weight: 800;
      font-size: 0.95rem;
      cursor: pointer;
      transition: all 0.3s;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
    }
    .add-to-cart:hover {
      background: #ffffff;
      color: var(--navy);
      transform: scale(1.05);
    }
    .add-to-wishlist {
      width: 48px;
      height: 48px;
      background: rgba(255,255,255,0.1);
      color: white;
      border: none;
      border-radius: 50%;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s;
    }
    .add-to-wishlist:hover {
      background: #E11D48;
      color: white;
      transform: scale(1.1);
    }
    /* ── BLOG PAGE ── */
    .blog-featured{
      display: grid;
      grid-template-columns: 1fr;
      background: white;
      border-radius: 32px;
      overflow: hidden;
      box-shadow: var(--shadow-xl);
      margin-bottom: 48px;
      border: 1px solid var(--gray-100);
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }
    @media(min-width:1024px){.blog-featured{grid-template-columns: 1.2fr 1fr;}}
    .blog-featured:hover{
      transform: translateY(-8px);
      box-shadow: 0 40px 80px -15px rgba(0, 0, 0, 0.15);
    }
    .blog-featured-img{
      width: 100%;
      height: 100%;
      min-height: 300px;
      object-fit: cover;
    }
    .blog-featured-content{
      padding: 48px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .blog-card{
      background: white;
      border-radius: 24px;
      overflow: hidden;
      border: 1px solid var(--gray-100);
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      display: flex;
      flex-direction: column;
      box-shadow: var(--shadow-sm);
    }
    .blog-card:hover{
      transform: translateY(-8px);
      box-shadow: var(--shadow-xl);
      border-color: var(--primary-light);
    }
    .blog-card-img{
      width: 100%;
      aspect-ratio: 16/10;
      object-fit: cover;
    }
    .blog-card-content{
      padding: 24px;
      flex: 1;
      display: flex;
      flex-direction: column;
    }
    .blog-tag{
      display: inline-block;
      padding: 4px 12px;
      background: var(--primary-light);
      color: var(--primary);
      font-size: 0.7rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      border-radius: 40px;
      margin-bottom: 12px;
    }
    .blog-title{
      font-size: 1.25rem;
      font-weight: 800;
      color: var(--dark);
      margin-bottom: 12px;
      line-height: 1.4;
    }
    .blog-excerpt{
      font-size: 0.95rem;
      color: var(--gray-600);
      line-height: 1.6;
      margin-bottom: 20px;
    }
    .blog-meta{
      margin-top: auto;
      display: flex;
      align-items: center;
      gap: 12px;
      font-size: 0.85rem;
      color: var(--gray-400);
      font-weight: 600;
    }
    .blog-meta img{
      width: 32px;
      height: 32px;
      border-radius: 50%;
      object-fit: cover;
    }
    
    /* ── REDESIGNED TESTIMONIALS V3 ── */
    .testimonial-card-v3 {
      background: white;
      border-radius: 32px;
      padding: 40px;
      border: 1px solid var(--gray-100);
      position: relative;
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    .testimonial-card-v3:hover {
      transform: translateY(-10px);
      box-shadow: 0 30px 60px rgba(0,0,0,0.08);
      border-color: var(--primary);
    }
    .testimonial-card-v3.highlighted {
      background: var(--navy);
      color: white;
      border: none;
    }
    .testimonial-card-v3.highlighted .t-text {
      color: rgba(255,255,255,0.9);
    }
    .testimonial-card-v3.highlighted .t-name {
      color: white;
    }
    .testimonial-card-v3.highlighted .t-role {
      color: rgba(255,255,255,0.6);
    }
    .t-quote {
      font-size: 2.5rem;
      color: var(--primary);
      margin-bottom: 24px;
      opacity: 0.2;
    }
    .testimonial-card-v3.highlighted .t-quote {
      color: var(--primary);
      opacity: 0.4;
    }
    .t-text {
      font-size: 1.15rem;
      line-height: 1.7;
      color: var(--gray-700);
      font-weight: 500;
      margin-bottom: 32px;
      font-style: italic;
    }
    .t-author {
      display: flex;
      align-items: center;
      gap: 16px;
    }
    .t-avatar {
      width: 56px;
      height: 56px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 800;
      font-size: 1.1rem;
      flex-shrink: 0;
    }
    .t-info {
      display: flex;
      flex-direction: column;
    }
    .t-name {
      font-weight: 800;
      color: var(--navy);
      font-size: 1.1rem;
    }
    .t-role {
      font-size: 0.85rem;
      color: var(--gray-500);
      font-weight: 600;
    }

    /* ── TESTIMONIALS MARQUEE ── */
    .t-marquee-track {
      display: flex;
      gap: 32px;
      width: max-content;
      animation: t-scroll 40s linear infinite;
      padding: 20px 0;
    }
    .t-marquee-track:hover {
      animation-play-state: paused;
    }
    @keyframes t-scroll {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }
    .t-marquee-container .testimonial-card-v3 {
      width: 450px;
      flex-shrink: 0;
    }

    /* ── MODERN BLOG CARDS ── */
    .modern-blog-card {
      background: white;
      border-radius: 32px;
      overflow: hidden;
      border: 1px solid var(--gray-100);
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      display: flex;
      flex-direction: column;
    }
    .modern-blog-card:hover {
      transform: translateY(-12px);
      box-shadow: 0 30px 60px rgba(0,0,0,0.1);
      border-color: var(--primary);
    }
    .mb-img-wrap {
      height: 240px;
      overflow: hidden;
      position: relative;
    }
    .mb-img-wrap img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .modern-blog-card:hover .mb-img-wrap img {
      transform: scale(1.1);
    }
    .mb-tag {
      position: absolute;
      top: 20px;
      left: 20px;
      background: var(--primary);
      color: white;
      padding: 6px 16px;
      border-radius: 50px;
      font-size: 0.75rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 1px;
    }
    .mb-content {
      padding: 32px;
      flex: 1;
      display: flex;
      flex-direction: column;
    }
    .mb-date {
      font-size: 0.85rem;
      color: var(--gray-400);
      font-weight: 600;
      margin-bottom: 12px;
    }
    .mb-title {
      font-size: 1.3rem;
      font-weight: 800;
      color: var(--navy);
      line-height: 1.4;
      margin-bottom: 16px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .mb-excerpt {
      font-size: 1rem;
      color: var(--gray-600);
      line-height: 1.6;
      margin-bottom: 24px;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .mb-link {
      margin-top: auto;
      font-weight: 800;
      color: var(--primary);
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 0.95rem;
      transition: gap 0.3s;
    }
    .modern-blog-card:hover .mb-link {
      gap: 12px;
    }

    .card-actions button{
      flex: 1;
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.1);
      padding: 12px;
      border-radius: 50px;
      font-weight: 700;
      font-size: 0.85rem;
      cursor: pointer;
      transition: 0.3s;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-family: inherit;
      color: white;
    }
    .card-actions button:hover{
      background: var(--primary);
      color: white;
      border-color: var(--primary);
      transform: translateY(-3px);
      box-shadow: 0 10px 20px rgba(5, 150, 105, 0.3);
    }

    /* ── SHOP PAGE ── */
    .shop-toolbar{display:flex;justify-content:space-between;align-items:center;margin:10px 0 28px;flex-wrap:wrap;gap:16px;padding:20px 24px;background:var(--gray-50);border-radius:var(--radius-sm);border:1px solid var(--gray-200);}
    .shop-filters{display:flex;gap:8px;flex-wrap:wrap;}
    .filter-btn{background:white;border:1.5px solid var(--gray-200);padding:9px 18px;border-radius:40px;font-weight:600;font-size:0.88rem;cursor:pointer;transition:0.2s;font-family:inherit;}
    .filter-btn:hover,.filter-btn.active{background:var(--primary);color:white;border-color:var(--primary);}
    .shop-count{color:var(--gray-600);font-size:0.9rem;font-weight:600;}

    /* ── IMPACT STORY ── */
    .impact-story{display:grid;grid-template-columns:1fr;gap:48px;align-items:center;margin:80px 0;background:var(--primary-light);border-radius:var(--radius);padding:44px 32px;border:1px solid #b6dfc8;}
    @media(min-width:768px){.impact-story{grid-template-columns:1fr 1fr;padding:64px;}}
    .impact-story img{width:100%;border-radius:24px;box-shadow:var(--shadow-xl);object-fit:cover;max-height:400px;}
    .impact-text h2{font-size:1.9rem;font-weight:800;color:var(--primary-dark);margin-bottom:16px;}
    .impact-text p{color:#334155;margin-bottom:14px;line-height:1.7;font-weight:500;}
    .impact-badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px;}
    .impact-badge{background:white;border:1.5px solid var(--primary);padding:8px 16px;border-radius:40px;font-size:0.85rem;font-weight:700;color:var(--primary-dark);display:flex;align-items:center;gap:6px;}

    /* ── WHY US ── */
    .why-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:40px;}
    @media(min-width:640px){.why-grid{grid-template-columns:repeat(2,1fr);}}
    @media(min-width:1024px){.why-grid{grid-template-columns:repeat(3,1fr);}}
    .why-card{background:white;padding:40px 28px;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:all 0.25s;text-align:center;display:flex;flex-direction:column;align-items:center;}
    .why-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--primary-light);}
    .why-card .icon-wrap{width:72px;height:72px;background:var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:1.8rem;color:var(--primary);transition:0.25s;flex-shrink:0;}
    .why-card:hover .icon-wrap{background:var(--primary);color:white;transform:scale(1.08);}
    .why-card h3{font-size:1.1rem;font-weight:800;margin-bottom:10px;color:var(--dark);}
    .why-card p{color:var(--gray-600);font-size:0.93rem;line-height:1.7;text-align:center;max-width:280px;}

    /* ── ABOUT PAGE ── */
    .about-intro{display:grid;grid-template-columns:1fr;gap:48px;align-items:center;padding-top:24px;}
    @media(min-width:992px){.about-intro{grid-template-columns:1fr 1fr;}}
    .about-img-stack{position:relative;padding:20px 20px 60px 0;}
    .about-img-main{width:100%;border-radius:var(--radius);box-shadow:var(--shadow-xl);object-fit:cover;aspect-ratio:4/3;}
    .about-img-accent{position:absolute;bottom:0;right:0;width:55%;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);object-fit:cover;aspect-ratio:4/3;border:4px solid white;}
    .about-float-badge{position:absolute;top:20px;left:-10px;background:var(--primary);color:white;padding:14px 18px;border-radius:var(--radius-xs);font-weight:700;font-size:0.9rem;box-shadow:var(--shadow-md);}
    .about-float-badge span{display:block;font-size:1.6rem;font-weight:800;}
    .about-text h2{font-size:2rem;font-weight:800;color:var(--dark);margin-bottom:18px;line-height:1.3;}
    .about-text p{color:var(--gray-600);line-height:1.75;margin-bottom:16px;font-size:1.02rem;}
    .about-text .highlight{color:var(--primary);font-weight:700;}

    /* Mission/Vision Cards */
    .mv-grid{display:grid;grid-template-columns:1fr;gap:24px;margin:48px 0;}
    @media(min-width:768px){.mv-grid{grid-template-columns:repeat(3,1fr);}}
    .mv-card{padding:36px 28px;border-radius:var(--radius);border:1px solid var(--gray-200);position:relative;overflow:hidden;transition:all 0.3s;}
    .mv-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);}
    .mv-card.primary{background:var(--primary-dark);color:#ffffff;}
    .mv-card.primary h3{color:#ffffff;}
    .mv-card.primary p{color:#d1fae5;}
    .mv-card.secondary{background:white;}
    .mv-card.secondary h3{color:var(--dark);}
    .mv-card.secondary p{color:var(--gray-600);}
    .mv-card.accent-card{background:var(--dark);color:#ffffff;}
    .mv-card.accent-card h3{color:#ffffff;}
    .mv-card.accent-card p{color:#cbd5e1;}
    .mv-card .mv-icon{font-size:2.4rem;margin-bottom:20px;}
    .mv-card h3{font-size:1.3rem;font-weight:800;margin-bottom:12px;}
    .mv-card p{line-height:1.7;font-size:0.97rem;}

    /* Timeline */
    .timeline{position:relative;padding:40px 0;}
    .timeline::before{content:'';position:absolute;left:50%;transform:translateX(-50%);top:0;bottom:0;width:2px;background:var(--primary-light);}
    @media(max-width:767px){.timeline::before{left:20px;}}
    .timeline-item{display:flex;gap:40px;margin-bottom:48px;position:relative;}
    @media(max-width:767px){.timeline-item{flex-direction:column;padding-left:50px;}}
    .timeline-item:nth-child(even){flex-direction:row-reverse;}
    @media(max-width:767px){.timeline-item:nth-child(even){flex-direction:column;}}
    .timeline-content{flex:1;background:white;padding:28px;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:0.25s;}
    .timeline-content:hover{box-shadow:var(--shadow-md);}
    .timeline-dot{position:absolute;left:50%;transform:translateX(-50%);top:28px;width:20px;height:20px;background:var(--primary);border-radius:50%;border:3px solid white;box-shadow:0 0 0 3px var(--primary-light);z-index:1;}
    @media(max-width:767px){.timeline-dot{left:10px;}}
    .timeline-year{font-size:0.82rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:8px;}
    .timeline-content h3{font-size:1.1rem;font-weight:700;margin-bottom:10px;}
    .timeline-content p{color:var(--gray-600);font-size:0.93rem;line-height:1.65;}
    .timeline-spacer{flex:1;}

    /* Team Section */
    .team-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:12px;}
    @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{background:white;border-radius:var(--radius-sm);border:1px solid var(--gray-200);overflow:hidden;text-align:center;transition:all 0.3s;box-shadow:var(--shadow-sm);}
    .team-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);}
    .team-card-img{height:220px;background:var(--primary-light);display:flex;align-items:center;justify-content:center;font-size:4rem;color:var(--primary);position:relative;overflow:hidden;}
    .team-card-body{padding:20px;}
    .team-name{font-size:1.05rem;font-weight:700;color:var(--dark);}
    .team-role{font-size:0.85rem;color:var(--primary);font-weight:600;margin-top:4px;}
    .team-bio{font-size:0.88rem;color:var(--gray-600);margin-top:10px;line-height:1.6;}
    .team-socials{display:flex;gap:10px;justify-content:center;margin-top:14px;}
    .team-socials a{width:32px;height:32px;background:var(--gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gray-600);font-size:0.85rem;transition:0.2s;}
    .team-socials a:hover{background:var(--primary);color:white;}

    /* About Stats */
    .about-stats-section{background:var(--primary-dark);color:#ffffff;border-radius:var(--radius);padding:56px 32px;text-align:center;margin:56px 0;}
    .about-stats-section h2{color:#ffffff;}
    .about-stats-section p{color:#d1fae5;}
    .about-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:40px;}
    @media(min-width:768px){.about-stats-grid{grid-template-columns:repeat(4,1fr);}}
    .about-stat-item .big{font-size:2.8rem;font-weight:800;color:#fbbf24;display:block;}
    .about-stat-item .label{font-size:1rem;font-weight:700;color:#ffffff;}
    .about-stat-item .sub{font-size:0.82rem;color:#a7f3c5;margin-top:4px;}

    /* Values */
    .values-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:32px;}
    @media(min-width:640px){.values-grid{grid-template-columns:repeat(2,1fr);}}
    @media(min-width:1024px){.values-grid{grid-template-columns:repeat(3,1fr);}}
    .value-card{display:flex;gap:16px;align-items:flex-start;padding:24px;background:white;border-radius:var(--radius-sm);border:1px solid var(--gray-200);transition:0.25s;}
    .value-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light);}
    .value-icon{width:52px;height:52px;min-width:52px;background:var(--primary-light);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--primary);}
    .value-card h3{font-size:1rem;font-weight:700;margin-bottom:6px;}
    .value-card p{font-size:0.9rem;color:var(--gray-600);line-height:1.6;}

    /* Partners */
    .partners-strip{background:var(--gray-50);border-radius:var(--radius-sm);padding:32px;border:1px solid var(--gray-200);margin:48px 0;}
    .partners-strip h4{text-align:center;color:var(--gray-400);font-size:0.85rem;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:24px;}
    .partners-logos{display:flex;gap:36px;flex-wrap:wrap;justify-content:center;align-items:center;}
    .partner-logo{font-size:1.3rem;font-weight:800;color:var(--gray-400);letter-spacing:-0.02em;transition:0.2s;display:flex;align-items:center;gap:8px;}
    .partner-logo:hover{color:var(--primary);}
    .partner-logo i{font-size:1.6rem;}

    /* ── SERVICES PAGE ── */
    .services-grid{display:grid;grid-template-columns:1fr;gap:28px;margin-bottom:64px;}
    @media(min-width:768px){.services-grid{grid-template-columns:repeat(2,1fr);}}
    @media(min-width:1024px){.services-grid{grid-template-columns:repeat(3,1fr);}}
    .service-card{background:white;border-radius:var(--radius);padding:40px 30px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:all 0.3s;position:relative;overflow:hidden;display:flex;flex-direction:column;}
    .service-card::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary);transform:scaleX(0);transition:transform 0.3s;transform-origin:left;}
    .service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary-light);}
    .service-card:hover::after{transform:scaleX(1);}
    .service-icon{width:76px;height:76px;margin-bottom:24px;background:var(--primary-light);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--primary);transition:0.3s;}
    .service-card:hover .service-icon{background:var(--primary);color:white;}
    .service-card h3{font-size:1.3rem;font-weight:700;color:var(--dark);margin-bottom:12px;}
    .service-card p{color:var(--gray-600);line-height:1.7;margin-bottom:20px;flex-grow:1;}
    .service-features{list-style:none;margin-bottom:24px;}
    .service-features li{display:flex;align-items:center;gap:8px;font-size:0.9rem;color:var(--gray-600);margin-bottom:8px;}
    .service-features li i{color:var(--primary);font-size:0.8rem;}
    .service-card .btn-link{color:var(--primary);font-weight:700;display:flex;align-items:center;gap:6px;font-size:0.92rem;background:none;border:none;cursor:pointer;padding:0;font-family:inherit;transition:gap 0.2s;}
    .service-card .btn-link:hover{gap:10px;}

    /* Process */
    .process-section{background:var(--primary-light);border-radius:var(--radius);padding:56px 40px;margin:64px 0;border:1px solid #b6dfc8;}
    .process-steps{display:grid;grid-template-columns:1fr;gap:32px;margin-top:40px;}
    @media(min-width:768px){.process-steps{grid-template-columns:repeat(4,1fr);}}
    .process-step{text-align:center;position:relative;}
    .process-step:not(:last-child)::after{content:'→';position:absolute;top:28px;right:-16px;color:var(--primary-dark);font-size:1.4rem;display:none;}
    @media(min-width:768px){.process-step:not(:last-child)::after{display:block;}}
    .step-num{width:60px;height:60px;background:var(--primary-dark);color:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;margin:0 auto 16px;}
    .process-step h4{font-weight:800;margin-bottom:8px;color:var(--dark);}
    .process-step p{color:#334155;font-size:0.9rem;font-weight:500;}

    /* Pricing */
    .pricing-grid{display:grid;grid-template-columns:1fr;gap:24px;margin:48px 0;}
    @media(min-width:768px){.pricing-grid{grid-template-columns:repeat(3,1fr);}}
    .pricing-card{background:white;border-radius:var(--radius);padding:36px 28px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:0.3s;position:relative;}
    .pricing-card.featured{background:var(--primary-dark);color:#ffffff;border-color:var(--primary-dark);transform:scale(1.03);}
    .pricing-card:hover{box-shadow:var(--shadow-lg);}
    .pricing-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--accent);color:#ffffff;padding:4px 16px;border-radius:40px;font-size:0.75rem;font-weight:700;}
    .pricing-name{font-weight:700;font-size:1rem;color:var(--gray-600);margin-bottom:8px;}
    .pricing-card.featured .pricing-name{color:#d1fae5;}
    .pricing-price{font-size:2.4rem;font-weight:800;margin-bottom:4px;color:var(--dark);}
    .pricing-card.featured .pricing-price{color:#ffffff;}
    .pricing-period{font-size:0.88rem;color:var(--gray-400);margin-bottom:24px;}
    .pricing-card.featured .pricing-period{color:#a7f3c5;}
    .pricing-features{margin:20px 0 28px;}
    .pricing-features li{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid rgba(0,0,0,0.06);font-size:0.93rem;color:var(--gray-800);}
    .pricing-card.featured .pricing-features li{border-color:rgba(255,255,255,0.15);color:#e2fce8;}
    .pricing-features li i{color:var(--primary);}
    .pricing-card.featured .pricing-features li i{color:#86efac;}

    /* Testimonials */
    .testimonials-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:12px;}
    @media(min-width:768px){.testimonials-grid{grid-template-columns:repeat(3,1fr);}}
    .testimonial-card{background:white;padding:32px;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:0.3s;}
    .testimonial-card:hover{box-shadow:var(--shadow-md);}
    .testimonial-stars{color:#f59e0b;font-size:1rem;margin-bottom:14px;}
    .testimonial-text{color:var(--gray-600);line-height:1.75;font-size:0.97rem;margin-bottom:20px;font-style:italic;}
    .testimonial-author{display:flex;align-items:center;gap:12px;}
    .author-avatar{width:44px;height:44px;background:var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--primary);font-weight:700;}
    .author-name{font-weight:700;font-size:0.93rem;}
    .author-role{font-size:0.82rem;color:var(--gray-400);}

    /* ── CONTACT PAGE ── */
    .contact-layout{display:grid;grid-template-columns:1fr;gap:32px;margin-bottom:64px;}
    @media(min-width:992px){.contact-layout{grid-template-columns:1fr 1.5fr;}}
    .contact-info-card{background:var(--primary-dark);color:#ffffff;border-radius:var(--radius);padding:44px 36px;display:flex;flex-direction:column;gap:28px;}
    .contact-info-card h3{font-size:1.7rem;font-weight:800;margin-bottom:4px;color:#ffffff;}
    .contact-info-card > p{color:#d1fae5;font-size:1.02rem;}
    .contact-detail{display:flex;gap:16px;align-items:flex-start;}
    .contact-detail-icon{width:46px;height:46px;min-width:46px;background:rgba(255,255,255,0.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#ffffff;}
    .contact-detail h4{font-size:1rem;font-weight:700;margin-bottom:3px;color:#ffffff;}
    .contact-detail p{color:#a7f3c5;font-size:0.92rem;}
    .contact-detail a{color:#a7f3c5;transition:0.2s;}
    .contact-detail a:hover{color:#ffffff;}
    .contact-socials{display:flex;gap:10px;flex-wrap:wrap;}
    .c-social-btn{width:40px;height:40px;background:rgba(255,255,255,0.15);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:1rem;transition:0.2s;}
    .c-social-btn:hover{background:rgba(255,255,255,0.3);}
    .contact-form-card{background:white;border-radius:var(--radius);padding:44px 40px;box-shadow:var(--shadow-md);border:1px solid var(--gray-200);}
    .contact-form-card h3{font-size:1.7rem;font-weight:800;color:var(--dark);margin-bottom:6px;}
    .contact-form-card > p{color:var(--gray-600);margin-bottom:28px;}
    .form-row{display:grid;grid-template-columns:1fr;gap:20px;}
    @media(min-width:640px){.form-row{grid-template-columns:1fr 1fr;}}
    .form-group{margin-bottom:20px;}
    .form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--gray-800);font-size:0.92rem;}
    .form-control{width:100%;padding:13px 16px;border:1.5px solid var(--gray-200);border-radius:12px;background:var(--gray-50);font-family:inherit;font-size:0.97rem;transition:all 0.25s;color:var(--dark);}
    .form-control:focus{outline:none;border-color:var(--primary);background:white;box-shadow:0 0 0 3px var(--primary-light);}
    textarea.form-control{resize:vertical;min-height:130px;}
    .contact-map{border-radius:var(--radius);overflow:hidden;height:300px;background:var(--gray-100);display:flex;align-items:center;justify-content:center;margin-bottom:64px;border:1px solid var(--gray-200);}
    .map-placeholder{text-align:center;color:var(--gray-400);}
    .map-placeholder i{font-size:3rem;display:block;margin-bottom:12px;}
    .office-hours{background:var(--gray-50);border-radius:var(--radius-sm);padding:24px;border:1px solid var(--gray-200);}
    .office-hours h4{font-weight:700;margin-bottom:14px;color:var(--dark);}
    .hours-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--gray-200);font-size:0.92rem;}
    .hours-row:last-child{border:none;}
    .hours-row .day{font-weight:600;}
    .hours-row .time{color:var(--gray-600);}
    .faq-section{margin:48px 0;}
    .faq-item{border:1px solid var(--gray-200);border-radius:var(--radius-xs);margin-bottom:12px;overflow:hidden;}
    .faq-question{padding:18px 20px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:white;transition:0.2s;}
    .faq-question:hover{background:var(--gray-50);}
    .faq-question i{color:var(--primary);transition:transform 0.3s;}
    .faq-item.open .faq-question i{transform:rotate(180deg);}
    .faq-answer{max-height:0;overflow:hidden;transition:max-height 0.35s ease;}
    .faq-item.open .faq-answer{max-height:300px;}
    .faq-answer p{padding:0 20px 18px;color:var(--gray-600);line-height:1.7;font-size:0.95rem;}
    .whatsapp-cta{background:linear-gradient(135deg, #064E3B, #047857);border-radius:var(--radius);padding:52px 40px;text-align:center;color:#ffffff;margin:56px 0;box-shadow: 0 25px 50px -12px rgba(4, 120, 87, 0.3);position: relative; overflow: hidden;}
    .whatsapp-cta::after{content:'';position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle, rgba(255,255,255,0.1), transparent 70%);border-radius:50%;transform:translate(30%, -30%);}
    .whatsapp-cta h2{font-size:2.2rem;font-weight:800;margin-bottom:12px;color:#ffffff; position:relative; z-index:2;}
    .whatsapp-cta p{color:#d1fae5;font-size:1.1rem;margin-bottom:30px; position:relative; z-index:2;}
    .whatsapp-cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap; position:relative; z-index:2;}

    /* ── NEWSLETTER ── */
    .newsletter-section{background:var(--primary-light);border-radius:32px;padding:64px 40px;text-align:center;margin:64px auto;max-width:960px;box-shadow:var(--shadow-lg);border:1px solid rgba(46, 125, 50, 0.2);}
    .newsletter-section h2{font-size:2.2rem;font-weight:800;color:var(--dark);margin-bottom:12px;}
    .newsletter-section p{color:#334155;margin-bottom:32px;font-size:1.05rem;max-width:600px;margin-left:auto;margin-right:auto;font-weight:500;}
    .newsletter-form{display:flex;max-width:480px;margin:0 auto;gap:0;border-radius:50px;overflow:hidden;box-shadow:var(--shadow-xl);background:white;padding:6px; border: 1px solid var(--gray-200);}
    .newsletter-form input{flex:1;padding:15px 24px;border:none;font-size:1rem;font-family:inherit;outline:none;min-width:0;background:transparent;color:var(--gray-800);}
    .newsletter-form button{background:linear-gradient(135deg, var(--primary), #10b981);color:white;border:none;padding:12px 32px;border-radius:50px;font-weight:800;font-size:0.95rem;cursor:pointer;white-space:nowrap;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);font-family:inherit;box-shadow: 0 4px 15px rgba(16,185,129,0.4);}
    .newsletter-form button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(16,185,129,0.6);filter:brightness(1.1);}

    /* ── FOOTER ── */
    .footer {
      background: #0f172a;
      color: #94a3b8;
      padding: 100px 0 40px;
      position: relative;
      overflow: hidden;
    }
    .footer::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 1px;
      background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.1), transparent);
    }
    .footer-grid{display:grid;grid-template-columns:1fr;gap:60px;padding-bottom:60px;}
    @media(min-width:640px){.footer-grid{grid-template-columns:repeat(2,1fr);}}
    @media(min-width:1024px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1.2fr;}}
    .footer-logo img{height:64px;margin-bottom:24px;filter: brightness(0) invert(1);}
    .footer-desc{font-size:1rem;line-height:1.8;margin-bottom:32px;}
    .footer-social{display:flex;gap:12px;}
    .footer-social a{
      width:44px;
      height:44px;
      background:rgba(255,255,255,0.05);
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      color:white;
      transition:0.3s;
      border: 1px solid rgba(255, 255, 255, 0.1);
    }
    .footer-social a:hover{
      background:var(--primary);
      transform: translateY(-5px);
      box-shadow: 0 10px 15px -3px rgba(5, 150, 105, 0.4);
      border-color: var(--primary);
    }
    .footer h4{color:white;font-weight:800;font-size:1.1rem;margin-bottom:28px;text-transform:uppercase;letter-spacing:1px;}
    .footer-links{display:flex;flex-direction:column;gap:14px;}
    .footer-links a{color:#94a3b8;font-size:0.95rem;transition:0.2s;display:flex;align-items:center;gap:10px;}
    .footer-links a:hover{color:white;padding-left:6px;}
    .footer-links a i{color:var(--primary);font-size:0.8rem;}
    .footer-contact-item{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px;font-size:0.95rem;}
    .footer-contact-item i{color:var(--primary);margin-top:4px;font-size:1.1rem;}
    .footer-bottom{
      padding-top:40px;
      border-top: 1px solid rgba(255, 255, 255, 0.05);
      display:flex;
      justify-content:space-between;
      flex-wrap:wrap;
      gap:24px;
      font-size:0.9rem;
      color:#64748b;
    }
    .footer-bottom a{color:#94a3b8;transition:0.2s;}
    .footer-bottom a:hover{color:white;}

    /* ── SIDE CART ── */
    .cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.35);backdrop-filter:blur(6px);z-index:1200;opacity:0;visibility:hidden;transition:0.3s;}
    .cart-overlay.active{opacity:1;visibility:visible;}
    .side-cart{position:fixed;top:0;right:0;width:100%;max-width:420px;height:100%;background:white;box-shadow:-20px 0 50px rgba(0,0,0,0.12);z-index:1201;transform:translateX(100%);transition:transform 0.35s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;padding:0;}
    .cart-overlay.active .side-cart{transform:translateX(0);}
    .cart-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 20px;border-bottom:1px solid var(--gray-200);}
    .cart-header h3{font-size:1.2rem;font-weight:700;}
    .close-cart{background:none;border:none;font-size:1.6rem;cursor:pointer;color:var(--gray-600);padding:4px;}
    .cart-items-container{flex:1;overflow-y:auto;padding:16px 24px;}
    .cart-item-side{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #f1f5f9;align-items:center;}
    .cart-item-icon{width:50px;height:50px;background:var(--primary-light);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--primary);}
    .cart-footer{border-top:1px solid var(--gray-200);padding:20px 24px;}
    .cart-total{font-size:1.2rem;font-weight:800;display:flex;justify-content:space-between;margin-bottom:16px;}

    /* ── MOBILE NAV DRAWER (REIMAGINED) ── */
    .mobile-nav {
      position: fixed;
      inset: 0;
      z-index: 2000;
      visibility: hidden;
      pointer-events: none;
    }
    .mobile-nav.open {
      visibility: visible;
      pointer-events: auto;
    }
    .mobile-nav-backdrop {
      position: absolute;
      inset: 0;
      background: rgba(15, 23, 42, 0.85);
      backdrop-filter: blur(12px);
      opacity: 0;
      transition: opacity 0.4s ease;
    }
    .mobile-nav.open .mobile-nav-backdrop {
      opacity: 1;
    }
    /* ── MOBILE NAV DRAWER (SIDEBAR) ── */
    .mobile-nav-drawer {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      max-width: 380px;
      height: 100%;
      background: rgba(15, 23, 42, 0.95);
      backdrop-filter: blur(24px);
      -webkit-backdrop-filter: blur(24px);
      box-shadow: -20px 0 50px rgba(0,0,0,0.5);
      border-left: 1px solid rgba(255, 255, 255, 0.05);
      transform: translateX(100%);
      transition: transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
      display: flex;
      flex-direction: column;
      z-index: 2;
    }
    .mobile-nav.open .mobile-nav-drawer {
      transform: translateX(0);
    }
    .mobile-nav-header {
      padding: 24px 28px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid rgba(255, 255, 255, 0.05);
      min-height: 80px;
    }
    .mobile-nav-logo img {
      height: 44px;
      filter: brightness(0) invert(1);
    }
    .mobile-nav-body {
      flex: 1;
      overflow-y: auto;
      padding: 32px 24px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      text-align: left;
    }
    .mobile-nav-links {
      width: 100%;
    }
    .mobile-nav-link {
      display: flex;
      align-items: center;
      gap: 16px;
      font-size: 1.1rem;
      font-weight: 600;
      color: rgba(255, 255, 255, 0.85);
      text-decoration: none;
      padding: 14px 20px;
      margin-bottom: 8px;
      border-radius: 12px;
      background: rgba(255, 255, 255, 0.02);
      border: 1px solid rgba(255, 255, 255, 0.03);
      transition: all 0.3s ease;
      width: 100%;
    }
    .mobile-nav-link:hover, .mobile-nav-link.active {
      background: rgba(59, 130, 246, 0.1);
      color: white;
      border-color: rgba(59, 130, 246, 0.3);
      transform: translateX(6px);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }
    .mobile-nav-link i {
      font-size: 1.2rem;
      color: var(--primary);
      width: 24px;
      text-align: center;
    }
    .mobile-nav-group-title {
      margin-top: 24px;
      margin-bottom: 12px;
      font-size: 0.75rem;
      font-weight: 800;
      color: rgba(255, 255, 255, 0.4);
      text-transform: uppercase;
      letter-spacing: 1.5px;
      width: 100%;
      text-align: left;
      padding-left: 20px;
      display: block;
    }

    .mobile-nav-footer {
      padding: 24px;
      background: rgba(0, 0, 0, 0.2);
      border-top: 1px solid rgba(255, 255, 255, 0.05);
    }
    .mobile-socials {
      display: flex;
      gap: 16px;
      justify-content: center;
      margin-top: 16px;
    }
    .mobile-socials a {
      width: 40px;
      height: 40px;
      background: rgba(255, 255, 255, 0.05);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-size: 1.1rem;
      transition: 0.3s;
    }
    .mobile-socials a:hover {
      background: var(--primary);
      transform: translateY(-3px);
    }

    /* Staggered Animation */
    .mobile-nav.open .mobile-nav-link {
      animation: navSlideIn 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
      opacity: 0;
    }
    @keyframes navSlideIn {
      from { transform: translateX(30px); opacity: 0; }
      to { transform: translateX(0); opacity: 1; }
    }
    .mobile-nav-link:nth-child(1) { animation-delay: 0.1s !important; }
    .mobile-nav-link:nth-child(2) { animation-delay: 0.15s !important; }
    .mobile-nav-link:nth-child(3) { animation-delay: 0.2s !important; }
    .mobile-nav-link:nth-child(4) { animation-delay: 0.25s !important; }
    .mobile-nav-link:nth-child(5) { animation-delay: 0.3s !important; }
    .mobile-nav-link:nth-child(6) { animation-delay: 0.35s !important; }
    .mobile-nav-link:nth-child(7) { animation-delay: 0.4s !important; }

    /* ── WISHLIST SIDEBAR ── */
    .wishlist-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.35);backdrop-filter:blur(6px);z-index:1300;opacity:0;visibility:hidden;transition:0.3s;}
    .wishlist-overlay.active{opacity:1;visibility:visible;}
    .side-wishlist{position:fixed;top:0;right:0;width:100%;max-width:420px;height:100%;background:white;box-shadow:-20px 0 50px rgba(0,0,0,0.12);z-index:1301;transform:translateX(100%);transition:transform 0.35s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;padding:0;}
    .wishlist-overlay.active .side-wishlist{transform:translateX(0);}
    .wishlist-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 20px;border-bottom:1px solid var(--gray-200);}
    .wishlist-header h3{font-size:1.2rem;font-weight:700;}
    .close-wishlist{background:none;border:none;font-size:1.6rem;cursor:pointer;color:var(--gray-600);padding:4px;}
    .wishlist-items-container{flex:1;overflow-y:auto;padding:16px 24px;}
    .wishlist-item-side{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #f1f5f9;align-items:center;}
    .wishlist-item-icon{width:50px;height:50px;background:var(--secondary-light, #fefce8);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--secondary, #ca8a04);}

    /* ── QUICK VIEW MODAL (COMPACT) ── */
    .modal-overlay {
      position: fixed;
      inset: 0;
      background: rgba(15, 23, 42, 0.6);
      backdrop-filter: blur(8px);
      z-index: 3000;
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 16px;
    }
    .modal-overlay.active {
      opacity: 1;
      visibility: visible;
    }
    .modal-container {
      background: white;
      width: 100%;
      max-width: 800px;
      max-height: 90vh;
      border-radius: 32px;
      overflow: hidden;
      position: relative;
      transform: scale(0.95) translateY(10px);
      transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
      display: flex;
      flex-direction: column;
      box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.4);
    }
    .modal-overlay.active .modal-container {
      transform: scale(1) translateY(0);
    }
    .close-modal {
      position: absolute;
      top: 16px;
      right: 16px;
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background: white;
      border: 1px solid var(--gray-200);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      z-index: 100;
      transition: all 0.2s ease;
      color: var(--gray-800);
      font-size: 1.1rem;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }
    .close-modal:hover {
      background: var(--gray-50);
      transform: rotate(90deg) scale(1.1);
      color: var(--primary);
    }
    .modal-body {
      display: grid;
      grid-template-columns: 0.9fr 1.1fr;
      height: 100%;
      overflow: hidden;
    }
    @media (max-width: 768px) {
      .modal-body {
        grid-template-columns: 1fr;
        overflow-y: auto;
      }
      .modal-img-side {
        height: 250px !important;
      }
    }
    .modal-img-side {
      background: var(--gray-50);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 6rem;
      color: var(--primary);
      border-right: 1px solid var(--gray-100);
    }
    .modal-content-side {
      padding: 32px 40px;
      overflow-y: auto;
    }
    .modal-product-name {
      font-size: 1.75rem;
      font-weight: 800;
      color: var(--navy);
      margin-bottom: 8px;
      line-height: 1.2;
    }
    .modal-price {
      font-size: 1.4rem;
      font-weight: 700;
      color: var(--primary);
      margin-bottom: 20px;
    }
    .modal-desc {
      color: var(--gray-600);
      line-height: 1.6;
      margin-bottom: 24px;
      font-size: 0.95rem;
    }
    .specs-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      margin-bottom: 24px;
    }
    .spec-item {
      display: flex;
      align-items: center;
      gap: 10px;
      color: var(--gray-700);
      font-size: 0.9rem;
    }
    .spec-item i {
      color: var(--primary);
      font-size: 1rem;
    }

    @media (max-width: 768px) {
      .modal-body{grid-template-columns:1fr;}
      .modal-img-side{height:200px;font-size:5rem;}
      .modal-content-side{padding:24px;}
    }

    /* Misc */
    .text-primary{color:var(--primary);}
    .cta-strip{background:var(--primary-dark);color:#ffffff;border-radius:var(--radius);padding:48px 40px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:24px;margin:56px 0;box-shadow:var(--shadow-xl);}
    .cta-strip h2{font-size:2rem;font-weight:800;color:#ffffff;}
    .cta-strip p{color:#d1fae5;margin-top:8px;font-size:1.1rem;max-width:640px;}
    .cta-strip .btn-outline{border-color:#ffffff;color:#ffffff;font-size:1.05rem;padding:16px 36px;}
    .cta-strip .btn-outline:hover{background:#ffffff;color:var(--primary-dark);}
  

    /* -- PREMIUM CTA -- */
    .cta-premium {
      background: linear-gradient(135deg, #002257 0%, #1a3f6f 50%, #2E7D32 100%);
      border-radius: 48px;
      padding: 100px 40px;
      text-align: center;
      color: white;
      position: relative;
      overflow: hidden;
      box-shadow: 0 40px 100px -20px rgba(27,45,107,0.4);
      margin: 80px 0;
    }
    .cta-premium::before {
      content: '';
      position: absolute;
      top: -50%;
      left: -50%;
      width: 200%;
      height: 200%;
      background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 70%);
      animation: ctaRotate 20s linear infinite;
    }
    @keyframes ctaRotate {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
    }
    .cta-premium-inner {
      position: relative;
      z-index: 2;
      max-width: 800px;
      margin: 0 auto;
    }
    .cta-premium h2 {
      font-size: clamp(2.2rem, 6vw, 3.2rem);
      font-weight: 800;
      color: white;
      margin-bottom: 24px;
      line-height: 1.1;
    }
    .cta-premium p {
      font-size: clamp(1rem, 4vw, 1.3rem);
      color: rgba(255,255,255,0.9);
      margin-bottom: 48px;
      line-height: 1.7;
    }
    .cta-premium .cta-actions {
      display: flex;
      gap: 24px;
      justify-content: center;
      flex-wrap: wrap;
    }
    .cta-premium .btn-white {
      background: white;
      color: #002257;
      padding: 20px 56px;
      border-radius: 50px;
      font-weight: 800;
      font-size: 1.15rem;
      border: none;
      cursor: pointer;
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      display: inline-flex;
      align-items: center;
      gap: 12px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    }
    .cta-premium .btn-white:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 50px rgba(0,0,0,0.4);
    }
    .cta-premium .btn-ghost {
      background: rgba(255,255,255,0.1);
      color: white;
      padding: 20px 56px;
      border-radius: 50px;
      font-weight: 700;
      font-size: 1.15rem;
      border: 2px solid rgba(255,255,255,0.4);
      cursor: pointer;
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      display: inline-flex;
      align-items: center;
      gap: 12px;
      backdrop-filter: blur(12px);
    }
    .cta-premium .btn-ghost:hover {
      background: rgba(255,255,255,0.2);
      border-color: white;
      transform: translateY(-8px);
    }

    /* -- SERVICES SHOWCASE -- */
    .services-showcase{display:grid;grid-template-columns:1fr;gap:28px;margin-top:48px;}
    @media(min-width:640px){.services-showcase{grid-template-columns:repeat(2,1fr);}}
    @media(min-width:1024px){.services-showcase{grid-template-columns:repeat(4,1fr);}}
    .service-showcase-card{background:white;border-radius:24px;padding:40px 28px;text-align:center;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,0.1);transition:all 0.35s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;}
    .service-showcase-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px -12px rgba(46,125,50,0.2);border-color:#2E7D32;}
    .ss-icon{width:88px;height:88px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:2.2rem;color:#2E7D32;margin:0 auto 28px;transition:all 0.35s;}
    .service-showcase-card:hover .ss-icon{background:linear-gradient(135deg,#2E7D32,#1B5E20);color:white;transform:rotate(-5deg) scale(1.1);}
    .ss-title{font-size:1.2rem;font-weight:800;color:#0D1B2A;margin-bottom:12px;}
    .ss-desc{font-size:0.93rem;color:#475569;line-height:1.7;margin-bottom:24px;}
    .ss-link{color:#2E7D32;font-weight:700;font-size:0.9rem;display:inline-flex;align-items:center;gap:6px;transition:gap 0.2s;}
    .service-showcase-card:hover .ss-link{gap:10px;}

    /* -- TESTIMONIALS AUTO-SLIDER -- */
    .testimonials-slider-wrap{position:relative;overflow:hidden;padding:10px 0 60px;}
    .testimonials-track{display:flex;gap:24px;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1);}
    .testimonials-track .testimonial-card{min-width:360px;flex-shrink:0;}
    @media(max-width:640px){.testimonials-track .testimonial-card{min-width:90vw;}}
    .slider-dots-row{display:flex;justify-content:center;gap:10px;margin-top:24px;}
    .t-dot{width:10px;height:10px;border-radius:50%;background:#cbd5e1;border:none;cursor:pointer;transition:all 0.3s;padding:0;}
    .t-dot.active{background:#2E7D32;width:28px;border-radius:10px;}

    /* -- QUICK VIEW SPECS TABLE -- */
    .specs-table{width:100%;border-collapse:collapse;margin:16px 0 28px;}
    .specs-table tr{border-bottom:1px solid #e2e8f0;}
    .specs-table td{padding:10px 12px;font-size:0.92rem;}
    .specs-table td:first-child{font-weight:700;color:#0D1B2A;width:40%;background:#f8fafc;}
    .specs-table td:last-child{color:#475569;}
    .specs-section-title{font-size:0.8rem;font-weight:800;text-transform:uppercase;letter-spacing:0.08em;color:#2E7D32;margin:20px 0 8px;}

    /* -- BLOG REDESIGN -- */
    .blog-cat-pill{display:inline-block;padding:5px 14px;border-radius:40px;font-size:0.72rem;font-weight:800;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:14px;}
    .blog-cat-pill.green{background:#e8f5e9;color:#2E7D32;}
    .blog-cat-pill.blue{background:#e0f2fe;color:#0369a1;}
    .blog-cat-pill.orange{background:#fff7ed;color:#c2410c;}
    .blog-cat-pill.navy{background:#e8eaf6;color:#002257;}
    .blog-card-v2{background:white;border-radius:24px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.1);border:1px solid #e2e8f0;transition:all 0.35s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;}
    .blog-card-v2:hover{transform:translateY(-10px);box-shadow:0 30px 60px -12px rgba(0,0,0,0.12);border-color:#e8f5e9;}
    .blog-card-v2-img-wrap{overflow:hidden;}
    .blog-card-v2-img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform 0.4s;}
    .blog-card-v2:hover .blog-card-v2-img{transform:scale(1.05);}
    .blog-card-v2-body{padding:28px;flex:1;display:flex;flex-direction:column;}
    .blog-card-v2-title{font-size:1.15rem;font-weight:800;color:#0D1B2A;margin-bottom:10px;line-height:1.4;}
    .blog-card-v2-excerpt{font-size:0.92rem;color:#475569;line-height:1.65;margin-bottom:20px;flex:1;}
    .blog-card-v2-meta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid #e2e8f0;}
    .blog-read-link{color:#2E7D32;font-weight:700;font-size:0.85rem;display:flex;align-items:center;gap:5px;transition:gap 0.2s;}
    .blog-card-v2:hover .blog-read-link{gap:8px;}

    /* -- SERVICE PAGE HERO -- */
    .sp-hero{background:linear-gradient(135deg,#002257,#1a3f6f);color:white;padding:120px 0 100px;text-align:center;position:relative;overflow:hidden;}
    .sp-hero-inner{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:0 24px;}
    .sp-hero-badge{display:inline-block;background:rgba(255,255,255,0.15);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.2);padding:8px 20px;border-radius:40px;font-size:0.82rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#FFCC00;margin-bottom:24px;}
    .sp-hero h1{font-size:3rem;font-weight:800;color:white;margin-bottom:20px;line-height:1.1;}
    @media(min-width:768px){.sp-hero h1{font-size:4rem;}}
    .sp-hero p{font-size:1.2rem;color:rgba(255,255,255,0.85);max-width:680px;margin:0 auto 48px;line-height:1.7;}
    .sp-hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
    .sp-stats-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:0;background:#f8fafc;border-bottom:1px solid #e2e8f0;}
    .sp-stat{text-align:center;padding:40px 48px;border-right:1px solid #e2e8f0;}
    .sp-stat:last-child{border-right:none;}
    .sp-stat-num{font-size:2.6rem;font-weight:800;color:#002257;display:block;line-height:1;}
    .sp-stat-label{font-size:0.88rem;font-weight:600;color:#475569;margin-top:6px;}
    .sp-section{padding:80px 0;}
    .sp-section-alt{padding:80px 0;background:#f8fafc;}
    .sp-features-grid{display:grid;grid-template-columns:1fr;gap:28px;margin-top:48px;}
    @media(min-width:640px){.sp-features-grid{grid-template-columns:repeat(2,1fr);}}
    @media(min-width:1024px){.sp-features-grid{grid-template-columns:repeat(3,1fr);}}
    .sp-feature-card{background:white;border-radius:16px;padding:36px 28px;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,0.1);transition:all 0.3s;text-align:center;}
    .sp-feature-card:hover{transform:translateY(-6px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1);border-color:#e8f5e9;}
    .sp-feature-icon{width:72px;height:72px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#2E7D32;margin:0 auto 20px;transition:0.3s;}
    .sp-feature-card:hover .sp-feature-icon{background:linear-gradient(135deg,#2E7D32,#1B5E20);color:white;}
    .sp-feature-card h3{font-size:1.1rem;font-weight:800;color:#0D1B2A;margin-bottom:10px;}
    .sp-feature-card p{font-size:0.92rem;color:#475569;line-height:1.7;}
    .sp-process{display:grid;grid-template-columns:1fr;gap:24px;margin-top:48px;}
    @media(min-width:768px){.sp-process{grid-template-columns:repeat(4,1fr);}}
    .sp-process-step{text-align:center;padding:28px 16px;position:relative;}
    .sp-process-step::after{content:'?';position:absolute;top:36px;right:-12px;color:#2E7D32;font-size:1.4rem;display:none;}
    @media(min-width:768px){.sp-process-step:not(:last-child)::after{display:block;}}
    .sp-step-num{width:64px;height:64px;background:linear-gradient(135deg,#002257,#29ABE2);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;margin:0 auto 20px;box-shadow:0 8px 20px rgba(27,45,107,0.25);}
    .sp-process-step h4{font-weight:800;color:#0D1B2A;margin-bottom:8px;}
    .sp-process-step p{font-size:0.9rem;color:#475569;line-height:1.6;}
    .sp-pricing-grid{display:grid;grid-template-columns:1fr;gap:28px;margin-top:48px;}
    @media(min-width:768px){.sp-pricing-grid{grid-template-columns:repeat(3,1fr);}}
    .sp-pricing-card{background:white;border-radius:24px;padding:44px 32px;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,0.1);transition:0.3s;position:relative;text-align:center;}
    .sp-pricing-card.popular{background:linear-gradient(135deg,#002257,#1a3f6f);color:white;border-color:#002257;transform:scale(1.04);}
    .sp-pricing-card:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,0.1);}
    .sp-price-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#F47920;color:white;padding:5px 20px;border-radius:40px;font-size:0.75rem;font-weight:800;white-space:nowrap;}
    .sp-pricing-card h3{font-size:1rem;font-weight:700;color:#475569;margin-bottom:16px;text-transform:uppercase;letter-spacing:0.05em;}
    .sp-pricing-card.popular h3{color:rgba(255,255,255,0.7);}
    .sp-price-amount{font-size:3rem;font-weight:800;color:#002257;line-height:1;}
    .sp-pricing-card.popular .sp-price-amount{color:white;}
    .sp-price-period{font-size:0.88rem;color:#94a3b8;margin:8px 0 28px;}
    .sp-pricing-card.popular .sp-price-period{color:rgba(255,255,255,0.6);}
    .sp-features-list{list-style:none;text-align:left;margin-bottom:32px;}
    .sp-features-list li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgba(0,0,0,0.06);font-size:0.92rem;color:#1e293b;}
    .sp-pricing-card.popular .sp-features-list li{border-color:rgba(255,255,255,0.15);color:rgba(255,255,255,0.9);}
    .sp-features-list li i{color:#2E7D32;}
    .sp-pricing-card.popular .sp-features-list li i{color:#FFCC00;}
    .sp-testimonials{display:grid;grid-template-columns:1fr;gap:24px;margin-top:48px;}
    @media(min-width:768px){.sp-testimonials{grid-template-columns:repeat(3,1fr);}}

    /* -- PRODUCTS INFINITE MARQUEE -- */
    .products-marquee-section {
      width: 100vw;
      margin-left: calc(-50vw + 50%);
      overflow: hidden;
      padding: 60px 0;
      background: #ffffff; /* White background */
      border-top: 1px solid rgba(0, 0, 0, 0.05);
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }
    .products-marquee-track {
      display: flex;
      gap: 0;
      animation: marqueeScroll 80s linear infinite;
      width: max-content;
      align-items: stretch;
    }
    .products-marquee-section:hover .products-marquee-track {
      animation-play-state: paused;
    }
    @keyframes marqueeScroll {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }
    .products-marquee-track .product-card {
      min-width: 280px;
      max-width: 280px;
      height: 480px;
      flex-shrink: 0;
      margin: 0 15px;
      background: #0a0f1c; /* Midnight Navy - Deeper Dark */
      border: 1px solid rgba(255,255,255,0.06);
      box-shadow: 0 20px 40px rgba(0,0,0,0.4);
    }

    /* ── SERVICE PAGE PREMIUM SECTIONS ── */
    .sp-stats-bar {
      display: flex;
      justify-content: space-around;
      flex-wrap: wrap;
      background: var(--navy);
      color: white;
      padding: 40px 20px;
      margin-top: -30px;
      position: relative;
      z-index: 10;
      border-radius: var(--radius-sm);
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      box-shadow: var(--shadow-xl);
    }
    .sp-stat { text-align: center; padding: 20px; flex: 1; min-width: 150px; }
    .sp-stat-num { display: block; font-size: 2.5rem; font-weight: 800; color: var(--gold); margin-bottom: 5px; }
    .sp-stat-label { font-size: 0.9rem; text-transform: uppercase; letter-spacing: 1px; opacity: 0.8; }

    .sp-section { padding: 100px 0; }
    .sp-section-alt { padding: 100px 0; background: var(--gray-50); border-radius: 60px 60px 0 0; }

    .why-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 50px; }
    .why-card { 
      background: white; 
      padding: 40px; 
      border-radius: var(--radius-sm); 
      box-shadow: var(--shadow-md);
      display: flex; 
      gap: 20px;
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      border: 1px solid var(--gray-100);
    }
    .why-card:hover { transform: translateY(-10px); box-shadow: var(--shadow-xl); border-color: var(--primary); }
    .why-card .icon-wrap { color: var(--primary); font-size: 2rem; }
    .why-card h3 { font-size: 1.25rem; margin-bottom: 10px; color: var(--navy); }
    .why-card p { color: var(--gray-600); font-size: 0.95rem; }

    .sp-process { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 40px; margin-top: 60px; }
    .sp-process-step { position: relative; text-align: center; }
    .sp-step-num { 
      width: 60px; height: 60px; background: var(--primary); color: white; 
      border-radius: 50%; display: flex; align-items: center; justify-content: center;
      margin: 0 auto 20px; font-size: 1.5rem; font-weight: 800;
      box-shadow: 0 0 0 10px var(--primary-light);
    }
    .sp-process-step h4 { margin-bottom: 10px; color: var(--navy); font-size: 1.2rem; }
    .sp-process-step p { font-size: 0.9rem; color: var(--gray-600); }

    /* World Class Transitions */
    .reveal { opacity: 0; transform: translateY(40px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; }
    .reveal.active { opacity: 1; transform: translateY(0); }
    
    .sp-hero h1 { animation: fadeInUp 1s ease-out both; }
    .sp-hero p { animation: fadeInUp 1s ease-out 0.2s both; }
    .sp-hero-actions { animation: fadeInUp 1s ease-out 0.4s both; }

    @keyframes fadeInUp {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }

    /* Responsive adjustments */
    @media (max-width: 768px) {
      .sp-stats-bar { margin: 20px; border-radius: var(--radius-xs); }
      .sp-section, .sp-section-alt { padding: 60px 0; }
    }

    /* ── MOBILE RESPONSIVENESS REFINEMENTS ── */
    @media (max-width: 768px) {
      :root {
        --radius: 20px;
        --radius-sm: 12px;
      }

      .container { padding: 0 20px !important; }
      
      /* Global Font Size Reductions */
      h1, .sp-hero h1, .slide-content h1, .page-hero h1 { 
        font-size: clamp(2rem, 8vw, 2.8rem) !important; 
        line-height: 1.15 !important;
      }
      h2, .section-header h2, .cta-premium h2, .impact-text h2 { 
        font-size: clamp(1.75rem, 6vw, 2.2rem) !important; 
      }
      p, .slide-content p, .section-header p, .cta-premium p, .ss-desc { 
        font-size: 1rem !important; 
        line-height: 1.6 !important;
      }
      
      /* Hero Slider Adjustments */
      .hero-slider { min-height: 500px !important; height: 80vh !important; }
      .slide-content { margin-left: 5% !important; padding: 20px !important; width: 90% !important; }
      .slide-tag { padding: 6px 16px !important; font-size: 0.75rem !important; margin-bottom: 16px !important; }
      .slide-btns { gap: 12px !important; }
      .btn-primary, .btn-outline, .btn-secondary, .btn-white { padding: 12px 24px !important; font-size: 0.9rem !important; }
      .slider-arrow { width: 40px !important; height: 40px !important; font-size: 1rem !important; }
      .slider-arrow.prev { left: 10px !important; }
      .slider-arrow.next { right: 10px !important; }
      
      /* Header Adjustments */
      .logo img { height: 40px !important; }
      .header-inner { 
        padding: 12px 0 !important; 
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 0 !important;
      }
      .header-actions { 
        display: contents !important; 
      }
      .logo {
        flex: 0 0 auto !important;
      }
      .icon-btn, .mobile-menu-btn {
        width: 40px !important; 
        height: 40px !important; 
        font-size: 1.1rem !important;
        margin: 0 !important;
      }
      .mobile-menu-btn {
        background: var(--primary) !important;
        color: white !important;
        border-radius: 10px !important;
      }
      
      /* Section Spacing */
      .section-block, .section-block-lg, .section-header, .sp-section, .sp-section-alt { padding: 40px 0 !important; margin-top: 30px !important; margin-bottom: 20px !important; }
      .home-content-pad { padding-top: 40px !important; border-radius: 30px 30px 0 0 !important; margin-top: -30px !important; }
      
      /* Impact Story */
      .impact-story { padding: 30px 20px !important; gap: 24px !important; margin: 40px 0 !important; flex-direction: column !important; }
      .impact-text h2 { font-size: 1.5rem !important; }
      
      /* Testimonials Marquee */
      .t-marquee-container .testimonial-card-v3 { width: 300px !important; padding: 24px !important; }
      .t-text { font-size: 1rem !important; margin-bottom: 20px !important; }
      .t-avatar { width: 44px !important; height: 44px !important; font-size: 0.9rem !important; }
      
      /* Pricing Cards */
      .pricing-grid { gap: 30px !important; grid-template-columns: 1fr !important; }
      .pricing-card.featured { transform: scale(1) !important; margin: 0 !important; }
      .pricing-card { padding: 30px 20px !important; }
      .pricing-price { font-size: 2rem !important; }
      
      /* Modern Blog Cards */
      .mb-content { padding: 20px !important; }
      .mb-title { font-size: 1.15rem !important; }
      
      /* Footer Adjustments */
      .footer { padding: 60px 0 30px !important; }
      .footer-grid { gap: 40px !important; margin-bottom: 40px !important; grid-template-columns: 1fr !important; }
      .newsletter-section { padding: 40px 20px !important; margin: 40px auto !important; }
      .newsletter-section h2 { font-size: 1.8rem !important; }
      .newsletter-form { flex-direction: column !important; border-radius: 20px !important; padding: 10px !important; gap: 10px !important; }
      .newsletter-form input { padding: 12px !important; text-align: center !important; }
      .newsletter-form button { width: 100% !important; border-radius: 12px !important; }
      
      /* Service Showcase */
      .service-showcase-card { padding: 30px 20px !important; }
      .ss-icon { width: 64px !important; height: 64px !important; font-size: 1.6rem !important; margin-bottom: 16px !important; }
      
      /* Forms */
      .contact-form-card { padding: 30px 20px !important; }
      .form-row { grid-template-columns: 1fr !important; gap: 10px !important; }

      /* Grids with inline styles */
      [style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
    }

    @media (max-width: 480px) {
      .slide-content h1 { font-size: 1.8rem !important; }
      .stats-bar { gap: 8px !important; }
      .stat-item { padding: 12px !important; flex: 1 1 45% !important; }
      .stat-item .num { font-size: 1.6rem !important; }
      .stat-item .lbl { font-size: 0.75rem !important; }
      .sp-stats-bar { flex-wrap: wrap !important; }
    }