/* Shared marketing page styles — one source for hero/panel/chip patterns */
.hero-brand-mark{
  display:inline-flex;align-items:center;gap:12px;margin-bottom:22px;padding:8px 14px 8px 8px;
  border-radius:999px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 18px rgba(225,29,72,.1);
}
.hero-brand-mark img{width:36px;height:36px;border-radius:10px}
.hero-brand-mark span{font-family:var(--font-heading,Sora,sans-serif);font-weight:800;font-size:1.05rem;letter-spacing:-.03em;color:var(--text,#020617)}
.hero-proof{display:flex;flex-wrap:wrap;gap:10px}
.hero-proof span{
  display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--text-secondary,#52525b);
  padding:7px 12px;border-radius:999px;background:#fff;border:1px solid #eef2f7;box-shadow:0 1px 3px rgba(15,23,42,.04);
}
.hero-proof i{color:var(--primary,#E11D48);font-size:11px}

.section-alt{background:var(--bg-section,#fafafa)}
.section-white{background:var(--bg,#fff)}

/* Centered + split marketing heroes */
.mp-hero,.ap-hero,.ab-hero,.ct-hero,.bl-hero,.br-hero{
  padding:110px 0 48px;position:relative;overflow:hidden;
  background:linear-gradient(180deg,#fff1f2 0%,#ffffff 55%);
}
.mp-hero,.ap-hero{padding-bottom:56px;background:linear-gradient(180deg,#fff1f2 0%,#ffffff 42%,#ffffff 100%)}

.mp-grid,.ap-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}

.mp-eyebrow,.ap-eyebrow,
.ab-hero .eyebrow,.ct-hero .eyebrow,.bl-hero .eyebrow,.br-hero .eyebrow{
  display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;
  letter-spacing:.04em;text-transform:uppercase;color:var(--primary,#E11D48);margin-bottom:16px;
}
.mp-eyebrow,.ap-eyebrow{margin-bottom:18px}

.mp-hero h1,.ap-hero h1,.ab-hero h1,.ct-hero h1,.bl-hero h1,.br-hero h1{
  font-family:var(--font-heading,Sora,sans-serif);font-size:clamp(2.2rem,4.5vw,3.2rem);
  font-weight:800;letter-spacing:-.04em;line-height:1.1;color:#020617;margin:0 0 14px;
}
.mp-hero h1,.ap-hero h1{font-size:clamp(2.2rem,4.5vw,3.4rem);line-height:1.08;margin:0 0 16px}
.ab-hero h1{margin:0 0 16px}

.mp-hero h1 .hl,.ap-hero h1 .hl,.ab-hero h1 .hl,.ct-hero h1 .hl,.bl-hero h1 .hl,.br-hero h1 .hl{
  background:linear-gradient(135deg,#F43F5E,#E11D48,#BE123C);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}

.mp-lead,.ap-lead,
.ab-hero .lead,.ct-hero .lead,.bl-hero .lead,.br-hero .lead{
  font-size:1.05rem;line-height:1.7;color:var(--text-secondary,#52525b);margin:0 auto;
}
.mp-lead,.ap-lead{max-width:44ch;margin:0 0 26px}
.ab-hero .lead{max-width:52ch}
.ct-hero .lead,.bl-hero .lead{max-width:46ch}
.br-hero .lead{max-width:48ch}

.mp-actions,.ap-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.mp-proof,.ap-proof{display:flex;flex-wrap:wrap;gap:10px}
.mp-proof span,.ap-proof span{
  display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;
  color:var(--text-secondary,#52525b);padding:7px 12px;border-radius:999px;background:#fff;border:1px solid #eef2f7;
}
.mp-proof i,.ap-proof i{color:var(--primary,#E11D48);font-size:11px}

.mp-panel,.ap-panel{
  background:#fff;border:1px solid #eef2f7;border-radius:var(--radius,10px);padding:28px 24px;box-shadow:var(--shadow);
}
.mp-panel h3,.ap-panel h3{font-family:var(--font-heading,Sora,sans-serif);font-size:15px;font-weight:700;margin:0 0 16px;color:var(--text,#020617)}
.mp-panel-row,.ap-panel-row{
  display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f1f5f9;font-size:14px;
}
.mp-panel-row:last-child,.ap-panel-row:last-child{border-bottom:0}
.mp-panel-row .k,.ap-panel-row .k{color:var(--text-secondary,#52525b);font-weight:500}
.mp-panel-row .v,.ap-panel-row .v{font-weight:700;color:var(--primary,#E11D48);font-family:var(--font-heading,Sora,sans-serif)}

.mp-cat .ico,.mp-int-card .ico,.ap-card .ico,.ap-why-card .ico,.ab-card .ico,.ct-card .ico{
  width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#fff1f2,#ffe4e6);color:var(--primary,#E11D48);font-size:18px;margin-bottom:14px;
}
.ap-why-card .ico,.ab-card .ico,.ct-card .ico{width:48px;height:48px;border-radius:12px;margin:0 auto 14px}

.mkt-card{
  background:#fff;border:1px solid #eef2f7;border-radius:var(--radius,10px);padding:24px 22px;
  box-shadow:var(--shadow-sm);transition:.3s;
}
.mkt-card:hover{transform:translateY(-3px);border-color:rgba(225,29,72,.2);box-shadow:var(--shadow)}

@media(max-width:900px){
  .mp-grid,.ap-grid{grid-template-columns:1fr;gap:24px}
  .mp-hero,.ap-hero{text-align:center;padding-top:100px}
  .mp-lead,.ap-lead{margin-left:auto;margin-right:auto}
  .mp-actions,.ap-actions,.mp-proof,.ap-proof{justify-content:center}
}