body{min-height:100vh;transition:background-color .2s ease,color .2s ease}.hero{position:relative;padding:1.5rem 0 1.25rem;overflow:hidden;background:var(--bs-body-bg);border-bottom:1px solid var(--bs-border-color-translucent)}.hero-content{display:flex;flex-direction:column;align-items:center;max-width:36rem;margin:0 auto;text-align:center}.demo-logo{width:52px;height:52px;object-fit:contain}.hero-logo-wrap{display:grid;place-items:center;width:3.75rem;height:3.75rem;margin-bottom:.5rem}.hero-title{font-size:2.125rem;font-weight:750;line-height:1.08;letter-spacing:0}.hero-copy{max-width:32rem;margin-top:.45rem;font-size:1rem;line-height:1.5;color:var(--bs-secondary-color)}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.75rem}.hero-actions .btn{display:inline-flex;align-items:center;justify-content:center}@media (max-width: 575.98px){.hero{padding:1.25rem 0 1rem}.hero-title{font-size:1.875rem}.hero-copy{font-size:.95rem}}.demo-card{margin-bottom:2rem}.demo-card .card-body{display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.demo-card-header{min-height:4rem}.demo-input-wrap{min-height:3.5rem}.demo-code-shell{background:var(--bs-tertiary-bg)}.demo-code{height:18rem;overflow:auto;margin:0}.demo-code code{display:block;box-sizing:border-box;min-height:100%;padding:3rem 1rem 1rem}.copy-button{position:absolute;top:.75rem;right:.75rem;z-index:2;min-width:4.75rem}.theme-toggle{--toggle-size: 2.75rem;position:fixed;right:1.25rem;bottom:1.25rem;z-index:1030;display:grid;place-items:center;width:var(--toggle-size);height:var(--toggle-size);padding:0;line-height:1;color:var(--bs-body-color);background:var(--bs-body-bg);border:1px solid var(--bs-border-color-translucent);border-radius:999px;box-shadow:0 .5rem 1.5rem #0000002e;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease,transform .2s ease}.theme-toggle:hover{color:var(--bs-primary);background:var(--bs-tertiary-bg);border-color:rgba(var(--bs-primary-rgb),.35);transform:translateY(-1px)}.theme-toggle:focus-visible{outline:3px solid rgba(var(--bs-primary-rgb),.35);outline-offset:3px}.theme-toggle svg{display:block;width:1.125rem;height:1.125rem;flex:0 0 auto}.avatar-label{display:inline-flex;align-items:center;gap:.5rem}.avatar-label img{width:28px;height:28px;border-radius:50%}