:root{--color-bg-primary: #0a0a0a;--color-bg-secondary: #111111;--color-bg-tertiary: #1a1a1a;--color-accent-primary: #6366f1;--color-accent-secondary: #6366f1;--color-accent-warm: #6366f1;--color-accent-glow: rgba(99, 102, 241, .15);--color-text-primary: #fafafa;--color-text-secondary: #a1a1aa;--color-text-tertiary: #71717a;--color-border: #262626;--color-border-hover: #3f3f46;--font-sans: "Inter", system-ui, sans-serif;--font-display: "Space Grotesk", system-ui, sans-serif;--container-width: 1100px;--header-height: 72px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 24px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.1;color:var(--color-text-primary)}a{color:inherit;text-decoration:none;transition:color .2s ease}button{font-family:var(--font-sans);cursor:pointer}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}.section{padding:120px 0;position:relative}.text-gradient{background:linear-gradient(135deg,#818cf8,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-number{font-family:var(--font-display);font-size:clamp(4rem,8vw,7rem);font-weight:700;color:transparent;-webkit-text-stroke:1px var(--color-border);position:absolute;top:60px;right:24px;line-height:1;-webkit-user-select:none;user-select:none;pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;font-family:var(--font-sans);transition:all .25s ease;gap:8px;border:none}.btn-primary{background:var(--color-accent-primary);color:#fff}.btn-primary:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 8px 30px #6366f14d}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-outline:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:#6366f10d}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:32px;transition:all .3s ease}.card:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:0 20px 40px -10px #00000080}.nav{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:#0a0a0acc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100;border-bottom:1px solid rgba(255,255,255,.05)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:1.25rem;font-weight:700;font-family:var(--font-display);letter-spacing:-.02em}.nav-links{display:flex;gap:32px;list-style:none;align-items:center}.nav-links a{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);transition:color .2s ease}.nav-links a:hover{color:var(--color-text-primary)}.nav-hamburger{display:none;background:none;border:none;color:var(--color-text-primary);padding:8px;cursor:pointer}.mobile-menu{display:none;position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:#0a0a0af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:99;padding:40px 24px}.mobile-menu.open{display:flex;flex-direction:column;gap:24px}.mobile-menu a{font-size:1.5rem;font-family:var(--font-display);font-weight:600;color:var(--color-text-secondary);transition:color .2s ease}.mobile-menu a:hover{color:var(--color-text-primary)}@media(max-width:768px){.nav-links{display:none}.nav-hamburger{display:block}.section{padding:80px 0}.section-number{font-size:3rem;top:40px}}.timeline{position:relative;padding-left:40px}.timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:var(--color-border)}.timeline-item{position:relative;margin-bottom:32px}.timeline-item:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:-40px;top:8px;width:16px;height:16px;border-radius:50%;background:var(--color-bg-primary);border:2px solid var(--color-accent-primary);z-index:1}.timeline-dot.current{background:var(--color-accent-primary);box-shadow:0 0 12px #6366f166}.timeline-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-left:3px solid transparent;border-radius:var(--radius-md);padding:24px;transition:all .3s ease}.timeline-card:hover{border-color:var(--color-border-hover);border-left-color:var(--color-accent-primary);transform:translate(4px);box-shadow:0 10px 30px -8px #0006}.stats-row{display:flex;gap:32px;flex-wrap:wrap}.stat-item{text-align:center;flex:1;min-width:120px}.stat-value{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--color-accent-primary);line-height:1.2}.stat-label{font-size:.875rem;color:var(--color-text-secondary);margin-top:4px}.grid{display:grid;gap:24px}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.animate-float{animation:float 6s ease-in-out infinite}.social-link{color:var(--color-text-secondary);transition:color .2s ease,transform .2s ease;display:inline-flex}.social-link:hover{color:var(--color-accent-primary);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:600;background:#6366f126;color:var(--color-accent-primary);border:1px solid rgba(99,102,241,.2)}.badge-warm,.badge-cyan{background:#6366f126;color:var(--color-accent-primary);border-color:#6366f133}
