:root{
  --bv-white:#ffffff;
  --bv-ink:#f5f8ff;
  --bv-muted:rgba(232,234,246,.68);
  --bv-muted-soft:rgba(232,234,246,.44);
  --bv-surface:rgba(11,16,32,.86);
  --bv-surface-soft:rgba(255,255,255,.045);
  --bv-border:rgba(255,255,255,.11);
  --bv-grid:rgba(255,255,255,.035);
  --bv-shadow:rgba(0,0,0,.36);
  --bv-cyan:#22d3ee;
  --bv-blue:#4facfe;
  --bv-violet:#a78bfa;
  --bv-amber:#ffd060;
  --bv-rose:#fb7185;
  --bv-green:#34d399;
  --bv-danger:#fb7185;
  --bv-warning:#fbbf24;
  --bv-safe:#34d399;
  --bv-deep:#070810;
}

[data-theme="light"] .article-page{
  --bv-ink:#0f1929;
  --bv-muted:#355474;
  --bv-muted-soft:#5f7895;
  --bv-surface:rgba(205,233,255,.9);
  --bv-surface-soft:rgba(255,255,255,.38);
  --bv-border:rgba(23,76,172,.22);
  --bv-grid:rgba(30,64,175,.055);
  --bv-shadow:rgba(23,72,151,.22);
  --bv-cyan:#0e7490;
  --bv-blue:#1e40af;
  --bv-violet:#6d28d9;
  --bv-amber:#a16207;
  --bv-rose:#be123c;
  --bv-green:#047857;
  --bv-danger:#be123c;
  --bv-warning:#92400e;
  --bv-safe:#047857;
  --bv-deep:#d7edff;
}

.blog-visual{
  position:relative;
  isolation:isolate;
  margin:42px 0 48px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--cc) 28%,var(--bv-border));
  border-radius:24px;
  background:
    radial-gradient(circle at 12% 8%,color-mix(in srgb,var(--cc) 18%,transparent),transparent 35%),
    linear-gradient(var(--bv-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--bv-grid) 1px,transparent 1px),
    var(--bv-surface);
  background-size:auto,24px 24px,24px 24px,auto;
  box-shadow:0 24px 60px var(--bv-shadow),inset 0 1px 0 color-mix(in srgb,var(--bv-white) 10%,transparent);
}

.blog-visual::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:220px;
  height:220px;
  right:-110px;
  bottom:-140px;
  border-radius:50%;
  background:color-mix(in srgb,var(--cc) 13%,transparent);
  filter:blur(12px);
}

.bv-stage{padding:clamp(22px,4vw,38px)}
.bv-head{max-width:620px;margin-bottom:28px}
.bv-kicker{display:block;margin-bottom:8px;color:var(--cc);font-size:.72rem;font-weight:700;letter-spacing:.08em}
.bv-title{margin:0!important;color:var(--bv-ink)!important;font:800 clamp(1.12rem,2.4vw,1.52rem)/1.2 'Syne',sans-serif!important}
.bv-intro{margin:9px 0 0!important;color:var(--bv-muted)!important;font-size:.84rem!important;line-height:1.65!important}
.bv-caption{padding:14px 20px;border-top:1px solid var(--bv-border);color:var(--bv-muted-soft);font-size:.74rem;line-height:1.55;text-align:center}

