:root{--ink:#13263c;--muted:#52667b;--blue:#176be8;--cyan:#41d5e6;--line:#dce6ed;--paper:#f4f8fb}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:white;font:16px/1.65 "Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}header{height:92px;max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 6%}.brand{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:750;letter-spacing:1px}.mark{width:35px;height:39px;display:grid;place-items:center;font-size:26px;background:var(--blue);color:white;border-radius:8px}.by{font-size:11px;letter-spacing:.8px;color:var(--muted);border-left:1px solid var(--line);padding-left:12px;margin-left:5px}header nav{display:flex;gap:32px;align-items:center;font-size:14px;font-weight:600}.contact{border:1px solid var(--line);border-radius:6px;padding:10px 16px}.hero{max-width:1440px;min-height:650px;padding:70px 6% 75px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:750;color:#46617e}.eyebrow i,.dot{width:7px;height:7px;display:inline-block;background:#1f9c97;border-radius:50%;margin-right:8px}h1{font-size:clamp(40px,4.2vw,66px);letter-spacing:-2.7px;line-height:1.09;margin:24px 0}h1 span,h2 span{color:var(--blue)}.lead{font-size:18px;line-height:1.75;color:var(--muted);max-width:570px;margin:26px 0 30px}.actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.primary{display:inline-block;background:var(--blue);color:white;padding:14px 22px;border-radius:5px;font-size:14px;font-weight:650;white-space:normal}.primary:hover{background:#0c54c1;color:white}.primary b{margin-left:16px}.secondary,.text-link{font-weight:650;font-size:14px}.quiet{margin-top:25px;font-size:12px;color:#6b7f91}.blueprint{background:#0e233b;border:1px solid #294460;border-radius:14px;padding:28px 30px;color:#edf7ff;box-shadow:0 24px 55px #0829491b;background-image:radial-gradient(#6488ad25 1px,transparent 1px);background-size:18px 18px}.diagram-label{font-size:9px;letter-spacing:1px;display:flex;justify-content:space-between;gap:12px;margin-bottom:25px}.diagram-label span{color:#9cb5cd;font-size:9px;letter-spacing:0}.flow-node{border:1px solid #496480;background:#1a324d;border-radius:6px;padding:15px 18px;display:flex;flex-direction:column;gap:2px}.flow-node small{font-size:9px;letter-spacing:1.1px;color:#a8c8e4}.flow-node strong{font-size:17px;font-weight:600}.flow-node span{font-size:11px;color:#bfd2e2}.flow-line{height:25px;border-left:1px solid #5fb9f6;margin-left:30px}.flow-node.accent{border-color:#54cee8;background:#123c55}.branch{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:28px;position:relative}.branch:before{content:"";position:absolute;top:0;left:30px;width:calc(50% + 8px);height:28px;border:1px solid #638eb5;border-bottom:0}.branch .flow-node{position:relative}.branch strong{font-size:15px}.diagram-bottom{display:flex;gap:5px;align-items:center;font-size:8px;letter-spacing:1px;margin-top:25px}.diagram-bottom span:last-child{margin-left:auto;color:#92afc8;letter-spacing:0}.principle{max-width:1440px;margin:auto;padding:65px 6% 35px;display:grid;grid-template-columns:.45fr 1.1fr 1fr;gap:35px;border-top:1px solid var(--line)}.principle>span{font-size:10px;letter-spacing:1.2px;font-weight:700;padding-top:10px;color:#6a7e8f}h2{font-size:35px;line-height:1.2;letter-spacing:-1.1px;margin:0 0 22px}.principle p{font-size:15px;color:var(--muted);margin-top:0}.features{max-width:1440px;margin:auto;padding:10px 6% 75px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.features article{padding:26px;border:1px solid var(--line);border-radius:9px}.icon{display:block;font-size:29px;color:var(--blue);height:44px}h3{font-size:20px;margin:10px 0}p{color:var(--muted)}.features p{font-size:14px;min-height:65px}.status{display:inline-block;font-size:10px;letter-spacing:.2px;color:#506981;background:#eaf0f6;padding:4px 8px;border-radius:3px}.status.prod{background:#edf6f5;color:#2f6c65}.status.preview{background:#e9f1ff;color:#245fb0}.developer{background:var(--paper);padding:75px max(6%,calc((100vw - 1268px)/2));display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.developer h2{font-size:44px;margin:20px 0}.developer p{font-size:15px;max-width:475px}.code-card{background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 15px 40px #142c4910}.code-head{border-bottom:1px solid var(--line);padding:18px 24px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px}.code-card ol{list-style:decimal-leading-zero;padding:20px 30px 10px 62px;color:#1e4870;font-size:16px}.code-card li{padding:10px 0}.code-card li::marker{color:#8ba5be;font-size:11px}.code-card p{padding:0 26px 20px;font-size:12px}.release-status{max-width:1440px;padding:65px 6%;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:10%;border-bottom:1px solid var(--line)}.release-status p{font-size:14px}.release-status a{font-size:13px;font-weight:600}.use-cases{max-width:1440px;padding:65px 6%;margin:auto}.use-cases h2{margin-top:18px}.use-cases>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.use-cases strong{font-size:17px}.use-cases p{font-size:14px}.closing{text-align:center;padding:70px 6%;background:#0e233b;color:white}.closing h2{font-size:40px}.closing p{color:#b9cbdd}.closing details{max-width:630px;margin:30px auto 0;font-size:13px;color:#bdcfe0}.closing summary{cursor:pointer}footer{max-width:1440px;margin:auto;display:flex;justify-content:space-between;gap:20px;padding:26px 6%;font-size:11px;color:#6a7d8d}footer span:first-child{font-weight:700;color:#233f5a}.skip{position:fixed;top:-80px;left:20px;background:white;border:2px solid var(--blue);padding:10px;z-index:99}.skip:focus{top:10px}.docs-layout{border-top:1px solid var(--line);display:grid;grid-template-columns:270px minmax(0,1fr);max-width:1440px;margin:auto;min-height:80vh;padding:0 6%}aside{border-right:1px solid var(--line);padding:35px 25px 35px 0}.docs-label{font-size:9px;font-weight:700;letter-spacing:1px}.search{display:block;font-size:11px;margin:22px 0;color:var(--muted)}input{display:block;width:100%;padding:10px 9px;margin-top:6px;border:1px solid var(--line);border-radius:4px;font:12px "Segoe UI",sans-serif}aside nav{display:flex;flex-direction:column;margin-bottom:30px}aside nav a{padding:8px 10px;font-size:13px;border-left:2px solid transparent}aside nav a[aria-current]{color:var(--blue);background:#edf4ff;border-color:var(--blue);font-weight:600}[hidden]{display:none!important}.doc{max-width:880px;padding:45px 0 70px 55px}.doc h1{font-size:42px;letter-spacing:-1.4px;margin:22px 0}.doc-lead{font-size:19px}.doc h2{font-size:24px;margin:35px 0 12px;letter-spacing:-.5px}.doc p{font-size:16px;line-height:1.85;overflow-wrap:anywhere}.notice{background:#eff5fb;border-left:3px solid var(--blue);padding:13px 18px;font-size:12px;color:#48647e;margin:26px 0}.doc-bottom{margin-top:45px;padding-top:22px;border-top:1px solid var(--line);font-size:11px;color:#70879b}@media(max-width:1000px){.hero{gap:4%;padding-top:40px}.blueprint{padding:23px 20px}.actions{gap:15px}.principle{grid-template-columns:1fr 1.6fr}.principle>span{grid-column:1/-1}.features{gap:12px}.features article{padding:19px}.features .status{font-size:9px}.docs-layout{grid-template-columns:225px minmax(0,1fr)}.doc{padding-left:35px}.developer{gap:7%}}@media(max-width:720px){header{height:auto;min-height:85px;gap:20px;flex-wrap:wrap;padding:20px 6%}header nav{gap:18px;font-size:12px;flex-wrap:wrap}.by{display:none}.hero{grid-template-columns:1fr;padding-top:40px;gap:35px}.hero h1{font-size:47px;letter-spacing:-1.8px}.blueprint{max-width:520px}.principle{grid-template-columns:1fr;gap:10px}.features,.developer,.release-status{grid-template-columns:1fr}.features p{min-height:0}.developer{gap:35px}.release-status{gap:32px}.use-cases>div:last-child{grid-template-columns:1fr;gap:20px}.closing h2{font-size:33px}.docs-layout{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line);padding:25px 0}aside nav{display:grid;grid-template-columns:1fr 1fr}.doc{padding:30px 0 45px}.doc h1{font-size:34px}footer{flex-direction:column;gap:8px}.hero .lead{font-size:17px}.principle h2,.use-cases h2{font-size:29px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
pre{background:#0e233b;color:#d5ebff;padding:20px;border-radius:6px;overflow:auto;font-size:12px;line-height:1.9}