/* ============================================================
   ListingClips · Shared Site System
   Used by all sub-pages. Brand-matched to homepage (Inter · gold)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

.lc-landing{
  --white:#FFFFFF; --bg:#F9FAFB; --bg-warm:#FAFAF8; --bg-soft:#F4F5F7;
  --dark:#0F1117; --dark-2:#161A23;
  --ink:#111827; --ink-2:#1F2937; --ink-3:#374151;
  --slate:#4B5563; --slate-2:#6B7280; --muted:#9CA3AF; --muted-2:#C2C7D0;
  --gold:#C9A84C; --gold-dk:#A8892E; --gold-lt:#E4CE86; --gold-deep:#8A6E24;
  --gold-soft:rgba(201,168,76,.12); --gold-soft-2:rgba(201,168,76,.18); --gold-border:rgba(201,168,76,.38);
  --border:#E7E9EE; --border-2:#EDEEF2; --border-warm:#EAE6DB;
  --green:#1F8A5B;
  --shadow-xs:0 1px 2px rgba(16,24,40,.05);
  --shadow:0 1px 3px rgba(16,24,40,.08),0 6px 16px rgba(16,24,40,.05);
  --shadow-md:0 4px 16px rgba(16,24,40,.09),0 18px 44px rgba(16,24,40,.07);
  --shadow-lg:0 12px 36px rgba(16,24,40,.12),0 40px 80px rgba(16,24,40,.10);
  --shadow-gold:0 10px 30px -10px rgba(168,137,46,.45);
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --r-xs:8px; --r:12px; --r-lg:16px; --r-xl:22px; --r-2xl:30px;
  --container:1200px;
  --accent:var(--gold); --accent-dk:var(--gold-dk); --accent-deep:var(--gold-deep);
}
.lc-landing, .lc-landing *{margin:0;padding:0;box-sizing:border-box;}
.lc-landing{scroll-behavior:smooth;scroll-padding-top:88px;}
.lc-landing{font-family:var(--sans);background:var(--white);color:var(--ink);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5;}
  /* overflow-x:hidden intentionally omitted: see NewLandingPage.tsx comment
     on the overflow-x-hidden + overflow-y nested-scroll-container quirk. */
.lc-landing img, .lc-landing video{display:block;max-width:100%;}
.lc-landing a{color:inherit;text-decoration:none;}
.lc-landing button{font-family:inherit;cursor:pointer;border:none;background:none;}
.lc-landing ::selection{background:var(--gold-soft-2);}

/* layout */
.lc-landing .container{width:100%;max-width:var(--container);margin:0 auto;padding:0 32px;}
.lc-landing .section{padding:96px 0;}
.lc-landing .section-sm{padding:64px 0;}
.lc-landing .center{text-align:center;}
.lc-landing .tint{background:var(--bg-warm);}
.lc-landing .dark-sec{background:var(--dark);color:#fff;}

/* type */
.lc-landing .eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--gold-soft);border:1px solid var(--gold-border);
  border-radius:7px;padding:7px 14px;font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);}
.lc-landing .eyebrow svg{width:14px;height:14px;}
.lc-landing .h1{font-size:clamp(38px,5vw,64px);font-weight:800;line-height:1.05;letter-spacing:-.025em;}
.lc-landing .h2{font-size:clamp(30px,3.6vw,48px);font-weight:800;line-height:1.08;letter-spacing:-.02em;}
.lc-landing .h3{font-size:clamp(21px,2.2vw,28px);font-weight:800;line-height:1.18;letter-spacing:-.01em;}
.lc-landing .lede{font-size:clamp(16.5px,1.4vw,20px);color:var(--slate);line-height:1.6;font-weight:400;}
.lc-landing .em{color:var(--accent-dk);}
.lc-landing .dark-sec .em{color:var(--gold-lt);}
.lc-landing .section-head{max-width:680px;margin:0 auto 56px;text-align:center;}
.lc-landing .section-head .h2{margin:18px 0 16px;}
.lc-landing .section-head .lede{margin:0 auto;max-width:580px;}

/* buttons */
.lc-landing .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:15px;letter-spacing:.01em;
  padding:14px 26px;border-radius:11px;transition:transform .16s ease,box-shadow .2s ease,background .2s ease;white-space:nowrap;}
