/* ============================================================
   GetVPN design system — LIGHT / brand palette
   Converted 30 Aug 2026 from the dark "Low Ping" palette after the
   official brand pack arrived. The brand is built for white: the
   full-colour lockup is navy-on-transparent and is unreadable on a dark
   ground, and the pack's own webmanifest specifies background #FFFFFF.

   Brand colours (GetVPN_Brand_Logo_Pack/06_Web_Developer/brand-colors.json):
     Bright Blue #0662F2 · Navy #032A87 · Orange #EE5510

   Every selector is .lp- prefixed. Roboto (display) + Inter (UI/data).
   ============================================================ */
:root{
  --lp-ground:#FFFFFF;      /* page */
  --lp-surface:#F5F8FD;     /* alternating bands, panels */
  --lp-surface-2:#FFFFFF;   /* panels sitting on a tinted band */
  --lp-line:#E3EAF6;

  --lp-ink:#0B1B3B;         /* body text */
  --lp-navy:#032A87;        /* headings — brand navy */
  --lp-muted:#5B6B8C;

  --lp-hot:#0662F2;         /* brand bright blue — primary action */
  --lp-orange:#EE5510;      /* brand orange — used sparingly */
  --lp-good:#167C4A;        /* semantic: live / ok. Not a brand colour. */

  --lp-r:4px;
  --lp-r-lg:6px;
  --lp-shadow:0 1px 2px rgba(3,42,135,.05), 0 8px 24px rgba(3,42,135,.06);
}

/* ---------- type ---------- */
.lp-display .elementor-heading-title{
  font-family:"Roboto",Arial,sans-serif;font-weight:900;
  font-size:clamp(40px,6.6vw,76px);line-height:1.02;letter-spacing:-.03em;
  color:var(--lp-navy);text-wrap:balance;text-transform:none;
}
.lp-display-sm .elementor-heading-title{font-size:clamp(32px,4.6vw,54px)}
.lp-h2 .elementor-heading-title{
  font-family:"Roboto",Arial,sans-serif;font-weight:700;
  font-size:clamp(26px,3.8vw,40px);line-height:1.12;letter-spacing:-.02em;
  color:var(--lp-navy);text-wrap:balance;text-transform:none;
}
.lp-eyebrow .elementor-heading-title{
  display:inline-block;
  font-family:"Inter",Arial,sans-serif;font-size:12px;font-weight:700;
  letter-spacing:.07em;text-transform:uppercase;
  color:#fff;background:var(--lp-navy);
  padding:6px 11px;border-radius:4px;line-height:1.25;
}
/* The wrapper is a full-width block; without this the chip would stretch. */
.lp-eyebrow{line-height:0}
@media (max-width:781px){
  .lp-eyebrow .elementor-heading-title{font-size:11px;padding:5px 9px;letter-spacing:.06em}
}
.lp-lede{font-family:"Inter",Arial,sans-serif;font-size:16.5px;line-height:1.62;color:var(--lp-muted);max-width:58ch}
.lp-lede p{margin:0}
.lp-tnum{font-variant-numeric:tabular-nums}

/* ---------- header / nav ---------- */
.lp-nav{
  max-width:1140px;margin:0 auto;padding:16px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  border-bottom:1px solid var(--lp-line);
}
.lp-nav-logo{display:flex;align-items:center;flex:none;text-decoration:none}
.lp-nav-logo img{height:32px;width:auto;display:block}
.lp-nav-menu{display:flex;align-items:center;gap:26px;font-family:"Inter",Arial,sans-serif;font-size:14px}
.lp-nav-menu a{color:var(--lp-muted);text-decoration:none;transition:color .15s ease}
.lp-nav-menu a:hover{color:var(--lp-navy)}
.lp-nav-menu a.lp-nav-cta{color:#fff;margin-left:6px}

.lp-nav-toggle{
  display:none;background:none;border:1px solid var(--lp-line);border-radius:var(--lp-r);
  padding:9px 10px;cursor:pointer;line-height:0;
}
.lp-nav-toggle:hover{border-color:var(--lp-muted)}
.lp-nav-bars{display:inline-block;width:18px}
.lp-nav-bars i{display:block;height:2px;background:var(--lp-navy);border-radius:1px;transition:transform .2s ease,opacity .2s ease}
.lp-nav-bars i + i{margin-top:4px}
.lp-nav.is-open .lp-nav-bars i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.lp-nav.is-open .lp-nav-bars i:nth-child(2){opacity:0}
.lp-nav.is-open .lp-nav-bars i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

@media (max-width:860px){
  .lp-nav{flex-wrap:wrap;gap:0}
  .lp-nav-toggle{display:inline-block}
  .lp-nav-menu{display:none;flex-direction:column;align-items:stretch;gap:0;width:100%;order:3;padding-top:10px}
  .lp-nav.is-open .lp-nav-menu{display:flex}
  .lp-nav-menu a{padding:13px 2px;border-top:1px solid var(--lp-line);font-size:15px}
  .lp-nav-menu a.lp-nav-cta{margin:14px 0 4px;border-top:none;text-align:center;padding:13px 24px}
}

/* ---------- hero ---------- */
.lp-hero{position:relative;isolation:isolate}
.lp-hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg, #fff 0%, rgba(255,255,255,.92) 46%, rgba(255,255,255,0) 78%);
}
.lp-hero > .e-con-inner{position:relative;z-index:1}
@media (max-width:860px){
  .lp-hero::before{background:linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.94) 62%, rgba(255,255,255,.80) 100%)}
}

