:root { --ink:#10251d; --green:#0c7456; --mint:#dff4e9; --cream:#f5f3ea; --line:#d9dfd9; --orange:#f2a43a; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--cream); font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.site-header { max-width:1180px; margin:auto; padding:28px 24px; display:flex; align-items:center; justify-content:space-between; }
.brand { color:inherit; text-decoration:none; display:flex; align-items:center; gap:12px; }
.brand-mark { width:48px; height:48px; display:grid; place-items:center; border-radius:13px; background:var(--green); color:white; font-weight:900; letter-spacing:-1px; }
.brand strong,.brand small { display:block; }.brand strong{font-size:18px}.brand small{font-size:11px;color:#637169;margin-top:2px;letter-spacing:.04em;text-transform:uppercase}
.status { font-size:13px; padding:10px 14px; background:#fff; border:1px solid var(--line); border-radius:999px; }.status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--orange);margin-right:7px}
main { overflow:hidden; }.hero { max-width:1180px; min-height:610px; margin:auto; padding:84px 24px 100px; display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:90px; position:relative; }
.hero:before { content:""; position:absolute; width:520px;height:520px;border-radius:50%;background:var(--mint);right:-160px;top:30px;z-index:-1; }
.eyebrow,.section-title p { margin:0 0 18px; color:var(--green); font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
h1 { margin:0; font-family:Georgia,serif; font-size:clamp(48px,6vw,76px); line-height:1.02; letter-spacing:-.045em; font-weight:500; } h1 em{color:var(--green);font-weight:500}
.lead { max-width:620px; font-size:18px; line-height:1.7; color:#516158; margin:30px 0; }
.hero-actions { display:flex; align-items:center; gap:18px; }.button{background:var(--ink);color:#fff;padding:15px 21px;border-radius:9px;font-size:14px;font-weight:700}.version{font-size:13px;color:#718078}
.dashboard-card { background:#fff; padding:18px; border-radius:22px; box-shadow:0 28px 70px rgba(16,37,29,.13); transform:rotate(1.5deg); }
.card-top{display:flex;justify-content:space-between;border-bottom:1px solid #edf0ed;padding:4px 3px 16px;font-size:13px;font-weight:700}.card-top b{color:#bdc9c2;letter-spacing:3px}.metric{padding:26px 5px 15px}.metric span,.metric small{display:block;color:#718078;font-size:12px}.metric strong{display:block;font-family:Georgia,serif;font-size:58px;line-height:1;margin:8px 0;color:var(--green)}
.progress{height:7px;background:#e8eee9;border-radius:9px;margin:0 5px 25px;overflow:hidden}.progress i{display:block;width:72%;height:100%;background:var(--green);border-radius:9px}.rows>div{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:9px;padding:15px 5px;border-top:1px solid #edf0ed;font-size:13px}.rows b{font-size:12px}.dot{width:8px;height:8px;border-radius:50%}.amber{background:var(--orange)}.green{background:#51ae77}.blue{background:#5d91c8}
.modules { background:var(--ink); color:white; padding:92px max(24px,calc((100vw - 1132px)/2)); }.section-title{max-width:620px}.section-title p{color:#77c8aa}.section-title h2{font-family:Georgia,serif;font-size:clamp(36px,5vw,55px);font-weight:500;line-height:1.08;margin:0 0 55px;letter-spacing:-.025em}
.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#3b4b45;border:1px solid #3b4b45}.module-grid article{background:var(--ink);padding:30px 25px;min-height:230px}.module-grid article>span{color:#77c8aa;font-size:11px}.module-grid h3{margin:45px 0 12px;font-size:17px}.module-grid p{color:#aebbb5;line-height:1.55;font-size:14px;margin:0}
footer{max-width:1180px;margin:auto;padding:25px 24px;display:flex;justify-content:space-between;color:#68766f;font-size:12px}
@media(max-width:820px){.hero{grid-template-columns:1fr;padding-top:55px;gap:55px}.hero:before{right:-320px}.dashboard-card{max-width:520px}.module-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.status{display:none}.hero{padding-bottom:70px}.hero-actions{align-items:flex-start;flex-direction:column}.module-grid{grid-template-columns:1fr}.module-grid article{min-height:auto}.section-title h2{margin-bottom:35px}}