/* AI Takahashi: product page visual layer, scoped to page 288. */
body.page-id-288 .main { border:0; padding:0!important; }
body.page-id-288 .entry-content { margin-top:0; }
body.page-id-288.no-post-date.no-post-update .date-tags { margin-bottom:0; }
body.page-id-288 .msl-ai-lp { letter-spacing:.01em!important; line-height:1.9!important; }
body.page-id-288 .msl-container { max-width:1184px!important; padding:0 32px!important; }
body.page-id-288 .msl-section { padding:80px 0!important; }
body.page-id-288 .msl-ai-lp h2.msl-section-title { text-align:left!important; font-size:32px!important; line-height:1.6!important; margin-bottom:32px!important; padding-bottom:20px!important; }
body.page-id-288 .msl-ai-lp h2.msl-section-title::after { left:0!important; transform:none!important; width:40px!important; height:3px!important; }
body.page-id-288 .msl-ai-eyebrow, body.page-id-288 .msl-container > p { text-align:left!important; }
body.page-id-288 .msl-ai-lead-copy { max-width:850px!important; margin-left:0!important; }
body.page-id-288 .msl-ai-fv { position:relative; isolation:isolate; overflow:hidden; background:#111216!important; color:#fff!important; padding:52px 0 36px!important; }
body.page-id-288 .msl-ai-fv .msl-ai-hero { display:flex!important; flex-direction:column!important; gap:14px!important; position:relative; }
body.page-id-288 .msl-ai-fv .msl-fv-content { width:100%!important; max-width:960px!important; margin:auto!important; text-align:center; }
body.page-id-288 .msl-ai-fv h1.msl-fv-title { font-size:clamp(34px,4vw,50px)!important; line-height:1.5!important; letter-spacing:-.025em!important; color:#fff!important; margin:0 0 22px!important; text-shadow:0 2px 16px #000; }
body.page-id-288 .msl-ai-fv .msl-fv-desc { max-width:800px; margin:0 auto!important; font-size:16px!important; line-height:1.9!important; color:#e0e0e4; }
body.page-id-288 .msl-ai-kicker { background:none!important; border:0!important; border-radius:0!important; color:#eeb3b3!important; padding:0!important; font-size:11px!important; }
body.page-id-288 .msl-ai-hero-points { display:flex; justify-content:center; flex-wrap:wrap; gap:8px 24px; margin:22px 0!important; }
body.page-id-288 .msl-ai-hero-points li { color:#e0e0e4!important; font-size:13px!important; margin:0!important; padding-left:20px!important; }
body.page-id-288 .msl-ai-hero-points li::before { color:#e7a0a0!important; }
body.page-id-288 .msl-ai-fv .msl-btn-wrap { justify-content:center!important; margin-top:24px!important; }
body.page-id-288 .msl-ai-fv .msl-btn { margin-left:auto!important; margin-right:auto!important; }
body.page-id-288 .msl-ai-fv .msl-ai-small { color:#c6c6ca!important; margin:12px 0 0!important; font-size:11px!important; }
body.page-id-288 .msl-ai-hero-image { width:100%!important; margin:0!important; }
body.page-id-288 .msl-ai-hero-image figure { display:none; }
body.page-id-288 .msl-ai-image-caption { color:#d1c5c5!important; margin:0!important; font-size:12px!important; }
body.page-id-288 .msl-cyber-canvas { position:absolute; inset:0; width:100%!important; height:100%!important; max-width:none!important; margin:0!important; z-index:-1; pointer-events:none; mask-image:linear-gradient(90deg,#000,#0005 35%,#0005 65%,#000); }
body.page-id-288 .msl-ai-lp .msl-btn .wp-block-button__link { border-radius:3px!important; box-shadow:none!important; padding:18px 28px!important; font-size:16px!important; line-height:1.5!important; min-height:58px; }
body.page-id-288 .msl-ai-lp .msl-btn .wp-block-button__link:hover { transform:none!important; }
body.page-id-288 .msl-ai-fv .msl-btn .wp-block-button__link { border:1px solid #c06a6a!important; background:#800000!important; }
body.page-id-288 .msl-ai-lp > .msl-section:has(.msl-ai-dashboard) { padding-top:56px!important; }
body.page-id-288 .msl-ai-dashboard { max-width:1120px!important; margin-top:28px!important; border-radius:3px!important; box-shadow:0 12px 32px #16182012!important; }
body.page-id-288 .msl-ai-dashboard figcaption { background:#f5f4f2!important; }
body.page-id-288 .msl-bg-light-red { background:#f6f3f0!important; }
body.page-id-288 .msl-bg-gray { background:#f5f5f4!important; }
body.page-id-288 .msl-ai-quote, body.page-id-288 .msl-ai-callout { border-radius:0!important; box-shadow:none!important; border-left:3px solid #800000!important; background:transparent!important; }
body.page-id-288 .msl-ai-quote { font-size:20px; padding:8px 0 8px 32px!important; }
body.page-id-288 .msl-issues-list li { border:0!important; border-top:1px solid #d4ceca!important; background:none!important; border-radius:0!important; padding:20px 0 20px 28px!important; margin:0!important; box-shadow:none!important; }
body.page-id-288 .msl-issues-list li::before { left:0!important; }
body.page-id-288 .msl-ai-lp .msl-plan-card { border-radius:0!important; box-shadow:none!important; transform:none!important; text-align:left!important; }
body.page-id-288 .msl-ai-lp .msl-plan-card::before, body.page-id-288 .msl-ai-lp .msl-plan-card::after { display:none!important; }
body.page-id-288 .msl-ai-feature-grid { gap:0 40px!important; }
body.page-id-288 .msl-ai-feature-grid .msl-plan-card { border:0!important; border-top:1px solid #c7c2be!important; background:none!important; padding:28px 0 36px!important; }
body.page-id-288 .msl-ai-feature-grid .msl-plan-name { font-size:21px!important; margin:0 0 18px!important; color:#252525!important; }
body.page-id-288 .msl-feature-number { display:block; font-size:40px; color:#800000; line-height:1.2; margin-bottom:14px; font-weight:500; }
body.page-id-288 .msl-ai-feature-grid .msl-plan-desc { font-size:15px!important; line-height:1.9!important; }
body.page-id-288 .msl-results { background:#202125!important; }
body.page-id-288 .msl-results-grid { gap:0!important; border-top:1px solid #515155; }
body.page-id-288 .msl-result-card { background:none!important; border:0!important; border-right:1px solid #515155!important; border-radius:0!important; padding:32px 24px!important; box-shadow:none!important; transform:none!important; }
body.page-id-288 .msl-result-card:last-child { border-right:0!important; }
body.page-id-288 .msl-result-number { font-size:42px!important; }
body.page-id-288 .msl-results-note { color:#c7c7ca!important; }
body.page-id-288 .msl-ai-profile img, body.page-id-288 .msl-solutions-image img { border-radius:2px!important; box-shadow:none!important; }
body.page-id-288 .msl-ai-pricing-grid { max-width:1120px!important; gap:24px!important; }
body.page-id-288 .msl-ai-pricing-grid .msl-plan-card { border:1px solid #cfc7c2!important; border-top:3px solid #aaa!important; padding:32px!important; }
body.page-id-288 .msl-ai-pricing-grid .msl-ai-price-featured { border-top-color:#800000!important; }
body.page-id-288 .msl-ai-price-label { border-radius:0!important; padding:4px 10px!important; font-size:13px; }
body.page-id-288 .msl-plan-price span { font-size:44px!important; }
body.page-id-288 .msl-plan-price small { display:block; font-size:12px; }
body.page-id-288 .msl-ai-cost-note { border-radius:0!important; border-top:1px solid #ded8d3; background:#f5f4f2!important; }
body.page-id-288 .msl-ai-fit-grid .msl-plan-card { padding:28px!important; border:0!important; border-top:3px solid #800000!important; background:#f5f4f2!important; }
body.page-id-288 .msl-ai-fit-grid .msl-ai-not-fit { border-top-color:#888!important; }
body.page-id-288 .msl-step { border:0!important; border-top:2px solid #800000!important; border-radius:0!important; box-shadow:none!important; }
body.page-id-288 .msl-ai-final-cta h2.msl-section-title, body.page-id-288 .msl-ai-final-cta .msl-container > p { text-align:center!important; }
body.page-id-288 .msl-ai-final-cta h2.msl-section-title::after { left:50%!important; transform:translateX(-50%)!important; }
body.page-id-288 .msl-ai-contact .snow-monkey-form { border-radius:0!important; box-shadow:none!important; border-top:1px solid #d4ceca; }
@media(max-width:767px) {
body.page-id-288 .msl-container { padding:0 24px!important; }
body.page-id-288 .msl-section { padding:52px 0!important; }
body.page-id-288 .msl-ai-fv { padding:36px 0 28px!important; }
body.page-id-288 .msl-ai-fv h1.msl-fv-title { font-size:clamp(22px,6.1vw,26px)!important; line-height:1.6!important; }
body.page-id-288 .msl-ai-kicker { font-size:10px!important; letter-spacing:.02em!important; }
body.page-id-288 .msl-ai-fv .msl-fv-desc { font-size:14px!important; text-align:left; }
body.page-id-288 .msl-ai-hero-points { flex-direction:column; text-align:left; gap:10px; }
body.page-id-288 .msl-ai-hero-points li { font-size:12px!important; }
body.page-id-288 .msl-ai-lp h2.msl-section-title { font-size:25px!important; }
body.page-id-288 .msl-ai-feature-grid { display:grid!important; grid-template-columns:1fr!important; }
body.page-id-288 .msl-feature-number { font-size:32px; }
body.page-id-288 .msl-result-card { border-right:0!important; border-bottom:1px solid #515155!important; }
body.page-id-288 .msl-ai-pricing-grid .msl-plan-card { padding:24px!important; }
body.page-id-288 .msl-ai-lp .msl-btn .wp-block-button__link { font-size:14px!important; padding:17px 20px!important; }
}
/* Align section text with the diagrams and column grid. */
body.page-id-288 .msl-container > h2,
body.page-id-288 .msl-container > p:not(.msl-ai-lead-copy) { max-width:none!important; margin-left:0!important; margin-right:0!important; }

body.page-id-288 #contact .snow-monkey-form .smf-button-control__control { border-radius:3px!important; box-shadow:none!important; }
/* Replace the old photo-overlay text treatment in the problem section. */
body.page-id-288 .msl-ai-lp .msl-ai-quote {
  color:#292727!important;
  min-height:0!important;
  justify-content:center!important;
  gap:28px;
}
body.page-id-288 .msl-ai-lp .msl-ai-quote p,
body.page-id-288 .msl-ai-lp .msl-ai-quote p:last-child {
  color:#292727!important;
  text-shadow:none!important;
  max-width:100%!important;
  width:100%;
  margin:0!important;
}
body.page-id-288 .msl-ai-lp .msl-ai-quote p:last-child {
  border-top:1px solid #d4ceca!important;
  padding-top:22px!important;
}

/* Operating cost estimate: page 288 only. */
body.page-id-288 .msl-cost-section { background:#fff!important; border-bottom:1px solid #ddd7d3; }
body.page-id-288 .msl-cost-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin:36px 0!important; border-top:2px solid #800000; border-bottom:1px solid #ddd7d3; }
body.page-id-288 .msl-cost-metric { margin:0!important; padding:28px 24px!important; border-right:1px solid #ddd7d3; min-width:0; }
body.page-id-288 .msl-cost-metric:first-child { padding-left:0!important; }
body.page-id-288 .msl-cost-metric:last-child { border-right:0; }
body.page-id-288 .msl-cost-label { font-size:15px!important; font-weight:700; color:#302b2b!important; margin:0 0 14px!important; }
body.page-id-288 .msl-cost-value { font-size:22px!important; color:#800000!important; line-height:1.3!important; margin:0 0 18px!important; white-space:nowrap; }
body.page-id-288 .msl-cost-value strong { font-size:clamp(40px,4.2vw,58px); letter-spacing:-.04em; padding:0 5px; font-weight:800; }
body.page-id-288 .msl-cost-caption { font-size:13px!important; color:#555!important; margin:0!important; line-height:1.85!important; }
body.page-id-288 .msl-cost-example { background:#f6f3f0; border-left:3px solid #800000; padding:26px 30px!important; margin:0 0 24px!important; }
body.page-id-288 .msl-cost-total { font-size:18px!important; margin:0 0 12px!important; }
body.page-id-288 .msl-cost-total strong { color:#800000; }
body.page-id-288 .msl-cost-conditions { color:#555!important; font-size:13px!important; margin:10px 0!important; line-height:1.9!important; }
body.page-id-288 .msl-cost-details { margin-top:26px!important; border-top:1px solid #d4ceca; border-bottom:1px solid #d4ceca; padding:0!important; }
body.page-id-288 .msl-cost-details summary { padding:18px 0; font-weight:700; cursor:pointer; color:#302b2b; }
body.page-id-288 .msl-cost-details summary:focus-visible { outline:2px solid #800000; outline-offset:4px; }
body.page-id-288 .msl-cost-details table { width:100%; font-size:14px; }
body.page-id-288 .msl-cost-details th { background:#f6f3f0; color:#302b2b; }
body.page-id-288 .msl-cost-details td, body.page-id-288 .msl-cost-details th { padding:12px; border:1px solid #ddd7d3; }
body.page-id-288 .msl-cost-details p { font-size:13px!important; line-height:1.9; }
body.page-id-288 .msl-cost-details a { color:#800000; text-decoration:underline; }
@media(max-width:767px) {
 body.page-id-288 .msl-cost-metrics { grid-template-columns:1fr; margin:26px 0!important; }
 body.page-id-288 .msl-cost-metric, body.page-id-288 .msl-cost-metric:first-child { padding:24px 0!important; border-right:0; border-bottom:1px solid #ddd7d3; }
 body.page-id-288 .msl-cost-metric:last-child { border-bottom:0; }
 body.page-id-288 .msl-cost-value strong { font-size:46px; }
 body.page-id-288 .msl-cost-example { padding:22px 20px!important; }
 body.page-id-288 .msl-cost-total { font-size:16px!important; }
 body.page-id-288 .msl-cost-details td, body.page-id-288 .msl-cost-details th { padding:10px; font-size:12px; }
}

/* Match the pricing grid; remove WordPress's narrower inner block constraint. */
body.page-id-288 #running-cost > .msl-container > .msl-cost-metrics,
body.page-id-288 #running-cost > .msl-container > .msl-cost-example,
body.page-id-288 #running-cost > .msl-container > .msl-cost-details,
body.page-id-288 #running-cost > .msl-container > .msl-btn-wrap {
  width:100%;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box;
}

body.page-id-288 .msl-cost-owner-case { margin-top:30px!important; }
body.page-id-288 .msl-cost-owner-case .msl-cost-label:not(:first-child) { margin-top:24px!important; }
body.page-id-288 .msl-cost-owner-case > * { max-width:none!important; }