:root {
  --ink:#17211b;
  --muted:#667169;
  --paper:#f6f4ed;
  --green:#315c45;
  --green-dark:#13241b;
  --lime:#ddeb8c;
  --line:#dcded5;
  --white:#fff;
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif; }
button,input,select,textarea { font:inherit; }
a,button,input,select,textarea,summary { outline-offset:4px; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible { outline:3px solid #84a522; }
.skip-link { position:fixed; z-index:20; top:12px; left:12px; padding:10px 14px; border-radius:8px; background:var(--ink); color:#fff; transform:translateY(-160%); }
.skip-link:focus { transform:none; }

.site-header { position:sticky; z-index:50; top:0; border-bottom:1px solid transparent; background:rgba(246,244,237,.94); background:color-mix(in srgb,var(--paper) 92%,transparent); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); transition:border-color .2s ease,box-shadow .2s ease; }
.site-header.is-scrolled { border-bottom-color:var(--line); box-shadow:0 10px 30px #17211b0b; }
.top,main,footer { max-width:1180px; margin:auto; }
.top { height:64px; display:flex; align-items:center; justify-content:space-between; padding:0 28px; }
.brand { font-size:23px; font-weight:800; text-decoration:none; color:var(--ink); }
.brand span { color:#84a522; }
nav { display:flex; gap:23px; align-items:center; }
nav a,footer a { color:inherit; text-decoration:none; }
nav > a:not(.button):hover,footer a:hover { text-decoration:underline; text-underline-offset:5px; }
.mobile-nav { display:none; }
.nav-link { position:relative; padding:7px 3px; border-radius:8px; color:var(--muted); font-size:15px; font-weight:650; transition:color .2s ease; }
.nav-link::after { content:""; position:absolute; right:3px; bottom:3px; left:3px; height:2px; border-radius:2px; background:var(--green); transform:scaleX(0); transition:transform .2s ease; }
.nav-link:hover,.nav-link.is-active { color:var(--ink); text-decoration:none!important; }
.nav-link.is-active::after { transform:scaleX(1); }

.button { display:inline-flex; min-height:48px; align-items:center; justify-content:center; border:0; border-radius:999px; padding:13px 22px; background:var(--green); color:white!important; text-decoration:none; font-weight:750; cursor:pointer; transition:transform .2s ease,background .2s ease; }
.button:hover { transform:translateY(-2px); background:#284f3a; }
.button:disabled { cursor:wait; opacity:.7; transform:none; }
.button.ghost { min-height:38px; padding:7px 17px; background:transparent; color:var(--ink)!important; border:1px solid var(--line); }
.button.ghost:hover { background:#fff; }
.portal-account-link { max-width:230px; gap:8px; }
.portal-account-link [data-portal-label] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.portal-account-link.is-authenticated::before { content:attr(data-initial); display:grid; width:24px; height:24px; flex:0 0 24px; place-items:center; border-radius:50%; background:var(--green); color:#fff; font-size:12px; font-weight:800; }
.button--lime { background:var(--lime); color:var(--ink)!important; }
.button--lime:hover { background:#e6f39c; }
.text-link { color:var(--ink); font-weight:750; text-underline-offset:5px; }

.section,[id] { scroll-margin-top:78px; }
.section { padding:100px 28px; }
.eyebrow { margin:0; font-size:13px; text-transform:uppercase; letter-spacing:.15em; color:var(--green); font-weight:800; }
.eyebrow--light { color:var(--lime); }
.section-heading { display:grid; grid-template-columns:1.25fr .75fr; gap:70px; align-items:end; margin-bottom:44px; }
.section-heading h2,.audience h2,.signup h2,.location h2 { margin:18px 0 0; font-family:Georgia,serif; font-size:clamp(40px,5vw,62px); line-height:1.03; letter-spacing:-.035em; }
.section-heading > p,.audience-copy > p,.location-copy > p { margin:0; color:var(--muted); font-size:18px; line-height:1.65; }

.hero { min-height:620px; padding:92px 28px 90px; display:grid; grid-template-columns:1.3fr .7fr; gap:70px; align-items:center; }
.hero h1 { margin:22px 0; font-family:Georgia,serif; font-size:clamp(52px,6vw,88px); line-height:.98; letter-spacing:-.045em; }
.lead { max-width:680px; color:var(--muted); font-size:21px; line-height:1.55; }
.actions { display:flex; align-items:center; gap:24px; margin:35px 0; }
.note { max-width:500px; color:var(--muted); font-size:14px; }
.card { padding:35px; border-radius:30px; background:var(--ink); color:white; box-shadow:0 30px 80px #304a3830; transform:rotate(2deg); }
.card-date { color:var(--lime); font-weight:700; }
.card h2 { margin:45px 0 8px; font-family:Georgia,serif; font-size:34px; }
.card p { color:#bac2bd; }
.card hr { margin:40px 0 12px; border:0; border-top:1px solid #ffffff25; }
.card-row { display:flex; justify-content:space-between; padding:14px 0; }
.card-row b { color:var(--lime); }

.formats-section { border-top:1px solid var(--line); }
.format-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.format-card { min-height:440px; padding:30px; border:1px solid var(--line); border-radius:24px; background:#fbfaf6; display:flex; flex-direction:column; }
.format-card--accent { background:var(--green); color:#fff; border-color:var(--green); }
.format-number { margin-left:auto; color:#8aa72b; font-weight:800; }
.format-card--accent .format-number { color:var(--lime); }
.format-tag { margin:56px 0 14px!important; color:#78902d!important; font-size:12px!important; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.format-card--accent .format-tag { color:var(--lime)!important; }
.format-card h3 { margin:0 0 15px; font:36px Georgia,serif; }
.format-card > p { margin:0; color:var(--muted); line-height:1.6; }
.format-card--accent > p { color:#d2dad5; }
.format-card ul { display:grid; gap:10px; margin:auto 0 0; padding:25px 0 0; border-top:1px solid var(--line); list-style:none; }
.format-card--accent ul { border-color:#ffffff25; }
.format-card li::before { content:"•"; margin-right:9px; color:#84a522; }
.format-card--accent li::before { color:var(--lime); }

.features { border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:grid; grid-template-columns:repeat(3,1fr); }
.features article { padding:55px 35px; border-right:1px solid var(--line); }
.features article:last-child { border:0; }
.features span { color:#85a02c; font-weight:800; }
.features h2 { font-family:Georgia,serif; font-size:30px; }
.features p { color:var(--muted); line-height:1.6; }

.audience { display:grid; grid-template-columns:.85fr 1.15fr; gap:90px; align-items:center; }
.audience-copy > p { margin:28px 0; }
.audience-list { border-top:1px solid var(--line); }
.audience-list article { position:relative; padding:28px 10px 28px 165px; border-bottom:1px solid var(--line); }
.audience-list article > span { position:absolute; left:0; top:34px; color:#78902d; font-size:13px; font-weight:800; text-transform:uppercase; }
.audience-list h3 { margin:0 0 8px; font:28px Georgia,serif; }
.audience-list p { margin:0; color:var(--muted); line-height:1.55; }

.steps { border-top:1px solid var(--line); }
.steps h2 { margin:18px 0 42px; font:clamp(40px,5vw,58px) Georgia,serif; }
.steps ol { display:grid; grid-template-columns:repeat(3,1fr); gap:25px; padding:0; list-style:none; counter-reset:steps; }
.steps li { min-height:190px; padding:28px; border-radius:18px; background:white; display:grid; gap:12px; counter-increment:steps; align-content:start; }
.steps li::before { content:counter(steps); color:#85a02c; font-weight:800; }
.steps li b { font-size:18px; }
.steps li span { color:var(--muted); line-height:1.5; }

.signup { width:calc(100% - 56px); margin:0 28px 100px; padding:72px; border-radius:32px; background:var(--green-dark); color:#fff; display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; }
.signup h2 { margin-bottom:24px; }
.signup-copy > p { color:#c6d0ca; font-size:18px; line-height:1.6; }
.signup-promise { display:flex; flex-wrap:wrap; gap:10px; margin-top:30px; }
.signup-promise span { padding:8px 12px; border:1px solid #ffffff20; border-radius:999px; color:#dbe3de; font-size:13px; }
.contact-form { padding:32px; border-radius:22px; background:#fff; color:var(--ink); }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.contact-form label:not(.consent-switch):not(.honeypot),.format-field { display:grid; gap:8px; }
.contact-form label > span:first-child { font-size:13px; font-weight:750; }
.field-label { font-size:13px; font-weight:750; }
.contact-form input,.contact-form textarea { width:100%; border:1px solid #ced3cc; border-radius:11px; padding:13px 14px; background:#fafbf8; color:var(--ink); }
.contact-form textarea { min-height:112px; resize:vertical; }
.custom-select { position:relative; }
.select-trigger { width:100%; min-height:49px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 14px; border:1px solid #ced3cc; border-radius:11px; background:#fafbf8; color:#6d726f; text-align:left; cursor:pointer; transition:border-color .2s ease,box-shadow .2s ease,background .2s ease; }
.select-trigger:hover,.custom-select.is-open .select-trigger { border-color:#8ba18f; background:#fff; }
.custom-select.is-open .select-trigger { box-shadow:0 0 0 3px #315c4515; }
.select-trigger.has-value { color:var(--ink); }
.select-chevron { width:9px; height:9px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-2px) rotate(45deg); transition:transform .2s ease; }
.custom-select.is-open .select-chevron { transform:translateY(2px) rotate(225deg); }
.select-options { position:absolute; z-index:15; top:calc(100% + 6px); right:0; left:0; overflow:hidden; padding:5px; border:1px solid #d7dcd5; border-radius:12px; background:#fff; box-shadow:0 14px 35px #17211b1f; }
.select-options button { width:100%; min-height:42px; display:flex; align-items:center; padding:9px 12px; border:0; border-radius:8px; background:transparent; color:var(--ink); text-align:left; cursor:pointer; }
.select-options button:hover,.select-options button:focus-visible { background:#f0f4e8; }
.select-options button[aria-selected="true"] { background:#edf3df; }
.select-options b { font-size:15px; }
.format-field.has-error .select-trigger { border-color:#b94a48; box-shadow:0 0 0 3px #b94a4812; }
.full-field { margin-top:20px; }
.honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.consent-switch { display:flex; align-items:center; gap:11px; margin:20px 0; color:var(--muted); font-size:13px; line-height:1.4; cursor:pointer; }
.consent-switch input { position:absolute; width:1px; height:1px; opacity:0; }
.switch-track { position:relative; flex:0 0 42px; width:42px; height:24px; border-radius:999px; background:#c7ccc7; transition:.2s; }
.switch-track::after { content:""; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:#fff; box-shadow:0 1px 3px #0003; transition:.2s; }
.consent-switch input:checked + .switch-track { background:var(--green); }
.consent-switch input:checked + .switch-track::after { transform:translateX(18px); }
.consent-switch input:focus-visible + .switch-track { outline:3px solid #84a522; outline-offset:3px; }
.form-submit { display:flex; align-items:center; gap:18px; }
.form-status { margin:0; color:var(--muted); font-size:14px; line-height:1.4; }
.form-status.success { color:#27623f; }
.form-status.error { color:#a12d2d; }

.faq { border-top:1px solid var(--line); }
.faq-list { border-top:1px solid var(--line); }
.faq details { border-bottom:1px solid var(--line); }
.faq summary { position:relative; padding:25px 50px 25px 0; cursor:pointer; font:23px Georgia,serif; list-style:none; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary::after { content:"+"; position:absolute; right:5px; top:20px; color:#769126; font:30px system-ui; }
.faq details[open] summary::after { content:"−"; }
.faq details p { max-width:800px; margin:-5px 0 25px; color:var(--muted); line-height:1.65; }

.location { display:grid; grid-template-columns:.75fr 1.25fr; gap:70px; align-items:center; border-top:1px solid var(--line); }
.location-copy > p { margin:25px 0 30px; }
.map-wrap { min-height:420px; overflow:hidden; border-radius:26px; background:#e5e7df; box-shadow:0 20px 50px #304a381c; }
.map-wrap iframe { display:block; width:100%; height:420px; border:0; }

footer { padding:35px 28px; border-top:1px solid var(--line); display:flex; gap:30px; color:var(--muted); }
footer .staff { margin-left:auto; }