/* Promote Marketing - WPBakery Home */
:root{
  --pm-ink:#0b1220;
  --pm-muted:rgba(11,18,32,.70);
  --pm-muted2:rgba(11,18,32,.56);
  --pm-bg:#f5f7fb;
  --pm-white:#ffffff;
  --pm-line:rgba(11,18,32,.10);
  --pm-line2:rgba(11,18,32,.14);
  --pm-accent:#5b21b6;
  --pm-accent2:#2563eb;
  --pm-accent3:#16a34a;
  --pm-shadow:0 24px 80px rgba(2,6,23,.12);
  --pm-shadow2:0 14px 40px rgba(2,6,23,.10);
  --pm-r-lg:18px;
  --pm-r-xl:28px;
}

/* Make this page feel premium even inside random themes */
.pm-page, .pm-page *{
  box-sizing:border-box;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.pm-page h1, .pm-page h2, .pm-page h3, .pm-page h4{
  color:var(--pm-ink);
  letter-spacing:-.4px;
}
.pm-page p{color:var(--pm-muted); line-height:1.85;}
.pm-wrap{
  background:
    radial-gradient(1200px 560px at 14% -10%, rgba(91,33,182,.18), transparent 60%),
    radial-gradient(900px 520px at 86% 0%, rgba(37,99,235,.14), transparent 60%),
    radial-gradient(900px 520px at 50% 100%, rgba(22,163,74,.10), transparent 55%),
    linear-gradient(180deg, #ffffff, var(--pm-bg) 45%, #ffffff);
  padding:72px 0 88px;
}
.pm-container{
  max-width:1180px;
  margin:0 auto;
  padding:0 24px;
}

/* HERO */
.pm-hero{
  border-radius:var(--pm-r-xl);
  border:1px solid var(--pm-line);
  background:
    radial-gradient(900px 420px at 18% 0%, rgba(91,33,182,.12), transparent 60%),
    radial-gradient(700px 420px at 90% 18%, rgba(37,99,235,.10), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.90), rgba(255,255,255,.74));
  box-shadow:var(--pm-shadow);
  padding:40px;
}
.pm-kicker{
  display:inline-flex;align-items:center;gap:10px;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid var(--pm-line);
  background:rgba(255,255,255,.70);
  box-shadow:0 10px 24px rgba(2,6,23,.06);
  font-weight:900;
  font-size:13px;
  color:rgba(11,18,32,.72);
}
.pm-kdot{
  width:10px;height:10px;border-radius:99px;
  background:linear-gradient(135deg,var(--pm-accent),var(--pm-accent3));
  box-shadow:0 0 0 4px rgba(11,18,32,.04);
}
.pm-h1{
  margin:14px 0 12px;
  font-size:56px;
  line-height:1.02;
  letter-spacing:-1.2px;
  font-weight:1000;
}
.pm-lead{
  font-size:18px;
  color:var(--pm-muted);
  margin:0 0 18px;
  max-width:66ch;
}
.pm-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.pm-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 16px;
  border-radius:16px;
  border:1px solid var(--pm-line);
  background:rgba(255,255,255,.82);
  box-shadow:0 12px 26px rgba(2,6,23,.06);
  font-weight:950;
  text-decoration:none;
  color:var(--pm-ink);
}
.pm-btn:hover{transform:translateY(-1px);transition:.18s ease}
.pm-btn-primary{
  color:#fff;
  background:linear-gradient(135deg,var(--pm-accent),#7c3aed);
  border-color:rgba(91,33,182,.22);
  box-shadow:0 20px 52px rgba(91,33,182,.18);
}
.pm-btn-soft{
  background:rgba(11,18,32,.05);
  box-shadow:none;
}

/* Right panel */
.pm-side{
  border-radius:22px;
  background:rgba(255,255,255,.78);
  border:1px solid var(--pm-line);
  box-shadow:var(--pm-shadow2);
  padding:18px;
}
.pm-side h3{margin:0 0 8px;font-size:16px;font-weight:1000}
.pm-side p{margin:0;color:var(--pm-muted);font-size:14px;line-height:1.75}
.pm-email{
  margin-top:14px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 14px;
  border-radius:18px;
  text-decoration:none;
  font-weight:1000;
  border:1px solid rgba(37,99,235,.18);
  background:linear-gradient(135deg, rgba(37,99,235,.10), rgba(91,33,182,.08));
}
.pm-email small{font-weight:850;color:var(--pm-muted2);white-space:nowrap}
.pm-side ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.pm-side li{display:flex;gap:10px;align-items:flex-start;color:var(--pm-muted);font-size:13px;line-height:1.6}
.pm-tick{
  width:18px;height:18px;border-radius:8px;
  background:rgba(22,163,74,.12);
  border:1px solid rgba(22,163,74,.18);
  flex:0 0 auto;
  margin-top:2px;
  position:relative;
}
.pm-tick:after{
  content:"";
  position:absolute;left:5px;top:3px;
  width:6px;height:10px;
  border-right:2px solid rgba(22,163,74,.95);
  border-bottom:2px solid rgba(22,163,74,.95);
  transform:rotate(40deg);
}
.pm-disclaimer{
  margin-top:14px;
  padding-top:14px;
  border-top:1px dashed rgba(11,18,32,.16);
  font-size:12px;
  line-height:1.6;
  color:rgba(11,18,32,.55);
}

/* Metric band */
.pm-metrics{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.pm-metric{
  border-radius:18px;
  background:rgba(255,255,255,.74);
  border:1px solid var(--pm-line);
  box-shadow:0 12px 30px rgba(2,6,23,.06);
  padding:14px;
}
.pm-metric b{display:block;font-size:18px;letter-spacing:-.3px}
.pm-metric span{display:block;margin-top:4px;color:var(--pm-muted);font-size:13px;line-height:1.5}

/* Sections */
.pm-section{padding:44px 0 0}
.pm-h2{margin:0;font-size:30px;font-weight:1000}
.pm-sub{margin:6px 0 0;max-width:78ch;color:var(--pm-muted);font-size:15px;line-height:1.9}

/* Cards */
.pm-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.pm-card{
  border-radius:20px;
  background:var(--pm-white);
  border:1px solid var(--pm-line);
  box-shadow:0 14px 40px rgba(2,6,23,.08);
  padding:18px;
}
.pm-card h3{margin:0 0 8px;font-size:16px;font-weight:1000}
.pm-card p{margin:0;color:var(--pm-muted);font-size:14px;line-height:1.75}
.pm-tags{margin-top:12px;padding-top:12px;border-top:1px solid rgba(11,18,32,.10);display:flex;gap:10px;flex-wrap:wrap}
.pm-tagmini{
  font-size:12px;font-weight:900;
  color:rgba(11,18,32,.68);
  padding:8px 10px;border-radius:999px;
  background:rgba(11,18,32,.05);
  border:1px solid rgba(11,18,32,.10);
}

/* Steps */
.pm-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.pm-step{
  border-radius:20px;
  background:rgba(255,255,255,.75);
  border:1px solid var(--pm-line);
  box-shadow:0 12px 34px rgba(2,6,23,.06);
  padding:18px;
}
.pm-step .n{
  width:32px;height:32px;border-radius:14px;
  display:inline-flex;align-items:center;justify-content:center;
  font-weight:1000;
  background:rgba(91,33,182,.10);
  border:1px solid rgba(91,33,182,.18);
  margin-bottom:10px;
}
.pm-step h3{margin:0 0 6px;font-size:16px;font-weight:1000}
.pm-step p{margin:0;color:var(--pm-muted);font-size:14px;line-height:1.75}

/* Packages */
.pm-pack{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.pm-plan{
  border-radius:22px;
  background:var(--pm-white);
  border:1px solid var(--pm-line);
  box-shadow:0 14px 46px rgba(2,6,23,.08);
  padding:18px;
}
.pm-plan.featured{
  border-color:rgba(91,33,182,.22);
  background:
    radial-gradient(900px 420px at 0% 0%, rgba(91,33,182,.10), transparent 60%),
    var(--pm-white);
  box-shadow:0 18px 60px rgba(91,33,182,.12);
}
.pm-plan h3{margin:0 0 6px;font-size:16px;font-weight:1000}
.pm-plan p{margin:0 0 12px;color:var(--pm-muted);font-size:14px;line-height:1.7}
.pm-plan ul{margin:0;padding-left:18px;color:var(--pm-muted);font-size:14px;line-height:1.9}
.pm-plan li{margin:4px 0}

/* FAQ */
.pm-faq details{
  border-radius:20px;
  border:1px solid var(--pm-line);
  background:var(--pm-white);
  box-shadow:0 12px 34px rgba(2,6,23,.06);
  padding:14px 16px;
  margin:10px 0;
}
.pm-faq summary{cursor:pointer;font-weight:1000}
.pm-faq p{margin:10px 0 0;color:var(--pm-muted);line-height:1.75;font-size:14px}

/* CTA */
.pm-cta{
  margin-top:16px;
  border-radius:26px;
  border:1px solid rgba(37,99,235,.18);
  background:
    radial-gradient(900px 420px at 18% 0%, rgba(37,99,235,.12), transparent 60%),
    radial-gradient(700px 420px at 90% 18%, rgba(91,33,182,.10), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.90), rgba(255,255,255,.75));
  box-shadow:var(--pm-shadow2);
  padding:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.pm-cta h3{margin:0 0 6px;font-size:18px;font-weight:1000}
.pm-cta p{margin:0;color:var(--pm-muted);line-height:1.75;font-size:14px}

@media (max-width: 1020px){
  .pm-hero{padding:24px}
  .pm-metrics{grid-template-columns:1fr}
  .pm-grid3,.pm-steps,.pm-pack{grid-template-columns:1fr}
  .pm-h1{font-size:42px}
}