.about-page{width: 100%}.fade-in,.fade-in-up,.fade-in-left,.fade-in-right{opacity: 0;transition: opacity 0.6s ease-out,transform 0.6s ease-out}.fade-in{transform: translateY(20px)}.fade-in-up{transform: translateY(40px)}.fade-in-left{transform: translateX(-40px)}.fade-in-right{transform: translateX(40px)}.fade-in.visible,.fade-in-up.visible,.fade-in-left.visible,.fade-in-right.visible{opacity: 1;transform: translate(0,0)}.value-card.fade-in-up:nth-child(1){transition-delay: 0s}.value-card.fade-in-up:nth-child(2){transition-delay: 0.1s}.value-card.fade-in-up:nth-child(3){transition-delay: 0.2s}.value-card.fade-in-up:nth-child(4){transition-delay: 0.3s}.value-card{transition: transform 0.3s ease,box-shadow 0.3s ease,opacity 0.6s ease-out}.value-card:hover{transform: translateY(-5px);box-shadow: 0 10px 30px rgba(0,0,0,0.12)}.photo-ring{animation: pulse-ring 3s ease-in-out infinite}@keyframes pulse-ring{0%,100%{transform: scale(1);opacity: 0.3}50%{transform: scale(1.05);opacity: 0.5}}.floating-stat{transition: transform 0.3s ease,box-shadow 0.3s ease}.floating-stat:hover{transform: translateY(-3px);box-shadow: 0 8px 25px rgba(0,0,0,0.15)}.about-hero{position: relative;padding: 3rem 1rem;text-align: center;overflow: hidden;min-height: 200px;display: flex;align-items: center;justify-content: center}.hero-images{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;z-index: 1}.hero-image{flex: 1;overflow: hidden;position: relative}.hero-image:not(:last-child)::after{content: '';position: absolute;top: 0;right: -30px;width: 60px;height: 100%;background: inherit;z-index: 2;transform: skewX(-8deg);overflow: hidden}.hero-image:nth-child(1)::after,.hero-image:nth-child(2)::after{background: linear-gradient(to right,transparent,rgba(0,0,0,0.3))}.hero-image img{width: 100%;height: 100%;object-fit: cover;filter: grayscale(20%)}.hero-image:nth-child(1){flex: 1.15;clip-path: polygon(0 0,100% 0,82% 100%,0 100%)}.hero-image:nth-child(2){flex: 1.3;margin-left: -8%;clip-path: polygon(18% 0,100% 0,82% 100%,0 100%)}.hero-image:nth-child(3){flex: 1.15;margin-left: -8%;clip-path: polygon(18% 0,100% 0,100% 100%,0 100%)}.hero-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.55);z-index: 2}.hero-content{position: relative;z-index: 3}.hero-content h1{font-size: 2.5rem;font-weight: 700;margin-bottom: 0.75rem;color: var(--white);line-height: 1.15;text-shadow: 0 2px 10px rgba(0,0,0,0.3)}.hero-tagline{font-size: 1rem;font-weight: 400;color: var(--white);max-width: 600px;margin: 0 auto;opacity: 0.95;text-shadow: 0 1px 5px rgba(0,0,0,0.3)}.about-story{padding: 3rem 1rem;background: var(--white)}.story-container{max-width: 1100px;margin: 0 auto}.story-layout{display: flex;flex-direction: column;gap: 2rem;align-items: center;max-width: 800px;margin: 0 auto}.story-content{flex: 1}.story-content h2{text-align: center;margin-bottom: 2rem}.story-content p{font-size: 1rem;line-height: 1.8;color: #555;margin-bottom: 1.5rem;text-align: left}.about-mission{padding: 3rem 1rem;background: #f8f9fa}.mission-container{max-width: 1200px;margin: 0 auto}.mission-container h2{text-align: center}.mission-statement{font-size: 1.1rem;line-height: 1.8;color: #333;text-align: center;max-width: 800px;margin: 0 auto 2rem;font-weight: 500}.values-grid{display: grid;grid-template-columns: 1fr;gap: 1.5rem;margin-top: 2rem}.value-card{background: var(--white);padding: 1.5rem;border-radius: 12px;box-shadow: 0 2px 10px rgba(0,0,0,0.08);transition: all 0.3s ease;text-align: center}.value-card:hover{transform: translateY(-5px);box-shadow: 0 8px 25px rgba(0,0,0,0.12)}.value-icon{width: 60px;height: 60px;margin: 0 auto 1.5rem;display: flex;align-items: center;justify-content: center;background: var(--primary);border-radius: 50%;color: var(--white)}.value-icon svg{width: 30px;height: 30px}.value-card h3{font-size: 1.2rem;font-weight: 600;color: var(--black);margin-bottom: 1rem}.value-card p{font-size: 0.95rem;line-height: 1.7;color: #666}.about-stats{padding: 4rem 1rem;background: linear-gradient(180deg,#fafafa 0%,var(--white) 50%,#fafafa 100%);overflow: hidden}.stats-container{max-width: 1000px;margin: 0 auto;text-align: center}.stats-container h2{text-align: center}.stats-intro{font-size: 1rem;color: #666;margin-bottom: 3rem}.stats-visual{position: relative;display: flex;flex-direction: column;align-items: center;gap: 2rem}.stats-connectors{display: none}.connector-line{fill: none;stroke: rgba(255,165,0,0.12);stroke-width: 2;stroke-linecap: round;transition: stroke 0.3s ease,stroke-width 0.3s ease,filter 0.3s ease}.connector-line.active{stroke: rgba(255,165,0,0.7);stroke-width: 3;filter: drop-shadow(0 0 4px rgba(255,165,0,0.4))}.founder-photo{position: relative;width: 200px;height: 200px;z-index: 10;animation: fadeInScale 1s ease-out}@keyframes fadeInScale{from{opacity: 0;transform: scale(0.8)}to{opacity: 1;transform: scale(1)}}.photo-ring{position: absolute;top: -10px;left: -10px;right: -10px;bottom: -10px;border-radius: 50%;border: 3px solid var(--primary);animation: pulse-ring 3s ease-in-out infinite;transition: transform 0.3s ease,box-shadow 0.3s ease,border-width 0.3s ease}@keyframes pulse-ring{0%,100%{transform: scale(1);opacity: 1}50%{transform: scale(1.03);opacity: 0.7}}.founder-img{width: 100%;height: 100%;border-radius: 50%;object-fit: cover;border: 5px solid var(--white);box-shadow: 0 10px 40px rgba(0,0,0,0.15);filter: brightness(0.6)}.photo-logo{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 120px;height: 120px;display: flex;align-items: center;justify-content: center;z-index: 15}.photo-logo svg{width: 100%;height: 100%;filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3))}.photo-logo svg g path{fill: white}.stats-grid-wrapper{display: grid;grid-template-columns: repeat(2,1fr);gap: 1rem;width: 100%}.floating-stat{background: var(--white);padding: 1.25rem 1rem;border-radius: 12px;box-shadow: 0 2px 12px rgba(0,0,0,0.06);border: 1px solid #eaeaea;display: flex;flex-direction: column;align-items: center;text-align: center;gap: 0.5rem;opacity: 0;transform: translateY(20px);transition: all 0.4s ease;position: relative;z-index: 5}.floating-stat.animate-in{opacity: 1;transform: translateY(0)}.floating-stat:hover{transform: translateY(-4px);box-shadow: 0 8px 20px rgba(0,0,0,0.1);border-color: var(--primary)}.floating-stat:hover .stat-icon{transform: scale(1.1);transition: transform 0.3s ease}.floating-stat:hover .stat-number{color: var(--primary);transition: color 0.3s ease}.photo-ring.stat-hover{animation-play-state: paused;box-shadow: 0 0 20px rgba(255,165,0,0.4),0 0 40px rgba(255,165,0,0.2)}.stat-icon{width: 40px;height: 40px;border-radius: 10px;display: flex;align-items: center;justify-content: center;color: var(--primary)}.stat-icon svg{width: 20px;height: 20px}.stat-content{text-align: center}.stat-number{font-size: 1.75rem;font-weight: 700;color: var(--black);line-height: 1;margin-bottom: 0.25rem}.stat-label{font-size: 0.85rem;font-weight: 500;color: #666}.about-reviews{padding: 3rem 1rem;background: #f8f9fa}.reviews-container{max-width: 1200px;margin: 0 auto}.reviews-container h2{text-align: center;margin-bottom: 2rem}.reviews-grid{display: grid;grid-template-columns: 1fr;gap: 1.5rem}.review-card{background: var(--white);padding: 1.5rem;border-radius: 12px;box-shadow: 0 2px 10px rgba(0,0,0,0.08);transition: all 0.3s ease}.review-card:hover{box-shadow: 0 6px 20px rgba(0,0,0,0.12);transform: translateY(-3px)}.review-rating{margin-bottom: 1rem}.review-rating .star{color: #ffa500;font-size: 1.3rem;margin-right: 0.2rem}.review-text{font-size: 1rem;line-height: 1.7;color: #333;margin-bottom: 1.5rem;font-style: italic}.review-author{display: flex;flex-direction: column;gap: 0.3rem}.review-author strong{font-size: 1rem;color: var(--black)}.review-date{font-size: 0.9rem;color: #999}.about-cta{padding: 3rem 1rem;background: var(--white);text-align: center}.cta-container h2{text-align: center}.cta-container p{font-size: 1rem;margin-bottom: 1.5rem;color: var(--gray)}.cta-buttons{display: flex;flex-direction: column;gap: 1rem;justify-content: center;align-items: center}.cta-btn{width: 100%;max-width: 280px;padding: 0.9rem 2rem;border-radius: 8px;text-decoration: none;font-weight: 600;font-size: 1.05rem;transition: all 0.3s ease;display: inline-block;text-align: center}.cta-btn-primary{background-color: var(--primary);color: var(--white)}.cta-btn-primary:hover{background-color: var(--secondary);transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0,0,0,0.15);color: var(--white)}.cta-btn-secondary{background-color: transparent;color: var(--primary);border: 2px solid var(--primary)}.cta-btn-secondary:hover{background-color: var(--primary);color: var(--white);transform: translateY(-2px)}@media screen and (min-width: 480px){.about-hero{padding: 5rem 1.5rem;min-height: 320px}.hero-content h1{font-size: 2.5rem}.hero-tagline{font-size: 1.1rem}.values-grid{grid-template-columns: repeat(2,1fr)}.cta-buttons{flex-direction: row;flex-wrap: wrap}.cta-btn{width: auto}}@media screen and (min-width: 768px){.about-hero{padding: 4rem 2rem;min-height: 280px}.hero-content h1{font-size: 2.75rem}.hero-tagline{font-size: 1.4rem}.story-layout{gap: 2rem}.story-content p{font-size: 1.1rem}.about-story,.about-mission,.about-stats,.about-reviews,.about-cta{padding: 5rem 2rem}.story-content p{font-size: 1.1rem}.mission-statement{font-size: 1.3rem;margin-bottom: 3rem}.values-grid{gap: 2rem;margin-top: 3rem}.value-card{padding: 2rem}.value-card h3{font-size: 1.4rem}.reviews-grid{grid-template-columns: repeat(2,1fr);gap: 2rem}.reviews-container h2{margin-bottom: 3rem}.review-card{padding: 2rem}.review-text{font-size: 1.05rem}.cta-container p{font-size: 1.1rem;margin-bottom: 2rem}.stats-grid-wrapper{grid-template-columns: repeat(4,1fr);gap: 1.25rem}.founder-photo{width: 220px;height: 220px}.photo-logo{width: 140px;height: 140px}.floating-stat{padding: 1.5rem 1rem}.stats-visual{gap: 2.5rem}.stat-number{font-size: 2rem}.stat-label{font-size: 0.85rem}.stats-intro{margin-bottom: 4rem}}@media screen and (min-width: 1024px){.about-hero{padding: 5rem 2rem;min-height: 320px}.hero-content h1{font-size: 3rem}.hero-tagline{font-size: 1.5rem}.story-content p{font-size: 1.15rem}.values-grid{grid-template-columns: repeat(4,1fr)}.reviews-grid{grid-template-columns: repeat(3,1fr)}.about-stats{padding: 5rem 2rem}.stats-visual{position: relative;display: flex;justify-content: center;align-items: center;width: 600px;height: 600px;margin: 0 auto}.stats-connectors{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1}.founder-photo{position: absolute;width: 220px;height: 220px;z-index: 10;top: 50%;left: 50%;transform: translate(-50%,-50%)}.photo-logo{width: 140px;height: 140px}.stats-grid-wrapper{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block}.floating-stat{position: absolute;width: 130px;padding: 0.875rem;z-index: 5;left: 50%;top: 50%}.floating-stat.stat-1,.floating-stat.stat-1.animate-in{transform: translate(-50%,-50%) translate(0px,-250px)}.floating-stat.stat-2,.floating-stat.stat-2.animate-in{transform: translate(-50%,-50%) translate(177px,-177px)}.floating-stat.stat-3,.floating-stat.stat-3.animate-in{transform: translate(-50%,-50%) translate(250px,0px)}.floating-stat.stat-4,.floating-stat.stat-4.animate-in{transform: translate(-50%,-50%) translate(177px,177px)}.floating-stat.stat-5,.floating-stat.stat-5.animate-in{transform: translate(-50%,-50%) translate(0px,250px)}.floating-stat.stat-6,.floating-stat.stat-6.animate-in{transform: translate(-50%,-50%) translate(-177px,177px)}.floating-stat.stat-7,.floating-stat.stat-7.animate-in{transform: translate(-50%,-50%) translate(-250px,0px)}.floating-stat.stat-8,.floating-stat.stat-8.animate-in{transform: translate(-50%,-50%) translate(-177px,-177px)}.stat-number{font-size: 1.6rem}.stat-icon{width: 36px;height: 36px}.stat-icon svg{width: 18px;height: 18px}.stat-1:hover{transform: translate(-50%,-50%) translate(0px,-250px) translateY(-4px)}.stat-2:hover{transform: translate(-50%,-50%) translate(177px,-177px) translateY(-4px)}.stat-3:hover{transform: translate(-50%,-50%) translate(250px,0px) translateY(-4px)}.stat-4:hover{transform: translate(-50%,-50%) translate(177px,177px) translateY(-4px)}.stat-5:hover{transform: translate(-50%,-50%) translate(0px,250px) translateY(-4px)}.stat-6:hover{transform: translate(-50%,-50%) translate(-177px,177px) translateY(-4px)}.stat-7:hover{transform: translate(-50%,-50%) translate(-250px,0px) translateY(-4px)}.stat-8:hover{transform: translate(-50%,-50%) translate(-177px,-177px) translateY(-4px)}}@media screen and (min-width: 1400px){.stats-visual{width: 750px;height: 750px}.founder-photo{width: 260px;height: 260px}.photo-logo{width: 160px;height: 160px}.floating-stat{width: 150px;padding: 1rem}.floating-stat.stat-1,.floating-stat.stat-1.animate-in{transform: translate(-50%,-50%) translate(0px,-310px)}.floating-stat.stat-2,.floating-stat.stat-2.animate-in{transform: translate(-50%,-50%) translate(219px,-219px)}.floating-stat.stat-3,.floating-stat.stat-3.animate-in{transform: translate(-50%,-50%) translate(310px,0px)}.floating-stat.stat-4,.floating-stat.stat-4.animate-in{transform: translate(-50%,-50%) translate(219px,219px)}.floating-stat.stat-5,.floating-stat.stat-5.animate-in{transform: translate(-50%,-50%) translate(0px,310px)}.floating-stat.stat-6,.floating-stat.stat-6.animate-in{transform: translate(-50%,-50%) translate(-219px,219px)}.floating-stat.stat-7,.floating-stat.stat-7.animate-in{transform: translate(-50%,-50%) translate(-310px,0px)}.floating-stat.stat-8,.floating-stat.stat-8.animate-in{transform: translate(-50%,-50%) translate(-219px,-219px)}.stat-number{font-size: 1.85rem}.stat-label{font-size: 0.9rem}.stat-icon{width: 46px;height: 46px}.stat-icon svg{width: 22px;height: 22px}.stat-1:hover{transform: translate(-50%,-50%) translate(0px,-310px) translateY(-4px)}.stat-2:hover{transform: translate(-50%,-50%) translate(219px,-219px) translateY(-4px)}.stat-3:hover{transform: translate(-50%,-50%) translate(310px,0px) translateY(-4px)}.stat-4:hover{transform: translate(-50%,-50%) translate(219px,219px) translateY(-4px)}.stat-5:hover{transform: translate(-50%,-50%) translate(0px,310px) translateY(-4px)}.stat-6:hover{transform: translate(-50%,-50%) translate(-219px,219px) translateY(-4px)}.stat-7:hover{transform: translate(-50%,-50%) translate(-310px,0px) translateY(-4px)}.stat-8:hover{transform: translate(-50%,-50%) translate(-219px,-219px) translateY(-4px)}}.about-youtube{padding: 5rem 0;background: var(--off-white)}.youtube-container{max-width: 1000px;margin: 0 auto;padding: 0 2rem;text-align: center}.youtube-container h2{margin-bottom: 0.5rem}.youtube-subtitle{color: var(--gray);margin-bottom: 2.5rem}.yt-carousel-viewport{overflow: hidden}.yt-carousel{display: grid;grid-template-columns: repeat(3,1fr);gap: 1.25rem}.yt-card{width: 100%}.yt-embed-wrap{position: relative;width: 100%;padding-bottom: 177.78%;border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow-md);background: #000}.yt-embed-wrap iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none}.yt-title{margin-top: 0.75rem;font-size: var(--font-sm);color: var(--gray-dark);text-align: left;line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.yt-dots{display: none;justify-content: center;gap: 0.5rem;margin-top: 1.25rem}.yt-dot{width: 8px;height: 8px;border-radius: 50%;background: var(--border);transition: background 0.2s,transform 0.2s}.yt-dot.active{background: var(--orange);transform: scale(1.3)}@media (max-width: 768px){.yt-carousel-viewport{overflow-x: auto;scroll-snap-type: x mandatory;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;scrollbar-width: none}.yt-carousel-viewport::-webkit-scrollbar{display: none}.yt-carousel{display: flex;grid-template-columns: none;gap: 1rem;width: max-content}.yt-card{width: 72vw;flex-shrink: 0;scroll-snap-align: center}.yt-dots{display: flex}}