.hp-kap{position:relative;width:100%;max-width:100%;aspect-ratio:354/740;container-type:inline-size;--hp-scale:tan(atan2(100cqw,354px))}@supports not (transform:scale(tan(atan2(1px,1px)))){.hp-kap:not(.hp-ready){overflow:hidden}.hp-kap:not(.hp-ready) .hp-case,.hp-kap:not(.hp-ready) .hp-objs{opacity:0}}.hp{position:absolute;top:0;left:0;width:354px;height:740px;transform-origin:top left;transform:scale(var(--hp-scale,1));font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.35;font-weight:500;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}.hp *,.hp :after,.hp :before{box-sizing:border-box;margin:0;padding:0}.hp-objs{inset:0;z-index:0}.hp-obj,.hp-objs{position:absolute}.hp-obj{transition:transform 2.2s cubic-bezier(.25,.6,.25,1),opacity 1.6s ease;will-change:transform,opacity}.hp-obj.hp-parked{transform:translate(170px,-260px) scale(.45) rotate(10deg);opacity:0}.hp-obj.hp-tapped{animation:hp-nudge .4s ease}@keyframes hp-nudge{0%,to{translate:0 0}45%{translate:-9px 0}}.hp-card{top:108px;left:226px;width:200px;height:126px;border-radius:16px;background:linear-gradient(to top right,transparent,rgba(255,255,255,.04),transparent),#0b0b0d;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 48px -20px rgba(0,0,0,.55);padding:14px 16px;display:flex;flex-direction:column;justify-content:center}.hp-card-name{font-size:15px;font-weight:700;color:#fff;letter-spacing:-.01em}.hp-card-rule{width:48px;height:2px;background:var(--orange);margin:6px 0}.hp-card-role{font-size:10.5px;color:rgba(255,255,255,.55)}.hp-card-logo{position:absolute;right:12px;bottom:10px}.hp-sticker{top:112px;left:262px;width:128px;height:128px;border-radius:50%;background:#0b0b0d;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 24px 48px -20px rgba(0,0,0,.55);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.hp-sticker:after{content:"";position:absolute;inset:7px;border:2px solid var(--orange);border-radius:50%}.hp-sticker-tag{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:8px;font-weight:700;letter-spacing:.24em;color:rgba(255,255,255,.5)}.hp-taps{position:absolute;top:176px;left:318px;width:56px;height:56px;z-index:2;pointer-events:none}.hp-taps span{position:absolute;inset:0;border:2px solid var(--orange);border-radius:50%;opacity:0}.hp-taps.hp-go span{animation:hp-ripple 1.1s ease-out}.hp-taps.hp-go span:nth-child(2){animation-delay:.22s}@keyframes hp-ripple{0%{transform:scale(.4);opacity:.8}to{transform:scale(1.9);opacity:0}}.hp-case{position:relative;z-index:1;width:354px;height:740px;border-radius:54px;padding:12px;background:linear-gradient(155deg,#2b2b30,#131316 44%,#0a0a0c);box-shadow:0 0 0 1.5px rgba(255,255,255,.09),inset 0 1px 0 rgba(255,255,255,.07),0 36px 74px -26px rgba(0,0,0,.72),0 14px 30px -14px rgba(0,0,0,.5);transition:opacity .45s ease}.hp-btn{position:absolute;width:3px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,.17))}.hp-btn-mute{left:0;top:128px;height:30px}.hp-btn-vol1{left:0;top:178px;height:56px}.hp-btn-vol2{left:0;top:246px;height:56px}.hp-btn-power{right:0;top:210px;height:84px;background:linear-gradient(270deg,rgba(255,255,255,.02),rgba(255,255,255,.17))}.hp-screen{position:relative;width:330px;height:716px;border-radius:43px;overflow:hidden;background:radial-gradient(60% 42% at 20% 4%,rgba(244,121,31,.08),transparent 100%),linear-gradient(160deg,#101014,#17171c 52%,#0c0c10);color:#f5f5f7}.hp-island{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:94px;height:27px;border-radius:999px;background:#060608;z-index:8;display:flex;align-items:center;justify-content:flex-end;padding-right:9px}.hp-camera{width:8px;height:8px;border-radius:999px;background:radial-gradient(circle at 35% 30%,#2e3238,#08090b 70%);box-shadow:inset 0 0 0 1px rgba(160,170,185,.28)}.hp-status{position:absolute;top:0;left:0;right:0;height:46px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 20px 8px;z-index:7;color:rgba(245,245,247,.86)}.hp-time{font-size:12.5px;font-weight:800;letter-spacing:.2px}.hp-status-right{display:inline-flex;align-items:center;gap:5px}.hp-signal{width:17px;height:11px;fill:currentColor}.hp-wifi{width:15px;height:11px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.hp-batt{width:25px;height:11px}.hp-batt-case{fill:none;stroke:currentColor;stroke-width:1.2;opacity:.6}.hp-batt-fill{fill:currentColor}.hp-batt-tip{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;opacity:.55}.hp-body{position:absolute;top:46px;left:0;right:0;bottom:0}.hp-home{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);width:108px;height:4.5px;border-radius:999px;background:rgba(245,245,247,.3);z-index:9}.hp-glare{z-index:10;pointer-events:none;background:linear-gradient(116deg,rgba(255,255,255,.06),rgba(255,255,255,0) 34%,rgba(255,255,255,0) 66%,rgba(255,255,255,.035))}.hp-glare,.hp-scene{position:absolute;inset:0}.hp-scene{z-index:2;animation:hp-in .42s cubic-bezier(.22,.7,.3,1) both}.hp-scene.hp-out{z-index:1;animation:hp-cik .42s cubic-bezier(.4,0,.6,1) both}.hp-scene.hp-out *,.hp-scene.hp-out :after,.hp-scene.hp-out :before{animation:none!important;transition:none!important}@keyframes hp-in{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@keyframes hp-cik{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px) scale(.99)}}.hp-idle{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:opacity .35s ease}.hp-idle.hp-hidden{opacity:0}.hp-idle-clock{font-size:54px;font-weight:200;letter-spacing:.02em;color:rgba(245,245,247,.92)}.hp-idle-logo{opacity:.3;margin-top:18px}.hp-page{position:absolute;inset:0;z-index:4;background:var(--t-bg);color:var(--t-text);padding:14px 16px 0;display:flex;flex-direction:column}.hp-rise{animation:hp-rise .5s cubic-bezier(.22,.8,.3,1) both}.hp-rise-2{animation-delay:.08s}@keyframes hp-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hp-hud{display:flex;align-items:center;justify-content:space-between;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.18em;color:var(--t-sub);margin-bottom:16px}.hp-hud span{display:inline-flex;align-items:center;gap:6px}.hp-hud-dot{width:5px;height:5px;border-radius:999px;background:var(--t-accent);box-shadow:0 0 0 3px var(--t-tint)}.hp-ava-wrap{position:relative;width:var(--ava,84px);height:var(--ava,84px);margin:0 auto 12px}.hp-ring{position:absolute;inset:-6px;border:2px solid var(--t-accent);border-radius:50%;opacity:0;animation:hp-pulse 2.6s ease-out infinite}.hp-ring-2{animation-delay:1.3s}@keyframes hp-pulse{0%{transform:scale(.72);opacity:.7}to{transform:scale(1.55);opacity:0}}.hp-ava{position:relative;width:100%;height:100%;border-radius:50%;background:var(--t-btnbg);color:var(--t-btntext);font-size:26px;font-weight:700;border:2px solid var(--t-accent);box-shadow:0 0 24px -6px var(--t-glow)}.hp-ava,.hp-ava-nfc{display:flex;align-items:center;justify-content:center}.hp-ava-nfc{position:absolute;right:-2px;bottom:-2px;width:26px;height:26px;border-radius:50%;background:var(--t-accent);border:3px solid var(--t-bg);color:var(--t-bg)}.hp-name{font-size:21px;font-weight:800;letter-spacing:-.01em}.hp-bio,.hp-name{text-align:center}.hp-bio{font-size:12.5px;color:var(--t-sub);margin-top:3px}.hp-rows{display:flex;flex-direction:column;gap:9px;margin-top:18px}.hp-row{display:flex;align-items:center;gap:10px;height:var(--row,47px);padding:0 12px;border-radius:13px;background:var(--t-btnbg);border:1px solid var(--t-border);font-size:13px;font-weight:650;color:var(--t-btntext);opacity:0;transform:translateY(12px);transition:opacity .36s ease,transform .36s cubic-bezier(.22,.8,.3,1)}.hp-row.hp-in{opacity:1;transform:none}.hp-row-label{flex:1}.hp-row-arrow{color:var(--t-sub);display:flex}.hp-chip{width:var(--chip,30px);height:var(--chip,30px);border-radius:9px;display:flex;align-items:center;justify-content:center;flex:none}.hp-chip-tint{background:var(--t-tint);color:var(--t-accent)}.hp-made{margin-top:auto;padding:14px 0 16px;text-align:center;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:9px;letter-spacing:.2em;color:var(--t-sub)}.hp-made strong{color:var(--t-accent);font-weight:800;letter-spacing:.08em}@media (prefers-reduced-motion:reduce){.hp-kap *,.hp-kap :after,.hp-kap :before{transition:none!important}}.hp-kap.hp-calm *,.hp-kap.hp-calm :after,.hp-kap.hp-calm :before{transition:none!important;animation:none!important}.pf-reveal{transition:opacity .62s cubic-bezier(.22,1,.36,1),translate .62s cubic-bezier(.22,1,.36,1)}@media (scripting:enabled){.pf-reveal{opacity:0;translate:0 26px}}.pf-reveal.pf-in{opacity:1;translate:none}.pf-item{transition:opacity .5s cubic-bezier(.22,1.2,.36,1),translate .5s cubic-bezier(.22,1.2,.36,1)}@media (scripting:enabled){.pf-item{opacity:0;translate:0 10px}}.pf-stagger.pf-in .pf-item{opacity:1;translate:none}.pf-node{transition:scale .5s cubic-bezier(.22,1.5,.36,1)}@media (scripting:enabled){.pf-node{scale:0}}.pf-node.pf-in{scale:1}.pf-card{rotate:-8deg;translate:-18px 0;transition:opacity .7s cubic-bezier(.22,1.15,.36,1),rotate .7s cubic-bezier(.22,1.15,.36,1),translate .7s cubic-bezier(.22,1.15,.36,1)}@media (scripting:enabled){.pf-card{opacity:0;rotate:-10deg;translate:-30px 0}}.pf-card.pf-in{opacity:1;rotate:-8deg;translate:-18px 0}.pf-pill{transition:opacity .55s cubic-bezier(.22,1.5,.36,1) .6s,scale .55s cubic-bezier(.22,1.5,.36,1) .6s}@media (scripting:enabled){.pf-pill{opacity:0;scale:.8}}.pf-pill.pf-in{opacity:1;scale:1}.pf-ripple{opacity:0;animation:pf-ripple 1.8s ease-out infinite}.pf-ripple-2{animation-delay:.9s}@keyframes pf-ripple{0%{transform:scale(.6);opacity:.7}to{transform:scale(1.9);opacity:0}}.pf-beam{transform-origin:top;scale:1 1}@media (scripting:enabled){.pf-beam{scale:1 var(--pf-beam,0)}}@media (prefers-reduced-motion:reduce){.pf-card,.pf-item,.pf-node,.pf-pill,.pf-reveal{opacity:1!important;transition:none!important}.pf-item,.pf-reveal{translate:none!important}.pf-node,.pf-pill{scale:1!important}.pf-card{rotate:-8deg!important;translate:-18px 0!important}.pf-beam{scale:1 1!important}}