@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@500&family=Manrope:wght@400;600;700;800&family=Space+Grotesk:wght@600;700&display=swap');

:root { color-scheme: light; --ink:#263047; --muted:#656b65; --blue:#267f72; --paper:#fffaf1; --wash:#edf6fc; --line:#d8ddd7; --peach:#e89a74; }
* { box-sizing: border-box; }
body { margin:0; background:radial-gradient(circle at 90% 5%,#dcecf7 0,transparent 28rem),var(--wash); color:var(--ink); font-family:Manrope,sans-serif; }
a { color:inherit; }
.shell { width:min(1080px,calc(100% - 40px)); margin:auto; }
header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 0; }
.brand { font:700 22px/1 Space Grotesk,sans-serif; text-decoration:none; }
.brand small { display:block; margin-top:6px; color:var(--muted); font:500 9px/1.2 "DM Mono",monospace; letter-spacing:.14em; text-transform:uppercase; }
nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:16px; font-size:13px; font-weight:700; }
nav a,.text-link { color:var(--blue); text-decoration:none; }
main { padding:54px 0 80px; }
.eyebrow { color:var(--blue); font:500 11px/1.4 "DM Mono",monospace; letter-spacing:.16em; text-transform:uppercase; }
h1,h2 { font-family:"Space Grotesk",sans-serif; letter-spacing:-.045em; }
h1 { max-width:820px; margin:18px 0 24px; font-size:clamp(44px,8vw,82px); line-height:.96; }
h2 { margin:0 0 14px; font-size:30px; }
.lede { max-width:700px; color:var(--muted); font-size:18px; line-height:1.7; }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin:32px 0 58px; }
.button { display:inline-block; border-radius:999px; background:var(--peach); padding:14px 22px; font-size:14px; font-weight:800; text-decoration:none; box-shadow:4px 4px 0 #c5dbcf; }
.button.secondary { border:1px solid var(--blue); background:var(--paper); color:var(--blue); box-shadow:none; }
.grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.card { border:1px solid var(--line); border-radius:22px; background:rgba(255,250,241,.86); padding:28px; }
.card p,.content p,.content li { color:var(--muted); line-height:1.7; }
.content { max-width:760px; }
.content section { margin-top:44px; }
.note { margin-top:36px; border-left:4px solid var(--peach); background:var(--paper); padding:18px 20px; color:var(--muted); line-height:1.6; }
footer { border-top:1px solid var(--line); padding:26px 0 36px; color:var(--muted); font-size:12px; }
.footer-links { display:flex; flex-wrap:wrap; gap:14px; margin-bottom:14px; }
.footer-links a { color:var(--blue); font-weight:700; text-decoration:none; }
@media (max-width:700px) { header { align-items:flex-start; } nav { gap:10px; } .grid { grid-template-columns:1fr; } main { padding-top:30px; } }