.routing-demo[data-astro-cid-7dzghygx]{grid-template-columns:15rem minmax(0,1fr);align-items:center;margin-block:3.5rem 1rem;padding-block:1rem;display:grid}.presets[data-astro-cid-7dzghygx]{min-width:0}.preset[data-astro-cid-7dzghygx]{cursor:pointer;height:64px;color:var(--color-ink);border-radius:.375rem;align-items:center;gap:.75rem;padding-left:.75rem;font-size:1rem;font-weight:500;transition:background .16s;display:flex}.preset[data-astro-cid-7dzghygx]:hover{background:var(--color-surface)}.preset[data-astro-cid-7dzghygx].just-enabled{animation:.6s ease-out preset-flash}@keyframes preset-flash{0%{background:color-mix(in srgb, var(--service-color) 22%, transparent)}to{background:0 0}}@media (prefers-reduced-motion:reduce){.preset[data-astro-cid-7dzghygx].just-enabled{animation:none}input[data-astro-cid-7dzghygx]{transition:none}}input[data-astro-cid-7dzghygx]{appearance:none;cursor:pointer;background:0 0;border:1px solid #5d6776;border-radius:.25rem;flex-shrink:0;width:1.125rem;height:1.125rem;transition:border-color .22s,background-color .22s}input[data-astro-cid-7dzghygx]:checked{background-color:#22d3ee;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 8 3 3 5-6' fill='none' stroke='%230d1218' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");border-color:#22d3ee}input[data-astro-cid-7dzghygx]:disabled{cursor:default}.service-dot[data-astro-cid-7dzghygx]{background:var(--service-color);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-left:auto}.other-internet[data-astro-cid-7dzghygx]{--service-color:#a8b3c1;cursor:default;color:var(--color-mist);font-size:.8125rem}.other-internet[data-astro-cid-7dzghygx]:hover{background:0 0}.other-icon[data-astro-cid-7dzghygx]{text-align:center;flex-shrink:0;width:1.125rem;font-size:1rem}.route-map[data-astro-cid-7dzghygx]{min-width:0;height:320px;position:relative}.route-map[data-astro-cid-7dzghygx]>svg[data-astro-cid-7dzghygx]{width:100%;height:100%;display:block;overflow:visible}.route-map[data-astro-cid-7dzghygx]>svg[data-astro-cid-7dzghygx] path[data-astro-cid-7dzghygx]{fill:none;stroke-linecap:round;stroke-width:1px;vector-effect:non-scaling-stroke}.road-vpn[data-astro-cid-7dzghygx]{stroke:var(--color-mint);opacity:.38}.road-direct[data-astro-cid-7dzghygx]{stroke:var(--color-mist);opacity:.25}.service-path[data-astro-cid-7dzghygx]{stroke:var(--service-color);opacity:0;transition:opacity .2s}[data-astro-cid-7dzghygx][data-enabled=true] .vpn-path[data-astro-cid-7dzghygx],[data-astro-cid-7dzghygx][data-enabled=false] .direct-path[data-astro-cid-7dzghygx]{opacity:.3}.other-path[data-astro-cid-7dzghygx]{stroke:var(--color-mist);opacity:.25}.rosan-node[data-astro-cid-7dzghygx]{background:var(--color-surface);width:96px;height:48px;color:var(--color-ink);box-shadow:0 0 0 1px var(--color-line);border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:550;display:flex;position:absolute;top:160px;left:35.5556%;transform:translate(-50%,-50%)}.rosan-node[data-astro-cid-7dzghygx] span[data-astro-cid-7dzghygx]{background:var(--color-mint-glow);border-radius:50%;width:4px;height:4px}.exit-label[data-astro-cid-7dzghygx]{padding-bottom:.875rem;font-size:.8125rem;font-weight:500;position:absolute;right:0;transform:translateY(-100%)}.vpn-label[data-astro-cid-7dzghygx]{color:var(--color-mint-glow);top:64px}.direct-label[data-astro-cid-7dzghygx]{color:var(--color-mist);top:256px}.dpi[data-astro-cid-7dzghygx]{width:24px;color:var(--color-coral);position:absolute;top:232px;left:76.6667%;transform:translate(-6px)}.dpi[data-astro-cid-7dzghygx]>span[data-astro-cid-7dzghygx]{letter-spacing:.05em;font-size:.6875rem;position:absolute;top:57px;left:6px;transform:translate(-50%)}.dpi[data-astro-cid-7dzghygx] svg[data-astro-cid-7dzghygx]{width:24px;height:48px;overflow:visible}.dpi[data-astro-cid-7dzghygx] path[data-astro-cid-7dzghygx]{stroke:currentColor;stroke-width:1.5px}.packets[data-astro-cid-7dzghygx]{pointer-events:none;position:absolute;inset:0}.packets[data-astro-cid-7dzghygx] .routing-packet{will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.packets[data-astro-cid-7dzghygx] .packet-core{background:currentColor;border-radius:2px;width:6px;height:4px;display:block;position:absolute;top:-2px;left:-3px;box-shadow:0 0 7px}.packets[data-astro-cid-7dzghygx] .packet-fragment{opacity:0;background:currentColor;border-radius:50%;width:2px;height:2px;position:absolute;top:-1px;left:-1px}@media (width<=639px){.routing-demo[data-astro-cid-7dzghygx]{grid-template-columns:minmax(0,1fr);gap:1rem;margin-top:2rem}.route-map[data-astro-cid-7dzghygx]{order:1}.presets[data-astro-cid-7dzghygx]{order:2;grid-template-columns:1fr 1fr;gap:.25rem .5rem;display:grid}.preset[data-astro-cid-7dzghygx]{gap:.5rem;height:auto;padding:.5rem;font-size:.875rem}.other-internet[data-astro-cid-7dzghygx]{grid-column:1/-1;justify-content:center;gap:.5rem;font-size:.8125rem}.other-internet[data-astro-cid-7dzghygx] .service-dot[data-astro-cid-7dzghygx]{margin-left:0}.other-icon[data-astro-cid-7dzghygx]{width:.75rem}input[data-astro-cid-7dzghygx]{width:1rem;height:1rem}.rosan-node[data-astro-cid-7dzghygx]{border-radius:.375rem;gap:.25rem;width:54px;height:34px;font-size:.625rem}.rosan-node[data-astro-cid-7dzghygx] span[data-astro-cid-7dzghygx]{width:3px;height:3px}.exit-label[data-astro-cid-7dzghygx]{font-size:.625rem}.direct-label[data-astro-cid-7dzghygx]{padding-bottom:.5rem;top:224px}.dpi[data-astro-cid-7dzghygx]>span[data-astro-cid-7dzghygx]{font-size:.5625rem}}.how-it-works[data-astro-cid-wkshis2o]{padding-block:clamp(4rem,8vw,7rem)}.section-layout[data-astro-cid-wkshis2o]{max-width:72rem;margin-inline:auto;padding-inline:1.25rem}h2[data-astro-cid-wkshis2o]{color:var(--color-ink);letter-spacing:-.045em;font-size:clamp(2rem,4vw,3.25rem);font-weight:650;line-height:1.14}.steps[data-astro-cid-wkshis2o]{border-top:1px solid var(--color-line);gap:2rem;margin-top:3rem;padding-top:2rem;display:grid}.step-number[data-astro-cid-wkshis2o]{color:var(--color-fog);font-variant-numeric:tabular-nums;margin-bottom:.75rem;font-size:.75rem;display:block}h3[data-astro-cid-wkshis2o]{letter-spacing:-.02em;font-size:1rem;font-weight:600;line-height:1.5}.steps[data-astro-cid-wkshis2o] p[data-astro-cid-wkshis2o]{color:var(--color-mist);max-width:29rem;margin-top:.625rem;font-size:.8125rem;line-height:1.75}@media (width>=640px){.section-layout[data-astro-cid-wkshis2o]{padding-inline:2rem}.steps[data-astro-cid-wkshis2o]{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}}