/* Fonts loaded via <link> in landing-multistudio.php <head> for performance */

/* ═══════════════════════════════════════════════════════════════
   LANDING PAGE: POIIKY AI MULTI-STUDIO (ID=49)
   Namespace: lm- | Dark glassmorphism — purple/teal palette
   Design tokens: consistent với POIIKY design system
   ═══════════════════════════════════════════════════════════════ */

/* ─── DESIGN TOKENS ─── */
:root {
  /* Backgrounds */
  --lm-ink: #08080c;
  --lm-ink-1: #0c0c14;
  --lm-ink-2: #121220;
  --lm-ink-3: #1a1a2e;
  /* Glass */
  --lm-g10: rgba(255,255,255,.03);
  --lm-g20: rgba(255,255,255,.05);
  --lm-g30: rgba(255,255,255,.08);
  --lm-g50: rgba(255,255,255,.12);
  /* Borders */
  --lm-bs: rgba(255,255,255,.06);
  --lm-bm: rgba(255,255,255,.10);
  --lm-bh: rgba(255,255,255,.16);
  /* Purple accent (primary) */
  --lm-p100: #e8e0ff;
  --lm-p200: #c4b5fd;
  --lm-p300: #a29bfe;
  --lm-p400: #6c5ce7;
  --lm-pg: rgba(108,92,231,.22);
  --lm-ps: rgba(108,92,231,.08);
  /* Teal accent (secondary) */
  --lm-teal: #00cec9;
  --lm-teal-g: rgba(0,206,201,.18);
  /* Status */
  --lm-green: #00b894;
  --lm-red: #d63031;
  --lm-yellow: #fdcb6e;
  /* Text */
  --lm-t1: #f0f0f5;
  --lm-t2: #9d9db8;
  --lm-t3: #5c5c78;
  --lm-t4: #2e2e44;
  /* Fonts */
  --lm-ff-head: 'Be Vietnam Pro', 'Inter', sans-serif;
  --lm-ff-body: 'Inter', sans-serif;
  /* Easing */
  --lm-ease: cubic-bezier(.4,0,.2,1);
  --lm-expo: cubic-bezier(.16,1,.3,1);
}

/* ─── RESET ─── */
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; overflow-x:hidden; }
body.lm-body { background:var(--lm-ink); color:var(--lm-t1); font-family:var(--lm-ff-body); -webkit-font-smoothing:antialiased; overflow-x:hidden; line-height:1.6; }
a { text-decoration:none; color:inherit; }
img { display:block; max-width:100%; }
button { font-family:inherit; cursor:pointer; border:none; }

/* ─── GLOBAL BG ─── */
.lm-pagebg {
  position:fixed; inset:0; z-index:0;
  background:
    radial-gradient(ellipse 70% 60% at 15% 5%, rgba(108,92,231,.07) 0%, transparent 55%),
    radial-gradient(ellipse 60% 50% at 85% 85%, rgba(0,206,201,.06) 0%, transparent 55%),
    radial-gradient(ellipse 50% 40% at 50% 50%, rgba(162,155,254,.04) 0%, transparent 60%),
    var(--lm-ink);
}
.lm-noise {
  position:fixed; inset:0; z-index:1; pointer-events:none; opacity:.22; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
}

/* ─── LAYOUT ─── */
.lm-wrap { position:relative; z-index:10; }
.lm-container { max-width:1140px; margin:0 auto; padding:0 clamp(16px,4vw,48px); width:100%; }

/* ─── TOPBAR ─── */
.lm-topbar {
  position:fixed; top:0; left:0; right:0; z-index:200; height:58px;
  display:flex; align-items:center; justify-content:space-between;
  padding:0 clamp(16px,4vw,48px);
  background:rgba(8,8,12,.75); backdrop-filter:blur(24px) saturate(180%);
  border-bottom:1px solid var(--lm-bs); transition:all .3s var(--lm-ease);
}
.lm-topbar.scrolled { background:rgba(8,8,12,.95); border-bottom-color:var(--lm-bm); box-shadow:0 4px 30px rgba(0,0,0,.4); }
.lm-logo { display:flex; align-items:center; gap:10px; font-family:var(--lm-ff-head); font-size:1.1rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.lm-logo-mark { width:28px; height:28px; background:conic-gradient(from 180deg,var(--lm-p400),var(--lm-p200),var(--lm-p400)); clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0 75%,0 25%); filter:drop-shadow(0 0 8px var(--lm-pg)); }
.lm-topbar-cta {
  display:inline-flex; align-items:center; gap:8px; padding:10px 24px; border-radius:10px;
  background:linear-gradient(135deg,var(--lm-p400),var(--lm-p300)); color:#fff;
  font-size:.78rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em;
  transition:all .3s; box-shadow:0 4px 20px var(--lm-pg);
}
.lm-topbar-cta:hover { transform:translateY(-2px); box-shadow:0 8px 30px rgba(108,92,231,.45); }

