/* Approved photograph-led hero, shared across all customer types. */
.home-opening.connected-opening{display:block}
.connected-home-hero{color:var(--paper)}
.connected-hero-scene{position:relative;isolation:isolate;overflow:hidden;background:var(--ink)}
.connected-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% 30%;transform:scale(1.04);z-index:-2}
.connected-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(16,39,53,.94),rgba(16,39,53,.64) 45%,rgba(16,39,53,.14) 75%),linear-gradient(0deg,rgba(16,39,53,.73),transparent 60%)}
.connected-hero-inner{min-height:350px;padding-top:24px;padding-bottom:24px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);grid-template-rows:auto;align-items:center;gap:40px}
.connected-hero-copy{grid-column:1;grid-row:1;max-width:700px;align-self:center}
.connected-hero-mantra{display:flex;align-items:center;gap:15px;font-size:14px;font-weight:600;letter-spacing:.065em;color:#d6e1dc;margin-bottom:18px}
.connected-hero-mantra>span[aria-hidden]{color:#9eafb1;font-size:23px;font-weight:400}
.connected-hero-copy h1{font-size:clamp(46px,4.6vw,72px);line-height:1.06;letter-spacing:-.045em;font-weight:550;color:var(--paper)}
.connected-hero-copy h1>span{color:var(--lime)}
.connected-hero-copy>p{color:#ecf1ee;font-size:18px;line-height:1.55;margin-top:18px;max-width:540px}
.connected-hero-workflow{grid-column:2;grid-row:1;justify-self:center;width:100%;max-width:272px;background:#182f3d;color:var(--paper);border:1px solid #7e9a9e66;border-radius:12px;padding:10px;box-shadow:0 8px 25px #10273525;min-width:0;align-self:center}
.connected-hero-workflow>.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.connected-hero-loop{position:relative;width:100%;aspect-ratio:1;min-width:0}
.connected-hero-ring{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.connected-hero-loop-caption{position:absolute;z-index:1;left:50%;top:47.5%;width:42%;margin:0;transform:translate(-50%,-50%);font-size:12px;font-weight:600;line-height:1.25;text-align:center;color:var(--white)}
.connected-hero-nodes{position:absolute;inset:0;list-style:none;margin:0;padding:0}
.connected-hero-node{position:absolute;z-index:2;left:50%;top:calc(15% - 18px);width:35%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;min-width:0;font-size:12px;line-height:1.3}
.connected-hero-node:first-child,.connected-hero-node:nth-child(3){width:48%}
.connected-hero-node:nth-child(2){left:80%;top:calc(45% - 18px)}
.connected-hero-node:nth-child(3){left:50%;top:calc(75% - 18px)}
.connected-hero-node:nth-child(4){left:20%;top:calc(45% - 18px)}
.connected-hero-node>span:last-child{max-width:100%;padding:1px 4px;background:#182f3d;box-shadow:0 0 0 1px #182f3d}
.connected-hero-icon{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border:1px solid #91afb5;border-radius:50%;background:#214b68;color:var(--paper)}
.connected-hero-icon svg{width:21px;height:21px}
.connected-hero-node:nth-child(2) .connected-hero-icon{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.connected-hero-trust{padding:14px var(--gutter);background:#eef1de;border-bottom:1px solid #d5ddc1;color:var(--ink)}
.connected-trust-inner{display:flex;align-items:center;justify-content:center;gap:36px;max-width:1200px;margin:0 auto}
.connected-trust-values{display:flex;align-items:center;gap:32px;flex-shrink:0}
.connected-trust-value{display:flex;align-items:center;gap:12px;white-space:nowrap}
.connected-trust-value strong{font-size:17px;font-weight:600;line-height:1.25}
.connected-trust-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:50%;background:var(--blue);color:var(--lime)}
.connected-trust-icon svg{width:24px;height:24px}
.connected-trust-note{max-width:350px;padding-left:32px;border-left:1px solid #c5cfb4;font-size:13px;line-height:1.55;color:#45595d;margin:0}
.connected-opening>.home-customer-story{width:calc(100% - 2*var(--gutter));max-width:1100px;margin:48px auto 0}
@media(max-width:850px){
  .connected-hero-inner{min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:16px;padding-top:20px;padding-bottom:20px}
  .connected-hero-copy{grid-column:1;grid-row:1;max-width:640px}
  .connected-hero-copy h1{font-size:46px}
  .connected-hero-copy>p{font-size:15px;margin-top:14px}
  .connected-hero-mantra{font-size:12px;gap:11px}
  .connected-hero-workflow{grid-column:1;grid-row:2;max-width:250px;padding:10px}
  .connected-hero-node{font-size:12px}
  .connected-trust-inner{flex-direction:column;gap:14px}
  .connected-trust-note{max-width:450px;border-left:0;padding-left:0;text-align:center}
}
@media(max-width:620px){
  .connected-hero-inner{min-height:0;padding-top:16px;padding-bottom:16px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:12px}
  .connected-hero-photo{object-position:69% 35%}
  .connected-hero-shade{background:linear-gradient(180deg,rgba(16,39,53,.91),rgba(16,39,53,.68) 30%,rgba(16,39,53,.03) 62%,rgba(16,39,53,.85))}
  .connected-hero-copy{grid-column:1;grid-row:1;max-width:440px}
  .connected-hero-copy h1{font-size:clamp(34px,9.6vw,44px);max-width:440px;line-height:1.12;letter-spacing:-.035em}
  .connected-hero-copy>p{font-size:14px;margin-top:10px;max-width:370px}
  .connected-hero-mantra{font-size:11px;gap:12px;margin-bottom:10px}
  .connected-hero-mantra>span[aria-hidden]{font-size:18px}
  .connected-hero-workflow{grid-column:1;grid-row:2;width:100%;max-width:220px;border-radius:10px;padding:8px}
  .connected-hero-loop-caption{font-size:11px;line-height:1.2;hyphens:none;overflow-wrap:normal}
  .connected-hero-node{top:calc(15% - 15px);width:37%;font-size:11px;line-height:1.25;gap:5px}
  .connected-hero-node:nth-child(2){top:calc(45% - 15px)}
  .connected-hero-node:nth-child(3){top:calc(75% - 15px)}
  .connected-hero-node:nth-child(4){top:calc(45% - 15px)}
  .connected-hero-icon{width:30px;height:30px}
  .connected-hero-icon svg{width:17px;height:17px}
  .connected-hero-node>span:last-child{padding:1px 3px}
  .connected-hero-trust{padding:10px var(--gutter)}
  .connected-trust-inner{gap:8px}
  .connected-trust-values{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;max-width:380px;width:100%}
  .connected-trust-value{flex-direction:row;justify-content:center;gap:8px;text-align:left;white-space:normal}
  .connected-trust-value strong{font-size:14px}
  .connected-trust-icon{width:28px;height:28px}
  .connected-trust-icon svg{width:18px;height:18px}
  .connected-trust-note{max-width:340px}
  .connected-opening>.home-customer-story{margin-top:28px}
}