.h-accordion{display:flex;background:#1a1a1ab0;border-radius:20px;padding:40px 20px;gap:14px;overflow:hidden;height:420px}.h-card{position:relative;flex:1;min-width:100px;background:#fff0;border-radius:0;will-change:backdrop-filter,transform;transform:translateZ(0);color:#fff;cursor:pointer;overflow:hidden;transition:flex 0.75s cubic-bezier(.4,0,.2,1),background 0.4s ease,backdrop-filter 0.4s ease}.h-card.active{flex:5;background:#fff0}.h-inner{height:100%;padding:0 22px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.h-inner-expanded{justify-content:flex-start;align-items:flex-start}.h-icon{width:48px;height:48px;min-width:48px;min-height:48px;max-width:48px;max-height:48px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;opacity:.75;margin-bottom:18px;overflow:hidden;flex-shrink:0;transition:all .6s cubic-bezier(.4,0,.2,1)}.h-icon img{width:100%;height:100%;object-fit:cover;display:block}.h-card.active .h-icon{width:78px;height:78px;min-width:78px;min-height:78px;max-width:78px;max-height:78px;border-radius:16px;opacity:1;align-self:flex-start;margin-bottom:14px}.h-title{writing-mode:vertical-rl;transform:rotate(180deg);font-size:14px;font-weight:600;text-align:center;opacity:.85;white-space:normal;word-break:break-word}.h-card.active .h-title{writing-mode:horizontal-tb;transform:none;font-size:24px;text-align:left;width:100%;opacity:1}.h-content{width:100%;max-height:0;opacity:0;transform:translateY(10px);transition:max-height .6s ease,opacity .45s ease,transform .45s ease}.h-card.active .h-content{max-height:360px;opacity:1;transform:translateY(0)}.h-btn{margin-top:10px;padding:10px 22px;border-radius:30px;border:1px solid #fff;background:#fff0;color:#fff;font-size:14px;display:inline-flex;align-items:center;gap:8px}.h-btn:hover{background-color:#fff;color:#1a1a1a}.h-plus{width:36px;height:36px;border-radius:50%;border:1.5px solid rgb(255 255 255 / .6);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.h-card.active .h-plus{display:none!important}.h-card:not(:last-child){border-right:1px solid rgb(255 255 255 / .25);border-bottom:none}@media (max-width:1024px){.h-card:not(:last-child){border-right:none;border-bottom:1px solid rgb(255 255 255 / .25)}}@media (max-width:1024px){.h-accordion{flex-direction:column;height:auto}.h-card{min-width:100%;flex:unset}.h-card:not(.active) .h-inner{flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:18px}.h-card.active .h-inner{padding:20px 18px}.h-title{writing-mode:horizontal-tb!important;transform:none!important;font-size:18px;text-align:left;flex:1 1 auto;min-width:0;line-height:1.35}.h-icon{align-self:flex-start;margin-bottom:0}.h-card:not(.active) .h-plus{margin-left:auto}}@media (max-width:600px){.h-inner{padding:16px}.h-icon{width:36px;height:36px;min-width:36px;min-height:36px;margin-bottom:0}.h-card.active .h-icon{width:44px;height:44px;min-width:44px;min-height:44px}.h-title{font-size:16px;line-height:1.3}.h-card.active .h-title{font-size:20px}.h-content p{font-size:14px;line-height:1.4}.h-btn{font-size:13px;padding:8px 16px}.h-plus{width:32px;height:32px;font-size:16px}.h-card:not(.active) .h-inner{gap:10px}}@media (max-width:1024px){.h-card:not(.active) .h-inner{align-items:center;justify-content:center}.h-card:not(.active) .h-title{flex:1 1 auto;width:auto;max-width:100%;white-space:normal;word-break:break-word;overflow:visible;text-align:left}}@media (max-width:600px){.h-card:not(.active) .h-inner{justify-content:center;text-align:center}.h-card:not(.active) .h-title{text-align:center;line-height:1.35}.h-card:not(.active) .h-plus{margin-left:0}}@media (max-width:600px){.h-card:not(.active) .h-inner{display:grid!important;grid-template-columns:minmax(0,20%) auto auto;grid-template-rows:auto auto;align-items:center;column-gap:12px;row-gap:6px;padding:16px}.h-card:not(.active) .h-icon{grid-column:1;grid-row:1 / span 2;margin:0}.h-card:not(.active) .h-title{grid-column:2;grid-row:1 / span 2;width:100%!important;max-width:100%!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;hyphens:none!important;writing-mode:horizontal-tb!important;transform:none!important;font-size:16px;line-height:1.4;text-align:left}.h-card:not(.active) .h-plus{grid-column:3;grid-row:1 / span 2;margin:0}}