
:root{--brand:#009fe3;--ink:#424a50;--muted:#6c7880;--border:#dce6ed;--soft:#f4f7f9}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:1160px;margin:auto;padding:0 24px}.site-header{border-bottom:1px solid var(--border);background:white;position:sticky;top:0;z-index:20}.head-row{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:26px}.logo{width:min(260px,38vw);height:auto}.links{display:flex;align-items:center;gap:22px;font-weight:700;font-size:14px}.links a:hover{color:var(--brand)}.services-menu{position:relative}.services-menu summary{cursor:pointer;list-style:none}.services-menu summary:after{content:' ▾';color:var(--brand)}.services-menu[open] .drop{display:grid}.drop{position:absolute;right:0;top:30px;min-width:265px;padding:10px;background:white;border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 30px #13273520}.drop a{padding:9px}.drop a:hover{background:var(--soft)}.hero{background:linear-gradient(115deg,#313c45,#586771);color:white;padding:78px 0 82px}.kicker{color:#58c8f5;font-weight:800;letter-spacing:.12em;font-size:12px;text-transform:uppercase}.hero h1{font-size:clamp(34px,4.4vw,58px);max-width:850px;line-height:1.12;margin:18px 0}.hero p{font-size:19px;color:#ecf4f8;max-width:790px}.section{padding:72px 0}.section.gray{background:var(--soft)}h2{font-size:clamp(27px,3vw,38px);line-height:1.15;margin:0 0 14px}h3{font-size:21px;line-height:1.3;margin:10px 0}p{margin:12px 0}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{border:1px solid var(--border);border-radius:16px;background:white;overflow:hidden;box-shadow:0 8px 28px #16314b09}.card-pad{padding:24px}.tag{color:#008ac5;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.case-photo{width:100%;height:270px;object-fit:contain;background:#e8edf0}.case-card{display:grid;grid-template-columns:1fr 1.35fr;gap:0}.case-card .case-photo{height:100%;min-height:320px}.btn{display:inline-block;background:var(--brand);color:white;font-weight:750;padding:14px 20px;border-radius:10px;margin-top:14px}.btn.secondary{background:white;color:#21688c;border:1px solid #a6d5ed}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gallery img{width:100%;height:205px;object-fit:contain;background:#e9edf0;border-radius:10px}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:start}.feature-list{padding-left:20px}.feature-list li{margin:12px 0}.stat{background:var(--soft);padding:23px;border-radius:12px}.breadcrumbs{padding:19px 0;font-size:13px;color:var(--muted)}.footer{padding:44px 0;background:#343d43;color:#d8e0e6}.footer .links{flex-wrap:wrap}.note{padding:16px 19px;border-left:3px solid var(--brand);background:#eff8fd;border-radius:7px;margin-top:20px}@media(max-width:900px){.head-row{align-items:flex-start;flex-direction:column;padding:14px 0}.links{gap:13px;flex-wrap:wrap}.grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.grid,.case-card,.split,.gallery{grid-template-columns:1fr}.hero{padding:48px 0}.case-card .case-photo{min-height:220px}.links{font-size:13px}}

/* v16: consistent desktop/mobile header across informational and service pages */
.head-row{min-height:82px;gap:24px}
.logo{width:220px;max-width:220px;flex-shrink:0}
.head-row .links{gap:17px;font-size:14px;flex-wrap:nowrap;white-space:nowrap}
.head-row .services-menu>summary{white-space:nowrap}
.head-row .services-menu .drop{top:calc(100% + 8px);z-index:50;white-space:normal}
@media(max-width:1100px){
.head-row{gap:15px}
.logo{width:195px}
.head-row .links{gap:12px;font-size:13px}
}
@media(max-width:850px){
.head-row{align-items:flex-start;min-height:0;gap:12px;flex-direction:column;padding:12px 0}
.logo{width:200px;max-width:60vw}
.head-row .links{width:100%;overflow-x:auto;overflow-y:visible;flex-wrap:nowrap;gap:18px;padding:5px 0 10px;scrollbar-width:thin}
.head-row .links>a{flex:none}
.head-row .services-menu{flex:none}
.head-row .services-menu .drop{position:fixed;left:20px;right:20px;top:auto;min-width:0;max-width:calc(100vw - 40px);z-index:60}
}
