.showcase-banner,.showcase-nav{background:#0b354c;color:#fffdf8;padding:14px 6%;display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.showcase-banner a,.showcase-nav a{color:#fffdf8;text-decoration:underline}
.showcase-note{padding:16px;background:#fff;color:#0b354c;border:1px solid #b9c7bf}
.showcase-banner a,.showcase-nav a{min-height:44px;display:inline-flex;align-items:center}
.showcase-sales{padding:30px 6%;background:#fbf5e9;color:#0b354c;border-top:4px solid #e78048}
.showcase-sales h2{font:2rem Georgia,serif}
.showcase-sales p{max-width:70ch;line-height:1.6}
.showcase-sales a{display:inline-flex;align-items:center;min-height:44px;background:#0b354c;color:#fffdf8;padding:10px 16px;text-decoration:none;border-radius:8px}

/* v10.10: compact, centred TEL chrome for the three example websites. */
.showcase-banner{position:relative;top:auto;z-index:7;display:block;padding:16px 20px 18px;font:15px/1.45 Arial,Helvetica,sans-serif;text-align:center}
.showcase-banner-inner{width:min(1160px,calc(100% - 48px));margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:12px}
.showcase-banner-brand{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px}
.showcase-wordmark{display:inline-flex;align-items:center;gap:8px;color:#fffdf8;text-decoration:none;font-weight:800;letter-spacing:-.02em;min-height:44px}
.showcase-wordmark img{width:28px;height:28px;border-radius:6px;background:#fffdf8;object-fit:contain}
.showcase-tagline{margin:0;color:#fffdf8;font-size:1rem}
.showcase-tag{display:inline-flex;align-items:center;min-height:28px;padding:2px 10px;border:1px solid #ffffff55;border-radius:999px;color:#fbf5e9;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700}
.showcase-pills{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:100%}
.showcase-pills li{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:7px 12px;border-radius:999px;background:#17394a;border:1px solid #ffffff33;color:#fffdf8;font-size:.82rem;line-height:1.35;text-align:left}
.showcase-pills li::before{content:"";width:7px;height:7px;border-radius:50%;background:#e78048;flex:0 0 7px}
.showcase-note-line{margin:0;max-width:68ch;color:#fbf5e9;font-size:.92rem;line-height:1.55}
.showcase-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 18px}
.showcase-ask{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:0;border-radius:8px;background:#e78048;color:#0b354c;font:700 .9rem/1.2 Arial,Helvetica,sans-serif;text-decoration:none}
.showcase-ask:focus-visible{outline:3px solid #fbf5e9;outline-offset:3px}
.showcase-back{color:#fffdf8;font-size:.9rem;text-decoration:underline;text-underline-offset:3px;background:none;padding:0;min-height:44px}
.showcase-back:focus-visible{outline:3px solid #e78048;outline-offset:3px}
footer .footer-credit,.footer-credit{display:block;background:#0b354c;color:#fffdf8;text-align:center;font: .85rem/1.5 Arial,Helvetica,sans-serif;margin:24px -20px -24px;padding:16px 20px 20px;border-top:3px solid #e78048}

@media(max-width:700px){
  .showcase-banner{padding:14px 16px 16px}
  .showcase-banner-inner{width:min(100% - 8px,1160px);gap:10px}
  .showcase-pills{width:100%;justify-content:center}
  .showcase-pills li{max-width:100%;border-radius:8px}
  .showcase-actions{width:100%;flex-direction:column;align-items:stretch}
  .showcase-ask,.showcase-back{width:100%;justify-content:center}
}
footer .footer-credit{box-sizing:border-box;margin:24px 0 0;max-width:100%}