:root{--bg:#030303;--panel:#111;--orange:#ff6500;--white:#fff;--muted:#d8d8d8;--line:#555;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:var(--white);font-family:Arial,Helvetica,sans-serif}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:10;background:#050505;border-bottom:1px solid #151515;display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:24px;padding:10px clamp(18px,4vw,80px)}.brand img{display:block;width:150px;max-width:100%}.nav{display:flex;align-items:center;justify-content:center;gap:42px}.nav a{color:#f4f4f4;text-decoration:none;font-weight:900;font-size:14px;letter-spacing:.4px}.nav a.active,.nav a:hover{color:var(--orange)}.whatsapp{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 34px;background:var(--orange);border-radius:8px;color:#fff;text-decoration:none;font-weight:900;font-size:21px}.menu-toggle{display:none;background:none;color:#fff;border:0;font-size:30px}.hero{position:relative;min-height:342px;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,#000 32%,rgba(0,0,0,.68) 50%,rgba(0,0,0,.15) 100%),url('assets/hero-bg.jpg') center right/cover no-repeat}.hero-copy{position:relative;z-index:1;width:min(760px,calc(100% - 48px));margin-left:max(24px,calc((100vw - var(--max))/2 + 24px));padding-top:52px}.hero h1{margin:0;font-size:clamp(44px,5.2vw,78px);line-height:.92;font-weight:1000;letter-spacing:-2px}.hero h1 span{display:block;color:var(--orange)}.hero h2{margin:14px 0 10px;font-size:clamp(18px,2vw,26px);line-height:1.2}.accent-line{display:block;width:64px;height:4px;background:var(--orange);margin:14px 0}.hero p{max-width:590px;margin:0;color:#f3f3f3;font-size:16px;line-height:1.35}.services{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:-8px;position:relative;z-index:2}.service-card{background:linear-gradient(#181818,#0a0a0a);border:1px solid #666;border-radius:8px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.08)}.service-title{height:70px;display:grid;grid-template-columns:58px 1fr;align-items:center;padding:8px 12px;background:linear-gradient(#1d1d1d,#101010);border-bottom:1px solid #333}.service-title span{color:var(--orange);font-size:40px;line-height:1}.service-title strong{font-size:15px;line-height:1.06;font-weight:1000}.service-card img{display:block;width:100%;height:132px;object-fit:cover}.comparisons{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:16px}.divider{grid-column:1/-1;height:2px;background:#ddd}.compare-card h3{margin:0 0 4px;text-align:center;color:var(--orange);font-size:14px}.compare{position:relative;overflow:hidden;height:170px;background:#111}.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.before-wrap{position:absolute;inset:0;width:100%;overflow:hidden;clip-path:inset(0 50% 0 0)}.before-wrap img{width:100%;height:100%;object-fit:cover}.label{position:absolute;top:0;padding:8px 14px;background:#090909;color:#fff;font-weight:900;font-size:11px}.before-l{left:0}.after-l{right:0;background:var(--orange)}.handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:#070707;border:2px solid #777;color:var(--orange);font-size:36px;line-height:31px;text-align:center;pointer-events:none}.compare input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.cta{display:flex;justify-content:center;gap:22px;margin-top:18px}.btn{border-radius:8px;border:2px solid #666;min-height:56px;padding:0 42px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:1000;font-size:20px;color:#fff;cursor:pointer}.primary{background:var(--orange);border-color:#c74d00}.secondary{background:#090909}.about{padding:42px 0 16px;text-align:center}.about h2{color:var(--orange);margin-bottom:8px}.footer{border-top:1px solid #542400;margin-top:22px;padding:22px 0 34px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;color:#eee}.footer span{color:var(--orange);font-size:28px;margin-right:12px}.footer strong{font-size:14px}.footer a{color:#eee;text-decoration:none}.modal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.budget-form{position:relative;width:min(480px,100%);display:grid;gap:12px;background:#101010;border:1px solid #555;border-radius:12px;padding:28px}.budget-form h2{margin:0 0 8px}.budget-form input,.budget-form select,.budget-form textarea{width:100%;padding:14px;border-radius:7px;border:1px solid #555;background:#050505;color:#fff}.budget-form textarea{min-height:110px}.close{position:absolute;right:14px;top:10px;background:none;border:0;color:#fff;font-size:32px;cursor:pointer}@media (max-width:1100px){.site-header{grid-template-columns:140px auto 1fr}.nav{gap:18px}.whatsapp{font-size:16px;padding:0 18px}.services{grid-template-columns:repeat(3,1fr)}.comparisons{grid-template-columns:1fr}.compare{height:260px}}@media (max-width:760px){.container{width:calc(100% - 28px)}.site-header{grid-template-columns:120px 1fr auto;padding:8px 14px}.brand img{width:112px}.menu-toggle{display:block;justify-self:end;grid-column:3}.nav{display:none;grid-column:1/-1;flex-direction:column;gap:0;align-items:stretch}.nav.open{display:flex}.nav a{padding:13px;border-top:1px solid #222}.whatsapp{grid-column:1/-1;min-height:44px;font-size:16px;border-radius:6px}.hero{min-height:430px}.hero-bg{background:linear-gradient(180deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.75) 45%,rgba(0,0,0,.25) 100%),url('assets/hero-bg.jpg') center/cover no-repeat}.hero-copy{width:calc(100% - 28px);margin:0 auto;padding-top:48px}.hero h1{font-size:42px;letter-spacing:-1px}.hero h2{font-size:18px}.services{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.service-title{height:64px;grid-template-columns:44px 1fr;padding:7px 9px}.service-title span{font-size:32px}.service-title strong{font-size:12px}.service-card img{height:120px}.comparisons{gap:12px}.compare{height:210px}.cta{flex-direction:column}.btn{width:100%;font-size:16px;padding-inline:16px}.footer{grid-template-columns:1fr;text-align:left}.before-wrap img{width:100%}}@media (max-width:460px){.services{grid-template-columns:1fr}.service-card img{height:170px}.compare{height:185px}.hero h1{font-size:36px}.hero{min-height:450px}}