/* ==========================================================================
   SKY WINGS ENTERTAINMENT — Main Stylesheet
   Beyond The Sky Limits — Production CSS
   ========================================================================== */

/* 1. CSS VARIABLES */
:root {
  --blue-900:#030E3F;--blue-800:#061A6E;--blue-700:#0A24A0;--blue-600:#1A3BAF;--blue-500:#2D55D5;
  --blue-400:#4A75F5;--blue-300:#7BA3FF;--blue-200:#B3CBFF;--blue-100:#D6E4FF;--blue-50:#EEF3FF;
  --orange-600:#E84D0E;--orange-500:#FF6B2C;--orange-400:#FF8C55;--orange-200:#FFD4B8;--orange-50:#FFF3EB;
  --gold-500:#F4B942;--gold-300:#F9D88C;--gold-100:#FEF6DC;
  --pink-500:#E040B4;--pink-200:#F5B3E5;--pink-50:#FDF0FB;
  --white:#FFFFFF;--off-white:#F8F9FF;--surface:#F2F4FB;--border:#E0E7FF;
  --text-dark:#0D1530;--text-mid:#3D4A6B;--text-muted:#7A88B0;
  --grad-hero:linear-gradient(135deg,#EEF3FF 0%,#D6E4FF 40%,#F8F9FF 100%);
  --grad-blue:linear-gradient(135deg,#061A6E 0%,#1A3BAF 50%,#2D55D5 100%);
  --grad-blue-soft:linear-gradient(135deg,#EEF3FF 0%,#B3CBFF 100%);
  --grad-orange:linear-gradient(135deg,#FF6B2C 0%,#E84D0E 100%);
  --grad-multi:linear-gradient(135deg,#0A24A0 0%,#2D55D5 35%,#FF6B2C 70%,#F4B942 100%);
  --grad-card:linear-gradient(145deg,#FFFFFF 0%,#EEF3FF 100%);
  --grad-dark:linear-gradient(180deg,#030E3F 0%,#061A6E 100%);
  --shadow-sm:0 2px 12px rgba(10,36,160,.08);--shadow-md:0 6px 30px rgba(10,36,160,.12);
  --shadow-lg:0 16px 60px rgba(10,36,160,.18);--shadow-xl:0 32px 100px rgba(10,36,160,.24);
  --shadow-orange:0 8px 30px rgba(255,107,44,.35);--shadow-blue:0 8px 30px rgba(45,85,213,.4);
  --shadow-glow:0 0 60px rgba(45,85,213,.25);
  --radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-2xl:48px;--radius-full:9999px;
  --fs-display:clamp(4rem,9vw,9rem);--fs-h1:clamp(3rem,6vw,6.5rem);--fs-h2:clamp(2rem,3.5vw,3.5rem);
  --fs-h3:clamp(1.3rem,2vw,2rem);--fs-h4:clamp(1.1rem,1.5vw,1.4rem);
  --fs-cursive-xl:clamp(3.5rem,7vw,8rem);--fs-cursive-lg:clamp(2rem,4vw,4.5rem);
  --fs-cursive-md:clamp(1.4rem,2.5vw,2.5rem);--fs-pacifico:clamp(4rem,8vw,10rem);
  --fs-body-lg:clamp(1rem,1.2vw,1.15rem);--fs-body:clamp(.9rem,1vw,1rem);--fs-body-sm:clamp(.8rem,.9vw,.9rem);
  --fs-label:.75rem;--fs-label-lg:.85rem;
  --max-width:1440px;--section-pad:clamp(5rem,10vw,10rem);--container-pad:clamp(1.25rem,5vw,6rem);
  --nav-height:88px;--nav-height-sm:72px;
  --ease-out:cubic-bezier(.25,.46,.45,.94);--ease-spring:cubic-bezier(.34,1.56,.64,1);
  --transition:.3s var(--ease-out);--transition-fast:.2s var(--ease-out);
}

/* 2. RESET & BASE */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:'Poppins',sans-serif;font-size:var(--fs-body);font-weight:400;line-height:1.6;color:var(--text-dark);background:var(--white);overflow-x:hidden}
body.no-scroll{overflow:hidden}
img,picture,video,svg{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}
button{cursor:pointer;border:none;background:none}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.15;color:var(--text-dark)}
h1{font-size:var(--fs-h1);font-weight:800}
h2{font-size:var(--fs-h2);font-weight:700}
h3{font-size:var(--fs-h3);font-weight:600}
h4{font-size:var(--fs-h4);font-weight:600}
p{color:var(--text-mid)}
::selection{background:var(--blue-200);color:var(--blue-900)}
:focus-visible{outline:3px solid var(--blue-500);outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* 3. UTILITIES */
.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--container-pad)}
.section{position:relative;padding-block:var(--section-pad)}
.text-gradient{background:var(--grad-blue);-webkit-background-clip:text;background-clip:text;color:transparent}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.font-dancing{font-family:'Dancing Script',cursive}
.font-pacifico{font-family:'Pacifico',cursive}
.mx-auto{margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* 4. SCROLL PROGRESS */
.scroll-progress{position:fixed;top:0;left:0;z-index:10001;width:100%;height:3px;background:var(--grad-blue);transform-origin:left center;transform:scaleX(0);pointer-events:none}

/* 5. CUSTOM CURSOR */
.custom-cursor{display:none}
@media(hover:hover) and (pointer:fine){
.custom-cursor{display:block;position:fixed;top:0;left:0;z-index:99999;pointer-events:none}
body.has-custom-cursor{cursor:none}
body.has-custom-cursor a,body.has-custom-cursor button,body.has-custom-cursor [role="button"],body.has-custom-cursor input,body.has-custom-cursor select,body.has-custom-cursor textarea,body.has-custom-cursor label{cursor:none}
.cursor-dot{position:fixed;top:0;left:0;width:8px;height:8px;margin:-4px 0 0 -4px;background:var(--blue-700);border-radius:50%;z-index:99999;pointer-events:none;transition:transform .1s ease,background .2s ease}
.cursor-ring{position:fixed;top:0;left:0;width:40px;height:40px;margin:-20px 0 0 -20px;border:2px solid var(--blue-500);border-radius:50%;z-index:99998;pointer-events:none;transition:width .25s var(--ease-spring),height .25s var(--ease-spring),margin .25s var(--ease-spring),background .25s ease,border-color .25s ease}
.cursor-ring.is-hover{width:64px;height:64px;margin:-32px 0 0 -32px;background:var(--blue-100);border-color:var(--blue-400)}
.cursor-ring.is-image{width:56px;height:56px;margin:-28px 0 0 -28px;border-color:var(--orange-500);background:rgba(255,107,44,.08)}
}

/* 6. NAVBAR */
.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-height);display:flex;align-items:center;transition:height .4s var(--ease-out),background .4s var(--ease-out),box-shadow .4s var(--ease-out),border-color .4s var(--ease-out);background:transparent;border-bottom:1px solid transparent}
.navbar.scrolled{height:var(--nav-height-sm);background:rgba(255,255,255,.85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom-color:var(--border);box-shadow:var(--shadow-sm)}
.navbar .container{display:flex;align-items:center;justify-content:space-between;gap:2rem;width:100%}
.nav-logo{display:flex;align-items:center;gap:.75rem;flex-shrink:0;z-index:1002}
.nav-logo-icon{width:40px;height:40px;color:var(--blue-700);flex-shrink:0}
.nav-logo-image{display:block;height:52px;width:auto;max-width:none;object-fit:contain}
.nav-logo-image--header{width:auto;height:70px;object-fit:contain;object-position:center}
.nav-logo-image--mark{width:56px;height:56px;object-fit:cover;object-position:center 10%;border-radius:8px}
.navbar .nav-logo .nav-logo-image{background:var(--blue-900);padding:6px 8px;border-radius:12px;box-shadow:0 6px 18px rgba(6,26,110,.24)}
.nav-logo-text{display:flex;flex-direction:column;line-height:1.1}
.nav-logo-name{font-size:1.15rem;font-weight:700;color:var(--blue-800);letter-spacing:-.02em}
.nav-logo-tagline{font-size:.7rem;font-weight:500;color:var(--blue-600);letter-spacing:.06em;text-transform:uppercase}
.brand-stack{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1.15;vertical-align:middle;text-align:left}
.brand-stack--cursive{align-items:center}
.section-header.centered .brand-stack,.client-stories-header .brand-stack,.page-hero-title .brand-stack{align-items:center;text-align:center}
.brand-stack-line{display:block;font-weight:inherit;color:inherit}
.brand-stack-line--sub{font-size:.88em;font-weight:500;letter-spacing:.02em;color:var(--blue-600)}
.brand-stack--cursive .brand-stack-line--sub{font-family:'Dancing Script',cursive;font-weight:700;font-size:1.05em;color:var(--blue-500)}
.client-stories-title .brand-stack--cursive .brand-stack-line--sub{color:var(--orange-400)}
.page-hero-title .brand-stack .brand-stack-line{color:var(--white)}
.page-hero-title .brand-stack .brand-stack-line--sub{color:var(--blue-300)}
.sp-tag .brand-stack{display:inline-flex;vertical-align:middle;margin:0 .15em}
.sp-tag .brand-stack-line--sub{font-size:.75em}
.cta-band-bg-text{line-height:.9}
.contact-details-header .brand-stack{align-items:flex-start}
.contact-details-header .brand-stack-line{color:var(--white)}
.contact-details-header .brand-stack-line--sub{color:var(--blue-200)}
.nav-logo:hover .nav-logo-name{animation:glitch .4s ease}
.nav-links{display:flex;align-items:center;gap:.25rem;position:relative}
.nav-link{display:inline-flex;align-items:center;padding:.5rem 1rem;font-size:.9rem;font-weight:500;color:var(--text-mid);border-radius:var(--radius-full);transition:color var(--transition-fast);position:relative;z-index:1}
.nav-link:hover,.nav-link.active{color:var(--blue-700)}
.nav-pill{position:absolute;top:50%;left:0;height:36px;background:var(--blue-50);border-radius:var(--radius-full);transform:translateY(-50%);transition:left .45s var(--ease-spring),width .45s var(--ease-spring);z-index:0;pointer-events:none}
.nav-cta{flex-shrink:0;z-index:1002}
.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;padding:8px;z-index:1002;border-radius:var(--radius-sm);transition:background var(--transition-fast)}
.hamburger:hover{background:var(--blue-50)}
.hamburger-line{display:block;width:24px;height:2px;background:var(--blue-800);border-radius:2px;transition:transform .35s var(--ease-out),opacity .25s ease;transform-origin:center}
.hamburger.is-open .hamburger-line:nth-child(1){transform:translateY(8px) rotate(45deg)}
.hamburger.is-open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.is-open .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.mobile-menu{position:fixed;inset:0;z-index:1001;display:flex;flex-direction:column;justify-content:flex-start;padding:calc(var(--nav-height-sm,64px) + 1rem) var(--container-pad) 1.5rem;background:var(--blue-900);transform:translateX(100%);transition:transform .35s cubic-bezier(.16,1,.3,1);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.mobile-menu.is-open{transform:translateX(0)}
.mobile-menu-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;background:linear-gradient(to bottom,var(--blue-900) 72%,rgba(3,14,63,0));}
.mobile-menu-logo{display:inline-flex;align-items:center;gap:.6rem;color:var(--white);text-decoration:none}
.mobile-menu-logo .nav-logo-icon{width:30px;height:30px;color:var(--white)}
.mobile-menu-logo .nav-logo-image{height:64px;width:auto;max-width:none}
.mobile-menu-logo .nav-logo-image--mark{width:58px;height:58px;object-position:center 10%}
.mobile-menu-logo .nav-logo-name{color:var(--white);font-size:1.05rem}
.mobile-menu-logo .nav-logo-tagline{color:var(--blue-300);font-size:.66rem}
.mobile-menu-close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.12);color:var(--white);transition:background var(--transition-fast),transform var(--transition-fast)}
.mobile-menu-close:hover{background:rgba(255,255,255,.2);transform:rotate(90deg)}
.mobile-menu-close svg{width:20px;height:20px}
.mobile-menu-links{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.25rem}
.mobile-menu-link{font-size:clamp(1.4rem,5vw,2rem);font-weight:700;color:var(--white);padding:.35rem 0;transition:color var(--transition),transform var(--transition)}
.mobile-menu-link:hover,.mobile-menu-link.active{color:var(--orange-400);font-family:'Dancing Script',cursive;transform:translateX(8px)}
.mobile-menu-footer{margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}
.mobile-menu-tagline{font-family:'Dancing Script',cursive;font-size:1.5rem;color:var(--white);margin-bottom:1.5rem}
.mobile-menu-social{display:flex;gap:.75rem}
.mobile-menu-social a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);color:var(--white);transition:background var(--transition),transform var(--transition)}
.mobile-menu-social a:hover{background:var(--orange-500);transform:translateY(-2px)}
.mobile-menu-social svg{width:18px;height:18px}
.mobile-menu-address{margin-top:1.5rem;font-size:.85rem;color:var(--blue-300);line-height:1.7}
.mobile-menu-contact{margin-top:.75rem;font-size:.85rem;color:var(--blue-200)}
.mobile-menu-contact a{color:var(--white);text-decoration:none}
.mobile-menu-contact a:hover{color:var(--orange-400)}
.mobile-menu-services-label{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.12);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-300)}
.mobile-menu-sublink{font-size:clamp(1rem,3.8vw,1.25rem)!important;font-weight:500!important;padding-left:.5rem!important}
.navbar--solid-top,.navbar--solid-top.scrolled{background:rgba(255,255,255,.98);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom-color:var(--border);box-shadow:var(--shadow-sm)}
.navbar--solid-top .nav-link,.navbar--solid-top .nav-dropdown-toggle{color:var(--blue-800)}
.navbar--solid-top .nav-link:hover,.navbar--solid-top .nav-link.active,.navbar--solid-top .nav-dropdown-toggle:hover{color:var(--blue-600)}
.navbar--solid-top .nav-logo-name{color:var(--blue-800)}
.navbar--solid-top .nav-logo-tagline{color:var(--blue-600)}
.navbar--solid-top .nav-logo-icon{color:var(--blue-700)}
.navbar--solid-top .nav-chevron{color:var(--blue-700)}
.navbar--solid-top .hamburger-line{background:var(--blue-800)}
.navbar.scrolled .nav-link,.navbar.scrolled .nav-dropdown-toggle{color:var(--blue-800)}
.navbar.scrolled .nav-link:hover,.navbar.scrolled .nav-link.active{color:var(--blue-600)}
.navbar.scrolled .nav-logo-name{color:var(--blue-800)}
.navbar.scrolled .nav-logo-tagline{color:var(--blue-600)}
.navbar.scrolled .nav-logo-icon{color:var(--blue-700)}
.navbar.scrolled .hamburger-line{background:var(--blue-800)}
.navbar--on-dark:not(.scrolled):not(.navbar--solid-top) .nav-link{color:rgba(255,255,255,.92)}
.navbar--on-dark:not(.scrolled):not(.navbar--solid-top) .nav-link:hover,.navbar--on-dark:not(.scrolled):not(.navbar--solid-top) .nav-link.active{color:var(--white)}
.navbar--on-dark:not(.scrolled):not(.navbar--solid-top) .nav-logo-name{color:var(--white)}
.navbar--on-dark:not(.scrolled):not(.navbar--solid-top) .nav-logo-tagline{color:var(--blue-200)}
.navbar--on-dark:not(.scrolled):not(.navbar--solid-top) .nav-logo-icon{color:var(--white)}
.navbar--on-dark:not(.scrolled):not(.navbar--solid-top) .hamburger-line{background:var(--white)}
.nav-dropdown{position:relative}
.nav-dropdown-toggle{display:inline-flex;align-items:center;gap:.25rem}
.nav-chevron{flex-shrink:0;transition:transform var(--transition-fast)}
.nav-dropdown.is-open .nav-chevron{transform:rotate(180deg)}
.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);min-width:240px;padding:.5rem;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast);z-index:1003}
.nav-dropdown.is-open .nav-dropdown-menu,.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.nav-dropdown-link{display:block;padding:.6rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-mid);border-radius:var(--radius-md);transition:background var(--transition-fast),color var(--transition-fast)}
.nav-dropdown-link:hover,.nav-dropdown-link.active{background:var(--blue-50);color:var(--blue-700)}
.nav-dropdown-all{font-weight:600;color:var(--blue-700);border-bottom:1px solid var(--border);margin-bottom:.25rem;border-radius:var(--radius-md) var(--radius-md) 0 0}
.footer-contact-icon{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;flex-shrink:0;color:var(--orange-400)}
.footer-contact-icon svg{width:1.1rem;height:1.1rem}
.faq-list{max-width:760px;margin-inline:auto}
.faq-item{border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:.75rem;background:var(--white);overflow:hidden}
.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.5rem;font-size:1rem;font-weight:600;color:var(--blue-800);text-align:left;background:transparent;border:none;cursor:pointer;transition:background var(--transition-fast)}
.faq-question:hover{background:var(--blue-50)}
.faq-icon{flex-shrink:0;color:var(--blue-500);transition:transform var(--transition-fast)}
.faq-item.is-open .faq-icon{transform:rotate(180deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s var(--ease-out)}
.faq-item.is-open .faq-answer{max-height:400px}
.faq-answer p{padding:0 1.5rem 1.25rem;color:var(--text-mid);line-height:1.7;font-size:.95rem}

/* 7. BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;line-height:1.2;border-radius:var(--radius-full);border:2px solid transparent;transition:transform var(--transition-fast),box-shadow var(--transition),background var(--transition),color var(--transition),border-color var(--transition);white-space:nowrap;position:relative;overflow:hidden}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn-primary{background:var(--grad-blue);color:var(--white);box-shadow:var(--shadow-blue)}
.btn-primary:hover{box-shadow:var(--shadow-lg),var(--shadow-glow)}
.btn-secondary{background:var(--white);color:var(--blue-700);border-color:var(--blue-200)}
.btn-secondary:hover{background:var(--blue-700);color:var(--white);border-color:var(--blue-700)}
.btn-orange{background:var(--grad-orange);color:var(--white);box-shadow:var(--shadow-orange)}
.btn-orange:hover{box-shadow:var(--shadow-lg),0 0 40px rgba(255,107,44,.3)}
.btn-white{background:var(--white);color:var(--blue-700);box-shadow:var(--shadow-md)}
.btn-white:hover{background:var(--blue-700);color:var(--white)}
.btn-lg{padding:1rem 2.25rem;font-size:1.05rem}
.btn-icon{display:inline-flex;transition:transform var(--transition-fast)}
.btn:hover .btn-icon{transform:translateX(4px)}
.btn-block{width:100%}

/* 8. BADGES */
.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem 1rem;font-size:var(--fs-label-lg);font-weight:500;border-radius:var(--radius-full);line-height:1.4;white-space:nowrap}
.badge-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse-soft 2s ease-in-out infinite}
.badge-orange{color:var(--orange-500);background:var(--orange-50);border:1px solid var(--orange-200)}
.badge-blue{color:var(--blue-700);background:var(--blue-50);border:1px solid var(--blue-200)}
.badge-gold{color:var(--gold-500);background:var(--gold-100);border:1px solid var(--gold-300)}
.badge-white{color:var(--white);background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(8px)}
.badge-pacifico{font-family:'Pacifico',cursive;font-size:.95rem;font-weight:400}
.badge-dark{color:var(--white);background:var(--blue-800)}

