:root{--green:#17a14b;--green-dark:#128040;--green-light:#29c163;--black:#000;--ink:#0b0d0b;--white:#fff;--grey:#f2f2f2;--grey-2:#f7f7f7;--body-text:#333;--muted:#737378;--line:#ffffff24;--line-dark:#00000017;--display:"Kanit", ui-sans-serif, system-ui, sans-serif;--body:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--gutter:clamp(1.15rem, 4vw, 3rem);--max:1200px;--section:clamp(3.5rem, 7vw, 6rem);--r:10px;--r-lg:22px;--ease:cubic-bezier(.22, 1, .36, 1);--shadow:0 18px 44px -22px #00000073}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:110px}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--white);color:var(--body-text);font-family:var(--body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.65;overflow-x:hidden}body.is-locked{overflow:hidden}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}::selection{background:var(--green);color:var(--white)}:focus-visible{outline:3px solid var(--green);outline-offset:3px}.wrap{width:100%;max-width:var(--max);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--section)}.h-display{font-family:var(--display);letter-spacing:-.015em;margin:0;font-weight:600;line-height:1.1}.h1{font-size:clamp(2.1rem,5.2vw,3.75rem)}.h2{font-size:clamp(1.75rem,4vw,3.125rem)}.h3{font-size:clamp(1.15rem,2vw,1.5rem)}.h-display em{color:var(--green);font-style:normal}.h-display .on-green{color:var(--black)}.lede{margin:0;font-size:clamp(1rem,1.15vw,1.0625rem);line-height:1.75}p{margin:0 0 1.15em}.center{text-align:center}.btn{font-family:var(--body);transition:transform .3s var(--ease), background .25s, color .25s, border-color .25s, box-shadow .3s var(--ease);white-space:nowrap;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.7rem 1.5rem;font-size:.875rem;font-weight:600;line-height:1.3;display:inline-flex}.btn svg{width:14px;height:14px;transition:transform .3s var(--ease)}.btn:hover svg{transform:translate(3px)}.btn--green{background:var(--green);color:var(--white)}.btn--green:hover{background:var(--green-dark);transform:translateY(-2px);box-shadow:0 12px 26px -14px #17a14bd9}.btn--white{background:var(--white);color:var(--black)}.btn--white:hover{transform:translateY(-2px);box-shadow:0 12px 26px -14px #0000008c}.btn--outline-white{color:var(--white);border-color:#ffffff8c}.btn--outline-white:hover{background:var(--white);color:var(--black);transform:translateY(-2px)}.btn--outline-dark{color:var(--black);border-color:#0003}.btn--outline-dark:hover{border-color:var(--green);color:var(--green)}.btn--lg{padding:.9rem 2rem;font-size:.9375rem}.js [data-reveal]{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transition-delay:var(--d,0s);transform:translateY(22px)}.js [data-reveal].in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js [data-reveal]{opacity:1;transition:none;transform:none}}.ann{background:var(--green);color:var(--white);text-align:center;padding:.55rem var(--gutter);letter-spacing:.01em;font-size:.8125rem;font-weight:600}.ann a{align-items:center;gap:.4rem;display:inline-flex}.ann a:hover{text-underline-offset:3px;text-decoration:underline}.hdr{z-index:60;background:var(--black);transition:box-shadow .3s var(--ease);position:sticky;top:0}.hdr.stuck{box-shadow:0 10px 30px -18px #000000e6}.hdr__in{height:84px;transition:height .3s var(--ease);grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;display:grid}.hdr.stuck .hdr__in{height:72px}.hdr__logo img{width:62px;height:62px;transition:width .3s var(--ease), height .3s var(--ease)}.hdr.stuck .hdr__logo img{width:54px;height:54px}.hdr__nav{justify-content:center;align-items:center;gap:clamp(1rem,2.5vw,2rem);display:flex}.hdr__nav a{color:var(--white);padding-block:.45rem;font-size:.9375rem;font-weight:500;transition:color .25s;position:relative}.hdr__nav a:after{content:"";background:var(--green);width:0;height:2px;transition:width .32s var(--ease);position:absolute;bottom:0;left:0}.hdr__nav a:hover{color:var(--green-light)}.hdr__nav a:hover:after,.hdr__nav a[aria-current=page]:after{width:100%}.hdr__end{justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.hdr__end .btn{padding:.55rem 1.15rem;font-size:.8125rem}.burger{border:1px solid var(--line);border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:44px;height:44px;display:none}.burger span{background:var(--white);width:17px;height:2px;transition:transform .32s var(--ease), opacity .2s;display:block}.burger[aria-expanded=true] span:first-child{transform:translateY(6px)rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.drawer{z-index:55;background:var(--black);padding:130px var(--gutter) 3rem;opacity:0;pointer-events:none;transition:opacity .3s var(--ease), transform .3s var(--ease);flex-direction:column;display:flex;position:fixed;inset:0;transform:translateY(-10px)}.drawer.open{opacity:1;pointer-events:auto;transform:none}.drawer a{font-family:var(--display);color:var(--white);border-bottom:1px solid var(--line);padding-block:.6rem;font-size:clamp(1.6rem,7vw,2.25rem);font-weight:500}.drawer .btn{align-self:flex-start;margin-top:2rem}@media (width<=940px){.hdr__in{grid-template-columns:auto 1fr}.hdr__nav,.hdr__end .btn{display:none}.burger{display:flex}}.ftr{background:var(--black);color:var(--white);padding-block:clamp(3rem,6vw,4.5rem) 1.75rem}.ftr__grid{grid-template-columns:1.6fr 1fr 1fr;gap:clamp(2rem,5vw,4rem);display:grid}@media (width<=820px){.ftr__grid{grid-template-columns:1fr 1fr}.ftr__brand{grid-column:1/-1}}.ftr__brand img{width:96px;height:auto;margin-bottom:1.25rem}.ftr__tag{max-width:40ch;margin:0 0 1.5rem;font-size:.9375rem;font-weight:600}.ftr h4{font-family:var(--display);color:var(--green-light);margin:0 0 1.15rem;font-size:1.125rem;font-weight:600}.ftr ul{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.ftr ul a{font-size:.9375rem;transition:color .25s}.ftr ul a:hover{color:var(--green-light)}.ftr__chips{flex-wrap:wrap;gap:.5rem;display:flex}.ftr__chips span{border:1px solid var(--line);color:#ffffffd1;border-radius:999px;padding:.35rem .8rem;font-size:.75rem;font-weight:500}.ftr__chips span:first-child{border-color:var(--green);color:var(--green-light)}.ftr__base{border-top:1px solid var(--line);color:#ffffff8c;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:clamp(2.5rem,5vw,3.5rem);padding-top:1.5rem;font-size:.75rem;display:flex}.ftr__base p{max-width:78ch;margin:0;line-height:1.6}.gate{z-index:200;padding:var(--gutter);backdrop-filter:blur(10px);background:#000000b8;place-items:center;display:grid;position:fixed;inset:0}.gate[hidden]{display:none}.gate__card{background:var(--white);border-radius:var(--r-lg);text-align:center;width:min(440px,100%);padding:clamp(1.85rem,5vw,2.75rem);box-shadow:0 40px 80px -40px #000000b3}.gate__card img{border-radius:12px;width:78px;margin:0 auto 1.35rem}.gate__card h2{font-family:var(--display);color:var(--green);margin:0 0 .75rem;font-size:1.6rem;font-weight:600;line-height:1.15}.gate__card p{color:var(--body-text);margin:0 0 1.6rem;font-size:.9375rem}.gate__btns{justify-content:center;gap:.6rem;display:flex}.gate__btns .btn--dark{background:var(--black);color:var(--white)}.gate__deny{color:var(--muted);margin:1.35rem 0 0;font-size:.8125rem}.field{gap:.45rem;display:grid}.field label{color:var(--black);font-size:.8125rem;font-weight:600}.field input,.field textarea,.field select{background:var(--white);width:100%;color:var(--body-text);font-family:var(--body);border:1px solid #00000029;border-radius:999px;padding:.85rem 1.15rem;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.field textarea{border-radius:var(--r);resize:vertical;min-height:140px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 3px #17a14b29}.card{background:var(--white);border:1px solid var(--line-dark);border-radius:var(--r);transition:border-color .3s var(--ease), transform .35s var(--ease), box-shadow .35s var(--ease);flex-direction:column;display:flex;overflow:hidden}.card:hover{border-color:#17a14b80;transform:translateY(-4px);box-shadow:0 18px 34px -22px #0006}.card__media{aspect-ratio:1;background:var(--grey);position:relative;overflow:hidden}.card__media img,.card__media video{object-fit:cover;width:100%;height:100%;transition:opacity .35s var(--ease)}.card__media video{opacity:0;position:absolute;inset:0}.card.playing .card__media video{opacity:1}.card.playing .card__media img{opacity:0}.card.has-video .card__media:after{content:"";background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='%23fff'%3E%3Cpath d='M3 1.5v9l7-4.5z'/%3E%3C/svg%3E") center / 10px no-repeat;width:28px;height:28px;transition:opacity .3s var(--ease);border-radius:50%;position:absolute;bottom:.6rem;right:.6rem;box-shadow:0 4px 12px -4px #00000080}.card.has-video.playing .card__media:after{opacity:0}.card__body{flex-direction:column;flex:1;gap:.15rem;padding:.9rem 1rem 1.1rem;display:flex}.card__name{font-family:var(--display);color:var(--black);margin:0;font-size:1.0625rem;font-weight:500;line-height:1.2}.card__sub{color:var(--muted);margin:0;font-size:.75rem;font-weight:500}.card__price{border-top:1px solid var(--line-dark);color:var(--green);font-variant-numeric:tabular-nums;margin:auto 0 0;padding-top:.7rem;font-size:.875rem;font-weight:700}.feed{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2.25rem;display:grid}@media (width<=860px){.feed{grid-template-columns:1fr}}.post{background:var(--white);border-radius:var(--r);box-shadow:var(--shadow);padding:1.35rem 1.4rem 1.5rem}.post header{border-bottom:1px solid var(--line-dark);align-items:center;gap:.7rem;margin-bottom:.9rem;padding-bottom:.9rem;display:flex}.post__av{background:var(--green);width:38px;height:38px;color:var(--white);font-family:var(--display);border-radius:50%;flex:none;place-items:center;font-size:1rem;font-weight:600;display:grid}.post header b{color:var(--black);font-size:.9375rem;display:block}.post header time{color:var(--muted);font-size:.75rem}.post p{color:var(--body-text);margin:0;font-size:.9375rem}.lf__account{background:var(--white);border-radius:var(--r);box-shadow:var(--shadow);margin-bottom:1rem;padding:clamp(1.1rem,2.2vw,1.5rem)}.lf__intro{flex-wrap:wrap;align-items:baseline;gap:.6rem;margin-bottom:.9rem;display:flex}.lf__intro b{font-family:var(--display);color:var(--black);font-size:1.15rem;font-weight:600}.lf__intro span{color:var(--muted);font-size:.875rem}.lf__form{grid-template-columns:1fr 1fr auto;gap:.6rem;display:grid}.lf__form--reg{grid-template-columns:1fr 1fr 1fr auto}@media (width<=780px){.lf__form,.lf__form--reg{grid-template-columns:1fr}}.lf__form[hidden]{display:none}.lf__form input{background:var(--grey-2);font-family:var(--body);color:var(--body-text);border:1px solid #0000001f;border-radius:999px;min-width:0;padding:.7rem 1.05rem;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.lf__form input:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 3px #17a14b29}.lf__switch{color:var(--muted);margin:.85rem 0 0;font-size:.8125rem}.lf__switch span[hidden]{display:none}.lf__switch a{color:var(--green);font-weight:600}.lf__switch a:hover{text-decoration:underline}.lf__composer[hidden]{display:none}.lf__who{color:var(--muted);align-items:center;gap:.6rem;margin-bottom:.8rem;font-size:.875rem;display:flex}.lf__who b{color:var(--black)}.lf__logout{color:var(--muted);text-underline-offset:3px;margin-left:auto;font-size:.8125rem;font-weight:600;text-decoration:underline}.lf__logout:hover{color:var(--green)}#lf-post{grid-template-columns:1fr auto;align-items:end;gap:.6rem;display:grid}@media (width<=620px){#lf-post{grid-template-columns:1fr}}#lf-post textarea{background:var(--grey-2);border-radius:var(--r);font-family:var(--body);color:var(--body-text);resize:vertical;border:1px solid #0000001f;min-height:62px;padding:.75rem 1rem;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}#lf-post textarea:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 3px #17a14b29}.lf__msg{min-height:1.1rem;margin:.8rem 0 0;font-size:.8125rem;font-weight:600}.lf__msg.is-ok{color:var(--green)}.lf__msg.is-bad{color:#c62828}.post{position:relative}.post__del{width:26px;height:26px;color:var(--muted);border-radius:50%;margin-left:auto;font-size:1.15rem;line-height:1;transition:background .2s,color .2s}.post__del:hover{color:#c62828;background:#c628281a}.lf__tools{align-items:center;gap:.75rem;margin-top:.6rem;display:flex}.lf__pic{color:var(--muted);cursor:pointer;border:1px dashed #00000038;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem .95rem;font-size:.8125rem;font-weight:600;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.lf__pic:hover{color:var(--green);border-color:var(--green);background:#17a14b0f}.lf__pic svg{width:17px;height:17px}.lf__tools .btn{margin-left:auto}.lf__preview{margin-top:.75rem;display:inline-block;position:relative}.lf__preview[hidden]{display:none}.lf__preview img{border-radius:var(--r);border:1px solid var(--line-dark);width:auto;max-height:140px}#lf-preview-clear{background:var(--black);width:26px;height:26px;color:var(--white);border-radius:50%;font-size:1.05rem;line-height:1;position:absolute;top:-8px;right:-8px;box-shadow:0 3px 10px -3px #0009}#lf-preview-clear:hover{background:#c62828}.post__media{border-radius:var(--r);background:var(--grey);margin-top:.85rem;display:block;overflow:hidden}.post__media img{object-fit:cover;width:100%;max-height:320px;transition:transform .6s var(--ease)}.post__media:hover img{transform:scale(1.03)}.card__media--none{background:radial-gradient(circle at 50% 42%, #16301f 0%, var(--black) 70%);place-items:center;display:grid}.card__mark img{opacity:.5;width:clamp(64px,42%,110px);height:auto;transition:opacity .4s var(--ease), transform .5s var(--ease)}.card:hover .card__mark img{opacity:.75;transform:scale(1.05)}.card__tiers{border-top:1px solid var(--line-dark);font-variant-numeric:tabular-nums;gap:.2rem;margin:auto 0 0;padding:.7rem 0 0;list-style:none;display:grid}.card__tiers li{justify-content:space-between;align-items:baseline;gap:.75rem;font-size:.8125rem;display:flex}.card__tiers span{color:var(--muted)}.card__tiers b{color:var(--green);font-weight:700}