.shared-case-section .cases{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
    }
.shared-case-section .case{
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: 15px;
      background: #fff;
      transition: transform .3s ease, box-shadow .3s ease;
    }
.shared-case-section .case:hover{
      transform: translateY(-8px);
      box-shadow: 0 20px 38px rgba(45, 37, 112, .16);
    }
.shared-case-section .case-preview{
      position: relative;
      display: flex;
      align-items: end;
      width: 100%;
      min-height: 190px;
      padding: 18px;
      border: 0;
      color: #fff;
      text-align: left;
      cursor: zoom-in;
      background: linear-gradient(135deg, #202877, #6730e3 55%, #c998ff);
      overflow: hidden;
    }
.shared-case-section .case-preview::before,.shared-case-section .case-preview::after{
      content: "";
      position: absolute;
      border: 1px solid rgba(255, 255, 255, .3);
      border-radius: 50%;
    }
.shared-case-section .case-preview::before{
      width: 220px;
      height: 220px;
      right: -80px;
      top: -105px;
    }
.shared-case-section .case-preview::after{
      width: 130px;
      height: 130px;
      left: -50px;
      bottom: -70px;
    }
.shared-case-section .case:nth-child(2) .case-preview,.shared-case-section .case:nth-child(5) .case-preview,.shared-case-section .case:nth-child(8) .case-preview{
      background: linear-gradient(135deg, #1e506a, #399fb6 56%, #9ce7ef);
    }
.shared-case-section .case:nth-child(3) .case-preview,.shared-case-section .case:nth-child(6) .case-preview,.shared-case-section .case:nth-child(9) .case-preview{
      background: linear-gradient(135deg, #44229d, #9629e6 55%, #f0a6d3);
    }
.shared-case-section .case-play{
      position: relative;
      z-index: 1;
      display: grid;
      place-items: center;
      width: 46px;
      height: 46px;
      border-radius: 50%;
      background: #fff;
      color: var(--violet);
      font-size: 18px;
      box-shadow: 0 8px 19px rgba(0, 0, 0, .18);
    }
.shared-case-section .case-preview span:last-child{
      position: relative;
      z-index: 1;
      margin-left: 12px;
      font: 700 14px Montserrat, sans-serif;
    }
.shared-case-section .case-body{
      padding: 22px;
    }
.shared-case-section .case-body h3{
      font-size: 19px;
      margin-bottom: 8px;
    }
.shared-case-section .case-result{
      margin-top: 15px;
      color: var(--violet);
      font: 700 14px Montserrat, sans-serif;
    }
#sharedCasesModal{
      position: fixed;
      inset: 0;
      z-index: 20;
      display: none;
      place-items: center;
      padding: 24px;
      background: rgba(12, 15, 55, .72);
      backdrop-filter: blur(7px);
    }
#sharedCasesModal.open{
      display: grid;
    }
#sharedCasesModal .modal-card{
      position: relative;
      width: fit-content;
      max-width: calc(100vw - 48px);
      padding: 12px;
      border-radius: 18px;
      background: #fff;
      box-shadow: 0 30px 80px rgba(0, 0, 0, .35);
    }
#sharedCasesModal .modal-close{
      position: absolute;
      right: 15px;
      top: 15px;
      display: grid;
      place-items: center;
      width: 35px;
      height: 35px;
      border: 0;
      border-radius: 50%;
      background: #eee7ff;
      color: var(--violet);
      font-size: 23px;
      cursor: pointer;
    }
#sharedCasesModal .modal-image{
      display: block;
      width: auto;
      height: auto;
      max-width: calc(100vw - 72px);
      max-height: calc(100vh - 64px);
      border-radius: 11px;
      object-fit: contain;
    }
@media(max-width:800px){.shared-case-section .cases{
        grid-template-columns: 1fr;
      }}
#sharedCasesModal{
      align-items: center;
      justify-content: center;
      overflow-y: auto;
    }
#sharedCasesModal .modal-card{
      max-height: calc(100vh - 32px);
      margin: auto;
      overflow-y: auto;
    }
.shared-case-section{
      padding-bottom: 42px
    }
