.servicePage { background:#fff; }
.serviceNav { height:104px; max-width:1200px; margin:auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; }
.serviceNav img { width:88px; height:88px; object-fit:contain; }
.serviceHero { padding:90px max(24px,calc((100vw - 1040px)/2)); background:linear-gradient(145deg,#f5f8fc,#e8f7fc); }
.breadcrumbs { margin:0 0 28px; color:#68738a; font-size:12px; }
.breadcrumbs a { color:var(--blue); font-weight:700; }
.serviceHero h1 { max-width:850px; font-size:clamp(44px,6vw,76px); }
.serviceHero>p:not(.breadcrumbs) { max-width:720px; margin:28px 0 0; color:var(--muted); font-size:19px; line-height:1.7; }
.serviceBody { max-width:1040px; margin:auto; padding:90px 24px; display:grid; grid-template-columns:1.35fr .65fr; gap:70px; }
.serviceContent h2 { margin:0 0 20px; color:var(--navy); font-size:34px; letter-spacing:-.035em; }
.serviceContent h2:not(:first-child) { margin-top:54px; }
.serviceContent p,.serviceContent li { color:var(--muted); font-size:16px; line-height:1.8; }
.serviceContent ul { padding-left:22px; }
.servicePanel { align-self:start; position:sticky; top:24px; padding:32px; border-radius:24px; background:var(--navy); color:#fff; }
.servicePanel h2 { margin:0 0 14px; color:#fff; font-size:28px; }
.servicePanel p { color:#c7cbe0; line-height:1.7; }
.servicePanel .button { width:100%; margin-top:12px; }
.serviceLinks { max-width:1040px; margin:0 auto 80px; padding:0 24px; }
.serviceLinks h2 { color:var(--navy); }
.serviceLinks div { display:flex; flex-wrap:wrap; gap:10px; }
.serviceLinks a { padding:10px 14px; border:1px solid var(--line); border-radius:999px; color:var(--blue); font-size:12px; font-weight:800; }
.serviceFooter { padding-top:34px; }
@media (max-width:760px) { .serviceNav { height:86px; } .serviceNav img { width:72px; height:72px; } .serviceHero { padding-top:64px; padding-bottom:64px; } .serviceBody { grid-template-columns:1fr; gap:44px; padding:64px 22px; } .servicePanel { position:static; } }