:root{
  --black:#141414;
  --black-soft:#232323;
  --orange:#f0761f;
  --orange-dark:#d4620f;
  --cream:#f8f6f2;
  --line:#e7e3db;
  --text:#333333;
  --muted:#6f6f6f;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Segoe UI',Helvetica,Arial,sans-serif;color:var(--text);line-height:1.65;background:#fff;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
ul{list-style:none;}
.container{max-width:1180px;margin:0 auto;padding:0 24px;}

/* ---------- Brand / logo ---------- */
.brand{display:flex;align-items:center;}
.brand-mark{flex-shrink:0;}
.brand-mark img{display:block;width:auto;}
.site-header .brand-mark img{height:52px;}
footer .brand-mark{background:#fff;padding:8px 14px;border-radius:6px;display:inline-block;}
footer .brand-mark img{height:70px;}

/* ---------- Top bar ---------- */
.topbar{background:var(--black);color:#cfcfcf;font-size:13px;padding:9px 0;}
.topbar .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;align-items:center;}
.topbar a{color:#e9e9e9;}
.topbar a:hover{color:var(--orange);}
.topbar .contact-strip{display:flex;gap:22px;flex-wrap:wrap;}
.topbar .contact-strip span{white-space:nowrap;}
.topbar .whatsapp-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;}

/* ---------- Header / nav ---------- */
header.site-header{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.07);position:sticky;top:0;z-index:100;}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:20px;}
nav.main-nav ul{display:flex;gap:30px;}
nav.main-nav a{font-weight:600;font-size:14.5px;color:var(--text);padding:4px 0;border-bottom:2px solid transparent;}
nav.main-nav a.active,nav.main-nav a:hover{color:var(--orange);border-bottom-color:var(--orange);}
.nav-actions{display:flex;align-items:center;gap:14px;}
.btn{display:inline-block;background:var(--orange);color:#fff;padding:11px 24px;border-radius:4px;font-weight:700;font-size:14px;transition:.2s;border:1px solid var(--orange);}
.btn:hover{background:var(--orange-dark);border-color:var(--orange-dark);}
.btn-outline{background:transparent;color:var(--black);border:1px solid var(--black);}
.btn-outline:hover{background:var(--black);color:#fff;}
.btn-light{background:#fff;color:var(--black);border:1px solid #fff;}
.btn-light:hover{background:transparent;color:#fff;}
.btn-whatsapp{background:#25D366;border-color:#25D366;}
.btn-whatsapp:hover{background:#1ebc59;border-color:#1ebc59;}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:6px;}
.nav-toggle span{display:block;width:24px;height:2.5px;background:var(--black);margin:5px 0;transition:.2s;}

/* ---------- Hero ---------- */
.hero{background:linear-gradient(rgba(20,20,20,.72),rgba(20,20,20,.8)),url('https://images.pexels.com/photos/7764378/pexels-photo-7764378.jpeg?auto=compress&cs=tinysrgb&w=1920') center/cover;background-attachment:fixed;color:#fff;padding:120px 0 100px;text-align:center;}
.hero .eyebrow{display:inline-block;color:var(--orange);font-weight:700;letter-spacing:2px;text-transform:uppercase;font-size:.8rem;margin-bottom:16px;}
.hero h1{font-size:2.6rem;max-width:860px;margin:0 auto 18px;line-height:1.25;}
.hero p{max-width:700px;margin:0 auto 32px;font-size:1.08rem;color:#e6e6e6;}
.hero .hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
.page-hero{background:linear-gradient(rgba(20,20,20,.78),rgba(20,20,20,.8)),url('https://images.pexels.com/photos/33449449/pexels-photo-33449449.jpeg?auto=compress&cs=tinysrgb&w=1920') center/cover;background-attachment:fixed;color:#fff;padding:80px 0;text-align:center;}
.page-hero h1{font-size:2.1rem;}
.page-hero p{color:#ddd;max-width:640px;margin:12px auto 0;}
.breadcrumb{color:#c9c9c9;font-size:.85rem;margin-top:10px;}
.breadcrumb a{color:var(--orange);}

/* ---------- Sections ---------- */
section{padding:76px 0;}
.section-title{text-align:center;font-size:1.95rem;color:var(--black);margin-bottom:10px;}
.section-sub{text-align:center;color:var(--muted);max-width:660px;margin:0 auto 44px;}
.eyebrow{display:block;text-align:center;color:var(--orange);font-weight:700;letter-spacing:2px;text-transform:uppercase;font-size:.78rem;margin-bottom:10px;}
.bg-light{background:var(--cream);}
.bg-dark{background:var(--black);color:#e6e6e6;}
.bg-dark .section-title{color:#fff;}
.bg-dark .section-sub{color:#b8b8b8;}

/* ---------- Cards / grid ---------- */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;}
.card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.08);border:1px solid var(--line);transition:.2s;}
.card:hover{transform:translateY(-4px);box-shadow:0 10px 26px rgba(0,0,0,.12);}
.card img{height:190px;object-fit:cover;width:100%;}
.card-body{padding:22px;}
.card-body h3{font-size:1.1rem;color:var(--black);margin-bottom:8px;}
.card-body p{font-size:.92rem;color:var(--muted);}

/* Icon feature cards (services / why-us) */
.icon-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:30px 26px;text-align:left;transition:.2s;}
.icon-card:hover{border-color:var(--orange);box-shadow:0 10px 26px rgba(0,0,0,.08);transform:translateY(-4px);}
.icon-card .icon{width:46px;height:46px;border-radius:8px;background:rgba(240,118,31,.12);display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.icon-card .icon svg{width:24px;height:24px;stroke:var(--orange);}
.icon-card h3{font-size:1.08rem;color:var(--black);margin-bottom:8px;}
.icon-card p{font-size:.92rem;color:var(--muted);}

/* ---------- Stats / credentials ---------- */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;text-align:center;}
.stat h2{font-size:2.2rem;color:var(--orange);}
.stat p{color:#cfcfcf;font-size:.9rem;margin-top:6px;}

/* ---------- Two-column feature ---------- */
.feature-split{display:flex;gap:56px;align-items:center;flex-wrap:wrap;}
.feature-split .imgs{flex:1;min-width:280px;display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.feature-split .imgs img{width:100%;border-radius:8px;height:260px;object-fit:cover;}
.feature-split .copy{flex:1;min-width:300px;}
.feature-split h3{color:var(--black);font-size:1.7rem;margin-bottom:16px;}
.feature-split p{color:var(--muted);margin-bottom:16px;}
.feature-split p+p{margin-top:-6px;}
.feature-split ul{margin:18px 0;}
.feature-split ul li{position:relative;padding-left:26px;margin-bottom:10px;color:var(--text);font-size:.96rem;}
.feature-split ul li::before{content:"";position:absolute;left:0;top:8px;width:12px;height:12px;background:var(--orange);border-radius:50%;}

/* ---------- Bullet / check list ---------- */
.check-list{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:10px;}
.check-list li{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px 20px;}
.check-list li .mark{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;}
.check-list strong{display:block;color:var(--black);margin-bottom:2px;}
.check-list span.desc{color:var(--muted);font-size:.88rem;}

/* ---------- Areas chips ---------- */
.chip-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}
.chip{background:#fff;border:1px solid var(--line);color:var(--black);font-weight:600;font-size:.88rem;padding:10px 18px;border-radius:30px;}
.chip.is-highlight{background:var(--black);color:#fff;border-color:var(--black);}
.chip.is-highlight .dot{color:var(--orange);}

/* ---------- CTA banner ---------- */
.cta-banner{background:linear-gradient(120deg,var(--black),#2b2b2b);color:#fff;text-align:center;border-radius:10px;padding:56px 40px;}
.cta-banner h2{font-size:1.8rem;margin-bottom:12px;}
.cta-banner p{color:#cfcfcf;max-width:560px;margin:0 auto 26px;}
.cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}

/* ---------- Contact page ---------- */
.contact-grid{display:grid;grid-template-columns:1.1fr 1.4fr;gap:48px;align-items:start;}
.contact-info-card{background:var(--black);color:#e6e6e6;border-radius:10px;padding:36px 32px;}
.contact-info-card h3{color:#fff;font-size:1.3rem;margin-bottom:22px;}
.contact-item{display:flex;gap:14px;margin-bottom:22px;}
.contact-item .icon{flex-shrink:0;width:38px;height:38px;border-radius:8px;background:rgba(240,118,31,.18);display:flex;align-items:center;justify-content:center;}
.contact-item .icon svg{width:18px;height:18px;stroke:var(--orange);}
.contact-item h4{font-size:.82rem;text-transform:uppercase;letter-spacing:.6px;color:var(--orange);margin-bottom:3px;}
.contact-item p,.contact-item a{color:#dcdcdc;font-size:.94rem;}
.contact-item a:hover{color:var(--orange);}

.form-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:36px 32px;box-shadow:0 4px 20px rgba(0,0,0,.05);}
.form-card h3{color:var(--black);margin-bottom:6px;font-size:1.3rem;}
.form-card .form-sub{color:var(--muted);font-size:.9rem;margin-bottom:24px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
form.contact-form label{display:block;font-size:.82rem;font-weight:600;color:var(--black);margin-bottom:6px;}
form.contact-form input,form.contact-form select,form.contact-form textarea{width:100%;padding:12px 14px;border:1px solid #ddd;border-radius:5px;margin-bottom:18px;font-family:inherit;font-size:.95rem;background:#fff;}
form.contact-form input:focus,form.contact-form select:focus,form.contact-form textarea:focus{outline:none;border-color:var(--orange);}
form.contact-form textarea{min-height:120px;resize:vertical;}
.form-note{font-size:.78rem;color:var(--muted);margin-top:-8px;}

.map-wrap{border-radius:10px;overflow:hidden;border:1px solid var(--line);box-shadow:0 4px 20px rgba(0,0,0,.05);}
.map-wrap iframe{width:100%;height:380px;border:0;display:block;}

/* ---------- FAQ / WhatsApp CTA ---------- */
.whatsapp-cta{background:#fff;border:1px solid var(--line);border-radius:10px;padding:44px 40px;text-align:center;max-width:680px;margin:0 auto;}
.whatsapp-cta .wa-icon{width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;}
.whatsapp-cta .wa-icon svg{width:28px;height:28px;fill:#fff;}
.whatsapp-cta h3{color:var(--black);font-size:1.35rem;margin-bottom:10px;}
.whatsapp-cta p{color:var(--muted);margin-bottom:22px;}

/* ---------- Blog ---------- */
.blog-post{background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.07);overflow:hidden;max-width:640px;margin:0 auto;border:1px solid var(--line);}
.blog-post img{height:260px;object-fit:cover;width:100%;}
.blog-post .card-body .date{color:var(--orange);font-size:.8rem;font-weight:600;text-transform:uppercase;margin-bottom:6px;}

/* ---------- Prose (Privacy Policy) ---------- */
.prose{max-width:820px;margin:0 auto;}
.prose h2{color:var(--black);font-size:1.3rem;margin:34px 0 12px;}
.prose h2:first-child{margin-top:0;}
.prose p{color:var(--text);margin-bottom:14px;}
.prose ul{margin:0 0 14px 0;}
.prose ul li{position:relative;padding-left:22px;margin-bottom:8px;color:var(--text);}
.prose ul li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;background:var(--orange);border-radius:50%;}
.prose .updated{color:var(--muted);font-size:.85rem;margin-bottom:30px;}

/* ---------- Footer ---------- */
footer{background:var(--black);color:#cfcfcf;padding:64px 0 24px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:32px;margin-bottom:40px;}
.footer-grid h4{color:#fff;margin-bottom:16px;font-size:1rem;}
.footer-grid p,.footer-grid a{color:#a9a9a9;font-size:.9rem;}
.footer-grid ul li{margin-bottom:10px;}
.footer-grid li a:hover{color:var(--orange);}
.footer-grid .desc{margin-top:14px;line-height:1.7;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;text-align:center;font-size:.85rem;color:#8a8a8a;}
.footer-bottom a{color:#8a8a8a;}
.footer-bottom a:hover{color:var(--orange);}

/* ---------- Floating WhatsApp button ---------- */
.wa-float{position:fixed;bottom:24px;right:24px;width:58px;height:58px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.25);z-index:200;transition:.2s;}
.wa-float:hover{transform:scale(1.08);}
.wa-float svg{width:30px;height:30px;fill:#fff;}

@media(max-width:900px){
  .contact-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  .nav-toggle{display:block;}
  nav.main-nav{position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 10px 20px rgba(0,0,0,.08);max-height:0;overflow:hidden;transition:max-height .25s ease;}
  nav.main-nav.open{max-height:400px;border-top:1px solid var(--line);}
  nav.main-nav ul{flex-direction:column;gap:0;padding:8px 24px;}
  nav.main-nav a{display:block;padding:14px 0;border-bottom:1px solid var(--line);}
  header.site-header{position:sticky;}
  .nav-wrap{position:relative;}
  .topbar .contact-strip{gap:12px;font-size:12px;}
  .hero h1{font-size:1.9rem;}
  .hero{padding:80px 0 70px;background-attachment:scroll;}
  .page-hero{background-attachment:scroll;}
  .form-row{grid-template-columns:1fr;}
  .footer-bottom{flex-direction:column;text-align:center;}
}
@media(max-width:480px){
  .footer-grid{grid-template-columns:1fr;}
}