:root{--bg:#050b13;--panel:#0b1b2e;--panel2:#10243b;--blue:#0676ff;--cyan:#00e5ff;--green:#16c65f;--white:#fff;--text:#e8f4ff;--muted:#a9bdd3;--line:rgba(91,179,255,.22);--shadow:0 22px 60px rgba(0,0,0,.45)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 20% 0%,#0d2a4e 0,#050b13 34%,#02060c 100%);color:var(--text);line-height:1.55}a{color:inherit}img{max-width:100%;display:block}
.topbar{background:linear-gradient(90deg,#007bff,#00e5ff);color:#001526;text-align:center;font-weight:900;padding:10px 16px;font-size:14px;letter-spacing:.2px}.header{position:sticky;top:0;z-index:100;background:rgba(4,13,27,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{width:min(1420px,94%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 0}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:1000;letter-spacing:-.5px;color:white;font-size:24px;white-space:nowrap}.brand span{color:#17a2ff}.mark{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#0676ff,#00e5ff);position:relative;box-shadow:0 0 34px rgba(0,229,255,.35)}.mark:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#020a14;border:5px solid #d8e7f8}.mark:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#00e5ff;left:32px;top:14px}
.menu{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.menu a{text-decoration:none;font-size:14px;font-weight:900;color:rgba(255,255,255,.92);padding:10px 14px;border-radius:999px;transition:.2s}.menu a:hover,.menu a.active{background:rgba(0,229,255,.12);color:#00e5ff}.menu .phone{background:linear-gradient(135deg,#0676ff,#00a8ff);color:white;box-shadow:0 12px 26px rgba(6,118,255,.28)}
.home-grid{width:min(1500px,96%);margin:0 auto;display:grid;grid-template-columns:1.55fr .9fr;gap:12px;padding:12px 0 0}.left-stack,.right-stack{display:grid;gap:12px;align-content:start}
.hero{min-height:560px;border-radius:10px;overflow:hidden;position:relative;background:linear-gradient(90deg,rgba(3,10,20,.96) 0%,rgba(4,15,32,.82) 42%,rgba(4,15,32,.22) 100%),url("../images/20240320_194941.jpg");background-size:cover;background-position:center;box-shadow:var(--shadow);border:1px solid var(--line)}.hero-content{position:relative;z-index:2;padding:58px 54px 38px;max-width:850px}.kicker{color:var(--cyan);text-transform:uppercase;letter-spacing:1.5px;font-size:15px;font-weight:1000;margin-bottom:16px}.hero h1{font-size:clamp(48px,5.4vw,78px);line-height:.96;letter-spacing:-2px;margin-bottom:18px;text-transform:uppercase}.hero h1 .blue{display:block;color:#168cff}.hero p{font-size:19px;color:#f1f7ff;max-width:650px;margin-bottom:28px}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:8px;padding:15px 23px;min-width:160px;background:linear-gradient(135deg,#0676ff,#00a8ff);color:white;text-decoration:none;font-weight:1000;box-shadow:0 14px 30px rgba(0,0,0,.28)}.btn.green{background:#12b94f}.btn.dark{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.36)}
.hero-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;border-top:1px solid var(--line);padding:24px 54px;background:rgba(3,10,20,.7)}.hero-badge{display:flex;gap:12px;align-items:center}.circle-icon{width:38px;height:38px;border-radius:50%;border:2px solid #0676ff;display:grid;place-items:center;color:#00e5ff;flex:none}.hero-badge strong{display:block;color:#fff;text-transform:uppercase;font-size:13px}.hero-badge span{display:block;color:#b8c9dc;font-size:12px}
.brand-strip{padding:26px 34px;background:linear-gradient(90deg,#061224,#0d2a4e,#061224);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.brand-strip h3{text-align:center;text-transform:uppercase;font-size:15px;letter-spacing:2px;color:#d8e7f8;margin-bottom:20px}.brands{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;text-align:center}.brands div{font-size:23px;font-weight:1000;letter-spacing:1px;color:#f8fbff;opacity:.95}
.stats-row{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid #0676ff;border-radius:10px;overflow:hidden;background:rgba(0,18,41,.78)}.stat{padding:20px 16px;border-right:1px solid rgba(91,179,255,.22);text-align:center}.stat:last-child{border-right:0}.stat strong{display:block;color:#00e5ff;font-size:30px;line-height:1}.stat span{font-size:12px;color:#dbeafe;font-weight:900;text-transform:uppercase}
.panel{background:linear-gradient(180deg,rgba(14,31,51,.98),rgba(7,18,32,.98));border:1px solid var(--line);border-radius:10px;padding:26px;box-shadow:var(--shadow)}.panel h2,.panel h3{text-transform:uppercase;letter-spacing:.5px}.panel h2{font-size:28px;text-align:center;margin-bottom:8px}.panel h2 span,.panel h3 span{color:#168cff}.panel .sub{text-align:center;color:var(--muted);font-size:13px;margin-bottom:24px}
.services-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:18px;min-height:150px}.service-card .icon{color:#168cff;font-size:28px;margin-bottom:12px}.service-card h3{font-size:15px;margin-bottom:8px}.service-card p{font-size:13px;color:#c3d4e7}
.latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.latest-grid img{width:100%;height:145px;object-fit:cover}.latest-grid .more{display:grid;place-items:center;background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.65)),url("../images/20230811_191336.jpg");background-size:cover;background-position:center;font-weight:1000;text-align:center;color:white;min-height:145px;text-decoration:none}
.review-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.review{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:18px}.stars{color:#ffbf00;margin-bottom:8px;letter-spacing:2px}.review p{font-size:13px;color:#dbeafe}.review strong{display:block;margin-top:10px;font-size:13px}
.timeline-panel{background:linear-gradient(90deg,rgba(3,10,20,.95),rgba(3,10,20,.72)),url("../images/20230811_191336.jpg");background-size:cover;background-position:center}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;text-align:center}.step .num{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;margin:0 auto 13px;background:linear-gradient(135deg,#0676ff,#00e5ff);color:#001526;font-weight:1000}.step h3{font-size:14px;color:white;margin-bottom:6px}.step p{font-size:13px;color:#d5e5f8}
.bottom-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px}.map-panel{background:linear-gradient(90deg,rgba(3,10,20,.92),rgba(7,26,53,.7)),url("https://images.unsplash.com/photo-1524661135-423995f22d0b?auto=format&fit=crop&w=1000&q=60");background-size:cover;background-position:center}.area-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:16px}.area-list span:before{content:"✓ ";color:#00e5ff}.area-list span{font-size:14px;font-weight:800}.cta-panel{background:linear-gradient(90deg,rgba(8,27,58,.95),rgba(8,27,58,.7)),url("../images/20240320_194941.jpg");background-size:cover;background-position:center}.cta-panel h2{text-align:left;font-size:26px}
.footer{width:min(1500px,96%);margin:12px auto 0;background:#020a14;border:1px solid var(--line);border-radius:10px 10px 0 0;padding:24px 32px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#b8c9dc}.footer strong{color:white}.float{position:fixed;right:22px;bottom:22px;z-index:200;background:#12b94f;color:white;padding:14px 20px;border-radius:999px;font-weight:1000;text-decoration:none;box-shadow:0 16px 34px rgba(0,0,0,.35)}
.page-hero{width:min(1500px,96%);margin:12px auto;border-radius:10px;min-height:300px;background:linear-gradient(90deg,rgba(3,10,20,.96),rgba(7,26,53,.55)),url("../images/20230811_171605.jpg");background-size:cover;background-position:center;border:1px solid var(--line);display:grid;align-items:center;padding:50px}.page-hero h1{font-size:clamp(42px,6vw,72px);text-transform:uppercase;line-height:1}.page-hero p{font-size:20px;color:#dbeafe;max-width:700px}.content-wrap{width:min(1500px,96%);margin:0 auto 12px}.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.service-large{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.service-large img{height:250px;width:100%;object-fit:cover;border-radius:8px}.gallery-page{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery-card{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#071527}.gallery-card img{width:100%;height:285px;object-fit:cover}.gallery-card div{position:absolute;left:0;right:0;bottom:0;padding:18px;background:linear-gradient(transparent,rgba(0,0,0,.86));font-weight:1000}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-weight:900;margin-bottom:6px}input,textarea,select{width:100%;padding:14px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#071527;color:white;margin-bottom:14px}textarea{min-height:145px}
@media(max-width:1100px){.home-grid{grid-template-columns:1fr}.services-mini,.latest-grid,.review-grid,.timeline,.hero-badges,.brands,.stats-row{grid-template-columns:repeat(2,1fr)}.bottom-grid,.service-large,.contact-grid{grid-template-columns:1fr}}@media(max-width:700px){.nav{flex-direction:column}.menu{justify-content:center}.hero-content{padding:42px 24px}.hero h1{font-size:44px}.hero-badges,.services-mini,.latest-grid,.review-grid,.timeline,.brands,.stats-row,.area-list,.service-list,.gallery-page,.form-row{grid-template-columns:1fr}.footer{display:block}}