:root {
	--text: #334155;
	--primary: #f8888d;
	--border-light: #e6e7ea;
	--border-dark: #d1d5da;
	--background-highlight: #effafa;
	--save: #3b83f5;
}

/* dm-sans-regular - latin */
@font-face {
font-display: swap;
font-family: 'DM Sans';
font-style: normal;
font-weight: 400;
src: url('../fonts/dm-sans-v11-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/dm-sans-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/dm-sans-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/dm-sans-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/dm-sans-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/dm-sans-v11-latin-regular.svg#DMSans') format('svg'); /* Legacy iOS */
}
/* dm-sans-italic - latin */
@font-face {
font-display: swap;
font-family: 'DM Sans';
font-style: italic;
font-weight: 400;
src: url('../fonts/dm-sans-v11-latin-italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/dm-sans-v11-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/dm-sans-v11-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/dm-sans-v11-latin-italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/dm-sans-v11-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/dm-sans-v11-latin-italic.svg#DMSans') format('svg'); /* Legacy iOS */
}
/* dm-sans-500 - latin */
@font-face {
font-display: swap;
font-family: 'DM Sans';
font-style: normal;
font-weight: 500;
src: url('../fonts/dm-sans-v11-latin-500.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/dm-sans-v11-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/dm-sans-v11-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/dm-sans-v11-latin-500.woff') format('woff'), /* Modern Browsers */
url('../fonts/dm-sans-v11-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/dm-sans-v11-latin-500.svg#DMSans') format('svg'); /* Legacy iOS */
}
/* dm-sans-500italic - latin */
@font-face {
font-display: swap;
font-family: 'DM Sans';
font-style: italic;
font-weight: 500;
src: url('../fonts/dm-sans-v11-latin-500italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/dm-sans-v11-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/dm-sans-v11-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/dm-sans-v11-latin-500italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/dm-sans-v11-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/dm-sans-v11-latin-500italic.svg#DMSans') format('svg'); /* Legacy iOS */
}
/* dm-sans-700 - latin */
@font-face {
font-display: swap;
font-family: 'DM Sans';
font-style: normal;
font-weight: 700;
src: url('../fonts/dm-sans-v11-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/dm-sans-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/dm-sans-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/dm-sans-v11-latin-700.woff') format('woff'), /* Modern Browsers */
url('../fonts/dm-sans-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/dm-sans-v11-latin-700.svg#DMSans') format('svg'); /* Legacy iOS */
}
/* dm-sans-700italic - latin */
@font-face {
font-display: swap;
font-family: 'DM Sans';
font-style: italic;
font-weight: 700;
src: url('../fonts/dm-sans-v11-latin-700italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/dm-sans-v11-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/dm-sans-v11-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/dm-sans-v11-latin-700italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/dm-sans-v11-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/dm-sans-v11-latin-700italic.svg#DMSans') format('svg'); /* Legacy iOS */
}


*{box-sizing: border-box;}

