.connected-hero{background:linear-gradient(135deg,#071b2c,#0b3443);color:#fff;padding:clamp(64px,8vw,120px) 0}.connected-home--helium .connected-hero{background:linear-gradient(135deg,#160d2e,#43207a)}.connected-hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:56px;align-items:center}.connected-hero h1{font-size:clamp(2.4rem,5vw,5rem);line-height:1.02;margin:.65rem 0 1.25rem}.connected-hero p{max-width:700px;color:#d9e7ec;font-size:1.05rem;line-height:1.75}.connected-hero>div>div>span{color:#55dfd0;font-weight:700;letter-spacing:.14em;font-size:.76rem}.connected-hero__visual{min-height:330px;border:1px solid rgba(255,255,255,.2);border-radius:28px;background:rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;box-shadow:0 24px 70px rgba(0,0,0,.25)}.connected-hero__visual>span{font-size:6rem;color:#55dfd0}.connected-hero__visual strong{font-size:1.5rem}.connected-hero__visual small{margin-top:10px;color:#c9d6dc}.connected-hero__visual img{width:100%;height:100%;max-height:460px;object-fit:contain}.connected-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.connected-categories .connected-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.connected-card-grid article{border:1px solid #dbe3e8;border-radius:18px;padding:28px;background:#fff}.connected-card-grid article>span{color:var(--brand-primary,#2563eb);font-size:.72rem;font-weight:800;letter-spacing:.08em}.connected-card-grid h3{margin:10px 0}.connected-card-grid p{color:#60707b;line-height:1.65}.connected-card-grid a{font-weight:700}.connected-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:0}.connected-steps li{display:flex;gap:16px;align-items:center;border-top:2px solid var(--brand-primary,#2563eb);padding:24px 8px}.connected-steps li b{color:var(--brand-primary,#2563eb)}@media(max-width:900px){.connected-hero__grid{grid-template-columns:1fr}.connected-categories .connected-card-grid,.connected-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.connected-categories .connected-card-grid,.connected-card-grid,.connected-steps ol{grid-template-columns:1fr}.connected-hero__visual{min-height:240px}}.connected-solution-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:225px;padding:20px 22px;border-radius:14px;overflow:hidden;color:#fff!important;text-decoration:none!important;background-color:#0c1a24;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px rgba(12,26,36,.09);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease;isolation:isolate}
.connected-solution-card:before{content:"";position:absolute;inset:0;background-image:var(--solution-image);background-size:cover;background-position:center;transform:scale(1.01);transition:transform .4s cubic-bezier(.2,.8,.2,1);z-index:-2}
.connected-solution-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,18,28,.15) 0%,rgba(7,18,28,.42) 42%,rgba(5,15,24,.92) 100%);z-index:-1;transition:background .3s ease}
.connected-solution-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(5,15,24,.25);border-color:rgba(255,255,255,.24)}
.connected-solution-card:hover:before{transform:scale(1.05)}
.connected-solution-card__badge{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(10,25,38,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.8px solid rgba(255,255,255,.38);box-shadow:0 4px 12px rgba(0,0,0,.25);color:#fff;transition:transform .25s ease,border-color .25s ease}
.connected-solution-card:hover .connected-solution-card__badge{transform:scale(1.05);border-color:rgba(255,255,255,.85)}
.connected-solution-card__badge svg{width:24px;height:24px;display:block}
.connected-solution-card__badge.badge--agriculture{background:rgba(18,56,38,.65);border-color:rgba(120,225,170,.55);color:#8ef4c2}
.connected-solution-card__badge.badge--buildings{background:rgba(22,48,85,.65);border-color:rgba(130,185,255,.55);color:#a5d0ff}
.connected-solution-card__badge.badge--monitoring{background:rgba(16,52,72,.65);border-color:rgba(120,220,240,.55);color:#84efff}
.connected-solution-card__content{margin-top:42px;padding-right:28px}
.connected-solution-card__content h3{color:#fff!important;font-size:1.18rem;font-weight:750;margin:0 0 5px 0;letter-spacing:-.01em;line-height:1.24}
.connected-solution-card__content p{color:#e2edf2!important;font-size:.78rem;line-height:1.48;margin:0;font-weight:400}
.connected-solution-card__arrow{position:absolute;right:20px;bottom:20px;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .25s ease,opacity .25s ease;opacity:.9}
.connected-categories-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.connected-category-card{position:relative;display:grid;grid-template-columns:1.18fr .92fr;align-items:center;min-height:148px;padding:18px 16px 18px 18px;border-radius:12px;text-decoration:none!important;overflow:hidden;background:#fff;box-shadow:0 4px 16px rgba(13,36,51,.035);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s cubic-bezier(.2,.8,.2,1),border-color .25s ease}
.connected-category-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(13,36,51,.085)}
.connected-category-card__content{display:flex;flex-direction:column;justify-content:space-between;min-height:112px;z-index:1}
.connected-category-card__content h3{font-size:1.05rem;font-weight:800;margin:0 0 5px;line-height:1.22;letter-spacing:-.01em}
.connected-category-card__content p{font-size:.72rem;line-height:1.42;color:#64748b;margin:0 0 10px;font-weight:450}
.connected-category-card__arrow{display:inline-flex;align-items:center;transition:transform .2s ease;margin-top:auto}
.connected-category-card:hover .connected-category-card__arrow{transform:translateX(4px)}
.connected-category-card__image{height:100%;min-height:112px;display:flex;align-items:center;justify-content:flex-end;overflow:hidden}
.connected-category-card__image img{max-height:112px;width:auto;max-width:100%;object-fit:contain;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.connected-category-card:hover .connected-category-card__image img{transform:scale(1.06)}
.connected-category-card.card--blue{border:1px solid #bfdbfe;background:linear-gradient(135deg,#f0f7ff 0%,#fff 85%)}
.connected-category-card.card--blue h3{color:#1d4ed8}
.connected-category-card.card--blue .connected-category-card__arrow{color:#2563eb}
.connected-category-card.card--blue:hover{border-color:#93c5fd}
.connected-category-card.card--green{border:1px solid #bbf7d0;background:linear-gradient(135deg,#f0fdf4 0%,#fff 85%)}
.connected-category-card.card--green h3{color:#15803d}
.connected-category-card.card--green .connected-category-card__arrow{color:#16a34a}
.connected-category-card.card--green:hover{border-color:#86efac}
.connected-category-card.card--orange{border:1px solid #fed7aa;background:linear-gradient(135deg,#fffbeb 0%,#fff 85%)}
.connected-category-card.card--orange h3{color:#b45309}
.connected-category-card.card--orange .connected-category-card__arrow{color:#d97706}
.connected-category-card.card--orange:hover{border-color:#fdba74}
.connected-category-card.card--purple{border:1px solid #e9d5ff;background:linear-gradient(135deg,#faf5ff 0%,#fff 85%)}
.connected-category-card.card--purple h3{color:#6d28d9}
.connected-category-card.card--purple .connected-category-card__arrow{color:#7c3aed}
.connected-category-card.card--purple:hover{border-color:#d8b4fe}
@media(max-width:1080px){.connected-categories-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.connected-categories-grid{grid-template-columns:1fr}.connected-category-card{min-height:130px}}