.ci-page .hero{padding:5rem 0 2.5rem}.ci-page .docs-content>h3{font-size:1.15rem;font-weight:600;margin-top:2rem;margin-bottom:.75rem;color:var(--color-text)}.ci-page .docs-content h2,.ci-page .docs-content h3{scroll-margin-top:84px}.ci-page .ci-flow{display:grid;grid-template-columns:repeat(4,1fr);margin:1.5rem 0 .5rem}.ci-page .ci-flow-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 .5rem}.ci-page .ci-flow-step:not(:last-child):after{content:"";position:absolute;top:18px;left:calc(50% + 27px);width:calc(100% - 54px);height:2px;background:var(--color-border)}.ci-page .ci-flow-num{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--color-surface-elevated);border:2px solid var(--color-primary);color:var(--color-primary);font-weight:600;font-size:.95rem;margin-bottom:.75rem;position:relative;z-index:1}.ci-page .ci-flow-title{font-weight:600;font-size:.92rem;color:var(--color-text);margin-bottom:.2rem}.ci-page .ci-flow-caption{font-size:.8rem;line-height:1.4;color:var(--color-text-muted)}.ci-page .ci-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.25rem 0}.ci-page .ci-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--color-primary-light);font-size:1.2rem;margin-bottom:.75rem}.ci-page .ci-feature-title{font-size:.95rem;font-weight:600;color:var(--color-text);margin-bottom:.35rem}.ci-page .ci-feature-text{font-size:.875rem;line-height:1.5;color:var(--color-text-muted);margin-bottom:0}.ci-page .ci-note{font-size:.9rem}.ci-page .ci-compare{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:1.25rem 0}.ci-page .ci-compare-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.ci-page .ci-compare-head h3{font-size:1.1rem;font-weight:600;margin:0}.ci-page .ci-compare-list{list-style:none;padding-left:0;margin-bottom:0;display:flex;flex-direction:column;gap:.5rem}.ci-page .ci-compare-list li{margin-bottom:0}@media (max-width:720px){.ci-page .ci-flow{grid-template-columns:1fr}.ci-page .ci-flow-step{flex-direction:row;align-items:flex-start;text-align:left;gap:.85rem;padding:0 0 1.4rem}.ci-page .ci-flow-num{margin-bottom:0;flex-shrink:0}.ci-page .ci-flow-step:not(:last-child):after{top:38px;left:18px;width:2px;height:calc(100% - 38px)}.ci-page .ci-compare{grid-template-columns:1fr}}