/* hero11: full-bleed house wallpaper; plain text L; real quote card R; quiet forecast pill */
.pq-hero.hero11{
  position:relative;
  width:100%;
  margin:0;
  padding:0!important;
  overflow:hidden;
  isolation:isolate;
  background:#0B2545;
  min-height:0;
  display:block;
}
/* full-bleed wallpaper — edge to edge, no inset card */
.pq-hero.hero11 .pq-bg,
.pq-hero.hero11 .pq-ov{
  position:absolute!important;
  inset:0!important;
  left:0!important;right:0!important;top:0!important;bottom:0!important;
  width:100%!important;
  height:auto!important;
  min-height:100%!important;
  z-index:0;
  border-radius:0!important;
  margin:0!important;
}
.pq-hero.hero11 .pq-bg .house{
  position:absolute!important;
  inset:0!important;
  height:100%!important;
  width:100%!important;
  border-radius:0!important;
  background-image:url(assets/hero7-desktop-2160.webp)!important;
  background-size:cover!important;
  background-position:center 80%!important;
  background-repeat:no-repeat!important;
}
.pq-hero.hero11 .pq-bg .sky{
  position:absolute;
  left:0;right:0;top:0;
  height:36%!important;
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 55%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0,#000 55%,transparent 100%);
}
/* light scrim only — walls stay visible; no panel behind copy */
.pq-hero.hero11 .pq-ov{
  background:
    linear-gradient(90deg,rgba(11,37,69,.42) 0,rgba(11,37,69,.14) 46%,rgba(11,37,69,.08) 100%),
    linear-gradient(180deg,rgba(11,37,69,.38) 0,rgba(11,37,69,.08) 34%,rgba(11,37,69,.18) 72%,rgba(11,37,69,.55) 100%)!important;
}
.pq-hero.hero11 .pq-lbl{z-index:4;left:12px;bottom:12px;top:auto}

/* kill prior hero copy/wx/chip layouts inside hero11 */
.pq-hero.hero11 .h9,
.pq-hero.hero11 .h10,
.pq-hero.hero11 .h10-stage,
.pq-hero.hero11 .h10-title,
.pq-hero.hero11 .h10-qq,
.pq-hero.hero11 .h10-wx,
.pq-hero.hero11 .h9-nums,
.pq-hero.hero11 .h9-qq,
.pq-hero.hero11 .hero-copy,
.pq-hero.hero11 .hero-wx,
.pq-hero.hero11 .pq-in{display:none!important}

/* stage: text left, real quote right; hero grows with content */
.h11{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,460px);
  gap:28px;
  align-items:start;
  max-width:1200px;
  width:100%;
  margin:0 auto;
  padding:120px 5vw 48px;
  box-sizing:border-box;
}
/* plain text on wallpaper — no tile / box / scrim-card */
.h11-copy{
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-radius:0!important;
  padding:8px 0 0;
  max-width:34em;
  color:#fff;
}
.h11-copy h1{
  font:400 clamp(40px,6.2vw,76px)/.96 'Archivo Black',system-ui,sans-serif!important;
  letter-spacing:-.03em;
  color:#fff!important;
  margin:0 0 12px!important;
  max-width:10ch;
  min-height:clamp(48px,8vw,80px);
  text-shadow:0 2px 18px rgba(11,37,69,.7),0 1px 2px rgba(11,37,69,.9);
}
.h11-nums{
  margin:0 0 6px;
  font:400 clamp(26px,3.4vw,40px)/1.05 'Archivo Black',system-ui,sans-serif;
  color:#FF7A00;
  letter-spacing:-.02em;
  text-shadow:0 2px 14px rgba(11,37,69,.65);
  min-height:1.1em;
}
.h11-sub{
  margin:0;
  font:500 15px/1.4 Inter,system-ui,sans-serif;
  color:#e8eef6;
  text-shadow:0 1px 10px rgba(11,37,69,.75);
  max-width:28em;
}

