/* Feature-led mobile marketing page. Kept separate from pricing and the
   interactive phone styling so the shared application preview stays intact. */
.mobile-feature-jumps {
  display: flex;
  flex-wrap: wrap;
  gap: 3px 20px;
  margin-top: 27px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}
.mobile-feature-jumps a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: 12px;
  font-weight: 550;
  color: var(--green);
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-color: #c4cec1;
}
.mobile-preview-caption {
  max-width: 340px;
  margin: 19px auto 0;
  font-size: 11px;
  line-height: 1.85;
  color: var(--muted);
  text-align: center;
}
.mobile-feature-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 85px;
  align-items: start;
}
.mobile-feature-split h2,
.mobile-faq-layout h2 {
  font-size: clamp(37px, 4vw, 51px);
  line-height: 1.12;
  margin: 17px 0 24px;
  letter-spacing: -1.65px;
}
.mobile-feature-split .lede,
.mobile-faq-layout .lede {
  font-size: 17px;
  line-height: 1.85;
}
.mobile-check-list {
  list-style: none;
  margin: 29px 0;
  padding: 0;
}
.mobile-check-list li {
  position: relative;
  padding: 11px 0 11px 25px;
  font-size: 14px;
  line-height: 1.85;
  color: var(--ink);
}
.mobile-check-list li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--green);
  font-size: 13px;
}
.mobile-day-view {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 24px 0 21px;
}
.mobile-day-view > .preview-label { text-align: left; }
.mobile-day-view ol { margin: 0; padding: 0; list-style: none; }
.mobile-day-view li {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 17px;
  padding: 23px 0;
}
.mobile-day-time {
  font-size: 11px;
  line-height: 1.8;
  padding-top: 4px;
  color: var(--muted);
}
.mobile-day-view .pill { font-size: 10px; }
.mobile-day-view h3 {
  margin-top: 15px;
  font-size: 21px;
  font-weight: 500;
  letter-spacing: -.35px;
  line-height: 1.5;
}
.mobile-day-view li p,
.mobile-editorial-stack p,
.mobile-feature-rows p,
.mobile-service-rows p {
  font-size: 14px;
  line-height: 1.85;
  margin-top: 9px;
  color: var(--muted);
}
.mobile-day-view > .fine-print { margin-top: 15px; }
.mobile-feature-rows {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 70px;
}
.mobile-feature-rows article {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 19px;
  padding: 31px 0;
  border-top: 1px solid var(--line);
}
.mobile-feature-number {
  font-family: var(--serif);
  font-size: 30px;
  font-style: italic;
  line-height: 1.2;
  color: var(--green);
}
.mobile-feature-symbol {
  font-size: 27px;
  color: var(--green);
  line-height: 1.25;
}
.mobile-feature-rows h3,
.mobile-editorial-stack h3,
.mobile-service-rows h3 {
  font-size: 22px;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: -.45px;
}
.mobile-feature-rows .text-link { margin-top: 15px; }
.mobile-editorial-stack article {
  border-top: 1px solid var(--line);
  padding: 25px 0;
}
.mobile-editorial-stack article:first-child { padding-top: 24px; }
.mobile-editorial-stack article:last-child { padding-bottom: 0; }
.mobile-service-rows a {
  display: grid;
  grid-template-columns: 145px minmax(0, 1fr) 25px;
  gap: 30px;
  padding: 27px 0;
  border-top: 1px solid var(--line);
}
.mobile-service-kind {
  font-size: 13px;
  font-weight: 550;
  line-height: 1.7;
  padding-top: 3px;
  color: var(--green);
}
.mobile-service-rows a > span:last-child { font-size: 23px; }
.mobile-service-rows a:hover h3 {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.mobile-feature-note {
  max-width: 720px;
  border-top: 1px solid var(--line);
  padding-top: 23px;
  margin-top: 12px;
  font-size: 13px;
  line-height: 1.85;
  color: var(--muted);
}
.mobile-faq-layout {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  align-items: start;
  gap: 90px;
}
.mobile-faq-layout .text-link { margin-top: 21px; }
.mobile-positive-faq details { border-color: var(--line); }
.mobile-positive-faq summary {
  font-size: 16px;
  line-height: 1.6;
  min-height: 58px;
  padding-block: 21px;
}
.mobile-positive-faq details p {
  font-size: 14px;
  line-height: 1.9;
  padding-bottom: 22px;
  color: var(--muted);
}
.mobile-positive-faq details p a { text-decoration: underline; text-underline-offset: 3px; }
.mobile-final-cta .fine-print { margin-top: 22px; }

@media (max-width: 1040px) {
  .mobile-feature-split { gap: 45px; }
  .mobile-feature-rows { gap: 0 35px; }
  .mobile-faq-layout { gap: 45px; grid-template-columns: .85fr 1.15fr; }
  .mobile-service-rows a { grid-template-columns: 118px minmax(0, 1fr) 22px; gap: 22px; }
}
@media (max-width: 720px) {
  .mobile-feature-jumps { gap: 1px 20px; margin-top: 21px; padding-top: 11px; }
  .mobile-feature-jumps a { font-size: 12px; }
  .mobile-preview-caption { max-width: 310px; font-size: 11px; margin-top: 17px; }
  .mobile-feature-split,
  .mobile-faq-layout { display: flex; flex-direction: column; gap: 35px; }
  .mobile-feature-split > div,
  .mobile-faq-layout > div { width: 100%; min-width: 0; }
  .mobile-feature-split h2,
  .mobile-faq-layout h2 { font-size: 37px; letter-spacing: -1.2px; margin-block: 15px 21px; }
  .mobile-feature-split .lede,
  .mobile-faq-layout .lede { font-size: 16px; }
  .mobile-check-list { margin-block: 23px; }
  .mobile-check-list li { font-size: 14px; padding-block: 9px; }
  .mobile-day-view { padding-top: 20px; }
  .mobile-day-view li { grid-template-columns: 37px minmax(0, 1fr); gap: 13px; padding-block: 21px; }
  .mobile-day-view h3 { font-size: 21px; margin-top: 13px; }
  .mobile-day-view li p { font-size: 14px; }
  .mobile-feature-rows { grid-template-columns: 1fr; gap: 0; }
  .mobile-feature-rows article { grid-template-columns: 29px minmax(0, 1fr); gap: 17px; padding-block: 25px; }
  .mobile-feature-number { font-size: 28px; }
  .mobile-feature-symbol { font-size: 25px; }
  .mobile-feature-rows h3,
  .mobile-editorial-stack h3,
  .mobile-service-rows h3 { font-size: 21px; }
  .mobile-editorial-stack article { padding-block: 23px; }
  .mobile-service-rows a { grid-template-columns: minmax(0, 1fr) 22px; gap: 9px 15px; padding-block: 24px; }
  .mobile-service-kind { grid-column: 1; font-size: 12px; }
  .mobile-service-rows a > div { grid-column: 1; }
  .mobile-service-rows a > span:last-child { grid-column: 2; grid-row: 1 / 3; align-self: center; }
  .mobile-feature-note { font-size: 12px; line-height: 1.9; margin-top: 5px; }
  .mobile-positive-faq summary { font-size: 16px; padding-block: 21px; }
  .mobile-positive-faq details p { font-size: 14px; }
  .mobile-final-cta .page-actions { justify-content: center; }
}