@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";@font-face{font-family:Arkan Marlik;src:url(/fonts/Arkan_Marlik_Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:block}@font-face{font-family:Arkan Marlik;src:url(/fonts/Arkan_Marlik_Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Arkan Marlik;src:url(/fonts/Arkan_Marlik_Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:block}@font-face{font-family:Arkan Marlik;src:url(/fonts/Arkan_Marlik_Semibold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:block}@font-face{font-family:Arkan Marlik;src:url(/fonts/Arkan_Marlik_Semibold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:Arkan Lyon Arabic;src:url(/fonts/Arkan_Lyon_Arabic_Display_Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:block;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Arkan Lyon Arabic;src:url(/fonts/Arkan_Lyon_Arabic_Display_Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Arkan Lyon Arabic;src:url(/fonts/Arkan_Lyon_Arabic_Display_Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:block;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Arkan Lyon Arabic;src:url(/fonts/Arkan_Lyon_Arabic_Display_Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:block;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}:root{--io-blue: #1E5BD8;--io-blue-hover: #1849B0;--io-blue-press: #143B92;--io-blue-tint: #E7EEFB;--io-cyan: #2BB7E8;--io-cyan-tint: #E2F5FC;--io-amber: #F4A21A;--io-amber-tint: #FCEFD2;--gray-50: #F4F6FB;--gray-100: #E8ECF3;--gray-200: #D4DAE5;--gray-300: #B5BECC;--gray-400: #8C97A7;--gray-500: #677488;--gray-600: #4C5868;--gray-700: #353F4D;--gray-800: #1F2733;--gray-900: #131923;--gray-950: #0B1220;--success: #1F9D55;--success-bg: #E2F5EB;--warn: #F4A21A;--warn-bg: #FCEFD2;--danger: #DC2626;--danger-bg: #FCE7E7;--info: var(--io-blue);--info-bg: var(--io-blue-tint);--bg: #FFFFFF;--bg-soft: var(--gray-50);--bg-strong: var(--gray-100);--bg-inverse:var(--gray-950);--fg: var(--gray-950);--fg-muted: var(--gray-600);--fg-subtle: var(--gray-500);--fg-on-dark: #FFFFFF;--fg-on-dark-muted: #B5BECC;--border: var(--gray-200);--border-strong: var(--gray-300);--border-on-dark: rgba(255,255,255,.1);--font-display: "Arkan Marlik", "Arkan Lyon Arabic", system-ui, -apple-system, "Segoe UI", sans-serif;--font-sans: "Arkan Marlik", "Arkan Lyon Arabic", system-ui, -apple-system, "Segoe UI", sans-serif;--font-arabic: "Arkan Lyon Arabic", "Arkan Marlik", "Segoe UI", Tahoma, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-12: .75rem;--fs-14: .875rem;--fs-16: 1rem;--fs-18: 1.125rem;--fs-20: 1.25rem;--fs-24: 1.5rem;--fs-30: 1.875rem;--fs-36: 2.25rem;--fs-48: 3rem;--fs-60: 3.75rem;--fs-72: 4.5rem;--lh-tight: 1.15;--lh-snug: 1.3;--lh-normal: 1.5;--lh-loose: 1.7;--tracking-tight: -.02em;--tracking-snug: -.01em;--tracking-normal: 0em;--tracking-wide: .04em;--tracking-caps: .08em;--sp-0: 0;--sp-1: 2px;--sp-2: 4px;--sp-3: 8px;--sp-4: 12px;--sp-5: 16px;--sp-6: 20px;--sp-7: 24px;--sp-8: 32px;--sp-9: 40px;--sp-10: 48px;--sp-11: 64px;--sp-12: 80px;--sp-13: 120px;--radius-none: 0;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-pill: 9999px;--shadow-sm: 0 1px 2px rgb(11 18 32 / .06);--shadow-md: 0 4px 12px rgb(11 18 32 / .08);--shadow-lg: 0 12px 32px rgb(11 18 32 / .12);--shadow-xl: 0 24px 64px rgb(11 18 32 / .16);--shadow-focus: 0 0 0 3px rgb(43 183 232 / .4);--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--dur-fast: .15s;--dur-base: .25s;--dur-slow: .4s;--container: 1200px;--container-wide: 1440px;--nav-height: 72px}html,body{margin:0;padding:0}html{color-scheme:light;font-size:112.5%}body{font-family:var(--font-sans);font-size:var(--fs-16);line-height:var(--lh-normal);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes iotechMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes iotechPulse{0%{transform:scale(.6);opacity:.7}to{transform:scale(1.6);opacity:0}}html[data-density=compact] section{padding-block:80px!important}html[data-density=compact] section section{padding-block:80px!important}html[data-hero-layout=stack] [data-screen-label=Home] section:first-of-type .container-wide{grid-template-columns:1fr!important}input[type=range]{-webkit-appearance:none;height:4px;background:#ffffff1f;border-radius:9999px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 0 4px #2bb7e833}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;cursor:pointer;border:0;box-shadow:0 0 0 4px #2bb7e833}@media(max-width:980px){.container-wide [style*="grid-template-columns: 1.1fr 1fr"],.container-wide [style*="grid-template-columns: 1.2fr 1fr"],.container-wide [style*="grid-template-columns: 1fr 1.1fr"],.container-wide [style*="grid-template-columns: 1fr 1.2fr"],.container-wide [style*="grid-template-columns: 1fr 1.4fr"],.container-wide [style*="grid-template-columns: 1fr 1.6fr"],.container-wide [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.container-wide [style*="grid-template-columns: repeat(4, 1fr)"]{grid-template-columns:repeat(2,1fr)!important}.container-wide [style*="grid-template-columns: repeat(3, 1fr)"]{grid-template-columns:1fr!important}.container-wide [style*="grid-template-columns: repeat(5, 1fr)"]{grid-template-columns:repeat(2,1fr)!important}.sticky-sidebar{position:static!important;align-self:auto!important}}.nav-desktop-links{display:flex;gap:4px;margin-inline-start:24px;flex:1}.nav-desktop-actions{display:flex;align-items:center;gap:12px}.nav-hamburger{display:none;align-items:center;justify-content:center;margin-inline-start:auto;flex-shrink:0;width:40px;height:40px;border:none;background:transparent;cursor:pointer;color:var(--gray-700);border-radius:8px}.nav-hamburger:hover{background:var(--gray-100)}.nav-mobile-menu{display:none}.sticky-sidebar{position:sticky;top:96px;align-self:flex-start}@media(max-width:768px){.nav-desktop-links,.nav-desktop-actions{display:none!important}.nav-hamburger{display:flex!important}.nav-mobile-menu{display:flex!important;flex-direction:column;position:absolute;inset-inline:0;top:100%;background:#fff;border-bottom:1px solid var(--border);padding:12px 16px 20px;gap:4px;box-shadow:var(--shadow-md);z-index:49}.hide-mobile{display:none!important}section{padding-block:60px!important}.container-wide [style*="grid-template-columns: repeat(2, 1fr)"]{grid-template-columns:1fr!important}.container-wide [style*="grid-template-columns: repeat(4, 1fr)"]{grid-template-columns:repeat(2,1fr)!important}}.h-display,h1.display{font-family:var(--font-display);font-size:clamp(var(--fs-48),6vw,var(--fs-72));line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);font-weight:700;color:var(--fg)}.h1,h1{font-family:var(--font-display);font-size:var(--fs-48);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);font-weight:600}.h2,h2{font-family:var(--font-display);font-size:var(--fs-36);line-height:var(--lh-tight);letter-spacing:var(--tracking-snug);font-weight:600}.h3,h3{font-family:var(--font-display);font-size:var(--fs-24);line-height:var(--lh-snug);letter-spacing:var(--tracking-snug);font-weight:500}.arabic,[dir=rtl]{font-family:var(--font-arabic);font-feature-settings:"kern","liga"}.h4,h4{font-family:var(--font-sans);font-size:var(--fs-20);line-height:var(--lh-snug);font-weight:600}.h5,h5{font-family:var(--font-sans);font-size:var(--fs-18);line-height:var(--lh-snug);font-weight:600}.eyebrow{font-family:var(--font-sans);font-size:var(--fs-12);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--io-blue)}.lead,p.lead{font-size:var(--fs-20);line-height:var(--lh-snug);color:var(--fg-muted);max-width:60ch}.body,p{font-size:var(--fs-16);line-height:var(--lh-normal);color:var(--fg)}.body-sm,.small{font-size:var(--fs-14);line-height:var(--lh-normal);color:var(--fg-muted)}.caption,small{font-size:var(--fs-12);line-height:var(--lh-normal);color:var(--fg-subtle)}.mono,code,kbd,pre,samp{font-family:var(--font-mono);font-size:.95em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-3);height:44px;padding:0 var(--sp-7);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--fs-16);font-weight:600;line-height:1;letter-spacing:0;cursor:pointer;border:1px solid transparent;transition:background var(--dur-fast) var(--ease-default),color var(--dur-fast) var(--ease-default),border var(--dur-fast) var(--ease-default),transform var(--dur-fast) var(--ease-default);white-space:nowrap}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn:active{transform:translateY(1px);opacity:.95}.btn--primary{background:var(--io-blue);color:#fff}.btn--primary:hover{background:var(--io-blue-hover)}.btn--primary:active{background:var(--io-blue-press)}.btn--secondary{background:#fff;color:var(--fg);border-color:var(--border)}.btn--secondary:hover{background:var(--gray-100);border-color:var(--border-strong)}.btn--ghost{background:transparent;color:var(--fg)}.btn--ghost:hover{background:var(--gray-100)}.btn--inverse{background:#fff;color:var(--gray-950)}.btn--inverse:hover{background:var(--gray-100)}.btn--sm{height:36px;padding:0 var(--sp-5);font-size:var(--fs-14)}.btn--lg{height:52px;padding:0 var(--sp-8);font-size:var(--fs-18)}.input{display:block;width:100%;height:44px;padding:0 var(--sp-5);border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;font-family:var(--font-sans);font-size:var(--fs-16);color:var(--fg);box-sizing:border-box;transition:border var(--dur-fast) var(--ease-default),box-shadow var(--dur-fast) var(--ease-default)}.input::placeholder{color:var(--fg-subtle)}.input:hover{border-color:var(--border-strong)}.input:focus{outline:none;border-color:var(--io-blue);box-shadow:var(--shadow-focus)}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);transition:border var(--dur-base) var(--ease-default),box-shadow var(--dur-base) var(--ease-default)}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.tag{display:inline-flex;align-items:center;gap:var(--sp-2);height:24px;padding:0 var(--sp-4);border-radius:var(--radius-pill);font-size:var(--fs-12);font-weight:500;background:var(--io-blue-tint);color:var(--io-blue)}.tag--neutral{background:var(--gray-100);color:var(--gray-700)}.tag--amber{background:var(--io-amber-tint);color:#8a5a00}.tag--success{background:var(--success-bg);color:var(--success)}.tag--danger{background:var(--danger-bg);color:var(--danger)}a.link{color:var(--io-blue);text-decoration:none;transition:color var(--dur-fast) var(--ease-default)}a.link:hover{color:var(--io-cyan);text-decoration:underline}.container{width:min(100% - 2 * var(--sp-7),var(--container));margin-inline:auto}.container-wide{width:min(100% - 2 * var(--sp-7),var(--container-wide));margin-inline:auto}