/* 9. SECTION HEADERS */
.section-header{max-width:720px;margin-bottom:clamp(2.5rem,5vw,4rem)}
.section-header.centered{margin-inline:auto;text-align:center}
.section-eyebrow{display:inline-block;font-family:'Pacifico',cursive;font-size:clamp(1rem,2vw,1.2rem);font-weight:400;color:var(--blue-400);margin-bottom:.75rem}
.section-title{font-size:var(--fs-h2);font-weight:700;color:var(--blue-800);margin-bottom:.75rem;letter-spacing:-.02em}
.section-title .cursive{display:block;font-family:'Dancing Script',cursive;font-weight:700;color:var(--blue-500);font-size:.85em;margin-top:.15em}
.section-desc{font-size:var(--fs-body-lg);color:var(--text-mid);max-width:600px;line-height:1.7}
.section-header.centered .section-desc{margin-inline:auto}

/* 10. HOME HERO */
.hero{position:relative;min-height:100dvh;display:flex;align-items:center;padding-top:var(--nav-height);overflow:hidden;background:var(--grad-hero)}
.hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero-bg-photo{position:absolute;inset:0;opacity:.45;z-index:0}
.hero-bg .hero-grid,.hero-bg .hero-blob{position:relative;z-index:1}
.section-banner-img{width:100%;max-height:280px;object-fit:cover;border-radius:var(--radius-xl);margin-bottom:2rem;box-shadow:var(--shadow-md);display:block}
.contact-gallery-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.contact-gallery-row img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.contact-gallery-strip{padding-block:2rem;background:var(--off-white)}
.testimonial-carousel--split{display:grid;grid-template-columns:minmax(200px,340px) 1fr;gap:2rem;align-items:stretch}
.carousel-photo{position:relative;border-radius:var(--radius-xl);overflow:hidden;min-height:280px;box-shadow:var(--shadow-lg)}
.carousel-photo-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}
.carousel-photo-img.is-active{opacity:1}
.carousel-main{display:flex;flex-direction:column;justify-content:center}
.testimonials-carousel.section--has-bg-image{padding-block:clamp(4rem,8vw,6rem)}
.testimonials-carousel.section--has-bg-image::before{background:rgba(248,249,255,.94)}
.hero-grid{position:absolute;inset:0;background-image:radial-gradient(circle,var(--blue-200) 1px,transparent 1px);background-size:32px 32px;opacity:.5}
.hero-blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.6}
.hero-blob-1{top:-10%;left:-5%;width:500px;height:500px;background:var(--blue-100);animation:blob-morph 11s ease-in-out infinite}
.hero-blob-2{bottom:-15%;right:-8%;width:450px;height:450px;background:var(--blue-50);animation:blob-morph 14s ease-in-out infinite}
.hero-blob-3{top:40%;left:35%;width:300px;height:300px;background:var(--orange-50);animation:blob-morph 8s ease-in-out infinite}
.hero .container{position:relative;z-index:2;display:grid;grid-template-columns:55fr 45fr;grid-template-areas:"head visual" "body visual";gap:clamp(2rem,5vw,4rem);align-items:center;padding-block:clamp(2rem,5vw,4rem)}
.hero-head{grid-area:head;max-width:580px;align-self:end}
.hero-body{grid-area:body;max-width:580px;align-self:start}
.hero-visual{grid-area:visual}
.hero-eyebrow{margin-bottom:1.25rem}
.hero-cursive{display:block;font-family:'Dancing Script',cursive;font-size:var(--fs-cursive-xl);font-weight:700;color:var(--blue-400);transform:rotate(-3deg);transform-origin:left center;line-height:1;margin-bottom:-.1em}
.hero-title{font-size:var(--fs-display);font-weight:900;color:var(--blue-800);letter-spacing:-.03em;line-height:.95;margin-bottom:.05em}
.hero-title-gradient{display:block;background:var(--grad-blue);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-head .hero-title{margin-bottom:0}
.hero-subtitle{font-size:clamp(1rem,1.2vw,1.1rem);color:var(--text-mid);max-width:480px;margin:0 0 2rem;line-height:1.7}
.hero-body .hero-subtitle{margin-top:0}
.hero-ctas{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}
.hero-stats{display:flex;flex-wrap:wrap;gap:.75rem}
.hero-stat-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;color:var(--blue-700);background:var(--blue-50);border:1px solid var(--blue-200);border-radius:var(--radius-full)}
.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:420px;align-self:center}
.hero-circle{position:absolute;width:min(500px,90vw);height:min(500px,90vw);border-radius:50%;background:var(--blue-100);animation:pulse-soft 4s ease-in-out infinite}
.hero-cards{position:relative;width:100%;max-width:380px;margin-inline:auto}
.hero-deck{perspective:1400px;width:100%}
.hero-deck-viewport{position:relative;width:100%}
.hero-deck-track{display:grid;width:100%;isolation:isolate}
.hero-deck-track>.hero-card{grid-area:1/1;align-self:start;width:100%;padding:1rem 1.1rem 1.1rem;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border);transform-origin:center bottom;transition:transform .55s cubic-bezier(.34,1.15,.64,1),opacity .45s ease,visibility 0s linear .45s}
.hero-card[data-pos="0"]{z-index:3;transform:rotate(4deg) translateY(0);animation:hero-deck-float 5.5s ease-in-out infinite;visibility:visible;transition:transform .55s cubic-bezier(.34,1.15,.64,1),opacity .45s ease,visibility 0s}
.hero-card[data-pos="1"]{z-index:2;transform:rotate(-5deg) translate(-7%,7%) scale(.96);background:var(--blue-50);visibility:visible;transition-delay:0s}
.hero-card[data-pos="2"]{z-index:1;transform:rotate(8deg) translate(7%,14%) scale(.92);opacity:.88;visibility:visible}
.hero-card[data-pos="hidden"]{z-index:0;transform:rotate(0deg) translateY(14%) scale(.9);opacity:0;pointer-events:none;visibility:hidden}
.hero-card.is-to-back{z-index:0!important;animation:none!important;pointer-events:none;visibility:visible!important;transition:transform .7s cubic-bezier(.4,0,.2,1),opacity .7s ease,z-index 0s!important}
.hero-card.is-to-back[data-pos="2"]{opacity:.88}
.hero-deck-track.is-shuffling .hero-card[data-pos="0"]{animation:none}
.hero-deck-track.is-shuffling .hero-card[data-pos="1"],
.hero-deck-track.is-shuffling .hero-card[data-pos="2"]{transition:transform .7s cubic-bezier(.34,1.15,.64,1),opacity .7s ease}
.hero-deck-controls{display:flex;align-items:center;gap:.75rem;margin-top:.85rem;width:100%}
.hero-deck-footer{flex:1;display:flex;flex-direction:column;align-items:center;gap:.65rem;min-width:0}
.hero-deck-counter{font-size:.8rem;font-weight:600;color:var(--blue-600);letter-spacing:.06em;font-variant-numeric:tabular-nums}
.hero-deck-dots{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}
.hero-deck-dot{width:8px;height:8px;padding:0;border:none;border-radius:50%;background:var(--blue-200);cursor:pointer;transition:transform .25s ease,background .25s ease;flex-shrink:0}
.hero-deck-dot:hover,.hero-deck-dot:focus-visible{background:var(--blue-400);transform:scale(1.2);outline:none}
.hero-deck-dot.is-active{background:var(--orange-500);transform:scale(1.35);box-shadow:0 0 0 3px rgba(255,107,53,.25)}
.hero-deck-arrow{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--blue-200);border-radius:50%;background:var(--white);color:var(--blue-700);cursor:pointer;box-shadow:var(--shadow-sm);transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}
.hero-deck-arrow:hover{background:var(--blue-50);border-color:var(--blue-400);transform:scale(1.05)}
.hero-deck-arrow:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}
.hero-deck-arrow:active{transform:scale(.96)}
.hero-card-label{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:var(--blue-800);margin-bottom:.6rem}
.hero-card-dot{width:8px;height:8px;border-radius:50%;background:var(--orange-500);flex-shrink:0}
.hero-card-image{display:block;width:100%;aspect-ratio:16/10;border-radius:var(--radius-md);background:var(--grad-blue-soft);object-fit:cover}
.hero-deck-viewport:hover .hero-card[data-pos="0"]{animation-play-state:paused}
.hero-deck-progress{display:block;width:100%;height:3px;margin-top:.75rem;background:var(--blue-100);border-radius:var(--radius-full);overflow:hidden}
.hero-deck-progress-bar{display:block;height:100%;width:0;background:var(--grad-blue);border-radius:inherit;transition:width .35s ease}
/* Mobile / tablet — one visible slide (no transform track) */
@media(max-width:1024px){
.hero-deck{perspective:none;max-width:min(100%,400px);margin-inline:auto}
.hero-visual{min-height:0}
.hero-deck-viewport{width:100%;overflow:visible;touch-action:pan-y}
.hero-deck-track.is-slider{display:block;width:100%!important;transform:none!important;min-height:1px}
.hero-deck-track.is-slider>.hero-card{display:none;grid-area:unset;width:100%!important;max-width:100%!important;flex:none!important;position:relative!important;inset:auto;transform:none!important;opacity:1!important;visibility:visible!important;animation:none!important;pointer-events:auto;margin:0}
.hero-deck-track.is-slider>.hero-card[data-pos="0"]{display:block}
}
.hero-floating-badge{position:absolute;z-index:4;padding:.5rem 1rem;font-size:.8rem;font-weight:600;border-radius:var(--radius-full);box-shadow:var(--shadow-md);white-space:nowrap}
.hero-floating-badge.gold{top:5%;right:0;background:var(--gold-500);color:var(--blue-900);animation:float 5s ease-in-out infinite}
.hero-floating-badge.blue{bottom:10%;left:-5%;background:var(--blue-700);color:var(--white);animation:float-slow 7s ease-in-out infinite}
.hero-floating-badge.orange{top:20%;left:-10%;background:var(--orange-500);color:var(--white);animation:float 6s ease-in-out infinite 1s}
.hero-sparkle{position:absolute;font-size:1.25rem;color:var(--gold-500);opacity:.6;animation:sparkle 3s ease-in-out infinite;pointer-events:none}
.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:3}
.hero-scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,var(--blue-400),transparent)}
.hero-scroll-icon{width:24px;height:24px;color:var(--blue-600);animation:bounce-arrow 2s ease-in-out infinite}

