@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=JetBrains+Mono:wght@400;600&display=swap";
.guide-page{color:#0a2540;background:linear-gradient(#fff 0%,#f6f9fc 18% 100%);min-height:100vh;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.guide-layout{align-items:flex-start;gap:52px;max-width:1240px;margin:0 auto;padding:0 32px;display:flex}.guide-nav{scrollbar-width:thin;scrollbar-color:#32325d26 transparent;flex-shrink:0;width:200px;max-height:calc(100vh - 80px);padding:32px 0 48px;position:sticky;top:80px;overflow-y:auto}.guide-nav::-webkit-scrollbar{width:4px}.guide-nav::-webkit-scrollbar-thumb{background:#32325d33;border-radius:2px}.guide-nav__heading{color:#0a2540;letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px;padding:0 8px;font-size:11px;font-weight:700}.guide-nav__subheading{color:#7a8aa0;letter-spacing:.1em;text-transform:uppercase;margin:18px 0 4px;padding:0 8px;font-size:10px;font-weight:700}.guide-nav__list{margin:0;padding:0;list-style:none}.guide-nav__link{color:#425466;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-left:2px solid #0000;border-radius:6px;padding:5px 8px 5px 10px;font-size:13px;font-weight:400;text-decoration:none;transition:color .12s,background .12s,border-color .12s;display:block;overflow:hidden}.guide-nav__link:hover{color:#0a2540;background:#635bff0f}.guide-nav__link.is-active{color:#635bff;background:#635bff0f;border-left-color:#635bff;font-weight:600}.guide-main{flex:1;min-width:0;max-width:680px;padding:32px 0 96px}.guide-section{border-bottom:1px solid #32325d1a;padding:40px 0;scroll-margin-top:88px}.guide-section:last-child{border-bottom:none}.guide-section__title{color:#0a2540;letter-spacing:-.03em;margin:0 0 16px;font-size:28px;font-weight:700;line-height:1.2}.guide-section__subtitle{color:#425466;max-width:680px;margin:0 0 24px;font-size:17px;font-weight:400;line-height:1.55}.guide-section h3{color:#0a2540;letter-spacing:-.02em;margin:32px 0 12px;font-size:21px;font-weight:700}.guide-section h4{color:#0a2540;margin:24px 0 8px;font-size:17px;font-weight:600}.guide-section p{color:#425466;max-width:680px;margin:0 0 16px;font-size:15px;line-height:1.7}.guide-section a{color:#635bff;text-decoration:none}.guide-section a:hover{text-decoration:underline}.guide-section ul,.guide-section ol{color:#425466;margin:0 0 16px 18px;padding:0;font-size:15px;line-height:1.7}.guide-section li{margin:4px 0}.guide-code-block{background:#1a1d24;border:1px solid #32325d1f;border-radius:12px;max-width:680px;margin:24px 0;position:relative;overflow:hidden;box-shadow:0 1px 4px #32325d0f,0 4px 16px #32325d0a}.guide-code-block__header{background:#ffffff0f;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.guide-code-block__lang{color:#ffffff80;letter-spacing:.08em;text-transform:uppercase;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:600}.guide-code-block__copy{color:#fff6;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:6px;padding:3px 8px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;transition:color .12s,border-color .12s}.guide-code-block__copy:hover{color:#ffffffb3;border-color:#ffffff4d}.guide-code-block__copy.copied{color:#4ade80;border-color:#4ade804d}.guide-code-block .body{padding:10px}.guide-step__content p{margin:0 0 15px}.guide-inline-code{color:#0a2540;background:#0a25400f;border:1px solid #0a25401a;border-radius:4px;padding:1px 5px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875em}.guide-callout{background:#635bff0a;border-left:3px solid #635bff;border-radius:12px;margin:0 0 24px;padding:16px 20px}.guide-callout p{margin:0;font-size:14px;line-height:1.6}.guide-image img{border-radius:8px;max-width:100%;box-shadow:0 4px 16px #32325d14}.guide-step{gap:16px;margin:0 0 32px;display:flex}.guide-step__number{color:#fff;background:linear-gradient(135deg,#635bff,#3f8cff);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;font-size:14px;font-weight:700;display:flex}.guide-step__content{flex:1;min-width:0}.guide-step__content h4{margin-top:0;margin-bottom:8px}.whats-next{color:#425466;max-width:680px;padding-bottom:24px;font-size:17px;font-weight:400;line-height:1.55}.whats-next ul{margin-left:0;padding-left:20px}@media (max-width:920px){.guide-layout{flex-direction:column;gap:0;padding:0 20px}.guide-nav{border-bottom:1px solid #32325d1a;width:100%;max-height:none;margin-bottom:8px;padding:20px 0 14px;position:static;overflow:visible}.guide-nav__list{flex-wrap:wrap;gap:2px;display:flex}.guide-nav__link{white-space:nowrap;text-overflow:clip;border-bottom:2px solid #0000;border-left:none;border-radius:0;margin:0;padding:4px 8px;overflow:visible}.guide-nav__link.is-active{background:0 0;border-bottom-color:#635bff;border-left:none}.guide-main{padding:20px 0 64px}}@media (max-width:640px){.guide-layout{padding:0 16px}.guide-section__title{font-size:24px}}