:root{color:#1f2a2e;background:#f8f3ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans Thai,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(180deg,#ffffffbd,#fff0 240px),#f8f3ed}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}main{overflow:hidden}.site-header{align-items:center;background:#f8f3ede6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;justify-content:space-between;left:0;padding:14px clamp(18px,5vw,56px);position:sticky;right:0;top:0;z-index:20}.brand-mark{align-items:center;display:inline-flex;font-weight:800;gap:10px}.brand-mark span{align-items:center;background:#f05a28;border-radius:8px;color:#fff;display:inline-flex;height:34px;justify-content:center;width:34px}.brand-mark img{background:#fff;border:2px solid rgba(240,90,40,.22);border-radius:50%;display:block;height:44px;object-fit:cover;overflow:hidden;padding:2px;width:44px}nav{display:flex;font-size:.92rem;font-weight:700;gap:16px}.hero{display:grid;gap:30px;margin:0 auto;max-width:1180px;min-height:calc(100vh - 72px);padding:clamp(34px,7vw,82px) clamp(18px,5vw,56px) 42px}.hero-copy{align-self:center}.eyebrow,.category-label{color:#f05a28;font-size:.78rem;font-weight:900;letter-spacing:0;margin:0 0 10px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{color:#122126;font-size:clamp(3.1rem,14vw,7.6rem);line-height:.92;margin-bottom:18px}h2{color:#122126;font-size:clamp(2rem,7vw,3.8rem);line-height:1;margin-bottom:14px}h3{color:#122126;font-size:1.16rem;line-height:1.3;margin-bottom:10px}.hero-copy>p:not(.eyebrow),.section-heading>p:not(.eyebrow),footer p{color:#526166;font-size:1rem;line-height:1.8;max-width:650px}.hero-actions,.channel-grid{display:flex;flex-wrap:wrap;gap:10px}.button{align-items:center;border:1px solid rgba(31,42,46,.14);border-radius:8px;display:inline-flex;font-weight:900;gap:10px;justify-content:center;min-height:46px;padding:12px 16px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button:hover{box-shadow:0 12px 24px #1f2a2e1f;transform:translateY(-2px)}.button-dark{background:#122126;color:#fff}.button-light{background:#fff}.hero-panel{align-self:center;background:linear-gradient(145deg,#fffffff0,#fff4e5e6),#fff;border:1px solid rgba(31,42,46,.1);border-radius:8px;box-shadow:0 26px 60px #1f2a2e1f;display:grid;gap:14px;padding:clamp(18px,5vw,30px)}.hero-stat{background:#fff;border:1px solid rgba(31,42,46,.09);border-radius:8px;padding:20px}.hero-stat span{color:#f05a28;display:block;font-size:clamp(2.8rem,13vw,5.4rem);font-weight:900;line-height:1}.hero-stat p,.hero-note p{color:#526166;line-height:1.6;margin:8px 0 0}.hero-note{background:#122126;border-radius:8px;color:#fff;padding:20px}.hero-note p{color:#ffffffc7}.trust-section{background:#122126;color:#fff;display:grid;gap:1px}.trust-section div{background:#ffffff0a;padding:28px clamp(18px,5vw,56px)}.trust-section span{color:#f7b267;display:block;font-size:.82rem;font-weight:900;margin-bottom:10px}.trust-section strong{display:block;font-size:1.45rem;margin-bottom:8px}.trust-section p{color:#ffffffb8;line-height:1.65;margin-bottom:0}.section-block,.channel-section,.solution-section{margin:0 auto;max-width:1180px;padding:64px clamp(18px,5vw,56px)}.bundle-section{padding-top:14px}.solution-section{background:linear-gradient(135deg,#e2f0ebdb,#ffffffe6),#eef7f3;border-top:1px solid rgba(31,42,46,.08);max-width:none}.solution-hero{align-items:end;display:grid;gap:18px;margin:0 auto 26px;max-width:1180px}.solution-hero h2{max-width:780px}.solution-hero p:not(.eyebrow){color:#526166;line-height:1.8;max-width:650px}.solution-points{display:flex;flex-wrap:wrap;gap:8px}.solution-points span{background:#fff;border:1px solid rgba(31,42,46,.1);border-radius:999px;color:#1f2a2e;font-size:.84rem;font-weight:900;padding:9px 12px}.solution-grid{margin:0 auto;max-width:1180px}.section-heading{margin-bottom:26px}.product-grid{display:grid;gap:16px}.product-card{background:#fff;border:1px solid rgba(31,42,46,.1);border-radius:8px;box-shadow:0 16px 38px #1f2a2e14;overflow:hidden}.product-media{aspect-ratio:1 / 1;background:#edf6f3;position:relative}.product-media img{display:block;height:100%;object-fit:cover;width:100%}.product-badge{background:#f05a28;border-radius:999px;color:#fff;font-size:.76rem;font-weight:900;left:12px;padding:7px 10px;position:absolute;top:12px;z-index:2}.product-placeholder{align-items:center;color:#3e595c;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:210px;padding:20px;text-align:center}.product-placeholder span{color:#f05a28;font-size:.78rem;font-weight:900;margin-bottom:6px}.product-placeholder strong{font-size:1.28rem}.product-copy{padding:18px}.product-copy p:not(.category-label){color:#526166;line-height:1.62}.product-footer{align-items:flex-start;border-top:1px solid rgba(31,42,46,.1);display:grid;gap:12px;margin-top:18px;padding-top:16px}.product-footer strong{color:#122126;font-size:1.16rem}.mini-links{display:flex;flex-wrap:wrap;gap:8px}.mini-links a{align-items:center;background:#f8f3ed;border-radius:8px;color:#1f2a2e;display:inline-flex;font-size:.82rem;font-weight:900;gap:6px;padding:8px 10px}.marketplace-icon{align-items:center;border-radius:50%;color:#fff;display:inline-flex;flex:0 0 auto;font-size:.66rem;height:18px;justify-content:center;line-height:1;width:18px}.marketplace-icon-shopee{background:#ee4d2d}.marketplace-icon-lazada{background:#1a2c8f}.marketplace-icon-tiktok{background:#111;box-shadow:inset 6px 0 #25f4eeb8,inset -6px 0 #fe2c55b8}code{background:#ffffffb3;border:1px solid rgba(31,42,46,.1);border-radius:6px;color:#122126;padding:2px 6px}.channel-section{padding-bottom:30px}.channel-grid .button{flex:1 1 150px}footer{background:#122126;color:#fff;padding:32px clamp(18px,5vw,56px)}footer p{color:#ffffffb3;margin-bottom:0}@media(min-width:720px){.hero{grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr)}.solution-hero{grid-template-columns:minmax(0,1fr) minmax(260px,.45fr)}.trust-section{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1040px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.site-header{align-items:flex-start;flex-direction:column;gap:12px}.hero{min-height:auto}.button{width:100%}}
