:root{--c-night:#04070a;--c-night-2:#071219;--c-text:#e6f4f6;--c-mute:#6f8a93;--c-cta-a:#fff;--c-cta-b:#eef1f5;--c-ink:#0b0e12;--c-ring:#0b0e12;--c-ok-a:#22cfc6;--c-ok-b:#2ee6dc;--c-ok-ink:#04241f;--c-fault:#ff6f57;--track-w:min(520px, 100%);--track-h:74px;--pad:7px;--btn-w:176px;--btn-x:calc((100% - var(--btn-w)) / 2);--r:999px;--bar-h:11px;--bar-drop:-6px;--seg-a:0%;--seg-b:0%;--font-display:"Bricolage Grotesque", "Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--ease:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.55, 0, .68, .2)}*{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(72% 48% at 50% 46%, var(--c-night-2), var(--c-night) 76%) var(--c-night);color:var(--c-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;place-items:center;margin:0;padding:clamp(20px,5vw,56px);display:grid;overflow-x:hidden}.stage{justify-items:center;gap:clamp(34px,8vw,64px);width:min(620px,100%);display:grid}.masthead{text-align:center;font-family:var(--font-display);letter-spacing:-.025em;justify-items:center;gap:2px;margin:0;font-size:clamp(38px,9.5vw,68px);font-weight:700;line-height:1.02;display:grid}.masthead__a{color:var(--c-text)}.masthead__b{color:var(--c-ok-b)}.rig{justify-items:center;gap:14px;width:100%;display:grid}.u-sr{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pill{width:var(--track-w);height:var(--track-h);border-radius:var(--r);position:relative}.pill>*{position:absolute}.pill__cta{border-radius:inherit;background:linear-gradient(180deg, var(--c-cta-a), var(--c-cta-b) 62%);clip-path:inset(var(--pad) var(--btn-x) var(--pad) var(--btn-x) round var(--r));transition:clip-path .58s var(--ease);inset:0;box-shadow:inset 0 1px #fff6,0 12px 28px -14px #000000f2}.pill:not([data-state=idle]):not([data-state=error]) .pill__cta{clip-path:inset(0 0 0 0 round var(--r))}.pill__coil{top:0;left:0;right:0;bottom:calc(-1 * var(--bar-drop) - var(--bar-h));pointer-events:none;opacity:0;width:auto;height:auto;overflow:visible}.pill[data-state=sending] .pill__coil{opacity:1}.coil__line{stroke:var(--c-ring);stroke-width:var(--bar-h);stroke-linecap:round;stroke-linejoin:round;transition:stroke .28s linear}.pill[data-ans] .coil__line{stroke:var(--c-ok-b)}.pill__plate{border-radius:inherit;background:linear-gradient(96deg, var(--c-ok-a), var(--c-ok-b));opacity:0;transform:translate3d(0, var(--bar-drop), 0);clip-path:inset(calc(100% - var(--bar-h)) calc(100% - var(--seg-b)) 0 var(--seg-a) round var(--r));inset:0}.pill[data-state=sending] .pill__plate{opacity:0}.pill[data-state=landing] .pill__plate,.pill[data-state=done] .pill__plate{opacity:1;clip-path:inset(0 0 0 0 round var(--r));transition:clip-path .58s var(--ease), transform .58s var(--ease);transform:none}.pill__status{pointer-events:none;place-items:center;display:grid;inset:0}.st{white-space:nowrap;letter-spacing:.01em;opacity:0;transition:opacity .26s var(--ease);grid-area:1/1;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.pill[data-state=idle] .st--idle,.pill[data-state=error] .st--idle{opacity:1}.pill[data-state=sending] .st--busy{opacity:0}.pill[data-state=landing] .st--busy{opacity:0;transition-duration:.34s}.pill[data-state=landing] .st--done,.pill[data-state=done] .st--done{opacity:1;transition-delay:.16s}.st--idle,.st--busy{color:var(--c-ink)}.st--done{color:var(--c-ok-ink)}.tick{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:19px;height:19px}.tick path{stroke-dasharray:24;stroke-dashoffset:24px}.pill[data-state=landing] .tick path,.pill[data-state=done] .tick path{animation:tick .42s var(--ease) .24s forwards}@keyframes tick{to{stroke-dashoffset:0}}.act{appearance:none;font:inherit;color:#0000;cursor:pointer;left:var(--btn-x);right:var(--btn-x);top:var(--pad);bottom:var(--pad);border-radius:var(--r);transition:left .58s var(--ease), right .58s var(--ease), top .58s var(--ease), bottom .58s var(--ease), transform .3s var(--ease);background:0 0;border:0}.pill:not([data-state=idle]):not([data-state=error]) .act{cursor:default;inset:0}.pill[data-state=idle] .act:hover{transform:translateY(-2px)}.pill[data-state=idle] .act:active{transform:translateY(1px)}.act:focus-visible{outline:2px solid var(--c-cta-a);outline-offset:4px}.pill[data-shake="1"]{animation:shake .34s var(--ease-in)}@keyframes shake{0%,to{transform:translate(0,0)}22%{transform:translate(-7px)}46%{transform:translate(6px)}72%{transform:translate(-3px)}}.note{text-align:center;min-height:22px;color:var(--c-mute);margin:0;font-size:13px}.note[data-tone=fault]{color:var(--c-fault)}.note[data-tone=cool]{color:var(--c-ok-b)}.again{appearance:none;font:500 13px var(--font-body);color:var(--c-text);cursor:pointer;text-underline-offset:3px;opacity:0;pointer-events:none;transition:opacity .24s var(--ease);background:0 0;border:0;margin-left:8px;padding:0;-webkit-text-decoration:underline #e6f4f659;text-decoration:underline #e6f4f659}:is(.rig:has(.pill[data-state=done]) .again,.rig:has(.pill[data-state=error]) .again){opacity:1;pointer-events:auto}.again:hover{color:#fff}.again:focus-visible{outline:2px solid var(--c-cta-a);outline-offset:3px;border-radius:3px}.foot{text-align:center;color:#55707a;max-width:46ch;margin:0;font-size:12.5px;line-height:1.6}@media (width<=520px){:root{--track-h:68px;--btn-w:160px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.tick path{stroke-dashoffset:0}.pill[data-state=sending] .pill__plate{opacity:0}}