.ax-try{display:grid;justify-items:center;gap:12px;margin-top:26px}.ax-try>button{display:flex;align-items:center;gap:24px;border:1px solid #0b5386;border-radius:30px;min-height:52px;padding:13px 28px;background:#0b5386;color:#fff;font:600 16px var(--sans);cursor:pointer}.ax-try>span{font-size:13px;color:#426079}
.ax-demo .nx-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ax-demo textarea::placeholder{color:#506b7c!important}
.ax-demo .ax-demo-head{position:sticky;top:-32px;z-index:3;background:#f2f7fa;padding-block:16px;margin-top:-16px;border-bottom:1px solid #c9dce8}
.ax-demo{color:#183b54;background:#f2f7fa;width:min(940px,calc(100% - 32px));max-height:calc(100dvh - 40px);border:1px solid #c7d7e1;border-radius:24px;margin:auto;padding:32px;box-shadow:0 35px 100px #001f3f50;font-family:var(--sans);overscroll-behavior:contain}.ax-demo::backdrop{background:#071e36b8;backdrop-filter:blur(7px)}.ax-demo[open]{animation:ax-screen-open .28s ease-out}.ax-demo-head{display:flex;justify-content:space-between;gap:20px}.ax-demo-head>div>p{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#416783;margin-bottom:14px}.ax-experience .ax-demo h2{font-size:clamp(34px,5vw,52px);line-height:1.06;letter-spacing:-.05em}.ax-demo-head>button{width:46px;height:46px;flex-shrink:0;display:grid;place-items:center;border:1px solid #b4c9d6;border-radius:50%;background:#fff;color:#234e6b;cursor:pointer}.ax-demo-intro{font-size:15px;line-height:1.7;max-width:72ch;color:#3f6078;margin:20px 0}
.ax-demo-screens{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ax-demo-screen{background:#fff;border:1px solid #adc5d5;border-radius:15px;padding:20px;box-shadow:0 8px 20px #0b35540b}.ax-demo-screen>label:not(.nx-sr){display:block;font-size:12px;letter-spacing:.1em;font-weight:600;color:#4a6a7d;margin-bottom:10px}.ax-demo :is(select,textarea){display:block;width:100%;font-family:var(--sans);font-size:16px;color:#163d5b;background:#fff;border:1px solid #9db8cb;border-radius:8px;padding:11px;min-height:46px}.ax-demo textarea{resize:vertical;min-height:145px;max-height:270px;line-height:1.65;margin:14px 0 8px;border-color:#cfdee8}.ax-demo textarea::placeholder{color:#637c8d;opacity:1}.ax-demo-screen>span,.ax-demo-output>p{font-size:12px;color:#4f6d82;line-height:1.5}.ax-demo-output{background:#e6f2f9}.ax-demo-await{display:grid;align-content:center;gap:12px;min-height:163px;color:#285e85}.ax-demo-await>p{font-size:22px;line-height:1.3;letter-spacing:-.035em}.ax-demo-privacy{font-size:13px;line-height:1.65;color:#416078;margin:20px 0}.ax-demo a{color:#075686;text-decoration:underline;text-underline-offset:3px}.ax-demo-actions{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.ax-demo-actions>button{min-height:48px;padding:12px 20px;border:1px solid #8fb0c7;border-radius:25px;background:#fff;color:#17496a;font:500 14px var(--sans);cursor:pointer;display:flex;align-items:center;gap:15px}.ax-demo-actions>button[type=submit]{background:#07558b;border-color:#07558b;color:#fff}.ax-demo-help{font-size:12px;line-height:1.7;color:#496b82;margin-top:16px}.ax-demo-help>button{background:none;border:0;color:#075686;text-decoration:underline;min-height:44px;cursor:pointer;font:inherit;padding:0 4px}.ax-demo [data-demo-status]{font-size:13px;line-height:1.6;margin-top:8px;color:#285c7b}.ax-demo :is(button,a,input,textarea,select):focus-visible{outline:3px solid #096aa6;outline-offset:4px}
@keyframes ax-screen-open{from{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:580px){.ax-demo{padding:20px;width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:18px}.ax-demo-screens{grid-template-columns:1fr}.ax-demo-screen{padding:16px}.ax-demo-await{min-height:65px;display:flex;align-items:center;gap:20px;padding:12px 0}.ax-demo-await>p{font-size:18px}.ax-demo-output>p{font-size:12px}.ax-demo-actions{flex-direction:column}.ax-demo-actions>button{justify-content:center}.ax-demo-intro{font-size:14px}.ax-demo-privacy{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ax-demo[open]{animation:none}}
@media(max-width:580px){.ax-demo .ax-demo-head{top:-20px;padding-block:12px;margin-top:-12px}.ax-experience .ax-demo h2{font-size:32px}.ax-demo-head>div>p{font-size:11px;margin-bottom:8px}}