@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css");*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#000000;--bg-secondary:#0a0a0a;--bg-tertiary:#141414;--bg-card:#1a1a1a;--border-color:#2a2a2a;--text-primary:#ffffff;--text-secondary:#a0a0a0;--text-tertiary:#707070;--accent-primary:#ffffff;--accent-hover:#f0f0f0;--error-bg:#2a1a1a;--error-border:#4a2a2a;--error-text:#ff6b6b;--success-bg:#1a2a1a;--success-border:#2a4a2a;--scrollbar-track:var(--bg-tertiary);--scrollbar-thumb:var(--border-color);--scrollbar-thumb-hover:var(--text-tertiary)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:1px solid var(--scrollbar-track)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.navbar{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);position:-webkit-sticky;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-container{max-width:1200px;margin:0 auto;padding:16px 24px;justify-content:space-between;box-sizing:border-box;width:100%}.nav-container,.nav-logo{display:flex;align-items:center}.nav-logo{gap:12px;cursor:pointer}.nav-links{display:flex;gap:32px;align-items:center}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:15px;font-weight:500;transition:color .2s;position:relative}.nav-link.active,.nav-link:hover{color:var(--text-primary)}.nav-link.active:after{content:"";position:absolute;bottom:-20px;left:0;right:0;height:2px;background:var(--text-primary)}.nav-user{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:13px;font-weight:500;line-height:1;border:1px solid var(--border-color)}.nav-user-button{cursor:pointer;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.nav-user-button:hover{color:var(--text-primary);border-color:rgba(255,255,255,.2)}.auth-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:2000}.auth-modal.open{display:flex}.auth-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-modal-content{position:relative;z-index:1;width:min(420px,90vw);background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.4);color:var(--text-primary)}.auth-modal-title{font-size:18px;margin-bottom:10px}.auth-modal-message{font-size:14px;color:var(--text-secondary);margin-bottom:20px}.auth-modal-actions{display:flex;justify-content:flex-end}.auth-modal-button{padding:10px 18px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer}.auth-modal-button:hover{background:var(--bg-secondary)}.logo-box{width:32px;height:32px;background:linear-gradient(135deg,#ffffff,#a0a0a0);border-radius:8px;position:relative}.logo-box:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:var(--bg-primary);border-radius:3px}.logo-icon{width:32px;height:32px;display:block}.logo-text{font-size:18px;font-weight:600;letter-spacing:-.5px}.main-content{padding:10px 12px;display:flex;flex-direction:column;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.main-content.builder-main{padding:0;height:calc(100vh - 70px);overflow:hidden}.container{max-width:1000px;margin:0 auto;width:100%;flex:1 1;display:flex;flex-direction:column;transition:max-width .5s cubic-bezier(.4,0,.2,1);box-sizing:border-box;overflow-x:hidden}.container.has-preview{max-width:1400px}.content-wrapper{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px;align-items:start}.content-wrapper.has-mobile-preview{grid-template-columns:1fr 1fr}@media (max-width:1200px){.content-wrapper.has-mobile-preview{grid-template-columns:1fr}}.hero-section{margin-bottom:60px;padding:10px 0;animation:fadeInDown .6s ease-out;position:relative;display:flex;flex-direction:column;min-height:calc(100vh - 80px);justify-content:center}.hero-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;align-items:center;margin-bottom:0}@media (max-width:768px){.hero-section{min-height:auto;padding:60px 0 40px;margin-bottom:40px}.hero-content{gap:32px}.hero-title{font-size:32px;gap:0}.hero-subtitle{font-size:15px;margin-bottom:24px}.hero-cta{width:100%;justify-content:center;margin-top:24px;padding:12px 24px;margin-left:0}.hero-visual{margin-bottom:0}.mobile-frame{width:260px;height:520px;border-radius:36px}.mobile-screen{border-radius:32px}.mobile-notch{width:120px;height:20px}.stat-number{font-size:20px}.stat-label{font-size:11px}.stat-divider{height:32px}}@media (max-width:968px){.hero-content{grid-template-columns:1fr;gap:40px}.hero-visual{order:-1;margin-bottom:20px}.visual-card{max-width:280px}}.hero-text{text-align:left}.hero-visual{display:flex;justify-content:center;align-items:center;animation:fadeInRight .8s ease-out .3s both;position:relative}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.hero-title{font-size:42px;font-weight:800;line-height:1.1;margin-bottom:12px;letter-spacing:-1.5px;display:flex;flex-direction:column;gap:2px}.title-line{display:block;background:linear-gradient(135deg,#ffffff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInDown .8s cubic-bezier(.4,0,.2,1) both}.title-line:first-child{animation-delay:.1s}.title-line:nth-child(2){animation-delay:.2s}.title-line:nth-child(3){animation-delay:.3s}.title-line.highlight{background:linear-gradient(135deg,#ffffff,#ffffff 50%,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.hero-subtitle{font-size:16px;color:var(--text-secondary);max-width:100%;margin-bottom:16px;line-height:1.6;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .4s both}.hero-features-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;margin-bottom:16px;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .6s both}.hero-feature-item{display:flex;align-items:center;gap:8px;padding:10px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;font-size:13px;color:var(--text-secondary);transition:all .2s}.hero-feature-item:hover{border-color:var(--text-primary);color:var(--text-primary)}.hero-feature-item svg{flex-shrink:0;color:var(--text-primary)}.hero-cta{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:linear-gradient(90deg,#ffffff,#9ca3af,#ffffff,#9ca3af,#ffffff);background-size:200% auto;color:var(--text-primary);border:none;border-radius:100px;font-size:16px;font-weight:500;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;margin-top:32px;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .7s both;text-decoration:none;position:relative;overflow:visible;letter-spacing:.1px;box-shadow:0 0 12px rgba(255,255,255,.15),0 0 25px rgba(156,163,175,.1);animation:ai-gradient-shine 3s linear infinite,fadeInUp .8s cubic-bezier(.4,0,.2,1) .7s both;z-index:0;margin-left:14px}.hero-cta:before{top:-4px;right:-4px;bottom:-4px;left:-4px;background:inherit;background-size:inherit;filter:blur(10px);opacity:.5;animation:ai-gradient-shine 3s linear infinite;z-index:-2}.hero-cta:after,.hero-cta:before{content:"";position:absolute;border-radius:100px}.hero-cta:after{inset:2px;background:#000;transition:background .3s ease;z-index:-1}.hero-cta>*{position:relative;z-index:2}.hero-cta:hover{color:var(--text-primary);transform:translateY(-1px);box-shadow:0 4px 16px rgba(255,255,255,.1)}.hero-cta:hover:after{background:#111}.hero-cta:active{transform:translateY(0);transition:all .2s ease}.hero-cta svg{transition:transform .4s cubic-bezier(.25,.46,.45,.94);width:18px;height:18px}.hero-cta:hover svg{transform:translateX(3px)}.hero-stats{display:flex;align-items:center;gap:20px;margin-top:12px;padding-top:16px;padding-bottom:0;border-top:1px solid var(--border-color);animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .5s both;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-number{font-size:24px;font-weight:700;color:var(--text-primary);line-height:1;background:linear-gradient(135deg,#ffffff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.stat-divider{width:1px;height:40px;background:var(--border-color)}.visual-card{width:100%;max-width:320px;animation:cardEntrance .8s cubic-bezier(.4,0,.2,1) .4s both,float 4s ease-in-out 1.2s infinite;position:relative;filter:drop-shadow(0 0 40px rgba(255,255,255,.1))}.visual-card:before{content:"";position:absolute;inset:-8px;border-radius:52px;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.05),transparent);opacity:0;animation:glow 3s ease-in-out infinite;z-index:-1;filter:blur(20px)}@keyframes cardEntrance{0%{opacity:0;transform:translateX(50px) scale(.9) rotateY(-10deg)}to{opacity:1;transform:translateX(0) scale(1) rotateY(0)}}@keyframes glow{0%,to{opacity:0}50%{opacity:.3}}.mobile-frame{width:320px;height:640px;background:linear-gradient(135deg,#1a1a1a,#0a0a0a 50%,#1a1a1a);border-radius:48px;padding:6px;box-shadow:0 0 0 2px rgba(255,255,255,.15),0 0 0 4px rgba(255,255,255,.05),0 25px 80px rgba(0,0,0,.9),inset 0 0 0 1px rgba(255,255,255,.1),inset 0 2px 4px rgba(255,255,255,.05);position:relative;margin:0 auto;animation:frameGlow 4s ease-in-out infinite;border:1px solid rgba(255,255,255,.1)}.mobile-frame:before{content:"";position:absolute;inset:-12px;border-radius:60px;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.15) 0,transparent 70%);opacity:0;animation:frameShine 5s ease-in-out infinite;z-index:-1;filter:blur(30px)}.mobile-frame:after{content:"";position:absolute;top:24px;left:50%;transform:translateX(-50%);width:80px;height:5px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);border-radius:3px;box-shadow:0 0 12px rgba(255,255,255,.2);animation:speakerPulse 3s ease-in-out infinite}@keyframes frameGlow{0%,to{box-shadow:0 0 0 2px rgba(255,255,255,.15),0 0 0 4px rgba(255,255,255,.05),0 25px 80px rgba(0,0,0,.9),inset 0 0 0 1px rgba(255,255,255,.1),inset 0 2px 4px rgba(255,255,255,.05)}50%{box-shadow:0 0 0 2px rgba(255,255,255,.25),0 0 0 4px rgba(255,255,255,.1),0 30px 100px rgba(0,0,0,1),inset 0 0 0 1px rgba(255,255,255,.15),inset 0 2px 4px rgba(255,255,255,.08)}}@keyframes frameShine{0%,to{opacity:0;transform:translateY(-10px)}50%{opacity:.4;transform:translateY(0)}}@keyframes speakerPulse{0%,to{opacity:.3;transform:translateX(-50%) scale(1)}50%{opacity:.6;transform:translateX(-50%) scale(1.05)}}.mobile-screen{width:100%;height:100%;background:var(--bg-secondary);border-radius:42px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 20px rgba(0,0,0,.3)}.mobile-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:150px;height:25px;background:linear-gradient(180deg,#000,#0a0a0a);border-radius:0 0 20px 20px;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.5)}.mobile-content{padding:50px 16px 20px;height:100%;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden;overflow-y:auto}.mobile-content:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);animation:scan 3s ease-in-out infinite}@keyframes scan{0%{left:-100%}50%,to{left:100%}}.paywall-preview-mobile{background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-tertiary) 100%);border-radius:16px;padding:20px 16px;border-left:1px solid var(--border-color);border:1px solid var(--border-color);border-left:3px solid rgba(255,255,255,.4);animation:fadeInUp .6s ease-out .8s both;box-shadow:0 4px 12px rgba(0,0,0,.2);position:relative}.paywall-preview-mobile:before{content:"Paywall";position:absolute;top:8px;right:12px;font-size:9px;color:rgba(255,255,255,.4);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.paywall-header{gap:12px;margin-bottom:20px;animation:fadeIn .5s ease-out 1s both}.paywall-header,.paywall-icon{display:flex;align-items:center}.paywall-icon{width:40px;height:40px;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.1));border-radius:10px;border:1px solid rgba(255,255,255,.1);animation:iconPulse 2s ease-in-out infinite;justify-content:center;color:rgba(255,255,255,.8);flex-shrink:0}.paywall-icon svg{width:24px;height:24px}.paywall-title-line{flex:1 1;font-size:14px;font-weight:600;color:rgba(255,255,255,.9);line-height:1.4}.paywall-features{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.feature-row{display:flex;align-items:center;gap:10px;animation:fadeInLeft .5s ease-out both}.feature-row:first-child{animation-delay:1.2s}.feature-row:nth-child(2){animation-delay:1.4s}.feature-row:nth-child(3){animation-delay:1.6s}.feature-dot{width:6px;height:6px;background:rgba(255,255,255,.6);border-radius:50%;flex-shrink:0;animation:dotPulse 2s ease-in-out infinite}.feature-text{font-size:12px;color:rgba(255,255,255,.7);line-height:1.5;flex:1 1}.paywall-price{display:flex;align-items:baseline;gap:6px;margin-bottom:16px;animation:fadeIn .5s ease-out 1.8s both}.price-amount{font-size:24px;font-weight:700;color:rgba(255,255,255,.95);line-height:1.2}.price-period{font-size:12px;color:rgba(255,255,255,.6);line-height:1.2}.paywall-button{height:44px;background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.15));border-radius:12px;border:1px solid rgba(255,255,255,.2);animation:buttonPulse 2s ease-in-out infinite,fadeIn .5s ease-out 2s both;box-shadow:0 4px 12px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:rgba(255,255,255,.95);cursor:pointer}@keyframes iconPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes dotPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes priceGlow{0%,to{opacity:.8;box-shadow:0 0 0 rgba(255,255,255,0)}50%{opacity:1;box-shadow:0 0 8px rgba(255,255,255,.2)}}@keyframes buttonPulse{0%,to{transform:scale(1);box-shadow:0 4px 12px rgba(0,0,0,.2)}50%{transform:scale(1.02);box-shadow:0 6px 16px rgba(0,0,0,.3)}}.arrow-transition{display:flex;justify-content:center;align-items:center;color:var(--text-primary);animation:arrowPulse 2s ease-in-out infinite;margin:10px 0}@keyframes arrowPulse{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(3px)}}.code-preview-mobile{background:var(--bg-card);border-radius:12px;padding:12px;border:1px solid var(--border-color);animation:fadeInUp .6s ease-out 2.4s both;box-shadow:0 2px 8px rgba(0,0,0,.2)}.code-header{display:flex;gap:6px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.code-dot{width:8px;height:8px;border-radius:50%;background:var(--bg-tertiary);animation:pulse 2s ease-in-out infinite}.code-dot:first-child{background:#ff5f57;animation-delay:0s}.code-dot:nth-child(2){background:#ffbd2e;animation-delay:.2s}.code-dot:nth-child(3){background:#28ca42;animation-delay:.4s}.code-lines{display:flex;flex-direction:column;gap:8px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:10px;line-height:1.4}.code-line{display:flex;align-items:center;gap:2px;animation:codeLineAppear .4s ease-out both;min-height:12px}.code-line:first-child{animation-delay:2.6s}.code-line:nth-child(2){animation-delay:2.8s}.code-line:nth-child(3){animation-delay:3s}.code-line:nth-child(4){animation-delay:3.2s}.code-line.highlight{background:rgba(255,255,255,.05);padding:2px 4px;border-radius:4px;margin:0 -4px;animation:codeLineAppear .4s ease-out both,codeHighlight 2s ease-in-out infinite}.code-tag{color:rgba(255,255,255,.7)}.code-attr{color:rgba(255,255,255,.5)}.code-value{color:rgba(255,255,255,.6)}.code-text{color:rgba(255,255,255,.8)}.code-indent{display:inline-block;width:8px}@keyframes codeLineAppear{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes codeHighlight{0%,to{background:rgba(255,255,255,.05);box-shadow:0 0 0 rgba(255,255,255,0)}50%{background:rgba(255,255,255,.1);box-shadow:0 0 8px rgba(255,255,255,.1)}}.hero-scroll-indicator{margin:4px auto 0;cursor:pointer;animation:fadeIn .8s ease-out .7s both}.hero-scroll-indicator,.scroll-arrow{display:flex;justify-content:center;align-items:center}.scroll-arrow{color:var(--text-secondary);transition:all .3s cubic-bezier(.4,0,.2,1);animation:scrollBounce 2s ease-in-out 1.5s infinite;background:transparent;padding:8px}.scroll-arrow:hover{color:var(--text-primary);transform:translateY(4px)}.scroll-arrow svg{transition:transform .3s ease}.scroll-arrow:hover svg{transform:translateY(2px)}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.hero-features{justify-content:center;gap:24px;flex-wrap:wrap;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.feature-item,.hero-features{display:flex;position:relative}.feature-item{align-items:center;gap:10px;color:var(--text-secondary);font-size:14px;padding:10px 18px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;transition:all .4s cubic-bezier(.4,0,.2,1);animation:fadeInUp .6s ease-out both;overflow:hidden}.feature-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));opacity:0;transition:opacity .3s ease}.feature-item:first-child{animation-delay:.4s}.feature-item:nth-child(2){animation-delay:.5s}.feature-item:nth-child(3){animation-delay:.6s}.feature-item:hover{color:var(--text-primary);border-color:var(--accent-primary);transform:translateY(-3px) scale(1.02);box-shadow:0 6px 20px rgba(0,0,0,.3)}.feature-item:hover:before{opacity:1}.feature-icon-wrapper{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:10px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.feature-icon-wrapper:after{content:"";position:absolute;inset:-2px;border-radius:10px;background:linear-gradient(135deg,var(--accent-primary),transparent);opacity:0;transition:opacity .3s ease;z-index:-1}.feature-item svg{color:var(--text-primary);flex-shrink:0;transition:transform .3s ease}.feature-item:hover .feature-icon-wrapper{background:var(--bg-secondary);transform:rotate(8deg) scale(1.1);box-shadow:0 4px 16px rgba(255,255,255,.1)}.feature-item:hover .feature-icon-wrapper:after{opacity:.3}.feature-item:hover svg{transform:scale(1.1)}.input-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:32px;margin-bottom:24px;transition:all .3s ease;flex:1 1;display:flex;flex-direction:column;animation:fadeInUp .6s ease-out .3s both;position:relative;overflow:hidden}.builder-main .ide-content,.builder-main .input-section{background:transparent;border:none;border-radius:0;padding:0;margin:0;box-shadow:none}.builder-main .input-section:before{display:none}.input-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.input-section:hover{border-color:#3a3a3a;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.input-group{margin-bottom:32px}.input-label{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-weight:500;color:var(--text-primary);font-size:14px}.label-hint{font-size:12px;color:var(--text-tertiary);font-weight:400}.input-wrapper{display:flex;align-items:center}.figma-input{width:100%;padding:14px 16px 14px 44px;background:var(--bg-tertiary);border-radius:10px;color:var(--text-primary);font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace}select.figma-input{padding-left:16px;padding-right:48px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--bg-tertiary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color-scheme:dark;transition:all .25s cubic-bezier(.4,0,.2,1)}select.figma-input:hover{border-color:#3a3a3a}select.figma-input:focus,select.figma-input:hover{background-color:var(--bg-secondary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}select.figma-input:focus{outline:none;border-color:var(--accent-primary);background-repeat:no-repeat;background-position:right 14px center;background-size:18px;box-shadow:0 0 0 3px rgba(255,255,255,.1),0 0 20px rgba(255,255,255,.05);transform:scale(1.01)}select.figma-input:active{transform:scale(.99)}.custom-select-wrapper{--select-height:48px;--select-padding-y:14px;--select-padding-x:16px;--select-font-size:15px;--select-icon-size:18px;--select-icon-right:14px;--option-padding-y:12px;--option-padding-x:16px;--option-font-size:15px;position:relative;display:inline-block;width:100%}.custom-select-wrapper[data-size=compact]{--select-height:32px;--select-padding-y:6px;--select-padding-x:10px;--select-font-size:11px;--select-icon-size:14px;--select-icon-right:10px;--option-padding-y:8px;--option-padding-x:12px;--option-font-size:11px}.custom-select-wrapper select{opacity:0;position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;cursor:pointer;pointer-events:none}.custom-select-wrapper select:focus{pointer-events:auto;outline:none}.custom-select-wrapper select.figma-input,.custom-select-wrapper select.model-type-select,.custom-select-wrapper select.phone-selector{background:transparent!important;background-image:none!important;border:none!important;padding:0!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;color:transparent!important}.custom-select-display{width:100%;height:var(--select-height);padding:var(--select-padding-y) calc(var(--select-icon-size) + var(--select-icon-right) + 2px) var(--select-padding-y) var(--select-padding-x);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:var(--select-font-size);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;z-index:3;pointer-events:all;box-sizing:border-box}.custom-select-display:after{content:"";position:absolute;right:var(--select-icon-right);top:50%;transform:translateY(-50%);width:var(--select-icon-size);height:var(--select-icon-size);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:contain;pointer-events:none;transition:transform .2s ease,opacity .2s ease}.custom-select-wrapper.select-open .custom-select-display:after,.custom-select-wrapper:hover .custom-select-display:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.custom-select-wrapper.select-open .custom-select-display:after{transform:translateY(-50%) rotate(180deg)}.custom-select-wrapper:hover .custom-select-display{border-color:#3a3a3a;background-color:var(--bg-secondary)}.custom-select-wrapper.select-open .custom-select-display,.custom-select-wrapper:focus-within .custom-select-display{border-color:var(--accent-primary);background-color:var(--bg-secondary);box-shadow:0 0 0 3px rgba(255,255,255,.1),0 0 20px rgba(255,255,255,.05)}.custom-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.4);z-index:1000;max-height:300px;overflow-y:auto;display:none;opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease}.custom-select-wrapper.select-open .custom-select-dropdown{display:block;opacity:1;transform:translateY(0)}.custom-select-option{padding:var(--option-padding-y) var(--option-padding-x);color:var(--text-primary);cursor:pointer;font-size:var(--option-font-size);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background-color .15s ease;border:none;background:transparent;width:100%;text-align:left}.custom-select-option:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.custom-select-option:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.custom-select-option.hover,.custom-select-option:hover{background-color:rgba(255,255,255,.1)}.custom-select-option.selected{background-color:rgba(255,255,255,.15);font-weight:500}.custom-select-dropdown::-webkit-scrollbar{width:6px}.custom-select-dropdown::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}.custom-select-dropdown::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:1px solid var(--scrollbar-track)}.custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.model-type-select option,.phone-selector option,select.figma-input option{background-color:var(--bg-card);color:var(--text-primary);padding:12px 16px;font-size:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;border:none;margin:2px 0}@-moz-document url-prefix(){.model-type-select option,.phone-selector option,select.figma-input option{background-color:var(--bg-card);color:var(--text-primary)}}.model-type-select::-webkit-appearance,.phone-selector::-webkit-appearance,select.figma-input::-webkit-appearance{-webkit-appearance:none}.model-type-select option:hover,.phone-selector option:hover,select.figma-input option:hover{background-color:rgba(255,255,255,.1)}.model-type-select,.phone-selector,select.figma-input{color-scheme:dark}.figma-input::placeholder{color:var(--text-tertiary);transition:opacity .3s ease}.figma-input:focus,input.figma-input:focus,textarea.figma-input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-secondary);box-shadow:0 0 0 3px rgba(255,255,255,.1),0 0 20px rgba(255,255,255,.05);transform:scale(1.01)}.figma-input:focus::placeholder{opacity:.5}.input-icon{position:absolute;left:14px;color:var(--text-tertiary);pointer-events:none;transition:all .3s ease}.figma-input:focus~.input-icon{color:var(--accent-primary);transform:rotate(15deg) scale(1.1)}.source-tabs{display:flex;gap:8px;margin-bottom:20px;background:var(--bg-tertiary);padding:4px;border-radius:10px}.source-tab{flex:1 1;padding:10px 16px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.source-tab:before{content:"";position:absolute;inset:0;border-radius:8px;background:var(--bg-card);opacity:0;transition:opacity .3s ease}.source-tab:hover{color:var(--text-primary);transform:translateY(-1px)}.source-tab:hover:before{opacity:.5}.source-tab.active{color:var(--text-primary);box-shadow:0 2px 8px rgba(0,0,0,.3)}.source-tab.active:before{opacity:1}.source-tab span,.source-tab svg{position:relative;z-index:1}.examples-section{margin-bottom:32px}.section-header{margin-bottom:16px}.section-label{display:block;font-weight:500;color:var(--text-primary);font-size:14px;margin-bottom:6px}.help-text{display:block;font-size:12px;margin-top:4px}#businessModelGroup .help-text,.help-text{color:var(--text-tertiary)}.examples-tabs{display:flex;gap:8px;margin-bottom:20px;background:var(--bg-tertiary);padding:4px;border-radius:10px}.tab-btn{flex:1 1;padding:10px 16px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:0}.tab-btn:before{content:"";position:absolute;inset:0;border-radius:8px;background:var(--bg-card);opacity:0;transition:opacity .3s ease;z-index:-1}.tab-btn:hover{color:var(--text-primary);transform:translateY(-1px)}.tab-btn:hover:before{opacity:.5}.tab-btn.active{color:#ffffff!important;box-shadow:0 2px 8px rgba(0,0,0,.3)}.tab-btn.active:before{opacity:1;background:var(--bg-card)}.examples-tabs .tab-btn.active{color:#ffffff!important}.examples-tabs .tab-btn.active *,.examples-tabs .tab-btn.active span,.examples-tabs .tab-btn.active svg{color:#ffffff!important;stroke:#ffffff!important}.examples-tabs .tab-btn.active svg{stroke:#ffffff!important}.examples-tabs .tab-btn.active:first-line{color:#ffffff!important}.tab-btn svg{stroke:currentColor}.tab-btn span,.tab-btn svg{position:relative;z-index:1;color:inherit}.tab-content{display:none}.tab-content.active{display:block}.file-input{display:none}.file-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;border:2px dashed var(--border-color);border-radius:12px;background:var(--bg-tertiary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-secondary);position:relative;overflow:hidden}.file-label:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));opacity:0;transition:opacity .3s ease}.file-label:hover{border-color:var(--accent-primary);background:var(--bg-secondary);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.file-label:hover:before{opacity:1}.file-label:active{transform:translateY(0)}.file-label.drag-over{border-color:var(--accent-primary);background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 6px 16px rgba(0,0,0,.35)}.file-label.drag-over:before{opacity:1}.file-icon{color:var(--text-tertiary)}.business-model-editor{margin-top:12px}.color-palette-editor{margin-top:12px;padding:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.color-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:16px}@media (max-width:768px){.color-row{grid-template-columns:1fr;gap:12px}}.color-row:last-child{margin-bottom:0}.color-input-group{display:flex;flex-direction:column;gap:8px;min-width:0}.color-input-group.full-width{grid-column:1/-1}.color-input-group label{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.color-input-wrapper{display:flex;align-items:center;gap:8px;min-width:0}.color-input-wrapper input[type=color]{width:50px;min-width:50px;height:40px;border:2px solid var(--border-color);border-radius:6px;cursor:pointer;background:transparent;padding:2px;flex-shrink:0}.color-input-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-input-wrapper input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.color-text-input{flex:1 1;min-width:0;max-width:100%;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;font-family:Monaco,Menlo,Courier New,monospace;box-sizing:border-box}.color-text-input:focus{outline:none;border-color:var(--accent-primary)}.background-effects{margin-top:12px;display:flex;gap:16px;flex-wrap:wrap}.checkbox-label{position:relative;padding:8px 12px;border-radius:6px;transition:all .2s ease}.checkbox-label:hover{background:var(--bg-tertiary)}.checkbox-label input[type=checkbox]{accent-color:var(--accent-primary)}.checkbox-label .effect-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-4px);margin-bottom:8px;padding:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:1000;width:220px;overflow:hidden}.checkbox-label:hover .effect-tooltip{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.checkbox-label .effect-tooltip:after{bottom:-7px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid var(--border-color);z-index:-1}.checkbox-label .effect-tooltip:after,.checkbox-label .effect-tooltip:before{content:"";position:absolute;left:50%;transform:translateX(-50%);width:0;height:0}.checkbox-label .effect-tooltip:before{bottom:-6px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--bg-card)}.effect-preview-container{position:relative;width:100%;height:100px;border-radius:6px 6px 0 0;overflow:hidden;border-bottom:1px solid var(--border-color);background:repeating-linear-gradient(45deg,rgba(99,102,241,.3),rgba(99,102,241,.3) 15px,rgba(139,92,246,.25) 0,rgba(139,92,246,.25) 30px),repeating-linear-gradient(-45deg,rgba(139,92,246,.25),rgba(139,92,246,.25) 15px,rgba(99,102,241,.3) 0,rgba(99,102,241,.3) 30px),#0f172a;background-size:30px 30px,30px 30px,100% 100%}.effect-preview-after,.effect-preview-before{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:rgba(255,255,255,.9);text-transform:uppercase;letter-spacing:1px}.effect-preview-before{background:repeating-linear-gradient(45deg,rgba(99,102,241,.3),rgba(99,102,241,.3) 15px,rgba(139,92,246,.25) 0,rgba(139,92,246,.25) 30px),repeating-linear-gradient(-45deg,rgba(139,92,246,.25),rgba(139,92,246,.25) 15px,rgba(99,102,241,.3) 0,rgba(99,102,241,.3) 30px),#0f172a;background-size:30px 30px,30px 30px,100% 100%;opacity:1;transform:translateX(0);z-index:2;animation:slideOutLeft 3s ease-in-out infinite;border-radius:6px 6px 0 0}.effect-preview-after{opacity:0;transform:translateX(100%);z-index:1;animation:slideInFromRight 3s ease-in-out infinite}@keyframes slideOutLeft{0%,45%{opacity:1;transform:translateX(0)}50%,95%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%,45%{opacity:0;transform:translateX(100%)}50%,95%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.effect-preview-after.gradient{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.effect-preview-after.blur{background:transparent;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.95)!important;text-align:center}.effect-preview-after.blur:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:40px;background:rgba(15,23,42,.6);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.3);border-radius:8px;box-shadow:inset 0 1px 2px rgba(255,255,255,.2),inset 0 -1px 1px rgba(0,0,0,.2),0 4px 12px rgba(0,0,0,.4);pointer-events:none;z-index:1}.effect-preview-after.noise{background:transparent;position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.effect-preview-after.noise:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.15),transparent 1px,transparent 2px,rgba(0,0,0,.15) 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.15),transparent 1px,transparent 2px,rgba(0,0,0,.15) 3px);background-size:3px 3px;opacity:.4;pointer-events:none;z-index:1}.effect-preview-after.particles{background:transparent;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.9) 3px,transparent 0),radial-gradient(circle at 80% 50%,rgba(255,255,255,.8) 2.5px,transparent 0),radial-gradient(circle at 50% 70%,rgba(255,255,255,.7) 3px,transparent 0),radial-gradient(circle at 30% 60%,rgba(255,255,255,.6) 2px,transparent 0),radial-gradient(circle at 70% 20%,rgba(255,255,255,.8) 2.5px,transparent 0);background-size:100% 100%;background-position:0 0,0 0,0 0,0 0,0 0;animation:slideInFromRight 3s ease-in-out infinite,particleFloat 4s ease-in-out infinite}.effect-preview-after.particles:after,.effect-preview-after.particles:before{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.9);pointer-events:none;z-index:2;animation:float 2.5s ease-in-out infinite;box-shadow:0 0 6px rgba(255,255,255,.8),0 0 12px rgba(255,255,255,.4)}.effect-preview-after.particles:before{width:6px;height:6px;top:20%;left:20%;animation-delay:0s}.effect-preview-after.particles:after{width:5px;height:5px;top:70%;left:80%;animation-delay:1.2s}@keyframes particleFloat{0%,to{background-position:0 0,0 0,0 0,0 0,0 0}25%{background-position:20px -20px,-20px 20px,15px -15px,-15px 15px,18px -12px}50%{background-position:25px -25px,-25px 25px,20px -20px,-20px 20px,22px -15px}75%{background-position:15px -15px,-15px 15px,10px -10px,-10px 10px,12px -8px}}.effect-preview-after.radial{background:transparent;position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.effect-preview-after.radial:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.8) 0,rgba(139,92,246,.6) 40%,transparent 70%);pointer-events:none;z-index:1}.effect-tooltip-title{font-weight:600;font-size:12px;margin:12px 12px 6px;color:var(--text-primary)}.effect-tooltip-desc{font-size:11px;color:var(--text-secondary);line-height:1.4;margin:0 12px 12px;padding:0}.business-model-tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid var(--border-color)}.model-tab-btn{padding:8px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:-1px}.model-tab-btn.active,.model-tab-btn:hover{color:var(--text-primary)}.model-tab-btn.active{border-bottom-color:var(--accent-primary)}.model-tab-content{display:none}.model-tab-content.active{display:block}.model-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:16px}.model-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;flex-wrap:wrap}.model-header-inputs{display:flex;gap:12px;flex:1 1;flex-wrap:wrap}.model-name-input{flex:1 1;min-width:200px;padding:8px 12px}.model-name-input,.model-type-select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px}.model-type-select{padding:8px 36px 8px 12px;cursor:pointer;min-width:150px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:all .25s cubic-bezier(.4,0,.2,1)}.model-type-select:hover{border-color:#3a3a3a;background-color:var(--bg-tertiary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.model-type-select:focus{outline:none;border-color:var(--accent-primary);background-color:var(--bg-tertiary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/polyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");box-shadow:0 0 0 2px rgba(255,255,255,.1)}.model-type-select:active{transform:scale(.98)}.model-card-actions{display:flex;align-items:center;gap:12px}.recommended-toggle{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);cursor:pointer}.recommended-toggle input[type=checkbox]{cursor:pointer}.remove-model-btn{padding:6px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.remove-model-btn:hover{color:var(--error-text);border-color:var(--error-text)}.tiers-container{gap:12px;margin-bottom:12px}.tier-card,.tiers-container{display:flex;flex-direction:column}.tier-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:12px;gap:8px}.tier-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.tier-name-input{flex:1 1;padding:6px 10px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:13px}.remove-tier-btn{padding:4px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:color .2s ease}.remove-tier-btn:hover{color:var(--error-text)}.tier-features-input,.tier-price-input{padding:6px 10px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:13px}.tier-features-input{font-family:inherit;resize:vertical;min-height:80px;line-height:1.5}.tier-value-prop-input{padding:6px 10px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:13px}.add-model-btn,.add-tier-btn{width:100%;padding:10px;background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.add-model-btn:hover,.add-tier-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--text-primary)}.empty-message{text-align:center;color:var(--text-tertiary);font-size:13px;padding:24px}.business-model-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.secondary-btn{padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.secondary-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.business-model-error{margin-top:12px;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;font-size:13px;font-family:Monaco,Menlo,Courier New,monospace}.business-model-form{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.business-model-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px}.business-model-form input,.business-model-form select,.business-model-form textarea{padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;min-width:0}.business-model-form textarea{min-height:90px;resize:vertical;font-family:inherit}.toggle-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:inline-flex;align-items:center;transition:all .2s ease}.toggle-btn:hover{color:var(--text-primary)}.toggle-btn svg{transition:transform .2s ease}.code-textarea{width:100%;padding:16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:13px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;resize:vertical;min-height:150px;margin-bottom:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.figma-input:-moz-read-only{background:var(--bg-secondary);color:var(--text-tertiary);cursor:not-allowed;border-color:transparent;opacity:.7}.figma-input.readonly,.figma-input:disabled,.figma-input:read-only{background:var(--bg-secondary);color:var(--text-tertiary);cursor:not-allowed;border-color:transparent;opacity:.7}.code-textarea::placeholder{color:var(--text-tertiary);transition:opacity .3s ease}.code-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(255,255,255,.1),0 0 20px rgba(255,255,255,.05);transform:scale(1.01);background:var(--bg-secondary)}.code-textarea:focus::placeholder{opacity:.5}.add-example-btn{padding:10px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.add-example-btn:before{content:"";position:absolute;inset:0;background:var(--bg-tertiary);opacity:0;transition:opacity .3s ease}.add-example-btn:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.add-example-btn:hover:before{opacity:1}.add-example-btn span{position:relative;z-index:1}.example-list,.file-list{margin-top:16px;display:flex;flex-direction:column;gap:8px}.file-item{display:flex;align-items:center;gap:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:13px}.file-item,.file-item.image-item{padding:12px}.image-item .image-preview{width:60px;height:60px;flex-shrink:0;border-radius:6px;overflow:hidden;background:var(--bg-tertiary);border:1px solid var(--border-color)}.image-item .image-preview img{width:100%;height:100%;object-fit:cover}.image-item .file-info{flex:1 1;display:flex;flex-direction:column;gap:4px;min-width:0}.image-item .file-info span:first-child{font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-item .file-size{font-size:11px;color:var(--text-tertiary)}.remove-file-btn{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;font-size:20px;line-height:1;padding:4px 8px;border-radius:4px;transition:all .2s ease}.remove-file-btn:hover{background:var(--bg-tertiary);color:var(--error-text)}.generate-btn{width:100%;padding:14px 24px;background:linear-gradient(90deg,#ffffff,#9ca3af,#ffffff,#9ca3af,#ffffff);background-size:200% auto;color:#ffffff;border:none;border-radius:8px;font-size:14px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;letter-spacing:.01em;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;margin-bottom:24px;position:relative;box-shadow:0 0 12px rgba(255,255,255,.15),0 0 25px rgba(156,163,175,.1);text-transform:none;line-height:1.5;min-height:44px;overflow:visible;animation:ai-gradient-shine 3s linear infinite;z-index:0}.generate-btn:before{top:-4px;right:-4px;bottom:-4px;left:-4px;background:inherit;background-size:inherit;filter:blur(10px);opacity:.5;border-radius:8px;animation:ai-gradient-shine 3s linear infinite;z-index:-2}.generate-btn:after,.generate-btn:before{content:"";position:absolute;pointer-events:none}.generate-btn:after{inset:2px;background:#000;border-radius:6px;transition:background .3s ease;z-index:-1}.generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px rgba(255,255,255,.12)}.generate-btn:hover:not(:disabled):after{background:#111}.generate-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 10px rgba(255,255,255,.08)}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.generate-btn:focus-visible{outline:2px solid rgba(255,255,255,.4);outline-offset:2px}.generate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;animation:none;box-shadow:none}.generate-btn:disabled:before{animation:none;opacity:.2}.generate-btn:disabled:after{background:#0b0b0b}.generate-btn>*{position:relative;z-index:1}.btn-loader{display:flex;align-items:center;gap:10px}.btn-spinner{width:16px;height:16px;border-color:#ffffff #ffffff rgba(255,255,255,.2) rgba(255,255,255,.2);border-style:solid;border-width:2px;border-radius:50%;animation:spin .7s cubic-bezier(.5,0,.5,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-overlay{position:absolute;inset:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease}.loading-content{text-align:center;color:var(--text-primary)}.loading-spinner-large{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top:4px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-text{font-size:18px;font-weight:600;margin-bottom:8px;animation:pulse 2s ease-in-out infinite}.loading-subtext{font-size:14px;color:var(--text-secondary);animation:fadeInOut 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}.error-message{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);padding:16px 20px;border-radius:10px;margin-bottom:24px;font-size:14px;line-height:1.5}.toast-container{position:fixed;top:90px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none;max-width:400px;width:100%}.toast{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);padding:16px 20px;border-radius:12px;font-size:14px;line-height:1.5;box-shadow:0 8px 24px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.05);display:flex;align-items:flex-start;gap:12px;pointer-events:auto;animation:toastSlideIn .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.toast-icon{width:20px;height:20px;flex-shrink:0;margin-top:2px;color:var(--text-secondary)}.toast-content{flex:1 1;min-width:0}.toast-close{width:20px;height:20px;flex-shrink:0;cursor:pointer;color:var(--text-tertiary);transition:color .2s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}.toast-close:hover{color:var(--text-primary)}.toast-close svg{width:16px;height:16px}.toast.hiding{animation:toastSlideOut .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media (max-width:640px){.toast-container{top:80px;right:16px;left:16px;max-width:none}.toast{padding:14px 16px;font-size:13px}}.preview-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:32px;margin-top:0;animation:slideInRight .6s cubic-bezier(.4,0,.2,1);position:-webkit-sticky;position:sticky;top:90px;max-height:calc(100vh - 120px);overflow-y:auto;box-shadow:0 8px 32px rgba(0,0,0,.3);transition:all .5s cubic-bezier(.4,0,.2,1)}.preview-section:before{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.03),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.preview-section:hover:before{opacity:1}.preview-section.mobile-preview{animation:slideInRight .5s cubic-bezier(.4,0,.2,1)}.preview-section.desktop-preview{position:relative;top:auto;max-height:none;margin-top:24px;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1)}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.preview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-color);gap:20px;animation:fadeInUp .6s ease-out .2s both}.preview-title{font-size:24px;font-weight:600;margin-bottom:4px;color:var(--text-primary)}.preview-subtitle{font-size:14px;color:var(--text-secondary)}.download-btn{padding:12px 20px;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;white-space:nowrap}.download-btn:hover{background:var(--bg-secondary);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.download-btn:active{transform:translateY(0)}.download-btn svg{transition:transform .3s ease}.download-btn:hover svg{transform:translateY(2px)}.paywall-preview{border:1px solid var(--border-color);border-radius:12px;overflow:visible;min-height:400px;display:flex;justify-content:center;align-items:flex-start;padding:30px;background:var(--bg-tertiary);animation:fadeInScale .6s cubic-bezier(.4,0,.2,1) .3s both;position:relative}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.paywall-preview iframe{width:100%;border:none;min-height:600px;border-radius:8px}.iphone-frame-container{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.iphone-frame-wrapper{display:flex;justify-content:center;align-items:flex-start;width:100%;overflow:visible;padding:20px;min-height:400px;max-height:calc(100vh - 200px);overflow-y:auto;overflow-x:hidden}.editor-main .iphone-frame-container{flex:0 0 auto}.editor-main .iphone-frame-wrapper{max-height:none;min-height:auto;overflow:visible;padding-bottom:32px}.preview-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;flex-wrap:wrap}.phone-selector-group{display:flex;align-items:center;gap:8px}.phone-selector-label{font-size:13px;color:var(--text-secondary);font-weight:500}.phone-selector{padding:8px 36px 8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);min-width:200px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.phone-selector:hover{border-color:#3a3a3a}.phone-selector:focus,.phone-selector:hover{background-color:var(--bg-tertiary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.phone-selector:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(255,255,255,.1)}.phone-selector:active{transform:scale(.98)}.zoom-controls{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px}.zoom-controls--compact{height:32px;padding:0 10px;gap:8px;align-items:center}.zoom-controls--compact .zoom-btn{width:28px;height:28px}.zoom-controls--compact .zoom-level{min-width:44px;font-size:11px;line-height:1}.zoom-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.zoom-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-primary)}.zoom-btn:disabled{opacity:.4;cursor:not-allowed}.zoom-level{min-width:50px;text-align:center;font-size:13px;font-weight:500;color:var(--text-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.refine-panel{margin-top:12px;border-radius:14px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(148,163,184,.08));box-shadow:0 10px 26px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.2);animation:refine-panel-in .18s ease-out;transform-origin:top center;transition:opacity .18s ease,transform .18s ease}.refine-panel-inner{border-radius:13px;padding:14px;background:rgba(12,12,12,.55);border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}.refine-panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.refine-panel-title{font-size:12px;font-weight:600;color:#ffffff;letter-spacing:.04em;text-transform:uppercase}.refine-panel-subtitle{margin-top:4px;font-size:12px;color:var(--text-tertiary)}.refine-panel.closing{opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none}.refine-panel-body{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:stretch}.refine-textarea{min-height:80px;max-height:160px;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:var(--text-primary);font-size:12px;font-family:inherit;resize:vertical;transition:all .2s ease}.refine-textarea:focus{outline:none;border-color:rgba(148,163,184,.6);background:rgba(255,255,255,.08);box-shadow:0 0 0 2px rgba(148,163,184,.2)}.refine-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:120px}.refine-action-btn{height:36px;border-radius:10px;border:1px solid transparent;background:var(--bg-secondary);color:var(--text-primary);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.refine-action-btn:disabled{opacity:.5;cursor:not-allowed}.refine-action-btn.ai-compact-btn{border:none}.refine-action-btn.ai-compact-btn span{background:linear-gradient(90deg,#ffffff,#a5b4fc,#93c5fd,#ffffff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ai-gradient-shine 4s linear infinite}.refine-action-loading{display:inline-flex;align-items:center;gap:6px;color:#ffffff}.refine-cancel-btn{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.2);color:var(--text-secondary)}.refine-cancel-btn:hover:not(:disabled){border-color:rgba(255,255,255,.4);color:var(--text-primary)}@media (max-width:900px){.refine-panel-body{grid-template-columns:1fr}.refine-actions{flex-direction:row;justify-content:flex-end;min-width:0}}@keyframes refine-panel-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-compact-btn{background:var(--bg-secondary);color:#ffffff;border:1px solid var(--border-color);position:relative;overflow:hidden;box-shadow:0 0 10px rgba(255,255,255,.08),0 0 18px rgba(156,163,175,.08)}.ai-compact-btn:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;background:linear-gradient(90deg,#ffffff,#9ca3af,#ffffff,#9ca3af,#ffffff);background-size:200% auto;filter:blur(8px);opacity:.22;border-radius:8px;pointer-events:none;z-index:-2}.ai-compact-btn span,.ai-compact-btn:before{animation:ai-gradient-shine 4s linear infinite}.ai-compact-btn span{background:linear-gradient(90deg,#ffffff,#a5b4fc,#93c5fd,#ffffff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent}.ai-compact-btn svg{color:#e5e7eb}.ai-compact-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,255,255,.12)}.iphone-frame{--device-zoom:1;display:flex;flex-direction:column;align-items:center;gap:20px;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:scale(var(--device-zoom));transform-origin:center center;will-change:transform}.iphone-frame,.iphone-screen{-webkit-backface-visibility:hidden;backface-visibility:hidden}.iphone-screen{width:375px;height:812px;background:#000;border-radius:40px;padding:3px;position:relative;overflow:visible;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 1px 2px rgba(255,255,255,.05),0 0 0 2px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.2),0 8px 24px rgba(0,0,0,.4),0 16px 48px rgba(0,0,0,.5),0 32px 96px rgba(0,0,0,.3)}.iphone-screen:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 0 1px 1px rgba(255,255,255,.08);z-index:1}.iphone-screen iframe{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;border-radius:37px;position:relative;z-index:0;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:inset 0 0 1px rgba(0,0,0,.3);scrollbar-width:none}@supports (zoom:1){.iphone-frame{zoom:var(--device-zoom);transform:none}}.iphone-screen iframe::-webkit-scrollbar{width:0;height:0}.iphone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:11;transition:all .3s ease}.iphone-iphone-14-pro .iphone-notch{box-shadow:0 2px 8px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.2),inset 0 1px 2px rgba(255,255,255,.1),inset 0 -1px 1px rgba(0,0,0,.2)}.iphone-screen:not(.iphone-iphone-14-pro) .iphone-notch{box-shadow:0 2px 6px rgba(0,0,0,.35),0 1px 2px rgba(0,0,0,.15),inset 0 1px 2px rgba(255,255,255,.08),inset 0 -1px 1px rgba(0,0,0,.15)}.iphone-iphone-14-pro .iphone-screen{background:linear-gradient(135deg,#1a1a1c,#1d1d1f 50%,#1a1a1c);border-radius:47px;padding:4px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 0 1px 2px rgba(255,255,255,.06),0 0 0 2px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.25),0 8px 24px rgba(0,0,0,.5),0 16px 48px rgba(0,0,0,.6),0 32px 96px rgba(0,0,0,.4),0 0 150px rgba(0,0,0,.3)}.iphone-iphone-14-pro .iphone-screen:after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.15),inset 0 1px 2px rgba(255,255,255,.1)}.iphone-iphone-14-pro .iphone-screen iframe{border-radius:43px}.iphone-iphone-14 .iphone-screen{background:linear-gradient(135deg,#1a1a1c,#1d1d1f 50%,#1a1a1c);border-radius:47px;padding:4px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 1px 2px rgba(255,255,255,.05),0 0 0 2px rgba(0,0,0,.35),0 2px 8px rgba(0,0,0,.2),0 8px 24px rgba(0,0,0,.45),0 16px 48px rgba(0,0,0,.55),0 32px 96px rgba(0,0,0,.35)}.iphone-iphone-14 .iphone-screen iframe{border-radius:43px}.iphone-iphone-13-pro .iphone-screen{background:linear-gradient(135deg,#2a2a2c,#2c2c2e 50%,#2a2a2c);border-radius:45px;padding:3px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 1px 2px rgba(255,255,255,.05),0 0 0 2px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.2),0 8px 24px rgba(0,0,0,.5),0 16px 48px rgba(0,0,0,.6),0 32px 96px rgba(0,0,0,.3)}.iphone-iphone-13-pro .iphone-screen iframe{border-radius:39px}.iphone-iphone-13 .iphone-screen{background:linear-gradient(135deg,#f8f8f8,#ffffff 50%,#f8f8f8);border-radius:45px;padding:3px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),inset 0 1px 2px rgba(0,0,0,.05),0 0 0 2px rgba(0,0,0,.15),0 2px 8px rgba(0,0,0,.15),0 8px 24px rgba(0,0,0,.35),0 16px 48px rgba(0,0,0,.45),0 32px 96px rgba(0,0,0,.25)}.iphone-iphone-13 .iphone-screen:after{box-shadow:inset 0 0 0 1px rgba(0,0,0,.1),inset 0 1px 1px rgba(0,0,0,.08)}.iphone-iphone-13 .iphone-screen iframe{border-radius:39px}.iphone-iphone-12 .iphone-screen,.iphone-iphone-12-pro .iphone-screen{border-radius:42px;padding:3px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 1px 2px rgba(255,255,255,.05),0 0 0 2px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.2),0 8px 24px rgba(0,0,0,.45),0 16px 48px rgba(0,0,0,.55),0 32px 96px rgba(0,0,0,.3)}.iphone-iphone-12 .iphone-screen iframe,.iphone-iphone-12-pro .iphone-screen iframe{border-radius:36px}.iphone-iphone-11-pro .iphone-screen,.iphone-iphone-x .iphone-screen{border-radius:38px;padding:3px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 1px 2px rgba(255,255,255,.04),0 0 0 2px rgba(0,0,0,.25),0 2px 6px rgba(0,0,0,.18),0 6px 20px rgba(0,0,0,.4),0 12px 40px rgba(0,0,0,.5),0 24px 80px rgba(0,0,0,.25)}.iphone-iphone-11-pro .iphone-screen iframe,.iphone-iphone-x .iphone-screen iframe{border-radius:32px}.iphone-iphone-11 .iphone-screen{background:linear-gradient(135deg,#f0f0f4,#f2f2f7 50%,#f0f0f4);border-radius:35px;padding:3px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06),inset 0 1px 2px rgba(0,0,0,.04),0 0 0 2px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.12),0 6px 18px rgba(0,0,0,.3),0 12px 36px rgba(0,0,0,.4),0 24px 72px rgba(0,0,0,.2)}.iphone-iphone-11 .iphone-screen:after{box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),inset 0 1px 1px rgba(0,0,0,.06)}.iphone-iphone-11 .iphone-screen iframe{border-radius:29px}.iphone-iphone-se .iphone-screen{background:linear-gradient(135deg,#f8f8f8,#ffffff 50%,#f8f8f8);border-radius:30px;padding:2px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),inset 0 1px 1px rgba(0,0,0,.05),0 0 0 2px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.1),0 4px 16px rgba(0,0,0,.25),0 8px 32px rgba(0,0,0,.35),0 16px 64px rgba(0,0,0,.2)}.iphone-iphone-se .iphone-screen:after{box-shadow:inset 0 0 0 1px rgba(0,0,0,.1),inset 0 1px 1px rgba(0,0,0,.08)}.iphone-iphone-se .iphone-screen iframe{border-radius:26px}.iphone-info{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-secondary)}.mobile-badge{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px}.desktop-preview{width:100%;display:flex;flex-direction:column;gap:16px}.preview-info{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-secondary);padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px}.desktop-badge{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px}.desktop-preview iframe{border:1px solid var(--border-color);border-radius:8px;background:white;box-shadow:0 4px 12px rgba(0,0,0,.3)}.features-section{padding:80px 0;border-top:1px solid var(--border-color)}.features-container{max-width:1200px;margin:0 auto;padding:0 24px}.section-title{font-size:48px;font-weight:800;text-align:center;margin-bottom:48px;letter-spacing:-1px;position:relative;display:block;width:100%}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.feature-card{padding:40px 32px;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .6s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.feature-card:before{inset:0;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.05) 0,transparent 70%);opacity:0;transition:opacity .6s cubic-bezier(.23,1,.32,1);z-index:0}.feature-card:after,.feature-card:before{content:"";position:absolute;pointer-events:none}.feature-card:after{top:0;left:0;width:1px;height:0;background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,.1) 50%,transparent);transition:height .6s cubic-bezier(.23,1,.32,1);z-index:1}.feature-card:hover{border-color:rgba(255,255,255,.2);transform:translateY(-4px) scale(1.01);box-shadow:0 12px 40px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.05),inset 0 1px 0 rgba(255,255,255,.05)}.feature-card:hover:before{opacity:1}.feature-card:hover:after{height:100%}.feature-card .feature-icon{width:40px;height:40px;background:transparent;border-radius:0;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--text-primary);position:relative;z-index:1;transition:all .6s cubic-bezier(.23,1,.32,1);opacity:.7}.feature-card:hover .feature-icon{opacity:1;transform:translateY(-4px)}.feature-card .feature-icon svg{width:24px;height:24px;stroke-width:1.5;transition:all .6s cubic-bezier(.23,1,.32,1);filter:drop-shadow(0 0 0 rgba(255,255,255,0))}.feature-card:hover .feature-icon svg{transform:scale(1.08) rotate(2deg);filter:drop-shadow(0 2px 8px rgba(255,255,255,.2))}.feature-card h3{font-size:20px;font-weight:600;margin-bottom:12px;color:var(--text-primary);position:relative;z-index:1;transition:all .6s cubic-bezier(.23,1,.32,1);letter-spacing:-.3px;transform:translateY(0)}.feature-card:hover h3{color:var(--text-primary);transform:translateY(-1px)}.feature-card p{font-size:15px;color:var(--text-secondary);line-height:1.7;position:relative;z-index:1;transition:all .6s cubic-bezier(.23,1,.32,1);transform:translateY(0)}.feature-card:hover p{color:rgba(255,255,255,.85);transform:translateY(-1px)}.how-it-works-section{padding:80px 0;border-top:1px solid var(--border-color);background:var(--bg-primary);position:relative;overflow:hidden}.how-it-works-section:before{content:"";position:absolute;top:0;left:-30%;right:-30%;bottom:0;width:160%;background:radial-gradient(ellipse 600% 250% at 50% 8%,rgba(255,255,255,.08) 0,rgba(255,255,255,.06) 10%,rgba(255,255,255,.04) 20%,rgba(255,255,255,.02) 35%,transparent 60%),radial-gradient(ellipse 400% 160% at 50% 12%,rgba(255,255,255,.04) 0,transparent 35%);pointer-events:none;z-index:0;filter:blur(250px);-webkit-filter:blur(250px);clip-path:polygon(50% 0,-10% 100%,110% 100%);-webkit-clip-path:polygon(50% 0,-10% 100%,110% 100%);mask-image:linear-gradient(180deg,black 0,black 85%,rgba(0,0,0,.6) 92%,rgba(0,0,0,.3) 96%,transparent),linear-gradient(90deg,transparent 0,rgba(0,0,0,.01) 2%,rgba(0,0,0,.05) 5%,rgba(0,0,0,.12) 10%,rgba(0,0,0,.25) 18%,rgba(0,0,0,.45) 28%,rgba(0,0,0,.7) 38%,rgba(0,0,0,.9) 45%,black 50%,black 0,rgba(0,0,0,.9) 55%,rgba(0,0,0,.7) 62%,rgba(0,0,0,.45) 72%,rgba(0,0,0,.25) 82%,rgba(0,0,0,.12) 90%,rgba(0,0,0,.05) 95%,rgba(0,0,0,.01) 98%,transparent);-webkit-mask-image:linear-gradient(180deg,black 0,black 85%,rgba(0,0,0,.6) 92%,rgba(0,0,0,.3) 96%,transparent),linear-gradient(90deg,transparent 0,rgba(0,0,0,.01) 2%,rgba(0,0,0,.05) 5%,rgba(0,0,0,.12) 10%,rgba(0,0,0,.25) 18%,rgba(0,0,0,.45) 28%,rgba(0,0,0,.7) 38%,rgba(0,0,0,.9) 45%,black 50%,black 0,rgba(0,0,0,.9) 55%,rgba(0,0,0,.7) 62%,rgba(0,0,0,.45) 72%,rgba(0,0,0,.25) 82%,rgba(0,0,0,.12) 90%,rgba(0,0,0,.05) 95%,rgba(0,0,0,.01) 98%,transparent);mask-size:100% 100%,100% 100%;-webkit-mask-size:100% 100%,100% 100%;mask-position:center,center;-webkit-mask-position:center,center;mask-composite:intersect;-webkit-mask-composite:source-in}.how-it-works-section:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--bg-primary) 0,transparent 10%,transparent 90%,var(--bg-primary) 100%),linear-gradient(to right,var(--bg-primary) 0,transparent 3%,transparent 97%,var(--bg-primary) 100%);pointer-events:none;z-index:1}.how-it-works-section .top-accent{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 20%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 80%,transparent);pointer-events:none;z-index:3}.how-it-works-container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.steps-container{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:32px;gap:32px}.step-item{text-align:center;position:relative;z-index:1}.step-number{width:64px;height:64px;background:var(--text-primary);color:var(--bg-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;margin:0 auto 20px}.step-item h3{font-size:20px;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.step-item p{font-size:15px;color:var(--text-secondary);line-height:1.6}.step-number{transition:transform .3s}.step-item:hover .step-number{transform:scale(1.1) rotate(5deg)}.section-title{padding-bottom:28px}.section-title:after{content:"";position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:80px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15) 25%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.15) 75%,transparent);opacity:0;animation:titleSubtleLine 1s ease-out .4s forwards}@keyframes titleSubtleLine{0%{width:0;opacity:0}to{width:80px;opacity:1}}.use-cases-section{padding:80px 0;border-top:1px solid var(--border-color)}.use-case-item{margin-bottom:80px;padding:40px;border-radius:20px;background:transparent;border:1px solid transparent;transition:all .3s ease;position:relative}.use-case-item:before{content:"";position:absolute;inset:0;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.02),rgba(255,255,255,.01));opacity:0;transition:opacity .3s ease;z-index:0}.use-case-item:hover{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.1)}.use-case-item:hover:before{opacity:1}.use-case-item:last-child{margin-bottom:0}.use-case-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;align-items:center;position:relative;z-index:1}.use-case-content:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:60%;background:linear-gradient(180deg,transparent 0,rgba(255,255,255,.1) 20%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 80%,transparent);opacity:.3;z-index:0;transition:opacity .3s ease,height .3s ease}.use-case-item:hover .use-case-content:before{opacity:.6;height:80%}.use-case-content:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid rgba(255,255,255,.3);opacity:0;transition:opacity .3s ease;z-index:1}.use-case-content:not(.use-case-reverse):after{border:6px solid transparent;border-right:none;border-left:8px solid rgba(255,255,255,.3)}.use-case-content.use-case-reverse:after{border:6px solid transparent;border-right:8px solid rgba(255,255,255,.3);border-left:none}.use-case-item:hover .use-case-content:after{opacity:1}.use-case-content.use-case-reverse{grid-template-columns:1fr 1fr}.use-case-content.use-case-reverse .use-case-visual{order:-1}.use-case-content.use-case-reverse .use-case-text{text-align:right}.use-case-visual .visual-card{max-width:240px;width:100%}.use-case-visual .mobile-frame{width:240px;height:480px;padding:4px;border-radius:36px;transform-style:preserve-3d;box-shadow:0 0 0 2px rgba(255,255,255,.15),0 0 0 4px rgba(255,255,255,.05),0 20px 60px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.1),inset 0 2px 4px rgba(255,255,255,.05),20px 10px 40px rgba(0,0,0,.4)}.use-case-content:not(.use-case-reverse) .use-case-visual .mobile-frame{box-shadow:0 0 0 2px rgba(255,255,255,.15),0 0 0 4px rgba(255,255,255,.05),0 20px 60px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.1),inset 0 2px 4px rgba(255,255,255,.05),15px 5px 40px rgba(0,0,0,.4)}.use-case-content.use-case-reverse .use-case-visual .mobile-frame{box-shadow:0 0 0 2px rgba(255,255,255,.15),0 0 0 4px rgba(255,255,255,.05),0 20px 60px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.1),inset 0 2px 4px rgba(255,255,255,.05),-15px 5px 40px rgba(0,0,0,.4)}.use-case-visual .mobile-screen{border-radius:32px;transform:translateZ(1px)}.use-case-visual .mobile-notch{width:120px;height:20px;border-radius:0 0 16px 16px;transform:translateZ(2px)}.use-case-visual .mobile-content{padding:40px 12px 16px;transform:translateZ(0)}@media (max-width:968px){.use-case-item{padding:20px}.use-case-content{grid-template-columns:1fr;gap:40px}.use-case-content:after,.use-case-content:before{display:none}.use-case-content.use-case-reverse{grid-template-columns:1fr}.use-case-content.use-case-reverse .use-case-visual{order:-1}.use-case-content.use-case-reverse .use-case-text{text-align:center}.use-case-visual{order:-1;margin-bottom:20px;justify-content:center!important;padding-left:0!important;padding-right:0!important}.use-case-visual .visual-card{max-width:240px;margin:0 auto;transform:perspective(1000px) rotateY(0deg) rotateX(0deg) translateX(0)!important}.use-case-visual .mobile-frame{width:240px;height:480px;padding:4px;border-radius:36px;box-shadow:0 0 0 2px rgba(255,255,255,.15),0 0 0 4px rgba(255,255,255,.05),0 20px 60px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.1),inset 0 2px 4px rgba(255,255,255,.05)!important}.use-case-visual .mobile-screen{border-radius:32px}.use-case-visual .mobile-notch{width:120px;height:20px}.use-case-visual .mobile-content{padding:40px 12px 16px}}.use-case-text{text-align:left;position:relative;z-index:1;transition:transform .3s ease}.use-case-item:hover .use-case-text{transform:translateX(5px)}.use-case-content.use-case-reverse .use-case-text{transition:transform .3s ease}.use-case-content.use-case-reverse:hover .use-case-text{transform:translateX(-5px)}.use-case-title{font-size:36px;font-weight:800;line-height:1.2;margin-bottom:16px;letter-spacing:-1px;color:var(--text-primary);animation:fadeInDown .8s cubic-bezier(.4,0,.2,1) both;position:relative;display:inline-block;transition:color .3s ease}.use-case-title:after{content:"";position:absolute;bottom:-6px;left:0;width:0;height:1.5px;background:linear-gradient(90deg,rgba(255,255,255,.4),rgba(255,255,255,.2) 50%,transparent);opacity:0;transition:width .6s cubic-bezier(.25,.46,.45,.94),opacity .4s cubic-bezier(.25,.46,.45,.94);transform-origin:left}.use-case-item:hover .use-case-title:after{width:100%;opacity:1}.use-case-description{font-size:16px;color:var(--text-secondary);line-height:1.7;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .2s both;transition:color .3s ease}.use-case-item:hover .use-case-description{color:var(--text-primary)}.use-case-visual{display:flex;justify-content:center;align-items:center;animation:fadeInRight .8s ease-out .3s both;position:relative;perspective:1000px;z-index:1;transition:transform .3s ease}.use-case-item:hover .use-case-visual{transform:scale(1.02)}.use-case-content.use-case-reverse .use-case-visual{animation:fadeInLeft .8s ease-out .3s both}.use-case-visual .visual-card{transform-style:preserve-3d;transition:transform .3s ease,filter .3s ease;filter:brightness(.9)}.use-case-item:hover .use-case-visual .visual-card{filter:brightness(1.1)}.use-case-content:not(.use-case-reverse) .use-case-visual{justify-content:flex-end;padding-right:20px}.use-case-content:not(.use-case-reverse) .use-case-visual .visual-card{transform:perspective(1000px) rotateY(-8deg) rotateX(2deg) translateX(10px)}.use-case-content.use-case-reverse .use-case-visual{justify-content:flex-start;padding-left:20px}.use-case-content.use-case-reverse .use-case-visual .visual-card{transform:perspective(1000px) rotateY(8deg) rotateX(2deg) translateX(-10px)}.use-case-visual .visual-card:hover{transform:perspective(1000px) rotateY(0deg) rotateX(0deg) scale(1.05) translateX(0)}.landing-preview-mobile{background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-tertiary) 100%);border-radius:16px;padding:20px 16px;border-left:1px solid var(--border-color);border:1px solid var(--border-color);border-left:3px solid rgba(255,255,255,.4);animation:fadeInUp .6s ease-out .8s both;box-shadow:0 4px 12px rgba(0,0,0,.2);position:relative}.landing-preview-mobile:before{content:"Landing";position:absolute;top:8px;right:12px;font-size:9px;color:rgba(255,255,255,.4);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.landing-hero{margin-bottom:20px;animation:fadeIn .5s ease-out 1s both}.landing-title-line{font-size:18px;font-weight:700;color:rgba(255,255,255,.95);line-height:1.3;margin-bottom:8px;width:80%}.landing-subtitle-line{font-size:13px;color:rgba(255,255,255,.7);line-height:1.4;width:60%}.landing-features{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.landing-feature-item{display:flex;align-items:center;gap:10px;animation:fadeInLeft .5s ease-out both}.landing-feature-item:first-child{animation-delay:1.2s}.landing-feature-item:nth-child(2){animation-delay:1.4s}.landing-feature-icon{width:32px;height:32px;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.1));border-radius:8px;flex-shrink:0;animation:iconPulse 2s ease-in-out infinite;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.8)}.landing-feature-icon svg{width:20px;height:20px}.landing-feature-text{font-size:12px;color:rgba(255,255,255,.7);line-height:1.5;flex:1 1}.landing-cta{height:44px;background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.15));border-radius:12px;border:1px solid rgba(255,255,255,.2);animation:buttonPulse 2s ease-in-out infinite,fadeIn .5s ease-out 1.6s both;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:rgba(255,255,255,.95);cursor:pointer}.about-preview-mobile,.landing-cta{box-shadow:0 4px 12px rgba(0,0,0,.2)}.about-preview-mobile{background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-tertiary) 100%);border-radius:16px;padding:20px 16px;border-left:1px solid var(--border-color);border:1px solid var(--border-color);border-left:3px solid rgba(255,255,255,.4);animation:fadeInUp .6s ease-out .8s both;position:relative}.about-preview-mobile:before{content:"About";position:absolute;top:8px;right:12px;font-size:9px;color:rgba(255,255,255,.4);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.about-header{flex-direction:column;margin-bottom:20px;animation:fadeIn .5s ease-out 1s both}.about-avatar,.about-header{display:flex;align-items:center}.about-avatar{width:60px;height:60px;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.1));border-radius:50%;margin-bottom:12px;animation:iconPulse 2s ease-in-out infinite;justify-content:center;color:rgba(255,255,255,.7);border:2px solid rgba(255,255,255,.1)}.about-avatar svg{width:40px;height:40px}.about-name-line{font-size:16px;font-weight:600;color:rgba(255,255,255,.95);line-height:1.4;margin-bottom:6px;text-align:center}.about-role-line{font-size:12px;color:rgba(255,255,255,.6);line-height:1.4;text-align:center}.about-content{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.about-text-line{font-size:12px;color:rgba(255,255,255,.7);line-height:1.6;animation:fadeInLeft .5s ease-out both}.about-text-line:first-child{animation-delay:1.2s}.about-text-line:nth-child(2){animation-delay:1.4s}.about-text-line:nth-child(3){animation-delay:1.6s}.about-links{display:flex;gap:12px;animation:fadeIn .5s ease-out 1.8s both}.about-link{flex:1 1;height:36px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:rgba(255,255,255,.8);cursor:pointer}.features-preview-mobile{background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-tertiary) 100%);border-radius:16px;padding:20px 16px;border-left:1px solid var(--border-color);border:1px solid var(--border-color);border-left:3px solid rgba(255,255,255,.4);animation:fadeInUp .6s ease-out .8s both;box-shadow:0 4px 12px rgba(0,0,0,.2);position:relative}.features-preview-mobile:before{content:"Features";position:absolute;top:8px;right:12px;font-size:9px;color:rgba(255,255,255,.4);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.features-header{margin-bottom:20px;animation:fadeIn .5s ease-out 1s both}.features-title-line{font-size:18px;font-weight:700;color:rgba(255,255,255,.95);line-height:1.3;width:70%}.features-grid-preview{display:flex;flex-direction:column;gap:16px}.feature-card-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px;animation:fadeInLeft .5s ease-out both}.feature-card-preview:first-child{animation-delay:1.2s}.feature-card-preview:nth-child(2){animation-delay:1.4s}.feature-card-icon{width:40px;height:40px;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.1));border-radius:10px;margin-bottom:12px;animation:iconPulse 2s ease-in-out infinite;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.8)}.feature-card-icon svg{width:24px;height:24px}.feature-card-title{font-size:14px;font-weight:600;color:rgba(255,255,255,.9);line-height:1.4;margin-bottom:8px}.feature-card-desc{font-size:12px;color:rgba(255,255,255,.7);line-height:1.5;margin-bottom:4px}[data-animate]{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out}[data-animate=fadeInUp]{transform:translateY(30px)}[data-animate=fadeInLeft]{transform:translateX(-30px)}[data-animate=fadeInRight]{transform:translateX(30px)}[data-animate].animated{opacity:1;transform:translate(0)}.feature-card:first-child{transition-delay:.1s;animation-delay:.1s}.feature-card:nth-child(2){transition-delay:.15s;animation-delay:.15s}.feature-card:nth-child(3){transition-delay:.2s;animation-delay:.2s}.feature-card:nth-child(4){transition-delay:.25s;animation-delay:.25s}.feature-card:nth-child(5){transition-delay:.3s;animation-delay:.3s}.feature-card:nth-child(6){transition-delay:.35s;animation-delay:.35s}.use-case-item:first-child{transition-delay:.1s}.use-case-item:nth-child(2){transition-delay:.2s}.use-case-item:nth-child(3){transition-delay:.3s}.use-case-item:nth-child(4){transition-delay:.4s}.step-item:first-child{transition-delay:.1s}.step-item:nth-child(2){transition-delay:.2s}.step-item:nth-child(3){transition-delay:.3s}.step-item:nth-child(4){transition-delay:.4s}.cta-section{padding:100px 0;border-top:1px solid var(--border-color);background:linear-gradient(180deg,var(--bg-secondary) 0,var(--bg-primary) 100%);position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.03) 0,transparent 70%);pointer-events:none}.cta-container{max-width:800px;margin:0 auto;padding:0 24px;position:relative;z-index:1;text-align:center}.cta-title{font-size:56px;font-weight:800;line-height:1.1;margin-bottom:24px;letter-spacing:-2px;display:flex;flex-direction:column;gap:4px;justify-content:center;align-items:center}.cta-title-line{display:block;background:linear-gradient(135deg,#ffffff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInDown .8s cubic-bezier(.4,0,.2,1) both}.cta-title-line:first-child{animation-delay:.1s}.cta-title-line:nth-child(2){animation-delay:.2s}.cta-title-line.highlight{background:linear-gradient(135deg,#ffffff,#ffffff 50%,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-subtitle{font-size:20px;color:var(--text-secondary);margin-bottom:40px;line-height:1.7;max-width:600px;margin-left:auto;margin-right:auto;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .3s both}.cta-features{display:flex;flex-direction:row;justify-content:center;gap:32px;margin-bottom:48px;flex-wrap:wrap;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .4s both}.cta-feature{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:16px;transition:all .3s ease;padding:12px 20px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:12px;position:relative;overflow:hidden}.cta-feature:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));opacity:0;transition:opacity .3s ease}.cta-feature:hover{color:var(--text-primary);border-color:rgba(255,255,255,.15);transform:translateY(-2px)}.cta-feature:hover:before{opacity:1}.cta-feature svg{flex-shrink:0;color:var(--text-primary);stroke-width:3;transition:transform .3s ease}.cta-feature:hover svg{transform:scale(1.1)}.cta-button{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:linear-gradient(90deg,#ffffff,#9ca3af,#ffffff,#9ca3af,#ffffff);background-size:200% auto;color:var(--text-primary);border:none;border-radius:100px;font-size:16px;font-weight:500;text-decoration:none;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .5s both;position:relative;overflow:visible;letter-spacing:.1px;box-shadow:0 0 12px rgba(255,255,255,.15),0 0 25px rgba(156,163,175,.1);animation:ai-gradient-shine 3s linear infinite,fadeInUp .8s cubic-bezier(.4,0,.2,1) .5s both}.cta-button:before{top:-4px;right:-4px;bottom:-4px;left:-4px;background:inherit;background-size:inherit;filter:blur(10px);opacity:.5;animation:ai-gradient-shine 3s linear infinite;z-index:0}.cta-button:after,.cta-button:before{content:"";position:absolute;border-radius:100px}.cta-button:after{inset:2px;background:#000;transition:background .3s ease;z-index:1}.cta-button>*{position:relative;z-index:2}.cta-button:hover{color:var(--text-primary);transform:translateY(-1px);box-shadow:0 4px 16px rgba(255,255,255,.1)}.cta-button:hover:after{background:#111}.cta-button:active{transform:translateY(0);transition:all .2s ease}.cta-button svg{transition:transform .4s cubic-bezier(.25,.46,.45,.94);width:18px;height:18px}.cta-button:hover svg{transform:translateX(3px)}.builder-ide{display:flex;height:100%;background:var(--bg-primary)}.ide-sidebar{width:220px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:20px 16px;border-bottom:1px solid var(--border-color)}.sidebar-title{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:.5px;text-transform:uppercase}.sidebar-nav{padding:8px;display:flex;flex-direction:column;gap:4px}.sidebar-tab{display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.sidebar-tab.active,.sidebar-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-tab svg{flex-shrink:0}.ide-main-panel{flex:1 1}.ide-main-panel,.ide-preview-panel{display:flex;flex-direction:column;min-width:0;overflow:hidden}.ide-preview-panel{width:50%;border-left:1px solid var(--border-color);background:var(--bg-secondary)}.preview-phone .ide-sidebar{display:none}.ide-panel-header{height:48px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0}.panel-tabs{display:flex;gap:8px}.panel-tab{padding:6px 12px;font-size:13px;font-weight:500;color:var(--text-secondary);border-radius:4px;transition:all .2s}.ide-action-btn,.panel-tab.active{background:var(--bg-tertiary);color:var(--text-primary)}.ide-action-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.ide-action-btn:hover{background:var(--bg-card);border-color:var(--text-primary)}.ide-panel-content{flex:1 1;overflow-y:auto;padding:24px}.ide-content{display:none;height:100%}.ide-content.active{display:block}.builder-content{display:none}.builder-content.active{display:block}.builder-main .preview-section{position:relative;top:auto;max-height:none;background:transparent;border:none;border-radius:0;padding:0;margin:0;box-shadow:none;animation:none}.builder-main .preview-header,.builder-main .preview-section:before{display:none}.generation-loader{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center}.loader-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:fadeIn .3s ease-out}.loader-content{position:relative;z-index:1;text-align:center;padding:48px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.5);min-width:320px;animation:slideInUp .4s cubic-bezier(.4,0,.2,1)}.loader-animation{position:relative;width:60px;height:60px;margin:0 auto 32px;display:flex;align-items:center;justify-content:center}.loader-pulse{position:absolute;inset:0;border:3px solid var(--accent-primary);border-radius:50%;opacity:.6;animation:pulseRing 2s ease-out infinite}.loader-pulse:nth-child(2){animation-delay:.4s;inset:-12px;border-width:2px;opacity:.4}.loader-pulse:nth-child(3){animation-delay:.8s;inset:-24px;border-width:2px;opacity:.2}.loader-title{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.loader-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:24px;transition:opacity .3s ease,transform .3s ease;opacity:1;transform:translateY(0)}.loader-progress{width:100%;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.loader-progress-bar{height:100%;background:linear-gradient(90deg,transparent,var(--text-primary),transparent);width:40%;animation:progressSlide 1.5s ease-in-out infinite}@keyframes pulseRing{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:.2}to{transform:scale(1.5);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes progressSlide{0%{transform:translateX(-100%)}to{transform:translateX(300%)}}.footer{margin-top:60px;padding-top:40px;border-top:1px solid var(--border-color)}.footer-content{justify-content:space-between;flex-wrap:wrap;gap:16px;color:var(--text-tertiary);font-size:13px}.footer-content,.footer-links{display:flex;align-items:center}.footer-links{gap:12px}.footer-link{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.footer-link:hover{color:var(--text-primary)}.footer-separator{color:var(--text-tertiary)}@media (max-width:1200px){.content-wrapper.has-mobile-preview{grid-template-columns:1fr}.preview-section.mobile-preview{position:relative;top:auto;max-height:none;margin-top:24px}}@media (max-width:768px){.main-content{padding:20px 8px}.preview-controls{flex-direction:column;align-items:stretch}.phone-selector-group{width:100%;justify-content:space-between}.phone-selector{flex:1 1;min-width:0}.zoom-controls{width:100%;justify-content:center}.hero-section{margin-bottom:40px;padding:20px 0 30px}.hero-scroll-indicator{margin:8px auto 0}.scroll-arrow{padding:6px}.hero-content{grid-template-columns:1fr;gap:40px}.hero-visual{order:-1;margin-bottom:20px}.visual-card{max-width:280px}.hero-text{text-align:center}.features-grid{grid-template-columns:repeat(2,1fr)}.use-case-content{grid-template-columns:1fr;gap:40px}.use-case-visual{order:-1}.use-case-visual .visual-card{max-width:280px;margin:0 auto}.use-case-text{text-align:center}.use-case-title{font-size:28px}.use-case-description{font-size:15px}.steps-container{grid-template-columns:repeat(2,1fr);gap:24px}.hero-features-grid{grid-template-columns:1fr}.cta-title{font-size:40px}.cta-subtitle{font-size:18px}.cta-features{flex-direction:column;gap:16px;align-items:stretch}.cta-button,.cta-feature{justify-content:center}.cta-button{padding:14px 28px;font-size:15px;width:auto}.builder-title{font-size:36px}.hero-title{text-align:center}.hero-title,.title-line{font-size:32px}.hero-subtitle{font-size:15px;margin-bottom:16px;text-align:center}.hero-stats{flex-direction:column;gap:12px;padding-top:16px;justify-content:center}.stat-divider{width:40px;height:1px}.visual-card{max-width:100%}.mobile-frame{width:280px;height:560px;padding:5px;border-radius:42px}.mobile-frame:after{width:70px;height:4px;top:20px}.mobile-screen{border-radius:37px}.mobile-notch{width:120px;height:20px;border-radius:0 0 16px 16px}.mobile-content{padding:40px 16px 16px;gap:16px}.hero-features{flex-direction:column;gap:12px;align-items:stretch}.feature-item{justify-content:center}.input-section,.preview-section{padding:24px}.preview-header{flex-direction:column;gap:16px}.download-btn{width:100%;justify-content:center}.iphone-screen{width:100%;max-width:375px;height:auto;aspect-ratio:375/812}.paywall-preview{padding:16px}.examples-tabs{flex-direction:column}.footer{margin-top:40px;padding-top:30px}.footer-content{text-align:center}.builder-ide,.footer-content{flex-direction:column}.ide-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color);flex-direction:row;overflow-x:auto}.sidebar-nav{flex-direction:row;padding:8px}.ide-preview-panel{width:100%;border-left:none;border-top:1px solid var(--border-color)}}@media (max-width:1200px){.builder-main .ide-preview-panel{width:100%;border-left:none;border-top:1px solid var(--border-color)}}.auth-main{display:flex;align-items:flex-start;justify-content:center;min-height:calc(100vh - 80px);padding:40px 20px;position:relative;overflow-x:hidden;overflow-y:visible;width:100%;max-width:100%}.auth-background{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;width:100%;max-width:100%}.auth-bg-gradient{position:absolute;width:600px;height:600px;top:-300px;right:-300px;background:radial-gradient(circle,rgba(255,255,255,.03) 0,transparent 70%);border-radius:50%;animation:pulse 8s ease-in-out infinite;overflow:hidden}.auth-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.02) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.02) 0,transparent 50%);opacity:.5}.auth-container{width:100%;max-width:440px;margin:0 auto;position:relative;z-index:1;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1);box-sizing:border-box}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:48px;box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.05);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease;width:100%;box-sizing:border-box}.signup-form~.auth-footer{margin-top:24px}.auth-header{text-align:center;margin-bottom:40px;animation:fadeInDown .8s cubic-bezier(.4,0,.2,1) .2s both}.profile-page .auth-container{max-width:520px}.profile-details{display:flex;flex-direction:column;gap:16px}.profile-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border:1px solid var(--border-color);border-radius:14px;background:rgba(255,255,255,.02)}.profile-label{font-size:14px;font-weight:600;color:var(--text-secondary)}.profile-value{font-size:15px;font-weight:600;color:var(--text-primary);text-align:right}.profile-actions{margin-top:24px}.profile-form{display:block!important;margin-top:20px}.profile-form.open{display:block}.profile-form-actions{display:flex;gap:12px;margin-top:12px}.profile-form-actions .auth-button{margin-top:0}.auth-button.ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.auth-button.ghost:hover{background:rgba(255,255,255,.08);box-shadow:none}.auth-button:disabled{cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.profile-skeleton{position:relative;display:inline-block;min-width:140px;height:16px;border-radius:999px;color:transparent;background:linear-gradient(90deg,rgba(255,255,255,.08) 25%,rgba(255,255,255,.18) 50%,rgba(255,255,255,.08) 75%);background-size:200% 100%;animation:profileShimmer 1.4s ease-in-out infinite}@keyframes profileShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.auth-title{font-size:36px;font-weight:800;line-height:1.2;margin-bottom:12px;letter-spacing:-1px;display:flex;flex-direction:column;gap:4px}.auth-title-line{display:block;animation:fadeInDown .8s cubic-bezier(.4,0,.2,1) both}.auth-title-line:first-child{animation-delay:.3s}.auth-title-line:nth-child(2){animation-delay:.4s}.auth-title-line.highlight{background:linear-gradient(135deg,#ffffff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{font-size:15px;color:var(--text-secondary);margin:0;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .5s both}.auth-form{display:flex;flex-direction:column;gap:20px;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .6s both}.signup-form{gap:14px;margin-top:-8px}.signup-form .form-group{gap:6px}.signup-form~.auth-footer{margin-top:20px;padding-top:20px}.signup-page .auth-card{padding:36px 40px}.signup-page .auth-header{margin-bottom:32px}.form-group{display:flex;flex-direction:column;gap:8px;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) both}.form-group:first-child{animation-delay:.7s}.form-group:nth-child(2){animation-delay:.8s}.form-group:nth-child(3){animation-delay:.9s}.form-group:nth-child(4){animation-delay:1s}.form-group:nth-child(5){animation-delay:1.1s}.form-label{font-size:14px;font-weight:500;color:var(--text-primary)}.input-wrapper{position:relative}.form-input{width:100%;padding:12px 16px 12px 44px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;box-sizing:border-box}.signup-form .form-input{padding:11px 16px 11px 44px}.form-input:hover{border-color:rgba(255,255,255,.2);background:var(--bg-tertiary)}.form-input:focus{outline:none;border-color:var(--text-primary);background:var(--bg-tertiary);box-shadow:0 0 0 3px rgba(255,255,255,.1);transform:translateY(-1px)}.form-input::placeholder{color:var(--text-tertiary)}.form-input~.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none;transition:color .3s ease,transform .3s ease}.form-input:hover~.input-icon{color:var(--text-secondary)}.form-input:focus~.input-icon{color:var(--text-primary);transform:translateY(-50%) scale(1.1)}.form-hint{font-size:11px;color:var(--text-tertiary);margin:2px 0 0}.form-options{justify-content:space-between;margin:4px 0}.checkbox-label,.form-options{display:flex;align-items:center}.checkbox-label{gap:8px;font-size:13px;color:var(--text-secondary);cursor:pointer;line-height:1.4;white-space:nowrap}.checkbox-label span{display:inline;white-space:nowrap;font-size:12px;line-height:1.3}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--text-primary);flex-shrink:0}.forgot-link{font-size:14px;color:var(--text-primary);text-decoration:none;transition:color .2s}.forgot-link:hover{color:var(--text-secondary)}.inline-link{color:var(--text-primary);text-decoration:underline;transition:color .2s;white-space:nowrap}.inline-link:hover{color:var(--text-secondary)}.auth-button{width:100%;padding:14px 24px;background:var(--text-primary);color:var(--bg-primary);border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:8px;font-family:inherit;position:relative;overflow:hidden}.signup-form~.auth-button{margin-top:4px}.auth-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.auth-button:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,255,255,.15),inset 0 0 0 1px rgba(255,255,255,.1)}.auth-button:hover:before{opacity:1}.auth-button:active{transform:translateY(0);box-shadow:0 4px 12px rgba(255,255,255,.1)}.auth-footer{margin-top:32px;text-align:center;padding-top:24px;border-top:1px solid var(--border-color);animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .7s both}.auth-footer-text{font-size:14px;color:var(--text-secondary);margin:0}.auth-link{color:var(--text-primary);text-decoration:none;font-weight:500;transition:color .2s;margin-left:4px}.auth-link:hover{color:var(--text-secondary);text-decoration:underline}@media (max-width:640px){.auth-card{padding:36px 28px}.auth-title{font-size:28px}.auth-title-line{font-size:inherit}.form-options{flex-direction:column;align-items:flex-start;gap:12px}.auth-bg-gradient{width:400px;height:400px;top:-200px;right:-200px}}.auth-card:before{content:"";position:absolute;inset:0;border-radius:20px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 50%);-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);pointer-events:none}.profile-page-main{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px);padding:20px;background:radial-gradient(circle at 50% 50%,rgba(20,20,20,1) 0,#000 100%)}.profile-dashboard{display:grid;grid-template-columns:280px 1fr;width:100%;max-width:960px;background:rgba(20,20,20,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:24px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:scaleIn .5s cubic-bezier(.16,1,.3,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dashboard-sidebar{background:rgba(255,255,255,.02);border-right:1px solid var(--border-color);padding:32px 24px}.dashboard-sidebar,.user-identity{display:flex;flex-direction:column}.user-identity{align-items:center;text-align:center;margin-bottom:40px}.profile-avatar-xl{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:4px solid var(--bg-card);display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 8px 24px rgba(0,0,0,.3);color:var(--text-secondary)}.dashboard-name{font-size:20px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.dashboard-badge{padding:4px 12px;background:rgba(255,255,255,.1);border-radius:99px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.sidebar-menu{display:flex;flex-direction:column;gap:8px}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-radius:12px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.menu-item.active,.menu-item:hover{background:rgba(255,255,255,.05);color:var(--text-primary)}.menu-item.active{background:rgba(255,255,255,.1)}.dashboard-content{padding:40px;position:relative;overflow-y:auto;max-height:80vh}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.content-header h3{font-size:18px;font-weight:600;color:var(--text-primary)}.edit-btn{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--border-color);padding:8px 16px;border-radius:8px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.edit-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.info-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;margin-bottom:40px}.info-group label{display:block;font-size:12px;color:var(--text-tertiary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:15px;color:var(--text-primary);font-weight:500}.usage-stats h4{font-size:14px;color:var(--text-secondary);margin-bottom:16px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.stat-box{padding:20px;text-align:center}.stat-num{display:block;font-size:24px;font-weight:700;margin-bottom:4px}.stat-desc{font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;margin-bottom:32px}.form-actions{display:flex;justify-content:flex-end;gap:12px}.hero-cta.secondary{background:transparent;border:1px solid var(--border-color);border-radius:10px;box-shadow:none;animation:none;overflow:hidden}.hero-cta.secondary:hover{border-color:var(--text-secondary)}.hero-cta.secondary:after,.hero-cta.secondary:before{display:none}@media (max-width:800px){.profile-dashboard{grid-template-columns:1fr;max-width:400px}.dashboard-sidebar{border-right:none;border-bottom:1px solid var(--border-color);padding:24px}.sidebar-menu{display:none}.form-grid,.history-grid,.info-grid,.stats-row{grid-template-columns:1fr}}.profile-info-top{display:flex;justify-content:space-between;margin-bottom:40px;padding-bottom:0;border-bottom:none}.profile-info-top .info-group label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-tertiary);margin-bottom:8px;display:block}.profile-info-top .info-value{font-size:16px;color:var(--text-primary);font-weight:500}.auth-form.profile-form{margin-top:40px}.history-section{margin-top:32px}.history-grid{display:grid;grid-template-columns:1fr 1.2fr;grid-gap:20px;gap:20px}.history-projects{display:flex;flex-direction:column;gap:10px}.history-project-card{background:rgba(255,255,255,.03);border:1px solid var(--border-color);border-radius:12px;padding:14px 16px;text-align:left;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.history-project-card:hover{border-color:rgba(255,255,255,.3);transform:translateY(-1px)}.history-project-card.active{border-color:rgba(148,163,184,.6);background:rgba(255,255,255,.06);box-shadow:0 6px 20px rgba(0,0,0,.3)}.history-project-name{font-weight:600;font-size:14px;margin-bottom:6px}.history-project-meta{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--text-tertiary)}.history-project-tag{padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.08);text-transform:capitalize}.history-generations{background:rgba(255,255,255,.02);border:1px solid var(--border-color);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.history-header-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-secondary);font-weight:600}.history-open-btn{background:transparent;border:1px solid var(--border-color);border-radius:999px;padding:6px 12px;font-size:11px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.history-open-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.history-list{display:flex;flex-direction:column;gap:10px}.history-row{justify-content:space-between;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.04)}.history-row,.history-row-main{display:flex;align-items:center}.history-row-main{gap:8px}.history-type{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.history-status{font-size:11px;padding:2px 8px;border-radius:999px;text-transform:capitalize;background:rgba(148,163,184,.2);color:var(--text-primary)}.history-status.done{background:rgba(74,222,128,.18);color:#86efac}.history-status.error{background:rgba(248,113,113,.18);color:#fca5a5}.history-status.queued,.history-status.running{background:rgba(148,163,184,.2);color:var(--text-secondary)}.history-row-meta{font-size:11px;color:var(--text-tertiary);display:flex;align-items:center;gap:10px}.history-error{color:var(--error-text)}.history-empty{padding:16px;text-align:center;color:var(--text-tertiary);font-size:12px;border:1px dashed var(--border-color);border-radius:12px}.profile-form h3,.usage-stats h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.stat-box{background:rgba(255,255,255,.03);border:1px solid var(--border-color);padding:24px 16px;border-radius:12px}.stat-num{font-size:28px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.stat-desc{font-size:11px;text-transform:capitalize;color:var(--text-tertiary)}.figma-input{background:transparent;border:1px solid var(--border-color)}.nav-links a[href="/builder"],.nav-links a[href="builder.html"]{background:linear-gradient(90deg,#ffffff,#9ca3af,#ffffff,#9ca3af,#ffffff);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:300% auto;animation:ai-gradient-shine 4s linear infinite;font-weight:600}@keyframes ai-gradient-shine{to{background-position:200%}}.mobile-menu-btn{display:none;background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:8px}@media (max-width:968px){.hero-content{grid-template-columns:1fr;text-align:center;gap:40px}.hero-text{text-align:center;align-items:center}.hero-features-grid{justify-content:center}.hero-visual{order:-1;margin-bottom:20px}.visual-card{max-width:280px;margin:0 auto}}@media (max-width:768px){.nav-container{padding:16px}.mobile-menu-btn{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);flex-direction:column;padding:24px;border-bottom:1px solid var(--border-color);box-shadow:0 10px 30px rgba(0,0,0,.5);gap:16px;z-index:1000}.nav-links.active{display:flex;animation:slideDown .3s ease-out forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-link.active:after{display:none}.hero-title{font-size:32px;letter-spacing:-1px}.hero-stats{justify-content:center;gap:16px}.stat-divider{display:none}.mobile-frame{width:100%;max-width:220px;height:auto;aspect-ratio:1/2}.features-grid{grid-template-columns:1fr;padding:0 16px}.steps-container{display:flex;flex-direction:column;align-items:center;width:100%}.step-item{width:100%;max-width:100%;margin-bottom:32px}.use-case-content,.use-case-content.use-case-reverse{flex-direction:column;text-align:center}.use-case-visual{width:100%;margin-bottom:32px}.visual-card{max-width:100%}.cta-title{font-size:28px}.cta-features{flex-direction:column;gap:12px}.footer-content{flex-direction:column;gap:24px;text-align:center}.footer-links{flex-direction:column;gap:16px}.footer-separator{display:none}.hero-section{padding:20px 0!important;margin-bottom:20px!important;min-height:auto!important}.hero-content{gap:20px!important;display:flex!important;flex-direction:column!important;align-items:center!important}.hero-text{text-align:center!important;width:100%!important}.hero-title{margin-bottom:12px!important;display:flex!important;flex-direction:column!important;align-items:center!important}.hero-title,.title-line{font-size:24px!important}.title-line{line-height:1.2!important;white-space:normal!important;display:block!important}.hero-subtitle{font-size:14px!important;margin-bottom:20px!important;max-width:100%!important;padding:0 10px!important;line-height:1.4!important}.hero-visual{margin-bottom:10px!important;order:-1!important}.mobile-frame{width:180px!important;height:360px!important;border-radius:24px!important}.mobile-screen{border-radius:21px!important}.mobile-notch{width:80px!important;height:14px!important}.hero-stats{flex-direction:row!important;gap:10px!important;padding-top:5px!important;margin-bottom:20px!important;justify-content:center!important}.stat-item{flex:1 1!important}.stat-number{font-size:16px!important}.stat-label{font-size:9px!important}.stat-divider{display:none!important}.hero-cta{margin-top:10px!important;width:100%!important;max-width:280px!important;margin-left:auto!important;margin-right:auto!important;padding:10px 20px!important;font-size:14px!important}.hero-visual .mobile-content{padding:30px 12px 12px!important;gap:8px!important;overflow-y:hidden!important}.hero-visual .landing-preview-mobile{padding:12px!important;border-radius:12px!important}.hero-visual .landing-hero{margin-bottom:8px!important}.hero-visual .landing-title-line{font-size:14px!important;margin-bottom:4px!important}.hero-visual .landing-subtitle-line{font-size:11px!important}.hero-visual .landing-features{gap:6px!important;margin-bottom:8px!important}.hero-visual .landing-feature-icon{width:24px!important;height:24px!important}.hero-visual .landing-feature-icon svg{width:14px!important;height:14px!important}.hero-visual .landing-feature-text{font-size:10px!important}.hero-visual .arrow-transition{margin:4px 0!important}.hero-visual .arrow-transition svg{width:16px!important;height:16px!important}.hero-visual .code-preview-mobile{padding:8px!important;border-radius:8px!important}.hero-visual .code-header{margin-bottom:6px!important;padding-bottom:4px!important}.hero-visual .code-lines{gap:4px!important;font-size:8px!important}.use-case-visual .mobile-content{padding:25px 10px 10px!important;gap:10px!important;overflow-y:hidden!important}.use-case-visual .paywall-preview-mobile{padding:12px!important;border-radius:12px!important}.use-case-visual .paywall-header{margin-bottom:12px!important;gap:8px!important}.use-case-visual .paywall-icon{width:32px!important;height:32px!important;border-radius:8px!important}.use-case-visual .paywall-icon svg{width:18px!important;height:18px!important}.use-case-visual .paywall-title-line{font-size:12px!important}.use-case-visual .paywall-features{gap:8px!important;margin-bottom:12px!important}.use-case-visual .feature-text{font-size:10px!important}.use-case-visual .paywall-price{margin-bottom:12px!important}.use-case-visual .price-amount{font-size:20px!important}.use-case-visual .paywall-button{height:36px!important;font-size:12px!important;border-radius:10px!important}.use-case-visual .landing-preview-mobile{padding:12px!important;border-radius:12px!important}.use-case-visual .landing-hero{margin-bottom:12px!important}.use-case-visual .landing-title-line{font-size:14px!important}.use-case-visual .landing-subtitle-line{font-size:10px!important}.use-case-visual .landing-features{gap:8px!important;margin-bottom:12px!important}.use-case-visual .landing-feature-icon{width:28px!important;height:28px!important}.use-case-visual .landing-feature-icon svg{width:16px!important;height:16px!important}.use-case-visual .landing-feature-text{font-size:10px!important}.use-case-visual .landing-cta{height:36px!important;font-size:12px!important;border-radius:10px!important}.use-case-visual .about-preview-mobile{padding:12px!important;border-radius:12px!important}.use-case-visual .about-header{margin-bottom:12px!important}.use-case-visual .about-avatar{width:44px!important;height:44px!important;margin-bottom:8px!important}.use-case-visual .about-avatar svg{width:28px!important;height:28px!important}.use-case-visual .about-name-line{font-size:13px!important;margin-bottom:4px!important}.use-case-visual .about-role-line{font-size:10px!important}.use-case-visual .about-content{gap:6px!important;margin-bottom:12px!important}.use-case-visual .about-text-line{font-size:10px!important}.use-case-visual .about-link{height:30px!important;font-size:10px!important;border-radius:6px!important}.use-case-visual .features-preview-mobile{padding:12px!important;border-radius:12px!important}.use-case-visual .features-header{margin-bottom:12px!important}.use-case-visual .features-title-line{font-size:14px!important}.use-case-visual .features-grid-preview{gap:10px!important}.use-case-visual .feature-card-preview{padding:10px!important;border-radius:10px!important}.use-case-visual .feature-card-icon{width:32px!important;height:32px!important;margin-bottom:8px!important;border-radius:8px!important}.use-case-visual .feature-card-icon svg{width:18px!important;height:18px!important}.use-case-visual .feature-card-title{font-size:12px!important;margin-bottom:4px!important}.use-case-visual .feature-card-desc{font-size:10px!important}}.preview-mode{pointer-events:auto!important}.preview-mode.interactive:hover{transform:translateY(-1px);box-shadow:0 16px 40px rgba(15,23,42,.4),0 6px 16px rgba(0,0,0,.25)}.preview-mode.interactive:active{transform:scale(.98)}.floating-tools.preview-hidden{display:none}.editor-element.preview-mode.selected{outline:none;box-shadow:none}