/* V12.6 (owner approved mockup): a calmer homepage — same identity, colours, headline and the boat.
   Fewer words and sections; numbers under the search; «how we work» as one line under the services;
   clean key-page cards (no badges / arrows); a short «about» with the CGTN reports. Phone first. */

/* numbers under the search */
.h8-trustline{list-style:none;margin:18px auto 0;padding:0;display:flex;justify-content:center;gap:10px 28px;flex-wrap:wrap;max-width:760px;position:relative;z-index:2}
.h8-trustline li{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:84px}
.h8-trustline b{font-size:1.25rem;font-weight:800;color:#00356D;line-height:1.1}
.h8-trustline span{font-size:.78rem;color:#5B6B80;font-weight:600}
/* clean key-page cards */
.h8-res-card .h8-res-ico,.h8-res-card .h8-res-go{display:none!important}
.h8-res-card{box-shadow:0 1px 2px rgba(0,37,77,.05)!important}
.h8-res-card:hover{box-shadow:0 10px 26px rgba(0,37,77,.10)!important}
.h8-res-trust{margin-top:6px}
/* «how we work» line */
.h8-howline{list-style:none;margin:22px auto 0;padding:12px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 18px;max-width:980px;background:#F7F9FC;border:1px solid #E6EBF2;border-radius:16px;font-size:.88rem;color:#334155}
.h8-howline li{display:flex;align-items:center;gap:6px}
.h8-howline li b{width:22px;height:22px;border-radius:50%;background:#00356D;color:#fff;display:inline-grid;place-items:center;font-size:.72rem;font-weight:700}
.h8-howline .h8-howline-h{font-weight:700;color:#00356D}
.h8-howline li:not(.h8-howline-h):not(:last-child)::after{content:"←";color:#9CA3AF;margin-inline-start:12px}
[dir="ltr"] .h8-howline li:not(.h8-howline-h):not(:last-child)::after{content:"→"}
/* section headings: a bit more air, quieter subtitles */
.h8-head p{color:#64748B}
/* a short «about» */
.h8-about-v126 .about-grid{grid-template-columns:minmax(0,1fr)!important;max-width:760px;margin:0 auto;text-align:center}
.h8-about-v126 .section-desc{margin-inline:auto!important}
.h8-about-v126 .about-media{margin-top:22px}
.h8-about-v126 .about-media-head p{display:none}
.h8-about-v126 .about-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:820px;margin-inline:auto}
@media (max-width:760px){
  .h8-trustline{gap:8px 14px;margin-top:14px}
  .h8-trustline li{min-width:68px}
  .h8-trustline b{font-size:1.05rem}
  .h8-trustline span{font-size:.7rem}
  /* V13.6 (owner: «it must fit the phone»): the five steps become one tidy column — number, text, a thin rule between rows */
  .h8-howline{display:grid;grid-template-columns:1fr;gap:0;padding:12px 14px 4px;font-size:.9rem}
  .h8-howline .h8-howline-h{padding-bottom:8px;margin-bottom:2px;border-bottom:1px solid #E6EBF2}
  .h8-howline li:not(.h8-howline-h){padding:9px 0;border-bottom:1px solid #EEF2F7;gap:10px}
  .h8-howline li:not(.h8-howline-h):last-child{border-bottom:0}
  .h8-howline li b{width:24px;height:24px;font-size:.76rem;flex:none}
  .h8-svc-go{display:none!important}
  .h8-howline li:not(.h8-howline-h):not(:last-child)::after{display:none}
  .h8-about-v126 .about-video-grid{grid-template-columns:minmax(0,1fr)}
  .h8-cbx-uses{display:none}
}