@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--blue:#1010ed;--lime:#d4f56a;--pale:#f0f8d4;--ink:#19231f;--muted:#747e78;--line:#e2e6e1;--bg:#f7f8fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font:16px/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #94b81c;outline-offset:5px}header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);background:#ffffffed;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{font-family:Manrope,sans-serif;font-weight:800;font-size:30px;letter-spacing:-1.8px;color:var(--blue);display:inline-flex;align-items:center;gap:8px;line-height:1}.brand>span:last-child{white-space:nowrap}.brand .lime-text{color:#a9d527}.lime-text{color:#a9d527}.brand-icon{background:var(--blue);color:white;font-size:15px;letter-spacing:2px;line-height:15px;width:32px;height:35px;border-radius:4px;padding:3px}.brand.mini{font-size:22px;gap:0}nav,.nav-actions{display:flex;align-items:center;gap:30px}nav a,.signin{font-size:13px;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--blue);color:white;padding:17px 25px;border-radius:8px;font-size:14px;font-weight:700;box-shadow:0 5px 12px #1010ed0c;transition:transform .2s,background .2s}.btn:hover{background:#0000c7;transform:translateY(-2px)}.btn span{font-size:20px;line-height:1}.btn.small{padding:12px 18px;font-size:12px;gap:22px}.wrap{width:min(1180px,90%);margin:auto}.hero{text-align:center;padding-top:70px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;display:block;margin:0 0 23px}.hero .eyebrow{display:inline-flex;align-items:center;gap:9px;background:#f2f7e7;padding:7px 13px;border:1px solid #e2edce;border-radius:30px;font-size:10px;letter-spacing:1.5px}.dot{width:6px;height:6px;background:#91b330;border-radius:100%}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.16;letter-spacing:-1.7px;margin:0}h1{font-size:clamp(54px,6.1vw,84px);font-weight:800;letter-spacing:-4.8px;line-height:1.05}.blue{color:var(--blue)}.question{position:relative}.hero-copy{font-size:17px;line-height:1.8;color:#6b746f;margin:24px 0 27px}.hero-copy strong{color:#29352d;font-weight:600}.mobile{display:none}.hero-actions{display:flex;justify-content:center;align-items:center;gap:30px}.text-link{font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:14px}.micro{font-size:11px;color:#76806f;margin:17px 0 46px}.micro span{margin-left:16px}.product-stage{position:relative;border:1px solid #dadfd8;border-radius:15px 15px 7px 7px;background:white;padding:7px;box-shadow:0 24px 70px #1a2b3510;text-align:left;max-width:1050px;margin:auto}.product-stage:before{content:'';position:absolute;inset:50px -28px -20px;background:#edf5d8;z-index:-1;border-radius:26px;transform:rotate(-2deg)}.stage-top{padding:9px 12px 15px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#8d948e}.stage-top i{display:inline-block;height:6px;width:6px;background:#d6dbd6;margin-right:4px;border-radius:50%}.stage-top i:first-child{background:#b6d27b}.stage-top .live{color:#748656}.product-stage img{display:block;width:100%;height:auto;border:1px solid #edf0ec;border-radius:4px}.float-note{position:absolute;right:-26px;bottom:39px;display:flex;gap:13px;align-items:center;background:#fff;padding:18px 22px;border:1px solid #e6eada;border-radius:10px;box-shadow:0 12px 40px #12261515;transform:rotate(-3deg)}.float-note>span{display:grid;place-items:center;background:var(--lime);width:40px;height:40px;border-radius:50%;font-size:24px}.float-note small,.float-note strong{display:block;font-size:11px}.float-note strong{font-size:14px}.platform-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:55px;padding:27px 0;border-bottom:1px solid var(--line)}.platform-strip>span{font-size:8px;letter-spacing:1.2px;color:#90978f}.platform-strip strong{font-size:16px;white-space:nowrap}.shopee{color:#e96a3b}.section{padding-top:100px;padding-bottom:100px}h2{font-size:clamp(32px,3.6vw,47px);font-weight:800;line-height:1.18}.muted{color:#9aa19b}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.section-head>p{font-size:14px;color:var(--muted);margin:0 0 5px}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.problem-grid article{padding:27px 0;border-top:1px solid #b9c0b5}.index{font-size:9px;letter-spacing:1.7px;color:#8b9488;font-weight:700}h3{font-size:22px;letter-spacing:-.7px;line-height:1.35}.problem-grid h3{margin:22px 0 15px}.problem-grid p,.feature-grid p,.steps p{font-size:14px;line-height:1.85;color:var(--muted);margin:0}.statement{display:flex;align-items:center;gap:24px;background:var(--pale);border-radius:9px;margin-top:25px;padding:24px 30px}.statement>span{font-size:38px;color:#9bb82d}.statement p{font-size:16px;line-height:1.65;margin:0}.demo-section{background:var(--bg);border-top:1px solid #eceeea;border-bottom:1px solid #eceeea}.demo-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:100px}.body-copy{font-size:16px;color:var(--muted);max-width:390px;margin:24px 0}.toggle{display:inline-flex;padding:5px;background:#e9ece7;border-radius:8px;margin:8px 0 14px;gap:4px}.toggle button{border:0;border-radius:5px;background:transparent;padding:11px 14px;font-size:12px;color:#6a7468}.toggle button.active{background:var(--blue);color:#fff;box-shadow:0 3px 8px #1010ed1a}.demo-caption{font-size:11px;color:#8b938c;max-width:360px;line-height:1.7}.receipt{background:white;padding:28px 32px;border:1px solid #e0e4dd;box-shadow:0 12px 35px #18231908;border-radius:12px;transform:rotate(1deg)}.receipt-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed #d9dfd4;padding-bottom:21px;margin-bottom:13px}.receipt-head>span:last-child{font-size:8px;letter-spacing:1.5px;color:#8e958a}.receipt-row{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:8px 0;color:#737b72}.receipt-row strong{color:#303a30;white-space:nowrap;font-weight:500}.receipt-total{display:flex;align-items:center;justify-content:space-between;background:var(--pale);padding:19px 21px;margin-top:18px;border-radius:7px}.receipt-total span{font-size:11px}.receipt-total strong{display:block;font:800 38px/1.4 Manrope,sans-serif;letter-spacing:-1.7px;color:var(--blue)}.receipt-total .profit-icon{font-size:30px;color:#8aab29}.receipt>p{font-size:9px;color:#969c93;text-align:center;margin:15px 0 0}.features>h2{margin-bottom:38px}.feature-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px}.feature-grid article{border:1px solid var(--line);border-radius:12px;padding:29px;min-width:0}.feature-grid .feature-main{grid-row:span 2;background:var(--blue);color:white;display:flex;flex-direction:column;justify-content:space-between;border:none;padding:32px}.tag{font-size:9px;letter-spacing:1.25px;font-weight:600;color:#89917e}.feature-main .tag{color:#d4f56a}.feature-grid h3{margin:20px 0 13px;font-size:21px}.feature-main h3{font-size:29px;line-height:1.3}.feature-main p{color:#d0d0ff}.price-visual{margin-top:40px;padding:22px 0 15px;border-top:1px solid #ffffff33}.price-visual small{font-size:9px;letter-spacing:1px;color:#d2d2ff}.price-visual>strong{display:block;font:800 52px/1.5 Manrope,sans-serif;letter-spacing:-2px}.price-visual strong span{font-size:20px;letter-spacing:0}.price-visual>div{font-size:10px;background:#ffffff15;border:1px solid #ffffff29;border-radius:6px;padding:11px;color:var(--lime)}.example{font-size:9px;color:#aaaaff}.platform-pills,.method-pills{display:flex;gap:7px;margin-top:25px}.platform-pills span,.method-pills span{font-size:10px;padding:8px 10px;border-radius:6px;background:#f3f5f0;color:#636e5a;white-space:nowrap}.method-pills .selected{background:var(--pale);color:#526e0c}.promo-visual{margin-top:25px;border-left:3px solid #bbdc53;padding-left:12px}.promo-visual span,.promo-visual strong{display:block;font-size:11px}.promo-visual span{color:#999f92}.fee-line{display:flex;justify-content:space-between;margin-top:25px;border-bottom:1px solid #e5e8e0;padding:10px 0;font-size:11px}.fee-line b{color:var(--blue);margin-left:5px}.steps-section{background:#fafbf7;border-top:1px solid #eff1e9;border-bottom:1px solid #eff1e9}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:60px}.steps article{position:relative}.steps article>span{display:inline-flex;border:1px solid #d9e4c2;width:48px;height:48px;align-items:center;justify-content:center;border-radius:50%;font-size:13px;background:var(--pale);color:#5c7828;margin-bottom:20px}.steps h3{margin-bottom:13px}.signup-panel{border-radius:16px;background:var(--blue);color:white;padding:65px;display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:center}.signup-panel .eyebrow{font-size:9px;color:#c8cbff;letter-spacing:1.2px}.signup-panel h2{font-size:48px;line-height:1.17}.signup-panel h2 span{color:var(--lime)}.signup-panel p{font-size:14px;color:#d1d2ff;margin:22px 0}.lime-btn{background:var(--lime);color:#172415;box-shadow:none}.lime-btn:hover{background:#e2ff90}.signup-panel .signup-small{font-size:11px;margin:16px 0 0;color:#b8b8ff}.signup-small a{color:#fff;text-decoration:underline;text-underline-offset:4px}.free-box{background:#ffffff0b;border:1px solid #ffffff35;border-radius:12px;padding:30px}.free-label{font-size:9px;letter-spacing:1.7px;color:#bdbdff}.free-price{font:800 62px/1.5 Manrope,sans-serif;letter-spacing:-3px}.free-price span{font:400 12px 'DM Sans',sans-serif;letter-spacing:0;color:#d5d5ff}.free-box hr{border:0;border-top:1px solid #ffffff26;margin:10px 0 22px}.free-box p{font-size:12px;margin:15px 0;color:#eeeeff}.free-bottom{display:block;margin-top:26px;color:var(--lime);font-size:11px}.privacy{display:flex;gap:20px;max-width:810px;margin:35px auto 0}.shield{font-size:29px;color:#94b330}.privacy h3{font-size:14px;letter-spacing:0}.privacy p{font-size:11px;color:#87907f;line-height:1.9;margin:8px 0}.faq-section{display:grid;grid-template-columns:.8fr 1.4fr;gap:100px;padding-top:30px}.faq-section>div>p:not(.eyebrow){font-size:14px;color:#889080;margin-top:20px}.faqs details{border-bottom:1px solid var(--line);padding:20px 0}.faqs details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:14px;font-weight:650;line-height:1.6}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:20px;color:#909887;line-height:1}details[open] summary:after{content:'−';color:var(--blue)}details[open] summary{color:var(--blue)}details p{font-size:13px;color:#7b8575;line-height:1.9;margin:14px 30px 0 0}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:30px 0 40px;gap:20px}footer .brand{gap:0;font-size:25px}footer>span{font-size:8px;letter-spacing:2px;color:#8e978a}footer>span strong{color:var(--blue)}footer p,footer>a:last-child{font-size:11px;color:#87907e}
@media(min-width:1600px){.hero{padding-top:85px}}@media(max-width:1050px){header{padding:0 4%;height:78px}nav{gap:18px}.nav-actions{gap:18px}.wrap{width:90%}.demo-grid{gap:50px}.feature-grid article{padding:23px}.platform-pills{flex-wrap:wrap}.signup-panel{padding:40px;gap:40px}.signup-panel h2{font-size:40px}.faq-section{gap:50px}.platform-strip>span:last-child{display:none}.float-note{right:-12px}.feature-main h3{font-size:25px}}@media(max-width:760px){header{height:72px}.brand{font-size:25px}.brand-icon{width:27px;height:29px;font-size:12px;line-height:12px}nav,.signin{display:none}.btn.small{font-size:11px;padding:11px 13px;gap:12px}.hero{padding-top:46px}h1{font-size:60px;letter-spacing:-3.4px}.hero .eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:24px}.hero-copy{font-size:14px;margin:22px 0}.hero-actions{flex-direction:column;gap:17px}.hero-actions .btn{padding:16px 22px;font-size:13px}.text-link{font-size:12px}.micro{font-size:9px;line-height:2.3;margin:20px 0 28px}.micro span{margin-left:8px}.product-stage{padding:4px}.stage-top{padding:6px 5px 10px;font-size:7px}.stage-top .live{display:none}.product-stage:before{inset:25px -8px -10px;border-radius:12px}.float-note{right:3px;bottom:12px;padding:8px 10px;gap:8px;border-radius:6px}.float-note>span{height:24px;width:24px;font-size:16px}.float-note small{font-size:7px}.float-note strong{font-size:9px}.platform-strip{margin-top:25px;padding:22px 0;flex-wrap:wrap;justify-content:center;gap:20px}.platform-strip>span:first-child{width:100%;font-size:8px}.platform-strip strong{font-size:12px}.section{padding:64px 0}h2{font-size:35px;letter-spacing:-1.6px}.eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:18px}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:20px;font-size:13px}.problem-grid{grid-template-columns:1fr;gap:8px}.problem-grid article{padding:23px 0}.problem-grid h3{font-size:22px;margin-top:14px}.problem-grid p{font-size:13px}.statement{padding:20px;gap:16px;margin-top:12px}.statement p{font-size:13px}.demo-grid{grid-template-columns:1fr;gap:30px}.body-copy{font-size:14px}.demo-caption{max-width:none;font-size:10px}.receipt{padding:23px;transform:none}.feature-grid{grid-template-columns:1fr;gap:14px}.feature-grid .feature-main{grid-row:auto;padding:28px;min-height:380px}.feature-main h3{font-size:29px}.feature-main h3 br:last-child{display:none}.price-visual{margin-top:25px}.feature-grid article{padding:26px}.feature-grid h3{font-size:23px}.feature-grid p{font-size:13px}.platform-pills span,.method-pills span{font-size:11px}.section-head .text-link{margin-top:24px}.steps{grid-template-columns:1fr;gap:28px}.steps article{padding-left:68px}.steps article>span{position:absolute;left:0;top:0;width:43px;height:43px}.steps h3{font-size:21px}.steps p{font-size:13px}.signup-panel{grid-template-columns:1fr;padding:30px 25px;gap:32px;border-radius:12px}.signup-panel .eyebrow{font-size:8px;line-height:1.8}.signup-panel h2{font-size:36px}.signup-panel p{font-size:13px}.signup-panel .btn{font-size:12px;gap:15px;padding:15px 18px}.free-box{padding:25px}.free-price{font-size:54px}.privacy{gap:0;margin-top:25px}.shield{display:none}.privacy h3{font-size:12px}.privacy p{font-size:10px}.faq-section{grid-template-columns:1fr;gap:30px;padding-top:10px}.faq-section h2 br{display:none}.faq-section>div>p:not(.eyebrow){font-size:13px}.faqs details{padding:18px 0}summary{font-size:13px}details p{font-size:12px}footer{flex-wrap:wrap;justify-content:space-between;padding:26px 0;gap:15px}footer p{width:60%;margin:0;font-size:10px}footer .brand{font-size:24px}footer>a:last-child{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

.loss-text{color:#d52232}.receipt-total.is-loss{background:#fff0f1}.receipt-total.is-loss strong,.receipt-total.is-loss .profit-icon,.receipt-total.is-loss #profit-label{color:#ce1e2e}


/* Desktop logo */
header .brand .landing-logo {
  display: block;
  width: 165px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

/* Keep logo aligned with navigation */
header .brand {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

/* Tablet */
@media (max-width: 991px) {
  header .brand .landing-logo {
    width: 145px;
  }
}

/* Mobile */
@media (max-width: 600px) {
  header .brand .landing-logo {
    width: 130px;
  }
}
