:root{color-scheme:dark;--bg:#0a0f20;--panel:#11192e;--ink:#f3f6ff;--muted:#a9b5d0;--blue:#a9bcff;--line:#293653;--mint:#a0efda;font-family:"Geist","Avenir Next",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 65% 700px at 78% 9%,#17274c,transparent),var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}button,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}p,h1,h2,h3,figure{margin:0}p{line-height:1.55;color:var(--muted)}:focus-visible{outline:3px solid var(--mint);outline-offset:5px}section,[id=demo]{scroll-margin-top:24px}.wrap{width:min(1200px,calc(100% - 88px));margin-inline:auto}
.top{min-height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #91abff22;gap:20px}.brand,.top nav{display:flex;align-items:center;gap:11px}.brand{font-size:21px;font-weight:750;letter-spacing:-.04em}.top nav{gap:32px;color:#c3cce2;font-size:14px}.top nav a:hover,.footer a:hover{color:var(--blue)}
.button{display:inline-flex;min-height:49px;align-items:center;justify-content:center;gap:12px;padding:0 17px;border:1px solid transparent;border-radius:11px;font-size:14px;font-weight:720;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:17px}.primary{background:#b3c2ff;color:#121b36}.primary:hover{background:#d2dcff}.outline{border-color:#9fb5ff44;background:#a9bcff0b}.outline:hover{background:#a9bcff24}.compact{min-height:40px}
.hero{min-height:620px;display:grid;grid-template-columns:1fr 1.04fr;gap:38px;align-items:center;padding:65px 0 83px}.eyebrow{font-size:11px;letter-spacing:.17em;color:var(--blue);font-weight:760}.eyebrow i,.demo-label i{display:inline-block;width:7px;height:7px;background:var(--mint);border-radius:50%;margin-right:6px;box-shadow:0 0 12px #a0efda80}h1{font-size:clamp(58px,7.45vw,112px);font-weight:760;letter-spacing:-.087em;line-height:.98;margin:22px 0 24px}h1 em{font-style:normal;color:#a9bcff}.intro{font-size:clamp(16px,1.6vw,21px);max-width:440px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:29px}
.stage{isolation:isolate;position:relative;min-width:0;overflow:hidden;border:1px solid #738bd35e;border-radius:24px;background:radial-gradient(ellipse at 50% 65%,#1b2c54 0,#10182d 55%,#0e1528);box-shadow:0 35px 100px #0406128c,0 0 65px #526dc528;animation:arrive .8s both}.stage-top,.stage-status{padding:13px 19px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.stage-top{border-bottom:1px solid #7892cf24}.stage-top>span:first-child{display:flex;align-items:center;gap:8px;font-weight:700}.stage-top img{width:23px}.demo-label{color:#c3d4ff}.demo-label i{width:5px;height:5px}.stage-title{position:absolute;top:68px;left:20px;display:grid;gap:5px;z-index:2;pointer-events:none}.stage-title strong{font-size:20px;letter-spacing:-.045em}.stage-title span,.stage-status{color:#a9b8d8;font-size:12px}.stage-status{min-height:50px;border-top:1px solid #7892cf24}.stage progress{position:absolute;bottom:0;height:4px;width:100%;accent-color:#a7baff}
.radar{height:350px;position:relative}.rings{position:absolute;inset:15% 0 0;display:grid;place-items:center;pointer-events:none}.rings i{grid-area:1/1;border:1px solid #8cacff2d;width:min(61%,290px);aspect-ratio:1;border-radius:50%}.rings i:nth-child(2){transform:scale(.72)}.rings i:nth-child(3){transform:scale(.43)}.node{position:absolute;display:grid;justify-items:center;gap:8px;transform:translate(-50%,-50%);font-size:11px;font-weight:630;color:#d6e0fc;white-space:nowrap;z-index:1}.node>span{pointer-events:none}.phone{left:27%;top:44%;--float:-.5s}.mac{left:74%;top:36%;--float:-2s}.pc{left:69%;top:78%;--float:-3s}.source{left:46%;top:62%}
.bubble{position:relative;border-radius:50%;width:65px;aspect-ratio:1;border:1px solid #a6b9ff8a;background:radial-gradient(circle at 32% 22%,#6a82dc,#35447f 42%,#1a2551 75%,#5166bd);color:#ecf2ff;display:grid;place-items:center;box-shadow:inset 0 0 10px #a7c6ff48,0 0 22px #7794ff45;transition:filter .2s,scale .24s;touch-action:manipulation}.device{animation:float 4.4s var(--float) ease-in-out infinite}.bubble svg{width:29px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.bubble:hover,.bubble.drop-target{filter:brightness(1.28);scale:1.12}.phone .bubble{background:radial-gradient(circle at 32% 22%,#586fb1,#30405f 50%,#202a45 72%,#5266a1)}.mac .bubble{width:82px}.pc .bubble{width:59px}.source .bubble{width:66px;background:radial-gradient(circle at 31% 21%,#ccd8ff,#869ff4 58%,#627ed4);color:#14224c}.source .selected{box-shadow:0 0 30px #abc0ff8c;cursor:grab}.device.ready{border-color:#d6e0ff}.device.active{animation:none;scale:calc(1 + var(--growth,0));filter:brightness(1.25)}.device.popped{animation:pop .7s both}.device.popped::after{content:"✓";display:grid;place-items:center;position:absolute;inset:0;font-size:30px;color:var(--mint)}.device.popped svg{visibility:hidden}
.flight,.particle,.wave{pointer-events:none;position:absolute;z-index:3;left:var(--x);top:var(--y);border-radius:50%}.flight{display:none;place-items:center;width:25px;height:25px;background:#cbd9ff;color:#172348}.flight.flying{display:grid;animation:fly .65s ease-in both}.particle{width:var(--size);height:var(--size);background:var(--color);box-shadow:0 0 10px var(--color);animation:burst .84s cubic-bezier(.12,.66,.29,1) both}.wave{width:70px;height:70px;border:2px solid #9ab7ff;animation:wave .85s ease-out both}.idle-dot{position:absolute;width:var(--size);aspect-ratio:1;left:var(--x);top:var(--y);border-radius:50%;background:#91a9ff40;border:1px solid #b3c6ff53;animation:float 5s var(--delay) ease-in-out infinite;pointer-events:none}
.section{padding:67px 0;border-top:1px solid #8ca5ff28}h2{font-size:clamp(34px,5.3vw,67px);line-height:1.02;letter-spacing:-.07em;margin:12px 0 29px}h3{font-size:21px;letter-spacing:-.045em;margin-bottom:7px}.steps,.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0;margin:0;list-style:none}.steps li,.cases article,.feature,form{background:linear-gradient(155deg,#17213a,#10182b);border:1px solid var(--line);border-radius:19px;padding:25px}.steps p,.cases p,.feature p{font-size:15px;max-width:430px}.step-art,.feature-art{height:100px;position:relative;margin-bottom:18px;overflow:hidden;border-radius:12px;background:radial-gradient(ellipse at 40% 55%,#35498088,transparent 70%)}.step-art b,.feature-art b,.feature-art i,.feature-art span{position:absolute;display:grid;place-items:center;color:#dbe5ff}.network b,.match b{width:38px;height:38px;border-radius:50%;background:#4560a6;top:31px;left:calc(42% - 55px);border:1px solid #a6bcff}.network b:nth-child(2){left:calc(42% + 30px);top:24px}.network b:last-child,.match b:last-child{background:transparent;left:42%;width:55px;height:55px;top:22px;animation:wave 2.8s infinite}.files b{width:32px;height:41px;top:28px;left:calc(42% - 22px);border:1px solid #a9c2ff;background:#4661a5;border-radius:5px;animation:float 3s ease-in-out infinite}.files b:nth-child(2){margin-left:14px;animation-delay:-.4s}.files b:nth-child(3){margin-left:28px;animation-delay:-.8s}.match b:first-child{left:calc(42% + 9px);background:#27665f;color:var(--mint)}
.features{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.feature{grid-column:span 2}.feature-wide{grid-column:span 3}.feature-art{height:115px}.folder span{width:64px;height:44px;top:37px;left:calc(40% - 32px);border-radius:7px;background:#486bb2;border:1px solid #a5c6ff;animation:folder 3.6s ease-in-out infinite}.folder span:nth-child(2){animation-delay:-.25s;opacity:.8}.folder span:last-child{animation-delay:-.5s;opacity:.7}.loop b,.shield b,.camera b{top:28px;left:calc(40% - 25px);width:54px;height:54px;border:1px solid #a5c6ff;border-radius:50%;background:#374e8b;font-size:28px}.loop b{animation:spin 8s linear infinite}.loop i,.camera i,.shield i{top:53px;left:calc(40% + 43px);width:13px;height:13px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint);animation:float 2.8s ease-in-out infinite}.camera b{border-radius:12px;width:58px;height:39px;top:39px}.camera b::after{content:"";width:17px;height:17px;border:2px solid #c5d5ff;border-radius:50%}.shield b{color:var(--mint);border-radius:40% 40% 56% 56%}
.platform-switch{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:17px}.platform-switch button{background:#161f36;border:1px solid #344567;border-radius:50px;color:#c3cde8;padding:8px 16px}.platform-switch button[aria-pressed=true]{background:#b3c2ff;color:#14203a;border-color:#b3c2ff}.gallery{min-height:290px;height:clamp(290px,48vw,520px);background:radial-gradient(ellipse at 50% 60%,#23376a,#0d1428 75%);border:1px solid var(--line);border-radius:22px;display:grid;place-items:center;padding:20px;overflow:hidden}.gallery img{height:100%;min-height:0;max-height:100%;object-fit:contain;max-width:100%;width:auto;grid-area:1/1;border-radius:10px;box-shadow:0 15px 45px #02071899;animation:arrive .35s both}
.cases article{display:grid;grid-template-rows:46px auto 1fr;align-content:start;row-gap:12px}
.cases h3{font-size:21px;font-weight:700;line-height:1.2;letter-spacing:-.035em;margin:0}
.case-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #647eb27a;border-radius:12px;background:#91aaff16;color:var(--blue)}
.case-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

.download{text-align:center;background:radial-gradient(ellipse at 50% 0%,#283c74,#121b32 64%);border:1px solid #496097;border-radius:24px;padding:45px 20px}.download img{margin:0 auto 14px}.download h2{margin-bottom:17px}.download .button{margin:22px 0 11px}.formats{font-size:12px}.feedback{display:grid;grid-template-columns:1fr 1fr;gap:30px}.feedback h2{margin-bottom:16px}.handle{display:inline-block;color:var(--blue);margin-top:17px}.handle:hover{text-decoration:underline}form{display:grid;gap:10px}form label{font-size:14px;font-weight:640}form select,form textarea{border:1px solid #41547d;background:#0e172c;color:var(--ink);border-radius:8px;padding:11px;width:100%}form textarea{resize:vertical}form .button{justify-self:start;margin-top:5px}form small{color:var(--muted)}.footer{border-top:1px solid #8ca5ff28;padding:24px 0 32px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px;color:var(--muted)}.footer .brand{color:var(--ink);font-size:17px}
@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes float{50%{translate:0 -8px}}@keyframes pop{0%{scale:1.35;opacity:.5}32%{scale:.72;background:#214c53}68%{scale:1.12}100%{scale:1}}@keyframes wave{from{transform:translate(-50%,-50%) scale(.65);opacity:.85}to{transform:translate(-50%,-50%) scale(2.75);opacity:0}}@keyframes burst{from{transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(var(--dx),var(--dy)) scale(.05);opacity:0}}@keyframes fly{from{transform:translate(-50%,-50%) scale(.6);opacity:.5}to{transform:translate(calc(var(--dx) - 50%),calc(var(--dy) - 50%)) scale(1);opacity:1}}@keyframes folder{50%{transform:translate(18px,-14px)}}@keyframes spin{to{rotate:360deg}}
@media(max-width:1020px){.hero{gap:22px}.wrap{width:calc(100% - 52px)}.actions{gap:8px}.button{padding-inline:12px}}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.top{min-height:68px}.top nav{display:none}.hero{min-height:auto;grid-template-columns:1fr;padding:46px 0 45px;gap:30px}h1{font-size:clamp(55px,11.8vw,92px);margin:16px 0}.intro{max-width:480px}.actions{margin-top:22px}.stage-title{top:63px}.radar{height:315px}.section{padding:43px 0}.steps,.cases,.feedback{grid-template-columns:1fr}.features{grid-template-columns:1fr 1fr}.feature,.feature-wide{grid-column:auto}.steps li,.cases article,.feature,form{padding:17px}.step-art,.feature-art{height:92px;margin-bottom:10px}.footer{flex-wrap:wrap}}
@media(max-width:450px){.features{grid-template-columns:1fr}.stage-title{left:14px}.phone{left:23%;top:46%}.mac{left:75%;top:39%}.pc{left:71%;top:81%}.mac .bubble{width:66px}.bubble{width:56px}.source .bubble{width:58px}.gallery{padding:8px}.stage-top,.stage-status{padding-inline:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::after,*::before{animation:none!important;transition:none!important}.particle,.wave,.flight{display:none!important}}

.top-actions{display:flex;align-items:center;gap:12px}
.language{display:grid;place-items:center;min-width:40px;min-height:40px;border-radius:10px;color:var(--blue);font-size:13px;font-weight:750}
.language:hover{background:#a9bcff24}
html[lang=en] h1{font-size:clamp(55px,7.1vw,105px)}
@media(max-width:760px){html[lang=en] h1{font-size:clamp(49px,11.5vw,88px)}}

/* Tablet layouts keep the demo readable in both orientations. */
@media (min-width:761px) and (max-width:1050px){
  .hero{min-height:0;padding-block:52px;gap:24px}
  .hero h1{font-size:clamp(49px,6.8vw,74px)}
  .stage .radar{height:320px}
  .steps li,.cases article,.feature{padding:20px}
}
@media (min-width:761px) and (max-width:900px) and (orientation:portrait){
  .hero{grid-template-columns:1fr;gap:30px}
  .hero-copy{max-width:670px}
  .hero h1{font-size:clamp(62px,9vw,81px)}
  .stage .radar{height:335px}
  .features{grid-template-columns:1fr 1fr}
  .feature,.feature-wide{grid-column:auto}
}
@media (min-width:540px) and (max-width:760px){
  .wrap{width:calc(100% - 48px)}
  .cases,.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .steps li,.cases article{padding:14px}
  .steps h3,.cases h3{font-size:19px}
  .step-art{height:78px}
}
@media (max-width:539px){
  .top{gap:8px}
  .top-actions{gap:4px}
  .top .brand{font-size:19px;gap:6px}
  .top .brand img{width:29px;height:29px}
  .top .compact,.language{min-height:44px}
  .hero{padding-top:34px;gap:24px}
  .actions{display:grid;grid-template-columns:1fr;gap:8px}
  .actions .button{width:100%;justify-content:space-between}
  .stage{border-radius:18px}
  .radar{height:clamp(260px,74vw,315px)}
  .stage-title span{max-width:265px}
  .platform-switch button{min-height:44px}
  .gallery{height:auto;min-height:0;padding:10px}
  .gallery img{width:100%;height:auto;max-height:410px}
  .gallery[data-platform=android] img{width:auto}
  form select,form textarea{min-height:44px;font-size:16px}
  form .button{justify-self:stretch}
}
@media (max-width:359px){
  .hero h1,html[lang=en] .hero h1{font-size:clamp(39px,14vw,49px)}
  .requirements{font-size:14px}
}

.gallery-caption{font-size:13px;margin-top:10px}

.feature-stories{display:grid;gap:16px}
.story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;--story-accent:#a9bcff}
.story-2{--story-accent:#a0efda}
.story-3{--story-accent:#cbb9ff}
.story-copy h3{font-size:clamp(21px,3vw,31px)}
.story-tip{margin-top:15px;padding:10px 13px;border-left:2px solid var(--story-accent);background:#ffffff08;border-radius:0 8px 8px 0}
.story-tip strong{display:block;color:var(--ink);margin-bottom:3px}
.story-flow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:8px;padding:22px 12px;border:1px solid var(--line);border-radius:14px;background:radial-gradient(ellipse at 50% 30%,#34498066,#0d1529);color:var(--muted);text-align:center;font-size:13px}
.story-end,.story-middle{display:grid;justify-items:center;gap:10px;min-width:0;overflow-wrap:anywhere}
.story-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--story-accent);border-radius:50%;color:var(--story-accent);background:#243454}
.story-flow svg{width:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.story-track{position:relative;width:100%;height:52px;color:var(--story-accent)}
.story-track::before,.story-track i{content:"";position:absolute;top:25px;left:0;width:100%;height:2px;background:currentColor}
.story-track::before{opacity:.28}
.story-track i{transform-origin:left;animation:story-progress 4s infinite}
.story-track>span{position:absolute;top:10px;left:0;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--story-accent);color:#17203b;animation:story-send 4s infinite}
.story-track svg{width:19px}
.story-received{animation:story-receive 4s infinite}
@keyframes story-progress{0%,12%{transform:scaleX(0)}65%,95%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes story-send{0%,12%{left:0;opacity:1}65%{left:calc(100% - 32px);opacity:1}76%,100%{left:calc(100% - 32px);opacity:0}}
@keyframes story-receive{0%,60%,100%{box-shadow:0 0 0 0 transparent}71%{box-shadow:0 0 0 7px #a9bcff35,0 0 22px var(--story-accent)}}
@media(max-width:760px){.story{grid-template-columns:1fr;gap:16px}}
@media(max-width:420px){.story-flow{font-size:11px;padding:14px 6px;gap:5px}}

.network-feature{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.network-speeds{padding-left:24px;border-left:1px solid var(--line)}
.network-speeds dl{margin:10px 0}
.network-speeds dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:8px 0;border-top:1px solid var(--line)}
.network-speeds dd{margin:0}
.network-speeds strong{color:var(--mint);font-size:20px}
.network-speeds small{display:block;color:var(--muted);line-height:1.4}
.network-speeds .network-note{font-size:13px}
@media(max-width:760px){
  .network-feature{grid-template-columns:1fr;gap:16px}
  .network-speeds{padding:16px 0 0;border-left:0;border-top:1px solid var(--line)}
}

.step-visual{margin-bottom:16px;padding:12px 6px;text-align:center;border:1px solid var(--line);border-radius:12px;background:radial-gradient(ellipse at 50% 0%,#263960,#0e172b)}
.step-scene{height:66px;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--blue)}
.step-scene svg{display:block;width:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.step-orb{position:relative;flex:0 0 40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid #9fb5ff80;background:#25365f}
.step-signal{padding:0 5px;animation:step-connect 7s infinite}
.step-caption{display:block;font-size:12px;color:#c9d7f6}
.step-file{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--blue);border-radius:8px;font-size:12px;background:#223251;animation:step-select 7s infinite}
.step-scene i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--mint);color:#15263a}
.step-scene i svg{width:13px}
.step-route{position:relative;width:clamp(27px,9vw,82px);height:2px;background:#7794dd70}
.step-route>span{position:absolute;top:50%;left:0;display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:var(--blue);color:#15263a;transform:translateY(-50%);animation:step-deliver 7s infinite}
.step-route svg{width:16px}
.step-recipient i{position:absolute;right:-3px;bottom:-3px;animation:step-done 7s infinite}
@keyframes step-connect{0%,24%{opacity:1;filter:drop-shadow(0 0 8px #9ebcff)}12%{scale:1.18}35%,100%{opacity:.52}}
@keyframes step-select{0%,25%{border-color:var(--line)}38%{scale:1.08;border-color:var(--mint);box-shadow:0 0 18px #a0efda40}52%,100%{border-color:var(--blue)}}
@keyframes step-deliver{0%,52%{left:0;opacity:0}55%{opacity:1}76%{left:calc(100% - 24px);opacity:1}81%,100%{left:calc(100% - 24px);opacity:0}}
@keyframes step-done{0%,75%{opacity:0;scale:.5}83%{opacity:1;scale:1.18}90%,100%{opacity:1;scale:1}}

.router-demo{margin-top:16px;border:1px solid var(--line);border-radius:14px;background:#0e172b;overflow:hidden}
.router-hint{padding:10px 12px 0;font-size:12px}
.router-radar{height:232px;overflow:hidden}
.router-radar .rings{inset:0}
.router-radar .rings i{width:min(69%,215px)}
.router-radar .phone{left:20%;top:40%}
.router-radar .mac{left:80%;top:35%}
.router-radar .pc{left:72%;top:77%}
.router-radar .source{left:49%;top:52%}
.router-radar .bubble{width:54px}
.router-radar .source .bubble{width:60px}
.router-radar .bubble svg{width:24px}
.router-device-name{position:absolute;top:calc(100% + 5px);color:var(--ink);font-size:11px}
.router-packet{width:18px;height:18px;border:2px solid #e0fff8;background:var(--mint);box-shadow:0 0 14px var(--mint)}

.network-feature{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch}
.network-speeds{padding-left:0;border-left:0}
.network-speeds h3:nth-of-type(2){margin-top:20px}
.router-demo{position:relative;min-height:270px;margin-top:0}
.router-radar{position:absolute;inset:0;height:auto}
.router-radar .bubble{cursor:default;pointer-events:none}
.router-radar .source .bubble{color:#13274a}
.router-radar .router-lit{border-color:var(--mint);box-shadow:0 0 25px #a0efda85}
.router-radar .router-receiving{background:conic-gradient(var(--mint) var(--received),#294071 0);color:#e8fff9}
.router-receiving::before{content:"";position:absolute;inset:3px;border-radius:50%;background:#172747}
.router-receiving svg{visibility:hidden}
.router-progress{display:none}
.router-receiving .router-progress{display:block;position:absolute;inset:0;align-content:center;text-align:center;font-size:13px;font-weight:750}
.router-leg,.router-radar .router-packet{position:absolute;top:0;left:0;opacity:0;pointer-events:none}
.router-leg{height:2px;transform-origin:left center;background:var(--mint);box-shadow:0 0 9px var(--mint)}
.router-radar .router-packet{width:10px;height:10px;border-radius:50%}
@media(max-width:760px){
  .network-feature{grid-template-columns:1fr}
}

.release-notes{max-width:630px;margin:16px auto 0}
.release-buttons{display:flex;gap:8px;overflow-x:auto;padding:5px}
.release-buttons button{flex:none}
.release-buttons button:first-child{margin-inline-start:auto}
.release-buttons button:last-child{margin-inline-end:auto}
.release-buttons button[aria-expanded="true"]{background:#b3c2ff;color:#121b36}
.release-note{margin:5px 0 0;padding:0 5px;text-align:left;font-size:14px}

.mcp-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.mcp-flow li{font-size:13px;color:var(--blue);background:#a9bcff12;border:1px solid var(--line);border-radius:8px;padding:6px 9px}
.mcp-flow li:not(:last-child)::after{content:" →" / "";margin-inline-start:5px;color:var(--mint)}
.mcp-examples{min-width:0;padding:16px;border:1px solid var(--line);border-radius:12px;background:#0e172b}
.mcp-examples h4{margin:0 0 10px}
.mcp-examples blockquote{margin:0 0 10px;padding:8px 12px;border-inline-start:2px solid var(--mint);background:#a0efda0d;font-size:14px;line-height:1.5}