.hero-note{text-align:center}
.product-section{padding-top:48px}
.product-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:36px}
.product-intro h2{font-size:clamp(27px,2.35vw,36px);line-height:1.16;letter-spacing:-.04em;max-width:620px}
.product-intro>p{font-size:15px;line-height:1.65;color:var(--muted);justify-self:end}
.feature-intro-divider{width:64px;height:2px;background:#c8cfd5;margin:26px 0 30px}
.carousel-controls{align-items:center;gap:22px}
#usecase-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}
#usecase-dots .case-dot{position:relative;display:flex;align-items:center;justify-content:center;width:auto;min-height:32px;height:auto;padding:7px 11px;overflow:hidden;border:0;border-radius:17px;background:#eff1f3;color:#606977;font:500 11.5px/1.4 Inter,system-ui,sans-serif;white-space:nowrap;isolation:isolate}
#usecase-dots .case-topic{position:static;display:block;width:auto;height:auto;overflow:visible;border-radius:0;background:none;transform:none;transition:none}
#usecase-dots .case-progress{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:inherit;background:transparent;transform:none;pointer-events:none}
#usecase-dots .case-progress>i{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:inherit;background:#171d24;color:#fff;transform:none;clip-path:inset(0 100% 0 0);font-style:normal}
#usecase-dots .case-dot[data-filled=true] .case-progress>i{clip-path:inset(0)}
#usecase-dots .case-dot:hover{background:#e1e5e9}
#usecase-dots .case-dot:hover>span{outline:none}
#usecase-dots .case-dot:focus-visible{outline:2px solid #667480;outline-offset:3px}
.carousel-arrows{flex-shrink:0}
.channels-section{padding-block:85px}
.channels-section .section-copy h2{font-size:clamp(38px,3.65vw,57px);line-height:1.1;letter-spacing:-.045em}
.channels-section .section-copy>p:not(.eyebrow){font-size:18px;line-height:1.7;max-width:560px}
.channel-outcomes{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:18px}
.channel-outcomes li{display:flex;align-items:flex-start;gap:12px}
.channel-outcomes [data-icon]{flex:0 0 19px;display:flex;color:#4b6558;margin-top:2px}
.channel-outcomes svg{width:19px;height:19px;stroke-width:2}
.channel-outcomes strong{font-size:15px;line-height:1.6;font-weight:500}
@media(max-width:1100px){.carousel-controls{flex-direction:column;gap:16px}}
@media(max-width:900px){.product-intro{grid-template-columns:1fr;gap:12px}.product-intro h2{font-size:32px;max-width:590px}.product-intro>p{justify-self:start;font-size:14px}.feature-intro-divider{margin:21px 0 24px}.channels-section{padding-block:60px}.channels-section .section-copy h2{font-size:48px;max-width:660px}.channels-section .section-copy>p:not(.eyebrow){max-width:640px}}
@media(max-width:620px){.product-section{padding-top:34px}.product-intro h2{font-size:28px;max-width:350px;letter-spacing:-.035em}.product-intro>p{font-size:13px}.feature-intro-divider{width:48px;margin:20px 0 24px}#usecase-dots .case-dot{font-size:10.5px;min-height:30px;padding:6px 10px}#usecase-dots .case-progress>i{padding:6px 10px}.carousel-controls{margin-top:25px;gap:14px}.channels-section{padding-block:50px}.channels-section .section-copy h2{font-size:39px}.channels-section .section-copy>p:not(.eyebrow){font-size:17px}.channel-outcomes{gap:15px;margin-top:23px}.channel-outcomes strong{font-size:14px}}