:root{--font-stack:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-width:320px;font-family:var(--font-stack);font-feature-settings:"tnum";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button{font:inherit;border:0}.site{--canvas:#f5f5f7;--surface:#ffffffc7;--surface-strong:#fff;--surface-muted:#eceef1;--ink:#101114;--ink-soft:#4a4d55;--muted:#777c86;--border:#0c0e121a;--border-strong:#0c0e122e;--accent:#0f766e;--accent-strong:#0b5f59;--accent-soft:#d9f4ee;--grid:#0f172a1a;--chart-line:#0f766e;--shadow:0 18px 70px #141a261a;--shadow-soft:0 1px 2px #141a2614, 0 10px 40px #141a260f;background:var(--canvas);color:var(--ink);isolation:isolate;min-height:100vh;padding:22px;position:relative}.site.dark{--canvas:#060708;--surface:#181a1db8;--surface-strong:#14161a;--surface-muted:#202329;--ink:#f5f7fa;--ink-soft:#c7cbd1;--muted:#8e949e;--border:#ffffff1a;--border-strong:#ffffff2e;--accent:#2dd4bf;--accent-strong:#7ddfd4;--accent-soft:#2dd4bf1f;--grid:#ffffff1a;--chart-line:#2dd4bf;--shadow:0 24px 80px #00000073;--shadow-soft:0 1px 2px #00000047, 0 14px 50px #00000040;background:var(--canvas)}.shader-background{background:radial-gradient(circle at 72% 30%, #787c821a, transparent 40%), radial-gradient(circle at 15% 75%, #787c8214, transparent 36%), linear-gradient(180deg, #ffffffdb, #f5f5f7f5), var(--canvas);pointer-events:none;z-index:0;position:fixed;inset:0}.shader-background.dark{background:radial-gradient(circle at 72% 30%, #648b5a1a, transparent 40%), radial-gradient(circle at 15% 75%, #648b5a12, transparent 36%), linear-gradient(180deg, #08090bf0, #060708fa), var(--canvas)}.shader-background canvas{display:block;width:100%!important;height:100%!important}.site-header{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);z-index:10;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:24px;grid-template-columns:1fr auto 42px;align-items:center;gap:14px;max-width:1120px;margin:0 auto;padding:12px;display:grid;position:sticky;top:16px}.brand-button,.theme-toggle,.nav-tabs button{color:var(--ink-soft);cursor:pointer;border-radius:999px;align-items:center;transition:background .18s,color .18s,transform .18s;display:inline-flex}.brand-button{text-align:left;background:0 0;justify-self:start;gap:12px;padding:4px 8px 4px 4px}.brand-button:hover,.theme-toggle:hover,.nav-tabs button:hover{color:var(--ink);transform:translateY(-1px)}.brand-button strong,.brand-button small{display:block}.brand-button strong{color:var(--ink);font-size:15px;font-weight:700}.brand-button small{color:var(--muted);margin-top:2px;font-size:12px}.nav-tabs{background:var(--surface-muted);border-radius:999px;align-items:center;gap:3px;padding:4px;display:inline-flex}.nav-tabs button{white-space:nowrap;background:0 0;gap:7px;min-height:36px;padding:0 14px}.nav-tabs button.active{background:var(--surface-strong);color:var(--ink);box-shadow:0 1px 2px #00000014}.theme-toggle{background:var(--surface-muted);justify-content:center;width:42px;height:42px}.landing,.dashboard{z-index:1;width:100%;max-width:1120px;margin:0 auto;position:relative}.landing{grid-template-columns:minmax(0,1fr) 380px;align-items:end;gap:42px;min-height:calc(100vh - 116px);padding:90px 8px 42px;display:grid}.hero-copy{max-width:720px}.eyebrow{color:var(--accent-strong);letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:800}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:clamp(54px,8vw,118px);font-weight:760;line-height:.93}.site.dark .hero-copy h1{color:#90d000}.lede{color:var(--ink-soft);max-width:760px;margin-top:28px;font-size:clamp(20px,2.6vw,30px);line-height:1.26}.identity-panel,.chart-panel,.metric{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.identity-panel{border-radius:28px;gap:2px;padding:12px;display:grid}.profile-avatar{aspect-ratio:1;border:1px solid var(--border);object-fit:cover;object-position:center;border-radius:22px;width:100%;height:min(340px,78vw);margin-bottom:10px;display:block;box-shadow:inset 0 0 0 1px #ffffff1a}.identity-panel>div{border-radius:18px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:13px;padding:14px;display:grid}.identity-panel>div:hover{background:var(--surface-muted)}.panel-icon{background:var(--accent-soft);color:var(--accent-strong);border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.identity-panel small,.metric span{color:var(--muted);margin-bottom:5px;font-size:12px;font-weight:700;display:block}.identity-panel strong{color:var(--ink);overflow-wrap:anywhere;font-size:16px;display:block}.dashboard{gap:22px;padding:68px 8px 54px;display:grid}.section-heading{width:100%;min-width:0;max-width:760px}.section-heading h1{font-size:clamp(42px,6vw,84px)}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;min-width:0;display:grid}.metric{border-radius:24px;min-width:0;min-height:132px;padding:24px}.metric strong{color:var(--ink);letter-spacing:0;font-size:clamp(34px,5vw,56px);font-weight:740;line-height:1;display:block}.chart-panel{border-radius:28px;min-width:0;padding:24px}.chart-panel header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.chart-panel h2{color:var(--ink);font-size:24px;font-weight:720}.chart-panel header svg{color:var(--accent-strong)}.chart-frame{height:390px}.measured-chart{width:100%;min-width:0;height:100%}.recharts-cartesian-axis-tick-value{fill:var(--muted);font-size:12px;font-weight:650}.recharts-default-tooltip{background:var(--surface-strong)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow)!important;color:var(--ink)!important;border-radius:14px!important;padding:10px 12px!important}@media (max-width:820px){.site{padding:12px}.site-header{grid-template-columns:1fr 42px;top:10px}.nav-tabs{order:3;grid-column:1/-1;justify-content:stretch;width:100%}.nav-tabs button{flex:1;justify-content:center;padding:0 10px}.landing{grid-template-columns:1fr;align-items:start;min-height:auto;padding:62px 4px 34px}.identity-panel{width:100%}.metric-grid{grid-template-columns:1fr}.dashboard,.dashboard>*,.landing,.landing>*{min-width:0;max-width:100%}}@media (max-width:520px){.brand-button span:last-child{display:none}.nav-tabs button{font-size:13px}h1{font-size:52px}.lede{font-size:20px}.dashboard{padding-top:44px}.chart-panel{padding:18px}.chart-frame{height:320px}}