:root{--navy:#062451;--blue:#0b63ce;--blue-2:#1686eb;--cyan:#12b8f4;--light:#f4f9ff;--white:#fff;--text:#10284f;--muted:#64748b;--border:rgba(14,79,145,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--text);font-family:Inter,Arial,sans-serif}.site-container{width:min(1400px,calc(100% - 64px));margin-inline:auto}.site-header{height:84px;background:#fff;border-bottom:1px solid rgba(14,79,145,.07);position:relative;z-index:10}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{color:var(--navy);display:flex;align-items:center;gap:11px;font-size:20px;font-weight:500;letter-spacing:-.06em;text-decoration:none}.brand strong{color:var(--blue);font-weight:800}.brand-mark{height:30px;width:30px;display:flex;gap:3px;align-items:flex-end;transform:skewY(-28deg)}.brand-mark i{display:block;width:7px;border-radius:3px 3px 1px 1px;background:var(--blue)}.brand-mark i:nth-child(1){height:13px}.brand-mark i:nth-child(2){height:22px;background:var(--cyan)}.brand-mark i:nth-child(3){height:30px;background:var(--navy)}.brand-mark--small{height:16px;width:16px;gap:2px;transform:skewY(-28deg)}.brand-mark--small i{width:4px}.brand-mark--small i:nth-child(1){height:7px}.brand-mark--small i:nth-child(2){height:12px}.brand-mark--small i:nth-child(3){height:16px}.main-nav{display:flex;align-items:center;gap:32px}.main-nav>a:not(.button){font-size:15px;font-weight:500;color:#466180;text-decoration:none;transition:color .2s}.main-nav>a:not(.button):hover,.main-nav>a.is-active{color:var(--blue)}.button{height:48px;padding:0 22px;border-radius:10px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:700;transition:.25s ease}.button svg{width:17px;height:17px;stroke-width:2.3}.button--nav{height:46px;padding:0 20px;color:white;background:var(--blue);box-shadow:0 9px 18px rgba(11,99,206,.18)}.button--nav:hover,.button--primary:hover{background:#0757ba;transform:translateY(-2px)}.menu-toggle{display:none;border:0;background:transparent;color:var(--navy);padding:7px}.hero{min-height:650px;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 42%,rgba(17,142,236,.12),transparent 31%),linear-gradient(90deg,#fff 0%,#fff 40%,#f2f8ff 100%)}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;background-image:radial-gradient(#87b6e7 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent 32%,#000 75%,transparent)}.hero-grid{min-height:650px;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;position:relative;z-index:1}.hero-copy{padding:66px 0}.eyebrow{color:var(--blue);font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;display:flex;align-items:center;gap:9px;margin:0 0 20px}.eyebrow span{width:25px;height:2px;background:var(--cyan)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(50px,4.6vw,72px);font-weight:800;line-height:1.02;letter-spacing:-.055em;margin-bottom:27px}.hero h1 em,h2 em{font-style:normal;color:var(--blue)}.hero-description{font-size:18px;line-height:1.7;color:var(--muted);max-width:620px;margin-bottom:32px}.hero-actions{display:flex;gap:13px;align-items:center}.button--primary{color:#fff;background:var(--blue);box-shadow:0 12px 22px rgba(11,99,206,.2)}.button--secondary{color:var(--blue);border:1px solid rgba(11,99,206,.3);background:#fff}.button--secondary:hover{border-color:var(--blue);background:#f5faff}.product-by{color:#8b9aad;font-size:12px;margin:28px 0 0}.product-by span{font-weight:700;color:#557293}.vision-stage{position:relative;height:500px;min-width:0}.stage-orbit{position:absolute;border:1px solid rgba(18,184,244,.22);border-radius:50%;pointer-events:none}.orbit-one{width:500px;height:500px;right:5%;top:0}.orbit-two{width:390px;height:390px;right:14%;top:55px;border-style:dashed}.dashboard-card{position:absolute;width:min(100%,615px);right:1%;top:77px;padding:15px;border-radius:18px;background:rgba(255,255,255,.94);border:1px solid rgba(18,113,206,.18);box-shadow:0 30px 60px rgba(10,56,109,.16);transform:perspective(1300px) rotateY(-4deg) rotateX(2deg);overflow:hidden}.dashboard-top,.dashboard-bottom{display:flex;align-items:center;justify-content:space-between}.dashboard-top{height:31px;margin-bottom:12px}.dashboard-logo{display:flex;gap:6px;align-items:center;font-size:11px;font-weight:500;color:var(--navy);letter-spacing:-.04em}.dashboard-logo strong{font-weight:800;color:var(--blue)}.live-dot{color:#f14c4c;font-weight:800;font-size:9px;letter-spacing:.08em}.live-dot:before{content:"";display:inline-block;width:6px;height:6px;background:#f14c4c;border-radius:50%;margin-right:4px}.video-wall{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:115px 115px;gap:7px}.video-tile{position:relative;overflow:hidden;border-radius:8px;background:linear-gradient(145deg,#123e64,#2a6e94)}.video-tile--main{grid-row:span 2;background:linear-gradient(140deg,#254e6d,#91b8c4 45%,#1d496c)}.video-tile--main:after,.video-tile--gate:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,29,56,.25),transparent 60%)}.video-tile--gate{background:linear-gradient(140deg,#142a41,#6e8695 45%,#263f50)}.video-tile--line{background:linear-gradient(140deg,#476b65,#9cb9a5 50%,#30536b)}.camera-label,.time{position:absolute;color:white;font-size:7px;letter-spacing:.08em;z-index:2}.camera-label{top:9px;left:9px}.time{bottom:9px;right:9px}.person{position:absolute;z-index:1;width:20px;height:49px;border:2px solid #61d9f8;border-radius:8px 8px 3px 3px;box-shadow:0 0 0 1px rgba(255,255,255,.7)}.person:before{content:"";position:absolute;width:11px;height:11px;border-radius:50%;border:2px solid #61d9f8;left:2.5px;top:-15px}.person--one{left:55%;top:81px}.person--two{left:46%;top:67px;width:13px;height:29px}.person--two:before{width:7px;height:7px;left:1px;top:-11px}.detection-box{position:absolute;z-index:3;left:calc(55% - 9px);top:58px;color:#e7fbff;font-size:7px;background:rgba(0,47,87,.75);padding:4px 5px;border-left:2px solid #55d9fb}.detection-box b{display:block;margin-top:2px}.gate-shape{position:absolute;width:70%;height:60%;left:16%;bottom:0;border:5px solid rgba(202,229,233,.58);border-bottom:0}.gate-status,.line-alert{font-size:8px;font-weight:700;position:absolute;z-index:2;color:#fff;background:rgba(237,121,51,.86);padding:5px 7px;border-radius:4px;bottom:12px;left:10px}.virtual-line{position:absolute;height:2px;left:0;right:0;top:59%;background:#f9b143;transform:rotate(-10deg);z-index:2}.line-alert{background:rgba(7,88,159,.8);bottom:11px}.dashboard-bottom{height:28px;color:#6b85a1;font-size:8px}.dashboard-bottom span{display:flex;align-items:center;gap:4px}.dashboard-bottom svg{width:11px;height:11px;color:var(--blue)}.signal-card{position:absolute;display:flex;align-items:center;gap:10px;border:1px solid rgba(16,107,184,.14);background:rgba(255,255,255,.93);box-shadow:0 12px 28px rgba(12,62,113,.12);border-radius:10px;padding:10px 13px;z-index:3}.signal-card b{display:block;font-size:11px;color:var(--text)}.signal-card small{display:block;color:#7e95ac;font-size:9px;margin-top:3px}.signal-card--top{top:19px;left:1%}.signal-card--right{right:-2%;top:250px}.signal-card--bottom{bottom:17px;left:8%}.icon-shell{width:30px;height:30px;border-radius:8px;background:#e7f3ff;display:grid;place-items:center;color:var(--blue)}.icon-shell--cyan{color:#009bcf;background:#e5fbff}.icon-shell--navy{color:var(--navy);background:#eaf0f9}.icon-shell svg{width:16px}.integration-pill{position:absolute;right:15%;bottom:11px;border:1px solid rgba(11,99,206,.16);background:#f5faff;color:var(--blue);font-size:10px;font-weight:700;display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:99px}.integration-pill svg{width:13px}.resources{padding:105px 0 115px;background:#f7fbff;border-top:1px solid rgba(14,79,145,.07)}.section-heading{max-width:680px;margin-bottom:43px}.section-heading h2{font-size:42px;line-height:1.1;letter-spacing:-.045em;margin-bottom:14px}.section-heading>p:last-child{color:var(--muted);line-height:1.65;font-size:16px;margin-bottom:0}.resources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.resource-card{background:#fff;border:1px solid rgba(17,82,150,.10);border-radius:18px;padding:28px 22px;box-shadow:0 12px 32px rgba(15,55,100,.06);transition:.25s ease}.resource-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(15,55,100,.10)}.resource-card__icon{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:#eef6ff;color:#0b63ce;margin-bottom:22px}.resource-card__icon svg{width:27px;height:27px;stroke-width:1.8}.resource-card h3{font-size:17px;letter-spacing:-.025em;margin-bottom:10px}.resource-card p{font-size:14px;line-height:1.65;color:var(--muted);margin-bottom:0}.menu-toggle svg{width:24px}