.demo-entry{color:#07142e;background:#f7f8fc;grid-template-columns:37% 63%;min-height:100svh;font-family:Archivo,Arial,sans-serif;display:grid}.demo-brand-panel{color:#fff;background:#07142e;align-items:center;padding:9vw 4vw;display:flex}.demo-brand-content{max-width:460px;margin:auto}.demo-wordmark{align-items:center;gap:16px;margin-bottom:44px;display:flex}.demo-wordmark strong{font-size:32px}.demo-wordmark small{color:#d9e0ef;font-size:12px}.demo-wordmark img{width:122px}.demo-brand-content h1{letter-spacing:-1.3px;margin:0 0 26px;font-size:clamp(34px,3.35vw,60px);font-weight:800;line-height:1.15}.demo-brand-content p{color:#d9e0ef;margin:0;font-size:20px;line-height:1.7}.demo-brand-content svg{color:#d9e0ef;width:90%;margin-top:50px}.demo-choice-panel{justify-content:center;align-items:center;padding:110px 7vw 70px;display:flex;position:relative}.demo-help{color:#66718a;font-weight:600;text-decoration:none;position:absolute;top:32px;right:36px}.demo-choice-content{text-align:center;width:100%;max-width:620px}.demo-logo{width:150px;margin:0 auto 40px;display:block}.demo-choice-content h2{letter-spacing:-1px;margin:0 0 12px;font-size:clamp(29px,2.65vw,44px);font-weight:800}.demo-lead{color:#66718a;margin:0 0 48px;font-size:20px}.demo-choices{gap:16px;display:grid}.demo-option{width:100%;box-shadow:none;color:#07142e;text-align:left;cursor:pointer;font:inherit;background:#fff;border:1px solid #d9e0ef;border-radius:21px;grid-template-columns:52px minmax(0,1fr) 20px;align-items:center;gap:18px;padding:24px;transition:transform .15s,box-shadow .15s;display:grid}.demo-option:hover{transform:translateY(-2px);box-shadow:0 12px 30px #07142e10}.demo-option:focus-visible{outline-offset:4px;outline:3px solid #2f5bde}.demo-option:disabled{opacity:.65;cursor:progress}.demo-option strong{margin-bottom:7px;font-size:23px;display:block}.demo-option small{color:#66718a;font-size:16px;line-height:1.4;display:block}.demo-option-icon{color:#2f5bde;background:#2f5bde15;border-radius:14px;place-items:center;height:52px;font-size:31px;font-weight:700;display:grid}.demo-option.reading{color:#fff;background:#2f5bde;border-color:#2f5bde}.demo-option.reading small{color:#d9e0ef}.demo-option.reading .demo-option-icon{color:#fff;background:#fff2}.demo-message{color:#66718a;min-height:24px;margin:22px 0;font-size:15px;line-height:1.5}.demo-error{color:#a53824;background:#fff0ed;border-radius:12px;padding:16px}.demo-info{color:#66718a;border-top:1px solid #d9e0ef;padding-top:20px;font-size:14px;line-height:1.6}.demo-info summary{cursor:pointer}.demo-info p{text-align:left}.demo-banner{color:#07142e;background:#eaf0ff;border:1px solid #d9e0ef;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:0 0 20px;padding:12px 16px;font-size:13px;display:flex}.demo-banner a{color:#2f5bde;font-weight:700;text-decoration:none}.demo-banner div{flex-wrap:wrap;gap:16px;display:flex}@media (max-width:760px){.demo-entry{grid-template-columns:1fr}.demo-brand-panel{padding:36px 26px}.demo-brand-content{width:100%;max-width:620px}.demo-wordmark{margin-bottom:24px}.demo-brand-content h1{font-size:34px}.demo-brand-content p{font-size:16px}.demo-brand-content svg{display:none}.demo-choice-panel{padding:74px 22px 40px}.demo-help{font-size:14px;top:24px;right:24px}.demo-logo{width:132px;margin-bottom:26px}.demo-lead{margin-bottom:28px;font-size:17px}.demo-option{grid-template-columns:42px minmax(0,1fr) 15px;gap:12px;padding:19px 16px}.demo-option-icon{height:42px}.demo-option strong{font-size:20px}.demo-option small{font-size:14px}}