/* Home page (redesign-2026) - the approved GATE 1.1 layout on the live markup. Visual only. */
body.ds-home{margin:0}
.ds-home *,.ds-home *::before,.ds-home *::after{box-sizing:border-box}
.ds-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ds-home main{display:block}
.hm-hero{position:relative;background:linear-gradient(180deg,#f7faff 0,#eef4fc 100%);overflow:hidden}
.hm-hero-in{position:relative;max-width:1280px;margin:0 auto;padding:22px 28px;min-height:480px;display:flex}
.hm-copy{position:relative;z-index:6;width:45%;max-width:580px;padding-block:12px 8px}
.ds-home h1.aql-h1-long{margin:12px 0 0;font-size:clamp(34px,3.3vw,47px);line-height:1.04;letter-spacing:-.04em;font-weight:800;text-wrap:balance;color:var(--ds-navy)}
.ds-home h1 .l1{display:block;color:var(--ds-navy)}
.ds-home h1 .l2{display:block;color:var(--ds-slate)}
.ds-home .hero-text{margin:16px 0 20px;color:var(--ds-muted);font-size:16px;line-height:1.55;max-width:31em}
.ds-home .hero-text a{color:inherit;text-decoration:underline;text-decoration-color:#b9c8de;text-underline-offset:3px}
.ds-home .search-box{background:#fff;border:1px solid var(--ds-line);border-radius:12px;padding:14px;box-shadow:0 12px 30px rgba(15,45,100,.08);max-width:none}
.ds-home .search-box label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ds-home .search-row{position:relative;display:flex;flex-direction:column;gap:10px}
.ds-home .hm-pin-ico{position:absolute;left:13px;top:23px;transform:translateY(-50%);width:18px;height:18px;color:var(--ds-muted);pointer-events:none;z-index:2}
.ds-home #address{width:100%;font:inherit;font-size:15.5px;color:var(--ds-navy);border:1px solid var(--ds-line);border-radius:8px;padding:12px 12px 12px 40px;background:#fff;box-sizing:border-box}
.ds-home .search-row button[type=submit]{width:100%;font:inherit;font-size:15.5px;font-weight:700;color:#fff;background:var(--ds-blue);border:0;border-radius:8px;padding:12px 16px;cursor:pointer}
.ds-home .search-row button[type=submit]:hover{background:var(--ds-blue-d)}
.ds-home .search-row button[type=submit]:disabled{opacity:.75;cursor:progress}
.ds-home .region-switch{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:11px;font-size:12.5px;color:var(--ds-muted)}
.ds-home .region-switch [data-region]{font-weight:700;color:var(--ds-navy)}
.ds-home .region-switch [data-region].is-selected{color:var(--ds-blue);text-decoration:underline;text-underline-offset:3px}
.ds-home .search-note{margin-top:6px;font-size:12px;color:var(--ds-muted)}

/* RD1.1 (owner, 10 Oct): the photo sits in a frame on the site grid - right edge on the same line as the header and the cards below */
.hm-pano{position:absolute;top:22px;bottom:22px;right:28px;left:47%;z-index:1;border-radius:18px;overflow:hidden;box-shadow:0 18px 44px rgba(10,35,85,.16)}
.hm-frame{position:absolute;inset:0}
.hm-frame picture{position:absolute;inset:0;display:block}
.hm-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hm-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,30,70,0) 55%,rgba(10,30,70,.35) 100%);pointer-events:none}
.hm-tag{position:absolute;right:12px;top:10px;z-index:3;font-size:10.5px;font-weight:700;letter-spacing:.06em;color:#fff;background:rgba(10,42,102,.72);border-radius:999px;padding:4px 10px}
.hm-sat{position:absolute;z-index:3;left:43%;top:30%;width:250px;margin:0;border-radius:12px;border:3px solid #fff;box-shadow:0 14px 34px rgba(5,25,70,.35);background:#c9d6e6}
.hm-sat picture{display:block;position:relative!important;inset:auto!important}
.hm-sat img{display:block;width:100%;height:auto;border-radius:9px}
.hm-sat figcaption{position:absolute;left:8px;bottom:8px;font-size:10px;font-weight:700;letter-spacing:.06em;color:#fff;background:rgba(10,42,102,.75);border-radius:999px;padding:3px 8px}
.hm-pin{position:absolute;left:46%;top:51%;z-index:3;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;pointer-events:none}
.hm-pin b{display:flex;align-items:center;gap:7px;background:var(--ds-blue);color:#fff;border-radius:6px;padding:6px 10px;font-size:11.5px;line-height:1.25;box-shadow:0 8px 20px rgba(5,30,80,.35);white-space:nowrap}
.hm-pin b svg{width:16px;height:16px;flex:0 0 auto}
.hm-pin .pa{font-weight:700}
.hm-pin .pa span{display:block;font-weight:500;font-size:10.5px;opacity:.92}
.hm-pin i{width:2px;height:22px;background:var(--ds-blue)}
.hm-pin em{width:14px;height:14px;border-radius:50%;background:var(--ds-blue);border:3px solid #fff;margin-top:-2px}
.hm-pano.live .hm-pin em{animation:hmring 1.6s ease-out infinite}
@keyframes hmring{0%{box-shadow:0 0 0 0 rgba(11,99,246,.5)}100%{box-shadow:0 0 0 16px rgba(11,99,246,0)}}
.hm-link{position:absolute;inset:0;z-index:4;pointer-events:none;width:100%;height:100%}
.hm-credit{position:absolute;right:10px;bottom:6px;z-index:3;font-size:10px;color:rgba(255,255,255,.92);text-shadow:0 1px 2px rgba(0,0,0,.5)}
.hm-mcredit,.hm-swipe{display:none}
.hm-rcs{position:absolute;inset:0;z-index:5;pointer-events:none}
.hm-rc{position:absolute;pointer-events:auto;display:flex;align-items:center;gap:12px;text-align:left;font:inherit;color:inherit;background:rgba(255,255,255,.97);border:1.5px solid transparent;border-radius:12px;padding:10px 14px 10px 12px;box-shadow:0 10px 26px rgba(10,35,85,.18);cursor:pointer;max-width:245px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.hm-rc:hover{transform:translateY(-2px)}
.hm-rc[aria-pressed="true"]{z-index:7;border-color:var(--ds-blue);box-shadow:0 14px 32px rgba(11,99,246,.32)}
.hm-rc .ico{flex:0 0 auto;width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#e9f1ff;color:var(--ds-blue)}
.hm-rc .ico.solid{background:var(--ds-blue);color:#fff}
.hm-rc .ico svg{width:22px;height:22px}
.hm-rc .t{min-width:0}
.hm-rc .k{display:block;font-size:11.5px;color:var(--ds-ink)}
.hm-rc .v{display:block;font-size:18px;font-weight:800;color:var(--ds-navy);line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.hm-rc .s{display:block;font-size:11px;color:var(--ds-muted)}
.hm-rc .more{display:none}
/* RD1.1: in the framed photo the left column holds road / parking / flood, the right column beach / traffic, so the address label above the satellite stays clear */
/* CP2 (owner, 10 Oct): fewer things on the photo - the outlined lot on top, three results below it */
/* CP3 (owner, 10 Oct): the building on the left, three facts stacked on the right */
.r-flood{right:4%;top:9%}.r-beach{right:4%;top:30%}.r-traf{right:4%;top:52%;max-width:340px}
/* CP1 (owner, 10 Oct): one hero insight - the traffic card leads; parking is secondary */
.hm-rc.hero{background:var(--ds-navy);color:#fff;padding:12px 16px 12px 12px;box-shadow:0 16px 36px rgba(5,20,60,.45)}
.hm-rc.hero .k{color:#bcd3ff;font-weight:700;font-size:12px}
.hm-rc.hero .v{color:#fff;font-size:23px}
.hm-rc.hero .s{color:#d7e4ff;font-size:11.5px}
.hm-rc.hero .ico.solid{background:#fff;color:var(--ds-navy)}
.hm-rc.hero[aria-pressed="true"]{border-color:#fff}
.hm-rc.minor{padding:7px 12px 7px 9px;gap:9px;opacity:.94}
.hm-rc.minor .ico{width:30px;height:30px}
.hm-rc.minor .ico svg{width:17px;height:17px}
.hm-rc.minor .v{font-size:15px}
.hm-watch{position:absolute;z-index:4;left:16%;bottom:6%;display:flex;align-items:center;gap:12px;font:inherit;text-align:left;color:#fff;background:rgba(9,25,60,.86);border:0;border-radius:12px;padding:11px 16px 11px 12px;cursor:pointer;box-shadow:0 12px 28px rgba(5,20,50,.35)}
.hm-watch .play{flex:0 0 auto;width:38px;height:38px;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center}
.hm-watch .play svg{width:14px;height:14px;margin-left:2px}
.hm-watch strong{display:block;font-size:13.5px;font-weight:600;line-height:1.3}
.hm-watch .bars{display:flex;gap:4px;margin-top:6px}
.hm-watch .bars i{width:20px;height:3px;border-radius:2px;background:rgba(255,255,255,.85)}
.hm-watch .bars i:nth-child(n+5){background:rgba(255,255,255,.3)}
.hm-detail{display:none;position:absolute;z-index:6;left:16%;bottom:6%;width:min(410px,44%);background:rgba(255,255,255,.98);border:1.5px solid var(--ds-blue);border-radius:12px;padding:12px 38px 12px 14px;font-size:13px;line-height:1.45;color:var(--ds-ink);box-shadow:0 14px 32px rgba(11,99,246,.28)}
.hm-detail.open{display:block}
.hm-detail small{display:block;color:var(--ds-muted);font-size:11.5px;margin-top:4px}
.hm-detail .mx{position:absolute;right:8px;top:8px;width:24px;height:24px;border:0;border-radius:50%;background:#eef3fb;color:var(--ds-navy);font-size:15px;line-height:1;cursor:pointer}
.hm-pano.has-detail .hm-watch{display:none}

.hm-wrap{max-width:1280px;margin:0 auto;padding-inline:28px}
.hm-miss{padding-block:24px 18px;text-align:center}
.hm-miss h2,.hm-rep h2{margin:0;color:var(--ds-navy);font-size:clamp(26px,2.6vw,34px);letter-spacing:-.03em;line-height:1.1;font-weight:800;text-wrap:balance}
.hm-miss .sub{margin:4px 0 16px;color:var(--ds-muted);font-size:14px}
.hm-mgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;text-align:left}
.hm-mgrid .mc{display:grid;grid-template-columns:minmax(0,1fr) 37%;gap:12px;padding:12px}
.hm-mgrid .tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.hm-mgrid .top{display:flex;gap:10px;align-items:flex-start}
.hm-mgrid .top svg{width:30px;height:30px;flex:0 0 auto;color:var(--ds-blue)}
.hm-mgrid .top svg.warn{color:var(--ds-red)}
.hm-mgrid .n{display:block;color:var(--ds-blue);font-size:11px;font-weight:700}
.hm-mgrid h3{margin:0;color:var(--ds-navy);font-size:14.5px;line-height:1.25}
.hm-mgrid p{margin:8px 0 0;color:var(--ds-muted);font-size:13px;line-height:1.45}
.hm-mgrid figure{margin:0;border-radius:6px;overflow:hidden;position:relative;min-height:120px;background:#e8eef7}
.hm-mgrid figure picture,.hm-mgrid figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hm-mgrid figure small{position:absolute;left:0;right:0;bottom:0;font-size:8.5px;line-height:1.2;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.6));padding:8px 4px 2px}
.hm-trust{text-align:left;display:flex;align-items:center;gap:22px;flex-wrap:wrap;background:var(--ds-wash);border:1px solid var(--ds-line);border-radius:10px;padding:12px 18px;margin-top:14px}
.hm-trust .sh{width:40px;height:40px;flex:0 0 auto;color:var(--ds-blue)}
.hm-trust .msg{flex:1 1 380px;min-width:0}
.hm-trust h2{margin:0;color:var(--ds-navy);font-size:18px;letter-spacing:-.01em}
.hm-trust p{margin:2px 0 0;color:var(--ds-muted);font-size:12.5px}
.hm-trust .srcs{display:flex;flex-wrap:wrap}
.hm-trust .src{display:flex;align-items:center;gap:9px;padding:4px 16px;border-left:1px solid var(--ds-line);font-size:11.5px;line-height:1.3;color:var(--ds-ink)}
.hm-trust .src svg{width:24px;height:24px;color:var(--ds-muted);flex:0 0 auto}
.hm-rep{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,.42fr);gap:36px;align-items:center;padding-block:28px 24px}
.hm-rep .laptop{position:relative;padding-bottom:14px}
.hm-rep .scr{background:#111827;border-radius:14px 14px 4px 4px;padding:10px 10px 0}
.hm-rep .vp{background:#fff;border-radius:6px 6px 0 0;height:300px;overflow:hidden}
.hm-rep .vp img{display:block;width:100%;height:auto;transition:transform 6s ease}
.hm-rep .laptop:hover .vp img{transform:translateY(-38%)}
.hm-rep .base{height:14px;margin-inline:-28px;background:linear-gradient(180deg,#d7dce4,#aeb6c2);border-radius:0 0 14px 14px}
.hm-rep .pilltag{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--ds-blue);background:#e7efff;border-radius:6px;padding:5px 11px}
.hm-rep h2{margin-top:12px}
.hm-rep p{color:var(--ds-muted);font-size:15px;margin:10px 0 18px;max-width:28em}
.hm-btn{display:inline-flex;align-items:center;gap:8px;background:var(--ds-blue);color:#fff!important;font-weight:700;font-size:15px;text-decoration:none;border:0;border-radius:8px;padding:12px 18px;cursor:pointer;font-family:inherit}
.hm-btn:hover{background:var(--ds-blue-d)}
.hm-rep .cover{background:#fff;border:1px solid var(--ds-line);border-radius:10px;padding:12px;box-shadow:0 10px 26px rgba(15,45,100,.10)}
.hm-rep .cover b{display:block;color:var(--ds-navy);font-size:13px;line-height:1.25}
.hm-rep .cover .im{margin:8px 0;height:86px;border-radius:4px;overflow:hidden;background:#e8eef7}
.hm-rep .cover .im img{width:100%;height:100%;object-fit:cover}
.hm-rep .cover span{display:block;font-size:11px;color:var(--ds-ink);font-weight:700}
.hm-rep .cover small{display:block;font-size:10.5px;color:var(--ds-muted)}

.hm-dlg{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(6,18,44,.72)}
.hm-dlg[hidden]{display:none!important}
.hm-dlg-box{position:relative;width:min(940px,100%);max-height:calc(100% - 8px);overflow:auto;background:#fff;border-radius:16px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.hm-dlg .pg{background:#e9eef6;padding:18px;display:flex;align-items:center;justify-content:center}
.hm-dlg .pg img{display:block;width:100%;max-width:400px;height:auto;border-radius:4px;box-shadow:0 10px 30px rgba(10,35,85,.25)}
.hm-dlg .side{padding:24px 24px 20px;display:flex;flex-direction:column;gap:12px;min-width:0}
.hm-dlg .lbl{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--ds-blue)}
.hm-dlg h3{margin:0;color:var(--ds-navy);font-size:22px;line-height:1.2}
.hm-dlg .side p{margin:0;color:var(--ds-muted);font-size:14.5px}
.hm-dlg .side p.note{font-size:11.5px}
.hm-dlg .prog{display:flex;gap:5px}
.hm-dlg .prog button{flex:1;height:5px;border:0;padding:0;border-radius:3px;background:#dbe5f3;cursor:pointer}
.hm-dlg .prog button.done{background:#9dbdf6}
.hm-dlg .prog button.now{background:var(--ds-blue)}
.hm-dlg .ctl{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.hm-dlg .ctl button{font:inherit;font-size:13px;font-weight:700;color:var(--ds-ink);background:#fff;border:1px solid var(--ds-line);border-radius:8px;padding:7px 12px;cursor:pointer}
.hm-dlg .end[hidden]{display:none}
.hm-dlg .x{position:absolute;right:10px;top:10px;z-index:2;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.95);color:var(--ds-navy);font-size:20px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.15)}

@media (max-width:1180px){
  .hm-rep{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .hm-rep .cover{display:none}
  .hm-mgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){
  .hm-hero-in{flex-direction:column;min-height:0}
  .hm-copy{width:100%;max-width:640px}
  .hm-pano{position:relative;top:auto;bottom:auto;left:auto;right:auto;height:400px;margin:4px 0 0}
}
@media (max-width:760px){
  .hm-hero{background:#fff}
  .hm-hero-in{padding:0 16px}
  .hm-copy{padding-block:12px 10px}
  .ds-home .eyebrow{font-size:10.5px!important}
  .ds-home h1.aql-h1-long{font-size:clamp(25px,7.2vw,31px);margin-top:6px}
  .ds-home .hero-text{font-size:13px;line-height:1.45;margin:8px 0 10px}
  .ds-home .search-box{padding:10px;box-shadow:0 8px 22px rgba(15,45,100,.07)}
  .ds-home #address{padding:10px 10px 10px 36px;font-size:16px}
  .ds-home .hm-pin-ico{top:21px}
  .ds-home .search-row{gap:8px}
  .ds-home .search-row button[type=submit]{padding:10px 14px}
  .ds-home .region-switch{justify-content:center;font-size:11.5px;margin-top:8px}
  .ds-home .search-note{text-align:center;font-size:11px}
  .hm-pano{position:static;height:auto;margin:6px 0 0;border-radius:0;overflow:visible;box-shadow:none}
  .hm-frame{position:relative;aspect-ratio:16/11;border-radius:14px;overflow:hidden}
  .hm-tag,.hm-link,.hm-credit{display:none}
  .hm-sat{left:auto;right:8px;top:auto;bottom:8px;width:128px;border-width:2px;border-radius:9px}
  .hm-sat figcaption{display:none}
  .hm-pin b{padding:3px 6px;font-size:9px}
  .hm-pin .pa span,.hm-pin b svg{display:none}
  .hm-pin i{height:10px}
  .hm-pin em{width:10px;height:10px;border-width:2px}
  .hm-mcredit{display:block;font-size:10px;color:var(--ds-muted);margin-top:4px}
  .hm-watch{left:40%;top:50%;bottom:auto;transform:translate(-50%,-50%);background:transparent;box-shadow:none;padding:0}
  .hm-watch .play{width:52px;height:52px;background:rgba(9,25,60,.75);border:2px solid #fff}
  .hm-watch .play svg{width:18px;height:18px}
  .hm-watch .wt{display:none}
  .hm-pano.has-detail .hm-watch{display:flex}
  .hm-rcs{position:static;pointer-events:auto;display:flex;gap:8px;margin-top:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;scrollbar-width:none}
  .hm-rcs::-webkit-scrollbar{display:none}
  .hm-rc{position:static;flex:0 0 46%;scroll-snap-align:start;max-width:none;padding:9px 10px;gap:9px;box-shadow:0 4px 14px rgba(10,35,85,.10);border-color:var(--ds-line)}
  .hm-rc .ico{width:32px;height:32px}
  .hm-rc .ico svg{width:18px;height:18px}
  .hm-rc .v{font-size:14px;white-space:nowrap}
  .hm-rc .s,.hm-rc .vw{display:none}
  .hm-swipe{display:block;font-size:11px;color:var(--ds-muted);margin-top:2px}
  .hm-detail{display:block;position:static;width:auto;box-shadow:none;border:1px solid var(--ds-line);background:var(--ds-wash);margin-top:8px;padding:10px 12px}
  .hm-detail .mx{display:none}
  .hm-wrap{padding-inline:16px}
  .hm-miss{text-align:left;padding-top:26px}
  .hm-mgrid{grid-template-columns:minmax(0,1fr)}
  .hm-trust{gap:12px}
  .hm-trust .src{border-left:0;padding:4px 14px 4px 0}
  .hm-rep{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:24px 10px}
  .hm-rep .vp{height:220px}
  .hm-rep .base{margin-inline:-10px}
  .hm-dlg-box{grid-template-columns:minmax(0,1fr)}
  .hm-dlg .pg{padding:12px}
  .hm-dlg .side{padding:16px}
}
@media (max-width:360px){
  .hm-rc{flex-basis:58%}
}
/* address suggestions (app.js builds #address-suggestions dark by default) - the same light list as before */
#address-suggestions{background:#fff !important;border-color:#dce6f3 !important;box-shadow:0 10px 24px rgba(16,42,86,.10)}
#address-suggestions > div{color:#102a56 !important;border-top-color:#eef3fa !important}
#address-suggestions > div:hover{background:#f3f8ff !important}

/* CP1: what each area offers, inside the gated switch */
.ds-home .region-switch .rs-d{color:var(--ds-muted);font-weight:500}
.ds-home .region-switch .rs-sep{color:var(--ds-muted);margin-inline:2px}
/* CP1: one surprise fact under the section heading */
.hm-fact{margin:0 auto 18px;max-width:760px;background:#fff7e8;border:1px solid #f6d9a6;color:#5a3d0a;border-radius:10px;padding:10px 16px;font-size:14.5px;line-height:1.45}
.hm-fact b{color:#3d2a06}
/* CP1: trust - the verification promise */
.hm-trust p.nv{margin:3px 0 0;color:var(--ds-navy);font-size:14px;font-weight:700}
/* CP1: free preview vs full report */
.hm-rep{grid-template-columns:minmax(0,1fr) minmax(0,.9fr) minmax(0,.9fr)}
.hm-rep .cmp{display:grid;gap:10px}
.hm-rep .cmp .col{background:#fff;border:1px solid var(--ds-line);border-radius:12px;padding:12px 14px}
.hm-rep .cmp .col.full{border-color:#b9d0fb;background:#f5f9ff;box-shadow:0 10px 26px rgba(15,45,100,.08)}
.hm-rep .cmp b{display:block;color:var(--ds-navy);font-size:14px;margin-bottom:4px}
.hm-rep .cmp ul{margin:0;padding:0 0 0 18px;color:var(--ds-ink);font-size:12.5px;line-height:1.55}
@media (max-width:1180px){.hm-rep{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hm-rep .cmp{grid-column:1/-1;grid-template-columns:1fr 1fr}}
@media (max-width:760px){.hm-rep{grid-template-columns:minmax(0,1fr)}.hm-rep .cmp{grid-template-columns:1fr}.hm-fact{font-size:13.5px;padding:9px 12px}}
/* CP1: the sample walk-through - a bigger page and what you learn on each page */
.hm-dlg-box{width:min(1180px,100%);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.hm-dlg .pg{flex-direction:column;gap:8px}
.hm-dlg .pg a{display:block}
.hm-dlg .pg img{max-width:100%;width:auto;max-height:calc(100vh - 110px)}
.hm-dlg .pg .full{font-size:12px;font-weight:700;color:var(--ds-blue);text-decoration:none}
.hm-dlg .wl{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--ds-muted);text-transform:uppercase;margin-top:4px}
.hm-dlg .pts{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.hm-dlg .pts li{position:relative;padding-left:24px;color:var(--ds-navy);font-size:15px;line-height:1.4;font-weight:600}
.hm-dlg .pts li::before{content:"";position:absolute;left:2px;top:5px;width:12px;height:7px;border-left:2.5px solid var(--ds-blue);border-bottom:2.5px solid var(--ds-blue);transform:rotate(-45deg)}
.hm-dlg .why{margin:4px 0 0;background:#eef4ff;border-left:3px solid var(--ds-blue);border-radius:6px;padding:9px 12px;color:var(--ds-ink);font-size:14px}
.hm-dlg .why b{color:var(--ds-navy)}
@media (max-width:760px){.hm-dlg-box{grid-template-columns:minmax(0,1fr)}.hm-dlg .pg img{max-height:42vh}.hm-dlg .pts li{font-size:14px}}
/* CP1: the help button steps aside while the sample walk-through is open */
body:has(.hm-dlg:not([hidden])) #aql-assistant{display:none!important}

/* CP2 (owner, 10 Oct): the satellite shows the lot outlined, as the report does (no pin badge), sits higher and opens the report */
@media (min-width:761px){
  .hm-sat{left:25%;top:6%;width:50%;max-width:430px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
  .hm-sat:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgba(5,25,70,.45)}
}
.hm-sat:focus-visible{outline:3px solid #fff;outline-offset:3px}
.hm-pin{left:41%;top:66%;transform:translate(-50%,-50%)}
.hm-pin em{display:block;width:8px;height:8px;margin:0;border:0;background:transparent;opacity:0}
@media (max-width:760px){.hm-sat{width:150px}.hm-pin em{width:6px;height:6px}}

/* CP3: one photo, the building larger and higher; a small sample label instead of the satellite inset */
@media (min-width:761px){
  .hm-photo{object-position:30% 50%;transform:scale(1.18);transform-origin:32% 92%}
}
.hm-sample{position:absolute;left:14px;top:12px;z-index:3;font-size:11.5px;font-weight:700;color:#fff;background:rgba(10,42,102,.72);border-radius:999px;padding:5px 11px}
@media (max-width:760px){.hm-sample{display:none}}

/* CP5 (owner, 10 Oct): phone - the two areas on two clean lines, the note a touch smaller */
@media (max-width:760px){
  .ds-home .region-switch{justify-content:center;gap:2px 6px;line-height:1.5}
  .ds-home .region-switch .rs-sep{flex-basis:100%;height:0;overflow:hidden;font-size:0;margin:0}
  .ds-home .search-note{font-size:11.5px;line-height:1.5}
}
@media (max-width:360px){.ds-home .search-row button[type=submit]{font-size:14px;padding:10px 6px;letter-spacing:-.01em}}

/* CP6 (owner, 11 Oct): the hero shows Q1 itself, from the street. Q1 stands on the left of the photo,
   so the label moves to the top right above the result cards, and nothing sits on the tower. */
@media (min-width:761px){
  .hm-photo{object-position:22% 0%;transform:none}
  .hm-sample{left:auto;right:4%;top:14px}
  .r-flood{top:14%}.r-beach{top:34%}.r-traf{top:56%}
}
.hm-credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.hm-mcredit a{color:inherit}
@media (max-width:760px){
  .hm-photo{object-position:22% 0%}
  .hm-watch{left:74%;top:58%}
}