/* Real HTML demonstration screens. No bitmap scaling or device-preview selector. */
.product-showcase{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,7fr);gap:calc(25 * var(--u));padding:calc(38 * var(--u)) calc(42 * var(--u));overflow:hidden;background:radial-gradient(ellipse at 70% 60%,#d6edff90,transparent 65%),linear-gradient(135deg,#fbfdff,#eef8ff)}
.tour-intro{padding-top:calc(9 * var(--u));min-width:0}.tour-intro>.eyebrow{font-size:calc(8 * var(--u));color:#0877f9;letter-spacing:.16em}.tour-intro h2{font-size:calc(29 * var(--u));line-height:1.22;letter-spacing:-.04em;margin-top:calc(7 * var(--u))}.tour-intro>p{font-size:calc(12.5 * var(--u));line-height:1.7;margin-top:calc(12 * var(--u))}
.tour-tabs{display:grid;gap:calc(7 * var(--u));margin-top:calc(20 * var(--u))}.tour-tabs button{position:relative;overflow:hidden;text-align:left;display:flex;align-items:center;gap:calc(10 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u));min-height:calc(60 * var(--u));border:1px solid transparent;border-radius:calc(11 * var(--u));color:#5f7495;background:#ffffff60;transition:background .25s,border-color .25s,box-shadow .25s}.tour-tabs button>span:nth-child(2){flex:1;min-width:0}.tour-tabs strong{display:block;font-size:calc(12 * var(--u));font-weight:600;line-height:1.5}.tour-tabs small{display:block;font-size:calc(9 * var(--u));font-weight:400;line-height:1.6;margin-top:calc(2 * var(--u))}.tour-step{font:600 calc(11 * var(--u))/1 Arial,sans-serif;color:#8197b3}.tour-tabs .icon{width:calc(19 * var(--u));height:calc(19 * var(--u));flex:none;opacity:.7}.tour-tabs button[aria-selected=true]{color:#0a2456;background:white;border-color:#95caff;box-shadow:0 calc(5 * var(--u)) calc(18 * var(--u)) #347ad312}.tour-tabs button[aria-selected=true] .tour-step,.tour-tabs button[aria-selected=true] .icon{color:#006cff;opacity:1}.tour-tab-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#5ed8ff,#0969ff);transform:scaleX(0);transform-origin:left}.tour-tabs button[aria-selected=true] .tour-tab-progress{transform:scaleX(var(--tour-progress,0))}.tour-hint{display:block;margin-top:calc(10 * var(--u));font-size:calc(9 * var(--u));color:#7089a7}
.tour-stage{align-self:center;min-width:0;border:1px solid #c1ddfa;border-radius:calc(14 * var(--u));background:white;box-shadow:0 calc(14 * var(--u)) calc(38 * var(--u)) #2b6caa15;overflow:hidden;font-size:clamp(12px,1.2vw,18px)}
.tour-window-bar{height:3em;background:#0e2038;color:#9fb4d1;display:flex;align-items:center;gap:1em;padding:0 1.15em;font:inherit;font-size:.75em;letter-spacing:.02em}.tour-window-dots{display:flex;gap:.45em;flex:none}.tour-window-dots i{width:.7em;height:.7em;background:#ff6a68;border-radius:50%}.tour-window-dots i:nth-child(2){background:#f3c449}.tour-window-dots i:nth-child(3){background:#36ce92}.tour-location{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tour-demo-badge{color:#b9e5ff;background:#1e3957;border:1px solid #355673;border-radius:30px;padding:.3em .8em;white-space:nowrap;font-size:.95em}
.tour-screens{background:#f5f8fd;position:relative}.tour-scene{height:35em;overflow:hidden;position:relative;background:#f5f8fc}.tour-scene[hidden]{display:none!important}.tour-scene:focus-visible{outline:2px solid #0b83ff;outline-offset:-3px}.tour-playing .tour-scene{animation:tour-screen-in .45s cubic-bezier(.2,.7,.2,1) both}
.tour-website{display:grid;grid-template-rows:4.4em minmax(0,1fr) 2em 6.5em}.tour-website .demo-site-hero,.tour-website .demo-amenities{height:auto}
.demo-site-nav{height:4.4em;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:1em;padding:0 2em}.demo-site-nav>strong{font:1.65em/1 Georgia,serif;color:#142d40;flex:none}.demo-site-nav>strong>span{display:block;font:400 .3em/1.6 Arial,sans-serif;letter-spacing:.2em;margin-top:.6em}.demo-site-links{font-size:.7em;color:#4c6679}.demo-nav-pill{font-size:.68em;padding:.65em 1.15em;border-radius:25px;color:white;background:#174665}
.demo-site-hero{position:relative;height:17em;overflow:hidden;background:#b5ddea}.demo-site-hero>img{width:100%;height:100%;object-fit:cover;object-position:50% 46%}.demo-site-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#062e3c99,transparent 85%)}.demo-site-hero>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:1.5em 2.5em;color:#fff;z-index:1}.demo-site-hero small{font:400 .5em/1.6 Arial,sans-serif;letter-spacing:.2em}.demo-site-hero h3{font-size:2.45em;line-height:1.24;margin-top:.28em;font-weight:600;letter-spacing:-.03em;text-shadow:0 1px 8px #001a2140}.demo-site-hero p{font-size:.84em;line-height:1.5;color:#f0f9ff;margin-top:.6em}.demo-site-cta{display:flex;align-items:center;gap:2em;padding:.65em 1em;background:#fff;color:#16415c;border-radius:3px;font-size:.72em;margin-top:1.25em;box-shadow:0 2px 10px #001a211a}.demo-site-cta>span{font-size:1.35em;line-height:1}
.demo-amenities{height:2.7em;display:flex;justify-content:center;align-items:center;gap:3em;background:#f6fafb;border-bottom:1px solid #e4edf1;color:#577581;font-size:.72em}.demo-room-strip{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:.9em;padding:1em 1.6em;background:white}.demo-room-strip>div{display:flex;justify-content:center;flex-direction:column}.demo-room-strip>div>small{font:.5em/1.6 Arial,sans-serif;letter-spacing:.13em;color:#65869a}.demo-room-strip>div>strong{font-size:.95em;line-height:1.4;margin-top:.3em;font-weight:600;color:#254858}.demo-room-strip article{display:flex;align-items:center;gap:.65em;overflow:hidden;border:1px solid #e4edf2;border-radius:6px;padding:.4em;background:#fcfefe}.demo-room-strip article>img{width:43%;height:4em;object-fit:cover}.demo-room-strip article:last-child>img{object-position:right}.demo-room-strip article b{font:600 .65em/1.5 Arial,sans-serif;display:block;white-space:nowrap}.demo-room-strip article small{font-size:.6em;display:block;margin-top:.35em;color:#718b9b;white-space:nowrap}
.demo-admin{height:100%;display:grid;grid-template-columns:22% minmax(0,78%)}.demo-sidebar{padding:1.5em .8em;background:#0e2341;color:#8ca5c9;display:flex;flex-direction:column;font-size:.78em;gap:.45em}.demo-sidebar>b{font:700 .78em/1.5 Arial,sans-serif;color:#fff;margin-bottom:2em;white-space:nowrap;display:flex;align-items:center;gap:.6em}.demo-sidebar>b>span{display:inline-grid;place-items:center;background:#166aef;border:1px solid #4199ff;border-radius:6px;width:2.2em;height:2.2em}.demo-sidebar>span{padding:.9em .7em;border-radius:6px;white-space:nowrap}.demo-sidebar .selected{background:#1e4372;color:#fff}.demo-sidebar>small{font-size:.8em;line-height:1.7;margin-top:auto;padding:.7em;color:#6c8caf}.demo-admin-main{padding:1.4em 1.5em;min-width:0;overflow:hidden}.demo-page-heading{display:flex;align-items:center;justify-content:space-between;gap:1em;margin-bottom:1.2em}.demo-page-heading small{font:600 .52em/1.3 Arial,sans-serif;letter-spacing:.15em;color:#7992b0}.demo-page-heading h3{font-size:1.3em;line-height:1.3;margin-top:.3em;font-weight:700}.demo-user{display:grid;place-items:center;flex:none;width:2.4em;height:2.4em;border-radius:50%;background:#dcecff;color:#2866be;font-size:.8em;font-weight:700}.demo-date{font-size:.64em;padding:.5em .7em;border:1px solid #dce7f3;border-radius:6px;background:#fff;white-space:nowrap;color:#66809d}
.demo-settings-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:1.1em;padding:1.15em;background:white;border:1px solid #e0e9f3;border-radius:9px}.demo-field-label{font-size:.7em;font-weight:600;color:#526984;margin-bottom:.5em;display:block}.demo-field{font-size:.75em;line-height:1.5;padding:.8em .8em;border:1px solid #dce6f1;border-radius:5px;min-height:3.1em;margin-bottom:1.2em;color:#385773;background:#fbfdff;overflow-wrap:anywhere}.demo-field-writing{border-color:#77b9ff;box-shadow:0 0 0 2px #e5f3ff;white-space:nowrap;font-family:Arial,sans-serif;letter-spacing:-.03em}.tour-type-cursor{display:inline-block;width:1px;height:1.15em;background:#1876ef;vertical-align:-.15em;margin-left:2px}.tour-playing .tour-type-cursor{animation:system-cursor .8s steps(1) infinite}.demo-palette{display:flex;align-items:center;gap:.45em;margin-top:.75em}.demo-palette i{width:1.2em;height:1.2em;border-radius:50%;background:#1767d5;flex:none}.demo-palette i:first-child{outline:1px solid #1767d5;outline-offset:2px}.demo-palette i:nth-child(2){background:#48c6ba}.demo-palette i:nth-child(3){background:#ac8be4}.demo-palette i:nth-child(4){background:#f5a150}.demo-palette small{font:.5em Arial,sans-serif;color:#7992ac;margin-left:auto}.demo-image-setting img{height:8em;width:100%;object-fit:cover;border-radius:5px}.demo-image-setting>small{display:flex;justify-content:space-between;gap:.3em;font:400 .58em/1.6 Arial,sans-serif;margin-top:.7em;overflow-wrap:anywhere;color:#587795}.demo-image-setting>small>span{color:#08ae78}.demo-image-note{font-size:.62em;color:#94a6ba;margin-top:.5em}.demo-setting-summary{display:flex;gap:.7em;align-items:center;color:#50846c;background:#eafaf3;border:1px solid #daf0e4;border-radius:8px;padding:.9em;margin-top:1.05em;font-size:.8em;line-height:1.5}.demo-setting-summary .icon{color:#12b37a;width:1.5em;height:1.5em}.demo-setting-summary small{font-size:.84em;color:#80a18f}.demo-save-line{display:flex;align-items:center;justify-content:space-between;gap:.5em;margin-top:1.35em}.demo-save-label{font-size:.65em;color:#8da1b9}.demo-save-label.is-saved{color:#0aab72}.demo-save-visual{font-size:.7em;border-radius:5px;padding:.8em 1.2em;background:#1368eb;color:white;white-space:nowrap}.demo-save-visual>span{margin-left:.8em}
.demo-kpis{display:grid;grid-template-columns:1.3fr 1fr .85fr;gap:.6em;margin-bottom:.9em}.demo-kpis article{padding:.85em .7em;background:#fff;border:1px solid #dfe9f4;border-radius:8px;min-width:0}.demo-kpis article:first-child{background:linear-gradient(120deg,#e6f2ff,#f9fcff);border-color:#cde4ff}.demo-kpis small{font-size:.62em;color:#68819f;white-space:nowrap}.demo-kpis strong{font:700 1.55em/1.25 Arial,sans-serif;letter-spacing:-.045em;color:#132c55;display:block;margin:.35em 0;white-space:nowrap;font-variant-numeric:tabular-nums}.demo-kpis article>span{font-size:.53em;color:#96a9be}.demo-chart{background:#fff;border:1px solid #e1eaf4;border-radius:8px;padding:.9em 1em;margin-bottom:.7em}.demo-chart>div:first-child{display:flex;justify-content:space-between;align-items:center}.demo-chart strong{font-size:.78em}.demo-chart small{font-size:.55em;color:#899db8}.demo-chart small i{display:inline-block;width:.6em;height:.6em;background:#3197ff;border-radius:2px;margin-right:.2em}.demo-bars{height:8.6em;display:flex;gap:1em;align-items:end;margin-top:.7em;padding:0 .3em 1.5em;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#edf3f9 25%);position:relative}.demo-bars>div{position:relative;display:flex;align-items:end;justify-content:center;flex:1;height:100%}.demo-bars i{display:block;height:var(--bar);width:70%;max-width:2.6em;background:linear-gradient(#3cacff,#1766e6);border-radius:4px 4px 0 0;transform-origin:center bottom}.demo-bars>div>span{position:absolute;bottom:-2em;font-size:.63em;color:#93a6ba}.demo-booking-row{display:flex;align-items:center;gap:.8em;background:white;border:1px solid #e1eaf4;border-radius:6px;padding:.55em .7em;font-size:.67em;margin-top:.5em}.demo-booking-row>span:first-child{flex:1}.demo-booking-row b{display:block;font:600 .88em/1.5 Arial,sans-serif;color:#456081}.demo-booking-row small{display:block;font-size:.85em;color:#91a5bf}.demo-booking-row>strong{font:700 1.1em Arial,sans-serif;color:#385673}.demo-paid,.demo-pending{padding:.35em .7em;border-radius:20px;font-size:.88em;background:#e7f9ef;color:#0b9f62;white-space:nowrap}.demo-pending{color:#b68c22;background:#fff7df}
.demo-business-card{display:flex;align-items:center;gap:1.15em;background:white;border:1px solid #deebf5;padding:.75em;border-radius:9px;margin-bottom:.9em}.demo-business-card>img{width:34%;height:7.2em;object-fit:cover;border-radius:6px}.demo-business-card>div{min-width:0}.demo-business-card span{font-size:.54em;color:#5f8ec1}.demo-business-card h4{font:600 1.35em/1.2 Georgia,serif;color:#173858;margin:.35em 0}.demo-business-card small{font-size:.65em;color:#8ca0b8}.demo-business-details{margin:0;background:#fff;border:1px solid #e0e9f3;border-radius:8px;padding:0 1em}.demo-business-details>div{display:grid;grid-template-columns:30% 70%;border-bottom:1px solid #edf2f8;gap:.5em;font-size:.72em;padding:.75em 0}.demo-business-details>div:last-child{border:0}.demo-business-details dt{color:#869ab3}.demo-business-details dd{margin:0;color:#365675;overflow-wrap:anywhere}.demo-business-details dd>small{font-size:.8em;color:#8ba1ba}.demo-channel{background:#e5f9ed;color:#0aab5c;border:1px solid #c9efd8;border-radius:5px;display:inline-block;padding:.2em .6em;font:.8em/1.5 Arial,sans-serif}.demo-channel.fb{background:#edf5ff;border-color:#d7e8ff;color:#3b7cd2}.demo-profile-note{display:flex;align-items:center;gap:.7em;font-size:.77em;line-height:1.6;color:#587ba2;padding:1.1em .2em}.demo-profile-note .icon{color:#2d9be1;width:1.8em;height:1.8em;flex:none}.demo-profile-note small{font-size:.85em;color:#9badc1}
.tour-playback{display:flex;align-items:center;justify-content:space-between;gap:.8em;padding:.55em 1em;background:#fff;border-top:1px solid #dfeaf5;color:#6a84a3}.tour-playback>span{display:flex;align-items:center;gap:.6em;font-size:.7em}.tour-playback>span>i{width:.55em;height:.55em;background:#abc1d9;border-radius:50%;flex:none}.tour-playing .tour-playback>span>i{background:#1abb7c;box-shadow:0 0 0 3px #e1f8ef}.tour-playback>span>b{font:400 .85em Arial,sans-serif;color:#9bafc6;margin-left:.3em;white-space:nowrap}.tour-playback>div{display:flex;gap:.4em;align-items:center}.tour-playback button{display:flex;align-items:center;justify-content:center;gap:.55em;background:#f3f8fe;border:1px solid #dce9f7;border-radius:7px;min-height:38px;color:#315e99;padding:.4em .8em;font-size:.68em;white-space:nowrap}.tour-playback button>svg{width:1.25em;height:1.25em}.tour-playback .tour-next{min-width:38px}.tour-playback button:disabled{opacity:.55;cursor:default}.tour-playback button:hover{background:#e6f2ff}.tour-disclaimer{padding:.8em 1.2em 1em;margin:0;text-align:center;font-size:.68em!important;line-height:1.7;color:#91a2b8!important;background:#f9fcff;border-top:1px solid #edf3f9}
.product-showcase button:focus-visible{outline:2px solid #168cff;outline-offset:3px}
@keyframes tour-screen-in{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px) and (min-width:761px){.product-showcase{grid-template-columns:minmax(0,29fr) minmax(0,71fr);gap:15px;padding-inline:28px}.tour-tabs small{font-size:9px}.tour-tabs strong{font-size:11px}.tour-intro h2{font-size:26px}.tour-intro>p{font-size:12px}.tour-hint{font-size:9px}.tour-scene{height:33em}.demo-admin-main{padding:1em}.tour-tabs button{min-height:58px;padding:8px}.tour-tabs .icon{width:17px;height:17px}}
@media(max-width:760px){
.product-showcase{grid-template-columns:1fr;gap:20px;padding:30px 20px}.tour-intro{padding:0}.tour-intro>.eyebrow{font-size:9px}.tour-intro h2{font-size:29px;margin-top:9px}.tour-intro>p{font-size:14px;line-height:1.65;margin-top:12px}.tour-intro>p br{display:none}.tour-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.tour-tabs button{padding:11px 10px;gap:9px;min-height:56px;border-radius:10px;border-color:#deedfa;background:#fff9}.tour-tabs strong{font-size:12px}.tour-tabs small{display:none}.tour-step{font-size:10px}.tour-tabs .icon{width:17px;height:17px}.tour-hint{font-size:10px;margin-top:10px}.tour-stage{font-size:12px;border-radius:13px}.tour-window-bar{height:36px;font-size:9px;gap:10px;padding:0 12px}.tour-demo-badge{font-size:9px;padding:3px 6px}.tour-scene{height:400px}.demo-admin{grid-template-columns:minmax(0,1fr)}.demo-sidebar{display:none}.demo-admin-main{padding:18px 15px}.demo-page-heading{margin-bottom:17px}.demo-page-heading h3{font-size:18px}.demo-page-heading small{font-size:7px}.demo-date{font-size:8px}.demo-user{font-size:11px;width:30px;height:30px}.demo-site-nav{padding:0 16px;height:55px}.demo-site-nav>strong{font-size:22px}.demo-site-links{display:none}.demo-nav-pill{font-size:9px}.demo-site-hero{height:211px}.demo-site-hero>div{padding:20px}.demo-site-hero small{font-size:6px}.demo-site-hero h3{font-size:31px}.demo-site-hero p{font-size:11px}.demo-site-cta{font-size:9px}.demo-amenities{height:32px;font-size:9px;gap:18px}.demo-room-strip{padding:15px 12px;gap:7px;grid-template-columns:1fr 1fr}.demo-room-strip>div{display:none}.demo-room-strip article>img{height:52px}.demo-room-strip article b{font-size:10px}.demo-room-strip article small{font-size:8px}.demo-settings-grid{gap:13px;padding:12px;grid-template-columns:1.3fr 1fr}.demo-field-label{font-size:10px}.demo-field{font-size:10px;padding:8px;min-height:33px;margin-bottom:12px}.demo-field-writing{font-size:9px;padding:8px 5px}.demo-palette{gap:5px}.demo-palette i{width:14px;height:14px}.demo-palette small{display:none}.demo-image-setting img{height:99px}.demo-image-setting>small{font-size:8px}.demo-image-note{font-size:8px}.demo-setting-summary{font-size:10px;margin-top:13px;padding:10px}.demo-save-line{margin-top:17px;gap:6px}.demo-save-label{font-size:8px}.demo-save-visual{font-size:9px;padding:9px}.demo-save-visual>span{margin-left:4px}.demo-kpis{gap:6px;margin-bottom:10px}.demo-kpis article{padding:10px 7px}.demo-kpis small{font-size:8px}.demo-kpis strong{font-size:20px}.demo-kpis article>span{font-size:7px}.demo-chart{padding:10px 12px;margin-bottom:8px}.demo-chart strong{font-size:11px}.demo-chart small{font-size:8px}.demo-bars{height:116px;gap:12px;padding-bottom:19px;margin-top:10px}.demo-bars>div>span{font-size:8px}.demo-booking-row{font-size:10px;padding:7px 8px;margin-top:6px}.demo-business-card{padding:9px;gap:13px;margin-bottom:12px}.demo-business-card>img{height:90px;width:33%}.demo-business-card span{font-size:7px}.demo-business-card h4{font-size:19px}.demo-business-card small{font-size:9px}.demo-business-details{padding:0 12px}.demo-business-details>div{font-size:10px;padding:11px 0;grid-template-columns:27% minmax(0,73%);gap:5px}.demo-profile-note{font-size:10px;padding:13px 2px}.tour-playback{padding:7px 10px;gap:7px}.tour-playback>span{font-size:9px;gap:6px}.tour-playback>span>b{display:none}.tour-playback button{min-height:44px;font-size:10px;padding:8px 10px;border-radius:8px}.tour-playback .tour-next{min-width:40px}.tour-disclaimer{font-size:9px!important;padding:10px 12px}
}
@media(max-width:360px){.product-showcase{padding-inline:14px}.tour-tabs button{padding:10px 8px;gap:6px}.tour-tabs strong{font-size:11px}.tour-tabs .icon{width:15px;height:15px}.tour-admin-main{padding:15px 12px}.demo-field-writing{font-size:8px}.demo-settings-grid{gap:8px;padding:10px}.demo-site-nav{padding:0 14px}.demo-site-hero h3{font-size:29px}.demo-kpis strong{font-size:18px}.demo-kpis small{font-size:7px}.demo-kpis article{padding:9px 5px}.demo-business-details>div{font-size:9px}.demo-save-line{flex-wrap:wrap;gap:8px}.tour-disclaimer{font-size:8px!important}}
@media(prefers-reduced-motion:reduce){.tour-scene,.tour-type-cursor{animation:none!important}}
/* Keep every demonstration row visible; the website photo fills remaining space. */
@media(max-width:1000px) and (min-width:761px){.tour-scene{height:35em}}
@media(max-width:760px){.tour-scene{height:460px}.tour-website{grid-template-rows:55px minmax(0,1fr) 32px 82px}}
.demo-business-details>div{grid-template-columns:minmax(0,3fr) minmax(0,7fr)}
.tour-disclaimer{color:#657d99!important}
@media(max-width:760px){.tour-disclaimer{font-size:10px!important}}
@media(max-width:360px){.demo-admin-main{padding:15px 12px}}