:root{--about-bg:var(--main-bg-primary);--about-bg-alt:var(--main-gray-50);--about-text:var(--main-text);--about-text-muted:var(--main-gray-500);--about-border:var(--main-border)}.about-hero{background:linear-gradient(180deg,var(--main-gray-50)0%,var(--main-bg-primary)100%);padding:80px 0 100px;position:relative;overflow:hidden}.hero-bg-pattern{background-image:radial-gradient(circle at 20% 20%,rgba(var(--main-primary-rgb),.08)0%,transparent 50%),radial-gradient(circle at 80% 80%,#14b8a60f 0%,transparent 50%),radial-gradient(circle at 50% 50%,#a855f70a 0%,transparent 50%);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.about-hero .container{z-index:1;position:relative}.hero-content{text-align:center;max-width:800px;margin:0 auto 60px}.hero-badge{--badge-bg:linear-gradient(135deg,#0f172af2 0%,#1e293be6 100%);--badge-gradient:linear-gradient(90deg,var(--main-primary),#8b5cf6,var(--main-secondary),var(--main-primary));background:var(--badge-bg);border-radius:var(--main-radius-full);font-size:13px;font-weight:var(--main-font-semibold);color:#fff;isolation:isolate;align-items:center;gap:10px;margin-bottom:28px;padding:10px 24px;display:inline-flex;position:relative;overflow:hidden}.hero-badge:before{content:"";border-radius:var(--main-radius-full);background:var(--badge-gradient);-webkit-mask-composite:xor;z-index:-1;background-size:300% 100%;padding:2px;animation:4s linear infinite gradient-flow;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hero-badge:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff26 50%,#0000 100%);width:100%;height:100%;animation:3s ease-in-out infinite shimmer;position:absolute;top:0;left:-100%}@keyframes gradient-flow{0%{background-position:0%}to{background-position:300%}}@keyframes shimmer{0%,to{left:-100%}50%{left:100%}}.badge-dot{background:linear-gradient(135deg,var(--main-success),var(--main-secondary));border-radius:50%;width:10px;height:10px;position:relative;box-shadow:0 0 8px #14b8a699}.badge-dot:before{content:"";border-style:solid;border-width:2px;border-color:rgba(var(--main-secondary-rgb),.4);border-radius:50%;animation:2s ease-out infinite pulse-ring;position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.hero-title{font-size:3.25rem;font-weight:var(--main-font-extrabold);color:var(--about-text);letter-spacing:-.03em;margin-bottom:20px;line-height:1.15}.title-gradient{background:linear-gradient(135deg,var(--main-primary)0%,#8b5cf6 50%,var(--main-secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.hero-subtitle{font-size:var(--main-text-lg);color:var(--about-text-muted);max-width:600px;margin:0 auto 32px;line-height:1.7}.hero-actions{justify-content:center;gap:16px;display:flex}.btn-primary-lg{background:linear-gradient(135deg,var(--main-primary)0%,#8b5cf6 100%);color:#fff;font-size:15px;font-weight:var(--main-font-semibold);border-radius:var(--main-radius-lg);transition:var(--main-transition);align-items:center;gap:10px;padding:14px 32px;text-decoration:none;display:inline-flex;box-shadow:0 4px 20px #6366f140,0 2px 8px #6366f126}.btn-primary-lg:hover{color:#fff;box-shadow:0 8px 30px #6366f159,0 4px 12px #6366f140}.btn-primary-lg svg{transition:var(--main-transition)}.btn-primary-lg:hover svg{transform:translate(4px)}.floating-stats{grid-template-columns:repeat(4,1fr);gap:20px;max-width:900px;margin:0 auto;display:grid}.stat-card{background:var(--about-bg);border:1px solid rgba(var(--main-gray-200),.8);box-shadow:var(--main-shadow-sm);transition:var(--main-transition);border-radius:16px;align-items:center;gap:16px;padding:20px 24px;display:flex}.stat-card:hover{border-color:rgba(var(--main-primary-rgb),.2);box-shadow:0 8px 30px rgba(var(--main-primary-rgb),.08),0 4px 12px #0000000a}.stat-icon{background:linear-gradient(135deg,rgba(var(--main-primary-rgb),.1)0%,rgba(var(--main-primary-rgb),.05)100%);border-radius:var(--main-radius-lg);width:48px;height:48px;color:var(--main-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-info{flex-direction:column;gap:2px;display:flex}.stat-number{font-size:1.5rem;font-weight:var(--main-font-extrabold);color:var(--about-text);line-height:1}.stat-label{font-size:13px;font-weight:var(--main-font-medium);color:var(--about-text-muted)}.why-section{background:var(--about-bg);padding:100px 0}.section-header{text-align:center;max-width:600px;margin:0 auto 60px}.section-label{font-size:13px;font-weight:var(--main-font-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--main-primary);margin-bottom:16px;display:inline-block}.section-title{font-size:2.5rem;font-weight:var(--main-font-extrabold);color:var(--about-text);letter-spacing:-.02em;margin-bottom:16px;line-height:1.2}.section-desc{color:var(--about-text-muted);font-size:1.0625rem;line-height:1.7}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{background:var(--about-bg);border:1px solid var(--about-border);transition:var(--main-transition-slow);border-radius:20px;padding:32px 28px}.feature-card:hover{border-color:#0000;box-shadow:0 20px 40px #00000014,0 8px 16px #0000000a}.feature-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;display:flex}.feature-icon-blue{color:var(--main-info);background:linear-gradient(135deg,#3b82f626 0%,#3b82f614 100%)}.feature-icon-green{color:var(--main-success);background:linear-gradient(135deg,#10b98126 0%,#10b98114 100%)}.feature-icon-purple{color:#8b5cf6;background:linear-gradient(135deg,#8b5cf626 0%,#8b5cf614 100%)}.feature-icon-teal{color:var(--main-secondary);background:linear-gradient(135deg,#14b8a626 0%,#14b8a614 100%)}.feature-icon-orange{color:var(--main-warning);background:linear-gradient(135deg,#f59e0b26 0%,#f59e0b14 100%)}.feature-icon-pink{color:#ec4899;background:linear-gradient(135deg,#ec489926 0%,#ec489914 100%)}.feature-title{font-size:var(--main-text-lg);font-weight:var(--main-font-bold);color:var(--about-text);margin-bottom:10px}.feature-desc{color:var(--about-text-muted);font-size:.9375rem;line-height:1.65}.how-section{background:linear-gradient(180deg,var(--about-bg-alt)0%,var(--about-bg)100%);padding:100px 0}.steps-container{justify-content:center;align-items:center;gap:16px;max-width:1100px;margin:0 auto;display:flex}.step-card{background:var(--about-bg);border:1px solid var(--about-border);text-align:center;max-width:320px;transition:var(--main-transition-slow);border-radius:20px;flex:1;padding:32px 28px;position:relative}.step-card:hover{border-color:rgba(var(--main-primary-rgb),.3);box-shadow:0 20px 40px rgba(var(--main-primary-rgb),.08),0 8px 16px #0000000a}.step-number{background:linear-gradient(135deg,var(--main-primary)0%,#8b5cf6 100%);color:#fff;width:36px;height:36px;font-size:15px;font-weight:var(--main-font-bold);box-shadow:0 4px 12px rgba(var(--main-primary-rgb),.3);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.step-visual{background:linear-gradient(135deg,rgba(var(--main-primary-rgb),.1)0%,#a855f70d 100%);width:80px;height:80px;color:var(--main-primary);border-radius:20px;justify-content:center;align-items:center;margin:16px auto 20px;display:flex}.step-content{margin-top:8px}.step-title{font-size:var(--main-text-lg);font-weight:var(--main-font-bold);color:var(--about-text);margin-bottom:8px}.step-desc{color:var(--about-text-muted);font-size:.9375rem;line-height:1.6}.step-connector{color:var(--main-gray-300);flex-shrink:0}.cta-section{background:var(--about-bg);padding:100px 0}.cta-card{background:linear-gradient(135deg,var(--main-primary)0%,#8b5cf6 100%);text-align:center;border-radius:24px;padding:64px 48px;position:relative;overflow:hidden}.cta-content{z-index:1;position:relative}.cta-title{font-size:2.25rem;font-weight:var(--main-font-extrabold);color:#fff;letter-spacing:-.02em;margin-bottom:16px}.cta-desc{color:#ffffffd9;max-width:500px;margin:0 auto 32px;font-size:1.0625rem;line-height:1.7}.cta-actions{justify-content:center;display:flex}.cta-section .btn-primary-lg{color:var(--main-primary);background:#fff;box-shadow:0 4px 20px #00000026}.cta-section .btn-primary-lg:hover{color:var(--main-primary);box-shadow:0 8px 30px #0003}.cta-decoration{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.decoration-circle{border:1px solid #ffffff1a;border-radius:50%;position:absolute}.decoration-1{width:400px;height:400px;top:-200px;right:-100px}.decoration-2{width:300px;height:300px;bottom:-150px;left:-50px}.decoration-3{width:200px;height:200px;top:50%;left:10%;transform:translateY(-50%)}@media (max-width:1024px){.floating-stats,.features-grid{grid-template-columns:repeat(2,1fr)}.steps-container{flex-wrap:wrap;gap:32px}.step-connector{display:none}.step-card{flex:0 0 calc(33.333% - 24px);max-width:100%}}@media (max-width:768px){.about-hero{padding:60px 0 80px}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1rem}.floating-stats{grid-template-columns:1fr;max-width:400px}.stat-card{justify-content:center}.why-section,.how-section,.cta-section{padding:60px 0}.section-title{font-size:2rem}.features-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.steps-container{flex-direction:column;gap:40px}.step-card{flex:none;width:100%;max-width:400px}.cta-card{padding:48px 24px}.cta-title{font-size:1.75rem}}@media (max-width:480px){.hero-title{font-size:1.875rem}.hero-badge{padding:6px 16px;font-size:12px}.btn-primary-lg{padding:12px 24px;font-size:14px}.feature-card{padding:24px 20px}.step-card{padding:28px 20px}}@media (prefers-reduced-motion:reduce){.badge-dot{animation:none}*{transition-duration:.01ms!important}}.btn-primary-lg:focus-visible{outline:2px solid var(--main-primary);outline-offset:2px}