.for-you { padding: 80px 24px; background: #F4EEFD; color: #472C7D; font-family: 'DM Sans', sans-serif; }
.for-you-inner { max-width: 1100px; margin: 0 auto; }
.for-you h2 { font-family: 'DM Sans', sans-serif; font-size: 52px; font-weight: 600; line-height: 1.15; letter-spacing: -.02em; text-align: center; }
.for-you h2 span { display: block; }
.for-you h2 span:first-child { color: #1F1B3A; }
.for-you-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 48px 0 0; padding: 0; list-style: none; }
.for-you-card { display: flex; align-items: center; gap: 20px; min-width: 0; padding: 28px; border-radius: 24px; background: #FFFFFF; box-shadow: 0 4px 20px rgb(71 44 125 / .06); font-size: 22px; font-weight: 500; line-height: 1.4; }
.for-you-check { display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 8px; background: #E5D8FF; }
.for-you-check svg { width: 18px; height: 18px; fill: none; stroke: #472C7D; stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round; }
.for-you-note { max-width: 800px; margin: 40px auto 0; text-align: center; font-size: 20px; font-weight: 600; line-height: 1.5; }
@media (prefers-reduced-motion: no-preference) {
  .for-you-card.awaiting-reveal { opacity: 0; transform: translateY(16px); }
  .for-you-card { transition: opacity 500ms ease, transform 500ms ease; }
}
@media (max-width: 800px) {
  .for-you h2 { font-size: 40px; }
  .for-you-card { padding: 24px; font-size: 20px; gap: 16px; }
}
@media (max-width: 600px) {
  .for-you { padding: 56px 18px; }
  .for-you h2 { font-size: 32px; }
  .for-you-grid { grid-template-columns: 1fr; margin-top: 32px; gap: 16px; }
  .for-you-card { padding: 24px; font-size: 18px; }
  .for-you-note { font-size: 18px; margin-top: 32px; }
}