*{box-sizing:border-box}body{margin:0;color:#172b43;background:#f5f8fc;font:17px/1.6 Arial,sans-serif}a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:3px solid #0873cf;outline-offset:5px}.wrap{width:min(1100px,calc(100% - 40px));margin:auto}header{background:#071d39;color:white}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0}.contact{font-size:15px}.postcard-logo{display:block;position:relative;overflow:hidden;width:190px;aspect-ratio:485/220;background:#071d39;border-radius:4px}.postcard-logo img{position:absolute;max-width:none;width:501.85567%;height:auto;left:-5.7732%;top:-631.81818%}.intro{text-align:center;padding:48px 0 32px}.eyebrow{color:#0873cf;font-size:12px;letter-spacing:1.8px;font-weight:bold}h1{font-size:clamp(32px,4vw,46px);line-height:1.15;letter-spacing:-1.2px;margin:14px 0 18px}.intro>p:last-child{color:#55677a}.cards{display:grid;grid-template-columns:1fr 1fr;gap:26px}.card{background:white;border:1px solid #dce5ed;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #071d3909}.visual{height:325px;background:#edf3f8}.sensor img{width:100%;height:100%;object-fit:cover;object-position:75% center}.devices{display:flex;align-items:end;justify-content:center;gap:8px;padding:14px 12px}.devices figure{margin:0;text-align:center}.devices img{object-fit:contain;max-width:100%;display:block}.indoor{width:28%;flex-shrink:0}.indoor img{height:125px;margin:auto}.outdoor{width:70%}.outdoor img{height:196.7px;width:70%;margin:auto}figcaption{font-size:12px;color:#55677a;margin-top:2px}.copy{padding:26px 30px 30px}.copy h2{font-size:30px;margin:6px 0 10px;line-height:1.2}.copy p{margin:0 0 14px}.audience{font-size:14px;color:#55677a}.button{display:block;padding:13px 17px;background:#0873cf;color:white;border-radius:6px;text-decoration:none;font-weight:bold;margin-top:22px}.button:hover{background:#065ca5}.button span{float:right}footer{padding:32px 0;text-align:center;font-size:14px;color:#55677a}footer p{margin:0 0 8px}footer a{display:inline-block;margin:0 10px}small{display:block;margin-top:15px}.skip{position:absolute;left:10px;top:-100px;background:white;padding:10px;z-index:5}.skip:focus{top:10px}.policy{max-width:800px;padding:40px 0}.policy h2{margin-top:30px}@media(max-width:650px){.cards{grid-template-columns:1fr}.intro{padding-top:32px}.visual{height:270px}.outdoor img{height:157.5px}.indoor img{height:100px}.copy{padding:22px}.postcard-logo{width:160px}.contact{font-size:14px}.wrap{width:calc(100% - 32px)}}
.sensor{position:relative}.sensor-label{position:absolute;left:20px;top:20px;background:#071d39;color:white;font-size:24px;font-weight:bold;padding:8px 16px;border-radius:5px;z-index:1}

.devices{position:relative}

.sensor img{object-position:55% center}.image-note{position:absolute;bottom:8px;left:12px;background:#071d39d9;color:white;padding:3px 8px;border-radius:3px;font-size:12px}

.devices{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:66px 14px 14px;align-items:start}.devices .indoor,.devices .outdoor{width:100%;min-width:0}.devices .indoor img,.devices .outdoor img{width:100%;height:220px;object-fit:cover;border-radius:6px;margin:0}.devices .indoor img{object-position:center}.devices .outdoor img{object-position:center top}.devices figcaption{margin-top:7px}@media(max-width:650px){.devices{padding:62px 12px 12px;gap:10px}.devices .indoor img,.devices .outdoor img{height:168px}}
