/* Layout shared by service catalogues, landings and price pages. Role styles live in components. */
.abc-service-page{--sp-line:var(--ink-line)}
.sp-intro h1{max-width:1000px;margin:16px 0 20px}
.sp-intro .abc-lead{max-width:760px;margin:0}
.sp-kicker{color:var(--abc-accent);font-size:12px;line-height:1.5;margin:0}
.sp-intro-action{margin:24px 0 0}
.sp-section{border-top:1px solid var(--sp-line);margin-top:12px}
.sp-section>h2{margin:0 0 24px}
.sp-section-lead{margin:0 0 24px;max-width:760px}
.sp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.sp-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.abc-service-choice,.sp-task{position:relative}
.abc-service-choice>.sp-anchor,.sp-task>.sp-anchor{position:absolute}
.sp-catalog{margin:8px 0 32px}
.sp-detail-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px;align-items:start}
.sp-detail-grid .abc-note{margin:0}
.sp-context{margin:16px 0 32px}
.sp-task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px}
.sp-task h3{margin:0 0 12px}
.sp-task p{margin:0;max-width:640px}
.sp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0;padding:0;list-style:none}
.sp-steps li{display:flex;align-items:baseline;gap:16px}
.sp-steps strong{font-weight:600}
.sp-steps p{margin:8px 0 0}
.sp-related{display:flex;flex-wrap:wrap;gap:12px 32px;margin:24px 0 0}
.sp-final{position:relative;display:flex;justify-content:space-between;align-items:start;gap:32px;margin-top:12px;border-top:1px solid var(--sp-line)}
.sp-final h2{margin:0 0 12px}.sp-final p{margin:0}.sp-final .sp-caption{margin-top:12px}
.sp-noscript{display:flex;flex-wrap:wrap;gap:12px 24px;padding-block:24px}
.sp-anchor{display:block;height:0;scroll-margin-top:104px}
.sp-skip{position:fixed;left:16px;top:-100px;z-index:10000;padding:12px 20px;background:var(--ink);color:var(--paper)}
.sp-skip:focus{top:16px}
.sp-table-wrap{max-width:100%}
@media(max-width:1100px){.sp-detail-grid{gap:24px}}
@media(max-width:760px){.sp-grid,.sp-task-grid,.sp-detail-grid,.sp-steps{grid-template-columns:1fr;gap:24px}.sp-grid-three{grid-template-columns:1fr}.sp-section{margin-top:8px}.sp-final{flex-direction:column;gap:24px}.sp-final>.btn{width:100%}.sp-final>div:last-child{width:100%}.sp-final .btn{width:100%;justify-content:space-between}.sp-context{margin-bottom:24px}}

.sp-final>.sp-anchor{position:absolute}

.sp-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);align-items:center;gap:48px;padding:20px 0 32px}
.sp-hero .sp-intro h1{margin-top:12px}
.sp-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px}
.sp-work-grid+.sp-detail-grid{margin-top:28px;grid-template-columns:1.3fr 1fr;gap:28px;border-top:1px solid var(--sp-line);padding-top:24px}
.sp-document-help{margin:0;align-self:center;font-size:14px;color:var(--ink-soft);max-width:55ch}
.sp-situations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.sp-snt{margin:12px 0 28px}
.sp-quote-end{margin:24px 0 0}
.sp-final{background:var(--paper-2);border:1px solid var(--sp-line);border-radius:var(--r-md);padding-inline:28px;margin-bottom:32px}
.sp-final>div:first-of-type{max-width:620px}
.sp-final>.sp-anchor{left:0}
@media(max-width:1100px){.sp-hero{grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);gap:28px}.sp-work-grid{gap:28px}}
@media(max-width:760px){.sp-hero{grid-template-columns:1fr;gap:0;padding:0 0 24px}.sp-hero .abc-service-result{margin-top:4px}.sp-work-grid,.sp-situations,.sp-work-grid+.sp-detail-grid{grid-template-columns:1fr;gap:24px}.sp-final{padding-inline:20px}.sp-work-grid+.sp-detail-grid{margin-top:24px}.sp-intro-action .btn{width:100%;justify-content:space-between}}

.sp-hero.sp-hero-single{display:block;padding:0}.sp-hero-single .sp-intro{max-width:100%}