:root{--navy:#06172d;--deep:#031023;--cyan:#03c5f2;--blue:#087fe5;--ink:#0b1b34}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink)}a{text-decoration:none;color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 26px}.top{background:#031227;color:white;display:flex;align-items:center;gap:30px;padding:13px max(25px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:10;box-shadow:0 2px 14px #0003}.brand{font-size:20px;line-height:.82;display:flex;gap:8px;font-weight:900;letter-spacing:.6px;align-items:center}.brand b{color:var(--cyan)}.brand-icon{font-size:35px;color:var(--cyan)}nav{display:flex;gap:20px;margin:auto;font-size:12px;font-weight:bold}nav a:hover,nav a:focus{color:var(--cyan)}.header-phone{font-weight:800;white-space:nowrap}.menu{display:none}.hero{min-height:505px;background:radial-gradient(circle at 45% 30%,#0b4174,#04142b 62%);color:white;display:grid;grid-template-columns:55% 45%;overflow:hidden}.hero-copy{padding:65px 35px 50px max(28px,calc((100vw - 1180px)/2));position:relative;z-index:1}.eyebrow,.section-head>span{color:var(--cyan);letter-spacing:2px;font-size:14px}.hero h1{font-size:clamp(34px,4vw,57px);line-height:1.06;margin:20px 0;font-weight:900;letter-spacing:-1.6px}.hero em,.contact em{font-style:normal;color:var(--cyan)}.hero p{font-size:17px;line-height:1.55;max-width:540px}.hero-photo{background:linear-gradient(90deg,#04152e 0%,transparent 20%),url('assets/kuca-cista.jpg') center/cover no-repeat;min-height:505px}.hero-icons{display:flex;gap:16px;margin:30px 0}.hero-icons span{font-size:36px;color:var(--cyan);min-width:0;flex:1;text-align:center}.hero-icons small{display:block;font-size:10px;color:white;font-weight:bold;line-height:1.4;margin-top:9px}.buttons{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-block;padding:14px 19px;border-radius:6px;font-weight:800;font-size:13px}.primary{background:var(--cyan);color:#041326}.outline{border:1px solid var(--cyan);color:white}.whatsapp{background:#08c763;color:white}.services,.projects{padding-top:65px;padding-bottom:70px}.section-head h2{font-size:32px;margin:7px 0 25px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{border:1px solid #e3eaf1;border-radius:12px;padding:28px 23px;background:linear-gradient(#fff,#f3f8fc);box-shadow:0 8px 28px #071b3410}.card-icon{width:66px;height:66px;background:#08285b;color:white;border-radius:50%;display:grid;place-items:center;font-size:36px;border:4px solid #0cbcf2}.card-icon.solar{color:#ffca24}.card h3{font-size:18px;margin:25px 0 13px}.card p{font-size:14px;line-height:1.65;min-height:112px}.card a{color:#0878d9;font-size:13px;font-weight:bold}.trust{background:#04244a;color:white;padding:25px 0}.trust-grid{display:flex;justify-content:space-between;gap:15px;font-size:13px;font-weight:bold}.project-box{background:#f0f6fb;border-radius:15px;padding:45px;display:flex;justify-content:space-between;align-items:center;gap:30px}.project-box p{max-width:700px;line-height:1.7}.dark{color:#064374}.about{background:#f6f9fc}.about-grid{display:grid;grid-template-columns:40% 60%;gap:45px;align-items:center;padding-top:65px;padding-bottom:65px}.about-art{min-height:290px;background:linear-gradient(135deg,#04132b,#0662ad);border-radius:12px;display:grid;place-items:center}.about-logo{color:var(--cyan);font-size:90px;text-align:center}.about-logo strong{display:block;font-size:38px;line-height:.9;color:white}.about-logo i{font-style:normal;color:var(--cyan)}.about p{line-height:1.8;font-size:15px}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.chips span{padding:10px;background:white;border-radius:6px;color:#056fae;font-size:12px;font-weight:bold}.contact{background:linear-gradient(110deg,#04172f,#063d74);color:white;padding:60px 0}.contact-grid h2{font-size:36px;margin:10px 0}.contact-grid p{line-height:1.6}.contact-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.contact-actions a{display:flex;align-items:center;gap:12px;background:#06baf0;padding:18px;border-radius:7px;color:#001c35;font-size:25px}.contact-actions a.wa{background:#08c963;color:white}.contact-actions b{font-size:14px;display:block;overflow-wrap:anywhere}.contact-actions small{font-size:11px;display:block;margin-top:4px}footer{background:#021125;color:#bdcadb;padding:32px 0}.footer-grid{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px}.footer-grid strong{font-size:20px;color:white}.footer-grid em{color:var(--cyan);font-style:normal}.footer-grid div:nth-child(2){display:flex;gap:14px;flex-wrap:wrap}@media(max-width:900px){.top{gap:12px;padding:12px 20px}.header-phone{font-size:13px}nav{gap:10px;font-size:10px}.hero{grid-template-columns:1fr}.hero-copy{padding:50px 26px}.hero-photo{min-height:280px;order:-1}.cards{grid-template-columns:repeat(2,1fr)}.trust-grid{flex-wrap:wrap}.about-grid{grid-template-columns:1fr}.about-art{min-height:220px}}@media(max-width:600px){.top{justify-content:space-between}.menu{display:block;background:none;border:1px solid #47607e;color:white;border-radius:4px;font-size:22px;padding:4px 10px}nav{display:none;position:absolute;top:62px;left:0;right:0;background:#031227;padding:20px;flex-direction:column;font-size:14px}nav.open{display:flex}.header-phone{display:none}.hero h1{font-size:35px}.hero-icons{gap:5px}.hero-icons span{font-size:27px}.hero-icons small{font-size:9px}.cards{grid-template-columns:1fr}.card p{min-height:auto}.project-box{display:block;padding:24px}.about-grid{gap:25px}.contact-actions{grid-template-columns:1fr}.footer-grid{display:block}.footer-grid>div{margin-bottom:22px}}

/* Logo and responsive icon refinements */
.brand-symbol{width:49px;height:49px;object-fit:cover;object-position:center;border-radius:9px;flex:none}
.about-logo-image{display:block;max-height:270px;max-width:94%;width:auto;object-fit:contain;border-radius:7px}
.hero-icons span{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px}
.hero-icons img{width:43px;height:43px;display:block;object-fit:contain;flex:none}
.hero-icons small{margin-top:0;overflow-wrap:normal;word-break:normal;hyphens:auto}
.card-icon img{width:40px;height:40px;display:block}
@media(max-width:600px){.brand-symbol{width:46px;height:46px}.hero-icons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:23px;margin:28px 0}.hero-icons span{min-width:0}.hero-icons img{width:39px;height:39px}.hero-icons small{font-size:11px;line-height:1.3;white-space:normal}.hero-photo{background-position:center 60%}}