.forflow-page{--hero-text:oklch(99% 0 0);--hero-accent:oklch(90% .045 131);--hero-eyebrow:var(--hero-accent);--hero-shade:oklch(20% .012 130);--demo-ink:var(--hero-text);--demo-muted:oklch(81% .009 145);--demo-placeholder:color-mix(in oklch, var(--demo-muted) 65%, var(--demo-paper));--demo-paper:oklch(24% .015 145);--demo-border:color-mix(in oklch, var(--hero-text) 24%, transparent);--demo-action:var(--hero-accent);--demo-wash:color-mix(in oklch, var(--hero-text) 9%, var(--demo-paper));--status-progress:oklch(82% .07 250);--emergency:oklch(52% .2 27);--emergency-foreground:oklch(99% 0 0);--phone-frame:oklch(14% .005 145);--phone-edge:oklch(49% .008 145);--phone-screen:oklch(31% .025 145);--phone-shadow:color-mix(in oklch, var(--phone-frame) 50%, transparent);letter-spacing:0;background:var(--hero-shade);font-family:Figtree,sans-serif}.forflow-page .flow-visual{background:var(--flow-surface);color:var(--hero-text);padding:58px 5.6% 28px;position:relative;overflow:hidden}.forflow-page .flow-visual-heading{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;display:flex}.forflow-page .flow-visual-kicker{color:var(--demo-muted);letter-spacing:0;margin:0 0 16px;font-size:11px;font-weight:600}.forflow-page .flow-visual h2{letter-spacing:0;margin:0;font-size:36px;font-weight:500;line-height:1.16}.forflow-page .flow-visual h2 span{color:var(--hero-accent)}.forflow-page .flow-motion-control{color:var(--hero-accent);border:1px solid var(--demo-border);background:0 0;border-radius:50%}.forflow-page .flow-motion-control:hover{background:var(--demo-wash);color:var(--hero-accent)}.forflow-page .flow-controls{align-items:center;gap:12px;display:flex}.forflow-page .flow-variant-switch{border-bottom:1px solid var(--demo-border);display:flex}.forflow-page .flow-variant-switch button{color:var(--demo-muted);background:0 0;border-radius:0;padding:8px 12px;font-size:12px}.forflow-page .flow-variant-switch button[aria-pressed=true]{color:var(--hero-accent);box-shadow:inset 0 -2px 0 var(--hero-accent)}.forflow-page .flow-variant-switch button:hover{background:var(--demo-wash)}.forflow-page .flow-flat-shell{fill:var(--flow-metal-dark);stroke:var(--hero-accent);stroke-width:2px;stroke-linejoin:round}.forflow-page .flow-flat-entry{fill:none;stroke:var(--hero-accent);stroke-width:3px;stroke-linecap:round}.forflow-page .flow-flat-stream{fill:none;stroke:var(--flow-line);stroke-width:2px;stroke-dasharray:3 12}.forflow-page .flow-flat .flow-funnel-brand{font-size:23px}.forflow-page .flow-flat .flow-channel-label text{fill:var(--hero-text)}.forflow-page .flow-flat .flow-track{stroke-dasharray:2 8}.forflow-page .flow-art{width:100%;max-width:1100px;height:auto;margin:22px auto 0;display:block;overflow:visible}.forflow-page .flow-metal-light{stop-color:var(--flow-metal-light)}.forflow-page .flow-metal-mid{stop-color:var(--flow-metal-mid)}.forflow-page .flow-metal-dark{stop-color:var(--flow-metal-dark)}.forflow-page .flow-path-start{stop-color:var(--flow-line)}.forflow-page .flow-path-end{stop-color:var(--hero-accent)}.forflow-page .flow-track{stroke:var(--flow-line);fill:none;stroke-width:1px}.forflow-page .flow-output-track{stroke:url(#flow-path);fill:none;stroke-width:1.4px;stroke-dasharray:4 7}.forflow-page .flow-channel-label text{fill:var(--demo-muted);font-size:19px;font-weight:400}.forflow-page .flow-moving-word text{fill:var(--hero-accent);font-size:17px;font-weight:500}.forflow-page .flow-traveller circle{fill:var(--hero-accent)}.forflow-page .flow-funnel-shell{stroke:var(--flow-metal-light);stroke-width:.8px}.forflow-page .flow-funnel-mouth{stroke:var(--flow-metal-light);stroke-width:2px}.forflow-page .flow-mouth-inner{fill:var(--flow-metal-dark);stroke:var(--flow-metal-mid);stroke-width:1px}.forflow-page .flow-funnel-highlight{fill:none;stroke:var(--flow-metal-light);opacity:.7;stroke-width:1px}.forflow-page .flow-funnel-brand{fill:var(--hero-accent);font-size:25px;font-weight:700}.forflow-page .flow-icon-top{stop-color:var(--flow-icon-top)}.forflow-page .flow-icon-bottom{stop-color:var(--flow-icon-bottom)}.forflow-page .flow-icon-tile{stroke:var(--flow-metal-light);stroke-width:.8px}.forflow-page .flow-briefcase-handle{fill:none;stroke:var(--flow-icon-ink);stroke-width:3.6px;stroke-linecap:round}.forflow-page .flow-briefcase-body{fill:var(--flow-icon-ink)}.forflow-page .flow-briefcase-seam{fill:none;stroke:var(--flow-icon-top);stroke-width:2px}.forflow-page .flow-briefcase-latch{fill:var(--flow-icon-top)}.forflow-page .flow-phone-frame{fill:var(--phone-frame);stroke:var(--phone-edge);stroke-width:2px}.forflow-page .flow-phone-island{fill:var(--phone-frame)}.forflow-page .flow-phone-time{fill:var(--hero-text);font-size:9px;font-weight:600}.forflow-page .flow-battery{fill:none;stroke:var(--hero-text);stroke-width:1px}.forflow-page .flow-homebar{fill:var(--hero-text)}.forflow-page .flow-app-name{fill:var(--hero-text);font-size:11px;font-weight:500}.forflow-page .flow-notification rect{fill:var(--flow-notice)}.forflow-page .flow-notification text{fill:var(--phone-frame);font-size:10px;font-weight:600}.forflow-page .flow-notification .flow-notice-now{font-weight:400}.forflow-page .flow-notification .flow-notice-title{font-size:11px}.forflow-page .flow-emerging-name{fill:var(--hero-accent);font-size:13px;font-weight:600}.forflow-page .flow-end-label{fill:var(--demo-muted);letter-spacing:0;font-size:10px;font-weight:500}@media (width<=699px){.forflow-page .flow-visual{border-top:1px solid var(--demo-border);flex-direction:column;padding:42px 7% 22px;display:flex}.forflow-page .flow-visual h2{font-size:24px;line-height:1.22}.forflow-page .flow-visual-heading{border-top:1px solid var(--demo-border);order:2;grid-template-columns:minmax(0,1fr) auto;gap:16px;width:100%;margin-top:18px;padding-top:20px;display:grid}.forflow-page .flow-visual-heading>div:first-child{min-width:0}.forflow-page .flow-visual-kicker{margin-bottom:10px;font-size:10px}.forflow-page .flow-controls{align-self:end;width:auto}.forflow-page .flow-art{order:1;margin-top:0}.forflow-page .flow-channel-label text,.forflow-page .flow-moving-word text{font-size:22px}.forflow-page .flow-end-label{font-size:16px}.forflow-page .flow-notification text{font-size:12px}.forflow-page .flow-notification .flow-notice-title{font-size:13px}}:where(.forflow-page) .studio-hero{height:calc(100svh - 48px);min-height:780px;color:var(--hero-text);position:relative;overflow:hidden}:where(.forflow-page) .studio-photo,:where(.forflow-page) .studio-shade{width:100%;height:100%;position:absolute;inset:0}:where(.forflow-page) .studio-photo{object-fit:cover;object-position:center 55%}:where(.forflow-page) .studio-hero:after{content:"";background:linear-gradient(0deg, var(--hero-shade), transparent);pointer-events:none;height:220px;position:absolute;inset:auto 0 0}:where(.forflow-page) .studio-shade{background:linear-gradient(90deg, color-mix(in oklch, var(--hero-shade) 74%, transparent) 0%, color-mix(in oklch, var(--hero-shade) 47%, transparent) 43%, color-mix(in oklch, var(--hero-shade) 10%, transparent) 100%), linear-gradient(0deg, color-mix(in oklch, var(--hero-shade) 30%, transparent), transparent 40%)}:where(.forflow-page) .forflow-header{z-index:20;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;padding:34px 5.6%;display:flex;position:relative}:where(.forflow-page) .forflow-logo{color:var(--hero-text);letter-spacing:0;font-size:37px;font-weight:800;line-height:1.2;text-decoration:none;display:inline-block}:where(.forflow-page) .logo-period{color:var(--hero-accent)}:where(.forflow-page) .forflow-logo:focus-visible{outline:2px solid var(--hero-accent);outline-offset:8px}:where(.forflow-page) .hero-contact{position:relative}:where(.forflow-page) .hero-contact-btn{color:var(--hero-text);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:0;margin-top:8px;padding:9px 0 9px 14px;font-family:inherit;font-size:12px;font-weight:400}:where(.forflow-page) .hero-contact-btn:hover,:where(.forflow-page) .hero-contact-btn[aria-expanded=true]{border-color:var(--hero-accent);color:var(--hero-accent)}:where(.forflow-page) .hero-contact-panel{z-index:20;border:1px solid color-mix(in oklch, var(--hero-text) 16%, transparent);background:var(--hero-shade);text-align:right;border-radius:14px;width:max-content;max-width:78vw;padding:14px 18px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 18px 42px #00000073}:where(.forflow-page) .hero-contact-label{letter-spacing:.18em;text-transform:uppercase;color:color-mix(in oklch, var(--hero-text) 60%, transparent);margin-bottom:5px;font-size:11px;font-weight:700;display:block}:where(.forflow-page) .hero-contact-mail{color:var(--hero-accent);word-break:break-word;font-size:15px;font-weight:600;text-decoration:none;display:inline-block}:where(.forflow-page) .hero-contact-mail:hover{text-decoration:underline}@media (width<=760px){:where(.forflow-page) .hero-contact{display:contents}:where(.forflow-page) .hero-contact-btn{margin-top:4px;margin-left:auto;padding:8px 14px}:where(.forflow-page) .hero-contact-panel{text-align:left;flex:1 0 100%;width:auto;max-width:none;margin-top:12px;position:static}:where(.forflow-page) .hero-contact-mail{font-size:14px}}:where(.forflow-page) .hero-content{position:absolute;top:50%;left:5.6%;right:5.6%;transform:translateY(-42%)}:where(.forflow-page) .hero-content h1{letter-spacing:0;max-width:880px;margin:0;font-size:72px;font-weight:500;line-height:1.13}:where(.forflow-page) .hero-content h1 span{color:var(--hero-accent)}:where(.forflow-page) .hero-eyebrow{color:var(--hero-eyebrow);letter-spacing:.19em;text-transform:uppercase;text-shadow:0 1px 12px color-mix(in oklch, var(--hero-shade) 70%, transparent);align-items:center;margin:0 0 20px;font-size:12px;font-weight:700;line-height:1;display:flex}:where(.forflow-page) .hero-eyebrow-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}:where(.forflow-page) .hero-description{letter-spacing:0;max-width:590px;margin-top:26px;font-size:17px;font-weight:400;line-height:1.5}:where(.forflow-page) .hero-description p{margin:0}:where(.forflow-page) .hero-description p+p{margin-top:0}html{scroll-behavior:smooth}:where(.forflow-page) .hero-cta{background:var(--hero-accent);color:var(--hero-shade);letter-spacing:0;border-radius:999px;margin-top:30px;padding:14px 26px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .2s,filter .2s;display:inline-block}:where(.forflow-page) .hero-cta:hover{filter:brightness(1.06);transform:translateY(-1px)}:where(.forflow-page) .hero-cta:focus-visible{outline:2px solid var(--hero-accent);outline-offset:4px}:where(.forflow-page) .how-section{max-width:1160px;color:var(--hero-text);margin:0 auto;padding:96px 5.6% 40px}:where(.forflow-page) .how-section h2{letter-spacing:0;max-width:720px;margin:10px 0 0;font-size:36px;font-weight:500;line-height:1.2}:where(.forflow-page) .how-text{max-width:620px;color:var(--demo-muted);margin:14px 0 0;font-size:16px;line-height:1.55}:where(.forflow-page) .hero-bottom{z-index:1;align-items:center;gap:14px;font-size:12px;display:flex;position:absolute;bottom:30px;left:5.6%}:where(.forflow-page) .bottom-line{background:var(--hero-accent);width:30px;height:1px}:where(.forflow-page) .hero-description .hero-principles{letter-spacing:0;color:var(--hero-text);margin-top:14px;font-size:17px;font-weight:500}@media (width>=1600px){:where(.forflow-page) .hero-content h1{font-size:88px}:where(.forflow-page) .hero-description{font-size:19px}}@media (width<=760px){:where(.forflow-page) .studio-hero{height:auto;min-height:calc(100svh - 20px);padding-bottom:88px}:where(.forflow-page) .studio-hero:after{height:120px}:where(.forflow-page) .forflow-header{padding:26px 7%}:where(.forflow-page) .forflow-logo{font-size:31px}:where(.forflow-page) .studio-photo{object-position:62% center}:where(.forflow-page) .studio-shade{background:linear-gradient(180deg, color-mix(in oklch, var(--hero-shade) 72%, transparent) 0%, color-mix(in oklch, var(--hero-shade) 46%, transparent) 46%, color-mix(in oklch, var(--hero-shade) 12%, transparent) 78%), linear-gradient(90deg, color-mix(in oklch, var(--hero-shade) 72%, transparent), color-mix(in oklch, var(--hero-shade) 26%, transparent))}:where(.forflow-page) .hero-content{margin:36px 7% 0;position:relative;top:0;left:0;right:0;transform:none}:where(.forflow-page) .hero-content h1{font-size:44px;line-height:1.18}:where(.forflow-page) .hero-eyebrow{letter-spacing:.17em;margin-bottom:16px;font-size:11px}:where(.forflow-page) .desktop-break{display:none}:where(.forflow-page) .hero-description{max-width:390px;margin-top:22px;font-size:15px;line-height:1.45}:where(.forflow-page) .hero-description p+p{margin-top:0}:where(.forflow-page) .hero-bottom{bottom:26px;left:7%}:where(.forflow-page) .hero-description .hero-principles{margin-top:12px;font-size:15px}:where(.forflow-page) .hero-cta{margin-top:24px;padding:13px 22px;font-size:14px}:where(.forflow-page) .how-section{padding:72px 7% 32px}:where(.forflow-page) .how-section h2{font-size:28px}}@media (width<=360px){:where(.forflow-page) .hero-content h1{font-size:37px}}:where(.forflow-page) .demo-landscape{isolation:isolate;scroll-margin-top:0;position:relative;overflow:hidden}:where(.forflow-page) .demo-landscape-photo{z-index:-2;object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}:where(.forflow-page) .demo-landscape-shade{z-index:-1;background:linear-gradient(180deg, var(--hero-shade), transparent 280px), color-mix(in oklch, var(--hero-shade) 82%, transparent);position:absolute;inset:0}:where(.forflow-page) .demo-section{color:var(--hero-text);max-width:1160px;margin:0 auto;padding:72px 5.6% 24px;position:relative}:where(.forflow-page) .demo-section:last-child{padding-bottom:80px}:where(.forflow-page) .demo-parts-intro{--divider-bg:var(--hero-accent);--divider-ink:var(--hero-shade);background:var(--divider-bg);color:var(--divider-ink);letter-spacing:.01em;box-shadow:0 1px 0 color-mix(in oklch, var(--divider-ink) 12%, transparent);margin:0 0 56px;padding:26px 5.6% 30px;font-size:16px;font-weight:600}:where(.forflow-page) .demo-parts-eyebrow{letter-spacing:.19em;text-transform:uppercase;color:color-mix(in oklch, var(--divider-ink) 72%, var(--divider-bg));margin:0 0 9px;font-size:13px;font-weight:700}:where(.forflow-page) .demo-parts-line{margin:0}:where(.forflow-page) .demo-heading{display:block}:where(.forflow-page) .demo-num{background:var(--hero-accent);width:26px;height:26px;color:var(--hero-shade);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:700;display:grid}:where(.forflow-page) .demo-kicker{color:var(--hero-accent);letter-spacing:0;text-transform:uppercase;align-items:center;gap:10px;margin:0;font-size:13px;font-weight:600;display:flex}:where(.forflow-page) .demo-section h2{letter-spacing:0;max-width:850px;margin:8px 0 0;font-size:36px;font-weight:500;line-height:1.2}:where(.forflow-page) .demo-connector{align-items:center;gap:16px;max-width:1160px;margin:0 auto;padding:26px 5.6% 0;display:flex}:where(.forflow-page) .demo-connector-line{background:color-mix(in oklch, var(--hero-text) 28%, transparent);flex:1;height:1px}:where(.forflow-page) .demo-connector-label{color:var(--demo-muted);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:12px;font-weight:700}:where(.forflow-page) .demo-intro{max-width:620px;color:var(--demo-muted);margin:12px 0 28px;font-size:16px;line-height:1.5}:where(.forflow-page) .demo-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:48px;display:grid}:where(.forflow-page) .demo-panel{min-width:0;color:var(--demo-ink);border:0;border-top:1px solid var(--demo-border);box-shadow:none;background:0 0;border-radius:0;padding:22px 0 0}:where(.forflow-page) .demo-panel h3{margin:4px 0 18px;font-size:20px;font-weight:500}:where(.forflow-page) .demo-label{letter-spacing:0;text-transform:uppercase;color:var(--demo-muted);margin:0;font-size:12px;font-weight:600}:where(.forflow-page) .demo-form{flex-direction:column;gap:14px;display:flex}:where(.forflow-page) .demo-form .demo-form-note{color:var(--demo-muted);margin:-14px 0 0;font-size:12px;line-height:1.45}:where(.forflow-page) .demo-emergency{background:var(--emergency);color:var(--emergency-foreground);border-radius:6px;align-self:flex-start;height:auto;padding:10px 14px;animation:1.8s ease-in-out infinite forflowEmergency}:where(.forflow-page) .demo-emergency:hover{background:var(--emergency);color:var(--emergency-foreground)}@keyframes forflowEmergency{50%{opacity:.65}}:where(.forflow-page) .demo-form label{color:var(--demo-muted);flex-direction:column;gap:6px;font-size:13px;display:flex}:where(.forflow-page) .demo-description-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}:where(.forflow-page) .demo-description-head>label{margin-right:auto}:where(.forflow-page) .demo-mic{color:var(--demo-action);background:var(--demo-wash);border:1px solid var(--demo-border);border-radius:6px;width:36px;height:36px}:where(.forflow-page) .demo-mic:hover{background:var(--demo-wash);color:var(--demo-action)}:where(.forflow-page) .demo-mic.active{background:var(--emergency);color:var(--emergency-foreground)}:where(.forflow-page) .demo-voice-status{color:var(--demo-action);font-size:12px}:where(.forflow-page) .demo-voice-error{color:var(--demo-muted);flex-basis:100%;margin:0;font-size:12px;line-height:1.5}:where(.forflow-page) .demo-form input,:where(.forflow-page) .demo-form select,:where(.forflow-page) .demo-form textarea{width:100%;min-width:0;font:inherit;color:var(--demo-ink);background:var(--demo-paper);border:1px solid var(--demo-border);resize:vertical;border-radius:6px;outline:none;padding:11px 13px;font-size:15px}:where(.forflow-page) .demo-form input::placeholder,:where(.forflow-page) .demo-form textarea::placeholder{color:var(--demo-placeholder);opacity:1}:where(.forflow-page) .demo-form [role=group] .demo-label{margin-bottom:8px}:where(.forflow-page) .demo-form select option{background:var(--demo-paper)}:where(.forflow-page) .demo-form input:focus,:where(.forflow-page) .demo-form select:focus,:where(.forflow-page) .demo-form textarea:focus{border-color:var(--demo-action)}:where(.forflow-page) .demo-chips{flex-wrap:wrap;gap:8px;display:flex}:where(.forflow-page) .chip{font:inherit;cursor:pointer;color:var(--demo-ink);border:1px solid var(--demo-border);background:0 0;border-radius:999px;padding:8px 14px;font-size:13px}:where(.forflow-page) .chip.active{background:var(--demo-action);color:var(--demo-paper);border-color:var(--demo-action)}:where(.forflow-page) .demo-button{font:inherit;cursor:pointer;background:var(--demo-action);color:var(--demo-paper);border:0;border-radius:6px;margin-top:6px;padding:14px 20px;font-size:15px;font-weight:600;transition:opacity .2s}:where(.forflow-page) .demo-button:disabled{opacity:.55;cursor:default}:where(.forflow-page) .case-card{transition:border-color .4s;position:static}:where(.forflow-page) .case-card.done{border-color:var(--demo-action)}:where(.forflow-page) .demo-queue-mobile{min-width:0}:where(.forflow-page) .case-body{grid-template-columns:minmax(0,1fr) 132px;align-items:start;gap:22px;display:grid}:where(.forflow-page) .case-main{min-width:0}:where(.forflow-page) .case-side{justify-items:center;gap:11px;display:grid}:where(.forflow-page) .case-side-note{text-align:center;max-width:132px;color:var(--demo-muted);font-size:11px;line-height:1.45}:where(.forflow-page) .case-types{margin:0 0 20px}:where(.forflow-page) .case-types .demo-label{margin-bottom:9px}:where(.forflow-page) .case-head h3{overflow-wrap:anywhere}:where(.forflow-page) .job-phone{border:1.5px solid var(--phone-edge);background:var(--phone-frame);width:132px;height:270px;box-shadow:0 12px 28px var(--phone-shadow);border-radius:25px;flex-shrink:0;margin:0;padding:4px;position:relative}:where(.forflow-page) .job-phone:before,:where(.forflow-page) .job-phone:after{content:"";background:var(--phone-edge);border-radius:2px;width:2px;position:absolute}:where(.forflow-page) .job-phone:before{height:22px;top:52px;left:-3px}:where(.forflow-page) .job-phone:after{height:28px;top:68px;right:-3px}:where(.forflow-page) .job-phone-screen{background:var(--phone-screen);height:100%;color:var(--hero-text);background-position:50%;background-size:cover;border-radius:20px;position:relative;overflow:hidden}:where(.forflow-page) .job-phone-status{justify-content:space-between;align-items:flex-start;height:29px;padding:8px 8px 0;font-size:6.5px;font-weight:600;display:flex}:where(.forflow-page) .job-phone-status>span:last-child{gap:2px;padding-top:1px;display:flex}:where(.forflow-page) .job-phone-status svg{width:7px;height:7px}:where(.forflow-page) .job-phone-island{background:var(--phone-frame);border-radius:20px;width:36px;height:11px;position:absolute;top:5px;left:50%;transform:translate(-50%)}:where(.forflow-page) .job-phone-home{justify-items:center;padding:12px 6px 0;display:grid}:where(.forflow-page) .job-app{text-align:center;min-width:0}:where(.forflow-page) .job-app-icon{background:var(--demo-action);width:27px;height:27px;color:var(--phone-frame);border-radius:7px;place-items:center;margin:0 auto;display:grid;position:relative}:where(.forflow-page) .job-app-icon>svg{stroke-width:1.7px;width:18px;height:18px}:where(.forflow-page) .job-app-name{text-shadow:0 1px 3px var(--phone-frame);margin-top:3px;font-size:5.5px;font-weight:500;line-height:1.3;display:block}:where(.forflow-page) .job-app-badge{background:var(--emergency);min-width:12px;height:12px;color:var(--emergency-foreground);border-radius:50%;place-items:center;padding:0 3px;font-size:6.5px;font-weight:600;display:grid;position:absolute;top:-4px;right:-4px}:where(.forflow-page) .job-app.new-job .job-app-icon{animation:.65s ease-in-out 5 forflowJobAlert}@keyframes forflowJobAlert{50%{box-shadow:0 0 0 4px color-mix(in oklch, var(--demo-action) 35%, transparent);transform:scale(1.08)}}:where(.forflow-page) .job-phone-notification{background:var(--phone-notice);color:var(--phone-frame);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:9px;padding:7px;animation:.45s forflowPhoneDrop;position:absolute;top:88px;left:6px;right:6px}:where(.forflow-page) .job-phone-notification-head{align-items:center;gap:4px;font-size:6.5px;display:flex}:where(.forflow-page) .job-phone-notification-head svg{width:8px;height:8px}:where(.forflow-page) .job-phone-notification-head>span{opacity:.65;margin-left:auto}:where(.forflow-page) .job-phone-notification p{margin:4px 0 3px;font-size:8.5px;font-weight:600;line-height:1.3}:where(.forflow-page) .job-phone-notification>span{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:7.5px;line-height:1.35;display:-webkit-box;overflow:hidden}:where(.forflow-page) .job-phone-homebar{background:var(--hero-text);border-radius:4px;width:42px;height:2.5px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}:where(.forflow-page) .demo-call-queue>.job-phone{margin:24px auto 0}:where(.forflow-page) .case-claim{align-items:center;gap:8px;margin-top:18px;display:flex}:where(.forflow-page) .case-duty{border:1px solid var(--demo-border);background:color-mix(in oklch, var(--demo-wash) 55%, transparent);cursor:pointer;border-radius:8px;flex-wrap:wrap;align-items:center;gap:9px;margin-top:14px;padding:10px 12px;display:flex}:where(.forflow-page) .case-duty.off{background:0 0;border-style:dashed}:where(.forflow-page) .case-duty input{width:16px;height:16px;accent-color:var(--demo-action);cursor:pointer;flex-shrink:0;margin:0}:where(.forflow-page) .case-duty-label{color:var(--demo-ink);font-size:13px;font-weight:600}:where(.forflow-page) .case-duty-note{color:var(--demo-muted);margin-left:auto;font-size:12px}:where(.forflow-page) .case-duty-note.on{color:var(--demo-action)}:where(.forflow-page) .job-phone-offduty{background:color-mix(in oklch, var(--phone-notice) 62%, transparent);color:var(--phone-frame);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:9px;padding:7px;animation:.45s forflowPhoneDrop;position:absolute;top:88px;left:6px;right:6px}:where(.forflow-page) .job-phone-offduty span{text-transform:uppercase;letter-spacing:.08em;opacity:.8;align-items:center;gap:4px;font-size:6.5px;font-weight:600;display:flex}:where(.forflow-page) .job-phone-offduty span svg{width:8px;height:8px}:where(.forflow-page) .job-phone-offduty p{margin:4px 0 0;font-size:8px;font-weight:600;line-height:1.3}@keyframes forflowPhoneDrop{0%{opacity:0;transform:translateY(8px)}}:where(.forflow-page) .case-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}:where(.forflow-page) .case-status{background:var(--demo-wash);color:var(--demo-action);white-space:nowrap;border-radius:999px;margin-bottom:14px;padding:5px 10px;font-size:12px}:where(.forflow-page) .case-card dl{margin:0}:where(.forflow-page) .case-row{border-top:1px solid var(--demo-border);grid-template-columns:100px minmax(0,1fr);gap:12px;padding:15px 0;font-size:15px;transition:background .4s;display:grid}:where(.forflow-page) .case-row dt{color:var(--demo-muted)}:where(.forflow-page) .case-row dd{color:var(--demo-muted);white-space:pre-wrap;word-break:break-word;margin:0}:where(.forflow-page) .case-row.on dd{color:var(--demo-ink);animation:.4s forflowFieldIn}@keyframes forflowFieldIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}:where(.forflow-page) .case-footer{border-top:1px solid var(--demo-border);gap:8px;margin:16px 0 0;padding:16px 0 0;font-size:14px;list-style:none;display:grid}:where(.forflow-page) .case-footer li{animation:.4s both forflowFieldIn}:where(.forflow-page) .case-footer li:before{content:"✓  ";color:var(--demo-action)}:where(.forflow-page) .case-footer li:nth-child(2){animation-delay:.3s}:where(.forflow-page) .case-footer li:nth-child(3){animation-delay:.6s}:where(.forflow-page) .call-panel{flex-direction:column;display:flex}:where(.forflow-page) .call-head{align-items:center;gap:10px;display:flex}:where(.forflow-page) .call-head h3{margin-bottom:14px}:where(.forflow-page) .call-dot{background:var(--demo-muted);border-radius:50%;width:10px;height:10px;margin-bottom:14px}:where(.forflow-page) .call-dot.live{background:var(--demo-action);animation:1.2s infinite forflowPulse}@keyframes forflowPulse{50%{opacity:.3}}:where(.forflow-page) .call-log{flex-direction:column;gap:10px;height:380px;padding-right:4px;display:flex;overflow-y:auto}:where(.forflow-page) .call-empty{text-align:center;max-width:280px;color:var(--demo-muted);margin:auto;line-height:1.6}:where(.forflow-page) .bubble{border-radius:14px;max-width:85%;padding:11px 14px;font-size:15px;line-height:1.5;animation:.4s forflowFieldIn}:where(.forflow-page) .bubble span{letter-spacing:0;text-transform:uppercase;opacity:.6;margin-bottom:3px;font-size:11px;display:block}:where(.forflow-page) .bubble.ai{background:var(--demo-wash);align-self:flex-start}:where(.forflow-page) .bubble.kund{background:color-mix(in oklch, var(--demo-border) 35%, var(--demo-paper));align-self:flex-end}@media (width>=700px) and (width<=1000px){:where(.forflow-page) .demo-section{padding-left:5%;padding-right:5%}:where(.forflow-page) .demo-grid{gap:28px}:where(.forflow-page) .case-row{grid-template-columns:78px minmax(0,1fr);gap:8px}}@media (width<=699px){:where(.forflow-page) .demo-grid{grid-template-columns:1fr}:where(.forflow-page) .case-card{position:static}:where(.forflow-page) .demo-section{padding:56px 7% 20px}:where(.forflow-page) .demo-section h2{font-size:28px}:where(.forflow-page) .demo-parts-intro{margin-bottom:40px;padding:24px 7%;font-size:15px}:where(.forflow-page) .demo-heading{display:block}:where(.forflow-page) .demo-num{width:24px;height:24px;font-size:13px}:where(.forflow-page) .demo-connector{padding:22px 7% 0}:where(.forflow-page) .demo-grid{gap:28px}:where(.forflow-page) .call-log{height:320px}:where(.forflow-page) .case-body{grid-template-columns:1fr}:where(.forflow-page) .case-side{margin-top:22px}}:where(.forflow-page) .chip,:where(.forflow-page) .demo-button{height:auto;box-shadow:none;line-height:normal}:where(.forflow-page) .chip{font-weight:400}:where(.forflow-page) .chip:hover{background:0 0}:where(.forflow-page) .chip.active:hover{background:var(--demo-action)}:where(.forflow-page) .demo-button:hover{background:var(--demo-action);color:var(--demo-paper)}@media (prefers-reduced-motion:reduce){:where(.forflow-page) *,:where(.forflow-page) :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:where(.forflow-page) .demo-photos{gap:8px;display:grid}:where(.forflow-page) .demo-dropzone{border:1px dashed var(--demo-border);cursor:pointer;color:var(--demo-ink);opacity:.85;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:14px;transition:background .2s,border-color .2s;display:flex}:where(.forflow-page) .demo-dropzone svg{width:18px;height:18px}:where(.forflow-page) .demo-dropzone:hover,:where(.forflow-page) .demo-dropzone.over{background:var(--demo-wash);border-color:var(--demo-action);opacity:1}:where(.forflow-page) .demo-dropzone:focus-within{outline:2px solid var(--demo-action);outline-offset:2px}:where(.forflow-page) .demo-thumbs{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}:where(.forflow-page) .demo-thumbs li{border:1px solid var(--demo-border);border-radius:10px;width:56px;height:56px;position:relative;overflow:hidden}:where(.forflow-page) .demo-thumbs img{object-fit:cover;width:100%;height:100%;display:block}:where(.forflow-page) .demo-thumbs button{background:color-mix(in oklch, var(--hero-shade) 75%, transparent);width:20px;height:20px;color:var(--hero-text);cursor:pointer;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:2px;right:2px}:where(.forflow-page) .demo-thumbs button svg{width:12px;height:12px}:where(.forflow-page) .case-thumbs{margin:10px 0 4px}:where(.forflow-page) .case-thumbs li{width:48px;height:48px}:where(.forflow-page) .queue-list{margin-top:14px}:where(.forflow-page) .flow-queue{margin-top:0}:where(.forflow-page) .flow-queue-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}:where(.forflow-page) .flow-queue-heading h3{margin:0;font-size:12px;font-weight:600}:where(.forflow-page) .flow-queue-heading>span{font-size:12px}:where(.forflow-page) .queue-draft{border-color:color-mix(in oklch, var(--emergency) 35%, var(--demo-border));padding:14px;animation:2.6s ease-in-out infinite forflowDraftPulse}:where(.forflow-page) .queue-draft-head{justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}:where(.forflow-page) .queue-draft p{overflow-wrap:anywhere;margin:8px 0 0;font-size:13px}:where(.forflow-page) .queue-draft-description{color:var(--demo-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:where(.forflow-page) .queue-draft-note{color:var(--demo-muted);margin-top:12px;font-size:11px;display:block}:where(.forflow-page) .queue-pill.draft{--status-pill:var(--emergency)}:where(.forflow-page) .queue-arrived{border-color:var(--demo-action);animation:.45s both forflowFieldIn}:where(.forflow-page) .flow-queue-phone{border-top:1px solid var(--demo-border);grid-template-columns:minmax(0,1fr) 132px;align-items:start;gap:22px;margin-top:24px;padding-top:22px;display:grid}:where(.forflow-page) .flow-queue-phone .case-duty,:where(.forflow-page) .flow-queue-phone .case-side{margin-top:0}:where(.forflow-page) .queue-summary{white-space:normal;border-radius:0;height:auto}:where(.forflow-page) .queue-summary:hover{background:var(--demo-wash);color:var(--demo-ink)}:where(.forflow-page) .demo-direction-mobile{display:none}@keyframes forflowDraftPulse{0%,to{background:color-mix(in oklch, var(--emergency) 3%, transparent)}50%{background:color-mix(in oklch, var(--emergency) 12%, transparent)}}@media (width<=699px){:where(.forflow-page) .demo-direction-mobile{display:inline}:where(.forflow-page) .demo-direction-desktop{display:none}}@media (prefers-reduced-motion:reduce){:where(.forflow-page) .queue-draft,:where(.forflow-page) .queue-arrived{animation:none}}:where(.forflow-page) .queue-list>ul{gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}:where(.forflow-page) .queue-item{border:1px solid var(--demo-border);border-radius:12px;overflow:hidden}:where(.forflow-page) .queue-item.open{background:var(--demo-wash)}:where(.forflow-page) .queue-item.claimed{border-color:color-mix(in oklch, var(--status-progress) 60%, var(--demo-border));background:color-mix(in oklch, var(--status-progress) 18%, transparent);box-shadow:inset 3px 0 0 var(--status-progress)}:where(.forflow-page) .queue-summary{width:100%;color:var(--demo-ink);text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:12px;padding:12px 14px;display:flex}:where(.forflow-page) .queue-summary:focus-visible{outline:2px solid var(--demo-action);outline-offset:-2px}:where(.forflow-page) .queue-main{flex:1;gap:2px;min-width:0;display:grid}:where(.forflow-page) .queue-main strong{font-size:14px;font-weight:600}:where(.forflow-page) .queue-main span,:where(.forflow-page) .queue-meta{opacity:.75;font-size:12px}:where(.forflow-page) .queue-meta{justify-items:end;gap:4px;display:grid}:where(.forflow-page) .queue-chevron{flex:none;width:16px;height:16px;transition:transform .2s}:where(.forflow-page) .queue-item.open .queue-chevron{transform:rotate(180deg)}:where(.forflow-page) .queue-detail{gap:10px;padding:0 14px 14px;font-size:14px;display:grid}:where(.forflow-page) .queue-ref{margin:0;font-weight:600}:where(.forflow-page) .queue-boxes{grid-template-columns:1fr 1fr;gap:10px;display:grid}:where(.forflow-page) .queue-boxes>div,:where(.forflow-page) .queue-box{border:1px solid var(--demo-border);border-radius:10px;padding:10px 12px}:where(.forflow-page) .queue-detail p{margin:0}:where(.forflow-page) .queue-desc{align-items:flex-start;gap:10px;display:flex}:where(.forflow-page) .queue-desc-photo{object-fit:cover;border:1px solid var(--demo-border);border-radius:8px;flex:none;width:76px;height:60px}:where(.forflow-page) .queue-desc p{min-width:0}:where(.forflow-page) .queue-detail a{color:var(--demo-action);margin-top:4px;font-weight:600;text-decoration:none;display:inline-block}:where(.forflow-page) .queue-muted{opacity:.7}:where(.forflow-page) .queue-tags{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}:where(.forflow-page) .queue-tags span{border:1px solid var(--demo-border);border-radius:999px;padding:4px 10px;font-size:12px}:where(.forflow-page) .queue-tags .queue-urgency{background:var(--demo-action);color:var(--hero-shade);border-color:#0000;font-weight:600}:where(.forflow-page) .queue-status{flex-wrap:wrap;align-items:center;gap:10px;display:flex}:where(.forflow-page) .queue-status-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}:where(.forflow-page) .queue-status-note{color:var(--demo-muted);font-size:12px}:where(.forflow-page) .queue-pill{border:1px solid color-mix(in oklch, var(--status-pill) 45%, transparent);background:color-mix(in oklch, var(--status-pill) 16%, transparent);color:var(--status-pill);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}:where(.forflow-page) .queue-pill:before{content:"";background:var(--status-pill);border-radius:50%;flex:none;width:6px;height:6px}:where(.forflow-page) .queue-pill.ny{--status-pill:var(--hero-accent)}:where(.forflow-page) .queue-pill.pagaende{--status-pill:var(--status-progress)}:where(.forflow-page) .queue-pill.avslutat{--status-pill:var(--demo-muted)}@media (width<=560px){:where(.forflow-page) .queue-boxes{grid-template-columns:1fr}}:where(.forflow-page) .flow-divider{background:var(--hero-accent);color:var(--hero-shade);box-shadow:0 1px 0 color-mix(in oklch, var(--hero-shade) 14%, transparent);padding:38px 5.6% 42px}:where(.forflow-page) .flow-divider-eyebrow{letter-spacing:.19em;text-transform:uppercase;color:color-mix(in oklch, var(--hero-shade) 72%, var(--hero-accent));margin:0 0 10px;font-size:13px;font-weight:700}:where(.forflow-page) .flow-divider-line{max-width:640px;margin:0;font-size:17px;font-weight:600;line-height:1.45}@media (width<=760px){:where(.forflow-page) .flow-divider{padding:28px 7% 32px}:where(.forflow-page) .flow-divider-eyebrow{margin-bottom:8px;font-size:12px}:where(.forflow-page) .flow-divider-line{font-size:15px}}:where(.forflow-page) .flow-backdrop{isolation:isolate;background:var(--hero-shade);position:relative;overflow:hidden}:where(.forflow-page) .flow-backdrop-photo{z-index:-2;object-fit:cover;object-position:center 30%;opacity:.85;width:100%;height:100%;position:absolute;inset:0}:where(.forflow-page) .flow-backdrop-shade{z-index:-1;background:linear-gradient(180deg, var(--hero-shade) 0%, color-mix(in oklch, var(--hero-shade) 55%, transparent) 25%, color-mix(in oklch, var(--hero-shade) 62%, transparent) 75%, var(--hero-shade) 100%);position:absolute;inset:0}.forflow-page .flow-backdrop .flow-visual{background:0 0}@media (width<=760px){.forflow-page .flow-backdrop .flow-visual{padding-top:20px}}.forflow-page{--offer-background:oklch(97% .004 130);--offer-surface:oklch(99% .002 130);--offer-ink:var(--hero-shade);--offer-muted:oklch(48% .009 130);--offer-border:oklch(85% .009 130);--offer-check:oklch(43% .085 145);--offer-featured:color-mix(in oklch, var(--hero-accent) 35%, var(--offer-surface))}.forflow-page .offers-section{background:var(--offer-background);color:var(--offer-ink);margin-top:56px;padding:72px 5.6% 64px}.forflow-page .offers-inner{max-width:1030px;margin:0 auto}.forflow-page .offers-eyebrow{color:var(--offer-muted);text-transform:uppercase;letter-spacing:0;margin:0 0 14px;font-size:12px;font-weight:600}.forflow-page .offers-section h2{letter-spacing:0;margin:0;font-size:36px;font-weight:500;line-height:1.2}.forflow-page .offers-intro{color:var(--offer-muted);margin:14px 0 32px;font-size:16px;line-height:1.5}.forflow-page .offers-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.forflow-page .offer-card{border:1px solid var(--offer-border);background:var(--offer-surface);border-radius:8px;flex-direction:column;min-width:0;padding:30px;display:flex}.forflow-page .offer-complete{background:var(--offer-featured);border-color:color-mix(in oklch, var(--offer-check) 40%, var(--offer-border))}.forflow-page .offer-heading{align-items:center;gap:12px;display:flex}.forflow-page .offer-heading>svg{width:20px;height:20px;color:var(--offer-check);stroke-width:1.5px;flex-shrink:0}.forflow-page .offer-heading h3{letter-spacing:0;margin:0;font-size:22px;font-weight:500}.forflow-page .offer-description{color:var(--offer-muted);margin:12px 0 0;font-size:14px;line-height:1.5}.forflow-page .offer-price{align-items:baseline;gap:7px;margin:24px 0;display:flex}.forflow-page .offer-price strong{font-size:38px;font-weight:600;line-height:1.2}.forflow-page .offer-price strong span{font-size:24px;font-weight:500}.forflow-page .offer-price>span{color:var(--offer-muted);font-size:13px}.forflow-page .offer-features{border-top:1px solid var(--offer-border);align-content:start;gap:17px;margin:0;padding:24px 0 32px;list-style:none;display:grid}.forflow-page .offer-features li{align-items:flex-start;gap:11px;font-size:14px;line-height:1.5;display:flex}.forflow-page .offer-features svg{width:16px;height:16px;color:var(--offer-check);stroke-width:1.7px;flex-shrink:0;margin-top:2px}.forflow-page .offer-bottom{margin-top:auto}.forflow-page .offer-action{border:1px solid var(--offer-border);width:100%;height:44px;color:var(--offer-ink);box-shadow:none;background:0 0;border-radius:6px;font-family:inherit;font-size:14px}.forflow-page .offer-action:hover{background:var(--hero-accent);color:var(--offer-ink);border-color:var(--offer-check)}.forflow-page .offer-action:focus-visible{outline:2px solid var(--offer-check);outline-offset:4px}.forflow-page .offer-complete .offer-action{background:var(--hero-shade);color:var(--hero-text);border-color:var(--hero-shade)}.forflow-page .offer-complete .offer-action:hover{background:var(--offer-check);border-color:var(--offer-check);color:var(--hero-text)}.forflow-page .offer-setup{text-align:center;color:var(--offer-muted);margin:12px 0 0;font-size:11px;line-height:1.5}.forflow-page .offers-terms{max-width:720px;color:var(--offer-muted);margin:22px 0 0;font-size:12px;line-height:1.6}.forflow-page #demo1,.forflow-page #demo2{scroll-margin-top:24px}@media (width<=699px){.forflow-page .offers-section{margin-top:32px;padding:48px 7%}.forflow-page .offers-section h2{font-size:28px}.forflow-page .offers-intro{margin-bottom:26px;font-size:15px}.forflow-page .offers-grid{grid-template-columns:1fr;gap:18px}.forflow-page .offer-card{padding:24px}}