.demoCenter{color:#101828;background:#f4f7fb;min-height:100vh}.demoCenterHero{justify-content:space-between;align-items:end;gap:40px;max-width:1180px;margin:auto;padding:62px 20px 34px;display:flex}.demoCenterHero small{color:#315ce8;letter-spacing:1.5px;font-weight:900}.demoCenterHero h1{margin:12px 0;font-size:clamp(38px,5vw,62px);line-height:1.15}.demoCenterHero p{color:#6f7c90;max-width:780px;font-size:17px;line-height:1.8}.demoCenterHero>a{color:#fff;white-space:nowrap;background:#0e203d;border-radius:10px;padding:14px 18px;font-weight:800}.demoChooser{grid-template-columns:repeat(4,1fr);gap:10px;max-width:1180px;margin:0 auto 18px;padding:0 20px;display:grid}.demoChooser button{text-align:right;cursor:pointer;background:#fff;border:1px solid #dbe2ed;border-radius:14px;grid-template-columns:auto 1fr;gap:4px 10px;padding:17px;display:grid}.demoChooser button>span{color:#315ce8;background:#edf3ff;border-radius:9px;grid-row:1/3;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.demoChooser b{font-size:14px}.demoChooser small{color:#7c8798;line-height:1.5}.demoChooser button.active{color:#fff;background:#10213d;border-color:#10213d;box-shadow:0 12px 30px #10213d22}.demoChooser button.active small{color:#aebbd0}.demoChooser button.active span{color:#fff;background:#315ce8}.demoViewport{background:#fff;border:1px solid #dbe2ed;border-radius:18px;max-width:1180px;margin:0 auto 80px;overflow:hidden;box-shadow:0 22px 60px #15284d12}.demoViewport>header{border-bottom:1px solid #e4e9f1;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.demoViewport>header small{color:#315ce8;font-weight:900}.demoViewport h2{margin:5px 0;font-size:24px}.demoViewport p{color:#758197;margin:0}.demoViewport>header>a{color:#315ce8;border:1px solid #cbd7ee;border-radius:8px;padding:9px 12px;font-weight:800}.demoViewport iframe{background:#fff;border:0;width:100%;display:block}.embeddedDemoExperience>.topbar,.embeddedDemoExperience>header.topbar,.embeddedDemoExperience>footer{display:none!important}.embeddedDemoExperience .pageHero{padding-top:35px}.english .demoChooser button{text-align:left}@media (max-width:900px){.demoCenterHero{flex-direction:column;align-items:flex-start}.demoChooser{grid-template-columns:1fr 1fr}.demoViewport{border-radius:0;margin-bottom:40px}.demoViewport>header{flex-direction:column;align-items:flex-start;gap:15px}}@media (max-width:560px){.demoChooser{grid-template-columns:1fr}.demoCenterHero{padding-top:38px}.demoViewport>header>a{text-align:center;width:100%}}