:root{color-scheme:light;--ink:#272340;--muted:#655e7a;--purple:#7656d9;--paper:#faf8f5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#6242bd;text-underline-offset:4px}a:focus-visible{outline:3px solid #ab94ed;outline-offset:5px}header,main,footer{max-width:920px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:750;color:var(--ink)}.brand img{width:42px;height:42px;border-radius:12px}nav{display:flex;gap:24px;font-size:15px}.hero{text-align:center;padding:60px 0 48px}.hero img{width:140px;height:140px;border-radius:34px;box-shadow:0 18px 45px #573f8622}.eyebrow{font-size:13px;font-weight:750;letter-spacing:2px;color:var(--purple);text-transform:uppercase;margin-top:24px}h1{font-size:clamp(36px,6vw,64px);line-height:1.08;letter-spacing:-2px;margin:20px 0}h2{font-size:23px;line-height:1.3;margin-top:34px}p{color:var(--muted)}.hero p{max-width:560px;margin:20px auto;font-size:20px}.pill{display:inline-block;border-radius:50px;padding:8px 20px;background:#eee8fa;color:#6242bd;font-size:14px;font-weight:650}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:26px;border:1px solid #e9e2f0;border-radius:22px;background:white}.card h2{font-size:19px;margin:8px 0}.card p{font-size:15px;margin-bottom:0}.symbol{font-size:25px;color:var(--purple)}article{max-width:720px;margin:25px auto 50px}article h1{font-size:42px}article li{color:var(--muted)}.note{padding:18px 22px;border-radius:16px;background:#eee8fa}.date{font-size:14px}footer{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;font-size:14px;color:var(--muted);border-top:1px solid #e9e2f0;margin-top:40px}.footer-links{display:flex;flex-wrap:wrap;gap:12px 20px}@media(max-width:600px){header,main,footer{padding:20px}.hero{padding:35px 0}.cards{grid-template-columns:1fr}.card{padding:20px}nav{gap:15px}.brand span{font-size:15px}.hero p{font-size:18px}article h1{font-size:36px}}