.hp-stage{--hp-canvas:var(--cf-canvas,#f6cfdd);--hp-paper:var(--cf-paper,#faf9f6);--hp-surface:var(--cf-surface,#fff);--hp-grey:var(--cf-grey,#f4f4f5);--hp-line:#ececee;--hp-line-2:var(--cf-line-2,#d4d4d8);--hp-ink:var(--cf-ink,#0b0b0c);--hp-ink-2:var(--cf-ink-2,#3f3f46);--hp-ink-3:#5f5f68;--hp-side:#0b0b0c;--hp-side-2:#1c1c1f;--hp-side-text:#a1a1aa;--hp-check:var(--cf-check,#f6cfdd);--hp-head:var(--cf-font-head,"Outfit", "Avenir Next", ui-sans-serif, system-ui, sans-serif);--hp-body:var(--cf-font-body,"Figtree", "Avenir Next", ui-sans-serif, system-ui, sans-serif);height:780px;color:var(--hp-ink);font-family:var(--hp-body);font-variant-numeric:tabular-nums;text-align:left;-webkit-user-select:none;user-select:none;line-height:1.5;position:relative}.hp-stage :where(p){margin:0}.hp-stage svg{stroke-width:1.6px;flex:none;width:16px;height:16px;display:block}.hp-strong{white-space:nowrap;font-weight:600}.hp-avatar{width:26px;height:26px;font-family:var(--hp-head);letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:600;display:grid}.hp-avatar.is-canvas{width:32px;height:32px;color:var(--hp-ink);background:var(--hp-canvas);font-size:11.5px}.hp-phone{z-index:2;background:var(--hp-surface);border-radius:40px;flex-direction:column;width:296px;height:604px;display:flex;position:absolute;top:168px;left:0;overflow:hidden;box-shadow:0 0 0 1px #0b0b0c0f,0 3px 8px #0b0b0c1a,0 50px 90px -30px #3c0a0a8c}.hp-phone-top{color:#fff;background:var(--hp-side);padding:0 18px 22px}.hp-statusbar{justify-content:space-between;align-items:center;height:44px;padding:0 6px 0 10px;font-size:12.5px;font-weight:600;display:flex}.hp-statusbar-icons{align-items:center;gap:5px;display:flex}.hp-statusbar-icons svg{width:auto;height:11px}.hp-hello{align-items:center;gap:10px;margin-top:4px;display:flex}.hp-hello strong{flex:1;font-size:13px;font-weight:600}.hp-bell{background:var(--hp-side-2);border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:relative}.hp-bell svg{width:15px;height:15px}.hp-bell:after{content:"";background:var(--hp-canvas);width:7px;height:7px;box-shadow:0 0 0 2px var(--hp-side-2);border-radius:50%;position:absolute;top:7px;right:8px}.hp-pay-label{color:var(--hp-side-text);margin-top:16px;font-size:11.5px;font-weight:500}.hp-pay{font-family:var(--hp-head);letter-spacing:-.035em;margin-top:4px;font-size:40px;font-weight:600;line-height:1}.hp-pay small{letter-spacing:-.01em;font-size:22px}.hp-pay-when{color:var(--hp-side-text);justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:11px;display:flex}.hp-goal{background:var(--hp-side-2);border-radius:14px;margin-top:14px;padding:12px 12px 13px}.hp-goal>div{justify-content:space-between;font-size:11px;font-weight:600;display:flex}.hp-goal>div span{color:var(--hp-side-text);font-weight:500}.hp-goal-track{background:#3f3f46;border-radius:3px;height:6px;margin-top:9px;overflow:hidden}.hp-goal-track i{background:var(--hp-canvas);border-radius:3px;height:100%;display:block}.hp-phone-body{background:var(--hp-surface);border-radius:18px 18px 0 0;flex:1;min-height:0;margin-top:-14px;padding:16px 16px 0;overflow:hidden}.hp-phone-title{font-family:var(--hp-head);font-size:14.5px;font-weight:600}.hp-phone-title.is-second{margin-top:14px}.hp-lines{margin-top:6px}.hp-line{border-bottom:1px solid var(--hp-line);grid-template-columns:30px minmax(0,1fr) auto 12px;align-items:center;gap:10px;height:46px;display:grid}.hp-line-icon{background:var(--hp-grey);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.hp-line-icon svg{width:14px;height:14px}.hp-line strong{font-size:12px;font-weight:600;line-height:1.3;display:block}.hp-line small{color:var(--hp-ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;line-height:1.3;display:block;overflow:hidden}.hp-line .hp-strong{font-size:12.5px}.hp-line .hp-chevron{width:12px;height:12px;color:var(--hp-ink-3)}.hp-tabs{background:var(--hp-surface);border-top:1px solid var(--hp-line);flex:none;grid-template-columns:repeat(5,minmax(0,1fr));height:76px;padding:8px 6px 0;display:grid}.hp-tabs span{color:#8e8e96;flex-direction:column;align-items:center;gap:4px;font-size:9.5px;font-weight:600;display:flex}.hp-tabs svg{width:19px;height:19px}.hp-tabs .is-active{color:var(--hp-ink)}.hp-home-indicator{background:var(--hp-ink);border-radius:2px;width:110px;height:4px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.hp-stage.is-phone-only{width:296px;height:604px}.hp-stage.is-phone-only .hp-phone{top:0;left:0;box-shadow:0 0 0 1px #0b0b0c0f,0 3px 8px #0b0b0c1a,0 60px 100px -40px #0b0b0c73}.hp-sculpture{--drift-x:0px;--drift-y:0px;isolation:isolate;color:#0b0b0c;width:100%;min-width:0;font-family:var(--cf-font-body);position:relative;container-type:inline-size}.hp-sculpture:before{content:"";z-index:-1;pointer-events:none;background:#f0e1e5;border-radius:100px 24px 24px;position:absolute;inset:-12px 0 -6px 42px}.hp-card-composition{grid-template-columns:57% 36%;align-items:center;column-gap:7%;min-height:440px;padding-block:28px;display:grid;position:relative}.hp-paper{background:#fff;border:1px solid #1e141912;border-radius:12px;position:relative;box-shadow:0 2px 4px #2d141e08,0 14px 28px -14px #3414202e}.hp-total-wrap{isolation:isolate;z-index:2;transform:translate(var(--drift-x), var(--drift-y));transition:transform .55s cubic-bezier(.2,.8,.2,1);position:relative}.hp-total-card{padding:clamp(20px,4.5cqw,34px);transform:rotate(-.5deg)}.hp-payroll-heading{border-bottom:1px solid #140f0c40;padding-bottom:22px}.hp-sculpture .hp-payroll-heading h2{letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(18px,3.7cqw,27px);font-weight:650;line-height:1.2}.hp-payroll-heading>div{white-space:nowrap;color:#66616a;justify-content:space-between;align-items:baseline;gap:12px;font-size:clamp(11px,2cqw,15px);display:flex}.hp-person-total{padding-top:30px}.hp-sculpture .hp-person-total h3{letter-spacing:-.035em;margin:0 0 18px;font-size:clamp(18px,3.6cqw,27px);font-weight:650;line-height:1.15}.hp-result{text-align:center;background:linear-gradient(120deg,#f8d8e3,#f2c3d3);border-radius:6px;margin:0;padding:14px 4px 18px}.hp-sculpture .hp-result-label{color:#66616a;margin:0 0 10px;font-size:clamp(12px,2cqw,14px)}.hp-result>span:not(.sr-only){white-space:nowrap;font-family:var(--font-sans);letter-spacing:-.055em;font-variant-numeric:lining-nums tabular-nums;font-size:clamp(36px,7.4cqw,56px);font-weight:650;line-height:1.1;display:block}.hp-parts{z-index:2;transform:translate(calc(var(--drift-x) * -.7), calc(var(--drift-y) * -.7));grid-auto-rows:1fr;gap:24px;transition:transform .65s cubic-bezier(.2,.8,.2,1);display:grid;position:relative}.hp-part-card{height:100%;padding:clamp(16px,3cqw,24px)}.hp-part-explanation{color:#625d65;margin-top:10px;font-size:clamp(11px,2cqw,13px);line-height:1.45;display:block}.hp-sculpture .hp-part-card h3{letter-spacing:-.025em;margin:0 0 14px;font-size:clamp(15px,2.8cqw,21px);font-weight:650;line-height:1.1}.hp-part-card p{white-space:nowrap;font-family:var(--font-sans);letter-spacing:-.055em;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(25px,4.9cqw,37px);font-weight:650;line-height:1.1}.hp-part-node{background:#0b0b0c;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:-5px;transform:translateY(-50%)}.hp-part-wrap{position:relative}.hp-parts:before{content:"";border-left:1.5px solid #0b0b0c;position:absolute;top:calc(16.6667% - 8px);bottom:calc(16.6667% - 8px);left:-12%}.hp-parts:after{content:"";border-top:1.5px solid #0b0b0c;width:25%;position:absolute;top:50%;left:-25%}.hp-part-wrap:before{content:"";border-top:1.5px solid #0b0b0c;width:12%;position:absolute;top:50%;left:-12%}.hp-concept-caption{color:#65545c;text-align:right;margin:0;padding:0 0 20px;font-size:11px}.hp-sculpture.is-playing .hp-total-card{animation:.9s cubic-bezier(.16,1,.3,1) both hp-total-enter}.hp-sculpture.is-playing .hp-part-card{animation:.75s cubic-bezier(.16,1,.3,1) both hp-part-enter;animation-delay:calc(.18s + var(--part-index) * .18s)}.hp-sculpture.is-playing .hp-part-wrap:before{animation:.6s both hp-branch-in;animation-delay:calc(.42s + var(--part-index) * .18s);transform-origin:100%}.hp-sculpture.is-playing .hp-parts:before,.hp-sculpture.is-playing .hp-parts:after{animation:.7s .65s both hp-wire-in}.hp-sculpture.is-playing .hp-result{animation:1.1s .9s both hp-total-glow}@keyframes hp-total-enter{0%{opacity:0;translate:0 22px}to{opacity:1;translate:0}}@keyframes hp-part-enter{0%{opacity:0;translate:14px 20px}to{opacity:1;translate:0}}@keyframes hp-branch-in{0%{scale:0 1}to{scale:1}}@keyframes hp-wire-in{0%{opacity:0}to{opacity:1}}@keyframes hp-total-glow{0%,to{box-shadow:0 0 #f6cfdd00}45%{box-shadow:0 0 24px 5px #f6cfdda6}}@media (max-width:960px){.hp-sculpture{max-width:720px;margin-inline:auto}}@media (max-width:600px){.hp-sculpture:before{border-radius:56px 16px 16px;inset:-12px 0 0}.hp-card-composition{grid-template-columns:1fr;gap:34px;min-height:0;padding:14px 6px}.hp-total-wrap{width:86%;margin-inline:auto}.hp-total-card{padding:24px;transform:none}.hp-payroll-heading{padding-bottom:16px}.hp-sculpture .hp-payroll-heading h2{font-size:22px}.hp-payroll-heading>div{font-size:12px}.hp-person-total{padding-top:22px}.hp-sculpture .hp-person-total h3{margin-bottom:14px;font-size:23px}.hp-result>span:not(.sr-only){font-size:clamp(32px,11cqw,50px)}.hp-parts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hp-part-card{text-align:center;padding:18px 5px 16px}.hp-sculpture .hp-part-card h3{margin-bottom:10px;font-size:12px}.hp-part-card p{font-size:clamp(14px,5cqw,23px)}.hp-part-explanation{font-size:10px}.hp-part-node{width:8px;height:8px;top:0;left:50%;transform:translate(-50%,-50%)}.hp-part-wrap:before{display:none}.hp-parts:before{content:"";border:1px solid #0b0b0c;border-bottom:0;border-radius:8px 8px 0 0;height:18px;position:absolute;inset:-18px 16% auto}.hp-parts:after{content:"";border-top:0;border-left:1px solid #0b0b0c;width:0;height:34px;position:absolute;top:-34px;left:50%}.hp-concept-caption{text-align:center;margin-top:12px}}.hp-sculpture.has-photo:before{display:none}.hp-seller-photo{background:#e1e7e9;border-radius:80px 24px 24px;height:72cqw;max-height:440px;position:absolute;inset:0 0 auto;overflow:hidden}.hp-seller-photo img{object-fit:cover;object-position:70% 50%;width:100%;height:100%;display:block}.has-photo .hp-card-composition{min-height:0;padding:25cqw 0 0;display:block}.has-photo .hp-total-wrap{width:53%;margin:0}.has-photo .hp-total-card{padding:clamp(16px,3.5cqw,24px);transform:rotate(-1deg)}.has-photo .hp-payroll-heading{padding-bottom:12px}.hp-sculpture.has-photo .hp-payroll-heading h2{margin-bottom:5px;font-size:clamp(16px,3.2cqw,22px)}.has-photo .hp-person-total{padding-top:14px}.hp-sculpture.has-photo .hp-person-total h3{margin-bottom:10px;font-size:clamp(18px,3.5cqw,24px)}.hp-sculpture.has-photo .hp-result-label{margin-bottom:8px;font-size:11px}.has-photo .hp-result{padding:12px 4px}.has-photo .hp-result>span:not(.sr-only){font-size:clamp(30px,7cqw,46px)}.has-photo .hp-parts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px}.has-photo .hp-part-card{padding:clamp(12px,2.5cqw,18px)}.hp-sculpture.has-photo .hp-part-card h3{margin-bottom:10px;font-size:clamp(12px,2.5cqw,17px)}.has-photo .hp-part-card p{font-size:clamp(18px,4.4cqw,29px)}.has-photo .hp-part-explanation{margin-top:8px;font-size:clamp(10px,1.9cqw,12px)}.has-photo .hp-part-node{width:7px;height:7px;top:0;left:50%;transform:translate(-50%,-50%)}.has-photo .hp-parts:before{border:0;border-top:1px solid #403940;height:0;inset:-13px 16.66% auto}.has-photo .hp-parts:after{border:0;border-left:1px solid #403940;width:0;height:13px;top:-26px;left:26.5%}.has-photo .hp-part-wrap:before{border:0;border-left:1px solid #403940;width:0;height:13px;display:block;top:-13px;left:50%}.has-photo .hp-concept-caption{margin-top:12px;padding-bottom:0;font-size:10px}@media (max-width:600px){.hp-seller-photo{border-radius:48px 18px 18px;height:90cqw}.has-photo .hp-card-composition{padding-top:52cqw}.has-photo .hp-total-wrap{width:66%}.has-photo .hp-total-card{padding:16px}.has-photo .hp-result>span:not(.sr-only){font-size:clamp(29px,9cqw,40px)}.has-photo .hp-parts{gap:8px}.has-photo .hp-part-card{text-align:center;padding:14px 7px}.has-photo .hp-part-card p{font-size:clamp(16px,5cqw,24px)}.has-photo .hp-parts:after{left:33%}}@media (prefers-reduced-motion:reduce){.hp-sculpture *,.hp-sculpture :before,.hp-sculpture :after{transition:none!important;animation:none!important}.hp-total-wrap,.hp-parts{transform:none}}