.about{position:relative;overflow:hidden}.about__content--align-start{align-items:flex-start}.about__text{width:100%}.about__text p{margin-bottom:var(--spacing-md)}.about__text pre{background-color:var(--color-surface);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid var(--color-border);overflow-x:auto}.about__text :last-child{margin-bottom:0}.about__cards{margin-top:var(--spacing-xl);width:100%}.about__card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);align-items:center;gap:var(--spacing-md)}.about__card:hover{border-color:rgba(var(--color-primary-rgb),.3);transform:translateY(-5px);box-shadow:0 10px 20px -10px #0006}.about__card-icon{border-radius:var(--radius-lg);background:rgba(var(--color-primary-rgb),.1);width:48px;height:48px;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.about__card-title{color:var(--color-text);font-size:var(--text-lg);text-align:center;font-weight:600}.about__card-desc{color:var(--color-text-muted);font-size:var(--text-base);text-align:center;margin:0}@media (min-width:576px){.about__cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.about__cards{grid-template-columns:repeat(4,1fr)}.about__card-title{font-size:var(--text-xl)}}