/**
 * Homepage GSAP — body.home-gsap
 * Disables CSS keyframes / conflicts so GSAP owns motion.
 */

body.home-gsap #home .letter-reveal {
  animation: none !important;
}

body.home-gsap #home .fade-in-up,
body.home-gsap #home .draw-line {
  animation: none !important;
  opacity: 1;
  transform: none;
}

body.home-gsap #vision-mission .premium-header,
body.home-gsap #vision-mission .premium-card {
  animation: none !important;
}

body.home-gsap #vision-mission .premium-subtitle,
body.home-gsap #vision-mission .title-word {
  animation: none !important;
}

body.home-gsap #vision-mission .js-about-head .title-word {
  opacity: 1 !important;
  transform: none !important;
}

body.home-gsap #vision-mission .js-about-head .premium-subtitle {
  animation: none !important;
  transform: none;
}

body.home-gsap #vision-mission .js-about-head.premium-header {
  opacity: 1 !important;
  transform: none !important;
}

body.home-gsap #vision-mission .vision-mission-title {
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.06em;
}

body.home-gsap #vision-mission .title-word-line {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: baseline;
  gap: 0.5rem;
  white-space: nowrap;
}

body.home-gsap #vision-mission .title-word-line .title-word {
  flex-shrink: 0;
}

/* Cards: base .premium-card ka translateY/rotateX hata kar GSAP ke sath conflict + clearProps ke baad shift na ho */
body.home-gsap #vision-mission .premium-card {
  transform: none;
}

body.home-gsap #vision-mission .premium-card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow:
    0 40px 100px rgba(62, 64, 149, 0.15),
    0 20px 60px rgba(245, 130, 32, 0.12),
    0 0 0 1px rgba(255, 255, 255, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

body.home-gsap #home .js-hero-3d {
  perspective: 1400px;
  transform-style: preserve-3d;
}

body.home-gsap #why-choose-us .why-left-content,
body.home-gsap #why-choose-us .why-right-content {
  animation: none !important;
}

body.home-gsap #why-choose-us .why-timeline-line {
  animation: none !important;
  transform-origin: top center;
}

/* Trusted logos: color when center crosses viewport midline (JS adds class) */
body.home-gsap #trusted-by .trusted-logo-item.trusted-logo-in-color {
  filter: grayscale(0%) brightness(1) !important;
  opacity: 1 !important;
}

/*
 * Trusted By — 10 solid color plates (title = .trusted-by-title, line = .trusted-by-underline)
 * JS (home-animations.js): jis logo par focus ho uska DOM index % 10 = data-trusted-palette.
 * Logo order = #trusted-by .trusted-by-marquee andar sab .trusted-logo-item (pehla track,
 * phir doosra duplicate track). Neeche har number wala plate usi index / image par dikhega:
 *   0 → Bank Alfalah (bank_lfalah.png)
 *   1 → UBL (5.png)
 *   2 → Soneri Bank (4.png)
 *   3 → Al Baraka Bank (3.png)
 *   4 → Telenor Microfinance Bank (6.png)
 *   5 → Pakistan Engineering Council (8.png)
 *   6 → Punjab Forensic Science Agency (2.png)
 *   7 → H.A Construction (ha.png)
 *   8 → Engineering Management & Construction (11.png)
 *   9 → Rizcon Engineering (7.png)
 * (Duplicate track ke same logos dubara 0…9 repeat karte hain.)
 */
body.home-gsap #trusted-by .trusted-by-title {
  display: block;
  text-align: center;
  background-image: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  -webkit-text-fill-color: currentColor;
  color: #1d4ed8;
  transition: color 0.45s ease;
}

body.home-gsap #trusted-by .trusted-by-underline {
  animation: none !important;
  background-image: none !important;
  background-size: auto;
  transition: background-color 0.45s ease;
}

/* Plate 0 — Bank Alfalah */
body.home-gsap #trusted-by[data-trusted-palette="0"] .trusted-by-title {
  color: #ea580c;
}

body.home-gsap #trusted-by[data-trusted-palette="0"] .trusted-by-underline {
  background-color:  #ea580c;
}

/* Plate 1 — UBL */
body.home-gsap #trusted-by[data-trusted-palette="1"] .trusted-by-title {
  color: #0075BF;
}

body.home-gsap #trusted-by[data-trusted-palette="1"] .trusted-by-underline {
  background-color: #0075BF;
}

/* Plate 2 — Soneri Bank */
body.home-gsap #trusted-by[data-trusted-palette="2"] .trusted-by-title {
  color: #FEC52E;
}

body.home-gsap #trusted-by[data-trusted-palette="2"] .trusted-by-underline {
  background-color: #FEC52E;
}

