/* ABF Growth Preview chrome · Nov 6 v2 · noindex */
.abf-preview-bar{position:sticky;top:0;z-index:99999;background:#063c2a;color:#fff;font:700 13px/1.35 Arial,Helvetica,sans-serif;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.abf-preview-bar .abf-preview-inner{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between;padding:8px 12px;max-width:1280px;margin:0 auto}
.abf-preview-bar a{color:#ffb74d;text-decoration:none;padding:4px 8px;border-radius:6px}
.abf-preview-bar a:hover,.abf-preview-bar a.is-active{background:rgba(255,255,255,.12);color:#fff}
.abf-preview-bar .abf-preview-nav{display:flex;flex-wrap:wrap;gap:2px;align-items:center}
.abf-preview-bar .abf-preview-modes{display:flex;gap:6px;align-items:center}
.abf-preview-bar .abf-mode-btn{appearance:none;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;font:700 12px Arial,sans-serif;padding:6px 10px;border-radius:999px;cursor:pointer}
.abf-preview-bar .abf-mode-btn.is-active{background:#ffb74d;color:#063c2a;border-color:#ffb74d}
.abf-preview-bar .abf-preview-note{font-weight:600;opacity:.9;font-size:12px}
body.abf-phone-mode{background:#1a1f1c !important}
body.abf-phone-mode .abf-phone-stage{min-height:calc(100vh - 52px);display:flex;justify-content:center;align-items:flex-start;padding:18px 12px 40px;box-sizing:border-box}
body.abf-phone-mode .abf-phone-frame{width:390px;height:844px;max-width:100%;background:#000;border-radius:36px;padding:12px;box-shadow:0 20px 60px rgba(0,0,0,.45);box-sizing:border-box}
body.abf-phone-mode .abf-phone-frame iframe{width:390px;height:820px;border:0;border-radius:24px;background:#fff;display:block;max-width:100%}
body.abf-phone-mode .abf-preview-hide-in-phone{display:none !important}
/* Mobile assurance contrast fix — cream pill matching .abf-hero-road */
#abf-redesign .abf-hero-assurance{
  display:table;margin:8px auto;max-width:min(520px,92%);
  padding:7px 12px;border-radius:6px;
  background:rgba(251,245,232,.92);color:#063c2a;
  font:800 15px/1.35 Arial,Helvetica,sans-serif;letter-spacing:.04em;
  text-shadow:none;box-sizing:border-box;text-align:center
}
#abf-redesign .abf-hero-assurance a{color:#063c2a;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){
  #abf-redesign .abf-hero-assurance{font-size:13px;line-height:1.3;padding:6px 10px;margin-top:8px;max-width:94%}
}

.abf-zip-place{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.abf-zip-place .abf-preview-note{margin-right:2px}
@media(max-width:700px){.abf-zip-place{width:100%}}
/* v4 comparison controls */
.abf-preview-inner{gap:5px!important;padding:7px 14px!important}
.abf-preview-control{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.abf-preview-bar .abf-preview-note{font-size:11px}
.abf-preview-bar .abf-mode-btn{font-size:11px;padding:5px 9px;min-height:30px}
@media(max-width:599px){.abf-preview-bar{position:sticky!important;top:0}.abf-preview-inner{padding:7px 9px!important}.abf-preview-nav{gap:5px!important}.abf-preview-nav a{font-size:10px!important}.abf-preview-control{gap:4px}.abf-preview-bar .abf-mode-btn{font-size:10px;padding:5px 7px}}
/* The 390px label means the document viewport, not the padded phone shell. */
body.abf-phone-mode .abf-phone-frame{width:414px;height:868px;max-width:none;flex:0 0 414px}
body.abf-phone-mode .abf-phone-frame iframe{width:390px!important;max-width:none!important;height:844px!important}
@media(max-width:440px){body.abf-phone-mode .abf-phone-stage{justify-content:flex-start;overflow-x:auto}}