.hp3.stage{height:calc(100vh - 4rem);min-height:480px}@supports (height: 100dvh){.hp3.stage{height:calc(100dvh - 4rem)}}body:has(.hp3.stage)>div.fixed.bottom-0{display:none}@supports not selector(:has(a)){@media (max-width: 767px){.hp3.stage{padding-bottom:4.5rem}}}.hp3 #thread{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.hp3 #thread::-webkit-scrollbar{width:8px}.hp3 #thread::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:8px}.hp3 .composer-input{background:#ffffff1a;border:1px solid rgba(255,255,255,.22);color:#fff}.hp3 .composer-input::-moz-placeholder{color:#ffffff80}.hp3 .composer-input::placeholder{color:#ffffff80}.hp3 .composer-input:focus{outline:none;box-shadow:0 0 0 2px #4b86a6;background:#ffffff24}.hp3 .slogan .w{display:block;opacity:0;transform:translateY(16px);filter:blur(8px);animation:hp3-word .8s cubic-bezier(.2,.7,.2,1) forwards}.hp3 .slogan .w2{animation-delay:.22s}.hp3 .slogan .w3{animation-delay:.44s}@keyframes hp3-word{to{opacity:1;transform:none;filter:none}}.hp3 .mark-float rect{transform-box:fill-box;transform-origin:center;animation:hp3-float 9s ease-in-out infinite alternate}.hp3 .mark-float rect:nth-child(odd){animation-duration:11s;animation-delay:-3s}@keyframes hp3-float{to{transform:translate(10px,-12px)}}.hp3 .t-av{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:9999px;flex-shrink:0;color:#2e3b43;font:700 .9375rem JetBrains Mono,Consolas,monospace;background:linear-gradient(135deg,#4b86a6,#c7d0d5);box-shadow:0 0 0 2px #ffffff26}.hp3 .msg{animation:hp3-in .4s cubic-bezier(.2,.7,.2,1) both}@keyframes hp3-in{0%{opacity:0;transform:translateY(10px)}}.hp3 .row-her{display:flex;gap:.875rem;align-items:flex-start;max-width:52rem}.hp3 .row-her .say{flex:1 1 auto;min-width:0;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:.375rem 1.25rem 1.25rem;padding:.875rem 1.125rem;font-size:1.0625rem;line-height:1.6;color:#fffffff2}@media (min-width: 768px){.hp3 .row-her .say{font-size:1.125rem;padding:1rem 1.25rem}}.hp3 .say p+p,.hp3 .say p+ul,.hp3 .say p+ol,.hp3 .say ul+p,.hp3 .say ol+p{margin-top:.6em}.hp3 .say ul,.hp3 .say ol{padding-left:1.3em}.hp3 .say ul{list-style:disc}.hp3 .say ol{list-style:decimal}.hp3 .say li+li{margin-top:.25em}.hp3 .say strong{color:#fff;font-weight:600}.hp3 .say em{color:#c7d0d5;font-style:normal}.hp3 .say.lead{font-size:1.25rem}@media (min-width: 768px){.hp3 .say.lead{font-size:1.5rem;line-height:1.4}}.hp3 .row-me{display:flex;justify-content:flex-end}.hp3 .row-me .say{max-width:36rem;background:#336a88;color:#fff;border-radius:1.25rem 1.25rem .375rem;padding:.75rem 1.125rem;font-size:1.0625rem;line-height:1.55;white-space:pre-wrap}.hp3 .row-team .say{background:#10b9811f;border-color:#34d39959}.hp3 .row-team .who{display:block;font:600 .75rem Inter,system-ui,sans-serif;color:#6ee7b7;margin-bottom:.25rem}.hp3 .sys{text-align:center;font:500 .75rem JetBrains Mono,Consolas,monospace;color:#c7d0d5bf;letter-spacing:.04em}.hp3 .typing{display:inline-flex;gap:.3rem;align-items:center;height:1.6em}.hp3 .typing i{width:.45rem;height:.45rem;border-radius:9999px;background:#ffffffb3;animation:hp3-dot 1.1s ease-in-out infinite}.hp3 .typing i:nth-child(2){animation-delay:.15s}.hp3 .typing i:nth-child(3){animation-delay:.3s}@keyframes hp3-dot{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-4px);opacity:1}}.hp3 .chips{display:flex;flex-wrap:wrap;gap:.5rem;padding-left:3.125rem}.hp3 .chip{background:#ffffff1a;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:9999px;padding:.55rem 1rem;font-size:.9375rem;font-weight:600;text-align:left;transition:background .15s,border-color .15s}.hp3 .chip:hover{background:#fff3;border-color:#ffffff80}.hp3 .chip.go{background:#336a88;border-color:#336a88}.hp3 .chip.go:hover{background:#4b86a6;border-color:#4b86a6}.hp3 .chip .arrow{color:#c7d0d5;margin-left:.35rem;font-family:JetBrains Mono,monospace;font-size:.8em}.hp3 .scene{padding-left:0}@media (min-width: 640px){.hp3 .scene{padding-left:3.125rem}}.hp3 .scene-card{background:#fff;color:#1f272c;border-radius:1rem;overflow:hidden;box-shadow:0 30px 70px #00000059}.hp3 .scene-card .replay{visibility:hidden}.hp3 .scene-card.done .replay{visibility:visible}.hp3 .price .tile,.hp3 .docs .doc{animation:hp3-pop .55s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i, 0) * 90ms + .12s)}@keyframes hp3-pop{0%{opacity:0;transform:translateY(10px) scale(.97)}}.hp3 .tracker #live-demo{background:#fff}.hp3 .tracker #live-demo .section-pad{padding:1rem 0 1.25rem}.hp3 .tracker #live-demo .container-pad{max-width:none;padding-left:1rem;padding-right:1rem}@media (min-width: 640px){.hp3 .tracker #live-demo .container-pad{padding-left:1.5rem;padding-right:1.5rem}}.hp3 .tracker #live-demo>div>.max-w-3xl{display:none}.hp3 .ribbon .route{stroke:#dce2e5;stroke-width:3;fill:none}.hp3 .ribbon .trail{stroke:#336a88;stroke-width:3;fill:none;stroke-linecap:round}.hp3 .ribbon .node .disc{fill:#fff;stroke:#dce2e5;stroke-width:2;transition:fill .4s,stroke .4s}.hp3 .ribbon .node .ico{stroke:#5b666d;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s}.hp3 .ribbon .node .ring{fill:none;stroke:#336a88;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}.hp3 .ribbon .node.on .disc{fill:#336a88;stroke:#336a88}.hp3 .ribbon .node.end.on .disc{fill:#2e3b43;stroke:#2e3b43}.hp3 .ribbon .node.on .ico{stroke:#fff}.hp3 .ribbon .node.on .ring{animation:hp3-ring 1.1s ease-out forwards}@keyframes hp3-ring{0%{transform:scale(1);opacity:.9}to{transform:scale(2);opacity:0}}.hp3 .ribbon .lbl{font:600 13px Inter,system-ui,sans-serif;fill:#2e3b43}.hp3 .ribbon .idx{font:500 10px JetBrains Mono,Consolas,monospace;fill:#5b666d;letter-spacing:.12em}.hp3 .ribbon .puck{transition:opacity .5s}.hp3 .ribbon .puck.hide{opacity:0}.hp3 .ribbon .puck .body{fill:#fff;stroke:#2e3b43;stroke-width:2}.hp3 .ribbon .puck .px{fill:#336a88;transform-box:fill-box;transform-origin:center}.hp3 .ribbon .puck.wiping .px{animation:hp3-dissolve 1.15s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:var(--d, 0s)}.hp3 .ribbon .puck.clean .px{opacity:0}@keyframes hp3-dissolve{55%{opacity:.95}to{transform:translate(var(--dx),var(--dy)) scale(.35);opacity:0}}.hp3 .ribbon .puck.shredded .body{stroke-dasharray:4 4;opacity:.45}.hp3 .ribbon .puck .sn{font:500 10px JetBrains Mono,Consolas,monospace;fill:#5b666d;text-anchor:middle}.hp3 .ribbon .tag{opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s;transform-box:fill-box}.hp3 .ribbon .tag.show{opacity:1;transform:none}.hp3 .ribbon .tag rect{fill:#f2f5f6;stroke:#dce2e5}.hp3 .ribbon .tag text{font:500 11px JetBrains Mono,Consolas,monospace;fill:#2e3b43}.hp3 .ribbon .tag.win rect{fill:#336a88;stroke:#336a88}.hp3 .ribbon .tag.win text{fill:#fff}.hp3 .console .log-line{display:grid;grid-template-columns:5.5rem 7rem 8rem 1fr;gap:.75rem;padding:.22rem 0;border-bottom:1px solid rgba(255,255,255,.07);animation:hp3-line .35s ease-out}@keyframes hp3-line{0%{opacity:0;transform:translateY(-4px)}}.hp3 .console .t{color:#c7d0d5b3}.hp3 .console .s{color:#fff;font-weight:600}.hp3 .console .s.end{color:#c7d0d5}.hp3 .console .snn{color:#c7d0d5b3}.hp3 .console .m{color:#ffffffd9}@media (max-width: 640px){.hp3 .console .log-line{grid-template-columns:5rem 1fr}.hp3 .console .snn{display:none}.hp3 .console .m{grid-column:1 / -1}}.hp3 .console .cursor{display:inline-block;width:.55em;height:1em;background:#4b86a6;vertical-align:-.15em;animation:hp3-blink 1s steps(2) infinite}@keyframes hp3-blink{to{visibility:hidden}}.hp3 .console .doc-chip{opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s,border-color .2s}.hp3 .docs-on .console .doc-chip{opacity:1;transform:none}.hp3 .docs-on .console .doc-chip:nth-of-type(2){transition-delay:.12s}.hp3 .docs-on .console .doc-chip:nth-of-type(3){transition-delay:.24s}@media (prefers-reduced-motion: reduce){.hp3 *,.hp3 *:before,.hp3 *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}