.lc-landing .btn svg{width:18px;height:18px;}
.lc-landing .btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-gold);}
.lc-landing .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px -10px rgba(168,137,46,.55);background:var(--accent-dk);}
.lc-landing .btn-dark{background:var(--dark);color:#fff;}
.lc-landing .btn-dark:hover{transform:translateY(-2px);background:var(--dark-2);}
.lc-landing .btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--border);}
.lc-landing .btn-ghost:hover{border-color:var(--muted-2);background:var(--bg);}
.lc-landing .btn-light{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.25);}
.lc-landing .btn-light:hover{background:rgba(255,255,255,.16);transform:translateY(-2px);}
.lc-landing .btn-lg{padding:17px 32px;font-size:16px;border-radius:13px;}
.lc-landing .btn-block{width:100%;}

/* ---------- NAV (built by site.js) ---------- */
.lc-landing .nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.82);
  backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid transparent;transition:border-color .25s,box-shadow .25s;}
.lc-landing .nav.scrolled{border-color:var(--border);box-shadow:0 4px 20px rgba(16,24,40,.05);}
.lc-landing .nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;}
.lc-landing .nav-inner>a:first-child{flex:none;}
.lc-landing .nav-logo{height:26px;width:auto;}
.lc-landing .nav-links{display:flex;align-items:center;gap:4px;}
.lc-landing .nav-links>a, .lc-landing .nav-drop>button{white-space:nowrap;display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border-radius:9px;font-size:14.5px;
  font-weight:600;color:var(--ink-3);transition:background .15s,color .15s;}
.lc-landing .nav-links>a:hover, .lc-landing .nav-drop>button:hover{background:var(--bg-soft);color:var(--ink);}
.lc-landing .nav-links>a.active{color:var(--gold-deep);}
.lc-landing .nav-drop>button.gold{color:var(--gold-deep);}
.lc-landing .nav-drop>button.gold::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px 1px rgba(201,168,76,.8);}
.lc-landing .nav-drop{position:relative;}
.lc-landing .nav-drop>button svg{width:14px;height:14px;transition:transform .2s;}
.lc-landing .nav-drop:hover>button svg, .lc-landing .nav-drop.open>button svg{transform:rotate(180deg);}
.lc-landing .nav-menu{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%) translateY(6px);
  background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:8px;min-width:280px;
  opacity:0;visibility:hidden;transition:opacity .18s,transform .18s;}
/* .open (not just :hover) is set by Header.tsx with a delayed close, so
   moving the mouse from the button down into the menu doesn't close it. */
.lc-landing .nav-drop:hover .nav-menu, .lc-landing .nav-drop.open .nav-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.lc-landing .nav-menu a{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:10px;transition:background .15s;}
.lc-landing .nav-menu a:hover{background:var(--bg-soft);}
.lc-landing .nav-menu .ic{width:38px;height:38px;border-radius:10px;background:var(--gold-soft);border:1px solid var(--gold-border);
  color:var(--gold-deep);display:flex;align-items:center;justify-content:center;flex:none;}
.lc-landing .nav-menu .ic svg{width:19px;height:19px;}
.lc-landing .nav-menu b{display:block;font-size:14px;font-weight:700;color:var(--ink);}
.lc-landing .nav-menu span{font-size:12.5px;color:var(--slate-2);}
.lc-landing .nav-cta{display:flex;align-items:center;gap:10px;}
.lc-landing .nav-login{padding:11px 20px;border-radius:10px;font-size:14.5px;font-weight:700;border:1px solid var(--border);color:var(--ink);transition:border-color .15s,background .15s;}
.lc-landing .nav-login:hover{border-color:var(--muted-2);background:var(--bg);}
.lc-landing .nav-burger{display:none;width:42px;height:42px;padding:0;border-radius:10px;border:1px solid var(--border);align-items:center;justify-content:center;color:var(--ink);}
.lc-landing .nav-burger svg{width:20px;height:20px;flex-shrink:0;}
.lc-landing .mobile-menu{display:none;}

