.elementor-22155 .elementor-element.elementor-element-d77869e{--display:flex;}.elementor-22155 .elementor-element.elementor-element-0b93b26{--spacer-size:100px;}.elementor-22155 .elementor-element.elementor-element-e4a72ec{--display:flex;}.elementor-22155 .elementor-element.elementor-element-dc95823{--display:flex;}.elementor-22155 .elementor-element.elementor-element-4c99c0b{--spacer-size:40px;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-72339b4 */:root{
      --bg:#ffffff;
      --text:#111827; /* slate-900 */
      --muted:#6b7280; /* gray-500 */
      --accent:#111827;
      --gap: clamp(16px, 3vw, 32px);
      --page-max: 1200px;
    }

    .case-study{
      margin-inline:auto;
      max-width: 1200px;
    }

    /* Header (logo + category) */
    .cs-header{
      display:flex; align-items:center; justify-content:space-between;
      font-size:14px; letter-spacing:.05em; text-transform:uppercase;
      color:var(--muted);
      margin-bottom: var(--gap);
    }
    .brand{display:flex; align-items:center; gap:.5rem; font-weight:600; color:var(--text)}
    .brand span.small{font-weight:500; color:var(--muted)}

    /* Two-column layout */
    .cs-grid{
      display:grid; grid-template-columns: 1.05fr .95fr; gap: var(--gap);
      align-items: stretch;
    }

    /* LEFT */
    .cs-left{
      /*background:#fff;*/
      padding: 0 15px 0 0;
      /*box-shadow: 0 10px 30px rgba(0,0,0,.06);*/
      display:flex; flex-direction:column; gap: clamp(16px, 2vw, 24px);
    }
    .cs-index{font-size: clamp(28px, 6vw, 56px); font-weight:800; margin:0}
    .cs-title{font-size: clamp(22px, 4vw, 40px); font-weight:700; letter-spacing:.01em; margin:0}

    .specs{display:grid; grid-template-columns: auto 1fr; column-gap: 14px; row-gap:6px; font-size:14px}
    .specs dt{color:var(--text); font-weight:700}
    .specs dd{margin:0; color:var(--muted)}

    .cs-desc{margin:0; color:#374151}

    .plan{
      margin-top:auto;
      background:#f8fafc; border:1px solid #e5e7eb; border-radius:5px;
      overflow:hidden;
    }
    .plan img{display:block; width:100%; height:auto}

    /* RIGHT */
    .cs-right{
      position:relative; overflow:hidden;
      box-shadow: 0 10px 30px rgba(0,0,0,.06);
      min-height: 520px;
      background: #e5e7eb;
      display:grid; place-items:stretch;
    }
    aside.cs-right img {
    border-radius: 5px;
}
    .hero-img{width:100%; height:100%; object-fit:cover; display:block}
    .hero-badge{
      position:absolute; top:12px; right:12px; padding:6px 10px; font-size:12px;
      text-transform:lowercase; color:#fff; background: rgba(17,24,39,.6); backdrop-filter: blur(6px);
      border-radius:999px;
    }

    /* Tiny print style */
    @media print {
      .case-study{max-width:100%; padding:0}
      .cs-left, .cs-right{box-shadow:none}
    }

    /* Responsive */
    @media (max-width: 980px){
      .cs-grid{grid-template-columns: 1fr}
      .cs-right{min-height: 340px; padding-top:16px;}
    }/* End custom CSS */