/* ===================== NAVIGATION ===================== */
.nav{
  position:fixed;top:0;left:0;right:0;
  z-index:1000;
  background:rgba(255,255,255,0.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid transparent;
  transition:border-color var(--dur-med) var(--ease), background var(--dur-med) var(--ease);
}
.nav.is-scrolled{border-bottom-color:var(--color-border)}
.nav__inner{
  display:flex;align-items:center;justify-content:space-between;
  height:88px;
}
.nav__logo{display:flex;align-items:center;gap:12px}
.nav__logo img{height:46px;width:auto}
.nav__links{display:flex;align-items:center;gap:var(--sp-6)}
.nav__links a{
  font-family:var(--font-head);
  font-size:var(--fs-small);
  font-weight:600;
  color:var(--charcoal-700);
  position:relative;
  padding:6px 0;
  transition:color var(--dur-fast) var(--ease);
}
.nav__links a::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:2px;
  background:var(--bronze-500);
  transform:scaleX(0);transform-origin:left;
  transition:transform var(--dur-fast) var(--ease);
}
.nav__links a:hover{color:var(--navy-900)}
.nav__links a:hover::after{transform:scaleX(1)}
.nav__links a.active{color:var(--navy-900)}
.nav__links a.active::after{transform:scaleX(1)}
.nav__actions{display:flex;align-items:center;gap:var(--sp-4)}
.nav__phone{font-family:var(--font-head);font-weight:700;font-size:var(--fs-small);color:var(--navy-900)}
.nav__burger{display:none}

@media(max-width:1080px){
  .nav__links{
    display:none;
    position:absolute;top:88px;left:0;right:0;
    flex-direction:column;align-items:flex-start;gap:0;
    background:#fff;border-bottom:1px solid var(--color-border);
    box-shadow:0 12px 24px rgba(15,30,56,0.08);
  }
  .nav__links.is-open{display:flex}
  .nav__links a{width:100%;padding:var(--sp-4) var(--sp-5)}
  .nav__links a::after{display:none}
  .nav__phone{display:none}
  .nav__actions{gap:var(--sp-3)}
  .nav__actions .btn{padding:12px 18px;font-size:13px}
  .nav__burger{display:block;width:26px;height:20px;position:relative;z-index:1001;flex-shrink:0}
  .nav__burger span{position:absolute;left:0;right:0;height:2px;background:var(--navy-900);transition:all var(--dur-fast) var(--ease)}
  .nav__burger span:nth-child(1){top:0}
  .nav__burger span:nth-child(2){top:9px}
  .nav__burger span:nth-child(3){top:18px}
  .nav__burger.is-open span:nth-child(1){top:9px;transform:rotate(45deg)}
  .nav__burger.is-open span:nth-child(2){opacity:0}
  .nav__burger.is-open span:nth-child(3){top:9px;transform:rotate(-45deg)}
}

/* ===================== HERO ===================== */
.hero{
  position:relative;
  min-height:92vh;
  display:flex;
  align-items:flex-end;
  padding-top:88px;
  background:linear-gradient(180deg, rgba(15,30,56,0.6) 0%, rgba(15,30,56,0.75) 60%, rgba(15,30,56,0.9) 100%), url('../assets/img/real-hero.jpg') center/cover no-repeat;
  background-color:var(--navy-900);
}
.hero__content{
  padding-bottom:var(--sp-9);
  max-width:820px;
}
.hero__eyebrow{
  font-family:var(--font-head);font-size:var(--fs-micro);font-weight:700;
  letter-spacing:0.16em;text-transform:uppercase;color:var(--bronze-400);
  display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4);
}
.hero__eyebrow::before{content:'';width:28px;height:2px;background:var(--bronze-400)}
.hero h1{color:var(--white);margin-bottom:var(--sp-4)}
.hero p{color:rgba(255,255,255,0.82);max-width:560px;margin-bottom:var(--sp-6)}
.hero__actions{display:flex;gap:var(--sp-4);flex-wrap:wrap}
.hero__stats{
  display:flex;gap:var(--sp-8);
  margin-top:var(--sp-8);
  padding-top:var(--sp-6);
  border-top:1px solid rgba(255,255,255,0.18);
}
.hero__stat-num{font-family:var(--font-head);font-size:2.25rem;font-weight:800;color:var(--white)}
.hero__stat-label{font-size:var(--fs-small);color:rgba(255,255,255,0.65)}

