.access-demo-page .access-page{grid-template-columns:minmax(340px,.95fr) minmax(490px,1.05fr)}
.access-demo-page .access-main{padding-inline:8%;background:radial-gradient(ellipse at 85% 20%,#edf7de60,transparent 45%),#fff}
.access-demo-page .demo-card{max-width:480px;margin:40px auto 35px;padding:30px 32px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 18px 55px rgb(17 45 60 / 6%)}
.demo-card [hidden]{display:none!important}
.demo-card h1{margin:19px 0 12px;font-size:36px;font-weight:650;line-height:1.14;letter-spacing:-.04em}
.demo-card h1:focus{outline:none}
.demo-card .demo-intro{margin:0 0 22px;font-size:13px;line-height:1.7;color:var(--muted)}
.demo-card form{margin-top:0}
.demo-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;margin:26px 0 24px;list-style:none}
.demo-progress li{position:relative;display:flex;align-items:center;gap:7px;min-width:0;padding-bottom:15px;border-bottom:2px solid #e7eceb;color:#788991}
.demo-progress li>span{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:#f1f4f3;font-size:11px;font-weight:700}
.demo-progress li strong{font-size:10px;font-weight:600;line-height:1.4}
.demo-progress .is-active{border-color:var(--teal);color:var(--primary)}
.demo-progress .is-active>span{background:var(--primary);color:#fff}
.demo-progress .is-complete{border-color:#8cae6b;color:#476624}
.demo-progress .is-complete>span{background:var(--accent);color:var(--accent-text)}
.demo-experience{display:flex;gap:12px;align-items:center;border:1px solid #dfe7e4;background:#f5f9f5;padding:13px 14px;border-radius:12px;margin:0 0 21px}
.demo-experience>span{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border-radius:10px;background:var(--accent);color:var(--accent-text)}
.demo-experience .icon{width:20px;height:20px}
.demo-experience strong,.demo-experience small{display:block}
.demo-experience strong{font-size:12px;font-weight:650}
.demo-experience small{margin-top:3px;color:#61776d;font-size:11px;line-height:1.55}
.demo-name-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.demo-card .field{display:block;margin:17px 0 7px;font-size:12px;font-weight:600}
.demo-name-grid .field{margin-top:0}
.demo-card .demo-field-hint{font-size:11px;line-height:1.6;color:var(--muted);margin:7px 0 0}
.demo-card .demo-field-error{font-size:11px;line-height:1.5;color:#a74844;margin:6px 0 0}
.demo-field-error:empty{display:none}
.demo-card input[aria-invalid="true"]{border-color:#bd716b!important;background:#fffcfb}
.demo-card .demo-submit{justify-content:space-between;width:100%;margin-top:22px;gap:12px;white-space:normal;min-height:49px}
.demo-card .demo-submit:hover{transform:none;background:#1c4050}
.demo-card .demo-submit:disabled{opacity:.65;cursor:wait}
.demo-submit>[data-demo-label]{flex:1;text-align:left}
.demo-spinner{display:none;width:15px;height:15px;flex:0 0 15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:demo-spin .75s linear infinite}
.is-working .demo-spinner{display:inline-block}
.demo-submit.is-working>.icon{display:none}
.demo-card .demo-existing{margin:20px 0 0;font-size:11px;line-height:1.7;text-align:center;color:var(--muted)}
.demo-existing a,.demo-back{color:var(--teal);font-weight:650;text-decoration:underline;text-underline-offset:3px}
.demo-stage-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #dce6e4;border-radius:14px;background:#f4f8f6;color:var(--teal);margin-bottom:17px}
.demo-stage-icon .icon{width:25px;height:25px}
.demo-email-chip{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#f4f7f7;border:1px solid #e0e8e8;border-radius:11px;padding:11px 13px;margin:0 0 20px;font-size:12px}
.demo-email-chip>[data-demo-email]{min-width:0;overflow-wrap:anywhere;color:var(--primary);font-weight:600}
.demo-text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:30px;padding:3px 0;border:0;background:transparent;color:var(--teal);font-size:11px;font-weight:650;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.demo-text-button:disabled{cursor:default;color:#78898e;text-decoration:none}
.demo-card input.demo-code{min-height:62px;letter-spacing:.42em;text-align:center;font-size:26px;font-weight:600;font-variant-numeric:tabular-nums;padding-left:calc(14px + .42em)}
.demo-card .demo-resend-form{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:17px;min-height:32px}
.demo-resend-form p{margin:0;font-size:11px;color:var(--muted)}
.demo-card .demo-restart-form{margin:14px 0 0;text-align:center}
.demo-verified{display:inline-flex;gap:6px;align-items:center;color:#4b7025;font-size:11px;font-weight:650}
.demo-verified .icon{width:16px;height:16px}
.demo-card .demo-account{margin:17px 0 5px;text-align:left}
.demo-account>div{min-width:0}
.demo-account strong{overflow-wrap:anywhere;font-size:14px}
.demo-card .password-strength{margin-top:14px}
.demo-card .password-strength .password-rules{font-size:10px}
.demo-complete{text-align:center}
.demo-complete-icon{display:grid;place-items:center;width:78px;height:78px;margin:12px auto 23px;border-radius:25px;background:var(--accent);color:var(--primary)}
.demo-complete-icon .icon{width:40px;height:40px}
.demo-complete .security-kicker{font-size:9px;letter-spacing:.06em}
.demo-complete .demo-submit>span{text-align:left;flex:1}
.demo-card .demo-message{margin:17px 0 0;padding:11px 13px;border:1px solid #e1e8e5;border-radius:10px;background:#f6f9f7;font-size:12px;line-height:1.65;color:#49673b;overflow-wrap:anywhere}
.demo-card .demo-message[data-tone="error"]{background:#fff7f5;border-color:#efd8d4;color:#a14640}
.demo-card .demo-message:empty{display:none}
.demo-assurance{display:flex;align-items:flex-start;gap:7px;margin-top:24px;padding-top:17px;border-top:1px solid var(--line);color:#6b7d85;font-size:10px;line-height:1.6}
.demo-assurance .icon{width:14px;height:14px;flex:0 0 14px;margin-top:1px;color:var(--teal)}
.demo-back{display:inline-block;margin-top:20px;font-size:12px}
.demo-card [data-demo-stage]:not([hidden]){animation:demo-enter .18s ease-out}
.demo-card :is(input,button,a):focus-visible{outline:2px solid #6e9e94;outline-offset:2px}
.demo-card input:focus{border-color:#91b7ad!important;box-shadow:0 0 0 2px rgb(67 133 126 / 10%)!important;outline:none}
.demo-card input[aria-invalid="true"]:focus{border-color:#bd716b!important;box-shadow:0 0 0 2px rgb(189 113 107 / 10%)!important}
@keyframes demo-spin{to{transform:rotate(360deg)}}
@keyframes demo-enter{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.access-demo-page .access-page{grid-template-columns:minmax(300px,.8fr) minmax(460px,1.2fr)}.access-demo-page .access-main{padding-inline:6%}.access-demo-page .access-story{padding-inline:9%}.access-demo-page .access-copy h1{font-size:45px}}
@media(max-width:850px){.access-demo-page .access-page{display:block}.access-demo-page .access-story{min-height:auto;padding:23px 6%}.access-demo-page .access-story>img,.access-demo-page .access-story:after,.access-demo-page .access-copy,.access-demo-page .access-bottom{display:none}.access-demo-page .access-main{min-height:calc(100vh - 82px);padding:25px 6%}.access-demo-page .demo-card{margin:28px auto 32px}}
@media(max-width:500px){.access-demo-page .access-main{padding:22px 18px}.access-demo-page .demo-card{margin:26px auto 30px;padding:25px 21px;border-radius:18px;box-shadow:0 12px 35px rgb(17 45 60 / 4%)}.demo-card h1{font-size:32px}.demo-card input:not([type="hidden"]){font-size:16px}.demo-progress{gap:6px}.demo-progress li{gap:5px}.demo-progress li strong{font-size:10px}.demo-progress li>span{width:21px;height:21px;flex-basis:21px;font-size:10px}.demo-name-grid{gap:10px}.demo-card input.demo-code{font-size:25px}.demo-card .password-strength .password-rules{grid-template-columns:1fr}.demo-email-chip{gap:4px 10px}}
@media(max-width:360px){.access-demo-page .access-main{padding-inline:12px}.access-demo-page .demo-card{padding-inline:16px}.demo-name-grid{grid-template-columns:1fr;gap:0}.demo-name-grid>div+div .field{margin-top:17px}.demo-progress li{flex-direction:column;align-items:flex-start;gap:6px}.demo-card h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){.demo-spinner,.demo-card [data-demo-stage]:not([hidden]){animation:none}.demo-card .btn{transition:none}.access-demo-page{scroll-behavior:auto}}
@media(forced-colors:active){.demo-card input:focus{outline:2px solid Highlight;box-shadow:none!important}.demo-progress .is-active{border-color:Highlight}.demo-spinner{forced-color-adjust:none;border-color:CanvasText;border-right-color:transparent}}