.ctl__system{background:var(--ctl-system-bg, #fff)}.ctl__system-container{width:100%;max-width:1236px;margin:0 auto;padding:80px 16px;box-sizing:border-box}.ctl__system-heading{margin:0 0 32px;color:var(--ctl-system-heading-color, #2D2C53);font-family:Marcellus, sans-serif;font-size:48px;font-weight:400;line-height:1}.ctl__system-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:24px}.ctl__system-card{display:flex;flex-direction:column;min-height:408px;padding:20px;border:1px solid var(--ctl-system-card-border, #84b6ff);border-radius:16px;background:linear-gradient(180deg, var(--ctl-system-card-gradient-start, #d9e7ff) 44.75%, var(--ctl-system-card-gradient-end, #fff) 69.75%);box-sizing:border-box}.ctl__system-card-title{margin:0;color:var(--ctl-system-card-title-color, var(--ctl-system-text-color, #2D2C53));font-family:Marcellus, sans-serif;font-size:24px;font-weight:400;line-height:1.3333}.ctl__system-card-media{display:flex;align-items:flex-start;justify-content:center}.ctl__system-card-image{width:250px;max-width:100%;height:250px;object-fit:contain}.ctl__system-card-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:flex-end;margin-top:16px}.ctl__system-card-description{margin:0;min-height:calc(2 * 1.7778em);color:var(--ctl-system-card-description-color, var(--ctl-system-text-color, #2D2C53));font-family:'Supreme-Variable', sans-serif;font-size:18px;font-weight:400;line-height:1.7778}.ctl__system-card-features{display:flex;flex-wrap:nowrap;gap:12px 16px;margin-top:12px;min-height:1.5em}.ctl__system-card-feature{display:inline-flex;align-items:center;gap:4px;color:var(--ctl-system-card-feature-color, var(--ctl-system-muted-text-color, rgba(45,44,83,0.8)));font-family:'Supreme-Variable', sans-serif;font-size:16px;font-weight:400;line-height:1.5;flex:0 0 auto;min-width:0}.ctl__system-card-feature span{min-width:0;white-space:nowrap}.ctl__system-card-feature-icon{width:24px;height:24px;object-fit:contain;flex:0 0 24px}.ctl__system-card-link{display:inline-flex;align-items:center;gap:4px;margin-top:16px;color:var(--ctl-system-card-link-color, var(--ctl-system-link-color, #2D2C53));font-family:'Supreme-Variable', sans-serif;font-size:18px;font-weight:500;line-height:1.3333;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:color var(--animation-speed, 0.2s) var(--animation-easing, cubic-bezier(0.19, 1, 0.22, 1)),text-decoration-color var(--animation-speed, 0.2s) var(--animation-easing, cubic-bezier(0.19, 1, 0.22, 1))}.ctl__system-card-link:hover{color:var(--ctl-system-card-link-hover-color, var(--ctl-system-card-gradient-start, #d9e7ff));text-decoration-color:currentColor}.ctl__system-card-link-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:currentColor;flex:0 0 24px;transition:color var(--animation-speed, 0.2s) var(--animation-easing, cubic-bezier(0.19, 1, 0.22, 1))}.ctl__system-card-link-icon svg{display:block;width:22px;height:22px}.ctl__system--stacked-features .ctl__system-card-features{flex-direction:column;align-items:flex-start;gap:8px;min-height:calc(2 * 1.5em + 8px)}@media (max-width: 992px){.ctl__system-container{max-width:100%;padding:24px 0}.ctl__system-heading{margin-bottom:24px;font-size:24px;padding-inline:16px}.ctl__system-grid{display:flex;gap:12px;overflow-x:auto;padding-inline:16px;padding-bottom:8px;box-sizing:border-box;scroll-snap-type:x mandatory;scroll-padding-inline:16px;-ms-overflow-style:none;scrollbar-width:none}.ctl__system-grid::-webkit-scrollbar{display:none}.ctl__system-card{width:calc(100% - 58px);min-width:calc(100% - 58px);flex:0 0 calc(100% - 58px);max-width:320px;min-height:350px;padding:15px;scroll-snap-align:start}.ctl__system-card-title{font-size:18px}.ctl__system-card-media{height:150px;margin-top:18px}.ctl__system-card-image{width:200px;height:200px}.ctl__system-card-content{margin-top:8px}.ctl__system-card-description{min-height:0;font-size:14px}.ctl__system-card-features{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:8px;min-height:0}.ctl__system-card-feature{font-size:12px}.ctl__system-card-feature-icon{width:18px;height:18px;flex:0 0 18px}.ctl__system-card-link{margin-top:8px;font-size:14px}.ctl__system--stacked-features .ctl__system-card-features{flex-direction:row;align-items:center;gap:8px 12px;min-height:0}}