.elementor-1307 .elementor-element.elementor-element-6384b84{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1307 .elementor-element.elementor-element-217a1df{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-dcfea42 */.lbt-solutions-page{
  --bg:#2b3170;
  --bg2:#f3f6f9;
  --light:#eef2f6;
  --card:#ffffff;
  --text:#0b1220;
  --muted:#667085;
  --w:#ffffff;
  --w75:0b1220;
  --w65:0b1220;
  --line:rgba(56,189,248,0.22);
  --linebg:rgba(56,189,248,0.10);
  --accent:#2563eb;
  --accent2:#38bdf8;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

.lbt-container{width:min(1180px,calc(100% - 48px));margin:0 auto}
.lbt-section{padding:110px 0}
.lbt-section-light{background:var(--light);color:var(--text)}
.lbt-section-dark{background:radial-gradient(circle at 80% 20%, #0f172a, var(--bg) 10%);color:var(--bg2)}
.lbt-section-head{max-width:820px;margin:0 auto 54px;text-align:center}
.lbt-section-head h2{font-size:40px;line-height:1.1;margin:0 0 14px}
.lbt-section-head p{margin:0;color:var(--muted);font-size:16px;line-height:1.7}

.lbt-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:14px 18px;border-radius:14px;font-weight:650;
  border:1px solid rgba(255,255,255,0.18);
  text-decoration:none;gap:10px;transition:transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease
}
.lbt-btn:hover{transform:translateY(-1px)}
.lbt-btn-primary{background:var(--accent);color:var(--w);border-color:transparent;box-shadow:0 16px 40px rgba(37,99,235,0.25)}
.lbt-btn-ghost{background:rgba(255,255,255,0.06);color:var(--w)}
.lbt-btn-block{width:100%}

.lbt-hero{
  position:relative;min-height:92vh;display:flex;align-items:center;
  background:radial-gradient(circle at 50% 25%, #0f172a, var(--bg) 72%);
  overflow:hidden;color:var(--w)
}
.lbt-hero-bg{position:absolute;inset:0;pointer-events:none}
.lbt-hero-bg svg{width:125%;height:125%;will-change:transform}
.lbt-hero-bg .lines path{stroke:var(--line);stroke-width:1;opacity:1}
.lbt-hero-bg .lines--bg path{stroke:var(--linebg);stroke-width:1}
.lbt-hero-bg .nodes circle{fill:rgba(56,189,248,0.55)}
.lbt-hero-mask{
  position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 50% 45%, rgba(2,6,23,0.94) 0%, rgba(2,6,23,0.88) 30%, rgba(2,6,23,0.55) 50%, rgba(2,6,23,0) 70%);
}
.lbt-hero-inner{position:relative;z-index:2;text-align:center;max-width:980px;padding:120px 0}
.lbt-pill{
  display:inline-flex;align-items:center;justify-content:center;
  padding:8px 12px;border-radius:999px;
  background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);
  color:var(--w65);font-size:13px;letter-spacing:0.06em;text-transform:uppercase;
  margin-bottom:16px
}
.lbt-hero h1{font-size:clamp(42px,5.2vw,66px);line-height:1.03;margin:0 0 18px}
.lbt-hero p{margin:0 auto 28px;max-width:62ch;color:var(--w75);font-size:17px;line-height:1.7}
.lbt-hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}

.lbt-metrics{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;
  max-width:920px;margin:0 auto;
}
.lbt-metric{
  padding:16px 16px;border-radius:18px;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.10);
}
.lbt-metric-title{font-weight:750}
.lbt-metric-sub{color:var(--w65);font-size:13px;margin-top:4px}

.lbt-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.lbt-card{
  background:var(--card);border-radius:22px;padding:34px 30px;
  box-shadow:0 24px 55px rgba(0,0,0,0.08);
  border:1px solid rgba(0,0,0,0.06);
}
.lbt-card-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px;gap:12px}
.lbt-tag{
  font-size:12px;letter-spacing:0.08em;text-transform:uppercase;
  color:#1d4ed8;background:rgba(37,99,235,0.10);border:1px solid rgba(37,99,235,0.18);
  padding:7px 10px;border-radius:999px
}
.lbt-mini{color:var(--muted);font-size:13px}
.lbt-card h3{font-size:22px;line-height:1.2;margin:0 0 10px}
.lbt-card p{color:var(--muted);margin:0 0 14px;line-height:1.7}
.lbt-card ul{margin:0 0 16px;padding-left:18px;color:var(--muted)}
.lbt-card li{margin:0 0 8px}
.lbt-link{display:inline-block;color:#0b1220;font-weight:650;text-decoration:none}
.lbt-link:hover{text-decoration:underline}

.lbt-split{display:grid;grid-template-columns:1.1fr 0.9fr;gap:26px;align-items:start}
.lbt-split h2{font-size:40px;line-height:1.1;margin:0 0 14px}
.lbt-split p{color:var(--w75);line-height:1.7;margin:0 0 18px}

.lbt-steps{display:grid;gap:12px;margin-top:18px}
.lbt-step{
  display:flex;gap:14px;align-items:flex-start;
  padding:16px;border-radius:18px;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.10);
}
.lbt-step-num{font-weight:800;color:rgba(56,189,248,0.85);min-width:44px}
.lbt-step-title{font-weight:750}
.lbt-step-sub{color:var(--w65);font-size:13px;margin-top:3px;line-height:1.6}

