:root{--conn-accent: var(--bs-primary, #6366f1);--conn-accent-hover: #4f52d4;--conn-radius-sm: calc(0.25rem * var(--conn-radius-scale, 1));--conn-radius: calc(0.75rem * var(--conn-radius-scale, 1));--conn-radius-lg: calc(1.5rem * var(--conn-radius-scale, 1));--conn-radius-pill: calc(50rem * var(--conn-radius-scale, 1));--conn-card-radius: var(--conn-radius);--conn-transition: 0.2s ease-in-out;--conn-sh-x: 0;--conn-sh-y: 8px;--conn-sh-blur: 32px;--conn-sh-spread: 0;--conn-space-2xs: 0.25rem;--conn-space-xs: 0.5rem;--conn-space-sm: clamp(0.75rem, 0.65rem + 0.45vw, 1rem);--conn-space-md: clamp(1rem, 0.8rem + 0.91vw, 2rem);--conn-space-lg: clamp(1.5rem, 1.3rem + 0.91vw, 3rem);--conn-space-xl: clamp(3rem, 2.59rem + 1.82vw, 5rem);--conn-space-2xl: clamp(4rem, 3.18rem + 3.64vw, 6.5rem);--conn-font-size-sm: clamp(0.8125rem, 0.79rem + 0.11vw, 0.875rem);--conn-font-size-body: clamp(1rem, 0.95rem + 0.23vw, 1.125rem);--conn-font-size-h6: clamp(0.875rem, 0.86rem + 0.06vw, 0.9375rem);--conn-font-size-h5: clamp(1rem, 0.97rem + 0.11vw, 1.0625rem);--conn-font-size-h4: clamp(1.125rem, 1.09rem + 0.17vw, 1.25rem);--conn-font-size-h3: clamp(1.25rem, 1.17rem + 0.34vw, 1.4375rem);--conn-font-size-h2: clamp(1.625rem, 1.37rem + 1.14vw, 2.25rem);--conn-font-size-h1: clamp(2rem, 1.39rem + 2.73vw, 3.5rem);--conn-line-height-tight: 1.2;--conn-line-height-snug: 1.3;--conn-line-height-normal: 1.5;--conn-content-max: 1080px}[data-bs-theme=light],:root:not([data-bs-theme=dark]){--conn-bg: #f4f5ff;--conn-surface: #ffffff;--conn-surface-alt: #f1f2ff;--conn-surface-raised: #ffffff;--conn-surface-hover: rgba(99, 102, 241, 0.1);--conn-border: rgba(99, 102, 241, 0.12);--conn-border-strong: rgba(99, 102, 241, 0.28);--conn-text: #1e1e3f;--conn-heading: #0a0a0a;--conn-text-muted: #6b7280;--conn-emphasis: #0a0a0a;--conn-link: #6366f1;--conn-link-hover: #4f52d4;--conn-accent-secondary: #06b6d4;--conn-accent-secondary-hover: #0891b2;--conn-success: #22c55e;--conn-success-glow: rgba(34, 197, 94, 0.2);--conn-danger: #ef4444;--conn-danger-glow: rgba(239, 68, 68, 0.2);--conn-accent-soft: rgba(99, 102, 241, 0.1);--conn-accent-glow: rgba(99, 102, 241, 0.2);--conn-shadow: 0 4px 24px rgb(99 102 241 / 15%);--conn-shadow-card: 0 1px 4px rgb(0 0 0 / 6%);--conn-sh-color: rgb(99 102 241 / 22%);--conn-shadow-hover: var(--conn-sh-x) var(--conn-sh-y) var(--conn-sh-blur) var(--conn-sh-spread) var(--conn-sh-color);--conn-badge-active-bg: #dcfce7;--conn-badge-active-color: #15803d;--conn-badge-active-border: #86efac;--conn-badge-in_progress-bg: rgba(99, 102, 241, 0.1);--conn-badge-in_progress-color: #4f52d4;--conn-badge-in_progress-border: rgba(99, 102, 241, 0.3);--conn-badge-coming_soon-bg: #cffafe;--conn-badge-coming_soon-color: #0e7490;--conn-badge-coming_soon-border: #67e8f9;--conn-badge-inactive-bg: #f3f4f6;--conn-badge-inactive-color: #6b7280;--conn-badge-inactive-border: #d1d5db;--conn-badge-deprecated-bg: #ffedd5;--conn-badge-deprecated-color: #c2410c;--conn-badge-deprecated-border: #fed7aa;--conn-badge-archived-bg: #fef3c7;--conn-badge-archived-color: #92400e;--conn-badge-archived-border: #fcd34d}[data-bs-theme=dark]{--conn-bg: #0b0b1a;--conn-surface: #12122a;--conn-surface-alt: #1a1a38;--conn-surface-raised: #1e1e42;--conn-surface-hover: rgba(255, 255, 255, 0.07);--conn-border: rgba(255, 255, 255, 0.08);--conn-border-strong: rgba(255, 255, 255, 0.15);--conn-text: #e2e2ff;--conn-heading: #fafafa;--conn-text-muted: #8b8bcd;--conn-emphasis: #ffffff;--conn-link: #a5b4fc;--conn-link-hover: #c7d2fe;--conn-accent-secondary: #22d3ee;--conn-accent-secondary-hover: #06b6d4;--conn-success: #86efac;--conn-success-glow: rgba(134, 239, 172, 0.2);--conn-danger: #f87171;--conn-danger-glow: rgba(248, 113, 113, 0.2);--conn-accent-soft: rgba(99, 102, 241, 0.15);--conn-accent-glow: rgba(99, 102, 241, 0.3);--conn-shadow: 0 4px 24px rgb(0 0 0 / 40%);--conn-shadow-card: 0 1px 4px rgb(0 0 0 / 25%);--conn-sh-color: rgb(99 102 241 / 28%);--conn-shadow-hover: var(--conn-sh-x) var(--conn-sh-y) var(--conn-sh-blur) var(--conn-sh-spread) var(--conn-sh-color);--conn-badge-active-bg: rgb(21 128 61 / 20%);--conn-badge-active-color: #86efac;--conn-badge-active-border: rgb(21 128 61 / 40%);--conn-badge-in_progress-bg: rgba(99, 102, 241, 0.15);--conn-badge-in_progress-color: #a5b4fc;--conn-badge-in_progress-border: rgba(99, 102, 241, 0.35);--conn-badge-coming_soon-bg: rgb(14 116 144 / 20%);--conn-badge-coming_soon-color: #67e8f9;--conn-badge-coming_soon-border: rgb(14 116 144 / 40%);--conn-badge-inactive-bg: rgb(107 114 128 / 20%);--conn-badge-inactive-color: #9ca3af;--conn-badge-inactive-border: rgb(107 114 128 / 30%);--conn-badge-deprecated-bg: rgb(194 65 12 / 20%);--conn-badge-deprecated-color: #fb923c;--conn-badge-deprecated-border: rgb(194 65 12 / 40%);--conn-badge-archived-bg: rgb(146 64 14 / 20%);--conn-badge-archived-color: #fbbf24;--conn-badge-archived-border: rgb(146 64 14 / 40%)}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}.conn-feature-grid{font-size:calc(var(--conn-font-size-body)*var(--conn-card-font-size-scale, 1))}.conn-feature-grid :where(h1){font-size:calc(var(--conn-font-size-h1)*var(--conn-card-heading-font-size-scale, 1))}.conn-feature-grid :where(h2){font-size:calc(var(--conn-font-size-h2)*var(--conn-card-heading-font-size-scale, 1))}.conn-feature-grid :where(h3){font-size:calc(var(--conn-font-size-h3)*var(--conn-card-heading-font-size-scale, 1))}.conn-feature-grid :where(h4){font-size:calc(var(--conn-font-size-h4)*var(--conn-card-heading-font-size-scale, 1))}.conn-feature-grid :where(h5){font-size:calc(var(--conn-font-size-h5)*var(--conn-card-heading-font-size-scale, 1))}.conn-feature-grid :where(h6){font-size:calc(var(--conn-font-size-h6)*var(--conn-card-heading-font-size-scale, 1))}.conn-feature-grid :where(.h1){font-size:calc(var(--conn-font-size-h1)*var(--conn-card-heading-font-size-scale, 1))}.conn-feature-grid :where(.h2){font-size:calc(var(--conn-font-size-h2)*var(--conn-card-heading-font-size-scale, 1))}.conn-feature-grid :where(.h3){font-size:calc(var(--conn-font-size-h3)*var(--conn-card-heading-font-size-scale, 1))}.conn-feature-grid :where(.h4){font-size:calc(var(--conn-font-size-h4)*var(--conn-card-heading-font-size-scale, 1))}.conn-feature-grid :where(.h5){font-size:calc(var(--conn-font-size-h5)*var(--conn-card-heading-font-size-scale, 1))}.conn-feature-grid :where(.h6){font-size:calc(var(--conn-font-size-h6)*var(--conn-card-heading-font-size-scale, 1))}.conn-feature-grid :where(small,.small){font-size:calc(var(--conn-font-size-sm)*var(--conn-card-font-size-scale, 1))}@media(min-width: 768px)and (max-width: 1199.98px){.conn-feature-grid.has-cols-tablet .conn-feature-grid__grid{grid-template-columns:repeat(var(--conn-fg-cols-tablet), minmax(0, 1fr))}}@media(max-width: 767.98px){.conn-feature-grid.has-cols-mobile .conn-feature-grid__grid{grid-template-columns:repeat(var(--conn-fg-cols-mobile), minmax(0, 1fr))}}.conn-feature-grid__grid{display:grid;grid-template-columns:repeat(var(--conn-fg-cols, 3), 1fr);gap:1.5rem;align-items:stretch}@media(max-width: 991.98px){.conn-feature-grid__grid{grid-template-columns:repeat(auto-fit, minmax(240px, 1fr))}}.conn-feature-grid__item{background:var(--conn-surface);border:1px solid var(--conn-border);border-radius:var(--conn-radius);box-shadow:var(--conn-shadow-card);padding:1.75rem;display:flex;flex-direction:column;gap:.875rem;height:100%;position:relative;overflow:hidden;transition:transform var(--conn-transition),box-shadow var(--conn-transition),border-color var(--conn-transition)}.conn-feature-grid__item::after{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg, var(--conn-accent), var(--conn-accent-secondary));opacity:0;transition:opacity .25s ease}.conn-feature-grid__item:hover{transform:translateY(-4px);box-shadow:var(--conn-shadow-hover);border-color:var(--conn-border-strong)}.conn-feature-grid--accent-bar .conn-feature-grid__item:hover::after,.conn-feature-grid--accent-bar .conn-feature-grid__item:focus::after{opacity:1}.conn-feature-grid__icon{width:48px;height:48px;border-radius:calc(var(--conn-radius)*.75);background:var(--conn-accent-soft);border:1px solid var(--conn-border-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--conn-accent);font-size:calc(1.375rem*var(--conn-card-font-size-scale, 1));transition:background var(--conn-transition),border-color var(--conn-transition)}.conn-feature-grid__icon img,.conn-feature-grid__icon svg{width:24px;height:24px;object-fit:contain}.conn-feature-grid__icon .conn-icon--ionicon{display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask:var(--conn-icon-mask) center/contain no-repeat;mask:var(--conn-icon-mask) center/contain no-repeat}.conn-feature-grid__item:hover .conn-feature-grid__icon{background:var(--conn-accent);border-color:var(--conn-accent);color:#fff}.conn-feature-grid__title{margin:0}.conn-feature-grid__content{display:flex;flex-direction:column;gap:var(--conn-space-xs);flex:1;min-width:0}.conn-feature-grid__body{font-size:calc(var(--conn-font-size-body)*var(--conn-card-font-size-scale, 1));color:var(--conn-text-muted);line-height:var(--conn-line-height-normal);flex:1}.conn-feature-grid__body p:last-child{margin-bottom:0}.conn-feature-grid__link{font-size:calc(0.8125rem*var(--conn-card-font-size-scale, 1));font-weight:600;color:var(--conn-accent);text-decoration:none;display:inline-flex;align-items:center;gap:.3rem;transition:gap var(--conn-transition),color var(--conn-transition)}.conn-feature-grid__link::after{content:"→"}.conn-feature-grid__link:hover{color:var(--conn-accent-hover);gap:var(--conn-space-xs)}.conn-feature-grid--steps .conn-feature-grid__icon{width:48px;height:48px;border-radius:50%;background:var(--conn-accent);border-color:var(--conn-accent);color:#fff;font-size:calc(1.125rem*var(--conn-card-font-size-scale, 1));font-weight:700}.conn-feature-grid--steps .conn-feature-grid__item:hover .conn-feature-grid__icon{background:var(--conn-accent-hover);border-color:var(--conn-accent-hover)}@media(min-width: 992px){.conn-feature-grid--steps .conn-feature-grid__item:not(:last-child)::before{content:"";position:absolute;top:calc(1.75rem + 24px);right:-0.75rem;width:1.5rem;height:1px;background:var(--conn-border-strong);z-index:1}}.conn-feature-grid--icon-solid .conn-feature-grid__icon{background:var(--conn-accent);border-color:var(--conn-accent);color:#fff}.conn-feature-grid--icon-none .conn-feature-grid__icon{align-self:flex-start;width:auto;height:auto;background:rgba(0,0,0,0);border:none;border-radius:0;color:var(--conn-accent)}.conn-feature-grid--icon-none .conn-feature-grid__item:hover .conn-feature-grid__icon{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:var(--conn-accent)}.conn-feature-grid--horizontal .conn-feature-grid__item{flex-direction:row;align-items:flex-start;gap:1.25rem}/*# sourceMappingURL=feature-grid.css.map */