/* Extend Ralti's Fit identity with real views of the current workspace. */
.connected-capabilities{padding:104px 0 40px}
.capabilities-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:40px}
.capabilities-heading h2{font-size:clamp(34px,4.1vw,58px);letter-spacing:-1.8px;line-height:1.07;margin:20px 0 0;max-width:790px}
.capabilities-heading>p{max-width:325px;color:var(--muted);font-size:16px;line-height:1.8}
.capabilities-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.capability-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#f4f7fc;min-width:0}
.capability-flow{background:#eff3ff}
.capability-report{background:#f0f6f3}
.capability-copy{padding:38px 38px 32px}
.capability-label{font-size:12px;font-weight:650;letter-spacing:1.15px;color:#3457e6}
.capability-report .capability-label{color:#366457}
.capability-copy h3{font-size:clamp(30px,3.2vw,44px);letter-spacing:-1.25px;line-height:1.08;margin:22px 0 20px}
.capability-copy p{font-size:16px;line-height:1.8;color:var(--muted);max-width:480px;margin:0 0 23px}
.capability-copy .text-link{font-size:16px;display:inline-flex;min-height:44px;align-items:center;border-bottom:1px solid currentColor}
.capability-image{display:block;margin:0 22px;background:white;border:1px solid #dce3ef;border-radius:12px;overflow:hidden;box-shadow:0 8px 30px #17233f0c;transition:box-shadow .2s}
.capability-image:hover{box-shadow:0 12px 38px #17233f1c}
.capability-image img{width:100%;height:auto;aspect-ratio:1.44;object-fit:cover;object-position:top}
.capability-caption{font-size:12px;line-height:1.7;color:#5c6780;padding:16px 22px 20px}
.feature-overview{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:34px}
.feature-overview a{display:flex;align-items:center;min-height:44px;border:1px solid var(--line);border-radius:9px;padding:10px 16px;font-size:14px;color:var(--ink);background:#fff}
.feature-overview a:hover{background:#eff3ff;border-color:#b8c5f8}
.feature-screenshot{margin:0 0 64px;background:#f4f7fc;border:1px solid var(--line);border-radius:22px;padding:24px}
.feature-screenshot img{width:100%;height:auto;border:1px solid var(--line);border-radius:12px;background:#fff}
.feature-screenshot figcaption{font-size:14px;line-height:1.8;color:var(--muted);margin:20px 4px 0}
.feature-screenshot a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.interior-page .connected-capabilities{padding:0 0 60px}
@media(max-width:1000px){.capabilities-heading{display:block}.capabilities-heading>p{max-width:650px;margin-top:24px}.capability-copy{padding:28px}.capability-copy h3{font-size:34px}}
@media(max-width:720px){.connected-capabilities{padding-top:66px}.capabilities-grid{grid-template-columns:1fr;gap:22px}.capabilities-heading h2{font-size:38px;letter-spacing:-1.2px}.capability-copy h3{font-size:36px}.capability-copy p{max-width:none}.capability-image{margin:0 16px}.capability-caption{padding:14px 18px 18px}.feature-screenshot{padding:12px;margin-bottom:38px;border-radius:15px}.feature-screenshot figcaption{margin:14px 4px 4px}.feature-overview{gap:8px}.feature-overview a{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.capability-image{transition:none}}

/* Article FAQs use a reading column; the homepage keeps its two-column section. */
.interior-page .faq-section{display:block;width:100%;margin:60px auto 0}.interior-page .faq-section>.eyebrow{display:block}.interior-page .faq-section>h2{margin:18px 0 28px}.interior-page .faq-section details{margin:0;padding:22px 0}.interior-page .faq-section details p,.interior-page .article-section p,.interior-page .article-section li{font-size:16px}