.as-demos{font-family:Inter,sans-serif;color:#172b43}.demo-hero{text-align:center;padding:80px 24px 54px;background:radial-gradient(ellipse at top,#eaf2ff,transparent 70%)}.demo-hero h1{max-width:850px;margin:18px auto;font-size:clamp(36px,4.5vw,62px);line-height:1.1;letter-spacing:-.04em}.demo-hero>p{max-width:720px;margin:0 auto 28px;font-size:20px;line-height:1.7;color:#586c83}.as-demos .buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.as-demos .btn{background:#186ade;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.as-demos .btn.secondary{background:#fff;color:#186ade;border:1px solid #cdddf4}.demo-trust{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:30px;font-size:13px;color:#586c83}.demo-trust span:before{content:'✓';color:#186ade;margin-right:7px}.demo-section{padding-top:65px;padding-bottom:65px}.demo-section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:end;margin-bottom:30px}.as-demos h2{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-.03em;margin:12px 0}.as-demos p{line-height:1.7;color:#586c83}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.demo-card{border:1px solid #e1e8f1;background:white;border-radius:20px;overflow:hidden;box-shadow:0 8px 28px #172b4308;display:flex;flex-direction:column}.demo-card-image{display:block;overflow:hidden;background:#f0f5fb}.demo-card img{width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;display:block;transition:transform .25s}.demo-card-image:hover img{transform:scale(1.025)}.demo-card-body{padding:24px;display:flex;flex:1;flex-direction:column}.demo-card-body small{font-size:10px;font-weight:700;letter-spacing:.1em;color:#186ade}.demo-card h3{font-size:22px;margin:12px 0}.demo-card h3 a{color:inherit;text-decoration:none}.demo-card p{font-size:15px;margin:0 0 24px}.demo-card .btn{margin-top:auto;font-size:14px;padding:12px}.demo-notice{margin-top:24px;background:#f3f7fd;border:1px solid #dce7f6;border-radius:14px;padding:20px 24px;color:#586c83;line-height:1.7;font-size:14px}.demo-notice strong{color:#172b43}.demo-band{background:#f7f9fc}.demo-options{display:grid;grid-template-columns:1fr 1fr;gap:24px}.demo-options article{padding:32px;background:#fff;border:1px solid #e1e8f1;border-radius:18px}.demo-option-icon{display:inline-grid;place-items:center;width:48px;height:48px;background:#edf4ff;color:#186ade;border-radius:12px;font-weight:700}.as-demos h3{line-height:1.35}.as-demos a:not(.btn){text-underline-offset:4px}.demo-small{font-size:13px}.demo-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;counter-reset:journey;gap:24px;padding:0;margin-top:32px}.demo-journey li{counter-increment:journey;border-top:2px solid #dce8fa;padding:24px 0}.demo-journey li:before{content:'0' counter(journey);font-weight:700;color:#186ade;font-size:15px}.demo-journey h3{font-size:20px}.demo-industries{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid #e1e8f1}.demo-industry-links{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:center}.demo-industry-links a{padding:22px;background:#f3f7fd;border-radius:12px;color:#186ade;text-decoration:none;font-weight:600}.demo-final{text-align:center;background:#edf4ff;border-radius:24px;padding:55px 24px;margin-bottom:70px}.as-demos a:focus-visible{outline:3px solid #186ade;outline-offset:5px}#demo-gallery{scroll-margin-top:110px}@media(max-width:1199px){.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.demo-section-heading,.demo-industries{grid-template-columns:1fr;gap:14px}.demo-journey{grid-template-columns:1fr 1fr}.demo-hero{padding-top:55px}.demo-section{padding-top:45px;padding-bottom:45px}}@media(max-width:600px){.demo-grid,.demo-options,.demo-journey{grid-template-columns:1fr}.demo-hero>p{font-size:17px}.demo-trust{gap:10px}.demo-industry-links{grid-template-columns:1fr}.demo-card-body{padding:24px}.demo-options article{padding:24px}.demo-final{border-radius:16px}}@media(prefers-reduced-motion:reduce){.demo-card img{transition:none}}
