/* Server-written home content for crawlers that do not run JavaScript. React replaces it on first render. */
#seo-home { max-width: 1120px; margin: 0 auto; padding: 20px 20px 56px; font-family: "Satoshi", system-ui, sans-serif; color: #141714; background: #fff; }
html.js #seo-home { opacity: 0; animation: seo-home-show 0.2s ease 4s forwards; }
@keyframes seo-home-show { to { opacity: 1; } }
#seo-home header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; }
#seo-home nav { display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 15px; }
#seo-home a { color: #2f6b1a; text-decoration: none; }
#seo-home a:hover { text-decoration: underline; }
#seo-home h1 { font-size: clamp(34px, 6vw, 60px); line-height: 1.02; font-weight: 900; letter-spacing: -0.02em; margin: 40px 0 14px; max-width: 15ch; }
#seo-home h2 { font-size: 22px; line-height: 1.2; font-weight: 700; margin: 40px 0 12px; }
#seo-home p, #seo-home li { font-size: 16px; line-height: 1.55; color: #3d433b; }
#seo-home .lead { font-size: 18px; max-width: 62ch; }
#seo-home ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 10px 28px; }
#seo-home li > strong { color: #141714; }
#seo-home footer { margin-top: 48px; padding-top: 18px; border-top: 1px solid #e7e9e4; font-size: 14px; color: #5b6158; }