/* HOME-V4-TECH 2026-11-02 (draft): newer technology leads; bill review is step one. Loaded after home-v3 CSS, homepage only. */
#hero .hpay{margin-top:16px;font-size:15px;line-height:1.5;color:#222428;max-width:36em;padding:8px 12px;background:#F4FAFF;border-left:4px solid #38B6FF;border-radius:0 10px 10px 0}
#hero .hpay b{font-weight:700}
#hero .flow-ft{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-top:6px;padding:10px 4px 0;border-top:1px solid var(--line,#E3E8EF);font-size:12.5px;color:#5F6B7A}
#hero .flow-ft b{color:var(--ink,#222428);font-weight:700}
#hero .flow-ft .go{margin-left:auto;font-weight:600;color:var(--brand-deep,#0C6FB2)}
/* hero box: old -> new rows */
#hero .mvs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
#hero .mv{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:2px 14px;padding:10px 4px;align-items:start;grid-template-rows:auto auto;align-content:center}
#hero .mv + .mv{border-top:1px dashed var(--line,#E3E8EF)}
#hero .mv-old{font-size:13px;line-height:1.35;color:#5F6B7A;text-decoration:line-through;text-decoration-color:rgba(95,107,122,.45);grid-row:1 / span 2;padding-top:2px}
#hero .mv-new{font-size:15px;line-height:1.3;font-weight:600;color:var(--ink,#222428);letter-spacing:-.01em}
#hero .mv-new:before{content:"\2192\00a0";color:var(--brand-deep,#0C6FB2)}
#hero .mv-sv{grid-column:2;font-size:13px;line-height:1.4;color:var(--text,#3A4350)}
@media (min-width:1200px){
  #hero .mvbox .mvs{flex:1 1 auto}
  #hero .mvbox .mv{flex:1 1 auto;align-content:center}
}
@media (max-width:520px){
  #hero .mv{grid-template-columns:1fr;padding:9px 2px}
  #hero .mv-sv{grid-column:1}
  #hero .mv-old{grid-row:auto;padding-top:0}
  #hero .flow-ft .go{margin-left:0}
}
/* six upgrades cards */
#better .mvc .mv-was{display:block;font-size:12.5px;font-weight:600;letter-spacing:.01em;color:#5F6B7A;margin-bottom:4px}
#better .mvc .mv-proof{margin-top:10px;padding:8px 10px;background:#FFF8E1;border-left:3px solid #FFC72C;border-radius:0 8px 8px 0;font-size:13.5px;line-height:1.45;color:#222428}
#better .mvc .mv-proof b{font-weight:700}
#better .mvc .mv-proof i{display:block;font-style:normal;font-size:12px;color:#5F6B7A;margin-top:2px}
#better .mv-more{margin-top:18px;font-size:14px;color:#5F6B7A}
#better .mv-more a{color:var(--brand-deep,#0C6FB2);font-weight:600}
/* step one: three steps */
#how .how-steps.how3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1100px){#how .how-steps.how3{grid-template-columns:1fr}#how .how-steps.how3 li:first-child{grid-column:auto}}
/* results: one line */
#results .res-one{padding:44px 0 40px}
#results .res-big{font-size:clamp(20px,2.2vw,28px);line-height:1.35;color:#fff;max-width:34em}
#results .res-big b{color:#FFC72C;font-size:1.5em;margin-right:6px}
#results .res-more{margin-top:12px;font-size:14px;color:#C9D3E1}
#results .res-more a{color:#9FD8FF;text-decoration:underline}

#better .mvc{display:flex;flex-direction:column;justify-content:flex-start}
#better .mvc>p{margin-top:6px}
#better .mvc .fx-go{margin-top:auto;padding-top:12px}
#better .mvc h3,#better .mvc>p{flex:0 0 auto}