/* Clear action hierarchy, readable groups and predictable controls. */
:root{--muted:#596652}
.site-header{position:sticky;top:0;z-index:20;height:86px;max-width:none;background:rgba(248,249,245,.97);border-bottom:1px solid var(--line);padding-inline:max(32px,calc((100vw - 1304px)/2));backdrop-filter:blur(12px)}
.site-header nav{gap:24px;margin-right:18px}
.site-header nav a{display:inline-flex;align-items:center;min-height:48px;padding:10px 12px;font-size:13px;border-radius:5px}
.site-header nav a:hover,.text-link:hover{background:#e9eee2;color:var(--green)}
.button{min-height:56px;font-size:15px;padding:18px 25px;box-shadow:0 2px 0 #27352812}
.button.small{min-height:48px;font-size:13px;padding:14px 19px}
.text-link{min-height:48px;padding:12px 8px;font-size:13px;border-radius:3px}
.hero{padding-top:64px;padding-bottom:85px}
.hero .lead{font-size:15px;line-height:2.1;margin-bottom:28px}
.hero .micro{font-size:12px;line-height:1.8;margin-top:14px}
.hero-art{user-select:none;pointer-events:none}
.demo-label{font-size:10px;line-height:1.7;bottom:-45px}
.neighbor{box-shadow:0 8px 25px #20331f0d}
.simple-features{padding-top:76px;border-top:1px solid var(--line)}
.section-intro{font-size:15px;color:var(--muted);margin:17px 0 0;line-height:1.8}
.feature-grid{gap:28px}
.feature-grid article{padding:0 0 8px}
.feature-grid h3{font-size:23px;line-height:1.7;margin-bottom:15px}
.feature-grid article>p:last-child{font-size:14px;line-height:1.95;margin-bottom:0}
.feature-visual{height:190px}
.feature-visual.collect>b,.community-copy{background:#e7eddc;color:var(--green);border:1px solid #d4ddc8;box-shadow:none}
.feature-visual.discovery>div{box-shadow:none}
.step{font-size:11px;letter-spacing:1px;margin:26px 0 12px}
.community-grid{gap:60px}
.community-grid>div>p:not(.eyebrow){font-size:15px;line-height:2.05;margin:22px 0}
.community-grid .text-link{font-size:14px}
.community-example{pointer-events:none;user-select:none;box-shadow:0 8px 30px #23351f08}
.community-search{font-size:12px;min-height:46px;display:flex;align-items:center}
.community-profile b{font-size:14px}
.community-profile small{font-size:11px;line-height:1.8}
.public-url b{font-size:12px}.public-url span{font-size:11px}
.community-copy{font-size:12px;line-height:1.8;padding:14px 10px}
.panel-caption{font-size:10px;line-height:1.9;padding:0 20px 18px}
summary{min-height:64px;padding:22px 38px 22px 8px;font-size:14px;border-radius:3px}
summary:hover{background:#eef2e8}
summary:before{font-size:16px}
details[open]{background:#f0f3eb}
details>p{font-size:13px;line-height:2;padding:0 30px 24px 37px;max-width:65ch}
.closing p:not(.eyebrow){font-size:15px;line-height:2}
.closing small{font-size:12px;line-height:1.9}
.closing .button{min-width:250px;margin-top:10px}
.closing .eyebrow{font-size:12px;letter-spacing:1px}
.closing-star{opacity:.55}
footer>div:last-child a{min-height:44px;display:inline-flex;align-items:center;font-size:12px;padding:8px 0}
footer>div:last-child{gap:8px}
footer .producer{font-size:11px;line-height:1.8;margin-top:8px}
footer small{font-size:10px;margin-top:8px}
a:focus-visible,summary:focus-visible{outline:3px solid #54753b;outline-offset:4px}
@media(max-width:1000px){.hero .lead{font-size:13px}.hero .micro{font-size:11px}.feature-grid article>p:last-child{font-size:13px}.community-grid>div>p:not(.eyebrow){font-size:14px}.site-header{padding-inline:30px}}
@media(max-width:720px){
 html{scroll-padding-top:90px}
 .site-header{height:76px;padding-inline:20px;gap:14px;backdrop-filter:none}
 .site-header .brand{font-size:23px;gap:8px;white-space:nowrap}
 .site-header .brand-icon{width:31px;height:31px}
 .site-header .button.small{font-size:12px;min-height:48px;padding:13px 15px;gap:14px}
 .hero{padding-top:37px;padding-bottom:70px;gap:38px}
 .hero .lead{font-size:14px;line-height:2;text-wrap:pretty}
 .hero .lead br{display:none}
 .hero .actions{flex-direction:column;gap:6px}
 .hero .actions .button{min-height:58px;width:min(100%,310px);font-size:15px;padding:18px 23px}
 .hero .actions .text-link{font-size:12px;min-height:44px;padding:10px;border-bottom:0}
 .hero .micro{font-size:11px;margin-top:8px}
 .demo-label{font-size:9px;bottom:-39px;margin:0;max-width:100%}
 .simple-features{padding-top:52px}
 .section-heading{margin-bottom:30px}
 .section-intro{font-size:13px;line-height:1.9;margin-top:12px}
 .feature-grid{gap:34px}
 .feature-grid article{display:grid;grid-template-columns:1fr;gap:0;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:18px 20px 23px}
 .feature-visual{grid-row:auto;height:155px;margin:0 0 21px}
 .feature-grid .step{font-size:10px;margin:0 0 10px}
 .feature-grid h3{font-size:21px;line-height:1.75;margin:0 0 12px}
 .feature-grid h3 br{display:none}
 .feature-grid article>p:last-child{font-size:14px;line-height:1.95}
 .discovery>span{font-size:10px}.discovery>div{font-size:12px;padding:12px}
 .collect>span{font-size:10px;max-width:240px;padding:9px 14px}.collect>b{font-size:10px}
 .organize span{font-size:10px}.organize p{font-size:10px}
 .community-grid{gap:30px}.community-grid h2{font-size:28px}
 .community-grid>div>p:not(.eyebrow){font-size:14px;line-height:2}
 .community-grid .text-link{font-size:14px}
 .community-search{font-size:11px;margin:18px}
 .community-profile{margin:18px}.community-profile b{font-size:13px}.community-profile small{font-size:10px}
 .public-url{margin-inline:18px;flex-wrap:wrap;gap:6px}.public-url b{font-size:12px}.public-url span{font-size:10px}
 .community-copy{font-size:11px;margin:18px}
 .panel-caption{font-size:10px}
 summary{font-size:14px;line-height:1.8;padding-block:20px;min-height:64px}
 summary:before{margin-right:10px}
 details>p{font-size:13px;padding:0 18px 22px 30px}
 .closing{padding:54px 0}
 .closing p:not(.eyebrow){font-size:14px}
 .closing small{font-size:11px;max-width:270px;margin:14px auto 0}
 .closing .button{width:min(100%,310px);font-size:15px;min-height:58px}
 footer p{font-size:11px}footer>div:last-child a{font-size:13px}
}
@media(max-width:360px){.site-header{padding-inline:14px;gap:8px}.site-header .brand{font-size:21px}.site-header .button.small{font-size:11px;padding-inline:12px;gap:8px}}
/* Richer greens and stronger separation, with a consistently light canvas. */
:root{--bg:#f5f6ef;--panel:#fff;--ink:#1f3325;--muted:#485a45;--green:#2e5135;--line:#c4cfb8;--soft:#e1e9d2;--accent:#b9d47b}
.site-header{background:rgba(245,246,239,.98);border-bottom-color:#cbd3c0}
.hero-art:before{background:#dce7c8}
.hero .eyebrow span{background:#557b32}
.hero h1>span:after{height:13px;background:#b7d377}
.hero .eyebrow,.eyebrow{color:#536c40}
.feature-visual.discovery{background:#dce8c8}
.feature-visual.collect{background:#e8dfc7}
.feature-visual.organize{background:#cfdec8}
.feature-visual.discovery>div{border-color:#b8c9a3}
.feature-visual.discovery>span{background:#f7f9ef;border-color:#bdcda9}
.feature-visual.collect>b,.community-copy{background:#d3e1b9;border-color:#aabd8d;color:#29492b}
.organize>b{color:#547032}
.community{background:#dfe8d0}
.community-search{background:#f1f4e8;border-color:#c4d0b5}
.community-profile>span{background:#d5e2be;color:#2e5135}
.community-example{border-color:#b7c7a4;box-shadow:0 10px 32px #24432512}
.closing{background:#d4e2b9;border-block:1px solid #bccd9e}
.closing-star{color:#98b469;opacity:.65}
.closing:after{border-color:#aec48c}
.closing .button{background:var(--green);color:#fff}
summary:hover,details[open]{background:#e8eedb}
.feature-grid article{border-color:#c3d0b4}
footer{border-top:1px solid #cbd3c0}
@media(max-width:720px){.feature-grid article{box-shadow:0 3px 14px #24432508}.feature-visual{border:1px solid #c0cdaa}}
/* Match the brand reference: a small olive-green dot at the wordmark baseline. */
.brand-dot{display:inline-block;color:#829e4d;margin-left:-8px;transform:translateY(1px)}
.hero h1.catchphrase{line-height:1.6;letter-spacing:-1px}.catchphrase .catch-main{display:block;font-size:clamp(25px,2.7vw,38px);white-space:nowrap}.catchphrase .catch-sub{display:inline-block;font-size:clamp(21px,2.15vw,30px);white-space:nowrap;margin-top:8px}.hero h1>.catch-main:after{display:none}.hero h1>.catch-sub:after{height:9px;bottom:2px}@media(max-width:720px){.catchphrase .catch-main{font-size:clamp(22px,6.15vw,34px);letter-spacing:-.7px}.catchphrase .catch-sub{font-size:clamp(17px,4.9vw,27px);letter-spacing:-.5px;margin-top:10px}}