*{box-sizing:border-box}:root{--y:#ffd500;--bg:#080808;--c:#151515;--line:#303030;--mut:#999}body{margin:0;background:radial-gradient(circle at 80% 0,#302800,transparent 26%),var(--bg);color:#fff;font:14px Inter,Segoe UI,sans-serif}header{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;padding:17px 5vw;background:#080808eb;border-bottom:1px solid var(--line)}small{display:block;color:var(--y);letter-spacing:.17em;font-size:10px}header b{font-size:18px}a{color:#bbb}main{max-width:1450px;margin:auto;padding:25px}.hero{min-height:410px;padding:45px;border:1px solid var(--line);border-radius:25px;background:radial-gradient(circle at 82% 50%,#463b00,#171717 28%,#0d0d0d 65%);display:grid;grid-template-columns:1.5fr .5fr;align-items:center}.hero h1{font-size:clamp(43px,6vw,80px);line-height:.98;letter-spacing:-.055em;margin:16px 0}.hero p{color:#aaa;font-size:17px;max-width:760px}.hero #fresh{display:block;color:#8d8d8d;margin-top:25px}.score{height:220px;width:220px;border:1px solid #ffd50066;border-radius:50%;display:grid;place-content:center;text-align:center}.score b{font-size:65px}.score span{color:#aaa}.controls{display:flex;gap:10px;margin:22px 0}select,button{padding:12px;border-radius:10px;border:1px solid var(--line);background:#171717;color:white}button{background:var(--y);color:#111;font-weight:800}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.kpi,article,.method{padding:19px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#171717,#101010)}.kpi span{color:var(--mut);font-size:11px}.kpi b{font-size:29px;display:block;margin:8px 0}.kpi small{color:#777;letter-spacing:0}.grid{display:grid;grid-template-columns:1.3fr .7fr;gap:13px;margin-top:13px}.grid article{min-height:330px}canvas{width:100%;height:250px}.row{display:grid;grid-template-columns:140px 1fr 50px;gap:9px;align-items:center;margin:12px 0}.track{height:9px;background:#050505;border-radius:8px;overflow:hidden}.track i{display:block;height:100%;background:var(--y)}.source{padding:12px 0;border-bottom:1px solid var(--line)}.source span{color:#888}.method{margin-top:14px;padding:30px}.method p{color:#aaa;line-height:1.6}footer{text-align:center;padding:28px;color:#666}@media(max-width:900px){.hero,.grid{grid-template-columns:1fr}.score{margin:25px auto}.kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.hero{padding:24px}.kpis{grid-template-columns:1fr}.controls{overflow:auto}.row{grid-template-columns:95px 1fr 40px}}