.hero-showcase-showcase{width:224px;color:var(--color-navy);justify-self:center}.hero-showcase-phone{aspect-ratio:1/2;border:2px solid var(--color-muted);background:var(--color-navy);touch-action:pan-y pinch-zoom;border-radius:36px;width:100%;padding:9px;position:relative;box-shadow:inset 0 0 0 2px #ffffff35,0 26px 48px -18px #0f2a6b45,0 5px 12px #0f2a6b18}.hero-showcase-screen{background:#fff;border-radius:25px;width:100%;height:100%;position:relative;overflow:hidden}.hero-showcase-slide{opacity:0;pointer-events:none;transition:opacity .45s;position:absolute;inset:0}.hero-showcase-slide[data-active=true]{opacity:1}.hero-showcase-banner{object-fit:cover}.hero-showcase-camera{background:var(--color-navy);border-radius:20px;width:62px;height:16px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.hero-showcase-camera span{background:var(--color-blue);border:1px solid #ffffff60;border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:7px}.hero-showcase-volume,.hero-showcase-power{background:var(--color-muted);border-radius:3px;width:3px;position:absolute}.hero-showcase-volume{height:33px;box-shadow:0 41px 0 var(--color-muted);top:91px;left:-4px}.hero-showcase-power{height:47px;top:111px;right:-4px}.hero-showcase-homeIndicator{background:var(--color-navy);border-radius:3px;width:30%;height:3px;position:absolute;bottom:16px;left:35%}.hero-showcase-caption{text-align:center;height:24px;margin-top:20px;font-size:13px;font-weight:600;line-height:24px}.hero-showcase-controls{justify-content:center;align-items:center;gap:8px;height:36px;display:flex}.hero-showcase-dots{align-items:center;display:flex}.hero-showcase-dot{cursor:pointer;width:30px;height:32px;color:var(--color-blue);border-radius:8px;place-items:center;display:grid}.hero-showcase-dot span{background:var(--color-muted);opacity:.4;border-radius:999px;width:6px;height:6px;transition:width .25s,opacity .25s}.hero-showcase-dot[aria-current=true] span{background:var(--color-blue);opacity:1;width:18px}.hero-showcase-dot:hover span{opacity:1}@media (min-width:860px){.hero-showcase-showcase{width:260px}.hero-showcase-phone{border-radius:42px}.hero-showcase-screen{border-radius:31px}}@media (prefers-reduced-motion:reduce){.hero-showcase-slide,.hero-showcase-dot span{transition:none}}
.hero-headline-window{color:var(--color-navy);letter-spacing:-.045em;margin:0;padding-bottom:.06em;font-size:clamp(30px,4.2vw,50px);font-weight:750;line-height:1.13;display:grid;overflow:hidden}.hero-headline-slide{opacity:0;filter:blur(3px);pointer-events:none;grid-area:1/1;transition:opacity .55s,transform .7s cubic-bezier(.22,1,.36,1),filter .55s;display:block;transform:translateY(28%)}.hero-headline-slide>span{display:block}.hero-headline-slide[data-active=true]{opacity:1;filter:blur();transform:translateY(0)}.hero-headline-accent{color:var(--color-blue)}.hero-headline-controls{align-items:center;gap:4px;height:24px;margin-top:12px;display:flex}.hero-headline-controls button{cursor:pointer;width:28px;height:24px;color:var(--color-blue);border-radius:6px;place-items:center;display:grid}.hero-headline-controls button>span{background:var(--color-line);border-radius:3px;width:16px;height:3px;transition:background .25s,width .25s}.hero-headline-controls button[aria-current=true]>span{background:var(--color-blue);width:24px}.hero-headline-controls button:hover{background:var(--color-line)}@media (prefers-reduced-motion:reduce){.hero-headline-slide,.hero-headline-controls button>span{filter:none;transition:none;transform:none}}