:root{--green:#174c38;--text:#213c30;--muted:#617267;--line:#dbe5dc;--paper:#f5f7f2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}header,footer{max-width:1280px;margin:auto;padding:28px 48px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--green);font-size:25px;font-weight:750;letter-spacing:1px}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:3px}.monogram{display:grid;place-items:center;width:46px;height:46px;border:1px solid #b8ccba;border-radius:50%;font-family:Georgia,serif;font-size:31px}.headernote{font-size:12px;color:var(--muted)}.entrance{max-width:1030px;margin:50px auto 64px;padding:0 32px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#53765c}h1{font-size:clamp(36px,4vw,54px);line-height:1.1;letter-spacing:-2px;font-weight:550;margin:20px 0}p{line-height:1.6}.intro{color:var(--muted);margin-bottom:36px;font-size:16px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #183c2a0a}.performance{border-color:#9fbda7;background:#fcfefa}.cardtop,.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:16px}.icon{height:46px;width:46px;border-radius:12px;background:#edf3e9;display:grid;place-items:center;font-size:28px;color:#416d49}.tag{font-size:10px;font-weight:650;border-radius:20px;padding:7px 10px;white-space:nowrap}.ready{background:#e9f3e6;color:#3a613a}.building{background:#f8f0dc;color:#7a5c22}h2{font-size:26px;font-weight:600;letter-spacing:-.6px;margin:28px 0 8px}.card p{color:var(--muted);font-size:14px;margin:0 0 24px}.mini{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.mini span{font-size:11px;color:#657668;padding:6px 8px;border:1px solid #e3eae1;border-radius:5px}.button{display:flex;justify-content:space-between;align-items:center;gap:20px;text-decoration:none;padding:15px 18px;min-height:48px;border-radius:8px;font-size:13px;font-weight:650;margin-top:auto}.primary{color:white;background:var(--green)}.secondary{color:var(--green);border:1px solid #bacdbd;background:#fff}.button:hover{filter:brightness(.96)}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #9b6d22;outline-offset:4px}.footnote{font-size:11px;color:#718075;margin-top:22px}footer{font-size:10px;color:#718075;border-top:1px solid var(--line);gap:16px}.preview{max-width:1180px;margin:30px auto 70px;padding:0 48px}.back{font-size:12px;color:var(--green);text-decoration:none}.preview h1{margin-bottom:12px}.notice{border:1px solid #e3d3a7;background:#fcf8eb;color:#755b26;border-radius:9px;padding:16px 20px;font-size:13px;margin:28px 0}.dashboard{border:1px solid var(--line);background:white;border-radius:16px;overflow:hidden}.dashhead{padding:24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px}.dashhead h2{margin:0;font-size:19px}.dashhead p{margin:5px 0 0;font-size:11px;color:var(--muted)}select{padding:10px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--text)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:24px}.metric{padding:20px;background:#f7f9f5;border-radius:10px}.metric span,.metric small{display:block;font-size:11px;color:var(--muted)}.metric strong{display:block;font-size:34px;font-weight:550;margin:10px 0;font-variant-numeric:tabular-nums}.chartsection{padding:0 24px 26px}.chartsection h3{font-weight:600;font-size:15px;margin-bottom:8px}.chartsection p{font-size:11px;color:var(--muted)}.plot{position:relative}.plot svg{width:100%;display:block}.plot text{font:12px sans-serif;fill:#6a7b6e}.plot path{fill:none;stroke:#337754;stroke-width:1.7;vector-effect:non-scaling-stroke}.hitpoints{position:absolute;inset:0 0 12%;display:flex;padding:0 1%}.hitpoints button{width:16.666%;background:transparent;border:0;cursor:crosshair;border-radius:8px}.hitpoints button:hover{background:#36775307}.hitpoints button[aria-pressed=true]{background:#36775307}.detail{display:flex;gap:16px;align-items:baseline;border-top:1px solid var(--line);padding-top:16px;font-size:13px;min-height:45px}.detail strong{font-size:24px;color:var(--green)}.modules{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px}.module{border-top:1px solid #cddbcc;padding:20px 0}.module h3{font-size:14px;margin:0 0 8px}.module p{font-size:12px;color:var(--muted);margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:700px){header,footer{padding:22px 24px}.headernote{display:none}.entrance{margin:30px auto;padding:0 24px}.cards{grid-template-columns:1fr}.card{padding:24px}.preview{padding:0 24px}.metrics{grid-template-columns:1fr;padding:18px;gap:10px}.metric{padding:15px}.metric strong{font-size:28px}.dashhead{align-items:start;flex-direction:column}.modules{grid-template-columns:1fr;gap:0}footer{align-items:start;flex-direction:column}.detail{gap:10px;flex-wrap:wrap}h1{letter-spacing:-1.4px}}@media(prefers-reduced-motion:reduce){.card{transition:none}}