@font-face{font-display:swap;font-family:CeraPro;src:url("index-v2/fonts/CeraPro-Regular.woff2") format("woff2");font-weight:400}
@font-face{font-display:swap;font-family:CeraPro;src:url("index-v2/fonts/CeraPro-Medium.woff2") format("woff2");font-weight:500}
@font-face{font-display:swap;font-family:CeraPro;src:url("index-v2/fonts/CeraPro-Bold.woff2") format("woff2");font-weight:700}

:root{--docs-bg:#f7f8fc;--docs-ink:#080e25;--docs-muted:#68708d;--docs-purple:#7040ef;--docs-lime:#91ed00;--docs-line:#dfe2ec;--docs-soft:#f4efff;--docs-code:#071022}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:radial-gradient(circle at 72% 0,rgba(116,63,244,.055),transparent 31%),var(--docs-bg);color:var(--docs-ink);font-family:CeraPro,Arial,sans-serif;line-height:1.45;margin:0}
a{text-decoration:none}
.shell{display:grid;grid-template-columns:273px minmax(0,1fr);min-height:100vh}

aside{background:rgba(255,255,255,.92);border:1px solid #dfe1e9;border-radius:0 20px 20px 0;height:100vh;padding:0 16px;position:sticky;top:0;z-index:20}
.brand{align-items:center;display:flex;height:116px;margin:0;overflow:hidden;padding:24px 20px;position:relative;width:100%}
.brand-logo{background:transparent;border:0;border-radius:0;box-shadow:none;height:68px;max-width:200px;object-fit:contain;object-position:left center;width:auto}
.brand-logo[src$="logologin.png"]{height:auto;left:1px;max-width:none;position:absolute;top:50%;transform:translateY(-50%);width:250px}
nav{display:grid;gap:6px}
nav a{align-items:center;border-radius:13px;color:#24304f;display:flex;font-size:14px;font-weight:500;gap:15px;height:52px;padding:0 23px;transition:.18s ease}
nav a:hover,nav a.active{background:linear-gradient(110deg,#f1eaff,#e9e0ff);color:#6539df}
nav a svg{fill:none;height:24px;stroke:#687292;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65;width:24px}
nav a:hover svg,nav a.active svg{stroke:#7040ef}
.help-card{align-items:center;background:linear-gradient(120deg,#fbfff3,#fff 48%,#faf8ff);border:1px solid #dfe3ed;border-radius:14px;bottom:30px;color:#30384f;display:flex;font-size:13px;left:22px;min-height:103px;padding:16px;position:absolute;width:228px}
.help-card>i{align-items:center;background:var(--docs-lime);border-radius:8px;color:#081100;display:flex;font-size:17px;font-style:normal;font-weight:700;height:32px;justify-content:center;margin-right:13px;width:32px}
.help-card span{line-height:1.45}
.help-card span strong{display:block;font-weight:500}
.help-card>svg{height:20px;margin-left:auto;stroke:#5f6780;stroke-width:1.7;width:20px}

main{min-width:0;padding:20px 42px 42px 57px}
.hero{background:radial-gradient(circle at 96% 4%,rgba(198,255,70,.42),transparent 15%),radial-gradient(circle at 4% 99%,rgba(116,55,239,.20),transparent 20%),radial-gradient(circle at 88% 105%,rgba(126,63,241,.15),transparent 29%),#fff;border:1px solid #dfe2eb;border-radius:19px;height:379px;min-height:0;overflow:hidden;padding:31px 53px 30px;position:relative}
.eyebrow{align-items:center;color:#6d3fe5;display:inline-flex;font-size:14px;font-weight:700;gap:12px;letter-spacing:.12em;margin:0 0 15px;text-transform:uppercase}
.eyebrow::before{background:#7544ed;content:"";height:2px;width:40px}
.eyebrow-icon{gap:9px;margin-bottom:7px}
.eyebrow-icon::before{display:none}
.eyebrow-icon svg{fill:none;height:20px;stroke:#7241ec;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:20px}
h1,h2,h3{color:var(--docs-ink);font-family:CeraPro,Arial,sans-serif;margin:0}
.hero h1{font-size:68px;font-weight:700;letter-spacing:-.045em;line-height:1.04;max-width:990px}
.hero h1 em{background:linear-gradient(90deg,#7643ef,#6838dd);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
.hero p{color:#666e8b;font-size:18px;line-height:1.45;margin:12px 0 0;max-width:900px}
.actions{display:flex;gap:17px;margin-top:19px}
.button{align-items:center;background:#fff;border:1px solid #cfd3df;border-radius:13px;color:#111426;display:inline-flex;font-size:16px;font-weight:700;gap:13px;height:49px;justify-content:center;min-width:239px;padding:0 25px}
.button.primary{background:linear-gradient(135deg,#9cff00,#7ee000);border-color:transparent;box-shadow:0 12px 25px rgba(112,205,0,.18);color:#071000;min-width:271px}
.button svg{fill:none;height:22px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:22px}
.hero-orbits{bottom:-72px;height:340px;pointer-events:none;position:absolute;right:-18px;width:390px}
.hero-orbits i{border:1px solid rgba(105,80,177,.13);border-radius:50% 50% 0 0;bottom:0;height:305px;position:absolute;right:0;transform:rotate(-34deg);width:185px}
.hero-orbits i:nth-child(2){height:260px;right:68px;width:170px}
.hero-orbits i:nth-child(3){height:220px;right:137px;width:155px}

main>section{background:rgba(255,255,255,.94);border:1px solid #dfe2ea;border-radius:18px;margin-top:14px;padding:25px 44px}
.docs-flow{height:230px;margin-top:18px;min-height:0}
.docs-flow h2,.docs-auth h2{font-size:27px;font-weight:700;letter-spacing:-.025em;line-height:1.12}
.flow-grid{align-items:stretch;display:grid;gap:0;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr) 56px minmax(0,1fr);margin-top:10px}
.flow-grid .tile{align-items:flex-start;background:linear-gradient(125deg,#fff,#fdfcff);border:1px solid #cdbbff;border-radius:14px;display:flex;gap:17px;height:123px;min-height:0;padding:15px 16px}
.flow-grid .tile:nth-child(3){border-color:#cbe999}
.flow-grid .tile>b{align-items:center;background:linear-gradient(135deg,#ede5ff,#f8f4ff);border-radius:12px;color:#7440ec;display:flex;flex:0 0 47px;font-size:24px;height:47px;justify-content:center}
.flow-grid .tile:nth-child(3)>b{background:linear-gradient(135deg,#efffd7,#f9ffed);color:#6dcc00}
.flow-grid .tile strong{color:#15182b;display:block;font-size:16px;margin:4px 0 5px}
.flow-grid .tile p{color:#68708d;font-size:14px;line-height:1.45;margin:0}
.flow-arrow{align-items:center;color:#7543ee;display:flex;font-size:31px;font-style:normal;justify-content:center}
.docs-auth{min-height:218px;padding:18px 38px 8px}
.docs-auth .eyebrow{margin-bottom:8px}
.docs-auth>p{color:#727a96;font-size:14px;margin:6px 0 0}
.docs-auth>p a{color:#6c3ee5;font-weight:500}
.docs-code{background:radial-gradient(circle at 100% 50%,rgba(88,52,189,.14),transparent 30%),#071123;border-radius:14px;box-shadow:0 9px 18px rgba(17,26,52,.16);height:97px;margin-top:11px;overflow:hidden;position:relative}
.docs-code pre{background:transparent;border:0;color:#eef1f7;font-family:Consolas,monospace;font-size:14px;line-height:1.65;margin:0;overflow:auto;padding:15px 21px}
.docs-code code{font-size:14px}
.docs-code code i{color:#4fe8ff;font-style:normal}
.docs-code code b{color:#9bea00;font-weight:400}
.docs-code button{align-items:center;background:linear-gradient(135deg,#182237,#10182b);border:1px solid #28344b;border-radius:11px;color:#f2f3f6;display:flex;font:500 14px CeraPro,Arial,sans-serif;gap:9px;height:45px;padding:0 17px;position:absolute;right:20px;top:13px}
.docs-code button svg{fill:none;height:19px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;width:19px}

main>section:not(.docs-flow):not(.docs-auth){padding:30px 38px}
main>section h2{font-size:29px}
main>section h3{font-size:20px;margin-top:26px}
main>section>p{color:#68708d}
.endpoint{background:#091327;border-radius:12px;color:#e8edf7}
.method{background:#7040ef}
.tile{background:#fbfcff;border-color:#dfe2ea;border-radius:13px}
pre{background:#071123;border:0;border-radius:12px;color:#e5edf6}
table{border-color:#dfe2ea;border-radius:12px}
th{background:#f6f4ff;color:#68708d}
.note{background:#f1ffe0;border-color:#d4f3a7}
.footer{color:#7a8198;padding:28px 5px}

@media(max-width:1180px){.shell{grid-template-columns:230px minmax(0,1fr)}
aside{padding:0 12px}
.brand{padding-left:12px}
.brand-logo{max-width:175px}
.brand-logo[src$="logologin.png"]{left:-8px;max-width:none;width:230px}
nav a{padding:0 16px}
.help-card{left:14px;width:200px}
main{padding:18px 22px}
.hero h1{font-size:56px}
.flow-grid{grid-template-columns:1fr;gap:12px}
.flow-arrow{display:none}
.docs-flow{height:auto;min-height:0}
.flow-grid .tile{height:auto;min-height:123px}
.flow-grid .tile p br{display:none}
}

@media(max-width:820px){.shell{display:block}
aside{border-radius:0;height:auto;padding:0 16px;position:relative}
.brand{height:88px;padding:12px 0}
.brand-logo{height:58px}
.brand-logo[src$="logologin.png"]{height:auto;left:-19px;width:230px}
nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:14px}
nav a{flex:0 0 auto;height:44px;padding:0 14px}
.help-card{display:none}
main{padding:16px}
.hero{height:auto;min-height:0;padding:30px 25px}
.hero h1{font-size:43px}
.hero p{font-size:16px}
.hero p br{display:none}
.actions{align-items:stretch;flex-direction:column}
.button,.button.primary{min-width:0;width:100%}
.hero-orbits{opacity:.55}
.docs-flow,main>section{padding:24px 20px}
.docs-auth{padding:22px 20px}
.docs-code{height:125px}
.docs-code button{right:12px;top:12px}
.docs-code pre{font-size:11px;padding:62px 14px 12px}
.grid{grid-template-columns:1fr}
table{display:block;overflow-x:auto;white-space:nowrap}
}

/* Documentation follows the V2 purple identity. */
:root{--docs-purple:#6739df;--docs-lime:#6739df;--docs-soft:#f2edff}
.button.primary{background:linear-gradient(135deg,#956fff 0%,#6739df 55%,#4e22bd 100%);box-shadow:0 12px 25px rgba(103,57,223,.22);color:#fff}
.help-card>i{background:linear-gradient(135deg,#956fff,#6739df);color:#fff}
.flow-grid .tile:nth-child(3){border-color:#cdbbff}
.flow-grid .tile:nth-child(3)>b{background:linear-gradient(135deg,#ede5ff,#f8f4ff);color:#6739df}
.docs-code code b{color:#a98cff}
.note{background:#f4f0ff;border-color:#d8caff}
.hero{background:radial-gradient(circle at 96% 4%,rgba(149,111,255,.24),transparent 16%),radial-gradient(circle at 4% 99%,rgba(103,57,223,.20),transparent 20%),radial-gradient(circle at 88% 105%,rgba(126,63,241,.15),transparent 29%),#fff}