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

/* Rules this page used from the old template (Bootstrap, main.css) */
.lp-power-bi-digital-signage .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-power-bi-digital-signage .btn {transition:none}
}
.lp-power-bi-digital-signage .btn:hover {color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}
.lp-power-bi-digital-signage .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-power-bi-digital-signage .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-power-bi-digital-signage .btn:first-child:active:focus-visible {box-shadow:var(--bs-btn-focus-box-shadow)}
.lp-power-bi-digital-signage .btn:disabled,
.lp-power-bi-digital-signage 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-power-bi-digital-signage .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-power-bi-digital-signage .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-power-bi-digital-signage .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-power-bi-digital-signage .card>hr {margin-right:0;margin-left:0}
.lp-power-bi-digital-signage .btn:focus {
  text-decoration: none;
  outline: none;
  outline: none !important;
  border-color: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.lp-power-bi-digital-signage blockquote .icon i {
  font-size: 32px;
  color: #cbd3ff;
  display: block;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
.lp-power-bi-digital-signage blockquote .icon i {
    margin-bottom: 15px;
  }
}
.lp-power-bi-digital-signage .faq {
  padding-bottom: 80px;
  background-color: #F4F7FA;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.lp-power-bi-digital-signage .faq {
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
.lp-power-bi-digital-signage .faq {
    padding-bottom: 30px;
  }
}

/* The page's own styles */
.lp-power-bi-digital-signage {
      --purple:#6b3cc9; --purple-dark:#4b2696; --purple-soft:#f3edff; --blue:#4aa8ff; --blue-soft:#edf7ff;
      --ink:#101828; --muted:#5c6678; --line:#dbe3ee;
      --alt:#f7faff; --green:#0e8a5f; --max:1180px;
    }
.lp-power-bi-digital-signage * {box-sizing:border-box}
.lp-power-bi-digital-signage {margin:0;font-family: inherit;color:var(--ink);line-height:1.55;background:#fff}
.lp-power-bi-digital-signage a {text-decoration:none}
.lp-power-bi-digital-signage .wrap {max-width:var(--max);margin:auto;padding:0 24px}
.lp-power-bi-digital-signage .hero {background:linear-gradient(180deg,#f3edff 0%,#f7fbff 48%,#fff 100%);padding:72px 0 58px;border-bottom:1px solid var(--line)}
.lp-power-bi-digital-signage .hero-grid {display:grid;grid-template-columns:1.04fr .96fr;gap:48px;align-items:center}
.lp-power-bi-digital-signage .eyebrow {display:inline-block;background:#eadfff;color:var(--purple-dark);border-radius:999px;padding:7px 12px;font-size:14px;font-weight:800;letter-spacing:.02em;margin-bottom:16px}
.lp-power-bi-digital-signage h1 {margin:0 0 18px;font-size:clamp(42px,5vw,68px);line-height:1;letter-spacing:-.04em}
.lp-power-bi-digital-signage .hero p {margin:0 0 26px;color:var(--muted);font-size:21px;max-width:700px}
.lp-power-bi-digital-signage .buttons {display:flex;gap:12px;flex-wrap:wrap}
.lp-power-bi-digital-signage .btn {display:inline-block;padding:13px 20px;border-radius:10px;font-weight:800;border:1px solid transparent}
.lp-power-bi-digital-signage .btn-primary {background:var(--purple);color:#fff}
.lp-power-bi-digital-signage .btn-secondary {background:#fff;color:var(--purple-dark);border-color:#cbbbea}
.lp-power-bi-digital-signage .micro {margin-top:14px;color:#6e7787;font-size:14px}
.lp-power-bi-digital-signage .tv {background:#0f172a;border-radius:18px;padding:12px;box-shadow:0 26px 70px rgba(15,23,42,.18)}
.lp-power-bi-digital-signage .screen {min-height:390px;border-radius:10px;overflow:hidden;background:#f8fafc;display:grid;grid-template-columns:1.2fr .8fr;gap:12px;padding:18px}
.lp-power-bi-digital-signage .dash-main,
.lp-power-bi-digital-signage .dash-side {display:grid;gap:12px}
.lp-power-bi-digital-signage .dash-main {grid-template-rows:auto 1fr}
.lp-power-bi-digital-signage .dash-side {grid-template-rows:1fr 1fr}
.lp-power-bi-digital-signage .panel {background:#fff;border:1px solid #dde5ef;border-radius:12px;padding:15px;box-shadow:0 6px 18px rgba(15,23,42,.06)}
.lp-power-bi-digital-signage .titlebar {display:flex;justify-content:space-between;align-items:center}
.lp-power-bi-digital-signage .titlebar strong {font-size:16px}
.lp-power-bi-digital-signage .pill {background:#efe8ff;color:var(--purple-dark);padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700}
.lp-power-bi-digital-signage .metric {font-size:42px;font-weight:800;line-height:1;color:#132238;margin-top:18px}
.lp-power-bi-digital-signage .metric small {display:block;font-size:12px;color:#6b7280;margin-top:7px;font-weight:600}
.lp-power-bi-digital-signage .chart {height:160px;margin-top:18px;display:flex;align-items:end;gap:8px}
.lp-power-bi-digital-signage .bar {flex:1;background:linear-gradient(180deg,#7dc6ff,#6b3cc9);border-radius:6px 6px 2px 2px}
.lp-power-bi-digital-signage .donut {width:125px;height:125px;border-radius:50%;background:conic-gradient(#6b3cc9 0 62%, #7dc6ff 62% 82%, #e7dbff 82%);margin:20px auto 0;position:relative}
.lp-power-bi-digital-signage .donut:after {content:"";position:absolute;inset:28px;border-radius:50%;background:#fff}
.lp-power-bi-digital-signage section {padding:72px 0}
.lp-power-bi-digital-signage .alt {background:var(--alt)}
.lp-power-bi-digital-signage h2 {font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.025em;margin:0 0 12px}
.lp-power-bi-digital-signage .section-head {max-width:790px;margin-bottom:30px}
.lp-power-bi-digital-signage .section-head p {margin:0;color:var(--muted);font-size:18px}
.lp-power-bi-digital-signage .grid-3 {display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lp-power-bi-digital-signage .card {background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}
.lp-power-bi-digital-signage .card h3 {margin:0 0 8px;font-size:20px}
.lp-power-bi-digital-signage .card p {margin:0;color:var(--muted)}
.lp-power-bi-digital-signage .icon {width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--purple-soft);color:var(--purple-dark);font-weight:900;margin-bottom:15px}
.lp-power-bi-digital-signage .platforms {display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.lp-power-bi-digital-signage .tag {background:#fff;border:1px solid #cbd7e6;border-radius:999px;padding:8px 12px;font-weight:700;color:#344054;font-size:14px}
.lp-power-bi-digital-signage .callout {border:1px solid #d9c9f7;background:linear-gradient(90deg,#f4efff,#eef8ff);color:#3d2a66;border-radius:18px;padding:24px;margin-top:26px;font-size:18px}
.lp-power-bi-digital-signage .callout strong {color:var(--purple-dark)}
.lp-power-bi-digital-signage .steps {counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.lp-power-bi-digital-signage .step {background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}
.lp-power-bi-digital-signage .step:before {counter-increment:step;content:counter(step);display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--purple);color:#fff;font-weight:900;margin-bottom:12px}
.lp-power-bi-digital-signage .step h3 {margin:0 0 7px;font-size:18px}
.lp-power-bi-digital-signage .step p {margin:0;color:var(--muted);font-size:15px}
.lp-power-bi-digital-signage .checklist {display:grid;grid-template-columns:repeat(2,1fr);gap:12px 20px}
.lp-power-bi-digital-signage .check {display:flex;gap:10px;align-items:flex-start;color:#344054}
.lp-power-bi-digital-signage .check b {color:var(--green)}
.lp-power-bi-digital-signage .faq {display:grid;grid-template-columns:1fr 1fr;gap:18px}
.lp-power-bi-digital-signage .cta {background:linear-gradient(135deg,#4b2696,#5d3db1 60%,#245f99);color:#fff;border-radius:22px;padding:42px;display:flex;justify-content:space-between;gap:30px;align-items:center}
.lp-power-bi-digital-signage .cta p {margin:0;color:#d7e7f8;max-width:740px}
.lp-power-bi-digital-signage .cta h2 {margin-bottom:8px}
@media(max-width:900px) {
.lp-power-bi-digital-signage .hero-grid,
.lp-power-bi-digital-signage .grid-3,
.lp-power-bi-digital-signage .steps,
.lp-power-bi-digital-signage .checklist,
.lp-power-bi-digital-signage .faq {grid-template-columns:1fr}
.lp-power-bi-digital-signage .screen {min-height:330px}
.lp-power-bi-digital-signage .cta {display:block}
.lp-power-bi-digital-signage .cta .buttons {margin-top:22px}
}