@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--navy:#101c2d;--navy-2:#18283c;--ink:#182338;--muted:#748093;--line:#e7eaf0;--paper:#f6f7f9;--white:#fff;--mint:#a8e5c4;--green:#20865c;--green-bg:#e8f6ee;--amber:#e9b86a;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}.topbar{height:72px;padding:0 max(calc((100% - 1160px)/2),32px);display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:white;border-bottom:1px solid #ffffff14}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font:800 19px var(--display);letter-spacing:-.8px}.brand-light{font-weight:500;color:#b7c4d4}.brand-mark{width:22px;height:22px;display:flex;align-items:flex-end;gap:3px;padding:3px}.brand-mark i{display:block;width:4px;border-radius:4px;background:var(--mint)}.brand-mark i:nth-child(1){height:8px;opacity:.6}.brand-mark i:nth-child(2){height:13px;opacity:.8}.brand-mark i:nth-child(3){height:17px}.topbar-right{display:flex;align-items:center;gap:18px}.readonly-pill{display:flex;align-items:center;gap:8px;border:1px solid #ffffff25;border-radius:999px;padding:7px 12px;color:#d8e5ef;font-size:12px}.pulse,.green-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4fbd86}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#243750;color:var(--mint);font-weight:700}.shell{width:min(1160px,calc(100% - 64px));margin:0 auto}.intro{padding:56px 0 34px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.eyebrow{margin:0 0 12px;color:#8290a1;font:500 10px var(--mono);letter-spacing:1.35px}.eyebrow-line{display:inline-block;width:23px;height:1px;background:#55a27c;vertical-align:middle;margin-right:7px}.intro h1{margin:0;font:700 clamp(34px,4vw,48px)/1.12 var(--display);letter-spacing:-2px;color:var(--navy)}.period{color:#40a876}.intro-text{max-width:610px;color:#69778a;line-height:1.7;margin:17px 0 0;font-size:15px}.snapshot-card{min-width:235px;display:flex;align-items:center;gap:14px;padding:17px 18px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 5px 20px #15243b08}.snapshot-icon{width:37px;height:37px;border-radius:9px;background:#eaf6ef;color:#22845b;display:grid;place-items:center;font-size:19px}.snapshot-card div{display:grid;gap:4px}.snapshot-label,.label,.meta-label{font:500 9px var(--mono);letter-spacing:1px;color:#8994a3}.snapshot-card strong{font:700 14px var(--display)}.snapshot-note{font-size:11px;color:#8893a1}.notice{display:flex;align-items:center;gap:14px;border:1px solid #dcebe2;background:#eff8f2;border-radius:9px;padding:14px 17px;margin:0 0 18px}.notice-icon{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ddf0e4;color:#218055;font:700 16px var(--display)}.notice strong{font:700 13px var(--display);color:#1b533a}.notice p{margin:3px 0 0;color:#5b7466;font-size:12px;line-height:1.5}.notice-tag{margin-left:auto;white-space:nowrap;color:#37855f;background:#deefe4;border-radius:5px;padding:6px 8px;font:500 9px var(--mono);letter-spacing:.7px}.account-strip{display:flex;align-items:center;gap:35px;padding:17px 20px;background:white;border:1px solid var(--line);border-radius:9px}.account-main{display:flex;align-items:center;gap:13px;min-width:320px}.account-logo{display:grid;place-items:center;width:39px;height:39px;background:#f0f3f7;border-radius:10px;color:#536880;font:800 19px var(--display)}.account-main>div{display:grid;gap:2px}.account-main strong{font:700 13px var(--display)}.account-id{font:11px var(--mono);color:#8490a0}.account-meta{display:grid;gap:5px;border-left:1px solid var(--line);padding-left:26px}.account-meta strong{font-size:12px;font-weight:600}.account-visibility{margin-left:auto;display:flex;align-items:center;gap:7px;color:#468361;font-size:11px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:39px 0 15px}.section-heading h2,.table-heading h2,.card-heading h2,.how-card h2,.examples-intro h2{font:700 21px var(--display);letter-spacing:-.55px;margin:0;color:var(--navy)}.section-heading .eyebrow,.table-heading .eyebrow,.card-heading .eyebrow{margin-bottom:7px}.period-chip{border:1px solid var(--line);background:white;border-radius:6px;padding:8px 11px;font:500 9px var(--mono);letter-spacing:.6px;color:#637186}.period-chip span{font-size:15px;margin-left:7px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric-card{background:white;border:1px solid var(--line);border-radius:9px;padding:17px 18px 14px;min-height:141px;box-shadow:0 4px 15px #15243b05}.metric-featured{border-top:2px solid #4caf7c}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#657287;font-size:12px}.metric-glyph{color:#45a275;font-size:17px}.metric-card>strong{display:block;margin-top:15px;font:700 29px var(--display);letter-spacing:-1px;color:#17243a}.metric-card>strong small{font-size:15px;letter-spacing:0}.metric-foot{display:block;margin-top:2px;font-size:11px;color:#929baa}.metric-rule{height:3px;background:#eff1f4;border-radius:4px;margin-top:15px}.metric-rule i{display:block;background:#94d4ae;height:100%;border-radius:4px}.campaign-section{margin-top:32px;background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.table-heading{display:flex;justify-content:space-between;align-items:flex-end;padding:19px 20px 16px}.count{font:500 10px var(--mono);color:#8692a2;vertical-align:middle;margin-left:4px}.live-label{font-size:11px;color:#64816f;display:flex;gap:7px;align-items:center}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:760px}thead{background:#f7f8fa}th{padding:12px 15px;color:#8490a0;font:500 9px var(--mono);letter-spacing:.7px;white-space:nowrap}th:first-child,td:first-child{padding-left:20px}td{padding:15px;border-top:1px solid #edf0f3;color:#354257;font-size:12px}.campaign-name{display:flex;align-items:center;gap:11px;font-weight:600;white-space:nowrap}.campaign-name small{display:block;margin-top:4px;color:#8993a1;font-weight:400;font-size:10px}.campaign-icon{width:32px;height:32px;display:grid;place-items:center;background:#eef2f7;color:#60768f;border-radius:8px;font:700 13px var(--display)}.status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;background:var(--green-bg);color:#30835b;border-radius:99px;font-size:10px;white-space:nowrap}.status .green-dot{width:6px;height:6px}.number{font:400 11px var(--mono);white-space:nowrap}.table-footnote{padding:0 20px 15px;margin:0;color:#8590a0;font-size:10px}.table-footnote span{color:#4b9b72;margin-right:4px}.lower-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:15px;margin-top:17px}.query-card,.how-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}.card-heading{display:flex;align-items:center;justify-content:space-between}.copy-button{background:white;border:1px solid var(--line);border-radius:5px;color:#536177;padding:7px 10px;font:500 11px var(--sans);cursor:pointer}.copy-button:hover{border-color:#8ac8a5;color:#277851}.card-description{color:#7b8797;font-size:11px;line-height:1.6;margin:11px 0}.query-card pre{white-space:pre-wrap;background:#111f30;color:#c8deeb;padding:14px 16px;border-radius:7px;overflow:auto;font:11px/1.8 var(--mono);margin:0}.query-card pre code{font-family:inherit}.query-result{display:flex;align-items:center;gap:8px;margin-top:11px;color:#43835f;font-size:10px}.result-check{width:16px;height:16px;border-radius:50%;background:#e4f4e9;display:grid;place-items:center}.result-count{margin-left:auto;font-family:var(--mono);color:#8893a0}.how-card h2{margin-bottom:16px}.step{display:flex;gap:12px;padding:11px 0;border-top:1px solid #edf0f3}.step-no{color:#53a579;font:500 11px var(--mono);padding-top:1px}.step strong{font:700 12px var(--display)}.step p{margin:3px 0 5px;color:#778496;font-size:10px;line-height:1.5}.step code{font:9px var(--mono);color:#4f7087;overflow-wrap:anywhere}.examples-section{margin:38px 0 24px;display:grid;grid-template-columns:.75fr 1.25fr;gap:35px}.examples-intro h2{font-size:20px}.examples-intro>p:last-child{max-width:310px;color:#748194;font-size:12px;line-height:1.7;margin-top:11px}.example-list{display:grid;gap:8px}.example{display:flex;gap:13px;padding:13px 15px;background:white;border:1px solid var(--line);border-radius:8px}.example-index{flex:none;color:#60a77d;font:500 12px var(--mono)}.example strong{display:block;font:700 11px var(--display);margin-bottom:5px}.example code{display:block;color:#4d6d82;font:9px/1.6 var(--mono);overflow-wrap:anywhere}.example p{margin:4px 0 0;color:#8993a0;font-size:10px}.limits-banner{display:flex;align-items:center;gap:14px;padding:16px 18px;margin-bottom:36px;background:#edf1f5;border-radius:9px}.lock-icon{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;background:#dfe7ee;color:#52677c;font-size:18px}.limits-banner strong{font:700 12px var(--display);color:#27394d}.limits-banner p{margin:4px 0 0;color:#778394;font-size:11px;line-height:1.5}.limits-badge{margin-left:auto;white-space:nowrap;background:#e0e8ee;color:#526d80;padding:7px 9px;border-radius:5px;font:500 9px var(--mono);letter-spacing:.4px}.footer{min-height:68px;background:var(--navy);padding:0 max(calc((100% - 1160px)/2),32px);display:flex;align-items:center;justify-content:space-between;color:#9aa8b7;font-size:10px}.footer-brand{font-size:14px}.footer-brand .brand-mark{transform:scale(.8);transform-origin:left center}.footer a:last-child{color:#c1cfda;text-decoration:none}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#14253a;color:white;border-radius:7px;padding:10px 15px;font-size:12px;box-shadow:0 8px 26px #08152530;transition:all .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:850px){.account-strip{gap:20px}.account-main{min-width:235px}.account-meta{padding-left:18px}.lower-grid{grid-template-columns:1fr 1fr}.examples-section{grid-template-columns:1fr;gap:16px}.examples-intro>p:last-child{max-width:540px}.limits-badge{font-size:8px}}
@media(max-width:640px){.topbar{height:62px;padding:0 20px}.shell{width:calc(100% - 36px)}.intro{padding:36px 0 24px;display:block}.intro h1{font-size:37px}.intro-text{font-size:13px}.snapshot-card{margin-top:18px;width:max-content;min-width:0;padding:12px 14px}.ownership{align-items:flex-start;padding:12px;gap:10px}.notice p{font-size:11px}.notice-tag{display:none}.account-strip{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:15px}.account-main{grid-column:1/-1;min-width:0}.account-meta{border:0;padding:0}.account-visibility{margin:0;justify-self:start;font-size:10px}.section-heading{margin-top:31px}.section-heading h2,.table-heading h2{font-size:19px}.period-chip{font-size:8px;padding:7px}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metric-card{min-height:124px;padding:14px}.metric-card>strong{font-size:25px;margin-top:13px}.campaign-section{margin-top:24px}.table-heading{align-items:flex-start;gap:10px;padding:16px 14px}.live-label{font-size:9px;white-space:nowrap}.table-heading .eyebrow{font-size:8px}td:first-child,th:first-child{padding-left:14px}.table-footnote{padding:0 14px 14px;line-height:1.5}.lower-grid{grid-template-columns:1fr;gap:11px}.query-card,.how-card{padding:16px}.examples-section{margin-top:29px}.examples-intro h2{font-size:19px}.limits-banner{align-items:flex-start;padding:13px;gap:10px}.limits-banner p{font-size:10px}.limits-badge{display:none}.footer{padding:0 18px;gap:10px}.footer>span{font-size:9px}.footer-brand{font-size:13px}.footer a:last-child{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.monetization-card{display:flex;align-items:flex-start;gap:13px;margin:0 0 18px;padding:16px 18px;background:#fffaf0;border:1px solid #f0e5cf;border-radius:9px}.monetization-mark{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#f6ecd8;color:#9a7134;font-size:17px}.monetization-card .eyebrow{margin:1px 0 6px;color:#9b7a47}.monetization-card strong{font:700 13px var(--display);color:#5b4726}.monetization-card p{margin:4px 0 0;color:#76674e;font-size:12px;line-height:1.55}.monetization-card b{color:#5c4a2a}@media(max-width:640px){.monetization-card{padding:13px;gap:10px}.monetization-card p{font-size:11px}}
