/* bp-cost.css - dedicated styling for the 9 cost-to-publish lead pages.
   LIGHT theme (parchment hero, dark readable text), self-contained, scoped
   under .cost-page so nothing collides with pages/bp.css. 2026-10-07 v3. */
.cost-page{--c-navy:#1E3A5F;--c-gold:#C6A85A;--c-ink:#1E1E1E;--c-soft:#4A4A4A;--c-parch:#FAF7F2;--c-border:#e4ddd4;--c-white:#fff;
  font-family:Georgia,'Times New Roman',serif;color:var(--c-ink);background:var(--c-white);}
.cost-page .container{max-width:1140px;margin:0 auto;padding:0 24px;box-sizing:border-box;}

/* HERO: light parchment, two columns */
.cost-hero{background:var(--c-parch);border-bottom:1px solid var(--c-border);padding:3rem 0 3.25rem;}
.cost-hero-grid{display:grid;grid-template-columns:1fr 400px;gap:3rem;align-items:start;}
.cost-hero-left{min-width:0;}
.cost-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(184,135,42,.12);border:1px solid rgba(184,135,42,.3);border-radius:100px;padding:6px 14px;font-family:Arial,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.04em;color:#9A7B2F;margin-bottom:1rem;}
.cost-eyebrow span{width:6px;height:6px;background:var(--c-gold);border-radius:50%;}
.cost-h1{font-family:var(--font-display,Georgia,serif);font-size:clamp(1.9rem,4vw,2.7rem);line-height:1.15;color:var(--c-navy);font-weight:700;margin:0 0 1rem;}
.cost-h1 em{color:var(--c-gold);font-style:italic;font-weight:400;display:block;font-size:.82em;margin-top:.3rem;}
.cost-lead{font-family:Arial,sans-serif;font-size:1.08rem;line-height:1.75;color:var(--c-soft);margin:0 0 1.4rem;max-width:620px;}
.cost-bullets{list-style:none;padding:0;margin:0 0 1.6rem;font-family:Arial,sans-serif;}
.cost-bullets li{position:relative;padding:7px 0 7px 30px;color:var(--c-ink);line-height:1.5;}
.cost-bullets li:before{content:"\2713";position:absolute;left:0;top:7px;color:var(--c-gold);font-weight:700;font-size:1.1rem;}
.cost-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 1rem;}
.cost-btn{display:inline-block;font-family:Arial,sans-serif;font-weight:700;text-decoration:none;padding:14px 28px;border-radius:9px;font-size:1rem;cursor:pointer;border:0;}
.cost-btn-primary{background:var(--c-gold);color:#1a1a18;}
.cost-btn-primary:hover{filter:brightness(1.05);}
.cost-btn-phone{background:#fff;color:var(--c-navy);border:1.5px solid var(--c-navy);}
.cost-reviews{font-family:Arial,sans-serif;font-size:.875rem;color:var(--c-soft);margin:.4rem 0 0;}
.cost-reviews a{color:var(--c-navy);font-weight:600;}

/* FORM column: white card that SITS ON parchment (now matches) */
.cost-hero-right{position:sticky;top:96px;}
.cost-hero-right .cp-form-block,.cost-hero-right .cq-form-wrap,.cost-hero-right form{background:#fff;border:1px solid var(--c-border);border-top:4px solid var(--c-gold);border-radius:14px;box-shadow:0 10px 30px rgba(26,26,24,.08);}

/* SECTIONS */
.cost-sec{padding:3rem 0;}
.cost-sec--white{background:#fff;}
.cost-sec--parch{background:var(--c-parch);}
.cost-sec--navy{background:var(--c-navy);}
.cost-sec h2{font-family:var(--font-display,Georgia,serif);color:var(--c-navy);font-size:1.75rem;margin:0 0 .6rem;text-align:center;line-height:1.25;}
.cost-sec .cost-sub{font-family:Arial,sans-serif;text-align:center;color:var(--c-soft);max-width:620px;margin:0 auto 2rem;line-height:1.7;}
.cost-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;max-width:980px;margin:0 auto;}
.cost-card{background:var(--c-parch);border:1px solid var(--c-border);border-top:3px solid var(--c-gold);border-radius:12px;padding:22px;}
.cost-card h3{color:var(--c-navy);font-size:1.1rem;margin:0 0 .5rem;font-family:Georgia,serif;}
.cost-card p{margin:0;color:var(--c-soft);font-size:.96rem;line-height:1.6;font-family:Arial,sans-serif;}
.cost-card--cost{background:var(--c-navy);border-top-color:var(--c-gold);}
.cost-card--cost h3{color:var(--c-gold);}
.cost-card--cost p{color:rgba(255,255,255,.9);}

.cost-mid{max-width:700px;margin:0 auto;text-align:center;}
.cost-mid h2{margin-bottom:.8rem;}
.cost-mid p{font-family:Arial,sans-serif;color:var(--c-soft);line-height:1.75;margin:0 0 1.5rem;}

.cost-faq{max-width:760px;margin:0 auto;}
.cost-faq h2{text-align:left;margin-bottom:1.2rem;}
.cost-faq-item{background:#fff;border:1px solid var(--c-border);border-radius:10px;padding:18px 22px;margin:0 0 14px;}
.cost-faq-item h3{color:var(--c-navy);font-size:1.08rem;margin:0 0 .5rem;font-family:Georgia,serif;}
.cost-faq-item p{margin:0;color:var(--c-soft);line-height:1.65;font-family:Arial,sans-serif;}

.cost-final{max-width:620px;margin:0 auto;text-align:center;}
.cost-final h2{color:#fff;margin:0 0 .6rem;}
.cost-final p{color:rgba(255,255,255,.88);font-family:Arial,sans-serif;margin:0 0 1.5rem;line-height:1.6;}

/* STICKY BAR (this was unstyled -> the messy bottom) */
.cost-bar{position:fixed;bottom:0;left:0;right:0;z-index:850;background:var(--c-navy);display:flex;align-items:center;justify-content:center;gap:18px;padding:12px 18px;box-shadow:0 -4px 16px rgba(0,0,0,.18);font-family:Arial,sans-serif;transform:translateY(100%);transition:transform .25s;}
.cost-bar.is-on{transform:translateY(0);}
.cost-bar p{margin:0;color:#fff;font-size:.95rem;}
.cost-bar a{background:var(--c-gold);color:#1a1a18;font-weight:700;text-decoration:none;padding:10px 22px;border-radius:8px;white-space:nowrap;}

@media(max-width:860px){
  .cost-hero-grid,.cost-hero-right{grid-template-columns:1fr;position:static;}
  .cost-hero-right{margin-top:1.5rem;}
  .cost-bar p{display:none;}
  .cost-bar a{width:100%;text-align:center;}
}

/* ===== v4 additions (2026-10-08): compact hero form, long-form sections ===== */
.cost-hero-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:center}
.cost-hero-form{background:#fff;border:1px solid var(--c-border);border-radius:14px;padding:24px 22px 18px;box-shadow:inset 0 4px 0 var(--c-gold),0 10px 30px rgba(26,26,24,.09)}
.chf-title{display:block;font-family:Georgia,serif;font-size:1.22rem;line-height:1.3;color:var(--c-navy);margin:0 0 .3rem}
.chf-sub{display:block;font-family:Arial,sans-serif;font-size:.88rem;color:var(--c-soft);margin:0 0 1rem;line-height:1.5}
.chf-form input,.chf-form select{width:100%;box-sizing:border-box;padding:12px 13px;margin:0 0 .6rem;border:1.5px solid var(--c-border);border-radius:9px;font-size:.98rem;font-family:Arial,sans-serif;background:#fff;color:var(--c-ink)}
.chf-form input:focus,.chf-form select:focus{outline:none;border-color:var(--c-navy);box-shadow:0 0 0 3px rgba(30,58,95,.08)}
.chf-form .cost-btn{width:100%;margin-top:.2rem}
.chf-fine{margin:.7rem 0 0;font-family:Arial,sans-serif;font-size:.76rem;color:#6b7280;text-align:center}
.cost-proof{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--c-border);border-radius:12px;padding:12px 14px;max-width:520px;margin-top:.4rem}
.cost-proof img{width:56px;height:auto;border-radius:3px;box-shadow:0 3px 10px rgba(0,0,0,.18);flex-shrink:0}
.cost-proof div{display:flex;flex-direction:column;gap:2px;font-family:Arial,sans-serif;font-size:.84rem;color:var(--c-soft);line-height:1.45}
.cost-proof-k{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9A7B2F}
.cost-proof strong{color:var(--c-navy);font-family:Georgia,serif;font-size:.95rem}
.cost-proof a{color:var(--c-navy);font-weight:700}
.cost-narrow{max-width:800px;margin-left:auto;margin-right:auto}
.cost-answer{background:var(--c-parch);border-left:4px solid var(--c-gold);border-radius:0 10px 10px 0;padding:18px 22px;font-family:Arial,sans-serif;line-height:1.7;color:var(--c-ink);margin:0 0 1.4rem}
.cost-answer strong{color:var(--c-navy)}
.cost-toc{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;font-family:Arial,sans-serif;font-size:.88rem}
.cost-toc strong{color:var(--c-navy);margin-right:4px}
.cost-toc a{background:#fff;border:1px solid var(--c-border);border-radius:20px;padding:6px 13px;color:var(--c-navy);text-decoration:none}
.cost-toc a:hover{border-color:var(--c-gold)}
.cost-incs{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;max-width:1040px;margin:0 auto}
.cost-inc{background:#fff;border:1px solid var(--c-border);border-left:3px solid var(--c-gold);border-radius:10px;padding:18px 20px}
.cost-inc h3,.cost-why h3,.cost-deep h3{color:var(--c-navy);font-family:Georgia,serif;font-size:1.08rem;margin:0 0 .45rem}
.cost-inc p,.cost-why p{margin:0;font-family:Arial,sans-serif;font-size:.94rem;line-height:1.6;color:var(--c-soft)}
.cost-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;max-width:980px;margin:1.8rem auto}
.cost-fact{background:var(--c-navy);border-radius:10px;padding:16px 18px;color:#fff;font-family:Arial,sans-serif}
.cost-fact span{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--c-gold);margin-bottom:4px}
.cost-fact strong{font-size:.98rem;line-height:1.45;font-weight:600}
.cost-deep{margin:1.6rem 0 0}
.cost-deep p,.cost-narrow>p,.cost-subg{font-family:Arial,sans-serif;line-height:1.75;color:var(--c-soft);margin:0 0 1rem}
.cost-sec h2{margin-bottom:.7rem}
.cost-steps{list-style:none;counter-reset:cs;padding:0;margin:1.2rem 0}
.cost-steps li{counter-increment:cs;position:relative;padding:14px 18px 14px 62px;margin:0 0 12px;background:#fff;border:1px solid var(--c-border);border-radius:10px;font-family:Arial,sans-serif}
.cost-steps li:before{content:counter(cs);position:absolute;left:18px;top:14px;width:30px;height:30px;border-radius:50%;background:var(--c-navy);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.9rem}
.cost-steps strong{display:block;color:var(--c-navy);margin-bottom:2px}
.cost-steps span{color:var(--c-soft);line-height:1.55;font-size:.95rem}
.cost-note{font-family:Arial,sans-serif;font-size:.9rem;color:var(--c-soft)}
.cost-list{font-family:Arial,sans-serif;line-height:1.75;color:var(--c-soft);padding-left:1.2rem}
.cost-list strong{color:var(--c-navy)}
.cost-pay{background:#fff;border:1px solid var(--c-border);border-left:4px solid var(--c-navy);border-radius:0 10px 10px 0;padding:16px 20px;font-family:Arial,sans-serif;line-height:1.65;color:var(--c-ink);margin-top:1.2rem}
.cost-whys{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;max-width:1040px;margin:1.2rem auto 0}
.cost-why{background:var(--c-parch);border:1px solid var(--c-border);border-top:3px solid var(--c-gold);border-radius:10px;padding:18px 20px}
.cost-related{display:flex;flex-direction:column;gap:8px;font-family:Arial,sans-serif}
.cost-related h2{text-align:left}
.cost-related a{color:var(--c-navy);font-weight:600;text-decoration:none;padding:10px 14px;background:#fff;border:1px solid var(--c-border);border-radius:9px}
.cost-related a:hover{border-color:var(--c-gold)}
.cost-page #get-quote{scroll-margin-top:90px}
@media(max-width:900px){.cost-hero-grid{grid-template-columns:1fr}.cost-hero-form{max-width:520px}}

/* cards-4up (2026-10-08) */
.cost-page .cost-cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));max-width:1040px}

/* ===== v5 2026-10-08: navy conversion hero (decision #9). Body stays light for long-form reading. ===== */
.cost-hero{background:#1E3A5F;border-bottom:0;padding:3.25rem 0 3.6rem}
.cost-hero .cost-eyebrow{background:rgba(198,168,90,.14);border-color:rgba(198,168,90,.45);color:#E8D9A8}
.cost-hero .cost-eyebrow span{background:#C6A85A}
.cost-hero .cost-h1{color:#FAF7F2}
.cost-hero .cost-h1 em{color:#C6A85A}
.cost-hero .cost-lead{color:#E9E4DA}
.cost-hero .cost-bullets li{color:#FAF7F2}
.cost-hero .cost-bullets li:before{color:#C6A85A}
.cost-hero .cost-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;background:rgba(255,255,255,.07);border:1px solid rgba(198,168,90,.5);border-radius:10px;padding:13px 16px;margin:0 0 1.2rem;max-width:560px;font-family:Arial,sans-serif}
.cost-hero .cost-price strong{font-family:var(--font-display,Georgia,serif);font-size:1.45rem;color:#C6A85A;line-height:1}
.cost-hero .cost-price span{color:#FAF7F2;font-size:.95rem;line-height:1.5}
.cost-hero .cost-proof{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18)}
.cost-hero .cost-proof div{color:#E3DED3}
.cost-hero .cost-proof-k{color:#C6A85A}
.cost-hero .cost-proof strong{color:#FAF7F2}
.cost-hero .cost-proof a{color:#E8D9A8}
.cost-hero .cost-hero-form{border:0;box-shadow:inset 0 4px 0 #C6A85A,0 20px 50px rgba(0,0,0,.3)}