/* ─── SECTION SHARED ─── */
.lm-sec-label { display:flex; align-items:center; gap:12px; margin-bottom:8px; }
.lm-sec-label-line { width:28px; height:2px; background:linear-gradient(90deg,var(--lm-p300),transparent); border-radius:2px; }
.lm-sec-label-text { font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.14em; color:var(--lm-p300); }
.lm-sec-title { font-family:var(--lm-ff-head); font-size:clamp(1.6rem,4vw,2.4rem); font-weight:800; line-height:1.2; color:var(--lm-t1); margin-bottom:16px; }
.lm-sec-sub { font-size:clamp(.95rem,2vw,1.1rem); color:var(--lm-t2); max-width:640px; line-height:1.7; }
section[class^="lm-s-"] { padding:clamp(60px,10vw,100px) 0; }

/* ─── HERO (Section 1) ─── */
.lm-s-hero { min-height:100vh; display:flex; align-items:center; padding-top:80px; position:relative; overflow:hidden; }
.lm-hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
.lm-hero-eyebrow {
  display:inline-flex; align-items:center; gap:8px; padding:6px 16px; border-radius:100px;
  background:var(--lm-g20); border:1px solid var(--lm-p400); font-size:.8rem; color:var(--lm-p200); font-weight:600; margin-bottom:20px;
}
.lm-hero-h1 { font-family:var(--lm-ff-head); font-size:clamp(2rem,5vw,3.2rem); font-weight:900; line-height:1.15; margin-bottom:16px; }
.lm-hero-h1 .lm-grad { background:linear-gradient(135deg,var(--lm-p200),var(--lm-teal)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.lm-hero-sub { font-size:clamp(1rem,2.2vw,1.2rem); color:var(--lm-t2); line-height:1.7; margin-bottom:24px; max-width:520px; }
.lm-hero-ctas { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:28px; }
.lm-hero-proof { display:flex; flex-wrap:wrap; gap:20px; font-size:.85rem; color:var(--lm-t2); }
.lm-hero-proof span { display:flex; align-items:center; gap:6px; }
.lm-hero-visual { position:relative; display:flex; justify-content:center; align-items:center; }
.lm-hero-visual img,.lm-hero-visual video { border-radius:16px; border:1px solid var(--lm-bm); box-shadow:0 20px 60px rgba(0,0,0,.5); max-height:480px; width:100%; object-fit:cover; }
.lm-hero-glow { position:absolute; width:300px; height:300px; border-radius:50%; background:radial-gradient(circle,var(--lm-pg),transparent 70%); filter:blur(60px); z-index:-1; }
#lm-particles { position:absolute; inset:0; z-index:0; pointer-events:none; }


/* ─── BUTTONS (shared) ─── */
.lm-btn {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:14px 32px; border-radius:12px; font-size:.95rem; font-weight:700;
  transition:all .3s var(--lm-ease); position:relative; overflow:hidden;
}
.lm-btn-primary {
  background:linear-gradient(135deg,var(--lm-p400),var(--lm-p300)); color:#fff;
  box-shadow:0 4px 24px var(--lm-pg);
}
.lm-btn-primary:hover { transform:translateY(-2px); box-shadow:0 8px 32px rgba(108,92,231,.5); }
.lm-btn-ghost {
  background:transparent; color:var(--lm-p200); border:1px solid var(--lm-p400);
}
.lm-btn-ghost:hover { background:var(--lm-ps); transform:translateY(-1px); }
.lm-btn-large { padding:18px 40px; font-size:1.05rem; border-radius:14px; }
.lm-btn-full { width:100%; }

/* ─── SOCIAL PROOF BAR (Section 2) ─── */
.lm-s-proof { padding:40px 0; border-bottom:1px solid var(--lm-bs); }
.lm-proof-row { display:flex; justify-content:center; flex-wrap:wrap; gap:32px; }
.lm-proof-item { display:flex; align-items:center; gap:10px; font-size:.95rem; color:var(--lm-t2); }
.lm-proof-num { font-size:1.4rem; font-weight:800; color:var(--lm-p200); font-family:var(--lm-ff-head); }

/* ─── PROBLEM (Section 3) ─── */
.lm-s-problem { background:var(--lm-g10); }
.lm-problem-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:40px; }
.lm-problem-card {
  padding:28px; border-radius:16px; background:var(--lm-g20); border:1px solid var(--lm-bs);
  transition:all .3s var(--lm-ease);
}
.lm-problem-card:hover { border-color:var(--lm-red); background:rgba(214,48,49,.06); }
.lm-problem-icon { font-size:2rem; margin-bottom:12px; }
.lm-problem-label { font-size:1rem; font-weight:700; color:var(--lm-t1); margin-bottom:8px; }
.lm-problem-desc { font-size:.9rem; color:var(--lm-t2); line-height:1.6; }
.lm-problem-cost {
  margin-top:40px; padding:24px 32px; border-radius:14px;
  background:linear-gradient(135deg,rgba(214,48,49,.08),rgba(214,48,49,.03));
  border:1px solid rgba(214,48,49,.2); text-align:center;
}
.lm-problem-cost-big { font-size:1.6rem; font-weight:800; color:var(--lm-red); }

/* ─── SOLUTION (Section 4) ─── */
.lm-solution-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:40px; }
.lm-solution-card {
  padding:32px; border-radius:16px; background:var(--lm-g20); border:1px solid var(--lm-bs);
  text-align:center; transition:all .4s var(--lm-ease); position:relative; overflow:hidden;
}
.lm-solution-card:hover { border-color:var(--lm-p400); transform:translateY(-4px); box-shadow:0 12px 40px var(--lm-ps); }
.lm-solution-card::before {
  content:''; position:absolute; top:-50%; left:-50%; width:200%; height:200%;
  background:radial-gradient(circle,var(--lm-pg),transparent 70%); opacity:0; transition:opacity .4s;
}
.lm-solution-card:hover::before { opacity:1; }
.lm-solution-icon { font-size:2.4rem; margin-bottom:16px; position:relative; z-index:1; }
.lm-solution-name { font-size:1.15rem; font-weight:800; color:var(--lm-p200); margin-bottom:8px; position:relative; z-index:1; }
.lm-solution-desc { font-size:.9rem; color:var(--lm-t2); line-height:1.6; position:relative; z-index:1; }
.lm-solution-bullets { list-style:none; margin-top:14px; text-align:left; position:relative; z-index:1; }
.lm-solution-bullets li { padding:4px 0; font-size:.85rem; color:var(--lm-t2); }
.lm-solution-bullets li::before { content:'✓ '; color:var(--lm-green); font-weight:700; }