/* ---------- buttons ---------- */
.lp-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:"Inter",Arial,sans-serif;font-size:14px;font-weight:600;
  padding:13px 24px;border-radius:var(--lp-r);border:1px solid transparent;
  text-decoration:none;transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.lp-btn-hot{background:var(--lp-hot);color:#fff}
.lp-btn-hot:hover{background:#0551CE;color:#fff}
.lp-btn-ghost{border-color:var(--lp-line);color:var(--lp-navy);background:#fff}
.lp-btn-ghost:hover{border-color:var(--lp-muted);color:var(--lp-navy)}
.lp-btn.lp-btn-hot{color:#fff}
.lp-btn.lp-btn-hot:hover{color:#fff}
.lp-btn.lp-btn-ghost{color:var(--lp-navy)}
.lp-btn.lp-btn-ghost:hover{color:var(--lp-navy)}
.lp-btn[disabled]{opacity:.6;cursor:progress}

/* ---------- ping panel ---------- */
.lp-demo{
  background:var(--lp-surface-2);border:1px solid var(--lp-line);
  border-radius:var(--lp-r-lg);padding:24px 26px 22px;font-family:"Inter",Arial,sans-serif;
  box-shadow:var(--lp-shadow);
}
.lp-demo-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px}
.lp-demo-title{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--lp-muted);font-weight:600}
.lp-demo-route{font-size:12px;color:var(--lp-navy);font-weight:500;font-variant-numeric:tabular-nums}
.lp-bars{display:flex;align-items:flex-end;gap:5px;height:124px}
.lp-bars i{flex:1;display:block;transition:height .6s cubic-bezier(.22,1,.36,1)}
.lp-bars i.lp-off{background:#CBD8EE}
.lp-bars i.lp-on{background:var(--lp-hot)}
.lp-demo-legend{display:flex;justify-content:space-between;margin-top:14px;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--lp-muted)}
.lp-demo-legend b{
  display:block;font-size:22px;font-weight:600;letter-spacing:-.02em;margin-top:6px;
  text-transform:none;font-variant-numeric:tabular-nums;color:var(--lp-navy);
}
.lp-demo-legend .lp-r-col{text-align:right}
.lp-demo-legend .lp-r-col b{color:var(--lp-hot)}
.lp-note{margin:16px 0 0;font-size:10.5px;line-height:1.5;color:var(--lp-muted);border-top:1px solid var(--lp-line);padding-top:12px}
.lp-result{margin-top:16px;border-top:1px solid var(--lp-line);padding-top:14px;font-family:"Inter",Arial,sans-serif;display:grid;gap:10px}
.lp-result-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:12.5px;color:var(--lp-muted)}
.lp-result-row b{font-size:15px;font-weight:600;color:var(--lp-navy);font-variant-numeric:tabular-nums}

/* ---------- trust strip ---------- */
.lp-trust{display:flex;justify-content:space-between;gap:14px 30px;flex-wrap:wrap;font-family:"Inter",Arial,sans-serif}
.lp-trust span{display:flex;align-items:baseline;gap:9px;font-size:13.5px;color:var(--lp-muted)}
.lp-trust b{color:var(--lp-navy);font-weight:600}
.lp-tick{color:var(--lp-good);font-size:12px;line-height:1}

/* ---------- benefit cards ---------- */
.lp-card{border-top:2px solid var(--lp-line);padding:20px 0 0;height:100%;transition:border-color .2s ease}
.lp-card:hover{border-top-color:var(--lp-hot)}
.lp-card h3{font-family:"Roboto",Arial,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--lp-navy);margin:0 0 8px;text-transform:none}
.lp-card p{font-family:"Inter",Arial,sans-serif;font-size:14px;color:var(--lp-muted);line-height:1.6;margin:0}

/* ---------- server table ---------- */
.lp-srv-grid{font-family:"Inter",Arial,sans-serif;border:1px solid var(--lp-line);border-radius:var(--lp-r);overflow:hidden;background:#fff}
.lp-srv{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 20px;background:#fff}
.lp-srv:nth-child(even){background:var(--lp-surface)}
.lp-srv + .lp-srv{border-top:1px solid var(--lp-line)}
.lp-srv-l{display:flex;align-items:baseline;gap:14px;min-width:0}
.lp-cc{font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--lp-muted);min-width:34px;flex:none;font-variant-numeric:tabular-nums}
.lp-srv-name{font-weight:500;font-size:14.5px;color:var(--lp-ink)}
.lp-srv-city{font-size:12px;color:var(--lp-muted);margin-left:9px}
.lp-srv-r{display:flex;align-items:baseline;gap:16px;flex:none}
.lp-srv-ms{font-size:15px;font-weight:600;color:var(--lp-navy);font-variant-numeric:tabular-nums;min-width:56px;display:inline-block;text-align:right}
.lp-srv-ms.lp-best{color:var(--lp-orange)}
.lp-srv-st{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--lp-good);display:flex;align-items:center;gap:6px;white-space:nowrap}
.lp-dot{width:5px;height:5px;border-radius:50%;background:var(--lp-good);flex:none}

/* ---------- pricing ----------
   No card is "featured". The reader's device already decides which one
   applies to them, so highlighting one as recommended would be addressing
   the half of the page that cannot act on it. Both buttons are therefore
   solid and equal in weight, distinguished by brand colour rather than by
   one being demoted to an outline. */
.lp-inc{
  background:var(--lp-surface);border:1px solid var(--lp-line);
  border-radius:var(--lp-r);padding:18px 22px;margin-bottom:20px;
  font-family:"Inter",Arial,sans-serif;
}
.lp-inc-h{
  margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:var(--lp-navy);
}
.lp-inc ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 30px}
.lp-inc li{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:500;color:var(--lp-ink)}
.lp-plan{
  background:#fff;border:1px solid var(--lp-line);border-radius:var(--lp-r);
  padding:28px 26px;height:100%;font-family:"Inter",Arial,sans-serif;box-shadow:var(--lp-shadow);
  display:flex;flex-direction:column;
}
.lp-plan-os{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--lp-muted);font-weight:600;margin:0}
.lp-plan-price{font-family:"Roboto",Arial,sans-serif;font-size:40px;font-weight:700;letter-spacing:-.03em;margin:12px 0 4px;line-height:1;color:var(--lp-navy)}
.lp-plan-price span{font-size:14px;font-weight:400;color:var(--lp-muted);letter-spacing:0}
.lp-plan-note{font-size:13px;color:var(--lp-muted);margin:0 0 20px;line-height:1.5}
.lp-plan ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:10px}
.lp-plan li{font-size:13.5px;display:flex;gap:10px;align-items:baseline;color:var(--lp-muted)}
.lp-plan li b{color:var(--lp-ink);font-weight:600}
/* push the button to the bottom so the two cards line up however the copy falls */
.lp-plan .lp-btn{width:100%;margin-top:auto}
/* An advert is a cost, not a feature, so it must not carry the tick that
   every genuine inclusion uses. A hollow ring reads as neutral. */
