/* Pocket Agent · a shared editorial and interface foundation. */
:root {
  --pa-font: Inter, 'Helvetica Neue', Arial, sans-serif;
  --pa-ink: #191a18;
  --pa-muted: #62645f;
  --pa-amber: #e8b557;
  --pa-line: #e3e3dd;
  --pa-surface: #f5f5f2;
  --pa-paper: #fbfbf9;
  --pa-radius: 20px;
}
.lc-section, .lc-bridge, .how-it-works, .product-numbers, .conversation-pause {
  --lc-paper: var(--pa-paper);
  --lc-ink: var(--pa-ink);
  --lc-muted: var(--pa-muted);
  --lc-rule: var(--pa-line);
  --lc-amber: var(--pa-amber);
  color: var(--pa-ink);
  font-family: var(--pa-font);
}
.lc-section { padding-block: clamp(80px, 8vw, 128px); }
.lc-container { max-width: 1280px; }
.lc-section h2, .how-heading h2, .product-numbers-heading h2,
.conversation-pause h2, .lc-bridge p {
  font-family: var(--pa-font);
  font-weight: 400;
  letter-spacing: -.032em;
  line-height: 1.12;
  text-wrap: balance;
}
.lc-section h2, .how-heading h2 { font-size: clamp(38px, 4.1vw, 62px); }
.lc-section h3, .product-number h3, .how-step>h3, .lc-faq summary {
  font-family: var(--pa-font);
  font-weight: 400;
  letter-spacing: -.023em;
  line-height: 1.25;
}
.lc-section-intro, .how-step>.step-description, .product-numbers-intro {
  color: var(--pa-muted);
  letter-spacing: -.01em;
  line-height: 1.65;
}
.lc-eyebrow, .experience-eyebrow, .product-numbers-eyebrow {
  letter-spacing: .12em;
  font-size: 11px;
}
.lc-eyebrow { color: var(--pa-muted); margin-bottom: 24px; }
.lc-disclaimer { color: var(--pa-muted); font-size: 11px; line-height: 1.65; }
.lc-section :is(button, a, summary):focus-visible,
.lc-bridge button:focus-visible, .conversation-shop:focus-visible {
  outline: 2px solid #916222;
  outline-offset: 5px;
}
/* Four equal steps, with one common image stage and readable live app text. */
.how-it-works { background: var(--pa-paper); padding-block: 100px 112px; }
.how-heading { margin-bottom: 52px; }
.how-heading .how-subtitle { font-size: clamp(17px, 1.55vw, 22px); }
.how-heading .how-support { color: var(--pa-muted); font-size: 14px; }
.how-steps { max-width: 1440px; border-color: var(--pa-line); background: transparent; }
.how-step { border-color: var(--pa-line); }
.how-step>h3 { font-size: clamp(21px, 1.65vw, 27px); }
.how-step>.step-label { color: var(--pa-muted); letter-spacing: .1em; }
.how-step>.step-description { font-size: 15px; }
.step-visual { border-radius: 16px; }
.step-progress i:after { background: var(--pa-amber); }
.meeting-summary { box-shadow: none; }
.work-marquee { background: var(--pa-paper); }
/* Three editorial pauses replace the previously repeated CTA bands. */
.conversation-pause { background: #f0f0ec; padding: 64px 5%; }
.conversation-pause-inner { max-width: 1280px; margin: auto; }
.conversation-pause h2 { font-size: clamp(28px, 3.1vw, 47px); }
.conversation-pause h2 span { color: var(--pa-muted); }
.lc-bridge { background: #f0f0ec; padding: 42px 5%; border: 0; }
.lc-bridge p { font-size: clamp(25px, 2.55vw, 36px); }
.lc-bridge p span { color: var(--pa-muted); }
.conversation-shop, .lc-bridge-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  min-height: 48px;
  padding: 14px 24px;
  background: var(--pa-amber);
  color: #241d11;
  border: 1px solid transparent;
  border-radius: 999px;
  font: 400 14px/1.2 var(--pa-font);
  white-space: nowrap;
  transition: background 180ms ease, transform 180ms ease;
}
.conversation-shop:hover, .lc-bridge-cta:hover { background: #efc577; transform: translateY(-1px); }
.experience-end-anchor { scroll-margin-top: var(--site-header-height, 78px); }
/* The problem statistics are a pause in the story, not another dashboard. */
.product-numbers { background: var(--pa-surface); padding-block: 104px; scroll-margin-top: 94px; }
.product-numbers-inner { max-width: 1280px; }
.product-numbers-heading h2 { font-size: clamp(36px, 3.2vw, 49px); }
.product-number h3 { color: var(--pa-ink); font-size: 18px; }
.product-number-value { font-family: var(--pa-font); font-weight: 400; letter-spacing: -.045em; }
.product-number-copy p, .product-number-source, .product-numbers-note { color: var(--pa-muted); }
/* Preserve the native comparison; refine its proportions and contrast. */
.comparison-native { background: #fff; }
.comparison-native .comparison-heading h2 { font-family: var(--pa-font); font-size: clamp(38px, 4.1vw, 62px); letter-spacing: -.032em; }
.comparison-native .comparison-category h3 { letter-spacing: -.025em; font-size: 28px; }
.comparison-category { padding: 30px; }
.comparison-category>p, .comparison-category>span,
.comparison-panel p:not(.comparison-panel-label), .comparison-panel .comparison-panel-label,
.comparison-controls button, .comparison-instruction>span { color: var(--pa-muted); }
.comparison-controls button[aria-selected=true] { color: var(--pa-ink); }
.comparison-panel h4 { letter-spacing: -.02em; }
.comparison-panel>div { padding: 28px 30px; }
.comparison-pocket { background: #faf7ef; }
.comparison-mini { font-size: 11px; }
.comparison-instruction { font-size: 12px; }
/* The final invitation has space to stand on its own; FAQ stays quieter. */
.lc-early-access { background: var(--pa-surface); padding-block: 110px; }
.lc-early-inner { max-width: 1280px; }
.lc-early-access h2 { font-size: clamp(48px, 6.8vw, 100px); letter-spacing: -.04em; line-height: 1.06; margin-bottom: 28px; }
.lc-early-access .lc-section-intro { font-size: clamp(17px, 1.55vw, 22px); }
.lc-final-cta { min-height: 54px; width: 280px; padding: 15px 24px; font-size: 15px; }
.lc-final-cta:hover { transform: translateY(-1px); }
.lc-early-note { color: var(--pa-muted); font-size: 12px; }
.lc-faq { background: #fff; padding-bottom: 0; }
.lc-faq-inner { max-width: 1120px; }
.lc-faq h2 { font-size: clamp(38px, 4.1vw, 62px); }
.lc-faq .lc-section-header { margin-bottom: 40px; }
.lc-faq-list { gap: 0; border-top: 1px solid var(--pa-line); }
.lc-faq details { border: 0; border-bottom: 1px solid var(--pa-line); border-radius: 0; background: transparent; }
.lc-faq summary { padding: 24px 0; font-size: clamp(18px, 1.65vw, 23px); min-height: 76px; }
.lc-faq-answer { padding: 0 48px 26px 0; }
.lc-faq-answer p { padding-top: 0; border-top: 0; color: var(--pa-muted); font-size: 15px; line-height: 1.75; max-width: 850px; }
.lc-faq-chevron { width: 36px; height: 36px; background: var(--pa-surface); }
.lc-faq details[open] .lc-faq-chevron { background: #f8ecd6; }
.lc-footer { margin-top: 72px; color: var(--pa-muted); }
.lc-footer .footer-brand { width: 180px; height: 28px; display: block; }
.lc-footer a { color: var(--pa-muted); }
@media (max-width: 960px) {
  .how-it-works { padding-block: 80px; }
  .lc-section { padding-block: 80px; }
  .lc-early-access { padding-block: 90px; }
  .lc-faq { padding-bottom: 0; }
  .product-numbers { padding-block: 84px; }
}
@media (max-width: 640px) {
  .lc-section { padding: 68px 22px; }
  .how-it-works { padding-block: 68px; }
  .how-step>h3 { font-size: 25px; }
  .how-step>.step-description { font-size: 16px; }
  .conversation-pause { padding: 42px 22px; }
  .conversation-pause-inner { align-items: flex-start; gap: 24px; }
  .conversation-pause h2 { font-size: 30px; }
  .lc-bridge { padding: 34px 22px; }
  .lc-bridge-inner { align-items: flex-start; flex-direction: column; gap: 23px; }
  .lc-bridge p { font-size: 27px; }
  .conversation-shop, .lc-bridge-cta { padding: 13px 21px; font-size: 13px; }
  .product-numbers { padding: 68px 22px; }
  .product-number h3 { font-size: 18px; }
  .comparison-category { padding: 25px; }
  .comparison-panel>div { padding: 24px 25px; }
  .comparison-controls button { padding-inline: 15px; gap: 8px; }
  .lc-early-access { padding-block: 80px; }
  .lc-final-cta { width: 100%; max-width: 320px; }
  .lc-faq { padding-bottom: 0; }
  .lc-faq-answer { padding-right: 0; }
  .lc-faq summary { font-size: 19px; }
  .lc-footer { margin-top: 56px; }
}
@media (prefers-reduced-motion: reduce) {
  .conversation-shop, .lc-bridge-cta, .lc-final-cta { transition: none; }
  .conversation-shop:hover, .lc-bridge-cta:hover, .lc-final-cta:hover { transform: none; }
}
.lc-footer .footer-privacy { margin-left: auto; }
.lc-footer .footer-privacy + a { margin-left: 0; }