.about-page{min-height:calc(100vh - var(--nav-height))}.about-hero,.about-page{background:var(--color-background)}.about-hero{padding:var(--space-16) var(--container-padding-mobile) var(--section-padding-mobile);text-align:center}.about-hero h1{font-size:clamp(1.8rem,5vw,var(--text-5xl));font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-4);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter);color:var(--color-text-primary)}.about-hero h1,.about-hero p{font-family:var(--font-family-primary)}.about-hero p{font-size:clamp(var(--text-sm),calc(.85rem + .25vw),var(--text-lg));max-width:var(--container-md);margin:0 auto;color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.about-section{max-width:var(--container-xl);margin:0 auto;padding:var(--section-padding-mobile) var(--container-padding-mobile)}.about-section__header{text-align:center;margin-bottom:var(--section-gap)}.about-section__title{font-family:var(--font-family-primary);font-size:clamp(1.75rem,4.5vw,var(--text-5xl));font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-4);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter)}.about-section__subtitle{font-family:var(--font-family-primary);font-size:clamp(var(--text-sm),calc(.85rem + .25vw),var(--text-lg));color:var(--color-text-secondary);max-width:var(--container-md);margin:0 auto;line-height:var(--leading-relaxed)}.about-mission{background:var(--color-background);border-radius:var(--radius-2xl);padding:var(--space-12);box-shadow:var(--shadow-base);border:1px solid var(--color-border-light);max-width:var(--container-md);margin:var(--space-10) auto 0}.about-mission h3{font-size:clamp(var(--text-xl),3vw,var(--text-2xl));font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4);letter-spacing:var(--tracking-tight)}.about-mission h3,.about-mission p{font-family:var(--font-family-primary);text-align:center}.about-mission p{font-size:clamp(var(--text-sm),calc(.85rem + .25vw),var(--text-lg));color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.about-problems{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));grid-gap:var(--grid-gap-md);gap:var(--grid-gap-md);margin-top:var(--space-8)}.about-problem-card{background:var(--color-background);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-base);border:1px solid var(--color-border-light);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.about-problem-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.about-problem-card h4{font-family:var(--font-family-primary);font-size:clamp(var(--text-lg),2.5vw,var(--text-xl));font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4);letter-spacing:var(--tracking-tight)}.about-problem-card ul{list-style:none;padding:0;margin:0}.about-problem-card li{font-family:var(--font-family-primary);font-size:clamp(var(--text-sm),calc(.85rem + .15vw),var(--text-base));color:var(--color-text-secondary);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);padding-left:var(--space-6);position:relative;line-height:var(--leading-relaxed)}.about-problem-card li:last-child{border-bottom:none}.about-problem-card li:before{content:"✕";position:absolute;left:0;color:var(--color-text-muted);font-weight:var(--font-weight-bold)}.about-features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--grid-gap-md);gap:var(--grid-gap-md);margin-top:var(--space-8)}.about-feature-card{background:var(--color-background);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-base);border:1px solid var(--color-border-light);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.about-feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-gray-300)}.about-feature-card h4{font-family:var(--font-family-primary);font-size:clamp(var(--text-lg),2.5vw,var(--text-xl));font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3);letter-spacing:var(--tracking-tight)}.about-feature-card p{font-family:var(--font-family-primary);font-size:clamp(var(--text-sm),calc(.85rem + .15vw),var(--text-base));color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));grid-gap:var(--grid-gap-md);gap:var(--grid-gap-md);margin-top:var(--space-8)}.about-stat-card{background:linear-gradient(135deg,var(--color-gray-600) 0,var(--color-gray-700) 35%,var(--color-gray-800) 70%,var(--color-gray-900) 100%);color:var(--color-text-inverse);border-radius:var(--radius-2xl);padding:var(--space-10);text-align:center;box-shadow:var(--shadow-base);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.about-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.about-stat-card__value{font-family:var(--font-family-primary);font-size:clamp(var(--text-3xl),4vw,var(--text-4xl));font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);letter-spacing:var(--tracking-tight)}.about-stat-card__label{font-family:var(--font-family-primary);font-size:clamp(var(--text-sm),calc(.85rem + .15vw),var(--text-base));color:var(--color-text-inverse-muted)}.about-how-it-works{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));grid-gap:var(--grid-gap-lg);gap:var(--grid-gap-lg);margin-top:var(--space-8)}.about-workflow{background:var(--color-background);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--shadow-base);border:1px solid var(--color-border-light)}.about-workflow h4{font-family:var(--font-family-primary);font-size:clamp(var(--text-xl),3vw,var(--text-2xl));font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-6);text-align:center;letter-spacing:var(--tracking-tight)}.about-workflow ol{list-style:none;padding:0;margin:0;counter-reset:step-counter}.about-workflow li{font-family:var(--font-family-primary);font-size:clamp(var(--text-sm),calc(.85rem + .15vw),var(--text-base));color:var(--color-text-secondary);padding:var(--space-4) 0 var(--space-4) var(--space-12);position:relative;margin-left:var(--space-6);line-height:var(--leading-relaxed)}.about-workflow li:before{counter-increment:step-counter;content:counter(step-counter);position:absolute;left:calc(-1 * var(--space-6));top:var(--space-3);color:var(--color-text-inverse);width:2.5rem;height:2.5rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--text-lg)}.about-cta,.about-workflow li:before{background:linear-gradient(135deg,var(--color-gray-600) 0,var(--color-gray-700) 35%,var(--color-gray-800) 70%,var(--color-gray-900) 100%)}.about-cta{padding:var(--section-padding-mobile) var(--container-padding-mobile);text-align:center}.about-cta h3{font-size:clamp(1.75rem,4.5vw,var(--text-5xl));font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);color:var(--color-text-inverse);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter)}.about-cta h3,.about-cta p{font-family:var(--font-family-primary)}.about-cta p{font-size:clamp(var(--text-sm),calc(.85rem + .25vw),var(--text-lg));max-width:var(--container-md);margin:0 auto var(--space-8);color:var(--color-text-inverse-muted);line-height:var(--leading-relaxed)}.about-cta__buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}@media (min-width:768px){.about-hero{padding:var(--space-20) var(--container-padding-tablet) var(--section-padding-tablet)}.about-mission{margin-top:var(--space-12)}.about-cta,.about-section{padding:var(--section-padding-tablet) var(--container-padding-tablet)}}@media (min-width:1024px){.about-hero{padding:var(--space-24) var(--container-padding-desktop) var(--section-padding-desktop)}.about-mission{margin-top:var(--space-16)}.about-cta,.about-section{padding:var(--section-padding-desktop) var(--container-padding-desktop)}}@media (min-width:640px) and (orientation:landscape) and (max-width:1023px){.about-hero h1{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl))}.about-section__title{font-size:clamp(var(--text-2xl),3.5vw,var(--text-4xl))}}@media (max-width:1024px){.about-features{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.about-hero{padding:var(--space-12) var(--container-padding-mobile) var(--space-12)}.about-mission{margin-top:var(--space-8);padding:var(--space-8)}.about-section{padding:var(--space-12) var(--container-padding-mobile)}.about-section__header{margin-bottom:var(--space-8)}.about-features,.about-problems,.about-stats{grid-template-columns:1fr;gap:var(--grid-gap-sm)}.about-how-it-works{grid-template-columns:1fr;gap:var(--grid-gap-md)}.about-cta{padding:var(--space-12) var(--container-padding-mobile)}.about-cta__buttons{flex-direction:column;align-items:stretch;max-width:300px;margin:0 auto;gap:var(--space-3)}.about-workflow li{padding:var(--space-3) 0 var(--space-3) var(--space-10)}.about-workflow li:before{width:2rem;height:2rem;font-size:var(--text-base);left:calc(-1 * var(--space-5))}}@media (max-width:480px){.about-hero{padding:var(--space-10) var(--container-padding-mobile) var(--space-10)}.about-hero h1{font-size:clamp(1.5rem,7vw,var(--text-4xl))}.about-mission{margin-top:var(--space-6);padding:var(--space-6)}.about-section{padding:var(--space-10) var(--container-padding-mobile)}.about-section__header{margin-bottom:var(--space-6)}.about-section__title{font-size:clamp(1.4rem,6vw,var(--text-3xl))}.about-feature-card,.about-problem-card,.about-workflow{padding:var(--space-6)}.about-stat-card{padding:var(--space-8)}.about-stat-card__value{font-size:clamp(var(--text-2xl),6vw,var(--text-3xl))}.about-cta{padding:var(--space-10) var(--container-padding-mobile)}.about-cta h3{font-size:clamp(1.4rem,6vw,var(--text-3xl))}}@media (prefers-reduced-motion:reduce){.about-feature-card,.about-problem-card,.about-stat-card{transition:none}.about-feature-card:hover,.about-problem-card:hover,.about-stat-card:hover{transform:none}}