.bv-reveal{opacity:0;transform:translateY(18px)}
.bv-reveal.is-visible{opacity:1;transform:none;transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.bv-reveal .bv-animate{opacity:0;transform:translateY(10px)}
.bv-reveal.is-visible .bv-animate{opacity:1;transform:none;transition:opacity .45s ease,transform .45s ease;transition-delay:calc(var(--bv-order,0) * 90ms + 120ms)}
.bv-animate:nth-child(2){--bv-order:1}
.bv-animate:nth-child(3){--bv-order:2}
.bv-animate:nth-child(4){--bv-order:3}
.bv-animate:nth-child(5){--bv-order:4}
.bv-animate:nth-child(6){--bv-order:5}

/* RAG: a source-to-answer constellation. */
.bv-rag-flow{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:stretch}
.bv-rag-route{position:absolute;z-index:0;left:8%;right:8%;top:38px;width:84%;height:46px;overflow:visible}
.bv-rag-route path{fill:none;stroke:color-mix(in srgb,var(--cc) 76%,var(--bv-white));stroke-width:3;stroke-linecap:round;stroke-dasharray:10 11;stroke-dashoffset:84}
.is-visible .bv-rag-route path{animation:bv-route 1.25s .2s ease-out forwards}
.bv-rag-node{position:relative;z-index:1;min-width:0;padding:16px 10px 15px;border:1px solid var(--bv-border);border-radius:16px;background:color-mix(in srgb,var(--bv-surface) 88%,transparent);text-align:center;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--bv-white) 7%,transparent)}
.bv-rag-icon{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 12px;border:1px solid color-mix(in srgb,var(--cc) 38%,transparent);border-radius:14px;background:color-mix(in srgb,var(--cc) 12%,var(--bv-surface));color:var(--cc);font-size:1.2rem;box-shadow:0 0 24px color-mix(in srgb,var(--cc) 13%,transparent)}
.bv-rag-node strong{display:block;color:var(--bv-ink)!important;font-size:.76rem;line-height:1.25}
.bv-rag-node small{display:block;margin-top:5px;color:var(--bv-muted-soft);font-size:.65rem;line-height:1.35}

.bv-trust-system{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center}
.bv-trust-pillar{padding:22px;border:1px solid var(--bv-border);border-radius:18px;background:var(--bv-surface-soft)}
.bv-trust-pillar span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:14px;border-radius:13px;background:color-mix(in srgb,var(--cc) 13%,var(--bv-surface));color:var(--cc);font-size:1.15rem}
.bv-trust-pillar strong{display:block;color:var(--bv-ink)!important;font-family:'Syne',sans-serif;font-size:.9rem}
.bv-trust-pillar small{display:block;margin-top:7px;color:var(--bv-muted);font-size:.74rem;line-height:1.5}
.bv-trust-plus{color:var(--cc);font:800 1.8rem/1 'Syne',sans-serif}
.bv-trust-result{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 18px;border:1px solid color-mix(in srgb,var(--bv-safe) 35%,transparent);border-radius:14px;background:color-mix(in srgb,var(--bv-safe) 9%,transparent);color:var(--bv-ink);font-size:.78rem;text-align:center}
.bv-trust-result span{color:var(--bv-safe);font-size:1.1rem}

/* Prompt: six pieces become one useful brief. */
.bv-prompt-anatomy{display:grid;gap:10px}
.bv-prompt-row{--bv-row:var(--cc);display:grid;grid-template-columns:38px minmax(105px,.7fr) 1.7fr;gap:12px;align-items:center;padding:12px 14px;border:1px solid color-mix(in srgb,var(--bv-row) 22%,var(--bv-border));border-radius:14px;background:color-mix(in srgb,var(--bv-row) 7%,var(--bv-surface-soft))}
.bv-prompt-row:nth-child(2){--bv-row:var(--bv-blue)}
.bv-prompt-row:nth-child(3){--bv-row:var(--bv-violet)}
.bv-prompt-row:nth-child(4){--bv-row:var(--bv-rose)}
.bv-prompt-row:nth-child(5){--bv-row:var(--bv-green)}
.bv-prompt-row:nth-child(6){--bv-row:var(--bv-cyan)}
.bv-prompt-number{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:color-mix(in srgb,var(--bv-row) 15%,var(--bv-surface));color:var(--bv-row);font:800 .72rem/1 'Syne',sans-serif}
.bv-prompt-label{color:var(--bv-ink);font-weight:700;font-size:.78rem}
.bv-prompt-example{color:var(--bv-muted);font-size:.72rem;line-height:1.4}

.bv-loop{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:16px}
.bv-loop-route{position:absolute;z-index:0;left:8%;top:0;width:84%;height:74px;overflow:visible}
.bv-loop-route path{fill:none;stroke:color-mix(in srgb,var(--cc) 70%,var(--bv-white));stroke-width:3;stroke-linecap:round;stroke-dasharray:320;stroke-dashoffset:320}
.is-visible .bv-loop-route path{animation:bv-route 1.4s .25s ease-out forwards}
.bv-loop-node{position:relative;z-index:1;padding:18px 12px;border:1px solid var(--bv-border);border-radius:16px;background:color-mix(in srgb,var(--bv-surface) 90%,transparent);text-align:center}
.bv-loop-node span{display:grid;place-items:center;width:34px;height:34px;margin:0 auto 10px;border-radius:50%;background:color-mix(in srgb,var(--cc) 14%,var(--bv-surface));color:var(--cc);font-size:.92rem}
.bv-loop-node strong{display:block;color:var(--bv-ink)!important;font-size:.74rem}
.bv-loop-node small{display:block;margin-top:5px;color:var(--bv-muted-soft);font-size:.65rem;line-height:1.35}