/* 11. TICKER / MARQUEE */
.ticker{overflow:hidden;white-space:nowrap;user-select:none}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker-track{display:inline-flex;gap:2rem;animation:marquee-left 30s linear infinite}
.ticker-track.reverse{animation:marquee-right 30s linear infinite}
.ticker-item{display:inline-flex;align-items:center;gap:1rem;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;flex-shrink:0}
.ticker-blue{background:var(--blue-700);color:var(--white);padding:1rem 0}
.ticker-white{background:var(--white);color:var(--blue-600);padding:.85rem 0;border-block:2px solid var(--blue-100)}
.ticker-light{background:var(--blue-50);color:var(--blue-700);padding:.75rem 0}

/* 12. STATS BAND */
.stats-band{background:var(--blue-800);padding-block:clamp(3rem,6vw,5rem);position:relative}
.stats-band-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;align-items:stretch}
.stat-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem clamp(.35rem,1.5vw,1rem);position:relative;min-width:0}
.stat-item:not(:last-child)::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:60%;background:var(--blue-600)}
.stat-icon{width:32px;height:32px;color:var(--white);margin-bottom:.75rem;flex-shrink:0}
.stats-band .stat-number{font-family:'Poppins',sans-serif;font-size:clamp(1.65rem,3.8vw,3rem);font-weight:800;color:var(--white);line-height:1.1;margin-bottom:.5rem;white-space:nowrap;letter-spacing:-.02em;max-width:100%}
.stats-band .stat-number[data-count="Pan-India"]{font-size:clamp(1.35rem,3.2vw,2.5rem);font-weight:700}
.stats-band .stat-label{font-size:clamp(.62rem,1.15vw,.9rem);font-weight:500;color:var(--blue-200);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;line-height:1.3;max-width:100%}
/* Hero / standalone counters (outside stats-band) */
.stat-number{font-family:'Pacifico',cursive;font-size:var(--fs-pacifico);font-weight:400;color:var(--white);line-height:1;margin-bottom:.5rem}
.stat-label{font-size:.95rem;font-weight:400;color:var(--blue-200);text-transform:uppercase;letter-spacing:.06em}
.page-hero .stat-number{white-space:nowrap}

