:root{
  --bg:#09090a;
  --panel:#111113;
  --panel2:#151518;
  --text:#f4f4f5;
  --muted:#9b9ba2;
  --line:#29292e;
  --red:#df1f26;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

.topbar{
  position:sticky;top:0;z-index:50;height:82px;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 max(24px,calc((100vw - var(--max))/2));
  background:rgba(9,9,10,.94);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line)
}
.brand img{width:185px}
nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:700}
nav a{color:#d0d0d4}
nav a:hover{color:#fff}
.call{border:1px solid #3b3b41;padding:10px 15px}

.hero{min-height:720px;position:relative;overflow:hidden;display:flex;align-items:center;background:
radial-gradient(circle at 82% 42%,rgba(223,31,38,.22),transparent 24%),
linear-gradient(125deg,#171719 0%,#09090a 60%,#111113 100%)}
.hero-lines:before,.hero-lines:after{
  content:"";position:absolute;border:1px solid rgba(223,31,38,.16);transform:rotate(45deg)
}
.hero-lines:before{width:760px;height:760px;right:-280px;top:-120px}
.hero-lines:after{width:480px;height:480px;right:-120px;top:120px}
.hero-inner{
  width:min(var(--max),calc(100% - 48px));margin:auto;position:relative;z-index:2;
  display:grid;grid-template-columns:1.25fr .75fr;gap:90px;align-items:end
}
.micro{color:var(--red);font-size:11px;font-weight:800;letter-spacing:.21em;text-transform:uppercase;margin-bottom:18px}
h1,h2,h3{font-family:"Barlow Condensed",Impact,sans-serif;margin:0;text-transform:uppercase}
h1{font-size:clamp(70px,9vw,126px);line-height:.76;font-weight:900}
h1 span{color:var(--red)}
.hero-copy>p{max-width:650px;margin:30px 0 0;color:#c1c1c6;font-size:18px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.btn{min-height:50px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent}
.red{background:var(--red)}
.red:hover{background:#ef252d}
.dark{background:#0d0d0f;border-color:#3d3d43}
.shop-card{background:rgba(17,17,19,.85);border:1px solid #303035;padding:30px;backdrop-filter:blur(8px)}
.shop-card img{width:230px;margin-bottom:42px}
.shop-card .rule{height:1px;background:#343439;margin:0 0 24px}
.shop-card span,.shop-card a{display:block;margin:7px 0;color:#babac0;font-size:14px}
.shop-card a:hover{color:#fff}

.trust{
  width:min(var(--max),calc(100% - 48px));margin:-52px auto 0;position:relative;z-index:4;
  display:grid;grid-template-columns:repeat(3,1fr);background:#111113;border:1px solid var(--line)
}
.trust>div{padding:28px 30px;border-right:1px solid var(--line)}
.trust>div:last-child{border-right:0}
.trust b{display:block;color:var(--red);font-size:11px;margin-bottom:25px}
.trust strong{display:block;font:800 24px "Barlow Condensed";text-transform:uppercase}
.trust span{display:block;color:#8f8f96;font-size:13px;margin-top:4px}

.section{width:min(var(--max),calc(100% - 48px));margin:auto;padding:118px 0}
.section-head{display:grid;grid-template-columns:1.35fr .65fr;gap:80px;align-items:end}
.section-head>p{color:var(--muted);margin:0 0 7px;max-width:470px}
h2{font-size:clamp(54px,6vw,84px);line-height:.83;font-weight:900}
.services{margin-top:56px;border-top:1px solid var(--line)}
.services article{display:grid;grid-template-columns:85px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--line);transition:.2s}
.services article:hover{padding-left:12px;background:linear-gradient(90deg,rgba(223,31,38,.06),transparent)}
.n{color:var(--red);font-size:11px;font-weight:800}
.services h3{font-size:35px;line-height:1}
.services p{color:var(--muted);margin:7px 0 0;max-width:860px;font-size:14px}

.statement{background:var(--red);padding:105px max(24px,calc((100vw - var(--max))/2))}
.white-micro{color:#fff;opacity:.74}
.statement p{max-width:1100px;margin:0;font:800 clamp(45px,6vw,82px)/.94 "Barlow Condensed";text-transform:uppercase}
.statement em{font-style:normal;color:#09090a}

.about{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.about-copy{padding-top:30px;max-width:560px;color:#c0c0c5;font-size:18px}
.about-copy p{margin:0 0 24px}

.estimate-band{
  width:min(var(--max),calc(100% - 48px));margin:0 auto 118px;
  padding:40px;background:#151518;border:1px solid var(--line);
  display:flex;align-items:center;justify-content:space-between;gap:30px
}
.estimate-band h2{font-size:58px}
.white-btn{background:#fff;color:#09090a}

.contact-grid{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.contact-grid>a,.contact-grid>div{
  min-height:190px;padding:28px;background:#111113;border:1px solid var(--line);
  display:flex;flex-direction:column;justify-content:space-between
}
.contact-grid>a:hover{border-color:#55555d}
.contact-grid span{color:var(--red);font-size:11px;font-weight:800;letter-spacing:.15em}
.contact-grid strong{font:800 26px/1.04 "Barlow Condensed";text-transform:uppercase;overflow-wrap:anywhere}

footer{
  width:min(var(--max),calc(100% - 48px));margin:auto;padding:38px 0 48px;border-top:1px solid var(--line);
  display:flex;align-items:center;justify-content:space-between;gap:30px;color:#707077;font-size:11px;letter-spacing:.14em
}
footer img{width:170px}

@media(max-width:950px){
  nav a:not(.call){display:none}
  .hero{min-height:650px}
  .hero-inner{grid-template-columns:1fr;gap:40px}
  .shop-card{display:none}
  .trust{grid-template-columns:1fr}
  .trust>div{border-right:0;border-bottom:1px solid var(--line)}
  .trust>div:last-child{border-bottom:0}
  .section-head,.about{grid-template-columns:1fr;gap:40px}
  .contact-grid{grid-template-columns:1fr}
  .estimate-band{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
  .topbar{height:70px;padding:0 16px}
  .brand img{width:145px}
  .call{font-size:11px;padding:8px 10px}
  .hero{min-height:590px;padding:60px 0}
  .hero-inner,.section,.trust,.estimate-band,footer{width:calc(100% - 32px)}
  h1{font-size:64px}
  .hero-copy>p{font-size:16px}
  .trust{margin-top:-26px}
  .section{padding:80px 0}
  .services article{grid-template-columns:42px 1fr}
  .services h3{font-size:28px}
  .statement{padding:70px 16px}
  .statement p{font-size:44px}
  .estimate-band{padding:27px 22px;margin-bottom:80px}
  .estimate-band h2{font-size:44px}
  footer{align-items:flex-start;flex-direction:column}
}