.video-skeleton svg{width:32px;height:32px; color:var(--text-faint); opacity:.6;}
  .video-skeleton.is-hidden{opacity:0 !important; visibility:hidden !important; display:none !important; pointer-events:none !important;}
  @keyframes skeleton-shimmer{0%{background-position:200% 0;}100%{background-position:-200% 0;}}
  @media (prefers-reduced-motion: reduce){ .video-skeleton{animation:none;} }
  .bi-features li{display:flex; align-items:center; gap:10px; font-size:14.5px; color:var(--text);}
  .bi-features li svg{width:16px;height:16px; color:var(--green-soft); flex-shrink:0;}

  .bi-price-card{
    background:var(--surface-2); border:1px solid var(--border-soft); border-radius:16px;
    padding:26px 22px 22px; margin-bottom:26px;
  }
  .bi-testi{
    border-left:2px solid var(--green); padding:2px 0 2px 18px; margin:0 0 26px;
  }
  .bi-testi p{font-size:14.5px; font-style:italic; color:var(--text); line-height:1.6; margin-bottom:10px;}
  .bi-testi cite{font-style:normal; font-size:13px; color:var(--text-faint);}
  .bi-testi cite span{color:var(--green-soft); font-weight:600;}
  .bi-testi-img{max-width:280px; margin:0 0 26px; border-radius:16px; overflow:hidden; box-shadow:0 20px 50px -18px rgba(0,0,0,.6);}
  .bi-testi-img img{width:100%; display:block;}
  .bi-price-badge{
    display:block; width:fit-content; margin:0 auto 22px; font-family:var(--font-mono); font-size:11px; letter-spacing:.05em; text-transform:uppercase;
    background:linear-gradient(135deg, rgba(16,185,129,.95) 0%, rgba(5,150,105,.95) 100%);
    color:#ffffff; padding:6px 16px; border-radius:9999px; font-weight:700;
    border:1px solid rgba(255,255,255,.45);
    box-shadow:inset 0 1px 1.5px rgba(255,255,255,.7), 0 6px 18px -4px rgba(16,185,129,.4);
  }
  .bi-price-cols{display:flex; align-items:stretch; gap:14px; margin-bottom:20px;}
  .bi-price-col{flex:1; text-align:center; border-radius:12px; padding:18px 12px;}
  .bi-price-green{background:rgba(63,125,100,.06); border:1px solid rgba(63,125,100,.18);}
  .bi-price-blue{background:rgba(2,132,199,.07); border:1px solid rgba(2,132,199,.22);}
  .bi-price-icon{
    display:flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:50%;
    margin:0 auto 12px;
  }
  .bi-price-icon svg{width:19px;height:19px;}
  .bi-price-icon-green{background:rgba(63,125,100,.15); color:var(--green-soft);}
  .bi-price-icon-blue{background:rgba(2,132,199,.14); color:#0284c7;}
  .bi-price-label{display:block; font-size:12px; font-weight:700; margin-bottom:8px; letter-spacing:.01em;}
  .bi-price-green .bi-price-label{color:var(--green-soft);}
  .bi-price-blue .bi-price-label{color:#0284c7;}
  .bi-price-amount{font-family:var(--font-display); font-weight:700; display:flex; align-items:baseline; justify-content:center; gap:4px;}
  .bi-price-amount .curr{font-size:13px; color:var(--text-faint); font-family:var(--font-mono);}
  .bi-price-amount .val{font-size:32px;}
  .bi-price-green .bi-price-amount{color:var(--green-soft);}
  .bi-price-blue .bi-price-amount{color:#0284c7;}
  .bi-price-sub{display:block; font-size:10.5px; color:var(--text-faint); margin-top:6px;}
  .bi-price-plus{font-size:18px; color:var(--text-faint); font-weight:700; display:flex; align-items:center;}
  .bi-price-includes{display:grid; grid-template-columns:1fr 1fr; gap:9px 16px; border-top:1px solid var(--border-soft); padding-top:18px;}
  .bi-price-includes li{position:relative; padding-left:22px; font-size:13px; color:var(--text-muted);}
  .bi-price-includes li::before{content:'✓'; position:absolute; left:0; color:var(--green-soft); font-weight:700;}

  @media (max-width:520px){
    .bi-price-includes{grid-template-columns:1fr;}
  }
  .bi-visual{position:relative; display:grid; grid-template-columns:1fr .34fr; gap:20px; align-items:start;}
  .bi-visual-main{grid-column:1; display:flex; flex-direction:column; gap:0;}
  .bi-gallery-tabs{display:flex; gap:8px; margin-bottom:14px; flex-wrap:wrap; grid-column:1 / -1;}
  .bi-tab{
    background:var(--surface); border:1px solid var(--border); color:var(--text-muted);
    font-size:13px; font-weight:500; padding:10px 18px; border-radius:9999px; cursor:pointer;
    backdrop-filter:blur(16px) saturate(180%); -webkit-backdrop-filter:blur(16px) saturate(180%);
    box-shadow:inset 0 1px 1px rgba(255,255,255,.25), 0 2px 8px -2px rgba(0,0,0,.06);
    transition:all .28s cubic-bezier(0.16,1,0.3,1);
  }
  .bi-tab:hover{
    border-color:var(--green-soft); color:var(--text); transform:translateY(-1px);
    box-shadow:inset 0 1px 1.5px rgba(255,255,255,.35), 0 6px 16px -4px rgba(16,185,129,.2);
  }
  .bi-tab.active{
    background:rgba(16,185,129,.14); border-color:rgba(16,185,129,.5); color:var(--green-soft); font-weight:600;
    box-shadow:inset 0 1px 1.5px rgba(255,255,255,.4), 0 6px 18px -4px rgba(16,185,129,.35);
  }
  .bi-mock-card{
    background:var(--surface-2); border:1px solid rgba(63,125,100,.2); border-radius:16px;
    padding:18px; position:relative; box-shadow:0 20px 60px -20px rgba(0,0,0,.6);
  }
  .bi-mock-head{
    display:flex; align-items:center; gap:8px; font-size:13.5px; color:var(--text-muted);
    margin-bottom:14px; font-weight:500;
  }
  .bi-mock-dot{width:8px;height:8px;border-radius:50%; background:var(--green); box-shadow:0 0 8px var(--green); flex-shrink:0;}
  .bi-gallery-imgs{position:relative; background:#10221c; border-radius:10px; overflow:hidden; display:flex; align-items:center; justify-content:center; min-height:200px;}
  .bi-gallery-img{
    display:none; width:100%; height:auto; max-height:600px; object-fit:contain; cursor:zoom-in;
    opacity:1; transform:scale(1); transition:opacity .3s ease, transform .35s ease;
  }
  .bi-gallery-img.active{display:block; pointer-events:auto;}
  .bi-gallery-img.entering{opacity:0; transform:scale(1.02);}
  @media (prefers-reduced-motion: reduce){ .bi-gallery-img{transition:opacity .2s ease;} }
  .bi-mascot-card{
    grid-column:2; grid-row:2; align-self:start; background:var(--surface-2); border:1px solid rgba(63,125,100,.2); border-radius:16px;
    padding:10px; box-shadow:0 20px 60px -20px rgba(0,0,0,.6); display:flex;
  }
  .bi-mascot-img{width:100%; border-radius:10px; display:block; object-fit:contain;}

  @media (max-width:900px){
    .bi-visual{grid-template-columns:1fr;}
    .bi-mascot-card{grid-column:1; grid-row:auto; margin-top:18px;}
    .bi-gallery-tabs{gap:5px;}
    .bi-tab{font-size:11px; padding:6px 11px;}
    .bi-price-cols{flex-direction:column; gap:10px;}
    .bi-price-plus{transform:rotate(90deg);}
  }


  @media (max-width:900px){
    .bi-banner{padding:32px 24px;}
  }