.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}.demos-page__section{max-width:var(--container-max);padding:0 var(--gutter);margin:0 auto}.demos-page__section-title{color:var(--inverse-on-surface);font-size:var(--headline-sm-size);margin:0 0 var(--space-1)}.demos-page__section-desc{color:var(--on-primary-container);margin:0 0 var(--space-4)}@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}}