/* Made to Order — page layer (loads after legacy CSS, which is warm-shifted). Hero lives in core. */
.sv-on-demand{background:var(--mto-bg);color:var(--mto-ink)}
.sv-on-demand [hidden]{display:none!important}

/* Chapters: hairline top, blue notch, alternating warm planes */
.sv-on-demand__chapter{position:relative;border-top:1px solid var(--mto-line);overflow:hidden}
.sv-on-demand__chapter:nth-of-type(even){background:linear-gradient(180deg,var(--mto-card),var(--mto-bg-2))}
.sv-on-demand__chapter::before{content:"";position:absolute;top:-1px;left:24px;width:72px;height:3px;background:var(--mto-blue)}
.sv-on-demand__chapter-index{display:none}
.sv-on-demand__chapter-label{text-transform:none;letter-spacing:0;font-weight:600;color:var(--mto-ink)}
.sv-on-demand__space-selector-index{display:none}
.sv-on-demand__space-selector-item.is-active{color:var(--mto-blue)}
.sv-on-demand a:focus-visible,.sv-on-demand button:focus-visible,.sv-on-demand input:focus-visible,.sv-on-demand textarea:focus-visible,.sv-on-demand select:focus-visible{outline:2px solid var(--mto-blue);outline-offset:2px}

/* How it works */
.mto-how{max-width:1200px;margin:0 auto;padding:72px 24px 88px}
.mto-how__title{font-size:clamp(2rem,5.5vw,3.5rem);max-width:18ch}
.mto-how__steps{position:relative;display:grid;gap:28px;margin:48px 0 0;padding:0;list-style:none}
.mto-how__steps::before{content:"";position:absolute;left:21px;top:22px;bottom:22px;width:1px;background:var(--mto-line)}
.mto-step{position:relative;display:grid;gap:6px;padding-left:68px}
.mto-step__node{position:absolute;left:0;top:0;display:grid;place-items:center;width:44px;height:44px;font-size:.875rem;font-weight:600;color:var(--mto-ink);background:var(--mto-metal);box-shadow:inset 0 0 0 1px rgba(31,27,22,.16);clip-path:var(--mto-cut)}
.mto-step:last-child .mto-step__node{color:#fff;background:linear-gradient(135deg,#7db3ff,#0a54ff);box-shadow:none}
.mto-step__title{margin:0;font-size:1.375rem;font-weight:600;letter-spacing:-.02em}
.mto-step__text{margin:0;max-width:44ch;line-height:1.6;color:var(--mto-ink-2)}
.mto-step__meta{justify-self:start;margin-top:6px;padding:4px 10px;font-size:.8125rem;font-weight:600;color:var(--mto-ink);background:var(--mto-sand);clip-path:var(--mto-cut)}
.mto-how__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:48px}
.mto-how__note{margin:16px 0 0;font-size:.875rem;color:var(--mto-ink-2)}
@media(min-width:900px){
  .mto-how{padding:112px 40px 120px}
  .mto-how__steps{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:64px}
  .mto-how__steps::before{left:22px;right:22px;top:21px;bottom:auto;width:auto;height:1px}
  .mto-step{padding:64px 0 0}
  .mto-step__text{max-width:32ch}
}

/* Preview / Customize panel: warm card, DNA buttons, readable type */
[class*="selected-viewport__shell"]{background:var(--mto-bg)}
[class*="selected-panel__title"]{font-weight:600;letter-spacing:-.02em;text-transform:none}
[class*="selected-panel__eyebrow"],[class*="selected-panel__status"] span{text-transform:none;letter-spacing:0;font-size:.8125rem;font-weight:600;color:var(--mto-ink-2)}
[class*="selected-panel__price"]{font-size:1.25rem;font-weight:600;color:var(--mto-ink)}
[class*="selected-panel__actions"]{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
[class*="selected-panel__option-value"]{min-height:40px;padding:0 14px;border:0;font:inherit;font-size:.875rem;font-weight:600;color:var(--mto-ink);cursor:pointer;background:var(--mto-metal);box-shadow:inset 0 0 0 1px rgba(31,27,22,.16);clip-path:var(--mto-cut)}
[class*="selected-panel__option-value"][aria-pressed="true"],[class*="selected-panel__option-value"].is-selected{color:#fff;background:linear-gradient(135deg,#5b9bff,#0a54ff);box-shadow:none}
.sv-on-demand-selected-panel__primary.mto-btn{width:auto}
.mto-opts{display:grid;gap:14px;margin:4px 0 18px}
.mto-opts__group{display:grid;gap:8px}
.mto-opts__group>span{font-size:.875rem;font-weight:600}
.sv-on-demand-selected-panel--customize .mto-req__fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 14px}
@media(max-width:600px){.sv-on-demand-selected-panel--customize .mto-req__fields{grid-template-columns:1fr}}

/* Idea */
.mto-concept{display:grid;gap:36px;max-width:1200px;margin:0 auto;padding:72px 24px 80px}
.mto-concept__title{font-size:clamp(2.25rem,6.5vw,4.5rem);max-width:14ch}
.mto-concept__list{display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--mto-line)}
.mto-concept__list li{position:relative;display:grid;gap:4px;padding:20px 0 20px 28px;border-bottom:1px solid var(--mto-line)}
.mto-concept__list li::before{content:"";position:absolute;left:0;top:27px;width:9px;height:9px;background:var(--mto-blue);transform:rotate(45deg)}
.mto-concept__list strong{font-size:1.125rem;font-weight:600}
.mto-concept__list span{line-height:1.55;color:var(--mto-ink-2)}
@media(min-width:900px){.mto-concept{grid-template-columns:1.1fr .9fr;gap:72px;align-items:end;padding:112px 40px 120px}}

/* Direct messaging row (request + customize) */
.mto-msg{display:grid;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--mto-line)}
.mto-msg__label{font-size:.875rem;font-weight:600}
.mto-msg__row{display:flex;flex-wrap:wrap;gap:8px}
.mto-msg__note{margin:0;min-height:1.2em;font-size:.8125rem;color:var(--mto-blue)}

/* Customize panel: legible labels and feedback */
.sv-on-demand-selected-panel--customize .mto-field span,.sv-on-demand-selected-panel--customize .mto-opts__group>span{font-size:.875rem!important;letter-spacing:0!important;text-transform:none!important;color:var(--mto-ink)!important;font-weight:600}
.sv-on-demand-selected-panel--customize .mto-field input,.sv-on-demand-selected-panel--customize .mto-field select,.sv-on-demand-selected-panel--customize .mto-field textarea{font-size:1rem!important;letter-spacing:0!important;text-transform:none!important;background:#fff!important;color:var(--mto-ink)!important}
[class*="selected-panel__customize-feedback"]{min-height:1.4em;margin:8px 0;font-size:.9375rem!important;letter-spacing:0!important;text-transform:none!important;font-weight:600;color:#b3261e!important}
[class*="selected-panel__service-note"]{font-size:.8125rem!important;letter-spacing:0!important;text-transform:none!important;color:var(--mto-ink-2)!important}