:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.announcement-banner{background-color:#f9f9f9;padding:1.5rem 2rem;text-align:center;color:#000;width:100vw;margin:0;box-sizing:border-box;overflow-x:hidden;position:relative}.announcement-banner h3{margin:0 0 .5rem;font-size:1.3rem;font-weight:700;color:#ffb800}.announcement-banner p{margin:0;font-size:1rem;line-height:1.6;color:#ffb800}@media (max-width: 768px){.announcement-banner{padding:1rem 1.25rem;height:130px}.announcement-banner h3{font-size:1.1rem}.announcement-banner p{font-size:.95rem}}@media (max-width: 480px){.announcement-banner{padding:.75rem 1rem}.announcement-banner h3{font-size:1rem}.announcement-banner p{font-size:.9rem}}.video-section{position:relative;width:100%;height:100vh;overflow:hidden}.video-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.desktop-only{display:block}.mobile-only{display:none}@media (max-width: 768px){.desktop-only{display:none}.mobile-only{display:block}}.video-overlay{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;text-align:left;color:#fff;height:100%;padding:2rem 4rem;gap:2rem;flex-wrap:wrap}.overlay-content{display:flex;flex-direction:column;align-items:flex-start;max-width:600px;flex:1}.headline-list{list-style:none;padding:0;margin:0 0 1.5rem}.headline-list li{font-size:2rem;font-weight:700;color:#fff;margin:.4rem 0}.subtext{font-size:1.1rem;color:#fff;max-width:600px;margin-bottom:1.5rem}.cta-button{background-color:#ffb800;color:#f9f9f9;padding:.75rem 2rem;border:none;border-radius:30px;font-size:1rem;font-weight:600;box-shadow:6px 6px 12px #0003,-6px -6px 12px #ffffff1a;transition:transform .3s ease;cursor:pointer;margin-bottom:2rem}.cta-button:hover{transform:translateY(-3px)}@media (max-width: 768px){.video-overlay{flex-direction:column;align-items:left;padding:1rem;text-align:center;padding-top:340px}.overlay-content{align-items:left;text-align:left}.headline-list li{font-size:1.5rem}.subtext{font-size:1rem}}.neumorphic-box{background-color:#f9f9f9;padding:1rem 1.5rem;border-radius:16px;box-shadow:6px 6px 14px #0000001a,-6px -6px 14px #ffffffb3;min-width:220px;flex-shrink:0;text-align:center;margin:1rem .75rem;display:inline-block}.box-item{background-color:#fff;color:#000;padding:.75rem 1rem;border-radius:12px;font-weight:500;font-size:1rem;box-shadow:inset 2px 2px 6px #0000000d,inset -2px -2px 6px #ffffffb3}.box-item:hover{background-color:#e6e6f9}.neumorphic-row{width:100%;overflow-x:auto;white-space:nowrap;padding:1rem 2rem;background-color:#f9f9f9;box-sizing:border-box;text-align:center}.neumorphic-row::-webkit-scrollbar{height:6px}.neumorphic-row::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}@media (max-width: 768px){.neumorphic-row{padding:1rem;white-space:normal;display:flex;flex-direction:column;align-items:center}.neumorphic-box{display:block;width:90%;margin:.5rem 0}}.image-grid-section{background-color:#121212;padding:2rem;color:#fff;box-sizing:border-box}.image-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem}.image-card{background-color:#1e1e1e;border-radius:10px;overflow:hidden;width:calc(25% - 1rem);min-width:220px;box-shadow:0 4px 10px #0000004d;text-align:center}.card-img{width:100%;height:180px;object-fit:cover;display:block}.card-title{font-size:1.1rem;margin:.75rem 0 .3rem;color:#ffb800}.card-desc{font-size:.95rem;color:#ccc;padding:0 1rem 1rem;margin:0}@media (max-width: 1024px){.image-card{width:calc(33.333% - 1rem)}}@media (max-width: 768px){.image-card{width:calc(50% - 1rem)}}@media (max-width: 480px){.image-card{width:100%}.image-grid{gap:1rem}.card-img{height:160px}}#link{text-decoration:none;color:#ffb800}.social-section{background-color:#f3f4f6;padding:3rem 1.5rem;display:grid;grid-template-columns:1fr;gap:2.5rem}@media (min-width: 768px){.social-section{grid-template-columns:1fr 1fr;align-items:center}}.social-content{display:flex;flex-direction:column;gap:1.5rem}.social-title{font-size:1.875rem;font-weight:700;color:#1f2937}.social-subtitle{font-size:1.125rem;color:#4b5563}.social-icons{display:flex;gap:1rem;font-size:1.25rem;color:#fff}.social-icons>div{padding:.75rem;border-radius:9999px;cursor:pointer}.facebook{background-color:#1877f2}.instagram{background-color:#e1306c}.twitter{background-color:#1da1f2}.youtube{background-color:red}.tiktok{background-color:#000}.linkedin{background-color:#0077b5}.social-connect-inputs{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.social-input{margin-top:1rem;width:100%;max-width:24rem;padding:.5rem 1rem;border-radius:.375rem;background-color:#d6d6f8;color:#1f2937;border:none;outline:none}.social-submit{padding:.5rem 1.5rem;background-color:#ffb800;color:#1f2937;border:none;border-radius:.375rem;cursor:pointer;white-space:nowrap}.social-image-wrapper{display:flex;justify-content:center}.social-image{max-width:100%;height:auto}.launch-store-section{background-color:#000;color:#fff;padding:4rem 2rem}.launch-store-container{display:flex;flex-direction:column;gap:2rem;align-items:center;justify-content:center}@media (min-width: 768px){.launch-store-container{flex-direction:row;justify-content:space-between}}.launch-store-image img{max-width:100%;height:auto}.launch-store-content{max-width:600px;text-align:left}.launch-store-content h2{font-size:2rem;font-weight:700;margin-bottom:1rem}.launch-store-content p{font-size:1rem;margin-bottom:2rem;line-height:1.6}.launch-store-button{background-color:#ffb800;color:#1f2937;padding:.75rem 1.5rem;font-size:1rem;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .3s ease}.launch-store-button:hover{background-color:#e0a800}.product-section-container{padding:4rem 2rem}.product-section-inner{display:flex;flex-direction:column;gap:2rem}.product-images-column{display:flex;flex-direction:column;align-items:flex-end;width:fit-content;gap:1.5rem}.product-image-group{display:flex;flex-direction:column;gap:1.5rem;align-items:flex-end}.product-item{position:relative;width:fit-content}.product-item.small img{width:100%;max-width:300px;height:auto}.product-item.large{display:flex;justify-content:flex-end;width:100%;margin:2rem 0}.product-item.large img{width:100%;max-width:400px;height:auto}.product-image-wrapper{position:relative}.product-label{margin-top:.5rem;font-weight:600;color:#333;text-align:center}.product-content-column{padding-left:0;padding-right:0;text-align:center;overflow:hidden}.product-content-column h2{font-size:2rem;margin-bottom:1rem;color:#111}.product-content-column h4{font-size:1rem;line-height:1.6;margin-bottom:1.5rem;color:#444}.product-start-button{background-color:#ffb800;color:#111;padding:.75rem 1.5rem;font-weight:600;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.product-start-button:hover{background-color:#e6a700}@media (min-width: 768px){.product-section-inner{flex-direction:row-reverse;align-items:flex-start;justify-content:space-between}.product-content-column{flex:1;padding-right:2rem;text-align:left}.product-images-column{flex-direction:column;align-items:flex-end;width:fit-content}.product-image-group{flex-direction:column;align-items:flex-end}}@media (max-width: 767px){.product-item.small img,.product-item.large img{max-width:100%;height:auto}.product-section-inner{flex-direction:column;gap:2rem}.product-images-column,.product-image-group{align-items:center}}.creators-section{background-color:#f5f5f5;padding:4rem 2rem;display:flex;justify-content:center;align-items:center}.video-wrapper{position:relative;width:100%;max-width:900px;aspect-ratio:16 / 9;box-shadow:0 8px 20px #0000001a;border-radius:12px;overflow:hidden}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:12px}#howitworks{background-color:#eaeaea;padding:4rem 2rem}.howitworks-container{max-width:1200px;margin:0 auto}.howitworks-inner{display:flex;flex-direction:column;align-items:center;gap:2rem}.howitworks-inner h2{font-size:2.5rem;color:#111;margin-bottom:2rem}.howitworks-columns{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.howitworks-column{flex:1 1 280px;background:#fff;padding:1.5rem;border-radius:10px;text-align:center;box-shadow:0 6px 12px #0000000d}.howitworks-column h4{font-size:1.5rem;color:#4b13b0;margin-bottom:1rem}.howitworks-column p{font-size:1rem;color:#333;margin-bottom:1rem;line-height:1.6}.image-container{width:100%;max-width:200px;margin:0 auto}.image-container img{width:100%;height:auto;border-radius:8px}.start-button{background-color:#ffb800;color:#111;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease;margin-top:1rem}.start-button:hover{background-color:#e6a700}@media (max-width: 768px){.howitworks-columns{flex-direction:column;align-items:center}.howitworks-column{width:100%;max-width:90%}}.resources-section{background-color:#fff;padding:3rem 1.5rem}.resources-container{max-width:1200px;margin:0 auto}.resources-inner{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.subtitle{font-size:2rem;font-weight:700;color:#111;margin-bottom:.25rem}.description{font-size:1.1rem;color:#444;margin-bottom:1.5rem;text-align:center}.resources-columns{display:flex;gap:2rem;flex-wrap:wrap;justify-content:space-between}.resources-column{flex:1 1 46%;max-width:480px;text-align:left}.resources-column a{text-decoration:none;color:inherit;transition:transform .2s ease;display:inline-block}.resources-column a:hover{transform:translateY(-4px)}.image-container{width:100%;border-radius:8px;overflow:hidden;box-shadow:0 6px 12px #0000000f;margin-bottom:.75rem}.image-container img{width:100%;height:auto;display:block}.link-title{font-size:1.1rem;color:#4b13b0;font-weight:600;margin-top:.25rem}@media (max-width: 768px){.resources-columns{flex-direction:column;gap:1rem;align-items:center}.resources-column{flex:1 1 100%;max-width:90%;text-align:center}}footer{background-color:#000;color:#fff;padding:3rem 2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.footer-container{max-width:1200px;margin:0 auto}.footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem}.footer-logo{max-width:180px}.newsletter{flex:1;min-width:280px}.newsletter p{margin-bottom:.5rem;font-weight:700}.newsletter form{display:flex;gap:.5rem;flex-wrap:wrap}.newsletter input{flex:1;padding:.6rem 1rem;border:none;border-radius:5px;font-size:.9rem}.newsletter button{background-color:#ffb800;border:none;color:#000;padding:.6rem 1.2rem;border-radius:5px;cursor:pointer;font-weight:600}.newsletter button:hover{background-color:#e6a700}.footer-links{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:3rem;gap:2rem}.footer-links h4{font-size:1.1rem;margin-bottom:1rem;color:#ffb800}.footer-links ul{list-style:none;padding:0}.footer-links li{margin-bottom:.5rem}.footer-links a{text-decoration:none;color:#ccc;transition:color .3s ease}.footer-links a:hover{color:#fff}.social-media{margin-top:2rem;display:flex;gap:1.5rem;font-size:1.5rem}.social-media a{color:#ffb800;transition:color .3s ease}.social-media a:hover{color:#fff}.footer-bottom{margin-top:3rem;border-top:1px solid #333;padding-top:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.9rem}.footer-bottom p{margin-right:1rem}.footer-bottom a{color:#aaa;text-decoration:none;margin-right:1rem;white-space:nowrap;transition:color .3s ease}.footer-bottom a:hover{color:#fff}html,body{margin:0;padding:0;overflow-x:hidden}.navbar{background-color:#121212;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;position:fixed;top:0;left:0;right:0;height:90px;width:100%;box-sizing:border-box;z-index:10001}.nav-linksP{display:flex;gap:1.5rem}.nav-linkP{color:#f9f9f9;text-decoration:none;font-weight:500;font-size:1rem;transition:color .3s ease}.nav-link:hover{color:#4b13b0}.nav-logo{width:60px;object-fit:contain}.start-btn-hover:hover{color:#000!important}.menu-toggle{display:none;font-size:1.8rem;cursor:pointer;color:#4b13b0}@media (max-width: 768px){.menu-toggle{display:block}.nav-linksP{position:absolute;left:0;right:0;background-color:#121111;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0;display:none;box-shadow:0 2px 6px #0000001a;z-index:999}.nav-linksP.show{display:flex}.nav-linksP .nav-linkP{width:100%;text-align:center;padding:.5rem 0}}.discover-section{background-color:#000;padding:4rem 1rem;color:#fff}.discover-container{max-width:1200px;margin:0 auto}.discover-title{font-size:1rem;text-transform:uppercase;color:#ccc;margin-bottom:.5rem;text-align:center}.discover-subtitle{font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.discover-gallery{display:flex;flex-direction:row;justify-content:space-between;gap:2rem;flex-wrap:wrap}.gallery-column{display:flex;flex-direction:column;gap:2rem;flex:1;min-width:250px}.image-wrapper{position:relative;width:100%;background-color:#111;overflow:hidden;border-radius:8px;transition:transform .3s ease}.image-wrapper:hover{transform:scale(1.03)}.image-wrapper div:first-child{width:100%}.creator-image{position:absolute;top:0;left:0;width:100%;height:auto;object-fit:cover}.caption{margin-top:.5rem;text-align:center;color:#fff;font-size:1rem}@media (max-width: 1024px){.discover-gallery{flex-direction:row;justify-content:center}}@media (max-width: 768px){.gallery-column{flex:1 1 100%;align-items:center}}@media (max-width: 480px){.discover-subtitle{font-size:1.5rem}.caption{font-size:.9rem}.image-wrapper:hover{transform:none}}.nav-item-link{display:flex;align-items:center;gap:15px;text-decoration:none;color:inherit}.sidebar{width:70px;background:#0f0f2f;color:#fff;transition:width .3s ease;overflow:hidden;height:100vh;position:fixed;z-index:1000;box-shadow:2px 0 10px #0000004d;display:flex;flex-direction:column}.sidebar.expanded{width:260px}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:20px;max-height:calc(100vh - 80px)}.sidebar-content::-webkit-scrollbar{width:0;background:transparent}.sidebar-content{-ms-overflow-style:none;scrollbar-width:none}.profile-section{display:flex;align-items:center;padding:20px;gap:10px;flex-shrink:0;background-color:#0f0f2f}.profile-icon{background:#4b13b0;width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:700}.profile-name{font-size:1rem;font-weight:500}.sidebar.collapsed .profile-name{display:none}.nav-links{list-style:none;padding:0;margin-top:10px;display:flex;flex-direction:column}.nav-links>li{display:flex;align-items:center;gap:15px;padding:15px 20px;cursor:pointer;transition:all .3s ease;white-space:nowrap;position:relative}.nav-links>li:hover{background:#ffffff1a;transform:translate(5px)}.nav-links span{opacity:1;transition:opacity .3s ease}.sidebar.collapsed .nav-links span{opacity:0;pointer-events:none;width:0;overflow:hidden}.dropdown{list-style:none;padding-left:50px;margin-bottom:10px;animation:slideDown .3s ease}.dropdown li{padding:8px 0;font-size:.9rem;cursor:pointer}.dropdown li:hover{color:#4b13b0}.chevron{margin-left:auto;transition:transform .3s}.sidebar.collapsed .chevron{display:none}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@media screen and (max-width: 768px){.sidebar.expanded{width:220px;height:100vh;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.profile-name{font-size:.9rem}.nav-links>li{padding:12px 16px}.dropdown{padding-left:30px}.sidebar{position:fixed;height:100vh;z-index:1000}.profile-section{position:sticky;top:0;background-color:#0f0f2f;z-index:1002}.sidebar-content{flex-grow:1;overflow-y:auto}}@media screen and (max-width: 480px){.sidebar{position:absolute;height:100vh;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.sidebar.expanded{width:220px;height:100vh;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.profile-name{font-size:.9rem}.nav-links>li{padding:12px 16px}.dropdown{padding-left:30px}.sidebar{position:fixed;height:100vh;z-index:1000}.profile-section{position:sticky;top:0;background-color:#0f0f2f;z-index:1002}.sidebar-content{flex-grow:1;overflow-y:auto}}.main__content{background:#f9f9f9;width:100%;box-sizing:border-box;margin-left:50px;margin-right:50px;padding:70px 20px 30px}.promo_banner{display:inline-block;margin:50px;border-radius:10px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:transform .3s ease}.promo_banner:hover{transform:scale(1.03)}.promo_banner__image{width:100%;height:auto;display:block}.overview_cont{display:flex;flex-direction:column;gap:2rem}.integration-shelf__wrapper{background-color:#fff;border-radius:12px;padding:20px;margin:0 10px;box-shadow:0 2px 15px #0000000d}.integration-shelf__title h1{font-size:1.5rem;font-weight:600}.integration-shelf{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:16px;margin-top:20px}.integration-item img{width:100%;border-radius:10px;transition:transform .3s ease}.newImages{border-radius:10px;transition:transform .3s ease;box-shadow:0 4px 15px #0000000d}@media (max-width: 768px){.integration-shelf__wrapper{padding:9px}.integration-shelf__title h1{font-size:1.25rem;margin-left:0;text-align:center}.overview__whatsnew{margin:10px;justify-content:center}.main__content{padding:9px}.overview_cont{gap:1.5rem}}.integration-shelf__wrapper{position:relative;overflow:hidden;z-index:1}.integration-shelf{display:flex;gap:20px;animation:scroll-left-right 40s linear infinite;width:max-content;will-change:transform}.integration-item{flex:0 0 auto}.integration-item img{height:100px;border-radius:10px;transition:transform .3s ease}.integration-item img:hover{transform:scale(1.05)}@keyframes scroll-left-right{0%{transform:translate(0)}to{transform:translate(100%)}}.thirdBanner{position:relative;z-index:0;margin-right:40px;margin-left:30px}.popup{position:absolute;z-index:1000}.overview__whatsnew{display:flex;flex-wrap:wrap;gap:15px;margin:20px 30px;justify-content:center}.newImages{width:100%;max-width:220px;border-radius:10px;transition:transform .3s ease;box-shadow:0 4px 15px #0000000d}.newImages:hover{transform:translateY(-5px)}@media (max-width: 768px){.integration-shelf__wrapper{padding:15px}.integration-shelf__title h1{font-size:1.25rem;margin-left:0;text-align:center}.overview__whatsnew{margin:10px;justify-content:center}.main__content{padding:15px}.overview_cont{gap:1.5rem}}.integration-shelf-container{width:100%;overflow:hidden;position:relative;background:#fff;height:120px}.integration-shelf{display:flex;width:fit-content;animation:scroll-loop 20s linear infinite}.integration-item{flex:0 0 auto;padding:0 15px}.integration-item img{height:100px;border-radius:8px;transition:transform .3s ease}.integration-item:hover img{transform:scale(1.3);z-index:10;position:relative}.integration-shelf:after{content:"";display:flex;position:absolute;top:0;left:100%;height:100%;width:100%;background:inherit;animation:scroll-loop 20s linear infinite;pointer-events:none}@keyframes scroll-loop{0%{transform:translate(0)}to{transform:translate(-100%)}}.integration-shelf{position:relative;height:100px;white-space:nowrap}.integration-item{position:absolute;width:100px;height:100px;transition:none}.top-bar{position:fixed;top:0;left:0;right:0;z-index:999;display:flex;justify-content:flex-end;align-items:center;padding:10px 43px;background-color:#ffffffb3;border-bottom:1px solid #ddd;height:60px;box-sizing:border-box;margin-top:30px;margin-left:120px;margin-right:20px}.profile-container{position:relative}.profile-image{width:40px;height:40px;border-radius:50%;cursor:pointer;object-fit:cover;border:2px solid #ccc}.profile-dropdown{position:absolute;top:50px;right:0;background-color:#ffffffb3;border:1px solid #ddd;box-shadow:0 2px 10px #0000001a;border-radius:8px;width:180px;z-index:1001}.profile-dropdown ul{list-style:none;padding:0;margin:0}.profile-dropdown ul li{padding:12px 16px;cursor:pointer;transition:background .2s ease-in-out}.profile-dropdown ul li:hover{background-color:#b9a7db;color:#fff}.main-content{margin-top:70px}.upgrades-background{background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh;padding:40px 20px}.upgrades-page{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.upgrade-card{width:100%;max-width:480px;border:1px solid #ccc;border-radius:12px;overflow:hidden;background:#faf8f8d9;transition:box-shadow .3s ease;box-shadow:0 2px 4px #0000000d;background-blend-mode:overlay}.upgrade-card:hover{box-shadow:0 4px 16px #0000001a}.upgrade-link{text-decoration:none;color:inherit}.upgrade-main{display:flex;flex-direction:row;align-items:center;padding:16px;gap:16px}.upgrade-text{flex:1}.upgrade-button{padding:10px 20px;background-color:#4b13b0;color:#fff;border:none;border-radius:6px;cursor:pointer;margin-top:10px;font-weight:500;transition:background-color .3s ease}.upgrade-button:hover{background-color:#3a0f87}.upgrade-image{max-width:100px;height:auto;object-fit:contain}.upgrade-icon-link{display:flex;align-items:center;gap:10px;background-color:#f8f8f8;padding:10px 16px;text-decoration:none;color:inherit}.upgrade-icon-wrapper{display:flex;align-items:center;gap:10px}.upgrade-icon{width:32px;height:32px}.icon-title{margin:0;font-weight:700;font-size:14px}.icon-subtitle{margin:0;font-size:12px;color:#666}@media (max-width: 768px){.upgrades-background{padding:20px 10px}.main-content{margin-left:80px;margin-right:20px}.upgrade-main{flex-direction:column;text-align:center}.upgrade-image{max-width:80%;margin-top:10px}.upgrade-button{width:100%}.upgrade-icon-link{flex-direction:column;align-items:center;text-align:center}.upgrade-card{max-width:100%}}styles/Analysis.css *{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;overflow-x:hidden}.analysis-container{padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#0c0c0c;min-height:100vh;width:100vw;display:flex;flex-direction:column;margin-left:70px}.analysis-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.date-range{margin-right:100px}.analysis-header h1{font-size:2rem;font-weight:600;color:#fff}.analysis-header select{padding:.6rem 1rem;font-size:1rem;border-radius:8px;border:1px solid #ccc;outline:none}.analytics-titlep{margin-right:150px}.metrics-cards{padding:2.5rem;display:flex;justify-content:space-between;align-items:center;margin-right:90px}.metric-card{background-color:#fafad2;width:200px;height:100px;margin-bottom:30px;text-align:center;padding-top:20px;border-radius:20px}.card-row{display:flex;justify-content:space-between;gap:1.5rem;margin-top:2rem;flex-wrap:wrap;width:100%}.stat-card{flex:1;min-width:280px;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 6px 20px #0000001a}.stat-icon{font-size:2rem;color:#4b13b0;margin-bottom:.5rem}.stat-value{font-size:1.8rem;font-weight:700;color:#2c3e50}.stat-label{margin-top:.5rem;font-size:.95rem;color:#7f8c8d}.graph-card{margin-top:3rem;padding:1.5rem;background-color:#ffffff1a;border-radius:12px;box-shadow:0 4px 14px #0000000d;width:90%}.graph-card h3{color:#fff}.graph-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:#34495e}.dual-graph-row{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:2rem;gap:1.5rem;width:100%}.dual-graph-card{flex:1;min-width:350px;padding:1.5rem;background-color:#fff;border-radius:12px;box-shadow:0 4px 14px #0000000f;position:relative;transition:transform .3s ease}.dual-graph-card:hover{transform:translateY(-6px)}.card-icon{position:absolute;top:1rem;right:1rem;font-size:1.2rem;color:#f39c12;cursor:pointer;transition:transform .3s}.card-icon:hover{transform:scale(1.2)}.sales-insights{margin-top:3rem;background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 14px #0000000d;width:100%}@media (max-width: 768px){.card-row,.dual-graph-row{flex-direction:column;gap:1.2rem}.analysis-header{flex-direction:column-reverse;gap:1rem}.stat-card,.dual-graph-card{min-width:100%}.graph-card{margin-top:3rem;padding:1.5rem;background-color:#fff;border-radius:12px;box-shadow:0 4px 14px #0000000d;width:80%}.metrics-cards{padding:2.5rem;display:flex;justify-content:center;gap:1.5rem;margin-right:100px}.metric-card{background-color:#fff;width:300px;height:130px;margin-bottom:.25px;text-align:center;padding-top:20px}.analysis-container{padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f9fafb;min-height:100vh;width:100vw;display:flex;flex-direction:column;margin-left:70px}.date-range{margin-right:30px}.analytics-title{margin-right:100px}}:root{--primary-color: #4b13b0;--secondary-color: #6c5ce7;--background-color: #f7f8fc;--card-bg: rgba(255, 255, 255, .95);--text-color: #1e1e2f;--shadow: 0 4px 20px rgba(0, 0, 0, .1);--border-radius: 1rem;--gradient: linear-gradient(135deg, #a29bfe, #6c5ce7)}body{font-family:Segoe UI,sans-serif;background:var(--background-color);color:var(--text-color);margin:0;padding:0}.listing-container{max-width:1200px;margin-left:70px;padding:1.5rem;background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.listing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap}.login-button,.create-button{padding:.75rem 1.5rem;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.login-button{background:#fff;color:var(--primary-color);border:2px solid var(--primary-color)}.login-button:hover{background:var(--primary-color);color:#fff}.create-button{background:var(--gradient);color:#fff;border:none}.create-button:hover{transform:scale(1.05)}.listing-banner{width:100%;max-height:300px;object-fit:cover;border-radius:var(--border-radius);margin-bottom:1rem}.listing-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:1rem;color:var(--primary-color)}.listing-controls{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.search-input{flex:1;padding:.5rem 1rem;border-radius:8px;border:1px solid #ccc;font-size:1rem}.dropdown{padding:.5rem 1rem;border-radius:8px;border:1px solid #ccc;background-color:#fff;font-size:1rem;cursor:pointer}.listing-table-card{background:#fff;border-radius:var(--border-radius);padding:1rem;box-shadow:var(--shadow);overflow-x:auto}.listing-card-header{display:flex;justify-content:flex-end;font-weight:700;color:var(--secondary-color);margin-bottom:.5rem}.listing-table{width:100%;border-collapse:collapse}.listing-table thead{background:var(--primary-color);color:#fff}.listing-table th,.listing-table td{padding:1rem;text-align:left;border-bottom:1px solid #eee}.listing-table tbody tr:hover{background:#f1edff;transition:.3s}.pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.pagination-button{padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:.3s}.pagination-button:hover{background:var(--secondary-color)}.pagination-button.active{background:var(--secondary-color);font-weight:700}@media (max-width: 768px){.listing-container{padding:1rem}.listing-controls{flex-direction:column}.login-button,.create-button{width:100%;margin-top:10px}}@media (max-width: 480px){.listing-title{font-size:1.5rem}.listing-table th,.listing-table td{padding:.5rem;font-size:.9rem}.pagination-button{padding:.4rem .8rem;font-size:.9rem}.login-button,.create-button{width:100%;margin-top:10px}}:root{--secondary-color: #fdfaf6;--accent-color: #000;--text-color: #333;--button-bg: #111;--button-text: #fff;--hero-bg: #fdfaf6;--featured-bg: #ffffff;--about-bg: #fbf8f3;--blog-bg: #ffffff;--footer-bg: #111111;--font-stack: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif}html,body{margin:0;padding:0;font-family:var(--font-stack);background-color:var(--secondary-color);color:var(--text-color)}.store-page{max-width:1200px;padding:2rem 1rem;margin:auto auto auto 150px}.hero{background-color:var(--hero-bg);text-align:center;padding:4rem 1rem;margin-bottom:4rem;border-radius:0}.hero h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--primary-color)}.hero p{font-size:1.2rem;margin-bottom:1.5rem}.btn{background-color:var(--button-bg);color:var(--button-text);border:none;padding:.8rem 1.5rem;font-size:1rem;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.btn:hover{background-color:#333}.featured-products{background-color:var(--featured-bg);padding:3rem 1rem;border-radius:0;margin-bottom:4rem}.featured-products h2{font-size:1.8rem;font-weight:600;text-align:center;margin-bottom:2rem;color:var(--primary-color)}.product-list{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.product{background-color:#fff;padding:1rem;border-radius:12px;width:200px;text-align:center;box-shadow:0 6px 20px #0000000d}.product img{width:100%;border-radius:12px;margin-bottom:.8rem}.product .name{font-weight:600;margin-bottom:.3rem}.product .price{font-weight:500;color:#666}.about-us{background-color:var(--about-bg);display:flex;flex-direction:column;align-items:center;padding:3rem 1rem;border-radius:0;margin-bottom:4rem}.about-us h2{font-size:1.8rem;margin-bottom:1rem;text-align:center;color:var(--primary-color)}.about-us .description{max-width:600px;text-align:center;margin-bottom:1rem;font-size:1rem;color:var(--text-color)}.about-us .btn{margin-top:1rem}.blog-posts{background-color:var(--blog-bg);padding:3rem 1rem;border-radius:0;margin-bottom:4rem}.blog-posts h2{font-size:1.8rem;font-weight:600;text-align:center;margin-bottom:2rem;color:var(--primary-color)}.posts{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.post{background-color:#fff;border-radius:12px;overflow:hidden;width:250px;box-shadow:0 6px 20px #0000000d}.post img{width:100%;height:160px;object-fit:cover}.post .title{font-weight:600;padding:.8rem 1rem 0}.post .date{font-size:.9rem;color:#777;padding:0 1rem 1rem}.footer{background-color:var(--footer-bg);text-align:center;padding:2rem 1rem;font-size:.9rem;color:#fff}@media (max-width: 768px){.product-list,.posts{flex-direction:column;align-items:center}.about-us{padding:2rem 1rem}.product,.post{width:90%}.hero h1{font-size:2rem}}html,body{margin:0;padding:0;font-family:Segoe UI,sans-serif;background-color:#f9f9fb;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}.payout-container{padding:2rem;min-height:100vh;display:flex;flex-direction:column;gap:2rem;margin-left:350px;transition:margin-left .3s ease}.top-buttons-container{display:flex;justify-content:flex-start;gap:1rem;align-items:flex-end;flex-wrap:wrap}.start-btn,.login-btn{padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:1rem;white-space:nowrap}.start-btn{background-color:#4b13b0;color:#fff}.login-btn{background-color:#fff;color:#4b13b0;border:2px solid #4b13b0}.payout-summary{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 6px #0000001a;width:100%;max-width:100%}.payout-summary h2{font-size:1.5rem;color:#333}.payout-summary span{color:#4b13b0;font-weight:700}.payout-process-btn{margin-top:1rem;padding:.75rem 1.25rem;background-color:#e0d4f9;border:none;border-radius:5px;font-weight:500;color:#4b13b0;cursor:pointer;width:100%;max-width:300px}.payout-table{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 2px 10px #0000000d;width:100%;overflow-x:auto}.payout-table h3{margin-bottom:1rem;color:#444}table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:500px}th,td{text-align:left;padding:.75rem;border-bottom:1px solid #ddd}th{background-color:#f0effa;color:#4b13b0}.pagination{margin-top:1rem;display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap;justify-content:center}.pagination button{padding:.5rem 1rem;border:none;background:#ddd;border-radius:4px;cursor:pointer}.pagination button.active{background-color:#4b13b0;color:#fff}@media (max-width: 1024px){.payout-container{padding:2rem;min-height:100vh;display:flex;flex-direction:column;gap:2rem;margin-left:200px;transition:margin-left .3s ease;justify-content:center}.top-buttons-container{flex-direction:column;align-items:flex-start}.start-btn,.login-btn{width:100%;max-width:250px}.payout-summary h2{font-size:1.25rem}.payout-process-btn{max-width:100%}.pagination{justify-content:center}}@media (max-width: 768px){.payout-container{padding:2rem;min-height:100vh;display:flex;flex-direction:column;gap:2rem;margin-left:70px;transition:margin-left .3s ease}.top-buttons-container{flex-direction:column;align-items:flex-start}.start-btn,.login-btn{width:100%;max-width:250px}.payout-summary h2{font-size:1.25rem}.payout-process-btn{max-width:100%}.pagination{justify-content:center}}@media (max-width: 480px){.payout-container{padding:2rem;min-height:100vh;display:flex;flex-direction:column;gap:2rem;margin-left:40px;transition:margin-left .3s ease}.start-btn,.login-btn{font-size:.95rem}td{font-size:10px;padding:.5rem;text-align:left}.pagination{justify-content:center}.payout-summary{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 6px #0000001a;width:70%}.payout-table{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 2px 10px #0000000d;width:70%;overflow-x:auto}.payout-table h3{margin-bottom:.5rem;color:#444;font-size:1rem}th{background-color:#f0effa;color:#4b13b0;font-size:15px;padding:.5rem}}.payment-container{display:flex;justify-content:center;align-items:center;padding:2rem;min-height:100vh;margin-left:390px}.payment-card{background:#fff;border-radius:12px;padding:2rem;width:100%;max-width:420px;box-shadow:0 4px 15px #00000014;text-align:center;animation:fadeIn .4s ease-in-out}.payout-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.payout-title span{color:#4b13b0}.payment-subtitle{font-size:1rem;font-weight:500;margin-bottom:.8rem;color:#555}.payment-dropdown{width:100%;padding:.7rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;margin-bottom:1rem;outline:none;transition:border .3s}.payment-dropdown:focus{border:1px solid #4B13B0}.payment-info{margin-bottom:1.5rem;color:#666;font-size:.9rem}.payment-btn{background:#4b13b0;color:#fff;border:none;padding:.8rem 1.5rem;font-size:1rem;border-radius:8px;cursor:pointer;transition:background .3s}.payment-btn:hover{background:#360c84}@media (max-width: 768px){.payment-card{margin-left:50px}}@media (max-width: 480px){.payment-card{margin-left:8px}.payout-title{font-size:1.2rem}.payment-btn{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.payment-container{display:flex;justify-content:center;align-items:center;padding:2rem;min-height:100vh;margin-left:100px}}:root{--primary-color: #4b13b0;--primary-hover: #357abd;--background-light: #f9fafb;--text-color: #333;--border-color: #e0e0e0;--radius: 8px;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--background-light);color:var(--text-color);line-height:1.6}.settings-container{max-width:900px;padding:20px;margin:40px auto 40px 200px}.page-title{font-size:2rem;font-weight:700;margin-bottom:30px;text-align:center}.section{background:#fff;border-radius:var(--radius);padding:20px;margin-bottom:25px;box-shadow:0 2px 8px #0000000d}.section h2{font-size:1.3rem;margin-bottom:10px}.section h3{font-size:1.1rem;margin-top:20px;margin-bottom:10px}.form-grid{display:grid;gap:15px}.form-row{display:flex;flex-direction:column}.form-row label{font-weight:500;margin-bottom:5px}.form-row input,.form-row select{padding:10px;border:1px solid var(--border-color);border-radius:var(--radius);font-size:.95rem;outline:none;transition:var(--transition)}.form-row input:focus,.form-row select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90e233}.checkbox-group{display:flex;align-items:center;gap:8px}.checkbox-group input[type=checkbox]{transform:scale(1.2)}.submit-btn{background:var(--primary-color);color:#fff;border:none;padding:12px 20px;font-size:1rem;border-radius:var(--radius);cursor:pointer;transition:var(--transition)}.submit-btn:hover{background:var(--primary-hover)}.section ul{list-style:none;padding-left:0}.section ul li{padding:8px 0;border-bottom:1px solid var(--border-color)}@media (min-width: 600px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.settings-container{padding:15px;margin-left:100px}.page-title{font-size:1.75rem}.submit-btn{width:100%;text-align:center}}@media (max-width: 480px){.settings-container{padding:10px;margin:20px auto 20px 80px}.page-title{font-size:1.5rem}.form-grid{grid-template-columns:1fr}.form-row input,.form-row select{font-size:.9rem;padding:8px}.submit-btn{font-size:.95rem;padding:10px;width:100%}}html,body{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,sans-serif;background-color:#f9f9f9;color:#333;min-height:100%}.purchase-page{max-width:900px;padding:20px;margin:100px auto 200px 250px}header{margin-bottom:20px;text-align:left}header h1{margin-bottom:5px;font-size:2rem}header p{color:#555;font-size:1rem}.nav-tabs{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.nav-tabs button{background:none;border:none;font-size:1rem;padding:10px 15px;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease}.nav-tabs button:hover{color:#007bff}.nav-tabs .active{border-bottom:2px solid #007bff;color:#007bff;font-weight:700}.content-container{padding:20px;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000014}.dual-section{display:flex;gap:20px;flex-wrap:wrap}.section{flex:1;padding:15px;border-radius:8px;min-width:250px;background:#fff;box-shadow:0 2px 6px #00000014}.gray-bg{background:#f4f4f4}.list{list-style:none;padding:0;margin-top:10px}.list li{padding:8px 0;border-bottom:1px solid #e0e0e0}.primary-btn{background:#007bff;color:#fff;padding:10px 15px;border:none;border-radius:6px;cursor:pointer;margin-top:15px;transition:background .3s ease}.primary-btn:hover{background:#0056b3}.help-text{margin-top:15px;font-size:.9rem}.help-text a{color:#007bff;text-decoration:none}.help-text a:hover{text-decoration:underline}@media (max-width: 1024px){.purchase-page{max-width:900px;padding:20px;margin:200px auto 490px 200px}header h1{font-size:1.8rem}}@media (max-width: 768px){.purchase-page{max-width:900px;padding:20px;margin:100px auto 250px 100px}.dual-section{flex-direction:column}.nav-tabs{gap:10px;flex-wrap:wrap;justify-content:center}header{text-align:center}.content-container{padding:15px}}@media (max-width: 480px){header h1{font-size:1.5rem}header p{font-size:.9rem}.nav-tabs button{font-size:.9rem;padding:8px 10px}.section{min-width:100%;padding:12px}.primary-btn{width:100%;padding:12px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px}.modal-card{background:#fff;border-radius:10px;padding:25px;width:100%;max-width:450px;box-shadow:0 8px 20px #0003;animation:slideDown .3s ease-out}.modal-card h2{margin-top:0;font-size:1.5rem}.modal-card h4{margin-top:15px;margin-bottom:10px;font-weight:500}.modal-card input{width:100%;padding:10px;margin-bottom:12px;border:1px solid #ccc;border-radius:6px;font-size:1rem;transition:border-color .3s}.modal-card input:focus{border-color:#007bff;outline:none}.modal-actions{display:flex;justify-content:space-between;gap:10px}.cancel-btn{flex:1;background:#ccc;color:#000;padding:10px;border:none;border-radius:6px;cursor:pointer;transition:background .3s}.cancel-btn:hover{background:#b3b3b3}.process-btn{flex:1;background:#007bff;color:#fff;padding:10px;border:none;border-radius:6px;cursor:pointer;transition:background .3s}.process-btn:hover{background:#0056b3}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 480px){.modal-card{padding:20px}.modal-actions{flex-direction:column}.cancel-btn,.process-btn{width:100%}}.close-icon{position:absolute;top:12px;right:10px;font-size:24px;font-weight:700;color:#555;cursor:pointer;transition:color .3s ease}.close-icon:hover{color:#000}