/* Batch 1 — homepage structure lock, Aug 24 2026.
   Purpose: layout only. Do not change imagery or editorial content in this file. */

/* HERO: let content determine height; never clip the left proof row. */
.hero-approved{position:relative;overflow:visible!important;background:#fff}
.hero-approved-grid{display:grid;grid-template-columns:minmax(420px,44%) minmax(0,56%);align-items:stretch;min-height:650px;height:auto!important;max-height:none!important}
.hero-approved-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:42px 4.25vw 42px max(4.5vw,calc((100vw - 1180px)/2))}
.hero-approved-copy .eyebrow{align-self:flex-start}
.hero-approved-copy h1{font-size:clamp(3rem,3.8vw,3.85rem);line-height:1;max-width:610px;margin:.55rem 0 .85rem}
.hero-approved-copy .lede{font-size:1rem;line-height:1.55;max-width:540px;margin:0}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:17px}
.hero-values{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important;margin-top:22px!important;align-items:start}
.hero-values>div{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:start;min-width:0}
.hero-values b{width:28px;height:28px;display:grid;place-items:center;line-height:1}
.hero-values span,.hero-values strong,.hero-values small{min-width:0}
.hero-values strong{display:block;font-size:.72rem;line-height:1.28}
.hero-values small{display:block;font-size:.62rem;line-height:1.35;margin-top:3px}

/* MEDIA: fill the hero row, while hotspot cards remain contained. */
.hero-approved-media{position:relative;min-height:650px;height:100%!important;max-height:none!important;overflow:hidden;background-image:linear-gradient(90deg,rgba(255,255,255,.38) 0%,rgba(255,255,255,.03) 18%,rgba(5,24,36,.08) 100%),url('https://images.pexels.com/photos/18302377/pexels-photo-18302377/free-photo-of-water-in-abandoned-room.jpeg?auto=compress&dpr=1&h=900&w=1500')!important;background-size:cover!important;background-position:center!important}
.hero-approved-media:before{display:none!important}
.hero-approved-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,31,48,0) 58%,rgba(7,31,48,.15) 100%);pointer-events:none}
.hero-hotspots{position:absolute;inset:0;z-index:2}
.hero-hotspot{position:absolute;width:min(285px,45%);padding:10px 12px;border-radius:16px}
.hero-hotspot .hs-icon{width:34px;height:34px}
.hero-hotspot strong{font-size:.8rem;line-height:1.2}
.hero-hotspot small{font-size:.62rem;line-height:1.3}
.hs-one{top:12%;left:8%}.hs-two{top:42%;left:25%}.hs-three{top:72%;left:12%}
.hero-step-detail{z-index:4;bottom:20px;right:22px}

/* The confidence strip is a normal block AFTER the hero — never an overlay. */
.confidence-strip{position:relative!important;inset:auto!important;z-index:6;clear:both;margin:0!important;padding:16px 0!important;transform:none!important}
.confidence-grid{align-items:center}

/* Popular guides begin only after the confidence strip. */
.approved-guides{position:relative!important;inset:auto!important;z-index:1;clear:both;margin:0!important;padding:48px 0 58px!important;transform:none!important}
.approved-guides-grid{align-items:stretch}

/* Persistent assistant stays at the viewport edge without covering content. */
.help-dock{right:10px!important;bottom:10px!important}
.help-launcher{transform:scale(.9);transform-origin:bottom right}
.help-launcher:hover{transform:scale(.9) translateY(-2px)}

@media(min-width:1500px){
  .hero-approved-grid,.hero-approved-media{min-height:660px}
  .hero-approved-copy h1{font-size:3.85rem}
}

@media(max-width:1100px){
  .hero-approved-grid{grid-template-columns:minmax(390px,48%) minmax(0,52%);min-height:620px}
  .hero-approved-media{min-height:620px}
  .hero-approved-copy{padding:38px 4vw}
  .hero-approved-copy h1{font-size:clamp(2.7rem,4.7vw,3.45rem)}
  .hero-values{grid-template-columns:1fr!important;gap:8px!important}
  .hero-values>div{grid-template-columns:28px 1fr}
  .hero-values small{font-size:.64rem}
}

@media(max-width:900px){
  .hero-approved{overflow:hidden!important}
  .hero-approved-grid{grid-template-columns:1fr;min-height:0}
  .hero-approved-copy{padding:42px 5vw 34px}
  .hero-approved-copy h1{font-size:clamp(2.5rem,8vw,3.4rem);max-width:680px}
  .hero-values{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
  .hero-approved-media{height:auto!important;min-height:450px;background-position:58% center!important}
  .hero-hotspot{width:min(300px,58%)}
  .confidence-strip{padding:15px 0!important}
  .approved-guides{padding:42px 0 50px!important}
}

@media(max-width:600px){
  .hero-approved-copy{padding:30px 5vw 28px}
  .hero-approved-copy h1{font-size:clamp(2.2rem,9.8vw,2.85rem);line-height:1}
  .hero-approved-copy .lede{font-size:.96rem}
  .hero-values{grid-template-columns:1fr!important;gap:9px!important;margin-top:18px!important}
  .hero-values strong{font-size:.75rem}.hero-values small{font-size:.66rem}
  .hero-approved-media{min-height:400px;background-position:60% center!important}
  .hero-hotspot{width:calc(100% - 28px);left:14px!important;right:14px!important}
  .hs-one{top:6%}.hs-two{top:36%}.hs-three{top:66%}
  .hero-step-detail{left:14px;right:14px;bottom:12px;width:auto}
  .confidence-grid{grid-template-columns:1fr 1fr}
  .help-dock{right:7px!important;bottom:7px!important}
  .help-launcher{transform:scale(.88);transform-origin:bottom right}
}

@media(max-width:380px){
  .confidence-grid{grid-template-columns:1fr}
  .hero-approved-media{min-height:390px}
}