/* Final micro-polish for /o-nama only. No structural or copy changes. */

/* Give the mobile hero a little more separation from the next section. */
@media (max-width:680px){
  .phase3-about .page-hero{
    padding-bottom:56px;
  }

  .phase3-about .split p:not(.kicker){
    line-height:1.84;
  }

  .phase3-about .phase3-timeline h3{
    font-weight:720;
    letter-spacing:-.025em;
  }
}

/* Slightly stronger hierarchy for the four experience pillars. */
.phase3-about .phase3-timeline h3{
  font-weight:700;
  color:#111a2d;
}

/* Make proof links feel a touch more deliberate on pointer devices. */
@media (hover:hover) and (pointer:fine){
  .phase3-about .phase3-proof-products a:hover,
  .phase3-about .phase3-proof-products a:focus-visible{
    transform:translateY(-4px);
    border-color:rgba(116,148,255,.72);
    background:rgba(20,42,74,.98);
    box-shadow:0 20px 48px rgba(0,0,0,.18);
  }
}

@media (prefers-reduced-motion:reduce){
  .phase3-about .phase3-proof-products a{
    transition:none!important;
    transform:none!important;
  }
}