/* Agency Pilot offer component for VQ-UI-03 marketing surfaces. */
.agency-offer{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.52fr);
  gap:48px;
  align-items:start;
  padding:42px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:24px;
  background:rgba(255,255,255,.04);
}
.agency-offer h2{
  margin:12px 0 0;
  font-family:var(--font-display),sans-serif;
  font-size:clamp(44px,5vw,68px);
  line-height:.98;
  letter-spacing:-.05em;
  font-weight:540;
}
.agency-offer p{color:rgba(255,255,255,.68);line-height:1.65}
.agency-offer-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}
.agency-offer-meta div{padding-top:14px;border-top:1px solid rgba(255,255,255,.16)}
.agency-offer-meta small{display:block;color:rgba(255,255,255,.46);font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.agency-offer-meta strong{display:block;margin-top:7px;font-size:13px}
.agency-offer-buy{
  padding:28px;
  border-radius:20px;
  background:#fff;
  color:var(--vq-ink);
}
.agency-offer-buy>span{display:block;color:var(--vq-muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.agency-offer-price{display:block;margin-top:9px;font-family:var(--font-display),sans-serif;font-size:44px;line-height:1;letter-spacing:-.04em}
.agency-offer-buy>small{display:block;margin-top:9px;color:var(--vq-muted);line-height:1.5}
.agency-offer-actions{display:grid;gap:10px;margin-top:22px}
.agency-offer-actions .button-signal,
.agency-offer-actions .button-ghost{width:100%;justify-content:center;min-height:50px}
.agency-offer-actions .button-ghost{border-color:var(--vq-border);color:var(--vq-ink);background:transparent}
.pilot-checkout{margin-top:14px;min-height:0}
.checkout-error{margin:12px 0 0;color:var(--vq-danger)!important;font-size:12px}
.agency-boundary{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid var(--vq-border);
  color:var(--vq-muted);
  font-size:11px;
  line-height:1.55;
}
@media(max-width:900px){.agency-offer{grid-template-columns:1fr}.agency-offer-meta{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:620px){.agency-offer{padding:24px 18px}.agency-offer-meta{grid-template-columns:1fr}.agency-offer-buy{padding:22px}}