:root{--bg:#0b0d10;--card:#111418;--fg:#e6e7ea;--muted:#98a2b3;--accent:#4f46e5;--accent-2:#8b5cf6;--border:#1f2430;--brand-grad: linear-gradient(90deg, var(--accent), var(--accent-2));--link: var(--accent-2);--frame: var(--accent-2)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 80% -10%,rgba(79,70,229,.25),transparent 60%),radial-gradient(900px 500px at -10% 20%,rgba(139,92,246,.18),transparent 60%),var(--bg);color:var(--fg);font:16px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{min-height:100%;display:grid;grid-template-rows:auto 1fr auto;max-width:860px;margin:0 auto;padding:48px 20px}.container{max-width:720px;margin:0 auto}.header{text-align:left;margin-bottom:28px}.title{margin:14px 0 4px;font-size:clamp(28px,4vw,42px);line-height:1.1}.subtitle{margin:2px 0 0;font-size:clamp(17px,1.9vw,20px);font-weight:500;letter-spacing:.01em}.subdetails{margin-top:12px;font-size:14px;line-height:1.6;max-width:720px}.content{margin-top:22px;background:linear-gradient(180deg,#ffffff05,#fff0);border:1px solid var(--border);border-radius:16px;padding:24px}.content p{margin:0 0 12px}.content em{color:var(--fg);font-style:italic}.content strong{color:var(--fg);font-weight:600}.actions{display:block;width:100%;margin-top:16px}.cta{display:inline-flex;align-items:center;gap:10px;margin-top:0;background:var(--brand-grad);color:#fff;text-decoration:none;font-weight:600;padding:12px 16px;border-radius:10px;border:0;background-clip:padding-box;box-shadow:0 6px 18px #4f46e559;transition:transform .06s ease,box-shadow .2s ease,opacity .2s ease;outline:none}.cta:hover{transform:translateY(-1px);box-shadow:0 10px 24px #4f46e573}.cta:focus-visible{box-shadow:0 0 0 3px #4f46e559,0 8px 22px #4f46e573}.cta:active{transform:translateY(0);opacity:.95}.cta svg{fill:currentColor}.cta.cta--full{display:flex;align-items:center;justify-content:center;width:100%;text-align:center;padding:14px 18px;border-radius:12px}.footer{margin-top:28px;padding-top:18px;border-top:1px dashed var(--border);color:#fff;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.footer a{color:#fff;text-decoration:none}.footer a:hover{color:var(--fg)}.flow{--node-w: 240px;--gap: 22px;display:grid;grid-template-columns:var(--node-w) 140px var(--node-w) 140px var(--node-w) 140px var(--node-w);align-items:center;justify-content:center;gap:var(--gap);margin:28px auto 10px;max-width:calc(4 * var(--node-w) + 3 * 140px + 6 * var(--gap));padding:0 8px}.node{background:#111418;border:1px solid #1f2430;border-radius:14px;padding:16px 14px;text-align:center;position:relative;min-height:92px}.node-title{font-weight:600;font-size:16px;color:var(--fg)}.node-sub{margin-top:6px;font-size:12px;color:#fff}.highlight{background-image:var(--brand-grad)!important;border-color:transparent;box-shadow:0 0 0 1px color-mix(in srgb,var(--frame) 55%,transparent),0 14px 30px #4f46e54d}.highlight .vtitle,.highlight .node-title{color:#fff}.highlight .vsub,.highlight .node-sub{color:#e9e7ff}.badge{position:absolute;top:10px;left:10px;width:22px;height:22px;border-radius:999px;background:#4f46e538;color:#fff;border:1px solid rgba(99,102,241,.35);font-size:12px;display:grid;place-items:center;line-height:1}.arrow{display:grid;justify-items:center;text-align:center}.arrow svg{width:140px;height:32px}.arrow .arrow-label{color:#fff;font-size:12px}.arrow .arrow-label.top{margin-bottom:2px}.arrow .arrow-label.bottom{margin-top:2px}.flow-caption{margin-top:8px;text-align:center;color:#fff;font-size:14px}.flow-caption code{background:#ffffff0a;padding:1px 4px;border-radius:4px}@media(max-width:860px){.flow{grid-template-columns:minmax(260px,520px);gap:18px}.arrow svg{transform:rotate(90deg)}.node{min-height:88px}}.vflow{display:flex;flex-direction:column;align-items:center;gap:8px;margin:12px auto;max-width:420px;text-align:center}.vnode{position:relative;background:#111418;border:1px solid color-mix(in srgb,var(--frame) 45%,transparent);border-radius:14px;padding:12px;width:100%}@supports not (border-color: color-mix(in srgb,black 50%,white 50%)){.diagram-wrapper{border-color:#a78bfa}.vnode{border-color:#a78bfa66}}.vtitle{font-weight:600;font-size:16px;color:#fff}.vsub{margin-top:3px;font-size:12px;color:#fff}.varrow{display:flex;flex-direction:column;align-items:center;color:#fff;font-size:12px}.varrow svg{width:20px;height:28px;display:block}.varrow span{margin-top:2px}.diagram-caption{margin-top:8px;text-align:center;color:#fff;font-size:14px}.diagram-caption code{background:#ffffff0a;padding:1px 4px;border-radius:4px}.diagram-wrapper{background:#000;border:1px solid var(--frame);border-radius:16px;padding:20px;max-width:720px;margin:0 auto;box-shadow:0 0 0 1px color-mix(in srgb,var(--frame) 45%,transparent),0 10px 26px #00000073}.quicklinks{margin-top:8px;text-align:center;font-size:16px;font-weight:600}.quicklinks a{color:var(--link);text-decoration:none}.quicklinks a:hover{text-decoration:underline}.quicklinks span{color:#fff;margin:0 8px}.inline-link{color:var(--link);font-weight:600;text-decoration:none}.inline-link:hover{text-decoration:underline}.section-title{margin:20px 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#fff}.pill-list{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none;justify-content:center;align-content:center;align-items:center}.pill-list li{display:inline-flex;align-items:center;line-height:1;font-size:13px;color:#fff;background-image:var(--brand-grad);border:0;border-radius:999px;padding:7px 12px;box-shadow:0 6px 14px #4f46e540;transition:transform .06s ease,box-shadow .2s ease,opacity .2s ease}.pill-list li:hover{transform:translateY(-1px);box-shadow:0 10px 20px #4f46e559}