:root{
  --st-bg:#0b0f1a; --st-card:#0f1625; --st-yellow:#ffc107; --st-text:#e5e7eb; --st-sub:#9ca3af;
  --white-10: rgba(255,255,255,.1);
}
.border-white-10{ border-color:var(--white-10)!important; }

body{ background:var(--st-bg); color:var(--st-text); }

.hero{ position:relative; min-height:100vh; display:flex; align-items:center; overflow:hidden; }
.hero .hero-background{ position:absolute; inset:0; background-size:cover; background-position:center; transform:scale(1.02); }
.hero .hero-overlay{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.8)); }
.hero .z-index-1{ position:relative; z-index:1; }
.hero-scroll-down{ position:absolute; bottom:30px; left:50%; transform:translateX(-50%); z-index:2; }

.icon-wrapper{ width:80px; height:80px; display:flex; align-items:center; justify-content:center; }

.card{ background:rgba(15,22,37,.85); border:1px solid var(--white-10); }
.service-card, .tool-card, .product-card{ transition:transform .3s ease, box-shadow .3s ease; }
.service-card:hover, .tool-card:hover, .product-card:hover{ transform:translateY(-8px); box-shadow:0 16px 40px rgba(0,0,0,.25); }
.product-badge{ position:absolute; top:15px; right:15px; padding:6px 10px; border-radius:20px; font-size:12px; font-weight:700; z-index:1; }

.counter{ font-size:2.5rem; }

.btn-warning{ color:#111; font-weight:700; }
.rounded-pill{ border-radius:999px; }