:root{color-scheme:light;--bg:#f7f8fb;--text:#14213d;--muted:#5f6f89;--line:#dfe5ee;--panel:#ffffff;--ink:#111827;--blue:#2563eb;--teal:#0f9f8f;--red:#df3f3f;--amber:#b7791f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.topbar{background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);display:flex;height:72px;justify-content:space-between;padding:0 40px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand,.topbar{align-items:center}.brand{display:inline-flex;font-weight:800;gap:10px}.actions,.buttonRow,.topbar nav{align-items:center;display:flex;gap:16px}.button,.iconButton{align-items:center;background:var(--blue);border:1px solid var(--blue);border-radius:8px;color:white;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:44px;padding:0 18px}.button.small{min-height:36px;padding:0 12px}.button.ghost,.iconButton{background:white;color:var(--text)}.iconButton{aspect-ratio:1;min-height:42px;padding:0;width:42px}.hero{align-items:center;display:grid;grid-gap:48px;gap:48px;grid-template-columns:1fr 1fr;min-height:calc(100vh - 72px);padding:56px 7vw 80px}.hero h1,.page h1,.workspaceHeader h1{font-size:clamp(42px,6vw,82px);line-height:.95;margin:0 0 20px}.workspaceHeader h1{font-size:36px}.hero p,.lead{color:var(--muted);font-size:20px;line-height:1.6;max-width:720px}.eyebrow{color:var(--teal);font-size:13px;font-weight:800;letter-spacing:0;margin:0 0 12px;text-transform:uppercase}.auth form,.card,.dashboardPreview,.panel,.plan{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 50px rgba(20,33,61,.08)}.dashboardPreview{min-height:430px;padding:24px}.previewBar{border-bottom:1px solid var(--line);display:flex;gap:8px;padding-bottom:18px}.previewBar span{background:var(--line);border-radius:999px;height:10px;width:10px}.metrics,.moduleGrid,.previewGrid,.pricing,.sectionGrid{display:grid;grid-gap:18px;gap:18px}.previewGrid{grid-template-columns:repeat(2,1fr);margin:24px 0}.metric,.previewGrid div{background:#f3f6fb;border:1px solid var(--line);border-radius:8px;padding:18px}.metric span,.previewGrid b{color:var(--muted);display:block;font-size:13px;margin-bottom:8px}.metric strong,.previewGrid strong{font-size:28px}.previewTable{display:grid;grid-gap:10px;gap:10px}.previewTable span,.row{align-items:center;border:1px solid var(--line);border-radius:8px;display:flex;min-height:44px;padding:0 14px}.sectionGrid{grid-template-columns:repeat(3,1fr);padding:0 7vw 80px}.card,.panel,.plan{padding:24px}.card h2,.panel h2,.plan h2{margin:0 0 12px}.card p,.readable p{color:var(--muted);line-height:1.6}.auth,.page{padding:64px 7vw}.pricing{grid-template-columns:repeat(4,1fr);margin-top:32px}.plan{display:grid;grid-gap:14px;gap:14px}.plan strong{font-size:32px}.plan small{color:var(--muted);font-size:14px}.plan span{align-items:center;display:flex;gap:8px}.auth{display:grid;place-items:center}.auth form{display:grid;grid-gap:18px;gap:18px;max-width:440px;padding:28px;width:100%}label{color:var(--muted);display:grid;font-size:14px;grid-gap:8px;gap:8px}input{border:1px solid var(--line);border-radius:8px;min-height:44px;padding:0 12px}.app{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.sidebar{background:#101828;color:white;padding:24px}.sidebar nav{display:grid;grid-gap:6px;gap:6px;margin-top:32px}.sidebar a{align-items:center;border-radius:8px;display:flex;gap:10px;min-height:42px;padding:0 12px}.sidebar nav a:hover{background:rgba(255,255,255,.09)}.workspace{display:grid;grid-gap:22px;gap:22px;padding:28px}.workspaceHeader{align-items:center;display:flex;justify-content:space-between}.metrics{grid-template-columns:repeat(4,1fr)}.metric.good{border-color:rgba(15,159,143,.4)}.metric.warn{border-color:rgba(183,121,31,.45)}.gridForm{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(4,1fr)}.table{grid-gap:8px;gap:8px}.row,.table{display:grid}.row{grid-template-columns:2fr 1fr 1fr 1.5fr;grid-gap:12px;gap:12px}.row span:first-child{align-items:center;display:flex;gap:8px}.moduleGrid{grid-template-columns:repeat(3,1fr)}.readable{max-width:880px}@media (max-width:980px){.topbar{padding:0 18px}.topbar nav{gap:10px}.gridForm,.hero,.metrics,.moduleGrid,.pricing,.sectionGrid{grid-template-columns:1fr}.hero{min-height:auto}.app{grid-template-columns:1fr}.sidebar{position:static}.sidebar nav{grid-template-columns:repeat(2,1fr)}.workspaceHeader{align-items:flex-start;gap:18px;flex-direction:column}}@media (max-width:620px){.topbar nav a:not(.button){display:none}.previewGrid,.row,.sidebar nav{grid-template-columns:1fr}}