:root {--font-family-poppins: 'Poppins', sans-serif;--font-family-inter: 'Inter', sans-serif;--font-family-quicksand: 'Quicksand', sans-serif;--font-family-montserrat: 'Montserrat', sans-serif;--text-white: #ffffff;--text-rgb-69-42-122: #452a7a;--text-black: #1f1f1f;--text-rgb-141-132-193: #8d84c1;--text-rgb-85-85-85: #555555;--text-rgb-50-30-43: #321e2b;--text-rgb-27-23-23: #1b1717;--text-rgb-167-163-177: #a7a3b1;--text-rgb-51-46-65: #332e41;--text-rgb-104-104-104: #686868;--text-rgb-90-90-90: #5a5a5a;--text-rgb-75-85-99: #4b5563;--text-rgb-55-65-81: #374151;--text-rgb-88-88-93: #58585d;--surface-lavender-50: #F7F5F9;--surface-lavender-100: #EFEBF9;--surface-cream: #EAE4D6;--surface-card: #FBFAFD;--border-soft: #E5E7Eb;}* {margin: 0;padding: 0;box-sizing: border-box;}html {scroll-behavior: smooth;}body {font-family: var(--font-family-inter);color: var(--text-rgb-27-23-23);background: var(--text-white);-webkit-font-smoothing: antialiased;}img {max-width: 100%;display: block;-webkit-user-drag: none;user-drag: none;-webkit-user-select: none;user-select: none;}a {color: inherit;text-decoration: none;}ul {list-style: none;}button {font-family: inherit;cursor: pointer;border: none;}::-webkit-scrollbar {width: 6px;height: 6px;}::-webkit-scrollbar-track {background: var(--surface-lavender-50);}::-webkit-scrollbar-thumb {background: var(--text-rgb-141-132-193);border-radius: 999px;}::-webkit-scrollbar-thumb:hover {background: var(--text-rgb-69-42-122);}@media (pointer: coarse) {* {cursor: none !important;}}.container {max-width: 1300px;margin: 0 auto;padding: 0 40px;@media (max-width: 1000px) {padding: 0 24px;}}.btn {display: inline-flex;align-items: center;justify-content: center;background: var(--text-black);color: var(--text-white);font-family: var(--font-family-poppins);font-weight: 600;font-size: 15px;padding: 16px 10px;border-radius: 999px;transition: transform .2s ease, background .2s ease;border-radius: 20px;max-width: 323px;width: 100%;font-size: 15px;font-weight: 500;font-size: 24px;text-align: center;&:hover {background: var(--text-rgb-69-42-122);transform: translateY(-2px);}&:focus-visible {outline: 3px solid var(--text-rgb-141-132-193);outline-offset: 3px;}@media (max-width: 1000px) {margin: 0 auto;}@media (max-width: 650px) {font-size: 20px;}}.eyebrow {font-family: var(--font-family-inter);font-size: 12px;font-weight: 500;text-transform: uppercase;color: var(--text-rgb-167-163-177);}.placeholder-img {position: relative;display: flex;align-items: flex-end;justify-content: flex-start;background: #fff;color: rgba(255, 255, 255, .85);font-family: var(--font-family-inter);font-size: 12px;overflow: hidden;span {position: relative;z-index: 1;opacity: .8;}img {display: block;height: 100%;width: 100%;object-fit: cover;border-radius: 28px;}}.topbar {height: 25px;background: var(--text-rgb-141-132-193);}.nav {padding: 22px 0;border-bottom: 1px solid var(--border-soft);.container {display: flex;align-items: center;justify-content: space-between;}.logo {display: flex;align-items: baseline;gap: 8px;font-family: var(--font-family-quicksand);font-weight: 700;font-size: 20px;color: var(--text-rgb-69-42-122);max-width: 80%;.script {font-family: 'Segoe Script', cursive;font-style: italic;}.star {color: var(--text-rgb-141-132-193);}}.nav-links {display: flex;align-items: center;gap: 40px;@media (max-width: 1150px) {display: none;}a {font-family: var(--font-family-quicksand);font-size: 14px;font-weight: 400;letter-spacing: 0.04em;text-transform: uppercase;color: var(--text-rgb-51-46-65);&:hover {color: var(--text-rgb-69-42-122);}}.account {display: flex;align-items: center;gap: 0px;text-transform: none;}}.hamburger {display: none;flex-direction: column;justify-content: center;gap: 5px;width: 36px;height: 36px;background: transparent;border: none;cursor: pointer;padding: 4px;span {display: block;width: 100%;height: 2px;background: var(--text-rgb-69-42-122);border-radius: 2px;transition: transform 0.3s ease, opacity 0.3s ease;}&.open span:nth-child(1) {transform: translateY(7px) rotate(45deg);}&.open span:nth-child(2) {opacity: 0;transform: scaleX(0);}&.open span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}@media (max-width: 1150px) {display: flex;}}}.mobile-menu {position: fixed;inset: 0;z-index: 9999;pointer-events: none;visibility: hidden;&.open {pointer-events: auto;visibility: visible;}.mobile-menu-backdrop {position: absolute;inset: 0;background: rgba(0, 0, 0, 0.4);opacity: 0;transition: opacity 0.3s ease;}&.open .mobile-menu-backdrop {opacity: 1;}.mobile-menu-panel {position: absolute;top: 0;right: 0;bottom: 0;width: min(320px, 85vw);background: #fff;padding: 24px 28px;display: flex;flex-direction: column;gap: 0;transform: translateX(100%);transition: transform 0.3s ease;overflow-y: auto;box-shadow: -4px 0 24px rgba(69, 42, 122, 0.12);}&.open .mobile-menu-panel {transform: translateX(0);}.mobile-menu-close {align-self: flex-end;background: transparent;border: none;cursor: pointer;padding: 4px;color: var(--text-rgb-69-42-122);margin-bottom: 32px;}.mobile-nav-links {display: flex;flex-direction: column;gap: 28px;a {font-family: var(--font-family-quicksand);font-size: 15px;font-weight: 600;letter-spacing: 0.04em;text-transform: uppercase;color: var(--text-rgb-51-46-65);&:hover {color: var(--text-rgb-69-42-122);}}.account {display: flex;align-items: center;gap: 6px;text-transform: none;margin-top: 8px;padding-top: 24px;border-top: 1px solid var(--border-soft);}}}.hero {padding: 60px 0 80px;position: relative;overflow: hidden;@media (max-width: 1000px) {padding-bottom: 60px;}.container {display: grid;grid-template-columns: 1.1fr 1fr;gap: 56px;align-items: center;position: relative;@media (max-width: 1000px) {grid-template-columns: 1fr;}}.hero-img {aspect-ratio: 4 / 3;border-radius: 28px;@media (max-width: 1000px) {order: -1;}}.hero-copy {@media (max-width: 1000px) {display: flex;flex-direction: column;align-items: center;text-align: center;}h1 {font-family: var(--font-family-inter);font-size: 80px;line-height: 0.9;font-weight: 400;color: var(--text-black);@media (max-width: 1150px) {font-size: 60px;}@media (max-width: 650px) {font-size: 42px;svg {max-height: 40px;max-width: 40px;}}.accent {color: var(--text-rgb-141-132-193);font-weight: 800;}}p {margin-top: 20px;max-width: 380px;font-size: 15px;line-height: 1.6;color: var(--text-rgb-85-85-85);font-size: 20px;line-height: 1.4;max-width: 450px;color: #000;font-family: var(--font-family-quicksand);}.btn {margin-top: 28px;}}.hero-deco {position: absolute;right: -20px;top: 10px;color: var(--surface-lavender-100);font-size: 120px;line-height: 1;z-index: -1;user-select: none;}}.how {background: var(--surface-lavender-50);padding: 90px 0 70px;position: relative;overflow: hidden;@media (max-width: 1000px) {padding: 60px 0px;}.hero-deco {position: absolute;right: -20px;top: 80px;color: var(--surface-lavender-100);font-size: 120px;line-height: 1;z-index: 1;user-select: none;}.container {display: grid;grid-template-columns: 1fr 1.2fr;gap: 56px;align-items: center;@media (max-width: 1000px) {grid-template-columns: 1fr;.content {display: flex;flex-direction: column;align-items: center;text-align: center;}}@media (max-width: 1000px) {grid-template-columns: 1fr;}}.how-logo {font-family: var(--font-family-quicksand);font-weight: 700;font-size: 40px;color: var(--text-rgb-69-42-122);line-height: 1;svg {max-width: 100%;}.script {font-family: 'Segoe Script', cursive;font-style: italic;}}h2 {margin-top: 26px;font-size: 26px;font-weight: 600;color: var(--text-rgb-69-42-122);font-size: 32px;line-height: 1.2;font-weight: 600;font-family: var(--font-family-inter);max-width: 350px;b {color: var(--text-rgb-141-132-193);font-weight: 900;}}p {margin-top: 16px;font-size: 14px;line-height: 1.7;color: var(--text-rgb-85-85-85);max-width: 450px;@media (max-width: 1000px) {max-width: 90%;}strong {color: var(--text-rgb-51-46-65);font-weight: 700;}}.how-img {aspect-ratio: 4 / 3;border-radius: 28px;}.how-steps {grid-column: 1 / -1;display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;margin-top: 15px;@media (max-width: 1000px) {display: flex;flex-wrap: wrap;justify-content: center;}@media (max-width: 560px) {grid-template-columns: 1fr;}}.how-bottom {grid-column: 1 / -1;display: flex;align-items: center;justify-content: space-between;gap: 30px;flex-wrap: wrap;@media (max-width: 1000px) {flex-direction: column-reverse;width: 100%;.progress-bar {min-height: 30px;z-index: 2;max-width: 100%;opacity: 1;width: 100%;span {min-height: 30px;margin-bottom: 15px;}}}}}.step-card {background: var(--text-white);border-radius: 16px;padding: 20px;display: flex;gap: 14px;box-shadow: 0px 0px 3px 0px #D0CFCB;border-radius: 8px;@media (max-width: 1000px) {max-width: calc(50% - 15px);}@media (max-width: 768px) {max-width: 100%;width: 100%;min-height: 106px;}h3 {font-family: var(--font-family-quicksand);font-size: 16px;font-weight: 600;color: var(--text-rgb-50-30-43);margin-bottom: 4px;}p {font-size: 14px;line-height: 1.5;color: var(--text-rgb-85-85-85);font-family: var(--font-family-quicksand);max-width: none;margin-top: 0;b {font-weight: 700;}}}.step-num {flex-shrink: 0;width: 48px;height: 48px;border-radius: 50%;background: var(--text-rgb-141-132-193);color: var(--text-white);font-family: var(--font-family-montserrat);font-weight: 600;font-size: 20px;display: flex;align-items: center;justify-content: center;}.progress-bar {flex: 1;min-width: 60px;max-width: 55%;height: 30px;border-radius: 0;overflow: hidden;display: flex;span {height: 100%;}.p1 {flex: 1.4;background: var(--text-rgb-141-132-193);}.p2 {flex: 1.4;background: var(--text-rgb-69-42-122);}.p3 {flex: 1;background: var(--surface-cream);}.p4 {flex: 1;background: var(--text-black);}}.earnings {padding: 70px 0;@media (max-width: 1000px) {padding-bottom: 0px;}.earnings-card {background: var(--surface-lavender-50);border-radius: 32px;padding: 48px 40px;text-align: center;@media (max-width: 560px) {padding: 34px 22px;}h2 {font-family: var(--font-family-inter);font-size: 32px;font-weight: 600;color: var(--text-rgb-69-42-122);line-height: 1;strong {display: block;color: var(--text-rgb-69-42-122);font-weight: 900;font-size: 32px;}}.sim-label {margin: 25px 0px 50px;font-family: var(--font-family-inter);font-size: 15px;font-weight: 600;letter-spacing: .08em;text-transform: none;color: var(--text-rgb-69-42-122);}}}.slider-track {max-width: 85%;margin: 26px auto 18px;height: 30px;border-radius: 19px;background: var(--text-white);position: relative;@media screen and (max-width:768px) {height: 20px;}.slider-fill {position: absolute;left: 0;top: 0;bottom: 0;width: 46%;background: var(--text-rgb-141-132-193);border-radius: 19px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;}.slider-handle {position: absolute;left: 46%;top: 50%;transform: translate(-50%, -50%);width: 65px;height: 80px;border-radius: 50%;background: transparent;color: var(--text-white);display: flex;align-items: center;justify-content: center;font-size: 16px;@media screen and (max-width:1000px) {width: 45px;}}}.slider-values {display: flex;justify-content: space-between;max-width: 80%;margin: 0 auto;gap: 25px;font-family: var(--font-family-inter);font-size: 32px;font-weight: 400;color: var(--text-rgb-69-42-122);strong {color: var(--text-rgb-69-42-122);font-weight: 900;}@media screen and (max-width:1000px) {font-size: 24px;}@media screen and (max-width:768px) {font-size: 20px;}@media screen and (max-width:650px) {font-size: 16px;}}.marquee {background: var(--text-white);overflow: hidden;white-space: nowrap;padding: 35px 0 25px;.marquee-track {display: inline-flex;gap: 26px;animation: scroll-left 26s linear infinite;@media (prefers-reduced-motion: reduce) {animation: none;}span {font-family: var(--font-family-quicksand);font-weight: 700;font-size: 26px;color: var(--text-rgb-141-132-193);display: inline-flex;align-items: center;gap: 26px;svg {max-width: 300px;}em {font-style: italic;color: var(--text-rgb-69-42-122);}}}}@keyframes scroll-left {from {transform: translateX(0);}to {transform: translateX(-50%);}}.products {background: var(--surface-lavender-50);padding: 70px 0 80px;@media (max-width: 1000px) {padding: 60px 0px;}h2 {font-family: var(--font-family-inter);font-size: 32px;font-weight: 600;color: var(--text-rgb-69-42-122);margin-bottom: 34px;@media (max-width: 1000px) {text-align: center;margin-bottom: 45px;}}.product-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 22px;@media (max-width: 1000px) {grid-template-columns: 1fr 1fr;}@media (max-width: 560px) {grid-template-columns: 1fr;}}}.product-card {background: var(--text-white);border-radius: 8px;overflow: hidden;box-shadow: 0px 1px 2px 0px #0000000D;border: 1px solid #E5E7EB;padding: 20px;.placeholder-img {aspect-ratio: 1 / 1;border-radius: 25px;}.info {padding: 16px 18px 20px;.name {font-family: var(--font-family-quicksand);font-size: 16px;font-weight: 700;color: var(--text-rgb-88-88-93);}.brand {font-size: 16px;color: var(--text-rgb-88-88-93);font-weight: 700;font-family: var(--font-family-quicksand);margin-top: 2px;}}}.create-store {padding: 80px 0;overflow: hidden;@media (max-width: 1000px) {padding-top: 10px;padding-bottom: 60px;}.container {display: grid;grid-template-columns: 1fr 1fr;gap: 35px;align-items: end;position: relative;@media (max-width: 1400px) {align-items: center;}@media (max-width: 1400px) {display: flex;flex-direction: column;}@media (max-width: 1000px) {.content {display: flex;flex-direction: column;}}>div:first-child>p {margin-top: 15px;font-size: 16px;color: var(--text-rgb-85-85-85);font-family: var(--font-family-quicksand);@media (max-width: 1000px) {text-align: center;}}}h2 {font-family: var(--font-family-inter);font-size: 32px;font-weight: 600;color: var(--text-rgb-69-42-122);@media (max-width: 1000px) {text-align: center;}}.create-img {aspect-ratio: 4 / 3.2;border-radius: 28px;position: relative;@media (max-width: 1000px) {order: -1;}}svg {position: absolute;bottom: -10%;right: -10%;z-index: -1;}}.create-steps {display: grid;grid-template-columns: repeat(2, 1fr);gap: 18px;margin: 30px 0 32px;@media (max-width: 560px) {grid-template-columns: 1fr;}}.create-step {box-shadow: 0px 0px 3px 0px #D0CFCB;background: #fff;padding: 20px;border-radius: 8px;h3 {display: flex;align-items: center;gap: 10px;font-family: var(--font-family-quicksand);font-size: 16px;line-height: 1.5;font-weight: 600;color: var(--text-rgb-50-30-43);margin-bottom: 6px;.step-num {width: 48px;height: 48px;background-color: var(--text-rgb-141-132-193);color: var(--text-white);font-family: var(--font-family-montserrat);font-size: 20px;font-weight: 600;}}p {font-size: 16px;font-weight: 400;font-family: var(--font-family-quicksand);line-height: 1.4;color: var(--text-rgb-85-85-85);padding-left: 36px;}}.faq {background: var(--surface-lavender-50);padding: 80px 0;margin-bottom: 80px;@media (max-width: 1000px) {padding: 60px 0px;margin-bottom: 45px;}.container {display: grid;grid-template-columns: 1fr 1.3fr;gap: 60px;align-items: center;@media (max-width: 1000px) {grid-template-columns: 1fr;gap: 35px;}}.faq-illustration {border-radius: 24px;display: flex;align-items: center;justify-content: center;color: var(--text-rgb-141-132-193);font-family: var(--font-family-inter);font-size: 13px;}.eyebrow {@media (max-width: 1000px) {text-align: center;}}h2 {margin-top: 6px;font-family: var(--font-family-inter);font-size: 24px;font-weight: 600;color: var(--text-rgb-51-46-65);@media (max-width: 1000px) {text-align: center;}}.faq-list {margin-top: 24px;}}.faq-item {border-top: 1px solid var(--border-soft);padding: 18px 0;&:first-child {border-top: none;}&:last-child {border-bottom: 1px solid var(--border-soft);}&.open .faq-q .chev {transform: rotate(180deg);}.faq-q {width: 100%;background: none;display: flex;align-items: center;justify-content: space-between;gap: 20px;font-family: var(--font-family-inter);font-size: 14px;font-weight: 600;color: var(--text-rgb-104-104-104);text-align: left;.chev {flex-shrink: 0;width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;color: var(--text-rgb-75-85-99);transition: transform .25s ease;}}.faq-a {max-height: 0;overflow: hidden;transition: max-height .3s ease;p {padding-top: 12px;font-size: 14px;line-height: 1.1;font-weight: 400;color: var(--text-rgb-90-90-90);max-width: 620px;strong {color: var(--text-rgb-90-90-90);}}}}footer {padding: 22px 0;border-top: 1px solid var(--border-soft);background: #f3f4f6;.container {display: flex;justify-content: space-between;font-size: 14px;font-weight: 400;color: var(--text-rgb-75-85-99);font-family: var(--font-family-inter);@media (max-width: 560px) {flex-direction: column;gap: 6px;}}}footer {padding-bottom: 0px;border-bottom: none;.container {padding-bottom: 20px;}}.area-footer {padding: 0px;padding-top: 5px;width: 100%;max-width: 100%;.container {padding-bottom: 0px;.box-footer {width: 100%;}}}