/* Homepage awards + payment options — SEO / Web Design editorial direction.
   The existing published award targets and original payment SVGs are preserved.
   Everything is scoped to these two homepage sections. */

/* Awards: larger editorial header, substantial two-column recognition tiles. */
body.home .ngh section#awards.ngh-awards{
  display:block;position:relative;isolation:isolate;
  padding:83px 0 87px!important;margin:0;
  background:#f7f8f9!important;color:#202124;
  border-top:1px solid #eceef0!important;border-bottom:0!important;
  overflow:hidden;
}
body.home .ngh #awards.ngh-awards::before{
  content:"";position:absolute;pointer-events:none;z-index:-1;
  top:-200px;right:-170px;width:570px;height:570px;border:90px solid #e3f3d54a;
  border-radius:50%;
}
body.home .ngh #awards.ngh-awards *,body.home .ngh #awards.ngh-awards *::before,body.home .ngh #awards.ngh-awards *::after,
body.home .ngh #payment-options.ngh-payments-2026 *,body.home .ngh #payment-options.ngh-payments-2026 *::before,body.home .ngh #payment-options.ngh-payments-2026 *::after{box-sizing:border-box}
body.home .ngh #awards .ngh-awards__heading{
  display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  align-items:end;gap:25px clamp(30px,6vw,86px);
  margin:0 0 36px!important;padding:0;text-align:left!important;
}
body.home .ngh #awards .ngh-awards__heading-copy{min-width:0}
body.home .ngh #awards .ngh-awards__eyebrow{
  display:flex;align-items:center;gap:12px;
  color:#547f2e!important;font:700 11px/1.4 'Proximanova-bold',Arial,sans-serif!important;
  letter-spacing:.15em;text-transform:uppercase;max-width:none;
  margin:0 0 17px!important;padding:0;
}
body.home .ngh #awards .ngh-awards__eyebrow span{color:#8e9599}
body.home .ngh #awards .ngh-awards__heading h2{
  color:#202124!important;font:700 clamp(34px,3.9vw,51px)/1.1 'Proximanova-bold',Arial,sans-serif!important;
  letter-spacing:-1.15px;text-wrap:balance;
  margin:0!important;padding:0!important;text-align:left!important;
}
body.home .ngh #awards .ngh-awards__heading h2 span{color:#547f2e!important}
body.home .ngh #awards .ngh-awards__heading .ngh-awards__description{
  color:#50575b!important;font:17px/1.62 'Proximanova-regular',Arial,sans-serif!important;
  margin:0!important;max-width:465px!important;padding:0!important;text-align:left!important;
}
body.home .ngh #awards .ngh-awards__grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:17px!important;align-items:stretch;counter-reset:ngh-recognition;
}
body.home .ngh #awards .ngh-award{
  counter-increment:ngh-recognition;
  position:relative;min-width:0;min-height:230px;
  display:grid!important;grid-template-columns:116px minmax(0,1fr)!important;
  grid-template-rows:min-content 1fr;align-items:center;justify-content:stretch;
  gap:16px 22px!important;padding:26px 28px!important;
  background:#fff!important;border:1px solid #e2e6e8!important;border-top:3px solid #84c041!important;
  border-radius:14px!important;color:#202124!important;text-align:left!important;
  text-decoration:none;box-shadow:0 12px 32px #2021240b;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
