.demo-page .topbar{position:sticky;top:0;z-index:40}.demo-main{padding-bottom:64px}.demo-hero{padding:40px 0 24px}.demo-hero__inner{display:grid;gap:18px}.demo-hero__eyebrow{margin:0;color:var(--lp-blue-800);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.demo-hero__title{margin:0;color:var(--lp-ink);font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.2;letter-spacing:-.03em}.demo-hero__lead{margin:0;color:var(--lp-muted);font-size:1.02rem;line-height:1.95}.demo-hero__panel{display:grid;gap:18px;padding:24px 28px;border-radius:22px;background:hsla(0,0%,100%,.92);border:1px solid rgba(37,99,235,.12);box-shadow:0 16px 40px rgba(15,23,42,.06)}.demo-hero__panel h2{margin:0 0 8px;color:var(--lp-ink);font-size:1.2rem;line-height:1.45}.demo-hero__panel p{margin:0;color:var(--lp-muted);line-height:1.85}.demo-section-nav{display:flex;flex-wrap:wrap;gap:10px}.demo-section-nav a{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:999px;background:#fff;border:1px solid rgba(37,99,235,.16);color:var(--lp-ink);font-size:.9rem;font-weight:600;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.demo-section-nav a:hover{background:rgba(239,246,255,.9);border-color:rgba(37,99,235,.32);color:var(--lp-blue-800)}.demo-analysis{padding-bottom:32px}.demo-analysis [id]{scroll-margin-top:108px}@media (max-width:900px){.demo-hero{padding-top:28px}.demo-hero__panel{padding:20px}}@media (max-width:640px){.demo-section-nav a{width:100%;justify-content:center}}