/* SitePilot public landing v2.
   Loaded after site.css so this single namespace owns the landing cascade. */

:root {
  --lp2-ink: #0b1f33;
  --lp2-text: #334155;
  --lp2-muted: #64748b;
  --lp2-line: #dbe7ef;
  --lp2-soft: #f3f8fb;
  --lp2-white: #fff;
  --lp2-teal: #078da8;
  --lp2-cyan: #17b6d1;
  --lp2-navy: #061a2e;
}

.lp-app-v2 {
  background: var(--lp2-white);
  color: var(--lp2-text);
}

.lp-app-v2 .lp-nav {
  position: sticky;
  top: 0;
  z-index: 50;
  padding: 0;
  background: rgba(255,255,255,.96);
  border: 0;
  border-bottom: 1px solid var(--lp2-line);
  box-shadow: 0 6px 24px rgba(11,31,51,.07);
  backdrop-filter: blur(14px);
}
.lp-app-v2 .lp-nav-bar {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem 1rem;
  width: min(1160px, calc(100% - 2rem));
  margin: 0 auto;
  min-height: 62px;
}
.lp-app-v2 .lp-nav-links {
  justify-content: center;
  flex-wrap: nowrap;
}
.lp-app-v2 .lp-nav-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: .55rem;
}

.lp-app-v2 .lp-nav::before { display: none; }
.lp-app-v2 .lp-logo { color: var(--lp2-ink); font-size: 1.05rem; }
.lp-app-v2 .lp-logo-pill {
  background: #dff7fb;
  color: #07657a;
  border: 1px solid #b6e8f1;
}
.lp-app-v2 .lp-nav-links { gap: 1.25rem; }
.lp-app-v2 .lp-nav-links a {
  color: #40566b;
  font-size: .82rem;
  font-weight: 650;
}
.lp-app-v2 .lp-nav-links a:hover { color: var(--lp2-teal); }
.lp-app-v2 .lp-nav .lp-btn-outline {
  color: var(--lp2-ink);
  border-color: #b8c8d6;
  background: #fff;
}
.lp-app-v2 .lp-nav .lp-btn-solid {
  background: linear-gradient(135deg, #078da8, #17b6d1);
  color: #fff;
  box-shadow: 0 8px 20px rgba(7,141,168,.2);
}

.lp-app-v2,
.lp-app-v2 > main,
.lp.lp-landing-v2 {
  max-width: 100%;
}
.lp.lp-landing-v2 {
  background: #fff;
  color: var(--lp2-text);
  overflow-x: hidden;
}
.lp-landing-v2 .lp-shell {
  width: min(1160px, calc(100% - 2rem));
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  align-self: center;
}
.lp-landing-v2 section { scroll-margin-top: 74px; }
.lp-landing-v2 .lp-section-head {
  max-width: 46rem;
  margin: 0 auto 1.6rem;
  text-align: center;
}
.lp-landing-v2 .lp-section-head h2 {
  margin: 0 0 .55rem;
  color: var(--lp2-ink);
  font: 700 clamp(1.55rem, 3vw, 2.15rem)/1.2 var(--font-display);
  letter-spacing: -.02em;
}
.lp-landing-v2 .lp-section-head p {
  margin: 0;
  color: var(--lp2-muted);
  font-size: .96rem;
  line-height: 1.65;
}
.lp-landing-v2 .lp-kicker,
.lp-landing-v2 .lp-kicker--teal,
.lp-landing-v2 .lp-kicker--glow {
  display: inline-block;
  margin: 0 0 .55rem;
  padding: .25rem .65rem;
  color: #08758a;
  background: #e3f7fa;
  border: 1px solid #bde9f0;
  border-radius: 999px;
  font-size: .67rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.lp-landing-v2 .lp-sequence-label {
  display: inline-block;
  margin-bottom: .5rem;
  color: var(--lp2-teal);
  font-size: .66rem;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.lp-landing-v2 .lp-sequence-label--dark { color: #81e6f4; }

/* Hero */
.lp-landing-v2 .lp-hero--premium {
  position: relative;
  min-height: 0;
  padding: 3.4rem 0 0;
  color: #fff;
  background: var(--lp2-navy);
}
.lp-landing-v2 .lp-hero-bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 76% 20%, rgba(23,182,209,.22), transparent 30%),
    radial-gradient(circle at 15% 90%, rgba(37,99,235,.12), transparent 34%),
    linear-gradient(115deg, #061a2e 0%, #092b47 54%, #0b3d58 100%);
}
.lp-landing-v2 .lp-hero-overlay {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 34px 34px;
}
.lp-landing-v2 .lp-hero-premium-inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 2.5rem;
  align-items: center;
  padding-bottom: 2.4rem;
  min-width: 0;
}
.lp-landing-v2 .lp-eyebrow {
  margin: 0 0 .8rem;
  padding: 0;
  color: #81e6f4;
  background: transparent;
  border: 0;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .09em;
}
.lp-landing-v2 .lp-hero-copy {
  min-width: 0;
  max-width: 100%;
}
.lp-landing-v2 .lp-hero h1 {
  margin: 0;
  max-width: 35rem;
  color: #fff;
  font-size: clamp(2.35rem, 5vw, 4rem);
  line-height: 1.02;
  overflow-wrap: anywhere;
  letter-spacing: -.045em;
}
.lp-landing-v2 .lp-accent {
  display: block;
  margin-top: .2rem;
  color: #55d7e9;
  background: none;
  -webkit-text-fill-color: currentColor;
}
.lp-landing-v2 .lp-hero-lead {
  max-width: 37rem;
  margin: 1rem 0 0;
  color: #c8d9e7;
  font-size: .98rem;
  line-height: 1.65;
}
.lp-landing-v2 .lp-hero-chips {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin: 1rem 0 0;
}
.lp-landing-v2 .lp-hero-chip {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .32rem .62rem;
  border: 1px solid rgba(129,230,244,.22);
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  color: #e6f6fb;
  font-size: .7rem;
  font-weight: 600;
}
.lp-landing-v2 .lp-hero-chip i { color: #55d7e9; }
.lp-landing-v2 .lp-hero-actions { gap: .65rem; margin-top: 1.25rem; }
.lp-landing-v2 .lp-btn-solid {
  background: linear-gradient(135deg, #078da8, #17b6d1);
  color: #fff;
  box-shadow: 0 10px 25px rgba(7,141,168,.28);
}
.lp-landing-v2 .lp-btn-ghost-light {
  color: #fff;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.35);
}
.lp-landing-v2 .lp-hero-trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem 1rem;
  margin-top: 1rem;
  color: #a9bed0;
  font-size: .72rem;
}
.lp-landing-v2 .lp-hero-trust-row span { display: inline-flex; align-items: center; gap: .3rem; }
.lp-landing-v2 .lp-hero-trust-row i { color: #55d7e9; }

.lp-landing-v2 .lp-hero-pro { position: relative; max-width: 38rem; margin: 0 auto; padding-top: 1.45rem; }
.lp-landing-v2 .lp-example-label {
  display: inline-block;
  margin-bottom: .35rem;
  color: #72879a;
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.lp-landing-v2 .lp-hero-pro > .lp-example-label { position: absolute; top: 0; right: 0; color: #9db3c5; }
.lp-landing-v2 .lp-hero-pro-frame {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: .8rem;
  background: #fff;
  box-shadow: 0 28px 70px rgba(0,0,0,.38);
}
.lp-landing-v2 .lp-hero-float {
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: .45rem;
  padding: .48rem .65rem;
  color: #fff;
  background: rgba(7,26,46,.9);
  border: 1px solid rgba(85,215,233,.25);
  border-radius: .55rem;
  box-shadow: 0 10px 25px rgba(0,0,0,.25);
  backdrop-filter: blur(10px);
}
.lp-landing-v2 .lp-hero-float i { color: #55d7e9; }
.lp-landing-v2 .lp-hero-float small { display: block; color: #9db3c5; font-size: .55rem; }
.lp-landing-v2 .lp-hero-float strong { display: block; font-size: .68rem; }
.lp-landing-v2 .lp-hero-float--progress { top: 12%; left: -5%; flex-direction: row; }
.lp-landing-v2 .lp-hero-float--risk { top: 36%; right: -5%; }
.lp-landing-v2 .lp-hero-float--pay { bottom: 6%; left: -3%; }

.lp-landing-v2 .lp-hero-capbar {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: .85rem 0;
  background: rgba(3,16,29,.68);
  border-top: 1px solid rgba(255,255,255,.1);
}
.lp-landing-v2 .lp-hero-capbar-inner {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: .45rem 1.15rem;
}
.lp-landing-v2 .lp-cap-item {
  display: inline-flex;
  align-items: center;
  gap: .32rem;
  color: #c9d9e5;
  font-size: .68rem;
  font-weight: 600;
}
.lp-landing-v2 .lp-cap-item i { color: #55d7e9; }

/* Customers and modules */
.lp-landing-v2 .lp-logos-v3 {
  padding: 1.15rem 0;
  background: #fff;
  border-bottom: 1px solid var(--lp2-line);
}
.lp-landing-v2 .lp-logos-v3-label {
  margin: 0 0 .65rem;
  color: #708498;
  text-align: center;
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.lp-landing-v2 .lp-logos-v3-strip { display: flex; justify-content: center; flex-wrap: wrap; gap: .55rem; }
.lp-landing-v2 .lp-logos-v3-chip {
  padding: .48rem .85rem;
  color: #52677a;
  background: #f8fbfd;
  border: 1px solid var(--lp2-line);
  border-radius: .55rem;
  font-size: .82rem;
  font-weight: 750;
}

.lp-landing-v2 .lp-deliver--premium {
  position: relative;
  padding: clamp(4rem,7vw,6.5rem) 0;
  background:
    radial-gradient(circle at 8% 15%,rgba(23,182,209,.09),transparent 24%),
    radial-gradient(circle at 92% 85%,rgba(70,95,210,.07),transparent 25%),
    linear-gradient(180deg,#f5fafd,#edf4f8);
  border: 0;
}
.lp-landing-v2 .lp-deliver--premium .lp-section-head { max-width: 52rem; margin-bottom: 2.2rem; }
.lp-landing-v2 .lp-deliver--premium .lp-section-head h2 { font-size: clamp(2rem,4vw,3rem); letter-spacing: -.045em; }
.lp-landing-v2 .lp-module-stage {
  overflow: hidden;
  padding: .7rem;
  background: rgba(255,255,255,.68);
  border: 1px solid rgba(207,224,234,.9);
  border-radius: 1.5rem;
  box-shadow: 0 30px 70px rgba(11,31,51,.09);
  backdrop-filter: blur(12px);
}
.lp-landing-v2 .lp-module-stage-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .55rem .65rem 1.2rem;
  color: #173248;
}
.lp-landing-v2 .lp-module-stage-head > span {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  font-size: .72rem;
  font-weight: 800;
}
.lp-landing-v2 .lp-module-stage-head > span i { color: var(--lp2-teal); }
.lp-landing-v2 .lp-module-stage-head small {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  color: #708497;
  font-size: .6rem;
}
.lp-landing-v2 .lp-deliver-grid--premium {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: .7rem;
}
.lp-landing-v2 .lp-module-card {
  position: relative;
  overflow: hidden;
  min-height: 255px;
  padding: 1.15rem;
  background: #fff;
  border: 1px solid #dce8ef;
  border-radius: 1rem;
  box-shadow: 0 10px 26px rgba(11,31,51,.055);
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.lp-landing-v2 .lp-module-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg,#078da8,#35c6db);
}
.lp-landing-v2 .lp-module-card::after {
  content: "";
  position: absolute;
  top: -3.5rem;
  right: -3.5rem;
  width: 8rem;
  height: 8rem;
  background: radial-gradient(circle,rgba(23,182,209,.1),transparent 68%);
  pointer-events: none;
}
.lp-landing-v2 .lp-module-card:nth-child(2)::before,
.lp-landing-v2 .lp-module-card:nth-child(6)::before { background: linear-gradient(90deg,#315bc7,#7694e6); }
.lp-landing-v2 .lp-module-card:nth-child(3)::before,
.lp-landing-v2 .lp-module-card:nth-child(7)::before { background: linear-gradient(90deg,#16825e,#46b98d); }
.lp-landing-v2 .lp-module-card:nth-child(4)::before,
.lp-landing-v2 .lp-module-card:nth-child(8)::before { background: linear-gradient(90deg,#d47b20,#f0ad56); }
.lp-landing-v2 .lp-module-card:nth-child(2)::after,
.lp-landing-v2 .lp-module-card:nth-child(6)::after { background: radial-gradient(circle,rgba(49,91,199,.1),transparent 68%); }
.lp-landing-v2 .lp-module-card:nth-child(3)::after,
.lp-landing-v2 .lp-module-card:nth-child(7)::after { background: radial-gradient(circle,rgba(22,130,94,.1),transparent 68%); }
.lp-landing-v2 .lp-module-card:nth-child(4)::after,
.lp-landing-v2 .lp-module-card:nth-child(8)::after { background: radial-gradient(circle,rgba(212,123,32,.1),transparent 68%); }
.lp-landing-v2 .lp-module-card-top {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.lp-landing-v2 .lp-module-card:hover {
  transform: translateY(-7px);
  border-color: #9bd9e4;
  box-shadow: 0 22px 42px rgba(7,78,103,.14);
}
.lp-landing-v2 .lp-module-icon {
  display: grid;
  place-items: center;
  width: 2.8rem;
  height: 2.8rem;
  margin-bottom: .8rem;
  color: var(--lp2-teal);
  background: linear-gradient(135deg,#e6f9fb,#cceef4);
  border: 1px solid #bee4ea;
  border-radius: .8rem;
  font-size: 1.1rem;
  box-shadow: 0 7px 18px rgba(7,141,168,.1);
}
.lp-landing-v2 .lp-module-card:nth-child(2) .lp-module-icon,
.lp-landing-v2 .lp-module-card:nth-child(6) .lp-module-icon { color: #315bc7; background: linear-gradient(135deg,#edf1ff,#dce5ff); border-color: #d1dcfb; }
.lp-landing-v2 .lp-module-card:nth-child(3) .lp-module-icon,
.lp-landing-v2 .lp-module-card:nth-child(7) .lp-module-icon { color: #16825e; background: linear-gradient(135deg,#eaf9f3,#d6f1e6); border-color: #cae9dc; }
.lp-landing-v2 .lp-module-card:nth-child(4) .lp-module-icon,
.lp-landing-v2 .lp-module-card:nth-child(8) .lp-module-icon { color: #c16d19; background: linear-gradient(135deg,#fff5e8,#fbe6c9); border-color: #f1ddc2; }
.lp-landing-v2 .lp-module-number { color: #c4d0d8; font-size: .68rem; font-weight: 850; letter-spacing: .08em; }
.lp-landing-v2 .lp-module-category { display: block; margin-bottom: .25rem; color: var(--lp2-teal); font-size: .48rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.lp-landing-v2 .lp-module-card h3 { margin: 0 0 .4rem; color: var(--lp2-ink); font-size: .92rem; }
.lp-landing-v2 .lp-module-card p { min-height: 2.3em; margin: 0; color: var(--lp2-muted); font-size: .68rem; line-height: 1.55; }
.lp-landing-v2 .lp-module-link {
  position: absolute;
  right: .8rem;
  bottom: .7rem;
  color: var(--lp2-teal);
  font-size: .75rem;
}
.lp-landing-v2 .lp-module-features {
  display: grid;
  gap: .38rem;
  margin: .8rem 0 0;
  padding: .75rem 0 0;
  list-style: none;
  border-top: 1px solid #edf2f5;
}
.lp-landing-v2 .lp-module-features li {
  display: flex;
  align-items: flex-start;
  gap: .4rem;
  color: #475f73;
  font-size: .6rem;
  line-height: 1.4;
}
.lp-landing-v2 .lp-module-features i { margin-top: .08rem; color: #39a987; font-size: .58rem; }
.lp-landing-v2 .lp-module-card-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: .75rem;
  padding-top: .65rem;
  color: #7d8e9d;
  border-top: 1px solid #edf2f5;
  font-size: .52rem;
  font-weight: 700;
}
.lp-landing-v2 .lp-module-card-foot i { color: var(--lp2-teal); }

/* Visual problem transformation */
.lp-landing-v2 .lp-transform-map {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 1.2rem;
  align-items: center;
}
.lp-landing-v2 .lp-fragmented-map,
.lp-landing-v2 .lp-connected-map {
  min-height: 300px;
  padding: 1.2rem;
  border-radius: 1rem;
}
.lp-landing-v2 .lp-fragmented-map {
  background: linear-gradient(145deg,#fff7f7,#fff);
  border: 1px solid #efcdcd;
}
.lp-landing-v2 .lp-connected-map {
  background: linear-gradient(145deg,#effaf7,#fff);
  border: 1px solid #bce2d2;
}
.lp-landing-v2 .lp-map-caption {
  display: inline-block;
  margin-bottom: .35rem;
  font-size: .62rem;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.lp-landing-v2 .lp-map-caption--bad { color: #b43a3a; }
.lp-landing-v2 .lp-map-caption--good { color: #187453; }
.lp-landing-v2 .lp-transform-map h3 {
  margin: 0 0 .8rem;
  color: var(--lp2-ink);
  font-size: 1rem;
}
.lp-landing-v2 .lp-fragment-cloud {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .6rem;
}
.lp-landing-v2 .lp-fragment-node {
  min-height: 88px;
  padding: .7rem;
  background: rgba(255,255,255,.9);
  border: 1px dashed #e1a8a8;
  border-radius: .7rem;
  transform: rotate(-1deg);
}
.lp-landing-v2 .lp-fragment-node:nth-child(even) { transform: rotate(1deg); }
.lp-landing-v2 .lp-fragment-node i { color: #c84c4c; margin-right: .3rem; }
.lp-landing-v2 .lp-fragment-node strong { color: #6f2525; font-size: .76rem; }
.lp-landing-v2 .lp-fragment-node small {
  display: block;
  margin-top: .3rem;
  color: #8a5d5d;
  font-size: .63rem;
  line-height: 1.35;
}
.lp-landing-v2 .lp-transform-arrow {
  display: grid;
  place-items: center;
  gap: .35rem;
  color: var(--lp2-teal);
  text-align: center;
}
.lp-landing-v2 .lp-transform-arrow span {
  max-width: 5rem;
  color: #577184;
  font-size: .62rem;
  font-weight: 750;
  line-height: 1.3;
}
.lp-landing-v2 .lp-transform-arrow i {
  display: grid;
  place-items: center;
  width: 2.7rem;
  height: 2.7rem;
  color: #fff;
  background: linear-gradient(135deg,#078da8,#17b6d1);
  border-radius: 50%;
  box-shadow: 0 8px 20px rgba(7,141,168,.25);
}
.lp-landing-v2 .lp-hub-map {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: .65rem;
  padding-top: .2rem;
}
.lp-landing-v2 .lp-hub-map::before {
  content: "";
  position: absolute;
  left: 12%;
  right: 12%;
  top: 50%;
  height: 1px;
  background: #a8d8ca;
}
.lp-landing-v2 .lp-hub-core {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  min-height: 110px;
  color: #fff;
  background: linear-gradient(145deg,#087f98,#0bafc7);
  border: 5px solid #d6f2ed;
  border-radius: 50%;
  box-shadow: 0 12px 28px rgba(7,141,168,.22);
}
.lp-landing-v2 .lp-hub-core span { font-size: .67rem; }
.lp-landing-v2 .lp-hub-core strong { font-size: .9rem; }
.lp-landing-v2 .lp-hub-node {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  min-height: 64px;
  padding: .5rem;
  color: #205f4b;
  background: #fff;
  border: 1px solid #b9ddcf;
  border-radius: .65rem;
  text-align: center;
}
.lp-landing-v2 .lp-hub-node i { color: #168461; font-size: 1rem; }
.lp-landing-v2 .lp-hub-node span { margin-top: .2rem; font-size: .65rem; font-weight: 750; }

/* Premium challenge comparison */
.lp-landing-v2 .lp-challenge-premium {
  position: relative;
  padding: clamp(4rem, 7vw, 7.5rem) 0;
  background:
    radial-gradient(circle at top right, rgba(0,163,255,.09), transparent 35%),
    radial-gradient(circle at bottom left, rgba(15,98,254,.07), transparent 40%),
    linear-gradient(180deg,#f8fbff 0%,#eef5fc 100%);
  overflow: hidden;
}
.lp-landing-v2 .lp-challenge-premium::before,
.lp-landing-v2 .lp-challenge-premium::after {
  content: "";
  position: absolute;
  pointer-events: none;
  opacity: .42;
}
.lp-landing-v2 .lp-challenge-premium::before {
  left: -5rem;
  bottom: 3rem;
  width: 24rem;
  height: 18rem;
  background:
    linear-gradient(135deg, transparent 46%, rgba(15,98,254,.07) 47% 49%, transparent 50%),
    repeating-linear-gradient(90deg, rgba(15,98,254,.045) 0 1px, transparent 1px 38px);
  clip-path: polygon(0 42%, 65% 0, 100% 25%, 100% 100%, 0 100%);
}
.lp-landing-v2 .lp-challenge-premium::after {
  right: -5rem;
  top: 4rem;
  width: 25rem;
  height: 20rem;
  background-image:
    linear-gradient(rgba(0,163,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,163,255,.055) 1px, transparent 1px);
  background-size: 28px 28px;
  transform: rotate(-8deg);
}
.lp-landing-v2 .lp-challenge-premium > .lp-shell { position: relative; z-index: 2; }
.lp-landing-v2 .lp-challenge-premium .lp-section-head { max-width: 58rem; margin-bottom: 2.4rem; }
.lp-landing-v2 .lp-challenge-premium .lp-sequence-label {
  color: #0f62fe;
  letter-spacing: .14em;
}
.lp-landing-v2 .lp-challenge-premium .lp-section-head h2 {
  max-width: 52rem;
  margin: 0 auto .8rem;
  font-size: clamp(2rem, 4.4vw, 3.25rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.045em;
}
.lp-landing-v2 .lp-challenge-premium .lp-section-head h2 span {
  color: #0f62fe;
  background: linear-gradient(90deg,#0f62fe,#00a3ff);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.lp-landing-v2 .lp-challenge-premium .lp-section-head p {
  max-width: 44rem;
  margin: 0 auto;
  font-size: 1rem;
}
.lp-landing-v2 .lp-challenge-premium .lp-transform-map {
  grid-template-columns: minmax(0,1fr) 130px minmax(0,1fr);
  gap: 1.35rem;
}
.lp-landing-v2 .lp-challenge-premium .lp-compare-card {
  min-height: 400px;
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-radius: 1.75rem;
  box-shadow: 0 25px 60px rgba(15,40,70,.08);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.lp-landing-v2 .lp-challenge-premium .lp-compare-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 35px 80px rgba(15,98,254,.16);
}
.lp-landing-v2 .lp-challenge-premium .lp-fragmented-map {
  background: linear-gradient(180deg,#fff7f7,#fffdfd);
  border: 1px solid #ffd2d2;
}
.lp-landing-v2 .lp-challenge-premium .lp-connected-map {
  background:
    radial-gradient(circle at 50% 55%, rgba(0,163,255,.09), transparent 42%),
    linear-gradient(180deg,#f3fbf7,#fff);
  border: 1px solid #cbefdd;
}
.lp-landing-v2 .lp-map-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
}
.lp-landing-v2 .lp-map-card-head h3 { margin-bottom: 0; font-size: 1.15rem; }
.lp-landing-v2 .lp-warning-badge,
.lp-landing-v2 .lp-success-badge {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  padding: .35rem .55rem;
  border-radius: 999px;
  font-size: .58rem;
  font-weight: 800;
  white-space: nowrap;
}
.lp-landing-v2 .lp-warning-badge { color: #b4232a; background: #ffe9e9; }
.lp-landing-v2 .lp-success-badge { color: #157344; background: #dcf6e8; }
.lp-landing-v2 .lp-challenge-premium .lp-fragment-cloud { gap: .75rem; }
.lp-landing-v2 .lp-challenge-premium .lp-fragment-node {
  display: flex;
  align-items: flex-start;
  gap: .65rem;
  min-height: 105px;
  padding: .85rem;
  border-style: solid;
  border-color: #f1caca;
  border-radius: .85rem;
  transform: none;
  box-shadow: 0 8px 20px rgba(229,72,77,.05);
}
.lp-landing-v2 .lp-challenge-premium .lp-fragment-node:nth-child(even) { transform: none; }
.lp-landing-v2 .lp-rich-icon {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  color: #fff;
  background: linear-gradient(135deg,#f87171,#e5484d);
  border-radius: .65rem;
  box-shadow: 0 7px 16px rgba(229,72,77,.2);
}
.lp-landing-v2 .lp-rich-icon i { margin: 0; color: inherit; font-size: 1rem; }
.lp-landing-v2 .lp-fragment-node strong { display: block; margin-top: .1rem; color: #5f2226; font-size: .78rem; }
.lp-landing-v2 .lp-fragment-node small { color: #8b5d60; }
.lp-landing-v2 .lp-problem-tags {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  margin-top: 1rem;
}
.lp-landing-v2 .lp-problem-tags span {
  padding: .28rem .5rem;
  color: #a9363b;
  background: rgba(229,72,77,.08);
  border-radius: 999px;
  font-size: .58rem;
  font-weight: 750;
}
.lp-landing-v2 .lp-challenge-premium .lp-transform-arrow {
  gap: .7rem;
}
.lp-landing-v2 .lp-transform-label {
  max-width: 7rem !important;
  color: #0f62fe !important;
  font-size: .67rem !important;
  font-weight: 850 !important;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.lp-landing-v2 .lp-transform-track {
  position: relative;
  display: grid;
  place-items: center;
  width: 4.5rem;
  height: 4.5rem;
  color: #fff;
  background: linear-gradient(135deg,#00b8ff,#0f62fe);
  border: 7px solid rgba(15,98,254,.09);
  border-radius: 50%;
  box-shadow: 0 0 0 10px rgba(0,163,255,.045), 0 16px 35px rgba(15,98,254,.25);
}
.lp-landing-v2 .lp-transform-track::before,
.lp-landing-v2 .lp-transform-track::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 2.2rem;
  height: 2px;
  background: linear-gradient(90deg,transparent,#00a3ff);
}
.lp-landing-v2 .lp-transform-track::before { right: 100%; }
.lp-landing-v2 .lp-transform-track::after { left: 100%; transform: rotate(180deg); }
.lp-landing-v2 .lp-transform-track i {
  animation: lp-transition-pulse 1.8s ease-in-out infinite;
}
@keyframes lp-transition-pulse {
  0%,100% { transform: translateX(-3px); opacity: .65; }
  50% { transform: translateX(3px); opacity: 1; }
}
.lp-landing-v2 .lp-challenge-premium .lp-hub-map {
  min-height: 250px;
  align-items: center;
}
.lp-landing-v2 .lp-challenge-premium .lp-hub-map::before {
  left: 8%;
  right: 8%;
  height: 2px;
  background: linear-gradient(90deg,transparent,#6fc8e9 18%,#0f62fe 50%,#6fc8e9 82%,transparent);
  box-shadow: 0 0 12px rgba(15,98,254,.35);
}
.lp-landing-v2 .lp-challenge-premium .lp-hub-map::after {
  content: "";
  position: absolute;
  top: 12%;
  bottom: 12%;
  left: 50%;
  width: 2px;
  background: linear-gradient(transparent,#6fc8e9 18%,#0f62fe 50%,#6fc8e9 82%,transparent);
  box-shadow: 0 0 12px rgba(15,98,254,.3);
}
.lp-landing-v2 .lp-challenge-premium .lp-hub-core {
  width: 130px;
  height: 130px;
  justify-self: center;
  min-height: 0;
  background: linear-gradient(135deg,#00b8ff,#0f62fe);
  border: 8px solid rgba(255,255,255,.82);
  box-shadow: 0 0 0 12px rgba(15,98,254,.07), 0 0 55px rgba(0,163,255,.35);
  animation: lp-hub-glow 3s ease-in-out infinite;
}
@keyframes lp-hub-glow {
  0%,100% { box-shadow: 0 0 0 12px rgba(15,98,254,.07), 0 0 45px rgba(0,163,255,.28); }
  50% { box-shadow: 0 0 0 16px rgba(15,98,254,.045), 0 0 70px rgba(0,163,255,.42); }
}
.lp-landing-v2 .lp-challenge-premium .lp-hub-core span { font-size: .72rem; }
.lp-landing-v2 .lp-challenge-premium .lp-hub-core strong { font-size: 1.05rem; }
.lp-landing-v2 .lp-challenge-premium .lp-hub-node {
  min-height: 76px;
  border-color: #c7e4ef;
  box-shadow: 0 10px 24px rgba(15,98,254,.08);
}
.lp-landing-v2 .lp-challenge-premium .lp-hub-node i {
  color: #0f62fe;
  font-size: 1.15rem;
}
.lp-landing-v2 .lp-challenge-outcomes {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: .8rem;
  max-width: 900px;
  margin: 2rem auto 0;
}
.lp-landing-v2 .lp-challenge-outcomes > div {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: .65rem;
  padding: .9rem 1rem;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(15,98,254,.12);
  border-radius: .85rem;
  box-shadow: 0 10px 28px rgba(15,40,70,.06);
}
.lp-landing-v2 .lp-challenge-outcomes i {
  grid-row: 1 / span 2;
  display: grid;
  place-items: center;
  width: 2.15rem;
  height: 2.15rem;
  color: #fff;
  background: linear-gradient(135deg,#00a3ff,#0f62fe);
  border-radius: .6rem;
}
.lp-landing-v2 .lp-challenge-outcomes strong { color: var(--lp2-ink); font-size: .75rem; }
.lp-landing-v2 .lp-challenge-outcomes span { color: var(--lp2-muted); font-size: .62rem; line-height: 1.35; }

/* Two-stage application flow */
.lp-landing-v2 .lp-flow-section {
  position: relative;
  padding: clamp(4rem,7vw,7rem) 0;
  background:
    radial-gradient(circle at 15% 20%,rgba(23,182,209,.08),transparent 25%),
    radial-gradient(circle at 90% 75%,rgba(15,98,254,.07),transparent 26%),
    linear-gradient(180deg,#fff 0%,#f5f9fc 100%);
}
.lp-landing-v2 .lp-flow-section .lp-section-head { max-width: 52rem; margin-bottom: 2.5rem; }
.lp-landing-v2 .lp-flow-section .lp-section-head h2 { font-size: clamp(2rem,4vw,3rem); letter-spacing: -.045em; }
.lp-landing-v2 .lp-workstream-map {
  overflow: hidden;
  background: #fff;
  border: 1px solid #d7e5ee;
  border-radius: 1.5rem;
  box-shadow: 0 30px 80px rgba(11,31,51,.12);
}
.lp-landing-v2 .lp-workstream-map-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.1rem 1.35rem;
  color: #fff;
  background:
    radial-gradient(circle at 75% 0,rgba(85,215,233,.18),transparent 28%),
    linear-gradient(120deg,#061a2e,#0b3d58);
}
.lp-landing-v2 .lp-workstream-map-head > div:first-child { display: flex; align-items: center; gap: .75rem; }
.lp-landing-v2 .lp-workstream-map-icon {
  display: grid;
  place-items: center;
  width: 2.6rem;
  height: 2.6rem;
  color: #061a2e;
  background: linear-gradient(135deg,#86eaf6,#3bc5da);
  border-radius: .75rem;
  box-shadow: 0 10px 24px rgba(23,182,209,.2);
}
.lp-landing-v2 .lp-workstream-map-head small { display: block; color: #86dae7; font-size: .58rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.lp-landing-v2 .lp-workstream-map-head strong { display: block; margin-top: .15rem; font-size: .9rem; }
.lp-landing-v2 .lp-workstream-sync {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .42rem .7rem;
  color: #cbedf3;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  font-size: .62rem;
  font-weight: 700;
}
.lp-landing-v2 .lp-workstream-row {
  display: grid;
  grid-template-columns: 205px 1fr;
  gap: 1.5rem;
  align-items: stretch;
  padding: 1.6rem;
}
.lp-landing-v2 .lp-workstream-row--sales { background: linear-gradient(100deg,#f0fbfd,#fff 54%); }
.lp-landing-v2 .lp-workstream-row--site { background: linear-gradient(100deg,#f2f6ff,#fff 54%); }
.lp-landing-v2 .lp-workstream-title {
  display: flex;
  align-items: flex-start;
  gap: .75rem;
  padding-right: 1.2rem;
  border-right: 1px solid #d8e8ef;
  color: var(--lp2-ink);
}
.lp-landing-v2 .lp-workstream-stage {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 2.65rem;
  height: 2.65rem;
  color: #fff;
  background: linear-gradient(135deg,#078da8,#18b5cd);
  border-radius: .75rem;
  box-shadow: 0 10px 22px rgba(7,141,168,.22);
  font-size: .68rem;
  font-weight: 850;
}
.lp-landing-v2 .lp-workstream-row--site .lp-workstream-stage { background: linear-gradient(135deg,#315bc7,#6488e5); box-shadow: 0 10px 22px rgba(49,91,199,.2); }
.lp-landing-v2 .lp-workstream-title small { display: block; margin-top: .05rem; color: var(--lp2-teal); font-size: .56rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.lp-landing-v2 .lp-workstream-row--site .lp-workstream-title small { color: #4468c6; }
.lp-landing-v2 .lp-workstream-title strong { display: block; margin-top: .22rem; font-size: .84rem; }
.lp-landing-v2 .lp-workstream-title p { margin: .35rem 0 0; color: #718497; font-size: .59rem; line-height: 1.45; }
.lp-landing-v2 .lp-workstream-nodes {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .45rem;
}
.lp-landing-v2 .lp-workstream-node {
  position: relative;
  flex: 1;
  min-width: 0;
  min-height: 112px;
  padding: .75rem .65rem .65rem;
  text-align: left;
  background: #fff;
  border: 1px solid #cee4eb;
  border-radius: .85rem;
  box-shadow: 0 8px 22px rgba(14,70,91,.06);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.lp-landing-v2 .lp-workstream-node:hover {
  transform: translateY(-4px);
  border-color: #78cbd8;
  box-shadow: 0 14px 28px rgba(7,141,168,.12);
}
.lp-landing-v2 .lp-workstream-step-no {
  position: absolute;
  top: .55rem;
  right: .6rem;
  color: #a6b8c4;
  font-size: .48rem;
  font-weight: 800;
}
.lp-landing-v2 .lp-workstream-icon {
  display: grid;
  place-items: center;
  width: 2.15rem;
  height: 2.15rem;
  margin: 0 0 .55rem;
  color: var(--lp2-teal);
  background: linear-gradient(135deg,#e4f8fb,#d2f0f5);
  border: 1px solid #bee6ed;
  border-radius: .65rem;
  font-size: .85rem;
}
.lp-landing-v2 .lp-workstream-node strong { display: block; color: var(--lp2-ink); font-size: .67rem; }
.lp-landing-v2 .lp-workstream-node small { display: block; margin-top: .15rem; color: var(--lp2-muted); font-size: .51rem; }
.lp-landing-v2 .lp-workstream-complete {
  position: absolute;
  right: .5rem;
  bottom: .5rem;
  display: grid;
  place-items: center;
  width: 1.15rem;
  height: 1.15rem;
  color: #16825e;
  background: #e4f7ef;
  border-radius: 50%;
  font-size: .55rem;
}
.lp-landing-v2 .lp-workstream-chevron {
  position: relative;
  z-index: 2;
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 1.4rem;
  height: 1.4rem;
  margin: 0 -.5rem;
  color: #fff;
  background: #6abfce;
  border: 3px solid #fff;
  border-radius: 50%;
  font-size: .48rem;
  box-shadow: 0 4px 10px rgba(7,141,168,.18);
}
.lp-landing-v2 .lp-project-bridge {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  place-items: center;
  gap: 1.5rem;
  min-height: 104px;
  padding: .8rem 2rem;
  color: #fff;
  background:
    linear-gradient(90deg,rgba(23,182,209,.08) 1px,transparent 1px),
    linear-gradient(#08253d,#0a314e);
  background-size: 28px 28px,auto;
  border-top: 1px solid #16445e;
  border-bottom: 1px solid #16445e;
}
.lp-landing-v2 .lp-project-bridge::before,
.lp-landing-v2 .lp-project-bridge::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 20%;
  height: 1px;
  background: linear-gradient(90deg,transparent,#46bfd2);
}
.lp-landing-v2 .lp-project-bridge::before { left: 23%; }
.lp-landing-v2 .lp-project-bridge::after { right: 23%; transform: rotate(180deg); }
.lp-landing-v2 .lp-bridge-context { z-index: 2; display: flex; justify-self: end; flex-wrap: wrap; justify-content: flex-end; gap: .35rem; }
.lp-landing-v2 .lp-bridge-context--right { justify-self: start; justify-content: flex-start; }
.lp-landing-v2 .lp-bridge-context span {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  padding: .35rem .5rem;
  color: #b9d5e2;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: .45rem;
  font-size: .5rem;
}
.lp-landing-v2 .lp-bridge-context i { color: #58d2e4; }
.lp-landing-v2 .lp-bridge-core {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: .65rem;
  min-width: 230px;
  padding: .75rem 1rem;
  background: linear-gradient(135deg,#078da8,#16b6cf);
  border: 5px solid #0d3a55;
  border-radius: 1rem;
  box-shadow: 0 0 0 1px rgba(85,215,233,.3),0 15px 35px rgba(0,0,0,.25);
}
.lp-landing-v2 .lp-bridge-core > i:first-of-type { font-size: 1.2rem; }
.lp-landing-v2 .lp-bridge-core small { display: block; color: #cef5fa; font-size: .48rem; text-transform: uppercase; letter-spacing: .06em; }
.lp-landing-v2 .lp-bridge-core strong { display: block; font-size: .67rem; }
.lp-landing-v2 .lp-bridge-pulse {
  position: absolute;
  inset: -.65rem;
  border: 1px solid rgba(85,215,233,.24);
  border-radius: 1.2rem;
  animation: lp-bridge-pulse 2.4s ease-out infinite;
}
.lp-landing-v2 .lp-bridge-arrow { position: absolute; left: 50%; bottom: -1.65rem; transform: translateX(-50%); color: #71dce9; }
@keyframes lp-bridge-pulse {
  0% { transform: scale(.94); opacity: 0; }
  35% { opacity: 1; }
  100% { transform: scale(1.12); opacity: 0; }
}
.lp-landing-v2 .lp-execution-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: .55rem;
}
.lp-landing-v2 .lp-execution-node {
  position: relative;
  display: flex;
  align-items: center;
  gap: .55rem;
  min-height: 66px;
  padding: .65rem;
  color: #314c60;
  background: #fff;
  border: 1px solid #d8e1f2;
  border-radius: .75rem;
  box-shadow: 0 7px 18px rgba(49,91,199,.05);
  transition: transform .2s ease,border-color .2s ease;
}
.lp-landing-v2 .lp-execution-node:hover { transform: translateY(-3px); border-color: #9cb2e7; }
.lp-landing-v2 .lp-execution-node > span {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 2rem;
  height: 2rem;
  color: #4569c8;
  background: #edf1fd;
  border-radius: .6rem;
}
.lp-landing-v2 .lp-execution-node strong { display: block; color: #203854; font-size: .59rem; }
.lp-landing-v2 .lp-execution-node small { display: block; margin-top: .12rem; color: #7b8da1; font-size: .45rem; line-height: 1.3; }
.lp-landing-v2 .lp-execution-link { position: absolute; top: .42rem; right: .45rem; color: #aab7cc; font-size: .45rem; }
.lp-landing-v2 .lp-workstream-outputs {
  display: grid;
  grid-template-columns: 1.15fr repeat(3,1fr);
  gap: .65rem;
  padding: 1.1rem 1.35rem;
  background: linear-gradient(100deg,#061a2e,#0a314e);
}
.lp-landing-v2 .lp-output-title,
.lp-landing-v2 .lp-output-card {
  display: flex;
  align-items: center;
  gap: .55rem;
}
.lp-landing-v2 .lp-output-title > span,
.lp-landing-v2 .lp-output-card > span {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 2rem;
  height: 2rem;
  color: #061a2e;
  background: linear-gradient(135deg,#82e5f2,#43c5da);
  border-radius: .6rem;
}
.lp-landing-v2 .lp-output-title small { display: block; color: #68ccdc; font-size: .48rem; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.lp-landing-v2 .lp-output-title strong { display: block; color: #fff; font-size: .66rem; }
.lp-landing-v2 .lp-output-card {
  position: relative;
  padding: .65rem;
  color: #d5e6f1;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: .75rem;
}
.lp-landing-v2 .lp-output-card > span { width: 1.8rem; height: 1.8rem; color: #58d2e4; background: rgba(85,215,233,.1); }
.lp-landing-v2 .lp-output-card strong { display: block; color: #fff; font-size: .56rem; }
.lp-landing-v2 .lp-output-card small { display: block; margin-top: .1rem; color: #8faabc; font-size: .44rem; }
.lp-landing-v2 .lp-output-card > i { position: absolute; top: .5rem; right: .55rem; color: #58d2e4; font-size: .48rem; }

/* Connected workflow */
.lp-landing-v2 .lp-connected-section {
  padding: 3rem 0;
  color: #fff;
  background:
    radial-gradient(circle at 70% 50%, rgba(23,182,209,.14), transparent 30%),
    linear-gradient(120deg, #061a2e, #092b47);
}
.lp-landing-v2 .lp-connected-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 2.5rem;
  align-items: center;
}
.lp-landing-v2 .lp-connected-section h2 {
  margin: 0 0 .75rem;
  color: #fff;
  font-size: clamp(1.45rem, 3vw, 2rem);
  line-height: 1.25;
}
.lp-landing-v2 .lp-connected-section p { color: #bed0df; line-height: 1.6; }
.lp-landing-v2 .lp-connected-section .lp-ai-list { list-style: none; margin: 1rem 0 0; padding: 0; }
.lp-landing-v2 .lp-connected-section .lp-ai-list li {
  display: flex;
  gap: .45rem;
  margin-bottom: .45rem;
  color: #e2edf5;
  font-size: .83rem;
}
.lp-landing-v2 .lp-connected-section .lp-ai-list i { color: #55d7e9; }
.lp-landing-v2 .lp-connected-visual {
  margin: 0;
  padding: .9rem;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: .85rem;
  box-shadow: 0 22px 50px rgba(0,0,0,.25);
}
.lp-landing-v2 .lp-connected-visual .lp-example-label { color: #a9c4d5; }

/* Dashboard and devices */
.lp-landing-v2 .lp-dashboard-section { padding: 3.25rem 0; background: #fff; }
.lp-landing-v2 .lp-dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
  gap: 3rem;
  align-items: center;
}
.lp-landing-v2 .lp-dashboard-copy h2 {
  margin: 0 0 .75rem;
  color: var(--lp2-ink);
  font-size: clamp(1.9rem,3.5vw,2.65rem);
  line-height: 1.12;
  letter-spacing: -.04em;
}
.lp-landing-v2 .lp-dashboard-lead {
  margin: 0 0 1.25rem;
  color: #64798c;
  font-size: .78rem;
  line-height: 1.65;
}
.lp-landing-v2 .lp-spotlight-list { display: grid; gap: .55rem; margin: 0 0 1.2rem; }
.lp-landing-v2 .lp-spotlight-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: .7rem;
  padding: .7rem .75rem;
  background: rgba(255,255,255,.82);
  border: 1px solid #dbe7ee;
  border-radius: .85rem;
  box-shadow: 0 8px 22px rgba(11,31,51,.045);
  transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.lp-landing-v2 .lp-spotlight-item:hover {
  transform: translateX(5px);
  border-color: #99d6df;
  box-shadow: 0 12px 26px rgba(7,141,168,.09);
}
.lp-landing-v2 .lp-spotlight-item > span {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 2.35rem;
  height: 2.35rem;
  color: #078da8;
  background: linear-gradient(135deg,#e3f8fa,#cdeef3);
  border-radius: .7rem;
}
.lp-landing-v2 .lp-spotlight-item:nth-child(2) > span { color: #315bc7; background: linear-gradient(135deg,#edf1ff,#dce5ff); }
.lp-landing-v2 .lp-spotlight-item:nth-child(3) > span { color: #16825e; background: linear-gradient(135deg,#eaf9f3,#d6f1e6); }
.lp-landing-v2 .lp-spotlight-item strong { display: block; color: #183249; font-size: .66rem; }
.lp-landing-v2 .lp-spotlight-item small { display: block; margin-top: .12rem; color: #77899a; font-size: .51rem; line-height: 1.35; }
.lp-landing-v2 .lp-spotlight-item > i { position: absolute; top: .6rem; right: .65rem; color: #a9b8c4; font-size: .5rem; }
.lp-landing-v2 .lp-dashboard-actions { display: flex; align-items: center; gap: .8rem; flex-wrap: wrap; }
.lp-landing-v2 .lp-dashboard-actions .lp-btn { padding: .7rem 1rem; box-shadow: 0 12px 28px rgba(7,141,168,.24); }
.lp-landing-v2 .lp-dashboard-actions > span {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  color: #718597;
  font-size: .58rem;
  font-weight: 650;
}
.lp-landing-v2 .lp-dashboard-visual { position: relative; margin: 0; }
.lp-landing-v2 .lp-dashboard-visual > .lp-example-label { position: absolute; top: -1.15rem; right: 0; }
.lp-landing-v2 .lp-device-proof {
  position: absolute;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: .5rem;
  min-width: 9.5rem;
  padding: .55rem .65rem;
  color: #fff;
  background: rgba(6,26,46,.91);
  border: 1px solid rgba(85,215,233,.25);
  border-radius: .75rem;
  box-shadow: 0 15px 35px rgba(6,26,46,.24);
  backdrop-filter: blur(12px);
}
.lp-landing-v2 .lp-device-proof > span {
  display: grid;
  place-items: center;
  width: 1.9rem;
  height: 1.9rem;
  color: #061a2e;
  background: linear-gradient(135deg,#82e5f2,#43c5da);
  border-radius: .55rem;
}
.lp-landing-v2 .lp-device-proof small { display: block; color: #85a7b9; font-size: .46rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.lp-landing-v2 .lp-device-proof strong { display: block; margin-top: .08rem; font-size: .59rem; }
.lp-landing-v2 .lp-device-proof--office { top: 12%; right: -3%; }
.lp-landing-v2 .lp-device-proof--site { left: 4%; bottom: 2%; }

/* Problem / solution */
.lp-landing-v2 .lp-vs-split { padding: 3rem 0; background: var(--lp2-soft); }
.lp-landing-v2 .lp-vs-grid {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: .85rem;
  align-items: stretch;
}
.lp-landing-v2 .lp-vs-col { padding: 1.2rem; border-radius: .8rem; }
.lp-landing-v2 .lp-vs-problem { background: #fff5f5; border: 1px solid #f1caca; }
.lp-landing-v2 .lp-vs-solution { background: #effaf5; border: 1px solid #bee5d0; }
.lp-landing-v2 .lp-vs-col h3 { margin: 0 0 .7rem; color: var(--lp2-ink); font-size: .95rem; }
.lp-landing-v2 .lp-vs-list { list-style: none; margin: 0; padding: 0; }
.lp-landing-v2 .lp-vs-list li { display: flex; gap: .4rem; margin-bottom: .4rem; font-size: .78rem; line-height: 1.4; }
.lp-landing-v2 .lp-vs-list--bad li { color: #7f3030; }
.lp-landing-v2 .lp-vs-list--good li { color: #215c42; }
.lp-landing-v2 .lp-vs-badge {
  align-self: center;
  display: grid;
  place-items: center;
  width: 2.65rem;
  height: 2.65rem;
  color: #fff;
  background: var(--lp2-ink);
  border-radius: 50%;
  font-size: .72rem;
  font-weight: 850;
}
.lp-landing-v2 .lp-vs-tag { display: inline-block; margin-bottom: .4rem; font-size: .62rem; font-weight: 800; text-transform: uppercase; }
.lp-landing-v2 .lp-vs-tag--bad { color: #b22f2f; }
.lp-landing-v2 .lp-vs-tag--good { color: #18734d; }
.lp-landing-v2 .lp-vs-showcase {
  max-width: 44rem;
  margin: 1rem auto 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--lp2-line);
  border-radius: .8rem;
  box-shadow: 0 12px 35px rgba(11,31,51,.1);
}
.lp-landing-v2 .lp-vs-showcase figcaption {
  padding: .55rem .8rem;
  color: var(--lp2-muted);
  background: #fff;
  border-top: 1px solid var(--lp2-line);
  text-align: center;
  font-size: .7rem;
}

/* Flow and security */
.lp-landing-v2 .lp-flow-section { padding: 2.7rem 0; background: #fff; border: 0; }
.lp-landing-v2 .lp-flow-rail { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .25rem; }
.lp-landing-v2 .lp-flow-step { min-width: 5.5rem; padding: .45rem; text-align: center; }
.lp-landing-v2 .lp-flow-icon {
  display: grid;
  place-items: center;
  width: 2.65rem;
  height: 2.65rem;
  margin: 0 auto .35rem;
  color: var(--lp2-teal);
  background: #e8f7fa;
  border: 1px solid #bde6ed;
  border-radius: .65rem;
}
.lp-landing-v2 .lp-flow-label { color: var(--lp2-ink); font-size: .7rem; font-weight: 750; }
.lp-landing-v2 .lp-flow-arrow { color: #83bdc8; font-size: .8rem; }

.lp-landing-v2 .lp-security--compact {
  padding: 1.45rem 0 !important;
  background: #092b47 !important;
  border: 0;
}
.lp-landing-v2 .lp-security-compact-head { margin-bottom: .8rem; text-align: center; }
.lp-landing-v2 .lp-security-compact-head h2 { margin: 0 0 .25rem; color: #fff; font-size: 1.05rem; }
.lp-landing-v2 .lp-security-compact-head p { margin: 0; color: #aec5d6; font-size: .75rem; }
.lp-landing-v2 .lp-security-compact-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: .55rem; }
.lp-landing-v2 .lp-security-map {
  display: grid;
  grid-template-columns: 1fr 190px 1fr;
  gap: 1rem;
  align-items: center;
  max-width: 950px;
  margin: 0 auto;
}
.lp-landing-v2 .lp-security-side { display: grid; gap: .6rem; }
.lp-landing-v2 .lp-security-compact-card {
  display: flex;
  gap: .5rem;
  padding: .7rem;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: .6rem;
}
.lp-landing-v2 .lp-security-compact-card > i { color: #55d7e9; }
.lp-landing-v2 .lp-security-compact-card strong { display: block; color: #fff; font-size: .74rem; }
.lp-landing-v2 .lp-security-compact-card span { display: block; margin-top: .12rem; color: #a8bfce; font-size: .62rem; line-height: 1.35; }
.lp-landing-v2 .lp-security-core {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 150px;
}
.lp-landing-v2 .lp-security-ring {
  position: absolute;
  width: 145px;
  height: 145px;
  border: 1px solid rgba(85,215,233,.28);
  border-radius: 50%;
  box-shadow: 0 0 0 18px rgba(85,215,233,.035), 0 0 45px rgba(23,182,209,.14);
}
.lp-landing-v2 .lp-security-core > div {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  color: #fff;
  text-align: center;
}
.lp-landing-v2 .lp-security-core i { color: #55d7e9; font-size: 2.35rem; }
.lp-landing-v2 .lp-security-core strong { margin-top: .3rem; font-size: .72rem; }
.lp-landing-v2 .lp-security-core small { color: #8eb0c4; font-size: .58rem; }

/* Plans */
.lp-landing-v2 .lp-plans-section--premium {
  padding: 3.25rem 0;
  background: var(--lp2-soft);
  border: 0;
}
.lp-landing-v2 .lp-plan-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: .85rem;
  align-items: stretch;
}
.lp-landing-v2 .lp-plan {
  overflow: hidden;
  padding: 0;
  background: #fff;
  border: 1px solid var(--lp2-line);
  border-radius: .85rem;
  box-shadow: 0 8px 24px rgba(11,31,51,.06);
}
.lp-landing-v2 .lp-plan--premium.is-popular,
.lp-landing-v2 .lp-plan--v2.is-featured,
.lp-landing-v2 .lp-plan.is-featured {
  transform: translateY(-4px);
  border-color: #64c8d8;
  box-shadow: 0 16px 34px rgba(7,141,168,.16);
}
.lp-landing-v2 .lp-plan-popular-badge {
  display: block;
  padding: .4rem;
  color: #fff;
  background: linear-gradient(90deg,#078da8,#17b6d1);
  text-align: center;
  font-size: .62rem;
  font-weight: 850;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.lp-landing-v2 .lp-plan-head-v2 { padding: 1rem 1rem .55rem; background: #fff; }
.lp-landing-v2 .lp-plan-head-v2 h3 { color: var(--lp2-ink); }
.lp-landing-v2 .lp-plan-head-v2 p,
.lp-landing-v2 .lp-plan-price-v2 em,
.lp-landing-v2 .lp-plan-price-v2 span,
.lp-landing-v2 .lp-plan-limits-v2 { color: var(--lp2-muted); }
.lp-landing-v2 .lp-plan-price-v2 { padding: .45rem 1rem 0; }
.lp-landing-v2 .lp-plan-price-v2 strong { color: var(--lp2-teal); font-size: 1.6rem; }
.lp-landing-v2 .lp-plan-limits-v2 { padding: .6rem 1rem; }
.lp-landing-v2 .lp-plan-limits-v2 b { color: var(--lp2-ink); }
.lp-landing-v2 .lp-plan-top-feats { padding: .4rem 1rem 0; }
.lp-landing-v2 .lp-plan-top-feats li { color: var(--lp2-text); font-size: .73rem; }
.lp-landing-v2 .lp-plan-top-feats i { color: var(--lp2-teal); }
.lp-landing-v2 .lp-plan-feat-note { color: var(--lp2-muted); }
.lp-landing-v2 .lp-plan-actions-v2 { margin-top: auto; padding: .8rem 1rem 1rem; }
.lp-landing-v2 .lp-btn-plan { background: var(--lp2-teal); color: #fff; }
.lp-landing-v2 .lp-btn-plan-outline { color: var(--lp2-teal); background: #fff; border: 1px solid #9bd4de; }
.lp-landing-v2 .lp-plans-compare-link { margin: 1rem 0 0; }
.lp-landing-v2 .lp-plans-compare-link a { color: var(--lp2-teal); }

/* Comparison, testimonials, FAQ */
.lp-landing-v2 .lp-compare-section { padding: 2.7rem 0; background: #fff; }
.lp-landing-v2 .lp-compare-panel,
.lp-landing-v2 .lp-compare-wrap { overflow-x: auto; padding: 0; background: #fff; border: 0; box-shadow: none; }
.lp-landing-v2 .lp-compare {
  width: 100%;
  margin: 0;
  color: var(--lp2-text);
  background: #fff;
  border: 1px solid var(--lp2-line);
  border-radius: .75rem;
}
.lp-landing-v2 .lp-compare thead th { color: var(--lp2-ink); background: #edf6f8; }
.lp-landing-v2 .lp-compare th[scope=row] { color: var(--lp2-ink); }

.lp-landing-v2 .lp-stats-dark--premium {
  padding: 1.25rem 0;
  color: #fff;
  background: #092b47;
  border: 0;
}
.lp-landing-v2 .lp-stats-dark-grid--5 { display: grid; grid-template-columns: repeat(5,1fr); gap: .5rem; }
.lp-landing-v2 .lp-stats-dark-item { padding: .35rem; }
.lp-landing-v2 .lp-stats-dark-item i { color: #55d7e9; font-size: 1.15rem; }
.lp-landing-v2 .lp-stats-dark-item strong { color: #fff; font-size: .9rem; }
.lp-landing-v2 .lp-stats-dark-item span { color: #b8cddd; font-size: .65rem; }

.lp-landing-v2 .lp-testimonials--premium { padding: 2.8rem 0; background: var(--lp2-soft); }
.lp-landing-v2 .lp-quote-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: .85rem; }
.lp-landing-v2 .lp-quote--premium {
  padding: 1.25rem;
  color: var(--lp2-text);
  background: #fff;
  border: 1px solid var(--lp2-line);
  border-radius: .8rem;
  box-shadow: 0 8px 22px rgba(11,31,51,.05);
}
.lp-landing-v2 .lp-quote-brand { color: var(--lp2-teal); font-weight: 800; }
.lp-landing-v2 .lp-quote--premium p { color: var(--lp2-text); font-size: .84rem; }
.lp-landing-v2 .lp-quote--premium footer { color: var(--lp2-muted); }

.lp-landing-v2 .lp-section-muted { padding: 2.8rem 0; background: #fff; }
.lp-landing-v2 .lp-start-faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
.lp-landing-v2 .lp-start-panel h2,
.lp-landing-v2 .lp-faq-panel h3 { color: var(--lp2-ink); }
.lp-landing-v2 .lp-start-steps strong { color: var(--lp2-ink); }
.lp-landing-v2 .lp-start-steps p { color: var(--lp2-muted); }
.lp-landing-v2 .lp-faq-item { background: #fff; border-color: var(--lp2-line); }
.lp-landing-v2 .lp-faq-q { color: var(--lp2-ink); }
.lp-landing-v2 .lp-faq-a { color: var(--lp2-muted); }

/* CTA and footer */
.lp-landing-v2 .lp-final-cta--premium {
  padding: 2.8rem 0;
  color: #fff;
  background: linear-gradient(110deg,#061a2e,#0b3d58);
}
.lp-landing-v2 .lp-final-cta-bg { display: none; }
.lp-landing-v2 .lp-final-cta-premium { position: relative; max-width: 46rem; text-align: center; }
.lp-landing-v2 .lp-final-cta-premium h2 { color: #fff; }
.lp-landing-v2 .lp-final-cta-premium > p { color: #bfd1df; }
.lp-landing-v2 .lp-final-cta-premium .lp-hero-actions,
.lp-landing-v2 .lp-final-cta-premium .lp-cta-contact { justify-content: center; }

.lp-landing-v2 .lp-footer--premium {
  padding: 2.3rem 0 0;
  color: #b8c9d7;
  background: #041321;
}
.lp-landing-v2 .lp-footer-v3 {
  display: grid;
  grid-template-columns: 1.25fr repeat(4,1fr);
  gap: 1.25rem;
  padding-bottom: 1.5rem;
}
.lp-landing-v2 .lp-footer-v3-brand strong { color: #fff; }
.lp-landing-v2 .lp-footer-v3-brand p,
.lp-landing-v2 .lp-footer-newsletter p { color: #8fa7b9; }
.lp-landing-v2 .lp-footer-v3-col h4 { color: #55d7e9; }
.lp-landing-v2 .lp-footer-v3-col a { color: #b8c9d7; }
.lp-landing-v2 .lp-footer-row { padding: .85rem 0; border-top: 1px solid rgba(255,255,255,.09); }

/* Product storytelling */
.lp-landing-v2 .lp-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .38rem .65rem .38rem .45rem;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(129,230,244,.17);
  border-radius: 999px;
  letter-spacing: .075em;
}
.lp-landing-v2 .lp-eyebrow span {
  width: .48rem;
  height: .48rem;
  background: #55d7e9;
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(85,215,233,.12);
}
.lp-landing-v2 .lp-hero-copy { position: relative; z-index: 4; }
.lp-landing-v2 .lp-hero-copy::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -8rem;
  left: -10rem;
  width: 28rem;
  height: 28rem;
  background: radial-gradient(circle,rgba(23,182,209,.11),transparent 68%);
  pointer-events: none;
}
.lp-landing-v2 .lp-hero--premium {
  padding: 0;
  align-items: center;
}
.lp-landing-v2 .lp-hero-premium-inner {
  grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
  gap: clamp(2rem,4vw,4.5rem);
  min-height: 690px;
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}
.lp-landing-v2 .lp-hero h1 {
  max-width: 31rem;
  font-size: clamp(2.75rem,4.7vw,4.5rem);
  line-height: .98;
}
.lp-landing-v2 .lp-hero-lead {
  max-width: 32rem;
  margin-top: 1.3rem;
  font-size: 1rem;
  line-height: 1.7;
  overflow-wrap: anywhere;
}
.lp-landing-v2 .lp-hero-journey {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .35rem;
  margin-top: 1.3rem;
}
.lp-landing-v2 .lp-hero-journey span {
  color: #d9ebf4;
  font-size: .66rem;
  font-weight: 750;
}
.lp-landing-v2 .lp-hero-journey i { color: #4bc9dc; font-size: .55rem; }
.lp-landing-v2 .lp-hero-actions { margin-top: 1.5rem; }
.lp-landing-v2 .lp-hero-actions .lp-btn { min-height: 3rem; padding: .75rem 1.05rem; }
.lp-landing-v2 .lp-hero-trust-row { margin-top: 1.15rem; gap: .55rem 1.1rem; }
.lp-landing-v2 .lp-hero-trust-row i { font-size: .65rem; }
.lp-landing-v2 .lp-hero-visual { min-width: 0; max-width: 100%; }
.lp-landing-v2 .lp-hero-pro {
  max-width: min(47rem, 100%);
  padding: 0;
  transform: none;
}
.lp-landing-v2 .lp-hero-pro::before {
  content: "";
  position: absolute;
  inset: 18% 4% 5%;
  z-index: -1;
  background: radial-gradient(ellipse,rgba(32,203,228,.2),transparent 68%);
  filter: blur(28px);
}
.lp-landing-v2 .lp-hero-product-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .75rem;
  padding: 0 .1rem;
}
.lp-landing-v2 .lp-hero-product-head > div > strong {
  display: block;
  margin-top: .3rem;
  color: #edf9fc;
  font-size: .75rem;
}
.lp-landing-v2 .lp-hero-product-status {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  color: #83b8c8;
  font-size: .54rem;
  font-weight: 750;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.lp-landing-v2 .lp-hero-product-status i {
  width: .45rem;
  height: .45rem;
  background: #42d59a;
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(66,213,154,.1);
}
.lp-landing-v2 .lp-hero-product-badge {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .35rem .55rem;
  color: #a7c9d4;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 999px;
  font-size: .52rem;
  font-weight: 700;
}
.lp-landing-v2 .lp-hero-product-badge i { color: #55d7e9; }
.lp-landing-v2 .lp-hero-pro-frame {
  border: 1px solid rgba(180,232,242,.24);
  border-radius: .9rem;
  box-shadow: 0 35px 80px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.04);
}
.lp-landing-v2 .lp-hero-browserbar {
  display: grid;
  grid-template-columns: 4.5rem 1fr 4.5rem;
  align-items: center;
  min-height: 2.15rem;
  padding: 0 .65rem;
  background: linear-gradient(180deg,#f8fafc,#edf2f6);
  border-bottom: 1px solid #d7e0e7;
}
.lp-landing-v2 .lp-hero-browser-dots { display: flex; gap: .3rem; }
.lp-landing-v2 .lp-hero-browser-dots i { width: .45rem; height: .45rem; border-radius: 50%; background: #ff6b66; }
.lp-landing-v2 .lp-hero-browser-dots i:nth-child(2) { background: #f7be45; }
.lp-landing-v2 .lp-hero-browser-dots i:nth-child(3) { background: #47c76c; }
.lp-landing-v2 .lp-hero-browser-url {
  justify-self: center;
  width: min(75%,18rem);
  padding: .28rem .7rem;
  color: #728295;
  background: #fff;
  border: 1px solid #dce4ea;
  border-radius: .4rem;
  text-align: center;
  font-size: .5rem;
}
.lp-landing-v2 .lp-hero-browser-url i { margin-right: .25rem; color: #3aa56a; }
.lp-landing-v2 .lp-hero-browser-menu { justify-self: end; color: #8291a1; }
.lp-landing-v2 .lp-hero-product-nav {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: .45rem;
  margin-top: .7rem;
}
.lp-landing-v2 .lp-hero-product-nav > div {
  display: flex;
  align-items: center;
  gap: .45rem;
  min-width: 0;
  padding: .5rem;
  color: #9eb9c8;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: .6rem;
}
.lp-landing-v2 .lp-hero-product-nav > div.is-active {
  color: #e9faff;
  background: rgba(23,182,209,.11);
  border-color: rgba(85,215,233,.25);
}
.lp-landing-v2 .lp-hero-product-nav > div > span {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 1.7rem;
  height: 1.7rem;
  color: #59cedf;
  background: rgba(85,215,233,.09);
  border-radius: .45rem;
  font-size: .65rem;
}
.lp-landing-v2 .lp-hero-product-nav p { min-width: 0; margin: 0; }
.lp-landing-v2 .lp-hero-product-nav strong,
.lp-landing-v2 .lp-hero-product-nav small { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.lp-landing-v2 .lp-hero-product-nav strong { color: inherit; font-size: .52rem; }
.lp-landing-v2 .lp-hero-product-nav small { margin-top: .08rem; color: #7391a2; font-size: .4rem; }

.lp-landing-v2 .lp-ui { font-family: Inter, sans-serif; font-size: 11px; }
.lp-landing-v2 .lp-ui-shell {
  grid-template-columns: 6.3rem 1fr;
  min-height: 330px;
  background: #f4f7fb;
}
.lp-landing-v2 .lp-ui-nav {
  gap: .22rem;
  padding: .8rem .55rem;
  background: linear-gradient(180deg,#071d32,#0a2945);
}
.lp-landing-v2 .lp-ui-brand {
  display: flex;
  align-items: center;
  gap: .38rem;
  margin: 0 0 .8rem;
  color: #fff;
  text-align: left;
  font-size: .66rem;
}
.lp-landing-v2 .lp-ui-brand-mark {
  display: grid;
  place-items: center;
  width: 1.65rem;
  height: 1.65rem;
  color: #062238;
  background: linear-gradient(135deg,#86ecf6,#36c7df);
  border-radius: .45rem;
  font-size: .8rem;
}
.lp-landing-v2 .lp-ui-brand small { display: block; color: #6ccfde; font-size: .4rem; letter-spacing: .13em; }
.lp-landing-v2 .lp-ui-nav-item,
.lp-landing-v2 .lp-ui-nav-support {
  display: flex;
  align-items: center;
  gap: .45rem;
  padding: .45rem .5rem;
  color: #8da8ba;
  border-radius: .42rem;
  font-size: .54rem;
  text-align: left;
}
.lp-landing-v2 .lp-ui-nav-item i,
.lp-landing-v2 .lp-ui-nav-support i { width: .7rem; font-size: .62rem; }
.lp-landing-v2 .lp-ui-nav-item.is-active {
  color: #fff;
  background: linear-gradient(90deg,rgba(23,182,209,.3),rgba(23,182,209,.1));
  box-shadow: inset 2px 0 #55d7e9;
}
.lp-landing-v2 .lp-ui-nav-support { margin-top: auto; border-top: 1px solid rgba(255,255,255,.08); border-radius: 0; }
.lp-landing-v2 .lp-ui-main { padding: .85rem 1rem 1rem; background: #f7f9fc; }
.lp-landing-v2 .lp-ui-topbar { margin-bottom: .8rem; }
.lp-landing-v2 .lp-ui-topbar > div:first-child small { display: block; color: #8593a3; font-size: .48rem; }
.lp-landing-v2 .lp-ui-topbar > div:first-child strong { color: #10283e; font-size: .76rem; }
.lp-landing-v2 .lp-ui-top-actions { display: flex; align-items: center; gap: .35rem; }
.lp-landing-v2 .lp-ui-top-actions span,
.lp-landing-v2 .lp-ui-top-actions b {
  display: grid;
  place-items: center;
  width: 1.45rem;
  height: 1.45rem;
  color: #65778a;
  background: #fff;
  border: 1px solid #e1e8ee;
  border-radius: 50%;
  font-size: .55rem;
}
.lp-landing-v2 .lp-ui-top-actions b { color: #fff; background: linear-gradient(135deg,#078da8,#19bdd4); border: 0; }
.lp-landing-v2 .lp-ui-kpis { gap: .5rem; margin-bottom: .65rem; }
.lp-landing-v2 .lp-ui-kpi {
  position: relative;
  display: flex;
  align-items: center;
  gap: .4rem;
  padding: .5rem;
  background: #fff;
  border-color: #e1e8ef;
  border-radius: .55rem;
  text-align: left;
  box-shadow: 0 4px 12px rgba(28,55,79,.04);
}
.lp-landing-v2 .lp-ui-kpi > span {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 1.65rem;
  height: 1.65rem;
  color: #078da8;
  background: #e4f7fa;
  border-radius: .45rem;
}
.lp-landing-v2 .lp-ui-kpi div { min-width: 0; }
.lp-landing-v2 .lp-ui-kpi small { display: block; overflow: hidden; color: #77889a; white-space: nowrap; text-overflow: ellipsis; }
.lp-landing-v2 .lp-ui-kpi b { overflow: hidden; color: #18334a; font-size: .55rem; white-space: nowrap; text-overflow: ellipsis; }
.lp-landing-v2 .lp-ui-kpi > i { position: absolute; top: .4rem; right: .4rem; color: #a7b5c1; font-size: .45rem; }
.lp-landing-v2 .lp-ui-panels { grid-template-columns: 1.45fr .75fr; gap: .55rem; }
.lp-landing-v2 .lp-ui-panel { padding: .65rem; background: #fff; border-color: #e0e8ef; box-shadow: 0 5px 16px rgba(28,55,79,.04); }
.lp-landing-v2 .lp-ui-panel-head { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: .6rem; }
.lp-landing-v2 .lp-ui-panel-head h4 { margin: 0; color: #173148; font-size: .62rem; letter-spacing: 0; text-transform: none; }
.lp-landing-v2 .lp-ui-panel-head small { color: #8a99a8; font-size: .45rem; }
.lp-landing-v2 .lp-ui-panel-head > span { color: #078da8; font-size: .48rem; font-weight: 700; }
.lp-landing-v2 .lp-ui-row { grid-template-columns: 1.15fr 1fr auto; gap: .5rem; margin-bottom: .5rem; padding-bottom: .5rem; border-bottom: 1px solid #edf1f4; }
.lp-landing-v2 .lp-ui-row:last-child { margin: 0; padding: 0; border: 0; }
.lp-landing-v2 .lp-ui-row > span b { display: block; color: #223b51; font-size: .52rem; }
.lp-landing-v2 .lp-ui-row > span small { color: #8a99a8; font-size: .44rem; }
.lp-landing-v2 .lp-ui-progress { display: flex; align-items: center; gap: .3rem; }
.lp-landing-v2 .lp-ui-progress .lp-ui-bar { flex: 1; }
.lp-landing-v2 .lp-ui-progress small { color: #637486; font-size: .46rem; }
.lp-landing-v2 .lp-ui-tag { padding: .18rem .35rem; }
.lp-landing-v2 .lp-ui-activity-list { display: grid; gap: .55rem; }
.lp-landing-v2 .lp-ui-activity-list > div { display: flex; align-items: center; gap: .45rem; }
.lp-landing-v2 .lp-ui-activity-list > div > span {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 1.55rem;
  height: 1.55rem;
  color: #078da8;
  background: #e8f6f8;
  border-radius: .45rem;
  font-size: .58rem;
}
.lp-landing-v2 .lp-ui-activity-list p { min-width: 0; margin: 0; }
.lp-landing-v2 .lp-ui-activity-list b,
.lp-landing-v2 .lp-ui-activity-list small { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.lp-landing-v2 .lp-ui-activity-list b { color: #2c4357; font-size: .5rem; }
.lp-landing-v2 .lp-ui-activity-list small { color: #8997a5; font-size: .43rem; }
.lp-landing-v2 .lp-ui-functional-strip {
  display: grid;
  grid-template-columns: auto repeat(6,1fr);
  gap: .35rem;
  align-items: center;
  margin-top: .6rem;
  padding: .45rem .5rem;
  background: #edf3f7;
  border: 1px solid #dfe8ee;
  border-radius: .55rem;
}
.lp-landing-v2 .lp-ui-functional-strip > span { padding-right: .3rem; color: #6d7f90; font-size: .44rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.lp-landing-v2 .lp-ui-functional-strip > div { display: flex; align-items: center; justify-content: center; gap: .22rem; min-width: 0; color: #496175; }
.lp-landing-v2 .lp-ui-functional-strip > div i { color: #078da8; font-size: .5rem; }
.lp-landing-v2 .lp-ui-functional-strip > div small { overflow: hidden; font-size: .4rem; white-space: nowrap; text-overflow: ellipsis; }

.lp-landing-v2 .lp-dashboard-section {
  padding: clamp(4rem,7vw,6.5rem) 0;
  background:
    radial-gradient(circle at 80% 40%,rgba(23,182,209,.1),transparent 28%),
    linear-gradient(180deg,#fff,#f4f9fc);
}
.lp-landing-v2 .lp-dashboard-visual::before {
  content: "";
  position: absolute;
  inset: 12% 5%;
  z-index: 0;
  background: radial-gradient(ellipse,rgba(7,141,168,.16),transparent 68%);
  filter: blur(24px);
}
.lp-landing-v2 .lp-dashboard-visual > .lp-example-label {
  top: -1.8rem;
  color: #078da8;
  font-size: .66rem;
}
.lp-landing-v2 .lp-dashboard-visual > .lp-example-label i { margin-right: .3rem; }
.lp-landing-v2 .lp-devices { min-height: 370px; }
.lp-landing-v2 .lp-devices-laptop {
  width: 82%;
  border: 7px solid #10283e;
  border-bottom-width: 12px;
  border-radius: .8rem;
  box-shadow: 0 35px 70px rgba(10,37,64,.22);
}
.lp-landing-v2 .lp-devices-laptop::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1.6rem;
  width: 48%;
  height: 1.25rem;
  transform: translateX(-50%);
  background: linear-gradient(180deg,#d7e0e6,#a9bac6);
  clip-path: polygon(10% 0,90% 0,100% 80%,96% 100%,4% 100%,0 80%);
}
.lp-landing-v2 .lp-devices-phone {
  left: -1%;
  bottom: 0;
  width: 25%;
  transform: rotate(-3deg);
}
.lp-landing-v2 .lp-ui-phone {
  overflow: hidden;
  max-width: none;
  padding: .45rem .55rem .55rem;
  color: #183249;
  background: #f7f9fb;
  border: 5px solid #0d2336;
  border-radius: 1.35rem;
  box-shadow: 0 22px 50px rgba(3,20,35,.3);
}
.lp-landing-v2 .lp-ui-phone-status { display: flex; justify-content: space-between; padding: .05rem .25rem .35rem; color: #273e52; font-size: .43rem; font-weight: 750; }
.lp-landing-v2 .lp-ui-phone-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: .5rem; color: #173249; }
.lp-landing-v2 .lp-ui-phone-head > span { display: grid; place-items: center; width: 1.25rem; height: 1.25rem; background: #e9f0f4; border-radius: .4rem; }
.lp-landing-v2 .lp-ui-phone-head div { min-width: 0; padding: 0 .25rem; }
.lp-landing-v2 .lp-ui-phone-head small { display: block; overflow: hidden; color: #7d8d9b; font-size: .4rem; white-space: nowrap; text-overflow: ellipsis; }
.lp-landing-v2 .lp-ui-phone-head strong { display: block; font-size: .56rem; }
.lp-landing-v2 .lp-ui-phone-date { display: flex; align-items: center; gap: .25rem; margin-bottom: .45rem; padding: .35rem .4rem; color: #08758a; background: #e4f6f9; border-radius: .45rem; font-size: .45rem; font-weight: 650; }
.lp-landing-v2 .lp-ui-phone-date em { margin-left: auto; padding: .1rem .25rem; color: #9a6400; background: #fff2ce; border-radius: 999px; font-size: .35rem; font-style: normal; }
.lp-landing-v2 .lp-ui-phone-card label { color: #687b8d; opacity: 1; }
.lp-landing-v2 .lp-ui-phone-field { display: flex; justify-content: space-between; color: #31495d; background: #fff; border-color: #dce6ec; }
.lp-landing-v2 .lp-ui-phone-tiles { gap: .25rem; }
.lp-landing-v2 .lp-ui-phone-tile { position: relative; display: grid; gap: .1rem; color: #4b6072; background: #fff; border: 1px solid #e0e8ed; }
.lp-landing-v2 .lp-ui-phone-tile i { color: #078da8; font-size: .65rem; }
.lp-landing-v2 .lp-ui-phone-tile b { position: absolute; top: .2rem; right: .25rem; color: #92a1ae; }
.lp-landing-v2 .lp-ui-phone-btn { color: #fff; background: linear-gradient(135deg,#078da8,#19b8d0); box-shadow: 0 5px 12px rgba(7,141,168,.22); }
.lp-landing-v2 .lp-ui-phone-home { width: 35%; height: 2px; margin: .45rem auto 0; background: #9eabb5; border-radius: 99px; }
.lp-landing-v2 .lp-devices-tablet { right: -2%; bottom: 6%; border: 5px solid #183044; border-radius: .75rem; }

@media (max-width: 1100px) {
  .lp-landing-v2 .lp-deliver-grid--premium { grid-template-columns: repeat(2,1fr); }
  .lp-landing-v2 .lp-plan-grid { grid-template-columns: repeat(2,1fr); }
  .lp-landing-v2 .lp-footer-v3 { grid-template-columns: repeat(3,1fr); }
  .lp-landing-v2 .lp-security-compact-grid { grid-template-columns: repeat(2,1fr); }
  .lp-landing-v2 .lp-execution-grid { grid-template-columns: repeat(3,1fr); }
  .lp-landing-v2 .lp-hero-float { display: none; }
  .lp-landing-v2 .lp-dashboard-grid { gap: 2rem; }
}

@media (max-width: 900px) {
  .lp-app-v2 .lp-nav { padding: 0; background: #fff; }
  .lp-app-v2 .lp-nav-bar {
    grid-template-columns: minmax(0, 1fr) auto;
    width: calc(100% - 2rem);
  }
  .lp-app-v2 > main { padding-top: 0; }
  .lp-app-v2 .lp-nav-toggle { display: inline-flex; color: var(--lp2-ink); border-color: #b9c9d6; }
  .lp-app-v2 .lp-nav-drawer {
    display: none !important;
    position: fixed;
    top: 62px;
    left: 0;
    right: 0;
    z-index: 45;
    gap: .3rem;
    padding: .7rem .75rem max(.85rem,env(safe-area-inset-bottom));
    background: #fff;
  }
  .lp-app-v2.is-nav-open .lp-nav-drawer {
    display: flex !important;
  }
  .lp-app-v2 .lp-nav-drawer a { color: var(--lp2-ink); background: #f5f9fb; }
  .lp-app-v2 .lp-nav-drawer-footer { margin-top: .25rem; padding-top: .5rem; }
  .lp-landing-v2 .lp-hero-premium-inner,
  .lp-landing-v2 .lp-connected-grid,
  .lp-landing-v2 .lp-dashboard-grid { grid-template-columns: minmax(0, 1fr); }
  .lp-landing-v2 .lp-hero-copy { text-align: center; }
  .lp-landing-v2 .lp-hero-pro { transform: none; max-width: 100%; }
  .lp-landing-v2 .lp-hero-premium-inner { min-height: 0; padding-top: 3.5rem; padding-bottom: 3.5rem; }
  .lp-landing-v2 .lp-hero-actions { width: 100%; }
  .lp-landing-v2 .lp-hero-actions .lp-btn { max-width: 100%; }
  .lp-landing-v2 .lp-hero-journey { justify-content: center; }
  .lp-landing-v2 .lp-hero-lead { margin-left: auto; margin-right: auto; }
  .lp-landing-v2 .lp-hero-chips,
  .lp-landing-v2 .lp-hero-actions,
  .lp-landing-v2 .lp-hero-trust-row { justify-content: center; }
  .lp-landing-v2 .lp-vs-grid { grid-template-columns: 1fr; }
  .lp-landing-v2 .lp-vs-badge { margin: -.15rem auto; }
  .lp-landing-v2 .lp-start-faq-grid { grid-template-columns: 1fr; }
  .lp-landing-v2 .lp-transform-map { grid-template-columns: 1fr; }
  .lp-landing-v2 .lp-challenge-premium .lp-transform-map {
    grid-template-columns: minmax(0,1fr);
    gap: 1rem;
    width: 100%;
  }
  .lp-landing-v2 .lp-transform-arrow { transform: rotate(90deg); margin: -.35rem 0; }
  .lp-landing-v2 .lp-challenge-premium .lp-transform-arrow {
    transform: none;
    margin: .25rem 0;
  }
  .lp-landing-v2 .lp-challenge-premium .lp-transform-track { transform: rotate(90deg); }
  .lp-landing-v2 .lp-challenge-premium .lp-compare-card { width: 100%; min-width: 0; }
  .lp-landing-v2 .lp-challenge-outcomes { grid-template-columns: 1fr; max-width: 34rem; }
  .lp-landing-v2 .lp-workstream-row { grid-template-columns: 1fr; }
  .lp-landing-v2 .lp-workstream-title { padding: 0 0 1rem; border-right: 0; border-bottom: 1px solid #d8e8ef; }
  .lp-landing-v2 .lp-project-bridge { grid-template-columns: 1fr; gap: .65rem; padding: 1.2rem; }
  .lp-landing-v2 .lp-project-bridge::before,
  .lp-landing-v2 .lp-project-bridge::after { display: none; }
  .lp-landing-v2 .lp-bridge-context,
  .lp-landing-v2 .lp-bridge-context--right { justify-self: center; justify-content: center; }
  .lp-landing-v2 .lp-workstream-outputs { grid-template-columns: repeat(3,1fr); }
  .lp-landing-v2 .lp-output-title { grid-column: 1 / -1; justify-content: center; margin-bottom: .25rem; }
  .lp-landing-v2 .lp-security-map { grid-template-columns: 1fr; }
  .lp-landing-v2 .lp-security-core { order: -1; }
  .lp-landing-v2 .lp-dashboard-copy { max-width: 40rem; margin: 0 auto; }
  .lp-landing-v2 .lp-dashboard-visual { margin-top: 1.5rem; }
  .lp-landing-v2 .lp-device-proof { display: none; }
  .lp-landing-v2 .lp-devices {
    position: relative;
    display: block;
    min-height: 390px;
    width: 100%;
  }
  .lp-landing-v2 .lp-devices-laptop {
    position: absolute;
    top: 8%;
    left: 6%;
    width: 88%;
    margin: 0;
  }
  .lp-landing-v2 .lp-devices-phone {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 27%;
    margin: 0;
    transform: rotate(-3deg);
  }
  .lp-landing-v2 .lp-devices-tablet {
    position: absolute;
    right: 0;
    bottom: 5%;
    width: 32%;
    margin: 0;
    transform: rotate(2deg);
  }
}

@media (max-width: 640px) {
  .lp-landing-v2 .lp-shell { width: min(100% - 1.25rem, 1160px); }
  .lp-landing-v2 .lp-hero--premium { padding-top: 2.25rem; }
  .lp-landing-v2 .lp-hero h1 { font-size: clamp(2rem, 12vw, 2.75rem); overflow-wrap: anywhere; }
  .lp-landing-v2 .lp-hero-actions { flex-direction: column; align-items: stretch; }
  .lp-landing-v2 .lp-hero-actions .lp-btn { width: 100%; justify-content: center; }
  .lp-landing-v2 .lp-deliver-grid--premium,
  .lp-landing-v2 .lp-plan-grid,
  .lp-landing-v2 .lp-quote-grid,
  .lp-landing-v2 .lp-security-compact-grid,
  .lp-landing-v2 .lp-footer-v3 { grid-template-columns: 1fr; }
  .lp-landing-v2 .lp-stats-dark-grid--5 { grid-template-columns: repeat(2,1fr); }
  .lp-landing-v2 .lp-flow-arrow { transform: rotate(90deg); }
  .lp-landing-v2 .lp-flow-rail { flex-direction: column; }
  .lp-landing-v2 .lp-module-stage { padding: .5rem; border-radius: 1.1rem; }
  .lp-landing-v2 .lp-module-stage-head { align-items: flex-start; flex-direction: column; padding: .55rem .5rem .9rem; }
  .lp-landing-v2 .lp-module-card { min-height: 0; }
  .lp-landing-v2 .lp-fragment-cloud { grid-template-columns: 1fr; }
  .lp-landing-v2 .lp-challenge-premium { padding: 3.25rem 0; }
  .lp-landing-v2 .lp-challenge-premium .lp-section-head { margin-bottom: 1.5rem; }
  .lp-landing-v2 .lp-challenge-premium .lp-section-head h2 { font-size: clamp(1.75rem,9vw,2.35rem); }
  .lp-landing-v2 .lp-challenge-premium .lp-compare-card { min-height: 0; padding: 1.25rem; border-radius: 1.25rem; }
  .lp-landing-v2 .lp-map-card-head { align-items: flex-start; flex-direction: column; gap: .5rem; }
  .lp-landing-v2 .lp-challenge-premium .lp-transform-arrow { gap: .4rem; padding: .2rem 0; }
  .lp-landing-v2 .lp-challenge-premium .lp-transform-track { width: 3.5rem; height: 3.5rem; }
  .lp-landing-v2 .lp-transform-label { max-width: none !important; }
  .lp-landing-v2 .lp-challenge-premium .lp-hub-map { min-height: 280px; }
  .lp-landing-v2 .lp-challenge-premium .lp-hub-core { width: 100px; height: 100px; }
  .lp-landing-v2 .lp-workstream-nodes { display: grid; grid-template-columns: 1fr; }
  .lp-landing-v2 .lp-workstream-chevron { transform: rotate(90deg); margin: -.65rem auto; }
  .lp-landing-v2 .lp-workstream-map-head { align-items: flex-start; flex-direction: column; }
  .lp-landing-v2 .lp-workstream-row { padding: 1.15rem; }
  .lp-landing-v2 .lp-workstream-node { min-height: 92px; }
  .lp-landing-v2 .lp-bridge-core { min-width: min(100%,230px); }
  .lp-landing-v2 .lp-execution-grid { grid-template-columns: repeat(2,1fr); }
  .lp-landing-v2 .lp-workstream-outputs { grid-template-columns: 1fr; }
  .lp-landing-v2 .lp-output-title { grid-column: auto; justify-content: flex-start; }
  .lp-landing-v2 .lp-hero-product-head { align-items: flex-start; }
  .lp-landing-v2 .lp-hero-product-head > div > strong { font-size: .65rem; }
  .lp-landing-v2 .lp-hero-product-nav { grid-template-columns: repeat(2,1fr); }
  .lp-landing-v2 .lp-hero-product-nav > div:first-child { grid-column: 1 / -1; }
  .lp-landing-v2 .lp-hero-browser-url { width: 90%; }
  .lp-landing-v2 .lp-ui-shell { grid-template-columns: 4.5rem 1fr; min-height: 280px; }
  .lp-landing-v2 .lp-ui-nav { padding: .65rem .35rem; }
  .lp-landing-v2 .lp-ui-brand { gap: .2rem; }
  .lp-landing-v2 .lp-ui-brand-mark { width: 1.3rem; height: 1.3rem; }
  .lp-landing-v2 .lp-ui-nav-item { padding: .35rem .3rem; }
  .lp-landing-v2 .lp-ui-main { padding: .6rem; }
  .lp-landing-v2 .lp-ui-kpis { grid-template-columns: repeat(2,1fr); }
  .lp-landing-v2 .lp-ui-kpi:nth-child(n+3) { display: none; }
  .lp-landing-v2 .lp-ui-panels { grid-template-columns: 1fr; }
  .lp-landing-v2 .lp-ui-panel--activity { display: none; }
  .lp-landing-v2 .lp-ui-functional-strip { grid-template-columns: repeat(3,1fr); }
  .lp-landing-v2 .lp-ui-functional-strip > span { grid-column: 1 / -1; text-align: left; }
  .lp-landing-v2 .lp-ui-row { grid-template-columns: 1.25fr .85fr; }
  .lp-landing-v2 .lp-ui-row .lp-ui-tag { display: none; }
  .lp-landing-v2 .lp-dashboard-visual > .lp-example-label { position: static; margin-bottom: .8rem; }
  .lp-landing-v2 .lp-dashboard-section { padding: 3.5rem 0; }
  .lp-landing-v2 .lp-dashboard-copy h2 { font-size: clamp(1.8rem,9vw,2.35rem); }
  .lp-landing-v2 .lp-dashboard-actions { align-items: stretch; flex-direction: column; gap: .65rem; }
  .lp-landing-v2 .lp-dashboard-actions .lp-btn { width: 100%; justify-content: center; }
  .lp-landing-v2 .lp-dashboard-actions > span { justify-content: center; width: 100%; }
  .lp-landing-v2 .lp-dashboard-visual { width: 100%; margin-top: 2.25rem; }
  .lp-landing-v2 .lp-dashboard-visual > .lp-example-label {
    display: block;
    margin: 0 0 1rem;
    text-align: center;
  }
  .lp-landing-v2 .lp-devices {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 1.5rem;
    min-height: 0;
    padding: .25rem 0 1.5rem;
    overflow: visible;
  }
  .lp-landing-v2 .lp-devices-laptop {
    position: relative;
    inset: auto;
    order: 2;
    width: 100%;
    border-width: 4px;
    border-bottom-width: 8px;
    margin: 0;
    transform: none;
  }
  .lp-landing-v2 .lp-devices-laptop::after { display: none; }
  .lp-landing-v2 .lp-devices-phone {
    position: relative;
    inset: auto;
    order: 1;
    justify-self: center;
    width: min(52vw,190px);
    margin: 0;
    transform: none;
    filter: none;
  }
  .lp-landing-v2 .lp-devices-tablet { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .lp-landing-v2 .lp-transform-track i,
  .lp-landing-v2 .lp-challenge-premium .lp-hub-core,
  .lp-landing-v2 .lp-bridge-pulse {
    animation: none;
  }
}

/* Search-focused solution pages */
.seo-landing { background: #fff; }
.seo-hero {
  padding: 5rem 0 4rem;
  color: #fff;
  background:
    radial-gradient(circle at 82% 20%, rgba(23,182,209,.2), transparent 30%),
    linear-gradient(135deg, #061a2e, #0a3148);
}
.seo-hero-grid {
  display: grid;
  grid-template-columns: minmax(0,1.45fr) minmax(18rem,.7fr);
  align-items: center;
  gap: clamp(2rem,5vw,5rem);
}
.seo-hero h1 {
  max-width: 52rem;
  margin: .85rem 0 1rem;
  color: #fff;
  font: 750 clamp(2.25rem,5vw,4.2rem)/1.06 var(--font-display);
  letter-spacing: -.04em;
}
.seo-hero-lead {
  max-width: 47rem;
  margin: 0;
  color: #c8dce8;
  font-size: clamp(1rem,1.6vw,1.2rem);
  line-height: 1.75;
}
.seo-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.6rem; }
.seo-trust { margin: 1.2rem 0 0; color: #a9c5d4; font-size: .84rem; }
.seo-trust i { margin-right: .3rem; color: #56d5c3; }
.seo-hero-card {
  padding: 1.6rem;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 1.25rem;
  box-shadow: 0 22px 60px rgba(0,0,0,.2);
}
.seo-hero-card > span { color: #7ee5f3; font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.seo-hero-card > strong { display: block; margin: .25rem 0 1.2rem; font: 700 1.55rem var(--font-display); }
.seo-hero-card ul { display: grid; gap: .65rem; margin: 0; padding: 0; list-style: none; }
.seo-hero-card li { padding: .7rem .8rem; color: #d8e8f0; background: rgba(255,255,255,.06); border-radius: .65rem; }
.seo-hero-card i { width: 1.6rem; color: #60d4e5; }
.seo-breadcrumb { display: flex; align-items: center; gap: .5rem; padding-top: 1rem; color: var(--lp2-muted); font-size: .78rem; }
.seo-breadcrumb a { color: var(--lp2-teal); text-decoration: none; }
.seo-breadcrumb i { font-size: .6rem; }
.seo-copy-narrow { max-width: 860px; }
.seo-intro { padding: 4.5rem 0 3rem; text-align: center; }
.seo-intro h2, .seo-related h2, .seo-faq h2 {
  margin: .3rem 0 1rem;
  color: var(--lp2-ink);
  font: 720 clamp(1.75rem,3.5vw,2.65rem)/1.18 var(--font-display);
  letter-spacing: -.025em;
}
.seo-intro p { margin: .75rem auto; color: var(--lp2-text); font-size: 1.02rem; line-height: 1.8; }
.seo-sections { padding: 1rem 0 4.5rem; }
.seo-section-card {
  display: grid;
  grid-template-columns: 4rem 1fr;
  gap: 1.2rem;
  max-width: 960px;
  margin: 0 auto 1rem;
  padding: clamp(1.4rem,3vw,2.2rem);
  background: #f7fafc;
  border: 1px solid var(--lp2-line);
  border-radius: 1rem;
}
.seo-section-number { color: #9ec9d3; font: 750 1.5rem var(--font-display); }
.seo-section-card h2 { margin: 0 0 .65rem; color: var(--lp2-ink); font: 700 1.45rem var(--font-display); }
.seo-section-card p { margin: 0; line-height: 1.75; }
.seo-section-card ul { display: flex; flex-wrap: wrap; gap: .55rem; margin: 1rem 0 0; padding: 0; list-style: none; }
.seo-section-card li { padding: .42rem .65rem; color: #225169; background: #e7f5f8; border-radius: .45rem; font-size: .8rem; font-weight: 650; }
.seo-section-card li i { color: var(--lp2-teal); }
.seo-audience { padding: 4.5rem 0; background: var(--lp2-soft); }
.seo-audience-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; }
.seo-audience-grid article { padding: 1.4rem; background: #fff; border: 1px solid var(--lp2-line); border-radius: .85rem; }
.seo-audience-grid i { color: var(--lp2-teal); font-size: 1.35rem; }
.seo-audience-grid h3 { margin: .75rem 0 .45rem; color: var(--lp2-ink); font: 700 1rem var(--font-display); }
.seo-audience-grid h3 a { color: inherit; text-decoration: none; }
.seo-audience-grid h3 a:hover { color: var(--lp2-teal); }
.seo-audience-grid p { margin: 0; color: var(--lp2-muted); font-size: .86rem; line-height: 1.6; }
.seo-related, .seo-faq { padding: 4.5rem 0; }
.seo-keyword-links { display: grid; grid-template-columns: repeat(2,1fr); gap: .65rem; margin-top: 1.5rem; }
.seo-keyword-links a { display: flex; justify-content: space-between; padding: .9rem 1rem; color: #17465c; background: #f2f8fa; border: 1px solid var(--lp2-line); border-radius: .65rem; text-decoration: none; font-weight: 650; }
.seo-keyword-links a:hover { color: var(--lp2-teal); border-color: #96d7e2; }
.seo-faq { background: #f8fafc; }
.seo-faq details { margin: .65rem 0; padding: 1rem 1.15rem; background: #fff; border: 1px solid var(--lp2-line); border-radius: .7rem; }
.seo-faq summary { color: var(--lp2-ink); cursor: pointer; font-weight: 700; }
.seo-faq details p { margin: .75rem 0 0; color: var(--lp2-muted); line-height: 1.65; }
.seo-comparison { padding: 1rem 0 4.5rem; }
.seo-comparison > .lp-shell > h2 {
  margin: 0 0 1.25rem;
  color: var(--lp2-ink);
  font: 720 clamp(1.65rem,3vw,2.35rem)/1.2 var(--font-display);
  text-align: center;
}
.seo-comparison-table {
  overflow-x: auto;
  background: #fff;
  border: 1px solid var(--lp2-line);
  border-radius: 1rem;
}
.seo-comparison-table table { width: 100%; min-width: 720px; border-collapse: collapse; }
.seo-comparison-table th,
.seo-comparison-table td { padding: .9rem 1rem; border-bottom: 1px solid var(--lp2-line); text-align: left; vertical-align: top; }
.seo-comparison-table thead th { color: #fff; background: #0a3148; font-size: .82rem; }
.seo-comparison-table tbody th { width: 22%; color: var(--lp2-ink); background: #f7fafc; font-size: .86rem; }
.seo-comparison-table td { color: var(--lp2-text); font-size: .86rem; line-height: 1.55; }
.seo-comparison-table tbody tr:last-child th,
.seo-comparison-table tbody tr:last-child td { border-bottom: 0; }
.seo-tool-section { padding: 4.5rem 0; }
.seo-tool-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(18rem,.8fr); gap: 1.25rem; align-items: start; }
.seo-tool-form,
.seo-tool-result { padding: clamp(1.35rem,3vw,2rem); border: 1px solid var(--lp2-line); border-radius: 1rem; }
.seo-tool-form { display: grid; gap: 1rem; background: #fff; }
.seo-tool-form h2 { margin: 0; color: var(--lp2-ink); font: 700 1.4rem var(--font-display); }
.seo-tool-form label { display: grid; gap: .35rem; color: var(--lp2-text); font-size: .82rem; font-weight: 700; }
.seo-tool-form input { width: 100%; padding: .75rem .8rem; color: var(--lp2-ink); background: #fff; border: 1px solid #b8cbd7; border-radius: .55rem; font: 650 1rem var(--font-body); }
.seo-tool-form input:focus { outline: 3px solid rgba(23,182,209,.18); border-color: var(--lp2-teal); }
.seo-tool-result { color: #fff; background: #071e32; }
.seo-tool-result > span { color: #75dce9; font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.seo-tool-result dl { margin: 1rem 0; }
.seo-tool-result dl div { display: flex; justify-content: space-between; gap: 1rem; padding: .8rem 0; border-bottom: 1px solid rgba(255,255,255,.12); }
.seo-tool-result dt { color: #b8cfdb; font-weight: 600; }
.seo-tool-result dd { margin: 0; color: #fff; font-weight: 800; text-align: right; }
.seo-tool-result dd.is-negative { color: #ffb4b4; }
.seo-tool-result p { margin: 0; color: #9eb9c8; font-size: .78rem; line-height: 1.55; }
.seo-final-cta { padding: 4.5rem 0; color: #fff; text-align: center; background: #071e32; }
.seo-final-cta span { color: #75dce9; font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.seo-final-cta h1,
.seo-final-cta h2 { max-width: 760px; margin: .6rem auto; color: #fff; font: 730 clamp(1.8rem,4vw,2.8rem)/1.15 var(--font-display); }
.seo-final-cta p { max-width: 650px; margin: .8rem auto 1.4rem; color: #b8cfdb; line-height: 1.7; }

@media (max-width: 850px) {
  .seo-hero-grid { grid-template-columns: 1fr; }
  .seo-hero-card { display: none; }
  .seo-audience-grid { grid-template-columns: repeat(2,1fr); }
  .seo-tool-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .seo-hero { padding: 3.5rem 0 3rem; }
  .seo-actions { align-items: stretch; flex-direction: column; }
  .seo-actions .lp-btn { justify-content: center; }
  .seo-section-card { grid-template-columns: 1fr; }
  .seo-section-number { font-size: 1rem; }
  .seo-audience-grid, .seo-keyword-links { grid-template-columns: 1fr; }
}
