.flowarch-tour{padding:clamp(64px,8vw,120px) max(24px,calc((100vw - 1440px)/2));scroll-margin-top:80px;background:#100d15;color:#fff;overflow:hidden}.flowarch-tour-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:36px}.flowarch-tour-heading h2{max-width:1000px;font-size:clamp(32px,3.5vw,54px);font-weight:500;line-height:1.08;letter-spacing:-.04em;margin:0}.flowarch-tour-heading>p{font-size:16px;line-height:1.6;color:#c5becb;max-width:280px;flex:0 0 24%;margin:0 0 4px}.flowarch-tour-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:32px;border-bottom:1px solid #ffffff25;gap:20px}.flowarch-tour-steps button{display:flex;align-items:center;gap:12px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:17px 0;background:none;color:#b9b2c0;text-align:left;font:inherit;font-size:15px;min-height:58px;cursor:pointer}.flowarch-tour-steps button>span:first-child{font-size:12px;font-variant-numeric:tabular-nums;color:#81738d}.flowarch-tour-steps button[aria-selected=true]{border-color:#f093cb;color:#fff}.flowarch-tour-steps button[aria-selected=true]>span:first-child{color:#f093cb}.flowarch-tour-steps button:hover{color:#fff}.flowarch-tour-monitor{position:relative;width:100%;margin-inline:auto;padding:13px 10px 0;border:1px solid #5c5c63;border-radius:15px;background:linear-gradient(120deg,#414146,#16161b 55%,#38383f);box-shadow:0 22px 55px -25px #0009}.flowarch-tour-camera{position:absolute;left:50%;top:4px;width:4px;height:4px;background:#08090d;border-radius:50%}.flowarch-tour-screen{position:relative;aspect-ratio:16/9;background:#f8f8f8;overflow:hidden}.flowarch-tour-panel{position:absolute;inset:0}.flowarch-tour-panel>img{width:100%;height:100%;object-fit:contain;display:block}.flowarch-tour [hidden]{display:none!important}.flowarch-tour-screen-nav{position:absolute;inset:0;pointer-events:none}.flowarch-tour-screen-nav button{position:absolute;left:.6%;width:10%;height:4.9%;border:0;border-radius:5px;background:transparent;pointer-events:auto;cursor:pointer}.flowarch-tour-screen-nav button:hover{background:#2563eb18;box-shadow:inset 0 0 0 2px #2563eb}.flowarch-tour-hotspot{position:absolute;left:var(--hotspot-x);top:var(--hotspot-y);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;padding:0;width:44px;height:44px;background:transparent;border:0;cursor:pointer;color:#fff}.flowarch-tour-pulse{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:#3266eb;border:2px solid white;box-shadow:0 2px 8px #162d6850;position:relative}.flowarch-tour-pulse:before{content:"";position:absolute;inset:-6px;border:1px solid #3266eb;border-radius:50%;animation:flowarch-tour-pulse 2.1s ease-out infinite}.flowarch-tour-pulse svg{width:17px;height:17px;fill:#fff;stroke:#fff;stroke-linejoin:round}.flowarch-tour-cue{max-width:210px;position:absolute;left:calc(100% + 9px);white-space:normal;min-width:140px;background:#1d2941;color:#fff;border:1px solid #ffffff30;box-shadow:0 4px 18px #1c254333;border-radius:6px;padding:9px 13px;font-size:13px;font-weight:600;line-height:1.3;pointer-events:none}.flowarch-tour-cue:before{content:"";position:absolute;left:-5px;top:calc(50% - 4px);width:8px;height:8px;transform:rotate(45deg);background:#1d2941}.flowarch-tour-chin{height:36px;position:relative;display:flex;justify-content:center;align-items:center;background:linear-gradient(#eeeef1,#c8c8cd);margin:0 -10px;border-radius:0 0 14px 14px}.flowarch-tour-chin .brand-logo img{width:76px;height:auto;max-height:20px}.flowarch-tour-chin button{position:absolute;right:6px;top:0;height:36px;width:44px;display:grid;place-items:center;color:#36363c;background:none;border:0;cursor:pointer}.flowarch-tour-chin button svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.6}.flowarch-tour-base{width:24%;height:25px;background:linear-gradient(90deg,#74747c,#d7d7db 48%,#8e8e96);clip-path:polygon(30% 0,70% 0,80% 90%,100% 90%,100% 100%,0 100%,0 90%,20% 90%);margin:auto}.flowarch-tour-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:clamp(28px,4vw,56px)}.flowarch-tour-device{scroll-margin-top:100px;min-width:0;align-self:start;position:sticky;top:110px}.flowarch-tour-description h3{font-size:clamp(24px,2.5vw,32px);letter-spacing:-.025em;line-height:1.15;margin:10px 0 16px;font-weight:500}.flowarch-tour-count{font-size:12px;color:#c5becb;font-variant-numeric:tabular-nums;letter-spacing:.08em}.flowarch-tour-description p{font-size:15px;line-height:1.65;color:#c5becb;margin:0}.flowarch-tour-features{list-style:none;padding:0;margin:24px 0 28px}.flowarch-tour-features li{padding:11px 0;border-bottom:1px solid #ffffff20;font-size:14px;line-height:1.5;color:#e4deea}.flowarch-tour-features li:first-child{padding-top:0}.flowarch-tour-people{display:flex;gap:6px;margin-top:20px}.flowarch-tour-people button{font:inherit;font-size:13px;color:#c5becb;border:1px solid #ffffff35;border-radius:6px;background:transparent;padding:8px 14px;cursor:pointer}.flowarch-tour-people button[aria-pressed=true]{background:#fff;color:#18121f;border-color:#fff}.flowarch-tour-provenance{display:block;color:#c5becb;font-size:12px;margin:-12px 0 24px}.flowarch-tour-contact{display:inline-flex;gap:12px;color:#f093cb;text-underline-offset:5px;font-size:14px;margin-top:24px}.flowarch-tour-contact:hover{color:#fff}.flowarch-tour-controls{display:flex;gap:10px;flex:none}.flowarch-tour-controls button{height:48px;border-radius:25px;font:inherit;font-size:14px;cursor:pointer;background:none;border:1px solid #ffffff35;color:#fff;padding:0 17px}.flowarch-tour-controls button[data-tour-next]{background:#fff;border-color:#fff;color:#18121f;display:flex;align-items:center;gap:22px;padding:0 24px}.flowarch-tour-controls button:disabled{opacity:.25;cursor:default}.flowarch-tour button:focus-visible{outline:3px solid #f68fc8;outline-offset:4px}.flowarch-tour-dialog{width:min(1600px,96vw);max-width:96vw;max-height:94dvh;padding:42px 10px 10px;border:1px solid #ffffff30;border-radius:12px;background:#16131c;overflow:auto}.flowarch-tour-dialog::backdrop{background:#080610d9}.flowarch-tour-dialog>img{display:block;width:100%;height:auto}.flowarch-tour-dialog>button{position:absolute;right:10px;top:0;width:42px;height:42px;border:0;background:none;color:#fff;font-size:28px;cursor:pointer}@keyframes flowarch-tour-pulse{0%{transform:scale(.65);opacity:.9}80%,to{transform:scale(1.5);opacity:0}}@media(max-width:1050px){.flowarch-tour-workspace{grid-template-columns:minmax(0,1fr) 280px;gap:24px}.flowarch-tour-heading{display:block}.flowarch-tour-heading>p{max-width:600px;margin-top:24px}.flowarch-tour-steps{gap:10px}.flowarch-tour-steps button{gap:8px;font-size:13px}.flowarch-tour-cue{font-size:11px;min-width:110px;padding:7px 9px}.flowarch-tour-controls button[data-tour-next]{padding:0 16px;gap:12px}}@media(max-width:800px){.flowarch-tour-workspace{grid-template-columns:1fr;gap:28px}.flowarch-tour-device{position:static}.flowarch-tour-detail{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 28px}.flowarch-tour-description{grid-row:span 2}.flowarch-tour-controls{align-self:start}.flowarch-tour-contact{align-self:start;justify-self:end}.flowarch-tour-features{margin-bottom:0}.flowarch-tour-provenance{margin:16px 0 0}}@media(max-width:600px){.flowarch-tour{padding:60px 20px}.flowarch-tour-steps{grid-template-columns:1fr 1fr;gap:0 20px;margin-bottom:22px}.flowarch-tour-steps button{min-height:48px}.flowarch-tour-monitor{padding:8px 5px 0;border-radius:9px}.flowarch-tour-camera{top:2px;width:3px;height:3px}.flowarch-tour-chin{height:27px;margin:0 -5px;border-radius:0 0 8px 8px}.flowarch-tour-chin .brand-logo img{width:56px}.flowarch-tour-chin button{height:27px;width:36px}.flowarch-tour-hotspot,.flowarch-tour-screen-nav{display:none}.flowarch-tour-detail{display:block}.flowarch-tour-controls{margin-top:24px;justify-content:space-between}.flowarch-tour-controls button[data-tour-next]{min-width:170px;justify-content:space-between}.flowarch-tour-base{height:16px}}@media(prefers-reduced-motion:reduce){.flowarch-tour-pulse:before{animation:none;opacity:.6}}.flowarch-product-hero .flowarch-compare{--compare: 56%;--flow-y: 0px;display:block;height:clamp(540px,69vh,700px);min-height:0;overflow:hidden;border-color:#ffffff2e;background:#f5f5f4;box-shadow:0 46px 110px #00000075;transform:translate3d(0,var(--flow-y),0);will-change:transform}.flowarch-compare-media{position:absolute;inset:0;isolation:isolate;overflow:hidden;background:#f5f5f4}.flowarch-product-hero .flowarch-compare-media>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;border-radius:0;object-fit:cover;object-position:left top;transform:none;user-select:none}.flowarch-compare-before{z-index:1}.flowarch-product-hero .flowarch-compare-after{z-index:2;clip-path:inset(0 calc(100% - var(--compare)) 0 0);will-change:clip-path}.flowarch-compare-shade{position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(7,8,13,.2),transparent 21%,transparent 76%,rgba(7,8,13,.2)),linear-gradient(90deg,rgba(7,8,13,.16),transparent 22%,transparent 78%,rgba(7,8,13,.16))}.flowarch-compare-line{position:absolute;z-index:5;top:0;bottom:0;left:var(--compare);width:2px;pointer-events:none;background:#ffffffeb;box-shadow:0 0 28px #04080c40;transform:translate(-1px);will-change:left}.flowarch-compare-line i{position:absolute;left:50%;top:50%;display:block;width:48px;height:48px;border:1px solid rgba(255,255,255,.62);border-radius:50%;background:#090a10c2;box-shadow:0 16px 40px #00000047;backdrop-filter:blur(14px);transform:translate(-50%,-50%)}.flowarch-compare-line i:before,.flowarch-compare-line i:after{position:absolute;top:50%;width:8px;height:8px;content:"";border-top:2px solid #fff;border-left:2px solid #fff}.flowarch-compare-line i:before{left:11px;transform:translateY(-50%) rotate(-45deg)}.flowarch-compare-line i:after{right:11px;transform:translateY(-50%) rotate(135deg)}.flowarch-compare-label{position:absolute;z-index:6;top:22px;padding:10px 14px;color:#fff;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:#08090eb3;box-shadow:0 14px 34px #00000029;font-size:11px;font-weight:700;letter-spacing:.08em;backdrop-filter:blur(12px);pointer-events:none}.flowarch-compare-label-before{right:22px}.flowarch-compare-label-after{left:22px}.flowarch-compare input[type=range]{position:absolute;z-index:7;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.flowarch-compare:focus-within .flowarch-compare-line i{outline:3px solid #76e4d5;outline-offset:4px}.flowarch-product-page .product-stack{--story-progress: 0;position:relative}.flowarch-product-page .product-stack:before,.flowarch-product-page .product-stack:after{position:absolute;z-index:2;top:24px;bottom:24px;left:-22px;width:2px;content:"";border-radius:999px;pointer-events:none}.flowarch-product-page .product-stack:before{background:#0c0b1317}.flowarch-product-page .product-stack:after{bottom:auto;height:calc((100% - 48px) * var(--story-progress));background:linear-gradient(#ff664f,#7356ef 58%,#4ea942);box-shadow:0 0 18px #7356ef4d}.flowarch-card{--flow-progress: .5;isolation:isolate}.flowarch-card .product-art{isolation:isolate}.flowarch-card .product-art>img{transition:filter .7s ease,transform .9s cubic-bezier(.2,.8,.2,1);transform:translate3d(0,calc((var(--flow-progress) - .5) * -18px),0) scale(1.035);will-change:transform}.flowarch-card .real-interface-art>img{transform:translate3d(0,calc((var(--flow-progress) - .5) * -12px),0) scale(1.018)}.flowarch-art-scan{position:absolute;z-index:3;left:5%;right:5%;top:13%;height:1px;opacity:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.96),transparent);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 78%,white)}.flowarch-art-hotspots{position:absolute;z-index:4;inset:0;opacity:0;pointer-events:none;transition:opacity .45s ease .32s}.flowarch-art-hotspots i{position:absolute;display:block;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:var(--accent);box-shadow:0 0 color-mix(in srgb,var(--accent) 35%,transparent)}.flowarch-art-hotspots i:nth-child(1){left:27%;top:34%}.flowarch-art-hotspots i:nth-child(2){right:24%;top:49%;animation-delay:-.8s}.flowarch-art-hotspots i:nth-child(3){left:49%;bottom:24%;animation-delay:-1.6s}.flowarch-card .flowarch-card-metric{display:block;min-width:172px;opacity:0;transform:translate3d(0,22px,0) scale(.96);transition:opacity .65s ease .16s,transform .65s cubic-bezier(.2,.85,.2,1) .16s}.flowarch-card .flowarch-card-metric>span{display:block;height:4px;margin-top:11px;overflow:hidden;border-radius:999px;background:#fff3}.flowarch-card .flowarch-card-metric>span i{display:block;width:100%;height:100%;border-radius:inherit;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.2,.8,.2,1) .38s}.flowarch-card.is-flowarch-active .flowarch-card-metric{opacity:1;transform:none}.flowarch-card.is-flowarch-active .flowarch-card-metric>span i{transform:scaleX(1)}.flowarch-card.is-flowarch-active .flowarch-art-hotspots{opacity:1}.flowarch-card.is-flowarch-active .flowarch-art-hotspots i{animation:flowarchHotspot 2.5s ease-out infinite}.flowarch-card.is-flowarch-active .flowarch-art-scan{animation:flowarchScan 3.8s ease-in-out .25s infinite}html.has-flowarch-motion .flowarch-card .product-card-copy>*{opacity:0;transform:translate3d(0,22px,0);transition:opacity .62s ease,transform .72s cubic-bezier(.2,.8,.2,1)}html.has-flowarch-motion .flowarch-card.is-flowarch-active .product-card-copy>*{opacity:1;transform:none}html.has-flowarch-motion .flowarch-card.is-flowarch-active .product-card-copy>:nth-child(2){transition-delay:.06s}html.has-flowarch-motion .flowarch-card.is-flowarch-active .product-card-copy>:nth-child(3){transition-delay:.12s}html.has-flowarch-motion .flowarch-card.is-flowarch-active .product-card-copy>:nth-child(4){transition-delay:.18s}html.has-flowarch-motion .flowarch-card.is-flowarch-active .product-card-copy>:nth-child(5){transition-delay:.24s}.flowarch-capture-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);perspective:1300px}.flowarch-capture-grid figure:first-child{grid-column:1 / -1}.flowarch-capture-grid figure{--tilt-x: 0deg;--tilt-y: 0deg;--cursor-x: 50%;--cursor-y: 50%;position:relative;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:border-color .35s ease,box-shadow .45s ease,transform .25s ease}.flowarch-capture-grid figure:hover{border-color:#16a8996b;box-shadow:0 32px 74px #18142221}.flowarch-capture-grid figure>a{position:relative;display:block;overflow:hidden;background:#ecebed;cursor:none}.flowarch-capture-grid figure>a:after{position:absolute;inset:0;content:"";opacity:0;pointer-events:none;background:radial-gradient(circle at var(--cursor-x) var(--cursor-y),rgba(255,255,255,.2),transparent 28%);transition:opacity .3s ease}.flowarch-capture-grid figure:hover>a:after{opacity:1}.flowarch-capture-grid figure img{display:block;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .4s ease}.flowarch-capture-grid figure:hover img{transform:scale(1.018)}.flowarch-capture-cursor{position:absolute;z-index:3;left:var(--cursor-x);top:var(--cursor-y);display:grid;width:46px;height:46px;place-items:center;opacity:0;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#08090ec7;box-shadow:0 14px 35px #0003;backdrop-filter:blur(10px);pointer-events:none;transform:translate(-50%,-50%) scale(.7);transition:opacity .2s ease,transform .3s cubic-bezier(.2,.8,.2,1)}.flowarch-capture-grid figure:hover .flowarch-capture-cursor{opacity:1;transform:translate(-50%,-50%) scale(1)}.flowarch-lightbox{width:min(94vw,1500px);max-width:none;height:min(92vh,1000px);max-height:none;padding:0;overflow:visible;color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:28px;background:#0b0a0f;box-shadow:0 50px 140px #0000009e}html.has-flowarch-lightbox{overflow:hidden}.flowarch-lightbox::backdrop{background:#050509db;backdrop-filter:blur(14px)}.flowarch-lightbox[open]{animation:flowarchDialogIn .42s cubic-bezier(.2,.8,.2,1) both}.flowarch-lightbox figure{display:grid;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;margin:0;overflow:hidden;border-radius:inherit}.flowarch-lightbox figure>img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;background:#f2f2f2}.flowarch-lightbox figcaption{display:grid;gap:6px;padding:18px 72px 20px;border-top:1px solid rgba(255,255,255,.1)}.flowarch-lightbox figcaption span{color:#aba7b2;font-size:13px}.flowarch-lightbox button{position:absolute;z-index:4;display:grid;width:46px;height:46px;padding:0;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:#08090ecc;font-size:22px;cursor:pointer;backdrop-filter:blur(12px);transition:background .2s ease,transform .2s ease}.flowarch-lightbox button:hover{background:#16a899;transform:scale(1.05)}.flowarch-lightbox button:focus-visible{outline:3px solid #76e4d5;outline-offset:4px}.flowarch-lightbox-close{top:16px;right:16px}.flowarch-lightbox-arrow{top:50%;transform:translateY(-50%)}.flowarch-lightbox-arrow:hover{transform:translateY(-50%) scale(1.05)}.flowarch-lightbox-prev{left:16px}.flowarch-lightbox-next{right:16px}@keyframes flowarchScan{0%,14%{top:9%;opacity:0}25%,72%{opacity:.85}86%,to{top:91%;opacity:0}}@keyframes flowarchHotspot{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 52%,transparent)}70%,to{box-shadow:0 0 0 17px color-mix(in srgb,var(--accent) 0%,transparent)}}@keyframes flowarchDialogIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}@media(max-width:1100px){.flowarch-product-hero .flowarch-compare{height:590px}.flowarch-product-page .product-stack:before,.flowarch-product-page .product-stack:after{left:-14px}}@media(max-width:900px){.flowarch-product-hero .flowarch-compare{height:min(66vw,620px);min-height:460px}.flowarch-product-hero .flowarch-compare-media>img{object-position:left top}.flowarch-product-page .product-stack:before,.flowarch-product-page .product-stack:after{display:none}.flowarch-capture-grid{grid-template-columns:1fr}.flowarch-capture-grid figure:first-child{grid-column:auto}}@media(max-width:600px){.flowarch-product-hero .flowarch-compare{height:clamp(250px,72vw,360px);min-height:0;border-radius:24px}.flowarch-compare-label{top:13px;padding:8px 10px;font-size:9px}.flowarch-compare-label-after{left:13px}.flowarch-compare-label-before{right:13px}.flowarch-compare-line i{width:40px;height:40px}.flowarch-compare-line i:before{left:9px}.flowarch-compare-line i:after{right:9px}.flowarch-card .flowarch-card-metric{left:16px;bottom:16px;min-width:144px;padding:12px 13px}.flowarch-card .flowarch-card-metric strong{font-size:34px}.flowarch-art-hotspots i:nth-child(3){bottom:33%}.flowarch-capture-grid figure>a{cursor:pointer}.flowarch-capture-cursor{display:none}.flowarch-lightbox{width:calc(100vw - 20px);height:min(84vh,760px);border-radius:20px}.flowarch-lightbox figcaption{padding:16px 58px 18px}.flowarch-lightbox-arrow{width:40px!important;height:40px!important}.flowarch-lightbox-prev{left:9px}.flowarch-lightbox-next{right:9px}.flowarch-lightbox-close{top:9px;right:9px}}@media(hover:none){.flowarch-capture-grid figure>a{cursor:pointer}.flowarch-capture-cursor{display:none}}@media(prefers-reduced-motion:reduce){.flowarch-product-hero .flowarch-compare,.flowarch-card .product-art img,.flowarch-card .flowarch-card-metric,.flowarch-card .flowarch-card-metric>span i,.flowarch-capture-grid figure,.flowarch-capture-grid figure img,html.has-flowarch-motion .flowarch-card .product-card-copy>*{transition:none;transform:none}html.has-flowarch-motion .flowarch-card .product-card-copy>*,.flowarch-card .flowarch-card-metric,.flowarch-card .flowarch-card-metric>span i{opacity:1;transform:none}.flowarch-art-scan,.flowarch-art-hotspots{display:none}.flowarch-lightbox[open]{animation:none}}