*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--red:#c41e1e;--black:#0a0a0a;--ash:#1c1c1c;--steel:#b8b8b8;--white:#f5f5f5}
html{scroll-behavior:smooth}
body{font-family:Roboto,system-ui,sans-serif;background:var(--black);color:var(--white);line-height:1.5}
.wrap{width:min(1060px,92%);margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;background:var(--black);border-bottom:3px solid var(--red)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;gap:1rem}
.logo{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:#fff;font-family:Anton,sans-serif;font-size:1.15rem;letter-spacing:.06em}
.badge{background:var(--red);color:#fff;padding:.25rem .45rem;font-size:.85rem;border:2px solid #fff;transform:rotate(-3deg)}
nav{display:flex;gap:1.1rem}
nav a{color:var(--steel);text-decoration:none;font-weight:700;font-size:.8rem;letter-spacing:.08em}
nav a:hover{color:var(--red)}
.btn{display:inline-flex;padding:.7rem 1.2rem;font-weight:700;text-decoration:none;letter-spacing:.04em;text-transform:uppercase}
.btn-call{background:var(--red);color:#fff;border:2px solid var(--red)}
.btn-primary{background:var(--red);color:#fff;border:3px solid #fff;font-family:Anton,sans-serif;font-size:1.15rem;letter-spacing:.08em;margin-top:.5rem}
.hero{padding:3.5rem 0;background:repeating-linear-gradient(90deg,var(--ash),var(--ash) 2px,var(--black) 2px,var(--black) 28px)}
.hero-inner{display:grid;grid-template-columns:auto 1fr;gap:2.5rem;align-items:center}
.crest-ring{width:160px;height:160px;border:4px solid var(--red);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Anton,sans-serif;background:var(--ash);box-shadow:0 0 0 6px var(--black),0 0 0 9px var(--red)}
.crest-ring span{font-size:.7rem;letter-spacing:.2em;color:var(--steel)}
.crest-ring .mid{font-size:2rem;color:var(--red);letter-spacing:0;margin:.15rem 0}
.eyebrow{font-weight:700;color:var(--red);letter-spacing:.15em;font-size:.75rem;margin-bottom:.6rem}
h1{font-family:Anton,sans-serif;font-size:clamp(2rem,5vw,3.3rem);line-height:1.05;letter-spacing:.02em;margin-bottom:1rem}
.lede{color:var(--steel);max-width:42ch;margin-bottom:1.25rem;font-size:1.05rem}
.services{padding:3rem 0;background:var(--ash)}
h2{font-family:Anton,sans-serif;font-size:1.8rem;letter-spacing:.06em;color:var(--red);margin-bottom:1.5rem}
.svc-list{display:grid;gap:1rem}
.svc{display:flex;gap:1.25rem;align-items:flex-start;padding:1.1rem 1.25rem;border-left:4px solid var(--red);background:var(--black)}
.num{font-family:Anton,sans-serif;font-size:1.6rem;color:var(--red);min-width:2.2rem}
.svc h3{font-family:Anton,sans-serif;letter-spacing:.05em;margin-bottom:.25rem}
.svc p{color:var(--steel);font-size:.95rem}
.area{padding:2.5rem 0;border-top:1px solid #333;border-bottom:1px solid #333}
.area p{font-size:1.1rem;color:var(--steel);max-width:50ch}
.area strong{color:#fff}
.why{padding:3rem 0}
.why ul{list-style:none;display:grid;gap:.8rem;max-width:48ch}
.why li{padding-left:1.4rem;position:relative;color:var(--steel)}
.why li::before{content:"▸";position:absolute;left:0;color:var(--red);font-weight:700}
.site-footer{background:var(--red);padding:1.25rem 0;color:#fff}
.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem;align-items:center;font-family:Anton,sans-serif;letter-spacing:.04em;font-size:.95rem}
.site-footer a{color:#fff;text-decoration:none;font-size:1.2rem}
@media(max-width:800px){nav{display:none}.hero-inner{grid-template-columns:1fr}.crest{display:none}}