/* Deepfakes: show the mechanics of urgency, then the safe exit. */
.bv-risk-equation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:stretch}
.bv-risk-card{display:flex;flex-direction:column;justify-content:center;min-height:128px;padding:17px;border:1px solid color-mix(in srgb,var(--bv-danger) 25%,var(--bv-border));border-radius:17px;background:color-mix(in srgb,var(--bv-danger) 7%,var(--bv-surface-soft));text-align:center}
.bv-risk-card span{display:block;margin-bottom:9px;color:var(--bv-danger);font-size:1.25rem}
.bv-risk-card strong{color:var(--bv-ink)!important;font-size:.78rem}
.bv-risk-card small{margin-top:6px;color:var(--bv-muted);font-size:.67rem;line-height:1.4}
.bv-risk-result{display:flex;flex-direction:column;align-items:center;justify-content:center;width:92px;border:1px solid color-mix(in srgb,var(--bv-warning) 35%,transparent);border-radius:50%;aspect-ratio:1;background:color-mix(in srgb,var(--bv-warning) 11%,var(--bv-surface));color:var(--bv-warning);font:800 .72rem/1.25 'Syne',sans-serif;text-align:center;box-shadow:0 0 32px color-mix(in srgb,var(--bv-danger) 13%,transparent)}
.bv-risk-result span{font-size:1.15rem}

.bv-safety-path{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.bv-safety-step{position:relative;padding:18px 13px;border:1px solid var(--bv-border);border-radius:16px;background:var(--bv-surface-soft);text-align:center}
.bv-safety-step:not(:last-child)::after{content:"";position:absolute;z-index:2;top:31px;right:-15px;width:17px;height:2px;background:var(--cc)}
.bv-safety-step span{display:grid;place-items:center;width:30px;height:30px;margin:0 auto 10px;border-radius:10px;background:color-mix(in srgb,var(--cc) 15%,var(--bv-surface));color:var(--cc);font:800 .7rem/1 'Syne',sans-serif}
.bv-safety-step strong{display:block;color:var(--bv-ink)!important;font-size:.74rem}
.bv-safety-step small{display:block;margin-top:5px;color:var(--bv-muted);font-size:.65rem;line-height:1.4}
.bv-safety-stop{margin-top:14px;padding:13px 16px;border:1px solid color-mix(in srgb,var(--bv-safe) 36%,transparent);border-radius:14px;background:color-mix(in srgb,var(--bv-safe) 9%,transparent);color:var(--bv-ink);font-size:.75rem;line-height:1.5;text-align:center}
.bv-safety-stop strong{color:var(--bv-safe)!important}

/* AI Act: a proportional risk ladder and a compact 30-day route. */
.bv-risk-ladder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;min-height:238px}
.bv-risk-level{--bv-level:var(--cc);display:flex;flex-direction:column;justify-content:flex-end;min-height:var(--bv-height);padding:18px 14px;border:1px solid color-mix(in srgb,var(--bv-level) 30%,var(--bv-border));border-radius:18px 18px 8px 8px;background:linear-gradient(180deg,color-mix(in srgb,var(--bv-level) 14%,var(--bv-surface)),var(--bv-surface-soft));text-align:center}
.bv-risk-level:nth-child(1){--bv-level:var(--bv-safe);--bv-height:112px}
.bv-risk-level:nth-child(2){--bv-level:var(--bv-cyan);--bv-height:146px}
.bv-risk-level:nth-child(3){--bv-level:var(--bv-warning);--bv-height:188px}
.bv-risk-level:nth-child(4){--bv-level:var(--bv-danger);--bv-height:228px}
.bv-risk-level span{display:block;margin-bottom:9px;color:var(--bv-level);font-size:1.2rem}
.bv-risk-level strong{display:block;color:var(--bv-ink)!important;font-size:.76rem}
.bv-risk-level small{display:block;margin-top:6px;color:var(--bv-muted);font-size:.64rem;line-height:1.4}

