/* AI Fox Talent in space: the public site while it shows only the talent network. Loaded after style.css, scoped to html.space,
   so the admin panel and reviewer pages keep their look. Colours: deep space, silver-cyan silk, violet long threads, fox orange for actions. */
html.space {
  --sheet: #04050c; --paper: rgba(255, 255, 255, .035); --card: rgba(13, 17, 34, .72); --card-solid: #0c1022; --line: rgba(158, 186, 255, .13); --field: rgba(158, 186, 255, .28);
  --ink: #eef2ff; --text: #d9e1f5; --ink-2: #a9b3cf; --muted: #7d88a8; --pine: #f3f5ff; --pine-2: #1a2142;
  --marker: rgba(125, 211, 252, .32); --marker-soft: rgba(125, 211, 252, .08);
  --fox: #ff7a2f; --fox-dark: #ffa069; --fox-edge: #a8410b; --fox-soft: rgba(255, 122, 47, .13);
  --ok: #34d399; --ok-edge: #6ee7b7; --ok-soft: rgba(52, 211, 153, .12); --bad: #f87171; --bad-edge: #9b2c2c; --bad-soft: rgba(248, 113, 113, .12); --warn-soft: rgba(251, 191, 36, .12);
  --cyan: #7dd3fc; --violet: #a78bfa; --glass: rgba(10, 14, 30, .62);
  color-scheme: dark;
  background: radial-gradient(1200px 700px at 78% -8%, rgba(88, 76, 196, .24), transparent 62%) fixed,
              radial-gradient(900px 600px at 6% 40%, rgba(16, 120, 170, .16), transparent 60%) fixed,
              radial-gradient(800px 500px at 60% 110%, rgba(255, 110, 40, .09), transparent 60%) fixed, #04050c;
}
html.space[dir=rtl] { background: radial-gradient(1200px 700px at 22% -8%, rgba(88, 76, 196, .24), transparent 62%) fixed,
              radial-gradient(900px 600px at 94% 40%, rgba(16, 120, 170, .16), transparent 60%) fixed,
              radial-gradient(800px 500px at 40% 110%, rgba(255, 110, 40, .09), transparent 60%) fixed, #04050c; }
html.space body { background: transparent; color: var(--text); }
html.space ::selection { background: rgba(125, 211, 252, .35); color: #fff; }
#space { position: fixed; inset: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; opacity: 0; transition: opacity 1.2s ease; }
#space.on { opacity: 1; }
html.space main { position: relative; }

/* type */
html.space h1, html.space h2, html.space h3 { color: var(--ink); }
html.space h1 { letter-spacing: -.025em; }
.grad { background: linear-gradient(100deg, #fff 10%, #bfe6ff 45%, #c4b5fd 75%, #ffb38a 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* header and footer */
html.space header.top { background: rgba(4, 6, 14, .55); border-bottom: 1px solid var(--line); backdrop-filter: saturate(1.3) blur(16px); -webkit-backdrop-filter: saturate(1.3) blur(16px); }
html.space .brand { color: var(--ink); } html.space .brand img { filter: drop-shadow(0 0 10px rgba(255, 122, 47, .45)); }
html.space nav.primary a { color: var(--ink-2); } html.space nav.primary a:hover { background: rgba(255, 255, 255, .06); color: #fff; }
html.space .signin { color: var(--ink-2); } html.space .signin:hover { color: #fff; }
html.space .langmenu summary { background: rgba(255, 255, 255, .04); border-color: var(--line); color: var(--ink-2); }
html.space .langmenu div { background: var(--card-solid); border-color: var(--line); box-shadow: 0 20px 50px -20px #000; }
html.space .langmenu div a { color: var(--text); } html.space .langmenu div a:hover, html.space .langmenu div a[aria-current] { background: rgba(125, 211, 252, .1); color: #fff; }
html.space details.mnav summary:hover { background: rgba(255, 255, 255, .06); }
html.space details.mnav .bars, html.space details.mnav .bars::before, html.space details.mnav .bars::after { background: var(--ink); }
html.space details.mnav[open] .bars { background: transparent; }
html.space details.mnav > div { background: #05070f; }
html.space details.mnav > div a:not(.btn) { color: var(--ink); border-color: var(--line); }
html.space footer.big { background: rgba(3, 4, 10, .72); border-top: 1px solid var(--line); color: var(--ink-2); backdrop-filter: blur(6px); }
html.space footer.big a:hover { color: #fff; } html.space .fcols h4 { color: var(--ink); } html.space .flangs { border-color: var(--line); }

/* buttons: glowing keys */
html.space .btn { background: linear-gradient(180deg, #ff8c47, #f0661c); box-shadow: 0 3px 0 var(--fox-edge), 0 10px 30px -10px rgba(255, 122, 47, .75); }
html.space .btn:hover { background: linear-gradient(180deg, #ff9a5c, #ff7a2f); }
html.space .btn:active { box-shadow: 0 0 0 var(--fox-edge), 0 4px 16px -8px rgba(255, 122, 47, .7); }
html.space .btn.ghost { background: rgba(255, 255, 255, .04); color: var(--ink) !important; box-shadow: inset 0 0 0 1px var(--field), 0 3px 0 rgba(0, 0, 0, .5); }
html.space .btn.ghost:hover { background: rgba(125, 211, 252, .09); box-shadow: inset 0 0 0 1px rgba(125, 211, 252, .55), 0 3px 0 rgba(0, 0, 0, .5); }
html.space .btn.danger { background: #c53030; box-shadow: 0 3px 0 var(--bad-edge); }
html.space .btn.ok { background: #059669; box-shadow: 0 3px 0 #065f46; }
html.space a.back { background: rgba(255, 255, 255, .04); border-color: var(--line); color: var(--ink-2); } html.space a.back:hover { color: #fff; border-color: var(--field); background: rgba(255, 255, 255, .07); }
html.space .linkbtn { color: var(--cyan); }

/* forms */
html.space input[type=text], html.space input[type=email], html.space input[type=password], html.space input[type=date], html.space input[type=search], html.space input[type=url],
html.space input[type=number], html.space input[type=tel], html.space select, html.space textarea, html.space input[type=file] {
  background: rgba(6, 9, 22, .75); color: var(--text); border-color: var(--field); }
html.space input::placeholder, html.space textarea::placeholder { color: #67718f; }
html.space input:hover, html.space select:hover, html.space textarea:hover { border-color: rgba(158, 186, 255, .45); }
html.space input:focus, html.space select:focus, html.space textarea:focus { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(125, 211, 252, .2); }
html.space select option { background: var(--card-solid); color: var(--text); }
html.space label { color: var(--text); } html.space .hint { color: var(--muted); }
html.space input[type=checkbox], html.space input[type=radio], html.space .check input { accent-color: var(--fox); }
html.space form.order fieldset { border-color: var(--line); }
html.space .tpick span { background: rgba(255, 255, 255, .03); border-color: var(--field); color: var(--text); }
html.space .tpick input:checked + span { background: rgba(125, 211, 252, .16); border-color: var(--cyan); color: #fff; }
html.space .tstepbar li { background: rgba(255, 255, 255, .05); color: var(--muted); } html.space .tstepbar li.done { background: rgba(125, 211, 252, .14); color: var(--cyan); }
html.space .tstepbar li.now { background: var(--fox); color: #fff; }
html.space .tfilter, html.space .xfilter { background: var(--glass); border-color: var(--line); }
html.space .tfilter input, html.space .tfilter select, html.space .xfilter input:not([type=checkbox]), html.space .xfilter select { background: rgba(6, 9, 22, .75); border-color: var(--field); color: var(--text); }

/* surfaces */
html.space .panel, html.space .card, html.space .tablewrap, html.space .dash > *, html.space .xbox, html.space .xdoc, html.space .xcv, html.space .tfacts.wide, html.space .tscorebox {
  background: var(--glass); border-color: var(--line); }
html.space .authcard { background: rgba(10, 14, 30, .78); border-color: var(--line); box-shadow: 0 0 0 1px rgba(125, 211, 252, .06), 0 40px 80px -40px #000; backdrop-filter: blur(14px); }
html.space .authcard .alt a { color: var(--cyan); }
html.space table.data th { background: rgba(255, 255, 255, .04); color: var(--ink-2); border-color: var(--line); }
html.space table.data td { border-color: var(--line); } html.space table.data tr:hover td { background: rgba(255, 255, 255, .03); }
html.space table.data a { color: var(--cyan); }
html.space .alert.err { background: var(--bad-soft); color: #fecaca; border-color: rgba(248, 113, 113, .35); }
html.space .alert.warn { background: var(--warn-soft); color: #fde68a; border-color: rgba(251, 191, 36, .35); }
html.space .alert.ok { background: var(--ok-soft); color: #a7f3d0; border-color: rgba(52, 211, 153, .35); }
html.space .dash a:hover { border-color: var(--cyan); }
html.space .consent { background: var(--card-solid); border-color: var(--field); }
html.space .consent p { color: var(--ink-2); }

/* talent pieces */
html.space .xnav { border-color: var(--line); }
html.space .xbrand { color: var(--ink); } html.space .xtabs a { color: var(--ink-2); }
html.space .xtabs a:hover { background: rgba(255, 255, 255, .06); color: #fff; } html.space .xtabs a.on { background: rgba(125, 211, 252, .14); color: #fff; box-shadow: inset 0 0 0 1px rgba(125, 211, 252, .35); }
html.space .xquick a, html.space .tskills a, html.space .tskills i { background: rgba(255, 255, 255, .035); border-color: var(--line); color: var(--ink-2); }
html.space .xquick a:hover, html.space .tskills a:hover { background: rgba(125, 211, 252, .1); border-color: rgba(125, 211, 252, .5); color: #fff; }
html.space .tskills i.v { background: rgba(52, 211, 153, .12); border-color: rgba(52, 211, 153, .4); color: #a7f3d0; }
html.space .xcard, html.space .xaudcard { background: linear-gradient(160deg, rgba(20, 26, 52, .78), rgba(8, 11, 24, .78)); border-color: var(--line); transform-style: preserve-3d;
  transition: transform .25s cubic-bezier(.2, .7, .2, 1), border-color .25s, box-shadow .25s; position: relative; }
html.space .xcard::before, html.space .xaudcard::before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0; transition: opacity .25s;
  background: radial-gradient(420px circle at var(--gx, 50%) var(--gy, 0%), rgba(125, 211, 252, .12), transparent 45%); }
html.space .xcard:hover, html.space .xaudcard:hover { border-color: rgba(125, 211, 252, .38); box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .9), 0 0 0 1px rgba(125, 211, 252, .08); }
html.space .xcard:hover::before, html.space .xaudcard:hover::before { opacity: 1; }
html.space .xcard.featured { border-color: rgba(255, 122, 47, .6); }
html.space .xwho h3 a { color: var(--ink); } html.space .xfoot { border-color: var(--line); } html.space .xfoot .go { color: var(--cyan); } html.space .xfoot b, html.space .xmeta b { color: var(--ink); }
html.space .xav { background: linear-gradient(135deg, #1b2450, #0e1330); border-color: rgba(125, 211, 252, .3); color: var(--cyan); }
html.space .ring { background: conic-gradient(var(--cyan) calc(var(--v) * 1%), rgba(158, 186, 255, .15) 0); box-shadow: 0 0 18px -4px rgba(125, 211, 252, .5); }
html.space .ring b { background: var(--card-solid); color: var(--ink); }
html.space .tmatch { background: rgba(125, 211, 252, .12); color: var(--cyan); box-shadow: inset 0 0 0 1px rgba(125, 211, 252, .35); } html.space .tmatch small { color: var(--ink-2); }
html.space .tbadge { background: rgba(255, 255, 255, .05); border-color: var(--line); color: var(--ink-2); }
html.space .tbadge.ok { background: rgba(52, 211, 153, .12); border-color: rgba(52, 211, 153, .4); color: #a7f3d0; }
html.space .tbadge.feat { background: rgba(255, 122, 47, .14); border-color: rgba(255, 122, 47, .45); color: #ffc4a1; }
html.space .xbar { background: rgba(255, 255, 255, .08); } html.space .xbar b { background: linear-gradient(90deg, var(--cyan), var(--violet)); }
html.space .xkv > div, html.space .xinvite, html.space .xdoc > section { border-color: var(--line); }
html.space .xempty { border-color: var(--field); background: rgba(255, 255, 255, .02); }
html.space .xtodo li a { border-color: var(--field); color: var(--ink-2); } html.space .xtodo li a:hover { border-color: var(--cyan); color: #fff; }
html.space .xcats { background: var(--line); border-color: var(--line); } html.space .xcats > div { background: rgba(9, 12, 26, .82); }
html.space .xaudcard.dark { background: linear-gradient(160deg, rgba(60, 40, 130, .5), rgba(12, 14, 34, .85)); border-color: rgba(167, 139, 250, .35); }
html.space .xaudcard .idx, html.space .xaudcard li::before { color: var(--cyan); } html.space .xaudcard li { border-color: var(--line); }
html.space .sec.tint { background: linear-gradient(180deg, rgba(255, 255, 255, .015), rgba(255, 255, 255, .03)); border-color: var(--line); }
html.space .sec.dark, html.space .final, html.space .final.light { background: transparent; color: var(--ink-2); border-color: var(--line); }
html.space .sec.dark p, html.space .final p, html.space .sec-h p { color: var(--ink-2); }
html.space .xlevels { border-color: var(--line); } html.space .xlevels li { border-color: var(--line); background: rgba(255, 255, 255, .03); }
html.space .xlevels li span { color: var(--cyan); }
html.space .fine { color: #6f7a99 !important; }
html.space .eyebrow { color: var(--cyan); }

/* ───────── home: the 3D hero ───────── */
.orb-hero { min-height: calc(100vh - 66px); min-height: calc(100svh - 66px); display: flex; align-items: center; padding: 40px 0 70px; position: relative; }
.orb-hero .wrap { width: 100%; }
.orb-copy { max-width: 620px; position: relative; }
.orb-copy .eyebrow { display: inline-flex; align-items: center; gap: 10px; padding: 5px 14px 5px 10px; border: 1px solid rgba(125, 211, 252, .3); border-radius: 999px;
  background: rgba(125, 211, 252, .06); font-size: 13px; letter-spacing: .02em; }
[dir=rtl] .orb-copy .eyebrow { padding: 5px 10px 5px 14px; }
.orb-copy .eyebrow i { width: 8px; height: 8px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 12px var(--cyan); animation: blink 2.4s infinite; }
@keyframes blink { 50% { opacity: .35; } }
.orb-copy h1 { font-size: clamp(36px, 4.8vw, 64px); line-height: 1.06; margin: 22px 0 20px; }
[lang=ar] .orb-copy h1 { line-height: 1.35; font-size: clamp(32px, 4vw, 54px); }
.orb-copy .lead { font-size: clamp(17px, 1.6vw, 20px); color: var(--ink-2); margin: 0 0 30px; max-width: 34em; }
html.space .xsearch { background: rgba(8, 11, 26, .72); border-color: var(--field); box-shadow: 0 0 0 1px rgba(125, 211, 252, .05), 0 30px 70px -30px #000; backdrop-filter: blur(12px); }
html.space .xsearch input { color: var(--text); } html.space .xsearch:focus-within { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(125, 211, 252, .16), 0 30px 70px -30px #000; }
.orb-stats { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.orb-stats div { padding: 10px 16px; border: 1px solid var(--line); border-radius: 14px; background: rgba(8, 11, 26, .55); backdrop-filter: blur(8px); min-width: 108px; }
.orb-stats b { display: block; font-family: var(--display); font-size: 26px; font-weight: 650; color: #fff; line-height: 1.2; }
.orb-stats span { font-size: 12.5px; color: var(--muted); }
.orb-legend { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 18px; font-size: 13px; color: var(--muted); }
.orb-legend span::before { content: ""; display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-inline-end: 7px; vertical-align: 1px; }
.orb-legend .e::before { background: var(--cyan); box-shadow: 0 0 10px var(--cyan); } .orb-legend .c::before { background: var(--fox); box-shadow: 0 0 10px var(--fox); }
.orb-legend .s::before { width: 18px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, var(--fox), var(--cyan)); }
.orb-scroll { position: absolute; bottom: 22px; inset-inline-start: 50%; transform: translateX(-50%); width: 24px; height: 38px; border: 1.5px solid var(--field); border-radius: 14px; }
[dir=rtl] .orb-scroll { transform: translateX(50%); }
.orb-scroll::after { content: ""; position: absolute; top: 7px; left: 50%; width: 3px; height: 8px; margin-left: -1.5px; border-radius: 3px; background: var(--cyan); animation: wheel 1.8s infinite; }
@keyframes wheel { 0% { opacity: 0; transform: translateY(0); } 30% { opacity: 1; } 100% { opacity: 0; transform: translateY(12px); } }

/* the two orbits: companies and experts */
.orb-sec { padding: 110px 0; position: relative; }
.orb-sec .sec-h { max-width: 760px; }
.orb-sec h2 { font-size: clamp(30px, 3.6vw, 46px); letter-spacing: -.02em; }
.orb-kicker { display: inline-block; font-size: 12.5px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--cyan); margin-bottom: 14px; }
[lang=ar] .orb-kicker { letter-spacing: 0; font-size: 14px; }
.orb-sec.co .orb-kicker { color: #ffb38a; }
.orb-panelset { border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(170deg, rgba(18, 23, 48, .72), rgba(6, 8, 20, .72)); backdrop-filter: blur(10px); overflow: hidden; }
.orb-tabs { display: none; gap: 6px; padding: 10px; border-bottom: 1px solid var(--line); background: rgba(0, 0, 0, .2); flex-wrap: wrap; }
.js > .orb-tabs { display: flex; }
.orb-tabs button { font: inherit; font-family: var(--display); font-weight: 600; font-size: 15px; color: var(--ink-2); background: none; border: 1px solid transparent; border-radius: 12px; padding: 10px 18px; cursor: pointer; display: flex; gap: 10px; align-items: center; }
.orb-tabs button small { font-family: Plex, system-ui, sans-serif; font-size: 12px; font-weight: 500; color: var(--muted); }
.orb-tabs button:hover { color: #fff; background: rgba(255, 255, 255, .04); }
.orb-tabs button[aria-selected=true] { color: #fff; background: rgba(125, 211, 252, .1); border-color: rgba(125, 211, 252, .35); }
.co .orb-tabs button[aria-selected=true] { background: rgba(255, 122, 47, .1); border-color: rgba(255, 122, 47, .4); }
.orb-tabs button i { font-style: normal; width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center; font-size: 13px; background: rgba(255, 255, 255, .06); }
.orb-panel { padding: 30px; }
.orb-panel > h3 { margin: 0 0 4px; font-size: 22px; } .orb-panel > p { margin: 0 0 22px; color: var(--ink-2); max-width: 52em; }
.js .orb-panel > h3.nojs { display: none; }
.orb-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.orb-card { border: 1px solid var(--line); border-radius: 16px; padding: 20px; background: rgba(255, 255, 255, .025); transition: transform .25s cubic-bezier(.2, .7, .2, 1), border-color .25s; position: relative; }
.orb-card:hover { border-color: rgba(125, 211, 252, .35); }
.co .orb-card:hover { border-color: rgba(255, 122, 47, .4); }
.orb-card h4 { margin: 0 0 6px; font-family: var(--display); font-size: 16.5px; color: var(--ink); display: flex; gap: 10px; align-items: center; }
.orb-card h4::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 10px var(--cyan); flex: none; }
.co .orb-card h4::before { background: var(--fox); box-shadow: 0 0 10px var(--fox); }
.orb-card p { margin: 0; font-size: 14.5px; line-height: 1.75; color: var(--ink-2); }
.orb-card .num-big { display: block; font-family: var(--display); font-size: 30px; font-weight: 650; color: #fff; margin: 4px 0; direction: ltr; unicode-bidi: isolate; text-align: start; }
.orb-flow { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; counter-reset: f; position: relative; }
.orb-flow li { counter-increment: f; border: 1px solid var(--line); border-radius: 14px; padding: 16px 14px 14px; background: rgba(255, 255, 255, .025); position: relative; font-size: 14px; color: var(--ink-2); line-height: 1.6; }
.orb-flow li::before { content: counter(f, decimal-leading-zero); display: block; font-family: var(--display); font-size: 12px; font-weight: 700; color: var(--cyan); margin-bottom: 6px; }
.co .orb-flow li::before { color: #ffb38a; }
.orb-flow li b { display: block; color: var(--ink); font-family: var(--display); font-size: 15px; margin-bottom: 4px; }
.orb-flow li:not(:last-child)::after { content: ""; position: absolute; top: 26px; inset-inline-end: -11px; width: 12px; height: 1px; background: linear-gradient(90deg, var(--cyan), transparent); }
.orb-weights { display: grid; gap: 9px; margin: 0; }
.orb-weights div { display: grid; grid-template-columns: minmax(130px, 200px) 1fr 48px; gap: 12px; align-items: center; font-size: 14px; }
.orb-weights dt { color: var(--ink-2); } .orb-weights dd { margin: 0; }
.orb-weights .bar { height: 8px; border-radius: 8px; background: rgba(255, 255, 255, .06); overflow: hidden; }
.orb-weights .bar i { display: block; height: 100%; border-radius: 8px; background: linear-gradient(90deg, var(--cyan), var(--violet)); }
.co .orb-weights .bar i { background: linear-gradient(90deg, #ffb38a, var(--fox)); }
.orb-weights .pend i { background: repeating-linear-gradient(45deg, rgba(255, 255, 255, .15) 0 6px, transparent 6px 12px); }
.orb-weights .v { font-family: var(--display); font-weight: 650; color: #fff; text-align: end; direction: ltr; }
.orb-two { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.orb-list { list-style: none; margin: 0; padding: 0; }
.orb-list li { padding: 11px 0; border-top: 1px solid var(--line); font-size: 14.5px; color: var(--ink-2); display: flex; gap: 12px; }
.orb-list li:first-child { border-top: 0; padding-top: 0; } .orb-list li b { color: var(--ink); min-width: 9em; flex: none; font-weight: 600; }
.orb-status { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 4px 0 0; }
.orb-status span { font-size: 13px; padding: 4px 12px; border-radius: 999px; border: 1px solid var(--line); background: rgba(255, 255, 255, .04); color: var(--text); }
.orb-status i { font-style: normal; color: var(--muted); font-size: 12px; }
.orb-status .h { border-color: rgba(52, 211, 153, .5); color: #a7f3d0; } .orb-status .r { color: var(--muted); }
.orb-cta { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 26px; }
.orb-note { font-size: 13px; color: var(--muted); margin: 14px 0 0; }

/* specialties as a constellation */
.orb-const { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.orb-const > div { border: 1px solid var(--line); border-radius: 18px; padding: 22px; background: rgba(8, 11, 26, .6); }
.orb-const h3 { margin: 0 0 12px; font-size: 16px; display: flex; justify-content: space-between; gap: 10px; } .orb-const h3 span { color: var(--muted); font-weight: 500; font-size: 13px; }

@media (max-width: 1080px) {
  .orb-flow { grid-template-columns: repeat(3, 1fr); } .orb-flow li:nth-child(3n)::after { display: none; }
  .orb-const { grid-template-columns: 1fr 1fr; } .orb-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
  .orb-hero { min-height: 0; padding: 34vh 0 60px; align-items: flex-end; } .orb-copy { max-width: none; }
  .orb-scroll { display: none; } .orb-sec { padding: 70px 0; } .orb-panel { padding: 20px 16px; }
  .orb-grid, .orb-two, .orb-const { grid-template-columns: 1fr; } .orb-flow { grid-template-columns: 1fr 1fr; } .orb-flow li::after { display: none; }
  .orb-tabs { padding: 8px; } .orb-tabs button { flex: 1; justify-content: center; padding: 9px 10px; font-size: 14px; } .orb-tabs button small { display: none; }
  .orb-weights div { grid-template-columns: 1fr 44px; } .orb-weights dd.b { grid-column: 1 / -1; order: 3; }
  .orb-list li { flex-direction: column; gap: 2px; } .orb-stats div { min-width: 0; flex: 1 1 28%; }
}
@media (prefers-reduced-motion: reduce) { .orb-copy .eyebrow i, .orb-scroll::after { animation: none; } #space { transition: none; } html.space .xcard, html.space .xaudcard, .orb-card { transition: none; } }
html.space nav.primary a[aria-current] { color: #fff; background: rgba(125, 211, 252, .1); box-shadow: inset 0 0 0 1px rgba(125, 211, 252, .3); }
.nbadge { background: var(--fox); color: #fff; border-radius: 999px; padding: 0 7px; font-size: 12px; font-weight: 700; }
html.space [id] { scroll-margin-top: 80px; }
.orb-weights + .orb-note { margin-top: 14px; }
html.space input[type=url], html.space input[type=number], html.space input[type=tel] { width: 100%; font: inherit; font-size: 16px; padding: 10px 13px; border: 1.5px solid var(--field); border-radius: 8px; }
html.space .statrow > div { background: var(--card); border: 1px solid var(--line); }
html.space .statrow b { color: var(--ink); } html.space .statrow span { color: var(--muted); }