.demos-section{padding-top:76px}.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.demo-card{background:#fff;border:1px solid #d7e5f7;border-radius:17px;overflow:hidden;box-shadow:0 8px 30px #17519c08;transition:transform .2s,box-shadow .2s}.demo-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #17519c15}.demo-preview{display:block;position:relative;background:#e9f1fc;border-bottom:1px solid #dce8f6}.preview-browser{height:32px;display:flex;align-items:center;gap:5px;background:#f0f5fc;padding:0 13px;color:#5b7190}.preview-browser i{height:5px;width:5px;border-radius:50%;background:#b2c8df}.preview-browser span{font-size:8px;letter-spacing:.7px;margin-left:10px;font-weight:650}.preview-browser b{margin-left:auto;font-size:7px;color:var(--demo-color);letter-spacing:1px}.demo-preview img{display:block;width:100%;height:auto;aspect-ratio:1366/900;object-fit:cover;object-position:top}.preview-open{position:absolute;right:14px;bottom:14px;background:#fff;color:#1568c3;padding:9px 12px;border-radius:7px;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:750;box-shadow:0 5px 18px #16395f20}.preview-open svg{width:15px;height:15px}.demo-card-body{padding:25px 27px}.demo-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.demo-meta>span:first-child{font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:700;color:#527399}.demo-live{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:650;color:#098469;background:#e5f8f1;padding:5px 9px;border-radius:20px;white-space:nowrap}.demo-live i{width:5px;height:5px;background:#09a87d;border-radius:50%}.demo-card h3{font-size:25px;font-weight:800;line-height:1.35;margin:0 0 11px}.demo-card-body>p{font-size:14px;color:#526c88;line-height:1.85;margin-bottom:18px;min-height:52px}.demo-features{list-style:none;padding:0;display:flex;gap:7px;flex-wrap:wrap;margin:0 0 24px}.demo-features li{font-size:9px;font-weight:600;background:#eff5ff;color:#4473a5;border:1px solid #e1ebf8;padding:6px 8px;border-radius:5px}.demo-actions{display:flex;gap:16px;align-items:center;padding-top:18px;border-top:1px solid #e7edf6}.demo-actions .button{font-size:12px;padding:13px 19px;gap:15px}.demo-actions svg{width:17px;height:17px}.demo-info{font-size:12px;color:#1764af;font-weight:700}.demo-custom{display:inline-block;font-size:11px;color:#597393;margin-top:16px}.demo-custom:hover{color:#087def}.demo-explainer{display:flex;align-items:center;gap:22px;padding:28px;background:#e6f1ff;border:1px solid #cbdef8;border-radius:12px;margin-top:35px}.demo-explainer-icon{width:45px;height:45px;flex-shrink:0;display:grid;place-items:center;background:#fff;color:#087def;border-radius:10px;font-size:22px}.demo-explainer h3{font-size:17px;margin-bottom:7px}.demo-explainer p{font-size:12px;line-height:1.85;color:#526c88;margin-bottom:0;max-width:735px}.demo-explainer>a{white-space:nowrap;margin-left:auto}.detail-demo{background:white;border:1px solid #d4e3f5;border-radius:14px;overflow:hidden;box-shadow:0 16px 45px #14529412}.detail-demo img{display:block;width:100%;height:auto}.detail-demo>div{padding:22px}.detail-demo p{margin:12px 0 10px!important;font-size:13px!important}.detail-grid:has(.detail-demo){grid-template-columns:1.15fr 1.2fr;gap:50px}.demos-page-intro{padding-top:65px}.demos-page-intro h1{font-size:54px}.demos-page-intro>p:not(.eyebrow){color:#526c88}.services-grid{margin-top:25px}.header #navigation>a{white-space:nowrap}.hero-signature{display:none}
@media(max-width:1100px){.demo-card-body{padding:23px}.demo-card h3{font-size:22px}.demo-features li{font-size:8px}.demo-explainer{gap:16px}.demo-explainer>a{display:none}.detail-grid:has(.detail-demo){gap:30px}.header #navigation{gap:13px}}
@media(max-width:800px){.demos-section{padding-top:55px}.demo-grid{gap:20px}.demo-card-body{padding:20px}.demo-card h3{font-size:21px}.demo-meta{flex-wrap:wrap;gap:7px}.demo-card-body>p{font-size:13px;min-height:78px}.demo-actions{gap:12px;flex-wrap:wrap}.demo-actions .button{font-size:11px;padding:12px}.demo-info{font-size:11px}.detail-grid:has(.detail-demo){grid-template-columns:1fr}.demos-page-intro{padding-top:40px}.demos-page-intro h1{font-size:43px}}
@media(max-width:560px){.demo-grid{grid-template-columns:1fr;gap:25px}.demo-card-body{padding:23px}.demo-card h3{font-size:24px}.demo-card-body>p{min-height:0;font-size:14px}.demo-meta{flex-wrap:nowrap}.demo-meta>span:first-child{font-size:9px}.demo-live{font-size:8px}.demo-actions{gap:20px}.demo-actions .button{font-size:12px;padding:14px 18px}.demo-info{font-size:12px}.demo-features li{font-size:9px}.demo-explainer{padding:22px;align-items:flex-start;gap:13px}.demo-explainer-icon{width:32px;height:32px}.demo-explainer h3{font-size:15px}.demo-explainer p{font-size:11px}.demos-page-intro h1{font-size:36px}}
.hero-specialty{font-size:12px;color:#1376ca;font-weight:700;margin:-12px 0 27px;line-height:1.8}.hero-lead{margin-bottom:24px}@media(max-width:420px){.hero-specialty{font-size:10px;margin-top:-9px}}