/* Custom IoT Development page (services/iot/custom-iot-development.php) */
.cid-container{max-width:1240px;margin:0 auto;padding:0 20px;box-sizing:border-box}
.cid-title{font-weight:800;font-size:34px;line-height:42px;letter-spacing:-1px;margin:0}
.cid-lead{font-weight:400;font-size:16px;line-height:26px;margin:0}

/* Banner */
section.cid-banner{background:#f6f8ff;padding:45px 0 50px}
.cid-banner-row{display:flex;align-items:center;justify-content:space-between;gap:50px}
.cid-banner-row .content{flex:1 1 0;min-width:0}
.cid-banner-img{flex:0 0 40%;max-width:480px}
.cid-banner-img img{display:block;width:100%;height:auto;border-radius:20px}
.cid-banner .content{text-align:left;margin-top:25px}
.cid-banner h1{font-weight:800;font-size:44px;line-height:56px;letter-spacing:-1px;color:#000;text-align:left;margin:0 0 18px;max-width:900px}
.cid-banner .content p{color:#535353;text-align:left;margin:0;max-width:925px;font-size:16px;line-height:26px}
.cid-banner .button-wrapper{margin-top:28px;display:flex;justify-content:flex-start}
.cid-banner .button-wrapper a.blue-button{width:auto;padding:0 28px;white-space:nowrap}
.cid-banner nav.rank-math-breadcrumb a,.cid-banner nav.rank-math-breadcrumb span{color:#000}
.cid-banner nav.rank-math-breadcrumb .last{color:#1167e8}
.cid-banner span.separator{border-color:#000}

/* What we build (dark) */
section.cid-build{background:#0a1633;background-image:radial-gradient(ellipse 620px 360px at 100% 0,rgba(28,99,255,.28),transparent 70%),radial-gradient(ellipse 520px 420px at 0 100%,rgba(28,99,255,.3),transparent 70%);padding:100px 0 110px}
.cid-build-head{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:60px}
.cid-build-head .cid-title{color:#fff;flex:0 0 46%;max-width:560px}
.cid-build-head .cid-lead{color:#b4bdd0;flex:0 0 38%;max-width:480px;margin-top:2px;margin-right:40px}
.cid-build-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cid-build-card{background:#16223d;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;min-height:290px;box-sizing:border-box}
.cid-build-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:34px}
.cid-build-icon{width:56px;height:56px;border-radius:14px;overflow:hidden}
.cid-build-icon img{display:block;width:56px;height:56px}
.cid-build-num{font-family:"Courier New",Consolas,monospace;font-size:13px;line-height:18px;color:#5fb4e8;margin-top:22px}
.cid-build-card h3{font-weight:600;font-size:20px;line-height:28px;color:#fff;margin:0 0 12px}
.cid-build-card p{font-size:16px;line-height:26px;color:#b4bdd0;margin:0}

/* How we approach */
section.cid-approach{background:#fff;padding:100px 0}
.cid-approach .cid-container{display:flex;justify-content:space-between;gap:60px}
.cid-approach-left{flex:0 0 45%;max-width:560px}
.cid-approach-left .cid-title{color:#0a1633;margin-bottom:22px}
.cid-approach-left .cid-lead{color:#535353}
.cid-approach-list{flex:0 0 48%;list-style:none;margin:0;padding:0;border-bottom:1px solid #e6eaf2}
.cid-approach-list li{display:flex;align-items:center;gap:30px;padding:0 0;min-height:92px;border-top:1px solid #e6eaf2;position:relative}
.cid-approach-list .n{font-weight:600;font-size:28px;line-height:36px;color:#cfe0fb;width:52px;flex:0 0 52px}
.cid-approach-list .t{font-weight:600;font-size:16px;line-height:24px;color:#0a1633;flex:1}
.cid-approach-list li::after{content:"";width:6px;height:6px;border-radius:50%;background:#1aa0e0;margin-right:6px}

/* Technology decisions */
section.cid-tech{background:#f4f7fd;padding:100px 0 85px}
.cid-tech-head{text-align:center;max-width:780px;margin:0 auto 60px}
.cid-tech-head .cid-title{color:#0a1633;margin-bottom:18px}
.cid-tech-head .cid-lead{color:#4a5568}
.cid-tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cid-tech-card{background:#fff;border:1px solid #e6ebf5;border-radius:20px;padding:28px;min-height:300px;box-sizing:border-box}
.cid-tech-icon{width:56px;height:56px;margin-bottom:18px}
.cid-tech-icon img{display:block;width:56px;height:56px}
.cid-tech-card h3{font-weight:700;font-size:20px;line-height:25px;color:#192839;margin:0 0 20px}
.cid-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.cid-tags li{background:#eef3fe;border:1px solid #dfe7f7;border-radius:30px;padding:7px 14px;font-weight:600;font-size:13px;line-height:18px;color:#0a1633}
.cid-tech-card.dark{background:#0a1633;border-color:#0a1633}
.cid-tech-card.dark h3{color:#fff}
.cid-tech-card.dark p{font-weight:400;font-size:14px;line-height:21px;color:#b4bdd0;margin:0}

/* Why choose + CTA */
section.cid-why{background:#fff;padding:100px 0}
.cid-why .cid-container{display:flex;justify-content:space-between;align-items:flex-start;gap:45px}
.cid-why-left{flex:0 0 45%;max-width:560px}
.cid-why-left .cid-title{color:#0a1633;margin-bottom:18px}
.cid-why-left .cid-lead{color:#535353;margin-bottom:28px}
.cid-check-list{list-style:none;margin:0;padding:0}
.cid-check-list li{display:flex;align-items:center;gap:14px;border:1px solid #e6eaf2;border-radius:14px;padding:17px 20px;margin-bottom:14px;font-weight:500;font-size:14px;line-height:20px;color:#0a1633;background:#fff}
.cid-check-list li::before{content:"";flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#1c63ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 12.5l3.5 3.5 7.5-8'/%3E%3C/svg%3E") center/14px no-repeat}
.cid-cta{flex:1;position:relative;overflow:hidden;border-radius:24px;padding:40px 40px 32px;background:linear-gradient(160deg,#0a1f5c 0%,#12399a 55%,#1650e8 100%);color:#fff}
.cid-cta::before,.cid-cta::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;pointer-events:none}
.cid-cta::before{width:300px;height:300px;top:-110px;right:-80px}
.cid-cta::after{width:200px;height:200px;top:-60px;right:-30px}
.cid-cta h3{font-weight:800;font-size:34px;line-height:42px;letter-spacing:-.8px;color:#fff;margin:0 0 20px;position:relative}
.cid-cta p{font-size:15px;line-height:24px;color:#c9d4f0;margin:0 0 20px;position:relative}
.cid-cta img{display:block;width:100%;max-width:475px;height:auto;border-radius:6px;position:relative}
.cid-cta-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 28px;margin-top:16px;border-radius:30px;background:#fff;color:#1167e8;font-weight:700;font-size:14px;text-decoration:none;position:relative;transition:all .4s}
.cid-cta-btn:hover{background:#e3ecfd;color:#073c8a}

/* FAQ links */
.cid-faq h2{font-size:34px;line-height:42px}
.cid-faq p a{color:#1167e8;font-weight:600;text-decoration:none}

@media (max-width:1199px){
    .cid-title,.cid-faq h2,.cid-cta h3{font-size:30px;line-height:38px}
    .cid-build-head .cid-lead{margin-right:0}
    .cid-tech-grid{grid-template-columns:repeat(2,1fr)}
    .cid-why .cid-container{flex-direction:column}
    .cid-why-left{flex:none;max-width:100%;width:100%}
    .cid-cta{width:100%;box-sizing:border-box;flex:none}
}
@media (max-width:991px){
    .cid-banner-row{flex-direction:column;align-items:flex-start;gap:30px}
    .cid-banner-img{flex:none;width:100%;max-width:480px}
    .cid-build-grid{grid-template-columns:repeat(2,1fr)}
    .cid-build-head,.cid-approach .cid-container{flex-direction:column;gap:20px}
    .cid-build-head .cid-title,.cid-build-head .cid-lead,.cid-approach-left,.cid-approach-list{flex:none;max-width:100%;width:100%}
    section.cid-build,section.cid-approach,section.cid-tech,section.cid-why{padding:70px 0}
}
@media (max-width:640px){
    .cid-banner h1{font-size:30px;line-height:40px}
    .cid-title,.cid-faq h2{font-size:26px;line-height:34px}
    .cid-build-grid,.cid-tech-grid{grid-template-columns:1fr}
    .cid-build-card,.cid-tech-card{min-height:0}
    .cid-cta{padding:28px 20px}
    .cid-cta h3{font-size:26px;line-height:34px}
    .cid-approach-list li{gap:16px;min-height:76px}
    .cid-approach-list .n{font-size:24px;width:40px;flex-basis:40px}
    section.cid-build,section.cid-approach,section.cid-tech,section.cid-why{padding:50px 0}
}