.about-page{color:#050505;background:#fff;position:relative;overflow-x:hidden}.about-page:before{content:"";pointer-events:none;z-index:1;opacity:.8;background-image:linear-gradient(#0000,#6f46ff3d,#0000),linear-gradient(#0000,#6f46ff29,#0000),linear-gradient(#0000,#6f46ff1f,#0000),linear-gradient(#0000,#6f46ff38,#0000);background-position:12% -200px,38% -280px,66% -180px,88% -300px;background-repeat:repeat-y;background-size:1px 180px,1px 240px,1px 150px,1px 220px;animation:4.8s linear infinite aboutRain;position:fixed;inset:0}.about-hero-new,.about-glass-section,.process-section,.why-modern-section,.about-cta{z-index:2;position:relative}.about-hero-new{background:radial-gradient(circle at 12% 25%,#6f46ff1f,#0000 30%),radial-gradient(circle at 85% 30%,#6f46ff1a,#0000 28%);grid-template-columns:1fr 1fr;align-items:center;gap:70px;min-height:100vh;padding:140px 7% 70px;display:grid}.about-hero-content h1{letter-spacing:-3px;max-width:820px;margin:18px 0 24px;font-size:clamp(46px,5.8vw,82px);line-height:1.03}.about-hero-content h1 span{color:#6b46ff}.about-hero-content>p{color:#555;max-width:650px;font-size:17px;line-height:1.8}.about-actions{align-items:center;gap:22px;margin-top:32px;display:flex}.primary-about-btn{color:#fff;background:linear-gradient(135deg,#6b46ff,#8b67ff);border-radius:14px;align-items:center;gap:10px;height:56px;padding:0 28px;font-weight:900;display:inline-flex;box-shadow:0 18px 45px #6f46ff47}.play-story-btn{align-items:center;gap:14px;font-weight:800;display:inline-flex}.play-story-btn span{color:#6b46ff;background:#f0ebff;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.about-visual{place-items:center;height:520px;display:grid;position:relative}.code-display{color:#fff;z-index:3;background:linear-gradient(135deg,#07070c,#151526);border-radius:34px;width:450px;min-height:330px;padding:26px;position:relative;overflow:hidden;transform:rotate(-5deg);box-shadow:0 35px 90px #6f46ff47}.code-display:before{content:"";background:linear-gradient(90deg,#0000,#8b67ff38,#0000);animation:4s linear infinite scanMove;position:absolute;inset:-100px}.code-top,.code-body{z-index:2;position:relative}.code-top{gap:9px;margin-bottom:24px;display:flex}.code-top span{background:linear-gradient(135deg,#6b46ff,#bcaaff);border-radius:50%;width:12px;height:12px}.code-body{color:#d8d2ff;gap:16px;font-size:15px;display:grid}.code-body b{color:#8b67ff}.orbit-circle{border:1px dashed #6f46ff6b;border-radius:50%;width:450px;height:450px;animation:18s linear infinite spin;position:absolute}.mini-card{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffc7;border:1px solid #6f46ff26;border-radius:18px;align-items:center;gap:10px;padding:16px 20px;font-weight:900;display:flex;position:absolute;box-shadow:0 18px 45px #6f46ff29}.mini-card svg{color:#6b46ff}.card-design{animation:3.5s ease-in-out infinite alternate floatCard;top:65px;left:40px}.card-code{animation:3.8s ease-in-out infinite alternate-reverse floatCard;top:170px;right:10px}.card-scale{animation:4.2s ease-in-out infinite alternate floatCard;bottom:70px;left:165px}.about-glass-section{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb8;border:1px solid #eee;border-radius:34px;grid-template-columns:1fr 1.3fr;gap:42px;margin:20px 6% 0;padding:55px;display:grid;box-shadow:0 30px 90px #0000000d}.who-block h2{margin:18px 0;font-size:38px;line-height:1.16}.who-block p{color:#555;line-height:1.8}.who-points{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;display:grid}.who-points span{align-items:center;gap:10px;font-weight:900;display:flex}.who-points svg{color:#6b46ff}.value-grid-new{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:22px;display:grid}.value-new-card{text-align:center;background:#fff;border:1px solid #eee;border-radius:22px;padding:26px;transition:all .3s}.value-new-card:hover,.expertise-card:hover,.process-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #6f46ff1f}.value-new-card div{color:#6b46ff;background:#f0ebff;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 18px;font-size:24px;display:grid}.value-new-card h3{margin-bottom:12px}.value-new-card p{color:#666;font-size:14px;line-height:1.7}.mission-card-new{background:#f8f7ff;border:1px solid #eee;border-radius:26px;padding:38px}.mission-card-new.dark{color:#fff;background:#08080c}.mission-card-new svg{color:#6b46ff;margin-bottom:20px;font-size:34px}.mission-card-new h3{margin-bottom:14px;font-size:28px}.mission-card-new p{color:#666;line-height:1.8}.mission-card-new.dark p{color:#d6d6d6}.expertise-block{grid-column:1/-1}.expertise-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:22px;display:grid}.expertise-card{background:#fff;border:1px solid #eee;border-radius:22px;padding:24px;transition:all .3s}.expertise-card div{color:#6b46ff;background:#f0ebff;border-radius:16px;place-items:center;width:58px;height:58px;margin-bottom:18px;font-size:24px;display:grid}.expertise-card h3{font-size:18px}.impact-block{grid-column:1/-1;padding:30px 10px}.impact-grid{grid-template-columns:repeat(4,1fr);gap:22px;margin-top:24px;display:grid}.impact-item{text-align:center;border-right:1px solid #ddd}.impact-item:last-child{border-right:none}.impact-item h3{color:#6b46ff;font-size:42px}.impact-item p{margin-top:8px;font-weight:800}.process-section{padding:90px 7%}.process-section h2{max-width:850px;margin:18px 0 36px;font-size:46px;line-height:1.14}.process-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.process-card{background:#fff;border:1px solid #eee;border-radius:26px;padding:30px;transition:all .3s}.process-card span{color:#6b46ff;font-size:30px;font-weight:900}.process-card h3{margin:18px 0 12px;font-size:24px}.process-card p{color:#666;line-height:1.7}.why-modern-section{grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:20px 7% 80px;display:grid}.why-modern-section h2{margin-top:18px;font-size:44px;line-height:1.15}.why-modern-list{gap:18px;display:grid}.why-modern-list p{color:#333;background:#fff;border:1px solid #eee;border-radius:18px;align-items:center;gap:12px;padding:20px;font-weight:700;display:flex;box-shadow:0 12px 35px #0000000a}.why-modern-list svg{color:#6b46ff}.about-cta{color:#fff;background:radial-gradient(circle at 100%,#6f46ff33,#0000 36%),linear-gradient(135deg,#08080c,#151526);border-radius:28px;justify-content:space-between;align-items:center;margin:34px 6% 80px;padding:34px 42px;display:flex}.about-cta div{align-items:center;gap:18px;display:flex}.about-cta svg{color:#8b67ff;font-size:34px}.about-cta h2{font-size:30px}.about-cta p{color:#bbb}.about-cta a{color:#050505;background:#fff;border-radius:14px;align-items:center;gap:10px;padding:14px 24px;font-weight:900;display:inline-flex}@keyframes aboutRain{0%{background-position:12% -200px,38% -280px,66% -180px,88% -300px}to{background-position:12% 900px,38% 940px,66% 880px,88% 960px}}@keyframes scanMove{0%{transform:translate(-40%)}to{transform:translate(40%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floatCard{0%{transform:translateY(0)}to{transform:translateY(-16px)}}@media (max-width:992px){.about-hero-new,.about-glass-section,.why-modern-section{grid-template-columns:1fr}.value-grid-new,.impact-grid,.expertise-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.who-points{grid-template-columns:1fr}.about-visual{height:460px}}@media (max-width:768px){.about-hero-new{padding:120px 22px 55px}.about-hero-content h1{font-size:42px}.about-actions,.about-cta,.about-cta div{flex-direction:column;align-items:flex-start}.code-display{width:280px;min-height:260px}.orbit-circle{width:300px;height:300px}.mini-card{padding:10px 12px;font-size:12px}.card-design{left:0}.card-code{right:0}.card-scale{left:85px}.about-glass-section{margin:0 22px;padding:28px}.value-grid-new,.impact-grid,.expertise-grid,.process-grid{grid-template-columns:1fr}.process-section{padding:60px 22px}.process-section h2,.why-modern-section h2{font-size:34px}.why-modern-section{padding:20px 22px 60px}.impact-item{border-bottom:1px solid #ddd;border-right:none;padding-bottom:18px}}.about-marquee{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2;background:#ffffffb8;border-top:1px solid #6f46ff1f;border-bottom:1px solid #6f46ff1f;padding:20px 0;position:relative;overflow:hidden}.marquee-track{gap:60px;width:max-content;animation:24s linear infinite marqueeMove;display:flex}.marquee-track span{letter-spacing:1px;color:#6b46ff;white-space:nowrap;font-size:15px;font-weight:900}@keyframes marqueeMove{0%{transform:translate(0)}to{transform:translate(-50%)}}