:root {--bg:#081018; --panel:#0d1821; --line:#2a3a45; --text:#f4f7f8; --muted:#afbec6; --red:#ed4e38;}
* {box-sizing:border-box;}
html {scroll-behavior:smooth;}
body {margin:0; background:var(--bg); color:var(--text); font:16px/1.7 "Segoe UI",Arial,sans-serif;}
a {color:inherit;}
.shell {width:min(100% - 40px,940px); margin:auto;}
.hero {padding:84px 0 50px; border-bottom:1px solid var(--line);}
.hero p {margin:0 0 12px; color:var(--red); font-size:12px; font-weight:800; letter-spacing:.1em;}
.hero h1 {max-width:760px; margin:0; font-size:clamp(44px,8vw,82px); line-height:.96; letter-spacing:-.06em;}
.content {padding:58px 0 90px;}
.content section {padding:0 0 34px; margin:0 0 34px; border-bottom:1px solid var(--line);}
h2 {margin:0 0 15px; font-size:26px; letter-spacing:-.03em;}
p, li {color:var(--muted);}
ul {padding-left:20px;}
.contact {padding:24px; background:var(--panel); border-left:3px solid var(--red);}
.contact p {margin:0;}
.foot {padding:26px 0; border-top:1px solid var(--line); color:#8396a0; font-size:13px;}
.foot .shell {display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap;}
@media(max-width:760px) {
  .hero {padding-top:58px;}
  .content {padding-top:42px;}
}