/* Plate 3 — Al Baraka Bank */
body.home-gsap #trusted-by[data-trusted-palette="3"] .trusted-by-title {
  color: #F78E1D;
}

body.home-gsap #trusted-by[data-trusted-palette="3"] .trusted-by-underline {
  background-color: #F78E1D;
}

/* Plate 4 — Telenor Microfinance Bank */
body.home-gsap #trusted-by[data-trusted-palette="4"] .trusted-by-title {
  color: #01B9EF;
}

body.home-gsap #trusted-by[data-trusted-palette="4"] .trusted-by-underline {
  background-color: #01B9EF;
}

/* Plate 5 — Pakistan Engineering Council */
body.home-gsap #trusted-by[data-trusted-palette="5"] .trusted-by-title {
  color: #00A650;
}

body.home-gsap #trusted-by[data-trusted-palette="5"] .trusted-by-underline {
  background-color: #00A650;
}

/* Plate 6 — Punjab Forensic Science Agency */
body.home-gsap #trusted-by[data-trusted-palette="6"] .trusted-by-title {
  color: #00A650;
}

body.home-gsap #trusted-by[data-trusted-palette="6"] .trusted-by-underline {
  background-color: #00A650;
}

/* Plate 7 — H.A Construction */
body.home-gsap #trusted-by[data-trusted-palette="7"] .trusted-by-title {
  color: #0075BF;
}

body.home-gsap #trusted-by[data-trusted-palette="7"] .trusted-by-underline {
  background-color: #0075BF;
}

/* Plate 8 — Engineering Management & Construction Company */
body.home-gsap #trusted-by[data-trusted-palette="8"] .trusted-by-title {
  color: #00A650;
}

body.home-gsap #trusted-by[data-trusted-palette="8"] .trusted-by-underline {
  background-color: #00A650;
}

/* Plate 9 — Rizcon Engineering */
body.home-gsap #trusted-by[data-trusted-palette="9"] .trusted-by-title {
  color: #7F3A2F;
}

body.home-gsap #trusted-by[data-trusted-palette="9"] .trusted-by-underline {
  background-color: #7F3A2F
}

body.home-gsap .js-hero-bg,
body.home-gsap .js-about-col-left,
body.home-gsap .js-about-col-right,
body.home-gsap .js-about-divider,
body.home-gsap .premium-divider,
body.home-gsap .js-service-card,
body.home-gsap .js-project-card,
body.home-gsap .js-cta-panel,
body.home-gsap .trusted-by-title,
body.home-gsap .trusted-by-track,
body.home-gsap .trusted-logo-item,
body.home-gsap #stats-section .stat-item,
body.home-gsap #our-team .team-card,
body.home-gsap #happy-clients .happy-card,
body.home-gsap #why-choose-us .why-left-content,
body.home-gsap #why-choose-us .why-feature-card,
body.home-gsap #why-choose-us .why-timeline-line,
body.home-gsap #call-to-action .cta-particle {
  will-change: transform, opacity;
}

@media (max-width: 768px) {
  body.home-gsap .js-hero-bg,
  body.home-gsap .js-service-card,
  body.home-gsap .js-project-card,
  body.home-gsap .trusted-by-track,
  body.home-gsap #call-to-action .cta-particle {
    will-change: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.home-gsap .js-hero-bg,
  body.home-gsap .js-about-col-left,
  body.home-gsap .js-about-col-right,
  body.home-gsap .js-about-divider,
  body.home-gsap .premium-divider,
  body.home-gsap .js-service-card,
  body.home-gsap .js-project-card,
  body.home-gsap .js-cta-panel,
  body.home-gsap #vision-mission .premium-card,
  body.home-gsap #vision-mission .title-word,
  body.home-gsap #vision-mission .title-word-line,
  body.home-gsap #vision-mission .premium-subtitle,
  body.home-gsap #vision-mission .js-about-head .animated-underline,
  body.home-gsap .trusted-by-title,
  body.home-gsap .trusted-by-track,
  body.home-gsap .trusted-logo-item,
  body.home-gsap #stats-section .stat-item,
  body.home-gsap #our-team .team-card,
  body.home-gsap #happy-clients .happy-card,
  body.home-gsap #why-choose-us .why-left-content,
  body.home-gsap #why-choose-us .why-right-content,
  body.home-gsap #why-choose-us .why-feature-card,
  body.home-gsap #why-choose-us .why-timeline-line,
  body.home-gsap #call-to-action .cta-particle {
    will-change: auto !important;
    transform: none !important;
    opacity: 1 !important;
    filter: none !important;
  }
}