:root{--bg:#fbfaf7;--ink:#1c1b22;--mut:#6b6a75;--acc:#e8572a;--acc2:#2a6be8;--card:#fff;--line:#e8e5de}
*{box-sizing:border-box}body{margin:0;font:15px/1.6 ui-sans-serif,-apple-system,"PingFang SC","Noto Sans SC",sans-serif;background:var(--bg);color:var(--ink)}
main{max-width:1040px;margin:0 auto;padding:24px}a{color:var(--acc2)}
.nav{display:flex;justify-content:space-between;align-items:center;padding:14px 28px;border-bottom:1px solid var(--line);background:#fff}
.nav nav{display:flex;gap:18px;align-items:center}.nav a{color:var(--ink);text-decoration:none}
.logo{font-weight:800;font-size:20px;letter-spacing:-.5px;display:flex;align-items:center;gap:8px}.dot{width:14px;height:14px;border-radius:4px;background:linear-gradient(135deg,var(--acc),#f5b52e);transform:rotate(45deg)}
.btn{display:inline-block;background:var(--ink);color:#fff!important;border:0;padding:11px 20px;border-radius:999px;font-weight:600;cursor:pointer;text-decoration:none}.btn.sm{padding:6px 14px;font-size:13px}.btn.ghost{background:transparent;color:var(--ink)!important;border:1.5px solid var(--ink)}
.link{background:none;border:0;color:var(--acc2);cursor:pointer;padding:0;font:inherit}
.hero{padding:56px 0 24px}.eyebrow{color:var(--acc);font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:12px}
h1{font-size:44px;line-height:1.15;margin:8px 0;letter-spacing:-1px}h1 span{display:block;font-size:24px;color:var(--mut);font-weight:500;letter-spacing:0;margin-top:10px}
.lead{font-size:17px;color:#3a3942;max-width:680px}.cta{display:flex;gap:12px;margin:24px 0}
.term,pre{background:#17161c;color:#e9e6dc;padding:16px;border-radius:12px;overflow:auto;font-size:13px}.term .c{color:#8d8a99}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:24px 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:16px}.card.ok{border-color:#3bb273;background:#f2fbf5}
.stat b{display:block;font-size:28px}.stat b.sm{font-size:16px}.stat small{color:var(--mut)}
.band{background:var(--ink);color:#fff;border-radius:20px;padding:32px;margin:32px 0}
.narrow{max-width:420px;margin:40px auto}label{display:block;margin:12px 0;font-weight:600;font-size:13px}
input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;margin-top:4px}.row{display:flex;gap:8px;align-items:center}.row input{width:auto;margin:0}
table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:8px;border-bottom:1px solid var(--line)}
.err{color:#c0392b}.muted{color:var(--mut)}.neg{color:#c0392b}.pos{color:#2e9b5f}.tag{background:#fde7df;color:var(--acc);border-radius:6px;padding:1px 6px;font-size:11px}.warn{color:var(--acc)}
footer{text-align:center;color:var(--mut);padding:32px;font-size:13px}.docs h2{margin-top:32px}
.lang{border:1px solid var(--line);border-radius:8px;padding:2px 8px;font-size:12px}
.hero.sm{padding:32px 0 8px}
.skillbox{background:#fff;border:1.5px solid var(--ink);border-radius:18px;padding:20px;margin-top:24px;max-width:760px;box-shadow:6px 6px 0 var(--acc)}
.sb-head{font-weight:700;margin:6px 0 10px;display:flex;gap:8px;align-items:center}.sb-head span{background:var(--acc);color:#fff;border-radius:50%;width:22px;height:22px;display:inline-grid;place-items:center;font-size:12px}
.copy{display:flex;gap:8px;align-items:center;background:#17161c;border-radius:12px;padding:8px 8px 8px 14px;margin:8px 0}.copy code{color:#f3efe3;flex:1;overflow:auto;white-space:nowrap;font-size:13px}
.copy .btn{background:var(--acc)}
.band{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.btn.light{background:#fff;color:var(--ink)!important}
.logos .card{display:flex;flex-direction:column}.logos small{color:var(--mut)}
.plan ul{padding-left:18px;color:#3a3942}.plan .big{display:block;font-size:30px;margin:8px 0}.plan .big small{font-size:14px;color:var(--mut)}.plan.hl{border:2px solid var(--acc)}
.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:24px 0}
.skillcard{border:2px solid var(--ink)}.okmsg{color:#2e9b5f}.wide{width:100%;margin-top:8px}.chk{font-weight:400;display:flex;gap:8px;align-items:center}.chk input{width:auto;margin:0}
.wrap{flex-wrap:wrap;margin:8px 0}.pl{min-width:150px;font-weight:600}.narrowdoc{max-width:760px}
footer{display:grid;gap:6px}footer a{color:var(--mut)}
.qrs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.qr{text-align:center}.qr img{width:200px;height:200px;object-fit:contain;display:block;margin:10px auto;border-radius:8px}
.noqr{width:200px;height:200px;margin:10px auto;border:2px dashed var(--line);border-radius:12px;display:grid;place-items:center;color:var(--mut)}
.amt{font-size:32px;color:var(--acc)}p.big{font-size:18px}.narrowform{max-width:520px}select{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;font:inherit;margin-top:4px}
.tag.ok{background:#e3f6ea;color:#2e9b5f}.tag.bad{background:#fde3e3;color:#c0392b}.card.alert{border-color:var(--acc)}
section h2{font-size:30px;letter-spacing:-.5px;margin:4px 0 8px}section{margin:48px 0}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0}.stats b{display:block;font-size:34px;color:var(--acc)}.stats span{color:var(--mut)}
.steps i{font-style:normal;background:var(--acc);color:#fff;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-weight:700}
.feats .card h3,.uses .card h3{margin:0 0 6px;font-size:17px}.feats p{color:#3a3942;margin:0}
.cats .card{display:flex;flex-direction:column}.cats small{color:var(--mut)}.q{font-style:italic;color:#3a3942}
.faq details{border-top:1px solid var(--line);padding:12px 0}.faq summary{font-weight:600;cursor:pointer}.final{text-align:center}.final .cta{justify-content:center}
/* ---- landing v3 ---- */
body{overflow-x:hidden}.small{font-size:12px}
.ic{width:20px;height:20px;vertical-align:-4px;flex:none}.ic.sm{width:14px;height:14px;vertical-align:-2px}.ic.big{width:30px;height:30px;color:var(--acc)}
.ic.box{width:42px;height:42px;padding:10px;border-radius:12px;background:linear-gradient(135deg,#fff1ea,#ffe2d4);color:var(--acc);margin-bottom:10px}
.xhero{position:relative;margin:-24px calc(50% - 50vw) 0;padding:72px 24px 0;background:#07060b;color:#f4f2ee;overflow:hidden;isolation:isolate}
.xin{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;position:relative;z-index:2}
@media(max-width:900px){.xin{grid-template-columns:1fr}}
.glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;z-index:-1;pointer-events:none}.g1{width:560px;height:560px;background:#e8572a;top:-200px;left:-120px;animation:float 12s ease-in-out infinite}.g2{width:520px;height:520px;background:#6b3cf5;bottom:-220px;right:-120px;animation:float 14s ease-in-out infinite reverse}
@keyframes float{50%{transform:translate(60px,40px) scale(1.1)}}
.gridbg{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 50% 40%,#000 30%,transparent 75%)}
.beam{position:absolute;left:0;right:0;height:120px;top:-120px;z-index:-1;background:linear-gradient(180deg,transparent,rgba(255,140,90,.18),transparent);animation:scan 6s linear infinite}
@keyframes scan{to{top:100%}}
.pill{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);padding:6px 14px;border-radius:999px;font-size:13px;color:#ffb594}
.mega{font-size:clamp(44px,6.4vw,84px);line-height:1.02;letter-spacing:-2.5px;margin:18px 0;font-weight:900}
.mega em{font-style:normal;background:linear-gradient(90deg,#ff7a45,#ffc35c 45%,#b48cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.xlead{font-size:18px;color:#bdb9c6;max-width:600px}
.xcta{display:flex;gap:14px;margin:28px 0 8px;flex-wrap:wrap}
.btn.hot{background:linear-gradient(135deg,#ff6a2c,#ff9a3c);padding:15px 28px;font-size:16px;box-shadow:0 10px 40px -8px rgba(255,106,44,.7);display:inline-flex;gap:8px;align-items:center;transition:transform .2s,box-shadow .2s}.btn.hot:hover{transform:translateY(-2px);box-shadow:0 16px 50px -8px rgba(255,106,44,.9)}
.btn.glass{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);padding:15px 26px;font-size:16px}
.final .btn.glass{color:var(--ink)!important;border-color:var(--ink);background:transparent}
.skillbox.dark{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);box-shadow:none;backdrop-filter:blur(8px);color:#eee}
.term3d{background:linear-gradient(180deg,#14121b,#0d0c12);border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 40px 100px -30px rgba(255,106,44,.45),0 0 0 1px rgba(255,255,255,.04) inset;transform:perspective(1400px) rotateY(-8deg) rotateX(3deg);font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}
.tbar{display:flex;gap:6px;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.tbar i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.tbar i:nth-child(2){background:#febc2e}.tbar i:nth-child(3){background:#28c840}.tbar span{margin-left:10px;color:#77738a;font-size:12px}
.tbody{padding:18px;min-height:380px}.tbody p{margin:6px 0;color:#cfcad9}.tbody b{color:#ffcf9e;font-weight:500}.tbody s{text-decoration:none;color:#77738a}.tbody s.ok{color:#3ddc84}
.u{color:#fff!important}.typed{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;border-right:2px solid #ff8a4c;max-width:0;animation:type 2.4s steps(30) .3s forwards,caret .8s step-end infinite}
@keyframes type{to{max-width:100%}}@keyframes caret{50%{border-color:transparent}}
.d1,.d2,.d3,.d4,.d5,.d6{opacity:0;transform:translateY(6px);animation:pop .5s forwards}.d1{animation-delay:2.9s}.d2{animation-delay:3.5s}.d3{animation-delay:4.1s}.d4{animation-delay:4.8s}.d5{animation-delay:5.2s}.d6{animation-delay:5.7s}
@keyframes pop{to{opacity:1;transform:none}}
.post{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 12px;margin:10px 0;font-family:ui-sans-serif,-apple-system,"PingFang SC",sans-serif}.post p{margin:4px 0;color:#eee}.post small{color:#8a86a0;display:flex;gap:6px;align-items:center}
.ph{display:flex;gap:8px;align-items:center}.ph img{margin-left:auto}.av{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#ff8a4c,#b48cff)}.av.b{background:linear-gradient(135deg,#3ddc84,#2a6be8)}
.via{color:#ffb594!important;border-top:1px dashed rgba(255,255,255,.12);padding-top:10px}
img.mono{filter:invert(1)}
.marquee{margin:64px calc(50% - 50vw) 0;padding:22px 0;border-top:1px solid rgba(255,255,255,.08);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.mtrack{display:flex;gap:40px;width:max-content;animation:mq 40s linear infinite}.marquee .lg{color:#cfcad9;font-size:15px;font-weight:600}
@keyframes mq{to{transform:translateX(-50%)}}
.lg{display:inline-flex;gap:10px;align-items:center;white-space:nowrap}.lg img{width:22px;height:22px}.lg .txt{font-style:normal;width:22px;height:22px;border-radius:6px;background:#2a2733;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}
.stats b{display:inline}
.stats{text-align:center}.stats span{display:block}
.social{position:relative}.glowcard{transition:transform .25s,box-shadow .25s}.glowcard:hover{transform:translateY(-4px);box-shadow:0 20px 40px -20px rgba(232,87,42,.45);border-color:#f4b39b}.glowcard h3{margin:10px 0 4px}.glowcard p{margin:0;color:#3a3942}
.platwall{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 8px}.platwall .lg{background:#fff;border:1px solid var(--line);padding:8px 14px;border-radius:999px;font-weight:600}.platwall img.mono{filter:none}
.works{text-align:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px}.agents{display:flex;flex-wrap:wrap;gap:30px 44px;justify-content:center;margin:14px 0}.agents .lg{font-size:17px;font-weight:700}.agents .lg img{width:28px;height:28px}.agents img.mono{filter:none}
.feat{transition:border-color .2s}.feat:hover{border-color:var(--acc)}.cat{display:flex;flex-direction:column}
.use{border-left:3px solid var(--acc)}
.band{background:linear-gradient(120deg,#07060b,#2a1530 60%,#5a2414)}
.final{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:24px;padding:56px 24px;isolation:isolate}.final .g1{opacity:.18;top:-300px;left:30%}.final h2{font-size:40px}
@media(prefers-reduced-motion:reduce){*{animation:none!important}.typed{max-width:100%}.d1,.d2,.d3,.d4,.d5,.d6{opacity:1;transform:none}}
/* ---- flow diagram ---- */
.tbar .demo{margin-left:auto;font-style:normal;font-size:11px;color:#ffb594;border:1px solid rgba(255,181,148,.4);border-radius:999px;padding:1px 8px;font-family:ui-sans-serif,sans-serif}
.flow{margin:0 calc(50% - 50vw);padding:56px 24px 40px;background:radial-gradient(ellipse at 50% 55%,#1c1226,#07060b 70%);color:#f4f2ee;text-align:center}
.flow h2{font-size:clamp(26px,3.4vw,40px)}.flowbox{max-width:1180px;margin:10px auto 0}.flowbox svg{width:100%;height:auto;display:block}
.fl-base{fill:none;stroke:rgba(255,255,255,.08);stroke-width:1.2}
.fl-dash{fill:none;stroke:#ff9a5a;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:3 46;animation:flow 3s linear infinite;filter:drop-shadow(0 0 4px #ff7a45)}
.fl-dash.up{stroke:#c9a6ff;filter:drop-shadow(0 0 5px #a77bff);stroke-dasharray:4 34;animation-duration:2.2s}
@keyframes flow{to{stroke-dashoffset:-49}}
.fl-disc{fill:#15121d;stroke:rgba(255,255,255,.16)}.fl-node:hover .fl-disc{stroke:#ff9a5a}
.fl-node image.inv{filter:invert(1)}.fl-ic{fill:none;stroke:#ffb594;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fl-letter{fill:#fff;font:800 14px ui-sans-serif,sans-serif;text-anchor:middle}
.fl-lab{fill:#a9a4b8;font:12px ui-sans-serif,-apple-system,"PingFang SC",sans-serif;text-anchor:middle}
.fl-hub{fill:#0d0b12;stroke:#ff8a4c;stroke-width:2}.fl-ring{fill:none;stroke:rgba(255,138,76,.35);stroke-dasharray:4 6;animation:spin 18s linear infinite;transform-origin:center}
.fl-hubt{fill:#fff;font:800 15px ui-sans-serif,sans-serif;text-anchor:middle}
.fl-pulse{animation:pulse 3s ease-in-out infinite;transform-origin:600px 330px}.fl-cap{fill:#6f6a80;font:600 12px ui-sans-serif,sans-serif;letter-spacing:1px;text-anchor:start}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.55;transform:scale(1.12)}}

@media(prefers-reduced-motion:reduce){.fl-dash{stroke-dasharray:none;opacity:.35}}
/* flow v2: light badges so mono-black logos stay visible on dark */
.fl-halo{fill:rgba(255,255,255,.06);stroke:rgba(255,180,140,.35);stroke-width:1}
.fl-disc{fill:#f6f3ee;stroke:#fff;stroke-width:1.5;filter:drop-shadow(0 0 8px rgba(255,170,120,.45))}
.fl-ic{stroke:#e8572a}.fl-letter{fill:#1c1b22;font-weight:800;text-anchor:middle}
.fl-lab{fill:#e6e2ee;font-weight:600}.fl-cap{fill:#b8b2c8;font:700 13px ui-sans-serif,-apple-system,"PingFang SC",sans-serif;letter-spacing:1.5px}
.fl-base{stroke:rgba(255,255,255,.14)}
.fl-m{display:none}
@media(max-width:700px){.fl-d{display:none}.fl-m{display:block}.flow{padding:40px 12px 28px}.fl-dash{stroke-width:3}}
@media(max-width:700px){.xin>*{min-width:0}.term3d{transform:none}.mega{letter-spacing:-1px}.nav{padding:12px 14px}.nav nav{gap:10px;font-size:13px}.skillbox{max-width:100%}}
.flowbox .fl-m{display:none}.fl-ring{transform-box:fill-box;transform-origin:center}
@media(max-width:700px){.flowbox .fl-d{display:none}.flowbox .fl-m{display:block}}
/* ---- more data ---- */
.mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mcat{margin:0;display:flex;flex-direction:column;gap:10px}.mcat .mh{display:flex;gap:12px;align-items:center}.mcat .mh .ic.box{margin:0}.mcat .mh b{display:block;font-size:16px}.mcat .mh small{color:var(--mut);font-size:12.5px;line-height:1.4;display:block}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;background:#f6f4ef;border:1px solid var(--line);border-radius:999px;padding:3px 10px}.chip img{width:14px;height:14px}
.fields{display:flex;flex-wrap:wrap;gap:5px}.fields code{font-size:11px;color:#6b4a3a;background:#fff4ee;border-radius:5px;padding:1px 6px}
.hero-cat{grid-column:span 3;background:linear-gradient(135deg,#120f19,#2b1a2e);color:#f4f2ee;border:0;padding:24px}.hero-cat .mh b{font-size:22px}.hero-cat .mh small{color:#c9c3d6;font-size:14px}
.hero-cat .chip{background:rgba(255,255,255,.95);color:var(--ink);font-size:13.5px;padding:5px 12px}.hero-cat .fields code{background:rgba(255,255,255,.1);color:#ffcf9e;font-size:12px}
@media(max-width:900px){.mgrid{grid-template-columns:1fr 1fr}.hero-cat{grid-column:span 2}}
@media(max-width:560px){.mgrid{gap:10px}.mcat{padding:14px;gap:8px}.mcat .mh{flex-direction:column;align-items:flex-start;gap:6px}.mcat .mh .ic.box{width:34px;height:34px;padding:8px}.mcat .mh b{font-size:14.5px}.mcat .mh small{font-size:11.5px}.chip{font-size:11px;padding:2px 8px}.fields{display:none}.hero-cat .fields{display:flex}.hero-cat .mh{flex-direction:row}.hero-cat .mh b{font-size:18px}}
/* ---- use cases showcase ---- */
.uctabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:14px 0 4px;padding-bottom:4px}.uctabs::-webkit-scrollbar{display:none}
.uct{white-space:nowrap;padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;font-weight:600;font-size:14px;transition:all .2s}.uct.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.ucrail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:16px;scrollbar-width:none;padding:8px 0 4px}.ucrail::-webkit-scrollbar{display:none}
.ucs{flex:0 0 100%;scroll-snap-align:start;background:linear-gradient(160deg,#0f0d15,#1d1424);border-radius:22px;padding:26px;color:#eee;min-height:340px}
.chat{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.bub{align-self:flex-end;background:linear-gradient(135deg,#ff6a2c,#ff9a3c);color:#fff;padding:12px 16px;border-radius:18px 18px 4px 18px;max-width:85%;font-size:15px}.bub .me{display:block;font-size:11px;opacity:.8;font-weight:700}
.ans{display:flex;gap:10px;align-items:flex-start}.aglogo{background:#f6f3ee;border-radius:50%;padding:5px;width:36px;height:36px;flex:none}
.res{flex:1;background:#f9f7f3;color:var(--ink);border-radius:4px 18px 18px 18px;padding:14px;min-width:0}
.rh{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sample{font-size:11px;font-weight:700;color:#b5471f;background:#ffe7dc;border:1px dashed #f0a382;border-radius:6px;padding:1px 8px}.vb{font-size:12px;color:#7a5a4a}
.rt{font-size:13.5px}.rt th{color:var(--mut);font-weight:600;font-size:12px}.bar{display:inline-block;height:6px;width:calc(var(--w) * .5);max-width:60px;border-radius:3px;background:linear-gradient(90deg,#ff7a45,#ffc35c);margin-right:6px;vertical-align:middle}
.co{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#2a2733;color:#fff;font-size:11px;font-weight:800;margin-right:8px}.pill2{background:#eef3ff;color:#2a6be8;border-radius:999px;padding:1px 8px;font-size:12px}
.sent .sr{display:grid;grid-template-columns:52px 1fr 44px;gap:8px;align-items:center;margin:6px 0;font-size:13px}.sent i{height:12px;border-radius:6px;width:var(--w);display:block}.sent i.p{background:#3bb273}.sent i.n{background:#b9b4c4}.sent i.g{background:#e8572a}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tags span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:12px}
.pc{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pcc{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column;position:relative}.pcc b{font-size:22px}.pcc span{color:#c78a00;font-size:13px}.pcc small{color:var(--mut);font-size:11.5px}.pcc.best{border:2px solid #3bb273}.pcc em{position:absolute;top:-9px;right:8px;background:#3bb273;color:#fff;font-style:normal;font-size:10.5px;border-radius:6px;padding:0 6px}
.notes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.note{background:#fff;border-radius:10px;overflow:hidden;border:1px solid var(--line)}.ni{height:64px}.note p{margin:6px 8px 0;font-size:12.5px;font-weight:600;line-height:1.3}.note small{display:block;margin:2px 8px 8px;color:var(--mut);font-size:11px}
.map{position:relative;height:170px;border-radius:12px;overflow:hidden}.mapbg{position:absolute;inset:0;background:#e9efe6;background-image:linear-gradient(90deg,transparent 48%,#fff 48%,#fff 52%,transparent 52%),linear-gradient(0deg,transparent 46%,#fff 46%,#fff 50%,transparent 50%),linear-gradient(35deg,transparent 60%,#d6e6f5 60%,#d6e6f5 72%,transparent 72%);background-size:120px 90px,160px 80px,100% 100%}
.mp{position:absolute;transform:translate(-50%,-100%);background:#e8572a;color:#fff;font-size:12px;font-weight:700;border-radius:999px;padding:2px 8px;box-shadow:0 4px 10px rgba(0,0,0,.2)}.mp::after{content:"";position:absolute;left:50%;bottom:-5px;margin-left:-5px;border:5px solid transparent;border-top-color:#e8572a;border-bottom:0}
.ucs .bub,.ucs .ans{opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s}.ucs.seen .bub{opacity:1;transform:none}.ucs.seen .ans{opacity:1;transform:none;transition-delay:.35s}
@media(max-width:560px){.ucs{padding:16px;flex-basis:92%}.notes{grid-template-columns:1fr 1fr}.pc b{font-size:17px}.bub{font-size:14px}}
@media(prefers-reduced-motion:reduce){.ucs .bub,.ucs .ans{opacity:1;transform:none}}
@media(max-width:560px){.rt{font-size:12px}.rt th,.rt td{padding:6px 4px;white-space:nowrap}.rt .bar{display:none}.res{padding:10px}}
.codein{font-size:26px;letter-spacing:10px;text-align:center;font-family:ui-monospace,monospace}
/* ================= design system v4 (overrides) =================
   spacing: 8px scale (8/16/24/32/48/64/96) · container 1120 · radius 16 (cards) / 10 (chips) / 999 (pills)
   type: 56/40/28/20/16/14/12 · color: ink #16151b, accent #e8572a, muted #6b6a75, line #ebe8e1, surface #fff */
:root{--ink:#16151b;--mut:#6b6a75;--line:#ebe8e1;--acc:#e8572a;--r:16px}
main{max-width:1120px;padding:0 24px}
section{margin:0;padding:96px 0}section+section{border-top:0}
.eyebrow{font-size:12px;letter-spacing:.12em;margin:0 0 8px;color:var(--acc)}
section h2{font-size:40px;line-height:1.15;letter-spacing:-.02em;margin:0 0 16px;font-weight:800}
.lead{font-size:16px;line-height:1.6;color:var(--mut);max-width:640px;margin:0 0 32px}
.card{border-radius:var(--r);border:1px solid var(--line);box-shadow:none;padding:24px;margin:0}
h3{font-size:16px;margin:0 0 8px}
.ic.box{width:40px;height:40px;padding:10px;border-radius:10px;background:#fff3ec;color:var(--acc);margin:0 0 16px}
.ic.big{width:24px;height:24px}
/* hero */
.xhero{padding:96px 24px 0}.mega{font-size:clamp(40px,5.6vw,72px);letter-spacing:-.03em}.xlead{font-size:17px;margin:0 0 24px}
.metrics{display:flex;flex-wrap:wrap;gap:8px 24px;list-style:none;padding:0;margin:0 0 32px;color:#a39fb0;font-size:14px}.metrics b{color:#fff;font-size:16px;margin-right:6px}
.xcta{margin:0 0 32px}.skillbox.dark{padding:16px 20px;border-radius:var(--r);margin:0}.term3d{transform:perspective(1400px) rotateY(-6deg)}
.marquee{margin-top:64px}
/* flow */
.flow{padding:96px 24px 64px}.flow h2{margin-bottom:24px}
/* how */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0 0}.steps .card{padding:24px}.steps i{width:28px;height:28px;font-size:13px;margin-bottom:16px}.steps p{color:var(--mut);margin:0;font-size:14px}
.worksrow{display:flex;align-items:center;gap:24px;margin-top:32px;padding-top:32px;border-top:1px solid var(--line);flex-wrap:wrap}.worksrow>span{font-size:12px;font-weight:700;color:var(--mut);letter-spacing:.12em;text-transform:uppercase}
.worksrow .agents{margin:0;gap:16px 32px;justify-content:flex-start;flex:1}.worksrow .lg{font-size:14px;font-weight:600;color:#3a3942}.worksrow .lg img{width:20px;height:20px;filter:grayscale(1) contrast(1.1);opacity:.85}
/* coverage */
.cov .sk{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 16px}.glowcard{padding:24px}.glowcard .ic.big{color:var(--acc)}.glowcard h3{margin:16px 0 8px}.glowcard p{font-size:14px;color:var(--mut)}
.mgrid{gap:16px}.mcat{padding:24px;gap:16px}.mcat .mh{gap:16px}.mcat .mh .ic.box{margin:0}
.hero-cat{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:inset 3px 0 0 var(--acc)}.hero-cat .mh b{font-size:20px}.hero-cat .mh small{color:var(--mut);font-size:14px}
.hero-cat .chip{background:#f6f4ef;color:var(--ink);font-size:13px;padding:4px 12px}.hero-cat .fields code{background:#fff4ee;color:#6b4a3a}
.chip{border-radius:10px;padding:4px 10px;background:#f7f6f2}.chip img{width:14px;height:14px;filter:grayscale(1);opacity:.8}
.foot{font-size:12px;color:var(--mut);margin:24px 0 0}
/* use cases */
.uc .uctabs{margin:0 0 16px}.ucs{border-radius:20px;padding:32px;min-height:0}
/* features */
.flist{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 48px;margin-top:32px}.fi{display:flex;gap:16px}.fi .ic.box{flex:none;margin:0}.fi h3{margin:2px 0 4px;font-size:15px}.fi p{margin:0;font-size:14px;color:var(--mut);line-height:1.55}
/* pricing + faq */
.pf{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start}.pf .lead{margin-bottom:24px}.bonus{display:inline-flex;gap:8px;align-items:center;font-size:14px;font-weight:600;color:var(--acc);background:#fff3ec;border-radius:10px;padding:8px 12px;margin:0 0 24px}
.pfl .btn{display:table}.pfr h3{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin:0 0 8px}
.faq details{padding:16px 0;border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;font-size:15px;display:flex;justify-content:space-between;gap:16px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";color:var(--mut);font-weight:400;font-size:20px;line-height:1}.faq details[open] summary::after{content:"–"}.faq details p{color:var(--mut);margin:8px 0 0;font-size:14px}
/* final */
.final.dark{background:#0b0a10;color:#f4f2ee;border:0;border-radius:24px;padding:80px 24px;margin:0 0 96px}.final.dark h2{color:#fff;font-size:40px}.final.dark p{color:#a39fb0}.final.dark .g1{opacity:.35;top:-320px;left:20%}.final.dark .g2{opacity:.25;bottom:-360px;right:0}.final.dark .btn.glass{color:#fff!important;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.06)}
footer{border-top:1px solid var(--line);padding:32px 24px;gap:8px}
@media(max-width:900px){.steps,.cov .sk{grid-template-columns:1fr 1fr}.flist{grid-template-columns:1fr 1fr;gap:24px 32px}.pf{grid-template-columns:1fr;gap:32px}}
@media(max-width:560px){section{padding:64px 0}main{padding:0 16px}section h2,.final.dark h2{font-size:28px}.lead{font-size:15px;margin-bottom:24px}
 .xhero{padding:56px 16px 0}.metrics{gap:8px 16px;font-size:13px}.metrics b{font-size:15px}
 .steps{grid-template-columns:1fr;gap:12px}.steps .card{padding:16px 20px;display:grid;grid-template-columns:28px 1fr;column-gap:16px}.steps i{grid-row:span 2;margin:0}.steps h3{margin:0 0 4px}
 .worksrow{gap:16px}.worksrow .agents{gap:12px 20px}
 .cov .sk{gap:12px}.glowcard{padding:16px}.glowcard h3{margin:12px 0 4px;font-size:14.5px}.glowcard p{font-size:12.5px}
 .mcat{padding:16px;gap:12px}.flist{grid-template-columns:1fr;gap:20px}.ucs{padding:16px}.final.dark{padding:56px 20px;margin-bottom:64px;border-radius:20px}}
.mgrid>:last-child{grid-column:span 2}
.fi .ic.box{width:40px;height:40px;min-width:40px}
.worksrow>span{flex:none}
.nav{padding:14px max(24px,calc(50% - 536px))}
footer{padding-left:max(24px,calc(50% - 536px));padding-right:max(24px,calc(50% - 536px))}
@media(max-width:560px){.nav{padding:12px 16px}.copy code{min-width:0}.skillbox .copy{max-width:100%}.xcta .btn{flex:1;justify-content:center;text-align:center}}
/* use cases v2 */
.calls{display:flex;justify-content:space-between;align-items:center;gap:8px 16px;flex-wrap:wrap;padding:0 0 12px;margin:0 0 12px;border-bottom:1px solid var(--line)}
.calls .chip{background:#fff}.calls .meta{display:flex;gap:12px;font-size:12px;color:var(--mut);font-weight:600}.calls .meta span{display:inline-flex;gap:4px;align-items:center}
.stack{display:flex;height:8px;border-radius:4px;overflow:hidden;width:100%;min-width:90px;background:#eee}.stack i{display:block;height:100%}.stack .p{background:#3bb273}.stack .n{background:#c9c4d2}.stack .g{background:#e8572a}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.kpis div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 10px}.kpis small{display:block;color:var(--mut);font-size:11px}.kpis b{font-size:17px}
.trend .tr{display:grid;grid-template-columns:72px 1fr 52px;gap:10px;align-items:center;margin:8px 0;font-size:13px;font-weight:600}.trend i{display:block;height:10px;border-radius:5px;width:var(--w);background:linear-gradient(90deg,#ff7a45,#b48cff)}.trend b{color:#2e9b5f;text-align:right}
.lm{display:grid;grid-template-columns:1fr 1.3fr;gap:12px;align-items:center}.lm .map{height:150px}.mono{font-family:ui-monospace,monospace;font-size:12px}
.pcc small+small{margin-top:2px}
@media(max-width:560px){.calls .meta{gap:8px}.kpis{grid-template-columns:1fr 1fr}.lm{grid-template-columns:1fr}.rt .mono{display:none}.rt th:nth-child(4):last-child{display:none}}
.tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0 16px}.tier{display:flex;flex-direction:column;align-items:center;border:1.5px solid var(--line);border-radius:12px;padding:12px 8px;text-decoration:none;color:var(--ink);background:#fff}.tier b{font-size:22px}.tier small{color:var(--mut)}.tier.on{border-color:var(--acc);background:#fff3ec}@media(max-width:560px){.tiers{grid-template-columns:1fr 1fr}}
.tier{position:relative}.tier .bonus{margin-top:4px;font-size:12px;font-weight:700;color:#0a7d3b;background:#e7f7ee;border-radius:99px;padding:1px 8px}.tier .best{position:absolute;top:-9px;right:-4px;font-style:normal;font-size:11px;font-weight:700;color:#fff;background:var(--acc);border-radius:99px;padding:1px 7px}
.tiers{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:14px 0 8px}.tier{overflow:hidden;align-items:stretch;text-align:center;padding:22px 14px 14px;gap:4px;transition:transform .15s,box-shadow .15s}.tier:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.08)}.tier b{font-size:30px;line-height:1.1}.tier .got{font-weight:700;color:#0a7d3b;font-size:14px}.tier .ribbon{position:absolute;top:12px;left:-30px;transform:rotate(-45deg);width:110px;background:#0a7d3b;color:#fff;font-size:11px;font-weight:800;padding:2px 0}.tier .badge{position:absolute;top:0;right:0;left:auto;font-style:normal;font-size:11px;font-weight:800;color:#fff;background:var(--acc);border-radius:0 0 0 10px;padding:3px 10px}.tier.best{border:2px solid var(--acc);box-shadow:0 6px 22px rgba(255,90,31,.18)}.tier .buys{list-style:none;margin:10px 0 6px;padding:10px 0 0;border-top:1px dashed var(--line);text-align:left;font-size:12.5px;color:var(--mut)}.tier .buys li{margin:3px 0}.tier .buys strong{color:var(--ink);font-size:14px}.tier .btn{margin-top:auto}.fine{font-size:12px}@media(max-width:560px){.tiers{grid-template-columns:1fr}}
.tier{isolation:isolate}.tier>*:not(.swarm){position:relative;z-index:1}.tier .ribbon,.tier .badge{position:absolute;z-index:2}.tier .swarm{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.tier .swarm i{position:absolute;opacity:0;animation:swarm 1.6s ease-out forwards}.tier .swarm svg{width:100%;height:100%;fill:var(--acc);stroke:var(--acc)}.tier .swarm i:nth-child(3n){filter:hue-rotate(140deg)}@keyframes swarm{0%{opacity:0;transform:scale(.2) translate(0,0)}25%{opacity:.35}100%{opacity:.12;transform:scale(1) translate(var(--dx),var(--dy))}}.tier.fx,.tier:focus-visible{transform:translateY(-6px);box-shadow:0 14px 34px rgba(232,87,42,.22),0 0 0 3px rgba(232,87,42,.18);outline:none}.tier.best.fx{transform:translateY(-8px) scale(1.02);box-shadow:0 18px 44px rgba(232,87,42,.35),0 0 0 4px rgba(232,87,42,.28)}.tier.best .swarm i{animation-duration:2s}.tier .callout{position:absolute;z-index:3;left:50%;bottom:52px;transform:translate(-50%,10px) scale(.8);opacity:0;white-space:nowrap;background:var(--ink);color:#fff;font-weight:800;font-size:13px;padding:6px 12px;border-radius:99px;box-shadow:0 6px 18px rgba(0,0,0,.25);transition:opacity .25s,transform .35s cubic-bezier(.3,1.6,.5,1)}.tier.fx .callout{opacity:1;transform:translate(-50%,0) scale(1)}@media(prefers-reduced-motion:reduce){.tier,.tier .callout{transition:none!important}.tier.fx,.tier.best.fx{transform:none}.tier .swarm{display:none}}
.tier.best{padding-bottom:50px}.tier .callout{top:auto;bottom:12px}@keyframes swarm{0%{opacity:0;transform:scale(.2) translate(0,0)}25%{opacity:.5}100%{opacity:.22;transform:scale(1) translate(var(--dx),var(--dy))}}.tier.best .swarm i{animation-name:swarmB}@keyframes swarmB{0%{opacity:0;transform:scale(.2)}25%{opacity:.6}100%{opacity:.32;transform:scale(1.1) translate(var(--dx),var(--dy))}}
/* nav v2: dark translucent sticky header */
.nav{position:sticky;top:0;z-index:50;height:64px;padding-top:0;padding-bottom:0;background:rgba(9,8,14,.86);-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 1px 0 rgba(255,255,255,.03),0 8px 24px rgba(0,0,0,.18)}
.nav .logo{color:#fff;text-decoration:none}.nav nav{gap:6px}
.nav nav>a:not(.btn):not(.lang),.nav button.link{color:rgba(244,242,238,.72);padding:6px 12px;border-radius:8px;font-size:14px;font-weight:500;transition:color .15s,background .15s}
.nav nav>a:not(.btn):not(.lang):hover,.nav button.link:hover{color:#fff;background:rgba(255,255,255,.07)}
.nav button.link{background:none;border:0;cursor:pointer;font:inherit;font-size:14px}.nav form{margin:0}
.nav .btn.sm{background:linear-gradient(135deg,var(--acc),#f08a3c);color:#fff!important;padding:7px 16px;margin-left:6px;box-shadow:0 4px 14px rgba(232,87,42,.35)}
.nav .lang{color:rgba(244,242,238,.8);border-color:rgba(255,255,255,.18);margin-left:6px;padding:3px 9px;text-decoration:none}.nav .lang:hover{color:#fff;border-color:rgba(255,255,255,.4)}
main{padding-top:32px}.xhero{margin-top:-32px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.nav{background:#0b0a10}}
@media(max-width:560px){.nav{height:56px;padding:0 12px}.nav .logo{font-size:18px}.nav nav{gap:0}.nav nav>a:not(.btn):not(.lang),.nav button.link{padding:6px 7px;font-size:13px}.nav .btn.sm{padding:6px 11px;margin-left:4px;font-size:12.5px}.nav .lang{margin-left:4px;padding:2px 7px}}
@media(max-width:370px){.nav nav>a[href="/docs"]{display:none}}
.narrow.card h1.h2{font-size:1.5em;margin:0 0 .6em;line-height:1.3}
/* auth v2 */
.authx{position:relative;isolation:isolate;overflow:hidden;margin:-32px calc(50% - 50vw) 0;min-height:calc(100vh - 64px);padding:64px max(24px,calc(50% - 536px)) 80px;background:#07060b;color:#f4f2ee;display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.authx .glow,.authx .gridbg{z-index:-1}
.authx .pill{display:inline-flex;gap:8px;align-items:center}
.atitle{font-size:clamp(34px,4vw,50px);font-weight:800;line-height:1.12;letter-spacing:-.02em;margin:18px 0 28px;color:#fff}.atitle em{font-style:normal;background:linear-gradient(90deg,#ff7a45,#f5b52e,#b48cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.authx .ic.box{width:40px;height:40px;min-width:40px;padding:9px;border-radius:11px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#ff9a6a}
.bonusx{display:flex;gap:14px;align-items:center;padding:14px 18px;border-radius:14px;background:linear-gradient(135deg,rgba(232,87,42,.22),rgba(245,181,46,.1));border:1px solid rgba(255,140,80,.38);margin-bottom:24px;max-width:460px}
.bonusx b{display:block;font-size:17px;color:#fff}.bonusx small,.apts small{display:block;color:#a9a4b6;font-size:13px}.bonusx .ic.box{background:rgba(232,87,42,.25);color:#ffd2b8;border-color:rgba(255,160,110,.4)}
.apts{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:16px}.apts li{display:flex;gap:14px;align-items:center}.apts b{color:#f4f2ee;font-size:15px}
.aag small{color:#8d889a;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.aag div{display:flex;gap:10px;margin-top:10px}.aag span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92)}
.acard{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:36px 34px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08);max-width:440px;width:100%;justify-self:end}
.acard h1{font-size:26px;margin:0 0 8px;color:#fff;letter-spacing:-.01em}
.acard label{color:#cfcad9;font-weight:600;font-size:13px;margin:16px 0}
.acard input:not([type=checkbox]){background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.16);color:#fff;padding:13px 14px;border-radius:12px;margin-top:8px;transition:border-color .15s,box-shadow .15s}
.acard input:not([type=checkbox]):focus{outline:none;border-color:#ff8a55;box-shadow:0 0 0 4px rgba(232,87,42,.22)}
.acard input.codein{font:700 28px/1 ui-monospace,monospace;letter-spacing:.55em;text-align:center;padding:16px 0 16px .55em}
.acard .chk{color:#a9a4b6;font-weight:400;font-size:13px}.acard .chk input{accent-color:#e8572a;width:16px;height:16px}
.acard a{color:#ffa77a}.acard .muted{color:#a39fb0}.acard b{color:#fff}
.acard .btn.wide{margin-top:18px;padding:14px;font-size:15px;background:linear-gradient(135deg,var(--acc),#f08a3c);box-shadow:0 10px 26px rgba(232,87,42,.4);transition:transform .15s,box-shadow .15s}.acard .btn.wide:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(232,87,42,.5)}
.acard .err{color:#ffb4a8;background:rgba(220,60,40,.14);border:1px solid rgba(255,110,90,.35);border-radius:10px;padding:10px 12px;font-size:14px}
.acard .okmsg{color:#8ee6b0;background:rgba(40,180,100,.12);border:1px solid rgba(90,220,140,.3);border-radius:10px;padding:10px 12px;font-size:14px}
.acard button.link{background:none;border:0;color:#ffa77a;cursor:pointer;font:inherit;padding:0}
@media(max-width:900px){.authx{grid-template-columns:1fr;gap:28px;padding:32px 16px 56px;min-height:0}.acard{justify-self:stretch;max-width:none;padding:26px 20px;order:-1}.atitle{font-size:30px;margin:12px 0 18px}.apts{gap:12px}.aside .pill{display:none}}
main section.authx{padding:64px max(24px,calc(50vw - 560px)) 80px}
@media(max-width:900px){main section.authx{padding:28px 16px 56px}}
.aag img{filter:none!important}
.docs table{display:block;overflow-x:auto;max-width:100%}.docs pre{overflow-x:auto}
/* skill page */
.skx{position:relative;isolation:isolate;overflow:hidden;margin:-32px calc(50% - 50vw) 0;padding:64px max(24px,calc(50vw - 460px)) 80px;background:#07060b;color:#f4f2ee}
main section.skx{padding:64px max(24px,calc(50vw - 460px)) 80px}
.skx .glow,.skx .gridbg{z-index:-1}.skx .pill{display:inline-flex;gap:8px;align-items:center}
.skx h1{font-size:clamp(32px,4.2vw,52px);line-height:1.12;letter-spacing:-.02em;margin:16px 0 14px;color:#fff}.skx h1 em{font-style:normal;background:linear-gradient(90deg,#ff7a45,#f5b52e,#b48cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.skx .xlead{color:#b9b4c6;max-width:720px}
.skx .ic.box{width:40px;height:40px;min-width:40px;padding:9px;border-radius:11px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#ff9a6a}
.warnx{display:flex;gap:14px;align-items:center;padding:14px 18px;border-radius:14px;background:rgba(220,60,40,.14);border:1px solid rgba(255,110,90,.4);margin:20px 0}.warnx b{color:#fff;display:block}.warnx small{color:#f3c2b8}
.sksteps{list-style:none;padding:0;margin:28px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sksteps li{display:flex;gap:14px;padding:20px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);min-width:0}.sksteps li>div{min-width:0;flex:1}
.sksteps i{font-style:normal;flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;background:linear-gradient(135deg,var(--acc),#f08a3c);color:#fff}
.sksteps h2{font-size:16px;margin:2px 0 6px;color:#fff}.sksteps p{color:#a9a4b6;font-size:13.5px;margin:0 0 12px}.sksteps a:not(.btn){color:#ffa77a}.sksteps code{color:#ffd2b8;font-size:12px;word-break:break-all}
.sksteps .copy{background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.14)}.sksteps .copy code{color:#eee}
.sksteps .btn.sm{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);display:inline-flex;gap:6px;align-items:center}
.skview{border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(10,9,16,.85);overflow:hidden}
.skbar{display:flex;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.08);font:13px ui-monospace,monospace;color:#a9a4b6}.skbar a{color:#ffa77a}
.skbody{padding:8px 26px 24px;color:#d8d4e2;font-size:14.5px;overflow-wrap:anywhere}.skbody h2{color:#fff;font-size:22px;margin:22px 0 8px}.skbody h3{color:#fff;font-size:17px;margin:22px 0 8px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
.skbody code{background:rgba(255,255,255,.08);border-radius:5px;padding:1px 6px;color:#ffd2b8;font-size:12.5px}.skbody pre{background:#000;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 14px;overflow-x:auto;color:#e7e3ee;font-size:12.5px;white-space:pre-wrap}
.skbody pre.fm{color:#9e98ad}.skbody a{color:#ffa77a}.skbody li.sub{list-style:circle;margin-left:18px}.skbody .cont{margin:2px 0 6px 0}.skbody b{color:#fff}
@media(max-width:900px){.sksteps{grid-template-columns:1fr}main section.skx{padding:32px 16px 56px}.skbody{padding:4px 16px 18px}.skbar{flex-wrap:wrap}}
/* nav nowrap fix */
.nav{flex-wrap:nowrap;gap:12px}.nav .logo{flex:none;white-space:nowrap}.nav nav{flex-wrap:nowrap;min-width:0}.nav nav>*{white-space:nowrap;flex:none}
@media(max-width:480px){.nav nav>a[href="/docs"]{display:none}.nav nav>a:not(.btn):not(.lang),.nav button.link{padding:6px 6px}}
@media(max-width:380px){.nav .logo{font-size:16px;gap:6px}.nav .dot{width:11px;height:11px}.nav .btn.sm{padding:6px 9px;font-size:12px}.nav nav>a[href="/pricing"]{display:none}}
/* header v3 */
.nav3{position:sticky;top:0;z-index:60;background:rgba(9,8,14,.86);-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid rgba(255,255,255,.08);color:#f4f2ee}
.nwrap{height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 max(20px,calc(50vw - 600px))}
.nav3 .logo{color:#fff;text-decoration:none;white-space:nowrap;justify-self:start;min-height:44px}
.nav3 a{text-decoration:none;white-space:nowrap}.ni{width:16px;height:16px;flex:none}.ni.sm{width:13px;height:13px;opacity:.7}
.nl-center{display:flex;gap:2px;align-items:center}
.nl-center a,.nl-text{position:relative;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:8px;color:rgba(244,242,238,.68);font-size:14px;font-weight:500;transition:color .15s,background .15s}
.nl-center a:hover,.nl-text:hover{color:#fff;background:rgba(255,255,255,.06)}
.nl-center a.on,.nl-text.on{color:#fff}.nl-center a.on::after{content:"";position:absolute;left:12px;right:12px;bottom:-14px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--acc),#f5b52e)}
.nl-right{display:flex;align-items:center;gap:6px;justify-self:end}
.nl-lang{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 10px;border-radius:8px;border:1px solid rgba(255,255,255,.14);color:rgba(244,242,238,.75);font-size:12.5px;font-weight:600}.nl-lang:hover{color:#fff;border-color:rgba(255,255,255,.32)}
.nl-cta{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;border-radius:999px;background:linear-gradient(135deg,var(--acc),#f08a3c);color:#fff!important;font-size:14px;font-weight:700;box-shadow:0 4px 14px rgba(232,87,42,.35);white-space:nowrap}.nl-cta:hover{filter:brightness(1.08)}
.balchip{font-size:11.5px;font-weight:700;padding:1px 8px;border-radius:99px;background:rgba(58,190,110,.16);color:#8ee6b0;border:1px solid rgba(90,220,140,.3)}
.acct{position:relative}.acct-btn{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 10px;border-radius:99px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:#f4f2ee;cursor:pointer}.acct-btn:hover,.acct-btn[aria-expanded=true]{background:rgba(255,255,255,.1)}
.acct-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:220px;padding:6px;border-radius:14px;background:#141219;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 50px rgba(0,0,0,.5)}
.acct-email{padding:8px 12px 10px;font-size:12px;color:#8d889a;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis}
.acct-menu a,.acct-menu button,.msheet button{display:flex;align-items:center;width:100%;min-height:40px;padding:0 12px;border-radius:8px;border:0;background:none;color:#e9e5f0;font:inherit;font-size:14px;text-align:left;cursor:pointer}.acct-menu a:hover,.acct-menu button:hover{background:rgba(255,255,255,.07)}.acct-menu form,.msheet form{margin:0}
.nav3 :focus-visible{outline:2px solid #ff9a6a;outline-offset:2px}
.nl-mob{display:none}.burger{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#fff;cursor:pointer}.burger .ni{width:22px;height:22px}.burger .i-close{display:none}.burger[aria-expanded=true] .i-close{display:block}.burger[aria-expanded=true] .i-open{display:none}
.msheet{position:fixed;left:0;right:0;top:56px;bottom:0;background:rgba(5,4,9,.55);opacity:0;transition:opacity .2s}.msheet.open{opacity:1}
.msheet nav{background:#0d0b13;border-bottom:1px solid rgba(255,255,255,.1);padding:10px 16px 20px;display:flex;flex-direction:column;transform:translateY(-12px);transition:transform .22s cubic-bezier(.2,.8,.2,1);max-height:calc(100vh - 56px);overflow:auto;box-shadow:0 24px 50px rgba(0,0,0,.5)}.msheet.open nav{transform:none}
.msheet nav>a{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 8px;border-radius:10px;color:#ece8f3;font-size:16px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.05)}.msheet nav>a.on{color:#ff9a6a}.msheet nav>a:hover{background:rgba(255,255,255,.05)}
.msep{height:8px}.mrow{display:flex;gap:10px;align-items:center;justify-content:space-between;min-height:48px}.mrow .nl-lang{height:44px;padding:0 14px}.mrow .nl-text,.mrow button{height:44px;width:auto;font-size:15px}
.nl-cta.wide{height:48px;margin-top:10px;font-size:15px}
body.lock{overflow:hidden}
@media(prefers-reduced-motion:reduce){.msheet,.msheet nav{transition:none}}
@media(max-width:1100px){.nl-center a,.nl-text{padding:0 9px;font-size:13.5px}}
@media(max-width:820px){.nwrap{height:56px;grid-template-columns:1fr auto;padding:0 12px 0 16px}.nl-center,.nl-right{display:none}.nl-mob{display:flex;align-items:center;gap:8px}.nl-mob .nl-cta{height:36px;padding:0 14px;font-size:13.5px}}
main{padding-top:32px}
.msheet{position:absolute;top:100%;bottom:auto;height:calc(100vh - 56px);height:calc(100dvh - 56px)}