/* ============================================================
   CEPAIR — Car Electronics Repair Bespoke Design System
   Diagnostic-screen aesthetic on dark navy foundation
   ============================================================ */

/* === TOKENS === */
:root {
  --charcoal: #1A1A2E;
  --navy: #16213E;
  --green: #0F963D;
  --green-glow: #0F963D44;
  --blue: #00B4D8;
  --blue-glow: #00B4D844;
  --surface: #F0F2F5;
  --surface-dim: #E2E5EA;
  --text-primary: #FFFFFF;
  --text-secondary: #B0B8C4;
  --text-muted: #6B7280;
  --border-subtle: #1E2A45;
  --radius: 12px;
  --radius-sm: 8px;
  --shadow-card: 0 2px 24px rgba(0,0,0,.35);
  --shadow-glow-green: 0 0 30px var(--green-glow);
  --shadow-glow-blue: 0 0 30px var(--blue-glow);
  --font-display: 'Chakra Petch', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --transition: .3s cubic-bezier(.4,0,.2,1);
}

/* === RESET & BASE === */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--font-body);
  background:var(--charcoal);
  color:var(--text-primary);
  line-height:1.6;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue);text-decoration:none;transition:color var(--transition)}
a:hover{color:var(--green)}
ul{list-style:none}

