/* First paint and WebGL share one stable, responsive stage. */
.hero-screen{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr)!important;align-items:start!important}
.hero-copy{grid-column:1;grid-row:1;padding:30px 20px!important;animation:none!important}
.hero-copy h1{font-size:clamp(2.1rem,3.4vw,3.6rem)!important}
.hero-visual{grid-column:2;grid-row:1;min-width:0;padding:0!important;animation:none!important}
.premium-hero-banner{grid-row:2;grid-column:1/-1;content-visibility:auto;contain-intrinsic-size:auto 260px}
.leon-first-preview{position:relative;flex:1;min-height:560px;display:flex;flex-direction:column}
#heroVisualizer{width:100%;min-height:560px!important}
#heroVisualizer canvas{filter:none!important}
#leonReferencePreview{position:absolute;inset:0;margin:0;z-index:2;background:#f1eee8;border-radius:16px;overflow:hidden;pointer-events:none;opacity:1;transition:opacity .22s ease}
#leonReferencePreview img{width:100%;height:100%;object-fit:contain;display:block}
#leonReferencePreview figcaption{position:absolute;bottom:12px;left:12px;right:12px;background:#fffef4e8;border-radius:8px;padding:8px 12px;font-size:12px;color:#234b3c}
#leonReferencePreview.is-ready{opacity:0}
#leonReferencePreview[hidden]{display:none}
.leon-advisor .advisor-launch{width:62px!important;height:62px!important;animation:none!important}
.hero-copy::before{animation:none!important}
@media(max-width:900px){.hero-screen{grid-template-columns:minmax(0,1fr)!important}.hero-visual{grid-column:1;grid-row:1}.hero-copy{grid-column:1;grid-row:2;padding:12px 8px!important}.premium-hero-banner{grid-row:3}.leon-first-preview,#heroVisualizer{min-height:400px!important;height:400px}.hero-copy h1{max-width:24ch}.hero-actions{margin:12px 0}}
@media(max-width:560px){.hero-screen{padding:8px!important;gap:8px!important}.leon-demo-strip{font-size:10px!important;padding:6px 10px!important}.leon-first-preview,#heroVisualizer{min-height:350px!important;height:350px}.topbar .top-actions :is(select,button){min-height:44px!important}.hero-copy h1{font-size:2rem!important}}
@media(prefers-reduced-motion:reduce){#leonReferencePreview{transition:none}}

#presetChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#presetChoices button{min-width:0;text-align:left;padding:8px;font-size:12px;border-radius:12px}#presetChoices img{display:block;width:100%;height:90px;object-fit:contain;background:#eeebe5;border-radius:7px;margin-bottom:6px}.advisor-msg[data-quote-draft] p{margin:5px 0}

.leon-invalid-preview{position:absolute;z-index:5;bottom:12px;left:12px;right:12px;margin:0;padding:12px;background:#fff1d9;color:#633e15;border:1px solid #b58342;border-radius:9px;font-size:13px;line-height:1.4}

/* 11.0.1: Restore original banner placement above the configurator.
   Retain V11 single-renderer fast-CTA path, preview and adaptive cameras. */
.hero-screen {align-items:stretch!important;}
.premium-hero-banner {
  grid-column:1/-1!important;grid-row:1!important;
  content-visibility:visible!important;contain-intrinsic-size:auto!important;
  order:0!important;
}
.hero-copy {grid-column:1!important;grid-row:2!important;order:1!important;}
.hero-visual {grid-column:2!important;grid-row:2!important;order:2!important;}
@media (max-width:900px){
  .premium-hero-banner {grid-column:1!important;grid-row:1!important;}
  .hero-copy {grid-column:1!important;grid-row:2!important;}
  .hero-visual {grid-column:1!important;grid-row:3!important;}
}