#olo-welcome{--navy:#002a5c;--lime:#69be28;box-sizing:border-box;width:min(1030px,calc(100% - 40px));max-height:calc(100dvh - 40px);padding:32px 36px 20px;border:1px solid #dce3dd;border-radius:26px;background:#fff;color:#152319;box-shadow:0 30px 110px #001e4055;overflow:auto;font-family:Arial,Helvetica,sans-serif}
#olo-welcome::backdrop{background:#14221dbb;backdrop-filter:blur(7px)}
#olo-welcome *{box-sizing:border-box}#olo-welcome button,#olo-welcome a,#olo-welcome input{font:inherit}#olo-welcome button,#olo-welcome a{cursor:pointer}#olo-welcome button:focus-visible,#olo-welcome a:focus-visible,#olo-welcome input:focus-visible{outline:3px solid #008b86;outline-offset:3px}
.welcome-close{position:absolute;right:19px;top:16px;border:0;border-radius:50%;width:38px;height:38px;background:#eff2ef;color:#24342b;font-size:26px!important;line-height:1}
.welcome-brand{font-weight:900;font-size:20px;letter-spacing:-.5px;padding-right:32px}.welcome-brand span{font-size:19px}.welcome-grid{display:grid;grid-template-columns:1.16fr 1fr;gap:38px;margin-top:26px}.welcome-kicker{font-size:10px!important;font-weight:800;letter-spacing:1.6px;line-height:1.5;color:#49614e;margin:0 0 10px}
#olo-welcome h2{font-size:clamp(31px,3.9vw,43px);line-height:1.05;letter-spacing:-1.5px;margin:0 0 16px;color:var(--navy)}#olo-welcome p{font-size:14px;line-height:1.55;margin:0 0 18px;color:#4c5c54}
.welcome-colors>label{display:block;font-size:13px;font-weight:700;margin-bottom:9px}.welcome-search-wrap{display:flex;align-items:center;gap:10px;border:1px solid #b9c8bc;border-radius:12px;padding:0 14px;background:white}.welcome-search-wrap>span{font-size:25px;color:#577561}.welcome-search-wrap input{width:100%;padding:15px 0;border:0;background:transparent;color:#152319;min-width:0}
#welcome-results:empty{display:none}#welcome-results{display:grid;gap:3px;padding:7px;background:#f1f5ef;border-radius:10px;margin-top:5px}#welcome-results button{border:0;background:white;color:#163a30;text-align:left;padding:10px;border-radius:7px;font-size:13px}#welcome-results p{margin:5px;font-size:12px}
.welcome-palette{border:1px solid #dce3dd;border-radius:14px;overflow:hidden;margin:14px 0 9px}#welcome-colors{height:76px;display:flex}#welcome-colors>div{flex:1;display:flex;align-items:flex-end;padding:9px}#welcome-colors span{color:white;background:#0009;border-radius:4px;font-size:10px;padding:3px 5px;letter-spacing:.4px}.welcome-palette-caption{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:12px 13px;font-size:12px}.welcome-palette-caption>span{font-size:10px;color:#5a685e}.welcome-hint{font-size:11px!important;margin-bottom:16px!important}
.welcome-build,.welcome-signin{display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:10px;padding:15px 17px;text-decoration:none;font-weight:800!important;font-size:14px!important}.welcome-build{background:var(--navy);color:#fff;border:1px solid var(--navy)}.welcome-build:hover{background:#084577}.welcome-build span{font-size:20px}
.welcome-account{border-radius:18px;background:#f0f4ed;padding:23px}.welcome-stand{display:flex;align-items:center;gap:15px;margin-bottom:14px}.welcome-stand img{width:105px;height:115px;object-fit:contain;border-radius:12px;background:#fff}.welcome-stand>div>span{font-size:9px;line-height:1.4;letter-spacing:1.4px;display:block;font-weight:800;margin-bottom:8px;color:#5c6b5d}#olo-welcome h3{font-size:24px;line-height:1.1;letter-spacing:-.6px;margin:0}.welcome-account>p{font-size:13px!important}.welcome-benefits{border-top:1px solid #d3dfce;padding-top:20px}.welcome-benefits .welcome-kicker{display:block}.welcome-benefits ul{padding-left:18px;font-size:13px;line-height:1.55;margin:15px 0 19px}.welcome-benefits li{padding:3px 0}.welcome-benefits li::marker{color:#447b21}.welcome-signin{background:#fff;border:1px solid #bbcdb3;color:#172c20}.welcome-signin:hover{background:#e4eedc}.welcome-account-note{font-size:10px!important;line-height:1.5!important;margin:10px 0 0!important}
.welcome-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid #e1e7df;padding-top:15px;margin-top:24px}.welcome-footer span{font-size:11px;color:#637168}.welcome-skip{border:0;background:transparent;padding:7px 0;text-decoration:underline;text-underline-offset:4px;color:#344b3b;font-size:12px!important}.welcome-replay{display:block;background:#f0f4ed;color:#143a2a;border:1px solid #cbd8c6;border-radius:999px;padding:10px 16px;margin:0 0 14px;cursor:pointer;font-weight:700}
body.product-embed #olo-welcome{margin:0 auto;top:20px;bottom:auto;max-height:660px}
@media(min-width:701px) and (max-height:760px){#olo-welcome{padding-top:24px}.welcome-grid{margin-top:20px;gap:30px}#olo-welcome h2{font-size:37px;margin-bottom:12px}#olo-welcome p{font-size:13px;margin-bottom:14px}.welcome-account{padding:19px}.welcome-stand img{height:86px;width:85px}.welcome-benefits{padding-top:15px}.welcome-benefits ul{margin:12px 0 14px}.welcome-footer{margin-top:18px;padding-top:10px}#welcome-colors{height:64px}}
@media(max-width:700px){#olo-welcome{width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:25px 20px 16px;border-radius:20px}.welcome-brand{font-size:18px}.welcome-grid{grid-template-columns:1fr;gap:22px;margin-top:23px}#olo-welcome h2{font-size:35px}.welcome-account{padding:19px}.welcome-footer{align-items:flex-start;flex-direction:column;gap:6px;margin-top:18px}.welcome-palette-caption{align-items:flex-start;flex-direction:column;gap:4px}.welcome-close{right:10px;top:10px}.welcome-stand img{height:90px;width:88px}}