/* Zinifly marketing site: product feature pages (event-management, vendor-management, ...).
   Loaded after landing-z2.css. Page-specific extras stay in each page's $z2PageCss. */
.z2-pf-hero{padding:136px 0 88px;border-bottom:1px solid var(--z2-line)}
.z2-pf-hero .z2-h1{font-size:52px}
.z2-pf-hero .z2-sub{margin:22px 0 30px;max-width:520px}
.z2-pf-hero .z2-hero-grid{grid-template-columns:1fr .95fr}
.z2-pf-hero .z2-hero-mock{padding-bottom:20px;margin-bottom:40px}
.z2-pf-hero .z2-mock-float{right:22px;bottom:-42px}
.z2-pf-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.z2-pf-chips .z2-chip{height:28px;padding:0 11px;font-size:12px;letter-spacing:0;text-transform:none;font-weight:500;background:#fff}
.z2-pf-chips .z2-chip svg{color:var(--z2-blue)}
/* Form-style mock (event wizard) */
.z2-form{padding:16px}
.z2-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.z2-field{margin-bottom:10px}
.z2-field label{display:block;font-size:10.5px;font-weight:600;color:var(--z2-muted);margin-bottom:4px;letter-spacing:.04em;text-transform:uppercase}
.z2-field div{border:1px solid var(--z2-line);border-radius:7px;padding:8px 10px;font-size:12.5px;color:var(--z2-ink);background:#fff;display:flex;justify-content:space-between;align-items:center;gap:8px}
.z2-field div svg{color:var(--z2-faint)}
.z2-form .z2-btn{height:38px;font-size:13px;width:100%;margin-top:4px}
.z2-form-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;border-top:1px solid var(--z2-line);background:var(--z2-surface);font-size:12px;color:var(--z2-muted)}
.z2-form-foot .z2-chip{height:20px}
/* Lifecycle grid */
.z2-core{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.z2-core .z2-card{padding:24px}
.z2-core .z2-h3{font-size:17px}
.z2-core .z2-sub--sm{margin-bottom:0}
/* Old way vs Zinifly */
.z2-vs{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px;align-items:stretch}
.z2-vs-old{background:#fff;border:1px dashed var(--z2-line-strong);border-radius:12px;padding:26px}
.z2-vs-old .z2-tag{color:var(--z2-faint);margin-bottom:18px;display:block}
.z2-vs-old li{display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--z2-line)}
.z2-vs-old li:first-of-type{border-top:0;padding-top:0}
.z2-vs-old li svg{color:#B42318;margin-top:2px}
.z2-vs-old strong{display:block;font-size:14.5px;color:var(--z2-ink);font-weight:600;text-decoration:line-through;text-decoration-color:#B42318;text-decoration-thickness:1.5px}
.z2-vs-old span{font-size:13.5px;color:var(--z2-muted);line-height:1.5}
.z2-vs-new{background:var(--z2-blue-tint);border:1px solid var(--z2-blue-line);border-radius:12px;padding:26px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.z2-vs-new .z2-h3{font-size:22px;margin:0 0 16px}
.z2-vs-new li{display:flex;gap:9px;font-size:14px;color:var(--z2-text);padding:5px 0}
.z2-vs-new li svg{color:var(--z2-blue);margin-top:3px}
.z2-vs-new .z2-mock{padding:14px}
/* Deep dives (alternating) */
.z2-dive{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:64px 0;border-top:1px solid var(--z2-line)}
.z2-dive:first-of-type{border-top:0;padding-top:0}
.z2-dive--flip .z2-dive-copy{order:2}
.z2-dive .z2-h2{font-size:32px;margin:0 0 14px}
.z2-dive-list{margin-top:22px;display:grid;gap:12px}
.z2-dive-list li{display:flex;gap:12px;font-size:14.5px;line-height:1.45;color:var(--z2-muted)}
.z2-dive-list li strong{color:var(--z2-ink);font-weight:600;display:block}
.z2-dive-list .z2-card-ico{width:30px;height:30px;margin:0;border-radius:7px}
.z2-dive .z2-link{margin-top:22px}
.z2-dive-mock{padding:18px}
.z2-dive-mock .z2-mock-top{margin-bottom:12px}
/* Two feature cards (space builder / sales engine) */
.z2-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.z2-duo .z2-card ul{display:grid;gap:9px;padding-top:16px;border-top:1px solid var(--z2-line)}
.z2-duo .z2-card li{display:flex;gap:9px;font-size:14px;color:var(--z2-text);line-height:1.45}
.z2-duo .z2-card li svg{color:var(--z2-blue);margin-top:3px}
.z2-duo .z2-card .z2-link{margin-top:20px}
/* Multi-day mock */
.z2-days{display:grid;gap:10px;padding:14px 16px}
.z2-day{border:1px solid var(--z2-line);border-radius:9px;padding:12px 14px}
.z2-day--full{background:var(--z2-green-tint);border-color:#BBE7C9}
.z2-day-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.z2-day-top b{font-size:12.5px;color:var(--z2-ink);font-weight:600}
.z2-day-top small{display:block;font-size:11px;color:var(--z2-faint)}
.z2-day-n{width:32px;height:32px;border-radius:8px;background:var(--z2-blue-tint);color:var(--z2-blue);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-right:10px}
.z2-day-left{display:flex;align-items:center}
.z2-day-r{font-size:12px;font-weight:600;color:var(--z2-blue);white-space:nowrap}
.z2-bar{height:6px;border-radius:999px;background:var(--z2-line);overflow:hidden}
.z2-bar i{display:block;height:100%;background:var(--z2-blue);border-radius:999px}
.z2-day--full .z2-bar i{background:var(--z2-green)}
.z2-day-note{font-size:11px;color:var(--z2-faint);margin-top:6px}
/* Three cards (add-ons) */
.z2-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.z2-trio .z2-card ul{display:grid;gap:7px;padding-top:14px;border-top:1px solid var(--z2-line)}
.z2-trio .z2-card li{display:flex;gap:8px;font-size:13.5px;color:var(--z2-text)}
.z2-trio .z2-card li svg{color:var(--z2-blue);margin-top:2px}
/* Ticket tiers mock */
.z2-tiers{padding:6px 16px 4px}
.z2-tier{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--z2-line)}
.z2-tier:last-child{border-bottom:0}
.z2-tier b{display:block;font-size:12.5px;color:var(--z2-ink);font-weight:600}
.z2-tier small{font-size:11px;color:var(--z2-faint)}
.z2-tier .z2-tier-p{margin-left:auto;font-size:13.5px;font-weight:700;color:var(--z2-ink)}
.z2-qr{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--z2-line);background:var(--z2-surface);font-size:12px;color:var(--z2-muted)}
/* Analytics */
.z2-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}
.z2-kpis .z2-stat{background:#fff;padding:18px 20px}
.z2-kpis .z2-stat-val{font-size:28px}
.z2-perf{padding:0}
.z2-perf .z2-mock-top{padding:16px 18px 0}
.z2-perf-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:12px;align-items:center;padding:14px 18px;border-top:1px solid var(--z2-line);font-size:13px}
.z2-perf-row.is-head{border-top:0;padding-top:6px;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--z2-faint)}
.z2-perf-row b{font-size:13.5px;color:var(--z2-ink);font-weight:600;display:block}
.z2-perf-row small{font-size:11.5px;color:var(--z2-faint)}
.z2-perf-row .z2-num{font-weight:600;color:var(--z2-ink);font-variant-numeric:tabular-nums}
/* Related modules + FAQ + CTA extras */
.z2-integr{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.z2-integr .z2-card{padding:22px}
.z2-integr .z2-card-ico{width:32px;height:32px;margin-bottom:14px}
.z2-integr .z2-h3{font-size:15.5px}
.z2-integr .z2-sub--sm{font-size:13.5px}
.z2-faq-foot{margin-top:24px;font-size:14px;color:var(--z2-muted)}
.z2-faq-foot a{color:var(--z2-blue);font-weight:600}
.z2-assure{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:36px auto 0;max-width:860px;text-align:left}
.z2-assure div{border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:16px 18px;background:rgba(255,255,255,.06)}
.z2-assure strong{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#fff;margin-bottom:4px}
.z2-assure p{font-size:13px;color:rgba(255,255,255,.75);line-height:1.5}
@media (max-width:1024px){.z2-integr,.z2-trio{grid-template-columns:repeat(2,1fr)}.z2-dive{gap:36px}.z2-kpis{grid-template-columns:repeat(2,1fr)}.z2-pf-hero .z2-h1{font-size:44px}}
@media (max-width:900px){
  .z2-pf-hero{padding:112px 0 56px}
  .z2-pf-hero .z2-hero-grid{grid-template-columns:1fr}
  .z2-core,.z2-duo{grid-template-columns:1fr 1fr}
  .z2-vs,.z2-vs-new{grid-template-columns:1fr}
  .z2-dive{grid-template-columns:1fr;padding:44px 0}
  .z2-dive--flip .z2-dive-copy{order:0}
  .z2-assure{grid-template-columns:1fr}
  .z2-perf-row{grid-template-columns:1.3fr 1fr 1fr}
  .z2-perf-row > :last-child{display:none}
}
@media (max-width:600px){.z2-core,.z2-integr,.z2-duo,.z2-trio,.z2-kpis{grid-template-columns:1fr}.z2-pf-hero .z2-h1{font-size:36px}.z2-form-row{grid-template-columns:1fr}}

/* ---- Generic pieces used across the feature pages ---- */
.z2-quad{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.z2-quad .z2-card{padding:22px}
.z2-quad .z2-h3{font-size:16px}
.z2-quad .z2-sub--sm{font-size:13.5px;margin-bottom:0}
.z2-steps-grid .z2-step-n{margin-bottom:12px}
.z2-steps-grid .z2-card-ico{width:30px;height:30px;margin-bottom:14px}
.z2-checks{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--z2-line);margin-top:auto}
.z2-checks li{display:flex;gap:9px;font-size:13.5px;color:var(--z2-text);line-height:1.45}
.z2-checks li svg{color:var(--z2-blue);margin-top:3px}
.z2-card .z2-checks + .z2-link{margin-top:18px}
.z2-core .z2-sub--sm,.z2-trio .z2-sub--sm,.z2-duo .z2-sub--sm{margin-bottom:16px}
.z2-core .z2-checks,.z2-trio .z2-checks,.z2-duo .z2-checks{margin-top:auto}
.z2-video{width:100%;display:block;border-radius:12px;border:1px solid var(--z2-line);background:var(--z2-surface)}
.z2-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:stretch;padding:14px 16px}
.z2-flow > div{border:1px solid var(--z2-line);border-radius:9px;padding:12px;text-align:center;position:relative}
.z2-flow > div + div::before{content:"";position:absolute;left:-8px;top:50%;width:8px;height:1px;background:var(--z2-line-strong)}
.z2-flow b{display:block;font-size:13px;color:var(--z2-ink);font-weight:600;margin:8px 0 2px}
.z2-flow small{font-size:11px;color:var(--z2-faint)}
.z2-flow .z2-mock-ico{margin:0 auto}
.z2-flow-total{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-top:1px solid var(--z2-line);background:var(--z2-surface);font-size:12px;color:var(--z2-muted)}
.z2-flow-total b{color:var(--z2-ink)}
.z2-tier-hot{border-color:var(--z2-blue);box-shadow:0 0 0 1px var(--z2-blue)}
.z2-tier-rank{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--z2-faint);margin-bottom:12px}
.z2-big{font-size:34px;font-weight:800;letter-spacing:-0.03em;color:var(--z2-ink);line-height:1;margin:4px 0 6px}
.z2-big small{font-size:13px;font-weight:500;color:var(--z2-muted);letter-spacing:0;margin-left:6px}
.z2-post{padding:14px 16px}
.z2-post-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.z2-post-head b{display:block;font-size:12.5px;color:var(--z2-ink)}
.z2-post-head small{font-size:11px;color:var(--z2-faint)}
.z2-post-body{font-size:13px;color:var(--z2-text);line-height:1.5}
.z2-post-img{margin-top:10px;height:96px;border-radius:8px;background:linear-gradient(135deg,var(--z2-blue-tint),var(--z2-sage));border:1px solid var(--z2-line)}
.z2-post-acts{display:flex;gap:14px;margin-top:10px;font-size:11.5px;color:var(--z2-muted)}
.z2-post-reply{margin:10px 0 0 14px;padding:10px 12px;border-left:2px solid var(--z2-line);font-size:12.5px;color:var(--z2-text)}
.z2-post-reply b{color:var(--z2-ink)}
.z2-doc{padding:18px 20px;font-size:12.5px;line-height:1.6;color:var(--z2-text)}
.z2-doc h5{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--z2-ink);margin:0 0 8px}
.z2-doc .z2-ph{display:inline-block;background:var(--z2-blue-tint);color:var(--z2-blue);border:1px solid var(--z2-blue-line);border-radius:4px;padding:0 5px;font-size:11.5px;font-weight:600}
.z2-doc .z2-sig{margin-top:12px;border:1px dashed var(--z2-line-strong);border-radius:8px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:var(--z2-faint)}
.z2-doc .z2-sig i{font-style:italic;font-family:Georgia,serif;font-size:18px;color:var(--z2-ink)}
.z2-cmp td:nth-child(2){color:var(--z2-ink)}
.z2-cmp td .z2-no{color:var(--z2-faint)}
.z2-cmp td .z2-yes{color:var(--z2-green);font-weight:600}
.z2-note{margin-top:20px;font-size:12.5px;color:var(--z2-faint)}
.z2-note a{color:var(--z2-blue);font-weight:600}
@media (max-width:1024px){.z2-quad{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.z2-flow{grid-template-columns:repeat(2,1fr)}.z2-flow > div + div::before{display:none}}
@media (max-width:600px){.z2-quad,.z2-flow{grid-template-columns:1fr}}