:root{--bg:#040812;--bg2:#070d19;--panel:#0a1221;--line:rgba(123,170,218,.16);--line2:rgba(89,185,255,.35);--text:#f2f7fc;--muted:#8d9aaa;--blue:#149cff;--cyan:#38d9ff;--glow:rgba(20,156,255,.24);--display:"Space Grotesk",sans-serif;--body:"Inter",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.6;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 70% 10%,rgba(0,119,255,.09),transparent 35%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,54px 54px,54px 54px;pointer-events:none;z-index:-2}.noise{position:fixed;inset:0;opacity:.025;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.section-shell{width:min(1220px,calc(100% - 48px));margin-inline:auto}.site-header{width:min(1320px,calc(100% - 48px));height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.brand>span:last-child{display:flex;flex-direction:column;line-height:1}.brand strong{font-family:var(--display);font-size:20px;letter-spacing:.19em}.brand small{font-size:8px;letter-spacing:.32em;color:#7f93a7;margin-top:7px}.brand-mark{width:32px;height:35px;position:relative;display:block}.brand-mark i{position:absolute;width:20px;height:2px;background:var(--blue);transform:rotate(60deg);box-shadow:0 0 10px var(--blue)}.brand-mark i:nth-child(1){top:8px;left:1px}.brand-mark i:nth-child(2){top:16px;left:7px}.brand-mark i:nth-child(3){top:24px;left:1px}nav{display:flex;align-items:center;gap:34px}nav a{font-size:13px;text-transform:uppercase;letter-spacing:.09em;text-decoration:none;color:#aab5c1;transition:.25s}nav a:hover{color:white}.nav-cta{border:1px solid var(--line2);padding:10px 18px;color:white;background:rgba(20,156,255,.07)}.menu-toggle{display:none;background:none;border:0;padding:10px}.menu-toggle span{display:block;width:24px;height:1px;background:white;margin:6px}.hero{min-height:720px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:92px 0 80px}.eyebrow,.section-index{font-size:12px;letter-spacing:.17em;text-transform:uppercase;color:#7f9ab3}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:7px;height:7px;background:var(--blue);box-shadow:0 0 14px var(--blue)}h1,h2,h3{font-family:var(--display);margin:0;line-height:1.05}h1{font-size:clamp(58px,6.2vw,94px);letter-spacing:-.06em;margin:28px 0 26px}h1 em,h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(114,193,255,.8);text-shadow:0 0 28px rgba(20,156,255,.12)}.hero-copy>p{max-width:610px;color:#a4afbb;font-size:18px;line-height:1.75}.hero-actions{display:flex;gap:12px;margin-top:36px}.button{min-height:52px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:34px;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.primary{background:var(--blue);color:white;box-shadow:0 8px 32px rgba(20,156,255,.22)}.secondary{border:1px solid var(--line);color:#c9d3dc;background:rgba(255,255,255,.02)}.hero-proof{display:flex;gap:28px;margin-top:52px;color:#778596;font-size:11px;letter-spacing:.12em}.hero-proof span{display:flex;align-items:center;gap:9px}.hero-proof b{color:var(--blue)}.hero-system{height:560px;position:relative;border:1px solid var(--line);background:linear-gradient(145deg,rgba(11,24,44,.7),rgba(4,8,18,.25));overflow:hidden;clip-path:polygon(0 7%,7% 0,100% 0,100% 93%,93% 100%,0 100%)}.system-grid{position:absolute;inset:0;background:linear-gradient(rgba(55,145,220,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(55,145,220,.08) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(circle,black,transparent 70%)}.radar{position:absolute;width:360px;height:360px;inset:50% auto auto 50%;transform:translate(-50%,-50%);border:1px solid rgba(43,158,255,.2);border-radius:50%}.radar::before,.radar::after,.radar span{content:"";position:absolute;border:1px solid rgba(43,158,255,.15);border-radius:50%;inset:16%}.radar::after{inset:33%}.radar span:first-child{inset:48%;background:var(--blue);box-shadow:0 0 30px 8px var(--glow);border:0}.radar span:nth-child(2){inset:0;border-radius:50%;border-top-color:var(--blue);animation:spin 9s linear infinite}.radar span:nth-child(3){inset:25%;border-left-color:var(--cyan);animation:spin 6s linear infinite reverse}.radar::selection{background:none}@keyframes spin{to{transform:rotate(360deg)}}.core{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px}.core b{font:700 50px var(--display);color:white;text-shadow:0 0 24px var(--blue)}.core small{font-size:8px;line-height:1.5;letter-spacing:.16em;color:#7fabc9}.node{position:absolute;border:1px solid var(--line2);background:rgba(6,15,28,.92);min-width:144px;padding:12px;display:flex;align-items:center;gap:10px;box-shadow:0 0 28px rgba(7,128,227,.08)}.node::after{content:"";position:absolute;width:55px;height:1px;background:linear-gradient(90deg,var(--line2),transparent)}.node i{width:8px;height:8px;border:1px solid var(--blue);transform:rotate(45deg);box-shadow:0 0 9px var(--blue)}.node span{font-size:10px;letter-spacing:.1em}.node small{display:block;color:#498dba;font-size:7px;margin-top:3px}.node-security{top:19%;left:7%}.node-security::after,.node-automation::after{left:100%;top:50%}.node-network{top:21%;right:6%}.node-network::after,.node-energy::after{right:100%;top:50%;transform:rotate(180deg)}.node-automation{bottom:20%;left:7%}.node-energy{bottom:17%;right:7%}.telemetry{position:absolute;bottom:18px;left:22px;right:22px;border-top:1px solid var(--line);padding-top:10px;display:grid;grid-template-columns:1fr auto;align-items:end}.telemetry span{font-size:9px;letter-spacing:.15em;color:#5f7a91}.telemetry strong{grid-row:1/3;grid-column:2;font:600 24px var(--display);color:var(--cyan)}.telemetry small{font-size:7px;color:#556474;letter-spacing:.12em}.trust-strip{height:72px;border-block:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:32px;color:#667789;font-size:10px;letter-spacing:.16em}.trust-strip i{width:4px;height:4px;background:#25445f;transform:rotate(45deg)}.solutions,.projects{padding:130px 0}.section-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end;margin-bottom:60px}.section-intro h2,.integration h2,.company h2,.contact h2{font-size:clamp(40px,5vw,68px);letter-spacing:-.045em;margin-top:20px}.section-intro>p,.integration-copy>p,.company-copy>p{color:#909eac;font-size:17px;line-height:1.8;max-width:520px}.service-grid{display:grid;grid-template-columns:1.1fr .95fr .95fr;gap:14px}.service-card{min-height:360px;border:1px solid var(--line);padding:28px;background:linear-gradient(145deg,rgba(12,23,41,.86),rgba(5,10,19,.8));display:flex;flex-direction:column;transition:.3s;position:relative;overflow:hidden}.service-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(20,156,255,.07),transparent 45%);opacity:0;transition:.3s}.service-card:hover{border-color:rgba(55,174,255,.4);transform:translateY(-3px)}.service-card:hover::before{opacity:1}.service-card>*{position:relative}.service-card.featured{grid-row:span 2;min-height:734px}.service-card.wide{grid-column:span 2;min-height:360px;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:24px}.wide .card-top{grid-column:span 2;align-self:start}.wide>a{align-self:end}.card-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em}.service-number{color:#506173}.service-status{color:#248fd4}.service-icon{height:100px;margin:44px 0 34px;position:relative}.featured .service-icon{height:220px}.service-icon::before,.service-icon::after,.service-icon span{content:"";position:absolute}.camera-icon::before{width:120px;height:55px;border:1px solid rgba(69,176,255,.5);background:linear-gradient(135deg,rgba(13,126,219,.22),rgba(4,10,20,.2));top:55px;left:50%;transform:translateX(-55%);clip-path:polygon(0 0,100% 12%,85% 100%,10% 84%)}.camera-icon::after{width:48px;height:48px;border:2px solid var(--blue);border-radius:50%;top:62px;left:50%;transform:translateX(-23%);box-shadow:0 0 25px var(--glow),inset 0 0 15px var(--glow)}.camera-icon span{width:46px;height:80px;border-left:2px solid #236ea5;border-bottom:2px solid #236ea5;top:103px;left:34%}.access-icon::before{width:56px;height:76px;border:1px solid var(--blue);left:50%;transform:translateX(-50%);box-shadow:0 0 24px var(--glow)}.access-icon::after{width:20px;height:20px;border:1px solid #78cbff;border-radius:50%;left:50%;top:18px;transform:translateX(-50%)}.access-icon span{width:26px;height:1px;background:#3784b9;left:50%;top:52px;transform:translateX(-50%);box-shadow:0 8px #3784b9,0 16px #3784b9}.network-icon::before{width:90px;height:54px;border:1px solid #2b88c5;left:50%;top:4px;transform:translateX(-50%);background:linear-gradient(rgba(20,156,255,.05),transparent)}.network-icon::after{width:120px;height:1px;background:#226590;left:50%;top:73px;transform:translateX(-50%);box-shadow:0 0 15px var(--glow)}.network-icon span{width:6px;height:6px;background:var(--cyan);left:39%;top:28px;box-shadow:15px 0 #207fbb,30px 0 #207fbb,45px 0 #207fbb}.automation-icon::before{width:78px;height:78px;border:1px solid #328dc8;border-radius:50%;left:50%;transform:translateX(-50%)}.automation-icon::after{width:42px;height:42px;border:1px dashed var(--blue);border-radius:50%;left:50%;top:18px;transform:translateX(-50%)}.automation-icon span{width:10px;height:10px;background:var(--blue);left:50%;top:34px;transform:translateX(-50%) rotate(45deg);box-shadow:0 0 14px var(--blue)}.service-card h3{font-size:27px;margin-bottom:16px}.service-card p{color:#8795a4;margin:0 0 24px}.service-card ul{list-style:none;padding:0;margin:8px 0 34px;color:#8292a1;font-size:13px}.service-card li{padding:10px 0;border-top:1px solid var(--line)}.service-card>a{color:#cce9fd;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:10px;margin-top:auto;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px}.energy-bars{height:120px;display:flex;align-items:flex-end;gap:8px}.energy-bars i{flex:1;border:1px solid #236d9f;background:rgba(20,156,255,.1);height:var(--h);box-shadow:0 0 12px rgba(20,156,255,.08)}.energy-bars i:nth-child(1){--h:28%}.energy-bars i:nth-child(2){--h:42%}.energy-bars i:nth-child(3){--h:36%}.energy-bars i:nth-child(4){--h:67%}.energy-bars i:nth-child(5){--h:51%}.energy-bars i:nth-child(6){--h:78%}.energy-bars i:nth-child(7){--h:63%}.energy-bars i:nth-child(8){--h:94%;border-color:var(--blue);background:rgba(20,156,255,.25)}.integration{padding:130px 0;background:#060c17;border-block:1px solid var(--line);position:relative}.integration-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.integration-copy>p{margin:28px 0}.integration-points{display:grid;margin-top:38px;border-top:1px solid var(--line)}.integration-points span{display:flex;gap:18px;padding:15px 0;border-bottom:1px solid var(--line);color:#a5b3c0;font-size:13px}.integration-points b{color:var(--blue);font-size:10px}.architecture{border:1px solid var(--line);background:rgba(5,13,25,.8);padding:24px;min-height:520px;display:flex;flex-direction:column;justify-content:center}.architecture-title{position:absolute;align-self:stretch;top:24px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em;color:#63778a}.architecture-title small{color:#1a9be8}.arch-row{display:flex;justify-content:space-around;gap:10px}.arch-chip{width:110px;padding:12px 5px;text-align:center;border:1px solid #1b4f73;font-size:9px;letter-spacing:.12em;color:#8daac1;background:#081524}.arch-lines{height:62px;display:flex;justify-content:space-around}.arch-lines i{width:1px;height:100%;background:linear-gradient(#1b5d89,#159dfd)}.arch-core{width:270px;margin:auto;padding:20px;border:1px solid var(--blue);box-shadow:0 0 30px var(--glow);display:flex;justify-content:center;align-items:center;gap:18px;background:rgba(8,28,48,.85)}.arch-core>span{font:700 42px var(--display);text-shadow:0 0 15px var(--blue)}.arch-core div{display:flex;flex-direction:column}.arch-core b{font:600 13px var(--display);letter-spacing:.09em}.arch-core small{font-size:8px;color:#5797bf;margin-top:5px;letter-spacing:.12em}.arch-lines.reverse i{background:linear-gradient(#159dfd,#1b5d89)}.projects{padding-bottom:140px}.project-panels{display:grid;grid-template-columns:1fr 1fr;gap:14px}.project-panel{min-height:420px;border:1px solid var(--line);padding:42px;background:linear-gradient(135deg,rgba(9,23,42,.9),rgba(4,8,18,.75));display:flex;flex-direction:column;position:relative;overflow:hidden}.project-panel::after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(20,156,255,.12);border-radius:50%;right:-100px;bottom:-130px;box-shadow:0 0 0 40px rgba(20,156,255,.025),0 0 0 80px rgba(20,156,255,.018)}.project-panel>span{color:#2da4ef;font-size:9px;letter-spacing:.18em}.project-panel h3{font-size:36px;max-width:430px;margin:85px 0 22px}.project-panel p{max-width:490px;color:#8594a4}.project-spec{display:flex;gap:10px;margin-top:auto;position:relative;z-index:1}.project-spec span{font-size:8px;letter-spacing:.13em;border:1px solid #1c4968;padding:8px 11px;color:#7899b2}.company{padding:130px 0;background:linear-gradient(120deg,#06101e,#050a13);border-block:1px solid var(--line)}.company-inner{display:grid;grid-template-columns:.6fr 1.4fr;gap:90px;align-items:center}.company-badge{height:360px;border:1px solid var(--line);display:grid;place-content:center;text-align:center;background:radial-gradient(circle,rgba(20,156,255,.12),transparent 55%);position:relative}.company-badge::before{content:"";position:absolute;inset:38px;border:1px solid rgba(31,135,211,.22);transform:rotate(45deg)}.company-badge span{font:700 130px var(--display);line-height:.8;text-shadow:0 0 40px var(--blue)}.company-badge small{font-size:9px;letter-spacing:.22em;color:#66849b;margin-top:25px}.company-copy>p{max-width:680px;margin:28px 0 40px}.company-values{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:25px;gap:20px}.company-values span{display:flex;flex-direction:column}.company-values b{font:600 12px var(--display);letter-spacing:.12em;color:#a9dcff}.company-values small{color:#687788;margin-top:6px}.contact{padding:130px 0}.contact-panel{border:1px solid var(--line2);padding:70px;background:radial-gradient(circle at 80% 20%,rgba(20,156,255,.13),transparent 32%),linear-gradient(135deg,#09182a,#050a13);display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;clip-path:polygon(0 0,96% 0,100% 16%,100% 100%,4% 100%,0 84%)}.contact-panel p{color:#8795a4;max-width:570px}.contact-actions{display:grid;gap:10px}.contact-link{padding:20px;border:1px solid var(--line);text-decoration:none;color:white;display:grid;grid-template-columns:1fr auto;transition:.25s}.contact-link:hover{border-color:var(--blue);background:rgba(20,156,255,.08)}.contact-link small{font-size:8px;letter-spacing:.16em;color:#418bc0}.contact-link strong{font:500 20px var(--display);grid-row:2}.contact-link span{grid-row:1/3;grid-column:2;align-self:center;color:var(--blue)}.site-footer{min-height:150px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;color:#5f6f80;font-size:10px;letter-spacing:.1em}.site-footer>span{text-align:right}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.site-header{height:74px}.menu-toggle{display:block;z-index:2}nav{position:absolute;top:74px;left:0;right:0;background:#060c16;border:1px solid var(--line);padding:26px;display:none;flex-direction:column;align-items:flex-start;gap:22px}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:70px}.hero-system{height:500px}.section-intro,.integration-inner,.company-inner,.contact-panel{grid-template-columns:1fr;gap:48px}.service-grid{grid-template-columns:1fr 1fr}.service-card.featured{grid-row:auto;min-height:520px}.service-card.wide{grid-column:span 2}.company-badge{height:300px}.contact-actions{max-width:600px}}
@media(max-width:680px){.section-shell,.site-header{width:min(100% - 28px,1220px)}.site-header .brand strong{font-size:17px}.hero{min-height:auto;padding:65px 0 55px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column}.button{justify-content:space-between}.hero-proof{gap:14px;flex-wrap:wrap}.hero-system{height:430px}.node{min-width:116px;padding:9px}.node::after{width:22px}.node-security,.node-automation{left:3%}.node-network,.node-energy{right:3%}.radar{width:280px;height:280px}.trust-strip{height:auto;min-height:72px;padding:20px 16px;flex-wrap:wrap;gap:14px;text-align:center}.solutions,.projects,.integration,.company,.contact{padding:88px 0}.section-intro{gap:24px;margin-bottom:40px}.service-grid,.project-panels{grid-template-columns:1fr}.service-card.featured{min-height:580px}.service-card.wide{grid-column:auto;display:flex;min-height:430px}.wide .card-top{align-self:stretch}.architecture{min-height:440px;padding:14px}.arch-chip{width:82px;font-size:7px}.arch-core{width:225px}.project-panel{padding:28px;min-height:390px}.project-panel h3{font-size:29px;margin-top:65px}.company-badge{height:250px}.company-badge span{font-size:90px}.company-values{grid-template-columns:1fr}.contact-panel{padding:44px 24px;clip-path:none}.contact-link strong{font-size:17px}.site-footer{grid-template-columns:1fr;padding:40px 0;gap:26px}.site-footer>span{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.radar span{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* Brand rail */
/* Showroom visit */
.showroom-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);margin-top:22px;min-height:320px;border:1px solid rgba(56,217,255,.36);background:radial-gradient(circle at 11% 18%,rgba(20,156,255,.19),transparent 43%),linear-gradient(115deg,#091b2d,#06101e 58%,#081624);box-shadow:0 20px 70px rgba(0,0,0,.2),inset 0 1px rgba(158,219,255,.12)}
.showroom-copy{padding:clamp(28px,4vw,54px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.showroom-kicker{color:var(--cyan);font-size:11px;font-weight:700;letter-spacing:.18em}.showroom-kicker span{display:inline-block;width:8px;height:8px;margin-right:8px;background:var(--cyan);box-shadow:0 0 16px var(--cyan);border-radius:50%}.showroom-copy h3{margin:18px 0 12px;font-size:clamp(34px,3.6vw,52px);letter-spacing:-.05em}.showroom-copy h3 em{font-style:normal;color:var(--cyan)}.showroom-copy p{margin:0 0 28px;color:#a4b5c4;max-width:430px}.showroom-directions{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:54px;padding:0 18px;background:var(--blue);box-shadow:0 10px 28px rgba(20,156,255,.28);color:white;text-decoration:none;font-weight:700;font-size:12px;letter-spacing:.04em;transition:background .2s,transform .2s}.showroom-directions:hover{background:#087ed6;transform:translateY(-2px)}.showroom-directions:focus-visible{outline:2px solid white;outline-offset:3px}.showroom-directions span{font-size:20px;font-weight:400}.showroom-map{position:relative;min-height:320px;background:#0b1929}.showroom-map::after{content:"";position:absolute;inset:0;border:12px solid rgba(5,15,27,.15);pointer-events:none}.showroom-map iframe{display:block;width:100%;height:100%;min-height:320px;border:0;filter:saturate(.88)}
@media(max-width:800px){.showroom-panel{grid-template-columns:1fr}.showroom-copy{padding:34px 26px}.showroom-map,.showroom-map iframe{min-height:280px}}
.brand-rail{min-height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:45px;padding:14px 30px;background:rgba(3,8,16,.78);position:relative;z-index:8}.brand-rail-label{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#536678;white-space:nowrap}.brand-logos{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}.vendor-logo{display:inline-flex;align-items:center;color:#d7e0e8;filter:grayscale(1);opacity:.62;transition:.25s;white-space:nowrap}.vendor-logo:hover{filter:grayscale(0);opacity:1;transform:translateY(-1px)}.vendor-divider{width:1px;height:24px;background:var(--line)}.hikvision{font:700 16px Arial,sans-serif;letter-spacing:-.035em}.hikvision>span{color:#e52c36}.microsoft{font:500 15px Arial,sans-serif;gap:8px}.microsoft i{width:17px;height:17px;display:grid;grid-template-columns:1fr 1fr;gap:2px}.microsoft b:nth-child(1){background:#f25022}.microsoft b:nth-child(2){background:#7fba00}.microsoft b:nth-child(3){background:#00a4ef}.microsoft b:nth-child(4){background:#ffb900}.teltonika{font:700 13px Arial,sans-serif;letter-spacing:.06em;position:relative;padding-left:20px}.teltonika i{position:absolute;left:0;width:13px;height:13px;border:3px solid #0ca6d7;border-radius:50%}.teltonika small{font-size:6px;letter-spacing:.18em;margin-left:6px;color:#5dbbda}.knx{font:800 18px Arial,sans-serif;font-style:italic;gap:6px}.knx i{width:16px;height:16px;border:2px solid #e3c326;transform:rotate(45deg);box-shadow:inset 0 0 0 3px #040812}.deye{font:700 20px Arial,sans-serif;font-style:italic;color:#2aa6dc;gap:6px}.deye i{width:16px;height:9px;border-radius:70% 10% 70% 10%;background:#27a7dc;transform:rotate(-20deg)}

/* Interactive signal field */
.signal-field{height:430px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 50% 50%,rgba(9,57,99,.18),transparent 45%),#040812;display:grid;place-items:center}.signal-grid{position:absolute;inset:-20px;display:grid;grid-template-columns:repeat(var(--signal-cols,28),1fr);grid-auto-rows:1fr;mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent)}.signal-dot{position:relative;display:grid;place-items:center}.signal-dot::before{content:"";width:5px;height:5px;border:1px solid rgba(75,131,174,.28);border-radius:50%;background:rgba(6,20,35,.7);transition:background .1s,box-shadow .1s,border-color .1s,transform .1s}.signal-dot.active::before{background:rgb(64,192,255);border-color:#9be7ff;box-shadow:0 0 var(--signal-blur,12px) rgba(24,166,255,.85);transform:scale(var(--signal-scale,1.1))}.signal-copy{position:relative;z-index:2;text-align:center;pointer-events:none;padding:20px}.signal-copy h2{font-size:clamp(38px,5vw,67px);letter-spacing:-.045em;margin:18px 0}.signal-copy p{color:#536f85;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.signal-readout{position:absolute;left:32px;right:32px;bottom:22px;display:flex;justify-content:space-between;color:#42637c;font-size:8px;letter-spacing:.16em}.signal-readout b{color:#268fd0;font-weight:500}

@media(max-width:980px){.brand-rail{gap:20px;flex-direction:column;padding:16px}.brand-logos{gap:22px}.vendor-divider{display:none}}
@media(max-width:680px){.brand-rail{align-items:flex-start}.brand-logos{justify-content:flex-start;gap:18px 24px}.vendor-logo{transform:scale(.9);transform-origin:left center}.vendor-logo:hover{transform:scale(.9)}.signal-field{height:370px}.signal-readout{left:16px;right:16px}}

/* Persistent supplier colors */
.vendor-logo{filter:none;opacity:1}.hikvision{color:#f4f7fa}.hikvision>span{color:#e62932}.microsoft{color:#e8edf2}.teltonika{color:#f4f7fa}.teltonika small{color:#28b4e7}.knx{color:#63c74d}.knx i{border-color:#63c74d;box-shadow:inset 0 0 0 3px #040812,0 0 11px rgba(99,199,77,.25)}.deye{color:#2aa6dc}

/* Deeper proximity field */
.signal-field{--mx:50%;--my:50%;--field-alpha:.12;isolation:isolate}.signal-aurora{position:absolute;inset:-30%;z-index:0;background:radial-gradient(circle at var(--mx) var(--my),rgba(34,174,255,var(--field-alpha)) 0,rgba(11,87,145,.11) 10%,rgba(4,8,18,0) 31%);filter:blur(25px);transition:opacity .45s;pointer-events:none}.signal-grid{z-index:1}.signal-dot::after{content:"";position:absolute;width:1px;height:1px;background:#71d5ff;opacity:var(--signal-core,0);box-shadow:0 0 18px 5px rgba(31,171,255,.8);transition:opacity .18s}.signal-dot.active::before{background:rgba(51,182,255,var(--signal-opacity,.8));border-color:rgba(170,235,255,.9);box-shadow:0 0 var(--signal-blur,12px) rgba(24,166,255,.78);transform:scale(var(--signal-scale,1.1))}.signal-copy{z-index:4}.signal-ripple{position:absolute;z-index:2;left:var(--ripple-x,50%);top:var(--ripple-y,50%);width:12px;height:12px;border:1px solid rgba(111,218,255,.8);border-radius:50%;transform:translate(-50%,-50%) scale(.2);opacity:0;pointer-events:none}.signal-ripple.fire{animation:field-ripple 1.15s cubic-bezier(.2,.7,.1,1)}@keyframes field-ripple{0%{opacity:.95;transform:translate(-50%,-50%) scale(.2)}100%{opacity:0;transform:translate(-50%,-50%) scale(24)}}.field-beacon{position:absolute;z-index:3;width:13px;height:13px;border:1px solid rgba(115,214,255,.3);border-radius:50%;opacity:.15;transition:opacity .35s,transform .35s,box-shadow .35s;pointer-events:none}.field-beacon i{position:absolute;inset:3px;border-radius:50%;background:#52c8ff}.field-beacon span{position:absolute;top:19px;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:.16em;color:#78d6ff;white-space:nowrap;opacity:0;transition:.3s}.field-beacon.found{opacity:1;transform:scale(1.3);box-shadow:0 0 22px 7px rgba(34,174,255,.35)}.field-beacon.found span{opacity:1}.beacon-security{left:18%;top:32%}.beacon-access{right:21%;top:27%}.beacon-energy{left:68%;bottom:24%}.signal-status{transition:.25s}.signal-status.awake{color:#7fe3ff;text-shadow:0 0 12px rgba(33,173,255,.5)}

/* Live product systems */
.systems-motion{padding:130px 0 20px}.motion-heading{display:grid;grid-template-columns:.6fr 1.4fr;align-items:end;margin-bottom:55px}.motion-heading h2{font-size:clamp(40px,5vw,68px);letter-spacing:-.045em}.motion-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:14px}.motion-card{min-height:570px;border:1px solid var(--line);padding:28px;background:linear-gradient(145deg,rgba(11,24,43,.88),rgba(4,9,17,.92));display:flex;flex-direction:column;position:relative;overflow:hidden}.motion-card::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(28,155,242,.06),transparent 45%);pointer-events:none}.motion-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.15em;color:#5d7890;position:relative;z-index:2}.motion-meta b{font-weight:500;color:#28abf8;display:flex;align-items:center;gap:7px}.motion-meta b::before{content:"";width:5px;height:5px;border-radius:50%;background:#32cfff;box-shadow:0 0 9px #32cfff;animation:status-pulse 1.5s ease-in-out infinite}@keyframes status-pulse{50%{opacity:.25;box-shadow:0 0 2px #32cfff}}.motion-card h3{font-size:27px;margin:28px 0 12px;position:relative}.motion-card>p{color:#7f8f9f;margin:0;font-size:14px;position:relative}.tracking-stage,.fingerprint-terminal,.iris-terminal{height:340px;margin-top:28px;position:relative;border:1px solid rgba(70,137,189,.16);background:linear-gradient(rgba(38,111,168,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(38,111,168,.055) 1px,transparent 1px),#050c16;background-size:26px 26px;overflow:hidden}.ptz-camera{position:absolute;left:50%;top:48px;width:115px;height:100px;transform:translateX(-50%);z-index:4}.camera-bracket{position:absolute;width:36px;height:25px;border:3px solid #345b78;border-bottom:0;left:40px;top:-8px}.camera-head{position:absolute;width:110px;height:58px;top:18px;border:1px solid #4388b8;border-radius:34px 34px 20px 20px;background:linear-gradient(180deg,#19384e,#07121d);transform-origin:50% 0;animation:camera-pan 6s ease-in-out infinite alternate;box-shadow:0 12px 25px rgba(0,0,0,.4)}.camera-head::after{content:"";position:absolute;left:22px;right:22px;bottom:-18px;height:24px;border:1px solid #2a668f;border-radius:0 0 36px 36px;background:#07131e}.camera-lens{position:absolute;width:40px;height:40px;border-radius:50%;border:2px solid #42b8ff;left:35px;top:8px;background:radial-gradient(circle,#58d4ff 0 8%,#09233a 12% 28%,#05101a 31% 55%,#2b76a7 58% 62%,#06111c 65%);box-shadow:0 0 18px rgba(40,175,255,.28)}.camera-head small{position:absolute;right:8px;top:10px;font-size:6px;color:#48baf7}.camera-beam{position:absolute;z-index:2;left:50%;top:118px;width:230px;height:205px;transform-origin:50% 0;transform:translateX(-50%);clip-path:polygon(43% 0,57% 0,100% 100%,0 100%);background:linear-gradient(rgba(34,172,255,.12),rgba(34,172,255,0));animation:beam-pan 6s ease-in-out infinite alternate;pointer-events:none}.track-path{position:absolute;left:12%;right:12%;bottom:63px;height:1px;background:repeating-linear-gradient(90deg,#1a5d88 0 7px,transparent 7px 14px)}.track-target{position:absolute;bottom:51px;left:16%;z-index:5;animation:target-walk 6s ease-in-out infinite alternate}.track-target i{display:block;width:15px;height:30px;border:1px solid #6bd4ff;border-radius:9px 9px 3px 3px;box-shadow:0 0 15px rgba(55,190,255,.5)}.track-target i::before{content:"";position:absolute;width:9px;height:9px;border:1px solid #6bd4ff;border-radius:50%;left:3px;top:-12px}.track-target span{position:absolute;left:24px;top:5px;color:#66ccff;font-size:7px;letter-spacing:.13em;white-space:nowrap}.tracking-data{position:absolute;left:16px;bottom:14px;display:grid;grid-template-columns:auto auto;column-gap:8px;font-size:7px;letter-spacing:.13em;color:#56748d}.tracking-data strong{color:#71daff;font-size:12px}.tracking-data small{grid-column:1/3;color:#20a0e8}@keyframes target-walk{to{left:78%}}@keyframes camera-pan{0%{transform:rotate(18deg)}100%{transform:rotate(-18deg)}}@keyframes beam-pan{0%{transform:translateX(-60%) rotate(14deg)}100%{transform:translateX(-40%) rotate(-14deg)}}

.fingerprint-terminal{width:80%;margin-inline:auto;border-radius:15px;background:linear-gradient(145deg,#101e2a,#050a0f);box-shadow:0 22px 35px rgba(0,0,0,.3);padding:18px}.terminal-top{display:flex;justify-content:space-between;align-items:center;color:#4d748e;font-size:7px;letter-spacing:.14em}.terminal-top i{width:6px;height:6px;border-radius:50%;background:#29b9ff;box-shadow:0 0 8px #29b9ff}.fingerprint-screen{height:230px;margin-top:15px;border:1px solid #183d57;background:radial-gradient(circle,rgba(35,157,224,.1),transparent 55%),#050f18;position:relative;overflow:hidden;display:grid;place-items:center}.fingerprint-screen svg{width:115px;height:135px;fill:none;stroke:#36bdf7;stroke-width:2;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(54,189,247,.4));opacity:.82}.fingerprint-scan{position:absolute;left:10%;right:10%;height:2px;background:#83efff;box-shadow:0 0 12px 3px rgba(55,208,255,.8);animation:fingerprint-scan 2.6s ease-in-out infinite}.access-result{display:flex;align-items:center;gap:8px;margin-top:16px;color:#53d99b;font-size:7px;letter-spacing:.15em;opacity:0;animation:access-result 2.6s ease-in-out infinite}.access-result i{width:6px;height:6px;border-radius:50%;background:#53d99b;box-shadow:0 0 8px #53d99b}@keyframes fingerprint-scan{0%,10%{top:12%;opacity:0}20%{opacity:1}72%{top:82%;opacity:1}85%,100%{top:82%;opacity:0}}@keyframes access-result{0%,70%{opacity:0}82%,96%{opacity:1}100%{opacity:0}}

.iris-terminal{display:grid;place-items:center;background:radial-gradient(circle,rgba(19,99,153,.18),transparent 55%),#050c14}.iris-frame{width:190px;height:118px;border:1px solid #2e7ba7;border-radius:55% 45% 55% 45%;position:relative;display:grid;place-items:center;overflow:hidden;box-shadow:0 0 25px rgba(29,144,208,.12)}.iris-frame::before,.iris-frame::after{content:"";position:absolute;width:150px;height:150px;border:1px dashed rgba(61,174,232,.28);border-radius:50%;animation:iris-rotate 7s linear infinite}.iris-frame::after{width:112px;height:112px;animation-direction:reverse;animation-duration:4s}.iris-frame i{position:absolute;border:1px solid rgba(71,192,246,.35);border-radius:50%}.iris-frame i:nth-child(1){width:82px;height:82px}.iris-frame i:nth-child(2){width:57px;height:57px;border-style:dashed}.iris-frame i:nth-child(3){width:30px;height:30px;background:radial-gradient(circle,#62e0ff 0 8%,#0e4567 12% 32%,#02070c 36%);box-shadow:0 0 26px rgba(43,190,255,.7)}.iris-frame span{position:absolute;width:1px;height:100%;background:rgba(62,193,244,.2)}.iris-frame b{position:absolute;width:100%;height:1px;background:rgba(62,193,244,.2)}.iris-scan-line{position:absolute;left:12%;right:12%;height:1px;background:#79e6ff;box-shadow:0 0 14px 4px rgba(61,206,255,.65);animation:iris-scan 3.2s ease-in-out infinite}.iris-coordinates{position:absolute;left:14px;right:14px;bottom:16px;display:flex;justify-content:space-between;color:#3f6e8b;font-size:7px;letter-spacing:.12em}.iris-result{position:absolute;top:22px;color:#55d99a;font-size:8px;letter-spacing:.17em;opacity:0;animation:iris-result 3.2s ease-in-out infinite}.iris-result i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#55d99a;box-shadow:0 0 8px #55d99a;margin-right:7px}@keyframes iris-rotate{to{transform:rotate(360deg)}}@keyframes iris-scan{0%,10%{top:22%;opacity:0}20%{opacity:1}70%{top:76%;opacity:1}82%,100%{opacity:0}}@keyframes iris-result{0%,68%{opacity:0}80%,96%{opacity:1}100%{opacity:0}}

@media(max-width:1050px){.motion-grid{grid-template-columns:1fr 1fr}.camera-tracker{grid-column:1/3}.motion-card{min-height:540px}.camera-tracker .tracking-stage{height:330px}.motion-heading{grid-template-columns:1fr;gap:20px}}
@media(max-width:680px){.systems-motion{padding:88px 0 0}.motion-grid{grid-template-columns:1fr}.camera-tracker{grid-column:auto}.motion-card{min-height:530px;padding:22px}.fingerprint-terminal{width:100%}.signal-copy p{max-width:260px;margin-inline:auto}.field-beacon span{font-size:6px}}
@media(prefers-reduced-motion:reduce){.camera-head,.camera-beam,.track-target,.fingerprint-scan,.access-result,.iris-frame::before,.iris-frame::after,.iris-scan-line,.iris-result,.motion-meta b::before{animation:none}}

/* Project gallery and extended capabilities */
.founder-line{margin:22px 0 4px;display:flex;align-items:center;flex-wrap:wrap;gap:7px 14px;color:#d9e8f6;font-size:12px}.founder-line>span{color:#75d9c6;font-size:9px;letter-spacing:.18em}.founder-line strong{font-weight:600}.founder-line i{color:#f6aa67;font-style:normal}
.brand-rail{gap:22px}.brand-logos{gap:16px 22px}.vendor-logo{filter:none;opacity:1}.vendor-logo.cisco{color:#42b4e6;font-weight:700;font-size:16px;gap:5px}.cisco i{width:19px;height:17px;display:inline-block;background:repeating-linear-gradient(90deg,#42b4e6 0 2px,transparent 2px 4px);clip-path:polygon(0 45%,12% 45%,12% 10%,27% 10%,27% 30%,43% 30%,43% 0,60% 0,60% 30%,76% 30%,76% 10%,91% 10%,91% 45%,100% 45%,100% 100%,0 100%)}.vendor-logo.mikrotik{font-weight:700;font-size:16px;letter-spacing:-.055em;color:#f4f7fa}.vendor-logo.cudy{color:#ed9a43;font-size:17px;font-weight:800;letter-spacing:.06em}
.service-card.wide{grid-column:1/-1}.isp-card{background:radial-gradient(circle at 65% 38%,rgba(40,216,161,.13),transparent 56%),linear-gradient(145deg,#0b1c24,#071219)}.isp-card .service-status{color:#69e7bd}.isp-visual{height:130px;position:relative;margin:12px 0 8px;overflow:hidden}.isp-router{position:absolute;left:6%;bottom:18px;width:55%;height:69px;padding:12px;border:1px solid #48bb97;background:linear-gradient(150deg,#1b3842,#07131a);box-shadow:0 12px 25px #0007,0 0 26px #21d8a925}.isp-router b{font:700 13px 'Space Grotesk',sans-serif;color:#e1f8ee}.isp-router small{display:block;color:#6acdb0;font-size:8px;letter-spacing:.1em}.router-ports{display:flex;gap:6px;margin-top:8px}.router-ports i{width:16px;height:8px;background:#05100e;border:1px solid #4a9e87;box-shadow:inset 0 -2px #1fcf9a}.isp-fiber{position:absolute;inset:20px 5% auto 15%;display:flex;gap:18px}.isp-fiber span{width:45px;height:45px;border:1px solid #2bbd9d;border-radius:50%;box-shadow:0 0 20px #2bbd9d33;animation:isp-pulse 3s ease-out infinite}.isp-fiber span:nth-child(2){animation-delay:.4s}.isp-fiber span:nth-child(3){animation-delay:.8s}.isp-dish{position:absolute;right:10%;top:16px;width:69px;height:69px;border:3px solid #8de5c4;border-radius:50%;background:radial-gradient(circle at 40% 40%,#58cca5 0 8%,transparent 9%),linear-gradient(120deg,#183c3e,#091920);transform:rotate(-24deg);box-shadow:0 0 25px #2fd6a43b}.isp-dish::after{content:'';position:absolute;width:30px;height:3px;background:#8de5c4;left:18px;top:33px;transform:rotate(45deg)}.isp-dish b{position:absolute;bottom:-21px;left:25px;color:#78e6ba;font-size:9px;transform:rotate(24deg)}.isp-link{position:absolute;left:61%;top:66px;width:17%;height:1px;border-top:1px dashed #71ddaf;transform:rotate(-20deg)}.isp-link i{position:absolute;width:5px;height:5px;border-radius:50%;background:#8af4cd;top:-3px;left:30%;box-shadow:0 0 8px #58eac0}
@keyframes isp-pulse{0%{opacity:.8;transform:scale(.3)}100%{opacity:0;transform:scale(2)}}
.fingerprint-screen .finger-touch{position:absolute;z-index:3;width:114px;height:91px;right:2%;bottom:-6%;stroke:none;fill:#d89c76;opacity:.95;filter:drop-shadow(0 5px 12px #0009);animation:touch-terminal 2.6s ease-in-out infinite}.touch-sensor{position:absolute;bottom:18%;width:25px;height:25px;border:1px solid #39d3b1;border-radius:50%;box-shadow:0 0 16px #37e8acaa;animation:sensor-glow 2.6s infinite}
@keyframes touch-terminal{0%,100%{transform:translate(17px,22px)}48%,70%{transform:translate(-6px,-12px)}}@keyframes sensor-glow{0%,38%,100%{opacity:.4}55%,78%{opacity:1;box-shadow:0 0 25px #50ffb0}}
.project-gallery{margin-top:34px;border:1px solid #34434d;background:#07121a;padding:16px;box-shadow:0 28px 85px #0006}.gallery-topline,.gallery-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.gallery-topline{padding:4px 5px 14px;color:#8ce0cb;font-size:10px;letter-spacing:.18em}.gallery-topline strong{color:#f5bd85;font-size:12px}.gallery-viewport{height:clamp(340px,51vw,620px);position:relative;overflow:hidden;background:#0a1418}.gallery-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s;pointer-events:none}.gallery-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}.gallery-slide img{width:100%;height:100%;object-fit:cover;display:block}.gallery-slide::after{content:'';position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(2,9,14,.86))}.gallery-slide figcaption{position:absolute;z-index:1;left:clamp(20px,4vw,55px);bottom:clamp(24px,5vw,60px);max-width:580px;color:white}.gallery-slide figcaption span{font-size:10px;letter-spacing:.19em;color:#a2ebd2}.gallery-slide figcaption h3{font:600 clamp(27px,3.8vw,49px)/1.1 'Space Grotesk',sans-serif;margin:11px 0}.gallery-slide figcaption p{font-size:14px;color:#dbe4e7;line-height:1.5;margin:0}.gallery-progress{height:3px;position:absolute;z-index:3;bottom:0;left:0;right:0;background:#ffffff30}.gallery-progress i{display:block;width:0;height:100%;background:#76e1c1}.gallery-progress.is-playing i{animation:gallery-fill 6s linear forwards}@keyframes gallery-fill{to{width:100%}}.gallery-bottom{padding:17px 4px}.gallery-description{margin:0;color:#b2c7cc;font-size:13px}.gallery-controls{display:flex;align-items:center;gap:7px}.gallery-controls button{border:1px solid #42736f;background:#11262a;color:#ebfff8;cursor:pointer;min-width:38px;height:38px;font-size:19px;transition:background .2s}.gallery-controls button:hover,.gallery-controls button:focus-visible{background:#1c554d}.gallery-controls .gallery-toggle{padding:0 13px;font-size:11px;letter-spacing:.08em}.gallery-thumbs{display:flex;gap:8px;overflow-x:auto;padding:3px 4px 11px;scrollbar-color:#3f7f75 #0a1c22}.gallery-thumbs button{flex:0 0 88px;width:88px;height:59px;padding:0;border:2px solid transparent;opacity:.65;background:#101c22;cursor:pointer;transition:opacity .2s,border-color .2s}.gallery-thumbs button.is-active{border-color:#70dbb4;opacity:1}.gallery-thumbs button:hover,.gallery-thumbs button:focus-visible{opacity:1}.gallery-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.contact-whatsapp{color:#75dfb1;text-decoration:none;font-size:13px;padding:7px 3px}.contact-whatsapp:hover{text-decoration:underline}.road-note{margin:10px auto 85px;border-top:1px solid #32404a;padding-top:22px;display:flex;gap:32px;align-items:baseline}.road-note span{color:#e9b682;font-size:10px;letter-spacing:.16em;white-space:nowrap}.road-note p{color:#aebdc6;font-size:13px;line-height:1.7;margin:0}
@media(max-width:680px){.service-card.wide{grid-column:auto}.brand-logos{gap:14px 18px}.vendor-divider{display:none}.founder-line{margin-top:18px}.project-gallery{padding:8px}.gallery-viewport{height:420px}.gallery-slide img{object-position:center}.gallery-slide figcaption{bottom:28px}.gallery-slide figcaption p{font-size:12px}.gallery-bottom{align-items:flex-start}.gallery-description{max-width:55%;font-size:11px}.gallery-thumbs button{flex-basis:68px;width:68px;height:49px}.road-note{display:block;margin-bottom:55px}.road-note p{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.isp-fiber span,.fingerprint-screen .finger-touch,.touch-sensor,.gallery-progress.is-playing i{animation:none}.gallery-slide{transition:none}}