:root {
  --bg:#f3f2ee;--card:#fff;--ink:#252522;--soft:#5b5b55;--line:#dddcd6;
  --g50:#eeede8;--g100:#eae9e3;--g300:#a7a79d;--g400:#74746b;
  --g500:#5b5b55;--g600:#45453f;--g700:#33332e;--g800:#252522;
}
html{scroll-padding-top:90px}
header.nav{background:#141416;color:#f5f4f0;backdrop-filter:none;border-color:#38383f}
.brand small{color:inherit}
.brand svg g[stroke]{stroke:currentColor}
.brand svg g[fill]:not([fill=none]){fill:currentColor}
.btn{border-radius:8px;min-height:44px}
.btn-primary{background:#45453f;color:#fff;box-shadow:none}
.btn-primary:hover{background:#33332e;transform:none;box-shadow:none}
header .btn-primary,.hero .btn-primary,.btn-white{background:#eae7e0;color:#202023}
header .btn-primary:hover,.hero .btn-primary:hover,.btn-white:hover{background:#fff;transform:none}
.hero{background:#141416;color:#f5f4f0}
.hero:before{background:linear-gradient(#141416b8,#141416e8),url('https://nahitu.uk/img/charcoal-hero.webp') center/cover}
.hero h1 .accent{color:inherit}
.hero .lead,.hero .stat .l{color:#c0bfc6}
.hero .stat .n{color:#f5f4f0}
.hero .btn-ghost{background:#202023;color:#f5f4f0;border-color:#74746b}
.hero .pill{background:transparent;color:#c0bfc6;padding:0;border-radius:0}
.hero .pill .dot{display:none}
.card{border-radius:14px}
.card:hover{transform:none;box-shadow:none}
.ic{border-radius:10px}
.band-in{background:#262624;border:1px solid #45453f;border-radius:16px}
.band-in:before{display:none}
.band-in p{color:#c0bfc6;opacity:1}
a:focus-visible{outline:3px solid currentColor;outline-offset:4px}
footer{background:#141416;color:#c0bfc6}
footer .foot-in{color:#c0bfc6}
footer .foot-in .brand{color:#f5f4f0}
@media(min-width:601px) and (max-width:820px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
  header.nav{position:relative}
  .nav-in{height:auto;min-height:72px;padding-block:12px;gap:12px;flex-wrap:wrap}
  .nav-actions{width:100%}
  .nav-actions .btn{flex:1;justify-content:center}
  .hero{padding:40px 0 36px}
  .hero h1{font-size:clamp(32px,8.5vw,42px);line-height:1.12}
  .lead{line-height:1.7}
  .cta{margin-top:24px;gap:12px}
  .cta .btn{width:100%;justify-content:center;white-space:normal}
  .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:32px}
  .stat .n{font-size:20px}
  .stat .l{font-size:12px}
  .features{padding-top:40px}
  .sec-head{margin-bottom:28px}
  .card{padding:22px}
  .card p{font-size:15px;line-height:1.65}
  .band{margin-top:40px}
  .band-in{padding:30px 22px}
  footer{margin-top:40px}
  .foot-in{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{transition:none!important}}