.about-page{color:#1a1a1a;background:linear-gradient(#f8f9fb 0%,#fff 30%,#f8f9fb 70%,#fff 100%);min-height:100vh;overflow-x:hidden}.about-navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #0000000f;padding:1rem 0;position:fixed;top:0;left:0;right:0}.about-navbar-content{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 2rem;display:flex}.about-logo{text-decoration:none}.about-logo-text{color:#1a1a1a;font-size:1.5rem;font-weight:700}.about-nav-links{align-items:center;gap:2.5rem;display:flex}.about-nav-link{color:#4a5568;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.about-nav-link:hover{color:#1a1a1a}.about-nav-link:after{content:"";background:#1a1a1a;width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.about-nav-link:hover:after{width:100%}.about-nav-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);border:none;border-radius:8px;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #00000040}.about-nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000059}.about-hero-section{background:linear-gradient(135deg,#f0f4ff 0%,#fef3ff 50%,#f0f9ff 100%);min-height:100vh;padding:10rem 2rem 4rem;position:relative}.about-hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1400px;margin:0 auto;display:grid}.about-hero-left{flex-direction:column;gap:3rem;display:flex}.about-hero-title{color:#1a1a1a;letter-spacing:-.03em;font-size:clamp(3rem,5vw,4.5rem);font-weight:800;line-height:1.1}.about-hero-image{aspect-ratio:1;width:100%;max-width:400px;position:relative}.spiral-container{width:100%;height:100%;position:relative}.spiral-ring{background:radial-gradient(circle at 30% 30%,#fff,#f0f0f0);border-radius:50%;position:absolute;box-shadow:inset -20px -20px 40px #00000014,inset 20px 20px 40px #fffffff2,0 10px 30px #0000000d}.spiral-1{width:100%;height:100%;animation:20s ease-in-out infinite spiral-rotate-1;top:0;left:0}.spiral-2{width:80%;height:80%;animation:18s ease-in-out infinite reverse spiral-rotate-2;top:10%;left:10%}.spiral-3{width:60%;height:60%;animation:16s ease-in-out infinite spiral-rotate-1;top:20%;left:20%}.spiral-4{width:40%;height:40%;animation:14s ease-in-out infinite reverse spiral-rotate-2;top:30%;left:30%}.spiral-5{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);width:20%;height:20%;animation:12s ease-in-out infinite spiral-rotate-1;top:40%;left:40%}@keyframes spiral-rotate-1{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.05)}}@keyframes spiral-rotate-2{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(-180deg)scale(.95)}}.about-hero-right{flex-direction:column;gap:3rem;display:flex}.about-hero-text{flex-direction:column;gap:2rem;display:flex}.about-hero-subtitle{color:#4a5568;font-size:1.25rem;font-weight:400;line-height:1.7}.scroll-indicator{color:#fff;cursor:pointer;background:#1a1a1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;box-shadow:0 8px 24px #0000004d}.scroll-indicator:hover{transform:scale(1.1);box-shadow:0 12px 32px #0006}.devices-preview{height:300px;position:relative}.device-grid{grid-template-columns:repeat(3,1fr);gap:1rem;height:100%;display:grid}.device-item{background:linear-gradient(135deg,#f8f9fb,#fff);border:1px solid #00000014;border-radius:12px;box-shadow:0 10px 30px #00000014}.device-1{transform:translateY(20px)}.device-3{transform:translateY(40px)}.story-section{background:#fff;padding:8rem 2rem}.story-container{grid-template-columns:1fr 1fr;align-items:start;gap:6rem;max-width:1400px;margin:0 auto;display:grid}.story-left{flex-direction:column;gap:3rem;display:flex}.story-image-wrapper{aspect-ratio:1;width:100%;max-width:350px;position:relative}.story-spiral{width:100%;height:100%;position:relative}.story-spiral-ring{background:radial-gradient(circle at 40% 40%,#fff,#f0f0f0);border-radius:50%;position:absolute;box-shadow:inset -15px -15px 30px #0000000f,inset 15px 15px 30px #fffffff2,0 8px 24px #0000000a}.sr-1{width:100%;height:100%;animation:25s linear infinite slow-rotate;top:0;left:0}.sr-2{width:70%;height:70%;animation:20s linear infinite reverse slow-rotate;top:15%;left:15%}.sr-3{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);width:40%;height:40%;animation:15s linear infinite slow-rotate;top:30%;left:30%}@keyframes slow-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.story-quote{background:linear-gradient(135deg,#f8f9fb,#fff);border-left:4px solid #1a1a1a;border-radius:12px;padding:2rem;position:relative;box-shadow:0 10px 40px #0000000d}.quote-mark{color:#00000026;font-family:Georgia,serif;font-size:5rem;line-height:1;position:absolute;top:1rem;left:1.5rem}.quote-text{color:#4a5568;z-index:1;padding-top:2rem;font-size:1rem;line-height:1.8;position:relative}.story-right{position:relative}.about-us-card{color:#fff;background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);border-radius:24px;padding:3rem;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000004d}.about-us-card:before{content:"";background:radial-gradient(circle,#ffffff26 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-50%}.card-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.card-icon{color:#fbbf24}.card-title{letter-spacing:.05em;font-size:1.5rem;font-weight:700}.card-content{flex-direction:column;gap:1.5rem;display:flex}.card-text{color:#fffffff2;font-size:1rem;line-height:1.8}.stats-section{background:#fff;padding:6rem 2rem}.stats-container{background:linear-gradient(135deg,#f8f9fb,#fff);border:1px solid #00000014;border-radius:24px;justify-content:space-around;gap:2rem;max-width:1200px;margin:0 auto;padding:3rem;display:flex;box-shadow:0 15px 50px #0000000f}.stat-item{cursor:default;align-items:center;gap:2rem;transition:transform .3s;display:flex}.stat-number{color:#1a1a1a;font-size:3.5rem;font-weight:800;line-height:1}.stat-divider{background:linear-gradient(#0000,#0000001a,#0000);width:1px;height:60px}.stat-label{flex-direction:column;gap:.25rem;display:flex}.stat-label span{color:#4a5568;font-size:1.125rem;font-weight:600}.vision-mission-section{background:linear-gradient(135deg,#fef3ff 0%,#f0f4ff 100%);padding:8rem 2rem;position:relative}.vm-container{grid-template-columns:1fr 1fr;gap:2rem;max-width:1400px;margin:0 auto;display:grid;position:relative}.vm-card{background:#fff;border:1px solid #00000014;border-radius:24px;padding:3rem;transition:all .3s;box-shadow:0 15px 50px #0000000f}.vm-card:hover{transform:translateY(-8px);box-shadow:0 25px 70px #0000001a}.vm-icon-wrapper{background:linear-gradient(135deg,#f0f4ff,#fef3ff);border:1px solid #0000001a;border-radius:16px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:2rem;display:flex}.vm-icon{color:#1a1a1a}.vm-title{color:#1a1a1a;letter-spacing:.05em;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.vm-text{color:#4a5568;font-size:1rem;line-height:1.8}.vm-device-preview{grid-column:1/-1;justify-content:center;margin-top:2rem;display:flex}.device-mockup{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:24px;width:600px;height:400px;padding:1rem;position:relative;box-shadow:0 25px 80px #0000004d}.device-screen{background:linear-gradient(135deg,#f8f9fb,#fff);border-radius:16px;width:100%;height:100%}.values-section{background:#fff;padding:8rem 2rem}.values-header{text-align:center;max-width:800px;margin-bottom:4rem;margin-left:auto;margin-right:auto}.values-title{color:#1a1a1a;letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:800}.values-subtitle{color:#4a5568;font-size:1.25rem;line-height:1.7}.values-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;max-width:1400px;margin:0 auto;display:grid}.value-card{background:#fff;border:1px solid #00000014;border-radius:20px;padding:2.5rem;transition:all .3s;box-shadow:0 10px 30px #0000000d}.value-card:hover{border-color:#0003;box-shadow:0 20px 60px #0000001a}.value-icon{border-radius:16px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:1.5rem;display:flex}.value-title{color:#1a1a1a;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.value-description{color:#4a5568;font-size:1rem;line-height:1.8}.cta-section{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);padding:8rem 2rem;position:relative;overflow:hidden}.cta-section:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg width=\"100\" height=\"100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"2\" cy=\"2\" r=\"2\" fill=\"rgba(255,255,255,0.1)\"/></svg>") 0 0/50px 50px;position:absolute;inset:0}.cta-content{text-align:center;z-index:1;max-width:800px;margin:0 auto;position:relative}.cta-header{margin-bottom:2.5rem}.cta-title{color:#fff;letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:800}.cta-subtitle{color:#ffffffe6;font-size:1.25rem;line-height:1.7}.cta-button{color:#1a1a1a;cursor:pointer;background:#fff;border:none;border-radius:12px;padding:1.25rem 3rem;font-size:1.125rem;font-weight:700;transition:all .3s;box-shadow:0 15px 40px #0003}.cta-button:hover{transform:translateY(-3px);box-shadow:0 20px 50px #0000004d}@media (max-width:1024px){.about-hero-container,.story-container,.vm-container{grid-template-columns:1fr;gap:3rem}.about-nav-links{display:none}.devices-preview{height:200px}}@media (max-width:768px){.about-hero-section{padding:6rem 1.5rem 3rem}.story-section,.stats-section,.vision-mission-section,.values-section,.cta-section{padding:4rem 1.5rem}.stats-container{flex-direction:column;align-items:center}.stat-item{justify-content:center;width:100%}.stat-divider{display:none}.values-grid{grid-template-columns:1fr}.device-mockup{width:100%;height:300px}}@media (max-width:480px){.about-hero-title{font-size:2.5rem}.about-hero-image{max-width:300px;margin:0 auto}.about-us-card,.vm-card,.value-card{padding:2rem}}