:root{--bg-root: #08090d;--bg-surface-1: #0e1117;--bg-surface-2: #161920;--bg-surface-3: #1e2129;--bg-hover: #252830;--border-subtle: rgba(255, 255, 255, .055);--border-medium: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .14);--text-primary: #f0f0f3;--text-secondary: #9498a5;--text-tertiary: #5e6270;--text-ghost: #3a3d47;--accent: #10b981;--accent-dim: rgba(16, 185, 129, .12);--accent-teal: #06b6d4;--shadow-float: 0 1px 2px rgba(0, 0, 0, .25), 0 4px 8px rgba(0, 0, 0, .2), 0 12px 24px rgba(0, 0, 0, .15), 0 24px 48px rgba(0, 0, 0, .1);--shadow-float-lg: 0 2px 4px rgba(0, 0, 0, .3), 0 8px 16px rgba(0, 0, 0, .25), 0 24px 48px rgba(0, 0, 0, .2), 0 48px 96px rgba(0, 0, 0, .15);--shadow-glow: 0 0 0 1px rgba(16, 185, 129, .15), 0 4px 16px rgba(16, 185, 129, .08), 0 12px 32px rgba(16, 185, 129, .04);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-med: .3s;--duration-slow: .6s}html{scroll-behavior:smooth;scroll-padding-top:100px;max-width:100vw;overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}body{margin:0;max-width:100vw;overflow-x:hidden;background:var(--bg-root);color:var(--text-secondary);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}::selection{background:#10b98140;color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-root)}::-webkit-scrollbar-thumb{background:var(--bg-surface-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}*{scrollbar-width:thin;scrollbar-color:var(--bg-surface-3) var(--bg-root)}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.text-display{font-weight:650;letter-spacing:-.035em;line-height:1.05;color:var(--text-primary)}.text-headline{font-weight:620;letter-spacing:-.025em;line-height:1.12;color:var(--text-primary)}.text-body-lg{font-size:1.125rem;line-height:1.7;color:var(--text-secondary)}.text-label{font-size:.6875rem;font-weight:550;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.gradient-text{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-teal) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.nav-glass{backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);transition:all var(--duration-med) var(--ease-out-expo)}.nav-scrolled{background:#08090dd1;border-bottom:1px solid var(--border-subtle);box-shadow:0 1px 3px #0006,0 4px 12px #0003}.card-float{background:var(--bg-surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-float);transition:transform var(--duration-med) var(--ease-out-expo),box-shadow var(--duration-med) var(--ease-out-expo),border-color var(--duration-med) ease}.card-float:hover{transform:translateY(-4px);box-shadow:var(--shadow-float-lg);border-color:var(--border-medium)}.card-float-glow:hover{border-color:#10b98133;box-shadow:var(--shadow-glow),var(--shadow-float-lg)}.card-gradient-border{position:relative;background:var(--bg-surface-1);border-radius:var(--radius-xl);box-shadow:var(--shadow-float);overflow:hidden;transition:transform var(--duration-med) var(--ease-out-expo),box-shadow var(--duration-med) var(--ease-out-expo)}.card-gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-xl);padding:1px;background:linear-gradient(135deg,#10b98100,#10b98126,#06b6d400);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--duration-med) ease}.card-gradient-border:hover{transform:translateY(-4px);box-shadow:var(--shadow-float-lg)}.card-gradient-border:hover:before{opacity:1}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--accent);color:#fff;font-weight:550;font-size:.9375rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo);box-shadow:0 1px 2px #0000004d,0 4px 12px #10b98133}.btn-primary:hover{background:#0ea472;transform:translateY(-1px);box-shadow:0 2px 4px #0000004d,0 8px 20px #10b9814d}.btn-primary:active{transform:translateY(0)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:transparent;color:var(--text-secondary);font-weight:500;font-size:.9375rem;border:1px solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo)}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-surface-2)}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-subtle) 30%,var(--border-subtle) 70%,transparent)}.terminal{background:#0006;border:1px solid var(--border-subtle);border-left:2px solid rgba(16,185,129,.4);border-radius:var(--radius-md);font-family:JetBrains Mono,Fira Code,monospace;font-size:.8125rem;line-height:1.9;color:var(--text-tertiary)}.layer{border-radius:var(--radius-md);border:1px solid var(--border-subtle);transition:transform var(--duration-med) var(--ease-out-expo),box-shadow var(--duration-med) var(--ease-out-expo)}.layer:hover{transform:translate(6px)}.layer--context{background:linear-gradient(135deg,rgba(16,185,129,.04) 0%,var(--bg-surface-2) 100%);box-shadow:var(--shadow-float)}.layer--causal{background:linear-gradient(135deg,rgba(16,185,129,.08) 0%,rgba(6,182,212,.03) 50%,var(--bg-surface-2) 100%);border-color:#10b98126;box-shadow:var(--shadow-float),0 0 0 1px #10b98114}.layer--semantic{background:linear-gradient(135deg,rgba(6,182,212,.04) 0%,var(--bg-surface-2) 100%);box-shadow:var(--shadow-float)}.connector{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0}.connector__line{width:1px;height:20px;background:linear-gradient(180deg,#10b9814d,#10b98114)}.connector__dot{width:5px;height:5px;border-radius:50%;background:#10b9814d}.feat-num{font-family:JetBrains Mono,monospace;font-weight:700;letter-spacing:-.04em;color:var(--text-ghost);-webkit-user-select:none;user-select:none;line-height:1}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:9999px;border:1px solid var(--border-subtle);background:var(--bg-surface-1);color:var(--text-secondary);transition:all var(--duration-fast) ease;font-family:JetBrains Mono,monospace}.badge:hover{border-color:#10b98140;color:var(--text-primary);transform:translateY(-1px)}@keyframes drift{0%,to{transform:translate(0) scale(1)}25%{transform:translate(15px,-20px) scale(1.03)}50%{transform:translate(-10px,-35px) scale(.97)}75%{transform:translate(20px,-15px) scale(1.02)}}.orb{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;animation:drift 20s ease-in-out infinite;will-change:transform}.orb-emerald{background:radial-gradient(circle,rgba(16,185,129,.12) 0%,transparent 70%)}.orb-teal{background:radial-gradient(circle,rgba(6,182,212,.08) 0%,transparent 70%)}.orb-purple{background:radial-gradient(circle,rgba(124,58,237,.06) 0%,transparent 70%)}.grid-bg{background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:float 7s ease-in-out infinite}@keyframes shimmer{0%{left:-100%}to{left:200%}}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;top:0;left:-100%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent);animation:shimmer 4s ease-in-out infinite}.step-arrow{display:flex;justify-content:center;padding:2px 0;color:var(--text-ghost)}.input{width:100%;background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.75rem 1rem;color:var(--text-primary);font-size:.9375rem;font-family:inherit;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease;outline:none}.input::placeholder{color:var(--text-ghost)}.input:focus{border-color:#10b98166;box-shadow:0 0 0 3px #10b98114}.pipe-step{background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.75rem 1rem;font-family:JetBrains Mono,monospace;font-size:.8125rem;text-align:center;transition:border-color var(--duration-fast) ease}.pipe-step:hover{border-color:var(--border-medium)}.pipe-step--accent{border-color:#10b98140;background:#10b9810f}.pipe-step--final{border-color:#10b98166;background:#10b9811a;box-shadow:0 0 20px #10b98114}@media (max-width: 768px){.text-display{letter-spacing:-.025em}}.motion-container{position:relative;overflow:hidden}.pulse-ring{animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite}@keyframes pulse-ring{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.flow-line{stroke-dasharray:4,4;animation:flow linear infinite}@keyframes flow{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.cursor-blink:after{content:"█";animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}