/* A/B / Technical support — original CSS/SVG visual requested by the user. */
:is(.binary,.aster) .security-network{--trace:rgb(var(--support-accent-rgb,69 170 248));position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 270px minmax(0,1fr);grid-template-rows:repeat(var(--network-rows,3),minmax(154px,auto));gap:18px 34px;max-width:1280px;margin:auto;padding:16px 0;min-width:0}
:is(.binary,.aster) .security-network:before{content:"";position:absolute;inset:0 -30px;z-index:-2;background:radial-gradient(ellipse at 50% 48%,rgb(var(--support-subtle-rgb,10 60 100) / 0.14902),transparent 58%);pointer-events:none}
:is(.binary,.aster) #support:has(.security-network){position:relative;background:linear-gradient(180deg,rgb(var(--support-night-rgb,5 12 24)),rgb(var(--support-night-rgb,7 16 30)) 50%,rgb(var(--support-night-rgb,5 11 21)));border-block:1px solid rgb(var(--support-subtle-rgb,55 89 120) / 0.14902)}
:is(.binary,.aster) #support:has(.security-network)>.section-head{margin-bottom:40px}
.support-traces{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible}
.support-traces path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}
.trace-track{stroke:rgb(var(--support-accent-rgb,64 125 162));stroke-width:1;opacity:.34}.trace-flow{stroke:rgb(var(--support-light-rgb,112 215 255));stroke-width:1.5;stroke-dasharray:8 80;opacity:.35;animation:network-flow 9s linear infinite;animation-play-state:paused}
.trace-port{fill:rgb(var(--support-light-rgb,122 214 255));stroke:rgb(var(--support-night-rgb,5 18 34));stroke-width:3;opacity:.7}
.security-network.is-inview .trace-flow{animation-play-state:running}.security-network.has-active .support-traces g{opacity:.18;transition:opacity .25s}
.security-network.has-active .support-traces g.is-active{opacity:1}.support-traces g.is-active .trace-track{stroke:rgb(var(--support-accent-rgb,106 206 255));opacity:.8}.support-traces g.is-active .trace-flow{opacity:1;stroke-width:2}
:is(.binary,.aster) .support-node{grid-column:var(--node-column);grid-row:var(--node-row);position:relative;z-index:2;min-width:0;padding:22px 26px 24px;background:linear-gradient(120deg,rgb(var(--support-panel-rgb,12 30 48) / 0.93725),rgb(var(--support-night-rgb,7 19 31) / 0.96863));border:1px solid rgb(var(--support-subtle-rgb,53 93 122) / 0.45098);border-radius:3px 18px 3px 18px;box-shadow:0 10px 35px #0002,inset 0 1px 0 rgb(var(--support-muted-rgb,196 231 255) / 0.03137);transition:background .3s,border-color .3s,transform .3s,box-shadow .3s}
:is(.binary,.aster) .support-node:before{content:"";position:absolute;top:-1px;left:22px;width:38px;height:2px;background:rgb(var(--support-accent-rgb,93 185 246));opacity:.7;box-shadow:0 0 18px rgb(var(--support-accent-rgb,85 191 255) / 0.33333)}
:is(.binary,.aster) .support-node[data-side=right]{border-radius:18px 3px 18px 3px}:is(.binary,.aster) .support-node[data-side=right]:before{left:auto;right:22px}
.support-node-top{display:flex;align-items:center;gap:14px;min-height:46px;margin-bottom:10px}
.support-node-number{font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:2px;color:rgb(var(--support-light-rgb,125 199 240));opacity:.8}
.support-node-line{flex:0 1 40px;height:1px;background:rgb(var(--support-subtle-rgb,69 117 141) / 0.33333)}.support-node-art{display:flex;align-items:center;justify-content:flex-end;margin-left:auto;flex-shrink:0;width:58px;height:48px;color:rgb(var(--support-light-rgb,136 219 255));opacity:.9}.support-node-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:right center}.support-glyph{display:block;width:48px;height:48px;overflow:visible;filter:drop-shadow(0 0 7px rgb(var(--support-accent-rgb,73 186 255) / 0.13333))}
.support-glyph .glyph-surface{fill:rgb(var(--support-subtle-rgb,34 101 138) / 0.08627);stroke:rgb(var(--support-light-rgb,119 185 222))}.support-glyph .glyph-muted{stroke:rgb(var(--support-accent-rgb,83 150 190));opacity:.5}.support-glyph .glyph-faint{stroke:rgb(var(--support-accent-rgb,96 158 184));opacity:.28}.support-glyph .glyph-dot{fill:rgb(var(--support-light-rgb,161 236 255));stroke:none}.support-glyph .glyph-motion{animation-play-state:paused}.security-network.is-inview .support-glyph .glyph-motion{animation-play-state:running}
.glyph-shield-scan{animation:glyph-shield-scan 4.8s ease-in-out infinite;opacity:.65}.glyph-check{stroke:rgb(var(--support-light-rgb,184 242 255))}
.glyph-auth-out{animation:glyph-auth-out 3.6s ease-in-out infinite}.glyph-auth-in{animation:glyph-auth-in 3.6s ease-in-out infinite}
.glyph-backup-orbit{transform-origin:32px 32px;animation:network-orbit 12s linear infinite}.glyph-backup-light{animation:glyph-light 3s ease-in-out infinite}
.glyph-integrity-edge{animation:glyph-integrity 6s linear infinite;stroke:rgb(var(--support-muted-rgb,194 243 255));stroke-width:2}
.glyph-radar-sweep{transform-origin:32px 32px;animation:network-orbit 7s linear infinite}.glyph-radar-ping{transform-box:fill-box;transform-origin:center;animation:glyph-ping 3.5s ease-out infinite}
.glyph-privacy-scan{animation:glyph-privacy-scan 5.5s ease-in-out infinite;opacity:.7;filter:drop-shadow(0 0 3px rgb(var(--support-accent-rgb,101 214 255) / 0.40000))}
@keyframes glyph-shield-scan{0%,100%{transform:translateY(-5px);opacity:.1}45%,55%{transform:translateY(18px);opacity:.8}}
@keyframes glyph-auth-out{0%,100%{transform:translateX(-3px);opacity:.4}50%{transform:translateX(3px);opacity:1}}
@keyframes glyph-auth-in{0%,100%{transform:translateX(3px);opacity:.4}50%{transform:translateX(-3px);opacity:1}}
@keyframes glyph-light{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes glyph-integrity{to{stroke-dashoffset:-154}}
@keyframes glyph-ping{0%{transform:scale(.8);opacity:.7}75%,100%{transform:scale(2.8);opacity:0}}
@keyframes glyph-privacy-scan{0%,100%{transform:translateY(-5px);opacity:.15}50%{transform:translateY(23px);opacity:.85}}
:is(.binary,.aster) .support-node h3{font-size:18px;line-height:1.5;font-weight:550;letter-spacing:.02em;margin:0 0 9px;color:rgb(var(--support-text-rgb,223 237 255))}
:is(.binary,.aster) .support-node p{font-size:12px;line-height:1.9;margin:0;color:rgb(var(--support-muted-rgb,158 175 196))}
.support-node-port{position:absolute;top:50%;right:-5px;margin-top:-4px;width:8px;height:8px;border-radius:50%;background:rgb(var(--support-light-rgb,134 215 252));box-shadow:0 0 0 4px rgb(var(--support-panel-rgb,14 28 42)),0 0 18px rgb(var(--support-accent-rgb,60 169 231) / 0.40000);opacity:.65}
.support-node[data-side=right] .support-node-port{right:auto;left:-5px}
@media(hover:hover){:is(.binary,.aster) .support-node:hover,:is(.binary,.aster) .support-node:focus-within{border-color:rgb(var(--support-light-rgb,111 200 248));background:linear-gradient(120deg,rgb(var(--support-panel-rgb,18 49 74)),rgb(var(--support-panel-rgb,9 26 44)));box-shadow:0 12px 35px #0004,inset 0 0 25px rgb(var(--support-accent-rgb,81 185 250) / 0.03137);transform:translateY(-2px)}.support-node:hover .support-node-port{opacity:1;box-shadow:0 0 0 4px rgb(var(--support-panel-rgb,16 37 55)),0 0 25px rgb(var(--support-accent-rgb,82 187 255) / 0.73333)}.support-node:hover .support-node-number{color:rgb(var(--support-light-rgb,190 240 255));opacity:1}}
.support-hub{position:relative;z-index:1;grid-column:2;grid-row:1 / span var(--network-rows,3);align-self:center;justify-self:center;width:100%;text-align:center;pointer-events:none}
.support-hub-visual{position:relative;width:300px;max-width:112%;margin-left:50%;transform:translateX(-50%);aspect-ratio:1}
.support-orbit{width:100%;height:100%;display:block;overflow:visible;filter:drop-shadow(0 0 24px rgb(var(--support-accent-rgb,29 129 210) / 0.10196))}
.support-core-brand{position:absolute;top:39%;left:50%;transform:translate(-50%,-50%);width:103px;max-width:36%;opacity:.95;filter:drop-shadow(0 2px 7px #0009)}
.support-core-brand .brand-logo{width:100%;max-height:none;object-fit:contain}
.support-core-brand .brand-word{font-size:18px;white-space:nowrap;color:rgb(var(--support-text-rgb,213 237 255));font-weight:600}
.support-hub-caption{margin-top:1px;display:flex;flex-direction:column;gap:7px;align-items:center}.support-hub-caption>span{font-size:15px;line-height:1.7;letter-spacing:3px;color:rgb(var(--support-text-rgb,200 230 251))}.support-hub-caption>small{font:9px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:2px;color:rgb(var(--support-subtle-rgb,80 114 142))}
.orbit-rotation,.orbit-counter{transform-origin:160px 160px;animation:network-orbit 75s linear infinite;animation-play-state:paused}.orbit-counter{animation-duration:110s;animation-direction:reverse}
.security-network.is-inview .orbit-rotation,.security-network.is-inview .orbit-counter{animation-play-state:running}
.security-network.has-active .shield-face{filter:drop-shadow(0 0 7px rgb(var(--support-accent-rgb,56 140 227) / 0.30196))}.shield-glint{animation:shield-glint 6s ease-in-out infinite;animation-play-state:paused}.security-network.is-inview .shield-glint{animation-play-state:running}
@keyframes network-flow{to{stroke-dashoffset:-176}}
@keyframes network-orbit{to{transform:rotate(360deg)}}
@keyframes shield-glint{0%,100%{opacity:.3}50%{opacity:.85}}
@media(min-width:1500px){:is(.binary,.aster) .security-network{grid-template-columns:minmax(0,1fr) 320px minmax(0,1fr);column-gap:48px}.support-hub-visual{width:330px}:is(.binary,.aster) .support-node{padding:26px 30px}:is(.binary,.aster) .support-node h3{font-size:20px}:is(.binary,.aster) .support-node p{font-size:13px}}
@media(max-width:1050px) and (min-width:761px){:is(.binary,.aster) .security-network{grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);column-gap:20px}.support-hub-visual{width:230px;max-width:120%}.support-core-brand{width:82px}:is(.binary,.aster) .support-node{padding:20px}:is(.binary,.aster) .support-node h3{font-size:17px}:is(.binary,.aster) .support-node p{font-size:12px}.support-node-art{width:42px}.support-node-top{gap:10px}}
@media(max-width:760px){:is(.binary,.aster) #support:has(.security-network)>.section-head{margin-bottom:24px}:is(.binary,.aster) .security-network{display:flex;flex-direction:column;gap:14px;padding:0 0 0 22px;min-height:0}:is(.binary,.aster) .security-network:before{inset:160px auto 0 4px;width:1px;background:linear-gradient(180deg,rgb(var(--support-light-rgb,116 207 255) / 0.50196),rgb(var(--support-accent-rgb,50 119 179) / 0.28235) 90%,transparent);z-index:0}.support-traces{display:none}.support-hub{width:100%;padding:0 0 14px;margin-left:-11px}.support-hub-visual{width:230px;max-width:100%}.support-core-brand{width:80px}.support-hub-caption{margin-top:-4px;gap:5px}.support-hub-caption>span{font-size:14px;letter-spacing:2px}.support-hub-caption>small{font-size:8px}:is(.binary,.aster) .support-node,:is(.binary,.aster) .support-node[data-side=right]{width:100%;padding:21px 22px 23px;border-radius:3px 14px 3px 14px;min-height:0}:is(.binary,.aster) .support-node[data-side=right]:before{left:22px;right:auto}.support-node-top{margin-bottom:12px}:is(.binary,.aster) .support-node h3{font-size:18px;margin-bottom:9px}:is(.binary,.aster) .support-node p{font-size:13px;line-height:1.9}.support-node-port,.support-node[data-side=right] .support-node-port{left:-22px;right:auto;width:6px;height:6px;margin-top:-3px;box-shadow:0 0 0 4px rgb(var(--support-night-rgb,7 16 28)),0 0 16px rgb(var(--support-accent-rgb,65 172 255) / 0.26667)}.support-node-art{width:50px}.support-node-line{flex-basis:30px}}
@media(prefers-reduced-motion:reduce){.security-network *{animation:none!important;transition:none!important}.support-traces .trace-flow{stroke-dasharray:12 22;opacity:.3}}
@media(max-width:760px){:is(.binary,.aster) .security-network:before{top:300px}}
/* Keep connector geometry stable when a content locale uses RTL text. */
:is(.binary,.aster) .security-network{direction:ltr}
[dir=rtl] .support-node,[dir=rtl] .support-hub-caption{direction:rtl;text-align:right}

/* A uses the same geometry with a warm metallic palette; media pixels are untouched. */
.aster{--support-night-rgb:13 12 11;--support-panel-rgb:29 25 19;--support-subtle-rgb:139 114 66;--support-accent-rgb:202 164 88;--support-light-rgb:241 216 164;--support-text-rgb:242 233 214;--support-muted-rgb:177 165 142}
.aster .support-node h3{font-family:"Songti SC","Noto Serif CJK SC",Georgia,serif;font-weight:500;letter-spacing:.03em}
.aster .support-hub-caption>span{font-family:"Songti SC",Georgia,serif}