.op-use-cases{gap:80px}.op-use-cases,.op-use-cases__title{display:flex;flex-direction:column;width:100%}.op-use-cases__title{gap:8px;max-width:660px}.op-use-cases__text{display:flex;flex-direction:column;gap:8px}.op-use-cases__description,.op-use-cases__heading{color:var(--op-content-primary,#27272a)}.op-use-cases__description{font:var(--op-type-p-md,400 20px/26px "opnova",Arial,sans-serif);margin:0}.op-use-cases__content{align-items:stretch;display:flex;gap:24px;width:100%}.op-use-cases__accordion{display:flex;flex-direction:column;flex-shrink:0;width:432px}.op-use-cases__item{border-top:1px solid var(--op-border-default,#e4e4e7)}.op-use-cases__item-bar{display:flex;height:2px;margin-top:-1px;overflow:hidden;width:100%}.op-use-cases__item-bar-accent{background-color:var(--op-interaction-rest-primary,#623cbb);display:block;flex-shrink:0;height:100%;transition:width .3s ease;width:0}.op-use-cases__item-bar-track{background-color:var(--op-border-default,#e4e4e7);display:block;flex:1;height:100%}.op-use-cases__item.is-open .op-use-cases__item-bar-accent{width:97px}.op-use-cases__item-row{align-items:flex-start;cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:16px 0}.op-use-cases__item-content{display:flex;flex:1;flex-direction:column;gap:0;min-width:0}.op-use-cases__item-label{color:var(--op-content-primary,#27272a);font:var(--op-type-h-sm,600 20px/26px "opnova",Arial,sans-serif);margin:0;transition:color .2s ease}.op-use-cases__item-row:hover .op-use-cases__item-label,.op-use-cases__item.is-open .op-use-cases__item-label{color:var(--op-interaction-rest-primary,#623cbb)}.op-use-cases__item-toggle{align-items:center;color:var(--op-content-primary,#27272a);display:flex;flex-shrink:0;height:auto;justify-content:center;width:48px}.op-use-cases__item.is-open .op-use-cases__item-toggle{color:var(--op-interaction-rest-primary,#623cbb)}.op-use-cases__icon--minus,.op-use-cases__item.is-open .op-use-cases__icon--plus{display:none}.op-use-cases__item.is-open .op-use-cases__icon--minus{display:block}.op-use-cases__item-description{color:var(--op-content-secondary,#71717a);display:none;font:var(--op-type-p-md,400 20px/26px "opnova",Arial,sans-serif);margin:0}.op-use-cases__item.is-open .op-use-cases__item-description{display:block}.op-use-cases__panel{align-items:center;align-self:stretch;background-color:var(--op-bg-secondary,#f4f4f5);background-position:50%;background-size:cover;border-radius:var(--op-radius-lg,24px);box-sizing:border-box;display:flex;flex:1;justify-content:center;overflow:hidden;padding:60px}.op-use-cases__panel-img{border-radius:var(--op-radius-md,12px);display:block;height:auto;width:100%}.op-use-cases__mobile,.op-use-cases__panel-img.is-hidden{display:none}@media (max-width:767px){.op-use-cases{gap:64px}.op-use-cases__description{font-size:16px;line-height:20px}.op-use-cases__accordion,.op-use-cases__panel{display:none}.op-use-cases__mobile{display:flex;flex-direction:column;gap:24px;width:100%}.op-use-cases__tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px;scroll-padding-left:24px;width:calc(100% + 48px)}.op-use-cases__tabs::-webkit-scrollbar{display:none}.op-use-cases__tab{flex-shrink:0;white-space:nowrap}.op-use-cases__tab.is-active{background-color:var(--op-interaction-rest-primary-subtle,#f1eef8);color:var(--op-interaction-rest-primary,#623cbb)}.op-use-cases__mobile-panel{align-items:center;background-color:var(--op-bg-secondary,#f4f4f5);background-position:50%;background-size:cover;border-radius:var(--op-radius-lg,24px);box-sizing:border-box;display:flex;justify-content:center;padding:24px;width:100%}.op-use-cases__mobile-panel-img{border-radius:var(--op-radius-md,12px);display:block;height:auto;width:85%}.op-use-cases__mobile-panel-img.is-hidden{display:none}.op-use-cases__cards{width:100%}.op-use-cases__card{display:none;flex-direction:column;gap:8px}.op-use-cases__card.is-active{display:flex}.op-use-cases__card-label{color:var(--op-interaction-rest-primary,#623cbb);font:var(--op-type-h-xs,600 16px/20px "opnova",Arial,sans-serif);margin:0}.op-use-cases__card-description{color:var(--op-content-secondary,#71717a);font:var(--op-type-p-sm,400 16px/20px "opnova",Arial,sans-serif);margin:0}}