.hero-playback-control{width:46px!important;height:46px!important;min-height:46px!important;min-width:46px!important;padding:3px!important;border:0!important;border-radius:50%!important;background:#07111dcc!important;color:#fff!important;display:inline-grid;place-items:center;cursor:pointer}
.hero-playback-control svg{width:40px;height:40px;overflow:visible}
.hero-playback-control circle{fill:none;stroke-width:2}
.hero-ring-track{stroke:#ffffff40}
.hero-ring-progress{stroke:currentColor;stroke-dasharray:100;stroke-dashoffset:var(--hero-progress-offset,100);transform:rotate(-90deg);transform-origin:24px 24px}
.hero-playback-control path{fill:currentColor}
.hero-pause-icon,.hero-playback-control[data-playing="true"] .hero-play-icon{display:none}
.hero-playback-control[data-playing="true"] .hero-pause-icon{display:block}
.hero-playback-control:focus-visible{outline:3px solid #9ad3df;outline-offset:5px}
.hero-playback-control:disabled{opacity:.6;cursor:default}
@media(forced-colors:active){.hero-playback-control{background:ButtonFace!important;color:ButtonText!important;outline:1px solid ButtonText}}
.trial-offer{background:linear-gradient(120deg,#b2f2c5,#6bdf98)!important;border-color:#b2f2c5!important;color:#082c1a!important;font-size:20px!important;padding:8px 18px!important}
@media(forced-colors:active){.trial-offer{background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important}}
.hero-scroll-cue{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:12px;min-height:44px;white-space:nowrap;color:#f6f5ef;font-size:13px;letter-spacing:.04em}
.hero-scroll-arrow{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff60;border-radius:50%;font-size:20px;animation:hero-scroll-hint 1.8s ease-in-out 3}
.hero-scroll-cue:hover .hero-scroll-arrow{border-color:currentColor}
@keyframes hero-scroll-hint{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media(max-width:760px){.hero-scroll-cue{bottom:20px}}
@media(min-width:410px) and (max-width:760px){.hero-scroll-cue{left:7%;transform:none}}
@media(prefers-reduced-motion:reduce){.hero-scroll-arrow{animation:none}}
@media(forced-colors:active){.hero-scroll-cue{color:LinkText}.hero-scroll-arrow{border-color:LinkText}}
@media print{.hero-scroll-cue{display:none}}