/* ---------- PAGE HERO band ---------- */
.lc-landing .phero{position:relative;overflow:hidden;background:var(--bg-warm);border-bottom:1px solid var(--border);}
.lc-landing .phero-inner{position:relative;z-index:2;padding:84px 0 76px;text-align:center;max-width:840px;margin:0 auto;}
/* Specificity note: this element carries both "container" and "phero-inner".
   ".lc-landing .container{padding:0 20px}" inside the max-width:560px block
   near the end of this file has EQUAL specificity and comes later, so on a
   phone it overrode the padding above outright — the hero band rendered with
   zero vertical padding and the h1 sat hard against the sticky nav, separated
   only by its own 24px margin. Above 560px the base .container rule precedes
   .phero-inner, so desktop was never affected. The extra ".phero" ancestor
   makes this win regardless of source order, and only padding-top/bottom are
   set so .container keeps owning the side padding. Both clamps reach the full
   84/76px exactly at 560px, so there's no step where the override used to
   kick in. The top clamp floors at 72px (was 44px): with the 73px sticky nav
   above it, the smaller floor left the h1 reading as crowded against the nav
   on a phone, and any residual scroll offset tucked its first line behind the
   translucent bar. */
.lc-landing .phero .phero-inner{padding-top:clamp(72px,47.7px + 6.49vw,84px);padding-bottom:clamp(48px,-8.8px + 15.1vw,76px);}
.lc-landing .phero h1{margin:24px auto 0;max-width:18ch;}
.lc-landing .phero .lede{margin:20px auto 0;max-width:56ch;}
.lc-landing .phero-cta{margin-top:34px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.lc-landing .phero-trust{margin-top:20px;display:flex;gap:22px;justify-content:center;flex-wrap:wrap;color:var(--slate-2);font-size:13.5px;font-weight:500;}
.lc-landing .phero-trust span{display:inline-flex;align-items:center;gap:7px;}
.lc-landing .phero-trust svg{width:15px;height:15px;color:var(--gold-dk);}
/* dark page hero variant */
.lc-landing .phero.dark{background:var(--dark);border-bottom:none;}
.lc-landing .phero.dark .phero-bg{position:absolute;inset:0;z-index:0;}
.lc-landing .phero.dark .phero-bg img, .lc-landing .phero.dark .phero-bg video{width:100%;height:100%;object-fit:cover;}
.lc-landing .phero.dark .phero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,17,23,.74),rgba(15,17,23,.86));}
.lc-landing .phero.dark .phero-inner{color:#fff;}
.lc-landing .phero.dark h1{color:#fff;}
.lc-landing .phero.dark .lede{color:rgba(255,255,255,.82);}
.lc-landing .phero.dark .eyebrow{background:rgba(228,206,134,.14);border-color:rgba(228,206,134,.34);color:var(--gold-lt);}
.lc-landing .phero.dark .em{color:var(--gold-lt);}
.lc-landing .phero.dark .phero-trust{color:rgba(255,255,255,.7);}
.lc-landing .phero.dark .phero-trust svg{color:var(--gold-lt);}

/* ---------- reusable: feature grid ---------- */
.lc-landing .fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.lc-landing .fgrid.two{grid-template-columns:repeat(2,1fr);}
.lc-landing .fcard{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:30px;box-shadow:var(--shadow-xs);
  transition:transform .18s,box-shadow .2s,border-color .2s;}
.lc-landing .fcard:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--gold-border);}
.lc-landing .ficon{width:50px;height:50px;border-radius:13px;background:var(--gold-soft);border:1px solid var(--gold-border);
  display:flex;align-items:center;justify-content:center;color:var(--gold-deep);margin-bottom:18px;}
.lc-landing .ficon svg{width:24px;height:24px;}
.lc-landing .fcard h4{font-size:18px;font-weight:700;color:var(--ink);margin-bottom:8px;}
.lc-landing .fcard p{font-size:14.5px;color:var(--slate-2);line-height:1.55;}
.lc-landing .tag{display:inline-flex;align-items:center;gap:7px;background:var(--gold-soft);border:1px solid var(--gold-border);
  border-radius:99px;padding:6px 13px;font-size:12.5px;font-weight:700;color:var(--gold-deep);letter-spacing:.02em;}
