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

:root { color-scheme: light; --ink: #25251f; --muted: #68685f; --paper: #f8f7f2; --card: #fffefa; --line: #e6e4da; --green: #345d46; --lime: #d7ed9a; font-family: 'DM Sans', sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: var(--paper); line-height: 1.65; }
a { color: var(--green); text-underline-offset: .2em; }
.page-head { min-height: 78px; padding: 14px clamp(20px, 6vw, 88px); display: flex; align-items: center; justify-content: space-between; gap: 24px; background: rgba(248,247,242,.94); border-bottom: 1px solid var(--line); }
.page-brand img { width: 132px; height: auto; display: block; }
.page-nav { display: flex; gap: clamp(12px, 2.5vw, 30px); align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.page-nav a { color: var(--ink); text-decoration: none; font-size: .94rem; font-weight: 600; }
.page-nav a:hover, a:hover { color: #6a7d30; }
.page-main { width: min(920px, calc(100% - 40px)); margin: clamp(32px, 7vw, 76px) auto; }
.page-kicker { margin: 0 0 14px; color: var(--green); text-transform: uppercase; letter-spacing: .14em; font-size: .78rem; font-weight: 700; }
.page-title { max-width: 760px; margin: 0; font: 700 clamp(2.3rem, 6vw, 4rem)/1.05 'Manrope', sans-serif; letter-spacing: -.045em; }
.page-lede { max-width: 680px; margin: 22px 0 36px; color: var(--muted); font-size: clamp(1.05rem, 2vw, 1.22rem); }
.page-card { margin: 18px 0; padding: clamp(22px, 4vw, 34px); border: 1px solid var(--line); border-radius: 22px; background: var(--card); box-shadow: 0 12px 35px #24241c08; }
.page-card h2 { margin: 0 0 12px; font: 700 clamp(1.35rem, 3vw, 1.7rem)/1.2 'Manrope', sans-serif; }
.page-card h3 { margin: 24px 0 8px; font: 700 1.12rem/1.3 'Manrope', sans-serif; }
.page-card p { margin: 9px 0; color: #4d4d45; }
.page-card ul, .page-card ol { padding-left: 1.35rem; color: #4d4d45; }
.page-card li { padding: 3px 0; }
.page-callout { padding: 18px 20px; border-radius: 14px; border: 1px solid #cbd7a7; background: #f4f8e9; }
.page-callout strong { color: #334c2b; }
.page-links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.page-button { display: inline-flex; align-items: center; justify-content: center; padding: 12px 18px; border-radius: 999px; background: var(--green); color: white; font-weight: 700; text-decoration: none; }
.page-button.secondary { color: var(--green); background: #edf0e6; }
.page-foot { padding: 28px 20px 34px; border-top: 1px solid var(--line); color: var(--muted); text-align: center; font-size: .9rem; }
.page-foot nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 22px; margin-bottom: 14px; }
.page-foot a { color: var(--green); }
.draft-banner { padding: 18px 20px; border: 1px solid #d6a649; border-radius: 14px; background: #fff7e4; color: #5a4218; }
.draft-banner strong { display: block; margin-bottom: 4px; }
.faq-item { border-top: 1px solid var(--line); padding: 18px 0; }
.faq-item:first-child { border-top: 0; }
.faq-item h3 { margin: 0 0 7px; }
.support-email { font-size: clamp(1.15rem, 3vw, 1.55rem); font-weight: 700; }
@media (max-width: 640px) { .page-head { align-items: flex-start; flex-direction: column; gap: 14px; } .page-nav { justify-content: flex-start; gap: 10px 18px; } .page-nav a { font-size: .9rem; } .page-main { width: min(100% - 28px, 920px); margin: 28px auto 42px; } }