.landing{max-width:1100px;margin:0 auto;padding:0 24px}.hero{text-align:center;padding:80px 0 48px}.hero-badge{color:#ff6b6b;background:#fff0f0;border-radius:20px;margin-bottom:24px;padding:4px 16px;font-size:14px;display:inline-block}:is(html[class~=dark]) .hero-badge{color:#ff8a8a;background:#3d1f1f}.hero-title{background:linear-gradient(135deg,#ff6b6b,#ee5a24);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 20px;font-size:48px;font-weight:800;line-height:1.2}.hero-desc{color:#666;max-width:560px;margin:0 auto 36px;font-size:18px;line-height:1.7}:is(html[class~=dark]) .hero-desc{color:#999}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:12px;padding:12px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-block}.btn-primary:hover{opacity:.9}.btn-secondary{color:#333;background:#f5f5f7;border:1px solid #e5e5e5;border-radius:12px;padding:12px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.btn-secondary:hover{background:#eee}:is(html[class~=dark]) .btn-secondary{color:#e5e5e5;background:#1a1a1a;border-color:#333}:is(html[class~=dark]) .btn-secondary:hover{background:#252525}.screenshots{grid-template-columns:repeat(3,1fr);gap:24px;padding:24px 0 64px;display:grid}.screenshot-item{text-align:center}.screenshot-frame{background:#f9f9f9;border:1px solid #eee;border-radius:16px;padding:16px}:is(html[class~=dark]) .screenshot-frame{background:#141414;border-color:#262626}.screenshot-frame img{border-radius:12px;width:100%}.screenshot-label{color:#888;margin-top:12px;font-size:14px}:is(html[class~=dark]) .screenshot-label{color:#666}.section{padding:48px 0}.section-title{text-align:center;margin-bottom:12px;font-size:32px;font-weight:700}.section-subtitle{text-align:center;color:#888;margin-bottom:40px;font-size:16px}:is(html[class~=dark]) .section-subtitle{color:#666}.features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-card{background:#fafafa;border:1px solid #eee;border-radius:16px;padding:28px;transition:box-shadow .2s,transform .2s}.feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000014}:is(html[class~=dark]) .feature-card{background:#141414;border-color:#262626}:is(html[class~=dark]) .feature-card:hover{box-shadow:0 8px 30px #0000004d}.feature-icon{margin-bottom:12px;font-size:32px}.feature-title{margin-bottom:8px;font-size:18px;font-weight:600}.feature-desc{color:#666;font-size:14px;line-height:1.6}:is(html[class~=dark]) .feature-desc{color:#888}.steps-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.step-item{text-align:center;padding:32px 20px}.step-num{color:#fff;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:20px;font-weight:700;display:inline-flex}.step-title{margin-bottom:8px;font-size:20px;font-weight:600}.step-desc{color:#666;font-size:14px;line-height:1.6}:is(html[class~=dark]) .step-desc{color:#888}.cta-section{text-align:center;background:linear-gradient(135deg,#fff5f5,#fff0eb);border-radius:24px;margin-bottom:64px;padding:64px 40px}:is(html[class~=dark]) .cta-section{background:linear-gradient(135deg,#2a1515,#2a1a10)}.cta-title{margin-bottom:12px;font-size:28px;font-weight:700}.cta-desc{color:#666;margin-bottom:28px;font-size:16px}:is(html[class~=dark]) .cta-desc{color:#888}@media (max-width:768px){.hero-title{font-size:32px}.hero-desc{font-size:16px}.screenshots,.features-grid,.steps-grid{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}