:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#e9e8df;background:#111c20}*{box-sizing:border-box}body{margin:0}main,header,footer{width:min(760px,calc(100% - 48px));margin:auto}header{display:flex;justify-content:space-between;padding:28px 0;border-bottom:1px solid #334248}a{color:#ebc879;text-underline-offset:5px}nav{display:flex;gap:22px}main{padding:64px 0 80px}h1{font:normal clamp(44px,8vw,76px)/1.1 Georgia,serif;margin:16px 0 24px;letter-spacing:-2px}h2{font:normal 28px Georgia,serif;margin-top:40px}p,li{font-size:17px;line-height:1.8;color:#c4cdcd}.eyebrow{font-size:12px;letter-spacing:3px;color:#ebc879}.lead{font-size:22px;max-width:600px}.mark{width:112px;height:112px;border:1px solid #536062;border-radius:24px;display:grid;place-items:center;background:radial-gradient(circle,#ebc87933,transparent 70%);color:#ebc879;font-size:64px;margin:36px 0}footer{border-top:1px solid #334248;padding:24px 0 36px;font-size:13px;color:#a9b8b8}.facts{display:flex;gap:40px;margin:40px 0;border-block:1px solid #334248;padding:20px 0}.facts strong{display:block;font:normal 30px Georgia,serif;color:#ebc879}.facts span{font-size:14px}a:focus-visible{outline:2px solid #ebc879;outline-offset:5px} @media(max-width:480px){header{display:block}nav{margin-top:20px}.facts{gap:24px}main{padding-top:40px}}