프로페셔널 디자인을
더 빠르고 쉽게

1. 랜딩 페이지 히어로 섹션 Design a hero section with the following specifications: **Layout**: Full-viewport height (100vh), centered content with asymmetric grid (60/40 split) **Typography**: - Headline: 56px/64px line-height, font-weight 700, letter-spacing -0.02em - Subheadline: 20px/32px, font-weight 400, max-width 540px **Visual Elements**: - Gradient mesh background (subtle purple to blue, 15% opacity) - Floating 3D illustration on right (preserve space: 480x480px) - Animated gradient orb behind CTA (blur: 120px) **CTA Buttons**: - Primary: 16px padding-y, 32px padding-x, 8px border-radius, filled - Secondary: Ghost style with 2px border, same dimensions **Responsive**: Stack vertically at 768px breakpoint, reduce headline to 40px **Animation**: Fade-up on scroll (stagger: 100ms between elements) Tech: React + Tailwind CSS + Framer Motion