.lc-landing .tag svg{width:14px;height:14px;}

/* ---------- reusable: split (text + media) ---------- */
.lc-landing .split{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center;}
.lc-landing .split.flip .split-copy{order:2;}.lc-landing .split.flip .split-media{order:1;}
.lc-landing .split-copy, .lc-landing .split-media{min-width:0;}
.lc-landing .split-copy h2{margin:16px 0 14px;}
.lc-landing .split-copy>p{font-size:16.5px;color:var(--slate);line-height:1.6;}
.lc-landing .split-media>img, .lc-landing .split-media>video{width:100%;border-radius:var(--r-xl);box-shadow:var(--shadow-lg);}
.lc-landing .checklist{list-style:none;margin-top:22px;display:flex;flex-direction:column;gap:13px;}
.lc-landing .checklist li{display:flex;gap:11px;align-items:flex-start;font-size:15px;color:var(--ink-3);font-weight:500;}
.lc-landing .checklist svg{width:20px;height:20px;color:var(--accent-dk);flex:none;margin-top:1px;}

/* ---------- reusable: stat row ---------- */
.lc-landing .statrow{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.lc-landing .statrow .stat{text-align:center;padding:8px;}
.lc-landing .stat-n{font-size:clamp(32px,3.6vw,48px);font-weight:800;letter-spacing:-.02em;line-height:1;}
.lc-landing .stat-l{margin-top:10px;font-size:14px;color:var(--slate-2);font-weight:500;}
.lc-landing .dark-sec .stat-n{color:#fff;}.lc-landing .dark-sec .stat-n .em{color:var(--gold-lt);}
.lc-landing .dark-sec .stat-l{color:rgba(255,255,255,.62);}

/* ---------- reusable: CTA band ---------- */
.lc-landing .cta{position:relative;overflow:hidden;border-radius:var(--r-2xl);background:var(--dark);color:#fff;
  padding:68px 56px;text-align:center;box-shadow:var(--shadow-lg);}
.lc-landing .cta-bg{position:absolute;inset:0;z-index:0;opacity:.20;}
.lc-landing .cta-bg img{width:100%;height:100%;object-fit:cover;}
.lc-landing .cta::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(120% 120% at 50% 0%,rgba(201,168,76,.22),transparent 60%);}
.lc-landing .cta>*:not(.cta-bg){position:relative;z-index:2;}
.lc-landing .cta h2{color:#fff;max-width:20ch;margin:0 auto 16px;}
.lc-landing .cta p{color:rgba(255,255,255,.78);max-width:50ch;margin:0 auto 30px;font-size:17.5px;}
.lc-landing .cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.lc-landing .cta-micro{margin-top:18px;font-size:13.5px;color:rgba(255,255,255,.6);}

/* ---------- FAQ ---------- */
.lc-landing .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:980px;margin:0 auto;}
.lc-landing .faq{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-xs);
  transition:box-shadow .2s,border-color .2s;height:max-content;}
.lc-landing .faq.open{box-shadow:var(--shadow);border-color:var(--gold-border);}
.lc-landing .faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;text-align:left;font-size:16px;font-weight:700;color:var(--ink);}
.lc-landing .faq-ic{width:30px;height:30px;border-radius:8px;background:var(--gold-soft);color:var(--gold-deep);flex:none;
  display:flex;align-items:center;justify-content:center;transition:transform .25s,background .2s;}
.lc-landing .faq-ic svg{width:17px;height:17px;}
.lc-landing .faq.open .faq-ic{transform:rotate(45deg);background:var(--accent);color:#fff;}
.lc-landing .faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.lc-landing .faq-a-in{padding:0 24px 22px;font-size:15px;color:var(--slate);line-height:1.6;}

/* ---------- forms ---------- */
.lc-landing .form{background:#fff;border:1px solid var(--border);border-radius:var(--r-2xl);padding:36px;box-shadow:var(--shadow-md);}
.lc-landing .field{margin-bottom:20px;}
.lc-landing .field label{display:block;font-size:14px;font-weight:700;color:var(--ink-2);margin-bottom:8px;}
.lc-landing .field input, .lc-landing .field textarea, .lc-landing .field select{width:100%;border:1px solid var(--border);border-radius:11px;padding:14px 16px;font-size:15px;
  font-family:inherit;color:var(--ink);background:var(--white);transition:border-color .15s,box-shadow .15s;}
.lc-landing .field input:focus, .lc-landing .field textarea:focus, .lc-landing .field select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft);}
.lc-landing .field textarea{resize:vertical;min-height:120px;}
.lc-landing .form-note{text-align:center;font-size:13px;color:var(--muted);margin-top:16px;}
.lc-landing .field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}