/* ===================== INTRO / SPLIT ===================== */
.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-8);align-items:center}
.split__media{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:var(--radius-md)}
.split__media img{width:100%;height:100%;object-fit:cover}
.split__badge{
  position:absolute;bottom:var(--sp-5);left:var(--sp-5);
  background:var(--white);padding:var(--sp-4) var(--sp-5);
  box-shadow:var(--shadow-card);
  max-width:260px;
}
.split__badge .num{font-family:var(--font-head);font-size:2rem;font-weight:800;color:var(--bronze-500)}
.split__badge .label{font-size:var(--fs-small);color:var(--charcoal-500)}

/* ===================== SERVICES GRID ===================== */
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--sp-6);margin-bottom:var(--sp-7)}
.section-head h2{max-width:640px}
.section-head p{max-width:460px}

.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--color-border);border:1px solid var(--color-border)}
.service-card{
  background:var(--white);
  padding:var(--sp-6);
  display:flex;flex-direction:column;
  transition:background var(--dur-med) var(--ease);
  min-height:280px;
}
.service-card:hover{background:var(--grey-100)}
.service-card__icon{
  width:52px;height:52px;
  display:flex;align-items:center;justify-content:center;
  border:1.5px solid var(--navy-800);border-radius:var(--radius-sm);
  margin-bottom:var(--sp-5);
  color:var(--navy-800);
  transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);
}
.service-card:hover .service-card__icon{background:var(--navy-800);color:var(--white)}
.service-card__icon svg{width:24px;height:24px}
.service-card h3{margin-bottom:var(--sp-3)}
.service-card p{font-size:var(--fs-small);flex-grow:1}
.service-card__link{margin-top:var(--sp-4);font-family:var(--font-head);font-size:var(--fs-small);font-weight:600;color:var(--navy-800);display:inline-flex;align-items:center;gap:6px}
.service-card__link::after{content:'\2192';transition:transform var(--dur-fast) var(--ease)}
.service-card:hover .service-card__link::after{transform:translateX(4px)}

/* ===================== INDUSTRIES ===================== */
.industries-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}
.industry-chip{
  border:1px solid var(--color-border);
  padding:var(--sp-5) var(--sp-4);
  display:flex;flex-direction:column;gap:var(--sp-3);
  transition:border-color var(--dur-fast) var(--ease);
}
.industry-chip:hover{border-color:var(--bronze-500)}
.industry-chip .n{font-family:var(--font-head);font-size:var(--fs-micro);color:var(--bronze-600);font-weight:700}
.industry-chip h4{font-size:1rem}

/* ===================== WHY CHOOSE ===================== */
.why-block{background:var(--navy-900);color:var(--white);position:relative;overflow:hidden}
.why-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:var(--sp-9)}
.why-grid h2{color:var(--white)}
.why-grid > .split__copy p{color:rgba(255,255,255,0.72)}
.why-list{display:flex;flex-direction:column}
.why-item{
  display:flex;gap:var(--sp-5);
  padding:var(--sp-5) 0;
  border-bottom:1px solid rgba(255,255,255,0.14);
}
.why-item:first-child{padding-top:0}
.why-item__num{font-family:var(--font-head);font-size:var(--fs-small);font-weight:700;color:var(--bronze-400);min-width:32px}
.why-item h4{color:var(--white);margin-bottom:var(--sp-2)}
.why-item p{color:rgba(255,255,255,0.65);font-size:var(--fs-small);margin:0}

/* ===================== PROJECTS ===================== */
.projects-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--sp-5)}
.projects-grid .project-card:first-child{grid-row:span 2}
.project-card{position:relative;overflow:hidden;aspect-ratio:4/3}
.projects-grid .project-card:first-child{aspect-ratio:auto}
.project-card img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s var(--ease)}
.project-card:hover img{transform:scale(1.05)}
.project-card__overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg, transparent 40%, rgba(15,30,56,0.85) 100%);
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:var(--sp-5);
}
.project-card__tag{font-family:var(--font-head);font-size:var(--fs-micro);font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--bronze-400);margin-bottom:var(--sp-2)}
.project-card__overlay h4{color:var(--white)}

/* ===================== MAINTENANCE PROGRAMS ===================== */
.programs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5)}
.program-card{padding:var(--sp-6);border:1px solid var(--color-border)}
.program-card.featured{background:var(--navy-800);border-color:var(--navy-800)}
.program-card.featured h3,.program-card.featured p,.program-card.featured li{color:var(--white)}
.program-card.featured li{color:rgba(255,255,255,0.8)}
.program-card__tier{font-family:var(--font-head);font-size:var(--fs-micro);font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--bronze-500);margin-bottom:var(--sp-3)}
.program-card.featured .program-card__tier{color:var(--bronze-400)}
.program-card ul{margin:var(--sp-5) 0;display:flex;flex-direction:column;gap:var(--sp-3)}
.program-card li{font-size:var(--fs-small);color:var(--charcoal-500);display:flex;gap:10px;align-items:flex-start}
.program-card li::before{content:'';width:6px;height:6px;background:var(--bronze-500);border-radius:50%;margin-top:7px;flex-shrink:0}

