/* Tendbo's ink-blue frame surrounds each customer's distinct identity. */
.flow-tour{scroll-margin-top:90px}.flow-tour button{touch-action:manipulation}.flow-tour button:focus-visible{outline:3px solid #E9A18D;outline-offset:4px}
.flow-tour .flow-gallery{display:grid;grid-template-columns:repeat(10,minmax(90px,1fr));gap:10px;overflow-x:auto;padding:7px 4px 18px;margin-bottom:25px;scrollbar-width:thin;scrollbar-color:#64758f transparent}
.flow-tour .flow-business{display:block;min-width:0;background:#25344D;border:1px solid #CCDDF02b;color:#CCDDF0;padding:0;text-align:left;border-radius:8px;overflow:hidden;transition:transform .15s,border-color .15s}.flow-tour .flow-business:hover{border-color:#CCDDF0;transform:translateY(-3px)}.flow-tour .flow-business[aria-pressed=true]{border-color:#E9A18D;box-shadow:0 0 0 2px #E9A18D}.flow-tour .flow-business img{display:block;width:100%;height:75px;object-fit:cover}.flow-tour .flow-business span{display:block;padding:10px 7px;font-size:10px;line-height:1.35;min-height:46px;font-weight:600}
.flow-tour .flow-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.flow-tour .flow-heading>div{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;align-items:center}.flow-tour .flow-heading h3{font-size:24px;font-weight:600;letter-spacing:-.6px;color:#F7F8FA;margin:0}.flow-tour .flow-heading p{grid-column:2;font-size:13px;color:#CCDDF0bb;margin:0}.flow-tour .flow-counter{font:11px monospace;color:#E9A18D;border-right:1px solid #CCDDF03b;padding-right:14px;grid-row:1/3}.flow-tour .flow-fiction{color:#CCDDF0bb;font-size:11px;text-align:right}
.flow-tour .demo-tour__controls{margin:0 0 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.flow-tour .demo-tour__dots{display:flex;gap:6px;flex:1;min-width:0}.flow-tour .demo-tour__dot.flow-step{width:auto;height:auto;min-height:44px;border:1px solid #CCDDF026;border-radius:6px;background:transparent;color:#CCDDF0bd;font:500 12px 'DM Sans',sans-serif;padding:9px 12px;display:flex;align-items:center;gap:9px;transform:none;white-space:nowrap}.flow-tour .flow-step>span{font:10px monospace;opacity:.65}.flow-tour .demo-tour__dot--active.flow-step{background:#CCDDF0;color:#25344D;border-color:#CCDDF0}.flow-tour .demo-tour__dot--active.flow-step>span{opacity:1}.flow-tour .demo-tour__btn{width:44px;height:44px}.flow-tour .demo-tour__scene-label{display:none}
.flow-tour .demo-tour__viewport{height:auto;min-height:0;overflow:hidden;background:#25344D;border:1px solid #CCDDF029;border-radius:12px;position:relative;box-shadow:0 18px 60px #0003}.flow-tour .demo-tour__iframe{display:block;width:100%;height:680px;border:0;background:white}
.flow-tour .flow-browser-bar{display:flex;align-items:center;gap:16px;min-height:49px;padding:8px 18px;background:#e8ebed;color:#42474c;font:11px Arial,sans-serif;border-bottom:1px solid #d0d4d8}.flow-tour .flow-browser-dots{font-size:9px;color:#a4adb5;letter-spacing:2px;white-space:nowrap}.flow-tour .flow-address{flex:1;text-align:center;overflow-wrap:anywhere}.flow-tour .flow-before-label{font-size:9px;letter-spacing:1px}.flow-tour .flow-compare{display:flex;gap:3px;background:#d4d9dd;border-radius:6px;padding:3px}.flow-tour .flow-compare button{border:0;border-radius:4px;padding:8px 12px;color:#434b54;background:transparent;font:600 11px Arial,sans-serif;min-height:36px}.flow-tour .flow-compare button[aria-pressed=true]{background:white;color:#25344D;box-shadow:0 1px 4px #0001}
.flow-tour .flow-insight{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:19px 25px;background:#25344D;border-top:1px solid #CCDDF020}.flow-tour .flow-insight p{font-size:13px;line-height:1.5;color:#CCDDF0;margin:0;max-width:650px}.flow-tour .flow-primary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 18px;min-height:46px;border:1px solid #CCDDF0;border-radius:6px;background:#CCDDF0;color:#25344D;font:600 13px 'DM Sans',sans-serif;cursor:pointer;text-align:left;flex:none;text-decoration:none}.flow-tour .flow-primary:hover{background:#f7f8fa}.flow-tour .flow-primary>span{font-size:18px}.flow-tour .flow-secondary{background:transparent;color:inherit;border:0;border-bottom:1px solid currentColor;padding:12px 0;font:500 13px 'DM Sans',sans-serif;text-align:left;min-height:44px;cursor:pointer}.flow-tour .flow-loading{padding:80px 25px;text-align:center;color:#CCDDF0;font-size:15px}.flow-tour .flow-loading .flow-primary{margin:25px auto 0}.flow-tour .demo-tour__caption{font-size:12px;color:#CCDDF0c4;font-weight:400;margin-top:14px;line-height:1.6}
.flow-tour .flow-workspace{background:var(--flow-paper);color:var(--flow-ink)}.flow-tour .flow-workspace-head{display:flex;align-items:center;gap:12px;padding:20px 28px;border-bottom:1px solid color-mix(in srgb,var(--flow-ink) 18%,transparent)}.flow-tour .flow-monogram{display:grid;place-items:center;min-width:40px;height:40px;background:var(--flow-ink);color:var(--flow-paper);border:1px solid color-mix(in srgb,var(--flow-ink) 25%,transparent);font:bold 14px Georgia,serif;border-radius:8px}.flow-tour .flow-workspace-head b{font-size:16px;letter-spacing:-.3px}.flow-tour .flow-workspace-head small{display:block;font-size:10px;margin-top:3px;opacity:.75}.flow-tour .flow-draft-status{margin-left:auto;font-size:10px;line-height:1.4;border:1px solid color-mix(in srgb,var(--flow-ink) 30%,transparent);padding:7px 11px;border-radius:20px}
.flow-tour .flow-workspace-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;padding:32px}.flow-tour .flow-conversation{display:flex;flex-direction:column;gap:23px}.flow-tour .flow-user{padding:23px;border:1px solid color-mix(in srgb,var(--flow-ink) 22%,transparent);border-radius:12px 12px 2px 12px}.flow-tour .flow-message-label{font:600 9px/1.4 'DM Sans',sans-serif;letter-spacing:1.5px;display:block}.flow-tour .flow-user p{font-size:16px;line-height:1.6;color:var(--flow-ink);margin:11px 0 0}.flow-tour .flow-reply{padding:0 8px}.flow-tour .flow-reply>p{font-size:15px;line-height:1.6;color:var(--flow-ink);margin:11px 0 20px}.flow-tour .flow-reply ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.flow-tour .flow-reply li{display:flex;gap:11px;font-size:12px;line-height:1.5}.flow-tour .flow-reply li span{font-size:14px}.flow-tour .flow-workspace-attribution{font-size:10px;line-height:1.6;opacity:.75;margin-top:auto;padding:0 8px}
.flow-tour .flow-direction{border:1px solid color-mix(in srgb,var(--flow-ink) 15%,transparent);border-radius:8px;overflow:hidden;align-self:start}.flow-tour .flow-direction>img{width:100%;height:265px;object-fit:cover;display:block}.flow-tour .flow-direction>div{padding:24px}.flow-tour .flow-direction h3{font:normal 30px/1.1 Georgia,serif;letter-spacing:-.5px;margin:13px 0 18px;color:var(--flow-ink)}.flow-tour .flow-palette{display:flex;gap:8px;margin-bottom:25px}.flow-tour .flow-palette i{width:25px;height:25px;border:1px solid color-mix(in srgb,var(--flow-ink) 30%,transparent);border-radius:50%}.flow-tour .flow-direction .flow-primary{width:100%;color:var(--flow-paper);background:var(--flow-ink);border-color:var(--flow-ink)}.flow-tour .flow-direction .flow-primary:hover{opacity:.88}
.flow-tour .flow-finale{display:grid;grid-template-columns:1fr 1fr;background:var(--flow-paper);color:var(--flow-ink)}.flow-tour .flow-finale-image{position:relative;min-height:600px}.flow-tour .flow-finale-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.flow-tour .flow-finale-image>div{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#000c);padding:70px 35px 35px;color:#fff}.flow-tour .flow-finale-image span{font-size:11px;letter-spacing:1px;display:block;margin-bottom:12px}.flow-tour .flow-finale-image strong{font:normal 40px/1.04 Georgia,serif;letter-spacing:-1px;display:block}.flow-tour .flow-finale-copy{padding:50px 38px;display:flex;flex-direction:column;align-items:start}.flow-tour .flow-finale-copy h3{font:normal 50px/1.06 Georgia,serif;letter-spacing:-2px;color:var(--flow-ink);margin:20px 0}.flow-tour .flow-finale-copy p{font-size:15px;line-height:1.6;margin:0;color:var(--flow-ink)}.flow-tour .flow-finale-copy ul{margin:23px 0;padding-left:18px;font-size:12px;line-height:1.6;display:grid;gap:8px}.flow-tour .flow-finale-copy .flow-primary{background:var(--flow-ink);color:var(--flow-paper);border-color:var(--flow-ink);margin-top:8px}.flow-tour .flow-finale-copy small{font-size:10px;line-height:1.6;opacity:.75;display:block;margin-top:24px}.flow-tour .flow-finale-copy .flow-secondary{margin-top:8px}
.flow-tour[data-business=studio-silhuett] .flow-direction h3,.flow-tour[data-business=klara-konsult] .flow-direction h3,.flow-tour[data-business=palsen] .flow-direction h3{font-family:'DM Sans',sans-serif;font-weight:600}.flow-tour[data-business=master-brygg] .flow-direction h3{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.5px}.flow-tour[data-business=lusthus-yoga] .flow-direction>img{border-radius:170px 170px 0 0;margin:20px auto 0;width:75%;height:260px}.flow-tour[data-business=lusthus-yoga] .flow-direction{border:0}.flow-tour[data-business=bokhyllan] .flow-workspace-head{border-bottom:4px double}.flow-tour[data-business=palsen] .flow-direction{border-radius:40px 40px 12px 12px}.flow-tour[data-business=master-brygg] .flow-workspace-head{border-bottom:3px solid #ec9f30}.flow-tour[data-business=rumsbild] .flow-direction{border:0}.flow-tour[data-business=studio-silhuett] .flow-monogram{border-radius:0;background:#171719;color:#f7f5f3}
@media(max-width:1050px){.flow-tour .flow-gallery{grid-template-columns:repeat(10,100px)}.flow-tour .flow-step{gap:6px!important;padding:9px 8px!important;font-size:11px!important}.flow-tour .flow-workspace-grid{gap:24px;padding:24px}.flow-tour .flow-workspace-head{padding:18px 24px}.flow-tour .flow-finale-copy{padding:35px 25px}.flow-tour .flow-finale-copy h3{font-size:43px}}
@media(max-width:760px){.flow-tour .demo-tour__controls{flex-direction:column;align-items:stretch;gap:12px}.flow-tour .demo-tour__dots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.flow-tour .demo-tour__dot.flow-step{white-space:normal;flex-direction:column;align-items:center;justify-content:center;gap:5px!important;padding:9px 3px!important;font-size:10px!important;line-height:1.3;text-align:center;min-height:57px}.flow-tour .demo-tour__nav{justify-content:space-between}.flow-tour .demo-tour__scene-label{display:block;opacity:1;font-size:11px}.flow-tour .flow-heading{align-items:start;gap:10px}.flow-tour .flow-heading h3{font-size:20px}.flow-tour .flow-heading p{font-size:11px}.flow-tour .flow-fiction{max-width:100px;font-size:9px}.flow-tour .flow-counter{font-size:9px;padding-right:9px}.flow-tour .flow-heading>div{gap:5px 9px}.flow-tour .flow-gallery{margin-bottom:17px;grid-template-columns:repeat(10,100px)}.flow-tour .demo-tour__iframe{height:660px}.flow-tour .flow-browser-bar{padding:7px 10px;gap:8px;font-size:9px}.flow-tour .flow-browser-dots{display:none}.flow-tour .flow-compare button{font-size:10px;padding:7px 9px}.flow-tour .flow-insight{flex-direction:column;align-items:stretch;padding:18px;gap:15px}.flow-tour .flow-insight p{font-size:12px}.flow-tour .flow-primary{font-size:12px;min-height:48px}.flow-tour .flow-workspace-grid{grid-template-columns:1fr;padding:20px;gap:25px}.flow-tour .flow-workspace-head{padding:16px;gap:10px;flex-wrap:wrap}.flow-tour .flow-workspace-head b{font-size:14px}.flow-tour .flow-draft-status{margin-left:50px;font-size:9px}.flow-tour .flow-monogram{min-width:36px;height:36px}.flow-tour .flow-user{padding:18px}.flow-tour .flow-user p{font-size:14px}.flow-tour .flow-reply>p{font-size:14px}.flow-tour .flow-reply li{font-size:12px}.flow-tour .flow-direction>img{height:230px}.flow-tour .flow-direction>div{padding:20px}.flow-tour .flow-direction h3{font-size:27px}.flow-tour .flow-finale{grid-template-columns:1fr}.flow-tour .flow-finale-image{min-height:300px}.flow-tour .flow-finale-image>div{padding:55px 25px 25px}.flow-tour .flow-finale-image strong{font-size:35px}.flow-tour .flow-finale-copy{padding:28px 22px}.flow-tour .flow-finale-copy h3{font-size:43px}.flow-tour .flow-finale-copy .flow-primary{width:100%}.flow-tour .demo-tour__caption{font-size:11px}}
@media(prefers-reduced-motion:reduce){.flow-tour *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}