/* A quiet homepage: a white canvas, concise copy and one software example. */
body.sp-site.tesla-layout.public-home .page-family .home-cinematic-hero{
  height:auto!important;min-height:0!important;max-height:none!important;
  padding:0 0 16px;overflow:visible;background:#fff;color:#171a20;
}
body.sp-site.tesla-layout.public-home .shared-shell>main#main{padding-top:56px!important}
body.sp-site.tesla-layout.public-home .page-family .home-cinematic-hero .home-cinematic-inner{
  height:auto;min-height:0;padding:112px 24px 0;
}
body.sp-site.tesla-layout.public-home .home-cinematic-hero .home-cinematic-copy{max-width:960px}
body.sp-site.tesla-layout.public-home .page-family .home-cinematic-copy h1{
  max-width:960px;color:#171a20!important;font-size:clamp(44px,5vw,72px)!important;
  line-height:1.08!important;letter-spacing:-.045em!important;font-weight:500!important;
}
body.sp-site.tesla-layout.public-home .home-cinematic-copy .sp-hero-description{
  max-width:560px;margin:24px auto 0!important;color:#626262;font-size:18px;line-height:1.6;
}
body.sp-site.tesla-layout.public-home .home-cinematic-copy .page-hero-actions{gap:12px;margin-top:28px}
body.sp-site.tesla-layout.public-home .home-cinematic-copy .page-hero-actions a{min-width:176px;min-height:44px;padding:12px 20px}
body.sp-site.tesla-layout.public-home .home-cinematic-copy .page-hero-primary{background:#eaeaea!important;color:#171a20!important}
body.sp-site.tesla-layout.public-home .home-cinematic-copy .page-hero-secondary{background:#f7f7f7!important;color:#171a20!important}
body.sp-site.tesla-layout.public-home .home-hero-example{
  display:flex;justify-content:center;align-items:center;box-sizing:border-box;
  width:var(--acx-page);max-width:1040px;margin:72px auto 0;padding:48px;
  border:0;border-radius:8px;background:#f9f9f9;color:#171a20;text-decoration:none;box-shadow:none;
}
body.sp-site.tesla-layout.public-home .home-hero-example .product-preview{max-width:600px;border-color:#e9e9e9;box-shadow:none}
body.sp-site.tesla-layout.public-home .home-hero-example .preview-body{padding:32px}
body.sp-site.tesla-layout.public-home .home-hero-example .preview-answer{padding-block:28px}
body.sp-site.tesla-layout.public-home .home-hero-example .preview-brand{display:none}
body.sp-site.tesla-layout.public-home .home-flow :is(.home-problem-router,.home-solve-bento,.sp-sectors,.sp-questions,.sp-closing){margin-block:112px!important}
body.sp-site.tesla-layout.public-home .page-family :is(.home-problem-router,.home-solve-heading,.sp-section-heading,.sp-questions) h2{
  font-size:clamp(28px,3vw,40px)!important;line-height:1.2!important;letter-spacing:-.035em!important;
}
body.sp-site.tesla-layout.public-home .home-solve-heading,
body.sp-site.tesla-layout.public-home .sp-sectors .sp-section-heading{margin-bottom:32px}
body.sp-site.tesla-layout.public-home .page-family .home-solve-card{background:#f9f9f9!important}
body.sp-site.tesla-layout.public-home .home-product-visual{background:#f9f9f9}
body.sp-site.tesla-layout.public-home .page-family .home-problem-card{background:#f9f9f9!important;padding:40px;min-height:240px}
body.sp-site.tesla-layout.public-home .home-problem-router>h2{margin-bottom:32px}
body.sp-site.tesla-layout.public-home .page-family .sp-closing{background:#f9f9f9}
/* A white mobile canvas needs dark controls before and after scrolling. */
body.sp-site.tesla-layout.public-home:not(.public-scrolled) .site-header[data-site-header]{background:#fff!important;color:#171a20}
body.sp-site.tesla-layout.public-home:not(.public-scrolled) .site-header :is(.site-brand,.site-header-actions summary,.site-menu-button){color:#171a20!important}
body.sp-site.tesla-layout.public-home:not(.public-scrolled) .site-header .site-header-actions .site-menu-button{background:#f7f7f7;color:#171a20}
body.sp-site.tesla-layout.public-home:not(.public-scrolled) .site-header .site-search[open]>summary{background:#eaeaea;color:#171a20}
@media(hover:hover) and (pointer:fine){
  body.sp-site.tesla-layout.public-home .home-hero-example:hover{background:#f9f9f9;transform:none;box-shadow:none}
  body.sp-site.tesla-layout.public-home .home-hero-example:hover .product-preview{border-color:#d5d5d5}
  body.sp-site.tesla-layout.public-home .home-cinematic-copy .page-hero-primary:hover{background:#dedede!important;color:#171a20!important}
  body.sp-site.tesla-layout.public-home .home-cinematic-copy .page-hero-secondary:hover{background:#ececec!important;color:#171a20!important}
  body.sp-site.tesla-layout.public-home:not(.public-scrolled) .site-header :is(.site-menu-button,.site-search>summary):hover{background:#eaeaea;color:#171a20!important}
}
body.sp-site.tesla-layout.public-home .home-cinematic-copy .page-hero-actions a:active{background:#d9d9d9!important;color:#171a20!important}
body.sp-site.tesla-layout.public-home:not(.public-scrolled) .site-header :is(.site-menu-button,.site-search>summary):active{background:#dedede;color:#171a20!important}
@media(max-width:1050px){
  body.sp-site.tesla-layout.public-home .page-family .home-cinematic-hero .home-cinematic-inner{padding-top:88px}
  body.sp-site.tesla-layout.public-home .home-flow :is(.home-problem-router,.home-solve-bento,.sp-sectors,.sp-questions,.sp-closing){margin-block:88px!important}
}
@media(max-width:760px){
  body.sp-site.tesla-layout.public-home .page-family .home-cinematic-hero .home-cinematic-inner{padding:72px 24px 0}
  body.sp-site.tesla-layout.public-home .page-family .home-cinematic-copy h1{font-size:40px!important;line-height:1.12!important;max-width:14ch}
  body.sp-site.tesla-layout.public-home .home-cinematic-copy .sp-hero-description{max-width:29ch;margin-top:20px!important;font-size:16px;line-height:1.6}
  body.sp-site.tesla-layout.public-home .home-cinematic-copy .page-hero-actions{gap:8px;margin-top:24px}
  body.sp-site.tesla-layout.public-home .home-cinematic-copy .page-hero-actions a{min-width:0;width:auto;flex:1;min-height:44px;padding:12px;font-size:12px}
  body.sp-site.tesla-layout.public-home .home-hero-example{margin-top:48px;padding:20px 12px}
  body.sp-site.tesla-layout.public-home .home-hero-example .preview-top{padding:14px 18px}
  body.sp-site.tesla-layout.public-home .home-hero-example .preview-body{padding:20px 18px}
  body.sp-site.tesla-layout.public-home .home-hero-example .preview-answer{padding-block:24px}
  body.sp-site.tesla-layout.public-home .home-flow :is(.home-problem-router,.home-solve-bento,.sp-sectors,.sp-questions,.sp-closing){margin-block:72px!important}
  body.sp-site.tesla-layout.public-home .page-family .home-problem-card{padding:28px;min-height:200px}
}
@media(max-width:374px){
  body.sp-site.tesla-layout.public-home .page-family .home-cinematic-copy h1{font-size:36px!important}
}
@media(forced-colors:active){
  body.sp-site.tesla-layout.public-home .home-hero-example{background:Canvas;border:1px solid CanvasText}
  body.sp-site.tesla-layout.public-home .home-cinematic-copy .page-hero-actions a{background:ButtonFace!important;color:ButtonText!important;border:1px solid ButtonText!important}
}

/* Keep the software example and its description in separate flow rows. */
body.sp-site.tesla-layout.public-home .page-family .home-solve-card{
  display:flex;flex-direction:column;height:auto;min-height:0;align-self:stretch;
}
body.sp-site.tesla-layout.public-home .home-product-visual{height:auto;flex:none}
body.sp-site.tesla-layout.public-home .home-product-copy{
  position:static;inset:auto;display:flex;flex:1;flex-direction:column;align-items:flex-start;
  padding:0 48px 36px;
}
body.sp-site.tesla-layout.public-home .home-product-copy h3{overflow-wrap:anywhere}
body.sp-site.tesla-layout.public-home .home-product-copy p{max-width:none}
body.sp-site.tesla-layout.public-home .home-product-action{margin-top:auto;min-width:0;max-width:100%}
@media(max-width:1050px){
  body.sp-site.tesla-layout.public-home .home-product-copy{padding:0 24px 28px}
  body.sp-site.tesla-layout.public-home .home-product-copy h3{font-size:32px!important;line-height:1.2}
}

/* Homepage closing invitation: copy and CTA overlay the image at every size. */
body.sp-site.tesla-layout.public-home .page-family .sp-closing{
 position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;
 min-height:600px;padding:56px!important;border-radius:8px!important;background:#202420!important;color:#fff;
}
body.sp-site.tesla-layout.public-home .page-family .sp-closing>.site-art{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;z-index:-2!important;
}
body.sp-site.tesla-layout.public-home .page-family .sp-closing>.site-art img{
 width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:none!important;
}
body.sp-site.tesla-layout.public-home .page-family .sp-closing::before{
 content:"";display:block!important;position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(180deg,#0000 10%,#0004 45%,#000d 100%)!important;
}
body.sp-site.tesla-layout.public-home .page-family .sp-closing>div{
 position:relative;width:100%!important;max-width:660px!important;margin:0!important;padding:0!important;text-align:left;z-index:1;
}
body.sp-site.tesla-layout.public-home .page-family .sp-closing :is(h2,p){color:#fff!important}
body.sp-site.tesla-layout.public-home .page-family .sp-closing h2{
 max-width:15ch;font-size:clamp(36px,4vw,56px)!important;line-height:1.08!important;font-weight:400!important;
}
body.sp-site.tesla-layout.public-home .page-family .sp-closing>div>p:not(.sp-eyebrow){max-width:44ch;color:#ededed!important}
body.sp-site.tesla-layout.public-home .page-family .sp-closing .sp-closing-actions{justify-content:flex-start}
body.sp-site.tesla-layout.public-home .page-family .sp-closing .editorial-arrow-cta{background:#fff!important;color:#171a20!important;border-color:#fff!important}
body.sp-site.tesla-layout.public-home .page-family .sp-closing .editorial-arrow-cta:hover{background:#f9f9f9!important}
body.sp-site.tesla-layout.public-home .page-family .sp-closing .editorial-arrow-cta:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:760px){
 body.sp-site.tesla-layout.public-home .page-family .sp-closing{min-height:560px!important;padding:32px 24px!important}
 body.sp-site.tesla-layout.public-home .page-family .sp-closing h2{font-size:36px!important}
}
@media(forced-colors:active){
 body.sp-site.tesla-layout.public-home .page-family .sp-closing>div{background:Canvas;padding:16px!important}
 body.sp-site.tesla-layout.public-home .page-family .sp-closing :is(h2,p){color:CanvasText!important}
}

body.sp-site.tesla-layout.public-home .page-family .sp-closing>.site-art{transform:none!important}
body.sp-site.tesla-layout.public-home .page-family .sp-closing>div>p{margin-left:0!important;margin-right:0!important}


/* A quiet invitation at the end of the homepage; the letter opens on request. */
body.sp-site.public-home .ceo-note{display:grid;grid-template-columns:1fr 1.5fr;gap:64px;width:calc(100% - 80px);max-width:1180px;margin:112px auto 96px;padding:0;color:#171a20;background:#fff}
.ceo-note-author,.ceo-letter-signature{display:flex;align-items:center;gap:16px}
.ceo-note-author{align-self:start;padding-top:8px}
body.sp-site .ceo-note-author img,body.sp-site .ceo-letter-signature img{width:64px;height:64px;flex:none;object-fit:cover;object-position:center 25%;border-radius:50%;background:#f4f4f4}
.ceo-note-author strong,.ceo-letter-signature strong{display:block;font-size:15px;font-weight:500;line-height:1.6}
.ceo-note-author span,.ceo-letter-signature span{display:block;color:#626262;font-size:13px;line-height:1.6}
body.sp-site.public-home .ceo-note h2{margin:0 0 16px;font-size:clamp(28px,3vw,40px);line-height:1.15;font-weight:500;letter-spacing:-.035em}
.ceo-note-invitation p{max-width:44ch;margin:0 0 24px;color:#626262;font-size:16px;line-height:1.7}
.ceo-note-invitation button{display:inline-flex;align-items:center;gap:24px;min-height:44px;padding:8px 0;border:0;background:transparent;color:#171a20;font:inherit;font-size:14px;cursor:pointer}
.ceo-note-invitation button:hover{text-decoration:underline;text-underline-offset:5px}
.ceo-note-dialog{box-sizing:border-box;width:calc(100% - 48px);max-width:760px;max-height:calc(100dvh - 64px);margin:auto;padding:0;overflow:auto;overscroll-behavior:contain;border:1px solid #e8e8e8;border-radius:12px;color:#171a20;background:#fff;box-shadow:0 24px 80px #0002}
.ceo-note-dialog::backdrop{background:rgba(23,26,32,.24);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.ceo-letter{position:relative;padding:56px 64px}
.ceo-note-close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#f4f4f4;color:#171a20;font:300 30px/1 system-ui;cursor:pointer}
.ceo-note-close:hover{background:#eaeaea}
.ceo-note-dialog .ceo-letter-label{margin:0 0 16px;color:#626262;font-size:13px;line-height:1.5}
body.sp-site .ceo-note-dialog h2{max-width:15ch;margin:0 0 32px;font-size:clamp(32px,4vw,48px);font-weight:500;letter-spacing:-.04em;line-height:1.08}
.ceo-letter-body p{margin:0 0 24px;color:#444;font-size:16px;line-height:1.8}
.ceo-letter-body p:last-child{margin-bottom:0}
body.sp-site .ceo-letter-signature{margin:0 0 32px}
.ceo-note :is(button):focus-visible,.ceo-note-dialog button:focus-visible{outline:2px solid #171a20;outline-offset:4px}
@media(max-width:760px){body.sp-site.public-home .ceo-note{grid-template-columns:1fr;gap:32px;width:calc(100% - 48px);margin:72px auto}.ceo-note-author{padding-top:0}.ceo-note-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:8px}.ceo-letter{padding:64px 24px 32px}.ceo-letter-body p{font-size:15px;line-height:1.75}body.sp-site .ceo-letter-signature{margin:0 0 24px}}
@media(forced-colors:active){.ceo-note-dialog{border:1px solid CanvasText}.ceo-note-dialog::backdrop{background:#0008}.ceo-note-close{border:1px solid ButtonText}}