/* === UTILITY === */
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}
.section{padding:80px 0}
.section--dark{background:var(--navy)}
.section--surface{background:var(--surface);color:var(--charcoal)}
.section--surface .section__title{color:var(--navy)}
.section--surface .section__sub{color:var(--text-muted)}
.section--surface .spec-badge{border-color:var(--border-subtle);color:var(--text-muted)}
.section__label{
  font-family:var(--font-mono);
  font-size:.75rem;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--green);
  margin-bottom:8px;
  display:flex;align-items:center;gap:8px;
}
.section__label::before{content:'';width:20px;height:1px;background:var(--green)}
.section__title{
  font-family:var(--font-display);
  font-size:clamp(1.75rem,4vw,2.5rem);
  font-weight:700;
  line-height:1.15;
  margin-bottom:16px;
}
.section__sub{
  font-size:1.05rem;
  color:var(--text-secondary);
  max-width:560px;
  margin-bottom:40px;
}
.text-center{text-align:center}
.mx-auto{margin-left:auto;margin-right:auto}
.btn{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font-display);
  font-weight:600;
  font-size:.95rem;
  padding:14px 32px;
  border-radius:var(--radius-sm);
  border:none;cursor:pointer;
  transition:all var(--transition);
  text-decoration:none;
}
.btn--primary{background:var(--green);color:#fff}
.btn--primary:hover{background:#0d8535;box-shadow:var(--shadow-glow-green);color:#fff}
.btn--outline{background:transparent;border:2px solid var(--blue);color:var(--blue)}
.btn--outline:hover{background:var(--blue);color:#fff}
.btn--dark{background:var(--charcoal);color:#fff}
.btn--dark:hover{background:var(--navy);color:#fff}

/* === SCAN-LINE REVEAL ANIMATION === */
.reveal{
  opacity:0;
  clip-path:inset(0 100% 0 0);
  transition:clip-path .7s cubic-bezier(.4,0,.2,1),opacity .7s ease;
}
.reveal.revealed{opacity:1;clip-path:inset(0 0 0 0)}

.fade-up{
  opacity:0;transform:translateY(30px);
  transition:opacity .6s ease,transform .6s ease;
}
.fade-up.revealed{opacity:1;transform:translateY(0)}

/* stagger children */
.stagger .fade-up:nth-child(1){transition-delay:.05s}
.stagger .fade-up:nth-child(2){transition-delay:.12s}
.stagger .fade-up:nth-child(3){transition-delay:.19s}
.stagger .fade-up:nth-child(4){transition-delay:.26s}
.stagger .fade-up:nth-child(5){transition-delay:.33s}
.stagger .fade-up:nth-child(6){transition-delay:.4s}

/* === SPEC BADGE === */
.spec-badge{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--font-mono);
  font-size:.7rem;
  padding:4px 10px;
  border:1px solid var(--border-subtle);
  border-radius:20px;
  color:var(--text-secondary);
  letter-spacing:.04em;
}
.spec-badge .dot{
  width:6px;height:6px;
  border-radius:50%;
  background:var(--green);
  animation:pulse-dot 2s infinite;
}
@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:.4}}

/* === NAVBAR === */
.navbar{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:rgba(26,26,46,.92);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border-subtle);
  transition:background var(--transition);
}
.navbar.scrolled{background:rgba(22,33,62,.98)}
.navbar__inner{
  display:flex;align-items:center;justify-content:space-between;
  height:72px;
  max-width:1200px;margin:0 auto;padding:0 24px;
}
.navbar__logo{
  font-family:var(--font-display);
  font-size:1.4rem;
  font-weight:700;
  color:#fff;
  display:flex;align-items:center;gap:10px;
  text-decoration:none;
}
.navbar__logo .logo-icon{
  width:36px;height:36px;
  background:var(--green);
  border-radius:var(--radius-sm);
  display:flex;align-items:center;justify-content:center;
  font-size:1rem;
}
.navbar__links{display:flex;align-items:center;gap:32px}
.navbar__links a{
  font-family:var(--font-display);
  font-size:.88rem;
  font-weight:500;
  color:var(--text-secondary);
  transition:color var(--transition);
  position:relative;
}
.navbar__links a:hover,
.navbar__links a.active{color:#fff}
.navbar__links a.active::after{
  content:'';position:absolute;bottom:-4px;left:0;right:0;
  height:2px;background:var(--green);border-radius:1px;
}
.navbar__cta{
  font-family:var(--font-display);
  font-size:.85rem;font-weight:600;
  padding:10px 24px;
  background:var(--green);color:#fff;
  border-radius:var(--radius-sm);
  border:none;cursor:pointer;
  transition:all var(--transition);
  text-decoration:none;
}
.navbar__cta:hover{background:#0d8535;color:#fff;box-shadow:var(--shadow-glow-green)}
.navbar__burger{
  display:none;
  flex-direction:column;gap:5px;
  background:none;border:none;cursor:pointer;padding:8px;
}
.navbar__burger span{
  width:24px;height:2px;background:#fff;border-radius:1px;
  transition:all var(--transition);
}
.navbar__burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.navbar__burger.open span:nth-child(2){opacity:0}
.navbar__burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* === HERO === */
.hero{
  position:relative;
  min-height:100vh;
  display:flex;align-items:center;
  padding-top:72px;
  overflow:hidden;
  background:linear-gradient(135deg,var(--charcoal) 0%,var(--navy) 100%);
}
.hero__grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(15,150,61,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,150,61,.06) 1px,transparent 1px);
  background-size:60px 60px;
  pointer-events:none;
}
.hero__scanline{
  position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--green),transparent);
  animation:scanline 4s linear infinite;
  opacity:.5;
}
@keyframes scanline{0%{top:-2px}100%{top:100%}}
.hero__inner{
  display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;
  position:relative;z-index:2;
}
.hero__content{}
.hero__badge{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font-mono);font-size:.72rem;
  padding:6px 14px;
  border:1px solid var(--green);
  border-radius:20px;
  color:var(--green);
  margin-bottom:24px;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.hero__badge .dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse-dot 2s infinite}
