.iot-wrapper{color:#222;background:#f8f9fb;font-family:Inter,sans-serif}.iot-hero{color:#fff;background:linear-gradient(#0000008c,#0000008c),url(/images/product-banner/iot.png) 50%/cover;padding:120px 100px}.iot-hero h1{margin-bottom:15px;font-size:2.8rem;font-weight:800}.iot-hero p{color:#ddd;max-width:700px;font-size:1.1rem;line-height:1.7}.iot-overview{text-align:justify;background:#fff;border-radius:18px;max-width:1000px;margin:-60px auto 40px;padding:30px 40px;box-shadow:0 8px 25px #00000003}.iot-overview h2{color:#7acc3b;margin-bottom:20px;font-size:1.8rem;font-weight:800}.iot-overview p{color:#444;max-width:90%;font-size:1rem;line-height:1.7}.iot-platform{background:#f9f9f9;justify-content:space-between;align-items:center;gap:40px;padding:30px 100px 80px;display:flex}.iot-platform-text{flex:1}.iot-platform-text ul{padding:0;list-style:none}.iot-platform-text li{margin-bottom:10px;padding-left:25px;position:relative}.iot-platform-text li:before{content:"✔";color:#7acc3b;position:absolute;left:0}.iot-kit{text-align:center;background:#fff;padding:80px 100px}.iot-kit-grid{flex-wrap:wrap;justify-content:center;gap:40px;margin-top:30px;display:flex}.kit-card{background:#f6f9f7;border-radius:16px;max-width:400px;padding:30px;transition:all .3s;box-shadow:0 6px 18px #00000014}.kit-card:hover{transform:translateY(-5px);box-shadow:0 14px 28px #0000001a}.iot-packs{text-align:center;background:#f8fff3;padding:100px 40px}.iot-packs-header{max-width:800px;margin:0 auto 60px}.iot-packs-header h2{color:#1a1a1a;margin-bottom:15px;font-size:2.5rem;font-weight:800}.iot-packs-header p{color:#555;font-size:1.1rem;line-height:1.6}.iot-packs-grid{grid-template-columns:repeat(3,1fr);align-items:flex-start;gap:30px;max-width:1200px;margin:0 auto;display:grid}.pack-card{background:#fff;border:1px solid #0000000a;border-radius:24px;flex-direction:column;height:100%;padding:40px 30px;transition:all .4s;display:flex;position:relative;box-shadow:0 10px 30px #0000000d}.pack-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.pack-card.popular{z-index:2;border:2px solid #7acc3b;transform:scale(1.05);box-shadow:0 20px 50px #7acc3b26}.pack-card.popular:hover{transform:scale(1.05)translateY(-10px)}.popular-badge{color:#fff;text-transform:uppercase;letter-spacing:1px;background:#7acc3b;border-radius:20px;padding:8px 20px;font-size:.85rem;font-weight:700;position:absolute;top:-15px;left:50%;transform:translate(-50%);box-shadow:0 5px 15px #7acc3b4d}.pack-header{margin-bottom:20px}.pack-card h4{color:#1a1a1a;margin-bottom:10px;font-size:1.5rem;font-weight:700}.pack-price{color:#7acc3b;text-transform:uppercase;letter-spacing:1px;font-size:1.1rem;font-weight:600}.pack-desc{color:#666;min-height:50px;margin-bottom:25px;font-size:.95rem;line-height:1.6}.pack-divider{background:#eee;width:100%;height:1px;margin-bottom:25px}.pack-features{text-align:left;margin:0;padding:0;list-style:none}.pack-features li{color:#444;margin-bottom:15px;padding-left:30px;font-size:.95rem;font-weight:500;position:relative}.pack-features li:before{content:"✔";color:#7acc3b;font-size:1rem;font-weight:700;position:absolute;top:2px;left:0}@media (max-width:1024px){.iot-packs-grid{grid-template-columns:repeat(2,1fr);gap:40px}.pack-card.popular{order:-1;transform:scale(1)}.pack-card.popular:hover{transform:translateY(-10px)}}@media (max-width:768px){.iot-packs-grid{grid-template-columns:1fr;max-width:400px}}.iot-showcase{background:#fff;flex-direction:column;gap:120px;padding:100px 80px;display:flex;position:relative;overflow:hidden}.iot-item{justify-content:space-between;align-items:center;gap:60px;display:flex}.iot-item.reverse{flex-direction:row-reverse}.iot-img-wrapper{justify-content:center;align-items:center;width:45%;display:flex;position:relative}.iot-img-wrapper img{filter:drop-shadow(0 10px 25px #00000026);border-radius:10px;width:100%;max-width:450px;transition:transform .5s,filter .5s}.iot-img-wrapper img:hover{filter:drop-shadow(0 18px 40px #7acc3b66);transform:scale(1.08)rotate(-2deg)}.glow{z-index:-1;filter:blur(30px);background:radial-gradient(circle,#7acc3b26 0%,#0000 70%);width:120%;height:120%;position:absolute}.iot-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border-radius:20px;flex:1;padding:40px 45px;transition:transform .3s;box-shadow:0 10px 35px #0000001a}.iot-text:hover{transform:translateY(-5px)}.iot-text h2{color:#1c1c1c;margin-bottom:20px;font-size:2rem;font-weight:800}.iot-text p{color:#333;text-align:left;font-size:1rem;line-height:1.8}@media (max-width:1024px){.iot-hero{padding:100px 50px}.iot-platform{flex-direction:column;gap:30px;padding:60px 40px}.iot-kit,.iot-packs{padding:60px 40px}.iot-showcase{gap:80px;padding:80px 40px}.iot-item,.iot-item.reverse{text-align:center;flex-direction:column}.iot-img-wrapper{width:80%}.iot-text{width:100%;margin-top:20px}}@media (max-width:768px){.iot-hero{padding:80px 20px}.iot-hero h1{font-size:2rem}.iot-overview{margin:-40px 20px 40px;padding:30px 20px}.iot-overview h2{font-size:1.5rem}.iot-platform,.iot-kit,.iot-packs{padding:40px 20px}.iot-showcase{gap:60px;padding:60px 20px}.iot-text{padding:30px 20px}.iot-text h2{font-size:1.6rem}}
