@property --hp-accent{syntax:"<color>";inherits:true;initial-value:#ff5a5f}.hp{--hp-bg:var(--bg);--hp-surface:var(--surface);--hp-surface-2:var(--surface2);--hp-border:var(--border);--hp-text:var(--text);--hp-text-2:var(--text-2);--hp-on-accent:#160f05;margin-top:56px;transition:--hp-accent .3s}.hp-switcher{text-align:center}.hp-switcher-label{color:var(--lp-fg);margin-bottom:12px;font-size:15px;font-weight:700}.hp-pills{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.hp-pill{border:1px solid var(--lp-line);min-height:44px;color:var(--lp-fg);font:inherit;cursor:pointer;background:0 0;border-radius:100px;align-items:center;gap:9px;padding:8px 18px 8px 14px;font-size:15px;font-weight:700;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.hp-pill:hover{border-color:var(--lp-fg-2)}.hp-pill[aria-pressed=true]{background:var(--lp-surface-2);border-color:var(--lp-fg);color:var(--lp-fg)}.hp-pill-dot{width:12px;height:12px;box-shadow:0 0 0 2px var(--lp-bg);border-radius:50%}.hp-stage{font-size:min(17px, calc((100vw - 2 * var(--lp-gutter)) / 44));width:44em;height:38em;margin:2.4em auto 0;position:relative}.hp-rings{pointer-events:none;width:52em;height:52em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hp-rings circle{fill:none;stroke:var(--lp-line);stroke-width:1.5px}.hp-phones{position:absolute;inset:0}.hp-phone{width:16em;height:33.5em;box-shadow:0 2.2em 4em -1.6em #0009, inset 0 0 0 1px var(--border);background:#000;border-radius:2.5em;margin-left:-8em;padding:.45em;position:absolute;top:0;left:50%}.hp-phone-centre{transform-origin:50% 0;z-index:2;top:.6em;transform:scale(1.1)}.hp-phone-left{top:3.4em;transform:translate(-13em)rotate(-9deg)}.hp-phone-right{top:3.4em;transform:translate(13em)rotate(9deg)}.hp-screen{background:var(--hp-bg);height:100%;color:var(--hp-text);text-align:left;border-radius:2.1em;flex-direction:column;font-size:.62em;line-height:1.3;display:flex;position:relative;overflow:hidden}.hp-screen svg{flex:none;width:1.3em;height:1.3em}.hp-notch{flex:none;height:2.4em;position:relative}.hp-notch:after{content:"";background:#000;border-radius:1em;width:7em;height:1.7em;margin-left:-3.5em;position:absolute;top:.8em;left:50%}.hp-topbar{border-bottom:1px solid var(--hp-border);flex:none;justify-content:space-between;align-items:center;gap:.6em;padding:.5em 1.3em .9em;display:flex}.hp-topbar.is-thread{justify-content:flex-start}.hp-brand{align-items:center;gap:.6em;min-width:0;display:flex}.hp-brand-mark{background:var(--hp-accent);width:2.1em;height:2.1em;color:var(--hp-on-accent);font-family:var(--lp-display);border-radius:.6em;flex:none;place-items:center;font-weight:800;display:grid}.hp-brand-name{font-family:var(--lp-display);letter-spacing:-.02em;white-space:nowrap;font-size:1.15em;font-weight:800}.hp-avatar{border:1.5px solid var(--hp-accent);background:var(--hp-surface-2);border-radius:50%;flex:none;width:2.1em;height:2.1em}.hp-body{flex-direction:column;flex:1;gap:.9em;min-height:0;padding:1.1em 1.1em 0;display:flex;overflow:hidden}.hp-card{border:1px solid var(--hp-border);background:var(--hp-surface);border-radius:1em;flex-direction:column;gap:.8em;padding:1.1em;display:flex}.hp-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--hp-accent);font-size:.78em;font-weight:800}.hp-sub{color:var(--hp-text-2);font-weight:600}.hp-sub b{color:var(--hp-text);font-weight:800}.hp-value{color:var(--hp-text);font-weight:700}.hp-segments{grid-template-columns:repeat(8,1fr);gap:.35em;display:grid}.hp-segments span{background:var(--hp-surface-2);border-radius:1em;height:.35em}.hp-segments .is-on{background:var(--hp-accent)}.hp-chip-row{justify-content:center;display:flex}.hp-chip{border:1px solid var(--hp-border);background:var(--hp-surface);border-radius:1em;padding:.35em 1em;font-weight:700}.hp-row{justify-content:space-between;align-items:center;gap:.7em;display:flex}.hp-row.is-start{justify-content:flex-start}.hp-title{font-family:var(--lp-display);letter-spacing:-.02em;font-size:1.12em;font-weight:800}.hp-title.is-lg{font-size:1.5em}.hp-tag{border:1px solid var(--hp-border);color:var(--hp-text-2);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:1em;align-items:center;gap:.35em;padding:.3em .7em;font-size:.78em;font-weight:700;display:inline-flex}.hp-tick{background:var(--hp-accent);width:1.7em;height:1.7em;color:var(--hp-on-accent);border-radius:50%;flex:none;place-items:center;display:grid}.hp-tick svg,.hp-set-tick svg{width:1em;height:1em}.hp-ghost-btn{border:1px solid var(--hp-border);border-radius:.6em;margin-left:auto;padding:.4em .9em;font-weight:700}.hp-line{color:var(--hp-text-2);justify-content:space-between;align-items:center;gap:.6em;font-weight:600;display:flex}.hp-accent-btn{background:var(--hp-accent);color:var(--hp-on-accent);text-align:center;border-radius:.7em;padding:.7em;font-weight:800;display:block}.hp-back{color:var(--hp-accent);align-items:center;gap:.2em;font-weight:700;display:flex}.hp-heading{font-family:var(--lp-display);letter-spacing:-.03em;font-size:1.7em;font-weight:800;line-height:1}.hp-days{gap:.5em;display:flex}.hp-days span{flex-direction:column;align-items:center;gap:.3em;display:flex}.hp-days small{text-transform:uppercase;color:var(--hp-text-2);font-size:.72em;font-weight:700}.hp-days b{border:1px solid var(--hp-border);background:var(--hp-surface);border-radius:1em;padding:.35em .8em;font-weight:700}.hp-days b.is-on{border-color:var(--hp-accent);background:var(--hp-accent);color:var(--hp-on-accent)}.hp-sets-head,.hp-set{grid-template-columns:1.6em 1fr 1fr 1.6em;align-items:center;gap:.5em;display:grid}.hp-sets-head{text-transform:uppercase;color:var(--hp-text-2);font-size:.72em;font-weight:700}.hp-sets-head span:first-child{grid-column:2}.hp-set small{color:var(--hp-text-2);font-weight:700}.hp-input{height:1.9em;color:var(--hp-text);background:var(--hp-surface-2);box-shadow:inset 0 0 0 1px var(--hp-border);border-radius:.5em;place-items:center;font-weight:700;display:grid}.hp .hp-demo{aspect-ratio:16/9;object-fit:cover;background:#000;border-radius:.8em;width:100%;height:auto;display:block}.hp-tag.is-on{border-color:var(--hp-accent);color:var(--hp-accent)}.hp-line-with-cover{align-items:center;gap:.6em;display:inline-flex}.hp .hp-cover{object-fit:cover;border-radius:.45em;flex:none;width:3.6em;height:2.2em}.hp-set-tick{border:1.5px solid var(--hp-border);border-radius:50%;place-items:center;width:1.6em;height:1.6em;display:grid}.hp-set-tick.is-on{border-color:var(--hp-accent);background:var(--hp-accent);color:var(--hp-on-accent)}.hp-thread{flex-direction:column;flex:1;gap:.8em;display:flex}.hp-progress{background:var(--hp-surface-2);border-radius:1em;height:.5em;display:block;overflow:hidden}.hp-progress span{border-radius:inherit;background:var(--hp-accent);width:72%;height:100%;display:block}.hp-bubble{background:var(--hp-surface-2);border-radius:1.1em 1.1em 1.1em .3em;max-width:80%;padding:.7em .95em;font-weight:600;line-height:1.35}.hp-bubble.is-mine{background:var(--hp-accent);color:var(--hp-on-accent);border-radius:1.1em 1.1em .3em;align-self:flex-end}.hp-composer{border-top:1px solid var(--hp-border);color:var(--hp-text-2);justify-content:space-between;align-items:center;margin:0 -1.1em;padding:.8em 1.1em 1.6em;display:flex}.hp-send{background:var(--hp-accent);width:2.2em;height:2.2em;color:var(--hp-on-accent);border-radius:50%;place-items:center;display:grid}.hp-send svg{width:1.1em;height:1.1em}.hp-nav{border-top:1px solid var(--hp-border);background:var(--hp-bg);flex:none;grid-template-columns:repeat(4,1fr);padding:.8em .4em 1.5em;display:grid}.hp-nav span{color:var(--hp-text-2);flex-direction:column;align-items:center;gap:.3em;font-size:.78em;font-weight:600;display:flex}.hp-nav svg{width:1.9em;height:1.9em}.hp-nav .is-active{color:var(--hp-accent)}@media (max-width:680px){.hp{margin-top:40px}.hp-switcher-label{font-size:14px}.hp-pill{padding:8px 14px 8px 12px;font-size:14px}}@media (prefers-reduced-motion:reduce){.hp,.hp-pill{transition:none}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.hp-phone-left,.hp-phone-right,.hp-phone-centre,.hp-rings{animation:none;animation-timeline:scroll(root);animation-range:0 90vh}.hp-phone-left{animation-name:hp-drift-left}.hp-phone-right{animation-name:hp-drift-right}.hp-phone-centre{animation-name:hp-drift-centre}.hp-rings{animation-name:hp-drift-rings}}}@keyframes hp-drift-left{0%{translate:0;rotate:0deg}to{translate:-1.2em -2.4em;rotate:-3deg}}@keyframes hp-drift-right{0%{translate:0;rotate:0deg}to{translate:1.2em -2.4em;rotate:3deg}}@keyframes hp-drift-centre{0%{translate:0}to{translate:0 -1.2em}}@keyframes hp-drift-rings{0%{scale:1}to{scale:1.08}}