/* Service explanations: relationships, learning progression and a connected journey. */
.service-detail .detail-body.offer-visual{max-width:none;padding:10px 0 38px}
.offer-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:10px 0 28px}
.offer-intro h3{font-size:clamp(26px,2.7vw,34px);font-weight:400;letter-spacing:-.035em;line-height:1.25;margin:0}
.offer-visual .offer-intro p{max-width:350px;margin:0;font-size:16px;line-height:1.7;color:var(--muted)}
.offer-visual h4{font-size:18px;line-height:1.4;font-weight:400;letter-spacing:-.02em;margin:0 0 7px;color:var(--text)}
.offer-visual .map-label{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#bfa9d9;margin-bottom:18px}
.company-map{display:grid;grid-template-columns:1fr 60px 1fr 60px 1fr;align-items:center;margin:0;padding:32px;border:1px solid #8660b32b;border-radius:20px;background:radial-gradient(ellipse at 50% 35%,#52239430,transparent 55%),#0c0914}
.source-item{display:flex;align-items:center;gap:13px;padding:12px 14px;margin-top:9px;border-radius:9px;background:#ffffff05;border:1px solid #ffffff16;font-size:14px;line-height:1.5;color:#e1d5ed}
.source-item svg{width:24px;height:24px;flex-shrink:0;stroke:#cdb7eb;stroke-width:1.3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.map-connector{width:100%;height:200px;fill:none;stroke:#b38dcc66;stroke-width:1.2;overflow:visible}
.map-connector .connector-tip{stroke:#e2c780}
.map-core{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:235px;text-align:center}
.map-orbit{width:172px;height:172px;display:grid;place-items:center;border:1px solid #a37bd330;border-radius:50%;background:radial-gradient(circle,#6335aa40,transparent 68%);box-shadow:0 0 50px #6233a815}
.os-map-globe{width:170px;height:170px;display:block;opacity:.95}
.map-core h4{margin:13px 0 3px;font-size:21px}
.offer-visual .map-core p{font-size:14px;margin:0;color:#bfa9d9}
.map-outcomes .outcome-item{display:flex;gap:13px;align-items:start;padding:17px 0}
.map-outcomes .outcome-item+.outcome-item{margin-top:6px}
.outcome-symbol{font-size:28px;color:#d2bcee;line-height:1.1;margin-top:2px}
.offer-visual .outcome-item p{font-size:14px;line-height:1.6;margin:0;color:var(--muted)}
.map-feedback{grid-column:1 / -1;justify-self:center;display:flex;align-items:center;gap:12px;margin-top:23px;padding:9px 18px;border-radius:30px;background:#a57bcc0b;color:#cab9dd;font-size:14px;text-align:center}
.map-feedback>span{font-size:25px;color:#e1c785}
.offer-visual .offer-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:23px}
.offer-visual .offer-footer p{font-size:14px;color:var(--muted);margin:0}
.offer-visual .offer-footer a{font-size:14px;color:#f0d784;white-space:nowrap;border:0;display:inline-flex;align-items:center;gap:13px;padding:7px 0}
.offer-visual .offer-footer a:hover{color:#fff}
.offer-visual .learning-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0}
.offer-visual .learning-step{position:relative;margin:0;padding:25px 24px 23px;border-radius:18px;border:1px solid #9871c02b;background:linear-gradient(155deg,#21132d70,#0c0914)}
.learning-art{height:125px;display:grid;place-items:center}
.learning-art img{width:112px;height:112px;opacity:.9}
.learning-level{display:flex;gap:5px;margin:18px 0 22px}
.learning-level i{height:3px;flex:1;background:#ffffff13;border-radius:3px}
.learning-step:nth-child(1) .learning-level i:nth-child(1),.learning-step:nth-child(2) .learning-level i:nth-child(-n+2),.learning-step:nth-child(3) .learning-level i{background:linear-gradient(90deg,#ae7fdc,#e2c16d)}
.learning-step .map-label{margin-bottom:9px}
.offer-visual .learning-step p{font-size:14px;line-height:1.65;margin:0;color:var(--muted)}
.learning-format{display:inline-block;font-size:12px;color:#d4bddf;margin-top:18px;padding:5px 9px;border-radius:5px;background:#a780ce12}
.workshop-options{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:21px;color:#c3b4d1;font-size:12px}
.workshop-options span:first-child{margin-right:6px;color:#a99abb}
.workshop-options span:not(:first-child){padding:5px 10px;background:#ffffff05;border-radius:6px}
.offer-visual .growth-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;list-style:none;margin:0;padding:28px 20px 26px;border-radius:20px;border:1px solid #9871c02b;background:linear-gradient(120deg,#0c0914,#1d10294a,#0c0914)}
.offer-visual .growth-step{position:relative;margin:0;padding:0 16px;text-align:center}
.growth-step:not(:last-child):before{content:'';position:absolute;left:calc(50% + 17px);right:calc(-50% + 17px);top:16px;height:1px;background:linear-gradient(90deg,#b784d780,#d9bd6d70)}
.growth-step:not(:last-child):after{content:'›';position:absolute;right:-4px;top:2px;color:#d6bc83;font-size:18px}
.journey-node{display:grid;place-items:center;width:33px;height:33px;margin:auto;border-radius:50%;border:1px solid #b68add70;background:#1e122e;font-size:12px;color:#ead9fc}
.journey-art{height:120px;display:grid;place-items:center}
.journey-art svg{width:108px;height:72px;fill:none;stroke:#d8c6ef;stroke-width:1.2;stroke-linejoin:round;stroke-linecap:round}
.growth-step h4{font-size:17px;min-height:2.8em}
.offer-visual .growth-step p{font-size:14px;line-height:1.8;margin:0;color:var(--muted)}
.journey-caption{display:block;margin-top:18px;font-size:12px;color:#beacd0}
.growth-feedback{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:17px;font-size:14px;color:#c8b6d9}
.growth-feedback span{color:#e1c785;font-size:23px}
@media(max-width:1050px){.company-map{grid-template-columns:1fr 36px 1fr 36px 1fr;padding:25px}.source-item{padding:11px 9px;font-size:13px;gap:8px}.source-item svg{width:20px;height:20px}.map-orbit{width:150px;height:150px}.os-map-globe{width:150px;height:150px}.offer-visual .learning-step{padding:22px 19px}.growth-step h4{min-height:2.8em}.offer-visual .growth-step{padding:0 10px}}
@media(max-width:760px){
 .offer-intro{display:block;margin-bottom:22px}.offer-intro h3{font-size:28px}.offer-visual .offer-intro p{max-width:none;margin-top:13px}
 .company-map{grid-template-columns:1fr;padding:25px 22px}
 .map-source .map-label,.map-outcomes>.map-label{text-align:center}
 .source-item{font-size:14px;padding:12px 16px}.source-item svg{width:24px;height:24px}
 .map-connector{display:none}
 .map-core{margin:40px 0;min-height:220px}
 .map-core:before,.map-core:after{content:'↓';position:absolute;left:50%;transform:translateX(-50%);font-size:25px;line-height:1;color:#d8be86}
 .map-core:before{top:-29px}.map-core:after{bottom:-27px}
 .map-orbit{width:150px;height:150px}.map-outcomes .outcome-item{padding:12px 5px}
 .map-feedback{font-size:13px;padding:10px 0;margin-top:17px;border-radius:0;background:none;text-align:left}
 .map-feedback>span{flex-shrink:0}
 .offer-visual .offer-footer{display:block;margin-top:19px}.offer-visual .offer-footer a{white-space:normal;margin-top:9px}
 .offer-visual .learning-map{grid-template-columns:1fr;gap:15px}
 .offer-visual .learning-step{display:grid;grid-template-columns:85px 1fr;column-gap:17px;padding:22px 18px}
 .learning-art{grid-column:1;grid-row:1 / span 5;height:100%;align-items:center}.learning-art img{height:95px;width:95px;max-width:100%}
 .learning-level{grid-column:2;margin:0 0 17px}.learning-step .map-label,.learning-step h4,.learning-step p,.learning-format{grid-column:2}.learning-format{justify-self:start;margin-top:13px}.learning-step h4{font-size:18px}
 .offer-visual .growth-map{grid-template-columns:1fr;padding:25px 20px;gap:25px}
 .offer-visual .growth-step{text-align:left;padding:0 0 0 48px;display:grid;grid-template-columns:1fr 74px;column-gap:10px;min-height:120px}
 .journey-node{position:absolute;left:0;top:0;margin:0;width:29px;height:29px;font-size:11px}
 .growth-step:not(:last-child):before{left:14px;top:32px;right:auto;bottom:-21px;width:1px;height:auto;background:linear-gradient(#b784d780,#d9bd6d70)}
 .growth-step:not(:last-child):after{left:9px;right:auto;top:auto;bottom:-23px;transform:rotate(90deg);width:12px}
 .journey-art{grid-column:2;grid-row:1 / span 3;height:100%;align-items:start;padding-top:8px}.journey-art svg{width:74px;height:60px}
 .growth-step h4{grid-column:1;font-size:17px;min-height:0;margin:3px 0 7px}.growth-step p,.journey-caption{grid-column:1}.journey-caption{margin-top:11px}
 .growth-feedback{font-size:13px;align-items:start;justify-content:start}.growth-feedback span{flex-shrink:0}
}
@media(max-width:380px){.offer-visual .learning-step{grid-template-columns:62px 1fr;gap:0 12px}.learning-art img{width:70px;height:85px}.offer-visual .growth-step{grid-template-columns:1fr 52px;padding-left:42px}.journey-art svg{width:52px}.offer-visual .growth-map{padding:23px 15px}.company-map{padding:23px 17px}}

.offer-intro h3{color:var(--text)}
.client-logo--booking img{width:155px}
/* Quiet text tabs; the active underline indicates the current example. */
.scenario-tabs{border:0;border-radius:0;padding:0;gap:16px;background:none}
.scenario-tabs button{position:relative;border:0;border-radius:0;padding:12px 5px;background:none;color:#bfb0ce;box-shadow:none;transition:color .2s}
.scenario-tabs button:after{content:'';position:absolute;bottom:0;left:25%;right:25%;height:2px;border-radius:2px;background:transparent}
.scenario-tabs button[aria-selected=true]{background:none;color:#fff;box-shadow:none}
.scenario-tabs button[aria-selected=true]:after{background:#e4c36e}
.scenario-tabs button:hover{color:#fff}
.scenario-tabs button:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
@media(prefers-reduced-motion:reduce){.scenario-tabs button{transition:none}}