.about-hero{padding:10rem 0 6rem;border-bottom:1px solid var(--border-color)} .about-hero-container{display:flex;justify-content:center;align-items:center;position:relative;z-index:2} .about-hero .hero-text{flex:none;max-width:850px;margin:0 auto;text-align:center} .about-hero .hero-desc{font-size:1.15rem;color:#cbd5e1;margin:0 auto;max-width:700px} .about-manifesto{padding:6rem 0;position:relative;z-index:10;margin-top:-4rem} .manifesto-glass-panel{background:linear-gradient(145deg,rgba(13,17,22,0.8) 0%,rgba(5,6,8,0.95) 100%);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(0,123,255,0.2);border-radius:20px;padding:4rem;box-shadow:0 30px 60px rgba(0,0,0,0.6),inset 0 0 30px rgba(0,123,255,0.05);position:relative;overflow:hidden} .manifesto-glass-panel::before{content:'';position:absolute;top:-50%;right:-10%;width:50%;height:150%;background:radial-gradient(ellipse,rgba(0,123,255,0.1) 0%,transparent 60%);transform:rotate(20deg);pointer-events:none} .manifesto-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:4rem;align-items:center;position:relative;z-index:2} .manifesto-icon-wrap{width:60px;height:60px;background:rgba(0,123,255,0.1);border:1px solid rgba(0,123,255,0.3);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--primary);margin-bottom:1.5rem;box-shadow:0 0 20px var(--primary-glow)} .manifesto-text h2{font-size:2.6rem;margin-bottom:1.5rem;line-height:1.2} .manifesto-text .lead-text{font-size:1.15rem;color:#fff;margin-bottom:1rem} .m-feature{display:flex;align-items:flex-start;gap:1rem;margin-top:1.5rem;padding:1rem;background:rgba(255,255,255,0.02);border:1px solid var(--border-color);border-radius:12px;transition:border-color 0.3s ease} .m-feature:hover{border-color:rgba(0,123,255,0.3)} .m-feature iconify-icon{font-size:1.8rem;color:var(--primary);margin-top:2px} .m-feature h4{font-size:1.05rem;margin-bottom:4px;color:#fff} .m-feature span{font-size:0.85rem;color:var(--text-muted);line-height:1.5;display:block} .manifesto-visual-wrapper{position:relative;height:100%;min-height:400px;display:flex;align-items:center;justify-content:center} .manifesto-visual-core{width:100%;max-width:450px;height:300px;background-color:#050608;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,0.15);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,0.8),0 0 30px rgba(0,123,255,0.1);position:relative;z-index:2} .mock-float{position:absolute;z-index:3;background:rgba(10,12,16,0.95);border:1px solid rgba(255,255,255,0.1);border-radius:8px;box-shadow:0 15px 30px rgba(0,0,0,0.6);backdrop-filter:blur(8px);color:#fff;font-size:0.85rem;font-weight:600} .mock-btn{padding:10px 20px;background:linear-gradient(135deg,var(--primary) 0%,#005ce6 100%);border:1px solid rgba(255,255,255,0.2);display:flex;align-items:center;gap:6px;box-shadow:0 10px 25px rgba(0,123,255,0.4)} .mock-palette,.mock-settings{padding:8px 16px;display:flex;align-items:center;gap:8px;border-color:rgba(0,123,255,0.4)} .mock-palette iconify-icon{color:#f59e0b} .mock-settings iconify-icon{color:#a855f7} .mock-progress-wrap{padding:12px;width:200px;display:flex;flex-direction:column;gap:8px;font-size:0.75rem;color:#8b949e} .mock-progress{width:100%;height:6px;background:rgba(255,255,255,0.1);border-radius:3px} .mock-progress-fill{width:65%;height:100%;background:#10b981;border-radius:3px;box-shadow:0 0 10px rgba(16,185,129,0.4)} .float-anim{animation:floatBox 5s ease-in-out infinite} .delay-1{animation-delay:1.5s} .delay-2{animation-delay:3s} .delay-3{animation-delay:4.5s} @keyframes floatBox{0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)}} .evolution-section{padding:6rem 0 10rem;background:var(--bg-base)} .evolution-tracker{position:relative;max-width:1000px;margin:5rem auto 0;padding:2rem 0} .energy-beam{position:absolute;top:0;bottom:220px;left:50%;transform:translateX(-50%);width:4px;background:linear-gradient(180deg,rgba(0,123,255,0) 0%,var(--primary) 10%,var(--primary) 90%,rgba(0,123,255,0) 100%);border-radius:2px;box-shadow:0 0 15px var(--primary-glow);z-index:1} .beam-pulse{position:absolute;top:0;left:50%;transform:translateX(-50%);width:12px;height:50px;background:#fff;border-radius:10px;box-shadow:0 0 20px #fff,0 0 40px var(--primary);animation:beamTravel 8s linear infinite} @keyframes beamTravel{0%{top:0%;opacity:0} 5%{opacity:1} 95%{opacity:1} 100%{top:100%;opacity:0}} .evo-node{position:relative;width:50%;margin-bottom:4rem;z-index:2} .left-node{left:0;padding-right:3.5rem} .right-node{left:50%;padding-left:3.5rem;margin-top:6rem} .evo-year{position:absolute;top:50%;transform:translateY(-50%);font-size:11rem;font-weight:900;color:rgba(255,255,255,0.02);z-index:0;pointer-events:none;letter-spacing:-5px;transition:color 0.4s ease} .left-node .evo-year{left:105%} .right-node .evo-year{right:105%} .evo-node:hover .evo-year{color:rgba(0,123,255,0.05)} .node-connector{position:absolute;top:40px;width:20px;height:20px;background:var(--bg-base);border:4px solid var(--primary);border-radius:50%;box-shadow:0 0 15px var(--primary-glow);z-index:3;transition:all 0.3s ease} .left-node .node-connector{right:-10px} .right-node .node-connector{left:-10px} .evo-node:hover .node-connector{background:var(--primary);box-shadow:0 0 25px var(--primary),0 0 10px #fff inset;transform:scale(1.2)} .evo-card{background:rgba(13,17,22,0.8);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem;position:relative;overflow:hidden;transition:all 0.4s cubic-bezier(0.16,1,0.3,1)} .evo-card:hover{transform:translateY(-5px);border-color:rgba(0,123,255,0.3);box-shadow:0 20px 40px rgba(0,0,0,0.5),inset 0 0 20px rgba(0,123,255,0.05)} .evo-watermark{position:absolute;top:-20px;right:-10px;font-size:8rem;font-weight:800;color:rgba(255,255,255,0.02);line-height:1;z-index:0;user-select:none;transition:color 0.3s ease} .evo-card:hover .evo-watermark{color:rgba(0,123,255,0.04)} .left-node .evo-watermark{right:-20px;left:auto} .right-node .evo-watermark{left:-20px;right:auto} .evo-content{position:relative;z-index:1} .evo-header{margin-bottom:1.5rem} .evo-date{font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--primary);display:block;margin-bottom:0.5rem} .evo-header h3{font-size:2rem;color:#fff;margin:0} .evo-content p{font-size:0.95rem;color:var(--text-muted);line-height:1.7;margin-bottom:1.5rem} .img-placeholder{width:100%;height:180px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,0.1);background:#050608;display:block;box-shadow:0 10px 20px rgba(0,0,0,0.4);transition:transform 0.3s ease} .evo-card:hover .img-placeholder{transform:scale(1.02);border-color:rgba(0,123,255,0.2)} .apex-node{width:100%;left:0;margin-top:8rem;padding:0;display:flex;justify-content:center} .apex-node .node-connector{left:50%;transform:translateX(-50%);top:-30px;width:24px;height:24px;border-width:5px} .apex-node:hover .node-connector{transform:translateX(-50%) scale(1.2)} .apex-card{width:100%;background:linear-gradient(145deg,rgba(13,17,22,0.9) 0%,rgba(5,6,8,0.95) 100%);border:1px solid rgba(0,123,255,0.3);padding:4rem;box-shadow:0 30px 60px rgba(0,0,0,0.6),inset 0 0 40px rgba(0,123,255,0.1);margin-top:-10px} .apex-glow-terminus{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(0,123,255,0.15) 0%,transparent 60%);pointer-events:none;z-index:0} .apex-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 40px 80px rgba(0,0,0,0.7),0 0 30px var(--primary-glow)} .apex-split{display:flex;align-items:center;gap:4rem;position:relative;z-index:2} .apex-text{flex:1.1} .apex-text h2{font-size:2.8rem;margin-bottom:1.5rem;color:#fff} .apex-text p{font-size:1.05rem;color:#cbd5e1;margin-bottom:1rem;line-height:1.7} .apex-feature-list{display:flex;flex-direction:column;gap:0.8rem} .apex-feature-list li{display:flex;align-items:center;gap:10px;font-size:0.95rem;color:#fff;font-weight:500} .apex-feature-list iconify-icon{color:var(--primary);font-size:1.3rem} .apex-visual{flex:1;perspective:1000px} .apex-main-img{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,0.1);box-shadow:0 20px 50px rgba(0,0,0,0.8),0 0 30px rgba(0,123,255,0.2);transform:rotateY(-5deg) rotateX(5deg);transition:transform 0.4s ease} .apex-card:hover .apex-main-img{transform:rotateY(0) rotateX(0)} .company-section{padding:4rem 0 8rem;position:relative} .company-glass-card{background:rgba(10,12,16,0.6);backdrop-filter:blur(15px);border:1px solid var(--border-color);border-radius:20px;padding:5rem 3rem;position:relative;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,0.4)} .company-bg-art{position:absolute;inset:0;background-image:radial-gradient(circle at top right,rgba(0,123,255,0.08) 0%,transparent 50%),radial-gradient(circle at bottom left,rgba(168,85,247,0.05) 0%,transparent 50%);z-index:0;pointer-events:none} .company-content{position:relative;z-index:2;max-width:800px;margin:0 auto;text-align:center} .company-buttons{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2.5rem} .company-logo-mark{width:80px;height:80px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.1);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;margin:0 auto 2rem;box-shadow:inset 0 0 20px rgba(255,255,255,0.05)} .company-content h2{font-size:2.5rem;margin-bottom:1.5rem} .company-lead{font-size:1.15rem;color:#fff;line-height:1.7;margin-bottom:1.5rem} .company-sub{font-size:1rem;color:var(--text-muted);line-height:1.6} .global-stats-banner{padding:5rem 0;border-top:1px solid var(--border-color);background:radial-gradient(ellipse at center,rgba(0,123,255,0.05) 0%,var(--bg-base) 100%);margin-bottom:6rem} .stats-container{padding-bottom:0 !important} .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center} .stat-block{display:flex;flex-direction:column;align-items:center} .stat-number{font-size:4rem;font-weight:800;line-height:1;margin-bottom:0.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(0,123,255,0.2))} .stat-label{font-size:1rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-weight:600;margin:0} @media(max-width:1200px){.evo-year{display:none}} @media(max-width:992px){.manifesto-grid{grid-template-columns:1fr;gap:3rem} .manifesto-visual-wrapper{order:-1;min-height:350px} .apex-split{flex-direction:column} .apex-visual{margin-top:2rem} .apex-card{padding:3rem 2rem} .stats-grid{grid-template-columns:repeat(2,1fr);gap:3rem 2rem}} @media(max-width:768px){.energy-beam{left:20px;bottom:0;height:100%} .beam-pulse{left:20px} .evo-node{width:100%;left:0 !important;padding-left:60px !important;padding-right:0 !important;margin-top:2rem !important} .node-connector{left:10px !important;right:auto !important} .apex-node{padding-left:60px !important;margin-top:3rem !important} .apex-node .node-connector{left:10px !important;transform:none;top:40px} .apex-node:hover .node-connector{transform:scale(1.2)} .evo-watermark{right:-10px !important;left:auto !important;font-size:6rem} .manifesto-glass-panel{padding:2.5rem 1.5rem} .manifesto-text h2{font-size:2rem} .mock-float{transform:scale(0.8)} .mock-btn{right:-5%} .mock-settings{left:-5%} .company-glass-card{padding:3rem 1.5rem} .company-buttons{flex-direction:column;gap:1rem} .company-buttons .btn{width:100%} .stats-grid{grid-template-columns:1fr}}