@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--red:#e21d25;--red2:#ff3a3f;--ink:#111214;--muted:#6c7077;--line:#e6e7e9;--soft:#f4f5f6;--dark:#111315;--white:#fff;--radius:22px;--container:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{width:min(var(--container),calc(100% - 48px));margin:auto}.topbar{background:#0e0f10;color:#bfc1c5;font-size:12px}.topbar-inner{min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar a{color:#fff;font-weight:700}.site-header{height:84px;display:flex;align-items:center;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:50;transition:.3s}.site-header.scrolled{box-shadow:0 8px 30px #0000000d}.nav-wrap{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand strong{font:800 25px/1 "Manrope";letter-spacing:-1.4px}.brand strong span{color:var(--red)}.brand small{display:block;color:#777;font-size:7px;font-weight:800;letter-spacing:2.2px;margin-top:5px}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--red);position:relative;display:block;overflow:hidden;box-shadow:0 6px 18px #e21d2538}.brand-mark:before{content:"";position:absolute;width:25px;height:15px;border:3px solid #fff;border-radius:50%;left:4px;top:9px;transform:rotate(-15deg)}.brand-mark span{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;left:13px;top:13px}.brand-mark i{position:absolute;width:12px;height:4px;background:#fff;right:-1px;bottom:5px;transform:rotate(-28deg);border-radius:4px}nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:700;color:#383a3d}nav a{transition:.2s}nav a:hover{color:var(--red)}nav .nav-cta{color:#fff;background:var(--red);padding:12px 17px;border-radius:11px}.nav-cta b,.btn b{margin-left:9px}.menu-btn{display:none;border:0;background:none;padding:8px}.menu-btn span{display:block;width:24px;height:2px;background:#111;margin:5px}.hero{background:#101214;color:#fff;overflow:hidden;position:relative}.hero-grid{min-height:600px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.hero:before{content:"";position:absolute;width:650px;height:650px;border-radius:50%;background:#e21d2510;filter:blur(4px);right:-160px;top:-120px}.hero-copy{position:relative;z-index:2;padding:70px 0}.eyebrow,.section-tag{font-size:11px;letter-spacing:2.2px;font-weight:800;color:var(--red);display:flex;align-items:center;gap:10px}.eyebrow{color:#c8c9cc}.eyebrow span{width:28px;height:1px;background:var(--red);display:inline-block}.hero h1{font:800 clamp(54px,7vw,88px)/.95 "Manrope";letter-spacing:-5px;margin:22px 0 25px}.hero h1 em{font-style:normal;color:var(--red)}.hero-copy>p{max-width:520px;color:#aeb1b6;font-size:18px}.hero-actions{display:flex;gap:12px;margin:32px 0}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:12px;padding:15px 21px;font-weight:800;font-size:14px;transition:.25s;cursor:pointer}.btn-red{background:var(--red);color:#fff;box-shadow:0 12px 30px #e21d2533}.btn-red:hover{background:#ff2e35;transform:translateY(-2px)}.btn-outline{border-color:#414347;color:#fff}.btn-outline:hover{border-color:#777;background:#fff;color:#111}.trust-row{display:flex;gap:20px;flex-wrap:wrap;color:#85888e;font-size:12px}.trust-row span:first-letter{color:#fff}.hero-visual{height:520px;position:relative;display:flex;align-items:center;justify-content:center}.camera-orb{width:310px;height:250px;position:relative;filter:drop-shadow(0 30px 50px #000)}.camera-body{position:absolute;width:230px;height:125px;left:40px;top:68px;background:linear-gradient(135deg,#f5f5f4,#888b8e 50%,#313438);border-radius:65% 48% 48% 65%;transform:rotate(-12deg);box-shadow:inset -12px -14px 25px #0004}.camera-body:after{content:"";position:absolute;width:34px;height:72px;background:#2a2d30;right:-17px;top:25px;border-radius:50%;box-shadow:inset 5px 0 9px #000}.lens{position:absolute;z-index:2;width:122px;height:122px;border-radius:50%;left:0;top:67px;background:radial-gradient(circle at 38% 30%,#8fc7e4 0 4%,#2a86b3 8%,#071d2a 34%,#030608 58%,#111 60%);border:11px solid #c9cccd;box-shadow:inset 0 0 25px #000,0 10px 20px #0008}.lens-glow{position:absolute;width:24px;height:24px;border-radius:50%;background:#fff8;left:29px;top:18px;filter:blur(1px)}.camera-arm{position:absolute;width:80px;height:30px;background:#303236;right:35px;bottom:35px;transform:rotate(20deg);border-radius:20px}.scan-line{position:absolute;right:5%;top:25%;width:43%;height:1px;background:linear-gradient(90deg,transparent,var(--red),transparent);box-shadow:0 0 20px var(--red);animation:scan 4s ease-in-out infinite}.hud{position:absolute;color:#e21d25;font:700 9px monospace;letter-spacing:2px}.hud-one{top:90px;right:30px}.hud-two{bottom:110px;right:30px}.hud-two span{color:#e21d25;animation:blink 1.2s infinite}.hero-ring{position:absolute;border:1px solid #ffffff12;border-radius:50%}.ring-1{width:450px;height:450px}.ring-2{width:600px;height:600px}.target{position:absolute;width:40px;height:40px;border:1px solid #e21d2588}.target:before,.target:after{content:"";position:absolute;background:#e21d25}.target:before{width:1px;height:58px;left:19px;top:-10px}.target:after{height:1px;width:58px;left:-10px;top:19px}.target-a{top:105px;left:25px}.target-b{bottom:85px;right:30px}.visual-caption{position:absolute;bottom:50px;left:20px;display:flex;align-items:center;gap:13px}.visual-caption>span{font:800 25px "Manrope";color:var(--red)}.visual-caption strong,.visual-caption small{display:block}.visual-caption small{font-size:10px;color:#767980}.hero-bottom{height:82px;border-top:1px solid #27292c;display:flex;align-items:center;justify-content:space-between;color:#666970;font-size:10px;letter-spacing:1.8px}.brand-list{display:flex;align-items:center;gap:34px;color:#bbb;font-size:16px;letter-spacing:-.8px}.brand-list .dahua{font-style:italic}.section{padding:110px 0}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end}.section h2{font:800 clamp(42px,5vw,64px)/1 "Manrope";letter-spacing:-3px;margin:17px 0 0}.section h2 span{color:var(--red)}.intro-grid>p,.section-head>p{color:#72767c;max-width:450px;margin:0;font-size:17px}.dark-section{background:var(--dark);color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px}.section-head.light p{color:#8d9197}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#292b2e}.solution-card{background:#151719;padding:28px;min-height:300px;display:flex;flex-direction:column;transition:.3s}.solution-card:hover{background:#1b1d20;transform:translateY(-5px)}.solution-card.featured{background:#e21d25}.solution-card.featured:hover{background:#f0252d}.card-icon{font-size:30px;margin-bottom:auto}.solution-card small,.product-info small{color:#8a8e94;font-size:10px;letter-spacing:1.7px}.solution-card h3{font:700 21px "Manrope";margin:8px 0}.solution-card p{color:#90949a;font-size:13px}.solution-card.featured p,.solution-card.featured small{color:#ffd7d8}.solution-card a{font-size:12px;font-weight:800;margin-top:20px}.products{background:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;transition:.3s}.product-card:hover{transform:translateY(-6px);box-shadow:0 22px 50px #12141612}.product-art{height:230px;background:linear-gradient(145deg,#f1f2f3,#d9dcdf);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-art:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;border:1px solid #0000000d}.cam-dome{width:130px;height:68px;background:linear-gradient(#fefefe,#a7aaad);border-radius:75% 75% 45% 45%;position:relative;box-shadow:0 18px 22px #0003}.cam-dome:after{content:"";width:45px;height:30px;border-radius:50%;background:radial-gradient(circle,#2b91c0,#06121a 62%);position:absolute;left:43px;top:25px}.cam-bullet{width:170px;height:58px;background:linear-gradient(#f8f8f8,#85898d);border-radius:30px 60px 60px 30px;transform:rotate(-8deg);position:relative;box-shadow:0 15px 25px #0003}.cam-bullet:before{content:"";position:absolute;left:-10px;top:9px;width:30px;height:40px;background:#24272a;border-radius:50%}.cam-bullet:after{content:"";position:absolute;right:18px;top:13px;width:28px;height:28px;border-radius:50%;background:#07141c;box-shadow:inset 5px 4px 8px #4ca6ce}.cam-ip{width:130px;height:85px;background:linear-gradient(140deg,#f8f8f8,#929598);border-radius:25px;position:relative;box-shadow:0 16px 22px #0003}.cam-ip:before{content:"";position:absolute;width:55px;height:55px;border-radius:50%;background:radial-gradient(circle,#64b8dc 0 5%,#06202d 50%,#020609 53%);left:38px;top:17px}.cam-ip:after{content:"";position:absolute;width:70px;height:14px;background:#45484b;bottom:-14px;left:30px;border-radius:0 0 10px 10px}.cam-ptz{width:140px;height:120px;background:linear-gradient(140deg,#f7f7f7,#7c8084);border-radius:70px 70px 45px 45px;position:relative;box-shadow:0 16px 24px #0003}.cam-ptz:after{content:"";position:absolute;width:65px;height:65px;border-radius:50%;background:radial-gradient(circle,#4aa6cf,#07151d 58%,#010305 60%);left:38px;top:34px}.product-info{padding:23px}.product-info h3{font:700 21px "Manrope";margin:8px 0}.product-info p{font-size:13px;color:#777b80;min-height:62px}.product-info a{font-size:12px;font-weight:800;color:var(--red)}.brands-strip{margin-top:60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;align-items:center;color:#92959a;font-size:10px;letter-spacing:1.6px}.brands-strip div{display:flex;gap:45px;color:#222;font-size:15px;letter-spacing:-.5px}.light-gray{background:#f5f6f7}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ddd}.service-grid article{background:#f5f6f7;padding:30px;min-height:190px}.service-grid span{color:var(--red);font:800 11px monospace}.service-grid h3{font:700 19px "Manrope";margin:30px 0 7px}.service-grid p{color:#777;font-size:13px;max-width:270px}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.why-visual{height:500px;background:#121416;border-radius:28px;position:relative;overflow:hidden}.grid-map{position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:42px 42px;transform:perspective(400px) rotateX(55deg) scale(1.5);top:120px}.mini-cam{position:absolute;left:42%;top:35%;width:115px;height:72px;background:linear-gradient(135deg,#eee,#666);border-radius:60px;box-shadow:0 30px 40px #000;transform:rotate(-12deg)}.mini-cam div{position:absolute;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle,#54a7d0,#051019 50%,#000 55%);left:-12px;top:10px;border:6px solid #bbb}.connection{position:absolute;height:1px;background:#e21d25;transform-origin:left;box-shadow:0 0 12px #e21d25}.c1{width:180px;left:15%;top:30%;transform:rotate(20deg)}.c2{width:150px;left:48%;top:46%;transform:rotate(-30deg)}.c3{width:190px;left:46%;top:47%;transform:rotate(38deg)}.why-badge{position:absolute;right:28px;bottom:28px;background:#e21d25;color:#fff;border-radius:18px;padding:18px 20px;display:flex;gap:12px;align-items:center}.why-badge strong{font:800 26px "Manrope"}.why-badge span{font-size:10px;line-height:1.2}.why-copy>p{color:#72767c;max-width:500px}.why-copy ul{list-style:none;padding:0;margin:35px 0 0}.why-copy li{display:flex;gap:20px;padding:20px 0;border-top:1px solid var(--line)}.why-copy li>b{color:var(--red);font-size:11px}.why-copy li strong,.why-copy li small{display:block}.why-copy li strong{font-size:15px}.why-copy li small{font-size:12px;color:#7b7f84;margin-top:5px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#2a2c2f}.process-grid>div{background:#151719;padding:28px;min-height:210px}.process-grid span{color:var(--red);font:800 11px monospace}.process-grid h3{font:700 18px "Manrope";margin-top:55px}.process-grid p{color:#85898f;font-size:12px}.contact{background:#f5f6f7}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.contact-copy h2{margin-bottom:22px}.contact-copy>p{color:#777;max-width:450px}.contact-details{margin-top:45px;display:grid;gap:22px}.contact-details>a,.contact-details>div{display:flex;gap:15px;align-items:flex-start}.contact-details>*>span{width:42px;height:42px;background:#fff;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;color:var(--red)}.contact-details small{display:block;color:#999;font-size:9px;letter-spacing:1.5px;font-weight:800}.contact-details strong{display:block;font-size:13px;margin-top:3px}.contact-form{background:#fff;padding:36px;border-radius:24px;box-shadow:0 20px 60px #1111110d}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:block;font-size:11px;font-weight:800;color:#555;margin-bottom:17px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:8px;border:1px solid #dddfe2;background:#fafafa;border-radius:10px;padding:13px 14px;outline:none;font-size:13px;color:#222;transition:.2s}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px #e21d2510;background:#fff}.submit-btn{width:100%;border:0}.form-note{display:block;color:#999;text-align:center;margin-top:12px}.form-status{text-align:center;font-size:12px;margin:10px 0 0;min-height:18px}.form-status.success{color:#13833c}.form-status.error{color:#c21e25}.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.final-cta{background:var(--red);color:#fff;padding:80px 0}.final-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.final-cta .section-tag{color:#ffd1d2}.final-cta h2{font:800 clamp(38px,5vw,60px)/1 "Manrope";letter-spacing:-3px;margin:15px 0 0}.final-cta h2 span{color:#2b0c0e}.btn-white{background:#fff;color:#111}.btn-white:hover{transform:translateY(-2px)}footer{background:#0f1011;color:#fff;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px}.footer-brand p{color:#777b80;max-width:340px;font-size:13px;margin-top:22px}.footer-grid h4{font-size:11px;letter-spacing:1.5px;color:#777;margin:0 0 20px}.footer-grid>div:not(.footer-brand) a,.footer-grid>div:not(.footer-brand) span{display:block;color:#bfc1c4;font-size:12px;margin:10px 0}.footer-bottom{border-top:1px solid #292b2d;margin-top:50px;padding-top:22px;color:#666a70;font-size:10px;display:flex;justify-content:space-between}.floating-call,.floating-wa{position:fixed;right:22px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;z-index:45;box-shadow:0 12px 25px #0003}.floating-call{bottom:80px;background:#111}.floating-wa{bottom:22px;background:#20b95b}.floating-call:hover,.floating-wa:hover{transform:scale(1.08)}@keyframes scan{0%,100%{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(180px)}}@keyframes blink{50%{opacity:.2}}
@media(max-width:980px){nav{gap:16px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:70px 0 20px}.hero-visual{height:430px}.solution-grid,.product-grid{grid-template-columns:1fr 1fr}.intro-grid,.why-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.service-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.why-visual{height:420px}.contact-grid{gap:40px}}
@media(max-width:760px){.container{width:min(100% - 30px,var(--container))}.topbar-inner span:nth-child(2){display:none}.topbar-inner{justify-content:space-between}.site-header{height:72px}.menu-btn{display:block;position:relative;z-index:60}nav{position:absolute;left:15px;right:15px;top:64px;background:#fff;border:1px solid #eee;border-radius:16px;box-shadow:0 20px 50px #0002;padding:12px;display:none;flex-direction:column;align-items:stretch;gap:3px}nav.open{display:flex}nav a{padding:12px}.nav-cta{text-align:center}.hero h1{font-size:58px;letter-spacing:-4px}.hero-grid{min-height:auto}.hero-copy{padding:65px 0 0}.hero-visual{height:390px}.hero-bottom{height:auto;padding:22px 0;display:block}.hero-bottom>span{display:block;margin-bottom:14px}.brand-list{gap:20px;font-size:13px}.section{padding:75px 0}.section-head{display:block}.section-head>p{margin-top:20px}.solution-grid,.product-grid,.service-grid,.process-grid{grid-template-columns:1fr}.solution-card{min-height:250px}.product-art{height:210px}.brands-strip{display:block}.brands-strip div{margin-top:15px;gap:25px}.why-visual{height:340px}.why-grid{gap:35px}.form-row{grid-template-columns:1fr;gap:0}.contact-form{padding:23px}.final-inner{display:block}.final-inner .btn{margin-top:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.floating-call{bottom:76px;right:16px}.floating-wa{bottom:18px;right:16px}}
@media(max-width:420px){.hero h1{font-size:50px}.hero-actions{flex-direction:column}.btn{width:100%}.hero-visual{transform:scale(.9);margin:-15px -20px}.brand strong{font-size:22px}.brand-mark{width:30px;height:30px}.contact-details strong{font-size:12px}}