:root{--blue:#0b4f8a;--blue2:#083b69;--green:#39a947;--gold:#f4b400;--ink:#152536;--muted:#617080;--light:#f4f8fb;--white:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(var(--max),92%);margin:auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);border-bottom:1px solid #e5eaf0}.nav-wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--blue);font-size:1.25rem}.brand img{width:58px;height:58px;object-fit:contain}.brand small{display:block;color:#4f5f6e;font-size:.68rem;letter-spacing:.04em;font-weight:600}.menu-toggle{display:none;border:0;background:none;font-size:1.7rem;color:var(--blue);cursor:pointer}nav{display:flex;gap:28px;font-weight:700;color:#34485a}nav a:hover{color:var(--green)}.hero{background:linear-gradient(135deg,#f4f9fd 0%,#fff 60%);padding:85px 0 75px;border-bottom:1px solid #e8eef3}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:55px;align-items:center}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.14em;color:var(--green);margin:0 0 12px}.hero h1{font-size:clamp(2.4rem,6vw,4.7rem);line-height:1.04;margin:0 0 22px;color:var(--blue2);letter-spacing:-.04em}.hero h1 span{color:var(--green)}.lead{font-size:1.15rem;color:var(--muted);max-width:700px}.hero-actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}.btn{display:inline-block;padding:13px 21px;border-radius:7px;font-weight:800;border:2px solid transparent}.primary{background:var(--blue);color:#fff}.primary:hover{background:var(--blue2)}.secondary{border-color:var(--blue);color:var(--blue);background:#fff}.hero-card{background:#fff;border:1px solid #dce6ee;border-radius:18px;padding:34px;text-align:center;box-shadow:0 18px 50px rgba(12,58,95,.1)}.hero-logo{width:min(240px,70%);height:auto}.hero-card h2{font-size:1.25rem;color:var(--blue);margin:12px 0 7px}.hero-card p{color:var(--muted);font-size:.95rem}.section{padding:85px 0}.light{background:var(--light)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:60px}.section h2{font-size:clamp(2rem,4vw,3rem);line-height:1.1;color:var(--blue2);margin:0 0 18px}.section-heading{max-width:760px;margin-bottom:38px}.section-heading>p:last-child,.two-col p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid #e0e8ef;border-radius:14px;padding:28px;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.07)}.icon{font-size:2rem;color:var(--green);margin-bottom:10px}.card h3{color:var(--blue2);margin:5px 0 10px}.card p,.project p{color:var(--muted);margin:0}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project{min-height:220px;padding:30px;border-radius:14px;background:linear-gradient(145deg,#0b4f8a,#083b69);color:#fff}.project span{font-size:.8rem;font-weight:800;letter-spacing:.15em;color:#b8e9c0}.project h3{font-size:1.35rem;margin:55px 0 8px}.project p{color:#dce9f4}.contact{background:var(--blue2);color:#fff}.contact h2{color:#fff}.contact-box{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.contact-box .eyebrow{color:#7fe18b}.contact-box p{color:#d8e6f2}.contact-details{background:#fff;color:var(--ink);border-radius:14px;padding:30px}.contact-details p{color:var(--muted);margin:0 0 18px}.contact-details strong{color:var(--blue2)}.contact-details span{overflow-wrap:anywhere}footer{background:#062c4f;color:#d7e4ee;padding:28px 0}.footer-wrap{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:.9rem}.footer-wrap small{color:#9db5c8}@media(max-width:800px){.menu-toggle{display:block}nav{display:none;position:absolute;left:0;right:0;top:78px;background:#fff;border-bottom:1px solid #ddd;flex-direction:column;gap:0}nav.open{display:flex}nav a{padding:15px 4%;border-top:1px solid #edf1f4}.hero-grid,.two-col,.contact-box{grid-template-columns:1fr}.hero{padding:60px 0}.cards,.project-grid{grid-template-columns:1fr 1fr}.footer-wrap{flex-direction:column;align-items:flex-start}}@media(max-width:520px){.brand{font-size:1rem}.brand img{width:48px;height:48px}.brand small{font-size:.58rem}.cards,.project-grid{grid-template-columns:1fr}.section{padding:65px 0}.hero h1{font-size:2.6rem}}
