:root{font-family:system-ui,-apple-system,sans-serif;color:#0b203b;background:#f1faff;line-height:1.65}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 5% 0%,#caedf4,transparent 50%),radial-gradient(ellipse at 95% 5%,#fff7ce,transparent 40%)}header,footer,main{max-width:1180px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}header a{font-weight:800;font-size:24px;text-decoration:none;color:inherit}header small{display:inline-block;font-size:11px;color:#007faf;letter-spacing:2px}header span,.muted,footer{color:#566e83}h1{font-size:clamp(32px,5vw,58px);line-height:1.12;letter-spacing:-1.8px;margin:18px 0}h2{font-size:24px;line-height:1.3;margin-top:8px}p{margin:12px 0 20px}.hero{padding:35px 0 42px;max-width:850px}.hero p{font-size:18px;color:#4d657c}.eyebrow{color:#007fae;letter-spacing:1.8px;font-size:12px;font-weight:800}.grid{display:grid;gap:24px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{min-width:0;border:1px solid #e2eaf0;border-radius:26px;background:#fff;padding:30px;margin-bottom:24px;box-shadow:0 12px 40px #24436308}label{display:block;font-weight:650;margin:18px 0 8px}input,select,textarea{width:100%;border:1px solid #cddae3;border-radius:12px;padding:13px 15px;background:#fff;font:inherit;color:inherit;display:block;margin-top:7px}textarea{font-family:monospace;font-size:13px;resize:vertical;overflow-wrap:anywhere}button,.button{border:0;border-radius:30px;padding:13px 24px;background:#00a9df;color:#fff;font:inherit;font-weight:750;cursor:pointer;display:inline-block;text-decoration:none}button:hover,a.button:hover{background:#007da8}.secondary{background:#e7f6fc;color:#123e57}a{color:#007ea8}nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}nav form{margin-left:auto}nav a{text-decoration:none;font-weight:650}.notice,.alert{border-radius:14px;padding:18px;background:#fff6d6}.alert{background:#ffeded;color:#9b2424}.narrow{max-width:620px;margin:40px auto}.metric strong{display:block;font-size:44px;letter-spacing:-1px;margin:12px 0}.metric span{font-weight:650}.metric p{color:#60768a}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.section-heading span{color:#647b90;font-size:14px}.chart{height:190px;margin:25px 0}.chart svg{height:100%;width:100%}.view-bar{fill:#06abd9}.click-bar{fill:#f0c92d}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin:0 4px 0 14px}.blue{background:#06abd9}.yellow{background:#f0c92d}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}td,th{text-align:left;border-bottom:1px solid #e6edf2;padding:13px}th{color:#5c7387;font-size:13px}summary{cursor:pointer;font-weight:650}details{margin-top:20px}.widget-preview{padding:25px;background:#f4fafc;border-radius:14px;margin-bottom:24px}.widget-preview small{display:block;margin-top:12px;color:#647b90}#copy-snippet{margin:16px 10px 0 0}dt{font-size:13px;color:#60768a}dd{margin:0 0 16px;overflow-wrap:anywhere}footer{font-size:13px;text-align:center}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #edc735;outline-offset:3px}@media(max-width:650px){.two{grid-template-columns:1fr}header span{display:none}header,main,footer{padding:18px}.card{padding:22px}nav{gap:14px;font-size:14px}nav form{margin-left:0}.metric strong{font-size:36px}}