:root{--blue:#00a1e0;--blue-deep:#0077a8;--blue-wash:#e5f6fd;--blue-wash-soft:#f2fbfe;--blue-light:#66ccf0;--ink:#1b1b1b;--muted:#58595b;--muted-on-dark:#b6b7b8;--line:#dce3e6;--ground:#f6f6f6;--white:#fff;--placeholder:#a9d8ed;--ok-bg:#e7f3ec;--ok-fg:#2a6b45;--warn-bg:#fbf0e4;--warn-fg:#8a5a1b;--radius:6px;--radius-lg:12px;--gutter:56px;--max-width:1280px;--font-display:"Archivo", system-ui, sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body);color:var(--ink);background:var(--white);margin:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0}p{margin:0}a{color:var(--blue-deep);text-decoration:none}a:hover{color:var(--ink)}img{max-width:100%}input,select,textarea,button{font-family:inherit;font-size:15px}.shell{flex-direction:column;min-height:100vh;display:flex}.shell>main{flex-grow:1}.wrap{max-width:var(--max-width);padding-inline:var(--gutter);margin:0 auto}.site-header{background:var(--ink)}.site-header .wrap{align-items:center;gap:32px;padding-block:18px;display:flex}.site-header a{color:var(--white)}.site-header a:hover{color:var(--blue)}.site-header img{width:auto;height:34px;display:block}.site-nav{flex-wrap:wrap;gap:26px;font-size:15px;font-weight:500;display:flex}.site-nav a.active{border-bottom:2px solid var(--blue);padding-bottom:2px}.spacer{flex-grow:1}.header-cta{border:1px solid var(--blue);border-radius:var(--radius);padding:10px 18px;font-size:14px;font-weight:600}.header-cta.filled{background:var(--blue-deep);border-color:var(--blue-deep)}.avatar{background:var(--blue-wash);width:30px;height:30px;color:var(--blue-deep);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.site-footer{background:var(--ink);color:var(--white);margin-top:auto}.site-footer .wrap{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding-block:44px;display:grid}.site-footer a{color:var(--white)}.site-footer a:hover{color:var(--blue)}.site-footer img{width:auto;height:30px;display:block}.site-footer p,.site-footer .addr{color:var(--muted-on-dark);font-size:14px;line-height:1.6}.site-footer h4{font-size:14px;font-weight:600;font-family:var(--font-body)}.footer-col{flex-direction:column;gap:8px;font-size:14px;display:flex}.api-status{color:var(--muted-on-dark);align-items:center;gap:7px;font-size:13px;display:flex}.api-status .dot{background:var(--muted-on-dark);border-radius:50%;width:8px;height:8px}.api-status.up .dot{background:#4caf7d}.api-status.down .dot{background:#e0774c}.btn{border-radius:var(--radius);cursor:pointer;text-align:center;border:1px solid #0000;padding:14px 26px;font-size:16px;font-weight:600;display:inline-block}.btn-primary{background:var(--blue-deep);color:var(--white)}.btn-primary:hover{background:var(--ink);color:var(--white)}.btn-outline{border-color:var(--blue-deep);color:var(--blue-deep);background:var(--white)}.btn-outline:hover{background:var(--blue-wash);color:var(--blue-deep)}.btn-light{background:var(--white);color:var(--ink)}.btn-sm{padding:10px 18px;font-size:14px}.section{padding-block:64px}.section-tight{padding-block:40px}.stack{flex-direction:column;display:flex}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--white);padding:28px}.card-accent{border:2px solid var(--blue);background:var(--blue-wash-soft)}.card-flat{background:var(--ground);border-radius:10px;padding:24px}.eyebrow{letter-spacing:.12em;color:var(--blue-deep);font-size:12px;font-weight:600}.lede{color:var(--muted);font-size:18px;line-height:1.55}.muted{color:var(--muted)}.note{color:var(--muted);font-size:13px}.ph{border:1px dashed var(--placeholder);background:var(--ground);color:var(--muted);text-align:center;border-radius:10px;justify-content:center;align-items:center;font-size:13px;display:flex}.band{background:var(--ink);color:var(--white);border-radius:var(--radius-lg);padding:40px}.band h2{color:var(--white)}.band p{color:#d4d5d6}.pill{border-radius:12px;padding:4px 11px;font-size:13px;font-weight:600;display:inline-block}.pill-ok{background:var(--ok-bg);color:var(--ok-fg)}.pill-info{background:var(--blue-wash);color:var(--blue-deep)}.pill-warn{background:var(--warn-bg);color:var(--warn-fg)}.field{flex-direction:column;gap:8px;display:flex}.field label,.field-label{font-size:14px;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);color:var(--ink);padding:11px 12px}fieldset{border:1px solid var(--line);border-radius:var(--radius-lg);margin:0;padding:24px}legend{font-family:var(--font-display);padding-inline:8px;font-size:17px;font-weight:700}.dropzone{border:1px dashed var(--placeholder);background:var(--ground);border-radius:8px;flex-wrap:wrap;align-items:center;gap:16px;padding:20px;display:flex}.chip{border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:20px;padding:9px 18px;font-size:14px}.chip.on{border-color:var(--blue-deep);background:var(--blue-deep);color:var(--white);font-weight:600}.account{gap:40px;padding-block:36px 48px;display:flex}.account-nav{flex-direction:column;flex-shrink:0;gap:4px;width:210px;display:flex}.account-nav a{color:var(--ink);border-radius:8px;padding:11px 14px;font-size:15px}.account-nav a:hover{background:var(--ground)}.account-nav a.active{background:var(--blue-wash);font-weight:600}.account-main{flex-direction:column;flex-grow:1;gap:28px;min-width:0;display:flex}.table{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.table .row{border-top:1px solid var(--line);align-items:center;gap:16px;padding:16px 20px;font-size:15px;display:grid}.table .row.head{background:var(--ground);color:var(--muted);letter-spacing:.04em;border-top:none;padding-block:14px;font-size:13px;font-weight:600}@media (width<=900px){:root{--gutter:24px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.site-footer .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.account{flex-direction:column;gap:24px}.account-nav{flex-flow:wrap;width:auto}.site-header .wrap{flex-wrap:wrap;gap:16px}}@media (width<=560px){.site-footer .wrap{grid-template-columns:1fr}}
