.lan-tunnel-diagram{width:100%;margin:0}.lan-tunnel-diagram__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lan-tunnel-diagram__canvas{-webkit-backdrop-filter:blur(10px);background:radial-gradient(70% 55% at 18% 12%,#10b9811a,#0000 62%),radial-gradient(65% 50% at 88% 88%,#06b6d41a,#0000 60%),#080f188c;border:1px solid #5eead42e;border-radius:1.15rem;gap:1rem;padding:1.25rem;display:grid}html:not(.dark) .lan-tunnel-diagram__canvas{background:radial-gradient(70% 55% at 18% 12%,#05966914,#0000 62%),radial-gradient(65% 50% at 88% 88%,#0891b212,#0000 60%),#ffffffd1;border-color:#0596692e}@media (min-width:900px){.lan-tunnel-diagram__canvas{grid-template-columns:minmax(0,1fr) minmax(12rem,1.05fr) minmax(0,1fr);align-items:stretch;gap:.75rem;padding:1.35rem 1.2rem}}.lan-tunnel-diagram__zone{background:#ffffff08;border:1px solid #ffffff14;border-radius:.95rem;flex-direction:column;gap:.75rem;min-width:0;padding:1rem;display:flex}html:not(.dark) .lan-tunnel-diagram__zone{background:#f8fafceb;border-color:#0f172a14}.lan-tunnel-diagram__zone--lan{border-color:#10b98138;box-shadow:inset 0 1px #10b98114}.lan-tunnel-diagram__zone--cloud{border-color:#06b6d438;box-shadow:inset 0 1px #06b6d414}.lan-tunnel-diagram__zone-head{align-items:flex-start;gap:.75rem;display:flex}.lan-tunnel-diagram__zone-icon{flex-shrink:0}.lan-tunnel-diagram__zone-head-copy{min-width:0}.lan-tunnel-diagram__zone-kicker{letter-spacing:.14em;text-transform:uppercase;color:#94a3b8e6;margin:0;font-size:.625rem;font-weight:700}.lan-tunnel-diagram__zone-title{letter-spacing:-.02em;color:#f8fafc;margin:.15rem 0 0;font-size:.98rem;font-weight:700;line-height:1.25}html:not(.dark) .lan-tunnel-diagram__zone-title{color:#0f172a}.lan-tunnel-diagram__node-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.lan-tunnel-diagram__node{background:#00000029;border:1px solid #ffffff0f;border-radius:.7rem;align-items:flex-start;gap:.65rem;padding:.65rem .7rem;display:flex}html:not(.dark) .lan-tunnel-diagram__node{background:#ffffffe6;border-color:#0f172a0f}.lan-tunnel-diagram__node--lan{border-color:#10b98124}.lan-tunnel-diagram__node--cloud{border-color:#06b6d424}.lan-tunnel-diagram__node-icon{margin-top:.05rem}.lan-tunnel-diagram__node-copy{gap:.12rem;min-width:0;display:grid}.lan-tunnel-diagram__node-label{color:#f8fafc;font-size:.8125rem;font-weight:650;line-height:1.3}html:not(.dark) .lan-tunnel-diagram__node-label{color:#0f172a}.lan-tunnel-diagram__node-detail{color:#94a3b8f2;font-size:.6875rem;line-height:1.45}.lan-tunnel-diagram__inline-icon{opacity:.88;vertical-align:-.08em;width:.72rem;height:.72rem;margin-right:.35rem}.lan-tunnel-diagram__zone-note{color:#a7f3d0f2;background:#10b98114;border:1px solid #10b9812e;border-radius:.6rem;align-items:center;gap:.35rem;margin:auto 0 0;padding:.55rem .65rem;font-size:.6875rem;font-weight:650;display:flex}html:not(.dark) .lan-tunnel-diagram__zone-note{color:#057855;background:#05966912;border-color:#05966929}.lan-tunnel-diagram__hostname{gap:.4rem;margin:auto 0 0;padding-top:.15rem;display:grid}.lan-tunnel-diagram__hostname-label{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8e6;align-items:center;gap:.35rem;margin:0;font-size:.625rem;font-weight:700;display:flex}.lan-tunnel-diagram__hostname-code{color:#a5f3fc;word-break:break-all;background:#06b6d414;border:1px solid #06b6d438;border-radius:.55rem;padding:.5rem .6rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.625rem;line-height:1.45;display:block}html:not(.dark) .lan-tunnel-diagram__hostname-code{color:#0e7490;background:#0891b214;border-color:#0891b238}.lan-tunnel-diagram__bridge{justify-content:center;align-items:center;min-width:0;padding:.25rem 0;display:flex}@media (min-width:900px){.lan-tunnel-diagram__bridge{align-self:center;min-height:100%;padding:.5rem 0}}@media (max-width:899px){.lan-tunnel-diagram__bridge{order:-1;padding:.15rem 0 .5rem}}.lan-tunnel-diagram__lanes{flex-direction:column;justify-content:center;gap:.85rem;width:100%;max-width:18rem;margin:0 auto;display:flex}@media (min-width:900px){.lan-tunnel-diagram__lanes{gap:1rem;max-width:none}}.lan-tunnel-diagram__lane{gap:.4rem;display:grid}.lan-tunnel-diagram__arrow-track{align-items:center;width:100%;min-height:1.125rem;display:flex}.lan-tunnel-diagram__arrow-track--back{flex-direction:row-reverse}.lan-tunnel-diagram__arrow-line{background:linear-gradient(90deg,#10b981,#06b6d4);border-radius:999px;flex:auto;min-width:0;height:2px}.lan-tunnel-diagram__arrow-track--back .lan-tunnel-diagram__arrow-line{background:linear-gradient(270deg,#10b981,#06b6d4)}.lan-tunnel-diagram__arrow-head{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:7px solid #06b6d4;flex:none;width:0;height:0;margin-inline:1px}.lan-tunnel-diagram__arrow-track--back .lan-tunnel-diagram__arrow-head{border-left:none;border-right:7px solid #10b981}.lan-tunnel-diagram__lane-label{align-items:center;gap:.45rem;margin:0;font-size:.6875rem;line-height:1.35;display:flex}.lan-tunnel-diagram__lane--out .lan-tunnel-diagram__lane-label{color:#a7f3d0f2}.lan-tunnel-diagram__lane--back .lan-tunnel-diagram__lane-label{color:#a5f3fcf2}html:not(.dark) .lan-tunnel-diagram__lane--out .lan-tunnel-diagram__lane-label{color:#057855}html:not(.dark) .lan-tunnel-diagram__lane--back .lan-tunnel-diagram__lane-label{color:#0e7490}.lan-tunnel-diagram__tunnel-pill{background:#080f18e0;border:1px solid #5eead447;border-radius:.75rem;align-items:center;gap:.55rem;width:100%;padding:.6rem .75rem;display:flex;box-shadow:0 10px 28px -16px #000000a6}html:not(.dark) .lan-tunnel-diagram__tunnel-pill{background:#fffffff5;border-color:#0596693d;box-shadow:0 12px 28px -18px #0f172a2e}.lan-tunnel-diagram__tunnel-pill-copy{gap:.08rem;min-width:0;display:grid}.lan-tunnel-diagram__tunnel-pill-title{color:#f8fafc;font-size:.75rem;font-weight:700}html:not(.dark) .lan-tunnel-diagram__tunnel-pill-title{color:#0f172a}.lan-tunnel-diagram__tunnel-pill-sub{letter-spacing:.05em;text-transform:uppercase;color:#10b981;font-size:.625rem;font-weight:600}html:not(.dark) .lan-tunnel-diagram__tunnel-pill-sub{color:#057855}.lan-tunnel-diagram__flow-step{color:#f8fafc;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:1.125rem;height:1.125rem;display:inline-flex}html:not(.dark) .lan-tunnel-diagram__flow-step{color:#0f172a;background:#f8fafc;border-color:#0f172a1a}.lan-tunnel-diagram__flow-step-icon{width:.625rem;height:.625rem}.lan-tunnel-diagram__lane--out .lan-tunnel-diagram__flow-step{color:#a7f3d0;background:#10b9811f;border-color:#10b98147}.lan-tunnel-diagram__lane--back .lan-tunnel-diagram__flow-step{color:#a5f3fc;background:#06b6d41f;border-color:#06b6d447}html:not(.dark) .lan-tunnel-diagram__lane--out .lan-tunnel-diagram__flow-step{color:#057855}html:not(.dark) .lan-tunnel-diagram__lane--back .lan-tunnel-diagram__flow-step{color:#0e7490}