:root{--void: #070d18;--ink: #e8f1fa;--ink-soft: #9aafc4;--cyan: #00d4e8;--violet: #7b5cff;--magenta: #e83d8a;--lime: #a8e848;--font-display: "Orbitron", system-ui, sans-serif;--font-body: "Rajdhani", system-ui, sans-serif;--font-mono: "Share Tech Mono", ui-monospace, monospace;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body.xp-body{margin:0;font-family:var(--font-body);font-size:1.125rem;font-weight:500;line-height:1.55;color:var(--ink);background:var(--void);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}body.xp-body:before,body.xp-body:after{display:none}#xp-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;display:block;pointer-events:auto;cursor:default;opacity:0;animation:xp-canvas-in .9s var(--ease) .15s forwards}@keyframes xp-canvas-in{to{opacity:1}}.xp-label-layer{position:fixed!important;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none!important;overflow:hidden;opacity:0;animation:xp-canvas-in .8s var(--ease) .45s forwards}.xp-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);padding:.3rem .55rem;background:#070d18e0;border:1px solid rgba(0,212,232,.22);white-space:nowrap;-webkit-user-select:none;user-select:none;transform:translate(-50%,-120%);transition:border-color .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease)}.xp-label--sm{font-size:.58rem;opacity:.88}.xp-label--source{border-color:#5b8def8c;color:#b8d0ff}.xp-label--ingest{border-color:#00d4e88c;color:#9ef0fa}.xp-label--transform{border-color:#7b5cff8c;color:#d0c4ff}.xp-label--storage{border-color:#3dd6c38c;color:#b8f5ec}.xp-label--delivery{border-color:#c9a2278c;color:#f0e0a0}.xp-label--hot{color:#fff;background:#00d4e824;box-shadow:0 0 20px #00d4e852;border-color:#00d4e8bf}.xp-hotspot-tip{position:fixed;z-index:25;max-width:15.5rem;padding:.75rem .9rem;background:#070d18f0;border:1px solid rgba(0,212,232,.28);border-left:2px solid var(--cyan);pointer-events:none;transform:translate(12px,12px);box-shadow:0 10px 32px #0006}.xp-hotspot-tip[hidden]{display:none!important}.xp-hotspot-tip strong{display:block;font-family:var(--font-display);font-size:.8rem;letter-spacing:.04em;margin-bottom:.35rem;color:var(--ink)}.xp-hotspot-tip p{margin:0;font-size:.88rem;color:var(--ink-soft);line-height:1.4}.xp-hotspot-tip__hint{display:block;margin-top:.45rem;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.06em;color:#9aafc4b3}.xp-noscript{position:relative;z-index:30;padding:2rem;color:var(--ink-soft)}.xp-vignette{display:none}.xp-nav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,2.5rem);background:linear-gradient(180deg,rgba(3,6,12,.78),transparent)}.xp-brand{display:inline-flex;align-items:center;text-decoration:none;color:var(--ink);line-height:1}.xp-nav-links{display:flex;align-items:center;gap:1.25rem;list-style:none;margin:0;padding:0}.xp-nav-links a{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;color:var(--ink-soft);text-decoration:none;position:relative;transition:color .25s var(--ease)}.xp-nav-links a:after{content:"";position:absolute;left:0;bottom:-.28em;width:0;height:1px;background:var(--cyan);transition:width .25s var(--ease)}.xp-nav-links a:hover,.xp-nav-links a[aria-current=page]{color:var(--cyan)}.xp-nav-links a:hover:after,.xp-nav-links a[aria-current=page]:after{width:100%}.xp-nav-cta{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;color:var(--void);background:var(--cyan);padding:.48rem .95rem;text-decoration:none;border:1px solid var(--cyan);transition:background .25s var(--ease),color .25s var(--ease)}.xp-nav-cta:hover{background:transparent;color:var(--cyan)}.xp-scroll{position:relative;z-index:2;pointer-events:none}.xp-panel{position:sticky;top:0;height:100vh;display:flex;align-items:flex-end;padding:0 clamp(1.25rem,5vw,4rem) clamp(3.5rem,10vh,6rem);opacity:calc(var(--panel-fade, 0) * var(--panel-fade, 0));transform:translateY(calc((1 - var(--panel-fade, 0)) * 18px));transition:opacity .25s var(--ease);pointer-events:none;visibility:hidden}.xp-panel.is-active{pointer-events:auto;visibility:visible;opacity:max(.6,calc(var(--panel-fade, 0)))}.xp-panel-inner{max-width:28rem;padding:1.4rem 1.55rem;background:#0308107a;border:1px solid rgba(0,212,232,.12);border-left:2px solid var(--cyan);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.xp-panel[data-panel=ingest] .xp-panel-inner{max-width:36rem;border-left-color:var(--lime)}.xp-panel[data-panel=store] .xp-panel-inner{border-left-color:var(--violet)}.xp-panel[data-panel=transform] .xp-panel-inner{border-left-color:var(--magenta)}.xp-panel[data-panel=coordinate] .xp-panel-inner{border-left-color:var(--cyan)}.xp-kicker{margin:0 0 .55rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;color:var(--cyan)}.xp-title{margin:0 0 .75rem;font-family:var(--font-display);font-weight:700;font-size:clamp(1.85rem,4.6vw,3.15rem);line-height:1.08;letter-spacing:.015em}.xp-title .mark{color:var(--cyan)}.xp-lead{margin:0 0 1.35rem;color:var(--ink-soft);font-size:1.12rem;max-width:38ch;line-height:1.55}.xp-panel h2{margin:0 0 .5rem;font-family:var(--font-display);font-size:clamp(1.2rem,2.4vw,1.55rem);font-weight:650;letter-spacing:.025em}.xp-panel p{margin:0;color:var(--ink-soft);font-size:1.05rem;line-height:1.5}.xp-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.25rem}.xp-btn{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.05em;padding:.65rem 1.1rem;text-decoration:none;border:1px solid transparent;transition:color .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease);pointer-events:auto}.xp-btn-primary{background:var(--cyan);color:var(--void);border-color:var(--cyan)}.xp-btn-primary:hover{background:transparent;color:var(--cyan)}.xp-btn-ghost{background:transparent;color:var(--ink);border-color:#e8f1fa38}.xp-btn-ghost:hover{border-color:var(--cyan);color:var(--cyan)}.xp-btn-short{display:none}.xp-scroll-hint{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:15;display:flex;flex-direction:column;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;color:var(--ink-soft);pointer-events:none;opacity:1;transition:opacity .4s var(--ease)}.xp-scroll-hint.is-hidden,.xp-progress.is-hidden{opacity:0;pointer-events:none}.site-content{position:relative;z-index:5;background:var(--void, #070d18);border-top:1px solid rgba(0,212,232,.12);pointer-events:auto}.site-content .section:first-child{padding-top:4.75rem}body.xp-past-story .xp-vignette{opacity:.28}body.xp-past-story #xp-canvas{pointer-events:none}body.xp-past-story .xp-label-layer{opacity:0;transition:opacity .35s var(--ease);animation:none}.xp-scroll-hint:after{content:"";width:1px;height:26px;background:linear-gradient(180deg,var(--cyan),transparent);animation:xp-pulse 1.8s ease-in-out infinite}@keyframes xp-pulse{0%,to{opacity:.25;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1)}}.xp-progress{position:fixed;right:clamp(.75rem,3vw,1.5rem);top:50%;transform:translateY(-50%);z-index:15;display:flex;flex-direction:column;gap:.55rem;pointer-events:none}.xp-progress span{width:6px;height:6px;border-radius:50%;border:1px solid rgba(0,212,232,.4);background:transparent;transition:background .25s var(--ease),box-shadow .25s var(--ease)}.xp-progress span.is-on{background:var(--cyan);box-shadow:0 0 8px #00d4e866}.skip{position:absolute;left:-999px;top:0;background:var(--cyan);color:var(--void);padding:.5rem 1rem;z-index:100}.skip:focus{left:.5rem;top:.5rem}@media(max-width:720px){.xp-nav{padding:.65rem .9rem;padding-top:max(.65rem,env(safe-area-inset-top))}.xp-nav-links{display:none}.xp-nav-cta{font-size:.62rem;padding:.35rem .6rem}.xp-panel{align-items:flex-end;padding:0 .85rem;padding-bottom:max(.85rem,env(safe-area-inset-bottom))}.xp-panel-inner{max-width:100%;width:100%;padding:.7rem .85rem .75rem;background:#0308109e;border-color:#00d4e824;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.xp-panel[data-panel=ingest] .xp-panel-inner{max-width:100%}.xp-lead{display:none}.xp-panel h2{font-size:1.05rem;margin-bottom:.25rem}.xp-panel p{font-size:.84rem;line-height:1.4}.xp-actions{flex-direction:row;flex-wrap:wrap;gap:.45rem;margin-top:.15rem}.xp-btn{justify-content:center;flex:1 1 auto;min-width:0;padding:.48rem .65rem;font-size:.7rem}.xp-btn-long{display:none}.xp-btn-short{display:inline}.xp-progress,.xp-br-desktop{display:none}.xp-title{font-size:clamp(1.2rem,5.4vw,1.45rem);line-height:1.15;margin-bottom:.45rem}.xp-kicker{font-size:.6rem;margin-bottom:.28rem}.xp-label-layer{display:none!important}.xp-scroll-hint{display:none}.xp-hotspot-tip{left:50%!important;top:auto!important;bottom:max(5.5rem,calc(4.5rem + env(safe-area-inset-bottom)));right:auto;transform:translate(-50%);max-width:min(18rem,calc(100vw - 2rem));width:max-content}.xp-hotspot-tip__hint{display:none}}body.xp-focus .xp-nav,body.xp-focus .xp-progress,body.xp-focus .xp-scroll-hint,body.xp-focus .xp-vignette,body.xp-focus #xp-scroll,body.xp-focus #site-content,body.xp-focus .xp-hotspot-tip,body.xp-focus .xp-label-layer{display:none!important}body.xp-focus{overflow:hidden}body.xp-focus #xp-canvas{pointer-events:auto;cursor:default}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#xp-canvas,.xp-label-layer{animation:none;opacity:1}.xp-scroll-hint:after{animation:none}.xp-panel{transform:none}}
