@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&family=Inter:wght@100;200;300;400;500;600&display=swap";:root{--bg-primary: #080a0e;--bg-secondary: #0d1117;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .06);--text-primary: #f0f2f5;--text-secondary: #8892a4;--text-muted: #4a5568;--accent-red: #ff3b3b;--accent-red-glow: rgba(255, 59, 59, .3);--accent-blue: #3b82f6;--accent-blue-glow: rgba(59, 130, 246, .3);--accent-green: #22c55e;--accent-green-glow: rgba(34, 197, 94, .3);--accent-white: rgba(255, 255, 255, .85);--border: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .14);--font-display: "Space Grotesk", sans-serif;--font-mono: "Space Mono", monospace;--font-body: "Inter", sans-serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--transition-fast: .15s ease;--transition-med: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%;-webkit-text-size-adjust:100%}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden;min-height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#fff3}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-40px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(40px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.reveal-right.visible{opacity:1;transform:translate(0)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.8rem;letter-spacing:.05em;cursor:pointer;border:1px solid transparent;transition:all var(--transition-med);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:#ffffff0d;transform:translate(-100%);transition:transform .3s ease}.btn:hover:before{transform:translate(0)}.btn-ghost{background:transparent;border-color:var(--border-hover);color:var(--text-secondary)}.btn-ghost:hover{border-color:#ffffff4d;color:var(--text-primary)}.btn-red{background:#ff3b3b1a;border-color:#ff3b3b4d;color:var(--accent-red)}.btn-red:hover{background:#ff3b3b33;box-shadow:0 0 20px var(--accent-red-glow)}.btn-blue{background:#3b82f61a;border-color:#3b82f64d;color:var(--accent-blue)}.btn-blue:hover{background:#3b82f633;box-shadow:0 0 20px var(--accent-blue-glow)}.btn-green{background:#22c55e1a;border-color:#22c55e4d;color:var(--accent-green)}.btn-green:hover{background:#22c55e33;box-shadow:0 0 20px var(--accent-green-glow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:fadeIn .6s cubic-bezier(.4,0,.2,1) both}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:max(1.2rem,env(safe-area-inset-top)) max(2rem,env(safe-area-inset-right)) 1.2rem max(2rem,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;transition:background var(--transition-med),backdrop-filter var(--transition-med)}.nav.scrolled{background:#080a0ed9;backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav-logo{font-family:var(--font-mono);font-size:.9rem;color:var(--text-primary);letter-spacing:.05em}.nav-links{display:flex;gap:clamp(1rem,2.4vw,1.8rem);list-style:none}.nav-links a{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);transition:color var(--transition-fast);position:relative;touch-action:manipulation}.nav-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--text-primary);transition:width var(--transition-med)}.nav-links a:hover{color:var(--text-primary)}.nav-links a:hover:after{width:100%}@media(prefers-reduced-motion:reduce){.reveal,.reveal-left,.reveal-right{opacity:1;transform:none;transition:none}}@media(max-width:820px){.nav{gap:1rem;padding:max(.95rem,env(safe-area-inset-top)) 1rem .95rem;overflow:hidden}.nav-links{gap:1rem;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:.15rem}.nav-links::-webkit-scrollbar{display:none}.nav-links a{font-size:.68rem;white-space:nowrap}.nav.scrolled{backdrop-filter:none;background:#080a0ef0}}@media(max-width:520px){.container{padding:0 1.15rem}.nav-logo{font-size:.78rem}.nav-links{gap:.8rem}.nav-links a{font-size:.62rem;letter-spacing:.08em}}html,body{margin:0;width:100%;min-height:100%}.page-orbit-progress{--page-progress: 0%;position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));z-index:700;display:grid;place-items:center;width:58px;height:58px;color:#ffffffd1;pointer-events:none}.orbit-ring-progress{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from -90deg,var(--accent-red) 0 var(--page-progress),rgba(255,255,255,.08) var(--page-progress) 100%);filter:drop-shadow(0 0 12px rgba(255,59,59,.22));animation:orbitBreathe 2.6s ease-in-out infinite}.orbit-ring-progress:before{content:"";position:absolute;inset:5px;border-radius:50%;background:#080a0ee0;border:1px solid rgba(255,255,255,.1)}.orbit-dot{position:absolute;left:50%;top:2px;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 14px #ffffffd9;transform:translate(-50%)}.orbit-label{position:relative;z-index:1;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em}@keyframes orbitBreathe{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.06);opacity:1}}.scroll-nav{position:fixed;right:1.8rem;top:50%;transform:translateY(-50%);z-index:500;display:flex;align-items:center;gap:.3rem}.scroll-track{width:4px;height:180px;background:#ffffff12;border-radius:2px;position:relative;overflow:hidden}.scroll-fill{position:absolute;top:0;left:0;width:100%;height:0%;background:linear-gradient(to bottom,var(--accent-red),var(--accent-blue),var(--accent-green));border-radius:1px;transition:height .15s ease;box-shadow:0 0 12px #3b82f6a6}.scroll-fill:after{content:"";position:absolute;left:50%;bottom:0;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 18px #ffffffbf;transform:translate(-50%,50%);animation:scrollNavPulse 1.8s ease-in-out infinite}.scroll-dots{display:flex;flex-direction:column;gap:1.1rem}.scroll-dot{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;padding:0;flex-direction:row-reverse}.dot-pip{width:7px;height:7px;border-radius:50%;border:1.5px solid rgba(255,255,255,.25);background:transparent;transition:all .3s ease;flex-shrink:0;display:block}.scroll-dot.active .dot-pip{background:#fff;border-color:#fff;box-shadow:0 0 8px #fff9;transform:scale(1.3);animation:scrollNavPulse 1.8s ease-in-out infinite}.dot-label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:#fff0;transition:all .25s ease;white-space:nowrap;pointer-events:none;transform:translate(6px)}.scroll-dot:hover .dot-label,.scroll-dot.active .dot-label{color:#ffffffb3;transform:translate(0)}.scroll-dot.active .dot-label{color:#fff}@keyframes scrollNavPulse{0%,to{opacity:.75}50%{opacity:1;box-shadow:0 0 18px #ffffffd9}}@media(max-width:768px){.scroll-nav{display:none}.page-orbit-progress{width:48px;height:48px;right:max(.8rem,env(safe-area-inset-right));bottom:max(.8rem,env(safe-area-inset-bottom))}}