/* Critical, homepage-only presentation. Hidden unless its bootstrap is healthy. */
:root{--mp-intro-ready:1}
.home-packet-intro{display:none}
html:is([data-home-intro="waiting"],[data-home-intro="playing"],[data-home-intro="leaving"]) body{overflow:hidden}
html:is([data-home-intro="waiting"],[data-home-intro="playing"],[data-home-intro="leaving"]) #home-packet-intro{display:grid}
html:is([data-home-intro="waiting"],[data-home-intro="playing"],[data-home-intro="leaving"]) #site-network-loader{display:none}
#home-packet-intro{position:fixed;inset:0;z-index:1000;min-height:100svh;grid-template-rows:auto 1fr auto;box-sizing:border-box;background:#080f0b;color:#eff3e9;opacity:1;transition:opacity .16s ease-in-out;font-family:Arial,sans-serif}
#home-packet-intro::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#a7c89a06 1px,transparent 1px),linear-gradient(90deg,#a7c89a06 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse at center,#000,transparent 75%)}
html[data-home-intro="leaving"] #home-packet-intro{opacity:0;pointer-events:none}
.home-intro-rail{position:absolute;left:0;right:0;top:0;height:3px;background:#293c27;overflow:hidden}.home-intro-rail::after{content:"";position:absolute;inset:0;background:#b9d494;transform:scaleX(0);transform-origin:left}
html[data-home-intro="waiting"] .home-intro-rail::after{transform:scaleX(.15)}
html:is([data-home-intro="playing"],[data-home-intro="leaving"]) .home-intro-rail::after{transform:scaleX(var(--mp-intro-progress,0))}
.home-intro-top,.home-intro-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 4.8vw;position:relative;font:10px/1.8 var(--mono,monospace);letter-spacing:.12em;color:#94a28a}.home-intro-top>span:first-child{color:#e4eddc;font-size:12px;letter-spacing:.08em;font-weight:600}.home-intro-domain{color:#9fbb8c;font-weight:400}
.home-intro-scene{align-self:center;position:relative;text-align:center;padding-block:20px 40px}.home-intro-kicker{margin:0 0 2px;color:#8c9e80;font:10px/1.8 var(--mono,monospace);letter-spacing:.2em}
.home-intro-route{position:relative;width:100%;max-width:1600px;margin-inline:auto}.home-intro-route svg{display:block;width:100%;height:auto;overflow:visible;stroke-linejoin:round}.home-intro-secondary{stroke:#71905b;stroke-width:1;opacity:.15}.home-intro-cable{stroke:#94b478;stroke-width:1.5;opacity:.6}.home-intro-source,.home-intro-node{fill:#0d1910;stroke:#85a76c;stroke-width:1.3}.home-intro-node circle{fill:#829d68;stroke:#aeca90}.home-intro-cloud{fill:#0d1910;stroke:#83a26d;stroke-width:1.5}.home-intro-cloud-check{stroke:#c1dc9a;stroke-width:2;opacity:0}html[data-home-intro="waiting"] .home-intro-packet{visibility:hidden}
.home-intro-packet rect{fill:#c9efa1;stroke:#efffdf;stroke-width:1;filter:drop-shadow(0 0 5px #b6db8766)}.home-intro-packet path{stroke:#293e1b;stroke-width:1}
html:is([data-home-intro="playing"],[data-home-intro="leaving"]) .home-intro-node{animation:home-intro-node .85s ease-out both}html[data-home-intro-delivered="true"] .home-intro-cloud{stroke:#c1dc9a;fill:#1c2c14}html[data-home-intro-delivered="true"] .home-intro-cloud-check{opacity:1}html[data-home-intro-delivered="true"] .home-intro-packet{opacity:0}
.home-intro-labels{position:relative;height:18px;margin-top:-15px;color:#75866c;font:9px/1.8 var(--mono,monospace);letter-spacing:.14em}.home-intro-labels span{position:absolute;transform:translateX(-50%)}.home-intro-labels span:nth-child(1){left:7.5%}.home-intro-labels span:nth-child(2){left:50%}.home-intro-labels span:nth-child(3){left:89%}.home-intro-tagline{margin:42px 20px 0;font:400 clamp(17px,2vw,25px)/1.5 var(--mono,monospace);color:#c3ceb8;letter-spacing:-.02em}
.home-intro-bottom{font-size:9px}.home-intro-bottom button{border:0;border-bottom:1px solid #415339;background:transparent;color:#b5c8a6;font:10px/1.8 var(--mono,monospace);padding:10px 0;min-height:44px;cursor:pointer;letter-spacing:.04em}.home-intro-bottom button:hover{color:#efffdf;border-color:#b9d494}.home-intro-bottom button:focus-visible{outline:2px solid #a7c89a;outline-offset:5px}
@keyframes home-intro-rail{to{transform:scaleX(1)}}
@keyframes home-intro-node{0%,47%,80%,100%{stroke:#85a76c}55%,68%{stroke:#e4ffbf}}
@media(max-width:600px){.home-intro-top,.home-intro-bottom{padding:22px 20px;gap:16px}.home-intro-top>span:last-child{max-width:115px;text-align:right;font-size:8px}.home-intro-top>span:first-child{font-size:11px}.home-intro-kicker{font-size:8px}.home-intro-route{width:100%;padding-block:20px}.home-intro-route svg{height:160px;object-fit:cover}.home-intro-labels{margin-top:-16px;font-size:8px}.home-intro-tagline{font-size:14px;margin-top:32px}.home-intro-bottom>span{max-width:140px;font-size:8px}}
@media(prefers-reduced-motion:reduce){#home-packet-intro,.home-intro-rail::after,.home-intro-cloud,.home-intro-node,.home-intro-cloud-check,.home-intro-packet{animation:none!important;transition:none!important}}