.about-page section{text-align:center;padding:80px 20px}.about-page .grid-layout{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:40px auto 0;display:grid}.about-page h2{color:var(--color-text-base);margin-bottom:15px;font-size:clamp(2rem,5vw,3rem);font-weight:800}.about-page h2 span,.text-primary{color:var(--color-primary)}.about-page p.subtext{color:var(--color-text-muted);max-width:700px;margin:0 auto;font-size:clamp(1rem,2vw,1.15rem);line-height:1.6}.about-hero{background-color:var(--color-surface-muted);border-bottom:1px solid var(--color-border-base);padding:150px 20px 100px!important}.about-hero h1{color:var(--color-text-base);margin-bottom:25px;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.2}.about-card{background:var(--color-surface-base);border:1px solid var(--color-border-base);border-radius:var(--radius-md);text-align:left;transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal);padding:30px}.about-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-5px)}.icon-wrapper{background:var(--color-primary-soft);width:60px;height:60px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:inline-flex}.about-card h3{color:var(--color-text-base);margin-bottom:12px;font-size:1.3rem}.about-card p{color:var(--color-text-muted);font-size:.95rem;line-height:1.6}.features-list{margin-top:20px;padding:0;list-style:none}.features-list li{color:var(--color-text-muted);align-items:center;gap:10px;margin-bottom:10px;font-size:.9rem;display:flex}.features-list .bullet{background-color:var(--color-primary);border-radius:50%;width:6px;height:6px}.about-cta{background-color:var(--color-surface-alt);border-top:1px solid var(--color-border-base)}.btn-group{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:30px;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);align-items:center;gap:10px;padding:14px 32px;font-weight:600;text-decoration:none;display:inline-flex}.btn.primary{background-color:var(--color-primary);color:var(--color-text-inverse);border:none}.btn.primary:hover{background-color:var(--color-primary-hover)}.btn.secondary{background-color:var(--color-surface-base);color:var(--color-text-base);border:1px solid var(--color-border-base)}.btn.secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}