/* Right-edge flight spacing and on-site Flight Plan preview. */
.how-section, .sample-section, .founder-section { padding-top: 80px; }
.sample-preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px, 6vw, 86px); align-items: center; }
.sample-preview-copy h2 { font-size: clamp(40px, 4.2vw, 60px); line-height: 1.06; }
#sample-plan:focus, #sample-title:focus { outline: none; }
.sample-preview-copy>p { margin-top: 26px; font-size: 19px; line-height: 1.6; max-width: 45ch; color: var(--muted); }
.plan-contents { list-style: none; padding: 0; margin: 30px 0; }
.plan-contents li { padding: 15px 0; border-top: 1px solid #c9d0c5; }
.plan-contents strong { font-size: 18px; font-weight: 600; }
.plan-contents p { font-size: 16px; color: var(--muted); margin-top: 4px; }
.plan-contents p>b { color: var(--ink); font-weight: 600; font-variant-numeric: tabular-nums; }
.plan-actions .button { padding: 17px 22px; gap: 24px; font-size: 16px; }
.sample-preview-copy>p.plan-sample-note { font-size: 13px; line-height: 1.7; margin-top: 18px; }
.plan-preview { background: #fffefa; border-radius: 14px; overflow: hidden; box-shadow: 0 18px 40px #14233b1c; }
.plan-preview>header { background: var(--night); color: var(--paper); padding: 24px 28px; }
.plan-preview h3 { font-size: 25px; font-weight: 600; letter-spacing: -.02em; }
.plan-preview>header>span { display: block; font-size: 13px; color: var(--sky); margin-top: 6px; }
.plan-preview-body { padding: 28px; }
.preview-route { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; margin-bottom: 28px; }
.preview-route>div { display: flex; flex-direction: column; }
.preview-route>div:last-child { text-align: right; }
.preview-route strong { font-size: 36px; font-weight: 600; letter-spacing: -.025em; }
.preview-route span { font-size: 13px; color: var(--muted); }
.preview-route>div:nth-child(2) { align-items: center; text-align: center; gap: 4px; }
.preview-route svg { width: 100%; max-width: 120px; height: 24px; fill: none; stroke: #94771b; stroke-width: 1.5; }
.preview-option { display: flex; justify-content: space-between; gap: 12px; padding: 18px 0; border-top: 1px solid #d5dbd0; }
.preview-option>div:last-child { text-align: right; }
.preview-option strong { display: block; font-weight: 600; font-size: 18px; font-variant-numeric: tabular-nums; }
.preview-option span { display: block; color: var(--muted); font-size: 13px; margin-top: 5px; }
.preview-option b { font-weight: 600; color: #445839; }
.preview-basis { color: var(--muted); font-size: 12px; line-height: 1.6; padding-bottom: 22px; }
.preview-next { padding-top: 22px; border-top: 1px solid #d5dbd0; }
.preview-next h4 { font-size: 18px; font-weight: 600; }
.preview-next ol { padding-left: 19px; color: var(--muted); font-size: 15px; line-height: 1.6; margin-top: 12px; }
.preview-next li { padding: 4px 0 4px 4px; }
.preview-next li::marker { color: #725b17; }
.preview-open { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 28px; font-size: 16px; background: #e3eadb; }
.preview-open:hover { background: #d7e2cd; }
.service-pricing p.support-preview-note { border-top: 1px solid #afc3d833; margin-top: 22px; padding-top: 18px; font-size: 13px; }
.support-preview-note strong { display: block; color: #f7f6f2; font-weight: 500; margin-bottom: 6px; }
@media (max-width: 1000px) {
  .sample-preview-grid { gap: 36px; }
  .sample-preview-copy h2 { font-size: 43px; }
  .sample-preview-copy>p { font-size: 18px; }
  .plan-preview-body, .plan-preview>header, .preview-open { padding-inline: 22px; }
}
@media (max-width: 800px) {
  .sample-preview-grid { grid-template-columns: 1fr; gap: 32px; }
  .sample-preview-copy h2 { font-size: clamp(39px, 7vw, 52px); }
  .plan-preview { max-width: 540px; width: 100%; }
}
@media (max-width: 400px) {
  .plan-actions .button { width: 100%; justify-content: space-between; gap: 12px; }
  .plan-preview-body, .plan-preview>header, .preview-open { padding-inline: 18px; }
  .preview-route strong { font-size: 32px; }
  .preview-option strong { font-size: 16px; }
  .preview-option span { font-size: 12px; }
}