:root{--accent:#0ea5a4;--dark:#0f172a;--muted:#64748b;--bg:#f7fbfb}
*{box-sizing:border-box;margin:0;padding:0}
html,body{font-family:Inter, system-ui, Arial, sans-serif;background:var(--bg);color:var(--dark);-webkit-font-smoothing:antialiased}
.container{max-width:1200px;margin:0 auto;padding:18px}
header{background:#fff;box-shadow:0 6px 18px rgba(2,6,23,0.06);position:sticky;top:0;z-index:120}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:56px;height:56px;border-radius:8px}
.brand .title{font-weight:800;color:var(--accent);font-size:18px}
nav{display:flex;gap:12px;align-items:center}
nav a{color:var(--dark);text-decoration:none;font-weight:600;padding:8px}
.cta{background:var(--accent);color:#fff;padding:9px 12px;border-radius:8px;text-decoration:none;font-weight:800}
.hamburger{display:none;cursor:pointer;padding:8px;border-radius:8px}
.hamburger div{width:22px;height:3px;background:var(--dark);margin:4px 0;border-radius:2}

/* Hero */
.hero{padding:32px 18px;background:linear-gradient(135deg,#e6fffb,#eaf8f6);display:grid;grid-template-columns:1fr;gap:18px;align-items:center}
.hero-inner{display:flex;flex-direction:column;gap:12px}
.hero h1{font-size:28px;line-height:1.05}
.hero p{color:var(--muted)}
.primary-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.call-btn{background:#fff;color:var(--accent);border:2px solid var(--accent);padding:12px 16px;border-radius:10px;font-weight:800;text-decoration:none}
.book-btn{background:var(--accent);color:#fff;padding:12px 16px;border-radius:10px;font-weight:800;text-decoration:none}

/* Schedule form */
.schedule{background:#fff;border-radius:12px;padding:14px;box-shadow:0 6px 18px rgba(2,6,23,0.06);margin-top:12px}
.form-row{display:flex;gap:8px;flex-wrap:wrap}
.form-row input,.form-row select{padding:10px;border-radius:8px;border:1px solid #e6eef6;flex:1;min-width:140px}
.submit-row{display:flex;gap:8px;align-items:center;margin-top:10px}

/* Services */
.services{padding:18px}
.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.service-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(2,6,23,0.06);display:flex;flex-direction:column}
.thumb{width:100%;aspect-ratio:16/10;object-fit:cover}
.service-card .body{padding:12px;flex:1}

/* Pricing & other */
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}


.price {
  color: #60A5FA;        /* Light blue shade */
  font-weight: 700;
}

.service-card p {
  font-size: 16px;
  color: #555;
}

.service-card .price {
  color: #60A5FA;        /* Light blue for prices */
  font-weight: 700;
  font-size: 18px;
}

.service-card small {
  color: #777;
  font-size: 14px;
}


/* Cards */
.card{background:#fff;border-radius:12px;padding:14px;box-shadow:0 6px 18px rgba(2,6,23,0.06)}

/* Testimonials */
.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}

/* FAQ */
.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.faq-item{background:#fff;border-radius:10px;padding:12px;position:relative;overflow:hidden}
.faq-q{font-weight:700;cursor:pointer}
.faq-a{color:var(--muted);margin-top:8px;max-height:0;overflow:hidden;transition:all .28s ease;padding-right:6px}

/* show answer on hover for desktop */
.faq-item:hover .faq-a{max-height:200px;padding-top:6px}

/* show answer when .open class is added (for mobile/tap) */
.faq-item.open .faq-a{max-height:200px;padding-top:6px}

/* Contact */
.card-box{background:#fff;padding:14px;border-radius:12px;box-shadow:0 6px 18px rgba(2,6,23,0.06)}

/* Footer */
footer{background:#0f172a;color:#fff;padding:28px 18px;margin-top:24px}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;max-width:1200px;margin:0 auto}
.footer-grid a{display:block;color:#cbd5e1;text-decoration:none;margin-bottom:6px}
.legal{text-align:center;color:#94a3b8;margin-top:14px}

/* Floating */
.float{position:fixed;right:14px;bottom:14px;display:flex;flex-direction:column;gap:10px;z-index:200}
.float a{width:56px;height:56px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:22px;box-shadow:0 8px 20px rgba(2,6,23,0.16)}

/* Thank you popup (v2 themed) */
.thankyou{position:fixed;left:50%;top:18%;transform:translateX(-50%);background:var(--accent);color:#fff;padding:14px 18px;border-radius:12px;box-shadow:0 10px 30px rgba(2,6,23,0.16);z-index:9999;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}
.thankyou.show{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}

/* Responsive */
@media(max-width:980px){
  nav{display:none}
  .hamburger{display:block}
  .hero h1{font-size:22px}
}