@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{
  --ink:#16201D; --ink-soft:#4C5A55; --ink-faint:#8A9791;
  --teal:#1F8A75; --mint:#7CD3B8; --cream:#F3F1E9; --surface:#FFFFFF;
  --page:#2A9D8F; --soft:#E3E9E2;
  --mono:'Space Grotesk',sans-serif; --sans:'Pretendard',system-ui,sans-serif;
  --r:18px; --rBig:34px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased;
  background:var(--page);min-height:100vh}
.mesh{position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--page)}
.mesh::after{content:'';position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.10) 1.2px,transparent 1.2px),linear-gradient(90deg,rgba(255,255,255,.10) 1.2px,transparent 1.2px);
  background-size:34px 34px}
.wrap{max-width:680px;margin:16px auto;padding:0 22px 40px;
  background-color:var(--cream);
  background-image:linear-gradient(rgba(22,32,29,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(22,32,29,.045) 1px,transparent 1px);
  background-size:31px 31px;border-radius:var(--rBig);overflow:hidden;box-shadow:0 18px 50px -18px rgba(0,0,0,.42)}
@media(max-width:560px){.wrap{margin:8px;border-radius:26px;padding:0 18px 32px}}
.topbar{display:flex;align-items:center;margin:0 -22px 20px;padding:14px 20px;border-bottom:2px solid var(--ink);background:var(--cream)}
@media(max-width:560px){.topbar{margin:0 -18px 20px}}
.brand{font-weight:900;letter-spacing:-.03em;font-size:16px;text-decoration:none;color:var(--ink)}
.brand .qfam{opacity:.42;font-weight:700;font-size:13px;margin-left:6px}
.eyebrow{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin:14px 0 8px;display:block}
h1{font-size:clamp(27px,7vw,38px);line-height:1.12;letter-spacing:-.035em;font-weight:900;margin:6px 0 18px;word-break:keep-all}
h2{font-size:19px;font-weight:800;letter-spacing:-.02em;margin:28px 0 10px;word-break:keep-all}
p{color:var(--ink-soft);margin:0 0 14px;font-size:15px;word-break:keep-all}
p b,li b{color:var(--ink)}
ul{margin:0 0 14px;padding-left:20px;color:var(--ink-soft);font-size:15px}
li{margin:0 0 7px}
a{color:var(--teal);font-weight:600}
.lead{font-size:16px;color:var(--ink);font-weight:600}
.card{background:var(--surface);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:var(--r);padding:18px 20px;margin:20px 0}
.cta{display:inline-block;background:var(--teal);color:#fff;font-weight:800;font-size:15.5px;padding:15px 26px;border-radius:99px;text-decoration:none;margin-top:6px}
.cta:hover{transform:translateY(-2px)}
.crisis{background:#FBEDEA;border:2px solid var(--ink);border-radius:var(--r);padding:16px 20px;margin:22px 0}
.crisis b{font-family:var(--mono)}
.foot{margin-top:34px;padding-top:18px;border-top:1.5px dashed var(--ink-faint);font-size:12.5px;color:var(--ink-faint)}
.foot a{color:var(--ink-soft);font-weight:600;margin-right:14px;display:inline-block;margin-bottom:6px}
.disc{font-size:12px;color:var(--ink-faint);margin-top:14px;line-height:1.6}