*{box-sizing:border-box}
:root{--bg:#020611;--panel:#071426;--line:#243b5c;--text:#f8fbff;--muted:#9fb0c8}
html,body{margin:0;min-height:100%;background:#020611;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}
body{background:radial-gradient(circle at 50% 44%,rgba(34,92,190,.13),transparent 34%),radial-gradient(circle at 15% 80%,rgba(0,180,255,.05),transparent 26%),radial-gradient(circle at 84% 20%,rgba(118,66,255,.06),transparent 24%),linear-gradient(180deg,#020611,#050b16)}
a{text-decoration:none;color:inherit}.page{width:min(1360px,96vw);margin:auto;padding:18px 0 32px}.top{display:flex;align-items:center;min-height:46px}.brand{font-weight:950;letter-spacing:.09em;font-size:22px}.brand small{display:block;font-size:9px;font-weight:700;letter-spacing:0;color:#7f91aa;margin-top:1px}.lang{margin-left:auto;position:relative;z-index:50}.lang button{border:1px solid #315079;background:#08172b;color:#fff;border-radius:999px;padding:9px 13px;font-weight:850;cursor:pointer}.menu{display:none;position:absolute;right:0;top:43px;width:130px;background:#071426;border:1px solid #29466a;border-radius:13px;overflow:hidden;box-shadow:0 18px 45px #0008}.lang.open .menu{display:block}.menu a{display:block;padding:10px 12px;color:#c9d5e7;font-size:12px}.menu a:hover{background:#10233e}
.hero{text-align:center;padding:0 0 2px}.hero h1{font-size:clamp(38px,4.8vw,62px);line-height:1.02;letter-spacing:-.045em;margin:6px 0 4px}.hero p{margin:0;color:#9fb0c8}.issue{display:inline-block;margin-top:12px;border:1px solid #28517f;background:#071326;border-radius:999px;padding:8px 14px;font-size:11px;color:#a9bdd8}.issue b{color:#5bc8ff;margin-right:8px}
.world-wrap{height:950px;position:relative;margin-top:0;overflow:visible}.world{position:absolute;left:50%;top:8px;width:1180px;height:920px;transform:translateX(-50%);transform-origin:top center}
.earth{position:absolute;left:50%;top:460px;transform:translate(-50%,-50%);width:500px;height:500px;border-radius:50%;background:url("../assets/earth_clean.png") center/cover no-repeat;overflow:hidden;border:1px solid rgba(86,157,255,.75);box-shadow:0 0 35px rgba(49,128,255,.32),0 0 105px rgba(49,128,255,.22);z-index:2}
.earth:after{content:"MORE THAN";position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);font-weight:950;font-size:32px;letter-spacing:.18em;color:#fff;white-space:nowrap;text-shadow:0 4px 18px #000,0 0 14px rgba(0,0,0,.7)}
.earth:before{content:"EXPLORE  •  CREATE  •  GROW";position:absolute;left:50%;top:59%;transform:translateX(-50%);font-size:9px;letter-spacing:.22em;color:#d7e6ff;white-space:nowrap;z-index:2;text-shadow:0 2px 10px #000}
.orbit{position:absolute;left:50%;top:460px;transform:translate(-50%,-50%);border:1px solid rgba(105,145,240,.28);border-radius:50%;pointer-events:none}.o1{width:535px;height:535px}.o2{width:610px;height:610px;border-style:dashed}.o3{width:665px;height:665px;opacity:.42}
.group{--c:#48a0ff;position:absolute;z-index:9}.node{position:absolute;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#06152a;border:2px solid var(--c);color:#fff;font-size:26px;font-weight:950;box-shadow:0 0 24px color-mix(in srgb,var(--c) 75%,transparent);z-index:12}.card{position:absolute;width:230px;min-height:120px;padding:15px 16px;border-radius:18px;background:linear-gradient(180deg,rgba(8,23,43,.97),rgba(4,14,27,.97));border:1px solid var(--c);box-shadow:0 0 24px color-mix(in srgb,var(--c) 18%,transparent)}.card h3{margin:0 0 6px;font-size:15px}.card p{margin:0;color:#afbdd0;font-size:11px;line-height:1.45}.card a{display:inline-block;margin-top:9px;color:var(--c);font-size:10px;font-weight:950}
/* 8 nodes share one orbital radius. M/T are now spaced exactly like the other letters. */
.g-m{left:475px;top:0;width:230px;height:186px}.g-m .card{left:0;top:0;min-height:118px}.g-m .node{left:84px;top:124px}
.g-o{left:775px;top:148px;width:375px;height:195px}.g-o .node{left:0;top:66px}.g-o .card{left:80px;top:0}
.g-r{left:864px;top:398px;width:316px;height:125px}.g-r .node{left:0;top:31px}.g-r .card{left:86px;top:0}
.g-e{left:775px;top:614px;width:375px;height:125px}.g-e .node{left:0;top:31px}.g-e .card{left:80px;top:0}
.g-t{left:475px;top:734px;width:230px;height:186px}.g-t .node{left:84px;top:0}.g-t .card{left:0;top:72px;min-height:118px}
.g-h{left:30px;top:614px;width:375px;height:125px}.g-h .card{left:0;top:0}.g-h .node{right:0;top:31px}
.g-a{left:0;top:398px;width:316px;height:125px}.g-a .card{left:0;top:0}.g-a .node{right:0;top:31px}
.g-n{left:30px;top:182px;width:375px;height:125px}.g-n .card{left:0;top:0}.g-n .node{right:0;top:31px}
@media(max-width:1250px){.world{transform:translateX(-50%) scale(.9)}.world-wrap{height:860px}}
@media(max-width:1050px){.world{transform:translateX(-50%) scale(.78)}.world-wrap{height:760px}}
@media(max-width:820px){.page{width:100%;overflow-x:auto}.world-wrap{min-width:920px;height:700px}.world{transform:translateX(-50%) scale(.70)}}

.quick{margin-left:auto;display:flex;gap:16px;align-items:center}.quick a{font-size:10px;font-weight:850;letter-spacing:.08em;color:#8da0b8}.quick a:hover{color:#fff}.lang{margin-left:12px}.soon{display:inline-block;margin-top:9px;color:#6f8198;font-size:10px;font-weight:850}.home-foot{width:min(900px,92vw);margin:0 auto 18px;padding:18px 0;border-top:1px solid #17263a;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;color:#71839b;font-size:10px}.home-foot a:hover{color:#fff}@media(max-width:820px){.quick{display:none}}

/* OASIS / WhoAmI visibility patch */
.node-link{cursor:pointer;text-decoration:none}
.node-link:hover{transform:scale(1.06);filter:brightness(1.18)}
.g-o .card{min-height:190px}
.oasis-feature{margin-top:10px;padding:9px 10px;border-radius:12px;background:rgba(83,231,123,.08);border:1px solid rgba(83,231,123,.28)}
.oasis-feature b{display:block;font-size:11px;color:#eaffef;margin-bottom:3px}
.oasis-feature span{display:block;font-size:9px;line-height:1.35;color:#90a7ba}
.card .whoami-cta{display:inline-block;margin-top:9px;margin-right:8px;color:#53e77b;font-size:10px;font-weight:950}
.card .oasis-more{display:inline-block;margin-top:9px;color:#8da0b8;font-size:9px;font-weight:850}
/* V18: align left-side N/H info cards with the same node-to-card gap as A/R/E. */
.g-n .card,.g-h .card{left:62px}
/* Alphabet nodes now all act as entrances to sector selectors. */
.node-link{transition:transform .16s ease,filter .16s ease}