.hero__title{
  font-family:var(--font-display);
  font-size:clamp(2.2rem,5vw,3.5rem);
  font-weight:700;
  line-height:1.1;
  margin-bottom:20px;
}
.hero__title em{
  font-style:normal;
  color:var(--green);
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:6px;
}
.hero__desc{
  font-size:1.1rem;
  color:var(--text-secondary);
  max-width:480px;
  margin-bottom:32px;
}
.hero__actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:40px}
.hero__stats{display:flex;gap:24px;flex-wrap:wrap}
.hero__stat{
  padding:16px 20px;
  border:1px solid var(--border-subtle);
  border-radius:var(--radius-sm);
  background:rgba(255,255,255,.03);
}
.hero__stat-num{
  font-family:var(--font-mono);
  font-size:1.6rem;
  font-weight:700;
  color:var(--green);
}
.hero__stat-label{
  font-size:.78rem;
  color:var(--text-muted);
  margin-top:2px;
}
.hero__visual{position:relative}
.hero__img-wrap{
  position:relative;
  border-radius:var(--radius);
  overflow:hidden;
  border:1px solid var(--border-subtle);
  box-shadow:var(--shadow-card);
}
.hero__img-wrap img{width:100%;display:block}
.hero__img-overlay{
  position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(15,150,61,.15),transparent 60%);
  pointer-events:none;
}
.hero__img-grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(15,150,61,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,150,61,.08) 1px,transparent 1px);
  background-size:30px 30px;
  pointer-events:none;
}
.hero__float{
  position:absolute;
  padding:12px 16px;
  background:rgba(22,33,62,.9);
  border:1px solid var(--border-subtle);
  border-radius:var(--radius-sm);
  backdrop-filter:blur(8px);
}
.hero__float--tl{top:20px;left:-20px}
.hero__float--br{bottom:20px;right:-20px}
.hero__float-label{font-size:.65rem;color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em}
.hero__float-val{font-family:var(--font-mono);font-size:.95rem;font-weight:700;color:var(--green)}

/* === SERVICES (Diagnostic Panel) === */
.services-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(340px,1fr));
  gap:24px;
}
.service-card{
  background:var(--navy);
  border:1px solid var(--border-subtle);
  border-radius:var(--radius);
  overflow:hidden;
  transition:all var(--transition);
  position:relative;
}
.service-card:hover{
  border-color:var(--green);
  box-shadow:var(--shadow-glow-green);
  transform:translateY(-4px);
}
.service-card__img{
  position:relative;
  height:200px;
  overflow:hidden;
}
.service-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.service-card:hover .service-card__img img{transform:scale(1.05)}
.service-card__overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 50%,rgba(22,33,62,.9));
  pointer-events:none;
}
.service-card__tag{
  position:absolute;top:12px;left:12px;
  font-family:var(--font-mono);font-size:.65rem;
  padding:4px 10px;
  background:var(--green);color:#fff;
  border-radius:20px;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.service-card__body{padding:24px}
.service-card__title{
  font-family:var(--font-display);
  font-size:1.15rem;
  font-weight:700;
  margin-bottom:8px;
}
.service-card__desc{
  font-size:.92rem;
  color:var(--text-secondary);
  margin-bottom:16px;
  line-height:1.55;
}
.service-card__link{
  font-family:var(--font-display);
  font-size:.85rem;
  font-weight:600;
  color:var(--green);
  display:inline-flex;align-items:center;gap:6px;
}
.service-card__link:hover{gap:10px}

/* === ABOUT BAND === */
.about-band{
  display:grid;grid-template-columns:1fr 1fr;gap:0;
  background:var(--navy);
  border:1px solid var(--border-subtle);
  border-radius:var(--radius);
  overflow:hidden;
  margin-top:60px;
}
.about-band__images{
  display:grid;grid-template-columns:1fr 1fr;gap:4px;
  padding:4px;
  min-height:400px;
}
.about-band__images img{
  width:100%;height:100%;object-fit:cover;
  border-radius:var(--radius-sm);
}
.about-band__content{padding:48px 40px;display:flex;flex-direction:column;justify-content:center}
.about-band__checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}
.about-check{
  display:flex;align-items:center;gap:8px;
  font-size:.9rem;color:var(--text-secondary);
}
.about-check i{color:var(--green);font-size:.8rem}
.about-band__cta-box{
  background:var(--charcoal);
  padding:20px 24px;
  border-radius:var(--radius-sm);
  border-left:3px solid var(--green);
}

