/* MOTwise feature-suite final refinement v44.
   Presentation only: shared by all six standalone feature pages. */
:root{
  --mw-accent:#1769d2;
  --mw-accent-soft:#eef5ff;
  --mw-feature-radius:14px;
  --mw-feature-shadow:0 7px 22px var(--mt-shadow,rgba(18,45,74,.06));
}

body[data-feature]{
  min-height:100vh;
  background:var(--mt-page,#f4f7fb);
  color:var(--mt-text,#081a33);
}
.mwf-shell{grid-template-columns:246px minmax(0,1fr);min-height:100vh}
.mwf-sidebar{
  position:sticky;top:0;height:100vh;z-index:8;
  padding:18px 14px;
  background:linear-gradient(180deg,#051735 0%,#062346 100%);
  box-shadow:none;
}
.mwf-brand{
  position:relative;display:block;min-height:46px;padding:4px 4px 4px 52px;
  color:#fff;text-decoration:none;font-size:24px;font-weight:950;line-height:1;
  letter-spacing:-.7px;
}
.mwf-brand::before{
  content:'M';position:absolute;left:4px;top:2px;width:38px;height:38px;
  display:grid;place-items:center;color:#4a82ff;font-size:32px;font-weight:950;
  line-height:1;letter-spacing:-2px;
}
.mwf-brand span{color:#ffc400}.mwf-brand small{display:block;margin-top:6px;color:#aebed0;font-size:9.5px;font-weight:650;letter-spacing:0;white-space:nowrap}
.mwf-nav{display:grid;gap:6px;margin-top:8px}
.mwf-nav a{min-height:46px;padding:0 12px;border-radius:10px;color:#dce8f5;display:flex;align-items:center;gap:11px;font-size:12.5px;font-weight:760;transition:background .15s ease,border-color .15s ease}
.mwf-nav a:hover{background:rgba(255,255,255,.07);color:#fff}.mwf-nav a.active{background:linear-gradient(90deg,#0e56af,#1268d6);color:#fff;box-shadow:0 7px 16px rgba(4,79,175,.22)}
.mwf-nav i{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.07);font-size:12px;color:inherit}
.mwf-nav a.active i{background:rgba(255,255,255,.13)}

.mwf-main{min-width:0;background:var(--mt-page,#f4f7fb)}
.mwf-topbar{
  position:sticky;top:0;z-index:7;min-height:78px;padding:11px clamp(18px,2.5vw,34px);
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  background:color-mix(in srgb,var(--mt-surface,#fff) 96%,transparent);
  border-bottom:1px solid var(--mt-line,#d8e3ee);box-shadow:0 3px 14px var(--mt-shadow,rgba(18,45,74,.04));backdrop-filter:blur(12px)
}
.mwf-vehicle-chip{display:flex;align-items:center;gap:11px;min-width:0}.mwf-reg{padding:8px 12px;border-radius:7px;background:linear-gradient(180deg,#ffc916,#f1b400);color:#071a36;font-weight:950;letter-spacing:.08em;box-shadow:inset 0 0 0 1px rgba(137,94,0,.18)}
.mwf-vehicle-chip>div{min-width:0}.mwf-vehicle-chip strong{display:block;color:var(--mt-text,#081a33);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mwf-vehicle-chip small{display:block;margin-top:2px;color:var(--mt-muted,#60758d);font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mwf-back{min-height:38px;padding:0 13px;display:inline-flex;align-items:center;border:1px solid var(--mt-line,#d8e3ee);border-radius:9px;background:var(--mt-surface,#fff);color:var(--mt-text,#081a33);box-shadow:none;font-size:11.5px;font-weight:800;text-decoration:none}.mwf-back:hover{background:var(--mt-surface-2,#f8fbff);border-color:var(--mt-line-strong,#c7d5e3)}

.mwf-content{width:100%;max-width:1440px;margin:0 auto;padding:22px clamp(18px,2.5vw,34px) 42px}
.mwf-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);gap:12px;align-items:stretch;margin-bottom:14px}
.mwf-panel,.mwx-panel,.mwx-offer-grid>div,.mwx-repair-card,.ownership-results>div,.mwx-test,.mwx-chat-panel{background:var(--mt-surface,#fff);color:var(--mt-text,#081a33);border:1px solid var(--mt-line,#d8e3ee);border-radius:var(--mw-feature-radius);box-shadow:var(--mw-feature-shadow)}
.mwf-title{padding:20px 22px}.mwf-kicker{font-size:9.5px;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;color:var(--mw-accent);font-weight:950}.mwf-title h1{margin:6px 0 6px;color:var(--mt-text,#081a33);font-size:27px;line-height:1.08;letter-spacing:-.035em}.mwf-title p{max-width:820px;margin:0;color:var(--mt-muted,#60758d);font-size:12.5px;line-height:1.5}
.mwf-summary{padding:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;box-shadow:var(--mw-feature-shadow)}
.mwx-metric{min-height:78px;padding:11px 12px;display:grid;align-content:center;border:1px solid var(--mt-line,#d8e3ee);border-radius:10px;background:var(--mt-surface-2,#f8fbff)}
.mwx-metric small,.mwx-summary-stat small{display:block;color:var(--mt-muted,#60758d);font-size:8.5px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.mwx-metric strong{display:block;margin-top:4px;color:var(--mt-text,#081a33);font-size:18px;line-height:1.05;letter-spacing:-.02em}.mwx-metric span{display:block;margin-top:4px;color:var(--mt-muted,#60758d);font-size:9.5px;line-height:1.3}

.mwx-v1-hero{min-height:118px;margin-bottom:12px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:14px;background:linear-gradient(135deg,#082542 0%,#0a3d70 100%);color:#fff;box-shadow:0 10px 24px rgba(7,35,65,.15)}
.mwx-v1-hero .mwx-kicker{display:none}.mwx-v1-hero h2{margin:0 0 6px;font-size:23px;line-height:1.15;letter-spacing:-.025em}.mwx-v1-hero p{max-width:820px;margin:0;color:#d7e5f2;font-size:12.5px;line-height:1.48}.mwx-confidence{width:92px;height:92px;flex:0 0 92px}.mwx-confidence strong{font-size:23px}.mwx-confidence span{font-size:8.5px;text-transform:uppercase;letter-spacing:.06em}

.mwx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mwx-panel{padding:16px 17px}.mwx-panel.wide{grid-column:1/-1}.mwx-panel h2{position:relative;margin:0 0 11px;padding-left:10px;color:var(--mt-text,#081a33);font-size:15.5px;line-height:1.25}.mwx-panel h2::before{content:'';position:absolute;left:0;top:2px;bottom:2px;width:3px;border-radius:4px;background:var(--mw-accent)}
.mwx-row{padding:9px 0;border-bottom:1px solid var(--mt-line,#d8e3ee);font-size:12px}.mwx-row:last-child{border-bottom:0}.mwx-row span{color:var(--mt-muted,#60758d)}.mwx-row small{color:var(--mt-muted-2,#7c8fa3)}.mwx-row strong{color:var(--mt-text,#081a33);font-size:12px}
.phase2-list{gap:7px}.phase2-list li{padding:10px 11px;border:1px solid var(--mt-line,#d8e3ee);border-radius:9px;background:var(--mt-surface-2,#f8fbff);color:var(--mt-text-2,#314b65);font-size:12px;line-height:1.4}.phase2-list li b{flex:0 0 22px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--mt-green-bg,#eaf7ef);color:var(--mt-green,#078f47);font-size:11px}
.mwx-boundary{margin:0;padding:11px 12px;border:1px solid var(--mt-line,#d8e3ee);border-radius:9px;background:var(--mt-surface-2,#f8fbff);color:var(--mt-text-2,#314b65);font-size:11px;line-height:1.48}

.mwx-offer-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:12px}.mwx-offer-grid>div{padding:12px 13px;box-shadow:none}.mwx-offer-grid span{display:block;color:var(--mt-muted,#60758d);font-size:9.5px;font-weight:800}.mwx-offer-grid strong{display:block;margin-top:5px;color:var(--mt-text,#081a33);font-size:17px}
.mwx-repair-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.mwx-repair-card{padding:14px;box-shadow:none}.mwx-repair-card h3{margin:2px 0 3px;font-size:16px}.mwx-repair-card span,.mwx-repair-card p{color:var(--mt-muted,#60758d);font-size:11px}.mwx-prob strong{font-size:20px;color:var(--mw-accent)}.mwx-cost{padding-top:9px;border-top:1px solid var(--mt-line,#d8e3ee)}.mwx-cost strong{font-size:16px}.mwx-big-value{font-size:25px;color:var(--mt-text,#081a33)}

.ownership-results{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ownership-results>div{padding:12px 13px;box-shadow:none}.ownership-results span{font-size:9.5px;color:var(--mt-muted,#60758d)}.ownership-results strong{margin-top:4px;font-size:18px;color:var(--mt-text,#081a33)}.ownership-form-grid{gap:9px}.ownership-form-grid label span{font-size:10px;color:var(--mt-muted,#60758d)}.ownership-form-grid input,.ownership-form-grid select{height:42px;border-radius:8px;background:var(--mt-field,#fff);color:var(--mt-text,#081a33);border-color:var(--mt-line-strong,#c7d5e3)}.ownership-form-grid button{min-height:42px;border-radius:9px;background:linear-gradient(90deg,#0d5cba,#1d73d6)}

.mwx-test{margin-bottom:8px;overflow:hidden;box-shadow:none}.mwx-test header{padding:10px 12px;background:var(--mt-surface-2,#f8fbff)}.mwx-test header strong{font-size:12.5px}.mwx-test header span{font-size:10.5px}.mwx-test-defects>div{padding:9px 12px;border-top:1px solid var(--mt-line,#d8e3ee)}.mwx-test-defects span,.mwx-test-defects p{font-size:10.5px;line-height:1.42}.mwx-test-defects strong{font-size:10px}

.mwx-chat-panel{padding:16px 17px}.mwx-chat-head h2{font-size:17px}.mwx-chat-head p{font-size:11.5px}.mwx-prompts{margin:13px 0;gap:7px}.mwx-prompts button{padding:7px 10px;border-radius:999px;background:var(--mt-surface,#fff);color:var(--mt-text-2,#314b65);border-color:var(--mt-line,#d8e3ee);font-size:10px}.mwx-conversation{min-height:330px;max-height:470px;padding:13px;border-radius:11px;background:var(--mt-surface-2,#f8fbff);border-color:var(--mt-line,#d8e3ee)}.mwx-bot,.mwx-user{max-width:80%;margin-bottom:9px}.mwx-bot{padding:10px 12px;background:var(--mt-surface,#fff);border-color:var(--mt-line,#d8e3ee)}.mwx-user{padding:9px 11px}.mwx-bot p,.mwx-user p{font-size:11.5px}.mwx-chat{margin-top:9px}.mwx-chat input{height:44px;border-radius:9px;background:var(--mt-field,#fff);color:var(--mt-text,#081a33);border-color:var(--mt-line-strong,#c7d5e3)}.mwx-chat button{border-radius:9px;background:var(--mw-accent);font-size:11px}.mwx-chat-note{font-size:9.5px}

/* Module accents */
body[data-feature="ai"]{--mw-accent:#1769d2;--mw-accent-soft:#eef5ff}
body[data-feature="negotiation"]{--mw-accent:#7c3aed;--mw-accent-soft:#f4efff}
body[data-feature="repair"]{--mw-accent:#ea6a14;--mw-accent-soft:#fff3e9}
body[data-feature="ownership"]{--mw-accent:#0f8b8d;--mw-accent-soft:#eaf9f8}
body[data-feature="technical"]{--mw-accent:#315fbd;--mw-accent-soft:#eef3ff}
body[data-feature="chatbot"]{--mw-accent:#169447;--mw-accent-soft:#eaf8ef}
body[data-feature] .mwf-kicker{color:var(--mw-accent)}body[data-feature] .mwx-metric:first-child{border-top:3px solid var(--mw-accent)}body[data-feature] .mwx-prompts button:hover{border-color:var(--mw-accent);background:var(--mw-accent-soft)}
body[data-feature="ownership"] .ownership-results>div:first-child,body[data-feature="ownership"] .ownership-results>div:nth-child(2){background:color-mix(in srgb,var(--mw-accent-soft) 55%,var(--mt-surface,#fff));border-color:color-mix(in srgb,var(--mw-accent) 25%,var(--mt-line,#d8e3ee))}
body[data-feature="chatbot"] .mwx-chat-panel{border-top:3px solid var(--mw-accent)}

/* Keyboard focus */
body[data-feature] :where(a,button,input,select):focus-visible{outline:3px solid color-mix(in srgb,var(--mw-accent) 35%,transparent);outline-offset:2px}

@media(max-width:1180px){
  .mwf-shell{grid-template-columns:218px minmax(0,1fr)}.mwf-sidebar{padding-inline:10px}.mwf-brand{padding-left:47px;font-size:22px}.mwf-brand::before{left:2px}.mwf-hero{grid-template-columns:1fr}.mwf-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.mwx-offer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ownership-results{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .mwf-shell{display:block}.mwf-sidebar{position:static;height:auto;padding:11px 12px}.mwf-brand{min-height:40px;margin-bottom:7px;padding-left:43px}.mwf-brand::before{width:34px;height:34px;font-size:28px}.mwf-brand small{display:none}.mwf-nav{display:flex;overflow-x:auto;gap:6px;padding-bottom:3px;scrollbar-width:none}.mwf-nav::-webkit-scrollbar{display:none}.mwf-nav a{flex:0 0 auto;min-height:39px;padding:0 9px;font-size:10.5px}.mwf-nav i{width:23px;height:23px}.mwf-topbar{top:0}.mwf-content{padding-top:16px}.mwx-grid{grid-template-columns:1fr}.mwx-panel.wide{grid-column:auto}.mwx-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mwx-repair-list{grid-template-columns:1fr}
}
@media(max-width:620px){
  .mwf-topbar{padding:9px 11px;gap:8px;align-items:flex-start;flex-direction:column}.mwf-vehicle-chip{width:100%}.mwf-back{align-self:flex-start;min-height:34px}.mwf-content{padding:11px 10px 26px}.mwf-hero{gap:8px;margin-bottom:9px}.mwf-title{padding:16px}.mwf-title h1{font-size:23px}.mwf-summary{grid-template-columns:1fr 1fr}.mwx-metric:last-child{grid-column:1/-1}.mwx-v1-hero{min-height:0;padding:15px;align-items:flex-start;flex-direction:column}.mwx-v1-hero h2{font-size:19px}.mwx-confidence{width:78px;height:78px;flex-basis:78px}.mwx-panel{padding:13px}.mwx-offer-grid,.ownership-results,.ownership-form-grid{grid-template-columns:1fr}.mwx-chat-head{flex-direction:column}.mwx-conversation{min-height:280px}.mwx-bot,.mwx-user{max-width:94%}
}