/* TutaCare hero promo video (2026-10-27). Overlay + inline player on .hero-showcase. */
.hero-showcase.has-hero-video{--hv-violet:#8d6fde}
.hero-video-play{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer;color:#fff;font:inherit;-webkit-tap-highlight-color:transparent}
.hero-video-play[hidden]{display:none}
.hero-video-play-icon{position:relative;display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:var(--hv-violet);box-shadow:0 14px 40px rgba(61,38,140,.38),0 0 0 8px rgba(255,255,255,.28);transition:transform .25s ease,background-color .25s ease,box-shadow .25s ease}
.hero-video-play-icon::before{content:'';position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(141,111,222,.55);animation:hero-video-pulse 2.4s ease-out infinite;pointer-events:none}
.hero-video-play-icon svg{width:38%;height:38%;fill:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}
.hero-video-play-label{padding:8px 16px;border-radius:999px;background:rgba(32,22,66,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.2;white-space:nowrap;box-shadow:0 8px 24px rgba(32,22,66,.2);transition:background-color .25s ease}
.hero-video-play:hover .hero-video-play-icon,.hero-video-play:focus-visible .hero-video-play-icon{transform:scale(1.08);background:#7a59d6;box-shadow:0 18px 48px rgba(61,38,140,.48),0 0 0 10px rgba(255,255,255,.36)}
.hero-video-play:hover .hero-video-play-label,.hero-video-play:focus-visible .hero-video-play-label{background:rgba(32,22,66,.86)}
.hero-video-play:focus-visible{outline:none}
.hero-video-play:focus-visible .hero-video-play-icon{outline:3px solid #fff;outline-offset:6px}
@keyframes hero-video-pulse{0%{transform:scale(1);opacity:.9}70%,100%{transform:scale(1.45);opacity:0}}
.hero-showcase.is-playing>:not(.hero-video-player):not(.hero-video-play){visibility:hidden;opacity:0}
.hero-showcase>.hero-dashboard,.hero-showcase>.phone,.hero-showcase>.hero-note{transition:opacity .3s ease}
.hero-video-player{position:absolute;z-index:7;top:0;left:50%;transform:translateX(-50%);width:min(88%,calc(100% - 16px));aspect-ratio:16/9;max-height:100%;background:#1d1636;border:10px solid #f4f4f4;border-radius:25px;overflow:hidden;box-shadow:0 18px 60px rgba(51,36,83,.22)}
.hero-video-player video{display:block;width:100%;height:100%;object-fit:contain;background:#1d1636;border-radius:15px}
.hero-video-close{position:absolute;top:10px;right:10px;z-index:2;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:rgba(20,14,40,.66);color:#fff;font-size:24px;line-height:1;cursor:pointer;transition:background-color .2s ease}
.hero-video-close:hover,.hero-video-close:focus-visible{background:var(--hv-violet)}
.hero-video-close:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media(max-width:960px){.hero-video-play-icon{width:80px;height:80px}.hero-video-player{width:94%;border-width:7px;border-radius:18px}.hero-video-player video{border-radius:11px}}
@media(max-width:640px){.hero-video-play{justify-content:flex-start;padding-top:56px;gap:10px}.hero-video-play-icon{width:68px;height:68px;box-shadow:0 10px 28px rgba(61,38,140,.38),0 0 0 6px rgba(255,255,255,.28)}.hero-video-play-label{font-size:13px;padding:6px 12px}.hero-video-player{top:14px;width:calc(100% - 20px);border-width:5px;border-radius:14px}.hero-video-player video{border-radius:9px}.hero-video-close{top:6px;right:6px;width:34px;height:34px;font-size:20px}}
@media(prefers-reduced-motion:reduce){.hero-video-play-icon::before{animation:none}.hero-video-play-icon,.hero-showcase>*{transition:none}}