*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:#0a1b31;background:#fff}a{text-decoration:none;color:inherit}nav{position:sticky;top:0;z-index:50;background:#06172c;color:white;display:flex;align-items:center;justify-content:space-between;padding:17px max(5%,calc((100vw - 1250px)/2));gap:24px}nav .logo{font-size:29px;font-weight:750;letter-spacing:-2px;border:1.5px solid #6eb7f5;padding:1px 7px}nav .logo span{color:#71c4ff}nav .links{display:flex;gap:23px;align-items:center;font-size:13px}nav a:hover{color:#83c9ff}.button{background:#086aff;color:white;padding:13px 23px;border-radius:28px;display:inline-block;border:0;font-weight:700;cursor:pointer}.button:hover{background:#0054d1}.button.secondary{background:transparent;border:1px solid #a8d7ff}.hero{background:#06172c;color:white;min-height:565px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.hero-copy{padding:75px 5% 75px max(10%,calc((100vw - 1250px)/2))}.hero-art{height:100%;min-height:520px;background:linear-gradient(90deg,#06172c 0%,#06172c00 28%),url(hero-photo.jpg) center/cover no-repeat;position:relative}.hero-art .float{position:absolute;bottom:30px;left:20%;background:#071b31e9;border:1px solid #3985b8;border-radius:12px;padding:18px;max-width:250px;font-size:14px;line-height:1.5}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:750;color:#0a6aff;text-transform:uppercase}.hero .eyebrow,.dark .eyebrow{color:#87caff}h1{font-size:clamp(43px,5.2vw,75px);letter-spacing:-2.8px;line-height:1.08;margin:17px 0}h2{font-size:clamp(31px,3.7vw,51px);letter-spacing:-1.8px;line-height:1.12;margin:14px 0 20px}h3{font-size:22px;margin:12px 0}p{font-size:17px;line-height:1.65;color:#40526a}.hero p,.dark p{color:#d1e2f5}.blue{color:#8bc9ff}.wrap{max-width:1240px;margin:auto;padding:85px 32px}.narrow{max-width:800px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.card{border:1px solid #e0eaf3;border-radius:18px;padding:27px;background:white;box-shadow:0 8px 25px #112d4909}.card p{font-size:15px}.icon{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#e7f1ff;color:#006bff;font-size:23px}.dark{background:#06172c;color:white}.dark .card{background:#112b49;border-color:#244969;color:white}.dark .card p{color:#c5d9eb}.soft{background:#f3f7fc}.split{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.image{width:100%;border-radius:20px;object-fit:cover;box-shadow:0 18px 50px #0b305321}.statbar{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:28px 5%;background:#f1f6fc}.statbar strong{display:block;font-size:27px;color:#0764df}.statbar small{color:#52647d}.tag-image{width:170px;max-width:100%;border-radius:14px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step{padding:24px;border-radius:16px;background:#eaf3ff}.step b{display:block;color:#086aff;font-size:25px;margin-bottom:15px}.mock{background:#f7f9fc;border:1px solid #d8e3ef;border-radius:18px;padding:22px;color:#0d2943;box-shadow:0 15px 40px #0001}.mock-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.mock-controls{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.mock button{border:0;border-radius:22px;background:#076aff;color:#fff;padding:10px 16px;cursor:pointer}.mock button.outline{background:#e6f0ff;color:#064fa6}.mock table{width:100%;border-collapse:collapse;font-size:13px}.mock td,.mock th{padding:12px;border-bottom:1px solid #e1eaf2;text-align:left}.mock input{border:1px solid #d2e1ef;border-radius:12px;padding:11px;width:100%}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.kpis div{background:white;padding:17px;border-radius:12px}.kpis strong{display:block;font-size:25px;color:#076aff}.badge{color:#078c69;font-weight:700}.foot{background:#041122;color:#d0e1f4;padding:45px 5%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot a{color:#9ed2ff}.notice{font-size:12px;color:#667a90}.cta{text-align:center}.cta p{margin:0 auto 25px;max-width:650px}.topline{background:#06172c;color:#fff;padding:80px max(6%,calc((100vw - 1150px)/2))}.topline p{max-width:700px}.topline h1{font-size:clamp(40px,5vw,67px)}.portrait{height:80px;width:80px;border-radius:50%;display:grid;place-items:center;background:#e7f1ff;color:#086aff;font-size:30px;font-weight:bold;margin-bottom:20px}form{display:grid;gap:13px}form input,form textarea{padding:15px;border-radius:9px;border:1px solid #cad8e5;font:inherit}form textarea{min-height:135px}form button{width:max-content} .shelf-demo{background:#e9f3f8;border-radius:20px;padding:24px}.shelf-row{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;border-bottom:12px solid #849eaf;padding:15px}.product{background:linear-gradient(130deg,#8ebbc5,#3c7093);height:95px;border-radius:7px 7px 2px 2px;cursor:pointer;position:relative}.product:after{content:'RFID';position:absolute;bottom:7px;left:7px;font-size:10px;color:#fff}.product.selected{outline:4px solid #056bff;transform:translateY(-6px)}@media(max-width:850px){nav{flex-wrap:wrap}nav .links{flex-wrap:wrap;gap:12px}.hero,.split,.grid,.grid.two,.grid.four,.steps{grid-template-columns:1fr}.hero-copy{padding:60px 6%}.hero-art{min-height:320px}.statbar{grid-template-columns:repeat(2,1fr)}.wrap{padding:55px 20px}.mock{overflow:auto}}
/* Visual refresh: approved photo-driven creative direction */
.hero{grid-template-columns:48% 52%;min-height:630px}.hero-art{background-image:linear-gradient(90deg,#06172c 0%,#06172c10 25%),url(hero-photo.jpg);background-position:center;background-size:cover}.hero-art .float{left:7%;bottom:26px;backdrop-filter:blur(10px)}
.image{min-height:270px;max-height:460px;object-fit:cover}.photo-banner{width:100%;height:350px;object-fit:cover;border-radius:18px;margin-top:25px}.visual-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.visual-row img{width:100%;height:210px;object-fit:cover;border-radius:15px}.image-note{font-size:12px;color:#6b7e91}.dark .image-note{color:#c7d5e6}
@media(max-width:850px){.hero{grid-template-columns:1fr}.hero-art{min-height:360px}.visual-row{grid-template-columns:1fr}}

nav .logo{border:0;padding:0;display:flex;align-items:center;letter-spacing:normal}nav .logo img{width:108px;height:56px;object-fit:contain}.hero-art{background-image:linear-gradient(90deg,#06172c 0%,#06172c00 28%),url(approved-shelf-hero.jpg)!important;background-position:center!important}.hero-art .float{display:flex;align-items:center;gap:14px;left:3%;bottom:24px;max-width:420px;padding:12px 16px}.hero-tag{width:125px;height:105px;object-fit:cover;border-radius:10px;flex-shrink:0}.hero-art .float strong{color:#fff}@media(max-width:600px){.hero-art .float{left:10px;right:10px;max-width:none}.hero-tag{width:100px;height:85px}}

nav .logo{border:0;padding:0;display:flex;align-items:center;letter-spacing:normal}nav .logo img{width:108px;height:56px;object-fit:contain}.hero-art{background-image:linear-gradient(90deg,#06172c 0%,#06172c00 28%),url(approved-shelf-hero.jpg)!important;background-position:center!important}.hero-art .float{display:flex;align-items:center;gap:14px;left:3%;bottom:24px;max-width:420px;padding:12px 16px}.hero-tag{width:125px;height:105px;object-fit:cover;border-radius:10px;flex-shrink:0}.hero-art .float strong{color:#fff}@media(max-width:600px){.hero-art .float{left:10px;right:10px;max-width:none}.hero-tag{width:100px;height:85px}}

/* Corrected full-frame imagery */
.full-illustration{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:16px;background:#071729}
.hero{background-image:linear-gradient(90deg,rgba(4,18,33,.96) 0%,rgba(4,18,33,.77) 39%,rgba(4,18,33,.18) 100%),url("hero-two-sensors.jpg")!important;background-size:cover!important;background-position:center center!important}

/* Integrated approved device visualization */
.device-deployment{padding-top:55px;padding-bottom:70px}
.device-feature{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;align-items:stretch;margin-top:24px}
.device-feature>img{width:100%;height:100%;min-height:245px;object-fit:cover;border-radius:18px}
.device-feature>div{background:#081c31;border-radius:18px;padding:18px;color:white}
.device-feature>div img{width:100%;max-height:260px;object-fit:contain;border-radius:12px}
.device-feature p{font-size:14px;line-height:1.6;color:#bcd3e8}
@media(max-width:760px){.device-feature{grid-template-columns:1fr}}

/* Integrated approved device visualization */
.device-deployment{padding-top:55px;padding-bottom:70px}
.device-feature{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;align-items:stretch;margin-top:24px}
.device-feature>img{width:100%;height:100%;min-height:245px;object-fit:cover;border-radius:18px}
.device-feature>div{background:#081c31;border-radius:18px;padding:18px;color:white}
.device-feature>div img{width:100%;max-height:260px;object-fit:contain;border-radius:12px}
.device-feature p{font-size:14px;line-height:1.6;color:#bcd3e8}
@media(max-width:760px){.device-feature{grid-template-columns:1fr}}

/* Final exact-approved-device visual pass */
.hero{background-image:linear-gradient(90deg,rgba(4,18,33,.93),rgba(4,18,33,.40) 65%,rgba(4,18,33,.08)),url("hero-system-actual.jpg")!important;background-size:cover!important;background-position:center!important}
.hero-art{background-image:linear-gradient(90deg,#06172c 0%,#06172c00 20%),url("hero-system-actual.jpg")!important;background-size:cover!important;background-position:center!important}
.device-feature>div img{width:100%;max-height:310px;object-fit:contain;background:#050505}

/* Corrected product placement: homepage contains RF-sensing shelf, no device panel. */
.hero{background-image:linear-gradient(90deg,rgba(4,18,33,.96) 0%,rgba(4,18,33,.70) 44%,rgba(4,18,33,.12) 100%),url("hero-two-sensors.jpg")!important;background-size:cover!important;background-position:center!important}
.hero-art{background-image:linear-gradient(90deg,#06172c 0%,#06172c00 24%),url("approved-shelf-hero.jpg")!important;background-position:center!important;background-size:cover!important}