.about-page{min-height:100vh;padding:8rem 0 4rem;background:linear-gradient(135deg,var(--theme-backgroundDark,#0f0f23) 0,var(--theme-backgroundSecondary,#1a1a3e) 50%,var(--theme-backgroundDark,#0f0f23) 100%);transition:background .3s ease}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.about-header{text-align:center;margin-bottom:4rem}.about-header h1{font-size:clamp(2.5rem,5vw,3.5rem);color:var(--theme-textPrimary,white);background:linear-gradient(135deg,var(--theme-primary,#00d4ff),var(--theme-secondary,#7c3aed));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:color .3s ease;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:2rem}.about-header-description{font-size:1.15rem;line-height:1.8;color:var(--theme-textSecondary,rgba(255,255,255,.8));margin-bottom:1.5rem;max-width:800px;margin-left:auto;margin-right:auto;transition:color .3s ease}.about-content{max-width:900px;margin:0 auto}.about-quote-box{background:color-mix(in srgb,var(--theme-primary,#00d4ff) 10%,transparent);border-left:4px solid var(--theme-primary,#00d4ff);border-radius:12px;padding:2rem;margin-bottom:4rem;text-align:center}.about-quote-box p{font-size:1.3rem;line-height:1.8;color:var(--theme-textPrimary,white);font-weight:600;margin:0;transition:color .3s ease}.about-sections{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem;margin-bottom:3rem}.about-section-card{background:color-mix(in srgb,var(--theme-textPrimary,white) 5%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:2.5rem;border:1px solid color-mix(in srgb,var(--theme-textPrimary,white) 10%,transparent);transition:all .4s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;box-shadow:0 4px 6px color-mix(in srgb,var(--theme-textPrimary,black) 5%,transparent),0 1px 3px color-mix(in srgb,var(--theme-textPrimary,black) 3%,transparent)}.about-section-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--theme-primary,#00d4ff),var(--theme-secondary,#7c3aed));transform:scaleX(0);transform-origin:left;transition:transform .4s ease;border-radius:24px 24px 0 0}.about-section-card:hover:before{transform:scaleX(1)}.about-section-card:hover{transform:translateY(-12px) scale(1.02);background:color-mix(in srgb,var(--theme-textPrimary,white) 8%,transparent);border-color:color-mix(in srgb,var(--theme-primary,#00d4ff) 30%,transparent);box-shadow:0 25px 50px color-mix(in srgb,var(--theme-primary,#00d4ff) 25%,transparent),0 10px 20px color-mix(in srgb,var(--theme-textPrimary,black) 10%,transparent)}.about-section-icon{font-size:4rem;margin-bottom:1.5rem;filter:drop-shadow(0 0 20px rgba(0,212,255,.5))}.about-section-card h2{color:var(--theme-textPrimary,white);font-size:1.75rem;margin-bottom:1rem;font-weight:700;transition:color .3s ease}.about-section-card p{color:var(--theme-textSecondary,rgba(255,255,255,.7));font-size:1.1rem;line-height:1.7;transition:color .3s ease}.about-philosophy,.about-what-we-build,.about-why-choose{background:color-mix(in srgb,var(--theme-textPrimary,white) 8%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:3rem;border:1px solid color-mix(in srgb,var(--theme-textPrimary,white) 15%,transparent);margin-bottom:3rem}.about-philosophy h2,.about-what-we-build h2,.about-why-choose h2{color:var(--theme-textPrimary,white);font-size:1.75rem;margin-bottom:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--theme-primary,#00d4ff),var(--theme-secondary,#7c3aed));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.about-philosophy-intro,.about-what-we-build-intro,.about-why-choose-intro{color:var(--theme-textSecondary,rgba(255,255,255,.8));font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem;text-align:center}.about-philosophy-list,.about-what-we-build-list,.about-why-choose-list{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:.75rem 1rem;gap:.75rem 1rem}.about-philosophy-list li,.about-what-we-build-list li,.about-why-choose-list li{color:var(--theme-textPrimary,white);font-size:1rem;padding-left:1.2rem;position:relative;line-height:1.6}.about-philosophy-list li:before,.about-what-we-build-list li:before,.about-why-choose-list li:before{content:"•";position:absolute;left:0;top:0;color:var(--theme-primary,#00d4ff);font-weight:700;font-size:1.2rem}.about-philosophy-note,.about-what-we-build-note,.about-why-choose-note{color:var(--theme-textSecondary,rgba(255,255,255,.7));font-size:1rem;font-style:italic;text-align:center;margin:0}.about-how-we-work{background:color-mix(in srgb,var(--theme-textPrimary,white) 8%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:3rem;border:1px solid color-mix(in srgb,var(--theme-textPrimary,white) 15%,transparent);margin-bottom:3rem}.about-how-we-work h2{color:var(--theme-textPrimary,white);font-size:1.75rem;margin-bottom:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--theme-primary,#00d4ff),var(--theme-secondary,#7c3aed));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.about-how-we-work-intro{color:var(--theme-textSecondary,rgba(255,255,255,.8));font-size:1.1rem;line-height:1.7;margin-bottom:2rem;text-align:center}.about-how-we-work-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.about-step-card{display:flex;gap:1.5rem;align-items:flex-start;padding:1.5rem;background:color-mix(in srgb,var(--theme-textPrimary,white) 5%,transparent);border-radius:16px;border:1px solid color-mix(in srgb,var(--theme-textPrimary,white) 10%,transparent);transition:all .3s ease}.about-step-card:hover{background:color-mix(in srgb,var(--theme-primary,#00d4ff) 10%,transparent);border-color:color-mix(in srgb,var(--theme-primary,#00d4ff) 30%,transparent);transform:translateY(-4px)}.about-step-number{flex-shrink:0;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--theme-primary,#00d4ff),var(--theme-secondary,#7c3aed));color:white;font-size:1.5rem;font-weight:700;border-radius:50%}.about-step-content h3{color:var(--theme-textPrimary,white);font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.about-step-content p{color:var(--theme-textSecondary,rgba(255,255,255,.7));font-size:1rem;line-height:1.6;margin:0}.about-cta{text-align:center;padding:3rem;background:color-mix(in srgb,var(--theme-textPrimary,white) 8%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;border:1px solid color-mix(in srgb,var(--theme-textPrimary,white) 15%,transparent);margin-bottom:3rem}.about-cta h2{font-size:clamp(2rem,4vw,2.5rem);color:var(--theme-textPrimary,white);margin-bottom:1rem;background:linear-gradient(135deg,var(--theme-primary,#00d4ff),var(--theme-secondary,#7c3aed));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;letter-spacing:-.02em;line-height:1.1}.about-cta-text{font-size:1.1rem;color:var(--theme-textSecondary,rgba(255,255,255,.8));margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.7}.about-cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.about-cta-btn-primary,.about-cta-btn-secondary{padding:1.1rem 2.5rem;font-size:1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-block;position:relative;overflow:hidden}.about-cta-btn-primary{background:linear-gradient(135deg,var(--theme-primary,#00d4ff),var(--theme-secondary,#7c3aed));color:white;box-shadow:0 4px 14px color-mix(in srgb,var(--theme-primary,#00d4ff) 35%,transparent),0 2px 4px color-mix(in srgb,var(--theme-textPrimary,black) 10%,transparent)}.about-cta-btn-primary:hover{color:white;transform:translateY(-4px);box-shadow:0 12px 28px color-mix(in srgb,var(--theme-primary,#00d4ff) 50%,transparent),0 4px 8px color-mix(in srgb,var(--theme-textPrimary,black) 15%,transparent)}.about-cta-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.about-cta-btn-primary:hover:before{left:100%}.about-cta-btn-secondary{background:color-mix(in srgb,var(--theme-textPrimary,white) 5%,transparent);color:var(--theme-textPrimary,white);border:2px solid color-mix(in srgb,var(--theme-primary,#00d4ff) 50%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-cta-btn-secondary:hover{background:color-mix(in srgb,var(--theme-primary,#00d4ff) 20%,transparent);border-color:var(--theme-primary,#00d4ff);transform:translateY(-4px);box-shadow:0 12px 28px color-mix(in srgb,var(--theme-primary,#00d4ff) 30%,transparent),0 4px 8px color-mix(in srgb,var(--theme-textPrimary,black) 10%,transparent)}@media (max-width:1024px){.about-page{padding:7rem 0 4rem}.about-sections{gap:1.5rem}.about-section-card{padding:2rem}.about-cta,.about-how-we-work,.about-philosophy,.about-what-we-build,.about-why-choose{padding:2.5rem}.about-how-we-work-steps{grid-template-columns:1fr}}@media (max-width:768px){.about-page{padding:7rem 0 3rem}.about-header{margin-bottom:3rem}.about-header h1{font-size:2rem}.about-intro{margin-bottom:3rem}.about-intro-text{font-size:1rem;margin-bottom:1.25rem}.about-intro-highlight{font-size:1.1rem;padding:1.25rem;margin-top:1.5rem}.about-sections{grid-template-columns:1fr;gap:1.5rem}.about-section-card{padding:2rem}.about-section-icon{font-size:3.5rem}.about-section-card h2{font-size:1.5rem}.about-section-card p{font-size:1rem}.about-quote-box{padding:1.5rem;margin-bottom:3rem}.about-quote-box p{font-size:1.1rem}.about-cta,.about-how-we-work,.about-philosophy,.about-what-we-build,.about-why-choose{padding:2rem;margin-bottom:2rem}.about-how-we-work h2,.about-philosophy h2,.about-what-we-build h2,.about-why-choose h2{font-size:1.5rem}.about-how-we-work-steps,.about-philosophy-list,.about-what-we-build-list,.about-why-choose-list{grid-template-columns:1fr}.about-how-we-work-steps{gap:1rem}.about-step-card{padding:1.25rem}.about-cta h2{font-size:1.75rem}.about-cta-buttons{flex-direction:column;align-items:stretch;gap:1rem;max-width:300px;margin:0 auto}.about-cta-btn-primary,.about-cta-btn-secondary{width:100%;padding:1rem 2rem}}@media (max-width:480px){.about-page{padding:6rem 0 2.5rem}.container{padding:0 1.5rem}.about-header h1{font-size:1.75rem}.about-intro-text{font-size:.95rem}.about-intro-highlight{font-size:1rem;padding:1rem}.about-section-card{padding:1.5rem}.about-section-icon{font-size:3rem;margin-bottom:1rem}.about-section-card h2{font-size:1.3rem}.about-section-card p{font-size:.95rem}.about-header-description{font-size:1rem}.about-quote-box{padding:1.25rem}.about-quote-box p{font-size:1rem}.about-cta,.about-how-we-work,.about-philosophy,.about-what-we-build,.about-why-choose{padding:1.5rem}.about-how-we-work h2,.about-philosophy h2,.about-what-we-build h2,.about-why-choose h2{font-size:1.3rem}.about-how-we-work-intro,.about-philosophy-intro,.about-what-we-build-intro,.about-why-choose-intro{font-size:1rem}.about-step-number{width:2.5rem;height:2.5rem;font-size:1.25rem}.about-step-content h3{font-size:1.1rem}.about-step-content p{font-size:.95rem}.about-cta h2{font-size:1.5rem}.about-cta-text{font-size:1rem}.about-cta-buttons{max-width:100%}}