.hero-section[data-v-8891ba4b]{padding:50px 24px 60px;background:linear-gradient(180deg,#f8fafc,#fff);overflow:hidden}.hero-container[data-v-8891ba4b]{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:48px;align-items:start}@media (min-width: 1024px){.hero-section[data-v-8891ba4b]{padding:70px 24px 90px}.hero-container[data-v-8891ba4b]{grid-template-columns:1fr 460px;gap:56px;align-items:center}}@media (min-width: 1200px){.hero-container[data-v-8891ba4b]{grid-template-columns:1fr 500px;gap:72px}}.hero-badge[data-v-8891ba4b]{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;color:#10b981;background:#10b9811a;border-radius:100px;margin-bottom:24px}.hero-title[data-v-8891ba4b]{font-size:38px;font-weight:800;color:#0f172a;line-height:1.2;margin-bottom:24px}@media (min-width: 640px){.hero-title[data-v-8891ba4b]{font-size:48px}}@media (min-width: 1024px){.hero-title[data-v-8891ba4b]{font-size:52px}}.hero-title .highlight[data-v-8891ba4b]{color:#10b981}.hero-description[data-v-8891ba4b]{font-size:17px;color:#64748b;line-height:1.7;margin-bottom:32px;max-width:540px}.hero-actions[data-v-8891ba4b]{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:40px}.btn-primary[data-v-8891ba4b]{display:inline-flex;align-items:center;padding:14px 28px;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;text-decoration:none;transition:all .2s}.btn-primary[data-v-8891ba4b]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b9814d}.btn-secondary[data-v-8891ba4b]{display:inline-flex;align-items:center;padding:14px 28px;font-size:15px;font-weight:600;color:#475569;background:#fff;border:2px solid #e2e8f0;border-radius:12px;text-decoration:none;transition:all .2s}.btn-secondary[data-v-8891ba4b]:hover{border-color:#10b981;color:#10b981}.hero-stats[data-v-8891ba4b]{display:flex;gap:32px}.stat[data-v-8891ba4b]{display:flex;flex-direction:column}.stat-number[data-v-8891ba4b]{font-size:26px;font-weight:700;color:#0f172a}.stat-label[data-v-8891ba4b]{font-size:13px;color:#64748b}.hero-visual[data-v-8891ba4b]{display:flex;justify-content:center;align-items:flex-start}.device-preview-card[data-v-8891ba4b]{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 25px 60px #00000026;width:100%;max-width:380px;display:flex;flex-direction:column}@media (min-width: 480px){.device-preview-card[data-v-8891ba4b]{max-width:420px}}@media (min-width: 1024px){.device-preview-card[data-v-8891ba4b]{max-width:440px}}.device-header[data-v-8891ba4b]{display:flex;align-items:center;padding:0;background:#f8fafc;border-bottom:1px solid #e2e8f0}.theme-tabs[data-v-8891ba4b]{display:flex;flex:1}.theme-tab[data-v-8891ba4b]{flex:1;display:flex;align-items:center;justify-content:center;padding:14px 8px;font-size:13px;font-weight:500;color:#64748b;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease;position:relative}@media (min-width: 480px){.theme-tab[data-v-8891ba4b]{padding:16px 12px;font-size:14px}}.theme-tab[data-v-8891ba4b]:after{content:"";position:absolute;bottom:-1px;left:50%;width:0;height:2px;background:linear-gradient(90deg,#10b981,#059669);transition:all .3s ease;transform:translate(-50%)}.theme-tab[data-v-8891ba4b]:hover{color:#0f172a;background:#10b9810a}.theme-tab[data-v-8891ba4b]:hover:after{width:50%}.theme-tab.active[data-v-8891ba4b]{color:#047857;font-weight:600;background:#10b98114}.theme-tab.active[data-v-8891ba4b]:after{width:100%}.expand-btn[data-v-8891ba4b]{display:flex;align-items:center;justify-content:center;width:44px;height:100%;font-size:14px;color:#94a3b8;background:transparent;border:none;border-left:1px solid #e2e8f0;cursor:pointer;transition:all .2s;flex-shrink:0}.expand-btn[data-v-8891ba4b]:hover{background:#10b9810f;color:#10b981}.device-frame[data-v-8891ba4b]{position:relative;background:#f1f5f9;height:520px;overflow:hidden}@media (min-width: 480px){.device-frame[data-v-8891ba4b]{height:560px}}@media (min-width: 1024px){.device-frame[data-v-8891ba4b]{height:600px}}.device-loading[data-v-8891ba4b]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#fff;z-index:5}.device-iframe[data-v-8891ba4b]{width:100%;height:100%;border:none}.menu-placeholder[data-v-8891ba4b]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#94a3b8;gap:12px}.placeholder-icon[data-v-8891ba4b]{font-size:48px;opacity:.5}.menu-placeholder p[data-v-8891ba4b]{font-size:14px;margin:0}.simulation-placeholder[data-v-8891ba4b]{display:flex;align-items:center;justify-content:center;height:100%;background:linear-gradient(135deg,#f0fdfa,#ecfeff)}.simulation-content[data-v-8891ba4b]{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px;gap:12px}.simulation-icon[data-v-8891ba4b]{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#14b8a6,#0d9488);border-radius:16px;font-size:28px;color:#fff;margin-bottom:8px}.simulation-title[data-v-8891ba4b]{font-size:18px;font-weight:700;color:#0f172a;margin:0}.simulation-desc[data-v-8891ba4b]{font-size:13px;color:#64748b;margin:0;max-width:200px}.simulation-btn[data-v-8891ba4b]{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.simulation-btn[data-v-8891ba4b]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #14b8a64d}.simulation-btn i[data-v-8891ba4b]{font-size:16px}.simulation-note[data-v-8891ba4b]{font-size:11px;color:#94a3b8;margin-top:4px}.device-footer[data-v-8891ba4b]{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;font-size:12px;color:#64748b;background:#f8fafc;border-top:1px solid #e2e8f0}.device-footer i[data-v-8891ba4b]{font-size:14px;animation:point-8891ba4b 1.5s ease-in-out infinite}@keyframes point-8891ba4b{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.spinner[data-v-8891ba4b]{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#10b981;border-radius:50%;animation:spin-8891ba4b 1s linear infinite}@keyframes spin-8891ba4b{to{transform:rotate(360deg)}}.features-section[data-v-8891ba4b]{padding:100px 24px;background:#fff}.section-container[data-v-8891ba4b]{max-width:1200px;margin:0 auto}.section-header[data-v-8891ba4b]{text-align:center;margin-bottom:64px}.section-badge[data-v-8891ba4b]{display:inline-block;padding:6px 16px;font-size:13px;font-weight:600;color:#047857;background:#10b98126;border-radius:100px;margin-bottom:16px}.section-title[data-v-8891ba4b]{font-size:36px;font-weight:700;color:#0f172a;margin-bottom:16px}.section-description[data-v-8891ba4b]{font-size:18px;color:#475569;max-width:600px;margin:0 auto}.features-grid[data-v-8891ba4b]{display:grid;grid-template-columns:1fr;gap:32px}@media (min-width: 640px){.features-grid[data-v-8891ba4b]{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.features-grid[data-v-8891ba4b]{grid-template-columns:repeat(3,1fr)}}.feature-card[data-v-8891ba4b]{padding:32px;background:#f8fafc;border-radius:16px;transition:all .3s}.feature-card[data-v-8891ba4b]:hover{background:#fff;box-shadow:0 10px 40px #00000014;transform:translateY(-4px)}.feature-icon[data-v-8891ba4b]{width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#10b981;background:#10b9811a;border-radius:14px;margin-bottom:20px}.feature-title[data-v-8891ba4b]{font-size:18px;font-weight:600;color:#0f172a;margin-bottom:12px}.feature-description[data-v-8891ba4b]{font-size:15px;color:#64748b;line-height:1.6}.steps-section[data-v-8891ba4b]{padding:100px 24px;background:#f8fafc}.steps-grid[data-v-8891ba4b]{display:grid;grid-template-columns:1fr;gap:32px}@media (min-width: 768px){.steps-grid[data-v-8891ba4b]{grid-template-columns:repeat(3,1fr)}}.step-card[data-v-8891ba4b]{text-align:center;padding:40px 32px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a}.step-number[data-v-8891ba4b]{width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;margin:0 auto 24px}.step-title[data-v-8891ba4b]{font-size:20px;font-weight:600;color:#0f172a;margin-bottom:12px}.step-description[data-v-8891ba4b]{font-size:15px;color:#64748b;line-height:1.6}.cta-section[data-v-8891ba4b]{padding:100px 24px;background:linear-gradient(135deg,#0f172a,#1e293b)}.cta-container[data-v-8891ba4b]{max-width:700px;margin:0 auto;text-align:center}.cta-title[data-v-8891ba4b]{font-size:36px;font-weight:700;color:#fff;margin-bottom:16px}.cta-description[data-v-8891ba4b]{font-size:18px;color:#94a3b8;margin-bottom:40px}.cta-actions[data-v-8891ba4b]{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.btn-cta-primary[data-v-8891ba4b]{display:inline-flex;align-items:center;padding:16px 32px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;text-decoration:none;transition:all .2s}.btn-cta-primary[data-v-8891ba4b]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b9814d}.btn-cta-secondary[data-v-8891ba4b]{display:inline-flex;align-items:center;padding:16px 32px;font-size:16px;font-weight:600;color:#fff;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:12px;text-decoration:none;transition:all .2s}.btn-cta-secondary[data-v-8891ba4b]:hover{background:#ffffff26;border-color:#ffffff4d}.preview-modal-backdrop[data-v-8891ba4b]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ae6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.preview-modal[data-v-8891ba4b]{background:#fff;border-radius:16px;width:100%;max-width:420px;height:90vh;max-height:850px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px #0000004d}.preview-header[data-v-8891ba4b]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.preview-header-info[data-v-8891ba4b]{display:flex;align-items:center;gap:12px}.preview-header-info h5[data-v-8891ba4b]{margin:0;font-size:1rem;font-weight:600;color:#0f172a}.premium-tag[data-v-8891ba4b]{padding:4px 10px;font-size:11px;font-weight:600;color:#f59e0b;background:#f59e0b1a;border-radius:100px}.btn-close-preview[data-v-8891ba4b]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#e2e8f0;border:none;border-radius:8px;color:#475569;cursor:pointer;transition:all .2s}.btn-close-preview[data-v-8891ba4b]:hover{background:#cbd5e1;color:#0f172a}.preview-device-frame[data-v-8891ba4b]{flex:1;position:relative;background:#f1f5f9;overflow:hidden}.preview-loading[data-v-8891ba4b]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;z-index:10}.preview-iframe-modal[data-v-8891ba4b]{width:100%;height:100%;border:none}@media (min-width: 768px){.preview-modal[data-v-8891ba4b]{max-width:480px}}