@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg: #fffdf9;--ink: #101010;--ink-soft: #667085;--orange: #ff8f3d;--orange-deep: #ff613f;--gold: #f9d447;--nav: #8f8f8f;--panel: #141414;--line: #e8e7e4;--ok: #2ab673;--warn: #dc9a23;--down: #de4f4f;--shadow: 0 20px 60px rgba(18, 18, 18, .14)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Manrope,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none}.theme-root{position:relative;overflow-x:clip}.theme-root:before,.theme-root:after{content:"";position:fixed;width:440px;height:440px;border-radius:50%;pointer-events:none;z-index:-1;filter:blur(80px)}.theme-root:before{top:-180px;left:-170px;background:radial-gradient(circle,#ff8f3d40,#ff8f3d00)}.theme-root:after{right:-160px;top:20%;background:radial-gradient(circle,#f9d44738,#f9d44700)}.top-nav{position:fixed;top:1rem;left:1.6rem;right:1.6rem;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.4rem;font-weight:800;font-size:1.35rem;letter-spacing:-.03em;color:#141414;transition:opacity .2s ease}.brand:hover{opacity:.75}.nav-pill{display:inline-flex;gap:.35rem;padding:.45rem;background:#2d2d2d73;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:18px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.1)}.nav-pill a{padding:.5rem 1rem;color:#fff;border-radius:12px;font-weight:600;font-size:.92rem;transition:all .2s ease}.nav-pill a.active{background:#ffffff26}.nav-pill a:hover:not(.active){background:#ffffff14}.scene{position:relative}.scene-hero{height:300vh}.scene-hero.okapi-hero{height:220vh}.scene-problem{height:120vh}.scene-how,.scene-walk{height:260vh}.scene-install{height:180vh}.sticky-frame{width:min(1280px,100%);margin-inline:auto;min-height:100vh;position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;padding:8rem 8vw 3rem}.trust-line{display:inline-flex;align-items:center;gap:.75rem;font-weight:700;color:var(--ink-soft)}.avatar-stack{display:inline-flex}.avatar-stack span{width:1.65rem;height:1.65rem;border-radius:999px;border:2px solid #fff;background:linear-gradient(150deg,#fac27e,#fd7d56)}.avatar-stack span+span{margin-left:-.45rem}.hero-title{margin:1rem 0 .7rem;max-width:12ch;font-size:clamp(2.2rem,7vw,5.5rem);line-height:.94;letter-spacing:-.03em}.hero-subtitle{margin:0;color:var(--ink-soft);font-size:clamp(1.05rem,2vw,1.4rem);max-width:44ch}.cta-row{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.7rem}.btn{border-radius:15px;padding:.82rem 1.2rem;border:1px solid transparent;font-weight:800;transition:transform .22s ease}.btn:hover{transform:translateY(-1px)}.btn.dark{color:#fdfdfd;background:#191919;box-shadow:0 12px 30px #16161640}.btn.light{color:#141414;background:#fff;border-color:#dedede}.dashboard{margin-top:2rem;width:min(1040px,100%);background:radial-gradient(circle at 8% 0%,#262626,#121212 46%,#0f0f0f);color:#f6f6f6;border-radius:20px;box-shadow:0 40px 90px #0e0e0e80;border:1px solid #2c2c2c;padding:1.15rem;will-change:transform,opacity,filter}.dash-head{display:flex;justify-content:space-between;gap:.8rem;align-items:center}.dash-head h3{margin:0}.federated{display:inline-flex;align-items:center;gap:.45rem;color:#8ee9ba;font-size:.9rem}.federated i{width:.6rem;height:.6rem;border-radius:999px;background:var(--ok);box-shadow:0 0 #2ab673b3;animation:pulse 1.8s infinite}.health-grid{margin-top:1rem;display:grid;gap:.45rem}.health-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.62rem .75rem;border-radius:10px;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.05);will-change:transform,opacity}.service-name{font-weight:700}.service-status{display:inline-flex;align-items:center;gap:.4rem;min-width:112px;justify-content:flex-end}.status-dot{width:.58rem;height:.58rem;border-radius:999px}.status-dot.ok,.segment.ok{background:var(--ok)}.status-dot.warn,.segment.warn{background:var(--warn)}.status-dot.down,.segment.down{background:var(--down)}.dash-panels{margin-top:.8rem;display:grid;grid-template-columns:1.5fr 1fr;gap:.7rem}.panel{border:1px solid rgba(255,255,255,.1);background:#ffffff08;border-radius:12px;padding:.7rem}.panel h4{margin:0 0 .45rem}.panel p{margin:.45rem 0 0;color:#ffffffb3}.spark{fill:none;stroke:#75c8ff;stroke-width:2;stroke-dasharray:180}.timeline{margin-top:.8rem;height:.82rem;display:grid;grid-template-columns:repeat(6,1fr);gap:.35rem}.segment{border-radius:999px;transform-origin:left}.center-stack{align-items:center}.problem-line{position:absolute;margin:0;font-size:clamp(1.8rem,4.3vw,4rem);opacity:0;visibility:hidden;transform:scale(.98);transition:opacity .22s ease,transform .22s ease}.problem-line.warning{color:var(--warn)}.problem-line.danger{color:var(--down)}.problem-line.is-active{opacity:1;visibility:visible;transform:scale(1)}.transition{margin-top:12rem;color:var(--ink-soft)}.split{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem;align-items:center}.eyebrow{margin:0;text-transform:uppercase;font-size:.78rem;letter-spacing:.14em;font-weight:800;color:#8d8d8d}.split h2{margin:.7rem 0 .55rem;font-size:clamp(1.7rem,3.8vw,3rem)}.split p{margin:0;color:var(--ink-soft);max-width:36ch}.terminal-stage{min-height:300px;position:relative}.terminal,.flow,.terminal-window{border-radius:16px;border:1px solid #303030;background:var(--panel);color:#f6f6f6;box-shadow:var(--shadow)}.terminal{margin:0;padding:1rem;position:absolute;inset:0;font-family:JetBrains Mono,monospace;white-space:pre-wrap}.flow{position:absolute;inset:0;display:grid;place-items:center}.flow strong{width:130px;height:130px;border-radius:999px;display:grid;place-items:center;background:radial-gradient(circle,#ff8e42,#ff613f);color:#111}.providers{position:absolute;left:1rem;display:grid;gap:.35rem}.out{position:absolute;right:1.2rem;color:#8de2b8;font-family:JetBrains Mono,monospace;white-space:pre;font-size:.7rem;text-align:right;line-height:1.1}.flow .line{position:absolute;top:50%;height:2px;background:linear-gradient(90deg,transparent,#ffffffad,transparent)}.flow .line.left{left:18%;width:37%}.flow .line.right{right:16%;width:24%}.flow .dot{width:7px;height:7px;border-radius:999px;position:absolute;background:#fff}.flow .dot.left{left:18%;top:calc(50% - 2px)}.flow .dot.right{right:33%;top:calc(50% - 2px)}.flow.live .dot.left{animation:flow-left 2s linear infinite}.flow.live .dot.right{animation:flow-right 2s linear infinite}.terminal-window{margin-top:1.5rem;width:min(920px,100%);transform-origin:center}.terminal-window header{display:flex;gap:.38rem;padding:.58rem .75rem;border-bottom:1px solid #3a3a3a}.terminal-window header span{width:.58rem;height:.58rem;border-radius:999px}.terminal-window .r{background:#de4f4f}.terminal-window .y{background:#dc9a23}.terminal-window .g{background:#2ab673}.terminal-window pre{margin:0;min-height:200px;padding:1rem;font-family:JetBrains Mono,monospace;white-space:pre-wrap}.terminal-window.fixed{margin-top:0}.list-table{opacity:0;transform:translateY(10px);transition:opacity .22s ease,transform .22s ease;padding:0 1rem 1rem}.list-table.show{opacity:1;transform:translateY(0)}.list-row{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:.5rem;padding:.36rem .45rem;font-family:JetBrains Mono,monospace;font-size:.78rem;border-radius:8px;background:#ffffff0d}.list-row+.list-row{margin-top:.34rem}.list-row.head{background:#ffffff1f}.list-row .ok{color:var(--ok)}.list-row .warn{color:var(--warn)}.list-row .down{color:var(--down)}.toast{position:fixed;right:1.5rem;bottom:1.5rem;border:1px solid #ffd7b2;border-radius:12px;background:#fff7ed;box-shadow:var(--shadow);color:#8a4f12;padding:.7rem .85rem}.reveal-section,.cta-footer{padding:4rem 8vw 5rem;width:min(1280px,100%);margin-inline:auto}.reveal-section h2,.cta-footer h2{margin:0 0 1.2rem;font-size:clamp(1.8rem,3vw,2.9rem)}.cards{display:grid;gap:.8rem}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1rem;box-shadow:0 10px 24px #1414140f;opacity:0;transform:translateY(40px);transition:opacity .52s ease,transform .52s ease}.card.is-visible{opacity:1;transform:translateY(0)}.card h3{margin:0}.card p{margin:.55rem 0 0;color:var(--ink-soft)}.terminal-card{background:#191919;color:#f5f5f5}.terminal-card code{color:#ffca8f}.terminal-card p{color:#d4d4d4}.chips{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0 1.2rem}.chips span{padding:.4rem .75rem;border-radius:999px;border:1px solid #dcdcdc;font-weight:700}.pulse{animation:breathe 2.1s ease-in-out infinite}.cursor{margin:0 0 .45rem;font-size:2rem;animation:blink 1s steps(1) infinite}.install{align-items:center;text-align:center}.install-line{margin:0;width:min(680px,100%);border:1px solid #2f2f2f;background:#181818;color:#ffe5be;border-radius:14px;padding:1rem;font-family:JetBrains Mono,monospace}.okapi-final{padding:3rem 8vw 6rem}.okapi-final-inner{width:min(1280px,100%);margin-inline:auto;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#fffefc,#fff9f2);padding:2.5rem;display:grid;gap:2.5rem}.okapi-endpoints h2{margin:0 0 1.2rem;font-size:clamp(1.8rem,3vw,2.9rem)}.okapi-cta{border-top:1px solid #ece4d8;padding-top:2rem;display:flex;flex-direction:column;gap:.2rem}.okapi-cta img{width:14rem;height:auto;display:block;margin-bottom:.8rem;object-fit:contain}.okapi-cta h2{margin:0;font-size:clamp(1.4rem,2.5vw,2rem)}.okapi-final .card{opacity:1;transform:none}.okapi-cta .chips{margin-top:1rem;margin-bottom:.4rem}.okapi-cta .btn{margin-top:1.8rem;align-self:flex-start}.brand-cta{font-weight:800;font-size:1.8rem;letter-spacing:-.02em;margin-bottom:.5rem!important}@keyframes pulse{0%{box-shadow:0 0 #2ab673b3}80%{box-shadow:0 0 0 10px #2ab67300}to{box-shadow:0 0 #2ab67300}}@keyframes flow-left{0%{transform:translate(0)}to{transform:translate(200px)}}@keyframes flow-right{0%{transform:translate(0)}to{transform:translate(130px)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media(max-width:980px){.top-nav{flex-wrap:wrap;left:1rem;right:1rem}.sticky-frame{padding:7rem 1rem 2.5rem}.split,.cards.three,.cards.four,.dash-panels,.list-row{grid-template-columns:1fr}.toast{position:static;margin-top:1rem}.flow strong{width:90px;height:90px;font-size:.85rem}.providers{left:.5rem;font-size:.75rem}.out{right:.4rem;font-size:.52rem;line-height:1}.okapi-final{padding:2rem 1rem 3rem}.okapi-final-inner{padding:1.2rem}.okapi-cta img{width:10rem}}