/* Compact version of the three approved illustrated steps in the forest palette. */
.service-start{padding:48px 0;background:#f4f8fa;color:#123b5d;scroll-margin-top:90px}
.service-start__heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.service-start h2{font:750 clamp(28px,3vw,38px)/1.17 var(--font-display);letter-spacing:-.025em;margin:0;text-wrap:balance}
.service-start h2 span{color:#0e7490}
.service-start__brand{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;font:700 13px/1.2 var(--font-text);color:#0e7490;white-space:nowrap}
.service-start__brand img{display:block;width:36px;height:36px;object-fit:contain}
.service-start__grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.service-start__card{position:relative;isolation:isolate;overflow:hidden;border-radius:16px;min-height:250px;background:#0e7490;color:#ffffff}
.service-start__art{position:absolute;inset:auto 0 0 auto;width:76%;height:100%;object-fit:cover;object-position:center bottom;z-index:-2}
.service-start__card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#10556f 0%,rgba(16,85,111,.96) 26%,rgba(16,85,111,.74) 48%,rgba(16,85,111,.14) 78%);pointer-events:none}
.service-start__content{padding:24px;position:relative}
.service-start__number{display:block;font:450 18px/1.2 var(--font-text);color:#e8f1f5;margin-bottom:14px;font-variant-numeric:tabular-nums}
.service-start__number::before{content:"";display:inline-block;width:5px;height:5px;background:#bfe7ee;border-radius:50%;margin:0 8px 4px 0}
.service-start__card h3{margin:0;max-width:18ch;color:#ffffff;font:650 clamp(19px,1.5vw,22px)/1.25 var(--font-display);letter-spacing:-.015em;text-wrap:balance}
.service-start .service-start__request{margin-top:18px;min-height:50px;height:auto;min-width:0;max-width:100%;justify-content:center;gap:0;padding:12px 18px;border:1px solid #ffffff;border-radius:8px;background:#ffffff;color:#123b5d;font:600 16px/1.375 var(--font-text);white-space:nowrap;box-shadow:none;transition:background-color 160ms ease,border-color 160ms ease,transform 160ms ease}
.service-start__request .reference-request__icon{display:none}
.service-start .service-start__request:hover{background:#e8f1f5;border-color:#e8f1f5;color:#123b5d}
.service-start .service-start__request:active{background:#cbd9e2;border-color:#cbd9e2;transform:translateY(1px)}
.service-start .service-start__request:focus-visible{outline:3px solid #ffffff;outline-offset:4px}
.service-start .service-start__request:disabled{opacity:.65;cursor:not-allowed;transform:none}
@media(max-width:1050px) and (min-width:761px){
 .service-start__grid{gap:14px}
 .service-start__content{padding:22px 18px}
 .service-start__card{min-height:250px}
 .service-start__card h3{font-size:19px}
}
@media(max-width:760px){
 .service-start{padding:36px 0}
 .service-start__heading{gap:12px;margin-bottom:18px}
 .service-start__brand img{width:32px;height:32px}
 .service-start__brand>span{display:none}
 .service-start__grid{grid-template-columns:1fr;gap:12px;max-width:600px;margin-inline:auto}
 .service-start__card{min-height:138px;border-radius:14px}
 .service-start__content{width:68%;padding:18px 0 18px 20px}
 .service-start__card:first-child .service-start__content{width:max(68%,218px);max-width:100%}
 .service-start__card h3{font-size:18px;max-width:21ch;line-height:1.24;text-wrap:pretty}
 .service-start__number{font-size:13px;margin-bottom:6px}
 .service-start__art{width:48%;object-position:center bottom}
 .service-start__card::after{background:linear-gradient(90deg,#10556f 0%,#10556f 38%,rgba(16,85,111,.85) 55%,rgba(16,85,111,.12) 80%)}
 .service-start .service-start__request{margin-top:10px}
}
@media(max-width:389px){
 .service-start__content{width:70%;padding-left:18px}
 .service-start__card h3{font-size:17px}
}