/* 13. SERVICES GRID */
/* What We Do — intro split + cards */
.what-we-do-section{background:var(--off-white)}
.what-we-do-intro{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"head visual" "body visual";gap:clamp(2rem,5vw,4rem);align-items:center;margin-bottom:clamp(2.5rem,5vw,4rem)}
.what-we-do-head{grid-area:head;align-self:end}
.what-we-do-body{grid-area:body;align-self:start}
.what-we-do-visual{grid-area:visual;align-self:center}
.what-we-do-head .section-header,.what-we-do-body .section-desc{text-align:left;margin-inline:0;max-width:100%}
.what-we-do-head .section-header{margin-bottom:0}
.what-we-do-body .section-desc{margin-top:0}
.what-we-do-visual{position:relative}
.what-we-do-visual img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:3px solid var(--white)}
.what-we-do-visual::after{content:'';position:absolute;inset:-12px -12px 12px 12px;border:2px solid var(--blue-200);border-radius:var(--radius-xl);z-index:-1}
.what-we-do-badge{position:absolute;bottom:1.25rem;left:1.25rem;background:var(--grad-blue);color:var(--white);padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;box-shadow:var(--shadow-md)}

.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.service-card-image{width:100%;height:160px;object-fit:cover;border-radius:var(--radius-md);margin-bottom:1.25rem;display:block}
.why-choose-photo{width:100%;max-width:400px;aspect-ratio:1;object-fit:cover;border-radius:50%;box-shadow:var(--shadow-lg);border:4px solid var(--white)}
.why-choose-visual.has-photo .why-blob{display:none}
.why-choose-visual.has-photo{display:flex;align-items:center;justify-content:center}
.city-card-image{width:100%;height:150px;object-fit:cover;object-position:center;border-radius:var(--radius-md);margin-bottom:1rem}
.city-card-image--pune{object-position:center 40%}
.city-card-image--mumbai{object-position:center 35%}
.city-card-image--india{object-position:center 45%}
.city-card-map{width:100%;height:150px;border-radius:var(--radius-md);overflow:hidden;margin-bottom:1rem;border:1px solid rgba(255,255,255,.2);background:var(--blue-50)}
.city-card-map iframe{width:100%;height:100%;border:0;display:block;pointer-events:none}
.testimonial-dark.has-image{background:var(--blue-900)}
.testimonial-dark-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:center;max-width:1100px;margin-inline:auto;text-align:left}
.testimonial-dark-layout .testimonial-dark-text{text-align:left}
.testimonial-dark-photo{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}
.logo-cell img.logo-img{width:100%;max-height:56px;object-fit:contain;border-radius:var(--radius-sm)}
.team-photo{width:100%;height:100%;object-fit:cover;border-radius:50%}
.team-card .team-avatar{overflow:hidden;padding:0;width:96px;height:96px}
.service-card{position:relative;padding:2rem;background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform var(--transition),box-shadow var(--transition);text-decoration:none;color:inherit;display:block;cursor:pointer}
a.service-card:focus-visible{outline:2px solid var(--orange-500);outline-offset:3px}
a.hero-card{text-decoration:none;color:inherit;display:block;cursor:pointer}
a.hero-card:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px;border-radius:var(--radius-lg)}
a.city-card{text-decoration:none;color:inherit;display:block;cursor:pointer}
a.city-card:focus-visible{outline:2px solid var(--blue-500);outline-offset:3px}
.service-panel,[id^="btl-"],[id^="product-"],[id^="brand-"],[id^="promotions-"],[id^="corporate-"]{scroll-margin-top:calc(var(--nav-height,72px) + 1.5rem)}
.service-panel{scroll-margin-top:calc(var(--nav-height,72px) + 1.5rem)}
.service-card::before{content:'';position:absolute;top:0;right:0;width:60px;height:60px;background:var(--grad-blue);clip-path:polygon(100% 0,0 0,100% 100%);border-radius:0 var(--radius-lg) 0 0}
.service-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--grad-multi);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-out)}
.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}
.service-card:hover::after{transform:scaleX(1)}
.service-card-number{position:absolute;bottom:1rem;right:1.25rem;font-family:'Pacifico',cursive;font-size:4rem;color:var(--blue-50);line-height:1;pointer-events:none}
.service-card-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:1.25rem;background:var(--blue-50);border-radius:50%;color:var(--blue-600)}
.service-card-title{font-size:1.2rem;font-weight:700;color:var(--blue-800);margin-bottom:.75rem}
.service-card-desc{font-size:.9rem;color:var(--text-mid);margin-bottom:1.25rem;line-height:1.6}
.service-card-link{font-size:.9rem;font-weight:500;color:var(--orange-500);transition:color var(--transition-fast),gap var(--transition-fast);display:inline-flex;align-items:center;gap:.25rem}
.service-card-link:hover{color:var(--orange-600);gap:.5rem}

/* 14. WHY CHOOSE US */
.why-choose{background:var(--off-white)}
.why-choose-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.why-choose-visual{position:sticky;top:calc(var(--nav-height) + 2rem);display:flex;align-items:center;justify-content:center;min-height:480px}
.why-blob{position:relative;width:min(400px,100%);aspect-ratio:1;background:var(--grad-blue);display:flex;align-items:center;justify-content:center;animation:blob-morph 12s ease-in-out infinite}
.why-blob-stat{font-family:'Pacifico',cursive;font-size:clamp(3rem,6vw,5rem);color:var(--white);text-align:center;z-index:2}
.why-orbit-dot{position:absolute;width:16px;height:16px;border-radius:50%;animation:float 5s ease-in-out infinite}
.why-orbit-dot.orange{background:var(--orange-500);top:10%;right:15%}
.why-orbit-dot.blue{background:var(--blue-400);bottom:20%;left:10%;animation-delay:1s}
.why-orbit-dot.gold{background:var(--gold-500);top:30%;left:5%;animation-delay:2s}
.why-est-badge{position:absolute;bottom:-1rem;left:50%;transform:translateX(-50%);z-index:3}
.why-points{display:flex;flex-direction:column;gap:1.5rem}
.why-point{display:flex;gap:1.25rem;padding:1.5rem;background:var(--white);border-radius:var(--radius-md);border-left:4px solid var(--blue-500);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),transform var(--transition)}
.why-point:nth-child(even){border-left-color:var(--orange-500)}
.why-point:nth-child(3n){border-left-color:var(--gold-500)}
.why-point:hover{box-shadow:var(--shadow-md);transform:translateX(4px)}
.why-point-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--blue-50);border-radius:50%;color:var(--blue-600)}
.why-point-icon svg{width:24px;height:24px}
.why-point-content h4{font-size:1.1rem;font-weight:600;color:var(--blue-800);margin-bottom:.35rem}
.why-point-content p{font-size:.95rem;color:var(--text-mid);line-height:1.6}

/* 15. TESTIMONIAL DARK */
.testimonial-dark{background:var(--blue-900);padding-block:clamp(4rem,8vw,6rem);position:relative;overflow:hidden}
.testimonial-dark::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(45,85,213,.15) 0%,transparent 70%);pointer-events:none}
.testimonial-dark-inner{position:relative;z-index:1;max-width:800px;margin-inline:auto;text-align:center}
.testimonial-dark-quote{position:absolute;top:-2rem;left:50%;transform:translateX(-50%);font-size:clamp(6rem,12vw,10rem);font-weight:900;color:var(--blue-700);opacity:.15;line-height:1;pointer-events:none}
.testimonial-dark-text{font-size:clamp(1.1rem,2vw,1.4rem);font-weight:300;font-style:italic;color:var(--white);line-height:1.8;margin-bottom:2rem;position:relative;z-index:1}
.testimonial-dark-author{font-weight:500;color:var(--orange-400);margin-bottom:1rem}
.testimonial-dark-stars{display:flex;justify-content:center;gap:.25rem;margin-bottom:2rem;color:var(--gold-500)}
.testimonial-dark-link{font-weight:500;color:var(--orange-400);transition:color var(--transition-fast)}
.testimonial-dark-link:hover{color:var(--orange-500)}

/* Testimonials carousel (dark blue theme) */
.testimonials-carousel{padding-block:clamp(3rem,6vw,5rem);background:var(--blue-900);position:relative;overflow:hidden}
.testimonials-carousel::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(45,85,213,.12) 0%,transparent 60%);pointer-events:none}
.testimonial-carousel{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:2rem;align-items:center;max-width:1200px;margin-inline:auto}
.carousel-photo{position:relative;border-radius:var(--radius-xl);overflow:hidden;min-height:320px;box-shadow:var(--shadow-xl);border:3px solid rgba(255,255,255,.04)}
.carousel-photo-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease,transform .6s ease}
.carousel-photo-img.is-active{opacity:1;transform:scale(1.02)}
.carousel-main{display:flex;flex-direction:column;gap:1rem}
.carousel-controls{display:flex;justify-content:flex-end;gap:.5rem}
.carousel-prev,.carousel-next{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:.35rem .75rem;border-radius:8px;font-size:1.25rem;line-height:1;color:var(--white);box-shadow:none}
.carousel-prev:hover,.carousel-next:hover{transform:translateY(-3px);background:rgba(255,255,255,.12)}
.carousel-slides{position:relative;min-height:180px}
.carousel-slide{display:none;padding:1.25rem 0}
.carousel-slide.active{display:block}
.testimonial-stars{color:var(--gold-500);font-size:1.05rem;margin-bottom:.6rem}
.testimonial-text{font-size:clamp(1rem,1.6vw,1.25rem);font-style:italic;color:var(--white);line-height:1.7;margin-bottom:.75rem}
.testimonial-author{font-weight:600;color:var(--orange-400)}
.carousel-dots{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}
.carousel-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.06);padding:0}
.carousel-dot.active{background:var(--white);box-shadow:0 6px 24px rgba(10,36,160,.16)}

