:root{
  --brand-1: #ff6600;
  --brand-2: #ff7e29;
  --dark: #0f1720;
  --muted: #6b7280;
}
*{box-sizing:border-box}
body{font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; color:var(--dark); background:#fff; scroll-behavior:smooth;}
a{color:var(--brand-1);}
/* NAVBAR */
.navbar{background:transparent; transition: background .3s ease, padding .3s ease;}
.navbar.scrolled{background:rgba(15,23,32,0.96) !important; padding-top:.4rem; padding-bottom:.4rem;}
.navbar .navbar-brand{color:var(--brand-1); font-size:1.05rem;}
.navbar .nav-link{color:rgba(255,255,255,0.9); margin-right:.6rem;}
.navbar .btn-outline-light{border-color:rgba(255,255,255,0.12); color:rgba(255,255,255,0.95);}

/* HERO */
.hero{height:100vh; background-image:linear-gradient(180deg, rgba(0,0,0,0.35), rgba(0,0,0,0.35)), linear-gradient(90deg, rgba(255,126,41,0.06), rgba(255,102,0,0.06)), url('https://images.pexels.com/photos/3184465/pexels-photo-3184465.jpeg'); background-size:cover; background-position:center; display:flex; align-items:center; position:relative; color:#fff;}
.hero .accent{color:var(--brand-2);}
.hero .checks{margin-top:18px; color:rgba(255,255,255,0.9);}
.hero .btn{border-radius:32px; font-weight:600;}

/* SECTIONS */
.section{padding:80px 0;}
.bg-light-alt{background:#fbfbfc;}
.feature-grid{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
.feature{display:flex; gap:12px; align-items:center;}
.feature img{width:80px; height:60px; object-fit:cover; border-radius:8px;}
.card-custom{border-radius:12px; box-shadow:0 6px 18px rgba(15,23,32,0.06); transition:transform .25s ease, box-shadow .25s ease;}
.card-custom:hover{transform:translateY(-8px); box-shadow:0 18px 40px rgba(15,23,32,0.08);}

/* SERVICES */
.card-custom img.card-img-top{height:160px; object-fit:cover;}

/* FORMS */
.card form .form-control{border-radius:8px;}
.btn-warning{background:linear-gradient(90deg,var(--brand-1),var(--brand-2)); border:none;}
.btn-dark{background:#111; color:#fff;}

/* FOOTER */
footer{background:#0b0f13; color:#c7c7c7;}
footer a{color:var(--brand-2);}

/* Responsivo */
@media (max-width: 991px){
  .hero{height:70vh; padding-top:80px; padding-bottom:40px;}
  .feature-grid{grid-template-columns:1fr;}
}