/* lgwebos.php (/digital-signage-for-lg-webos): styles carried over from the previous page,
   scoped to .lp-digital-signage-for-lg-webos so they only apply to this page's content. */

/* Rules this page used from the old template (Bootstrap, main.css) */
.lp-digital-signage-for-lg-webos .btn {--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: inherit;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family: inherit;font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce) {
.lp-digital-signage-for-lg-webos .btn {transition:none}
}
.lp-digital-signage-for-lg-webos .btn:hover {color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}
.lp-digital-signage-for-lg-webos .btn:focus-visible {color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}
.lp-digital-signage-for-lg-webos .btn:first-child:active {color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}
.lp-digital-signage-for-lg-webos .btn:first-child:active:focus-visible {box-shadow:var(--bs-btn-focus-box-shadow)}
.lp-digital-signage-for-lg-webos .btn:disabled,
.lp-digital-signage-for-lg-webos fieldset:disabled .btn {color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}
.lp-digital-signage-for-lg-webos .btn-primary {--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}
.lp-digital-signage-for-lg-webos .btn-secondary {--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}
.lp-digital-signage-for-lg-webos .card {--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}
.lp-digital-signage-for-lg-webos .card>hr {margin-right:0;margin-left:0}
.lp-digital-signage-for-lg-webos .btn:focus {
  text-decoration: none;
  outline: none;
  outline: none !important;
  border-color: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.lp-digital-signage-for-lg-webos .button .btn {
  display: inline-block;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 500;
  padding: 14px 30px;
  background-color: #663695;
  color: #fff;
  border: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-radius: 8px;
  position: relative;
  z-index: 1;
  margin-right: 7px;
  overflow: hidden;
  background: linear-gradient(231deg, #fff 0%, #663695 100%);
  border: solid 1px #ffffff;
  box-shadow: 0 0 7px 1px #e2d1ff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.lp-digital-signage-for-lg-webos .button .btn {
    padding: 14px 25px;
    font-size: 14px;
    font-weight: 500;
  }
}
@media (max-width: 767px) {
.lp-digital-signage-for-lg-webos .button .btn {
    padding: 14px 25px;
    font-size: 14px;
    font-weight: 500;
  }
}
.lp-digital-signage-for-lg-webos .button .btn i {
  display: inline-block;
  margin-right: 5px;
}
.lp-digital-signage-for-lg-webos .button .btn:last-child {
  margin: 0;
}
.lp-digital-signage-for-lg-webos .button .btn:hover {
  color: #fff;
  background-color: #663695;
  background: linear-gradient(45deg, #fff 0%, #663695 100%);

}
.lp-digital-signage-for-lg-webos .button {
  margin-left: 0 !important;
}
.lp-digital-signage-for-lg-webos blockquote .icon i {
  font-size: 32px;
  color: #cbd3ff;
  display: block;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
.lp-digital-signage-for-lg-webos blockquote .icon i {
    margin-bottom: 15px;
  }
}
.lp-digital-signage-for-lg-webos .faq {
  padding-bottom: 80px;
  background-color: #F4F7FA;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.lp-digital-signage-for-lg-webos .faq {
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
.lp-digital-signage-for-lg-webos .faq {
    padding-bottom: 30px;
  }
}

/* The page's own styles */
.lp-digital-signage-for-lg-webos {
      --bg:#f6f8fb;
      --card:#ffffff;
      --ink:#111827;
      --muted:#5f6b7a;
      --line:#dfe5ec;
      --brand:#174ea6;
      --brand2:#0f3b7c;
      --soft:#eaf2ff;
      --accent:#0f766e;
      --max:1160px;
    }
.lp-digital-signage-for-lg-webos * {box-sizing:border-box}
.lp-digital-signage-for-lg-webos {scroll-behavior:smooth}
.lp-digital-signage-for-lg-webos {
      margin:0;
      font-family: inherit;
      color:var(--ink);
      background:#fff;
      line-height:1.55;
    }
.lp-digital-signage-for-lg-webos a {text-decoration:none}
.lp-digital-signage-for-lg-webos .wrap {max-width:var(--max);margin:0 auto;padding:0 24px}
.lp-digital-signage-for-lg-webos .hero {
      background:linear-gradient(180deg,#eef5ff 0%,#ffffff 100%);
      padding:72px 0 54px;
      border-bottom:1px solid var(--line);
    }
.lp-digital-signage-for-lg-webos .hero-grid {
      display:grid;
      grid-template-columns:1.05fr .95fr;
      gap:48px;
      align-items:center;
    }
.lp-digital-signage-for-lg-webos .eyebrow {
      display:inline-block;
      padding:7px 11px;
      border-radius:999px;
      background:#dceaff;
      color:var(--brand2);
      font-weight:700;
      font-size:14px;
      letter-spacing:.02em;
      margin-bottom:16px;
    }
.lp-digital-signage-for-lg-webos h1 {
      font-size:clamp(38px,5vw,64px);
      line-height:1.02;
      margin:0 0 18px;
      letter-spacing:-.035em;
    }
.lp-digital-signage-for-lg-webos .hero p {
      font-size:20px;
      color:var(--muted);
      margin:0 0 26px;
      max-width:680px;
    }
.lp-digital-signage-for-lg-webos .buttons {display:flex;gap:12px;flex-wrap:wrap}
.lp-digital-signage-for-lg-webos .btn {
      display:inline-block;
      padding:13px 20px;
      border-radius:10px;
      font-weight:750;
      border:1px solid transparent;
    }
.lp-digital-signage-for-lg-webos .btn-primary {background:var(--brand);color:#fff}
.lp-digital-signage-for-lg-webos .btn-primary:hover {background:var(--brand2)}
.lp-digital-signage-for-lg-webos .btn-secondary {background:#fff;color:var(--brand2);border-color:#b8c8df}
.lp-digital-signage-for-lg-webos .micro {
      margin-top:14px;
      color:#6b7280;
      font-size:14px;
    }
.lp-digital-signage-for-lg-webos .tv {
      background:#fff;
      border-radius:9px;
      padding:6px;
      box-shadow:0 2px 30px rgba(17,24,39,.18);
    }
.lp-digital-signage-for-lg-webos .screen {
      min-height:360px;
      border-radius:10px;
      background:linear-gradient(135deg,#643B93,#643B93 62%,#643B93);
      padding:26px;
      color:#fff;
      display:grid;
      grid-template-rows:auto 1fr auto;
      gap:18px;
    }
.lp-digital-signage-for-lg-webos .screen-top {display:flex;justify-content:space-between;align-items:center;font-weight:700}
.lp-digital-signage-for-lg-webos .screen-card {
      align-self:center;
      background:rgba(255,255,255,.94);
      color:#111827;
      border-radius:16px;
      padding:24px;
      box-shadow:0 12px 30px rgba(0,0,0,.12);
    }
.lp-digital-signage-for-lg-webos .screen-card strong {display:block;font-size:28px;margin-bottom:6px}
.lp-digital-signage-for-lg-webos .screen-card span {color:#5f6b7a}
.lp-digital-signage-for-lg-webos .screen-bottom {font-size:14px;opacity:.9}
.lp-digital-signage-for-lg-webos section {padding:72px 0}
.lp-digital-signage-for-lg-webos .section-alt {background:var(--bg)}
.lp-digital-signage-for-lg-webos .section-head {max-width:760px;margin-bottom:30px}
.lp-digital-signage-for-lg-webos h2 {
      font-size:clamp(30px,4vw,44px);
      line-height:1.08;
      margin:0 0 12px;
      letter-spacing:-.02em;
    }
.lp-digital-signage-for-lg-webos .section-head p {color:var(--muted);font-size:18px;margin:0}
.lp-digital-signage-for-lg-webos .grid-3 {display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lp-digital-signage-for-lg-webos .grid-2 {display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.lp-digital-signage-for-lg-webos .card {
      background:var(--card);
      border:1px solid var(--line);
      border-radius:16px;
      padding:24px;
    }
.lp-digital-signage-for-lg-webos .card h3 {font-size:20px;margin:0 0 8px}
.lp-digital-signage-for-lg-webos .card p {margin:0;color:var(--muted)}
.lp-digital-signage-for-lg-webos .icon {
      width:42px;height:42px;border-radius:10px;
      background:var(--soft);color:var(--brand2);
      display:flex;align-items:center;justify-content:center;
      font-weight:800;margin-bottom:14px
    }
.lp-digital-signage-for-lg-webos .steps {counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.lp-digital-signage-for-lg-webos .step {
      border:1px solid var(--line);
      border-radius:14px;
      padding:22px;
      background:#fff;
    }
.lp-digital-signage-for-lg-webos .step:before {
      counter-increment:step;
      content:counter(step);
      display:flex;
      width:34px;height:34px;
      align-items:center;justify-content:center;
      border-radius:50%;
      background:var(--brand);
      color:#fff;font-weight:800;
      margin-bottom:12px;
    }
.lp-digital-signage-for-lg-webos .step h3 {margin:0 0 7px;font-size:18px}
.lp-digital-signage-for-lg-webos .step p {margin:0;color:var(--muted);font-size:15px}
.lp-digital-signage-for-lg-webos .checklist {
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:12px 20px;
      margin-top:24px;
    }
.lp-digital-signage-for-lg-webos .check {
      display:flex;
      gap:10px;
      align-items:flex-start;
      color:#334155;
    }
.lp-digital-signage-for-lg-webos .check b {color:var(--accent)}
.lp-digital-signage-for-lg-webos .faq {display:grid;grid-template-columns:1fr 1fr;gap:18px}
.lp-digital-signage-for-lg-webos .faq .card h3 {font-size:18px}
.lp-digital-signage-for-lg-webos .cta {
      background:#fff
      border-radius:22px;
      padding:42px;
      display:flex;
      justify-content:space-between;
      gap:30px;
      align-items:center;
    }
.lp-digital-signage-for-lg-webos .cta h2 {margin-bottom:8px}
.lp-digital-signage-for-lg-webos .cta p {margin:0;color:var(--muted);max-width:720px}
.lp-digital-signage-for-lg-webos .cta .btn-secondary {white-space:nowrap}
@media (max-width:900px) {
.lp-digital-signage-for-lg-webos .hero-grid,
.lp-digital-signage-for-lg-webos .grid-3,
.lp-digital-signage-for-lg-webos .grid-2,
.lp-digital-signage-for-lg-webos .steps,
.lp-digital-signage-for-lg-webos .faq,
.lp-digital-signage-for-lg-webos .checklist {grid-template-columns:1fr}
.lp-digital-signage-for-lg-webos .screen {min-height:300px}
.lp-digital-signage-for-lg-webos .cta {display:block}
.lp-digital-signage-for-lg-webos .cta .buttons {margin-top:22px}
}