/* BY-R COSMOS v5 — staged. Official symbol contours preserved. */
:root{--byr-cyan:#63d9ff;--byr-orange:#ffb765;--byr-violet:#d19aff;--byr-emerald:#6cffc3}
body{background:radial-gradient(ellipse at 75% 14%,rgba(25,58,131,.21),transparent 36%),radial-gradient(ellipse at 70% 42%,rgba(103,23,102,.095),transparent 47%),#02050d}
#world{background:radial-gradient(ellipse at 70% 26%,rgba(36,74,170,.18),transparent 40%),#02050d}
.hero.shell{position:relative;isolation:isolate}
.hero.shell:before{background:radial-gradient(ellipse at 63% 43%,rgba(36,72,157,.2),transparent 42%),radial-gradient(ellipse at 70% 54%,rgba(184,29,89,.10),transparent 44%)}
.hero .hero-copy{z-index:20}
.hero .primary{background:linear-gradient(116deg,#fc2b58,#ba133c);color:white;box-shadow:0 12px 32px rgba(255,20,74,.24);border:1px solid rgba(255,110,144,.42)}
.hero .primary:hover{background:linear-gradient(116deg,#ff436c,#d81d48)}
.hero .r-world .node{min-width:178px;transition:filter .25s}
.hero .r-world .node-veydom{color:var(--byr-cyan)}
.hero .r-world .node-vraxi{color:var(--byr-orange)}
.hero .r-world .node-tavynia{color:var(--byr-violet)}
.hero .r-world .node-kairo{color:var(--byr-emerald)}
.hero .r-world .node .world-orb{border:1px solid rgba(231,247,255,.7);box-shadow:0 0 0 4px rgba(255,255,255,.04),0 0 22px color-mix(in srgb,currentColor 37%,transparent),0 12px 27px #000b,inset 0 2px 5px #fff7;position:absolute;isolation:isolate}
.hero .r-world .node .world-orb:before{background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 64%);border-radius:inherit;top:0;bottom:0;height:auto}
.hero .r-world .node:hover{filter:drop-shadow(0 0 12px currentColor)}
.hero .r-world .node b{font-weight:850}
.hero .r-world .r-monument{filter:drop-shadow(0 27px 34px #000b) drop-shadow(0 0 24px #e4274e96) drop-shadow(0 0 55px #d91c3d3b)}
.hero .r-world .core-nucleus{box-shadow:0 0 0 7px rgba(61,121,240,.15),0 0 34px rgba(92,215,255,.56),inset 0 1px 14px #a2ddff35}
.hero .r-world .ecosystem-stage-label{background:rgba(4,13,28,.78);color:#b9d4ee;backdrop-filter:blur(10px)}
.visual .byr-visual-mark{transition:transform .25s,box-shadow .25s}
.world-card:hover .visual .byr-visual-mark{transform:translate(-50%,-51%) scale(1.035);box-shadow:0 23px 46px #000d,0 0 25px rgba(115,190,255,.28)}
.kairo-visual .byr-visual-mark{border-color:rgba(114,255,198,.5)}
@media(min-width:1100px){
 .hero.shell{width:min(1500px,calc(100% - 64px));display:grid;grid-template-columns:minmax(360px,.78fr) minmax(610px,1.22fr);align-items:center;gap:0;min-height:780px;padding:45px 0 75px;overflow:clip}
 .hero .hero-copy{text-align:left;width:100%;max-width:615px;margin:0;padding:0 10px 42px 0;z-index:20}
 .hero .hero-copy:before{left:0;transform:none}
 .hero .eyebrow{text-align:left}
 .hero h1{font-size:clamp(3.6rem,5.25vw,6.7rem);line-height:1.035;letter-spacing:-.064em;text-wrap:balance}
 .hero .lead{margin:24px 0 0;max-width:550px}
 .hero .hero-actions{justify-content:flex-start}
 .hero .r-world{width:100%;min-height:680px;height:690px;margin:0;transform:none!important}
 .hero .r-world .monument{width:350px;height:470px}
 .hero .r-world .r-monument{width:347px;height:428px}
 .hero .r-world .r-ghost{width:355px;height:447px}
 .hero .r-world .orbit-1{width:515px;height:515px}
 .hero .r-world .orbit-2{width:665px;height:665px}
 .hero .r-world .orbit-3{width:795px;height:795px}
 .hero .r-world .node{min-width:150px;width:155px;max-width:165px;padding-left:59px}
 .hero .r-world .node .world-orb{width:50px;height:50px}
 .hero .r-world .node-veydom{left:0;top:12%;right:auto;bottom:auto}
 .hero .r-world .node-vraxi{right:0;top:12%;left:auto;bottom:auto}
 .hero .r-world .node-tavynia{left:0;bottom:11%;right:auto;top:auto}
 .hero .r-world .node-kairo{right:0;bottom:11%;left:auto;top:auto}
 .core-nucleus{width:86px;height:86px}
 .hero .r-world .planet-horizon{opacity:.62}
}
@media(max-width:1099px){.hero.shell{overflow:clip}.hero .r-world{transform:none!important}}
@media(max-width:680px){
 .hero .r-world .node{min-width:112px;max-width:140px;padding-left:40px}
 .hero .r-world .node .world-orb{width:34px;height:34px;left:2px;top:50%}
 .hero .r-world .node b{font-size:.66rem}
 .hero .r-world .planet-horizon{opacity:.32}
 .hero .r-world .monument{z-index:7}
}
@media(max-width:380px){.hero .r-world .node{min-width:104px;max-width:119px;padding-left:36px}.hero .r-world .node .world-orb{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.hero .r-world .node .world-orb,.visual .byr-visual-mark{transition:none!important}}