.bph-photo{background:linear-gradient(180deg, #6a9ee2 0, #71a3e4 var(--bph-top,0px), #6b6869 var(--bph-bottom,100%), #5c5a5b 100%)}.bph-stage{will-change:transform;position:absolute;top:0;left:0}.bph-back{will-change:transform;background-size:100% 100%;position:absolute;top:0;left:0}.bph-stage.blend .bh-video,.bph-stage.blend .bh-held{-webkit-mask-image:linear-gradient(#0000 0%,#000 14% 76%,#0000 87%);mask-image:linear-gradient(#0000 0%,#000 14% 76%,#0000 87%)}.bph-stage.marked{-webkit-mask-image:linear-gradient(#0000 0%,#000 16% 85%,#0000 91%);mask-image:linear-gradient(#0000 0%,#000 16% 85%,#0000 91%)}.bh-video,.bh-held{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bh-held{display:none}.bph-stage.held .bh-held{display:block}.bph .hx-wave.bph-wave{width:100%;height:100%}.bph-fade{z-index:2;pointer-events:none;background:linear-gradient(#14284c57 0%,#14284c00 24% 64%,#0e101633 80%,#0e101661 100%);position:absolute;inset:0}@media (min-width:761px){.nh .ph.bph{--ph-g:clamp(280px, 42svh, 520px);padding-top:64px;padding-bottom:56px}}@media (max-width:760px){.nh .ph.bph{--ph-g:calc(100vw * .83 * 900 / (.62 * 1600));min-height:calc(100vh + 8px - env(safe-area-inset-top,0px));min-height:calc(100lvh + 8px - env(safe-area-inset-top,0px));min-height:calc(max(100lvh, var(--lvh-lock,0px)) + 8px - env(safe-area-inset-top,0px));box-sizing:border-box;flex-direction:column;justify-content:center;padding-top:32px;padding-bottom:128px;display:flex}}.bp-rig{z-index:2;pointer-events:none;position:absolute;inset:0}.bp-phone{transform-origin:50%;will-change:transform, opacity;border-radius:calc(var(--bp-w) * .17);background:linear-gradient(160deg,#ffffff29,#ffffff0a 40%,#ffffff05 70%,#ffffff1a);position:absolute;top:0;left:0;box-shadow:0 30px 70px -24px #14285066}.bp-lens{border-radius:inherit;width:100%;height:100%;display:none;position:absolute;inset:0}.bp-lens.on{display:block}.bp-phone:before{content:"";z-index:2;border-radius:inherit;padding:max(2px, calc(var(--bp-w) * .014));-webkit-mask-composite:xor;background:linear-gradient(155deg,#ffe6cf 0%,#ffa96b 18%,#f59ab8 40%,#fff 52%,#b28cff 70%,#8b9eff 88%,#dce2ff 100%);position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.bp-phone:after{content:"";z-index:2;inset:max(4px, calc(var(--bp-w) * .03));border-radius:calc(var(--bp-w) * .14);position:absolute;box-shadow:inset 0 0 0 1px #ffffff38}.bp-glare{z-index:2;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.bp-glare:before{content:"";background:linear-gradient(#fff0,#ffffff42 45%,#fff0);width:90%;height:60%;position:absolute;top:-30%;left:30%;transform:rotate(-28deg)}.bp-btn{width:max(2px, calc(var(--bp-w) * .016));background:linear-gradient(#ffd9bc,#f5b8cc 50%,#c9b6ff);border-radius:2px;position:absolute}.bp-btn.l1{height:9%;top:22%;left:0;translate:-100%}.bp-btn.l2{height:9%;top:33%;left:0;translate:-100%}.bp-btn.r{background:linear-gradient(#d6c6ff,#a9b6ff);height:14%;top:27%;right:0;translate:100%}.bp-screen{z-index:3;isolation:isolate;box-sizing:border-box;font-size:calc(var(--bp-w) * .062);color:#fff;text-align:left;letter-spacing:0;position:absolute;inset:0}.bp-who{text-shadow:0 1px 6px #08183473;justify-content:center;align-items:center;gap:.35em;font-size:.78em;font-weight:700;display:flex;position:absolute;top:10%;left:0;right:0}.bp-rec{white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-variant-numeric:tabular-nums;background:#0c0e166b;border-radius:99px;align-items:center;gap:.4em;padding:.34em .68em .34em .58em;font-size:.78em;transition:background .4s,scale .4s cubic-bezier(.3,1.5,.5,1),top .7s cubic-bezier(.22,1,.36,1);display:inline-flex;position:absolute;top:17%;left:50%;translate:-50%;box-shadow:inset 0 0 0 1px #ffffff2e}.bp-rec b{font-weight:700}.bp-rec i{background:#ff3b30;border-radius:50%;width:.72em;height:.72em;transition:background .3s,box-shadow .3s;animation:1.1s ease-in-out infinite bp-blink;box-shadow:0 0 .8em #ff3b30}@keyframes bp-blink{50%{opacity:.25}}.bp-screen:not([data-step=rec]) .bp-rec{background:#30d15857;scale:.94}.bp-screen:not([data-step=rec]) .bp-rec i{background:#30d158;animation:none;box-shadow:0 0 .8em #30d158}.bp-bars{justify-content:center;align-items:center;gap:.2em;height:30%;transition:opacity .35s,scale .45s cubic-bezier(.5,0,.75,0);display:flex;position:absolute;top:30%;left:8%;right:8%}.bp-bars i{background:linear-gradient(#ffa96b,#f59ab8 50%,#8b9eff);border-radius:.2em;width:.26em;height:6%}.bp-screen:not([data-step=rec]) .bp-bars{opacity:0;scale:.2}.bp-cap{opacity:0;justify-items:center;gap:.6em;transition:opacity .35s,scale .5s cubic-bezier(.3,1.5,.5,1),top .7s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:34%;left:0;right:0;scale:.7}.bp-cap svg{aspect-ratio:1;width:38%;overflow:visible}.bp-cap .bg{fill:#30d1582e}.bp-cap .ring{fill:none;stroke:#30d158;stroke-width:4px;stroke-linecap:round;stroke-dasharray:214;stroke-dashoffset:214px;transform-origin:40px 40px;filter:drop-shadow(0 0 8px #30d15899);transform:rotate(-90deg)}.bp-cap .tick{fill:none;stroke:#fff;stroke-width:5.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40px}.bp-cap b{text-shadow:0 1px 8px #00000059;font-size:.88em;font-weight:800;transition:opacity .3s}.bp-screen:not([data-step=rec]) .bp-cap{opacity:1;scale:1}.bp-screen:not([data-step=rec]) .bp-cap .ring{stroke-dashoffset:0;transition:stroke-dashoffset .55s ease-out}.bp-screen:not([data-step=rec]) .bp-cap .tick{stroke-dashoffset:0;transition:stroke-dashoffset .35s ease-out .45s}.bp-screen[data-step=say] .bp-cap{top:60%}.bp-screen[data-step=say] .bp-cap b{opacity:0}.bp-screen[data-step=say] .bp-rec{top:53%}.bp-words{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;background:#0c0e1657;border-radius:1.17em;padding:.78em .85em;transition:opacity .5s,translate .5s cubic-bezier(.22,1,.36,1);position:absolute;top:31%;left:7%;right:7%;translate:0 .6em;box-shadow:inset 0 0 0 1px #ffffff29}.bp-words.on{opacity:1;translate:0}.bp-from{letter-spacing:.12em;text-transform:uppercase;color:#ffffffb8;align-items:center;gap:.4em;margin-bottom:.35em;font-size:.68em;font-weight:800;display:flex}.bp-words p{margin:0;font-size:.94em;font-weight:600;line-height:1.35}.bp-words p span{white-space:pre;opacity:0;display:inline-block}.bp-ping{z-index:3;pointer-events:none;will-change:transform;font-size:clamp(10px,1.25vw,15px);position:absolute;top:0;left:0}.bp-ping-bubble{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-origin:0 100%;opacity:0;background:#f4f4f7f0;border-radius:1.05em 1.05em 1.05em .35em;align-items:center;min-height:2.1em;padding:.45em .7em;transition:opacity .3s,scale .35s cubic-bezier(.3,1.4,.5,1);display:flex;translate:0 -100%;scale:.5;box-shadow:0 6px 18px -6px #0a142873}.bp-ping.on .bp-ping-bubble{opacity:1;scale:1}.bp-ping-wave{width:2.5em;height:1em;animation:.9s ease-in-out infinite bp-talk;overflow:visible}.bp-ping-wave path{fill:none;stroke:url(#bp-ping-dawn);stroke-width:2.4px;stroke-linecap:round}@keyframes bp-talk{0%,to{scale:1 .45}50%{scale:1}}@media (max-width:760px){.bp-ping{font-size:10.5px}}@media (prefers-reduced-motion:reduce){.bp-ping-bubble,.bp-words,.bp-rec,.bp-bars,.bp-cap{transition:none}.bp-rec i,.bp-ping-wave{animation:none}}
