.demo-page{padding:calc(var(--header-height) + clamp(40px,7vw,88px)) 0 clamp(72px,10vw,120px)}.demo-page__intro-inner .eyebrow{margin-bottom:24px}.demo-page__intro-inner .display{margin-bottom:28px;font-size:clamp(34px,3.6vw,64px)}.demo-page__intro-lead{margin-bottom:0;max-width:36rem}.demo-page__recordings{padding:clamp(48px,6vw,88px) 0 clamp(32px,5vw,56px)}.demo-page__recordings>.container{display:flex;flex-direction:column;gap:clamp(56px,8vw,104px)}.demo-recording__header{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:baseline;margin-bottom:16px}.demo-recording__index{flex-shrink:0;font-family:Spline Sans Mono,monospace;font-size:12px;font-weight:500;letter-spacing:.12em;color:var(--teal)}.demo-recording__title{margin:0;font-family:Sora,sans-serif;font-size:clamp(22px,2vw,30px);font-weight:500;letter-spacing:-.03em;line-height:1.15;color:var(--white)}.demo-recording__body{margin:0 0 24px;max-width:44rem;color:#f4f5f7bd;font-size:clamp(15px,1.25vw,17px);font-weight:300;line-height:1.6}.demo-player{position:relative;width:100%;max-width:var(--content);margin-inline:auto;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--surface)}.demo-player__frame{width:100%;height:100%}.demo-player iframe{display:block;width:100%;height:100%;border:0}@supports (container-type: inline-size){.demo-player{container-type:inline-size}.demo-player__frame{position:absolute;top:0;left:0;width:1280px;height:720px;transform-origin:top left;transform:scale(calc(100cqw/1280px))}}.demo-page__outro{padding:clamp(48px,7vw,96px) 0 0;border-top:1px solid rgba(244,245,247,.09)}.demo-page__outro-inner{max-width:40rem}.demo-page__outro-lead{margin-bottom:20px;color:#f4f5f7ad}.demo-page__outro-email{margin-top:0}