.guide-page{--guide-violet:#7559ef;--guide-mint:#20bb9f;--guide-paper:#f7f7f2;background:linear-gradient(180deg,#f7f7f2 0,#fafaf7 440px,#f7f7f2 100%)}
.guide-header .header-inner{gap:24px}.guide-nav{display:flex;align-items:center;gap:28px;margin-left:auto;margin-right:26px}.guide-nav a{font-size:12px;color:#656872}.guide-nav a:hover,.guide-nav .current{color:var(--guide-violet)}.guide-nav .current{font-weight:700}
.guide-wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}.guide-hero{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:64px;padding-top:78px;padding-bottom:82px}.guide-hero h1{margin:23px 0 17px;font-size:clamp(40px,5vw,60px);font-weight:800;line-height:1.2;letter-spacing:-.075em}.guide-hero h1 em{color:var(--guide-violet);font-style:normal}.guide-hero-copy>p{max-width:490px;color:#737580;font-size:14px;line-height:1.95}.guide-hero-actions{display:flex;align-items:center;gap:22px;margin-top:26px}.text-link{font-size:12px;color:#686a74}.text-link span{margin-left:5px;color:var(--guide-violet)}.guide-proof{display:flex;align-items:center;gap:9px;margin-top:27px;color:#737580;font-size:10px}.guide-proof span{color:#17967c}.guide-proof i{width:3px;height:3px;border-radius:50%;background:#b3b3bd;margin-inline:5px}
.endpoint-card{padding:24px;border:1px solid #e4e3ec;border-radius:16px;background:#fff;box-shadow:0 20px 52px #29233c0c}.endpoint-card-head{display:flex;align-items:center;gap:11px;margin-bottom:23px}.endpoint-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eeeaff;color:var(--guide-violet);font-size:20px}.endpoint-card-head>span:nth-child(2){display:grid;gap:4px}.endpoint-card-head b{font-size:13px}.endpoint-card-head small{font-size:10px;color:#91929b}.live-status{display:flex;align-items:center;gap:6px;margin-left:auto;color:#3a947c;font-size:10px}.live-status i,.code-card-head i{width:6px;height:6px;border-radius:50%;background:#20bb9f}.endpoint-card>label{display:block;margin:0 0 8px;color:#8a8b94;font-size:10px}.copy-field{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;border:1px solid #e9e8ef;border-radius:8px;background:#fbfbfd}.copy-field code{font:12px var(--mono);color:#4e43a1}.copy-field button,.code-card-head button{border:1px solid #e5e4ec;border-radius:6px;background:#fff;padding:6px 9px;color:#656872;font-size:10px;cursor:pointer}.endpoint-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:19px;padding-top:17px;border-top:1px solid #efeff2}.endpoint-facts span{font-size:10px;color:#91929b}.endpoint-facts b{font:11px var(--mono);color:#34353c}.endpoint-card>p{margin:18px 0 0;color:#8a8b94;font-size:10px;line-height:1.6}.endpoint-card>p code{color:#4e43a1}
.guide-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:58px;align-items:start;padding-bottom:78px}.guide-toc{position:sticky;top:105px;display:grid;gap:4px;padding:14px 0}.toc-title{margin:0 0 10px;padding-left:12px;color:#9a9aa2;font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase}.guide-toc a{padding:10px 12px;border-left:2px solid transparent;color:#737580;font-size:11px}.guide-toc a:hover{border-left-color:var(--guide-violet);color:#5747b6}.guide-content{min-width:0}.guide-section{padding:0 0 43px;margin:0 0 43px;border-bottom:1px solid #e7e7e1;scroll-margin-top:100px}.section-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:23px}.section-index{display:grid;place-items:center;flex:none;width:37px;height:37px;border:1px solid #e4defd;border-radius:11px;background:#f0edff;color:var(--guide-violet);font:11px var(--mono)}.section-heading .section-kicker{margin:0 0 7px;color:#858792;font:8px var(--mono);letter-spacing:.13em}.section-heading h2{margin:0 0 6px;font-size:24px;letter-spacing:-.055em}.section-heading p:last-child{margin:0;color:#858792;font-size:11px;line-height:1.7}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.step-card{min-height:152px;padding:17px;border:1px solid #e8e8e2;border-radius:11px;background:#fff}.step-number{color:var(--guide-violet);font:9px var(--mono)}.step-card h3{margin:14px 0 7px;font-size:12px}.step-card p{min-height:37px;margin:0;color:#80818a;font-size:10px;line-height:1.75}.step-card a{display:inline-block;margin-top:10px;color:#5e4ac5;font-size:10px}.step-card a span{margin-left:3px}.callout{display:flex;gap:12px;align-items:flex-start;margin-top:14px;padding:13px 15px;border:1px solid;border-radius:9px;font-size:10px;line-height:1.7}.callout b{flex:none}.callout-purple{border-color:#e5e0fb;background:#f5f3ff;color:#61558e}.callout-green{border-color:#d8efe6;background:#f0faf5;color:#467a66}.callout-amber{border-color:#f0e6ce;background:#fffaf0;color:#8e7543}
.setup-panel{padding:7px 18px;border:1px solid #e7e7e1;border-radius:11px;background:#fff}.setup-row{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:12px;min-height:50px;border-bottom:1px solid #f0f0ec}.setup-row:last-child{border-bottom:0}.setup-label{color:#858792;font-size:10px}.setup-row b{font-size:10px;font-weight:600}.setup-row code{color:#4f43a1;font:11px var(--mono)}.setup-row small{grid-column:2;margin-top:-13px;color:#9899a2;font-size:9px}.client-note{display:flex;gap:11px;margin-top:14px;padding:14px;background:#f0f1ec;border-radius:9px}.note-mark{display:grid;place-items:center;flex:none;width:18px;height:18px;border-radius:50%;background:#e0e2da;color:#777984;font:11px Georgia}.client-note p{margin:0;color:#777984;font-size:10px;line-height:1.8}.client-note b{color:#4a4c54}.model-callout{display:grid;grid-template-columns:1fr 1.1fr;gap:18px;align-items:center;margin-top:14px;padding:15px;border:1px solid #e6e3f5;border-radius:10px;background:#fbfaff}.model-callout>div{display:grid;grid-template-columns:auto 1fr;gap:7px 9px;align-items:center}.model-pill{padding:4px 6px;border-radius:4px;background:#e8e4ff;color:#604bd0;font:8px var(--mono)}.model-callout b{font-size:10px}.model-callout code{grid-column:1/-1;color:#584bb0;font:10px var(--mono)}.model-callout p{margin:0;color:#7d7d88;font-size:9px;line-height:1.75}
.code-card{overflow:hidden;margin-top:12px;border:1px solid #2c2c35;border-radius:11px;background:#1b1b23;box-shadow:0 12px 28px #26212f12}.code-card-head{height:41px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid #ffffff12;background:#22222b;color:#a8a8b3;font:9px var(--mono)}.code-card-head>span{display:flex;align-items:center;gap:6px}.code-card-head i{width:6px;height:6px}.code-card-head i:first-child{background:#ee7c83}.code-card-head i:nth-child(2){background:#e9c56b}.code-card-head i:nth-child(3){background:#60c995}.code-card-head button{border-color:#ffffff18;background:#ffffff0b;color:#c4c4ce}.code-card pre{margin:0;padding:18px;overflow:auto;color:#d5d5dd;font:10px/1.85 var(--mono);tab-size:2}.code-card code{font:inherit;white-space:pre}.python-card{margin-top:10px}.deposit-strip{display:grid;grid-template-columns:1fr 1fr auto;gap:15px;align-items:center;margin-top:15px;padding:16px;border:1px solid #e7e7e1;border-radius:10px;background:#fff}.deposit-strip>div{display:grid;gap:5px}.deposit-strip b{font-size:10px}.deposit-strip span,.deposit-strip p{color:#7c7d86;font-size:9px}.deposit-strip p{grid-column:1/3;margin:0;line-height:1.7}.deposit-strip>a{grid-column:3;grid-row:1/3;color:#604bd0;font-size:10px;white-space:nowrap}.billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.billing-card{display:grid;gap:7px;padding:17px;border:1px solid #e7e7e1;border-radius:10px;background:#fff}.billing-card small{color:#898a93;font-size:10px}.billing-card strong{color:#5142ac;font:23px var(--mono);letter-spacing:-.05em}.billing-card span{color:#898a93;font-size:9px}.faq-list{border-top:1px solid #e7e7e1}.faq-list details{border-bottom:1px solid #e7e7e1}.faq-list summary{display:flex;align-items:center;gap:11px;min-height:52px;list-style:none;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.error-code{display:grid;place-items:center;width:34px;height:22px;border-radius:5px;background:#f0eff8;color:#6657b8;font:9px var(--mono)}.faq-list summary b{font-size:11px}.faq-list summary i{width:7px;height:7px;margin-left:auto;border-right:1px solid #878893;border-bottom:1px solid #878893;transform:rotate(45deg);transition:transform .2s}.faq-list details[open] summary i{transform:rotate(225deg)}.faq-list details p{margin:0 0 15px 45px;color:#777984;font-size:10px;line-height:1.8}.faq-list p code{color:#5748b4;font:10px var(--mono)}.guide-end{display:flex;align-items:center;gap:13px;padding:20px;border-radius:12px;background:linear-gradient(110deg,#efedff,#f6f5ff)}.guide-end>span{color:#7e7b91;font-size:10px}.guide-end>b{font-size:12px}.guide-end .button{margin-left:auto}.guide-footer{width:min(1120px,calc(100% - 48px));display:flex;align-items:center;gap:20px;margin:0 auto;padding:20px 0 28px;border-top:1px solid #e2e3de;color:#8a8b94;font-size:9px}.guide-footer .brand{margin-right:auto}.guide-footer .brand-name{font-size:12px}.guide-footer .brand-name>span{font-size:9px}.guide-footer .brand-mark{width:27px;height:27px}.guide-footer>a:last-child{color:#5d4dc2}
@media(max-width:850px){.guide-hero{grid-template-columns:1fr;gap:30px;padding-top:54px;padding-bottom:55px}.endpoint-card{max-width:560px}.guide-layout{grid-template-columns:1fr;gap:12px}.guide-toc{position:static;display:flex;gap:3px;overflow:auto;padding:0 0 12px;border-bottom:1px solid #e7e7e1}.toc-title{display:none}.guide-toc a{flex:none;padding:9px;border:0;border-radius:6px;background:#fff;font-size:9px}.guide-toc a:hover{background:#f0edff}.guide-section{padding-bottom:32px;margin-bottom:32px}}
@media(max-width:600px){.guide-wrap,.guide-footer{width:calc(100% - 32px)}.guide-header .header-inner{width:calc(100% - 28px);gap:10px}.guide-header .brand-name{font-size:13px}.guide-header .brand-name>span{font-size:9px}.guide-nav{gap:12px;margin:0 0 0 auto}.guide-nav a{font-size:9px}.guide-header .button{min-height:33px;padding:0 10px;font-size:9px}.guide-hero{padding-top:39px;padding-bottom:43px}.guide-hero h1{font-size:40px}.guide-hero-copy>p{font-size:12px}.guide-hero-actions{gap:14px}.guide-hero-actions .button{min-height:40px;padding:0 12px;font-size:10px}.guide-proof{font-size:8px}.endpoint-card{padding:18px}.guide-layout{padding-bottom:45px}.steps-grid{grid-template-columns:1fr}.step-card{min-height:0}.step-card p{min-height:0}.section-heading h2{font-size:21px}.section-heading p:last-child{font-size:10px}.setup-panel{padding:4px 12px}.setup-row{grid-template-columns:80px 1fr;min-height:46px}.setup-row code{font-size:9px}.model-callout{grid-template-columns:1fr}.model-callout p{font-size:9px}.deposit-strip{grid-template-columns:1fr 1fr}.deposit-strip p{grid-column:1/-1}.deposit-strip>a{grid-column:1/-1;grid-row:auto}.guide-end{flex-wrap:wrap}.guide-end .button{margin-left:0}.guide-footer{gap:9px;flex-wrap:wrap}.guide-footer>span{font-size:8px}.guide-footer>a:last-child{font-size:8px}}