@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#173e32;--cream:#f8f6ef;--lime:#d7ed88;--orange:#ed7545;--muted:#6c766d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--green);font-family:'DM Sans',sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}.nav{max-width:1320px;margin:auto;padding:28px 48px;display:flex;justify-content:space-between;align-items:center}.logo{font-family:Manrope,sans-serif;font-size:34px;font-weight:800;letter-spacing:-2px}.logo span{color:var(--orange)}nav{display:flex;gap:32px;align-items:center;font-size:14px}nav .nav-cta{border:1px solid #b8c1b6;border-radius:30px;padding:12px 20px}.hero{max-width:1320px;margin:35px auto 70px;padding:0 48px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:700;display:flex;align-items:center;gap:9px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#6b9240}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(54px,6.4vw,86px);letter-spacing:-5px;line-height:1.06;margin:25px 0}h1 em{font-style:normal;background:var(--lime);padding:0 10px 5px;margin-left:-10px;border-radius:7px}.intro{font-size:18px;line-height:1.7;max-width:435px;color:#56685b}.actions{display:flex;gap:25px;align-items:center;margin-top:30px}.button{border:0;background:var(--green);color:white;padding:17px 23px;border-radius:8px;display:inline-flex;justify-content:space-between;gap:25px;align-items:center;font-size:14px;font-weight:600}.button:hover{background:#295842}.text-link{font-size:13px;font-weight:600;border:0;background:transparent;padding:0;text-decoration:underline;text-underline-offset:5px}.hero-note{font-size:11px;color:var(--muted);margin-top:20px}.hero-art{height:570px;background:#e4e9db;border-radius:14px;position:relative;overflow:hidden;background-image:radial-gradient(#bfcab5 .6px,transparent .6px);background-size:8px 8px}.art-top,.art-bottom{position:absolute;left:25px;right:25px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;font-weight:700}.art-top{top:25px}.art-top span:last-child{color:#ad5235}.art-bottom{bottom:25px}.art-bottom span{font-weight:400}.fries{position:absolute;left:40px;top:140px;width:200px;height:255px;transform:rotate(-12deg)}.fries i{position:absolute;width:24px;background:#ecc36b;border-radius:5px 5px 0 0;height:170px;top:-50px;border-left:5px solid #f5d990;transform:rotate(-8deg)}.fries i:nth-child(1){left:12px;top:-10px;transform:rotate(-19deg)}.fries i:nth-child(2){left:42px;top:-36px}.fries i:nth-child(3){left:72px;top:-55px;transform:rotate(3deg)}.fries i:nth-child(4){left:102px;top:-31px;transform:rotate(-3deg)}.fries i:nth-child(5){left:132px;top:-38px;transform:rotate(13deg)}.fries i:nth-child(6){left:158px;top:0;transform:rotate(22deg)}.carton{position:absolute;top:65px;background:var(--orange);width:200px;height:185px;clip-path:polygon(0 0,100% 0,86% 100%,14% 100%);display:grid;place-items:center;box-shadow:inset -20px 0 #db6237}.carton span{font-size:85px;font-weight:800;color:#fff0d6;letter-spacing:-8px}.ticket{position:absolute;right:28px;top:180px;background:#fffef8;width:225px;padding:25px 22px;transform:rotate(8deg);box-shadow:0 12px 28px #18392212;border-bottom:5px dotted #e4e9db}.ticket>span{font-size:9px;letter-spacing:2px}.ticket h3{font-family:Manrope;font-size:26px;letter-spacing:-1px;margin:17px 0 24px;line-height:1.15}.ticket p{font-size:10px;display:flex;justify-content:space-between;gap:8px}.ticket-total{display:flex;justify-content:space-between;border-top:1px dashed #bfc8bb;padding-top:15px;margin-top:18px;font-size:12px}.ticket small{display:block;font-size:8px;color:var(--muted);margin-top:22px}.call-card{position:absolute;left:25px;right:25px;top:85px;display:flex;align-items:center;gap:12px;background:var(--green);color:white;border-radius:10px;padding:19px;z-index:1;box-shadow:0 8px 30px #173e3220}.call-card small{font-size:8px;letter-spacing:1px;color:#c2d5bb}.call-card strong{display:block;font-size:16px;margin:7px 0}.call-card div>span{font-size:10px;color:#c2d5bb}.phone-icon{background:var(--lime);color:var(--green);border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:23px}.wave{margin-left:auto;display:flex;gap:3px;align-items:center}.wave b{width:3px;height:18px;background:var(--lime);border-radius:3px}.wave b:nth-child(2n){height:30px}.ribbon{border-top:1px solid #d8ddcf;border-bottom:1px solid #d8ddcf;display:flex;justify-content:center;gap:65px;padding:25px 30px;font-size:17px}.ribbon>span:last-child{color:var(--orange);font-size:24px}.section{max-width:1224px;margin:auto;padding:95px 0}h2{font-family:Manrope,sans-serif;font-size:clamp(32px,4vw,49px);line-height:1.15;letter-spacing:-2px;margin:20px 0}.how{display:grid;grid-template-columns:1fr 1fr;gap:80px}.section-intro{font-size:16px;line-height:1.7;max-width:380px;color:var(--muted)}.steps article{display:flex;gap:25px;padding:23px 0;border-bottom:1px solid #d9decf}.steps article:first-child{padding-top:10px}.steps article>span{font-size:13px;background:#e8eddf;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;flex-shrink:0}.steps h3{font-size:19px;margin:4px 0 10px}.steps p{font-size:14px;color:var(--muted);line-height:1.7;margin:0}.demo{border-top:1px solid #d9decf}.demo-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.demo-heading h2{margin-bottom:0}.demo-heading h2 span{color:var(--orange)}.demo-heading>p{max-width:370px;color:var(--muted);font-size:15px;line-height:1.7}.demo-bar{background:var(--green);color:#fff;padding:17px 25px;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px}.demo-bar .dot{background:var(--lime);margin-right:8px}.quiet{border:0;background:transparent;color:inherit;font-size:12px}.demo-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d4dccc;border-top:0;background:#fffef9;border-radius:0 0 12px 12px;overflow:hidden}.order-panel,.pos-panel{padding:30px}.pos-panel{background:#edf0e6;border-left:1px solid #d4dccc}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.panel-heading h3{margin:0;font-size:19px;letter-spacing:-.4px}.panel-heading>span{font-size:9px;letter-spacing:1px;color:var(--muted)}.panel-heading .live{color:#537a38}.menu-item{display:grid;grid-template-columns:1fr 120px 72px;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #eaede3}.menu-item strong{display:block;font-size:14px}.menu-item small{font-size:12px;color:var(--muted)}select,input{background:#fffef9;color:var(--green);border:1px solid #d4dccc;border-radius:5px;padding:8px;min-width:0}select{font-size:11px}input[type=number]{width:65px}.name-label{display:block;font-size:12px;margin:25px 0 8px}#customer{width:100%;padding:12px}.order-total{display:flex;justify-content:space-between;margin:22px 0;font-size:15px}.order-total strong{font-size:23px}.order-panel>.button{width:100%}.fine{font-size:10px;color:var(--muted);line-height:1.7}.empty{border:1px dashed #b9c6ae;min-height:290px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.empty .empty-icon{font-size:36px;font-weight:400;margin-bottom:12px}.empty strong{font-size:16px}.empty p{font-size:13px;line-height:1.7;color:var(--muted);max-width:250px}.order-card{background:#fffef9;border-radius:8px;padding:22px;margin-bottom:15px;border-top:3px solid var(--orange)}.order-card.accepted{border-top-color:#6b9240}.order-card-head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:20px}.order-card-head span{color:var(--muted);font-size:10px}.order-card ul{padding:0;list-style:none;font-size:13px;line-height:1.8}.order-card .amount{display:flex;justify-content:space-between;border-top:1px dashed #d4dccc;padding-top:13px;font-size:13px}.order-card button{margin-top:16px;padding:10px 15px;font-size:12px}.order-card .accepted-label{font-size:12px;color:#537a38;margin-top:15px}.connection{display:flex;gap:15px;margin-top:25px}.connection>span{font-size:25px}.connection strong{font-size:13px}.connection p{font-size:12px;line-height:1.7;color:var(--muted)}pre{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;background:#173e32;color:#d7ed88;border-radius:7px;padding:18px}.phone-demo{display:flex;align-items:center;gap:22px;margin-top:22px;border:1px solid #d4dccc;padding:25px;border-radius:10px}.phone-badge{background:#e7ebdf;min-width:55px;height:55px;border-radius:50%;display:grid;place-items:center;font-size:26px}.phone-demo h3{margin:0 0 8px;font-size:17px}.phone-demo p{font-size:13px;line-height:1.7;color:var(--muted);margin:0;max-width:670px}.status-pill{margin-left:auto;background:#eae7dc;border-radius:25px;padding:10px 15px;font-size:11px;white-space:nowrap}.fit{padding-top:0}.fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:40px}.fit-grid article>span{font-size:25px;display:inline-block;background:#e8eddf;border-radius:50%;width:50px;height:50px;text-align:center;padding-top:9px}.fit-grid h3{font-size:18px;margin-top:22px}.fit-grid p{color:var(--muted);font-size:14px;line-height:1.7}.pilot{background:var(--green);color:var(--cream);text-align:center;padding:80px 25px}.pilot .eyebrow{justify-content:center;color:var(--lime)}.pilot h2{font-size:58px;letter-spacing:-3px}.pilot>p:not(.eyebrow){max-width:490px;margin:20px auto 30px;font-size:16px;line-height:1.7;color:#c1cdbd}.light{background:var(--lime);color:var(--green)}.light:hover{background:#e1f0a8}#pilot-details{max-width:600px;margin:30px auto;padding:20px;border:1px solid #647c65;border-radius:8px;text-align:left;font-size:14px;line-height:1.7}footer{max-width:1320px;padding:35px 48px;margin:auto;display:flex;align-items:center;justify-content:space-between}footer p{font-size:13px}footer>span{font-size:10px;color:var(--muted)}@media(min-width:1600px){.hero{margin-top:55px}}@media(max-width:1300px){.section{margin:0 48px}}@media(max-width:900px){.hero{gap:25px}.hero h1{font-size:61px;letter-spacing:-3px}.hero-art{height:510px}.ticket{right:18px;width:200px;top:215px}.fries{left:18px;top:160px;transform:rotate(-15deg) scale(.85);transform-origin:left center}.call-card{padding:14px;left:15px;right:15px}.call-card strong{font-size:13px}.wave{display:none}.actions{gap:17px;flex-wrap:wrap}.ribbon{gap:25px;font-size:13px}.how{gap:30px}.menu-item{grid-template-columns:1fr 96px 57px;gap:6px}.menu-item input{width:54px}.order-panel,.pos-panel{padding:20px}.phone-demo{flex-wrap:wrap}.status-pill{margin-left:77px}.fit-grid{gap:25px}}@media(max-width:650px){.nav{padding:22px}.logo{font-size:29px}nav{gap:15px}nav>a:first-child{display:none}nav .nav-cta{padding:9px 12px;font-size:11px}.hero{padding:0 22px;grid-template-columns:1fr;margin:25px 0 35px;gap:35px}.hero h1{font-size:64px}.intro{font-size:16px}.hero-art{height:450px}.ticket{right:26px;top:190px;width:210px}.fries{left:35px;top:135px}.call-card strong{font-size:15px}.art-top{font-size:9px}.ribbon{gap:8px;flex-wrap:wrap;padding:22px;font-size:12px}.ribbon>span:last-child{display:none}.ribbon strong{width:100%;text-align:center}.section{margin:0 22px;padding:60px 0}.how{grid-template-columns:1fr;gap:20px}h2{font-size:37px}.demo-heading{display:block}.demo-heading>p{margin-top:22px}.demo-grid{grid-template-columns:1fr}.pos-panel{border-left:0;border-top:1px solid #d4dccc}.demo-bar{padding:15px;font-size:8px}.quiet{font-size:10px}.menu-item{grid-template-columns:1fr 110px 62px}.menu-item input{width:60px}.phone-demo{gap:14px;padding:20px}.phone-demo>div:nth-child(2){flex:1}.status-pill{margin-left:69px}.fit{padding-top:10px}.fit-grid{grid-template-columns:1fr;gap:20px}.fit-grid article{border-bottom:1px solid #d4dccc;padding-bottom:20px}.fit-grid h3{margin-top:15px}.pilot{padding:60px 22px}.pilot h2{font-size:44px}footer{padding:25px 22px;flex-wrap:wrap;gap:12px}footer>span{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
