:root{color-scheme:light;--background:#f7f8f4;--foreground:#18201c;--muted:#5f675f;--surface:#ffffff;--surface-strong:#eef3ea;--line:#dfe5dc;--primary:#0f766e;--primary-dark:#0b4f49;--accent:#c66a2b;--accent-soft:#fff1e8;--shadow:0 24px 80px rgba(24,32,28,0.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}main{min-height:100vh}.hero{padding:28px min(6vw,80px) 80px;background:linear-gradient(120deg,rgba(15,118,110,.12),transparent 42%),var(--background)}.nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto 72px;max-width:1180px}.brand{color:var(--primary-dark);font-size:1.05rem;font-weight:800}.navLinks{align-items:center;display:flex;gap:24px;color:var(--muted);font-size:.95rem}.navLinks a:hover{color:var(--foreground)}.heroGrid{align-items:center;display:grid;grid-gap:56px;gap:56px;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);margin:0 auto;max-width:1180px}.heroContent{max-width:680px}.eyebrow,.sectionLabel{color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.2rem,8vw,6.5rem);line-height:.94;margin-bottom:28px;max-width:760px}h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1}h2,h3{margin-bottom:0}h3{font-size:1.08rem;line-height:1.3}.heroText{color:var(--muted);font-size:1.18rem;line-height:1.7;margin-bottom:32px;max-width:620px}.heroActions{display:flex;flex-wrap:wrap;gap:14px}.button{align-items:center;border:1px solid transparent;border-radius:8px;display:inline-flex;font-weight:800;justify-content:center;min-height:48px;padding:0 20px}.button.primary{background:var(--primary);color:#ffffff}.button.secondary{background:var(--surface);border-color:var(--line);color:var(--foreground)}.dashboardPreview{background:var(--surface);border:1px solid rgba(15,118,110,.16);border-radius:8px;box-shadow:var(--shadow);min-height:430px;padding:28px}.previewHeader{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding-bottom:22px}.previewHeader span,.scoreGrid span{color:var(--muted);font-size:.9rem}.previewHeader strong{color:var(--primary);font-size:3rem}.scoreGrid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(3,1fr);margin:26px 0}.featureCard,.scoreGrid div{background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;padding:18px}.scoreGrid strong{display:block;font-size:1.2rem;margin-top:8px}.barList{display:grid;grid-gap:18px;gap:18px;margin-top:44px}.barList span{background:#e7ece4;border-radius:999px;display:block;height:18px;overflow:hidden;position:relative}.barList span:before{background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:inherit;content:"";inset:0 auto 0 0;position:absolute;width:var(--value)}.section{margin:0 auto;max-width:1180px;padding:88px min(6vw,80px)}.muted{background:#edf3ef;max-width:none}.muted .twoColumn{margin:0 auto;max-width:1020px}.cta,.dataGrid,.sectionHeader,.twoColumn{display:grid;grid-gap:42px;gap:42px;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr)}.cta p,.dataGrid p,.sectionHeader p,.twoColumn p{color:var(--muted);font-size:1.05rem;line-height:1.75;margin-bottom:0}.featureGrid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(4,1fr);margin-top:36px}.featureCard{background:var(--surface);min-height:160px}.checkMark{align-items:center;background:var(--accent-soft);border-radius:8px;color:var(--accent);display:inline-flex;font-size:1.3rem;font-weight:900;height:36px;justify-content:center;margin-bottom:34px;width:36px}.data{border-bottom:1px solid var(--line);border-top:1px solid var(--line)}.dataGrid ul{display:grid;grid-gap:12px;gap:12px;list-style:none;margin:0;padding:0}.dataGrid li{background:var(--surface);border:1px solid var(--line);border-radius:8px;font-weight:750;padding:18px}.cta{align-items:center;padding-bottom:108px}.cta .button{justify-self:end}@media (max-width:900px){.nav{align-items:flex-start;gap:20px}.navLinks{display:none}.cta,.dataGrid,.heroGrid,.sectionHeader,.twoColumn{grid-template-columns:1fr}.hero{padding-bottom:48px}.dashboardPreview{min-height:auto}.featureGrid,.scoreGrid{grid-template-columns:1fr}.cta .button{justify-self:start}}@media (max-width:560px){.hero,.section{padding-left:22px;padding-right:22px}h1{font-size:3rem}.button{width:100%}}