.ecosystem-section{width:min(1240px,88%);margin:0 auto;padding:70px 0}.ecosystem-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:30px}.ecosystem-heading h2,.agents-intro h2,.community-invite h2{font-size:clamp(29px,3vw,43px);line-height:1.3;margin:0}.ecosystem-heading h2 span,.agents-intro h2 span,.community-invite h2 span{color:#81946d}.ecosystem-heading>p,.agents-intro>p{max-width:440px;margin:0;color:#647456;font-size:19px;line-height:1.6}.customize-stage{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d9e3cf;border-radius:26px;overflow:hidden;background:#fff}.customize-copy{padding:clamp(28px,4vw,55px);display:flex;flex-direction:column;align-items:start}.customize-intro{font-size:18px;color:#66765b;margin:0 0 18px}.ecosystem-switch,.agent-switch{display:flex;gap:7px;flex-wrap:wrap}.ecosystem-switch button,.agent-switch button{border:1px solid #d9e3cf;background:#f5f8f0;border-radius:10px;padding:12px 16px;color:#617455;font-size:16px;line-height:1.25}.ecosystem-switch button:hover,.agent-switch button:hover{background:#e9f0df}.ecosystem-switch button[aria-pressed=true],.agent-switch button[aria-pressed=true]{background:#4f7137;border-color:#4f7137;color:white}.customize-description{margin:32px 0;min-height:140px}.customize-description h3,.agent-detail h3{font-size:clamp(23px,2vw,29px);font-weight:550;line-height:1.3;letter-spacing:-.025em;margin:0 0 12px}.customize-description p,.customize-export,.agent-detail p,.agent-note,.customize-foot{font-size:18px;line-height:1.6;color:#647456;margin:0}.customize-export{margin-top:auto;padding-top:23px;border-top:1px solid #e4eadf}.customize-export strong{color:#405c30;font-weight:600}.customize-preview{padding:clamp(25px,4vw,55px);display:flex;align-items:center;background:#e9f0df}.preview-window{width:100%;background:#fff;border:1px solid #d0dec4;border-radius:15px;overflow:hidden;box-shadow:0 18px 35px #415d2c12}.preview-bar{height:55px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e3eadc}.preview-brand{display:flex;align-items:center;gap:7px;font-size:17px;font-weight:750}.preview-dots{color:#b3c5a3;letter-spacing:3px;font-size:10px}.preview-body{display:grid;grid-template-columns:54px 1fr;min-height:300px}.preview-side{border-right:1px solid #e3eadc;background:#f9fbf6;padding:22px 15px}.preview-side span{display:block;height:8px;background:#d5e1cb;border-radius:4px;margin-bottom:20px}.preview-main{padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.preview-shape{height:145px;display:grid;place-items:center}.preview-shape span{width:115px;height:80px;border:2px solid #8ca879;background:#dbe9d1;transform:rotate(-20deg) skew(15deg);box-shadow:12px 12px #b5ceaa}.preview-message{padding:15px 18px;background:#eff4e9;border-radius:12px;color:#3e5732}.preview-message span{display:block;color:#74876a;font-size:15px;margin-bottom:7px}.preview-message strong{font-size:17px;line-height:1.45;font-weight:550}.customize-foot{margin:22px 0 0}.agents-section{display:grid;grid-template-columns:1fr 1.15fr;gap:9%;border-top:1px solid #dfe7d9}.agents-intro>p{margin-top:22px}.agents-content{min-width:0}.agent-detail{display:flex;gap:20px;align-items:start;margin:28px 0 24px}.agent-symbol{display:grid;place-items:center;flex:none;width:58px;height:58px;background:#e5eed9;border-radius:15px;color:#587b3d;font-size:32px}.agent-note{padding-top:22px;border-top:1px solid #dfe7d9}.community-invite{margin:0 18px 20px;border-radius:26px;background:#e4edd9;overflow:hidden;display:grid;grid-template-columns:1fr .7fr;align-items:center;gap:40px;padding:58px max(6%,calc((100% - 1240px)/2))}.community-invite>div:first-child{max-width:690px}.community-invite p{font-size:19px;line-height:1.65;color:#617456;margin:20px 0 25px}.community-link{display:inline-flex;align-items:center;gap:18px;color:#395d29;font-size:18px;font-weight:600;border-bottom:1px solid #88a774;padding:0 0 8px}.community-link span{font-size:23px}.community-visual{position:relative;height:210px;max-width:340px;width:100%;justify-self:center}.community-sheet{position:absolute;width:190px;height:175px;border:1px solid #cbdcc0;border-radius:15px;background:#f8fbf4;box-shadow:0 12px 25px #4b6b3512;padding:22px}.sheet-back{left:15%;top:5px;transform:rotate(-9deg);background:#d9e8cf}.sheet-front{left:37%;top:25px;transform:rotate(7deg)}.community-sheet span,.community-sheet i{display:block;height:8px;background:#d2e1c8;border-radius:5px;margin-top:14px}.community-sheet i{width:75%;height:6px}.community-sheet i:last-child{width:52%}.community-mark{font-size:35px;line-height:1;color:#6f9755}
@media(max-width:760px){.ecosystem-section{width:calc(100% - 48px);padding:42px 0}.ecosystem-heading{display:block;margin-bottom:22px}.ecosystem-heading h2,.agents-intro h2,.community-invite h2{font-size:clamp(25px,6.4vw,34px)}.ecosystem-heading>p,.agents-intro>p{font-size:17px;margin-top:15px}.customize-stage{grid-template-columns:1fr;border-radius:20px}.customize-copy{padding:24px}.customize-intro{font-size:16px}.ecosystem-switch,.agent-switch{gap:6px}.ecosystem-switch button,.agent-switch button{font-size:15px;padding:10px 12px;min-height:43px}.customize-description{margin:25px 0;min-height:0}.customize-description h3,.agent-detail h3{font-size:22px}.customize-description p,.customize-export,.agent-detail p,.agent-note,.customize-foot{font-size:16px}.customize-preview{padding:24px}.preview-body{min-height:230px}.preview-shape{height:100px}.preview-shape span{width:85px;height:60px}.preview-message strong{font-size:16px}.agents-section{grid-template-columns:1fr;gap:24px}.agent-detail{margin:24px 0}.agent-symbol{width:48px;height:48px;font-size:27px}.community-invite{margin:0 12px 12px;padding:32px 24px;border-radius:20px;grid-template-columns:1fr;gap:15px}.community-invite p{font-size:17px}.community-link{font-size:17px}.community-visual{height:150px;max-width:270px}.community-sheet{width:145px;height:135px;padding:15px}.sheet-front{top:15px}}
.custom-preview-content{min-height:155px;display:flex;flex-direction:column;justify-content:center;gap:18px;color:#466033}.custom-tool{display:flex;align-items:center;gap:17px;padding:20px;border:1px solid #d8e3cd;border-radius:12px;background:#f4f8ed}.custom-tool strong,.custom-preview-content>strong{font-size:19px;font-weight:550}.custom-tool p,.preview-description{font-size:16px;line-height:1.5;color:#7b8e69;margin:7px 0 0}.custom-tool-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid #bfcfae;border-radius:10px;color:#6d8c52;font-size:25px}.custom-palette{display:flex;gap:12px}.custom-palette span{display:block;width:34px;height:34px;border-radius:50%;border:3px solid #ffffff26}.custom-checklist{padding-left:22px;margin:0;color:#6b8059;font-size:17px;line-height:1.9}.customize-preview[data-preview=themes] .preview-window{background:#263027;border-color:#475742}.customize-preview[data-preview=themes] .preview-bar{background:#2d382d;border-color:#475742;color:#ecf0e5}.customize-preview[data-preview=themes] .preview-side{background:#293429;border-color:#475742}.customize-preview[data-preview=themes] .preview-message{background:#364431;color:#dbe8ce}.customize-preview[data-preview=themes] .custom-preview-content{color:#d4e4c1}.customize-preview[data-preview=themes] .preview-description,.customize-preview[data-preview=themes] .preview-message>span{color:#a3b494}.agent-detail{min-height:160px}.agent-note{font-size:17px}.community-sheet{box-shadow:0 8px 20px #4b6b350a}.preview-dots{display:none}
@media(max-width:760px){.custom-preview-content{min-height:150px}.custom-tool{padding:15px;gap:13px}.custom-tool strong,.custom-preview-content>strong{font-size:18px}.custom-tool p{font-size:15px}.agent-detail{min-height:150px}.agent-note{font-size:16px}.footer-inner nav{flex-wrap:wrap}}
/* A calm workshop closes the page, while the grass remains in the shared footer. */
.download-section{min-height:460px;background:#eaf0df;isolation:isolate;display:flex;align-items:center}.download-workshop{position:absolute;inset:0 0 0 44%;z-index:-1;background:url(assets/community-workshop-calm.webp) 72% 58%/cover no-repeat;image-rendering:pixelated;mask-image:linear-gradient(90deg,transparent,#000 20%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%)}.download-section .download-inner{padding:54px 30px 54px max(5%,calc((100vw - 1380px)/2));width:56%;text-align:left}.download-section .download-inner h2{font-size:clamp(30px,2.8vw,43px);line-height:1.3;max-width:18ch;text-wrap:initial;margin-bottom:22px}.download-section .download-inner>p{font-size:18px;line-height:1.65;max-width:32ch;margin-bottom:27px}.download-section .download-inner .button{font-size:17px}.customize-preview{transition:background .2s}.customize-preview[data-preview=themes]{background:#dfe7d5}
@media(max-width:760px){.download-section{display:block;min-height:0;padding-bottom:220px}.download-section .download-inner{width:100%;padding:30px 25px 27px;text-align:left}.download-section .download-inner h2{font-size:clamp(26px,6.7vw,34px);max-width:19ch}.download-section .download-inner>p{font-size:17px;max-width:30ch;margin-bottom:22px}.download-section .download-inner .button{font-size:16px}.download-workshop{inset:auto 0 0;height:240px;background-position:68% 66%;mask-image:linear-gradient(180deg,transparent,#000 16%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 16%)}}