:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;color:#f7f7f4;background:#11120f}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 82% 16%,rgba(214,255,74,.15),transparent 35rem),#11120f}main{width:min(1050px,calc(100% - 36px));margin:auto;padding:110px 0}.tag{color:#d6ff4a;font-size:12px;letter-spacing:.2em;font-weight:800}h1{margin:24px 0;max-width:800px;font-size:clamp(56px,9vw,108px);line-height:.9;letter-spacing:-.065em}.lead{color:#aeb0a6;font-size:21px}code{display:inline-block;margin-top:14px;padding:12px 16px;border:1px solid #33372a;border-radius:10px;color:#d6ff4a;background:#191b16}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;margin-top:90px;background:#34372c;border:1px solid #34372c}article{padding:30px;background:#151612}article span{color:#d6ff4a;font-size:12px}article h2{margin:35px 0 8px}article p{margin:0;color:#9da092}@media (max-width:720px){main{padding:70px 0}.grid{grid-template-columns:1fr;margin-top:60px}}