@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Montserrat:wght@400;700&display=swap');
:root{--red:#e96656;--dark:#272727;--text:#404040}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font:16px/1.7 Lato,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}img{max-width:100%;height:auto}.wrap{width:min(1170px,calc(100% - 40px));margin:auto}h1,h2,h3,h4,h5{font-family:Montserrat,Arial,sans-serif;line-height:1.35}h2{text-align:center;font-size:38px;text-transform:uppercase;margin:0 0 12px;letter-spacing:1px}h3{font-size:18px}p{margin:0 0 18px}.nav{height:76px;background:#fff;box-shadow:0 2px 5px #0002;position:relative;z-index:5}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:28px}.logo img{width:250px;display:block}.nav nav{display:flex;align-items:center;justify-content:flex-end;gap:18px;font-size:13px;text-transform:uppercase;font-family:Montserrat,Arial,sans-serif;white-space:nowrap}.nav nav a{padding:28px 0}.nav nav a:hover{color:var(--red)}.menu-toggle{display:none;background:none;border:0;font:700 15px Montserrat,Arial,sans-serif;color:var(--text);text-transform:uppercase}.hero{min-height:605px;background:url('/wp-content/uploads/2016/09/food_truck_wifi.jpg') center center/cover no-repeat}.hero-shade{min-height:605px;background:rgba(0,0,0,.48);display:flex;align-items:center;text-align:center}.hero-content{padding:85px 0}.hero h1{color:white;text-transform:uppercase;font-size:49px;line-height:1.32;max-width:1080px;margin:0 auto 45px;font-weight:700}.button{display:inline-block;background:var(--red);color:#fff!important;text-transform:uppercase;border-radius:3px;padding:14px 34px;font:700 14px Montserrat,Arial,sans-serif;letter-spacing:.3px;box-shadow:0 3px 0 #b84c3e}.button:hover{background:#d55b4b}.focus,.how,.pricing{padding:95px 0}.section-sub{text-align:center;color:#777;font-size:17px;margin:0 auto 52px}.focus-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;text-align:center}.focus-grid article{padding:10px}.focus-grid .circle{width:135px;height:135px;border-radius:50%;display:grid;place-items:center;margin:0 auto 28px;position:relative}.circle img{max-width:66px;max-height:66px}.circle.red{background:#e96656}.circle.green{background:#34d293}.circle.blue{background:#3ab0e2}.circle.yellow{background:#f7d861}.focus-grid h3{text-transform:uppercase;font-size:17px;margin:0 0 12px}.focus-grid article p{font-size:15px;color:#777}.features,.benefits{padding:85px 0}.dark{background:#050505;color:#fff}.benefits{background:#e32325;color:#fff}.underline{height:2px;width:90px;background:var(--red);margin:0 auto 60px}.underline.light{background:#fff}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split.reverse{grid-template-columns:40% 1fr}.section-image{display:block;max-height:550px;object-fit:contain;margin:auto}.feature-list{display:grid;gap:10px}.feature-list article{border-bottom:1px solid #ffffff36;padding:4px 0}.feature-list h3{font-size:19px;margin:5px 0}.feature-list p{font-size:15px;line-height:1.6;margin-bottom:12px}.how{text-align:center}.diagram{display:block;max-width:920px;margin:0 auto 38px}.steps{max-width:950px;margin:0 auto 30px;text-align:left;display:grid;grid-template-columns:repeat(2,1fr);gap:10px 32px}.steps p{position:relative;padding:0 0 0 28px}.steps p:before{content:'+';color:var(--red);font-size:28px;font-weight:700;position:absolute;left:0;top:-7px}.pricing{background:#f8f8f8}.price-card{width:min(410px,100%);margin:auto;background:#fff;box-shadow:0 4px 24px #0001;text-align:center;padding-bottom:35px}.price-title{background:#222;color:#fff;text-transform:uppercase;font:700 20px Montserrat,Arial,sans-serif;padding:23px}.price-number{background:var(--red);color:#fff;font:700 38px Montserrat,Arial,sans-serif;padding:20px 10px}.price-number small{font-size:15px;margin-left:5px}.price-card ul{list-style:none;margin:0 25px 30px;padding:12px 0}.price-card li{padding:10px 5px;border-bottom:1px solid #eee;font-size:15px}.interior{padding:72px 0 100px;min-height:570px}.interior-grid{display:grid;grid-template-columns:3fr 1fr;gap:65px}.interior h1{font-size:31px;margin:0 0 24px}.interior h1:after,.interior aside h3:after{content:'';display:block;width:60px;height:2px;background:var(--red);margin-top:18px}.interior h3{margin:28px 0 8px}.interior p{line-height:1.8}.interior article a{color:var(--red)}.interior aside{border-left:1px solid #eee;padding-left:28px}.interior aside h3{font-size:17px;margin:0 0 22px}.interior aside p{font-size:14px}.demo-visual{padding:30px;text-align:center;background:#f8f8f8}.demo-visual img{max-height:500px}.contact-box{border:1px solid #e5e5e5;padding:24px;margin-top:32px}footer{background:#272727;color:#ddd;text-align:center;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.footer-icon{display:block;color:var(--red);font-size:34px;margin-bottom:10px}.footer-grid p{font-size:14px}.copyright{border-top:1px solid #ffffff1b;font-size:12px;color:#999;margin:30px 0 0;padding:20px 10px 0}
@media(max-width:1000px){.nav nav{gap:10px;font-size:11px}.logo img{width:205px}.hero h1{font-size:40px}.split{gap:30px}}
@media(max-width:760px){.nav{height:auto;min-height:70px}.nav-inner{flex-wrap:wrap;padding:13px 0}.logo img{width:220px}.menu-toggle{display:block}.nav nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;white-space:normal}.nav nav.open{display:flex}.nav nav a{padding:8px;border-top:1px solid #eee}.hero,.hero-shade{min-height:475px}.hero h1{font-size:32px}.focus,.how,.pricing,.features,.benefits{padding:65px 0}.focus-grid{grid-template-columns:repeat(2,1fr)}.split,.split.reverse{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.interior-grid{grid-template-columns:1fr}.interior aside{border-left:0;border-top:1px solid #eee;padding:20px 0}.footer-grid{grid-template-columns:1fr}h2{font-size:30px}}
@media(max-width:460px){.wrap{width:min(100% - 28px,1170px)}.hero h1{font-size:27px}.focus-grid{grid-template-columns:1fr}.focus-grid .circle{width:115px;height:115px}.interior h1{font-size:26px}}
