.hp-phone-wrap{width:470px;max-width:100%;height:680px;margin:0 auto;position:relative}.hp-phone{background:#141210;border-radius:54px;width:312px;height:648px;padding:11px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 50px 80px -40px #3c140a8c,inset 0 0 0 2px #2b2724}.hp-screen-clip{border-radius:44px;width:290px;height:626px;position:relative;overflow:hidden}.hp-screen{transform-origin:0 0;color:#141415;background:radial-gradient(360px 300px at 100% 0,#ffaf788c,#ffaf7800 70%),radial-gradient(300px 260px at 20% -6%,#f7cfe0b3,#f7cfe000 70%),#f4f2ef;flex-direction:column;gap:14px;width:390px;height:844px;padding:58px 22px 24px;display:flex;position:absolute;top:0;left:0;transform:scale(.7436)}.hp-island{background:#141210;border-radius:9999px;width:124px;height:36px;margin-left:-62px;position:absolute;top:14px;left:50%}.hp-tile{background:linear-gradient(150deg,#ffffffeb,#ffffffa3);border:1px solid #fff;border-radius:26px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.hp-stmt{color:#fff;border-radius:32px;flex-direction:column;gap:14px;padding:22px;display:flex;position:absolute;inset:0}.hp-stmt-on{background:radial-gradient(260px 200px at 90% 0,#ffffff4d,#fff0 70%),linear-gradient(140deg,#e2560a 0%,#d93a4f 55%,#9a35c0 100%);box-shadow:inset 0 1px #ffffff73,0 30px 50px -30px #a0285099}.hp-stmt-lock{background:radial-gradient(260px 200px at 90% 0,#ffffff47,#fff0 70%),linear-gradient(140deg,#c2261c 0%,#b4245a 55%,#7a2fa8 100%);box-shadow:inset 0 1px #fff6,0 30px 50px -30px #961e3c99}.hp-tag{color:#141415;font-family:var(--font-st-mono), monospace;letter-spacing:.14em;text-transform:uppercase;background:#ffffffeb;border-radius:9999px;align-items:center;gap:7px;padding:7px 12px;font-size:10.5px;display:inline-flex}.hp-badge{white-space:nowrap;background:#14121047;border-radius:9999px;padding:7px 12px;font-size:13px;font-weight:500;display:inline-flex}.hp-big{align-items:baseline;gap:10px;margin:0;line-height:.9;display:flex}.hp-big b{letter-spacing:-.06em;font-size:110px;font-weight:200}.hp-big span{letter-spacing:-.04em;color:#ffffffc7;font-size:40px;font-weight:200}.hp-slot{background:#ffffff47;border-radius:9999px;flex:1;height:10px}.hp-row{border-top:1px solid #0000000f;justify-content:space-between;align-items:center;min-height:46px;display:flex}.hp-tabbar{background:#ffffffe0;border:1px solid #fff;border-radius:9999px;padding:6px;display:flex;position:absolute;bottom:26px;left:22px;right:22px;box-shadow:0 18px 34px -22px #3c230f80}.hp-push{z-index:3;background:#fffffff0;border-radius:26px;align-items:center;gap:12px;padding:14px 16px;display:flex;position:absolute;top:12px;left:12px;right:12px;box-shadow:0 24px 40px -20px #28140a80}.hp-float{background:#fff;border-radius:24px;position:absolute;box-shadow:0 24px 40px -22px #3c140a80}@keyframes hpA{0%,31%{opacity:1}34%,97%{opacity:0}to{opacity:1}}@keyframes hpB{0%,31%{opacity:0}34%,64%{opacity:1}67%,to{opacity:0}}@keyframes hpC{0%,64%{opacity:0}67%,96%{opacity:1}99%,to{opacity:0}}@keyframes hpAB{0%,64%{opacity:1}67%,96%{opacity:0}99%,to{opacity:1}}@keyframes hpRowB{0%,31%{opacity:0;max-height:0}36%,96%{opacity:1;max-height:56px}to{opacity:0;max-height:0}}@keyframes hpRowC{0%,64%{opacity:0;max-height:0}69%,96%{opacity:1;max-height:56px}to{opacity:0;max-height:0}}@keyframes hpSlot2{0%,31%{background:#ffffff47}34%,97%{background:#fff}to{background:#ffffff47}}@keyframes hpPush{0%,68%{opacity:0;transform:translateY(-150%)}72%,91%{opacity:1;transform:translateY(0)}95%,to{opacity:0;transform:translateY(-150%)}}@keyframes hpPop{0%,67%{opacity:0;transform:scale(.92)}71%,95%{opacity:1;transform:scale(1)}99%,to{opacity:0;transform:scale(.92)}}@keyframes hpFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes hpDots{to{stroke-dashoffset:-40px}}.hp-a{animation:9s infinite hpA}.hp-b{opacity:0;animation:9s infinite hpB}.hp-c{opacity:0;animation:9s infinite hpC}.hp-ab{animation:9s infinite hpAB}.hp-row-b{opacity:0;max-height:0;animation:9s infinite hpRowB;overflow:hidden}.hp-row-c{opacity:0;max-height:0;animation:9s infinite hpRowC;overflow:hidden}.hp-slot-2{animation:9s infinite hpSlot2}.hp-push{opacity:0;animation:9s cubic-bezier(.2,.8,.2,1) infinite hpPush}.hp-pop{opacity:0;animation:9s cubic-bezier(.2,.8,.2,1) infinite hpPop}.hp-floaty{animation:6s ease-in-out infinite hpFloat}.hp-dots{animation:4s linear infinite hpDots}@keyframes hpTilt{0%{transform:perspective(1200px)rotateY(-9deg)rotateX(4deg)}to{transform:perspective(1200px)rotateY(6deg)rotateX(-2deg)translateY(-30px)}}@keyframes hpSeg{0%{opacity:.2;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@supports (animation-timeline:scroll()){.hp-tilt{animation:linear both hpTilt;animation-timeline:scroll(root);animation-range:0 700px}.hp-seg{transform-origin:0;animation:linear both hpSeg;animation-timeline:view();animation-range:entry calc(20% + var(--i) * 5%) cover calc(30% + var(--i) * 5%)}}.hp-mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.hp-mq:hover .st-marquee{animation-play-state:paused}.hp-chip{color:#141415;white-space:nowrap;background:#ffffffb3;border:1px solid #fff;border-radius:9999px;flex-shrink:0;align-items:center;min-height:40px;padding:0 16px;font-size:14px;display:inline-flex}.hp-tl{grid-template-columns:52px 12px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:48px;font-size:15px;display:grid}.hp-tl+.hp-tl{border-top:1px solid #0000000f}.hp-tl time{font-family:var(--font-st-mono), monospace;font-size:12.5px}.hp-on-grad .hp-tl+.hp-tl{border-color:#ffffff2e}.hp-lead{align-items:baseline;gap:12px;font-size:15.5px;display:flex}.hp-lead i{border-bottom:2px dotted #c9c2ba;flex:1;transform:translateY(-4px)}.hp-qa+.hp-qa{border-top:1px solid #0000000f}.hp-qa summary{cursor:pointer;align-items:center;gap:16px;min-height:72px;padding:0 26px;font-size:16.5px;font-weight:500;list-style:none;display:flex}.hp-qa summary::-webkit-details-marker{display:none}.hp-pm{color:#141415;width:32px;height:32px;transition:transform .35s var(--ease), background .35s var(--ease), color .35s var(--ease);background:#efebe6;border-radius:9999px;flex:0 0 32px;justify-content:center;align-items:center;display:flex}.hp-qa[open] .hp-pm{color:#fff;background:#141210;transform:rotate(45deg)}.hp-qa p{color:var(--mute);max-width:720px;padding:0 26px 24px;font-size:15px;line-height:1.65}.hp-mode{text-align:left;color:#141415;min-height:44px;transition:background .3s var(--ease), color .3s var(--ease), transform .3s var(--ease);background:#fff;border:1px solid #0000000f;border-radius:22px;padding:16px}.hp-mode:hover{transform:translateY(-2px)}.hp-mode.is-on{color:#fff;background:#141210;border-color:#141210}.hp-mode.is-on .hp-mode-sub{color:#ffffffbf}.hp-opt{color:#3f4852;min-height:46px;transition:background .3s var(--ease), color .3s var(--ease);border-radius:9999px;font-size:15px}.hp-opt.is-on{color:#fff;background:#141210;font-weight:500}.hp-mode:focus-visible,.hp-opt:focus-visible{outline-offset:2px;outline:2px solid #ff730d}.hp-lock-s{transition:transform .45s cubic-bezier(.3,1.6,.5,1);transform:translateY(-3px)}.hp-final:hover .hp-lock-s{transform:translateY(0)}@media (max-width:639px){.hp-phone-wrap{transform-origin:top;margin-bottom:-92px;transform:scale(.86)}.hp-float-score{display:none}}@media (prefers-reduced-motion:reduce){.hp-a,.hp-b,.hp-c,.hp-ab,.hp-row-b,.hp-row-c,.hp-slot-2,.hp-push,.hp-pop,.hp-floaty,.hp-dots,.hp-tilt,.hp-seg,.hp-lock-s{transition:none!important;animation:none!important}}
