/* ===== CASE STUDY ===== */
  .case-study{background:var(--warm-white-2);}
  .case-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;}
  .case-beats{display:flex;flex-direction:column;gap:26px;margin-top:28px;}
  .beat{display:flex;gap:18px;}
  .beat-label{
    font-family:var(--mono);
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:0.06em;
    color:var(--blue);
    width:88px;
    flex-shrink:0;
    padding-top:3px;
  }
  .beat p{color:var(--navy);opacity:0.75;font-size:15px;line-height:1.65;}
  .case-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}
  .case-tags span{
    font-family:var(--mono);
    font-size:11.5px;
    letter-spacing:0.02em;
    color:var(--navy);
    background:var(--blue-dim);
    border:1px solid rgba(52,87,255,0.18);
    padding:6px 12px;
    border-radius:var(--r-pill);
  }
  .case-meta{
    margin-top:22px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    row-gap:10px;
    column-gap:16px;
  }
  .case-meta-item{
    display:flex;
    align-items:baseline;
    gap:6px;
    font-family:var(--mono);
    font-size:12.5px;
    color:var(--warm-gray);
    white-space:nowrap;
  }
  .case-meta-item strong{
    font-family:var(--sans);
    font-weight:700;
    color:var(--navy);
    font-size:14.5px;
  }
  .case-meta-dot{
    width:4px;height:4px;
    border-radius:50%;
    background:var(--warm-gray);
    opacity:0.4;
    flex-shrink:0;
  }

  .device-frame{
    border-radius:var(--r-md);
    overflow:hidden;
    background:#0E1526;
    box-shadow:0 40px 70px -30px rgba(14,21,38,0.3);
    border:1px solid var(--hairline);
  }
  .device-bar{
    height:34px;
    background:#131B30;
    display:flex;
    align-items:center;
    gap:6px;
    padding:0 14px;
  }
  .device-bar span{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,0.15);}
  .device-screen{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;}
  .device-body{background:var(--warm-white);padding:22px;}
  .wf-line{height:9px;border-radius:4px;background:var(--hairline);margin-bottom:10px;}
  .wf-block{
    background:linear-gradient(155deg, var(--navy) 0%, var(--navy-soft) 65%, #2A3C7A 100%);
    border-radius:var(--r-sm);
    position:relative;
    overflow:hidden;
  }
  .wf-block::after{
    content:'';
    position:absolute;inset:0;
    background:radial-gradient(120px 90px at 75% 20%, rgba(92,123,255,0.35), transparent 70%);
  }
  .wf-block.wf-accent{background:linear-gradient(155deg, var(--blue), #2540C9);}
  .wf-block.wf-accent::after{background:radial-gradient(80px 60px at 70% 25%, rgba(255,255,255,0.25), transparent 70%);}