.onboard-demo{color:#263e32;background:#f7f5ef;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.onboard-demo button,.onboard-demo input,.onboard-demo select,.onboard-demo textarea{font:inherit}.onboard-demo button:disabled{cursor:not-allowed}.onboard-demo button,.onboard-demo a,.onboard-demo input,.onboard-demo select,.onboard-demo textarea,.onboard-demo summary{outline-offset:4px}.onboard-demo :focus-visible{outline:2px solid #bc6842}.od-nav{border-bottom:1px solid #dde2d7;justify-content:space-between;align-items:center;gap:20px;max-width:1260px;margin:auto;padding:26px 36px;display:flex}.od-brand{letter-spacing:-1px;align-items:center;gap:9px;font-size:24px;font-weight:700;display:flex}.od-brand>span{color:#fff;background:#2a523d;border-radius:50%;place-items:center;width:37px;height:37px;display:grid}.od-brand small{letter-spacing:1.4px;color:#71816f;margin:5px 0 0 8px;font-size:8px;font-weight:500}.od-lab-link{align-items:center;gap:9px;font-size:12px;display:flex}.od-shell{max-width:1170px;margin:auto;padding:40px 30px 25px}.od-intro{justify-content:space-between;align-items:center;gap:15px;margin-bottom:31px;display:flex}.od-eyebrow{letter-spacing:1.6px;color:#61745d;align-items:center;gap:7px;font-size:9px;font-weight:600;line-height:1.6;display:flex}.od-intro p{color:#7c8376;margin:0;font-size:11px}.od-progress{gap:18px;margin:0 0 32px;padding:0;list-style:none;display:flex}.od-progress li{color:#788574;border-top:2px solid #dce1d5;flex:1;align-items:center;gap:10px;padding-top:13px;font-size:11px;display:flex}.od-progress li.active{color:#345039;border-color:#456848}.od-progress li>span{background:#e9ecdf;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:9px;display:grid}.od-progress li[aria-current]>span{color:#fff;background:#39583e}.od-layout{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);align-items:start;gap:25px;display:grid}.od-main-card{background:#fffef9;border:1px solid #e0e4d8;border-radius:15px;min-width:0;padding:37px;box-shadow:0 8px 35px #3d482a05}.od-heading{margin-bottom:27px}.od-heading h1{letter-spacing:-1px;margin:12px 0;font-size:29px;font-weight:500;line-height:1.2}.od-heading h1:focus{outline:none}.onboard-demo .od-voice-library{border-top:1px solid #dde2d7;padding-top:25px}.od-voice-library legend{float:left;width:100%;margin-bottom:7px;font-size:17px}.od-voice-library legend span{color:#78856e;margin-left:8px;font-size:11px;font-weight:400}.od-voice-library>.od-small{clear:both;font-size:12px}.od-voice-cards{gap:9px;margin:16px 0 10px;display:grid}.od-voice-card{background:#fff;border:1px solid #dce2d4;border-radius:10px;align-items:center;gap:13px;padding:12px 14px;display:flex}.od-voice-card.selected{background:#f1f4eb;border-color:#456343}.od-voice-card .od-voice-play{color:#263e32;cursor:pointer;background:#f0f1e9;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.od-voice-card .od-voice-play[aria-pressed=true]{color:#fff;background:#263e32}.onboard-demo .od-voice-card label{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;min-height:44px;display:flex}.od-voice-card label input{opacity:0;width:1px;height:1px;position:absolute}.od-voice-card label:has(input:focus-visible){outline-offset:4px;outline:2px solid #bc6842}.od-voice-card strong{color:#263e32;margin-bottom:5px;font-size:14px;display:block}.od-voice-card small{color:#6d7967;font-size:11px;line-height:1.5}.od-voice-check{border:1px solid #c8d1c0;border-radius:50%;flex-shrink:0;place-items:center;width:23px;height:23px;margin-left:auto;display:grid}.od-voice-card.selected .od-voice-check{color:#fff;background:#456343;border-color:#456343}.od-voice-caption{color:#75826c;justify-content:space-between;align-items:center;gap:12px;min-height:32px;margin:0 0 10px;font-size:10px;display:flex}.od-voice-caption button{color:#53664b;cursor:pointer;background:0 0;border:0;min-height:32px;font-size:11px;text-decoration:underline}.od-guest-options{border-top:1px solid #dde2d7;padding-top:18px}.od-guest-options summary{cursor:pointer;color:#53664b;font-size:12px}.od-guest-options label{margin-top:18px}.od-guest-options>small{color:#78856e;margin-top:10px;font-size:10px;line-height:1.6;display:block}.onboard-demo .od-preview-card h2{font-family:inherit;font-size:29px;font-weight:500}.onboard-demo .od-completion h2{font-family:inherit;font-size:25px;font-weight:500}.onboard-demo .od-heading h1{font-family:inherit;font-size:29px}@media (max-width:680px){.od-voice-card{gap:10px;padding:10px}.od-voice-card small{font-size:10px}.od-voice-caption button,.od-guest-options summary{min-height:44px}}.od-heading>p{color:#74806e;max-width:450px;margin:0;font-size:12px;line-height:1.7}.od-fields{gap:23px;display:grid}.od-main-card label{color:#53664b;gap:8px;font-size:11px;display:grid}.od-main-card input:not([type=radio]):not([type=checkbox]),.od-main-card select,.od-main-card textarea{color:#31492d;background:#fffef9;border:1px solid #d5decb;border-radius:7px;width:100%;min-width:0;padding:13px 12px;font-size:13px}.od-main-card textarea{resize:vertical;line-height:1.6}.od-main-card input[type=checkbox],.od-main-card input[type=radio]{accent-color:#3f6044;width:15px;height:15px}.od-main-card fieldset{border:none;min-width:0;margin:0;padding:0}.od-main-card legend{color:#334f32;margin:0 0 12px;font-size:12px;font-weight:600}.od-pair{grid-template-columns:1fr 1fr;gap:15px;display:grid}.od-help{color:#6a7b57;background:#f0f2e6;border-radius:8px;align-items:flex-start;gap:13px;margin-top:12px;padding:18px;display:flex}.od-help>svg{flex-shrink:0}.od-help p{margin:0;font-size:11px;line-height:1.7}.od-help strong{color:#4a6340;margin-bottom:3px;font-weight:600;display:block}.od-actions{border-top:1px solid #e4e8dd;justify-content:space-between;align-items:center;gap:12px;margin-top:30px;padding-top:25px;display:flex}.od-primary{color:#fffef4;text-align:center;background:#3f5b3f;border:1px solid #3f5b3f;border-radius:7px;justify-content:center;align-items:center;gap:16px;padding:14px 18px;display:inline-flex;font-size:12px!important;font-weight:600!important}.od-primary:hover{background:#304a31}.od-actions .od-primary{margin-left:auto}.od-back,.od-text-button{color:#607753;background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;display:inline-flex;font-size:11px!important}.od-preview-card{text-align:center;background:#e9eddd;border:1px solid #d9e0cb;border-radius:15px;padding:29px 26px;position:sticky;top:24px;overflow:hidden}.od-preview-card>.od-eyebrow{color:#768267;justify-content:center;font-size:8px}.od-restaurant-mark{color:#6b7c54;border:1px solid #a8b895;border-radius:50px 50px 7px 7px;place-items:center;width:91px;height:100px;margin:34px auto 25px;display:grid}.od-preview-city{text-transform:uppercase;letter-spacing:2px;color:#79866b;font-size:8px}.od-preview-card h2{letter-spacing:-.8px;overflow-wrap:anywhere;margin:10px 0;font-family:Georgia,serif;font-size:34px;font-weight:400;line-height:1.15}.od-preview-subtitle{color:#76846a;margin:0;font-size:10px}.od-preview-tables{grid-template-columns:repeat(3,1fr);gap:15px;margin:29px 6px;display:grid}.od-preview-tables>span{color:#738361;background:#f1f3e7;border:1px solid #aebb99;border-radius:8px;justify-items:center;gap:5px;padding:12px 7px;display:grid}.od-preview-tables small{font-size:8px}.od-preview-stats{border-top:1px solid #cdd5bf;border-bottom:1px solid #cdd5bf;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:17px 0;display:grid}.od-preview-stats>div:first-child{border-right:1px solid #cdd5bf}.od-preview-stats strong{margin-bottom:4px;font-family:Georgia,serif;font-size:26px;font-weight:400;display:block}.od-preview-stats span{color:#728163;font-size:9px}.od-preview-detail{color:#70805e;align-items:center;gap:9px;padding:6px 0;font-size:10px;display:flex}.od-preview-note{text-align:left;color:#81916f;border-top:1px solid #ced7bd;align-items:center;gap:10px;margin-top:21px;padding-top:18px;display:flex}.od-preview-note p{margin:0;font-size:9px;line-height:1.7}.od-footer{color:#7c8772;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;font-size:9px;display:flex}.od-footer p{margin:0;line-height:1.6}.od-footer button{color:#607851;background:0 0;border:0;flex-shrink:0;align-items:center;gap:6px;padding:9px 0;font-size:10px;display:flex}.od-small{color:#78856e;margin:0 0 10px;font-size:10px;line-height:1.7}.od-table-inputs{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.od-table-inputs label{text-align:center;background:#f6f7ee;border:1px solid #dce3cf;border-radius:8px;padding:13px 10px;font-size:10px}.od-table-icon{color:#8b9a77;place-items:center;display:grid}.od-table-inputs input{text-align:center;padding:9px!important}.od-preset-row,.od-tone-row{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.od-preset-row button,.od-tone-row button{color:#61764d;background:#f0f3e6;border:1px solid #d8e0c8;border-radius:20px;padding:9px 10px;font-size:9px}.od-tone-row button[aria-pressed=true]{color:#fff;background:#456343;border-color:#456343}.od-hours{border:1px solid #dde4d2;border-radius:8px;padding:12px}.od-hours summary{color:#536e47;cursor:pointer;margin-bottom:14px;font-size:11px}.od-hours-row{grid-template-columns:77px 1fr auto 1fr;align-items:center;gap:9px;min-height:42px;padding:4px 0;display:grid}.od-hours-row>label{align-items:center;gap:9px;display:flex}.od-hours-row>span{color:#8b957e;font-size:10px}.od-hours-row .od-closed{grid-column:2/5;font-style:italic}.od-hours-row input[type=time]{padding:7px!important;font-size:11px!important}.od-hours .od-small{margin:12px 0 0;font-size:9px}.od-choice-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.od-choice-grid label{cursor:pointer;border:1px solid #dce3cf;border-radius:8px;padding:12px 10px;position:relative}.od-choice-grid label.selected{background:#eff4e5;border-color:#688b4f}.od-choice-grid strong{font-size:10px;font-weight:600}.od-choice-grid span{color:#7b886f;font-size:9px;line-height:1.6}.od-threshold{max-width:260px;margin-top:15px}.od-voice-title{border-top:1px solid #e2e8d7;align-items:center;gap:12px;padding-top:22px;display:flex}.od-voice-title>span{color:#65814a;background:#e8efdc;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.od-voice-title h2{margin:0 0 5px;font-family:Georgia,serif;font-size:25px;font-weight:400}.od-voice-title p{color:#7b8970;margin:0;font-size:9px;line-height:1.6}.od-optional,.od-main-card label>small{color:#8b977e;font-size:9px}.od-voice-preview{background:#f3f4e9;border:1px solid #e1e6d2;border-radius:9px;padding:18px}.od-voice-preview>p{color:#63764f;margin:0 0 14px;font-family:Georgia,serif;font-size:16px;line-height:1.7}.od-outline{color:#527240;background:#fbfcf5;border:1px solid #b7c6a5;border-radius:6px;align-items:center;gap:8px;padding:10px 13px;display:inline-flex;font-size:10px!important}.od-voice-preview small{color:#89977b;margin-top:13px;font-size:9px;line-height:1.6;display:block}.od-error{color:#915e3e;background:#fff0e5;border:1px solid #e5c4a7;border-radius:7px;margin:17px 0;padding:13px;font-size:12px;line-height:1.6}.od-layout-test{display:block}.od-layout-test .od-heading{max-width:610px}.od-test-banner{color:#6e8659;background:#edf2e4;border-radius:8px;align-items:center;gap:9px;margin-bottom:22px;padding:12px;font-size:10px;display:flex}.od-test-banner>svg{flex-shrink:0}.od-test-columns{border:1px solid #dce4cf;border-radius:10px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.od-guest-panel{background:#fcfcf5;min-width:0;padding:25px}.od-test-columns h2{overflow-wrap:anywhere;margin:14px 0 10px;font-family:Georgia,serif;font-size:27px;font-weight:400}.od-greeting{color:#73865c;background:#eef2e4;border-radius:7px;gap:9px;margin:18px 0 5px;padding:13px;display:flex}.od-greeting>svg{flex-shrink:0;margin-top:3px}.od-greeting p{margin:0;font-size:11px;line-height:1.7}.od-guest-panel form{margin-top:18px}.od-guest-panel .od-pair{grid-template-columns:1.4fr 1fr}.od-slot-picker{margin:20px 0 10px!important}.od-slots{grid-template-columns:repeat(3,1fr);gap:7px;max-height:205px;padding:4px;display:grid;overflow-y:auto}.od-slots button{color:#577743;background:#fffef9;border:1px solid #cdd9bd;border-radius:6px;padding:11px 7px;font-size:11px}.od-slots button[aria-pressed=true]{color:#fff;background:#476841}.od-guest-panel .od-primary{width:100%;margin-top:7px}.od-guest-result{color:#587a3d;background:#edf4e2;border:1px solid #d2e0c0;border-radius:7px;gap:8px;margin-top:15px;padding:14px;display:flex}.od-guest-result>svg{flex-shrink:0;margin-top:2px}.od-guest-result p{margin:0;font-size:10px;line-height:1.8}.od-guest-result strong{font-size:11px;display:block}.od-guest-result.pending{color:#8d6d39;background:#fff2d7;border-color:#e7d7b7}.od-guest-result.declined,.od-guest-result.cancelled{color:#837057;background:#f3ede4;border-color:#ddd2c1}.od-staff-panel{color:#e9efdf;background:#2b4235;min-width:0;padding:25px}.od-staff-panel .od-eyebrow{color:#9daf91}.od-staff-panel .od-small{color:#a2b294}.od-staff-notice{color:#d6e2c6;background:#3b5337;border:1px solid #657950;border-radius:8px;gap:12px;margin:19px 0 9px;padding:15px;display:flex}.od-staff-notice>svg{flex-shrink:0;margin-top:3px}.od-staff-notice strong{font-size:11px;font-weight:500}.od-staff-notice p{color:#b3c6a0;margin:5px 0 0;font-size:10px;line-height:1.7}.od-reservations{max-height:400px;overflow-y:auto}.od-reservations article{border-bottom:1px solid #4c6247;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.od-reservations strong{font-size:17px;font-weight:500}.od-reservations strong span{color:#b5c5a6;margin-left:7px;font-size:10px}.od-reservations p{color:#a8bc97;margin:6px 0 0;font-size:9px}.od-state{color:#c5d6b0;background:#465e3e;border-radius:4px;padding:5px 7px;font-size:8px}.od-state.pending{color:#ffedc9;background:#7c6846}.od-staff-actions{justify-content:flex-end;gap:7px;width:100%;display:flex}.od-staff-actions:empty{display:none}.od-staff-actions button{color:#d4e5b7;background:#425b37;border:1px solid #71865a;border-radius:5px;align-items:center;gap:4px;padding:7px 10px;font-size:10px;display:inline-flex}.od-staff-footnote{color:#9aaf88;margin-top:20px;font-size:9px;line-height:1.8}.od-empty-book{color:#90a77d;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:180px;display:flex}.od-empty-book p{font-size:11px}.od-completion{border-top:1px solid #e0e7d4;justify-content:space-between;align-items:center;gap:25px;margin-top:30px;padding-top:27px;display:flex}.od-completion h2{letter-spacing:-.5px;margin:8px 0 10px;font-family:Georgia,serif;font-size:26px;font-weight:400}.od-completion p{color:#7b8a6e;max-width:500px;margin:0;font-size:11px;line-height:1.7}.od-completion .od-primary{flex-shrink:0}.od-test-links{justify-content:space-between;align-items:center;gap:20px;margin-top:18px;display:flex}.od-test-links a{color:#5f7a4e;align-items:center;gap:7px;font-size:11px;display:flex}@media (max-width:900px){.od-layout{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:17px}.od-main-card{padding:25px}.od-preview-card{padding:25px 18px}.od-heading h1{font-size:33px}.od-choice-grid{grid-template-columns:1fr}.od-choice-grid label{grid-template-columns:18px 1fr;gap:6px}.od-choice-grid label span{grid-column:2}.od-choice-grid label input{margin:0}.od-hours-row{grid-template-columns:61px 1fr auto 1fr;gap:4px}.od-test-columns{grid-template-columns:1fr 1fr}.od-guest-panel,.od-staff-panel{padding:20px}.od-completion{flex-direction:column;align-items:flex-start}}@media (max-width:680px){.od-nav{padding:19px 18px}.od-brand{font-size:23px}.od-brand small{display:none}.od-lab-link{max-width:126px;font-size:10px;line-height:1.5}.od-lab-link svg{flex-shrink:0}.od-shell{padding:26px 15px 20px}.od-intro{margin-bottom:24px}.od-intro p{display:none}.od-progress{gap:8px;margin-bottom:24px}.od-progress li{gap:8px;padding-top:10px;font-size:9px;display:grid}.od-progress li>span{width:23px;height:23px}.od-layout{display:block}.od-main-card{border-radius:11px;padding:24px 20px}.od-heading h1{letter-spacing:-1px;font-size:34px}.od-heading>p{font-size:11px}.od-preview-card{display:none}.od-pair{gap:11px}.od-main-card input:not([type=radio]):not([type=checkbox]),.od-main-card select,.od-main-card textarea{padding:12px 9px;font-size:16px}.od-table-inputs{gap:7px}.od-table-inputs label{padding:12px 8px;font-size:9px}.od-hours-row{grid-template-columns:61px 1fr auto 1fr;gap:5px}.od-hours-row input[type=time]{padding:8px 4px!important;font-size:12px!important}.od-actions{gap:15px}.od-primary{gap:9px;padding:14px 13px;font-size:11px!important}.od-footer{align-items:flex-start;gap:15px;margin-top:18px}.od-footer p{max-width:220px;font-size:8px}.od-footer button{font-size:9px}.od-choice-grid{grid-template-columns:1fr}.od-choice-grid strong{font-size:11px}.od-choice-grid span{font-size:10px}.od-test-columns{grid-template-columns:1fr}.od-layout-test .od-main-card{padding:24px 14px}.od-layout-test .od-heading{padding:0 6px}.od-test-banner{font-size:9px;line-height:1.6}.od-guest-panel,.od-staff-panel{padding:22px 17px}.od-test-links{flex-wrap:wrap;gap:7px}.od-test-links a{font-size:10px}.od-completion{gap:18px;padding:24px 6px 0}.od-completion h2{font-size:26px}}
