.connected-hero{background:radial-gradient(circle at 75% 20%,rgba(34,211,238,.18),transparent 28%),linear-gradient(135deg,#0a1828 0,#0b2440 58%,#102a4a 100%);color:#fff;padding-top:166px;padding-bottom:0;overflow:hidden}.connected-hero h1,.connected-hero p,.connected-hero small,.connected-hero span{color:#fff}.connected-hero .hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.connected-hero .hero-device-photo{margin:0;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.18)}.connected-hero .hero-device-photo img{width:100%;min-height:430px;-o-object-fit:cover;object-fit:cover}.connected-hero .hero-dashboard-mockup{position:relative}.connected-hero .dashboard-panel{position:absolute;right:18px;bottom:18px;left:18px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.connected-hero .datacard{background:rgba(8,27,47,.9);border:1px solid rgba(34,211,238,.32);border-radius:8px;padding:16px}.connected-hero .datacard.wide{grid-column:span 3}.connected-hero .metric{display:block;color:var(--brand-accent);font-weight:900;font-size:22px}.connected-hero .hero-cert-strip{margin-top:72px;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.16);text-align:center}.connected-hero .hero-cert-strip span{padding:16px;border-right:1px solid rgba(255,255,255,.12);font-weight:800}.pilot-grid,.portfolio-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.demo-board article,.pilot-grid article,.portfolio-grid article{background:#fff;border:1px solid var(--brand-border);border-radius:8px;overflow:hidden;box-shadow:0 10px 28px rgba(11,36,64,.08)}.portfolio-grid img{width:100%;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover}.portfolio-grid h3,.portfolio-grid p{margin-left:20px;margin-right:20px}.portfolio-grid h3{margin-top:20px}.portfolio-grid p{margin-bottom:22px}.live-demo{background:#fff}.demo-board{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;padding:24px;background:var(--brand-primary-dark);border-radius:8px;overflow:hidden}.signal-line{position:absolute;left:20px;right:20px;top:22px;height:3px;background:linear-gradient(90deg,transparent,var(--brand-accent),transparent);animation:5s linear infinite signalMove}.demo-board article{position:relative;padding:24px;background:rgba(255,255,255,.96)}.demo-board em,.demo-board span{display:block}.demo-board strong{display:block;color:var(--brand-primary);font-size:26px;margin:8px 0}.architecture-flow{display:grid;grid-template-columns:1fr 36px 1fr 36px 1fr 36px 1.4fr;grid-gap:10px;gap:10px;align-items:center}.architecture-flow div{min-height:110px;display:flex;align-items:center;justify-content:center;padding:18px;background:#fff;border:1px solid var(--brand-border);border-radius:8px;text-align:center;font-weight:900}.architecture-flow span{height:2px;background:var(--brand-accent)}.calculator-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;padding:26px;border-radius:8px;border:1px solid var(--brand-border);background:#fff;box-shadow:var(--shadow-soft)}.calculator-panel label{display:grid;grid-gap:8px;gap:8px;font-weight:800}.calculator-panel input{min-height:48px;border:1px solid var(--brand-border);border-radius:6px;padding:8px 12px}.roi-result{grid-column:1/-1;padding:20px;border-radius:8px;background:var(--brand-primary-dark);color:#fff}.roi-result span,.roi-result strong{display:block;color:#fff}.roi-result strong{font-size:34px}.pilot-grid article{padding:24px}.pilot-grid b{color:var(--brand-primary)}@keyframes signalMove{from{transform:translateX(-30%)}to{transform:translateX(30%)}}@media (max-width:991px){.connected-hero .dashboard-panel{position:static;margin-top:14px}.architecture-flow,.calculator-panel,.connected-hero .hero-cert-strip,.demo-board,.pilot-grid,.portfolio-grid{grid-template-columns:1fr}.architecture-flow span{height:22px;width:2px;margin:0 auto}}