.docs-page{background:#fff}.docs-page .site-header{position:fixed}.docs-page .nav-links [aria-current]{color:var(--lime)}
.docs-hero{background:radial-gradient(circle at 72% 30%,#125b8c,transparent 45%),linear-gradient(140deg,#0c1a2e,#102d49);color:#fff;padding:200px 0 115px;position:relative;overflow:hidden}.docs-hero:after{content:"";position:absolute;width:590px;height:590px;border:1px solid #ffffff1b;border-radius:50%;right:-130px;top:50px;box-shadow:0 0 0 95px #ffffff07,0 0 0 190px #ffffff06;pointer-events:none}.docs-hero .container{position:relative;z-index:1}.docs-hero .eyebrow{color:var(--lime)}.docs-hero h1{font-size:clamp(3rem,6.4vw,6rem);line-height:1.02;margin-bottom:25px}.docs-hero h1 em{font-style:normal;color:#85c9ee}.docs-hero p:not(.eyebrow){font-size:16px;color:#c5d7e4;max-width:650px}.docs-hero-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.docs-hero .btn-ghost{background:#ffffff12}
.docs-intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}.docs-intro h2{margin:0}.docs-intro h2 span,.docs-guide h2 span{color:#9aaab3}.docs-intro-grid>p{font-size:16px;color:#60727e;margin:0}.docs-flow{background:#0c1930;color:#f8fbff;padding:110px 0 95px}.docs-flow-heading{max-width:700px;margin-bottom:38px}.docs-flow .eyebrow{color:#9bc3e4}.docs-flow-heading h2{font-size:clamp(2.7rem,5vw,5rem);margin:0 0 17px}.docs-flow-heading h2 span{color:#95a2ff}.docs-flow-heading>p{color:#afc1d9;font-size:15px}.flow-console{border:1px solid #4d608059;border-radius:17px;overflow:hidden;background:#0a152a;box-shadow:0 28px 60px #02091055}.flow-toolbar{height:45px;background:#13223b;border-bottom:1px solid #4d608059;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#a6c1df;font:500 10px var(--font-display);letter-spacing:.07em}.flow-dots{display:flex;gap:4px}.flow-dots i{width:6px;height:6px;background:#6a86a7;border-radius:50%}.flow-sim{color:#8ec2fb}.flow-console-body{padding:30px}.flow-order{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #ffffff1c;padding-bottom:22px}.flow-order small,.flow-order strong{display:block}.flow-order small{color:#90aace;font:700 10px var(--font-display);letter-spacing:.12em}.flow-order strong{font:600 28px var(--font-display);margin-top:8px}.flow-order>span{font:600 11px var(--font-display);color:#aab4ff;border:1px solid #777eda77;background:#777eda1b;border-radius:6px;padding:8px 11px}.flow-lanes{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr;gap:13px;align-items:center;margin:27px 0}.flow-lane{min-height:105px;border:1px solid #3450709e;background:#15243d;border-radius:10px;padding:15px;display:flex;flex-direction:column}.flow-node-icon{width:28px;height:28px;display:grid;place-items:center;background:#1685e622;border:1px solid #2b85d877;border-radius:6px;color:#8cc6ff;font:700 10px var(--font-display)}.flow-lane strong{font:700 13px var(--font-display);margin-top:11px}.flow-lane small{font-size:10px;color:#91a7c4;margin-top:3px}.flow-connector{text-align:center;color:#288ff1;font-size:26px}.flow-events{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:20px}.flow-events>div{border-left:2px solid #228de8;padding:12px 16px;background:linear-gradient(90deg,#1176ce20,transparent)}.flow-events span,.flow-events b,.flow-events small{display:block}.flow-events span{font:600 10px var(--font-display);color:#72aeee}.flow-events b{font:600 13px var(--font-display);margin-top:8px}.flow-events small{color:#94a9c2;font-size:10px;margin-top:5px}.flow-status{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#13223b;border:1px solid #2b415e;border-radius:7px;margin-top:28px;padding:13px 16px;font:500 10px var(--font-display);color:#a6b7cc}.flow-status span{letter-spacing:.11em;color:#90a8c2;margin-right:auto}.flow-status b:last-child{color:#b7dbff}.flow-status i{font-style:normal;color:#437bb5}.flow-notes{display:grid;grid-template-columns:repeat(3,1fr);margin-top:34px;border-top:1px solid #ffffff22}.flow-notes article{padding:24px 28px 0 0}.flow-notes article+article{border-left:1px solid #ffffff22;padding-left:28px}.flow-notes span{color:#80add8;font:700 10px var(--font-display);letter-spacing:.1em}.flow-notes h3{font-size:17px;margin:12px 0 8px}.flow-notes p{font-size:12px;color:#94a8bf;margin:0}
.docs-guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.docs-guide-grid article{background:#f4f7f7;border:1px solid #e5eded;border-radius:16px;padding:24px;min-height:235px;transition:transform .25s,box-shadow .25s}.docs-guide-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 35px #13283a18}.docs-guide-grid article>span{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#d7ff5a;font:700 11px var(--font-display)}.docs-guide-grid h3{font-size:20px;margin:30px 0 10px}.docs-guide-grid p{font-size:12px;color:#61747e;margin:0}.docs-cta{background:linear-gradient(115deg,#0878bb,#07558c);color:#fff;padding:75px 0}.docs-cta .container{display:flex;align-items:end;justify-content:space-between;gap:40px}.docs-cta .eyebrow{color:#ceebfc}.docs-cta h2{font-size:clamp(2.5rem,4.5vw,4.5rem);margin:0 0 15px}.docs-cta h2 span{color:#bfe5fa}.docs-cta p:last-child{color:#d4ebfa;margin:0}
@media(max-width:900px){.docs-intro-grid{gap:30px}.docs-guide-grid{grid-template-columns:repeat(2,1fr)}.flow-lanes{gap:5px;grid-template-columns:1fr 15px 1fr 15px 1fr 15px 1fr}.flow-lane{padding:10px}.flow-connector{font-size:17px}}
@media(max-width:730px){.docs-hero{padding:155px 0 80px}.docs-intro-grid{grid-template-columns:1fr}.docs-flow{padding:80px 0}.flow-console-body{padding:16px}.flow-lanes{grid-template-columns:1fr 1fr;gap:10px}.flow-connector{display:none}.flow-events{grid-template-columns:1fr}.flow-notes{grid-template-columns:1fr}.flow-notes article,.flow-notes article+article{border-left:0;border-bottom:1px solid #ffffff22;padding:18px 0}.docs-cta .container{display:block}.docs-cta .btn{margin-top:25px}}
@media(max-width:520px){.docs-hero h1{font-size:2.85rem}.docs-hero h1 br{display:none}.docs-guide-grid{grid-template-columns:1fr}.docs-guide-grid article{min-height:0}.flow-order{display:block}.flow-order>span{display:inline-block;margin-top:13px}.flow-status{flex-wrap:wrap}.flow-status span{flex-basis:100%}}

.docs-hero{background-color:#0c1a2e;background-image:radial-gradient(circle at 72% 30%,#125b8c,transparent 45%),linear-gradient(#ffffff16 1px,transparent 1px),linear-gradient(90deg,#ffffff16 1px,transparent 1px),linear-gradient(140deg,#0c1a2e,#102d49);background-size:auto,44px 44px,44px 44px,auto}
