/* App planning comparison; styles stay within this service section. */
.app-planning{scroll-margin-top:0}
.app-planning .app-format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.app-planning .app-format{display:flex;flex-direction:column;min-width:0;padding:28px;border:1px solid #ffffff25;border-radius:16px;background:#111722}
.app-planning .app-format-purpose{margin:0 0 16px;font-size:12px;font-weight:600;letter-spacing:.06em;color:#bbc7ef}
.app-planning .app-format h3{margin:0 0 22px;font-size:clamp(25px,2.4vw,32px);font-weight:650;letter-spacing:-.03em;line-height:1.2}
.app-planning .app-format>p:not(.app-format-purpose){margin:0 0 24px;font-size:16px;line-height:1.75;color:#b9c3d3}
.app-planning .app-format-check{padding-top:20px;border-top:1px solid #ffffff1f;margin-top:auto}
.app-planning .app-format-check span{display:block;margin-bottom:8px;font-size:12px;color:#b4c0e0}
.app-planning .app-format-check p{margin:0;font-size:16px;line-height:1.65;color:#f0f2fa}
.app-planning .app-format a{color:#d0d7ff;text-decoration:underline;text-underline-offset:4px}
.app-planning .app-format a:focus-visible{outline:2px solid #cbd3ff;outline-offset:4px}
.app-planning .app-format-note{max-width:920px;margin:26px auto 0;font-size:14px;line-height:1.8;color:#aeb9cb;text-align:center}
.app-planning .app-planning-next{display:flex;align-items:center;gap:40px;justify-content:space-between;margin-top:42px;padding-top:32px;border-top:1px solid #ffffff25}
.app-planning .app-planning-next>div{max-width:760px;min-width:0}
.app-planning .app-planning-next h3{margin:0 0 12px;font-size:25px;line-height:1.3;letter-spacing:-.025em}
.app-planning .app-planning-next p{margin:0;font-size:16px;line-height:1.75;color:#b9c3d3}
.app-planning .app-planning-next .app-planning-global{font-size:13px;color:#aeb9cb;margin-top:14px}
.app-planning .app-planning-next>.button{flex:0 0 auto;white-space:normal;max-width:100%;text-align:center}
@media(max-width:900px){
  .app-planning .app-format-grid{grid-template-columns:1fr;gap:18px}
  .app-planning .app-format{padding:26px}
  .app-planning .app-format h3{font-size:28px;margin-bottom:16px}
  .app-planning .app-format-check{margin-top:0}
  .app-planning .app-format-note{text-align:left}
  .app-planning .app-planning-next{flex-direction:column;align-items:flex-start;gap:24px}
}
@media(max-width:480px){
  .app-planning .app-format{padding:22px}
  .app-planning .app-format h3{font-size:26px}
  .app-planning .app-planning-next>.button{width:100%}
}

/* Give the FAQ comparison link its own continuous touch target. */
#app-questions .app-choice-link{display:flex;align-items:center;min-height:44px;width:fit-content;max-width:100%;margin-top:12px;line-height:1.65;color:#d0d7ff}
#app-questions .app-choice-link:focus-visible{outline:2px solid #cbd3ff;outline-offset:4px}