.pulse-panel{--pulse-ink:var(--ecg-light);--pulse-grid:color-mix(in oklab, var(--white) 7%, transparent);--pulse-dur:.26s;isolation:isolate;background:var(--navy);color:var(--white);box-shadow:0 30px 80px -30px color-mix(in oklab, var(--navy) 70%, transparent);border-radius:2rem;padding:clamp(1.25rem,4vw,2.5rem);position:relative;overflow:hidden}.pulse-panel:before{content:"";aspect-ratio:1;z-index:-1;background:radial-gradient(closest-side, color-mix(in oklab, var(--ecg) 34%, transparent), transparent);width:70%;position:absolute;inset:-30% -20% auto auto}.pulse-stage{grid-template-columns:auto 1fr;align-items:center;gap:clamp(1rem,4vw,2rem);display:grid}.pulse-panel[data-phase=result] .pulse-stage{display:none}.pulse-target{aspect-ratio:1;border-radius:50%;width:clamp(7rem,30vw,10rem);position:relative}.pulse-video{object-fit:cover;background:var(--navy-2);opacity:.9;width:76%;height:76%;transition:opacity var(--pulse-dur) var(--ease-out);border-radius:50%;position:absolute;inset:12%}.pulse-panel[data-phase=intro] .pulse-video{opacity:0}.pulse-target:after{content:"";pointer-events:none;box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--white) 16%, transparent);border-radius:50%;position:absolute;inset:12%}.pulse-target[data-on]:after{box-shadow:inset 0 0 0 2px var(--ecg-light), 0 0 40px -6px var(--ecg)}.pulse-ring{position:absolute;inset:0;transform:rotate(-90deg)}.pulse-ring circle{fill:none;stroke-width:3px}.pulse-ring-track{stroke:color-mix(in oklab, var(--white) 12%, transparent)}.pulse-ring-fill{stroke:var(--ecg-light);stroke-linecap:round;transition:stroke-dashoffset .2s linear}.pulse-heart{width:34%;fill:var(--white);filter:drop-shadow(0 0 10px var(--ecg));animation:pulse-beat .42s var(--ease-out);position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes pulse-beat{0%{transform:scale(1.28)}to{transform:scale(1)}}.pulse-lead{color:color-mix(in oklab, var(--white) 88%, transparent);font-size:clamp(1.05rem,2.6vw,1.35rem);line-height:1.45}.pulse-live{font-family:var(--font-display);align-items:baseline;gap:.5rem;line-height:1;display:flex}.pulse-live span{font-variant-numeric:tabular-nums;font-size:clamp(3.5rem,14vw,6rem)}.pulse-live small,.pulse-bpm-big small{font-family:var(--font-sans);color:color-mix(in oklab, var(--white) 70%, transparent);font-size:.9375rem}.pulse-sub{color:color-mix(in oklab, var(--white) 72%, transparent);margin-top:.5rem;font-size:.9375rem}.pulse-wave{background:color-mix(in oklab, var(--navy-2) 80%, black);border-radius:1rem;height:clamp(120px,26vw,180px);margin-top:1.5rem;position:relative}.pulse-wave canvas{position:absolute;inset:0}.pulse-start{margin-top:1.75rem}.pulse-steps{counter-reset:s;gap:.75rem;display:grid}.pulse-steps li{counter-increment:s;color:color-mix(in oklab, var(--white) 85%, transparent);grid-template-columns:2rem 1fr;align-items:start;gap:.75rem;line-height:1.45;display:grid}.pulse-steps li:before{content:counter(s);width:2rem;height:2rem;font-family:var(--font-display);background:color-mix(in oklab, var(--white) 10%, transparent);border-radius:50%;place-items:center;display:grid}.pulse-go{width:100%;min-height:56px;margin-top:1.5rem;font-size:1.0625rem}@media (min-width:640px){.pulse-go{width:auto}}.pulse-privacy{color:color-mix(in oklab, var(--white) 65%, transparent);margin-top:1rem;font-size:.875rem;line-height:1.5}.pulse-note{background:color-mix(in oklab, var(--white) 7%, transparent);color:color-mix(in oklab, var(--white) 85%, transparent);border-radius:1rem;margin-top:1rem;padding:.875rem 1rem;font-size:.9375rem;line-height:1.5}.pulse-error{justify-items:start;gap:.75rem;display:grid}.pulse-result{gap:1rem;display:grid}.pulse-bpm-big{font-family:var(--font-display);align-items:baseline;gap:.6rem;line-height:.9;display:flex}.pulse-bpm-big span{font-variant-numeric:tabular-nums;font-size:clamp(5rem,22vw,9rem)}.pulse-result[data-tone=calm] .pulse-bpm-big span{color:var(--white)}.pulse-result[data-tone=watch] .pulse-bpm-big span,.pulse-result[data-tone=act] .pulse-bpm-big span{color:var(--ecg-light)}.pulse-result-title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.25rem);line-height:1.15}.pulse-result-body{max-width:60ch;color:color-mix(in oklab, var(--white) 85%, transparent);line-height:1.6}.pulse-figure{margin:.5rem 0 0}.pulse-bars{width:100%;height:88px;display:block}.pulse-bars rect{fill:var(--ecg-light)}.pulse-figure figcaption{color:color-mix(in oklab, var(--white) 65%, transparent);margin-top:.5rem;font-size:.875rem}.pulse-alarm{border:1px solid color-mix(in oklab, var(--ecg-light) 50%, transparent);border-radius:1rem;padding:.875rem 1rem;font-size:.9375rem;line-height:1.5}.pulse-tips{color:color-mix(in oklab, var(--white) 85%, transparent);gap:.5rem;padding-left:1.1rem;line-height:1.5;list-style:outside;display:grid}.pulse-actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.pulse-panel .btn-ghost{color:var(--white);border:1px solid color-mix(in oklab, var(--white) 24%, transparent)}.pulse-panel .btn-ghost:hover{border-color:var(--white)}.pulse-panel :is(.btn-primary,.btn-ghost):focus-visible{outline:2px solid var(--ecg-light);outline-offset:3px}@media (max-width:480px){.pulse-actions>*{flex:100%}}.pulse-desktop{grid-template-columns:auto 1fr;align-items:center;gap:2rem;display:grid}@media (max-width:640px){.pulse-desktop{grid-template-columns:1fr;justify-items:start}}.pulse-qr{background:var(--white);border-radius:1.25rem;width:11rem;padding:.75rem}.pulse-qr svg{width:100%;height:auto;display:block}.pulse-h{font-family:var(--font-display);font-size:clamp(1.5rem,3.5vw,2.25rem);line-height:1.15}.pulse-p{max-width:46ch;color:color-mix(in oklab, var(--white) 82%, transparent);margin-top:.75rem;line-height:1.6}.pulse-link{margin-top:1.25rem}@media (prefers-reduced-motion:reduce){.pulse-heart{animation:none}.pulse-ring-fill,.pulse-video{transition:none}}
