/* agam-crm.geoael.com — page styles on top of /assets/brand.css */

/* Hero */
.crm-hero { padding-bottom: clamp(64px, 8vw, 104px); }
.crm-hero-grid { display: grid; grid-template-columns: 1.12fr 1fr; gap: clamp(32px, 5vw, 64px); align-items: center; }
.crm-hero h1 { font-size: clamp(40px, 5.2vw, 68px); }
.crm-hero .lede { margin: 20px 0 24px; }
.hero-chips { margin-bottom: 30px; }
.hero-chips .chip { font-size: 13.5px; padding: 7px 12px; }
.hero-shot { transform: perspective(1600px) rotateY(-4deg) rotateX(1deg); transform-origin: left center; }
.crm-hero-kolam { width: 420px; height: 420px; left: -120px; bottom: -150px; opacity: 0.14; }
@media (max-width: 980px) {
  .crm-hero-grid { grid-template-columns: 1fr; }
  .hero-shot { transform: none; }
}
@media (prefers-reduced-motion: reduce) { .hero-shot { transform: none; } }

/* Flow strips */
.flows { padding: clamp(28px, 4vw, 44px) 0; border-top: 0; }
.flows .wrap { display: grid; gap: 12px; }
.flow { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 6px; }
.flow li { display: inline-flex; align-items: center; font-weight: 600; font-size: 15.5px; color: var(--ink-800); }
.flow li + li:not(:nth-child(2))::before { content: "→"; color: var(--gold-600); margin: 0 10px 0 4px; font-weight: 700; }
.flow-label {
  min-width: 104px; margin-right: 8px;
  font-size: 12.5px !important; font-weight: 700 !important; letter-spacing: 0.16em; text-transform: uppercase; color: var(--gold-800) !important;
}

/* Feature rows */
.feature { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: clamp(28px, 5vw, 64px); align-items: center; margin-bottom: clamp(56px, 8vw, 96px); }
.feature--flip { grid-template-columns: 1.1fr 0.9fr; }
.feature--flip .feature-text { order: 2; }
.feature-text h3 { font-size: clamp(28px, 3vw, 38px); margin-bottom: 14px; }
.feature-text p { color: var(--ink-700); }
.feature-note { font-weight: 700; color: var(--maroon-700) !important; }
@media (max-width: 880px) {
  .feature, .feature--flip { grid-template-columns: 1fr; }
  .feature--flip .feature-text { order: 0; }
}
.extras { justify-content: center; }

/* Tamil & offline */
.duo { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(16px, 2.4vw, 28px); }
.duo-card { display: flex; flex-direction: column; }
.duo-card h3 { font-size: clamp(24px, 2.4vw, 30px); }
.duo-card > p { margin-bottom: 22px !important; }
.duo-shot { margin-top: auto; box-shadow: var(--shadow-md); }
@media (max-width: 880px) { .duo { grid-template-columns: 1fr; } }

/* Built with Agam */
.built-grid { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: clamp(28px, 5vw, 72px); align-items: center; }
.built-grid > img { width: 100%; max-width: 380px; justify-self: center; }
.built .lede { margin-bottom: 26px; }
@media (max-width: 880px) { .built-grid { grid-template-columns: 1fr; } .built-grid > img { max-width: 260px; } }

/* Get Agam CRM */
.get-inner { text-align: center; }
.get-inner h2 { max-width: 18ch; margin-inline: auto; }
.get-inner .lede { margin: 0 auto 32px; }
.get-inner .btn-row { justify-content: center; }
.get-kolam { width: 360px; height: 360px; right: -80px; top: -90px; opacity: 0.16; }