.bv-month-plan{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.bv-month-plan::before{content:"";position:absolute;top:25px;left:10%;right:10%;height:2px;background:color-mix(in srgb,var(--cc) 46%,var(--bv-border))}
.bv-week{position:relative;z-index:1;padding:0 8px 17px;text-align:center}
.bv-week span{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 14px;border:1px solid color-mix(in srgb,var(--cc) 38%,var(--bv-border));border-radius:50%;background:var(--bv-surface);color:var(--cc);font:800 .7rem/1 'Syne',sans-serif;box-shadow:0 0 24px color-mix(in srgb,var(--cc) 12%,transparent)}
.bv-week strong{display:block;color:var(--bv-ink)!important;font-size:.74rem}
.bv-week small{display:block;margin-top:6px;color:var(--bv-muted);font-size:.65rem;line-height:1.45}

/* Agents: show the operating system, then the authority boundary. */
.bv-agent-system{display:grid;grid-template-columns:1fr auto 1.2fr auto 1fr;gap:12px;align-items:center}
.bv-agent-block{min-width:0;padding:18px 14px;border:1px solid var(--bv-border);border-radius:17px;background:var(--bv-surface-soft);text-align:center}
.bv-agent-block span{display:grid;place-items:center;width:40px;height:40px;margin:0 auto 11px;border-radius:13px;background:color-mix(in srgb,var(--cc) 13%,var(--bv-surface));color:var(--cc);font-size:1.05rem}
.bv-agent-block strong{display:block;color:var(--bv-ink)!important;font-size:.76rem}
.bv-agent-block small{display:block;margin-top:5px;color:var(--bv-muted);font-size:.65rem;line-height:1.4}
.bv-agent-core{border-color:color-mix(in srgb,var(--cc) 42%,var(--bv-border));box-shadow:0 0 32px color-mix(in srgb,var(--cc) 12%,transparent)}
.bv-agent-arrow{color:var(--cc);font:800 1.25rem/1 'Syne',sans-serif}
.bv-agent-gate{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:4px;padding:13px 16px;border:1px solid color-mix(in srgb,var(--bv-warning) 34%,transparent);border-radius:14px;background:color-mix(in srgb,var(--bv-warning) 8%,transparent);color:var(--bv-ink);font-size:.73rem;text-align:center}
.bv-agent-gate span{color:var(--bv-warning);font-size:1rem}

.bv-authority-scale{display:grid;gap:11px}
.bv-authority-lane{display:grid;grid-template-columns:100px 1fr 118px;gap:13px;align-items:center;padding:12px 14px;border:1px solid var(--bv-border);border-radius:14px;background:var(--bv-surface-soft)}
.bv-authority-lane strong{color:var(--bv-ink)!important;font-size:.73rem}
.bv-authority-track{height:8px;overflow:hidden;border-radius:99px;background:color-mix(in srgb,var(--bv-white) 6%,transparent)}
.bv-authority-track span{display:block;width:var(--bv-fill);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cc),var(--bv-warning))}
.bv-authority-lane:nth-child(1){--bv-fill:34%}
.bv-authority-lane:nth-child(2){--bv-fill:66%}
.bv-authority-lane:nth-child(3){--bv-fill:100%}
.bv-authority-state{color:var(--bv-muted);font-size:.65rem;line-height:1.35;text-align:right}
.bv-authority-lane:last-child .bv-authority-state{color:var(--bv-warning)}

/* Privacy: remove identifiers before a prompt and decide before sending. */
.bv-data-sieve{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:center}
.bv-data-bin{padding:18px;border:1px solid var(--bv-border);border-radius:18px;background:var(--bv-surface-soft)}
.bv-data-bin strong{display:block;margin-bottom:12px;color:var(--bv-ink)!important;font-size:.78rem}
.bv-data-chips{display:flex;gap:7px;flex-wrap:wrap}
.bv-data-chip{padding:6px 9px;border:1px solid color-mix(in srgb,var(--bv-danger) 28%,var(--bv-border));border-radius:9px;background:color-mix(in srgb,var(--bv-danger) 7%,transparent);color:var(--bv-muted);font-size:.62rem}
.bv-data-safe .bv-data-chip{border-color:color-mix(in srgb,var(--bv-safe) 30%,var(--bv-border));background:color-mix(in srgb,var(--bv-safe) 8%,transparent);color:var(--bv-ink)}
.bv-sieve{display:grid;place-items:center;width:76px;height:76px;border:1px solid color-mix(in srgb,var(--cc) 38%,transparent);border-radius:22px;background:color-mix(in srgb,var(--cc) 12%,var(--bv-surface));color:var(--cc);font-size:1.8rem;transform:rotate(45deg)}
.bv-sieve span{transform:rotate(-45deg)}

