/* ============================================================================
   AGENT SHOWCASE — COMPACT HOMEPAGE VARIANT (2026-08-05)

   The homepage carries a short version of the Digital Guide block: eyebrow,
   headline, supporting copy and both CTAs on the left, one compact example
   interaction on the right. The four benefit cards, the "Useful automation,
   with your business in control" block, the long Guide answer and the closing
   line were removed from the homepage only because the block had grown taller
   than a viewport and dominated the lower half of the page.

   The full version is preserved, unchanged and approved for a future Digital
   Guide service page, at
   ../digital-guide-full-service-section-v1/ (see its README.md).

   Scope: layout only, and only for .agent--compact. Nothing here touches the
   motion system — the entrance animation, its reveal timing, the stagger, the
   light-sweep across the preview panel, the hover lift and the reduced-motion
   rules all still come from lower-sections-motion.css unchanged, so the
   compact block animates at exactly the same speed as the full one. Loaded
   after closing.css and lower-sections-motion.css so these two rules win
   without editing either approved file.
   ============================================================================ */

/* closing.css lays .agent out on four grid rows (copy/preview, benefits,
   trust, closing). With the last three areas gone, those empty tracks would
   still contribute three row gaps of dead vertical space, so the compact
   variant declares the two-column row it actually uses. */
.agent--compact {
  grid-template-areas: "copy preview";
  align-items: center;
}

/* Portrait: same stacking order and breakpoint closing.css already uses for
   .agent, minus the removed areas. */
@media (max-width: 900px) {
  .agent--compact {
    grid-template-areas:
      "copy"
      "preview";
  }
}