:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8fafc;--surface:#fff;--surface-2:#eef2f7;--line:#d7dee8;--text:#1e293b;--muted:#64748b;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#dbeafe;--code:#0f172a}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{color:var(--text);background:var(--bg);margin:0;font-family:IBM Plex Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}a{color:inherit}code,pre{font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace}pre{border:1px solid var(--line);background:var(--code);color:#e2e8f0;border-radius:8px;margin:0;padding:18px;font-size:.9rem;overflow-x:auto}.copyable-code{position:relative}.copyable-code .shiki{width:100%;padding:14px 86px 14px 14px;font-size:.78rem}.code-copy-button{cursor:pointer;color:#e2e8f0;min-width:58px;min-height:32px;font:inherit;background:#ffffff14;border:1px solid #94a3b861;border-radius:6px;padding:5px 9px;font-size:.78rem;font-weight:800;transition:background-color .18s,border-color .18s;position:absolute;top:10px;right:10px}.code-copy-button:hover{background:#ffffff24;border-color:#e2e8f094}.site-shell{width:min(1120px,100% - 32px);margin:0 auto}.site-header{border-bottom:1px solid var(--line)}.nav{justify-content:space-between;align-items:center;gap:24px;min-height:72px;display:flex}.brand{color:var(--text);letter-spacing:0;font-weight:800;text-decoration:none}.nav-links{color:var(--muted);flex-wrap:wrap;gap:18px;font-size:.95rem;display:flex}.nav-links a{text-decoration:none;transition:color .18s}.nav-links a:hover{color:var(--text)}.hero{padding:72px 0 60px}.home-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 72px);display:flex}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:1120px;margin-bottom:20px;font-size:4.15rem;line-height:.98}.hero-title span{white-space:nowrap;display:block}.hero-title strong{color:var(--accent);font-weight:inherit}h2{letter-spacing:0;margin-bottom:10px;font-size:2rem;line-height:1.08}h3{letter-spacing:0;margin-bottom:10px;font-size:1.22rem}.lede{max-width:760px;color:var(--muted);margin-bottom:28px;font-size:1.16rem}.home-hero .lede{max-width:820px}.actions{flex-wrap:wrap;gap:12px;display:flex}.button{cursor:pointer;min-height:44px;font:inherit;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:10px 16px;font-weight:800;text-decoration:none;transition:background-color .18s,border-color .18s,color .18s;display:inline-flex}.button.primary{background:var(--accent);color:#fff}.button.primary:hover{background:var(--accent-hover)}.button.secondary{border-color:var(--line);background:var(--surface);color:var(--text)}.button.secondary:hover{border-color:var(--accent)}.section-band,.split-section,.how-to-section{padding:28px 0}.section-heading{max-width:680px;margin-bottom:20px}.split-section p,.muted{color:var(--muted)}.split-section{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:28px;display:grid}.dashboard-picker{grid-template-columns:minmax(0,1fr);gap:16px;max-width:900px;display:grid}.dashboard-picker-controls{grid-template-columns:minmax(0,1fr) minmax(160px,.24fr);align-items:end;gap:12px;display:grid}.dashboard-combobox{position:relative}.picker-field{color:var(--muted);gap:8px;font-size:.88rem;font-weight:700;display:grid}.combobox-control,.select-control{position:relative}.picker-field input,.picker-field select{border:1px solid var(--line);background:var(--surface);width:100%;min-height:46px;color:var(--text);font:inherit;border-radius:6px}.picker-field input{padding:10px 44px 10px 12px}.picker-field select{appearance:none;padding:10px 36px 10px 12px}.picker-field input:focus,.picker-field select:focus{border-color:var(--accent);outline:0}.combobox-toggle{cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;transition:background-color .18s;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.combobox-toggle:hover{background:var(--surface-2)}.combobox-toggle span,.select-control>span{border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--muted);width:0;height:0;transition:transform .18s}.select-control>span{pointer-events:none;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.combobox-toggle[aria-expanded=true] span{transform:rotate(180deg)}.combobox-menu{z-index:20;border:1px solid var(--line);background:var(--surface);border-radius:8px;max-height:280px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 48px #0f172a24}.combobox-option{border:0;border-bottom:1px solid var(--line);cursor:pointer;width:100%;color:var(--text);font:inherit;text-align:left;background:0 0;gap:2px;padding:12px 14px;display:grid}.combobox-option:last-child{border-bottom:0}.combobox-option:hover,.combobox-option[aria-selected=true]{background:var(--accent-soft)}.combobox-option span{font-weight:800}.combobox-option small,.combobox-empty{color:var(--muted);font-size:.82rem}.combobox-empty{margin:0;padding:14px}.selected-dashboard{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-column:1/-1;gap:14px;padding:18px;display:grid}.dashboard-card-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-bottom:12px;display:flex}.dashboard-card-header>span{border:1px solid var(--line);background:var(--accent-soft);color:var(--accent);text-transform:uppercase;border-radius:999px;flex:none;padding:5px 9px;font-size:.72rem;font-weight:800}.selected-dashboard h3{margin-bottom:2px;font-size:1.28rem;line-height:1.18}.selected-dashboard h4{margin-bottom:4px;font-size:1.14rem;line-height:1.18}.selected-dashboard p{margin-bottom:0}.dashboard-card-header p,.dashboard-card-body p{color:var(--muted)}.dashboard-url-copy{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;align-items:center;display:flex;overflow:hidden}.dashboard-url-copy code{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:0;flex:1;padding:12px 14px;display:block;position:relative;overflow:hidden}.dashboard-url-copy code:hover:after,.dashboard-url-copy code:focus:after{z-index:30;overflow-wrap:anywhere;border:1px solid var(--line);background:var(--code);color:#e2e8f0;white-space:normal;content:attr(data-full-url);border-radius:6px;padding:8px 10px;font-size:.78rem;line-height:1.35;position:absolute;bottom:calc(100% + 8px);left:8px;right:8px}.dashboard-url-copy .button{background:var(--surface);border-width:0 0 0 1px;border-radius:0;min-height:46px}.how-to-section{padding-bottom:72px}.guide-list{counter-reset:guide-step;border-top:1px solid var(--line);gap:0;max-width:900px;margin:0;padding:0;list-style:none;display:grid}.guide-list li{counter-increment:guide-step;border-bottom:1px solid var(--line);grid-template-columns:72px minmax(0,1fr);gap:8px 24px;padding:24px 0;display:grid;position:relative}.guide-list li+li{padding-left:0}.guide-list li:before{color:var(--accent);content:counter(guide-step, decimal-leading-zero);grid-row:1/span 3;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.92rem;font-weight:800}.guide-list p{color:var(--muted);margin-bottom:6px}.guide-list .dashboard-picker{width:100%;max-width:100%;margin-top:8px}.guide-list .selected-dashboard{padding:20px}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (max-width:760px){.nav,.split-section,.dashboard-picker-controls,.selected-dashboard{grid-template-columns:1fr}.nav{flex-direction:column;align-items:flex-start;padding:18px 0}.hero{padding:48px 0 36px}.home-hero{text-align:left;align-items:flex-start;min-height:calc(100svh - 112px)}h1{font-size:2.55rem}.hero-title span{white-space:normal}h2{font-size:1.55rem}.guide-list li+li{padding-left:0}.guide-list li{grid-template-columns:1fr}.guide-list li:before{grid-row:auto}.dashboard-card-header{flex-direction:column;align-items:flex-start}.dashboard-url-copy{flex-direction:column;align-items:stretch}.dashboard-url-copy .button{border-width:1px 0 0}.button{width:100%}}