/* ===================== COMMUNITY ===================== */
.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5)}
.community-card{overflow:hidden}
.community-card__media{aspect-ratio:16/10;overflow:hidden}
.community-card__media img{width:100%;height:100%;object-fit:cover}
.community-card__media.icon-only{
  background:var(--grey-100);
  display:flex;align-items:center;justify-content:center;
  color:var(--navy-800);
}
.community-card__media.icon-only svg{width:48px;height:48px;stroke-width:1.3}
.community-card__body{padding:var(--sp-5)}

/* ===================== TESTIMONIALS ===================== */
.testimonial-track{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5)}
.testimonial-card{padding:var(--sp-6);border:1px solid var(--color-border);display:flex;flex-direction:column}
.testimonial-card .quote-mark{font-family:var(--font-head);font-size:3rem;color:var(--bronze-500);line-height:1;margin-bottom:var(--sp-3)}
.testimonial-card p.quote{color:var(--charcoal-700);font-size:var(--fs-body-lg);flex-grow:1;margin-bottom:var(--sp-5)}
.testimonial-card__author{font-family:var(--font-head);font-weight:700;font-size:var(--fs-small);color:var(--navy-900)}
.testimonial-card__role{font-size:var(--fs-micro);color:var(--charcoal-500)}

/* ===================== CTA BAND ===================== */
.cta-band{
  background:var(--navy-900);
  color:var(--white);
  padding:var(--sp-8) 0;
}
.cta-band__inner{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-6)}
.cta-band h2{color:var(--white);margin-bottom:var(--sp-2)}
.cta-band p{color:rgba(255,255,255,0.7)}
.cta-band__actions{display:flex;gap:var(--sp-4);flex-shrink:0}

/* ===================== FOOTER ===================== */
.footer{background:var(--charcoal-900);color:rgba(255,255,255,0.65);padding-top:var(--sp-8)}
.footer__top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--sp-6);padding-bottom:var(--sp-7);border-bottom:1px solid rgba(255,255,255,0.1)}
.footer__logo img{height:40px;margin-bottom:var(--sp-4)}
.footer__about p{color:rgba(255,255,255,0.55);font-size:var(--fs-small);max-width:320px;margin-bottom:var(--sp-5)}
.footer__social{display:flex;gap:var(--sp-3)}
.footer__social a{width:36px;height:36px;border:1px solid rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease)}
.footer__social a:hover{background:var(--bronze-500);border-color:var(--bronze-500)}
.footer h4{color:var(--white);font-size:var(--fs-small);letter-spacing:0.06em;text-transform:uppercase;margin-bottom:var(--sp-4)}
.footer__col ul{display:flex;flex-direction:column;gap:var(--sp-3)}
.footer__col a{font-size:var(--fs-small);color:rgba(255,255,255,0.6);transition:color var(--dur-fast) var(--ease)}
.footer__col a:hover{color:var(--white)}
.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-5) 0;font-size:var(--fs-micro);color:rgba(255,255,255,0.4)}
.footer__bottom a{color:rgba(255,255,255,0.4)}
.footer__bottom a:hover{color:var(--white)}

/* ===================== RESPONSIVE ===================== */
@media(max-width:1080px){
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .industries-grid{grid-template-columns:repeat(2,1fr)}
  .why-grid{grid-template-columns:1fr}
  .projects-grid{grid-template-columns:1fr 1fr}
  .programs-grid{grid-template-columns:1fr}
  .community-grid{grid-template-columns:1fr 1fr}
  .testimonial-track{grid-template-columns:1fr}
  .footer__top{grid-template-columns:1fr 1fr}
  .split{grid-template-columns:1fr}
  .cta-band__inner{flex-direction:column;align-items:flex-start}
}
@media(max-width:640px){
  .services-grid{grid-template-columns:1fr}
  .industries-grid{grid-template-columns:1fr}
  .projects-grid{grid-template-columns:1fr}
  .projects-grid .project-card:first-child{grid-row:auto}
  .community-grid{grid-template-columns:1fr}
  .footer__top{grid-template-columns:1fr}
  .hero__stats{flex-wrap:wrap;gap:var(--sp-5)}
  .section-head{flex-direction:column;align-items:flex-start}
}