/* Client Stories — home testimonial showcase */
.client-stories{position:relative;padding-block:clamp(4.5rem,9vw,7rem);overflow:hidden;background:linear-gradient(165deg,var(--blue-900) 0%,#0a2470 45%,var(--blue-800) 100%);color:var(--white)}
.client-stories-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 0%,rgba(107,141,255,.22) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 90% 100%,rgba(255,107,53,.12) 0%,transparent 50%);pointer-events:none}
.client-stories .container{position:relative;z-index:1}
.client-stories-header{max-width:720px;margin-inline:auto;text-align:center;margin-bottom:2.5rem}
.client-stories-eyebrow{display:inline-block;font-family:'Pacifico',cursive;font-size:clamp(1rem,2vw,1.2rem);color:var(--blue-300);margin-bottom:.75rem}
.client-stories-title{font-size:var(--fs-h2);font-weight:700;color:var(--white);letter-spacing:-.02em;margin-bottom:.75rem}
.client-stories-title .cursive{display:block;font-family:'Dancing Script',cursive;font-weight:700;color:var(--orange-400);font-size:.88em;margin-top:.2em}
.client-stories-lead{font-size:var(--fs-body-lg);color:var(--blue-200);line-height:1.7;max-width:560px;margin-inline:auto}
.client-stories-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:720px;margin:0 auto 2.5rem}
.client-stories-stat{text-align:center;padding:1.25rem 1rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);backdrop-filter:blur(8px)}
.client-stories-stat strong{display:block;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;color:var(--white);line-height:1.1;margin-bottom:.35rem}
.client-stories-stat span{font-size:.8rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--blue-300)}
.client-stories-showcase{display:flex;flex-direction:column;max-width:800px;margin-inline:auto;background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 24px 64px rgba(3,14,63,.45),0 0 0 1px rgba(255,255,255,.08)}
.client-stories-visual{position:relative;height:240px;background:var(--blue-800)}
.client-stories-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease,transform .6s ease}
.client-stories-photo.is-changing{opacity:0;transform:scale(1.03)}
.client-stories-visual-label{position:absolute;left:50%;bottom:1.25rem;transform:translateX(-50%);padding:.4rem 1rem;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--white);background:rgba(6,26,110,.75);backdrop-filter:blur(8px);border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.15)}
.client-stories-panel{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(1.75rem,4vw,2.5rem);color:var(--text-dark)}
.client-stories-panel-top{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1.25rem}
.client-stories-rating{display:flex;gap:.2rem;color:var(--gold-500)}
.client-stories-counter{font-size:.85rem;font-weight:600;color:var(--text-muted);letter-spacing:.08em}
.client-stories-current{color:var(--blue-700)}
.client-stories-quote{flex:1;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:500;font-style:italic;color:var(--blue-900);line-height:1.65;margin:0 0 1.75rem;position:relative}
.client-stories-quote::before{content:'\201C';display:block;font-size:3rem;font-weight:900;color:var(--blue-100);line-height:1;font-style:normal;margin-bottom:-10px}
.client-stories-author{display:flex;flex-direction:column;align-items:center;gap:0.5rem;margin-bottom:1.75rem}
.client-stories-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--blue-100);flex-shrink:0}
.client-stories-name{display:block;font-size:1rem;font-weight:700;font-style:normal;color:var(--blue-800)}
.client-stories-role{display:block;font-size:.875rem;color:var(--text-mid);margin-top:.15rem}
.client-stories-nav{display:flex;align-items:center;justify-content:center;gap:1.5rem;width:100%;max-width:300px;margin-top:auto}
.client-stories-arrow{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--blue-50);border:1px solid var(--blue-200);color:var(--blue-700);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}
.client-stories-arrow:hover{background:var(--blue-700);color:var(--white);transform:scale(1.05)}
.client-stories-progress{flex:1;height:4px;background:var(--blue-100);border-radius:var(--radius-full);overflow:hidden}
.client-stories-progress-bar{display:block;height:100%;width:16.666%;background:var(--grad-blue);border-radius:inherit;transition:width .45s var(--ease-out)}
.client-stories-thumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.75rem;padding-bottom:.25rem;overflow-x:visible;scrollbar-width:thin;scrollbar-color:var(--blue-600) transparent}
.client-stories-thumbs::-webkit-scrollbar{height:4px}
.client-stories-thumbs::-webkit-scrollbar-thumb{background:var(--blue-600);border-radius:4px}
.client-stories-thumb{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:100px;padding:.85rem .75rem;background:rgba(255,255,255,.06);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}
.client-stories-thumb:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}
.client-stories-thumb.is-active{border-color:var(--orange-500);background:rgba(255,107,53,.15);box-shadow:0 8px 24px rgba(255,107,53,.2)}
.client-stories-thumb-avatar{display:block;width:40px;height:40px;border-radius:50%;background-size:cover;background-position:center;border:2px solid rgba(255,255,255,.2)}
.client-stories-thumb.is-active .client-stories-thumb-avatar{border-color:var(--orange-400)}
.client-stories-thumb-name{font-size:.8rem;font-weight:600;color:var(--white)}
.client-stories-thumb-brand{font-size:.7rem;color:var(--blue-300)}
.client-stories-cta{text-align:center;margin-top:2rem}
.client-stories-cta .btn-secondary{background:rgba(255,255,255,.12);color:var(--white);border-color:rgba(255,255,255,.25)}
.client-stories-cta .btn-secondary:hover{background:var(--white);color:var(--blue-800);border-color:var(--white)}

@media (max-width:900px){
  .client-stories-visual{min-height:200px;border-radius:0}
  .client-stories-stats{grid-template-columns:1fr;max-width:280px}
}

@media (max-width:600px){
  .client-stories-thumbs{gap:.5rem}
  .client-stories-thumb{min-width:88px;padding:.65rem .5rem}
  .client-stories-quote{padding-left:1rem;font-size:1.05rem}
}

/* Responsive: stack on smaller screens */
@media (max-width: 900px){
  .testimonial-carousel{grid-template-columns:1fr;gap:1.25rem}
  .carousel-photo{order:1;min-height:200px}
  .carousel-main{order:2}
  .carousel-controls{justify-content:flex-start}
  .carousel-prev,.carousel-next{padding:.25rem .5rem}
  .carousel-slide{padding:1rem 0}
}

@media (max-width: 480px){
  .carousel-photo{min-height:160px;border-radius:var(--radius-md)}
  .testimonial-text{font-size:1rem}
  .carousel-prev,.carousel-next{font-size:1rem}
  .section-header{padding-inline:1rem}
}

/* 16. CITIES SECTION */
.cities-section{background:var(--blue-50)}
.cities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.city-card{position:relative;padding:2rem;border-radius:var(--radius-lg);border:2px solid var(--border);transition:transform var(--transition),box-shadow var(--transition);overflow:hidden;display:block}
.city-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.city-card.hq{background:var(--blue-800);color:var(--white);border-color:var(--blue-800)}
.city-card.hq .city-card-desc,.city-card.hq .city-card-title{color:var(--white)}
.city-card.mumbai{background:var(--white)}
.city-card.pan-india{background:var(--grad-blue);color:var(--white);border-color:transparent}
.city-card.pan-india .city-card-title,.city-card.pan-india .city-card-desc{color:var(--white)}
.city-card-badge{display:inline-block;margin-bottom:1rem}
.city-card-icon{width:40px;height:40px;margin-bottom:1rem;color:var(--blue-600)}
.city-card.hq .city-card-icon,.city-card.pan-india .city-card-icon{color:var(--white)}
.city-card-title{font-size:1.5rem;font-weight:700;margin-bottom:.75rem}
.city-card-desc{font-size:.95rem;color:var(--text-mid);line-height:1.6}

/* 17. CTA BAND */
.cta-band{position:relative;background:var(--grad-blue);padding-block:clamp(4rem,8vw,6rem);overflow:hidden;text-align:center}
.cta-band-bg-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(4rem,15vw,12rem);font-weight:900;color:rgba(255,255,255,.08);white-space:nowrap;pointer-events:none;user-select:none;z-index:0}
.cta-band-content{position:relative;z-index:1;max-width:720px;margin-inline:auto}
.cta-band-title{font-size:var(--fs-h2);font-weight:700;color:var(--white);margin-bottom:.5rem}
.cta-band-cursive{font-family:'Dancing Script',cursive;font-size:var(--fs-cursive-lg);color:var(--white);margin-bottom:1rem}
.cta-band-desc{color:rgba(255,255,255,.75);margin-bottom:2rem;font-size:var(--fs-body-lg)}

/* 18. FOOTER */
.footer{background:var(--blue-900);color:var(--white);position:relative}
.footer-accent{height:4px;background:var(--grad-multi)}
.footer-main{padding-block:clamp(3rem,6vw,5rem)}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:clamp(2rem,4vw,3rem)}
.footer-brand .nav-logo .nav-logo-image{height:72px;max-width:none}
.footer-brand .nav-logo-name{color:var(--white)}
.footer-brand .nav-logo-tagline{color:var(--blue-300)}
.footer-tagline{font-family:'Dancing Script',cursive;font-size:1.8rem;color:var(--white);margin:1.5rem 0 1rem}
.footer-desc{font-size:.9rem;font-weight:300;color:var(--blue-300);line-height:1.7;margin-bottom:1.5rem}
.footer-social{display:flex;gap:.75rem}
.footer-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);color:var(--white);transition:background var(--transition),transform var(--transition)}
.footer-social svg{width:18px;height:18px;display:block;flex-shrink:0}
.footer-social a:hover{background:var(--orange-500);transform:translateY(-2px)}
.footer-col-title{font-family:'Pacifico',cursive;font-size:1rem;color:var(--blue-300);margin-bottom:1.25rem}
.footer-links{display:flex;flex-direction:column;gap:.75rem}
.footer-link{font-size:.9rem;color:var(--white);transition:color var(--transition-fast),padding-left var(--transition-fast);display:inline-flex;align-items:center;gap:.35rem}
.footer-link:hover{color:var(--orange-500);padding-left:4px}
.footer-link::before{content:'→';opacity:0;transition:opacity var(--transition-fast)}
.footer-link:hover::before{opacity:1}
.footer-contact-item{display:flex;gap:.75rem;align-items:flex-start;margin-bottom:1rem;font-size:.9rem;color:var(--blue-200);line-height:1.6}
.footer-contact-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border-radius:50%;color:var(--blue-300)}
.footer-bottom{padding-block:1.5rem;background:rgba(0,0,0,.2);border-top:1px solid rgba(255,255,255,.08)}
.footer-bottom .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:var(--blue-300)}
.footer-made{font-family:'Dancing Script',cursive;font-size:1rem;color:var(--blue-200)}

