/* JB Technologies | full services catalogue | scoped component system | 2026-10-24 */
.jbsd{--jd-navy:#0b2343;--jd-blue:#2369af;--jd-ink:#183252;--jd-muted:#647b95;--jd-line:#dce6f2;--jd-bg:#f7faff;--jd-white:#fff;color:var(--jd-ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;overflow:clip}
.jbsd *{box-sizing:border-box}.jbsd a{text-decoration:none}.jbsd [hidden]{display:none!important}.jbsd button,.jbsd input{font:inherit}.jbsd button{cursor:pointer}.jbsd a:focus-visible,.jbsd button:focus-visible,.jbsd input:focus-visible{outline:3px solid #62a4ef;outline-offset:3px}.jbsd-shell{width:100%;max-width:1360px;margin-inline:auto;padding-inline:clamp(20px,4.3vw,62px)}.jbsd-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.16em;line-height:1.6;font-weight:750;color:#2366a6;text-transform:uppercase}.jbsd-eyebrow-bar{display:inline-block;width:23px;height:2px;background:currentColor}.jbsd-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
/* Editorial introduction */
.jbsd-hero{position:relative;padding-top:clamp(70px,7vw,110px);background:radial-gradient(circle at 78% 22%,#e7f3ff 0,rgba(238,247,255,.36) 23%,transparent 48%),linear-gradient(160deg,#fff 34%,#f4f9ff);border-bottom:1px solid var(--jd-line)}.jbsd-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(35px,5vw,76px)}.jbsd-hero-copy{padding:0 0 68px}.jbsd-hero h1{font-size:clamp(47px,5.2vw,79px);letter-spacing:-.077em;line-height:1.075;font-weight:800;color:var(--jd-navy);margin:20px 0 28px}.jbsd-hero h1 em{font-style:normal;color:#4080bc}.jbsd-hero-copy>p{color:#59728d;font-size:clamp(15px,1.24vw,18px);line-height:1.84;max-width:630px;margin:0}.jbsd-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:32px}.jbsd-btn{min-height:50px;padding:14px 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:23px;border-radius:999px;font-size:12.5px;font-weight:710;transition:background .22s,color .22s,transform .22s,border .22s;border:1px solid transparent}.jbsd-btn:hover{transform:translateY(-2px)}.jbsd-btn-primary{color:#fff;background:var(--jd-navy)}.jbsd-btn-primary:hover{color:#fff;background:#205d98}.jbsd-btn-light{color:#183d63;border-color:#c4d8ea;background:#fff}.jbsd-btn-light:hover{border-color:#5f98cc;color:#154f86}.jbsd-hero-points{display:flex;gap:19px 24px;flex-wrap:wrap;margin-top:36px;color:#7c93ab;font-size:11px;font-weight:600}.jbsd-hero-points span{display:inline-flex;gap:9px;align-items:center}.jbsd-hero-points i{width:5px;height:5px;background:#4f8ac0;border-radius:50%}.jbsd-hero-footer{padding-block:23px;display:flex;align-items:center;gap:25px;font-size:10px;letter-spacing:.13em;font-weight:700;color:#66809b;text-transform:uppercase}.jbsd-hero-footer div{flex:1;height:1px;background:#d7e3f2}.jbsd-hero-footer span:last-child{color:#2e70a8}
/* realistic editorial browser */
.jbsd-hero-display{height:430px;min-width:0;position:relative;isolation:isolate;display:grid;place-items:center;margin-bottom:55px}.jbsd-orbit{position:absolute;border:1px solid #a0c3e84d;border-radius:50%;z-index:-1}.jbsd-orbit-a{width:92%;aspect-ratio:1}.jbsd-orbit-b{width:68%;aspect-ratio:1}.jbsd-hero-window{width:94%;height:345px;background:#fff;border:1px solid #d2e0ee;border-radius:17px;box-shadow:0 33px 55px #1b476c22,0 5px 14px #1d4b6f14;transform:rotate(2deg);overflow:hidden}.jbsd-window-top{height:36px;border-bottom:1px solid #edf2f8;display:flex;align-items:center;padding:0 15px;gap:10px;color:#92a4b7;font-size:10px}.jbsd-window-top small{margin-left:auto;font-size:9px;color:#428fbd}.jbsd-dots{display:flex;gap:5px}.jbsd-dots i{width:7px;height:7px;border-radius:50%;background:#d6e0ea}.jbsd-window-body{padding:17px 20px}.jbsd-ui-nav{display:flex;gap:20px;align-items:center;font-size:9px;color:#8297aa}.jbsd-ui-nav b{color:#0b3768;font-size:16px;margin-right:auto}.jbsd-ui-heading{padding:25px 3px 15px}.jbsd-ui-heading small{display:block;color:#4288bd;font-size:8px;letter-spacing:.17em;font-weight:760;margin-bottom:7px}.jbsd-ui-heading strong{display:block;color:#11395f;font-size:24px;letter-spacing:-.055em;line-height:1.2}.jbsd-ui-heading p{font-size:10px;margin:6px 0 0;color:#8aa0b6}.jbsd-ui-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.jbsd-ui-tiles>div{display:flex;flex-direction:column;gap:7px;background:#f4f9ff;border:1px solid #e2edf8;padding:11px;border-radius:8px;min-width:0}.jbsd-ui-tiles i{font-style:normal;font-size:8px;color:#4a91c7}.jbsd-ui-tiles strong{font-size:14px;letter-spacing:-.03em;color:#163d65}.jbsd-ui-tiles small{font-size:8px;color:#8da4bb}.jbsd-ui-chart{height:55px;margin-top:13px;position:relative}.jbsd-ui-chart svg{position:absolute;inset:0;width:100%;height:100%}.jbsd-chart-lines{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0 14px,#edf3fa 14px 15px)}.jbsd-float-label{position:absolute;z-index:2;background:#fff;padding:12px 15px;border:1px solid #cee0f1;border-radius:9px;color:#235686;box-shadow:0 12px 26px #133c6921;font-size:11px;font-weight:700;animation:jbsdFloat 5s ease-in-out infinite}.jbsd-float-label span{margin-left:15px;color:#64a5d8}.jbsd-fl-a{top:0;left:-17px}.jbsd-fl-b{bottom:18px;right:-8px;animation-delay:-1.5s}.jbsd-fl-c{top:45px;right:-16px;animation-delay:-3s}
/* category discovery */
.jbsd-explorer{padding:80px 0 26px;background:#fff;scroll-margin-top:95px}.jbsd-topline{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:35px}.jbsd-topline h2{font-size:clamp(34px,3.8vw,54px);letter-spacing:-.065em;line-height:1.13;color:var(--jd-navy);margin:11px 0 0}.jbsd-topline h2 em{font-style:normal;color:#5591c5}.jbsd-topline>p{margin:0;color:var(--jd-muted);font-size:13px;line-height:1.85;max-width:430px}.jbsd-tools{display:flex;align-items:stretch;gap:15px;border:1px solid #dce7f2;background:#f8fbff;border-radius:15px;padding:9px}.jbsd-category-nav{display:flex;flex:1;gap:4px;align-items:center;overflow:auto;scrollbar-width:thin}.jbsd-cat-link{font-size:11px;display:inline-flex;align-items:center;gap:7px;border-radius:8px;white-space:nowrap;color:#3d658a;padding:14px 11px;font-weight:720;transition:background .2s,color .2s}.jbsd-cat-link span{font-size:9px;color:#6a9dcc}.jbsd-cat-link:hover,.jbsd-cat-link.is-active{background:#e7f1fc;color:#144f86}.jbsd-search{flex:0 0 224px;display:flex;align-items:center;gap:8px;border:1px solid #d7e5f4;border-radius:9px;background:#fff;padding:0 11px;color:#4f85b4}.jbsd-search input{min-width:0;width:100%;border:0!important;box-shadow:none!important;outline:none!important;background:transparent;color:#163e61;font-size:12px;padding:10px 0}.jbsd-search input::placeholder{color:#90a4ba}.jbsd-search kbd{font-size:10px;background:#f0f6fb;border:1px solid #d6e3f0;color:#7898b4;padding:2px 6px;border-radius:4px}.jbsd-search-status{font-size:12px;color:#51769b;margin:14px 0 0;min-height:18px}.jbsd-no-results{background:#eff6fc;border:1px solid #d4e6f7;border-radius:10px;padding:20px;color:#305d83}.jbsd-no-results button{border:0;background:transparent;color:#145d99;text-decoration:underline}
/* full discipline sections */
.jbsd-discipline{padding:clamp(60px,6vw,95px) 0;border-top:1px solid var(--jd-line);scroll-margin-top:90px}.jbsd-discipline-alt{background:#f7faff}.jbsd-discipline-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(30px,5vw,70px);margin-bottom:50px}.jbsd-discipline-title h2{font-size:clamp(35px,4.2vw,60px);font-weight:800;letter-spacing:-.068em;line-height:1.13;color:var(--jd-navy);margin:17px 0}.jbsd-discipline-title h2 span{color:#4287c2}.jbsd-discipline-title h3{font-size:clamp(18px,1.8vw,24px);letter-spacing:-.035em;line-height:1.35;font-weight:650;color:#285273;margin:0 0 14px}.jbsd-discipline-title>p{line-height:1.85;max-width:520px;font-size:14px;color:#6b8098;margin:0}.jbsd-visual{border:1px solid #d7e4f3;border-radius:18px;padding:30px;min-width:0;height:360px;display:grid;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 6%,#e3f2ff,transparent 60%),#eaf3fc;box-shadow:inset 0 1px #fff}.jbsd-visual-apps{background:linear-gradient(145deg,#e8f3ff,#dceafb)}.jbsd-visual-marketing{background:linear-gradient(145deg,#153d66,#092b52)}.jbsd-visual-commerce{background:linear-gradient(145deg,#f2f7fe,#e1edfa)}.jbsd-visual-marketplaces{background:linear-gradient(145deg,#e9f5ff,#edf7fd)}.jbsd-visual-creative{background:linear-gradient(145deg,#f6f3f0,#e9eef5)}.jbsd-demo-browser{position:relative;border:1px solid #d2e0ee;border-radius:13px;background:#fff;overflow:hidden;width:100%;height:255px;box-shadow:0 18px 44px #214f7832}.jbsd-demo-bar{height:33px;border-bottom:1px solid #ebeff5;display:flex;align-items:center;gap:5px;padding-inline:13px}.jbsd-demo-bar i{width:6px;height:6px;border-radius:50%;background:#d1dce7}.jbsd-demo-bar span{color:#87a3bb;font-size:9px;margin-left:12px}.jbsd-visual-caption{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.14em;color:#6a91b4;font-weight:730}.jbsd-demo-web{padding:14px 22px}.jbsd-demo-web-nav{display:flex;align-items:center;font-size:14px;font-weight:800;color:#193453;gap:3px}.jbsd-demo-web-nav span{font-size:8px;letter-spacing:.12em;color:#5794c8}.jbsd-demo-web-nav small{margin-left:auto;color:#849bb2;font-size:8px;font-weight:500}.jbsd-demo-web-hero{margin-top:19px;background:linear-gradient(115deg,#cce8fa 0%,#ebf6ff 50%,#badcef 100%);border-radius:9px;padding:19px 20px;min-height:133px}.jbsd-demo-web-hero small{display:block;color:#497fa7;font-size:8px;letter-spacing:.16em}.jbsd-demo-web-hero strong{max-width:245px;display:block;font-size:22px;letter-spacing:-.05em;line-height:1.12;color:#123b65;margin:10px 0}.jbsd-demo-web-hero div{font-size:9px;color:#316b9b}.jbsd-demo-web-tiles{display:none}
.jbsd-demo-app{display:flex;height:calc(100% - 33px)}.jbsd-demo-app aside{width:63px;background:#102f54;display:flex;align-items:center;gap:12px;flex-direction:column;padding:12px}.jbsd-demo-app aside b{color:#fff;font-size:17px}.jbsd-demo-app aside i{width:26px;height:8px;border-radius:3px;background:#628cb4;opacity:.5}.jbsd-demo-app-main{padding:20px;flex:1;background:#f9fcff}.jbsd-demo-app-main>small{display:block;color:#73a2c9;font-size:8px;letter-spacing:.1em}.jbsd-demo-app-main>strong{display:block;color:#163f69;font-size:18px;letter-spacing:-.04em;margin:9px 0 14px}.jbsd-demo-app-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.jbsd-demo-app-stats span{font-size:9px;color:#6790ae;background:#fff;border:1px solid #e1ebf5;padding:9px;border-radius:6px}.jbsd-demo-app-stats em{display:block;font-style:normal;font-size:17px;color:#19456f;margin-top:6px;font-weight:800}.jbsd-demo-app-graph{height:65px;margin-top:8px;background:repeating-linear-gradient(0deg,transparent 0 19px,#e5eef7 19px 20px)}.jbsd-demo-app-graph svg{width:100%;height:100%}
.jbsd-visual-marketing .jbsd-demo-browser{background:#0c3155;border-color:#285a84}.jbsd-visual-marketing .jbsd-demo-bar{border-color:#2d5275}.jbsd-demo-marketing{padding:14px 21px;color:#fff}.jbsd-demo-marketing small{display:block;color:#a4c8e9;font-size:8px;letter-spacing:.13em}.jbsd-demo-marketing strong{font-size:19px;letter-spacing:-.04em;display:block;margin-top:8px}.jbsd-demo-market-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.jbsd-demo-market-metrics span{padding:9px;background:#ffffff15;border:1px solid #ffffff27;border-radius:7px;font-size:8px;color:#a6d0ec}.jbsd-demo-market-metrics b{display:block;font-size:12px;color:#fff;margin-top:5px}.jbsd-demo-bars{height:60px;display:flex;align-items:end;gap:7px;margin:15px 7px}.jbsd-demo-bars i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#80d3f6,#418bc4);animation:jbsdBar 1.6s both;transform-origin:bottom}.jbsd-visual-marketing .jbsd-visual-caption{color:#9bc7e8}
.jbsd-demo-commerce{padding:13px 20px}.jbsd-demo-commerce-nav{font-size:12px;color:#19405f;font-weight:800}.jbsd-demo-commerce-nav span{float:right;font-size:7px;color:#7c96aa;font-weight:650}.jbsd-demo-commerce>strong{display:block;font-size:22px;color:#183b5e;letter-spacing:-.05em;margin:15px 0 10px}.jbsd-demo-products{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.jbsd-demo-products>div{height:101px;border:1px solid #e0e9f2;border-radius:7px;background:#f1f7fc;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px}.jbsd-demo-products small{font-size:9px;color:#49799e}.jbsd-demo-products i{display:block;position:relative}.jbsd-prod-shoe{width:54px;height:23px;border-radius:50% 55% 16% 20%;background:#183e68;transform:rotate(-18deg)}.jbsd-prod-case{width:37px;height:45px;border:5px solid #356997;background:#dceefd;border-radius:7px}.jbsd-prod-case:after{content:'';position:absolute;width:14px;height:3px;left:6px;top:5px;background:#6a9dc6}.jbsd-prod-box{width:42px;height:37px;background:#a9d2ef;border:3px solid #588dbb;border-radius:3px;transform:rotate(-8deg)}
.jbsd-demo-seller{padding:13px 18px}.jbsd-demo-seller-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.jbsd-demo-seller-head strong{color:#20496e;font-size:18px}.jbsd-demo-seller-head small{color:#8aa1b5;font-size:8px}.jbsd-demo-seller-tabs{display:flex;gap:8px;margin:16px 0;color:#7795b4;font-size:9px}.jbsd-demo-seller-tabs>*{padding:7px 9px}.jbsd-demo-seller-tabs b{color:#1763a2;background:#e2f2ff;border-radius:4px}.jbsd-demo-seller-list{display:grid;gap:8px}.jbsd-demo-seller-list div{display:flex;gap:10px;align-items:center;padding:9px 10px;border:1px solid #e3ebf5;border-radius:6px;color:#4a7194;font-size:10px}.jbsd-demo-seller-list span{color:#83bbde}.jbsd-demo-seller-list b{margin-left:auto;color:#3c8baf;font-size:9px;font-weight:600}
.jbsd-demo-studio{display:grid;grid-template-columns:1fr .75fr;height:calc(100% - 33px)}.jbsd-demo-studio-art{position:relative;background:linear-gradient(140deg,#dfd8ce,#f2e6dd,#9cadbc);overflow:hidden}.jbsd-demo-studio-art i:first-child{position:absolute;left:20%;top:20%;width:70%;height:80%;border-radius:50% 50% 10% 55%;background:linear-gradient(140deg,#17324c,#7293b2);transform:rotate(-20deg)}.jbsd-demo-studio-art i:nth-child(2){position:absolute;left:17%;top:22%;width:60%;height:80%;border-radius:50% 25% 60% 50%;background:linear-gradient(130deg,#c4aa95,#f5e9e1);transform:rotate(25deg)}.jbsd-demo-studio-art i:last-child{position:absolute;left:37%;top:37%;width:32%;height:32%;border:8px solid #2d5069;border-radius:50%;box-shadow:0 0 0 12px #ffffff44}.jbsd-demo-studio-right{padding:27px 18px}.jbsd-demo-studio-right small{font-size:8px;letter-spacing:.12em;color:#6796b7}.jbsd-demo-studio-right strong{display:block;color:#183d61;font-size:19px;line-height:1.13;letter-spacing:-.05em;margin:12px 0}.jbsd-demo-studio-right p{font-size:10px;color:#90a3b3;line-height:1.6}.jbsd-demo-colors{display:flex;gap:7px;margin-top:24px}.jbsd-demo-colors i{width:18px;height:18px;border-radius:50%;background:#123e61}.jbsd-demo-colors i:nth-child(2){background:#a6bcd1}.jbsd-demo-colors i:nth-child(3){background:#cba98f}.jbsd-demo-colors i:nth-child(4){background:#ede1d5}
/* Service cards: independent visual representation for every offering */
.jbsd-card-header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #cbdde9;padding:22px 0 21px;font-size:10px;font-weight:770;letter-spacing:.14em;color:#477ead}.jbsd-card-header div{display:flex;align-items:center;gap:11px}.jbsd-card-header-dot{height:7px;width:7px;border-radius:50%;background:#2f7bba}.jbsd-card-header>span{font-size:11px;letter-spacing:0;color:#86a1b7}.jbsd-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.jbsd-card{min-width:0;display:flex;flex-direction:column;border:1px solid #dce6f1;background:#fff;border-radius:15px;min-height:290px;padding:25px 23px 21px;position:relative;box-shadow:0 7px 22px #11345308;transition:transform .25s,border-color .25s,box-shadow .25s}.jbsd-card:hover{transform:translateY(-5px);border-color:#b4d0eb;box-shadow:0 17px 38px #173e6817}.jbsd-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.jbsd-card-number{font-size:10px;font-weight:730;letter-spacing:.08em;color:#4384ba}.jbsd-card-icon{height:30px;width:30px;display:grid;place-items:center;border:1px solid #dfebf6;background:#f4f9ff;border-radius:9px;color:#3f83bd;font-size:16px;transition:background .2s,color .2s}.jbsd-card:hover .jbsd-card-icon{background:#173f68;color:#fff}.jbsd-card h3{font-size:clamp(16px,1.4vw,19px);letter-spacing:-.035em;line-height:1.32;font-weight:760;color:#173757;margin:0 0 11px}.jbsd-card>p{font-size:12.5px;line-height:1.74;color:#687f97;margin:0 0 18px}.jbsd-card-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-bottom:20px}.jbsd-card-tags span{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#f3f8fc;border:1px solid #e4edf6;color:#426b92;font-size:9.5px;font-weight:650;line-height:1.4}.jbsd-card-toggle{border:0;border-top:1px solid #e4edf6;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;text-align:left;padding:17px 0 0;color:#236dad;font-size:11px;font-weight:750}.jbsd-card-toggle span{width:22px;height:22px;display:grid;place-items:center;border:1px solid #d5e5f3;border-radius:50%;font-size:18px;font-weight:400}.jbsd-card-toggle[aria-expanded="true"] span{transform:rotate(45deg)}.jbsd-card-details{padding-top:18px;margin-top:16px;border-top:1px dashed #cbdff0}.jbsd-card-details>span{display:block;color:#3977ac;font-size:9px;letter-spacing:.12em;font-weight:780}.jbsd-card-details p{font-size:12px;line-height:1.8;color:#657c94;margin:8px 0 13px}.jbsd-card-details a{font-size:11px;color:#1e659f;font-weight:760;text-decoration:underline;text-underline-offset:4px}.jbsd-discipline-footer{margin-top:26px;padding:22px 26px;border-radius:12px;border:1px solid #dce8f4;background:linear-gradient(120deg,#edf6ff,#fff);display:flex;align-items:center;justify-content:space-between;gap:20px}.jbsd-discipline-footer p{margin:0;color:#7188a0;font-size:12px;line-height:1.8}.jbsd-discipline-footer strong{font-size:12px;color:#234767}.jbsd-discipline-footer a{flex:none;color:#145c98;font-size:12px;font-weight:750;border-bottom:1px solid #a6c8e4;padding-bottom:5px}
/* Work process and final CTA */
.jbsd-process{padding:95px 0;background:#fff;border-top:1px solid #e3ebf5}.jbsd-process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.jbsd-process-step{border-radius:13px;border:1px solid #dbe8f3;padding:26px 20px;background:#f8fbff;position:relative;min-height:192px}.jbsd-process-step>span{font-size:11px;color:#3d83bb;font-weight:760}.jbsd-process-step h3{font-size:19px;color:#173b60;margin:26px 0 10px;letter-spacing:-.03em}.jbsd-process-step p{color:#688198;line-height:1.7;font-size:11px;margin:0}.jbsd-bottom{padding:95px 0;background:#0c2747;color:#fff}.jbsd-bottom-grid{display:flex;align-items:center;justify-content:space-between;gap:35px}.jbsd-bottom .jbsd-eyebrow{color:#87b7e0}.jbsd-bottom h2{font-size:clamp(35px,4.5vw,61px);letter-spacing:-.065em;line-height:1.13;margin:16px 0;color:#fff}.jbsd-bottom h2 em{font-style:normal;color:#9ac3e6}.jbsd-bottom p{max-width:600px;font-size:13px;color:#bbd0e4;line-height:1.9}.jbsd-bottom-actions{flex:0 0 240px;display:grid;gap:10px}.jbsd-btn-white{background:#fff;color:#143c60}.jbsd-btn-white:hover{background:#e5f2ff;color:#143c60}.jbsd-btn-outline{background:transparent;border-color:#6989aa;color:#fff}.jbsd-btn-outline:hover{background:#ffffff12;color:#fff}
@keyframes jbsdFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes jbsdBar{from{transform:scaleY(.14);opacity:.4}to{transform:scaleY(1);opacity:1}}
.jbsd-motion [data-jbsd-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.jbsd-motion [data-jbsd-reveal].jbsd-visible{opacity:1;transform:none}.jbsd-motion .jbsd-card:nth-child(3n+2){transition-delay:.07s}.jbsd-motion .jbsd-card:nth-child(3n+3){transition-delay:.14s}
@media(max-width:1200px){.jbsd-category-nav{gap:1px}.jbsd-cat-link{padding-inline:9px;font-size:10px}.jbsd-search{flex-basis:190px}}
@media(max-width:1050px){.jbsd-hero-grid{gap:20px}.jbsd-hero-window{width:99%}.jbsd-float-label{font-size:10px}.jbsd-tools{flex-wrap:wrap}.jbsd-category-nav{flex:1 1 100%;order:2}.jbsd-search{order:1;flex:1 1 100%;max-width:420px;min-height:43px}.jbsd-discipline-head{grid-template-columns:.9fr 1.1fr;gap:22px}.jbsd-visual{padding:20px}.jbsd-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jbsd-process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.jbsd-hero-grid{grid-template-columns:1fr}.jbsd-hero{padding-top:64px}.jbsd-hero-copy{padding-bottom:0}.jbsd-hero-display{height:350px;max-width:550px;margin:12px auto 26px;width:100%}.jbsd-hero-window{height:300px}.jbsd-window-body{padding:12px}.jbsd-ui-heading{padding:12px 0}.jbsd-ui-heading strong{font-size:20px}.jbsd-hero-footer{gap:11px;flex-wrap:wrap}.jbsd-hero-footer div{min-width:70px}.jbsd-topline{display:block}.jbsd-topline>p{margin-top:16px}.jbsd-explorer{padding-top:70px}.jbsd-discipline-head{grid-template-columns:1fr}.jbsd-visual{height:310px;max-width:640px;width:100%;padding:19px}.jbsd-demo-browser{height:255px}.jbsd-discipline{padding:66px 0}.jbsd-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jbsd-bottom-grid{flex-direction:column;align-items:stretch}.jbsd-bottom-actions{flex-basis:auto;max-width:400px}}
@media(max-width:530px){.jbsd-hero h1{font-size:clamp(40px,10vw,55px)}.jbsd-hero-copy>p{font-size:14px}.jbsd-hero-actions{flex-direction:column;align-items:stretch}.jbsd-btn{justify-content:center}.jbsd-hero-display{height:295px}.jbsd-hero-window{height:260px;border-radius:11px}.jbsd-window-top{height:30px}.jbsd-window-top small{font-size:7px}.jbsd-ui-nav{gap:9px}.jbsd-ui-nav span{font-size:8px}.jbsd-ui-heading{padding:10px 0}.jbsd-ui-heading strong{font-size:16px}.jbsd-ui-heading p{font-size:8px}.jbsd-ui-tiles>div{padding:7px;gap:3px}.jbsd-ui-tiles strong{font-size:12px}.jbsd-ui-chart{height:35px;margin-top:8px}.jbsd-float-label{padding:7px 9px;font-size:8px}.jbsd-fl-a{left:0}.jbsd-fl-b{right:0}.jbsd-fl-c{right:-4px}.jbsd-hero-footer{font-size:8px;gap:8px}.jbsd-topline h2{font-size:36px}.jbsd-tools{padding:6px}.jbsd-cat-link{font-size:10px;padding:12px 8px}.jbsd-discipline-title h2{font-size:38px}.jbsd-discipline-title h3{font-size:19px}.jbsd-visual{height:276px;padding:15px}.jbsd-demo-browser{height:224px}.jbsd-demo-bar{height:28px}.jbsd-demo-web-hero{margin-top:10px;min-height:122px;padding:14px}.jbsd-demo-web-hero strong{font-size:18px}.jbsd-demo-app-main{padding:10px}.jbsd-demo-app-stats em{font-size:13px}.jbsd-demo-app-stats span{font-size:8px;padding:7px}.jbsd-demo-app-main>strong{margin:6px 0}.jbsd-demo-marketing{padding:9px}.jbsd-demo-market-metrics{margin-top:11px}.jbsd-demo-market-metrics span{padding:6px}.jbsd-demo-bars{margin-top:9px}.jbsd-demo-commerce{padding:10px}.jbsd-demo-commerce>strong{font-size:18px;margin:11px 0}.jbsd-demo-products>div{height:84px}.jbsd-demo-seller-head strong{font-size:15px}.jbsd-demo-seller-head small{font-size:7px}.jbsd-demo-seller-tabs{margin:8px 0}.jbsd-demo-seller-list{gap:6px}.jbsd-demo-seller-list div{font-size:9px;padding:7px}.jbsd-demo-studio-right{padding:19px 9px}.jbsd-demo-studio-right strong{font-size:16px}.jbsd-card-grid{grid-template-columns:1fr;gap:12px}.jbsd-card{padding:22px 19px;min-height:0}.jbsd-card h3{font-size:18px}.jbsd-card>p{font-size:13px}.jbsd-card-header{font-size:9px}.jbsd-discipline-footer{flex-direction:column;align-items:flex-start}.jbsd-process-grid{grid-template-columns:1fr}.jbsd-process-step{min-height:120px}.jbsd-process-step h3{margin:13px 0 7px}.jbsd-bottom{padding:70px 0}.jbsd-bottom h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){.jbsd *, .jbsd *:before, .jbsd *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.jbsd [data-jbsd-reveal]{opacity:1!important;transform:none!important}}