/* Add-ons */
.addons { padding: 28px 6vw; background:#fff; }
.addons h2 { text-align:center; margin:0 0 6px; font-size: clamp(1.5rem,3vw,1.9rem); font-weight:900; }
.addons .subtitle { text-align:center; color:#666; margin-bottom:18px; }
.addons-wrap { display:flex; flex-wrap:wrap; gap:14px; justify-content:center; }
.addon { flex:1 1 240px; max-width:320px; border:1px solid #e8eef5; border-radius:10px; padding:14px;
  box-shadow:0 4px 12px rgba(0,0,0,.06); background:#fff; }
.addon h3{ margin:0 0 4px; font-size:1.05rem; font-weight:800; color:#111; }
.addon .price{ margin:0 0 6px; font-weight:900; color:#00a6ff; }

/* Breather CTA (matches what you liked earlier) */
.cta-breather{
  background: linear-gradient(135deg,#0f172a,#1e3a8a 55%,#2563eb);
  color:#fff; margin:56px auto; padding:48px 6vw 0; border-radius:14px;
  box-shadow:0 8px 28px rgba(0,0,0,.25); max-width:1200px;
}
.cta-wrap{ display:flex; flex-wrap:wrap; align-items:center; gap:28px; }
.cta-text{ flex:1 1 360px; }
.cta-text h2{ font-size:clamp(1.9rem,4.2vw,2.4rem); margin:0 0 10px; font-weight:900; }
.cta-text p{ margin:0 0 18px; color:rgba(255,255,255,.9); }
.cta-actions{ display:flex; gap:12px; flex-wrap:wrap; }
.btn{ display:inline-block; padding:12px 20px; border-radius:8px; font-weight:700; text-decoration:none; }
.btn-light{ background:#fff; color:#1e3a8a; }
.btn-light:hover{ filter:brightness(.95); }
.btn-outline{ border:2px solid #fff; color:#fff; }
.btn-outline:hover{ background:rgba(255,255,255,.1); }
.cta-visual{ flex:1 1 360px; text-align:center; }
.cta-visual img{ width:100%; max-width:520px; border-radius:14px; box-shadow:0 12px 28px rgba(0,0,0,.25); }
.cta-ribbon{ margin-top:24px; background:rgba(255,255,255,.1); border-top:1px solid rgba(255,255,255,.2);
  padding:14px 6vw; border-radius:0 0 14px 14px; text-align:center; }

/* Signup form */
.signup{ padding:36px 6vw 48px; background:#fff; }
.signup h2{ text-align:center; margin:0 0 6px; font-size:clamp(1.6rem,3vw,2rem); font-weight:900; }
.signup .subtitle{ text-align:center; color:#666; margin-bottom:18px; }
#quoteForm{ max-width:720px; margin:0 auto; }
#quoteForm .row{ display:flex; gap:14px; flex-wrap:wrap; }
#quoteForm label{ flex:1 1 260px; display:flex; flex-direction:column; gap:6px; font-weight:600; color:#222; }
#quoteForm input, #quoteForm textarea{
  padding:12px 12px; border:1px solid #e5e7eb; border-radius:8px; font:inherit; outline:none;
}
#quoteForm input:focus, #quoteForm textarea:focus{ border-color:#00a6ff; box-shadow:0 0 0 3px rgba(0,166,255,.15); }
#quoteForm .full{ margin-top:12px; }
.btn-primary{ background:#00a6ff; color:#fff; border:none; cursor:pointer; margin-top:14px; }
.btn-primary:hover{ background:#0088cc; }
.signup .note{ color:#6b7280; font-size:.9rem; margin-top:8px; }
