/* SIS demo: product first, short registration and clear next action. */
.demo-access-page{background:#fff;color:#111318}
.demo-start{background:#090b10;color:#fff;padding:clamp(48px,6vw,88px) 0 64px}
.demo-start-grid,.demo-section-inner{width:var(--page);margin-inline:auto}
.demo-start-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,72px);align-items:start}
.demo-eyebrow{font-size:.875rem;font-weight:600;letter-spacing:.09em;color:#8fb8ff;margin:0 0 24px}
.demo-start h1{font-size:clamp(3rem,5.5vw,5.5rem);font-weight:400;letter-spacing:-.05em;line-height:1.02;margin:0 0 24px;max-width:none;text-wrap:balance}
.demo-start h1 span{color:#82afff}
.demo-start-lead{font-size:clamp(1.125rem,1.6vw,1.375rem);line-height:1.5;color:#e0e4ed;max-width:530px;margin:0 0 24px}
.demo-perks{display:flex;gap:10px 20px;flex-wrap:wrap;padding:0;margin:0 0 30px;list-style:none;font-size:.875rem;color:#fff}
.demo-perks li{padding-bottom:7px;border-bottom:2px solid #216ff1}
.demo-product-peek{margin:0;border:1px solid #353b48;background:#11151d}
.demo-product-peek img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:contain}
.demo-product-peek figcaption{padding:12px 14px;color:#c6cdd9;font-size:.8125rem;line-height:1.5}
.demo-signup{background:#fff;color:#111318;padding:clamp(22px,3vw,36px);border-top:5px solid #1768ed;scroll-margin-top:150px}
.demo-signup-label{font-size:.8125rem;letter-spacing:.08em;color:#1458bd;font-weight:600}
.demo-signup h2{font-size:clamp(1.875rem,2.8vw,2.625rem);font-weight:500;line-height:1.1;letter-spacing:-.035em;margin:12px 0}
.demo-signup-heading>p{font-size:1rem;line-height:1.5;color:#535c69;margin:0 0 22px}
.demo-signup .demo-access-form{border:0}
.demo-form-progress{font-size:.875rem;color:#1458bd;border-top:1px solid #d9dfe8;padding-top:20px;margin:0 0 20px}
.demo-signup fieldset{border:0;padding:0;margin:0;min-width:0}
.demo-signup legend{font-size:1rem;font-weight:600;margin-bottom:16px}
.demo-signup .demo-access-form-grid{gap:16px}
.demo-signup .demo-access-form label{padding:0;border:0;gap:8px;color:#252d39;font-size:.875rem;letter-spacing:0;text-transform:none;font-weight:500}
.demo-signup .demo-access-form input:not([type="checkbox"]),.demo-signup .demo-access-form select,.demo-signup .demo-access-form textarea{border:1px solid #aeb8c6;border-radius:0;padding:11px 12px;background:#fff;color:#111318;font-size:1rem;line-height:1.4;min-height:48px;width:100%;box-shadow:none}
.demo-signup .demo-access-form textarea{min-height:100px}
.demo-signup .demo-access-form input::placeholder,.demo-signup .demo-access-form textarea::placeholder{color:#606b7b;opacity:1}
.demo-signup .demo-access-form input:focus,.demo-signup .demo-access-form select:focus,.demo-signup .demo-access-form textarea:focus{outline:2px solid #1768ed;outline-offset:2px}
.demo-signup .demo-access-form [aria-invalid="true"]{border-color:#b32923}
.demo-signup .demo-access-form small{color:#535c69;font-size:.8125rem;line-height:1.5}
.demo-signup .demo-access-terms{padding:18px 0!important;font-weight:400!important;font-size:.875rem!important;line-height:1.5;color:#46505e!important}
.demo-signup .demo-access-terms input{appearance:auto;width:20px;min-height:20px;height:20px;flex:0 0 20px;border:1px solid #7b8594}
.demo-signup .demo-access-submit{display:block;border:0}
.demo-signup .demo-start-button,.demo-signup .demo-access-submit button{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:54px;padding:15px 18px;background:#0757d9;color:#fff;border:0;font-size:1rem;font-weight:600;cursor:pointer}
.demo-signup .demo-start-button{margin-top:24px}
.demo-signup .demo-start-button:hover,.demo-signup .demo-access-submit button:hover{background:#0844a6}
.demo-signup .demo-access-submit p{padding:12px 0 0;font-size:.8125rem;line-height:1.5;color:#535c69}
.demo-signup .demo-back-button{border:0;background:none;padding:12px 0;color:#3c4654;font-size:.875rem;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.demo-signup .access-assistance{font-size:.875rem;color:#3c4654;justify-content:center;min-height:44px;margin-top:12px;text-decoration:underline;text-underline-offset:4px}
.demo-signup .demo-access-status.is-visible{color:#126242;background:#ecf8f1;margin-top:16px;border:0}
.demo-signup .demo-access-error.is-visible{color:#9b211d;background:#fff0ee;margin-top:16px;border:0}
.demo-access-page [hidden]{display:none!important}
.demo-access-page a:focus-visible,.demo-access-page button:focus-visible,.demo-access-page summary:focus-visible{outline:3px solid #559aff;outline-offset:4px}
.demo-mobile-start{display:none}
.demo-try{padding:clamp(56px,7vw,100px) 0;background:#fff}
.demo-try .demo-eyebrow,.demo-questions .demo-eyebrow{color:#1458bd}
.demo-try h2,.demo-questions h2,.demo-final h2{font-size:clamp(2rem,4vw,3.75rem);line-height:1.08;font-weight:400;letter-spacing:-.04em;margin:0 0 22px}
.demo-try header>p:last-child{font-size:1.125rem;color:#535c69;line-height:1.5}
.demo-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:40px 0 28px;padding:0;border-top:1px solid #cbd2dc;border-bottom:1px solid #cbd2dc}
.demo-task-grid li{padding:28px 28px 32px 0}.demo-task-grid li+li{border-left:1px solid #cbd2dc;padding-left:28px}
.demo-task-grid li>span{font-size:.875rem;letter-spacing:.04em;color:#1458bd}
.demo-task-grid h3{font-size:1.625rem;font-weight:500;line-height:1.2;letter-spacing:-.025em;margin:24px 0 12px}
.demo-task-grid p{font-size:1rem;line-height:1.6;color:#535c69;margin:0}
.demo-inline-cta{display:inline-flex;gap:28px;align-items:center;min-height:48px;font-size:1rem;color:#0954bf;text-decoration:underline;text-underline-offset:5px}
.demo-questions{padding:clamp(56px,7vw,90px) 0;background:#f2f4f7}
.demo-questions-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px}
.demo-questions details{border-bottom:1px solid #cbd2dc;padding:20px 0}
.demo-questions details:first-child{border-top:1px solid #cbd2dc}
.demo-questions summary{font-size:1.125rem;font-weight:500;line-height:1.5;cursor:pointer;padding-right:10px}
.demo-questions details p{font-size:1rem;line-height:1.6;color:#535c69;margin:16px 0 0}
.demo-questions details a{color:#0954bf;text-decoration:underline}
.demo-final{background:#0757d9;color:#fff;padding:56px 0}
.demo-final .demo-section-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}
.demo-final .demo-eyebrow{color:#fff}.demo-final h2{margin:0;font-size:clamp(2rem,3vw,3rem)}
.demo-final a{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:18px 24px;min-height:56px;background:#fff;color:#0747ad;font-size:1rem;font-weight:600;flex-shrink:0}
@media(max-width:950px){.demo-start-grid{grid-template-columns:1fr 1fr;gap:24px}.demo-signup .demo-access-form-grid{grid-template-columns:1fr}.demo-start h1{font-size:clamp(3rem,6vw,4rem)}}
@media(max-width:720px){.demo-start{padding:36px 0 48px}.demo-start-grid{grid-template-columns:1fr;gap:32px}.demo-start h1{font-size:clamp(2.75rem,9vw,4rem)}.demo-product-peek{display:none}.demo-mobile-start{display:flex;justify-content:space-between;align-items:center;background:#0757d9;color:#fff;font-size:1rem;font-weight:600;min-height:54px;padding:14px 18px}.demo-signup .demo-access-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-questions-grid{grid-template-columns:1fr;gap:16px}.demo-task-grid{grid-template-columns:1fr}.demo-task-grid li,.demo-task-grid li+li{padding:24px 0;border-left:0}.demo-task-grid li+li{border-top:1px solid #cbd2dc}.demo-task-grid h3{margin-top:16px}.demo-final .demo-section-inner{display:block}.demo-final a{display:flex;margin-top:28px}}
@media(max-width:430px){.demo-signup .demo-access-form-grid{grid-template-columns:1fr}.demo-perks{gap:10px 14px}.demo-signup{padding:22px 18px}}
/* Registration polish and a visible product preview on smaller screens. */
.demo-start-grid{gap:28px clamp(32px,5vw,72px);align-items:start}
.demo-start-copy{grid-column:1;grid-row:1}
.demo-signup{grid-column:2;grid-row:1 / 3}
.demo-product-peek{grid-column:1;grid-row:2;align-self:start}
.demo-progress-track{display:grid;grid-template-columns:1fr 1fr;gap:14px;list-style:none;margin:0;padding:0}
.demo-progress-track li{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:3px solid #dce1ea;font-size:.875rem;color:#616b7b}
.demo-progress-track li>span{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid #bec7d5;font-size:.8125rem}
.demo-progress-track li[aria-current="step"]{border-color:#0757d9;color:#074caf;font-weight:600}
.demo-progress-track li[aria-current="step"]>span{background:#0757d9;color:#fff;border-color:#0757d9}
.demo-progress-track li[data-complete="true"]{border-color:#0757d9;color:#074caf}
.demo-signup .demo-form-progress{border-top:0;margin:0 0 20px;padding-top:14px;color:#535c69;font-size:.875rem}
.demo-step-reassurance{font-size:.8125rem;line-height:1.5;color:#535c69;text-align:center;margin:12px 0 0}
.demo-signup .demo-access-form .demo-field-error{display:block;color:#a52620;font-size:.875rem;line-height:1.4;font-weight:400}
.demo-signup .demo-access-terms .demo-field-error{margin-top:8px}
.demo-signup .demo-access-form [data-demo-context-count][data-ready="true"]{color:#126242}
.demo-product-peek figcaption{font-size:.875rem}
@media(max-width:950px){.demo-start-grid{gap:24px}.demo-start h1{font-size:clamp(2.75rem,5.5vw,4rem)}}
@media(max-width:720px){.demo-start-copy,.demo-signup,.demo-product-peek{grid-column:1;grid-row:auto}.demo-product-peek{display:block}.demo-signup{scroll-margin-top:138px}.demo-product-peek img{content-visibility:auto}}


/* A single, short step with optional context and useful recovery actions. */
.demo-optional-fields{border-top:1px solid #dce1ea;border-bottom:1px solid #dce1ea;margin-top:22px;padding:14px 0}
.demo-optional-fields summary{cursor:pointer;min-height:32px;font-size:.875rem;color:#344256;line-height:1.5}
.demo-optional-fields[open] summary{margin-bottom:16px}
.demo-recovery{display:grid;gap:10px;margin-top:16px;padding:16px;border:1px solid #cbd8ee;background:#f4f7fd}
.demo-recovery a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;color:#0757bd;font-size:.9375rem;text-decoration:underline;text-underline-offset:4px;line-height:1.5}
.demo-recovery a:first-child{font-weight:600}
