.hero-switch{background:var(--color-navy-950);color:#fff;isolation:isolate}
.hero-switch__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1.15rem;border-bottom:1px solid #ffffff20}
.hero-switch__top h1{font-size:1rem;line-height:1.4;letter-spacing:0;margin:0;font-weight:550;color:#c9d9e5}
.hero-switch__rotation{min-width:96px;min-height:44px;border:1px solid #8796a3;background:transparent;color:#fff;border-radius:6px;font-size:.8125rem;font-weight:650;padding:.5rem .8rem}
.hero-switch__panels{display:grid}
.hero-switch__panel{grid-area:1/1;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;visibility:hidden;opacity:0;pointer-events:none;transition:opacity 550ms ease,visibility 550ms;min-height:600px}
.hero-switch__panel.is-active{visibility:visible;opacity:1;pointer-events:auto}
.hero-switch__copy{padding:3.5rem max(2rem,calc((100vw - 76rem)/2));padding-right:3rem;display:flex;flex-direction:column;justify-content:center;min-width:0}
.hero-switch__pillar{color:var(--color-blue-400);font-size:1rem;font-weight:750;display:flex;align-items:center;gap:1.2rem;margin-bottom:1.6rem}
.hero-switch__sap-logo{width:57px;height:auto;object-fit:contain}
.hero-switch__panel h2{font-size:clamp(2.7rem,4.15vw,4rem);line-height:1.08;letter-spacing:-.04em;margin-bottom:1.6rem}
.hero-switch__panel h2 em{font-style:normal;color:var(--color-blue-400)}
.hero-switch__panel--ppa h2 em,.hero-switch__panel--ppa .hero-switch__pillar{color:var(--color-green-500)}
.hero-switch__lead{font-size:1.0625rem;line-height:1.6;color:#cfdae3;max-width:39rem;margin-bottom:1.5rem}
.hero-switch__tags{display:flex;flex-wrap:wrap;gap:.5rem 1rem;padding:0;list-style:none;margin:0 0 1.8rem}
.hero-switch__tags li{font-size:.8125rem;color:#d8e6ee;border-bottom:1px solid #ffffff35;padding-bottom:.35rem}
.hero-switch__contact{font-size:.9375rem;min-height:48px;display:inline-flex;align-items:center;padding:.5rem .8rem;text-decoration:underline;text-underline-offset:.3em}
.hero-switch__note{color:#b6c9d6;font-size:.8125rem;line-height:1.5;margin:1.2rem 0 0;max-width:38rem}
.hero-switch__media{position:relative;min-width:0;overflow:hidden;background:#0b2d49}
.hero-switch__media>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:56% center}
.hero-switch__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#04122032,transparent 30%),linear-gradient(0deg,#04122060,transparent 25%);pointer-events:none}
.hero-switch__selectors{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25}
.hero-switch__selectors button{display:flex;align-items:center;text-align:left;gap:1rem;color:#fff;background:transparent;border:0;border-top:3px solid transparent;min-height:104px;padding:1.3rem 1.5rem 1.3rem 0}
.hero-switch__selectors button+button{border-left:1px solid #ffffff25;padding-left:2rem}
.hero-switch__selectors button[aria-disabled=true]{border-top-color:var(--color-blue-400)}
.hero-switch__selectors button[data-hero-select="1"][aria-disabled=true]{border-top-color:var(--color-green-500)}
.hero-switch__selectors strong{display:block;font-size:1.125rem;line-height:1.4}
.hero-switch__selectors small{display:block;font-size:.8125rem;color:#b6c9d6;margin-top:.25rem}
.hero-switch__index{font-size:.8125rem;color:#b6c9d6}
.hero-switch__arrow{margin-left:auto;font-size:1.4rem;color:var(--color-blue-400)}
.hero-switch :focus-visible{outline-color:#86d8ff}
.ppa-hero__promise{font-size:1.0625rem;font-weight:700;line-height:1.5;border-left:3px solid var(--color-green-500);padding-left:1rem;margin:0 0 1.5rem;color:var(--color-navy-900)}
.ppa-business-note{font-size:.9375rem;line-height:1.6;color:var(--color-ink);border-top:1px solid var(--color-line);margin-top:1rem;padding-top:1rem}
.service-image-context{position:absolute;inset:auto 1.5rem 3.2rem;background:#041220ef;color:#fff;padding:1rem 1.2rem;border-radius:7px;border-left:3px solid var(--color-blue-400);z-index:2;max-width:27rem;font-size:.875rem;line-height:1.5}
.service-image-context strong{display:block;color:#8bdfff;font-size:.8125rem;margin-bottom:.25rem}
@media(max-width:80rem){.hero-switch__copy{padding:2.5rem 2rem}.hero-switch__panel{min-height:620px}}
@media(max-width:68rem){.hero-switch__panel{grid-template-columns:1.05fr .95fr}.hero-switch__copy{padding:2.5rem 2rem}.hero-switch__panel h2{font-size:2.8rem}.hero-switch__lead{font-size:1rem}}
@media(max-width:48rem){.hero-switch__panel{grid-template-columns:1fr;grid-template-rows:1fr auto;min-height:0}.hero-switch__copy{padding:2rem 1.5rem}.hero-switch__media{height:clamp(218px,56.25vw,432px)}.hero-switch__media>img{object-position:center 42%}.hero-switch__top{padding-block:.8rem}.hero-switch__panel h2{font-size:2.8rem;max-width:38rem}.hero-switch__selectors button{min-height:92px;padding:1rem .8rem 1rem 0;gap:.6rem}.hero-switch__selectors button+button{padding-left:1rem}.hero-switch__selectors strong{font-size:1rem}.hero-switch__selectors small{font-size:.75rem}.hero-switch__index{display:none}.service-image-context{inset:auto 1rem 2.5rem;padding:.7rem .8rem;font-size:.8125rem}}
@media(max-width:34rem){.hero-switch__copy{padding:2rem 1.25rem 1.75rem}.hero-switch__top h1{font-size:.875rem;max-width:13rem}.hero-switch__rotation{min-width:90px}.hero-switch__panel h2{font-size:2.45rem}.hero-switch__pillar{font-size:.875rem;margin-bottom:1.2rem}.hero-switch__lead{font-size:1rem}.hero-switch__tags{gap:.5rem .8rem;margin-bottom:1.4rem}.hero-switch__note{font-size:.75rem}.hero-switch__media{height:218px}.hero-switch__selectors button{display:block;position:relative;min-height:104px;padding-right:.75rem}.hero-switch__selectors strong{font-size:.9375rem}.hero-switch__selectors small{font-size:.75rem;max-width:11rem}.hero-switch__arrow{display:none}.hero-switch .button-row .button{width:auto}.hero-switch .button-row{align-items:center;gap:.5rem}.hero-switch__contact{padding-inline:.6rem;font-size:.875rem}.service-image-context{position:relative;inset:auto;border-radius:0;max-width:none;margin-top:auto}.solution-hero__image:has(.service-image-context){display:flex;flex-direction:column;aspect-ratio:auto}.solution-hero__image:has(.service-image-context)>img{height:210px;position:static}.solution-hero__image:has(.service-image-context) .image-credit{bottom:auto;top:180px}.ppa-hero__promise{font-size:1rem}}
@media(max-width:22rem){.hero-switch__copy{padding-inline:1rem}.hero-switch__panel h2{font-size:2.15rem}.hero-switch__top h1{max-width:10rem}.hero-switch__media{height:195px}.hero-switch__selectors button+button{padding-left:.75rem}}
html:not(.js) .hero-switch__panels{display:block}html:not(.js) .hero-switch__panel{visibility:visible;opacity:1;pointer-events:auto}html:not(.js) .hero-switch__selectors,html:not(.js) .hero-switch__rotation{display:none}
@media(prefers-reduced-motion:reduce){.hero-switch__panel{transition:none}.hero-switch__rotation{display:none}}
