.bi-app{--maxw:1250px;--pad-x:clamp(20px, 5vw, 56px);--sec-pad:clamp(72px, 9vw, 128px);--ease:cubic-bezier(.22, 1, .36, 1);--page:#fbf8f2;--page-2:#fff;--surface:#fff;--surface-2:#f4ede0;--border:#e8decb;--border-2:#f0e8d8;--fg:#0e1414;--fg-muted:#5a6160;--fg-subtle:#9a9486;--primary:#10a3a3;--primary-deep:#0e8585;--primary-bright:#18c3c3;--on-primary:#fff;--primary-soft:#e7fafa;--gold:#be9444;--shadow:0 30px 70px -28px #1c140847;--shadow-soft:0 16px 40px -16px #1c140829;--shadow-pill:0 4px 18px #1c140812;--glow:#18c3c34d;min-height:100vh;font-family:var(--font-body);color:var(--fg);background:var(--page);-webkit-font-smoothing:antialiased;position:relative;overflow-x:clip}.bi-app img{max-width:100%;display:block}.bi-app a{color:inherit;text-decoration:none}.bi-app ::selection{background:var(--primary);color:var(--on-primary)}.bi-app .page-bg{z-index:-1;background:radial-gradient(90% 50% at 100% 0%, color-mix(in srgb, var(--gold) 10%, transparent), transparent 60%), radial-gradient(80% 50% at 0% 10%, color-mix(in srgb, var(--primary-soft) 70%, transparent), transparent 62%), var(--page);position:fixed;inset:0}.bi-app .wrap{max-width:var(--maxw);padding-inline:var(--pad-x);width:100%;margin-inline:auto}.bi-app .pad{padding-block:var(--sec-pad)}.bi-app section{position:relative}.bi-app .eyebrow{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--primary);align-items:center;gap:10px;font-size:11.5px;font-weight:700;display:inline-flex}.bi-app .eyebrow:before{content:"";background:var(--primary);flex:none;width:18px;height:1px}.bi-app .eyebrow.c{justify-content:center}.bi-app .sec-title{font-family:var(--font-display);letter-spacing:-.03em;margin:14px 0 0;font-size:clamp(28px,4vw,52px);font-weight:700;line-height:1.06}.bi-app .hl,.bi-app .ink{color:var(--primary)}.bi-app .lead{color:var(--fg-muted);font-size:clamp(15px,1.4vw,18px);line-height:1.7}.bi-app .sec-head{max-width:640px}.bi-app .sec-head.c{text-align:center;margin-inline:auto}.bi-app .btn{letter-spacing:-.01em;cursor:pointer;transition:transform .3s var(--ease), background .3s, box-shadow .3s, color .3s, border-color .3s;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:10px;padding:15px 26px;font-size:15px;font-weight:700;display:inline-flex}.bi-app .btn svg{flex:none;width:17px;height:17px}.bi-app .btn .ci{width:24px;height:24px;transition:transform .3s var(--ease);background:#ffffff2e;border-radius:7px;flex:none;place-items:center;display:grid}.bi-app .btn .ci svg{width:14px;height:14px}.bi-app .btn:hover .ci{transform:translate(3px)}.bi-app .btn-primary{background:var(--fg);color:#fff}.bi-app .btn-primary:hover{background:var(--primary-deep);box-shadow:0 18px 40px -14px var(--glow);transform:translateY(-2px)}.bi-app .btn-white{color:var(--fg);border:1px solid var(--border);background:0 0}.bi-app .btn-white:hover{border-color:var(--fg);transform:translateY(-2px)}.bi-app .btn-ghost{color:var(--fg);border:1px solid var(--border);background:0 0}.bi-app .btn-ghost:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.bi-app .btn-lg{padding:17px 30px;font-size:16px}.bi-app .up{opacity:0;transition:opacity .85s var(--ease), transform .85s var(--ease);transform:translateY(24px)}.bi-app .up.in{opacity:1;transform:none}.bi-app .up.d1{transition-delay:60ms}.bi-app .up.d2{transition-delay:.14s}.bi-app .up.d3{transition-delay:.22s}.bi-app .up.d4{transition-delay:.3s}.bi-app .up.d5{transition-delay:.38s}.bi-app .hero{padding:clamp(26px,4vw,48px) 0 clamp(40px,5vw,64px)}.bi-app .crumb{color:var(--fg-subtle);flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:clamp(30px,5vw,56px);font-size:13px;display:flex}.bi-app .crumb a{color:var(--fg-muted);transition:color .2s}.bi-app .crumb a:hover{color:var(--primary)}.bi-app .crumb-sep{opacity:.55;flex:none;width:14px;height:14px}.bi-app .hero-head{max-width:900px}.bi-app .hero h1{font-family:var(--font-display);letter-spacing:-.042em;margin:18px 0 0;font-size:clamp(36px,5.6vw,78px);font-weight:700;line-height:1}.bi-app .hero-tagline{font-family:var(--font-display);letter-spacing:-.015em;color:var(--fg-subtle);margin:18px 0 0;font-size:clamp(18px,2.3vw,30px);font-weight:500;line-height:1.2}.bi-app .hero .lead{max-width:min(64ch,46rem);margin:24px 0 0}.bi-app .hero .cta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:34px;display:flex}.bi-app .spec-band{background:var(--page-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding-block:clamp(34px,4vw,54px)}.bi-app .spec-grid{grid-template-columns:1.2fr 1fr 1fr;align-items:start;gap:clamp(24px,3.5vw,54px);display:grid}.bi-app .spec .cap{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-subtle);align-items:center;gap:9px;margin-bottom:16px;font-size:10.5px;display:flex}.bi-app .spec .cap:after{content:"";background:var(--border);flex:1;height:1px}.bi-app .ramp{gap:6px;display:flex}.bi-app .ramp .sw{border:1px solid color-mix(in srgb, var(--fg) 8%, transparent);transform-origin:bottom;opacity:0;height:92px;animation:bi-swin .55s var(--ease) forwards;border-radius:10px;flex:1;position:relative;transform:scaleY(.3)}.bi-app .ramp .sw-n{inset-inline-start:0;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-subtle);white-space:nowrap;font-size:9.5px;position:absolute;top:calc(100% + 8px)}.bi-app .pairing{align-items:baseline;gap:16px;display:flex}.bi-app .pairing .glyph{color:var(--fg);font-size:clamp(42px,5vw,62px);font-weight:700;line-height:1}.bi-app .pairing .latin{font-family:var(--font-manrope), "Manrope", system-ui, sans-serif;letter-spacing:-.03em}.bi-app .pairing .arabic{font-family:var(--font-ar-display), var(--font-arabic-plex), serif}.bi-app .pairing .glyph-rule{background:var(--border);align-self:stretch;width:1px}.bi-app .spec .note{color:var(--fg-muted);max-width:34ch;margin:16px 0 0;font-size:13px;line-height:1.6}.bi-app .grid-demo{grid-template-columns:repeat(12,1fr);gap:4px;height:92px;display:grid}.bi-app .grid-demo .col{background:color-mix(in srgb, var(--primary) 9%, transparent);border-radius:3px}.bi-app .grid-demo .col:nth-child(-n+4){background:color-mix(in srgb, var(--primary) 22%, transparent)}.bi-app .stats{border-top:1px solid var(--border);flex-wrap:wrap;gap:clamp(28px,5vw,68px);margin-top:clamp(38px,4vw,54px);padding-top:clamp(24px,3vw,32px);display:flex}.bi-app .stats .stat{flex-direction:column;gap:5px;display:flex}.bi-app .stats .n{font-family:var(--font-display);color:var(--fg);letter-spacing:-.02em;font-size:clamp(26px,3.2vw,38px);font-weight:700;line-height:1}.bi-app .stats .l{color:var(--fg-muted);font-size:13px}.bi-app .statement{text-align:center}.bi-app .statement .big{font-family:var(--font-display);letter-spacing:-.03em;max-width:min(27ch,44rem);margin-inline:auto;font-size:clamp(25px,3.7vw,48px);font-weight:700;line-height:1.25}.bi-app .statement .big .muted{color:var(--fg-subtle)}.bi-app .statement .big .hl{color:var(--primary)}.bi-app .statement .word{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);display:inline-block;transform:translateY(14px)}.bi-app .statement.in .word{opacity:1;transform:none}.bi-app .what-grid{grid-template-columns:minmax(0,34%) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,76px);display:grid}.bi-app .what-head{position:sticky;top:110px}.bi-app .bi-what .prose p{color:var(--fg-muted);margin:0 0 20px;font-size:clamp(15.5px,1.4vw,17.5px);line-height:1.8}.bi-app .bi-what .prose p:first-child{color:var(--fg);font-size:clamp(17px,1.7vw,21px);line-height:1.62}.bi-app .bi-what .prose p:last-child{margin-bottom:0}.bi-app .test-card{background:var(--fg);color:#f2f6f4;border-radius:24px;padding:clamp(30px,4vw,56px);position:relative;overflow:hidden}.bi-app .test-card:before{content:"";inset-inline-end:-10%;aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--primary) 40%, transparent), transparent 66%);pointer-events:none;border-radius:50%;width:60%;position:absolute;top:-40%}.bi-app .test-h{font-family:var(--font-display);letter-spacing:-.028em;color:#fff;margin:0 0 clamp(22px,3vw,32px);font-size:clamp(22px,3vw,36px);font-weight:700;position:relative}.bi-app .test-card ul{grid-template-columns:1fr 1fr;gap:14px 30px;margin:0;padding:0;list-style:none;display:grid;position:relative}.bi-app .test-card li{border-bottom:1px solid #f2f6f41f;align-items:flex-start;gap:12px;padding-bottom:14px;font-size:15px;line-height:1.55;display:flex}.bi-app .test-card li .ck{background:color-mix(in srgb, var(--primary) 30%, transparent);width:22px;height:22px;color:var(--primary-bright);border-radius:6px;flex:none;place-items:center;margin-top:1px;display:grid}.bi-app .test-card li .ck svg{width:13px;height:13px}.bi-app .ledger{border-top:1px solid var(--border);margin:clamp(36px,4vw,52px) 0 0;padding:0;list-style:none}.bi-app .ledger .row{border-bottom:1px solid var(--border);transition:background .3s var(--ease), padding-inline .3s var(--ease);grid-template-columns:auto auto 1fr;align-items:start;gap:clamp(16px,2.4vw,34px);padding-block:clamp(24px,2.6vw,34px);display:grid}.bi-app .ledger .row:hover{background:color-mix(in srgb, var(--primary) 4%, transparent);padding-inline:clamp(10px,1.4vw,20px)}.bi-app .ledger .rn{font-family:var(--font-mono);color:var(--primary);letter-spacing:.1em;padding-top:6px;font-size:clamp(13px,1.2vw,15px);font-weight:700}.bi-app .ledger .ri{border:1px solid var(--border);background:var(--surface);width:46px;height:46px;color:var(--primary);transition:background .3s var(--ease), color .3s var(--ease), border-color .3s;border-radius:12px;flex:none;place-items:center;display:grid}.bi-app .ledger .ri svg{width:21px;height:21px}.bi-app .ledger .row:hover .ri{background:var(--primary);color:var(--on-primary);border-color:#0000}.bi-app .ledger .rc h3{font-family:var(--font-display);letter-spacing:-.02em;margin:6px 0 8px;font-size:clamp(18px,1.9vw,23px);font-weight:700}.bi-app .ledger .rc p{color:var(--fg-muted);max-width:min(72ch,52rem);margin:0;font-size:14.5px;line-height:1.65}.bi-app .bi-process{background:var(--page-2)}.bi-app .tl{margin:clamp(36px,4vw,52px) 0 0;padding:0;list-style:none;position:relative}.bi-app .tl:before{content:"";background:linear-gradient(to bottom, var(--primary), color-mix(in srgb, var(--primary) 15%, transparent));width:2px;position:absolute;inset-block:12px;inset-inline-start:21px}.bi-app .tl-step{grid-template-columns:44px 1fr;align-items:start;gap:clamp(16px,2.2vw,30px);padding-bottom:clamp(26px,3vw,40px);display:grid;position:relative}.bi-app .tl-step:last-child{padding-bottom:0}.bi-app .tl-dot{background:var(--surface);border:2px solid var(--primary);width:44px;height:44px;color:var(--primary);font-family:var(--font-display);z-index:2;transition:background .35s var(--ease), color .35s var(--ease), transform .35s var(--ease);border-radius:50%;place-items:center;font-size:16px;font-weight:700;display:grid;position:relative}.bi-app .tl-step:hover .tl-dot{background:var(--primary);color:var(--on-primary);box-shadow:0 0 26px -4px var(--glow);transform:scale(1.08)}.bi-app .tl-body h4{font-family:var(--font-display);letter-spacing:-.018em;margin:9px 0 8px;font-size:clamp(17px,1.8vw,21px);font-weight:700}.bi-app .tl-body p{color:var(--fg-muted);max-width:min(70ch,50rem);margin:0;font-size:14.5px;line-height:1.7}.bi-app .rel-list{border-top:1px solid var(--border);max-width:720px;margin:clamp(26px,3vw,36px) 0 0;padding:0;list-style:none}.bi-app .rel-list li{border-bottom:1px solid var(--border)}.bi-app .rel-list a{font-family:var(--font-display);letter-spacing:-.015em;transition:color .25s var(--ease), padding-inline-start .25s var(--ease);justify-content:space-between;align-items:center;gap:18px;padding-block:17px;font-size:clamp(16px,1.6vw,19px);font-weight:600;display:flex}.bi-app .rel-list a:hover{color:var(--primary);padding-inline-start:12px}.bi-app .rel-caret{width:17px;height:17px;color:var(--primary);opacity:.5;transition:opacity .25s, transform .25s var(--ease);flex:none}.bi-app .rel-list a:hover .rel-caret{opacity:1;transform:translate(4px)}@media (max-width:1080px){.bi-app .spec-grid{grid-template-columns:1fr 1fr}.bi-app .spec:first-child{grid-column:1/-1}.bi-app .what-grid{grid-template-columns:1fr}.bi-app .what-head{position:static}}@media (max-width:720px){.bi-app .spec-grid{grid-template-columns:1fr;gap:40px}.bi-app .test-card ul{grid-template-columns:1fr}.bi-app .ledger .row{grid-template-columns:auto 1fr}.bi-app .ledger .ri{display:none}.bi-app .hero .cta .btn{flex:1;justify-content:center}}@media (prefers-reduced-motion:reduce){.bi-app .ramp .sw{opacity:1;transform:none;animation:none!important}.bi-app .up,.bi-app .statement .word{opacity:1!important;transform:none!important}}[data-theme=dark] .bi-app{--page:#0b0f0e;--page-2:#0e1413;--surface:#121b19;--surface-2:#16221f;--border:#bee1d21f;--border-2:#bee1d212;--fg:#eff3ef;--fg-muted:#9db2ac;--fg-subtle:#647570;--primary:#2ecbcb;--primary-deep:#10a3a3;--primary-bright:#46e2e2;--on-primary:#042524;--primary-soft:#0f2422;--gold:#d9b36a;--shadow:0 36px 80px -28px #000000b3;--shadow-soft:0 20px 48px -18px #0000008c;--shadow-pill:0 6px 20px #0006;--glow:#2ed4d473}[data-theme=dark] .bi-app .test-card{border:1px solid var(--border);background:#16221f}[data-theme=dark] .bi-app .btn-primary{background:var(--primary);color:var(--on-primary)}[data-theme=dark] .bi-app .btn-primary:hover{background:var(--primary-bright)}@keyframes bi-swin{to{opacity:1;transform:scaleY(1)}}.bi-app .kd-serving .sec-head{max-width:760px}.bi-app .kd-serving .sec-head .lead{max-width:60ch;margin-top:16px}.bi-app .kd-faq .sec-head{max-width:none}[dir=rtl] .bi-app .btn:hover .ci{transform:translate(-3px)}[dir=rtl] .bi-app .rel-list a:hover .rel-caret{transform:translate(-4px)}[dir=rtl] .bi-app .eyebrow:before{background:var(--primary)}[dir=rtl] .bi-app .tl:before{background:linear-gradient(to bottom, var(--primary), color-mix(in srgb, var(--primary) 15%, transparent))}[dir=rtl] .bi-app .pairing{flex-direction:row-reverse}.ar-root .bi-app .hero h1,.ar-root .bi-app .sec-title,.ar-root .bi-app .eyebrow,.ar-root .bi-app .hero-tagline,.ar-root .bi-app .stats .n,.ar-root .bi-app .spec .cap,.ar-root .bi-app .ramp .sw-n,.ar-root .bi-app .statement .big,.ar-root .bi-app .ledger .rn,.ar-root .bi-app .ledger .rc h3,.ar-root .bi-app .tl-body h4,.ar-root .bi-app .test-h,.ar-root .bi-app .rel-list a,.ar-root .bi-app .btn{letter-spacing:normal;text-transform:none}.ar-root .bi-app .hero h1{line-height:1.25}.ar-root .bi-app .hero-tagline{line-height:1.5}.ar-root .bi-app .statement .big{max-width:min(32ch,46rem);line-height:1.5}.ar-root .bi-app .spec .note{max-width:40ch}.ar-root .bi-app .ledger .rn{font-family:var(--font-manrope), "Manrope", system-ui, sans-serif}
