:root{
  --primary:#1abc4c;
  --primary-dark:#149a3d;
  --dark:#0b1d26;
}
body{font-family:'Open Sans',sans-serif;color:#444;}
h1,h2,h3,h4,h5,h6,.navbar-brand{font-family:'Roboto',sans-serif;}
a{transition:.25s;}
.text-primary{color:var(--primary)!important;}
.bg-primary{background:var(--primary)!important;}
.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600;}
.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);}
.btn-success{background:#25d366;border-color:#25d366;}
.btn-success:hover{background:#1ebe5b;border-color:#1ebe5b;}
.bg-dark{background:var(--dark)!important;}
.topbar{background:var(--dark);color:#fff;}
.topbar a{color:#fff;}
.navbar .nav-link{font-weight:600;color:#0b1d26;padding:1rem .9rem;text-transform:uppercase;font-size:.9rem;}
.navbar .nav-link.active,.navbar .nav-link:hover{color:var(--primary);}
.section-title{color:var(--primary);font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:.95rem;}
.section-heading{font-weight:900;color:var(--dark);}

/* Page header */
.page-header{
  position:relative;
  background:linear-gradient(rgba(11,29,38,.75),rgba(11,29,38,.75)),url('https://images.unsplash.com/photo-1509391366360-2e959784a276?auto=format&fit=crop&w=1920&q=70') center/cover no-repeat;
  color:#fff;padding:120px 0 100px;
}
.page-header h1{font-size:3rem;font-weight:900;}
.page-header .breadcrumb a{color:#fff;text-decoration:none;}
.page-header .breadcrumb-item.active{color:var(--primary);}

/* Hero */
.hero{
  position:relative;
  background:linear-gradient(rgba(11,29,38,.6),rgba(11,29,38,.6)),url('https://images.unsplash.com/photo-1509391366360-2e959784a276?auto=format&fit=crop&w=1920&q=70') center/cover no-repeat;
  color:#fff;padding:140px 0;
}
.hero h1{font-size:3.6rem;font-weight:900;line-height:1.15;}

/* Service card */
.service-card{background:#fff;border:1px solid #eef0f2;transition:.3s;height:100%;}
.service-card:hover{box-shadow:0 12px 30px rgba(26,188,76,.15);transform:translateY(-4px);}
.service-card .icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:1.6rem;margin-bottom:1rem;}

/* Feature box */
.feature-box{display:flex;gap:1rem;align-items:flex-start;padding:1rem;border:1px solid #eef0f2;background:#fff;}
.feature-box .icon{width:50px;height:50px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;}

/* CTA banner */
.cta-banner{background:var(--primary);color:#fff;padding:30px;border-left:6px solid var(--dark);margin:30px 0;border-radius:4px;}
.cta-banner a.btn{background:#fff;color:var(--primary);font-weight:700;}
.cta-banner a.btn:hover{background:var(--dark);color:#fff;}

/* Floating WhatsApp */
.whatsapp-float{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 6px 20px rgba(37,211,102,.5);z-index:9999;}
.whatsapp-float:hover{color:#fff;background:#1ebe5b;}

/* Lists */
.check-list{list-style:none;padding:0;}
.check-list li{padding:.4rem 0 .4rem 1.6rem;position:relative;}
.check-list li:before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--primary);position:absolute;left:0;top:.5rem;}

/* Step */
.step{display:flex;gap:1rem;padding:1.2rem 0;border-bottom:1px solid #eef0f2;}
.step .num{flex-shrink:0;width:46px;height:46px;border-radius:50%;background:var(--primary);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;}

/* Section spacing */
section{padding:80px 0;}
@media(max-width:768px){.hero{padding:80px 0;}.hero h1{font-size:2.2rem;}.page-header{padding:80px 0 60px;}.page-header h1{font-size:2.2rem;}section{padding:50px 0;}}