.about-page{flex-direction:column;gap:4rem;width:100%;padding-top:2.5rem;padding-bottom:5rem;display:flex}.about-hero{flex-direction:column;align-items:center;gap:2.5rem;display:flex}@media (width>=900px){.about-hero{flex-direction:row;align-items:center;gap:3rem}}.about-hero-text{flex-direction:column;flex:1;gap:1.25rem;display:flex}.about-version-badge{width:fit-content;color:var(--text-primary);background-color:rgba(var(--text-primary-rgb), .12);border-radius:1rem;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.about-hero-title{color:var(--text-primary);letter-spacing:-.03em;margin:0;font-size:2.25rem;font-weight:800;line-height:1.15}@media (width>=900px){.about-hero-title{font-size:2.75rem}}.about-hero-desc{color:var(--text-secondary);max-width:32rem;margin:0;font-size:1rem;line-height:1.7}.about-section{flex-direction:column;gap:1rem;max-width:42rem;display:flex}.about-section-title{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:.75rem;margin:0;font-size:1.375rem;font-weight:700;display:flex}.about-section-icon{width:2.25rem;height:2.25rem;color:var(--text-primary);background-color:rgba(var(--text-primary-rgb), .12);border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.about-section-text{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.7}.about-tech-list{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.about-tech-item{border:1px solid var(--border-primary);border-radius:.625rem;flex-direction:column;gap:.25rem;padding:.875rem 1rem;text-decoration:none;transition:border-color .15s,background-color .15s;display:flex}.about-tech-item:hover{border-color:rgba(var(--text-primary-rgb), .4);background-color:rgba(var(--text-primary-rgb), .06)}.about-tech-name{color:var(--text-primary);font-size:.9375rem;font-weight:600}.about-tech-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.about-hero-cta{width:fit-content;color:var(--text-primary);background-color:rgba(var(--text-primary-rgb), .12);border-radius:.625rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background-color .15s;display:inline-flex}.about-hero-cta:hover{background-color:rgba(var(--text-primary-rgb), .2)}