.rp{--rp-ink:#14171d;--rp-copy:clamp(7rem, 24dvh, 13rem);--rp-chrome:calc(64px + var(--rp-copy) + 76px + 40px);--rp-stage-bg:radial-gradient(ellipse 70% 55% at 50% 46%, #fff 0%, #fff0 70%), linear-gradient(180deg, #eef3fb, #dfe8f5);border-radius:var(--radius-xl);background:var(--rp-stage-bg);border:1px solid var(--color-border);isolation:isolate;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.rp:before{content:"";z-index:-1;opacity:0;background:radial-gradient(60% 50% at 50% 46%,#22b8a742,#0000 72%);transition:opacity .12s;position:absolute;inset:0}.rp[data-state=ringing]:before{opacity:1}.rp-stage{justify-items:center;display:grid}.rp-phone{aspect-ratio:1534/1290;--u:calc(100cqw / 1534);width:min(100%,420px);position:relative;container-type:inline-size}.rp-body,.rp-handset{pointer-events:none;user-select:none;-webkit-user-drag:none;max-width:none;display:block;position:absolute}.rp-shake{transform-origin:50% 92%;position:absolute;inset:0}.rp-handset{transform-origin:50% 70%;transition:translate 90ms ease-out,rotate 90ms ease-out}.rp-contact{background:radial-gradient(50% 50%,#0e142066 0%,#0e142029 45%,#0000 100%);width:86%;height:10%;position:absolute;top:90.2%;left:7%}.rp-ringmarks{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.rp[data-held=true] .rp-handset{translate:0 calc(var(--u) * 26)}.rp[data-held=false][data-state=result] .rp-handset{translate:0 calc(var(--u) * -70);transition-duration:.22s;transition-timing-function:cubic-bezier(.2,.7,.3,1);rotate:-1.6deg}.rp[data-held=false][data-state=falseStart] .rp-handset,.rp[data-held=false][data-state=tooLate] .rp-handset{translate:0 calc(var(--u) * -32);transition-duration:.2s;transition-timing-function:cubic-bezier(.2,.7,.3,1);rotate:-.8deg}.rp[data-state=ringing] .rp-shake{animation:90ms linear infinite rp-shake}.rp[data-state=ringing] .rp-handset{animation:70ms linear infinite rp-rattle}@keyframes rp-shake{0%{transform:translate(0)rotate(0)}25%{transform:translate(calc(var(--u) * -7), calc(var(--u) * 2)) rotate(-.25deg)}50%{transform:translate(calc(var(--u) * 6), calc(var(--u) * -2)) rotate(.2deg)}75%{transform:translate(calc(var(--u) * -4), calc(var(--u) * -1)) rotate(-.15deg)}to{transform:translate(0)rotate(0)}}@keyframes rp-rattle{0%{transform:translateY(0)}50%{transform:translateY(calc(var(--u) * -6))}to{transform:translateY(0)}}.rp-mark{opacity:0}.rp[data-state=ringing] .rp-mark{opacity:1}.rp[data-state=ringing] .rp-mark--1{animation:.32s ease-out infinite rp-mark}.rp[data-state=ringing] .rp-mark--2{animation:.32s ease-out .16s infinite rp-mark}@keyframes rp-mark{0%{opacity:.15}40%{opacity:1}to{opacity:.15}}.rp-hold{width:96%;height:54%;color:var(--color-primary);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:0;border-radius:36px;place-items:center;padding:0;display:grid;position:absolute;top:6%;left:2%}.rp-hold:focus-visible{outline:4px solid var(--color-focus);outline-offset:-4px}.rp-hold__hint{border:3px solid var(--color-primary);width:52px;height:52px;box-shadow:var(--shadow-md);background:#ffffffeb;border-radius:50%;place-items:center;display:none;position:absolute;top:19%;left:50%;translate:-50% -50%}.rp[data-play-mode=on][data-state=ready][data-held=false] .rp-hold__hint,.rp[data-play-mode=on][data-state=falseStart][data-held=false] .rp-hold__hint,.rp[data-play-mode=on][data-state=tooLate][data-held=false] .rp-hold__hint{display:grid}.rp-cta{min-width:160px;min-height:60px;padding-inline:var(--space-6);border-radius:var(--radius-full);background:var(--color-primary);color:var(--on-primary);font:inherit;letter-spacing:.02em;cursor:pointer;touch-action:manipulation;box-shadow:0 5px 0 var(--color-primary-strong);border:0;font-size:1.25rem;font-weight:800;transition:translate 60ms,box-shadow 60ms}.rp-cta:active{box-shadow:0 2px 0 var(--color-primary-strong);translate:0 3px}.rp-ghost{min-height:var(--tap-min);padding-inline:var(--space-5);border:2px solid var(--rp-ink);border-radius:var(--radius-full);color:var(--rp-ink);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;font-weight:800}.rp-ghost:active{background:#14171d14}.rp-icon{width:var(--tap-min);height:var(--tap-min);color:var(--rp-ink);cursor:pointer;touch-action:manipulation;background:#ffffffb3;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.rp-icon:active{background:#fff}.rp-icon[aria-pressed=true] .rp-snd-off,.rp-icon[aria-pressed=false] .rp-snd-on,.rp-icon[aria-pressed=false] .rp-fs-out,.rp-icon[aria-pressed=true] .rp-fs-in{display:none}.rp:not([data-play-mode]){padding:var(--space-5) var(--space-4) var(--space-6)}.rp:not([data-play-mode]) .rp-bar,.rp:not([data-play-mode]) .rp-copy,.rp:not([data-play-mode]) .rp-keyhint,.rp:not([data-play-mode]) .rp-share-status,.rp:not([data-play-mode]) [data-after]{display:none}.rp:not([data-play-mode]) .rp-stage{row-gap:var(--space-4)}.rp:not([data-play-mode]) .rp-phone{width:min(100%,420px)}.rp[data-play-mode=on] .rp-enter{display:none}.rp[data-play-mode=on]{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr);transition:background-color .2s;animation:.28s ease-out rp-fade;display:grid;position:fixed;inset:0}.rp[data-play-mode=on][data-held=true]{background:linear-gradient(#e3eaf5,#d3deee)}.rp[data-play-mode=on][data-state=ringing]{background:linear-gradient(#eef6f6,#daeeee)}@keyframes rp-fade{0%{opacity:0}to{opacity:1}}.rp[data-play-mode=on] .rp-phone{animation:.7s cubic-bezier(.16,.8,.24,1) rp-push}@keyframes rp-push{0%{translate:0 3%;scale:.84}to{translate:0;scale:1}}.rp[data-play-mode=on] .rp-bar{padding:var(--space-2) var(--space-3);justify-content:space-between;align-items:center;display:flex}.rp-bar__end{gap:var(--space-2);display:flex}.rp[data-play-mode=on] .rp-stage{align-items:center;row-gap:var(--space-2);padding:0 var(--space-4) var(--space-4);grid-template-rows:auto minmax(0,1fr) auto;min-height:0}.rp[data-play-mode=on] .rp-phone{width:min(100%, max(240px, calc((100dvh - var(--rp-chrome)) * 1.19)), 780px);align-self:center}.rp-copy{text-align:center;min-height:var(--rp-copy);align-content:start;justify-items:center;width:100%;display:grid}.rp-copy p{margin:0}.rp-head{color:var(--rp-ink);font-size:clamp(1.5rem,6.2vw,2.4rem);font-weight:800;line-height:1.25}.rp-sub{color:var(--color-text-muted);font-size:clamp(1rem,3.8vw,1.25rem);margin-top:var(--space-1)!important}.rp[data-state=ringing] .rp-head{color:var(--color-accent-strong);font-size:clamp(2.2rem,10vw,3.4rem)}.rp[data-state=armed] .rp-head{color:var(--color-text-muted)}.rp[data-state=result] .rp-head,.rp[data-state=result] .rp-sub,.rp[data-state=armed] .rp-sub,.rp[data-state=ringing] .rp-sub{display:none}.rp-result{justify-items:center;display:grid}.rp-comment{color:var(--color-text-muted);font-weight:800}.rp-time{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--rp-ink);font-size:clamp(3.4rem,17vw,6rem);font-weight:800;line-height:1.05}.rp-unit{letter-spacing:0;color:var(--color-text-muted);margin-left:.2em;font-size:.34em}.rp-badge{padding:2px var(--space-4);border-radius:var(--radius-full);background:var(--color-accent-tint);color:var(--color-accent-strong);font-weight:800;margin-top:var(--space-1)!important}.rp-best{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-weight:800;margin-top:var(--space-1)!important}.rp[data-state=armed] .rp-best,.rp[data-state=ringing] .rp-best{visibility:hidden}.rp-actions{align-content:start;justify-items:center;gap:var(--space-2);width:100%;min-height:76px;display:grid}.rp-actions p{margin:0}.rp-actions__row{gap:var(--space-3);justify-content:center;width:100%;display:flex}.rp-keyhint{color:var(--color-text-muted);font-size:.9rem}@media (hover:none),(pointer:coarse){.rp-keyhint{display:none}}.rp[data-state]:not([data-state=ready]) .rp-keyhint{display:none}.rp-share-status{min-height:1.4em;color:var(--color-text-muted);font-size:.9rem}.rp[data-play-mode=on] .rp-actions__row .rp-cta{flex:auto;max-width:260px}@media (orientation:landscape) and (height<=520px){.rp[data-play-mode=on]{grid-template-rows:minmax(0,1fr)}.rp[data-play-mode=on] .rp-bar{inset:env(safe-area-inset-top) env(safe-area-inset-right) auto env(safe-area-inset-left);z-index:2;pointer-events:none;position:absolute}.rp[data-play-mode=on] .rp-bar>*,.rp[data-play-mode=on] .rp-bar button{pointer-events:auto}.rp[data-play-mode=on] .rp-stage{column-gap:var(--space-5);row-gap:var(--space-2);padding:var(--space-2) var(--space-5) var(--space-2);grid-template:"phone copy"minmax(0,1fr)"phone actions"/minmax(0,1.1fr) minmax(0,1fr);height:100%}.rp[data-play-mode=on] .rp-phone{grid-area:phone;width:min(100%,119dvh - 47.6px)}.rp[data-play-mode=on] .rp-copy{grid-area:copy;align-self:end;min-height:0;padding-top:56px}.rp[data-play-mode=on] .rp-actions{grid-area:actions;align-self:start;min-height:0}.rp-head{font-size:clamp(1.3rem,4.4vw,1.9rem)}.rp[data-state=ringing] .rp-head{font-size:clamp(1.8rem,6vw,2.6rem)}.rp-time{font-size:clamp(2.8rem,10vw,4.2rem)}.rp-cta{min-height:52px;font-size:1.1rem}}@media (width>=900px) and (height>=600px){.rp[data-play-mode=on] .rp-phone{width:min(100%, max(280px, calc((100dvh - var(--rp-chrome)) * 1.19)), 880px)}.rp-head{font-size:2.5rem}.rp-time{font-size:5.5rem}}@media (prefers-reduced-motion:reduce){.rp[data-state=ringing] .rp-head{text-underline-offset:6px;text-decoration:underline 4px}}
