/* ---------- platform landing pages (dat-hang-*) ---------- */
  .platform-badge{
    display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;
    border-radius:var(--r-sm);border:var(--bw) solid var(--ink);background:#fff;overflow:hidden;flex:none;
    box-shadow:3px 3px 0 0 var(--ink);
  }
  .platform-badge img{width:100%;height:100%;object-fit:cover;}
  .page-hero .kicker-row{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
  .mini-search{
    display:flex;align-items:center;gap:12px;background:var(--card);border:var(--bw) solid var(--ink);
    border-radius:9999px;padding:14px 20px;box-shadow:5px 5px 0 0 var(--ink);
  }
  .mini-search .icon-badge{width:32px;height:32px;flex:none;}
  .mini-search-text{position:relative;height:20px;flex:1;overflow:hidden;}
  .mini-search-text .sq{
    position:absolute;left:0;top:0;white-space:nowrap;font-size:14.5px;font-weight:600;color:var(--fg);
    opacity:0;animation: pvUrlCycle 6s ease-in-out infinite;
  }
  .mini-search-text .sq2{animation-name: pvUrlCycle2;}
  .mini-search-text .sq3{animation-name: pvUrlCycle3;}
  .demo-stack{display:flex;flex-direction:column;gap:18px;}
  .compare-table th:nth-child(4),.compare-table td:nth-child(4){background:rgba(124,58,237,.07);}
  .compare-table th:nth-child(4){background:var(--accent);}

  /* ---------- real product screenshot showcase (dashboard-showcase) ---------- */
  .shot-tabs{margin-top:36px;}
  .shot-radio{position:absolute;opacity:0;pointer-events:none;}
  .shot-tabbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:24px;}
  .shot-tab-btn{
    display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:9999px;
    border:var(--bw) solid var(--ink);background:#fff;font-weight:800;font-size:13.5px;cursor:pointer;
    box-shadow:3px 3px 0 0 var(--ink);transition:transform .15s ease,background .15s ease,color .15s ease;
    font-family:"Be Vietnam Pro",sans-serif;
  }
  .shot-tab-btn svg{width:16px;height:16px;flex:none;}
  .shot-tab-btn:hover{transform:translate(-1px,-2px);}
  .shot-frame{
    border:var(--bw) solid var(--ink);border-radius:var(--r-lg);overflow:hidden;background:#fff;
    box-shadow:8px 8px 0 0 var(--ink);max-width:940px;margin:0 auto;
  }
  .shot-browser-bar{display:flex;align-items:center;gap:7px;padding:13px 18px;background:var(--ink);}
  .shot-dot{width:10px;height:10px;border-radius:9999px;flex:none;}
  .shot-url{
    margin-left:10px;background:rgba(255,255,255,.14);color:#E2E8F0;font-size:12px;font-weight:600;
    padding:6px 16px;border-radius:9999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%;
  }
  .shot-panel{display:none;}
  .shot-panel img{display:block;width:100%;height:auto;}
  .shot-caption{
    padding:16px 22px;font-size:13.5px;line-height:1.6;color:var(--muted-fg);background:var(--muted);
    border-top:1.5px dashed var(--border);
  }
  .shot-caption b{color:var(--fg);font-family:"Be Vietnam Pro",sans-serif;}
  #shotHome:checked ~ .shot-frame .shot-panel-home{display:block;}
  #shotSearch:checked ~ .shot-frame .shot-panel-search{display:block;}
  #shotCart:checked ~ .shot-frame .shot-panel-cart{display:block;}
  #shotHome:checked ~ .shot-tabbar .shot-tab-btn:nth-child(1),
  #shotSearch:checked ~ .shot-tabbar .shot-tab-btn:nth-child(2),
  #shotCart:checked ~ .shot-tabbar .shot-tab-btn:nth-child(3){
    background:var(--accent);color:#fff;
  }
  @media (max-width:640px){
    .shot-tab-btn{padding:9px 16px;font-size:12.5px;}
    .shot-caption{padding:14px 18px;font-size:13px;}
  }