/* =====================================================================
   Otway Tree Care — CTA card
   Replaces the old (non-functional) quote forms on non-contact pages.
   The real form lives only on contact.html.
   ===================================================================== */
.otc-cta-card{max-width:640px;margin:0 auto;background:#fff;border:1px solid #e4e9e4;border-radius:16px;box-shadow:0 10px 30px rgba(16,24,32,.08);padding:38px 34px;text-align:center;font-family:'Montserrat','Inter',system-ui,-apple-system,Segoe UI,sans-serif;box-sizing:border-box;}
.otc-cta-card *{box-sizing:border-box;}
.otc-cta-card__title{margin:0 0 10px;color:#1e3a24;font-size:24px;font-weight:800;line-height:1.25;}
.otc-cta-card__text{margin:0 0 26px;color:#4a5a4e;font-size:16px;line-height:1.6;}
.otc-cta-card__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.otc-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:16px;padding:15px 26px;border-radius:11px;text-decoration:none;line-height:1;white-space:nowrap;transition:background .15s,transform .05s,color .15s;}
.otc-cta-btn--primary{background:#039855;color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08);}
.otc-cta-btn--primary:hover{background:#027a48;}
.otc-cta-btn--primary:active{transform:translateY(1px);}
.otc-cta-btn--ghost{background:#f2f7f1;color:#1e5c2e;border:1.5px solid #cfe0d2;}
.otc-cta-btn--ghost:hover{background:#e6efe6;color:#16833f;}
.otc-cta-btn svg{width:18px;height:18px;fill:currentColor;flex:0 0 auto;}
@media (max-width:480px){.otc-cta-card{padding:30px 20px;}.otc-cta-btn{width:100%;}}

/* ---------------------------------------------------------------------
   Full-width CTA banner — replaces the old "Get In Touch" section
   on every page except contact.html
   --------------------------------------------------------------------- */
.otc-cta-banner{background:linear-gradient(120deg,#1f6b34 0%,#2f8f43 100%);color:#fff;font-family:'Montserrat','Inter',system-ui,-apple-system,Segoe UI,sans-serif;}
.otc-cta-banner *{box-sizing:border-box;}
.otc-cta-banner__inner{max-width:1280px;margin:0 auto;padding:56px 20px;display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap;}
.otc-cta-banner__title{margin:0 0 8px;font-size:30px;font-weight:800;line-height:1.2;letter-spacing:.2px;}
.otc-cta-banner__sub{margin:0;font-size:16px;line-height:1.6;color:rgba(255,255,255,.92);max-width:56ch;}
.otc-cta-banner__actions{display:flex;gap:14px;flex-wrap:wrap;flex:0 0 auto;}
.otc-cta-banner__btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:16px;padding:15px 26px;border-radius:11px;text-decoration:none;line-height:1;white-space:nowrap;transition:background .15s,color .15s,border-color .15s,transform .05s;}
.otc-cta-banner__btn--white{background:#fff;color:#1e6b34;box-shadow:0 2px 8px rgba(0,0,0,.12);}
.otc-cta-banner__btn--white:hover{background:#eef6ee;}
.otc-cta-banner__btn--white:active{transform:translateY(1px);}
.otc-cta-banner__btn--outline{border:1.6px solid rgba(255,255,255,.65);color:#fff;}
.otc-cta-banner__btn--outline:hover{background:rgba(255,255,255,.12);border-color:#fff;}
.otc-cta-banner__btn svg{width:18px;height:18px;fill:currentColor;flex:0 0 auto;}
@media (max-width:820px){
  .otc-cta-banner__inner{flex-direction:column;text-align:center;align-items:center;padding:44px 20px;gap:24px;}
  .otc-cta-banner__sub{margin:0 auto;}
}
@media (max-width:480px){
  .otc-cta-banner__title{font-size:25px;}
  .otc-cta-banner__actions{width:100%;flex-direction:column;}
  .otc-cta-banner__btn{width:100%;}
}