@import"https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap";:root{--font-main: "Oxygen", sans-serif;--font-h1: 42px;--font-h2: 32px;--font-h3: 24px;--font-h4: 20px;--font-body-lg: 18px;--font-body: 16px;--font-body-sm: 14px;--font-caption: 13px;--font-hero: clamp(2.5rem, 6vw, 3.5rem);--font-big: clamp(2.25rem, 5vw + 1rem, 3.5rem);--fw-title: 700;--fw-subtitle: 600;--fw-h1: var(--fw-title);--fw-h2: var(--fw-subtitle);--fw-h3: var(--fw-subtitle);--fw-h4: var(--fw-subtitle);--fw-body: 400;--fw-body-strong: 500;--fw-title-strong: 800;--fw-light: 300;--fw-lightest: 100;--lh-tight: 1.2;--lh-base: 1.6;--lh-loose: 1.8;--color-primary: #26AAE3;--color-secondary: #0A192F;--color-accent: #E6782D;--color-text-main: #1a365d;--color-text-body: #334155;--color-text-muted: #64748b;--color-bg-white: #ffffff;--color-bg-light: #f8fafc;--color-bg: #ffffff;--color-border: #e2e8f0;--spacing-section: 80px;--spacing-section-mobile: 40px;--spacing-container: 40px;--spacing-container-mobile: 20px;--spacing-card: 24px;--spacing-gap: 30px;--container-width: 88%;--container-max: 1440px;--transition-base: all .3s ease;font-family:var(--font-main);line-height:var(--lh-base);color:var(--color-text-body)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-main);background-color:var(--color-bg-white);color:var(--color-text-body);-webkit-font-smoothing:antialiased;min-height:100vh;width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-main);color:var(--color-text-main);line-height:var(--lh-tight)}h1{font-size:var(--font-h1);font-weight:var(--fw-h1);margin-bottom:0}h2{font-size:var(--font-h2);font-weight:var(--fw-h2);margin-bottom:0}h3{font-size:var(--font-h3);font-weight:var(--fw-h3);margin-bottom:0}h4{font-size:var(--font-h4);font-weight:var(--fw-h4);margin-bottom:0}p{font-size:var(--font-body);font-weight:var(--fw-body);line-height:var(--lh-base);margin-bottom:1rem;color:inherit}body p{color:var(--color-text-body)}a{color:var(--color-primary);text-decoration:none;transition:var(--transition-base)}a:hover{color:var(--color-accent)}ul,ol{list-style-position:inside;margin-bottom:1.5rem}li{font-size:var(--font-body);font-weight:var(--fw-body);line-height:var(--lh-base);margin-bottom:.5rem}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:var(--fw-body-strong);font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media(max-width:768px){button,a,input,select,textarea{min-height:44px;min-width:44px}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}*{-webkit-tap-highlight-color:rgba(38,170,227,.2)}h1{margin-bottom:1rem}h2{margin-bottom:.875rem}h3{margin-bottom:.75rem}p{margin-bottom:.875rem}}body{padding-top:70px;margin:0;font-family:var(--font-main)}.header{width:100%;height:70px;background:var(--color-bg);position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-container);box-sizing:border-box}.logo{display:flex;align-items:center}.logo-img{height:70px;width:auto;-o-object-fit:contain;object-fit:contain;display:block;transform:scale(1.5);margin-left:15px}.desktop-nav{margin-left:auto;margin-right:30px}.desktop-nav ul{display:flex;list-style:none;gap:40px;margin:0;padding:0}.desktop-nav a,.nav-link{font-size:var(--font-body);font-weight:var(--fw-subtitle);text-decoration:none;color:var(--color-primary);transition:.2s ease;cursor:pointer}.desktop-nav a:hover,.nav-link:hover,.nav-link.active,.desktop-nav a.active{color:var(--color-accent)}.contact-btn{background:var(--color-primary);color:var(--color-text-main);padding:10px 25px;border-radius:10px;text-decoration:none;font-size:var(--font-h4);font-weight:var(--fw-body-strong);transition:.2s ease}.contact-btn:hover{background:var(--color-text-main);color:var(--color-primary)}.services-dropdown{position:absolute;top:70px;left:50%;transform:translate(-50%);width:620px;background:#fff;border-radius:12px;padding:25px;display:flex;justify-content:space-between;gap:20px;box-shadow:0 8px 30px #00000026;z-index:2000}.sd-col{width:50%;display:flex;flex-direction:column}.sd-title{font-size:var(--font-h3);font-weight:var(--fw-title);margin-bottom:15px;color:var(--color-text-dark)}.sd-divider{width:1px;background:#dcdcdc}.sd-item{font-size:var(--font-body);text-decoration:none;color:var(--color-text-dark);margin-bottom:10px;transition:.2s ease}.sd-item:hover{color:var(--color-primary)}.mega-dropdown{position:absolute;top:70px;left:50%;transform:translate(-50%);width:700px;background:#fff;padding:25px 30px;border-radius:12px;box-shadow:0 8px 30px #00000026;display:flex;gap:30px;z-index:2000}.mega-col{flex:1;display:flex;flex-direction:column}.mega-title{font-size:var(--font-h3);font-weight:var(--fw-title);margin-bottom:15px;color:var(--color-text-dark)}.mega-sub{font-size:var(--font-body);font-weight:var(--fw-title);margin-top:18px;margin-bottom:6px;color:var(--color-text-dark)}.mega-link{font-size:var(--font-body-sm);margin-bottom:15px;cursor:pointer;color:var(--color-text-body);text-decoration:none}.mega-link:hover{text-decoration:none;color:#3eb8ec}.mega-divider{width:1px;background:#dcdcdc}.bracket{display:inline;font-size:var(--font-body-sm);font-weight:var(--fw-body);margin-left:4px;color:var(--color-primary)}.mobile-nav-overlay{display:none}@media(min-width:851px){.mobile-menu-icon{display:none!important}}.mobile-only{display:none}.desktop-only{display:block}@media(max-width:850px){.header{padding:0 20px;justify-content:space-between}.mobile-menu-icon{display:flex!important;align-items:center;justify-content:center;z-index:2001;width:44px;height:44px;border-radius:50%;transition:background .2s;cursor:pointer;color:#26aae3;background:transparent;border:1px solid rgba(38,170,227,.2)}.mobile-menu-icon svg{fill:#26aae3;width:24px;height:24px}.mobile-menu-icon:active{background:#26aae31a}.desktop-nav,.desktop-only{display:none}.mobile-nav-overlay{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;z-index:9999;transform:translate(100%);transition:transform .3s cubic-bezier(.25,1,.5,1);box-shadow:-5px 0 20px #0000001a}.mobile-nav-overlay.active{transform:translate(0)}.mobile-menu-header{flex-shrink:0;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#fff;border-bottom:1px solid #eaeaea;position:sticky;top:0;z-index:10}.mobile-menu-title{font-size:20px;font-weight:var(--fw-title);color:#333}.mobile-close-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:24px;color:#26aae3;cursor:pointer}.mobile-menu-content{flex:1;overflow-y:auto;padding-bottom:40px;padding-top:10px;-webkit-overflow-scrolling:touch}.mobile-main-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:var(--font-body);font-weight:var(--fw-subtitle);color:#333;text-decoration:none;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s,color .2s}.mobile-main-item.link{display:block}.mobile-main-item:hover,.mobile-main-item:active,.mobile-main-item.active{background-color:#f9fbfc;color:#26aae3}.mobile-main-item svg{font-size:14px;color:#999;transition:transform .2s}.mobile-main-item.active svg{transform:rotate(180deg);color:#26aae3}.mobile-sub-menu-container{background-color:#f7f9fa;border-bottom:1px solid #eaeaea;padding-bottom:10px;padding-top:10px}.mobile-cat-header{margin:0;padding:20px 20px 10px 35px;font-size:var(--font-body-sm);font-weight:var(--fw-title-strong);color:#111;text-transform:capitalize;letter-spacing:0px}.mobile-item{display:block;padding:12px 20px 12px 35px;font-size:var(--font-body-sm);font-weight:var(--fw-body);color:#4a5568;text-decoration:none;transition:background .2s,color .2s;min-height:44px;box-sizing:border-box}.mobile-item:hover,.mobile-item:active{color:#26aae3;background-color:#edf2f7;margin-left:10px;border-radius:4px}.mobile-contact-wrapper{display:none}}.prod-dropdown{position:absolute;top:70px;left:0;right:0;margin:0 auto;width:95%;max-width:1400px;background:#fff;border-radius:12px;box-shadow:0 15px 50px -5px #00000026,0 8px 20px -5px #00000014;z-index:1000;border:1px solid rgba(0,0,0,.05);padding:50px 50px 80px}.prod-grid-container{display:grid;grid-template-columns:repeat(5,1fr);-moz-column-gap:40px;column-gap:40px;align-items:start}.prod-view-more{position:absolute;bottom:40px;right:50px;font-size:14px;font-weight:var(--fw-subtitle);color:#26aae3;text-decoration:none;padding:8px 16px;border-radius:4px;transition:background .2s}.prod-view-more:hover{background-color:#f0f9ff}.prod-col{display:flex;flex-direction:column}.prod-main-title{font-size:19px;font-weight:var(--fw-title);color:#111;margin:0 0 30px;line-height:1.3;border-bottom:1px solid #e0e0e0;padding-bottom:12px;white-space:nowrap;min-height:52px;display:flex;align-items:flex-start}.prod-list{display:flex;flex-direction:column;gap:16px;margin-bottom:0}.prod-link{display:flex;flex-direction:column;text-decoration:none;transition:.2s}.prod-link-label{font-size:14px!important;font-weight:var(--fw-body-strong);color:#444;line-height:1.6!important;transition:color .2s;white-space:pre-line}.prod-link:hover .prod-link-label{color:#26aae3}@media(max-width:850px){.prod-dropdown{position:static;width:100%;transform:none;left:auto;top:auto;padding:20px;box-sizing:border-box;box-shadow:none;border-radius:0;max-height:80vh;overflow-y:auto}.prod-grid-container{grid-template-columns:1fr;gap:20px}.prod-main-title{font-size:18px;margin-bottom:12px}.prod-view-more{position:static;display:block;width:100%;text-align:center;margin-top:20px;padding:12px;background:#f9f9f9}.prod-col{margin-bottom:10px}}:root{--footer-bg: #0A192F;--footer-text: #8892b0;--footer-heading: #ccd6f6;--footer-accent: #ffffff;--footer-blue: #26AAE3}.footer{background-color:var(--footer-bg);color:var(--footer-text);font-family:var(--font-main);padding:60px var(--spacing-container);font-size:var(--font-caption);line-height:var(--lh-base)}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr .8fr 1.2fr 1.2fr;gap:40px}.footer-logo img{width:180px;height:auto;margin-bottom:20px}.footer-desc{margin-bottom:30px;max-width:300px}.footer-cta-card{background-color:#112240;padding:20px;border-radius:8px;margin-top:20px;box-shadow:0 4px 6px #0000001a}.footer-cta-card h3{color:#fff;font-size:14px;font-weight:var(--fw-title);margin:0 0 8px}.footer-cta-card p{font-size:12px;margin-bottom:15px;color:#8892b0}.footer-form{display:flex;gap:10px}.footer-form input{background:#0a192f;border:1px solid #233554;color:#ccd6f6;padding:8px 12px;border-radius:4px;font-size:12px;flex-grow:1;width:100%}.footer-form button{background-color:var(--footer-blue);color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:12px;font-weight:var(--fw-subtitle);cursor:pointer;transition:background-color .2s}.footer-form button:hover{background-color:#2563eb}.footer-heading{color:var(--footer-heading);font-size:12px;font-weight:var(--fw-title);text-transform:uppercase;letter-spacing:1px;margin-bottom:25px;margin-top:10px}.footer-nav-list{list-style:none;padding:0;margin:0}.footer-nav-list li{margin-bottom:15px}.footer-nav-list a{color:var(--footer-text);text-decoration:none;transition:color .2s}.footer-nav-list a:hover{color:var(--footer-blue)}.contact-group{margin-bottom:30px}.sub-heading{color:var(--footer-heading);font-size:12px;font-weight:var(--fw-title);text-transform:uppercase;margin:0 0 10px}.contact-group p{margin:0 0 5px;color:var(--footer-text)}.social-links{display:flex;gap:15px;margin-top:20px}.social-links a{color:#8892b0;font-size:24px;transition:color .2s}.social-links a:hover{color:var(--footer-blue)}@media(max-width:1024px){.footer-container{grid-template-columns:1fr 1fr}}@media(max-width:600px){.footer-container{grid-template-columns:1fr}.footer{padding:40px 20px}}#root{width:100%;margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}