.network-intro{z-index:300;width:100%;max-width:none;height:100dvh;max-height:none;color:var(--fg-primary);--arrival-x:74%;--arrival-y:50%;isolation:isolate;background:0 0;border:0;margin:0;padding:0;animation:0s 8s forwards intro-failsafe;display:grid;position:fixed;inset:0;overflow:hidden}.network-intro:before{content:"";background:var(--bg-primary);opacity:1;transition:opacity calc(var(--intro-reveal) - .25s) cubic-bezier(.4, 0, .2, 1) .15s;position:absolute;inset:0}.network-intro::backdrop{background:0 0}.network-intro[data-phase=leaving]:before{opacity:0}.intro-network{opacity:.8;width:100%;height:100%;transform-origin:var(--arrival-x) var(--arrival-y);transition:opacity calc(var(--intro-reveal) - .15s) ease, transform var(--intro-reveal) cubic-bezier(.22, 1, .36, 1);position:absolute;inset:0}.network-intro[data-phase=leaving] .intro-network{opacity:0;transform:scale(.86)}.intro-center,.intro-top,.intro-bottom{transition:opacity .6s,transform .9s cubic-bezier(.22,1,.36,1)}.network-intro[data-phase=leaving] .intro-center{opacity:0;transform:translateY(-18px)}.network-intro[data-phase=leaving] .intro-top,.network-intro[data-phase=leaving] .intro-bottom{opacity:0}.intro-network-mobile{display:none}.intro-wire{fill:none;stroke:#345b48;stroke-width:1px;stroke-dasharray:1;stroke-dashoffset:1px;animation:intro-connect 1.1s var(--ease-out) var(--link-delay) forwards}.intro-packet{fill:none;stroke:var(--signal-primary);stroke-width:2px;stroke-dasharray:.06 .94;stroke-dashoffset:1px;opacity:0;animation:intro-transfer 1.7s linear var(--link-delay) 2}.intro-node{fill:var(--signal-primary);opacity:0;animation:intro-node-in .7s ease var(--link-delay) forwards}.intro-node-ring{fill:var(--bg-primary);stroke:#345b48;stroke-width:1px}.intro-map-labels{font:10px var(--font-mono);fill:var(--fg-muted);letter-spacing:.05em}.intro-frame{padding:34px var(--gutter);flex-direction:column;justify-content:space-between;min-height:0;display:flex;position:relative}.intro-top,.intro-bottom{font:11px var(--font-mono);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:24px;display:flex}.intro-slash{color:var(--signal-primary);padding-inline:5px}.intro-sequence{color:var(--fg-muted)}.intro-center{text-align:center;background:var(--bg-primary);align-self:center;padding:30px 45px}.intro-center h2{letter-spacing:-.04em;font-size:clamp(60px,8.2vw,118px);font-weight:500;line-height:.97}.intro-center h2>span{display:block}.intro-period{color:var(--signal-primary)}.intro-center p{font:11px var(--font-mono);text-transform:uppercase;letter-spacing:.06em;min-height:20px;color:var(--fg-muted);justify-content:center;align-items:center;gap:10px;margin-top:32px;display:flex}.intro-status-light{background:var(--signal-primary);width:5px;height:5px}.intro-caret{background:var(--signal-primary);width:5px;height:12px;animation:.8s steps(2,jump-none) 4 intro-blink}.intro-bottom{border-top:1px solid var(--border-strong);padding-top:18px}.intro-readiness{color:var(--fg-muted);gap:32px;font-size:10px;display:flex}.intro-readiness>span{gap:12px;display:flex}.intro-readiness b{color:var(--signal-primary);font-weight:400}.intro-skip{text-transform:uppercase;align-items:center;gap:20px;min-height:44px;padding:10px 0 10px 15px;font-size:11px;display:flex}.intro-skip:hover{color:var(--signal-primary)}.intro-skip:focus-visible{outline-offset:4px}@keyframes intro-connect{to{stroke-dashoffset:0}}@keyframes intro-transfer{0%{opacity:0;stroke-dashoffset:1px}15%,75%{opacity:1}to{opacity:0;stroke-dashoffset:-1px}}@keyframes intro-node-in{to{opacity:1}}@keyframes intro-blink{to{opacity:0}}@keyframes intro-failsafe{to{visibility:hidden;pointer-events:none}}@media (max-width:759px){.intro-network-desktop{display:none}.intro-network-mobile{display:block}.intro-frame{padding-block:24px}.intro-top{font-size:10px}.intro-sequence{display:none}.intro-center{width:100%;padding:28px 0}.intro-center h2{font-size:clamp(46px,12vw,90px)}.intro-center p{margin-top:24px;font-size:10px}.intro-readiness{flex-direction:column;gap:9px;font-size:9px}.intro-readiness>span{justify-content:space-between;gap:16px}.intro-skip{gap:10px;font-size:10px}.intro-map-labels{display:none}}@media (max-height:480px){.intro-frame{padding-block:16px}.intro-center{padding:12px 30px}.intro-center h2{font-size:48px}.intro-center p{margin-top:12px}.intro-bottom{padding-top:8px}}@media (prefers-reduced-motion:reduce){.network-intro{display:none}.network-intro,.network-intro *{transition:none;animation:none}}