.sac-product-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(78px,8vw,116px) 0 clamp(76px,8vw,112px)}
.sac-product-hero__bg{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse 70% 66% at 50% 0,rgba(77,194,239,.25),transparent 60%),radial-gradient(ellipse 55% 50% at 8% 20%,rgba(19,112,196,.13),transparent 58%),linear-gradient(180deg,#e9f8ff 0%,#fff 80%)}
.sac-product-hero__grid{position:absolute;inset:0;z-index:-1;opacity:.35;background-image:linear-gradient(rgba(19,112,196,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(19,112,196,.05) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse 78% 72% at 50% 20%,#000,transparent 75%);mask-image:radial-gradient(ellipse 78% 72% at 50% 20%,#000,transparent 75%)}
.sac-product-hero__inner{position:relative;max-width:var(--max);text-align:center}
.sac-product-hero__copy{max-width:850px;margin:auto}
.sac-product-hero__eyebrow{justify-content:center;margin-bottom:18px}
.sac-product-hero h1{max-width:820px;margin:0 auto 22px;color:var(--text-dark);font-size:clamp(2.35rem,5vw,4.25rem);line-height:1.07;letter-spacing:-.045em}
.sac-product-hero__highlight{color:var(--blue)}
.sac-product-hero .lead{max-width:710px;margin:auto;font-size:clamp(1rem,1.35vw,1.18rem)}
.sac-product-hero__actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}
.sac-product-hero__actions svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none}
.sac-product-hero-story{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px;max-width:980px;margin:44px auto 0;padding:16px;border:1px solid rgba(47,128,176,.18);border-radius:20px;background:rgba(255,255,255,.82);box-shadow:0 18px 42px rgba(31,94,133,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:left}
.sac-product-hero-story>div{display:grid;align-content:center;gap:5px;min-height:92px;padding:13px;border:1px solid rgba(47,128,176,.14);border-radius:12px;background:#fff}
.sac-product-hero-story>div>span:not(.sac-product-channel-badge){color:#2f80b0;font-family:Poppins,sans-serif;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.sac-product-hero-story strong{color:var(--text-dark);font-family:Poppins,sans-serif;font-size:clamp(.69rem,.86vw,.8rem);line-height:1.35}
.sac-product-hero-story small{color:var(--muted);font-size:.65rem;line-height:1.35}
.sac-product-hero-story>i{color:#2f80b0;font-size:1.15rem;font-style:normal;font-weight:800}
@media(max-width:820px){.sac-product-hero-story{grid-template-columns:1fr auto 1fr;max-width:620px}.sac-product-hero-story>i:nth-of-type(2){display:none}.sac-product-hero-story>div:nth-of-type(3){grid-column:1}.sac-product-hero-story>div:nth-of-type(4){grid-column:3}.sac-product-hero-story>i:nth-of-type(3){grid-column:2;grid-row:2}}
@media(max-width:560px){.sac-product-hero{padding:58px 0 64px}.sac-product-hero h1{font-size:2.35rem}.sac-product-hero__actions{display:grid;grid-template-columns:1fr}.sac-product-hero__actions .btn{width:100%}.sac-product-hero__grid{background-size:36px 36px}.sac-product-hero-story{grid-template-columns:1fr;margin-top:32px;padding:12px}.sac-product-hero-story>div:nth-of-type(n){grid-column:auto}.sac-product-hero-story>i:nth-of-type(n){display:block;grid-column:auto;grid-row:auto;transform:rotate(90deg);text-align:center}.sac-product-hero-story>div{min-height:78px}}
@media(prefers-reduced-motion:reduce){.sac-product-hero *{transition:none!important;animation:none!important}}
