@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--red:#d71920;--dark:#171717;--bg:#f6f6f4;--muted:#6b6b6b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--dark);background:var(--bg);line-height:1.55}a{text-decoration:none;color:inherit}
.topbar{height:76px;background:var(--red);color:#fff;display:flex;align-items:center;padding:0 7%;gap:36px;position:sticky;top:0;z-index:5}.logo{font-size:27px;font-weight:900;letter-spacing:-1.5px}.logo span{font-weight:500}.topbar nav{display:flex;gap:28px;margin-left:auto}.topbar nav a{font-size:14px;font-weight:700}.phone{border:1px solid rgba(255,255,255,.5);padding:10px 15px;border-radius:8px;font-size:14px;font-weight:800}
.hero{min-height:610px;background:var(--red);color:#fff;padding:90px 10%;display:flex;align-items:center;justify-content:space-between;gap:60px;overflow:hidden}.hero-text{max-width:720px}.label{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:800;opacity:.75;margin:0 0 16px}.label.red{color:var(--red);opacity:1}.hero h1{font-size:clamp(56px,8vw,96px);line-height:.95;letter-spacing:-5px;margin:0}.hero h1 span{font-weight:500}.hero h2{font-size:clamp(26px,3vw,42px);line-height:1.12;letter-spacing:-1.5px;margin:24px 0 15px}.hero-text>p:not(.label){max-width:650px;font-size:17px;opacity:.9}.buttons{display:flex;gap:12px;margin-top:30px}.btn{padding:14px 22px;border-radius:8px;font-size:14px;font-weight:800}.white{background:#fff;color:var(--red)}.outline{border:1px solid rgba(255,255,255,.6)}.hero-badge{width:300px;min-height:270px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.1);border-radius:18px;padding:32px;display:flex;flex-direction:column;justify-content:center}.hero-badge div{font-size:64px;margin-bottom:20px}.hero-badge strong{font-size:26px}.hero-badge span{font-size:13px;opacity:.75;margin-top:5px}
.section{padding:95px 8%}.title{font-size:clamp(35px,4vw,54px);line-height:1.08;letter-spacing:-2px;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.grid article{background:#fff;border:1px solid #e7e7e7;border-radius:14px;padding:29px;min-height:190px}.grid b{font-size:31px}.grid h3{font-size:18px;margin:17px 0 7px}.grid p{font-size:14px;color:var(--muted);margin:0}
.dark{background:var(--dark);color:#fff;padding:82px 10%;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.dark h2{font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-2px;margin:0}.dark>p{font-size:18px;color:#cfcfcf}
.contact{background:#fff}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:45px}.contact-grid>div{border:1px solid #e7e7e7;border-radius:12px;padding:24px;min-height:185px;display:flex;flex-direction:column}.contact-grid small{text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:800;color:#888;margin-bottom:14px}.contact-grid strong{font-size:15px;line-height:1.6}.contact-grid a{color:var(--red);font-size:13px;font-weight:800;margin-top:auto}.contact-grid em{font-size:12px;color:#888;margin-top:8px;font-style:normal}
footer{background:var(--red);color:#fff;padding:28px 8%;display:flex;justify-content:space-between;align-items:center}footer p{font-size:12px;opacity:.75}
@media(max-width:850px){.topbar{padding:0 5%}.topbar nav{display:none}.hero{padding:70px 7%;display:block}.hero-badge{margin-top:42px;width:100%;max-width:360px}.grid{grid-template-columns:1fr 1fr}.dark{grid-template-columns:1fr;padding:70px 7%;gap:25px}.contact-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.phone{font-size:12px;padding:9px}.hero{padding:60px 6%}.hero h1{letter-spacing:-3px}.section{padding:70px 6%}.grid,.contact-grid{grid-template-columns:1fr}.buttons{flex-direction:column}.btn{text-align:center}footer{display:block}footer p{margin-top:8px}}