/** Shopify CDN: Minification failed

Line 2594:10 Expected identifier but found whitespace
Line 2594:19 Unexpected ";"

**/
  /* Fonts */
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');
  @font-face {
    font-family: 'Horizon';
    src: url(lp-horizon.otf) format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }

  html { scroll-behavior: smooth; }

  /* ── Custom quote modal (wraps inline Typeform) ── */
  .lp-quote-modal {
    position: fixed; inset: 0; z-index: 9999;
    display: none; align-items: center; justify-content: center;
    padding: clamp(12px, 4vw, 48px);
  }
  .lp-quote-modal.is-open { display: flex; }
  .lp-quote-modal-backdrop {
    position: absolute; inset: 0; background: rgba(8, 1, 18, 0.78);
    backdrop-filter: blur(6px); cursor: pointer;
  }
  .lp-quote-modal-inner {
    position: relative; z-index: 1;
    width: 100%; max-width: 880px; height: 100%; max-height: 86vh;
    background: #12032A; border-radius: 18px; overflow: hidden;
    box-shadow: 0 40px 100px -10px rgba(0,0,0,0.6);
    display: flex; flex-direction: column;
  }
  .lp-quote-modal-close {
    position: absolute; top: 12px; right: 12px; z-index: 3;
    width: 40px; height: 40px; border-radius: 50%;
    background: rgba(255,255,255,0.12); color: #fff; border: 0;
    font-size: 18px; line-height: 1; cursor: pointer;
    display: grid; place-items: center;
    transition: background 160ms ease, transform 120ms ease;
  }
  .lp-quote-modal-close:hover { background: #FF3EB5; transform: scale(1.05); }
  .lp-quote-modal-form {
    flex: 1; min-height: 0;
    background: #12032A;
    position: relative;
  }
  .lp-quote-modal-form::before {
    content: '';
    position: absolute; top: 50%; left: 50%;
    width: 44px; height: 44px; margin: -22px 0 0 -22px;
    border-radius: 50%;
    border: 3px solid rgba(255,255,255,0.15);
    border-top-color: #FF3EB5;
    animation: lpSpin 0.8s linear infinite;
    z-index: 1;
  }
  .lp-quote-modal-form:has(iframe)::before { display: none; }
  .lp-quote-modal-form > div, .lp-quote-modal-form iframe {
    width: 100% !important; height: 100% !important; border: 0 !important; display: block;
    position: relative; z-index: 2;
  }
  @keyframes lpSpin { to { transform: rotate(360deg); } }
  body.lp-modal-open { overflow: hidden; }
  body:not(.lp-modal-open) { overflow: auto !important; }

  .lp-managed-service, .lp-managed-service * { box-sizing: border-box; -webkit-font-smoothing: antialiased; }

 /* 
 KoN · MQL Qualification Landing Page
 Three directions toggleable via Tweaks:
 A, "Signal" : dark cinematic, sharp editorial
 B, "Studio" : light/porcelain, premium catalogue
 C, "Spotlight" : gradient hero, magazine energy
 */

 :root {
 --navy: #12032A;
 --navy2: #1A0640;
 --pink: #FF3EB5;
 --aqua: #20FDE2;
 --violet:#920FFE;
 --porc: #F0EFF1;
 --ink: #12032A;
 --muted: #6C6A74;
 --line: rgba(18,3,42,0.10);
 --line-d:rgba(255,255,255,0.12);
 }

 .lp-managed-service, .lp-managed-service * { box-sizing: border-box; -webkit-font-smoothing: antialiased; }
 .lp-managed-service {
 font-family: 'Poppins', system-ui, sans-serif;
 color: var(--ink);
 background: #fff;
 font-size: 16px;
 line-height: 1.6;
 overflow-x: hidden;
 }
 :where(.lp-managed-service) img { max-width: 100%; display: block; }
 :where(.lp-managed-service) a { color: inherit; text-decoration: none; }
 :where(.lp-managed-service) button { font-family: inherit; }

 .horizon { font-family: 'Horizon', Impact, sans-serif; font-weight: 700; letter-spacing: 0.005em; text-transform: uppercase; }

 /* Top bar */
 .topbar {
 position: sticky; top: 0; z-index: 50;
 background: var(--navy);
 border-bottom: 1px solid var(--line-d);
 backdrop-filter: blur(12px);
 }
 .topbar-inner {
 display: flex; align-items: center; justify-content: space-between;
 padding: 14px 20px;
 max-width: 1400px; margin: 0 auto;
 }
 .topbar img { height: 22px; filter: brightness(0) invert(1); }
 .topbar .phone {
 color: #fff; font-size: 12px; font-weight: 600; letter-spacing: 0.06em;
 display: inline-flex; align-items: center; gap: 8px;
 }
 .phone-group { display: inline-flex; align-items: center; gap: 12px; }
 .phone-ctx { display: none; font: 600 11px/1 'Poppins'; color: rgba(255,255,255,0.6); letter-spacing: 0.12em; text-transform: uppercase; }
 @media (min-width: 720px) { .phone-ctx { display: inline-block; } }
 .topbar .phone .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--aqua); box-shadow: 0 0 12px var(--aqua); }
 @media (min-width: 880px) {
 .topbar-inner { padding: 18px 48px; }
 .topbar img { height: 26px; }
 .topbar .phone { font-size: 13px; }
 }

 /* Buttons, Kings of Neon design system (Poppins Bold, uppercase, 8px radius) */
 .btn {
 --btn-fg: #fff;
 --btn-bg: linear-gradient(90deg, #FF3EB5 0%, #20FDE2 100%);
 display: inline-flex; align-items: center; justify-content: center; gap: 10px;
 height: 56px; padding: 0 28px;
 font: 700 14px/1 'Poppins', sans-serif; letter-spacing: 0.12em; text-transform: uppercase;
 color: var(--btn-fg); background: var(--btn-bg);
 border-radius: 8px; border: 0; cursor: pointer;
 transition: transform 140ms ease, filter 160ms ease, box-shadow 260ms ease;
 text-decoration: none; white-space: nowrap;
 }
 .btn:hover { filter: brightness(1.08); box-shadow: 0 10px 30px rgba(255,62,181,0.3), 0 0 40px rgba(32,253,226,0.25); }
 .btn:active { transform: scale(0.98); filter: brightness(0.95); }
 .btn:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(32,253,226,0.55); }

 /* Primary, gradient (default) */
 .btn--primary { --btn-bg: linear-gradient(90deg, #FF3EB5 0%, #20FDE2 100%); --btn-fg: #fff; }

 /* Solid variants, flat fills */
 .btn--solid-pink, .btn--pink { --btn-bg: var(--pink); --btn-fg: #fff; }
 .btn--solid-aqua { --btn-bg: var(--aqua); --btn-fg: var(--ink); }
 .btn--solid-aqua:hover { box-shadow: 0 10px 30px rgba(32,253,226,0.35), 0 0 40px rgba(32,253,226,0.2); }
 .btn--solid-dark { --btn-bg: var(--ink); --btn-fg: #fff; }
 .btn--solid-dark:hover { box-shadow: 0 10px 30px rgba(18,3,42,0.35); }

 /* Secondary / ghost, transparent + currentColor border, adapts to context */
 .btn--ghost { --btn-bg: transparent; --btn-fg: currentColor; border: 1.5px solid currentColor; }
 .btn--ghost:hover { background: currentColor; color: var(--ink); box-shadow: none; filter: none; }
 .btn--ghost-d, .btn--ghost-l { --btn-bg: transparent; --btn-fg: currentColor; border: 1.5px solid currentColor; }
 .btn--ghost-d:hover { background: #fff; color: var(--ink); border-color: #fff; box-shadow: none; filter: none; }
 .btn--ghost-l:hover { background: var(--ink); color: #fff; border-color: var(--ink); box-shadow: none; filter: none; }

 /* Size modifiers */
 .btn--sm { height: 42px; font-size: 12px; padding: 0 20px; letter-spacing: 0.10em; }
 .btn--lg { height: 64px; font-size: 14px; padding: 0 34px; letter-spacing: 0.14em; }

 /* Eyebrow */
 .eyebrow { font-size: 11px; font-weight: 800; letter-spacing: 0.2em; text-transform: uppercase; display: inline-flex; align-items: center; gap: 10px; }
 .eyebrow .bar { width: 28px; height: 1px; background: currentColor; opacity: 0.6; }

 /* Section base */
 :where(.lp-managed-service) section { padding: 64px 20px; }
 @media (min-width: 880px) { :where(.lp-managed-service) section { padding: 96px 48px; } }
 .wrap { max-width: 1280px; margin: 0 auto; }

 /* ═══════════════════════════════════════════════════════════
 HERO, direction-dependent
 ═══════════════════════════════════════════════════════════ */
 .hero {
 position: relative; overflow: hidden;
 padding: 0; isolation: isolate;
 background: var(--navy);
 color: #fff;
 }
 .hero-inner { position: relative; z-index: 3; padding: 56px 20px 72px; max-width: 1280px; margin: 0 auto; }
 .hero .eyebrow { color: var(--aqua); margin-bottom: 20px; }
 .hero h1 {
 font-family: 'Horizon', Impact, sans-serif; font-weight: 700;
 font-size: clamp(52px, 11vw, 148px);
 line-height: 0.88; letter-spacing: 0.005em; text-transform: uppercase;
 margin: 0 0 20px; color: #fff;
 }
 .hero h1 .stroke { -webkit-text-stroke: 2px #fff; color: transparent; }
 .hero h1 .neon { color: var(--pink); text-shadow: none; }
 .hero .sub {
 font-size: 16px; line-height: 1.55; max-width: 560px;
 color: rgba(255,255,255,0.85); margin: 0 0 28px;
 text-wrap: pretty;
 }
 .hero .sub b { color: #fff; font-weight: 700; }
 .hero-ctas { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 32px; }
 .hero-trust { display: flex; align-items: flex-start; gap: 20px; flex-wrap: wrap; }
 .hero-trust .block { display: flex; align-items: flex-start; gap: 12px; }
 .hero-trust .score { font: 800 22px/1 'Poppins'; color: #fff; margin-bottom: 4px; }
 .hero-trust .stars { color: var(--pink); letter-spacing: 2px; font-size: 13px; }
 .hero-trust .lbl { font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.7); line-height: 1.4; padding-top: 2px; }
 .hero-trust .sep { width: 1px; height: 44px; background: rgba(255,255,255,0.25); align-self: center; }
.hero-trust .block--link {
 text-decoration: none;
 color: inherit;
 border-radius: 10px;
 padding: 6px 10px;
 margin: -6px -10px;
 transition: background 180ms ease, transform 180ms ease;
}
.hero-trust .block--link:hover { background: rgba(255,255,255,0.08); transform: translateY(-1px); }
.hero-trust .block--link .block-arrow {
 display: inline-block;
 margin-left: 4px;
 opacity: 0;
 transform: translateX(-4px);
 transition: opacity 180ms ease, transform 180ms ease;
 color: var(--pink);
 font-weight: 700;
}
.hero-trust .block--link:hover .block-arrow { opacity: 1; transform: translateX(0); }
.lp-managed-service[data-dir="B"] .hero-trust .block--link:hover { background: rgba(18,3,42,0.06); }

 @media (min-width: 880px) {
 .hero-inner { padding: 80px 48px 100px; }
 .hero .sub { font-size: 19px; }
 }

 /* Direction A, Signal (default): full-bleed photo with cinematic gradient */
 .lp-managed-service[data-dir="A"] .hero-bg { position: absolute; inset: 0; background-image: url('lp-photo-hero-manufacturing.jpg'); background-size: cover; background-position: center; z-index: 0; opacity: 0.55; }
 .lp-managed-service[data-dir="A"] .hero::after { content:''; position: absolute; inset: 0; background: linear-gradient(105deg, rgba(18,3,42,0.95) 0%, rgba(18,3,42,0.65) 45%, rgba(18,3,42,0.25) 100%); z-index: 1; }
 .lp-managed-service[data-dir="A"] .hero-grain { position: absolute; inset: 0; background: url('lp-kon-grain.svg'); mix-blend-mode: screen; opacity: 0.3; z-index: 2; pointer-events: none; }
 .lp-managed-service[data-dir="A"] .hero-split { display: none; }

 /* Direction B, Studio: light porcelain, split layout, large photo */
 .lp-managed-service[data-dir="B"] .hero { background: var(--porc); color: var(--ink); }
 .lp-managed-service[data-dir="B"] .hero .eyebrow { color: var(--pink); }
 .lp-managed-service[data-dir="B"] .hero h1 { color: var(--ink); }
 .lp-managed-service[data-dir="B"] .hero h1 .stroke { -webkit-text-stroke: 2px var(--ink); color: transparent; }
 .lp-managed-service[data-dir="B"] .hero h1 .neon { color: var(--pink); text-shadow: none; }
 .lp-managed-service[data-dir="B"] .hero .sub { color: rgba(18,3,42,0.72); }
 .lp-managed-service[data-dir="B"] .hero .sub b { color: var(--ink); }
 .lp-managed-service[data-dir="B"] .hero-trust .score { color: var(--ink); }
 .lp-managed-service[data-dir="B"] .hero-trust .lbl { color: rgba(18,3,42,0.6); }
 .lp-managed-service[data-dir="B"] .hero-trust .sep { background: rgba(18,3,42,0.2); }
 .lp-managed-service[data-dir="B"] .btn--ghost-d { color: var(--ink); border-color: rgba(18,3,42,0.25); }
 .lp-managed-service[data-dir="B"] .btn--ghost-d:hover { border-color: var(--ink); background: rgba(18,3,42,0.04); }
 .lp-managed-service[data-dir="B"] .hero-bg { display: none; }
 .lp-managed-service[data-dir="B"] .hero::after { display: none; }
 .lp-managed-service[data-dir="B"] .hero-grain { display: none; }
 .lp-managed-service[data-dir="B"] .hero-inner { display: grid; gap: 32px; align-items: center; }
 .lp-managed-service[data-dir="B"] .hero-split { aspect-ratio: 5/4; border-radius: 18px; overflow: hidden; background-image: url('lp-photo-whats-your-vice-wide.jpg'); background-size: cover; background-position: center; position: relative; }
 .lp-managed-service[data-dir="B"] .hero-split::after { content:''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 60%, rgba(18,3,42,0.25) 100%); }
 .lp-managed-service[data-dir="B"] .hero-split .tag { position: absolute; left: 18px; bottom: 18px; background: rgba(255,255,255,0.92); color: var(--ink); padding: 8px 14px; border-radius: 999px; font: 800 10px/1 'Poppins'; letter-spacing: 0.12em; text-transform: uppercase; backdrop-filter: blur(8px); }
 @media (min-width: 880px) {
 .lp-managed-service[data-dir="B"] .hero-inner { grid-template-columns: 1.1fr 1fr; gap: 56px; }
 }

 /* Direction C, Spotlight: gradient hero (midnight→violet→pink), centered editorial */
 .lp-managed-service[data-dir="C"] .hero { background: linear-gradient(135deg, #12032A 0%, #2a0658 35%, #920FFE 70%, #FF3EB5 105%); color: #fff; }
 .lp-managed-service[data-dir="C"] .hero::before { content:''; position: absolute; inset: 0; background: url('lp-kon-grain.svg'); mix-blend-mode: overlay; opacity: 0.45; z-index: 1; pointer-events: none; }
 .lp-managed-service[data-dir="C"] .hero-bg { position: absolute; inset: 0; background-image: url('lp-photo-cinematic-neon-silhouette.jpg'); background-size: cover; background-position: center; z-index: 0; opacity: 0.2; mix-blend-mode: luminosity; }
 .lp-managed-service[data-dir="C"] .hero::after { content:''; position: absolute; left: 50%; top: -200px; width: 900px; height: 900px; transform: translateX(-50%); background: radial-gradient(circle, rgba(32,253,226,0.25) 0%, transparent 60%); z-index: 1; pointer-events: none; }
 .lp-managed-service[data-dir="C"] .hero-inner { text-align: center; padding: 72px 20px 88px; z-index: 3; }
 .lp-managed-service[data-dir="C"] .hero .eyebrow { color: var(--aqua); justify-content: center; display: inline-flex; }
 .lp-managed-service[data-dir="C"] .hero .sub { margin-left: auto; margin-right: auto; }
 .lp-managed-service[data-dir="C"] .hero-ctas { justify-content: center; }
 .lp-managed-service[data-dir="C"] .hero-trust { justify-content: center; }
 .lp-managed-service[data-dir="C"] .hero-split { display: none; }
 .lp-managed-service[data-dir="C"] .hero-grain { display: none; }

 /* ═══════════════════════════════════════════════════════════
 TRUST STRIP
 ═══════════════════════════════════════════════════════════ */
 .trust-strip {
 background: var(--navy); color: #fff;
 padding: 28px 20px; border-bottom: 1px solid var(--line-d);
 }
 .trust-strip-inner {
 max-width: 1280px; margin: 0 auto;
 display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px 10px;
 text-align: center;
 }
 .trust-item { display: flex; flex-direction: column; align-items: center; gap: 4px; }
 .trust-item .big { font: 800 22px/1 'Poppins'; color: #fff; }
 .trust-item .big.pink { color: var(--pink); }
 .trust-item .lbl { font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.7); }
 .trust-item .stars { color: var(--pink); letter-spacing: 2px; font-size: 14px; }
 @media (min-width: 720px) {
 .trust-strip-inner { grid-template-columns: repeat(4, 1fr); gap: 18px; }
 }

 /* ═══════════════════════════════════════════════════════════
 HOW IT WORKS, hero center + flanking cards
 ═══════════════════════════════════════════════════════════ */
 .how { background: #fff; color: var(--ink); position: relative; overflow: visible; }
 .how::before {
 content: '';
 position: absolute; inset: 0;
 background: url('lp-kon-grain.svg');
 opacity: 0.5;
 pointer-events: none; z-index: 0;
 }
 .how .wrap { position: relative; z-index: 1; }

 .section-head { margin-bottom: 40px; max-width: 720px; }
 .section-head .eyebrow { color: var(--pink); margin-bottom: 14px; }
 .section-head h2 {
 font-family: 'Horizon', Impact, sans-serif; font-weight: 700; text-transform: uppercase;
 font-size: clamp(34px, 5vw, 56px); line-height: 0.98; margin: 0 0 14px;
 color: var(--ink); letter-spacing: 0.005em;
 }
 .section-head .lede { font-size: 17px; line-height: 1.55; color: var(--muted); margin: 0; max-width: 620px; }

 .how-infographic { margin-top: 64px; position: relative; }

 /* Timeline ruler across the top */
 .how-timeline { display: none; }
 @media (min-width: 880px) {
 .how-timeline {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
 margin: 0 0 56px;
 padding: 8px 0 4px;
 position: relative;
 color: var(--pink);
 }
 .how-tick { position: relative; text-align: center; z-index: 1; }
 .how-tick .pill-circle {
 width: 56px; height: 56px; border-radius: 50%;
 display: inline-flex; align-items: center; justify-content: center;
 background: #fff;
 border: 2px solid var(--pink);
 color: var(--pink);
 font: 800 16px/1 'Poppins';
 letter-spacing: 0.02em;
 box-shadow: 0 0 0 6px rgba(255,62,181,0.08),
 0 8px 24px rgba(255,62,181,0.18);
 margin: 0 auto 22px;
 position: relative;
 }
 .how-tick .pill-circle::after {
 content: '';
 position: absolute; inset: -10px;
 border-radius: 50%;
 border: 1px dashed rgba(255,62,181,0.3);
 animation: tickPulse 3s ease-in-out infinite;
 }
 .how-tick:nth-child(2) .pill-circle::after { animation-delay: 1s; }
 .how-tick:nth-child(3) .pill-circle::after { animation-delay: 2s; }
 @keyframes tickPulse {
 0%, 100% { transform: scale(1); opacity: 0.4; }
 50% { transform: scale(1.15); opacity: 0.85; }
 }
 .how-tick .time {
 font-family: 'Horizon', Impact, sans-serif;
 font-weight: 700;
 font-size: clamp(22px, 2.4vw, 30px);
 line-height: 1;
 letter-spacing: 0.02em;
 text-transform: uppercase;
 color: var(--ink);
 margin-bottom: 12px;
 }
 .how-tick .sub-head {
 font: 700 15px/1.2 'Poppins';
 color: var(--ink);
 margin-bottom: 4px;
 }
 .how-tick .sub-desc {
 font: 500 13px/1.3 'Poppins';
 color: var(--muted);
 }
 .tl-arrow {
 position: absolute;
 top: 17px;
 height: 22px;
 color: var(--aqua);
 opacity: 0.95;
 pointer-events: none;
 filter: drop-shadow(0 0 8px rgba(32,253,226,0.45));
 }
 .tl-arrow svg { width: 100%; height: 100%; display: block; }
 /* Pills at 16.67%, 50%, 83.33% with radius 28px; arrows fill the gap between pill edges minus a small margin */
 .tl-arrow-1 { left: calc(16.67% + 36px); right: calc(50% + 36px); }
 .tl-arrow-2 { left: calc(50% + 36px); right: calc(16.67% + 36px); }
 }

 /* Hero 3-column layout */
 .how-stage {
 display: grid;
 grid-template-columns: 1fr;
 gap: 20px;
 position: relative;
 overflow: visible;
 }
 @media (min-width: 1000px) {
 .how-stage {
 grid-template-columns: 1fr 2fr 1fr;
 gap: 56px;
 align-items: center;
 }
 }

 /* Flanking side cards (01 and 03) */
 .side-card {
 background: #fff;
 border: 1px solid var(--line);
 border-radius: 18px;
 padding: 28px 24px;
 position: relative;
 box-shadow: 0 20px 40px -28px rgba(18,3,42,0.18);
 text-align: left;
 display: flex;
 flex-direction: column;
 }
 a.side-card--link { text-decoration: none; color: inherit; cursor: pointer; transition: transform 240ms ease, box-shadow 240ms ease, border-color 240ms ease; }
 a.side-card--link:hover { transform: translateY(-4px); box-shadow: 0 36px 72px -28px rgba(255,62,181,0.3), 0 20px 40px -28px rgba(18,3,42,0.22); border-color: rgba(255,62,181,0.35); }
 a.side-card--link:hover .mm-btn { background: #ff1e9b; box-shadow: 0 10px 22px rgba(255,62,181,0.45); }
 a.side-card--link:focus-visible { outline: 2px solid var(--pink); outline-offset: 4px; }
 .side-card .sc-head {
 display: flex; align-items: flex-start; gap: 14px;
 margin-bottom: 12px;
 }
 .side-card .num-pill {
 display: inline-flex; align-items: center; justify-content: center;
 width: 38px; height: 38px; border-radius: 50%;
 font: 800 13px/1 'Poppins';
 background: rgba(255,62,181,0.12);
 color: var(--pink);
 flex-shrink: 0;
 box-shadow: 0 0 0 4px rgba(255,62,181,0.06);
 }
 .side-card h3 {
 font-family: 'Horizon', Impact, sans-serif;
 font-weight: 700;
 text-transform: uppercase;
 font-size: clamp(16px, 1.25vw, 18px);
 line-height: 1.1;
 letter-spacing: 0.01em;
 color: var(--ink);
 margin: 4px 0 0;
 }
 .side-card .sc-intro {
 font-size: 13.5px; line-height: 1.55;
 color: var(--muted);
 margin: 0 0 18px;
 }
 .side-card .sc-trust {
 margin-top: 14px;
 display: inline-flex; align-items: center; gap: 10px;
 padding: 12px 14px;
 background: var(--navy);
 border-radius: 10px;
 font: 700 11px/1.2 'Poppins';
 letter-spacing: 0.12em;
 text-transform: uppercase;
 color: #fff;
 box-shadow: 0 0 0 1px rgba(32,253,226,0.35),
 0 0 18px rgba(32,253,226,0.2),
 0 8px 20px -12px rgba(18,3,42,0.45);
 }
 .side-card .sc-trust svg {
 width: 18px; height: 18px;
 color: var(--aqua);
 flex-shrink: 0;
 filter: drop-shadow(0 0 6px rgba(32,253,226,0.6));
 }
 .side-card .sc-trust--prominent {
 margin-top: 16px;
 padding: 14px 16px;
 font-size: 12px;
 letter-spacing: 0.14em;
 box-shadow:
 0 0 0 1.5px rgba(32,253,226,0.55),
 0 0 22px rgba(32,253,226,0.32),
 0 0 48px rgba(32,253,226,0.18),
 0 10px 28px -14px rgba(18,3,42,0.55);
 width: 100%;
 justify-content: center;
 }
 .side-card .sc-trust--prominent svg {
 width: 20px; height: 20px;
 }

 .side-card .mini-mock {
 background: var(--navy);
 border-radius: 12px;
 padding: 18px 16px;
 font-size: 12px;
 color: rgba(255,255,255,0.72);
 display: flex;
 flex-direction: column;
 }
 .side-card .mini-mock .mm-label {
 font: 700 10px/1.2 'Poppins';
 letter-spacing: 0.14em;
 text-transform: uppercase;
 color: rgba(255,255,255,0.88);
 margin: 10px 0 6px;
 }
 .side-card .mini-mock .mm-label:first-child { margin-top: 0; }
 .side-card .mini-mock .mm-field {
 background: #ECECEF;
 border: 1px solid transparent;
 border-radius: 8px; height: 34px;
 padding: 0 12px;
 display: flex; align-items: center;
 font-size: 11px; color: rgba(18,3,42,0.85);
 }
 .side-card .mini-mock .mm-field.tall { height: 58px; align-items: flex-start; padding-top: 10px; }
 .side-card .mini-mock .mm-btn {
 margin-top: 14px;
 background: var(--pink);
 color: #fff;
 border-radius: 6px;
 height: 30px; padding: 0 14px;
 font: 700 11px/1 'Poppins';
 letter-spacing: 0.08em; text-transform: uppercase;
 display: inline-flex; align-items: center; justify-content: center; gap: 6px;
 margin-left: auto;
 width: fit-content;
 box-shadow: 0 0 0 1px rgba(255,62,181,0.4), 0 0 18px rgba(255,62,181,0.35);
 }
 .side-card .mini-mock .mm-btn svg { width: 12px; height: 10px; }
 .side-card .mini-sign {
 background: var(--navy);
 border-radius: 12px;
 padding: 18px 16px;
 margin-bottom: 18px;
 position: relative;
 overflow: hidden;
 display: flex; align-items: center; justify-content: space-between;
 gap: 10px;
 min-height: 96px;
 }
 .side-card .mini-sign::before {
 content: '';
 position: absolute; inset: 0;
 background: url('lp-kon-grain.svg');
 mix-blend-mode: screen; opacity: 0.3;
 pointer-events: none;
 }
 .side-card .mini-sign .neon-glyph {
 font-family: 'Horizon', Impact, sans-serif;
 font-size: 28px; font-weight: 700;
 color: var(--pink);
 text-shadow: 0 0 8px rgba(255,62,181,0.9),
 0 0 18px rgba(255,62,181,0.6),
 0 0 32px rgba(255,62,181,0.35);
 position: relative; z-index: 1;
 }
 .side-card .mini-sign .quote-card {
 background: #fff;
 border-radius: 6px;
 padding: 8px 10px;
 font-size: 9px;
 color: var(--ink);
 min-width: 90px;
 position: relative; z-index: 1;
 box-shadow: 0 8px 20px rgba(0,0,0,0.25);
 }
 .side-card .mini-sign .quote-card .qc-top {
 font-weight: 700; font-size: 9px; letter-spacing: 0.06em;
 color: var(--muted); text-transform: uppercase;
 margin-bottom: 5px;
 }
 .side-card .mini-sign .quote-card .qc-row {
 display: flex; justify-content: space-between;
 font-size: 9px;
 margin-top: 3px;
 }
 .side-card .mini-sign .quote-card .qc-row b { color: var(--pink); }
 .side-card .mini-photo {
 background-color: var(--porc);
 background-size: cover;
 background-position: center;
 border-radius: 12px;
 aspect-ratio: 5 / 4;
 position: relative;
 overflow: hidden;
 box-shadow: inset 0 0 0 1px rgba(18,3,42,0.06);
 }
 .side-card .mini-photo .price-tag {
 position: absolute;
 right: 12px; bottom: 12px;
 display: inline-flex; flex-direction: column; align-items: center;
 gap: 3px;
 padding: 8px 14px;
 background: var(--navy);
 color: #fff;
 border-radius: 8px;
 box-shadow: 0 8px 20px rgba(18,3,42,0.35),
 0 0 0 1px rgba(255,62,181,0.3),
 0 0 16px rgba(255,62,181,0.25);
 }
 .side-card .mini-photo .price-tag .pt-label {
 font: 700 8px/1 'Poppins';
 letter-spacing: 0.16em;
 text-transform: uppercase;
 color: var(--aqua);
 }
 .side-card .mini-photo .price-tag .pt-amount {
 font-family: 'Horizon', Impact, sans-serif;
 font-weight: 700;
 font-size: 22px;
 line-height: 1;
 color: #fff;
 }
 .side-card h3 + p { }

 /* Featured center, "Talk to your specialist" */
 .how-hero {
 background: var(--navy);
 border-radius: 22px;
 border: 1px solid rgba(255,62,181,0.25);
 padding: 32px 28px;
 box-shadow:
 0 0 0 6px rgba(255,62,181,0.05),
 0 24px 48px -20px rgba(18,3,42,0.55),
 0 10px 24px -12px rgba(18,3,42,0.4);
 position: relative;
 overflow: visible;
 color: #fff;
 }
 .how-hero::after {
 content: '';
 position: absolute; inset: 0;
 background: url('lp-kon-grain.svg');
 mix-blend-mode: screen;
 opacity: 0.35;
 pointer-events: none;
 border-radius: inherit;
 }
 .how-hero > * { position: relative; }
 .how-hero .call-visual { z-index: 100; }
 .how-hero::before {
 content: '';
 position: absolute; inset: 0;
 background: none;
 pointer-events: none;
 }
 .how-hero-inner {
 position: relative;
 display: grid;
 grid-template-columns: 1fr;
 gap: 24px;
 align-items: center;
 }
 @media (min-width: 720px) {
 .how-hero-inner {
 grid-template-columns: auto 1fr;
 gap: 32px;
 }
 }

 /* Device/call visual, incoming call, tilted, jiggling */
 .call-visual {
 position: relative;
 width: 240px;
 max-width: 100%;
 margin: 0 auto 0 -48px;
 aspect-ratio: 240 / 480;
 border-radius: 36px;
 background:
 linear-gradient(135deg, #3A3A44 0%, #1A1A22 50%, #2A2A34 100%);
 padding: 10px;
 box-shadow:
 0 40px 60px -20px rgba(18,3,42,0.35),
 0 20px 30px -10px rgba(18,3,42,0.2),
 inset 0 0 0 2px rgba(255,62,181,0.55),
 inset 0 0 0 4px rgba(18,3,42,0.3);
 transform: rotate(-8deg) translateY(-16px);
 transform-origin: center center;
 animation: phoneRing 2.8s ease-in-out infinite;
 z-index: 50;
 }
 @media (max-width: 720px) {
 .call-visual { margin: 0 auto; }
 }
 @keyframes phoneRing {
 0%, 60%, 100% { transform: rotate(-8deg) translateY(-16px); }
 62% { transform: rotate(-14deg) translateY(-18px); }
 64% { transform: rotate(-2deg) translateY(-14px); }
 66% { transform: rotate(-14deg) translateY(-18px); }
 68% { transform: rotate(-2deg) translateY(-14px); }
 70% { transform: rotate(-12deg) translateY(-17px); }
 72% { transform: rotate(-4deg) translateY(-15px); }
 74% { transform: rotate(-8deg) translateY(-16px); }
 }

 /* Mobile variant: phone is centered (not tilted), still jiggles */
 @keyframes phoneRingMobile {
 0%, 60%, 100% { transform: rotate(0deg) translateY(0); }
 62% { transform: rotate(-6deg) translateY(-2px); }
 64% { transform: rotate(6deg) translateY(-2px); }
 66% { transform: rotate(-6deg) translateY(-2px); }
 68% { transform: rotate(6deg) translateY(-2px); }
 70% { transform: rotate(-4deg) translateY(-1px); }
 72% { transform: rotate(4deg) translateY(-1px); }
 74% { transform: rotate(0deg) translateY(0); }
 }

 /* Side buttons on the phone frame */
 .call-visual::before {
 content: '';
 position: absolute; top: 90px; left: -3px;
 width: 4px; height: 28px;
 background: #1A1A22; border-radius: 2px 0 0 2px;
 }
 .call-visual::after {
 content: '';
 position: absolute; top: 130px; right: -3px;
 width: 4px; height: 52px;
 background: #1A1A22; border-radius: 0 2px 2px 0;
 }

 .call-visual .screen {
 position: absolute; inset: 10px;
 border-radius: 28px;
 background: #fff;
 overflow: hidden;
 }
 .call-visual .notch {
 position: absolute; top: 10px; left: 50%;
 transform: translateX(-50%);
 width: 70px; height: 14px;
 background: #1A1A22; border-radius: 10px;
 z-index: 3;
 }
 .call-visual .notch::before {
 content: '';
 position: absolute; right: 14px; top: 50%;
 transform: translateY(-50%);
 width: 5px; height: 5px;
 border-radius: 50%;
 background: #2A2A34;
 }

 /* Status bar */
 .cv-status {
 position: absolute; top: 12px; left: 0; right: 0;
 display: flex; justify-content: space-between; align-items: center;
 padding: 0 18px;
 font: 700 10px/1 'Poppins';
 color: var(--pink);
 z-index: 2;
 }
 .cv-status .time { color: var(--pink); }
 .cv-status .right { display: inline-flex; align-items: center; gap: 4px; }
 .cv-status .right svg { width: 10px; height: 10px; color: var(--pink); }

 /* Incoming call label + wifi glyph */
 .cv-incoming {
 position: absolute; top: 34px; left: 0; right: 0;
 text-align: center;
 z-index: 2;
 }
 .cv-incoming .wifi {
 display: inline-block;
 color: var(--pink);
 margin-bottom: 4px;
 }
 .cv-incoming .wifi svg { width: 18px; height: 14px; display: block; margin: 0 auto; }
 .cv-incoming .label {
 font: 800 10px/1 'Poppins';
 letter-spacing: 0.22em;
 text-transform: uppercase;
 color: var(--ink);
 }

 /* Caller badge (lightbulb/logo) */
 .cv-badge {
 position: absolute; top: 96px; left: 50%;
 transform: translateX(-50%);
 width: 96px; height: 96px;
 border-radius: 50%;
 background: var(--pink);
 overflow: hidden;
 box-shadow: 0 8px 24px rgba(255,62,181,0.35),
 inset 0 0 0 3px #fff;
 background-image: url('lp-photo-agent-headset.jpg');
 background-size: cover;
 background-position: center 20%;
 background-color: #fff;
 }
 .cv-badge svg { display: none; }

 .cv-name {
 position: absolute; top: 198px; left: 0; right: 0;
 text-align: center;
 font: 800 16px/1.1 'Poppins';
 color: var(--ink);
 letter-spacing: 0;
 }
 .cv-sub {
 position: absolute; top: 222px; left: 0; right: 0;
 text-align: center;
 font: 500 11px/1 'Poppins';
 color: var(--muted);
 }

 /* Decline / Accept buttons */
 .cv-actions {
 position: absolute; bottom: 36px; left: 0; right: 0;
 display: flex; justify-content: space-around; align-items: center;
 padding: 0 28px;
 z-index: 2;
 }
 .cv-btn {
 width: 44px; height: 44px; border-radius: 50%;
 display: grid; place-items: center;
 box-shadow: 0 6px 16px rgba(18,3,42,0.25);
 }
 .cv-btn svg { width: 20px; height: 20px; color: #fff; }
 .cv-btn.decline { background: #E54040; }
 .cv-btn.decline svg { transform: rotate(135deg); }
 .cv-btn.accept { background: #1FAE4A; }

 .how-hero-copy { min-width: 0; }
 .call-caption {
 margin-top: 14px;
 text-align: center;
 font: 600 11px/1.3 'Poppins';
 letter-spacing: 0.14em;
 text-transform: uppercase;
 color: rgba(255,255,255,0.62);
 }
 .how-hero-copy .step-num {
 display: inline-flex; align-items: center; gap: 10px;
 margin-bottom: 14px;
 }
 .how-hero-copy .step-num .pill {
 display: inline-flex; align-items: center; justify-content: center;
 width: 32px; height: 32px; border-radius: 50%;
 font: 800 12px/1 'Poppins';
 background: var(--pink);
 color: #fff;
 box-shadow: 0 0 0 4px rgba(255,62,181,0.2),
 0 0 18px rgba(255,62,181,0.6),
 0 0 40px rgba(255,62,181,0.3);
 }
 .how-hero-copy .step-num .sup {
 font: 700 11px/1 'Poppins';
 letter-spacing: 0.14em;
 text-transform: uppercase;
 color: var(--pink);
 }
 .how-hero-copy h3.hero-title {
 font-family: 'Horizon', Impact, sans-serif;
 font-weight: 700;
 text-transform: uppercase;
 font-size: clamp(20px, 2vw, 25px);
 line-height: 1.05;
 letter-spacing: 0.01em;
 margin: 6px 0 14px;
 color: #fff;
 overflow-wrap: break-word;
 word-break: normal;
 hyphens: none;
 }
 .how-hero-copy h3.hero-title .aqua-colon { color: var(--aqua); }
 .how-hero-copy .hero-sub {
 font-size: 14.5px;
 color: rgba(255,255,255,0.78);
 margin: 0 0 18px;
 line-height: 1.55;
 }
 .how-hero-copy .hero-sub b { color: #fff; font-weight: 700; }
 .benefits {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 10px 14px;
 }
 .benefit {
 display: flex;
 align-items: center;
 gap: 10px;
 min-width: 0;
 }
 .benefit .bi {
 width: 32px; height: 32px;
 display: grid; place-items: center;
 color: var(--pink);
 background: rgba(255,62,181,0.15);
 border-radius: 8px;
 flex-shrink: 0;
 box-shadow: 0 0 0 1px rgba(255,62,181,0.25);
 }
 .benefit .bi svg { width: 16px; height: 16px; }
 .benefit .btxt { min-width: 0; }
 .benefit .btxt b {
 display: block;
 font: 700 11px/1.2 'Poppins';
 letter-spacing: 0.12em;
 text-transform: uppercase;
 color: #fff;
 }
 .benefit .btxt span { display: none; }
 @media (max-width: 720px) {
 .benefits { grid-template-columns: 1fr; gap: 8px; }
 }
 html.mobile-view .benefits { grid-template-columns: 1fr; gap: 8px; }

 /* ── Section: How it works — mobile refinements ── */
 /* Shared rules: trigger on real mobile viewport OR when Mobile-view tweak is on */
 @media (max-width: 879px) {
 .how .section-head h2 { font-size: clamp(26px, 7vw, 36px); line-height: 1.05; }
 .how .section-head .lede { font-size: 14px; }
 /* Keep horizontal 3-column timeline on mobile — scale it down to fit */
 .how-timeline {
 display: grid !important;
 grid-template-columns: 1fr 1fr 1fr !important;
 gap: 6px !important;
 margin: 0 0 40px !important;
 padding: 8px 0 4px !important;
 position: relative !important;
 color: var(--pink);
 }
 .how-tick { position: relative; text-align: center; z-index: 1; display: block !important; }
 .how-tick .pill-circle {
 width: 40px !important; height: 40px !important; border-radius: 50%;
 display: inline-flex !important; align-items: center; justify-content: center;
 background: #fff;
 border: 2px solid var(--pink);
 color: var(--pink);
 font: 800 13px/1 'Poppins';
 box-shadow: 0 0 0 4px rgba(255,62,181,0.08), 0 6px 18px rgba(255,62,181,0.18);
 margin: 0 auto 14px !important;
 grid-column: auto !important; grid-row: auto !important;
 }
 .how-tick .time {
 font-family: 'Horizon', Impact, sans-serif;
 font-weight: 700;
 font-size: 14px !important;
 line-height: 1 !important;
 letter-spacing: 0.02em;
 text-transform: uppercase;
 color: var(--ink);
 text-align: center !important;
 margin: 0 0 6px !important;
 grid-column: auto !important; grid-row: auto !important;
 }
 .how-tick .sub-head {
 font: 700 11px/1.25 'Poppins' !important;
 color: var(--ink);
 text-align: center !important;
 margin: 0 !important;
 grid-column: auto !important; grid-row: auto !important;
 padding: 0 2px;
 }
 /* Mobile arrows: smaller, between the pills (top-aligned with 40px pill) */
 .tl-arrow {
 display: block !important;
 position: absolute;
 top: 11px !important;
 height: 16px !important;
 color: var(--aqua);
 opacity: 0.95;
 pointer-events: none;
 filter: drop-shadow(0 0 6px rgba(32,253,226,0.45));
 }
 .tl-arrow svg { width: 100%; height: 100%; display: block; }
 .tl-arrow-1 { left: calc(16.67% + 26px) !important; right: calc(50% + 26px) !important; }
 .tl-arrow-2 { left: calc(50% + 26px) !important; right: calc(16.67% + 26px) !important; }
 .how-stage { grid-template-columns: 1fr !important; gap: 24px !important; }
 .side-card { padding: 22px 20px !important; text-align: center; }
 .side-card .sc-head { flex-direction: column; align-items: center; gap: 10px; }
 .side-card h3 { font-size: clamp(20px, 5.5vw, 24px); text-align: center; }
 .side-card .sc-intro { text-align: center; font-size: 13.5px; }
 .side-card .sc-trust--prominent { width: 100%; }
 .how-hero { padding: 28px 20px !important; }
 .how-hero-inner { grid-template-columns: 1fr !important; gap: 22px !important; text-align: center; }
 .call-visual {
 width: 180px !important;
 margin: 0 auto !important;
 animation: phoneRingMobile 2.8s ease-in-out infinite !important;
 }
 .call-visual::before { top: 68px !important; height: 21px !important; }
 .call-visual::after { top: 98px !important; height: 39px !important; }
 .call-visual .screen { width: auto !important; height: auto !important; inset: 8px !important; border-radius: 24px !important; }
 .how-hero-copy h3.hero-title { font-size: clamp(26px, 7vw, 32px); text-align: center; }
 .how-hero-copy .hero-sub { font-size: 14px; text-align: center; }
 .how-hero-copy .step-num { justify-content: center; width: 100%; }
 .benefits { grid-template-columns: 1fr !important; max-width: 280px; margin: 0 auto; }
 .benefit { justify-content: flex-start; text-align: left; }
 .side-card .mini-mock { text-align: left; }
 .how .inline-cta--center .btn { width: 100%; }
 .how-closing { font-size: 13px; padding: 0 8px; }
 }

 /* Mobile-view tweak: same rules, keyed on the html class instead of viewport */
 html.mobile-view .how .section-head h2 { font-size: 26px; line-height: 1.05; }
 html.mobile-view .how .section-head .lede { font-size: 14px; }
 html.mobile-view .how-timeline {
 display: grid !important;
 grid-template-columns: 1fr 1fr 1fr !important;
 gap: 6px !important;
 margin: 0 0 40px !important;
 padding: 8px 0 4px !important;
 position: relative !important;
 color: var(--pink);
 }
 html.mobile-view .how-tick { position: relative; text-align: center; z-index: 1; display: block !important; }
 html.mobile-view .how-tick .pill-circle {
 width: 40px !important; height: 40px !important;
 font: 800 13px/1 'Poppins' !important;
 box-shadow: 0 0 0 4px rgba(255,62,181,0.08), 0 6px 18px rgba(255,62,181,0.18) !important;
 margin: 0 auto 14px !important;
 grid-column: auto !important; grid-row: auto !important;
 }
 html.mobile-view .how-tick .time {
 font-size: 14px !important;
 line-height: 1 !important;
 text-align: center !important;
 margin: 0 0 6px !important;
 grid-column: auto !important; grid-row: auto !important;
 }
 html.mobile-view .how-tick .sub-head {
 font: 700 11px/1.25 'Poppins' !important;
 text-align: center !important;
 margin: 0 !important;
 grid-column: auto !important; grid-row: auto !important;
 padding: 0 2px;
 }
 html.mobile-view .tl-arrow {
 display: block !important;
 top: 11px !important;
 height: 16px !important;
 }
 html.mobile-view .tl-arrow-1 { left: calc(16.67% + 26px) !important; right: calc(50% + 26px) !important; }
 html.mobile-view .tl-arrow-2 { left: calc(50% + 26px) !important; right: calc(16.67% + 26px) !important; }
 html.mobile-view .how-stage { grid-template-columns: 1fr !important; gap: 24px !important; }
 html.mobile-view .side-card { padding: 22px 20px !important; text-align: center; }
 html.mobile-view .side-card .sc-head { flex-direction: column; align-items: center; gap: 10px; }
 html.mobile-view .side-card h3 { font-size: 22px; text-align: center; }
 html.mobile-view .side-card .sc-intro { text-align: center; font-size: 13.5px; }
 html.mobile-view .side-card .sc-trust--prominent { width: 100%; }
 html.mobile-view .how-hero { padding: 28px 20px !important; }
 html.mobile-view .how-hero-inner { grid-template-columns: 1fr !important; gap: 22px !important; text-align: center; }
 html.mobile-view .call-visual {
 width: 180px !important;
 margin: 0 auto !important;
 animation: phoneRingMobile 2.8s ease-in-out infinite !important;
 }
 html.mobile-view .call-visual::before { top: 68px !important; height: 21px !important; }
 html.mobile-view .call-visual::after { top: 98px !important; height: 39px !important; }
 html.mobile-view .call-visual .screen { width: auto !important; height: auto !important; inset: 8px !important; border-radius: 24px !important; }
 html.mobile-view .how-hero-copy h3.hero-title { font-size: 28px; text-align: center; }
 html.mobile-view .how-hero-copy .hero-sub { font-size: 14px; text-align: center; }
 html.mobile-view .how-hero-copy .step-num { justify-content: center; width: 100%; }
 html.mobile-view .benefits { grid-template-columns: 1fr !important; max-width: 280px; margin: 0 auto; gap: 8px; }
 html.mobile-view .benefit { justify-content: flex-start; text-align: left; }
 html.mobile-view .side-card .mini-mock { text-align: left; }
 html.mobile-view .how .inline-cta--center .btn { width: 100%; }
 html.mobile-view .how-closing { font-size: 13px; padding: 0 8px; }

 /* Chunky hand-drawn flow arrows: 01 → 02 → 03 */
 .flow-arrow {
 position: absolute;
 z-index: 1;
 pointer-events: none;
 filter: drop-shadow(0 0 14px rgba(255,62,181,0.5))
 drop-shadow(0 0 28px rgba(255,62,181,0.22));
 color: var(--pink);
 }
 .flow-arrow svg { width: 100%; height: 100%; display: block; overflow: visible; }
 .flow-arrow svg path.fa-stroke {
 fill: none;
 stroke: currentColor;
 stroke-width: 9;
 stroke-linecap: round;
 stroke-linejoin: round;
 }
 .flow-arrow svg path.fa-head {
 fill: currentColor;
 stroke: none;
 }

 .flow-arrow.fa-horizontal { display: none; }
 .flow-arrow.fa-vertical {
 display: block;
 position: relative;
 width: 64px; height: 62px;
 margin: -4px auto;
 z-index: 1;
 }

 @media (min-width: 1000px) {
 .flow-arrow.fa-horizontal {
 display: block;
 width: 200px;
 height: 160px;
 bottom: -30px;
 top: auto;
 }
 /* Arrow 1: curls from below-center out to the LEFT and up, pointing into card 02's bottom-left */
 .flow-arrow.fa-horizontal.fa-1 {
 left: calc(50% - 230px);
 }
 /* Arrow 2: mirror, curls from below-center out to the RIGHT and up, pointing into card 02's bottom-right */
 .flow-arrow.fa-horizontal.fa-2 {
 left: calc(50% + 30px);
 transform: scaleX(-1);
 }
 .flow-arrow.fa-vertical { display: none; }
 }

 /* ═══════════════════════════════════════════════════════════
 PRICE ORIENTATION, direction-dependent
 ═══════════════════════════════════════════════════════════ */
 .price { background: var(--porc); color: var(--ink); }
 .price .section-head { margin-bottom: 36px; }
 .price-note { margin-top: 24px; font-size: 13px; color: var(--muted); max-width: 560px; }
 .price-note b { color: var(--ink); }

 /* Inline CTAs */
 .inline-cta {
 margin-top: 36px; display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px;
 padding-top: 32px; border-top: 1px solid var(--line);
 }
 .inline-cta-note {
 font: 700 11px/1.4 'Poppins'; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted);
 }
 .inline-cta--center { justify-content: center; text-align: center; border-top: 0; padding-top: 8px; }
 .how-closing {
 margin: 22px 0 0;
 text-align: center;
 font: 500 14px/1.5 'Poppins';
 color: rgba(255,255,255,0.7);
 letter-spacing: 0.005em;
 }
 .ask .inline-cta, .how .inline-cta { border-top-color: rgba(255,255,255,0.15); }
 .ask .inline-cta-note, .how .inline-cta-note { color: rgba(255,255,255,0.7); }

 /* Trusted-by marquee (ported from Upload Your Logo) */
 .trusted { background: var(--ink); padding: 40px 0 60px; border-top: 1px solid var(--line-d); }
 .trusted-inner { max-width: 1400px; margin: 0 auto; padding: 0 24px; }
 .trusted-hd { display: flex; align-items: center; gap: 20px; margin-bottom: 32px; }
 .trusted-hd .lbl { font: 800 11px/1 'Poppins'; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(255,255,255,0.8); white-space: nowrap; }
 .trusted-hd .rule { flex: 1; height: 1px; background: rgba(255,255,255,0.15); }
 .trusted-hd .count { font: 800 11px/1 'Poppins'; letter-spacing: 0.16em; text-transform: uppercase; color: var(--aqua); white-space: nowrap; }
 .trusted-logos { overflow: hidden; position: relative; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%); }
 .trusted-track { display: flex; width: max-content; animation: trustedMarquee 38s linear infinite; }
 .trusted-track:hover { animation-play-state: paused; }
 .trusted-group { display: flex; align-items: center; justify-content: space-around; gap: 72px; padding: 0 36px; flex-shrink: 0; }
 @keyframes trustedMarquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
 .trusted-logos .lg {
 display: inline-flex; align-items: center; justify-content: center;
 height: 44px; opacity: 1; transition: opacity 200ms ease;
 flex-shrink: 0;
 }
 .trusted-logos .lg img {
 height: 34px; width: auto; max-width: 140px;
 object-fit: contain; display: block;
 transition: filter 200ms ease;
 filter: brightness(0) invert(1) opacity(0.62);
 }
 .trusted-logos .lg:hover img { filter: brightness(0) invert(1) opacity(0.92); }
 .trusted-logos .lg.native img { filter: grayscale(1) brightness(1.4) contrast(0.9) opacity(0.62); }
 .trusted-logos .lg.native:hover img { filter: grayscale(1) brightness(1.4) contrast(0.9) opacity(0.92); }
 /* Per-logo size nudges */
 .trusted-logos .lg[data-logo="x"] img { height: 22px; }
 .trusted-logos .lg[data-logo="mcdonalds"] img { height: 28px; }
 .trusted-logos .lg[data-logo="pinterest"] img { height: 28px; }
 .trusted-logos .lg[data-logo="bmw"] img { height: 32px; }
 .trusted-logos .lg[data-logo="spotify"] img { height: 28px; }
 .trusted-logos .lg[data-logo="mercedes"] img { height: 32px; }
 .trusted-logos .lg[data-logo="figma"] img { height: 30px; }
 .trusted-logos .lg[data-logo="callofduty"] img { height: 22px; }
 .trusted-logos .lg[data-logo="audi"] img { height: 22px; }
 .trusted-logos .lg[data-logo="formula1"] img { height: 32px; }
 .trusted-logos .lg[data-logo="bombaysapphire"] img { height: 120px; max-width: 220px; }
 .trusted-logos .lg[data-logo="bombaysapphire"] { height: auto; }
 .trusted-logos .lg[data-logo="afl"] img { height: 40px; }
 .trusted-logos .lg[data-logo="cheetos"] img { height: 36px; }
 .trusted-logos .lg[data-logo="fender"] img { height: 32px; }
 @media (min-width: 880px) {
 .trusted { padding: 48px 0 68px; }
 .trusted-inner { padding: 0 48px; }
 }
 @media (max-width: 720px) {
 .trusted { padding: 28px 0 44px; }
 .trusted-hd { flex-wrap: wrap; margin-bottom: 22px; gap: 10px; }
 .trusted-hd .lbl { font-size: 10px; white-space: normal; line-height: 1.4; }
 .trusted-hd .count { font-size: 10px; }
 .trusted-hd .rule { display: none; }
 .trusted-group { gap: 44px; padding: 0 20px; }
 }

 /* Logo wall */
 .logos { background: #fff; padding: 80px 0 96px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
 .logos-head { max-width: 720px; margin-bottom: 40px; }
 .logos-head .eyebrow { color: var(--pink); margin-bottom: 12px; }
 .logos-head h3 {
 font-family: 'Horizon', Impact, sans-serif; font-weight: 700; text-transform: uppercase;
 font-size: clamp(26px, 3.2vw, 38px); line-height: 1; margin: 0;
 color: var(--ink); letter-spacing: 0.005em;
 }
 .logo-wall {
 display: grid; grid-template-columns: repeat(2, 1fr);
 gap: 0; border: 1px solid var(--line); border-radius: 14px; overflow: hidden;
 background: var(--porc);
 }
 .logo-cell {
 aspect-ratio: 16 / 7;
 display: grid; place-items: center;
 background: #fff;
 font: 700 12px/1 'Poppins'; letter-spacing: 0.16em; text-transform: uppercase;
 color: var(--muted);
 border-right: 1px solid var(--line); border-bottom: 1px solid var(--line);
 }
 @media (min-width: 640px) {
 .logo-wall { grid-template-columns: repeat(3, 1fr); }
 }
 @media (min-width: 880px) {
 .logo-wall { grid-template-columns: repeat(4, 1fr); }
 .logo-cell { aspect-ratio: 16 / 6; }
 }
 @media (min-width: 1200px) {
 .logo-wall { grid-template-columns: repeat(6, 1fr); }
 }

 /* ═══════════════════════════════════════════════════════════
 WHAT CHANGES THE PRICE, V2 (price levers + impact bars)
 ═══════════════════════════════════════════════════════════ */
 .price-factors-v2 {
 padding: 96px 20px;
 background: #fff;
 background-image:
 radial-gradient(ellipse 60% 50% at 50% 0%, rgba(255,62,181,0.06), transparent 60%),
 url('lp-kon-grain.svg');
 background-blend-mode: normal, overlay;
 background-size: auto, 180px;
 border-top: 1px solid rgba(18,3,42,0.08);
 border-bottom: 1px solid rgba(18,3,42,0.08);
 }
 .pfv2-head {
 max-width: 760px;
 margin: 0 0 56px;
 }
 .pfv2-head .eyebrow { color: var(--pink); margin-bottom: 14px; }
 .pfv2-head h3 {
 font-family: 'Horizon', Impact, sans-serif;
 font-weight: 700;
 text-transform: uppercase;
 font-size: clamp(36px, 5.4vw, 64px);
 line-height: 0.96;
 letter-spacing: 0.005em;
 color: var(--ink);
 margin: 0 0 14px;
 text-wrap: balance;
 }
 .pfv2-h3-accent { color: var(--pink); }
 .pfv2-head .lede {
 font-size: 16.5px; line-height: 1.55;
 color: var(--muted);
 max-width: 620px;
 margin: 0;
 }

 /* Grid: 2 big tiles + 4 small tiles below */
 .pfv2-grid {
 display: grid;
 grid-template-columns: 1fr;
 gap: 20px;
 }

 /* BIG TILES */
 .pfv2-big {
 background: #fff;
 border-radius: 22px;
 padding: 28px;
 border: 1px solid rgba(18,3,42,0.08);
 box-shadow: 0 12px 40px -24px rgba(18,3,42,0.18);
 display: grid;
 grid-template-rows: auto 1fr;
 gap: 20px;
 position: relative;
 overflow: hidden;
 }
 .pfv2-big-media {
 background: var(--porc);
 border-radius: 14px;
 padding: 18px;
 min-height: 180px;
 display: grid; place-items: center;
 }
 .pfv2-big-media svg { width: 100%; height: auto; max-height: 180px; }
 /* Size scene: 3 layered PNGs, man + small K static, big K animates scale */
 .pfv2-size-scene {
 position: relative;
 display: block !important;
 padding: 32px;
 }
 .pfv2-size-scene img {
 position: absolute;
 top: 50%;
 max-width: none;
 max-height: none;
 height: auto;
 }
 /* original cropped bounds: man 0-410, smallK 467-660, bigK 720-1130, of 1130 wide 750 tall */
 /* total inside the 32px padded box — normalize to percentages */
 .pfv2-size-scene img.pfv2-size-man {
 left: 4%;
 width: 26%;
 transform: translateY(-50%);
 }
 .pfv2-size-scene img.pfv2-size-smallk {
 left: 36%;
 width: 12%;
 transform: translateY(-50%);
 }
 .pfv2-size-scene img.pfv2-size-bigk {
 left: 52%;
 width: 40%;
 transform-origin: 0% 50%;
 transform: translateY(-50%) scale(0);
 opacity: 0;
 animation: pfv2-bigk-grow 3.8s cubic-bezier(0.22, 1, 0.36, 1) 0.4s infinite;
 animation-play-state: paused;
 }
 .pfv2-size-scene.is-visible .pfv2-size-bigk {
 animation-play-state: running;
 }
 @keyframes pfv2-bigk-grow {
 0%   { transform: translateY(-50%) scale(0.12); opacity: 0; }
 8%   { opacity: 1; }
 60%  { transform: translateY(-50%) scale(1); opacity: 1; }
 88%  { transform: translateY(-50%) scale(1); opacity: 1; }
 100% { transform: translateY(-50%) scale(0.12); opacity: 0; }
 }
 @media (prefers-reduced-motion: reduce) {
 .pfv2-size-bigk { animation: none; transform: translateY(-50%) scale(1); opacity: 1; }
 }

 /* Neon coil scene: 3 copies of the coil PNG, added one at a time in a continuous loop */
 .pfv2-neon-scene {
 position: relative;
 display: flex !important;
 align-items: center;
 justify-content: center;
 gap: 2%;
 padding: 24px;
 overflow: hidden;
 }
 .pfv2-neon-scene img.pfv2-neon-coil {
 width: 33%;
 max-width: 210px;
 height: auto;
 display: block;
 opacity: 0;
 transform: translateY(10px) scale(0.85);
 animation-duration: 4.8s;
 animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
 animation-iteration-count: infinite;
 animation-play-state: paused;
 }
 .pfv2-neon-scene.is-visible .pfv2-neon-coil { animation-play-state: running; }
 .pfv2-neon-coil--1 { animation-name: pfv2-coil-1; }
 .pfv2-neon-coil--2 { animation-name: pfv2-coil-2; }
 .pfv2-neon-coil--3 { animation-name: pfv2-coil-3; }

 @keyframes pfv2-coil-1 {
 0%   { opacity: 0; transform: translateY(10px) scale(0.85); }
 6%   { opacity: 1; transform: translateY(0) scale(1); }
 85%  { opacity: 1; transform: translateY(0) scale(1); }
 95%  { opacity: 0; transform: translateY(-6px) scale(0.92); }
 100% { opacity: 0; transform: translateY(10px) scale(0.85); }
 }
 @keyframes pfv2-coil-2 {
 0%, 25% { opacity: 0; transform: translateY(10px) scale(0.85); }
 31%     { opacity: 1; transform: translateY(0) scale(1); }
 85%     { opacity: 1; transform: translateY(0) scale(1); }
 95%     { opacity: 0; transform: translateY(-6px) scale(0.92); }
 100%    { opacity: 0; transform: translateY(10px) scale(0.85); }
 }
 @keyframes pfv2-coil-3 {
 0%, 50% { opacity: 0; transform: translateY(10px) scale(0.85); }
 56%     { opacity: 1; transform: translateY(0) scale(1); }
 85%     { opacity: 1; transform: translateY(0) scale(1); }
 95%     { opacity: 0; transform: translateY(-6px) scale(0.92); }
 100%    { opacity: 0; transform: translateY(10px) scale(0.85); }
 }
 @media (prefers-reduced-motion: reduce) {
 .pfv2-neon-coil { animation: none; opacity: 1; transform: none; }
 }

 /* Both big tiles share identical media heights so tiles align exactly */
 .pfv2-big {
 grid-template-rows: 320px auto;
 }
 .pfv2-big-media {
 height: 320px;
 min-height: 0;
 padding: 32px;
 display: flex;
 align-items: center;
 justify-content: center;
 overflow: hidden;
 }
 .pfv2-big-media > img,
 .pfv2-big-media--img img {
 max-width: 100%;
 max-height: 100%;
 width: auto;
 height: auto;
 object-fit: contain;
 display: block;
 }
 .pfv2-big-body { display: grid; gap: 10px; align-content: start; }
 .pfv2-tag {
 font: 800 10px/1 'Poppins';
 letter-spacing: 0.22em;
 text-transform: uppercase;
 color: var(--pink);
 display: inline-flex;
 align-items: center;
 gap: 8px;
 justify-self: start;
 }
 .pfv2-tag::before {
 content: "";
 width: 18px; height: 2px;
 background: var(--pink);
 border-radius: 2px;
 }
 .pfv2-big h4 {
 font-family: 'Horizon', Impact, sans-serif;
 font-weight: 700;
 text-transform: uppercase;
 font-size: clamp(24px, 2.6vw, 32px);
 letter-spacing: 0.005em;
 color: var(--ink);
 margin: 0;
 line-height: 1;
 }
 .pfv2-big p {
 font-size: 14.5px;
 line-height: 1.55;
 color: var(--muted);
 margin: 0;
 }

 /* Impact bars */
 .pfv2-impact {
 display: flex;
 align-items: center;
 gap: 12px;
 margin-top: 6px;
 }
 .pfv2-impact-label {
 font: 800 10px/1 'Poppins';
 letter-spacing: 0.2em;
 text-transform: uppercase;
 color: var(--ink);
 opacity: 0.6;
 }
 .pfv2-impact-bar {
 display: inline-flex;
 gap: 4px;
 }
 .pfv2-impact-bar span {
 width: 22px; height: 8px;
 border-radius: 2px;
 background: rgba(18,3,42,0.1);
 }
 .pfv2-impact-bar span.on {
 background: linear-gradient(90deg, var(--pink), var(--aqua));
 }
 .pfv2-impact-bar--sm span {
 width: 14px; height: 6px;
 }

 /* SMALL TILES */
 .pfv2-small {
 background: #fff;
 border-radius: 16px;
 padding: 20px;
 border: 1px solid rgba(18,3,42,0.08);
 display: grid;
 grid-template-columns: 96px 1fr;
 gap: 18px;
 align-items: center;
 }
 .pfv2-small-icon {
 width: 96px; height: 96px;
 border-radius: 50%;
 background: var(--porc);
 display: grid; place-items: center;
 overflow: hidden;
 }
 .pfv2-small-icon img {
 width: 80px; height: 80px;
 object-fit: contain;
 display: block;
 }
 .pfv2-small h5 {
 font: 800 12px/1.1 'Poppins';
 letter-spacing: 0.16em;
 text-transform: uppercase;
 color: var(--ink);
 margin: 0 0 6px;
 }
 .pfv2-small p {
 font-size: 13.5px;
 line-height: 1.5;
 color: var(--muted);
 margin: 0 0 10px;
 }

 /* Integrated CTA, "The seventh lever" */
 .pfv2-cta {
 margin-top: 32px;
 background: var(--ink);
 background-image:
 radial-gradient(ellipse 60% 80% at 0% 100%, rgba(32,253,226,0.18), transparent 60%),
 radial-gradient(ellipse 60% 80% at 100% 0%, rgba(255,62,181,0.18), transparent 60%),
 url('lp-kon-grain.svg');
 background-size: auto, auto, 200px;
 color: #fff;
 border-radius: 20px;
 padding: 28px 32px;
 display: grid;
 grid-template-columns: auto 1fr;
 gap: 24px;
 align-items: center;
 overflow: hidden;
 position: relative;
 }
 .pfv2-cta-left {
 display: grid; place-items: center;
 }
 .pfv2-cta-portrait {
 width: 88px; height: 88px;
 border-radius: 50%;
 overflow: hidden;
 background: #fff;
 box-shadow:
 0 0 0 1px rgba(255,62,181,0.35),
 0 0 0 8px rgba(255,62,181,0.10),
 0 0 40px rgba(255,62,181,0.25);
 }
 .pfv2-cta-portrait img {
 width: 100%; height: 100%;
 object-fit: cover;
 object-position: center 20%;
 background: #fff;
 display: block;
 }
 .pfv2-cta-body { display: grid; gap: 6px; }
 .pfv2-cta-eyebrow {
 font: 800 10px/1 'Poppins';
 letter-spacing: 0.24em;
 text-transform: uppercase;
 color: var(--aqua);
 }
 .pfv2-cta h5 {
 font-family: 'Horizon', Impact, sans-serif;
 font-weight: 700;
 text-transform: uppercase;
 font-size: clamp(22px, 2.4vw, 30px);
 color: #fff;
 margin: 0;
 line-height: 1;
 }
 .pfv2-cta p {
 font-size: 14px;
 line-height: 1.5;
 color: rgba(255,255,255,0.78);
 margin: 0;
 max-width: 520px;
 }
 .pfv2-cta .btn { grid-column: 1 / -1; justify-self: start; }

 @media (min-width: 720px) {
 .pfv2-grid {
 grid-template-columns: 1fr 1fr;
 gap: 20px;
 }
 .pfv2-big { grid-column: span 1; }
 .pfv2-small { grid-column: span 1; }
 }
 @media (min-width: 1040px) {
 .pfv2-grid {
 grid-template-columns: repeat(4, 1fr);
 gap: 20px;
 }
 .pfv2-big { grid-column: span 2; }
 .pfv2-small { grid-column: span 1; }
 .pfv2-cta {
 grid-template-columns: auto 1fr auto;
 padding: 32px 40px;
 }
 .pfv2-cta .btn { grid-column: auto; justify-self: end; }
 }


 .price-factors-section {
 padding: 96px 0 40px;
 background: #fff;
 border-top: 1px solid rgba(18,3,42,0.06);
 }
 .price-support-section {
 padding: 96px 20px;
 background: var(--ink);
 color: #fff;
 position: relative;
 overflow: hidden;
 isolation: isolate;
 }
 .price-support-section::before {
 content: '';
 position: absolute;
 inset: 0;
 background: url('lp-kon-grain.svg');
 mix-blend-mode: screen;
 opacity: 0.18;
 pointer-events: none;
 z-index: 0;
 }
 .price-support-section > .wrap { position: relative; z-index: 1; }
 .price-support-section .support-head h3 { color: #fff; }
 .price-support-section .support-head p { color: rgba(255,255,255,0.72); }
 .price-support-section .support-head .eyebrow { color: var(--aqua); }
 .price-support-section .support-head .eyebrow .bar { background: var(--aqua) !important; }
 .price-support-section .s-item {
 background: rgba(255,255,255,0.04);
 border: 1px solid rgba(255,255,255,0.12);
 }
 .price-support-section .s-item h4 { color: #fff; }
 .price-support-section .s-item p { color: rgba(255,255,255,0.7); }
 .price-support-section .s-icon { color: var(--aqua); }
 .price-factors-section .factors { margin-top: 0; padding-top: 0; }
 .price-support-section .support { margin-top: 0; border-top: none; padding-top: 0; }
 .price-support-section .support-photo .tag {
 background: rgba(18,3,42,0.9);
 }

 /* What changes the price */
 .factors { margin-top: 80px; }
 .factors-head { max-width: 820px; margin-bottom: 44px; }
 .factors-head .eyebrow { color: var(--pink); margin-bottom: 12px; }
 .factors-head h3 {
 font-family: 'Horizon', Impact, sans-serif; font-weight: 700; text-transform: uppercase;
 font-size: clamp(26px, 3.2vw, 38px); line-height: 1; margin: 0 0 8px;
 color: var(--ink); letter-spacing: 0.005em;
 }
 .factors-head .not-equally {
 display: inline-block;
 font: 800 italic 20px/1 'Poppins';
 color: var(--pink);
 letter-spacing: 0.01em;
 margin-bottom: 14px;
 }
 .factors-head p { font-size: 15.5px; line-height: 1.55; color: var(--muted); margin: 0; max-width: 580px; }

 /* ═══════════════════════════════════════════════════════════
 WHAT CHANGES THE PRICE, specialist infographic
 ═══════════════════════════════════════════════════════════ */

 .factors {
 margin-top: 64px;
 padding: 48px 0 72px;
 }
 .factors-head {
 text-align: left;
 max-width: 720px;
 margin: 0 0 56px;
 }
 .factors-head .eyebrow {
 color: var(--pink);
 margin-bottom: 14px;
 }
 .factors-head h3 {
 font-family: 'Horizon', Impact, sans-serif;
 font-weight: 700;
 text-transform: uppercase;
 font-size: clamp(34px, 5vw, 56px);
 line-height: 0.98;
 letter-spacing: 0.005em;
 color: var(--ink);
 margin: 0 0 10px;
 }
 .factors-head .not-equally {
 display: inline-block;
 font: 800 italic clamp(22px, 2.4vw, 30px)/1 'Poppins';
 color: var(--pink);
 letter-spacing: 0.005em;
 margin-bottom: 18px;
 }
 .factors-head p {
 font-size: 17px;
 line-height: 1.55;
 color: var(--muted);
 margin: 0;
 max-width: 620px;
 }

 /* Stage - mobile stacked */
 .factors-stage {
 display: grid;
 grid-template-columns: 1fr;
 gap: 28px;
 align-items: center;
 }
 .factors-col {
 display: grid;
 gap: 22px;
 }

 /* Each factor row */
 .factor {
 display: grid;
 grid-template-columns: 128px 1fr;
 gap: 20px;
 align-items: center;
 }
 .factor-icon {
 width: 128px; height: 128px;
 border-radius: 50%;
 background: #fff;
 border: 1px solid rgba(18,3,42,0.06);
 display: grid; place-items: center;
 flex-shrink: 0;
 box-shadow: 0 6px 20px -12px rgba(18,3,42,0.18);
 }
 .factor-icon img {
 width: 96px; height: 96px;
 object-fit: contain;
 display: block;
 }
 .factor-body h4 {
 font: 800 13px/1.1 'Poppins';
 letter-spacing: 0.14em;
 text-transform: uppercase;
 color: var(--ink);
 margin: 0 0 8px;
 }
 .factor-body p {
 font-size: 14px;
 line-height: 1.5;
 color: var(--muted);
 margin: 0;
 }

 /* Center portrait */
 .factors-center {
 position: relative;
 display: none !important;
 place-items: center;
 }
 .factors-lines {
 position: absolute;
 inset: 0;
 width: 100%; height: 100%;
 pointer-events: none;
 }
 .factors-portrait {
 width: 320px; height: 320px;
 border-radius: 50%;
 overflow: hidden;
 position: relative;
 z-index: 2;
 background: var(--porc);
 box-shadow:
 0 0 0 1px rgba(255,62,181,0.18),
 0 0 0 12px rgba(255,62,181,0.04),
 0 24px 48px -24px rgba(18,3,42,0.22);
 }
 .factors-portrait img {
 width: 100%; height: 100%;
 object-fit: cover;
 object-position: center 25%;
 }

 /* Footer "value of a call", Midnight callback card */
 .factors-foot {
 margin: 64px 0 0;
 display: grid;
 grid-template-columns: 1fr;
 gap: 20px;
 align-items: center;
 background: #fff;
 color: var(--ink);
 border-radius: 16px;
 padding: 28px 28px;
 position: relative;
 border: 1px solid var(--line);
 box-shadow: 0 18px 36px -24px rgba(18,3,42,0.14);
 }

 .factors-foot .foot-accent {
 display: flex;
 align-items: center;
 gap: 18px;
 }
 .factors-foot .foot-icon {
 width: 72px; height: 72px;
 border-radius: 50%;
 background: var(--ink);
 color: #fff;
 display: grid; place-items: center;
 flex-shrink: 0;
 overflow: hidden;
 position: relative;
 }
 .factors-foot .foot-icon-phone { width: 28px; height: 28px; display: block; }
 .factors-foot .foot-icon-portrait {
 display: none;
 width: 100%; height: 100%;
 object-fit: cover;
 object-position: center 20%;
 background: #fff;
 }

 /* On mobile, swap phone → specialist portrait in the pill */
 @media (max-width: 959px) {
 .factors-foot .foot-icon {
 width: 88px; height: 88px;
 background: #fff;
 box-shadow:
 0 0 0 1px rgba(255,62,181,0.18),
 0 0 0 6px rgba(255,62,181,0.05);
 }
 .factors-foot .foot-icon-phone { display: none; }
 .factors-foot .foot-icon-portrait { display: block; }
 }

 .factors-foot .foot-body { display: grid; gap: 8px; }
 .factors-foot .foot-eyebrow {
 font: 800 11px/1 'Poppins';
 letter-spacing: 0.22em;
 text-transform: uppercase;
 color: var(--pink);
 }
 .factors-foot h5 {
 font-family: 'Horizon', Impact, sans-serif;
 font-weight: 700;
 text-transform: uppercase;
 font-size: clamp(20px, 2.2vw, 26px);
 letter-spacing: 0.005em;
 color: var(--ink);
 margin: 0;
 line-height: 1.05;
 }
 .factors-foot .foot-body p {
 font-size: 14.5px;
 line-height: 1.55;
 color: var(--muted);
 margin: 0;
 max-width: 640px;
 }

 /* Desktop 3-column layout */
 @media (min-width: 960px) {
 .factors-stage {
 grid-template-columns: minmax(0, 1fr) 380px minmax(0, 1fr);
 gap: 16px;
 align-items: center;
 }
 .factors-col {
 gap: 40px;
 align-content: center;
 }
 .factors-col--left .factor {
 grid-template-columns: 1fr 128px;
 text-align: right;
 }
 .factors-col--left .factor .factor-icon { order: 2; }
 .factors-col--left .factor .factor-body { order: 1; }
 .factors-center {
 display: grid !important;
 min-height: 520px;
 }
 .factors-foot {
 grid-template-columns: auto 1fr;
 gap: 32px;
 padding: 36px 44px;
 }
 .factors-foot .foot-accent {
 padding-right: 32px;
 border-right: 1px solid rgba(255,255,255,0.12);
 }
 }

 /* After-sales support */
 .support { margin-top: 88px; padding-top: 56px; border-top: 1px solid var(--line); }
 .support-head { max-width: 720px; margin-bottom: 36px; }
 .support-head .eyebrow { color: var(--aqua-strong, #0a8a78); margin-bottom: 12px; }
 .support-head h3 {
 font-family: 'Horizon', Impact, sans-serif; font-weight: 700; text-transform: uppercase;
 font-size: clamp(24px, 2.8vw, 34px); line-height: 1; margin: 0 0 12px;
 color: var(--ink); letter-spacing: 0.005em;
 }
 .support-head p { font-size: 15.5px; line-height: 1.55; color: var(--muted); margin: 0; max-width: 560px; }
 .support-body { display: grid; gap: 32px; grid-template-columns: 1fr; }
 .support-photo {
 position: relative; border-radius: 16px; background-size: cover; background-position: center;
 min-height: 260px; overflow: hidden;
 }
 .support-photo .tag {
 position: absolute; left: 16px; bottom: 16px;
 font: 800 10px/1 'Poppins'; letter-spacing: 0.16em; text-transform: uppercase;
 color: #fff; background: rgba(18,3,42,0.6); padding: 8px 12px; border-radius: 999px;
 backdrop-filter: blur(6px);
 }
 .s-grid {
 display: grid; gap: 16px;
 grid-template-columns: 1fr;
 }
 .s-item {
 padding: 22px 20px; border: 1px solid var(--line); border-radius: 14px;
 background: #fff;
 display: flex; flex-direction: column; gap: 6px;
 }
 .s-icon { color: var(--aqua); width: 40px; height: 40px; display: grid; place-items: center; margin-bottom: 4px; }
 .s-icon svg { width: 40px; height: 40px; }
 .s-item h4 { font: 800 15px/1.3 'Poppins'; letter-spacing: 0.01em; margin: 0; color: var(--ink); text-transform: none; }
 .s-item p { font-size: 13.5px; line-height: 1.5; color: var(--muted); margin: 0; }
 @media (min-width: 880px) {
 .support-body { grid-template-columns: 1.1fr 1fr; gap: 36px; align-items: start; }
 .support-photo { min-height: 100%; }
 .s-grid { grid-template-columns: 1fr 1fr; gap: 18px; }
 }

 .price-rail { display: grid; gap: 18px; grid-template-columns: 1fr; }
 .p-card {
 background: #fff; border-radius: 18px; overflow: hidden;
 border: 1px solid var(--line);
 display: flex; flex-direction: column;
 transition: transform 260ms ease, box-shadow 260ms ease, border-color 260ms ease;
 position: relative;
 }
 .p-card::after {
 content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px;
 background: linear-gradient(90deg, var(--pink), var(--aqua));
 transform: scaleX(0); transform-origin: left center;
 transition: transform 360ms ease;
 }
 .p-card:hover { transform: translateY(-6px); box-shadow: 0 36px 72px -28px rgba(255,30,149,0.28), 0 18px 36px -20px rgba(18,3,42,0.18); border-color: rgba(255,30,149,0.35); }
 .p-card:hover::after { transform: scaleX(1); }
 .p-card .ph { aspect-ratio: 4/3; background-size: cover; background-position: center; }
 .p-card .body { padding: 26px 26px 30px; }
 .p-card .price-line {
 font-family: 'Horizon', Impact, sans-serif; font-weight: 700;
 font-size: clamp(22px, 2.4vw, 30px); text-transform: uppercase; letter-spacing: 0.005em;
 margin: 0 0 14px; color: var(--ink);
 display: flex; align-items: baseline; gap: 8px; flex-wrap: nowrap;
 white-space: nowrap;
 }
 .p-card .price-line .to { color: var(--pink); font-weight: 700; flex: 0 0 auto; font-size: 0.62em; text-transform: lowercase; align-self: center; letter-spacing: 0.02em; padding: 0 2px; }
 .p-card h3 {
 font: 800 14.5px/1.4 'Poppins'; margin: 0 0 6px; letter-spacing: 0.01em; color: var(--ink);
 }
 .p-card .desc { font-size: 13.5px; line-height: 1.55; color: var(--muted); margin: 0; font-weight: 500; }
 @media (min-width: 880px) {
 .price-rail { grid-template-columns: repeat(3, 1fr); gap: 24px; }
 }

 /* ═══════════════════════════════════════════════════════════
 GALLERY
 ═══════════════════════════════════════════════════════════ */
 .gallery { background: #fff; }

/* ── Technical credentials strip (above gallery) ── */
.creds {
 margin: 32px 0 56px;
 padding: 40px 40px 44px;
 border-radius: 22px;
 background: #f5f5f7;
 border: 1px solid rgba(18,3,42,0.08);
 position: relative;
 overflow: hidden;
}
.creds::before {
 content: "";
 position: absolute;
 inset: 0;
 background:
 radial-gradient(circle at 100% 0%, rgba(255, 62, 181, 0.06), transparent 40%),
 radial-gradient(circle at 0% 100%, rgba(32, 253, 226, 0.05), transparent 40%);
 pointer-events: none;
}
.creds > * { position: relative; z-index: 1; }
.creds-grid {
 display: grid;
 grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
 gap: 44px;
 align-items: start;
}
.creds-head .creds-eyebrow {
 display: inline-block;
 font: 700 11px/1 'Poppins';
 letter-spacing: 0.18em;
 text-transform: uppercase;
 color: var(--pink);
 margin-bottom: 16px;
 padding: 6px 12px;
 background: rgba(255,62,181,0.08);
 border-radius: 999px;
}
.creds-head h3 {
 font-family: 'Horizon', Impact, sans-serif;
 font-size: clamp(22px, 2.3vw, 28px);
 font-weight: 700;
 line-height: 1.1;
 color: var(--ink);
 margin: 0 0 14px;
 text-transform: uppercase;
 letter-spacing: 0.005em;
}
.creds-head h3 .nw { white-space: nowrap; }
@media (max-width: 720px) {
 .creds-head h3 .nw { white-space: normal; }
}
.creds-head p {
 font: 400 15px/1.55 'Poppins';
 color: var(--muted);
 max-width: 460px;
 margin: 0 0 24px;
}
.creds-list {
 list-style: none;
 padding: 0;
 margin: 0;
 display: grid;
 gap: 10px;
 font: 400 13.5px/1.5 'Poppins';
 color: var(--ink);
}
.creds-list li {
 position: relative;
 padding-left: 20px;
}
.creds-list li::before {
 content: "";
 position: absolute;
 left: 2px;
 top: 9px;
 width: 6px; height: 6px;
 border-radius: 50%;
 background: var(--ink);
}
.creds-list li b { font-weight: 700; }
.creds-certs {
 background: #fff;
 border-radius: 16px;
 padding: 28px 28px 24px;
 border: 1px solid rgba(18,3,42,0.08);
 box-shadow: 0 12px 32px -16px rgba(18,3,42,0.12);
 margin-right: 64px;
}
.creds-right {
 display: flex;
 flex-direction: column;
 gap: 0;
 margin-top: 150px;
}
.creds-au-badge {
 margin-right: 64px;
 margin-top: 16px;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 28px;
 max-width: 100%;
}
.creds-au-badge img {
 display: block;
 height: 90px;
 width: auto;
 flex: 0 0 auto;
 object-fit: contain;
}
@media (max-width: 860px) {
 .creds-right { margin-top: 0; }
 .creds-au-badge { margin-right: 0; }
}
.creds-certs-label {
 font: 700 11px/1 'Poppins';
 letter-spacing: 0.18em;
 text-transform: uppercase;
 color: var(--muted);
 margin-bottom: 20px;
 padding-bottom: 16px;
 border-bottom: 1px solid rgba(18,3,42,0.08);
}
.creds-certs img {
 display: block;
 width: 100%;
 height: auto;
 margin-bottom: 18px;
}
.creds-note {
 margin: 0;
 font: 400 11.5px/1.4 'Poppins';
 color: var(--muted);
 white-space: nowrap;
}
@media (max-width: 860px) {
 .creds-note { white-space: normal; font-size: 12px; }
}
@media (max-width: 860px) {
 .creds { padding: 24px; margin: 20px 0 36px; }
 .creds-grid { grid-template-columns: 1fr; gap: 28px; }
 .creds-certs { padding: 18px; margin-right: 0; }
}

/* Multi-zone dimmer feature image */
.creds-feature {
 grid-column: 1 / -1;
 margin-top: 32px;
 border-radius: 18px;
 overflow: hidden;
 background: #fff;
 border: 1px solid rgba(18,3,42,0.08);
 box-shadow: 0 16px 40px -20px rgba(18,3,42,0.18);
 position: relative;
}
.creds-feature img {
 display: block;
 width: 100%;
 height: auto;
}

 /* Reviews / Okendo-style */
 .reviews { background: #fff; color: var(--navy); padding-top: 0; padding-bottom: 24px; }
 .reviews .wrap { max-width: 1280px; margin: 0 auto; }
 .reviews .section-head h2 { color: var(--navy); }
 .reviews .section-head .lede { color: rgba(0,0,0,0.65); }
 .reviews-placeholder { margin-top: 48px; }

 .rv-summary {
 display: grid; grid-template-columns: 1fr; gap: 40px;
 padding-bottom: 40px; border-bottom: 1px solid rgba(0,0,0,0.1);
 margin-bottom: 40px;
 }
 @media (min-width: 880px) { .rv-summary { grid-template-columns: 1.1fr 1fr; gap: 64px; } }

 .rv-score { display: flex; align-items: baseline; gap: 16px; margin-bottom: 8px; }
 .rv-score-num { font: 800 56px/1 'Poppins'; color: var(--navy); letter-spacing: -0.02em; }
 .rv-score-stars { color: var(--pink); font-size: 28px; letter-spacing: 2px; }
 .rv-score-meta { font: 500 14px/1.4 'Poppins'; color: rgba(0,0,0,0.65); margin-bottom: 20px; }
 .rv-score-meta b { color: var(--navy); font-weight: 700; }
 .rv-bars { display: grid; gap: 8px; max-width: 420px; }
 .rv-bar { display: grid; grid-template-columns: 28px 1fr 36px; align-items: center; gap: 12px; font: 600 12px/1 'Poppins'; color: rgba(0,0,0,0.7); }
 .rv-bar-lbl { color: var(--pink); }
 .rv-bar-track { height: 6px; border-radius: 999px; background: rgba(0,0,0,0.08); overflow: hidden; }
 .rv-bar-fill { height: 100%; background: var(--navy); border-radius: 999px; }
 .rv-bar-num { text-align: right; color: rgba(0,0,0,0.55); }

 .rv-ugc-lbl { font: 700 12px/1 'Poppins'; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(0,0,0,0.55); margin-bottom: 14px; }
 .rv-ugc-strip { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; }
 .rv-ugc-tile { aspect-ratio: 1; background-size: cover; background-position: center; border-radius: 4px; }
 .rv-ugc-more {
 background: var(--navy); color: #fff;
 display: flex; align-items: center; justify-content: center;
 font: 800 13px/1 'Poppins'; letter-spacing: 0.02em;
 }

 .rv-grid { display: grid; grid-template-columns: 1fr; gap: 20px; }
 @media (min-width: 720px) { .rv-grid { grid-template-columns: repeat(2, 1fr); } }
 @media (min-width: 1100px) { .rv-grid { grid-template-columns: repeat(4, 1fr); gap: 16px; } }

 .rv-card {
 background: #fff; border: 1px solid rgba(0,0,0,0.1); border-radius: 12px;
 padding: 20px; display: flex; flex-direction: column; gap: 12px;
 transition: box-shadow 200ms ease, transform 200ms ease;
 }
 .rv-card:hover { box-shadow: 0 12px 32px rgba(0,0,0,0.08); transform: translateY(-2px); }
 .rv-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
 .rv-card-name { font: 700 13px/1.3 'Poppins'; color: var(--navy); display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
 .rv-verified { font: 600 10px/1 'Poppins'; color: var(--pink); letter-spacing: 0.04em; }
 .rv-card-product { font: 500 11px/1.4 'Poppins'; color: rgba(0,0,0,0.55); margin-top: 3px; }
 .rv-card-stars { color: var(--pink); font-size: 13px; letter-spacing: 1px; flex-shrink: 0; }
 .rv-card-title { font: 800 15px/1.3 'Poppins'; color: var(--navy); margin: 0; }
 .rv-card-body { font: 400 13px/1.5 'Poppins'; color: rgba(0,0,0,0.75); margin: 0; }
 .rv-card-photo { height: 140px; background-size: cover; background-position: center; border-radius: 8px; }
 .rv-card-foot { font: 500 11px/1 'Poppins'; color: rgba(0,0,0,0.45); margin-top: auto; }

 .rv-foot { margin-top: 40px; display: flex; flex-direction: column; align-items: center; gap: 12px; }
 .rv-foot .btn--ghost-d { color: var(--navy); border-color: rgba(0,0,0,0.2); }
 .rv-foot .btn--ghost-d:hover { background: var(--navy); color: #fff; }
 .rv-foot-note { font: 500 11px/1 'Poppins'; color: rgba(0,0,0,0.45); letter-spacing: 0.04em; }

 
 .gal-grid {
 display: grid; gap: 12px;
 grid-template-columns: repeat(2, 1fr);
 }
 .gal-tile {
 aspect-ratio: 1; background-size: cover; background-position: center;
 border-radius: 12px; overflow: hidden; position: relative;
 transition: transform 300ms ease;
 }
 .gal-tile:hover { transform: scale(1.02); }
 .gal-tile::after {
 content:''; position: absolute; inset: 0;
 background: linear-gradient(180deg, transparent 55%, rgba(18,3,42,0.7) 100%);
 opacity: 0; transition: opacity 260ms ease;
 }
 .gal-tile:hover::after { opacity: 1; }
 .gal-tile .cap {
 position: absolute; left: 14px; right: 14px; bottom: 14px;
 color: #fff; font: 700 12px/1.35 'Poppins'; letter-spacing: 0.06em; text-transform: uppercase;
 opacity: 0; transform: translateY(8px); transition: opacity 260ms ease, transform 260ms ease;
 z-index: 2;
 display: flex; flex-direction: column; gap: 4px;
 }
 .gal-tile .cap .cap-name { color: #fff; font-weight: 800; letter-spacing: 0.04em; }
 .gal-tile .cap .cap-city { color: var(--aqua); font-size: 10.5px; font-weight: 600; letter-spacing: 0.12em; }
 .gal-tile:hover .cap { opacity: 1; transform: translateY(0); }
 .gal-tile.wide { grid-column: span 2; aspect-ratio: 2/1; }
 .gal-video { display: block; cursor: pointer; }
 .gal-video::before {
 content: ''; position: absolute; inset: 0;
 background: linear-gradient(180deg, rgba(18,3,42,0.15) 0%, rgba(18,3,42,0.55) 100%);
 z-index: 1; transition: opacity 260ms ease;
 }
 .gal-play {
 position: absolute; left: 50%; top: 50%;
 transform: translate(-50%, -50%);
 width: 76px; height: 76px; z-index: 3;
 filter: drop-shadow(0 6px 20px rgba(0,0,0,0.5));
 transition: transform 220ms ease;
 }
 .gal-video:hover .gal-play { transform: translate(-50%, -50%) scale(1.08); }
 .gal-video-cap { opacity: 1 !important; transform: none !important; z-index: 3; }
 /* Modal */
 .video-modal {
 position: fixed; inset: 0; background: rgba(0,0,0,0.85);
 display: none; align-items: center; justify-content: center;
 z-index: 1000; padding: 24px;
 }
 .video-modal.open { display: flex; }
 .video-modal-inner {
 width: 100%; max-width: 1100px; aspect-ratio: 16/9;
 position: relative; background: #000; border-radius: 12px; overflow: hidden;
 }
 .video-modal iframe { width: 100%; height: 100%; border: 0; }
 .video-modal-close {
 position: absolute; top: -44px; right: 0;
 background: transparent; border: 0; color: #fff;
 font: 800 14px/1 'Poppins'; letter-spacing: 0.14em; text-transform: uppercase;
 cursor: pointer; padding: 8px 12px;
 }
 
 @media (min-width: 720px) {
 .gal-grid { grid-template-columns: repeat(4, 1fr); gap: 14px; }
 .gal-tile.wide { grid-column: span 2; aspect-ratio: 2/1; }
 .gal-tile.tall { grid-row: span 2; aspect-ratio: 1/2; }
 }

 /* ═══════════════════════════════════════════════════════════
 WHAT PEOPLE ASK US
 ═══════════════════════════════════════════════════════════ */
 .ask { background: var(--navy); color: #fff; position: relative; overflow: hidden; isolation: isolate; }
 .ask::before { content:''; position: absolute; inset: 0; background: url('lp-kon-grain.svg'); mix-blend-mode: screen; opacity: 0.25; pointer-events: none; z-index: 0; }
 .ask .wrap { position: relative; z-index: 1; }
 .ask .section-head h2 { color: #fff; }
 .ask .section-head .eyebrow { color: var(--aqua); }
 .ask .section-head .lede { color: rgba(255,255,255,0.78); }

 .ask-list { display: grid; gap: 0; max-width: 920px; }
 .ask-item {
 border-top: 1px solid rgba(255,255,255,0.14);
 padding: 22px 0;
 cursor: pointer;
 transition: padding 200ms ease;
 }
 .ask-item:last-child { border-bottom: 1px solid rgba(255,255,255,0.14); }
 .ask-item .q {
 display: flex; align-items: center; justify-content: space-between; gap: 20px;
 font: 800 16px/1.3 'Poppins'; letter-spacing: 0.01em;
 color: #fff;
 }
 .ask-item .plus {
 flex-shrink: 0;
 width: 32px; height: 32px; border-radius: 50%;
 border: 1px solid rgba(255,255,255,0.3);
 display: grid; place-items: center;
 transition: transform 260ms ease, background 200ms ease, border-color 200ms ease;
 }
 .ask-item .plus svg { width: 14px; height: 14px; }
 .ask-item.open .plus { transform: rotate(45deg); background: var(--pink); border-color: var(--pink); }
 .ask-item .a {
 max-height: 0; overflow: hidden;
 transition: max-height 300ms ease, padding-top 260ms ease, opacity 260ms ease;
 color: rgba(255,255,255,0.82); font-size: 15px; line-height: 1.6; opacity: 0;
 }
 .ask-item.open .a { max-height: 240px; padding-top: 14px; opacity: 1; }
 .ask-item .a b { color: var(--aqua); font-weight: 700; }

 /* Express service callout inside FAQ */
 .ask-item.express-callout {
 cursor: default;
 padding: 20px 22px;
 margin: 8px 0;
 border-top: none;
 background: linear-gradient(180deg, rgba(255,62,181,0.10), rgba(255,62,181,0.04));
 border: 1px solid rgba(255,62,181,0.35);
 border-radius: 14px;
 box-shadow: 0 0 40px -20px rgba(255,62,181,0.55) inset;
 }
 .ask-item.express-callout:last-child { border-bottom: 1px solid rgba(255,62,181,0.35); }
 .ask-item.express-callout .express-head {
 font: 800 15px/1.2 'Poppins';
 color: var(--pink);
 text-transform: uppercase;
 letter-spacing: 0.08em;
 margin-bottom: 8px;
 }
 .ask-item.express-callout .express-body {
 font: 500 15px/1.55 'Poppins';
 color: rgba(255,255,255,0.82);
 }
 .ask-item.express-callout .express-body b { color: #fff; font-weight: 700; }
 @media (min-width: 880px) {
 .ask-item { padding: 26px 0; }
 .ask-item .q { font-size: 18px; }
 }

 /* ═══════════════════════════════════════════════════════════
 SECONDARY CTA
 ═══════════════════════════════════════════════════════════ */
 .cta-end {
 background: linear-gradient(90deg, #12032A 0%, #FF3EB5 100%);
 color: #fff; text-align: center; position: relative; overflow: hidden; isolation: isolate;
 }
 .cta-end::before { content:''; position: absolute; inset: 0; background: url('lp-kon-grain.svg'); mix-blend-mode: screen; opacity: 0.3; pointer-events: none; z-index: 0; }
 .cta-end::after {
 content:''; position: absolute; left: 50%; top: 50%; width: 600px; height: 600px;
 transform: translate(-50%, -50%);
 background: none;
 z-index: 0; pointer-events: none;
 }
 .cta-end .wrap { position: relative; z-index: 2; max-width: 820px; }
 .cta-end h2 {
 font-family: 'Horizon', Impact, sans-serif; font-weight: 700; text-transform: uppercase;
 font-size: clamp(36px, 5vw, 64px); line-height: 0.95; margin: 0 0 18px;
 letter-spacing: 0.005em;
 }
 .cta-end p { font-size: 17px; line-height: 1.55; color: rgba(255,255,255,0.85); margin: 0 0 28px; max-width: 760px; margin-left: auto; margin-right: auto; }
 .cta-end .promises {
 display: flex; flex-wrap: wrap; gap: 12px 20px; justify-content: center;
 margin-top: 24px; font-size: 12.5px; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.75); font-weight: 600;
 }
 .cta-end .promises .tick {
 width: 16px; height: 16px; border-radius: 50%; background: var(--aqua); color: var(--navy);
 display: inline-grid; place-items: center; margin-right: 8px; font-size: 10px; font-weight: 900;
 }

 /* ── What happens next timeline (between form & key features) ── */
 .whn {
 position: relative; z-index: 2;
 max-width: 1080px; margin: 56px auto 0;
 padding: 44px 8px 0;
 border-top: 1px solid rgba(255,255,255,0.14);
 }
 .whn-head { text-align: center; margin-bottom: 44px; }
 .whn-eyebrow {
 display: inline-block;
 font: 700 11px/1 'Poppins'; letter-spacing: 0.18em; text-transform: uppercase;
 color: var(--aqua);
 padding: 8px 14px; border: 1px solid rgba(0,232,209,0.32); border-radius: 999px;
 }

 /* New flow: 3 steps with chevron arrows between */
 .whn-flow {
 list-style: none; margin: 0; padding: 0;
 display: grid;
 grid-template-columns: 1fr;
 gap: 28px;
 align-items: start;
 justify-items: center;
 text-align: center;
 }
 .whn-step {
 display: flex; flex-direction: column; align-items: center;
 max-width: 280px;
 }
 .whn-num {
 width: 64px; height: 64px;
 border-radius: 50%;
 display: inline-flex; align-items: center; justify-content: center;
 font-family: 'Poppins', sans-serif;
 font-weight: 800; font-size: 16px;
 letter-spacing: 0.04em;
 color: var(--pink);
 background: transparent;
 border: 2px solid var(--pink);
 box-shadow:
   0 0 0 6px rgba(255,62,181,0.10),
   0 0 24px rgba(255,62,181,0.55),
   0 0 48px rgba(255,62,181,0.28),
   inset 0 0 12px rgba(255,62,181,0.20);
 margin-bottom: 22px;
 }
 .whn-time {
 font-family: 'Horizon', Impact, sans-serif;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 0.005em;
 line-height: 0.95;
 font-size: clamp(28px, 4.2vw, 44px);
 color: #fff;
 margin: 0 0 14px;
 }
 .whn-headline {
 font: 700 14px/1.3 'Poppins', sans-serif;
 color: #fff;
 margin: 0 0 6px;
 letter-spacing: 0.01em;
 }
 .whn-sub {
 font-size: 13px;
 line-height: 1.5;
 color: rgba(255,255,255,0.65);
 margin: 0;
 }

 /* Chevron arrows between steps - hidden on mobile */
 .whn-arrow {
 display: none;
 align-self: start;
 padding-top: 22px;
 height: 64px;
 align-items: center;
 color: var(--aqua);
 font-family: 'Poppins', sans-serif;
 font-weight: 800;
 font-size: 14px;
 letter-spacing: -0.05em;
 line-height: 1;
 opacity: 0.85;
 filter: drop-shadow(0 0 8px rgba(0,232,209,0.45));
 user-select: none;
 }

 @media (min-width: 760px) {
 .whn-flow {
 grid-template-columns: 1fr auto 1fr auto 1fr;
 gap: 16px;
 align-items: start;
 }
 .whn-arrow { display: inline-flex; }
 }

 /* ── Key features grid (below the form, inside the gradient section) ── */
 .kf {
 position: relative; z-index: 2;
 max-width: 896px; margin: 88px auto 0;
 padding: 56px 28px 8px;
 border-top: 1px solid rgba(255,255,255,0.14);
 }
 .kf-head {
 display: flex; flex-direction: column; align-items: center;
 gap: 10px; margin-bottom: 44px; text-align: center;
 }
 .kf-sub {
 order: 1;
 font-size: 12px; letter-spacing: 0.22em; text-transform: uppercase;
 color: rgba(255,255,255,0.55); font-weight: 600;
 white-space: nowrap;
 }
 .kf-eyebrow {
 order: 2;
 font-family: 'Horizon', Impact, sans-serif;
 font-size: clamp(28px, 3.4vw, 44px);
 letter-spacing: 0.02em;
 color: #ffffff;
 text-transform: uppercase;
 margin: 0;
 line-height: 1;
 }
 .kf-eyebrow::after {
 content: '';
 display: block;
 width: 56px; height: 2px;
 background: var(--aqua);
 margin: 18px auto 0;
 }
 .kf-grid {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 16px;
 }
 .kf-item {
 position: relative;
 display: flex; flex-direction: column; align-items: center; justify-content: center;
 gap: 16px;
 padding: 24px 14px 22px;
 background: linear-gradient(180deg, #1a0840 0%, #12032A 100%);
 border: 1px solid rgba(255,255,255,0.12);
 border-radius: 20px;
 aspect-ratio: 1 / 1;
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,0.10),
 0 12px 32px -22px rgba(0,0,0,0.65);
 transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1),
 box-shadow 260ms cubic-bezier(0.22, 1, 0.36, 1),
 border-color 260ms cubic-bezier(0.22, 1, 0.36, 1);
 overflow: hidden;
 }
 .kf-item::before {
 /* aqua hairline accent on bottom */
 content: '';
 position: absolute;
 left: 50%; bottom: 0;
 width: 0; height: 2px;
 background: var(--aqua);
 transform: translateX(-50%);
 transition: width 320ms cubic-bezier(0.22, 1, 0.36, 1);
 pointer-events: none;
 z-index: 2;
 }
 .kf-item::after {
 /* pink neon glow on hover (KoN signature) */
 content: '';
 position: absolute;
 inset: 0;
 border-radius: inherit;
 box-shadow:
 0 0 24px rgba(255,62,181,0.55),
 0 0 72px rgba(255,62,181,0.35);
 opacity: 0;
 transition: opacity 320ms cubic-bezier(0.22, 1, 0.36, 1);
 pointer-events: none;
 z-index: 0;
 }
 .kf-item:hover {
 transform: translateY(-4px);
 border-color: rgba(255,62,181,0.40);
 }
 .kf-item:hover::after { opacity: 1; }
 .kf-item:hover::before { width: 56px; }
 .kf-icon {
 position: relative;
 z-index: 1;
 width: 68px; height: 68px;
 display: flex; align-items: center; justify-content: center;
 }
 .kf-icon img {
 width: 100%; height: 100%;
 display: block;
 object-fit: contain;
 filter: drop-shadow(0 0 14px rgba(32,253,226,0.30));
 transition: filter 260ms cubic-bezier(0.22, 1, 0.36, 1);
 }
 .kf-item:hover .kf-icon img {
 filter:
 drop-shadow(0 0 18px rgba(32,253,226,0.55))
 drop-shadow(0 0 32px rgba(255,62,181,0.30));
 }
 .kf-label {
 position: relative;
 z-index: 1;
 font-family: 'Poppins', 'Aeonik', 'Inter', sans-serif;
 font-weight: 700;
 font-size: 12px;
 line-height: 1.3;
 letter-spacing: 0.04em;
 text-transform: uppercase;
 color: #ffffff;
 text-align: center;
 max-width: 100%;
 text-wrap: balance;
 }
 @media (max-width: 900px) {
 .kf { margin-top: 56px; padding: 32px 4px 0; }
 .kf-grid { grid-template-columns: repeat(4, 1fr); gap: 10px; }
 .kf-item { padding: 14px 8px; aspect-ratio: auto; min-height: 140px; }
 .kf-label { font-size: 11px; }
 }
 @media (max-width: 480px) {
 .kf-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
 .kf-item { padding: 16px 10px; aspect-ratio: auto; min-height: 150px; }
 .kf-label { font-size: 12px; }
 }

 /* ── Embedded quote form ── */
 position: relative; z-index: 2;
 max-width: 720px; margin: 40px auto 0;
 background: #12032A;
 border: 1px solid rgba(255,255,255,0.14);
 border-radius: 22px;
 padding: 28px 24px 24px;
 text-align: left;
 box-shadow: 0 40px 80px -24px rgba(0,0,0,0.5);
 }
 .qf-head { display: flex; flex-direction: column; gap: 10px; margin-bottom: 22px; }
 .qf-progress { height: 4px; background: rgba(255,255,255,0.12); border-radius: 4px; overflow: hidden; }
 .qf-progress-bar { height: 100%; width: 20%; background: linear-gradient(90deg, var(--pink), var(--aqua)); border-radius: 4px; transition: width 360ms cubic-bezier(.2,.7,.2,1); }
 .qf-meta { font: 700 11px/1 'Poppins'; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.65); display: flex; align-items: center; gap: 6px; }
 .qf-meta .slash { opacity: 0.5; }
 .qf-meta-label { color: rgba(255,255,255,0.45); margin-left: 6px; letter-spacing: 0.08em; }

 .qf-stage { position: relative; min-height: 280px; }
 .qf-slide { display: none; animation: qfFade 320ms cubic-bezier(.2,.7,.2,1); }
 .qf-slide.is-active { display: block; }
 @keyframes qfFade {
 from { opacity: 0; transform: translateY(10px); }
 to { opacity: 1; transform: translateY(0); }
 }
 .qf-q {
 font: 800 22px/1.25 'Poppins'; color: #fff; margin: 0 0 6px;
 letter-spacing: -0.005em;
 }
 .qf-q .req { color: var(--pink); margin-left: 2px; }
 .qf-hint { font-size: 14px; line-height: 1.5; color: var(--aqua); margin: 0 0 22px; font-weight: 500; }

 .qf-choices { display: grid; gap: 10px; }
 .qf-choices--grid { grid-template-columns: 1fr; }
 @media (min-width: 620px) {
 .qf-choices--grid { grid-template-columns: 1fr 1fr; }
 }
 .qf-choice {
 display: flex; align-items: center; gap: 14px;
 padding: 14px 16px;
 border: 1px solid rgba(255,255,255,0.14);
 border-radius: 12px;
 cursor: pointer;
 background: rgba(255,255,255,0.02);
 transition: border-color 180ms ease, background 180ms ease, transform 120ms ease;
 }
 .qf-choice:hover { border-color: rgba(255,255,255,0.32); background: rgba(255,255,255,0.04); }
 .qf-choice input { position: absolute; opacity: 0; pointer-events: none; }
 .qf-choice .dot {
 width: 20px; height: 20px; border-radius: 50%;
 border: 1.5px solid rgba(255,255,255,0.45);
 background: #fff;
 flex-shrink: 0; position: relative;
 transition: border-color 160ms ease, background 160ms ease;
 }
 .qf-choice .lbl { font: 700 15px/1.3 'Poppins'; color: #fff; display: flex; flex-direction: column; gap: 3px; }
 .qf-choice .lbl .sub { font-weight: 500; font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; color: rgba(255,255,255,0.55); }
 .qf-choice input:checked + .dot {
 background: linear-gradient(135deg, var(--pink), var(--aqua));
 border-color: transparent;
 box-shadow: 0 0 0 3px rgba(255,62,181,0.22);
 }
 .qf-choice:has(input:checked) {
 border-color: var(--pink);
 background: rgba(255,62,181,0.08);
 }

 .qf-text, .qf-input {
 width: 100%; box-sizing: border-box;
 background: rgba(255,255,255,0.04);
 border: 1px solid rgba(255,255,255,0.16);
 border-radius: 12px;
 color: #fff; font: 500 15px/1.5 'Poppins';
 padding: 14px 16px;
 transition: border-color 180ms ease, background 180ms ease;
 }
 .qf-text { resize: vertical; min-height: 110px; }
 .qf-text::placeholder, .qf-input::placeholder { color: rgba(255,255,255,0.38); }
 .qf-text:focus, .qf-input:focus { outline: none; border-color: var(--aqua); background: rgba(255,255,255,0.07); }
 .qf-fields { display: grid; gap: 12px; }

 .qf-done { text-align: center; padding-top: 8px; }
 .qf-done .qf-q { text-align: center; }
 .qf-done .qf-hint { text-align: center; max-width: 440px; margin-left: auto; margin-right: auto; }
 .qf-tick {
 width: 64px; height: 64px; border-radius: 50%;
 background: linear-gradient(135deg, var(--pink), var(--aqua));
 color: #fff; font-weight: 900; font-size: 30px;
 display: grid; place-items: center; margin: 0 auto 18px;
 box-shadow: 0 20px 40px -10px rgba(255,62,181,0.5);
 }

 .qf-foot {
 display: flex; justify-content: flex-end; gap: 12px;
 margin-top: 24px; padding-top: 22px;
 border-top: 1px solid rgba(255,255,255,0.1);
 }
 .qf-btn {
 appearance: none; border: 0; cursor: pointer;
 font: 800 14px/1 'Poppins'; letter-spacing: 0.01em;
 padding: 14px 26px; border-radius: 12px;
 transition: transform 120ms ease, box-shadow 200ms ease, opacity 180ms ease;
 color: #fff; position: relative;
 }
 .qf-btn span { position: relative; z-index: 1; }
 .qf-back {
 background: rgba(255,255,255,0.06);
 border: 1px solid rgba(255,255,255,0.18);
 }
 .qf-back:hover { background: rgba(255,255,255,0.1); }
 .qf-back:disabled, .qf-back[aria-hidden="true"] { opacity: 0; pointer-events: none; }
 .qf-next {
 background: linear-gradient(135deg, var(--pink) 0%, var(--aqua) 100%);
 box-shadow: 0 14px 28px -10px rgba(255,62,181,0.55);
 min-width: 120px;
 }
 .qf-next:hover { transform: translateY(-1px); box-shadow: 0 20px 36px -10px rgba(255,62,181,0.65); }
 .qf-next:disabled { opacity: 0.45; cursor: not-allowed; box-shadow: none; transform: none; }

 @media (min-width: 720px) {
 .qf { padding: 36px 36px 28px; }
 .qf-q { font-size: 26px; }
 .qf-btn { padding: 16px 30px; font-size: 15px; }
 }

 /* ═══════════════════════════════════════════════════════════
 FOOTER
 ═══════════════════════════════════════════════════════════ */
 :where(.lp-managed-service) footer {
 background: var(--navy); color: rgba(255,255,255,0.8);
 padding: 48px 20px 24px;
 border-top: 1px solid var(--line-d);
 }
 :where(.lp-managed-service) footer .foot-wrap { max-width: 1280px; margin: 0 auto; display: grid; gap: 36px; grid-template-columns: 1fr; }
 :where(.lp-managed-service) footer h5 { font: 800 11px/1 'Poppins'; letter-spacing: 0.12em; text-transform: uppercase; color: #fff; margin: 0 0 14px; }
 :where(.lp-managed-service) footer ul { list-style: none; padding: 0; margin: 0; }
 :where(.lp-managed-service) footer li { margin-bottom: 8px; font-size: 13px; }
 :where(.lp-managed-service) footer a:hover { color: var(--pink); }
 :where(.lp-managed-service) footer .badge-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
 :where(.lp-managed-service) footer .badge {
 display: inline-flex; align-items: center; gap: 8px;
 padding: 7px 12px; border: 1px solid rgba(255,255,255,0.16); border-radius: 999px;
 font-size: 11.5px; letter-spacing: 0.06em; color: #fff;
 }
 :where(.lp-managed-service) footer .badge .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--aqua); }
 :where(.lp-managed-service) footer .foot-brand img { height: 22px; filter: brightness(0) invert(1); margin-bottom: 18px; }
 :where(.lp-managed-service) footer .foot-brand p { font-size: 13px; line-height: 1.55; margin: 0 0 14px; color: rgba(255,255,255,0.7); max-width: 360px; }
 :where(.lp-managed-service) footer .foot-bottom {
 max-width: 1280px; margin: 36px auto 0; padding-top: 22px;
 border-top: 1px solid rgba(255,255,255,0.1);
 display: flex; flex-direction: column; gap: 10px; justify-content: space-between; flex-wrap: wrap;
 font-size: 11.5px; color: rgba(255,255,255,0.55); letter-spacing: 0.04em;
 }
 @media (min-width: 880px) {
 :where(.lp-managed-service) footer { padding: 64px 48px 32px; }
 :where(.lp-managed-service) footer .foot-wrap { grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 48px; }
 :where(.lp-managed-service) footer .foot-bottom { flex-direction: row; }
 }

 /* ═══════════════════════════════════════════════════════════
 STICKY MOBILE CTA
 ═══════════════════════════════════════════════════════════ */
 .sticky-cta {
 position: fixed; bottom: 0; left: 0; right: 0; z-index: 40;
 padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
 background: rgba(18,3,42,0.92); backdrop-filter: blur(16px);
 border-top: 1px solid rgba(255,255,255,0.1);
 transform: translateY(100%); transition: transform 300ms ease;
 }
 .sticky-cta.show { transform: translateY(0); }
 .sticky-cta .inner { display: flex; align-items: center; justify-content: space-between; gap: 12px; max-width: 1280px; margin: 0 auto; }
 .sticky-top {
 flex-shrink: 0;
 min-width: 54px; padding: 6px 4px; border-radius: 14px;
 background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.22);
 color: #fff; cursor: pointer;
 display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
 transition: background 160ms ease, transform 160ms ease;
 }
 .sticky-top:hover { background: rgba(255,255,255,0.16); transform: translateY(-2px); }
 .sticky-top svg { width: 16px; height: 16px; }
 .sticky-top-lbl { font: 800 9px/1 'Poppins'; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.85); }
 .sticky-cta .sticky-right { display: flex; align-items: center; gap: 14px; flex: 1; justify-content: flex-end; min-width: 0; }
 .sticky-portrait {
 width: 44px; height: 44px;
 border-radius: 50%;
 flex-shrink: 0;
 background-image: url('lp-specialist-portrait.png');
 background-color: #fff;
 background-size: cover;
 background-position: center 20%;
 box-shadow: 0 0 0 2px rgba(255,255,255,0.2), 0 0 0 4px rgba(255,62,181,0.35);
 order: 2; /* after text (1), before button (3) */
 }
 .sticky-cta .sticky-right .line { order: 1; }
 .sticky-cta .sticky-right .btn { order: 3; }
 .sticky-cta .sticky-right .line { text-align: right; }
 .sticky-cta .line { color: #fff; font-size: 12px; line-height: 1.35; }
 .sticky-cta .line b { font-weight: 800; }
 .sticky-cta .line .aqua { color: var(--aqua); font-weight: 700; font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; display: block; margin-top: 2px; }
 .sticky-cta .btn { height: 46px; padding: 0 16px; font-size: 10.5px; letter-spacing: 0.08em; white-space: nowrap; flex-shrink: 0; }
 .sticky-cta .line { min-width: 0; }
 .sticky-cta .wide-only { display: inline; }
 .sticky-cta .narrow-only { display: none; }
 @media (max-width: 420px) {
 .sticky-cta .wide-only { display: none; }
 .sticky-cta .narrow-only { display: inline; }
 .sticky-cta .btn { padding: 0 14px; font-size: 10px; letter-spacing: 0.06em; }
 .sticky-cta .inner { gap: 10px; padding: 10px 14px; }
 .sticky-cta .sticky-right { gap: 10px; }
 }


 /* ═══════════════════════════════════════════════════════════
 TWEAKS PANEL
 ═══════════════════════════════════════════════════════════ */
 #tweaks { display: none; position: fixed; right: 20px; bottom: 20px; z-index: 200; width: 280px; background: #fff; border-radius: 16px; box-shadow: 0 30px 70px rgba(18,3,42,0.25); padding: 18px; font-family: 'Poppins', sans-serif; font-size: 13px; color: var(--ink); border: 1px solid var(--line); }
 #tweaks.show { display: block; }
 #tweaks h4 { font-family: 'Horizon', Impact, sans-serif; font-weight: 700; font-size: 18px; margin: 0 0 4px; text-transform: uppercase; }
 #tweaks .hint { font-size: 11px; color: var(--muted); margin: 0 0 14px; letter-spacing: 0.04em; }
 #tweaks label { display: block; font: 800 10px/1 'Poppins'; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); margin: 14px 0 8px; }
 #tweaks .opts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
 #tweaks .opts button { padding: 10px 6px; font: 800 10px/1.2 'Poppins'; letter-spacing: 0.06em; text-transform: uppercase; border-radius: 8px; border: 1px solid var(--line); background: #fff; cursor: pointer; color: var(--ink); }
 #tweaks .opts button.on { background: var(--navy); color: #fff; border-color: var(--navy); }
 #tweaks .toggle { display: flex; align-items: center; justify-content: space-between; margin-top: 12px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; cursor: pointer; }
 #tweaks .toggle .lbl { font-weight: 700; font-size: 12px; }
 #tweaks .toggle .sw { width: 34px; height: 20px; background: #ccc; border-radius: 20px; position: relative; transition: background 160ms ease; }
 #tweaks .toggle .sw::after { content:''; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; background: #fff; border-radius: 50%; transition: transform 160ms ease; }
 #tweaks .toggle.on .sw { background: var(--pink); }
 #tweaks .toggle.on .sw::after { transform: translateX(14px); }

 /* Mobile view tweak — frames the page in a 390px-wide phone shell */
 html.mobile-view {
 background: #0a0118;
 background-image:
 radial-gradient(circle at 20% 10%, rgba(255,62,181,0.18), transparent 50%),
 radial-gradient(circle at 80% 90%, rgba(32,253,226,0.14), transparent 50%),
 linear-gradient(180deg, #0a0118 0%, #1a0540 100%);
 background-attachment: fixed;
 padding: 28px 0;
 }
 html.mobile-view body {
 width: 390px;
 max-width: 390px;
 margin: 0 auto;
 border-radius: 44px;
 overflow: hidden;
 box-shadow:
 0 0 0 10px #0a0118,
 0 0 0 12px rgba(255,255,255,0.08),
 0 40px 100px -30px rgba(255,62,181,0.45),
 0 60px 140px -40px rgba(32,253,226,0.25),
 0 30px 80px rgba(0,0,0,0.6);
 position: relative;
 isolation: isolate;
 }
 /* Status bar mock */
 html.mobile-view body::before {
 content: '9:41';
 position: sticky;
 top: 0;
 left: 0;
 right: 0;
 display: block;
 height: 44px;
 line-height: 44px;
 padding: 0 28px;
 font: 700 15px/44px -apple-system, 'Poppins', sans-serif;
 color: #fff;
 background: var(--navy, #12032A);
 z-index: 999;
 letter-spacing: 0.02em;
 }
 /* Notch */
 html.mobile-view body::after {
 content: '';
 position: fixed;
 top: 28px;
 left: 50%;
 transform: translateX(-50%);
 width: 110px;
 height: 28px;
 background: #000;
 border-radius: 0 0 18px 18px;
 z-index: 1000;
 pointer-events: none;
 }
 /* Force mobile breakpoints by constraining viewport-relative units */
 html.mobile-view #tweaks {
 position: fixed;
 right: 20px;
 bottom: 20px;
 z-index: 10001;
 }
 html.mobile-view #stickyCta {
 position: fixed;
 left: 50%;
 transform: translateX(-50%);
 width: 390px;
 max-width: 390px;
 z-index: 998;
 }
 /* Hide scrollbars on the html element so the framing looks clean */
 html.mobile-view::-webkit-scrollbar { width: 8px; }
 html.mobile-view::-webkit-scrollbar-thumb { background: rgba(255,62,181,0.35); border-radius: 4px; }

 /* Utility */
 .no-sticky { margin-bottom: 0; }
 .lp-managed-service { padding-bottom: 0; }
 @media (max-width: 879px) { .lp-managed-service.has-sticky { padding-bottom: 92px; } }
 @media (max-width: 420px) { .lp-managed-service.has-sticky { padding-bottom: 104px; } }

 /* Mobile: kill ALL SVG grain textures. At small sizes the noise dominates
    visually and looks like static. Enumerated because CSS can't target by
    background-image URL. */
 @media (max-width: 720px) {
   .lp-managed-service[data-dir="A"] .hero-grain,
   .lp-managed-service[data-dir="C"] .hero::before,
   .lp-managed-service .how::before,
   .lp-managed-service .how-hero::after,
   .lp-managed-service .side-card .mini-sign::before,
   .lp-managed-service .price-support-section::before,
   .lp-managed-service .ask::before,
   .lp-managed-service .cta-end::before { display: none !important; }
 }

 /* Mobile: shrink the cta-end H2 so it fits in narrow viewports. The
    clamp(36px, 5vw, 64px) min was still overflowing at ~390px viewports. */
 @media (max-width: 480px) {
   .lp-managed-service .cta-end h2 { font-size: clamp(26px, 8vw, 36px) !important; line-height: 1 !important; }
 }

/* ───────────────────────────────────────────────────────────────────────────
   US Support-Team photo grid (lp-ms-support-us)
   Replaces the simple .support-photo block with a 5-cell staff portrait grid
   that links to /pages/about-us. Class names are namespaced (.support-team,
   .stm-*) so they don't conflict with the AU layout — both can coexist.
   ─────────────────────────────────────────────────────────────────────────── */
.lp-managed-service .support-team {
  position: relative; display: block; border-radius: 16px; overflow: hidden;
  min-height: 320px; text-decoration: none; color: #fff;
  isolation: isolate;
  transition: transform 240ms ease, box-shadow 240ms ease;
}
.lp-managed-service .support-team:hover { transform: translateY(-2px); box-shadow: 0 18px 40px rgba(18,3,42,0.18); }
.lp-managed-service .support-team-grid {
  position: absolute; inset: 0;
  display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr);
  gap: 2px;
}
.lp-managed-service .support-team-grid .stm-cell {
  background-size: cover; background-position: center top;
  background-color: #1a0540;
  transition: transform 600ms ease;
}
.lp-managed-service .support-team-grid .stm-cell:nth-child(1) { grid-column: 1 / 2; grid-row: 1 / 3; background-position: center 20%; }
.lp-managed-service .support-team-grid .stm-cell:nth-child(2) { grid-column: 2 / 3; grid-row: 1 / 2; }
.lp-managed-service .support-team-grid .stm-cell:nth-child(3) { grid-column: 3 / 4; grid-row: 1 / 2; }
.lp-managed-service .support-team-grid .stm-cell:nth-child(4) { grid-column: 2 / 3; grid-row: 2 / 3; }
.lp-managed-service .support-team-grid .stm-cell:nth-child(5) { grid-column: 3 / 4; grid-row: 2 / 3; }
.lp-managed-service .support-team:hover .stm-cell { transform: scale(1.04); }
.lp-managed-service .support-team::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(18,3,42,0.15) 0%, rgba(18,3,42,0.85) 100%);
  z-index: 1;
}
.lp-managed-service .support-team-overlay {
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
  padding: 20px 22px 22px;
  display: flex; flex-direction: column; gap: 6px;
}
.lp-managed-service .stm-eyebrow {
  font: 800 10px/1 'Poppins'; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--aqua);
}
.lp-managed-service .stm-h {
  font: 700 18px/1.25 'Poppins'; color: #fff;
  max-width: 420px;
}
.lp-managed-service .stm-cta {
  margin-top: 6px;
  display: inline-flex; align-items: center; gap: 8px;
  font: 800 11px/1 'Poppins'; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--pink);
}
.lp-managed-service .stm-arrow { display: inline-block; transition: transform 200ms ease; }
.lp-managed-service .support-team:hover .stm-arrow { transform: translateX(4px); }
@media (min-width: 880px) {
  .lp-managed-service .support-team { min-height: 420px; }
}