/* Enterprises Group — landing page (/) polish on top of the live markup and stylesheet:
   two company cards with room between them, soft depth, and a stacked layout on tablets and phones. */
html, body { height: auto; min-height: 100%; overflow-x: hidden; }   /* the cards slide in from the sides */
body { background: #f3f4f8 radial-gradient(1200px 600px at 50% -10%, #ffffff 0%, #f3f4f8 60%, #eceef4 100%) no-repeat; }

.landing { display: flex; flex-direction: column; justify-content: center; max-width: 1180px; min-height: 100vh; margin: 0 auto; padding: 64px 32px 56px; box-sizing: border-box; }
.landing .content { display: block; }
.landing .content > .clearfix { display: none; }


.ent-land-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: stretch; }
.landing .ent-land-grid > .col-2 {
  float: none; width: auto; margin: 0; background: #fff; border-radius: 16px; overflow: hidden;
  box-shadow: 0 1px 2px rgba(20, 28, 60, .06), 0 14px 40px rgba(20, 28, 60, .10);
  transition: transform .35s ease, box-shadow .35s ease; display: flex; flex-direction: column;
}
.landing .ent-land-grid > .col-2:hover { transform: translateY(-6px); box-shadow: 0 2px 4px rgba(20, 28, 60, .06), 0 24px 56px rgba(20, 28, 60, .16); }
.landing .ent-land-grid .logo, .landing .ent-land-grid .logo.border { border: 0; padding: 0 28px; height: 112px; display: flex; align-items: center; }
.landing .ent-land-grid .logo img { margin: 0; max-height: 62px; max-width: 100%; }
.landing .ent-land-grid > .col-2 > a:not(.link) { display: block; overflow: hidden; }
.landing .ent-land-grid > .col-2 > a:not(.link) img { display: block; width: 100%; height: auto; transition: transform .7s ease; }
.landing .ent-land-grid > .col-2:hover > a:not(.link) img { transform: scale(1.045); }
.landing .ent-land-grid .link { border-top: 0; margin-top: auto; padding: 20px 28px; font-size: 16px; letter-spacing: .12em; transition: background .25s ease; }
.landing .ent-land-grid .link:after { left: auto; right: 28px; top: 50%; transform: translateY(-50%); }

@media (max-width: 991px) {
  .landing { padding: 24px; max-width: 640px; }   /* both cards fit a portrait tablet (768 × 1024) without scrolling */
  .ent-land-grid { grid-template-columns: 1fr; gap: 20px; }
  .landing .ent-land-grid > .col-2 { width: auto; }
}
@media (max-width: 575px) {
  .landing { padding: 32px 16px 28px; }
  .ent-land-grid { gap: 20px; }
  .landing .ent-land-grid .logo, .landing .ent-land-grid .logo.border { height: 88px; padding: 0 20px; }
  .landing .ent-land-grid .logo img { max-height: 48px; }
  .landing .ent-land-grid .link { padding: 16px 20px; font-size: 14px; }
  .landing .ent-land-grid .link:after { right: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .landing .ent-land-grid > .col-2, .landing .ent-land-grid > .col-2 > a:not(.link) img { transition: none; }
  .landing .ent-land-grid > .col-2:hover, .landing .ent-land-grid > .col-2:hover > a:not(.link) img { transform: none; }
}