:root{color-scheme:light;--ink:#102033;--muted:#5e6d7d;--line:#d8e1ea;--blue:#2f80ed;--lime:#a3e635;--rose:#fb7185}*{box-sizing:border-box}body{margin:0;background:#f8fbff;color:var(--ink);font-family:Inter,system-ui,sans-serif}header{height:72px;position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(18px,5vw,70px) 0 84px;background:rgba(248,251,255,.9);border-bottom:1px solid var(--line)}header a{font-weight:950;color:var(--ink);text-decoration:none}button{border:0;border-radius:8px;background:var(--blue);color:#fff;padding:10px 12px;font-weight:950}.nav-toggle{position:fixed;opacity:0}.hamburger{position:fixed;z-index:30;top:18px;left:24px;width:38px;height:36px;display:grid;place-content:center;gap:5px;border:1px solid var(--line);border-radius:8px;background:#fff}.hamburger span{width:20px;height:2px;background:var(--ink)}.drawer{position:fixed;z-index:20;inset:0 auto 0 0;width:min(300px,86vw);padding:88px 24px;background:#fff;display:grid;align-content:start;gap:10px;transform:translateX(-105%);transition:.2s;border-right:1px solid var(--line)}.drawer a{font-weight:900;padding:13px}.nav-toggle:checked~.drawer{transform:translateX(0)}main{width:min(1140px,calc(100vw - 32px));margin:auto}.hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:1fr 360px;gap:26px;align-items:center}.hero p:first-child{text-transform:uppercase;font-weight:950;color:var(--blue)}h1{font-size:clamp(2.3rem,5.2vw,5.6rem);line-height:.98;margin:0}p{color:var(--muted);line-height:1.6}aside{display:grid;gap:12px;padding:22px;border:1px solid var(--line);border-top:6px solid var(--lime);border-radius:8px;background:#fff;box-shadow:0 22px 70px rgba(16,32,51,.08)}aside b{font-size:1.4rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:40px 0}.grid article{padding:20px;min-height:145px;border:1px solid var(--line);border-radius:8px;background:#fff;font-weight:950}.grid article:nth-child(2n){border-top:5px solid var(--rose)}.grid article:nth-child(2n+1){border-top:5px solid var(--blue)}@media(max-width:820px){header{padding-right:12px}.hero{grid-template-columns:1fr;min-height:auto;padding:40px 0}.grid{grid-template-columns:1fr}h1{font-size:clamp(2rem,11vw,3.6rem)}}