/* d_r3p22zxe7n · 모바일에서는 히어로를 '카피-CTA-미니 루프' 순으로 압축한다. lede를 2문장 이하로 줄이고, 루프 장면 축소본을 버튼 바로 아래 220~ */
main.w {padding-inline: 20px;} @media (max-width: 390px) { main.w h1 {font-size: clamp(42px, 12vw, 56px); line-height: .96; text-wrap: balance;} main.w p.lede {font-size: 18px; line-height: 1.6; max-width: 22ch;} main.w a.cta, main.w a.cta.gh {min-height: 52px; padding: 0 20px;} main.w .hero-visual, main.w [data-hero-visual] {margin-top: 20px; min-height: 240px;} }
/* d_cy2ew2j5sb · 루프 모션을 4단계 상태 전환 설명용으로 한정한다. Create→Publish→Measure→Learn 라벨만 순서대로 강조되고 전체 회전은 거 */
main.w [data-loop-stage] {transition: opacity .4s ease, transform .4s ease;} @media (prefers-reduced-motion: reduce) { main.w [data-loop-stage], main.w [data-loop-ring] {transition: none !important; animation: none !important;} }