body[data-bi-page]{--bi-bg:#061832;--bi-surface:#0d294c;--bi-ink:#f7fbff;--bi-muted:#fff;margin:0;background:var(--bi-bg);color:var(--bi-ink)}
html[data-theme="light"] body[data-bi-page]{--bi-bg:#faf9f6;--bi-surface:#fff;--bi-ink:#101820;--bi-muted:#111820}
.bi-page{min-height:100vh;background:var(--bi-bg)}
.bi-hero{min-height:225px;padding:22px max(6vw,28px) 20px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:28px;background:radial-gradient(circle at 86% 20%,rgba(37,191,104,.2),transparent 30rem),radial-gradient(circle at 8% 90%,rgba(20,121,237,.2),transparent 30rem),#061832;color:#fff}
.bi-hero>div{max-width:920px}
.bi-hero h1{margin:4px 0;font-size:var(--internal-hero-title-size);line-height:1.02;letter-spacing:-.045em}
.bi-hero p{max-width:760px;margin:5px 0;color:#fff;font-size:var(--internal-hero-description-size);line-height:1.5}
.bi-hero a,.bi-pending{width:max-content;margin-top:6px;padding:7px 13px;display:flex;align-items:center;gap:8px;border-radius:10px;font-weight:850}
.bi-hero a{background:#20b968;color:#fff;text-decoration:none}
.bi-pending{border:1px solid rgba(255,255,255,.25);color:#fff}
.bi-hero-visual{min-width:0;width:100%;max-width:760px;justify-self:end;transform:scale(.8);transform-origin:center right}
.bi-hero #bi-neural-banner{height:176px}
.bi-neural-section{padding:var(--module-padding-block) var(--module-padding-inline) 18px}
.bi-neural-heading{max-width:850px;margin:0 auto 24px;text-align:center}
.bi-neural-heading h2{margin:8px 0 10px;font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.04em}
.bi-neural-heading p{margin:0;color:var(--bi-muted);line-height:1.65}
.bi-neural-frame{width:min(1380px,100%);height:clamp(520px,62vw,680px);min-height:520px;margin:0 auto;overflow:hidden;border:1px solid rgba(82,185,255,.3);border-radius:22px;background:#02040b;box-shadow:0 30px 90px rgba(0,0,0,.28)}
.bi-neural-frame iframe{display:block;width:100%;height:100%;border:0;background:#02040b}
.bi-explanation{padding:var(--module-padding-block) var(--module-padding-inline) var(--section-space-md);display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bi-explanation article{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--bi-surface)}
.bi-explanation i{color:#20b968;font-size:1.7rem}
.bi-explanation h2{font-size:1.25rem}
.bi-explanation p{color:var(--bi-muted);line-height:1.65}
.drawer-section-label{display:block;padding:18px 14px 7px;color:#101820;font-size:.58rem;font-weight:900;letter-spacing:.14em}
@media(max-width:920px){.bi-hero{grid-template-columns:1fr;min-height:300px;padding:34px max(5vw,22px) 30px}.bi-hero-visual{max-width:700px;justify-self:center;transform-origin:center}.bi-neural-frame{height:700px;min-height:0}.bi-explanation{grid-template-columns:1fr}}
@media(max-width:560px){.bi-hero{min-height:220px;padding:28px 22px 26px;gap:12px}.bi-hero #bi-neural-banner{height:210px}.bi-pending{width:100%}.bi-neural-section{padding:34px 14px 14px}.bi-neural-frame{height:660px;border-radius:16px}.bi-explanation{padding-top:32px}}