/* Behavior Intelligence — isolated Frozion presentation, upright cards. */
:root { --bi-nav-height:66px; }
.bi-hero { padding:32px 0 0; background:radial-gradient(ellipse at 88% 20%,#f2f1ff 0,#f8fafa 32%,#ffffff 68%); }.bi-breadcrumb { display:flex; flex-wrap:wrap; gap:8px 16px; font-size:12px; margin-bottom:56px; color:#626a70; }.bi-breadcrumb a { color:inherit; }
.bi-hero h1 { font-size:clamp(3rem,4.15vw,3.5rem); margin:24px 0 24px; }.bi-hero .eyebrow { font-size:12px; letter-spacing:.75px; }.bi-hero-lead { font-size:20px; line-height:1.65; max-width:610px; color:#424a50; }.bi-hero-support { font-size:14px; line-height:1.85; max-width:600px; }
.bi-foundation { margin-top:64px; border-top:1px solid var(--line); padding:24px 0 32px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px 24px; font-size:12px; }.bi-foundation > span { color:#626a70; }.bi-foundation strong { font-weight:500; }
.bi-label { display:block; font-size:12px; font-weight:600; letter-spacing:1px; text-transform:uppercase; color:#626a70; }
.bi-cover { background:white; border:1px solid #e1ddff; border-radius:15px; box-shadow:0 22px 65px #2f1d990d; overflow:hidden; margin:0; }.bi-cover figcaption { padding:16px 16px; display:flex; justify-content:space-between; gap:16px; font-size:12px; letter-spacing:.6px; color:#626a70; border-bottom:1px solid var(--line); background:#f8fafa; }.bi-cover figcaption span:last-child { letter-spacing:0; }.bi-cover-body { padding:24px; }
.bi-nav { position:sticky; top:var(--header-height); z-index:1020; background:white; border-block:1px solid var(--line); box-shadow:0 5px 12px #120a3d04; }.bi-nav-links { display:grid; grid-template-columns:repeat(5,1fr); }.bi-nav-links a { display:flex; align-items:center; gap:8px; min-height:66px; padding:16px 16px; font-size:12px; color:#626a70; border-bottom:3px solid transparent; }.bi-nav-links a span { font-size:12px; color:#626a70; }.bi-nav-links a.active { color:var(--brand); border-color:var(--brand); background:linear-gradient(0deg,#f2f1ff,transparent); }.bi-nav-links a:hover { color:var(--brand); background:#f8fafa; }.bi-nav-mobile { display:none; padding:16px 0; }
.bi-section { padding:96px 0; scroll-margin-top:calc(var(--header-height) + var(--bi-nav-height) + 22px); }.bi-section h2 { font-size:clamp(2rem,3.35vw,3rem); }.bi-section h3 { font-size:20px; }.bi-section p { font-size:14px; line-height:1.85; }.bi-section .lead-copy { font-size:20px; line-height:1.65; }.bi-wash { background:#f8fafa; }.bi-heading { margin-bottom:48px; }.bi-note { font-size:12px !important; line-height:1.75 !important; color:#626a70; margin-top:16px; }.bi-subsection { margin-top:64px; padding-top:48px; border-top:1px solid var(--line); }
.bi-badge { display:inline-flex; font-size:12px; font-weight:500; background:#eef1f2; color:#007260; border:1px solid #e6fffa; border-radius:5px; padding:4px 8px; line-height:1.5; white-space:nowrap; }.bi-badge.is-warning { background:#fff9e6; border-color:#fff0bf; color:#664200; }.bi-badge.is-denied { background:#ffecee; border-color:#ffd2d7; color:#701024; }.bi-badge.is-neutral { background:#f2f1ff; border-color:#e1ddff; color:#626a70; }
.bi-related { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); border-radius:12px; margin-top:40px; overflow:hidden; background:white; }.bi-related a { padding:24px; border-right:1px solid var(--line); color:var(--body); }.bi-related a:last-child { border:0; }.bi-related a:hover { background:#f2f1ff; }.bi-related strong { display:block; font-size:16px; margin-bottom:16px; }.bi-related span { font-size:12px; line-height:1.7; display:block; }.bi-related b { display:block; margin-top:16px; font-size:12px; font-weight:500; color:var(--brand); }.bi-download { margin-top:24px; font-size:12px !important; }
.bi-cover-anchor { padding:16px 16px; border:1px solid #e1ddff; border-radius:8px; background:#f2f1ff; }.bi-cover-anchor strong { display:block; color:#4128cc; font-size:16px; font-weight:500; margin:8px 0 5px; }.bi-cover-anchor small { font-size:12px; color:#626a70; }.bi-cover-divider { padding:16px 0; display:flex; justify-content:space-between; gap:16px; align-items:center; font-size:12px; color:#626a70; }.bi-cover-divider i { font-style:normal; font-size:16px; }.bi-cover-path { list-style:none; padding:0; margin:0; border:1px solid var(--line); border-radius:8px; overflow:hidden; }.bi-cover-path li { display:flex; gap:16px; align-items:center; padding:16px 16px; border-bottom:1px solid var(--line); }.bi-cover-path li:last-child { border:0; background:#f2f1ff; }.bi-cover-path li > span { font-size:12px; color:#626a70; }.bi-cover-path strong { font-size:12px; font-weight:500; color:#4128cc; display:block; }.bi-cover-path small { display:block; font-size:12px; margin-top:4px; color:#626a70; }.bi-cover-path b { margin-left:auto; font-size:12px; font-weight:400; color:#626a70; }.bi-cover-footer { padding:16px 24px; border-top:1px solid var(--line); background:#f8fafa; font-size:12px; color:#626a70; }
.bi-inspector,.bi-replay { background:white; border:1px solid #e1ddff; border-radius:14px; overflow:hidden; box-shadow:0 16px 55px #2f1d9907; }.bi-toolbar { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:24px 32px; background:#f2f1ff; border-bottom:1px solid var(--line); }.bi-toolbar h3 { font-size:16px; line-height:1.5; margin:7px 0 0; }.bi-toolbar label,.bi-replay-controls label { font-size:12px; display:block; margin-bottom:6px; color:#4128cc; }.bi-toolbar .form-select { min-width:300px; font-size:12px; border-color:#e1ddff; }.bi-scope { display:flex; flex-wrap:wrap; align-items:center; gap:16px 24px; padding:16px 32px; border-bottom:1px solid var(--line); font-size:12px; }.bi-scope strong { color:#4128cc; font-weight:500; margin-left:4px; }
.bi-result { display:grid; grid-template-columns:1.4fr 1fr; border-bottom:1px solid var(--line); background:#f8fafa; }.bi-result > div { padding:24px 32px; }.bi-result > div:last-child { border-left:1px solid var(--line); }.bi-result h4 { font-size:20px; margin:16px 0; }.bi-result p { font-size:12px; margin:0; }.bi-result strong { display:block; font-size:20px; color:#4128cc; font-weight:500; margin:16px 0; }.bi-result small { font-size:12px; color:#626a70; line-height:1.8; display:block; }.bi-result.is-warning { background:#ffffff; }.bi-result.is-warning strong { color:#996500; }
.bi-path { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin:24px 32px 0; border:1px solid var(--line); border-radius:8px; overflow:hidden; }.bi-path > div { padding:16px 16px; border-right:1px solid var(--line); }.bi-path > div:last-child { border:0; background:#f2f1ff; }.bi-path span { display:block; font-size:12px; color:#4128cc; text-transform:uppercase; letter-spacing:.3px; }.bi-path strong { display:block; font-size:12px; font-weight:500; color:#4128cc; margin:8px 0; line-height:1.5; }.bi-path small { display:block; font-size:12px; color:#626a70; line-height:1.8; }.bi-path > div.is-warning { background:#fff9e6; }.bi-path > div.is-blocked { background:#ffecee; }
.bi-investigation-body { padding:24px 32px; }.bi-lenses { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid #e1ddff; border-radius:7px; overflow:hidden; margin-bottom:16px; }.bi-lenses button { background:#ffffff; color:#626a70; padding:16px 16px; border:0; border-right:1px solid var(--line); font-size:12px; }.bi-lenses button:last-child { border:0; }.bi-lenses button:hover { background:#f8fafa; }.bi-lenses button[aria-pressed=true] { color:var(--brand); background:#f2f1ff; box-shadow:inset 0 -2px var(--brand); }.bi-detail { padding:32px; border:1px solid var(--line); border-radius:8px; background:#f8fafa; scroll-margin-top:calc(var(--header-height) + var(--bi-nav-height) + 22px); }.bi-detail h4 { font-size:24px; line-height:1.3; margin:16px 0; }.bi-detail > p { font-size:12px; }.bi-fields { margin:16px 0; }.bi-fields > div { padding:16px 0; border-top:1px solid var(--line); display:grid; grid-template-columns:155px 1fr; gap:16px; }.bi-fields dt { font-size:12px; font-weight:500; color:#4128cc; }.bi-fields dd { font-size:12px; margin:0; line-height:1.8; overflow-wrap:anywhere; }.bi-binding { border:1px solid #e1ddff; border-left:3px solid #beb6ff; background:white; padding:16px 16px; border-radius:5px; }.bi-binding p { margin:8px 0 0; font-size:12px; }.bi-detail .bi-note { margin-bottom:0; }
.bi-demo-footer { padding:16px 32px; border-top:1px solid var(--line); background:#f8fafa; font-size:12px; color:#626a70; display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px 24px; }.bi-demo-footer > span { max-width:870px; }.bi-reset { border:0; background:none; color:var(--brand); font-size:12px; padding:0; text-decoration:underline; text-underline-offset:3px; }.bi-two-col { display:grid; grid-template-columns:1fr 1fr; gap:64px; margin-top:48px; }.bi-two-col h3 { font-size:24px; }.bi-two-col p { font-size:14px; }.bi-callout { border-left:3px solid #beb6ff; padding:6px 0 6px 24px; margin-top:32px; }.bi-callout p { font-size:14px; margin:0; }
.bi-comparison-table { border:1px solid var(--line); border-radius:10px; background:white; }.bi-comparison-table .table { min-width:820px; --bs-table-bg:transparent; --bs-table-color:var(--body); }.bi-comparison-table th,.bi-comparison-table td { padding:24px 24px; font-size:12px; line-height:1.8; vertical-align:top; border-color:var(--line); }.bi-comparison-table thead { background:#f2f1ff; }.bi-comparison-table thead th { font-size:12px; text-transform:uppercase; letter-spacing:.6px; color:#4128cc; }.bi-comparison-table tbody th { font-weight:500; color:#4128cc; white-space:nowrap; }.bi-comparison-table th small { display:block; font-size:12px; font-weight:400; color:#626a70; margin-top:5px; }.bi-comparison-table td:last-child { white-space:nowrap; }.bi-comparison-table tr:last-child > * { border:0; }.bi-table-link { border:0; background:none; color:var(--brand); font-size:12px; padding:0; text-decoration:underline; text-underline-offset:3px; }.bi-analysis-questions { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; margin-top:40px; }.bi-analysis-questions article { border-top:1px solid #e1ddff; padding-top:24px; }.bi-analysis-questions h3 { font-size:20px; margin:16px 0; }.bi-analysis-questions p { font-size:12px; margin:0; }
.bi-modes { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-bottom:48px; }.bi-modes article { border-top:2px solid #e1ddff; padding-top:16px; }.bi-modes article > span { font-size:12px; color:#4128cc; display:block; min-height:34px; }.bi-modes h3 { font-size:20px; margin:16px 0; }.bi-modes p { font-size:12px; }.bi-modes small { font-size:12px; display:block; color:#626a70; line-height:1.8; }
.bi-replay-controls { display:grid; grid-template-columns:1fr 1fr auto; align-items:end; gap:16px; padding:24px 32px; border-bottom:1px solid var(--line); }.bi-replay-controls select { font-size:12px; border-color:#e1ddff; }.bi-replay-controls .btn { font-size:12px; padding:8px 16px; min-height:37px; }.bi-replay-plan { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; padding:24px 32px; background:#f8fafa; border-bottom:1px solid var(--line); }.bi-replay-plan p { font-size:12px; margin:8px 0 0; line-height:1.8; }.bi-counterfactual { display:grid; grid-template-columns:1fr 1fr; padding:32px; gap:24px; }.bi-counterfactual article { border:1px solid var(--line); border-radius:8px; padding:24px; background:#f8fafa; }.bi-counterfactual article:last-child { background:#f2f1ff; border-color:#e1ddff; }.bi-counterfactual h4 { font-size:24px; margin:16px 0; line-height:1.3; }.bi-counterfactual p { font-size:12px; }.bi-counterfactual dl { margin:0; }.bi-counterfactual dl > div { padding:16px 0; border-top:1px solid var(--line); }.bi-counterfactual dt { color:#4128cc; font-size:12px; font-weight:500; margin-bottom:6px; }.bi-counterfactual dd { font-size:12px; line-height:1.8; margin:0; }.bi-counterfactual small { color:#626a70; font-size:12px; display:block; margin-top:16px; }.bi-sim-heading { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; }.bi-counterfactual article.is-unavailable { background:#ffffff; border-color:#fff0bf; }.bi-comparison-record { padding:0 32px 32px; }.bi-comparison-record p { margin:8px 0 0; font-size:12px; line-height:1.8; color:#626a70; }
.bi-fidelity-list { border:1px solid var(--line); background:white; border-radius:10px; overflow:hidden; }.bi-fidelity-list > div { display:grid; grid-template-columns:1fr 2fr; gap:32px; padding:24px 32px; border-bottom:1px solid var(--line); }.bi-fidelity-list > div:last-child { border:0; }.bi-fidelity-list h3 { font-size:16px; line-height:1.5; margin:0; }.bi-fidelity-list p { font-size:12px; margin:0; }.bi-terms { display:grid; grid-template-columns:repeat(3,1fr); gap:24px 32px; margin-top:32px; }.bi-terms > div { padding-top:16px; border-top:1px solid #e1ddff; }.bi-terms strong { display:block; font-size:14px; font-weight:500; color:#4128cc; margin-bottom:8px; }.bi-terms span { font-size:12px; display:block; line-height:1.8; }.bi-federation { display:grid; grid-template-columns:1fr 1.5fr; gap:48px; margin-top:48px; padding-top:32px; border-top:1px solid var(--line); }.bi-federation h3 { font-size:24px; margin-top:16px; }.bi-federation p { font-size:14px; margin:0; }
.bi-reset:focus-visible,.bi-table-link:focus-visible,.bi-lenses button:focus-visible { outline:2px solid var(--brand); outline-offset:-2px; }
[hidden] { display:none!important; }
@media (max-width:991px) { .bi-breadcrumb { margin-bottom:32px; }.bi-hero h1 { font-size:clamp(3rem,6.5vw,4rem); }.bi-cover { max-width:620px; }.bi-section { padding:64px 0; }.bi-nav-links { display:none; }.bi-nav-mobile { display:flex; align-items:center; gap:16px; }.bi-nav-mobile label { font-size:12px; white-space:nowrap; }.bi-nav-mobile select { font-size:12px; }.navbar-collapse.show { max-height:calc(100svh - 90px); overflow-y:auto; }.bi-toolbar { align-items:flex-start; }.bi-path { margin:24px 24px 0; }.bi-path > div { padding:16px 8px; }.bi-path strong { font-size:12px; }.bi-path span,.bi-path small { font-size:12px; }.bi-two-col { gap:32px; }.bi-modes { grid-template-columns:1fr 1fr; gap:32px; }.bi-modes article > span { min-height:0; }.bi-replay-controls { grid-template-columns:1fr 1fr; }.bi-replay-controls .btn { grid-column:1/-1; justify-self:start; } }
@media (max-width:767px) { .bi-hero h1 { font-size:3rem; }.bi-hero .eyebrow { line-height:1.9; }.bi-hero-lead { font-size:16px; }.bi-cover-body { padding:16px; }.bi-cover figcaption { padding:16px; font-size:12px; }.bi-cover-path li { padding:16px 16px; gap:8px; }.bi-cover-path b { display:none; }.bi-foundation { display:grid; grid-template-columns:1fr 1fr; font-size:12px; gap:16px; margin-top:48px; }.bi-foundation > span { grid-column:1/-1; }.bi-toolbar { flex-direction:column; align-items:stretch; padding:24px 16px; }.bi-toolbar .form-select { min-width:0; }.bi-toolbar > .bi-badge { align-self:start; }.bi-scope { padding:16px 16px; flex-direction:column; align-items:flex-start; gap:8px; }.bi-result { grid-template-columns:1fr; }.bi-result > div { padding:16px; }.bi-result > div:last-child { border-left:0; border-top:1px solid var(--line); }.bi-path { grid-template-columns:1fr 1fr; margin:24px 16px 0; }.bi-path > div { padding:16px 16px; border-bottom:1px solid var(--line); }.bi-path > div:nth-child(2n) { border-right:0; }.bi-path > div:last-child { grid-column:1/-1; }.bi-path strong { font-size:12px; }.bi-path span,.bi-path small { font-size:12px; }.bi-investigation-body { padding:24px 16px; }.bi-lenses { grid-template-columns:1fr 1fr; }.bi-lenses button { padding:16px 8px; font-size:12px; border-bottom:1px solid var(--line); }.bi-lenses button:nth-child(2n) { border-right:0; }.bi-lenses button:nth-child(n+3) { border-bottom:0; }.bi-detail { padding:16px; }.bi-detail h4 { font-size:24px; }.bi-fields > div { grid-template-columns:1fr; gap:5px; }.bi-binding { padding:16px; }.bi-demo-footer { padding:16px 16px; }.bi-two-col,.bi-analysis-questions,.bi-counterfactual,.bi-replay-plan,.bi-federation,.bi-related { grid-template-columns:1fr; }.bi-two-col { gap:32px; margin-top:40px; }.bi-analysis-questions { gap:24px; }.bi-replay-controls { grid-template-columns:1fr; padding:24px 16px; }.bi-replay-controls .btn { width:100%; }.bi-replay-plan { gap:16px; padding:24px 16px; }.bi-counterfactual { padding:24px 16px; gap:16px; }.bi-counterfactual article { padding:24px; }.bi-comparison-record { padding:0 16px 24px; }.bi-fidelity-list > div { grid-template-columns:1fr; padding:24px; gap:16px; }.bi-terms { grid-template-columns:1fr 1fr; gap:24px; }.bi-federation { gap:16px; }.bi-related a { border-right:0; border-bottom:1px solid var(--line); } }
@media (max-width:375px) { .bi-hero h1 { font-size:2.5rem; }.bi-modes,.bi-terms { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
@media print { .bi-nav,.bi-toolbar select,.bi-replay-controls,.bi-reset { display:none!important; }.bi-section { padding:32px 0; } }