/* Custom Home Styles */
:root{
  --brand:#2CC3B5;
  --black:#111;
  --muted:#6b7280;
  --bg:#f7f7f7;
}

.container{max-width:1120px;margin:0 auto;padding:0 24px;}
.section{padding:72px 0;}
.section-sm{padding:40px 0;}
.grid{display:grid;gap:32px;}
.btn{display:inline-flex;align-items:center;gap:10px;border-radius:9999px;padding:12px 18px;font-weight:600;border:0;cursor:pointer;text-decoration:none;}
.btn-primary{background:var(--brand);color:#fff;}
.btn-dark{background:#000;color:#fff;}
.badges{display:flex;gap:20px;align-items:center;color:var(--muted);font-size:14px;margin-top:16px}
.card{background:#fff;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.08);padding:28px;}
.hero{align-items:center;grid-template-columns:1.15fr 1fr;}
.hero h1{font-size:56px;line-height:1.05;letter-spacing:-.02em;margin:0 0 16px;}
.hero p{color:var(--muted);font-size:18px;max-width:640px}
.hero-media{border-radius:16px;overflow:hidden;box-shadow:0 12px 24px rgba(0,0,0,.15);}
.stat-pop{position:relative;margin-top:-40px;}
.stat-pop .bubble{background:#fff;border-radius:16px;box-shadow:0 10px 24px rgba(0,0,0,.12);padding:16px 22px;display:inline-block;}
.kpis{display:flex;gap:28px;flex-wrap:wrap;margin-top:20px;color:var(--muted);font-size:14px}
.kpis span{display:inline-flex;align-items:center;gap:8px}

.center{text-align:center}
.h2{font-size:34px;letter-spacing:-.01em;margin:0 0 10px}
.lead{color:var(--muted);max-width:820px;margin:0 auto 40px;}
.three{grid-template-columns:repeat(3,minmax(0,1fr));}
.two{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;}
.img-rounded{border-radius:16px;overflow:hidden;}
.metrics{display:flex;gap:64px;margin:32px 0;color:#000}
.metric h3{font-size:32px;margin:0}
.quote{border-left:4px solid #000;padding-left:16px;margin-top:16px;color:#222;font-style:italic}

.testimonials .card p{color:#111}
.cta{background:#000;color:#fff;border-radius:24px;padding:48px 32px;text-align:center}
.cta h2{margin:0 0 10px}
.cta .btn{margin:0 8px}
.cta-kpis{display:flex;gap:40px;justify-content:center;margin-top:16px;color:#cbd5e1}

.contact{grid-template-columns:1.3fr .9fr;align-items:start}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.input, .select, .textarea{width:100%;border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;font-size:16px;background:#fff}
.textarea{min-height:120px;resize:vertical}
.hours table{width:100%;border-collapse:collapse}
.hours td{padding:8px 0;border-bottom:1px solid #eee;color:#111}
.footer-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}

@media (max-width:900px){
 .hero{grid-template-columns:1fr}
 .three{grid-template-columns:1fr}
 .two{grid-template-columns:1fr}
 .contact{grid-template-columns:1fr}
 .hero h1{font-size:42px}
}

/* --- v6 hero refinements --- */
.hero{align-items:center;grid-template-columns:1.1fr 1fr;gap:56px}
.hero h1{font-size:72px;line-height:1.02;letter-spacing:-.02em;margin:0 0 18px;font-weight:800}
.hero p{font-size:18px;color:#4b5563;margin:0 0 18px}
.btn{border-radius:14px;padding:14px 18px;font-weight:700;font-size:16px}
.btn .icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:22px;border-radius:6px;background:#fff;color:#111;margin-right:10px;box-shadow:0 1px 0 rgba(0,0,0,.06)}
.btn-primary .icon{background:rgba(255,255,255,.95)}
.btn-dark{background:#111}
.badges{gap:28px;margin-top:18px}
.badges span{display:inline-flex;align-items:center;gap:10px;color:#6b7280}
.badges .i{font-size:18px;line-height:1}
.media-wrap{position:relative}
.hero-media{border-radius:18px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.18)}
.stat-pop{position:absolute;left:-46px;bottom:-26px;margin:0}
.stat-pop .bubble{padding:18px 22px;border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.stat-pop .bubble .num{font-size:32px;font-weight:800}
.stat-pop .bubble .sub{font-size:12px;color:#6b7280;margin-top:2px}
/* container breathing room at top */
L0px;padding-bottom:32px}

.section-hero { padding-top: 160px !important; padding-bottom: 60px; }


.section-hero { padding-top: 160px !important; padding-bottom: 60px; }
@media (max-width: 900px) {
  .section-hero { padding-top: 160px !important; padding-bottom: 60px; }
}

@media (max-width: 900px) { .section-hero { padding-top: 100px !important; padding-bottom: 40px; } }

/* --- v9 responsive improvements --- */

/* Fluid headline sizing */
.hero h1{font-size:clamp(36px, 6vw, 72px);line-height:1.05}

/* Responsive hero grid & media */
@media (max-width: 1200px){
  .hero{grid-template-columns:1fr;gap:32px}
  .media-wrap{order:2}
}

.media-wrap .hero-media{position:relative;width:100%;height:auto}
.media-wrap .hero-media iframe{width:100%;aspect-ratio:16/9;height:auto;display:block}

/* Stat bubble reposition for small screens */
@media (max-width: 1200px){
  .stat-pop{position:static;margin-top:12px}
  .stat-pop .bubble{display:inline-block}
}

/* Buttons and badges wrapping */
.hero .btn{white-space:nowrap}
@media (max-width: 640px){
  .hero .btn{width:100%;justify-content:center}
  .badges{flex-wrap:wrap;gap:14px}
}

/* Section spacing adjustments for smaller screens */
@media (max-width: 900px){
  .section{padding:56px 0}
  .section-hero{padding-top:96px !important;padding-bottom:40px !important}
}

/* Responsive grids for cards/sections */
.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width: 1000px){ .three{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width: 640px){ .three{grid-template-columns:1fr} }

.two{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width: 1000px){ .two{grid-template-columns:1fr} }

.contact{grid-template-columns:1.3fr .9fr}
@media (max-width: 1000px){ .contact{grid-template-columns:1fr} }

.footer-cols{grid-template-columns:1.4fr 1fr 1fr}
@media (max-width: 900px){ .footer-cols{grid-template-columns:1fr} }

/* --- v11 Meet Brian responsive --- */
@media (max-width: 1000px){
  .two{grid-template-columns:1fr !important;gap:32px}
  .img-rounded img{max-width:480px;margin:0 auto;display:block}
  .metrics{justify-content:center;text-align:center}
  .quote{text-align:center;max-width:600px;margin:24px auto 0}
}


/* --- v11 Meet Brian responsiveness --- */
.two.meet-brian{grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.two.meet-brian .img-rounded img{width:100%;height:auto;display:block;border-radius:16px}
.two.meet-brian .metrics{gap:48px}
@media (max-width: 1000px){
  .two.meet-brian{grid-template-columns:1fr;gap:24px}
  .two.meet-brian .metrics{gap:28px}
}
@media (max-width: 640px){
  .two.meet-brian h2{font-size:28px}
}

/* --- v12 Services section --- */
.services{background:#000;color:#fff;text-align:center}
.services .h2{color:#fff}
.services .lead{color:#cbd5e1;max-width:720px;margin:0 auto 48px}
.services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.service-card{background:#1e293b;border-radius:16px;padding:28px;text-align:left;display:flex;flex-direction:column;gap:12px;box-shadow:0 6px 24px rgba(0,0,0,.25)}
.service-card .icon{font-size:28px;margin-bottom:4px}
.service-card h3{color:#fff;margin:0}
.service-card p{color:#94a3b8;font-size:15px;flex-grow:1}
.service-card .learn-more{color:#38bdf8;font-weight:600;text-decoration:none;font-size:15px}
.service-card .learn-more:hover{text-decoration:underline}
@media(max-width:1000px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.services-grid{grid-template-columns:1fr}}