/* /network/ — The MirageTEL Network (04.10.2026). Its own sheet, on top of partners-landing.css (.wl tokens, buttons, kicker, hero).
   Brand D110: navy, sun #ff9e1b, Manrope. Works from 320 px; motion stops under prefers-reduced-motion. */
.nt{--nt-live:#ff9e1b;--nt-soon:#ffd28a;--nt-off:#8792ab}
.nt-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center;padding:clamp(40px,6vw,88px) 0 34px}
.nt-hero h1{font-size:clamp(38px,5.8vw,70px);line-height:1;font-weight:800;margin:18px 0 20px}
.nt-hero h1 em{font-style:normal;background:linear-gradient(90deg,#ff9e1b,#ffd28a);-webkit-background-clip:text;background-clip:text;color:transparent}

/* the registration, as the registry prints it */
.nt-whois{border-radius:18px;background:rgba(3,7,18,.72);border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 90px -40px rgba(0,0,0,.9);overflow:hidden;min-width:0}
.nt-whois .bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);font:500 12px "DM Mono",ui-monospace,monospace;color:#93a0bd}
.nt-whois .bar i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.18)}.nt-whois .bar i:first-child{background:#ff9e1b}
.nt-whois .bar span{margin-left:8px}
.nt-whois pre{margin:0;padding:18px 18px 20px;font:500 13.5px/1.75 "DM Mono",ui-monospace,monospace;color:#e6ebf5;white-space:pre-wrap;overflow-wrap:anywhere}
.nt-whois pre b{color:#ffb54d;font-weight:500}

.nt-ribbon{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.04);overflow:hidden}
.nt-ribbon div{padding:14px 16px;border-left:1px solid rgba(255,255,255,.1);min-width:0}.nt-ribbon div:first-child{border-left:0}
.nt-ribbon small{display:block;font:600 12px/1.2 "DM Mono",ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:#93a0bd;margin-bottom:6px}
.nt-ribbon b{font:600 15px/1.3 "DM Mono",ui-monospace,monospace;color:#fff;overflow-wrap:anywhere}
.nt-stats{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:14px 0 clamp(40px,6vw,72px)}
.nt-stats div{padding:16px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);min-width:0}
.nt-stats b{display:block;font-size:clamp(26px,3vw,36px);line-height:1.05;font-weight:800;color:#fff}
.nt-stats span{display:block;margin-top:6px;font-size:13.5px;color:#c9d1e3}

/* dark and soft bands */
.nt-dark{background:linear-gradient(180deg,#070d1c,#0d1730);color:#fff}
.nt-dark h2{color:#fff}.nt-dark .wl-lead{color:#c9d1e3}
.nt-soft{background:var(--wl-bg)}

/* the map */
.nt-map{position:relative;margin:34px 0 0;border-radius:22px;background:radial-gradient(700px 300px at 75% 30%,rgba(255,158,27,.12),transparent 70%),#050a17;border:1px solid rgba(255,255,255,.1);padding:10px 10px 0;overflow:hidden}
.nt-map svg{display:block;width:100%;height:auto}
.nt-map .nt-narrow,.nt-sea-note{display:none}
.nt-map .nt-narrow .c{font-size:20px}.nt-map .nt-narrow .n{font-size:18px}.nt-map .nt-narrow .reg{font-size:18px}
.nt-sea-note{margin:4px 0;text-align:center;font:500 12.5px "DM Mono",ui-monospace,monospace;color:#ffb54d}
.nt-map .reg{font:600 13px "DM Mono",ui-monospace,monospace;letter-spacing:.14em;fill:#93a0bd}
.nt-map .sea{font:500 12px "DM Mono",ui-monospace,monospace;letter-spacing:.08em;fill:#ffb54d}
.nt-map .nt-l{stroke:rgba(255,158,27,.75);stroke-width:2;fill:none}
.nt-map .nt-l.soon{stroke:rgba(255,255,255,.28);stroke-dasharray:4 6}
.nt-map .nt-sea{stroke-dasharray:8 7;animation:nt-flow 1.6s linear infinite}
@keyframes nt-flow{to{stroke-dashoffset:-30}}
.nt-dot .core{fill:var(--nt-live)}.nt-dot .halo{fill:rgba(255,158,27,.22);transform-box:fill-box;transform-origin:center;animation:nt-pulse 2.6s ease-out infinite}
.nt-dot.connecting .core{fill:#050a17;stroke:var(--nt-soon);stroke-width:2.5}.nt-dot.connecting .halo{fill:rgba(255,210,138,.14)}
.nt-dot.soon .core{fill:#050a17;stroke:var(--nt-off);stroke-width:2}.nt-dot.soon .halo{fill:none;animation:none}
.nt-dot .c{font:700 15px "DM Mono",ui-monospace,monospace;fill:#fff}
.nt-dot .n{font:500 12.5px Manrope,system-ui,sans-serif;fill:#c9d1e3}
.nt-dot.soon .c,.nt-dot.soon .n{fill:#8792ab}
@keyframes nt-pulse{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.6);opacity:0}}
.nt-dot .halo{animation-delay:var(--d,0s)}

/* motion and interaction (04.10.2026): packets on every live link, points that answer, an entrance */
.nt-pkt{fill:#ffd28a;filter:drop-shadow(0 0 3px rgba(255,158,27,.9))}
.nt-dot{cursor:pointer;outline:none}
.nt-dot .hit{fill:transparent}
.nt-dot .core{transform-box:fill-box;transform-origin:center;transition:transform .2s ease}
.nt-dot.hot .core,.nt-dot:hover .core{transform:scale(1.4)}
.nt-dot:focus-visible .halo{stroke:#fff;stroke-width:2;animation:none;opacity:1;transform:none}
.nt-map .nt-l{transition:stroke .2s ease,stroke-width .2s ease}
.nt-map .nt-l.hot{stroke:#ffd28a;stroke-width:3.2}
.nt-map .nt-l.soon.hot{stroke:rgba(255,255,255,.6)}
.nt-js .nt-dot{opacity:0;transform:scale(.4);transform-box:fill-box;transform-origin:center}
.nt-js .nt-l,.nt-js .nt-pkt,.nt-js .sea{opacity:0}
.nt-js.on .nt-dot{opacity:1;transform:none;transition:opacity .5s ease var(--d,0s),transform .6s cubic-bezier(.2,1.4,.4,1) var(--d,0s)}
.nt-js.on .nt-l,.nt-js.on .sea{opacity:1;transition:opacity .9s ease var(--d,0s)}
.nt-js.on .nt-pkt{opacity:1;transition:opacity .6s ease 1.4s}
.nt-hud{position:absolute;top:16px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font:600 12px "DM Mono",ui-monospace,monospace;letter-spacing:.06em;color:#e6ebf5;white-space:nowrap;z-index:1}
.nt-hud i{width:8px;height:8px;border-radius:50%;background:#3ccf91;box-shadow:0 0 0 0 rgba(60,207,145,.6);animation:nt-beat 2s ease-out infinite}
@keyframes nt-beat{0%{box-shadow:0 0 0 0 rgba(60,207,145,.6)}100%{box-shadow:0 0 0 9px rgba(60,207,145,0)}}
.nt-tip{position:absolute;z-index:2;width:min(280px,calc(100% - 16px));padding:14px 16px;border-radius:14px;background:#fff;color:#0a1226;box-shadow:0 24px 60px -18px rgba(0,0,0,.75);pointer-events:none}
.nt-tip[hidden]{display:none}
.nt-tip .t{display:flex;justify-content:space-between;align-items:center;gap:8px}
.nt-tip .code{font:600 12px "DM Mono",ui-monospace,monospace;letter-spacing:.06em;color:#5d6780}
.nt-tip b{display:block;font-size:18px;margin:6px 0 0}
.nt-tip .role{margin:0 0 8px;color:#a34e00;font-weight:700;font-size:13.5px}
.nt-tip dl{margin:0;display:grid;gap:6px}
.nt-tip dl div{display:grid;grid-template-columns:78px minmax(0,1fr);gap:8px;font-size:13px;padding-top:6px;border-top:1px solid #e1e6ee}
.nt-tip dt{color:#5d6780}.nt-tip dd{margin:0;overflow-wrap:anywhere}
.nt-map figcaption{display:flex;flex-wrap:wrap;gap:8px 22px;padding:14px 12px 16px;font-size:13px;color:#c9d1e3}
.nt-map figcaption span:last-child{margin-left:auto;color:#8792ab}
.nt-map .k{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:7px;vertical-align:-1px}
.k.live{background:var(--nt-live)}.k.connecting{border:2.5px solid var(--nt-soon)}.k.soon{border:2px solid var(--nt-off)}

/* the locations */
.nt-sites{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}
.nt-site{padding:20px;border-radius:18px;background:#fff;border:1px solid var(--wl-line);min-width:0}
.nt-site .top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.nt-site .code{font:600 12.5px "DM Mono",ui-monospace,monospace;letter-spacing:.06em;color:var(--wl-muted)}
.nt-site h3{font-size:22px;margin:10px 0 2px}
.nt-site .role{margin:0 0 12px;color:#a34e00;font-weight:700;font-size:14px}
.nt-site dl{margin:0;display:grid;gap:8px}
.nt-site dl div{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;font-size:14px;padding-top:8px;border-top:1px solid var(--wl-line)}
.nt-site dt{color:var(--wl-muted)}.nt-site dd{margin:0;color:var(--wl-ink);overflow-wrap:anywhere}
.nt-sites.next .nt-site{background:#fafbfd}
.nt .nt-sub{margin:44px 0 0;font-size:20px}
.nt-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:700;white-space:nowrap}
.nt-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.nt-pill.live{background:#fff3e0;color:#a34e00}.nt-pill.connecting{background:#fff8eb;color:#8a5a00}.nt-pill.soon{background:#eef1f6;color:#4f5a72}

/* the live check */
.nt-live{margin-top:28px;padding:22px;border-radius:20px;background:#0a1226;color:#fff}
.nt-live-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:14px}
.nt-live-grid>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px 12px;padding:16px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);min-width:0}
.nt-live-grid small{grid-column:1/-1;font:600 12px "DM Mono",ui-monospace,monospace;letter-spacing:.06em;color:#93a0bd;overflow-wrap:anywhere}
.nt-live-grid span{font-size:14px;color:#c9d1e3}
.nt-live .v{font:600 15px "DM Mono",ui-monospace,monospace;color:#fff;text-align:right}
.nt-live .v.ok{color:#ffb54d}.nt-live .v.ok::before{content:"● ";color:#3ccf91}
.nt-live .v.no{color:#ffd28a}
.nt-live-when{margin:14px 0 0;font-size:13.5px;color:#93a0bd}
.nt-checks{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.nt-checks a{padding:9px 15px;border-radius:999px;border:1px solid var(--wl-line);background:#fff;color:var(--wl-ink);text-decoration:none;font-weight:700;font-size:14px}
.nt-checks a:hover{border-color:var(--wl-ink-2)}

/* the path of a call */
.nt-path{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:p}
.nt-path li{position:relative;padding:22px 20px 20px;border-radius:18px;background:#fff;border:1px solid var(--wl-line);counter-increment:p;min-width:0}
.nt-path li::before{content:counter(p);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ff9e1b;color:#1d1100;font-weight:800;margin-bottom:12px}
.nt-path li:not(:last-child)::after{content:"";position:absolute;top:37px;right:-14px;width:14px;height:2px;background:#ff9e1b}
.nt-path b{display:block;font-size:17px;margin-bottom:6px}.nt-path span{color:var(--wl-ink-2);font-size:14.5px;line-height:1.55;overflow-wrap:anywhere}
.nt-note{display:flex;align-items:center;gap:10px;margin:18px 0 0;color:var(--wl-ink-2)}
.nt-note svg{width:20px;height:20px;flex:none;color:#a34e00}

/* what travels where */
.nt-where{display:grid;gap:10px;margin-top:28px}
.nt-where>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1.4fr);gap:14px;align-items:center;padding:16px 18px;border-radius:14px;background:#fff;border:1px solid var(--wl-line)}
.nt-where>div.on{border-left:4px solid #ff9e1b}.nt-where>div.off{border-left:4px solid #c5cddb}
.nt-where span{font-weight:700}.nt-where b{color:#a34e00}.nt-where .off b{color:var(--wl-ink-2)}.nt-where small{color:var(--wl-muted);font-size:14px}

/* exchanges */
.nt-table-wrap{margin-top:26px;border:1px solid var(--wl-line);border-radius:16px;overflow:hidden;background:#fff}
.nt-ix{width:100%;border-collapse:collapse}
.nt-ix th,.nt-ix td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--wl-line);font-size:14.5px;vertical-align:top}
.nt-ix th{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--wl-muted);background:#fafbfd}
.nt-ix tr:last-child td{border-bottom:0}.nt-ix td:nth-child(2){color:var(--wl-ink-2);overflow-wrap:anywhere}

/* safeguards */
.nt-safe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}
.nt-safe article{padding:22px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);min-width:0}
.nt-safe svg{width:28px;height:28px;color:#ffb54d}
.nt-safe h3{color:#fff;margin:12px 0 8px}.nt-safe p{margin:0 0 12px;color:#c9d1e3;font-size:14.5px}
.nt-safe small{font:600 12px "DM Mono",ui-monospace,monospace;letter-spacing:.06em;color:#ffb54d}
.nt-std{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.nt-std span{padding:7px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.18);font-size:13.5px;color:#e6ebf5}
.nt-std span::before{content:"✓ ";color:#ffb54d;font-weight:800}

.nt-partner{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.nt-partner>div{max-width:720px}

/* below 1,100 px the wide drawing would print its names under 13 px: the two regions are drawn on their own */
@media (max-width:1100px){
  .nt-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"hud hud" "na eu" "note note" "cap cap";column-gap:10px;align-items:start}
  .nt-hud{position:static;transform:none;grid-area:hud;justify-self:center;margin:6px 0 2px}
  .nt-map .nt-wide{display:none}.nt-map .nt-narrow{display:block}.nt-map .na{grid-area:na}.nt-map .eu{grid-area:eu}
  .nt-sea-note{display:block;grid-area:note}.nt-map figcaption{grid-area:cap}
}
@media (max-width:1020px){
  .nt-hero-grid{grid-template-columns:minmax(0,1fr)}
  .nt-ribbon{grid-template-columns:repeat(3,minmax(0,1fr))}.nt-ribbon div:nth-child(4){border-left:0}
  .nt-ribbon div:nth-child(n+4){border-top:1px solid rgba(255,255,255,.1)}
  .nt-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.nt-stats div{grid-column:span 2}.nt-stats div:nth-child(n+4){grid-column:span 3}
  .nt-sites,.nt-safe{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nt-live-grid{grid-template-columns:minmax(0,1fr)}
  .nt-path{grid-template-columns:repeat(2,minmax(0,1fr))}.nt-path li::after{display:none}
}
@media (max-width:760px){
  .nt-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}.nt-ribbon div{border-left:0;border-top:1px solid rgba(255,255,255,.1)}
  .nt-ribbon div:nth-child(even){border-left:1px solid rgba(255,255,255,.1)}.nt-ribbon div:nth-child(-n+2){border-top:0}
  .nt-ribbon div:last-child{grid-column:1/-1;border-left:0}
  .nt-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.nt-stats div,.nt-stats div:nth-child(n+4){grid-column:auto}.nt-stats div:last-child{grid-column:1/-1}
  .nt-sites,.nt-safe,.nt-path{grid-template-columns:minmax(0,1fr)}
  .nt-where>div{grid-template-columns:minmax(0,1fr);gap:4px}
  .nt-ix thead{display:none}.nt-ix,.nt-ix tbody,.nt-ix tr,.nt-ix td{display:block;width:100%}
  .nt-ix tr{padding:12px 0;border-bottom:1px solid var(--wl-line)}.nt-ix tr:last-child{border-bottom:0}
  .nt-ix td{border:0;padding:3px 16px}
  .nt-map{padding:6px 0 0;margin-left:-8px;margin-right:-8px;grid-template-columns:minmax(0,1fr);grid-template-areas:"hud" "na" "note" "eu" "cap";justify-items:center}
  .nt-map .nt-narrow{width:100%;max-width:460px}.nt-map figcaption{justify-self:stretch}
  .nt-map figcaption span:last-child{margin-left:0;width:100%}
}
@media (max-width:520px){
  .nt-whois pre{font-size:12px;padding:14px}
  .nt-site dl div{grid-template-columns:minmax(0,1fr);gap:2px}
  .nt-live{padding:14px}.nt-live-grid>div{padding:14px}
  .nt-ribbon b{font-size:13.5px}
  .nt-checks a,.nt-std span,.nt-pill,.nt-site .code,.nt-ribbon small,.nt-live-grid small,.nt-safe small,.nt-ix th{font-size:12px}
}
@media (prefers-reduced-motion:reduce){.nt-map .nt-sea,.nt-dot .halo,.nt-hud i{animation:none}.nt-pkt{display:none}.nt-js .nt-dot,.nt-js .nt-l,.nt-js .sea{opacity:1;transform:none;transition:none}}