*{box-sizing:border-box;margin:0;outline:0!important;padding:0;-webkit-tap-highlight-color:transparent}body,html{height:100%;margin:0}body{color:#666;display:flex;flex-direction:column;font-family:Roboto,sans-serif;padding-top:44px}h1{font-size:2.5rem}h1,h2{margin-bottom:10px}h2{font-size:1.8rem}h3{font-size:1.2rem;margin-bottom:10px}p{font-size:1rem;line-height:1.2}.container{max-width:1200px}.container,.container-fluid{margin:0 auto;padding:0 20px;width:100%}.bg-primary{background:#1b84b9}.color-primary{color:#1b84b9!important}.btn-primary{background-color:#1b84b9;border:none}.btn-default{background-color:#fff;transition:background-color .3s}.btn-default:focus,.btn-default:hover{background:0 0;border-color:#0f5484!important;color:#0f5484!important}.btn-default:active{background:#e1f4fa!important}.bg-dark,.btn-primary:focus,.btn-primary:hover{background:#0f5484}.bg-light{background:#e1f4fa}.uneditable-input,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{border-left:none;border-right:none;border-top:none;box-shadow:none;outline:0 none;padding-left:0;padding-right:0}.uneditable-input:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus{border-bottom:1px solid #1b84b9;box-shadow:none;outline:0 none}label{color:#333}.header{background:hsla(0,0%,100%,.8);border:0;height:44px;position:fixed;top:0;width:100%;z-index:1000}.header.scrolled{background:hsla(0,0%,100%,.9);box-shadow:0 2px 4px rgba(0,0,0,.1);transition:background .3s ease,box-shadow .3s ease}.header-inner{align-items:center;display:flex;flex:1;height:44px;justify-content:space-between;padding:5px 20px;width:100%}.logo-placeholder{width:120px}.logo-img{display:block;height:19px;width:auto}.nav{align-items:center;display:flex;flex:1;justify-content:space-between;list-style:none}.nav li{text-align:center}.nav li a{color:#666;font-size:1rem;font-weight:700;padding:10px;text-decoration:none;transition:color .3s ease,transform .3s ease}.nav li a:focus,.nav li a:hover,.nav li a:visited{color:#0f5484;transform:translateY(-2px)}.nav-close,.nav-toggle{background:0 0;border:none;color:#000;cursor:pointer;display:none;font-size:1.5rem}.nav-toggle{padding:3px 10px}.hero-banner{align-items:center;background-color:#111;background-image:url(../img/jbd-home.webp?version=20250703161908);background-position:50%;background-size:cover;color:#fff;display:flex;height:calc(50vh - 100px);justify-content:flex-start;left:0;margin-bottom:-50px;overflow:hidden;position:relative;right:0;top:-50px;width:100%;z-index:0}.hero-banner-caas{background-image:url(../img/caas_bg.webp?version=20250703161908)}.hero-video{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.hero-text{color:#fff;padding-bottom:20px;padding-top:70px;position:relative;text-align:left}.hero-text h1{color:#fff;font-size:2.5rem;margin-bottom:10px}.hero-text p{color:#ddd;font-size:1.2rem}.hero-spacer{height:calc(100vh - 60px)}main{background:#f5f5f7;flex:1;position:relative}.offerings-box{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;flex-direction:row;gap:20px;justify-content:space-between;margin-bottom:20px;margin-top:20px;padding:20px;text-align:center;width:100%}.offerings-box-content{flex:1 1 auto}.offerings-box-image{flex:1 1 auto;max-width:50%}.offerings-box-image>img{display:block;height:250px;object-fit:cover;width:100%}.offerings-box h2{font-size:1.8rem;margin-bottom:10px}.tiles{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;margin-bottom:30px;width:100%}.tile{background:#fff;border-radius:16px;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:20px;text-align:center;width:256px}.tile-icon{background-position:50%;background-size:cover;border-radius:50%;height:128px;margin:0 auto 15px;width:128px}.caas{background-image:url(../img/caas.webp?version=20250703161908)}.paas{background-image:url(../img/iaas.webp?version=20250703161908)}.services{background-image:url(../img/services.webp?version=20250703161908)}.saas-cloud{background-image:url(../img/saas-cloud.webp?version=20250703161908)}.tile h3{font-size:1.2rem;margin-bottom:10px}.tile p{font-size:.95rem}.footer{background:#f5f5f7;color:rgba(0,0,0,.56);padding-bottom:20px;padding-top:20px;position:relative;z-index:1}.footer-content{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.footer p{font-size:.8rem}.footer a{color:rgba(0,0,0,.56);text-decoration:none}.footer a:hover{text-decoration:underline}.logo-placeholder-small{color:#000;margin:10px 0;padding:10px;text-align:center;width:100px}.footer-logos{display:flex;gap:20px}.tile{-webkit-animation:fadeInUp .6s ease forwards;animation:fadeInUp .6s ease forwards;opacity:0;will-change:opacity,transform}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tile:first-child{animation-delay:.1s}.tile:nth-child(2){animation-delay:.2s}.tile:nth-child(3){animation-delay:.3s}.tile:nth-child(4){animation-delay:.4s}.tile{transition:transform .3s ease,box-shadow .3s ease}.tile:hover{box-shadow:0 6px 18px rgba(0,0,0,.12);transform:scale(1.03)}.hero-text{animation:fadeInUp .8s ease forwards;animation-delay:.2s;opacity:0}@media (max-width:1023px){.logo-placeholder{margin-right:10px}}@media (max-width:768px){h1{font-size:2.7rem}h1,h2{margin-bottom:10px}h2{font-size:2rem}h3{font-size:1.7rem;margin-bottom:10px}p{font-size:1.3rem;line-height:1.5}.hero-banner{height:100vh;width:100%}.hero-text{left:0;max-width:100%}.hero-text h1{font-size:2.7rem}.hero-text p{font-size:1.7rem}.offerings-box{flex-direction:column;justify-content:center}.offerings-box-content,.offerings-box-image{flex:1 1 auto;max-width:100%}.tiles{justify-content:center}.tile{max-width:300px;width:90%}.tile h3{font-size:1.7rem}.tile p{font-size:1.25rem}.footer-content{align-items:flex-start;flex-direction:column;gap:20px}.nav-toggle{display:block;margin-left:auto}.nav-wrapper{background:hsla(0,0%,100%,.95);bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0;transform:translateY(-100%);transition:transform .4s ease;z-index:1000}.nav-wrapper.active{transform:translateY(0)}.nav{align-items:center;flex-direction:column;gap:30px;justify-content:center;margin-top:50px;padding:10px 0}.nav li a{font-size:1.5rem}.nav-close{background:0 0;border:none;cursor:pointer;display:block;font-size:2.5rem;position:absolute;right:20px;top:5px}.footer p{font-size:1.1rem}}@media (max-height:900px){.hero-banner{height:100vh;width:100%}}.jbd-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;height:20px;margin-bottom:2px;margin-right:0;vertical-align:middle;width:20px}.test-icon{background-image:url(mssymbol.png?version=20250703161908)}