:root{
  --red:#d40000; --red2:#ff1a1a; --black:#050505; --dark:#101010;
  --gray:#a7a7a7; --light:#f3f3f3; --white:#fff; --max:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:#fff;color:#111;line-height:1.6}
a{text-decoration:none;color:inherit}
.container{width:min(var(--max),92%);margin:auto}
.header{position:fixed;z-index:20;top:0;left:0;width:100%;background:rgba(0,0,0,.94);border-bottom:1px solid #252525}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between}
.brand img{width:115px;display:block}
.menu{display:flex;gap:28px;color:#eee;font-size:14px;font-weight:700}
.menu a:hover{color:#e21b23}
.menu-btn{display:none;background:none;border:0;color:#fff;font-size:28px}
.hero{min-height:760px;background:radial-gradient(circle at 75% 45%,#242424 0,#080808 42%,#000 75%);position:relative;display:flex;align-items:center;color:#fff;overflow:hidden}
.hero:before{content:"";position:absolute;z-index:1;right:-35px;top:50%;transform:translateY(-50%);width:min(620px,48vw);height:min(620px,48vw);background:url("../assets/logo.png") center/contain no-repeat;opacity:.20;filter:drop-shadow(0 0 35px rgba(255,0,0,.08));pointer-events:none}
.hero:after{content:"";position:absolute;width:600px;height:600px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-150px;top:100px;pointer-events:none}
.hero-content{position:relative;z-index:2;padding-top:70px}
.eyebrow{letter-spacing:5px;font-size:13px;font-weight:800;margin-bottom:14px}
.eyebrow.red{color:var(--red)}
h1{font-size:clamp(44px,7vw,84px);line-height:1.02;max-width:850px;text-transform:uppercase}
h1 span{color:#e21b23}
h2{font-size:clamp(34px,5vw,56px);line-height:1.08;margin-bottom:22px}
h3{font-size:23px;margin-bottom:10px}
.hero-text{max-width:620px;color:#cfcfcf;font-size:18px;margin:24px 0 34px}
.actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 23px;border-radius:2px;border:1px solid transparent;font-weight:800;text-transform:uppercase;letter-spacing:1px;font-size:13px;cursor:pointer}
.btn-primary{background:var(--red);color:#fff}
.btn-primary:hover{background:#b80000}
.btn-outline{border-color:#777;color:#fff}
.btn-outline:hover{border-color:#fff}
.stats{background:var(--red);color:#fff}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.stats-grid>div{padding:26px;border-right:1px solid rgba(255,255,255,.25)}
.stats-grid>div:last-child{border:0}
.stats strong,.stats span{display:block}
.stats strong{font-size:19px;letter-spacing:2px}
.stats span{font-size:13px;opacity:.85}
.section{padding:105px 0}
.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:75px;align-items:center}
.section p{color:#555;margin-bottom:16px}
.check-list{margin-top:25px;display:grid;gap:10px;font-weight:700}
.about-card{background:#080808;color:#fff;min-height:410px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;box-shadow:20px 20px 0 var(--red)}
.rope-mark{font-size:120px;font-weight:900;color:#ddd;line-height:1}
.about-card h3{letter-spacing:4px}
.about-card p{color:#e21b23!important;font-weight:800;letter-spacing:3px}
.about-card small{color:#888;margin-top:25px}
.dark{background:#080808;color:#fff}
.dark .section-intro{color:#aaa;max-width:720px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:45px}
.card{background:#151515;border:1px solid #292929;padding:28px;min-height:280px;display:flex;flex-direction:column}
.card:hover{border-color:#b40000;transform:translateY(-3px);transition:.2s}
.card p{color:#aaa}
.card span{margin-top:auto;color:#e21b23;font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:1px}
.icon{font-size:13px;color:#e21b23;font-weight:900;margin-bottom:45px}
.application-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #ddd;margin-top:40px}
.application-grid div{padding:30px;border-bottom:1px solid #ddd;border-right:1px solid #ddd}
.application-grid div:nth-child(3n){border-right:0}
.application-grid b,.application-grid span{display:block}
.application-grid b{font-size:20px}
.application-grid span{color:#666;margin-top:6px}
.quality{background:#eee}
.quality-box p{max-width:650px}
.specs{background:#fff;border-left:5px solid var(--red)}
.specs div{display:flex;justify-content:space-between;padding:22px 25px;border-bottom:1px solid #ddd}
.specs div:last-child{border-bottom:0}
.specs span{color:#777}
.cta{background:#151515;color:#fff;padding:70px 0}
.cta .container{display:flex;justify-content:space-between;align-items:center;gap:30px}
.cta p{color:#aaa}
.cta h2{margin-bottom:5px}
.contact{background:#fff}
.contact-list{margin-top:30px;border-top:1px solid #ddd}
.contact-list a,.contact-list div{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #ddd}
.contact-list span{color:#777}
.contact-list a:hover b{color:var(--red)}
.contact-form{background:#f3f3f3;padding:35px}
.contact-form label{display:block;font-weight:700;margin-bottom:18px}
.contact-form input,.contact-form textarea{display:block;width:100%;border:1px solid #ccc;padding:13px;margin-top:6px;font:inherit;background:#fff}
.contact-form textarea{resize:vertical}
.contact-form small{display:block;color:#777;margin-top:12px}
.footer{background:#050505;color:#fff;padding:35px 0}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;align-items:center}
.footer img{width:130px}
.footer p{color:#888;font-size:13px;margin-top:3px}
@media(max-width:900px){
  .hero:before{width:520px;height:520px;right:-210px;opacity:.13}
  .menu{display:none;position:absolute;top:76px;left:0;width:100%;background:#080808;padding:20px;flex-direction:column;gap:15px}
  .menu.open{display:flex}.menu-btn{display:block}
  .hero{min-height:700px}.stats-grid{grid-template-columns:1fr}.stats-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.25)}
  .two-col{grid-template-columns:1fr;gap:45px}.cards{grid-template-columns:1fr 1fr}
  .application-grid{grid-template-columns:1fr 1fr}.application-grid div:nth-child(3n){border-right:1px solid #ddd}
  .application-grid div:nth-child(2n){border-right:0}
  .cta .container{flex-direction:column;align-items:flex-start}
  .footer-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .hero-content{padding-top:80px}.hero-text{font-size:16px}.cards{grid-template-columns:1fr}
  .application-grid{grid-template-columns:1fr}.application-grid div{border-right:0!important}
  .contact-list a,.contact-list div{flex-direction:column;gap:2px}
}