.demos-page{background-color:var(--brand-navy);min-height:100vh}.demos-page__hero{padding:calc(var(--section-gap)*1.5) var(--gutter) var(--section-gap);text-align:center}.demos-page__hero h1{color:var(--inverse-on-surface);margin:0 0 var(--space-2)}.demos-page__hero p{color:var(--on-primary-container);max-width:640px;margin:0 auto}.demos-page__grid{max-width:var(--container-max);padding:0 var(--gutter) var(--section-gap);gap:var(--space-3);grid-template-columns:repeat(2,1fr);margin:0 auto;display:grid}@media (max-width:768px){.demos-page__hero{padding:calc(var(--section-gap)*.75) var(--margin-mobile) calc(var(--section-gap)*.5)}.demos-page__hero h1{font-size:var(--headline-xl-mobile-size)}.demos-page__grid{padding:0 var(--margin-mobile) calc(var(--section-gap)*.5);grid-template-columns:1fr}}