/* One high-contrast palette for the Metipost interface, including daytime mobile.
   Concept demos use their own independent documents and are not affected. */
html{background:#080510;color-scheme:dark}
html body#metipost-interface.metipost-interface{color-scheme:dark;--bg:#080510;--panel:#191226;--soft:#241832;--raised:#30213e;--text:#fff;--muted:#eee6f7;--border:#9376aa88;--line:#9376aa88;--accent-text:#e5c8ff;--nav:#100b1bf5;--card:#191226;background:#080510!important;color:#fff!important}
html body#metipost-interface.metipost-interface :is(.header,.header nav,.footer,.announcement,.mobile-contact){background:#100b1bf5!important;color:#eee6f7!important}
html body#metipost-interface.metipost-interface :is(h1,h2,h3,h4,h5,h6,strong,b,legend,label){color:#fff!important;-webkit-text-fill-color:currentColor!important;opacity:1!important}
html body#metipost-interface.metipost-interface :is(h1,h2,h3) em{color:#e5c8ff!important;-webkit-text-fill-color:currentColor!important;background-image:none!important}
html body#metipost-interface.metipost-interface :is(p,li,small,summary,caption,td,th,blockquote,.eyebrow,.micro,.field-label,.studio-label,.price-note,.offer-lead,.feature-state){color:#eee6f7!important;opacity:1!important}
html body#metipost-interface.metipost-interface :is(.ai-section,.workflow,.section,.page-intro){background-color:transparent!important}
html body#metipost-interface.metipost-interface :is(.price-card,.offer-card,.feature,.status-card,.studio-credit-note,.pricing-final,.pricing-terms,.pricing-process,.pricing-reasons,.pilot,.pilot-contact,.home-closing,.app-launch-note,.idea-example,.ai-input,.ai-output,.ai-post-preview,.q-step,.q-aside,.q-shell,.access-panel,.demo-detail,.video-flow li,.contact-builder,.floating-note,.decision-band>a){background:#191226!important;border-color:#9376aa!important;color:#fff!important}
html body#metipost-interface.metipost-interface :is(.secondary,.keyword-list span,.theme-value,.photo-pair>div,.mini-calendar>span,.status-stack span,.comm-calendar b){background:#30213e!important;color:#fff!important;border-color:#9376aa!important}
html body#metipost-interface.metipost-interface :is(input,select,textarea){background:#100b1b!important;color:#fff!important;border-color:#9376aa!important;caret-color:#fff}
html body#metipost-interface.metipost-interface ::placeholder{color:#c8b9d6!important;opacity:1}
html body#metipost-interface.metipost-interface :is(table,thead,caption){background:#191226!important;color:#fff!important}html body#metipost-interface.metipost-interface :is(th,td){border-color:#9376aa88!important}
html body#metipost-interface.metipost-interface .button.primary{color:#fff!important}html body#metipost-interface.metipost-interface :is(.text-link,.home-contact-link,.home-sector-links a,.product-subnav a){color:#e5c8ff!important}
html body#metipost-interface.metipost-interface .digital-copy{padding:20px;border-radius:16px;background:#10091de8}html body#metipost-interface.metipost-interface .digital-copy h1{color:#fff!important}html body#metipost-interface.metipost-interface .digital-copy .digital-lead{color:#eee6f7!important}
@media(max-width:760px){html body#metipost-interface.metipost-interface{background-color:#080510!important}html body#metipost-interface.metipost-interface .mobile-contact{padding-bottom:max(10px,env(safe-area-inset-bottom))}html body#metipost-interface.metipost-interface .digital-copy{padding:16px}.metipost-interface .brand img{background:transparent!important}}

/* V70: the mobile nebula is painted on ::before, independently of body.
   Override its entire paint, including older cached daylight rules. */
html body#metipost-interface.metipost-interface.premium-site::before{
 background-color:#080510!important;
 background-image:linear-gradient(90deg,rgba(5,3,14,.86),rgba(6,3,16,.76)),url('/cosmic/cosmic-nebula-v4.webp')!important;
 background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;
 pointer-events:none;
}

/* Desktop welcome copy merges into the Cosmic scene; no violet panel. */
@media(min-width:901px){
 html body#metipost-interface.metipost-interface.premium-home .digital-copy{
  background:transparent;border:0;border-radius:0;box-shadow:none;
 }
}
/* Questionnaire: isolate light identity samples from the global dark theme. */
html body#metipost-interface.metipost-interface .custom-color-panel{background:#fbf9fd!important;color:#24212b!important}
html body#metipost-interface.metipost-interface .custom-color-panel :is(h3,p,label,strong,.preview-eyebrow){color:#24212b!important;-webkit-text-fill-color:currentColor!important}
html body#metipost-interface.metipost-interface .custom-color-panel .privacy-note{background:#eee7f7;color:#24212b}
html body#metipost-interface.metipost-interface .custom-color-panel button{background:#fff;color:#24212b;border-radius:10px;padding:10px 14px;cursor:pointer;min-height:44px}
html body#metipost-interface.metipost-interface .sp-site :is(p,h1,h2,h3,h4,strong,small,li){color:inherit!important;-webkit-text-fill-color:currentColor!important}
/* Light colour chooser: disclosure text must not inherit the dark page theme. */
html body#metipost-interface.metipost-interface .custom-color-panel details>summary,
html body#metipost-interface.metipost-interface .custom-color-panel details>summary::after{
 color:#24212b!important;
 -webkit-text-fill-color:#24212b!important;
 opacity:1!important;
 text-shadow:none;
}
html body#metipost-interface.metipost-interface .custom-color-panel details>summary{
 background:#f2edf7!important;
 border-color:#82758c!important;
}
html body#metipost-interface.metipost-interface .custom-color-panel details>summary::after{
 background:#fff!important;
 border-color:#82758c!important;
}
/* Preview colours are self-contained, including headings, labels and nested text. */
html body#metipost-interface.metipost-interface .sp-site,
html body#metipost-interface.metipost-interface .sp-site :is(h1,h2,h3,h4,h5,strong,b,p,li,small,span,div,footer){
 -webkit-text-fill-color:currentColor!important;
 opacity:1!important;
 text-shadow:none!important;
}
html body#metipost-interface.metipost-interface .sp-site :is(h1,h2,h3,h4,h5,strong,b,p,li,small){color:inherit!important}
html body#metipost-interface.metipost-interface .sp-site .sp-immersive .sp-copy{color:#fff!important}
html body#metipost-interface.metipost-interface .sp-site.sp-immersive .sp-copy{color:#fff!important}

