:root{--blue:#06435d;--cyan:#0289a3;--ice:#eaf6f8;--text:#1f2f38;--muted:#5f747d}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.55}.topbar{position:sticky;top:0;z-index:10;background:#ffffffea;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:14px 6%;border-bottom:1px solid #d9edf2}.brand img,footer img{width:190px;max-width:45vw}nav{display:flex;gap:22px;align-items:center}a{color:var(--blue);text-decoration:none}nav a{font-weight:700}.btn{display:inline-block;background:var(--cyan);color:white!important;padding:13px 20px;border-radius:999px;font-weight:800;box-shadow:0 10px 25px #0289a32b}.btn.small{padding:9px 15px}.btn.ghost{background:white;color:var(--blue)!important;border:1px solid #b9dce5}.hero{min-height:78vh;display:grid;grid-template-columns:1.25fr .75fr;gap:45px;align-items:center;padding:70px 6%;background:radial-gradient(circle at 80% 30%,#d8f4fa,transparent 34%),linear-gradient(135deg,#f6fbfd,#e9f6f9)}h1{font-size:clamp(2.2rem,6vw,5.3rem);line-height:1.02;margin:10px 0;color:var(--blue)}h2{font-size:clamp(1.8rem,3.5vw,3rem);color:var(--blue);margin:0 0 18px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--cyan);font-weight:900}.hero p{font-size:1.17rem;max-width:760px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-card,.box,.contact-card,article{background:#fff;border:1px solid #d8ebef;border-radius:22px;box-shadow:0 18px 40px #06435d12}.hero-card{padding:35px;text-align:center}.hero-card img{width:210px;opacity:.8}main section{padding:70px 6%}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:30px}.box{padding:28px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cards article{padding:26px}.cards img{width:54px;height:54px}.cards h3,.projects h3{color:var(--blue);margin-bottom:8px}.systems,.gallery{background:#f4fbfd}ul{margin:0;padding-left:22px}.projects{display:grid;gap:24px}.projects article{display:grid;grid-template-columns:300px 1fr;overflow:hidden}.projects img{width:100%;height:100%;object-fit:cover}.projects div{padding:28px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-grid img{width:100%;height:230px;object-fit:cover;border-radius:18px;border:1px solid #d8ebef}.brands{display:flex;flex-wrap:wrap;gap:12px}.brands span{background:var(--ice);color:var(--blue);font-weight:800;padding:12px 16px;border-radius:999px;border:1px solid #cae7ee}.contact{display:grid;grid-template-columns:1fr 420px;gap:30px;background:linear-gradient(135deg,var(--blue),#052d40);color:white}.contact h2,.contact a{color:white}.contact-card{padding:28px;color:var(--text)}.contact-card a{color:var(--blue)}footer{text-align:center;padding:32px 6%;background:#f5fbfc;color:var(--muted)}@media(max-width:850px){.topbar{display:block;text-align:center}nav{justify-content:center;gap:12px;flex-wrap:wrap;margin-top:10px}.hero,.grid2,.contact{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.projects article{grid-template-columns:1fr}.projects img{height:220px}.gallery-grid{grid-template-columns:1fr 1fr}.contact{padding-bottom:50px}}@media(max-width:520px){.gallery-grid{grid-template-columns:1fr}main section,.hero{padding:45px 5%}}
