:root{--navy:#062f63;--blue:#0b4d8d;--teal:#007b76;--green:#008476;--light:#f5f8fb;--text:#12243a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.topbar{background:#062f63;color:#fff;font-size:14px}.topinner{min-height:38px;display:flex;gap:28px;align-items:center}.social{margin-left:auto;font-weight:bold}header{background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 12px #0001}.nav{height:86px;display:flex;align-items:center;justify-content:space-between}.brand img{width:330px;height:75px;object-fit:contain}.nav nav{display:flex;gap:24px;align-items:center;font-weight:700;font-size:14px}.nav nav a:hover{color:var(--green)}.quote,.btn{background:var(--green);color:#fff;padding:14px 20px;border-radius:8px;font-weight:700}.menu{display:none;background:none;border:0;font-size:30px}.hero{position:relative;min-height:470px;overflow:hidden}.heroimg{position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,#fff 32%,#fff0 62%),url('realisations/hero.jpeg') center/cover}.heroin{position:relative;min-height:470px;display:flex;justify-content:space-between;align-items:center}.heroText{width:46%;padding:35px 0}.heroText h1{font-size:45px;line-height:.99;margin:0 0 22px;color:#063464;letter-spacing:-1px}.heroText h1 span{color:var(--green)}.heroText p{font-size:17px;line-height:1.55;max-width:520px}.btn{display:inline-block;margin:10px 8px 0 0}.btn.outline{background:#fff;color:var(--blue);border:2px solid var(--green)}.trust{width:260px;background:#fff;border-radius:12px;box-shadow:0 8px 30px #0002;overflow:hidden}.trust div{padding:15px 18px;border-bottom:1px solid #ddd}.trust div:last-child{border:0}.trust b{display:block;font-size:14px;color:#063464}.trust small{display:block;margin-top:5px;line-height:1.35}.stats{background:#063464;color:#fff;width:min(1150px,90%);margin:-30px auto 0;border-radius:12px;position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);padding:18px 12px}.stats div{text-align:center;border-right:1px solid #ffffff66;padding:5px}.stats div:last-child{border:0}.stats strong{display:block;font-size:30px}.stats b{display:block;font-size:16px}.stats small{opacity:.85}.section{padding:70px 0}.about{background:#f6f9fb}.aboutgrid{display:grid;grid-template-columns:1fr 1.6fr;gap:55px;align-items:center}.kicker{font-weight:800;color:var(--green);letter-spacing:.7px;font-size:15px}.section h2,.contactsec h2{font-size:32px;margin:10px 0 18px;color:#063464}.about p{line-height:1.65}.values{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.values article{background:#fff;border-radius:10px;padding:18px;text-align:center;box-shadow:0 3px 14px #0001}.values span{font-size:36px}.values h3{font-size:14px;color:#063464}.values p{font-size:13px}.sectiontitle{text-align:center;margin-bottom:35px}.servicegrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.servicegrid article{border:1px solid #ddd;border-radius:10px;padding:20px 12px;text-align:center;box-shadow:0 3px 10px #0000000b}.servicegrid span{font-size:40px}.servicegrid h3{font-size:15px;color:#063464}.servicegrid p{font-size:13px;line-height:1.45}.realizations{background:#fbfcfd}.projectgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.project{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 18px #0001;border:1px solid #e2e7ec}.project img{width:100%;height:185px;object-fit:cover;display:block}.project>div{padding:13px}.project h3{margin:0 0 5px;font-size:16px;color:#063464}.project p{margin:0 0 10px;font-size:13px;color:#607080}.project button{border:0;background:none;color:var(--green);font-weight:700;padding:0;cursor:pointer}.contactsec{background:#063464;color:#fff;padding:70px 0}.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contactsec h2{color:#fff}.contactsec p{line-height:1.7}.contactsec form{display:grid;gap:12px}.contactsec input,.contactsec textarea{width:100%;border:0;border-radius:7px;padding:14px;font:inherit}.contactsec .btn{border:0;cursor:pointer}.footgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding:45px 0}.footgrid img{width:220px;height:60px;object-fit:contain}.footgrid h3{color:#063464;font-size:15px}.footgrid a{display:block;margin:8px 0}.copyright{background:#005e58;color:#fff;text-align:center;padding:12px}.modal{display:none;position:fixed;inset:0;background:#000b;z-index:50;overflow:auto;padding:40px}.modal.show{display:block}.modalbox{background:#fff;border-radius:12px;max-width:900px;margin:auto;padding:25px;position:relative}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:35px;cursor:pointer}.modalbox h2{color:#063464}.modalimgs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.modalimgs img{width:100%;height:220px;object-fit:cover;border-radius:8px}@media(max-width:950px){.nav nav{display:none}.menu{display:block}.brand img{width:260px}.heroimg{background:linear-gradient(90deg,#fff 0%,#fff 48%,#fff2 75%),url('realisations/hero.jpeg') center/cover}.heroText{width:58%}.trust{width:230px}.servicegrid{grid-template-columns:repeat(3,1fr)}.projectgrid{grid-template-columns:repeat(2,1fr)}.values{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.topinner{gap:10px;font-size:11px;flex-wrap:wrap;padding:8px 0}.social{display:none}.nav{height:72px}.brand img{width:220px}.hero,.heroin{min-height:650px}.heroimg{background:linear-gradient(180deg,#ffff 0%,#ffff 55%,#fff3 75%),url('realisations/hero.jpeg') center/cover}.heroText{width:100%;align-self:flex-start;padding-top:35px}.heroText h1{font-size:38px}.trust{display:none}.stats{grid-template-columns:repeat(2,1fr);margin-top:-25px}.stats div:nth-child(2){border-right:0}.stats div{margin-bottom:5px}.section{padding:50px 0}.aboutgrid,.contactgrid{grid-template-columns:1fr;gap:30px}.values{grid-template-columns:1fr 1fr}.servicegrid,.projectgrid{grid-template-columns:1fr 1fr}.project img{height:145px}.footgrid{grid-template-columns:1fr 1fr;gap:25px}.modalimgs{grid-template-columns:1fr}.modalimgs img{height:240px}}