/* URLViral SEO landing pages — isolated styles, no dashboard changes */
:root{color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f9f4;color:#203d2c;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.7}a{color:#245b3d}a:focus-visible{outline:3px solid #7fbd58;outline-offset:3px}.wrap{max-width:1100px;margin:auto;padding:0 22px}.nav{background:white;border-bottom:1px solid #dce7d7}.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-top:17px;padding-bottom:17px}.brand{text-decoration:none;font-size:23px;font-weight:850;letter-spacing:-1px;color:#203d2c}.brand span{background:#cef2a7;padding:4px 10px;border-radius:9px}.navlinks{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;font-weight:650}.navlinks a{text-decoration:none}.cta{background:#203d2c;color:white;text-decoration:none;display:inline-block;padding:12px 20px;border-radius:11px;font-weight:750}.hero{background:radial-gradient(ellipse at top,#e1f3d1,#f7f9f4 72%);padding:66px 0 55px}.eyebrow{color:#598357;text-transform:uppercase;letter-spacing:1.5px;font-size:12px;font-weight:800}h1{font-size:clamp(32px,5vw,57px);line-height:1.12;letter-spacing:-1.6px;max-width:860px;margin:16px 0}h2{font-size:clamp(23px,3vw,31px);line-height:1.3;margin:0 0 12px}p{color:#556b5a;margin:0 0 20px}.lead{font-size:18px;max-width:800px}.content{padding:50px 0}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px}.article{display:grid;gap:18px}.panel,.side{background:#fff;border:1px solid #dde8d9;border-radius:17px;padding:26px}.panel p:last-child{margin-bottom:0}.side{align-self:start;position:sticky;top:16px}.side a{display:block;padding:7px 0;font-size:13px;text-decoration:none;border-bottom:1px solid #edf1eb}.side a:last-child{border:0}.note{border-left:4px solid #86bc63;padding:13px 18px;background:#eef6e8;border-radius:5px;color:#3f6244}.bottom{background:#e7f1df;padding:45px 0}.bottom .wrap{display:flex;gap:22px;align-items:center;justify-content:space-between;flex-wrap:wrap}footer{padding:24px 0;border-top:1px solid #dce7d7;font-size:12px;color:#667d69}footer a{margin-right:12px} @media(max-width:720px){.nav .wrap{align-items:flex-start}.navlinks{width:100%;gap:10px}.hero{padding:44px 0}.content-grid{grid-template-columns:1fr}.side{position:static}.panel,.side{padding:20px}.bottom .wrap{display:block}.bottom .cta{margin-top:8px}}