/* === PROCESS STEPS === */
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.process-step{
  text-align:center;
  padding:32px 20px;
  background:var(--navy);
  border:1px solid var(--border-subtle);
  border-radius:var(--radius);
  position:relative;
  transition:all var(--transition);
}
.process-step:hover{border-color:var(--blue);box-shadow:var(--shadow-glow-blue)}
.process-step__num{
  font-family:var(--font-mono);
  font-size:2.5rem;
  font-weight:700;
  color:var(--green);
  opacity:.3;
  line-height:1;
  margin-bottom:12px;
}
.process-step__title{
  font-family:var(--font-display);
  font-size:1.05rem;
  font-weight:700;
  margin-bottom:8px;
}
.process-step__desc{font-size:.88rem;color:var(--text-secondary);line-height:1.5}
.process-step::after{
  content:'';position:absolute;top:50%;right:-14px;
  width:24px;height:2px;
  background:var(--green);opacity:.3;
}
.process-step:last-child::after{display:none}

/* === TESTIMONIALS === */
.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}
.testimonial{
  background:var(--navy);
  border:1px solid var(--border-subtle);
  border-radius:var(--radius);
  padding:32px;
  transition:all var(--transition);
}
.testimonial:hover{border-color:var(--blue)}
.testimonial__stars{color:#FBBF24;font-size:.9rem;margin-bottom:12px;letter-spacing:2px}
.testimonial__text{
  font-size:.95rem;
  color:var(--text-secondary);
  line-height:1.6;
  margin-bottom:20px;
  font-style:italic;
}
.testimonial__author{display:flex;align-items:center;gap:12px}
.testimonial__avatar{
  width:40px;height:40px;
  border-radius:50%;
  background:var(--charcoal);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-weight:700;font-size:.9rem;
  color:var(--green);
  border:2px solid var(--green);
}
.testimonial__name{font-family:var(--font-display);font-weight:600;font-size:.9rem}
.testimonial__role{font-size:.78rem;color:var(--text-muted)}

/* === CONTACT CTA === */
.contact-cta{
  position:relative;
  padding:80px 0;
  overflow:hidden;
}
.contact-cta__grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(0,180,216,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,180,216,.05) 1px,transparent 1px);
  background-size:40px 40px;
  pointer-events:none;
}
.contact-cta__inner{
  position:relative;z-index:2;
  display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;
}
.contact-cta__info{}
.contact-form{display:flex;flex-direction:column;gap:16px}
.form-group{display:flex;flex-direction:column;gap:6px}
.form-group label{
  font-family:var(--font-mono);font-size:.72rem;
  text-transform:uppercase;letter-spacing:.1em;
  color:var(--text-muted);
}
.form-group input,
.form-group textarea,
.form-group select{
  padding:12px 16px;
  background:var(--navy);
  border:1px solid var(--border-subtle);
  border-radius:var(--radius-sm);
  color:#fff;
  font-family:var(--font-body);
  font-size:.92rem;
  transition:border-color var(--transition);
}
.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus{
  outline:none;
  border-color:var(--green);
  box-shadow:0 0 0 3px var(--green-glow);
}
.form-group textarea{resize:vertical;min-height:120px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-success{
  padding:12px 16px;
  background:rgba(15,150,61,.15);
  border:1px solid var(--green);
  border-radius:var(--radius-sm);
  color:var(--green);
  font-size:.88rem;
  display:none;
}

/* === FOOTER === */
.footer{
  background:var(--navy);
  border-top:1px solid var(--border-subtle);
  padding:60px 0 0;
}
.footer__grid{
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr 1fr;
  gap:40px;
  margin-bottom:40px;
}
.footer__brand-desc{
  font-size:.9rem;
  color:var(--text-secondary);
  margin:16px 0 20px;
  line-height:1.6;
}
.footer__social{display:flex;gap:10px}
.footer__social a{
  width:36px;height:36px;
  border-radius:var(--radius-sm);
  border:1px solid var(--border-subtle);
  display:flex;align-items:center;justify-content:center;
  color:var(--text-secondary);
  transition:all var(--transition);
  font-size:.85rem;
}
.footer__social a:hover{border-color:var(--green);color:var(--green);background:rgba(15,150,61,.1)}
.footer__heading{
  font-family:var(--font-display);
  font-size:.95rem;
  font-weight:700;
  margin-bottom:16px;
  color:#fff;
}
.footer__links{display:flex;flex-direction:column;gap:10px}
.footer__links a{font-size:.88rem;color:var(--text-secondary)}
.footer__links a:hover{color:var(--green)}
.footer__hours-row{
  display:flex;justify-content:space-between;
  font-size:.88rem;color:var(--text-secondary);
  padding:6px 0;
  border-bottom:1px solid var(--border-subtle);
}
.footer__hours-row:last-child{border:none}
.footer__hours-val{color:var(--green);font-family:var(--font-mono);font-size:.82rem}
.footer__bottom{
  border-top:1px solid var(--border-subtle);
  padding:20px 0;
  display:flex;justify-content:space-between;align-items:center;
  font-size:.82rem;color:var(--text-muted);
}
.footer__bottom a{color:var(--text-secondary)}
.footer__bottom a:hover{color:var(--green)}

/* === BACK TO TOP === */
.back-to-top{
  position:fixed;bottom:32px;right:32px;
  width:44px;height:44px;
  border-radius:var(--radius-sm);
  background:var(--green);color:#fff;
  border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  font-size:1.2rem;
  opacity:0;transform:translateY(16px);
  transition:all var(--transition);
  z-index:900;
  box-shadow:var(--shadow-glow-green);
}
.back-to-top.visible{opacity:1;transform:translateY(0)}
.back-to-top:hover{background:#0d8535}

/* === PAGE HERO (inner pages) === */
.page-hero{
  padding:140px 0 60px;
  background:linear-gradient(135deg,var(--charcoal),var(--navy));
  position:relative;
  overflow:hidden;
}
.page-hero__grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(15,150,61,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,150,61,.04) 1px,transparent 1px);
  background-size:50px 50px;
  pointer-events:none;
}
.page-hero__inner{position:relative;z-index:2}
.page-hero__breadcrumb{
  font-family:var(--font-mono);font-size:.75rem;
  color:var(--text-muted);margin-bottom:12px;
}
.page-hero__breadcrumb a{color:var(--green)}
.page-hero__title{
  font-family:var(--font-display);
  font-size:clamp(1.8rem,4vw,2.8rem);
  font-weight:700;
  margin-bottom:8px;
}
.page-hero__sub{color:var(--text-secondary);font-size:1.05rem;max-width:520px}

