/* SmartCoverage brand theme — matches the Proposal Builder app.
   Navy #0a1a2e (bg) / #122b48 (card) / #1c3350 (secondary) / #26405f (border)
   Lime #7ded5c (primary)  ·  Blue #2a6fdb (accent)  ·  Inter */
:root{
  --font-sans:"Inter",system-ui,-apple-system,sans-serif;
  --navy:#0a1a2e; --navy-card:#122b48; --navy-border:#26405f;
  --color-emerald-50:#173a35; --color-emerald-100:#1e4639; --color-emerald-200:#3d6b4a;
  --color-emerald-300:#a6f38c; --color-emerald-400:#7ded5c; --color-emerald-500:#7ded5c;
  --color-emerald-600:#6bd84b; --color-emerald-700:#7ded5c; --color-emerald-800:#a6f38c;
  --color-emerald-950:#11301f;
  --color-teal-200:#c3f7af; --color-teal-300:#a6f38c;
  --color-blue-50:#1c3350; --color-blue-100:#26405f; --color-blue-500:#2a6fdb;
  --color-blue-600:#2a6fdb; --color-blue-700:#6b9be8;
}
body,#top{background-color:#0a1a2e;font-family:var(--font-sans)}
.font-display{font-family:"Inter",system-ui,sans-serif;letter-spacing:-.02em}

/* Former light sections now sit on navy like the Proposal Builder */
#how-it-works,#pricing{
  --color-slate-50:#0a1a2e; --color-slate-100:#1c3350; --color-slate-200:#26405f;
  --color-slate-500:#a3b3c7; --color-slate-600:#b8c6d8; --color-slate-700:#d0dae6;
  --color-slate-800:#e2e8f0; --color-slate-900:#f1f5f9;
  color:#f1f5f9;
}
#pricing.bg-white{background-color:#0a1a2e}
#how-it-works .bg-white,#pricing .bg-white{background-color:#122b48}
#how-it-works .bg-slate-50\/80{background-color:#0a1a2e}
#pricing .bg-slate-50\/50{background-color:#122b48}
#pricing div.bg-slate-900{background-color:#122b48}
#pricing a.bg-slate-900{background-color:#1c3350;border:1px solid #26405f}
#pricing a.bg-slate-900:hover{background-color:#26405f}
#pricing a.bg-slate-200{background-color:#1c3350;border:1px solid #26405f}
#pricing a.bg-slate-200:hover{background-color:#26405f}
#pricing [data-tab].text-white{background-color:#7ded5c;color:#0a1a2e}
.bg-emerald-600.text-white{color:#0a1a2e}
#how-it-works .bg-blue-600.text-white{color:#fff}

/* Dark cards inside the remapped sections keep the original light-on-dark slate text */
#manager-in-a-box,#founding-offer,#pricing div.bg-slate-900{
  --color-slate-100:oklch(96.8% .007 247.896); --color-slate-200:oklch(92.9% .013 255.508);
  --color-slate-500:oklch(70.4% .04 256.788); --color-slate-600:oklch(86.9% .022 252.894);
  --color-slate-700:oklch(92.9% .013 255.508); --color-slate-800:oklch(96.8% .007 247.896);
  --color-slate-900:#122b48;
}
#manager-in-a-box .border-slate-200{border-color:#26405f}
#how-it-works .bg-slate-900{background-color:#26405f}
footer .text-slate-500{color:var(--color-slate-400)}

/* Readability pass: brighter body text and larger small type */
:root{
  --color-slate-200:#eef2f7; --color-slate-300:#e2e8f0; --color-slate-400:#c8d3e0; --color-slate-500:#aebdd0;
}
#how-it-works,#pricing{
  --color-slate-500:#c8d3e0; --color-slate-600:#d9e1ea; --color-slate-700:#e8edf3;
  --color-slate-800:#f1f5f9; --color-slate-900:#ffffff;
}
#manager-in-a-box,#founding-offer,#pricing div.bg-slate-900{
  --color-slate-100:#f8fafc; --color-slate-200:#eef2f7; --color-slate-300:#e2e8f0; --color-slate-400:#c8d3e0;
  --color-slate-500:#aebdd0; --color-slate-600:#e2e8f0; --color-slate-700:#eef2f7; --color-slate-800:#f8fafc;
  --color-slate-900:#122b48;
}
.text-xs{font-size:.8125rem;line-height:1.35rem}
.text-\[11px\]{font-size:12.5px}
.text-\[10px\]{font-size:11.5px}
p{font-weight:450}

