@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-elevated:#1a2236;--bg-surface:#1e293b;--bg-glass:#111827b3;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-inverse:#0a0e1a;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff26;--accent-primary:#6c63ff;--accent-primary-hover:#7b73ff;--accent-glow:#6c63ff26;--accent-glow-strong:#6c63ff4d;--pillar-digital:#3b82f6;--pillar-digital-bg:#3b82f61a;--pillar-digital-border:#3b82f640;--pillar-environmental:#10b981;--pillar-environmental-bg:#10b9811a;--pillar-environmental-border:#10b98140;--pillar-human:#f59e0b;--pillar-human-bg:#f59e0b1a;--pillar-human-border:#f59e0b40;--success:#22c55e;--warning:#eab308;--error:#ef4444;--info:#3b82f6;--gradient-hero:linear-gradient(135deg, #6c63ff 0%, #3b82f6 50%, #10b981 100%);--gradient-hero-text:linear-gradient(135deg, #a78bfa 0%, #6c63ff 30%, #3b82f6 60%, #10b981 100%);--gradient-cta:linear-gradient(135deg, #6c63ff 0%, #8b5cf6 100%);--gradient-card-hover:linear-gradient(135deg, #6c63ff0d 0%, #3b82f60d 100%);--gradient-glow:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), #6c63ff0f, transparent 40%);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 32px #0006;--shadow-glow:0 0 40px #6c63ff26;--shadow-glow-strong:0 0 60px #6c63ff40;--font-heading:"Outfit", -apple-system, sans-serif;--font-body:"Inter", -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--max-width:1200px;--max-width-narrow:800px;--nav-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none}img{max-width:100%;height:auto}.container{max-width:var(--max-width);padding:0 var(--space-lg);margin:0 auto}.container-narrow{max-width:var(--max-width-narrow);padding:0 var(--space-lg);margin:0 auto}.section{padding:var(--space-5xl) 0}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-header h2{margin-bottom:var(--space-md);font-size:clamp(2rem,4vw,3rem)}.section-header p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.125rem}.gradient-text{background:var(--gradient-hero-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.badge{align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-digital{background:var(--pillar-digital-bg);color:var(--pillar-digital);border:1px solid var(--pillar-digital-border)}.badge-environmental{background:var(--pillar-environmental-bg);color:var(--pillar-environmental);border:1px solid var(--pillar-environmental-border)}.badge-human{background:var(--pillar-human-bg);color:var(--pillar-human);border:1px solid var(--pillar-human-border)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #6c63ff26}50%{box-shadow:0 0 40px #6c63ff4d}}@keyframes draw-line{to{stroke-dashoffset:0}}.animate-fade-in-up{opacity:0;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);transform:translateY(24px)}.animate-fade-in-up.visible{opacity:1;transform:translateY(0)}.animate-fade-in{opacity:0;transition:opacity .6s var(--ease-out)}.animate-fade-in.visible{opacity:1}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}.delay-6{transition-delay:.6s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--accent-glow-strong);color:var(--text-primary)}