:root{--nav-w-lg:320px;--nav-w-md:280px;--nav-w-sm:240px}.toggles{--accent:#8b5cff;background:#0f0f11;display:flex;overflow:hidden}.toggles__nav{background:#000;display:flex;flex-direction:column;width:var(--nav-w-lg)}.toggle{align-items:center;background:#101113;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.75rem;padding:.65rem 1rem;transition:background .2s}.toggle img{height:38px;width:38px}.toggle__title{color:#fff;font-size:16px}.toggle.active{background:#17191c;border-right:4px solid var(--accent)}.toggle:not(.active):hover{background:#1b1b1f}.toggles__panelwrap{background:#17191c;display:flex;flex:1;padding:2.25rem 2.5rem}.panel{display:none;flex:1 0 100%;flex-direction:column;gap:1.75rem}.card,.panel.active{display:flex}.card{background:#101113;border-left:4px solid var(--accent);gap:1.25rem;padding:1.75rem;transition:background .2s}.card:hover{background:#222226}.card__icon{flex-shrink:0;height:68px;width:68px}.card__title{color:var(--accent);font-size:24px;font-weight:600;margin:.2rem 0 .5rem}.card__desc{color:#fff;font-size:16px;line-height:1.55;margin:0}.panel__cta{align-self:flex-start;background:var(--accent);color:#17191c;font-size:15px;font-weight:600;margin-top:.75rem;padding:.7rem 1.5rem;text-decoration:none}@media (max-width:1440px){.toggles__nav{width:var(--nav-w-md)}.toggles__panelwrap{padding:2rem}.card{padding:1.5rem}}@media (max-width:1024px){.toggles__nav{width:var(--nav-w-sm)}.toggle img{height:32px;width:32px}.toggle__title{font-size:15px}.card__icon{height:60px;width:60px}.card__title{font-size:22px}.card__desc{font-size:15px}.panel__cta{font-size:14px;padding:.6rem 1.25rem}.toggles__panelwrap{padding:1.75rem}}@media (max-width:768px){.toggles{flex-direction:column;margin:1rem 0}.toggles__nav{flex-direction:row;overflow-x:auto;scrollbar-width:none;width:auto}.toggles__nav::-webkit-scrollbar{display:none}.toggle{border-bottom:4px solid transparent;border-right:none;flex-direction:column;gap:.4rem;padding:.8rem .75rem}.toggle.active{border-bottom:4px solid var(--accent);border-right:none}.toggle img{height:30px;width:30px}.toggle__title{font-size:14px;text-align:center}.toggles__panelwrap{padding:.5rem}.card{flex-wrap:wrap;justify-content:center;padding:1.25rem}.card__icon{height:54px;width:54px}.card__title{font-size:20px;text-align:center}.card__desc{font-size:14px;text-align:center}.panel__cta{font-size:13px;margin:0 auto;padding:.55rem 1.1rem}}