.demo{padding:calc(var(--nav-h) + 56px) 0 96px;color:#1f2328;background:#fff}.demo__wrap{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start;gap:64px;max-width:1340px;margin:0 auto;padding:0 32px;display:grid}.demo__intro{top:calc(var(--nav-h) + 32px);position:sticky}.demo__eyebrow{font-family:var(--f-ui);letter-spacing:.22em;text-transform:uppercase;color:#2563eb;margin:0 0 22px;font-size:12px;font-weight:600}.demo__title{font-family:var(--f-display);letter-spacing:-.02em;margin:0;font-size:clamp(40px,4.6vw,64px);font-weight:700;line-height:1.05}.demo__lead{color:#4b5563;margin:26px 0 30px;font-size:18px;line-height:1.65}.demo__points{border-top:1px solid #e3e6eb;margin:0 0 32px;padding:0;list-style:none}.demo__points li{color:#374151;border-bottom:1px solid #e3e6eb;padding:16px 0 16px 30px;font-size:16px;position:relative}.demo__points li:before{content:"";border-bottom:2px solid #2563eb;border-left:2px solid #2563eb;width:12px;height:7px;position:absolute;top:21px;left:2px;transform:rotate(-45deg)}.demo__alt,.demo__fallback{color:#6b7280;margin:0;font-size:15px}.demo__alt a,.demo__fallback a{color:#2563eb;font-weight:600}.demo__alt a:hover,.demo__fallback a:hover{text-underline-offset:3px;text-decoration:underline}.demo__calendar{flex-direction:column;gap:14px;display:flex}.demo__frame{background:#fff;border:1px solid #e3e6eb;width:100%;height:780px;display:block;box-shadow:0 34px 70px -40px #0f172a40}@media (max-width:1024px){.demo__wrap{grid-template-columns:minmax(0,1fr);gap:40px}.demo__intro{position:static}.demo__frame{height:1050px}}@media (max-width:600px){.demo{padding:calc(var(--nav-h) + 32px) 0 64px}.demo__wrap{padding:0 16px}.demo__lead{font-size:16px}}