/* Manus section structure, MOVO typography and shared shell. */
#movo-content{background:#fafaf9;padding-top:60px}
#movo-content .container{width:min(1120px,calc(100% - 48px));margin-inline:auto}
#movo-content .design-announcement{display:block;text-align:center;background:#f1f1ef;padding:14px 20px;color:#353337;font-size:14px}
#movo-content .design-hero{text-align:center;padding-top:0;padding-bottom:150px}
#movo-content .design-hero h1{max-width:900px;margin:calc(40px + clamp(43.7px,4.945vw,71.3px)) auto 0;font-size:clamp(38px,4.3vw,62px);line-height:1.15;letter-spacing:-.045em;font-weight:750}
#movo-content .hero-description{max-width:800px;margin:24px auto 0;font-size:18px;line-height:1.65}
#movo-content .design-composer,#movo-content .design-suggestions{max-width:830px;margin:48px auto 0;padding:20px;background:#fff;border:1px solid #e9e7e9;border-radius:24px;text-align:left;box-shadow:0 2px 8px #16121c05}
#movo-content .design-composer textarea{display:block;width:100%;min-height:124px;max-height:160px;padding:4px 3px 16px;border:0;border-radius:6px;background:#fff;color:#252231;font:inherit;font-size:16px;line-height:24px;resize:none;overflow-y:auto}
#movo-content .design-composer textarea::placeholder{color:#85818c;opacity:1}
#movo-content .design-composer textarea::-webkit-scrollbar{width:6px}
#movo-content .design-composer textarea::-webkit-scrollbar-track{background:transparent}
#movo-content .design-composer textarea::-webkit-scrollbar-thumb{border-radius:999px;background:#cbc7d2}
#movo-content .design-composer textarea::-webkit-scrollbar-thumb:hover{background:#a8a1b5}
#movo-content .design-composer textarea::-webkit-scrollbar-corner{background:transparent}
@supports not selector(::-webkit-scrollbar){
#movo-content .design-composer textarea{scrollbar-width:thin;scrollbar-color:#cbc7d2 transparent}
}
#movo-content .design-composer-toolbar{display:flex;gap:14px;align-items:center;margin-top:14px;color:#777;font-size:14px}
#movo-content .design-composer-toolbar a{color:#39333f;font-size:24px}
#movo-content .design-composer-toolbar .design-send{margin-left:auto;min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border:0;background:#7851df;color:white;border-radius:999px;font:inherit;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer}
#movo-content .design-suggestions{margin-top:44px;padding:16px}
#movo-content .design-suggestions-heading{display:flex;justify-content:space-between;gap:12px;padding:4px 8px 16px;font-size:14px}
#movo-content .design-suggestions-heading a{color:#716b78}
#movo-content .design-suggestions-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#movo-content .design-suggestions-grid button{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;min-height:84px;padding:20px;border:1px solid #efedef;border-radius:14px;background:#fff;font:inherit;font-size:14px;cursor:pointer;color:#343039}
#movo-content .design-suggestions-grid button:hover{background:#f7f4fc}
#movo-content .design-section{padding-bottom:150px}
#movo-content .section-heading{margin-bottom:56px}
#movo-content .section-heading h2{font-size:clamp(30px,3.2vw,44px);line-height:1.2;max-width:880px;margin:auto}
#movo-content .section-heading p{max-width:800px;margin:20px auto 0;color:#6b6b6b;font-size:17px;line-height:1.6}
#movo-content .feature-list{gap:52px}
#movo-content .feature-row{gap:80px;min-height:320px}
#movo-content .design-media-slot{aspect-ratio:3/2;width:100%}
#movo-content .feature-reverse .design-media-slot{grid-column:2;grid-row:1}
#movo-content .feature-copy h3{font-size:32px;line-height:1.2}
#movo-content .feature-copy p{font-size:17px;line-height:1.65}
#movo-content .design-button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;margin-top:28px;padding:12px 24px;background:#7851df;color:white;border-radius:999px;font-size:14px;font-weight:600;line-height:1.4;text-align:center}
#movo-content .design-button:hover{background:#6944ca}
#movo-content .design-secondary{background:#eeecf0;color:#38323e}
#movo-content .design-secondary:hover{background:#e4deeb}
#movo-content .design-center{text-align:center}
#movo-content .design-comparison{border:1px solid #e7e4e9;border-radius:16px;overflow:hidden}
#movo-content table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:15px;line-height:1.6;text-align:left}
#movo-content th,#movo-content td{padding:20px;vertical-align:top;border-bottom:1px solid #e7e4e9;overflow-wrap:anywhere}
#movo-content th:first-child{width:27%}
#movo-content td{color:#6b6b6b}
#movo-content tbody tr:last-child>*{border-bottom:0}
#movo-content .design-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:24px}
#movo-content .design-tabs button{border:0;border-radius:999px;padding:12px 20px;background:transparent;color:#534c5a;font:inherit;font-size:14px;cursor:pointer}
#movo-content .design-tabs button[aria-selected=true]{background:#ede9f2;color:#29222f}
#movo-content .design-gallery-slot{aspect-ratio:16/9}
#movo-content .design-gallery-controls{display:flex;justify-content:space-between;margin-top:24px}
#movo-content .design-gallery-controls button{background:transparent;border:0;color:#51495b;padding:12px;font:inherit;font-size:14px;cursor:pointer}
#movo-content .design-gallery-controls button:disabled{opacity:.35;cursor:default}
#movo-content .info-grid{text-align:center;gap:32px}
#movo-content .info-card h3{font-size:21px}
#movo-content .info-card p{font-size:16px;line-height:1.6}
#movo-content .design-audience-slot{height:180px}
#movo-content .faq-list{max-width:1120px}
#movo-content .faq-item{background:transparent}
#movo-content .faq-item summary{padding-block:25px}
#movo-content .design-tool-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;max-width:1000px;margin:auto}
#movo-content .design-tool-links a{background:#eeecf0;color:#38323e;border-radius:12px;padding:14px 18px;font-size:14px;line-height:1.5}
#movo-content .design-tool-links a:hover{background:#e4deeb}
#movo-content #closing{padding-block:40px 160px}
#movo-content #closing .section-heading{margin-bottom:0}
#movo-content :is(button,a,textarea):focus-visible{outline:2px solid #7851df;outline-offset:4px}
@media(max-width:700px){
#movo-content .container{width:calc(100% - 32px)}
#movo-content .design-hero{padding-bottom:88px}
#movo-content .design-hero h1{margin-top:71.7px}
#movo-content .design-hero h1 br{display:none}
#movo-content .hero-description{font-size:16px}
#movo-content .design-composer{padding:16px;margin-top:32px}
#movo-content .design-composer textarea{min-height:145px}
#movo-content .design-suggestions-grid{gap:8px}
#movo-content .design-suggestions-grid button{min-height:88px;padding:12px;font-size:12px}
#movo-content .design-suggestions-heading{font-size:12px;padding-inline:0}
#movo-content .design-section{padding-bottom:88px}
#movo-content .section-heading{margin-bottom:32px}
#movo-content .section-heading p{font-size:16px}
#movo-content .feature-row{gap:20px;min-height:0}
#movo-content .feature-copy h3{font-size:26px}
#movo-content .feature-copy p{font-size:16px}
#movo-content th,#movo-content td{padding:12px 8px;font-size:12px}
#movo-content .design-tabs{gap:4px}
#movo-content .design-tabs button{padding:10px 8px;font-size:12px}
#movo-content .design-audience-slot{height:140px}
#movo-content .design-tool-links a{font-size:13px}
#movo-content #closing{padding-block:0 88px}
}
/* White assets mark all pending media, including prompt-card thumbnails. */
#movo-content .design-image-placeholder{position:relative;background:#fff;border:1px solid #e5e2e8;border-radius:16px;overflow:hidden}
#movo-content .design-image-placeholder>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill}
#movo-content .design-image-placeholder>span{position:absolute;left:12px;bottom:12px;padding:5px 9px;border-radius:6px;background:#f6f5f7;color:#89828f;font-size:12px;line-height:1.4;font-weight:400}
#movo-content .design-thumb{display:block;flex:0 0 72px;width:72px;height:52px;border-radius:8px}
#movo-content .design-thumb>span{left:0;right:0;bottom:0;padding:4px 0;text-align:center;font-size:10px;background:transparent}
@media(max-width:700px){
#movo-content .design-suggestions-grid button{flex-wrap:wrap;align-content:space-between}
#movo-content .design-thumb{margin-left:auto}
}

