@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}.environment-ribbon{position:fixed;top:0;right:0;z-index:9999;width:200px;height:200px;overflow:hidden;pointer-events:none}.ribbon-content{position:absolute;top:45px;right:-50px;width:250px;background:var(--ribbon-bg);color:#fff;text-align:center;padding:8px 0;font-size:13px;font-weight:700;letter-spacing:1.5px;transform:rotate(45deg);box-shadow:0 4px 12px #0000004d;pointer-events:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.ribbon-content:before,.ribbon-content:after{content:"";position:absolute;top:0;width:0;height:0;border-style:solid}.ribbon-content:before{left:0;border-width:0 0 8px 8px;border-color:transparent transparent rgba(0,0,0,.2) transparent}.ribbon-content:after{right:0;border-width:8px 8px 0 0;border-color:rgba(0,0,0,.2) transparent transparent transparent}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.environment-ribbon .ribbon-content{animation:pulse 2s ease-in-out infinite}@media(max-width:768px){.environment-ribbon{width:150px;height:150px}.ribbon-content{top:35px;right:-40px;width:200px;font-size:11px;padding:6px 0}}.terms-page{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--bg-primary);overflow-y:auto;z-index:1000}.terms-header{background-color:var(--bg-secondary);padding:1.5rem 1rem 2.5rem;position:relative;text-align:center;border-bottom:1px solid var(--border-color)}.back-button{position:absolute;top:1rem;left:1rem;background:transparent;border:none;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:1rem;transition:color .2s}.back-button:hover{color:var(--primary-color)}.terms-header h1{font-size:3rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.terms-container{max-width:800px;margin:-2rem auto 2rem;padding:0 1rem;position:relative;z-index:2}.terms-content{background-color:var(--bg-card);border-radius:1rem;border:1px solid var(--border-color);padding:1.5rem;box-shadow:0 10px 30px -10px #00000080}.terms-section{margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-color)}.terms-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.terms-section h2{font-size:1.5rem;color:var(--text-primary);margin-bottom:1rem}.important-notice{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.75rem;padding:1.25rem;margin-bottom:1.5rem}.important-notice h2{color:#ef4444;display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.notice-icon{display:none}.important-notice h3{font-size:1.1rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.terms-content p,.terms-content li{line-height:1.5;color:var(--text-secondary);margin-bottom:.75rem;font-size:.95rem}.terms-content ul{list-style-type:disc;padding-left:1.25rem;margin-bottom:1rem}.contact-email,.company-address{font-weight:500;color:var(--text-primary)!important}@media(max-width:768px){.terms-header{padding:4rem 1.5rem 3rem}.back-button{top:1rem;left:1rem}.terms-header h1{font-size:2rem}.terms-content{padding:1.5rem}}:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary: #ec4899;--secondary-dark: #db2777;--accent: #06b6d4;--accent-dark: #0891b2;--bg-dark: #0f172a;--bg-darker: #020617;--bg-card: rgba(30, 41, 59, .5);--bg-card-hover: rgba(51, 65, 85, .6);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--success: #22c55e;--error: #ef4444;--warning: #f59e0b;--glow-primary: rgba(99, 102, 241, .5);--glow-secondary: rgba(236, 72, 153, .5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-darker);color:var(--text-primary);overflow-x:hidden}.app{min-height:100vh;position:relative}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:2rem;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(99,102,241,.15),transparent),radial-gradient(ellipse 60% 50% at 50% 120%,rgba(236,72,153,.15),transparent)}.hero-content{position:relative;z-index:10;text-align:center;max-width:900px}.logo{margin-bottom:2rem;filter:drop-shadow(0 0 40px var(--glow-primary));animation:logoFloat 3s ease-in-out infinite}.logo img,.logo-image{width:120px!important;height:120px!important;max-width:120px!important;max-height:120px!important;object-fit:contain;border-radius:16px}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero h1{font-size:clamp(2.5rem,8vw,5rem);font-weight:900;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 25%,var(--secondary) 50%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;letter-spacing:-.02em;line-height:1.1;animation:gradientShift 8s ease infinite;background-size:200% 200%;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;padding:0 1rem}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.tagline{font-size:clamp(1.4rem,3.5vw,2rem);color:var(--text-secondary);margin-bottom:1.5rem;font-weight:400;letter-spacing:.05em}.description{font-size:clamp(1.1rem,2.5vw,1.4rem);color:var(--text-muted);margin-bottom:3rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.7}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.btn{padding:1.2rem 2.5rem;border-radius:16px;font-size:1.1rem;font-weight:700;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.75rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;letter-spacing:.02em}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff26;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:400px;height:400px}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 10px 40px var(--glow-primary),0 0 0 1px #6366f11a inset}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 20px 60px var(--glow-primary),0 0 0 1px #6366f133 inset}.btn-secondary{background:#ffffff08;color:#fff;border:2px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.btn-secondary:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-3px)}.hero-bg{position:absolute;inset:0;z-index:1;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;animation:float 25s ease-in-out infinite}.orb-1{width:600px;height:600px;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);top:-300px;left:-300px;animation-delay:0s}.orb-2{width:500px;height:500px;background:radial-gradient(circle,var(--secondary) 0%,transparent 70%);bottom:-250px;right:-250px;animation-delay:-8s}.orb-3{width:450px;height:450px;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);top:50%;right:-225px;animation-delay:-16s}@keyframes float{0%,to{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(50px,-50px) scale(1.1) rotate(120deg)}66%{transform:translate(-30px,30px) scale(.9) rotate(240deg)}}section{padding:8rem 2rem;position:relative}.section-header{text-align:center;margin-bottom:5rem}.section-header h2{font-size:clamp(3rem,6vw,4.5rem);font-weight:900;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.section-header p{font-size:1.3rem;color:var(--text-secondary)}.download-section{background:linear-gradient(135deg,#6366f108,#ec489908)}.download-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;max-width:1000px;margin:0 auto}.download-card{background:var(--bg-card);border-radius:32px;padding:3.5rem 2.5rem;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .5s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;overflow:hidden}.download-card:before{content:"";position:absolute;inset:0;border-radius:32px;padding:1px;background:linear-gradient(135deg,var(--primary),var(--secondary),var(--accent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .5s ease}.download-card:hover:before{opacity:1}.download-card:hover{transform:translateY(-10px);background:var(--bg-card-hover);box-shadow:0 40px 100px #6366f14d}.download-icon{width:100px;height:100px;border-radius:24px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;color:#fff;box-shadow:0 20px 40px var(--glow-primary)}.download-card h3{font-size:2rem;margin-bottom:.75rem;color:var(--text-primary);font-weight:800}.download-description{color:var(--text-secondary);margin-bottom:2rem;font-size:1.05rem}.download-features{list-style:none;margin-bottom:2.5rem;text-align:left}.download-features li{display:flex;align-items:center;gap:1rem;padding:.75rem 0;color:var(--text-primary);font-size:1rem}.download-features li svg{color:var(--success);flex-shrink:0}.download-card .btn{width:100%;justify-content:center;margin-bottom:1rem}.download-note{color:var(--text-muted);font-size:.9rem;margin:0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.feature-card{background:var(--bg-card);border-radius:28px;padding:2.5rem;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.feature-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent));transform:scaleX(0);transition:transform .4s ease}.feature-card:hover:after{transform:scaleX(1)}.feature-card:hover{transform:translateY(-8px);border-color:#6366f14d;background:var(--bg-card-hover);box-shadow:0 30px 80px #6366f140}.feature-icon{width:70px;height:70px;border-radius:20px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);display:flex;align-items:center;justify-content:center;margin-bottom:2rem;color:#fff;box-shadow:0 10px 30px var(--glow-primary);transition:transform .4s ease}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-card h3{font-size:1.6rem;margin-bottom:.75rem;color:var(--text-primary);font-weight:700}.feature-card p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.7;font-size:1.05rem}.feature-availability{display:flex;gap:1.5rem;flex-direction:column}.availability-item{display:flex;align-items:center;gap:.75rem;font-size:1rem}.plan-label{color:var(--text-muted);min-width:90px;font-weight:600}.check{color:var(--success)}.cross{color:var(--error)}.limited{color:var(--warning);font-weight:700}.unlimited{color:var(--success);font-weight:700}.pricing{padding-top:10rem}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:3rem;max-width:1000px;margin:0 auto;justify-content:center;margin-top:4rem}.pricing-card{background:var(--bg-card);border-radius:40px;padding:4rem 3rem;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .6s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.pricing-card:before{content:"";position:absolute;inset:0;border-radius:40px;padding:2px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 50%,var(--accent) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .6s ease}.pricing-card.premium{border-color:#6366f166;background:linear-gradient(135deg,#6366f11f,#ec48991f);box-shadow:0 30px 80px #6366f159,0 0 100px #6366f11a inset}.pricing-card.premium:before{opacity:1}.pricing-card.premium:after{content:"";position:absolute;inset:-150%;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(99,102,241,.4) 90deg,transparent 180deg,rgba(236,72,153,.4) 270deg,transparent 360deg);animation:rotate 10s linear infinite;opacity:.6}@keyframes rotate{to{transform:rotate(360deg)}}.pricing-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 50px 120px #6366f166}.pricing-card h3{font-size:2rem;margin-bottom:2rem;color:var(--text-primary);font-weight:800;position:relative;z-index:2}.price{margin-bottom:1.5rem;position:relative;z-index:2}.price .amount{font-size:5rem;font-weight:900;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 50%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;display:inline-block;animation:shimmer 4s ease-in-out infinite;background-size:200% 200%}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.price .period{font-size:1.2rem;color:var(--text-secondary);margin-left:.75rem;font-weight:600}.price-description{color:var(--text-secondary);margin-bottom:3rem;font-size:1.1rem;position:relative;z-index:2}.features-list{list-style:none;margin-bottom:3rem;position:relative;z-index:2}.features-list li{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 0;color:var(--text-primary);border-bottom:1px solid rgba(255,255,255,.06);font-size:1.1rem;transition:all .3s ease}.features-list li:hover{padding-left:.75rem;color:var(--primary-light)}.features-list li svg{color:var(--success);filter:drop-shadow(0 0 10px rgba(34,197,94,.6))}.features-list li:last-child{border-bottom:none}.pricing-card .btn{width:100%;justify-content:center;position:relative;z-index:2;font-size:1.2rem;padding:1.4rem 2.5rem;font-weight:800;box-shadow:0 15px 40px var(--glow-primary)}.pricing-card .btn:hover{box-shadow:0 20px 60px var(--glow-primary);transform:translateY(-4px)}.pricing-note{text-align:center;color:var(--text-secondary);font-size:1.1rem;margin-top:3rem;max-width:700px;margin-left:auto;margin-right:auto}.showcase{padding:8rem 2rem}.floating-screenshots{display:flex;gap:3rem;justify-content:center;align-items:center;flex-wrap:wrap;max-width:1400px;margin:0 auto}.screenshot-float{border-radius:24px;overflow:hidden;box-shadow:0 30px 80px #00000080;transition:all .5s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1)}.screenshot-float:hover{transform:translateY(-15px) scale(1.05);box-shadow:0 50px 120px #6366f166}.screenshot-float img{display:block;width:100%;height:auto}.screenshot-1,.screenshot-2{max-width:600px}.footer{background:var(--bg-card);padding:4rem 2rem 2.5rem;border-top:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2.5rem;margin-bottom:2.5rem}.footer-brand{display:flex;flex-direction:column;gap:.75rem}.footer-logo{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center}.footer-brand p{color:var(--text-secondary);font-size:1rem}.footer-links{display:flex;gap:2.5rem;flex-wrap:wrap}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease;font-weight:500;font-size:1.05rem}.footer-links a:hover{color:var(--primary)}.footer-bottom{text-align:center;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.06)}.footer-bottom p{color:var(--text-muted);font-size:1rem}@media(max-width:768px){.hero{min-height:90vh;padding:1.5rem}section{padding:5rem 1.5rem}.features-grid,.pricing-cards,.download-cards{grid-template-columns:1fr}.footer-content{flex-direction:column;text-align:center}.footer-links{justify-content:center}.cta-buttons{flex-direction:column;width:100%}.btn{width:100%;justify-content:center}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--secondary) 100%)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem}.modal-content{background:var(--bg-card);border-radius:32px;padding:3.5rem 3rem;max-width:500px;width:100%;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;position:relative;box-shadow:0 40px 100px #00000080}.modal-icon{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;box-shadow:0 20px 40px #0000004d}.success-icon{background:linear-gradient(135deg,var(--success) 0%,#16a34a 100%);color:#fff;box-shadow:0 20px 60px #22c55e80}.cancel-icon{background:linear-gradient(135deg,var(--error) 0%,#dc2626 100%);color:#fff;box-shadow:0 20px 60px #ef444480}.modal-content h2{font-size:2rem;margin-bottom:1rem;color:var(--text-primary);font-weight:800}.modal-content p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1rem;line-height:1.6}.modal-details{color:var(--text-muted);font-size:1rem;margin-bottom:2.5rem}@media(max-width:768px){.modal-content{padding:2.5rem 2rem}.modal-icon{width:80px;height:80px}.modal-icon svg{width:40px;height:40px}.modal-content h2{font-size:1.6rem}.modal-actions{flex-direction:column;width:100%}.modal-actions .btn{width:100%}}.why-section{background:linear-gradient(135deg,#6366f10d,#ec48990d)}.value-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.value-card{background:var(--bg-card);border-radius:24px;padding:2.5rem;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;overflow:hidden}.value-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent));transform:scaleX(0);transition:transform .4s ease}.value-card:hover:before{transform:scaleX(1)}.value-card:hover{transform:translateY(-8px);border-color:#6366f14d;background:var(--bg-card-hover);box-shadow:0 20px 60px #6366f140}.value-icon{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;box-shadow:0 10px 30px var(--glow-primary);transition:transform .4s ease}.value-card:hover .value-icon{transform:scale(1.1) rotate(-5deg)}.value-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary);font-weight:700}.value-card p{color:var(--text-secondary);line-height:1.7;font-size:1rem}.use-cases-section{background:var(--bg-dark)}.use-case-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;max-width:1400px;margin:0 auto}.use-case-card{background:var(--bg-card);border-radius:28px;padding:2.5rem;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.use-case-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.use-case-card:hover:after{transform:scaleX(1)}.use-case-card:hover{border-color:#6366f14d;background:var(--bg-card-hover);box-shadow:0 25px 70px #6366f140}.use-case-icon{width:70px;height:70px;border-radius:18px;background:linear-gradient(135deg,var(--secondary) 0%,var(--secondary-dark) 100%);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff;box-shadow:0 10px 30px var(--glow-secondary);transition:transform .4s ease}.use-case-card:hover .use-case-icon{transform:scale(1.1) rotate(5deg)}.use-case-card h3{font-size:1.6rem;margin-bottom:1rem;color:var(--text-primary);font-weight:700}.use-case-card>p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.7;font-size:1rem}.use-case-features{list-style:none;display:flex;flex-direction:column;gap:.75rem}.use-case-features li{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);font-size:.95rem;transition:all .3s ease}.use-case-features li:hover{padding-left:.5rem;color:var(--primary-light)}.use-case-features li svg{color:var(--accent);flex-shrink:0}.how-it-works-section{background:linear-gradient(135deg,#6366f108,#ec489908)}.workflow-steps{display:flex;align-items:center;justify-content:center;gap:2rem;max-width:1400px;margin:0 auto;flex-wrap:wrap}.workflow-step{flex:1;min-width:280px;max-width:380px;background:var(--bg-card);border-radius:28px;padding:2.5rem;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;text-align:center}.workflow-step:hover{transform:translateY(-10px);border-color:#6366f14d;background:var(--bg-card-hover);box-shadow:0 30px 80px #6366f14d}.step-number{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;color:#fff;box-shadow:0 10px 30px var(--glow-primary);border:3px solid var(--bg-dark)}.step-content{padding-top:1rem}.step-icon{width:90px;height:90px;border-radius:22px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;box-shadow:0 15px 40px #06b6d466;transition:transform .4s ease}.workflow-step:hover .step-icon{transform:scale(1.1) rotate(-5deg)}.step-content h3{font-size:1.7rem;margin-bottom:1rem;color:var(--text-primary);font-weight:700}.step-content p{color:var(--text-secondary);line-height:1.7;font-size:1rem}.step-connector{width:60px;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary));position:relative;flex-shrink:0}.step-connector:after{content:"→";position:absolute;right:-10px;top:50%;transform:translateY(-50%);color:var(--primary);font-size:1.5rem;font-weight:700}@media(max-width:768px){.value-cards,.use-case-cards{grid-template-columns:1fr;gap:1.5rem}.workflow-steps{flex-direction:column;gap:3rem}.step-connector{width:2px;height:60px;transform:rotate(90deg)}.step-connector:after{content:"↓";inset:auto auto -10px 50%;transform:translate(-50%)}}.footer-link-btn{background:none;border:none;padding:0;font:inherit;cursor:pointer;color:var(--text-secondary);transition:color .2s;font-size:1.05rem;font-weight:500}.footer-link-btn:hover{color:var(--primary)}.terms-checkbox-container{margin:1rem 0;text-align:left;font-size:.85rem;color:var(--text-secondary);padding:.5rem;background:#ffffff0d;border-radius:8px}.terms-checkbox-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.terms-checkbox-label input[type=checkbox]{margin-top:3px;accent-color:var(--primary);width:16px;height:16px;cursor:pointer;pointer-events:auto;position:relative;z-index:10}.terms-text{line-height:1.4}.terms-link-btn{background:none;border:none;padding:0;color:var(--primary);text-decoration:underline;cursor:pointer;font-size:inherit;font-family:inherit}.terms-link-btn:hover{text-decoration:none;color:var(--primary-hover)}.btn.disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.5)}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem}.modal-content{background:var(--bg-card);border-radius:32px;padding:3.5rem 3rem;max-width:500px;width:100%;text-align:center;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 40px 100px #00000080;position:relative}.modal-icon{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;color:#fff}.success-icon{background:linear-gradient(135deg,var(--success) 0%,#16a34a 100%);box-shadow:0 20px 60px #22c55e80}.cancel-icon{background:linear-gradient(135deg,var(--warning) 0%,#d97706 100%);box-shadow:0 20px 60px #f59e0b80}.error-icon{background:linear-gradient(135deg,var(--error) 0%,#dc2626 100%);box-shadow:0 20px 60px #ef444480}.modal-content h2{font-size:2.2rem;margin-bottom:1rem;color:var(--text-primary);font-weight:800}.modal-content p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.modal-details{color:var(--text-muted);font-size:.95rem;margin-bottom:2.5rem}.modal-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.modal-actions .btn{min-width:140px}.producthunt-section{padding:5rem 2rem;background:linear-gradient(135deg,#6366f10a,#ec48990a)}.producthunt-embed{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.producthunt-label{font-size:.9rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.ph-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;max-width:480px;width:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #00000040;transition:all .3s ease}.ph-card:hover{border-color:#ff61544d;box-shadow:0 16px 48px #ff615426;transform:translateY(-4px)}.ph-card-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.ph-logo{width:64px;height:64px;border-radius:12px;object-fit:cover;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.ph-info{flex:1;min-width:0}.ph-name{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ph-tagline{margin:4px 0 0;font-size:.875rem;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ph-button{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:linear-gradient(135deg,#ff6154,#ff4843);color:#fff;text-decoration:none;border-radius:10px;font-size:.9rem;font-weight:700;transition:all .3s ease;box-shadow:0 6px 20px #ff615466}.ph-button:hover{background:linear-gradient(135deg,#ff4843,#e63d30);transform:translateY(-2px);box-shadow:0 10px 30px #ff615480}.showcase{background:linear-gradient(180deg,var(--bg-dark) 0%,var(--bg-card) 50%,var(--bg-dark) 100%);padding:8rem 2rem;overflow:hidden}.floating-screenshots{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:900px;margin:0 auto;padding:0 1rem}.screenshot-float{position:relative;width:100%;height:auto;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #0000004d;border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.4,0,.2,1);background:var(--bg-card)}.screenshot-float:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);z-index:1;opacity:0;transition:opacity .3s ease;pointer-events:none}.screenshot-float:hover:before{opacity:1}.screenshot-float:hover{transform:translateY(-5px);box-shadow:0 25px 50px #667eea33;border-color:var(--primary)}.screenshot-float img{width:100%;height:auto;display:block;transition:transform .4s ease}.screenshot-float:hover img{transform:scale(1.02)}.screenshot-1{animation-delay:0s}.screenshot-2{animation-delay:.1s}.screenshot-3{animation-delay:.2s}.screenshot-4{animation-delay:.3s}@media(max-width:992px){.floating-screenshots{grid-template-columns:1fr;max-width:600px;gap:3rem}}@media(max-width:768px){.showcase{padding:4rem 1.5rem}.floating-screenshots{flex-direction:column;gap:2rem}.screenshot-float{width:100%;max-width:400px;height:280px}}@media(max-width:480px){.screenshot-float{height:240px}}.screenshot-zoom-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem;pointer-events:none}.screenshot-zoom-overlay img{max-width:90vw;max-height:90vh;width:auto;height:auto;border-radius:12px;box-shadow:0 30px 80px #00000080;border:2px solid rgba(102,126,234,.3);object-fit:contain}@media(max-width:768px){.screenshot-zoom-overlay{padding:1rem}.screenshot-zoom-overlay img{max-width:95vw;max-height:95vh}}.logo-image{width:120px!important;height:120px!important;max-width:120px!important;max-height:120px!important;object-fit:contain;filter:drop-shadow(0 0 30px rgba(99,102,241,.5));border-radius:16px}.logo{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;margin:0 auto}