/* real interactive quote card floated right, inside hero */
.h11-card{
  position:sticky;
  top:80px;
  min-width:0;
}
.pq-hero.hero11 .pq-card{
  margin:0;
  max-width:100%;
  /* liquid glass — house wallpaper shows through faintly */
  background:rgba(255,255,255,.84);
  -webkit-backdrop-filter:saturate(170%) blur(18px);
  backdrop-filter:saturate(170%) blur(18px);
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 24px 50px -18px rgba(0,0,0,.5);
}
.pq-hero.hero11 .pq-card #amt{min-height:34px}
.pq-hero.hero11 .pq-step button{min-width:44px;min-height:44px;width:44px;height:44px}
.pq-hero.hero11 .pq-opt,
.pq-hero.hero11 .pq-chip,
.pq-hero.hero11 .pq-cta,
.pq-hero.hero11 .pq-tel{min-height:44px}

/* quiet forecast blip — corner pill, not a bar */
.pq-hero.hero11 .h11-wx{
  position:absolute;
  z-index:5;
  top:76px;
  left:5vw;
  right:auto;
  margin:0;
  max-width:min(320px,78vw);
}
.pq-hero.hero11 .h11-wx .pf-b{
  min-height:44px;
  padding:9px 14px;
  font-size:13px;
  font-weight:700;
  gap:8px;
  max-width:min(320px,78vw);
  background:rgba(11,37,69,.58);
  border:1px solid rgba(255,255,255,.32);
  box-shadow:0 8px 20px -12px rgba(0,0,0,.45);
}
.pq-hero.hero11 .h11-wx .pf-d{
  position:absolute;
  left:0;
  right:auto;
  top:48px;
  width:min(320px,86vw);
  z-index:6;
}
.pq-hero.hero11 .h11-wx .pf-src,
.pq-hero.hero11 .fx{display:none!important}
.pq-hero.hero11 #pf{min-height:0;margin:0;max-width:none;visibility:visible}
.pq-hero.hero11 #pf.pf-wait{opacity:.55}

@media (max-width:959px){
  .h11{
    grid-template-columns:1fr;
    gap:18px;
    padding:88px 4vw 32px;
  }
  .h11-card{position:relative;top:auto}
  .pq-hero.hero11 .h11-wx{top:68px;left:4vw;right:auto}
  .pq-hero.hero11 .pq-bg .house{
    background-image:image-set(url(assets/hero7-mobile-644.webp) 1x,url(assets/hero7-mobile-1288.webp) 2x)!important;
    background-position:center top!important;
    background-size:cover!important;
  }
  .pq-hero.hero11 .pq-ov{
    background:
      linear-gradient(180deg,rgba(11,37,69,.48) 0,rgba(11,37,69,.12) 28%,rgba(11,37,69,.22) 62%,rgba(11,37,69,.62) 100%)!important;
  }
  .h11-copy h1{font-size:clamp(34px,11vw,52px)!important;min-height:52px}
}
@media (max-width:700px){
  .h11{padding:76px 4vw 28px}
  .pq-hero.hero11 .h11-wx{position:relative;top:auto;right:auto;margin:0 4vw 10px auto;display:flex;justify-content:flex-end}
  /* keep pill inside hero flow above stage on very small screens — reorder via grid on parent */
  .pq-hero.hero11{display:flex;flex-direction:column}
  .pq-hero.hero11 .pq-bg,
  .pq-hero.hero11 .pq-ov{position:absolute}
  .pq-hero.hero11 .pq-lbl{order:3}
  .pq-hero.hero11 .h11-wx{order:1;align-self:flex-start;margin:72px 4vw 0}
  .pq-hero.hero11 .h11{order:2;padding-top:12px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .pq-hero.hero11 .pq-card{background:#fffffff0;border:1px solid rgba(255,255,255,.7)}
}

.pq-hero.hero11 .pq-card .pq-top h2,
.pq-hero.hero11 .pq-card .pq-qh,
.pq-hero.hero11 .pq-card .pq-sz b,
.pq-hero.hero11 .pq-card .pq-opt,
.pq-hero.hero11 .pq-card .pq-chip,
.pq-hero.hero11 .pq-card .pq-step output{color:#0B2545}
.pq-hero.hero11 .pq-card .pq-res{background:rgba(11,37,69,.92)}