/* Three private hero layouts. Shared copy, imagery, controls and sections come from study.html. */

/* A · Editorial column: let the offer sit at the foot of the showroom-height column. */
html[data-hero-option="a"] .bgrid{align-items:stretch}
html[data-hero-option="a"] .bcopy{min-width:0;min-height:100%;display:flex;flex-direction:column;align-items:flex-start}
html[data-hero-option="a"] .hero h1{font-size:clamp(52px,6vw,78px);line-height:.99;letter-spacing:-.045em}
html[data-hero-option="a"] .hero .bcopy>p{max-width:490px;font-size:19px;line-height:1.48}
html[data-hero-option="a"] .hero-offer{width:100%;margin-top:auto;padding-top:clamp(26px,4vw,54px)}

/* B · Quiet offer panel: keep the statement open and gather the decision details below it. */
html[data-hero-option="b"] .hero-offer{margin-top:25px;padding:20px 22px;background:var(--study-panel);border:1px solid var(--study-border)}
html[data-hero-option="b"] .hero .cta{margin-top:0}
html[data-hero-option="b"] .hero .price-anchor{margin-top:15px}
html[data-hero-option="b"] .hero .trustline{margin-top:16px;display:grid;gap:11px}

/* C · Typographic ladder: lift the price and give each existing benefit its own row. */
html[data-hero-option="c"] .hero h1{font-size:clamp(54px,6.15vw,80px);line-height:.97;letter-spacing:-.05em}
html[data-hero-option="c"] .hero .bcopy>p{max-width:470px;margin-top:22px;font-size:18px;line-height:1.45}
html[data-hero-option="c"] .hero-offer{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:12px 22px;margin-top:30px}
html[data-hero-option="c"] .hero .cta{grid-column:1;grid-row:1;margin:0}
html[data-hero-option="c"] .hero .price-anchor{grid-column:2;grid-row:1;align-items:center;gap:7px;margin:0;white-space:nowrap}
html[data-hero-option="c"] .hero .price-anchor strong{font-size:clamp(38px,4vw,52px);line-height:1}
html[data-hero-option="c"] .hero .price-anchor span:last-child{margin-left:4px}
html[data-hero-option="c"] .hero .trustline{grid-column:1/-1;display:grid;gap:0;margin:4px 0 0;padding-top:8px;border-top:1px solid var(--study-border)}
html[data-hero-option="c"] .hero .trustline>span{min-height:38px;padding-block:7px;border-bottom:1px solid var(--study-border)}
html[data-hero-option="c"] .hero .trustline>span:last-child{border-bottom:0}

@media(max-width:1050px) and (min-width:761px){
  html[data-hero-option="a"] .hero h1,html[data-hero-option="c"] .hero h1{font-size:clamp(46px,5.4vw,60px)}
  html[data-hero-option="c"] .hero-offer{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:24px}
  html[data-hero-option="c"] .hero .cta,html[data-hero-option="c"] .hero .price-anchor,html[data-hero-option="c"] .hero .trustline{grid-column:1;grid-row:auto}
}

@media(max-width:760px){
  html[data-hero-option="a"] .bgrid{align-items:start}
  html[data-hero-option="a"] .bcopy{min-height:0}
  html[data-hero-option="a"] .hero h1{font-size:clamp(27px,8.4vw,40px);line-height:1.06;letter-spacing:-.035em}
  html[data-hero-option="a"] .hero-offer{margin-top:20px;padding-top:0}
  html[data-hero-option="b"] .hero-offer{margin-top:20px;padding:15px;background:var(--study-panel);}
  html[data-hero-option="b"] .hero .trustline{grid-template-columns:1fr;gap:8px}
  html[data-hero-option="c"] .hero h1{font-size:clamp(27px,8.4vw,40px);line-height:1.06;letter-spacing:-.035em}
  html[data-hero-option="c"] .hero-offer{grid-template-columns:minmax(0,1fr);gap:11px;margin-top:20px}
  html[data-hero-option="c"] .hero .cta,html[data-hero-option="c"] .hero .price-anchor,html[data-hero-option="c"] .hero .trustline{grid-column:1;grid-row:auto}
  html[data-hero-option="c"] .hero .price-anchor strong{font-size:36px}
  html[data-hero-option="c"] .hero .trustline{margin-top:3px}
}