:root{--paper:#f3f0e0;--paper-deep:#eae6cf;--card:#fbf9ee;--ink:#242b1d;--muted:#5f6a52;--river:#2c5234;--river-deep:#1f3d26;--leaf:#57833b;--gold:#e0a32e;--gold-soft:#f2d68a;--broth:#c9702a;--broth-soft:#eec9a0;--chili:#b7402e;--checker-a:#7b392c;--checker-b:#f3edd8;--line:#d8d2b6;--hero-ink:#f4efda;--shadow:0 10px 30px #2e3a201a, 0 2px 8px #2e3a2014;--shadow-lift:0 18px 44px #2e3a2029, 0 4px 12px #2e3a201a;--radius:18px;--font-display:"Paytone One","Arial Rounded MT Bold",system-ui,sans-serif;--font-body:"Be Vietnam Pro",-apple-system,"Segoe UI",Roboto,sans-serif;--font-script:"Dancing Script","Segoe Script",cursive}@media (prefers-color-scheme:dark){:root{--paper:#141a10;--paper-deep:#0f140c;--card:#1c2416;--ink:#ede9d4;--muted:#a8b096;--river:#22402a;--river-deep:#182e1e;--leaf:#7baa58;--gold:#f0bc4f;--gold-soft:#8a6b22;--broth:#e08a3c;--broth-soft:#5c3e1e;--chili:#d9604a;--checker-a:#8a4234;--checker-b:#20281a;--line:#33402b;--hero-ink:#f1ecd6;--shadow:0 10px 30px #00000059, 0 2px 8px #0000004d;--shadow-lift:0 18px 44px #00000080, 0 4px 12px #00000059}}:root[data-theme=light]{--paper:#f3f0e0;--paper-deep:#eae6cf;--card:#fbf9ee;--ink:#242b1d;--muted:#5f6a52;--river:#2c5234;--river-deep:#1f3d26;--leaf:#57833b;--gold:#e0a32e;--gold-soft:#f2d68a;--broth:#c9702a;--broth-soft:#eec9a0;--chili:#b7402e;--checker-a:#7b392c;--checker-b:#f3edd8;--line:#d8d2b6;--hero-ink:#f4efda;--shadow:0 10px 30px #2e3a201a, 0 2px 8px #2e3a2014;--shadow-lift:0 18px 44px #2e3a2029, 0 4px 12px #2e3a201a}:root[data-theme=dark]{--paper:#141a10;--paper-deep:#0f140c;--card:#1c2416;--ink:#ede9d4;--muted:#a8b096;--river:#22402a;--river-deep:#182e1e;--leaf:#7baa58;--gold:#f0bc4f;--gold-soft:#8a6b22;--broth:#e08a3c;--broth-soft:#5c3e1e;--chili:#d9604a;--checker-a:#8a4234;--checker-b:#20281a;--line:#33402b;--hero-ink:#f1ecd6;--shadow:0 10px 30px #00000059, 0 2px 8px #0000004d;--shadow-lift:0 18px 44px #00000080, 0 4px 12px #00000059}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-size:1.02rem;line-height:1.75}img,svg{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-display);text-wrap:balance;margin:0;font-weight:400;line-height:1.18}p{margin:0 0 1em}a{color:inherit}button{font-family:var(--font-body);cursor:pointer}:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}.num{font-variant-numeric:tabular-nums}section[id]{scroll-margin-top:80px}.checker{background:repeating-conic-gradient(var(--checker-a) 0% 25%, var(--checker-b) 0% 50%) 0 0/12px 12px;opacity:.9;height:12px}.site-head{z-index:50;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.site-head__inner{align-items:center;gap:20px;max-width:1080px;height:62px;margin:0 auto;padding:0 24px;display:flex}.brand{font-family:var(--font-display);color:var(--ink);white-space:nowrap;align-items:center;gap:10px;font-size:1.05rem;text-decoration:none;display:flex}.brand svg{width:30px;height:30px;color:var(--broth)}.brand .brand__viet{color:var(--river)}:root[data-theme=dark] .brand .brand__viet{color:var(--leaf)}@media (prefers-color-scheme:dark){:root:not([data-theme]) .brand .brand__viet{color:var(--leaf)}}.site-nav{gap:4px;margin-left:auto;display:flex}.site-nav a{color:var(--muted);white-space:nowrap;border-radius:999px;padding:8px 12px;font-size:.86rem;font-weight:600;text-decoration:none;transition:color .18s,background .18s}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink);background:var(--paper-deep)}.head-actions{gap:8px;margin-left:8px;display:flex}.icon-btn{border:1px solid var(--line);background:var(--card);width:38px;height:38px;color:var(--ink);border-radius:12px;place-items:center;transition:transform .15s,background .18s;display:grid}.icon-btn:hover{background:var(--paper-deep);transform:translateY(-1px)}.icon-btn svg{width:18px;height:18px}.scroll-progress{background:linear-gradient(90deg,var(--gold),var(--broth));width:0;height:3px;transition:width .1s linear;position:absolute;bottom:-1px;left:0}#iconAuto,#iconSun,#iconMoon{display:none}:root:not([data-theme]) #iconAuto,:root[data-theme=light] #iconSun,:root[data-theme=dark] #iconMoon{display:block}.btn{border:none;border-radius:999px;align-items:center;gap:9px;padding:13px 22px;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .16s,box-shadow .16s,background .18s;display:inline-flex}.btn svg{width:17px;height:17px}.btn--gold{background:var(--gold);color:#2a2410;box-shadow:0 6px 18px #e0a32e66}.btn--gold:hover{transform:translateY(-2px);box-shadow:0 10px 24px #e0a32e80}.btn--ghost{color:#f4efda;background:0 0;border:1.5px solid #f4efda80}.btn--ghost:hover{background:#ffffff1a;transform:translateY(-2px)}.btn--line{color:var(--ink);border:1.5px solid var(--line);background:0 0}.btn--line:hover{background:var(--paper-deep);transform:translateY(-2px)}.section{padding:88px 0}.section--tint{background:var(--paper-deep)}.eyebrow{font-family:var(--font-script);color:var(--broth);margin:0 0 6px;font-size:1.55rem;font-weight:600}.section h2{color:var(--ink);margin:0 0 14px;font-size:clamp(1.9rem,3.4vw,2.55rem)}.section h2 .accent{color:var(--river)}:root[data-theme=dark] .section h2 .accent{color:var(--leaf)}@media (prefers-color-scheme:dark){:root:not([data-theme]) .section h2 .accent{color:var(--leaf)}}.section__lead{color:var(--muted);max-width:62ch;margin-bottom:36px}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(16px)}.reveal.is-in{opacity:1;transform:none}.ticker{background:var(--paper-deep);border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 0;overflow:hidden}.ticker__track{gap:0;animation:30s linear infinite ticker;display:inline-flex}.ticker:hover .ticker__track{animation-play-state:paused}.ticker__item{font-family:var(--font-display);color:var(--muted);letter-spacing:.02em;align-items:center;gap:10px;padding:0 22px;font-size:.92rem;display:inline-flex}.ticker__item svg{width:15px;height:15px;color:var(--broth)}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.badge{letter-spacing:.03em;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:.75rem;font-weight:700;display:inline-flex}.badge svg{width:12px;height:12px}.badge--region{background:color-mix(in srgb, var(--leaf) 15%, var(--card));color:var(--leaf)}.badge--cat{background:color-mix(in srgb, var(--broth) 14%, var(--card));color:var(--broth)}.tips-grid{grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:18px;display:grid}.tip{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;transition:transform .18s,box-shadow .18s;position:relative}.tip:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.tip__icon{background:color-mix(in srgb, var(--gold) 18%, var(--card));width:48px;height:48px;color:color-mix(in srgb, var(--gold) 70%, var(--ink));border-radius:14px;place-items:center;margin-bottom:14px;display:grid}.tip:nth-child(3n+2) .tip__icon{background:color-mix(in srgb, var(--leaf) 14%, var(--card));color:var(--leaf)}.tip:nth-child(3n) .tip__icon{background:color-mix(in srgb, var(--chili) 12%, var(--card));color:var(--chili)}.tip__icon svg{width:26px;height:26px}.tip h3{margin-bottom:8px;font-size:1.02rem}.tip p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.68}.tip p b{color:var(--ink)}.site-foot{background:var(--river-deep);color:#f4efdad9;text-align:center;padding:52px 0 40px}.site-foot .brand{color:#f4efda;justify-content:center;margin-bottom:10px;font-size:1.15rem}.site-foot .brand svg,.site-foot .brand .brand__viet{color:var(--gold)}.site-foot__nav{justify-content:center;gap:22px;margin:6px 0 14px;display:flex}.site-foot__nav a{color:#f4efdabf;font-size:.88rem;font-weight:600;text-decoration:none}.site-foot__nav a:hover{color:#f4efda}.site-foot p{margin:0 0 6px;font-size:.88rem}.site-foot .fine{color:#f4efda8c;font-size:.78rem}.site-foot .heart{color:var(--chili)}.toast{z-index:99;background:var(--river);color:#f7f3e1;box-shadow:var(--shadow-lift);border-radius:999px;align-items:center;gap:12px;max-width:min(92vw,480px);padding:14px 22px;font-size:.93rem;font-weight:600;transition:transform .45s cubic-bezier(.2,.9,.3,1.2);display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%,140%)}.toast.is-show{transform:translate(-50%)}.toast svg{width:20px;height:20px;color:var(--gold);flex:none}@media (width<=720px){.section{padding:64px 0}.site-nav{gap:0}.site-nav a{padding:8px 9px;font-size:.8rem}.site-head__inner{gap:10px;padding:0 14px}.brand span:not(.brand__viet){display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}@media print{.site-head,.ticker,.checker,.toast,.site-foot .fine,.site-foot__nav{display:none!important}body{color:#000;background:#fff;font-size:11pt}.section{padding:20pt 0}.tip{box-shadow:none;break-inside:avoid;border:1px solid #bbb}a{color:#000;text-decoration:none}}.hero{background:radial-gradient(900px 500px at 80% -10%, #e0a32e38, transparent 60%), radial-gradient(700px 420px at 8% 108%, #c9702a40, transparent 55%), linear-gradient(168deg, var(--river) 0%, var(--river-deep) 100%);color:var(--hero-ink);position:relative;overflow:hidden}.hero__inner{z-index:2;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:40px;max-width:1080px;margin:0 auto;padding:64px 24px 92px;display:grid;position:relative}.hero__eyebrow{font-family:var(--font-script);color:#f2d68a;margin:0 0 10px;font-size:clamp(1.5rem,2.6vw,1.9rem);font-weight:600}.hero h1{color:#fdfbef;text-shadow:0 3px #1f3d26e6,0 6px 24px #00000047;margin:0 0 6px;font-size:clamp(2.4rem,5.2vw,3.9rem)}.hero h1 .gold{color:var(--gold)}.hero__badges{gap:8px;margin:0 0 14px;display:flex}.hero__badges .badge{color:#f7ebc8;background:#ffffff21;border:1px solid #fff3}.hero__sub{color:#f4efdae0;max-width:46ch;margin:6px 0 22px;font-size:1.06rem;line-height:1.8}.hero__sub b{color:#f7ebc8}.hero__meta{flex-wrap:wrap;gap:10px;margin:0 0 28px;padding:0;list-style:none;display:flex}.hero__meta li{letter-spacing:.02em;color:#f7f3e1;background:#ffffff1a;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.86rem;font-weight:600;display:flex}.hero__meta svg{width:16px;height:16px;color:var(--gold)}.hero__cta{flex-wrap:wrap;gap:12px;display:flex}.hero__art{position:relative}.hero__art>svg{filter:drop-shadow(0 24px 40px #00000059);width:min(440px,100%);margin:0 auto}.hero__wave{z-index:1;position:absolute;bottom:-1px;left:0;right:0}.hero__wave svg{width:100%;height:54px;color:var(--paper);display:block}.hero--ticker .hero__wave svg{color:var(--paper-deep)}.steam path{stroke:#faf7e8bf;stroke-width:7px;stroke-linecap:round;fill:none;animation:3.6s ease-in-out infinite steam}.steam path:nth-child(2){stroke-width:6px;animation-delay:1.2s}.steam path:nth-child(3){stroke-width:5px;animation-delay:2.2s}@keyframes steam{0%{opacity:0;transform:translateY(10px)}30%{opacity:.85}70%{opacity:.4}to{opacity:0;transform:translateY(-26px)}}.float-bit{color:var(--gold);opacity:.8;animation:7s ease-in-out infinite floaty;position:absolute}.float-bit svg{width:100%;height:100%}.float-bit--1{width:34px;animation-delay:.4s;top:8%;left:4%}.float-bit--2{color:#e4795a;width:26px;animation-delay:1.8s;top:16%;right:6%}.float-bit--3{color:#9cc470;width:30px;animation-duration:9s;animation-delay:3s;bottom:20%;left:8%}@keyframes floaty{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-14px)rotate(5deg)}}.quick{padding:64px 0 76px}.quick__card{background:linear-gradient(160deg, var(--river) 0%, var(--river-deep) 100%);color:var(--hero-ink);box-shadow:var(--shadow-lift);border-radius:22px;padding:34px 36px 30px;position:relative;overflow:hidden}.quick__card:before{content:"";background:repeating-conic-gradient(var(--gold) 0% 25%, transparent 0% 50%) 0 0/9px 9px;opacity:.85;height:9px;position:absolute;inset:0 0 auto}.quick__head{flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin:4px 0 6px;display:flex}.quick__head h2{color:#fdfbef;font-size:clamp(1.5rem,2.6vw,1.9rem)}.quick__head .flash{color:var(--gold)}.quick__head p{color:#f4efdabf;margin:0;font-size:.9rem}.quick__cols{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:14px 36px;margin-top:18px;display:grid}.quick__col h3{font-size:.8rem;font-family:var(--font-body);letter-spacing:.09em;text-transform:uppercase;color:var(--gold);margin:0 0 12px;font-weight:800}.quick__ing{gap:9px;margin:0;padding:0;list-style:none;display:grid}.quick__ing li{color:#f9f6e8eb;padding-left:22px;font-size:.92rem;line-height:1.6;position:relative}.quick__ing li:before{content:"";background:var(--gold);border-radius:3px;width:9px;height:9px;position:absolute;top:.58em;left:2px;transform:rotate(45deg)}.quick__ing b,.quick__steps b{color:#fbefc8}.quick__steps{counter-reset:qs;gap:10px;margin:0;padding:0;list-style:none;display:grid}.quick__steps li{counter-increment:qs;color:#f9f6e8eb;padding-left:38px;font-size:.92rem;line-height:1.6;position:relative}.quick__steps li:before{content:counter(qs);border:1.5px solid var(--gold);width:26px;height:26px;color:var(--gold);font-family:var(--font-display);background:#ffffff1f;border-radius:50%;place-items:center;font-size:.82rem;display:grid;position:absolute;top:.1em;left:0}.quick__warn{color:#fcefe4;background:#b7402e38;border:1px dashed #f0aa9680;border-radius:12px;align-items:flex-start;gap:10px;margin-top:22px;padding:12px 16px;font-size:.88rem;line-height:1.6;display:flex}.quick__warn svg{color:#f5a98f;flex:none;width:18px;height:18px;margin-top:2px}.quick__foot{border-top:1px dashed #f4efda40;flex-wrap:wrap;gap:8px 22px;margin-top:20px;padding-top:16px;display:flex}.quick__foot a{color:var(--gold);align-items:center;gap:7px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.quick__foot a:hover{text-decoration:underline}.quick__foot a svg{width:15px;height:15px}.story{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:48px;display:grid}.story__text p{margin-bottom:1.1em}.story__text b{color:var(--broth)}.drop:first-letter{font-family:var(--font-display);float:left;color:var(--river);padding:6px 10px 0 0;font-size:3.3em;line-height:.85}:root[data-theme=dark] .drop:first-letter{color:var(--leaf)}@media (prefers-color-scheme:dark){:root:not([data-theme]) .drop:first-letter{color:var(--leaf)}}.flavor-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;position:relative;overflow:hidden}.flavor-card:before{content:"";background:repeating-conic-gradient(var(--checker-a) 0% 25%, var(--checker-b) 0% 50%) 0 0/8px 8px;height:8px;position:absolute;inset:0 0 auto}.flavor-card h3{margin:6px 0 4px;font-size:1.1rem}.flavor-card>p{color:var(--muted);margin-bottom:18px;font-size:.88rem}.flavor{gap:14px;display:grid}.flavor__row{grid-template-columns:64px 1fr 44px;align-items:center;gap:12px;font-size:.9rem;font-weight:600;display:grid}.flavor__bar{background:var(--paper-deep);border-radius:999px;height:10px;overflow:hidden}.flavor__fill{border-radius:999px;width:0;height:100%;transition:width 1s cubic-bezier(.2,.7,.2,1)}.is-in .flavor__fill{width:var(--w)}.flavor__val{color:var(--muted);text-align:right;font-size:.8rem}.f-chua{background:linear-gradient(90deg,#d9a441,var(--broth))}.f-ngot{background:linear-gradient(90deg,var(--gold),#e8bc5c)}.f-man{background:linear-gradient(90deg,#8fa06b,var(--leaf))}.f-cay{background:linear-gradient(90deg,#d97b54,var(--chili))}.f-thom{background:linear-gradient(90deg,#7fa95b,#4e7b36)}.flavor-note{background:color-mix(in srgb, var(--gold) 14%, var(--card));border:1px dashed color-mix(in srgb, var(--gold) 60%, var(--card));border-radius:12px;margin-top:20px;padding:14px 16px;font-size:.88rem;line-height:1.6}.market-bar{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:34px;padding:18px 22px;display:flex}.servings{align-items:center;gap:14px;display:flex}.servings__label{font-size:.92rem;font-weight:700}.servings__ctrl{background:var(--paper-deep);border-radius:999px;align-items:center;gap:2px;padding:4px;display:flex}.servings__btn{width:34px;height:34px;color:var(--ink);background:0 0;border:none;border-radius:999px;place-items:center;font-size:1.15rem;font-weight:700;transition:background .15s;display:grid}.servings__btn:hover{background:var(--card)}.servings__num{text-align:center;min-width:84px;font-family:var(--font-display);font-size:1.05rem}.market-progress{color:var(--muted);align-items:center;gap:12px;margin-left:auto;font-size:.86rem;font-weight:600;display:flex}.market-progress__bar{background:var(--paper-deep);border-radius:999px;width:130px;height:8px;overflow:hidden}.market-progress__fill{background:linear-gradient(90deg,var(--leaf),var(--gold));border-radius:999px;width:0;height:100%;transition:width .3s}.ing-group{margin-bottom:36px}.ing-group__head{align-items:center;gap:12px;margin-bottom:16px;display:flex}.ing-group__head svg{width:26px;height:26px;color:var(--broth)}.ing-group__head h3{font-size:1.12rem}.ing-group__head .count{color:var(--muted);margin-left:auto;font-size:.8rem;font-weight:600}.ing-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.ing{position:relative}.ing input{opacity:0;width:1px;height:1px;position:absolute}.ing label{background:var(--card);border:1.5px solid var(--line);cursor:pointer;user-select:none;border-radius:16px;align-items:center;gap:14px;height:100%;padding:14px 16px;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s;display:flex}.ing label:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.ing__icon{background:color-mix(in srgb, var(--broth) 12%, var(--card));width:44px;height:44px;color:var(--broth);border-radius:13px;flex:none;place-items:center;display:grid}.ing__icon svg{width:26px;height:26px}.ing--green .ing__icon{background:color-mix(in srgb, var(--leaf) 14%, var(--card));color:var(--leaf)}.ing--red .ing__icon{background:color-mix(in srgb, var(--chili) 12%, var(--card));color:var(--chili)}.ing--gold .ing__icon{background:color-mix(in srgb, var(--gold) 16%, var(--card));color:color-mix(in srgb, var(--gold) 72%, var(--ink))}.ing__body{flex:auto;min-width:0}.ing__body>span{display:block}.ing__name{font-size:.94rem;font-weight:600;line-height:1.35}.ing__qty{color:var(--broth);margin-top:2px;font-size:.85rem;font-weight:700}.ing__note{color:var(--muted);margin-top:2px;font-size:.78rem;line-height:1.45}.ing__tick{border:2px solid var(--line);color:#0000;border-radius:8px;flex:none;place-items:center;width:24px;height:24px;margin-left:auto;transition:background .15s,border-color .15s,color .15s;display:grid}.ing__tick svg{width:14px;height:14px}.ing input:checked+label{border-color:var(--leaf);background:color-mix(in srgb, var(--leaf) 8%, var(--card))}.ing input:checked+label .ing__tick{background:var(--leaf);border-color:var(--leaf);color:#fff}.ing input:checked+label .ing__name{text-decoration:line-through;text-decoration-color:var(--leaf);opacity:.7;text-decoration-thickness:2px}.ing input:focus-visible+label{outline:3px solid var(--gold);outline-offset:3px}.steps-progress{z-index:30;background:color-mix(in srgb, var(--card) 92%, transparent);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:14px;margin-bottom:44px;padding:10px 20px;display:flex;position:sticky;top:74px}.steps-progress__label{white-space:nowrap;font-size:.88rem;font-weight:700}.steps-progress__bar{background:var(--paper-deep);border-radius:999px;flex:1;height:9px;overflow:hidden}.steps-progress__fill{background:linear-gradient(90deg,var(--broth),var(--gold));border-radius:999px;width:0;height:100%;transition:width .4s cubic-bezier(.2,.7,.2,1)}.steps-progress__count{color:var(--muted);white-space:nowrap;font-size:.85rem;font-weight:700}.river-line{padding-left:66px;position:relative}.river-line:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='80' viewBox='0 0 22 80'%3E%3Cpath d='M11 0 C 20 12, 2 28, 11 40 C 20 52, 2 68, 11 80' fill='none' stroke='%23C9702A' stroke-width='2.6' stroke-dasharray='1 7' stroke-linecap='round' opacity='.85'/%3E%3C/svg%3E");background-position:top;background-repeat:repeat-y;width:22px;position:absolute;top:10px;bottom:10px;left:22px}.step{margin-bottom:34px;position:relative}.step__node{background:var(--card);border:2.5px solid var(--broth);width:44px;height:44px;font-family:var(--font-display);color:var(--broth);box-shadow:var(--shadow);border-radius:50%;place-items:center;font-size:1.02rem;transition:background .25s,color .25s,border-color .25s,transform .25s;display:grid;position:absolute;top:2px;left:-66px}.step.is-done .step__node{background:var(--leaf);border-color:var(--leaf);color:#fff;transform:scale(1.06)}.step__card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:box-shadow .2s,border-color .25s;overflow:hidden}.step__card:hover{box-shadow:var(--shadow-lift)}.step.is-done .step__card{border-color:color-mix(in srgb, var(--leaf) 55%, var(--line))}.step__head{flex-wrap:wrap;align-items:center;gap:12px;padding:20px 24px 0;display:flex}.step__head svg.step-ic{width:30px;height:30px;color:var(--river);flex:none}:root[data-theme=dark] .step__head svg.step-ic{color:var(--leaf)}@media (prefers-color-scheme:dark){:root:not([data-theme]) .step__head svg.step-ic{color:var(--leaf)}}.step__head h3{margin-right:auto;font-size:1.28rem}.chip{letter-spacing:.02em;background:color-mix(in srgb, var(--broth) 13%, var(--card));color:var(--broth);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.chip svg{width:13px;height:13px}.step__body{padding:14px 24px 22px}.step__body>p{margin-bottom:.9em}.step__body ul{gap:9px;margin:0 0 1em;padding-left:0;list-style:none;display:grid}.step__body ul li{padding-left:26px;position:relative}.step__body ul li:before{content:"";background:var(--gold);border-radius:3px;width:9px;height:9px;position:absolute;top:.62em;left:2px;transform:rotate(45deg)}.step__body b{color:var(--broth)}.callout{border-radius:12px;align-items:flex-start;gap:12px;margin:14px 0 4px;padding:13px 16px;font-size:.9rem;line-height:1.62;display:flex}.callout svg{flex:none;width:19px;height:19px;margin-top:2px}.callout--warn{background:color-mix(in srgb, var(--chili) 10%, var(--card));border:1px dashed color-mix(in srgb, var(--chili) 45%, var(--card));color:var(--ink)}.callout--warn svg{color:var(--chili)}.callout--tip{background:color-mix(in srgb, var(--leaf) 10%, var(--card));border:1px dashed color-mix(in srgb, var(--leaf) 45%, var(--card))}.callout--tip svg{color:var(--leaf)}.step__foot{border-top:1px dashed var(--line);background:color-mix(in srgb, var(--paper-deep) 45%, var(--card));flex-wrap:wrap;align-items:center;gap:12px;padding:14px 24px;display:flex}.timer-btn{border:1.5px solid var(--broth);color:var(--broth);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:.88rem;font-weight:700;transition:background .15s,color .15s,transform .15s;display:inline-flex}.timer-btn svg{width:15px;height:15px}.timer-btn:hover{background:color-mix(in srgb, var(--broth) 12%, transparent);transform:translateY(-1px)}.timer-btn.is-running{background:var(--broth);color:#fff8e8;animation:1.6s ease-in-out infinite pulse}.timer-btn.is-done-timer{border-color:var(--leaf);background:var(--leaf);color:#fff;animation:none}@keyframes pulse{0%,to{box-shadow:0 0 #c9702a66}50%{box-shadow:0 0 0 8px #c9702a00}}.timer-reset{color:var(--muted);background:0 0;border:none;padding:4px;font-size:.8rem;font-weight:600;text-decoration:underline;display:none}.timer-reset.is-visible{display:inline-block}.step-done{cursor:pointer;user-select:none;color:var(--muted);align-items:center;gap:10px;margin-left:auto;font-size:.88rem;font-weight:700;display:inline-flex}.step-done input{opacity:0;width:1px;height:1px;position:absolute}.step-done__box{border:2px solid var(--line);color:#0000;background:var(--card);border-radius:9px;place-items:center;width:26px;height:26px;transition:background .15s,border-color .15s,color .15s,transform .15s;display:grid}.step-done__box svg{width:15px;height:15px}.step-done:hover .step-done__box{border-color:var(--leaf)}.step-done input:checked~.step-done__box{background:var(--leaf);border-color:var(--leaf);color:#fff;transform:scale(1.08)}.step-done input:checked~.step-done__text{color:var(--leaf)}.step-done input:focus-visible~.step-done__box{outline:3px solid var(--gold);outline-offset:2px}.serve{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:44px;display:grid}.serve__text p{margin-bottom:1em}.serve__text b{color:var(--broth)}.mam-card{background:linear-gradient(160deg, var(--river) 0%, var(--river-deep) 100%);color:var(--hero-ink);border-radius:var(--radius);box-shadow:var(--shadow-lift);padding:30px;position:relative;overflow:hidden}.mam-card:after{content:"";background:repeating-conic-gradient(var(--gold) 0% 25%, transparent 0% 50%) 0 0/9px 9px;opacity:.8;height:9px;position:absolute;inset:auto 0 0}.mam-card h3{color:#fdfbef;margin-bottom:6px;font-size:1.22rem}.mam-card>p{color:#f4efdad1;margin-bottom:18px;font-size:.9rem}.mam-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.mam-list li{background:#ffffff14;border:1px solid #ffffff24;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;font-size:.92rem;line-height:1.6;display:flex}.mam-list svg{width:20px;height:20px;color:var(--gold);flex:none;margin-top:2px}.mam-list b{color:#fbf4dc}.faq{max-width:760px}.faq details{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;transition:border-color .2s;overflow:hidden}.faq details[open]{border-color:color-mix(in srgb, var(--broth) 45%, var(--line))}.faq summary{cursor:pointer;align-items:center;gap:12px;padding:17px 20px;font-size:.97rem;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--font-display);color:var(--broth);margin-left:auto;font-size:1.2rem;line-height:1;transition:transform .25s}.faq details[open] summary:after{transform:rotate(45deg)}.faq summary svg{width:20px;height:20px;color:var(--broth);flex:none}.faq .faq__a{color:var(--muted);padding:0 20px 18px 52px;font-size:.93rem;line-height:1.72}.faq .faq__a b{color:var(--ink)}@media (width<=900px){.hero__inner{text-align:center;grid-template-columns:1fr;padding:48px 24px 84px}.hero__sub{margin-inline:auto}.hero__meta,.hero__cta,.hero__badges{justify-content:center}.hero__art{order:-1}.hero__art>svg{width:min(320px,80%)}.story,.serve{grid-template-columns:1fr;gap:32px}.quick__cols{grid-template-columns:1fr;gap:26px}}@media (width<=720px){.river-line{padding-left:54px}.river-line:before{left:14px}.step__node{width:40px;height:40px;font-size:.95rem;left:-54px}.steps-progress{padding:9px 16px;top:70px}.market-progress{width:100%;margin-left:0}.market-progress__bar{flex:1}.step-done{width:100%;margin-left:0}.quick__card{padding:26px 22px 24px}}@media print{.hero__cta,.hero__art,.float-bit,.steps-progress,.timer-btn,.timer-reset,.step-done,.market-bar,.ing__tick,.hero__wave,.quick__foot{display:none!important}.hero{color:#000;background:#fff;padding:0}.hero h1{color:#000;text-shadow:none}.hero__eyebrow,.eyebrow{color:#555}.hero__sub{color:#333}.hero__sub b{color:#000}.hero__badges .badge,.hero__meta li{color:#000;background:#fff;border:1px solid #999}.hero__meta svg{color:#000}.quick{padding:10pt 0}.quick__card{color:#000;box-shadow:none;background:#fff;border:2px solid #000}.quick__card:before{display:none}.quick__head h2,.quick__ing li,.quick__steps li,.quick__ing b,.quick__steps b,.quick__col h3{color:#000}.quick__steps li:before{color:#000;background:#fff;border-color:#000}.quick__warn{color:#000;background:#fff;border:1px dashed #999}.step__card,.ing label,.flavor-card,.faq details{box-shadow:none;break-inside:avoid;border:1px solid #bbb}.step{margin-bottom:14pt}.river-line{padding-left:0}.river-line:before{display:none}.step__node{box-shadow:none;margin-bottom:6pt;display:inline-grid;position:static}.mam-card{color:#000;box-shadow:none;background:#fff;border:1px solid #bbb}.mam-card h3,.mam-list b{color:#000}.mam-list li{color:#000;background:#fff;border:1px solid #ddd}.faq details{page-break-inside:avoid}.faq details>.faq__a{display:block!important}}.home-hero{background:radial-gradient(900px 500px at 82% -10%, #e0a32e38, transparent 60%), radial-gradient(700px 420px at 6% 110%, #c9702a40, transparent 55%), linear-gradient(168deg, var(--river) 0%, var(--river-deep) 100%);color:var(--hero-ink);position:relative;overflow:hidden}.home-hero__inner{z-index:2;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:40px;max-width:1080px;margin:0 auto;padding:76px 24px 100px;display:grid;position:relative}.home-hero__eyebrow{font-family:var(--font-script);color:#f2d68a;margin:0 0 10px;font-size:clamp(1.5rem,2.6vw,1.95rem);font-weight:600}.home-hero h1{color:#fdfbef;text-shadow:0 3px #1f3d26e6,0 6px 24px #00000047;margin:0 0 14px;font-size:clamp(2.7rem,6vw,4.4rem)}.home-hero h1 .gold{color:var(--gold)}.home-hero__sub{color:#f4efdae0;max-width:48ch;margin:0 0 26px;font-size:1.08rem;line-height:1.8}.home-hero__sub b{color:#f7ebc8}.home-hero__cta{flex-wrap:wrap;gap:12px;margin-bottom:30px;display:flex}.home-hero__stats{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.home-hero__stats li{color:#f7f3e1;background:#ffffff1a;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;font-weight:600;display:flex}.home-hero__stats svg{width:15px;height:15px;color:var(--gold)}.home-hero__art{position:relative}.home-hero__art>svg{filter:drop-shadow(0 24px 40px #00000059);width:min(430px,100%);margin:0 auto}.home-hero__wave{z-index:1;position:absolute;bottom:-1px;left:0;right:0}.home-hero__wave svg{width:100%;height:54px;color:var(--paper-deep);display:block}.rcard-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;display:grid}.rcard{background:var(--card);border:1px solid var(--line);color:var(--ink);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;overflow:hidden}.rcard:hover{box-shadow:var(--shadow-lift);border-color:color-mix(in srgb, var(--gold) 45%, var(--line));transform:translateY(-5px)}.rcard__art{background:radial-gradient(340px 160px at 78% -20%, #e0a32e47, transparent 60%), linear-gradient(160deg, var(--river) 0%, var(--river-deep) 100%);padding:22px 20px 6px;position:relative}.rcard__art svg{width:min(210px,72%);margin:0 auto}.rcard__badges{gap:6px;display:flex;position:absolute;top:14px;left:14px}.rcard__badges .badge{backdrop-filter:blur(4px);background:#141e128c}.rcard__badges .badge--region{color:#cfe3ae}.rcard__badges .badge--cat{color:#f2ce8c}.rcard__wave{color:var(--card);margin-top:-8px}.rcard__wave svg{width:100%;height:26px;display:block}.rcard__body{flex-direction:column;flex:1;gap:10px;padding:6px 22px 22px;display:flex}.rcard__body h3{font-size:1.22rem;line-height:1.3}.rcard__body p{color:var(--muted);flex:1;margin:0;font-size:.9rem;line-height:1.66}.rcard__meta{border-top:1px dashed var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 16px;padding-top:12px;font-size:.82rem;font-weight:600;display:flex}.rcard__meta span{align-items:center;gap:6px;display:inline-flex}.rcard__meta svg{width:14px;height:14px;color:var(--broth)}.rcard__go{color:var(--broth);align-items:center;gap:6px;margin-left:auto;font-weight:700;display:inline-flex}.rcard__go svg{transition:transform .18s}.rcard:hover .rcard__go svg{transform:translate(4px)}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:14px;display:flex}.filter-bar--last{margin-bottom:34px}.filter-bar__label{color:var(--muted);min-width:66px;margin-right:2px;font-size:.85rem;font-weight:700}.filter-chip{border:1.5px solid var(--line);background:var(--card);color:var(--muted);border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:background .15s,color .15s,border-color .15s,transform .15s}.filter-chip:hover{color:var(--ink);transform:translateY(-1px)}.filter-chip.is-active{background:var(--river);border-color:var(--river);color:#f4efda}:root[data-theme=dark] .filter-chip.is-active{background:var(--leaf);border-color:var(--leaf);color:#141a10}@media (prefers-color-scheme:dark){:root:not([data-theme]) .filter-chip.is-active{background:var(--leaf);border-color:var(--leaf);color:#141a10}}.filter-empty{text-align:center;color:var(--muted);border:1.5px dashed var(--line);border-radius:var(--radius);padding:40px 20px;display:none}.filter-empty.is-show{display:block}.coming{border:1.5px dashed var(--line);border-radius:var(--radius);color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:26px;padding:18px 22px;font-size:.9rem;display:flex}.coming>svg{width:20px;height:20px;color:var(--broth);flex:none}.coming b{color:var(--ink)}.coming .badge{background:var(--paper-deep);color:var(--muted)}.home-about{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:48px;display:grid}.home-about b{color:var(--broth)}@media (width<=900px){.home-hero__inner{text-align:center;grid-template-columns:1fr;padding:56px 24px 88px}.home-hero__sub{margin-inline:auto}.home-hero__cta,.home-hero__stats{justify-content:center}.home-hero__art{order:-1}.home-hero__art>svg{width:min(320px,78%)}.home-about{grid-template-columns:1fr;gap:32px}}