/* Trades + restaurants pages (4 Oct 2026). Only small additions on top of
   styles.css: the site's own cards, icons and animations do the rest. */

/* one line under each group title on What We Offer */
.group-intro{margin:-6px 0 18px;color:var(--ink-soft);font-size:.92rem;max-width:62ch;}

/* "Try it now" at the foot of a main offer card, same divider as .stat-block */
.offer-try{margin-top:18px;padding-top:16px;border-top:1px solid var(--card-line);}
.offer-try p{margin:0 0 12px;font-size:.85rem;color:var(--ink-soft);line-height:1.45;}

/* home + Try It Free: the two-audience row uses .help-card, just two wide */
.help-grid.two{grid-template-columns:1fr;}
@media (min-width:860px){.help-grid.two{grid-template-columns:1fr 1fr;}}
.help-card .offer-steps{margin-top:14px;}
.help-card-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;}

/* the one main offer: the same card, wider, with the proof and the demo in a second column */
.offer-grid.single{grid-template-columns:1fr;}
.offer-card.main-wide{border-color:var(--teal);border-width:1.5px;}
.offer-why{margin:0;font-size:.95rem;line-height:1.55;color:var(--ink-soft);}
.offer-why strong{color:var(--ink);}
.main-right{margin-top:18px;}
.main-right .stat-block{margin-top:18px;}
@media (min-width:860px){
  .offer-card.main-wide{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;align-items:start;}
  .main-right{margin-top:0;padding-top:34px;}
}