@layer components{.cx-hero{background:radial-gradient(60% 70% at 70% 40%, color-mix(in srgb, var(--aa-brand) 14%, transparent), transparent 70%)}[dir=rtl] .cx-hero{background:radial-gradient(60% 70% at 30% 40%, color-mix(in srgb, var(--aa-brand) 14%, transparent), transparent 70%)}.cx-ray{fill:none;stroke-linecap:round;transition:stroke-width .35s var(--ease-out-expo), opacity .35s;opacity:.55}.cx-ray.flow{stroke-dasharray:2 10;opacity:.9;animation:1.6s linear infinite cx-flow}.cx-beam{stroke-dasharray:420;stroke-dashoffset:420px;animation:cx-draw 1.1s .15s var(--ease-out-expo) forwards}.cx-fan{opacity:0;animation:.8s ease-out .9s forwards cx-fade}@keyframes cx-flow{to{stroke-dashoffset:-24px}}@keyframes cx-draw{to{stroke-dashoffset:0}}@keyframes cx-fade{to{opacity:1}}:is(.cx-hero:has(.cx-ch[data-ch="0"]:is(:hover,:focus-visible)) .cx-r0,.cx-hero:has(.cx-ch[data-ch="1"]:is(:hover,:focus-visible)) .cx-r1,.cx-hero:has(.cx-ch[data-ch="2"]:is(:hover,:focus-visible)) .cx-r2){stroke-width:7px;opacity:1}.cx-hero:has(.cx-ch:is(:hover,:focus-visible)) .cx-ray:not(.flow){opacity:.25}.cx-ch{transition:background .3s, transform .3s var(--ease-out-expo);position:relative}.cx-ch:hover,.cx-ch:focus-visible{background:color-mix(in srgb, var(--primary) 10%, transparent);transform:translate(-4px)}[dir=ltr] .cx-ch:hover,[dir=ltr] .cx-ch:focus-visible{transform:translate(4px)}.cx-ch .dot{width:12px;height:12px;clip-path:var(--tri)}.cx-rail button[aria-current=step]{color:var(--text)}.cx-rail .seg{background:var(--line);height:3px;transition:background .4s}.cx-rail .done .seg,.cx-rail [aria-current=step] .seg{background:var(--ai)}.cx-tile{border:1px solid var(--line);cursor:pointer;transition:border-color .25s, background .25s, transform .25s var(--ease-out-expo);clip-path:polygon(14px 0,100% 0,100% 100%,0 100%,0 24px);align-items:flex-start;gap:12px;padding:16px;display:flex;position:relative}.cx-tile:hover{border-color:color-mix(in srgb, var(--ai) 50%, var(--line));transform:translateY(-2px)}.cx-tile:has(input:checked){border-color:var(--ai);background:color-mix(in srgb, var(--ai) 9%, transparent)}.cx-tile:has(input:focus-visible){outline:2px solid var(--ai);outline-offset:3px}.cx-tile:has(input:checked) .tick{opacity:1;transform:none}.cx-tile .tick{inset-inline-end:12px;background:var(--ai);width:10px;height:10px;clip-path:var(--tri);opacity:0;transition:opacity .25s, transform .3s var(--ease-spring,ease-out);position:absolute;top:12px;transform:scale(.4)}.cx-chip{cursor:pointer;display:inline-flex}.cx-chip span{border:1px solid var(--line);color:var(--muted);clip-path:polygon(8px 0,100% 0,100% 100%,0 100%,0 14px);padding:9px 14px;font-size:14px;transition:color .2s,border-color .2s,background .2s}.cx-chip:hover span{color:var(--text)}.cx-chip input:checked+span{border-color:var(--ai);color:var(--ai);background:color-mix(in srgb, var(--ai) 9%, transparent)}.cx-chip input:focus-visible+span{outline:2px solid var(--ai);outline-offset:2px}.cx-in{border:0;border-bottom:1.5px solid var(--line);width:100%;font:inherit;color:var(--text);background:0 0;outline:none;padding:12px 2px;font-size:16px;transition:border-color .2s}.cx-in:focus{border-color:var(--ai)}.cx-in[aria-invalid=true]{border-color:var(--amber)}.cx-in::placeholder{color:var(--dim)}textarea.cx-in{resize:vertical;border:1px solid var(--line);min-height:150px;padding:14px;line-height:1.9}.cx-err{color:var(--amber);margin-top:6px;font-size:13.5px}.cx-step{animation:tl-in .45s var(--ease-out-expo,ease-out) both}.cx-env{position:relative}.cx-env .caret{background:var(--ai);vertical-align:-2px;width:2px;height:1em;margin-inline-start:2px;animation:.9s step-end infinite aa-blink;display:inline-block}.cx-facet{transition:fill .45s,opacity .45s}.cx-ok-tri{animation:cx-pop .7s var(--ease-out-expo) both}@keyframes cx-pop{0%{opacity:0;transform:translateY(14px)scale(.7)}to{opacity:1;transform:none}}.cx-shake{animation:.4s cx-shake}@keyframes cx-shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.cx-map{background:radial-gradient(80% 80% at 50% 45%, color-mix(in srgb, var(--primary) 9%, var(--bg-2)), var(--bg-2))}.cx-map .layer{transition:opacity .6s var(--ease-out-expo), transform .8s var(--ease-out-expo);transform-box:view-box;transform-origin:66% 42%}.cx-map[data-z=city] .street{opacity:0;pointer-events:none;transform:scale(.35)}.cx-map[data-z=street] .city{opacity:0;pointer-events:none;transform:scale(2.6)}.cx-route{stroke-dasharray:6 8;animation:1.2s linear infinite cx-flow}.cx-pin{transform-box:fill-box;transform-origin:50% 100%;animation:2.4s ease-in-out infinite cx-bob}@keyframes cx-bob{50%{transform:translateY(-8px)}}.cx-ping{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-out infinite cx-ping}@keyframes cx-ping{0%{opacity:.8;transform:scale(.4)}to{opacity:0;transform:scale(2.4)}}.cx-day{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 60%, transparent);height:168px;position:relative}.cx-day .win{background:linear-gradient(180deg, color-mix(in srgb, var(--primary) 40%, transparent), color-mix(in srgb, var(--ai) 26%, transparent));position:absolute;inset-inline:0}.cx-day.today{border-color:var(--ai)}.cx-day .now{background:var(--ai);height:2px;box-shadow:0 0 12px var(--ai);position:absolute;inset-inline:-4px}.cx-day .now:before{content:"";inset-inline-start:-2px;background:var(--ai);width:12px;height:12px;clip-path:var(--tri);position:absolute;top:-5px;transform:rotate(90deg)}[dir=rtl] .cx-day .now:before{transform:rotate(-90deg)}.cx-live{background:currentColor;border-radius:99px;width:10px;height:10px;animation:1.8s ease-out infinite cx-live;box-shadow:0 0}@keyframes cx-live{0%{box-shadow:0 0 0 0 color-mix(in srgb, currentColor 60%, transparent)}to{box-shadow:0 0 0 12px #0000}}.cx-colon{animation:1s step-end infinite aa-blink}.cx-track{--p:0}.cx-track .beam{transform-origin:top;transform:scaleY(var(--p));background:linear-gradient(180deg, var(--primary), var(--ai))}.cx-node{transition:background .35s, transform .35s var(--ease-out-expo), box-shadow .35s;background:var(--line)}.cx-st.on .cx-node{background:var(--ai);box-shadow:0 0 16px color-mix(in srgb, var(--ai) 60%, transparent);transform:scale(1.35)}.cx-st h3{color:var(--muted);transition:color .35s}.cx-st.on h3{color:var(--text)}.cx-bar i{background:var(--line);height:4px;transition:background .4s;display:block}.cx-bar i.on{background:var(--ai)}.cx-env-ico{transition:inset-inline-start .6s var(--ease-out-expo)}.cx-q summary{cursor:pointer;list-style:none}.cx-q summary::-webkit-details-marker{display:none}.cx-b{max-width:min(640px,92%);padding:14px 18px;font-size:15.5px;line-height:1.95}.cx-b.you{background:color-mix(in srgb, var(--primary) 16%, transparent);border:1px solid color-mix(in srgb, var(--primary) 35%, transparent);clip-path:polygon(0 0,100% 0,100% 100%,14px 100%,0 calc(100% - 14px));margin-inline-start:auto;font-weight:700}[dir=rtl] .cx-b.you{clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}.cx-b.us{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 80%, transparent);color:var(--muted)}.cx-q[open] .cx-b.us .txt{animation:.9s step-end both cx-type}.cx-q[open] .cx-b.us .dots{animation:.9s step-end both cx-dots}@keyframes cx-type{0%,60%{opacity:0}to{opacity:1}}@keyframes cx-dots{0%,60%{opacity:1}61%,to{opacity:0;height:0}}.cx-q .hint{transition:transform .3s}.cx-q[open] .hint{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.cx-ray.flow,.cx-beam,.cx-fan,.cx-route,.cx-pin,.cx-ping,.cx-live,.cx-colon,.cx-step,.cx-ok-tri,.cx-shake,.cx-q[open] .cx-b.us .txt,.cx-q[open] .cx-b.us .dots,.cx-env .caret{animation:none!important}.cx-beam{stroke-dashoffset:0}.cx-fan{opacity:1}.cx-q .cx-b.us .dots{display:none}.cx-map .layer,.cx-env-ico{transition:none}}}