/* ============ CHECKPOINT.BI ============ */
  .bi-banner{
    background:var(--surface); border:1px solid rgba(63,125,100,.25); border-radius:24px;
    padding:52px 56px; position:relative; overflow:hidden; margin:0 auto 28px;
    max-width:740px;
  }
  .bi-copy{max-width:none;}
  .bi-banner::before{
    content:''; position:absolute; inset:0;
    background:radial-gradient(ellipse 60% 80% at 100% 0%, rgba(63,125,100,.14), transparent 60%);
    pointer-events:none;
  }
  .bi-eyebrow{color:var(--green-soft); border-color:rgba(63,125,100,.3); background:rgba(63,125,100,.08);}
  .bi-photo-stack{position:absolute; inset:0; z-index:-1; overflow:hidden; pointer-events:none; border-radius:inherit;}
  .bi-photo-stack img{
    position:absolute; left:0; width:100%; height:38%; object-fit:cover;
    opacity:.14; filter:saturate(.55) contrast(1.05);
    -webkit-mask-image:linear-gradient(180deg, transparent 0%, black 30%, black 70%, transparent 100%);
    mask-image:linear-gradient(180deg, transparent 0%, black 30%, black 70%, transparent 100%);
  }
  .bi-photo-stack img:nth-child(1){top:-6%;}
  .bi-photo-stack img:nth-child(2){top:12%;}
  .bi-photo-stack img:nth-child(3){top:28%;}
  .bi-photo-stack img:nth-child(4){top:44%;}
  .bi-photo-stack img:nth-child(5){top:60%;}
  .bi-photo-stack img:nth-child(6){top:76%;}
  .bi-photo-stack::after{content:''; position:absolute; inset:0; background:radial-gradient(ellipse 90% 90% at 50% 50%, transparent 20%, var(--surface) 92%);}
  .bi-logo-img{
    width:128px; height:128px; border-radius:50%; margin:0 auto 20px; display:block;
    box-shadow:0 14px 36px -8px rgba(8,145,178,.4);
    transition:transform .4s cubic-bezier(.16,1,.3,1), box-shadow .4s ease;
  }
  .bi-logo-img:hover{
    transform:translateY(-4px) scale(1.04);
    box-shadow:0 20px 48px -6px rgba(8,145,178,.55);
  }
  .bi-logo-img.reveal{transform:scale(.4); transition:opacity .65s cubic-bezier(.34,1.56,.64,1), transform .65s cubic-bezier(.34,1.56,.64,1);}
  .bi-logo-img.reveal.is-visible{transform:scale(1);}

  .bi-live-trend-wrap{
    position:absolute; top:30px; left:32px; opacity:.85; z-index:0; pointer-events:none;
  }
  .bi-live-trend{width:110px; height:46px; flex-shrink:0;}
  .bi-trend-line{stroke-dasharray:220; stroke-dashoffset:220; animation:biTrendDraw 2.4s ease forwards, biTrendFade 3s ease-in-out 2.4s infinite alternate;}
  @keyframes biTrendDraw{to{stroke-dashoffset:0;}}
  @keyframes biTrendFade{0%{opacity:.7;}100%{opacity:1;}}
  .bi-live-bars{
    position:absolute; top:32px; right:30px; display:flex; align-items:flex-end; gap:5px; height:40px;
    opacity:.85; z-index:0; pointer-events:none;
  }
  .bi-live-bars span{
    width:7px; border-radius:3px 3px 0 0; height:24px;
    background:linear-gradient(180deg,#7dd3fc,#0e7a57);
  }
  @media (max-width:900px){
    .bi-live-trend-wrap, .bi-live-bars{display:none;}
  }
  @media (prefers-reduced-motion: reduce){
    .bi-trend-line{animation:none; stroke-dashoffset:0;}
    .bi-live-bars span{animation:none; height:24px;}
    .bi-trend-dot{display:none;}
  }
  .bi-dot{background:var(--green); box-shadow:0 0 8px var(--green);}
  .bi-grad-text{background:linear-gradient(90deg,var(--green),#3b82f6); -webkit-background-clip:text; background-clip:text; color:transparent;}
  .bi-dotapp{font-family:var(--font-mono); font-size:.55em; font-weight:600; background:var(--green); color:#04120a; padding:2px 8px; border-radius:6px; margin-left:4px; -webkit-text-fill-color:#04120a;}
  .bi-copy h2{font-size:clamp(26px,3vw,38px); margin:16px 0 16px;}
  .bi-lead{color:var(--text-muted); font-size:16px; margin-bottom:26px; max-width:480px;}

  .bi-mascot{display:flex; gap:18px; align-items:flex-start; margin:18px 0 24px; max-width:520px;}
  .bi-mascot-avatar{
    width:108px; height:108px; border-radius:20px; object-fit:cover; flex-shrink:0;
    border:1px solid var(--border); box-shadow:0 10px 24px -10px rgba(63,125,100,.35);
  }
  .bi-mascot-bubble{position:relative; background:var(--surface-2); border:1px solid var(--border); border-radius:16px; padding:16px 18px; font-size:14.5px; line-height:1.55; color:var(--text);}
  .bi-mascot-bubble::before{content:''; position:absolute; left:-8px; top:18px; width:14px; height:14px; background:var(--surface-2); border-left:1px solid var(--border); border-bottom:1px solid var(--border); transform:rotate(45deg);}
  .bi-mascot-name{display:block; font-family:'Poppins',sans-serif; font-weight:700; color:var(--green); font-size:14px; margin-bottom:8px;}
  .bi-mascot-role{font-family:'Inter',sans-serif; font-weight:400; color:var(--text-muted); font-size:12.5px;}
  .bi-mascot-bubble p{margin:0 0 8px;}
  .bi-mascot-bubble p:last-child{margin-bottom:0;}
  .bi-mascot-bubble strong{color:var(--green);}
  @media (max-width:640px){
    .bi-mascot{flex-direction:column; align-items:center; text-align:left;}
    .bi-mascot-avatar{width:84px; height:84px;}
    .bi-mascot-bubble::before{display:none;}
  }
  .bi-features{display:flex; flex-direction:column; gap:12px; margin-bottom:26px;}
  .bi-stat-highlight{
    display:flex; align-items:center; gap:16px; margin-bottom:24px;
    background:rgba(63,125,100,.06); border:1px solid rgba(63,125,100,.2); border-radius:14px; padding:16px 18px;
  }
  .bi-stat-num{
    font-family:var(--font-display); font-weight:700; font-size:34px; line-height:1; flex-shrink:0;
    background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent;
  }
  .bi-stat-text{font-size:13px; color:var(--text-muted); line-height:1.5;}
  .bi-video-wrap{
    max-width:440px; margin:0 auto 28px; border-radius:16px; overflow:hidden; position:relative;
    box-shadow:0 16px 40px -14px rgba(0,0,0,.3); border:1px solid var(--border-soft); background:#000;
  }
  .bi-video{width:100%; display:block; aspect-ratio:1/1; object-fit:cover;}
  .bi-video-caption{
    display:flex; align-items:center; gap:12px; width:fit-content; margin:14px auto 28px;
    padding:8px 18px 8px 8px; background:var(--surface-2); border:1px solid var(--border-soft); border-radius:100px;
  }
  .bi-mascot-mini{
    width:46px; height:46px; border-radius:50%; object-fit:cover; flex-shrink:0;
    border:2px solid var(--surface); box-shadow:0 0 0 2px var(--green), 0 6px 14px -4px rgba(63,125,100,.45);
  }
  .bi-video-caption-text{display:flex; flex-direction:column; line-height:1.25;}
  .bi-mascot-tag{font-family:var(--font-mono); font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.05em; color:var(--text-faint);}
  .bi-video-caption-text strong{font-family:var(--font-display); font-size:15px; color:var(--text);}
  .video-skeleton{
    position:absolute; inset:0; z-index:2; border-radius:inherit;
    background:linear-gradient(100deg, var(--surface-3) 25%, var(--surface-2) 50%, var(--surface-3) 75%);
    background-size:200% 100%; animation:skeleton-shimmer 1.4s ease-in-out infinite;
    display:flex; align-items:center; justify-content:center;
    transition:opacity .4s ease, visibility .4s ease; pointer-events:none;
  }