/* Softer shared palette, with colour on both sides and a white landing. */
.solution-editorial{background:linear-gradient(0deg,#fff 0%,#ffffff00 42%),radial-gradient(ellipse at 8% 45%,#e9f8f2 0%,#ffffff00 65%),radial-gradient(ellipse at 92% 50%,#ffede0 0%,#ffffff00 65%),#fff}
.solution-portrait{background:#f2faf6}
.solution-portrait>span{background:linear-gradient(110deg,#e6f7ef,#fff2e8)}
.scenario-product,.case-screen{background:linear-gradient(125deg,#ecfaf4,#fff 53%,#fff0e5)}
.scenario-product img[data-product-snippet],.case-screen img[data-product-snippet]{height:auto;box-shadow:none;background:transparent}
.companion-interlude{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:center;gap:55px;margin-block:38px 72px;padding:35px 55px;border:1px solid #e3eee8;border-radius:30px;background:linear-gradient(120deg,#e8f9f2,#fff 58%,#fff0e5)}
.companion-portrait{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#216954;text-align:center;font-size:.8rem;line-height:1.5;gap:12px}
.companion-portrait img{display:block;width:135px;height:auto;transition:transform .3s ease}
.companion-portrait:hover img{transform:translateY(-7px) rotate(-3deg)}
.companion-portrait span{border:1px solid #d4e8df;background:#fff;padding:10px 16px;border-radius:24px}
.companion-interlude h2{font-size:clamp(1.8rem,2.5vw,2.7rem);letter-spacing:-.04em;line-height:1.15;margin:12px 0 18px;max-width:650px}
.companion-interlude p:not(.eyebrow){max-width:640px;color:#526b62;line-height:1.75}
.companion-interlude .quiet-link{margin-top:16px;color:#176c56}
.companion-interlude a:focus-visible{outline:3px solid #ed8d55;outline-offset:5px;border-radius:18px}
@media(max-width:760px){.companion-interlude{grid-template-columns:1fr;gap:25px;padding:28px 24px;margin-block:25px 45px}.companion-portrait{flex-direction:row;text-align:left;justify-content:center}.companion-portrait img{width:95px}.companion-portrait span{max-width:155px}.companion-interlude h2{font-size:2rem}.solution-editorial{background:linear-gradient(0deg,#fff,#ffffff00 60%),radial-gradient(ellipse at 0 35%,#e9f8f2,transparent 70%),radial-gradient(ellipse at 100% 65%,#fff0e5,transparent 70%),#fff}}
@media(prefers-reduced-motion:reduce){.companion-portrait img{transition:none}.companion-portrait:hover img{transform:none}}
/* Pricing: a direct, compact route to the ROI calculator before plan selection. */
.pricing-hero{padding-bottom:32px;background:radial-gradient(ellipse at 15% 50%,#effaf5,transparent 65%),radial-gradient(ellipse at 88% 55%,#fff1e7,transparent 60%),#fff}
.pricing-hero h1{line-height:1.05;letter-spacing:-.055em;margin-bottom:22px}
.pricing-hero h1 em{font-style:normal;color:#17765f}
.pricing-hero .hero-centred>p:not(.eyebrow){max-width:660px;margin-inline:auto;line-height:1.7}
.pricing-roi-banner{display:flex;align-items:center;gap:18px;max-width:900px;margin:30px auto 0;padding:17px 22px;border:1px solid #cce5d9;border-radius:18px;background:linear-gradient(110deg,#e3f6ed,#fff 65%,#fff0e4);color:#174736;text-align:left;text-decoration:none;box-shadow:0 5px 18px #164b3210;transition:border-color .2s,box-shadow .2s}
.pricing-roi-banner:hover{border-color:#69b69a;box-shadow:0 6px 22px #164b321a}
.pricing-roi-banner:focus-visible{outline:3px solid #eb915e;outline-offset:5px}
.pricing-roi-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#c7ecdc;flex-shrink:0}
.pricing-roi-icon svg{width:25px;height:25px}
.pricing-roi-copy{display:flex;flex-direction:column;gap:4px;line-height:1.45}
.pricing-roi-copy strong{font-size:1rem;font-weight:600}
.pricing-roi-copy>span{font-size:.82rem;color:#557366}
.pricing-roi-cta{display:inline-flex;align-items:center;gap:10px;margin-left:auto;white-space:nowrap;border-radius:24px;padding:12px 18px;background:#175f4d;color:#fff;font-size:.875rem;font-weight:550}
@media(max-width:700px){.pricing-hero{padding-bottom:24px}.pricing-hero h1{font-size:clamp(2.8rem,11vw,4rem)}.pricing-roi-banner{gap:12px;flex-wrap:wrap;padding:16px;margin-top:24px}.pricing-roi-copy{flex:1;min-width:160px}.pricing-roi-copy strong{font-size:.92rem}.pricing-roi-copy>span{font-size:.77rem}.pricing-roi-cta{justify-content:center;width:100%;margin-left:0;padding:11px 15px}}
@media(prefers-reduced-motion:reduce){.pricing-roi-banner{transition:none}}