.transformation-box{align-items:stretch;gap:var(--spacing-md);background-color:var(--color-bg-alt);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex}.transformation-before,.transformation-after{padding:var(--spacing-md);border-radius:var(--radius-md);flex:1}.transformation-before{background-color:var(--color-bg);border:1px solid var(--color-border)}.transformation-after{background-color:var(--color-primary);color:#fff}.transformation-before h4,.transformation-after h4{text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm);opacity:.8;font-size:.875rem;font-weight:600}.transformation-before p,.transformation-after p{margin:0;line-height:1.6}.transformation-arrow{color:var(--color-primary);padding:0 var(--spacing-sm);justify-content:center;align-items:center;font-size:2rem;display:flex}@media (max-width:768px){.transformation-box{flex-direction:column}.transformation-arrow{padding:var(--spacing-sm) 0;transform:rotate(90deg)}}.learning-list{margin:0;padding:0;list-style:none}.learning-list li{padding-left:var(--spacing-lg);margin-bottom:var(--spacing-sm);line-height:1.6;position:relative}.learning-list li:before{content:"✓";color:var(--color-success);font-weight:600;position:absolute;left:0}.introduction-details{gap:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--color-bg-alt);border-radius:var(--radius-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.detail-item h3{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light);margin-bottom:var(--spacing-xs);font-size:.875rem;font-weight:600}.detail-item p{color:var(--color-text);margin:0;line-height:1.6}