/* Hakkında sayfası */
.phero--about { padding-bottom: 40px; }
.abanner { padding: 24px 0 96px; }
.abanner__box { position: relative; height: 420px; border-radius: 32px; background: #14163A; overflow: hidden; }
.petal--c { right: 12%; top: -60px; width: 360px; height: 480px; background: #4B3DF6; opacity: .55; rotate: 10deg; animation: petal-c 18s ease-in-out infinite; }
.petal--d { right: 30%; top: 40px; width: 240px; height: 340px; background: #8B7CFF; opacity: .45; rotate: -12deg; animation: petal-d 22s ease-in-out infinite; }
@keyframes petal-c { 50% { translate: 24px 16px; rotate: 14deg; } }
@keyframes petal-d { 50% { translate: -18px -14px; rotate: -8deg; } }
.astory { padding: 0 0 96px; }
.astory__in { display: flex; flex-wrap: wrap; gap: 40px 96px; }
.astory__in h2 { flex: 1 1 340px; font-size: clamp(28px, 1.6vw + 20px, 40px); line-height: 1.2; letter-spacing: -0.02em; }
.astory__t { flex: 1.4 1 520px; display: flex; flex-direction: column; gap: 18px; font-size: 18px; line-height: 30px; color: var(--ink-secondary); }
.values { padding: 104px 0; }
.vgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
.vcard { display: flex; flex-direction: column; gap: 10px; padding: 32px; border-radius: 22px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .14); transition: background-color var(--duration-base) var(--ease-standard), border-color var(--duration-base) var(--ease-standard), translate var(--duration-base) var(--ease-standard); }
.vcard:hover { background: rgba(255, 255, 255, .1); border-color: rgba(179, 170, 255, .5); translate: 0 -4px; }
.vcard b { font-size: 26px; line-height: 32px; letter-spacing: -0.01em; }
.vcard span { font-size: 16px; line-height: 26px; color: #C3C8E6; }
.miles { padding: 104px 0; }
.miles__in { display: flex; flex-wrap: wrap; gap: 40px 96px; }
.miles__in h2 { flex: 1 1 300px; font-size: clamp(28px, 1.6vw + 20px, 40px); line-height: 1.2; letter-spacing: -0.02em; }
.miles__list { flex: 2 1 560px; min-width: 0; border-bottom: 1px solid var(--line); }
.mile { display: flex; gap: 24px; padding: 24px 0; border-top: 1px solid var(--line); transition: border-color var(--duration-base) var(--ease-standard); }
.mile:hover { border-top-color: var(--brand); }
.mile__y { width: 96px; flex: none; font-size: 20px; font-weight: 700; color: var(--brand); }
.mile__t { display: flex; flex-direction: column; gap: 4px; }
.mile__t b { font-size: 18px; }
.mile__t span { font-size: 15px; line-height: 24px; color: var(--ink-secondary); }
.ateam { padding: 0 0 104px; }
.ateam__head { display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-end; justify-content: space-between; }
.ateam__head h2 { font-size: clamp(28px, 1.6vw + 20px, 40px); line-height: 1.2; letter-spacing: -0.02em; }
.ateam__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 24px; }
.person { display: flex; flex-direction: column; gap: 12px; }
.person b { font-size: 17px; }
.person > span { font-size: 14px; color: var(--ink-muted); margin-top: -8px; }
.person__ph { aspect-ratio: 1; border-radius: 22px; background: linear-gradient(160deg, #EEECFF, #E5E7F4); display: flex; align-items: flex-end; justify-content: center; overflow: hidden; }
.person__ph span { width: 46%; height: 60%; border-radius: 50% 50% 10% 10% / 60% 60% 10% 10%; background: #4B3DF6; opacity: .55; transition: translate var(--duration-slow) var(--ease-standard); }
.person__ph--1 span { background: #8B7CFF; }
.person__ph img { width: 100%; height: 100%; object-fit: cover; transition: scale .5s var(--ease-standard); }
.person:hover .person__ph span { translate: 0 -8px; }
.person:hover .person__ph img { scale: 1.04; }
.apartner { padding: 0 0 104px; }
.apartner__card { display: flex; flex-wrap: wrap; gap: 24px 48px; align-items: center; padding: 40px; border-radius: 24px; background: var(--bg); transition: box-shadow var(--duration-base) var(--ease-standard); }
.apartner__card:hover { box-shadow: 0 18px 40px -28px rgba(20, 22, 58, .35); }
.apartner__logo { width: 72px; height: 72px; border-radius: 18px; background: #fff; border: 1px solid var(--line); display: inline-flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 800; color: #0B7A5A; }
.apartner__t { flex: 1 1 420px; display: flex; flex-direction: column; gap: 6px; }
.apartner__t > span:first-child { font-size: 13px; font-weight: 700; color: #0B7A5A; }
.apartner__t b { font-size: 22px; line-height: 30px; }
.apartner__p { font-size: 16px; line-height: 25px; color: var(--ink-secondary); }
@media (max-width: 1023px) {
  .abanner { padding-bottom: 64px; }
  .abanner__box { height: 300px; border-radius: 24px; }
  .astory { padding-bottom: 64px; }
  .values, .miles { padding: 72px 0; }
  .ateam, .apartner { padding-bottom: 72px; }
}
@media (max-width: 767px) {
  .abanner__box { height: 220px; }
  .apartner__card { padding: 24px; }
  .mile { gap: 16px; }
  .mile__y { width: 64px; font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) { .petal--c, .petal--d { animation: none !important; } }