:root{--topbar-height:56px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2{overflow-wrap:anywhere;min-width:0}.sidebar{box-sizing:border-box;border-right:1px solid #e4e4e7;flex-shrink:0;width:300px;padding:20px 16px 24px}.sidebar-brand{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #e4e4e7;align-items:center;gap:10px;width:100%;margin-bottom:20px;padding:4px 2px 16px;display:flex}.sidebar-brand-logo{border-radius:7px;flex-shrink:0;width:28px;height:28px}.sidebar-brand-name{color:#072855;letter-spacing:-.01em;font-size:15px;font-weight:700}.sidebar-section+.sidebar-section{margin-top:24px}.sidebar-heading{text-transform:uppercase;letter-spacing:.05em;color:#71717a;margin:0 0 8px;font-size:12px;font-weight:600}.sidebar-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.sidebar-item{text-align:left;width:100%;min-width:0;font:inherit;white-space:normal;overflow-wrap:anywhere;cursor:pointer;color:#18181b;background:0 0;border:none;border-radius:6px;padding:8px 10px;line-height:1.35}.sidebar-item:hover{background:#f4f4f5}.sidebar-item[aria-current=page]{color:#072855;background:#eceff3;font-weight:500}.sidebar-backdrop{display:none}@media (width<=768px){.sidebar{z-index:50;width:min(80vw,300px);padding-top:calc(var(--topbar-height) + 16px);background:#fff;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar-backdrop{z-index:45;background:#0006;display:block;position:fixed;inset:0}.sidebar-brand{display:none}}.topbar{display:none}@media (width<=768px){.topbar{height:var(--topbar-height);z-index:40;background:#fff;border-bottom:1px solid #e4e4e7;align-items:center;gap:12px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}}.topbar-menu-button{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.topbar-menu-button:hover{background:#f4f4f5}.topbar-menu-icon{flex-direction:column;gap:4px;width:18px;display:flex}.topbar-menu-icon span{background:#18181b;border-radius:1px;height:2px;display:block}.topbar-brand{cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;display:flex}.topbar-logo{border-radius:6px;flex-shrink:0;width:24px;height:24px}.topbar-title{color:#072855;font-size:14px;font-weight:600}.intro{gap:56px;max-width:760px;margin-inline:auto;display:grid}.intro-hero{text-align:center;justify-items:center;gap:16px;padding-top:8px;display:grid}.intro-logo{border-radius:24px;width:112px;height:112px;box-shadow:0 12px 32px #07285540}.intro-title{letter-spacing:-.02em;color:#072855;margin:8px 0 0;font-size:40px}.intro-tagline{color:#52525b;max-width:480px;margin:0;font-size:17px;line-height:1.5}.intro-section{gap:12px;display:grid}.intro-section h2{text-transform:uppercase;letter-spacing:.06em;color:#072855;margin:0;font-size:13px;font-weight:600}.intro-section h2:before{content:"";vertical-align:middle;background:#072855;width:18px;height:2px;margin-right:8px;display:inline-block}.intro-section p{color:#3f3f46;margin:0;font-size:15px;line-height:1.65}.intro-stack-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.intro-stack-item{background:#fafafa;border:1px solid #e4e4e7;border-radius:10px;gap:2px;padding:14px 16px;display:grid}.intro-stack-item strong{color:#072855;font-size:14px}.intro-stack-item span{color:#71717a;font-size:13px;line-height:1.4}.intro-steps{gap:10px;margin:0;padding:0;list-style:none;display:grid}.intro-steps li{grid-template-columns:28px 1fr;align-items:baseline;gap:12px;display:grid}.intro-step-number{color:#fff;background:#072855;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:600;display:inline-flex}.intro-step-text{color:#3f3f46;font-size:15px;line-height:1.6}.intro-cta{color:#fff;background:#072855;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 20px;display:flex}.intro-cta strong{font-size:14px}.intro-cta span{color:#d4d4d8;font-size:13px}.code-snippet{background:#f4f4f5;border:1px solid #e4e4e7;border-radius:8px;min-width:0;position:relative}.code-snippet pre{box-sizing:border-box;color:#18181b;max-width:100%;margin:0;padding:16px;font-family:ui-monospace,Consolas,monospace;font-size:13px;line-height:1.5;overflow-x:auto}.code-snippet-copy{cursor:pointer;color:#18181b;background:#fff;border:1px solid #e4e4e7;border-radius:6px;padding:4px 10px;font-family:inherit;font-size:12px;position:absolute;top:8px;right:8px}.code-snippet-copy:hover{background:#f4f4f5}.app-shell{min-height:100vh;display:flex}.app-main{flex:1;min-width:0;padding:32px;overflow:hidden auto}@media (width<=768px){.app-main{padding-top:calc(var(--topbar-height) + 32px)}}