/* ---------- footer (built by site.js) ---------- */
.lc-landing .footer{background:var(--white);border-top:1px solid var(--border);padding:64px 0 36px;}
.lc-landing .footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:32px;}
.lc-landing .footer-brand img{height:30px;margin-bottom:18px;}
.lc-landing .footer-brand p{font-size:14.5px;color:var(--slate-2);max-width:32ch;line-height:1.6;}
.lc-landing .footer-soc{margin-top:20px;display:flex;gap:10px;}
.lc-landing .footer-soc a{width:38px;height:38px;border-radius:10px;background:var(--bg-soft);display:flex;align-items:center;justify-content:center;color:var(--slate-2);transition:background .15s,color .15s;}
.lc-landing .footer-soc a:hover{background:var(--gold-soft);color:var(--gold-deep);}
.lc-landing .footer-soc svg{width:18px;height:18px;}
.lc-landing .footer-col h5{font-size:13px;font-weight:800;color:var(--ink);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;}
.lc-landing .footer-col a{display:block;font-size:14.5px;color:var(--slate-2);padding:6px 0;transition:color .15s;}
.lc-landing .footer-col a:hover{color:var(--gold-deep);}
.lc-landing .footer-bot{margin-top:48px;padding-top:24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;
  align-items:center;font-size:13.5px;color:var(--muted);flex-wrap:wrap;gap:10px;}
.lc-landing .footer-bot a{color:var(--slate-2);}

/* ---------- sticky CTA bar ----------
   LandingV2PageShell renders this on every ported secondary page (see its
   own comment), but these rules originally shipped only in home.css, which
   is loaded on the homepage route only (see unauth-routes.jsx's per-route
   CSS lists). Every other page never loaded them, so the bar rendered
   completely unstyled: a plain static block sitting inline wherever it fell
   in the DOM (right after the footer) instead of a fixed, dark, bottom
   overlay bar — exactly the "broken footer" look reported on /resources,
   /pricing, etc. Mirrored here verbatim from home.css so it's shared chrome
   like the rest of .lc-landing. */
.lc-landing .sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:90;transform:translateY(110%);
  transition:transform .35s cubic-bezier(.4,0,.2,1);
  background:rgba(15,17,23,.94);backdrop-filter:saturate(180%) blur(14px);border-top:1px solid rgba(255,255,255,.1);}
