/* Vision v7 (13 Sep 2026): the locked copy on four coded visuals: the founder's week (raised dark surface, James's pick 3a), the inline-mark band, the Nexus hub (the one wire drawing), the team's change record; rules numbered; who = text split. Page-only vs- rules; hv- components come from home-v5.css and sub-v5.css. Never edit the shared files.
   Grammar (James, 13 Sep, Krowtt + Optivon references): idea-visualising compositions from real tool marks, avatars, connectors and raised surfaces; one visual idea and one layout per beat; the site's own identity throughout. */
:root{--vs-chip:56px;--vs-ring:rgba(53,185,228,.55);--vs-shadow-dark:0 24px 60px rgba(0,0,0,.45),0 1px 0 rgba(255,255,255,.1) inset;--vs-shadow-light:0 30px 65px rgba(20,47,77,.14),0 5px 15px rgba(20,47,77,.07)}

/* ---- shared figure pieces ---- */
.vs-fig{position:relative;margin:0}
.vs-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.vs-glow{fill:none;stroke:#35B9E4;stroke-opacity:.10;stroke-width:5;stroke-linecap:round}
.vs-wire{fill:none;stroke-width:1.6;stroke-linecap:round}
.vs-pulse{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:14 1400;stroke-dashoffset:1400;opacity:0}
.vs-dot{fill:var(--navy);stroke:#35B9E4;stroke-width:1.6}
.hv-light .vs-dot{fill:#fff}
.vs-chips{list-style:none;margin:0;padding:0}
.vs-chip,.vs-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%)}
.vs-chip{width:var(--vs-chip);height:var(--vs-chip);border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.7) inset}
.hv-light .vs-chip{box-shadow:0 14px 34px rgba(20,47,77,.16),0 0 0 1px rgba(20,47,77,.06)}
.vs-chip img{display:block;width:28px;height:28px;object-fit:contain}
.vs-chip-lg{--vs-chip:66px}.vs-chip-lg img{width:32px;height:32px}
.vs-chip-hl img,img.vs-hl{object-fit:cover!important;object-position:left center}
.vs-av{width:34px;height:34px;border-radius:50%;background:#1f3a63;color:#fff;display:inline-flex;align-items:center;justify-content:center;font:700 12px/1 var(--body);letter-spacing:.02em;flex:none;box-shadow:0 0 0 2px rgba(255,255,255,.12)}
.vs-node{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.vs-orb{width:164px;height:164px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 38% 32%,#2a7fb6 0%,#12466f 42%,var(--navy) 100%);box-shadow:0 0 0 1px var(--vs-ring),0 0 0 14px rgba(53,185,228,.06),0 0 90px rgba(53,185,228,.35),0 30px 70px rgba(0,0,0,.55);position:relative}
.vs-orb:before{content:"";position:absolute;inset:-30px;border-radius:50%;border:1px solid rgba(53,185,228,.2)}.vs-orb:after{content:"";position:absolute;inset:-64px;border-radius:50%;border:1px solid rgba(53,185,228,.09)}
.vs-orb img{display:block;width:76px;height:76px;border-radius:18px}
.vs-plate{font:600 13px/1 var(--body);letter-spacing:.04em;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:9px 16px;backdrop-filter:blur(6px)}
.vs-grid{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.26) 1.2px,transparent 1.6px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 40% 62% at 50% 48%,#000 10%,transparent 100%);mask-image:radial-gradient(ellipse 40% 62% at 50% 48%,#000 10%,transparent 100%)}
.vs-mini-orb{width:32px;height:32px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle at 38% 32%,#2a7fb6,#12466f 60%,#0b2740);box-shadow:0 0 0 1px var(--vs-ring),0 0 18px rgba(53,185,228,.35)}
.vs-mini-orb img{display:block;width:18px;height:18px;border-radius:4px}

/* ---- split layouts (ceiling, build) ---- */
.vs-split{display:grid;grid-template-columns:.92fr 1.08fr;gap:72px;align-items:center}
.vs-split-rev{grid-template-columns:1.08fr .92fr}
.vs-split h2{text-align:left;font-size:54px;line-height:1.06;margin:0;max-width:none;text-wrap:initial}
.vs-split .hv-lead{margin:22px 0 0;max-width:460px}
.vs-ceiling .hv-lead{color:var(--hv-muted-dark)}
.vs-build .hv-lead{color:var(--hv-muted)}
.vs-build h2{color:var(--ink)}

/* 1 · ceiling: the founder's week (two questions a day, no tool marks; from vision-design/ceiling round 2, 3a) */
.vs-week{width:100%;max-width:600px;justify-self:end;border-radius:22px;padding:22px 22px 20px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));box-shadow:var(--vs-shadow-dark),0 0 0 1px rgba(255,255,255,.1) inset;font-family:var(--body);color:#fff}
.vs-week-head{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}
.vs-av-md{width:40px;height:40px;font-size:14px;background:linear-gradient(160deg,#35506f,#1c3050);box-shadow:0 0 0 2px rgba(53,185,228,.5)}
.vs-week-head b{display:block;font:600 16px/1.2 var(--display);letter-spacing:-.01em}
.vs-week-head div span{display:block;font:400 12px/1.4 var(--body);color:var(--hv-muted-dark)}
.vs-week-tag{margin-left:auto;font:500 12px/1 var(--body);color:#fff;background:rgba(53,185,228,.18);border:1px solid rgba(53,185,228,.4);border-radius:999px;padding:7px 11px;white-space:nowrap}
.vs-week-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px}
.vs-day h5{margin:0 0 8px;font:600 11px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--hv-muted-dark)}
.vs-day ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.vs-day li{display:flex;flex-direction:column;gap:8px;background:rgba(255,255,255,.06);border-radius:14px;padding:12px 12px 13px}
.vs-av-xs{width:22px;height:22px;font-size:10px;box-shadow:none}
.vs-ask{display:block;font:500 13px/1.3 var(--body);color:rgba(255,255,255,.88);letter-spacing:-.005em}
.js .vs-week li{opacity:0;transform:translateY(6px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.js .vs-week.vs-live li{opacity:1;transform:none}
.js .vs-week .vs-day:nth-child(2) li{transition-delay:.08s}.js .vs-week .vs-day:nth-child(3) li{transition-delay:.16s}.js .vs-week .vs-day:nth-child(4) li{transition-delay:.24s}.js .vs-week .vs-day:nth-child(5) li{transition-delay:.32s}
.js .vs-week li:nth-child(2){transition-delay:.4s}.js .vs-week .vs-day:nth-child(2) li:nth-child(2){transition-delay:.48s}.js .vs-week .vs-day:nth-child(3) li:nth-child(2){transition-delay:.56s}.js .vs-week .vs-day:nth-child(4) li:nth-child(2){transition-delay:.64s}.js .vs-week .vs-day:nth-child(5) li:nth-child(2){transition-delay:.72s}

/* 2 · hours: the dark band with the idea inline */
.vs-hours .hv-wrap{max-width:1180px}
.vs-band{background:var(--navy);border-radius:32px;padding:104px 72px 96px;box-shadow:var(--vs-shadow-dark);position:relative;overflow:hidden;isolation:isolate}
.vs-band:before{content:"";position:absolute;inset:-40% -20% auto;height:120%;background:radial-gradient(ellipse 40% 50% at 50% 30%,rgba(53,185,228,.22),transparent 70%);pointer-events:none;z-index:-1}
.vs-band h2{color:#fff;font-size:56px;line-height:1.12;max-width:920px;margin:0 auto}
.vs-band .hv-sub{color:var(--hv-muted-dark);margin-top:34px}
.vs-inline{display:inline-flex;align-items:center;vertical-align:middle;margin:0 10px 0 14px;position:relative;top:-4px}
.vs-inline i{width:48px;height:48px;border-radius:50%;background:#fff;display:inline-flex;align-items:center;justify-content:center;margin-left:-11px;box-shadow:0 10px 26px rgba(0,0,0,.4),0 0 0 3px var(--navy);font:700 15px/1 var(--body);font-style:normal;color:#fff}
.vs-inline i:first-child{margin-left:0}
.vs-inline i img{width:22px;height:22px;display:block;object-fit:contain}
.vs-inline-people i{background:linear-gradient(160deg,#2b4d7c,#1a2f52)}
.vs-inline-people i:nth-child(2){background:linear-gradient(160deg,#2a7fb6,#14638f)}
.vs-inline-people i:nth-child(3){background:linear-gradient(160deg,#35506f,#1c3050)}
.js .vs-live .vs-inline i{animation:vs-float 5s ease-in-out infinite}
.js .vs-live .vs-inline i:nth-child(2){animation-delay:-1.7s}.js .vs-live .vs-inline i:nth-child(3){animation-delay:-3.4s}
.vs-cite{font:400 14px/1.6 var(--body);color:#8fa6ba;max-width:660px;margin:26px auto 0;text-align:center}
.vs-cite span{display:block;margin-top:6px;font-size:12px;letter-spacing:.02em;color:#6f8aa3}

/* 3 · owned: the hub */
.vs-owned .hv-sub{max-width:760px}
.vs-hub{aspect-ratio:1100/560;width:100%;max-width:1100px;margin:64px auto 0}.vs-hub:before{content:"";position:absolute;left:50%;top:48%;width:520px;height:520px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(53,185,228,.16),rgba(53,185,228,0) 62%);pointer-events:none}
.js .vs-live .vs-core .vs-orb{animation:vs-breathe 4.5s ease-in-out infinite}

/* 4 · build: the record on a raised surface */
.vs-panel{background:#fff;color:var(--ink);border-radius:22px;box-shadow:var(--vs-shadow-light);padding:26px 28px 22px;font-family:var(--body);max-width:560px;width:100%;justify-self:start;position:relative;isolation:isolate}.vs-panel:before{content:"";position:absolute;left:22px;right:22px;top:-12px;height:40px;border-radius:18px 18px 0 0;background:#fff;opacity:.55;box-shadow:0 -6px 20px rgba(20,47,77,.06);z-index:-1}
.vs-panel-head{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--hv-line)}
.vs-panel-head b{font:600 17px/1.2 var(--display);letter-spacing:-.01em}
.vs-panel-tag{margin-left:auto;font:500 12px/1 var(--body);color:var(--hv-cyan-ink);background:color-mix(in srgb,var(--cyan) 14%,white);border-radius:999px;padding:7px 11px}
.vs-avs{display:inline-flex}.vs-avs .vs-av{width:30px;height:30px;font-size:12px;margin-left:-8px;box-shadow:0 0 0 2px #fff}.vs-avs .vs-av:first-child{margin-left:0}
.vs-rows{list-style:none;margin:0;padding:0}
.vs-rows li{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--hv-line)}
.vs-rows li div{flex:1;min-width:0}
.vs-rows b{display:block;font:600 14px/1.3 var(--body);color:var(--ink)}
.vs-rows li div span{display:block;font:400 14px/1.5 var(--body);color:var(--hv-muted);margin-top:3px}
.vs-rows img{flex:none;width:24px;height:24px;object-fit:contain;opacity:.95}
.vs-panel-foot{display:flex;align-items:center;gap:12px;padding-top:18px;font:500 13px/1.4 var(--body);color:var(--hv-muted)}

/* 5 · judgment: the three rules, numbered (no figure) */
.vs-judgment .hv-points{margin-top:72px}
.vs-judgment .hv-pt h4{color:#fff}
.vs-num{display:block;font:600 13px/1 var(--body);letter-spacing:.14em;color:var(--hv-cyan);margin:0 0 18px;font-variant-numeric:tabular-nums}

/* 6 · who: headline left, the two paragraphs right (no figure) */
.vs-who-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:72px;align-items:start}
.vs-who h2{text-align:left;font-size:54px;line-height:1.06;margin:0;max-width:none;text-wrap:balance;color:var(--ink)}
.vs-who-copy{padding-top:10px}
.vs-who .hv-lead{margin:0;max-width:460px;color:var(--hv-muted)}
.vs-who .hv-lead+.hv-lead{margin-top:22px}

/* ---- motion: lines draw in, pulses travel, once the figure is on screen (sub-vision.js adds vs-live) ---- */
.js .vs-fig .vs-wire,.js .vs-fig .vs-glow{stroke-dasharray:1400;stroke-dashoffset:1400}
.js .vs-fig .vs-dot,.js .vs-fig .vs-chip{opacity:0;transition:opacity .6s var(--ease) .5s}
.js .vs-live .vs-wire,.js .vs-live .vs-glow{animation:vs-draw 1.1s var(--ease) forwards}
.js .vs-live .vs-dot,.js .vs-live .vs-chip{opacity:1}
.js .vs-live .vs-pulse{opacity:.9;animation:vs-run 4.2s linear 1.4s infinite}
.js .vs-live .vs-pulse:nth-of-type(2n){animation-delay:2.4s}.js .vs-live .vs-pulse:nth-of-type(3n){animation-delay:3.1s}
@keyframes vs-draw{to{stroke-dashoffset:0}}
@keyframes vs-run{from{stroke-dashoffset:1400}to{stroke-dashoffset:-14}}
@keyframes vs-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes vs-breathe{0%,100%{box-shadow:0 0 0 1px var(--vs-ring),0 0 0 14px rgba(53,185,228,.06),0 0 90px rgba(53,185,228,.35),0 30px 70px rgba(0,0,0,.55)}50%{box-shadow:0 0 0 1px var(--vs-ring),0 0 0 22px rgba(53,185,228,.05),0 0 120px rgba(53,185,228,.5),0 30px 70px rgba(0,0,0,.55)}}
@media(prefers-reduced-motion:reduce){.js .vs-week li{opacity:1;transform:none;transition:none}.js .vs-fig .vs-wire,.js .vs-fig .vs-glow{stroke-dashoffset:0;animation:none}.js .vs-fig .vs-dot,.js .vs-fig .vs-chip{opacity:1;transition:none}.vs-pulse,.js .vs-live .vs-inline i,.js .vs-live .vs-core .vs-orb{animation:none!important;opacity:0}.js .vs-live .vs-inline i,.js .vs-live .vs-core .vs-orb{opacity:1}}

/* ---- responsive ---- */
@media(max-width:1100px){.vs-split,.vs-split-rev{grid-template-columns:1fr 1fr;gap:48px}.vs-split h2{font-size:44px}.vs-band h2{font-size:46px}.vs-who-grid{gap:48px}.vs-who h2{font-size:44px}}
@media(max-width:900px){
.vs-split,.vs-split-rev{grid-template-columns:1fr;gap:40px}
.vs-split-rev .vs-panel{order:2}
.vs-week{justify-self:center;padding:18px 16px 16px}
.vs-week-tag{display:none}
.vs-week-grid{grid-template-columns:1fr;gap:10px}
.vs-day ul{grid-template-columns:1fr 1fr}
.vs-day li{padding:10px 12px 11px}
.vs-band{padding:72px 36px 64px;border-radius:26px}
.vs-band h2{font-size:38px}
.vs-inline i{width:36px;height:36px;font-size:12px;margin-left:-9px}.vs-inline i img{width:17px;height:17px}
/* the hub recomposes: lines off, core first, chips in a grid */
.vs-hub{aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;gap:28px;margin-top:44px}
.vs-hub .vs-lines,.vs-grid{display:none}
.vs-hub .vs-chip,.vs-hub .vs-node{position:static;transform:none}
.vs-hub .vs-chips{display:grid;grid-template-columns:repeat(4,auto);gap:16px;justify-content:center}
.vs-hub .vs-core{order:-1}
.vs-judgment .hv-points{margin-top:56px}
.vs-who-grid{grid-template-columns:1fr;gap:28px}
.vs-who-copy{padding-top:0}
}
@media(max-width:600px){
.vs-split h2,.vs-who h2{font-size:34px}
.vs-band{padding:56px 24px 52px}.vs-band h2{font-size:30px}
.vs-inline{margin:0 6px 0 8px;top:-2px}.vs-inline i{width:30px;height:30px;font-size:11px;margin-left:-8px}.vs-inline i img{width:14px;height:14px}
.vs-hub .vs-chips{grid-template-columns:repeat(4,auto);gap:12px}.vs-chip-lg{--vs-chip:54px}.vs-chip-lg img{width:26px;height:26px}
.vs-panel{padding:20px 18px 16px}.vs-panel-tag{display:none}
.vs-cite{margin-top:20px}
}

/* ---- 14 Sep: the hub made livelier (James: "even cooler"). Marks pop in one after another; traffic runs both ways on the wires (white in, cyan out); the core answers each arrival with a ring and wears a slow-turning arc; the dot field drifts; a mark under the pointer lifts and lights its own wire. Reduced motion: the finished state, no traffic. ---- */
.js .vs-hub .vs-chip{opacity:0;transform:translate(-50%,-50%) scale(.6);transition:opacity .55s var(--ease),transform .7s var(--ease),box-shadow .35s var(--ease)}
.js .vs-hub.vs-live .vs-chip{opacity:1;transform:translate(-50%,-50%) scale(1);transition-delay:calc(.3s + var(--i,0)*.09s)}
.js .vs-hub.vs-live .vs-chip:hover{transform:translate(-50%,-50%) scale(1.1);transition-delay:0s;box-shadow:0 14px 34px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.7) inset,0 0 0 6px rgba(53,185,228,.18),0 0 40px rgba(53,185,228,.45)}
.vs-wire,.vs-glow{transition:stroke .3s var(--ease),stroke-width .3s var(--ease),stroke-opacity .3s var(--ease)}
.vs-hub:has(.vs-chip[data-w="1"]:hover) .vs-wire[data-w="1"]{stroke:#fff;stroke-width:2.4}.vs-hub:has(.vs-chip[data-w="1"]:hover) .vs-glow[data-w="1"]{stroke-opacity:.35}
.vs-hub:has(.vs-chip[data-w="2"]:hover) .vs-wire[data-w="2"]{stroke:#fff;stroke-width:2.4}.vs-hub:has(.vs-chip[data-w="2"]:hover) .vs-glow[data-w="2"]{stroke-opacity:.35}
.vs-hub:has(.vs-chip[data-w="3"]:hover) .vs-wire[data-w="3"]{stroke:#fff;stroke-width:2.4}.vs-hub:has(.vs-chip[data-w="3"]:hover) .vs-glow[data-w="3"]{stroke-opacity:.35}
.vs-hub:has(.vs-chip[data-w="4"]:hover) .vs-wire[data-w="4"]{stroke:#fff;stroke-width:2.4}.vs-hub:has(.vs-chip[data-w="4"]:hover) .vs-glow[data-w="4"]{stroke-opacity:.35}
.vs-hub:has(.vs-chip[data-w="5"]:hover) .vs-wire[data-w="5"]{stroke:#fff;stroke-width:2.4}.vs-hub:has(.vs-chip[data-w="5"]:hover) .vs-glow[data-w="5"]{stroke-opacity:.35}
.vs-hub:has(.vs-chip[data-w="6"]:hover) .vs-wire[data-w="6"]{stroke:#fff;stroke-width:2.4}.vs-hub:has(.vs-chip[data-w="6"]:hover) .vs-glow[data-w="6"]{stroke-opacity:.35}
.vs-hub:has(.vs-chip[data-w="7"]:hover) .vs-wire[data-w="7"]{stroke:#fff;stroke-width:2.4}.vs-hub:has(.vs-chip[data-w="7"]:hover) .vs-glow[data-w="7"]{stroke-opacity:.35}
.vs-hub:has(.vs-chip[data-w="8"]:hover) .vs-wire[data-w="8"]{stroke:#fff;stroke-width:2.4}.vs-hub:has(.vs-chip[data-w="8"]:hover) .vs-glow[data-w="8"]{stroke-opacity:.35}
.vs-pulse-out{stroke:#35B9E4;stroke-width:1.8;stroke-dasharray:9 1400}
.js .vs-live .vs-pulse-out{opacity:.85;animation:vs-run-out 5.1s linear 3.2s infinite}
.js .vs-live .vs-pulse-out:nth-of-type(2n){animation-delay:4.6s}.js .vs-live .vs-pulse-out:nth-of-type(3n){animation-delay:5.4s}
@keyframes vs-run-out{from{stroke-dashoffset:-14}to{stroke-dashoffset:1400}}
.vs-sonar{position:absolute;inset:-1px;border-radius:50%;border:1.5px solid rgba(53,185,228,.75);opacity:0;pointer-events:none}
.js .vs-live .vs-sonar{animation:vs-sonar 4.2s cubic-bezier(.2,.6,.3,1) 2.85s infinite}
@keyframes vs-sonar{0%{transform:scale(1);opacity:.75}60%{opacity:.18}100%{transform:scale(2.3);opacity:0}}
.js .vs-live .vs-orb:before{border-color:rgba(53,185,228,.1);background:conic-gradient(from 0deg,transparent 0 70%,rgba(53,185,228,.85) 88%,transparent 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));animation:vs-spin 14s linear infinite}
@keyframes vs-spin{to{transform:rotate(360deg)}}
.js .vs-live .vs-grid{animation:vs-grid 48s linear infinite}
@keyframes vs-grid{to{background-position:22px 22px}}
@media(prefers-reduced-motion:reduce){.js .vs-hub .vs-chip{opacity:1;transform:translate(-50%,-50%);transition:none}.js .vs-live .vs-pulse-out,.js .vs-live .vs-sonar,.js .vs-live .vs-orb:before,.js .vs-live .vs-grid{animation:none!important}.js .vs-live .vs-pulse-out,.js .vs-live .vs-sonar{opacity:0}.js .vs-live .vs-orb:before{background:none;-webkit-mask:none;mask:none;border-color:rgba(53,185,228,.2)}}

/* ---- 14 Sep: the hub core is the company, powered by Nexus (James: "the company being the centred piece powered by Nexus") ---- */
.vs-company{gap:36px}
.vs-orb-co{width:204px;height:204px;flex-direction:column;gap:12px;padding-top:2px;background:radial-gradient(circle at 38% 28%,#1e5f8c 0%,#0f3f66 44%,var(--navy) 100%)}
.vs-co-name{font:600 16px/1 var(--display);letter-spacing:-.01em;color:#fff}
.vs-co-team{display:inline-flex}
.vs-co-team .vs-av{width:34px;height:34px;font-size:12px;margin-left:-9px;box-shadow:0 0 0 2px #0f3f66;background:linear-gradient(160deg,#35506f,#1c3050)}
.vs-co-team .vs-av:first-child{margin-left:0}.vs-co-team .vs-av:nth-child(2){background:linear-gradient(160deg,#2a7fb6,#14638f)}.vs-co-team .vs-av:nth-child(4){background:linear-gradient(160deg,#2b4d7c,#1a2f52)}
.vs-engine{position:absolute;left:50%;bottom:-24px;transform:translateX(-50%);width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#14638f,#071d2b 70%);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px var(--navy),0 0 0 5px var(--vs-ring),0 0 34px rgba(53,185,228,.6),0 14px 30px rgba(0,0,0,.5)}
.vs-engine img{width:36px;height:36px;border-radius:9px;display:block}
.vs-engine .vs-sonar{inset:-5px;border-width:1.5px}
.js .vs-live .vs-engine{animation:vs-engine 4.5s ease-in-out infinite}
@keyframes vs-engine{0%,100%{box-shadow:0 0 0 4px var(--navy),0 0 0 5px var(--vs-ring),0 0 34px rgba(53,185,228,.6),0 14px 30px rgba(0,0,0,.5)}50%{box-shadow:0 0 0 4px var(--navy),0 0 0 5px var(--vs-ring),0 0 56px rgba(53,185,228,.85),0 14px 30px rgba(0,0,0,.5)}}
@media(max-width:900px){.vs-orb-co{width:180px;height:180px}.vs-company{gap:34px}}
@media(prefers-reduced-motion:reduce){.js .vs-live .vs-engine{animation:none}}

/* ---- 14 Sep: the record of what the team taught Nexus (#build) ---- */
.vs-taught li{align-items:flex-start;padding:16px 0}
.vs-taught li>.vs-av{margin-top:2px}
.vs-said{display:block;font:500 15px/1.4 var(--body);color:var(--ink);margin-top:4px}
.vs-reply{display:flex;align-items:center;gap:8px;margin-top:9px;font:400 13.5px/1.4 var(--body);color:var(--hv-muted)}
.vs-reply .vs-mini-orb{width:22px;height:22px;box-shadow:0 0 0 1px var(--vs-ring),0 0 10px rgba(53,185,228,.3)}
.vs-reply .vs-mini-orb img{width:13px;height:13px;border-radius:3px}
.vs-taught>li>img{margin-top:3px}
.vs-panel-foot span:only-child{padding-left:2px}
.vs-rows li div .vs-reply{display:flex;align-items:center;gap:8px;margin-top:9px}
.vs-rows li div .vs-reply .vs-mini-orb{display:inline-flex;margin:0}
.vs-co-team .vs-av{margin-left:-6px}
