.hero{
  min-height:0;
  padding-bottom:300px;
  background:linear-gradient(110deg,#063b88 12%,#045fac 65%,#009ed6 100%);
}
.hero-grid{position:absolute;z-index:0;top:140px;right:-65px;width:clamp(280px,24vw,440px);aspect-ratio:1;border-radius:50%;background:repeating-linear-gradient(45deg,transparent 0 10px,#4bddff55 10px 11px,transparent 11px 18px);mask-image:linear-gradient(135deg,#000,transparent 78%);pointer-events:none}
.hero-curve{position:absolute;bottom:-1px;left:0;z-index:1;width:100%;height:160px;pointer-events:none}
.segments-section{position:relative;z-index:3;margin-top:-260px;text-align:center}
.segments-section .segments-carousel{margin-top:0}
.segments-section .segment-card{box-shadow:0 5px 16px #05396e1a}
.segments-section .segments-footer{color:#063b88}
.segments-section .segments-hint{color:#4c6b86}
.segments-section .segments-navigation button{border-color:#b8d1e2;background:#fff;color:#075a9e}
.segments-section .segments-navigation button:hover{border-color:#f4cc26;background:#f4cc26;color:#063b88}
.segments-section .segments-progress{background:#dceaf3}
.segments-section .segments-progress>span{background:#0878b7}
.segments-section #segments-count{color:#315d7e}
.segments-section>.explore-link{color:#075698}
.segments-section>.explore-link span{border-color:#b8d1e2}
.segments-section+.conversation-banner{margin-top:38px}
@media(max-width:900px){.hero{padding-bottom:290px}.segments-section{margin-top:-250px}.hero-grid{right:-90px}}
@media(max-width:640px){.hero{padding-bottom:280px}.segments-section{margin-top:-240px}.hero-curve{height:110px}.hero-grid{top:480px;right:-100px;width:300px;opacity:.7}.hero-particle:not(.is-glint):nth-child(3n){display:none}.segments-section+.conversation-banner{margin-top:30px}}

/* Use the site's typeface and let the hero atmosphere show through the dark capsule. */
.hero .hero-eyebrow{display:inline-flex;align-items:center;gap:11px;width:fit-content;max-width:100%;min-height:32px;padding:7px 17px;margin-bottom:25px;border:1px solid #d8bd6e4d;border-radius:999px;background:linear-gradient(110deg,#03112626,#03112612);box-shadow:inset 0 0 14px #e4c56905,0 0 19px #d8bd6e08;color:#e7c976;font-family:inherit;font-size:11px;font-weight:400;line-height:1.6;letter-spacing:.04em;text-transform:uppercase;text-align:left}
.hero .hero-eyebrow>span{display:block;min-width:0;width:auto;height:auto;border-radius:0;background:none;box-shadow:none}
.hero-eyebrow-icon{width:11px;height:11px;flex:none;fill:currentColor;filter:drop-shadow(0 0 5px #e7c97626)}
@media(max-width:1200px){.hero .hero-eyebrow{font-size:10px;letter-spacing:.03em;padding-inline:14px;gap:9px}}
@media(max-width:760px){.hero .hero-eyebrow{font-size:9px;letter-spacing:.02em;line-height:1.6;padding:8px 12px;gap:9px;margin-bottom:23px}.hero-eyebrow-icon{width:10px;height:10px}}