/* Musketr landing page — matches the "Musketr Landing" Claude Design mockup.
   Scoped under body.is-landing so it never bleeds into the authenticated app,
   which keeps its own parchment/gold palette defined in brand.css. */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap');

body.is-landing {
  --lp-bg: oklch(0.97 0.006 250);
  --lp-ink: oklch(0.24 0.03 250);
  --lp-ink-soft: oklch(0.38 0.02 250);
  --lp-ink-faint: oklch(0.52 0.02 250);
  --lp-line: oklch(0.88 0.012 240);
  --lp-blue: oklch(0.55 0.15 250);
  --lp-blue-hover: oklch(0.45 0.16 250);
  --lp-navy: oklch(0.24 0.03 250);
  --lp-navy-deep: oklch(0.18 0.03 255);
  --lp-navy-tile: oklch(0.24 0.03 255);
  --lp-green: oklch(0.4 0.09 155);
  --lp-green-bg: oklch(0.95 0.03 155);
  --lp-ig-bg: oklch(0.93 0.02 320); --lp-ig-fg: oklch(0.45 0.1 320);
  --lp-tt-bg: oklch(0.93 0.015 200); --lp-tt-fg: oklch(0.42 0.08 200);
  --lp-yt-bg: oklch(0.93 0.03 25); --lp-yt-fg: oklch(0.48 0.13 25);
  background: var(--lp-bg);
  color: var(--lp-ink);
  font-family: 'Instrument Sans', Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
}
body.is-landing .marketing { max-width: none; }
body.is-landing .marketing p { max-width: none; }
body.is-landing .flash { width: min(1180px, calc(100% - 48px)); margin: 18px auto 0; }

/* nav */
.landing-nav { position: sticky; top: 0; z-index: 9; background: color-mix(in oklch, var(--lp-bg) 90%, transparent); backdrop-filter: blur(10px); border-bottom: 1px solid var(--lp-line); }
.landing-nav__bar { max-width: 1180px; margin: 0 auto; padding: 15px 24px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.landing-nav__brand { display: flex; align-items: center; gap: 10px; font-family: 'Instrument Serif', Georgia, serif; font-size: 24px; letter-spacing: -0.01em; }
.landing-nav__mark { width: 52px; height: 32px; object-fit: contain; }
.landing-nav__right { display: flex; align-items: center; gap: 26px; }
.landing-nav__links { display: flex; gap: 22px; font-size: 14px; color: var(--lp-ink-soft); }
.landing-nav__links a { color: inherit; text-decoration: none; }
.landing-nav__links a:hover { color: var(--lp-blue); }
.landing-nav__actions { display: flex; align-items: center; gap: 16px; }
.landing-nav__login { font-size: 14px; font-weight: 500; color: var(--lp-ink); text-decoration: none; }
.landing-nav__login:hover { color: var(--lp-blue); }
.landing-nav__cta { padding: 9px 17px; background: var(--lp-navy); color: var(--lp-bg); border-radius: 2px; font-size: 14px; font-weight: 600; text-decoration: none; }
.landing-nav__cta:hover { background: var(--lp-blue); }

/* hero */
.hero { padding: 64px 0 0; display: flex; flex-wrap: wrap; gap: 56px; align-items: flex-start; position: relative; min-height: 600px; }
.hero__art { position: absolute; top: -56px; right: 0; width: min(56%, 860px); min-width: 420px; height: 940px; z-index: 0; pointer-events: none; overflow: hidden; }
.hero__art-image { width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.hero__art::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 42%; background: linear-gradient(to right, var(--lp-bg), color-mix(in oklch, var(--lp-bg) 86%, transparent) 26%, transparent 100%); }
.hero__art::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 48%; background: linear-gradient(to bottom, transparent, var(--lp-bg) 66%, var(--lp-bg)); }
.hero__content { flex: 1 1 520px; display: flex; flex-direction: column; gap: 24px; position: relative; z-index: 1; padding-left: 24px; max-width: 660px; }
.hero__kicker { display: flex; align-items: center; gap: 10px; }
.hero__kicker-mark { width: 34px; height: 21px; object-fit: contain; }
.eyebrow { margin: 0; font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--lp-ink-faint); }
.hero__title { margin: 0; font-family: 'Instrument Serif', Georgia, serif; font-weight: 400; font-size: clamp(52px, 8vw, 104px); line-height: 0.94; letter-spacing: -0.025em; }
.hero__title span { color: var(--lp-blue); }
.hero__lede { margin: 0; font-size: clamp(17px, 1.6vw, 20px); line-height: 1.5; color: var(--lp-ink-soft); max-width: 500px; text-wrap: pretty; }
.hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 2px; }
.button { border: 0; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; }
.hero__actions .primary-cta { padding: 16px 26px; background: var(--lp-blue); color: var(--lp-bg); border-radius: 2px; font-size: 16px; font-weight: 600; gap: 12px; }
.hero__actions .primary-cta:hover { background: var(--lp-blue-hover); }
.hero__actions .secondary-cta { padding: 16px 24px; border: 1px solid oklch(0.8 0.015 240); border-radius: 2px; font-size: 16px; font-weight: 500; color: var(--lp-ink); background: transparent; }
.hero__actions .secondary-cta:hover { border-color: var(--lp-blue); color: var(--lp-blue); }
.hero__flourish { margin: 0; font-family: 'Instrument Serif', Georgia, serif; font-style: italic; font-size: 17px; color: var(--lp-ink-faint); }