body.home .ngh #awards .ngh-award:hover{
  transform:translateY(-3px);box-shadow:0 20px 36px #20212416;
  border-color:#b2d48c!important;
}
body.home .ngh #awards .ngh-award::before{
  content:"0" counter(ngh-recognition) " / INDEPENDENT RECOGNITION";
  display:block;grid-column:1/-1;grid-row:1;
  width:100%;border-bottom:1px solid #e9edee;padding-bottom:13px;
  color:#568432;font:700 10px/1.3 'Proximanova-bold',Arial,sans-serif;
  letter-spacing:.13em;text-align:left;
}
body.home .ngh #awards .ngh-award__logo,
body.home .ngh #awards .ngh-award__logo--designrush,
body.home .ngh #awards .ngh-award__logo--yelp{
  position:relative!important;grid-column:1;grid-row:2;
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:none!important;width:116px!important;height:113px!important;
  min-width:0!important;min-height:0!important;max-height:113px!important;
  margin:0!important;padding:13px!important;overflow:hidden!important;
  border:1px solid #eceef0;border-radius:10px;background:#f7f8f9;
}
body.home .ngh #awards .ngh-award__logo img,
body.home .ngh #awards .ngh-award__logo--yelp img{
  position:static!important;display:block!important;flex:none;
  top:auto!important;left:auto!important;right:auto!important;
  width:90px!important;height:89px!important;max-width:100%!important;
  transform:none!important;object-fit:contain!important;
}
body.home .ngh #awards .ngh-award__logo--designrush img{
  position:absolute!important;display:block!important;
  width:116px!important;height:116px!important;max-width:none!important;
  left:50%!important;top:-4px!important;transform:translateX(-50%)!important;
  object-fit:contain!important;
}
/* Keep the existing year-free masking treatment on the legacy DesignRush logo. */
body.home .ngh #awards .ngh-award__logo--designrush::after{background:#f7f8f9!important}
body.home .ngh #awards .ngh-award__copy{
  display:flex!important;flex-direction:column;align-items:flex-start!important;
  grid-column:2;grid-row:2;justify-content:center;
  min-width:0;max-width:100%;height:100%;text-align:left!important;
}
body.home .ngh #awards .ngh-award__source{
  display:block;color:#568432!important;
  font:700 11px/1.3 'Proximanova-bold',Arial,sans-serif!important;
  letter-spacing:.13em;text-transform:uppercase;
  margin:0 0 9px!important;padding:0;
}
body.home .ngh #awards .ngh-award__copy h3{
  color:#202124!important;font:700 clamp(20px,2vw,25px)/1.17 'Proximanova-bold',Arial,sans-serif!important;
  letter-spacing:-.3px;text-align:left;overflow-wrap:break-word;
  margin:0 0 8px!important;padding:0;
}
body.home .ngh #awards .ngh-award__detail{
  color:#62676b!important;font:14px/1.4 'Proximanova-regular',Arial,sans-serif!important;
  margin:0 0 5px!important;
}
body.home .ngh #awards .ngh-award__link{
  display:inline-flex;gap:10px;align-items:center;
  margin-top:auto;padding-top:15px!important;
  color:#202124!important;font:700 13px/1.35 'Proximanova-bold',Arial,sans-serif!important;
  border-bottom:1px solid #84c041;text-decoration:none;
}
body.home .ngh #awards .ngh-award__link span{font-size:17px;color:#54822d}

