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

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

/* The page's own styles */
.lp-canva-digital-signage {
      --purple:#6b3cc9;
      --purple-dark:#4b2696;
      --purple-soft:#f3edff;
      --blue:#57b7ff;
      --blue-soft:#eef8ff;
      --ink:#101828;
      --muted:#5c6678;
      --line:#ddd8e9;
      --alt:#faf8ff;
      --green:#0e8a5f;
      --max:1180px;
    }
.lp-canva-digital-signage * {box-sizing:border-box}
.lp-canva-digital-signage {margin:0;font-family: inherit;color:var(--ink);line-height:1.55;background:#fff}
.lp-canva-digital-signage a {text-decoration:none}
.lp-canva-digital-signage .wrap {max-width:var(--max);margin:auto;padding:0 24px}
.lp-canva-digital-signage .hero {background:linear-gradient(180deg,#f4efff 0%,#eef8ff 55%,#fff 100%);padding:72px 0 58px;border-bottom:1px solid var(--line)}
.lp-canva-digital-signage .hero-grid {display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.lp-canva-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-canva-digital-signage h1 {margin:0 0 18px;font-size:clamp(42px,5vw,68px);line-height:1;letter-spacing:-.04em}
.lp-canva-digital-signage .hero p {margin:0 0 26px;color:var(--muted);font-size:21px;max-width:700px}
.lp-canva-digital-signage .buttons {display:flex;gap:12px;flex-wrap:wrap}
.lp-canva-digital-signage .btn {display:inline-block;padding:13px 20px;border-radius:10px;font-weight:800;border:1px solid transparent}
.lp-canva-digital-signage .btn-primary {background:var(--purple);color:#fff}
.lp-canva-digital-signage .btn-primary:hover {background:var(--purple-dark)}
.lp-canva-digital-signage .btn-secondary {background:#fff;color:var(--purple-dark);border-color:#cbbbea}
.lp-canva-digital-signage .micro {margin-top:14px;color:#6e7787;font-size:14px}
.lp-canva-digital-signage .mockup {background:#fff;border:1px solid #dcd5ea;border-radius:18px;box-shadow:0 26px 70px rgba(65,37,120,.14);overflow:hidden}
.lp-canva-digital-signage .mock-top {padding:14px 18px;background:#fbfaff;border-bottom:1px solid #ebe6f2;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;color:#51456f}
.lp-canva-digital-signage .canvas {display:grid;grid-template-columns:190px 1fr;min-height:390px;background:#f6f5f9}
.lp-canva-digital-signage .tools {background:#fff;border-right:1px solid #e5e0ec;padding:18px 14px}
.lp-canva-digital-signage .tool {display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:8px;color:#514b5f;font-size:14px}
.lp-canva-digital-signage .tool.active {background:#f2ebff;color:#5a2da9;font-weight:700}
.lp-canva-digital-signage .dot {width:10px;height:10px;border-radius:3px;background:linear-gradient(135deg,var(--purple),var(--blue))}
.lp-canva-digital-signage .design-area {padding:24px;display:flex;align-items:center;justify-content:center}
.lp-canva-digital-signage .poster {width:78%;aspect-ratio:16/10;background:linear-gradient(135deg,#4f2aa8,#7e5de0 50%,#6ac5ff);border-radius:14px;color:#fff;padding:28px;display:grid;grid-template-rows:auto 1fr auto;box-shadow:0 18px 40px rgba(69,43,130,.2)}
.lp-canva-digital-signage .poster small {font-weight:800;letter-spacing:.08em;opacity:.86}
.lp-canva-digital-signage .poster h3 {font-size:34px;line-height:1.05;margin:20px 0 8px;max-width:340px}
.lp-canva-digital-signage .poster p {margin:0;max-width:350px;color:#efeaff}
.lp-canva-digital-signage .poster-cta {display:inline-block;background:#fff;color:#4b2696;padding:9px 13px;border-radius:8px;font-weight:800;width:max-content}
.lp-canva-digital-signage section {padding:72px 0}
.lp-canva-digital-signage .alt {background:var(--alt)}
.lp-canva-digital-signage h2 {font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.025em;margin:0 0 12px}
.lp-canva-digital-signage .section-head {max-width:790px;margin-bottom:30px}
.lp-canva-digital-signage .section-head p {margin:0;color:var(--muted);font-size:18px}
.lp-canva-digital-signage .grid-3 {display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lp-canva-digital-signage .card {background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}
.lp-canva-digital-signage .card h3 {margin:0 0 8px;font-size:20px}
.lp-canva-digital-signage .card p {margin:0;color:var(--muted)}
.lp-canva-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-canva-digital-signage .callout {border:1px solid #dacaf6;background:linear-gradient(90deg,#f5efff,#eff8ff);color:#3e2d64;border-radius:18px;padding:24px;margin-top:26px;font-size:18px}
.lp-canva-digital-signage .callout strong {color:var(--purple-dark)}
.lp-canva-digital-signage .platforms {display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.lp-canva-digital-signage .tag {background:#fff;border:1px solid #cfc6df;border-radius:999px;padding:8px 12px;font-weight:700;color:#463d56;font-size:14px}
.lp-canva-digital-signage .steps {counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.lp-canva-digital-signage .step {background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}
.lp-canva-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-canva-digital-signage .step h3 {margin:0 0 7px;font-size:18px}
.lp-canva-digital-signage .step p {margin:0;color:var(--muted);font-size:15px}
.lp-canva-digital-signage .checklist {display:grid;grid-template-columns:repeat(2,1fr);gap:12px 20px}
.lp-canva-digital-signage .check {display:flex;gap:10px;align-items:flex-start;color:#344054}
.lp-canva-digital-signage .check b {color:var(--green)}
.lp-canva-digital-signage .faq {display:grid;grid-template-columns:1fr 1fr;gap:18px}
.lp-canva-digital-signage .cta {background:linear-gradient(135deg,#4b2696,#6541bb 62%,#2c6ca4);color:#fff;border-radius:22px;padding:42px;display:flex;justify-content:space-between;gap:30px;align-items:center}
.lp-canva-digital-signage .cta p {margin:0;color:#e7ddfb;max-width:740px}
.lp-canva-digital-signage .cta h2 {margin-bottom:8px}
@media(max-width:900px) {
.lp-canva-digital-signage .hero-grid,
.lp-canva-digital-signage .grid-3,
.lp-canva-digital-signage .steps,
.lp-canva-digital-signage .checklist,
.lp-canva-digital-signage .faq {grid-template-columns:1fr}
.lp-canva-digital-signage .canvas {grid-template-columns:1fr}
.lp-canva-digital-signage .tools {display:none}
.lp-canva-digital-signage .poster {width:100%}
.lp-canva-digital-signage .cta {display:block}
.lp-canva-digital-signage .cta .buttons {margin-top:22px}
}