.bv-send-check{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bv-send-light{--bv-signal:var(--bv-safe);padding:20px 15px;border:1px solid color-mix(in srgb,var(--bv-signal) 28%,var(--bv-border));border-radius:18px;background:color-mix(in srgb,var(--bv-signal) 7%,var(--bv-surface-soft));text-align:center}
.bv-send-light:nth-child(1){--bv-signal:var(--bv-danger)}
.bv-send-light:nth-child(2){--bv-signal:var(--bv-warning)}
.bv-send-light span{display:block;width:20px;height:20px;margin:0 auto 11px;border-radius:50%;background:var(--bv-signal);box-shadow:0 0 22px color-mix(in srgb,var(--bv-signal) 42%,transparent)}
.bv-send-light strong{display:block;color:var(--bv-ink)!important;font-size:.76rem}
.bv-send-light small{display:block;margin-top:6px;color:var(--bv-muted);font-size:.65rem;line-height:1.4}

/* Comparison: complementary profiles and a need-first compass. */
.bv-profiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.bv-profile{--bv-profile:var(--cc);position:relative;padding:22px 16px 18px;border:1px solid color-mix(in srgb,var(--bv-profile) 30%,var(--bv-border));border-radius:26px 8px 26px 8px;background:color-mix(in srgb,var(--bv-profile) 8%,var(--bv-surface-soft));text-align:center}
.bv-profile:nth-child(2){--bv-profile:var(--bv-violet);border-radius:8px 26px 8px 26px}
.bv-profile:nth-child(3){--bv-profile:var(--bv-green)}
.bv-profile-mark{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 13px;border-radius:16px;background:color-mix(in srgb,var(--bv-profile) 16%,var(--bv-surface));color:var(--bv-profile);font:800 1rem/1 'Syne',sans-serif}
.bv-profile strong{display:block;color:var(--bv-ink)!important;font-size:.82rem}
.bv-profile small{display:block;margin-top:8px;color:var(--bv-muted);font-size:.67rem;line-height:1.45}
.bv-profile-tag{display:inline-block;margin-top:13px;padding:5px 9px;border-radius:99px;background:color-mix(in srgb,var(--bv-profile) 12%,transparent);color:var(--bv-profile);font-size:.59rem;font-weight:700}

.bv-compass{display:grid;grid-template-columns:1fr 120px 1fr;grid-template-rows:auto 120px auto;gap:10px;align-items:center}
.bv-compass-core{grid-column:2;grid-row:2;display:grid;place-items:center;width:112px;height:112px;border:1px solid color-mix(in srgb,var(--cc) 42%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--cc) 18%,var(--bv-surface)),var(--bv-surface));color:var(--bv-ink);font:800 .76rem/1.25 'Syne',sans-serif;text-align:center;box-shadow:0 0 36px color-mix(in srgb,var(--cc) 13%,transparent)}
.bv-compass-point{padding:13px 14px;border:1px solid var(--bv-border);border-radius:14px;background:var(--bv-surface-soft);text-align:center}
.bv-compass-point strong{display:block;color:var(--bv-ink)!important;font-size:.72rem}
.bv-compass-point small{display:block;margin-top:4px;color:var(--bv-muted);font-size:.62rem;line-height:1.35}
.bv-compass-point:nth-child(1){grid-column:2;grid-row:1}
.bv-compass-point:nth-child(2){grid-column:1;grid-row:2}
.bv-compass-point:nth-child(3){grid-column:3;grid-row:2}
.bv-compass-point:nth-child(4){grid-column:2;grid-row:3}

