@layer theme, base, components, utilities;@layer components{.tf{--tf-bg:#fbf6ea;--tf-bg-2:#f5ecd6;--tf-paper:#fffdf7;--tf-ink:#22301c;--tf-muted:#5b6352;--tf-hair:#e7dfc9;--tf-leaf:#2e6b2c;--tf-leaf-deep:#235522;--tf-leaf-dark:#1c361a;--tf-leaf-tint:#e4eed7;--tf-mustard:#dca22a;--tf-mustard-hover:#cc931c;--tf-mustard-soft:#f5e6bd;--tf-mustard-ink:#7a5300;--tf-terra:#a4472a;--tf-terra-soft:#f7e0d3;--tf-steel:#c9c6bd;--tf-header-h:60px;--tf-radius:14px;--tf-radius-lg:22px;--tf-ease:cubic-bezier(0.22,1,0.36,1);--tf-display:"Baloo Da 2 Variable","Baloo Da 2",ui-rounded,system-ui,sans-serif;font-family:Figtree Variable,ui-sans-serif,system-ui,sans-serif;font-size:1rem;line-height:1.6;background:var(--tf-bg);color:var(--tf-ink);-webkit-tap-highlight-color:transparent;color-scheme:light}@media (min-width:1024px){.tf{--tf-header-h:72px}}.tf ::selection{background:var(--tf-mustard);color:var(--tf-ink)}.tf [data-tf-anchor],.tf section[id]{scroll-margin-top:calc(var(--demo-bar-h, 44px) + var(--tf-header-h) + 12px)}.tf :focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}.tf [data-focus-heading]:focus,.tf [data-step-heading]:focus{outline:none}.tf :is(input,select,textarea),.tf [data-step-heading]{scroll-margin-top:calc(var(--demo-bar-h, 44px) + var(--tf-header-h) + 20px);scroll-margin-bottom:96px}.tf .tabular{font-variant-numeric:tabular-nums lining-nums}.tf .tf-deep{--ui-bg:#1c361a;--ui-surface:#24441f;--ui-soft:#31572b;--ui-ink:#fbf6ea;--ui-muted:#c8d4bb;--ui-line:#8ea683;--ui-hairline:#36592f;--ui-accent:#e2a92e;--ui-on-accent:#1c2a16;--ui-focus:#f3d27a;--ui-success:#8fdc8a;--ui-warn:#f3c45a;--ui-danger:#ffa08a;background-color:var(--tf-leaf-dark);background-image:repeating-linear-gradient(118deg,rgb(255 255 255/.028) 0 2px,transparent 2px 26px);color:var(--ui-ink);color-scheme:dark}.tf .tf-paper2{background:var(--tf-bg-2)}.tf .tf-scallop-bottom,.tf .tf-scallop-top{position:relative}.tf .tf-scallop-bottom:after,.tf .tf-scallop-top:before{content:"";position:absolute;inset-inline:0;height:12px;pointer-events:none;background:radial-gradient(circle at 12px 12px,var(--tf-edge) 11.5px,transparent 12px) 0 0 /24px 12px repeat-x}.tf .tf-scallop-top:before{top:-11px}.tf .tf-scallop-bottom:after{bottom:-11px;transform:scaleY(-1)}.tf-wrap{width:100%;max-width:1200px;margin-inline:auto;padding-inline:16px}@media (min-width:640px){.tf-wrap{padding-inline:24px}}@media (min-width:1024px){.tf-wrap{padding-inline:32px}}.tf-sec{padding-block:44px}@media (min-width:1024px){.tf-sec{padding-block:96px}}.tf-display,.tf-h1{font-family:var(--tf-display)}.tf-h1{font-weight:800;font-size:clamp(2.4rem,1.45rem + 4.5vw,5.2rem);line-height:1.02;letter-spacing:-.02em}.tf-h2{font-weight:750;font-size:clamp(2rem,1.35rem + 2.7vw,3.5rem);line-height:1.04;letter-spacing:-.015em;text-wrap:balance}.tf-h2,.tf-h3{font-family:var(--tf-display)}.tf-h3{font-weight:700;font-size:1.35rem;line-height:1.15;letter-spacing:-.005em}.tf-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--tf-terra)}.tf-deep .tf-eyebrow{color:var(--ui-accent)}.tf-bn{font-family:var(--tf-display);font-weight:600;letter-spacing:0}.tf-lead{font-size:1.0625rem;line-height:1.6;color:var(--ui-muted);max-width:56ch}.tf-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.6rem 1.3rem;border-radius:999px;font-weight:700;font-size:15px;line-height:1.2;text-align:center;white-space:nowrap;border:1.5px solid transparent;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .2s ease,transform .16s var(--tf-ease)}.tf-btn:active{transform:scale(.97)}.tf-btn[aria-disabled=true]{cursor:not-allowed;opacity:.6}.tf-btn-leaf{background:var(--tf-leaf);color:#fff;box-shadow:0 10px 22px -12px rgb(46 107 44/.75),inset 0 -2px 0 rgb(0 0 0/.16)}.tf-btn-leaf:hover{background:var(--tf-leaf-deep)}.tf-btn-mustard{background:var(--tf-mustard);color:#1f2a16;box-shadow:0 10px 22px -14px rgb(150 100 10/.8),inset 0 -2px 0 rgb(0 0 0/.12)}.tf-btn-mustard:hover{background:var(--tf-mustard-hover)}.tf-btn-line{border-color:color-mix(in srgb,var(--ui-ink) 75%,transparent);color:var(--ui-ink);background:transparent}.tf-btn-line:hover{background:color-mix(in srgb,var(--ui-ink) 7%,transparent)}.tf-btn-wa{background:var(--ui-wa);color:#fff}.tf-btn-wa:hover{background:var(--ui-wa-hover)}.tf-btn-sm{min-height:44px;padding:.45rem 1rem;font-size:14px}.tf-btn-lg{min-height:54px;padding-inline:1.6rem;font-size:16px}.tf-card{background:var(--ui-surface);border:1px solid var(--ui-hairline);border-radius:var(--tf-radius-lg);box-shadow:0 1px 0 rgb(34 48 28/.04),0 18px 40px -30px rgb(34 48 28/.45)}.tf-deep .tf-card{box-shadow:0 18px 40px -30px rgb(0 0 0/.8)}.tf-chip{display:inline-flex;align-items:center;gap:.375rem;border-radius:999px;padding:.25rem .7rem;font-size:12.5px;font-weight:650;line-height:1.3}.tf-receipt{position:relative;background:var(--tf-paper);color:var(--tf-ink);border-radius:var(--tf-radius-lg) var(--tf-radius-lg) 0 0;box-shadow:0 18px 40px -30px rgb(34 48 28/.55);padding-bottom:14px;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% /18px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% /18px 100%}.tf-dots{flex:1 1 auto;min-width:12px;border-bottom:2px dotted color-mix(in srgb,currentColor 28%,transparent);transform:translateY(-5px)}.tf-mark{display:inline-grid;place-items:center;width:16px;height:16px;flex:none;border:1.5px solid;border-radius:3px;background:#fff}.tf-mark-veg{color:#1d7a32}.tf-mark-nv{color:#8b3a1d}.tf-header{position:sticky;top:var(--demo-bar-h,44px);z-index:50;height:var(--tf-header-h);background:rgb(251 246 234/.9);transition:background-color .2s ease,box-shadow .2s ease,height .25s var(--tf-ease)}.tf-header[data-scrolled]{background:rgb(251 246 234/.97);box-shadow:inset 0 -1px 0 var(--tf-hair),0 14px 30px -24px rgb(34 48 28/.6)}@media (pointer:fine){.tf-header{-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2)}}@media (min-width:1024px){.tf-header[data-scrolled]{height:62px}}.tf-header[data-hidden]{transform:translateY(-100%)}.tf-hero{position:relative;isolation:isolate;overflow:clip}.tf-plate{padding:9px;background:conic-gradient(from 210deg,#f4f2ec,#b9b5aa 18%,#f7f5ef 34%,#a9a59a 52%,#ecebe5 70%,#bdb9ae 86%,#f4f2ec);box-shadow:0 40px 70px -36px rgb(34 48 28/.75),inset 0 2px 0 rgb(255 255 255/.6)}.tf-plate,.tf-plate-inner{position:relative;border-radius:50%}.tf-plate-inner{display:block;overflow:hidden;box-shadow:inset 0 0 0 1px rgb(0 0 0/.08)}.tf-steam path{fill:none;stroke:rgb(255 255 255/.85);stroke-width:3;stroke-linecap:round;opacity:0}.tf-tier{position:relative;display:grid;grid-template-columns:5.4rem 1fr;gap:.75rem;align-items:baseline;padding-block:.55rem;border-top:1px dashed var(--ui-hairline)}.tf-tier:first-child{border-top:0}.tf-course{font-size:11.5px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--tf-mustard-ink)}.tf-map-ring{fill:none;stroke-dasharray:3 5}.tf-ping{transform-box:fill-box;transform-origin:center}@keyframes tf-steam{0%{opacity:0;transform:translateY(10px)}30%{opacity:.85}to{opacity:0;transform:translateY(-26px)}}@keyframes tf-ping{0%{transform:scale(1);opacity:.55}to{transform:scale(3.2);opacity:0}}@keyframes tf-wobble{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=reduce]) .tf .tf-steam path{animation:tf-steam 3.6s ease-out infinite}:root:not([data-motion=reduce]) .tf .tf-steam path:nth-child(2){animation-delay:1.2s}:root:not([data-motion=reduce]) .tf .tf-steam path:nth-child(3){animation-delay:2.4s}:root:not([data-motion=reduce]) .tf .tf-ping{animation:tf-ping 1.8s var(--tf-ease) infinite}:root:not([data-motion=reduce]) .tf .tf-header{transition:transform .25s var(--tf-ease),background-color .2s ease,box-shadow .2s ease,height .25s var(--tf-ease)}:root:not([data-motion=reduce]) .tf .tf-lift{transition:transform .22s var(--tf-ease),box-shadow .22s var(--tf-ease)}}@media (hover:hover) and (pointer:fine){.tf .tf-lift:hover{transform:translateY(-3px);box-shadow:0 1px 0 rgb(34 48 28/.04),0 26px 50px -30px rgb(34 48 28/.55)}}@media (prefers-reduced-motion:reduce){.tf .tf-steam path{opacity:.35}.tf .tf-ping{opacity:.25;transform:scale(2)}}:root[data-motion=reduce] .tf .tf-steam path{opacity:.35;animation:none}:root[data-motion=reduce] .tf .tf-ping{opacity:.25;transform:scale(2);animation:none}}