@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope,sans-serif}html{scroll-behavior:smooth;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}:root{color:#edf3fc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#080d16;--panel:#0d1522;--blue:#398cff;--muted:#8997aa;--line:#a0b9dc21;background:#080d16;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--bg);min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.site-header{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080d16f0;justify-content:space-between;align-items:center;height:82px;padding:0 7.5%;display:flex;position:sticky;top:0}.brand{letter-spacing:-.5px;align-items:center;gap:12px;font-size:17px;font-weight:800;display:inline-flex}.brand b{color:#8da4c2;font-weight:500}.brand-mark{color:#68aaff;letter-spacing:-1px;background:#398cff1a;border:1px solid #398cffa6;place-items:center;width:36px;height:36px;font-size:13px;display:grid}nav{color:#aab7c9;align-items:center;gap:34px;font-size:12px;font-weight:600;display:flex}nav a:hover,.service-card a:hover{color:#72b2ff}.nav-cta{color:#fff;border:1px solid #398cff99;padding:12px 17px}.nav-cta span,.button span{color:#78b6ff;margin-left:12px}.hero-section{background:radial-gradient(at 78% 47%,#14539b2e,#0000 42%),linear-gradient(115deg,#080d16 45%,#0a1424);grid-template-columns:1fr 1fr;align-items:center;min-height:690px;padding:70px 10% 100px;display:grid;position:relative;overflow:hidden}.hero-content{z-index:2;max-width:590px;position:relative}.eyebrow,.section-index,.hero-note,.hero-bottom,.service-tag,.panel-top,.panel-bottom,.visual-label,.core-caption,.contact-note,.site-footer>span,.disclaimer{letter-spacing:1.2px;font-family:DM Mono,monospace}.eyebrow{color:#9aabc2;align-items:center;gap:10px;font-size:10px;display:flex}.status-dot,.mini-dot{background:#39baff;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 12px #398cff}h1{letter-spacing:-5px;margin:28px 0 22px;font-size:clamp(52px,6vw,82px);font-weight:700;line-height:1.08}h1 span,h2 span{color:#5ca3ff}.hero-copy{color:#9ba9bd;max-width:470px;font-size:15px;line-height:1.9}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:35px;display:flex}.button{padding:15px 19px;font-size:12px;font-weight:700;transition:all .2s}.button-primary{color:#fff;background:#2678e7;box-shadow:0 8px 28px #1464dc33}.button-primary:hover{background:#4090ff;transform:translateY(-2px)}.button-ghost{border:1px solid var(--line);color:#c5d0df}.button-ghost:hover{border-color:#398cff}.hero-note{color:#728198;align-items:center;gap:12px;margin-top:70px;font-size:9px;display:flex}.note-line{background:#398cff;width:25px;height:1px}.hero-visual{place-items:center;min-height:430px;display:grid;position:relative}.visual-glow{filter:blur(100px);opacity:.24;background:#1456a2;border-radius:50%;width:340px;height:340px;position:absolute}.visual-grid{opacity:.23;background-image:linear-gradient(#538fd22e 1px,#0000 1px),linear-gradient(90deg,#538fd22e 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 72%);mask-image:radial-gradient(#000,#0000 72%)}.orbit{border:1px solid #539eff3b;border-radius:50%;position:absolute;transform:rotate(-25deg)}.orbit-one{width:340px;height:190px}.orbit-two{width:250px;height:380px;transform:rotate(45deg)}.visual-core{z-index:1;flex-direction:column;align-items:center;gap:19px;display:flex}.core-ring{border:1px solid #398cff;border-radius:50%;place-items:center;width:142px;height:142px;display:grid;position:relative;box-shadow:0 0 55px #398cff33,inset 0 0 35px #398cff1a}.core-ring:before{content:"";border:1px dashed #64afff8c;border-radius:50%;position:absolute;inset:10px}.core-ring span{letter-spacing:-5px;color:#78b6ff;font-size:48px;font-weight:800}.core-caption{color:#78a7d9;font-size:9px}.floating-card{z-index:3;color:#a5b7cf;letter-spacing:.8px;background:#0c1828eb;border:1px solid #629de140;padding:13px 16px;font:9px DM Mono,monospace;position:absolute;box-shadow:0 12px 35px #030811}.card-top{top:65px;right:0}.card-top strong{color:#5ecba0;margin:8px 0 0 18px;font-size:10px;display:block}.mini-dot{background:#55d8a1;width:6px;height:6px;margin-right:7px}.card-bottom{align-items:center;gap:12px;line-height:1.7;display:flex;bottom:68px;left:0}.card-bottom b{color:#4c9bff;margin-left:10px;font-size:19px}.scan-icon{color:#64aaff;font-size:27px}.visual-label{color:#50627b;font-size:8px;position:absolute;bottom:15px;right:0}.hero-bottom{color:#64758d;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:25px;left:10%;right:10%}.intro-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0b121e;align-items:center;gap:65px;padding:36px 10%;display:flex}.intro-strip p:first-child{color:#5ca3ff;white-space:nowrap;letter-spacing:1px;font:9px DM Mono,monospace}.intro-highlight{color:#d2dbea;font-size:16px}.section{padding:115px 10%}.section-heading{justify-content:space-between;align-items:end;gap:50px;margin-bottom:55px;display:flex}.section-index{color:#5b9ce8;font-size:9px}h2{letter-spacing:-2.8px;margin:22px 0 0;font-size:clamp(40px,5vw,59px);line-height:1.14}.section-heading>p{color:#93a2b6;max-width:390px;margin:0 0 5px;font-size:13px;line-height:1.9}.section-heading strong{color:#eaf2ff}.nvr-panel{background:#0a121e;border:1px solid #508bcd47;padding:20px;box-shadow:0 25px 70px #0003}.panel-top{color:#8194ad;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:0 0 17px;font-size:8px;display:flex}.panel-top>span:first-child{color:#dbe9fa}.panel-top .status-dot{margin-right:7px}.panel-live{color:#5cc99a}.camera-layout{grid-template-columns:2fr 1fr 1fr;gap:9px;padding:17px 0;display:grid}.camera-view{background:#14243a;border:1px solid #5b94d240;min-height:190px;position:relative;overflow:hidden}.camera-overlay{z-index:2;color:#d2e2f5;letter-spacing:.7px;justify-content:space-between;font:8px DM Mono,monospace;display:flex;position:absolute;inset:9px 10px auto}.camera-scene{background:linear-gradient(160deg,#1b3b59,#101e30 65%,#182b3c);position:absolute;inset:0;overflow:hidden}.scene-two{background:linear-gradient(145deg,#233b53,#0d1b2b 70%)}.scene-three{background:linear-gradient(145deg,#183b4c,#111d2d 70%)}.scene-horizon{background:linear-gradient(#203b50,#0b1724);width:100%;height:37%;position:absolute;bottom:0}.scene-building{clip-path:polygon(8% 0,100% 12%,100% 100%,0 100%,0 15%);background:linear-gradient(110deg,#263f55,#122438);border:1px solid #77acd633;width:62%;height:43%;position:absolute;bottom:28%;left:18%}.scene-scan{opacity:.8;background:#62b6ff;width:75%;height:1px;position:absolute;top:42%;left:12%;box-shadow:0 0 12px #62b6ff}.panel-bottom{border-top:1px solid var(--line);color:#7890ac;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:15px;font-size:8px;display:flex}.feature-grid{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:55px;display:grid}.feature-grid article{padding:25px 22px 10px 0}.feature-number{color:#4f9bfa;font:10px DM Mono,monospace}.feature-grid h3{margin:19px 0 10px;font-size:14px}.feature-grid p,.service-card p{color:#8999ad;font-size:12px;line-height:1.85}.disclaimer{color:#56677d;margin-top:28px;font-size:8px}.services-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0c1420}.section-inner{padding-top:110px;padding-bottom:120px}.service-card{border:1px solid var(--line);background:#0a111c;min-height:315px;padding:30px;transition:all .25s}.service-card:hover{border-color:#398cff8c;transform:translateY(-4px)}.service-icon{color:#73b2ff;border:1px solid #398cff66;place-items:center;width:48px;height:48px;margin-bottom:28px;font-size:25px;font-weight:800;display:grid;position:relative}.service-icon span{font-size:12px;position:absolute;top:2px;right:4px}.linux-icon{font-size:28px}.fyde-icon{font-size:24px}.service-card h3{margin:12px 0;font-size:23px}.service-card p{min-height:65px}.service-card a{color:#c5d7ec;margin-top:17px;font-size:10px;font-weight:700;display:inline-block}.service-card a span{color:#62a8ff;margin-left:8px}.about-section{grid-template-columns:110px 1fr 1fr;align-items:center;gap:35px;display:grid}.about-mark{letter-spacing:-5px;color:#5ca3ff;font-size:43px;font-weight:800}.about-mark span{color:#fff}.about-section h2{font-size:43px}.about-section>p{color:#91a1b5;font-size:13px;line-height:2}.contact-section{text-align:center;border-top:1px solid var(--line);background:radial-gradient(at 50% 100%,#1c64be2e,#0000 65%),#0b1421;padding:105px 20px 115px}.contact-section h2{font-size:clamp(45px,6vw,68px)}.contact-section>p{color:#94a4b9;max-width:470px;margin:22px auto 30px;font-size:13px;line-height:1.9}.contact-note{border:1px solid var(--line);color:#71839a;padding:15px 20px;font-size:8px;display:inline-block}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:28px 7.5%;display:flex}.site-footer>span{color:#718198;font-size:8px}@media (width<=850px){.site-header{padding:0 5%}nav{gap:15px;font-size:10px}.hero-section,.section{padding-left:7%;padding-right:7%}.section-heading{gap:25px}.about-section{grid-template-columns:70px 1fr}.about-section>p{grid-column:2}}@media (width<=620px){.site-header{flex-wrap:wrap;gap:14px;height:auto;min-height:70px;padding:15px 5%}nav{justify-content:space-between;gap:8px;width:100%;font-size:9px}.nav-cta{padding:9px}.hero-section{padding:75px 7% 90px;display:block}h1{letter-spacing:-3px;font-size:56px}.hero-visual{min-height:350px;margin-top:35px}.hero-note{margin-top:45px;font-size:8px}.hero-bottom{font-size:7px;left:7%;right:7%}.intro-strip{padding:25px 7%;display:block}.intro-highlight{font-size:14px;line-height:1.7}.section{padding:80px 7%}.section-heading{display:block}.section-heading>p{margin-top:25px}.camera-layout{grid-template-columns:1fr 1fr}.camera-main{grid-column:1/-1}.camera-view{min-height:145px}.panel-top{flex-wrap:wrap}.panel-bottom{justify-content:flex-start}.feature-grid{grid-template-columns:1fr 1fr}.feature-grid article{padding-right:15px}.service-grid{grid-template-columns:1fr}.service-card,.service-card p{min-height:auto}.about-section{display:block}.about-mark{margin-bottom:25px}.about-section>p{margin-top:25px}.site-footer{flex-wrap:wrap;padding:25px 5%}.site-footer>span{width:100%}}.ai-showcase{background:#080f1c;border:1px solid #5c9dff3d;border-radius:18px;margin-top:56px;overflow:hidden;box-shadow:0 24px 80px #0000004d}.ai-showcase-header,.ai-camera-top,.ai-camera-footer,.event-panel-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.ai-showcase-header{color:#eaf2ff;letter-spacing:.1em;border-bottom:1px solid #ffffff14;min-height:58px;padding:0 22px;font:600 11px DM Mono,monospace}.ai-version,.concept-label,.ai-camera-top,.ai-camera-footer,.event-panel-title,.event-panel-bottom,.ai-metrics span,.scene-time{color:#8294ad;letter-spacing:.08em;font:10px DM Mono,monospace}.concept-label{color:#78aaff}.ai-dashboard{grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:16px;padding:18px;display:grid}.ai-camera{background:#0d1929;border:1px solid #ffffff1a;border-radius:12px;min-width:0;overflow:hidden}.ai-camera-top,.ai-camera-footer{min-height:42px;padding:0 14px}.recording-label{color:#ff737d}.ai-scene{background:linear-gradient(#0914221f,#050c1540),linear-gradient(155deg,#263e53 0%,#52677a 42%,#263b4d 43%,#101e2b 100%);min-height:340px;position:relative;overflow:hidden}.ai-scene-grid{opacity:.16;background-image:linear-gradient(#aacdeb4d 1px,#0000 1px),linear-gradient(90deg,#aacdeb4d 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0}.ai-building{clip-path:polygon(0 18%,72% 0,100% 18%,100% 100%,0 100%);background:linear-gradient(145deg,#334b60,#172b3e);border:1px solid #bed7ee40;width:44%;height:48%;position:absolute;top:18%;left:7%;box-shadow:30px 20px #050e1833}.ai-ground{background:linear-gradient(170deg,#26394a,#101b28);border-top:1px solid #bed7ee2e;position:absolute;inset:64% 0 0}.ai-person,.ai-vehicle{z-index:2;border:1px solid #55e6ad;position:absolute;box-shadow:0 0 18px #55e6ad33}.ai-person{background:linear-gradient(90deg,#0000 10%,#55e6ad21 10% 90%,#0000 90%);border-width:0;width:48px;height:145px;top:25%;left:57%}.ai-person:before{content:"";background:#55e6ad24;border:1px solid #55e6ad;border-radius:50%;width:24px;height:24px;position:absolute;top:0;left:12px}.ai-person:after{content:"";background:#55e6ad1a;border:1px solid #55e6ad;width:32px;height:108px;position:absolute;top:30px;left:8px}.ai-person span,.ai-vehicle span{white-space:nowrap;color:#071a17;letter-spacing:.04em;background:#55e6ad;padding:4px 7px;font:700 9px DM Mono,monospace;position:absolute;top:-24px;left:-9px}.ai-vehicle{background:#4984ca2e;border-color:#72aaff;width:125px;height:48px;top:65%;left:70%;box-shadow:0 0 18px #72aaff33}.ai-vehicle:before,.ai-vehicle:after{content:"";background:#14263a;border:2px solid #72aaff;border-radius:50%;width:17px;height:17px;position:absolute;bottom:-8px}.ai-vehicle:before{left:15px}.ai-vehicle:after{right:15px}.ai-vehicle span{color:#071426;background:#72aaff}.detection-corner{display:none}.ai-scanline{z-index:3;background:#57c1ff99;height:1px;animation:5s ease-in-out infinite alternate ai-scan;position:absolute;top:48%;left:0;right:0;box-shadow:0 0 14px #57c1ffcc}@keyframes ai-scan{0%{opacity:.35;transform:translateY(-100px)}to{opacity:.9;transform:translateY(120px)}}.scene-time{color:#d7e7f7;position:absolute;bottom:12px;right:12px}.ai-camera-footer{border-top:1px solid #ffffff14}.status-dot{background:#55e6ad;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 10px #55e6ad99}.ai-event-panel{background:#0d1929;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;display:flex}.event-panel-title{border-bottom:1px solid #ffffff14;padding:17px 15px}.event-count{color:#55e6ad}.ai-event{border-bottom:1px solid #ffffff12;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:19px 14px;display:grid}.event-icon{color:#72aaff;background:#72aaff1f;border-radius:8px;place-items:center;width:30px;height:30px;font-size:19px;display:grid}.ai-event b{color:#eaf2ff;font-size:12px;display:block}.ai-event small{color:#8294ad;margin-top:5px;font-size:10px;display:block}.ai-event strong{color:#55e6ad;font:11px DM Mono,monospace}.event-panel-bottom{margin-top:auto;padding:16px 14px}.ai-metrics{border-top:1px solid #ffffff14;grid-template-columns:repeat(3,1fr);display:grid}.ai-metrics>div{border-right:1px solid #ffffff14;padding:20px 24px}.ai-metrics>div:last-child{border-right:0}.ai-metrics span,.ai-metrics strong{display:block}.ai-metrics strong{color:#eaf2ff;margin-top:8px;font-size:18px}.ai-metrics strong small{color:#8294ad;font-size:11px;font-weight:400}.ai-message{text-align:center;max-width:700px;margin:100px auto 65px}.ai-message h3{letter-spacing:-.045em;margin:20px 0;font-size:clamp(32px,5vw,54px);line-height:1.08}.ai-message h3 span{color:#72aaff}.ai-message p{color:#9aabc0;max-width:590px;margin:0 auto;line-height:1.8}@media (width<=760px){.ai-dashboard{grid-template-columns:1fr;padding:10px}.ai-scene{min-height:260px}.ai-showcase-header{flex-direction:column;justify-content:center;align-items:flex-start;padding:14px}.ai-version{margin-top:7px;display:block}.ai-metrics{grid-template-columns:1fr}.ai-metrics>div{border-bottom:1px solid #ffffff14;border-right:0}.ai-message{margin:70px auto 45px}}.control-room-photo{background:#0b1420;border:1px solid #82b4e12e;border-radius:12px;margin:0 0 90px;position:relative;overflow:hidden}.control-room-photo img{object-fit:cover;object-position:center 48%;opacity:.88;width:100%;height:clamp(220px,34vw,420px);display:block}.control-room-photo figcaption{color:#8da6bf;letter-spacing:1.5px;justify-content:space-between;align-items:center;gap:16px;padding:15px 20px;font:10px DM Mono,monospace;display:flex}.control-room-photo figcaption span{color:#dce8f5;letter-spacing:.3px;text-align:right}@media (width<=600px){.control-room-photo{margin-bottom:60px}.control-room-photo figcaption{flex-direction:column;align-items:flex-start}.control-room-photo figcaption span{text-align:left}}.hero-section{grid-template-columns:1fr;min-height:780px}.hero-content h1{max-width:1100px;font-size:clamp(64px,9vw,124px);line-height:.98}.hero-content h1 span{color:#58a6ff}.hero-visual{background:#07111e url(/igvision-ai-hero.png) 50% 42%/cover no-repeat;border-radius:14px;width:100%;height:clamp(340px,48vw,650px);position:relative;overflow:hidden}.hero-visual>*{display:none!important}.hero-bottom{position:relative}.service-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;display:grid}.service-card{background:linear-gradient(145deg,#101d30,#09111d 75%);border:1px solid #78a0d233;border-radius:15px;grid-column:span 2;min-height:340px;padding:32px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.service-card:nth-child(4){grid-column:2/span 2}.service-card:nth-child(5){grid-column:4/span 2}.service-card:hover{border-color:var(--platform);box-shadow:0 12px 40px color-mix(in srgb, var(--platform) 15%, transparent);transform:translateY(-6px)}.service-icon{border:1px solid color-mix(in srgb, var(--platform) 55%, transparent);width:62px;height:62px;color:var(--platform);background:color-mix(in srgb, var(--platform) 10%, #09111d);border-radius:14px;place-items:center;margin-bottom:30px;display:grid}.service-icon svg{width:38px;height:38px}.service-tag{color:var(--platform);font-size:10px}.service-card h3{letter-spacing:-.7px;margin:12px 0;font-size:29px;font-weight:800}.service-card.fyde-card h3{font-size:36px}.service-card p{min-height:70px;font-size:13px;line-height:1.8}.service-card a{margin-top:20px;font-size:11px}.windows-card{--platform:#36a4ff}.linux-card{--platform:#f0a33a}.mac-card{--platform:#c5d5ec}.fyde-card{--platform:#8e80ff}.android-card{--platform:#5bd58a}@media (width<=900px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card,.service-card:nth-child(4),.service-card:nth-child(5){grid-column:auto}}@media (width<=560px){.service-grid{grid-template-columns:1fr}}