/* Shared contour scale: outer panels, nested surfaces, then controls.
   Scoped to the Metipost interface; client/concept documents keep their identity. */
html body#metipost-interface.metipost-interface{
 --mp-radius-panel:24px;
 --mp-radius-inner:16px;
 --mp-radius-control:14px;
}
html body#metipost-interface.metipost-interface main :is(.price-card,.offer-card,.feature,.status-card,.studio-credit-note,.pricing-final,.pricing-terms,.pricing-process,.pricing-reasons,.pilot,.home-closing,.app-launch-note,.idea-example,.ai-input,.ai-output,.ai-post-preview,.q-step,.q-aside,.q-shell,.q-receipt,.access-panel,.demo-detail,.video-flow li,.contact-builder,.floating-note,.decision-band>a,.faq details){
 border-radius:var(--mp-radius-panel);
}
html body#metipost-interface.metipost-interface main :is(.pilot-contact,.contact-builder form,.inquiry-summary,.options-table,.comparison,#projectCorrections){
 border-radius:var(--mp-radius-inner);
}
html body#metipost-interface.metipost-interface :is(.button,.copy-request,#menuToggle),
html body#metipost-interface.metipost-interface main :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea){
 border-radius:var(--mp-radius-control);
}
/* The coloured contact surface must follow its rounded contour on every side. */
html body#metipost-interface.metipost-interface .contact-builder{
 padding-inline:clamp(16px,3vw,28px);
}
@media(max-width:760px){
 html body#metipost-interface.metipost-interface .header{
  border-radius:0 0 var(--mp-radius-inner) var(--mp-radius-inner);
 }
 html body#metipost-interface.metipost-interface .header nav{
  border-radius:0 0 var(--mp-radius-panel) var(--mp-radius-panel);
 }
 html body#metipost-interface.metipost-interface :is(.footer,.mobile-contact){
  border-radius:var(--mp-radius-panel) var(--mp-radius-panel) 0 0;
 }
 html body#metipost-interface.metipost-interface .contact-builder form{
  padding:20px 16px;
 }
}