:root{--ink:#15352b;--green:#176f52;--cream:#f4f1e8;--line:#d9ddd6;--mono:"Courier New",monospace}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif}button,input{font:inherit}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;background:rgba(244,241,232,.9);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:700}.brand span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font:600 12px var(--mono)}.status{font:500 12px var(--mono);color:#61736d}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#50a57f;margin-right:7px}.bell{border:1px solid var(--line);background:#fff;border-radius:50%;width:38px;height:38px;color:var(--green);cursor:pointer}.shell{max-width:1180px;margin:auto;padding:72px 24px 100px}.hero{display:grid;grid-template-columns:1.4fr .8fr;gap:80px;align-items:end;margin-bottom:70px}.eyebrow{font:600 11px var(--mono);letter-spacing:.14em;color:#638075;margin:0 0 15px}.hero h1{font-size:clamp(48px,7vw,90px);line-height:.94;letter-spacing:-.065em;margin:0;font-weight:600}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.intro{font-size:18px;line-height:1.55;color:#596d66;max-width:540px;margin:30px 0 0}.rate-card{background:var(--ink);color:#fff;border-radius:4px;padding:30px;box-shadow:12px 12px 0 #c8ded3}.rate-head{display:flex;justify-content:space-between;font:500 11px var(--mono);text-transform:uppercase;color:#afc8be}.rate-head b{background:#285a49;padding:6px 9px;color:#d8eee5}.rate{font-size:72px;letter-spacing:-.06em;margin:28px 0 0}.rate small{font-size:28px;margin-left:6px}.rate-card>p{color:#a8c0b7;font:12px var(--mono);margin:0 0 28px}.delta{display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid #36574c;font-size:13px}.panel{background:#faf9f5;border:1px solid var(--line);border-radius:3px}.graph-panel{padding:34px 36px 24px;margin-bottom:24px}.panel-head{display:flex;justify-content:space-between}.panel h2{font-size:27px;letter-spacing:-.035em;margin:0}.periods{display:flex;background:#ecece5;padding:4px}.periods button{border:0;background:transparent;padding:8px 13px;color:#68766f;cursor:pointer;font-size:12px}.periods .active{background:var(--ink);color:#fff}.legend{display:flex;justify-content:flex-end;gap:20px;margin-top:18px;font:10px var(--mono);color:#718078}.legend span:before{content:"";display:inline-block;width:18px;border-top:3px solid;margin-right:7px}.legend .past:before{border-color:#167854}.legend .future:before{border-color:#d9574f;border-top-style:dashed}.chart-wrap{position:relative}.chart-wrap canvas{width:100%;height:270px;display:block;margin-top:10px}.y-axis{position:absolute;left:0;top:28px;bottom:26px;display:flex;flex-direction:column;justify-content:space-between;color:#718078;background:linear-gradient(90deg,#faf9f5 72%,transparent);padding-right:10px;font:10px var(--mono);z-index:2}.axis{display:flex;justify-content:space-between;color:#7a8983;font:10px var(--mono);padding:0 22px}.caption{font-size:11px;color:#83908b}.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.alert-panel,.details{padding:34px 36px}.icon{float:right;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#dff1e9;color:var(--green)}.alert-panel>p:not(.eyebrow,.notice){color:#66756f}.alert-panel label{display:block;font:600 10px var(--mono);text-transform:uppercase;margin-top:28px}.threshold{display:flex;border-bottom:1px solid var(--ink);align-items:center}.threshold input{min-width:0;width:100%;font-size:38px;border:0;background:transparent;color:var(--ink);outline:0;padding:8px 0}.threshold span{font-size:24px}.threshold button{margin-left:22px;background:var(--ink);color:#fff;border:0;padding:12px 17px}.notify{margin-top:20px;border:1px solid var(--green);background:transparent;color:var(--green);padding:11px 16px}.notice{font-size:12px;color:var(--green)}.details>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 0;font-size:13px}.details b{font-family:var(--mono)}.source{font-size:10px;line-height:1.5;color:#87938e}footer{border-top:1px solid var(--line);max-width:1180px;margin:auto;padding:28px 24px 40px;display:flex;gap:30px;font-size:12px;color:#718078}footer p{margin:0}footer a{margin-left:auto;color:var(--green);text-decoration:none}@media(max-width:760px){.status{display:none}.shell{padding-top:45px}.hero{grid-template-columns:1fr;gap:38px}.panel-head{display:block}.periods{margin-top:22px;width:max-content}.graph-panel,.alert-panel,.details{padding:25px 20px}.grid{grid-template-columns:1fr}.chart-wrap canvas{height:210px}.hero h1{font-size:54px}}