@layer reset, layout, components, responsive;
@layer reset {
  :root { color-scheme:light; --paper:#F8F6EF;--ink:#19251D;--muted:#5F695F;--red:#B82E2A;--brand:#DA3F3A;--green:#8BC755;--line:#DFE3D6; font-family:Inter,"Segoe UI",Arial,sans-serif; color:var(--ink); background:var(--paper); }
  *,*::before,*::after { box-sizing:border-box; } body { margin:0; } img { display:block;max-width:100%;object-fit:cover; } button,input,textarea { font:inherit; } a { color:inherit; } button,a,input,textarea,summary { -webkit-tap-highlight-color:transparent; } button,a,summary { touch-action:manipulation; } button { cursor:pointer; } svg { width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0; } button:disabled { cursor:not-allowed; } button:focus-visible,a:focus-visible,summary:focus-visible { outline:3px solid #42672D;outline-offset:5px; } input:focus-visible,textarea:focus-visible { outline:2px solid #597B3E;outline-offset:2px; } [hidden] { display:none!important; } h1,h2,h3,p { margin:0; } h1,h2,h3 { text-wrap:balance; } p { text-wrap:pretty; } .svg-library { position:absolute;width:0;height:0;overflow:hidden; } html { scroll-behavior:smooth;scroll-padding-top:30px; } .visually-hidden { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
}
@layer layout {
  .wrap { width:min(1240px,calc(100% - 96px));margin-inline:auto; } .section-pad { padding-block:108px; } .site-header { display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:25px;border-bottom:1px solid var(--line); } .brand img { object-fit:contain;height:54px;width:166px; } .site-header nav { display:flex;gap:30px;align-items:center;margin-left:auto;margin-right:16px; } .site-header nav a { font-size:13px;font-weight:650;text-decoration:none;padding:13px 0; } .site-header nav a:hover { color:var(--red); }
  .hero { display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-top:75px;padding-bottom:100px; } .hero-copy { max-width:560px; } .eyebrow { font-size:11px;font-weight:800;letter-spacing:1.7px;line-height:1.6;display:flex;align-items:center;gap:10px; } .brand-dot { width:8px;height:8px;border-radius:50%;background:var(--brand); } h1 { font-size:clamp(56px,6.7vw,90px);font-weight:760;letter-spacing:-5.6px;line-height:1.05;margin-top:22px; } h1 span { position:relative;white-space:nowrap;isolation:isolate; } h1 span::after { content:"";height:10px;position:absolute;bottom:3px;left:0;right:-4px;background:var(--green);z-index:-1;border-radius:50%;transform:rotate(-3deg); } .hero-description { color:var(--muted);font-size:17px;line-height:1.85;max-width:465px;margin-top:25px; } .hero-actions { display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:32px; } .availability { font-size:11px;line-height:1.75;color:var(--muted);display:flex;gap:8px;align-items:flex-start;max-width:400px;margin-top:29px; } .status-dot { display:inline-block;width:7px;height:7px;min-width:7px;border-radius:50%;background:var(--green);margin-top:6px; }
  .hero-visual { position:relative;padding:20px 0 26px; } .hero-photo { height:510px;border-radius:180px 30px 35px 35px;position:relative;overflow:hidden;background:#D6DDC8; } .hero-photo>img { width:100%;height:100%;object-position:49% center; } .photo-caption { position:absolute;top:28px;right:24px;background:#F8F6EFF2;border:1px solid #FFFFFF99;border-radius:30px;padding:10px 13px;font-size:9px;font-weight:800;letter-spacing:1px; } .recipe-float { position:absolute;left:-42px;bottom:0;padding:17px 19px;display:flex;align-items:center;gap:12px;background:#FFF;border:1px solid #E2E7D8;border-radius:18px;box-shadow:0 15px 45px #18291B13;transform:rotate(-3deg); } .recipe-float strong { display:block;font-size:15px;line-height:1.5; } .recipe-float div>span { display:block;color:var(--muted);font-size:11px;margin-top:3px; } .float-icon { width:44px;height:44px;background:#FFF1EC;border-radius:14px;display:grid;place-items:center;color:var(--red); } .check-circle { margin-left:12px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#E8F3DC;color:#45652F; } .check-circle svg { width:15px; } .chef-stamp { position:absolute;top:-10px;left:-38px;display:flex;align-items:center;justify-content:center;flex-direction:column;width:119px;height:119px;background:var(--paper);border:1px solid #D9DFC9;border-radius:50%;transform:rotate(-12deg); } .chef-stamp img { height:56px;width:55px;object-fit:contain; } .chef-stamp span { font-size:8px;font-weight:800;letter-spacing:1.1px;text-align:center;line-height:1.5;margin-top:4px; }
  .flavour-strip { display:flex;align-items:center;justify-content:center;gap:38px;border-block:1px solid #DCE3D1;background:#EEF3E5;padding:22px 24px;overflow:hidden; } .flavour-strip span { font-size:16px;font-weight:650;white-space:nowrap;letter-spacing:-.3px; } .flavour-strip i { width:6px;height:6px;flex-shrink:0;background:var(--brand);border-radius:50%; }
  .section-heading { max-width:645px; } h2 { font-size:clamp(34px,4vw,55px);line-height:1.1;letter-spacing:-2.1px;font-weight:730;margin-top:18px; } h2 span { color:#6A8060; } .section-heading>p:last-child { color:var(--muted);font-size:16px;line-height:1.9;margin-top:24px;max-width:540px; } .experience-grid { display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:45px;align-items:stretch; } .recipe-demo,.journey-demo { border-radius:27px;overflow:hidden; } .recipe-demo { border:1px solid var(--line);background:#fff; } .demo-photo { height:220px;position:relative;overflow:hidden; } .demo-photo img { width:100%;height:100%;object-position:center 51%; } .mini-tag { position:absolute;bottom:16px;left:21px;background:#FFF9;padding:8px 10px;border-radius:8px;backdrop-filter:blur(10px);font-size:9px;font-weight:800;letter-spacing:1px; } .recipe-demo-body { padding:31px; } .feature-number { font-size:10px;font-weight:800;letter-spacing:1.5px;line-height:1.5; } h3 { font-size:30px;line-height:1.15;letter-spacing:-1px;font-weight:750;margin-top:16px; } .recipe-demo-body>p,.journey-copy>p { color:var(--muted);font-size:14px;line-height:1.9;margin-top:17px;max-width:430px; } .recipe-options { display:flex;gap:7px;flex-wrap:wrap;margin-top:23px; } .recipe-options button { display:flex;align-items:center;gap:9px;border:1px solid #DAE1D2;border-radius:10px;padding:10px 11px;min-height:44px;background:#FFF;color:var(--ink);font-size:11px;font-weight:650; } .recipe-options button span { font-size:16px;color:#65795B; } .recipe-options button[aria-pressed=true] { background:#EDF5E6;border-color:#809D68; } .recipe-demo-body .recipe-summary { font-weight:650;color:#456534;font-size:12px;min-height:46px;margin-top:16px; } .recipe-demo small,.journey-demo>small { display:block;color:#697266;font-size:10px;line-height:1.8; }
  .journey-demo { background:#1B2D22;padding:34px 31px;display:flex;flex-direction:column;justify-content:space-between;color:#F4F6EE; } .journey-copy { margin-bottom:28px; } .journey-copy .feature-number { color:#B8D49D; } .journey-copy>p { color:#BDCABD; } .journey-copy h3 { font-size:32px;margin-top:20px; } .journey-scene { background:#F8FAF1;color:var(--ink);border:1px solid #E4ECD7;border-radius:21px;padding:20px 19px 15px; } .journey-stage { display:flex;gap:7px;align-items:center;font-size:12px; } .journey-stage .status-dot { margin-top:0;background:var(--red); } .illustrative { margin-left:auto;font-size:8px;letter-spacing:1px;color:#64735A;font-weight:800; } .journey-track { height:146px;position:relative;margin-inline:4px; } .track-line { position:absolute;left:48px;right:48px;bottom:20px;height:6px;background:#DDE6D1;border-radius:6px; } .track-line span { display:block;width:var(--journey-progress,0%);height:100%;background:var(--green);border-radius:6px;transition:width 1.2s cubic-bezier(.22,.61,.36,1); } .rider-lane { position:absolute;left:48px;right:48px;bottom:25px;height:0;pointer-events:none; } .track-rider { position:absolute;bottom:0;left:var(--journey-progress,0%);width:118px;transform:translateX(-50%);transition:left 1.2s cubic-bezier(.22,.61,.36,1); } .track-rider img { object-fit:contain;width:118px;height:91px; } .track-start,.track-end { position:absolute;bottom:9px;width:27px;height:27px;background:#FFF;border:1px solid #CDDABF;border-radius:50%;display:grid;place-items:center;color:#506B3D; } .track-start { left:35px; } .track-end { right:35px; } .track-start svg,.track-end svg { width:14px;height:14px; } .track-labels { display:flex;justify-content:space-between;padding-inline:35px;font-size:10px;font-weight:650;color:#64735A; } .journey-buttons { display:flex;gap:4px;border-top:1px solid #DEE7D3;margin-top:18px;padding-top:14px; } .journey-buttons button { flex:1;border:0;border-radius:8px;background:transparent;font-size:10px;color:#5D6B55;padding:10px 4px;min-height:40px;font-weight:650; } .journey-buttons button[aria-pressed=true] { background:#E4EED9;color:#344F21; } .journey-demo>small { color:#BBCBB8;margin-top:25px;max-width:420px; }
  .restaurant-story { background:#EEEFE5;border-block:1px solid #E0E3D5; } .restaurant-grid { display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:78px; } .restaurant-photo { position:relative;height:600px;border-radius:28px 28px 170px 28px;overflow:hidden; } .restaurant-photo>img { height:100%;width:100%;object-position:48% center; } .photo-label { position:absolute;bottom:28px;left:22px;right:22px;padding:15px 13px;border-radius:14px;background:#FFF8;backdrop-filter:blur(12px);font-size:11px;font-weight:700;display:flex;gap:11px;align-items:center; } .restaurant-copy>p:not(.eyebrow):not(.micro-copy) { margin-top:25px;font-size:15px;line-height:1.9;color:var(--muted); } .benefit-list { margin:29px 0 30px;padding:0;list-style:none;display:grid;gap:21px; } .benefit-list li { display:flex;gap:11px; } .benefit-list li>svg { color:#4D7034;margin-top:2px;width:18px; } .benefit-list strong { font-size:13px;line-height:1.8;display:block; } .benefit-list span { display:block;font-size:12px;line-height:1.8;color:var(--muted);margin-top:3px; } .micro-copy { font-size:10px;line-height:1.8;color:var(--muted);margin-top:17px;max-width:370px; }
  .partner-section { display:grid;grid-template-columns:.9fr 1.1fr;gap:95px;align-items:start; } .partner-intro { position:sticky;top:35px; } .partner-intro>p:not(.eyebrow) { color:var(--muted);font-size:15px;line-height:1.9;margin-top:25px; } .privacy-promise { display:flex;gap:13px;margin-top:30px;padding-top:27px;border-top:1px solid var(--line); } .privacy-promise>svg { color:#597A41;width:23px; } .privacy-promise p { color:var(--muted);font-size:12px;line-height:1.9; } .pilot-card { display:flex;gap:20px;align-items:center;background:#EDF2E5;border:1px solid #DDE5D0;padding:23px;border-radius:20px;margin-top:35px; } .pilot-card>img { width:48px;height:55px;object-fit:contain; } .pilot-card strong { font-size:14px; } .pilot-card p { color:var(--muted);font-size:11px;line-height:1.8;margin-top:7px; }
  .faq { display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;border-top:1px solid var(--line); } .faq-list details { border-bottom:1px solid var(--line);padding:22px 0; } .faq-list details:first-child { padding-top:8px; } .faq-list summary { list-style:none;cursor:pointer;font-size:15px;font-weight:650;line-height:1.6;padding-right:35px;position:relative; } .faq-list summary::-webkit-details-marker { display:none; } .faq-list summary::after { content:"+";position:absolute;right:0;top:0;font-size:22px;font-weight:400;color:#6D835B; } .faq-list details[open] summary::after { content:"−"; } .faq-list p { color:var(--muted);font-size:13px;line-height:1.9;padding-top:16px;padding-right:25px; }
  .site-footer { background:#EAEFDF;border-top:1px solid #DAE2CC; } .footer-top { padding-block:47px;display:flex;gap:50px;justify-content:space-between;align-items:center; } .footer-top>p { font-size:25px;font-weight:700;letter-spacing:-.8px;line-height:1.2; } .footer-top>a:last-child { font-size:12px;font-weight:700;text-decoration:none;display:flex;gap:15px;align-items:center; } .footer-bottom { display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;font-size:10px;line-height:1.8;color:var(--muted);padding-block:22px;border-top:1px solid #D5DFC8; }
}
@layer components {
  .button { text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:19px;min-height:53px;border-radius:13px;padding:16px 20px;border:1px solid transparent;font-size:12px;font-weight:750;line-height:1.5;transition:transform .16s ease,background-color .16s ease; } .button:hover:not(:disabled) { transform:translateY(-2px); } .button:active:not(:disabled) { transform:translateY(0); } .button-small { min-height:46px;padding:12px 16px;font-size:11px;gap:13px; } .button-red { background:var(--red);color:#fff; } .button-red:hover { background:#A12623; } .button-dark { background:var(--ink);color:#fff; } .quiet-link { display:flex;align-items:center;gap:10px;min-height:44px;font-size:12px;font-weight:650;text-decoration:none; } .quiet-link svg { width:17px; } .skip-link { position:absolute;top:-80px;left:20px;z-index:10;background:var(--ink);color:#fff;padding:15px;border-radius:10px; } .skip-link:focus { top:15px; }
  .inquiry-card { border:1px solid var(--line);background:#fff;border-radius:27px;padding:34px;box-shadow:0 15px 50px #263B1810; } .form-heading h3 { margin-top:10px;font-size:29px; } .form-status { margin-top:24px;border-radius:12px;padding:13px 15px;font-size:12px;line-height:1.8;background:#F0F4E9;color:#4B623C; } .form-status.is-unavailable { background:#FFF3E4;color:#795C2B; } .form-grid { display:grid;grid-template-columns:1fr 1fr;gap:19px 15px;margin-top:25px; } fieldset { padding:0;margin:0;border:0;min-width:0; } .form-grid label { display:flex;gap:8px;flex-direction:column;font-size:12px;font-weight:650;line-height:1.6; } .form-grid .full { grid-column:1/-1; } input:not([type=checkbox]),textarea { background:#FBFCF7;border:1px solid #DCE2D4;border-radius:10px;padding:13px 12px;min-height:47px;width:100%;font-size:12px;font-weight:400;color:var(--ink); } textarea { resize:vertical;min-height:90px; } input::placeholder,textarea::placeholder { color:#64735A;opacity:1; } fieldset:disabled input,fieldset:disabled textarea { background:#F5F6F2;color:#71806B;opacity:.7; } fieldset:disabled .submit-button { background:#ADB3A4;color:#fff;opacity:.8; } .optional { font-size:10px;font-weight:400;color:var(--muted);margin-top:-7px; } .honey { position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden; } .privacy-details { margin-top:22px;font-size:11px;line-height:1.9; } .privacy-details summary { cursor:pointer;font-weight:650;color:#4E673B;min-height:36px;padding-block:8px; } #privacy-notice { padding:14px;border:1px solid var(--line);background:#F8FAF3;border-radius:10px;white-space:pre-line;overflow-wrap:anywhere;color:var(--muted); } .acknowledgement { display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.9;margin-top:14px; } .acknowledgement input { width:17px;height:17px;accent-color:#597A41;flex-shrink:0;margin-top:3px; } .submit-button { width:100%;margin-top:22px; } .form-footnote { font-size:10px;color:var(--muted);line-height:1.8;margin-top:17px; } .field-error:empty { display:none; } .field-error { color:#A32D28;font-size:10px;line-height:1.7;font-weight:500; } [aria-invalid=true] { border-color:#B82E2A!important; } .text-button { padding:10px 0;min-height:42px;border:0;background:none;color:var(--red);font-size:11px;font-weight:700;text-align:left; } .submission-status { margin-top:22px;padding:17px;border-radius:13px;background:#F1F5EA;font-size:12px;line-height:1.9;white-space:pre-line;overflow-wrap:anywhere; } .submission-status.is-error { background:#FFF0E9;color:#8A3126; } .submission-status.is-confirmed { background:#E7F2DC;color:#375223; } .retry-submit { margin-top:14px;width:100%; }
  .js-motion .reveal { opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,.61,.36,1); } .js-motion .reveal.is-visible { opacity:1;transform:none; }
}
@layer responsive {
  @media(min-width:1500px) { .wrap { width:min(1280px,calc(100% - 128px)); } }
  @media(max-width:1100px) { .wrap { width:calc(100% - 64px); } .site-header nav { gap:20px;margin-right:0; } .site-header>.button { display:none; } .hero { gap:38px;padding-block:65px 90px; } h1 { font-size:70px;letter-spacing:-4px; } .hero-photo { height:460px;border-top-left-radius:140px; } .recipe-float { left:-20px;right:5px;padding:15px;gap:9px; } .recipe-float strong { font-size:13px; } .recipe-float div>span { font-size:10px; } .chef-stamp { left:-18px;width:100px;height:100px; } .chef-stamp img { height:43px;width:45px; } .restaurant-grid { gap:45px; } .restaurant-photo { height:570px; } .partner-section { gap:50px; } .inquiry-card { padding:28px; } .flavour-strip { gap:22px;justify-content:flex-start; } .flavour-strip span { font-size:14px; } .faq { gap:60px; } }
  @media(max-width:760px) { .wrap { width:calc(100% - 40px); } .section-pad { padding-block:70px; } .site-header { padding-block:16px;gap:16px; } .brand img { width:136px;height:46px; } .site-header nav { gap:16px; } .site-header nav a { font-size:11px; } .site-header nav a:first-child,.site-header nav a:last-child { display:none; } .hero { grid-template-columns:1fr;gap:40px;padding-block:44px 63px; } .hero-copy { max-width:620px; } h1 { font-size:clamp(55px,12vw,76px);letter-spacing:-3.5px;margin-top:18px; } .hero-description { font-size:15px;line-height:1.8;margin-top:23px;max-width:480px; } .hero-actions { margin-top:25px;gap:22px; } .availability { margin-top:21px;font-size:10px;max-width:370px; } .hero-visual { margin-left:18px;margin-right:4px;padding-bottom:26px; } .hero-photo { height:370px;border-radius:100px 23px 23px 23px; } .hero-photo>img { object-position:center 55%; } .chef-stamp { top:0;left:-18px;width:95px;height:95px; } .recipe-float { left:-18px;right:20px;padding:15px;bottom:2px; } .recipe-float strong { font-size:14px; } .flavour-strip { padding-block:17px;gap:22px; } h2 { font-size:39px;letter-spacing:-1.6px; } .section-heading>p:last-child { font-size:14px;line-height:1.85;margin-top:20px; } .experience-grid { grid-template-columns:1fr;gap:23px;margin-top:30px; } .recipe-demo-body { padding:25px; } .demo-photo { height:220px; } .journey-demo { padding:29px 25px;gap:25px; } .journey-copy { margin-bottom:0; } .journey-copy h3 { font-size:30px; } .journey-scene { padding:19px 16px 14px; } .track-rider { width:105px; } .track-rider img { width:105px;height:83px; } .restaurant-grid { grid-template-columns:1fr;gap:34px; } .restaurant-photo { height:370px;border-radius:24px 24px 100px 24px; } .restaurant-photo img { object-position:center 50%; } .restaurant-copy h2 { font-size:40px; } .restaurant-copy>p:not(.eyebrow):not(.micro-copy) { font-size:14px; } .partner-section { grid-template-columns:1fr;gap:30px; } .partner-intro { position:static; } .partner-intro h2 { font-size:43px; } .pilot-card { display:none; } .privacy-promise { margin-top:20px;padding-top:20px; } .inquiry-card { padding:24px 20px;border-radius:23px; } .form-heading h3 { font-size:27px; } .form-grid { gap:17px 12px; } .form-grid label { font-size:11px; } input:not([type=checkbox]),textarea { font-size:16px;padding:12px 11px; } .form-grid label:first-child { grid-column:1/-1; } .form-grid label:nth-child(2),.form-grid label:nth-child(4),.form-grid label:nth-child(5) { grid-column:1/-1; } .faq { grid-template-columns:1fr;gap:30px; } .faq-list summary { font-size:14px; } .footer-top { padding-block:32px;gap:25px;flex-wrap:wrap; } .footer-top>p { font-size:22px; } .footer-top>a:last-child { width:100%;font-size:12px; } .footer-bottom { padding-block:20px;gap:12px; } .footer-bottom span:first-child { width:100%; } }
  @media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important; } .js-motion .reveal { opacity:1;transform:none; } }
}