.landing{--line-green:#06c755;--line-bubble:#d9f6c4;--color-gold:#ffd56b;--color-gold-soft:#ffe6a3;--color-gold-deep:#e3a93f;--text-muted:color-mix(in srgb,var(--nong-ink) 75%,var(--nong-paper));--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--font-display:var(--font-kanit),ui-sans-serif,system-ui,sans-serif;background:var(--nong-paper);color:var(--nong-ink);font-family:var(--font-plex-thai),ui-sans-serif,system-ui,sans-serif;font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased}.landing a{text-decoration:none}.landing .landing-signin{text-decoration:underline;text-underline-offset:3px}.landing .tabular{font-variant-numeric:tabular-nums}.landing .stars{background-image:radial-gradient(1.5px 1.5px at 8% 22%,var(--color-gold),transparent),radial-gradient(1px 1px at 18% 70%,color-mix(in srgb,var(--nong-paper) 80%,transparent),transparent),radial-gradient(1.5px 1.5px at 34% 12%,var(--color-gold-soft),transparent),radial-gradient(1px 1px at 52% 84%,color-mix(in srgb,var(--nong-paper) 70%,transparent),transparent),radial-gradient(2px 2px at 63% 30%,var(--color-gold),transparent),radial-gradient(1px 1px at 76% 58%,color-mix(in srgb,var(--nong-paper) 80%,transparent),transparent),radial-gradient(1.5px 1.5px at 88% 16%,var(--color-gold-soft),transparent),radial-gradient(1px 1px at 94% 76%,color-mix(in srgb,var(--nong-paper) 70%,transparent),transparent)}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.landing .twinkle{animation:twinkle 2.8s ease-in-out infinite;animation-delay:var(--delay,0s)}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.landing .animate-rise{animation:rise .24s ease-out both}@keyframes draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.landing .draw{stroke-dasharray:1;stroke-dashoffset:1;animation:draw .9s ease-out forwards;animation-delay:var(--delay,0s)}@media (prefers-reduced-motion:reduce){.landing .animate-rise,.landing .draw,.landing .twinkle{animation:none;stroke-dashoffset:0}}@layer components{.landing .display{font-family:var(--font-display);font-weight:800;letter-spacing:-.01em;line-height:1.15}.landing .grain:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;background-image:radial-gradient(circle at 20% 30%,color-mix(in srgb,var(--nong-ink) 6%,transparent) .5px,transparent .6px),radial-gradient(circle at 70% 65%,color-mix(in srgb,var(--nong-ink) 5%,transparent) .5px,transparent .6px);background-size:7px 7px,11px 11px}.landing .sticker{background:var(--nong-card);color:var(--nong-ink);border:2.5px solid var(--nong-ink);border-radius:1.5rem;box-shadow:0 6px 0 color-mix(in srgb,var(--nong-cloak) 30%,var(--nong-ink))}.landing .cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:999px;font-weight:700;padding:.85rem 1.6rem;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.landing .cta:hover{transform:translateY(-1px)}.landing .cta-line{background:var(--line-green);color:var(--nong-ink);border:2.5px solid var(--nong-ink);box-shadow:0 4px 0 var(--nong-ink)}.landing .cta-line:active,.landing .cta-sticker:active{transform:translateY(3px);box-shadow:0 1px 0 var(--nong-ink)}.landing .cta-sticker{background:var(--nong-deep);color:var(--nong-paper);border:2.5px solid var(--nong-ink);box-shadow:0 4px 0 var(--nong-ink)}.landing .cta-ghost{color:var(--nong-paper);border:2.5px solid color-mix(in srgb,var(--nong-paper) 55%,transparent)}.landing .cta-ghost:hover{border-color:var(--nong-paper)}}.landing .display{line-height:1.15}@keyframes bob{0%,to{transform:translateY(0) rotate(var(--tilt,0deg))}50%{transform:translateY(-8px) rotate(calc(var(--tilt, 0deg) * -1))}}.landing .bob{animation:bob 4.8s ease-in-out infinite;animation-delay:var(--delay,0s)}.landing [data-reveal=hidden]{opacity:0;transform:translateY(24px)}.landing [data-reveal=shown]{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--delay,0s)}@media (prefers-reduced-motion:reduce){.landing .bob{animation:none}.landing [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}}