/* 19. PAGE HERO */
.page-hero{position:relative;padding-top:calc(var(--nav-height) + 3rem);padding-bottom:clamp(3rem,6vw,5rem);overflow:hidden}
.page-hero--dark{background:var(--blue-900);color:var(--white)}
.page-hero--dark .page-hero-title,.page-hero--dark .page-hero-subtitle{color:var(--white)}
.page-hero--light{background:var(--blue-50)}
.page-hero--split{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"head visual" "body visual";min-height:100dvh;padding-top:var(--nav-height);padding-bottom:0}
.page-hero--split .page-hero-head{grid-area:head;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(2rem,5vw,4rem) var(--container-pad) 1rem}
.page-hero--split .page-hero-head .page-hero-title{margin-bottom:0}
.page-hero--split .page-hero-body{grid-area:body;padding:0 var(--container-pad) clamp(2rem,5vw,4rem)}
.page-hero--split .page-hero-visual{grid-area:visual;background:var(--blue-50);display:flex;align-items:center;justify-content:center;padding:2rem;align-self:stretch}
.page-hero--split-dark .page-hero-head,.page-hero--split-dark .page-hero-body{background:var(--blue-900);color:var(--white)}
.page-hero--split-dark .page-hero-subtitle{color:var(--blue-200)}
.page-hero--split-dark .page-hero-title .cursive{color:var(--blue-400)}
.page-hero-eyebrow{font-family:'Pacifico',cursive;font-size:1rem;color:var(--orange-400);margin-bottom:1rem}
.page-hero-title{font-size:var(--fs-h1);font-weight:800;margin-bottom:1rem}
.page-hero-title .cursive{display:block;font-family:'Dancing Script',cursive;font-size:.85em;font-weight:700;color:var(--blue-500)}
.page-hero-subtitle{font-size:var(--fs-body-lg);color:var(--text-mid);max-width:560px;line-height:1.7}
.page-hero--dark .page-hero-subtitle{color:var(--blue-200)}
.page-hero--dark .page-hero-title .cursive{color:var(--blue-400)}
.page-hero--gradient{background:var(--grad-dark);color:var(--white)}
.page-hero--gradient .page-hero-title,.page-hero--gradient .page-hero-subtitle{color:var(--white)}
.page-hero--gradient .page-hero-title .cursive{color:rgba(255,255,255,.85)}

/* 20. TIMELINE */
.timeline-section{background:var(--off-white);overflow:hidden}
.timeline-scroll{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-block:2rem}
.timeline-scroll::-webkit-scrollbar{display:none}
.timeline-track{display:flex;gap:2rem;padding-inline:var(--container-pad);width:max-content}
.timeline-card{flex-shrink:0;width:420px;scroll-snap-align:start;padding:2rem;background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);position:relative}
.timeline-card::before{content:'';position:absolute;top:50%;left:-1rem;width:2rem;height:2px;background:var(--grad-blue)}
.timeline-year{font-family:'Pacifico',cursive;font-size:2rem;color:var(--blue-600);margin-bottom:1rem}
.timeline-text{font-size:.95rem;color:var(--text-mid);line-height:1.7}
.timeline-axis{height:4px;background:var(--grad-blue);margin-block:2rem;border-radius:var(--radius-full)}

/* 21. MISSION / VISION */
.mission-vision{display:grid;grid-template-columns:1fr 1fr;min-height:400px}
.mission-panel{padding:clamp(2.5rem,5vw,4rem);display:flex;flex-direction:column;justify-content:center;gap:1.25rem}
.mission-panel--mission{background:var(--grad-blue);color:var(--white);clip-path:polygon(0 0,100% 0,95% 100%,0 100%)}
.mission-panel--vision{background:var(--white);clip-path:polygon(5% 0,100% 0,100% 100%,0 100%)}
.mission-panel-icon{width:64px;height:64px;color:var(--white)}
.mission-panel--vision .mission-panel-icon{color:var(--blue-600)}
.mission-panel-title{font-family:'Pacifico',cursive;font-size:1.5rem}
.mission-panel--mission .mission-panel-title{color:var(--white)}
.mission-panel--vision .mission-panel-title{color:var(--blue-700)}
.mission-panel-text{font-size:1.1rem;line-height:1.7}
.mission-panel--mission .mission-panel-text{font-weight:300;color:rgba(255,255,255,.9)}
.mission-panel--vision .mission-panel-text{color:var(--text-mid)}

/* 22. VALUES SCROLL */
.values-scroll{overflow-x:auto;scroll-snap-type:x mandatory;padding-block:2rem;-webkit-overflow-scrolling:touch}
.values-track{display:flex;gap:1.5rem;padding-inline:var(--container-pad);width:max-content}
.value-card{flex-shrink:0;width:320px;scroll-snap-align:start;padding:2rem;background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);transition:background var(--transition),color var(--transition),transform var(--transition)}
.value-card:hover{transform:translateY(-4px)}
.value-card[data-accent="blue"]:hover{background:var(--blue-600);color:var(--white)}
.value-card[data-accent="orange"]:hover{background:var(--orange-500);color:var(--white)}
.value-card[data-accent="pink"]:hover{background:var(--pink-500);color:var(--white)}
.value-card[data-accent="gold"]:hover{background:var(--gold-500);color:var(--blue-900)}
.value-card-icon{width:48px;height:48px;margin-bottom:1rem;color:var(--blue-600)}
.value-card-title{font-size:1.1rem;font-weight:700;margin-bottom:.75rem}
.value-card-text{font-size:.95rem;color:var(--text-mid);line-height:1.6}
.value-card:hover .value-card-text{color:inherit;opacity:.9}
.value-card:hover .value-card-icon{color:var(--white)}

/* 23. BENTO GRID */
.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(160px,auto);gap:1rem;padding:var(--container-pad);background:var(--blue-900);border-radius:var(--radius-lg)}
.bento-cell{background:var(--blue-800);border:1px solid var(--blue-700);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;justify-content:center;transition:box-shadow var(--transition),transform var(--transition)}
.bento-cell:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}
.bento-cell--xl{grid-column:span 2;grid-row:span 2}
.bento-cell--lg{grid-column:span 2}
.bento-cell-title{font-family:'Pacifico',cursive;font-size:1.25rem;color:var(--white);margin-bottom:.5rem}
.bento-cell-text{font-size:.95rem;color:var(--blue-200);line-height:1.6}
.bento-cell-value{font-family:'Pacifico',cursive;font-size:2rem;color:var(--orange-400);margin-top:auto;white-space:nowrap;line-height:1.15}
.bento-cell-value[data-count="Pan-India"]{font-family:'Poppins',sans-serif;font-size:clamp(1.1rem,2.5vw,1.65rem);font-weight:700;color:var(--orange-400)}
.bento-cell--xl .bento-cell-value{font-size:3rem}
.bento-cell--has-img{position:relative;overflow:hidden;background-size:cover;background-position:center;border-color:transparent}
.bento-cell--has-img::before{content:'';position:absolute;inset:0;background:linear-gradient(160deg,rgba(6,26,110,.72),rgba(3,14,63,.9));z-index:0}
.bento-cell--has-img > *{position:relative;z-index:1}
.story-split{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"body visual";gap:clamp(2rem,5vw,3.5rem);align-items:center;max-width:1000px;margin-inline:auto}
.story-split-body{grid-area:body}
.story-split-visual{grid-area:visual}
.story-split-visual img,.story-split img{width:100%;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);aspect-ratio:4/3;object-fit:cover;display:block}
.stats-band--has-bg .stats-band-grid{position:relative;z-index:1}

/* 24. TEAM GRID */
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.team-card{padding:2rem;background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);text-align:center;box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition)}
.team-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-glow)}
.team-avatar{width:96px;height:96px;margin:0 auto 1.25rem;border-radius:50%;background:var(--grad-blue);display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;color:var(--white)}
.team-name{font-size:1.1rem;font-weight:600;color:var(--blue-800);margin-bottom:.25rem}
.team-role{font-size:.9rem;color:var(--orange-500)}

/* 25. SERVICE DETAIL PANELS */
.service-panels{position:relative}
.service-panel{display:grid;grid-template-columns:40fr 60fr;min-height:100vh}
.service-panel:nth-child(even){grid-template-columns:60fr 40fr}
.service-panel-dark{background:var(--blue-800);color:var(--white);padding:clamp(3rem,6vw,5rem);display:flex;flex-direction:column;justify-content:center;gap:1.5rem}
.service-panel-light{background:var(--white);padding:clamp(3rem,6vw,5rem);display:flex;flex-direction:column;justify-content:center;gap:1.5rem}
.service-panel-orange{background:var(--grad-orange);color:var(--white);padding:clamp(3rem,6vw,5rem);display:flex;flex-direction:column;justify-content:center}
.service-panel-number{font-family:'Pacifico',cursive;font-size:clamp(5rem,10vw,8rem);opacity:.15;line-height:1}
.service-panel-icon{width:80px;height:80px;color:var(--white)}
.service-panel-label{font-size:var(--fs-label-lg);font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--blue-300)}
.service-panel-title{font-size:var(--fs-h2);font-weight:700;color:var(--blue-800);margin-bottom:1rem}
.service-panel-text{font-size:var(--fs-body-lg);color:var(--text-mid);line-height:1.7;margin-bottom:1.5rem}
.service-panel-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}
.service-panel-list li{display:flex;align-items:flex-start;gap:.75rem;font-size:.95rem;color:var(--text-mid)}
.service-panel-list li::before{content:'✓';flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--blue-50);color:var(--blue-600);border-radius:50%;font-size:.75rem;font-weight:700}

