.how-it-works{background:var(--mist);padding:80px 0;scroll-margin-top:100px}.how-it-works .container{width:min(100% - 64px,1240px)}.how-it-works-intro{text-align:center;margin-bottom:40px}.how-it-works h2{max-width:1000px;margin:0 auto;font-size:2.5rem;font-weight:600;line-height:1.2}.how-it-works-intro p{color:var(--text-secondary);margin:20px 0 0;font-size:1.125rem;line-height:1.6}.how-it-works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.how-feature{background:#fff;border:20px solid #fff;border-radius:8px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.how-feature-wide{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;min-height:380px;display:grid}.how-feature-copy{padding:16px 16px 32px}.how-feature-wide .how-feature-copy{align-self:center;padding:28px}.how-feature h3{max-width:430px;margin:0;font-size:1.75rem;font-weight:600;line-height:1.2}.how-feature-copy p{max-width:450px;color:var(--text-secondary);margin:18px 0 0;font-size:1rem;line-height:1.6}.knowledge-visual{background-color:var(--soft-blue);background-image:url(/images/kallin-knowledge-background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;gap:28px;min-width:0;padding:40px 32px;display:flex}.knowledge-visual,.enquiry-visual,.workflow-visual{border-radius:4px}.knowledge-visual-static{align-items:center;gap:0;padding:24px}.knowledge-screenshot-crop{aspect-ratio:700/255;border-radius:8px;width:100%;max-width:580px;overflow:hidden}.knowledge-screenshot-image{width:165.429%;max-width:none;height:auto;display:block}.knowledge-board{flex-direction:column;gap:16px;width:100%;max-width:580px;margin:0 auto;font-size:.75rem;line-height:1.5;display:flex;container-type:inline-size}.knowledge-search-panel,.knowledge-sources-panel{background:#fff;border:1px solid #e4e7f2;border-radius:8px;box-shadow:0 12px 32px #242f5a17}.knowledge-search-panel{grid-template-columns:minmax(0,1fr) 140px;gap:10px;padding:12px;display:grid}.knowledge-search,.knowledge-filter{border:1px solid #e4e7f2;border-radius:4px;align-items:center;gap:8px;min-width:0;min-height:40px;padding:8px 10px;display:flex}.knowledge-search{color:#7d879d}.knowledge-search svg,.knowledge-filter svg{flex-shrink:0}.knowledge-filter{justify-content:space-between}.knowledge-sources-heading{border-bottom:1px solid #eef0f8;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.knowledge-sources-heading strong{font-size:.8125rem;font-weight:600}.knowledge-sources-heading>span,.knowledge-source-meta>span{color:var(--text-secondary)}.knowledge-source-cycle{border-radius:0 0 8px 8px;display:grid;overflow:hidden}.knowledge-source-row{opacity:0;grid-area:1/1;grid-template-columns:minmax(0,1fr) 42px 44px 64px;align-items:center;gap:12px;padding:18px 16px;animation:15s ease-in-out infinite knowledge-source-change;display:grid}@keyframes knowledge-source-change{0%,28%,to{opacity:1;transform:translateY(0)}33.333%,95%{opacity:0;transform:translateY(-6px)}96%{opacity:0;transform:translateY(6px)}}.knowledge-board:hover .knowledge-source-row{animation-play-state:paused}.knowledge-source-identity{align-items:center;gap:10px;min-width:0;display:flex}.knowledge-site-icon{height:34px;color:var(--blue-text);background:#f7f8ff;border:1px solid #e4e7f2;border-radius:4px;flex:0 0 34px;place-items:center;display:grid}.knowledge-source-identity>div{min-width:0}.knowledge-source-identity strong,.knowledge-source-identity>div>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.knowledge-source-identity strong,.knowledge-source-meta strong{font-weight:500}.knowledge-source-identity>div>span{color:var(--text-secondary);margin-top:3px;font-size:.6875rem}.knowledge-url-tag{color:#087aa6;background:#f0faff;border:1px solid #bce4f8;border-radius:4px;flex-shrink:0;padding:3px 6px;font-size:.625rem}.knowledge-source-meta{flex-direction:column;display:flex}.knowledge-source-actions{gap:6px;display:flex}.knowledge-source-actions>span{color:#657089;border:1px solid #e4e7f2;border-radius:4px;place-items:center;width:29px;height:29px;display:grid}.knowledge-source-actions>span:last-child{color:#c95673;background:#fff5f7;border-color:#f8d8e0}@container (max-width:420px){.knowledge-search-panel{grid-template-columns:minmax(0,1fr)}.knowledge-source-row{grid-template-columns:1fr 1fr auto;row-gap:18px}.knowledge-source-identity{grid-column:1/-1}}.enquiry-visual,.workflow-visual{aspect-ratio:3/2;flex-shrink:0;width:100%;min-width:0;margin-top:auto;overflow:hidden}.enquiry-image,.workflow-image{object-fit:contain;width:100%;max-width:100%;height:auto;display:block}@media (max-width:1100px){.how-it-works{padding:64px 0}.how-it-works h2{text-wrap:balance;font-size:2rem}}@media (max-width:980px){.how-it-works .container{width:calc(100% - 48px)}.how-feature{border-width:16px}.how-feature-copy,.how-feature-wide .how-feature-copy{padding:12px 12px 28px}}@media (max-width:800px){.how-it-works-grid,.how-feature-wide{grid-template-columns:1fr}.how-feature-wide{min-height:0}.knowledge-visual{min-height:280px}}@media (max-width:640px){.how-it-works{padding:var(--mobile-section-space) 0;scroll-margin-top:80px}.how-it-works .container{width:calc(100% - 40px)}.how-it-works-intro{margin-bottom:var(--mobile-intro-gap);text-align:left}.how-it-works h2{font-size:var(--mobile-section-title)}.how-it-works-intro p{margin-top:var(--mobile-copy-gap);text-wrap:pretty;font-size:1rem}.how-it-works-grid{gap:20px}.how-feature h3{font-size:1.5rem}.how-feature{border-width:12px}.how-feature-copy,.how-feature-wide .how-feature-copy{padding:12px 12px 24px}.knowledge-visual{gap:24px;min-height:230px;padding:24px 12px}}@media (prefers-reduced-motion:reduce){.knowledge-source-row{animation:none}.knowledge-source-row:first-child{opacity:1}.knowledge-source-row:not(:first-child){display:none}}