@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif}a{text-decoration:none;color:inherit}
.demo-bar{position:sticky;top:0;z-index:50;display:flex;justify-content:center;align-items:center;gap:18px;padding:9px 18px;background:#090f1c;color:#cbd5e1;font-size:12px}
.demo-bar b{color:#fff}.demo-bar a{background:#fff;color:#0f172a;padding:7px 11px;border-radius:999px;font-weight:800}
.demo-container{width:min(1120px,calc(100% - 40px));margin:auto}
.demo-button{display:inline-flex;padding:12px 18px;border-radius:999px;font-weight:800}
.demo-section{padding:78px 0}.demo-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.demo-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.demo-card{padding:24px;border-radius:18px}.demo-title{font-size:42px;line-height:1.05;margin:0 0 15px}.demo-muted{line-height:1.7}.demo-footer{padding:30px 0;font-size:12px}
@media(max-width:760px){.demo-grid-3,.demo-grid-2{grid-template-columns:1fr}.demo-bar{flex-wrap:wrap;text-align:center}.demo-title{font-size:36px}}