/* 26. FILTER BAR */
.filter-bar{position:sticky;top:var(--nav-height-sm);z-index:100;background:var(--white);padding:1rem 0;transition:box-shadow var(--transition)}
.filter-bar.is-stuck{box-shadow:var(--shadow-sm)}
.filter-bar-inner{display:flex;gap:.75rem;overflow-x:auto;scrollbar-width:none;padding-inline:var(--container-pad);-webkit-overflow-scrolling:touch}
.filter-bar-inner::-webkit-scrollbar{display:none}
.filter-btn{flex-shrink:0;padding:.6rem 1.25rem;font-size:.85rem;font-weight:500;color:var(--blue-700);background:var(--white);border:1.5px solid var(--blue-200);border-radius:var(--radius-full);transition:background var(--transition),color var(--transition),border-color var(--transition),transform var(--transition-fast);white-space:nowrap}
.filter-btn:hover{border-color:var(--blue-400);transform:translateY(-1px)}
.filter-btn.active{background:var(--grad-blue);color:var(--white);border-color:transparent;font-weight:600;box-shadow:var(--shadow-blue)}

/* 27. MASONRY GRID */
.masonry-grid{columns:3;column-gap:1.5rem}
.masonry-item{break-inside:avoid;margin-bottom:1.5rem;border-radius:var(--radius-lg);overflow:hidden;position:relative;cursor:pointer}
.masonry-item img,.masonry-item .masonry-placeholder{width:100%;display:block;border-radius:var(--radius-lg);transition:transform .4s var(--ease-out),filter .4s var(--ease-out)}
.masonry-placeholder{aspect-ratio:4/3;background:var(--grad-blue-soft);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--blue-600)}
.masonry-item:hover img,.masonry-item:hover .masonry-placeholder{transform:scale(1.04);filter:contrast(1.1) saturate(1.2)}
.masonry-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(3,14,63,.92) 0%,rgba(3,14,63,.4) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);transition:clip-path .4s var(--ease-out)}
.masonry-item:hover .masonry-overlay{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.masonry-tag{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:500;color:var(--white);background:var(--orange-500);border-radius:var(--radius-full);margin-bottom:.5rem;width:fit-content}
.masonry-title{font-size:1.1rem;font-weight:600;color:var(--white);margin-bottom:.25rem}
.masonry-meta{font-size:.85rem;color:var(--blue-200);margin-bottom:.75rem}
.masonry-view{font-size:.9rem;font-weight:500;color:var(--white);display:inline-flex;align-items:center;gap:.35rem}
.masonry-skeleton{border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--surface) 25%,var(--border) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}
.masonry-grid--gallery{columns:4}
@media(max-width:1024px){.masonry-grid--gallery{columns:3}}
@media(max-width:768px){.masonry-grid--gallery{columns:2}}
@media(max-width:600px){.masonry-grid--gallery{columns:1}}

/* 28. LOGO GRID (Client logos) */
.logo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem}
.logo-cell{display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease,filter .3s ease,opacity .3s ease}
.logo-cell img,.logo-cell .logo-img,.logo-cell .logo-placeholder{width:100%;max-height:72px;object-fit:cover;border-radius:var(--radius-sm);filter:grayscale(100%);opacity:.75;transition:filter .3s ease,opacity .3s ease,transform .3s ease}
.logo-placeholder{font-size:.85rem;color:var(--text-muted);font-weight:500}
.logo-cell:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}
.logo-cell:hover img,.logo-cell:hover .logo-img,.logo-cell:hover .logo-placeholder{filter:grayscale(0%);opacity:1;transform:scale(1.03)}

/* 29. INDUSTRY TAG CLOUD */
.tag-cloud{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}
.tag-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border-radius:var(--radius-full);transition:transform var(--transition-fast),box-shadow var(--transition)}
.tag-pill:hover{transform:scale(1.06);box-shadow:var(--shadow-md)}
.tag-pill--blue{background:var(--blue-50);color:var(--blue-700);border:1px solid var(--blue-200)}
.tag-pill--orange{background:var(--orange-50);color:var(--orange-600);border:1px solid var(--orange-200)}
.tag-pill--gold{background:var(--gold-100);color:var(--gold-500);border:1px solid var(--gold-300)}
.tag-pill--pink{background:var(--pink-50);color:var(--pink-500);border:1px solid var(--pink-200)}
.tag-pill--dark{background:var(--blue-800);color:var(--white)}

/* 30. TESTIMONIALS CAROUSEL */
.testimonials-carousel{position:relative;padding-block:clamp(3rem,6vw,5rem);background:var(--off-white)}
.carousel-track{position:relative;overflow:hidden;max-width:800px;margin-inline:auto}
.carousel-slide{display:none;padding:2.5rem;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);position:relative}
.carousel-slide.active{display:block}
.carousel-quote{position:absolute;top:1rem;left:1.5rem;font-size:6rem;font-weight:900;color:var(--blue-100);line-height:1;pointer-events:none}
.carousel-text{font-size:1.2rem;font-weight:300;font-style:italic;color:var(--text-dark);line-height:1.8;margin-bottom:1.5rem;position:relative;z-index:1}
.carousel-stars{display:flex;gap:.25rem;color:var(--gold-500);margin-bottom:1.5rem}
.carousel-author{display:flex;align-items:center;gap:1rem}
.carousel-avatar{width:56px;height:56px;border-radius:50%;background:var(--grad-blue);flex-shrink:0}
.carousel-author-name{font-weight:600;color:var(--blue-800)}
.carousel-author-role{font-size:.9rem;color:var(--text-muted)}
.carousel-author-brand{font-size:.9rem;font-weight:500;color:var(--orange-500)}
.carousel-nav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem}
.carousel-arrow{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--blue-700);color:var(--white);border-radius:50%;transition:background var(--transition),transform var(--transition-fast)}
.carousel-arrow:hover{background:var(--blue-600);transform:scale(1.08)}
.carousel-dots{display:flex;gap:.5rem}
.carousel-dot{width:10px;height:10px;border-radius:50%;background:var(--blue-200);border:none;padding:0;transition:background var(--transition),transform var(--transition-fast)}
.carousel-dot.active{background:var(--blue-600);transform:scale(1.2)}

/* 31. CONTACT */
.contact-section{background:var(--off-white)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:stretch}
.contact-details-card,.contact-form-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden}
.contact-details-card{display:flex;flex-direction:column}
.contact-details-header{background:var(--grad-blue);padding:1.5rem 2rem;color:var(--white);font-weight:600;font-size:1.1rem;display:flex;align-items:center;gap:.75rem}
.contact-details-body{padding:2rem;display:flex;flex-direction:column;flex:1}
.contact-item{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}
.contact-item-icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--blue-50);color:var(--blue-600);border-radius:50%;transition:background var(--transition),color var(--transition)}
.contact-item:hover .contact-item-icon{background:var(--blue-600);color:var(--white)}
.contact-item-text{font-size:.95rem;color:var(--text-dark);line-height:1.6}
.contact-item-label{font-weight:600;color:var(--blue-800);display:block;margin-bottom:.15rem}
.contact-social{display:flex;gap:.75rem;margin:1.5rem 0}
.contact-social a{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--blue-50);color:var(--blue-600);border-radius:50%;transition:background var(--transition),transform var(--transition)}
.contact-social a:hover{transform:translateY(-2px)}
.contact-map{margin-top:1.5rem;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--blue-100);flex:1;min-height:320px}
.contact-map iframe{width:100%;height:100%;min-height:320px;border:0;display:block}
.contact-form-card{padding:2rem}
.contact-form-header{margin-bottom:1.5rem}
.contact-form-title{font-size:1.5rem;font-weight:700;color:var(--blue-800);margin-bottom:.35rem}
.contact-form-sub{font-size:.95rem;color:var(--text-muted)}

/* 32. LIGHTBOX */
.lightbox{position:fixed;inset:0;z-index:10000;background:rgba(3,14,63,.95);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.lightbox-backdrop{position:absolute;inset:0;cursor:pointer}
.lightbox.is-open{opacity:1;visibility:visible}
.lightbox-content{position:relative;max-width:90vw;max-height:90vh}
.lightbox-content img{max-height:85vh;border-radius:var(--radius-md);box-shadow:var(--shadow-xl)}
.lightbox-caption{margin-top:1rem;text-align:center;font-size:.9rem;color:var(--white)}
.lightbox-close{position:absolute;top:1.5rem;right:1.5rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);color:var(--white);border-radius:50%;font-size:1.5rem;transition:background var(--transition)}
.lightbox-close:hover{background:rgba(255,255,255,.2)}
.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--white);color:var(--blue-800);border-radius:50%;box-shadow:var(--shadow-md);transition:transform var(--transition-fast),background var(--transition)}
.lightbox-prev{left:1.5rem}
.lightbox-next{right:1.5rem}
.lightbox-prev:hover,.lightbox-next:hover{transform:translateY(-50%) scale(1.08);background:var(--blue-50)}

