/* ============================================================
   SeMail Modern Landing — Component Styles
   Loaded AFTER custom.css. Inherits color tokens from :root.
   ============================================================ */

/* ────── Reset for landing components ────── */
.lm-wrapper{
  font-family: var(--default-font);
  color: var(--text-color);
  line-height: 1.75;
}
.lm-wrapper h1,
.lm-wrapper h2,
.lm-wrapper h3,
.lm-wrapper h4,
.lm-wrapper h5{
  color: var(--text-strong);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.01em;
  margin: 0;
}
.lm-wrapper p{ margin: 0 0 1.4em }
.lm-wrapper .lm-container{ max-width: 1240px; margin: 0 auto; padding: 0 20px }

/* ────── Eyebrow label ────── */
.lm-eyebrow{
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 13px; font-weight: 600;
  color: var(--primary-color);
  background: var(--accent-soft);
  border: 1px solid #CFE7F6;
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}
.lm-eyebrow::before{
  content:""; width:6px; height:6px; border-radius:50%;
  background: var(--accent-color);
}

/* ────── Buttons ────── */
.lm-btn{
  display: inline-flex; align-items: center; gap: 10px;
  padding: 14px 28px;
  border-radius: 999px;
  font-weight: 600;
  font-size: 15px;
  border: 1px solid transparent;
  transition: all .25s ease;
  font-family: inherit;
  cursor: pointer;
  text-decoration: none;
}
.lm-btn-primary{
  background: var(--primary-color);
  color: #fff;
  border-color: var(--primary-color);
}
.lm-btn-primary:hover{
  background: var(--primary-deep);
  border-color: var(--primary-deep);
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 10px 30px rgba(27,61,142,.3);
}
.lm-btn-accent{
  background: var(--accent-color);
  color: #08294e;
  border-color: var(--accent-color);
  font-weight: 700;
}
.lm-btn-accent:hover{
  background: #1FA3D6;
  border-color: #1FA3D6;
  color: #08294e;
  transform: translateY(-1px);
  box-shadow: 0 10px 30px rgba(51,181,229,.35);
}
.lm-btn-ghost{
  background: transparent;
  color: var(--primary-color);
  border: 1.5px solid var(--line);
  padding: 13px 26px;
}
.lm-btn-ghost:hover{
  border-color: var(--primary-color);
  color: var(--primary-deep);
  background: #fff;
}

/* ────── Modern Header (replaces .main-header) ────── */
.lm-header{
  position: sticky; top: 0; z-index: 100;
  background: rgba(244,247,251,.85);
  backdrop-filter: saturate(180%) blur(14px);
  -webkit-backdrop-filter: saturate(180%) blur(14px);
  border-bottom: 1px solid var(--line);
}
.lm-header-inner{
  display: flex; align-items: center; justify-content: space-between;
  height: 78px;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
}
.lm-brand img{ height: 40px; width: auto }
.lm-nav{
  display: flex; gap: 6px; list-style: none; padding: 0; margin: 0;
}
.lm-nav a{
  color: var(--text-strong);
  font-size: 15px;
  font-weight: 500;
  padding: 10px 16px;
  border-radius: 10px;
  transition: all .2s ease;
  text-decoration: none;
}
.lm-nav a:hover{ background: rgba(27,61,142,.06); color: var(--primary-color) }
.lm-nav a.active{ color: var(--primary-color); background: rgba(27,61,142,.08) }
.lm-phone-btn{
  display: inline-flex; align-items: center; gap: 10px;
  padding: 10px 18px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--text-strong);
  font-weight: 600;
  font-size: 14px;
  transition: all .2s ease;
  text-decoration: none;
}
.lm-phone-btn:hover{
  border-color: var(--primary-color);
  color: var(--primary-color);
  box-shadow: 0 2px 8px rgba(15,30,80,.06);
}
.lm-phone-btn i{ color: var(--accent-color) }
.lm-mobile-toggle{
  display: none;
  background: #fff;
  border: 1px solid var(--line);
  width: 44px; height: 44px;
  border-radius: 12px;
  color: var(--text-strong);
  font-size: 18px;
  cursor: pointer;
}

