/* MST modern system applied to six informational service pages. */
:root{font-family:'DM Sans',Arial,sans-serif;--night:#071923;--accent:#d8fa91;--cyan:#a2e2da;--ink:#12313a;--muted:#647a7b;background:#f4f7f4;color:var(--ink);font-synthesis:none;-webkit-font-smoothing:antialiased}
body{background:#f4f7f4}
h1,h2,h3{font-family:'Sora',Arial,sans-serif;font-weight:700;letter-spacing:-.04em}
.site-header{position:sticky;top:0;z-index:20;min-height:78px;padding:14px max(24px,calc((100vw - 1220px)/2));background:#071923ee;border-bottom:1px solid #c4ecb94d;backdrop-filter:blur(15px)}
.site-brand{display:flex;align-items:center;gap:10px;font:850 17px 'Sora',sans-serif;letter-spacing:-.4px}
.site-brand::before{content:"M";display:grid;place-items:center;width:37px;height:37px;flex:none;background:var(--accent);color:#071923;font:850 20px 'Sora',sans-serif;border-radius:8px 8px 10px 3px;clip-path:polygon(0 0,100% 0,100% 70%,72% 100%,0 100%)}
.site-brand span{color:var(--accent)}
.site-header nav a{font-size:11px;color:#d2ded6}
.site-header nav a:hover{color:var(--accent)}
.wrap{max-width:1220px}
.breadcrumbs{padding-top:23px;color:#81908e;font-size:11px}
.hero{position:relative;grid-template-columns:.95fr 1.05fr;padding:60px 0 85px;gap:7%;align-items:center;min-height:570px}
.hero:before{content:"";position:absolute;left:-100vw;right:-100vw;top:0;bottom:0;background:#071923;z-index:-1}
.hero h1{color:#f4faf5;font-size:clamp(47px,5vw,78px);line-height:1.03;letter-spacing:-2px}
.hero .eyebrow{color:#bdea9b}
.hero .lead{color:#d0dddc;font-size:14px;line-height:1.9}
.hero .actions .btn{font-size:11px;padding:15px 19px;border-radius:0}
.hero .actions .btn:first-child{background:var(--accent);color:#09242a}
.hero .actions .btn.outline{border-color:#d2f0b6;color:#d2f0b6}
.hero .visual{height:480px;min-height:480px;box-shadow:18px 18px 0 #d8fa911a}
.hero .visual img{min-height:100%;width:100%;object-fit:cover}
.visual-label{font-size:9px;font-weight:800;letter-spacing:1px;background:#081d2ae3}
.section{padding:90px 0}
.section h2{font-size:clamp(36px,4vw,56px);line-height:1.12}
.section p{font-size:14px;line-height:1.9}
.service-grid{gap:13px;margin-block:38px}
.panel{border:1px solid #d3e2d7;background:#fff;border-radius:4px;padding:27px 24px 37px;min-height:220px;position:relative;transition:transform .2s,box-shadow .2s}
.panel:before{content:"";position:absolute;top:0;left:0;width:45px;height:4px;background:#7abb97}
.panel:hover{transform:translateY(-4px);box-shadow:0 14px 31px #173d321c}
.panel h3{font-size:21px;color:#174337;margin-bottom:12px}
.panel p{font-size:12px}
.services-list{gap:10px}
.services-list a{background:#eaf3ed;border:1px solid #d2e3d7;color:#194839;padding:15px 14px;font-size:11px;font-weight:800;transition:background .2s}
.services-list a:hover{background:#cfe9d3}
.cta{background:#0b2734;display:grid;gap:15px}
.cta h2{font-size:clamp(32px,4.8vw,62px);letter-spacing:-2px}
.cta p{color:#c7d9d5}
.cta .btn{background:var(--accent);color:#082532;border:0}
.cta .btn.outline{background:transparent;color:#dff4cb;border:1px solid #c8edbd}
.foot{background:#071923;color:#a0bdb9}
.foot a{color:#d9f5bd}
@media(max-width:780px){
 .site-header{padding:12px 18px;gap:10px}
 .site-brand{font-size:14px}
 .site-header nav{gap:12px}
 .hero{display:grid;grid-template-columns:1fr;gap:24px;padding:35px 0 65px;min-height:0}
 .hero h1{font-size:clamp(43px,10vw,59px)}
 .hero .visual{height:350px;min-height:350px}
 .service-grid{grid-template-columns:1fr}
 .services-list{grid-template-columns:1fr 1fr}
 .section{padding:63px 0}
}
@media(max-width:420px){.site-brand{font-size:13px}.site-brand::before{width:31px;height:31px}.site-header nav a{font-size:9px}.services-list{grid-template-columns:1fr}.hero .visual{height:270px;min-height:270px}}
@media(prefers-reduced-motion:reduce){.panel{transition:none!important;transform:none!important}}