*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #583EBA;--color-primary-alt: #5745B2;--color-primary-dark: #42338C;--color-primary-darker: #372C6F;--color-accent-magenta: #CC66FF;--color-accent-gold: #FFCF6D;--color-black: #101010;--color-dark: #333333;--color-gray: #8E98A9;--color-light-gray: #F0F2F6;--color-border: #E5E9EF;--color-border-light: #E3E6ED;--color-white: #FFFFFF;--color-icon-orange-bg: #FFF0DF;--color-icon-orange: #E8A860;--color-icon-purple-bg: #F5EBFF;--color-icon-purple: #583EBA;--color-icon-pink-bg: #FFE8FE;--color-icon-pink: #D063CA;--font-primary: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--max-width: 1160px}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-primary);color:var(--color-dark);background:var(--color-white);line-height:1.5;-webkit-font-smoothing:antialiased;min-width:390px}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;height:auto}.header-bg{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;height:741px;background:linear-gradient(180deg,#42338C 0%,#583EBA 35%,#CC66FF 70%,transparent 100%)}@media (min-width: 640px){.header-bg{height:1144px}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:0 24px;height:40px;border-radius:12px;font-weight:700;font-size:16px;font-family:var(--font-primary);cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-white);color:var(--color-dark);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-light-gray)}.btn-white{background:var(--color-white);color:var(--color-black)}.btn-white:hover{background:var(--color-light-gray)}.btn-outline-white{background:transparent;color:var(--color-white);border:1px solid var(--color-border)}.btn-outline-white:hover{background:#ffffff1a}.btn-large{height:48px}.btn-full{width:100%}.navbar{position:sticky;z-index:20;top:20px;padding:0 16px}@media (min-width: 640px){.navbar{top:16px;padding:0 24px}}@media (min-width: 1024px){.navbar{padding:0 32px}}@media (min-width: 1280px){.navbar{padding:0 140px}}.navbar-container{position:relative;max-width:var(--max-width);height:64px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-white);outline:1px solid var(--color-border-light);border-radius:12px}.logo{display:flex;align-items:center;height:39px}.logo svg{height:40px;width:auto}.nav-links{display:none;flex:1;justify-content:center;align-items:center;gap:40px;height:24px}@media (min-width: 768px){.nav-links{display:flex}}.nav-links a{font-size:16px;line-height:24px;font-weight:400;color:var(--color-black);transition:color .2s}.nav-links a:hover{color:var(--color-primary)}.nav-actions{display:none;gap:8px}@media (min-width: 768px){.nav-actions{display:flex}}.mobile-menu-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:31px;height:31px;background:none;border:1px solid #E7E9F1;border-radius:6px;cursor:pointer;padding:0}@media (min-width: 768px){.mobile-menu-btn{display:none}}.mobile-menu-btn span{display:block;width:14px;height:2px;background:var(--color-gray);border-radius:2px;transition:all .3s}.mobile-menu{display:none;position:fixed;top:100px;left:16px;right:16px;background:var(--color-white);border:1px solid var(--color-border);border-radius:12px;padding:24px;flex-direction:column;gap:16px;z-index:99}.mobile-menu.active{display:flex}.hero{padding:60px 16px 0;display:flex;flex-direction:column;align-items:center}@media (min-width: 640px){.hero{padding:120px 24px 0}}@media (min-width: 1024px){.hero{padding:120px 32px 0}}@media (min-width: 1280px){.hero{padding:120px 120px 0}}.hero-content{max-width:962px;text-align:center;margin:0 auto}.hero h1{font-size:32px;line-height:40px;font-weight:700;color:var(--color-white);font-family:var(--font-primary)}@media (min-width: 640px){.hero h1{font-size:64px;line-height:72px}}.gradient-text{background:linear-gradient(203.82deg,var(--color-accent-magenta) 20.08%,var(--color-accent-gold) 61.5%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{margin-top:8px;font-size:16px;line-height:28px;color:var(--color-white);max-width:616px;margin-left:auto;margin-right:auto}@media (min-width: 640px){.hero-subtitle{font-size:20px}}.hero-buttons{display:flex;gap:16px;justify-content:center;margin-top:32px;flex-wrap:wrap}.hero-buttons .btn{height:48px}.hero-visual{margin-top:60px;width:100%;max-width:962px}@media (min-width: 640px){.hero-visual{margin-top:100px}}.hero-image-wrapper{padding:8px;background:#fff6;border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}@media (min-width: 640px){.hero-image-wrapper{padding:16px;border-radius:20px}}.hero-image{width:100%;border-radius:8px;display:block}@media (min-width: 640px){.hero-image{border-radius:12px}}.partners{margin-top:60px;padding:0;max-height:128px;overflow:hidden}@media (min-width: 640px){.partners{margin-top:120px}}.partner-logos-wrapper{overflow:hidden;width:100%}.partner-logos{display:flex;gap:24px;animation:marquee 30s linear infinite;width:max-content}@media (min-width: 640px){.partner-logos{gap:48px}}.partner-logos img{height:40px;width:auto;object-fit:contain;flex-shrink:0}@media (min-width: 640px){.partner-logos img{height:54px}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.section{padding:60px 16px 0;max-width:var(--max-width);margin:0 auto}.section-bordered{border:1px solid var(--color-border);border-radius:20px;padding:40px 24px;background:var(--color-white);margin-top:60px}@media (min-width: 640px){.section-bordered{padding:60px 48px;margin-top:120px}}@media (min-width: 640px){.section{padding:120px 24px 0}}@media (min-width: 1024px){.section{padding:120px 32px 0}}@media (min-width: 1280px){.section{padding:120px 0 0}}.section-header{text-align:center;max-width:765px;margin:0 auto}.section-label{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;background:var(--color-light-gray);border-radius:9999px;font-size:16px;font-weight:700;line-height:22px;color:var(--color-black)}@media (min-width: 640px){.section-label{height:38px;padding:0 16px}}.section-title{margin-top:8px;font-size:32px;line-height:40px;font-weight:700;color:var(--color-dark);font-family:var(--font-primary)}@media (min-width: 640px){.section-title{margin-top:12px;font-size:40px;line-height:100%}}.section-subtitle{margin-top:8px;font-size:16px;line-height:24px;color:var(--color-dark)}.steps-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:32px}@media (min-width: 640px){.steps-grid{grid-template-columns:repeat(3,1fr)}}.step-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}@media (min-width: 1024px){.step-card{aspect-ratio:1}}.step-image{flex:1;display:flex;align-items:center;justify-content:center;padding-top:24px}@media (min-width: 1024px){.step-image{padding:0}}.step-image img{width:100%;height:auto;object-fit:contain}.step-content{display:flex;flex-direction:column;gap:4px;padding:0 24px 24px}.step-label{font-size:14px;font-weight:700;line-height:22px;color:var(--color-black)}@media (min-width: 640px){.step-label{font-size:16px}}.step-text{font-size:14px;line-height:22px;color:var(--color-black)}@media (min-width: 640px){.step-text{font-size:16px}}.ecosystem-image{margin-top:32px}@media (min-width: 640px){.ecosystem-image{margin-top:60px}}.ecosystem-image img{width:100%;max-width:1176px;margin:0 auto;display:block}.features-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:32px}@media (min-width: 640px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:20px;padding:24px;display:flex;flex-direction:column}.feature-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.feature-icon.orange{background:var(--color-icon-orange-bg);color:var(--color-icon-orange)}.feature-icon.purple{background:var(--color-icon-purple-bg);color:var(--color-icon-purple)}.feature-icon.pink{background:var(--color-icon-pink-bg);color:var(--color-icon-pink)}.feature-card h3{margin-top:16px;font-size:20px;line-height:100%;font-weight:700;color:var(--color-black)}.feature-card p{margin-top:8px;font-size:16px;line-height:24px;font-weight:400;color:var(--color-dark)}.pricing-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:32px;max-width:960px;margin-left:auto;margin-right:auto}@media (min-width: 640px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}.pricing-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:20px;padding:24px;position:relative}.pricing-card.featured{border:2px solid var(--color-primary)}@media (min-width: 640px){.pricing-card.featured{transform:scale(1.02)}}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-primary);color:var(--color-white);padding:6px 16px;border-radius:9999px;font-size:12px;font-weight:700;white-space:nowrap}.pricing-card h3{font-size:20px;font-weight:700;color:var(--color-black)}.price{margin-top:16px;font-size:48px;font-weight:700;color:var(--color-black)}.price span{font-size:16px;font-weight:400;color:var(--color-gray)}.pricing-features{margin-top:24px;margin-bottom:24px}.pricing-features li{padding:8px 0;font-size:14px;color:var(--color-dark);border-bottom:1px solid var(--color-light-gray)}.pricing-features li:last-child{border-bottom:none}.cta{margin-top:120px;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);padding:80px 24px;text-align:center}.cta-content{max-width:600px;margin:0 auto}.cta h2{font-size:32px;line-height:40px;font-weight:700;color:var(--color-white);font-family:var(--font-primary)}@media (min-width: 640px){.cta h2{font-size:40px;line-height:100%}}.cta p{margin-top:16px;font-size:18px;color:#ffffffe6}.cta .btn{margin-top:32px}.footer{background:var(--color-black);color:var(--color-white);padding:64px 24px 32px}.footer-container{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:1fr;gap:48px}@media (min-width: 768px){.footer-container{grid-template-columns:2fr 3fr}}.footer-brand .logo{margin-bottom:16px}.footer-brand p{color:var(--color-gray);font-size:14px}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}@media (min-width: 640px){.footer-links{grid-template-columns:repeat(3,1fr)}}.footer-column h4{font-size:14px;font-weight:600;margin-bottom:16px}.footer-column a{display:block;font-size:14px;color:var(--color-gray);margin-bottom:12px;transition:color .2s}.footer-column a:hover{color:var(--color-white)}.footer-bottom{max-width:var(--max-width);margin:48px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-bottom p{font-size:14px;color:var(--color-gray)}.nav-actions{position:relative}.user-menu{display:flex;align-items:center;cursor:pointer;padding:4px;border-radius:50%;transition:background .2s}.user-menu:hover{background:var(--color-light-gray)}.user-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-white);border:1px solid var(--color-border);border-radius:12px;padding:12px;min-width:200px;box-shadow:0 4px 20px #0000001a;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;z-index:100}.user-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.user-info{display:flex;flex-direction:column;padding-bottom:12px;border-bottom:1px solid var(--color-border);margin-bottom:8px}.user-name{font-size:14px;font-weight:600;color:var(--color-black)}.user-email{font-size:12px;color:var(--color-gray);margin-top:2px}.dropdown-item{display:block;padding:8px 12px;font-size:14px;color:var(--color-dark);border-radius:8px;transition:background .2s}.dropdown-item:hover{background:var(--color-light-gray)}@media (max-width: 480px){.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn{width:100%;max-width:280px}}