@media (max-width: 991px){
  .lm-nav, .lm-phone-btn{ display: none }
  .lm-mobile-toggle{ display: inline-grid; place-items: center }
}

/* ────── Hero ────── */
.lm-hero{
  position: relative;
  padding: 80px 0 60px;
}
.lm-hero .lm-container{ position: relative; z-index: 1 }

.lm-hero-backdrop{
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
.lm-hero-backdrop::before{
  content:"";
  position: absolute;
  inset: 0;
  background-image: url('../images/hero-bg1.jpg');
  background-size: cover;
  background-position: center 35%;
  background-repeat: no-repeat;
  opacity: 1;
  filter: saturate(1.05);
}

.lm-hero-grid{
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 60px;
  align-items: center;
}
@media (max-width: 991px){ .lm-hero-grid{ grid-template-columns: 1fr; gap: 40px } }

.lm-hero h1{
  font-size: clamp(38px, 5vw, 64px);
  font-family: 'Estedad', sans-serif;
  font-weight: 800;
  margin-bottom: 24px;
  letter-spacing: -0.02em;
}
.lm-hero h1 .lm-accent-word{
  color: var(--primary-color);
  position: relative;
  display: inline-block;
}
.lm-hero h1 .lm-accent-word::after{
  content:"";
  position: absolute;
  left: 0; right: 0; bottom: 6px;
  height: 12px;
  background: var(--accent-color);
  opacity: .35;
  z-index: -1;
  border-radius: 6px;
}
.lm-hero-lede{
  font-size: 18px;
  line-height: 1.85;
  color: var(--text-color);
  margin-bottom: 36px;
  max-width: 560px;
}
.lm-hero-actions{
  display: flex; flex-wrap: wrap; gap: 14px;
  margin-bottom: 32px;
}
.lm-hero-meta{
  display: flex; gap: 28px; flex-wrap: wrap;
  padding-top: 28px;
  border-top: 1px solid var(--line);
}
.lm-hero-meta .lm-meta-item{
  display: flex; align-items: center; gap: 10px;
  font-size: 14px; color: var(--text-color);
}
.lm-hero-meta .lm-meta-item i{ color: var(--accent-color); font-size: 18px }

/* Hero visual — stylized inbox card */
.lm-hero-visual{
  position: relative;
  aspect-ratio: 1 / 1.05;
  max-width: 520px;
  margin-inline-start: auto;
}
.lm-hv-card{
  position: absolute;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 20px 60px rgba(15,30,80,.14);
  overflow: hidden;
}
.lm-hv-main{
  inset: 0;
  padding: 28px;
  display: flex; flex-direction: column;
  border: 1px solid var(--line);
}
.lm-hv-toolbar{
  display: flex; align-items: center; gap: 10px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--line);
}
.lm-hv-dot{ width: 10px; height: 10px; border-radius: 50%; background: #E3E9F2 }
.lm-hv-search{
  flex: 1; margin-inline-start: 14px;
  background: var(--secondary-color); border-radius: 10px;
  padding: 8px 14px; font-size: 13px; color: var(--text-faint);
}
.lm-hv-search i{ margin-inline-end: 8px; color: var(--text-faint) }
.lm-hv-list{ flex: 1; padding-top: 14px; display: flex; flex-direction: column; gap: 4px }
.lm-hv-item{
  display: flex; align-items: center; gap: 12px;
  padding: 14px 10px;
  border-radius: 12px;
  transition: background .2s ease;
}
.lm-hv-item.active{ background: var(--accent-soft) }
.lm-hv-avatar{
  width: 38px; height: 38px; border-radius: 50%;
  display: grid; place-items: center;
  color: #fff; font-weight: 700; font-size: 14px;
  flex-shrink: 0;
}
.lm-hv-avatar.a1{ background: var(--primary-color) }
.lm-hv-avatar.a2{ background: var(--accent-color); color: #08294e }
.lm-hv-avatar.a3{ background: var(--primary-deep) }
.lm-hv-avatar.a4{ background: #5B6987 }
.lm-hv-meta{ flex: 1; min-width: 0 }
.lm-hv-name{
  font-size: 13px; font-weight: 600;
  color: var(--text-strong);
  display: flex; justify-content: space-between;
}
.lm-hv-name .t{ font-size: 11px; color: var(--text-faint); font-weight: 500 }
.lm-hv-sub{
  font-size: 12px; color: var(--text-color);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.lm-hv-shield{
  width: 18px; height: 18px;
  background: var(--accent-soft);
  color: var(--primary-color);
  border-radius: 6px;
  display: grid; place-items: center;
  font-size: 9px; flex-shrink: 0;
}
.lm-hv-floater{
  position: absolute;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 6px 24px rgba(15,30,80,.08);
  padding: 14px 18px;
  border: 1px solid var(--line);
  display: flex; align-items: center; gap: 12px;
}
.lm-hv-floater .lm-badge-ic{
  width: 40px; height: 40px;
  border-radius: 12px;
  display: grid; place-items: center;
  font-size: 18px;
}
.lm-hv-floater .lm-floater-text{ font-size: 12px; color: var(--text-color) }
.lm-hv-floater .lm-floater-text strong{
  display: block; color: var(--text-strong); font-size: 14px;
}
.lm-hv-float-1{ top: -18px; left: -18px }
.lm-hv-float-1 .lm-badge-ic{ background: #E6F4FB; color: var(--accent-color) }
.lm-hv-float-2{ bottom: 40px; right: -24px }
.lm-hv-float-2 .lm-badge-ic{ background: #EAF0FF; color: var(--primary-color) }

@media (max-width: 575px){
  .lm-hv-float-1{ left: 0; top: -10px }
  .lm-hv-float-2{ right: 0; bottom: 20px }
}

/* ────── Feature strip ────── */
.lm-feature-strip{
  background: #fff;
  border-radius: 32px;
  border: 1px solid var(--line);
  padding: 36px 30px;
  box-shadow: 0 1px 2px rgba(15,30,80,.06), 0 2px 8px rgba(15,30,80,.04);
  margin-top: 30px;
}
.lm-fs-grid{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
}
@media (max-width: 991px){ .lm-fs-grid{ grid-template-columns: repeat(2, 1fr) } }
@media (max-width: 575px){ .lm-fs-grid{ grid-template-columns: 1fr } }

.lm-fs-cell{
  display: flex; align-items: flex-start; gap: 14px;
  padding-inline-end: 24px;
  border-inline-end: 1px solid var(--line);
}
.lm-fs-grid > .lm-fs-cell:last-child{ border: none; padding-inline-end: 0 }
@media (max-width: 991px){
  .lm-fs-cell:nth-child(2n){ border-inline-end: none; padding-inline-end: 0 }
  .lm-fs-cell{ padding-bottom: 16px }
}
@media (max-width: 575px){
  .lm-fs-cell{ border-inline-end: none; padding-inline-end: 0 }
}
.lm-fs-icon{
  width: 48px; height: 48px;
  border-radius: 12px;
  background: var(--accent-soft);
  color: var(--primary-color);
  display: grid; place-items: center;
  font-size: 20px;
  flex-shrink: 0;
}
.lm-fs-cell:nth-child(2n) .lm-fs-icon{ background: #EAF0FF; color: var(--primary-color) }
.lm-fs-text{
  font-size: 13.5px; line-height: 1.6;
  color: var(--text-strong); font-weight: 500;
}

/* ────── Section base ────── */
.lm-section{ padding: 100px 0 }
.lm-section.lm-dark{
  background: linear-gradient(180deg, #FFFFFF 0%, var(--secondary-color) 100%);
}
.lm-section-head{
  max-width: 720px; margin: 0 auto 60px;
  text-align: center;
}
.lm-section-head h2{
  font-size: clamp(30px, 3.5vw, 44px);
  font-weight: 800;
  letter-spacing: -0.015em;
  margin-bottom: 16px;
}
.lm-section-head h2 .lm-hl{ color: var(--primary-color) }
.lm-section-head p{ font-size: 17px; color: var(--text-color) }

/* ────── About ────── */
.lm-about-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: center;
}
@media (max-width: 991px){ .lm-about-grid{ grid-template-columns: 1fr; gap: 40px } }

.lm-about-visual{ position: relative }
.lm-about-img{
  border-radius: 24px;
  aspect-ratio: 4 / 5;
  width: 100%;
  border: 1px solid var(--line);
  position: relative;
  overflow: hidden;
}
.lm-about-img img{
  width: 100%; height: 100%; object-fit: cover;
  display: block;
}
.lm-about-stat{
  position: absolute;
  inset-inline-end: -20px;
  bottom: 30px;
  background: var(--primary-color);
  color: #fff;
  padding: 22px 26px;
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(15,30,80,.14);
  max-width: 240px;
}
.lm-about-stat .num{
  font-size: 36px; font-weight: 800;
  color: var(--accent-color); line-height: 1;
}
.lm-about-stat .label{
  font-size: 13px; opacity: .85; margin-top: 6px;
}

.lm-about-content h2{
  font-size: clamp(28px, 3vw, 42px);
  margin-bottom: 22px;
}
.lm-about-content h2 .lm-hl{ color: var(--primary-color) }
.lm-about-content p{ font-size: 16px; margin-bottom: 28px }
.lm-about-bullets{ list-style: none; padding: 0; margin: 0 }
.lm-about-bullets li{
  display: flex; align-items: flex-start; gap: 14px;
  padding: 12px 0;
  border-bottom: 1px dashed var(--line);
  font-size: 15px;
  color: var(--text-strong);
  font-weight: 500;
}
.lm-about-bullets li::before{
  content: "\f00c";
  font-family: "Font Awesome 6 Free", "FontAwesome";
  font-weight: 900;
  color: var(--accent-color);
  background: var(--accent-soft);
  width: 28px; height: 28px;
  border-radius: 50%;
  display: grid; place-items: center;
  font-size: 11px;
  flex-shrink: 0;
}

/* ────── Pricing ────── */
.lm-pricing-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  align-items: stretch;
}
@media (max-width: 991px){ .lm-pricing-grid{ grid-template-columns: 1fr } }

.lm-price-card{
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 24px;
  padding: 36px 32px;
  display: flex; flex-direction: column;
  transition: all .3s ease;
  position: relative;
}
.lm-price-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 6px 24px rgba(15,30,80,.08);
  border-color: #CCD8EE;
}
.lm-price-card.featured{
  background: linear-gradient(180deg, var(--primary-color), var(--primary-darker));
  color: #fff;
  border-color: var(--primary-color);
  box-shadow: 0 20px 60px rgba(15,30,80,.14);
  transform: translateY(-12px);
}
.lm-price-card.featured:hover{ transform: translateY(-16px) }
.lm-price-card .lm-tier{
  font-size: 13px; font-weight: 600;
  letter-spacing: .05em;
  color: var(--text-faint);
  text-transform: uppercase;
}
.lm-price-card.featured .lm-tier{ color: var(--accent-color) }
.lm-price-card .lm-pill{
  position: absolute; top: 20px; inset-inline-end: 20px;
  background: var(--accent-color);
  color: #08294e;
  font-size: 11px; font-weight: 700;
  padding: 4px 10px;
  border-radius: 999px;
}
.lm-price-card h3{
  font-size: 24px;
  margin: 6px 0 18px;
  color: var(--text-strong);
}
.lm-price-card.featured h3{ color: #fff }
.lm-price-amount{
  display: flex; align-items: baseline; gap: 8px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 24px;
}
.lm-price-card.featured .lm-price-amount{ border-color: rgba(255,255,255,.15) }
.lm-price-amount .num{
  font-size: 44px; font-weight: 800;
  color: var(--text-strong); line-height: 1;
  font-family: inherit;
}
.lm-price-card.featured .lm-price-amount .num{ color: #fff }
.lm-price-amount .unit{ font-size: 13px; color: var(--text-color) }
.lm-price-card.featured .lm-price-amount .unit{ color: rgba(255,255,255,.7) }
.lm-price-amount .per{
  font-size: 12px; color: var(--text-faint);
  margin-inline-start: auto;
}
.lm-price-card.featured .lm-price-amount .per{ color: rgba(255,255,255,.55) }
.lm-price-features{
  list-style: none; padding: 0;
  margin: 0 0 28px;
  flex: 1;
}
.lm-price-features li{
  display: flex; align-items: center; gap: 10px;
  padding: 9px 0;
  font-size: 14px;
  color: var(--text-strong);
}
.lm-price-card.featured .lm-price-features li{ color: rgba(255,255,255,.92) }
.lm-price-features li i{
  color: var(--accent-color);
  font-size: 12px;
  width: 18px; height: 18px;
  border-radius: 50%;
  background: var(--accent-soft);
  display: grid; place-items: center;
  flex-shrink: 0;
}
.lm-price-card.featured .lm-price-features li i{
  background: rgba(51,181,229,.18);
  color: var(--accent-color);
}
.lm-price-card .lm-cta{
  width: 100%; justify-content: center;
  padding: 14px 24px;
}
.lm-price-card.featured .lm-cta{
  background: var(--accent-color);
  border-color: var(--accent-color);
  color: #08294e;
}
.lm-price-card.featured .lm-cta:hover{
  background: #fff; border-color: #fff;
  box-shadow: 0 10px 30px rgba(255,255,255,.2);
}

/* ────── Enterprise CTA ────── */
.lm-enterprise{
  background: var(--primary-darker);
  color: #fff;
  border-radius: 32px;
  padding: 70px 60px;
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 50px;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.lm-enterprise::before{
  content:"";
  position: absolute; inset: 0;
  background:
    radial-gradient(circle at 90% 10%, rgba(51,181,229,.25), transparent 50%),
    radial-gradient(circle at 10% 90%, rgba(27,61,142,.4), transparent 60%);
}
.lm-enterprise > *{ position: relative; z-index: 1 }
.lm-enterprise .lm-eyebrow{
  background: rgba(51,181,229,.15);
  border-color: rgba(51,181,229,.3);
  color: var(--accent-color);
}
.lm-enterprise h2{
  color: #fff;
  font-size: clamp(28px, 3vw, 40px);
  margin-bottom: 18px;
}
.lm-enterprise h2 .lm-hl{ color: var(--accent-color) }
.lm-enterprise p{
  color: rgba(255,255,255,.78);
  font-size: 16px;
  margin-bottom: 28px;
}
.lm-enterprise-side{
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  padding: 28px;
}
.lm-enterprise-side h4{ color: #fff; font-size: 15px; margin-bottom: 14px }
.lm-enterprise-side ul{ list-style: none; padding: 0; margin: 0 }
.lm-enterprise-side li{
  display: flex; align-items: center; gap: 10px;
  padding: 9px 0;
  color: rgba(255,255,255,.82);
  font-size: 14px;
}
.lm-enterprise-side li i{ color: var(--accent-color) }
@media (max-width: 991px){
  .lm-enterprise{ grid-template-columns: 1fr; padding: 50px 36px }
}

/* ────── Blog ────── */
.lm-blog-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
@media (max-width: 991px){ .lm-blog-grid{ grid-template-columns: 1fr } }
.lm-blog-card{
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  overflow: hidden;
  transition: all .3s ease;
  display: flex; flex-direction: column;
  text-decoration: none;
}
.lm-blog-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 6px 24px rgba(15,30,80,.08);
  border-color: #CCD8EE;
}
.lm-blog-img{
  aspect-ratio: 16 / 10;
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #EAF0FF, #E6F4FB);
}
.lm-blog-img img{
  width: 100%; height: 100%; object-fit: cover;
  display: block;
  transition: transform .4s ease;
}
.lm-blog-card:hover .lm-blog-img img{ transform: scale(1.05) }
.lm-blog-body{
  padding: 24px 26px;
  flex: 1; display: flex; flex-direction: column;
}
.lm-blog-meta{
  display: flex; align-items: center; gap: 12px;
  font-size: 12px; color: var(--text-faint);
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.lm-blog-meta .lm-cat{
  color: var(--primary-color);
  background: var(--accent-soft);
  padding: 3px 10px;
  border-radius: 999px;
  font-weight: 600;
}
.lm-blog-card h3{
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 16px;
  color: var(--text-strong);
  flex: 1;
}
.lm-blog-card .lm-read{
  color: var(--primary-color);
  font-weight: 600;
  font-size: 14px;
  display: inline-flex; align-items: center; gap: 8px;
  margin-top: 8px;
}
.lm-blog-card .lm-read i{ transition: transform .2s ease }
.lm-blog-card:hover .lm-read i{ transform: translateX(-4px) }

/* ────── Modern Footer ────── */
.lm-footer{
  background: var(--primary-darker);
  color: rgba(255,255,255,.7);
  padding: 80px 0 28px;
  position: relative;
  overflow: hidden;
}
.lm-footer::before{
  content:"";
  position: absolute; inset: 0;
  background: radial-gradient(circle at 80% 0%, rgba(51,181,229,.12), transparent 50%);
}
.lm-footer .lm-container{ position: relative; z-index: 1; max-width: 1240px; margin: 0 auto; padding: 0 20px }
.lm-footer-grid{
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  gap: 50px;
  margin-bottom: 60px;
}
@media (max-width: 991px){ .lm-footer-grid{ grid-template-columns: 1fr 1fr; gap: 40px } }
@media (max-width: 575px){ .lm-footer-grid{ grid-template-columns: 1fr } }
.lm-footer-brand{
  padding-right: 32px;
}
.lm-footer-brand img{
  height: 44px;
  filter: brightness(0) invert(1);
  margin-bottom: 18px;
}
.lm-footer-brand p{ font-size: 14px; line-height: 1.75; max-width: 360px }
.lm-footer-col h4{
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 18px;
  letter-spacing: .03em;
}
.lm-footer-col ul{ list-style: none; padding: 0; margin: 0 }
.lm-footer-col li{ margin-bottom: 10px; font-size: 14px }
.lm-footer-col li a{
  color: rgba(255,255,255,.7);
  transition: color .2s ease;
  text-decoration: none;
}
.lm-footer-col li a:hover{ color: var(--accent-color) }
.lm-footer-col li i{
  color: var(--accent-color);
  margin-inline-end: 8px;
  width: 16px;
}
.lm-social{
  display: flex; gap: 10px;
  margin-top: 18px;
}
.lm-social a{
  width: 38px; height: 38px;
  border-radius: 10px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  display: grid; place-items: center;
  color: #fff;
  transition: all .2s ease;
  text-decoration: none;
}
.lm-social a:hover{
  background: var(--accent-color);
  border-color: var(--accent-color);
  color: #08294e;
  transform: translateY(-2px);
}
.lm-footer-bottom{
  border-top: 1px solid rgba(255,255,255,.08);
  padding-top: 26px;
  display: flex; justify-content: space-between; align-items: center;
  flex-wrap: wrap; gap: 16px;
  font-size: 13px;
  color: rgba(255,255,255,.5);
}
.lm-footer-bottom .lm-trust{
  background: rgba(255,255,255,.04);
  padding: 8px 14px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.06);
  color: rgba(255,255,255,.7);
  font-size: 12px;
  display: inline-flex; align-items: center; gap: 8px;
}
.lm-footer-bottom .lm-trust i{ color: var(--accent-color) }

/* Utility for embedded LTR text inside RTL */
.lm-en{ direction: ltr; display: inline-block }

/* Hide legacy header/footer when modern landing is in use */
body.lm-active > header.main-header,
body.lm-active > footer.main-footer{ display: none }