:root{color-scheme:dark;--ink:#101828;--paper:#f9fafb;--orange:#fb923c;--green:#22c55e;--blue:#38bdf8;--line:rgba(249,250,251,.18)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#101828,#15233d);color:var(--paper);font-family:Inter,system-ui,sans-serif}header{height:76px;position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(18px,5vw,70px) 0 86px;background:rgba(16,24,40,.86);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}header a{color:#fff;text-decoration:none;font-weight:950}button{border:1px solid var(--line);border-radius:8px;background:transparent;color:#fff;padding:8px 10px;font-weight:900}.nav-toggle{position:fixed;opacity:0}.hamburger{position:fixed;z-index:30;top:19px;left:24px;width:40px;height:36px;display:grid;place-content:center;gap:5px;border:1px solid var(--line);border-radius:8px;background:var(--orange)}.hamburger span{width:20px;height:2px;background:#fff}.drawer{position:fixed;z-index:20;inset:0 auto 0 0;width:min(310px,86vw);padding:92px 24px;background:#101828;display:grid;align-content:start;gap:10px;transform:translateX(-105%);transition:.2s}.drawer a{padding:13px;color:#fff;border:1px solid var(--line);border-radius:8px}.nav-toggle:checked~.drawer{transform:translateX(0)}main{width:min(1180px,calc(100vw - 32px));margin:auto}.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.hero p:first-child{text-transform:uppercase;color:var(--orange);font-weight:950}h1{font-size:clamp(2.3rem,6vw,6.4rem);line-height:.95;margin:0}p{color:rgba(249,250,251,.72);line-height:1.65}.score{display:grid;grid-template-columns:1fr 1fr;gap:12px;transform:rotate(-2deg)}.score span{min-height:160px;display:grid;place-items:center;border-radius:8px;font-weight:950;font-size:1.4rem}.score span:nth-child(1){background:var(--orange)}.score span:nth-child(2){background:var(--green)}.score span:nth-child(3){background:var(--blue);color:#101828}.score span:nth-child(4){background:#e879f9}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:45px 0}.cards article{min-height:150px;padding:20px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.07);font-weight:950}@media(max-width:820px){header{padding-right:12px}.hero{grid-template-columns:1fr;min-height:auto;padding:42px 0}.cards{grid-template-columns:1fr}.score{transform:none}h1{font-size:clamp(2rem,12vw,3.8rem)}}