@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-elevated:#181818;--bg-surface:#1e1e1e;--bg-glass:#0e0e0ed1;--bg-glass-light:#ffffff08;--text-primary:#f5f2ee;--text-secondary:#c8c3bc;--text-tertiary:#948f89;--text-quaternary:#706b66;--text-inverse:#0a0a0a;--border-subtle:#f5f2ee0d;--border-default:#f5f2ee14;--border-strong:#f5f2ee24;--border-accent:#e85d2f4d;--accent-primary:#e85d2f;--accent-primary-hover:#f06d3f;--accent-primary-muted:#e85d2f1f;--accent-glow:#e85d2f0f;--accent-glow-strong:#e85d2f26;--accent-brass:#c9a96e;--accent-brass-muted:#c9a96e1a;--pillar-digital:#7a9ab5;--pillar-digital-bg:#7a9ab514;--pillar-digital-border:#7a9ab52e;--pillar-digital-glow:#7a9ab50a;--pillar-environmental:#7aae8e;--pillar-environmental-bg:#7aae8e14;--pillar-environmental-border:#7aae8e2e;--pillar-environmental-glow:#7aae8e0a;--pillar-human:#c9a96e;--pillar-human-bg:#c9a96e14;--pillar-human-border:#c9a96e2e;--pillar-human-glow:#c9a96e0a;--success:#7aae8e;--warning:#c9a96e;--error:#c75050;--info:#7a9ab5;--glass-bg:#181818a6;--glass-border:#f5f2ee14;--glass-blur:24px;--glass-shadow:0 8px 32px #0006;--gradient-hero-text:linear-gradient(135deg, #e85d2f 0%, #f5f2ee 100%);--gradient-orange-subtle:linear-gradient(135deg, #e85d2f26 0%, #e85d2f05 100%);--gradient-section-fade:linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);--gradient-card-shimmer:linear-gradient(90deg, transparent 0%, #f5f2ee05 50%, transparent 100%);--gradient-cta:var(--accent-primary);--gradient-hero:none;--gradient-card-hover:none;--gradient-glow:none;--shadow-glow:none;--shadow-glow-strong:none;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 12px 48px #0006;--shadow-card:0 2px 8px #0003, 0 0 0 1px #f5f2ee0d;--shadow-card-hover:0 12px 40px #00000059, 0 0 0 1px #e85d2f26;--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;--space-6xl:12rem;--grid-columns:12;--grid-gutter:24px;--grid-margin:48px;--radius-sm:3px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--radius-full:100px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--ease-drafting:cubic-bezier(.65, 0, .35, 1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--duration-reveal:.8s;--duration-draw:1.2s;--max-width:1200px;--max-width-narrow:800px;--max-width-wide:1400px;--nav-height:64px}@media (max-width:768px){:root{--grid-margin:24px;--space-4xl:4rem;--space-5xl:5rem;--space-6xl:6rem}}@media (max-width:480px){:root{--grid-margin:16px;--space-3xl:3rem}}*,: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:-.03em;font-weight:700;line-height:1.15}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(--grid-margin);margin:0 auto}.container-narrow{max-width:var(--max-width-narrow);padding:0 var(--grid-margin);margin:0 auto}.container-wide{max-width:var(--max-width-wide);padding:0 var(--grid-margin);margin:0 auto}.section{padding:var(--space-5xl) 0}.section-header{text-align:left;margin-bottom:var(--space-3xl)}.section-header h2{margin-bottom:var(--space-md);letter-spacing:-.04em;font-size:clamp(2rem,4vw,3rem);font-weight:800}.section-header p{color:var(--text-secondary);max-width:560px;font-size:1.05rem;line-height:1.7}.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);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-sm);padding:3px 10px;font-size:.6rem;font-weight:500;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 slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes drawLineHoriz{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes drawLineVert{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes cardReveal{0%{opacity:0;transform:translateY(32px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #e85d2f33}50%{box-shadow:0 0 0 8px #e85d2f00}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes unfold{0%{opacity:0;transform-origin:top;transform:perspective(800px)rotateX(-8deg)translateY(20px)}to{opacity:1;transform-origin:top;transform:perspective(800px)rotateX(0)translateY(0)}}.animate-fade-in-up{opacity:0;transition:opacity var(--duration-reveal) var(--ease-out), transform var(--duration-reveal) var(--ease-out);transform:translateY(24px)}.animate-fade-in-up.visible{opacity:1;transform:translateY(0)}.animate-fade-in{opacity:0;transition:opacity var(--duration-reveal) var(--ease-out)}.animate-fade-in.visible{opacity:1}.animate-slide-left{opacity:0;transition:opacity var(--duration-reveal) var(--ease-out), transform var(--duration-reveal) var(--ease-out);transform:translate(-24px)}.animate-slide-left.visible{opacity:1;transform:translate(0)}.animate-unfold{opacity:0;transition:opacity var(--duration-reveal) var(--ease-out), transform var(--duration-reveal) var(--ease-out);transform:perspective(800px)rotateX(-6deg)translateY(16px)}.animate-unfold.visible{opacity:1;transform:perspective(800px)rotateX(0)translateY(0)}.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}.delay-7{transition-delay:.7s}.delay-8{transition-delay:.8s}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-surface);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-quaternary)}::selection{background:var(--accent-primary-muted);color:var(--text-primary)}