@import url("./style.css");

body.service-page{background:#f4f2ed;color:#102630}
.service-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px var(--pad);background:#050708;color:#fff}
.service-brand{display:flex;align-items:center;gap:12px}
.service-brand img{width:46px;height:46px;border-radius:12px}
.service-brand strong,.service-brand small{display:block}
.service-brand strong{font:700 14px Manrope,sans-serif;letter-spacing:.12em}
.service-brand small{margin-top:3px;color:#a7b0b5;font-size:.6875rem}
.service-back{min-height:44px;padding:12px 0;border-bottom:1px solid #8f99a0;font-size:.8125rem}
.service-main{max-width:1180px;margin:auto;padding:90px var(--pad)}
.service-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:70px;align-items:end;padding-bottom:78px;border-bottom:1px solid #c8d3d7}
.service-eyebrow{color:#875b3b;text-transform:uppercase;letter-spacing:.16em;font-size:.6875rem;font-weight:700}
.service-hero h1{max-width:850px;margin:18px 0 24px;font:500 clamp(52px,7vw,94px)/.98 Manrope,sans-serif;letter-spacing:-.065em}
.service-hero h1 em{color:#9b6b49;font-weight:400}
.service-lead{max-width:690px;color:#52666f;font-size:1.0625rem;line-height:1.8}
.service-summary{padding:28px;background:#0d202a;color:#fff}
.service-summary strong{display:block;margin-bottom:16px;font:600 20px Manrope,sans-serif}
.service-summary ul{display:grid;gap:13px;padding:0;margin:0;list-style:none}
.service-summary li{padding-left:22px;color:#c2d0d6;line-height:1.55}
.service-summary li::before{content:"✓";margin-left:-22px;margin-right:10px;color:#d8ac65}
.service-cta{display:inline-flex;justify-content:space-between;gap:35px;min-height:48px;margin-top:24px;padding:15px 18px;background:#d5a778;color:#08151c;font-weight:700}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:78px 0}
.service-grid article{padding:30px;background:#fff;border:1px solid #d4dcdf}
.service-grid span{color:#9b6b49;font-size:.6875rem;font-weight:700}
.service-grid h2{margin:20px 0 14px;font:600 25px Manrope,sans-serif;letter-spacing:-.035em}
.service-grid p{margin:0;color:#5b6c74;line-height:1.7}
.service-local{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;padding:68px;background:#102630;color:#fff}
.service-local h2{margin:0;font:500 clamp(36px,5vw,58px)/1.05 Manrope,sans-serif;letter-spacing:-.05em}
.service-local p{margin:0;color:#b8c5cb;line-height:1.8}
.service-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.service-links a{min-height:44px;padding:13px 15px;border:1px solid #ffffff40;color:#fff}
.service-footer{display:flex;justify-content:space-between;gap:25px;padding:28px var(--pad);background:#050708;color:#aeb7bb;font-size:.75rem}
.service-footer a{min-height:44px;padding:13px 0;color:#fff}
@media(max-width:800px){.service-hero,.service-local{grid-template-columns:1fr}.service-hero{gap:35px}.service-grid{grid-template-columns:1fr}.service-local{gap:28px;padding:38px 26px}}
@media(max-width:620px){.service-header{padding:13px 18px}.service-brand small{display:none}.service-main{padding:62px 20px}.service-hero{padding-bottom:52px}.service-hero h1{font-size:48px}.service-grid{padding:52px 0}.service-footer{display:block;padding:25px 20px}.service-footer a{display:block;width:max-content}}