.about{max-width:980px;margin:0 auto;padding:calc(68px + 2.5rem) clamp(1rem,4vw,2.5rem) 4rem}.about h1{margin-bottom:1rem;font-size:clamp(1.8rem,3.6vw,2.6rem)}.about>p{color:var(--text-secondary);max-width:760px;margin-bottom:2rem;line-height:1.7}.about__grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.1rem;display:grid}.about__card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.4rem}.about__card h2{color:var(--text-primary);align-items:center;gap:.55rem;margin-bottom:.85rem;font-size:1.05rem;display:flex}.about__card p,.about__card li{color:var(--text-secondary);font-size:.92rem;line-height:1.65}.about__card ul{flex-direction:column;gap:.5rem;padding-left:1.1rem;display:flex}.about__card a{color:var(--accent);text-decoration:underline}.about__card code{background:var(--bg-tertiary);border-radius:5px;padding:.1rem .4rem;font-size:.82rem}.about__diagram{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);margin-bottom:.85rem;padding:.9rem 1rem;font-size:.78rem;line-height:1.6;overflow-x:auto}.about__back{margin-top:2rem}