@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap');
:root{--ink:#061457;--blue:#087df7;--cyan:#00d4e9;--violet:#7937e9;--muted:#5970b1;--paper:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Manrope,Arial,sans-serif;background:radial-gradient(circle at 2% 30%,#e5f9ff 0 4%,transparent 13%),radial-gradient(circle at 100% 48%,#e8ecff 0 7%,transparent 17%),#fff;overflow-x:clip}.topbar,.section,footer{max-width:1130px;margin:auto}.topbar{height:72px;display:flex;align-items:center;gap:30px;padding:0 12px;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;min-width:max-content}.brand-mark{position:relative;display:grid;place-items:center;width:54px;height:54px;border-radius:10px;background:linear-gradient(135deg,#00dbe9 0 37%,#188bff 37% 58%,#7835ee 58%);color:white;font:800 33px Outfit}.brand-mark span{position:absolute;right:6px;bottom:5px;font-size:26px}.brand b{display:block;font:800 32px/25px Outfit}.brand small{display:block;font-size:10px;font-weight:800;letter-spacing:.15px}nav{display:flex;align-items:center;gap:29px;margin-left:auto}nav a{color:#071879;text-decoration:none;font-size:12px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:13px;background:linear-gradient(105deg,#00cfe4,#1378ff 57%,#8737ea);color:#fff;text-decoration:none;font-size:15px;box-shadow:0 9px 19px #287bd046}.button i{font-size:25px;font-style:normal}.button strong{font-size:22px}.mini{padding:10px 17px;border-radius:13px;margin-left:0;white-space:nowrap}.mini i{font-size:22px}.nav-toggle{display:none}.section{padding:20px 18px}.hero{min-height:447px;display:grid;grid-template-columns:46% 54%;align-items:center;position:relative}.hero:before{content:"";position:absolute;z-index:-1;inset:0 -70vw 0;background:linear-gradient(145deg,transparent 0 66%,#eef6ff 66% 77%,transparent 77%)}.eyebrow{font-size:10px;color:#7187c6;letter-spacing:2.6px;font-weight:800;margin:0 0 4px;padding-left:40px;position:relative}.eyebrow:before{content:"";position:absolute;left:0;top:6px;width:30px;height:2px;background:linear-gradient(90deg,#008cff,#7641ed)}h1,h2,h3{font-family:Outfit;margin:0;letter-spacing:-1.5px}.hero h1{font-size:62px;line-height:.9;font-weight:800;max-width:510px}.hero h1 em{font-style:normal;background:linear-gradient(105deg,#00a5f2,#6e37eb);color:transparent;background-clip:text}.lead{font-size:16px;line-height:1.28;color:#5470b5;max-width:494px;margin:15px 0}.quick-benefits{display:flex;gap:12px;margin:19px 0}.quick-benefits span{display:flex;align-items:center;gap:8px;color:#087df7;font-size:26px}.quick-benefits b{font-size:11px;color:#10256e;line-height:1.08}.hero-actions{display:flex;align-items:center;gap:22px}.video{display:flex;align-items:center;gap:10px;color:#5b73b6;font-size:12px;text-decoration:none;line-height:1.1}.video span{display:grid;place-items:center;width:53px;height:53px;border:1px solid #1489ff;border-radius:50%;font-size:20px;color:#1686fb}.hero-art{height:420px;position:relative;isolation:isolate}.glow{position:absolute;border-radius:50%;filter:blur(2px);z-index:-1}.glow.one{width:360px;height:360px;left:65px;top:5px;background:conic-gradient(from 75deg,#c9efff,#8d70ff,#d9faff,#a9d6ff,#c9efff);opacity:.65}.glow.two{width:520px;height:180px;right:-70px;bottom:-40px;background:#d2dcff;border-radius:45%;transform:rotate(-18deg);opacity:.7}.phone{width:205px;height:401px;padding:22px 11px 8px;background:#fefefe;border:8px solid #111529;border-radius:31px;position:absolute;left:190px;top:2px;transform:rotate(7deg);box-shadow:0 19px 26px #06296b55;overflow:hidden;z-index:3}.speaker{position:absolute;top:3px;left:63px;width:70px;height:15px;border-radius:0 0 12px 12px;background:#111529}.phone-top{display:flex;justify-content:space-between;font-size:9px}.phone-top b{font-size:14px;color:#147ff0}.search{font-size:8px;margin:12px 0 7px;padding:7px;border-radius:7px;background:#f4f5f9;color:#7b8294}.restaurant-image,.phone-photo{background:linear-gradient(135deg,#4b270f,#d6a158 45%,#253824 48%,#e2b479);border-radius:5px}.restaurant-image{height:74px}.phone h3{font:700 16px Outfit;margin-top:5px;letter-spacing:0}.phone p{font-size:9px;color:#f49e09;margin:0}.phone p span{color:#6d75a3}.phone small{font-size:8px;color:#497e42}.phone-actions{display:flex;justify-content:space-between;text-align:center;border-top:1px solid #e9e9ef;border-bottom:1px solid #e9e9ef;margin:8px -10px;padding:7px 9px;color:#1e72db;font-size:15px}.phone-actions small{display:block;font-size:6px;color:#2f3b72}.phone-address{font-size:7px;color:#176ce1;padding:5px}.phone-photo{height:36px}.google-card{position:absolute;top:43px;left:7px;width:127px;height:120px;background:#fff;border-radius:13px;padding:16px;box-shadow:0 15px 30px #3155a32e;z-index:2}.g{font:bold 38px Arial;color:#4285f4;float:left;margin-right:4px}.google-card b{font-size:12px}.bars{display:flex;align-items:end;gap:4px;position:absolute;bottom:12px;right:15px;height:31px}.bars i{width:8px;background:#4da7f6}.bars i:nth-child(1){height:8px}.bars i:nth-child(2){height:16px}.bars i:nth-child(3){height:23px}.bars i:nth-child(4){height:31px}.tv-card{position:absolute;right:0;top:16px;width:220px;height:169px;padding:45px 13px 8px;color:#fff;background:linear-gradient(120deg,#131321,#67502a 60%,#1d1a20);transform:rotate(-5deg);box-shadow:0 13px 16px #33427355;overflow:hidden;z-index:1}.tv-card b{font:800 21px/19px Outfit;position:relative;z-index:1}.tv-card mark{color:#ffd838;background:none}.tv-logo{position:absolute;right:9px;top:9px;color:#2be8ff;font:700 12px Outfit}.tv-logo span{color:#b55bff}.burger{position:absolute;right:15px;bottom:10px;color:#f1a640;font-size:80px;line-height:60px;text-shadow:-11px 0 #73440b}.tv-card small{position:absolute;bottom:5px;left:13px;font-size:5px}.mini-card{position:absolute;background:#fff;padding:10px;border-radius:12px;box-shadow:0 12px 20px #26419032;bottom:20px;font-size:24px;color:#146bf5;display:flex;gap:7px;align-items:center;z-index:4}.mini-card b{font-size:11px;color:#10236c;line-height:1.15}.qr{left:158px;transform:rotate(8deg)}.page{right:7px;bottom:4px;transform:rotate(8deg)}
.solutions{padding-top:29px}.solutions h2,.why h2,.steps h2{font-size:29px;line-height:1.05}.section-lead{margin:2px 0 13px;color:#5470b5;font-size:15px}.solution-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.solution-grid article{padding:14px 11px 10px;border-radius:10px;background:#fff;box-shadow:0 8px 23px #193e9130;min-width:0}.icon{float:left;width:42px;height:42px;margin:0 10px 9px 0;border-radius:50%;display:grid;place-items:center;background:#e8f6ff;color:#1682f7;font-size:23px;font-weight:800}.icon.google{font:800 25px Arial;color:#4285f4}.icon.purple{background:#f0e8ff;color:#7c3ee8}.solution-grid h3{font-size:17px;line-height:.95;letter-spacing:-.5px;min-height:44px;padding-top:4px}.solution-grid p{font-size:12px;line-height:1.25;color:#5971ae;clear:both;height:61px;margin:7px 0}.card-image{height:127px;border-radius:8px;position:relative;overflow:hidden;margin-bottom:9px}.google-ui{padding:10px;background:linear-gradient(145deg,#fefefd,#d9effe);color:#2377e9;font:15px Arial}.google-ui span{display:block;margin-top:52px;color:#152062;font:700 11px Outfit}.google-ui i{position:absolute;right:0;bottom:0;padding:10px;color:white;background:#127df5;font-style:normal;font-size:30px;border-radius:12px 0 0}.photo360{display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#2f1e11,#c4955e 40%,#283b21 43%,#e0a35b);font:800 37px Outfit;text-shadow:0 2px 4px #111}.photo360 small{font-size:34px}.nfc{padding:15px;color:white;text-align:center;background:linear-gradient(135deg,#34363e,#080b10 80%);font-size:10px}.nfc b{font-size:12px}.nfc span{display:block;font-size:46px;margin-top:8px}.bio{padding:12px;color:#4477e9;background:linear-gradient(120deg,#fff,#ddeeff);font:13px Arial}.bio small{color:#121d60}.bio i{display:block;margin-top:58px;font-style:normal;font-size:24px;color:#ff4770}.signage{padding:17px 13px;color:#fff;background:linear-gradient(135deg,#17232a,#915d1c),#222;font:800 18px/15px Outfit;text-shadow:0 1px 3px #000}.solution-grid a{display:block;text-align:center;padding:7px;border-radius:20px;background:#e7f3ff;color:#0477f5;text-decoration:none;font-size:12px;font-weight:700}.why{padding-top:22px}.why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:9px}.why-grid div{position:relative;padding-left:57px;min-height:57px}.why-grid i{position:absolute;left:0;top:0;width:48px;height:48px;border-radius:50%;background:#e4f5ff;display:grid;place-items:center;color:#1481f8;font-size:26px;font-style:normal}.why-grid div:nth-child(3) i,.why-grid div:nth-child(5) i{background:#eee6ff;color:#7540ea}.why-grid b{font-size:12px;line-height:1.1}.why-grid p{margin:2px 0;font-size:9px;line-height:1.25;color:#5970af}.steps{padding-top:19px}.step-grid{display:flex;align-items:center;gap:13px;margin-top:9px}.step-grid>div{flex:1;position:relative;padding-left:67px;min-height:56px}.step-grid i{position:absolute;left:0;top:0;width:51px;height:51px;border-radius:50%;background:linear-gradient(135deg,#e5f7ff,#cae5ff);color:#147df7;display:grid;place-items:center;font:700 28px Outfit;font-style:normal}.step-grid>div:nth-of-type(3) i,.step-grid>div:nth-of-type(4) i{color:#7837e9;background:linear-gradient(135deg,#f2e8ff,#e0d1ff)}.step-grid b{display:block;font-size:11px}.step-grid p{margin:2px 0;color:#5870af;font-size:10px;line-height:1.2}.step-grid>span{color:#9fc4ff;font-size:28px}.cta{margin-top:12px;margin-bottom:10px;padding:16px 22px;background:linear-gradient(110deg,#9cd7ff,#2869f8 38%,#426def 63%,#f0eaff);border-radius:17px;display:grid;grid-template-columns:30% 40% 30%;align-items:center;color:#fff}.cta .brand{color:#061457}.cta h2{font:600 19px/19px Outfit;letter-spacing:-.5px}.cta p{font-size:12px;margin:5px 0}.cta .button{padding:10px 15px;background:linear-gradient(105deg,#00d4ea,#147afa 55%,#8239e9);font-size:14px}.cta .button i{font-size:20px}.cta small{display:block;font-size:9px;margin-top:6px}footer{padding:4px 18px 20px;display:grid;grid-template-columns:22% 62% 16%;align-items:center;gap:5px;position:relative}footer .brand-mark{width:31px;height:31px;border-radius:7px;font-size:18px}footer .brand-mark span{font-size:14px;right:3px;bottom:2px}footer .brand b{font-size:19px;line-height:15px}footer .brand small{font-size:6px}footer nav{gap:22px;margin:auto}footer nav a{font-size:9px;color:#6472ad}.footer-slogan{color:#6472ad;font-size:11px;font-style:italic;line-height:1.05;border-left:1px solid #d8e2fa;padding-left:20px}footer>small{position:absolute;left:18px;bottom:0;color:#6071ad;font-size:9px}
@media(max-width:1024px){.topbar{padding:0 20px}.topbar nav{display:none;position:absolute;right:20px;top:64px;padding:16px;background:#fff;box-shadow:0 10px 25px #1f3d8222;border-radius:12px;flex-direction:column;align-items:flex-start}.topbar nav.open{display:flex}.nav-toggle{display:block;margin-left:auto;border:0;background:none;color:var(--ink);font-size:23px}.topbar>.mini{display:none}.hero{grid-template-columns:1fr;padding-top:32px}.hero-copy{max-width:600px}.hero-art{width:620px;max-width:100%;margin:15px auto 0}.solution-grid{grid-template-columns:repeat(3,1fr)}.why-grid{grid-template-columns:repeat(3,1fr)}.cta{grid-template-columns:1fr;gap:15px;text-align:center}.cta .brand{justify-content:center}.cta>div:last-child{display:grid;justify-items:center}footer{grid-template-columns:1fr;text-align:center;gap:14px;padding-bottom:35px}footer .brand{justify-content:center}footer nav{flex-wrap:wrap;justify-content:center}.footer-slogan{border:0;padding:0;margin:0}footer>small{left:0;right:0}}
@media(max-width:570px){.hero h1{font-size:48px}.lead{font-size:15px}.quick-benefits{gap:8px}.quick-benefits span{font-size:19px}.quick-benefits b{font-size:9px}.hero-art{height:335px;transform:scale(.78);transform-origin:left top;width:128%}.solutions h2,.why h2,.steps h2{font-size:25px}.solution-grid{grid-template-columns:1fr 1fr}.solution-grid article:last-child{grid-column:1/-1}.why-grid{grid-template-columns:1fr 1fr}.step-grid{display:grid;grid-template-columns:1fr 25px;gap:10px}.step-grid>span{transform:rotate(90deg);justify-self:center}.step-grid>span:nth-of-type(2){grid-row:3}.step-grid>span:nth-of-type(3){grid-row:5}.step-grid>div:nth-of-type(3){grid-row:3}.step-grid>div:nth-of-type(4){grid-row:5}.cta{margin-left:10px;margin-right:10px}.hero-actions{gap:12px}.button{font-size:13px;padding:12px 15px}}