/* ============================================================
   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;}
/* scroll-padding-top clears the sticky nav when an in-page anchor is jumped
   to. The CTA bar now sits above that nav, so while it's showing the
   anchored section has to clear both or it lands underneath. */
.lc-landing{scroll-behavior:smooth;scroll-padding-top:calc(88px + var(--lc-cta-h,0px));}
.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) ---------- */
/* The sticky CTA bar sits above the header (Trello IoU5JA5A), so the nav's
   sticky offset is the maintenance notice PLUS that bar's published height
   (--lc-cta-h, set by home.js). `top` is transitioned on the same curve as
   the bar's slide-in, otherwise the header snaps down while the bar is still
   animating. Both are 0px by default, so this is a no-op when neither shows. */
.lc-landing .nav{position:sticky;top:calc(var(--site-banner-h,0px) + var(--lc-cta-h,0px));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,top .35s cubic-bezier(.4,0,.2,1);}
.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 (it was rendered after the footer back then) instead of a fixed,
   dark 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; keep the two copies in sync. */
/* Anchored to the TOP of the viewport, above the nav, and stacked over it
   (z-index 101 > the nav's 100) so the slide-in reads as the bar pushing the
   header down. It starts below the maintenance notice rather than on top of
   it -- see --site-banner-h. */
.lc-landing .sticky-cta{position:fixed;left:0;right:0;top:var(--site-banner-h,0px);z-index:101;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-bottom:1px solid rgba(255,255,255,.1);}
.lc-landing .sticky-cta.show{transform:translateY(0);}
/* Three tracks, not space-between: the copy is the only content now (the
   "Get Started Free" button was removed) and it has to read as centred in the
   bar. Equal flexible tracks either side centre it against the container --
   NOT against the space the dismiss button leaves over -- while the button
   still lands on the container's gutter instead of the raw viewport edge.
   minmax(0,...) lets the side tracks collapse to 0 on a phone so the copy
   keeps the full width it needs. */
.lc-landing .sticky-cta-in{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;height:68px;}
.lc-landing .sticky-cta-txt{grid-column:2;display:flex;align-items:center;justify-content:center;gap:14px;color:#fff;text-align:center;}
.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{grid-column:3;justify-self:end;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-top:env(safe-area-inset-top,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-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;}