/* Payments: premium charcoal background + structured, legible method tiles. */
body.home .ngh section#payment-options.ngh-payments-2026{
  display:block;position:relative;isolation:isolate;overflow:hidden;
  padding:75px 0!important;margin:0;background:#202124!important;color:#fff;
  border:0!important;
}
body.home .ngh #payment-options.ngh-payments-2026::before{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  left:-210px;bottom:-320px;width:600px;height:600px;border-radius:50%;
  border:1px solid #84c04122;box-shadow:0 0 0 90px #84c04108,0 0 0 180px #84c04105;
}
body.home .ngh #payment-options .ngh-payments-2026__frame{
  display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:clamp(35px,5vw,80px);align-items:center;min-width:0;
}
body.home .ngh #payment-options .ngh-payments-2026__intro{min-width:0;padding:8px 0}
body.home .ngh #payment-options .ngh-payments-2026__eyebrow{
  display:flex;align-items:center;gap:10px;
  color:#b5e66a!important;font:700 11px/1.4 'Proximanova-bold',Arial,sans-serif!important;
  letter-spacing:.12em;margin:0 0 22px!important;
}
body.home .ngh #payment-options .ngh-payments-2026__eyebrow-line{
  display:inline-block;flex:0 0 30px;width:30px;height:2px;background:#84c041;
}
body.home .ngh #payment-options .ngh-payments-2026__intro h2{
  font:700 clamp(33px,3.35vw,45px)/1.14 'Proximanova-bold',Arial,sans-serif!important;
  letter-spacing:-.9px;margin:0 0 19px!important;padding:0;color:#fff!important;
}
body.home .ngh #payment-options .ngh-payments-2026__intro h2 span{color:#b5e66a!important}
body.home .ngh #payment-options .ngh-payments-2026__intro p:not(.ngh-payments-2026__eyebrow){
  max-width:480px;font:16px/1.65 'Proximanova-regular',Arial,sans-serif!important;
  color:#d3d7d8!important;margin:0 0 28px!important;padding:0;
}
body.home .ngh #payment-options .ngh-payments-2026__cta{
  display:inline-flex;align-items:center;justify-content:space-between;gap:24px;
  min-height:48px;padding:12px 17px;border:1px solid #84c041;border-radius:5px;
  background:#84c041;color:#202124;text-decoration:none;
  font:700 13px/1.25 'Proximanova-bold',Arial,sans-serif;
  transition:background .18s ease,transform .18s ease;
}
body.home .ngh #payment-options .ngh-payments-2026__cta span{font-size:20px;line-height:1}
body.home .ngh #payment-options .ngh-payments-2026__cta:hover{background:#b5e66a;transform:translateY(-2px)}
body.home .ngh #payment-options .ngh-payments-2026__panel{
  min-width:0;padding:28px 27px 23px;
  background:#f7f8f9;border:1px solid #eceef0;border-radius:17px;
  box-shadow:0 28px 65px #0003;color:#202124;
}
body.home .ngh #payment-options .ngh-payments-2026__panel-header{
  display:flex;align-items:center;justify-content:space-between;gap:15px;
  border-bottom:1px solid #dfe4e6;padding:0 0 17px;margin:0 0 19px;
  color:#62676b;font:700 11px/1.35 'Proximanova-bold',Arial,sans-serif;
  letter-spacing:.11em;
}
body.home .ngh #payment-options .ngh-payments-2026__panel-symbol{color:#679d3c;font-size:25px;line-height:1}
body.home .ngh #payment-options .ngh-payment-marks{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;align-items:stretch!important;justify-content:stretch!important;
}
body.home .ngh #payment-options .ngh-payment-mark{
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;gap:8px!important;min-width:0!important;
  width:auto!important;height:auto!important;min-height:93px!important;
  padding:12px 7px!important;background:#fff!important;
  border:1px solid #e3e7e9!important;border-radius:10px!important;
  box-shadow:0 2px 10px #20212406!important;text-align:center;
}
body.home .ngh #payment-options .ngh-payment-mark>span{
  color:#343a3d!important;font:700 11px/1.28 'Proximanova-bold',Arial,sans-serif!important;
  margin:0!important;white-space:normal;
}
body.home .ngh #payment-options .ngh-payment-logo{
  display:block;flex:0 0 auto;max-width:100%;width:68px;height:35px;
  margin:0!important;
}
body.home .ngh #payment-options .ngh-payment-logo--visa{width:74px;height:33px}
body.home .ngh #payment-options .ngh-payment-logo--mastercard{width:52px;height:34px}
body.home .ngh #payment-options .ngh-payment-logo--amex{width:50px;height:34px}
body.home .ngh #payment-options .ngh-payment-logo--discover{width:77px;height:34px}
body.home .ngh #payment-options .ngh-payment-logo--paypal{width:38px;height:34px}
body.home .ngh #payment-options .ngh-payment-logo--check{width:53px;height:34px}
body.home .ngh #payment-options .ngh-payment-logo--bitcoin{width:34px;height:34px}
body.home .ngh #payment-options .ngh-payments-2026__panel-note{
  display:flex;gap:10px;align-items:flex-start;border-top:1px solid #dfe4e6;
  padding:15px 0 0;margin:17px 0 0;
  color:#62676b;font:13px/1.45 'Proximanova-regular',Arial,sans-serif;
}
body.home .ngh #payment-options .ngh-payments-2026__panel-note span{
  display:grid;place-items:center;flex:0 0 21px;width:21px;height:21px;
  border-radius:50%;background:#e3f3d5;color:#4f792c;
  font:700 13px/1 'Proximanova-bold',Arial,sans-serif;
}
body.home .ngh #awards a:focus-visible,
body.home .ngh #payment-options a:focus-visible{outline:3px solid #84c041;outline-offset:4px}
@media(max-width:1050px){
  body.home .ngh #awards .ngh-award{grid-template-columns:100px minmax(0,1fr)!important;gap:13px 16px!important;padding:22px!important}
  body.home .ngh #awards .ngh-award__logo,body.home .ngh #awards .ngh-award__logo--designrush,body.home .ngh #awards .ngh-award__logo--yelp{width:100px!important;height:100px!important;max-height:100px!important}
  body.home .ngh #awards .ngh-award__logo img,body.home .ngh #awards .ngh-award__logo--yelp img{width:78px!important;height:78px!important}
  body.home .ngh #payment-options .ngh-payments-2026__frame{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px}
  body.home .ngh #payment-options .ngh-payments-2026__panel{padding:24px 18px}
}
@media(max-width:820px){
  body.home .ngh section#awards.ngh-awards{padding:65px 0!important}
  body.home .ngh #awards .ngh-awards__heading{grid-template-columns:1fr;gap:16px;margin-bottom:28px!important}
  body.home .ngh #awards .ngh-awards__heading .ngh-awards__description{max-width:660px!important}
  body.home .ngh #awards .ngh-awards__grid{grid-template-columns:1fr!important}
  body.home .ngh #awards .ngh-award{grid-template-columns:118px minmax(0,1fr)!important;min-height:190px}
  body.home .ngh #awards .ngh-award__logo,body.home .ngh #awards .ngh-award__logo--designrush,body.home .ngh #awards .ngh-award__logo--yelp{width:118px!important;height:112px!important;max-height:112px!important}
  body.home .ngh section#payment-options.ngh-payments-2026{padding:64px 0!important}
  body.home .ngh #payment-options .ngh-payments-2026__frame{grid-template-columns:1fr;gap:26px}
  body.home .ngh #payment-options .ngh-payments-2026__intro{padding:0}
  body.home .ngh #payment-options .ngh-payments-2026__intro p:not(.ngh-payments-2026__eyebrow){max-width:660px}
}
@media(max-width:540px){
  body.home .ngh section#awards.ngh-awards{padding:52px 0!important}
  body.home .ngh #awards .ngh-awards__heading h2{font-size:clamp(31px,8vw,39px)!important;letter-spacing:-.65px}
  body.home .ngh #awards .ngh-awards__heading .ngh-awards__description{font-size:15.5px!important}
  body.home .ngh #awards .ngh-awards__grid{gap:13px!important}
  body.home .ngh #awards .ngh-award{grid-template-columns:84px minmax(0,1fr)!important;min-height:160px;padding:17px 15px!important;gap:13px!important}
  body.home .ngh #awards .ngh-award::before{font-size:9px;letter-spacing:.09em;padding-bottom:10px}
  body.home .ngh #awards .ngh-award__logo,body.home .ngh #awards .ngh-award__logo--designrush,body.home .ngh #awards .ngh-award__logo--yelp{width:84px!important;height:86px!important;max-height:86px!important;padding:7px!important}
  body.home .ngh #awards .ngh-award__logo img,body.home .ngh #awards .ngh-award__logo--yelp img{width:69px!important;height:69px!important}
  body.home .ngh #awards .ngh-award__logo--designrush img{width:90px!important;height:90px!important}
  body.home .ngh #awards .ngh-award__source{font-size:10px!important;margin-bottom:6px!important}
  body.home .ngh #awards .ngh-award__copy h3{font-size:19px!important;line-height:1.2!important}
  body.home .ngh #awards .ngh-award__detail{font-size:12.5px!important}
  body.home .ngh #awards .ngh-award__link{font-size:12px!important;padding-top:10px!important}
  body.home .ngh section#payment-options.ngh-payments-2026{padding:53px 0!important}
  body.home .ngh #payment-options .ngh-payments-2026__intro h2{font-size:clamp(31px,8vw,39px)!important}
  body.home .ngh #payment-options .ngh-payments-2026__intro p:not(.ngh-payments-2026__eyebrow){font-size:15px!important}
  body.home .ngh #payment-options .ngh-payments-2026__panel{padding:21px 15px 17px;border-radius:13px}
  body.home .ngh #payment-options .ngh-payment-marks{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  body.home .ngh #payment-options .ngh-payment-mark{min-height:87px!important;padding:10px 5px!important}
  body.home .ngh #payment-options .ngh-payment-mark>span{font-size:10.5px!important}
}
@media(max-width:360px){
  body.home .ngh #awards .ngh-award{grid-template-columns:72px minmax(0,1fr)!important;gap:11px!important}
  body.home .ngh #awards .ngh-award__logo,body.home .ngh #awards .ngh-award__logo--designrush,body.home .ngh #awards .ngh-award__logo--yelp{width:72px!important;height:77px!important}
  body.home .ngh #awards .ngh-award__logo img,body.home .ngh #awards .ngh-award__logo--yelp img{width:62px!important;height:62px!important}
  body.home .ngh #awards .ngh-award__copy h3{font-size:17px!important}
}
@media(prefers-reduced-motion:reduce){
  body.home .ngh #awards .ngh-award,body.home .ngh #payment-options .ngh-payments-2026__cta{transition:none!important}
  body.home .ngh #awards .ngh-award:hover,body.home .ngh #payment-options .ngh-payments-2026__cta:hover{transform:none!important}
}