:root{--color-bg-primary: #0a0a0a;--color-bg-secondary: #121212;--color-bg-card: #1a1a1a;--color-bg-card-hover: #222222;--color-text-primary: #ffffff;--color-text-secondary: #a0a0a0;--color-text-tertiary: #6b6b6b;--color-purple: #a855f7;--color-blue: #3b82f6;--color-pink: #ec4899;--color-orange: #f97316;--color-green: #10b981;--color-red: #ef4444;--gradient-primary: linear-gradient(135deg, #a855f7 0%, #3b82f6 100%);--gradient-cta: linear-gradient(135deg, #a855f7 0%, #3b82f6 50%, #06b6d4 100%);--gradient-animated: linear-gradient( 90deg, #a855f7 0%, #3b82f6 25%, #06b6d4 50%, #3b82f6 75%, #a855f7 100% );--gradient-stats: linear-gradient( 135deg, #ec4899 0%, #a855f7 25%, #3b82f6 50%, #06b6d4 75%, #10b981 100% );--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 2rem;--font-4xl: 2.5rem;--font-5xl: 3rem;--font-6xl: 4rem;--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out;--transition-slow: .5s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:-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;background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#0a0a0acc;backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.nav-content{display:flex;justify-content:space-between;align-items:center;height:70px}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-xl);font-weight:700;cursor:pointer}.logo-icon{font-size:var(--font-2xl);display:flex;align-items:center;justify-content:center}.logo-icon svg{width:28px;height:28px;stroke:url(#logo-gradient);animation:logoGlow 3s ease-in-out infinite}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 8px rgba(168,85,247,.3))}50%{filter:drop-shadow(0 0 12px rgba(59,130,246,.5))}}.nav-links{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-links a{color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-sm);font-weight:500;transition:color var(--transition-fast)}.nav-links a:hover{color:var(--color-text-primary)}.btn-primary,.btn-secondary,.btn-outline,.btn-secondary-light{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none;text-decoration:none;display:inline-block}.btn-primary{background:var(--gradient-animated);background-size:200% auto;color:#fff;border:none;transition:all var(--transition-fast),background-position .3s ease}.btn-primary:hover{background-position:right center;transform:translateY(-2px);box-shadow:0 10px 25px #a855f74d}.btn-secondary{background-color:transparent;color:var(--color-text-primary);border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background-color:#ffffff0d;border-color:#ffffff4d}.btn-secondary-light{background-color:#ffffff1a;color:var(--color-text-primary);border:1px solid rgba(255,255,255,.2)}.btn-secondary-light:hover{background-color:#ffffff26}.btn-outline{background-color:transparent;color:var(--color-text-primary);border:1px solid rgba(255,255,255,.2)}.btn-outline:hover{background-color:#ffffff0d}.btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-base)}.hero{padding-top:calc(70px + var(--spacing-3xl));padding-bottom:var(--spacing-3xl);text-align:center;position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:url(/hero-bg.jpeg);background-size:cover;background-position:center;opacity:.5;z-index:0}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,var(--color-bg-primary) 0%,rgba(10,10,10,.85) 20%,rgba(10,10,10,.85) 80%,var(--color-bg-primary) 100%);z-index:1}.hero .container{position:relative;z-index:2}.hero .container:before{content:"";position:absolute;top:-400px;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(168,85,247,.2) 0%,transparent 70%);filter:blur(60px);animation:pulseGlow 4s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes pulseGlow{0%,to{opacity:.5;transform:translate(-50%) scale(1)}50%{opacity:.8;transform:translate(-50%) scale(1.1)}}.hero .container:after{content:"";position:absolute;inset:-50%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse 80% 50% at 50% 50%,black,transparent);-webkit-mask-image:radial-gradient(ellipse 80% 50% at 50% 50%,black,transparent);pointer-events:none;z-index:-1}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background-color:#a855f71a;border:1px solid rgba(168,85,247,.3);border-radius:9999px;font-size:var(--font-sm);color:var(--color-purple);margin-bottom:var(--spacing-xl);animation:fadeInUp .6s ease-out}.badge svg{width:16px;height:16px;stroke:var(--color-purple);animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.8;transform:scale(1.1) rotate(5deg)}}.hero-title{font-size:var(--font-6xl);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-lg);animation:fadeInUp .6s ease-out .1s both}.gradient-text{background:var(--gradient-animated);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease-in-out infinite;position:relative}.hero-description{font-size:var(--font-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:1.8;animation:fadeInUp .6s ease-out .2s both}.hero-actions{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-3xl);animation:fadeInUp .6s ease-out .3s both}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl);max-width:900px;margin:0 auto;animation:fadeInUp .6s ease-out .4s both}.stat-item{text-align:center}.stat-value{font-size:var(--font-4xl);font-weight:800;background:var(--gradient-stats);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-xs);animation:gradientShift 6s ease-in-out infinite;position:relative}.stat-item:nth-child(1) .stat-value{animation-delay:0s}.stat-item:nth-child(2) .stat-value{animation-delay:.5s}.stat-item:nth-child(3) .stat-value{animation-delay:1s}.stat-item:nth-child(4) .stat-value{animation-delay:1.5s}.stat-label{font-size:var(--font-sm);color:var(--color-text-secondary)}.trusted-section{padding:var(--spacing-3xl) 0;text-align:center;border-top:1px solid rgba(255,255,255,.05)}.trusted-title{font-size:var(--font-xs);letter-spacing:.1em;color:var(--color-text-tertiary);margin-bottom:var(--spacing-xl);text-transform:uppercase}.companies{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-lg);align-items:center}.company{font-size:var(--font-lg);font-weight:600;color:var(--color-text-secondary);opacity:.6;transition:opacity var(--transition-fast)}.company:hover{opacity:1}.features-section{padding:var(--spacing-3xl) 0;text-align:center}.section-title{font-size:var(--font-5xl);font-weight:800;line-height:1.2;margin-bottom:var(--spacing-md)}.section-description{font-size:var(--font-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-3xl)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);text-align:left}.feature-card{background-color:var(--color-bg-card);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05);transition:all var(--transition-base)}.feature-card:hover{background-color:var(--color-bg-card-hover);border-color:#ffffff1a;transform:translateY(-4px)}.feature-icon{width:60px;height:60px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-2xl);margin-bottom:var(--spacing-md)}.feature-icon svg{width:28px;height:28px}.feature-icon.orange{background:linear-gradient(135deg,#f9731633,#f973160d)}.feature-icon.orange svg{stroke:var(--color-orange)}.feature-icon.blue{background:linear-gradient(135deg,#3b82f633,#3b82f60d)}.feature-icon.blue svg{stroke:var(--color-blue)}.feature-icon.pink{background:linear-gradient(135deg,#ec489933,#ec48990d)}.feature-icon.pink svg{stroke:var(--color-pink)}.feature-icon.green{background:linear-gradient(135deg,#10b98133,#10b9810d)}.feature-icon.green svg{stroke:var(--color-green)}.feature-icon.red{background:linear-gradient(135deg,#ef444433,#ef44440d)}.feature-icon.red svg{stroke:var(--color-red)}.feature-icon.purple{background:linear-gradient(135deg,#a855f733,#a855f70d)}.feature-icon.purple svg{stroke:var(--color-purple)}.feature-title{font-size:var(--font-xl);font-weight:700;margin-bottom:var(--spacing-sm)}.feature-description{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:1.6}.how-it-works{padding:var(--spacing-3xl) 0;text-align:center;background-color:var(--color-bg-secondary)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);text-align:left}.step-card{position:relative}.step-icon{width:80px;height:80px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-3xl);margin-bottom:var(--spacing-md)}.step-icon svg{width:36px;height:36px}.step-icon.blue-gradient{background:var(--gradient-primary)}.step-icon.blue-gradient svg{stroke:#fff}.step-number{position:absolute;top:0;right:0;font-size:var(--font-6xl);font-weight:900;color:#ffffff08;line-height:1}.step-title{font-size:var(--font-2xl);font-weight:700;margin-bottom:var(--spacing-sm)}.step-description{font-size:var(--font-base);color:var(--color-text-secondary);line-height:1.7}.testimonials{padding:var(--spacing-3xl) 0;text-align:center}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);text-align:left}.testimonial-card{background-color:var(--color-bg-card);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05);transition:all var(--transition-base)}.testimonial-card:hover{border-color:#ffffff1a;transform:translateY(-4px)}.stars{font-size:var(--font-lg);margin-bottom:var(--spacing-md);display:flex;gap:4px}.stars svg{fill:url(#star-gradient);stroke:var(--color-purple)}.stars svg:first-child{fill:var(--color-purple)}.testimonial-text{font-size:var(--font-base);line-height:1.7;margin-bottom:var(--spacing-md)}.testimonial-author{font-size:var(--font-sm);color:var(--color-text-secondary)}.testimonial-author strong{color:var(--color-text-primary);display:block;margin-bottom:var(--spacing-xs)}.pricing{padding:var(--spacing-3xl) 0;text-align:center;background-color:var(--color-bg-secondary)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);align-items:center;max-width:1100px;margin:0 auto}.pricing-card{background-color:var(--color-bg-card);padding:var(--spacing-xl);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.05);text-align:left;position:relative;transition:all var(--transition-base);height:100%}.pricing-card:hover{border-color:#ffffff1a;transform:translateY(-4px)}.pricing-card.featured{background:var(--color-bg-card);border:2px solid transparent;background-clip:padding-box;padding:calc(var(--spacing-xl) + var(--spacing-sm));transform:scale(1.08);box-shadow:0 20px 60px #a855f733;position:relative;z-index:1}.pricing-card.featured:before{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);padding:2px;background:var(--gradient-primary);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}.pricing-card.featured:hover{transform:scale(1.08) translateY(-4px);box-shadow:0 25px 70px #a855f74d}.popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--gradient-animated);background-size:200% auto;animation:gradientShift 3s ease-in-out infinite;color:#fff;padding:calc(var(--spacing-xs) + 2px) var(--spacing-lg);border-radius:9999px;font-size:var(--font-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 4px 20px #a855f766}.plan-name{font-size:var(--font-2xl);font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.pricing-card.featured .plan-name{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.plan-price{margin-bottom:var(--spacing-md)}.price{font-size:var(--font-5xl);font-weight:800;color:var(--color-text-primary)}.pricing-card.featured .price{background:var(--gradient-stats);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.period{font-size:var(--font-base);color:var(--color-text-secondary)}.plan-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.plan-features{list-style:none;margin-bottom:var(--spacing-xl)}.plan-features li{padding:var(--spacing-sm) 0;color:var(--color-text-secondary);font-size:var(--font-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.plan-features li svg{flex-shrink:0;stroke:var(--color-purple)}.pricing-card button{width:100%}.trial-note{text-align:center;font-size:var(--font-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-sm)}.cta-section{padding:var(--spacing-3xl) 0;text-align:center}.cta-content{background:var(--gradient-cta);padding:var(--spacing-3xl);border-radius:var(--radius-xl);position:relative;overflow:hidden}.cta-content:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(168,85,247,.3) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(59,130,246,.3) 0%,transparent 50%);pointer-events:none}.cta-icon{font-size:var(--font-4xl);margin-bottom:var(--spacing-xl);display:flex;align-items:center;justify-content:center}.cta-icon svg{width:48px;height:48px;stroke:#fff;background:#ffffff26;padding:16px;border-radius:var(--radius-lg);backdrop-filter:blur(10px)}.cta-title{font-size:var(--font-5xl);font-weight:800;margin-bottom:var(--spacing-md);position:relative}.cta-description{font-size:var(--font-lg);margin-bottom:var(--spacing-xl);opacity:.9;position:relative}.cta-actions{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);position:relative}.cta-actions .btn-primary{background:#fff;color:var(--color-purple);font-weight:700}.cta-actions .btn-primary:hover{background:#fffffff2;transform:translateY(-2px);box-shadow:0 10px 30px #fff3}.cta-actions .btn-secondary-light{background-color:#ffffff26;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px)}.cta-actions .btn-secondary-light:hover{background-color:#ffffff40;border-color:#fff6}.cta-features{display:flex;justify-content:center;gap:var(--spacing-xl);font-size:var(--font-sm);opacity:.95;position:relative}.cta-features span{display:flex;align-items:center;gap:var(--spacing-xs)}.cta-features span:before{content:"●";font-size:8px;color:#ffffffb3}.footer{padding:var(--spacing-3xl) 0 var(--spacing-lg);border-top:1px solid rgba(255,255,255,.05)}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-column h4{font-size:var(--font-base);font-weight:700;margin-bottom:var(--spacing-md)}.footer-column ul{list-style:none}.footer-column li{margin-bottom:var(--spacing-sm)}.footer-column a{color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-sm);transition:color var(--transition-fast)}.footer-column a:hover{color:var(--color-text-primary)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-xl);border-top:1px solid rgba(255,255,255,.05);font-size:var(--font-sm);color:var(--color-text-tertiary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes gradientRotate{0%{background-position:0% 50%;filter:hue-rotate(0deg)}50%{background-position:100% 50%;filter:hue-rotate(10deg)}to{background-position:0% 50%;filter:hue-rotate(0deg)}}@media (max-width: 1024px){.hero-title{font-size:var(--font-5xl)}.stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.features-grid,.steps-grid,.testimonials-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.companies{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.nav-links a:not(:last-child){display:none}.hero-title{font-size:var(--font-4xl)}.hero-description{font-size:var(--font-base)}.hero-actions{flex-direction:column;align-items:stretch}.stats{grid-template-columns:repeat(2,1fr)}.features-grid,.steps-grid,.testimonials-grid,.pricing-grid{grid-template-columns:1fr}.companies,.footer-grid{grid-template-columns:repeat(2,1fr)}.section-title,.cta-title{font-size:var(--font-4xl)}.cta-features{flex-direction:column;gap:var(--spacing-sm)}.pricing-card.featured{transform:scale(1);box-shadow:0 10px 40px #a855f726}}@media (max-width: 480px){.container{padding:0 var(--spacing-md)}.hero-title{font-size:var(--font-3xl)}.stats,.companies,.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:var(--spacing-md)}}