#movo-content .design-thumb{height:72px;border:0;background:#fff}
#movo-content .design-thumb>img{display:block;width:100%;height:100%;object-fit:contain}

@media(max-width:900px){#movo-content{padding-top:56px}}
#movo-content #design-prompt:focus,
#movo-content #design-prompt:focus-visible{outline:none;box-shadow:none}

#movo-content .design-photo{position:relative;overflow:hidden;border-radius:16px;background:#f2eee8}
#movo-content .design-photo>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
#movo-content .design-audience-slot.design-photo>img{object-position:center 40%}

#movo-content #audience .design-audience-slot{height:auto;aspect-ratio:1672/941}
#movo-content #audience .design-audience-slot>img{object-fit:contain;object-position:center}

#movo-content .design-composer-toolbar .design-workspace{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 12px;border:1px solid #e5e2e8;border-radius:12px;font-size:14px;line-height:1.4;white-space:nowrap;color:#716b78;background:#fff}
#movo-content .design-workspace span{font-size:22px;line-height:1;color:#39333f}
#movo-content .design-composer-toolbar .design-workspace:hover{background:#f7f4fc;border-color:#d6cfe2}
@media(max-width:360px){#movo-content .design-composer-toolbar{gap:8px}#movo-content .design-composer-toolbar .design-workspace{padding-inline:8px;gap:4px}#movo-content .design-composer-toolbar .design-send{padding-inline:12px}}
