/* Customer situations, useful outcomes and a concrete next step. */
.service-hero{grid-template-columns:1.1fr 1fr;gap:64px;padding-block:65px 70px;align-items:center}
.service-hero h1{font-size:clamp(40px,4.5vw,65px);line-height:1.08}
.service-hero>div>p{font-size:16px;line-height:1.8;max-width:590px}
.service-hero .hero-actions{flex-wrap:wrap;gap:12px 22px;margin-top:28px}
.service-hero .button,.service-closing .button{white-space:normal;text-align:left;justify-content:space-between}
.service-cue{display:block;font-size:12px;color:var(--soft);max-width:400px;margin-top:17px;line-height:1.7}
.service-scene{position:relative;padding:24px 10px 20px 0;min-width:0;isolation:isolate}
.service-scene-back{position:absolute;inset:40px -10px 58px 20px;background:#e0e9d8;border:1px solid #c7d6bc;transform:rotate(4deg);border-radius:10px;z-index:-1}
.service-scene-sheet{background:#fcfdf9;border:1px solid #c8d5c1;border-radius:9px;padding:30px;box-shadow:0 22px 45px #203f3310;transform:rotate(-1.5deg)}
.service-scene-label{display:block;font-size:9px;letter-spacing:.11em;font-weight:550;color:var(--green);margin-bottom:18px}
.service-scene h2{font-size:28px;line-height:1.2;letter-spacing:-.025em;max-width:350px}
.service-scene-rows{margin-top:25px}
.service-scene-rows>div{display:flex;gap:16px;align-items:center;padding:20px 0;border-top:1px solid var(--line)}
.service-scene-icon{background:#e8efdf;width:39px;height:43px;display:grid;place-items:center;flex-shrink:0;border-radius:4px;color:var(--green)}
.service-scene-icon svg{width:22px;height:22px}
.service-scene-rows strong{display:block;font-size:15px;line-height:1.4;font-weight:550}
.service-scene-rows p>span{display:block;font-size:12px;color:var(--soft);margin-top:4px;line-height:1.6}
.service-scene-result{display:flex;align-items:center;gap:13px;padding:17px;background:#203f33;color:#e2edcf;border-radius:4px;font-size:13px;line-height:1.6;margin-top:9px}
.service-scene-result svg{width:21px;height:21px;flex-shrink:0}
.service-scene figcaption{font-size:10px;color:var(--soft);text-align:center;margin-top:25px}
.service-cases{padding-block:55px 80px;scroll-margin-top:115px;border-top:1px solid var(--line)}
.service-cases .section-intro{align-items:end;margin-bottom:32px;grid-template-columns:1.2fr 1fr}
.service-cases .section-intro h2{font-size:clamp(32px,3.6vw,48px);max-width:650px}
.service-cases .section-intro p{max-width:440px;font-size:15px;line-height:1.8}
.service-case{border-top:1px solid #cbd6c8}.service-case:last-child{border-bottom:1px solid #cbd6c8}
.service-case summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;padding:26px 0}
.service-case summary::-webkit-details-marker{display:none}
.service-case summary strong{font-size:24px;line-height:1.25;letter-spacing:-.025em;font-weight:550;display:block}
.service-case summary>span>span{font-size:14px;color:var(--soft);display:block;line-height:1.7;margin-top:9px}
.service-expand{display:grid;place-items:center;width:38px;height:38px;border:1px solid #b4c6b1;border-radius:50%;color:var(--green);font-size:24px;flex-shrink:0;transition:transform .2s}
.service-case[open] .service-expand{transform:rotate(45deg);background:#e7eedd}
.service-comparison{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:0 0 24px}
.service-comparison>div{padding:25px;background:#edf0e9;border-left:2px solid #aebbab}
.service-comparison>div+div{background:#e3ecd9;border-left-color:#48724b}
.service-comparison>div>span{font-size:9px;letter-spacing:.1em;color:#3e5e45;font-weight:600}
.service-comparison p{font-size:15px;color:var(--soft);line-height:1.8;margin-top:11px}
.service-case-solution{display:flex;gap:22px;align-items:baseline;flex-wrap:wrap;padding-bottom:26px;font-size:13px;color:var(--green)}
.service-case-solution>span{font-size:11px;color:var(--soft)}
.service-guidance{background:#e9eee3;padding-block:70px}
.service-guidance-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px}
.service-guidance h2{font-size:clamp(30px,3vw,42px);line-height:1.15;max-width:530px}
.service-fit>p{font-size:15px;line-height:1.85;color:var(--soft);margin-top:24px}
.service-fit .service-fit-note{font-size:14px;border-left:2px solid #73926b;padding:4px 0 4px 22px}
.service-delivery ol{list-style:none;padding:0;margin:26px 0 0}
.service-delivery li{display:flex;gap:18px;border-top:1px solid #c9d5c3;padding:21px 0}
.service-delivery li>span{display:grid;place-items:center;font-size:11px;flex-shrink:0;width:27px;height:27px;border:1px solid #9eb897;border-radius:50%}
.service-delivery h3{font-size:18px;line-height:1.4;letter-spacing:-.02em}
.service-delivery p{font-size:13px;line-height:1.8;color:var(--soft);margin-top:8px}
.service-page .pricing-section{background:var(--paper);border-bottom:1px solid var(--line)}
.service-page .closing{padding-block:65px 90px}
@media(max-width:1000px){.service-hero{gap:35px}.service-hero h1{font-size:44px}.service-hero>div>p{font-size:15px}.service-scene-sheet{padding:23px}.service-scene h2{font-size:25px}.service-scene-rows>div{gap:12px}.service-scene-rows strong{font-size:14px}.service-guidance-layout{gap:40px}.service-cases .section-intro{gap:35px}}
@media(max-width:760px){.service-hero{grid-template-columns:1fr;gap:25px;padding-block:40px 50px}.service-hero h1{font-size:42px;max-width:630px}.service-hero>div>p{font-size:16px;max-width:600px}.service-scene{max-width:510px;width:100%;margin-inline:auto;padding:15px 12px}.service-scene-back{right:0}.service-scene h2{font-size:28px;max-width:380px}.service-scene-rows strong{font-size:15px}.service-cases{padding-block:40px 50px}.service-cases .section-intro{grid-template-columns:1fr;gap:20px}.service-cases .section-intro p{max-width:560px;font-size:15px}.service-comparison{gap:15px}.service-comparison>div{padding:20px}.service-comparison p{font-size:14px}.service-case summary strong{font-size:23px}.service-case summary>span>span{font-size:13px}.service-guidance-layout{grid-template-columns:1fr;gap:35px}.service-guidance{padding-block:45px}.service-guidance h2{font-size:34px}.service-page .closing{padding-block:45px 60px}}
@media(max-width:480px){.service-hero h1{font-size:39px}.service-hero .hero-actions .button{font-size:13px}.service-scene-sheet{padding:22px 18px}.service-scene h2{font-size:25px}.service-comparison{grid-template-columns:1fr;gap:12px}.service-case summary strong{font-size:22px}.service-case summary{gap:16px;padding-block:23px}.service-expand{width:31px;height:31px}.service-case-solution{gap:4px;display:block}.service-case-solution>span{display:block;margin-bottom:5px}.service-cases .section-intro h2{font-size:33px}.service-guidance h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.service-expand{transition:none}}
.motion-paused .service-expand{transition:none}