/* Visual tools: map the creative jobs and preserve a publishable pipeline. */
.bv-need-map{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,88px);gap:10px}
.bv-need{display:flex;align-items:flex-end;padding:14px;border:1px solid var(--bv-border);border-radius:17px;background:var(--bv-surface-soft);color:var(--bv-ink);font-size:.69rem;font-weight:700;line-height:1.3}
.bv-need:nth-child(1){grid-column:span 2;background:color-mix(in srgb,var(--bv-violet) 9%,var(--bv-surface-soft))}
.bv-need:nth-child(2){grid-column:span 4;background:color-mix(in srgb,var(--cc) 9%,var(--bv-surface-soft))}
.bv-need:nth-child(3){grid-column:span 3;background:color-mix(in srgb,var(--bv-rose) 8%,var(--bv-surface-soft))}
.bv-need:nth-child(4){grid-column:span 2;background:color-mix(in srgb,var(--bv-cyan) 8%,var(--bv-surface-soft))}
.bv-need:nth-child(5){grid-column:span 1;background:color-mix(in srgb,var(--bv-amber) 9%,var(--bv-surface-soft));writing-mode:vertical-rl;transform:rotate(180deg);align-items:center}

.bv-creative-pipeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;align-items:center}
.bv-creative-step{position:relative;min-height:126px;padding:18px 11px;border:1px solid var(--bv-border);background:var(--bv-surface-soft);text-align:center}
.bv-creative-step:first-child{border-radius:18px 0 0 18px}
.bv-creative-step:last-child{border-radius:0 18px 18px 0}
.bv-creative-step:not(:last-child){border-right:0}
.bv-creative-step span{display:block;margin-bottom:10px;color:var(--cc);font-size:1.1rem}
.bv-creative-step strong{display:block;color:var(--bv-ink)!important;font-size:.7rem}
.bv-creative-step small{display:block;margin-top:5px;color:var(--bv-muted);font-size:.6rem;line-height:1.35}
.bv-creative-step:nth-child(4){background:color-mix(in srgb,var(--bv-warning) 8%,var(--bv-surface-soft))}
.bv-creative-step:last-child{background:color-mix(in srgb,var(--bv-safe) 8%,var(--bv-surface-soft))}

/* Marketing: six connected uses and one measurable experiment. */
.bv-marketing-wheel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.bv-marketing-use{padding:16px 12px;border:1px solid var(--bv-border);border-radius:16px;background:var(--bv-surface-soft);text-align:center}
.bv-marketing-use span{display:block;margin-bottom:7px;color:var(--cc);font-size:1.05rem}
.bv-marketing-use strong{display:block;color:var(--bv-ink)!important;font-size:.7rem}
.bv-marketing-core{grid-column:2;grid-row:1/span 2;display:grid;place-items:center;min-height:150px;border:1px solid color-mix(in srgb,var(--cc) 40%,var(--bv-border));border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--cc) 16%,var(--bv-surface)),var(--bv-surface));color:var(--bv-ink);font:800 .78rem/1.3 'Syne',sans-serif;text-align:center;box-shadow:0 0 34px color-mix(in srgb,var(--cc) 12%,transparent)}
.bv-marketing-use:nth-child(4),.bv-marketing-use:nth-child(5){grid-column:3}

.bv-experiment{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding-top:28px}
.bv-experiment svg{position:absolute;inset:0;width:100%;height:72px;overflow:visible}
.bv-experiment path{fill:none;stroke:var(--cc);stroke-width:3;stroke-linecap:round;stroke-dasharray:280;stroke-dashoffset:280}
.is-visible .bv-experiment path{animation:bv-route 1.3s .2s ease-out forwards}
.bv-experiment-step{position:relative;padding:18px 12px;border:1px solid var(--bv-border);border-radius:16px;background:var(--bv-surface);text-align:center}
.bv-experiment-step span{display:grid;place-items:center;width:31px;height:31px;margin:0 auto 9px;border-radius:50%;background:color-mix(in srgb,var(--cc) 14%,var(--bv-surface));color:var(--cc);font:800 .67rem/1 'Syne',sans-serif}
.bv-experiment-step strong{display:block;color:var(--bv-ink)!important;font-size:.69rem}
.bv-experiment-step small{display:block;margin-top:5px;color:var(--bv-muted);font-size:.59rem;line-height:1.35}

