/* D-333: home aligned with the underwriting page after the 23 Oct drift audit (checks/2026-10-23-drift-audit).
   Owner's calls: section spacing follows underwriting (120 px above and below, 80 on phone); the hero heading follows
   the smaller underwriting size (51.8 px at 1440, -0.03em); numbered markers become icon chips like underwriting's points;
   the Problem head takes underwriting's 50/50 head. Decided for the owner: hero buttons 16/600 with an outline second button.
   Loaded on the home page only, after site.css. */
main > section.sec{padding-block:120px}
main > section.sec + section.close{margin-top:0}
@media (max-width:767px){main > section.sec{padding-block:80px}}

.wow.h8 .wow-h1{font-size:clamp(30px,3.6vw,51.84px)!important;line-height:1.1!important;letter-spacing:-.03em!important}
.wow.h8 .wow-btn{height:48px!important;padding:0 22px!important;font:600 16px/1 "Instrument Sans",system-ui,sans-serif!important}
.wow.h8 .wow-btn.wow-btn-light{background:#fff;color:#111;box-shadow:none}
.wow.h8 .wow-btn.wow-btn-ghost{background:transparent!important;color:#fff!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)!important}
.wow.h8 .wow-btn.wow-btn-ghost:hover{background:rgba(255,255,255,.1)}

@media (min-width:860px){
  #problem .sec-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(32px,5vw,80px);align-items:start}
  #problem .sec-head .t-eyebrow,#problem .sec-head .t-h2{grid-column:1}
  #problem .sec-head .t-bodyL{grid-column:2;grid-row:1/span 2;margin:0;padding-top:34px}
}

/* icon chips in place of 01-04 (Problem) and 01-03 (Catura), drawn like underwriting's point icons */
.wtx .n.ni,.cxs .n.ni{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#E6F1FB;color:#1F6FB8;margin:0 0 12px;line-height:1}
.wtx .n.ni .ic,.cxs .n.ni .ic{width:20px;height:20px}
.cxs:has(.n.ni){grid-template-columns:40px minmax(0,1fr);gap:0 16px;align-items:start}
.cxs .n.ni{margin:0}
/* on the light-blue Problem cards the chip is white so it reads; the icon is brand blue on both */
.why .wtx .n.ni{background:#fff!important}
.wtx .n.ni,.cxs .n.ni{color:#1F6FB8!important}