/* FeaturesGrid. The designer's Section/FeaturesGrid (Figma PDF, 2026-10-26), text only, no badge
   artwork. Replaces the badge trust fold on every page that promotes a service (BAB Badge Usage
   Guide: no badges on pages promoting services outside the certified scope; Ops, 22 October).
   Measured off the 1440 x 834 frame: h2 Inter 500 38/46 #121212 centred, 100 from the top, 60 to the
   cards; three cards per row, 406.67 x 259, gap 30, radius 24, #F4F3F0 on white, padding 30; the card
   title 20/24 600 #121212 sits 60 below the padding; body 14/21 #666666 12 below the title, a second
   paragraph one line (21) lower; 80 to the frame bottom. Each card opens with a 40 x 40 line icon
   (assets/fgrid/*.svg, the PDF's own vectors), 20 above the title. The FCA register link is the
   frame's orange, #F37F00, no underline.
   Specificity: every skin styles h2/h3/p/section as `[data-skin] #main h2` (0,1,1,1), so the
   selectors here double the .fg class (`#main .fg.fg …`, 0,1,2,0 and up) to win without !important. */
#main .fg.fg{background:#fff;padding:100px 0 80px;margin:0;width:auto;max-width:none;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#121212}
#main .fg.fg .fg-in{max-width:1440px;margin:0 auto;padding:0 80px;box-sizing:border-box}
#main .fg.fg .fg-h2{font-family:inherit;font-size:38px;line-height:46px;font-weight:500;letter-spacing:0;color:#121212;text-align:center;margin:0 0 60px;padding:0;max-width:none;width:auto}
#main .fg.fg .fg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:0;padding:0;list-style:none}
#main .fg.fg .fg-card{background:#F4F3F0;border:0;border-radius:24px;padding:30px 30px 28px;min-height:259px;box-sizing:border-box;margin:0;text-align:left}
#main .fg.fg .fg-ic{display:block;width:40px;height:40px;margin:0 0 20px;border:0;border-radius:0;background:none;box-shadow:none}
#main .fg.fg .fg-t{font-family:inherit;font-size:20px;line-height:24px;font-weight:600;color:#121212;margin:0 0 12px;padding:0;letter-spacing:0;text-align:left}
#main .fg.fg .fg-p{font-family:inherit;font-size:14px;line-height:21px;font-weight:400;color:#666;margin:0;padding:0;max-width:none;width:auto;text-align:left}
#main .fg.fg .fg-p+.fg-p{margin-top:21px}
#main .fg.fg .fg-lnk{color:#F37F00;text-decoration:none}
#main .fg.fg .fg-lnk:hover,#main .fg.fg .fg-lnk:focus-visible{text-decoration:underline;text-underline-offset:2px}
/* The kept bottom blocks (each page's CTA, the screening note, the Partner Hub legal line) were
   centred by their old parent section, so the foot centres them itself: block and inline. */
#main .fg.fg .fg-foot{margin-top:40px;text-align:center;display:flex;flex-direction:column;align-items:center}
#main .fg.fg .fg-foot > *{margin-left:auto;margin-right:auto}
#main .fg.fg .fg-foot .fg-note{font-size:14px;line-height:21px;color:#7B756D;text-align:center;max-width:590px;margin:20px auto 0}
#main .fg.fg .fg-foot .dz-btn{display:inline-flex}
#main .fg.fg .fg-foot .p30-reg-note{text-align:center;margin-left:auto;margin-right:auto}
/* Business home: sept-bizhome.css pins #security (the old trio fold) with !important padding, 40px
   left-aligned 600 h2. The contract keeps the id (page-system fold-06 signature), so these win on
   specificity with the same !important. */
html[data-sept="bizhome"] main > section#security.fg{padding:100px 0 80px!important}
[data-sept="bizhome"] #security.fg h2.fg-h2{font-size:38px!important;line-height:46px!important;font-weight:500!important;text-align:center!important;letter-spacing:0!important;margin:0 0 60px!important;max-width:none!important}
@media (max-width:1299.98px){
  #main .fg.fg,html[data-sept="bizhome"] main > section#security.fg{padding:72px 0 56px!important}
  #main .fg.fg .fg-in{padding:0 5vw}
  #main .fg.fg .fg-h2,[data-sept="bizhome"] #security.fg h2.fg-h2{font-size:clamp(28px,3vw,38px)!important;line-height:1.2!important;margin:0 0 40px!important}
  #main .fg.fg .fg-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
  #main .fg.fg .fg-card{padding:24px 24px 24px;min-height:0}
}
@media (max-width:719.98px){
  #main .fg.fg,html[data-sept="bizhome"] main > section#security.fg{padding:56px 0 40px!important}
  #main .fg.fg .fg-grid{grid-template-columns:1fr;gap:16px}
  #main .fg.fg .fg-card{padding:20px 20px 24px}
  #main .fg.fg .fg-ic{width:32px;height:32px;margin-bottom:14px}
}