.about.wrap{max-width:1440px;padding:var(--spacing-lg) var(--spacing-md)}.about-hero{background:radial-gradient(120% 140% at 20% 20%,rgba(0,211,167,.16),transparent 60%),linear-gradient(135deg,#eaf5ff,#e8f6f2 55%,#eef3fb);border:var(--border);border-radius:var(--radius-lg);box-shadow:0 18px 38px rgba(15,26,45,.12);gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.about-hero,.about-identity{align-items:center;display:flex}.about-identity{gap:16px}.about-avatar{background:#fff;border:1px solid rgba(15,26,45,.1);border-radius:16px;box-shadow:0 10px 26px rgba(15,26,45,.08);height:96px;-o-object-fit:contain;object-fit:contain;width:96px}.about h1{font-size:clamp(1.8rem,3.2vw,2.4rem);margin:.2rem 0 .3rem}.about .muted{color:var(--muted)}.about-cta{display:flex;flex-wrap:wrap;gap:12px}.about .btn--ghost{background:#fff}.about .grid{align-items:stretch;display:grid;gap:18px;grid-template-columns:repeat(12,minmax(0,1fr));margin-bottom:var(--spacing-lg)}.about .grid>.card{display:flex;flex-direction:column;grid-column:span 4;height:100%}.about .card h2{font-size:1.3rem;margin:0 0 8px}.about .card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.about .card:hover{border-color:rgba(0,211,167,.4);box-shadow:0 10px 26px rgba(0,0,0,.18);transform:translateY(-3px)}.tick{margin:8px 0 0 18px}.tick li{margin-bottom:6px}.steps{margin:8px 0 0 18px}.steps li{margin-bottom:6px}.note{color:var(--muted);font-size:.95rem;margin-top:10px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.about .tag{background:#e8eef7;border:1px solid rgba(15,26,45,.12);border-radius:999px;color:#0f1a2d;display:inline-block;font-size:.86rem;padding:6px 10px}.about details{background:#fff;border:var(--border);border-radius:12px;margin-top:10px;padding:12px}.about details>summary{cursor:pointer;font-weight:600}.about details[open]{background:#f9fbff}.closing{border-top:var(--border);padding-top:var(--spacing-md);text-align:center}.closing p{color:var(--muted);margin-bottom:12px}@media (max-width:860px){.about .grid>.card{grid-column:span 6}.about-hero{align-items:flex-start;flex-direction:column}.about-cta{justify-content:flex-start}}@media (max-width:720px){.about .grid>.card{grid-column:span 12}.about-identity{align-items:flex-start}.about-avatar{height:84px;width:84px}}