:root{--brand:#49d269;--accent:#91f915;--bg:#090c0a;--surface:#141b16;--surface-2:#202a22;--border:#303f34;--text:#dee3df;--muted:#a1afa5;--heading:#ffffff;--nav-bg:#0d110e;--nav-text:#e9ebf0;--footer-bg:#070907;--footer-text:#b7bcc7;--footer-link:#e3e6ec;--cta-bg:#91f915;--cta-text:#0d0f14;--radius:4px;--btn-radius:4px;--max:1040px;--read:680px;--nav-h:60px;--font-body:'Public Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;--font-heading:'Unbounded', system-ui, -apple-system, 'Segoe UI', sans-serif}
body{margin: 0;background: var(--bg);color: var(--text);font-family: var(--font-body);font-size: 18px;line-height: 1.65;overflow-wrap: anywhere;}
svg{width: 1.1em;height: 1.1em;}
h1, h2, h3, h4{color: var(--heading);font-family: var(--font-heading);font-weight: 700;line-height: 1.3;letter-spacing: -0.025em;}
h1{font-size: clamp(30px, 5vw, 52px);}
h2{font-size: clamp(24px, 3vw, 30px);}
h3{font-size: 20px;}
h4{font-size: 18px;}
p{margin: 0 0 1.2em;}
a{color: var(--brand);text-underline-offset: 0.2em;text-decoration-thickness: 1px;transition: color 150ms, opacity 150ms;}
a:hover{color: var(--accent);}
a:focus-visible, button:focus-visible, summary:focus-visible{outline: 2px solid var(--accent);outline-offset: 4px;}
img{max-width: 100%;height: auto;}
small{font-size: 14px;}
.heron-top{background: var(--nav-bg);color: var(--nav-text);border-bottom: 1px solid var(--border);}
.heron-bar-in{min-height: var(--nav-h);padding-inline: 24px;}
.heron-logo{color: var(--nav-text);font-family: var(--font-heading);font-size: 21px;font-weight: 800;letter-spacing: -0.05em;text-decoration: none;}
.heron-links{margin: 0;padding: 0;list-style: none;}
.heron-links a{color: var(--nav-text);font-size: 14px;font-weight: 600;text-decoration: none;opacity: 0.85;}
.heron-links a:hover{color: var(--brand);opacity: 1;}
.heron-switch, .heron-switch button{background: var(--nav-bg);color: var(--nav-text);font-family: var(--font-body);font-size: 16px;border: 1px solid var(--border);border-radius: var(--btn-radius);padding: 9px 12px;cursor: pointer;}
.heron-lede{padding: clamp(40px, 7vw, 96px) 24px;background: linear-gradient(120deg, var(--nav-bg), var(--surface));border-bottom: 1px solid var(--border);border-top: 3px solid var(--brand);text-align: center;}
.heron-words{max-width: 850px;margin-inline: auto;}
.heron-heading{margin: 0 auto 22px;color: var(--heading);text-wrap: balance;}
.heron-kicker{max-width: 640px;margin: 0 auto 28px;color: var(--muted);font-size: 18px;}
.heron-ctas{text-align: center;}
.heron-btn{display: inline-flex;align-items: center;justify-content: center;box-sizing: border-box;min-height: 44px;padding: 9px 24px;border: 2px solid var(--border);border-radius: var(--btn-radius);color: var(--text);font-family: var(--font-body);font-size: 15px;font-weight: 700;line-height: 1.4;text-align: center;text-decoration: none;}
.heron-ctas .heron-btn{margin: 4px;}
.heron-solid{background: var(--cta-bg);border-color: var(--cta-bg);color: var(--cta-text);}
.heron-solid:hover{background: var(--brand);border-color: var(--brand);color: var(--cta-text);}
.heron-alt{background: transparent;border-color: var(--brand);color: var(--brand);}
.heron-alt:hover{background: var(--surface-2);color: var(--accent);}
.heron-ghost{background: var(--surface-2);color: var(--text);}
.heron-ghost:hover{background: var(--surface);color: var(--heading);}
.heron-doc{padding: 48px 24px 64px;}
.heron-frame, .heron-cols, .heron-article{min-width: 0;}
.heron-index{padding: 20px;background: var(--surface);border: 1px solid var(--border);border-top: 3px solid var(--brand);border-radius: var(--radius);}
.heron-toc-h{margin: 0 0 14px;color: var(--heading);font-family: var(--font-body);font-size: 13px;font-weight: 700;letter-spacing: 0.09em;text-transform: uppercase;}
.heron-index-list{margin: 0;padding: 0;list-style: none;}
.heron-index-list li{margin: 3px 0;}
.heron-index-list a{display: block;padding: 7px 0 7px 12px;border-left: 2px solid var(--border);color: var(--muted);font-size: 14px;line-height: 1.5;text-decoration: none;}
.heron-index-list a:hover{border-left-color: var(--brand);color: var(--brand);}
.heron-article{color: var(--text);}
.heron-row{margin-bottom: 44px;}
.heron-article h2{margin: 40px 0 20px;padding-left: 16px;border-left: 4px solid var(--brand);}
.heron-article h3{margin: 28px 0 14px;}
.heron-article h4{margin: 24px 0 12px;}
.heron-article section{scroll-margin-top: calc(var(--nav-h) + 24px);}
.heron-article section + section{margin-top: 40px;padding-top: 8px;border-top: 1px solid var(--border);}
.heron-article p, .heron-article li{color: var(--text);}
.heron-article p{max-width: var(--read);}
.heron-article ul, .heron-article ol{padding-left: 24px;margin: 16px 0 24px;}
.heron-article li{margin-bottom: 8px;}
.heron-article ul li::marker, .heron-article ol li::marker{color: var(--brand);}
.heron-article a{text-decoration: underline;}
.heron-article a:hover{color: var(--accent);}
.heron-article table{width: 100%;margin: 24px 0;border: 1px solid var(--border);border-spacing: 0;border-radius: var(--radius);background: var(--surface);font-size: 15px;line-height: 1.55;table-layout: fixed;overflow: hidden;}
.heron-article th{background: var(--surface-2);color: var(--heading);font-weight: 700;text-align: left;}
.heron-article th, .heron-article td{padding: 12px;border-bottom: 1px solid var(--border);vertical-align: top;overflow-wrap: anywhere;}
.heron-article tr:last-child td{border-bottom: 0;}
.heron-article figure{margin: 28px 0;}
.heron-article figure img{border-radius: var(--radius);}
.heron-article figcaption{margin-top: 10px;color: var(--muted);font-size: 14px;}
.heron-article blockquote{margin: 24px 0;padding: 20px 24px;border: 1px solid var(--border);border-left: 4px solid var(--brand);border-radius: var(--radius);background: var(--surface);}
.heron-article blockquote p:last-child{margin-bottom: 0;}
.heron-article hr{margin: 36px 0;border: 0;border-top: 1px solid var(--border);}
.heron-article code{background: var(--surface-2);color: var(--text);padding: 2px 5px;border-radius: var(--radius);font-family: var(--font-body);font-size: 0.9em;}
.heron-answers{margin-top: 40px;padding: 8px 24px;border: 1px solid var(--border);border-radius: var(--radius);background: var(--surface);}
.heron-answers .heron-qa-h{margin-top: 20px;}
.heron-faq-item{border-top: 1px solid var(--border);}
.heron-qa-q{padding: 16px 0;color: var(--heading);font-size: 17px;font-weight: 700;line-height: 1.5;cursor: pointer;}
.heron-qa-q::marker{color: var(--brand);}
.heron-qa-q:hover{color: var(--brand);}
.heron-qa-a{padding-bottom: 16px;color: var(--muted);font-size: 16px;}
.heron-qa-a p{color: var(--muted);}
.heron-end{padding: clamp(40px, 6vw, 72px) 24px 24px;background: var(--footer-bg);color: var(--footer-text);border-top: 1px solid var(--border);}
.heron-title{margin: 0 0 12px;color: var(--footer-link);font-family: var(--font-heading);font-size: 19px;font-weight: 700;letter-spacing: -0.035em;}
.heron-note{max-width: var(--read);color: var(--footer-text);font-size: 14px;line-height: 1.7;}
.heron-group-h{margin: 0 0 12px;color: var(--footer-text);font-family: var(--font-body);font-size: 13px;font-weight: 700;letter-spacing: 0.07em;text-transform: uppercase;}
.heron-group-list{margin: 0;padding: 0;list-style: none;}
.heron-group-list li{display: inline-block;margin: 0 18px 10px 0;}
.heron-group-list a{color: var(--footer-link);font-size: 14px;text-decoration: none;}
.heron-group-list a:hover{text-decoration: underline;}
.heron-bottom{margin-top: 32px;padding-top: 18px;border-top: 1px solid var(--border);}
.heron-copy{margin-bottom: 8px;color: var(--footer-text);font-size: 13px;}
.heron-fineprint{margin-bottom: 0;color: var(--footer-text);font-size: 12px;line-height: 1.7;opacity: 0.9;}
.heron-skip:focus{padding: 12px 24px;border: 2px solid var(--cta-bg);border-radius: var(--btn-radius);background: var(--cta-bg);color: var(--cta-text);font-family: var(--font-body);font-weight: 700;text-decoration: none;}
@media (max-width: 960px){.heron-top.has-expanded .heron-strip{background: var(--nav-bg);border-top: 1px solid var(--border);padding: 20px 24px;}.heron-links a{font-size: 16px;line-height: 2.5;}.heron-index{margin-bottom: 28px;}}
@media (max-width: 600px){.heron-bar-in{padding-inline: 16px;}.heron-doc{padding: 32px 16px 48px;}.heron-lede{padding-inline: 16px;}.heron-heading{letter-spacing: -0.035em;}.heron-answers{padding-inline: 16px;}.heron-article th, .heron-article td{padding: 10px 8px;font-size: 14px;}.heron-end{padding-inline: 16px;}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px)}
body{margin:0;overflow-x:hidden}
img,video{max-width:100%;height:auto}
.heron-skip{position:absolute;left:-9999px;top:0}.heron-skip:focus{left:12px;top:12px;z-index:2000}
.heron-top{position:relative;z-index:1000}
.heron-bar-in{position:relative;display:flex;align-items:center;gap:16px;max-width:var(--max);margin:0 auto;min-height:var(--nav-h);padding:0 clamp(16px,4vw,32px)}
.heron-logo{display:inline-flex;align-items:center;flex-shrink:0;text-decoration:none}
.heron-links{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:4px 18px}
.heron-links a{text-decoration:none}
.heron-acts{display:flex;align-items:center;gap:10px;flex-shrink:0}
.heron-acts:empty{display:none}
.heron-switch{display:none;align-items:center;justify-content:center;gap:6px;cursor:pointer;background:none;border:0;font:inherit;color:inherit;padding:8px}
.heron-switch svg{width:22px;height:22px}
.heron-bar-in{flex-direction:column;justify-content:center;padding-top:10px;padding-bottom:10px;gap:8px}
.heron-strip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 20px;width:100%}
@media (max-width:960px){.heron-switch{display:inline-flex;margin-left:auto}.heron-bar-in{flex-direction:row;flex-wrap:wrap}.heron-strip{display:contents}.heron-links{display:none;order:10;width:100%;flex-direction:column;align-items:stretch;margin:0;padding:8px 0 14px;gap:2px}.heron-links a{display:block;padding:10px 4px}.heron-top.has-expanded .heron-links{display:flex}.heron-acts{order:3;margin-left:0}.heron-switch{order:4}.heron-logo{order:1;margin-right:auto}}
.heron-intro-in{max-width:var(--max);margin:0 auto;padding-left:clamp(16px,4vw,32px);padding-right:clamp(16px,4vw,32px)}
.heron-ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.heron-ctas:empty{display:none}
.heron-heading{margin:0;overflow-wrap:anywhere}
.heron-words{text-align:center;margin:0 auto;max-width:860px}.heron-ctas{justify-content:center}
.heron-kicker{margin-left:auto;margin-right:auto}
.heron-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;cursor:pointer;white-space:nowrap;line-height:1.2}
@media (max-width:560px){.heron-ctas .heron-btn{flex:1 1 100%}.heron-acts{gap:6px}.heron-acts .heron-btn{min-height:34px;padding:0 12px;font-size:13px}.heron-logo{font-size:17px}.heron-switch{padding:6px}}
.heron-frame{max-width:var(--max);margin:0 auto;padding-left:clamp(16px,4vw,32px);padding-right:clamp(16px,4vw,32px)}
.heron-article{min-width:0}
.heron-article table{width:100%;border-collapse:collapse}
.heron-article figure{margin-left:0;margin-right:0}
.heron-article iframe{max-width:100%}
@media (max-width:720px){.heron-article table{display:block;overflow-x:auto}}
.heron-index-list{list-style:none;margin:0;padding:0}
.heron-index-list a{text-decoration:none}
.heron-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,260px);grid-template-areas:"art toc";gap:clamp(24px,4vw,48px);align-items:start}
.heron-cols>.heron-index{grid-area:toc;position:sticky;top:calc(var(--nav-h) + 20px);max-height:calc(100vh - var(--nav-h) - 40px);overflow:auto}
.heron-cols>.heron-article{grid-area:art}
.heron-index-list{display:grid;gap:2px}.heron-index-list a{display:block}
@media (max-width:960px){.heron-cols{grid-template-columns:1fr;grid-template-areas:"toc" "art"}.heron-cols>.heron-index{position:static;max-height:none}}
.heron-qa-q{cursor:pointer;list-style-position:outside}
.heron-base-in{max-width:var(--max);margin:0 auto;padding-left:clamp(16px,4vw,32px);padding-right:clamp(16px,4vw,32px)}
.heron-group-list{list-style:none;margin:0;padding:0}
.heron-group-list a{text-decoration:none}
.heron-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px}
.heron-group-list{display:grid;gap:8px}
.heron-group-list{display:flex;flex-wrap:wrap;gap:8px 20px}
.heron-groups{display:flex;flex-wrap:wrap;gap:8px 20px}
.heron-bottom{display:flex;flex-direction:column;gap:6px}