*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
:root{--red:#e30613;--black:#050505;--white:#fff;--muted:#b8b8b8}
body{font-family:Arial,Helvetica,sans-serif;background:var(--black);color:var(--white)}
img{width:100%;height:100%;display:block;object-fit:cover}
.header{position:fixed;top:0;width:100%;z-index:9;display:flex;justify-content:space-between;align-items:center;padding:24px 7%;background:rgba(0,0,0,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.logo img,footer img{;height:auto}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:32px}
nav{display:flex;gap:34px}nav a{color:#fff;text-decoration:none;text-transform:uppercase;font-weight:900;letter-spacing:2px;font-size:13px}
.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:150px 7% 80px;background:radial-gradient(circle at 85% 25%,rgba(227,6,19,.35),transparent 32%),linear-gradient(120deg,#050505 0%,#080808 55%,#1d0002 100%)}
.tag{display:inline-block;border:1px solid rgba(227,6,19,.45);background:rgba(227,6,19,.14);padding:10px 18px;border-radius:100px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:3px}
.hero h1{margin-top:28px;max-width:760px;font-size:clamp(48px,6vw,96px);line-height:.92;letter-spacing:-5px;text-transform:uppercase;font-weight:900}
.hero p{margin-top:28px;max-width:650px;color:#d7d7d7;font-size:21px;line-height:1.5}.buttons{margin-top:38px;display:flex;gap:16px;flex-wrap:wrap}
.btn{display:inline-flex;padding:17px 28px;border-radius:14px;text-decoration:none;font-weight:900;transition:.3s}.primary{background:var(--red);color:#fff}.primary:hover{background:#b9040f;transform:translateY(-3px)}.outline{color:#fff;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.04)}
.hero-photo{border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 90px rgba(227,6,19,.26);height:620px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.12)}.stats div{background:var(--red);padding:34px 7%;text-align:center}.stats strong{display:block;font-size:44px;font-weight:900}.stats span{text-transform:uppercase;letter-spacing:2px;font-size:15px}
.portfolio,.services,.process{padding:100px 7%}.title{max-width:900px;margin-bottom:50px}.title span{color:var(--red);font-weight:900;text-transform:uppercase;letter-spacing:3px}.title h2,.about h2,.cta h2{margin-top:14px;font-size:clamp(36px,5vw,70px);line-height:.95;letter-spacing:-3px;text-transform:uppercase;font-weight:900}
.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}.filter{padding:13px 22px;border-radius:100px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:#fff;font-weight:900;cursor:pointer}.filter.active{background:var(--red);border-color:var(--red)}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.item{height:360px;border-radius:26px;overflow:hidden;background:#171717}.item.tall{height:520px;grid-row:span 2}.item img{transition:.4s}.item:hover img{transform:scale(1.06)}
.services{background:#fff;color:#000}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cards article{padding:36px;border:1px solid #e6e6e6;border-radius:28px;box-shadow:0 15px 40px rgba(0,0,0,.07)}.cards h3{color:var(--red);font-size:30px;text-transform:uppercase;margin-bottom:14px}.cards p{color:#555;line-height:1.5;margin-bottom:26px}.cards strong{font-size:22px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:100px 7%;background:#0b0b0b}.about-img{border-radius:32px;overflow:hidden;height:580px}.about p{margin-top:24px;color:#d2d2d2;line-height:1.6;font-size:19px}.about ul{margin-top:28px;list-style:none;display:grid;gap:14px}.about li{padding-left:28px;position:relative;font-weight:700}.about li:before{content:"";width:10px;height:10px;background:var(--red);border-radius:50%;position:absolute;left:0;top:7px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps div{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);padding:30px;border-radius:26px}.steps strong{color:var(--red);font-size:36px;font-weight:900}.steps h3{margin-top:12px;text-transform:uppercase;font-size:22px}.steps p{margin-top:10px;color:var(--muted);line-height:1.5}
.cta{padding:110px 7%;background:var(--red);text-align:center}.cta span{text-transform:uppercase;letter-spacing:3px;font-weight:900}.cta h2{max-width:900px;margin:18px auto 34px}.black{background:#000;color:#fff}
footer{padding:38px 7%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.1)}footer p{color:var(--muted)}
@media(max-width:900px){.menu-btn{display:block}nav{display:none;position:absolute;top:88px;left:0;width:100%;background:#000;padding:24px 7%;flex-direction:column}nav.open{display:flex}.hero,.about{grid-template-columns:1fr}.hero-photo,.about-img{height:420px}.stats,.gallery,.cards,.steps{grid-template-columns:1fr}.item,.item.tall{height:390px;grid-row:auto}footer{flex-direction:column;text-align:center;gap:18px}}
.whatsapp-float{
    position: fixed;
    width: 65px;
    height: 65px;
    bottom: 25px;
    right: 25px;
    background: #25D366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 25px rgba(0,0,0,0.35);
    z-index: 9999;
    transition: 0.3s;
}

.whatsapp-float:hover{
    transform: scale(1.08);
}

.whatsapp-float img{
    width: 38px;
    height: 38px;
}
.site-logo{
  width: 50px;
  height: auto;
  object-fit: contain;
}
.sites-logo{
  width: 50px;
  height: auto;
  object-fit: contain;
}