/* =========================================================
   Sendly Use Case Pages - Professional UI/UX Update
   Pages: overview, B2B outreach, event audience, brand campaign
   ========================================================= */
.sendly-usecase-pro{
  --ucx-ink:#111827;
  --ucx-muted:#5f6b7a;
  --ucx-soft:#f7faf5;
  --ucx-soft-2:#eef8ee;
  --ucx-line:rgba(15, 87, 54, .11);
  --ucx-green:#10a957;
  --ucx-green-dark:#08773f;
  --ucx-lime:#b7ff1a;
  --ucx-shadow:0 26px 70px rgba(17,24,39,.08);
  --ucx-shadow-soft:0 14px 34px rgba(17,24,39,.055);
  background:#fff;
  color:var(--ucx-ink);
}

.sendly-usecase-pro .container{width:min(1180px, calc(100% - 44px));}

.ucx-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 16%, rgba(183,255,26,.36), transparent 26%),
    radial-gradient(circle at 88% 16%, rgba(16,169,87,.13), transparent 28%),
    linear-gradient(180deg,#fbfdf8 0%,#fff 68%);
  border-bottom:1px solid rgba(15,87,54,.06);
}
.ucx-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(15,87,54,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(15,87,54,.055) 1px,transparent 1px);
  background-size:70px 70px;
  mask-image:linear-gradient(to bottom,#000 0%,transparent 78%);
  pointer-events:none;
}
.ucx-hero-grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0, .94fr) minmax(480px, 1.06fr);
  gap:clamp(36px,5vw,72px);
  align-items:center;
  min-height:560px;
  padding:50px 0 44px;
}
.ucx-breadcrumb{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:18px;
  color:#0b6b3d;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-weight:950;
}
.ucx-breadcrumb span{opacity:.46;}
.ucx-breadcrumb strong{color:#1f2937;}
.ucx-kicker{
  display:inline-flex;
  align-items:center;
  width:max-content;
  border-radius:999px;
  border:1px solid rgba(11,107,61,.16);
  background:rgba(234,247,239,.88);
  color:#0b6b3d;
  padding:8px 13px;
  font-size:11px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.15em;
  font-weight:950;
}
.ucx-hero-copy h1{
  margin:18px 0 18px;
  max-width:710px;
  color:#101827;
  font-size:clamp(42px,5.35vw,72px);
  line-height:.97;
  letter-spacing:-.07em;
}
.ucx-hero-copy p{
  margin:0;
  max-width:660px;
  color:#435166;
  font-size:17px;
  line-height:1.72;
}
.ucx-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:30px 0 18px;
}
.ucx-actions .btn{min-height:50px;padding-inline:22px;}
.ucx-secondary{background:#fff!important;}
.ucx-hero-checks{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  color:#526171;
  font-size:12px;
  font-weight:850;
}
.ucx-hero-checks span{display:inline-flex;align-items:center;gap:8px;}
.ucx-hero-checks i{font-style:normal;color:#0b944f;font-weight:950;}

.ucx-hero-visual{
  position:relative;
  min-height:420px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.ucx-dashboard-card{
  position:relative;
  z-index:1;
  width:min(100%, 650px);
  display:grid;
  grid-template-columns:155px 1fr;
  overflow:hidden;
  border:1px solid rgba(15,87,54,.10);
  border-radius:30px;
  background:rgba(255,255,255,.84);
  box-shadow:var(--ucx-shadow);
  backdrop-filter:blur(16px);
}
.ucx-dashboard-sidebar{
  min-height:360px;
  padding:22px 16px;
  border-right:1px solid rgba(15,87,54,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(247,251,246,.92));
  display:grid;
  align-content:start;
  gap:8px;
}
.ucx-dashboard-sidebar img{height:34px;width:auto;margin-bottom:12px;}
.ucx-dashboard-sidebar span{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:34px;
  padding:8px 10px;
  border-radius:12px;
  color:#637083;
  font-size:11px;
  font-weight:850;
}
.ucx-dashboard-sidebar span svg{width:15px;height:15px;color:#0b944f;}
.ucx-dashboard-sidebar span.is-current{background:#eaf7ef;color:#0b6b3d;}
.ucx-dashboard-main{padding:22px;min-width:0;}
.ucx-dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;}
.ucx-dashboard-top strong{font-size:17px;letter-spacing:-.03em;color:#111827;}
.ucx-dashboard-top div{display:flex;align-items:center;gap:8px;}
.ucx-dashboard-top i{width:9px;height:9px;border-radius:50%;background:#e5e7eb;display:block;}
.ucx-dashboard-top i:first-child{background:#ecfdf5;box-shadow:inset 0 0 0 2px #10b981;}
.ucx-dashboard-top b{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#e8f7ed,#fff);border:1px solid rgba(15,87,54,.12);display:block;}
.ucx-dashboard-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.ucx-dashboard-metrics article{
  min-width:0;
  border-radius:16px;
  border:1px solid rgba(15,87,54,.08);
  background:#fff;
  padding:13px 12px;
  box-shadow:0 10px 20px rgba(17,24,39,.035);
}
.ucx-dashboard-metrics span{display:block;color:#697586;font-size:10px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ucx-dashboard-metrics strong{display:block;margin-top:5px;color:#111827;font-size:20px;letter-spacing:-.04em;line-height:1;}
.ucx-dashboard-metrics em{display:inline-flex;margin-top:7px;color:#0a9f52;background:#ecfdf3;border-radius:999px;padding:3px 6px;font-style:normal;font-size:9px;font-weight:950;}
.ucx-chart-card{margin-top:14px;border:1px solid rgba(15,87,54,.08);border-radius:20px;background:#fff;padding:16px 16px 18px;}
.ucx-chart-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;}
.ucx-chart-head strong{font-size:13px;color:#111827;}
.ucx-chart-head span{border:1px solid #e5e7eb;border-radius:999px;padding:6px 9px;color:#667085;font-size:10px;font-weight:850;background:#fff;}
.ucx-chart-lines{
  position:relative;
  height:132px;
  display:flex;
  align-items:end;
  gap:9px;
  padding:16px 2px 0;
  background:
    linear-gradient(to top,rgba(17,24,39,.08) 1px,transparent 1px) 0 100%/100% 33% repeat-y;
  overflow:hidden;
}
.ucx-chart-lines:before,
.ucx-chart-lines:after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  height:3px;
  border-radius:999px;
  transform-origin:left center;
  opacity:.84;
}
.ucx-chart-lines:before{top:48%;background:linear-gradient(90deg,#10a957,#43d77e);transform:skewY(-8deg);}
.ucx-chart-lines:after{top:62%;background:linear-gradient(90deg,#3b82f6,#7db2ff);transform:skewY(5deg);opacity:.66;}
.ucx-chart-lines span{
  position:relative;
  z-index:1;
  flex:1;
  height:var(--h);
  min-height:20px;
  border-radius:999px 999px 8px 8px;
  background:linear-gradient(180deg,rgba(16,169,87,.92),rgba(11,107,61,.92));
  opacity:.18;
}
.ucx-floating-menu{
  position:absolute;
  z-index:2;
  right:0;
  bottom:24px;
  width:min(245px,45%);
  border-radius:24px;
  border:1px solid rgba(15,87,54,.10);
  background:rgba(255,255,255,.9);
  box-shadow:0 24px 60px rgba(17,24,39,.11);
  padding:12px;
  backdrop-filter:blur(14px);
}
.ucx-floating-menu a{
  display:flex;
  align-items:center;
  gap:10px;
  border-radius:16px;
  padding:11px 10px;
  color:#1f2937;
  font-size:12px;
  font-weight:900;
}
.ucx-floating-menu a span{
  width:32px;height:32px;border-radius:11px;background:#eaf7ef;color:#0b944f;display:grid;place-items:center;flex:none;
}
.ucx-floating-menu svg{width:16px;height:16px;}
.ucx-floating-menu a.is-current{background:#eff9ee;color:#0b6b3d;}

.ucx-section{padding:38px 0;}
.ucx-section-head{margin-bottom:22px;}
.ucx-section-head-center{text-align:center;display:grid;justify-items:center;gap:12px;}
.ucx-section-head-split{display:grid;grid-template-columns:minmax(0, .9fr) minmax(320px, .55fr);gap:30px;align-items:end;}
.ucx-section-head h2{
  margin:0;
  color:#101827;
  font-size:clamp(30px,3.3vw,45px);
  line-height:1.05;
  letter-spacing:-.055em;
}
.ucx-section-head p{margin:0;color:var(--ucx-muted);font-size:15px;line-height:1.65;max-width:740px;}

.ucx-routing{padding-top:44px;background:#fff;}
.ucx-usecase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.ucx-usecase-card,
.ucx-info-card,
.ucx-audience-card,
.ucx-result-card,
.ucx-faq-list details{
  border:1px solid var(--ucx-line);
  background:rgba(255,255,255,.96);
  box-shadow:var(--ucx-shadow-soft);
}
.ucx-usecase-card{
  min-height:260px;
  border-radius:28px;
  padding:24px;
  display:flex;
  flex-direction:column;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.ucx-usecase-card:hover{transform:translateY(-3px);border-color:rgba(16,169,87,.28);box-shadow:0 22px 50px rgba(17,24,39,.08);}
.ucx-usecase-card > span,
.ucx-icon{
  width:50px;
  height:50px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:#eaf8ec;
  color:#0b944f;
  flex:none;
}
.ucx-usecase-card svg,.ucx-icon svg{width:22px;height:22px;}
.ucx-usecase-card h3,.ucx-info-card h3,.ucx-audience-card h3{
  margin:18px 0 8px;
  color:#111827;
  line-height:1.15;
  letter-spacing:-.025em;
}
.ucx-usecase-card p,.ucx-info-card p,.ucx-audience-card p{
  margin:0;
  color:#617083;
  font-size:13.5px;
  line-height:1.55;
}
.ucx-usecase-card b{
  margin-top:auto;
  padding-top:18px;
  color:#0a8f4b;
  font-size:13px;
  font-weight:950;
}
.ucx-usecase-card.is-current{
  background:radial-gradient(circle at 20% 0%,rgba(183,255,26,.26),transparent 34%),linear-gradient(180deg,#fff,#f5fbf3);
  border-color:rgba(16,169,87,.25);
}

.ucx-benefits{background:linear-gradient(180deg,#fff,#f8fbf7);}
.ucx-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.ucx-info-card{border-radius:24px;padding:22px;}
.ucx-info-card h3{font-size:17px;}
.ucx-info-card .ucx-icon{margin-bottom:16px;}

.ucx-workflow{background:#f8fbf7;}
.ucx-workflow-card{
  border:1px solid rgba(15,87,54,.10);
  border-radius:32px;
  background:#fff;
  box-shadow:var(--ucx-shadow-soft);
  padding:28px 34px 30px;
}
.ucx-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative;}
.ucx-step-grid:before{
  content:"";
  position:absolute;
  left:44px;
  right:44px;
  top:22px;
  border-top:2px dotted rgba(11,107,61,.22);
}
.ucx-step-grid article{position:relative;z-index:1;background:#fff;padding-top:4px;}
.ucx-step-grid article span{
  width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(135deg,#17aa56,#0b7f44);
  color:#fff;font-weight:950;box-shadow:0 12px 24px rgba(16,169,87,.22);margin-bottom:14px;
}
.ucx-step-grid h3{margin:0 0 7px;font-size:16px;letter-spacing:-.02em;color:#101827;}
.ucx-step-grid p{margin:0;color:#617083;font-size:13px;line-height:1.58;}

.ucx-audience{background:#fff;}
.ucx-audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.ucx-audience-card{border-radius:26px;padding:24px;}
.ucx-card-title{display:flex;align-items:center;gap:14px;margin-bottom:14px;}
.ucx-card-title h3{margin:0;}
.ucx-audience-card ul{display:grid;gap:8px;list-style:none;margin:17px 0 0;padding:0;}
.ucx-audience-card li{position:relative;padding-left:20px;color:#243244;font-size:13px;font-weight:800;}
.ucx-audience-card li:before{content:"✓";position:absolute;left:0;color:#0b944f;font-weight:950;}

.ucx-features{background:linear-gradient(180deg,#fff,#f8fbf7);}
.ucx-feature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
.ucx-feature-card{padding:19px;}
.ucx-feature-card h3{font-size:15px;margin-top:14px;}
.ucx-feature-card p{font-size:13px;line-height:1.58;}
.ucx-feature-card .ucx-icon{width:44px;height:44px;border-radius:15px;}
.ucx-feature-card .ucx-icon svg{width:19px;height:19px;}

.ucx-proof{background:#fff;padding-top:42px;}
.ucx-proof-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.56fr);gap:18px;align-items:stretch;}
.ucx-proof-left{display:grid;gap:14px;align-content:start;}
.ucx-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;}
.ucx-result-card{border-radius:22px;padding:18px;min-height:132px;}
.ucx-result-card span{width:42px;height:42px;border-radius:14px;background:#eaf8ec;color:#0b944f;display:grid;place-items:center;margin-bottom:13px;}
.ucx-result-card svg{width:19px;height:19px;}
.ucx-result-card strong{display:block;font-size:28px;line-height:1;color:#111827;letter-spacing:-.045em;}
.ucx-result-card p{margin:5px 0 0;color:#344052;font-size:12px;font-weight:900;}
.ucx-result-card small{display:block;margin-top:2px;color:#7a8493;font-size:11px;font-weight:800;}
.ucx-testimonial{
  position:relative;
  border-radius:28px;
  border:1px solid rgba(16,169,87,.18);
  background:radial-gradient(circle at 12% 18%,rgba(183,255,26,.20),transparent 32%),linear-gradient(180deg,#fbfff8,#f5fbf2);
  padding:28px;
  box-shadow:var(--ucx-shadow-soft);
  overflow:hidden;
}
.ucx-quote{position:absolute;top:10px;left:22px;color:#20b35e;font-size:82px;line-height:1;font-weight:900;opacity:.36;font-family:Georgia,serif;}
.ucx-testimonial p{position:relative;margin:42px 0 24px;color:#1f2937;font-size:17px;line-height:1.62;letter-spacing:-.01em;}
.ucx-person{display:flex;align-items:center;gap:12px;}
.ucx-person > span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0b6b3d,#22c55e);color:#fff;font-weight:950;box-shadow:0 16px 28px rgba(16,169,87,.22);}
.ucx-person strong{display:block;color:#111827;font-size:14px;}
.ucx-person small{display:block;color:#637083;font-size:12px;font-weight:800;}

.ucx-faq{background:#f8fbf7;padding-top:38px;}
.ucx-faq-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.ucx-faq-list details{border-radius:22px;padding:0;overflow:hidden;}
.ucx-faq-list summary{cursor:pointer;list-style:none;padding:18px 20px;color:#111827;font-weight:950;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.ucx-faq-list summary::-webkit-details-marker{display:none;}
.ucx-faq-list summary:after{content:"+";color:#0b944f;font-size:20px;line-height:1;}
.ucx-faq-list details[open] summary:after{content:"−";}
.ucx-faq-list p{margin:0;padding:0 20px 20px;color:#617083;font-size:13px;line-height:1.62;}

.ucx-final-cta{padding:34px 0 54px;background:#f8fbf7;}
.ucx-cta-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:22px;
  align-items:center;
  border:1px solid rgba(16,169,87,.20);
  border-radius:30px;
  background:radial-gradient(circle at 0% 0%,rgba(183,255,26,.28),transparent 38%),linear-gradient(135deg,#fff,#f3fbef);
  box-shadow:var(--ucx-shadow-soft);
  padding:26px 30px;
}
.ucx-cta-icon{width:64px;height:64px;border-radius:22px;background:linear-gradient(135deg,#22c55e,#08773f);color:#fff;display:grid;place-items:center;box-shadow:0 18px 36px rgba(16,169,87,.22);}
.ucx-cta-icon svg{width:27px;height:27px;}
.ucx-cta-card h2{margin:0;color:#111827;font-size:clamp(25px,2.8vw,36px);line-height:1.05;letter-spacing:-.045em;}
.ucx-cta-card p{margin:8px 0 0;color:#617083;font-size:14px;line-height:1.6;}
.ucx-cta-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;}

@media(max-width:1140px){
  .ucx-hero-grid{grid-template-columns:1fr;min-height:auto;padding-top:42px;}
  .ucx-hero-copy{text-align:left;}
  .ucx-hero-copy h1{max-width:860px;}
  .ucx-dashboard-card{width:min(100%,760px);}
  .ucx-floating-menu{right:24px;}
  .ucx-usecase-grid,.ucx-benefit-grid{grid-template-columns:repeat(2,1fr);}
  .ucx-feature-grid{grid-template-columns:repeat(3,1fr);}
  .ucx-proof-grid{grid-template-columns:1fr;}
}

@media(max-width:860px){
  .sendly-usecase-pro .container{width:min(100% - 30px,1180px);}
  .ucx-hero-grid{padding:34px 0 34px;gap:28px;}
  .ucx-hero-copy h1{font-size:clamp(39px,11vw,56px);}
  .ucx-hero-copy p{font-size:15px;}
  .ucx-actions .btn{width:100%;}
  .ucx-hero-checks{gap:10px;}
  .ucx-hero-checks span{width:100%;}
  .ucx-dashboard-card{grid-template-columns:1fr;border-radius:26px;}
  .ucx-dashboard-sidebar{display:none;}
  .ucx-dashboard-metrics{grid-template-columns:repeat(2,1fr);}
  .ucx-floating-menu{position:relative;right:auto;bottom:auto;width:100%;margin-top:14px;}
  .ucx-hero-visual{display:block;min-height:0;}
  .ucx-section{padding:30px 0;}
  .ucx-section-head-split{grid-template-columns:1fr;gap:12px;}
  .ucx-usecase-grid,.ucx-benefit-grid,.ucx-audience-grid,.ucx-feature-grid,.ucx-faq-list{grid-template-columns:1fr;}
  .ucx-usecase-card{min-height:0;}
  .ucx-workflow-card{padding:24px 20px;border-radius:26px;}
  .ucx-step-grid{grid-template-columns:1fr;gap:18px;}
  .ucx-step-grid:before{display:none;}
  .ucx-step-grid article{display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-items:start;}
  .ucx-step-grid article span{grid-row:1 / span 2;margin:0;}
  .ucx-step-grid p{font-size:13px;}
  .ucx-result-grid{grid-template-columns:repeat(2,1fr);}
  .ucx-cta-card{grid-template-columns:1fr;text-align:left;padding:24px;border-radius:26px;}
  .ucx-cta-actions{justify-content:stretch;}
  .ucx-cta-actions .btn{width:100%;}
}

@media(max-width:520px){
  .ucx-breadcrumb{font-size:10px;letter-spacing:.12em;flex-wrap:wrap;}
  .ucx-kicker{font-size:10px;}
  .ucx-dashboard-main{padding:16px;}
  .ucx-dashboard-metrics{gap:8px;}
  .ucx-dashboard-metrics article{padding:12px 10px;}
  .ucx-dashboard-metrics strong{font-size:18px;}
  .ucx-chart-lines{height:112px;gap:6px;}
  .ucx-section-head h2{font-size:30px;}
  .ucx-result-grid{grid-template-columns:1fr;}
  .ucx-testimonial{padding:24px;}
  .ucx-testimonial p{font-size:15px;}
}

/* =========================================================
   Use Case pages - premium refinement + hero differentiation
   ========================================================= */

/* Section rhythm polish */
.ucx-routing{padding-top:52px;padding-bottom:44px;background:#fff;}
.ucx-benefits{background:linear-gradient(180deg,#fff 0%,#f8fbf7 100%);padding-top:50px;}
.ucx-audience{padding-top:54px;background:#fff;}
.ucx-features{padding-top:58px;padding-bottom:48px;background:linear-gradient(180deg,#f8fbf7 0%,#ffffff 100%);}
.ucx-proof{padding-top:50px;padding-bottom:42px;background:#fff;}
.ucx-faq{padding-top:44px;padding-bottom:44px;background:#f8fbf7;}

/* Different hero mood per use case */
.sendly-usecase-overview .ucx-hero{
  background:
    radial-gradient(circle at 8% 18%, rgba(183,255,26,.38), transparent 28%),
    radial-gradient(circle at 92% 18%, rgba(16,169,87,.11), transparent 26%),
    linear-gradient(180deg,#fbfdf8 0%,#fff 68%);
}
.sendly-usecase-b2b .ucx-hero{
  background:
    radial-gradient(circle at 10% 16%, rgba(183,255,26,.28), transparent 26%),
    radial-gradient(circle at 88% 20%, rgba(16,169,87,.16), transparent 30%),
    linear-gradient(180deg,#fbfdf8 0%,#f7fbf8 34%,#fff 100%);
}
.sendly-usecase-event .ucx-hero{
  background:
    radial-gradient(circle at 12% 16%, rgba(183,255,26,.24), transparent 24%),
    radial-gradient(circle at 88% 18%, rgba(61,196,114,.14), transparent 30%),
    linear-gradient(180deg,#fbfef9 0%,#ffffff 72%);
}
.sendly-usecase-brand .ucx-hero{
  background:
    radial-gradient(circle at 9% 14%, rgba(183,255,26,.40), transparent 26%),
    radial-gradient(circle at 88% 18%, rgba(16,169,87,.17), transparent 30%),
    linear-gradient(180deg,#fbfff8 0%,#fff 72%);
}
.sendly-usecase-b2b .ucx-hero:before{
  background-image:
    linear-gradient(rgba(15,87,54,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,87,54,.05) 1px,transparent 1px);
}
.sendly-usecase-event .ucx-hero:before{mask-image:linear-gradient(to bottom,#000 0%,transparent 84%);}
.sendly-usecase-brand .ucx-hero:before{background-size:78px 78px;}

/* Headline highlight / header differentiation */
.sendly-usecase-pro .ucx-hero-copy h1 .sendly-hero-highlight{
  position:relative;
  display:inline;
  padding:0 .03em;
  margin:0 -.01em;
  border-radius:.18em;
  background-image:
    linear-gradient(180deg, transparent 0%, transparent 58%, rgba(184,255,34,.92) 58%, rgba(184,255,34,.92) 80%, transparent 80%, transparent 100%),
    linear-gradient(180deg, transparent 0%, transparent 69%, rgba(105,232,126,.55) 69%, rgba(105,232,126,.55) 90%, transparent 90%, transparent 100%);
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}
.sendly-usecase-pro .ucx-hero-copy h1 .sendly-hero-highlight::before{
  content:"";
  position:absolute;
  left:-.025em;
  right:-.025em;
  bottom:.07em;
  height:.15em;
  border-radius:999px;
  background:rgba(10,86,45,.055);
  filter:blur(8px);
  z-index:-1;
}
.sendly-usecase-b2b .ucx-hero-copy h1{max-width:820px;}
.sendly-usecase-brand .ucx-hero-copy h1{max-width:860px;}
.sendly-usecase-event .ucx-hero-copy h1{max-width:760px;}
.sendly-usecase-overview .ucx-hero-copy h1{max-width:780px;}

.ucx-hero-focus{
  margin-top:18px;
  padding:18px 20px;
  border-radius:22px;
  border:1px solid rgba(15,87,54,.10);
  background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(246,251,245,.96));
  box-shadow:0 14px 34px rgba(17,24,39,.05);
  max-width:650px;
}
.ucx-hero-focus strong{
  display:block;
  color:#111827;
  font-size:15px;
  line-height:1.35;
  letter-spacing:-.02em;
}
.ucx-hero-focus-grid{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}
.ucx-hero-focus-grid span{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:9px 13px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(15,87,54,.10);
  color:#314154;
  font-size:12px;
  font-weight:850;
}
.sendly-usecase-overview .ucx-hero-focus{background:linear-gradient(135deg,#ffffff,#f5fbf2);}
.sendly-usecase-b2b .ucx-hero-focus{background:linear-gradient(135deg,#ffffff,#f8fcf8);}
.sendly-usecase-event .ucx-hero-focus{background:linear-gradient(135deg,#fbfff9,#f3fbf2);}
.sendly-usecase-brand .ucx-hero-focus{background:linear-gradient(135deg,#ffffff,#f3faf0);}

/* Benefits mixed composition */
.ucx-benefit-layout{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);
  gap:22px;
  align-items:stretch;
}
.ucx-benefit-main,.ucx-benefit-stack{min-width:0;}
.ucx-benefit-main{display:grid;gap:18px;}
.ucx-benefit-main .ucx-section-head{margin-bottom:0;}
.ucx-benefit-feature{
  border:1px solid rgba(16,169,87,.16);
  background:
    radial-gradient(circle at 0% 0%, rgba(183,255,26,.23), transparent 34%),
    linear-gradient(135deg,#ffffff,#f4fbf1);
  border-radius:30px;
  padding:28px;
  box-shadow:var(--ucx-shadow-soft);
}
.ucx-benefit-feature .ucx-card-title{align-items:flex-start;margin-bottom:18px;}
.ucx-benefit-feature .ucx-card-title .ucx-icon{width:58px;height:58px;border-radius:18px;}
.ucx-benefit-feature h3{margin:0 0 10px;font-size:clamp(24px,2.3vw,32px);}
.ucx-benefit-feature p{margin:0;color:#516072;font-size:15px;line-height:1.72;max-width:560px;}
.ucx-benefit-points{display:flex;gap:12px;flex-wrap:wrap;}
.ucx-benefit-points span{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid rgba(15,87,54,.10);color:#314154;font-size:12px;font-weight:850;}
.ucx-benefit-points i{font-style:normal;color:#0b944f;font-weight:950;}
.ucx-benefit-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.ucx-benefit-card-alt{min-height:205px;border-radius:26px;padding:22px;background:rgba(255,255,255,.95);}
.ucx-benefit-card-alt:nth-child(2){background:linear-gradient(180deg,#ffffff,#f8fcf7);}
.ucx-benefit-card-alt:nth-child(3){background:linear-gradient(180deg,#fbfffa,#ffffff);}
.ucx-benefit-card-alt h3{font-size:17px;}

/* Routing cards */
.ucx-usecase-card{position:relative;}
.ucx-usecase-card::after{
  content:"";
  position:absolute;
  inset:auto 24px 0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(16,169,87,.85),rgba(183,255,26,.85));
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .18s ease;
}
.ucx-usecase-card:hover::after,.ucx-usecase-card.is-current::after{transform:scaleX(1);}

/* Audience and features variety */
.ucx-audience-card{position:relative;overflow:hidden;}
.ucx-audience-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,#13ac58,#d6ff7a);
  opacity:.75;
}
.ucx-audience-card:nth-child(2){transform:translateY(10px);}
.ucx-audience-card:nth-child(3){transform:translateY(20px);}

.ucx-feature-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:1fr;gap:16px;}
.ucx-feature-card{grid-column:span 3;min-height:100%;border-radius:24px;}
.ucx-feature-card:first-child{grid-column:span 4;}
.ucx-feature-card:nth-child(2){grid-column:span 4;}
.ucx-feature-card:nth-child(3){grid-column:span 4;}
.ucx-feature-card:nth-child(4){grid-column:span 6;}
.ucx-feature-card:nth-child(5){grid-column:span 6;}
.ucx-feature-card:nth-child(odd){background:linear-gradient(180deg,#ffffff,#f9fcf8);}
.ucx-feature-card:nth-child(even){background:linear-gradient(180deg,#fcfffb,#ffffff);}

.ucx-result-card:nth-child(1),.ucx-result-card:nth-child(4){background:linear-gradient(180deg,#fff,#f9fcf8);}
.ucx-result-card:nth-child(2),.ucx-result-card:nth-child(3){background:#fff;}

.ucx-faq-list details{transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;}
.ucx-faq-list details:hover{transform:translateY(-2px);border-color:rgba(16,169,87,.22);}
.ucx-faq-list details[open]{border-color:rgba(16,169,87,.24);box-shadow:0 20px 42px rgba(17,24,39,.07);}

/* Use the aligned CTA from other pages */
.ucx-final-cta-pro{padding-top:16px;}
.ucx-final-cta-pro .snp-cta-card{border:1px solid rgba(16,169,87,.14);}
.ucx-final-cta-pro .snp-cta-card h2{max-width:760px;}
.ucx-final-cta-pro .snp-cta-card p{max-width:640px;}

@media(max-width:1140px){
  .ucx-benefit-layout{grid-template-columns:1fr;}
  .ucx-benefit-stack{grid-template-columns:repeat(3,minmax(0,1fr));}
  .ucx-audience-card:nth-child(2),.ucx-audience-card:nth-child(3){transform:none;}
  .ucx-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ucx-feature-card,
  .ucx-feature-card:first-child,
  .ucx-feature-card:nth-child(2),
  .ucx-feature-card:nth-child(3),
  .ucx-feature-card:nth-child(4),
  .ucx-feature-card:nth-child(5){grid-column:auto;}
}

@media(max-width:860px){
  .ucx-routing{padding-top:40px;padding-bottom:34px;}
  .ucx-benefits,.ucx-audience,.ucx-features,.ucx-proof,.ucx-faq{padding-top:34px;}
  .ucx-benefit-stack{grid-template-columns:1fr;}
  .ucx-benefit-feature{padding:24px;border-radius:26px;}
  .ucx-benefit-feature .ucx-card-title{display:grid;grid-template-columns:1fr;gap:14px;}
  .ucx-feature-grid{grid-template-columns:1fr;}
  .ucx-audience-card{transform:none!important;}
  .ucx-hero-focus{padding:16px 16px 14px;}
  .sendly-usecase-pro .ucx-hero-copy h1 .sendly-hero-highlight::before{bottom:.06em;height:.12em;filter:blur(7px);}
}

@media(max-width:520px){
  .ucx-benefit-feature,.ucx-benefit-card-alt,.ucx-audience-card,.ucx-result-card,.ucx-faq-list details{border-radius:22px;}
  .ucx-benefit-feature h3{font-size:24px;}
  .ucx-benefit-points span{width:100%;justify-content:flex-start;}
  .ucx-hero-focus-grid span{width:100%;justify-content:center;}
}

/* =========================================================
   Overview page redesign refinement (2026-07-01)
   Focus: make overview page feel more premium and less templated
   ========================================================= */
.sendly-usecase-overview .ucx-hero-grid{
  grid-template-columns:minmax(0,.9fr) minmax(560px,1.1fr);
  gap:clamp(42px,6vw,86px);
  min-height:620px;
  padding-top:56px;
  padding-bottom:52px;
}
.sendly-usecase-overview .ucx-hero-copy p{
  max-width:610px;
  font-size:17px;
}
.sendly-usecase-overview .ucx-hero-checks{
  margin-top:2px;
  gap:14px 18px;
}
.sendly-usecase-overview .ucx-hero-focus{
  max-width:620px;
  margin-top:20px;
  padding:16px 18px 18px;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(244,250,241,.96));
}
.sendly-usecase-overview .ucx-hero-focus strong{
  font-size:14px;
}
.sendly-usecase-overview .ucx-hero-focus-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.sendly-usecase-overview .ucx-hero-focus-grid span{
  justify-content:center;
  text-align:center;
  min-height:44px;
  background:#f8fbf7;
}
.sendly-usecase-overview .ucx-dashboard-card{width:min(100%,690px);}
.sendly-usecase-overview .ucx-floating-menu{width:min(255px,42%);}

.sendly-usecase-overview .ucx-routing .container,
.sendly-usecase-overview .ucx-benefits .container,
.sendly-usecase-overview .ucx-workflow .container,
.sendly-usecase-overview .ucx-audience .container,
.sendly-usecase-overview .ucx-features .container,
.sendly-usecase-overview .ucx-proof .container,
.sendly-usecase-overview .ucx-faq .container{
  width:min(1220px, calc(100% - 44px));
}

.sendly-usecase-overview .ucx-usecase-grid{
  grid-template-columns:1.18fr repeat(3,minmax(0,1fr));
  gap:18px;
}
.sendly-usecase-overview .ucx-usecase-card:first-child{
  min-height:100%;
  padding:28px 26px;
  background:
    radial-gradient(circle at 12% 0%,rgba(183,255,26,.2),transparent 32%),
    linear-gradient(180deg,#fff,#f8fcf7);
}
.sendly-usecase-overview .ucx-usecase-card:first-child h3{
  font-size:24px;
  margin-top:22px;
}
.sendly-usecase-overview .ucx-usecase-card:first-child p{
  font-size:14px;
  line-height:1.72;
}
.sendly-usecase-overview .ucx-usecase-card:first-child b{
  margin-top:26px;
}

.sendly-usecase-overview .ucx-benefit-layout{
  grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);
  gap:22px;
  align-items:start;
}
.sendly-usecase-overview .ucx-benefit-main{
  position:sticky;
  top:104px;
}
.sendly-usecase-overview .ucx-benefit-main .ucx-section-head{
  padding:6px 0 2px;
}
.sendly-usecase-overview .ucx-benefit-main .ucx-section-head p{
  max-width:360px;
}
.sendly-usecase-overview .ucx-benefit-feature{
  min-height:230px;
}
.sendly-usecase-overview .ucx-benefit-stack{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.sendly-usecase-overview .ucx-benefit-card-alt{
  min-height:220px;
}

.sendly-usecase-overview .ucx-workflow{
  background:linear-gradient(180deg,#f8fbf7 0%,#ffffff 100%);
  padding:72px 0 78px;
}
.sendly-usecase-overview .ucx-workflow-card{
  display:grid;
  grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);
  gap:28px;
  align-items:center;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.sendly-usecase-overview .ucx-workflow-card .ucx-section-head{
  text-align:left;
  margin:0;
  align-self:center;
}
.sendly-usecase-overview .ucx-workflow-card .ucx-section-head h2{
  max-width:430px;
  margin:12px 0 0;
  font-size:clamp(34px,3.6vw,54px);
  line-height:.98;
  letter-spacing:-.065em;
}
.sendly-usecase-overview .ucx-workflow-card .ucx-section-head:after{
  content:"";
  display:block;
  width:92px;
  height:4px;
  margin-top:24px;
  border-radius:99px;
  background:linear-gradient(90deg,#0aa35a,#b7ff1a);
}
.sendly-usecase-overview .ucx-step-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.sendly-usecase-overview .ucx-step-grid:before{display:none;}
.sendly-usecase-overview .ucx-step-grid article{
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  column-gap:18px;
  align-items:start;
  min-height:148px;
  padding:22px;
  border:1px solid rgba(15,87,54,.10);
  border-radius:26px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfef9 100%);
  box-shadow:0 18px 38px rgba(17,24,39,.05);
}
.sendly-usecase-overview .ucx-step-grid article:nth-child(1),
.sendly-usecase-overview .ucx-step-grid article:nth-child(4){
  background:
    radial-gradient(circle at 0% 0%,rgba(183,255,26,.18),transparent 42%),
    linear-gradient(180deg,#fff,#f7fcf6);
}
.sendly-usecase-overview .ucx-step-grid article span{
  grid-row:1 / span 2;
  width:52px;
  height:52px;
  margin:0;
  font-size:17px;
  box-shadow:0 16px 28px rgba(16,169,87,.20);
}
.sendly-usecase-overview .ucx-step-grid h3{
  margin:4px 0 9px;
  font-size:18px;
  line-height:1.12;
}
.sendly-usecase-overview .ucx-step-grid p{
  grid-column:2;
  font-size:13.5px;
  line-height:1.55;
}

.sendly-usecase-overview .ucx-audience-grid{
  grid-template-columns:1.08fr .96fr .96fr;
  gap:18px;
}
.sendly-usecase-overview .ucx-audience-card:nth-child(1){
  background:linear-gradient(180deg,#fff,#f8fcf7);
}
.sendly-usecase-overview .ucx-audience-card:nth-child(2),
.sendly-usecase-overview .ucx-audience-card:nth-child(3){
  transform:none;
}

.sendly-usecase-overview .ucx-feature-grid{
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:16px;
}
.sendly-usecase-overview .ucx-feature-card:first-child{grid-column:span 6;min-height:220px;}
.sendly-usecase-overview .ucx-feature-card:nth-child(2){grid-column:span 6;min-height:220px;}
.sendly-usecase-overview .ucx-feature-card:nth-child(3){grid-column:span 4;}
.sendly-usecase-overview .ucx-feature-card:nth-child(4){grid-column:span 4;}
.sendly-usecase-overview .ucx-feature-card:nth-child(5){grid-column:span 4;}

.sendly-usecase-overview .ucx-proof-grid{
  grid-template-columns:minmax(0,1.06fr) minmax(350px,.64fr);
  gap:22px;
}
.sendly-usecase-overview .ucx-result-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.sendly-usecase-overview .ucx-testimonial{
  min-height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.sendly-usecase-overview .ucx-final-cta-pro{
  padding-top:18px;
}
.sendly-usecase-overview .ucx-final-cta-pro .snp-cta-card{
  border-radius:34px;
}

@media (max-width:1180px){
  .sendly-usecase-overview .ucx-hero-grid{grid-template-columns:1fr;min-height:auto;}
  .sendly-usecase-overview .ucx-routing .container,
  .sendly-usecase-overview .ucx-benefits .container,
  .sendly-usecase-overview .ucx-workflow .container,
  .sendly-usecase-overview .ucx-audience .container,
  .sendly-usecase-overview .ucx-features .container,
  .sendly-usecase-overview .ucx-proof .container,
  .sendly-usecase-overview .ucx-faq .container{width:min(100% - 34px,1220px);}
  .sendly-usecase-overview .ucx-benefit-main{position:static;}
}

@media (max-width:980px){
  .sendly-usecase-overview .ucx-usecase-grid,
  .sendly-usecase-overview .ucx-audience-grid,
  .sendly-usecase-overview .ucx-feature-grid,
  .sendly-usecase-overview .ucx-proof-grid{grid-template-columns:1fr 1fr;}
  .sendly-usecase-overview .ucx-feature-card,
  .sendly-usecase-overview .ucx-feature-card:first-child,
  .sendly-usecase-overview .ucx-feature-card:nth-child(2),
  .sendly-usecase-overview .ucx-feature-card:nth-child(3),
  .sendly-usecase-overview .ucx-feature-card:nth-child(4),
  .sendly-usecase-overview .ucx-feature-card:nth-child(5){grid-column:auto;}
}

@media (max-width:860px){
  .sendly-usecase-overview .ucx-hero-copy p{font-size:15px;}
  .sendly-usecase-overview .ucx-hero-focus-grid{grid-template-columns:1fr;}
  .sendly-usecase-overview .ucx-usecase-grid,
  .sendly-usecase-overview .ucx-benefit-layout,
  .sendly-usecase-overview .ucx-audience-grid,
  .sendly-usecase-overview .ucx-feature-grid,
  .sendly-usecase-overview .ucx-proof-grid,
  .sendly-usecase-overview .ucx-result-grid{grid-template-columns:1fr;}
  .sendly-usecase-overview .ucx-step-grid{grid-template-columns:1fr;}
  .sendly-usecase-overview .ucx-step-grid article{min-height:auto;}
  .sendly-usecase-overview .ucx-workflow-card{grid-template-columns:1fr;gap:22px;}
  .sendly-usecase-overview .ucx-workflow-card .ucx-section-head{text-align:center;}
  .sendly-usecase-overview .ucx-workflow-card .ucx-section-head h2{max-width:680px;margin-left:auto;margin-right:auto;}
  .sendly-usecase-overview .ucx-workflow-card .ucx-section-head:after{margin-left:auto;margin-right:auto;}
}

/* =========================================================
   B2B hero redesign refinement (2026-07-01)
   Focus: rebuild first section to feel more premium
   ========================================================= */
.sendly-usecase-b2b .ucx-hero{
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 12%, rgba(183,255,26,.24), transparent 24%),
    radial-gradient(circle at 88% 16%, rgba(16,169,87,.16), transparent 28%),
    linear-gradient(180deg,#fbfef9 0%,#f7fbf8 46%,#ffffff 100%);
}
.sendly-usecase-b2b .ucx-hero:before{
  background-image:
    linear-gradient(rgba(15,87,54,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,87,54,.045) 1px,transparent 1px);
  background-size:82px 82px;
  mask-image:linear-gradient(to bottom,#000 0%,transparent 84%);
}
.sendly-usecase-b2b .ucx-hero-grid{
  grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr);
  gap:clamp(42px,5.6vw,84px);
  min-height:630px;
  padding-top:58px;
  padding-bottom:52px;
}
.sendly-usecase-b2b .ucb-hero-copy{
  max-width:690px;
}
.sendly-usecase-b2b .ucb-hero-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:18px 0 14px;
  color:#0b6b3d;
  font-size:12px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.sendly-usecase-b2b .ucb-hero-eyebrow::before{
  content:"";
  width:34px;
  height:1px;
  background:linear-gradient(90deg,#10a957,rgba(16,169,87,0));
}
.sendly-usecase-b2b .ucx-hero-copy h1{
  max-width:790px;
  margin:0 0 18px;
  font-size:clamp(38px,5vw,72px);
  line-height:.98;
  letter-spacing:-.068em;
}
.sendly-usecase-b2b .ucx-hero-copy p{
  max-width:610px;
  margin:0;
  color:#445266;
  font-size:17px;
  line-height:1.72;
}
.sendly-usecase-b2b .ucx-actions{margin:30px 0 20px;}
.sendly-usecase-b2b .ucb-hero-points{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.sendly-usecase-b2b .ucb-hero-points span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(15,87,54,.11);
  background:rgba(255,255,255,.9);
  color:#334155;
  font-size:12px;
  font-weight:850;
  box-shadow:0 10px 24px rgba(17,24,39,.04);
}
.sendly-usecase-b2b .ucb-hero-points i{font-style:normal;color:#0b944f;font-weight:950;}
.sendly-usecase-b2b .ucb-hero-panel{
  margin-top:20px;
  border:1px solid rgba(15,87,54,.10);
  border-radius:28px;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(245,251,244,.96));
  box-shadow:0 18px 40px rgba(17,24,39,.055);
  padding:22px 22px 20px;
}
.sendly-usecase-b2b .ucb-hero-panel-head{
  display:grid;
  gap:6px;
  margin-bottom:16px;
}
.sendly-usecase-b2b .ucb-hero-panel-head strong{
  color:#111827;
  font-size:16px;
  letter-spacing:-.02em;
}
.sendly-usecase-b2b .ucb-hero-panel-head small{
  color:#64748b;
  font-size:13px;
  line-height:1.55;
}
.sendly-usecase-b2b .ucb-hero-panel-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.sendly-usecase-b2b .ucb-hero-panel-grid article{
  min-height:132px;
  border-radius:20px;
  border:1px solid rgba(15,87,54,.08);
  background:#fff;
  padding:16px 15px;
}
.sendly-usecase-b2b .ucb-hero-panel-grid b{
  display:block;
  margin-bottom:8px;
  color:#111827;
  font-size:14px;
  line-height:1.35;
}
.sendly-usecase-b2b .ucb-hero-panel-grid p{
  max-width:none;
  color:#667085;
  font-size:12.5px;
  line-height:1.58;
}
.sendly-usecase-b2b .ucx-hero-visual{
  min-height:470px;
}
.sendly-usecase-b2b .ucx-dashboard-card{
  width:min(100%,700px);
  border-radius:34px;
}
.sendly-usecase-b2b .ucx-dashboard-card::after{
  content:"";
  position:absolute;
  inset:auto 22px 18px 22px;
  height:18px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(16,169,87,.07),rgba(16,169,87,0));
}
.sendly-usecase-b2b .ucx-floating-menu{
  right:-10px;
  bottom:18px;
  width:min(260px,43%);
}
.sendly-usecase-b2b .ucb-visual-chip-card,
.sendly-usecase-b2b .ucb-visual-result-card{
  position:absolute;
  z-index:3;
  border:1px solid rgba(15,87,54,.10);
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(14px);
  box-shadow:0 22px 46px rgba(17,24,39,.11);
}
.sendly-usecase-b2b .ucb-visual-chip-card{
  top:22px;
  right:28px;
  width:200px;
  border-radius:22px;
  padding:16px;
}
.sendly-usecase-b2b .ucb-visual-chip-card strong{
  display:block;
  margin-bottom:10px;
  color:#111827;
  font-size:14px;
}
.sendly-usecase-b2b .ucb-visual-chip-card div{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.sendly-usecase-b2b .ucb-visual-chip-card span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 10px;
  border-radius:999px;
  background:#f4fbf3;
  color:#0b6b3d;
  font-size:11px;
  font-weight:850;
}
.sendly-usecase-b2b .ucb-visual-result-card{
  left:18px;
  bottom:34px;
  width:230px;
  border-radius:24px;
  padding:18px;
}
.sendly-usecase-b2b .ucb-visual-result-card small{
  display:block;
  margin-bottom:8px;
  color:#64748b;
  font-size:11px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.sendly-usecase-b2b .ucb-visual-result-card strong{
  display:block;
  color:#111827;
  font-size:22px;
  line-height:1.15;
  letter-spacing:-.04em;
}
.sendly-usecase-b2b .ucb-visual-result-card p{
  margin:8px 0 0;
  color:#667085;
  font-size:12px;
  line-height:1.55;
}

@media (max-width:1180px){
  .sendly-usecase-b2b .ucx-hero-grid{grid-template-columns:1fr;min-height:auto;}
  .sendly-usecase-b2b .ucx-hero-visual{min-height:0;}
}

@media (max-width:860px){
  .sendly-usecase-b2b .ucx-hero-grid{padding-top:40px;padding-bottom:36px;gap:28px;}
  .sendly-usecase-b2b .ucx-hero-copy h1{font-size:clamp(34px,10.5vw,52px);}
  .sendly-usecase-b2b .ucx-hero-copy p{font-size:15px;}
  .sendly-usecase-b2b .ucb-hero-panel{padding:18px 18px 16px;border-radius:24px;}
  .sendly-usecase-b2b .ucb-hero-panel-grid{grid-template-columns:1fr;}
  .sendly-usecase-b2b .ucb-hero-panel-grid article{min-height:0;}
  .sendly-usecase-b2b .ucx-floating-menu{position:relative;right:auto;bottom:auto;width:100%;margin-top:14px;}
  .sendly-usecase-b2b .ucb-visual-chip-card,
  .sendly-usecase-b2b .ucb-visual-result-card{position:relative;top:auto;right:auto;left:auto;bottom:auto;width:100%;margin-top:14px;}
}

@media (max-width:520px){
  .sendly-usecase-b2b .ucb-hero-points span{width:100%;justify-content:flex-start;}
}

/* =========================================================
   Overview page emergency composition fix (v3)
   Fixes: hero visual nesting impact, oversized headline, heavy highlight
   ========================================================= */
.sendly-usecase-overview .ucx-hero{
  min-height:0;
  background:
    radial-gradient(circle at 8% 18%, rgba(183,255,26,.30), transparent 26%),
    radial-gradient(circle at 92% 18%, rgba(16,169,87,.12), transparent 28%),
    linear-gradient(180deg,#fbfdf8 0%,#ffffff 76%);
}
.sendly-usecase-overview .ucx-hero-grid{
  grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr)!important;
  align-items:center;
  gap:clamp(34px,4.6vw,64px)!important;
  min-height:auto!important;
  padding-top:52px!important;
  padding-bottom:48px!important;
}
.sendly-usecase-overview .ucx-hero-copy{
  max-width:660px;
}
.sendly-usecase-overview .ucx-hero-copy h1{
  max-width:650px!important;
  margin:20px 0 18px;
  font-size:clamp(46px,4.25vw,66px)!important;
  line-height:1.03!important;
  letter-spacing:-.058em!important;
}
.sendly-usecase-overview .ucx-hero-copy p{
  max-width:600px;
  font-size:16px!important;
  line-height:1.72;
  color:#3f4d60;
}
.sendly-usecase-overview .ucx-hero-copy h1 .sendly-hero-highlight{
  background-image:linear-gradient(180deg, transparent 0%, transparent 64%, rgba(184,255,34,.86) 64%, rgba(184,255,34,.86) 82%, transparent 82%, transparent 100%)!important;
  padding:0 .02em!important;
}
.sendly-usecase-overview .ucx-hero-copy h1 .sendly-hero-highlight::before{
  display:none!important;
}
.sendly-usecase-overview .ucx-actions{
  margin:28px 0 16px;
}
.sendly-usecase-overview .ucx-hero-checks{
  gap:10px 14px;
}
.sendly-usecase-overview .ucx-hero-checks span{
  padding:8px 11px;
  border:1px solid rgba(15,87,54,.10);
  background:rgba(255,255,255,.78);
  border-radius:999px;
  box-shadow:0 8px 18px rgba(17,24,39,.035);
}
.sendly-usecase-overview .ucx-hero-focus{
  max-width:600px!important;
  margin-top:18px!important;
  padding:16px!important;
  display:grid;
  grid-template-columns:1fr;
  gap:13px;
}
.sendly-usecase-overview .ucx-hero-focus-copy p{
  margin:7px 0 0!important;
  font-size:13px!important;
  line-height:1.55!important;
  color:#64748b!important;
}
.sendly-usecase-overview .ucx-hero-focus-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  margin-top:0!important;
}
.sendly-usecase-overview .ucx-hero-focus-grid span{
  min-height:38px!important;
  padding:8px 10px!important;
  font-size:11px!important;
}
.sendly-usecase-overview .ucx-hero-visual{
  min-height:430px!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
}
.sendly-usecase-overview .ucx-dashboard-card{
  width:min(100%,640px)!important;
  grid-template-columns:148px 1fr!important;
  border-radius:28px!important;
  transform:none!important;
}
.sendly-usecase-overview .ucx-dashboard-sidebar{
  min-height:350px!important;
}
.sendly-usecase-overview .ucx-dashboard-main{
  padding:20px!important;
}
.sendly-usecase-overview .ucx-dashboard-metrics{
  grid-template-columns:repeat(2,1fr)!important;
  gap:11px!important;
}
.sendly-usecase-overview .ucx-chart-lines{
  height:116px!important;
}
.sendly-usecase-overview .ucx-floating-menu{
  right:10px!important;
  bottom:10px!important;
  width:235px!important;
}
.sendly-usecase-overview .ucx-floating-menu a{
  padding:10px!important;
  font-size:11px!important;
}
.sendly-usecase-overview .ucx-floating-menu a span{
  width:30px!important;
  height:30px!important;
}
.sendly-usecase-overview .ucx-routing{
  padding-top:46px!important;
}
.sendly-usecase-overview .ucx-usecase-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:stretch;
}
.sendly-usecase-overview .ucx-usecase-card{
  min-height:235px!important;
  padding:22px!important;
}
.sendly-usecase-overview .ucx-usecase-card:first-child{
  padding:22px!important;
}
.sendly-usecase-overview .ucx-usecase-card h3,
.sendly-usecase-overview .ucx-usecase-card:first-child h3{
  margin-top:18px!important;
  font-size:20px!important;
  line-height:1.12!important;
}
.sendly-usecase-overview .ucx-usecase-card p,
.sendly-usecase-overview .ucx-usecase-card:first-child p{
  font-size:13px!important;
  line-height:1.58!important;
}

@media(max-width:1180px){
  .sendly-usecase-overview .ucx-hero-grid{
    grid-template-columns:1fr!important;
    padding-top:42px!important;
  }
  .sendly-usecase-overview .ucx-hero-copy{
    max-width:780px;
  }
  .sendly-usecase-overview .ucx-hero-copy h1{
    max-width:760px!important;
  }
  .sendly-usecase-overview .ucx-hero-visual{
    justify-content:center!important;
    min-height:390px!important;
  }
  .sendly-usecase-overview .ucx-dashboard-card{
    width:min(100%,760px)!important;
  }
  .sendly-usecase-overview .ucx-usecase-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:860px){
  .sendly-usecase-overview .ucx-hero-grid{
    padding-top:34px!important;
    padding-bottom:34px!important;
    gap:26px!important;
  }
  .sendly-usecase-overview .ucx-hero-copy h1{
    font-size:clamp(38px,11vw,52px)!important;
    line-height:1.03!important;
    letter-spacing:-.055em!important;
  }
  .sendly-usecase-overview .ucx-hero-copy p{
    font-size:15px!important;
  }
  .sendly-usecase-overview .ucx-actions .btn{
    width:auto!important;
    min-width:150px;
  }
  .sendly-usecase-overview .ucx-hero-checks span{
    width:auto!important;
  }
  .sendly-usecase-overview .ucx-hero-focus-grid{
    grid-template-columns:1fr!important;
  }
  .sendly-usecase-overview .ucx-hero-focus-grid span{
    justify-content:flex-start!important;
  }
  .sendly-usecase-overview .ucx-hero-visual{
    min-height:0!important;
    display:block!important;
  }
  .sendly-usecase-overview .ucx-dashboard-card{
    grid-template-columns:1fr!important;
    border-radius:24px!important;
  }
  .sendly-usecase-overview .ucx-dashboard-sidebar{
    display:none!important;
  }
  .sendly-usecase-overview .ucx-floating-menu{
    position:relative!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    margin-top:12px!important;
  }
  .sendly-usecase-overview .ucx-usecase-grid{
    grid-template-columns:1fr!important;
  }
  .sendly-usecase-overview .ucx-usecase-card{
    min-height:0!important;
  }
}

@media(max-width:520px){
  .sendly-usecase-overview .ucx-hero-copy h1{
    font-size:39px!important;
  }
  .sendly-usecase-overview .ucx-actions{
    display:grid!important;
    grid-template-columns:1fr;
  }
  .sendly-usecase-overview .ucx-actions .btn{
    width:100%!important;
  }
  .sendly-usecase-overview .ucx-hero-checks span{
    width:100%!important;
  }
  .sendly-usecase-overview .ucx-dashboard-metrics{
    grid-template-columns:1fr 1fr!important;
  }
}

/* =========================================================
   Overview hero final polish (v4)
   Removes redundant focus/check chips and makes hero more balanced.
   ========================================================= */
.sendly-usecase-overview .ucx-hero-grid{
  grid-template-columns:minmax(420px,.86fr) minmax(560px,1.14fr)!important;
  gap:clamp(42px,5vw,76px)!important;
  padding-top:58px!important;
  padding-bottom:58px!important;
}
.sendly-usecase-overview .ucx-hero-copy{
  max-width:640px!important;
}
.sendly-usecase-overview .ucx-hero-copy h1{
  max-width:640px!important;
  margin:18px 0 20px!important;
  font-size:clamp(48px,4vw,64px)!important;
  line-height:1.01!important;
  letter-spacing:-.06em!important;
}
.sendly-usecase-overview .ucx-hero-copy h1 .sendly-hero-highlight{
  background-image:linear-gradient(180deg, transparent 0%, transparent 68%, rgba(184,255,34,.76) 68%, rgba(184,255,34,.76) 84%, transparent 84%, transparent 100%)!important;
  padding:0 .018em!important;
}
.sendly-usecase-overview .ucx-hero-copy p{
  max-width:575px!important;
  font-size:16px!important;
  line-height:1.72!important;
  color:#344256!important;
}
.sendly-usecase-overview .ucx-actions{
  margin:30px 0 0!important;
}
.sendly-usecase-overview .ucx-hero-visual{
  min-height:420px!important;
  justify-content:flex-end!important;
}
.sendly-usecase-overview .ucx-dashboard-card{
  width:min(100%,660px)!important;
  box-shadow:0 32px 80px rgba(17,24,39,.10)!important;
}
.sendly-usecase-overview .ucx-floating-menu{
  bottom:10px!important;
  right:14px!important;
  width:min(250px,42%)!important;
}
.sendly-usecase-overview .ucx-hero-checks,
.sendly-usecase-overview .ucx-hero-focus{
  display:none!important;
}

@media(max-width:1180px){
  .sendly-usecase-overview .ucx-hero-grid{
    grid-template-columns:1fr!important;
    gap:34px!important;
  }
  .sendly-usecase-overview .ucx-hero-copy,
  .sendly-usecase-overview .ucx-hero-copy h1,
  .sendly-usecase-overview .ucx-hero-copy p{
    max-width:760px!important;
  }
  .sendly-usecase-overview .ucx-hero-visual{
    justify-content:center!important;
  }
}

@media(max-width:860px){
  .sendly-usecase-overview .ucx-hero-grid{
    padding-top:38px!important;
    padding-bottom:36px!important;
  }
  .sendly-usecase-overview .ucx-hero-copy h1{
    font-size:clamp(38px,10.5vw,52px)!important;
    letter-spacing:-.052em!important;
    line-height:1.02!important;
  }
  .sendly-usecase-overview .ucx-hero-copy p{
    font-size:15px!important;
    line-height:1.68!important;
  }
  .sendly-usecase-overview .ucx-actions{
    margin-top:24px!important;
  }
  .sendly-usecase-overview .ucx-dashboard-card{
    width:100%!important;
  }
}


/* =========================================================
   Overview hero visual refinement (v5)
   Focused on making the dashboard preview less flat / gepeng.
   ========================================================= */
@media (min-width:861px){
  .sendly-usecase-overview .ucx-hero-visual{
    min-height:540px !important;
    padding:12px 18px 16px 0;
    align-items:center !important;
    justify-content:flex-end !important;
  }
  .sendly-usecase-overview .ucx-hero-visual::before,
  .sendly-usecase-overview .ucx-hero-visual::after{
    content:"";
    position:absolute;
    border-radius:999px;
    pointer-events:none;
    filter:blur(26px);
    opacity:.6;
  }
  .sendly-usecase-overview .ucx-hero-visual::before{
    width:180px;
    height:180px;
    right:68px;
    top:18px;
    background:rgba(183,255,26,.16);
  }
  .sendly-usecase-overview .ucx-hero-visual::after{
    width:220px;
    height:220px;
    left:18px;
    bottom:22px;
    background:rgba(16,169,87,.08);
  }
  .sendly-usecase-overview .ucx-dashboard-card{
    width:min(100%, 720px) !important;
    min-height:500px;
    grid-template-columns:168px 1fr !important;
    border-radius:34px !important;
    border:1px solid rgba(15,87,54,.12) !important;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,248,.94)) !important;
    box-shadow:0 34px 90px rgba(15,23,42,.12), 0 10px 28px rgba(15,23,42,.06) !important;
  }
  .sendly-usecase-overview .ucx-dashboard-sidebar{
    min-height:auto !important;
    padding:24px 18px !important;
    gap:10px;
  }
  .sendly-usecase-overview .ucx-dashboard-sidebar img{
    height:38px;
    margin-bottom:14px;
  }
  .sendly-usecase-overview .ucx-dashboard-sidebar span{
    min-height:40px;
    padding:10px 12px;
    border-radius:14px;
    font-size:12px;
  }
  .sendly-usecase-overview .ucx-dashboard-main{
    padding:24px 22px 22px !important;
  }
  .sendly-usecase-overview .ucx-dashboard-top{
    margin-bottom:18px;
  }
  .sendly-usecase-overview .ucx-dashboard-top strong{
    font-size:18px;
  }
  .sendly-usecase-overview .ucx-dashboard-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
  }
  .sendly-usecase-overview .ucx-dashboard-metrics article{
    min-height:108px;
    padding:16px 16px 14px;
    border-radius:20px;
    box-shadow:0 12px 24px rgba(15,23,42,.045);
  }
  .sendly-usecase-overview .ucx-dashboard-metrics span{
    font-size:12px;
  }
  .sendly-usecase-overview .ucx-dashboard-metrics strong{
    margin-top:8px;
    font-size:21px;
  }
  .sendly-usecase-overview .ucx-chart-card{
    margin-top:16px;
    min-height:236px;
    padding:18px 18px 20px;
    border-radius:24px;
    box-shadow:0 12px 24px rgba(15,23,42,.035);
  }
  .sendly-usecase-overview .ucx-chart-head{
    margin-bottom:18px;
  }
  .sendly-usecase-overview .ucx-chart-head strong{
    font-size:14px;
  }
  .sendly-usecase-overview .ucx-chart-lines{
    height:162px !important;
    padding-top:22px;
  }
  .sendly-usecase-overview .ucx-floating-menu{
    right:-14px !important;
    bottom:24px !important;
    width:250px !important;
    padding:14px !important;
    border-radius:28px !important;
    background:rgba(255,255,255,.97) !important;
    box-shadow:0 28px 70px rgba(15,23,42,.13), 0 8px 18px rgba(15,23,42,.05) !important;
  }
  .sendly-usecase-overview .ucx-floating-menu a{
    min-height:54px;
    padding:12px 12px !important;
    border-radius:18px;
    font-size:13px !important;
    font-weight:900;
  }
  .sendly-usecase-overview .ucx-floating-menu a span{
    width:34px !important;
    height:34px !important;
    border-radius:12px;
  }
}

@media (max-width:1180px) and (min-width:861px){
  .sendly-usecase-overview .ucx-hero-visual{
    justify-content:center !important;
    padding-right:0;
  }
  .sendly-usecase-overview .ucx-dashboard-card{
    width:min(100%, 760px) !important;
  }
}

@media (max-width:860px){
  .sendly-usecase-overview .ucx-dashboard-card{
    border-radius:24px !important;
    box-shadow:0 22px 48px rgba(15,23,42,.09) !important;
  }
  .sendly-usecase-overview .ucx-dashboard-main{
    padding:18px 16px 16px !important;
  }
  .sendly-usecase-overview .ucx-chart-card{
    min-height:0;
  }
  .sendly-usecase-overview .ucx-chart-lines{
    height:126px !important;
  }
  .sendly-usecase-overview .ucx-floating-menu a{
    min-height:48px;
    font-size:12px !important;
  }
}


/* =========================================================
   Overview hero dashboard cleanup (v6)
   Removes the floating use-case menu from overview and gives
   the preview cleaner proportions.
   ========================================================= */
.sendly-usecase-overview .ucx-floating-menu{
  display:none !important;
}
@media (min-width:861px){
  .sendly-usecase-overview .ucx-hero-visual{
    min-height:560px !important;
    padding:10px 0 18px !important;
    justify-content:center !important;
  }
  .sendly-usecase-overview .ucx-dashboard-card{
    width:min(100%,760px) !important;
    min-height:520px !important;
    grid-template-columns:180px minmax(0,1fr) !important;
    overflow:hidden !important;
    border-radius:36px !important;
    background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,252,248,.96)) !important;
    box-shadow:0 34px 90px rgba(15,23,42,.12), 0 12px 28px rgba(15,23,42,.055) !important;
  }
  .sendly-usecase-overview .ucx-dashboard-sidebar{
    padding:26px 20px !important;
    border-right:1px solid rgba(15,87,54,.09) !important;
    background:linear-gradient(180deg,#ffffff 0%,#f7fbf7 100%) !important;
  }
  .sendly-usecase-overview .ucx-dashboard-sidebar img{
    height:40px !important;
    margin-bottom:18px !important;
  }
  .sendly-usecase-overview .ucx-dashboard-sidebar span{
    min-height:43px !important;
    padding:11px 12px !important;
    border-radius:15px !important;
    font-size:12px !important;
  }
  .sendly-usecase-overview .ucx-dashboard-main{
    padding:28px 26px 26px !important;
  }
  .sendly-usecase-overview .ucx-dashboard-top{
    margin-bottom:20px !important;
  }
  .sendly-usecase-overview .ucx-dashboard-top strong{
    font-size:20px !important;
  }
  .sendly-usecase-overview .ucx-dashboard-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:15px !important;
  }
  .sendly-usecase-overview .ucx-dashboard-metrics article{
    min-height:112px !important;
    border-radius:22px !important;
    padding:18px 18px 16px !important;
  }
  .sendly-usecase-overview .ucx-dashboard-metrics span{
    font-size:12px !important;
  }
  .sendly-usecase-overview .ucx-dashboard-metrics strong{
    font-size:24px !important;
  }
  .sendly-usecase-overview .ucx-dashboard-metrics em{
    margin-top:9px !important;
  }
  .sendly-usecase-overview .ucx-chart-card{
    margin-top:18px !important;
    min-height:236px !important;
    border-radius:25px !important;
    padding:19px 20px 20px !important;
  }
  .sendly-usecase-overview .ucx-chart-lines{
    height:158px !important;
  }
}
@media (max-width:1180px) and (min-width:861px){
  .sendly-usecase-overview .ucx-dashboard-card{
    width:min(100%,780px) !important;
  }
}
@media (max-width:860px){
  .sendly-usecase-overview .ucx-dashboard-card{
    overflow:hidden !important;
  }
}


/* =========================================================
   Overview hero without preview card (v7)
   ========================================================= */
.sendly-usecase-overview .ucx-hero-grid{
  grid-template-columns:minmax(0,1fr) !important;
  min-height:auto !important;
  justify-items:start;
}
.sendly-usecase-overview .ucx-hero-copy{
  max-width:840px !important;
}
.sendly-usecase-overview .ucx-hero-copy h1{
  max-width:760px !important;
}
.sendly-usecase-overview .ucx-hero-copy p{
  max-width:720px !important;
}
@media(max-width:860px){
  .sendly-usecase-overview .ucx-hero-copy,
  .sendly-usecase-overview .ucx-hero-copy h1,
  .sendly-usecase-overview .ucx-hero-copy p{
    max-width:100% !important;
  }
}


/* =========================================================
   Overview hero centered typography refinement (v8)
   ========================================================= */
.sendly-usecase-overview .ucx-hero{
  background:
    radial-gradient(circle at 18% 18%, rgba(183,255,26,.32), transparent 24%),
    radial-gradient(circle at 84% 18%, rgba(16,169,87,.09), transparent 30%),
    linear-gradient(180deg,#fbfdf8 0%,#ffffff 72%) !important;
}
.sendly-usecase-overview .ucx-hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  justify-items:center !important;
  align-items:center !important;
  text-align:center !important;
  padding-top:72px !important;
  padding-bottom:72px !important;
  gap:0 !important;
}
.sendly-usecase-overview .ucx-hero-copy{
  width:100%;
  max-width:1040px !important;
  display:grid;
  justify-items:center;
}
.sendly-usecase-overview .ucx-kicker{
  margin-inline:auto !important;
}
.sendly-usecase-overview .ucx-hero-copy h1{
  max-width:920px !important;
  margin:24px auto 24px !important;
  font-weight:800 !important;
  font-size:clamp(50px,5.35vw,78px) !important;
  line-height:.94 !important;
  letter-spacing:-.075em !important;
  text-align:center !important;
}
.sendly-usecase-overview .ucx-hero-copy p{
  max-width:860px !important;
  margin-inline:auto !important;
  color:#42516a !important;
  font-size:17px !important;
  line-height:1.72 !important;
  text-align:center !important;
}
.sendly-usecase-overview .ucx-actions{
  justify-content:center !important;
  margin-top:34px !important;
}
.sendly-usecase-overview .ucx-hero-copy h1 .sendly-hero-highlight{
  display:inline !important;
  position:relative !important;
  z-index:0 !important;
  color:inherit !important;
  font-family:inherit !important;
  font-weight:inherit !important;
  font-style:inherit !important;
  letter-spacing:inherit !important;
  line-height:inherit !important;
  padding:0 .035em !important;
  margin:0 -.005em !important;
  background-image:
    linear-gradient(180deg, transparent 0%, transparent 58%, rgba(184,255,34,.92) 58%, rgba(184,255,34,.92) 78%, transparent 78%, transparent 100%),
    linear-gradient(180deg, transparent 0%, transparent 69%, rgba(105,232,126,.58) 69%, rgba(105,232,126,.58) 90%, transparent 90%, transparent 100%) !important;
  background-repeat:no-repeat !important;
  -webkit-box-decoration-break:clone !important;
  box-decoration-break:clone !important;
}
.sendly-usecase-overview .ucx-hero-copy h1 .sendly-hero-highlight::before{
  content:"" !important;
  position:absolute !important;
  left:-.025em !important;
  right:-.025em !important;
  bottom:.075em !important;
  height:.145em !important;
  border-radius:999px !important;
  background:rgba(10,86,45,.055) !important;
  filter:blur(8px) !important;
  z-index:-1 !important;
  pointer-events:none !important;
}

@media(max-width:860px){
  .sendly-usecase-overview .ucx-hero-grid{
    padding-top:48px !important;
    padding-bottom:50px !important;
  }
  .sendly-usecase-overview .ucx-hero-copy h1{
    max-width:100% !important;
    font-size:clamp(38px,10.6vw,54px) !important;
    line-height:.96 !important;
    letter-spacing:-.065em !important;
    margin-top:20px !important;
    margin-bottom:20px !important;
  }
  .sendly-usecase-overview .ucx-hero-copy p{
    font-size:15px !important;
    line-height:1.68 !important;
  }
  .sendly-usecase-overview .ucx-hero-copy h1 .sendly-hero-highlight{
    padding:0 .025em !important;
    background-image:
      linear-gradient(180deg, transparent 0%, transparent 59%, rgba(184,255,34,.90) 59%, rgba(184,255,34,.90) 78%, transparent 78%, transparent 100%),
      linear-gradient(180deg, transparent 0%, transparent 70%, rgba(105,232,126,.52) 70%, rgba(105,232,126,.52) 90%, transparent 90%, transparent 100%) !important;
  }
}

@media(max-width:520px){
  .sendly-usecase-overview .ucx-hero-grid{
    padding-top:40px !important;
    padding-bottom:44px !important;
  }
  .sendly-usecase-overview .ucx-hero-copy h1{
    font-size:39px !important;
  }
}


/* =========================================================
   Overview kicker plain label refinement (v9)
   Removes pill/card styling from Lead & campaign workflows.
   ========================================================= */
.sendly-usecase-overview .ucx-hero .ucx-kicker{
  display:inline-flex !important;
  width:auto !important;
  margin-inline:auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#006b3d !important;
  font-size:13px !important;
  line-height:1.15 !important;
  letter-spacing:.24em !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
}
.sendly-usecase-overview .ucx-hero .ucx-kicker::before,
.sendly-usecase-overview .ucx-hero .ucx-kicker::after{
  display:none !important;
  content:none !important;
}
@media(max-width:520px){
  .sendly-usecase-overview .ucx-hero .ucx-kicker{
    font-size:11px !important;
    letter-spacing:.18em !important;
    text-align:center !important;
  }
}


/* =========================================================
   Use case library refinement (v11)
   More proportional layout for desktop and mobile.
   ========================================================= */
.sendly-usecase-overview .ucx-routing{
  padding-top:64px !important;
  padding-bottom:54px !important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdf9 100%) !important;
}
.sendly-usecase-overview .ucx-routing .ucx-section-head{
  max-width:920px;
  margin:0 auto 30px;
  gap:14px;
}
.sendly-usecase-overview .ucx-routing .ucx-section-head h2{
  max-width:1120px;
  font-size:clamp(38px,4vw,56px);
  line-height:1.06;
  letter-spacing:-.055em;
}
.sendly-usecase-overview .ucx-routing .ucx-section-head p{
  max-width:760px;
  font-size:17px;
  line-height:1.72;
  color:#516072;
}
.sendly-usecase-overview .ucx-usecase-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:20px !important;
  align-items:stretch;
}
.sendly-usecase-overview .ucx-usecase-card{
  min-height:310px !important;
  padding:28px 26px 24px !important;
  border-radius:30px !important;
  box-shadow:0 18px 42px rgba(17,24,39,.05) !important;
}
.sendly-usecase-overview .ucx-usecase-card:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 26px 56px rgba(17,24,39,.08) !important;
}
.sendly-usecase-overview .ucx-usecase-card.is-current{
  background:
    radial-gradient(circle at 12% 0%,rgba(183,255,26,.20),transparent 34%),
    linear-gradient(180deg,#ffffff,#f5fbf3) !important;
  border-color:rgba(16,169,87,.26) !important;
}
.sendly-usecase-overview .ucx-usecase-top{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:18px;
}
.sendly-usecase-overview .ucx-usecase-top > span{
  width:54px;
  height:54px;
  border-radius:18px;
  flex:none;
}
.sendly-usecase-overview .ucx-usecase-top small{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:7px 12px;
  border-radius:999px;
  background:#f6faf6;
  border:1px solid rgba(15,87,54,.08);
  color:#5b6878;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.sendly-usecase-overview .ucx-usecase-body{
  display:grid;
  gap:10px;
}
.sendly-usecase-overview .ucx-usecase-card h3{
  margin:0;
  font-size:clamp(30px,2vw,36px) !important;
  line-height:1.06 !important;
  letter-spacing:-.045em !important;
}
.sendly-usecase-overview .ucx-usecase-card p{
  max-width:95%;
  font-size:15px !important;
  line-height:1.75 !important;
  color:#5f6d7e !important;
}
.sendly-usecase-overview .ucx-usecase-card b{
  margin-top:auto;
  padding-top:24px !important;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:14px !important;
}
.sendly-usecase-overview .ucx-usecase-card b::after{
  content:"";
  width:32px;
  height:1px;
  background:currentColor;
  opacity:.28;
}
.sendly-usecase-overview .ucx-usecase-card.is-current b{
  color:#0b944f;
}

@media(max-width:1180px){
  .sendly-usecase-overview .ucx-routing .ucx-section-head h2{
    font-size:clamp(34px,4.4vw,48px);
  }
}

@media(max-width:860px){
  .sendly-usecase-overview .ucx-routing{
    padding-top:40px !important;
    padding-bottom:34px !important;
  }
  .sendly-usecase-overview .ucx-routing .ucx-section-head{
    margin-bottom:22px;
    gap:10px;
  }
  .sendly-usecase-overview .ucx-routing .ucx-section-head h2{
    font-size:clamp(28px,8.6vw,40px);
    line-height:1.1;
  }
  .sendly-usecase-overview .ucx-routing .ucx-section-head p{
    font-size:15px;
    line-height:1.68;
  }
  .sendly-usecase-overview .ucx-usecase-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  .sendly-usecase-overview .ucx-usecase-card{
    min-height:0 !important;
    padding:22px 20px 20px !important;
    border-radius:24px !important;
  }
  .sendly-usecase-overview .ucx-usecase-top{
    margin-bottom:14px;
  }
  .sendly-usecase-overview .ucx-usecase-top > span{
    width:48px;
    height:48px;
    border-radius:16px;
  }
  .sendly-usecase-overview .ucx-usecase-card h3{
    font-size:28px !important;
  }
  .sendly-usecase-overview .ucx-usecase-card p{
    max-width:100%;
    font-size:14px !important;
    line-height:1.7 !important;
  }
  .sendly-usecase-overview .ucx-usecase-card b{
    padding-top:18px !important;
  }
}

@media(max-width:520px){
  .sendly-usecase-overview .ucx-routing .ucx-section-head h2{
    font-size:30px;
  }
  .sendly-usecase-overview .ucx-usecase-top{
    gap:12px;
  }
  .sendly-usecase-overview .ucx-usecase-top small{
    font-size:10px;
    letter-spacing:.1em;
  }
  .sendly-usecase-overview .ucx-usecase-card h3{
    font-size:26px !important;
  }
}


/* =========================================================
   Use case library premium composition (v12)
   Turns the library into a balanced featured + compact cards layout.
   ========================================================= */
.ucx-usecase-icon{
  width:52px;
  height:52px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:#eaf8ec;
  color:#0b944f;
  flex:none;
}
.ucx-usecase-icon svg{width:22px;height:22px;}
.ucx-usecase-content{min-width:0;}
.ucx-usecase-content small{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  min-height:30px;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid rgba(15,87,54,.10);
  background:#f7fbf7;
  color:#5c6878;
  font-size:10px;
  font-weight:950;
  line-height:1;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.sendly-usecase-overview .ucx-routing{
  padding-top:62px!important;
  padding-bottom:58px!important;
}
.sendly-usecase-overview .ucx-routing .ucx-section-head{
  max-width:880px;
  margin:0 auto 34px!important;
}
.sendly-usecase-overview .ucx-routing .ucx-section-head h2{
  max-width:900px;
  font-size:clamp(36px,3.55vw,50px)!important;
  line-height:1.08!important;
  letter-spacing:-.052em!important;
}
.sendly-usecase-overview .ucx-routing .ucx-section-head p{
  max-width:680px!important;
  font-size:15.5px!important;
  line-height:1.7!important;
}
.sendly-usecase-overview .ucx-usecase-grid{
  display:grid!important;
  grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)!important;
  grid-template-areas:
    "overview b2b"
    "overview event"
    "overview brand"!important;
  gap:18px!important;
  align-items:stretch!important;
}
.sendly-usecase-overview .ucx-usecase-card{
  min-height:0!important;
  padding:24px!important;
  border-radius:28px!important;
  display:grid!important;
  position:relative;
  overflow:hidden;
  box-shadow:0 18px 42px rgba(17,24,39,.045)!important;
}
.sendly-usecase-overview .ucx-usecase-card:nth-child(1){grid-area:overview;}
.sendly-usecase-overview .ucx-usecase-card:nth-child(2){grid-area:b2b;}
.sendly-usecase-overview .ucx-usecase-card:nth-child(3){grid-area:event;}
.sendly-usecase-overview .ucx-usecase-card:nth-child(4){grid-area:brand;}
.sendly-usecase-overview .ucx-usecase-card::after{
  inset:auto 24px 0!important;
  height:2px!important;
}
.sendly-usecase-overview .ucx-usecase-card.is-current{
  background:
    radial-gradient(circle at 12% 6%,rgba(183,255,26,.26),transparent 34%),
    linear-gradient(180deg,#ffffff,#f6fbf3)!important;
  border-color:rgba(16,169,87,.25)!important;
}
.sendly-usecase-overview .ucx-usecase-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 28px 60px rgba(17,24,39,.08)!important;
}

/* Featured overview card */
.sendly-usecase-overview .ucx-usecase-card:nth-child(1){
  min-height:500px!important;
  align-content:start;
  gap:22px;
  padding:30px 28px!important;
}
.sendly-usecase-overview .ucx-usecase-card:nth-child(1) .ucx-usecase-icon{
  width:58px;
  height:58px;
  border-radius:18px;
}
.sendly-usecase-overview .ucx-usecase-card:nth-child(1) .ucx-usecase-content{
  display:grid;
  gap:14px;
}
.sendly-usecase-overview .ucx-usecase-card:nth-child(1) .ucx-usecase-content small{
  order:-1;
}
.sendly-usecase-overview .ucx-usecase-card:nth-child(1) h3{
  margin:0!important;
  max-width:360px;
  font-size:clamp(32px,2.8vw,44px)!important;
  line-height:1.04!important;
  letter-spacing:-.055em!important;
}
.sendly-usecase-overview .ucx-usecase-card:nth-child(1) p{
  max-width:390px!important;
  font-size:15px!important;
  line-height:1.78!important;
}
.sendly-usecase-overview .ucx-usecase-card:nth-child(1) b{
  align-self:end;
}

/* Compact cards */
.sendly-usecase-overview .ucx-usecase-card:not(:first-child){
  min-height:154px!important;
  grid-template-columns:58px minmax(0,1fr);
  grid-template-areas:
    "icon content"
    "icon action";
  column-gap:20px;
  row-gap:12px;
  align-items:start;
}
.sendly-usecase-overview .ucx-usecase-card:not(:first-child) .ucx-usecase-icon{grid-area:icon;}
.sendly-usecase-overview .ucx-usecase-card:not(:first-child) .ucx-usecase-content{
  grid-area:content;
  display:grid;
  gap:8px;
}
.sendly-usecase-overview .ucx-usecase-card:not(:first-child) h3{
  margin:0!important;
  font-size:clamp(24px,2vw,31px)!important;
  line-height:1.08!important;
  letter-spacing:-.045em!important;
}
.sendly-usecase-overview .ucx-usecase-card:not(:first-child) p{
  max-width:560px!important;
  font-size:14px!important;
  line-height:1.68!important;
}
.sendly-usecase-overview .ucx-usecase-card b{
  grid-area:action;
  margin:0!important;
  padding-top:0!important;
  color:#0a8f4b;
  font-size:13px!important;
  line-height:1;
}
.sendly-usecase-overview .ucx-usecase-card b::after{
  width:28px!important;
}

@media(max-width:1060px){
  .sendly-usecase-overview .ucx-usecase-grid{
    grid-template-columns:1fr 1fr!important;
    grid-template-areas:none!important;
  }
  .sendly-usecase-overview .ucx-usecase-card,
  .sendly-usecase-overview .ucx-usecase-card:nth-child(1),
  .sendly-usecase-overview .ucx-usecase-card:not(:first-child){
    grid-area:auto!important;
    min-height:260px!important;
    grid-template-columns:1fr!important;
    grid-template-areas:none!important;
    gap:16px!important;
    align-content:start;
  }
  .sendly-usecase-overview .ucx-usecase-card .ucx-usecase-icon,
  .sendly-usecase-overview .ucx-usecase-card:not(:first-child) .ucx-usecase-icon,
  .sendly-usecase-overview .ucx-usecase-card .ucx-usecase-content,
  .sendly-usecase-overview .ucx-usecase-card:not(:first-child) .ucx-usecase-content,
  .sendly-usecase-overview .ucx-usecase-card b{
    grid-area:auto!important;
  }
  .sendly-usecase-overview .ucx-usecase-card h3,
  .sendly-usecase-overview .ucx-usecase-card:nth-child(1) h3,
  .sendly-usecase-overview .ucx-usecase-card:not(:first-child) h3{
    font-size:30px!important;
  }
  .sendly-usecase-overview .ucx-usecase-card p,
  .sendly-usecase-overview .ucx-usecase-card:nth-child(1) p,
  .sendly-usecase-overview .ucx-usecase-card:not(:first-child) p{
    max-width:100%!important;
  }
  .sendly-usecase-overview .ucx-usecase-card b{
    margin-top:auto!important;
    padding-top:16px!important;
  }
}

@media(max-width:680px){
  .sendly-usecase-overview .ucx-routing{
    padding-top:38px!important;
    padding-bottom:32px!important;
  }
  .sendly-usecase-overview .ucx-routing .ucx-section-head{
    margin-bottom:22px!important;
  }
  .sendly-usecase-overview .ucx-routing .ucx-section-head h2{
    font-size:30px!important;
    line-height:1.12!important;
  }
  .sendly-usecase-overview .ucx-routing .ucx-section-head p{
    font-size:14.5px!important;
  }
  .sendly-usecase-overview .ucx-usecase-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .sendly-usecase-overview .ucx-usecase-card,
  .sendly-usecase-overview .ucx-usecase-card:nth-child(1),
  .sendly-usecase-overview .ucx-usecase-card:not(:first-child){
    min-height:0!important;
    padding:20px!important;
    border-radius:23px!important;
  }
  .sendly-usecase-overview .ucx-usecase-icon,
  .sendly-usecase-overview .ucx-usecase-card:nth-child(1) .ucx-usecase-icon{
    width:48px!important;
    height:48px!important;
    border-radius:16px!important;
  }
  .sendly-usecase-overview .ucx-usecase-card h3,
  .sendly-usecase-overview .ucx-usecase-card:nth-child(1) h3,
  .sendly-usecase-overview .ucx-usecase-card:not(:first-child) h3{
    font-size:25px!important;
    line-height:1.1!important;
  }
  .sendly-usecase-overview .ucx-usecase-card p,
  .sendly-usecase-overview .ucx-usecase-card:nth-child(1) p,
  .sendly-usecase-overview .ucx-usecase-card:not(:first-child) p{
    font-size:13.5px!important;
    line-height:1.65!important;
  }
  .sendly-usecase-content small{
    font-size:9.5px;
    letter-spacing:.11em;
  }
}

/* =========================================================
   Use case library final professional cleanup (v13)
   Cleaner featured card, stronger hierarchy, and balanced responsive cards.
   ========================================================= */
.sendly-usecase-overview .ucx-routing{
  position:relative;
  overflow:hidden;
  padding-top:68px!important;
  padding-bottom:64px!important;
  background:
    radial-gradient(circle at 4% 12%,rgba(183,255,26,.14),transparent 28%),
    radial-gradient(circle at 92% 8%,rgba(16,169,87,.08),transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#fbfdf9 100%)!important;
}
.sendly-usecase-overview .ucx-routing::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(15,87,54,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,87,54,.035) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,transparent 0%,#000 16%,transparent 86%);
  pointer-events:none;
}
.sendly-usecase-overview .ucx-routing .container{
  position:relative;
  z-index:1;
}
.sendly-usecase-overview .ucx-routing .ucx-section-head{
  max-width:860px!important;
  margin:0 auto 32px!important;
}
.sendly-usecase-overview .ucx-routing .ucx-section-head .ucx-kicker{
  box-shadow:0 12px 26px rgba(16,169,87,.08);
}
.sendly-usecase-overview .ucx-routing .ucx-section-head h2{
  max-width:880px!important;
  font-size:clamp(34px,3.25vw,48px)!important;
  line-height:1.08!important;
  letter-spacing:-.052em!important;
}
.sendly-usecase-overview .ucx-routing .ucx-section-head p{
  max-width:660px!important;
  font-size:15px!important;
  line-height:1.7!important;
  color:#5b6878!important;
}
.sendly-usecase-overview .ucx-usecase-grid{
  display:grid!important;
  grid-template-columns:minmax(360px,.86fr) minmax(0,1.14fr)!important;
  grid-template-areas:
    "overview b2b"
    "overview event"
    "overview brand"!important;
  gap:18px!important;
  align-items:stretch!important;
}
.sendly-usecase-overview .ucx-usecase-card{
  position:relative!important;
  overflow:hidden!important;
  min-height:0!important;
  border-radius:30px!important;
  border:1px solid rgba(15,87,54,.11)!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 18px 42px rgba(15,23,42,.045)!important;
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease!important;
}
.sendly-usecase-overview .ucx-usecase-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(16,169,87,.28)!important;
  box-shadow:0 28px 64px rgba(15,23,42,.085)!important;
}
.sendly-usecase-overview .ucx-usecase-card::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:0;
  background:radial-gradient(circle at 8% 0%,rgba(183,255,26,.18),transparent 34%);
  transition:opacity .2s ease;
  pointer-events:none;
}
.sendly-usecase-overview .ucx-usecase-card:hover::before,
.sendly-usecase-overview .ucx-usecase-card.is-current::before{
  opacity:1;
}
.sendly-usecase-overview .ucx-usecase-card:nth-child(1){
  grid-area:overview!important;
  display:grid!important;
  grid-template-rows:auto auto 1fr auto!important;
  gap:22px!important;
  min-height:470px!important;
  padding:32px 30px 28px!important;
  background:
    radial-gradient(circle at 12% 7%,rgba(183,255,26,.26),transparent 34%),
    linear-gradient(150deg,#ffffff 0%,#f7fcf4 100%)!important;
  border-color:rgba(16,169,87,.25)!important;
}
.sendly-usecase-overview .ucx-usecase-card:nth-child(2){grid-area:b2b!important;}
.sendly-usecase-overview .ucx-usecase-card:nth-child(3){grid-area:event!important;}
.sendly-usecase-overview .ucx-usecase-card:nth-child(4){grid-area:brand!important;}
.sendly-usecase-overview .ucx-usecase-icon{
  position:relative;
  z-index:1;
  width:54px!important;
  height:54px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#eaffee 0%,#e7f8ec 100%)!important;
  color:#0b944f!important;
}
.sendly-usecase-overview .ucx-usecase-card:nth-child(1) .ucx-usecase-icon{
  width:62px!important;
  height:62px!important;
  border-radius:20px!important;
}
.sendly-usecase-overview .ucx-usecase-content{
  position:relative;
  z-index:1;
}
.sendly-usecase-overview .ucx-usecase-content small{
  min-height:30px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(15,87,54,.10)!important;
  color:#596678!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
}
.sendly-usecase-overview .ucx-usecase-card:nth-child(1) .ucx-usecase-content{
  display:grid!important;
  gap:14px!important;
}
.sendly-usecase-overview .ucx-usecase-card:nth-child(1) h3{
  max-width:360px!important;
  margin:0!important;
  font-size:clamp(34px,2.7vw,43px)!important;
  line-height:1.04!important;
  letter-spacing:-.056em!important;
}
.sendly-usecase-overview .ucx-usecase-card:nth-child(1) p{
  max-width:430px!important;
  margin:0!important;
  font-size:15px!important;
  line-height:1.76!important;
  color:#5a687a!important;
}
.sendly-usecase-overview .ucx-overview-card-path{
  position:relative;
  z-index:1;
  align-self:end;
  display:grid;
  gap:10px;
  padding:16px;
  border-radius:24px;
  border:1px solid rgba(15,87,54,.10);
  background:rgba(255,255,255,.72);
  box-shadow:0 14px 30px rgba(15,23,42,.04);
}
.sendly-usecase-overview .ucx-overview-card-path span{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center;
  gap:12px;
  min-height:46px;
  color:#172033;
  font-size:13px;
  font-weight:900;
}
.sendly-usecase-overview .ucx-overview-card-path i{
  width:42px;
  height:34px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#eaf8ec;
  color:#07884a;
  font-style:normal;
  font-size:11px;
  font-weight:950;
}
.sendly-usecase-overview .ucx-usecase-card:not(:first-child){
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr) auto!important;
  grid-template-areas:
    "icon content action"
    "icon tags action"!important;
  column-gap:20px!important;
  row-gap:14px!important;
  align-items:center!important;
  min-height:144px!important;
  padding:22px 24px!important;
}
.sendly-usecase-overview .ucx-usecase-card:not(:first-child) .ucx-usecase-icon{grid-area:icon!important;}
.sendly-usecase-overview .ucx-usecase-card:not(:first-child) .ucx-usecase-content{
  grid-area:content!important;
  display:grid!important;
  gap:8px!important;
}
.sendly-usecase-overview .ucx-usecase-card:not(:first-child) h3{
  margin:0!important;
  font-size:clamp(25px,1.75vw,30px)!important;
  line-height:1.08!important;
  letter-spacing:-.046em!important;
}
.sendly-usecase-overview .ucx-usecase-card:not(:first-child) p{
  max-width:650px!important;
  margin:0!important;
  font-size:13.7px!important;
  line-height:1.6!important;
  color:#5f6d7e!important;
}
.sendly-usecase-overview .ucx-overview-card-tags{
  grid-area:tags!important;
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.sendly-usecase-overview .ucx-overview-card-tags span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:7px 10px;
  border-radius:999px;
  background:#f7fbf7;
  border:1px solid rgba(15,87,54,.08);
  color:#596678;
  font-size:11px;
  font-weight:850;
}
.sendly-usecase-overview .ucx-usecase-card b{
  position:relative;
  z-index:1;
  grid-area:action!important;
  margin:0!important;
  padding:0!important;
  align-self:center!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  white-space:nowrap;
  color:#07884a!important;
  font-size:13px!important;
  font-weight:950!important;
}
.sendly-usecase-overview .ucx-usecase-card b::after{
  content:"";
  width:28px!important;
  height:1px!important;
  background:currentColor!important;
  opacity:.28!important;
}
.sendly-usecase-overview .ucx-usecase-card:nth-child(1) b{
  align-self:end!important;
  justify-self:start!important;
}

@media(max-width:1080px){
  .sendly-usecase-overview .ucx-usecase-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-areas:none!important;
  }
  .sendly-usecase-overview .ucx-usecase-card,
  .sendly-usecase-overview .ucx-usecase-card:nth-child(1),
  .sendly-usecase-overview .ucx-usecase-card:not(:first-child){
    grid-area:auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:none!important;
    min-height:270px!important;
    gap:16px!important;
    align-content:start!important;
  }
  .sendly-usecase-overview .ucx-usecase-card .ucx-usecase-icon,
  .sendly-usecase-overview .ucx-usecase-card .ucx-usecase-content,
  .sendly-usecase-overview .ucx-overview-card-tags,
  .sendly-usecase-overview .ucx-usecase-card b{
    grid-area:auto!important;
  }
  .sendly-usecase-overview .ucx-overview-card-path{
    margin-top:auto;
  }
  .sendly-usecase-overview .ucx-usecase-card b{
    margin-top:auto!important;
    align-self:end!important;
    justify-self:start!important;
  }
}

@media(max-width:680px){
  .sendly-usecase-overview .ucx-routing{
    padding-top:42px!important;
    padding-bottom:36px!important;
  }
  .sendly-usecase-overview .ucx-routing .ucx-section-head{
    margin-bottom:22px!important;
  }
  .sendly-usecase-overview .ucx-routing .ucx-section-head h2{
    font-size:30px!important;
    line-height:1.12!important;
  }
  .sendly-usecase-overview .ucx-routing .ucx-section-head p{
    font-size:14.5px!important;
  }
  .sendly-usecase-overview .ucx-usecase-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .sendly-usecase-overview .ucx-usecase-card,
  .sendly-usecase-overview .ucx-usecase-card:nth-child(1),
  .sendly-usecase-overview .ucx-usecase-card:not(:first-child){
    min-height:0!important;
    padding:20px!important;
    border-radius:24px!important;
  }
  .sendly-usecase-overview .ucx-usecase-icon,
  .sendly-usecase-overview .ucx-usecase-card:nth-child(1) .ucx-usecase-icon{
    width:48px!important;
    height:48px!important;
    border-radius:16px!important;
  }
  .sendly-usecase-overview .ucx-usecase-card h3,
  .sendly-usecase-overview .ucx-usecase-card:nth-child(1) h3,
  .sendly-usecase-overview .ucx-usecase-card:not(:first-child) h3{
    max-width:100%!important;
    font-size:25px!important;
    line-height:1.1!important;
  }
  .sendly-usecase-overview .ucx-usecase-card p,
  .sendly-usecase-overview .ucx-usecase-card:nth-child(1) p,
  .sendly-usecase-overview .ucx-usecase-card:not(:first-child) p{
    max-width:100%!important;
    font-size:13.5px!important;
    line-height:1.65!important;
  }
  .sendly-usecase-overview .ucx-overview-card-path{
    padding:12px!important;
    border-radius:20px!important;
  }
  .sendly-usecase-overview .ucx-overview-card-path span{
    min-height:40px;
    grid-template-columns:38px minmax(0,1fr);
    gap:10px;
    font-size:12.5px;
  }
  .sendly-usecase-overview .ucx-overview-card-path i{
    width:38px;
    height:32px;
  }
  .sendly-usecase-overview .ucx-overview-card-tags span{
    font-size:10.5px;
  }
}

/* =========================================================
   Use case library compact four-card layout (v14)
   Request: shorter section, four proportional boxes in one row.
   ========================================================= */
.sendly-usecase-overview .ucx-routing{
  padding-top:58px!important;
  padding-bottom:54px!important;
  background:
    radial-gradient(circle at 6% 12%,rgba(183,255,26,.12),transparent 27%),
    radial-gradient(circle at 94% 10%,rgba(16,169,87,.075),transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#fbfdf9 100%)!important;
}
.sendly-usecase-overview .ucx-routing .ucx-section-head{
  max-width:760px!important;
  margin:0 auto 26px!important;
}
.sendly-usecase-overview .ucx-routing .ucx-section-head h2{
  max-width:760px!important;
  font-size:clamp(32px,3vw,44px)!important;
  line-height:1.08!important;
  letter-spacing:-.052em!important;
}
.sendly-usecase-overview .ucx-routing .ucx-section-head p{
  max-width:590px!important;
  font-size:14.5px!important;
  line-height:1.65!important;
  color:#5e6b7c!important;
}
.sendly-usecase-overview .ucx-usecase-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-template-areas:none!important;
  gap:16px!important;
  align-items:stretch!important;
}
.sendly-usecase-overview .ucx-usecase-card,
.sendly-usecase-overview .ucx-usecase-card:nth-child(1),
.sendly-usecase-overview .ucx-usecase-card:not(:first-child){
  grid-area:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  min-height:282px!important;
  padding:24px 22px 22px!important;
  border-radius:28px!important;
  border:1px solid rgba(15,87,54,.11)!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 18px 42px rgba(15,23,42,.045)!important;
  overflow:hidden!important;
}
.sendly-usecase-overview .ucx-usecase-card:nth-child(1),
.sendly-usecase-overview .ucx-usecase-card.is-current{
  background:
    radial-gradient(circle at 16% 0%,rgba(183,255,26,.22),transparent 36%),
    linear-gradient(180deg,#ffffff 0%,#f7fcf4 100%)!important;
  border-color:rgba(16,169,87,.25)!important;
}
.sendly-usecase-overview .ucx-usecase-card:nth-child(2){
  background:
    radial-gradient(circle at 14% 0%,rgba(16,169,87,.12),transparent 34%),
    rgba(255,255,255,.95)!important;
}
.sendly-usecase-overview .ucx-usecase-card:nth-child(3){
  background:
    radial-gradient(circle at 14% 0%,rgba(183,255,26,.16),transparent 34%),
    rgba(255,255,255,.95)!important;
}
.sendly-usecase-overview .ucx-usecase-card:nth-child(4){
  background:
    radial-gradient(circle at 14% 0%,rgba(16,169,87,.10),transparent 34%),
    rgba(255,255,255,.95)!important;
}
.sendly-usecase-overview .ucx-usecase-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(16,169,87,.28)!important;
  box-shadow:0 26px 60px rgba(15,23,42,.08)!important;
}
.sendly-usecase-overview .ucx-usecase-card::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:0;
  background:linear-gradient(135deg,rgba(183,255,26,.14),transparent 42%);
  pointer-events:none;
  transition:opacity .2s ease;
}
.sendly-usecase-overview .ucx-usecase-card:hover::before,
.sendly-usecase-overview .ucx-usecase-card.is-current::before{opacity:1;}
.sendly-usecase-overview .ucx-usecase-card::after{
  content:""!important;
  position:absolute!important;
  left:22px!important;
  right:22px!important;
  bottom:0!important;
  height:2px!important;
  border-radius:999px 999px 0 0!important;
  background:linear-gradient(90deg,#10a957,#b7ff1a)!important;
  transform:scaleX(0)!important;
  transform-origin:left!important;
  transition:transform .22s ease!important;
}
.sendly-usecase-overview .ucx-usecase-card:hover::after,
.sendly-usecase-overview .ucx-usecase-card.is-current::after{transform:scaleX(1)!important;}
.sendly-usecase-overview .ucx-usecase-icon,
.sendly-usecase-overview .ucx-usecase-card:nth-child(1) .ucx-usecase-icon{
  position:relative!important;
  z-index:1!important;
  width:58px!important;
  height:58px!important;
  border-radius:20px!important;
  margin-bottom:18px!important;
  background:linear-gradient(180deg,#ebfff0 0%,#e6f8eb 100%)!important;
  color:#0b944f!important;
  box-shadow:inset 0 0 0 1px rgba(15,87,54,.06)!important;
}
.sendly-usecase-overview .ucx-usecase-icon svg{width:22px!important;height:22px!important;}
.sendly-usecase-overview .ucx-usecase-content,
.sendly-usecase-overview .ucx-usecase-card:nth-child(1) .ucx-usecase-content,
.sendly-usecase-overview .ucx-usecase-card:not(:first-child) .ucx-usecase-content{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  grid-area:auto!important;
}
.sendly-usecase-overview .ucx-usecase-content small{
  min-height:28px!important;
  padding:7px 11px!important;
  margin-bottom:14px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.84)!important;
  border:1px solid rgba(15,87,54,.10)!important;
  color:#5b6878!important;
  font-size:9.5px!important;
  font-weight:950!important;
  letter-spacing:.13em!important;
  line-height:1!important;
}
.sendly-usecase-overview .ucx-usecase-card h3,
.sendly-usecase-overview .ucx-usecase-card:nth-child(1) h3,
.sendly-usecase-overview .ucx-usecase-card:not(:first-child) h3{
  max-width:100%!important;
  margin:0 0 10px!important;
  font-size:clamp(23px,1.55vw,28px)!important;
  line-height:1.08!important;
  letter-spacing:-.048em!important;
  color:#101827!important;
}
.sendly-usecase-overview .ucx-usecase-card p,
.sendly-usecase-overview .ucx-usecase-card:nth-child(1) p,
.sendly-usecase-overview .ucx-usecase-card:not(:first-child) p{
  max-width:100%!important;
  margin:0!important;
  color:#5f6d7e!important;
  font-size:13.2px!important;
  line-height:1.62!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.sendly-usecase-overview .ucx-overview-card-path,
.sendly-usecase-overview .ucx-overview-card-tags{display:none!important;}
.sendly-usecase-overview .ucx-usecase-card b,
.sendly-usecase-overview .ucx-usecase-card:nth-child(1) b{
  position:relative!important;
  z-index:1!important;
  grid-area:auto!important;
  margin-top:auto!important;
  padding-top:20px!important;
  align-self:flex-start!important;
  justify-self:start!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  color:#07884a!important;
  font-size:13px!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
.sendly-usecase-overview .ucx-usecase-card b::after{
  content:""!important;
  width:30px!important;
  height:1px!important;
  background:currentColor!important;
  opacity:.28!important;
}

@media(max-width:1100px){
  .sendly-usecase-overview .ucx-usecase-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .sendly-usecase-overview .ucx-usecase-card,
  .sendly-usecase-overview .ucx-usecase-card:nth-child(1),
  .sendly-usecase-overview .ucx-usecase-card:not(:first-child){min-height:250px!important;}
}
@media(max-width:680px){
  .sendly-usecase-overview .ucx-routing{padding-top:40px!important;padding-bottom:34px!important;}
  .sendly-usecase-overview .ucx-routing .ucx-section-head{margin-bottom:20px!important;}
  .sendly-usecase-overview .ucx-routing .ucx-section-head h2{font-size:30px!important;line-height:1.1!important;}
  .sendly-usecase-overview .ucx-usecase-grid{grid-template-columns:1fr!important;gap:14px!important;}
  .sendly-usecase-overview .ucx-usecase-card,
  .sendly-usecase-overview .ucx-usecase-card:nth-child(1),
  .sendly-usecase-overview .ucx-usecase-card:not(:first-child){
    min-height:0!important;
    padding:20px!important;
    border-radius:24px!important;
  }
  .sendly-usecase-overview .ucx-usecase-icon,
  .sendly-usecase-overview .ucx-usecase-card:nth-child(1) .ucx-usecase-icon{
    width:50px!important;
    height:50px!important;
    border-radius:17px!important;
    margin-bottom:15px!important;
  }
  .sendly-usecase-overview .ucx-usecase-card h3,
  .sendly-usecase-overview .ucx-usecase-card:nth-child(1) h3,
  .sendly-usecase-overview .ucx-usecase-card:not(:first-child) h3{font-size:25px!important;}
  .sendly-usecase-overview .ucx-usecase-card p,
  .sendly-usecase-overview .ucx-usecase-card:nth-child(1) p,
  .sendly-usecase-overview .ucx-usecase-card:not(:first-child) p{
    -webkit-line-clamp:unset!important;
    display:block!important;
    font-size:13.5px!important;
  }
}


/* =========================================================
   Plain section eyebrow refinement (v15)
   Request: replace pill/card section labels with clean text labels,
   consistent with the How It Works section style.
   ========================================================= */
.ucx-kicker,
.sendly-usecase-overview .ucx-kicker,
.ucx-section-head .ucx-kicker,
.sendly-usecase-overview .ucx-routing .ucx-section-head .ucx-kicker{
  display:block!important;
  width:auto!important;
  max-width:none!important;
  margin:0 0 10px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#07884a!important;
  font-size:12px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:.32em!important;
  text-transform:uppercase!important;
}

.ucx-section-head-center .ucx-kicker,
.sendly-usecase-overview .ucx-routing .ucx-section-head .ucx-kicker{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

.ucx-section-head-split .ucx-kicker,
.ucx-proof-left .ucx-kicker{
  margin-left:0!important;
  margin-right:0!important;
}

.ucx-hero-copy .ucx-kicker,
.sendly-usecase-overview .ucx-hero .ucx-kicker{
  display:inline-block!important;
  margin:0 0 18px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#07884a!important;
  letter-spacing:.34em!important;
}

.ucx-hero-copy .ucx-kicker::before,
.ucx-hero-copy .ucx-kicker::after,
.sendly-usecase-overview .ucx-hero .ucx-kicker::before,
.sendly-usecase-overview .ucx-hero .ucx-kicker::after{
  display:none!important;
  content:none!important;
}

.sendly-usecase-overview .ucx-routing .ucx-section-head{
  gap:10px!important;
  margin-bottom:30px!important;
}

.sendly-usecase-overview .ucx-routing .ucx-section-head h2{
  margin-top:0!important;
}

@media(max-width:680px){
  .ucx-kicker,
  .sendly-usecase-overview .ucx-kicker,
  .ucx-section-head .ucx-kicker,
  .sendly-usecase-overview .ucx-routing .ucx-section-head .ucx-kicker{
    font-size:10.5px!important;
    letter-spacing:.24em!important;
    margin-bottom:8px!important;
  }
}


/* =========================================================
   Overview benefit section composition refinement (v16)
   Request: make this section cleaner, balanced, and proportional.
   ========================================================= */
.sendly-usecase-overview .ucx-benefits{
  padding:58px 0 66px!important;
  background:
    radial-gradient(circle at 8% 16%,rgba(183,255,26,.10),transparent 26%),
    radial-gradient(circle at 88% 24%,rgba(16,169,87,.08),transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#f8fbf7 100%)!important;
}

.sendly-usecase-overview .ucx-benefit-layout{
  display:grid!important;
  grid-template-columns:minmax(280px,.82fr) minmax(0,1fr) minmax(0,1fr)!important;
  gap:20px!important;
  align-items:stretch!important;
}

.sendly-usecase-overview .ucx-benefit-main,
.sendly-usecase-overview .ucx-benefit-stack{
  display:contents!important;
}

.sendly-usecase-overview .ucx-benefit-main .ucx-section-head{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
  margin:0!important;
  padding:4px 28px 4px 0!important;
  max-width:430px!important;
}

.sendly-usecase-overview .ucx-benefit-main .ucx-section-head h2{
  max-width:420px!important;
  font-size:clamp(34px,3.35vw,52px)!important;
  line-height:1.02!important;
  letter-spacing:-.06em!important;
}

.sendly-usecase-overview .ucx-benefit-main .ucx-section-head p{
  max-width:385px!important;
  font-size:16px!important;
  line-height:1.68!important;
}

.sendly-usecase-overview .ucx-benefit-feature,
.sendly-usecase-overview .ucx-benefit-card-alt{
  min-height:228px!important;
  height:100%!important;
  border-radius:30px!important;
  padding:28px!important;
  border:1px solid rgba(15,87,54,.105)!important;
  background:rgba(255,255,255,.95)!important;
  box-shadow:0 22px 58px rgba(17,24,39,.055)!important;
}

.sendly-usecase-overview .ucx-benefit-feature{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  background:
    radial-gradient(circle at 0% 0%,rgba(183,255,26,.22),transparent 34%),
    linear-gradient(135deg,#ffffff 0%,#f6fcf2 100%)!important;
  border-color:rgba(16,169,87,.17)!important;
}

.sendly-usecase-overview .ucx-benefit-stack .ucx-benefit-card-alt:nth-child(1){
  grid-column:3!important;
  grid-row:1!important;
}
.sendly-usecase-overview .ucx-benefit-stack .ucx-benefit-card-alt:nth-child(2){
  grid-column:2!important;
  grid-row:2!important;
  background:linear-gradient(180deg,#ffffff 0%,#f9fcf8 100%)!important;
}
.sendly-usecase-overview .ucx-benefit-stack .ucx-benefit-card-alt:nth-child(3){
  grid-column:3!important;
  grid-row:2!important;
  background:linear-gradient(180deg,#fbfffa 0%,#ffffff 100%)!important;
}

.sendly-usecase-overview .ucx-benefit-feature .ucx-card-title,
.sendly-usecase-overview .ucx-benefit-card-alt{
  position:relative!important;
  overflow:hidden!important;
}

.sendly-usecase-overview .ucx-benefit-feature .ucx-card-title{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:18px!important;
  align-items:start!important;
  margin:0!important;
}

.sendly-usecase-overview .ucx-benefit-feature .ucx-card-title .ucx-icon,
.sendly-usecase-overview .ucx-benefit-card-alt .ucx-icon{
  width:56px!important;
  height:56px!important;
  border-radius:18px!important;
  margin:0 0 18px!important;
  background:#eaf8ec!important;
  color:#07914f!important;
}

.sendly-usecase-overview .ucx-benefit-feature .ucx-card-title .ucx-icon{margin-bottom:0!important;}

.sendly-usecase-overview .ucx-benefit-feature h3,
.sendly-usecase-overview .ucx-benefit-card-alt h3{
  margin:0 0 12px!important;
  color:#101827!important;
  font-size:22px!important;
  line-height:1.16!important;
  letter-spacing:-.035em!important;
}

.sendly-usecase-overview .ucx-benefit-feature p,
.sendly-usecase-overview .ucx-benefit-card-alt p{
  max-width:100%!important;
  color:#5d6d80!important;
  font-size:15px!important;
  line-height:1.7!important;
}

.sendly-usecase-overview .ucx-benefit-card-alt:after,
.sendly-usecase-overview .ucx-benefit-feature:after{
  content:""!important;
  position:absolute!important;
  inset:auto 26px 0!important;
  height:3px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,rgba(16,169,87,.75),rgba(183,255,26,.75))!important;
  opacity:.36!important;
}

@media(max-width:1120px){
  .sendly-usecase-overview .ucx-benefit-layout{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
  }
  .sendly-usecase-overview .ucx-benefit-main .ucx-section-head{
    grid-column:1 / -1!important;
    grid-row:auto!important;
    max-width:760px!important;
    padding:0!important;
    align-self:start!important;
  }
  .sendly-usecase-overview .ucx-benefit-main .ucx-section-head h2,
  .sendly-usecase-overview .ucx-benefit-main .ucx-section-head p{
    max-width:720px!important;
  }
  .sendly-usecase-overview .ucx-benefit-feature,
  .sendly-usecase-overview .ucx-benefit-stack .ucx-benefit-card-alt:nth-child(1),
  .sendly-usecase-overview .ucx-benefit-stack .ucx-benefit-card-alt:nth-child(2),
  .sendly-usecase-overview .ucx-benefit-stack .ucx-benefit-card-alt:nth-child(3){
    grid-column:auto!important;
    grid-row:auto!important;
  }
}

@media(max-width:720px){
  .sendly-usecase-overview .ucx-benefits{
    padding:42px 0 46px!important;
  }
  .sendly-usecase-overview .ucx-benefit-layout{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .sendly-usecase-overview .ucx-benefit-main .ucx-section-head h2{
    font-size:31px!important;
    line-height:1.06!important;
  }
  .sendly-usecase-overview .ucx-benefit-main .ucx-section-head p{
    font-size:14.5px!important;
  }
  .sendly-usecase-overview .ucx-benefit-feature,
  .sendly-usecase-overview .ucx-benefit-card-alt{
    min-height:0!important;
    padding:22px!important;
    border-radius:24px!important;
  }
  .sendly-usecase-overview .ucx-benefit-feature .ucx-card-title .ucx-icon,
  .sendly-usecase-overview .ucx-benefit-card-alt .ucx-icon{
    width:52px!important;
    height:52px!important;
    border-radius:17px!important;
  }
  .sendly-usecase-overview .ucx-benefit-feature h3,
  .sendly-usecase-overview .ucx-benefit-card-alt h3{
    font-size:21px!important;
  }
}


/* =========================================================
   Audience section intro cleanup (v19)
   Request: remove the right-side explanatory paragraph and
   keep the coverage section balanced.
   ========================================================= */
.ucx-section-head-clean{
  display:block;
  max-width:940px;
  margin-bottom:28px;
}
.ucx-section-head-clean h2{
  max-width:860px;
}
.sendly-usecase-overview .ucx-audience .ucx-section-head-clean{
  max-width:920px;
}
.sendly-usecase-overview .ucx-audience .ucx-section-head-clean h2{
  max-width:820px;
}
@media(max-width:680px){
  .ucx-section-head-clean{
    margin-bottom:18px;
  }
}

/* =========================================================
   Core modules premium layout (v20)
   Request: make the Core Modules section more balanced,
   professional, and proportional on desktop and mobile.
   ========================================================= */
.ucx-feature-showcase{
  display:grid;
  gap:24px;
  align-items:stretch;
}
.ucx-feature-intro{
  position:relative;
  z-index:1;
}
.ucx-feature-intro h2{
  margin:0;
  color:#101827;
  font-size:clamp(34px,4vw,60px);
  line-height:1.02;
  letter-spacing:-.065em;
}
.ucx-feature-intro p{
  margin:18px 0 0;
  max-width:560px;
  color:#617083;
  font-size:16px;
  line-height:1.68;
}
.ucx-feature-tags{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:24px;
}
.ucx-feature-tags span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(16,169,87,.12);
  background:rgba(255,255,255,.86);
  color:#0a8b4d;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.ucx-feature-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:20px;
}
.ucx-feature-card-top small{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(16,169,87,.10);
  background:#fbfffa;
  color:#6a7787;
  font-size:10px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
  white-space:nowrap;
}
.ucx-feature-card h3{margin:0 0 10px!important;}
.ucx-feature-card p{margin:0!important;}

.sendly-usecase-overview .ucx-features{
  padding:64px 0 72px!important;
  background:
    radial-gradient(circle at 8% 18%,rgba(183,255,26,.13),transparent 28%),
    radial-gradient(circle at 90% 12%,rgba(16,169,87,.08),transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#f7fbf7 100%)!important;
}
.sendly-usecase-overview .ucx-feature-showcase{
  grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr)!important;
  gap:34px!important;
  align-items:center!important;
}
.sendly-usecase-overview .ucx-feature-intro{
  min-height:100%;
  padding:34px 34px 36px;
  border-radius:32px;
  border:1px solid rgba(16,169,87,.12);
  background:
    radial-gradient(circle at 0% 0%,rgba(183,255,26,.22),transparent 36%),
    linear-gradient(145deg,rgba(255,255,255,.92),rgba(247,253,246,.88));
  box-shadow:0 28px 72px rgba(17,24,39,.055);
  overflow:hidden;
}
.sendly-usecase-overview .ucx-feature-intro::after{
  content:"";
  position:absolute;
  left:34px;
  right:34px;
  bottom:0;
  height:3px;
  border-radius:999px 999px 0 0;
  background:linear-gradient(90deg,#11a65a,#c7ff3d);
  opacity:.78;
}
.sendly-usecase-overview .ucx-feature-intro h2{
  max-width:520px!important;
  font-size:clamp(36px,3.65vw,54px)!important;
}
.sendly-usecase-overview .ucx-feature-intro p{
  max-width:450px!important;
}
.sendly-usecase-overview .ucx-feature-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:1fr!important;
  gap:18px!important;
}
.sendly-usecase-overview .ucx-feature-card,
.sendly-usecase-overview .ucx-feature-card:first-child,
.sendly-usecase-overview .ucx-feature-card:nth-child(2),
.sendly-usecase-overview .ucx-feature-card:nth-child(3),
.sendly-usecase-overview .ucx-feature-card:nth-child(4),
.sendly-usecase-overview .ucx-feature-card:nth-child(5){
  grid-column:auto!important;
  min-height:230px!important;
}
.sendly-usecase-overview .ucx-feature-card{
  position:relative!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  padding:28px!important;
  border-radius:30px!important;
  border:1px solid rgba(15,87,54,.105)!important;
  background:rgba(255,255,255,.95)!important;
  box-shadow:0 24px 60px rgba(17,24,39,.055)!important;
}
.sendly-usecase-overview .ucx-feature-card:nth-child(2),
.sendly-usecase-overview .ucx-feature-card:nth-child(4){
  background:linear-gradient(180deg,#fbfffa 0%,#ffffff 100%)!important;
}
.sendly-usecase-overview .ucx-feature-card::after{
  content:"";
  position:absolute;
  inset:auto 28px 0;
  height:3px;
  border-radius:999px 999px 0 0;
  background:linear-gradient(90deg,rgba(16,169,87,.72),rgba(183,255,26,.72));
  opacity:.35;
}
.sendly-usecase-overview .ucx-feature-card .ucx-icon{
  width:56px!important;
  height:56px!important;
  border-radius:18px!important;
  background:#eaf8ec!important;
  color:#07914f!important;
  box-shadow:none!important;
}
.sendly-usecase-overview .ucx-feature-card .ucx-icon svg{
  width:22px!important;
  height:22px!important;
}
.sendly-usecase-overview .ucx-feature-card h3{
  color:#101827!important;
  font-size:21px!important;
  line-height:1.16!important;
  letter-spacing:-.035em!important;
}
.sendly-usecase-overview .ucx-feature-card p{
  max-width:100%!important;
  color:#5d6d80!important;
  font-size:14.5px!important;
  line-height:1.68!important;
}

@media(max-width:1100px){
  .sendly-usecase-overview .ucx-feature-showcase{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
  .sendly-usecase-overview .ucx-feature-intro{
    min-height:0;
    padding:30px!important;
  }
  .sendly-usecase-overview .ucx-feature-intro h2,
  .sendly-usecase-overview .ucx-feature-intro p{
    max-width:760px!important;
  }
}
@media(max-width:760px){
  .sendly-usecase-overview .ucx-features{
    padding:44px 0 50px!important;
  }
  .sendly-usecase-overview .ucx-feature-intro{
    padding:24px!important;
    border-radius:26px!important;
  }
  .sendly-usecase-overview .ucx-feature-intro::after{
    left:24px;
    right:24px;
  }
  .ucx-feature-intro h2,
  .sendly-usecase-overview .ucx-feature-intro h2{
    font-size:31px!important;
    line-height:1.06!important;
  }
  .ucx-feature-intro p,
  .sendly-usecase-overview .ucx-feature-intro p{
    margin-top:14px!important;
    font-size:14.5px!important;
  }
  .sendly-usecase-overview .ucx-feature-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .sendly-usecase-overview .ucx-feature-card,
  .sendly-usecase-overview .ucx-feature-card:first-child,
  .sendly-usecase-overview .ucx-feature-card:nth-child(2),
  .sendly-usecase-overview .ucx-feature-card:nth-child(3),
  .sendly-usecase-overview .ucx-feature-card:nth-child(4){
    min-height:0!important;
    padding:22px!important;
    border-radius:24px!important;
  }
  .ucx-feature-card-top{
    margin-bottom:16px;
  }
  .sendly-usecase-overview .ucx-feature-card .ucx-icon{
    width:52px!important;
    height:52px!important;
    border-radius:17px!important;
  }
  .sendly-usecase-overview .ucx-feature-card h3{
    font-size:20px!important;
  }
  .ucx-feature-tags span{
    min-height:32px;
    font-size:10px;
  }
}
@media(max-width:460px){
  .ucx-feature-card-top{
    align-items:flex-start;
  }
  .ucx-feature-card-top small{
    font-size:9px;
    letter-spacing:.08em;
    padding:0 8px;
  }
}


/* =========================================================
   Core modules label cleanup (v21)
   Request: remove Module 01-04 text labels and keep cards clean.
   ========================================================= */
.ucx-feature-card-top{
  justify-content:flex-start!important;
  margin-bottom:22px!important;
}
.sendly-usecase-overview .ucx-feature-card{
  gap:0!important;
}
@media(max-width:760px){
  .ucx-feature-card-top{
    margin-bottom:16px!important;
  }
}

/* =========================================================
   Overview dark workflow marquee (v24)
   Aligns the use-case overview divider with the homepage marquee.
   ========================================================= */
.sendly-usecase-overview .ucx-marquee-strip{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  margin:0;
  padding:18px 0 20px;
  border:0!important;
  background:
    radial-gradient(circle at 18% 0%, rgba(183,255,26,.16), transparent 30%),
    radial-gradient(circle at 84% 100%, rgba(22,163,74,.22), transparent 34%),
    linear-gradient(135deg,#061610 0%,#09291F 48%,#0B3D2E 100%);
  border-top:1px solid rgba(255,255,255,.07)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 22px 52px rgba(11,61,46,.12);
  min-height:94px;
}
.sendly-usecase-overview .ucx-marquee-strip::before,
.sendly-usecase-overview .ucx-marquee-strip::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:min(10vw,120px);
  z-index:3;
  pointer-events:none;
}
.sendly-usecase-overview .ucx-marquee-strip::before{
  left:0;
  background:linear-gradient(90deg,#061610 0%,rgba(6,22,16,.92) 34%,transparent 100%);
}
.sendly-usecase-overview .ucx-marquee-strip::after{
  right:0;
  background:linear-gradient(270deg,#0B3D2E 0%,rgba(11,61,46,.88) 34%,transparent 100%);
}
.sendly-usecase-overview .ucx-marquee-track{
  display:flex;
  align-items:center;
  width:max-content;
  will-change:transform;
  animation:ucxDarkMarquee 27s linear infinite;
}
.sendly-usecase-overview .ucx-marquee-group{
  display:flex;
  align-items:center;
  gap:18px;
  padding-right:18px;
  flex:0 0 auto;
}
.sendly-usecase-overview .ucx-marquee-item{
  display:inline-flex;
  align-items:center;
  gap:14px;
  white-space:nowrap;
  color:#F7FFF8;
  font-size:clamp(24px,2.2vw,38px);
  line-height:1;
  letter-spacing:-.05em;
  font-weight:950;
  opacity:.96;
}
.sendly-usecase-overview .ucx-marquee-item svg{
  width:38px;
  height:38px;
  padding:9px;
  border-radius:999px;
  flex:none;
  color:#0B3D2E;
  background:linear-gradient(135deg,#B7FF1A,#4ADE80);
  box-shadow:none;
}
.sendly-usecase-overview .ucx-marquee-item b{
  display:inline-block;
  color:inherit;
  text-shadow:none;
}
.sendly-usecase-overview .ucx-marquee-strip:hover .ucx-marquee-track{
  animation-play-state:running;
}
@keyframes ucxDarkMarquee{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(-50%,0,0);}
}

.sendly-usecase-overview .ucx-routing{
  border-top:0!important;
  padding-top:64px!important;
}
.sendly-usecase-overview .ucx-routing::before{
  background-image:
    linear-gradient(90deg,rgba(15,87,54,.035) 1px,transparent 1px),
    linear-gradient(0deg,rgba(15,87,54,.028) 1px,transparent 1px)!important;
  background-size:72px 72px!important;
  mask-image:linear-gradient(to bottom,transparent 0%,#000 17%,transparent 88%)!important;
}
.sendly-usecase-overview .ucx-routing::after{
  display:none!important;
  content:none!important;
}

@media(max-width:860px){
  .sendly-usecase-overview .ucx-marquee-strip{padding:17px 0;}
  .sendly-usecase-overview .ucx-marquee-strip::before,
  .sendly-usecase-overview .ucx-marquee-strip::after{width:58px;}
  .sendly-usecase-overview .ucx-marquee-track{animation-duration:23s;}
  .sendly-usecase-overview .ucx-marquee-group{gap:13px;padding-right:13px;}
  .sendly-usecase-overview .ucx-marquee-item{gap:10px;font-size:23px;}
  .sendly-usecase-overview .ucx-marquee-item svg{
    width:31px;
    height:31px;
    padding:8px;
    box-shadow:none;
  }
  .sendly-usecase-overview .ucx-routing{padding-top:48px!important;}
}
@media(max-width:520px){
  .sendly-usecase-overview .ucx-marquee-strip{padding:15px 0;}
  .sendly-usecase-overview .ucx-marquee-item{font-size:20px;}
}
@media(prefers-reduced-motion:reduce){
  .sendly-usecase-overview .ucx-marquee-track{animation:ucxDarkMarquee 45s linear infinite;}
}


/* v25 marquee cleanup: remove unintended horizontal green glow line */
.sendly-usecase-overview .ucx-marquee-track,
.sendly-usecase-overview .ucx-marquee-group{
  position:relative;
  z-index:1;
  background:none!important;
}
.sendly-usecase-overview .ucx-marquee-item{
  position:relative;
  z-index:2;
}
.sendly-usecase-overview .ucx-marquee-strip::selection,
.sendly-usecase-overview .ucx-marquee-item::selection{background:rgba(183,255,26,.18);}

/* v26 marquee artifact fix: remove strike-through effect and improve vertical fit */
.sendly-usecase-overview .ucx-marquee-strip{display:flex;align-items:center;}
.sendly-usecase-overview .ucx-marquee-track{align-items:center;transform:translateZ(0);}
.sendly-usecase-overview .ucx-marquee-item{line-height:.92;padding-block:6px;}
.sendly-usecase-overview .ucx-marquee-item svg{display:block;filter:none!important;}
.sendly-usecase-overview .ucx-marquee-item b{position:relative;display:inline-block;}
@media(max-width:860px){
  .sendly-usecase-overview .ucx-marquee-strip{min-height:82px;padding:15px 0 17px;}
}
@media(max-width:520px){
  .sendly-usecase-overview .ucx-marquee-strip{min-height:74px;padding:13px 0 15px;}
}


/* =========================================================
   Overview spotlight benefits section (v27)
   Bright green differentiator inspired by homepage section.
   ========================================================= */
.sendly-usecase-overview .ucx-benefits-overview-spotlight{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#b9ff1b 0%,#aef314 100%);
  padding:72px 0 78px;
}
.sendly-usecase-overview .ucx-benefits-overview-spotlight::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(7,20,17,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(7,20,17,.08) 1px,transparent 1px);
  background-size:96px 96px;
  opacity:.18;
  pointer-events:none;
}
.sendly-usecase-overview .ucx-benefit-spotlight{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);
  gap:clamp(34px,4vw,74px);
  align-items:center;
}
.sendly-usecase-overview .ucx-benefit-spotlight-card{
  position:relative;
  overflow:hidden;
  min-height:520px;
  padding:34px;
  border-radius:36px;
  background:linear-gradient(180deg,#0a111a 0%,#111c29 100%);
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 36px 70px rgba(0,0,0,.18);
  color:#f7fafc;
}
.sendly-usecase-overview .ucx-benefit-spotlight-card::after{
  content:"";
  position:absolute;
  left:26px;
  right:26px;
  bottom:26px;
  height:76px;
  border-radius:24px;
  background:linear-gradient(180deg,#b7ff1a,#a0ef00);
  box-shadow:0 18px 28px rgba(183,255,26,.26);
}
.sendly-usecase-overview .ucx-benefit-spotlight-pill{
  display:inline-flex;
  align-items:center;
  min-height:46px;
  padding:0 18px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:#f3f6fb;
  font-size:14px;
  font-weight:900;
  letter-spacing:-.02em;
}
.sendly-usecase-overview .ucx-benefit-spotlight-status{
  position:absolute;
  top:28px;
  right:28px;
  width:54px;
  height:54px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.08);
  color:#b7ff1a;
  font-size:26px;
  font-weight:900;
}
.sendly-usecase-overview .ucx-benefit-spotlight-card h3{
  margin:78px 0 16px;
  color:#f8fbff;
  font-size:clamp(34px,3vw,54px);
  line-height:1.02;
  letter-spacing:-.055em;
  max-width:520px;
}
.sendly-usecase-overview .ucx-benefit-spotlight-card p{
  margin:0;
  max-width:550px;
  color:rgba(239,244,251,.84);
  font-size:18px;
  line-height:1.64;
}
.sendly-usecase-overview .ucx-benefit-spotlight-tags{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:28px 0 118px;
}
.sendly-usecase-overview .ucx-benefit-spotlight-tags span{
  display:inline-flex;
  align-items:center;
  min-height:48px;
  padding:0 16px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#f5f8fc;
  font-size:13px;
  font-weight:850;
}
.sendly-usecase-overview .ucx-benefit-spotlight-bar{
  position:absolute;
  left:26px;
  right:26px;
  bottom:48px;
  z-index:2;
  text-align:center;
  color:#0b1520;
  font-size:18px;
  font-weight:950;
  letter-spacing:-.03em;
}
.sendly-usecase-overview .ucx-benefit-spotlight-copy .ucx-section-head{margin-bottom:24px;}
.sendly-usecase-overview .ucx-benefit-spotlight-copy .ucx-kicker{
  color:#0b1520;
  background:#0b1520;
  border-color:#0b1520;
  color:#b9ff1b;
  padding:10px 18px;
}
.sendly-usecase-overview .ucx-benefit-spotlight-copy .ucx-section-head h2{
  color:#0b1520;
  font-size:clamp(44px,5vw,82px);
  line-height:.94;
  letter-spacing:-.07em;
  max-width:700px;
}
.sendly-usecase-overview .ucx-benefit-spotlight-steps{display:grid;gap:18px;}
.sendly-usecase-overview .ucx-benefit-spotlight-step{
  display:grid;
  grid-template-columns:70px 1fr;
  gap:18px;
  align-items:start;
}
.sendly-usecase-overview .ucx-benefit-step-no{
  width:56px;
  height:56px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#0d2330;
  color:#b9ff1b;
  font-size:24px;
  font-weight:950;
  letter-spacing:-.03em;
}
.sendly-usecase-overview .ucx-benefit-spotlight-step h3{
  margin:2px 0 8px;
  color:#0b1520;
  font-size:clamp(24px,2vw,32px);
  line-height:1.1;
  letter-spacing:-.035em;
}
.sendly-usecase-overview .ucx-benefit-spotlight-step p{
  margin:0;
  color:rgba(11,21,32,.78);
  font-size:17px;
  line-height:1.65;
  max-width:640px;
}
@media(max-width:1180px){
  .sendly-usecase-overview .ucx-benefit-spotlight{grid-template-columns:1fr;gap:34px;}
  .sendly-usecase-overview .ucx-benefit-spotlight-card{min-height:auto;}
  .sendly-usecase-overview .ucx-benefit-spotlight-tags{margin-bottom:118px;}
  .sendly-usecase-overview .ucx-benefit-spotlight-copy .ucx-section-head h2{max-width:860px;}
}
@media(max-width:860px){
  .sendly-usecase-overview .ucx-benefits-overview-spotlight{padding:52px 0 58px;}
  .sendly-usecase-overview .ucx-benefit-spotlight-card{padding:24px;border-radius:28px;}
  .sendly-usecase-overview .ucx-benefit-spotlight-card::after{left:18px;right:18px;bottom:18px;height:68px;border-radius:22px;}
  .sendly-usecase-overview .ucx-benefit-spotlight-status{top:20px;right:20px;width:48px;height:48px;font-size:22px;}
  .sendly-usecase-overview .ucx-benefit-spotlight-card h3{margin-top:62px;font-size:42px;}
  .sendly-usecase-overview .ucx-benefit-spotlight-card p{font-size:17px;}
  .sendly-usecase-overview .ucx-benefit-spotlight-tags{margin:24px 0 106px;}
  .sendly-usecase-overview .ucx-benefit-spotlight-copy .ucx-section-head h2{font-size:52px;}
  .sendly-usecase-overview .ucx-benefit-spotlight-step{grid-template-columns:58px 1fr;gap:14px;}
  .sendly-usecase-overview .ucx-benefit-step-no{width:48px;height:48px;font-size:20px;}
  .sendly-usecase-overview .ucx-benefit-spotlight-step h3{font-size:24px;}
  .sendly-usecase-overview .ucx-benefit-spotlight-step p{font-size:16px;}
}
@media(max-width:560px){
  .sendly-usecase-overview .ucx-benefits-overview-spotlight{padding:42px 0 46px;}
  .sendly-usecase-overview .ucx-benefit-spotlight-card h3{font-size:34px;}
  .sendly-usecase-overview .ucx-benefit-spotlight-tags span{width:100%;justify-content:center;}
  .sendly-usecase-overview .ucx-benefit-spotlight-copy .ucx-section-head h2{font-size:40px;}
  .sendly-usecase-overview .ucx-benefit-spotlight-step{grid-template-columns:1fr;}
  .sendly-usecase-overview .ucx-benefit-step-no{margin-bottom:8px;}
}


/* =========================================================
   Overview spacing polish (v28)
   Bring major sections closer while keeping the layout premium.
   ========================================================= */
.sendly-usecase-overview .ucx-benefits-overview-spotlight{
  padding-top:58px!important;
  padding-bottom:58px!important;
}
.sendly-usecase-overview .ucx-workflow{
  padding-top:42px!important;
  padding-bottom:38px!important;
  background:linear-gradient(180deg,#f8fbf7 0%,#ffffff 100%);
}
.sendly-usecase-overview .ucx-workflow-card{
  row-gap:22px;
}
.sendly-usecase-overview .ucx-audience{
  padding-top:36px!important;
}
.sendly-usecase-overview .ucx-audience .ucx-section-head-clean{
  margin-bottom:24px;
}
@media(max-width:1180px){
  .sendly-usecase-overview .ucx-benefits-overview-spotlight{
    padding-top:50px!important;
    padding-bottom:50px!important;
  }
  .sendly-usecase-overview .ucx-workflow{
    padding-top:38px!important;
    padding-bottom:34px!important;
  }
  .sendly-usecase-overview .ucx-audience{
    padding-top:32px!important;
  }
}
@media(max-width:860px){
  .sendly-usecase-overview .ucx-benefits-overview-spotlight{
    padding-top:44px!important;
    padding-bottom:44px!important;
  }
  .sendly-usecase-overview .ucx-workflow{
    padding-top:34px!important;
    padding-bottom:30px!important;
  }
  .sendly-usecase-overview .ucx-audience{
    padding-top:30px!important;
  }
}
@media(max-width:560px){
  .sendly-usecase-overview .ucx-benefits-overview-spotlight{
    padding-top:38px!important;
    padding-bottom:38px!important;
  }
  .sendly-usecase-overview .ucx-workflow{
    padding-top:30px!important;
    padding-bottom:28px!important;
  }
  .sendly-usecase-overview .ucx-audience{
    padding-top:28px!important;
  }
}


/* =========================================================
   Section spacing tightening (v29)
   Reduce excessive whitespace before Core Modules and FAQ.
   ========================================================= */
.sendly-usecase-overview .ucx-audience{
  padding-bottom:18px!important;
}
.sendly-usecase-overview .ucx-features{
  padding-top:28px!important;
  padding-bottom:26px!important;
}
.sendly-usecase-overview .ucx-feature-showcase{
  gap:24px!important;
}
.sendly-usecase-overview .ucx-feature-intro{
  padding-top:28px!important;
  padding-bottom:30px!important;
}
.sendly-usecase-overview .ucx-feature-grid{
  align-items:stretch!important;
}
.sendly-usecase-overview .ucx-faq{
  padding-top:18px!important;
}
.sendly-usecase-overview .ucx-faq .ucx-section-head{
  margin-bottom:22px!important;
}
@media(max-width:1180px){
  .sendly-usecase-overview .ucx-audience{padding-bottom:16px!important;}
  .sendly-usecase-overview .ucx-features{padding-top:24px!important;padding-bottom:24px!important;}
  .sendly-usecase-overview .ucx-faq{padding-top:16px!important;}
}
@media(max-width:860px){
  .sendly-usecase-overview .ucx-audience{padding-bottom:14px!important;}
  .sendly-usecase-overview .ucx-features{padding-top:22px!important;padding-bottom:22px!important;}
  .sendly-usecase-overview .ucx-feature-intro{padding-top:24px!important;padding-bottom:24px!important;}
  .sendly-usecase-overview .ucx-faq{padding-top:14px!important;}
  .sendly-usecase-overview .ucx-faq .ucx-section-head{margin-bottom:18px!important;}
}
@media(max-width:560px){
  .sendly-usecase-overview .ucx-audience{padding-bottom:12px!important;}
  .sendly-usecase-overview .ucx-features{padding-top:20px!important;padding-bottom:20px!important;}
  .sendly-usecase-overview .ucx-faq{padding-top:12px!important;}
}


/* =========================================================
   B2B page full concept polish (v30)
   Clean SaaS + Sendly green identity + varied section rhythm.
   ========================================================= */
.sendly-usecase-b2b .ucx-hero{
  background:
    radial-gradient(circle at 8% 14%, rgba(183,255,26,.34), transparent 27%),
    radial-gradient(circle at 88% 14%, rgba(16,169,87,.18), transparent 30%),
    linear-gradient(180deg,#fbfff8 0%,#f8fcf7 48%,#ffffff 100%)!important;
}
.sendly-usecase-b2b .ucx-hero-grid{
  min-height:610px!important;
  padding-top:52px!important;
  padding-bottom:46px!important;
}
.sendly-usecase-b2b .ucx-hero-copy h1{
  max-width:760px!important;
  font-size:clamp(40px,4.75vw,68px)!important;
}
.sendly-usecase-b2b .ucb-hero-panel{
  margin-top:18px!important;
  max-width:610px;
}
.sendly-usecase-b2b .ucx-dashboard-card{
  transform:translateY(6px);
}
.sendly-usecase-b2b .ucx-marquee-strip{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  margin:0;
  padding:18px 0 20px;
  min-height:92px;
  border:0!important;
  background:
    radial-gradient(circle at 14% 0%, rgba(183,255,26,.14), transparent 32%),
    radial-gradient(circle at 86% 100%, rgba(22,163,74,.22), transparent 36%),
    linear-gradient(135deg,#061610 0%,#09291f 48%,#0b3d2e 100%);
  box-shadow:0 22px 52px rgba(11,61,46,.12);
}
.sendly-usecase-b2b .ucx-marquee-strip::before,
.sendly-usecase-b2b .ucx-marquee-strip::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:min(10vw,118px);
  z-index:3;
  pointer-events:none;
}
.sendly-usecase-b2b .ucx-marquee-strip::before{left:0;background:linear-gradient(90deg,#061610 0%,rgba(6,22,16,.92) 35%,transparent 100%);}
.sendly-usecase-b2b .ucx-marquee-strip::after{right:0;background:linear-gradient(270deg,#0b3d2e 0%,rgba(11,61,46,.88) 35%,transparent 100%);}
.sendly-usecase-b2b .ucx-marquee-track{
  display:flex;
  align-items:center;
  width:max-content;
  animation:ucxDarkMarquee 29s linear infinite;
  will-change:transform;
}
.sendly-usecase-b2b .ucx-marquee-group{display:flex;align-items:center;gap:18px;padding-right:18px;flex:0 0 auto;}
.sendly-usecase-b2b .ucx-marquee-item{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;color:#f7fff8;font-size:clamp(24px,2.25vw,38px);line-height:.92;letter-spacing:-.05em;font-weight:950;padding-block:6px;}
.sendly-usecase-b2b .ucx-marquee-item svg{width:38px;height:38px;padding:9px;border-radius:999px;flex:none;color:#0b3d2e;background:linear-gradient(135deg,#b7ff1a,#4ade80);box-shadow:none;}
.sendly-usecase-b2b .ucx-marquee-item b{display:inline-block;text-shadow:none;}
.sendly-usecase-b2b .ucx-routing{
  padding-top:56px!important;
  padding-bottom:44px!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(183,255,26,.13),transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f8fbf7 100%)!important;
}
.sendly-usecase-b2b .ucx-routing .ucx-section-head p{max-width:640px;}
.sendly-usecase-b2b .ucx-usecase-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.sendly-usecase-b2b .ucx-usecase-card{min-height:260px!important;padding:24px!important;}
.sendly-usecase-b2b .ucx-usecase-card p{font-size:13px!important;line-height:1.62!important;}
.sendly-usecase-b2b .ucx-benefits-overview-spotlight{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#b9ff1b 0%,#aef314 100%)!important;
  padding:68px 0 72px!important;
}
.sendly-usecase-b2b .ucx-benefits-overview-spotlight::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(7,20,17,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(7,20,17,.08) 1px,transparent 1px);
  background-size:96px 96px;
  opacity:.18;
  pointer-events:none;
}
.sendly-usecase-b2b .ucx-benefit-spotlight{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(320px,.88fr) minmax(0,1.12fr);
  gap:clamp(34px,4vw,72px);
  align-items:center;
}
.sendly-usecase-b2b .ucx-benefit-spotlight-card{
  position:relative;
  overflow:hidden;
  min-height:500px;
  padding:34px;
  border-radius:36px;
  background:linear-gradient(180deg,#0a111a 0%,#111c29 100%);
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 36px 70px rgba(0,0,0,.18);
  color:#f7fafc;
}
.sendly-usecase-b2b .ucx-benefit-spotlight-card::after{content:"";position:absolute;left:26px;right:26px;bottom:26px;height:76px;border-radius:24px;background:linear-gradient(180deg,#b7ff1a,#a0ef00);box-shadow:0 18px 28px rgba(183,255,26,.26);}
.sendly-usecase-b2b .ucx-benefit-spotlight-pill{display:inline-flex;align-items:center;min-height:46px;padding:0 18px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#f3f6fb;font-size:14px;font-weight:900;letter-spacing:-.02em;}
.sendly-usecase-b2b .ucx-benefit-spotlight-status{position:absolute;top:28px;right:28px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#b7ff1a;font-size:26px;font-weight:900;}
.sendly-usecase-b2b .ucx-benefit-spotlight-card h3{margin:78px 0 16px;color:#f8fbff;font-size:clamp(34px,3vw,52px);line-height:1.02;letter-spacing:-.055em;max-width:520px;}
.sendly-usecase-b2b .ucx-benefit-spotlight-card p{margin:0;max-width:550px;color:rgba(239,244,251,.84);font-size:18px;line-height:1.64;}
.sendly-usecase-b2b .ucx-benefit-spotlight-tags{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 116px;}
.sendly-usecase-b2b .ucx-benefit-spotlight-tags span{display:inline-flex;align-items:center;min-height:48px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.08);color:#f5f8fc;font-size:13px;font-weight:850;}
.sendly-usecase-b2b .ucx-benefit-spotlight-bar{position:absolute;left:26px;right:26px;bottom:48px;z-index:2;text-align:center;color:#0b1520;font-size:18px;font-weight:950;letter-spacing:-.03em;}
.sendly-usecase-b2b .ucx-benefit-spotlight-copy .ucx-section-head{margin-bottom:24px;}
.sendly-usecase-b2b .ucx-benefit-spotlight-copy .ucx-kicker{background:#0b1520;border-color:#0b1520;color:#b9ff1b;padding:10px 18px;}
.sendly-usecase-b2b .ucx-benefit-spotlight-copy .ucx-section-head h2{color:#0b1520;font-size:clamp(44px,5vw,78px);line-height:.94;letter-spacing:-.07em;max-width:720px;}
.sendly-usecase-b2b .ucx-benefit-spotlight-steps{display:grid;gap:18px;}
.sendly-usecase-b2b .ucx-benefit-spotlight-step{display:grid;grid-template-columns:70px 1fr;gap:18px;align-items:start;}
.sendly-usecase-b2b .ucx-benefit-step-no{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#0d2330;color:#b9ff1b;font-size:24px;font-weight:950;letter-spacing:-.03em;}
.sendly-usecase-b2b .ucx-benefit-spotlight-step h3{margin:2px 0 8px;color:#0b1520;font-size:clamp(24px,2vw,32px);line-height:1.1;letter-spacing:-.035em;}
.sendly-usecase-b2b .ucx-benefit-spotlight-step p{margin:0;color:rgba(11,21,32,.78);font-size:17px;line-height:1.65;max-width:640px;}
.sendly-usecase-b2b .ucx-workflow{
  padding:46px 0 42px!important;
  background:linear-gradient(180deg,#f8fbf7 0%,#ffffff 100%)!important;
}
.sendly-usecase-b2b .ucx-workflow-card{
  display:grid!important;
  grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr)!important;
  gap:30px!important;
  align-items:center!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
}
.sendly-usecase-b2b .ucx-workflow-card .ucx-section-head{text-align:left!important;justify-items:start!important;margin:0!important;}
.sendly-usecase-b2b .ucx-workflow-card .ucx-section-head h2{max-width:520px!important;font-size:clamp(34px,3.5vw,54px)!important;}
.sendly-usecase-b2b .ucx-step-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;}
.sendly-usecase-b2b .ucx-step-grid:before{display:none!important;}
.sendly-usecase-b2b .ucx-step-grid article{display:grid!important;grid-template-columns:58px 1fr!important;gap:18px!important;align-items:start!important;min-height:170px!important;padding:26px!important;border-radius:28px!important;border:1px solid rgba(15,87,54,.10)!important;background:#fff!important;box-shadow:0 22px 54px rgba(17,24,39,.055)!important;}
.sendly-usecase-b2b .ucx-step-grid article span{width:52px!important;height:52px!important;margin:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#0b944f!important;color:#fff!important;font-size:22px!important;box-shadow:0 16px 34px rgba(16,169,87,.22)!important;}
.sendly-usecase-b2b .ucx-step-grid h3{margin:0 0 8px!important;font-size:20px!important;line-height:1.15!important;}
.sendly-usecase-b2b .ucx-step-grid p{font-size:14.5px!important;line-height:1.6!important;color:#607083!important;}
.sendly-usecase-b2b .ucx-audience{
  padding-top:38px!important;
  padding-bottom:32px!important;
  background:#fff!important;
}
.sendly-usecase-b2b .ucx-audience .ucx-section-head{margin-bottom:24px!important;}
.sendly-usecase-b2b .ucx-audience-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;}
.sendly-usecase-b2b .ucx-audience-card{min-height:260px!important;border-radius:28px!important;box-shadow:0 22px 56px rgba(17,24,39,.055)!important;}
.sendly-usecase-b2b .ucx-features{
  padding-top:34px!important;
  padding-bottom:34px!important;
  background:
    radial-gradient(circle at 8% 8%,rgba(183,255,26,.12),transparent 30%),
    linear-gradient(180deg,#f8fbf7 0%,#ffffff 100%)!important;
}
.sendly-usecase-b2b .ucx-feature-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:16px!important;}
.sendly-usecase-b2b .ucx-feature-card{grid-column:span 4!important;min-height:200px!important;border-radius:26px!important;box-shadow:0 20px 52px rgba(17,24,39,.052)!important;}
.sendly-usecase-b2b .ucx-feature-card:nth-child(4),
.sendly-usecase-b2b .ucx-feature-card:nth-child(5){grid-column:span 6!important;min-height:190px!important;}
.sendly-usecase-b2b .ucx-feature-card h3{font-size:17px!important;}
.sendly-usecase-b2b .ucx-faq{padding-top:26px!important;background:#f8fbf7!important;}
.sendly-usecase-b2b .ucx-final-cta-pro{padding-top:28px!important;}
@media(max-width:1180px){
  .sendly-usecase-b2b .ucx-hero-grid{grid-template-columns:1fr!important;}
  .sendly-usecase-b2b .ucx-usecase-grid,
  .sendly-usecase-b2b .ucx-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .sendly-usecase-b2b .ucx-benefit-spotlight{grid-template-columns:1fr;gap:34px;}
  .sendly-usecase-b2b .ucx-benefit-spotlight-card{min-height:auto;}
  .sendly-usecase-b2b .ucx-benefit-spotlight-tags{margin-bottom:116px;}
  .sendly-usecase-b2b .ucx-workflow-card{grid-template-columns:1fr!important;gap:22px!important;}
  .sendly-usecase-b2b .ucx-workflow-card .ucx-section-head{text-align:center!important;justify-items:center!important;}
  .sendly-usecase-b2b .ucx-feature-card,
  .sendly-usecase-b2b .ucx-feature-card:nth-child(4),
  .sendly-usecase-b2b .ucx-feature-card:nth-child(5){grid-column:span 6!important;}
}
@media(max-width:860px){
  .sendly-usecase-b2b .ucx-hero-grid{padding-top:38px!important;padding-bottom:34px!important;}
  .sendly-usecase-b2b .ucx-marquee-strip{min-height:82px;padding:15px 0 17px;}
  .sendly-usecase-b2b .ucx-marquee-strip::before,
  .sendly-usecase-b2b .ucx-marquee-strip::after{width:58px;}
  .sendly-usecase-b2b .ucx-marquee-track{animation-duration:24s;}
  .sendly-usecase-b2b .ucx-marquee-item{font-size:23px;gap:10px;}
  .sendly-usecase-b2b .ucx-marquee-item svg{width:31px;height:31px;padding:8px;}
  .sendly-usecase-b2b .ucx-routing{padding-top:42px!important;padding-bottom:32px!important;}
  .sendly-usecase-b2b .ucx-usecase-grid,
  .sendly-usecase-b2b .ucx-audience-grid,
  .sendly-usecase-b2b .ucx-step-grid{grid-template-columns:1fr!important;}
  .sendly-usecase-b2b .ucx-benefits-overview-spotlight{padding:50px 0 54px!important;}
  .sendly-usecase-b2b .ucx-benefit-spotlight-card{padding:24px;border-radius:28px;}
  .sendly-usecase-b2b .ucx-benefit-spotlight-card::after{left:18px;right:18px;bottom:18px;height:68px;border-radius:22px;}
  .sendly-usecase-b2b .ucx-benefit-spotlight-status{top:20px;right:20px;width:48px;height:48px;font-size:22px;}
  .sendly-usecase-b2b .ucx-benefit-spotlight-card h3{margin-top:62px;font-size:42px;}
  .sendly-usecase-b2b .ucx-benefit-spotlight-card p{font-size:17px;}
  .sendly-usecase-b2b .ucx-benefit-spotlight-tags{margin:24px 0 106px;}
  .sendly-usecase-b2b .ucx-benefit-spotlight-copy .ucx-section-head h2{font-size:46px;}
  .sendly-usecase-b2b .ucx-benefit-spotlight-step{grid-template-columns:58px 1fr;gap:14px;}
  .sendly-usecase-b2b .ucx-benefit-step-no{width:48px;height:48px;font-size:20px;}
  .sendly-usecase-b2b .ucx-workflow{padding:34px 0 30px!important;}
  .sendly-usecase-b2b .ucx-step-grid article{grid-template-columns:54px 1fr!important;min-height:auto!important;padding:22px!important;}
  .sendly-usecase-b2b .ucx-feature-card,
  .sendly-usecase-b2b .ucx-feature-card:nth-child(4),
  .sendly-usecase-b2b .ucx-feature-card:nth-child(5){grid-column:span 12!important;min-height:auto!important;}
}
@media(max-width:560px){
  .sendly-usecase-b2b .ucx-marquee-strip{min-height:74px;padding:13px 0 15px;}
  .sendly-usecase-b2b .ucx-marquee-item{font-size:20px;}
  .sendly-usecase-b2b .ucx-benefits-overview-spotlight{padding:42px 0 46px!important;}
  .sendly-usecase-b2b .ucx-benefit-spotlight-card h3{font-size:34px;}
  .sendly-usecase-b2b .ucx-benefit-spotlight-tags span{width:100%;justify-content:center;}
  .sendly-usecase-b2b .ucx-benefit-spotlight-copy .ucx-section-head h2{font-size:38px;}
  .sendly-usecase-b2b .ucx-benefit-spotlight-step{grid-template-columns:1fr;}
  .sendly-usecase-b2b .ucx-benefit-step-no{margin-bottom:8px;}
  .sendly-usecase-b2b .ucx-step-grid article{grid-template-columns:1fr!important;}
}


/* =========================================================
   B2B clean hero + proportional layout polish (v31)
   Request: make the top section text-only and tighten sizing/spacing.
   ========================================================= */
.sendly-usecase-b2b .ucx-hero{
  min-height:auto!important;
  border-bottom:1px solid rgba(15,87,54,.07)!important;
}
.sendly-usecase-b2b .ucx-hero-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  place-items:center!important;
  min-height:auto!important;
  padding:76px 0 70px!important;
}
.sendly-usecase-b2b .ucx-hero-copy,
.sendly-usecase-b2b .ucb-hero-copy{
  width:min(100%, 980px)!important;
  max-width:980px!important;
  margin:0 auto!important;
  display:grid!important;
  justify-items:center!important;
  text-align:center!important;
}
.sendly-usecase-b2b .ucx-breadcrumb{
  justify-content:center!important;
  margin-bottom:16px!important;
}
.sendly-usecase-b2b .ucx-hero .ucx-kicker{
  background:transparent!important;
  border:0!important;
  padding:0!important;
  color:#07884b!important;
  letter-spacing:.23em!important;
}
.sendly-usecase-b2b .ucb-hero-eyebrow{
  display:inline-flex!important;
  margin-top:10px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  color:#07884b!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.23em!important;
  text-transform:uppercase!important;
}
.sendly-usecase-b2b .ucx-hero-copy h1{
  max-width:960px!important;
  margin:20px auto 20px!important;
  font-size:clamp(46px,5.6vw,82px)!important;
  line-height:.96!important;
  letter-spacing:-.075em!important;
}
.sendly-usecase-b2b .ucx-hero-copy p{
  max-width:760px!important;
  margin:0 auto!important;
  font-size:17px!important;
  line-height:1.72!important;
}
.sendly-usecase-b2b .ucx-actions{
  justify-content:center!important;
  margin:30px 0 0!important;
}
.sendly-usecase-b2b .ucx-hero-visual,
.sendly-usecase-b2b .ucb-hero-panel,
.sendly-usecase-b2b .ucb-hero-points,
.sendly-usecase-b2b .ucb-visual-chip-card,
.sendly-usecase-b2b .ucb-visual-result-card{
  display:none!important;
}
.sendly-usecase-b2b .ucx-marquee-strip{
  margin-top:0!important;
}
.sendly-usecase-b2b .ucx-routing{
  padding-top:48px!important;
  padding-bottom:38px!important;
}
.sendly-usecase-b2b .ucx-routing .ucx-section-head{
  margin-bottom:24px!important;
}
.sendly-usecase-b2b .ucx-usecase-card{
  min-height:230px!important;
  padding:22px!important;
  border-radius:26px!important;
}
.sendly-usecase-b2b .ucx-benefits-overview-spotlight{
  padding-top:58px!important;
  padding-bottom:60px!important;
}
.sendly-usecase-b2b .ucx-benefit-spotlight-card{
  min-height:460px!important;
}
.sendly-usecase-b2b .ucx-workflow{
  padding-top:38px!important;
  padding-bottom:34px!important;
}
.sendly-usecase-b2b .ucx-step-grid article{
  min-height:150px!important;
  padding:24px!important;
}
.sendly-usecase-b2b .ucx-audience{
  padding-top:30px!important;
  padding-bottom:26px!important;
}
.sendly-usecase-b2b .ucx-audience-card{
  min-height:232px!important;
  padding:24px!important;
}
.sendly-usecase-b2b .ucx-features{
  padding-top:28px!important;
  padding-bottom:28px!important;
}
.sendly-usecase-b2b .ucx-feature-card{
  min-height:176px!important;
  padding:22px!important;
}
.sendly-usecase-b2b .ucx-feature-card:nth-child(4),
.sendly-usecase-b2b .ucx-feature-card:nth-child(5){
  min-height:170px!important;
}
.sendly-usecase-b2b .ucx-faq{
  padding-top:18px!important;
  padding-bottom:38px!important;
}
@media(max-width:1180px){
  .sendly-usecase-b2b .ucx-hero-grid{padding:64px 0 58px!important;}
  .sendly-usecase-b2b .ucx-usecase-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .sendly-usecase-b2b .ucx-benefit-spotlight-card{min-height:auto!important;}
}
@media(max-width:860px){
  .sendly-usecase-b2b .ucx-hero-grid{padding:48px 0 44px!important;}
  .sendly-usecase-b2b .ucx-hero-copy h1{font-size:clamp(40px,11vw,58px)!important;line-height:.98!important;}
  .sendly-usecase-b2b .ucx-hero-copy p{font-size:15.5px!important;line-height:1.7!important;}
  .sendly-usecase-b2b .ucx-actions{gap:10px!important;}
  .sendly-usecase-b2b .ucx-routing{padding-top:36px!important;padding-bottom:30px!important;}
  .sendly-usecase-b2b .ucx-usecase-grid,
  .sendly-usecase-b2b .ucx-audience-grid{grid-template-columns:1fr!important;}
  .sendly-usecase-b2b .ucx-usecase-card{min-height:auto!important;}
  .sendly-usecase-b2b .ucx-benefits-overview-spotlight{padding-top:44px!important;padding-bottom:46px!important;}
  .sendly-usecase-b2b .ucx-workflow{padding-top:30px!important;padding-bottom:28px!important;}
  .sendly-usecase-b2b .ucx-audience{padding-top:26px!important;padding-bottom:22px!important;}
  .sendly-usecase-b2b .ucx-features{padding-top:24px!important;padding-bottom:24px!important;}
  .sendly-usecase-b2b .ucx-faq{padding-top:14px!important;}
}
@media(max-width:560px){
  .sendly-usecase-b2b .ucx-hero-grid{padding:40px 0 38px!important;}
  .sendly-usecase-b2b .ucx-actions .btn{width:100%;justify-content:center;}
  .sendly-usecase-b2b .ucx-benefit-spotlight-copy .ucx-section-head h2{font-size:34px!important;}
}


/* =========================================================
   B2B hero cleanup (v32)
   Remove top labels/breadcrumbs and keep the text-only hero clean.
   ========================================================= */
.sendly-usecase-b2b .ucx-hero-copy,
.sendly-usecase-b2b .ucb-hero-copy{
  padding-top:0!important;
}
.sendly-usecase-b2b .ucx-hero .ucx-breadcrumb,
.sendly-usecase-b2b .ucx-hero .ucx-kicker,
.sendly-usecase-b2b .ucb-hero-eyebrow{
  display:none!important;
}
.sendly-usecase-b2b .ucx-hero-copy h1{
  margin-top:0!important;
}
@media(max-width:760px){
  .sendly-usecase-b2b .ucx-hero-grid{
    padding-top:44px!important;
  }
}
@media(max-width:520px){
  .sendly-usecase-b2b .ucx-hero-grid{
    padding-top:36px!important;
  }
}


/* =========================================================
   B2B workflow card alignment fix (v33)
   Fix narrow vertical paragraphs and improve card proportions.
   ========================================================= */
.sendly-usecase-b2b .ucx-workflow-card{
  align-items:center!important;
  column-gap:clamp(34px,4vw,72px)!important;
}
.sendly-usecase-b2b .ucx-step-grid{
  gap:18px!important;
}
.sendly-usecase-b2b .ucx-step-grid article{
  grid-template-columns:64px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:22px!important;
  row-gap:10px!important;
  min-height:184px!important;
  padding:28px 30px!important;
  align-content:start!important;
}
.sendly-usecase-b2b .ucx-step-grid article span{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  width:56px!important;
  height:56px!important;
}
.sendly-usecase-b2b .ucx-step-grid article h3{
  grid-column:2!important;
  grid-row:1!important;
  margin:2px 0 0!important;
  max-width:100%!important;
  font-size:21px!important;
  line-height:1.15!important;
  letter-spacing:-.035em!important;
}
.sendly-usecase-b2b .ucx-step-grid article p{
  grid-column:2!important;
  grid-row:2!important;
  max-width:360px!important;
  margin:0!important;
  font-size:15px!important;
  line-height:1.65!important;
  color:#5d6d80!important;
}
@media(max-width:1180px){
  .sendly-usecase-b2b .ucx-workflow-card{
    align-items:start!important;
  }
  .sendly-usecase-b2b .ucx-step-grid article{
    min-height:168px!important;
  }
}
@media(max-width:860px){
  .sendly-usecase-b2b .ucx-step-grid article{
    grid-template-columns:58px minmax(0,1fr)!important;
    min-height:auto!important;
    padding:24px!important;
    border-radius:26px!important;
  }
  .sendly-usecase-b2b .ucx-step-grid article span{
    width:50px!important;
    height:50px!important;
    font-size:20px!important;
  }
  .sendly-usecase-b2b .ucx-step-grid article p{
    max-width:100%!important;
    font-size:14.5px!important;
  }
}
@media(max-width:560px){
  .sendly-usecase-b2b .ucx-step-grid article{
    grid-template-columns:1fr!important;
    row-gap:12px!important;
    padding:22px!important;
  }
  .sendly-usecase-b2b .ucx-step-grid article span,
  .sendly-usecase-b2b .ucx-step-grid article h3,
  .sendly-usecase-b2b .ucx-step-grid article p{
    grid-column:1!important;
    grid-row:auto!important;
  }
}


/* v34 B2B audience heading cleanup */
.sendly-usecase-b2b .ucx-audience .ucx-section-head-clean{
  max-width:980px;
  margin-bottom:26px;
}
.sendly-usecase-b2b .ucx-audience .ucx-section-head-clean h2{
  max-width:920px;
}
@media(max-width:760px){
  .sendly-usecase-b2b .ucx-audience .ucx-section-head-clean{
    margin-bottom:18px;
  }
}


/* =========================================================
   B2B audience cards alignment polish (v35)
   Align the three audience cards into one clean row.
   ========================================================= */
.sendly-usecase-b2b .ucx-audience-grid{
  align-items:stretch!important;
  grid-auto-rows:1fr!important;
}
.sendly-usecase-b2b .ucx-audience-card,
.sendly-usecase-b2b .ucx-audience-card:nth-child(1),
.sendly-usecase-b2b .ucx-audience-card:nth-child(2),
.sendly-usecase-b2b .ucx-audience-card:nth-child(3){
  transform:none!important;
  height:100%!important;
  min-height:278px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  padding:30px 32px!important;
  border-radius:30px!important;
}
.sendly-usecase-b2b .ucx-audience-card .ucx-card-title{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  margin-bottom:26px!important;
}
.sendly-usecase-b2b .ucx-audience-card .ucx-icon{
  width:64px!important;
  height:64px!important;
  border-radius:20px!important;
  flex:0 0 64px!important;
}
.sendly-usecase-b2b .ucx-audience-card h3{
  margin:0!important;
  font-size:24px!important;
  line-height:1.12!important;
  letter-spacing:-.04em!important;
}
.sendly-usecase-b2b .ucx-audience-card p{
  margin:0!important;
  min-height:72px!important;
  color:#5d6d80!important;
  font-size:16px!important;
  line-height:1.6!important;
}
.sendly-usecase-b2b .ucx-audience-card ul{
  margin-top:auto!important;
  padding-top:22px!important;
  gap:12px!important;
}
.sendly-usecase-b2b .ucx-audience-card li{
  font-size:15px!important;
  line-height:1.28!important;
}
@media(max-width:1180px){
  .sendly-usecase-b2b .ucx-audience-card,
  .sendly-usecase-b2b .ucx-audience-card:nth-child(1),
  .sendly-usecase-b2b .ucx-audience-card:nth-child(2),
  .sendly-usecase-b2b .ucx-audience-card:nth-child(3){
    min-height:260px!important;
    padding:28px!important;
  }
}
@media(max-width:860px){
  .sendly-usecase-b2b .ucx-audience-card,
  .sendly-usecase-b2b .ucx-audience-card:nth-child(1),
  .sendly-usecase-b2b .ucx-audience-card:nth-child(2),
  .sendly-usecase-b2b .ucx-audience-card:nth-child(3){
    min-height:auto!important;
    padding:24px!important;
  }
  .sendly-usecase-b2b .ucx-audience-card p{min-height:0!important;}
  .sendly-usecase-b2b .ucx-audience-card ul{margin-top:18px!important;padding-top:0!important;}
}
@media(max-width:560px){
  .sendly-usecase-b2b .ucx-audience-card .ucx-card-title{
    gap:14px!important;
    margin-bottom:18px!important;
  }
  .sendly-usecase-b2b .ucx-audience-card .ucx-icon{
    width:54px!important;
    height:54px!important;
    flex-basis:54px!important;
  }
  .sendly-usecase-b2b .ucx-audience-card h3{font-size:21px!important;}
  .sendly-usecase-b2b .ucx-audience-card p{font-size:15px!important;}
}


/* =========================================================
   Event Audience professional polish (v36)
   Text-only hero, cleaner composition, proportional cards.
   ========================================================= */
.sendly-usecase-event .ucx-hero{
  min-height:auto!important;
  background:
    radial-gradient(circle at 14% 18%,rgba(183,255,26,.30),transparent 28%),
    radial-gradient(circle at 86% 18%,rgba(16,169,87,.14),transparent 30%),
    linear-gradient(180deg,#fbfff8 0%,#f7fbf8 42%,#ffffff 100%)!important;
}
.sendly-usecase-event .ucx-hero-grid{
  grid-template-columns:1fr!important;
  min-height:auto!important;
  padding:82px 0 74px!important;
  text-align:center!important;
  justify-items:center!important;
  gap:0!important;
}
.sendly-usecase-event .ucx-hero-copy,
.sendly-usecase-event .uce-hero-copy{
  max-width:1040px!important;
  margin:0 auto!important;
  display:grid!important;
  justify-items:center!important;
}
.sendly-usecase-event .ucx-hero .ucx-breadcrumb,
.sendly-usecase-event .ucx-hero .ucx-kicker,
.sendly-usecase-event .ucx-hero-checks,
.sendly-usecase-event .ucx-hero-focus,
.sendly-usecase-event .ucx-hero-visual{
  display:none!important;
}
.sendly-usecase-event .ucx-hero-copy h1{
  margin:0!important;
  max-width:980px!important;
  font-size:clamp(54px,6vw,96px)!important;
  line-height:.94!important;
  letter-spacing:-.075em!important;
  text-align:center!important;
}
.sendly-usecase-event .ucx-hero-copy p{
  max-width:760px!important;
  margin:24px auto 0!important;
  color:#516072!important;
  font-size:18px!important;
  line-height:1.72!important;
  text-align:center!important;
}
.sendly-usecase-event .ucx-actions{
  justify-content:center!important;
  margin-top:32px!important;
  margin-bottom:0!important;
}
.sendly-usecase-event .ucx-routing{
  padding-top:54px!important;
  padding-bottom:40px!important;
  background:#fff!important;
}
.sendly-usecase-event .ucx-usecase-grid{
  gap:18px!important;
  align-items:stretch!important;
}
.sendly-usecase-event .ucx-usecase-card{
  min-height:250px!important;
  padding:24px!important;
  border-radius:26px!important;
}
.sendly-usecase-event .ucx-usecase-card .ucx-usecase-icon{
  width:54px!important;
  height:54px!important;
  border-radius:18px!important;
}
.sendly-usecase-event .ucx-benefits{
  padding-top:40px!important;
  padding-bottom:40px!important;
}
.sendly-usecase-event .ucx-benefit-layout{
  align-items:center!important;
  gap:26px!important;
}
.sendly-usecase-event .ucx-benefit-feature,
.sendly-usecase-event .ucx-benefit-card-alt{
  border-radius:28px!important;
}
.sendly-usecase-event .ucx-benefit-card-alt{
  min-height:194px!important;
  padding:24px!important;
}
.sendly-usecase-event .ucx-workflow{
  padding-top:34px!important;
  padding-bottom:34px!important;
  background:linear-gradient(180deg,#f8fbf7 0%,#ffffff 100%)!important;
}
.sendly-usecase-event .ucx-workflow-card{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)!important;
  gap:clamp(28px,4vw,62px)!important;
  align-items:center!important;
}
.sendly-usecase-event .ucx-workflow-card .ucx-section-head{
  text-align:left!important;
  justify-items:start!important;
  margin:0!important;
}
.sendly-usecase-event .ucx-workflow-card .ucx-section-head h2{
  max-width:600px!important;
  font-size:clamp(40px,4.6vw,72px)!important;
  line-height:.96!important;
}
.sendly-usecase-event .ucx-step-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
.sendly-usecase-event .ucx-step-grid:before{display:none!important;}
.sendly-usecase-event .ucx-step-grid article{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:18px!important;
  row-gap:8px!important;
  min-height:168px!important;
  padding:26px!important;
  border-radius:28px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(15,87,54,.10)!important;
  box-shadow:0 22px 55px rgba(17,24,39,.055)!important;
}
.sendly-usecase-event .ucx-step-grid article span{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  width:52px!important;
  height:52px!important;
  margin:0!important;
}
.sendly-usecase-event .ucx-step-grid article h3{
  grid-column:2!important;
  grid-row:1!important;
  margin:0!important;
  font-size:20px!important;
  line-height:1.15!important;
}
.sendly-usecase-event .ucx-step-grid article p{
  grid-column:2!important;
  grid-row:2!important;
  margin:0!important;
  max-width:330px!important;
  font-size:14.5px!important;
  line-height:1.62!important;
}
.sendly-usecase-event .ucx-audience{
  padding-top:38px!important;
  padding-bottom:30px!important;
}
.sendly-usecase-event .ucx-audience .ucx-section-head-clean{
  max-width:920px!important;
  margin-bottom:24px!important;
}
.sendly-usecase-event .ucx-audience-grid{
  align-items:stretch!important;
  grid-auto-rows:1fr!important;
}
.sendly-usecase-event .ucx-audience-card{
  transform:none!important;
  height:100%!important;
  min-height:260px!important;
  display:flex!important;
  flex-direction:column!important;
  padding:28px 30px!important;
  border-radius:28px!important;
}
.sendly-usecase-event .ucx-audience-card .ucx-card-title{
  align-items:center!important;
  gap:16px!important;
  margin-bottom:22px!important;
}
.sendly-usecase-event .ucx-audience-card .ucx-icon{
  width:58px!important;
  height:58px!important;
  border-radius:19px!important;
}
.sendly-usecase-event .ucx-audience-card p{
  min-height:58px!important;
  margin:0!important;
}
.sendly-usecase-event .ucx-audience-card ul{
  margin-top:auto!important;
  padding-top:20px!important;
}
.sendly-usecase-event .ucx-features{
  padding-top:34px!important;
  padding-bottom:34px!important;
}
.sendly-usecase-event .ucx-feature-showcase{
  gap:24px!important;
}
.sendly-usecase-event .ucx-feature-intro{
  padding:30px!important;
  border-radius:30px!important;
}
.sendly-usecase-event .ucx-feature-grid{
  gap:16px!important;
}
.sendly-usecase-event .ucx-feature-card{
  min-height:176px!important;
  border-radius:24px!important;
  padding:22px!important;
}
.sendly-usecase-event .ucx-faq{
  padding-top:26px!important;
  padding-bottom:40px!important;
}
@media(max-width:1180px){
  .sendly-usecase-event .ucx-hero-grid{padding:68px 0 60px!important;}
  .sendly-usecase-event .ucx-workflow-card{grid-template-columns:1fr!important;gap:24px!important;}
  .sendly-usecase-event .ucx-workflow-card .ucx-section-head{text-align:center!important;justify-items:center!important;}
  .sendly-usecase-event .ucx-step-grid article{min-height:150px!important;}
}
@media(max-width:860px){
  .sendly-usecase-event .ucx-hero-grid{padding:52px 0 48px!important;}
  .sendly-usecase-event .ucx-hero-copy h1{font-size:clamp(40px,11vw,58px)!important;line-height:.98!important;}
  .sendly-usecase-event .ucx-hero-copy p{font-size:15.5px!important;line-height:1.7!important;}
  .sendly-usecase-event .ucx-actions{gap:10px!important;}
  .sendly-usecase-event .ucx-routing{padding-top:38px!important;padding-bottom:30px!important;}
  .sendly-usecase-event .ucx-usecase-grid,
  .sendly-usecase-event .ucx-benefit-stack,
  .sendly-usecase-event .ucx-step-grid,
  .sendly-usecase-event .ucx-audience-grid,
  .sendly-usecase-event .ucx-feature-grid{grid-template-columns:1fr!important;}
  .sendly-usecase-event .ucx-benefits{padding-top:30px!important;padding-bottom:30px!important;}
  .sendly-usecase-event .ucx-workflow{padding-top:28px!important;padding-bottom:28px!important;}
  .sendly-usecase-event .ucx-step-grid article{min-height:auto!important;padding:24px!important;}
  .sendly-usecase-event .ucx-audience{padding-top:28px!important;padding-bottom:24px!important;}
  .sendly-usecase-event .ucx-audience-card{min-height:auto!important;padding:24px!important;}
  .sendly-usecase-event .ucx-audience-card p{min-height:0!important;}
  .sendly-usecase-event .ucx-audience-card ul{margin-top:18px!important;padding-top:0!important;}
  .sendly-usecase-event .ucx-features{padding-top:26px!important;padding-bottom:26px!important;}
  .sendly-usecase-event .ucx-faq{padding-top:18px!important;}
}
@media(max-width:560px){
  .sendly-usecase-event .ucx-hero-grid{padding:42px 0 40px!important;}
  .sendly-usecase-event .ucx-actions .btn{width:100%;justify-content:center;}
  .sendly-usecase-event .ucx-step-grid article{
    grid-template-columns:1fr!important;
    row-gap:12px!important;
    padding:22px!important;
  }
  .sendly-usecase-event .ucx-step-grid article span,
  .sendly-usecase-event .ucx-step-grid article h3,
  .sendly-usecase-event .ucx-step-grid article p{
    grid-column:1!important;
    grid-row:auto!important;
  }
}


/* =========================================================
   Event Audience benefits refinement (v37)
   Make the event success section more balanced and premium.
   ========================================================= */
.sendly-usecase-event .ucx-benefits{
  position:relative;
  overflow:hidden;
  padding-top:54px!important;
  padding-bottom:54px!important;
  background:
    radial-gradient(circle at 8% 20%,rgba(183,255,26,.18),transparent 30%),
    radial-gradient(circle at 92% 22%,rgba(16,169,87,.10),transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#f8fbf7 100%)!important;
}
.sendly-usecase-event .ucx-benefits:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(15,87,54,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(15,87,54,.028) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,transparent 92%);
  pointer-events:none;
}
.sendly-usecase-event .ucx-benefits .container{position:relative;z-index:1;}
.sendly-usecase-event .ucx-benefit-layout{
  display:grid!important;
  grid-template-columns:minmax(420px,.98fr) minmax(0,1.02fr)!important;
  gap:32px!important;
  align-items:stretch!important;
}
.sendly-usecase-event .ucx-benefit-main{
  display:grid!important;
  grid-template-rows:auto 1fr!important;
  gap:22px!important;
}
.sendly-usecase-event .ucx-benefit-main .ucx-section-head{margin:0!important;}
.sendly-usecase-event .ucx-benefit-main .ucx-section-head h2{
  max-width:760px!important;
  font-size:clamp(42px,4.4vw,66px)!important;
  line-height:.98!important;
  letter-spacing:-.064em!important;
}
.sendly-usecase-event .ucx-benefit-main .ucx-section-head p{
  max-width:680px!important;
  margin-top:12px!important;
  font-size:17px!important;
  line-height:1.66!important;
}
.sendly-usecase-event .ucx-benefit-feature{
  min-height:260px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  padding:32px!important;
  border-radius:32px!important;
  background:
    radial-gradient(circle at 7% 0%,rgba(183,255,26,.28),transparent 34%),
    linear-gradient(145deg,#fbfff7 0%,#ffffff 100%)!important;
  border:1px solid rgba(16,169,87,.16)!important;
  box-shadow:0 28px 70px rgba(17,24,39,.06)!important;
}
.sendly-usecase-event .ucx-benefit-feature .ucx-card-title{
  display:grid!important;
  grid-template-columns:70px minmax(0,1fr)!important;
  gap:20px!important;
  align-items:center!important;
  margin-bottom:24px!important;
}
.sendly-usecase-event .ucx-benefit-feature .ucx-card-title .ucx-icon{
  width:68px!important;
  height:68px!important;
  border-radius:22px!important;
  background:#e8f9ed!important;
}
.sendly-usecase-event .ucx-benefit-feature h3{
  margin:0 0 8px!important;
  font-size:clamp(30px,2.8vw,42px)!important;
  line-height:1.05!important;
  letter-spacing:-.05em!important;
}
.sendly-usecase-event .ucx-benefit-feature p{
  max-width:560px!important;
  margin:0!important;
  font-size:17px!important;
  line-height:1.66!important;
}
.sendly-usecase-event .ucx-benefit-points{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
.sendly-usecase-event .ucx-benefit-points span{
  justify-content:center!important;
  text-align:center!important;
  min-height:46px!important;
  padding:12px 14px!important;
  background:rgba(255,255,255,.88)!important;
  border-color:rgba(15,87,54,.12)!important;
  box-shadow:0 12px 24px rgba(17,24,39,.035)!important;
}
.sendly-usecase-event .ucx-benefit-stack{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  align-content:stretch!important;
}
.sendly-usecase-event .ucx-benefit-card-alt{
  min-height:214px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  padding:28px!important;
  border-radius:30px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(15,87,54,.105)!important;
  box-shadow:0 24px 62px rgba(17,24,39,.055)!important;
}
.sendly-usecase-event .ucx-benefit-card-alt:nth-child(3){
  grid-column:1 / -1!important;
  min-height:196px!important;
  background:linear-gradient(135deg,#ffffff 0%,#f8fff4 100%)!important;
}
.sendly-usecase-event .ucx-benefit-card-alt .ucx-icon{
  width:60px!important;
  height:60px!important;
  border-radius:20px!important;
  margin-bottom:22px!important;
  background:#eaf8ec!important;
  box-shadow:none!important;
}
.sendly-usecase-event .ucx-benefit-card-alt h3{
  margin:0 0 10px!important;
  color:#101827!important;
  font-size:22px!important;
  line-height:1.15!important;
  letter-spacing:-.035em!important;
}
.sendly-usecase-event .ucx-benefit-card-alt p{
  max-width:460px!important;
  margin:0!important;
  color:#5d6d80!important;
  font-size:15px!important;
  line-height:1.68!important;
}
@media(max-width:1180px){
  .sendly-usecase-event .ucx-benefit-layout{grid-template-columns:1fr!important;gap:24px!important;}
  .sendly-usecase-event .ucx-benefit-main .ucx-section-head{text-align:left!important;}
  .sendly-usecase-event .ucx-benefit-main .ucx-section-head h2,
  .sendly-usecase-event .ucx-benefit-main .ucx-section-head p{max-width:820px!important;}
}
@media(max-width:860px){
  .sendly-usecase-event .ucx-benefits{padding-top:38px!important;padding-bottom:38px!important;}
  .sendly-usecase-event .ucx-benefit-main .ucx-section-head h2{font-size:clamp(34px,9vw,48px)!important;}
  .sendly-usecase-event .ucx-benefit-main .ucx-section-head p{font-size:15.5px!important;}
  .sendly-usecase-event .ucx-benefit-feature{padding:24px!important;border-radius:26px!important;min-height:auto!important;}
  .sendly-usecase-event .ucx-benefit-feature .ucx-card-title{grid-template-columns:1fr!important;gap:16px!important;}
  .sendly-usecase-event .ucx-benefit-feature h3{font-size:30px!important;}
  .sendly-usecase-event .ucx-benefit-feature p{font-size:15.5px!important;}
  .sendly-usecase-event .ucx-benefit-points,
  .sendly-usecase-event .ucx-benefit-stack{grid-template-columns:1fr!important;}
  .sendly-usecase-event .ucx-benefit-card-alt,
  .sendly-usecase-event .ucx-benefit-card-alt:nth-child(3){min-height:auto!important;padding:24px!important;border-radius:24px!important;}
}
@media(max-width:560px){
  .sendly-usecase-event .ucx-benefits{padding-top:32px!important;padding-bottom:32px!important;}
  .sendly-usecase-event .ucx-benefit-feature .ucx-card-title .ucx-icon,
  .sendly-usecase-event .ucx-benefit-card-alt .ucx-icon{width:54px!important;height:54px!important;border-radius:18px!important;}
  .sendly-usecase-event .ucx-benefit-card-alt h3{font-size:20px!important;}
}


/* =========================================================
   Event features four-column layout (v38 regenerated)
   Keep Event-ready Features clean: 4 equal cards in one row
   on desktop, 2x2 on tablet, 1 column on mobile.
   ========================================================= */
.sendly-usecase-event .ucx-features{
  padding-top:40px!important;
  padding-bottom:42px!important;
}
.sendly-usecase-event .ucx-feature-showcase{
  display:block!important;
}
.sendly-usecase-event .ucx-feature-intro{
  max-width:1120px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  margin:0 0 30px!important;
}
.sendly-usecase-event .ucx-feature-intro::after{
  display:none!important;
}
.sendly-usecase-event .ucx-feature-intro h2{
  max-width:1180px!important;
  font-size:clamp(42px,4.8vw,76px)!important;
  line-height:.98!important;
  letter-spacing:-.068em!important;
}
.sendly-usecase-event .ucx-feature-intro p{
  max-width:720px!important;
  margin-top:16px!important;
  font-size:17px!important;
  line-height:1.7!important;
}
.sendly-usecase-event .ucx-feature-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
.sendly-usecase-event .ucx-feature-card,
.sendly-usecase-event .ucx-feature-card:first-child,
.sendly-usecase-event .ucx-feature-card:nth-child(2),
.sendly-usecase-event .ucx-feature-card:nth-child(3),
.sendly-usecase-event .ucx-feature-card:nth-child(4),
.sendly-usecase-event .ucx-feature-card:nth-child(5){
  grid-column:auto!important;
  min-height:238px!important;
  height:100%!important;
  padding:24px!important;
  border-radius:28px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
.sendly-usecase-event .ucx-feature-card-top{
  margin-bottom:34px!important;
}
.sendly-usecase-event .ucx-feature-card .ucx-icon{
  width:58px!important;
  height:58px!important;
  border-radius:18px!important;
}
.sendly-usecase-event .ucx-feature-card h3{
  margin:0 0 12px!important;
  font-size:19px!important;
  line-height:1.16!important;
  letter-spacing:-.036em!important;
}
.sendly-usecase-event .ucx-feature-card p{
  margin:0!important;
  font-size:14.5px!important;
  line-height:1.64!important;
}
@media(max-width:1180px){
  .sendly-usecase-event .ucx-feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .sendly-usecase-event .ucx-feature-card,
  .sendly-usecase-event .ucx-feature-card:first-child,
  .sendly-usecase-event .ucx-feature-card:nth-child(2),
  .sendly-usecase-event .ucx-feature-card:nth-child(3),
  .sendly-usecase-event .ucx-feature-card:nth-child(4){
    grid-column:auto!important;
    min-height:220px!important;
  }
}
@media(max-width:760px){
  .sendly-usecase-event .ucx-features{
    padding-top:32px!important;
    padding-bottom:34px!important;
  }
  .sendly-usecase-event .ucx-feature-intro{
    margin-bottom:22px!important;
  }
  .sendly-usecase-event .ucx-feature-intro h2{
    font-size:clamp(34px,10vw,46px)!important;
  }
  .sendly-usecase-event .ucx-feature-intro p{
    font-size:15px!important;
  }
  .sendly-usecase-event .ucx-feature-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .sendly-usecase-event .ucx-feature-card,
  .sendly-usecase-event .ucx-feature-card:first-child,
  .sendly-usecase-event .ucx-feature-card:nth-child(2),
  .sendly-usecase-event .ucx-feature-card:nth-child(3),
  .sendly-usecase-event .ucx-feature-card:nth-child(4){
    min-height:auto!important;
    padding:22px!important;
  }
  .sendly-usecase-event .ucx-feature-card-top{
    margin-bottom:22px!important;
  }
}


/* =========================================================
   Brand Campaign page polish (v39)
   Text-only hero, premium campaign rhythm, compact spacing.
   ========================================================= */

.sendly-usecase-brand .ucx-hero{
  background:
    radial-gradient(circle at 8% 18%, rgba(183,255,26,.34), transparent 25%),
    radial-gradient(circle at 92% 16%, rgba(16,169,87,.13), transparent 30%),
    linear-gradient(180deg,#fbfdf8 0%,#ffffff 78%);
}
.sendly-usecase-brand .ucx-hero-grid{
  display:block!important;
  min-height:auto!important;
  padding:118px 0 106px!important;
}
.sendly-usecase-brand .ucx-hero-copy{
  max-width:1120px!important;
  margin:0 auto!important;
  text-align:center!important;
}
.sendly-usecase-brand .ucx-hero-copy .ucx-breadcrumb,
.sendly-usecase-brand .ucx-hero-copy .ucx-kicker,
.sendly-usecase-brand .ucx-hero-focus,
.sendly-usecase-brand .ucx-hero-visual{
  display:none!important;
}
.sendly-usecase-brand .ucx-hero-copy h1{
  max-width:1080px!important;
  margin:0 auto 26px!important;
  font-size:clamp(52px,6.5vw,108px)!important;
  line-height:.94!important;
  letter-spacing:-.075em!important;
}
.sendly-usecase-brand .ucx-hero-copy p{
  max-width:740px!important;
  margin:0 auto!important;
  font-size:clamp(17px,1.35vw,22px)!important;
  line-height:1.62!important;
  color:#59687b!important;
}
.sendly-usecase-brand .ucx-hero-actions{
  justify-content:center!important;
  margin-top:34px!important;
}
.sendly-usecase-brand .ucx-hero-checks{
  justify-content:center!important;
  margin-top:24px!important;
}

/* Brand routing section */
.sendly-usecase-brand .ucx-routing{
  padding-top:58px!important;
  padding-bottom:54px!important;
}
.sendly-usecase-brand .ucx-routing .ucx-section-head-center h2{
  max-width:850px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.sendly-usecase-brand .ucx-usecase-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}
.sendly-usecase-brand .ucx-usecase-card{
  min-height:252px!important;
  padding:24px!important;
  border-radius:26px!important;
  display:flex!important;
  flex-direction:column!important;
}
.sendly-usecase-brand .ucx-usecase-card h3{
  margin-top:18px!important;
  font-size:20px!important;
  line-height:1.15!important;
}
.sendly-usecase-brand .ucx-usecase-card p{
  font-size:13.5px!important;
  line-height:1.62!important;
}
.sendly-usecase-brand .ucx-usecase-card b{
  margin-top:auto!important;
}

/* Brand benefit section */
.sendly-usecase-brand .ucx-benefits{
  padding-top:58px!important;
  padding-bottom:54px!important;
  background:
    radial-gradient(circle at 9% 18%, rgba(183,255,26,.13), transparent 25%),
    radial-gradient(circle at 91% 28%, rgba(16,169,87,.08), transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f8fbf7 100%)!important;
}
.sendly-usecase-brand .ucx-benefit-layout{
  display:grid!important;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;
  gap:28px!important;
  align-items:start!important;
}
.sendly-usecase-brand .ucx-benefit-main{
  position:relative!important;
}
.sendly-usecase-brand .ucx-benefit-main .ucx-section-head h2{
  max-width:620px!important;
  font-size:clamp(38px,4.1vw,64px)!important;
}
.sendly-usecase-brand .ucx-benefit-feature{
  margin-top:22px!important;
  min-height:242px!important;
  padding:30px!important;
  border-radius:30px!important;
}
.sendly-usecase-brand .ucx-benefit-feature .ucx-card-title{
  align-items:flex-start!important;
}
.sendly-usecase-brand .ucx-benefit-feature h3{
  font-size:28px!important;
  line-height:1.1!important;
}
.sendly-usecase-brand .ucx-benefit-points{
  margin-top:22px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
}
.sendly-usecase-brand .ucx-benefit-stack{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
.sendly-usecase-brand .ucx-benefit-card-alt{
  min-height:230px!important;
  padding:26px!important;
  border-radius:28px!important;
}

/* Brand workflow */
.sendly-usecase-brand .ucx-workflow{
  padding-top:54px!important;
  padding-bottom:54px!important;
  background:#ffffff!important;
}
.sendly-usecase-brand .ucx-workflow-card{
  padding:42px!important;
  border-radius:34px!important;
}
.sendly-usecase-brand .ucx-workflow-card .ucx-section-head{
  margin-bottom:24px!important;
}
.sendly-usecase-brand .ucx-workflow-card .ucx-section-head h2{
  font-size:clamp(34px,3.5vw,56px)!important;
}
.sendly-usecase-brand .ucx-step-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}
.sendly-usecase-brand .ucx-step-grid article{
  min-height:180px!important;
  padding:24px!important;
  border:1px solid rgba(15,87,54,.10)!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,#ffffff,#fbfffb)!important;
}
.sendly-usecase-brand .ucx-step-grid article span{
  margin-bottom:18px!important;
}

/* Brand audience/modules/features */
.sendly-usecase-brand .ucx-audience{
  padding-top:56px!important;
  padding-bottom:50px!important;
}
.sendly-usecase-brand .ucx-audience .ucx-section-head-split > p{
  display:none!important;
}
.sendly-usecase-brand .ucx-audience-grid{
  align-items:stretch!important;
  gap:18px!important;
}
.sendly-usecase-brand .ucx-audience-card{
  min-height:260px!important;
  padding:28px!important;
  border-radius:28px!important;
}
.sendly-usecase-brand .ucx-features{
  padding-top:54px!important;
  padding-bottom:54px!important;
  background:linear-gradient(180deg,#f8fbf7 0%,#ffffff 100%)!important;
}
.sendly-usecase-brand .ucx-feature-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
.sendly-usecase-brand .ucx-feature-card,
.sendly-usecase-brand .ucx-feature-card:first-child,
.sendly-usecase-brand .ucx-feature-card:nth-child(2),
.sendly-usecase-brand .ucx-feature-card:nth-child(3),
.sendly-usecase-brand .ucx-feature-card:nth-child(4),
.sendly-usecase-brand .ucx-feature-card:nth-child(5){
  grid-column:auto!important;
  min-height:220px!important;
  padding:26px!important;
  border-radius:28px!important;
}
.sendly-usecase-brand .ucx-faq{
  padding-top:34px!important;
}

/* Distinctive dark-green campaign strip */
.sendly-usecase-brand .ucx-benefits::after{
  content:"CAMPAIGN CLARITY • AUDIENCE FIT • EXECUTION VISIBILITY • REPORTING INSIGHT";
  display:block;
  width:min(1180px, calc(100% - 44px));
  margin:38px auto 0;
  padding:18px 22px;
  border-radius:999px;
  background:linear-gradient(90deg,#0b3d2e,#0d5a34);
  color:#b7ff1a;
  font-size:13px;
  font-weight:950;
  letter-spacing:.14em;
  text-align:center;
  box-shadow:0 24px 50px rgba(13,90,52,.16);
  white-space:normal;
}

@media(max-width:1180px){
  .sendly-usecase-brand .ucx-hero-grid{padding:92px 0 86px!important;}
  .sendly-usecase-brand .ucx-usecase-grid,
  .sendly-usecase-brand .ucx-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .sendly-usecase-brand .ucx-benefit-layout{grid-template-columns:1fr!important;}
  .sendly-usecase-brand .ucx-benefit-stack{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .sendly-usecase-brand .ucx-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  .sendly-usecase-brand .ucx-hero-grid{padding:68px 0 62px!important;}
  .sendly-usecase-brand .ucx-hero-copy h1{font-size:46px!important;}
  .sendly-usecase-brand .ucx-usecase-grid,
  .sendly-usecase-brand .ucx-benefit-stack,
  .sendly-usecase-brand .ucx-step-grid,
  .sendly-usecase-brand .ucx-feature-grid{grid-template-columns:1fr!important;}
  .sendly-usecase-brand .ucx-routing,
  .sendly-usecase-brand .ucx-benefits,
  .sendly-usecase-brand .ucx-workflow,
  .sendly-usecase-brand .ucx-audience,
  .sendly-usecase-brand .ucx-features{padding-top:42px!important;padding-bottom:42px!important;}
  .sendly-usecase-brand .ucx-workflow-card{padding:26px!important;border-radius:28px!important;}
  .sendly-usecase-brand .ucx-benefits::after{
    width:min(100% - 34px,1180px);
    border-radius:26px;
    line-height:1.6;
  }
}
@media(max-width:520px){
  .sendly-usecase-brand .ucx-hero-copy h1{font-size:39px!important;}
  .sendly-usecase-brand .ucx-hero-actions{flex-direction:column;align-items:stretch;}
  .sendly-usecase-brand .ucx-hero-actions .btn{width:100%;justify-content:center;}
  .sendly-usecase-brand .ucx-hero-checks{display:grid!important;grid-template-columns:1fr!important;}
}


/* =========================================================
   Brand Campaign hero refinement (v40)
   Clean headline, no highlight stroke, centered CTA rhythm.
   ========================================================= */
.sendly-usecase-brand .sendly-hero-highlight{
  background:none!important;
  box-shadow:none!important;
  text-decoration:none!important;
  color:inherit!important;
}
.sendly-usecase-brand .ucx-hero-grid{
  padding:86px 0 82px!important;
}
.sendly-usecase-brand .ucx-hero-copy{
  max-width:1040px!important;
  margin-inline:auto!important;
  text-align:center!important;
}
.sendly-usecase-brand .ucx-hero-copy h1{
  max-width:940px!important;
  margin:0 auto 24px!important;
  font-size:clamp(46px,5.35vw,86px)!important;
  line-height:.96!important;
  letter-spacing:-.068em!important;
}
.sendly-usecase-brand .ucx-hero-copy p{
  max-width:680px!important;
  margin:0 auto!important;
  font-size:clamp(16px,1.25vw,20px)!important;
  line-height:1.62!important;
}
.sendly-usecase-brand .ucx-hero-actions{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:fit-content!important;
  margin:30px auto 0!important;
  gap:14px!important;
}
.sendly-usecase-brand .ucx-hero-actions .btn{
  min-height:56px!important;
  padding-inline:28px!important;
}
.sendly-usecase-brand .ucx-hero-checks{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:fit-content!important;
  max-width:100%!important;
  margin:22px auto 0!important;
  gap:20px!important;
}
.sendly-usecase-brand .ucx-hero-checks span{
  white-space:nowrap!important;
}
@media(max-width:900px){
  .sendly-usecase-brand .ucx-hero-grid{
    padding:68px 0 64px!important;
  }
  .sendly-usecase-brand .ucx-hero-copy h1{
    max-width:760px!important;
    font-size:clamp(42px,8vw,68px)!important;
  }
}
@media(max-width:560px){
  .sendly-usecase-brand .ucx-hero-grid{
    padding:54px 0 50px!important;
  }
  .sendly-usecase-brand .ucx-hero-copy h1{
    font-size:38px!important;
    letter-spacing:-.055em!important;
  }
  .sendly-usecase-brand .ucx-hero-actions{
    width:100%!important;
    flex-direction:column!important;
    gap:10px!important;
  }
  .sendly-usecase-brand .ucx-hero-actions .btn{
    width:100%!important;
    justify-content:center!important;
  }
  .sendly-usecase-brand .ucx-hero-checks{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .sendly-usecase-brand .ucx-hero-checks span{
    justify-content:center!important;
    white-space:normal!important;
  }
}


/* =========================================================
   Brand Campaign hero final cleanup (v41)
   Remove green glow behind headline and force center CTA.
   ========================================================= */
.sendly-usecase-brand .ucx-hero{
  background:
    linear-gradient(rgba(15,87,54,.045) 1px, transparent 1px),
    linear-gradient(90deg,rgba(15,87,54,.045) 1px, transparent 1px),
    linear-gradient(180deg,#fbfdf8 0%,#ffffff 82%)!important;
  background-size:72px 72px,72px 72px,100% 100%!important;
}
.sendly-usecase-brand .ucx-hero::before,
.sendly-usecase-brand .ucx-hero:before{
  opacity:.34!important;
  background-image:none!important;
  mask-image:none!important;
}
.sendly-usecase-brand .ucx-hero-copy h1,
.sendly-usecase-brand .ucx-hero-copy h1 *,
.sendly-usecase-brand .sendly-hero-highlight{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  text-decoration:none!important;
  -webkit-text-decoration:none!important;
}
.sendly-usecase-brand .ucx-hero-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}
.sendly-usecase-brand .ucx-hero-actions{
  width:auto!important;
  min-width:0!important;
  max-width:max-content!important;
  margin:30px auto 0!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  align-self:center!important;
  transform:none!important;
  left:auto!important;
  right:auto!important;
}
.sendly-usecase-brand .ucx-hero-checks{
  width:auto!important;
  max-width:max-content!important;
  margin:22px auto 0!important;
  justify-content:center!important;
  align-self:center!important;
}
@media(max-width:560px){
  .sendly-usecase-brand .ucx-hero-actions,
  .sendly-usecase-brand .ucx-hero-checks{
    max-width:100%!important;
    width:100%!important;
  }
}


/* =========================================================
   Brand Campaign hero checklist removal (v42)
   Remove Brand awareness / Campaign engagement / Conversion reports row.
   ========================================================= */
.sendly-usecase-brand .ucx-hero-checks{
  display:none!important;
  margin:0!important;
  padding:0!important;
}
.sendly-usecase-brand .ucx-hero-actions{
  margin-bottom:0!important;
}


/* =========================================================
   Brand Campaign benefit section refinement (v43)
   Cleaner composition, balanced cards, compact spacing.
   ========================================================= */
.sendly-usecase-brand .ucx-benefits{
  padding-top:56px!important;
  padding-bottom:58px!important;
  overflow:hidden!important;
}
.sendly-usecase-brand .ucx-benefit-layout{
  grid-template-columns:minmax(0, .96fr) minmax(0, 1.04fr)!important;
  gap:34px!important;
  align-items:start!important;
}
.sendly-usecase-brand .ucx-benefit-main .ucx-section-head{
  margin-bottom:24px!important;
}
.sendly-usecase-brand .ucx-benefit-main .ucx-section-head h2{
  max-width:690px!important;
  font-size:clamp(42px,4.55vw,74px)!important;
  line-height:.98!important;
  letter-spacing:-.065em!important;
}
.sendly-usecase-brand .ucx-benefit-main .ucx-section-head p{
  max-width:650px!important;
  margin-top:14px!important;
  font-size:17px!important;
  line-height:1.62!important;
}
.sendly-usecase-brand .ucx-benefit-feature{
  min-height:0!important;
  padding:30px 32px!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 6% 0%, rgba(183,255,26,.22), transparent 34%),
    linear-gradient(180deg,#ffffff 0%,#f8fdf7 100%)!important;
}
.sendly-usecase-brand .ucx-benefit-feature .ucx-card-title{
  display:grid!important;
  grid-template-columns:64px 1fr!important;
  gap:22px!important;
  align-items:start!important;
}
.sendly-usecase-brand .ucx-benefit-feature .ucx-icon{
  width:58px!important;
  height:58px!important;
  border-radius:18px!important;
}
.sendly-usecase-brand .ucx-benefit-feature h3{
  margin:2px 0 10px!important;
  font-size:30px!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
}
.sendly-usecase-brand .ucx-benefit-feature p{
  max-width:520px!important;
  font-size:16px!important;
  line-height:1.62!important;
}
.sendly-usecase-brand .ucx-benefit-points{
  margin-top:24px!important;
  padding-left:86px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,max-content))!important;
  gap:12px 14px!important;
}
.sendly-usecase-brand .ucx-benefit-points span{
  min-height:42px!important;
  padding:0 16px!important;
  border-radius:999px!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(17,24,39,.045)!important;
}

.sendly-usecase-brand .ucx-benefit-stack{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
.sendly-usecase-brand .ucx-benefit-card-alt{
  min-height:218px!important;
  padding:28px!important;
  border-radius:30px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
.sendly-usecase-brand .ucx-benefit-card-alt .ucx-icon{
  width:56px!important;
  height:56px!important;
  border-radius:18px!important;
  margin-bottom:22px!important;
}
.sendly-usecase-brand .ucx-benefit-card-alt h3{
  margin:0 0 10px!important;
  font-size:21px!important;
  line-height:1.15!important;
  letter-spacing:-.035em!important;
}
.sendly-usecase-brand .ucx-benefit-card-alt p{
  margin:0!important;
  font-size:15px!important;
  line-height:1.62!important;
}
.sendly-usecase-brand .ucx-benefit-card-alt:nth-child(3){
  grid-column:1 / -1!important;
  min-height:190px!important;
}
.sendly-usecase-brand .ucx-benefit-card-alt:nth-child(3) p{
  max-width:720px!important;
}

/* Make the dark campaign strip feel intentional, not oversized */
.sendly-usecase-brand .ucx-benefits::after{
  width:min(1120px, calc(100% - 56px))!important;
  margin-top:32px!important;
  padding:16px 24px!important;
  border-radius:28px!important;
  font-size:12px!important;
  letter-spacing:.13em!important;
}

@media(max-width:1180px){
  .sendly-usecase-brand .ucx-benefit-layout{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  .sendly-usecase-brand .ucx-benefit-main .ucx-section-head h2{
    max-width:860px!important;
  }
  .sendly-usecase-brand .ucx-benefit-main .ucx-section-head p{
    max-width:760px!important;
  }
  .sendly-usecase-brand .ucx-benefit-stack{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .sendly-usecase-brand .ucx-benefit-card-alt:nth-child(3){
    grid-column:auto!important;
    min-height:218px!important;
  }
}
@media(max-width:860px){
  .sendly-usecase-brand .ucx-benefits{
    padding-top:44px!important;
    padding-bottom:48px!important;
  }
  .sendly-usecase-brand .ucx-benefit-main .ucx-section-head h2{
    font-size:42px!important;
    line-height:1.02!important;
  }
  .sendly-usecase-brand .ucx-benefit-stack{
    grid-template-columns:1fr!important;
  }
  .sendly-usecase-brand .ucx-benefit-feature .ucx-card-title{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  .sendly-usecase-brand .ucx-benefit-points{
    padding-left:0!important;
    grid-template-columns:1fr!important;
  }
  .sendly-usecase-brand .ucx-benefits::after{
    width:min(100% - 34px,1120px)!important;
    margin-top:24px!important;
    border-radius:24px!important;
    line-height:1.6!important;
  }
}
@media(max-width:520px){
  .sendly-usecase-brand .ucx-benefit-main .ucx-section-head h2{
    font-size:34px!important;
  }
  .sendly-usecase-brand .ucx-benefit-feature,
  .sendly-usecase-brand .ucx-benefit-card-alt{
    padding:24px!important;
    border-radius:26px!important;
  }
}


/* =========================================================
   Brand Campaign benefit cleanup (v44)
   Remove Increase awareness feature card and dark campaign strip.
   ========================================================= */
.sendly-usecase-brand .ucx-benefit-feature,
.sendly-usecase-brand .ucx-benefits::after{
  display:none!important;
  content:none!important;
}
.sendly-usecase-brand .ucx-benefits{
  padding-bottom:50px!important;
}
.sendly-usecase-brand .ucx-benefit-layout{
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;
  align-items:center!important;
  gap:34px!important;
}
.sendly-usecase-brand .ucx-benefit-main .ucx-section-head{
  margin-bottom:0!important;
}
.sendly-usecase-brand .ucx-benefit-main .ucx-section-head h2{
  max-width:720px!important;
}
.sendly-usecase-brand .ucx-benefit-stack{
  align-items:stretch!important;
}
@media(max-width:1180px){
  .sendly-usecase-brand .ucx-benefit-layout{
    grid-template-columns:1fr!important;
    align-items:start!important;
    gap:24px!important;
  }
  .sendly-usecase-brand .ucx-benefit-main .ucx-section-head{
    margin-bottom:4px!important;
  }
}
@media(max-width:760px){
  .sendly-usecase-brand .ucx-benefits{
    padding-bottom:42px!important;
  }
}


/* =========================================================
   Unified hero headline style (v45)
   Apply the same bold headline and green stroke highlight
   across Use Case, B2B, Event, and Brand hero sections.
   ========================================================= */
.sendly-usecase-pro .ucx-hero-copy h1{
  font-weight:900!important;
  letter-spacing:-.067em!important;
}
.sendly-usecase-pro .ucx-hero-copy h1 .sendly-hero-highlight,
.sendly-usecase-brand .ucx-hero-copy h1 .sendly-hero-highlight,
.sendly-usecase-b2b .ucx-hero-copy h1 .sendly-hero-highlight,
.sendly-usecase-event .ucx-hero-copy h1 .sendly-hero-highlight,
.sendly-usecase-overview .ucx-hero-copy h1 .sendly-hero-highlight{
  position:relative!important;
  display:inline!important;
  padding:0 .025em!important;
  margin:0 -.01em!important;
  color:inherit!important;
  background-image:
    linear-gradient(180deg, transparent 0%, transparent 58%, rgba(183,255,26,.95) 58%, rgba(183,255,26,.95) 82%, transparent 82%, transparent 100%),
    linear-gradient(180deg, transparent 0%, transparent 70%, rgba(39,207,105,.52) 70%, rgba(39,207,105,.52) 91%, transparent 91%, transparent 100%)!important;
  background-color:transparent!important;
  background-repeat:no-repeat!important;
  box-shadow:none!important;
  text-decoration:none!important;
  -webkit-text-decoration:none!important;
  -webkit-box-decoration-break:clone!important;
  box-decoration-break:clone!important;
}
.sendly-usecase-pro .ucx-hero-copy h1 .sendly-hero-highlight::before{
  content:none!important;
}

/* Keep hero buttons centered after headline changes */
.sendly-usecase-pro .ucx-hero .ucx-actions{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
  width:max-content!important;
  max-width:100%!important;
}
.sendly-usecase-pro .ucx-hero-copy{
  text-align:center!important;
}
.sendly-usecase-pro .ucx-hero-copy p{
  margin-left:auto!important;
  margin-right:auto!important;
}

@media(max-width:760px){
  .sendly-usecase-pro .ucx-hero-copy h1{
    letter-spacing:-.055em!important;
  }
}
@media(max-width:560px){
  .sendly-usecase-pro .ucx-hero .ucx-actions{
    width:100%!important;
    flex-direction:column!important;
  }
  .sendly-usecase-pro .ucx-hero .ucx-actions .btn{
    width:100%!important;
    justify-content:center!important;
  }
}