.about-section{position:relative;padding:120px 0;background:linear-gradient(180deg,#fff,#f8fffe);overflow:hidden}.about-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(34,197,94,.03) 0%,transparent 70%);pointer-events:none}.about-container{max-width:1300px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.about-header{text-align:center;margin-bottom:4rem}.about-badge{display:inline-flex;align-items:center;background:#22c55e14;border:1px solid rgba(34,197,94,.2);color:#16a34a;padding:.6rem 1.2rem;border-radius:40px;font-size:.72rem;font-weight:600;margin-bottom:1.6rem}.about-title{font-size:2.8rem;font-weight:800;line-height:1.1;margin-bottom:1.6rem;color:#1f2937;letter-spacing:-.02em}.title-highlight{color:#22c55e;display:block;margin-top:.4rem}.about-description{font-size:.96rem;line-height:1.7;color:#64748b;max-width:560px;margin:0 auto;font-weight:400}.about-content-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:3.2rem;align-items:center}.about-image-section{position:relative}.about-image-container{position:relative;border-radius:24px;overflow:hidden}.main-image{width:100%;height:480px;object-fit:cover;display:block}.image-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(34,197,94,.1) 0%,transparent 100%)}.floating-stats{position:absolute;right:-1.6rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1.2rem;z-index:10}.stat-card{background:#fffffff2;border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:1.2rem;display:flex;align-items:center;gap:.8rem;box-shadow:0 6.4px 25.6px #00000014;transition:all .2s ease;min-width:144px}.stat-card:hover{transform:translateY(-2.4px);box-shadow:0 9.6px 32px #22c55e1f}.stat-icon{width:40px;height:40px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.96rem}.stat-content h5{font-size:1.44rem;font-weight:800;color:#1f2937;margin:0;line-height:1}.stat-content span{font-size:.64rem;color:#64748b;font-weight:500}.about-features-section{position:relative}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.feature-card{background:#fffc;border:1px solid rgba(255,255,255,.2);border-radius:19.2px;padding:1.6rem;transition:all .2s ease;position:relative}.feature-card:hover{transform:translateY(-3.2px);box-shadow:0 12px 24px #22c55e1f;border-color:#22c55e33}.feature-icon{width:48px;height:48px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:14.4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.04rem;margin-bottom:1.2rem}.feature-card h4{font-size:.88rem;font-weight:700;color:#1f2937;margin-bottom:.6rem}.feature-card p{font-size:.76rem;color:#64748b;line-height:1.6;margin:0}@media (max-width: 1024px){.about-section{padding:80px 0}.about-content-wrapper{grid-template-columns:1fr;gap:2.4rem}.floating-stats{position:relative;right:0;top:1.6rem;transform:none;flex-direction:row;justify-content:center;flex-wrap:wrap}.about-title{font-size:2.4rem}.about-description{font-size:.9rem}.features-grid{gap:1rem}}@media (max-width: 768px){.about-section{padding:60px 0}.about-container{padding:0 1.2rem}.about-header{margin-bottom:3rem}.about-title{font-size:2rem}.about-description{font-size:.85rem;max-width:100%}.features-grid{grid-template-columns:repeat(2,1fr);gap:12px}.feature-card{padding:16px;border-radius:16px;text-align:center}.feature-icon{width:36px;height:36px;font-size:.85rem;margin:0 auto 12px;border-radius:10px}.feature-card h4{font-size:.75rem;margin-bottom:6px}.feature-card p{font-size:.65rem;line-height:1.4}.about-image-container{position:relative;width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:2rem}.main-image{width:100%;height:auto;object-fit:cover;display:block}.floating-stats{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;align-items:flex-end;justify-content:center;gap:8px;z-index:10;padding:8px;width:100%;max-width:300px}.stat-card{background:#fffffffa;border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:8px 10px;display:flex;align-items:center;gap:6px;box-shadow:0 3px 12px #0000001a;transition:all .2s ease;min-width:auto;flex:1;justify-content:center}.stat-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px #22c55e26}.stat-icon{width:24px;height:24px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.6rem;flex-shrink:0}.stat-content{text-align:center;min-width:0}.stat-content h5{font-size:.9rem;font-weight:700;color:#1f2937;margin:0;line-height:1}.stat-content span{font-size:.5rem;color:#64748b;font-weight:500;white-space:nowrap;display:block;margin-top:2px}}@media (max-width: 480px){.about-section{padding:50px 0}.about-container{padding:0 1rem}.about-title{font-size:1.8rem}.about-description{font-size:.8rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:10px}.feature-card{padding:12px;border-radius:12px}.feature-icon{width:32px;height:32px;font-size:.8rem;margin-bottom:8px;border-radius:8px}.feature-card h4{font-size:.7rem;margin-bottom:4px}.feature-card p{font-size:.6rem}.floating-stats{bottom:-12px;gap:6px;padding:6px;max-width:280px}.stat-card{padding:6px 8px;gap:4px;border-radius:8px}.stat-icon{width:20px;height:20px;font-size:.5rem;border-radius:5px}.stat-content h5{font-size:.8rem}.stat-content span{font-size:.45rem}}@media (max-width: 320px){.about-section{padding:40px 0}.about-title{font-size:1.6rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:8px}.feature-card{padding:10px;border-radius:10px}.feature-icon{width:28px;height:28px;font-size:.7rem;margin-bottom:6px;border-radius:6px}.feature-card h4{font-size:.65rem;margin-bottom:3px}.feature-card p{font-size:.55rem}.floating-stats{bottom:-10px;gap:4px;padding:4px;max-width:260px}.stat-card{padding:5px 6px;gap:3px;border-radius:6px}.stat-icon{width:18px;height:18px;font-size:.45rem;border-radius:4px}.stat-content h5{font-size:.7rem}.stat-content span{font-size:.4rem;margin-top:1px}}
