.sdl-page {
  background:
    radial-gradient(circle at top right, rgba(37, 199, 219, 0.16), transparent 30%),
    radial-gradient(circle at top left, rgba(63, 81, 183, 0.12), transparent 28%),
    linear-gradient(180deg, #f7fbff 0%, #edf5ff 100%);
  color: var(--brand-blue-deep, #1b3772);
  overflow-x: hidden;
}

.sdl-page.lang-ar {
  font-family: "Cairo", sans-serif;
}

.sdl-page.lang-en {
  font-family: "Manrope", sans-serif;
}

.sdl-page * {
  box-sizing: border-box;
}

.sdl-shell {
  width: min(100% - 1rem, 1760px);
  margin-inline: auto;
}

.sdl-page main {
  display: grid;
  gap: clamp(2rem, 4vw, 3.15rem);
  padding: calc(var(--header-height, 92px) + 1.5rem) 0 5rem;
}

.sdl-landing-site-header .site-container {
  width: min(calc(100% - 1rem), var(--header-container, 1840px));
}

.sdl-card,
.sdl-contact-card {
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(63, 81, 183, 0.12);
  box-shadow: 0 20px 45px rgba(21, 52, 102, 0.1);
  backdrop-filter: blur(16px);
}

.sdl-landing-hidden-nav {
  visibility: hidden;
  pointer-events: none;
}

.sdl-landing-header-actions .lang-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.sdl-landing-header-actions .btn-brand,
.sdl-landing-header-actions .btn-brand-soft {
  white-space: nowrap;
}

.sdl-mobile-menu .mobile-link {
  text-decoration: none;
}

.sdl-mobile-menu .mobile-link i {
  color: var(--brand-cyan, #25c7db);
  font-size: 1.1rem;
}

.sdl-mobile-menu-note {
  margin: 0.25rem 0 0;
  padding: 1rem;
  border-radius: 15px;
  background: rgba(37, 199, 219, 0.1);
  color: var(--brand-muted, #536895);
  font-weight: 700;
  line-height: 1.75;
}

.sdl-hero-section {
  padding: clamp(0.75rem, 2vw, 1.4rem) 0 clamp(0.5rem, 2vw, 1rem);
}

.sdl-section {
  padding: clamp(1.2rem, 4vw, 2.2rem) 0;
}

.sdl-card {
  border-radius: 15px;
  padding: clamp(1.35rem, 2.4vw, 1.95rem);
}

.sdl-hero-grid,
.sdl-hero-stack,
.sdl-fit-grid,
.sdl-steps-grid,
.sdl-compare-grid,
.sdl-form-grid,
.sdl-footer-grid {
  display: grid;
  gap: 1.4rem;
}

.sdl-fit-grid,
.sdl-compare-grid {
  margin-top: 0;
}

.sdl-hero-stack {
  gap: 1.1rem;
}

.sdl-store-types-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.sdl-store-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  min-height: 3.55rem;
  padding: 1rem 1.1rem;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(63, 81, 183, 0.12);
  box-shadow: 0 14px 26px rgba(21, 52, 102, 0.08);
  color: var(--brand-blue-deep, #1b3772);
  font-size: 0.94rem;
  font-weight: 800;
  line-height: 1.5;
  text-align: center;
}

.lang-ar .sdl-store-chip,
.lang-ar .sdl-bullet-list li,
.lang-ar .sdl-journey-step,
.lang-ar .sdl-hero-support-list li,
.lang-ar .sdl-form-trust-item {
  direction: rtl;
  flex-direction: row;
  text-align: right;
  justify-content: flex-start;
}

.lang-ar .sdl-hero-copy,
.lang-ar .sdl-hero-support,
.lang-ar .sdl-info-card,
.lang-ar .sdl-step-card,
.lang-ar .sdl-compare-card,
.lang-ar .sdl-form-copy,
.lang-ar .sdl-form-card {
  text-align: right;
}

.lang-ar .sdl-hero-support-head,
.lang-ar .sdl-section-heading,
.lang-ar .sdl-field {
  justify-items: start;
}

.lang-ar .sdl-topbar-card,
.lang-ar .sdl-topbar-actions,
.lang-ar .sdl-action-row,
.lang-ar .sdl-footer-head,
.lang-ar .sdl-footer-grid,
.lang-ar .sdl-contact-card {
  direction: rtl;
}

.lang-ar .sdl-process-list {
  padding: 0 1.15rem 0 0;
}

.lang-ar .sdl-step-number,
.lang-ar .sdl-compare-tag {
  margin-inline-start: 0;
  margin-inline-end: auto;
}

.lang-ar .sdl-section-heading h2,
.lang-ar .sdl-section-heading p,
.lang-ar .sdl-hero-description,
.lang-ar .sdl-panel-description,
.lang-ar .sdl-form-copy p,
.lang-ar .sdl-final-cta p,
.lang-ar .sdl-compliance,
.lang-ar .sdl-note,
.lang-ar .sdl-footer-head p {
  width: 100%;
  text-align: right;
  margin-inline-start: 0;
  margin-inline-end: auto;
}

.lang-ar .sdl-eyebrow,
.lang-ar .sdl-compare-tag,
.lang-ar .sdl-step-number {
  justify-self: start;
}

.lang-ar .sdl-bullet-list li span,
.lang-ar .sdl-journey-step span,
.lang-ar .sdl-form-trust-item span,
.lang-ar .sdl-store-chip span {
  flex: 1 1 auto;
}

.lang-ar .sdl-btn i,
.lang-ar .sdl-topbar-contact i {
  order: 2;
}

.lang-ar .sdl-btn span,
.lang-ar .sdl-topbar-contact span {
  order: 1;
}

.sdl-store-chip i {
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: rgba(37, 199, 219, 0.12);
  color: #2c56b2;
  font-size: 1rem;
  flex: 0 0 auto;
}

.sdl-hero-copy,
.sdl-hero-panel,
.sdl-form-copy,
.sdl-form-card,
.sdl-final-cta {
  position: relative;
  overflow: hidden;
}

.sdl-hero-copy::after,
.sdl-hero-panel::after,
.sdl-final-cta::after {
  content: "";
  position: absolute;
  width: 13rem;
  height: 13rem;
  border-radius: 15px;
  background: radial-gradient(circle, rgba(37, 199, 219, 0.16), transparent 70%);
  pointer-events: none;
  inset-inline-start: auto;
  inset-inline-end: -3rem;
  top: -4rem;
}

.sdl-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: #4159c6;
  font-size: 0.9rem;
  font-weight: 800;
}

.sdl-eyebrow::before {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 15px;
  background: linear-gradient(135deg, #3f51b7, #25c7db);
  box-shadow: 0 0 0 6px rgba(63, 81, 183, 0.08);
}

.sdl-hero-title {
  margin: 1rem 0 0;
  color: var(--brand-blue-deep, #1b3772);
  font-size: clamp(1.85rem, 4.7vw, 2.85rem);
  font-weight: 800;
  line-height: 1.16;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.sdl-hero-description,
.sdl-panel-description,
.sdl-section-heading p,
.sdl-note,
.sdl-contact-card,
.sdl-final-cta p {
  color: var(--brand-ink-soft, #5f77a6);
  line-height: 1.9;
}

.sdl-hero-description {
  margin: 1.25rem 0 0;
  max-width: 64ch;
  font-size: 1rem;
}

.sdl-bullet-list {
  list-style: none;
  display: grid;
  gap: 0.9rem;
  margin: 0;
  padding: 0;
}

.sdl-hero-bullets {
  margin-top: 1.35rem;
}

.sdl-bullet-list li {
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  padding: 1.05rem 1.15rem;
  border-radius: 15px;
  background: rgba(63, 81, 183, 0.05);
  color: var(--brand-blue-deep, #1b3772);
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.75;
}

.sdl-bullet-list i {
  color: #25c7db;
  font-size: 1.05rem;
  margin-top: 0.18rem;
}

.sdl-action-row {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 1.7rem;
}

.sdl-hero-card {
  padding: clamp(1.55rem, 3vw, 2.25rem);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 249, 255, 0.96)),
    radial-gradient(circle at top left, rgba(37, 199, 219, 0.12), transparent 30%);
}

.sdl-hero-card .sdl-action-row {
  margin-top: 1.55rem;
}

.sdl-hero-journey {
  display: grid;
  gap: 0.85rem;
  margin-top: 1.35rem;
}

.sdl-journey-step {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  min-height: 3rem;
  padding: 0.9rem 1rem;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(63, 81, 183, 0.1);
  color: var(--brand-blue-deep, #1b3772);
  font-size: 0.92rem;
  font-weight: 800;
  line-height: 1.5;
  box-shadow: 0 12px 24px rgba(21, 52, 102, 0.06);
}

.sdl-journey-step i {
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: rgba(37, 199, 219, 0.12);
  color: #2c56b2;
  font-size: 1rem;
  flex: 0 0 auto;
}

.sdl-hero-support {
  display: grid;
  gap: 1.15rem;
  margin-top: 0.25rem;
  padding: 1.3rem 1.35rem;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.74);
  border: 1px solid rgba(63, 81, 183, 0.12);
  box-shadow: 0 12px 30px rgba(21, 52, 102, 0.08);
}

.sdl-hero-support-head {
  display: grid;
  gap: 0.5rem;
}

.sdl-hero-support-head strong {
  color: var(--brand-blue-deep, #1b3772);
  font-size: 1rem;
  font-weight: 800;
}

.sdl-hero-support-head p {
  margin: 0;
  color: var(--brand-ink-soft, #5f77a6);
  font-size: 0.94rem;
  line-height: 1.9;
}

.sdl-hero-support-list {
  display: grid;
  gap: 0.85rem;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: sdl-hero-step;
}

.sdl-hero-support-list li {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem 1.05rem;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--brand-blue-deep, #1b3772);
  font-size: 0.93rem;
  font-weight: 700;
  line-height: 1.7;
}

.sdl-hero-support-list li::before {
  counter-increment: sdl-hero-step;
  content: counter(sdl-hero-step);
  width: 1.9rem;
  height: 1.9rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: linear-gradient(135deg, #3f51b7, #25c7db);
  color: #fff;
  font-size: 0.85rem;
  font-weight: 800;
  flex: 0 0 auto;
}

.sdl-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 3.65rem;
  padding: 1rem 1.7rem;
  border: 0;
  border-radius: 15px;
  font-size: 0.98rem;
  font-weight: 800;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.sdl-btn:hover {
  transform: translateY(-1px);
}

.sdl-btn-primary {
  color: #fff;
  background: linear-gradient(135deg, #3447af, #25c7db);
  box-shadow: 0 18px 34px rgba(52, 71, 175, 0.22);
}

.sdl-btn-secondary {
  color: var(--brand-blue-deep, #1b3772);
  background: #fff;
  border: 1px solid rgba(63, 81, 183, 0.15);
  box-shadow: 0 14px 26px rgba(21, 52, 102, 0.08);
}

.sdl-microcopy {
  margin: 0.85rem 0 0;
  color: var(--brand-ink-soft, #5f77a6);
  font-size: 0.94rem;
  font-weight: 700;
}

.sdl-hero-panel {
  background: linear-gradient(180deg, rgba(45, 74, 172, 0.94), rgba(27, 55, 114, 0.96));
  color: #fff;
}

.sdl-hero-panel .sdl-eyebrow,
.sdl-hero-panel .sdl-panel-title,
.sdl-hero-panel .sdl-note,
.sdl-hero-panel strong,
.sdl-hero-panel li {
  color: #fff;
}

.sdl-hero-panel .sdl-eyebrow::before {
  box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.09);
}

.sdl-panel-title,
.sdl-section-heading h2,
.sdl-form-copy h2,
.sdl-final-cta h2,
.sdl-info-card h3,
.sdl-step-card h3,
.sdl-compare-card h3 {
  margin: 0.85rem 0 0;
  color: var(--brand-blue-deep, #1b3772);
  font-size: clamp(1.25rem, 2.7vw, 1.85rem);
  font-weight: 800;
  line-height: 1.32;
  overflow-wrap: anywhere;
}

.sdl-hero-panel .sdl-panel-title {
  color: #fff;
}

.sdl-panel-description {
  margin: 1rem 0 0;
  color: rgba(255, 255, 255, 0.84);
  font-size: 0.97rem;
}

.sdl-panel-list {
  margin-top: 1rem;
}

.sdl-panel-list li {
  background: rgba(255, 255, 255, 0.08);
}

.sdl-process-card {
  display: grid;
  gap: 0.6rem;
  margin-top: 1rem;
  padding: 1rem;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.1);
}

.sdl-process-list {
  display: grid;
  gap: 0.55rem;
  margin: 0;
  padding: 0 1.1rem;
  color: inherit;
  line-height: 1.75;
}

.sdl-note {
  margin: 1rem 0 0;
  font-size: 0.9rem;
}

.sdl-section-heading {
  display: grid;
  gap: 1.05rem;
  margin-bottom: clamp(2.1rem, 4vw, 3.1rem);
}

.sdl-section-heading h2 {
  margin-top: 0;
}

.sdl-section-heading p {
  max-width: 62ch;
}

.lang-ar .sdl-section-heading p {
  margin-inline-start: 0;
  margin-inline-end: auto;
}

.sdl-info-card,
.sdl-step-card,
.sdl-compare-card,
.sdl-form-copy,
.sdl-form-card,
.sdl-final-cta {
  height: 100%;
}

.sdl-info-card h3,
.sdl-step-card h3,
.sdl-compare-card h3 {
  font-size: 1.22rem;
}

.sdl-info-card.is-muted {
  background: linear-gradient(180deg, rgba(241, 246, 255, 0.96), rgba(255, 255, 255, 0.94));
}

.sdl-section-fit .sdl-info-card {
  padding: 1.7rem;
  border: 1px solid rgba(63, 81, 183, 0.1);
}

.sdl-section-fit .sdl-info-card:first-child {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 249, 255, 0.95)),
    radial-gradient(circle at top right, rgba(37, 199, 219, 0.12), transparent 32%);
}

.sdl-section-fit .sdl-info-card.is-muted {
  background: linear-gradient(180deg, rgba(241, 246, 255, 0.98), rgba(250, 252, 255, 0.96));
}

.sdl-section-fit .sdl-info-card .sdl-bullet-list li {
  min-height: 4.35rem;
}

.sdl-step-card {
  display: grid;
  gap: 1rem;
}

.sdl-section-steps .sdl-step-card {
  position: relative;
  padding: 1.6rem;
  background: rgba(255, 255, 255, 0.96);
}

.sdl-step-number {
  width: 3rem;
  height: 3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  color: #fff;
  background: linear-gradient(135deg, #3447af, #25c7db);
  font-size: 1.05rem;
  font-weight: 800;
}

.sdl-step-card p,
.sdl-compare-card p,
.sdl-form-copy p,
.sdl-final-cta p {
  margin: 0;
}

.sdl-section.is-soft {
  padding-block: clamp(1.2rem, 4vw, 2.2rem);
}

.sdl-section-stores .sdl-store-chip:nth-child(4n + 1) {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 249, 255, 0.94));
}

.sdl-section-stores .sdl-store-chip:nth-child(4n + 2) {
  background: linear-gradient(180deg, rgba(240, 248, 255, 0.98), rgba(255, 255, 255, 0.94));
}

.sdl-section-stores .sdl-store-chip:nth-child(4n + 3) {
  background: linear-gradient(180deg, rgba(247, 250, 255, 0.98), rgba(255, 255, 255, 0.94));
}

.sdl-section-stores .sdl-store-chip:nth-child(4n + 4) {
  background: linear-gradient(180deg, rgba(242, 247, 255, 0.98), rgba(255, 255, 255, 0.94));
}

.sdl-section-clients {
  padding-block: clamp(1.2rem, 4vw, 2.35rem);
}

.sdl-clients-panel {
  display: grid;
  gap: clamp(1.35rem, 3vw, 2rem);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(243, 249, 255, 0.96)),
    radial-gradient(circle at top right, rgba(37, 199, 219, 0.16), transparent 34%);
}

.sdl-clients-head {
  display: grid;
  gap: 0.85rem;
  text-align: center;
  justify-items: center;
}

.sdl-clients-head h2 {
  margin: 0;
  color: var(--brand-blue-deep, #1b3772);
  font-size: clamp(1.35rem, 2.8vw, 2rem);
  font-weight: 800;
  line-height: 1.35;
}

.sdl-clients-head p {
  max-width: 66ch;
  margin: 0;
  color: var(--brand-ink-soft, #5f77a6);
  font-size: 0.98rem;
  line-height: 1.9;
}

.sdl-client-stats {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.sdl-client-stat {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 2.9rem;
  padding: 0.7rem 0.95rem;
  border-radius: 15px;
  background: rgba(63, 81, 183, 0.07);
  border: 1px solid rgba(63, 81, 183, 0.1);
  color: var(--brand-blue-deep, #1b3772);
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.45;
}

.sdl-client-stat i {
  color: #25c7db;
  font-size: 1rem;
}

.sdl-client-logo-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}

.sdl-client-logo-card {
  display: grid;
  gap: 0.8rem;
  min-height: 10.5rem;
  padding: 1rem;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(63, 81, 183, 0.11);
  box-shadow: 0 14px 28px rgba(21, 52, 102, 0.08);
}

.sdl-client-logo-frame {
  min-height: 6.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.9rem;
  border-radius: 15px;
  background:
    linear-gradient(135deg, rgba(255, 253, 246, 0.98) 0%, rgba(244, 247, 255, 0.97) 54%, rgba(222, 235, 255, 0.95) 100%),
    radial-gradient(circle at top right, rgba(63, 81, 183, 0.16), transparent 42%),
    radial-gradient(circle at bottom left, rgba(37, 199, 219, 0.1), transparent 44%);
  border: 1px solid rgba(63, 81, 183, 0.14);
}

.sdl-client-logo-frame img {
  display: block;
  max-width: 100%;
  max-height: 4.4rem;
  object-fit: contain;
}

.sdl-client-logo-meta {
  display: grid;
  gap: 0.25rem;
  text-align: center;
  justify-items: center;
}

.sdl-client-logo-meta strong {
  color: var(--brand-blue-deep, #1b3772);
  font-size: 0.92rem;
  font-weight: 800;
  line-height: 1.4;
}

.sdl-client-logo-meta span {
  display: inline-flex;
  min-height: 1.6rem;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.65rem;
  border-radius: 15px;
  background: rgba(37, 199, 219, 0.12);
  color: #2c56b2;
  font-size: 0.78rem;
  font-weight: 800;
}

.lang-ar .sdl-clients-head,
.lang-ar .sdl-clients-head p,
.lang-ar .sdl-client-logo-meta,
.lang-ar .sdl-client-logo-meta strong,
.lang-ar .sdl-client-logo-meta span {
  text-align: center;
  justify-items: center;
  margin-inline: auto;
}

.sdl-compare-card {
  display: grid;
  gap: 1rem;
}

.sdl-compare-card.is-accent {
  background:
    linear-gradient(180deg, rgba(28, 57, 135, 0.96), rgba(46, 84, 188, 0.92)),
    radial-gradient(circle at top left, rgba(37, 199, 219, 0.18), transparent 36%);
  border-color: rgba(37, 199, 219, 0.2);
  box-shadow: 0 24px 42px rgba(28, 57, 135, 0.18);
}

.sdl-compare-card.is-accent h3,
.sdl-compare-card.is-accent .sdl-bullet-list li,
.sdl-compare-card.is-accent .sdl-compare-tag {
  color: #fff;
}

.sdl-compare-card.is-accent .sdl-bullet-list li {
  background: rgba(255, 255, 255, 0.09);
}

.sdl-compare-card.is-accent .sdl-bullet-list i {
  color: #7ce5f2;
}

.sdl-compare-card.is-accent .sdl-compare-tag {
  background: rgba(255, 255, 255, 0.14);
}

.sdl-compare-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 2rem;
  padding: 0.35rem 0.75rem;
  border-radius: 15px;
  background: rgba(63, 81, 183, 0.08);
  color: #4159c6;
  font-size: 0.87rem;
  font-weight: 800;
}

.sdl-compliance {
  margin: 1rem 0 0;
  color: var(--brand-ink-soft, #5f77a6);
  font-size: 0.94rem;
  line-height: 1.85;
}

.sdl-section.is-form {
  padding-block: clamp(1.2rem, 4vw, 2.2rem);
}

.sdl-form-copy,
.sdl-form-card {
  padding: 1.65rem;
}

.sdl-section-form .sdl-form-copy {
  background:
    linear-gradient(180deg, rgba(246, 250, 255, 0.98), rgba(255, 255, 255, 0.96)),
    radial-gradient(circle at top left, rgba(37, 199, 219, 0.12), transparent 32%);
}

.sdl-form-copy-whatsapp {
  margin-top: 1.2rem;
}

.sdl-form-trust-list {
  display: grid;
  gap: 0.85rem;
  margin-top: 1.2rem;
}

.sdl-form-trust-item {
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  padding: 1rem 1.05rem;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(63, 81, 183, 0.09);
  color: var(--brand-blue-deep, #1b3772);
  font-size: 0.93rem;
  font-weight: 700;
  line-height: 1.65;
}

.sdl-form-trust-item i {
  color: #2c56b2;
  font-size: 1rem;
  margin-top: 0.08rem;
}

.sdl-next-steps {
  display: grid;
  gap: 0.85rem;
  margin-top: 1.2rem;
  padding: 1.2rem;
  border-radius: 15px;
  background: rgba(63, 81, 183, 0.05);
  border: 1px solid rgba(63, 81, 183, 0.08);
}

.sdl-next-steps strong {
  color: var(--brand-blue-deep, #1b3772);
  font-size: 0.96rem;
  font-weight: 800;
}

.sdl-form-fields {
  display: grid;
  gap: 1.1rem;
}

.sdl-field {
  display: grid;
  gap: 0.6rem;
}

.sdl-field label {
  color: var(--brand-blue-deep, #1b3772);
  font-weight: 800;
}

.sdl-form-card .form-control,
.sdl-form-card .form-select {
  min-height: 3.65rem;
  border-radius: 15px;
  border: 1px solid rgba(63, 81, 183, 0.14);
  background: #fff;
  color: var(--brand-blue-deep, #1b3772);
  font-size: 0.98rem;
  line-height: 1.4;
  box-shadow: none;
}

.lang-ar .sdl-form-card .form-control:not(.sdl-phone-input),
.lang-ar .sdl-form-card .form-select,
.lang-ar .sdl-form-card .form-control:not(.sdl-phone-input)::placeholder {
  direction: rtl;
  text-align: right;
}

.sdl-form-card .form-control::placeholder {
  color: rgba(95, 119, 166, 0.9);
}

.sdl-phone-input,
.sdl-phone-input::placeholder,
.sdl-ltr {
  direction: ltr;
  text-align: left;
  unicode-bidi: plaintext;
}

.sdl-submit {
  width: 100%;
  margin-top: 1rem;
}

.sdl-form-status {
  min-height: 1.5rem;
  margin-top: 0.65rem;
  font-size: 0.95rem;
  font-weight: 700;
}

.sdl-form-status.is-success {
  color: #147856;
}

.sdl-form-status.is-error {
  color: #c53b5c;
}

.sdl-final-cta {
  width: 100%;
  min-height: clamp(18rem, 24vw, 24rem);
  display: grid;
  place-items: center;
  align-content: center;
  padding: clamp(1.35rem, 3vw, 2.3rem);
  text-align: center;
  background:
    linear-gradient(135deg, rgba(26, 55, 134, 0.96), rgba(45, 84, 192, 0.92)),
    radial-gradient(circle at top left, rgba(37, 199, 219, 0.18), transparent 36%);
  border-color: rgba(37, 199, 219, 0.16);
  box-shadow: 0 26px 48px rgba(28, 57, 135, 0.18);
}

.lang-ar .sdl-final-cta,
.lang-ar .sdl-final-cta .sdl-eyebrow,
.lang-ar .sdl-final-cta h2,
.lang-ar .sdl-final-cta p,
.lang-ar .sdl-final-cta .sdl-microcopy {
  text-align: center;
  justify-self: center;
  margin-inline: auto;
}

.lang-ar .sdl-footer-head p {
  text-align: center;
  margin-inline: auto;
}

.sdl-final-cta .sdl-eyebrow,
.sdl-final-cta h2,
.sdl-final-cta p,
.sdl-final-cta .sdl-microcopy {
  color: #fff;
}

.sdl-final-cta .sdl-btn-secondary {
  border-color: rgba(255, 255, 255, 0.16);
}

.sdl-final-cta .sdl-action-row {
  width: 100%;
  max-width: 44rem;
  margin-inline: auto;
  justify-content: center;
  align-items: center;
  margin-top: 1.85rem;
}

.sdl-final-cta .sdl-btn {
  min-width: 19rem;
  padding-inline: 2.55rem;
  text-align: center;
}

.sdl-footer {
  padding: clamp(1rem, 3vw, 2rem) 0 5.5rem;
}

.sdl-footer-head {
  display: grid;
  gap: 0.55rem;
  margin-bottom: 1.35rem;
  text-align: center;
  justify-items: center;
}

.sdl-footer-head strong {
  color: var(--brand-blue-deep, #1b3772);
  font-size: 1.25rem;
}

.sdl-footer-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.sdl-footer-logo img {
  width: clamp(8.75rem, 18vw, 11rem);
  height: auto;
}

.sdl-footer-head p {
  margin: 0;
  color: var(--brand-ink-soft, #5f77a6);
  line-height: 1.8;
  text-align: center;
}

.sdl-footer-grid {
  grid-template-columns: 1fr;
}

.sdl-contact-card {
  display: grid;
  gap: 0.5rem;
  padding: 1.15rem 1.15rem;
  border-radius: 15px;
  color: var(--brand-blue-deep, #1b3772);
  text-decoration: none;
  align-content: center;
  justify-items: center;
  text-align: center;
}

.sdl-contact-card-social {
  gap: 0.8rem;
}

.sdl-contact-socials {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.sdl-contact-social {
  width: 2.45rem;
  height: 2.45rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: rgba(63, 81, 183, 0.08);
  border: 1px solid rgba(63, 81, 183, 0.12);
  color: var(--brand-blue-deep, #1b3772);
  text-decoration: none;
  transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.sdl-contact-social:hover {
  transform: translateY(-1px);
  background: rgba(37, 199, 219, 0.14);
  color: #2c56b2;
}

.sdl-contact-social i {
  font-size: 1rem;
  line-height: 1;
}

.lang-ar .sdl-contact-card {
  justify-items: center;
  text-align: center;
}

.lang-ar .sdl-footer-grid > :nth-child(1) {
  order: 3;
}

.lang-ar .sdl-footer-grid > :nth-child(2) {
  order: 2;
}

.lang-ar .sdl-footer-grid > :nth-child(3) {
  order: 1;
}

.lang-ar .sdl-contact-card .sdl-contact-label,
.lang-ar .sdl-contact-card strong {
  width: 100%;
  text-align: center;
}

.lang-ar .sdl-contact-card .sdl-ltr {
  direction: ltr;
  text-align: center;
  unicode-bidi: plaintext;
}

.sdl-contact-label {
  color: #4159c6;
  font-size: 0.92rem;
  font-weight: 800;
}

.sdl-contact-card strong {
  color: var(--brand-blue-deep, #1b3772);
  font-size: 1rem;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.sdl-sticky-cta {
  display: none;
}

.sdl-mobile-sticky-actions {
  position: fixed;
  inset-inline-end: 1rem;
  inset-inline-start: auto;
  bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
  z-index: 1450;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  max-width: min(92vw, 31rem);
  padding: 0.55rem;
  border: 1px solid rgba(181, 200, 231, 0.74);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.93);
  box-shadow: 0 18px 42px rgba(21, 52, 102, 0.2);
  backdrop-filter: blur(14px);
}

.sdl-mobile-sticky-actions a {
  min-height: 3.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  border-radius: 15px;
  font-weight: 900;
  font-size: 0.98rem;
  text-decoration: none;
  line-height: 1.35;
  text-align: center;
  white-space: nowrap;
}

.sdl-mobile-sticky-primary {
  min-width: 13.4rem;
  padding-inline: 1.15rem;
  color: #fff;
  background: linear-gradient(135deg, #3447af, #25c7db);
  box-shadow: 0 14px 28px rgba(49, 71, 175, 0.18);
}

.sdl-mobile-sticky-whatsapp {
  min-width: 7.2rem;
  padding-inline: 1rem;
  color: #10315f;
  background: #dcfaff;
  border: 1px solid rgba(37, 199, 219, 0.35);
}

.sdl-page .chat-widget {
  inset-inline-start: 1rem;
  inset-inline-end: auto;
  justify-items: start;
  z-index: 1500;
}

.sdl-page .chat-launcher {
  border-radius: 15px;
}

.sdl-page .chat-panel {
  border-radius: 15px;
}

.sdl-section,
.sdl-form-card,
.sdl-card,
.sdl-topbar-card {
  scroll-margin-top: 1rem;
}

@media (min-width: 768px) {
  .sdl-shell {
    width: min(100% - 1rem, 1760px);
  }

  .sdl-page main {
    gap: 2.2rem;
    padding-bottom: 3rem;
  }

  .sdl-topbar-actions {
    justify-content: flex-end;
  }

  .sdl-action-row {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .sdl-btn {
    min-width: 12.5rem;
  }

  .sdl-fit-grid,
  .sdl-compare-grid,
  .sdl-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sdl-steps-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sdl-store-types-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sdl-client-logo-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sdl-form-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sdl-footer-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.2rem;
  }

  .sdl-hero-journey {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1100px) {
  .sdl-page main {
    gap: 2.5rem;
  }

  .sdl-hero-bullets {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sdl-hero-journey {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .sdl-hero-card .sdl-action-row {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .sdl-hero-card .sdl-action-row .sdl-btn {
    min-width: 13.25rem;
  }

  .sdl-hero-support-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sdl-steps-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sdl-client-logo-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sdl-section-steps .sdl-step-card:not(:last-child)::after {
    content: "";
    position: absolute;
    inset-block-start: 2.05rem;
    inset-inline-end: -0.7rem;
    width: 1.4rem;
    height: 2px;
    background: linear-gradient(90deg, rgba(52, 71, 175, 0.3), rgba(37, 199, 219, 0.3));
  }

  .sdl-sticky-cta {
    display: none;
  }

  .sdl-page .chat-widget {
    inset-inline-start: 1rem;
    inset-inline-end: auto;
    justify-items: start;
    bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
  }
}

@media (max-width: 767.98px) {
  .sdl-page main {
    gap: 1.55rem;
    padding-top: calc(var(--header-height, 92px) + 1rem);
  }

  .sdl-topbar-card {
    padding: 0.85rem;
    gap: 0.65rem;
  }

  .sdl-brand img {
    width: clamp(6.7rem, 30vw, 8rem);
  }

  .sdl-landing-header-actions .btn-brand span,
  .sdl-landing-header-actions .btn-brand-soft span,
  .sdl-topbar-contact span {
    display: none;
  }

  .sdl-landing-header-actions .btn-brand,
  .sdl-landing-header-actions .btn-brand-soft,
  .sdl-topbar-contact {
    width: 2.95rem;
    min-width: 2.95rem;
    min-height: 2.95rem;
    padding: 0.65rem;
  }

  .sdl-lang-switch {
    padding: 0.28rem;
  }

  .sdl-lang-switch a {
    min-width: 2.35rem;
    padding: 0.68rem 0.56rem;
    font-size: 0.96rem;
  }

  .sdl-hero-title {
    font-size: clamp(1.75rem, 10vw, 2.55rem);
  }

  .sdl-panel-title,
  .sdl-section-heading h2,
  .sdl-form-copy h2,
  .sdl-final-cta h2 {
    font-size: 1.45rem;
  }

  .sdl-hero-card {
    padding: 1.35rem;
  }

  .sdl-hero-support {
    padding: 1.1rem;
  }

  .sdl-hero-journey {
    grid-template-columns: 1fr;
  }

  .sdl-hero-description,
  .sdl-panel-description,
  .sdl-section-heading p,
  .sdl-form-copy p,
  .sdl-final-cta p {
    font-size: 0.97rem;
  }

  .sdl-footer {
    padding-bottom: 6.5rem;
  }

  .sdl-mobile-sticky-actions {
    inset-inline-end: 0.7rem;
    bottom: calc(0.85rem + env(safe-area-inset-bottom, 0px));
    width: calc(100vw - 9.2rem);
    max-width: 24rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.45rem;
    padding: 0.45rem;
  }

  .sdl-page {
    padding-bottom: 5.2rem;
  }

  .sdl-page .chat-widget {
    inset-inline-start: 0.75rem;
    inset-inline-end: auto;
    bottom: calc(0.85rem + env(safe-area-inset-bottom, 0px));
    justify-items: start;
    width: auto;
  }

  .sdl-page .chat-launcher {
    min-width: 7.05rem;
    min-height: 3.85rem;
    padding: 0.78rem 0.9rem;
    border-radius: 15px;
    font-size: 0.9rem;
    line-height: 1.15;
  }

  .sdl-mobile-sticky-actions a {
    min-height: 3rem;
    padding-inline: 0.72rem;
    font-size: 0.88rem;
    line-height: 1.15;
    white-space: normal;
  }

  .sdl-mobile-sticky-primary {
    min-width: 0;
  }

  .sdl-mobile-sticky-whatsapp {
    min-width: 4.85rem;
  }

  .sdl-page .chat-panel {
    position: fixed;
    inset: calc(var(--header-height, 92px) + 0.6rem) 0.65rem calc(5.7rem + env(safe-area-inset-bottom, 0px)) 0.65rem;
    width: auto;
    max-height: none;
    z-index: 1650;
  }
}

@media (max-width: 575.98px) {
  .sdl-shell {
    width: min(100% - 0.75rem, 1760px);
  }

  .sdl-topbar-card,
  .sdl-card,
  .sdl-contact-card {
    border-radius: 15px;
  }

  .sdl-card,
  .sdl-form-copy,
  .sdl-form-card {
    padding: 1.2rem;
  }

  .sdl-store-types-grid {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }

  .sdl-journey-step {
    min-height: 2.85rem;
    padding: 0.75rem 0.85rem;
    font-size: 0.9rem;
  }

  .sdl-hero-description,
  .sdl-panel-description,
  .sdl-bullet-list li,
  .sdl-step-card p,
  .sdl-note,
  .sdl-contact-card strong {
    font-size: 0.93rem;
  }

  .sdl-hero-support-list li {
    padding: 0.85rem 0.9rem;
    font-size: 0.9rem;
  }

  .sdl-btn {
    width: 100%;
  }

  .sdl-final-cta .sdl-btn {
    min-width: 0;
    padding-inline: 1.55rem;
  }

  .sdl-section-heading {
    gap: 0.78rem;
    margin-bottom: 1.85rem;
  }

  .sdl-page .chat-widget {
    inset-inline-start: 0.65rem;
    inset-inline-end: auto;
  }

  .sdl-mobile-sticky-actions {
    width: calc(100vw - 8.35rem);
    max-width: 21rem;
  }

  .sdl-mobile-sticky-actions a {
    font-size: 0.88rem;
    min-height: 3.1rem;
    padding-inline: 0.72rem;
  }

  .sdl-page .chat-launcher {
    min-width: 6.45rem;
    min-height: 3.8rem;
    padding-inline: 0.74rem;
    font-size: 0.86rem;
  }
}

@media (max-width: 399.98px) {
  .sdl-hero-title {
    font-size: 1.62rem;
  }

  .sdl-lang-switch a {
    min-width: 2.7rem;
    padding-inline: 0.8rem;
  }

  .sdl-topbar-actions {
    gap: 0.45rem;
  }

  .sdl-brand img {
    width: 6.2rem;
  }

  .sdl-page .chat-widget {
    inset-inline-start: 0.55rem;
    inset-inline-end: auto;
  }

  .sdl-mobile-sticky-actions {
    width: calc(100vw - 5.6rem);
    grid-template-columns: minmax(0, 1fr) 3.2rem;
    gap: 0.35rem;
  }

  .sdl-page .chat-launcher {
    min-width: 4.25rem;
    gap: 0.35rem;
    padding-inline: 0.65rem;
    font-size: 0.82rem;
  }

  .sdl-page .chat-launcher span:not(.chat-launcher-badge) {
    display: none;
  }

  .sdl-mobile-sticky-whatsapp span {
    display: none;
  }

  .sdl-mobile-sticky-actions a {
    min-height: 3rem;
    padding-inline: 0.5rem;
  }
}

/* Ad-ready store package landing page */
.sdl-ad-hero-grid,
.sdl-three-grid,
.sdl-duo-grid,
.sdl-package-grid,
.sdl-timeline-grid,
.sdl-why-grid,
.sdl-addon-grid,
.sdl-selling-grid {
  display: grid;
  gap: clamp(1rem, 2vw, 1.35rem);
}

.sdl-ad-hero-copy,
.sdl-flow-visual,
.sdl-problem-card,
.sdl-solution-card,
.sdl-selling-card,
.sdl-package-card,
.sdl-explain-card,
.sdl-timeline-card,
.sdl-why-card,
.sdl-addon-card,
.sdl-faq-item {
  border-radius: 15px;
}

.sdl-ad-hero-copy {
  min-height: 100%;
  padding: clamp(1.45rem, 4vw, 3rem);
}

.sdl-hero-checks,
.sdl-package-features,
.sdl-clean-list,
.sdl-mini-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sdl-hero-checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
  margin-top: 1.35rem;
}

.sdl-hero-checks li,
.sdl-clean-list li,
.sdl-package-features li {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  color: var(--brand-blue-deep, #1b3772);
  font-weight: 800;
  line-height: 1.75;
}

.sdl-hero-checks li {
  padding: 0.95rem 1rem;
  border-radius: 15px;
  background: rgba(63, 81, 183, 0.06);
}

.sdl-hero-checks i,
.sdl-clean-list i,
.sdl-package-features i {
  color: #25c7db;
  flex: 0 0 auto;
  margin-top: 0.25rem;
}

.sdl-flow-visual {
  display: grid;
  align-content: center;
  gap: 1.25rem;
  color: #fff;
  background:
    radial-gradient(circle at top left, rgba(37, 199, 219, 0.32), transparent 34%),
    linear-gradient(145deg, #17356f, #354dc2);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 22px 42px rgba(21, 52, 102, 0.2);
}

.sdl-flow-price {
  display: grid;
  gap: 0.65rem;
  padding: 1.1rem;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.11);
}

.sdl-flow-price span,
.sdl-flow-price p {
  color: rgba(255, 255, 255, 0.78);
}

.sdl-flow-price strong {
  color: #fff;
  font-size: clamp(1.15rem, 2.2vw, 1.55rem);
  line-height: 1.55;
}

.sdl-flow-price p {
  margin: 0;
  line-height: 1.8;
}

.sdl-flow-list {
  display: grid;
  gap: 0.8rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sdl-flow-list li {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.1);
}

.sdl-flow-list span,
.sdl-timeline-card > span {
  width: 2.35rem;
  height: 2.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: linear-gradient(135deg, #3447af, #25c7db);
  color: #fff;
  font-weight: 900;
  flex: 0 0 auto;
}

.sdl-flow-list strong {
  color: #fff;
  font-size: 1rem;
}

.sdl-heading-center {
  justify-items: center;
  text-align: center;
}

.lang-ar .sdl-heading-center h2,
.lang-ar .sdl-heading-center p {
  text-align: center;
  margin-inline: auto;
}

.sdl-three-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sdl-problem-card,
.sdl-solution-card,
.sdl-selling-card,
.sdl-why-card,
.sdl-addon-card,
.sdl-timeline-card {
  display: grid;
  gap: 0.75rem;
}

.sdl-problem-card > i,
.sdl-solution-card > i,
.sdl-selling-card > i {
  width: 2.7rem;
  height: 2.7rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: rgba(37, 199, 219, 0.12);
  color: #2c56b2;
  font-size: 1.2rem;
}

.sdl-problem-card h3,
.sdl-solution-card h3,
.sdl-selling-card h3,
.sdl-package-card h3,
.sdl-explain-card h2,
.sdl-timeline-card h3,
.sdl-why-card h3,
.sdl-addon-card h3,
.sdl-faq-item summary {
  margin: 0;
  color: var(--brand-blue-deep, #1b3772);
  font-weight: 900;
  line-height: 1.45;
}

.sdl-problem-card p,
.sdl-solution-card p,
.sdl-selling-card p,
.sdl-package-card p,
.sdl-explain-card p,
.sdl-timeline-card p,
.sdl-why-card p,
.sdl-addon-card p,
.sdl-faq-item p {
  margin: 0;
  color: var(--brand-ink-soft, #5f77a6);
  line-height: 1.85;
}

.sdl-package-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sdl-package-card {
  position: relative;
  display: grid;
  gap: 0.9rem;
  align-content: start;
  padding: clamp(1.15rem, 2vw, 1.5rem);
}

.sdl-package-card.is-featured {
  color: #fff;
  background:
    radial-gradient(circle at top left, rgba(37, 199, 219, 0.28), transparent 36%),
    linear-gradient(145deg, #17356f, #354dc2);
  border-color: rgba(37, 199, 219, 0.4);
  transform: translateY(-0.35rem);
}

.sdl-package-card.is-featured h3,
.sdl-package-card.is-featured .sdl-package-price,
.sdl-package-card.is-featured .sdl-package-positioning,
.sdl-package-card.is-featured .sdl-package-for,
.sdl-package-card.is-featured .sdl-package-features li {
  color: #fff;
}

.sdl-package-badge {
  width: fit-content;
  max-width: 100%;
  padding: 0.45rem 0.75rem;
  border-radius: 15px;
  background: rgba(37, 199, 219, 0.12);
  color: #2c56b2;
  font-size: 0.78rem;
  font-weight: 900;
}

.sdl-package-card.is-featured .sdl-package-badge {
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
}

.sdl-package-positioning {
  font-weight: 800;
}

.sdl-package-price {
  color: var(--brand-blue-deep, #1b3772);
  font-size: 1.05rem;
  line-height: 1.6;
}

.sdl-package-features {
  display: grid;
  gap: 0.7rem;
}

.sdl-package-features li {
  font-size: 0.9rem;
}

.sdl-package-notes,
.sdl-section-note {
  display: grid;
  gap: 0.45rem;
  margin-top: 1.15rem;
  padding: 1rem 1.15rem;
  border-radius: 15px;
  background: rgba(63, 81, 183, 0.06);
  color: var(--brand-ink-soft, #5f77a6);
  font-weight: 800;
  line-height: 1.8;
}

.sdl-package-notes p,
.sdl-section-note {
  margin-bottom: 0;
}

.sdl-duo-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sdl-explain-card {
  display: grid;
  gap: 1rem;
}

.sdl-explain-card.is-accent-soft {
  background:
    radial-gradient(circle at top left, rgba(37, 199, 219, 0.14), transparent 34%),
    rgba(255, 255, 255, 0.94);
}

.sdl-clean-list {
  display: grid;
  gap: 0.85rem;
}

.sdl-clean-list li {
  padding: 0.95rem 1rem;
  border-radius: 15px;
  background: rgba(63, 81, 183, 0.055);
}

.sdl-timeline-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.sdl-timeline-card {
  text-align: center;
  justify-items: center;
}

.sdl-why-grid,
.sdl-addon-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sdl-mini-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.sdl-mini-list li {
  padding: 0.35rem 0.6rem;
  border-radius: 15px;
  background: rgba(37, 199, 219, 0.1);
  color: #2c56b2;
  font-size: 0.82rem;
  font-weight: 900;
}

.sdl-addon-action {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

.sdl-hero-actions .sdl-btn-outline {
  background: rgba(255, 255, 255, 0.72);
}

.sdl-btn-whatsapp {
  color: #10315f;
  background: rgba(220, 250, 255, 0.92);
  border: 1px solid rgba(37, 199, 219, 0.32);
}

.sdl-btn-whatsapp:hover {
  color: #0b254c;
  background: #d9fbff;
}

.sdl-mobile-hero-whatsapp {
  display: none;
}

.sdl-form-card .form-select.is-highlighted {
  border-color: #25c7db;
  box-shadow: 0 0 0 0.25rem rgba(37, 199, 219, 0.18);
}

.sdl-faq-list {
  display: grid;
  gap: 0.85rem;
  max-width: 980px;
  margin-inline: auto;
}

.sdl-faq-item {
  padding: 0;
  overflow: hidden;
}

.sdl-faq-item summary {
  cursor: pointer;
  padding: 1.15rem 1.25rem;
  list-style: none;
}

.sdl-faq-item summary::-webkit-details-marker {
  display: none;
}

.sdl-faq-item p {
  padding: 0 1.25rem 1.2rem;
}

.sdl-qualified-form-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sdl-field-wide {
  grid-column: 1 / -1;
}

.sdl-form-card textarea.form-control {
  min-height: 8rem;
  resize: vertical;
}

.lang-ar .sdl-hero-checks li,
.lang-ar .sdl-clean-list li,
.lang-ar .sdl-package-features li,
.lang-ar .sdl-flow-list li,
.lang-ar .sdl-form-trust-item {
  direction: rtl;
  text-align: right;
}

.lang-en .sdl-hero-checks li,
.lang-en .sdl-clean-list li,
.lang-en .sdl-package-features li,
.lang-en .sdl-flow-list li,
.lang-en .sdl-form-trust-item {
  direction: ltr;
  text-align: left;
}

@media (min-width: 992px) {
  .sdl-ad-hero-grid {
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.65fr);
  }

  .sdl-action-row {
    flex-direction: row;
    align-items: center;
  }
}

@media (max-width: 1199px) {
  .sdl-package-grid,
  .sdl-timeline-grid,
  .sdl-why-grid,
  .sdl-addon-grid,
  .sdl-selling-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .sdl-three-grid,
  .sdl-duo-grid {
    grid-template-columns: 1fr;
  }

  .sdl-package-card.is-featured {
    transform: none;
  }
}

@media (max-width: 767px) {
  .sdl-page main {
    gap: 1.6rem;
    padding-top: calc(var(--header-height, 86px) + 0.9rem);
  }

  .sdl-hero-checks,
  .sdl-package-grid,
  .sdl-timeline-grid,
  .sdl-why-grid,
  .sdl-addon-grid,
  .sdl-selling-grid,
  .sdl-qualified-form-fields {
    grid-template-columns: 1fr;
  }

  .sdl-ad-hero-copy {
    padding: 1.25rem;
  }

  .sdl-hero-actions {
    margin-top: 1.35rem;
    padding-top: 0.2rem;
  }

  .sdl-hero-actions .sdl-btn-primary {
    order: 2;
  }

  .sdl-hero-actions .sdl-btn-secondary {
    order: 1;
  }

  .sdl-hero-actions .sdl-btn-outline {
    order: 3;
  }

  .sdl-mobile-hero-whatsapp {
    display: none;
    order: 4;
  }

  .sdl-hero-title {
    font-size: clamp(1.85rem, 9vw, 2.35rem);
  }

  .sdl-btn {
    width: 100%;
    min-height: 3.35rem;
  }

  .sdl-flow-visual {
    padding: 1.15rem;
  }

  .sdl-section-heading {
    margin-bottom: 1.35rem;
  }
}