:root{color-scheme:dark;--bg:#101722;--panel:#172231;--line:#34465e;--text:#f1f5f9;--muted:#bdcadb;--blue:#73b4ff;--green:#83dfba;--red:#ffb1b1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}a{color:var(--blue);text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,.button{min-height:46px;border-radius:9px;padding:10px 18px;border:1px solid var(--line);background:#22344c;color:var(--text);cursor:pointer;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover,.button:hover{background:#2b4260}button:disabled{opacity:.6;cursor:wait}.primary{background:#2563eb;border-color:#528dff;color:#fff}.primary:hover{background:#1d4ed8}:focus-visible{outline:3px solid #a4ceff;outline-offset:3px}header{border-bottom:1px solid var(--line)}.nav,main,footer{width:min(100% - 40px,1000px);margin:auto}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-size:22px;color:var(--text);font-weight:750;text-decoration:none}.nav nav,.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}main{padding:42px 0 56px}h1{font-size:clamp(28px,5vw,40px);line-height:1.25;margin:8px 0 16px}h2{font-size:21px;margin:0 0 8px}h3{font-size:17px;margin:0 0 8px}p{margin:8px 0 16px}.muted,.help{color:var(--muted)}.help{font-size:14px}.eyebrow{color:var(--green);font-size:14px;font-weight:650}.panel{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-top:20px}.account{display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap}.balance{font-size:27px;font-weight:700}.account p{margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;list-style:none;padding:0;margin:24px 0}.steps li{color:var(--muted);border-bottom:3px solid var(--line);padding:10px 0}.steps li[aria-current=step],.steps li.done{color:var(--green);border-color:var(--green)}.step-label{color:var(--green);font-weight:650;font-size:14px}.field{display:flex;gap:10px;align-items:stretch;margin:10px 0;flex-wrap:wrap}.field input{min-width:0;flex:1 1 200px}input,select{width:100%;padding:12px;border:1px solid #5a718e;border-radius:8px;background:#0d1623;color:var(--text)}label{display:block;font-weight:600;margin:12px 0 6px}code{font-family:ui-monospace,Consolas,monospace;overflow-wrap:anywhere}.endpoint{padding:12px 16px;background:#0d1623;border-radius:8px;overflow-wrap:anywhere}.message{color:var(--muted);margin:12px 0;min-height:26px;white-space:pre-wrap;overflow-wrap:anywhere}.message[data-kind=error]{color:var(--red)}.message[data-kind=success]{color:var(--green)}[hidden]{display:none!important}.result{background:#0d1623;padding:16px;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.product{position:relative;cursor:pointer;background:#0d1623;border:2px solid var(--line);border-radius:10px;text-align:center;padding:14px 10px;margin:0}.product:has(input:checked){border-color:#83bbff;background:#203954}.product:focus-within{outline:3px solid #a4ceff;outline-offset:3px}.product input{width:18px;height:18px;accent-color:#73b4ff;position:absolute;top:10px;left:10px}.product strong,.product small{display:block}.product strong{font-size:26px}.product small{font-size:14px;color:var(--muted)}.badge{display:inline-block;color:var(--green);font-size:13px}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.split>.panel{margin-top:0}summary{cursor:pointer;color:var(--blue);padding:12px 0}.support{padding:20px 0;border-top:1px solid var(--line);margin-top:28px}.support p{margin:4px 0}footer{padding:20px 0 32px;color:var(--muted);font-size:14px}.working{color:var(--green)}.plain-list{padding-left:22px}.trial-note{border-left:3px solid var(--green);padding:8px 14px;background:#162c2a;margin:20px 0}.tight{margin:0}.full{width:100%}@media(max-width:650px){.nav,main,footer{width:calc(100% - 28px)}.nav{min-height:68px}.nav nav{gap:14px;font-size:14px}main{padding-top:26px}.panel{padding:18px}.steps{gap:8px;font-size:14px}.products{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.actions>*{flex:1 1 auto}.account .actions{width:100%}.field>button{flex:1 1 auto}}

.split .products{grid-template-columns:repeat(2,minmax(0,1fr))}.product{padding-top:22px}