/* A brand illustration of the setup flow, not the live network state. */
.hero-object.connection-visual{position:relative;width:100%;height:auto;aspect-ratio:540/490;min-width:0;max-width:570px;margin:0;transform:none;container-type:inline-size;isolation:isolate}
.connection-canvas{position:absolute;inset:0 0 7%;pointer-events:none}
.connection-wire{position:absolute;inset:0;width:100%;height:100%;overflow:visible;color:var(--color-action)}
.wire-track{stroke:#e1e8f1;stroke-width:11;stroke-linecap:round;stroke-linejoin:round}
.wire-core{stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.connect-card{position:absolute;border-radius:clamp(12px,3.1cqw,18px);background:#fff;box-shadow:0 20px 42px -24px #7b8b9d55;padding:3.4cqw;color:var(--color-text)}
.connect-card-heading{display:flex;align-items:center;gap:1.7cqw;font-size:clamp(9px,2.45cqw,14px);font-weight:500;line-height:1.35;letter-spacing:-.1px}
.connect-card-heading>span:last-child{min-width:0}
.connect-number{display:flex;flex:none;align-items:center;justify-content:flex-start;width:8.5cqw;height:8.5cqw;min-width:24px;min-height:30px;font-size:clamp(30px,8.3cqw,46px);font-weight:650;line-height:1;letter-spacing:-.045em;color:var(--color-action);font-variant-numeric:tabular-nums}
.connect-key{left:2.5%;top:8%;width:39%;height:30%;background:#fdfdfe;transform:rotate(-6deg)}
.key-preview{display:flex;align-items:center;gap:3cqw;padding-top:1.5cqw}
.key-preview>img{width:6.8cqw;height:6.8cqw;opacity:.82;flex:none}
.key-token{display:flex;align-items:center;gap:1.15cqw}
.key-token i{display:block;width:1.9cqw;height:1.9cqw;border-radius:.5cqw;background:#b8c4d4}
.connect-socket{position:absolute;width:2.3cqw;height:2.3cqw;border-radius:50%;background:var(--color-action);box-shadow:0 0 0 .85cqw #e3ebf6}
.key-socket{bottom:-1.15cqw;left:47.5%}
.connect-import{left:11%;top:56%;width:42%;height:31%;transform:rotate(3deg)}
.import-preview{display:flex;align-items:center;gap:1.6cqw;margin-top:1.5cqw}
.phone-symbol{width:7cqw;height:7cqw;opacity:.78;flex:none}
.import-label{font-size:clamp(9px,2.25cqw,13px);line-height:1.4;white-space:nowrap;letter-spacing:-.1px}
.import-label>span{display:flex;align-items:center;gap:.65cqw;color:var(--color-muted);font-size:clamp(8px,1.75cqw,10px);margin-top:.6cqw}
.import-label>span>img{width:2.4cqw;height:2.4cqw;opacity:.65}
.import-socket{right:-1.15cqw;top:48%}
.connect-ready{left:56.5%;top:26%;width:40%;height:61%;background:var(--color-action);color:#fff;transform:rotate(5deg);box-shadow:0 24px 42px -24px #315d9655}
.connect-ready .connect-card-heading{font-size:clamp(9px,2.25cqw,13px);gap:1.5cqw}
.connect-ready .connect-number{color:white}
.power-orbit{display:flex;align-items:center;justify-content:center;width:23cqw;height:23cqw;border-radius:50%;margin:3cqw auto 2cqw;background:#ffffff1f;box-shadow:0 0 0 1px #ffffff18}
.power-face{width:19cqw;height:19cqw;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;box-shadow:0 .4cqw 1.5cqw #03468c3a}
.power-face>img{display:block;width:11cqw;height:11cqw}
.ready-status{display:flex;align-items:center;justify-content:center;gap:1.1cqw;font-size:clamp(12px,3.1cqw,18px);font-weight:550;line-height:1.3;letter-spacing:-.25px;white-space:nowrap}
.ready-status>span{width:1.2cqw;height:1.2cqw;border-radius:50%;background:#fff;flex:none}
.ready-description{font-size:clamp(8px,1.9cqw,11px);line-height:1.4;text-align:center;color:#ffffffd9;margin:1.1cqw 0 0}
.ready-endpoint{position:absolute;width:2.3cqw;height:2.3cqw;border-radius:50%;background:#fff;box-shadow:0 0 0 .85cqw #ffffff25;left:-1.15cqw;top:62%}
.connection-visual>figcaption{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:12px;color:var(--color-muted);line-height:1.5}
.import-mobile-check{display:none}
.connection-steps li>b{font-size:44px;font-weight:650;line-height:1;letter-spacing:-.035em;min-width:29px}
@media(min-width:768px) and (max-width:1100px){body[data-variant=a] .hero{grid-template-columns:minmax(0,1fr);gap:25px}body[data-variant=a] .hero-copy{max-width:650px}.hero-object.connection-visual{width:min(100%,510px);justify-self:center}body[data-variant=a] h1{font-size:64px}}
@media(max-width:767px){.hero-object.connection-visual{width:100%;max-width:390px;margin:32px auto 5px;aspect-ratio:540/505}.connect-card{box-shadow:0 12px 25px -15px #7b8b9d55}.connect-ready{box-shadow:0 15px 30px -16px #315d9655}.connection-visual>figcaption{font-size:11px}.connect-card-heading,.connect-ready .connect-card-heading{font-size:11px}.import-label,.ready-description{display:none}.import-preview{gap:3cqw}.import-mobile-check{display:flex;align-items:center;justify-content:center;width:6cqw;height:6cqw;border-radius:50%;background:#eaf1fc}.import-mobile-check img{width:4cqw;height:4cqw}.ready-status{font-size:12px}}