.connected-system{background:var(--koble-paper,#fff);font-family:var(--koble-font,"Hanken Grotesk",Arial,sans-serif);padding:84px 40px;-webkit-font-smoothing:antialiased}.connected-system__inner{margin:0 auto;max-width:var(--koble-container,1200px)}.connected-system__heading{color:var(--koble-ink,#1e322c);font-size:40px;font-weight:800;letter-spacing:-.01em;margin:0 0 16px}.connected-system__intro{color:var(--koble-body-text,#45524a);font-size:16.5px;line-height:1.6;margin:0 0 44px;max-width:470px}.connected-system__grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.feature-card{background:var(--koble-paper,#fff);border:1.5px solid #b8bdb6;border-radius:var(--koble-radius-card,10px);box-shadow:var(--koble-shadow-card);padding:32px;transition:box-shadow .2s,transform .2s}.feature-card:hover{box-shadow:var(--koble-shadow-card-hover);transform:translateY(-3px)}.feature-card__icon{align-items:center;border-radius:50%;display:flex;height:60px;justify-content:center;margin-bottom:40px;width:60px}.feature-card__icon--teal{background:var(--koble-icon-teal,#6faeb0)}.feature-card__icon--gold{background:var(--koble-icon-gold,#c9a84c)}.feature-card__icon--purple{background:var(--koble-icon-purple,#a88bc4)}.feature-card__icon--leaf{background:var(--koble-icon-leaf,#98ac6b)}.feature-card__icon--gray{background:var(--koble-icon-gray,#e3e5e0)}.feature-card__icon--external{background:none;padding:0}.feature-card__icon--external svg{display:block;height:60px;width:60px}.feature-card__title{color:var(--koble-ink,#1e322c);font-size:21px;font-weight:700;margin:0 0 12px}.feature-card__body{color:var(--koble-body-text,#45524a);font-size:15.5px;line-height:1.55;margin:0}.feature-card--cta{align-items:center;background:var(--koble-deep,#1e322c);border:none;display:flex;flex-direction:column;justify-content:center;padding:40px 32px;text-align:center}.feature-card--cta:hover{box-shadow:none;transform:none}.feature-card__cta-heading{color:#fff;font-size:22px;font-weight:700;margin:0 0 22px}.feature-card__cta-btn{background:var(--koble-leaf,#98ac6b);border-radius:var(--koble-radius-btn,6px);color:#fff;display:inline-block;font-family:var(--koble-font,"Hanken Grotesk",Arial,sans-serif);font-size:15px;font-weight:700;padding:13px 26px;text-decoration:none;transition:filter .15s}.feature-card__cta-btn:hover{filter:brightness(1.06)}@media (max-width:900px){.connected-system__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.connected-system__grid{grid-template-columns:1fr}}