/* IP design page · Tesla-inspired layout · 2026-10-20.
   Scoped to this page; loaded after the shared theme and generated color map. */
html body.page-id-1517 #ip-board.ipx-tesla {
  --bg: #f4f4f4; --ink: #171a20; --muted: #5c5e62; --radius: 4px;
  background: #fff !important;
  font-family: "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, sans-serif;
}
html body.page-id-1517 { background: #fff !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ip-wrap { width: min(1280px, 100%); padding-inline: 40px; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero {
  position: relative; display: grid; grid-template-rows: auto minmax(280px, 1fr) auto;
  min-height: 730px; height: calc(100svh - 70px); max-height: 1080px;
  padding: 44px 0 28px; background: #fff !important; background-image: none !important;
  color: #171a20 !important; isolation: isolate;
}
html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero-copy {
  padding-top: 0; padding-bottom: 0; transform: none !important; opacity: 1 !important;
  will-change: auto; z-index: 1;
}
html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero .ip-kicker {
  margin: 0 0 12px; color: #5c5e62 !important; font-size: 12px; letter-spacing: .18em;
}
html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero h1 {
  color: #171a20 !important; font-size: clamp(32px, 3.2vw, 48px) !important;
  font-weight: 500 !important; line-height: 1.25 !important; letter-spacing: -.025em;
  transform: none !important; opacity: 1 !important; filter: none !important;
}
html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero h1 br { display: none; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero .ipx-lead {
  max-width: 44em; margin: 14px 0 0; font-size: 15px; line-height: 1.7; color: #5c5e62 !important;
}
html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero .ipx-banner {
  position: relative; margin: 0; width: 100%; height: 100%; min-height: 0;
  background: #fff !important; border-radius: 0;
}
html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero .ipx-banner::after { display: none; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero .ipx-banner img {
  position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; aspect-ratio: auto;
  object-fit: contain; object-position: center; transform: none !important; background: #fff !important;
}
html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero-footer {
  position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center;
}
html body.page-id-1517 #ip-board.ipx-tesla .ipx-facts {
  display: grid; grid-template-columns: repeat(3, 1fr); width: min(580px, 100%); gap: 0; margin: 0 auto 24px;
}
html body.page-id-1517 #ip-board.ipx-tesla .ipx-facts li {
  display: flex; flex-direction: column; gap: 5px; padding: 0 16px;
  color: #5c5e62 !important; font-size: 12px; background: none !important; border: 0 !important; border-radius: 0;
}
html body.page-id-1517 #ip-board.ipx-tesla .ipx-facts li + li { border-left: 1px solid #d0d1d2 !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-facts li b {
  color: #171a20 !important; margin: 0; font-size: 25px; font-weight: 500; line-height: 1.2;
}
html body.page-id-1517 #ip-board.ipx-tesla .ipx-actions { width: min(580px, 100%); gap: 16px; margin: 0; }
html body.page-id-1517 #ip-board.ipx-tesla a.ipx-btn {
  min-height: 42px; padding: 11px 24px; border: 0 !important; border-radius: 4px;
  font-size: 14px; font-weight: 500; line-height: 1.4; letter-spacing: .02em;
}
html body.page-id-1517 #ip-board.ipx-tesla .ipx-actions a.ipx-btn { flex: 1; min-width: 0; }
html body.page-id-1517 #ip-board.ipx-tesla a.ipx-btn-primary { background: #3e6ae1 !important; color: #fff !important; }
html body.page-id-1517 #ip-board.ipx-tesla a.ipx-btn-primary:hover { background: #3457b1 !important; }
html body.page-id-1517 #ip-board.ipx-tesla a.ipx-btn-ghost { background: #f4f4f4 !important; color: #171a20 !important; }
html body.page-id-1517 #ip-board.ipx-tesla a.ipx-btn-ghost:hover { background: #e2e3e3 !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-tel { margin: 14px 0 0; font-size: 12px; color: #5c5e62 !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-tel a { color: #393c41 !important; font-weight: 400; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-jumps { top: 70px; background: rgba(255,255,255,.96) !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-jumps-in { min-height: 56px; gap: 8px 20px; justify-content: flex-start; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-jumps a { border-radius: 4px; padding: 8px 10px; font-size: 13px; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-jumps a.is-active { background: #f4f4f4 !important; color: #171a20 !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-jumps a.is-active b { color: #5c5e62 !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-jumps a.ipx-jumps-cta { color: #fff !important; background: #3e6ae1 !important; margin-left: auto; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-sec { padding: 96px 0; scroll-margin-top: 126px; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-head { margin-bottom: 48px; gap: 16px; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-head h2 { font-size: clamp(28px, 3vw, 40px) !important; font-weight: 500 !important; line-height: 1.3 !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-sub { font-size: 16px; line-height: 1.7; color: #5c5e62; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-philosophy { max-width: 760px; margin: -12px auto 48px; font-size: 16px; line-height: 1.9; color: #5c5e62; }
/* Content stays readable during anchor jumps and quick scrolling. */
html body.page-id-1517 #ip-board.ipx-tesla .ipx-rv { opacity: 1 !important; transform: none !important; filter: none !important; }
html body.page-id-1517 #ip-board.ipx-tesla :is(.ipx-pcard,.ipx-world-card,.ipx-frames,.ipx-spot,.ipx-profile,.ipx-scene,.ipx-mode,.ipx-faq-item,.ipx-lic-main,.ipx-cta-grid,.ipx-deliver) { border-radius: 4px; box-shadow: none !important; }
html body.page-id-1517 #ip-board.ipx-tesla :is(.ipx-pcard,.ipx-profile,.ipx-scene,.ipx-mode):hover { transform: none; }
html body.page-id-1517 #ip-board.ipx-tesla :is(.ipx-world-card,.ipx-lic-main,.ipx-cta-grid) { background-image: none !important; }
html body.page-id-1517 #ip-board.ipx-tesla :is(.ipx-tile-img,.ipx-profile-img,.ipx-frame-img,.ipx-shot,.ipx-spot-media) { border-radius: 4px; }
html body.page-id-1517 #ip-board.ipx-tesla button:is(.ipx-filter,.ipx-more-btn,.ipx-pill) { border-radius: 4px; min-height: 42px; }
html body.page-id-1517 #ip-board.ipx-tesla button.ipx-sheet-close { background: #171a20 !important; color: #fff !important; border-radius: 4px; }
html body.page-id-1517 #ip-board.ipx-tesla button.ipx-sheet-close:hover { background: #393c41 !important; }
html body.page-id-1517 #ip-board.ipx-tesla button.ipx-pill.is-ghost { color: #171a20 !important; background: #f4f4f4 !important; }
html body.page-id-1517 #ip-board.ipx-tesla :is(a,button,summary):focus-visible { outline: 2px solid #3e6ae1 !important; outline-offset: 4px; }
/* Keep the existing navigation, with a light bar over this white hero. */
html:not(#qmT):not(#qmT2):not(#qmT3) body.page-id-1517 #lcn { --lcn-bar-ink: #171a20; --lcn-logo-filter: brightness(0); }
html:not(#qmT):not(#qmT2):not(#qmT3) body.page-id-1517 #lcn .lcn-bar { background: rgba(255,255,255,.96) !important; border-bottom: 1px solid #eee !important; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.page-id-1517 #lcn :is(.lcn-link,.lcn-tel,.lcn-brand-descriptor,.lcn-tools,.lcn-tools a,.lcn-tools button,.qm-language-control,.qm-language-control button,.lcn-burger,.lcn-contact-mobile) { color: #171a20 !important; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.page-id-1517 #lcn .lcn-logo img { filter: brightness(0) !important; }
@media (max-width: 1068px) {
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-jumps-in { gap: 4px; }
}
@media (max-width: 921px) {
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-jumps { top: 56px; }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-sec { scroll-margin-top: 112px; }
}
@media (max-width: 735px) {
  html body.page-id-1517 #ip-board.ipx-tesla .ip-wrap { padding-inline: 24px; }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero { height: calc(100svh - 56px); min-height: 650px; max-height: 900px; padding: 32px 0 24px; grid-template-rows: auto minmax(230px,1fr) auto; }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero h1 { font-size: 30px !important; line-height: 1.3 !important; }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero h1 br { display: initial; }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero .ip-kicker { font-size: 10px; margin-bottom: 12px; }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero .ipx-lead { font-size: 13px; max-width: 26em; margin-top: 12px; }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero .ipx-banner img { object-fit: cover; }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-facts { margin-bottom: 22px; }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-facts li { font-size: 10px; padding: 0 8px; }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-facts li b { font-size: 22px; }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-actions { gap: 12px; }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-actions a.ipx-btn { padding-inline: 12px; }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-sec { padding: 64px 0; }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-head { margin-bottom: 32px; }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-philosophy { font-size: 14px; margin-bottom: 32px; }
}

/* ===== ip-tesla-redesign 20261021 (scoped, matches cn-tesla) ===== */
html body.page-id-1517 #ip-board.ipx-tesla { --T: #171a20; --G: #5c5e62; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero {
  display: block !important; position: relative; padding: 0 !important; overflow: hidden;
  height: calc(100svh - 70px) !important; min-height: 640px !important; max-height: 1000px !important;
}
html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero .ipx-banner { position: absolute !important; inset: 0; height: 100% !important; z-index: 0; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero .ipx-banner img { object-fit: cover !important; object-position: center 62% !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero-copy {
  position: absolute !important; left: 0; right: 0; top: 0; margin: 0 auto; padding-top: 9vh !important; text-align: center; z-index: 2;
}
html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero .ip-kicker { font-size: 12px; font-weight: 600; letter-spacing: .2em; color: var(--T) !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero h1 { font-size: clamp(34px, 3.4vw, 46px) !important; font-weight: 600 !important; letter-spacing: -.01em; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero .ipx-lead { margin: 8px auto 0 !important; font-size: 15px; color: #393c41 !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero-footer {
  position: absolute !important; left: 0; right: 0; bottom: 0; margin: 0 auto; padding-bottom: 40px; z-index: 2;
}
html body.page-id-1517 #ip-board.ipx-tesla .ipx-facts { display: none !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-tel { font-size: 12px; color: var(--G) !important; margin-top: 14px; }
/* flat Tesla buttons */
html body.page-id-1517 #ip-board.ipx-tesla .ipx-actions { display: flex; gap: 24px; justify-content: center; flex-wrap: wrap; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-btn,
html body.page-id-1517 #ip-board.ipx-tesla .ipx-pill,
html body.page-id-1517 #ip-board.ipx-tesla .ipx-jumps-cta {
  min-width: 264px; height: 40px; padding: 0 24px !important; display: inline-flex !important; align-items: center; justify-content: center;
  border-radius: 4px !important; border: 0 !important; box-shadow: none !important; background: #f4f4f4 !important; color: var(--T) !important;
  font-size: 14px !important; font-weight: 500 !important; letter-spacing: 0 !important; transition: background .2s;
}
html body.page-id-1517 #ip-board.ipx-tesla .ipx-btn-primary,
html body.page-id-1517 #ip-board.ipx-tesla .ipx-pill:not(.is-ghost),
html body.page-id-1517 #ip-board.ipx-tesla .ipx-jumps-cta { background: var(--T) !important; color: #fff !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-btn-primary *, html body.page-id-1517 #ip-board.ipx-tesla .ipx-jumps-cta * { color: #fff !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-btn:hover, html body.page-id-1517 #ip-board.ipx-tesla .ipx-pill.is-ghost:hover { background: #e8e8e8 !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-btn-primary:hover, html body.page-id-1517 #ip-board.ipx-tesla .ipx-jumps-cta:hover { background: #393c41 !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-pill { min-width: 200px; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-jumps-cta { min-width: 0; height: 32px; }
/* jump bar: plain text tabs */
html body.page-id-1517 #ip-board.ipx-tesla .ipx-jumps { background: #fff !important; border: 0 !important; box-shadow: none !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-jumps a:not(.ipx-jumps-cta) { background: none !important; border: 0 !important; border-radius: 4px !important; color: var(--T) !important; font-weight: 500 !important; font-size: 14px; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-jumps a:not(.ipx-jumps-cta):hover { background: #f4f4f4 !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-jumps b { color: var(--G) !important; font-weight: 400 !important; background: none !important; }
/* sections: white, generous */
html body.page-id-1517 #ip-board.ipx-tesla .ipx-sec { background: #fff !important; padding-block: clamp(72px, 9vw, 128px) !important; border: 0 !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-sec h2 { font-size: clamp(30px, 3vw, 40px) !important; font-weight: 600 !important; color: var(--T) !important; letter-spacing: -.01em !important; }
html body.page-id-1517 #ip-board.ipx-tesla h3, html body.page-id-1517 #ip-board.ipx-tesla .ipx-h3 { font-weight: 600 !important; color: var(--T) !important; letter-spacing: -.005em !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-sub, html body.page-id-1517 #ip-board.ipx-tesla .ipx-philosophy,
html body.page-id-1517 #ip-board.ipx-tesla .ipx-sec p { color: var(--G) !important; font-weight: 400; }
html body.page-id-1517 #ip-board.ipx-tesla .ip-kicker { color: var(--G) !important; font-weight: 500 !important; }
/* kill borders / shadows / grey fills on cards */
html body.page-id-1517 #ip-board.ipx-tesla :is(.ipx-pcard, .ipx-world-card, .ipx-deliver li, .ipx-profile, .ipx-profile-body, .ipx-spot, .ipx-spot-body, .ipx-tile, .ipx-lic, .ipx-lic-main, .ipx-modes li, .ipx-scenes li, .ipx-wall li, .ipx-faq-wrap details, .ipx-prep, .ipx-more, .ipx-grid3 > *) {
  border: 0 !important; box-shadow: none !important; background: transparent !important;
}
html body.page-id-1517 #ip-board.ipx-tesla .ipx-deliver li { padding-left: 0 !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-deliver li + li { border-left: 0 !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-pico { background: none !important; border: 0 !important; box-shadow: none !important; width: auto !important; height: auto !important; color: var(--T) !important; }
html body.page-id-1517 #ip-board.ipx-tesla :is(.ipx-pno, .ipx-pno2) { display: none !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-dl :is(dt, dd) { border-color: #eee !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-chips span { background: #f4f4f4 !important; border: 0 !important; border-radius: 4px !important; color: #393c41 !important; box-shadow: none !important; }
/* filters: flat text toggles */
html body.page-id-1517 #ip-board.ipx-tesla .ipx-filter { background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 4px !important; color: var(--G) !important; font-weight: 500 !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-filter:is(.is-active, [aria-pressed="true"], [aria-selected="true"]) { background: #f4f4f4 !important; color: var(--T) !important; }
/* big flat imagery */
html body.page-id-1517 #ip-board.ipx-tesla :is(.ipx-frame-img, .ipx-tile-img, .ipx-profile-img, .ipx-spot-media, .ipx-shot) { border-radius: 4px !important; box-shadow: none !important; border: 0 !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-frame-list { gap: 12px !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-frame-no, html body.page-id-1517 #ip-board.ipx-tesla .ipx-badge { background: rgba(255,255,255,.9) !important; border: 0 !important; box-shadow: none !important; border-radius: 4px !important; color: var(--T) !important; }
html body.page-id-1517 #ip-board.ipx-tesla :is(.ipx-tile-name, .ipx-frame-list strong) { font-weight: 500 !important; color: var(--T) !important; }
html body.page-id-1517 #ip-board.ipx-tesla :is(.ipx-cap, .ipx-tile-meta, .ipx-tile-no, .ipx-setno) { color: var(--G) !important; }
html body.page-id-1517 #ip-board.ipx-tesla :is(.ipx-gal-meta span, .ipx-count) { background: none !important; box-shadow: none !important; border: 0 !important; }
@media (max-width: 767px) {
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero { height: 88svh !important; min-height: 600px !important; }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero-copy { padding-top: 56px !important; }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero h1 { font-size: 30px !important; }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-actions { flex-direction: column; gap: 12px; padding-inline: 24px; }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-btn { width: 100%; min-width: 0; }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-pill { min-width: 0; }
}
/* r2: specificity + split hero */
html body.page-id-1517 #ip-board.ipx-tesla a.ipx-btn.ipx-btn-primary, html body.page-id-1517 #ip-board.ipx-tesla .ipx-jumps a.ipx-jumps-cta { background: #171a20 !important; color: #fff !important; }
html body.page-id-1517 #ip-board.ipx-tesla a.ipx-btn.ipx-btn-primary:hover, html body.page-id-1517 #ip-board.ipx-tesla .ipx-jumps a.ipx-jumps-cta:hover { background: #393c41 !important; }
html body.page-id-1517 #ip-board.ipx-tesla a.ipx-btn.ipx-btn-ghost { background: #f4f4f4 !important; color: #171a20 !important; }
html body.page-id-1517 #ip-board.ipx-tesla a.ipx-btn.ipx-btn-ghost:hover { background: #e8e8e8 !important; color: #171a20 !important; }
html body.page-id-1517 #ip-board.ipx-tesla a.ipx-btn.ipx-btn-ghost * { color: #171a20 !important; }
html body.page-id-1517 #ip-board.ipx-tesla :is(a,button,summary):focus-visible { outline-color: #171a20 !important; }
html body.page-id-1517 #ip-board.ipx-tesla section.ipx-hero { background: #f7f7f7 !important; }
html body.page-id-1517 #ip-board.ipx-tesla section.ipx-hero h1, html body.page-id-1517 #ip-board.ipx-tesla section.ipx-hero h1 * { color: #171a20 !important; clip-path: none !important; -webkit-mask: none !important; mask: none !important; overflow: visible !important; }
html body.page-id-1517 #ip-board.ipx-tesla section.ipx-hero h1 br { display: inline !important; }
html body.page-id-1517 #ip-board.ipx-tesla section.ipx-hero h1 { font-size: clamp(40px, 4.4vw, 60px) !important; line-height: 1.15 !important; max-width: none !important; width: auto !important; }
@media (min-width: 900px) {
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero .ipx-banner { left: 30% !important; background: transparent !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 18%); mask-image: linear-gradient(90deg, transparent 0, #000 18%); }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero .ipx-banner img { object-position: 50% 60% !important; background: transparent !important; }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero-copy { top: 50% !important; transform: translateY(-72%) !important; padding: 0 0 0 max(48px, calc((100vw - 1200px)/2)) !important; text-align: left; width: auto !important; max-width: none !important; margin: 0 !important; }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero .ipx-lead { margin: 18px 0 0 !important; max-width: 22em; font-size: 17px; }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero-footer { top: 50% !important; bottom: auto !important; transform: translateY(110px); align-items: flex-start !important; padding: 0 0 0 max(48px, calc((100vw - 1200px)/2)) !important; width: auto !important; max-width: none !important; margin: 0 !important; }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero .ipx-actions { justify-content: flex-start; gap: 16px; }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero a.ipx-btn { min-width: 200px; }
}
@media (max-width: 899px) {
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero .ipx-banner { top: 34% !important; }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-hero .ipx-banner img { object-fit: contain !important; object-position: center bottom !important; }
}
html body.page-id-1517 #ip-board.ipx-tesla section.ipx-hero h1, html body.page-id-1517 #ip-board.ipx-tesla section.ipx-hero h1 * { -webkit-text-fill-color: #171a20 !important; background: none !important; text-shadow: none !important; }
@media (min-width: 900px) {
  html body.page-id-1517 #ip-board.ipx-tesla section.ipx-hero .ipx-hero-copy, html body.page-id-1517 #ip-board.ipx-tesla section.ipx-hero .ipx-hero-footer { display: flex !important; flex-direction: column; align-items: flex-start !important; text-align: left !important; left: 0 !important; right: auto !important; width: 46% !important; box-sizing: border-box; padding-left: max(56px, calc((100vw - 1200px)/2)) !important; padding-right: 0 !important; }
  html body.page-id-1517 #ip-board.ipx-tesla section.ipx-hero .ipx-hero-footer { width: 60% !important; }
  html body.page-id-1517 #ip-board.ipx-tesla section.ipx-hero :is(.ip-kicker, h1, .ipx-lead, .ipx-tel) { text-align: left !important; margin-left: 0 !important; }
}
/* r4: character profiles flush + plain chips */
html body.page-id-1517 #ip-board.ipx-tesla .ipx-profiles { gap: 56px 24px !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-profile { padding: 0 !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-profile-body { padding: 20px 0 0 !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-profile-img, html body.page-id-1517 #ip-board.ipx-tesla .ipx-profile-img img { border-radius: 4px !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-profile h4 { font-size: 22px !important; font-weight: 600 !important; color: #171a20 !important; margin: 0 0 12px !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-profile .ipx-dl { display: grid !important; grid-template-columns: 64px 1fr !important; gap: 6px 12px !important; margin: 0 0 20px !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-profile .ipx-dl :is(dt, dd) { border: 0 !important; padding: 0 !important; margin: 0 !important; font-size: 13px !important; line-height: 1.6 !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-profile .ipx-dl dt { color: #8e8e8e !important; font-weight: 400 !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-profile .ipx-dl dd, html body.page-id-1517 #ip-board.ipx-tesla .ipx-profile .ipx-dl dd * { color: #5c5e62 !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-chips { display: block !important; gap: 0 !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-chips span { display: inline !important; background: none !important; padding: 0 !important; font-size: 13px !important; border-radius: 0 !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-chips span + span::before { content: " · "; color: #8e8e8e; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-profile button.ipx-pill { width: 100% !important; min-width: 0 !important; background: #f4f4f4 !important; color: #171a20 !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-profile button.ipx-pill * { color: #171a20 !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-profile button.ipx-pill:hover { background: #e8e8e8 !important; }
/* pillar icons align with left text */
html body.page-id-1517 #ip-board.ipx-tesla .ipx-pcard { text-align: left !important; align-items: flex-start !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-pico { margin: 0 0 16px !important; justify-content: flex-start !important; }
/* hero lead: no awkward wrap */
@media (min-width: 900px) { html body.page-id-1517 #ip-board.ipx-tesla section.ipx-hero .ipx-lead { max-width: 30em !important; } }
/* r5: mobile hero image band, flat summary, profile name rule */
@media (max-width: 899px) {
  html body.page-id-1517 #ip-board.ipx-tesla section.ipx-hero .ipx-banner { top: 250px !important; bottom: 190px !important; height: auto !important; background: transparent !important; }
  html body.page-id-1517 #ip-board.ipx-tesla section.ipx-hero .ipx-banner img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 50% 55% !important; }
}
html body.page-id-1517 #ip-board.ipx-tesla details > summary { border-radius: 4px !important; border: 0 !important; background: #f4f4f4 !important; box-shadow: none !important; color: #171a20 !important; }
html body.page-id-1517 #ip-board.ipx-tesla details > summary:hover { background: #e8e8e8 !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-profile h4 { border: 0 !important; padding-bottom: 0 !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-profile h4::after, html body.page-id-1517 #ip-board.ipx-tesla .ipx-profile-body::before { display: none !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-profile .ipx-dl { border: 0 !important; }
@media (max-width: 899px) {
  html body.page-id-1517 #ip-board.ipx-tesla section.ipx-hero { height: 740px !important; min-height: 0 !important; max-height: none !important; }
}
/* r7: align card copy to the page gutter */
html body.page-id-1517 #ip-board.ipx-tesla :is(.ipx-world-card, .ipx-pcard) { padding-inline: 0 !important; }
@media (max-width: 767px) {
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-pgrid { gap: 40px !important; }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-pcard { padding-block: 0 !important; }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-world-card h2, html body.page-id-1517 #ip-board.ipx-tesla .ipx-world-card h3 { font-size: 26px !important; line-height: 1.3 !important; }
}
/* r8: consistent section rhythm (adjacent white sections: gap = 2 x padding) */
html body.page-id-1517 #ip-board.ipx-tesla section.ipx-sec { padding-block: 56px !important; }
html body.page-id-1517 #ip-board.ipx-tesla section.ipx-sec#service { padding-top: 96px !important; }
@media (max-width: 767px) {
  html body.page-id-1517 #ip-board.ipx-tesla section.ipx-sec { padding-block: 40px !important; }
  html body.page-id-1517 #ip-board.ipx-tesla section.ipx-sec#service { padding-top: 64px !important; }
}
/* r8: mobile hero in normal flow, no vh: copy -> big tiger -> buttons */
@media (max-width: 899px) {
  html body.page-id-1517 #ip-board.ipx-tesla section.ipx-hero { display: flex !important; flex-direction: column !important; height: auto !important; min-height: 0 !important; max-height: none !important; padding: 40px 0 40px !important; }
  html body.page-id-1517 #ip-board.ipx-tesla section.ipx-hero :is(.ipx-hero-copy, .ipx-hero-footer, .ipx-banner) { position: relative !important; inset: auto !important; top: auto !important; bottom: auto !important; transform: none !important; }
  html body.page-id-1517 #ip-board.ipx-tesla section.ipx-hero .ipx-hero-copy { padding: 0 24px !important; }
  html body.page-id-1517 #ip-board.ipx-tesla section.ipx-hero .ipx-banner { height: 400px !important; margin: 8px 0 16px !important; overflow: hidden !important; }
  html body.page-id-1517 #ip-board.ipx-tesla section.ipx-hero .ipx-banner img { position: absolute !important; left: 50% !important; top: 50% !important; width: auto !important; max-width: none !important; height: 440px !important; transform: translate(-50%, -50%) !important; object-fit: contain !important; }
  html body.page-id-1517 #ip-board.ipx-tesla section.ipx-hero .ipx-hero-footer { padding: 0 !important; }
}
/* r8: mobile 5-scene gallery = swipe row of large cards */
@media (max-width: 767px) {
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-frame-list { display: flex !important; overflow-x: auto !important; scroll-snap-type: x mandatory; gap: 12px !important; margin-inline: -24px !important; padding: 0 24px 4px !important; scroll-padding-inline: 24px; scrollbar-width: none; }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-frame-list::-webkit-scrollbar { display: none; }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-frame-list > li { flex: 0 0 80% !important; width: 80% !important; max-width: none !important; scroll-snap-align: start; }
  html body.page-id-1517 #ip-board.ipx-tesla .ipx-frame-list .ipx-frame-img, html body.page-id-1517 #ip-board.ipx-tesla .ipx-frame-list img { width: 100% !important; height: auto !important; aspect-ratio: 1 / 1; }
}
/* r9: inner blocks flush to gutter, tighter section gap */
html body.page-id-1517 #ip-board.ipx-tesla :is(.ipx-frames, .ipx-deliver) { padding-inline: 0 !important; margin-inline: 0 !important; }
html body.page-id-1517 #ip-board.ipx-tesla .ipx-deliver { padding-bottom: 0 !important; margin-bottom: 0 !important; }
@media (min-width: 768px) { html body.page-id-1517 #ip-board.ipx-tesla section.ipx-sec { padding-block: 48px !important; } }
/* ===== /ip-tesla-redesign ===== */