:root{--xiot-primary:#00BFFF;--xiot-primary-dark:#0099CC;--xiot-primary-light:#90E0EF;--xiot-secondary:#2C2C2C;--xiot-secondary-light:#3D3D3D;--xiot-black:#1A1A1A;--xiot-silver:#C0C0C0;--xiot-gray:#808080;--xiot-light-gray:#F0F0F0;--xiot-white:#FFFFFF;--xiot-glow-primary:rgba(0,191,255,0.4);--xiot-glow-dark:rgba(44,44,44,0.4);--xiot-gradient-primary:linear-gradient(135deg,var(--xiot-primary),var(--xiot-primary-light));--xiot-gradient-dark:linear-gradient(135deg,var(--xiot-secondary),var(--xiot-black));--xiot-gradient-overlay:linear-gradient(135deg,rgba(0,191,255,0.9),rgba(144,224,239,0.8))}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:Inter,General Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.main-page-wrapper{min-height:100vh}img{max-width:100%;height:auto}#scrollToTopBtn{opacity:0;visibility:hidden;transition:all .3s ease}#scrollToTopBtn.show{opacity:1;visibility:visible}.our-story-section{background:#ffffff;position:relative}.our-story-content{margin-bottom:0}.our-story-title{font-size:48px;font-weight:700;color:#0A0A0A;margin-bottom:30px;line-height:1.2;font-family:General Sans,sans-serif}.our-story-title .highlight-blue{color:var(--xiot-primary);position:relative}.our-story-text{font-size:18px;line-height:1.8;color:#333333;margin:0 auto;max-width:100%}.founders-row{margin-top:60px;gap:40px}.founder-card{text-align:center;flex:0 0 auto;max-width:220px}.founder-image-wrapper{width:200px;height:200px;margin:0 auto 20px;border-radius:50%;overflow:hidden;background:#f5f5f5;border:4px solid #e8e8e8;position:relative;transition:all .4s ease}.founder-image-wrapper:hover{border-color:var(--xiot-primary);transform:scale(1.05);box-shadow:0 10px 30px var(--xiot-glow-primary)}.founder-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.founder-name{font-size:18px;font-weight:600;color:#0A0A0A;margin-bottom:8px;margin-top:0}.founder-role{font-size:16px;color:#666666;margin:0;font-weight:400}@media (max-width:991px){.our-story-title{font-size:36px}.our-story-text{font-size:16px}.founders-row{gap:30px;margin-top:40px}.founder-card{max-width:180px}.founder-image-wrapper{width:180px;height:180px}}@media (max-width:767px){.our-story-title{font-size:32px}.founders-row{flex-direction:column;gap:40px}.founder-card{max-width:200px}.founder-image-wrapper{width:200px;height:200px}}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:30px;gap:30px;margin-top:50px}.portfolio-card-modern{background:var(--xiot-white);border-radius:24px;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.05);height:100%;display:flex;flex-direction:column}.portfolio-card-modern:hover{transform:translateY(-15px);box-shadow:0 25px 50px rgba(0,191,255,.15);border-color:var(--xiot-primary)}.portfolio-thumb-modern{position:relative;height:280px;overflow:hidden}.portfolio-thumb-modern img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.portfolio-card-modern:hover .portfolio-thumb-modern img{transform:scale(1.15)}.portfolio-content-modern{padding:30px;flex-grow:1;display:flex;flex-direction:column;background:white;z-index:1}.portfolio-tag-modern{background:var(--xiot-primary-light);color:var(--xiot-primary-dark);padding:5px 15px;border-radius:50px;font-size:14px;font-weight:600;display:inline-block;margin-bottom:20px;width:-moz-fit-content;width:fit-content}.portfolio-title-modern{font-size:26px;font-weight:700;color:var(--xiot-black);margin-bottom:15px;line-height:1.3}.portfolio-desc-modern{font-size:16px;color:#666;line-height:1.6;margin-bottom:25px;flex-grow:1}.portfolio-link-modern{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--xiot-primary-dark);text-decoration:none;transition:all .3s ease}.portfolio-link-modern i{font-size:18px;transition:transform .3s ease}.portfolio-link-modern:hover{color:var(--xiot-primary)}.portfolio-link-modern:hover i{transform:translateX(5px)}.portfolio-overlay-modern{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));opacity:0;transition:opacity .4s ease;display:flex;align-items:flex-end;padding:30px;pointer-events:none}.portfolio-card-modern:hover .portfolio-overlay-modern{opacity:1}@media (max-width:767px){.portfolio-grid{grid-template-columns:1fr}.portfolio-thumb-modern{height:220px}.portfolio-title-modern{font-size:22px}}.contact-info-wrap-1 .icon{display:flex!important;align-items:center;justify-content:center;font-size:24px;color:white;background-color:var(--xiot-primary);border-radius:50%;width:60px;height:60px;flex-shrink:0}.contact-info-wrap-1 .icon i{line-height:1}.contact-info-wrapper{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.theme-main-menu{transition:all .3s ease-in-out;padding:0!important}.main-header-area{padding:10px 0!important;background:rgba(255,255,255,.8)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,191,255,.1);box-shadow:0 4px 20px rgba(0,0,0,.03)}.footer-logo a,.logo-area a,.mobile-logo a{display:flex!important;flex-direction:column;align-items:flex-start;text-decoration:none!important}.logo-slogan{display:block;font-size:9px;color:var(--xiot-primary);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-top:5px;line-height:1.2;font-family:General Sans,sans-serif;opacity:.85;white-space:nowrap}.menu-list>li>a{padding:15px!important;font-size:15px!important;font-weight:600!important;color:var(--xiot-secondary)!important;transition:color .3s ease}.menu-list>li>a:hover{color:var(--xiot-primary)!important}.ht-btn.bs-btn{padding:8px 22px!important;font-size:14px!important;border-radius:50px!important;background:var(--xiot-gradient-primary)!important;border:none!important;box-shadow:0 4px 15px var(--xiot-glow-primary)!important}.fixed-header .main-header-area{padding:8px 0!important;background:rgba(255,255,255,.9)!important}@media (max-width:991px){.main-header-area{padding:12px 0!important}.mobile-logo .logo-slogan{font-size:8px;letter-spacing:1px;margin-top:2px}}