/* ═══════════════════════════════════════════════════════════
   LANDING — DIFFERENCE ("Why generic AI is not enough")
   The animated signal-path graphic (.diff-viz, self-drawing gold
   line vs muted generic signals), three proof cards, and the
   revenue-leader strip. Keyframes in animations.css; breakpoints in
   landing/responsive.css.
═══════════════════════════════════════════════════════════ */

/* ── proof cards ── */
.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:14px}
.proof{background:linear-gradient(168deg,var(--panel),var(--panel-2));border-radius:18px;padding:32px 28px;box-shadow:0 22px 50px rgba(10,27,66,.2)}
.proof-ic{width:54px;height:54px;border-radius:14px;background:linear-gradient(145deg,#EBB23E,#C8951A);display:flex;align-items:center;justify-content:center;color:var(--navy-ink);margin-bottom:22px;box-shadow:0 10px 22px rgba(200,149,26,.45)}
.proof-ic svg{width:26px;height:26px}
.proof h4{font-family:var(--font-display);font-weight:600;font-size:21px;color:#fff;margin-bottom:12px}
.proof p{font-size:14.5px;color:var(--on-navy-body);line-height:1.64;font-weight:400}

/* ── revenue-leader strip ── */
.leader-strip{display:flex;gap:22px;align-items:center;margin-top:24px;background:#fff;border:1px solid rgba(200,149,26,.3);border-left:5px solid var(--gold);border-radius:16px;padding:28px 32px;box-shadow:0 14px 36px rgba(11,28,61,.08)}
.ls-ic{flex:none;width:46px;height:46px;color:var(--gold)}
.ls-ic svg{width:46px;height:46px}
.leader-strip b{color:var(--navy);font-weight:700}
.leader-strip>div:last-child{font-size:15px;color:var(--ink-2);line-height:1.62;font-weight:400}

/* ── signal-path graphic ── */
.diff-viz{margin:34px 0 6px;background:linear-gradient(180deg,#FFFFFF,#F4F1E8);border:1px solid rgba(200,149,26,.20);border-radius:22px;padding:30px 34px 26px;box-shadow:0 26px 64px -34px rgba(11,28,61,.30)}
.dv-svg{width:100%;height:auto;display:block}
.dv-grey{fill:none;stroke:rgba(11,28,61,.16);stroke-width:2.4;stroke-linecap:round}
.dv-gold{fill:none;stroke:url(#dvGold);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2600;stroke-dashoffset:2600;animation:dvDraw 2.2s cubic-bezier(.65,0,.35,1) .25s forwards}
.dv-dot{filter:drop-shadow(0 0 6px rgba(228,174,50,.95))}
.dv-lbl-grey{font-family:var(--font-body);font-size:13px;font-weight:700;letter-spacing:2.5px;fill:#6B7390}
.dv-sub-grey{font-family:var(--font-body);font-size:12.5px;font-weight:500;fill:#8A8FA3}
.dv-lbl-gold{font-family:var(--font-body);font-size:15px;font-weight:800;letter-spacing:1.5px;fill:#C8951A}
.dv-sub-gold{font-family:var(--font-body);font-size:12.5px;font-weight:600;fill:#0B1C3D}