.demo-hero{grid-template-columns:minmax(0,1.3fr) minmax(18rem,.7fr);align-items:center;gap:clamp(2rem,6vw,6rem);padding-block:clamp(3.5rem,7vw,6rem) clamp(2rem,4vw,3rem);display:grid}.demo-hero h1{max-width:14ch;margin:var(--od-space-4) 0 0;letter-spacing:var(--od-tracking-tight);text-wrap:balance;font-size:clamp(2.75rem,5.5vw,5rem);line-height:.98}.demo-hero__lede{max-width:38rem;margin:var(--od-space-5) 0 0;color:var(--od-text-muted);font-size:clamp(1.0625rem,2vw,1.25rem);line-height:var(--od-line-body)}.demo-hero .hero__actions{margin-top:var(--od-space-6)}.demo-hero__meta{gap:var(--od-space-2) var(--od-space-5);margin:var(--od-space-5) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.demo-hero__meta li{color:var(--od-text-muted);align-items:center;gap:.375rem;font-size:.875rem;display:inline-flex}.demo-hero__meta svg{color:var(--od-action-content)}.demo-hero__index{border:1px solid var(--od-border);border-radius:var(--od-radius-panel);background:var(--od-surface)}.demo-hero__index>p{padding:var(--od-space-4) var(--od-space-5);border-bottom:1px solid var(--od-border);color:var(--od-text-subtle);font-size:.8125rem;font-weight:var(--od-font-weight-medium);margin:0}.demo-hero__index ol{margin:0;padding:0;list-style:none}.demo-hero__index li+li{border-top:1px solid var(--od-border)}.demo-hero__index a{gap:.125rem var(--od-space-3);min-height:44px;padding:var(--od-space-4) var(--od-space-5);color:var(--od-text);grid-template-columns:minmax(0,1fr) auto;align-items:center;text-decoration:none;display:grid}.demo-hero__index a span{font-weight:var(--od-font-weight-semibold)}.demo-hero__index a small{color:var(--od-text-muted);grid-column:1;font-size:.8125rem}.demo-hero__index a svg{color:var(--od-action-content);grid-area:1/2/span 2}.demo-hero__index a:hover span{color:var(--od-action-content)}.demo-section-head{max-width:46rem}.demo-section-head h2{margin:var(--od-space-3) 0 0;font-size:clamp(2rem,4vw,3.25rem);line-height:var(--od-line-tight);text-wrap:balance}.demo-section-head>p:last-child{margin:var(--od-space-4) 0 0;color:var(--od-text-muted);line-height:var(--od-line-body)}.demo-catalog{gap:clamp(2.5rem,5vw,4rem);padding-block:clamp(3rem,6vw,5rem);display:grid}.demo-catalog__group{scroll-margin-top:6rem}.demo-catalog__group>header{justify-content:space-between;align-items:end;gap:var(--od-space-3) var(--od-space-6);padding-bottom:var(--od-space-4);border-bottom:1px solid var(--od-border);flex-wrap:wrap;display:flex}.demo-catalog__group h3{margin:0;font-size:clamp(1.25rem,2vw,1.5rem)}.demo-catalog__group header p:not(.demo-catalog__group-links){margin:var(--od-space-2) 0 0;color:var(--od-text-muted);line-height:1.6}.demo-catalog__group-links{gap:var(--od-space-4);flex-wrap:wrap;margin:0;display:flex}.demo-catalog__group-links a,.demo-product__page,.demo-meetings a{min-height:44px;color:var(--od-action-content);font-size:.9375rem;font-weight:var(--od-font-weight-semibold);align-items:center;gap:.375rem;text-decoration:none;display:inline-flex}.demo-catalog__group-links a:hover,.demo-product__page:hover,.demo-meetings a:hover{text-decoration:underline}.demo-catalog__cards{gap:var(--od-space-5);margin-top:var(--od-space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.demo-product{border:1px solid var(--od-border);border-radius:var(--od-radius-panel);background:var(--od-surface);flex-direction:column;min-width:0;display:flex;overflow:hidden}.demo-product__media{aspect-ratio:16/10;background:var(--od-surface-subtle);border-bottom:1px solid var(--od-border);margin:0;position:relative;overflow:hidden}.demo-product__media img{width:100%;height:100%;display:block}.demo-product__media[data-fit=cover] img{object-fit:cover;object-position:top center}.demo-product__media[data-fit=contain] img{object-fit:contain;padding:var(--od-space-4)}.demo-product__body{flex-direction:column;flex:1;min-width:0;padding:clamp(1.5rem,3vw,2rem);display:flex}.demo-product__kind{border:1px solid var(--od-border);border-radius:var(--od-radius-round);color:var(--od-text-muted);font-size:.75rem;font-weight:var(--od-font-weight-medium);align-self:flex-start;margin:0;padding:.25rem .625rem}.demo-product h4{margin:var(--od-space-4) 0 0;font-size:1.25rem}.demo-product__body>p:not(.demo-product__kind):not(.demo-product__access){margin:var(--od-space-2) 0 0;color:var(--od-text-muted);line-height:1.6}.demo-product__links{gap:var(--od-space-2);padding-top:var(--od-space-5);flex-wrap:wrap;margin-top:auto;display:flex}.demo-product__access{margin:var(--od-space-3) 0 0;color:var(--od-text-subtle);font-size:.8125rem;line-height:1.5}.demo-product__access a{color:var(--od-action-content);font-weight:var(--od-font-weight-semibold)}.demo-product__page{margin-top:var(--od-space-2)}.demo-product--wide{grid-column:1/-1}.demo-product--wide .demo-product__media{aspect-ratio:4/3}@media (width>=701px){.demo-product--wide{flex-direction:row-reverse}.demo-product--wide .demo-product__media{border-bottom:none;border-inline-start:1px solid var(--od-border);flex:0 0 42%}.demo-product--wide .demo-product__body{justify-content:center}}.demo-walkthrough{padding-block:clamp(3rem,6vw,5rem) 0}.demo-meetings{gap:var(--od-space-4);margin:var(--od-space-7) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.demo-meetings li{padding:var(--od-space-5);border:1px solid var(--od-border);border-radius:var(--od-radius-panel);background:var(--od-surface);flex-direction:column;display:flex}.demo-meetings li>div{justify-content:space-between;align-items:baseline;gap:var(--od-space-3);display:flex}.demo-meetings h3{margin:0;font-size:1.125rem}.demo-meetings li>div span{color:var(--od-text-subtle);flex:none;align-items:center;gap:.25rem;font-size:.8125rem;display:inline-flex}.demo-meetings li>p{margin:var(--od-space-2) 0 var(--od-space-3);color:var(--od-text-muted);flex:1;font-size:.9375rem;line-height:1.55}@media (width<=980px){.demo-hero{grid-template-columns:1fr}.demo-meetings{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.demo-catalog__cards,.demo-meetings{grid-template-columns:1fr}}