:root{--bg: #f7f9f8;--paper: #ffffff;--surface: #ffffff;--gray: #f2f5f3;--line: #e4eae6;--line-strong: #c9d6cf;--ink: #12201a;--muted: #4b5a52;--green: #157a4a;--green-deep: #0f5d38;--green-tint: #e3f1e8;--butter: #fff3c4;--butter-ink: #7a5a00;--danger: #b42318;--danger-soft: #fee4e2;--radius: 28px;--radius-sm: 16px;--shadow: 0 1px 2px rgba(18, 32, 26, .05), 0 20px 40px -32px rgba(18, 32, 26, .35);--display: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;--body: "Nunito Sans", "Helvetica Neue", Arial, sans-serif;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--dur-press: .12s;--dur-fast: .18s;--dur-enter: .32s}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--green);text-decoration:none}a:hover{color:var(--green-deep);text-decoration:underline}button,input,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4{margin:0 0 8px;font-family:var(--display);font-weight:800;line-height:1.05;letter-spacing:-.03em;text-wrap:pretty}h1{font-size:44px}h2{font-size:26px}h3{font-size:20px;letter-spacing:-.02em}p{margin:0 0 12px}.hp-muted{color:var(--muted)}.hp-small{font-size:13px}.hp-display{font-family:var(--display);font-weight:800;letter-spacing:-.02em}.hp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:999px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);font-weight:800;font-size:14px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform var(--dur-press) var(--ease-out)}.hp-btn:hover{background:var(--gray)}.hp-btn:active{transform:scale(.97)}.hp-btn--icon:active{transform:scale(.92)}.hp-btn:disabled{opacity:.5;cursor:not-allowed}.hp-btn--primary{background:var(--green);border-color:var(--green);color:#fff}.hp-btn--primary:hover{background:var(--green-deep);border-color:var(--green-deep)}.hp-btn--ink{background:var(--ink);border-color:var(--ink);color:#fff}.hp-btn--ink:hover{background:#000}.hp-btn--soft{background:var(--gray);border-color:var(--gray)}.hp-btn--soft:hover{background:var(--line);border-color:var(--line)}.hp-btn--danger{border-color:var(--line);color:var(--danger)}.hp-btn--danger:hover{background:var(--danger-soft);border-color:var(--danger-soft)}.hp-btn--ghost{border-color:transparent;background:transparent}.hp-btn--ghost:hover{background:var(--gray)}.hp-btn--lg{padding:16px 22px;font-size:16px}.hp-btn--icon{padding:11px}.hp-btn--on{background:var(--green-tint);border-color:var(--green);color:var(--green)}.hp-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.hp-field label{font-weight:700;font-size:13px;color:var(--muted)}.hp-field .hp-hint{font-size:13px;color:var(--muted)}.hp-input,.hp-textarea,.hp-select{width:100%;padding:12px 16px;border-radius:var(--radius-sm);border:2px solid var(--line);background:var(--paper);color:var(--ink);outline:none;font-weight:600;font-size:15px;transition:border-color .15s,box-shadow .15s}.hp-input::placeholder,.hp-textarea::placeholder{color:var(--muted);opacity:.7}.hp-input:focus,.hp-textarea:focus,.hp-select:focus{border-color:var(--green);box-shadow:0 0 0 4px var(--green-tint)}.hp-textarea{min-height:96px;resize:vertical;line-height:1.5;font-weight:500}.hp-check{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.hp-check input{width:18px;height:18px;accent-color:var(--green)}.hp-shell{min-height:100vh;display:flex;flex-direction:column}.hp-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;padding:16px 48px;background:var(--paper);border-bottom:1px solid var(--line)}.hp-brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:-.02em;color:var(--green)}.hp-brand__mark{width:32px;height:32px;border-radius:11px;background:var(--green);display:grid;place-items:center;color:#fff}.hp-nav{display:flex;gap:6px}.hp-nav a{padding:10px 16px;border-radius:999px;color:var(--muted);font-weight:700;font-size:14px;transition:background var(--dur-fast) ease,color var(--dur-fast) ease,transform var(--dur-press) var(--ease-out)}.hp-nav a:active{transform:scale(.96)}.hp-nav a:hover{background:var(--gray);color:var(--ink);text-decoration:none}.hp-nav a.active{background:var(--ink);color:#fff}.hp-topbar__spacer{flex:1}.hp-user{display:flex;align-items:center;gap:10px;font-size:14px}.hp-user img{width:36px;height:36px;border-radius:50%}.hp-main{width:100%;max-width:1184px;margin:0 auto;padding:36px 48px 72px}.hp-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:28px;flex-wrap:wrap}.hp-page-head p{margin:6px 0 0;font-size:16px}.hp-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.hp-card+.hp-card{margin-top:16px}.hp-card--green{background:var(--green);color:#fff;box-shadow:none}.hp-card--green .hp-muted{color:#ffffffd1}.hp-card--tint{background:var(--green-tint);box-shadow:none}.hp-card--butter{background:var(--butter);color:var(--butter-ink);box-shadow:none}.hp-card--gray{background:var(--gray);box-shadow:none}.hp-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.hp-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.hp-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hp-stack{display:flex;flex-direction:column;gap:12px}.hp-stepnum{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:14px}.hp-stepnum--green{background:var(--green)}.hp-stepnum--butter{background:var(--butter-ink)}.hp-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:800;background:var(--gray);color:var(--muted);transition:background var(--dur-fast) ease,color var(--dur-fast) ease}.hp-badge--ok{background:var(--green-tint);color:var(--green)}.hp-badge--warn{background:var(--butter);color:var(--butter-ink)}.hp-badge--danger{background:var(--danger-soft);color:var(--danger)}.hp-badge--accent{background:var(--green-tint);color:var(--green)}.hp-badge--ink{background:var(--ink);color:#fff}.hp-live-dot{width:8px;height:8px;border-radius:50%;background:var(--green)}.hp-alert{padding:14px 18px;border-radius:var(--radius-sm);background:var(--gray);font-size:14px;font-weight:600;margin-bottom:14px}.hp-alert--danger{background:var(--danger-soft);color:var(--danger)}.hp-alert--ok{background:var(--green-tint);color:var(--green)}.hp-alert--warn{background:var(--butter);color:var(--butter-ink)}.hp-tabs{display:flex;gap:6px;margin-bottom:22px;overflow-x:auto}.hp-tabs button{padding:11px 18px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--muted);font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;transition:background var(--dur-fast) ease,color var(--dur-fast) ease,border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease,transform var(--dur-press) var(--ease-out)}.hp-tabs button:active{transform:scale(.96)}.hp-tabs button:hover{background:var(--gray)}.hp-tabs button.active{background:var(--paper);color:var(--ink);border-color:var(--line);box-shadow:0 1px 2px #12201a14}.hp-tabs .hp-badge{padding:2px 8px}.hp-table{width:100%;border-collapse:collapse;font-size:14px}.hp-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line)}.hp-table td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}.hp-table tr:last-child td{border-bottom:0}.hp-empty{padding:36px;text-align:center;color:var(--muted);border:2px dashed var(--line-strong);border-radius:var(--radius);font-weight:600}.hp-proj{display:flex;flex-direction:column;gap:18px;color:inherit;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) ease}.hp-proj:active{transform:scale(.985)}.hp-proj:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 1px 2px #12201a0d,0 26px 44px -30px #12201a66}.hp-proj__face{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid var(--green-tint)}.hp-proj__title{font-family:var(--display);font-weight:800;font-size:24px;letter-spacing:-.02em}.hp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hp-stat{padding:12px;border-radius:var(--radius-sm);background:var(--gray);display:flex;flex-direction:column;gap:2px}.hp-stat strong{font-family:var(--display);font-size:22px;font-weight:800;line-height:1.1}.hp-stat span{font-size:12px;color:var(--muted)}.hp-stat--butter{background:var(--butter)}.hp-stat--butter strong,.hp-stat--butter span{color:var(--butter-ink)}.hp-proj__foot{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);padding-top:12px;border-top:1px solid var(--line)}.hp-proj--new{border:2px dashed var(--line-strong);background:transparent;box-shadow:none;align-items:center;justify-content:center;text-align:center;color:var(--muted);cursor:pointer;min-height:240px}.hp-proj--new:hover{border-color:var(--green);box-shadow:none}.hp-proj--new .hp-plus{width:56px;height:56px;border-radius:50%;background:var(--green-tint);color:var(--green);display:grid;place-items:center}.hp-share{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.hp-share code{flex:1;min-width:200px;padding:14px 16px;border-radius:var(--radius-sm);background:var(--gray);font-size:14px;font-weight:600;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--body)}.hp-card--green .hp-share code{background:#ffffff24;color:#fff}.hp-card--green .hp-btn{background:#fff;border-color:#fff;color:var(--green)}.hp-card--green .hp-btn:hover{background:var(--green-tint);border-color:var(--green-tint)}.hp-email-preview{padding:22px 24px;border-radius:20px;border:2px solid var(--line);font-size:15px;line-height:1.65}.hp-email-preview p{margin:0 0 12px}.hp-email-preview p:last-child{margin:0}.hp-email-preview a{font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.hp-drop{border:2px dashed var(--green);border-radius:var(--radius);padding:32px 28px;text-align:center;color:var(--muted);background:var(--green-tint);transition:transform var(--dur-fast) var(--ease-out),background .15s ease;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px}.hp-drop.over,.hp-drop:hover{transform:translateY(-1px);background:#d6ebde}.hp-drop__icon{width:64px;height:64px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center}.hp-drop__title{font-family:var(--display);font-weight:800;font-size:22px;color:var(--ink);letter-spacing:-.02em}.hp-progress{height:8px;border-radius:999px;background:var(--gray);overflow:hidden}.hp-progress>div{height:100%;width:100%;border-radius:999px;background:var(--green);transform-origin:left;transition:transform .2s}.hp-file{display:grid;grid-template-columns:52px 1fr auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.hp-file:last-child{border-bottom:0}.hp-file__icon{width:52px;height:52px;border-radius:var(--radius-sm);background:var(--green-tint);color:var(--green);display:grid;place-items:center}.hp-file__icon--warn{background:var(--butter);color:var(--butter-ink)}.hp-file__icon--muted{background:var(--gray);color:var(--muted)}.hp-file__name{font-weight:800;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-switch{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer}.hp-switch input{width:40px;height:22px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--line-strong);border-radius:999px;position:relative;cursor:pointer;transition:background var(--dur-fast) ease;margin:0}.hp-switch input:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform var(--dur-fast) var(--ease-out)}.hp-switch input:checked{background:var(--green)}.hp-switch input:checked:after{transform:translate(18px)}.hp-builder{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:20px;align-items:start}@media(max-width:900px){.hp-builder{grid-template-columns:1fr}}.hp-faces{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}@media(max-width:640px){.hp-faces{grid-template-columns:repeat(3,1fr)}}.hp-face{position:relative;border:0;border-radius:20px;overflow:hidden;padding:0;background:var(--gray);cursor:pointer;aspect-ratio:4 / 3;transition:transform var(--dur-press) var(--ease-out),outline-color var(--dur-fast) ease;outline:3px solid transparent;outline-offset:2px}.hp-face:active{transform:scale(.96)}.hp-face img{width:100%;height:100%;object-fit:cover;display:block}.hp-face span{position:absolute;left:8px;bottom:8px;padding:4px 9px;border-radius:999px;background:#fff;color:var(--ink);font-size:12px;font-weight:800}.hp-face:hover{transform:translateY(-1px)}.hp-face.selected{outline-color:var(--green)}.hp-face.selected span{background:var(--green);color:#fff}.hp-preview{position:sticky;top:92px}.hp-bubblecard{background:var(--green);color:#fff;border-radius:28px 28px 28px 8px;padding:18px;box-shadow:0 30px 60px -36px #12201a80}.hp-bubblecard__media{border-radius:24px;overflow:hidden;position:relative}.hp-bubblecard__media img{display:block;width:100%;aspect-ratio:16 / 12;object-fit:cover}.hp-bubblecard__tag{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#fff;color:var(--ink);font-size:12px;font-weight:800}.hp-bubblecard__foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 6px 4px;flex-wrap:wrap}.hp-bubblecard__name{font-family:var(--display);font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.hp-bubblecard__sub{font-size:14px;opacity:.85;margin-top:2px}.hp-bubblecard .hp-btn--white{background:#fff;border-color:#fff;color:var(--green);white-space:nowrap}.hp-bubblecard .hp-btn--white:hover{background:var(--green-tint);border-color:var(--green-tint)}.hp-bubblecard__quote{margin-top:12px;padding:16px 18px;border-radius:20px 20px 20px 6px;background:#ffffff24;font-size:14px;line-height:1.55}.hp-chips{display:flex;flex-wrap:wrap;gap:10px}.hp-chip{padding:14px 18px;border-radius:999px;border:2px solid var(--ink);background:transparent;font-size:15px;font-weight:700;color:var(--ink);cursor:pointer;transition:background .12s ease,color .12s ease,transform var(--dur-press) var(--ease-out)}.hp-chip:hover{background:var(--ink);color:#fff}.hp-chip:active{transform:scale(.96)}.hp-chip--ink{background:var(--ink);color:#fff}.hp-chip--ink:hover{background:#000}.hp-chip--sm{padding:9px 13px;font-size:13px}.hp-portal{min-height:100vh;background:var(--paper);position:relative;overflow-x:hidden}.hp-blob{position:absolute;border-radius:50%;pointer-events:none}.hp-blob--tint{right:-140px;top:-160px;width:620px;height:620px;background:var(--green-tint)}.hp-blob--butter{left:-160px;top:560px;width:460px;height:460px;background:var(--butter)}.hp-portal__wrap{position:relative;max-width:1184px;margin:0 auto;padding:26px 48px 80px}.hp-portal__nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:30px}.hp-portal__hero{display:grid;grid-template-columns:minmax(0,1fr) 500px;gap:48px;align-items:start;margin-bottom:36px}.hp-portal__eyebrow{display:inline-flex;align-self:flex-start;padding:8px 14px;border-radius:999px;background:var(--butter);color:var(--butter-ink);font-size:13px;font-weight:800;margin-bottom:20px}.hp-portal__title{font-size:60px;line-height:1;letter-spacing:-.035em;margin-bottom:18px}.hp-portal__intro{font-size:19px;line-height:1.55;color:var(--muted);max-width:560px;white-space:pre-wrap;margin-bottom:22px}.hp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.hp-step{display:flex;gap:16px;align-items:flex-start;padding:22px;border-radius:24px;background:var(--gray)}.hp-step--tint{background:var(--green-tint)}.hp-step--butter{background:var(--butter)}.hp-step__num{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:18px}.hp-step--tint .hp-step__num{background:var(--green)}.hp-step--butter .hp-step__num{background:var(--butter-ink)}.hp-step strong{font-size:16px;font-weight:800;display:block;margin-bottom:4px}.hp-step .hp-small{line-height:1.5}.hp-doc{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:20px;background:var(--gray);color:inherit;transition:background .12s ease,transform var(--dur-press) var(--ease-out)}.hp-doc:hover{background:var(--green-tint);text-decoration:none}.hp-doc:active{transform:scale(.985)}.hp-doc__icon{width:44px;height:44px;border-radius:14px;background:#fff;color:var(--green);display:grid;place-items:center;flex-shrink:0}.hp-doc__meta{color:var(--muted);font-size:13px}.hp-footer{text-align:center;color:var(--muted);font-size:13px;margin-top:40px}@media(max-width:860px){.hp-topbar{padding:12px 20px;gap:14px}.hp-main{padding:24px 20px 56px}.hp-portal__wrap{padding:20px 20px 64px}.hp-portal__hero{grid-template-columns:1fr;gap:26px}.hp-portal__title{font-size:40px}.hp-portal__intro{font-size:16px}.hp-steps{grid-template-columns:1fr}.hp-blob--tint{right:-120px;top:-140px;width:320px;height:320px}.hp-blob--butter{display:none}h1{font-size:34px}.hp-chip{padding:12px 15px;font-size:14px}}.hp-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--green-deep);color:#fff;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.hp-stage__blob{position:absolute;border-radius:50%;background:var(--green);pointer-events:none}.hp-stage__top{position:relative;display:flex;align-items:center;justify-content:space-between;padding:18px 32px}.hp-stage__name{display:flex;align-items:center;gap:12px}.hp-stage__name img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #fff}.hp-stage__name strong{font-family:var(--display);font-size:20px;font-weight:800;letter-spacing:-.02em;display:block;line-height:1.1}.hp-stage__name span{font-size:13px;opacity:.8}.hp-stage__body{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;padding:0 32px;min-height:0}@media(max-width:860px){.hp-stage__body{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 42vh;gap:12px;padding:0 12px}.hp-stage__top{padding:14px 16px}}.hp-stage__face{position:relative;min-height:0;border-radius:28px;overflow:hidden;background:var(--ink)}.hp-stage__canvas canvas,.hp-stage__canvas video{width:100%!important;height:100%!important;object-fit:cover}.hp-stage__still{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hp-stage__still.speaking{animation:hp-breathe 1.2s ease-in-out infinite}@keyframes hp-breathe{0%,to{filter:brightness(.96)}50%{filter:brightness(1.06)}}.hp-stage__caption{position:absolute;left:22px;right:22px;bottom:22px;padding:18px 22px;border-radius:24px 24px 24px 8px;background:#fff;color:var(--ink);font-size:20px;line-height:1.45;font-weight:600}.hp-stage__caption em{color:var(--muted);font-style:italic;font-weight:500}.hp-stage__status{position:absolute;top:18px;left:18px;display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:#fff;color:var(--ink);font-size:13px;font-weight:800}.hp-bars{display:inline-flex;gap:2px;align-items:flex-end;height:14px}.hp-bars span{width:3px;height:14px;background:var(--green);border-radius:2px;transform-origin:bottom;transform:scaleY(.4)}.hp-bars--live span{animation:hp-bars 1s ease-in-out infinite}.hp-bars span:nth-child(2){animation-delay:.15s}.hp-bars span:nth-child(3){animation-delay:.3s}.hp-bars span:nth-child(4){animation-delay:.45s}@keyframes hp-bars{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.hp-dot{width:8px;height:8px;border-radius:50%;background:var(--line-strong)}.hp-dot--live{background:var(--green)}.hp-dot--busy{background:var(--butter-ink)}.hp-stage__side{position:relative;background:#fff;color:var(--ink);border-radius:28px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.hp-stage__side-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 22px 10px}.hp-stage__side-head strong{font-family:var(--display);font-size:18px;font-weight:800}.hp-stage__log{flex:1;overflow-y:auto;padding:6px 22px 10px;display:flex;flex-direction:column;gap:10px}.hp-msg{max-width:88%;padding:12px 14px;font-size:14px;line-height:1.5;white-space:pre-wrap}.hp-msg--user{align-self:flex-end;background:var(--green);color:#fff;border-radius:18px 18px 6px}.hp-msg--ai{align-self:flex-start;background:var(--gray);border-radius:18px 18px 18px 6px}.hp-msg--interim{background:transparent;border:2px dashed var(--line-strong);color:var(--muted);font-style:italic}.hp-stage__chips{display:flex;flex-wrap:wrap;gap:8px;padding:6px 22px 8px}.hp-stage__compose{display:flex;gap:8px;padding:8px 16px 16px}.hp-stage__compose input{flex:1;min-width:0;padding:13px 16px;border-radius:999px;border:2px solid var(--line);background:#fff;color:var(--ink);outline:none;font-size:14px;font-weight:600}.hp-stage__compose input:focus{border-color:var(--green)}.hp-stage__compose input::placeholder{color:var(--muted);font-weight:500}.hp-stage__send{width:46px;height:46px;border-radius:50%;border:0;background:var(--ink);color:#fff;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.hp-stage__send:disabled{opacity:.4;cursor:not-allowed}.hp-stage__bar{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 32px 26px;flex-wrap:wrap}.hp-stage .hp-btn{background:#ffffff24;border-color:transparent;color:#fff}.hp-stage .hp-btn:hover{background:#ffffff38}.hp-stage .hp-btn--on{background:#fff;color:var(--green)}.hp-stage .hp-btn--on:hover{background:var(--green-tint)}.hp-stage .hp-btn--danger{background:var(--ink);color:#fff}.hp-stage .hp-btn--danger:hover{background:#000}.hp-stage__gate{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0f5d38f0;z-index:2;text-align:center;padding:24px;border-radius:28px}.hp-stage__gate img{width:220px;border-radius:22px 22px 22px 8px;margin-bottom:18px}.hp-stage__gate h2{color:#fff;font-size:32px}.hp-stage__gate p{color:#ffffffc7;max-width:440px;margin:0 auto 20px;font-size:16px}.hp-stage__gate .hp-alert{display:inline-block;margin-bottom:16px}.hp-login{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--paper);position:relative;overflow:hidden}.hp-login .hp-card{position:relative;width:100%;max-width:440px;text-align:center;padding:36px 32px}.hp-login .hp-brand{justify-content:center;margin-bottom:20px}.hp-login h1{font-size:30px}.hp-spin{width:18px;height:18px;border:2px solid rgba(18,32,26,.15);border-top-color:currentColor;border-radius:50%;animation:hp-spin .8s linear infinite;display:inline-block;flex-shrink:0}@keyframes hp-spin{to{transform:rotate(360deg)}}@media(max-width:860px){.hp-uploader{grid-template-columns:1fr!important}}.hp-brand{white-space:nowrap}.hp-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:860px){.hp-two{grid-template-columns:1fr;gap:0}.hp-portal__nav{flex-wrap:wrap}.hp-portal__nav .hp-btn{padding:9px 14px;font-size:13px}.hp-portal__eyebrow{font-size:12px}.hp-page-head{align-items:flex-start}.hp-topbar .hp-user>span:first-child{display:none}}.hp-stage__gate{top:0;right:0;bottom:0;left:0;border-radius:0;z-index:5;overflow-y:auto}@media(max-width:860px){.hp-stage__gate img{width:150px}.hp-stage__gate h2{font-size:26px}.hp-stage__gate p{font-size:15px}}.hp-share a{flex:1;min-width:200px;text-decoration:none}.hp-share a code{display:block;cursor:pointer;color:var(--ink)}.hp-share a:hover code{text-decoration:underline}.hp-card--green .hp-share a code{color:#fff}.hp-share a.hp-btn{flex:0 0 auto;min-width:0}.hp-stage__body{grid-template-columns:minmax(0,1fr)}@media(max-width:860px){.hp-stage__body{grid-template-rows:minmax(0,1fr)}}.hp-stage__toast{position:absolute;left:18px;right:18px;bottom:18px;padding:12px 16px;border-radius:16px;background:var(--butter);color:var(--butter-ink);font-size:14px;font-weight:700}.hp-stage__type{display:flex;gap:8px;align-items:center;flex:1;max-width:420px;min-width:200px}.hp-stage__type input{flex:1;min-width:0;padding:12px 16px;border-radius:999px;border:2px solid rgba(255,255,255,.18);background:#ffffff1a;color:#fff;outline:none;font-size:14px;font-weight:600}.hp-stage__type input::placeholder{color:#fff9}.hp-stage__type input:focus{border-color:#fff}.hp-stage__type .hp-stage__send{background:#fff;color:var(--green);width:44px;height:44px}@media(max-width:860px){.hp-stage__bar{gap:8px;padding:12px 12px 18px}.hp-stage__type{order:-1;max-width:none;flex-basis:100%}}.hp-stage__body{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-content:center}.hp-stage__face{position:relative;width:100%;aspect-ratio:7 / 5;max-height:72dvh;max-width:100.8dvh;border-radius:28px;overflow:hidden;background:radial-gradient(ellipse at 50% 110%,#2b8f5f,#12442d 55%,#0b2e1f)}.hp-stage__face:before{content:"";position:absolute;left:50%;bottom:-30%;width:90%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:#ffffff0f}.hp-stage__canvas{position:absolute;top:0;right:0;bottom:0;left:0}.hp-stage__canvas canvas{position:absolute!important;inset:auto!important;top:auto!important;bottom:0!important;left:50%!important;transform:translate(-50%)!important;height:100%!important;width:auto!important;aspect-ratio:1 / 1!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:50% 100%!important}@media(min-width:1001px){.hp-stage__canvas canvas{height:135%!important;max-width:none!important;max-height:none!important}}@media(min-width:430px)and (max-width:1000px){.hp-stage__canvas canvas{height:108%!important;max-width:none!important;max-height:none!important;transform:translate(-50%) translateY(4%)!important}}@media(max-width:860px){.hp-stage__body{padding:0 12px;align-content:start}.hp-stage__face{aspect-ratio:3 / 4;max-height:68dvh;max-width:none;border-radius:22px}.hp-stage__status{top:12px;left:12px;font-size:12px;padding:7px 12px}}.hp-stage__still{object-position:50% 20%}.hp-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -8px;padding:0 8px}.hp-tablewrap .hp-table{min-width:620px}.hp-nv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:12px;align-items:end}@media(max-width:860px){.hp-nv{grid-template-columns:1fr;align-items:stretch}.hp-nv .hp-btn{width:100%}.hp-file{grid-template-columns:44px minmax(0,1fr)}.hp-file__icon{width:44px;height:44px}.hp-file>.hp-row:last-child{grid-column:1 / -1;justify-content:flex-end}.hp-page-head h1{font-size:30px}.hp-page-head .hp-btn--lg{width:100%}.hp-card{padding:18px;border-radius:22px}.hp-card__head .hp-row{width:100%}.hp-card__head .hp-row .hp-btn{flex:1}.hp-share code{min-width:0;width:100%;flex-basis:100%}.hp-share a{flex-basis:100%}.hp-preview{position:static}.hp-bubblecard__foot{flex-direction:column;align-items:stretch;text-align:center}.hp-bubblecard__foot .hp-btn{width:100%}.hp-topbar .hp-nav a{padding:8px 12px;font-size:13px}.hp-stats{gap:6px}.hp-stat{padding:10px}.hp-stat strong{font-size:18px}.hp-drop{padding:24px 18px}.hp-drop__title{font-size:19px}.hp-empty{padding:24px 16px}}.hp-previewbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;background:var(--butter);color:var(--butter-ink);font-size:14px;font-weight:600}.hp-previewbar .hp-btn{padding:8px 14px;font-size:13px}.hp-stage__canvas{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;display:block!important;margin:0!important}.hp-stage__bg{position:absolute;top:-3%;right:-3%;bottom:-3%;left:-3%;width:106%;height:106%;object-fit:cover;object-position:50% 45%;filter:blur(5px) saturate(1.02) brightness(.92)}.hp-stage__face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0b2e1f14,#0b2e1f00 35%,#0b2e1f47);pointer-events:none}.hp-stage__face:before{display:none}.hp-stage__canvas{z-index:1}.hp-stage__status,.hp-stage__toast,.hp-stage__still{z-index:2}@media(max-width:1100px){.hp-portal__hero{grid-template-columns:1fr;gap:28px}.hp-bubblecard{max-width:560px}.hp-portal__title{font-size:52px}}.hp-star{margin-left:3px;color:var(--danger);font-weight:800}.hp-inbox__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.hp-inbox__stats{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:8px}.hp-inbox__stats .hp-stat{background:var(--paper);box-shadow:var(--shadow)}.hp-inbox__stats .hp-stat--butter{background:var(--butter);box-shadow:none}.hp-seg{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--paper);box-shadow:var(--shadow)}.hp-seg button{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:0;background:transparent;color:var(--muted);font-weight:700;font-size:14px;cursor:pointer;transition:background var(--dur-fast) ease,color var(--dur-fast) ease,transform var(--dur-press) var(--ease-out)}.hp-seg button:active{transform:scale(.95)}.hp-seg button.active{background:var(--ink);color:#fff}.hp-seg .hp-badge{padding:1px 7px}.hp-inbox{display:grid;gap:14px}.hp-req{padding:22px 24px;display:grid;gap:14px;margin-top:0!important;transition:opacity var(--dur-fast) ease}.hp-req--done{opacity:.72}.hp-req__who{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center}.hp-req__avatar{width:44px;height:44px;border-radius:50%;background:var(--butter);color:var(--butter-ink);display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:15px}.hp-req--done .hp-req__avatar{background:var(--green-tint);color:var(--green)}.hp-req__name{font-weight:800;font-size:16px}.hp-req__email{font-size:13px;font-weight:600}.hp-req__meta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);font-weight:600;white-space:nowrap}.hp-req__msg{padding:16px 18px;border-radius:20px 20px 20px 6px;background:var(--gray);font-size:15px;line-height:1.55;white-space:pre-wrap}.hp-req__actions{display:flex;gap:8px;flex-wrap:wrap}.hp-inbox__empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:40px 24px}.hp-inbox__emptyicon{width:56px;height:56px;border-radius:50%;background:var(--green-tint);color:var(--green);display:grid;place-items:center}@media(max-width:860px){.hp-inbox__stats{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.hp-seg{width:100%}.hp-seg button{flex:1;justify-content:center}.hp-req__who{grid-template-columns:44px minmax(0,1fr)}.hp-req__meta{grid-column:1 / -1}.hp-req__actions .hp-btn{flex:1}}.hp-bgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.hp-bg{position:relative;aspect-ratio:16 / 10;border:0;padding:0;border-radius:18px;overflow:hidden;cursor:pointer;background:var(--gray);outline:3px solid transparent;outline-offset:2px;transition:transform var(--dur-press) var(--ease-out),outline-color var(--dur-fast) ease}.hp-bg:active{transform:scale(.96)}.hp-bg:hover{transform:translateY(-1px)}.hp-bg.selected{outline-color:var(--green)}.hp-bg img{width:100%;height:100%;object-fit:cover;display:block}.hp-bg__plain{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 110%,#2b8f5f,#12442d 55%,#0b2e1f)}.hp-bg__label{position:absolute;left:8px;bottom:8px;display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;background:#fff;color:var(--ink);font-size:12px;font-weight:800}.hp-bg.selected .hp-bg__label{background:var(--green);color:#fff}.hp-bg--upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:transparent;border:2px dashed var(--line-strong);color:var(--muted);font-weight:800;font-size:13px}.hp-bg--upload:hover{border-color:var(--green);color:var(--green)}.hp-invite{display:grid;gap:16px;margin-bottom:20px}.hp-invite__row{display:flex;gap:10px;flex-wrap:wrap}.hp-invite__row .hp-input{flex:1;min-width:240px;border-color:transparent}.hp-invite--readonly{padding:16px 20px;border:2px dashed var(--line-strong);background:transparent;box-shadow:none}.hp-seg--sm{padding:3px;box-shadow:none;background:var(--gray)}.hp-seg--sm button{padding:5px 11px;font-size:12px;font-weight:800;gap:5px}.hp-invite__ok{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#ffffff29;font-size:14px;font-weight:700;justify-self:start}.hp-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.hp-person{margin-top:0!important;padding:20px 22px;display:grid;gap:16px}.hp-person--invited{background:transparent;box-shadow:none;border:2px dashed var(--line-strong)}.hp-person__top{display:flex;align-items:center;gap:14px}.hp-person__avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid var(--green-tint)}.hp-person__avatar--initials{display:grid;place-items:center;background:var(--butter);color:var(--butter-ink);border-color:var(--butter);font-family:var(--display);font-weight:800;font-size:17px}.hp-person--invited .hp-person__avatar--initials{background:var(--gray);color:var(--muted);border-color:var(--gray)}.hp-person__name{font-weight:800;font-size:16px;display:flex;align-items:center;flex-wrap:wrap}.hp-person__email{font-size:13px;color:var(--muted);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-person__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--line)}.hp-person__seen{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--muted)}.hp-person__seen--wait{color:var(--butter-ink)}@media(max-width:860px){.hp-invite__row .hp-btn{width:100%}.hp-people{grid-template-columns:1fr}}.hp-seg--lang{align-items:center;box-shadow:none;background:var(--gray)}.hp-seg--lang button{padding:8px 14px;font-size:13px}.hp-qr{display:grid;grid-template-columns:160px minmax(0,1fr);gap:20px;align-items:center}.hp-qr img{width:160px;height:160px;border-radius:16px;border:2px solid var(--line);background:#fff;display:block}@media(max-width:860px){.hp-qr{grid-template-columns:1fr;justify-items:start}.hp-seg--lang svg{display:none}}@keyframes hp-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes hp-fade{0%{opacity:0}to{opacity:1}}@keyframes hp-stage-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}@keyframes hp-stage-out{to{opacity:0;transform:scale(.985)}}.hp-page>:not(.hp-grid):not(.hp-people):not(.hp-stack):not(.hp-steps):not(.hp-chips){animation:hp-rise var(--dur-enter) var(--ease-out) backwards}.hp-page>.hp-page{animation:none}.hp-page>:nth-child(2){animation-delay:50ms}.hp-page>:nth-child(3){animation-delay:.1s}.hp-page>:nth-child(4){animation-delay:.15s}.hp-page>:nth-child(5){animation-delay:.2s}.hp-page>:nth-child(n+6){animation-delay:.25s}.hp-grid>*,.hp-people>*,.hp-steps>*,.hp-chips>*,.hp-file,.hp-req,.hp-stack>.hp-card,.hp-stack>.hp-msg,.hp-portal__hero>*,.hp-login>.hp-card{animation:hp-rise var(--dur-enter) var(--ease-out) backwards;animation-delay:60ms}.hp-grid>:nth-child(2),.hp-people>:nth-child(2),.hp-steps>:nth-child(2),.hp-chips>:nth-child(2),.hp-file:nth-child(2),.hp-req:nth-child(2),.hp-stack>.hp-card:nth-child(2),.hp-stack>.hp-msg:nth-child(2),.hp-portal__hero>:nth-child(2){animation-delay:.1s}.hp-grid>:nth-child(3),.hp-people>:nth-child(3),.hp-steps>:nth-child(3),.hp-chips>:nth-child(3),.hp-file:nth-child(3),.hp-req:nth-child(3),.hp-stack>.hp-card:nth-child(3),.hp-stack>.hp-msg:nth-child(3){animation-delay:.14s}.hp-grid>:nth-child(4),.hp-people>:nth-child(4),.hp-chips>:nth-child(4),.hp-file:nth-child(4),.hp-req:nth-child(4),.hp-stack>.hp-card:nth-child(4),.hp-stack>.hp-msg:nth-child(4){animation-delay:.18s}.hp-grid>:nth-child(5),.hp-people>:nth-child(5),.hp-chips>:nth-child(5),.hp-file:nth-child(5),.hp-req:nth-child(5),.hp-stack>.hp-card:nth-child(5),.hp-stack>.hp-msg:nth-child(5){animation-delay:.22s}.hp-grid>:nth-child(6),.hp-people>:nth-child(6),.hp-chips>:nth-child(6),.hp-file:nth-child(6),.hp-req:nth-child(6),.hp-stack>.hp-card:nth-child(6),.hp-stack>.hp-msg:nth-child(6){animation-delay:.26s}.hp-grid>:nth-child(n+7),.hp-people>:nth-child(n+7),.hp-chips>:nth-child(n+7),.hp-file:nth-child(n+7),.hp-req:nth-child(n+7),.hp-stack>.hp-card:nth-child(n+7),.hp-stack>.hp-msg:nth-child(n+7){animation-delay:.3s}.hp-alert,.hp-invite__ok,.hp-invite--readonly,.hp-empty{animation:hp-rise .2s var(--ease-out) backwards}.hp-stage{animation:hp-stage-in .28s var(--ease-out) backwards}.hp-stage--closing{animation:hp-stage-out var(--dur-fast) var(--ease-out) forwards;pointer-events:none}@media(hover:none){.hp-proj:hover,.hp-face:hover,.hp-bg:hover,.hp-drop:hover{transform:none}}@media(prefers-reduced-motion:reduce){.hp-page>*,.hp-grid>*,.hp-people>*,.hp-steps>*,.hp-chips>*,.hp-file,.hp-req,.hp-stack>.hp-card,.hp-stack>.hp-msg,.hp-portal__hero>*,.hp-login>.hp-card,.hp-alert,.hp-invite__ok,.hp-invite--readonly,.hp-empty,.hp-stage{animation-name:hp-fade;animation-duration:.15s;animation-delay:0ms}.hp-stage--closing{animation-name:hp-fade;animation-direction:reverse}.hp-btn:active,.hp-btn--icon:active,.hp-nav a:active,.hp-tabs button:active,.hp-seg button:active,.hp-chip:active,.hp-doc:active,.hp-face:active,.hp-bg:active,.hp-proj:active,.hp-proj:hover,.hp-face:hover,.hp-bg:hover,.hp-drop:hover{transform:none}}.hp-company{display:inline-flex;align-items:center;gap:8px;padding:0 14px;height:40px;border-radius:999px;background:var(--green-tint);color:var(--green-deep);font-weight:800;font-size:14px;margin-right:12px;max-width:260px}.hp-company svg{flex-shrink:0}.hp-company select{border:0;background:transparent;color:inherit;font:inherit;outline:none;cursor:pointer;max-width:200px;text-overflow:ellipsis}.hp-company:focus-within{box-shadow:0 0 0 4px #157a4a2e}.hp-company--fixed{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hp-seg--invite{background:#ffffff29;align-self:center}.hp-seg--invite button{color:#fff}.hp-seg--invite button.active{background:#fff;color:var(--green-deep)}.hp-companies{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}.hp-co{margin-top:0!important;padding:22px 24px;display:grid;gap:16px;align-content:start}.hp-co--active{outline:3px solid var(--green);outline-offset:-3px}.hp-co__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hp-co__name{font-family:var(--display);font-weight:800;font-size:22px;line-height:1.15;overflow-wrap:anywhere}.hp-co__admins{display:grid;gap:8px}.hp-co__admin{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 14px;border-radius:var(--radius-sm);background:var(--gray);font-size:14px;font-weight:700}.hp-co__admin>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-co__add{display:flex;gap:8px}.hp-co__add .hp-input{flex:1;min-width:0;padding:10px 14px;font-size:14px}.hp-co__foot{display:flex;gap:8px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--line)}@media(max-width:860px){.hp-companies{grid-template-columns:1fr}.hp-topbar{flex-wrap:wrap;row-gap:10px}.hp-company{order:5;flex:1 1 100%;max-width:none;margin-right:0;height:38px}.hp-company select{flex:1;max-width:none;min-width:0}}.hp-vid{margin-top:0!important;padding:0;overflow:hidden;display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr)}.hp-vid__player{background:#0b1a13;display:grid;align-items:center;min-height:170px}.hp-vid__player video{width:100%;aspect-ratio:16 / 9;object-fit:contain;display:block;background:#0b1a13}.hp-vid__wait{display:grid;justify-items:center;gap:8px;color:#ffffffb3;font-weight:700;font-size:13px}.hp-vid__body{padding:18px 22px;display:grid;gap:10px;align-content:start;min-width:0}.hp-vid__title{width:100%;border:0;border-bottom:2px solid transparent;background:transparent;padding:2px 0;font-family:var(--display);font-weight:800;font-size:19px;color:var(--ink);outline:none;text-overflow:ellipsis}.hp-vid__title:hover{border-bottom-color:var(--line-strong)}.hp-vid__title:focus{border-bottom-color:var(--green)}.hp-vid__summary{margin:0;font-size:14px;line-height:1.55;color:var(--muted);font-weight:600}.hp-vid__more{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:0;color:var(--green-deep);font-weight:800;font-size:13px;cursor:pointer;justify-self:start}.hp-vid__points{margin:0;padding-left:18px;display:grid;gap:4px;font-size:14px;line-height:1.5;animation:hp-rise .2s var(--ease-out) backwards}.hp-vid__actions{padding-top:10px;border-top:1px solid var(--line);flex-wrap:wrap}.hp-watch{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-top:16px}.hp-watch--one{grid-template-columns:minmax(0,760px)}.hp-watch__item{margin:0;display:grid;gap:12px}.hp-watch__item video{width:100%;aspect-ratio:16 / 9;border-radius:20px;background:#0b1a13;display:block;object-fit:contain}.hp-watch__item figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:16px}.hp-watch__item .hp-chip{display:inline-flex;align-items:center;gap:6px}@media(max-width:860px){.hp-vid,.hp-watch{grid-template-columns:1fr}}.hp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hp-num{text-align:right!important;font-variant-numeric:tabular-nums;white-space:nowrap}.hp-costs{display:grid;gap:20px}.hp-costs>*{min-width:0}.hp-costs>.hp-card,.hp-costs .hp-card+.hp-card{margin-top:0}.hp-costs__filters{gap:12px;flex-wrap:wrap}.hp-costs__company{width:auto;min-width:200px;border-radius:999px;padding:10px 16px;font-size:14px}.hp-costs__top{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:16px;align-items:stretch}.hp-costs__hero{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:28px;position:relative;overflow:hidden}.hp-costs__hero:after{content:"";position:absolute;right:-70px;bottom:-90px;width:220px;height:220px;border-radius:50%;background:#ffffff14;pointer-events:none}.hp-costs__period{font-weight:700;font-size:14px;color:#ffffffe6;margin-top:10px}.hp-costs__scope{font-size:13px;color:#ffffffbf}.hp-costs__hero strong{font-family:var(--body);font-weight:800;font-size:56px;line-height:1.05;letter-spacing:-.02em;color:#fff}.hp-costs__label{font-size:14px;font-weight:700;color:#ffffffd9}.hp-costs__kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hp-kpi{background:var(--surface);border-radius:22px;box-shadow:var(--shadow);padding:16px 18px;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}.hp-kpi__icon{grid-row:1 / 3;width:40px;height:40px;border-radius:50%;display:grid;place-items:center}.hp-kpi__icon--green{background:var(--green-tint);color:var(--green)}.hp-kpi__icon--butter{background:var(--butter);color:var(--butter-ink)}.hp-kpi strong{font-family:var(--body);font-weight:800;font-size:24px;line-height:1.1;color:var(--ink)}.hp-kpi>span:last-child{font-size:13px;font-weight:600;color:var(--muted)}.hp-costs__quiet{text-align:center;padding:44px 28px;display:grid;justify-items:center;gap:8px}.hp-costs__quiet h2{margin:6px 0 0}.hp-costs__quiet p{max-width:560px;margin:0}.hp-costs__quiet-icon{width:60px;height:60px;border-radius:50%;background:var(--green-tint);color:var(--green);display:grid;place-items:center}.hp-costs__counted{display:grid;gap:10px;margin-top:14px;padding-top:18px;border-top:1px solid var(--line);width:100%;max-width:640px}.hp-costs__counted>span{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:700}.hp-costs__table th,.hp-costs__table td{vertical-align:middle}.hp-costs__scroll{overflow-x:auto}.hp-costs__bar{height:10px;border-radius:999px;background:var(--green-tint);overflow:hidden}.hp-costs__bar>div{height:100%;min-width:0;border-radius:999px;background:var(--green);transition:width .3s var(--ease-out)}.hp-costs__link{border:0;background:transparent;padding:0;font:inherit;font-weight:800;color:var(--green-deep);cursor:pointer;text-align:left}.hp-costs__link:hover{text-decoration:underline}.hp-chart{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 12px}.hp-chart__y{display:flex;flex-direction:column;justify-content:space-between;height:220px;font-size:12px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.hp-chart__y span{line-height:1;transform:translateY(-50%)}.hp-chart__y span:last-child{transform:translateY(50%)}.hp-chart__plot{position:relative;height:220px}.hp-chart__grid{position:absolute;left:0;right:0;height:1px;background:var(--line)}.hp-chart__bars{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;gap:2px}.hp-chart__slot{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;outline:none;cursor:default;border-radius:6px 6px 0 0}.hp-chart__slot.on,.hp-chart__slot:focus-visible{background:var(--gray)}.hp-chart__bar{width:100%;max-width:24px;border-radius:4px 4px 0 0;background:var(--green);transition:height .3s var(--ease-out)}.hp-chart__slot.on .hp-chart__bar{background:var(--green-deep)}.hp-chart__tip{position:absolute;top:8px;z-index:2;display:grid;gap:2px;padding:10px 14px;border-radius:14px;background:var(--ink);color:#fff;font-size:13px;white-space:nowrap;pointer-events:none;box-shadow:var(--shadow)}.hp-chart__tip .hp-muted{color:#ffffffb3}.hp-chart__tip strong{font-size:17px}.hp-chart__x{grid-column:2;display:flex;gap:2px;margin-top:8px;font-size:12px;color:var(--muted)}.hp-chart__x span{flex:1;min-width:0;white-space:nowrap;overflow:visible}@media(max-width:860px){.hp-costs__top{grid-template-columns:1fr}.hp-costs__filters .hp-seg{overflow-x:auto}.hp-costs__filters .hp-seg button{white-space:nowrap;padding:9px 12px;font-size:13px;flex:none}.hp-chart__x-alt{visibility:hidden}.hp-costs__hero strong{font-size:44px}.hp-costs__kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-kpi{padding:14px}.hp-costs__company{width:100%}}.hp-costs__note{margin:0;text-align:center;line-height:1.6}.hp-bulk{display:grid;gap:16px;margin:0 0 20px!important}.hp-bulk__head{display:flex;gap:14px;align-items:flex-start}.hp-bulk__head h3{margin:0;font-size:20px}.hp-bulk__head p{margin:4px 0 0;font-weight:600;line-height:1.5;max-width:760px}.hp-bulk__icon{width:44px;height:44px;border-radius:14px;background:var(--green-tint);color:var(--green);display:grid;place-items:center;flex-shrink:0}.hp-bulk__drop{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:6px 12px;padding:22px 20px;border-radius:22px;color:var(--ink)}.hp-bulk__drop strong{color:var(--green-deep)}.hp-bulk__drop .hp-small{flex-basis:100%;color:var(--muted)}.hp-bulk__drop:focus-visible{outline:3px solid var(--green);outline-offset:2px}.hp-bulk__review{display:grid;gap:14px;animation:hp-rise .2s var(--ease-out) backwards}.hp-bulk__list{list-style:none;margin:0;padding:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:6px;max-height:280px;overflow-y:auto;background:var(--gray);border-radius:var(--radius-sm)}.hp-bulk__list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px 7px 14px;border-radius:999px;background:var(--paper);font-size:14px;font-weight:600;min-width:0}.hp-bulk__list li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-bulk__list li button{width:26px;height:26px;border-radius:50%;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;flex-shrink:0}.hp-bulk__list li button:hover{background:var(--danger-soft);color:var(--danger)}.hp-bulk__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}@media(max-width:860px){.hp-bulk__foot .hp-row,.hp-bulk__foot .hp-btn--primary{width:100%}.hp-bulk__list{grid-template-columns:1fr}}.hp-bulk__column{display:grid;gap:6px;padding:14px 16px;border-radius:var(--radius-sm);background:var(--green-tint)}.hp-bulk__column label{font-size:13px;font-weight:800;color:var(--green-deep)}.hp-bulk__column .hp-select{max-width:460px;border-color:transparent;border-radius:999px;padding:10px 16px;font-size:14px}.hp-bulk__column .hp-small{overflow-wrap:anywhere}
