*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#fff;background:#080b10;margin:0;font-family:Arial,Tahoma,sans-serif}body:before{content:"";z-index:-1;background:radial-gradient(circle at 12% 10%,#f9731633,#0000 34%),radial-gradient(circle at 90% 80%,#94a3b824,#0000 34%),#080b10;position:fixed;inset:0}.container{max-width:1180px;margin:auto;padding:0 22px}.site-header{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080b10c7;border-bottom:1px solid #ffffff1a;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:18px;padding-top:16px;padding-bottom:16px;display:flex}.brand{align-items:center;gap:12px;display:flex}.logo{object-fit:cover;background:#000;border:1px solid #ffffff40;border-radius:18px;width:62px;height:62px}.brand-name{letter-spacing:.3px;font-size:25px;font-weight:900}.brand-sub{color:#cbd5e1;font-size:13px}.nav{gap:28px;display:flex}.nav a{color:#cbd5e1;font-size:14px;text-decoration:none}.nav a:hover{color:#fdba74}.header-actions{align-items:center;gap:10px;display:flex}.lang-btn,.quote-btn,.primary,.secondary{cursor:pointer;border:0;border-radius:18px;padding:12px 18px;font-weight:700;text-decoration:none}.lang-btn,.secondary{color:#fff;background:#ffffff0f;border:1px solid #ffffff26}.quote-btn,.primary{color:#fff;background:#f97316;box-shadow:0 14px 30px #f9731629}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:54px;padding-top:78px;padding-bottom:78px;display:grid}.badge{color:#fed7aa;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;margin-bottom:22px;padding:10px 15px;display:inline-flex}.hero h1{margin:0 0 24px;font-size:clamp(42px,6vw,72px);font-weight:900;line-height:1.03}.hero h1 strong{color:#fdba74;display:block}.hero p,.section-heading p,.panel p,.why-card p,.contact p{color:#cbd5e1;font-size:17px;line-height:1.8}.division{letter-spacing:.28em;color:#9ca3af;text-transform:uppercase;margin-top:14px;font-size:13px}.domain{color:#fed7aa;margin-top:12px}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.hero-logo-card{position:relative}.logo-frame{aspect-ratio:4/3;background:linear-gradient(145deg,#030712,#111827,#000);border:1px solid #ffffff1a;border-radius:34px;justify-content:center;align-items:center;padding:28px;display:flex;box-shadow:0 30px 70px #00000059}.logo-frame img{object-fit:contain;filter:drop-shadow(0 20px 35px #0009);max-width:100%;max-height:100%}.mini-card{color:#111827;background:#fff;border-radius:24px;padding:18px 20px;position:absolute;bottom:-22px;right:-18px;box-shadow:0 20px 45px #00000040}.mini-card strong,.mini-card span{display:block}.mini-card span{color:#4b5563;margin-top:4px;font-size:13px}.section{padding-top:68px;padding-bottom:68px}.section-heading{margin-bottom:34px}.section-heading.centered{text-align:center;max-width:800px}.section-heading span,.panel span{color:#fdba74;font-weight:800}.section h2,.section-heading h2,.contact h2{margin:10px 0 14px;font-size:clamp(30px,4vw,44px)}.service-grid,.gallery-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.gallery-grid{grid-template-columns:repeat(3,1fr)}.card,.gallery-card,.panel,.why-card{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:28px;padding:24px}.card:hover,.gallery-card:hover{background:#ffffff14}.icon{background:#f9731621;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;font-size:27px;display:flex}.card h3,.gallery-card h3{margin:10px 0;font-size:20px}.card p,.gallery-card p{color:#cbd5e1;font-size:14px;line-height:1.7}.illus{background:linear-gradient(135deg,#1f2937,#020617);border:1px solid #ffffff1a;border-radius:24px;height:210px;position:relative;overflow:hidden}.illus:before{content:"";background:radial-gradient(circle at 20% 15%,#f9731647,#0000 36%),radial-gradient(circle at 85% 80%,#ffffff24,#0000 35%);position:absolute;inset:0}.illus:after{content:"";background:#f97316;border-radius:12px;height:8px;position:absolute;top:36%;left:14%;right:14%;box-shadow:0 34px #e5e7eba6,0 86px #e5e7eb59}.gate:after{height:110px;box-shadow:none;background:0 0;border:6px solid #f97316;border-radius:16px;top:26%;left:24%;right:24%}.railing:after{background:#f97316;height:8px;top:45%;left:10%;right:10%;box-shadow:0 60px #e5e7eb99}.structure:after{background:#f97316;height:10px;top:34%;left:18%;right:18%;transform:skewY(-8deg);box-shadow:0 55px #e5e7eb80}.roofing:after{height:65px;box-shadow:none;background:#f97316;border-radius:18px;top:28%;left:12%;right:12%;transform:skewY(5deg)}.maintenance:after{background:#e5e7ebb3;height:8px;top:28%;left:18%;right:18%;box-shadow:0 45px #f97316,0 90px #e5e7eb99}.split{grid-template-columns:1.1fr .9fr;gap:24px;display:grid}.why-card{background:#f97316}.why-card p{color:#fff7ed}.contact{background:linear-gradient(105deg,#f97316,#27272a);border-radius:34px;grid-template-columns:1fr .9fr;align-items:center;gap:24px;margin-top:54px;margin-bottom:76px;padding:34px;display:grid}.contact p{color:#fff7ed}.contact-box{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:28px;padding:20px}footer{color:#9ca3af;border-top:1px solid #ffffff1a}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:15px;padding-top:24px;padding-bottom:24px;display:flex}html[dir=ltr] body{text-align:left}html[dir=ltr] .mini-card{left:-18px;right:auto}@media (width<=900px){.nav{display:none}.hero,.split,.contact{grid-template-columns:1fr}.service-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}.hero{padding-top:48px}.quote-btn{display:none}}@media (width<=560px){.service-grid,.gallery-grid{grid-template-columns:1fr}.header-inner{align-items:flex-start}.brand-name{font-size:20px}.logo{width:54px;height:54px}.hero-actions a{text-align:center;width:100%}.mini-card{margin-top:14px;position:static}.hero h1{font-size:42px}}