@import url('./home-v22.css');
@import url('./hero-final.css');
@import url('./mobile-final.css');
@import url('./mobile-polish.css');
@import url('./footer-final.css');

/* TeslaEdit V2.1 — visual refinement pass based on full-page review. */

/* Stronger, more legible header */
.home-v2 .site-header{height:78px}
.home-v2 .brand{font-size:19.5px;gap:12px}
.home-v2 .brand-mark{width:10px;height:10px}
.home-v2 .site-nav{font-size:12.5px;gap:28px}
.home-v2 .language-picker{min-height:38px}
.home-v2 .language-picker select{font-size:11.5px}

/* Tighter hero with more room for localized headlines */
.home-v2 .hero-v2{min-height:485px}
.home-v2 .hero-art{object-position:center right;filter:brightness(1.12) contrast(1.03) saturate(.96);transform:scale(1.015);transform-origin:center right}
.home-v2 .hero-shade{background:linear-gradient(90deg,rgba(7,9,12,.94) 0%,rgba(7,9,12,.76) 35%,rgba(7,9,12,.13) 68%,rgba(7,9,12,.04) 100%)}
.home-v2 .hero-inner{min-height:485px;padding:42px 0 108px}
.home-v2 .hero-copy{max-width:760px}
.home-v2 .eyebrow{margin-bottom:17px;font-size:11.5px}
.home-v2 .hero h1{max-width:760px;margin-bottom:18px;font-size:clamp(44px,4.7vw,64px);line-height:.98;letter-spacing:-.052em}
.home-v2 .hero p{max-width:625px;font-size:16px;line-height:1.58}
.home-v2 .hero-actions{margin-top:24px}

/* Generator is intentionally more compact; preview remains the visual focus. */
.home-v2 .generator{margin-top:-68px}
.home-v2 .generator-body{min-height:470px}
.home-v2 .controls-panel{padding:25px 28px 23px}
.home-v2 .control-section{padding-bottom:20px;margin-bottom:20px}
.home-v2 .section-head{margin-bottom:12px}
.home-v2 .section-head h2{font-size:14.5px}
.home-v2 .section-head p{font-size:12px;line-height:1.48;color:#777f87}
.home-v2 .type-button{min-height:46px;font-size:12.5px}
.home-v2 .design-button{min-height:56px}
.home-v2 .design-button strong{font-size:12.5px}
.home-v2 .design-button span{font-size:11px}
.home-v2 .plate-input-wrap input{height:58px}
.home-v2 .validation-message{font-size:11.5px}
.home-v2 .extras-row strong{font-size:12.5px}
.home-v2 .extras-row p{font-size:11.5px;line-height:1.5;color:#767e86}
.home-v2 .switch em{font-size:10.5px}
.home-v2 .frame-text-wrap label{font-size:12px}
.home-v2 .frame-text-wrap p{font-size:11.5px;color:#7b838a}
.home-v2 .frame-inline-link{font-size:11px}

.home-v2 .preview-panel{padding:25px 30px 26px}
.home-v2 .preview-kicker{font-size:9.5px}
.home-v2 .preview-head strong{font-size:12.5px}
.home-v2 .status-chip{font-size:10px}
.home-v2 .preview-stage{min-height:250px;padding:24px 18px 18px}
.home-v2 .preview-glow{width:64%;height:72%}
.home-v2 .plate-preview{width:min(90%,670px)}
.home-v2 .download-card{padding:13px 14px}
.home-v2 .download-copy strong{font-size:12.5px}
.home-v2 .download-copy span{font-size:11px}
.home-v2 .download-button{min-height:56px}
.home-v2 .download-button span{font-size:13.5px}

/* Clearer instructional section, now reading as three intentional steps. */
.home-v2 .how{grid-template-columns:285px minmax(0,1fr);gap:36px;padding-top:68px}
.home-v2 .how h2{font-size:clamp(34px,3.45vw,45px)}
.home-v2 .how-copy>p{font-size:14px}
.home-v2 .primary-link{font-size:12.5px}
.home-v2 .quick-steps{gap:12px}
.home-v2 .quick-steps li,.home-v2 .quick-steps li:first-child{min-height:150px;padding:20px;border:1px solid #e0e4e7;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(15,20,25,.035)}
.home-v2 .quick-steps li>span{width:36px;height:36px;margin-bottom:17px;background:#eef0f2;font-size:11px}
.home-v2 .quick-steps strong{font-size:14px}
.home-v2 .quick-steps p{margin-top:7px;font-size:12px;line-height:1.55}

/* Physical product offer: retain layout, strengthen conversion hierarchy. */
.home-v2 .frame-offer{margin-top:66px}
.home-v2 .frame-offer-copy{padding:44px}
.home-v2 .frame-offer-kicker{font-size:9.5px}
.home-v2 .frame-offer h2{font-size:clamp(34px,3vw,44px)}
.home-v2 .frame-offer p{font-size:13.5px}
.home-v2 .frame-offer-button{min-height:50px;padding:0 21px;font-size:12.5px}
.home-v2 .frame-offer-note{font-size:10.5px}
.home-v2 .site-footer{margin-top:80px}

@media(max-width:1000px){
  .home-v2 .hero-copy{max-width:660px}
  .home-v2 .hero h1{font-size:clamp(44px,5.5vw,58px)}
  .home-v2 .generator-body{grid-template-columns:350px minmax(0,1fr)}
  .home-v2 .controls-panel{padding:23px 23px 21px}
  .home-v2 .preview-panel{padding:24px}
  .home-v2 .how{grid-template-columns:235px 1fr;gap:28px}
  .home-v2 .quick-steps li,.home-v2 .quick-steps li:first-child{padding:18px}
}

@media(max-width:760px){
  .home-v2 .site-header{height:66px}
  .home-v2 .brand{font-size:17.5px}
  .home-v2 .site-nav{font-size:11.5px}
  .home-v2 .hero-v2{min-height:465px}
  .home-v2 .hero-art{width:150%;left:-50%;object-position:72% center;filter:brightness(1.05) contrast(1.02)}
  .home-v2 .hero-inner{min-height:465px;padding:42px 0 104px}
  .home-v2 .hero h1{font-size:clamp(40px,11.2vw,52px);line-height:.99}
  .home-v2 .hero p{font-size:14.5px}
  .home-v2 .generator{margin-top:-60px}
  .home-v2 .controls-panel{padding:22px 20px}
  .home-v2 .preview-panel{min-height:360px;padding:21px 20px 20px}
  .home-v2 .preview-stage{min-height:215px;padding:20px 0 14px}
  .home-v2 .how{grid-template-columns:1fr;gap:25px;padding-top:56px}
  .home-v2 .quick-steps{gap:10px}
  .home-v2 .quick-steps li,.home-v2 .quick-steps li:first-child{display:grid;grid-template-columns:42px 1fr;gap:14px;min-height:0;padding:17px;border:1px solid #e0e4e7;border-radius:13px}
  .home-v2 .quick-steps li>span{margin:0}
  .home-v2 .quick-steps li div{padding-top:2px}
  .home-v2 .frame-offer-copy{padding:28px 24px}
  .home-v2 .frame-offer-button{min-height:50px}
}

@media(max-width:430px){
  .home-v2 .hero h1{font-size:39px}
  .home-v2 .hero p{font-size:14px}
  .home-v2 .preview-stage{min-height:205px}
}