.devices-chart{--dc-green:#49a367;--dc-navy:#15283d;--dc-azure:#3a76ba;--dc-blue:#134270;box-sizing:border-box;margin:0 auto;max-width:1200px;padding:40px 20px}.devices-chart__tabs{display:grid;gap:16px;grid-template-columns:repeat(5,1fr);justify-content:center;justify-items:center;margin:0 20px 7px;position:relative}.devices-chart__tab{align-items:center;background:#fff;border:2px solid transparent;border-radius:4px;box-shadow:0 0 16px rgba(0,0,0,.15);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:10px;padding:20px 12px;position:relative;text-align:center;transition:border-color .2s ease}.devices-chart__tabs button[type=button]{height:auto;white-space:break-spaces;width:210px}.devices-chart__tab:after{background:var(--dc-green);content:"";height:24px;left:50%;opacity:0;position:absolute;top:100%;transform:translateX(-50%);transition:opacity .2s ease;width:2px}.devices-chart__tab.is-active{border-color:var(--dc-green)}.devices-chart__tab.is-active:after{opacity:1}.devices-chart__name{color:var(--dc-azure);font-size:20px;font-weight:700;line-height:1.2}.devices-chart__category{color:var(--dc-navy);font-size:13px;font-weight:700;line-height:1.4}.devices-chart__detail{align-items:center;background:#fff;border-radius:4px;border-top:3px solid var(--dc-green);box-shadow:0 0 16px rgba(0,0,0,.15);display:grid;gap:24px;grid-template-columns:1fr 1fr auto;margin-top:20px;padding:28px 32px}.devices-chart__col{padding:0 16px;text-align:center}.devices-chart__col--image,.devices-chart__col--payoff{border-left:1px solid #e0e0e0}.devices-chart__col--image{padding-left:24px}.devices-chart__label{color:var(--dc-blue);display:block;font-size:16px;font-weight:700;margin-bottom:10px}.devices-chart__what-text{color:var(--dc-navy);line-height:1.6;margin:0}.devices-chart__payoff-text{color:var(--dc-green);font-size:18px;font-weight:500;line-height:1.3;margin:0}.devices-chart__image{height:auto;max-height:110px;max-width:110px;object-fit:contain;width:auto}@media (max-width:900px){.devices-chart__tabs{grid-template-columns:repeat(3,1fr);row-gap:40px}.devices-chart__tab:after{display:none}}@media (max-width:640px){.devices-chart__tabs{grid-template-columns:repeat(2,1fr)}.devices-chart__detail{grid-template-columns:1fr;text-align:center}.devices-chart__col--image,.devices-chart__col--payoff{border-left:none;border-top:1px solid #e0e0e0;padding:20px 0 0}.devices-chart__col--image{padding-left:0}.devices-chart__tabs{grid-template-columns:1fr}.devices-chart__tab{cursor:pointer;padding-right:44px;width:100%}.devices-chart__tab:before{color:var(--dc-green);content:"+";font-size:22px;line-height:1;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:transform .2s ease}.devices-chart__tab.is-active:before{transform:translateY(-50%) rotate(45deg)}.devices-chart__tab:after{display:none}.devices-chart__detail{display:none;margin-top:12px}.devices-chart__detail.is-open{display:grid}}