.shared-case-section{--ink:#202877;--violet:#6730e3;--violet-2:#9629e6;--muted:#f4f7fa;--text:#707070;--line:#e8eaf4;padding:88px 0 42px;color:var(--text);font:16px/1.55 "Open Sans",sans-serif;background:#fff}
.shared-case-section .wrap{width:min(1140px,calc(100% - 40px));margin:auto}
.shared-case-section .section-intro{max-width:670px;margin-bottom:42px}
.shared-case-section .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:30px;color:#6730e3;background:#f1eaff;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px}
.shared-case-section h2{font-size:clamp(27px,3.5vw,42px);line-height:1.18;letter-spacing:-.03em;color:#20254e;margin-top:0;margin-bottom:.5em}
.shared-case-section .section-intro p{font-size:18px;line-height:1.55;margin-top:0;margin-bottom:1em}
.shared-case-section h3{color:#20254e;line-height:1.18;font-weight:700;margin-top:0}
.shared-case-section .case-preview{font-family:inherit;line-height:inherit;border-radius:0}
.shared-case-section .case-preview:focus-visible{outline:3px solid #e53935;outline-offset:-4px}
#sharedCasesModal{--violet:#6730e3;z-index:2147483000}
#sharedCasesModal .modal-close:focus-visible{outline:3px solid #7141d9;outline-offset:3px}
@media(max-width:800px){.shared-case-section{padding-top:60px}}
.shared-case-section{position:relative;background:#f8f5ff;border-top:1px solid #e6dcf4;border-bottom:1px solid #e6dcf4;padding:85px 0!important;margin:0}
.shared-case-section .section-intro{margin-bottom:35px}
.shared-case-section .eyebrow{display:inline-block;color:#7141d9;background:#eee5fc;border-radius:20px;padding:7px 14px;margin-bottom:14px}
@media(max-width:767px){.shared-case-section{padding:55px 0!important}}
.shared-case-section .case-dots{display:none}
@media(max-width:767px){.shared-case-section .cases{display:flex!important;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 0 16px}
.shared-case-section .cases::-webkit-scrollbar{display:none}
.shared-case-section .case{flex:0 0 92%;min-width:0;scroll-snap-align:start;margin:0}
.shared-case-section .case-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:10px}
.shared-case-section .case-dot{display:grid;place-items:center;width:24px;height:28px;padding:0;border:0;background:transparent;border-radius:10px;cursor:pointer}
.shared-case-section .case-dot::before{content:"";width:7px;height:7px;background:#d3c3eb;border-radius:50%;transition:background .2s,transform .2s}
.shared-case-section .case-dot.is-active::before{background:#7141d9;transform:scale(1.4)}
.shared-case-section .case-dot:focus-visible{outline:2px solid #7141d9;outline-offset:2px}}
.shared-case-section .case-swipe-hint{display:none}
@media(max-width:767px){.shared-case-section .case{flex-basis:100%}
.shared-case-section .case-swipe-hint{display:block;text-align:center;color:#7141d9;font:600 12px/1.5 Montserrat,sans-serif;margin:0 0 12px}}
@supports(content-visibility:auto){.shared-case-section{content-visibility:auto;contain-intrinsic-size:auto 1100px}
@media(max-width:767px){.shared-case-section{contain-intrinsic-size:auto 720px}}}
.shared-case-section h2{font:700 32px/1.35 Montserrat,sans-serif;color:#29304b}.shared-case-section h3{font:700 19px/1.5 Montserrat,sans-serif;color:#29304b}.shared-case-section p{font-family:"Open Sans",sans-serif}@media(max-width:767px){.shared-case-section h2{font-size:27px}}.shared-case-section .case-dots{flex-wrap:wrap;row-gap:0}

.shared-case-section .case-all{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;min-height:290px;padding:28px;background:linear-gradient(135deg,#f4edff,#fff);border:1px solid #d9c5fb;color:#302443;text-decoration:none}.shared-case-section .case-all h3{margin:0;color:#302443}.shared-case-section .case-all-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#eadeff;color:#6025c8;font:700 30px/1 Arial,sans-serif}.shared-case-section .case-all-text{font-size:15px;line-height:1.7;color:#5c4b70}.shared-case-section .case-all-button{display:inline-block;background:#d82d29;color:#fff;border-radius:24px;padding:11px 20px;font:700 14px/1.5 Montserrat,sans-serif}.shared-case-section .case-all:focus-visible{outline:3px solid #6025c8;outline-offset:3px}

.shared-case-section .case-date{margin-top:14px;padding-top:12px;border-top:1px solid #eee7f5;text-align:right;font-size:13px;line-height:1.5;color:#655572}.shared-case-section .case-date time{white-space:nowrap;font-weight:600}

.shared-case-section .section-intro{max-width:900px;margin:0 auto 36px!important;text-align:center!important}.shared-case-section .section-intro h2,.shared-case-section .section-intro p,.shared-case-section .section-intro .eyebrow{text-align:center!important}.shared-case-section .section-intro p{max-width:780px;margin-left:auto!important;margin-right:auto!important}