.ksa-offers-hero{
    background:
      radial-gradient(1200px 600px at 85% -10%, rgba(83,109,254,.10), transparent 70%),
      linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.00));
  }
  
  .hero-slim{ padding:8px 0 26px; }
  .hero-inner-override{ display:block !important; }
  .hero-inner-slim{ padding-top:18px; }
  
  .ksa-offers-crumbs ol{
    list-style:none; margin:0; padding:0;
    display:flex; gap:8px; flex-wrap:wrap;
    color:#cfe2ff;
  }
  .ksa-offers-crumbs a{
    color:#cfe2ff; text-decoration:none;
    border-bottom:1px dashed transparent;
  }
  .ksa-offers-crumbs a:hover{ border-bottom-color:rgba(255,255,255,.2); }
  .ksa-offers-crumbs li::after{ content:"/"; opacity:.4; margin:0 6px; }
  .ksa-offers-crumbs li:last-child::after{ content:""; }
  
  .ksa-offers-head{ margin-top:10px; }
  .ksa-offers-title{
    margin:0;
    font-size:clamp(28px, 3.4vw, 42px);
    line-height:1.12;
    font-weight:950;
    letter-spacing:.2px;
  }
  .ksa-offers-sub{
    margin:10px 0 0;
    color:#dfe9ff;
    opacity:.92;
    font-weight:700;
    line-height:1.55;
    max-width: 70ch;
  }
  
  .ksa-offers-container{ max-width: 1120px; }
  
  .ksa-offers-grid{
    display:grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap:14px;
  }
  @media (max-width: 980px){
    .ksa-offers-grid{ grid-template-columns: 1fr; }
  }
  
  .ksa-offers-card{
    border:1px solid var(--line);
    border-radius:18px;
    background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
    box-shadow:var(--shadow);
    padding:16px;
    display:grid;
    gap:12px;
  }
  
  .ksa-offers-cardTop{
    display:flex;
    gap:12px;
    justify-content:space-between;
    align-items:flex-start;
    flex-wrap:wrap;
  }
  
  .ksa-offers-cardTitle{
    margin:0;
    font-size:1.16rem;
    font-weight:950;
    letter-spacing:.12px;
    flex: 1 1 260px;
  }
  
  .ksa-offers-linkPill{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border-radius:999px;
    text-decoration:none;
    font-weight:900;
    color:#eaf4ff;
    border:1px solid rgba(83,109,254,.40);
    background:rgba(83,109,254,.16);
  }
  .ksa-offers-linkPill:hover{
    box-shadow:0 14px 26px rgba(83,109,254,.22);
    transform:translateY(-1px);
  }
  
  .ksa-cpn-box{
    position:relative;
    border-radius:18px;
    padding:14px;
    border:1px solid rgba(0,214,200,.22);
    background:
      radial-gradient(600px 220px at 18% 10%, rgba(0,214,200,.12), transparent 60%),
      linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
    overflow:hidden;
  }
  
  .ksa-cpn-box::before,
  .ksa-cpn-box::after{
    content:"";
    position:absolute;
    top:50%;
    width:18px;
    height:18px;
    border-radius:999px;
    transform:translateY(-50%);
    background: rgba(10, 20, 40, .9);
    border:1px solid rgba(255,255,255,.10);
  }
  .ksa-cpn-box::before{ left:-9px; }
  .ksa-cpn-box::after{ right:-9px; }
  
  .ksa-cpn-topRow{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
  }
  
  .ksa-cpn-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 10px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.03);
    color:#eaf4ff;
    font-weight:900;
    letter-spacing:.15px;
  }
  .ksa-cpn-badge i{ opacity:.9; }
  
  .ksa-cpn-copyBtn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 12px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.14);
    background:rgba(255,255,255,.03);
    color:#eaf4ff;
    font-weight:950;
    cursor:pointer;
  }
  .ksa-cpn-copyBtn:hover{
    background:rgba(255,255,255,.05);
    transform:translateY(-1px);
  }
  .ksa-cpn-copyBtn.is-copied{
    border-color: rgba(0,214,200,.35);
    background: rgba(0,214,200,.10);
    color:#76ffea;
  }
  
  .ksa-cpn-codeWrap{
    margin-top:12px;
    border-radius:16px;
    border:1px dashed rgba(0,214,200,.28);
    background:rgba(0,214,200,.07);
    padding:14px 14px;
  }
  
  .ksa-cpn-code{
    display:block;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-weight:950;
    letter-spacing:.6px;
    color:#76ffea;
    text-transform:none; /* preserve exact case */
    font-size: clamp(18px, 2.2vw, 28px);
    line-height:1.25;
  
    white-space: normal;          /* allow wrap */
    overflow-wrap: anywhere;      /* wrap long tokens */
    word-break: break-word;       /* prevent overflow */
  }
  
  .ksa-cpn-toast{
    position:absolute;
    right:14px;
    bottom:14px;
    padding:8px 10px;
    border-radius:12px;
    border:1px solid rgba(0,214,200,.28);
    background:rgba(0,214,200,.10);
    color:#76ffea;
    font-weight:900;
    opacity:0;
    transform:translateY(6px);
    pointer-events:none;
    transition: opacity .18s ease, transform .18s ease;
  }
  .ksa-cpn-toast.is-show{
    opacity:1;
    transform:translateY(0);
  }
  
  .ksa-offers-body{
    color:#dfe9ff;
    opacity:.95;
    line-height:1.65;
    font-weight:650;
  }
  .ksa-offers-body a{ color:#cfe2ff; text-decoration:underline; }
  
  .ksa-offers-emptyBox{
    border:1px solid var(--line);
    border-radius:18px;
    background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
    box-shadow:var(--shadow);
    padding:18px;
    display:flex;
    gap:14px;
    align-items:flex-start;
    max-width:900px;
    margin:0 auto;
  }
  @media (max-width: 720px){
    .ksa-offers-emptyBox{ flex-direction:column; }
  }
  
  .ksa-offers-emptyIcon{
    width:46px; height:46px;
    border-radius:14px;
    display:grid; place-items:center;
    border:1px solid rgba(83,109,254,.35);
    background:rgba(83,109,254,.14);
    color:#eaf4ff;
    font-size:20px;
  }
  
  .ksa-offers-emptyTitle{ font-weight:950; font-size:1.15rem; margin-bottom:6px; }
  .ksa-offers-emptyText{ margin:0; color:#dfe9ff; opacity:.95; line-height:1.55; font-weight:650; }
  .ksa-offers-emptyActions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }
  
  .ksa-offers-ghostBtn{
    display:inline-flex; align-items:center; gap:8px;
    padding:10px 12px;
    border-radius:12px;
    border:1px solid var(--line);
    background:rgba(255,255,255,.02);
    color:#eaf4ff;
    text-decoration:none;
    font-weight:900;
  }
  .ksa-offers-ghostBtn:hover{ background:rgba(255,255,255,.04); }