/* Desktop uses the full canvas; phone onboarding and the app dashboard keep their layouts. */
@media (min-width: 900px) {
  body.is-marketing .marketing-page {
    width: calc(100% - 64px) !important;
    max-width: 1440px !important;
    margin: 0 auto 48px !important;
    padding: 28px 32px 48px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.is-marketing .marketing-nav { padding: 0 0 24px !important; }
  body.is-marketing .onboarding-theme-picker { max-width: 420px; margin-left: auto; }
  body.is-marketing .aurora-welcome { position: relative; text-align: left; }
  body.is-marketing .aurora-topline { margin-bottom: 16px !important; }
  body.is-marketing [data-aurora-panel]:not([hidden]) {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 1fr);
    column-gap: 48px; align-content: center; min-height: 470px;
  }
  body.is-marketing [data-aurora-panel] > .aurora-scene,
  body.is-marketing [data-aurora-panel] > .aurora-tools {
    grid-column: 2; grid-row: 1 / span 5; align-self: center;
  }
  body.is-marketing [data-aurora-panel] > h1,
  body.is-marketing [data-aurora-panel] > h2,
  body.is-marketing [data-aurora-panel] > p,
  body.is-marketing [data-aurora-panel] > .marketing-actions { grid-column: 1; }
  body.is-marketing .aurora-welcome h1, body.is-marketing .aurora-welcome h2 {
    font-size: clamp(40px, 4.3vw, 66px) !important; line-height: 1.07 !important;
    margin: 16px 0 24px !important; text-align: left;
  }
  body.is-marketing .aurora-welcome p:not(.eyebrow):not(.aurora-step-status) {
    font-size: 17px !important; margin: 0 !important; max-width: 44ch;
  }
  body.is-marketing .aurora-welcome .eyebrow { text-align: left; align-self: end; }
  body.is-marketing .aurora-scene { width: 400px; max-width: 100%; height: 420px !important; }
  body.is-marketing [data-aurora-panel="1"] > .roadmap-chat { grid-column: 2; grid-row: 1 / span 4; }
  body.is-marketing [data-aurora-panel="1"] > .aurora-roadmap { grid-column: 2; }
  body.is-marketing .aurora-controls { justify-content: flex-start !important; max-width: 360px; gap: 16px; }
  body.is-marketing .aurora-dots { order: 0; width: auto; }
  body.is-marketing .aurora-controls > .mc-button { width: auto !important; min-width: 160px; margin-left: auto; }
  body.is-marketing .aurora-back { position: static; }
  body.is-marketing .marketing-page > .marketing-product,
  body.is-marketing .marketing-page > .marketing-platforms,
  body.is-marketing .marketing-page > footer { display: block !important; margin-top: 72px; }
  body.is-marketing .marketing-product { border-top: 1px solid #5491e740; padding-top: 48px; }
  body.is-marketing .marketing-feature-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
  body.is-marketing .marketing-feature { border-radius: 24px; backdrop-filter: blur(18px); }
  body.is-marketing .marketing-product__intro { margin-bottom: 28px; }
}
/* MindCoda blue: legible surfaces and restrained light, without washed-out copy. */
html.theme-dark body.is-marketing {
  background: radial-gradient(ellipse at 80% 12%, #13336a 0, transparent 48%), #06132c !important;
  color: #f5f8ff;
}
html.theme-dark body.is-marketing .marketing-page {
  background: linear-gradient(145deg, #0b2043, #07152e) !important;
}
html.theme-dark body.is-marketing .marketing-page :is(h1,h2,h3,strong,.brand) { color: #f5f8ff !important; }
html.theme-dark body.is-marketing .marketing-page :is(p,small,li,.eyebrow,.onboarding-theme-picker) { color: #cbd8ee !important; }
html.theme-dark body.is-marketing .marketing-page :is(.marketing-feature,.platform-availability,.aurora-tools article,.aurora-roadmap,.chat-bubble) {
  background: #0e2548 !important; border-color: #365781 !important;
}
html.theme-dark body.is-marketing .marketing-page em { color: #a8c9ff !important; background: none !important; }
html.theme-dark body.is-marketing .marketing-page a { color: #c5dcff; }
html.theme-dark body.is-marketing .tool-position .orbit-label { color: #e1ebff; text-shadow: 0 2px 4px #041027; }
@media (min-width:900px) {
  html.theme-dark body.is-marketing .marketing-page { background: transparent !important; }
  body.is-marketing .marketing-feature--wide { grid-column: auto; }
}
@media (min-width:900px) {
  body.is-marketing .marketing-feature--wide { display: block; }
  body.is-marketing .marketing-feature--wide > * + * { margin-top: 18px; }
  body.is-marketing .marketing-feature--wide h3 { max-width: none; }
  body.is-marketing .marketing-feature--wide .marketing-rhythm { max-width: 280px; }
}
/* Compact desktop rhythm: keep the next action and useful context together. */
@media (min-width:900px) {
  body.is-marketing .marketing-page { max-width:1280px !important; padding:22px 28px 36px !important; }
  body.is-marketing .marketing-nav { padding-bottom:8px !important; }
  body.is-marketing .onboarding-theme-picker { margin-bottom:8px; font-size:12px; }
  body.is-marketing .aurora-topline { margin-bottom:0 !important; }
  body.is-marketing [data-aurora-panel]:not([hidden]) { min-height:360px; column-gap:36px; }
  body.is-marketing .aurora-welcome h1, body.is-marketing .aurora-welcome h2 {
    font-size:clamp(38px,4vw,58px) !important; margin:12px 0 18px !important;
  }
  body.is-marketing .aurora-scene { height:350px !important; width:350px; }
  body.is-marketing .aurora-controls { margin:8px 0 0 !important; max-width:340px; flex-wrap:nowrap; }
  body.is-marketing .aurora-dots { flex:0 0 auto; }
  body.is-marketing .aurora-controls > .mc-button { min-height:48px !important; }
  body.is-marketing .marketing-page > .marketing-product,
  body.is-marketing .marketing-page > .marketing-platforms,
  body.is-marketing .marketing-page > footer { margin-top:40px; }
  body.is-marketing .marketing-product { padding-top:32px; }
  body.is-marketing .marketing-product__intro { margin-bottom:22px; }
  body.is-marketing .marketing-product__intro h2 { font-size:36px; line-height:1.15; letter-spacing:-.035em; }
  body.is-marketing .marketing-feature-grid { gap:16px; }
  body.is-marketing .marketing-feature { padding:24px; }
  body.is-marketing .marketing-feature h3 { font-size:23px; line-height:1.25; }
  body.is-marketing .marketing-feature p { font-size:15px; line-height:1.65; }
}
@media (min-width:900px) {
  body.is-marketing .marketing-landing { margin:0 auto !important; width:100%; max-width:1120px; }
  body.is-marketing .marketing-product { padding-bottom:24px; }
}
/* JS owns the measured intro handoff; the landing geometry stays in normal flow. */
.pwa-intro { animation:none !important; }
html[data-intro-handoff] [data-aurora-panel="0"] .aurora-scene { opacity:0; }
html[data-welcome-reveal]:not([data-intro-handoff]) [data-aurora-panel="0"] .aurora-scene {
  transition:opacity 180ms ease-out;
}
@media(min-width:900px){body.is-marketing .marketing-page > #study-sample,body.is-marketing .marketing-page > [data-learning-demo]{display:block!important;margin-top:40px;padding-top:32px;border-top:1px solid #365781}}