/* === ABOUT PAGE FEATURES === */
.about-features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.about-feature{
  padding:28px;
  background:var(--navy);
  border:1px solid var(--border-subtle);
  border-radius:var(--radius);
  transition:all var(--transition);
}
.about-feature:hover{border-color:var(--green);box-shadow:var(--shadow-glow-green)}
.about-feature__icon{
  width:48px;height:48px;
  border-radius:var(--radius-sm);
  background:rgba(15,150,61,.12);
  display:flex;align-items:center;justify-content:center;
  font-size:1.2rem;color:var(--green);
  margin-bottom:16px;
}
.about-feature__title{
  font-family:var(--font-display);
  font-size:1.05rem;
  font-weight:700;
  margin-bottom:8px;
}
.about-feature__desc{font-size:.88rem;color:var(--text-secondary);line-height:1.55}

/* === ABOUT PAGE TEAM === */
.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;margin-top:48px}
.team-member{
  background:var(--navy);
  border:1px solid var(--border-subtle);
  border-radius:var(--radius);
  overflow:hidden;
  transition:all var(--transition);
}
.team-member:hover{border-color:var(--blue)}
.team-member__avatar{
  height:180px;
  background:var(--charcoal);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-size:2.5rem;font-weight:700;
  color:var(--green);opacity:.5;
}
.team-member__info{padding:20px}
.team-member__name{font-family:var(--font-display);font-weight:700;font-size:1rem}
.team-member__role{font-size:.82rem;color:var(--green);font-family:var(--font-mono)}

