.constellation{height:480svh;position:relative;background:#081220;color:#eff6ff;--gather:0;--rules:0;--send:0;--reply:0;--engine:0}.constellation-stage{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 60%,#18396355,transparent 60%)}.matrix-space{position:absolute;inset:0;z-index:-1;overflow:hidden;mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}.matrix-plane{position:absolute;inset:-50%;background-image:linear-gradient(#568cd51a 1px,transparent 1px),linear-gradient(90deg,#568cd51a 1px,transparent 1px);background-size:55px 55px;transform:perspective(700px) rotateX(58deg) rotateZ(-20deg) translateY(calc(var(--gather)*80px));transform-origin:50% 50%}.matrix-space svg{width:100%;height:100%;color:#529eff;opacity:.16;transform:rotate(calc(var(--gather)*14deg)) scale(1.2)}.matrix-code{position:absolute;left:4%;top:45%;font:10px/3 monospace;letter-spacing:.15em;color:#76b5eb;opacity:.4}.orbit-heading{position:absolute;top:110px;left:5%;right:5%;text-align:center;z-index:5;pointer-events:none}.orbit-heading .eyebrow{color:#8db5e5}.orbit-heading h2{font-size:clamp(38px,4.4vw,68px);margin:15px 0}.orbit-heading h2 span{color:#9bc6ff}.orbit-heading p{font-size:14px;color:#b3c6dc;margin:0}.orbit-universe{position:absolute;inset:285px 6% 120px}.orbit-platforms{position:absolute;inset:0}.orbit-platforms .platform{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;justify-content:center;gap:10px;width:104px;height:92px;border:1px solid #bad8ff38;background:linear-gradient(145deg,#fff,#edf4ff);box-shadow:0 8px 45px #0004;border-radius:20px;color:#233850;font-size:10px;font-weight:600;will-change:transform;opacity:var(--visible,1)}.orbit-platforms img{width:32px;height:32px}.orbit-core{position:absolute;left:50%;top:50%;width:178px;height:174px;transform:translate(-50%,-50%) scale(calc(.75 + var(--gather)*.25));border:1px solid #9ac5ff80;border-radius:32px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:linear-gradient(135deg,#fff,#c3ddff);box-shadow:0 0 80px #69aaff35,0 0 0 12px #9ac5ff08;opacity:calc(.25 + var(--gather)*.75);z-index:3;color:#132a45}.orbit-core strong{font-size:26px;letter-spacing:-1px}.orbit-core>span{font-size:6px;letter-spacing:.07em}.orbit-core small{font-size:6px;letter-spacing:.09em;margin-top:5px}.core-halo{position:absolute;inset:-22px;border:1px dashed #8dc7ff55;border-radius:50%;transform:rotate(calc(var(--gather)*160deg));pointer-events:none}.orbit-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.orbit-links line{stroke:#72b4f5;stroke-width:.7;opacity:calc(var(--gather)*.32)}.flow-line,.return-line{fill:none;stroke:#a4e5ec;stroke-width:2;stroke-dasharray:9 16;opacity:var(--send);stroke-dashoffset:calc(var(--gather)*-600)}.return-line{stroke:#8fb7ff;opacity:var(--reply);stroke-dashoffset:calc(var(--gather)*600)}.rule-stream{position:absolute;left:50%;top:calc(50% - 130px);transform:translate(-50%,calc((1 - var(--rules))*-60px));display:flex;gap:8px;white-space:nowrap;opacity:var(--rules);z-index:4}.rule-stream span{border:1px solid #9fcbfc55;border-radius:5px;background:#15304ded;padding:10px;font:8px monospace;color:#b8e1ff}.orbit-message{position:absolute;top:50%;width:250px;border:1px solid #a2d4ff60;border-radius:12px;padding:19px;background:#0e263eeb;z-index:4;box-shadow:0 18px 60px #0005}.orbit-message small{color:#92c5ff;font-size:9px;letter-spacing:.13em}.orbit-message p{font-size:17px;line-height:1.5;margin:10px 0}.orbit-message b{font-size:9px;color:#9ce0c9;font-weight:400}.request-message{left:5%;opacity:var(--send);transform:translate(calc((1 - var(--send))*-80px),-35%)}.response-message{right:5%;opacity:var(--reply);transform:translate(calc((1 - var(--reply))*80px),-35%)}.raw-name{text-decoration:line-through;color:#f1a9ad;display:none}.safe-name{color:#9ce0c9}.local-engine{position:absolute;left:50%;top:calc(50% + 115px);transform:translateX(-50%);width:480px;text-align:center;font-size:8px;letter-spacing:.15em;color:#b2daff;opacity:var(--engine)}.local-engine strong{display:block;font-size:20px;letter-spacing:-.03em;line-height:1.2;margin:9px 0;color:white}.local-engine p{font-size:10px;line-height:1.6;letter-spacing:0;color:#b3c6dc;margin:auto;max-width:430px}.orbit-bottom{position:absolute;bottom:22px;left:6%;right:6%;text-align:center}.orbit-chapters{display:flex;max-width:770px;justify-content:space-between;margin:0 auto 14px;gap:15px}.orbit-chapters a{border-top:2px solid #617b9944;flex:1;padding:12px 0 0;text-align:left;color:#8dabc6;font:10px monospace}.orbit-chapters span{font-family:Inter,Arial,sans-serif;margin-left:10px}.orbit-chapters a.active{border-color:#9acfff;color:white}.orbit-bottom>p{font-size:9px;color:#9bb1c9;margin:0 0 7px}.orbit-bottom p a{text-decoration:underline}.orbit-skip{font-size:9px;color:#d3e7ff}.constellation-static{height:auto}.constellation-static .constellation-stage{position:relative;height:950px}.constellation-static .orbit-universe{bottom:250px}.constellation-static .orbit-heading{top:55px}.constellation-static .orbit-bottom{bottom:30px}
@media(max-width:740px){.constellation{height:420svh}.constellation-stage{min-height:740px}.orbit-heading{top:95px}.orbit-heading h2{font-size:38px}.orbit-heading p{font-size:12px;max-width:300px;margin:auto}.orbit-universe{inset:290px 0 190px}.orbit-platforms .platform{width:67px;height:66px;border-radius:14px;font-size:7px;gap:5px}.orbit-platforms img{width:24px;height:24px}.orbit-core{width:112px;height:128px;border-radius:24px}.orbit-core img{width:30px;height:38px}.orbit-core strong{font-size:21px}.orbit-core>span{font-size:4px}.orbit-core small{font-size:4px}.rule-stream{top:calc(50% - 100px);gap:4px}.rule-stream span{font-size:5px;padding:7px 4px}.orbit-message{width:43%;padding:11px;top:calc(50% + 90px)}.request-message{left:5%}.response-message{right:5%}.orbit-message p{font-size:12px;margin:6px 0}.orbit-message small,.orbit-message b{font-size:6px}.local-engine{top:calc(50% - 145px);width:88%}.local-engine strong{font-size:16px}.local-engine p{font-size:9px}.orbit-chapters{gap:7px;margin-bottom:10px}.orbit-chapters a{font-size:8px;line-height:1.5}.orbit-chapters span{display:block;margin:0;font-size:8px}.orbit-bottom>p{font-size:8px;line-height:1.5}.matrix-code{display:none}.orbit-bottom{bottom:16px}.constellation-static .constellation-stage{height:1000px}.constellation-static .orbit-universe{top:340px;bottom:300px}}
.orbit-heading{opacity:calc(1 - var(--engine))}.local-engine{top:-160px;width:650px}.local-engine strong{font-size:34px}.local-engine p{font-size:12px;max-width:550px}.rule-stream{top:calc(50% - 108px)}
@media(max-height:780px) and (min-width:741px){.orbit-heading{top:105px}.orbit-heading h2{font-size:44px;margin:10px 0}.orbit-heading p{font-size:12px}.orbit-universe{top:300px;bottom:130px}.orbit-core{width:140px;height:144px}.orbit-core img{height:45px;width:38px}.orbit-core strong{font-size:23px}.orbit-platforms .platform{height:74px;width:86px;font-size:8px;border-radius:15px}.orbit-platforms img{width:28px;height:28px}.rule-stream{top:calc(50% - 90px)}.local-engine{top:-180px}.local-engine strong{font-size:30px}}
@media(max-width:740px){.local-engine{top:-185px;width:88%}.local-engine strong{font-size:25px}.local-engine p{font-size:11px}.rule-stream{top:calc(50% - 100px)}}
.orbit-heading{opacity:clamp(0,calc(1 - var(--engine)*5),1)}.constellation:not(.request-protected) .raw-name{display:inline;text-decoration:none}.constellation:not(.request-protected) .safe-name{display:none}.constellation:not(.request-protected) .request-message b{visibility:hidden}
@media(prefers-reduced-motion:reduce){.constellation{height:auto}.constellation-stage{position:relative;height:1000px}}