:root{--teal:#0f6b3f;--teal-700:#044022;--forest:#044022;--amber:#f58220;--cream:#fbf3e4;--sky:#4fb8f0;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--bg:#ffffff;--soft:#f6f9f8}
  *{box-sizing:border-box}html{scroll-behavior:smooth}
  body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}
  a{color:inherit;text-decoration:none}
  .wrap{max-width:1120px;margin:0 auto;padding:0 24px}
  header{position:sticky;top:0;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:10}
  .nav{display:flex;align-items:center;justify-content:space-between;height:64px}
  .brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px}
  .brand img{width:32px;height:32px}
  .nav .links{display:flex;gap:28px;font-size:14px;color:var(--muted)}
  .nav .links a:hover{color:var(--ink)}
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:8px;font-weight:600;font-size:14px;border:1px solid transparent;cursor:pointer;transition:.15s}
  .btn-primary{background:var(--teal);color:#fff}.btn-primary:hover{background:var(--teal-700)}
  .btn-ghost{border-color:var(--line);color:var(--ink);background:#fff}.btn-ghost:hover{background:var(--soft)}
  .btn-lg{padding:14px 24px;font-size:16px}
  .hero{padding:88px 0 56px;text-align:center}
  .eyebrow{display:inline-block;background:var(--cream);color:#8a5a00;border:1px solid #f3dfae;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;letter-spacing:.02em}
  h1{font-size:clamp(34px,5.4vw,58px);line-height:1.08;letter-spacing:-.02em;margin:18px 0 16px}
  h1 em{font-style:normal;color:var(--teal)}
  .lede{font-size:19px;color:var(--muted);max-width:680px;margin:0 auto 30px}
  .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
  .fine{font-size:12px;color:var(--muted);margin-top:14px}
  .channels{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:42px}
  .chip{padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600}
  .c-shopee{background:#ffe9d9;color:#b4410c}.c-lazada{background:#581c87;color:#fbcfe8}.c-tiktok{background:#0f172a;color:#fff}.c-shopify{background:#dcfce7;color:#166534}.c-manual{background:#f1f5f9;color:#334155}
  .shot{margin:52px auto 0;max-width:980px;border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 60px -30px rgba(15,23,42,.35);overflow:hidden;background:#fff}
  .shot .bar{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line);background:#fafafa}
  .shot .bar i{width:10px;height:10px;border-radius:50%;background:#e2e8f0;display:block}
  table{width:100%;border-collapse:collapse;font-size:13px}
  th{text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:12px 16px;border-bottom:1px solid var(--line);background:#fcfcfc}
  td{padding:12px 16px;border-bottom:1px solid #f1f5f9;white-space:nowrap}
  .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
  .tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}
  .t-proc{background:#fef3c7;color:#92400e}.t-ready{background:#dbeafe;color:#1e40af}.t-ship{background:#dcfce7;color:#166534}
  .pb{display:inline-block;width:64px;text-align:center;padding:2px 0;border-radius:4px;font-size:11px;font-weight:700}
  section{padding:80px 0}
  .kicker{color:var(--teal);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
  h2{font-size:clamp(26px,3.4vw,38px);letter-spacing:-.02em;margin:8px 0 12px;line-height:1.15}
  .sub{color:var(--muted);font-size:17px;max-width:640px}
  .grid{display:grid;gap:20px;margin-top:40px}
  .g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}
  .card{border:1px solid var(--line);border-radius:12px;padding:24px;background:#fff}
  .card h3{margin:14px 0 6px;font-size:17px}.card p{margin:0;color:var(--muted);font-size:14.5px}
  .ico{width:40px;height:40px;border-radius:10px;background:var(--soft);display:flex;align-items:center;justify-content:center;color:var(--teal)}
  .ico svg{width:22px;height:22px}
  .soft{background:var(--soft)}
  .steps{counter-reset:s}.step{position:relative;padding-left:56px}
  .step::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;background:var(--forest);color:var(--amber);font-weight:800;display:flex;align-items:center;justify-content:center}
  .step h3{margin:6px 0}.step p{color:var(--muted);margin:0}
  .price{position:relative}.price .amt{font-size:40px;font-weight:800;letter-spacing:-.03em;margin:10px 0 2px}.price .amt small{font-size:14px;color:var(--muted);font-weight:500}
  .price ul{list-style:none;padding:0;margin:18px 0 22px;font-size:14px}.price li{padding:6px 0;border-top:1px solid #f1f5f9}.price li::before{content:"✓ ";color:var(--teal);font-weight:700}
  .price.hot{border-color:var(--teal);box-shadow:0 0 0 3px rgba(13,133,119,.12)}
  .hot .ribbon{position:absolute;top:-12px;right:20px;background:var(--amber);color:#3b2a00;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px}
  details{border-top:1px solid var(--line);padding:16px 0}details:last-child{border-bottom:1px solid var(--line)}
  summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between}summary::after{content:"+";color:var(--muted)}details[open] summary::after{content:"–"}
  details p{color:var(--muted);margin:10px 0 0;font-size:15px}
  .band{background:var(--forest);color:#fff;text-align:center;padding:72px 0}
  .band h2{color:#fff}.band .sub{color:#cbd5e1;margin:0 auto}
  footer{padding:40px 0;font-size:13px;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
  @media (max-width:860px){.g3,.g2{grid-template-columns:1fr}.nav .links{display:none}.hero{padding-top:56px}section{padding:56px 0}}

  /* legal pages */
  .legal{max-width:820px;padding-top:56px;padding-bottom:80px}
  .legal h1{font-size:clamp(30px,4vw,44px);margin:6px 0 4px}
  .legal h2{font-size:22px;margin:36px 0 10px}
  .legal p,.legal li{font-size:16px;color:#334155}
  .legal ul{padding-left:22px}.legal li{margin:6px 0}
  .legal a{color:var(--teal);text-decoration:underline}
  .legal-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:15px}
  .legal-table th,.legal-table td{text-align:left;vertical-align:top;padding:10px 12px;border-top:1px solid var(--line);text-transform:none;letter-spacing:0;font-size:15px;background:none}
  .legal-table th{color:var(--ink);font-weight:600;width:32%}