/* === SERVICES PAGE DETAIL === */
.services-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}
.service-detail{
  background:var(--navy);
  border:1px solid var(--border-subtle);
  border-radius:var(--radius);
  overflow:hidden;
  transition:all var(--transition);
}
.service-detail:hover{border-color:var(--green);transform:translateY(-4px)}
.service-detail__img{height:220px;overflow:hidden;position:relative}
.service-detail__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.service-detail:hover .service-detail__img img{transform:scale(1.05)}
.service-detail__num{
  position:absolute;top:12px;right:12px;
  font-family:var(--font-mono);font-size:.65rem;
  padding:4px 10px;background:rgba(22,33,62,.85);color:var(--green);
  border-radius:20px;border:1px solid var(--green);
}
.service-detail__body{padding:24px}
.service-detail__title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin-bottom:8px}
.service-detail__desc{font-size:.9rem;color:var(--text-secondary);line-height:1.55;margin-bottom:16px}
.service-detail__specs{display:flex;gap:8px;flex-wrap:wrap}

/* === CONTACT PAGE SPLIT === */
.contact-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.contact-info-cards{display:flex;flex-direction:column;gap:16px;margin-top:24px}
.contact-info-card{
  padding:20px 24px;
  background:var(--navy);
  border:1px solid var(--border-subtle);
  border-radius:var(--radius);
  display:flex;align-items:center;gap:16px;
  transition:all var(--transition);
}
.contact-info-card:hover{border-color:var(--green)}
.contact-info-card__icon{
  width:44px;height:44px;flex-shrink:0;
  border-radius:var(--radius-sm);
  background:rgba(15,150,61,.12);
  display:flex;align-items:center;justify-content:center;
  color:var(--green);font-size:1rem;
}
.contact-info-card__label{font-size:.72rem;color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em}
.contact-info-card__val{font-size:.95rem;color:#fff;margin-top:2px}

/* === RESPONSIVE === */
@media(max-width:991px){
  .hero__inner{grid-template-columns:1fr;text-align:center}
  .hero__desc{margin-left:auto;margin-right:auto}
  .hero__actions{justify-content:center}
  .hero__stats{justify-content:center}
  .hero__visual{display:none}
  .about-band{grid-template-columns:1fr}
  .about-band__images{min-height:280px}
  .contact-cta__inner{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr 1fr}
  .process-steps{grid-template-columns:1fr 1fr}
  .process-step::after{display:none}
  .about-features{grid-template-columns:1fr 1fr}
  .contact-split{grid-template-columns:1fr}
}
@media(max-width:767px){
  .navbar__links{
    position:fixed;top:72px;left:0;right:0;bottom:0;
    flex-direction:column;
    background:rgba(26,26,46,.98);
    backdrop-filter:blur(16px);
    padding:40px 24px;
    gap:24px;
    transform:translateX(100%);
    transition:transform var(--transition);
  }
  .navbar__links.open{transform:translateX(0)}
  .navbar__burger{display:flex}
  .navbar__cta{display:none}
  .services-grid,.testimonials-grid,.services-detail-grid{grid-template-columns:1fr}
  .process-steps{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr}
  .about-features{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .footer__bottom{flex-direction:column;gap:8px;text-align:center}
}