/* JB Technologies | isolated homepage service journey, navy and white, v1. */
.jb-sflow{--sf-navy:#091e3d;--sf-blue:#245fb2;--sf-border:#dce7f4;--sf-muted:#627594;position:relative;isolation:isolate;background:linear-gradient(180deg,#fff 0%,#f6f9fe 49%,#fff 100%);color:var(--sf-navy);padding:clamp(76px,9vw,154px) 0 75px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;overflow:clip}
.jb-sflow *{box-sizing:border-box}.jb-sflow__wrap{max-width:1360px;margin:0 auto;padding:0 clamp(20px,5vw,68px)}
.jb-sflow__head{max-width:800px;margin-bottom:clamp(55px,8vw,110px)}
.jb-sflow__eyebrow{display:flex;gap:12px;align-items:center;color:var(--sf-blue);font-size:11px;letter-spacing:.23em;font-weight:800;margin-bottom:26px}
.jb-sflow__eyebrow-line{width:32px;height:2px;background:var(--sf-blue)}
.jb-sflow__head h2{font-size:clamp(44px,6.4vw,91px)!important;line-height:1.035;letter-spacing:-.075em;font-weight:790;margin:0 0 24px;color:var(--sf-navy)!important}
.jb-sflow__head h2 span{color:#7d9ac0}
.jb-sflow__head p{font-size:clamp(15px,1.65vw,20px);line-height:1.7;color:var(--sf-muted)!important;max-width:625px;margin:0}
.jb-sflow__experience{display:grid;grid-template-columns:minmax(150px,23%) minmax(0,1fr);gap:clamp(24px,4vw,70px)}
.jb-sflow__aside{position:relative}.jb-sflow__sticky{position:sticky;top:clamp(95px,14vh,145px);display:flex;flex-direction:column;align-items:flex-start;gap:26px}
.jb-sflow__chapter{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--sf-navy)}.jb-sflow__chapter span{color:#91a4be;font-weight:600}
.jb-sflow__rail{width:55px;height:clamp(265px,38vw,455px);position:relative;margin-left:14px}
.jb-sflow__rail-track,.jb-sflow__rail-fill{position:absolute;left:20px;top:16px;width:2px;height:calc(100% - 32px);border-radius:5px;background:#d5e1f0}
.jb-sflow__rail-fill{height:0;background:linear-gradient(180deg,#70beff,#1454a0);transition:height .15s linear}
.jb-sflow__rail-stop{position:absolute;left:0;width:43px;height:43px;border:1px solid #cbdcf1;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#8194ae;font-size:12px;font-weight:800;transition:all .3s}
.jb-sflow__rail-stop--a{top:0}.jb-sflow__rail-stop--b{top:calc(50% - 21px)}.jb-sflow__rail-stop--c{bottom:0}
.jb-sflow__rail-stop.is-active{background:var(--sf-navy);border-color:var(--sf-navy);color:#fff;box-shadow:0 0 0 7px #e5effc,0 11px 28px rgba(18,57,108,.22)}
.jb-sflow__aside-bottom{display:block;color:#9aacc3;font-size:9px;font-weight:800;letter-spacing:.15em;white-space:nowrap}.jb-sflow__aside-bottom span{color:var(--sf-blue)}
.jb-sflow__stages{min-width:0;display:grid;gap:clamp(24px,5vw,75px)}
.jb-sflow__stage{border:1px solid var(--sf-border);border-radius:25px;padding:clamp(22px,3vw,40px);background:#fff;box-shadow:0 24px 70px rgba(12,40,86,.04);overflow:hidden;min-width:0;transition:border-color .5s,transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .5s;position:relative}
.jb-sflow__stage:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#1454a0,#69b8f2,transparent);transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.jb-sflow__stage.is-active{border-color:#a8c6e9;box-shadow:0 25px 85px rgba(17,55,100,.11)}.jb-sflow__stage.is-active:before{transform:scaleX(1)}
.jb-sflow__stage-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:34px}.jb-sflow__index{font-size:11px;letter-spacing:.17em;font-weight:800;color:#4381cb}.jb-sflow__status{font-size:10px;letter-spacing:.14em;color:#657a96;font-weight:800;display:flex;align-items:center;gap:10px}.jb-sflow__status i{width:7px;height:7px;background:#62a7ed;border-radius:50%;box-shadow:0 0 0 4px #edf6ff}
.jb-sflow__stage-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.94fr);gap:clamp(22px,3vw,42px);align-items:center;min-height:320px}
.jb-sflow__glyph{width:52px;height:52px;display:grid;place-items:center;background:#f0f6ff;border:1px solid #dceafb;border-radius:15px;color:#205da6;margin-bottom:22px;transition:transform .6s}.jb-sflow__stage.is-active .jb-sflow__glyph{transform:rotate(-7deg) scale(1.04)}
.jb-sflow__stage-copy h3{font-size:clamp(30px,3.5vw,49px)!important;letter-spacing:-.06em;line-height:1.07;font-weight:750;margin:0 0 18px;color:var(--sf-navy)!important}.jb-sflow__stage-copy h3 span{color:#3a85d3}
.jb-sflow__stage-copy p{font-size:14px;line-height:1.8;color:var(--sf-muted)!important;margin:0 0 24px;max-width:460px}
.jb-sflow__chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.jb-sflow__chips span{font-size:10px;font-weight:600;padding:9px 11px;border:1px solid #d9e6f6;color:#41618a;background:#fafdff;border-radius:30px}
.jb-sflow__explore{display:inline-flex;align-items:center;gap:18px;text-decoration:none!important;color:var(--sf-navy)!important;font-size:13px;font-weight:750;border-bottom:1px solid #7ca9da;padding-bottom:8px}.jb-sflow__explore span{transition:transform .25s}.jb-sflow__explore:hover span{transform:translate(4px,-3px)}.jb-sflow a:focus-visible{outline:3px solid #6bb0f7;outline-offset:4px;border-radius:4px}
.jb-sflow__visual{height:clamp(275px,27vw,360px);min-width:0;border-radius:20px;border:1px solid #dbe8f6;overflow:hidden;position:relative;background:#f1f7ff;display:flex;align-items:center;justify-content:center;perspective:900px}
.jb-sflow__visual-foot{position:absolute;bottom:15px;left:20px;color:#91a8c4;font-size:8px;font-weight:800;letter-spacing:.17em;z-index:4}.jb-sflow__visual--dev{background:radial-gradient(circle at 80% 15%,#dbeeff,#f2f8ff 60%,#fff 100%)}
.jb-sflow__dev-browser{position:absolute;left:7%;top:15%;width:71%;height:67%;border:1px solid #c5d5eb;background:#fff;border-radius:11px;overflow:hidden;transform:rotate(-3deg) translateZ(0);box-shadow:0 25px 45px rgba(23,57,104,.14);transition:transform .8s}.jb-sflow__stage.is-active .jb-sflow__dev-browser{transform:rotate(-3deg) translateY(-5px)}
.jb-sflow__browser-chrome{height:27px;background:#eef4fb;display:flex;align-items:center;gap:5px;padding:0 10px;border-bottom:1px solid #dae6f1}.jb-sflow__browser-chrome i{width:6px;height:6px;border-radius:50%;background:#b4c7e0}.jb-sflow__browser-chrome span{margin-left:8px;color:#8aa0b8;font-size:8px;letter-spacing:.08em}
.jb-sflow__dev-window{display:flex;height:calc(100% - 27px)}.jb-sflow__dev-sidebar{width:25%;border-right:1px solid #edf2f9;background:#f8fbff;padding:21px 9px;display:grid;align-content:start;gap:12px}.jb-sflow__dev-sidebar span{height:5px;background:#d3e0f1;border-radius:3px}.jb-sflow__dev-sidebar span:nth-child(2){width:75%}.jb-sflow__dev-sidebar span:nth-child(4){width:59%}
.jb-sflow__dev-content{padding:27px 13px;flex:1;display:grid;align-content:start;gap:13px}.jb-sflow__code{height:6px;background:#bcd9f6;border-radius:5px;max-width:86%}.jb-sflow__code.k2{max-width:58%;margin-left:15px;background:#9bc8e6}.jb-sflow__code.k3{max-width:77%;margin-left:15px;background:#e1bce8}.jb-sflow__code.k4{max-width:45%;margin-left:32px;background:#9ac9a9}.jb-sflow__code.k5{max-width:70%;margin-left:15px}.jb-sflow__code.k6{max-width:34%}
.jb-sflow__dev-mobile{position:absolute;right:7%;top:24%;height:64%;width:27%;min-width:85px;max-width:122px;border:5px solid #142f52;border-radius:19px;background:#fff;box-shadow:0 18px 30px rgba(10,32,68,.19);transform:rotate(6deg);padding:18px 9px 9px;display:grid;align-content:start;gap:9px;transition:transform .8s}.jb-sflow__stage.is-active .jb-sflow__dev-mobile{transform:rotate(4deg) translateY(-8px)}
.jb-sflow__dev-notch{position:absolute;top:5px;left:37%;width:26%;height:4px;border-radius:5px;background:#304766}.jb-sflow__dev-avatar{width:42px;height:42px;border-radius:11px;background:linear-gradient(140deg,#6fa9dc,#d8eafc)}.jb-sflow__dev-mobile>span{height:5px;border-radius:5px;background:#d9e5f2;width:92%}.jb-sflow__dev-mobile>span:nth-of-type(2){width:59%}.jb-sflow__dev-mobile-cards{display:flex;gap:5px}.jb-sflow__dev-mobile-cards i{flex:1;height:26px;background:#e3effc;border-radius:6px}.jb-sflow__dev-mobile-button{height:15px;border-radius:5px;background:#1759a9}
.jb-sflow__visual-pill{position:absolute;left:6%;bottom:13%;padding:10px 12px;border-radius:25px;background:#fff;border:1px solid #d9e8f5;box-shadow:0 10px 25px #153d6e1e;z-index:3;font-size:10px;font-weight:750;color:#24466e}.jb-sflow__pulse-dot{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#45aa79;box-shadow:0 0 0 5px #45aa7921;animation:jb-sflow-pulse 2s infinite}
.jb-sflow__visual--marketing{background:linear-gradient(145deg,#eef7ff,#f7fbff)}.jb-sflow__market-panel{width:90%;background:#fff;border:1px solid #dce7f5;border-radius:15px;padding:18px 18px 22px;box-shadow:0 20px 40px rgba(14,51,92,.09);transform:translateY(-6px)}.jb-sflow__market-header{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#879bb5;font-size:8px;letter-spacing:.12em;font-weight:800}.jb-sflow__market-trend{color:#2179aa;font-size:9px;letter-spacing:0}
.jb-sflow__market-bignum{color:#162f51;font-size:clamp(14px,1.4vw,19px);font-weight:750;letter-spacing:-.03em;margin:18px 0 0}.jb-sflow__market-bignum span{color:#508ac8}.jb-sflow__chart{width:100%;height:clamp(95px,11vw,150px);margin-top:5px;overflow:visible}.jb-sflow__chart-grid{fill:none;stroke:#e4edf8;stroke-width:1}.jb-sflow__chart-line{stroke:#286fba;fill:none;stroke-width:3;stroke-linecap:round;stroke-dasharray:540;stroke-dashoffset:540}.jb-sflow__stage.is-active .jb-sflow__chart-line{animation:jb-sflow-draw 2.25s ease forwards}.jb-sflow__chart-marker{transform-origin:296px 61px;animation:jb-sflow-pulse2 2.8s infinite}
.jb-sflow__market-steps{display:flex;justify-content:space-between;color:#92a3b8;font-size:8px;letter-spacing:.15em;font-weight:750}.jb-sflow__floating-stat{position:absolute;right:4%;top:5%;background:#163e6c;color:#fff;padding:10px 14px;font-size:9px;letter-spacing:.03em;border-radius:10px;transform:rotate(4deg);box-shadow:0 10px 25px #163e6c33;animation:jb-sflow-float 5s ease-in-out infinite}
.jb-sflow__visual--commerce{background:linear-gradient(140deg,#f0f7fe,#e8f3ff)}.jb-sflow__shop{position:absolute;width:86%;height:71%;top:8%;left:7%;border:1px solid #cdddf0;background:#fff;border-radius:11px;overflow:hidden;box-shadow:0 17px 40px #113a6b22;transform:rotate(-2deg);transition:transform .8s}.jb-sflow__stage.is-active .jb-sflow__shop{transform:rotate(0deg) translateY(-4px)}
.jb-sflow__shop-nav{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #eaf0f8;color:#8da1ba;font-size:8px;letter-spacing:.08em}.jb-sflow__shop-nav strong{font-size:14px;color:#102f54;letter-spacing:-.05em}.jb-sflow__shop-nav strong span{color:#4d9fd7}
.jb-sflow__shop-inner{display:grid;grid-template-columns:48% 52%;height:calc(100% - 32px)}.jb-sflow__shop-product{background:radial-gradient(circle at 55% 50%,#fafdff,#dbe9f8);display:grid;place-items:center;position:relative}.jb-sflow__shop-object{width:104px;height:96px;position:relative;filter:drop-shadow(0 12px 8px #0c244036)}.jb-sflow__product-headband{position:absolute;top:4px;left:31px;width:45px;height:69px;border:13px solid #18395f;border-bottom:0;border-radius:38px 38px 0 0}.jb-sflow__product-ear{position:absolute;width:31px;height:52px;border-radius:18px;background:linear-gradient(130deg,#264a77,#091e38);top:44px}.jb-sflow__product-ear--l{left:19px;transform:rotate(-10deg)}.jb-sflow__product-ear--r{right:12px;transform:rotate(10deg)}
.jb-sflow__shop-desc{display:flex;flex-direction:column;justify-content:center;gap:11px;padding:14px}.jb-sflow__shop-desc small{color:#93a7bd;font-size:7px;letter-spacing:.13em}.jb-sflow__shop-desc strong{color:#153559;font-size:clamp(13px,1.6vw,21px);line-height:1.15;letter-spacing:-.045em}.jb-sflow__shop-buy{color:#1d66af;font-weight:750;font-size:9px}
.jb-sflow__flow-steps{position:absolute;left:5%;right:5%;bottom:10%;display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #dce7f6;box-shadow:0 12px 24px #13467a1b;border-radius:9px;padding:9px;justify-content:space-around;z-index:5}.jb-sflow__flow-steps span{display:inline-flex;align-items:center;gap:3px;color:#23466d;font-size:9px;font-weight:750;white-space:nowrap}.jb-sflow__flow-steps span i{font-style:normal;color:#19806e}.jb-sflow__flow-steps b{font-size:9px;color:#90acc9}
.jb-sflow__ending{margin-top:75px;padding:32px 0;border-top:1px solid #dce5f3;display:flex;justify-content:space-between;align-items:center;gap:25px}.jb-sflow__ending>span{font-size:10px;font-weight:800;letter-spacing:.2em;color:#8da2bb}.jb-sflow__ending a{display:inline-flex;gap:16px;align-items:center;background:#102e56;color:#fff!important;text-decoration:none!important;border-radius:50px;padding:16px 22px;font-size:12px;font-weight:750;transition:transform .3s,background .3s}.jb-sflow__ending a:hover{transform:translateY(-3px);background:#2568af}
.jb-sflow__stage[data-jb-sflow-stage]{opacity:.84;transform:translateY(16px)}.jb-sflow__stage[data-jb-sflow-stage].is-inview{opacity:1;transform:translateY(0)}
@keyframes jb-sflow-draw{to{stroke-dashoffset:0}}@keyframes jb-sflow-pulse{50%{box-shadow:0 0 0 9px #45aa790a}}@keyframes jb-sflow-pulse2{50%{opacity:.6;transform:scale(1.5)}}@keyframes jb-sflow-float{50%{transform:rotate(1deg) translateY(-8px)}}
@media(max-width:1050px){.jb-sflow__experience{grid-template-columns:115px minmax(0,1fr);gap:24px}.jb-sflow__stage-grid{grid-template-columns:1fr}.jb-sflow__visual{height:310px}.jb-sflow__rail{height:340px}}
@media(max-width:650px){.jb-sflow{padding:80px 0 40px}.jb-sflow__wrap{padding:0 18px}.jb-sflow__head{margin-bottom:38px}.jb-sflow__head h2{font-size:clamp(43px,12vw,60px)!important;letter-spacing:-.067em}.jb-sflow__experience{display:block}.jb-sflow__aside{display:none}.jb-sflow__stages{gap:18px}.jb-sflow__stage{padding:19px;border-radius:19px}.jb-sflow__stage-top{margin-bottom:25px}.jb-sflow__stage-grid{gap:28px}.jb-sflow__stage-copy h3{font-size:36px!important}.jb-sflow__visual{height:275px}.jb-sflow__dev-browser{height:66%;top:14%;width:70%}.jb-sflow__visual-foot{bottom:9px;left:12px}.jb-sflow__shop-object{transform:scale(.72)}.jb-sflow__flow-steps{bottom:10%;padding:8px 5px}.jb-sflow__flow-steps span{font-size:8px}.jb-sflow__ending{margin-top:35px;flex-direction:column;align-items:flex-start}.jb-sflow__ending a{width:100%;justify-content:center}.jb-sflow__market-panel{width:91%;padding:15px}.jb-sflow__chart{height:123px}.jb-sflow__market-header{font-size:7px}}
@media(prefers-reduced-motion:reduce){.jb-sflow *, .jb-sflow *:before,.jb-sflow *:after{animation:none!important;transition:none!important}.jb-sflow__stage[data-jb-sflow-stage]{opacity:1;transform:none}.jb-sflow__chart-line{stroke-dashoffset:0}}


/* 2026-10-28: Horizontal orientation — original animated visuals retained. */
#our-services.jb-sflow{--sf-navy:#2c2e34;--sf-blue:#d9903c;--sf-border:#e9dac9;--sf-muted:#69635f;background:linear-gradient(180deg,#fff,#fcf8f2 55%,#fff);overflow:hidden}
#our-services .jb-sflow__head{max-width:950px;margin-bottom:45px}
#our-services .jb-sflow__head h2,#our-services .jb-sflow__stage-copy h3{color:#2c2e34!important}
#our-services .jb-sflow__head h2 span,#our-services .jb-sflow__stage-copy h3 span,#our-services .jb-sflow__index{color:#d9903c!important}
#our-services .jb-sflow__experience{display:flex;flex-direction:column;gap:22px}
#our-services .jb-sflow__aside{display:block}
#our-services .jb-sflow__sticky{position:static;display:flex;gap:14px;align-items:center}
#our-services .jb-sflow__chapter{flex:none;white-space:nowrap;color:#2c2e34}
#our-services .jb-sflow__aside-bottom{flex:none;color:#956b3b;white-space:nowrap}
#our-services .jb-sflow__rail{position:relative;flex:1;margin:0 12px;width:auto;height:42px;min-width:80px}
#our-services .jb-sflow__rail-track{left:16px;right:16px;top:20px;width:auto;height:2px;background:#eadbca}
#our-services .jb-sflow__rail-fill{left:16px;top:20px;width:0;height:2px;background:linear-gradient(90deg,#d9903c,#ad6a2e);transition:width .3s ease}
#our-services .jb-sflow__rail-stop{top:0!important;bottom:auto!important;left:auto;width:42px;height:42px;border-color:#e6d5bf;color:#986b37;background:#fff}
#our-services .jb-sflow__rail-stop--a{left:0}
#our-services .jb-sflow__rail-stop--b{left:calc(50% - 21px)}
#our-services .jb-sflow__rail-stop--c{right:0}
#our-services .jb-sflow__rail-stop.is-active{background:#2c2e34;color:#fff;border-color:#d9903c;box-shadow:0 0 0 4px #f8eadb}
#our-services .jb-sflow__stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;overflow:visible;min-width:0;align-items:stretch}
#our-services .jb-sflow__stage{width:100%;min-width:0;max-width:none;margin:0;padding:22px;display:flex;flex-direction:column;background:#fff;border-color:#e9dac9;box-shadow:0 15px 45px rgba(44,46,52,.07);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1),border-color .45s,box-shadow .45s}
#our-services .jb-sflow__stage.is-active{border-color:#d9903c;box-shadow:0 23px 60px rgba(129,82,37,.16)}
#our-services .jb-sflow__stage[data-jb-sflow-stage]{opacity:0;transform:translateY(38px)}
#our-services .jb-sflow__stage[data-jb-sflow-stage].is-inview{opacity:1;transform:translateY(0)}
#our-services .jb-sflow__stage:nth-child(2){transition-delay:.12s}
#our-services .jb-sflow__stage:nth-child(3){transition-delay:.24s}
#our-services .jb-sflow__stage-top{margin-bottom:18px}
#our-services .jb-sflow__stage-grid{display:flex;flex:1;flex-direction:column;gap:18px;min-height:0;align-items:stretch}
#our-services .jb-sflow__stage-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}
#our-services .jb-sflow__stage-copy h3{font-size:clamp(24px,2.3vw,33px)!important;line-height:1.15}
#our-services .jb-sflow__stage-copy p{font-size:13px;line-height:1.65}
#our-services .jb-sflow__chips{flex-wrap:wrap}
#our-services .jb-sflow__explore{margin-top:auto}
#our-services .jb-sflow__visual{width:100%;height:clamp(215px,20vw,285px);min-height:0;margin-top:auto}
#our-services .jb-sflow__visual--dev{background:linear-gradient(140deg,#fff5e9,#f7e7d3)}
#our-services .jb-sflow__visual--marketing{background:linear-gradient(140deg,#fdf5e9,#f5e7d3)}
#our-services .jb-sflow__visual--commerce{background:linear-gradient(140deg,#fff8ef,#f6e5d3)}
#our-services .jb-sflow__chart-line{stroke:#c88436}
#our-services .jb-sflow__floating-stat{background:#2c2e34}
#our-services .jb-sflow__ending{border-color:#e9dac9}
#our-services .jb-sflow__ending a{background:#2c2e34}
#our-services .jb-sflow__ending a:hover{background:#a96929}
@media(max-width:1050px){
 #our-services .jb-sflow__stages{display:flex;gap:18px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-left:20px;scrollbar-width:thin;padding:8px 4px 22px}
 #our-services .jb-sflow__stage{flex:0 0 min(78vw,420px);scroll-snap-align:start}
 #our-services .jb-sflow__visual{height:250px}
}
@media(max-width:650px){
 #our-services .jb-sflow__head{margin-bottom:30px}
 #our-services .jb-sflow__sticky{display:block}
 #our-services .jb-sflow__chapter{margin-bottom:8px}
 #our-services .jb-sflow__aside-bottom{display:none}
 #our-services .jb-sflow__rail{margin:0;width:100%}
 #our-services .jb-sflow__stage{flex-basis:min(88vw,365px);padding:18px}
 #our-services .jb-sflow__visual{height:235px}
 #our-services .jb-sflow__ending{margin-top:30px}
}
@media(prefers-reduced-motion:reduce){
 #our-services .jb-sflow__stage[data-jb-sflow-stage]{opacity:1;transform:none;transition:none}
 #our-services .jb-sflow__chart-line{stroke-dashoffset:0}
}