.journey-step{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:80px}
.journey-step:last-child{margin-bottom:0}
.journey-step.reverse{direction:rtl}
.journey-step.reverse>*{direction:ltr}
.journey-image{border-radius:var(--radius);overflow:hidden;background:var(--surface);aspect-ratio:4/3}
.journey-image img{width:100%;height:100%;object-fit:cover}
.journey-content .step-badge{display:inline-block;font-size:13px;font-weight:510;letter-spacing:0.06em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.journey-content h2{font-family:var(--font-display);font-size:clamp(24px,2.5vw,32px);font-weight:700;letter-spacing:-0.02em;line-height:1.2;margin-bottom:12px}
.journey-content>p{font-size:15px;color:var(--muted);line-height:1.7;margin-bottom:20px}
.journey-details{display:flex;flex-direction:column;gap:12px}
.detail-row{display:flex;gap:12px;font-size:14px;line-height:1.6}
.detail-row .icon{width:20px;height:20px;border-radius:50%;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;color:var(--accent);font-size:11px}

.ai-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:48px}
.ai-section h2{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-0.02em;margin-bottom:16px;text-align:center}
.ai-section .subtitle{text-align:center;font-size:15px;color:var(--muted);margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}
.ai-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ai-card{padding:24px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg)}
.ai-card .emoji{font-size:28px;margin-bottom:12px;display:block}
.ai-card h4{font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:-0.01em;margin-bottom:6px}
.ai-card p{font-size:13px;color:var(--muted);line-height:1.6}

.cta-section{text-align:center;background:var(--fg);color:var(--surface)}
.cta-section h2{font-family:var(--font-display);font-size:clamp(28px,3vw,36px);font-weight:700;letter-spacing:-0.02em;margin-bottom:16px}
.cta-section p{font-size:16px;color:oklch(70% 0.01 240);margin-bottom:32px;max-width:500px;margin-left:auto;margin-right:auto}

@media(max-width:820px){
  .journey-step{grid-template-columns:1fr;gap:32px}
  .journey-step.reverse{direction:ltr}
  .ai-grid{grid-template-columns:1fr}
}

@media(max-width:480px){
  .ai-section{padding:32px 24px}
}