/* MochiBot public product pages. Brand and account styles remain in their shared folders. */
body.home-page .web-main .mochibot-home-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.8fr);gap:56px;align-items:center;text-align:left;padding:30px 0 44px}
body.home-page .mochibot-home-copy{min-width:0}
body.home-page .web-main .mochibot-home-hero h1{font-size:clamp(34px,4.2vw,52px);margin:18px 0;line-height:1.32;max-width:750px;text-wrap:balance}
body.home-page .web-main .mochibot-home-hero p{margin:20px 0;max-width:670px}
body.home-page .mochibot-home-hero .web-actions{justify-content:flex-start;margin-top:26px}
body.home-page .web-main .mochibot-home-hero .mochibot-hero-note{font-size:13px;color:#64748b;margin-top:20px}
.mochibot-home-preview{margin:0;min-width:0;padding:26px 24px 18px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(145deg,#f3f8ff,#eaf3ff);border:1px solid #e1ecfa;border-radius:28px}
.mochibot-home-preview img{display:block;width:210px;max-width:100%;height:auto;border:1px solid #d5e3f4;border-radius:20px;box-shadow:0 12px 35px #24496c14}
.mochibot-home-preview figcaption{font-size:11px;color:#65758b;text-align:center;margin-top:14px}
.site-public .web-main .mochibot-benefits,.site-public .web-main .mochibot-start-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.mochibot-benefits blockquote{font-size:14px;line-height:1.85;color:#274466;background:#f3f8ff;border-left:3px solid #0068ce;border-radius:0 8px 8px 0;margin:0;padding:14px 16px;width:100%}
.site-public .web-main .mochibot-hosting-callout{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;padding:30px;background:#f3f8ff;border:1px solid #dbe9f9;border-radius:18px}
.mochibot-hosting-callout h2{margin:10px 0;font-size:25px;line-height:1.5}
.mochibot-hosting-callout p{margin-bottom:0;max-width:710px;color:#526175;font-size:14px}
.mochibot-hosting-callout .web-actions{display:flex;flex-direction:column;align-items:stretch;margin:0}
.site-public .web-main .mochibot-advanced-entry{border-top:1px solid #e3e8ef;padding-top:28px}
.site-public .web-main .mochibot-advanced-entry h2{font-size:20px}
.mochibot-advanced-entry p{max-width:850px;color:#526175;font-size:14px}
.mochibot-start-page .web-section>h2{margin-top:10px}
.mochibot-instructions{padding-left:24px;line-height:1.9;color:#526175;margin:0 0 20px}
.mochibot-instructions li+li{margin-top:12px}
.mochibot-start-page .web-card>.web-actions{margin-top:8px}
@media(max-width:900px){body.home-page .web-main .mochibot-home-hero{gap:28px;grid-template-columns:minmax(0,1fr) 240px}.mochibot-home-preview{padding:18px 16px}.mochibot-home-preview img{width:180px}.site-public .web-main .mochibot-hosting-callout{grid-template-columns:1fr}.mochibot-hosting-callout .web-actions{flex-direction:row;flex-wrap:wrap}}
@media(max-width:700px){body.home-page .web-main .mochibot-home-hero{grid-template-columns:1fr;gap:24px;padding:16px 0 24px}.mochibot-home-preview{max-width:250px;justify-self:center;width:100%;padding:18px 20px}.mochibot-home-preview img{width:160px}.site-public .web-main .mochibot-benefits,.site-public .web-main .mochibot-start-cards{grid-template-columns:1fr}.site-public .web-main .mochibot-hosting-callout{padding:24px}.mochibot-hosting-callout .web-actions{align-items:stretch;flex-direction:column}}


#main-content .web-hero h1{text-wrap:balance}
.mochibot-page .web-section,.mochibot-page .anchor-target{scroll-margin-top:100px}
.mochibot-page .anchor-target{display:block}
.bot-download-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:24px;align-items:stretch}
.bot-download-grid .download-panel,.bot-platform-card{min-width:0;margin:0}
.bot-platform-card{padding:28px;border:1px solid #dce5f0;border-radius:20px;background:#f6f9ff}
.bot-platform-card h3{margin-top:14px}
.bot-platform-card p{color:#536580;line-height:1.8}
.bot-platform-card .pill{background:#e8effa;color:#526175}
.bot-download-grid .download-hash{display:block;overflow-wrap:anywhere;word-break:break-all}
.brand-app-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:24px}
.brand-app-gallery figure{min-width:0;margin:0;text-align:center}
.brand-app-gallery img{display:block;width:100%;max-width:300px;height:auto;margin:0 auto;border:1px solid #dce5f0;border-radius:20px;background:#f4f8fe}
.brand-app-gallery figcaption{margin-top:14px;color:#526175;font-size:14px;line-height:1.7}
.bot-setup-intro{max-width:760px;color:#536580;line-height:1.8}
.bot-setup-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;margin:24px 0;padding:0;counter-reset:bot-step}
.bot-setup-steps li{min-width:0;padding:26px;border:1px solid #dce5f0;border-radius:18px;background:#fff;counter-increment:bot-step}
.bot-setup-steps li:before{content:counter(bot-step);display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:10px;background:#eaf3ff;color:#0066cc;font-weight:700}
.bot-setup-steps h3{margin:16px 0 10px;font-size:20px}
.bot-setup-steps p{margin:0;color:#536580;line-height:1.8}
.bot-setup-steps a{display:inline-block;margin-top:12px}
.bot-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0}
.bot-capabilities article{min-width:0;padding-top:18px;border-top:2px solid #dce9fc}
.bot-capabilities h3{font-size:20px;margin:0 0 10px}
.bot-capabilities p{color:#536580;line-height:1.8;margin:0}
.bot-support-card{padding:28px;border:1px solid #dce5f0;border-radius:18px;background:#f6f9ff}
.bot-support-card p:last-child{margin-bottom:0}
.bot-advanced{padding:28px;border:1px solid #dce5f0;border-radius:18px;background:#fff}
.bot-advanced summary{cursor:pointer;font-size:18px;font-weight:700;color:#22314a}
.bot-advanced p{color:#536580;line-height:1.8}
.bot-advanced .guide-next-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:18px}
@media(max-width:1050px){.brand-app-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.bot-setup-steps{gap:14px}.bot-setup-steps li{padding:22px}}
@media(max-width:700px){.bot-download-grid,.bot-setup-steps,.bot-capabilities{grid-template-columns:1fr}.bot-platform-card,.bot-support-card,.bot-advanced{padding:22px}.bot-capabilities{gap:18px}.bot-setup-steps li{padding:22px}}
@media(max-width:600px){.brand-app-gallery{gap:20px 12px}.brand-app-gallery img{border-radius:14px}.brand-app-gallery figcaption{margin-top:10px;font-size:13px}}