/* Real service information, using the existing Prolifik design tokens. */
.warm-feature .warm-feature__layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,30rem); gap:clamp(2rem,6vw,5rem); align-items:center; row-gap:var(--sc-6); }
.warm-feature .warm-feature__copy .eyebrow { margin:0 0 var(--sc-4); color:var(--sc-ink-soft); font-size:var(--sc-t-xs); }
.warm-feature .warm-feature__copy h2 { margin:0 0 var(--sc-5); max-width:20ch; }
.warm-feature .warm-feature__copy .sc-body { max-width:44ch; margin:0 0 var(--sc-5); }
.warm-feature .warm-feature__details { margin:var(--sc-5) 0; padding-top:var(--sc-4); border-top:1px solid var(--glass-edge); }
.warm-feature .warm-feature__price { display:flex; align-items:baseline; flex-wrap:wrap; gap:var(--sc-3); margin:0 0 var(--sc-3); }
.warm-feature .warm-feature__price strong { font-family:var(--sc-font-display); font-size:2rem; font-weight:600; line-height:1.2; }
.warm-feature .warm-feature__price span,.warm-feature .warm-feature__terms { color:var(--sc-ink-soft); font-size:var(--sc-t-xs); line-height:1.6; }
.warm-feature .warm-feature__terms { max-width:48ch; margin:0; }
.warm-feature .warm-feature__included { margin:var(--sc-3) 0; max-width:40ch; color:var(--sc-ink-soft); font-size:var(--sc-t-sm); line-height:1.65; }
.warm-feature .warm-feature__steps { grid-column:1 / -1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--sc-6); list-style:none; margin:0; padding:0; }
.warm-feature .warm-feature__steps > li { min-width:0; border-top:1px solid var(--glass-edge); padding-top:var(--sc-4); }
.warm-feature .warm-feature__step-number { display:block; margin-bottom:var(--sc-3); font-size:var(--sc-t-xs); color:var(--sc-ink-soft); }
.warm-feature .warm-feature__steps h3 { margin:0 0 var(--sc-2); font:550 var(--sc-t-base)/1.3 var(--sc-font-display); color:var(--sc-ink); letter-spacing:-.02em; }
.warm-feature .warm-feature__steps p { margin:0; max-width:36ch; font-size:var(--sc-t-sm); color:var(--sc-ink-soft); line-height:1.65; }
.warmed-accounts-page { --sc-section:clamp(2.25rem,4.5vw,5.5rem); }
.warmed-accounts-page .page-head { padding-block:clamp(2.5rem,5vw,4rem); }
.warmed-accounts-page [data-sc-in],.warmed-accounts-page [data-sc-stagger] > * { opacity:1; transform:none; }
.warmed-accounts-page .sc-display--xl { font-size:clamp(2.3rem,5vw,4.8rem); max-width:22ch; margin-inline:auto; }
.warmed-accounts-page .sc-lede { max-width:64ch; margin-inline:auto; }
.warmed-accounts-page .band { padding:clamp(2rem,4vw,3.5rem) var(--sc-5); }
.warmed-accounts-page .band .sc-display--lg { font-size:clamp(2rem,4vw,3.2rem); max-width:26ch; }
@media(max-width:700px) {
 .warm-feature .warm-feature__layout { grid-template-columns:minmax(0,1fr); gap:var(--sc-6); }
 .warm-feature .warm-feature__copy h2 { font-size:clamp(1.8rem,7vw,2.5rem); }

 .warm-feature .warm-feature__steps { grid-template-columns:minmax(0,1fr); gap:var(--sc-5); }
 .warm-feature .warm-feature__steps > li { display:grid; grid-template-columns:1.5rem minmax(0,1fr); gap:var(--sc-2) var(--sc-3); }
 .warm-feature .warm-feature__step-number { grid-row:1 / 3; margin:0; line-height:1.7; }
 .warm-feature .warm-feature__steps h3 { margin:0; }
 .warm-feature .warm-feature__steps p { grid-column:2; }
 .warm-feature .cta { white-space:nowrap; }
}

/* Original product screenshot, framed around the complete setup dialog. */
.warm-feature .warm-setup { min-width:0; width:100%; max-width:30rem; margin:0; justify-self:center; }
.warm-setup__open { display:block; width:100%; padding:0; border:0; background:none; color:var(--sc-ink); font:inherit; cursor:zoom-in; }
.warm-setup__crop { display:block; position:relative; aspect-ratio:976 / 1392; overflow:hidden; border-radius:calc(var(--sc-r-lg) - var(--sc-3)); background:var(--sc-canvas); }
.warm-setup__crop img { display:block; position:absolute; width:262.295082%; height:auto; max-width:none; left:-81.147541%; top:-11.781609%; }
.warm-setup__view { display:block; width:fit-content; margin:var(--sc-4) auto 0; color:var(--sc-ink); font-size:var(--sc-t-sm); text-decoration:underline; text-underline-offset:.25em; }
.warm-setup__open:hover .warm-setup__view { color:var(--sc-accent); }
.warm-setup__open:focus-visible { outline:3px solid var(--sc-accent); outline-offset:5px; border-radius:var(--sc-r-lg); }
.warm-feature .warm-setup figcaption { margin:var(--sc-2) 0 0; color:var(--sc-ink-soft); font-size:var(--sc-t-xs); line-height:1.5; text-align:center; }
.warm-setup-dialog { width:min(46rem,calc(100vw - 2rem)); max-height:calc(100dvh - 2rem); padding:var(--sc-4); border:1px solid var(--glass-edge); border-radius:var(--sc-r-lg); background:var(--sc-canvas); color:var(--sc-ink); overscroll-behavior:contain; }
.warm-setup-dialog::backdrop { background:color-mix(in oklab,var(--sc-canvas) 85%,transparent); }
.warm-setup-dialog__head { display:flex; align-items:center; justify-content:space-between; gap:var(--sc-3); margin-bottom:var(--sc-4); }
.warm-setup-dialog__head p { margin:0; font-size:var(--sc-t-xs); line-height:1.5; }
.warm-setup-dialog__head .cta { font-size:var(--sc-t-xs); white-space:nowrap; }
@media(min-width:701px) and (max-width:1000px) {
 .warm-feature .warm-feature__layout { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:var(--sc-6); }
}
@media(max-width:700px) {
 .warm-feature .warm-setup { max-width:26rem; }
 .warm-setup-dialog__head { align-items:start; }
}

/* Trim the captured modal border; one native frame owns the corners. */
.warm-setup__frame { display:block; padding:var(--sc-3); border:1px solid var(--glass-edge); border-radius:var(--sc-r-lg); background:var(--sc-surface); }