.lp-mark{
  width:7px;height:7px;border-radius:50%;border:1.5px solid var(--lp-muted);
  flex:none;align-self:center;opacity:.75;
}
.lp-plan-diff li.is-cost{color:var(--lp-muted)}
.lp-btn-navy{background:var(--lp-navy);color:#fff}
.lp-btn-navy:hover{background:#02205F;color:#fff}
.lp-btn.lp-btn-navy{color:#fff}
.lp-btn.lp-btn-navy:hover{color:#fff}
@media (max-width:781px){
  .lp-inc ul{gap:9px 20px}
  .lp-inc li{font-size:13.5px}
}

/* ---------- FAQ ---------- */
.lp-faq .elementor-accordion .elementor-accordion-item{background:#fff;border:1px solid var(--lp-line);border-radius:0;margin-bottom:-1px}
.lp-faq .elementor-accordion .elementor-accordion-item:first-child{border-radius:var(--lp-r) var(--lp-r) 0 0}
.lp-faq .elementor-accordion .elementor-accordion-item:last-child{border-radius:0 0 var(--lp-r) var(--lp-r)}
.lp-faq .elementor-tab-title{padding:18px 22px!important;font-family:"Roboto",Arial,sans-serif;font-weight:500;font-size:15.5px;letter-spacing:-.005em;text-transform:none}
.lp-faq .elementor-tab-title a{color:var(--lp-navy)!important}
.lp-faq .elementor-tab-content{padding:0 22px 20px!important;font-family:"Inter",Arial,sans-serif;font-size:14px;color:var(--lp-muted);line-height:1.65;border:none!important}
.lp-faq .elementor-accordion-icon{color:var(--lp-hot)!important}

/* ---------- long-form prose ---------- */
.lp-prose{font-family:"Inter",Arial,sans-serif;font-size:16px;line-height:1.72;color:var(--lp-ink);max-width:74ch}
.lp-prose p{margin:0 0 16px}
.lp-prose h1,.lp-prose h2,.lp-prose h3,.lp-prose h4{font-family:"Roboto",Arial,sans-serif;color:var(--lp-navy);text-transform:none}
.lp-prose strong,.lp-prose b{color:var(--lp-ink);font-weight:600}
.lp-prose h2{font-size:24px;font-weight:700;letter-spacing:-.015em;margin:36px 0 12px}
.lp-prose h3{font-size:19px;font-weight:700;margin:28px 0 10px}
.lp-prose ul,.lp-prose ol{margin:0 0 16px;padding-left:22px}
.lp-prose li{margin-bottom:8px}
.lp-prose a{color:var(--lp-hot);text-decoration:underline;text-underline-offset:2px}
body .lp-prose a{color:var(--lp-hot)}

/* ---------- support contact ---------- */
.lp-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;font-family:"Inter",Arial,sans-serif}
.lp-contact{border-top:2px solid var(--lp-line);padding:18px 0 0}
.lp-contact-label{display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--lp-muted);margin-bottom:8px}
.lp-contact-value{display:block;font-size:15px;color:var(--lp-navy);line-height:1.5}
.lp-contact-value a{color:var(--lp-navy);text-decoration:none}

/* ---------- Elementor form ---------- */
.lp-form .elementor-field-group .elementor-field-textual,
.lp-form input.elementor-field-textual,
.lp-form textarea.elementor-field-textual{
  background-color:#fff!important;border:1px solid var(--lp-line)!important;color:var(--lp-ink)!important;
  border-radius:var(--lp-r)!important;font-family:"Inter",Arial,sans-serif!important;font-size:14px!important;padding:12px 14px!important;
}
.lp-form .elementor-field-textual:focus{border-color:var(--lp-hot)!important;box-shadow:0 0 0 3px rgba(6,98,242,.12)!important}
.lp-form .elementor-field-textual::placeholder{color:var(--lp-muted)!important;opacity:.8}
.lp-form .elementor-field-group > label,.lp-form .elementor-field-label{font-family:"Inter",Arial,sans-serif!important;font-size:12px!important;color:var(--lp-muted)!important}
.lp-form .elementor-button[type="submit"],.lp-form button[type="submit"].elementor-button{
  background-color:var(--lp-hot)!important;color:#fff!important;border-radius:var(--lp-r)!important;border:none!important;
  font-family:"Inter",Arial,sans-serif!important;font-weight:600!important;font-size:14px!important;
}
.lp-form .elementor-button[type="submit"]:hover{background-color:#0551CE!important}
.lp-form iframe{border-radius:var(--lp-r);border:1px solid var(--lp-line)!important;background-color:var(--lp-surface);min-height:280px}

/* ---------- single post ---------- */
.lp-postmeta .elementor-icon-list-item,.lp-postmeta .elementor-icon-list-text{font-family:"Inter",Arial,sans-serif;font-size:12.5px;color:var(--lp-muted);letter-spacing:.02em}
.lp-postmeta .elementor-icon-list-items{display:flex;gap:20px;flex-wrap:wrap;padding:0;margin:0;list-style:none}
.lp-featured img{width:100%;height:auto;display:block;border-radius:var(--lp-r-lg);border:1px solid var(--lp-line)}
.lp-rail{align-self:flex-start;position:sticky;top:24px}
.lp-toc .elementor-toc__header{background:transparent!important;border:none!important;padding:0 0 12px!important}
.lp-toc .elementor-toc__header-title{font-family:"Inter",Arial,sans-serif!important;font-size:10.5px!important;font-weight:600!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--lp-muted)!important}
.lp-toc .elementor-toc__body{background:transparent!important;border:none!important;border-left:2px solid var(--lp-line)!important;padding:2px 0 2px 16px!important;max-height:none!important}
.lp-toc .elementor-toc__list-item{margin-bottom:10px}
.lp-toc .elementor-toc__list-item-text{font-family:"Inter",Arial,sans-serif;font-size:13px;color:var(--lp-muted);text-decoration:none;line-height:1.45}
.lp-toc .elementor-toc__list-item-text:hover,.lp-toc .elementor-toc__list-item.elementor-item-active > .elementor-toc__list-item-text{color:var(--lp-hot)}
.lp-toc .elementor-toc__spinner-container{display:none}
.lp-postnav .elementor-post-navigation{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-family:"Inter",Arial,sans-serif}
.lp-postnav .post-navigation__arrow-wrapper{color:var(--lp-hot)}
.lp-postnav span.post-navigation__prev--label,.lp-postnav span.post-navigation__next--label{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--lp-muted)}
.lp-postnav span.post-navigation__prev--title,.lp-postnav span.post-navigation__next--title{font-family:"Roboto",Arial,sans-serif;font-size:15px;font-weight:500;color:var(--lp-navy);text-transform:none}
body .lp-postnav span.post-navigation__prev--title,body .lp-postnav span.post-navigation__next--title{color:var(--lp-navy)}
.lp-postnav .elementor-post-navigation__separator{background:var(--lp-line)}
@media (max-width:860px){.lp-article{flex-direction:column-reverse!important}.lp-rail{position:static;width:100%!important}}

/* ---------- blog cards ----------
   Elementor's classic skin insets .elementor-post__text by 30px; ours is
   borderless with the image flush, so that reads as a misalignment. Its own
   rule outranks a plain class selector, hence !important.
   Never override .elementor-post__thumbnail: it is a padding-bottom ratio box
   with an absolutely positioned image and collapses if touched. */
.lp-posts .elementor-post{background:transparent;border:none;border-top:2px solid var(--lp-line);border-radius:0;padding:20px 0 0;transition:border-color .2s ease;display:flex;flex-direction:column}
.lp-posts .elementor-post:hover{border-top-color:var(--lp-hot)}
.lp-posts .elementor-post__title,.lp-posts .elementor-post__title a{font-family:"Roboto",Arial,sans-serif;font-size:17px;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:var(--lp-navy);text-transform:none}
.lp-posts .elementor-post__meta-data{font-family:"Inter",Arial,sans-serif;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--lp-muted)}
.lp-posts .elementor-post__excerpt{font-family:"Inter",Arial,sans-serif;color:var(--lp-muted)}
.lp-posts .elementor-post__read-more{font-family:"Inter",Arial,sans-serif;font-size:13px;color:var(--lp-hot);font-weight:600}
.lp-posts article.elementor-post .elementor-post__text{padding-left:0!important;padding-right:0!important;display:flex;flex-direction:column;flex:1}
.lp-posts article.elementor-post .elementor-post__title{margin:0 0 6px}
.lp-posts article.elementor-post .elementor-post__excerpt p{margin:0}
.lp-posts article.elementor-post .elementor-post__read-more{display:inline-block;margin-top:auto;padding-top:14px;align-self:flex-start}
.lp-posts article.elementor-post .elementor-post__thumbnail__link{margin-bottom:16px}
.lp-posts .elementor-pagination .page-numbers{color:var(--lp-muted);font-family:"Inter",Arial,sans-serif}
.lp-posts .elementor-pagination .page-numbers.current{color:var(--lp-hot);font-weight:600}

/* ---------- final CTA ---------- */
.lp-final{
  background:var(--lp-surface);border:1px solid var(--lp-line);
  border-top:2px solid var(--lp-hot);border-radius:var(--lp-r);padding:52px 40px;
}

/* ---------- footer ---------- */
.lp-foot-logo img{height:38px;width:auto;display:block}

@media (max-width:860px){
  .lp-final{padding:38px 24px}
  .lp-demo{padding:20px 18px 18px}
  .lp-srv{flex-wrap:wrap;gap:8px}
  .lp-srv-city{margin-left:0;display:block}
}
@media (prefers-reduced-motion:reduce){
  .lp-card,.lp-srv,.lp-btn,.lp-bars i,.lp-posts .elementor-post,.lp-nav-bars i{transition:none!important}
}

/* ── Privacy guarantees ─────────────────────────────────────────────────
   A single panel rather than the row of separate cards used by the
   benefits band: the four statements are one guarantee, and splitting
   them into free-floating cards made them read as four minor features.
   The note is set apart with the orange rule because it is the part that
   makes the four above it believable, not a disclaimer to be skimmed. */
.lp-priv{
	background:var(--lp-surface);
	border:1px solid var(--lp-line);
	border-radius:16px;
	padding:34px 34px 28px;
}
.lp-priv-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:26px 34px;
}
.lp-priv-i{display:flex;gap:14px;align-items:flex-start;}
/* fixed flex basis: without it the tick shrinks as the text beside it wraps */
.lp-priv-tick{
	flex:0 0 22px;width:22px;height:22px;margin-top:3px;
	color:var(--lp-good);
}
.lp-priv-i h3{
	margin:0 0 5px;
	font-size:1.02rem;font-weight:700;line-height:1.3;
	color:var(--lp-ink);
}
.lp-priv-i p{
	margin:0;
	font-size:.95rem;line-height:1.55;
	color:var(--lp-muted);
}
.lp-priv-note{
	margin:30px 0 0;padding:16px 18px;
	border-left:3px solid var(--lp-orange);
	border-radius:0 8px 8px 0;
	background:var(--lp-ground);
	font-size:.9rem;line-height:1.6;
	color:var(--lp-muted);
}
.lp-priv-note b{color:var(--lp-ink);font-weight:600;}
.lp-priv-note a{color:var(--lp-hot);text-decoration:underline;}
@media (max-width:781px){
	.lp-priv{padding:24px 20px 20px;}
	.lp-priv-grid{grid-template-columns:1fr;gap:22px;}
	.lp-priv-note{margin-top:24px;}
}

