html:has(.landing){scroll-behavior:smooth}.landing #main>[data-landing-hero]{animation:none}.landing .lp-word{animation:.9s cubic-bezier(.2,.7,.2,1) both lp-word-in;animation-delay:calc(var(--i,0) * 70ms + 80ms);display:inline-block}.landing .lp-heading:lang(th){letter-spacing:-.01em;line-height:1.3}.landing .lp-heading:lang(th) .lp-gradient-text{padding-block:.12em}.landing .lp-fade-up{animation:.8s cubic-bezier(.2,.7,.2,1) both lp-fade-up;animation-delay:var(--delay,0s)}.landing .lp-rise{animation:1.1s cubic-bezier(.16,1,.3,1) both lp-rise;animation-delay:var(--delay,0s)}@media (max-width:639px){.landing [data-landing-hero] .lp-hero-badge{animation:.42s cubic-bezier(.2,.7,.2,1) 40ms both lp-mobile-item-in}.landing [data-landing-hero] .lp-hero-title{animation:.56s cubic-bezier(.16,1,.3,1) 90ms both lp-mobile-title-in}.landing [data-landing-hero] .lp-hero-title .lp-word{animation:none}.landing [data-landing-hero] .lp-hero-title .lp-gradient-text{animation:.9s cubic-bezier(.2,.7,.2,1) .26s both lp-mobile-gradient}.landing [data-landing-hero] .lp-hero-copy{animation:.48s cubic-bezier(.2,.7,.2,1) .2s both lp-mobile-item-in}.landing [data-landing-hero] .lp-hero-actions{animation:.5s cubic-bezier(.2,.7,.2,1) .28s both lp-mobile-item-in}.landing [data-landing-hero] .lp-hero-points{animation:none}.landing [data-landing-hero] .lp-hero-points>li{animation:.44s cubic-bezier(.16,1,.3,1) both lp-mobile-point-in}.landing [data-landing-hero] .lp-hero-points>li:first-child{animation-delay:.34s}.landing [data-landing-hero] .lp-hero-points>li:nth-child(2){animation-delay:.4s}.landing [data-landing-hero] .lp-hero-points>li:nth-child(3){animation-delay:.46s}.landing [data-landing-hero] .lp-hero-device{animation:.72s cubic-bezier(.16,1,.3,1) .38s both lp-mobile-device-in}}.landing .lp-gradient-text{background-image:linear-gradient(100deg, var(--accent) 0%, var(--protein) 35%, var(--accent) 70%, var(--protein) 100%);color:#0000;animation:.9s cubic-bezier(.2,.7,.2,1) both lp-word-in;animation-delay:calc(var(--i,0) * 70ms + 80ms);background-size:220% 100%;-webkit-background-clip:text;background-clip:text}.landing .lp-aurora{filter:blur(72px);opacity:.32;will-change:transform;border-radius:9999px;animation:22s ease-in-out infinite alternate lp-drift;position:absolute}.dark .landing .lp-aurora{opacity:.22}.landing .lp-grid{background-image:linear-gradient(to right, var(--line) 1px, transparent 1px), linear-gradient(to bottom, var(--line) 1px, transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 60% at 50% 35%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 35%,#000 20%,#0000 75%)}.landing [data-tilt]{transform:perspective(1400px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.landing [data-tilt][data-tilting]{transition-duration:.12s}.landing .lp-float{animation:7s ease-in-out infinite lp-float}.landing .lp-float:hover,.landing .lp-float:focus-within,.landing .lp-float-slow:hover{animation-play-state:paused}.landing .lp-float-slow{animation:9s ease-in-out 1.2s infinite reverse lp-float}.landing .lp-watch-enter{animation:.7s cubic-bezier(.16,1,.3,1) .12s both lp-watch-in}.landing .lp-watch-enter:nth-of-type(2){animation-delay:.26s}.landing .lp-watch-float{will-change:translate;animation:8s ease-in-out .9s infinite lp-watch-float}.landing .lp-watch-enter:nth-of-type(2) .lp-watch-float{animation-delay:-3.1s}.landing .lp-watch-rest{animation:10s ease-in-out 2.4s infinite lp-watch-rest}.landing .lp-pop{animation:.7s cubic-bezier(.34,1.56,.64,1) both lp-pop;animation-delay:var(--delay,0s)}.landing .lp-ring circle[data-progress]{animation:1.6s cubic-bezier(.2,.7,.2,1) both lp-ring-draw;animation-delay:calc(var(--delay,.3s) + var(--i,0) * 90ms)}.landing .lp-bars [data-fill]{animation:1.1s cubic-bezier(.2,.7,.2,1) both lp-bar-fill;animation-delay:calc(var(--delay,.5s) + var(--i,0) * 90ms)}.landing .lp-trend [data-point]{transform-box:fill-box;transform-origin:50%;animation:.48s cubic-bezier(.34,1.56,.64,1) both lp-chart-point;animation-delay:calc(var(--delay,.3s) + var(--i,0) * 28ms)}.landing .lp-trend [data-trend]{stroke-dasharray:1;stroke-dashoffset:0;animation:1.3s cubic-bezier(.2,.7,.2,1) both lp-trend-draw;animation-delay:var(--delay,.38s)}.landing .lp-trend [data-check]{transform-box:fill-box;transform-origin:50%;animation:.52s cubic-bezier(.34,1.56,.64,1) both lp-chart-point;animation-delay:var(--delay,1.25s)}.landing .lp-stagger>*{animation:.7s cubic-bezier(.2,.7,.2,1) both lp-fade-up;animation-delay:calc(var(--delay,.2s) + var(--i,0) * 90ms)}.landing .lp-hint{animation:2s ease-out 2.4s 6 lp-hint}.landing .lp-swap{animation:.32s cubic-bezier(.2,.7,.2,1) both lp-swap}.landing .lp-scan-sweep{will-change:transform;animation:4.2s linear infinite lp-scan}.landing .lp-scan-frame:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #ffffff80}@keyframes lp-scan{0%{opacity:0;transform:translateY(-100%)}8%{opacity:1}72%{opacity:1;transform:translateY(400%)}80%,to{opacity:0;transform:translateY(400%)}}@media (scripting:enabled){.landing [data-reveal]{opacity:0;transition:opacity .8s cubic-bezier(.2,.7,.2,1),translate .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0s);translate:0 28px}.landing [data-reveal][data-visible]{opacity:1;translate:none}.landing [data-reveal]:not([data-visible]) :is(.lp-ring circle[data-progress],.lp-bars [data-fill],.lp-trend [data-point],.lp-trend [data-trend],.lp-trend [data-check],.lp-stagger>*,.lp-watch-enter,.lp-watch-float,.lp-watch-rest){animation-play-state:paused}}.landing section[data-offscreen] :is(.lp-aurora,.lp-float,.lp-float-slow,.lp-scan-sweep,.lp-conic,.lp-spin-slow,.lp-watch-float,.lp-watch-rest){animation-play-state:paused}.landing [data-spotlight]{isolation:isolate;position:relative}.landing [data-spotlight]:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(520px circle at var(--spot-x,50%) var(--spot-y,0%), color-mix(in oklab, var(--accent) 11%, transparent), transparent 55%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.landing [data-spotlight]:hover:before{opacity:1}.landing .lp-conic{background:conic-gradient(from 0deg, var(--accent), var(--protein), var(--fat), var(--carbs), var(--accent));filter:blur(60px);opacity:.35;animation:18s linear infinite lp-spin}.dark .landing .lp-conic{opacity:.28}.landing .lp-spin-slow{animation:40s linear infinite lp-spin}.landing .lp-shine{position:relative;overflow:hidden}.landing .lp-shine:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 20%,#ffffff4d 50%,#0000 80%);transition:translate .7s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;translate:-120%}.landing .lp-shine:hover:after{translate:120%}@keyframes lp-word-in{0%{opacity:0;filter:blur(10px);transform:translateY(.45em)}}@keyframes lp-mobile-title-in{0%{opacity:.72;transform:translateY(14px)scale(.985)}}@keyframes lp-fade-up{0%{opacity:0;transform:translateY(18px)}}@keyframes lp-mobile-item-in{0%{opacity:.68;transform:translateY(8px)}}@keyframes lp-rise{0%{opacity:0;filter:blur(6px);transform:translateY(48px)scale(.96)}60%{filter:blur()}}@keyframes lp-mobile-point-in{0%{opacity:.62;transform:translateY(8px)scale(.96)}}@keyframes lp-mobile-device-in{0%{opacity:.65;transform:translateY(28px)scale(.97)}}@keyframes lp-mobile-gradient{0%{background-position:100%}to{background-position:0}}@keyframes lp-drift{0%{transform:translate(0,0)scale(1)}50%{transform:translate(6%,-8%)scale(1.12)}to{transform:translate(-8%,6%)scale(.94)}}@keyframes lp-float{0%,to{translate:0}50%{translate:0 -10px}}@keyframes lp-watch-rest{0%,44%{opacity:0}50%,94%{opacity:1}to{opacity:0}}@keyframes lp-watch-in{0%{opacity:0;transform:translateY(16px)scale(.97)}}@keyframes lp-watch-float{0%,to{translate:0}50%{translate:0 -4px}}@keyframes lp-pop{0%{opacity:0;transform:translateY(14px)scale(.86)}}@keyframes lp-ring-draw{0%{stroke-dashoffset:var(--ring-c)}}@keyframes lp-bar-fill{0%{clip-path:inset(0 100% 0 0 round 9999px)}to{clip-path:inset(0 round 9999px)}}@keyframes lp-trend-draw{0%{stroke-dashoffset:1px}}@keyframes lp-chart-point{0%{opacity:0;transform:scale(.35)}}@keyframes lp-hint{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--accent) 55%, transparent)}70%,to{box-shadow:0 0 0 10px #0000}}@keyframes lp-swap{0%{opacity:0;transform:translateY(6px)}}@keyframes lp-spin{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.landing *,.landing :before,.landing :after{transition-delay:0s!important;animation-delay:0s!important}.landing .lp-hint,.landing .lp-swap,.landing .lp-scan-sweep,.landing .lp-watch-enter,.landing .lp-watch-float,.landing .lp-watch-rest,.landing .lp-trend [data-point],.landing .lp-trend [data-trend],.landing .lp-trend [data-check]{animation:none}}