.demo-hero{position:relative;overflow:clip;padding-top:calc(72px + clamp(56px,9vh,120px));padding-bottom:clamp(72px,10vh,140px)}.demo-starfield{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.demo-atmosphere{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(52% 44% at 16% 8%,rgba(92,232,255,.08),transparent 70%),radial-gradient(60% 52% at 88% 92%,rgba(108,92,255,.1),transparent 72%),radial-gradient(38% 30% at 72% 18%,rgba(108,92,255,.05),transparent 70%)}.demo-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(48px,6vw,104px);align-items:start}.demo-title{font-family:var(--font-display);font-weight:600;font-size:clamp(3.1rem,6.6vw,6.6rem);line-height:.94;letter-spacing:-.02em;text-transform:uppercase;color:var(--text);margin-top:30px}.demo-title .nb{white-space:nowrap}.demo-coords{margin-top:22px;font-size:11px;color:var(--dim);opacity:.75}.demo-sub{margin-top:22px;max-width:46ch;font-size:17px;line-height:1.65}.route-strip{position:relative;display:flex;align-items:center;gap:14px;margin-top:40px;padding-block:14px}.route-node{position:relative;flex:0 0 auto;padding-left:14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.route-node:before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;border-radius:50%;transform:translateY(-50%);background:var(--line-2)}.route-node-acc{color:var(--text)}.route-node-acc:before{background:var(--acc);box-shadow:0 0 8px var(--acc)}.route-dash{position:relative;flex:1 1 24px;height:1px;background-image:linear-gradient(90deg,var(--line-2) 55%,transparent 55%);background-size:9px 1px;background-repeat:repeat-x;animation:route-dash-flow 1.1s linear infinite}@keyframes route-dash-flow{to{background-position:9px 0}}.route-packet{position:absolute;left:0;top:50%;width:4px;height:4px;margin-top:-2px;margin-left:-2px;border-radius:50%;background:var(--acc);box-shadow:0 0 10px var(--acc),0 0 3px var(--acc);opacity:0;animation:route-packet-fly 3.4s var(--ease-inout) infinite}.route-dash:last-of-type .route-packet{animation-delay:1.7s}@keyframes route-packet-fly{0%{left:0%;opacity:0}5%{opacity:1}42%{opacity:1}50%,to{left:100%;opacity:0}}.demo-gets{margin-top:30px}.demo-get{display:flex;gap:clamp(18px,2.4vw,34px);padding-block:26px;border-top:1px solid var(--line)}.demo-get:last-child{border-bottom:1px solid var(--line)}.get-idx{flex:0 0 auto;padding-top:6px;color:var(--acc);font-size:11px}.get-name{font-family:var(--font-display);font-weight:500;font-size:clamp(1.3rem,1.9vw,1.7rem);letter-spacing:-.01em;color:var(--text);line-height:1.15}.get-desc{margin-top:8px;max-width:48ch;font-size:14.5px;line-height:1.65}.uplink-meta{display:flex;flex-wrap:wrap;gap:12px 34px;margin-top:30px;font-size:11px;color:var(--dim)}.uplink-meta li{display:inline-flex;align-items:center;gap:8px}.meta-live{color:var(--text)}.meta-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acc);box-shadow:0 0 8px var(--acc);animation:meta-pulse 2.2s var(--ease-inout) infinite}@keyframes meta-pulse{0%,to{opacity:1}50%{opacity:.3}}.uplink-panel{position:relative;border:1px solid var(--line);background:linear-gradient(180deg,#0a0f17d1,#05070c8c);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:clamp(24px,3vw,42px)}@media(min-width:1025px){.uplink-panel{position:sticky;top:104px}}.tick{position:absolute;width:11px;height:11px;pointer-events:none;opacity:.85}.tick-tl{top:-1px;left:-1px;border-top:1px solid var(--acc);border-left:1px solid var(--acc)}.tick-tr{top:-1px;right:-1px;border-top:1px solid var(--acc);border-right:1px solid var(--acc)}.tick-bl{bottom:-1px;left:-1px;border-bottom:1px solid var(--acc);border-left:1px solid var(--acc)}.tick-br{bottom:-1px;right:-1px;border-bottom:1px solid var(--acc);border-right:1px solid var(--acc)}.uplink-head{display:flex;align-items:center;gap:16px;padding-bottom:18px;margin-bottom:26px;border-bottom:1px solid var(--line);font-size:11px;color:var(--dim)}.uplink-id{color:var(--text)}.uplink-clock{margin-left:auto;font-variant-numeric:tabular-nums;opacity:.7}.uplink-state{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}.field{position:relative}.field-wide{grid-column:1 / -1}.field input,.field select,.field textarea{width:100%;background:#ebf2ff06;border:1px solid var(--line);border-radius:2px;padding:25px 15px 9px;color:var(--text);font-size:15px;line-height:1.4;transition:border-color .35s var(--ease-out),background-color .35s var(--ease-out),box-shadow .35s var(--ease-out)}.field textarea{resize:vertical;min-height:108px}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--line-2)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--acc);background:#5ce8ff08;box-shadow:0 0 0 1px var(--acc-dim),0 0 28px #5ce8ff12}.field label{position:absolute;left:16px;top:17px;color:var(--dim);font-size:15px;line-height:1.2;pointer-events:none;transform-origin:left top;transition:top .35s var(--ease-out),font-size .35s var(--ease-out),letter-spacing .35s var(--ease-out),color .35s var(--ease-out)}.field label .opt{font-size:.8em;opacity:.7}.field input:focus~label,.field input:not(:placeholder-shown)~label,.field textarea:focus~label,.field textarea:not(:placeholder-shown)~label,.field select:focus~label,.field select.is-filled~label{top:7px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--acc)}.field select{appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' fill='none'%3E%3Cpath d='M1 1l4.5 4.5L10 1' stroke='%238B95A7' stroke-width='1.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center}.field select option{background:var(--bg-2);color:var(--text)}.field-err{position:absolute;left:1px;bottom:-15px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#ff8a97;opacity:0;transform:translateY(-3px);transition:opacity .3s var(--ease-out),transform .3s var(--ease-out);pointer-events:none}.field.is-error input,.field.is-error select,.field.is-error textarea{border-color:#ff8a978c}.field.is-error .field-err{opacity:1;transform:translateY(0)}.uplink-submit{width:100%;margin-top:30px;padding-block:18px}.uplink-submit svg{transition:transform .45s var(--ease-out)}.uplink-submit:hover svg{transform:translate(4px)}.uplink-submit:disabled{opacity:.45;pointer-events:none}.uplink-note{margin-top:16px;text-align:center;font-size:10px;color:var(--dim);opacity:.8}.uplink-screen{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;padding:clamp(24px,3vw,42px);background:radial-gradient(80% 60% at 50% 0%,rgba(92,232,255,.05),transparent 70%),#05070cf7;visibility:hidden;opacity:0}.uplink-screen.is-on{visibility:visible;opacity:1}.uplink-transmit{justify-content:center}.transmit-title{font-size:11px;color:var(--text);padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid var(--line)}.uplink-log{font-size:12px;line-height:2.05;letter-spacing:.06em;color:var(--dim);min-height:148px;text-transform:uppercase}.uplink-log .ln{display:block;white-space:nowrap;overflow:hidden;text-overflow:clip}.uplink-log .ln-acc{color:var(--acc)}.uplink-log .ln-ok{color:var(--text)}.uplink-log .caret{display:inline-block;width:7px;height:13px;margin-left:3px;vertical-align:-2px;background:var(--acc);animation:caret-blink .7s steps(1) infinite}@keyframes caret-blink{50%{opacity:0}}.uplink-bar{height:2px;margin-top:22px;background:var(--line);overflow:hidden}.uplink-bar i{display:block;height:100%;width:0%;background:var(--acc);box-shadow:0 0 12px var(--acc)}.uplink-success{justify-content:center;align-items:flex-start}.success-ack{display:inline-flex;align-items:center;gap:9px;font-size:11px;color:var(--acc)}.success-title{margin-top:18px;font-family:var(--font-display);font-weight:600;font-size:clamp(2.2rem,3.4vw,3.2rem);line-height:1;letter-spacing:-.02em;text-transform:uppercase;color:var(--text)}.success-title:focus{outline:none}.success-sub{margin-top:14px;max-width:40ch;font-size:15px;line-height:1.65}.success-echo{width:100%;margin-top:26px;font-size:11px}.success-echo>div{display:flex;justify-content:space-between;gap:24px;padding-block:10px;border-top:1px solid var(--line)}.success-echo>div:last-child{border-bottom:1px solid var(--line)}.success-echo dt{color:var(--dim);letter-spacing:.14em}.success-echo dd{color:var(--text);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.success-reset{margin-top:28px;padding:13px 24px}.demo-channels{position:relative;padding-top:clamp(72px,9vh,120px);background:radial-gradient(50% 60% at 8% 100%,rgba(108,92,255,.06),transparent 70%),var(--bg)}.channels-sub{margin-top:22px;max-width:44ch;font-size:16px}.channel-list{margin-top:44px}.channel-row{position:relative;display:flex;align-items:baseline;gap:clamp(16px,3vw,40px);padding:clamp(24px,3.4vh,38px) 4px;border-top:1px solid var(--line)}.channel-row:last-child{border-bottom:1px solid var(--line)}.channel-row:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:var(--acc);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease-out)}.channel-row:hover:after,.channel-row:focus-visible:after{transform:scaleX(1)}.channel-idx{flex:0 0 2.4em;font-size:11px;color:var(--dim);transition:color .4s var(--ease-out)}.channel-name{font-family:var(--font-display);font-weight:600;font-size:clamp(1.9rem,4.6vw,3.9rem);line-height:1;letter-spacing:-.015em;text-transform:uppercase;color:var(--text);transition:color .4s var(--ease-out);-webkit-text-stroke:1px transparent}.channel-dest{margin-left:auto;font-size:11px;color:var(--dim);white-space:nowrap;transition:color .4s var(--ease-out)}.channel-dest i{font-style:normal;display:inline-block;transition:transform .45s var(--ease-out)}.channel-row:hover .channel-idx{color:var(--acc)}.channel-row:hover .channel-name{color:transparent;-webkit-text-stroke:1px var(--acc)}.channel-row:hover .channel-dest{color:var(--text)}.channel-row:hover .channel-dest i{transform:translate(5px)}.demo-ticker{margin-top:clamp(72px,9vh,120px);padding-block:17px;overflow:hidden}.demo-ticker-track{display:flex;align-items:center;gap:44px;width:max-content;padding-right:44px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);animation:demo-ticker-scroll 30s linear infinite}.demo-ticker-track span{white-space:nowrap}.demo-ticker-track i{font-style:normal;font-size:6px;color:var(--acc);opacity:.7}@keyframes demo-ticker-scroll{to{transform:translate(-50%)}}@media(max-width:1024px){.demo-hero-inner{display:flex;flex-direction:column}.demo-intro{display:contents}.uplink-panel{order:1;margin-top:clamp(44px,7vw,64px)}.demo-gets,.demo-intro>.uplink-meta{order:2}.demo-gets{margin-top:clamp(48px,8vw,72px)}.demo-title{font-size:clamp(3.1rem,9vw,5.4rem)}.demo-sub{max-width:54ch}}@media(max-width:640px){.form-grid{grid-template-columns:1fr}.uplink-head{flex-wrap:wrap;gap:10px 16px}.uplink-clock{order:3;margin-left:0}.uplink-log{font-size:10.5px;letter-spacing:.03em}.channel-row{display:grid;grid-template-columns:2.4em 1fr;column-gap:16px;row-gap:10px;align-items:baseline}.channel-idx{grid-column:1}.channel-name{grid-column:2;font-size:clamp(1.7rem,7.8vw,2.2rem)}.channel-dest{grid-column:2;margin-left:0;width:auto;justify-self:start}.success-echo dd{max-width:60%}.route-strip{gap:10px}}@media(prefers-reduced-motion:reduce){.route-packet,.route-dash,.meta-dot,.demo-ticker-track,.uplink-log .caret{animation:none}.route-packet{display:none}}