@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=DM+Sans:wght@300;400;500;600;700&display=swap";.parallax{position:relative;overflow:hidden}.scroller{display:flex;white-space:nowrap;text-align:center;font-family:sans-serif;font-size:2.25rem;font-weight:700;letter-spacing:-.02em;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}.scroller span{flex-shrink:0}@media(min-width:768px){.scroller{font-size:5rem;line-height:5rem}}.magnetLines-container{display:grid;grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:repeat(var(--rows),1fr);justify-items:center;align-items:center;width:80vmin;height:80vmin}.magnetLines-container span{display:block;transform-origin:center;will-change:transform;transform:rotate(var(--rotate))}:root{--black: #0a0a0a;--black-soft: #111111;--black-card: #141414;--glass: rgba(255, 255, 255, .05);--glass-hover: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .1);--glass-border-hover: rgba(255, 255, 255, .18);--peach: #ffb399;--peach-dim: rgba(255, 179, 153, .15);--peach-glow: rgba(255, 179, 153, .25);--purple: #b388ff;--purple-dim: rgba(179, 136, 255, .15);--purple-glow: rgba(179, 136, 255, .25);--slblue: #7ec8e3;--slblue-dim: rgba(126, 200, 227, .15);--slblue-glow: rgba(126, 200, 227, .25);--text: #e8e8e8;--text-dim: #888888;--text-muted: #555555;--font-display: "Outfit", sans-serif;--font-body: "DM Sans", sans-serif;--radius: 14px;--radius-sm: 8px;--transition: .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--black);color:var(--text);line-height:1.6;overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(179,136,255,.08),transparent),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(126,200,227,.05),transparent),radial-gradient(ellipse 50% 50% at 20% 80%,rgba(255,179,153,.05),transparent),var(--black)}.main-content{flex:1}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 2rem;background:#0a0a0ab3;backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-bottom:1px solid var(--glass-border)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:70px}.nav-logo{cursor:pointer;font-family:var(--font-display);font-size:1.6rem;font-weight:800;letter-spacing:-.5px;-webkit-user-select:none;user-select:none}.logo-pop{color:var(--peach)}.logo-feed{color:var(--text)}.nav-links{display:flex;gap:.5rem}.nav-link{background:none;border:none;color:var(--text-dim);font-family:var(--font-body);font-size:.9rem;font-weight:500;padding:.5rem 1rem;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.nav-link:hover,.nav-link.active{color:var(--text);background:var(--glass)}.nav-auth{display:flex;align-items:center;gap:.75rem}.user-menu{display:flex;align-items:center;gap:1rem}.user-greeting{color:var(--peach);font-weight:500;font-size:.9rem}.btn-ghost{background:none;border:none;color:var(--text-dim);font-family:var(--font-body);font-size:.9rem;font-weight:500;padding:.5rem 1rem;cursor:pointer;transition:var(--transition);border-radius:var(--radius-sm)}.btn-ghost:hover{color:var(--text);background:var(--glass)}.btn-accent{background:linear-gradient(135deg,#ff6b9d,#ff4081);border:none;color:#0a0a0a;font-family:var(--font-body);font-size:.85rem;font-weight:600;padding:.55rem 1.25rem;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.btn-accent:hover{transform:translateY(-1px);box-shadow:0 4px 20px #ff6b9d4d}.btn-primary{background:linear-gradient(135deg,#ff6b9d,#ff4081);border:none;color:#0a0a0a;font-family:var(--font-body);font-size:1rem;font-weight:600;padding:.85rem 2rem;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px #ff6b9d4d}.btn-outline{background:transparent;border:1px solid var(--glass-border);color:var(--text);font-family:var(--font-body);font-size:1rem;font-weight:500;padding:.85rem 2rem;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.btn-outline:hover{border-color:var(--glass-border-hover);background:var(--glass);transform:translateY(-2px)}.btn-large{padding:1rem 2.5rem;font-size:1.1rem}.btn-full{width:100%}.btn-plan{width:100%;margin-top:auto;padding:.85rem}.glass-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:var(--transition)}.glass-card:hover{background:var(--glass-hover);border-color:var(--glass-border-hover)}.accent-peach:hover{border-color:#ffb3994d;box-shadow:0 4px 30px #ffb39914}.accent-purple:hover{border-color:#b388ff4d;box-shadow:0 4px 30px #b388ff14}.accent-blue:hover{border-color:#7ec8e34d;box-shadow:0 4px 30px #7ec8e314}.page{padding-top:70px}.section{max-width:1200px;margin:0 auto;padding:5rem 2rem}.page-title{font-family:var(--font-display);font-size:2.8rem;font-weight:700;text-align:center;margin-bottom:.75rem;letter-spacing:-1px;background:linear-gradient(135deg,var(--text),var(--text-dim));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title{font-family:var(--font-display);font-size:2.4rem;font-weight:700;text-align:center;margin-bottom:.75rem;letter-spacing:-.5px}.section-subtitle{text-align:center;color:var(--text-dim);font-size:1.1rem;max-width:550px;margin:0 auto 3rem}.hero{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:8rem 2rem 4rem;overflow:hidden}.hero-glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5;pointer-events:none;animation:glowPulse 8s ease-in-out infinite alternate}.hero-glow-1{width:500px;height:500px;background:var(--purple-glow);top:-10%;left:-5%;animation-delay:0s}.hero-glow-2{width:400px;height:400px;background:var(--peach-glow);bottom:-10%;right:-5%;animation-delay:3s}.hero-glow-3{width:350px;height:350px;background:var(--slblue-glow);top:30%;right:20%;animation-delay:5s}@keyframes glowPulse{0%{transform:scale(1) translate(0);opacity:.3}50%{transform:scale(1.1) translate(10px,-10px);opacity:.5}to{transform:scale(1) translate(-5px,5px);opacity:.35}}.hero-content{position:relative;z-index:1;max-width:800px;animation:fadeUp 1s ease-out;display:flex;flex-direction:column;align-items:center}.hero-glass-logo{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:20px;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);padding:2rem 3rem;margin-bottom:2.5rem;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff14;transition:.3s cubic-bezier(.4,0,.2,1);animation:fadeUp .8s ease-out}.hero-glass-logo:hover{background:#ffffff14;border-color:#ffffff2e;box-shadow:0 12px 40px #0006,inset 0 1px #ffffff1a;transform:translateY(-2px)}.hero-logo-img{height:250px;width:auto;display:block}.hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.2rem);font-weight:800;line-height:1.1;letter-spacing:-2px;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff 20%,#ff6b9d 30%,#b388ff 55%,#4a90d9 95%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.15rem;color:var(--text-dim);max-width:600px;margin:0 auto 2.5rem;line-height:1.7}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scroll-velocity-section{border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);overflow:hidden;padding:1rem 0}.custom-scroll-text{color:var(--text);font-family:var(--font-display);font-weight:700}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.service-card{padding:2rem;animation:fadeUp .6s ease-out both}.service-icon{font-size:2rem;margin-bottom:1rem;display:block}.service-title{font-family:var(--font-display);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.accent-peach .service-title{color:var(--peach)}.accent-purple .service-title{color:var(--purple)}.accent-blue .service-title{color:var(--slblue)}.service-desc{color:var(--text-dim);font-size:.95rem;line-height:1.6}.cta-section{max-width:900px;margin:0 auto;padding:2rem 2rem 5rem}.cta-card{padding:4rem 3rem;text-align:center;background:linear-gradient(135deg,var(--purple-dim),var(--peach-dim));border-color:#b388ff33}.cta-title{font-family:var(--font-display);font-size:2rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.5px}.cta-text{color:var(--text-dim);font-size:1.05rem;margin-bottom:2rem}.examples-page{padding-top:70px}.examples-hero{padding:5rem 2rem 2rem;text-align:center}.examples-feed{max-width:900px;margin:0 auto;padding:2rem 2rem 4rem;display:flex;flex-direction:column;gap:3rem}.example-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);overflow:hidden;transition:var(--transition);animation:fadeUp .6s ease-out both}.example-card:hover{background:var(--glass-hover);border-color:var(--glass-border-hover);transform:translateY(-4px)}.example-card.accent-peach:hover{border-color:#ff6b9d4d;box-shadow:0 8px 40px #ff6b9d1a}.example-card.accent-purple:hover{border-color:#b388ff4d;box-shadow:0 8px 40px #b388ff1a}.example-card.accent-blue:hover{border-color:#7ec8e34d;box-shadow:0 8px 40px #7ec8e31a}.example-image-wrap{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden}.example-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.example-card:hover .example-image{transform:scale(1.03)}.example-platform-badge{position:absolute;top:1rem;left:1rem;background:#0a0a0ab3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:50px;padding:.4rem 1rem;display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;color:var(--text)}.example-content{padding:2rem}.example-agent{font-family:var(--font-display);font-size:.9rem;font-weight:600;color:var(--text-dim);margin-bottom:1rem;letter-spacing:.5px}.accent-peach .example-agent{color:#ff6b9d}.accent-purple .example-agent{color:var(--purple)}.accent-blue .example-agent{color:var(--slblue)}.example-caption{font-size:1rem;line-height:1.7;color:var(--text);white-space:pre-line;margin-bottom:1.5rem}.example-result{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:50px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600}.result-icon{font-size:1rem}.result-text{background:linear-gradient(135deg,#ff6b9d,var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){.examples-feed{padding:1.5rem;gap:2rem}.example-content{padding:1.5rem}.example-image-wrap{aspect-ratio:4 / 3}}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;align-items:start}.pricing-card{padding:2.5rem 2rem;display:flex;flex-direction:column;position:relative}.pricing-card.popular{border-color:var(--purple);background:linear-gradient(180deg,var(--purple-dim),var(--glass));transform:scale(1.03)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--purple),#9c64ff);color:#0a0a0a;font-size:.75rem;font-weight:700;padding:.3rem 1.2rem;border-radius:20px;text-transform:uppercase;letter-spacing:1px}.plan-name{font-family:var(--font-display);font-size:1.3rem;font-weight:600;margin-bottom:1rem}.plan-price{margin-bottom:.75rem}.price-amount{font-family:var(--font-display);font-size:3rem;font-weight:800;letter-spacing:-2px}.accent-peach .price-amount{color:var(--peach)}.accent-purple .price-amount{color:var(--purple)}.accent-blue .price-amount{color:var(--slblue)}.price-period{color:var(--text-dim);font-size:1rem}.plan-desc{color:var(--text-dim);font-size:.9rem;margin-bottom:1.5rem;line-height:1.5}.plan-features{list-style:none;margin-bottom:2rem;display:flex;flex-direction:column;gap:.6rem}.plan-feature{display:flex;align-items:center;gap:.6rem;color:var(--text-dim);font-size:.9rem}.feature-check{color:var(--peach);font-weight:700;font-size:.85rem}.contact-container{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;max-width:900px;margin:0 auto}.contact-card{padding:2.5rem}.contact-info{display:flex;flex-direction:column;gap:1rem}.info-card{padding:1.5rem}.info-card h3{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:#ff6b9d;margin-bottom:.3rem}.info-card p{color:var(--text-dim);font-size:.9rem}.input-group{margin-bottom:1.25rem}.input-label{display:block;font-size:.85rem;font-weight:500;color:var(--text-dim);margin-bottom:.4rem}.input-field{width:100%;padding:.8rem 1rem;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-body);font-size:.95rem;transition:var(--transition);outline:none}.input-field:focus{border-color:var(--peach);background:#ffb3990d;box-shadow:0 0 0 3px #ffb3991a}.input-field::placeholder{color:var(--text-muted)}.textarea{resize:vertical;min-height:120px}.success-message{text-align:center;padding:2rem}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:var(--peach-dim);color:var(--peach);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.success-message h3{font-family:var(--font-display);font-size:1.5rem;margin-bottom:.5rem}.success-message p{color:var(--text-dim);margin-bottom:1.5rem}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:6rem 2rem 4rem;position:relative;overflow:hidden}.auth-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.5}.auth-card{width:100%;max-width:420px;padding:2.5rem;position:relative;z-index:1}.auth-title{font-family:var(--font-display);font-size:1.8rem;font-weight:700;margin-bottom:.3rem}.auth-subtitle{color:var(--text-dim);font-size:.95rem;margin-bottom:2rem}.auth-error{background:#ff64641a;border:1px solid rgba(255,100,100,.3);color:#ff8a80;padding:.7rem 1rem;border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:1.25rem}.auth-switch{text-align:center;color:var(--text-dim);font-size:.9rem;margin-top:1.5rem}.link-btn{background:none;border:none;color:var(--peach);font-family:var(--font-body);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition)}.link-btn:hover{color:#fff;text-decoration:underline}.auth-page .link-btn{color:#fff}.auth-page .link-btn:hover{color:#e0e0e0}.footer{border-top:1px solid var(--glass-border);padding:3rem 2rem;margin-top:auto}.footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}.footer-brand{display:flex;align-items:center;gap:1rem}.footer-brand .logo-pop,.footer-brand .logo-feed{font-family:var(--font-display);font-size:1.2rem;font-weight:800}.footer-tagline{color:var(--text-muted);font-size:.85rem}.footer-links{display:flex;gap:.5rem}.footer-link{background:none;border:none;color:var(--text-dim);font-family:var(--font-body);font-size:.85rem;cursor:pointer;padding:.4rem .8rem;border-radius:var(--radius-sm);transition:var(--transition)}.footer-link:hover{color:var(--text);background:var(--glass)}.footer-copy{color:var(--text-muted);font-size:.8rem}@media(max-width:768px){.nav-links{display:none}.hero-title{font-size:2.2rem;letter-spacing:-1px}.hero{min-height:80vh;padding:6rem 1.5rem 3rem}.stats-bar{gap:2rem}.stat-number{font-size:1.6rem}.section{padding:3rem 1.5rem}.section-title{font-size:1.8rem}.page-title{font-size:2rem}.services-grid,.pricing-grid{grid-template-columns:1fr}.pricing-card.popular{transform:none}.contact-container{grid-template-columns:1fr}.cta-card{padding:2.5rem 1.5rem}.cta-title{font-size:1.5rem}.footer-inner{flex-direction:column;text-align:center}.footer-brand{flex-direction:column;gap:.5rem}}@media(max-width:480px){.hero-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-outline{width:100%;text-align:center}.auth-card{padding:1.5rem}}
