.home,.h-builder-scope{--ease:cubic-bezier(.22, .8, .3, 1);--spring:cubic-bezier(.34, 1.56, .64, 1)}.home{overflow-x:clip}.h-reveal-ready [data-reveal]{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transition-delay:calc(var(--i,0) * 90ms);transform:translateY(1.5rem)}.h-reveal-ready [data-reveal].is-in{opacity:1;transform:none}.h-hero{isolation:isolate;position:relative}.h-hero:before{content:"";z-index:-1;background-image:radial-gradient(var(--purple-200) 1.2px, transparent 1.6px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 80% at 85% 35%,#000 0%,#0000 70%);mask-image:radial-gradient(70% 80% at 85% 35%,#000 0%,#0000 70%)}.h-marker{background-image:linear-gradient(transparent 60%, var(--sun) 60%, var(--sun) 90%, transparent 90%);animation:h-marker-draw .9s .45s var(--ease) both;background-repeat:no-repeat;background-size:100% 100%;padding-inline:.04em}@keyframes h-marker-draw{0%{background-size:0% 100%}}.h-desk{animation:h-desk-pop .5s var(--spring) both}@keyframes h-desk-pop{0%{opacity:0;transform:translateY(.75rem)scale(.7)}}.h-role-chips[data-empty] .h-role-chip{animation:3.6s ease-in-out infinite h-chip-hint;animation-delay:calc(1s + var(--i,0) * .12s)}@keyframes h-chip-hint{0%,22%,to{border-color:var(--rule-strong);box-shadow:0 0 #0000}10%{border-color:var(--purple-400);box-shadow:0 0 0 4px var(--purple-100)}}.h-builder-arrow[data-empty] svg{animation:1.8s ease-in-out infinite h-arrow-nudge}@keyframes h-arrow-nudge{50%{translate:0 .2rem}}@media (min-width:64rem){@keyframes h-arrow-nudge{50%{translate:.2rem}}}.h-role-chip[data-picked] .h-role-count{animation:h-bump .35s var(--spring)}@keyframes h-bump{50%{transform:scale(1.35)}}.h-tick{transition:background-color .35s var(--ease), color .35s var(--ease), border-color .35s var(--ease), transform .35s var(--spring);transition-delay:calc(var(--i,0) * 70ms)}.h-ticks[data-active] .h-tick{background:var(--done);border-color:var(--done);color:var(--surface);transform:scale(1.08)}.h-steps-line{transform-origin:0}.h-reveal-ready .h-steps [data-reveal] .h-steps-line{transition:transform 1.4s .2s var(--ease);transform:scaleX(0)}.h-reveal-ready .h-steps [data-reveal].is-in .h-steps-line{transform:scaleX(1)}.h-spotlight{--mx:50%;--my:50%;isolation:isolate;position:relative}.h-spotlight:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(36rem circle at var(--mx) var(--my), #a066e838, transparent 45%);position:absolute;inset:0}.h-lift{transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease)}.h-lift:hover{transform:translateY(-.25rem);box-shadow:0 1.5rem 3rem -1.5rem #5c00a973}.h-tile{animation:6s ease-in-out infinite backwards h-tile;animation-delay:calc(var(--i) * .12s)}@keyframes h-tile{0%,8%{background:#ffffff14}18%,85%{background:var(--purple-400)}to{background:#ffffff14}}.h-month{animation:4.5s ease-in-out infinite backwards h-month;animation-delay:calc(var(--i) * .6s)}@keyframes h-month{0%,10%{background-color:var(--surface)}25%,45%{background-color:var(--done-tint)}60%,to{background-color:var(--surface)}}.h-timeline-dot{transition:transform .5s var(--spring);transition-delay:calc(var(--i,0) * 90ms + .2s)}.h-reveal-ready [data-reveal] .h-timeline-dot{transform:scale(0)}.h-reveal-ready [data-reveal].is-in .h-timeline-dot{transform:scale(1)}.hh-mode{color:var(--ink-soft);transition:background-color .25s var(--ease), color .25s var(--ease)}.hh-mode[aria-pressed=true]{background:var(--purple-600);color:var(--paper);box-shadow:0 .5rem 1rem -.5rem #21003f80}.hh-mode:not([aria-pressed=true]):hover{color:var(--purple-700)}.hh-cow{transition:opacity .5s var(--ease)}.hh-chip{transition:opacity .4s var(--ease), transform .4s var(--ease)}.hh-check{border-color:var(--rule);color:#0000;transition:background-color .3s var(--ease), border-color .3s var(--ease), color .3s var(--ease);transition-delay:calc(var(--i,0) * 70ms)}.hh-job-us .hh-check{background:var(--done);border-color:var(--done);color:var(--surface)}.hh-job-you{background:var(--sun-soft);transition:background-color .3s var(--ease)}.hh-owner>*,.hh-summary>*{transition:opacity .25s var(--ease), visibility .25s;transition-delay:calc(var(--i,0) * 70ms);grid-area:1/1}.hh-summary{display:grid}.hh-owner-you,.hh-sum-alone{opacity:0;visibility:hidden}.hh[data-mode=alone] .hh-cow{opacity:0}.hh[data-mode=alone] .hh-chip{opacity:0;transform:translateY(-.5rem)}.hh[data-mode=alone] .hh-job-us .hh-check{border-color:var(--rule);color:#0000;background:0 0}.hh[data-mode=alone] .hh-job-you{background:0 0}.hh[data-mode=alone] .hh-owner-us,.hh[data-mode=alone] .hh-sum-together{opacity:0;visibility:hidden}.hh[data-mode=alone] .hh-owner-you,.hh[data-mode=alone] .hh-sum-alone{opacity:1;visibility:visible}.hh:not([data-touched]) .hh-mode-alone{animation:1.2s both hh-was-pressed}.hh:not([data-touched]) .hh-mode-together{animation:1.2s both hh-was-not-pressed}@keyframes hh-was-pressed{0%,92%{background:var(--purple-600);color:var(--paper)}}@keyframes hh-was-not-pressed{0%,92%{color:var(--ink-soft);box-shadow:none;background:0 0}}.hh:not([data-touched]) .hh-cow{animation:hh-cow-in .6s 1.1s var(--ease) both}.hh:not([data-touched]) .hh-chip{animation:hh-cow-in .5s calc(1.6s + var(--c) * .25s) var(--ease) both}@keyframes hh-cow-in{0%{opacity:0;transform:translateY(.5rem)}}.hh:not([data-touched]) .hh-job-us .hh-check{animation:hh-check-in .45s calc(1.5s + var(--i) * .14s) var(--spring) both}@keyframes hh-check-in{0%{border-color:var(--rule);color:#0000;background:0 0;scale:.7}}.hh:not([data-touched]) .hh-job-you{animation:hh-you-in .4s 2.2s var(--ease) both}@keyframes hh-you-in{0%{background:0 0}}.hh:not([data-touched]) .hh-owner-us{animation:hh-show .35s calc(1.5s + var(--i) * .14s) var(--ease) both}.hh:not([data-touched]) .hh-owner-you{animation:hh-hide 10ms calc(1.5s + var(--i) * .14s) both}.hh:not([data-touched]) .hh-sum-together{animation:hh-show .35s 1.4s var(--ease) both}.hh:not([data-touched]) .hh-sum-alone{animation:10ms 1.4s both hh-hide}@keyframes hh-show{0%{opacity:0;visibility:hidden;translate:0 .25rem}}@keyframes hh-hide{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.hh,.hh *{transition-delay:0s!important;animation-delay:0s!important}}
