.about{background:var(--color-bg-alt);position:relative}.about-header{text-align:center;margin-bottom:var(--space-16)}.about-header .section-subtitle{margin:0 auto}.about-content{gap:var(--space-12);flex-direction:column;display:flex}.about-story{padding:var(--space-10);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;position:relative;overflow:hidden}.about-story:before{content:"";background:var(--gradient-primary);height:4px;position:absolute;top:0;left:0;right:0}.about-story-badge{padding:var(--space-1) var(--space-4);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);background:var(--color-accent-bg);border-radius:var(--radius-full);margin-bottom:var(--space-6);border:1px solid #6366f11f;align-items:center;font-weight:600;display:inline-flex}.about-story-title{font-size:var(--text-3xl);margin-bottom:var(--space-6);font-weight:800;line-height:1.2}.about-story-text{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-4);text-wrap:pretty;max-width:40ch;line-height:1.8}.about-story-text:last-child{margin-bottom:0}.about-story-blog-btn{margin-top:var(--space-4)}.about-story-inner{gap:var(--space-12);align-items:center;display:flex}.about-story-text-content{padding-right:var(--space-4);flex:1}.about-story-image-wrapper{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);aspect-ratio:4/3;flex:1;max-width:50%;overflow:hidden}.about-story-list{margin:0 0 var(--space-8) 0;gap:var(--space-4);flex-direction:column;padding:0;list-style:none;display:flex}.about-story-list li{align-items:flex-start;gap:var(--space-3);font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.5;display:flex}.about-list-icon{color:var(--color-accent);margin-top:2px;font-size:1.2rem;font-weight:800;line-height:1}.about-story-image{object-fit:cover;width:100%;height:100%;display:block}.about-values-grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.about-value-card{padding:var(--space-8);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base);position:relative;overflow:hidden}.about-value-card:before{content:"";background:var(--gradient-primary);opacity:0;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.about-value-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-border-hover);transform:translateY(-4px)}.about-value-card:hover:before{opacity:1}.about-value-icon{border-radius:var(--radius-md);background:var(--color-accent-bg);width:64px;height:64px;margin:0 auto var(--space-5);font-size:var(--text-2xl);transition:transform var(--transition-base);justify-content:center;align-items:center;display:flex}.about-value-card:hover .about-value-icon{transform:scale(1.1)}.about-value-title{font-size:var(--text-lg);margin-bottom:var(--space-3);font-weight:700}.about-value-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7}.services{background:var(--color-bg);position:relative}.services-header{text-align:center;margin-bottom:var(--space-16)}.services-header .section-subtitle{margin:0 auto}.services-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.service-card{padding:var(--space-8);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.service-card:before{content:"";background:var(--gradient-primary);opacity:0;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.service-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-border-hover);transform:translateY(-4px)}.service-card:hover:before{opacity:1}.service-icon{border-radius:var(--radius-md);background:var(--color-accent-bg);width:56px;height:56px;margin-bottom:var(--space-5);font-size:var(--text-2xl);justify-content:center;align-items:center;display:flex}.service-title{font-size:var(--text-xl);margin-bottom:var(--space-3);font-weight:700}.service-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7}.service-tags{gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.service-tag{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);color:var(--color-accent);background:var(--color-accent-bg);border-radius:var(--radius-full);font-weight:500}@media (width<=1024px){.services-grid,.about-values-grid{grid-template-columns:repeat(2,1fr)}.about-story-inner{gap:var(--space-8);flex-direction:column}.about-story-text-content{padding-right:0}.about-story-image-wrapper{max-width:100%}}@media (width<=768px){.services-grid{grid-template-columns:1fr}.about-content{flex-direction:column}.about-story{max-width:100%}.about-values-grid{grid-template-columns:1fr}}