/* ---------- official store badges ----------
   Apple's marketing guidelines prohibit hand-built store buttons, so these
   are the official assets: Apple's "Download on the App Store" SVG and
   Google's "Get it on Google Play" PNG.

   Sizing them is not as simple as one shared height. Google bakes 41px of
   transparent clear space into a 646x250 canvas, so its artwork is only
   67.2% of the image height, while Apple's SVG runs edge to edge. Equal CSS
   height therefore renders Google's badge a third smaller -- and breaks
   Apple's rule that its badge be no smaller than any other store badge
   beside it. So: --lp-badge is the ARTWORK height both should share;
   Google's canvas is scaled by 1/0.672 to hit it, and Apple's gets padding
   worth the same clear space Google already carries. Change the one
   variable and the pair stays matched. */
.lp-store{
  --lp-badge:40px;
  display:flex;align-items:center;flex-wrap:wrap;
  gap:10px;margin-top:auto;
}
.lp-store a{display:inline-block;line-height:0;text-decoration:none;border:0}
.lp-store img{display:block;width:auto}
.lp-store-play img{height:calc(var(--lp-badge, 40px) / 0.672)}
.lp-store-ios img{height:var(--lp-badge, 40px);padding:calc(var(--lp-badge, 40px) * 0.24) calc(var(--lp-badge, 40px) * 0.20);box-sizing:content-box}
.lp-store a:hover img{opacity:.85}
.lp-store a:focus-visible{outline:2px solid var(--lp-hot);outline-offset:2px;border-radius:6px}
/* centred variant for the closing call to action */
.lp-store.is-center{justify-content:center}
@media (max-width:781px){
  .lp-store{--lp-badge:38px;gap:6px}
}

/* ---------- theme-swap corrections (Aigency) ----------
   Aigency styles buttons globally with enough specificity to beat the single
   class `.lp-nav-toggle`, so the mobile burger reappeared on desktop after the
   theme switch. Two classes beat one; the media query below restores it at the
   breakpoint it was always meant to appear at.
   These rules exist only because two design systems are live at once, and
   should be deleted once the header is rebuilt with Aigency's own nav. */
.lp-nav button.lp-nav-toggle,
.body-container .lp-nav .lp-nav-toggle{display:none}
@media (max-width:860px){
  .lp-nav button.lp-nav-toggle,
  .body-container .lp-nav .lp-nav-toggle{display:inline-block}
}