:root{--bg:#f5f6f2;--ink:#19362f;--muted:#687a73;--line:#e0e7e0;--dark:#153e35;--accent:#cdf09b;--light:#fff;--caution:#96692b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.frame{max-width:1350px;margin:auto;padding:0 5.3%}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:100px}
.identity{display:flex;align-items:center;gap:12px}.logomark{background:var(--dark);border-radius:12px;color:#dcf9b4;display:grid;place-items:center;width:38px;height:38px;font-size:20px;font-weight:850}.wordmark{font-size:17px;font-weight:850;letter-spacing:-.055em}.point{color:#70a980}
.stage,.tiny{color:#809089;font-size:12px}.stage{border:1px solid #dbe4dc;padding:9px 12px;border-radius:999px;font-size:11px;letter-spacing:.01em}
.hero{background:linear-gradient(112deg,#163e35,#1b5447 66%,#214f40);border-radius:22px;min-height:344px;padding:55px clamp(26px,5.1vw,66px);color:white;position:relative;overflow:hidden}.hero>*:not(.art){position:relative;z-index:1}
.eyebrow{font-size:10px;font-weight:850;letter-spacing:.19em;color:#c5e5bd;text-transform:uppercase}.eyebrow.dark{color:#46806d}.hero h1{font-size:clamp(44px,6vw,78px);line-height:1.02;letter-spacing:-.075em;margin:22px 0 20px;font-weight:670}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{max-width:490px;font-size:14px;line-height:1.75;color:#d7e9de;margin:0}.hero-footer{display:flex;align-items:center;gap:9px;color:#c2ddcd;margin-top:35px;font-size:11px;font-weight:550}.small-dot{height:7px;width:7px;background:#b6e18b;border-radius:50%}.art{position:absolute;inset:0;pointer-events:none}.orbit{position:absolute;border:1px solid #b8efd12c;border-radius:50%;height:600px;width:600px;right:-160px;top:-130px}.orbit2{height:420px;width:420px;right:-70px;top:-45px}.orbit3{height:240px;width:240px;right:20px;top:45px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:42px 0 19px}.section-head h2{font-size:clamp(19px,2.1vw,25px);letter-spacing:-.05em;line-height:1.25;margin:9px 0 0;font-weight:720}.refresh{border:1px solid var(--line);border-radius:10px;padding:11px 14px;background:white;color:var(--ink);font-size:12px;font-weight:750;cursor:pointer}.refresh:hover{background:#f3f8f2}.refresh:focus-visible{outline:2px solid #347e66;outline-offset:2px}.refresh span{margin-left:10px}
.status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.status-card{background:white;border:1px solid var(--line);border-radius:16px;padding:22px;min-height:209px;display:flex;flex-direction:column}.card-top{display:flex;align-items:start;justify-content:space-between;gap:8px}.card-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#eff5ee;color:#5f8b74;font-size:11px;font-weight:850}.tag{border-radius:20px;white-space:nowrap;padding:5px 8px;font-size:10px;font-weight:750}.tag.amber{background:#fff3e1;color:#946f36}.tag.neutral{background:#edf1ec;color:#5b6d64}.tag.ok{background:#e6f4e8;color:#28774c}.tag.bad{background:#fff0ed;color:#a84b41}.status-card h3{font-size:14px;letter-spacing:-.025em;margin:24px 0 7px}.status-card p{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 18px}.status-card .tiny{margin-top:auto;font-size:10px;line-height:1.35}
.notice{display:flex;align-items:flex-start;gap:15px;background:#ebf1e9;border:1px solid #dae5d8;border-radius:14px;margin:20px 0 55px;padding:19px 22px}.notice-mark{display:grid;place-items:center;flex-shrink:0;background:#cbe0cd;width:25px;height:25px;border-radius:50%;color:#2e6850;font-weight:800;font-size:12px}.notice strong{font-size:12px}.notice p{font-size:12px;line-height:1.6;color:#62766a;margin:6px 0 0}footer{border-top:1px solid var(--line);padding:23px 0 35px;display:flex;justify-content:space-between;color:#7b8f85;font-weight:800;font-size:11px;letter-spacing:.08em}footer span{font-weight:500;letter-spacing:0}
@media(max-width:900px){.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.orbit{right:-340px}.orbit2{right:-290px}.orbit3{right:-190px}}@media(max-width:550px){.frame{padding:0 18px}.topbar{height:78px}.stage{font-size:10px}.hero{padding:43px 24px;min-height:365px}.hero h1{font-size:46px}.section-head{align-items:start;flex-direction:column}.status-grid{grid-template-columns:1fr}.status-card{min-height:175px}.status-card h3{margin-top:17px}.notice{margin-bottom:32px}}