/* 33. FORM STYLES */
.form-group{margin-bottom:1.25rem}
.form-label{display:block;font-size:var(--fs-label-lg);font-weight:500;color:var(--blue-700);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem}
.form-input,.form-select,.form-textarea{width:100%;padding:.85rem 1.15rem;font-size:.95rem;color:var(--text-dark);background:var(--white);border:1.5px solid var(--blue-100);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}
.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}
.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px var(--blue-100)}
.form-input.error,.form-select.error,.form-textarea.error{border-color:#E53E3E}
.form-error{font-size:.8rem;color:#E53E3E;margin-top:.35rem;animation:fade-up .3s ease}
.form-textarea{min-height:120px;resize:vertical}
.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%230A24A0' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}
.form-submit{margin-top:.5rem}
.form-success{padding:1rem;background:#38A169;color:var(--white);border-radius:var(--radius-md);text-align:center;font-weight:500}

/* 34. WAVE DIVIDER */
.wave-divider{position:relative;line-height:0;overflow:hidden}
.wave-divider svg{display:block;width:100%;height:auto}
.wave-divider--flip{transform:scaleY(-1)}
.wave-divider path{fill:var(--blue-50)}
.wave-divider--dark path{fill:var(--blue-900)}
.wave-divider--white path{fill:var(--white)}

/* 35. RESPONSIVE BREAKPOINTS */

/* Tablet landscape / small laptop — max 1024px */
@media(max-width:1024px){
.nav-links,.nav-cta .btn{display:none}
.hamburger{display:flex}
.mobile-menu{padding:calc(var(--nav-height-sm,64px) + .9rem) var(--container-pad) 1.25rem}
.what-we-do-intro{grid-template-columns:1fr;grid-template-areas:"head" "visual" "body";gap:clamp(1.5rem,3vw,2.5rem)}
.what-we-do-head,.what-we-do-body{align-self:auto;text-align:center}
.what-we-do-head .section-header,.what-we-do-body .section-desc{text-align:center;margin-inline:auto}
.what-we-do-visual{max-width:520px;width:100%;margin-inline:auto}
.page-hero--light.page-hero--portfolio-split{background:var(--blue-50)!important}
.page-hero--light.page-hero--portfolio-split .section-header{max-width:100%!important;text-align:center!important;margin-inline:auto!important}
.testimonial-dark-layout{grid-template-columns:1fr;text-align:center}
.testimonial-dark-layout .testimonial-dark-text{text-align:center}
.services-grid{grid-template-columns:repeat(2,1fr)}
.team-grid{grid-template-columns:repeat(3,1fr)}
.logo-grid{grid-template-columns:repeat(4,1fr)}
.bento-grid{grid-template-columns:repeat(3,1fr)}
.bento-cell--xl{grid-column:span 2;grid-row:span 2}
.masonry-grid{columns:2}
.footer-grid{grid-template-columns:repeat(2,1fr)}
.hero .container{grid-template-columns:1fr;grid-template-areas:"head" "visual" "body";gap:clamp(1.25rem,3vw,2rem);align-items:stretch}
.hero-head{align-self:auto;text-align:center;margin-inline:auto;width:100%}
.hero-body{align-self:auto;text-align:center;margin-inline:auto;width:100%}
.hero-head .hero-cursive,.hero-head .hero-title{text-align:center}
.hero-subtitle{margin-inline:auto}
.hero-ctas{justify-content:center}
.hero-stats{justify-content:center}
.hero-visual{min-height:auto;padding-block:.5rem 0;width:100%;justify-content:center;display:flex!important;overflow:visible}
.hero-deck{max-width:min(100%,360px);width:100%;visibility:visible;opacity:1}
.hero-deck-viewport{min-height:12rem}
.hero-floating-badge{display:none}
.hero-circle{opacity:.45;width:min(320px,85vw);height:min(320px,85vw)}
.page-hero--split{grid-template-columns:1fr;grid-template-areas:"head" "visual" "body";min-height:auto}
.page-hero--split .page-hero-head{justify-content:flex-start;padding-bottom:.5rem;text-align:center}
.page-hero--split .page-hero-body{text-align:center;padding-top:0}
.page-hero--split .page-hero-body .page-hero-subtitle{margin-inline:auto}
.page-hero--split .page-hero-body .btn{margin-top:.5rem}
.page-hero--split .page-hero-visual{min-height:auto;padding:1.25rem}
.story-split{grid-template-columns:1fr;grid-template-areas:"visual" "body";gap:clamp(1.25rem,3vw,2rem)}
.story-split-visual{max-width:520px;width:100%;margin-inline:auto}
.story-split-body .section-desc{text-align:center}
.value-card{display:flex;flex-direction:column}
.value-card-icon{order:0}
.value-card-title{order:1}
.value-card-img{order:2}
.value-card-text{order:3}
.service-panel,.service-panel:nth-child(even){grid-template-columns:1fr}
}

/* Tablet — max 900px */
@media(max-width:900px){
.why-choose-grid{grid-template-columns:1fr}
.why-choose-visual{position:relative;top:auto;min-height:360px;margin-bottom:2rem}
.mission-vision{grid-template-columns:1fr}
.mission-panel--mission,.mission-panel--vision{clip-path:none}
.cities-grid{grid-template-columns:1fr}
.contact-grid{grid-template-columns:1fr}
.stats-band-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.stat-item:nth-child(2)::after{display:block}
.stats-band .stat-number{font-size:clamp(1.25rem,3vw,2.25rem)}
.stats-band .stat-number[data-count="Pan-India"]{font-size:clamp(1.1rem,2.6vw,1.85rem)}
.stats-band .stat-label{font-size:clamp(.58rem,1vw,.78rem)}
.bento-grid{grid-template-columns:repeat(2,1fr)}
.bento-cell--xl{grid-column:span 2;grid-row:span 1}
}

/* Tablet portrait — max 768px */
@media(max-width:768px){
.services-grid{grid-template-columns:1fr}
.team-grid{grid-template-columns:repeat(2,1fr)}
.logo-grid{grid-template-columns:repeat(3,1fr)}
.masonry-grid{columns:2}
.footer-grid{grid-template-columns:1fr}
.timeline-card{width:320px}
.value-card{width:280px}
.filter-bar{top:var(--nav-height-sm)}
.hero-title{font-size:clamp(2.5rem,10vw,4rem)}
.hero-cursive{font-size:clamp(2rem,8vw,3.5rem)}
.hero .container{gap:1rem}
.hero-visual{padding-block:.15rem 0}
.hero-body .hero-subtitle{margin-top:1.25rem}
.cta-band-bg-text{font-size:clamp(3rem,12vw,6rem)}
}

/* Mobile — max 600px */
@media(max-width:600px){
.stats-band{padding-block:2rem}
.stats-band-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none}
.stats-band-grid::-webkit-scrollbar{display:none}
.stats-band .stat-item{flex:1 0 25%;min-width:7.5rem;scroll-snap-align:start;padding:1rem .35rem}
.stat-item::after{display:none}
.stats-band .stat-number{font-size:clamp(1.15rem,4.5vw,1.65rem)}
.stats-band .stat-number[data-count="Pan-India"]{font-size:clamp(1rem,4vw,1.45rem)}
.stats-band .stat-label{font-size:.58rem;letter-spacing:.04em}
.hero-cards{max-width:min(100%,340px)}
.hero-deck-arrow{width:36px;height:36px}
.hero-floating-badge{display:none}
.hero-ctas{flex-direction:column}
.hero-ctas .btn{width:100%}
.ticker-item{font-size:.75rem}
.team-grid{grid-template-columns:1fr}
.logo-grid{grid-template-columns:repeat(2,1fr)}
.masonry-grid{columns:1}
.tag-cloud{gap:.75rem}
.tag-pill{font-size:.9rem;padding:.6rem 1.15rem}
.carousel-slide{padding:1.75rem}
.contact-form-card,.contact-details-body{padding:1.5rem}
.lightbox-prev{left:.75rem}
.lightbox-next{right:.75rem}
.service-panel-dark,.service-panel-light,.service-panel-orange{padding:2rem}
}

/* Page hero backgrounds (fixed syntax helper class) */
.page-hero--has-bg{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}

/* Services page */
.services-hero-visual{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}
.services-hero-visual img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}
.service-panel-img{width:100%;max-height:220px;object-fit:cover;border-radius:var(--radius-md);margin-bottom:1.25rem;border:2px solid rgba(255,255,255,.15)}
.service-panel-light-img{width:100%;max-height:200px;object-fit:cover;border-radius:var(--radius-md);margin-bottom:1.5rem}
.service-panel-orange .service-panel-img{border-color:rgba(255,255,255,.2)}

/* Contact page */
.page-hero--contact-split .container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.contact-hero-img{width:100%;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);aspect-ratio:4/3;object-fit:cover}

/* Timeline cards */
.timeline-card-img{width:100%;height:140px;object-fit:cover;border-radius:var(--radius-md);margin-bottom:1rem}

/* Value cards */
.value-card-img{width:100%;height:120px;object-fit:cover;border-radius:var(--radius-md);margin-bottom:1rem}

/* Mission vision bg images */
.mission-panel--mission,.mission-panel--vision{position:relative;overflow:hidden}
.mission-panel-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.2;z-index:0}
.mission-panel--mission > *:not(.mission-panel-bg),.mission-panel--vision > *:not(.mission-panel-bg){position:relative;z-index:1}

/* Carousel avatars */
.carousel-avatar img,.carousel-avatar .carousel-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}

/* Social CTA gallery */
.social-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;max-width:720px;margin-inline:auto}
@media (min-width:640px){.social-preview-grid{grid-template-columns:repeat(6,1fr);max-width:900px}}
.social-preview-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md)}

/* Section with bg image */
.section--has-bg-image{position:relative;background-size:cover;background-position:center}
.section--has-bg-image::before{content:'';position:absolute;inset:0;background:rgba(248,249,255,.92);z-index:0}
.section--has-bg-image .container{position:relative;z-index:1}

@media(max-width:900px){
.page-hero--contact-split .container{grid-template-columns:1fr}
.contact-hero-img{max-height:280px}
.services-hero-visual{grid-template-columns:repeat(3,1fr)}
}

/* Small mobile — max 480px */
@media(max-width:480px){
:root{--container-pad:1.25rem}
.hero{min-height:auto;padding-bottom:4rem}
.hero-scroll{display:none}
.hero-visual{display:flex;min-height:auto;padding-top:1rem}
.hero-cards{max-width:min(100%,320px)}
.hero-deck-progress{max-width:100%}
.section{padding-block:clamp(3rem,8vw,5rem)}
.page-hero{padding-top:calc(var(--nav-height-sm) + 2rem)}
.bento-grid{grid-template-columns:1fr;padding:1rem}
.bento-cell--xl,.bento-cell--lg{grid-column:span 1}
.testimonial-carousel--split{grid-template-columns:1fr}
.contact-gallery-row{grid-template-columns:repeat(2,1fr)}
@media (max-width:480px){.contact-gallery-row{grid-template-columns:1fr}}
.footer-bottom .container{flex-direction:column;text-align:center}
.mobile-menu-link{font-size:1.3rem}
.mobile-menu-sublink{font-size:1rem!important}
.btn-lg{padding:.875rem 1.5rem;font-size:.95rem}
.page-hero .stat-number{font-size:clamp(2.5rem,12vw,4rem)}
.stats-band .stat-number{font-size:clamp(1.1rem,4.2vw,1.5rem)}
.stats-band .stat-number[data-count="Pan-India"]{font-size:clamp(.95rem,3.8vw,1.35rem)}
}