:root{--bg-app: #ffffff;--bg-subtle: #f9f9f9;--bg-card: #f4f4f5;--bg-card-hover: #e4e4e7;--text-primary: #18181b;--text-secondary: #71717a;--text-tertiary: #a1a1aa;--accent-primary: #18181b;--accent-hover: #000000;--accent-glow: rgba(0, 0, 0, .05);--border-subtle: #e4e4e7;--border-highlight: #d4d4d8;--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--color-danger: #ef4444;--color-success: #22c55e;--color-warning: #eab308;--bg-primary: var(--bg-app)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;width:100vw;overflow:hidden}button{font-family:inherit;cursor:pointer;border:none;outline:none}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a1a1aa}*{scrollbar-width:thin;scrollbar-color:#d4d4d8 transparent}.app-layout{display:flex;height:100vh;width:100vw;background:var(--bg-app)}.sidebar{width:320px;background-color:var(--bg-subtle);border-right:1px solid transparent;display:flex;flex-direction:column;padding:24px;overflow:hidden}.main-content{flex:1;overflow-y:auto;padding:40px}.brand{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:40px;display:flex;align-items:center;gap:10px;letter-spacing:-.02em}.nav-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;color:var(--text-secondary);transition:all .2s ease;margin-bottom:4px;font-size:14px;font-weight:500}.nav-item:hover,.nav-item.active{background-color:var(--bg-card);color:var(--text-primary)}.nav-item.active{background-color:var(--text-primary);color:#fff}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.page-title{font-size:32px;font-weight:700;color:var(--text-primary);letter-spacing:-.03em}.section-title{font-size:16px;font-weight:600;margin-bottom:24px;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.btn-primary{background:var(--accent-primary);color:#fff;padding:12px 24px;border-radius:12px;font-weight:500;font-size:14px;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 12px #0000001a}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 16px #00000026}.btn-primary:disabled{background:var(--accent-primary);opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:#fff;border:1px solid transparent;color:var(--text-secondary);padding:12px 20px;border-radius:12px;font-weight:500;font-size:14px;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 2px 8px #0000000d}.btn-secondary:hover{color:var(--text-primary);background:#fff;box-shadow:0 4px 12px #00000014}.btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;color:var(--text-secondary)}.btn-danger{background:var(--color-danger);color:#fff;border:1px solid var(--color-danger);padding:12px 24px;border-radius:12px;font-weight:500;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 12px #ef444433}.btn-danger:hover{background:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 6px 16px #ef44444d}.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;background:var(--color-danger);border-color:var(--color-danger)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:8px;border-radius:8px;transition:all .2s ease}.btn-ghost:hover{background:var(--bg-card);color:var(--text-primary)}.glass-panel{background:var(--bg-card);border:none;border-radius:20px;transition:all .2s ease;overflow:hidden;position:relative}.glass-panel:before{display:none}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.user-profile{margin-top:auto;padding-top:24px;border-top:1px solid transparent;display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--text-primary);display:flex;align-items:center;justify-content:center;font-weight:500;color:#fff;font-size:14px}.user-info{flex:1;overflow:hidden}.user-email{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loading-spinner{width:24px;height:24px;border:2px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.badge{font-size:10px;padding:4px 8px;border-radius:6px;background:var(--bg-card-hover);color:var(--text-secondary);display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border-subtle);font-weight:600;text-transform:uppercase;letter-spacing:.02em;line-height:1}.device-badge{font-size:11px;padding:6px 10px;border-radius:8px;background:#fff;border:1px solid var(--border-subtle);color:var(--text-primary);display:inline-flex;align-items:center;gap:6px;font-weight:500;transition:all .2s ease;box-shadow:0 1px 2px #00000005}.device-badge:hover{border-color:var(--border-highlight);background:var(--bg-subtle)}.device-badge svg{opacity:.6}.settings-modal-content{border-radius:24px!important;border:none!important;box-shadow:0 20px 40px #0000001a!important}.form-input{border-radius:12px!important;border:1px solid var(--border-subtle)!important;background:var(--bg-subtle)!important;box-shadow:0 1px 2px #0000000d;color:var(--text-primary)!important;transition:all .2s ease}.form-input:focus{background:#fff!important;border-color:var(--text-tertiary)!important;box-shadow:0 4px 12px #00000014;outline:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-animation{animation:spin 1s linear infinite}.landing-page{height:100vh;overflow-y:auto;background-color:#fff;background-image:linear-gradient(180deg,rgba(139,92,246,.13) 0%,rgba(59,130,246,.05) 35%,transparent 60%),radial-gradient(circle,rgba(0,0,0,.13) 1.5px,transparent 1.5px);background-size:100% auto,28px 28px;color:#111827;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden;position:relative}.landing-page:before,.landing-page:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0}.landing-page:before{width:800px;height:800px;top:-200px;left:-200px;background:radial-gradient(circle,rgba(139,92,246,.18) 0%,transparent 65%)}.landing-page:after{width:900px;height:900px;bottom:-300px;right:-200px;background:radial-gradient(circle,rgba(59,130,246,.16) 0%,transparent 65%)}.landing-header{width:100%;position:sticky;top:16px;z-index:100;pointer-events:none;isolation:isolate}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:12px 16px 12px 20px;max-width:860px;margin:0 auto;width:calc(100% - 48px);pointer-events:all;background:#ffffffb8;backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);border:1px solid rgba(255,255,255,.6);border-radius:18px;box-shadow:0 4px 24px #00000012,0 1px 2px #0000000a,inset 0 1px #fffc}.nav-brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:20px;color:#111827;text-decoration:none}.brand-logo{height:32px;width:auto}.nav-links{display:flex;gap:32px;align-items:center}.nav-link{background:none;border:none;font-size:15px;font-weight:500;color:#4b5563;cursor:pointer;padding:0;transition:color .2s}.nav-link:hover{color:#111827}.hero-section{display:flex;flex-direction:column;align-items:center;text-align:center;padding:80px 20px 40px;max-width:1000px;margin:0 auto;position:relative;z-index:1}.hero-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1000px;height:700px;background:radial-gradient(ellipse at 50% 30%,rgba(139,92,246,.22) 0%,rgba(59,130,246,.12) 45%,transparent 70%);pointer-events:none;z-index:-1}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#ffffff9e;backdrop-filter:blur(16px) saturate(1.6);-webkit-backdrop-filter:blur(16px) saturate(1.6);border-radius:100px;font-size:13px;font-weight:500;color:#4b5563;margin-bottom:24px;border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px #ffffffe6,0 2px 8px #0000000f}.hero-title{font-size:64px;line-height:1.1;font-weight:800;letter-spacing:-.02em;margin-bottom:24px;background:linear-gradient(135deg,#111827,#4b5563);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:20px;line-height:1.5;color:#6b7280;max-width:600px;margin-bottom:40px}.google-auth-btn{display:inline-flex;align-items:center;gap:12px;background:#111827e0;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);color:#fff;padding:14px 28px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff1f,0 4px 16px #0003}.google-auth-btn:hover{background:#000000eb;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff26,0 10px 28px #00000047}.google-auth-btn.secondary{background:#ffffffad;backdrop-filter:blur(16px) saturate(1.6);-webkit-backdrop-filter:blur(16px) saturate(1.6);color:#374151;border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px #ffffffe6,0 2px 8px #00000012}.google-auth-btn.secondary:hover{background:#ffffffd1;border-color:#fffffff2}.cli-install-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:20px}.cli-install-label{font-size:13px;color:#9ca3af;font-weight:500}.cli-install-block{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;background:#1118270f;border:1px solid rgba(17,24,39,.1);border-radius:10px;cursor:pointer;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:13.5px;color:#374151;transition:background .15s,border-color .15s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cli-install-block:hover{background:#1118271a;border-color:#1118272e}.cli-prompt{color:#8b5cf6;font-weight:700;-webkit-user-select:none;user-select:none}.cli-install-block code{font-family:inherit;font-size:inherit;color:inherit;background:none}.cli-copy-icon{display:flex;align-items:center;color:#9ca3af;margin-left:4px;transition:color .15s}.cli-install-block:hover .cli-copy-icon{color:#6b7280}.social-proof{margin-top:48px;animation:fadeInUp .6s ease .3s both}.stats-row{display:flex;align-items:center;gap:32px;padding:24px 40px;background:#f9fafb;border-radius:16px;border:1px solid #e5e7eb}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-number{font-size:24px;font-weight:800;color:#111827;letter-spacing:-.02em}.stat-label{font-size:13px;color:#6b7280;font-weight:500}.stat-divider{width:1px;height:40px;background:#e5e7eb}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hero-badge{animation:fadeInUp .5s ease both}.hero-title{animation:fadeInUp .5s ease .1s both}.hero-subtitle{animation:fadeInUp .5s ease .2s both}.google-auth-btn:not(.secondary):not(.cta-button){animation:fadeInUp .5s ease .25s both}.hero-visual{animation:scaleIn .7s ease .4s both}.hero-visual{margin-top:60px;position:relative;width:100%;max-width:1000px;height:500px;background:linear-gradient(180deg,#f3f4f680,#fff0);border-radius:24px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 25px 50px -12px #00000026;display:flex;justify-content:center;align-items:flex-start;perspective:1000px;padding-top:40px}.mockup-screen{width:80%;height:100%;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e5e7eb;border-bottom:none;display:flex;flex-direction:column}.mockup-header{height:48px;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;padding:0 20px;gap:8px}.mockup-dot{width:10px;height:10px;border-radius:50%;background-color:#e5e7eb}.mockup-dot.red{background-color:#fca5a5}.mockup-dot.yellow{background-color:#fcd34d}.mockup-dot.green{background-color:#86efac}.mockup-body{flex:1;padding:24px;display:flex;gap:20px;background-color:#f9fafb}.mockup-sidebar{width:200px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.mockup-content{flex:1;background:#fff;border-radius:8px;border:1px solid #e5e7eb;position:relative;overflow:hidden}.skeleton-line{height:12px;background:#f3f4f6;border-radius:4px;margin:12px;width:60%}.skeleton-line.short{width:40%}.skeleton-block{height:100px;background:#f3f4f6;margin:12px;border-radius:8px}.features-section{padding:100px 24px;background:#fff;max-width:1280px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px}.feature-card{padding:32px;border-radius:20px;background:#ffffff94;backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);transition:all .2s ease;border:1px solid rgba(255,255,255,.82);box-shadow:inset 0 1px #ffffffe6,0 4px 16px #0000000d}.feature-card:hover{background:#ffffffbf;border-color:#fffffff2;box-shadow:inset 0 1px #fff,0 12px 32px #00000014;transform:translateY(-2px)}.feature-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffffb8;backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border-radius:12px;border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px #fff,0 2px 8px #0000000f;margin-bottom:20px;color:#111827}.feature-title{font-size:18px;font-weight:600;margin-bottom:12px;color:#111827}.feature-desc{font-size:15px;line-height:1.6;color:#6b7280}.section-header{text-align:center;margin-bottom:40px;width:100%}.section-title{font-size:40px;font-weight:800;color:#111827;margin-bottom:16px;letter-spacing:-.02em;text-transform:none}.section-subtitle{font-size:18px;color:#6b7280;max-width:500px;margin:0 auto}.section-subtitle.liquid-glass{display:inline-block;padding:14px 32px;font-size:22px;font-weight:600;background:#ffffff73;backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border-radius:16px;border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 1px #fffc,inset 0 -1px #ffffff4d,0 4px 24px #0000000f}.text-appstore{color:#000;font-weight:700}.text-googleplay{color:#34a853;font-weight:700}.how-it-works-section{padding:100px 24px;background:#fff;max-width:1280px;margin:0 auto}.steps-container{display:flex;align-items:stretch;justify-content:center;gap:24px}.step-card{flex:1;max-width:300px;text-align:center;padding:40px 32px;background:#ffffff94;backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border-radius:24px;border:1px solid rgba(255,255,255,.82);box-shadow:inset 0 1px #ffffffe6,0 4px 16px #0000000d;position:relative;transition:all .3s ease}.step-card:hover{transform:translateY(-4px);background:#ffffffbf;border-color:#fffffff2;box-shadow:inset 0 1px #fff,0 20px 40px -12px #0000001a}.step-number{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:32px;height:32px;background:#111827d1;backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);color:#fff;border-radius:50%;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px #ffffff24,0 4px 12px #00000047;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.step-icon-wrapper{width:72px;height:72px;margin:0 auto 24px;background:#e0e7ff99;backdrop-filter:blur(12px) saturate(1.6);-webkit-backdrop-filter:blur(12px) saturate(1.6);border-radius:20px;border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px #ffffffe6,0 4px 12px #4f46e51f;display:flex;align-items:center;justify-content:center;color:#4f46e5}.step-icon-wrapper.magic{background:#fef3c799;border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px #ffffffe6,0 4px 12px #d977061f;color:#d97706}.step-icon-wrapper.success{background:#d1fae599;border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px #ffffffe6,0 4px 12px #0596691f;color:#059669}.step-title{font-size:20px;font-weight:700;color:#111827;margin-bottom:12px}.step-desc{font-size:15px;line-height:1.6;color:#6b7280}.step-connector{display:flex;align-items:center;color:#d1d5db;padding-top:80px}.hero-video-frame{width:100%;max-width:900px;margin:40px auto 0;background:#111827d1;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border-radius:20px;padding:12px;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #ffffff0a,0 24px 64px #00000038}.hero-video-frame-dots{display:flex;gap:6px;padding:0 4px 10px}.hero-video-frame-dots span{display:block;width:8px;height:8px;border-radius:50%;background:#ffffff2e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #fff3}.hero-video-container{position:relative;width:100%;border-radius:10px;overflow:hidden;aspect-ratio:16 / 9;background:#000}.hero-video-container iframe{position:absolute;inset:0;width:100%;height:100%;border:none}.video-thumbnail{position:absolute;inset:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.video-thumb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.video-thumbnail:hover .video-thumb-img{transform:scale(1.03)}.video-play-overlay{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px}.video-play-btn{width:72px;height:72px;border-radius:50%;background:#ffffff38;backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);display:flex;align-items:center;justify-content:center;color:#fff;border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 1px #ffffff8c,0 8px 32px #0000004d;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.video-thumbnail:hover .video-play-btn{transform:scale(1.1);background:#ffffff4d;box-shadow:inset 0 1px #fff9,0 12px 40px #0006}.video-play-btn svg{width:28px;height:28px;margin-left:4px}.video-play-label{color:#fff;font-size:15px;font-weight:600;letter-spacing:.02em;padding:7px 18px;border-radius:100px;background:#ffffff1f;backdrop-filter:blur(16px) saturate(1.6);-webkit-backdrop-filter:blur(16px) saturate(1.6);border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px #ffffff59,0 4px 16px #00000040;text-shadow:0 1px 4px rgba(0,0,0,.3)}.platform-switcher{display:inline-flex;background:#ffffffa6;backdrop-filter:blur(16px) saturate(1.6);-webkit-backdrop-filter:blur(16px) saturate(1.6);border:1px solid rgba(255,255,255,.85);border-radius:100px;padding:4px;gap:2px;margin-bottom:0;box-shadow:inset 0 1px #ffffffe6,0 4px 16px #00000014}.platform-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:100px;font-size:14px;font-weight:600;cursor:pointer;border:none;background:transparent;color:#6b7280;transition:all .3s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.platform-tab:hover{color:#374151}.platform-tab.active{background:#111827e0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;box-shadow:inset 0 1px #ffffff1f,0 2px 8px #0000002e}.platform-tab.active.android-tab{background:#34a853e0;box-shadow:inset 0 1px #ffffff2e,0 2px 8px #34a85347}.showcase-devices-wrap{position:relative;height:540px;width:100%;max-width:900px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:16px}.showcase-platform-view{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-end;justify-content:center;gap:40px;opacity:0;transform:translateY(20px) scale(.98);transition:opacity .55s ease,transform .55s ease;pointer-events:none}.showcase-platform-view.active{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.showcase-section{padding:60px 24px;background:linear-gradient(180deg,#f9fafb,#fff);width:100%;display:flex;flex-direction:column;align-items:center}.showcase-grid{display:flex;justify-content:center;align-items:flex-end;gap:40px;flex-wrap:wrap;padding-bottom:40px}.showcase-card{display:flex;flex-direction:column;align-items:center;gap:16px;transition:transform .35s ease,opacity .35s ease}.showcase-card.device-secondary{transform:translateY(36px) scale(.88);opacity:.82}.showcase-card.device-primary{transform:translateY(0) scale(1);z-index:1}.showcase-card.device-secondary:hover{transform:translateY(18px) scale(.92);opacity:1}.showcase-card.device-primary:hover{transform:translateY(-6px) scale(1.02)}.showcase-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:100px;font-size:12px;font-weight:600;letter-spacing:.01em}.showcase-badge.ios{background:#000000b8;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px #ffffff1f,0 4px 12px #0003}.showcase-badge.android{background:#34a853b8;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);color:#fff;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px #fff3,0 4px 12px #34a85333}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.showcase-mockup{position:relative;animation:float 4s ease-in-out infinite}.phone-frame{width:180px;height:380px;background:#1a1a1a;border-radius:36px;padding:8px;box-shadow:0 25px 50px -12px #00000040}.phone-frame.android-frame{border-radius:28px}.tablet-frame{width:260px;height:380px;background:#1a1a1a;border-radius:28px;padding:10px;box-shadow:0 25px 50px -12px #00000040}.phone-screen{width:100%;height:100%;border-radius:28px;overflow:hidden;position:relative}.tablet-frame .phone-screen{border-radius:18px}.phone-screen.gradient-1{background:linear-gradient(135deg,#667eea,#764ba2)}.phone-screen.gradient-2{background:linear-gradient(135deg,#f093fb,#f5576c)}.phone-screen.gradient-3{background:linear-gradient(135deg,#4facfe,#00f2fe)}.phone-screen.gradient-4{background:linear-gradient(135deg,#43e97b,#38f9d7)}.mock-app-header{height:48px;background:#ffffff2e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin:12px;border-radius:8px;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px #ffffff59}.mock-app-header.wide{height:32px}.mock-app-content{padding:12px}.mock-circle{width:60px;height:60px;background:#ffffff38;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:50%;border:1px solid rgba(255,255,255,.32);box-shadow:inset 0 1px #fff6;margin:0 auto 16px}.mock-lines{display:flex;flex-direction:column;gap:8px;align-items:center}.mock-line{height:10px;width:80%;background:#fff3;border-radius:5px}.mock-line.short{width:50%}.mock-cards{display:flex;flex-direction:column;gap:12px}.mock-card{height:80px;background:#ffffff2e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px #ffffff59}.mock-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mock-grid-item{height:60px;background:#ffffff2e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:8px;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px #ffffff59}.showcase-label{font-size:14px;font-weight:600;color:#6b7280}.showcase-note{text-align:center;margin-top:48px;font-size:14px;color:#9ca3af}.testimonials-section{padding:100px 24px;background:#fff;max-width:1280px;margin:0 auto}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.testimonial-card{background:#fff;padding:32px;border-radius:20px;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:20px;transition:all .3s ease;position:relative}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -12px #0000001a;border-color:#d1d5db}.testimonial-card.featured{background:linear-gradient(135deg,#111827,#1f2937);border:none;color:#fff}.testimonial-card.featured .testimonial-quote{color:#f3f4f6;font-size:18px}.testimonial-card.featured .testimonial-name{color:#fff}.testimonial-card.featured .testimonial-role{color:#9ca3af}.testimonial-quote-icon{color:#4b5563;opacity:.3}.testimonial-card.featured .testimonial-quote-icon{color:#fff;opacity:.2}.testimonial-stars{display:flex;gap:4px}.testimonial-quote{font-size:16px;line-height:1.7;color:#374151;flex:1}.testimonial-author{display:flex;align-items:center;gap:14px;margin-top:auto}.testimonial-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#fff}.testimonial-info{display:flex;flex-direction:column;gap:2px}.testimonial-name{font-weight:600;font-size:15px;color:#111827}.testimonial-role{font-size:13px;color:#6b7280}.cta-section{padding:100px 24px;background:linear-gradient(135deg,#111827,#1f2937);position:relative;overflow:hidden}.cta-content{max-width:700px;margin:0 auto;text-align:center;position:relative;z-index:1}.cta-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:100px;font-size:14px;font-weight:500;color:#fbbf24;margin-bottom:32px}.cta-title{font-size:44px;font-weight:800;color:#fff;margin-bottom:20px;letter-spacing:-.02em;line-height:1.2}.cta-subtitle{font-size:18px;color:#9ca3af;margin-bottom:40px;line-height:1.6}.cta-button{background:#fff3!important;backdrop-filter:blur(20px) saturate(1.6)!important;-webkit-backdrop-filter:blur(20px) saturate(1.6)!important;color:#fff!important;padding:16px 32px!important;font-size:17px!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:inset 0 1px #fff6,0 8px 24px #0003!important}.cta-button:hover{background:#ffffff4d!important;border-color:#ffffff80!important;box-shadow:inset 0 1px #ffffff80,0 12px 32px #00000040!important;transform:translateY(-2px)}.cta-decoration{position:absolute;inset:0;pointer-events:none}.cta-circle{position:absolute;border-radius:50%;background:linear-gradient(135deg,#6366f14d,#8b5cf64d);filter:blur(60px)}.cta-circle.c1{width:400px;height:400px;top:-200px;left:-100px}.cta-circle.c2{width:300px;height:300px;bottom:-150px;right:-50px;background:linear-gradient(135deg,#ec48994d,#fb923c4d)}.cta-circle.c3{width:200px;height:200px;top:50%;right:20%;background:linear-gradient(135deg,#22d3ee33,#3b82f633)}.landing-footer{border-top:1px solid rgba(255,255,255,.6);background:#ffffff80;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);padding:40px 24px;text-align:center;color:#9ca3af;font-size:14px;display:flex;flex-direction:column;gap:24px;align-items:center}.footer-links{display:flex;gap:24px}.footer-links a{color:#6b7280;font-weight:500;transition:color .2s}.footer-links a:hover{color:#111827}.cli-demo-section{padding:80px 24px 100px;max-width:1100px;margin:0 auto}.cli-demo-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;margin-top:56px}.cli-terminal-card{background:#0d1117;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.07);box-shadow:0 0 0 1px #ffffff08,0 24px 64px #00000047,0 4px 16px #0000002e;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace}.cli-titlebar{display:flex;align-items:center;gap:10px;padding:11px 16px;background:#161b22;border-bottom:1px solid rgba(255,255,255,.06)}.cli-titlebar-dots{display:flex;gap:6px}.ctd{display:block;width:11px;height:11px;border-radius:50%}.ctd-r{background:#ff5f57}.ctd-y{background:#febc2e}.ctd-g{background:#28c840}.cli-titlebar-title{font-size:12px;color:#ffffff4d;font-family:inherit;font-weight:500;margin:0 auto;letter-spacing:.02em}.cli-body{padding:22px 26px 28px;display:flex;flex-direction:column;gap:9px;min-height:210px}.cli-row{display:flex;align-items:center;gap:7px;font-size:13.5px;line-height:1.55;color:#fffc}.cli-row-cmd{margin-bottom:2px}.cli-ps{color:#8b5cf6;font-weight:700;-webkit-user-select:none;user-select:none}.cli-typed{color:#e2e8f0}.cli-ok{color:#4ade80;flex-shrink:0}.cli-up{color:#60a5fa;flex-shrink:0}.cli-muted{color:#ffffff61}.cli-hi{color:#c084fc}.cli-magic{color:#e879f9}.cli-done{color:#4ade80;font-weight:600}.cli-cursor{display:inline-block;width:2px;height:1.1em;background:#8b5cf6;border-radius:1px;vertical-align:text-bottom;animation:blinkCursor 1s step-end infinite;flex-shrink:0}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}.cli-row-prog{gap:10px;padding-left:2px}.cli-prog-track{flex:1;height:5px;background:#ffffff14;border-radius:3px;overflow:hidden}.cli-prog-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#c084fc);border-radius:3px;transition:width .08s linear}.cli-pct{font-size:11.5px;color:#fff6;min-width:30px;text-align:right}.cli-visual-panel{display:flex;justify-content:center;align-items:center;padding:36px 24px;background:#8b5cf60a;border:1px solid rgba(139,92,246,.12);border-radius:20px;min-height:400px}.cli-flow{display:flex;flex-direction:column;align-items:center;gap:0;width:100%}.cli-phones-row{display:flex;gap:10px;justify-content:center;padding-bottom:2px}.cli-mini-phone{width:62px;height:114px;background:#1c1c2e;border-radius:14px;padding:4px;box-shadow:0 8px 28px #00000038}.cli-mini-screen{width:100%;height:100%;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;gap:5px;padding:7px 6px}.cli-mini-bar{height:7px;background:#ffffff47;border-radius:4px}.cli-mini-blob{height:28px;background:#ffffff2e;border-radius:6px}.cli-mini-line{height:5px;width:60%;background:#ffffff26;border-radius:3px}.cli-beam-seg{position:relative;display:flex;justify-content:center;width:2px;height:60px;margin:0}.cli-beam-line{width:2px;height:100%;background:linear-gradient(180deg,#8b5cf6b3,#8b5cf640);border-radius:2px}.cli-particles{position:absolute;inset:0;overflow:hidden}.cli-ptcl{position:absolute;width:5px;height:5px;border-radius:50%;background:#a78bfa;left:50%;transform:translate(-50%);bottom:0;animation:ptclRise 1.3s ease-in-out infinite;box-shadow:0 0 6px #a78bfacc}@keyframes ptclRise{0%{transform:translate(-50%) translateY(0);opacity:0}12%{opacity:1}88%{opacity:1}to{transform:translate(-50%) translateY(-60px);opacity:0}}.cli-hub{width:74px;height:74px;border-radius:20px;background:#fff;border:1px solid rgba(139,92,246,.2);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #8b5cf61f;position:relative;z-index:1;transition:box-shadow .3s ease}.cli-hub-pulse{animation:hubGlow 1.8s ease-in-out infinite}@keyframes hubGlow{0%,to{box-shadow:0 4px 20px #8b5cf61f}50%{box-shadow:0 0 0 10px #8b5cf61a,0 0 0 20px #8b5cf60d,0 4px 20px #8b5cf633}}.cli-hub-logo{width:46px;height:46px;object-fit:contain}.cli-folder-node{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:2px}.cli-folder-box{width:88px;height:72px;border-radius:14px;background:#ffffffe6;border:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;box-shadow:0 4px 16px #00000012,inset 0 1px #fff}.cli-folder-ico{color:#f59e0b}.cli-folder-thumbs{display:flex;gap:3px}.cli-thumb{display:block;width:13px;height:10px;border-radius:2px;opacity:.9}.cli-folder-lbl{font-size:11.5px;font-family:SF Mono,Fira Code,monospace;color:#6b7280;font-weight:500;letter-spacing:-.01em}@media(max-width:768px){.hero-title{font-size:40px}.features-grid,.testimonials-grid{grid-template-columns:1fr}.steps-container{flex-direction:column;align-items:center}.step-connector{transform:rotate(90deg);padding:0;margin:-8px 0}.step-card{max-width:100%;width:100%}.section-title,.cta-title{font-size:32px}.showcase-grid{gap:32px}.tablet-frame{width:200px;height:290px}.stats-row{flex-direction:column;gap:20px;padding:24px 32px}.stat-divider{width:60px;height:1px}.nav-brand span{display:block}.landing-nav{padding:16px 20px}.nav-links{display:none}.cli-demo-grid{grid-template-columns:1fr}.cli-visual-panel{min-height:unset}}.pricing-section{padding:40px 24px 100px;background:#fff;max-width:1280px;margin:0 auto}.pricing-section-header{text-align:center;margin-bottom:40px}.pricing-section-header h2{font-size:40px;font-weight:800;color:#111827;margin-bottom:12px;letter-spacing:-.02em}.pricing-section-header p{font-size:18px;color:#6b7280}.pricing-section-toggle-container{display:flex;justify-content:center;align-items:center;margin-bottom:50px}.pricing-section-toggle{background:#e5e7eb;padding:4px;border-radius:50px;display:flex;position:relative}.pricing-section-toggle-slider{position:absolute;top:4px;bottom:4px;left:4px;width:100px;background:#fff;border-radius:40px;z-index:1;transition:transform .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 2px 8px #0000001a}.pricing-section-toggle.yearly .pricing-section-toggle-slider{transform:translate(100px)}.pricing-section-toggle-option{position:relative;z-index:2;width:100px;padding:10px 0;text-align:center;border-radius:40px;cursor:pointer;font-weight:600;font-size:14px;color:#6b7280;transition:color .3s ease;-webkit-user-select:none;user-select:none}.pricing-section-toggle-option:hover,.pricing-section-toggle-option.active{color:#111827}.pricing-section-save-badge{position:absolute;top:-12px;right:-20px;background:#22c55e;color:#fff;font-size:10px;font-weight:800;padding:2px 6px;border-radius:10px;white-space:nowrap;box-shadow:0 2px 4px #0003;animation:pricing-bounce 2s infinite}.pricing-section-toggle.monthly .pricing-section-save-badge{background:#d1d5db;color:#6b7280;box-shadow:none;animation:none}@keyframes pricing-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-1.5px)}}.pricing-section-cards{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;max-width:1100px;margin:0 auto}.pricing-section-loading,.pricing-section-error,.pricing-section-empty{display:flex;flex-direction:column;align-items:center;gap:12px;color:#6b7280;padding:40px}.pricing-section-error{color:#ef4444}.pricing-section-card{background:#fff;border-radius:20px;padding:32px;width:100%;max-width:320px;display:flex;flex-direction:column;position:relative;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #e5e7eb;box-shadow:0 4px 6px -1px #0000000d}.pricing-section-card:hover{box-shadow:0 20px 40px #0000001a;transform:translateY(-4px)}.pricing-section-card.featured{border:2px solid #ff5a1f;transform:scale(1.05);z-index:2}.pricing-section-card.featured:hover{transform:scale(1.05) translateY(-4px)}.pricing-section-card.premium{background:linear-gradient(to bottom,#fffcf2,#fff4d6);border:2px solid #ffd700}.pricing-section-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:#ff5a1f;color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.pricing-section-badge.premium{background:linear-gradient(135deg,gold,#fa0);box-shadow:0 4px 10px #ffaa004d}.pricing-section-plan-name{font-size:24px;font-weight:700;color:#111827;margin-bottom:8px}.pricing-section-plan-price{display:flex;align-items:baseline;margin-bottom:24px}.pricing-section-price-amount{font-size:48px;font-weight:800;color:#111827}.pricing-section-price-split{display:inline-flex;align-items:baseline}.pricing-section-price-currency,.pricing-section-price-dollars{font-size:1em;font-weight:800}.pricing-section-price-cents{font-size:.38em;font-weight:700;vertical-align:super;margin-left:1px;opacity:.6}.pricing-section-price-period{font-size:16px;color:#6b7280;margin-left:6px}.pricing-section-buy-button{background:#111827;color:#fff;border:none;width:100%;padding:16px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease;margin-bottom:32px}.pricing-section-buy-button:hover{background:#000;transform:translateY(-2px)}.pricing-section-card.featured .pricing-section-buy-button{background:#ff5a1f}.pricing-section-card.featured .pricing-section-buy-button:hover{background:#e04815}.pricing-section-card.premium .pricing-section-buy-button{background:linear-gradient(135deg,gold,#fa0);color:#000;box-shadow:0 4px 15px #fa03}.pricing-section-card.premium .pricing-section-buy-button:hover{background:linear-gradient(135deg,#ffe033,#ffb733)}.pricing-section-features{list-style:none;padding:0;margin:0;text-align:left}.pricing-section-feature-item{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:#4b5563;font-size:14px;line-height:1.4}.pricing-section-check{color:#ff5a1f;flex-shrink:0}.pricing-section-card.starter .pricing-section-check{color:#111827}.pricing-section-card.premium .pricing-section-check{color:#f59e0b}.pricing-section-feature-item.highlight{background-color:#f9fafbcc;border:1px solid #e5e7eb;padding:8px 12px;border-radius:12px;margin-left:-12px;margin-right:-12px;width:calc(100% + 24px)}.pricing-section-text-starter{color:#111827;font-weight:700}.pricing-section-text-growth{color:#ff5a1f;font-weight:700}@media(max-width:1024px){.pricing-section-card.featured{transform:scale(1)}.pricing-section-card.featured:hover{transform:translateY(-4px)}}@media(max-width:768px){.pricing-section{padding:60px 20px}.pricing-section-header h2{font-size:32px}.pricing-section-cards{flex-direction:column;align-items:center}.pricing-section-card{max-width:100%}}.faq-section{padding:60px 24px 100px;background:#fff;max-width:100%}.faq-title{font-size:40px;font-weight:800;color:#111827;text-align:center;margin-bottom:60px;letter-spacing:-.02em}.faq-content{max-width:800px;margin:0 auto}.faq-category{margin-bottom:40px}.faq-category:last-child{margin-bottom:0}.faq-category-title{font-size:20px;font-weight:700;color:#111827;margin-bottom:16px}.faq-list{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid #e5e5e5}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 0;background:none;border:none;cursor:pointer;text-align:left;font-size:16px;font-weight:500;color:#111827;transition:color .2s}.faq-question:hover{color:#4b5563}.faq-icon{flex-shrink:0;color:#6b7280;transition:transform .3s ease}.faq-icon.rotated{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-item.open .faq-answer{max-height:500px;padding-bottom:20px}.faq-answer p{font-size:15px;line-height:1.7;color:#4b5563;margin:0}@media(max-width:768px){.faq-section{padding:40px 20px 60px}.faq-title{font-size:32px;margin-bottom:40px}.faq-category-title{font-size:18px}.faq-question{font-size:15px;padding:16px 0}.faq-answer p{font-size:14px}}.settings-modal-overlay{position:fixed;inset:0;background-color:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s cubic-bezier(.4,0,.2,1)}.settings-modal-content{width:100%;max-width:540px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;padding:0;box-shadow:0 20px 40px #0006;position:relative;animation:scaleIn .25s cubic-bezier(.34,1.56,.64,1)}.settings-modal-scroll{padding:32px;overflow-y:auto;flex:1}.settings-close-btn{position:absolute;top:24px;right:24px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.settings-close-btn:hover{background:#ffffff0d;color:var(--text-primary)}.settings-header{margin-bottom:32px}.settings-title{font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.settings-description{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-top:8px}.form-group{margin-bottom:24px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.form-input{width:100%;padding:12px 16px;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-primary);font-size:14px;transition:all .2s ease;font-family:var(--font-family)}.form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow)}.file-upload-area{border:2px dashed var(--border-subtle);background:#ffffff03;border-radius:12px;padding:40px;text-align:center;transition:all .2s ease;cursor:pointer}.file-upload-area:hover{background:#ffffff08;border-color:var(--accent-primary)}.upload-icon{color:var(--text-secondary);margin-bottom:16px}.upload-text{font-size:15px;color:var(--text-primary);margin-bottom:6px;font-weight:500}.upload-hint{font-size:13px;color:var(--text-tertiary)}.file-input{display:none}.file-preview{margin-top:16px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:10px;padding:16px;display:flex;align-items:center;gap:12px}.file-preview-icon{color:var(--color-success)}.file-preview-name{font-size:14px;color:var(--text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.remove-file-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;transition:all .2s}.remove-file-btn:hover{background:#ef44441a;color:var(--color-danger)}.message-box{padding:14px 18px;border-radius:10px;margin-bottom:24px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500}.message-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:var(--color-success)}.message-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--color-danger)}.form-actions{display:flex;justify-content:flex-end;margin-top:40px;padding-top:24px;border-top:1px solid var(--border-subtle);gap:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.app-selection-container{background-color:var(--bg-subtle);border-radius:16px;padding:24px;border:1px solid var(--border-subtle);transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.app-selection-container.expanded{background-color:var(--bg-card);border-color:var(--border-highlight);box-shadow:0 4px 20px #0000000d}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:20px;animation:fadeIn .4s ease-out forwards}.app-card{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid var(--border-subtle);border-radius:12px;cursor:pointer;transition:all .2s ease}.app-card:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.loading-dots{display:flex;gap:4px;align-items:center}.loading-dot{width:4px;height:4px;border-radius:50%;background-color:var(--text-secondary);animation:pulse 1s infinite ease-in-out}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.confirmation-modal-content{width:100%;max-width:400px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;box-shadow:0 20px 40px #0006;position:relative;display:flex;flex-direction:column;gap:16px;animation:scaleIn .2s cubic-bezier(.34,1.56,.64,1)}.confirmation-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.confirmation-desc{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0}.confirmation-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.pricing-modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.pricing-modal-overlay.open{opacity:1;visibility:visible}.pricing-modal-content{background:transparent;width:90%;max-width:1200px;position:relative;transform:scale(.9) translateY(20px);transition:transform .4s cubic-bezier(.175,.885,.32,1.27);padding:20px}.pricing-modal-overlay.open .pricing-modal-content{transform:scale(1) translateY(0)}.pricing-header{text-align:center;margin-bottom:40px;color:#fff}.pricing-header h2{font-size:36px;font-weight:700;margin-bottom:10px}.pricing-header p{font-size:18px;opacity:.8}.pricing-toggle-container{display:flex;justify-content:center;align-items:center;margin-bottom:50px}.pricing-toggle{background:#ffffff26;padding:4px;border-radius:50px;display:flex;position:relative}.toggle-slider{position:absolute;top:4px;bottom:4px;left:4px;width:100px;background:#fff;border-radius:40px;z-index:1;transition:transform .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 2px 8px #00000026}.pricing-toggle.yearly .toggle-slider{transform:translate(100px)}.toggle-option{position:relative;z-index:2;width:100px;padding:10px 0;text-align:center;border-radius:40px;cursor:pointer;font-weight:600;font-size:14px;color:#ffffffb3;transition:color .3s ease;-webkit-user-select:none;user-select:none}.toggle-option:hover{color:#fff}.toggle-option.active{color:#1a1a1a}.save-badge{position:absolute;top:-12px;right:-20px;background:#22c55e;color:#fff;font-size:10px;font-weight:800;padding:2px 6px;border-radius:10px;white-space:nowrap;box-shadow:0 2px 4px #0003;animation:bounce 2s infinite;transition:all .3s ease}.pricing-toggle.monthly .save-badge{background:#fff3;color:#fff9;box-shadow:none;animation:none}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-1.5px)}}.pricing-cards-container{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.pricing-card{background:#fff;border-radius:20px;padding:32px;width:100%;max-width:320px;display:flex;flex-direction:column;position:relative;transition:transform .3s ease,box-shadow .3s ease;border:1px solid transparent}.pricing-card:hover{box-shadow:0 20px 40px #0003}.pricing-card.featured{border:2px solid #ff5a1f;transform:scale(1.05);z-index:2}.pricing-card.featured:hover{transform:scale(1.05)}.popular-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:#ff5a1f;color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.plan-name{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.plan-price{display:flex;align-items:baseline;margin-bottom:24px}.price-amount{font-size:48px;font-weight:800;color:#1a1a1a}.modal-price-split{display:inline-flex;align-items:baseline}.modal-price-currency,.modal-price-dollars{font-size:1em;font-weight:800;color:#1a1a1a}.modal-price-cents{font-size:.38em;font-weight:700;color:#1a1a1a;vertical-align:super;margin-left:1px;opacity:.6}.price-period{font-size:16px;color:#666;margin-left:6px}.buy-button{background:#1a1a1a;color:#fff;border:none;width:100%;padding:16px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease;margin-bottom:32px}.buy-button:hover{background:#333;transform:translateY(-2px)}.pricing-card.featured .buy-button{background:#ff5a1f}.pricing-card.featured .buy-button:hover{background:#e04815}.pricing-card.premium{background:linear-gradient(to bottom,#fffcf2,#fff4d6);border:2px solid #ffd700}.pricing-card.premium .popular-badge{background:linear-gradient(135deg,gold,#fa0);box-shadow:0 4px 10px #ffaa004d}.pricing-card.premium .buy-button{background:linear-gradient(135deg,gold,#fa0);color:#000;box-shadow:0 4px 15px #fa03}.pricing-card.premium .buy-button:hover{background:linear-gradient(135deg,#ffe033,#ffb733);transform:translateY(-2px)}.features-list{list-style:none;padding:0;margin:0;text-align:left}.feature-item{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:#4a4a4a;font-size:14px;line-height:1.4}.check-icon{color:#ff5a1f;flex-shrink:0}.pricing-card.starter .check-icon{color:#1a1a1a}.pricing-card.premium .check-icon{color:#ffc107}.text-starter{color:#1a1a1a;font-weight:700}.text-growth{color:#ff5a1f;font-weight:700}.feature-item.highlight-box{background-color:#fff9;border:1px solid rgba(0,0,0,.08);padding:8px 12px;border-radius:12px;margin-left:-12px;margin-right:-12px;width:calc(100% + 24px)}.editor-layout{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:var(--bg-app);overflow:hidden}.editor-header{height:64px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background-color:#fff;z-index:10}.editor-back-btn{background:transparent;border:none;color:var(--text-secondary);display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.editor-back-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.editor-sidebar{width:260px;background-color:var(--bg-subtle);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:24px 16px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;background:transparent;border:none;width:100%;text-align:left}.sidebar-nav-item:hover{background:#00000008;color:var(--text-primary)}.sidebar-nav-item.active{background:#fff;color:var(--text-primary);box-shadow:0 2px 8px #0000000d;font-weight:600}.editor-main{flex:1;overflow-y:auto;padding:32px 40px;background-color:#fafafa}.editor-container{max-width:900px;margin:0 auto}.upload-zone{border:2px dashed var(--border-subtle);border-radius:16px;padding:40px;text-align:center;cursor:pointer;transition:all .2s ease;background:#fff;display:flex;flex-direction:column;align-items:center;gap:12px}.upload-zone:hover{border-color:var(--text-tertiary);background:var(--bg-subtle)}.upload-zone.active{border-color:var(--accent-primary);background:#18181b05}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;margin-top:16px}.preview-card{position:relative;aspect-ratio:9/19.5;border-radius:20px;overflow:hidden;border:1px solid var(--border-subtle);box-shadow:0 2px 8px #0000000d;background:#fff;transition:transform .2s ease}.preview-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.preview-card img{width:100%;height:100%;object-fit:cover}.remove-btn{position:absolute;top:6px;right:6px;background:#0009;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;opacity:0;transition:all .2s ease}.preview-card:hover .remove-btn{opacity:1}.remove-btn:hover{background:var(--color-danger);transform:scale(1.1)}.section-label{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px;display:block}.helper-text{font-size:13px;color:var(--text-secondary);line-height:1.5}.description-textarea{width:100%;padding:16px;border-radius:12px;border:1px solid var(--border-subtle);background:#fff;color:var(--text-primary);font-family:inherit;font-size:14px;min-height:100px;resize:vertical;transition:all .2s ease;box-shadow:0 2px 4px #00000005}.description-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.app-store-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin}.app-store-scroll::-webkit-scrollbar{height:6px}.app-store-scroll::-webkit-scrollbar-thumb{background-color:var(--border-subtle);border-radius:3px}.generated-card{border-radius:12px;overflow:hidden;border:1px solid var(--border-subtle);background:#fff;box-shadow:0 4px 12px #0000000d}.device-selector-container{background:var(--bg-subtle);border-radius:16px;padding:24px;border:1px solid var(--border-subtle);animation:fadeIn .3s ease;margin-top:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.device-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:24px}.device-selector-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;background:#fff;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 4px #00000005}.device-selector-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000000f}.device-selector-card.active{border-color:var(--text-primary);background-color:#f4f4f5}.device-selector-check{position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;background:var(--text-primary);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all .2s ease}.device-selector-card.active .device-selector-check{opacity:1;transform:scale(1)}.device-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--bg-subtle);color:var(--text-tertiary);transition:all .2s ease}.device-selector-card.active .device-icon-wrapper{background:var(--text-primary);color:#fff}.device-label{font-size:14px;font-weight:500;color:var(--text-primary);text-align:center}.device-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid var(--border-subtle)}.fade-in{animation:fadeIn .3s ease}.terms-page{height:100vh;overflow-y:auto;background-color:var(--bg-subtle);display:flex;flex-direction:column}.terms-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:100}.terms-nav .nav-brand{display:flex;align-items:center;gap:12px;font-weight:700;color:var(--text-primary);font-size:18px;transition:opacity .2s}.terms-nav .nav-brand:hover{opacity:.8}.terms-nav .back-link{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px;font-weight:500;transition:color .2s}.terms-nav .back-link:hover{color:var(--text-primary)}.terms-container{max-width:800px;width:100%;margin:60px auto;padding:0 24px}.terms-header{text-align:center;margin-bottom:48px}.terms-header .icon-wrapper{width:64px;height:64px;background:var(--bg-card);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:var(--text-primary);box-shadow:0 8px 24px #0000000d}.terms-header h1{font-size:42px;font-weight:800;color:var(--text-primary);margin-bottom:12px;letter-spacing:-.02em}.last-updated{color:var(--text-secondary);font-size:14px}.terms-content{padding:48px;background:#fff;border-radius:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.terms-content section{margin-bottom:40px}.terms-content section:last-child{margin-bottom:0}.terms-content h2{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.01em}.terms-content p{color:var(--text-secondary);line-height:1.7;font-size:16px;margin-bottom:16px}.terms-content p:last-child{margin-bottom:0}.terms-content strong{color:var(--text-primary);font-weight:600}@media(max-width:768px){.terms-nav{padding:16px 20px}.terms-content{padding:24px}.terms-header h1{font-size:32px}}.legal-page{height:100vh;overflow-y:auto;background-color:var(--bg-subtle);display:flex;flex-direction:column}.legal-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}.legal-nav .nav-brand{display:flex;align-items:center;gap:12px;font-weight:700;color:var(--text-primary);font-size:18px;transition:opacity .2s}.legal-nav .nav-brand:hover{opacity:.8}.legal-nav .back-link{color:var(--text-secondary);font-size:14px;font-weight:500;transition:color .2s}.legal-nav .back-link:hover{color:var(--text-primary)}.legal-container{max-width:1000px;width:100%;margin:0 auto;padding:80px 24px;flex:1}.legal-header{text-align:center;margin-bottom:80px;max-width:600px;margin-left:auto;margin-right:auto}.legal-header h1{font-size:48px;font-weight:800;color:var(--text-primary);margin-bottom:24px;letter-spacing:-.02em}.legal-header p{font-size:18px;line-height:1.6;color:var(--text-secondary)}.legal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-bottom:80px}.legal-card{background:#fff;border-radius:24px;padding:32px;border:1px solid var(--border-subtle);transition:all .3s ease;display:flex;flex-direction:column;gap:24px;position:relative;overflow:hidden}.legal-card:not(.disabled):hover{transform:translateY(-4px);box-shadow:0 20px 40px -4px #00000014;border-color:var(--border-highlight)}.legal-card.disabled{opacity:.7;cursor:default;background:var(--bg-card)}.card-icon{width:56px;height:56px;background:var(--bg-card);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:background .3s ease}.legal-card:hover .card-icon{background:var(--text-primary);color:#fff}.legal-card.disabled:hover .card-icon{background:var(--bg-card);color:var(--text-primary)}.card-content h3{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.card-content p{color:var(--text-secondary);line-height:1.5;margin-bottom:24px}.card-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--text-primary)}.legal-footer-info{text-align:center;color:var(--text-secondary);font-size:14px;border-top:1px solid var(--border-subtle);padding-top:40px}.legal-footer-info a{color:var(--text-primary);font-weight:500;text-decoration:underline;text-underline-offset:2px}@media(max-width:768px){.legal-header h1{font-size:36px}.legal-container{padding:40px 24px}}.contact-page{height:100vh;overflow-y:auto;background-color:var(--bg-subtle);display:flex;flex-direction:column}.contact-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:100}.contact-nav .nav-brand{display:flex;align-items:center;gap:12px;font-weight:700;color:var(--text-primary);font-size:18px;transition:opacity .2s}.contact-nav .nav-brand:hover{opacity:.8}.contact-nav .back-link{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px;font-weight:500;transition:color .2s}.contact-nav .back-link:hover{color:var(--text-primary)}.contact-container{max-width:800px;width:100%;margin:0 auto;padding:80px 24px;flex:1;display:flex;flex-direction:column;align-items:center}.contact-header{text-align:center;margin-bottom:60px;max-width:600px}.contact-header .icon-wrapper{width:64px;height:64px;background:var(--bg-card);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:var(--text-primary);box-shadow:0 8px 24px #0000000d}.contact-header h1{font-size:42px;font-weight:800;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.02em}.contact-header p{font-size:18px;line-height:1.6;color:var(--text-secondary)}.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;width:100%}.contact-card{background:#fff;border-radius:24px;padding:40px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .2s ease;text-decoration:none}.contact-card.primary{box-shadow:0 20px 40px -4px #00000014;border-color:var(--border-highlight)}.contact-card:hover{transform:translateY(-2px);background:var(--bg-card);border-color:var(--border-highlight)}.contact-card .card-icon{width:56px;height:56px;background:var(--bg-subtle);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);margin-bottom:24px}.contact-card h3{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.contact-card p{color:var(--text-secondary);line-height:1.5;margin-bottom:24px;font-size:15px}.contact-link{font-size:18px;font-weight:600;color:var(--accent-primary);text-decoration:none;border-bottom:2px solid transparent;transition:all .2s ease}.contact-link:hover{border-bottom-color:var(--accent-primary)}.contact-card.secondary .contact-link{color:var(--text-primary)}@media(max-width:768px){.contact-nav{padding:16px 20px}.contact-container{padding:40px 24px}.contact-header h1{font-size:32px}}