.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.demo-card{border:1px solid #e1e7f1;border-radius:17px;overflow:hidden;background:white;display:flex;flex-direction:column}.demo-thumb{display:block;position:relative;background:#edf2f9;padding:18px 18px 0;overflow:hidden}.demo-thumb img{width:100%;height:215px;object-fit:cover;object-position:top;border-radius:8px 8px 0 0;box-shadow:0 8px 24px #172c4d13;transition:transform .35s}.demo-thumb:hover img{transform:translateY(-4px)}.demo-thumb>span{position:absolute;right:29px;bottom:13px;display:flex;gap:8px;align-items:center;background:#17294ddd;color:#fff;padding:6px 10px;border-radius:6px;font-size:.62rem}.demo-copy{padding:23px 25px 25px;display:flex;flex-direction:column;flex:1}.demo-eyebrow{font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:#8494ae}.demo-copy h3{font-size:1.08rem;margin:12px 0;line-height:1.4;letter-spacing:-.025em}.demo-copy p{font-size:.79rem;color:#73819a;line-height:1.85;flex:1}.demo-copy .text-link{font-size:.72rem}.hero-demo-link{margin-top:21px;font-size:.74rem}.demo-section .section-head p{font-size:.86rem}.demo-viewer-header{background:#fff;border-bottom:1px solid #e2e9f5}.demo-viewer-header>.container{display:flex;align-items:center;justify-content:space-between;padding-top:18px;padding-bottom:18px;gap:22px}.demo-viewer-header img{width:185px;height:auto}.demo-large-preview{margin:40px 0}.demo-large-preview img{width:100%;height:auto;max-height:900px;object-fit:contain;object-position:top;border:1px solid #dfe6f3;border-radius:12px;background:#f4f7fc}.demo-large-preview figcaption{font-size:.72rem;color:#7c89a2;padding-top:14px}.brand img{width:193px}.footer-brand{width:188px;padding:6px 11px}@media(max-width:1050px){.demo-grid{gap:18px}.demo-thumb img{height:190px}.demo-copy{padding:21px}.nav-links{gap:13px}.brand img{width:172px}}@media(max-width:850px){.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-thumb img{height:200px}.nav-links{gap:0}.brand img{width:167px}}@media(max-width:540px){.demo-grid{grid-template-columns:1fr;gap:22px}.demo-thumb img{height:225px}.demo-copy{padding:24px}.demo-copy h3{font-size:1.12rem}.demo-viewer-header img{width:145px}.demo-viewer-header .text-link{font-size:.68rem}.hero-demo-link{font-size:.7rem}.brand img{width:163px}}@media(prefers-reduced-motion:reduce){.demo-thumb:hover img{transform:none}}