/* One selection, one visual explanation, one commercial action. */
.service-detail{gap:18px}
.catalog-split .service-offer>summary{width:32%;min-height:84px;padding:14px 14px}
.catalog-split .service-summary h4{font-size:16px;line-height:1.45}
.catalog-split .service-detail{left:36%;padding:26px;gap:18px;min-height:0;border-top-width:2px}
.catalog-split .service-detail-heading{border:0;padding:0}
.service-detail-heading>span{margin-bottom:9px}
.service-detail-heading>p{font-size:clamp(25px,2.2vw,31px);max-width:29ch}
.service-detail .service-when{font-size:13px;line-height:1.7;max-width:65ch}
.offer-story .story-screen{border-radius:13px}
.offer-story .story-art{height:310px;padding-top:26px;width:100%;margin:0;max-height:none}
.offer-story .scene-dossier{transform:scale(1.13);transform-origin:0 0}
.offer-story .story-overline{inset:17px 20px auto;font-size:9px}
.offer-story .story-caption{padding:2px 20px 20px;min-height:84px}
.offer-story .story-caption p{font-size:17px;line-height:1.45;letter-spacing:-.025em;color:var(--story-ink);margin-top:8px;max-width:46ch;padding-right:37px}
.offer-story .story-caption span{font-size:9px}
.offer-story .story-replay{right:17px;bottom:20px;width:34px;height:34px}
.offer-story .story-replay svg{width:16px;height:16px}
.offer-story-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 0}
.offer-story-steps li{border-top:1px solid var(--line);padding-top:8px;position:relative;font-size:10px;line-height:1.5;min-width:0}
.offer-story-steps li::before{content:'';position:absolute;top:-1px;left:0;width:0;height:2px;background:var(--volume-accent);transition:width .45s var(--motion-out)}
.offer-story-steps li[data-active=true]::before{width:100%}
.offer-story-steps li>span:first-child{font:8px var(--font-mono);color:var(--muted);margin-right:7px}
.offer-story-steps b{font-weight:550;color:var(--ink)}
.service-detail .offer-story-scope{font-size:11px;line-height:1.6;margin-top:11px}
.service-detail .service-delivery-block{padding-top:2px}
.service-detail .service-delivery-block>p{font-size:14px;line-height:1.75;letter-spacing:0}
.service-detail h5{margin-bottom:6px}
.service-detail .service-actions{padding-top:0}
.service-agreement-inline{border-top:1px solid var(--line);margin-top:0}
.service-agreement-inline>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 0;cursor:pointer;list-style:none;font-size:12px;font-weight:600;color:var(--volume-accent)}
.service-agreement-inline>summary::-webkit-details-marker{display:none}
.service-agreement-inline>summary>span{font-size:20px;line-height:1;font-weight:400;transition:transform .25s}
.service-agreement-inline[open]>summary>span{transform:rotate(45deg)}
.service-agreement-inline>summary:focus-visible{outline:2px solid var(--volume-accent);outline-offset:3px}
.service-agreement-content{display:grid;gap:19px;padding:10px 0 7px}
.service-agreement-content p,.service-agreement-content li{font-size:12px;line-height:1.8;color:var(--muted)}
.service-agreement-content ul{padding-left:17px;margin:0;display:grid;gap:8px}
.service-agreement-content li>b{font-weight:600;color:var(--ink)}
.service-agreement-content .story-note{margin:0;padding-top:15px;border-top:1px solid var(--line);font-size:11px}
.concept-label{font:550 23px var(--font-body);fill:var(--concept-text);letter-spacing:-.02em}
.concept-symbol{fill:none;stroke:var(--concept-text);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.concept-chip{fill:var(--story-bg);stroke:var(--story-muted);stroke-width:1}
.concept-chip-label{font:500 22px var(--font-body);fill:var(--story-ink)}
.concept-fracture{stroke:#e4ac86;stroke-width:2;stroke-dasharray:5 7;fill:none}
.concept-route{stroke-width:3}
.offer-story{--concept-text:#173f36}
.offer-story.story-software{--concept-text:#fff}
.offer-story.story-ai{--concept-text:#fff}
.offer-story.story-package{--concept-text:#52351e}
@media(max-width:1100px) and (min-width:950px){.catalog-split .service-detail{left:37%;padding:22px}.catalog-split .service-offer>summary{width:34%;padding:12px 9px;gap:8px}.catalog-split .service-summary h4{font-size:15px}.offer-story .story-art{height:270px}}
@media(max-width:949px){.service-offer[open]{background:transparent}.service-offer[open]>.service-detail{padding:6px 0 25px}.service-detail-heading{display:none}.service-detail .service-when{font-size:14px}.offer-story .story-art{height:auto;max-height:340px}.service-detail{max-width:710px}.service-detail .service-delivery-block>p{font-size:15px}.service-agreement-content p,.service-agreement-content li{font-size:13px}}
@media(max-width:600px){.offer-story .story-art{height:245px;width:100%;padding-top:28px}.offer-story .scene-dossier{transform:scale(1.5)}.offer-story .story-caption{min-height:108px;padding:4px 17px 20px}.offer-story .story-caption p{font-size:16px;padding-right:26px}.offer-story .story-overline{inset:15px 17px auto;font-size:8px}.offer-story .story-replay{width:32px;height:32px;bottom:19px;right:12px}.offer-story-steps{gap:5px}.offer-story-steps li{font-size:9px;overflow-wrap:anywhere}.offer-story-steps li>span:first-child{display:block;margin:0 0 4px}.service-detail .service-when{font-size:13px}.service-detail .service-delivery-block>p{font-size:14px}.service-agreement-inline>summary{font-size:13px}.service-consult{min-height:46px}.service-summary h4{font-size:18px}.service-detail .offer-story-scope{font-size:11px}}
@media(prefers-reduced-motion:reduce){.offer-story-steps li::before,.service-agreement-inline>summary>span{transition:none}}
.motion-paused .offer-story-steps li::before{transition:none}