/* ============================================================
   Instant Roof Estimate Tool banner
   Plate is 2172x724 (3:1) and never cropped: it scales width-based
   and every label is pinned in % / cqw of the plate, as measured
   off the approved comp.
   ============================================================ */

.aa-est.aa-est{
  display:block;position:relative;container-type:inline-size;overflow:hidden;
  line-height:0;text-decoration:none;margin:0 auto;max-width:1920px;
}
.aa-est.aa-est > picture,.aa-est.aa-est > img{display:block;width:100%;height:auto;}
.aa-est.aa-est > picture > img{display:block;width:100%;height:auto;object-fit:contain;}
.aa-est.aa-est .l{position:absolute;line-height:normal;-webkit-text-fill-color:currentColor !important;}
.aa-est.aa-est .l *{-webkit-text-fill-color:currentColor !important;}

/* stopwatch dial */
.aa-est.aa-est .e-dial{left:3.91cqw;top:7.85cqw;width:12cqw;text-align:center;color:#fff !important;}
.aa-est.aa-est .e-dial b{
  display:block;font-family:var(--aa-display,"Archivo Narrow",Arial,sans-serif);
  font-weight:700;font-size:4.7cqw;line-height:1;
}
.aa-est.aa-est .e-dial span{
  display:block;font-family:var(--aa-ui,"Archivo",Arial,sans-serif);
  font-weight:800;font-size:1.47cqw;letter-spacing:.08em;margin-top:.1cqw;
}

/* headline */
.aa-est.aa-est .e-h1,.aa-est.aa-est .e-h2,.aa-est.aa-est .e-h3{
  left:16.11cqw;margin:0;white-space:nowrap;
  font-family:var(--aa-display,"Archivo Narrow",Arial,sans-serif);font-weight:700;line-height:1;
  font-style:italic;
  text-shadow:.09cqw .11cqw 0 rgba(4,14,32,.55), 0 .16cqw .32cqw rgba(0,0,0,.42);
}
.aa-est.aa-est .e-h1{top:5.34cqw;font-size:4.87cqw;color:#fff !important;letter-spacing:.01em;}
.aa-est.aa-est .e-h2{top:9.58cqw;font-size:4.65cqw;color:#F5C518 !important;letter-spacing:-.005em;}
.aa-est.aa-est .e-h3{top:13.4cqw;font-size:2.75cqw;color:#fff !important;letter-spacing:.01em;}

/* supporting copy */
.aa-est.aa-est .e-sub{
  left:4.22cqw;top:17.4cqw;width:22cqw;margin:0;color:#fff !important;
  font-family:var(--aa-ui,"Archivo",Arial,sans-serif);font-size:1.2cqw;line-height:1.36;
  border-left:.28cqw solid #F5C518;padding-left:1.1cqw;
}

/* four feature icons under the copy */
.aa-est.aa-est .e-feat{
  left:4.14cqw;top:24.4cqw;width:30.4cqw;margin:0;padding:0;list-style:none;
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;color:#fff !important;text-align:center;
}
.aa-est.aa-est .e-feat li{
  font-family:var(--aa-ui,"Archivo",Arial,sans-serif);font-weight:600;
  font-size:1.0cqw;letter-spacing:.03em;line-height:1.25;
  padding:0 .3cqw;border-right:1px solid rgba(255,255,255,.28);
}
.aa-est.aa-est .e-feat li:last-child{border-right:0;}

/* brush arrow call to action - lifted whole from the approved comp,
   so the arrow, the script and the caps are the artwork itself */
.aa-est.aa-est .e-click{
  left:27.9cqw;top:14.2cqw;width:32.5cqw;margin:0;line-height:0;
}
.aa-est.aa-est .e-click img{display:block;width:100%;height:auto;}

/* checklist inside the laptop panel */
.aa-est.aa-est .e-list{
  left:78.35cqw;top:7.55cqw;width:6.6cqw;margin:0;padding:0;list-style:none;color:#fff !important;
}
.aa-est.aa-est .e-list li{
  font-family:var(--aa-ui,"Archivo",Arial,sans-serif);font-weight:600;
  font-size:.62cqw;letter-spacing:.01em;height:1.994cqw;line-height:1.994cqw;
  margin:0;white-space:nowrap;
}
.aa-est.aa-est .e-btn{
  left:75.1cqw;top:16.16cqw;width:9.25cqw;height:3.04cqw;
  display:flex;align-items:center;justify-content:center;gap:.5cqw;color:#12203A !important;
  font-family:var(--aa-ui,"Archivo",Arial,sans-serif);font-weight:800;
  font-size:1.05cqw;letter-spacing:.02em;white-space:nowrap;
}

/* phone panel */
.aa-est.aa-est .e-phone{
  left:88.1cqw;top:22.2cqw;width:7.5cqw;text-align:center;color:#fff !important;margin:0;
}
.aa-est.aa-est .e-phone b{
  display:block;font-family:var(--aa-ui,"Archivo",Arial,sans-serif);
  font-weight:800;font-size:.95cqw;line-height:1.2;letter-spacing:.02em;
}
.aa-est.aa-est .e-phone span{
  display:block;font-family:var(--aa-ui,"Archivo",Arial,sans-serif);
  font-weight:600;font-size:.75cqw;letter-spacing:.03em;margin-top:.2cqw;
}

/* scripts and bottom strip */
.aa-est.aa-est .e-script{
  left:89.134cqw;top:1.519cqw;width:9.53cqw;right:auto;margin:0;line-height:0;
}
.aa-est.aa-est .e-script img{display:block;width:100%;height:auto;}
.aa-est.aa-est .e-tag{
  right:1.2cqw;top:28.9cqw;width:14cqw;text-align:center;margin:0;color:#fff !important;
  font-family:var(--aa-ui,"Archivo",Arial,sans-serif);font-weight:700;
  font-size:.95cqw;letter-spacing:.12em;line-height:1.35;
}
.aa-est.aa-est .e-checks{
  left:9.02cqw;top:29.9cqw;width:48.4cqw;margin:0;padding:0;list-style:none;
  display:grid;grid-template-columns:repeat(4,1fr);color:#12203A !important;
}
.aa-est.aa-est .e-checks li{
  font-family:var(--aa-ui,"Archivo",Arial,sans-serif);font-weight:800;
  font-size:1.28cqw;letter-spacing:.02em;padding-left:2.6cqw;
  border-right:1px solid rgba(11,42,91,.25);
}
.aa-est.aa-est .e-checks li:last-child{border-right:0;}


/* Master sheets set colours directly on b/span/li, and a direct rule always
   beats an inherited one, so every leaf states its own colour. */
.aa-est.aa-est .e-dial b,.aa-est.aa-est .e-dial span{color:#fff !important;}
.aa-est.aa-est .e-feat li{color:#fff !important;}
.aa-est.aa-est .e-list li{color:#fff !important;}
.aa-est.aa-est .e-phone b,.aa-est.aa-est .e-phone span{color:#fff !important;}

.aa-est.aa-est .e-checks li{color:#12203A !important;}
.aa-est.aa-est .e-sub{color:#fff !important;}
.aa-est.aa-est .e-btn{color:#12203A !important;}

.aa-est.aa-est .e-tag{color:#fff !important;}
.aa-est.aa-est .e-h1,.aa-est.aa-est .e-h3{color:#fff !important;}
.aa-est.aa-est .e-h2{color:#F5C518 !important;}

.aa-est.aa-est:hover > img{filter:brightness(1.03);}

/* Small screens keep the pinned composition — the plate and every label
   scale together, so phones and tablets show the same design as desktop. */

/* The phone artwork carries its own lettering, so the overlay is dropped. */
@media (max-width:700px){
  .aa-est.aa-est .l,
  .aa-est.aa-est .e-stack,
  .aa-est.aa-est .e-click,
  .aa-est.aa-est .e-script{display:none !important;}
}