/* Collect MD v6.7 — light-theme corrections, loaded last. */
:root{--cmd-green-deep:#386f29;--cmd-ink:#10251c;--cmd-muted:#405a4b}
/* 1. Readable green highlights on white/cream, without changing lime CTA backgrounds. */
.collectmd-home :is(.chapter-intro,.nation-intro,.who-intro,.services,.proof,.contact,.solution-top,.trans-top) :is(h1,h2,h3,.display) :is(.lime,.soft,em),
.collectmd-home .contact .display span,
.collectmd-home .nation-intro .lime,
.collectmd-inner .cmp-main :is(.cmp-h2,.cmp-title,.cmp-closer__title,.cmp-next__title) :is(em,b,span),
.collectmd-inner .cmp-main .cmp-section em{color:var(--cmd-green-deep)!important}
/* Keep hero graphics and fluorescent UI graphs bright; they are illustration elements. */
.collectmd-home .hero .cm45-dash-data strong,
.collectmd-home .hero .cm45-dash-title span{color:#c4fb5b!important}
/* 2. Claim heading and warning callouts must never occupy the same space. */
@media(min-width:1001px){
 .collectmd-inner .cmp-claims .cmp-scene__copy{width:min(38%,540px)!important;left:4.5%!important}
 .collectmd-inner .cmp-claims .cmp-scene__item h2{font-size:clamp(47px,5vw,85px)!important;line-height:.96!important;max-width:12.5ch!important;overflow-wrap:normal!important}
 .collectmd-inner .cmp-claims .cmp-scene__visual{right:2%!important;width:53%!important}
 .collectmd-inner .cmp-claims .cmp-alert--0{top:7%!important;left:15%!important}
 .collectmd-inner .cmp-claims .cmp-alert--2{left:13%!important}
}
.collectmd-inner .cmp-claims .cmp-alert{
 background:#fff0ed!important;border:1.5px solid #df796d!important;
 color:#742c28!important;box-shadow:0 14px 34px rgba(147,50,43,.13)!important;
 border-radius:14px!important;max-width:250px;
}
.collectmd-inner .cmp-claims .cmp-alert b{color:#812d27!important;font-weight:850!important;font-size:clamp(11px,.86vw,13px)!important}
.collectmd-inner .cmp-claims .cmp-alert p{color:#87544b!important;font-size:clamp(10px,.74vw,12px)!important;line-height:1.45!important}
.collectmd-inner .cmp-claims .cmp-alert__icon{background:#f9d8d4!important;border:1px solid #e2a6a0!important;color:#b84138!important;font-weight:900!important}
/* 4. Hero: use an image-edge feather rather than an opaque white panel. */
@media(min-width:701px){
 .collectmd-home .hero .cm45-surgery{
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 12%,rgba(0,0,0,.75) 26%,#000 42%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 12%,rgba(0,0,0,.75) 26%,#000 42%);
  filter:brightness(.98) saturate(.96)!important;
 }
 .collectmd-home .hero .cm45-surgery::after{background:none!important;opacity:0!important}
 .collectmd-home .hero .cm45-visual{width:69%!important}
 .collectmd-home .hero .hero-h1{position:relative;z-index:20}
}
@media(max-width:700px){
 .collectmd-home .hero .cm45-surgery{-webkit-mask-image:none;mask-image:none;filter:brightness(.86) saturate(.91)!important}
 .collectmd-home .hero .cm45-surgery::after{background:linear-gradient(180deg,rgba(247,248,242,.08),rgba(247,248,242,.34) 52%,rgba(247,248,242,.75) 100%)!important}
}
/* 5. Button should be physically separated from the benefits grid divider. */
.collectmd-home .proof .cmd-section-cta,
.collectmd-home .proof .cmd-cta-proof,
.collectmd-home .proof .button{margin-bottom:clamp(26px,3vw,52px)!important}
.collectmd-home .proof :is(.proof-grid,.proof-list,.proof-items){margin-top:clamp(22px,3vw,44px)!important}
/* 6. Inner page word-by-word scroll reveal: a real reading size and strong contrast. */
.collectmd-inner .cmp-main .cmp-words{
 font-family:'Manrope',Arial,sans-serif!important;
 font-size:clamp(42px,5.4vw,96px)!important;
 line-height:1.11!important;font-weight:850!important;
 max-width:min(1220px,90vw)!important;color:#12271c!important;
 letter-spacing:-.055em!important;
}
.collectmd-inner .cmp-js .cmp-words .cmp-w,
.collectmd-inner .cmp-js .cmp-main .cmp-words .cmp-w{color:#819486!important;opacity:1!important}
.collectmd-inner .cmp-js .cmp-words .cmp-w.is-lit,
.collectmd-inner .cmp-js .cmp-main .cmp-words .cmp-w.is-lit{color:#10251c!important;opacity:1!important}
.collectmd-inner .cmp-main .cmp-break__copy,
.collectmd-inner .cmp-main .cmp-scale__copy{color:#405a4b!important;font-size:clamp(15px,1.1vw,18px)!important;line-height:1.7!important}
/* 7. Inner pages: no dark card backgrounds with dark text. */
.collectmd-inner .cmp-main .cmp-stack__card{
 --bg:#fff!important;--fg:#10251c!important;--soft:#405849!important;
 background:#fff!important;color:#10251c!important;
 border:1px solid #d6e2d3!important;box-shadow:0 22px 50px rgba(21,48,30,.11)!important;
}
.collectmd-inner .cmp-main .cmp-stack__card:nth-child(5n+3){--bg:#e1f4c5!important;background:#e1f4c5!important}
.collectmd-inner .cmp-main .cmp-stack__card:nth-child(5n+4){--bg:#ebf2e7!important;background:#ebf2e7!important}
.collectmd-inner .cmp-main .cmp-stack__card:nth-child(5n+5){--bg:#dcedd1!important;background:#dcedd1!important}
.collectmd-inner .cmp-main .cmp-stack__card :is(h3,p,.cmp-stack__num,.cmp-stack__incl){color:#10251c!important;opacity:1!important}
.collectmd-inner .cmp-main .cmp-stack__card p:not(.cmp-stack__num){color:#3e5847!important;font-size:clamp(15px,1.07vw,18px)!important}
.collectmd-inner .cmp-main .cmp-stack__card h3{font-size:clamp(38px,5vw,78px)!important;line-height:1.04!important;max-width:17ch!important;overflow-wrap:break-word!important}
.collectmd-inner .cmp-main .cmp-stack__card .cmp-stack__incl{color:#45634d!important}
.collectmd-inner .cmp-main .cmp-stack__card::after{background:#254831!important;opacity:calc(var(--dim,0)*.12)!important}
.collectmd-inner .cmp-main .cmp-panel :is(h3,p),
.collectmd-inner .cmp-main .cmp-tile :is(h3,p),
.collectmd-inner .cmp-main .cmp-step :is(h3,p),
.collectmd-inner .cmp-main .cmp-trio :is(h3,p){color:#14291e!important}
.collectmd-inner .cmp-main .cmp-panel p,
.collectmd-inner .cmp-main .cmp-tile p,
.collectmd-inner .cmp-main .cmp-step h3+p,
.collectmd-inner .cmp-main .cmp-trio p{color:#415b4b!important}
/* 8. FAQ: fix almost-white labels and invisible hover. */
.collectmd-inner .cmp-main .cmp-faq__item{border-color:#c7d4c7!important}
.collectmd-inner .cmp-main .cmp-faq__item summary{color:#172e20!important;font-size:clamp(19px,1.52vw,24px)!important;font-weight:750!important;opacity:1!important}
.collectmd-inner .cmp-main .cmp-faq__item summary:hover,
.collectmd-inner .cmp-main .cmp-faq__item[open] summary{color:#326c2c!important}
.collectmd-inner .cmp-main .cmp-faq__item summary::after{color:#326c2c!important;border-color:#98b497!important}
.collectmd-inner .cmp-main .cmp-faq__item p{color:#415a49!important;font-size:16px!important;opacity:1!important}
/* 9. All page CTAs: larger readable text and sensible spacing. */
.collectmd-inner .cmp-main :is(.wp-block-button__link,.cmp-btn,.cmp-button),
.collectmd-inner .cmp-main button[type=submit],
.collectmd-inner .cmp-main input[type=submit]{
 font-family:'Manrope',Arial,sans-serif!important;font-size:clamp(14px,1vw,17px)!important;
 font-weight:850!important;line-height:1.3!important;min-height:52px!important;
 padding:15px 24px!important;
}
.collectmd-inner .cmp-main :is(.wp-block-button__link,.cmp-btn,.cmp-button):is(:hover,:focus-visible){color:#10251c!important;background:#b6ec55!important}
/* Ensure secondary floating UI is readable on the light background. */
.collectmd-inner .cmp-main :is(.cmp-next,.cmp-next__link,.cmp-next__title){color:#10251c!important}
.collectmd-inner .cmp-main .cmp-next__title b{color:#36722a!important}
@media(max-width:1000px){
 .collectmd-inner .cmp-claims .cmp-scene__item h2{font-size:clamp(37px,6vw,68px)!important;max-width:12ch!important}
 .collectmd-inner .cmp-claims .cmp-alert--0{left:13%!important;top:12%!important}
}
@media(max-width:700px){
 .collectmd-inner .cmp-claims .cmp-scene__copy{top:82px!important}
 .collectmd-inner .cmp-claims .cmp-scene__visual{top:34%!important;height:57%!important}
 .collectmd-inner .cmp-claims .cmp-alert{max-width:150px!important;padding:8px!important}
 .collectmd-inner .cmp-claims .cmp-alert--0{top:6%!important;left:0!important}
 .collectmd-inner .cmp-main .cmp-words{font-size:clamp(31px,8.2vw,50px)!important;line-height:1.15!important}
 .collectmd-inner .cmp-main .cmp-stack__card h3{font-size:clamp(31px,9vw,48px)!important}
 .collectmd-inner .cmp-main .cmp-faq__item summary{font-size:19px!important;padding:20px 0!important}
 .collectmd-inner .cmp-main :is(.wp-block-button__link,.cmp-btn,.cmp-button){font-size:14px!important;padding:14px 20px!important}
}
