:root{--brand-blue:#062d53;--brand-blue-2:#0a4774;--brand-blue-3:#0d5f8e;--brand-green:#2bc733;--brand-green-dark:#249b2a;--brand-green-soft:#eaf6ec;--ink:#172230;--muted:#667585;--line:#dfe7ee;--soft:#f4f7fa;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:auto}header{z-index:50;color:#fff;background:#051e35f2;border-bottom:1px solid #ffffff1a;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;height:72px;display:flex}.brand{align-items:center;height:100%;display:flex}.menu{color:#d8e4ed;gap:24px;font-size:14px;display:flex}.cta{color:var(--brand-blue);background:#fff;border-radius:999px;padding:11px 18px;font-weight:700}.hero{color:#fff;background:linear-gradient(125deg, #03192d, var(--brand-blue-2) 60%, #738899);padding:120px 0 100px}.eyebrow{letter-spacing:2px;text-transform:uppercase;color:#b7d9eb;font-size:12px;font-weight:800}h1{letter-spacing:-2px;max-width:850px;margin:18px 0;font-size:clamp(48px,7vw,78px);line-height:.98}.hero p{color:#dce7ef;max-width:720px;font-size:19px;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.btn{border-radius:999px;padding:14px 20px;font-weight:700;display:inline-block}.btn.primary{color:var(--brand-blue);background:#fff}.btn.ghost{border:1px solid #ffffff59}section{padding:88px 0}.soft{background:var(--soft)}.dark{color:#fff;background:#061d32}.section-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px;display:flex}.section-head h2{letter-spacing:-1px;margin:8px 0 0;font-size:44px;line-height:1.05}.section-head p{max-width:560px;color:var(--muted)}.dark .section-head p{color:#b9c8d3}.grid3{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.grid2{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:26px}.card h3{margin:0 0 10px}.card p{color:var(--muted);line-height:1.55}.project-card{color:var(--ink);background:#fff;border-radius:22px;overflow:hidden}.project-image{background:linear-gradient(145deg,#8297a8,#314e63 60%,#0f2535);height:230px}.project-body{padding:24px}.tag{letter-spacing:1.5px;text-transform:uppercase;color:var(--brand-green-dark);font-size:11px;font-weight:800}.project-body h3{margin:8px 0;font-size:24px}.project-body p{color:var(--muted)}.filters{flex-wrap:wrap;gap:10px;margin-bottom:26px;display:flex}.filter{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-size:13px}.page-hero{background:#eef4f8;padding:80px 0 55px}.page-hero h1{color:var(--brand-blue);font-size:58px}.page-hero p{color:var(--muted);max-width:760px;font-size:18px;line-height:1.6}.detail-grid{grid-template-columns:1.1fr .9fr;gap:30px;display:grid}.detail-photo{background:linear-gradient(145deg,#6e8798,#24455d);border-radius:24px;min-height:460px}.meta{border:1px solid var(--line);border-radius:20px;padding:24px}.meta div{border-bottom:1px solid var(--line);padding:13px 0}.meta div:last-child{border-bottom:0}.meta span{text-transform:uppercase;color:var(--muted);letter-spacing:1px;font-size:11px;display:block}.meta strong{margin-top:5px;display:block}.gallery{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.gallery div{background:linear-gradient(145deg,#9babb6,#3f6076);border-radius:18px;height:220px}.contact{border:1px solid var(--line);background:#fff;border-radius:24px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.contact>div{padding:40px}.contact form{background:var(--brand-blue);color:#fff;padding:40px}input,textarea,select{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:11px;width:100%;margin-bottom:12px;padding:13px}textarea{min-height:110px}@media (max-width:850px){.menu{display:none}.grid3,.grid2,.detail-grid,.contact{grid-template-columns:1fr}.section-head{display:block}.gallery{grid-template-columns:1fr 1fr}}.eyebrow{color:#c9e8d0}header .cta{background:var(--brand-green);color:#fff}header .cta:hover,.btn.primary:hover{background:var(--brand-green-dark);color:#fff}.btn.primary{background:var(--brand-green);color:#fff}.btn.ghost:hover{border-color:var(--brand-green);color:#fff}.card{transition:all .2s}.card:hover{border-color:#43a04773;transform:translateY(-4px);box-shadow:0 16px 36px #062d531a}.tag{color:var(--brand-green-dark)}.filter:hover{border-color:var(--brand-green);color:var(--brand-green-dark)}.project-card{transition:all .2s}.project-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px #03192d2e}.project-card:hover .tag{color:var(--brand-green)}input:focus,textarea:focus,select:focus{border-color:var(--brand-green)}::selection{background:var(--brand-green);color:#fff}.brand-logo{object-fit:contain;width:auto;height:auto;max-height:175px}.site-footer{color:#a9bdcb;background:#04182a;padding:0}.footer-main{grid-template-columns:1.5fr 1fr 1.2fr 1.2fr;gap:48px;padding:36px 0 30px;display:grid}.footer-brand{flex-direction:column;align-items:flex-start;display:flex}.footer-logo{object-fit:contain;width:auto;height:52px;margin-bottom:14px}.footer-brand p{color:#8fa5b5;max-width:260px;margin:0;font-size:13px;line-height:1.6}.footer-column{flex-direction:column;gap:8px;display:flex}.footer-column h4{color:#fff;margin:0 0 6px;font-size:13px}.footer-column a,.footer-column span{color:#a9bdcb;font-size:12px;line-height:1.5}.footer-column a{transition:color .2s}.footer-column a:hover{color:var(--brand-green)}.footer-contact-link{margin-top:4px;font-weight:700;color:var(--brand-green)!important}.footer-bottom{color:#71889a;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 0;font-size:11px;display:flex}.footer-bottom a{transition:color .2s}.footer-bottom a:hover{color:var(--brand-green)}@media (max-width:550px){.footer-main{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:22px 0 16px;display:flex}.footer-brand{text-align:center;align-items:center}.footer-logo{width:auto;height:75px}.footer-brand p{max-width:280px;margin:0 auto;font-size:11px;line-height:1.5}.footer-column:nth-of-type(2),.footer-column:nth-of-type(3){display:none}.footer-column{text-align:center;align-items:center;gap:4px}.footer-column h4{display:none}.footer-column a,.footer-column span{font-size:11px}.footer-contact-link{margin-top:4px}.footer-mobile-links{flex-wrap:wrap;justify-content:center;gap:6px 14px;margin-top:4px;display:flex}.footer-mobile-links a{color:#a9bdcb;font-size:11px}.footer-bottom{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:11px 0;font-size:10px}}