:root { --ink:#10223d; --muted:#5e6d82; --paper:#f7f9fc; --line:#dce3ed; --accent:#2867f0; --code:#0f1726; }
* { box-sizing:border-box; } body { margin:0; color:var(--ink); background:var(--paper); font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif; }
a { color:var(--accent); } .shell { width:min(1080px,calc(100% - 32px)); margin:auto; } header { background:#fff; border-bottom:1px solid var(--line); } nav { min-height:66px; display:flex; align-items:center; justify-content:space-between; gap:20px; } .brand { color:var(--ink); font-size:1.2rem; font-weight:800; text-decoration:none; letter-spacing:-.03em; } .navlinks { display:flex; gap:18px; align-items:center; } .navlinks a { color:var(--muted); text-decoration:none; } main { min-height:calc(100vh - 180px); } .hero { padding:100px 0 72px; max-width:760px; } h1 { font-size:clamp(2.5rem,7vw,4.8rem); line-height:1; letter-spacing:-.06em; margin:0 0 22px; } h2 { letter-spacing:-.035em; line-height:1.15; } .lead { max-width:630px; color:var(--muted); font-size:1.2rem; } .button { display:inline-block; cursor:pointer; border:0; border-radius:8px; padding:12px 18px; background:var(--accent); color:#fff; font-weight:700; font:inherit; text-decoration:none; } .button.secondary { background:#e9eef8; color:var(--ink); } .steps,.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; padding:24px 0 78px; } .card { background:#fff; border:1px solid var(--line); border-radius:12px; padding:22px; } .number { color:var(--accent); font-weight:800; } .page { padding:56px 0; max-width:820px; } .page h1 { font-size:2.6rem; } footer { border-top:1px solid var(--line); background:#fff; padding:22px 0; color:var(--muted); font-size:.9rem; } footer a { margin-right:14px; } .endpoint-url,pre { overflow:auto; background:var(--code); color:#eaf0ff; border-radius:8px; padding:14px; } .endpoint-url { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; word-break:break-all; } .request-list { list-style:none; padding:0; } .request-list a { display:flex; justify-content:space-between; gap:12px; padding:14px; margin:8px 0; color:var(--ink); background:#fff; border:1px solid var(--line); border-radius:8px; text-decoration:none; } .method { font:700 .85rem ui-monospace,monospace; color:var(--accent); } .danger { color:#a51d2d; background:none; border:0; padding:0; cursor:pointer; text-decoration:underline; } .notice { color:var(--muted); } .details dt { font-weight:700; margin-top:18px; } .details dd { margin:6px 0; } @media (max-width:680px) { .hero { padding:64px 0 38px; } .steps,.cards { grid-template-columns:1fr; padding-bottom:42px; } .navlinks { gap:10px; font-size:.9rem; } }