.about-container{color:#f8fafc;min-height:100vh;overflow-x:hidden}.section-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.about-hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:8rem 1.5rem 4rem;overflow:hidden}.about-hero-background{position:absolute;inset:0;z-index:0}.about-orb-1,.about-orb-2{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.about-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(249,115,22,.25) 0,transparent 70%);top:-150px;left:-150px;animation:float 8s ease-in-out infinite}.about-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(20,184,166,.2) 0,transparent 70%);bottom:-120px;right:-120px;animation:float 10s ease-in-out infinite reverse}.about-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 70%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 70%)}.about-hero-content{position:relative;z-index:1;max-width:700px;margin:0 auto;animation:fadeInUp .8s ease-out}.about-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(30,41,59,.6);border:1px solid hsla(0,0%,100%,.1);padding:.5rem 1rem;border-radius:100px;font-size:.875rem;color:#94a3b8;margin-bottom:2rem;animation:fadeInUp .8s ease-out .1s backwards}.about-badge-dot{width:8px;height:8px;background:#14b8a6;border-radius:50%;animation:pulse 2s ease-in-out infinite}.about-title{font-size:2.5rem;font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:1rem}@media (min-width:768px){.about-title{font-size:3.5rem}}.about-subtitle{font-size:1.25rem;color:#94a3b8;line-height:1.6}.about-story{padding:5rem 0;background:linear-gradient(180deg,rgba(15,23,42,.3),rgba(15,23,42,.5))}.section-title{text-align:center;font-size:2rem;font-weight:700;margin-bottom:3rem;letter-spacing:-.02em}@media (min-width:768px){.section-title{font-size:2.5rem}}.story-intro{max-width:700px;margin:0 auto 3rem;text-align:center}.story-intro p{font-size:1.125rem;color:#cbd5e1;line-height:1.7}.story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.story-card{position:relative;background:linear-gradient(180deg,rgba(30,41,59,.6),rgba(15,23,42,.8));border:1px solid hsla(0,0%,100%,.05);padding:2rem;border-radius:1.5rem;transition:all .3s ease;animation:fadeInUp .6s ease-out backwards}.story-card:hover{transform:translateY(-4px);border-color:rgba(249,115,22,.2);box-shadow:0 20px 40px -10px rgba(0,0,0,.4)}.story-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(249,115,22,.15),rgba(249,115,22,.05));border-radius:12px;margin-bottom:1.25rem;color:#f97316}.story-card-icon svg{width:24px;height:24px}.story-card-title{font-size:1.25rem;font-weight:600;color:#f8fafc;margin-bottom:.75rem}.story-card-description{color:#94a3b8;line-height:1.6;font-size:.95rem}.story-cta{text-align:center;max-width:600px;margin:0 auto;padding:2rem;background:linear-gradient(180deg,rgba(30,41,59,.4),rgba(15,23,42,.6));border:1px solid hsla(0,0%,100%,.05);border-radius:1.5rem}.story-cta p{color:#cbd5e1;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.story-cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s ease}.story-cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px 0 rgba(249,115,22,.5)}.story-cta-arrow{width:18px;height:18px;transition:transform .3s ease}.story-cta-button:hover .story-cta-arrow{transform:translateX(4px)}.about-values{padding:5rem 0}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.value-card{background:linear-gradient(180deg,rgba(30,41,59,.5),rgba(15,23,42,.6));border:1px solid hsla(0,0%,100%,.05);padding:2rem;border-radius:1.5rem;text-align:center;transition:all .3s ease}.value-card:hover{transform:translateY(-4px);border-color:rgba(20,184,166,.3)}.value-card svg{width:40px;height:40px;color:#14b8a6;margin-bottom:1rem}.value-card h3{font-size:1.25rem;font-weight:600;color:#f8fafc;margin-bottom:.75rem}.value-card p{color:#94a3b8;line-height:1.6;font-size:.95rem}.about-cta{text-align:center;padding:5rem 0;background:linear-gradient(180deg,rgba(15,23,42,.5),rgba(15,23,42,.8));border-top:1px solid hsla(0,0%,100%,.05)}.about-cta h2{font-size:1.75rem;font-weight:700;color:#f8fafc;margin-bottom:2rem}.cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px 0 rgba(249,115,22,.5)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:640px){.about-hero{padding:6rem 1rem 3rem;min-height:auto}.about-title{font-size:2rem}.story-grid{grid-template-columns:1fr}}