/* Readable, complete product excerpts; no scaled desktop screenshots. */
.help-setup-preview{width:100%;height:100%;container-type:inline-size;overflow:hidden;color:#242c36;background:#eff0e6;color-scheme:light;text-align:left}
.help-setup-preview *{box-sizing:border-box}.help-setup-preview .hsp-stage{height:100%;padding:1.4em 1.6em;display:flex;flex-direction:column;justify-content:center;gap:.9em;font:500 2.65cqw/1.45 'Orka Dashboard',Manrope,Arial,sans-serif;background:linear-gradient(#eff0e6ed,#eff0e6ed),url('/assets/dashboard-ocean-pattern.svg') center/27em}
.help-setup-preview :is(p,h4,figure,pre){margin:0}.help-setup-preview :is(strong,b){color:inherit;letter-spacing:0;font-weight:700}.help-setup-preview small{font-size:.78em;line-height:1.45;color:#839080}.help-setup-preview .dp-icon{width:1.2em;height:1.2em;flex-shrink:0;vertical-align:middle}.help-setup-preview .dp-person{width:2.6em;height:2.6em;border-radius:50%;object-fit:cover;flex-shrink:0}.hsp-panel{background:white;border:1px solid #d6ddd3;border-radius:1.1em;overflow:hidden;box-shadow:0 .4em 1.4em #1b342508}.hsp-heading{display:flex;align-items:center;gap:.65em;background:#f8f9fa;border-bottom:1px solid #e5e8e1;padding:.9em 1em}.hsp-heading>.dp-icon{color:#5f844e}.hsp-heading>strong{font-size:1.12em}.hsp-heading>.hsp-badge{margin-left:auto}.hsp-body{padding:1em}.hsp-badge{display:inline-flex;align-items:center;gap:.35em;font-size:.76em;padding:.2em .55em;border-radius:.4em;white-space:nowrap;background:#edf6e8;color:#408b42}.hsp-badge.blue{background:#eef3ff;color:#5278db}.hsp-badge.amber{background:#fff2dd;color:#b47d32}.hsp-badge.gray{background:#f0f2f4;color:#7f8792}.hsp-field{margin-bottom:.8em}.hsp-field>span{display:block;font-size:.82em;font-weight:650;margin-bottom:.35em}.hsp-field>div{display:flex;align-items:center;justify-content:space-between;gap:.5em;padding:.65em .8em;border:1px solid #d8dfe5;border-radius:.6em;background:#fff;font-size:.95em}.hsp-field:last-child{margin:0}.hsp-field code{font-size:.85em}.hsp-row{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:.72em 0;border-bottom:1px solid #eef0ec;font-size:.92em}.hsp-row:last-child{border-bottom:0}.hsp-row>span{min-width:0}.hsp-muted{color:#8b9189;font-size:.8em;line-height:1.55;margin-top:.85em}.hsp-subheading{font-weight:700;margin-top:1em}.hsp-subheading small{display:block;font-weight:400;margin-top:.15em}.hsp-footnote{display:flex;align-items:center;justify-content:center;gap:.5em;font-size:.85em;color:#6b7e61}.hsp-button{display:inline-flex;align-items:center;gap:.45em;white-space:nowrap;padding:.6em .75em;border-radius:.6em;background:#252a25;color:white;font-size:.8em}.hsp-toggle{display:inline-block;width:2.5em;height:1.4em;padding:.18em;background:#cbd5e1;border-radius:2em;flex-shrink:0}.hsp-toggle:after{content:'';display:block;width:1.04em;height:1.04em;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002}.hsp-toggle.on{background:#26342a}.hsp-toggle.on:after{margin-left:auto}
.hsp-imports{display:grid;grid-template-columns:repeat(4,1fr);gap:.6em}.hsp-imports>div{border:1px solid #dfe5da;border-radius:.65em;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:.7em;padding:.9em .2em;font-size:.8em;white-space:nowrap}.hsp-imports img{width:2.1em;height:2.1em;object-fit:contain}.hsp-import-result{display:flex;align-items:center;gap:.7em;margin-top:.8em;padding:.8em;background:#f3f6ed;border-radius:.6em}.hsp-import-result>span:nth-child(2){display:flex;flex-direction:column;gap:.2em;font-size:.85em}.hsp-import-result>.hsp-badge{margin-left:auto}
.hsp-view-editor .hsp-stage{font-size:2.5cqw}.hsp-editor-demo{border:1px solid #e0e4e9;border-radius:.6em;overflow:hidden}.hsp-editor-toolbar{display:flex;align-items:center;gap:.8em;background:#f7f8fa;padding:.6em;border-bottom:1px solid #e7e9ed}.hsp-editor-toolbar button{display:flex;align-items:center;gap:.4em;font:inherit;font-size:.8em;border:0;background:transparent;color:#78838c;padding:.35em .65em;border-radius:2em;cursor:pointer}.hsp-editor-toolbar button[aria-pressed=true]{background:#252a25;color:white}.hsp-editor-toolbar>span,.hsp-editor-toolbar>b,.hsp-editor-toolbar>i{font-size:.8em}.hsp-editor-toolbar>.dp-icon{width:1em}.hsp-editor-demo [hidden]{display:none!important}.hsp-editor-demo pre{height:12em;padding:1em;white-space:pre-wrap;font:.85em/1.65 monospace;color:#52614b}.hsp-article{padding:.9em 1em;min-height:10.2em}.hsp-article>strong{display:block;margin:.3em 0 .5em;font-size:1.05em}.hsp-article p{font-size:.85em;line-height:1.6}.hsp-callout{background:#f0f5eb;border-left:.2em solid #9cb88a;padding:.5em .65em;margin-top:.6em;font-size:.75em}.hsp-article small{letter-spacing:.1em;font-size:.6em}
.hsp-progress{height:.4em;margin:.75em 0 .5em;background:#eef1f4;border-radius:1em;overflow:hidden}.hsp-progress i{display:block;width:65%;height:100%;background:#7998f5;border-radius:1em}.hsp-warning{display:flex;align-items:center;gap:.7em;padding:.75em;background:#fff8e9;border-radius:.65em;margin:.9em 0;color:#aa7834}.hsp-warning>span:nth-child(2){display:flex;flex-direction:column;gap:.2em;font-size:.82em}.hsp-warning>.hsp-badge{margin-left:auto;font-size:.65em}.hsp-view-review .hsp-body{padding:.9em 1em}
.hsp-widget{width:100%;max-width:29em;margin:auto;background:#fff;border:1px solid #dadfe0;border-radius:1.8em;padding:1.15em;box-shadow:0 .5em 1.8em #20382308}.hsp-tabs{display:flex;align-items:center;border-radius:3em;padding:.25em;background:#f1f3f6;font-size:.85em;margin-bottom:1.15em;color:#8d9cb2}.hsp-tabs>span{display:flex;align-items:center;justify-content:center;gap:.45em;padding:.5em;flex:1;border-radius:3em}.hsp-tabs>.selected{background:white;color:#385475;box-shadow:0 .1em .4em #25344d08;font-weight:700}.hsp-search{display:flex;align-items:center;gap:.6em;padding:.8em;background:#f1f3f6;color:#8794a3;border-radius:.75em;font-size:.92em}.hsp-search>strong{color:#4b5d71}.hsp-result-label{display:block;font-size:.65em!important;margin:1.1em .1em .6em;letter-spacing:.06em}.hsp-search-result{display:flex;gap:.7em;align-items:center;border:1px solid #e5e9df;border-radius:.75em;padding:1em .7em}.hsp-search-result>div{flex:1}.hsp-search-result strong{font-size:.9em}.hsp-search-result p{font-size:.75em;color:#8c9686;margin-top:.4em}.hsp-search-result>.dp-icon:last-child{transform:rotate(-90deg);width:.8em}.hsp-help-bottom{text-align:center;border-top:1px solid #edf0e9;padding-top:1.1em;margin-top:1.2em;color:#8c9685;font-size:.75em}.hsp-help-bottom>span{color:#557b42;font-weight:700}
.hsp-knowledge-source{display:flex;align-items:center;gap:.8em;border:1px solid #e1e7dc;border-radius:.7em;padding:.9em}.hsp-knowledge-source>span{display:flex;flex-direction:column;gap:.2em;font-size:.85em}.hsp-knowledge-source>.hsp-badge{margin-left:auto;font-size:.65em}.hsp-knowledge-arrow{text-align:center;color:#9ba991;line-height:1.8}.hsp-ai-answer{padding:1em;background:#f0f5e9;border:1px solid #dce7d2;border-radius:.8em}.hsp-ai-answer>div{display:flex;align-items:center;gap:.5em;font-size:.9em}.hsp-ai-answer>div>.hsp-badge{margin-left:auto}.hsp-ai-answer p{font-size:.92em;line-height:1.6;margin:.7em 0}.hsp-ai-answer>small{font-size:.7em}.hsp-article-filters{display:flex;gap:.5em;font-size:.8em}.hsp-article-filters>span{display:flex;align-items:center;gap:.5em;padding:.6em;border:1px solid #dbe1e6;border-radius:.6em;white-space:nowrap}.hsp-article-filters>span:first-child{flex:1;color:#98a09a}.hsp-filter-chips{display:flex;gap:.8em;align-items:center;margin:1em 0;font-size:.85em}.hsp-filter-chips>.hsp-badge{font-size:1em}.hsp-publishing .hsp-row{font-size:.8em;padding:1em 0}.hsp-search-snippet{margin-top:1em;padding:.85em;border:1px solid #e1e6dc;border-radius:.7em}.hsp-search-snippet small{display:block;font-size:.65em}.hsp-search-snippet strong{display:block;font-size:.95em;color:#536cbd;margin:.4em 0}.hsp-search-snippet p{font-size:.8em;color:#7b8772}.hsp-brand-controls{display:flex;align-items:center;gap:.4em;font-size:.75em}.hsp-brand-controls>span{display:flex;align-items:center;gap:.4em}.hsp-brand-controls>span:last-child{margin-left:auto}.hsp-brand-controls>i{width:1.1em;height:1.1em;background:#244b3d;border:2px solid white;border-radius:50%}.hsp-brand-controls>i:nth-of-type(2){background:#d6fb66}.hsp-brand-controls>i:nth-of-type(3){background:#708ccc}.hsp-help-site{background:white;border:1px solid #d6ddd3;border-radius:1em;overflow:hidden}.hsp-help-site>div:first-child{padding:1em;background:#254b3d;color:white;display:flex;align-items:center;justify-content:space-between}.hsp-help-site>div:first-child>span{font-size:.65em;opacity:.8}.hsp-help-site h4{font-size:1.35em;padding:1em 1em .75em;text-align:center}.hsp-help-site>.hsp-search{margin:0 1em 1em}.hsp-help-tiles{display:grid;grid-template-columns:1fr 1fr;gap:.65em;padding:0 1em 1em}.hsp-help-tiles>span{border:1px solid #e2e8db;border-radius:.65em;padding:.85em;font-size:.85em}.hsp-help-tiles strong,.hsp-help-tiles small{display:block;margin-top:.35em}
.hsp-channel-row{display:flex;align-items:center;gap:.7em;padding:.8em 0;border-bottom:1px solid #edf0e9}.hsp-project-icon{display:grid;place-items:center;width:2.6em;height:2.6em;border-radius:.65em;background:#e3edd7;color:#557448;font-weight:750}.hsp-project-icon.blue{background:#e6eeff;color:#5275be}.hsp-channel-row>div{display:flex;flex-direction:column;gap:.2em}.hsp-channel-row>.hsp-badge{margin-left:auto}.hsp-channel-examples{display:grid;grid-template-columns:1fr 1fr;gap:.7em;margin-top:1em}.hsp-channel-examples>div{border:1px solid #e1e7dc;border-radius:.75em;padding:.8em;font-size:.85em}.hsp-channel-examples strong,.hsp-channel-examples small{display:block;margin-top:.4em}.hsp-team{display:flex;align-items:center;gap:.8em;padding:.4em .15em 1.2em}.hsp-team>span{display:flex;padding-left:.3em}.hsp-team .dp-person{width:2.4em;height:2.4em;border:2px solid white;margin-left:-.4em}.hsp-team strong{font-size:.95em;color:#4f627c}.hsp-team small{display:block;color:#8fa2bd;margin-top:.25em}.hsp-team small i{display:inline-block;width:.55em;height:.55em;background:#46ba7c;border-radius:50%}.hsp-reply-time{display:flex;align-items:center;gap:1em;padding:1em;border-radius:1em;background:#f1f5ea;color:#627c4c}.hsp-reply-time>span{font-size:.85em}.hsp-reply-time strong{display:block;font-size:1.6em;margin-top:.15em}.hsp-message{padding:.9em 1em;background:#f1f4f2;border-radius:1.2em 1.2em 1.2em .3em;margin-top:1.4em;max-width:90%;width:max-content;font-size:.85em;color:#4c5a52}.hsp-banner{display:flex;align-items:flex-start;gap:.8em;padding:1em;border-radius:.9em;background:#f1f3f7;color:#4e6686}.hsp-banner>.dp-icon{margin-top:.15em}.hsp-banner strong{font-size:1em}.hsp-banner p{font-size:.85em;margin-top:.45em;line-height:1.65}.hsp-banner.break{background:#faf5e9;color:#927245}.hsp-banner.panic{background:#fff0ed;color:#b35d4b}.hsp-banner.announcement{background:#edf5e7;color:#5c7b48}.hsp-banner-footer{display:flex;align-items:center;justify-content:center;gap:.5em;color:#8e9985;font-size:.78em;padding:1.5em 0 .3em}
.hsp-timezone{display:flex;gap:.6em;align-items:center;font-size:.9em}.hsp-timezone>span{margin-left:auto;color:#94a08d;font-size:.8em}.hsp-week{display:flex;justify-content:space-between;gap:.5em;margin:1.15em 0}.hsp-week>span{display:grid;place-items:center;width:2.8em;height:2.8em;border:1px solid #e3e7de;border-radius:.65em;color:#a0a69c;font-size:.8em}.hsp-week>.selected{background:#eef4e5;border-color:#d3e1c6;color:#5d7c46}.hsp-hours-note{display:flex;align-items:center;gap:.7em;background:#f4f5f8;color:#7d8a9b;padding:.8em;border-radius:.6em;margin-top:.8em;font-size:.8em}.hsp-season-option{background:white;border:1px solid #dce3d6;border-radius:.8em;padding:.85em 1em}.hsp-season-option>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:.75em;margin-bottom:1em;color:#8c9685}.hsp-season-option>div:first-child>strong{color:#4e5e46}.hsp-season-launcher{position:relative;display:flex;align-items:center;gap:.8em;border-radius:1em;padding:1em;margin:.3em 0;background:#194737;color:#fff}.hsp-season-launcher>span:not(.hsp-ornament){display:flex;flex-direction:column;gap:.3em}.hsp-season-launcher strong{font-size:1.05em}.hsp-season-launcher small{color:#c3d7c9}.hsp-season-launcher>.dp-icon{margin-left:auto}.hsp-season-launcher.halloween{background:#32213f;color:#f5dbb3}.hsp-season-launcher.halloween small{color:#bfa5ca}.hsp-ornament{position:absolute;right:1em;top:-.85em;font-size:1.5em}.hsp-branding-setting{display:flex;align-items:center;gap:.7em;border:1px solid #dce2d6;background:white;padding:.9em 1em;border-radius:.8em;font-size:.9em}.hsp-branding-setting>.hsp-toggle{margin-left:auto}.hsp-own-logo{display:flex;align-items:center;gap:.7em;color:#527240;font-weight:800;font-size:2em;padding:.2em}.hsp-own-logo>span{display:flex;flex-direction:column;font-size:.55em;color:#394e33}.hsp-own-logo small{font-weight:400;margin-top:.3em}.hsp-view-branding .hsp-widget{padding:.85em 1.2em}.hsp-view-branding .hsp-message{margin-top:.5em}
.hsp-platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:.45em;margin-bottom:1em}.hsp-platforms>span{padding:.45em .2em;text-align:center;border:1px solid #e2e7dd;border-radius:.5em;font-size:.8em}.hsp-platforms>.selected{background:#eef4e7;border-color:#a8c291;color:#5c7f43}.hsp-install-step{display:flex;align-items:center;gap:.65em;padding:.65em 0;font-size:.9em}.hsp-install-step>b{display:grid;place-items:center;border-radius:50%;background:#f0f3ec;color:#7e9170;width:1.8em;height:1.8em;font-size:.8em}.hsp-install-step>.dp-icon{margin-left:auto;color:#91a183}.hsp-install-success{display:flex;align-items:center;gap:.8em;background:#f0f7e9;color:#608845;border-radius:.7em;padding:.85em;margin-top:.7em}.hsp-install-success>div{display:flex;flex-direction:column;gap:.25em;font-size:.85em}.hsp-setup-steps{list-style:none;padding:0;margin:0}.hsp-setup-steps>li{display:flex;align-items:center;gap:1em;padding:1em .2em;border-bottom:1px solid #ecf0e6}.hsp-setup-steps>li:last-child{border:0}.hsp-setup-steps>li>b{display:grid;place-items:center;width:2em;height:2em;border-radius:50%;background:#eff5e7;color:#6e8b55}.hsp-setup-steps>li>div{display:flex;flex-direction:column;gap:.3em;font-size:.9em}.hsp-setup-steps>li>div>span{font-size:.8em;color:#94a087}.hsp-setup-steps .dp-icon{margin-left:auto;color:#7f9c65}.hsp-code{background:#f6f8fa;color:#6d7a88;padding:.8em 1em;border:1px solid #e1e6eb;border-radius:.6em;font:.85em/1.5 monospace}.hsp-code em{color:#5e854b;font-style:normal}.hsp-data-table{border:1px solid #dfe5da;border-radius:.65em;padding:.7em 1em}.hsp-data-table>strong{font-size:.8em}.hsp-data-table .hsp-row{font-size:.8em;padding:.4em 0}.hsp-native-pair{display:flex;justify-content:center;gap:1.3em;height:18em}.hsp-native-pair .native-app-phone{height:100%;width:auto;aspect-ratio:1179/2556;padding:0;border-radius:1em;border:.2em solid #fafafa;box-shadow:0 .4em 1em #1b30281a;overflow:hidden}.hsp-native-pair img{display:block;width:100%;height:100%;object-fit:contain}.hsp-native-pair figcaption{display:none}.hsp-view-mobile .hsp-stage{gap:1em;padding:1em}.hsp-native-label{text-align:center}.hsp-native-label strong{display:block;font-size:1em}.hsp-native-label small{display:block;font-size:.65em;margin-top:.3em}.hsp-website{position:relative;background:#fff;border:1px solid #dbe1d6;border-radius:.9em;overflow:hidden}.hsp-browser-bar{display:flex;align-items:center;gap:.3em;background:#f7f8f5;padding:.65em .8em;border-bottom:1px solid #e6e9e2}.hsp-browser-bar>i{width:.4em;height:.4em;border-radius:50%;background:#c7d2be}.hsp-browser-bar>span{margin-left:.5em;color:#97a18e;font-size:.65em}.hsp-website-copy{display:flex;flex-direction:column;gap:.75em;background:#faf9f2;padding:1.3em 1.6em 3.8em}.hsp-website-copy>small{font-size:.65em;letter-spacing:.15em}.hsp-website-copy>strong{font:500 2.15em/1.15 Georgia,serif;color:#355442}.hsp-website-copy>span{font-size:.65em;color:#748966}.hsp-mini-launcher{position:absolute;bottom:1em;right:1em;display:flex;gap:.6em;align-items:center;background:white;border:1px solid #d9e1d2;border-radius:.75em;padding:.6em .8em;box-shadow:0 .2em .8em #26412f0a;font-size:.8em}.hsp-mini-launcher .dp-person{width:2em;height:2em}.hsp-load-note{display:flex;align-items:center;justify-content:center;gap:.5em;font-size:.78em;color:#6a8259}.hsp-api-route,.hsp-mcp-connected{display:flex;justify-content:center;align-items:center;gap:1em;padding:1em 0}.hsp-api-route>span{display:flex;align-items:center;gap:.6em;padding:.65em;border:1px solid #e1e6dd;border-radius:.65em;font-size:.9em}.hsp-api-route>b{color:#a0ad96}.hsp-api-features{padding:.1em .5em}.hsp-api-features .hsp-row{padding:.5em 0;font-size:.85em}.hsp-api-features .dp-icon{color:#7fa066}.hsp-api-max{display:flex;align-items:center;gap:.6em;margin-top:1em;padding:.85em;background:#f1f6eb;border-radius:.65em;flex-wrap:wrap;font-size:.9em}.hsp-api-max small{width:100%;padding-left:3.5em}.hsp-mcp-connected{font-size:.9em;gap:.65em}.hsp-mcp-connected>img{width:1.8em;height:1.7em}.hsp-mcp-request{padding:.9em;border-radius:.8em;background:#f0f5e9;margin:.6em 0 1em;font-size:.9em}.hsp-mcp-result{display:flex;align-items:center;gap:.7em;border:1px solid #e0e7d9;border-radius:.75em;padding:.9em}.hsp-mcp-result>span{display:flex;flex-direction:column;font-size:.85em;gap:.3em}.hsp-mcp-result>.hsp-badge{margin-left:auto;font-size:.7em}
.hsp-view-hours .hsp-stage,.hsp-view-installation .hsp-stage{padding:.9em 1.4em}.hsp-view-hours .hsp-body,.hsp-view-installation .hsp-body{padding:.9em}
/* A few legible controls from the real scheduling, design and installation screens. */
.help-setup-preview .hsp-schedule-intro{font-size:.9em;line-height:1.45;color:#7b8490;margin-bottom:1em!important}.hsp-schedule{border:1px solid #e2e6ec;border-radius:.8em;padding:.8em 1.1em .5em}.hsp-schedule-scale{position:relative;height:1.8em;margin-left:9.3em;margin-right:.4em;font-size:.75em;color:#9299a4}.hsp-schedule-scale>span{position:absolute;transform:translateX(-50%);background:#fafbfc;border:1px solid #e9ebef;border-radius:.25em;padding:0 .25em;line-height:1.4}.hsp-schedule-scale>span:nth-child(1){left:0;transform:none}.hsp-schedule-scale>span:nth-child(2){left:33.333%}.hsp-schedule-scale>span:nth-child(3){left:75%}.hsp-schedule-scale>span:nth-child(4){right:0;transform:none}.hsp-schedule-day{display:flex;align-items:center;gap:1em;padding:.75em 0;opacity:.4}.hsp-schedule-day.enabled{opacity:1}.hsp-day-label{display:flex;align-items:center;gap:.7em;width:8.1em;flex-shrink:0;font-size:.85em}.hsp-day-label>i{display:grid;place-items:center;width:1.3em;height:1.3em;background:#fff;border:1px solid #aeb8c6;border-radius:.3em;font-style:normal}.enabled .hsp-day-label>i{background:#242a33;border-color:#242a33;color:#fff}.hsp-day-label .dp-icon{width:.9em;height:.9em}.hsp-time-track{position:relative;flex:1;height:.35em;background:#e9ecf1;border-radius:1em;margin-inline:.35em}.hsp-time-track>span{position:absolute;height:100%;background:#467ef1;border-radius:1em}.hsp-time-track>span:first-child{left:0;width:33.333%}.hsp-time-track>span:last-child{left:75%;width:25%}.hsp-time-track>span:before,.hsp-time-track>span:after{content:'';position:absolute;top:50%;transform:translate(-50%,-50%);width:1.05em;height:1.05em;border:.25em solid #467ef1;background:#fff;border-radius:50%}.hsp-time-track>span:before{left:0}.hsp-time-track>span:after{left:100%}.hsp-schedule-legend{display:flex;align-items:center;gap:.4em;margin:.9em 0 1.1em;color:#4677cc;font-size:.7em}.hsp-schedule-legend>i{width:.65em;height:.65em;border-radius:50%;background:#467ef1}.hsp-schedule-legend>span{color:#8e96a1;margin-left:auto}.hsp-view-hours .hsp-timezone{border-top:1px solid #edf0f2;padding-top:.8em;color:#8a929d;font-size:.75em}.hsp-view-hours .hsp-timezone strong{margin-left:auto;color:#5d6876}
.hsp-view-layouts .hsp-stage{font-size:2.5cqw;padding:1.1em}.hsp-view-layouts .hsp-body{padding:.75em}.hsp-layout-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7em}.hsp-layout-option{border:1px solid #e0e6ef;border-radius:.8em;overflow:hidden;min-width:0}.hsp-layout-option.selected{border-color:#769df0;box-shadow:0 0 0 .15em #edf3ff}.hsp-layout-label{display:flex;align-items:center;justify-content:space-between;gap:.3em;height:2.7em;padding:0 .8em;font-size:.75em;background:#fff}.hsp-layout-label>.hsp-badge{font-size:.8em}.hsp-layout-canvas{display:grid;place-items:center;background:#f6f8fb;height:6.8em;padding:.55em .65em}.hsp-launcher{display:flex;align-items:center;gap:.45em;background:#fff;border-radius:3em;padding:.8em .7em;box-shadow:0 .3em 1em #22374d0c;width:100%;font-size:.77em}.help-setup-preview .hsp-launcher-faces{display:flex;flex-shrink:0;padding-left:.25em}.help-setup-preview .hsp-launcher-faces .dp-person{height:1.7em;width:1.7em;margin-left:-.3em;border:.13em solid #fff}.hsp-launcher-welcome{display:flex;flex-direction:column;gap:.2em;white-space:nowrap}.hsp-launcher-welcome strong{font-size:1em}.hsp-launcher small{font-size:.7em;color:#8592a4}.hsp-launcher small i{display:inline-block;width:.65em;height:.65em;background:#44c250;box-shadow:0 0 0 .2em #e6f8e4;border-radius:50%;margin-right:.3em}.hsp-launcher-logo{height:1.9em;width:1.9em;object-fit:contain;margin-left:auto;flex-shrink:0}.hsp-launcher.dock{width:85%;border-radius:1.7em;display:grid;grid-template-columns:1fr auto;gap:.65em;padding:1em}.hsp-launcher.dock .hsp-launcher-welcome{grid-row:2;grid-column:1/3;text-align:center}.hsp-launcher.dock .hsp-launcher-logo{grid-row:1;grid-column:2}.hsp-launcher.night{background:#1c2b40;color:#fff;border-radius:1.3em;display:grid;grid-template-columns:1fr auto;padding:1em;gap:.7em;width:90%}.hsp-launcher.night small{color:#b7c5d5}.hsp-launcher.night .hsp-launcher-logo{grid-column:2;grid-row:1}.hsp-launcher.night .hsp-launcher-faces{grid-column:1/3}.help-setup-preview .hsp-launcher.night .dp-person{border-color:#1c2b40}.hsp-launcher.crew{display:grid;grid-template-columns:1fr auto;width:90%;border:1px solid #e0e9f5;border-radius:1.2em;padding:.8em;gap:.4em}.hsp-launcher.crew>strong{font-size:.95em}.hsp-launcher.crew>.hsp-launcher-logo{width:1.65em;height:1.65em}.hsp-crew-profiles{display:flex;justify-content:space-around;gap:.5em;grid-column:1/3}.hsp-crew-profiles>span{display:flex;flex-direction:column;align-items:center;gap:.25em}.help-setup-preview .hsp-crew-profiles .dp-person{height:2em;width:2em}.hsp-launcher.crew>small{grid-column:1/3;border-top:1px solid #edf1f6;padding-top:.5em}
.hsp-platform-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6em}.hsp-platform-logos>div{display:flex;align-items:center;justify-content:center;gap:.6em;position:relative;border:1px solid #e1e5df;border-radius:.6em;padding:1em .4em;font-size:.78em}.hsp-platform-logos img{width:2em;height:2em;object-fit:contain}.hsp-platform-logos>.selected{border-color:#9bbf7a;background:#f4f9ed;color:#4d7337}.hsp-platform-logos .dp-icon{position:absolute;width:.9em;height:.9em;top:.35em;right:.35em;color:#649943}.hsp-shopify-install{background:#f3f7ee;border:1px solid #e0e8d7;border-radius:.75em;padding:1em;margin-top:1em}.hsp-shopify-install strong{font-size:.95em}.help-setup-preview .hsp-shopify-install p{font-size:.8em;line-height:1.45;color:#7d8c70;margin:.3em 0 .85em}.hsp-shopify-install .hsp-button{font-size:.75em;padding:.6em .9em}.hsp-install-other{display:flex;align-items:center;justify-content:center;gap:.5em;font-size:.72em;color:#89947e;padding:.95em 0 0}
/* Native product photographs sit outside the miniature illustration system. */
.native-app-gallery{background:#eaf0e3;border:1px solid #d9e2cf;border-radius:24px;padding:40px 32px;color:#253d2e;overflow:hidden;text-align:center}.native-app-intro>span{font:600 10px/1.5 monospace;letter-spacing:.16em;color:#73905a}.native-app-intro h2{font-size:clamp(28px,3.2vw,46px);line-height:1.1;letter-spacing:-.045em;margin:16px 0!important}.native-app-intro p{font-size:14px!important;line-height:1.7!important;color:#75856b;margin:0 auto 8px!important;max-width:40ch}.native-app-intro small{font-size:10px;color:#8b9782}.native-app-screens{display:flex;gap:22px;justify-content:center;align-items:flex-start;margin:32px auto;max-width:800px}.native-app-screens .native-app-phone{margin:0;flex:1;max-width:240px;min-width:0}.native-app-screens img{display:block;width:100%;height:auto;border:5px solid #fff;border-radius:28px;box-shadow:0 12px 32px #203b2820}.native-app-screens figcaption{font-size:12px;font-weight:650;margin-top:15px;color:#5d7651}.native-app-downloads{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.native-app-downloads a{display:inline-flex}.native-app-downloads img{object-fit:contain;height:40px;width:auto}.native-app-downloads>a:nth-child(2)>img{height:51px;margin:-6px -7px}.native-app-downloads p{width:100%;font-size:11px!important;color:#7c8e6f;margin:10px 0 0!important}.operator-native-gallery{width:calc(100% - 88px);max-width:1300px;margin:30px auto 80px}.operator-native-gallery .native-app-screens{max-width:860px}.marketing-device-scene:has(.native-app-gallery){border:0;background:none;overflow:visible;padding:0;box-shadow:none}
@media(max-width:700px){.native-app-gallery{padding:28px 16px;border-radius:20px}.native-app-screens{gap:10px;margin:24px auto}.native-app-screens img{border-width:3px;border-radius:16px}.native-app-screens figcaption{font-size:9px;line-height:1.5;margin-top:10px}.native-app-intro p{font-size:12px!important}.operator-native-gallery{width:calc(100% - 38px);margin-bottom:45px}}
@media(prefers-reduced-motion:reduce){.hsp-progress i{animation:none}}
/* The home section gives the real app screens room, followed by the setup tools. */
.feature-group.everywhere-equipment>.marketing-device-scene{grid-column:1/-1;border:0;overflow:visible;background:none}.everywhere-equipment .native-app-gallery{display:grid;grid-template-columns:.85fr 1.6fr;gap:24px 36px;padding:36px}.everywhere-equipment .native-app-intro{align-self:end;text-align:left}.everywhere-equipment .native-app-intro h2{font-size:clamp(28px,3vw,42px)}.everywhere-equipment .native-app-intro p{margin-left:0!important}.everywhere-equipment .native-app-screens{grid-column:2;grid-row:1/3;margin:0;gap:16px;align-self:center}.everywhere-equipment .native-app-downloads{align-self:start;justify-content:flex-start;text-align:left}.everywhere-equipment>.feature-list{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));align-self:start;column-gap:28px;margin-top:20px}.everywhere-equipment>.feature-list .feature-item{align-self:start}.everywhere-equipment .native-app-downloads .store-badge-google{height:40px;width:136px}.everywhere-equipment .native-app-downloads .store-badge-google img{height:51px;width:132px;max-width:none}
@media(max-width:900px){.everywhere-equipment .native-app-gallery{display:block;padding:28px 22px}.everywhere-equipment .native-app-intro{text-align:center}.everywhere-equipment .native-app-intro p{margin-inline:auto!important}.everywhere-equipment .native-app-screens{margin:24px auto}.everywhere-equipment .native-app-downloads{justify-content:center;text-align:center}.everywhere-equipment>.feature-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.native-app-screens,.everywhere-equipment .native-app-screens{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 18px;gap:16px}.native-app-screens .native-app-phone{flex:0 0 190px;max-width:190px;scroll-snap-align:center}.native-app-screens figcaption{font-size:11px}.everywhere-equipment>.feature-list{grid-template-columns:1fr}.everywhere-equipment .native-app-gallery{padding:24px 18px}.native-app-screens img{border-radius:22px}}