/* ============================================================
   HOME — WHITE THEME
   Scoped under .home-white. White background, black text,
   brand-orange accents. Overrides the dark homepage styles.
   ============================================================ */

.home-white { background: #ffffff; color: #0a121c; }

/* ---------- HERO (light, full-bleed image + light overlay) ---------- */
.home-white .hero { position: relative; overflow: hidden; min-height: 520px; background: #ffffff; border-bottom: 1px solid #e8edf3; }
.home-white .hero-bg { position: absolute; inset: 0; z-index: 0; }
.home-white .hero-bg img { width: 100%; height: 100%; object-fit: cover; object-position: center right; }
/* light overlay so text stays readable on the photo */
.home-white .hero:before {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.93) 38%, rgba(255,255,255,.66) 58%, rgba(255,255,255,.15) 78%, rgba(255,255,255,0) 100%),
    linear-gradient(180deg, rgba(255,255,255,0) 70%, rgba(255,255,255,.85) 100%);
}
.home-white .hero-water { display: none; }
.home-white .hero-grid { position: relative; z-index: 2; max-width: var(--maxw); margin: 0 auto; padding: 56px var(--pad); width: 100%; }
.home-white .hero-text { max-width: 620px; }
.home-white .hero .eyebrow { color: var(--orange); }
.home-white .hero h1 { color: #0a121c; font-size: clamp(40px, 5.4vw, 64px); line-height: 1.03; letter-spacing: -.04em; font-weight: 900; margin: 0 0 22px; }
.home-white .hero h1 span { color: var(--orange); }
.home-white .hero .lead { color: #3e4b5a; font-size: 17px; line-height: 1.75; margin: 0 0 32px; max-width: 560px; }

/* buttons */
.home-white .hero .btn-secondary { background: #fff; color: #0a121c; border: 1px solid #cbd3dc; }
.home-white .hero .btn-secondary:hover { border-color: var(--orange); color: var(--orange); }

/* socials */
.home-white .socials span { color: #45525f; }
.home-white .socials a { color: #0a121c; border: 1px solid #d7dee6; }
.home-white .socials a:hover { background: var(--orange); border-color: var(--orange); color: #fff; }

/* experience card (light) */
.home-white .experience-card { background: #fff; border: 1px solid #e6ebf1; box-shadow: 0 24px 60px rgba(19,31,47,.16); }
.home-white .experience-card strong { color: var(--orange); }
.home-white .experience-card span { color: #0a121c; }

@media (max-width: 768px) {
  .home-white .hero:before { background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.9) 60%, rgba(255,255,255,.8) 100%); }
}

/* ---------- TRUST BAR (light) ---------- */
.home-white .trust-bar { background: #ffffff; border-top: 1px solid #edf1f5; border-bottom: 1px solid #edf1f5; }
.home-white .trust-bar > div { border-right: 1px solid #edf1f5; }
.home-white .trust-bar > div:last-child { border-right: 0; }
.home-white .trust-bar .icon-box { color: var(--orange); }
.home-white .trust-bar b { color: #0a121c; }

/* ---------- SERVICES (light) ---------- */
.home-white .services { background: #ffffff; }
.home-white .section-intro .eyebrow { color: var(--orange); }
.home-white .section-intro .section-title { color: #0a121c; }
.home-white .section-intro .section-title span { color: var(--orange); }
.home-white .section-intro .section-desc { color: #4b5868; }
.home-white .section-intro .btn-outline { background: #fff; color: #0a121c; border: 1px solid #cbd3dc; }
.home-white .section-intro .btn-outline:hover { border-color: var(--orange); color: var(--orange); }
.home-white .service-card { background: #ffffff; border: 1px solid #e2e8ef; box-shadow: 0 15px 45px rgba(10,27,44,.045); }
.home-white .service-card:hover { border-color: #ffb18b; box-shadow: 0 26px 70px rgba(10,27,44,.12); }
.home-white .service-card h3 { color: #0a121c; }
.home-white .service-card p { color: #526070; }
.home-white .service-card .learn { color: var(--orange); }
.home-white .service-icon { background: var(--orange-grad); color: #fff; }

/* ---------- WHY CHOOSE US (light) ---------- */
.home-white .why { background: linear-gradient(180deg, #f8fbff, #fff); border-top: 1px solid #edf1f5; border-bottom: 1px solid #edf1f5; grid-template-columns: 1fr 1fr; }
.home-white .why .rig-stage { background: radial-gradient(circle at 50% 60%, rgba(255,101,8,.10), transparent 55%); }
.home-white .why-text .eyebrow { color: var(--orange); }
.home-white .why-text .section-title { color: #0a121c; }
.home-white .why-text .section-title span { color: var(--orange); }
.home-white .why-text > p { color: #4b5868; }
.home-white .why .checks span { color: #273241; }
.home-white .why .checks span .tick { color: var(--orange); }

/* stats become a full-width horizontal row beneath the why grid */
.home-white .why { display: block; padding-bottom: 0; }
.home-white .why-inner { max-width: var(--maxw); margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 44px; align-items: center; padding-bottom: 56px; }
.home-white .why .stats {
  border: 0; border-top: 1px solid #e6ebf1; border-radius: 0; background: #ffffff; box-shadow: none;
  max-width: none; margin: 0 calc(-1 * var(--pad));
  display: grid; grid-template-columns: repeat(4, 1fr);
}
.home-white .why .stats > div { border-bottom: 0; border-right: 1px solid #e6ebf1; padding: 26px var(--pad); text-align: center; display: flex; flex-direction: column; align-items: center; gap: 4px; }
.home-white .why .stats > div:last-child { border-right: 0; }
.home-white .why .stats strong { color: #0a121c; font-size: 34px; }
.home-white .why .stats span { color: #526070; }

/* ---------- GALLERY (light) ---------- */
.home-white .gallery { background: #ffffff; border-top: 1px solid #edf1f5; }
.home-white .gallery .eyebrow { color: var(--orange); }
.home-white .gallery .section-title { color: #0a121c; }
.home-white .gallery .section-title span { color: var(--orange); }
.home-white .gallery-grid img { border: 1px solid #e6ebf1; }

/* ---------- CTA (light) ---------- */
.home-white .cta { background: linear-gradient(180deg, #ffffff, #f4fbff); border-top: 1px solid #edf1f5; }
.home-white .cta .eyebrow { color: var(--orange); }
.home-white .cta .section-title { color: #0a121c; }
.home-white .cta .section-title span { color: var(--orange); }
.home-white .cta > div p { color: #4b5868; }
.home-white .cta .btn-secondary { background: #fff; color: #0a121c; border: 1px solid #cbd3dc; }
.home-white .cta .btn-secondary:hover { border-color: var(--orange); color: var(--orange); }
.home-white .cta-contact small { color: #607082; }
.home-white .cta-contact b { color: #0a121c; }
.home-white .cta .whatsapp { background: #fff; border: 1px solid #dce4ec; color: #0a121c; box-shadow: 0 12px 35px rgba(24,56,86,.07); }
.home-white .cta .whatsapp .wa-ico { color: var(--whatsapp); }

/* ---------- request form (light) ---------- */
.home-white .request { background: #f4f7fb; }

/* ---------- RESPONSIVE ---------- */
@media (max-width: 1100px) {
  .home-white .why-inner { grid-template-columns: 1fr; }
  .home-white .why .stats { grid-template-columns: repeat(2, 1fr); }
  .home-white .why .stats > div:nth-child(2) { border-right: 0; }
  .home-white .why .stats > div:nth-child(1), .home-white .why .stats > div:nth-child(2) { border-bottom: 1px solid #e6ebf1; }
}
@media (max-width: 768px) {
  /* stats stay a row of 4, scaled down (no stacking) */
  .home-white .why .stats { grid-template-columns: repeat(4, 1fr); }
  .home-white .why .stats > div { padding: 18px 6px; border-bottom: 0; }
  .home-white .why .stats > div:nth-child(2) { border-right: 1px solid #e6ebf1; }
  .home-white .why .stats strong { font-size: 18px; }
  .home-white .why .stats span { font-size: 10px; line-height: 1.25; }
  .home-white .why .rig-stage { order: -1; min-height: 0; }
  /* trim the big top gap above the rig on mobile */
  .home-white .why { padding-top: 36px; }
  .home-white .why-inner { gap: 24px; padding-bottom: 36px; }
  .home-white .why .rig-stage img { max-width: 80%; }
}