:root{--p:#ff6a00;--d:#0f172a;--m:#64748b;--bg:#f6f7fb;--b:#e2e8f0}
body{background:var(--bg)}
.hf-navbar{background:#fff;border-bottom:1px solid var(--b)}
.hf-brand{font-weight:900;text-decoration:none;color:var(--d)}
.hf-brand b{color:var(--p)}
.hf-card{background:#fff;border:1px solid var(--b);border-radius:18px}
.hf-hero{
  background: radial-gradient(900px 450px at 20% 20%, rgba(255,106,0,.18), transparent 60%),
              radial-gradient(900px 450px at 80% 25%, rgba(14,165,233,.14), transparent 60%),
              linear-gradient(180deg,#fff,#fff);
  border:1px solid var(--b);
  border-radius:24px;
}
.hf-btn{border-radius:12px;font-weight:800}
.hf-btn-primary{background:var(--p);border-color:var(--p);color:#fff}
.hf-btn-primary:hover{filter:brightness(.95)}
.hf-muted{color:var(--m)}
.hf-title{font-weight:950;color:var(--d)}
.hf-service-card img{height:150px;object-fit:cover;border-top-left-radius:18px;border-top-right-radius:18px}
.hf-bottom-nav{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--b);display:flex;justify-content:space-around;padding:.45rem .3rem;z-index:999}
.hf-bottom-nav a{flex:1;text-align:center;text-decoration:none;color:var(--m);font-size:.78rem}
.hf-bottom-nav a i{display:block;font-size:1.15rem;margin-bottom:.12rem}
.hf-bottom-nav a.active{color:var(--p);font-weight:900}
@media(min-width:992px){.hf-bottom-nav{display:none}}