/* ticker */
.ticker { max-width: 1180px; margin: 140px auto 0; padding: 16px 24px; border-top: 1px solid var(--lp-line); border-bottom: 1px solid var(--lp-line); display: flex; flex-wrap: wrap; gap: 24px; justify-content: space-between; font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--lp-ink-faint); position: relative; z-index: 1; }

/* shared section intro */
.section-intro { display: flex; flex-wrap: wrap; gap: 32px; align-items: flex-end; justify-content: space-between; }
.section-intro h2 { margin: 14px 0 0; font-family: 'Instrument Serif', Georgia, serif; font-weight: 400; font-size: clamp(34px, 4.2vw, 54px); line-height: 1; letter-spacing: -0.02em; }
.section-intro__copy { flex: 1 1 320px; margin: 0; font-size: 16.5px; line-height: 1.6; color: var(--lp-ink-soft); text-wrap: pretty; max-width: 460px; }

/* comparison */
.comparison { max-width: 1180px; margin: 0 auto; padding: 72px 24px 0; display: flex; flex-direction: column; gap: 34px; }
.comparison__grid { display: flex; flex-wrap: wrap; gap: 20px; }
.comparison-card { flex: 1 1 340px; max-width: 420px; border-radius: 12px; padding: 28px 24px; display: flex; flex-direction: column; gap: 18px; }
.comparison-card--old { background: oklch(0.985 0.004 250); border: 1px solid var(--lp-line); }
.comparison-card--new { background: var(--lp-navy-deep); color: #fff; }
.comparison-card__label { display: flex; align-items: center; gap: 14px; }
.comparison-card--old .comparison-card__label span { flex: 1; height: 1px; background: color-mix(in oklch, var(--lp-blue) 40%, transparent); }
.comparison-card--new .comparison-card__label span { flex: 1; height: 1px; background: color-mix(in oklch, oklch(0.55 0.18 255) 50%, transparent); }
.comparison-card__label strong { font-family: 'JetBrains Mono', monospace; font-size: 15px; font-weight: 700; letter-spacing: 0.1em; }
.comparison-card--old .comparison-card__label strong { color: oklch(0.5 0.16 255); }
.comparison-card--new .comparison-card__label strong { color: oklch(0.65 0.16 255); }
.comparison-card__subtitle { margin: 0; text-align: center; font-size: 15px; }
.comparison-card--old .comparison-card__subtitle { color: var(--lp-ink-soft); }
.comparison-card--new .comparison-card__subtitle { color: oklch(0.8 0.015 250); }

.old-row { display: flex; align-items: center; gap: 14px; padding: 6px 0; }
.old-row__divider { height: 1px; background: var(--lp-line); margin: 8px 0; }
.old-row__platform { display: flex; flex-direction: column; align-items: center; gap: 6px; width: 64px; }
.old-row__icon { width: 34px; height: 34px; border-radius: 9px; display: flex; align-items: center; justify-content: center; }
.old-row__platform--yt .old-row__icon { background: oklch(0.55 0.18 25); }
.old-row__platform--ig .old-row__icon { background: oklch(0.55 0.15 340); }
.old-row__platform--tt .old-row__icon { background: oklch(0.2 0.01 250); }
.old-row__platform span { font-size: 10.5px; font-weight: 700; letter-spacing: 0.03em; color: oklch(0.3 0.02 250); text-align: center; line-height: 1.2; }
.old-row__steps { display: flex; align-items: center; gap: 8px; flex: 1; color: var(--lp-blue); }
.old-row__step { display: flex; flex-direction: column; align-items: center; gap: 5px; }
.old-row__step svg { width: 38px; height: 38px; border-radius: 50%; background: oklch(0.93 0.02 250); padding: 10px; box-sizing: border-box; }
.old-row__step small { font-size: 9px; font-weight: 700; letter-spacing: 0.05em; color: var(--lp-ink-faint); }
.old-row__arrow { color: var(--lp-blue); font-size: 14px; }

.new-upload { border: 1.5px dashed oklch(0.5 0.16 255); border-radius: 8px; padding: 14px 18px; display: flex; align-items: center; justify-content: center; gap: 10px; color: oklch(0.7 0.02 250); }
.new-upload span { font-size: 13px; font-weight: 700; letter-spacing: 0.04em; color: #fff; }
.new-arrow { display: flex; justify-content: center; color: oklch(0.6 0.03 250); }
.new-brand-chip { background: var(--lp-blue); border-radius: 8px; padding: 14px; display: flex; align-items: center; justify-content: center; gap: 10px; }
.new-brand-chip__mark { width: 32px; height: 20px; object-fit: contain; }
.new-brand-chip span { font-family: 'Instrument Serif', Georgia, serif; font-size: 24px; color: #fff; }
.new-destinations { display: flex; gap: 10px; }
.new-destination { flex: 1; background: var(--lp-navy-tile); border-radius: 8px; padding: 14px 8px; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.new-destination__icon { width: 28px; height: 28px; border-radius: 8px; display: flex; align-items: center; justify-content: center; }
.new-destination--yt .new-destination__icon { background: oklch(0.55 0.18 25); }
.new-destination--ig .new-destination__icon { background: oklch(0.55 0.15 340); }
.new-destination--tt .new-destination__icon { background: oklch(0.85 0.01 250); color: var(--lp-navy-deep); }
.new-destination__name { font-size: 11px; font-weight: 600; color: #fff; text-align: center; line-height: 1.25; }
.new-destination__status { display: flex; align-items: center; gap: 5px; font-family: 'JetBrains Mono', monospace; font-size: 9px; font-weight: 700; letter-spacing: 0.04em; }
.new-destination__status i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.new-destination__status--live { color: oklch(0.72 0.15 145); }
.new-destination__status--scheduled { color: oklch(0.75 0.15 70); }

.comparison-card__footer { border-top: 1px solid var(--lp-line); margin-top: 2px; padding-top: 18px; display: flex; align-items: center; gap: 14px; }
.comparison-card--new .comparison-card__footer { border-top-color: oklch(0.32 0.03 255); }
.footer-badge { width: 36px; height: 36px; border-radius: 50%; border: 2px solid var(--lp-blue); display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 15px; color: var(--lp-blue); }
.comparison-card--new .footer-badge { border-color: oklch(0.65 0.16 255); color: oklch(0.65 0.16 255); }
.footer-count { font-family: 'Instrument Serif', Georgia, serif; font-size: 32px; color: oklch(0.5 0.16 255); line-height: 1; }
.comparison-card--new .footer-count { color: oklch(0.65 0.16 255); }
.footer-caption { font-size: 12.5px; font-weight: 600; letter-spacing: 0.02em; color: oklch(0.3 0.02 250); line-height: 1.35; }
.comparison-card--new .footer-caption { color: oklch(0.85 0.015 250); }

/* showcase (real UI) */
.showcase { max-width: 1180px; margin: 0 auto; padding: 80px 24px 0; border-top: 1px solid var(--lp-line); display: flex; flex-direction: column; gap: 34px; margin-top: 80px; }
.showcase__grid { display: flex; flex-wrap: wrap; gap: 24px; }
.showcase-step { flex: 1 1 300px; max-width: 372px; display: flex; flex-direction: column; gap: 16px; }
.showcase-step__frame { width: 100%; height: 200px; padding: 14px; background: #fff; border: 1px solid var(--lp-line); border-radius: 4px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.showcase-step__meta { display: flex; flex-direction: column; gap: 8px; border-top: 2px solid var(--lp-blue); padding-top: 14px; }
.showcase-step__number { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: var(--lp-blue); }
.showcase-step__meta h3 { margin: 0; font-family: 'Instrument Serif', Georgia, serif; font-weight: 400; font-size: 27px; line-height: 1.1; }
.showcase-step__meta p { margin: 0; font-size: 15.5px; line-height: 1.55; color: var(--lp-ink-soft); }

.mini-video { display: flex; gap: 12px; align-items: flex-start; transform: scale(0.72); transform-origin: center; }
.mini-video__frame { width: 56px; border-radius: 8px; color: oklch(0.86 0.014 250); flex-shrink: 0; }
.mini-video__frame text { fill: oklch(0.45 0.02 250); font-family: 'JetBrains Mono', monospace; }
.mini-video__meta { display: flex; flex-direction: column; gap: 8px; padding-top: 2px; }
.mini-video__meta strong { font-size: 15px; font-weight: 600; color: oklch(0.2 0.015 250); }
.mini-video__meta small { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: oklch(0.52 0.015 250); line-height: 1.6; }
.mini-video__badge { display: inline-flex; align-items: center; gap: 6px; padding: 4px 9px; border-radius: 8px; background: var(--lp-green-bg); width: fit-content; font-size: 11px; font-weight: 500; color: var(--lp-green); }
.mini-video__badge i { width: 6px; height: 6px; border-radius: 50%; background: oklch(0.6 0.13 155); }

.mini-platforms { display: flex; flex-direction: column; gap: 7px; transform: scale(0.86); transform-origin: center; width: 260px; }
.mini-platforms__row { display: flex; align-items: center; gap: 10px; padding: 10px 11px; border: 1.5px solid var(--lp-blue); background: #fff; border-radius: 9px; font-size: 12.5px; font-weight: 500; color: oklch(0.22 0.015 250); }
.mini-platforms__row--empty { border: 1px dashed oklch(0.86 0.01 240); color: oklch(0.55 0.02 250); font-weight: 400; }
.mini-platforms__check { width: 16px; height: 16px; border-radius: 4px; background: var(--lp-blue); color: #fff; display: grid; place-items: center; font-size: 10px; font-weight: 700; flex-shrink: 0; }
.mini-platforms__check--empty { background: none; border: 1.5px solid oklch(0.84 0.01 240); }
.mini-platforms__icon { width: 24px; height: 24px; border-radius: 6px; display: grid; place-items: center; flex-shrink: 0; }
.mini-platforms__row--yt .mini-platforms__icon { background: var(--lp-yt-bg); color: var(--lp-yt-fg); }
.mini-platforms__row--ig .mini-platforms__icon { background: var(--lp-ig-bg); color: var(--lp-ig-fg); }
.mini-platforms__row--tt .mini-platforms__icon { background: var(--lp-tt-bg); color: var(--lp-tt-fg); }

.mini-status { display: flex; flex-direction: column; gap: 9px; transform: scale(0.78); transform-origin: center; width: 260px; }
.mini-status__row { display: flex; align-items: center; gap: 11px; padding: 12px; border: 1px solid oklch(0.92 0.01 240); border-radius: 10px; font-size: 12.5px; }
.mini-status__row--active { border: 1.5px solid oklch(0.86 0.03 250); background: oklch(0.985 0.008 250); }
.mini-status__icon { width: 26px; height: 26px; border-radius: 7px; display: grid; place-items: center; flex-shrink: 0; }
.mini-status__row--yt .mini-status__icon { background: var(--lp-yt-bg); color: var(--lp-yt-fg); }
.mini-status__row--ig .mini-status__icon { background: var(--lp-ig-bg); color: var(--lp-ig-fg); }
.mini-status__row--tt .mini-status__icon { background: var(--lp-tt-bg); color: var(--lp-tt-fg); }
.mini-status__name { flex: 1; font-weight: 500; color: oklch(0.22 0.015 250); }
.mini-status__progress { flex: 1; display: flex; flex-direction: column; gap: 5px; }
.mini-status__bar { height: 4px; border-radius: 4px; background: oklch(0.92 0.01 250); overflow: hidden; }
.mini-status__bar div { height: 4px; background: var(--lp-blue); }
.mini-status__state { font-family: 'JetBrains Mono', monospace; font-size: 10px; font-weight: 500; display: flex; align-items: center; gap: 5px; white-space: nowrap; }
.mini-status__state--live { color: var(--lp-green); font-weight: 600; }
.mini-status__state--live i { width: 6px; height: 6px; border-radius: 50%; background: oklch(0.6 0.13 155); }
.mini-status__state--progress { color: oklch(0.45 0.05 250); }
.mini-status__state--queued { color: oklch(0.58 0.02 250); }

/* dark block */
.dark-block { background: var(--lp-navy); margin-top: 80px; padding: 72px 24px; }
.dark-block .section-intro { max-width: 1180px; margin: 0 auto; }
.dark-block .section-intro h2 { color: var(--lp-bg); max-width: 460px; }
.dark-block .section-intro__copy { color: oklch(0.76 0.02 250); }
.dark-block__grid { max-width: 1180px; margin: 40px auto 0; display: flex; flex-wrap: wrap; gap: 24px; }
.dark-feature { flex: 1 1 280px; display: flex; flex-direction: column; gap: 11px; border-top: 1px solid oklch(0.4 0.03 250); padding-top: 18px; }
.dark-feature__number { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: oklch(0.65 0.13 250); }
.dark-feature h3 { margin: 0; font-family: 'Instrument Serif', Georgia, serif; font-weight: 400; font-size: 27px; color: var(--lp-bg); }
.dark-feature p { margin: 0; font-size: 15px; line-height: 1.55; color: oklch(0.76 0.02 250); }

/* why */
.why { max-width: 900px; margin: 0 auto; padding: 80px 24px; display: flex; flex-direction: column; align-items: center; gap: 22px; text-align: center; }
.why__kicker { display: flex; align-items: center; gap: 10px; }
.why__mark { width: 34px; height: 21px; object-fit: contain; }
.why__mark--flip { transform: scaleX(-1); }
.why h2 { margin: 0; font-family: 'Instrument Serif', Georgia, serif; font-weight: 400; font-size: clamp(32px, 4.2vw, 54px); line-height: 1.05; letter-spacing: -0.02em; }
.why p { margin: 0; font-size: 18px; line-height: 1.65; color: var(--lp-ink-soft); max-width: 620px; }
.why em { font-family: 'Instrument Serif', Georgia, serif; font-style: italic; color: var(--lp-ink); }

/* pricing */
.pricing { max-width: 1180px; margin: 0 auto; padding: 0 24px 80px; border-top: 1px solid var(--lp-line); padding-top: 40px; display: flex; flex-direction: column; gap: 40px; align-items: center; }
.pricing .section-intro { width: 100%; }
.price-card { width: 100%; max-width: 520px; border: 1px solid var(--lp-line); border-radius: 4px; padding: 36px; display: flex; flex-direction: column; gap: 26px; }
.billing-toggle { display: inline-flex; align-self: center; border: 1px solid oklch(0.8 0.015 240); border-radius: 2px; padding: 3px; }
.billing-toggle__tab { padding: 9px 18px; border-radius: 2px; font-size: 13px; font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: 8px; background: transparent; border: 0; color: var(--lp-ink-soft); font-family: inherit; }
.billing-toggle__tab.is-active { background: var(--lp-blue); color: var(--lp-bg); }
.billing-toggle__save { font-size: 11px; padding: 2px 6px; border-radius: 8px; background: var(--lp-green-bg); color: var(--lp-green); }
.price-card__header { display: flex; flex-direction: column; gap: 8px; text-align: center; }
.price-card__header .eyebrow { font-size: 11px; letter-spacing: 0.16em; }
.price-card__header p:last-child { margin: 0; font-size: 14.5px; color: var(--lp-ink-soft); line-height: 1.5; }
.price-card__amount { display: flex; justify-content: center; align-items: baseline; gap: 8px; }
.price-card__amount span { font-family: 'Instrument Serif', Georgia, serif; font-size: 52px; letter-spacing: -0.02em; }
.price-card__amount small { font-family: 'JetBrains Mono', monospace; font-size: 12px; color: var(--lp-ink-faint); }
.price-card__rule { height: 1px; background: var(--lp-line); }
.price-card__features { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.price-card__features li { display: flex; align-items: center; gap: 10px; font-size: 14.5px; color: oklch(0.32 0.02 250); }
.price-card__features li::before { content: ""; width: 5px; height: 5px; background: var(--lp-blue); transform: rotate(45deg); flex-shrink: 0; }
.pricing-cta { padding: 14px 20px; background: var(--lp-blue); border-radius: 2px; font-size: 15px; font-weight: 600; color: var(--lp-bg); text-align: center; justify-content: center; }
.pricing-cta:hover { background: var(--lp-blue-hover); }
.pricing__note { margin: 0; font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.06em; color: var(--lp-ink-faint); text-align: center; }

/* cta band */
.cta-band { background: var(--lp-blue); padding: 76px 24px; max-width: none; margin: 0; }
.cta-band { display: flex; flex-wrap: wrap; gap: 44px; align-items: flex-end; }
.cta-band > * { max-width: 1180px; }
.cta-band__copy { flex: 1 1 460px; display: flex; flex-direction: column; gap: 18px; margin: 0 auto; }
.cta-band__copy .eyebrow { color: oklch(0.85 0.03 250); }
.cta-band__copy h2 { margin: 0; font-family: 'Instrument Serif', Georgia, serif; font-weight: 400; font-size: clamp(38px, 5vw, 66px); line-height: 0.98; letter-spacing: -0.025em; color: var(--lp-bg); }
.cta-band__action { flex: 1 1 320px; display: flex; flex-direction: column; gap: 22px; margin: 0 auto; }
.cta-band__action p { margin: 0; font-size: 17px; line-height: 1.6; color: oklch(0.9 0.02 250); text-wrap: pretty; }
.cta-band__buttons { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.cta-band__button { padding: 16px 28px; background: var(--lp-bg); color: oklch(0.45 0.15 250); border-radius: 2px; font-size: 16px; font-weight: 600; }
.cta-band__hint { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: oklch(0.88 0.025 250); }

/* faq */
.faq { max-width: 1180px; margin: 0 auto; padding: 72px 24px 48px; display: flex; flex-wrap: wrap; gap: 56px; }
.faq__intro { flex: 1 1 300px; display: flex; flex-direction: column; gap: 14px; }
.faq__intro h2 { margin: 0; font-family: 'Instrument Serif', Georgia, serif; font-weight: 400; font-size: clamp(32px, 3.8vw, 48px); line-height: 1.03; letter-spacing: -0.02em; }
.faq__list { flex: 1 1 480px; display: flex; flex-direction: column; }
.faq__list details { border-top: 1px solid var(--lp-line); padding: 20px 0; }
.faq__list details:last-child { border-bottom: 1px solid var(--lp-line); }
.faq__list summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px; font-size: 17px; font-weight: 600; }
.faq__list summary::-webkit-details-marker { display: none; }
.faq__list summary i { flex-shrink: 0; width: 15px; height: 15px; position: relative; color: var(--lp-blue); }
.faq__list summary i::before, .faq__list summary i::after { content: ""; position: absolute; top: 50%; left: 50%; background: currentColor; transform: translate(-50%, -50%); }
.faq__list summary i::before { width: 11px; height: 1.6px; }
.faq__list summary i::after { width: 1.6px; height: 11px; }
.faq__list details[open] summary i::after { display: none; }
.faq__list details p { margin: 10px 0 0; font-size: 16px; line-height: 1.6; color: var(--lp-ink-soft); max-width: 560px; }

/* footer */
.landing-footer { border-top: 1px solid var(--lp-line); max-width: 1180px; margin: 0 auto; padding: 30px 24px 52px; display: flex; flex-wrap: wrap; gap: 22px; align-items: center; justify-content: space-between; }
.landing-footer__brand { display: flex; align-items: center; gap: 10px; font-family: 'Instrument Serif', Georgia, serif; font-size: 20px; }
.landing-footer__mark { width: 46px; height: 28px; object-fit: contain; }
.landing-footer__links { display: flex; flex-wrap: wrap; gap: 22px; font-size: 14px; color: var(--lp-ink-soft); }
.landing-footer__credit { margin: 0; font-family: 'JetBrains Mono', monospace; font-size: 11px; color: var(--lp-ink-faint); }

@media (max-width: 900px) {
  .landing-nav__links { display: none; }
}
@media (max-width: 760px) {
  .hero { padding-top: 32px; }
  .hero__content { padding-left: 0; }
  .hero__art { min-width: 0; width: 100%; height: 420px; position: static; margin-bottom: 24px; }
  .ticker { margin-top: 56px; justify-content: flex-start; }
  .comparison, .showcase { padding-top: 56px; }
  .showcase { margin-top: 56px; }
  .pricing, .faq { padding-left: 20px; padding-right: 20px; }
  .cta-band { padding: 56px 20px; }
}