main{max-width:1100px;margin:auto;padding:70px 22px 90px}.intro{text-align:center;max-width:760px;margin:0 auto 38px}.eyebrow{display:block;color:#0b9c60;font-size:10px;font-weight:900;letter-spacing:2px}.intro h1{font-size:clamp(36px,5vw,58px);line-height:1.05;letter-spacing:-2px;margin:14px 0}.intro p{color:#71847c;font-size:17px}.api-card{margin:18px 0;padding:25px;border:1px solid rgba(30,70,53,.1);border-radius:22px;background:linear-gradient(145deg,#fff,#f1eee6);box-shadow:0 18px 40px rgba(48,62,53,.1)}.api-head{display:flex;align-items:center;gap:13px;border-bottom:1px solid rgba(30,70,53,.08);padding-bottom:17px}.api-head>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#35c987,#159f67);color:#fff;font-size:11px;font-weight:900}.api-head div{flex:1;min-width:0}.api-head h2{margin:0;font-size:23px}.api-head p{margin:5px 0 0;color:#718078;font-size:13px}.api-head>b{padding:7px 10px;border-radius:8px;background:rgba(22,167,101,.08);color:#15965e;font-size:9px}.endpoint{margin-top:18px;padding:14px;border-radius:12px;background:#edf1ea;border:1px solid rgba(30,70,53,.1);font-family:Consolas,monospace;font-size:14px;font-weight:900;color:#15965e;overflow:auto}.endpoint code{color:#315044;font-weight:600}.api-card h3{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#718078;margin:20px 0 8px}.api-card pre{margin:0;padding:17px;border-radius:12px;background:#172f24;color:#d9f3e5;overflow:auto;font:14px/1.7 Consolas,Monaco,monospace}.note{display:flex;gap:12px;padding:15px 17px;border-radius:13px;background:rgba(22,167,101,.06);border:1px solid rgba(22,167,101,.13);color:#365248;font-size:13px}.note strong{color:#15965e}.note span{flex:1}body>footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:25px 7%;border-top:1px solid rgba(30,70,53,.08);font-size:11px;color:#83938d}body>footer strong{color:#294d3e}@media(max-width:1050px){main{padding:48px 16px 60px}.intro h1{font-size:clamp(35px,10vw,50px)}.intro p{font-size:14px}.api-card{padding:18px;border-radius:18px}.api-head{align-items:flex-start;flex-wrap:wrap}.api-head h2{font-size:20px}.api-head p{font-size:12px}.endpoint{font-size:11px;white-space:nowrap}.api-card pre{font-size:12px;line-height:1.6}.note{display:block;font-size:12px}.note span{display:block;margin-top:5px}footer{padding:20px 16px;font-size:10px;flex-direction:column}}@media(max-width:420px){.site-nav .brand b{font-size:14px}.site-nav nav a{font-size:12px}}