.marketing-page{--marketing-bg:#fff;--marketing-bg-subtle:#fafafa;--marketing-bg-muted:#f5f5f5;--marketing-text:#0a0a0a;--marketing-text-muted:#525252;--marketing-accent:#7c3aed;--marketing-accent-light:#7c3aed1a;--marketing-border:#e5e5e5}.trust-badge{background:#fff;border:1px solid #e5e5e5;border-radius:50px;align-items:center;gap:.75rem;padding:.75rem 1.25rem;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #0000000a}.trust-badge:hover{border-color:#d4d4d4;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.trust-badge-content{flex-direction:column;gap:.125rem;display:flex}.trust-badge-title{color:#0a0a0a;white-space:nowrap;font-size:.875rem;font-weight:600}.trust-badge-subtitle{color:#737373;font-size:.75rem}:where(.dark,.dark *) .trust-badge{background:#171717;border-color:#262626}:where(.dark,.dark *) .trust-badge:hover{border-color:#404040}:where(.dark,.dark *) .trust-badge-title{color:#fff}:where(.dark,.dark *) .trust-badge-subtitle{color:#a3a3a3}.cta-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 50%,#f97316 100%) 0 0/200% 200%;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);animation:3s infinite gradient-shift;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #8b5cf666}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.cta-primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 30px #8b5cf680}.cta-primary:active{transform:translateY(0)scale(1)}.cta-primary{isolation:isolate}.cta-primary>*{z-index:1;position:relative}.cta-secondary{color:#0a0a0a;cursor:pointer;background:0 0;border:2px solid #e5e5e5;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.cta-secondary:hover{background:#fafafa;border-color:#0a0a0a}.cta-lg{border-radius:16px;padding:1.25rem 2.5rem;font-size:1.25rem}.cta-sm{border-radius:12px;padding:.75rem 1.5rem;font-size:1rem}.hero-gradient{background:#fff;position:relative;overflow:hidden}.hero-gradient:before{content:"";z-index:0;background:radial-gradient(80% 60% at 50% -20%,#8b5cf61f,#0000 60%),radial-gradient(60% 40% at 80% 20%,#ec489914,#0000 50%),radial-gradient(60% 40% at 20% 80%,#f973160f,#0000 50%);animation:8s ease-in-out infinite alternate hero-gradient-float;position:absolute;inset:0}@keyframes hero-gradient-float{0%{transform:scale(1)translateY(0)}to{transform:scale(1.05)translateY(-10px)}}.hero-gradient:after{content:"";filter:blur(60px);pointer-events:none;z-index:0;background:linear-gradient(135deg,#8b5cf61a,#ec48991a);border-radius:50%;width:300px;height:300px;animation:6s ease-in-out infinite alternate float-blob;position:absolute;top:20%;right:10%}@keyframes float-blob{0%{opacity:.5;transform:translate(0)scale(1)}to{opacity:.7;transform:translate(-30px,20px)scale(1.1)}}:where(.dark,.dark *) .hero-gradient{background:#0a0a0a}:where(.dark,.dark *) .hero-gradient:before{background:radial-gradient(80% 60% at 50% -20%,#8b5cf633,#0000 60%),radial-gradient(60% 40% at 80% 20%,#ec48991f,#0000 50%),radial-gradient(60% 40% at 20% 80%,#f9731614,#0000 50%)}:where(.dark,.dark *) .hero-gradient:after{background:linear-gradient(135deg,#8b5cf626,#ec489926)}.hero-title{letter-spacing:-.04em;color:#0a0a0a;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;line-height:1.05}:where(.dark,.dark *) .hero-title{color:#fff}.hero-title-highlight{background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#525252;max-width:42rem;font-size:clamp(1.125rem,2.5vw,1.375rem);line-height:1.6}:where(.dark,.dark *) .hero-subtitle{color:#a3a3a3}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:6s ease-in-out infinite float}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #8b5cf64d}50%{box-shadow:0 0 40px #8b5cf680}}.animate-pulse-glow{animation:3s ease-in-out infinite pulse-glow}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-shimmer{background:linear-gradient(90deg,#0000 0%,#fff3 50%,#0000 100%) 0 0/200% 100%;animation:2s infinite shimmer}@keyframes gradient-border{0%,to{background-position:0%}50%{background-position:100%}}.gradient-border{background:hsl(var(--card));border-radius:16px;position:relative}.gradient-border:before{content:"";z-index:-1;background:linear-gradient(90deg,#6366f1,#8b5cf6,#06b6d4,#8b5cf6,#6366f1) 0 0/300% 100%;border-radius:18px;animation:4s linear infinite gradient-border;position:absolute;inset:-2px}.feature-card{background:#fff;border:1px solid #e5e5e5;border-radius:24px;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:before{content:"";-webkit-mask-composite:xor;opacity:0;background:linear-gradient(135deg,#8b5cf6,#ec4899,#f97316);border-radius:24px;padding:2px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.feature-card:hover{border-color:#0000;transform:translateY(-8px);box-shadow:0 25px 50px #8b5cf626}.feature-card:hover:before{opacity:1}:where(.dark,.dark *) .feature-card{background:#171717;border-color:#262626}:where(.dark,.dark *) .feature-card:hover{box-shadow:0 25px 50px #8b5cf633}.feature-card-icon{color:#8b5cf6;background:linear-gradient(135deg,#8b5cf61a,#ec48991a);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;transition:all .3s;display:flex}.feature-card:hover .feature-card-icon{color:#fff;background:linear-gradient(135deg,#8b5cf6,#ec4899);transform:scale(1.05)}:where(.dark,.dark *) .feature-card-icon{background:linear-gradient(135deg,#8b5cf633,#ec489933)}.marketing-badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;display:inline-flex}.badge-gradient{color:#fff;background:#0a0a0a;box-shadow:0 2px 8px #00000026}:where(.dark,.dark *) .badge-gradient{color:#0a0a0a;background:#fff}.badge-outline{color:#525252;background:#f5f5f5;border:1px solid #e5e5e5}:where(.dark,.dark *) .badge-outline{color:#a3a3a3;background:#262626;border-color:#404040}.badge-outline:hover{background:#ebebeb}.badge-glass{color:hsl(var(--foreground));-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26}:where(.dark,.dark *) .badge-glass{background:#0003;border:1px solid #ffffff1a}.badge-success{color:#10b981;background:#10b9811a;border:1px solid #10b9814d}.badge-pulse{position:relative}.badge-pulse:before{content:"";background:inherit;z-index:-1;border-radius:9999px;animation:2s cubic-bezier(.4,0,.6,1) infinite badge-pulse;position:absolute;inset:0}@keyframes badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.3)}}.badge-icon{justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex}.badge-sm{padding:.25rem .75rem;font-size:.75rem}.badge-lg{padding:.625rem 1.25rem;font-size:1rem}.testimonial-card{background:#fff;border:1px solid #f0f0f0;border-radius:24px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}:where(.dark,.dark *) .testimonial-card{background:#171717;border-color:#262626;box-shadow:0 4px 20px #0003}:where(.dark,.dark *) .testimonial-card:hover{box-shadow:0 20px 40px #0000004d}.testimonial-card:before,.testimonial-card:after{display:none}.testimonial-card:hover{border-color:#d4d4d4;transform:translateY(-4px);box-shadow:0 20px 40px #00000014}:where(.dark,.dark *) .testimonial-card:hover{border-color:#404040;box-shadow:0 20px 40px #0000004d}.testimonial-content{z-index:1;color:hsl(var(--foreground));margin-bottom:1.5rem;font-size:1.125rem;line-height:1.7;position:relative}.testimonial-author{z-index:1;align-items:center;gap:1rem;display:flex;position:relative}.testimonial-avatar{color:#fff;background:#0a0a0a;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1rem;font-weight:700;display:flex;box-shadow:0 2px 8px #0000001a}:where(.dark,.dark *) .testimonial-avatar{color:#0a0a0a;background:#fff;border-color:#171717}.testimonial-avatar img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}.testimonial-info{flex-direction:column;gap:.25rem;display:flex}.testimonial-name{color:hsl(var(--foreground));font-size:1rem;font-weight:700}.testimonial-role{color:hsl(var(--muted-foreground));font-size:.875rem}.testimonial-company{color:#8b5cf6;font-size:.875rem;font-weight:500}.testimonial-stars{color:#fbbf24;gap:.25rem;margin-bottom:1rem;display:flex}.testimonial-featured{background:linear-gradient(135deg,hsl(var(--card))0%,hsl(var(--card))100%);border:2px solid #8b5cf633;padding:2.5rem}.testimonial-featured:before{font-size:8rem;top:0}.testimonial-featured .testimonial-content{font-size:1.375rem}.testimonial-featured .testimonial-avatar{width:72px;height:72px;font-size:1.5rem}.stat-value{background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,6vw,4rem);font-weight:800}.stat-item:nth-child(2) .stat-value{background:linear-gradient(135deg,#ec4899,#f97316);-webkit-background-clip:text;background-clip:text}.stat-item:nth-child(3) .stat-value{background:linear-gradient(135deg,#f97316,#eab308);-webkit-background-clip:text;background-clip:text}.stat-item:nth-child(4) .stat-value{background:linear-gradient(135deg,#22c55e,#14b8a6);-webkit-background-clip:text;background-clip:text}:where(.dark,.dark *) .stat-value{opacity:.95}.stat-label{color:#525252;margin-top:.5rem;font-size:1rem;font-weight:500}:where(.dark,.dark *) .stat-label{color:#a3a3a3}.pricing-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:24px;flex-direction:column;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #8b5cf61a}:where(.dark,.dark *) .pricing-card:hover{box-shadow:0 25px 50px -12px #0006,0 0 0 1px #8b5cf633}.pricing-popular{z-index:1;border:2px solid #8b5cf6;position:relative;transform:scale(1.02);box-shadow:0 0 60px #8b5cf633}.pricing-popular:hover{transform:scale(1.02)translateY(-8px)}.pricing-popular:before{content:"Most Popular";text-transform:uppercase;letter-spacing:.05em;color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%);border-radius:9999px;padding:.5rem 1.25rem;font-size:.8rem;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #6366f166}.pricing-popular:after{content:"";z-index:-1;opacity:.2;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%);border-radius:26px;position:absolute;inset:-2px}.pricing-header{text-align:center;border-bottom:1px solid hsl(var(--border));margin-bottom:1.5rem;padding-bottom:1.5rem}.pricing-tier-name{color:hsl(var(--foreground));margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.pricing-description{color:hsl(var(--muted-foreground));margin-bottom:1rem;font-size:.875rem}.pricing-amount{justify-content:center;align-items:baseline;gap:.25rem;display:flex}.pricing-currency{color:hsl(var(--muted-foreground));align-self:flex-start;margin-top:.5rem;font-size:1.5rem;font-weight:600}.pricing-value{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:800;line-height:1}.pricing-popular .pricing-value{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%);-webkit-background-clip:text;background-clip:text}.pricing-period{color:hsl(var(--muted-foreground));align-self:flex-end;margin-bottom:.75rem;font-size:1rem}.pricing-original{color:hsl(var(--muted-foreground));opacity:.7;margin-top:.5rem;font-size:1rem;text-decoration:line-through}.pricing-discount{color:#10b981;background:#10b9811a;border-radius:9999px;margin-top:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.pricing-features{flex-direction:column;flex:1;gap:.875rem;margin-bottom:2rem;display:flex}.pricing-feature{color:hsl(var(--foreground));align-items:flex-start;gap:.75rem;font-size:.9375rem;display:flex}.pricing-feature-icon{color:#10b981;background:#10b9811a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex}.pricing-feature-icon svg{width:.75rem;height:.75rem}.pricing-feature-disabled{color:hsl(var(--muted-foreground));opacity:.6}.pricing-feature-disabled .pricing-feature-icon{background:hsl(var(--muted));color:hsl(var(--muted-foreground))}.pricing-cta{width:100%;margin-top:auto}.pricing-enterprise{background:linear-gradient(135deg,hsl(var(--card))0%,#6366f108 50%,hsl(var(--card))100%)}.pricing-enterprise:before{content:"Enterprise";background:linear-gradient(135deg,#1e293b 0%,#334155 100%)}:where(.dark,.dark *) .pricing-enterprise:before{color:#1e293b;background:linear-gradient(135deg,#e2e8f0 0%,#f8fafc 100%)}.pricing-free .pricing-value{background:hsl(var(--foreground));-webkit-background-clip:text;background-clip:text;font-size:3rem}.pricing-toggle{justify-content:center;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.pricing-toggle-label{color:hsl(var(--muted-foreground));font-size:.9375rem;font-weight:500;transition:color .2s}.pricing-toggle-label.active{color:hsl(var(--foreground))}.pricing-toggle-switch{background:hsl(var(--muted));cursor:pointer;border-radius:9999px;width:56px;height:28px;transition:background .3s;position:relative}.pricing-toggle-switch.active{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)}.pricing-toggle-switch:before{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0000001a}.pricing-toggle-switch.active:before{transform:translate(28px)}.pricing-yearly-badge{color:#10b981;background:#10b9811a;border-radius:9999px;align-items:center;margin-left:.5rem;padding:.25rem .5rem;font-size:.7rem;font-weight:700;display:inline-flex}.section-divider{background:linear-gradient(90deg,transparent 0%,hsl(var(--border))20%,hsl(var(--border))80%,transparent 100%);height:1px}.faq-item{border-bottom:1px solid #e5e5e5}:where(.dark,.dark *) .faq-item{border-color:#262626}.faq-question{color:#0a0a0a;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 0;font-size:1.125rem;font-weight:600;transition:color .2s;display:flex}:where(.dark,.dark *) .faq-question{color:#fff}.faq-question:hover{color:#525252}:where(.dark,.dark *) .faq-question:hover{color:#a3a3a3}.faq-answer{color:#525252;padding-bottom:1.5rem;font-size:1rem;line-height:1.7}:where(.dark,.dark *) .faq-answer{color:#a3a3a3}.team-card{text-align:center;padding:2rem}.team-avatar{background:#f5f5f5;border:4px solid #fff;border-radius:50%;width:120px;height:120px;margin:0 auto 1.5rem;overflow:hidden;box-shadow:0 8px 24px #0000001a}:where(.dark,.dark *) .team-avatar{background:#262626;border-color:#171717}.team-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.team-name{color:#0a0a0a;margin-bottom:.25rem;font-size:1.25rem;font-weight:700}:where(.dark,.dark *) .team-name{color:#fff}.team-role{color:#525252;font-size:.9375rem}:where(.dark,.dark *) .team-role{color:#a3a3a3}.step-number{color:#0a0a0a;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;font-size:1.5rem;font-weight:800;display:flex;position:relative;box-shadow:0 4px 20px #00000014}.step-number:before{content:"";z-index:-1;opacity:.3;background:linear-gradient(135deg,#8b5cf6,#ec4899,#f97316);border-radius:50%;transition:opacity .3s;position:absolute;inset:-3px}.step-number:hover:before{opacity:1}:where(.dark,.dark *) .step-number{color:#fff;background:#171717}.step-title{color:#0a0a0a;margin-bottom:.75rem;font-size:1.5rem;font-weight:800}:where(.dark,.dark *) .step-title{color:#fff}.step-description{color:#525252;max-width:200px;margin:0 auto;font-size:1rem;line-height:1.7}:where(.dark,.dark *) .step-description{color:#a3a3a3}.step-connector{display:none}@media (min-width:768px){.step-connector{opacity:.4;background:linear-gradient(90deg,#8b5cf6,#ec4899,#f97316);border-radius:2px;width:calc(100% - 64px);height:3px;display:block;position:absolute;top:32px;left:calc(50% + 32px)}:where(.dark,.dark *) .step-connector{opacity:.6}}.logo-cloud{align-items:center;gap:4rem;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.logo-cloud-inner{align-items:center;gap:4rem;animation:20s linear infinite marquee;display:flex}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.logo-cloud:hover .logo-cloud-inner{animation-play-state:paused}.logo-item{color:#d4d4d4;white-space:nowrap;font-size:1.5rem;font-weight:800;transition:color .2s}.logo-item:hover,:where(.dark,.dark *) .logo-item{color:#525252}:where(.dark,.dark *) .logo-item:hover{color:#a3a3a3}.section-white{background:#fff}.section-gray{background:#fafafa}:where(.dark,.dark *) .section-white{background:#0a0a0a}:where(.dark,.dark *) .section-gray{background:#0f0f0f}.flags-grid{background:#fff;border:1px solid #e5e5e5;border-radius:24px;grid-template-columns:repeat(8,1fr);gap:1rem;padding:2rem;display:grid}@media (max-width:768px){.flags-grid{grid-template-columns:repeat(4,1fr)}}.flag-item{aspect-ratio:1;background:#fafafa;border-radius:12px;justify-content:center;align-items:center;transition:all .3s;animation:.4s ease-out backwards flag-pop;display:flex}@keyframes flag-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.flag-item:hover{background:#f0f0f0;transform:scale(1.1)}:where(.dark,.dark *) .flags-grid{background:#171717;border-color:#262626}:where(.dark,.dark *) .flag-item{background:#262626}:where(.dark,.dark *) .flag-item:hover{background:#333}.integration-card{cursor:default;background:#fff;border:1px solid #e5e5e5;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.integration-card:hover{border-color:#0000;transform:translateY(-6px);box-shadow:0 20px 40px #0000001a}.integration-card:hover:before{opacity:1}:where(.dark,.dark *) .integration-card{background:#171717;border-color:#262626}:where(.dark,.dark *) .integration-card:hover{box-shadow:0 20px 40px #0000004d}.comparison-table{border-collapse:separate;border-spacing:0}.comparison-table th,.comparison-table td{border-bottom:1px solid #e5e5e5;padding:1rem 1.5rem}.comparison-table th{text-transform:uppercase;letter-spacing:.05em;color:#525252;background:#fafafa;font-size:.875rem;font-weight:600}.comparison-table th:first-child{border-radius:12px 0 0}.comparison-table th:last-child{border-radius:0 12px 0 0}.comparison-table tbody tr:hover{background:#fafafa}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table tbody tr:last-child td:first-child{border-radius:0 0 0 12px}.comparison-table tbody tr:last-child td:last-child{border-radius:0 0 12px}:where(.dark,.dark *) .comparison-table th,:where(.dark,.dark *) .comparison-table td{border-color:#262626}:where(.dark,.dark *) .comparison-table th{color:#a3a3a3;background:#171717}:where(.dark,.dark *) .comparison-table tbody tr:hover{background:#171717}@media (prefers-reduced-motion:reduce){.animate-float,.animate-pulse-glow,.animate-shimmer,.gradient-border:before,.badge-pulse:before{animation:none}.cta-primary:hover,.feature-card:hover,.testimonial-card:hover,.pricing-card:hover,.pricing-popular:hover{transform:none}}
