/* ===== s13 ===== */
@scope (.s13) {
  :scope{
    --navy:#0e0d2c;
    --gold-line:#b58d41;
    --card-bg:#f1ece0;
    --para:#1d1d1b;
    --canvas-w:1920px;
    --h:204;               /* Figma group 5719:13 = 1297x204, no surrounding band */
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html,body{background:#ffffff}
  body{overflow-x:hidden;font-family:"Assistant","Heebo",system-ui,sans-serif}

  .info{position:relative;width:100%;overflow:hidden;height:calc(100vw * var(--h) / 1920)}
  .info > .stage{
    position:absolute;top:0;right:0;
    width:var(--canvas-w);height:calc(var(--h) * 1px);
    transform-origin:top right;
    transform:scale(calc(100vw / var(--canvas-w)));
  }

  /* Card centered in the 1920 canvas (Figma group = 1297×204) */
  .info__card{
    position:absolute;
    left:313px;
    top:0;
    width:1297px;height:204px;
    background:var(--card-bg);
  }

  /* Title — right aligned, ends just before the divider */
  .info__title{
    position:absolute;top:15px;right:calc(1297px - 1069px); /* right edge at x=1069 */
    width:1028px;
    font-family:"Heebo","Assistant",sans-serif;
    font-weight:600;font-size:30px;line-height:70px;
    color:var(--navy);text-align:right;
    letter-spacing:-.2px;
  }
  .info__title b{font-weight:900;}

  /* Gold vertical divider at x=1098 */
  .info__line{
    position:absolute;top:35px;right:calc(1297px - 1098px);
    width:1px;height:135px;background:var(--gold-line);
  }

  /* Arrow icon (128×128) at x=1132 */
  .info__arrow{
    position:absolute;top:38px;right:calc(1297px - 1132px - 128px);
    width:128px;height:128px;
  }
  .info__arrow img{width:100%;height:100%;object-fit:contain;display:block;
    transform:scaleX(-1)} /* Lior export points right; Figma points left */

  /* Paragraph — centered block, x=29 w=1040 */
  .info__para{
    position:absolute;top:83px;right:calc(1297px - 1069px);
    width:1040px;
    font-family:"Assistant","Heebo",sans-serif;
    font-weight:400;font-size:20px;line-height:30px;
    color:var(--para);text-align:right;
  }

/* ===== RESPONSIVE — tablet ≤1199 / mobile ≤767 (Figma mobile card 344×412) ===== */

/* ===== RESPONSIVE — tablet ≤1199 / mobile ≤767 (Figma mobile card 344×412) ===== */
@media (max-width:1199px){
  .info{height:auto;overflow:visible}
  .info > .stage{position:static;width:100%;height:auto;transform:none}
  .info__card{position:relative;left:auto;top:auto;width:auto;max-width:720px;height:auto;
    margin:0 auto;padding:26px 30px 30px;background:var(--card-bg);
    display:flex;flex-direction:column;align-items:stretch}
  .info__title{position:static;width:100%;font-size:24px;line-height:1.3;text-align:center}
  .info__line{display:block;position:static;width:100%;height:1px;background:var(--gold-line);margin:18px 0 0}
  .info__arrow{display:none}
  .info__para{position:static;width:100%;font-size:17px;line-height:1.65;text-align:center;margin:15px 0 0}
}

@media (max-width:767px){
  .info__card{margin:0 16px;padding:23px 20px 24px}
  .info__title{font-size:20px;line-height:28px}
  .info__line{margin-top:16px}
  .info__para{font-size:16px;line-height:28px;margin-top:13px}
}

/* ===== Figma mobile 5647:20493 — corrected type scale ===== */
@media (max-width:767px){
  .info__title{font-size:24px;line-height:28px;}
  .info__para{font-size:18px;line-height:28px;}
}
}