body{margin:0;padding:0;background:#fff;color: var(--text);font-size:20px;font-family: 'DM Sans', sans-serif;line-height:1.6}

h1{color:#000;font-weight:400;letter-spacing:-2px;font-size:50px;line-height:1.4;}
h2{color:#000;font-weight:500;letter-spacing:-2px;font-size:40px;line-height:1.1}
h3{color:#000;font-weight:400;letter-spacing:-1px;line-height:1.2}
h4{color:#000;font-weight:400;letter-spacing:-1px;line-height:1.2}

p{margin:0 0 1.5em 0;}

a{color:#000;}

hr{border:none;border-bottom:1px solid var(--primary);margin:50px 0;display:none}

img{max-width:100%;height:auto}

.visible-desktop{display:block;}
.visible-desktop-inline{display:inline;}
.hidden-desktop{display:none;}

@media (max-width: 1023px) {
	.visible-tablet{display:block;}
	.hidden-tablet{display:none;}
}

@media (max-width: 599px) {
	body{font-size:16px;}
	.visible-mobile{display:block;}
	.hidden-mobile{display:none;}
}

.button{display:inline-flex;align-items:center;background:var(--save);color:#fff;border-radius:5px;text-decoration: none;padding:.7em 1.5em;box-shadow: rgb(0 0 0 / 5%) 2px 2px 1px;transition:.2s all;position:relative;}
.button:hover{background:#056bd7;top:1px;left:1px;box-shadow:none}
.button svg{width:24px;height:24px;vertical-align:middle;margin:0 0 0 5px}


@media (max-width: 600px) {
	
	.button{padding:.5em 1.25em}

}


/*******************************************************/
/* Layout
/*******************************************************/

.site-wrapper{border-top:15px solid var(--primary)}
.container{padding:0 20px;max-width:1100px;margin:0 auto}


/*******************************************************/
/* Header
/*******************************************************/

.header{padding: 30px 0px;z-index:10;background:#fbeed4;}
.header .container{display: flex;align-items: center;}

.logo{flex: 1;font-size:50px;line-height:1.1;letter-spacing:-1px;font-weight:bold;display:flex;align-items: center;color:#000}
.logo img{width:350px;}

.nav{}
.nav .button{}
.nav a:not(.button){margin:0 30px 0 0}

@media (max-width: 600px) {

	.site-wrapper{border-top:5px solid var(--primary)}

	.header{font-size:.8em;padding:10px 0 30px 0}

	.header .container{}
	
	.logo{}
	.logo img{width:150px;}
	.nav{}

}


/*******************************************************/
/* Hero
/*******************************************************/

.hero{padding:1px 0 0px 0;background:#fbeed4;position:relative}
.hero:after{content:"";display:block;position:absolute;top:65%;left:0;right:0;bottom:0;background:#fe8a83}

.hero h1{color:#f27d77;color:#000;font-size:50px;line-height:1.2;text-align:center;margin:0 0 50px 0}
.hero h1 span{color:#000;font-size:60px;font-weight:500}
.hero h1 strong{position:relative;display:inline-block}
.hero h1 strong:after{content:"";display:block;position:absolute;top:.9em;width:100%;background: url(../images/underline.png) bottom no-repeat;background-size:contain;height:30px;}


.reviews{max-width:560px;margin:0 auto;}
.review-card{background:#fff;border-radius:18px;margin:0 0 20px 0;padding:22px 26px;position:relative;z-index:1;box-shadow:0 10px 30px rgba(51,65,85,0.12)}
.review-card:last-child{margin-bottom:0;}
.review-card__head{display:flex;align-items:center;gap:16px;padding:0 0 16px 0;border-bottom:1px solid var(--border-light)}
.review-card__heading{flex:1;min-width:0}
.review-card__name{font-size:1.4em;font-weight:700;color:#000;line-height:1.2;letter-spacing:-.5px}
.review-card__date{font-size:.85em;color:#94a3b8;margin:2px 0 0 0}
.review-card__score{flex:none;width:3em;height:3em;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.15em;font-weight:700;color:#1f2937}
.review-card__dishes{padding:16px 0 0 0}
.review-card__dish{display:flex;align-items:flex-start;gap:16px;margin:0 0 14px 0}
.review-card__dish:last-child{margin:0;}
.review-card__dish-info{flex:1;min-width:0}
.review-card__dish-name{font-weight:500;color:#000;line-height:1.3;position:relative;padding-left:18px}
.review-card__dish-name:before{content:"•";color:#cbd5e1;position:absolute;left:0;top:0}
.review-card__dish-note{font-size:.85em;color:#94a3b8;line-height:1.3;margin:1px 0 0 18px}
.review-card__dish-rating{flex:none;font-weight:700}

.reviews-status{margin:20px 0 0 0;text-align:right}
.reviews-status .reviews-status__text{}

@media (min-width: 1000px){
	.reviews{max-width:none;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
	.review-card{margin:0}
	.review-card:last-child{margin:0}
}


@media (max-width: 600px) {

	.hero:after{top:60%;}

	.hero h1{font-size:30px;margin:0 0 30px 0;line-height:1}
	.hero h1 span{font-size:35px;margin:15px 0 0 0;display:block}
	.hero h1 strong{}
	.hero h1 strong:after{display:none;}

	.reviews{}
	.review-card{margin:0 0 12px 0;padding:18px 20px;border-radius:14px}
	.review-card__head{padding-bottom:12px}
	.review-card__name{font-size:1.2em}
	.review-card__score{width:2.6em;height:2.6em;font-size:1em}
	.review-card__dishes{padding-top:12px}
	
}

/*******************************************************/
/* When eating out
/*******************************************************/

.when-eating-out{background:#fe8a83;padding:75px 0 30px 0}

.when-eating-out h2{color:#fff;font-size:65px;max-width:900px;margin:0 0 50px 0}
.when-eating-out h2 span{display:block;text-align:right}
.when-eating-out__wrapper{display:flex;}
.when-eating-out__start{flex:1;}
.when-eating-out__end{width:45%;margin:0 0 0 50px}


.quote{border-radius:10px;background:#fff;padding:20px 30px;font-size:40px;position:relative;font-weight:500;margin:0 0 30px 0;color:#000}
.quote svg{position:absolute;right:-30px;top:50%;transform: translateY(-50%);width:36px;height:36px;fill:#fff}
.quote--blue{background:#bcf8f5;margin-right:-50px;}
.quote--blue svg{fill:#bcf8f5}
.quote--orange{background:#ffea97}
.quote--orange svg{fill:#ffea97}
.quote--green{background:#cefec0;margin-right:-50px;}
.quote--green svg{fill:#cefec0}

@media (max-width: 600px) {

	.when-eating-out{padding:30px 0 30px 0;}
	.when-eating-out h2{font-size:30px;margin:0 0 30px 0;text-align:left}
	.when-eating-out h2 span{}

	.when-eating-out__wrapper{display:block;}
	.when-eating-out__end{width:auto;margin:50px 0 0 0;text-align:center}
	.when-eating-out__end img{width:auto;max-height:300px}

	.quote{padding:20px 30px;font-size:20px;margin:0 auto 30px auto;text-align:center;max-width:90%}
	.quote svg{transform:rotate(90deg);top:auto;bottom:-20px;left:48%;right:auto;width:24px;height:24px}

}

/*******************************************************/
/* Remember what to order
/*******************************************************/

.remember-what-to-order{background:#acdaf3;padding:75px 0 0 0}
.remember-what-to-order h2{font-size:50px;margin:0 0 30px 0}
.remember-what-to-order__wrapper{display:flex;}
.remember-what-to-order__start{width:35%;margin:0 50px 0 0;font-size:0}
.remember-what-to-order__start img{}
.remember-what-to-order__end{flex:1;}


@media (max-width: 600px) {

	.remember-what-to-order{padding:50px 0 0 0;}
	.remember-what-to-order h2{font-size:30px;margin:0 0 20px 0}
	.remember-what-to-order__wrapper{flex-direction:column;}
	.remember-what-to-order__start{width:100%;margin:0;order:2;text-align:center}
	.remember-what-to-order__start img{width:auto;max-height:300px;}
	.remember-what-to-order__end{}

}

/*******************************************************/
/* Showcase
/*******************************************************/

.showcase{background:#fdf3e0;padding:75px 0 80px 0}
.showcase__intro{text-align:center;margin:0 auto 70px auto;max-width:760px}
.showcase__intro h2{font-size:46px;margin:0 0 18px 0}
.showcase__intro p{color:var(--text);max-width:680px;margin:0 auto}

.showcase__row{display:flex;align-items:center;gap:70px;margin:0 0 100px 0}
.showcase__row--reverse{flex-direction:row-reverse}
.showcase__text{flex:1}
.showcase__num{display:inline-block;font-size:.85em;font-weight:700;letter-spacing:2px;color:var(--primary)}
.showcase__badge{display:inline-block;margin:0 0 0 10px;background:var(--primary);color:#fff;font-size:.62em;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:3px 10px;border-radius:999px;vertical-align:middle;position:relative;top:-2px}
.showcase__text h3{font-size:36px;letter-spacing:-1px;font-weight:500;margin:14px 0 18px 0}
.showcase__text p{font-size:1.05em;line-height:1.5;color:var(--text);margin:0}

.showcase__media{flex:none;width:320px}
.phone{display:block;width:100%;height:auto;border-radius:36px;border:1px solid var(--border-light);box-shadow:0 26px 60px rgba(51,65,85,0.22)}

/* Wide rows show a landscape UI card instead of a tall phone */
.showcase__row--wide .showcase__media{flex:1;width:auto}
.ui-card{display:block;width:100%;height:auto;border-radius:44px;border:1px solid var(--border-light);box-shadow:0 26px 60px rgba(51,65,85,0.18)}

.showcase__cta{text-align:center;margin:0}

@media (max-width: 1023px){
	.showcase__row{gap:45px;margin-bottom:75px}
	.showcase__media{width:280px}
	.showcase__text h3{font-size:30px}
}

@media (max-width: 600px){
	.showcase{padding:50px 0 55px 0}
	.showcase__intro{margin-bottom:45px}
	.showcase__intro h2{font-size:30px}
	.showcase__row,
	.showcase__row--reverse{flex-direction:column;gap:30px;margin-bottom:60px;text-align:center}
	.showcase__text h3{font-size:28px}
	.showcase__media{width:100%;max-width:280px;margin:0 auto}
	.showcase__row--wide .showcase__media{max-width:420px}
	.phone{border-radius:30px}
}

/*******************************************************/
/* FAQ
/*******************************************************/

.faq{background:#fff;padding:75px 0 75px 0}
.faq h2{text-align:center;font-size:50px;margin:0 0 60px 0}
.faq__wrapper{display:flex;}
.faq__start{flex:1;}
.faq dl{margin:0;padding:0;}
.faq dl dt{margin:0;padding:0;font-weight:bold}
.faq dl dd{margin:0;padding:0;}
.faq__end{width:45%;margin:0 0 0 50px;display:flex;justify-content:center}
.faq__end .phone{width:300px;max-width:100%}

@media (max-width: 600px) {

	.faq{padding:50px 0 50px 0}
	.faq h2{font-size:30px;margin:0 0 20px 0;text-align:left}
	.faq__wrapper{display:block;}
	.faq__end{width:100%;margin:50px 0 0 0}


}

/*******************************************************/
/* Get Started
/*******************************************************/

.get-started{background:#dcf8d3;padding:30px 0 75px 0}
.get-started h2{font-size:60px;margin:0 0 30px 0}
.get-started__wrapper{display:flex;align-items:center}
.get-started__start{width:45%;margin:0 50px 0 0;font-size:0}
.get-started__end{flex:1;}

@media (max-width: 600px) {

	.get-started{padding:50px 0 50px 0;}
	.get-started h2{font-size:30px}
	.get-started__wrapper{flex-direction:column;}
	.get-started__start{width:100%;margin:0;order:2;text-align:center}
	.get-started__start img{width:auto;max-height:200px;}
	.get-started__end{}

}


/*******************************************************/
/* Footer
/*******************************************************/

.footer{position:relative;z-index:10;padding:50px 50px;background:#fe8a83;color:#fff;font-size:.9em}
.footer .container{display:flex;}
.footer__start{width:30%;}
.footer__end{width:70%;text-align:right}
.footer ul{margin:0;padding:0;list-style:none;}
.footer ul li{display:inline-block;margin:0 0 0 20px;padding:0 20px 0 0;list-style:none;cursor:pointer;border-right:1px solid #fff;line-height:1.1}
.footer ul li:last-child{border:none;padding:0;}
.footer a{text-decoration:none;color:#fff}
.footer p:last-child{margin:0;}


@media (max-width: 600px) {
	
	.footer{padding:20px 20px}
	.footer .container{display:block;}
	.footer__start{width:auto;text-align:center}
	.footer__end{width:auto;text-align:center}

}

.download{position:sticky;z-index:100;bottom:0;left:0;width:100%;background:#fff;padding:20px;text-align:center;box-shadow:0 -5px 5px rgba(0,0,0,0.2)}
.download a{display:inline-block;vertical-align:middle}
.download__soon{display:inline-block;vertical-align:middle;margin:0 0 0 16px;font-size:.85em;color:#94a3b8}
@media (max-width: 600px){.download__soon{display:block;margin:8px 0 0 0}}