.lbt-panel{
  border-radius:24px;overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.05));
  border:1px solid rgba(255,255,255,0.12);
  box-shadow:0 28px 80px rgba(0,0,0,0.55);
}
.lbt-panel-head{padding:18px 18px 12px;border-bottom:1px solid rgba(255,255,255,0.10)}
.lbt-panel-title{font-weight:800;margin-bottom:10px}
.lbt-badges{display:flex;flex-wrap:wrap;gap:8px}
.lbt-badges span{
  font-size:12px;color:var(--w65);
  padding:6px 10px;border-radius:999px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.10)
}
.lbt-panel-body{padding:18px;display:grid;gap:12px}
.lbt-panel-item{display:flex;gap:12px;align-items:flex-start}
.lbt-dot{width:10px;height:10px;border-radius:999px;background:rgba(56,189,248,0.9);box-shadow:0 0 0 6px rgba(56,189,248,0.14);margin-top:6px}
.lbt-panel-item-title{font-weight:750}
.lbt-panel-item-sub{color:var(--w65);font-size:13px;line-height:1.6;margin-top:3px}
.lbt-panel-foot{padding:18px;border-top:1px solid rgba(255,255,255,0.10)}

.lbt-faq{max-width:920px;margin:0 auto;display:grid;gap:12px}
.lbt-faq-item{
  background:#ffffff;border:1px solid rgba(0,0,0,0.06);
  border-radius:18px;padding:16px 16px;
  box-shadow:0 18px 40px rgba(0,0,0,0.06);
}
.lbt-faq-item summary{cursor:pointer;font-weight:750;list-style:none}
.lbt-faq-item summary::-webkit-details-marker{display:none}
.lbt-faq-body{color:var(--muted);margin-top:10px;line-height:1.7}

.lbt-cta{
  padding:110px 0;
  background:radial-gradient(circle at 40% 30%, rgba(37,99,235,0.22), transparent 55%),
             radial-gradient(circle at 70% 60%, rgba(56,189,248,0.18), transparent 55%),
             #0b1220;
  color:var(--w)
}
.lbt-cta-inner{display:grid;grid-template-columns:1.1fr 0.9fr;gap:22px;align-items:start}
.lbt-cta h2{margin:0 0 14px;font-size:40px;line-height:1.1}
.lbt-cta p{margin:0;color:var(--w75);line-height:1.7}
.lbt-cta-actions{display:grid;gap:10px}
.lbt-cta-note{color:var(--w65);font-size:12px;margin-top:6px}

@media (max-width: 980px){
  .lbt-cards{grid-template-columns:1fr}
  .lbt-split{grid-template-columns:1fr}
  .lbt-cta-inner{grid-template-columns:1fr}
  .lbt-metrics{grid-template-columns:1fr}
  .lbt-hero-inner{padding:96px 0}
}

/* ===============================
   MOBILE OPTIMISATION
   =============================== */

@media (max-width: 768px) {

  /* HERO */
  .lbt-hero {
    min-height: auto;
  }

  .lbt-hero-inner {
    padding: 80px 0 64px;
  }

  .lbt-hero h1 {
    font-size: 34px;
    line-height: 1.15;
  }

  .lbt-hero p {
    font-size: 15px;
    line-height: 1.6;
    max-width: 100%;
  }

  .lbt-hero-cta {
    flex-direction: column;
    gap: 10px;
  }

  .lbt-btn {
    width: 100%;
  }

  /* reduce background dominance on mobile */
  .lbt-hero-bg svg {
    width: 160%;
    height: 160%;
    opacity: 0.65;
  }

  .lbt-hero-mask {
    background: radial-gradient(
      circle at 50% 40%,
      rgba(2,6,23,0.96) 0%,
      rgba(2,6,23,0.92) 35%,
      rgba(2,6,23,0.75) 60%,
      rgba(2,6,23,0.4) 78%,
      rgba(2,6,23,0) 90%
    );
  }

  /* METRICS */
  .lbt-metrics {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .lbt-metric {
    text-align: center;
  }

  /* SECTIONS */
  .lbt-section {
    padding: 72px 0;
  }

  .lbt-section-head h2 {
    font-size: 30px;
    line-height: 1.2;
  }

  .lbt-section-head p {
    font-size: 15px;
  }

  /* CARDS */
  .lbt-cards {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .lbt-card {
    padding: 28px 22px;
  }

  .lbt-card h3 {
    font-size: 20px;
  }

  /* SPLIT SECTION */
  .lbt-split {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .lbt-split h2 {
    font-size: 30px;
  }

  /* STEPS */
  .lbt-step {
    padding: 14px;
  }

  .lbt-step-num {
    font-size: 18px;
  }

  /* PANEL */
  .lbt-panel {
    border-radius: 20px;
  }

  .lbt-panel-title {
    font-size: 18px;
  }

  /* FAQ */
  .lbt-faq-item {
    padding: 14px;
  }

  .lbt-faq-item summary {
    font-size: 15px;
  }

  /* CTA */
  .lbt-cta {
    padding: 80px 0;
  }

  .lbt-cta-inner {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .lbt-cta h2 {
    font-size: 30px;
    line-height: 1.2;
  }

  .lbt-cta p {
    font-size: 15px;
  }

}
@media (max-width: 768px) {

  /* Fix solution card header layout on mobile */
  .lbt-card-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  .lbt-tag {
    font-size: 11px;
    padding: 6px 10px;
  }

  .lbt-mini {
    font-size: 13px;
    color: #667085;
  }

}/* End custom CSS */