.lc-landing .sticky-cta.show{transform:translateY(0);}
.lc-landing .sticky-cta-in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:68px;}
.lc-landing .sticky-cta-txt{display:flex;align-items:center;gap:14px;color:#fff;}
.lc-landing .sticky-cta-txt b{font-size:16px;font-weight:700;}
.lc-landing .sticky-cta-txt span{font-size:13.5px;color:rgba(255,255,255,.6);}
.lc-landing .sticky-cta-dot{width:8px;height:8px;border-radius:99px;background:#1F8A5B;box-shadow:0 0 0 4px rgba(31,138,91,.25);flex:none;}
.lc-landing .sticky-cta-actions{display:flex;align-items:center;gap:12px;}
.lc-landing .sticky-cta-close{width:34px;height:34px;border-radius:9px;color:rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;}
.lc-landing .sticky-cta-close:hover{background:rgba(255,255,255,.08);color:#fff;}
.lc-landing .sticky-cta-close svg{width:18px;height:18px;}

/* ---------- reveal ---------- */
.lc-landing .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease;}
.lc-landing .reveal.in{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){.lc-landing .reveal{opacity:1;transform:none;}}

/* ---------- prose (legal / blog post) ---------- */
.lc-landing .prose{max-width:760px;margin:0 auto;}
.lc-landing .prose h2{font-size:24px;font-weight:800;color:var(--ink);margin:38px 0 14px;letter-spacing:-.01em;}
.lc-landing .prose h3{font-size:18px;font-weight:700;color:var(--ink);margin:26px 0 10px;}
.lc-landing .prose p{font-size:16px;color:var(--slate);line-height:1.7;margin-bottom:16px;}
.lc-landing .prose ul{margin:0 0 16px 22px;}
.lc-landing .prose li{font-size:16px;color:var(--slate);line-height:1.7;margin-bottom:8px;}
.lc-landing .prose a{color:var(--gold-deep);font-weight:600;}

/* ---------- responsive ---------- */
@media(max-width:980px){
  .lc-landing .split, .lc-landing .split.flip .split-copy, .lc-landing .split.flip .split-media{grid-template-columns:1fr;order:0;}
  .lc-landing .split{gap:34px;}
  .lc-landing .fgrid{grid-template-columns:1fr 1fr;}
  .lc-landing .footer-top{grid-template-columns:1fr 1fr;gap:28px;}
  .lc-landing .footer-brand{grid-column:span 2;}
  .lc-landing .statrow{grid-template-columns:1fr 1fr;gap:28px 16px;}
}
@media(max-width:1240px){
  .lc-landing .nav-links{display:none;}
  .lc-landing .nav-burger{display:flex;}
  .lc-landing .mobile-menu.open{display:block;position:fixed;inset:72px 0 0;z-index:99;background:#fff;padding:24px 32px;overflow-y:auto;}
  /* Direct-child combinator on purpose: .mm-cta's buttons are `<a>` tags too
     (Link renders as one) but sit one level deeper, inside .mm-cta. A bare
     descendant selector here matched them as well, and — needing only 2
     classes + a type vs. .btn-primary's 2 classes — outranked .btn-primary's
     color:#fff on specificity alone, so "Get Started Free" rendered in the
     nav-link's dark ink color instead of white regardless of source order. */
  .lc-landing .mobile-menu>a{display:block;padding:15px 0;font-size:18px;font-weight:700;color:var(--ink);border-bottom:1px solid var(--border-2);}
  .lc-landing .mobile-menu .mm-cta{margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid var(--border-2);display:flex;flex-direction:column;gap:12px;}
}
@media(max-width:760px){
  .lc-landing .nav-cta .nav-login, .lc-landing .nav-cta .btn-primary{display:none;}
  .lc-landing .section{padding:68px 0;}
}
@media(max-width:560px){
  .lc-landing .container{padding:0 20px;}
  .lc-landing .fgrid, .lc-landing .fgrid.two, .lc-landing .field-row{grid-template-columns:1fr;}
  .lc-landing .faq-grid{grid-template-columns:1fr;}
  .lc-landing .footer-top{grid-template-columns:1fr;}.lc-landing .footer-brand{grid-column:auto;}
  .lc-landing .statrow{grid-template-columns:1fr 1fr;}
  .lc-landing .cta{padding:46px 24px;}
  .lc-landing .sticky-cta-txt span{display:none;}
  .lc-landing .sticky-cta{padding-bottom:env(safe-area-inset-bottom,0px);}
  .lc-landing .sticky-cta .sticky-cta-in{height:auto;min-height:0;gap:10px;padding-top:8px;padding-bottom:8px;}
  .lc-landing .sticky-cta-txt{gap:8px;min-width:0;}
  .lc-landing .sticky-cta-txt>div{line-height:1.28;}
  .lc-landing .sticky-cta-txt b{font-size:12.5px;font-weight:600;}
  .lc-landing .sticky-cta-actions{gap:4px;flex:none;}
  .lc-landing .sticky-cta-actions .btn{padding:10px 16px;font-size:12.5px;min-height:38px;border-radius:9px;}
  .lc-landing .sticky-cta-close{width:26px;height:26px;border-radius:7px;flex:none;}
  .lc-landing .sticky-cta-close svg{width:14px;height:14px;}
}

.lc-landing .footer-contact{display:flex;gap:22px;}
.lc-landing .footer-contact a{color:inherit;}