/* Focused routes through existing content, with comfortable reading space. */
.decision-guide { margin: 48px 0 64px; padding: 32px; border: 1px solid #deded9; border-radius: 24px; background: #fafaf8; }
.decision-intro { max-width: 720px; }
.decision-intro h2, .scope-factors h2 { font-family: var(--sans); font-size: clamp(25px, 2.8vw, 34px); font-weight: 500; line-height: 1.3; letter-spacing: -.025em; margin: 0 0 16px; }
.decision-intro p, .scope-factors > p { font-size: 16px; line-height: 1.75; color: #60625f; margin: 0; }
.decision-guide ul { list-style: none; padding: 0; margin: 28px 0 0; }
.decision-guide li { border-top: 1px solid #deded9; }
.decision-guide li a { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 8px; border-radius: 8px; text-decoration: none; transition: background .2s; }
.decision-guide li a:hover { background: #f0f1eb; }
.decision-guide li a:focus-visible { outline: 2px solid #272d29; outline-offset: 3px; }
.decision-guide h3, .decision-pricing .pricing-row h3, .scope-onboarding h3 { font-family: var(--sans); font-weight: 500; font-size: 18px; line-height: 1.45; letter-spacing: -.015em; margin: 0 0 8px; }
.decision-guide li p, .decision-pricing .pricing-row p, .scope-onboarding li p { font-size: 16px; line-height: 1.75; color: #60625f; margin: 0; max-width: 76ch; }
.decision-guide li a > span { font-size: 22px; flex: 0 0 auto; }
.decision-pricing { align-items: start; }
.decision-pricing .pricing-row { padding: 24px 0; }
.decision-pricing .pricing-card { position: sticky; top: 110px; }
.scope-onboarding { margin-top: 64px; padding-top: 48px; border-top: 1px solid #deded9; }
.scope-onboarding ol { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; list-style: none; padding: 0; margin: 32px 0; counter-reset: steps; }
.scope-onboarding li { counter-increment: steps; }
.scope-onboarding li::before { content: '0' counter(steps); display: block; font-size: 14px; color: #70736d; margin-bottom: 16px; }
.scope-note { border-top: 1px solid #deded9; padding-top: 24px; display: flex; align-items: start; justify-content: space-between; gap: 32px; }
.scope-note p { margin: 0; max-width: 68ch; font-size: 15px; line-height: 1.75; color: #60625f; }
.scope-note a { flex-shrink: 0; padding: 8px 0; }
@media(max-width: 900px) { .decision-pricing .pricing-card { position: static; } .scope-onboarding ol { grid-template-columns: 1fr; gap: 28px; } .scope-onboarding li::before { margin-bottom: 8px; } .scope-note { flex-direction: column; gap: 16px; } }
@media(max-width: 600px) { .decision-guide { padding: 24px 20px; margin: 32px 0 40px; border-radius: 18px; } .decision-guide li a { padding: 20px 0; gap: 16px; } .decision-guide ul { margin-top: 24px; } .scope-onboarding { margin-top: 40px; padding-top: 32px; } }
@media(prefers-reduced-motion:reduce) { .decision-guide li a { transition:none; } }
.decision-pricing .pricing-card p, .decision-pricing .pricing-card ul { font-size: 16px; line-height: 1.75; }
.decision-pricing .pricing-card small { font-size: 13px; line-height: 1.65; color: #6c5947; }
.decision-pricing .pricing-card .button { font-size: 15px; }