/* ─── HOW IT WORKS (Section 5) ─── */
.lm-steps-row { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; margin-top:40px; position:relative; }
.lm-steps-row::before {
  content:''; position:absolute; top:48px; left:16%; right:16%; height:2px;
  background:linear-gradient(90deg,transparent,var(--lm-p400),var(--lm-teal),transparent);
}
.lm-step { text-align:center; position:relative; }
.lm-step-num {
  width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,var(--lm-p400),var(--lm-teal)); color:#fff;
  font-size:1.3rem; font-weight:900; margin:0 auto 16px; position:relative; z-index:2;
  box-shadow:0 4px 20px var(--lm-pg);
}
.lm-step-title { font-size:1.05rem; font-weight:700; color:var(--lm-t1); margin-bottom:6px; }
.lm-step-desc { font-size:.88rem; color:var(--lm-t2); line-height:1.6; }

/* ─── FEATURES GRID (Section 6) ─── */
.lm-features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:40px; }
.lm-feat-card {
  padding:28px; border-radius:14px; background:var(--lm-g20); border:1px solid var(--lm-bs);
  transition:all .3s var(--lm-ease);
}
.lm-feat-card:hover { border-color:var(--lm-p400); background:var(--lm-g30); transform:translateY(-2px); }
.lm-feat-icon { font-size:1.8rem; margin-bottom:12px; }
.lm-feat-title { font-size:1rem; font-weight:700; color:var(--lm-t1); margin-bottom:6px; }
.lm-feat-desc { font-size:.88rem; color:var(--lm-t2); line-height:1.5; }

