.about-shell{width:min(960px,calc(100% - 40px));margin:0 auto;padding:56px 0 88px}
.about-hero{max-width:720px;margin-bottom:40px}
.about-hero h1{font-size:clamp(36px,5vw,60px);font-weight:740;line-height:1.1;letter-spacing:-.045em;color:var(--heading);margin:14px 0 20px}
.about-hero p{font-size:clamp(18px,2.2vw,22px);line-height:1.6;color:var(--muted);margin:0;text-wrap:pretty}
.about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.about-card{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:26px;box-shadow:var(--shadow)}
.about-card-number{display:block;color:var(--link);font-size:12px;font-weight:700;letter-spacing:.1em;margin-bottom:30px}
.about-card h2{font-size:22px;line-height:1.2;color:var(--heading);font-weight:700;margin:0 0 12px}
.about-card p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}
.about-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:30px}
.about-actions a{min-height:46px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-strong);border-radius:10px;padding:11px 17px;color:var(--body);font-size:14px;font-weight:650;text-decoration:none}
.about-actions a:hover{background:var(--surface-secondary);color:var(--heading)}
.about-actions .about-primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
.about-actions .about-primary:hover{background:var(--primary-hover);color:var(--on-primary)}
.about-actions a:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
@media(max-width:720px){.about-shell{width:calc(100% - 32px);padding:36px 0 68px}.about-hero{margin-bottom:28px}.about-grid{grid-template-columns:1fr}.about-card{padding:22px}.about-card-number{margin-bottom:16px}.about-actions{align-items:stretch}.about-actions a{flex:1 1 100%}}