/* Productivity: five candidate flows and the real gain equation. */
.bv-workflows{display:grid;gap:9px}
.bv-workflow{display:grid;grid-template-columns:36px 105px 1fr auto;gap:12px;align-items:center;padding:11px 13px;border:1px solid var(--bv-border);border-radius:13px;background:var(--bv-surface-soft)}
.bv-workflow span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:color-mix(in srgb,var(--cc) 13%,var(--bv-surface));color:var(--cc);font-size:.85rem}
.bv-workflow strong{color:var(--bv-ink)!important;font-size:.7rem}
.bv-workflow small{color:var(--bv-muted);font-size:.62rem;line-height:1.35}
.bv-workflow em{padding:5px 8px;border:1px solid color-mix(in srgb,var(--bv-safe) 28%,transparent);border-radius:99px;color:var(--bv-safe)!important;font-size:.56rem;font-style:normal!important;white-space:nowrap}

.bv-gain-equation{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center}
.bv-gain-term{padding:20px 12px;border:1px solid var(--bv-border);border-radius:18px;background:var(--bv-surface-soft);text-align:center}
.bv-gain-term:first-child{border-color:color-mix(in srgb,var(--bv-safe) 30%,var(--bv-border));background:color-mix(in srgb,var(--bv-safe) 8%,var(--bv-surface-soft))}
.bv-gain-term:last-child{border-color:color-mix(in srgb,var(--cc) 34%,var(--bv-border));background:color-mix(in srgb,var(--cc) 9%,var(--bv-surface-soft))}
.bv-gain-term span{display:block;margin-bottom:8px;color:var(--cc);font-size:1.1rem}
.bv-gain-term strong{display:block;color:var(--bv-ink)!important;font-size:.74rem}
.bv-gain-term small{display:block;margin-top:5px;color:var(--bv-muted);font-size:.62rem;line-height:1.35}
.bv-gain-op{color:var(--cc);font:800 1.3rem/1 'Syne',sans-serif}

/* Business: a 90-day track followed by explicit decision gates. */
.bv-roadmap{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding-top:16px}
.bv-roadmap::before{content:"";position:absolute;top:38px;left:7%;right:7%;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--cc),var(--bv-violet),var(--bv-safe))}
.bv-roadmap-phase{position:relative;z-index:1;text-align:center}
.bv-roadmap-phase span{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 13px;border:2px solid color-mix(in srgb,var(--cc) 55%,var(--bv-border));border-radius:50%;background:var(--bv-surface);color:var(--cc);font:800 .64rem/1 'Syne',sans-serif}
.bv-roadmap-phase strong{display:block;color:var(--bv-ink)!important;font-size:.69rem}
.bv-roadmap-phase small{display:block;margin-top:5px;color:var(--bv-muted);font-size:.59rem;line-height:1.35}

