.feat-hero{background: var(--purple-tint);padding: 64px 28px 0;overflow: hidden;}.feat-hero-inner{max-width: var(--max);margin: 0 auto;display: grid;grid-template-columns: 1fr 1fr;gap: 64px;align-items: flex-end;}.feat-hero-content{padding-bottom: 72px;}.breadcrumb{font-size: 13px;color: #5E5A72;margin-bottom: 22px;display: flex;align-items: center;gap: 6px;flex-wrap: wrap;}.breadcrumb a{color: var(--purple);text-decoration: none;}.breadcrumb a:hover{text-decoration: underline;}.breadcrumb span{color: #5E5A72;}.app-badge{display: inline-block;font-family: var(--font);font-size: 11px;font-weight: 600;padding: 4px 12px;border-radius: 100px;margin-bottom: 16px;}.feat-hero h1{font-family: var(--font);font-size: clamp(32px, 3.5vw, 48px);font-weight: 700;letter-spacing: -1.5px;line-height: 1.1;color: var(--text);margin-bottom: 18px;text-wrap: pretty;}.feat-hero-desc{font-size: 17px;color: #5E5A72;line-height: 1.7;max-width: 480px;}.feat-hero-img{align-self: flex-end;}.feat-hero-img img{max-width: 100%;border-radius: 16px 16px 0 0;}.steps-section{padding: 88px 28px;background: var(--white);}.steps-wrap{max-width: var(--max);margin: 0 auto;}.sec-label{font-family: var(--font);font-size: 12px;font-weight: 600;letter-spacing: 1.8px;text-transform: uppercase;color: var(--purple);margin-bottom: 10px;}.sec-title{font-family: var(--font);font-size: clamp(24px, 2.8vw, 36px);font-weight: 700;letter-spacing: -1px;color: var(--text);text-wrap: pretty;margin-bottom: 16px;}.sec-desc{font-size: 16px;color: var(--muted);line-height: 1.7;max-width: 640px;margin-bottom: 48px;}.steps-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;}.step-card{background: var(--bg);border-radius: 20px;padding: 32px 28px;border: 1px solid rgba(0,0,0,0.055);}.step-num{font-family: var(--font);font-size: 44px;font-weight: 700;color: rgb(88, 39, 153);line-height: 1;margin-bottom: 20px;letter-spacing: -2px;}.step-card h3{font-family: var(--font);font-size: 17px;font-weight: 700;color: var(--text);letter-spacing: -0.3px;margin-bottom: 8px;}.step-card p{font-size: 14px;color: var(--muted);line-height: 1.65;}.benefits-section{background: var(--purple-tint);padding: 88px 28px;}.benefits-wrap{max-width: var(--max);margin: 0 auto;}.benefits-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 18px;margin-top: 48px;}.benefit-card{background: white;border-radius: 18px;padding: 28px 24px;border: 1px solid rgba(89,39,153,0.08);}.benefit-dot{width: 8px;height: 8px;background: var(--orange);border-radius: 50%;margin-bottom: 16px;}.benefit-card h3{font-family: var(--font);font-size: 16px;font-weight: 700;color: var(--text);letter-spacing: -0.2px;margin-bottom: 8px;}.benefit-card p{font-size: 13.5px;color: var(--muted);line-height: 1.65;}.feat-cta{background: var(--purple);padding: 80px 28px;text-align: center;position: relative;overflow: hidden;}.feat-cta::before{content: '';position: absolute;top: -80px;right: -60px;width: 360px;height: 360px;background: radial-gradient(circle, rgba(248,152,28,0.22) 0%, transparent 65%);pointer-events: none;}.feat-cta h2{font-family: var(--font);font-size: clamp(24px, 2.8vw, 38px);font-weight: 700;color: white;letter-spacing: -1px;margin-bottom: 12px;position: relative;}.feat-cta p{color: rgba(255,255,255,0.82);font-size: 15px;margin-bottom: 32px;position: relative;}.btn-cta{display: inline-flex;align-items: center;gap: 8px;background: var(--orange);color: white;font-family: var(--font);font-size: 15px;font-weight: 600;padding: 13px 30px;border-radius: 100px;text-decoration: none;transition: opacity 0.2s, transform 0.15s;position: relative;}.btn-cta:hover{opacity: 0.9;transform: translateY(-1px);}.feat-hero .app-badge{background: #fff !important;box-shadow: inset 0 0 0 1.5px rgba(0,0,0,0.1);}.benefit-icon{width: 38px;height: 38px;background: var(--purple-tint);border-radius: 11px;display: flex;align-items: center;justify-content: center;margin-bottom: 16px;color: var(--purple);flex-shrink: 0;}.benefits-section .benefit-icon{background: rgba(255,255,255,0.85);}.benefit-card h3 a{color: var(--text);text-decoration: none;transition: color 0.2s;}.benefit-card h3 a:hover{color: var(--purple);}@media (max-width: 900px){.feat-hero-inner{grid-template-columns: 1fr;}.feat-hero-content{padding-bottom: 40px;}.feat-hero-img{display: none;}.steps-grid{grid-template-columns: 1fr;}.benefits-grid{grid-template-columns: 1fr 1fr;}}@media (max-width: 580px){.feat-hero{padding: 40px 20px 0;}.steps-section, .benefits-section{padding: 60px 20px;}.feat-cta{padding: 60px 20px;}.benefits-grid{grid-template-columns: 1fr;}}