/* ─── DEMO (Section 7) ─── */
.lm-demo-tabs { display:flex; gap:8px; margin-top:32px; margin-bottom:24px; flex-wrap:wrap; }
.lm-demo-tab {
  padding:10px 22px; border-radius:10px; font-size:.88rem; font-weight:600;
  background:var(--lm-g20); border:1px solid var(--lm-bs); color:var(--lm-t2);
  cursor:pointer; transition:all .3s var(--lm-ease);
}
.lm-demo-tab.active,.lm-demo-tab:hover { background:var(--lm-p400); color:#fff; border-color:var(--lm-p400); }
.lm-demo-panel { display:none; }
.lm-demo-panel.active { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.lm-demo-item { border-radius:14px; overflow:hidden; border:1px solid var(--lm-bs); background:var(--lm-g10); transition:all .3s; }
.lm-demo-item:hover { border-color:var(--lm-p400); }
.lm-demo-item video,.lm-demo-item img { width:100%; aspect-ratio:16/9; object-fit:cover; }
.lm-demo-caption { padding:12px 16px; font-size:.85rem; color:var(--lm-t2); }

/* ─── PRICING (Section 8) ─── */
.lm-s-pricing { background:var(--lm-g10); }
.lm-pricing-box {
  max-width:640px; margin:40px auto 0; padding:40px; border-radius:20px;
  background:var(--lm-g20); border:1px solid var(--lm-p400); position:relative; overflow:hidden;
}
.lm-pricing-box::before {
  content:''; position:absolute; top:-40%; left:-40%; width:180%; height:180%;
  background:radial-gradient(circle,var(--lm-ps),transparent 70%); pointer-events:none;
}
.lm-pricing-anchor { font-size:1.1rem; color:var(--lm-t3); text-decoration:line-through; margin-bottom:4px; position:relative; z-index:1; }
.lm-pricing-current { font-size:2.8rem; font-weight:900; color:var(--lm-p200); font-family:var(--lm-ff-head); position:relative; z-index:1; }
.lm-pricing-save {
  display:inline-block; padding:4px 14px; border-radius:100px; font-size:.78rem; font-weight:700;
  background:var(--lm-green); color:#fff; margin:8px 0 20px; position:relative; z-index:1;
}
.lm-pricing-table { width:100%; border-collapse:collapse; margin:20px 0; position:relative; z-index:1; }
.lm-pricing-table th,.lm-pricing-table td { padding:10px 14px; text-align:left; font-size:.88rem; border-bottom:1px solid var(--lm-bs); }
.lm-pricing-table th { color:var(--lm-t3); font-weight:600; }
.lm-pricing-table .lm-cost-old { color:var(--lm-red); }
.lm-pricing-table .lm-cost-new { color:var(--lm-green); font-weight:700; }
.lm-bonus-list { list-style:none; margin:24px 0; position:relative; z-index:1; }
.lm-bonus-list li { padding:8px 0; font-size:.9rem; color:var(--lm-t2); display:flex; align-items:baseline; gap:8px; }
.lm-bonus-list li .lm-bonus-icon { flex-shrink:0; }
.lm-bonus-val { font-size:.78rem; color:var(--lm-p300); font-weight:600; }
.lm-guarantee-badge {
  display:flex; align-items:center; gap:10px; margin-top:20px; padding:14px 20px;
  border-radius:12px; background:rgba(0,184,148,.08); border:1px solid rgba(0,184,148,.2);
  font-size:.88rem; color:var(--lm-green); position:relative; z-index:1;
}
.lm-payment-note { text-align:center; margin-top:14px; font-size:.82rem; color:var(--lm-t3); position:relative; z-index:1; }

/* ─── TESTIMONIALS (Section 9) ─── */
.lm-reviews-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:20px; margin-top:40px; }
.lm-review-card {
  padding:24px; border-radius:14px; background:var(--lm-g20); border:1px solid var(--lm-bs);
  transition:all .3s var(--lm-ease);
}
.lm-review-card:hover { border-color:var(--lm-p400); }
.lm-review-header { display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.lm-review-avatar { width:40px; height:40px; border-radius:50%; background:var(--lm-p400); display:flex; align-items:center; justify-content:center; color:#fff; font-weight:800; font-size:.9rem; }
.lm-review-name { font-weight:700; font-size:.92rem; }
.lm-review-role { font-size:.78rem; color:var(--lm-t3); }
.lm-review-stars { color:var(--lm-yellow); font-size:.9rem; margin-bottom:8px; }
.lm-review-text { font-size:.88rem; color:var(--lm-t2); line-height:1.6; font-style:italic; }

/* ─── GUARANTEE (Section 10) ─── */
.lm-s-guarantee { text-align:center; }
.lm-guarantee-box {
  max-width:600px; margin:32px auto 0; padding:40px; border-radius:20px;
  background:var(--lm-g20); border:1px solid rgba(0,184,148,.25);
}
.lm-guarantee-shield { font-size:3.5rem; margin-bottom:16px; }
.lm-guarantee-title { font-size:1.3rem; font-weight:800; color:var(--lm-green); margin-bottom:12px; }
.lm-guarantee-desc { font-size:.95rem; color:var(--lm-t2); line-height:1.7; }

/* ─── FAQ (Section 11) ─── */
.lm-faq-list { max-width:720px; margin:40px auto 0; }
.lm-faq-item { border-bottom:1px solid var(--lm-bs); }
.lm-faq-q {
  width:100%; padding:18px 0; background:none; border:none; color:var(--lm-t1);
  font-size:1rem; font-weight:600; text-align:left; cursor:pointer;
  display:flex; justify-content:space-between; align-items:center; transition:color .3s;
}
.lm-faq-q:hover { color:var(--lm-p300); }
.lm-faq-q::after { content:'+'; font-size:1.3rem; color:var(--lm-p400); transition:transform .3s; }
.lm-faq-item.open .lm-faq-q::after { content:'−'; }
.lm-faq-a { max-height:0; overflow:hidden; transition:max-height .4s var(--lm-ease); }
.lm-faq-a-inner { padding:0 0 18px; font-size:.9rem; color:var(--lm-t2); line-height:1.7; }


/* ─── FINAL CTA (Section 12) ─── */
.lm-s-final { text-align:center; background:linear-gradient(180deg,transparent,var(--lm-ps)); }
.lm-final-urgency { font-size:.95rem; color:var(--lm-yellow); margin-bottom:24px; font-weight:600; }
.lm-trust-row { display:flex; justify-content:center; flex-wrap:wrap; gap:20px; margin-top:28px; }
.lm-trust-badge {
  display:flex; align-items:center; gap:6px; padding:8px 16px; border-radius:10px;
  background:var(--lm-g20); border:1px solid var(--lm-bs); font-size:.82rem; color:var(--lm-t2);
}

/* ─── STICKY BAR (Section 13) ─── */
.lm-sticky-bar {
  position:fixed; bottom:0; left:0; right:0; z-index:190;
  padding:12px clamp(16px,4vw,48px); display:flex; align-items:center; justify-content:space-between;
  background:rgba(8,8,12,.92); backdrop-filter:blur(20px); border-top:1px solid var(--lm-bm);
  transform:translateY(100%); transition:transform .4s var(--lm-expo);
}
.lm-sticky-bar.visible { transform:translateY(0); }
.lm-sticky-info { font-size:.92rem; font-weight:600; }
.lm-sticky-price { color:var(--lm-p200); font-weight:800; margin-left:8px; }
.lm-sticky-close {
  position:absolute; top:8px; right:16px; background:none; border:none;
  color:var(--lm-t3); font-size:1.2rem; cursor:pointer; line-height:1;
}

/* ─── EXIT POPUP (Section 14) ─── */
.lm-popup-overlay {
  position:fixed; inset:0; z-index:300; background:rgba(0,0,0,.7); backdrop-filter:blur(6px);
  display:flex; align-items:center; justify-content:center;
  visibility:hidden; opacity:0; pointer-events:none; transition:opacity .3s, visibility .3s;
}
.lm-popup-overlay.show { visibility:visible; opacity:1; pointer-events:auto; }
.lm-popup-box {
  max-width:440px; width:90%; padding:40px 32px; border-radius:20px;
  background:var(--lm-ink-2); border:1px solid var(--lm-p400); text-align:center;
  position:relative; box-shadow:0 20px 60px rgba(0,0,0,.6);
}
.lm-popup-close {
  position:absolute; top:14px; right:18px; background:none; border:none;
  color:var(--lm-t3); font-size:1.5rem; cursor:pointer;
}
.lm-popup-emoji { font-size:3rem; margin-bottom:12px; }
.lm-popup-title { font-size:1.3rem; font-weight:800; color:var(--lm-t1); margin-bottom:8px; }
.lm-popup-body { font-size:.95rem; color:var(--lm-t2); line-height:1.6; margin-bottom:8px; }
.lm-popup-code {
  display:inline-block; padding:6px 20px; border-radius:8px; font-size:1.1rem; font-weight:900;
  background:var(--lm-pg); color:var(--lm-p200); border:1px dashed var(--lm-p400); letter-spacing:.12em; margin:12px 0;
}
.lm-popup-dismiss { display:block; margin:14px auto 0; background:none; border:none; color:var(--lm-t3); font-size:.82rem; cursor:pointer; text-decoration:underline; }


/* ─── FOOTER ─── */
.lm-footer { padding:40px 0; text-align:center; border-top:1px solid var(--lm-bs); }
.lm-footer-text { font-size:.82rem; color:var(--lm-t3); }
.lm-footer a { color:var(--lm-p300); }
.lm-footer a:hover { text-decoration:underline; }

/* ─── SCROLL REVEAL ANIMATION ─── */
.lm-reveal { opacity:0; transform:translateY(30px); transition:opacity .7s var(--lm-expo),transform .7s var(--lm-expo); }
.lm-reveal.revealed { opacity:1; transform:translateY(0); }

/* ─── COUNTER ANIMATION ─── */
@keyframes lm-countUp { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }

/* ─── RESPONSIVE: TABLET ─── */
@media (max-width:1024px) {
  .lm-hero-grid { grid-template-columns:1fr; text-align:center; }
  .lm-hero-sub { margin-left:auto; margin-right:auto; }
  .lm-hero-ctas { justify-content:center; }
  .lm-hero-proof { justify-content:center; }
  .lm-hero-visual { margin-top:32px; }
  .lm-problem-grid { grid-template-columns:1fr 1fr; }
  .lm-solution-grid { grid-template-columns:1fr 1fr; }
  .lm-features-grid { grid-template-columns:1fr 1fr; }
}

/* ─── RESPONSIVE: MOBILE ─── */
@media (max-width:768px) {
  .lm-topbar { height:52px; }
  .lm-topbar-cta { padding:8px 16px; font-size:.72rem; }
  .lm-hero-h1 { font-size:clamp(1.6rem,6vw,2.2rem); }
  .lm-problem-grid,
  .lm-solution-grid,
  .lm-steps-row,
  .lm-features-grid { grid-template-columns:1fr; }
  .lm-steps-row::before { display:none; }
  .lm-demo-panel.active { grid-template-columns:1fr; }
  .lm-pricing-box { padding:28px 20px; }
  .lm-pricing-current { font-size:2.2rem; }
  .lm-sticky-bar { flex-direction:column; gap:8px; text-align:center; }
  .lm-sticky-close { top:4px; right:12px; }
  .lm-popup-box { padding:28px 20px; }
  .lm-trust-row { gap:10px; }
  .lm-trust-badge { font-size:.75rem; padding:6px 12px; }
}

/* ─── RESPONSIVE: SMALL MOBILE ─── */
@media (max-width:480px) {
  .lm-hero-ctas { flex-direction:column; }
  .lm-btn { width:100%; justify-content:center; }
  .lm-proof-row { flex-direction:column; align-items:center; gap:16px; }
}

/* ─── ACCESSIBILITY ─── */
@media (prefers-reduced-motion:reduce) {
  .lm-reveal { opacity:1; transform:none; transition:none; }
  html { scroll-behavior:auto; }
}