.bv-gates{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.bv-gate{position:relative;padding:18px 10px 15px;border:1px solid var(--bv-border);border-radius:8px 8px 22px 22px;background:var(--bv-surface-soft);text-align:center}
.bv-gate::before{content:"";position:absolute;top:0;left:18%;right:18%;height:4px;border-radius:0 0 8px 8px;background:var(--cc)}
.bv-gate span{display:block;margin-bottom:8px;color:var(--cc);font-size:1rem}
.bv-gate strong{display:block;color:var(--bv-ink)!important;font-size:.67rem}
.bv-gate small{display:block;margin-top:5px;color:var(--bv-muted);font-size:.58rem;line-height:1.35}
.bv-gate-result{grid-column:1/-1;padding:13px 16px;border:1px solid color-mix(in srgb,var(--bv-safe) 33%,transparent);border-radius:14px;background:color-mix(in srgb,var(--bv-safe) 8%,transparent);color:var(--bv-ink);font-size:.72rem;text-align:center}
.bv-gate-result strong{color:var(--bv-safe)!important}

@keyframes bv-route{to{stroke-dashoffset:0}}

@media(max-width:720px){
  .blog-visual{margin:34px -4px 40px;border-radius:20px}
  .bv-rag-flow,.bv-loop,.bv-safety-path{grid-template-columns:1fr 1fr}
  .bv-rag-route,.bv-loop-route{display:none}
  .bv-trust-system{grid-template-columns:1fr}
  .bv-trust-plus{text-align:center}
  .bv-risk-equation{grid-template-columns:1fr 1fr}
  .bv-risk-result{grid-column:1/-1;justify-self:center}
  .bv-safety-step:not(:last-child)::after{display:none}
  .bv-risk-ladder,.bv-month-plan,.bv-profiles,.bv-marketing-wheel,.bv-roadmap,.bv-gates{grid-template-columns:1fr 1fr}
  .bv-risk-ladder{min-height:0;align-items:stretch}
  .bv-risk-level{min-height:128px;border-radius:18px}
  .bv-month-plan::before,.bv-roadmap::before{display:none}
  .bv-agent-system{grid-template-columns:1fr auto 1fr}
  .bv-agent-system .bv-agent-arrow:nth-of-type(2){display:none}
  .bv-agent-system .bv-agent-block:last-of-type{grid-column:1/-1}
  .bv-authority-lane{grid-template-columns:86px 1fr}
  .bv-authority-state{grid-column:2;text-align:left}
  .bv-data-sieve{grid-template-columns:1fr}
  .bv-sieve{justify-self:center}
  .bv-compass{grid-template-columns:1fr 104px 1fr;grid-template-rows:auto 104px auto}
  .bv-compass-core{width:98px;height:98px}
  .bv-need-map{grid-template-columns:repeat(2,1fr);grid-template-rows:none}
  .bv-need,.bv-need:nth-child(n){grid-column:auto;min-height:82px;writing-mode:horizontal-tb;transform:none;align-items:flex-end}
  .bv-need:last-child{grid-column:1/-1}
  .bv-creative-pipeline,.bv-experiment{grid-template-columns:1fr 1fr;gap:10px}
  .bv-creative-step,.bv-creative-step:first-child,.bv-creative-step:last-child{border:1px solid var(--bv-border);border-radius:16px}
  .bv-experiment svg{display:none}
  .bv-marketing-core{grid-column:1/-1;grid-row:auto;min-height:105px;border-radius:24px}
  .bv-marketing-use:nth-child(n){grid-column:auto}
  .bv-gain-equation{grid-template-columns:1fr}
  .bv-gain-op{text-align:center}
  .bv-roadmap-phase,.bv-gate{min-height:120px}
  .bv-gate-result{grid-column:1/-1}
}

@media(max-width:460px){
  .bv-stage{padding:20px 16px}
  .bv-rag-flow,.bv-loop,.bv-risk-equation,.bv-safety-path{grid-template-columns:1fr}
  .bv-prompt-row{grid-template-columns:34px 1fr}
  .bv-prompt-example{grid-column:2}
  .bv-risk-result{grid-column:auto}
  .bv-risk-ladder,.bv-month-plan,.bv-profiles,.bv-send-check,.bv-creative-pipeline,.bv-experiment,.bv-marketing-wheel,.bv-roadmap,.bv-gates{grid-template-columns:1fr}
  .bv-agent-system{grid-template-columns:1fr}
  .bv-agent-arrow{transform:rotate(90deg);text-align:center}
  .bv-agent-system .bv-agent-arrow:nth-of-type(2){display:block}
  .bv-agent-system .bv-agent-block:last-of-type{grid-column:auto}
  .bv-agent-gate{grid-column:auto}
  .bv-authority-lane{grid-template-columns:1fr}
  .bv-authority-state{grid-column:auto;text-align:left}
  .bv-compass{display:grid;grid-template-columns:1fr;grid-template-rows:none}
  .bv-compass-core,.bv-compass-point:nth-child(n){grid-column:auto;grid-row:auto;justify-self:center}
  .bv-compass-point{width:100%}
  .bv-need-map{grid-template-columns:1fr}
  .bv-need:last-child{grid-column:auto}
  .bv-workflow{grid-template-columns:34px 1fr}
  .bv-workflow small,.bv-workflow em{grid-column:2}
  .bv-workflow em{justify-self:start}
  .bv-gate-result{grid-column:auto}
}

@media(hover:none),(pointer:coarse){
  .bv-reveal,.bv-reveal .bv-animate{opacity:1;transform:none}
  .is-visible .bv-rag-route path,.is-visible .bv-loop-route path,.is-visible .bv-experiment path{animation:none;stroke-dashoffset:0}
}

@media(prefers-reduced-motion:reduce){
  .bv-reveal,.bv-reveal.is-visible,.bv-reveal .bv-animate,.bv-reveal.is-visible .bv-animate{opacity:1;transform:none;transition:none}
  .is-visible .bv-rag-route path,.is-visible .bv-loop-route path,.is-visible .bv-experiment path{animation:none;stroke-dashoffset:0}
}