.docs-page{background:linear-gradient(145deg,#f6f1fb 0%,var(--paper) 34%,#f2ecf8 100%);color:var(--type-primary)}
.docs-page .navigation{margin-bottom:24px}
.docs-main{max-width:1280px;margin:0 auto;padding:0 64px 100px;background:transparent}
.docs-hero{padding:102px 0 76px;display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:end;border-bottom:1px solid #6d5b7c2b}
.docs-eyebrow{text-transform:uppercase;font-size:10px;font-weight:500;letter-spacing:.18em;line-height:1.5;color:var(--type-muted)}
.docs-hero h1{font-family:var(--hero-serif);font-weight:400;font-size:clamp(76px,8vw,120px);letter-spacing:-.065em;line-height:.94;margin-top:27px}
.docs-hero h1 em{font-weight:400}
.docs-introduction{max-width:350px;padding-bottom:8px}
.docs-introduction>p{font-size:17px;color:var(--type-body);line-height:1.8}
.docs-text-link{display:inline-flex;align-items:center;gap:30px;font-size:13px;border-bottom:1px solid #6d5b7c66;padding:14px 0 10px;margin-top:20px}
.docs-text-link span{font-size:20px}
.docs-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:80px;padding-top:66px}
.docs-sidebar{position:sticky;top:40px;align-self:start}
.docs-contents{display:flex;flex-direction:column;margin-top:24px;border-left:1px solid #6d5b7c30}
.docs-contents a{font-size:13px;line-height:1.5;padding:11px 0 11px 20px;margin-left:-1px;border-left:2px solid transparent;color:var(--type-muted);transition:color .2s,border-color .2s}
.docs-contents a:hover,.docs-contents a[aria-current]{color:var(--type-primary);border-left-color:var(--type-accent)}
.docs-contents a[aria-current]{font-weight:600}
.docs-home-link{display:inline-flex;gap:12px;align-items:center;font-size:11px;color:var(--type-muted);margin-top:42px;padding:10px 0}
.docs-article{min-width:0;max-width:760px}
.docs-section{scroll-margin-top:42px;padding-bottom:58px;margin-bottom:58px;border-bottom:1px solid #6d5b7c26}
.docs-section h2{font-family:var(--hero-serif);font-size:clamp(32px,3.3vw,48px);font-weight:400;line-height:1.1;letter-spacing:-.04em;margin:14px 0 25px}
.docs-section>p:not(.docs-eyebrow),.docs-section li,.docs-faq details p{font-size:15px;line-height:1.9;color:var(--type-body)}
.docs-section>p+p{margin-top:18px}
.docs-section strong{font-weight:600;color:var(--type-primary)}
.docs-download{margin-top:28px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid #fff;border-radius:20px;background:linear-gradient(120deg,#ffffff91,#ffffff35);box-shadow:0 8px 30px #30213f04}
.docs-app{display:flex;align-items:center;gap:16px}
.docs-app-icon{width:56px;height:56px;display:grid;place-items:center;overflow:hidden;background:var(--type-primary);border-radius:14px;flex-shrink:0}
.docs-app-mark{display:block;width:26px;height:44px;overflow:hidden}
.docs-app-icon img{height:44px;width:auto;max-width:none}
.docs-app h3{font-size:16px;font-weight:500;letter-spacing:-.02em}
.docs-app p{font-size:11px;margin-top:7px;color:var(--type-muted)}
.docs-download-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 22px;min-height:48px;border-radius:99px;background:var(--type-primary);color:var(--type-on-dark);font-size:12px;white-space:nowrap;transition:background .2s}
.docs-download-button:hover{background:#483257}
.docs-download-button span{font-size:18px}
.docs-steps{list-style:none;counter-reset:steps;padding:0;margin:0}
.docs-steps li{position:relative;counter-increment:steps;padding:0 0 24px 44px}
.docs-steps li:last-child{padding-bottom:0}
.docs-steps li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:4px;font-size:10px;letter-spacing:.1em;color:var(--type-muted)}
.docs-section code{font-family:inherit;font-size:.9em;background:#dfd3ec88;padding:3px 7px;border-radius:5px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.docs-faq{border-bottom:0;margin-bottom:0;padding-bottom:0}
.docs-faq-label{font-size:10px;line-height:1.6;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:var(--type-muted);margin:32px 0 12px}
.docs-faq details{border-top:1px solid #6d5b7c2b}
.docs-faq details:last-child{border-bottom:1px solid #6d5b7c2b}
.docs-faq summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;font-size:15px;line-height:1.65;padding:21px 0;cursor:pointer}
.docs-faq summary::-webkit-details-marker{display:none}
.docs-faq summary>span{font-size:23px;font-weight:300;flex-shrink:0;transition:transform .2s}
.docs-faq details[open] summary>span{transform:rotate(45deg)}
.docs-faq details p{padding:0 40px 25px 0}
.docs-page .footer{border-top:1px solid #6d5b7c26}
.docs-main a:focus-visible,.docs-main summary:focus-visible{outline:2px solid var(--type-accent);outline-offset:5px;border-radius:3px}
@media(max-width:1000px){.docs-main{padding-inline:40px}.docs-layout{grid-template-columns:170px minmax(0,1fr);gap:40px}.docs-download{align-items:flex-start;flex-direction:column}.docs-download-button{align-self:stretch}}
@media(max-width:767px){
 .docs-main{padding:0 25px 70px}
 .docs-hero{padding:76px 0 42px;grid-template-columns:1fr;gap:30px}
 .docs-hero h1{font-size:clamp(70px,18vw,100px);margin-top:22px}
 .docs-introduction{max-width:420px;padding:0}.docs-introduction>p{font-size:15px;line-height:1.75}
 .docs-text-link{margin-top:12px}
 .docs-layout{display:block;padding-top:0}
 .docs-sidebar{top:0;z-index:5;margin:0 -25px 32px;padding:12px 25px;background:#f0e9faf5;border-bottom:1px solid #6d5b7c26;backdrop-filter:blur(16px)}
 .docs-sidebar>.docs-eyebrow,.docs-home-link{display:none}
 .docs-contents{flex-direction:row;gap:24px;border:0;overflow-x:auto;margin:0;padding:0 0 2px;scrollbar-width:thin}
 .docs-contents a{font-size:11px;white-space:nowrap;border-left:0;border-bottom:1px solid transparent;padding:10px 0;margin:0}
 .docs-contents a[aria-current]{border-bottom-color:var(--type-accent)}
 .docs-section{scroll-margin-top:90px;padding-bottom:38px;margin-bottom:38px}
 .docs-section h2{font-size:35px;margin-bottom:22px}
 .docs-section>p:not(.docs-eyebrow),.docs-section li,.docs-faq details p{font-size:14px;line-height:1.85}
 .docs-download{padding:20px;gap:22px}.docs-app h3{font-size:15px}
 .docs-steps li{padding-left:36px}
 .docs-faq summary{font-size:14px;gap:18px}.docs-faq details p{padding-right:12px}
}
@media(prefers-reduced-motion:reduce){.docs-contents a,.docs-download-button,.docs-faq summary>span{transition:none}}