.better-bi { position:relative; display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(55px,8vw,120px); color:#e9fbf8; background:radial-gradient(circle at 13% 30%,rgba(37,229,210,.1),transparent 28%),linear-gradient(145deg,#061620,#02080d)!important; border-block:1px solid rgba(37,229,210,.18); overflow:hidden; }
.better-bi:before { content:"OUTCOMES / 06"; position:absolute; right:clamp(24px,7vw,110px); top:28px; color:rgba(37,229,210,.35); font:700 8px var(--font-geist-mono),monospace; letter-spacing:.18em; }
.better-bi:after { content:""; position:absolute; inset:0; pointer-events:none; opacity:.22; background-image:linear-gradient(rgba(37,229,210,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(37,229,210,.055) 1px,transparent 1px); background-size:56px 56px; mask-image:linear-gradient(90deg,black,transparent 58%); }
.better-bi>* { position:relative; z-index:1; }.better-bi-intro{align-self:start;position:sticky;top:120px}.better-bi-intro h2{max-width:590px;margin:22px 0 28px;font-size:clamp(42px,5.2vw,70px)}.better-bi-intro h2 em{color:#25e5d2;font-style:normal;text-shadow:0 0 34px rgba(37,229,210,.13)}.better-bi-intro>p{max-width:500px;margin:0;color:#91aeb5;font-size:16px;line-height:1.7}
.better-bi-list{margin:0;padding:0;list-style:none;border-top:1px solid rgba(37,229,210,.22)}.better-bi-list li{display:grid;grid-template-columns:42px 1fr 24px;gap:18px;align-items:center;min-height:108px;padding:22px 4px;border-bottom:1px solid rgba(37,229,210,.18);transition:padding .2s ease,background .2s ease}.better-bi-list li:hover{padding-inline:18px;background:linear-gradient(90deg,rgba(37,229,210,.07),transparent)}.better-bi-list span{color:#25e5d2;font:700 9px var(--font-geist-mono),monospace}.better-bi-list p{margin:0;color:#d5eae7;font-size:clamp(15px,1.25vw,18px);line-height:1.45;letter-spacing:-.015em}.better-bi-list i{color:#25e5d2;font-size:17px;font-style:normal}
@media(max-width:900px){.better-bi{grid-template-columns:1fr}.better-bi-intro{position:relative;top:auto}.better-bi-intro h2{max-width:760px}.better-bi-list li{min-height:96px}}
@media(max-width:520px){.better-bi-list li{grid-template-columns:30px 1fr 18px;gap:10px}.better-bi-list p{font-size:14.5px}}