/* R2.2.3: scoped contrast and editorial polish; no behavior or API changes. */
.twidlee-r2 .hero-copy h1 span{color:#fff!important}
.twidlee-r2 .hero-float{color:#211a16!important}
.twidlee-r2 .hero-float small{color:#59534e!important}
.twidlee-r2 .deal-ticket .dt-name{color:#211a16!important}
.twidlee-r2 .deal-ticket .dt-loc,
.twidlee-r2 .deal-ticket .dt-stars,
.twidlee-r2 .deal-ticket .dt-clock-label{color:#625a54!important}
.twidlee-r2 .deal-ticket #dt-clock{color:#a5230f!important}
.twidlee-r2 .deal-ticket .dt-badge{background:#a5230f!important}

/* Opaque surfaces keep both selected and unselected steps readable. */
.twidlee-r2 .hiw-rail{background:#f5f4f1;border-color:#d6d1cb}
.twidlee-r2 .hiw-step{background:#fff;color:#211a16;border-color:#d6d1cb!important}
.twidlee-r2 .hiw-step-copy small{color:#625a54}
.twidlee-r2 .hiw-step-no{color:#a5230f}
.twidlee-r2 .hiw-step-arrow{opacity:1;color:#625a54}
.twidlee-r2 .hiw-step:hover{background:#eee9e3}
.twidlee-r2 .hiw-step.is-active{background:#211a16!important;color:#fff;border-color:#ec3013!important;box-shadow:inset 4px 0 #ec3013!important}
.twidlee-r2 .hiw-step.is-active .hiw-step-copy small{color:#ded8d2}
.twidlee-r2 .hiw-step.is-active .hiw-step-no{color:#ffbd59}
.twidlee-r2 .hiw-step:focus-visible{outline:3px solid #a5230f!important}

/* Light phone screens must not inherit white headings from the dark stage. */
.twidlee-r2 .hiw-phone-screen h3{color:#211a16!important}
.twidlee-r2 .hiw-phone-screen p{color:#625a54!important}
.twidlee-r2 .hiw-mini-deal small,
.twidlee-r2 .hiw-field>small,
.twidlee-r2 .hiw-code-card>span,
.twidlee-r2 .hiw-code-card>small,
.twidlee-r2 .hiw-rating-grid span{color:#625a54}
.twidlee-r2 .hiw-screen-kicker,
.twidlee-r2 .hiw-mini-deal>b,
.twidlee-r2 .hiw-choice b{color:#a5230f}
.twidlee-r2 .hiw-offer{background:#a5230f}
.twidlee-r2 .hiw-live,
.twidlee-r2 .hiw-stage-count,
.twidlee-r2 .hiw-float span,
.twidlee-r2 .hiw-float small,
.twidlee-r2 .hiw-stage-caption p{color:#d5ccc5!important}

/* Preserve the three photographs and their existing responsive grid. */
.twidlee-r2 .wild-head{align-items:center;gap:32px;margin-bottom:36px}
.twidlee-r2 .wild-head .eyebrow{flex-shrink:0;margin:0;color:#a5230f!important}
.twidlee-r2 .wild-head h2{margin:0}
.twidlee-r2 .wild-grid figcaption{background:rgba(13,12,12,.9);min-height:84px;justify-content:center;gap:6px}
.twidlee-r2 .wild-grid figcaption b{font-size:13px;line-height:1.35;color:#fff}
.twidlee-r2 .wild-grid figcaption span{font-size:12px;line-height:1.5;color:#e3dfda}
@media(max-width:980px){
 .twidlee-r2 .wild-head{flex-direction:column;align-items:flex-start;gap:20px}
}
@media(max-width:680px){
 .twidlee-r2 .wild-head{display:flex;margin-bottom:28px}
 .twidlee-r2 .wild-grid{gap:20px}
 .twidlee-r2 .wild-grid figcaption{left:14px;right:14px;bottom:14px}
}
.twidlee-r2 .hero-benefits span{color:#c9c2bc!important}
@media(max-width:640px){
 /* The floating phone passes behind this caption on hover. */
 .twidlee-r2 .hiw-stage-caption{background:#130f0d;border-radius:8px}
}