/* dark-a10 hero: single centered column (content max 900px), card moved to timeline step 01 */
.hero .wrap{max-width:964px}                 /* 900px content + 2x32px padding */
.hero .wrap>div:first-child{min-width:0}
/* H1: desktop 2 lines, mobile 3 lines */
.hero h1 .h1l{display:block;white-space:nowrap}
.hero h1 .h1a{display:inline}
@media (min-width:768px){
  .hero{text-align:center}
  .hero h1{font-size:clamp(52px,calc((100vw - 64px) / 10.3),88px)!important}
  .hero h1 .h1a{display:block;white-space:nowrap}
  .hero h1 .h1a .h1l{display:inline}
  .hero .sub{margin-left:auto;margin-right:auto}
  .hero .ctas{justify-content:center}
  .hero .trust{margin:44px 0 0}
  .hero .trust-in{display:flex!important;flex-wrap:nowrap;justify-content:center;gap:24px!important}
  .hero .trust li,.hero .trust li+li,.hero .trust li:first-child,.hero .trust li:nth-child(3){align-items:center!important}
  .hero .trust svg.tck{margin-top:0!important}
  .hero .trust .tt{white-space:nowrap!important;font-size:15px!important}
}
/* 768-967: four items don't fit one row in the column, so a centered 2x2 */
@media (min-width:768px) and (max-width:967.98px){
  .hero .trust-in{display:grid!important;grid-template-columns:repeat(2,auto)!important;justify-content:center;gap:14px 40px!important}
  .hero .trust li,.hero .trust li+li,.hero .trust li:first-child,.hero .trust li:nth-child(3){justify-content:flex-start}
}
/* mobile (<768): left-aligned, trust 2x2 as before */
@media (max-width:767.98px){
  .hero .trust{margin:28px 0 0}
}
/* report card inside timeline step 01 */
.tl-card .rcp{margin-top:24px}
.tl-card .rcp-doc,.tl-card .rcp-rows dd{text-wrap:balance}
@media (max-width:480px){
  .tl-card .rcp{padding:20px 16px 18px}
  .tl-card .rcp-rows dd{font-size:16px}
  .tl-card .rcp-meta{margin-top:18px}
}
/* dark-a11: step 01 = intro + checkmarks left, report card right (desktop); stacked under 768 */
@media (min-width:768px){
  .tl-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;align-items:start}
  .tl-split>.rcp{margin-top:0;justify-self:end;max-width:300px;padding:20px 22px 16px}
  .tl-split .rcp-logo{width:24px;height:24px}
  .tl-split .rcp-doc,.tl-split .rcp-meta,.tl-split .rcp-foot{font-size:11.5px}
  .tl-split .rcp-meta{margin-top:16px;gap:6px 12px}
  .tl-split .rcp-face,.tl-split .rcp-face img{width:24px;height:24px}
  .tl-split .rcp-by{gap:6px}
  .tl-split .rcp-rule{margin-top:14px}
  .tl-split .rcp-rows{gap:14px;padding:16px 0}
  .tl-split .rcp-rows dt{font-size:11px}
  .tl-split .rcp-rows dd{font-size:15px;margin-top:4px}
  .tl-split .rcp-rule+.rcp-foot{margin-top:10px}
}
@media (max-width:767.98px){
  .tl-split>.rcp{max-width:none}
}
@media (min-width:481px) and (max-width:767.98px){
  .tl-split>.rcp{aspect-ratio:auto}
}