/* BY-R Visual System v10 — shared homepage / social visual polish.
   NO changes to official symbols, the v9 R movement, or Core architecture.
   All visuals are purely CSS and low-cost static transforms. */
:root{
 --byr-v10-brand:#ff3c63;
 --byr-v10-home:#64e6d4;
 --byr-v10-life:#ffb366;
 --byr-v10-health:#ca9bff;
 --byr-v10-archive:#65efba;
}
.world-card{--byr-v10-accent:var(--byr-v10-home);
  border-color:color-mix(in srgb,var(--byr-v10-accent) 27%,transparent);
  background:radial-gradient(ellipse at 84% 17%,color-mix(in srgb,var(--byr-v10-accent) 9%,transparent),transparent 57%),
  linear-gradient(160deg,rgba(9,19,34,.92),rgba(4,8,18,.96));
  box-shadow:0 30px 78px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.055);
}
.world-card.featured{--byr-v10-accent:var(--byr-v10-home)}
.world-card:nth-child(2){--byr-v10-accent:var(--byr-v10-life)}
.world-card:nth-child(3){--byr-v10-accent:var(--byr-v10-health)}
.world-card.kairo-card{--byr-v10-accent:var(--byr-v10-archive)}
.world-card:before{content:"";position:absolute;z-index:2;top:0;left:11%;right:11%;height:1px;
 background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--byr-v10-accent) 72%,transparent),transparent);
 box-shadow:0 0 18px color-mix(in srgb,var(--byr-v10-accent) 27%,transparent);pointer-events:none}
.world-card:hover,.world-card:focus-within{
 border-color:color-mix(in srgb,var(--byr-v10-accent) 52%,rgba(255,255,255,.1));
 box-shadow:0 32px 85px rgba(0,0,0,.4),0 0 34px color-mix(in srgb,var(--byr-v10-accent) 9%,transparent);
}
.world-card .card-meta{border-top-color:color-mix(in srgb,var(--byr-v10-accent) 26%,transparent)}
.world-card .card-meta a{color:var(--byr-v10-accent);text-underline-offset:4px}
.world-card .card-meta a:focus-visible{outline:2px solid var(--byr-v10-accent);outline-offset:7px;border-radius:3px}
.world-card .visual{border-color:color-mix(in srgb,var(--byr-v10-accent) 30%,transparent);
 background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--byr-v10-accent) 16%,transparent),rgba(8,15,28,.46) 72%);
 box-shadow:inset 0 2px 18px rgba(0,0,0,.18),0 12px 30px rgba(0,0,0,.17)}
.world-card .byr-visual-mark{filter:drop-shadow(0 11px 20px #0009)}
.hero .r-world .node{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
 border-color:color-mix(in srgb,currentColor 30%,rgba(255,255,255,.12));
 background:linear-gradient(120deg,rgba(13,24,42,.92),rgba(8,12,30,.93));
 box-shadow:0 12px 38px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.09)}
.hero .r-world .node:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.hero .r-world .node .world-orb{
 border-color:color-mix(in srgb,currentColor 52%,white 18%);
 box-shadow:0 13px 22px rgba(0,0,0,.58),0 0 23px color-mix(in srgb,currentColor 23%,transparent),
 inset 0 1px 2px rgba(255,255,255,.39)}
/* Animate light flow on existing SVG connection paths, not on the costly blur layers. */
.hero .ecosystem-links path{stroke-width:2;stroke-dasharray:4 11;opacity:.78;
 filter:drop-shadow(0 0 4px rgba(115,205,255,.4))}
.hero .r-world[data-active] .ecosystem-links path{opacity:.46}
.hero .r-world[data-active="veydom"] #link-veydom,
.hero .r-world[data-active="vraxi"] #link-vraxi,
.hero .r-world[data-active="tavynia"] #link-tavynia,
.hero .r-world[data-active="kairo"] #link-kairo{opacity:1;stroke-width:2.8}
/* Shared social cards: match the exact palette of the four product worlds. */
.social-world{--byr-v10-accent:var(--byr-v10-brand);
 border-color:color-mix(in srgb,var(--byr-v10-accent) 27%,transparent);
 background:radial-gradient(ellipse at 88% 10%,color-mix(in srgb,var(--byr-v10-accent) 10%,transparent),transparent 45%),
 linear-gradient(152deg,rgba(8,18,33,.95),rgba(3,8,17,.97));
 box-shadow:0 26px 64px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04);
}
.social-world.veydom-world{--byr-v10-accent:var(--byr-v10-home)}
.social-world.vraxi-world{--byr-v10-accent:var(--byr-v10-life)}
.social-world.tavynia-world{--byr-v10-accent:var(--byr-v10-health)}
.social-world:before{content:"";position:absolute;top:0;left:11%;right:11%;height:1px;z-index:3;
 background:linear-gradient(90deg,transparent,var(--byr-v10-accent),transparent);
 box-shadow:0 0 17px color-mix(in srgb,var(--byr-v10-accent) 40%,transparent)}
.social-world-head>img{border-color:color-mix(in srgb,var(--byr-v10-accent) 36%,transparent);
 box-shadow:0 14px 31px #0009,0 0 22px color-mix(in srgb,var(--byr-v10-accent) 13%,transparent)}
.social-world .world-index{color:var(--byr-v10-accent)}
.social-world .social-links a:hover,.social-world .social-links a:focus-visible{
 border-color:color-mix(in srgb,var(--byr-v10-accent) 37%,transparent);
 background:color-mix(in srgb,var(--byr-v10-accent) 7%,rgba(6,12,23,.78))}
.social-world .social-links a:focus-visible{outline:2px solid var(--byr-v10-accent);outline-offset:2px}
.social-world .social-links a b{color:var(--byr-v10-accent)}
@media(max-width:680px){
 .world-card:before,.social-world:before{left:14%;right:14%}
 .hero .r-world .node{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
 .world-card .visual{box-shadow:inset 0 2px 13px #0003}
}
@media(prefers-reduced-motion:reduce){
 .world-card,.social-world,.hero .r-world .node{transition:none!important}
 .hero .ecosystem-links path{animation:none!important}
}