.about-page .transition,.about-page .mask-transition,.about-page .mask-bg-overlay,.about-page .transition-overlay{display:none!important;pointer-events:none!important}.about-page{background:#fff;color:#1a1a2e;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden;overflow-y:auto!important}.about-page,.about-page body{height:auto!important;min-height:100vh}.about-page.light-theme{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--border-color: #e2e8f0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1)}.about-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:1rem 0}.nav-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.nav-left{display:flex;align-items:center;gap:1.5rem}.nav-logo img{height:40px;width:auto}.language-toggle{display:flex;gap:.25rem;padding:.25rem;background:var(--bg-tertiary);border-radius:8px}.lang-btn{padding:.4rem .75rem;border:none;background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease}.lang-btn.active{background:var(--accent-primary);color:#fff}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s ease}.nav-links a:hover,.nav-links a.active{color:var(--accent-primary)}.nav-cta{padding:.75rem 1.5rem;background:var(--accent-gradient);color:#fff;text-decoration:none;font-weight:600;border-radius:10px;font-size:.9rem;transition:all .3s ease;box-shadow:0 4px 15px #6366f14d}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.about-hero-section{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8rem 2rem 4rem;overflow:hidden;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.hero-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(99,102,241,.08) 1px,transparent 0);background-size:40px 40px;pointer-events:none}.hero-gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.hero-gradient-orb.orb-1{width:500px;height:500px;top:-100px;right:-100px;background:#6366f126}.hero-gradient-orb.orb-2{width:400px;height:400px;bottom:10%;left:-100px;background:#8b5cf61f}.hero-gradient-orb.orb-3{width:300px;height:300px;top:40%;right:20%;background:#22c55e14}.hero-content{position:relative;z-index:10;text-align:center;max-width:900px}.hero-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.6rem 1.25rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:50px;margin-bottom:2rem}.hero-badge svg{width:18px;height:18px;color:var(--accent-primary)}.hero-badge span{font-size:.9rem;font-weight:600;color:var(--accent-primary)}.hero-title{margin-bottom:1.5rem}.title-line{display:block;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;color:var(--text-primary)}.title-line.highlight{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);line-height:1.7;max-width:700px;margin:0 auto 3rem}.hero-stats{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.stat-item{text-align:center}.stat-number{display:block;font-size:2.5rem;font-weight:800;color:var(--accent-primary);line-height:1}.stat-label{font-size:.9rem;color:var(--text-tertiary);margin-top:.5rem}.stat-divider{width:1px;height:50px;background:var(--border-color)}.scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem;animation:bounce 2s infinite}.scroll-indicator span{font-size:.85rem;color:var(--text-tertiary)}.scroll-arrow{width:40px;height:40px;border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center}.scroll-arrow svg{width:20px;height:20px;color:var(--text-tertiary)}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}.story-intro{padding:8rem 2rem;background:var(--bg-primary)}.intro-container{max-width:900px;margin:0 auto;text-align:center}.intro-eyebrow{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem}.intro-eyebrow .line{width:60px;height:1px;background:var(--border-color)}.intro-eyebrow .text{font-size:.85rem;font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.1em}.intro-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--text-primary);margin-bottom:2rem}.intro-content{max-width:750px;margin:0 auto 3rem}.intro-content p{font-size:1.15rem;color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem}.intro-content strong{color:var(--accent-primary);font-weight:600}.intro-quote{position:relative;padding:2.5rem;background:var(--bg-secondary);border-radius:20px;border-left:4px solid var(--accent-primary)}.quote-icon{width:40px;height:40px;color:var(--accent-primary);opacity:.3;margin-bottom:1rem}.quote-icon svg{width:100%;height:100%}.intro-quote blockquote{font-size:1.25rem;font-style:italic;color:var(--text-primary);line-height:1.7;margin:0}.cinematic-timeline{position:relative;padding:6rem 0;background:linear-gradient(180deg,#f8fafc,#fff 30%,#f1f5f9 70%,#fff);overflow:hidden}.timeline-ambient{position:absolute;inset:0;pointer-events:none}.ambient-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at 10% 20%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(ellipse at 90% 80%,rgba(139,92,246,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(34,197,94,.04) 0%,transparent 40%)}.ambient-particles{position:absolute;inset:0}.ambient-particles span{position:absolute;width:4px;height:4px;background:var(--accent-primary);border-radius:50%;opacity:.3;animation:floatParticle 10s ease-in-out infinite}.ambient-particles span:nth-child(1){left:5%;top:20%;animation-delay:0s}.ambient-particles span:nth-child(2){left:15%;top:60%;animation-delay:-2s}.ambient-particles span:nth-child(3){left:30%;top:30%;animation-delay:-4s}.ambient-particles span:nth-child(4){left:50%;top:70%;animation-delay:-1s}.ambient-particles span:nth-child(5){left:70%;top:25%;animation-delay:-3s}.ambient-particles span:nth-child(6){left:85%;top:50%;animation-delay:-5s}.ambient-particles span:nth-child(7){left:20%;top:80%;animation-delay:-6s}.ambient-particles span:nth-child(8){left:60%;top:15%;animation-delay:-7s}.ambient-particles span:nth-child(9){left:40%;top:90%;animation-delay:-8s}.ambient-particles span:nth-child(10){left:90%;top:75%;animation-delay:-9s}@keyframes floatParticle{0%,to{transform:translate(0) scale(1);opacity:.3}50%{transform:translate(20px,-30px) scale(1.5);opacity:.6}}.timeline-intro{position:relative;z-index:10;text-align:center;padding:0 2rem 4rem;max-width:800px;margin:0 auto}.intro-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.6rem 1.25rem;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid rgba(99,102,241,.2);border-radius:50px;margin-bottom:2rem}.badge-icon{width:20px;height:20px;color:var(--accent-primary)}.badge-icon svg{width:100%;height:100%}.intro-badge span{font-size:.85rem;font-weight:600;color:var(--accent-primary);letter-spacing:.05em}.intro-title{margin-bottom:1rem}.title-thin{display:block;font-size:1.2rem;font-weight:400;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.2em}.title-bold{display:block;font-size:clamp(3rem,8vw,5rem);font-weight:900;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.intro-desc{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem}.scroll-hint{display:flex;align-items:center;justify-content:center;gap:1rem;color:var(--text-tertiary);font-size:.9rem}.scroll-mouse{width:24px;height:38px;border:2px solid var(--border-color);border-radius:12px;position:relative}.scroll-wheel{position:absolute;top:6px;left:50%;transform:translate(-50%);width:4px;height:8px;background:var(--accent-primary);border-radius:2px;animation:scrollWheel 2s ease-in-out infinite}@keyframes scrollWheel{0%,to{top:6px;opacity:1}50%{top:18px;opacity:.3}}.scroll-arrow{width:20px;height:20px;animation:scrollArrow 1.5s ease-in-out infinite}@keyframes scrollArrow{0%,to{transform:translate(0)}50%{transform:translate(8px)}}.timeline-viewport{position:relative;overflow-x:auto;overflow-y:visible;padding:2rem 0 4rem;scrollbar-width:none;-ms-overflow-style:none}.timeline-viewport::-webkit-scrollbar{display:none}.timeline-track{display:flex;gap:3rem;padding:0 4rem;min-width:max-content}.journey-path{position:absolute;top:50%;left:0;width:100%;height:200px;transform:translateY(-50%);pointer-events:none;z-index:1}.path-progress{transition:stroke-dashoffset 1s ease-out}.era-cards{display:flex;gap:2rem;position:relative;z-index:10}.era-card{position:relative;width:340px;flex-shrink:0;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.15);border-radius:24px;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1)}.era-card:hover{transform:translateY(-12px) scale(1.02);border-color:var(--accent-primary);box-shadow:0 30px 60px #6366f126,0 0 0 1px #6366f133}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(99,102,241,.1) 0%,transparent 50%);opacity:0;transition:opacity .5s ease;pointer-events:none}.era-card:hover .card-glow{opacity:1}.featured-glow{background:radial-gradient(circle at center,rgba(168,85,247,.15) 0%,transparent 50%)}.current-glow{background:radial-gradient(circle at center,rgba(34,197,94,.15) 0%,transparent 50%)}.future-glow{background:radial-gradient(circle at center,rgba(236,72,153,.1) 0%,transparent 50%)}.card-content{position:relative;padding:2rem;z-index:1}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.era-label{font-size:.75rem;font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.1em}.year-display{text-align:right}.year-number{font-size:2.5rem;font-weight:900;color:var(--text-primary);opacity:.15;line-height:1}.year-decoration{width:40px;height:3px;background:var(--accent-gradient);border-radius:2px;margin-left:auto;margin-top:.5rem}.era-card .card-title{font-size:1.35rem;font-weight:700;color:var(--text-primary);margin-bottom:1.25rem;line-height:1.3}.card-visual{position:relative;width:80px;height:80px;margin-bottom:1.25rem}.visual-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;color:var(--accent-primary);z-index:2}.visual-icon svg{width:100%;height:100%}.visual-ring{position:absolute;inset:0;border:2px solid rgba(99,102,241,.2);border-radius:50%;animation:ringPulse 3s ease-in-out infinite}.visual-ring.ring-2{inset:-10px;border-color:#a855f726;animation-delay:-1.5s}@keyframes ringPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:1}}.card-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.25rem}.era-card .card-features{list-style:none;padding:0;margin:0 0 1.25rem}.era-card .card-features li{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary);padding:.4rem 0}.era-card .card-features li:before{content:"✓";color:#22c55e;font-weight:700}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}.feature-col h4{font-size:.7rem;font-weight:700;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.feature-col ul{list-style:none;padding:0;margin:0}.feature-col li{font-size:.8rem;color:var(--text-secondary);padding:.25rem 0}.feature-col li:before{content:"• ";color:var(--accent-primary)}.future-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem}.future-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary);padding:.5rem;background:#8b5cf60d;border-radius:8px}.future-item span:first-child{font-size:1.1rem}.expansion-regions{display:flex;gap:.75rem;margin-bottom:1.25rem}.region{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#22c55e1a;border-radius:8px}.region.planned{background:#6366f11a;border:1px dashed rgba(99,102,241,.3)}.flag{font-size:1.25rem}.region .name{font-size:.8rem;font-weight:600;color:var(--text-primary)}.era-card .card-tags{display:flex;flex-wrap:wrap;gap:.5rem}.era-card .card-tags span{padding:.35rem .75rem;background:var(--bg-tertiary);color:var(--text-secondary);font-size:.75rem;font-weight:500;border-radius:6px}.tag-highlight{background:#6366f11a!important;color:var(--accent-primary)!important}.card-connector{position:absolute;bottom:-2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.connector-dot{width:12px;height:12px;background:var(--accent-primary);border:3px solid var(--bg-primary);border-radius:50%;box-shadow:0 0 0 4px #6366f133}.connector-line{width:2px;height:20px;background:linear-gradient(to bottom,var(--accent-primary),transparent)}.era-card.featured{background:linear-gradient(135deg,#a855f70d,#6366f10d);border-color:#a855f74d}.featured-badge{position:absolute;top:0;right:1.5rem;display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.1em;border-radius:0 0 10px 10px}.featured-badge svg{width:12px;height:12px}.era-card.current{background:linear-gradient(135deg,#22c55e0d,#6366f108);border-color:#22c55e4d}.current-badge{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background:#22c55e;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.1em;border-radius:20px}.badge-pulse{width:8px;height:8px;background:#fff;border-radius:50%;animation:badgePulse 1.5s ease-in-out infinite}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.era-card.future{background:linear-gradient(135deg,#ec489908,#8b5cf60d);border-style:dashed}.future-badge{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);color:#8b5cf6;font-size:.65rem;font-weight:700;letter-spacing:.1em;border-radius:20px}.future-badge svg{width:14px;height:14px}.timeline-progress-bar{position:relative;max-width:600px;margin:3rem auto 0;padding:0 2rem}.progress-track{height:4px;background:var(--border-color);border-radius:2px;overflow:hidden}.progress-fill{height:100%;width:80%;background:var(--accent-gradient);border-radius:2px;transition:width .5s ease}.progress-years{display:flex;justify-content:space-between;margin-top:.75rem}.progress-years span{font-size:.75rem;font-weight:600;color:var(--text-tertiary);cursor:pointer;transition:color .2s ease}.progress-years span:hover,.progress-years span.current{color:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 4px 15px #6366f14d}.timeline-nav-btn.future{background:linear-gradient(135deg,#22c55e1a,#6366f11a);border-style:dashed}.timeline-container{position:relative;max-width:1000px;margin:0 auto;padding:0 2rem}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:4px;background:var(--border-color);transform:translate(-50%);border-radius:2px}.timeline-progress{position:absolute;top:0;left:0;width:100%;height:0%;background:var(--accent-gradient);border-radius:2px;transition:height .5s ease}.timeline-item{position:relative;padding:2rem 0;opacity:.5;transition:all .5s ease}.timeline-item.active,.timeline-item:hover{opacity:1}.timeline-item:nth-child(odd) .timeline-content{margin-left:55%;padding-left:3rem}.timeline-item:nth-child(2n) .timeline-content{margin-right:55%;padding-right:3rem;text-align:right}.timeline-item:nth-child(2n) .timeline-card{text-align:left}.timeline-marker{position:absolute;left:50%;top:2rem;transform:translate(-50%);z-index:10}.marker-dot{width:20px;height:20px;background:var(--bg-primary);border:4px solid var(--accent-primary);border-radius:50%;transition:all .3s ease}.timeline-item.active .marker-dot,.timeline-item:hover .marker-dot{background:var(--accent-primary);transform:scale(1.2)}.marker-pulse{position:absolute;inset:-6px;border:2px solid var(--accent-primary);border-radius:50%;opacity:0;animation:markerPulse 2s ease-out infinite}.timeline-item.active .marker-pulse{opacity:1}@keyframes markerPulse{0%{transform:scale(1);opacity:.5}to{transform:scale(2);opacity:0}}.marker-current{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.5rem;padding:.25rem .5rem;background:var(--accent-primary);color:#fff;font-size:.6rem;font-weight:700;border-radius:4px;letter-spacing:.1em}.timeline-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;padding:2rem;box-shadow:var(--shadow-lg);transition:all .4s ease}.timeline-item.active .timeline-card,.timeline-item:hover .timeline-card{border-color:var(--accent-primary);box-shadow:0 20px 40px #6366f126;transform:translateY(-5px)}.timeline-card.featured{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-color:var(--accent-primary)}.timeline-card.current{background:linear-gradient(135deg,#22c55e0d,#6366f10d);border-color:#22c55e}.timeline-card.future{background:linear-gradient(135deg,#8b5cf60d,#ec48990d);border-style:dashed}.card-badge{display:inline-block;padding:.35rem .75rem;background:var(--accent-primary);color:#fff;font-size:.65rem;font-weight:700;border-radius:4px;letter-spacing:.1em;margin-bottom:1rem}.card-era{font-size:.75rem;font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem}.card-year{font-size:3rem;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:.5rem;opacity:.15}.card-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.card-icon{width:48px;height:48px;background:#6366f11a;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.card-icon svg{width:24px;height:24px;color:var(--accent-primary)}.card-description{font-size:1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.card-features{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.feature{display:flex;align-items:center;gap:.75rem}.feature svg{width:18px;height:18px;color:#22c55e;flex-shrink:0}.feature span{font-size:.9rem;color:var(--text-secondary)}.card-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:1.5rem}.feature-group h4{font-size:.8rem;font-weight:700;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.feature-group .feature{font-size:.85rem}.card-milestone{padding:1rem;background:#6366f114;border-radius:10px;margin-bottom:1rem}.card-milestone span{font-size:.9rem;font-style:italic;color:var(--accent-primary)}.card-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{padding:.35rem .75rem;background:var(--bg-tertiary);color:var(--text-secondary);font-size:.75rem;font-weight:500;border-radius:6px}.tag.highlight{background:#6366f11a;color:var(--accent-primary)}.expansion-map{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.map-region{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:12px;transition:all .3s ease}.map-region.active{background:#22c55e1a;border:1px solid rgba(34,197,94,.2)}.map-region.planned{border:1px dashed var(--border-color);background:transparent}.region-flag{font-size:2rem}.region-info strong{display:block;font-size:1rem;color:var(--text-primary);margin-bottom:.25rem}.region-info span{font-size:.85rem;color:var(--text-tertiary)}.future-items{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.future-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#8b5cf60d;border-radius:10px}.future-icon{font-size:1.5rem}.future-item span{font-size:.85rem;color:var(--text-secondary)}.theme-toggle{background:transparent;border:none;cursor:pointer;padding:0;margin-left:.75rem}.toggle-track{position:relative;width:56px;height:28px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:14px;padding:2px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000001a}.dark-theme .toggle-track{background:linear-gradient(135deg,#1e1b4b,#312e81)}.toggle-thumb{position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0003;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.dark-theme .toggle-thumb{left:30px;background:#1e1b4b}.sun-icon,.moon-icon{position:absolute;width:16px;height:16px;transition:all .3s ease}.sun-icon{color:#f59e0b;opacity:1}.moon-icon{color:#fef3c7;opacity:0}.dark-theme .sun-icon{opacity:0;transform:rotate(90deg)}.dark-theme .moon-icon{opacity:1;transform:rotate(0)}.about-page.dark-theme{--bg-primary: #0a0a0f;--bg-secondary: #111118;--bg-tertiary: #1a1a24;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-tertiary: #64748b;--accent-primary: #818cf8;--accent-secondary: #a78bfa;--accent-gradient: linear-gradient(135deg, #818cf8 0%, #a78bfa 50%, #c084fc 100%);--border-color: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6)}.dark-theme{background:var(--bg-primary);color:var(--text-primary)}.dark-theme .about-nav{background:#0a0a0ff2;border-color:var(--border-color)}.dark-theme .nav-links a{color:var(--text-secondary)}.dark-theme .nav-links a:hover,.dark-theme .nav-links a.active{color:var(--accent-primary)}.dark-theme .nav-cta{background:var(--accent-gradient)}.dark-theme .about-hero-section{background:linear-gradient(180deg,#0a0a0f,#111118,#0a0a0f)}.dark-theme .hero-title .title-line{color:var(--text-primary)}.dark-theme .hero-title .title-line.highlight{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dark-theme .cinematic-timeline{background:linear-gradient(180deg,#0a0a0f,#111118,#0a0a0f)}.dark-theme .era-card{background:#111118e6;border-color:#818cf833}.dark-theme .era-card:hover{border-color:var(--accent-primary);box-shadow:0 30px 60px #818cf826}.dark-theme .footer{background:#0a0a0f;border-color:var(--border-color)}.values-immersive{position:relative;padding:10rem 2rem;background:var(--bg-primary);overflow:hidden}.dark-theme .values-immersive{background:linear-gradient(180deg,#0a0a0f,#0d0d14,#0a0a0f)}.values-cinema-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.cinema-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 30%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(139,92,246,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(236,72,153,.05) 0%,transparent 40%)}.dark-theme .cinema-gradient{background:radial-gradient(ellipse at 20% 30%,rgba(129,140,248,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(167,139,250,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(236,72,153,.08) 0%,transparent 40%)}.cinema-mesh{position:absolute;inset:0;background-image:linear-gradient(rgba(99,102,241,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.03) 1px,transparent 1px);background-size:60px 60px}.dark-theme .cinema-mesh{background-image:linear-gradient(rgba(129,140,248,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(129,140,248,.05) 1px,transparent 1px)}.cinema-particles span{position:absolute;width:4px;height:4px;background:var(--accent-primary);border-radius:50%;opacity:.3;animation:floatCinemaParticle 15s ease-in-out infinite}.cinema-particles span:nth-child(1){left:5%;top:10%;animation-delay:0s}.cinema-particles span:nth-child(2){left:15%;top:30%;animation-delay:-2s}.cinema-particles span:nth-child(3){left:25%;top:60%;animation-delay:-4s}.cinema-particles span:nth-child(4){left:35%;top:80%;animation-delay:-6s}.cinema-particles span:nth-child(5){left:45%;top:20%;animation-delay:-8s}.cinema-particles span:nth-child(6){left:55%;top:50%;animation-delay:-1s}.cinema-particles span:nth-child(7){left:65%;top:70%;animation-delay:-3s}.cinema-particles span:nth-child(8){left:75%;top:15%;animation-delay:-5s}.cinema-particles span:nth-child(9){left:85%;top:45%;animation-delay:-7s}.cinema-particles span:nth-child(10){left:95%;top:85%;animation-delay:-9s}.cinema-particles span:nth-child(11){left:10%;top:90%;animation-delay:-10s}.cinema-particles span:nth-child(12){left:30%;top:5%;animation-delay:-11s}.cinema-particles span:nth-child(13){left:50%;top:95%;animation-delay:-12s}.cinema-particles span:nth-child(14){left:70%;top:35%;animation-delay:-13s}.cinema-particles span:nth-child(15){left:90%;top:25%;animation-delay:-14s}@keyframes floatCinemaParticle{0%,to{transform:translate(0) scale(1);opacity:.2}25%{transform:translate(30px,-20px) scale(1.5);opacity:.5}50%{transform:translate(-20px,30px) scale(1);opacity:.3}75%{transform:translate(20px,10px) scale(1.3);opacity:.4}}.cinema-orbs .orb{position:absolute;border-radius:50%;filter:blur(60px);animation:orbFloat 20s ease-in-out infinite}.orb-1{width:400px;height:400px;background:#6366f126;top:10%;left:-10%;animation-delay:0s}.orb-2{width:300px;height:300px;background:#8b5cf61a;top:50%;right:-5%;animation-delay:-7s}.orb-3{width:350px;height:350px;background:#ec489914;bottom:10%;left:30%;animation-delay:-14s}.dark-theme .orb-1{background:#818cf833}.dark-theme .orb-2{background:#a78bfa26}.dark-theme .orb-3{background:#ec48991f}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-30px) scale(1.1)}50%{transform:translate(-30px,50px) scale(.95)}75%{transform:translate(30px,20px) scale(1.05)}}.cinema-lines{position:absolute;inset:0;opacity:.1}.cinema-lines svg{width:100%;height:100%}.cinema-line{stroke:var(--accent-primary);stroke-width:.5;stroke-dasharray:200;stroke-dashoffset:200;animation:drawLine 10s ease-in-out infinite}.cinema-line:nth-child(2){animation-delay:-3s}.cinema-line:nth-child(3){animation-delay:-6s}@keyframes drawLine{0%,to{stroke-dashoffset:200}50%{stroke-dashoffset:0}}.values-header-immersive{position:relative;z-index:10;text-align:center;max-width:900px;margin:0 auto 6rem}.header-eyebrow{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.eyebrow-line{width:60px;height:2px;background:var(--accent-gradient);border-radius:1px}.header-eyebrow span{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--accent-primary)}.values-mega-title{font-size:clamp(3rem,10vw,6rem);font-weight:900;line-height:1.1;margin-bottom:2rem}.title-reveal{display:inline-block;color:var(--text-primary);opacity:0;transform:translateY(40px);animation:revealTitle .8s ease forwards}.title-reveal:nth-child(1){animation-delay:.1s}.title-reveal:nth-child(2){animation-delay:.25s}.title-reveal:nth-child(3){animation-delay:.4s}.title-reveal.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes revealTitle{to{opacity:1;transform:translateY(0)}}.values-manifesto{font-size:1.35rem;line-height:1.8;color:var(--text-secondary);max-width:700px;margin:0 auto}.values-manifesto strong{color:var(--text-primary);font-weight:600}.values-showcase{position:relative;z-index:10;display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;max-width:1400px;margin:0 auto}.value-immersive{position:relative;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.15);border-radius:32px;padding:3rem;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1)}.dark-theme .value-immersive{background:#111118cc;border-color:#818cf833}.value-immersive:hover{transform:translateY(-8px);border-color:var(--accent-primary);box-shadow:0 40px 80px #6366f126,0 0 0 1px #6366f14d}.dark-theme .value-immersive:hover{box-shadow:0 40px 80px #818cf833,0 0 0 1px #818cf866}.value-glow{position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:radial-gradient(circle at center,rgba(99,102,241,.1) 0%,transparent 40%);opacity:0;transition:opacity .5s ease;pointer-events:none}.value-immersive:hover .value-glow{opacity:1}.innovation-glow{background:radial-gradient(circle at center,rgba(168,85,247,.15) 0%,transparent 40%)}.value-border-animation{position:absolute;inset:-2px;border-radius:34px;background:conic-gradient(from 0deg,transparent,var(--accent-primary),transparent);opacity:0;animation:borderRotate 4s linear infinite;transition:opacity .3s ease;z-index:-1}.value-immersive:hover .value-border-animation{opacity:.5}@keyframes borderRotate{to{transform:rotate(360deg)}}.value-immersive .featured-badge{position:absolute;top:0;right:2rem;display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.1em;border-radius:0 0 16px 16px}.featured-badge svg{width:14px;height:14px}.value-content{position:relative;z-index:2}.value-number{position:absolute;top:-1rem;right:0;font-size:6rem;font-weight:900;color:var(--accent-primary);opacity:.08;line-height:1;pointer-events:none}.value-icon-showcase{position:relative;width:100px;height:100px;margin-bottom:2rem}.icon-container{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:24px;border:1px solid rgba(99,102,241,.2)}.dark-theme .icon-container{background:linear-gradient(135deg,#818cf826,#a78bfa26);border-color:#818cf84d}.icon-container svg{width:48px;height:48px;color:var(--accent-primary)}.icon-path{stroke-dasharray:200;stroke-dashoffset:200;animation:drawIcon 2s ease forwards}.icon-path-inner{stroke-dasharray:100;stroke-dashoffset:100;animation:drawIcon 1.5s ease .5s forwards}.icon-core{opacity:0;animation:fadeIn .5s ease 1s forwards}@keyframes drawIcon{to{stroke-dashoffset:0}}@keyframes fadeIn{to{opacity:1}}.icon-rings{position:absolute;inset:0}.icon-rings .ring{position:absolute;inset:0;border:2px solid var(--accent-primary);border-radius:24px;opacity:0;animation:ringExpand 3s ease-in-out infinite}.ring-2{animation-delay:-1s}.ring-3{animation-delay:-2s}@keyframes ringExpand{0%{transform:scale(1);opacity:.4}to{transform:scale(1.5);opacity:0}}.spark-particles{position:absolute;inset:0;pointer-events:none}.spark-particles span{position:absolute;width:6px;height:6px;background:var(--accent-primary);border-radius:50%;animation:sparkFloat 4s ease-in-out infinite}.spark-particles span:nth-child(1){left:0;top:50%;animation-delay:0s}.spark-particles span:nth-child(2){left:100%;top:50%;animation-delay:-.5s}.spark-particles span:nth-child(3){left:50%;top:0;animation-delay:-1s}.spark-particles span:nth-child(4){left:50%;top:100%;animation-delay:-1.5s}.spark-particles span:nth-child(5){left:20%;top:20%;animation-delay:-2s}.spark-particles span:nth-child(6){left:80%;top:80%;animation-delay:-2.5s}@keyframes sparkFloat{0%,to{transform:translate(0) scale(0);opacity:0}50%{transform:translate(var(--tx, 20px),var(--ty, -20px)) scale(1);opacity:1}}.value-title{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin-bottom:1rem}.value-philosophy{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:2rem}.value-philosophy strong{color:var(--text-primary);font-weight:600}.value-metrics{display:flex;gap:2rem;margin-bottom:2rem}.metric{text-align:center}.metric-value{font-size:2.5rem;font-weight:900;color:var(--accent-primary);line-height:1}.metric-suffix{font-size:1.25rem;font-weight:700;color:var(--accent-secondary)}.metric-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem}.innovation-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.innovation-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#6366f10d;border-radius:12px;transition:all .3s ease}.dark-theme .innovation-item{background:#818cf81a}.innovation-item:hover{background:#6366f11a;transform:translate(4px)}.innovation-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);border-radius:8px;color:#fff}.innovation-icon svg{width:18px;height:18px}.innovation-item span{font-size:.9rem;font-weight:600;color:var(--text-primary)}.uptime-display{background:#6366f10d;border-radius:16px;padding:1.5rem;margin-bottom:2rem}.dark-theme .uptime-display{background:#818cf81a}.uptime-bar{height:12px;background:#6366f133;border-radius:6px;overflow:hidden;margin-bottom:1rem}.uptime-fill{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:6px;width:0%;animation:fillUptime 2s ease forwards}@keyframes fillUptime{to{width:99.99%}}.uptime-stats{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.uptime-value{font-size:2rem;font-weight:900;color:#22c55e}.uptime-label{font-size:.85rem;color:var(--text-tertiary)}.uptime-detail{font-size:.9rem;color:var(--text-secondary)}.uptime-detail strong{color:var(--accent-primary)}.value-quote{padding-top:1.5rem;border-top:1px solid var(--border-color)}.value-quote blockquote{font-size:1.1rem;font-style:italic;color:var(--text-tertiary);margin:0}.value-visual{position:absolute;right:2rem;bottom:2rem;width:150px;height:150px;opacity:.3;pointer-events:none}.shield-animation svg{width:100%;height:100%}.shield-body{fill:none;stroke:var(--accent-primary);stroke-width:2;stroke-dasharray:400;stroke-dashoffset:400;animation:drawShield 3s ease forwards}.shield-shine{fill:var(--accent-primary);animation:shieldShine 3s ease infinite}.shield-check{fill:none;stroke:#22c55e;stroke-dasharray:60;stroke-dashoffset:60;animation:drawCheck 1s ease 1s forwards}@keyframes drawShield{to{stroke-dashoffset:0}}@keyframes shieldShine{0%,to{opacity:.1}50%{opacity:.3}}@keyframes drawCheck{to{stroke-dashoffset:0}}.neural-network{position:relative;width:100%;height:100%}.node{position:absolute;width:12px;height:12px;background:var(--accent-primary);border-radius:50%;animation:nodePulse 2s ease-in-out infinite}.node-center{top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:var(--accent-secondary)}.node-1{top:10%;left:10%;animation-delay:0s}.node-2{top:10%;right:10%;animation-delay:-.3s}.node-3{bottom:10%;left:10%;animation-delay:-.6s}.node-4{bottom:10%;right:10%;animation-delay:-.9s}.node-5{top:50%;left:0;animation-delay:-1.2s}.node-6{top:50%;right:0;animation-delay:-1.5s}.connections{position:absolute;inset:0}.connections line{stroke:var(--accent-primary);stroke-width:1;opacity:.3;animation:connectionPulse 2s ease-in-out infinite}@keyframes nodePulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.3);opacity:1}}@keyframes connectionPulse{0%,to{opacity:.2}50%{opacity:.5}}.partnership-animation{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.handshake-icon svg{width:80px;height:80px;color:var(--accent-primary)}.hand-left,.hand-right{stroke-dasharray:100;animation:handshakeAnim 3s ease-in-out infinite}.hand-right{animation-delay:-.5s}@keyframes handshakeAnim{0%,to{stroke-dashoffset:0}50%{stroke-dashoffset:10}}.connection-pulse{position:absolute;inset:0;border:2px solid var(--accent-primary);border-radius:50%;animation:pulseOut 2s ease-out infinite}@keyframes pulseOut{0%{transform:scale(.5);opacity:.6}to{transform:scale(1.5);opacity:0}}.reliability-animation{position:relative;width:100%;height:100%}.server-rack{display:flex;flex-direction:column;gap:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.server{width:60px;height:20px;background:#6366f133;border-radius:4px;position:relative}.server-light{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:#22c55e;animation:serverBlink 1s ease-in-out infinite}.server-light.active{box-shadow:0 0 8px #22c55e}.server-1 .server-light{animation-delay:0s}.server-2 .server-light{animation-delay:-.3s}.server-3 .server-light{animation-delay:-.6s}@keyframes serverBlink{0%,to{opacity:1}50%{opacity:.5}}.pulse-ring{position:absolute;inset:20%;border:2px solid #22c55e;border-radius:50%;animation:pulseOut 2s ease-out infinite}.values-manifesto-footer{position:relative;z-index:10;max-width:900px;margin:6rem auto 0;text-align:center}.manifesto-content{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border:1px solid rgba(99,102,241,.15);border-radius:24px;padding:3rem}.dark-theme .manifesto-content{background:linear-gradient(135deg,#818cf81a,#a78bfa1a);border-color:#818cf833}.manifesto-icon{width:60px;height:60px;margin:0 auto 1.5rem;color:var(--accent-primary);animation:starRotate 20s linear infinite}@keyframes starRotate{to{transform:rotate(360deg)}}.manifesto-icon svg{width:100%;height:100%}.manifesto-text{font-size:1.2rem;line-height:1.8;color:var(--text-secondary);margin-bottom:2rem}.manifesto-text strong{color:var(--text-primary)}.manifesto-cta{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--accent-gradient);color:#fff;font-size:1rem;font-weight:600;text-decoration:none;border-radius:50px;transition:all .3s ease}.manifesto-cta:hover{transform:translateY(-2px);box-shadow:0 10px 30px #6366f14d}.manifesto-cta svg{width:20px;height:20px;transition:transform .3s ease}.manifesto-cta:hover svg{transform:translate(4px)}@media (max-width: 1024px){.values-showcase{grid-template-columns:1fr}.value-visual{display:none}}@media (max-width: 768px){.values-immersive{padding:6rem 1rem}.values-mega-title{font-size:2.5rem}.values-manifesto{font-size:1.1rem}.value-immersive{padding:2rem}.value-metrics{flex-wrap:wrap}.innovation-showcase{grid-template-columns:1fr}}.about-cta{padding:6rem 2rem;background:var(--accent-gradient)}.cta-container{max-width:800px;margin:0 auto;text-align:center}.cta-content h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#fff;margin-bottom:1rem}.cta-content p{font-size:1.25rem;color:#ffffffd9;margin-bottom:2rem}.cta-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.cta-primary{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#fff;color:var(--accent-primary);text-decoration:none;font-weight:700;border-radius:12px;transition:all .3s ease;box-shadow:0 4px 15px #0003}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000040}.cta-primary svg{width:18px;height:18px}.cta-secondary{padding:1rem 2rem;border:2px solid rgba(255,255,255,.5);color:#fff;text-decoration:none;font-weight:600;border-radius:12px;transition:all .3s ease}.cta-secondary:hover{background:#ffffff1a;border-color:#fff}.about-page .footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:4rem 2rem 2rem}.footer-container{max-width:1200px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-logo{height:40px;margin-bottom:1rem}.footer-tagline{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.footer-contact-info{font-size:.9rem;color:var(--text-secondary)}.footer-contact-info p{margin-bottom:.5rem}.footer-contact-info a{color:var(--accent-primary);text-decoration:none}.footer-links h4{font-size:.9rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.footer-links a{display:block;color:var(--text-secondary);text-decoration:none;font-size:.9rem;margin-bottom:.75rem;transition:color .2s ease}.footer-links a:hover{color:var(--accent-primary)}.footer-bottom{padding-top:2rem;border-top:1px solid var(--border-color);text-align:center}.footer-bottom p{font-size:.85rem;color:var(--text-tertiary)}@media (max-width: 1024px){.values-grid{grid-template-columns:repeat(2,1fr)}.timeline-item:nth-child(odd) .timeline-content,.timeline-item:nth-child(2n) .timeline-content{margin-left:0;margin-right:0;padding:0;text-align:left}.timeline-line,.timeline-marker{left:30px}.timeline-content{margin-left:70px!important}.card-features-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.nav-links{display:none}.hero-stats{flex-direction:column;gap:1.5rem}.stat-divider{width:50px;height:1px}.timeline-nav{overflow-x:auto;justify-content:flex-start;padding-bottom:1rem}.future-items,.values-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:2rem}}