.landing{--l-kraft:#c69a5f;--l-kraft-deep:#9c7440;--l-leaf:#4a8c4a;--l-leaf-deep:#2f6b3d;--l-ink:#1f2320;--l-ground:#f3ece0;--l-edge:#ded3c2;--l-muted:#6d675e;--l-card:#fffdf9;--l-rail:1080px;--l-gutter:clamp(20px, 5.5vw, 48px);--l-sec-y:clamp(60px, 9vw, 112px);--l-measure:35rem;--l-r-sm:8px;--l-r-md:14px;--l-r-lg:22px;color:var(--l-ink);background:var(--l-ground);overflow-wrap:normal;font-family:Noto Sans Thai,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.8}.landing *,.landing :before,.landing :after{box-sizing:border-box}.landing :focus-visible{outline:2px solid var(--l-leaf-deep);outline-offset:3px;border-radius:4px}.landing .rail{width:100%;max-width:var(--l-rail);padding-inline:var(--l-gutter);margin:0 auto}.landing .band{background:var(--l-edge);height:1px;position:relative}.landing .band:after{content:"";background:var(--l-kraft);border-radius:3px;width:42px;height:5px;margin-left:-21px;position:absolute;top:-2px;left:50%}.landing .eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#7d5c2e;margin:0 0 14px;font-size:11.5px;font-weight:700;line-height:1.4;display:block}.landing h1,.landing h2,.landing h3{letter-spacing:normal;text-wrap:balance;color:var(--l-ink);margin:0;font-weight:700}.landing h1{font-size:clamp(30px,6.2vw,54px);line-height:1.35}.landing h2{text-transform:none;font-size:clamp(23px,3.6vw,34px);line-height:1.45}.landing h3{font-size:clamp(17px,1.9vw,20px);line-height:1.6}.landing p{text-wrap:pretty;margin:0}.landing section{padding-block:var(--l-sec-y)}.landing .cta{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:15px 30px;font-size:17px;font-weight:700;line-height:1.3;text-decoration:none;transition:transform .15s,box-shadow .15s,background-color .15s;display:inline-flex}.landing .cta.primary{background:var(--l-leaf-deep);color:#fff;box-shadow:0 2px 10px #2f6b3d38}.landing .cta.primary:hover{background:#204827;transform:translateY(-1px);box-shadow:0 6px 18px #2f6b3d42}.landing .cta.primary:active{transform:translateY(0)}.landing .cta.ghost{color:var(--l-ink);border-color:var(--l-edge);background:0 0}.landing .cta.ghost:hover{border-color:var(--l-kraft);background:var(--l-card)}.landing .cta .arrow{font-size:1.1em;line-height:1;transform:translateY(-1px)}.landing .lnav{align-items:center;gap:11px;padding-block:14px;display:flex}.landing .markwrap{display:contents}.landing .brandmark{border-radius:var(--l-r-sm);background:0 0;flex:none;width:34px;height:34px}.landing .brandname{letter-spacing:normal;font-size:20px;font-weight:700;line-height:1.25}.landing .lnav .spacer{flex:1}.landing .navcta{min-height:44px;padding:9px 19px;font-size:15px}.landing .hero{padding-top:clamp(28px,5vw,56px);padding-bottom:var(--l-sec-y)}.landing .hero .rail{align-items:center;gap:clamp(34px,5vw,56px);display:grid}.landing .hero p.lead{color:var(--l-muted);max-width:var(--l-measure);margin-top:20px;font-size:clamp(16px,2vw,19px)}.landing .herobtns{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.landing .facts{border-top:1px solid var(--l-edge);padding-top:26px;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px clamp(28px,4vw,44px);margin-top:34px;padding-inline:0;list-style:none;display:grid}.landing .facts .num{color:var(--l-kraft-deep);font-variant-numeric:tabular-nums;font-size:clamp(28px,4.4vw,40px);font-weight:700;line-height:1.25;display:block}.landing .facts .cap{color:var(--l-muted);font-size:13.5px;line-height:1.55;display:block}.landing .cupart{width:100%;max-width:380px;height:auto;margin-inline:auto;display:block}.landing .ctanote{max-width:var(--l-measure);color:var(--l-muted);margin-top:14px;font-size:13.5px;line-height:1.7}.landing .secl{max-width:var(--l-measure);color:var(--l-muted);margin-top:14px;font-size:clamp(15.5px,1.8vw,17px)}.landing .sizelist{flex-wrap:wrap;gap:10px;margin:24px 0 0;padding:0;display:flex}.landing .chip{font:inherit;border:1px solid var(--l-kraft);background:var(--l-card);color:var(--l-kraft-deep);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;border-radius:999px;min-height:44px;padding:7px 16px;font-size:15px;font-weight:700;line-height:1.4;transition:background-color .16s,border-color .16s,color .16s}.landing .chip:hover{background:#faf2e5}.landing .chip[aria-pressed=true]{background:var(--l-kraft-deep);border-color:var(--l-kraft-deep);color:#fff}.landing .cupread{flex-wrap:wrap;align-items:baseline;gap:3px 12px;margin-top:18px;display:flex}.landing .cupsz{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;line-height:1.5}.landing .cupvol{color:var(--l-kraft-deep);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700;line-height:1.6}.landing .cupdim{color:var(--l-muted);font-variant-numeric:tabular-nums;flex-basis:100%;font-size:13.5px;line-height:1.7}.landing .product .rail{grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(30px,4.5vw,56px);display:grid}.landing .prodslot{aspect-ratio:4/3;border-radius:var(--l-r-lg);position:relative;overflow:hidden}.landing .prodslot:empty{background:var(--l-card);border:1px solid var(--l-edge);display:none}.landing .prodslot:empty:before{content:"";border-radius:var(--l-r-md);border:1px solid #c69a5f6b;position:absolute;inset:clamp(14px,2.2vw,22px)}.landing .prodslot:empty:after{content:"";background:var(--l-kraft);border-radius:3px;width:42px;height:5px;margin-left:-21px;position:absolute;top:0;left:50%}.landing .prodslot>img{object-fit:cover;width:100%;height:100%;display:block}.landing .prodpv{border:1px solid var(--l-edge);background:radial-gradient(122% 92% at 50% 6%,#fffdf9 0%,#f7f0e5 62%,#f1e7d7 100%)}.landing .prodpv:before{content:"";border-radius:var(--l-r-md);pointer-events:none;border:1px solid #c69a5f6b;position:absolute;inset:clamp(14px,2.2vw,22px)}.landing .prodpv:after{content:"";background:var(--l-kraft);border-radius:3px;width:42px;height:5px;margin-left:-21px;position:absolute;top:0;left:50%}.landing .cupstage{width:100%;height:100%;display:block}.landing .prodpv{max-width:420px}@media (width>=940px){.landing .prodpv{max-width:none}}.landing .priceh{margin:34px 0 14px;font-size:clamp(16px,2.2vw,18px);font-weight:700;line-height:1.5}.landing .pricewrap{padding-bottom:2px;overflow-x:auto}.landing .prices{border-collapse:collapse;font-variant-numeric:tabular-nums;text-align:left;min-width:100%}.landing .prices th,.landing .prices td{border-bottom:1px solid var(--l-edge);white-space:nowrap;padding:11px 12px;font-size:15.5px;line-height:1.5}.landing .prices th:first-child,.landing .prices td:first-child{padding-left:0}.landing .prices th:last-child,.landing .prices td:last-child{padding-right:0}.landing .prices thead th{letter-spacing:normal;text-transform:none;text-align:right;vertical-align:bottom;padding-bottom:8px;font-size:13px;font-weight:700}.landing .prices thead th:first-child{text-align:left;color:var(--l-muted)}.landing .prices .pxsub{color:var(--l-muted);margin-top:2px;font-size:11px;font-weight:400;display:block}.landing .prices tbody th{font-weight:700}.landing .prices td{text-align:right;color:var(--l-kraft-deep);font-weight:700}.landing .pricenote{max-width:var(--l-measure);color:var(--l-muted);margin-top:14px;font-size:14px;line-height:1.7}.landing .calc{border:1px solid var(--l-edge);border-radius:var(--l-r-lg);background:var(--l-card);margin-top:26px;padding:clamp(18px,3vw,26px)}.landing .calcfield{border:0;margin:0 0 18px;padding:0}.landing .calcleg{color:var(--l-muted);margin-bottom:10px;padding:0;font-size:13px;font-weight:700}.landing .calcopts{flex-wrap:wrap;gap:10px;display:flex}.landing .calcopt{position:relative}.landing .calcopt input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.landing .calcopt span{border:1px solid var(--l-kraft);background:var(--l-card);min-height:44px;color:var(--l-kraft-deep);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:7px 16px;font-size:15px;font-weight:700;line-height:1.4;display:flex}.landing .calcopt input:checked+span{background:var(--l-kraft-deep);border-color:var(--l-kraft-deep);color:#fff}.landing .calcopt input:focus-visible+span{outline:2px solid var(--l-leaf-deep);outline-offset:2px}.landing .calcqty{margin-bottom:20px}.landing .calcqtytop{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.landing .calcqty label{font-variant-numeric:tabular-nums;font-size:15.5px}.landing .calcqtynum{border:1px solid var(--l-edge);border-radius:var(--l-r-sm);background:var(--l-card);width:7.5em;min-height:44px;color:var(--l-ink);font:inherit;font-variant-numeric:tabular-nums;text-align:right;padding:0 10px;font-size:16px;font-weight:700}.landing .calcqtynum:focus-visible{outline:2px solid var(--l-kraft-deep);outline-offset:2px}.landing .calcqty input[type=range]{width:100%;height:44px;accent-color:var(--l-kraft-deep);cursor:pointer}.landing .calcends{color:var(--l-muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin:0;font-size:12px;display:flex}.landing .calcunit{color:var(--l-muted);font-variant-numeric:tabular-nums;margin:0;font-size:15.5px}.landing .calcunit strong{color:var(--l-ink);margin-right:6px;font-size:clamp(34px,7vw,46px);font-weight:700;line-height:1.1}.landing .calctotal{color:var(--l-kraft-deep);font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:clamp(17px,2.4vw,20px);font-weight:700}.landing .calcband{color:var(--l-muted);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:13.5px}.landing .calcnext{color:var(--l-leaf-deep);font-variant-numeric:tabular-nums;margin:14px 0 0;font-size:14.5px;font-weight:700}.landing .calcwin{border-radius:var(--l-r-sm);border-left:4px solid var(--l-leaf-deep);background:var(--l-ground);padding:12px 14px;line-height:1.6}.landing .calclead{color:var(--l-muted);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:13.5px}.landing .calcfoot{color:var(--l-muted);margin:14px 0 0;font-size:13.5px}.landing .calcmore{margin-top:30px}.landing .calcmore summary{cursor:pointer;min-height:44px;color:var(--l-kraft-deep);align-items:center;font-size:clamp(16px,2.2vw,18px);font-weight:700;display:flex}.landing .terms{gap:18px;margin:34px 0 0;padding:0;list-style:none;display:grid}.landing .terms>li{border-left:2px solid var(--l-kraft);padding-left:16px}.landing .terms strong{font-size:15.5px;line-height:1.6;display:block}.landing .terms span{color:var(--l-muted);margin-top:2px;font-size:14.5px;line-height:1.7;display:block}.landing .steps{counter-reset:step;gap:30px;margin:40px 0 0;padding:0;list-style:none;display:grid}.landing .steps>li{counter-increment:step;grid-template-columns:46px 1fr;align-items:start;gap:16px;display:grid}.landing .steps>li:before{content:counter(step);border:1.5px solid var(--l-kraft);width:46px;height:46px;color:var(--l-kraft-deep);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:18px;font-weight:700;line-height:1;display:grid}.landing .steps p{color:var(--l-muted);margin-top:6px;font-size:15.5px}.landing .points{background:var(--l-edge);border:1px solid var(--l-edge);border-radius:var(--l-r-md);gap:1px;margin:40px 0 0;padding:0;list-style:none;display:grid;overflow:hidden}.landing .points>li{background:var(--l-card);padding:28px clamp(20px,3vw,30px)}.landing .points p{color:var(--l-muted);margin-top:9px;font-size:15.5px}.landing .faq{gap:0;margin:40px 0 0;padding:0;list-style:none;display:grid}.landing .faq>li{border-bottom:1px solid var(--l-edge);padding:26px 0}.landing .faq>li:first-child{border-top:1px solid var(--l-edge)}.landing .faq p{color:var(--l-muted);margin-top:9px;font-size:15.5px}.landing .endcta{text-align:center}.landing .endcta p{max-width:48ch;color:var(--l-muted);margin:16px auto 0;font-size:clamp(15.5px,1.8vw,17px)}.landing .endcta .endbtns{justify-content:center;margin-top:30px}.landing .lfoot{border-top:1px solid var(--l-edge);color:var(--l-muted);padding-block:34px;font-size:13.5px}.landing .lfoot .rail{flex-wrap:wrap;align-items:center;gap:10px 20px;display:flex}.landing .lfoot .spacer{flex:1}.landing .lfoot a{color:var(--l-ink);border-bottom:1px solid var(--l-kraft);padding-bottom:1px;text-decoration:none}.landing .lfoot a:hover{color:var(--l-kraft-deep)}@media (width>=720px){.landing .steps{grid-template-columns:repeat(3,1fr);gap:34px}.landing .points{grid-template-columns:repeat(2,1fr)}.landing .terms{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(28px,4vw,52px)}}@media (width>=940px){.landing .hero .rail{grid-template-columns:1.05fr .95fr}.landing .cupart{max-width:100%}.landing .product .rail{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.landing .prodslot:empty{display:block}.landing .faq{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(34px,4vw,56px)}.landing .faq>li:nth-child(2){border-top:1px solid var(--l-edge)}}@keyframes landing-rise{0%{opacity:0;transform:translateY(10px)}}.landing .hero h1,.landing .hero p.lead,.landing .hero .herobtns,.landing .facts{animation:.5s cubic-bezier(.22,.61,.36,1) both landing-rise}.landing .hero p.lead{animation-delay:60ms}.landing .hero .herobtns{animation-delay:.12s}.landing .facts{animation-delay:.18s}@media (prefers-reduced-motion:reduce){.landing *,.landing :before,.landing :after{transition:none!important;animation:none!important}}