:root{--ink:#111318;--muted:#667085;--line:#e6e7eb;--paper:#f7f7f4;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit}.hub{width:min(1240px,calc(100% - 40px));margin:auto;padding:72px 0 90px}.hub__hero{max-width:900px;margin-bottom:54px}.eyebrow,.tag{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.eyebrow{margin-bottom:18px}.hub h1{font-family:Manrope,sans-serif;font-size:clamp(42px,7vw,86px);line-height:.98;letter-spacing:-.055em;margin:0 0 24px}.hub__hero p{max-width:760px;font-size:19px;line-height:1.65;color:var(--muted)}.hub__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.demo-card{min-height:510px;padding:28px;border-radius:24px;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s ease,box-shadow .25s ease;overflow:hidden}.demo-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(17,19,24,.12)}.demo-card h2{font-family:Manrope,sans-serif;font-size:38px;line-height:1.05;letter-spacing:-.04em;margin:12px 0}.demo-card p{font-size:16px;line-height:1.6;opacity:.72}.demo-card__number{font:700 14px Manrope,sans-serif}.demo-card__cta{font-weight:700}.demo-card--dark{background:#15251e;color:#f4f2e9}.demo-card--warm{background:#e8cdbd;color:#321f1d}.demo-card--light{background:#fff;border:1px solid var(--line)}@media(max-width:900px){.hub__grid{grid-template-columns:1fr}.demo-card{min-height:360px}.hub{padding-top:42px}}