/* === Components: demo band, FAQ, demo links === */
.sc-wrap{max-width:80rem;margin:0 auto;padding:0 1rem}
@media(min-width:640px){.sc-wrap{padding:0 1.5rem}}
@media(min-width:1024px){.sc-wrap{padding:0 2rem}}
.sc-eyebrow{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a6f38c;background:#1e4639;border:1px solid rgba(125,237,92,.3);border-radius:999px;padding:.25rem .85rem;margin-bottom:.9rem}
.sc-btn{display:inline-flex;align-items:center;gap:.5rem;background:#7ded5c;color:#0a1a2e;font-weight:800;font-size:.95rem;border-radius:.9rem;padding:.9rem 1.5rem;box-shadow:0 10px 25px -10px rgba(125,237,92,.5);transition:transform .15s,background .15s;white-space:nowrap}
.sc-btn:hover{background:#a6f38c;transform:translateY(-1px)}
.sc-demo{background:#0a1a2e;padding:3.5rem 0;border-bottom:1px solid #26405f}
.sc-demo-card{display:flex;flex-wrap:wrap;gap:2rem;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#122b48,#0f2440);border:1px solid #26405f;border-left:4px solid #7ded5c;border-radius:1.25rem;padding:2rem}
.sc-demo-copy{flex:1 1 30rem;min-width:0}
.sc-demo h2{color:#fff;font-size:clamp(1.75rem,3vw,2.4rem);font-weight:800;line-height:1.1;margin:0 0 .75rem}
.sc-demo p{color:#e2e8f0;font-size:1.05rem;line-height:1.6;max-width:44rem}
.sc-demo p.sc-demo-note{margin-top:.75rem;font-size:.95rem;color:#c8d3e0}
.sc-demo p strong{color:#fff}
.sc-demo-cta{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}
.sc-demo-cta span{font-size:.8rem;color:#c8d3e0}
.sc-card-demo{display:inline-block;margin:-.5rem 0 1rem;font-size:.8rem;font-weight:700;color:#7ded5c}
.sc-card-demo:hover{color:#fff}
.sc-faq{background:#0a1a2e;padding:4rem 0 4.5rem;border-top:1px solid #26405f}
.sc-faq-wrap{max-width:52rem;text-align:center}
.sc-faq h2{color:#fff;font-size:clamp(1.9rem,3.4vw,2.75rem);font-weight:800;line-height:1.1;margin:0 0 2rem}
.sc-faq-list{display:flex;flex-direction:column;gap:.65rem;text-align:left}
.sc-faq-item{background:#122b48;border:1px solid #26405f;border-radius:.9rem;transition:border-color .15s}
.sc-faq-item[open]{border-color:rgba(125,237,92,.55)}
.sc-faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.05rem 1.25rem;color:#fff;font-weight:700;font-size:1.02rem}
.sc-faq-item summary::-webkit-details-marker{display:none}
.sc-faq-item summary svg{flex:none;color:#7ded5c;transition:transform .2s}
.sc-faq-item[open] summary svg{transform:rotate(180deg)}
.sc-faq-item summary:focus-visible{outline:2px solid #7ded5c;outline-offset:2px;border-radius:.9rem}
.sc-faq-item p{margin:0;padding:0 1.25rem 1.15rem;color:#e2e8f0;font-size:.98rem;line-height:1.65}
.sc-faq-cta{margin-top:2rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;text-align:left;color:#e2e8f0;font-size:.95rem}
.sc-faq-cta a:not(.sc-btn){color:#7ded5c;font-weight:600}
#demo,#faq{scroll-margin-top:6rem}

/* FAQ nested under one pill toggle */
.sc-faq-group{text-align:center}
.sc-faq-pill{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.65rem;background:#7ded5c;color:#0a1a2e;font-weight:800;font-size:1.05rem;border-radius:999px;padding:.85rem 1.6rem;box-shadow:0 10px 25px -10px rgba(125,237,92,.5);transition:background .15s,transform .15s}
.sc-faq-pill::-webkit-details-marker{display:none}
.sc-faq-pill:hover{background:#a6f38c;transform:translateY(-1px)}
.sc-faq-pill:focus-visible{outline:2px solid #fff;outline-offset:3px}
.sc-faq-pill svg{transition:transform .2s}
.sc-faq-group[open]>.sc-faq-pill svg{transform:rotate(180deg)}
.sc-faq-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;height:1.6rem;padding:0 .4rem;border-radius:999px;background:#0a1a2e;color:#7ded5c;font-size:.8rem;font-weight:800}
.sc-faq-group[open]>.sc-faq-list{margin-top:1.5rem}
.sc-faq{padding:3.5rem 0 4rem}
.sc-faq-cta{margin-top:2rem}
/* Footer: official logo */
.sc-footer-logo{height:5.25rem;width:auto;max-width:80vw;object-fit:contain;display:block}
.sc-header-logo{height:4.75rem;width:auto;max-width:72vw;object-fit:contain;display:block}
@media(max-width:639px){.sc-header-logo{height:4.25rem}}

/* "Where owners lose money" pain-point tiles */
.sc-pains{background:#0a1a2e;padding:4rem 0;border-bottom:1px solid #26405f}
.sc-pains-head{text-align:center;max-width:46rem;margin:0 auto 2.25rem}
.sc-pains h2{color:#fff;font-size:clamp(1.9rem,3.4vw,2.75rem);font-weight:800;line-height:1.1;margin:0 0 .75rem}
.sc-pains-head p{color:#e2e8f0;font-size:1.05rem;line-height:1.6;margin:0}
.sc-pain-grid{display:grid;grid-template-columns:1fr;gap:1rem}
@media(min-width:640px){.sc-pain-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.sc-pain-grid{grid-template-columns:repeat(3,1fr)}}
.sc-pain{display:flex;flex-direction:column;background:#122b48;border:1px solid #26405f;border-radius:1rem;padding:1.35rem 1.35rem 1.2rem;transition:border-color .15s}
.sc-pain:hover{border-color:rgba(125,237,92,.55)}
.sc-pain h3{color:#fff;font-size:1.15rem;font-weight:800;margin:0 0 .5rem}
.sc-pain-problem{color:#c8d3e0;font-size:.95rem;line-height:1.55;margin:0 0 .75rem}
.sc-pain-fix{color:#f1f5f9;font-size:.95rem;line-height:1.55;margin:0 0 1rem}
.sc-pain-fix span{color:#7ded5c;font-weight:700}
.sc-pain-plan{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;color:#0a1a2e;background:#7ded5c;border-radius:999px;padding:.4rem .85rem}
.sc-pain-plan:hover{background:#a6f38c}
.sc-pain-wide{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;gap:1.5rem;border-color:rgba(125,237,92,.4);background:linear-gradient(135deg,#122b48,#11301f)}
.sc-pain-wide .sc-pain-fix{margin-bottom:0}
.sc-pain-wide .sc-pain-plan{margin-top:0;align-self:center;white-space:nowrap}
@media(max-width:640px){.sc-pain-wide{flex-direction:column;align-items:flex-start}.sc-pain-wide .sc-pain-plan{align-self:flex-start}}
#pain-points{scroll-margin-top:6rem}

/* === GENERATED: specificity-safe color rules (survive the editor's runtime Tailwind) === */
body .bg-blue-50{background-color:#1c3350}
body .bg-blue-600{background-color:#2a6fdb}
body .bg-blue-600\/10{background-color:rgba(42,111,219,0.1)}
body .bg-blue-600\/15{background-color:rgba(42,111,219,0.15)}
body .bg-emerald-100{background-color:#1e4639}
body .bg-emerald-400{background-color:#7ded5c}
body .bg-emerald-400\/20{background-color:rgba(125,237,92,0.2)}
body .bg-emerald-50{background-color:#173a35}
body .bg-emerald-50\/30{background-color:rgba(23,58,53,0.3)}
body .bg-emerald-500{background-color:#7ded5c}
body .bg-emerald-500\/10{background-color:rgba(125,237,92,0.1)}
body .bg-emerald-500\/20{background-color:rgba(125,237,92,0.2)}
body .bg-emerald-600{background-color:#6bd84b}
body .bg-emerald-950{background-color:#11301f}
body .bg-emerald-950\/60{background-color:rgba(17,48,31,0.6)}
body .bg-emerald-950\/80{background-color:rgba(17,48,31,0.8)}
#how-it-works .bg-slate-100{background-color:#1c3350}
#pricing .bg-slate-100{background-color:#1c3350}
body .bg-slate-200{background-color:#eef2f7}
#how-it-works .bg-slate-200{background-color:#1c3350}
#pricing .bg-slate-200{background-color:#1c3350}
#how-it-works .bg-slate-50{background-color:#0a1a2e}
#pricing .bg-slate-50{background-color:#0a1a2e}
#how-it-works .bg-slate-50\/50{background-color:rgba(10,26,46,0.5)}
#pricing .bg-slate-50\/50{background-color:rgba(10,26,46,0.5)}
#how-it-works .bg-slate-50\/80{background-color:rgba(10,26,46,0.8)}
#pricing .bg-slate-50\/80{background-color:rgba(10,26,46,0.8)}
#how-it-works .bg-slate-900{background-color:#1c3350}
#pricing .bg-slate-900{background-color:#1c3350}
#pricing #manager-in-a-box .bg-slate-900{background-color:#122b48}
#pricing #founding-offer .bg-slate-900{background-color:#122b48}
#how-it-works .bg-white{background-color:#122b48}
#pricing .bg-white{background-color:#122b48}
#how-it-works .bg-white\/5{background-color:rgba(18,43,72,0.05)}
#pricing .bg-white\/5{background-color:rgba(18,43,72,0.05)}
body .border-blue-100{border-color:#26405f}
body .border-emerald-100{border-color:#1e4639}
body .border-emerald-200{border-color:#3d6b4a}
body .border-emerald-400\/30{border-color:rgba(125,237,92,0.3)}
body .border-emerald-400\/40{border-color:rgba(125,237,92,0.4)}
body .border-emerald-400\/50{border-color:rgba(125,237,92,0.5)}
body .border-emerald-500{border-color:#7ded5c}
body .border-emerald-500\/20{border-color:rgba(125,237,92,0.2)}
body .border-emerald-500\/30{border-color:rgba(125,237,92,0.3)}
body .border-emerald-600{border-color:#6bd84b}
#how-it-works .border-slate-100{border-color:#26405f}
#pricing .border-slate-100{border-color:#26405f}
body .border-slate-200{border-color:#eef2f7}
#how-it-works .border-slate-200{border-color:#26405f}
#pricing .border-slate-200{border-color:#26405f}
body .border-white\/10{border-color:rgba(255,255,255,0.1)}
body .border-white\/15{border-color:rgba(255,255,255,0.15)}
body .decoration-emerald-500\/50{text-decoration-color:rgba(125,237,92,0.5)}
body .hover\:bg-emerald-400:hover{background-color:#7ded5c}
body .hover\:bg-slate-300:hover{background-color:#e2e8f0}
#how-it-works .hover\:bg-slate-300:hover{background-color:#26405f}
#pricing .hover\:bg-slate-300:hover{background-color:#26405f}
#how-it-works .hover\:bg-slate-800:hover{background-color:#26405f}
#pricing .hover\:bg-slate-800:hover{background-color:#26405f}
#pricing #manager-in-a-box .hover\:bg-slate-800:hover{background-color:#1c3350}
#pricing #founding-offer .hover\:bg-slate-800:hover{background-color:#1c3350}
#how-it-works .hover\:bg-white\/10:hover{background-color:rgba(18,43,72,0.1)}
#pricing .hover\:bg-white\/10:hover{background-color:rgba(18,43,72,0.1)}
#how-it-works .hover\:bg-white\/5:hover{background-color:rgba(18,43,72,0.05)}
#pricing .hover\:bg-white\/5:hover{background-color:rgba(18,43,72,0.05)}
body .hover\:border-emerald-400:hover{border-color:#7ded5c}
body .hover\:text-emerald-400:hover{color:#7ded5c}
#how-it-works .hover\:text-slate-900:hover{color:#ffffff}
#pricing .hover\:text-slate-900:hover{color:#ffffff}
#pricing #manager-in-a-box .hover\:text-slate-900:hover{color:#122b48}
#pricing #founding-offer .hover\:text-slate-900:hover{color:#122b48}
#pricing div.bg-slate-900 .hover\:text-slate-900:hover{color:#122b48}
body .text-blue-600{color:#2a6fdb}
body .text-blue-700{color:#6b9be8}
body .text-emerald-300{color:#a6f38c}
body .text-emerald-400{color:#7ded5c}
body .text-emerald-600{color:#6bd84b}
body .text-emerald-700{color:#7ded5c}
body .text-emerald-800{color:#a6f38c}
body .text-slate-200{color:#eef2f7}
#how-it-works .text-slate-200{color:#26405f}
#pricing .text-slate-200{color:#26405f}
#pricing #manager-in-a-box .text-slate-200{color:#eef2f7}
#pricing #founding-offer .text-slate-200{color:#eef2f7}
#pricing div.bg-slate-900 .text-slate-200{color:#eef2f7}
body .text-slate-300{color:#e2e8f0}
#how-it-works .text-slate-300{color:#e2e8f0}
#pricing .text-slate-300{color:#e2e8f0}
#pricing #manager-in-a-box .text-slate-300{color:#e2e8f0}
#pricing #founding-offer .text-slate-300{color:#e2e8f0}
#pricing div.bg-slate-900 .text-slate-300{color:#e2e8f0}
body .text-slate-400{color:#c8d3e0}
#how-it-works .text-slate-400{color:#c8d3e0}
#pricing .text-slate-400{color:#c8d3e0}
#pricing #manager-in-a-box .text-slate-400{color:#c8d3e0}
#pricing #founding-offer .text-slate-400{color:#c8d3e0}
#pricing div.bg-slate-900 .text-slate-400{color:#c8d3e0}
body .text-slate-500{color:#aebdd0}
#how-it-works .text-slate-500{color:#c8d3e0}
#pricing .text-slate-500{color:#c8d3e0}
#pricing #manager-in-a-box .text-slate-500{color:#aebdd0}
#pricing #founding-offer .text-slate-500{color:#aebdd0}
#pricing div.bg-slate-900 .text-slate-500{color:#aebdd0}
#how-it-works .text-slate-600{color:#d9e1ea}
#pricing .text-slate-600{color:#d9e1ea}
#pricing #manager-in-a-box .text-slate-600{color:#e2e8f0}
#pricing #founding-offer .text-slate-600{color:#e2e8f0}
#pricing div.bg-slate-900 .text-slate-600{color:#e2e8f0}
#how-it-works .text-slate-700{color:#e8edf3}
#pricing .text-slate-700{color:#e8edf3}
#pricing #manager-in-a-box .text-slate-700{color:#eef2f7}
#pricing #founding-offer .text-slate-700{color:#eef2f7}
#pricing div.bg-slate-900 .text-slate-700{color:#eef2f7}
#how-it-works .text-slate-800{color:#f1f5f9}
#pricing .text-slate-800{color:#f1f5f9}
#pricing #manager-in-a-box .text-slate-800{color:#f8fafc}
#pricing #founding-offer .text-slate-800{color:#f8fafc}
#pricing div.bg-slate-900 .text-slate-800{color:#f8fafc}
#how-it-works .text-slate-900{color:#ffffff}
#pricing .text-slate-900{color:#ffffff}
#pricing #manager-in-a-box .text-slate-900{color:#122b48}
#pricing #founding-offer .text-slate-900{color:#122b48}
#pricing div.bg-slate-900 .text-slate-900{color:#122b48}
body .text-slate-950{color:#020618}
#pricing div.bg-slate-900{background-color:#122b48}
#pricing a.bg-slate-900,#pricing a.bg-slate-200{background-color:#1c3350;border:1px solid #26405f}
#pricing a.bg-slate-900:hover,#pricing a.bg-slate-200:hover{background-color:#26405f}
#pricing button[data-tab].text-white{background-color:#7ded5c;color:#0a1a2e}
#how-it-works div.bg-slate-900{background-color:#26405f}
body .bg-emerald-600.text-white,#how-it-works .bg-emerald-600.text-white{color:#0a1a2e}
#top{background-color:#0a1a2e}
#how-it-works.bg-slate-50,#pricing.bg-white{background-color:#0a1a2e}
#how-it-works.border-slate-200,#pricing.border-slate-200{border-color:#26405f}
body [class*="from-emerald-950"]{background-image:linear-gradient(to right,#11301f,#122b48,#11301f)}
body [class*="from-emerald-500/30"]{background-image:linear-gradient(to right,rgba(125,237,92,.3),rgba(42,111,219,.3))}
body section[class*="bg-linear-to-b"]{background-image:linear-gradient(to bottom,#0a1a2e,#122b48,#0a1a2e)}
body .text-xs{font-size:.8125rem;line-height:1.35rem}
body .text-\[11px\]{font-size:12.5px}
body .text-\[10px\]{font-size:11.5px}
footer .text-slate-500{color:#c8d3e0}
