/* ============================================================
   v54) Readability: body copy 14–16px
   ============================================================ */
/* header */
.site-nav{font-size:14px;gap:32px}
.header-actions .btn{font-size:13px}
/* flow: カレンダーを連携するだけ */
.flow-steps p{font-size:15px;line-height:1.9;margin-top:8px}
/* roadmap: 商談から学ぶ */
.future-copy>p{font-size:15px;line-height:2}
@media (min-width:1001px){.future-card{grid-template-columns:minmax(300px,.76fr) minmax(540px,1.24fr)}}
.future-points{gap:10px}
.future-points li{padding-left:22px;font-size:14px;line-height:1.7}
.future-points li:before{font-size:13px}
.roadmap-future .roadmap-disclaimer{font-size:12px}
/* FAQ */
.faq summary{font-size:16px;line-height:28px;font-weight:500}
.faq summary:after{top:0;line-height:28px}
.faq details p{font-size:15px;line-height:2}
/* closing */
.closing p{font-size:15px}
/* feature card: keep a gap above the dark flow block (same as side inset) */
.workflow-sticky{margin-bottom:24px}
@media (max-width:760px){.workflow-sticky{margin-bottom:12px}}
/* flow note (v55) */
.flow-note{margin:18px 0 0;font-size:13px;line-height:1.8;color:var(--muted)}
.flow-dark .flow-note{color:#abb29f}
@media (max-width:1100px){.site-nav{gap:22px}}
.site-nav a{white-space:nowrap}
@media (max-width:900px){.site-nav{gap:18px;font-size:13px}}
@media (max-width:900px){
  .intro-manifesto .pain-card p{font-size:14px;line-height:1.7}
}
@media (max-width:800px){
  .feature-checks{font-size:14px}
  .flow-steps h3{font-size:18px}
  .flow-steps p{font-size:14px;margin-top:4px}
  .future-copy>p{font-size:15px}
  .future-points li{font-size:14px}
  .faq summary{font-size:15px;line-height:26px}
  .faq summary:after{line-height:26px}
  .faq details p{font-size:14px}
  .closing p{font-size:14px}
  .roadmap-future .roadmap-disclaimer{font-size:11px}
}
/* ============================================================
   v54) Sticky visuals: first & last copy block share the visual's
   exact center. Each block's box = sticky visual height, content
   centered, so alignment holds at sticky start AND sticky end.
   ============================================================ */
@media (min-width:901px){
  /* intro: visual sticks at 84px, grid starts at 78px (header) -> row 1 gets +12px */
  .intro-grid{--iv-h:calc(100vh - 96px);grid-template-rows:minmax(calc(var(--iv-h) + 12px),auto) minmax(var(--iv-h),auto)}
  .intro-visual{height:var(--iv-h)}
  .intro-visual .hero-motion-wrap{padding:24px 0}
  .intro-hero-copy{align-self:center;padding:40px 0}
  .intro-manifesto{align-self:center;padding:72px 0}
  /* features: each step = sticky visual height */
  .workflow-sticky .journey-step{min-height:calc(100vh - 110px)}
  .workflow-sticky .journey-step-inner{padding:48px 0}
}