:root{--deep:#073b30;--green:#00aa78;--lime:#c7f25b;--ink:#10251f;--line:#d5e6de}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px Arial,sans-serif;background:linear-gradient(135deg,#eef8f3,#fff 62%)}header{height:72px;padding:0 clamp(24px,6vw,92px);display:flex;align-items:center;justify-content:space-between;background:#ffffffd9;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);text-decoration:none;font-size:22px}.brand b{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:var(--deep);color:var(--lime);font-size:13px;transform:rotate(-4deg)}.brand em{font-style:normal;color:var(--green)}.environment{padding:8px 12px;border:1px solid #8fc7af;border-radius:999px;color:#087052;font-weight:800;font-size:12px;letter-spacing:.08em}.hero{min-height:calc(100vh - 300px);padding:clamp(70px,11vw,150px) clamp(24px,7vw,110px) 90px;display:grid;grid-template-columns:1.15fr .72fr;gap:clamp(50px,10vw,170px);align-items:center;background:radial-gradient(circle at 83% 25%,#c7f25b75,transparent 28%)}.copy>small{color:var(--green);font:800 11px monospace;letter-spacing:.14em}.copy h1{margin:18px 0 20px;font-size:clamp(52px,6vw,84px);line-height:.98;letter-spacing:-.065em}.copy h1 em{font-style:normal;color:var(--green)}.copy>p{max-width:600px;color:#536b63;font-size:19px;line-height:1.65}.notice{display:flex;gap:14px;max-width:580px;margin-top:35px;padding:17px 20px;border:1px solid #d3e8dd;border-radius:16px;background:#fff}.notice span{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:50%;background:var(--lime);font-weight:900}.notice b{font-size:14px}.notice p{margin:4px 0 0;color:#60766e;font-size:13px;line-height:1.45}.status{padding:28px;border-radius:27px;background:var(--deep);color:#fff;box-shadow:0 25px 65px #073b3038}.status-top{display:flex;justify-content:space-between;font:800 11px monospace;letter-spacing:.12em}.status mark{background:transparent;border:1px solid var(--lime);border-radius:999px;padding:4px 8px;color:var(--lime)}.core{height:190px;display:grid;place-content:center;text-align:center;position:relative}.core i{position:absolute;inset:35px;border:1px solid #c7f25b4b;border-radius:50%}.core strong{font-size:30px;z-index:1}.core small{color:#c0d7cf;z-index:1}.status dl{margin:0}.status dl div{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid #ffffff1d;font-size:13px}.status dt{color:#bad0c8}.status dd{margin:0;color:var(--lime);font-weight:700}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 clamp(24px,7vw,110px);border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--line)}.cards article{padding:25px 28px;background:#fff}.cards span{color:var(--green);font-weight:900;font-size:24px}.cards h2{margin:7px 0;font-size:18px}.cards p{margin:0;color:#698078;font-size:14px;line-height:1.5}footer{margin-top:65px;padding:28px clamp(24px,7vw,110px);display:flex;justify-content:space-between;background:var(--deep);color:#fff;font-size:13px}footer span{color:#b6cec5}@media(max-width:760px){header{height:64px}.brand{font-size:19px}.hero{min-height:auto;padding:65px 24px;grid-template-columns:1fr;gap:45px}.copy h1{font-size:54px}.copy>p{font-size:17px}.cards{grid-template-columns:1fr;margin:0 24px}.cards article{padding:20px}footer{margin-top:35px;gap:8px;flex-direction:column}.status{padding:23px}}