.features-hero { padding-top:44px }
.features-hero .hero-copy { padding:0 }
.features-hero h1 { font-size:clamp(48px,5.6vw,80px);line-height:1.04;letter-spacing:-.045em }
.features-hero .hero-copy>p { max-width:760px;font-size:22px }
.features-hero .hero-preview { margin-top:32px }
.feature-jump { border-bottom:1px solid var(--line) }
.feature-jump .container { display:flex;justify-content:center;flex-wrap:wrap;gap:12px 36px;padding-block:20px }
.feature-jump a { min-height:44px;display:flex;align-items:center;font-weight:650;text-underline-offset:6px }
.feature-jump a:hover { text-decoration:underline }
.feature-chapter { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:64px;align-items:center;padding-block:70px;border-bottom:1px solid var(--line) }
.chapter-number { display:block;color:var(--orange);font-size:18px;font-weight:650;margin-bottom:18px }
.chapter-copy h2 { max-width:380px }
.chapter-copy>p { font-size:19px;margin-top:20px }
.chapter-copy .feature-list { margin-top:28px }
.chapter-copy .feature-list li { font-size:17px }
.chapter-preview img { border-radius:var(--radius);border:1px solid var(--ink) }
.chapter-preview figcaption { font-size:12px;text-align:center;color:var(--muted);margin-top:10px }
.qualification-flow { list-style:none;display:grid;gap:0 }
.qualification-flow li { position:relative;display:flex;gap:24px;align-items:flex-start;padding:24px 0;border-bottom:1px solid var(--line) }
.qualification-flow li:last-child { border-bottom:0 }
.qualification-flow li>span { position:relative;z-index:1;display:grid;place-items:center;flex-shrink:0;width:54px;height:54px;border-radius:50%;background:var(--amber);font-size:20px;font-weight:700 }
.qualification-flow li:not(:last-child)::after { content:"";position:absolute;left:26px;top:78px;bottom:-24px;width:2px;background:var(--amber) }
.qualification-flow h3 { font-size:25px;letter-spacing:-.025em }
.qualification-flow p { margin-top:8px;font-size:17px;max-width:470px }
.feature-tools { padding-top:82px }
.capability-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 60px;margin-top:38px }
.capability { display:flex;gap:25px;align-items:flex-start;padding-block:30px;border-bottom:1px solid var(--line) }
.capability-icon { display:grid;place-items:center;flex-shrink:0;width:64px;height:64px;border-radius:50%;background:var(--soft) }
.capability-icon svg { width:28px;height:28px }
.capability h3 { font-size:25px;letter-spacing:-.025em }
.capability p { font-size:17px;margin-top:10px;max-width:440px }
.feature-control { margin-top:42px }
.feature-control h3 { font-size:23px;letter-spacing:-.025em }
.feature-control p { margin-top:10px;font-size:16px;max-width:940px }
.features-main .closing-inner h2 { max-width:860px }
@media(max-width:1000px) {
  .feature-chapter { gap:35px;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);padding-block:50px }
  .chapter-copy h2 { font-size:34px }
  .chapter-copy>p { font-size:17px }
  .chapter-copy .feature-list li { font-size:16px }
  .capability-list { gap:0 32px }
  .capability { gap:18px }
  .capability h3 { font-size:22px }
}
@media(max-width:700px) {
  .features-hero { padding-top:32px }
  .features-hero h1 { font-size:clamp(37px,9vw,62px);overflow-wrap:anywhere }
  .features-hero .hero-copy>p { font-size:18px }
  .features-hero .hero-preview { margin-top:26px }
  .feature-jump .container { justify-content:flex-start;gap:0 22px;padding-block:12px }
  .feature-jump a { font-size:14px }
  .feature-chapter { grid-template-columns:1fr;gap:30px;padding-block:42px }
  .chapter-number { margin-bottom:12px }
  .chapter-copy h2 { font-size:34px;max-width:450px }
  .chapter-copy .feature-list { margin-top:20px }
  .qualification-flow li { gap:20px;padding-block:20px }
  .qualification-flow li:not(:last-child)::after { top:74px;bottom:-20px }
  .qualification-flow h3 { font-size:23px }
  .qualification-flow p { font-size:16px }
  .feature-tools { padding-top:46px }
  .capability-list { grid-template-columns:1fr;margin-top:24px }
  .capability { padding-block:24px;gap:20px }
  .capability-icon { width:48px;height:48px }
  .capability-icon svg { width:25px;height:25px }
  .capability h3 { font-size:23px }
  .capability p { font-size:16px }
  .feature-control { margin-top:30px }
}