:root{
    --sam_kc_hp_blue:#2F5BFF;
    --sam_kc_hp_blue_end:#3B82F6;
    --sam_kc_hp_text:#0F1C3F;
    --sam_kc_hp_muted:#6B7280;
    --sam_kc_hp_pipe:#C9C9C9;
    --sam_kc_hp_rule:#DBDBDB;
    --sam_kc_hp_cardBg:#FFFFFF;
    --sam_kc_hp_bodyBg:#0B1B4B;
    --sam_kc_hp_cardShadow: 14px 22px 52px rgba(0,0,0,0.25);
    --sam_kc_hp_radius:30px;
    --sam_kc_hp_gap:22px;
    --skel-base:#E9EDFF;
    --skel-glow:#F7F9FF;
    --skel-line:#DFE6FF;
    --skel-icon:#C7D2FE;
  }

  *{box-sizing:border-box}
  body{
    margin:0;
    font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans";
    background:var(--sam_kc_hp_bodyBg);
    color:var(--sam_kc_hp_text);
  }
  a{color:inherit; text-decoration:none}
  img{display:block; width:100%; height:auto; border:0}

  /* ====== Shell ====== */
  .sam_kc_hp_wrap{
    max-width:1340px;
    margin:40px auto;
    padding:24px;
  }
  .sam_kc_hp_card{
    background:var(--sam_kc_hp_cardBg);
    border-radius:30px 30px 0px 0px;
    box-shadow:var(--sam_kc_hp_cardShadow);
    overflow:hidden;
  }
  .sam_kc_hp_inner{ padding:28px 28px 34px; }

  /* ====== Header row ====== */
  .sam_kc_hp_head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding-bottom:18px;
    border-bottom:1px solid var(--sam_kc_hp_rule);
  }

  .sam_kc_hp_titleRow{
    display:flex;
    align-items:center;
    gap:14px;
    min-width:0;
    flex:1;
  }

  .sam_kc_hp_title{
    color:#0D4FDB;
    font-weight:600;
    font-size:24px;
    white-space:nowrap;
  }
  .sam_kc_hp_pipe_h{
    width:1px; height:22px; background:var(--sam_kc_hp_pipe);
  }
  .sam_kc_hp_subtitle{
    color:var(--sam_kc_hp_muted);
    font-size:16px;
    line-height:1.4;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  /* ====== Tabs (scrollable on small screens) ====== */
  .sam_kc_hp_tabs_scroller{
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    padding-bottom:8px;
    scrollbar-width:thin;
  }

  .sam_kc_hp_tabs_scroller::-webkit-scrollbar{ height:2px; border-radius:999px; }  /* approx 1px visually */
  .sam_kc_hp_tabs_scroller::-webkit-scrollbar-track{ background:#E8EBF4; border-radius:999px; }
  .sam_kc_hp_tabs_scroller::-webkit-scrollbar-thumb{ background:#C7D2FE; border-radius:999px; }

  .sam_kc_hp_tabs{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:0;
    background:#fff;
    border:1px solid #E5E7EB;
    border-radius:999px;
    padding:6px;
    user-select:none;
    white-space:nowrap;
  }
  .sam_kc_hp_tab{
    position:relative;
    z-index:1;
    padding:10px 18px;
    font-size:14px;
    font-weight:600;
    color:#64748B;
    border-radius:999px;
    cursor:pointer;
    transition:color .2s ease;
    background:transparent;
    border:0;
  }
  .sam_kc_hp_tab:focus-visible{
    outline:2px solid #AEC8FF;
    outline-offset:2px;
    border-radius:999px;
  }
  .sam_kc_hp_tab[aria-selected="true"]{ color:#fff; }
  .sam_kc_hp_tab_label{ position:relative; z-index:2; }

  .sam_kc_hp_tabs_slider{
    position:absolute; z-index:0; top:6px; left:0;
    height:calc(100% - 12px);
    width:0; /* set by JS */
    background:linear-gradient(90deg, var(--sam_kc_hp_blue), var(--sam_kc_hp_blue_end));
    border-radius:999px;
    box-shadow:0 6px 18px rgba(47,91,255,0.25);
    transition: transform .28s cubic-bezier(.2,.8,.2,1), width .28s;
    will-change: transform, width;
  }

  .sam_kc_hp_body{
    display:grid;
    grid-template-columns: 1fr 1px 1fr; /* middle is 1px */
    gap: var(--sam_kc_hp_gap);
    padding-top:24px;
  }
  .sam_kc_hp_vpipe{
    width:1px; height:100%;
    background:var(--sam_kc_hp_pipe);
    border-radius:1px;
    opacity:0.9;
  }

  .sam_kc_hp_feat{
    display:flex; flex-direction:column; gap:12px;
  }
  .sam_kc_hp_feat_title{
    font-size:24px; line-height:1.3; font-weight:700; color:#0B1B4B; margin:0px;
  }
  .sam_kc_hp_meta{ font-size:13px; color:#72809B; }
  .sam_kc_hp_feat_desc{
    color:#394568; font-size:15px; line-height:1.6; margin:0px;
    display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
  }
  .sam_kc_hp_feat_imgWrap{
    margin-top:6px;
    border-radius:16px; overflow:hidden;
    background:#E7EEFF;
    height:290px;
    position:relative;
  }
  .sam_kc_hp_feat_img{ width:100%; height:100%; object-fit:cover; }

  .sam_kc_hp_list{ display:flex; flex-direction:column; gap:14px; }
  .sam_kc_hp_item{
    display:grid; grid-template-columns:120px 1fr; gap:14px;
    padding:10px; border:1px solid #EDF1FF; border-radius:14px;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  }
  .sam_kc_hp_item:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 24px rgba(13,79,219,0.08);
    border-color:#DCE6FF;
  }
  .sam_kc_hp_item_imgWrap{ border-radius:12px; overflow:hidden; background:#EEF3FF; height:88px; position:relative; }
  .sam_kc_hp_item_img{ width:100%; height:100%; object-fit:cover; border:0; outline:0; box-shadow:none;
  -webkit-tap-highlight-color: transparent;}
  .sam_kc_hp_item_img:not([src]), 
  .sam_kc_hp_item_img[src=""] { opacity:0; }
  .sam_kc_hp_item_img[data-loaded="true"]{ opacity:1; transition:opacity .25s ease; }
  .sam_kc_hp_item_cnt{ display:flex; flex-direction:column; gap:6px; justify-content:center; }
  .sam_kc_hp_item_title{
    font-size:16px; line-height:1.35; font-weight:600; color:#0B1B4B;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  }
  .sam_kc_hp_item_meta{ font-size:12px; color:#7583A0; }

  /* CTA */
  .sam_kc_hp_ctaWrap{ display:flex; justify-content:center; padding:30px 0 8px; }
  #sam_kc_hp_cta_wrap{ display:flex; justify-content:center; padding:30px 0 8px; }
  .sam_kc_hp_cta{
    display:inline-flex; align-items:center; gap:10px;
    padding:12px 18px;
    background:linear-gradient(90deg, #2345BE, #4C9DFF);
    color:#fff; border-radius:999px; font-weight:700; font-size:14px;
    border:0;
    transition: transform .18s ease, box-shadow .18s ease;
  }
  .sam_kc_hp_cta:hover{ transform: translateY(-1px); box-shadow:0 8px 18px rgba(35,69,190,.25); }
  .sam_kc_hp_cta svg{ width:18px; height:18px; }

  /* ====== Skeleton (drawer-style shimmer) ====== */
  @keyframes sam_kc_hp_shimmer {
    0%   { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
  }
  @keyframes sam_kc_hp_blink {
    0%,100% { opacity: .85; }
    50%     { opacity: 1; }
  }

  .sam_kc_hp_skeleton{
    position:relative;
    background:var(--skel-base);
    overflow:hidden;
  }
  .sam_kc_hp_skeleton::before{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(90deg, transparent, var(--skel-glow), transparent);
    transform:translateX(-100%);
    animation:sam_kc_hp_shimmer 1.2s linear infinite;
  }

  .sam_kc_hp_skeleton_img{
    position:relative;
    background:var(--skel-base);
  }
  .sam_kc_hp_skeleton_img::before{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(90deg, transparent, var(--skel-glow), transparent);
    transform:translateX(-100%);
    animation:sam_kc_hp_shimmer 1.2s linear infinite;
  }
  .sam_kc_hp_skeleton_img::after{
    content:"";
    position:absolute; inset:auto;
    width:32px; height:32px; left:50%; top:50%; transform:translate(-50%,-50%);
    background:
      url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="%23C7D2FE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2"/><circle cx="8.5" cy="11.5" r="2.5"/><path d="M21 15l-4.5-4.5L11 16"/></svg>')
      center/contain no-repeat;
    opacity:.9;
    animation:sam_kc_hp_blink 1.6s ease-in-out infinite;
  }

  .sam_kc_hp_skeleton_line{
    height:12px;
    border-radius:6px;
    background:var(--skel-line);
    position:relative;
    overflow:hidden;
  }
  .sam_kc_hp_skeleton_line::before{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(90deg, transparent, var(--skel-glow), transparent);
    transform:translateX(-100%);
    animation:sam_kc_hp_shimmer 1.2s linear infinite;
  }

  @media (max-width:1140px){
    .sam_kc_hp_title{ font-size:22px; }
    .sam_kc_hp_subtitle{ font-size:15px; white-space:normal; }
  }
  @media (max-width:900px){
    .sam_kc_hp_inner{ padding:22px 18px 26px; }
    .sam_kc_hp_head{ flex-direction:column; align-items:stretch; gap:12px; }
    .sam_kc_hp_titleRow{ gap:10px; display:block;}
    .sam_kc_hp_pipe_h{display:none;}
    .sam_kc_hp_body{ grid-template-columns:1fr; gap:18px; }
    .sam_kc_hp_vpipe{ display:none; }
    .sam_kc_hp_title{margin-bottom:10px;}
    .sam_kc_hp_feat_title{ font-size:21px; }
    .sam_kc_hp_item{ grid-template-columns:100px 1fr; }
    .sam_kc_hp_tabs_scroller{ margin-left:-2px; margin-right:-2px; }
  }
  @media (max-width:560px){
    .sam_kc_hp_wrap{ margin:20px auto; padding:14px; }
    .sam_kc_hp_feat_imgWrap{ height:240px; }
    .sam_kc_hp_item{ grid-template-columns:88px 1fr; padding:8px; }
    .sam_kc_hp_item_title{ font-size:15px; }
  }

  /* ====== Section 2: Top 3 Most View Research Articles ====== */
  .sam_kc_hp_s2 *{ box-sizing:border-box; }
  .sam_kc_hp_s2{ background:#F7FAFF; border-top:1px solid #E6EEFF; border-radius:0px; box-shadow:0 12px 40px rgba(0,0,0,.12); }
  .sam_kc_hp_s2_inner{ padding:40px 28px 50px; }
  .sam_kc_hp_s2_head{ text-align:center; max-width:900px; margin:0 auto 30px; }
  .sam_kc_hp_title{ color:#0D4FDB; font-weight:600; font-size:24px; }
  .sam_kc_hp_s2_sub{ margin:10px 0 0; color:#6B7280; font-size:15px; line-height:1.65; }

  /* Desktop grid */
  .sam_kc_hp_s2_carousel{ position:relative; margin-top:18px; }
  .sam_kc_hp_s2_view{ position:relative; }
  .sam_kc_hp_s2_track{
    display:grid; grid-template-columns: 1fr 1px 1fr 1px 1fr; gap:14px; align-items:start;
    transform:translate3d(0,0,0);
  }
  .sam_kc_hp_s2_vpipe{ width:1px; background:#C9C9C9; border-radius:1px; }

  .sam_kc_hp_s2_card{
    display:block; background:#fff; border:1px solid #EDF1FF; border-radius:16px; padding:20px; color:inherit;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  }
  .sam_kc_hp_s2_card:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(13,79,219,0.08); border-color:#DCE6FF; }
  .sam_kc_hp_s2_imgWrap{ border-radius:14px; overflow:hidden; background:#EEF3FF; height:160px; margin-bottom:12px; }
  .sam_kc_hp_s2_img{ width:100%; height:100%; object-fit:cover; }
  .sam_kc_hp_s2_card_title{ margin:0 0 6px; font-size:18px; line-height:1.35; font-weight:700; color:#0B1B4B; }
  .sam_kc_hp_s2_meta{ font-size:12px; color:#7583A0; margin-bottom:8px; }
  .sam_kc_hp_s2_desc{ margin:0; color:#3A456A; font-size:15px; line-height:1.55; }

  /* Mobile carousel (strict single-card view) */
  .sam_kc_hp_s2_nav{ display:none; }
  .sam_kc_hp_s2_dotsWrap{ display:none; }

  @media (max-width:900px){
    .sam_kc_hp_s2_inner{ padding:22px 14px; }

    .sam_kc_hp_s2_view{
      overflow:hidden;
      border-radius:22px;
      width:100%;
    }
    .sam_kc_hp_s2_track{
      display:flex !important;
      gap:0 !important;
      transform:translate3d(0,0,0);
      will-change:transform;
      width:100%;
    }
    .sam_kc_hp_s2_track > .sam_kc_hp_s2_card{
      flex:0 0 100%;
      min-width:100%;
      max-width:100%;
      border-radius:20px;
    }
    .sam_kc_hp_s2_track > .sam_kc_hp_s2_vpipe{ display:none !important; }

    .sam_kc_hp_s2_nav{
      position:absolute; top:50%; transform:translateY(-50%);
      display:flex; align-items:center; justify-content:center;
      width:40px; height:40px; border-radius:999px; border:1px solid #D9E3FF; background:#fff;
      color:#27407F; box-shadow:0 6px 16px rgba(39,64,127,.12); z-index:5;
    }
    .sam_kc_hp_s2_prev{ left:-22px; }
    .sam_kc_hp_s2_next{ right:-22px; }
    .sam_kc_hp_s2_nav[disabled]{ opacity:.45; cursor:not-allowed; pointer-events:none; }

    .sam_kc_hp_s2_dotsWrap{ display:block; margin-top:12px; }

    /* Mobile dots */
    .samrecomm-brokingpricing__dots {
      display: flex !important;
      gap: 8px;
      justify-content: center;
    }
    .samrecomm-brokingpricing__dot {
      appearance: none;
      border: 0;
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: rgba(32,70,165,0.35); /* #2046A5 with opacity */
      opacity: .9;
      transition: width .25s ease, transform .25s ease, background-color .25s ease, opacity .25s ease;
      padding: 0;
      cursor: pointer;
    }
    /* Active (pill shape) */
    .samrecomm-brokingpricing__dot[aria-current="true"],
    .samrecomm-brokingpricing__dot.active {
      width: 20px;
      background: #2046A5;
      opacity: 1;
    }
    /* Accessibility focus */
    .samrecomm-brokingpricing__dot:focus-visible {
      outline: 2px solid #2046A5;
      outline-offset: 2px;
      box-shadow: 0 0 0 2px rgba(32,70,165,0.15);
    }
    .sam_kc_hp_title{white-space: break-spaces;}
    }

    /* ===== Section 3: Learn ===== */
    .sam_kc_hp_s3 *{ box-sizing:border-box; }
    .sam_kc_hp_s3{
      background: linear-gradient(180deg, #FFF4E6 0%, #FFFDF8 100%);
      border-top:1px solid #FFE2C5;
      border-radius:0px;
      box-shadow:0 12px 40px rgba(0,0,0,.10);
    }
    .sam_kc_hp_s3_inner{ padding:40px 28px 50px; }

    .sam_kc_hp_s3_head{ text-align:center; max-width:900px; margin:0 auto 30px; }
    .sam_kc_hp_title{ color:#0D4FDB; font-weight:600; font-size:24px; }
    .sam_kc_hp_s3_sub{ margin:10px 0 0; color:#6B7280; font-size:15px; line-height:1.65; }

    /* Desktop grid: 4 modules */
    .sam_kc_hp_s3_carousel{ position:relative; margin-top:18px; }
    .sam_kc_hp_s3_view{ position:relative; }
    .sam_kc_hp_s3_track{
      display:grid; grid-template-columns: repeat(4, 1fr); gap:18px; align-items:stretch;
      transform:translate3d(0,0,0);
    }

    .sam_kc_hp_s3_card{
      display:flex; flex-direction:column; gap:18px;
      background:#ffffff; border:1px solid #F2EDE6; border-radius:20px; padding:20px 20px 25px;
      transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    .sam_kc_hp_s3_card:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgb(243 233 218); border-color:#FFE2C5; }

    .sam_kc_hp_s3_icon{
      width:56px; height:56px; border-radius:14px;
      display:flex; align-items:center; justify-content:center;
      background:#FFF3DF; color:#B96B00;
    }

    .sam_kc_hp_s3_card.is-basics .sam_kc_hp_s3_icon{ background:#EAF2FF; color:#0D4FDB; }
    .sam_kc_hp_s3_card.is-derivs .sam_kc_hp_s3_icon{ background:#EAFDF3; color:#14834A; }
    .sam_kc_hp_s3_card.is-tech   .sam_kc_hp_s3_icon{ background:#F2EAFE; color:#6D28D9; }
    .sam_kc_hp_s3_card.is-algo   .sam_kc_hp_s3_icon{ background:#FFF0F3; color:#D7265E; }

    .sam_kc_hp_s3_card_title{ margin:0; font-size:18px; line-height:1.35; font-weight:700; color:#0B1B4B; }
    .sam_kc_hp_s3_desc{ margin:0; color:#3A456A; font-size:15px; line-height:1.6; flex:1 1 auto; }

    .sam_kc_hp_s3_cta{
      align-self:flex-start; display:inline-flex; align-items:center; gap:8px;
      padding:10px 14px; border-radius:999px;
      background:linear-gradient(90deg,#2345BE,#4C9DFF); color:#fff; font-weight:700; font-size:14px;
    }
    .sam_kc_hp_s3_cta_arrow{ font-size:18px; line-height:1; }

    .sam_kc_hp_s3_nav{ display:none; }
    .sam_kc_hp_s3_dotsWrap{ display:none; }

    @media (max-width:900px){
    .sam_kc_hp_s3_inner{ padding:22px 14px; }

    .sam_kc_hp_s3_view{
      overflow:hidden;
      border-radius:22px;
      width:100%;
    }
    .sam_kc_hp_s3_track{
      display:flex !important;
      gap:0 !important;
      transform:translate3d(0,0,0);
      will-change:transform;
      width:100%;
    }
    .sam_kc_hp_s3_track > .sam_kc_hp_s3_card{
      flex:0 0 100%;
      min-width:100%;
      max-width:100%;
      border-radius:20px;
      padding:16px;
    }

    /* Arrows OUTSIDE the masked box */
    .sam_kc_hp_s3_nav{
      position:absolute; top:50%; transform:translateY(-50%);
      display:flex; align-items:center; justify-content:center;
      width:40px; height:40px; border-radius:999px; border:1px solid #D9E3FF; background:#fff;
      color:#27407F; box-shadow:0 6px 16px rgba(39,64,127,.12); z-index:5;
    }
    .sam_kc_hp_s3_prev{ left:-22px; }
    .sam_kc_hp_s3_next{ right:-22px; }
    .sam_kc_hp_s3_nav[disabled]{ opacity:.45; cursor:not-allowed; pointer-events:none; }

    .sam_kc_hp_s3_dotsWrap{ display:block; margin-top:12px; }
    }
    
    /* ===== Section 4 Daily Market News ===== */
    .sam_kc_hp_s4 *{ box-sizing:border-box; font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial; }
    .sam_kc_hp_s4{
      background:#fff; border-radius:0px;
      border-top:1px solid #EFF2FF;
    }
    .sam_kc_hp_s4_inner{ padding:40px 28px 50px; }

    /* Head */
    .sam_kc_hp_s4_head{ display:flex; align-items:center; justify-content:space-between; gap:16px; }
    .sam_kc_hp_s4_head_l{ display:flex; align-items:center; flex-wrap:wrap; gap:14px; }
    .sam_kc_hp_s4_title{ color:#0D4FDB; font-weight:600; font-size:24px; }
    .sam_kc_hp_s4_head_pipe{ width:1px; height:22px; background:#C9C9C9; }
    .sam_kc_hp_s4_sub{ color:var(--sam_kc_hp_muted); font-size:16px; }
    .sam_kc_hp_s4_more{
      display:inline-flex; align-items:center; justify-content:center;
      width:40px; height:40px; border-radius:999px;
      border:1px solid #D9E3FF; background:#fff; color:#27407F;
      box-shadow:0 6px 16px rgba(39,64,127,.12);
    }
    .sam_kc_hp_s4_head_divider{ height:1px; background:#DBDBDB; margin:18px 0 22px; }

    /* Grid (50/50 + pipe) */
    .sam_kc_hp_s4_grid{
        display:grid; grid-template-columns: 1fr 1px 1fr; gap:22px; align-items:start;
    }
    .sam_kc_hp_vpipe{ width:1px; background:#DBDBDB; border-radius:1px; }

    /* Featured (left) */
    .sam_kc_hp_feat_meta{ font-size:13px; color:#6A7AA6; }
    .sam_kc_hp_feat_img{
      border-radius: 16px;
      overflow: hidden;
      background: #E7EEFF;
      height: 290px;
      position: relative; 
    }
    .sam_kc_hp_feat_img_el{  }

    /* List (right) */
    .sam_kc_hp_s4_list{ display:flex; flex-direction:column; gap:14px; }
    .sam_kc_hp_s4_item{
      display: grid;
      grid-template-columns: 120px 1fr;
      gap: 14px;
      padding: 10px;
      border: 1px solid #EDF1FF;
      border-radius: 14px;
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    .sam_kc_hp_s4_item:hover{ transform: translateY(-2px);
      box-shadow: 0 10px 24px rgba(13, 79, 219, 0.08);
      border-color: #DCE6FF; 
    }

    .sam_kc_hp_s4_item_img{ width:120px; height:88px; border-radius:10px; overflow:hidden; background:#EEF3FF; flex:0 0 auto; }
    .sam_kc_hp_s4_item_img_el{ width:100%; height:100%; object-fit:cover; display:block; }
    .sam_kc_hp_s4_item_body{ display:flex; flex-direction:column; gap:6px; justify-content:center; }
    .sam_kc_hp_s4_item_title{ font-size: 16px;
      line-height: 1.35;
      font-weight: 600;
      color: #0B1B4B;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; margin:0px; 
    }
    .sam_kc_hp_s4_item_meta{ font-size:13px; color:#6A7AA6; } /* 13px here too */

    /* Bottom CTA */
    .sam_kc_hp_s4_cta{ display:flex; justify-content:center; margin-top:18px; }
    .sam_kc_hp_s4_cta_btn{
      display:inline-flex; align-items:center; padding:10px 16px; border-radius:999px;
      background:#0D4FDB; color:#fff; font-weight:700; font-size:14px; border:1px solid #0B43C5;
      box-shadow:0 8px 18px rgba(13,79,219,.18);
    }

    /* Responsive */
    @media (max-width:900px){
      .sam_kc_hp_feat_img{height:240px;}
      .sam_kc_hp_s4_inner{ padding:18px 14px; }
      .sam_kc_hp_s4_head{ align-items:flex-start; gap:8px; }
      .sam_kc_hp_s4_head_l{ gap:8px; }
      .sam_kc_hp_s4_grid{ display:block; }
      .sam_kc_hp_vpipe{ display:none; }
      .sam_kc_hp_feat{ margin-bottom:16px; }
    }

    /* ===== Section 5: Top 3 Most View Daily News ===== */
    .sam_kc_hp_s5 *{ box-sizing:border-box; }
      .sam_kc_hp_s5{
      background:#F7FAFF;
      border-top:1px solid #E6EEFF;
      border-radius:0;
      box-shadow:0 12px 40px rgba(0,0,0,.12);
      margin-top:28px 28px 50px;
    }
    .sam_kc_hp_s5_inner{ padding:40px 28px 50px; }
    .sam_kc_hp_s5_head{ text-align:center; max-width:900px; margin:0 auto 30px; }
    .sam_kc_hp_s5 .sam_kc_hp_title{ color:#0D4FDB; font-weight:600; font-size:24px; }
    .sam_kc_hp_s5_sub{ margin:10px 0 0; color:#6B7280; font-size:15px; line-height:1.65; }

    /* Desktop grid */
    .sam_kc_hp_s5_carousel{ position:relative; margin-top:18px; }
    .sam_kc_hp_s5_view{ position:relative; }
    .sam_kc_hp_s5_track{
      display:grid; grid-template-columns: 1fr 1px 1fr 1px 1fr; gap:14px; align-items:start;
      transform:translate3d(0,0,0);
    }
    .sam_kc_hp_s5_vpipe{ width:1px; background:#C9C9C9; border-radius:1px; }

    .sam_kc_hp_s5_card{
      display:block; background:#fff; border:1px solid #EDF1FF; border-radius:16px; padding:20px; color:inherit;
      transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    .sam_kc_hp_s5_card:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(13,79,219,0.08); border-color:#DCE6FF; }
    .sam_kc_hp_s5_imgWrap{ border-radius:14px; overflow:hidden; background:#EEF3FF; height:160px; margin-bottom:12px; }
    .sam_kc_hp_s5_img{ width:100%; height:100%; object-fit:cover; }
    .sam_kc_hp_s5_card_title{ margin:0 0 6px; font-size:18px; line-height:1.35; font-weight:700; color:#0B1B4B; }
    .sam_kc_hp_s5_meta{ font-size:12px; color:#7583A0; margin-bottom:8px; }
    .sam_kc_hp_s5_desc{ margin:0; color:#3A456A; font-size:15px; line-height:1.55; }

    /* Mobile carousel (strict single-card view) */
    .sam_kc_hp_s5_nav{ display:none; }
    .sam_kc_hp_s5_dotsWrap{ display:none; }

    @media (max-width:900px){
    .sam_kc_hp_s5_inner{ padding:22px 14px; }

    .sam_kc_hp_s5_view{
      overflow:hidden;           /* mask slides */
      border-radius:22px;
      width:100%;
    }
    .sam_kc_hp_s5_track{
      display:flex !important;
      gap:0 !important;
      transform:translate3d(0,0,0);
      will-change:transform;
      width:100%;
    }
    .sam_kc_hp_s5_track > .sam_kc_hp_s5_card{
      flex:0 0 100%;
      min-width:100%;
      max-width:100%;
      border-radius:20px;
    }
    .sam_kc_hp_s5_track > .sam_kc_hp_s5_vpipe{ display:none !important; }

    /* Arrows OUTSIDE the masked box */
    .sam_kc_hp_s5_nav{
      position:absolute; top:50%; transform:translateY(-50%);
      display:flex; align-items:center; justify-content:center;
      width:40px; height:40px; border-radius:999px; border:1px solid #D9E3FF; background:#fff;
      color:#27407F; box-shadow:0 6px 16px rgba(39,64,127,.12); z-index:5;
    }
    .sam_kc_hp_s5_prev{ left:-22px; }   /* outside */
    .sam_kc_hp_s5_next{ right:-22px; }  /* outside */
    .sam_kc_hp_s5_nav[disabled]{ opacity:.45; cursor:not-allowed; pointer-events:none; }

    .sam_kc_hp_s5_dotsWrap{ display:block; margin-top:12px; }

    /* Mobile dots (same style you use elsewhere) */
    .samrecomm-brokingpricing__dots {
      display: flex !important;
      gap: 8px;
      justify-content: center;
    }
    .samrecomm-brokingpricing__dot {
      appearance: none;
      border: 0;
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: rgba(32,70,165,0.35);
      opacity: .9;
      transition: width .25s ease, transform .25s ease, background-color .25s ease, opacity .25s ease;
      padding: 0;
      cursor: pointer;
    }
    .samrecomm-brokingpricing__dot[aria-current="true"],
    .samrecomm-brokingpricing__dot.active {
      width: 20px;
      background: #2046A5;
      opacity: 1;
    }
    .samrecomm-brokingpricing__dot:focus-visible {
      outline: 2px solid #2046A5;
      outline-offset: 2px;
      box-shadow: 0 0 0 2px rgba(32,70,165,0.15);
    }
  }

  /* ===== Section 6: Explore all blogs ===== */
  .sam_kc_hp_s6 * { box-sizing: border-box; font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial; }
  .sam_kc_hp_s6 { background:#fff; border-radius:0px 0px 30px 30px; box-shadow:14px 22px 52px rgba(0,0,0,.25); border-top:1px solid #EFF2FF; }
  .sam_kc_hp_s6_inner { padding:40px 28px 50px; }
  .sam_kc_hp_s6_title { text-align:center; margin:0; font-size:24px; font-weight:600; color:#0D4FDB; }

  /* Tabs */
  .sam_kc_hp_s6_tabsWrap { margin-top:30px; }
  .sam_kc_hp_s6_tabs {
    display:flex; gap:16px; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:none;
    padding-bottom:18px;
  }
  .sam_kc_hp_s6_tabs::-webkit-scrollbar { display:none; }
  .sam_kc_hp_s6_tab {
    flex:0 0 auto; padding:8px 18px; border-radius:999px; border:1px solid #D9E2F1; background:#fff;
    font-size:15px; font-weight:500; color:#27407F; cursor:pointer;
    transition:background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
    white-space:nowrap;
  }
  .sam_kc_hp_s6_tab:hover { background:#F6F9FF; box-shadow:0 4px 10px rgba(39,64,127,.08); }
  .sam_kc_hp_s6_tab.is-active { background:#2046A5; color:#fff; border-color:#2046A5; box-shadow:0 8px 16px rgba(32,70,165,.25); font-weight:700; }

  /* Custom 1px scrollbar for tabs */
  .sam_kc_hp_s6_tabs_scrollbar { position:relative; height:1px; background:#E6ECFF; border-radius:999px; overflow:hidden; }
  .sam_kc_hp_s6_tabs_thumb { position:absolute; left:0; top:0; bottom:0; width:20%; background:#a5b2dc; opacity:.9; border-radius:999px; transition:left .15s ease, width .15s ease; }

  /* Grid */
  .sam_kc_hp_s6_grid {
    margin-top:30px;
    display:grid; grid-template-columns: repeat(4,1fr); gap:26px;
  }
  .sam_kc_hp_s6_card {
    display:block; text-decoration:none; color:inherit;
    background:#fff; border:1px solid #EDF1FF; border-radius:16px; overflow:hidden;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  }
  .sam_kc_hp_s6_card:hover{ transform:translateY(-3px); box-shadow:0 10px 24px rgba(13,79,219,0.10); border-color:#DCE6FF; }
  .sam_kc_hp_s6_media { position:relative; background:#EEF3FF; height:180px; overflow:hidden; }
  .sam_kc_hp_s6_img { width:100%; height:100%; object-fit:cover; display:block; }
  .sam_kc_hp_s6_tag {
    position:absolute; left:10px; top:10px;
    background:#0D4FDB; color:#fff; font-size:12px; font-weight:700;
    padding:6px 10px; border-radius:10px;
  }
  .sam_kc_hp_s6_body { padding:14px; display:flex; flex-direction:column; gap:8px; }
  .sam_kc_hp_s6_h { margin:0; font-size:16px; line-height:1.35; font-weight:700; color:#0B1B4B; }
  .sam_kc_hp_s6_desc { margin:0; color:#3A456A; font-size:14px; line-height:1.55; min-height:3.0em; }
  .sam_kc_hp_s6_meta { color:#6A7AA6; font-size:13px; }

  /* Responsive grid */
  @media (max-width:1200px){ .sam_kc_hp_s6_grid{ grid-template-columns: repeat(3,1fr); } }
  @media (max-width:900px){  .sam_kc_hp_s6_grid{ grid-template-columns: repeat(2,1fr); } }
  @media (max-width:768px){  .sam_kc_hp_s6_grid{ grid-template-columns: 1fr; } .sam_kc_hp_s6_inner{ padding:22px 14px; } }


  /* skeleton loader bug fix for section 6 */
  .sam_kc_hp_s6 img.sam_kc_hp_s6_img:not([src]),
  .sam_kc_hp_s6 img.sam_kc_hp_s6_img[src=""],
  .sam_kc_hp_s6 img.sam_kc_hp_s6_img[src^="data:image/gif;base64,R0lGODlhAQAB"]{
    opacity:0;
  }

  .sam_kc_hp_s6 .sam_kc_hp_img_loading{ opacity:0; }
  .sam_kc_hp_s6 .sam_kc_hp_img_loaded{  opacity:1; transition:opacity .25s ease; }

  .sam_kc_hp_s6 .sam_kc_hp_skeleton_img{
    position:relative;
    background:#EEF3FF;
    overflow:hidden;
    border:0;
  }
  .sam_kc_hp_s6 .sam_kc_hp_skeleton_img::before{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.45) 50%, rgba(255,255,255,0) 100%);
    transform:translateX(-100%);
    animation:s6_shimmer 1.15s linear infinite;
  }
  @keyframes s6_shimmer{ to{ transform:translateX(100%);} }

  .sam_kc_hp_s6 .sam_kc_hp_skeleton_line{
    position:relative;
    display:block;
    height:12px;
    border-radius:8px;
    background:#E9EEFC;
    overflow:hidden;
  }
  .sam_kc_hp_s6 .sam_kc_hp_skeleton_line::before{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 50%, rgba(255,255,255,0) 100%);
    transform:translateX(-100%);
    animation:s6_shimmer 1.15s linear infinite;
  }

  .sam_kc_hp_s6 .sam_kc_hp_s6_media{ background:#EEF3FF; }

  .sam_kc_hp_s6 .sam_kc_hp_s6_card[aria-disabled="true"] .sam_kc_hp_s6_tag { display:none; }
  .sam_kc_hp_s6 .sam_kc_hp_s6_tag:empty { display:none; }

  /* Pagination (scoped copy of your styles) */
  .sam_kc_hp_s6_pagination { display:none; margin-top:16px; gap:8px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }
  .sam_kc_hp_s6 .samco-pr__pages { display:flex; gap:8px; align-items:center; padding:0px; }
  .sam_kc_hp_s6 .samco-pr__item { list-style:none; }
  .sam_kc_hp_s6 .samco-pr__link,
  .sam_kc_hp_s6 .samco-pr__link--edge {
    appearance:none; border:1px solid #D9E2F1; background:#fff; padding:8px 12px; border-radius:10px;
    font-size:14px; font-weight:600; color:#2250BC; display:inline-flex; align-items:center; gap:8px;
    transition: background .15s, box-shadow .15s, transform .15s;
  }
  .sam_kc_hp_s6 .samco-pr__link--disabled { opacity:.45; cursor:not-allowed; }
  .sam_kc_hp_s6 .samco-pr__link:hover:not(.samco-pr__link--disabled) { background:#F3F6FF; box-shadow:0 4px 12px rgba(34,80,188,.15); }
  .sam_kc_hp_s6 .samco-pr__link--active { background:#2250BC; color:#fff; border-color:#2250BC; }
  .sam_kc_hp_s6 .samco-pr__ellipsis { color:#99A6C4; padding:0 4px; }
  .sam_kc_hp_s6_exploreMobile { display:none; margin-top:10px; text-align:center; }
  .sam_kc_hp_s6_exploreBtn { display:none; padding:10px 14px; border-radius:999px; background:#0D4FDB; color:#fff; font-weight:700; border:1px solid #0B43C5; }

  @media (max-width:768px){
    .sam_kc_hp_s6_pagination{ display:flex; margin-top:25px; margin-bottom:10px; }
    .sam_kc_hp_s6_exploreMobile{ display:block; }
  }

  /* If someone forgets the placeholder src, suppress the UA broken-image box */
  .sam_kc_hp_s4_item_img_el:not([src]), 
  .sam_kc_hp_s4_item_img_el[src=""] { opacity:0; }
  .sam_kc_hp_s4_item_img_el[data-loaded="true"]{ opacity:1; transition:opacity .25s ease; }
  .sam_kc_hp_s4_item_img_el{
    border:0; outline:0; box-shadow:none;
    -webkit-tap-highlight-color: transparent;
  }
  .sam_kc_hp_s6_img{
    border:0; outline:0; box-shadow:none;
    -webkit-tap-highlight-color: transparent;
  }

  .sam_kc_hp_skeleton_img{ position:relative; background:#EEF3FF; overflow:hidden; }
  .sam_kc_hp_skeleton_img::after{
    content:""; position:absolute; inset:0;
    background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.45) 50%, rgba(255,255,255,0) 100%);
    transform:translateX(-100%);
    animation:sam_kc_hp_shimmer 1.2s infinite linear;
    z-index:0; /* keep shimmer behind the icon */
  }
  .sam_kc_hp_img_icon{
    position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
    z-index:1; color:#A3B1D1; pointer-events:none;
  }
  @keyframes sam_kc_hp_shimmer{ to{ transform:translateX(100%); } }

  img.sam_kc_hp_item_img,
  img.sam_kc_hp_feat_img_el,
  img.sam_kc_hp_s2_img,
  img.sam_kc_hp_s5_img,
  img.sam_kc_hp_s6_img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    border:0;
    outline:0;
    box-shadow:none;
    background:transparent;
  }

  img.sam_kc_hp_item_img:not([src]),
  img.sam_kc_hp_item_img[src=""],
  img.sam_kc_hp_feat_img_el:not([src]),
  img.sam_kc_hp_feat_img_el[src=""],
  img.sam_kc_hp_s2_img:not([src]),
  img.sam_kc_hp_s2_img[src=""],
  img.sam_kc_hp_s5_img:not([src]),
  img.sam_kc_hp_s5_img[src=""],
  img.sam_kc_hp_s6_img:not([src]),
  img.sam_kc_hp_s6_img[src=""],
  img.sam_kc_hp_item_img[src^="data:image/gif;base64,R0lGODlhAQAB"],
  img.sam_kc_hp_feat_img_el[src^="data:image/gif;base64,R0lGODlhAQAB"],
  img.sam_kc_hp_s2_img[src^="data:image/gif;base64,R0lGODlhAQAB"],
  img.sam_kc_hp_s5_img[src^="data:image/gif;base64,R0lGODlhAQAB"],
  img.sam_kc_hp_s6_img[src^="data:image/gif;base64,R0lGODlhAQAB"]{
    opacity:0;
  }

  .sam_kc_hp_img_loading{ opacity:0; }
  .sam_kc_hp_img_loaded{  opacity:1; transition:opacity .25s ease; }

  .sam_kc_hp_skeleton_img{
    position:relative;
    overflow:hidden;
    background:#EEF3FF;
    border:0;
  }

  .sam_kc_hp_skeleton_img::after{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.45) 50%, rgba(255,255,255,0) 100%);
    transform:translateX(-100%);
    animation:sam_hp_shimmer 1.2s linear infinite;
    z-index:1;
  }
  @keyframes sam_hp_shimmer{ to{ transform:translateX(100%);} }

  .sam_kc_hp_skeleton_img::before{
    content:"";
    position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
    width:28px; height:28px; z-index:2; opacity:.85;
    animation:none !important; background-position:center !important;
    background:no-repeat center/28px 28px
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none'%3E%3Crect x='3' y='5' width='18' height='14' rx='2' ry='2' stroke='%23A3B1D1' stroke-width='2'/%3E%3Ccircle cx='8.5' cy='10.5' r='1.6' fill='%23A3B1D1'/%3E%3Cpath d='M5 17l4.2-4.2 3.3 3.3L15.5 13 19 17' stroke='%23A3B1D1' stroke-width='2' fill='none'/%3E%3C/svg%3E");
  }

  .sam_kc_hp_item_imgWrap,
  .sam_kc_hp_feat_img,
  .sam_kc_hp_s6_media{ border:0; background:#EEF3FF; overflow:hidden; }

  /* ===== Section 6: Image skeleton — centered icon + shimmer ===== */
  .sam_kc_hp_s6 .sam_kc_hp_skeleton_img{
    position: relative;
    background: #EEF3FF;
    overflow: hidden;
    border: 0;
  }

  .sam_kc_hp_s6 .sam_kc_hp_skeleton_img > img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    position:relative;
    z-index:0;
  }

  .sam_kc_hp_s6 .sam_kc_hp_skeleton_img::before{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(90deg, rgba(255,255,255,0) 0%,rgba(255,255,255,.45) 50%,rgba(255,255,255,0) 100%);
    transform:translateX(-100%);
    animation:s6_shimmer 1.15s linear infinite;
    z-index:1;
  }

  .sam_kc_hp_s6 .sam_kc_hp_skeleton_img::after{
    content:"";
    position:absolute; left:50%; top:50%;
    transform:translate(-50%,-50%);
    animation:none;
    width:28px; height:28px;
    background:no-repeat center/28px 28px
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none'%3E%3Crect x='3' y='5' width='18' height='14' rx='2' ry='2' stroke='%23A3B1D1' stroke-width='2'/%3E%3Ccircle cx='8.5' cy='10.5' r='1.6' fill='%23A3B1D1'/%3E%3Cpath d='M5 17l4.2-4.2 3.3 3.3L15.5 13 19 17' stroke='%23A3B1D1' stroke-width='2' fill='none'/%3E%3C/svg%3E");
    opacity:.9;
    pointer-events:none;
    z-index:2;
  }

  @keyframes s6_shimmer { to { transform: translateX(100%); } }
  .sam_kc_hp_s6 img.sam_kc_hp_s6_img:not([src]),
  .sam_kc_hp_s6 img.sam_kc_hp_s6_img[src=""],
  .sam_kc_hp_s6 img.sam_kc_hp_s6_img[src^="data:image/gif;base64,R0lGODlhAQAB"]{
    opacity:0;
  }

  .sam_kc_hp_s6 .sam_kc_hp_img_loading{ opacity:0; }
  .sam_kc_hp_s6 .sam_kc_hp_img_loaded{  opacity:1; transition:opacity .25s ease; }