/* ORBIX live visual upgrade — presentation only. */

.orbix-landing .orbix-eyebrow::after { content: none; display: none; }

/* Hero: galaxy, nebula and an orbital network of real assets. */
.orbix-galaxy-stage {
  position: relative;
  width: min(650px, 100%);
  aspect-ratio: 1;
  margin-inline: auto;
  overflow: hidden;
  isolation: isolate;
  border-radius: 38% 62% 46% 54% / 54% 39% 61% 46%;
  background:
    linear-gradient(90deg, rgba(4, 3, 17, .28), transparent 35%),
    radial-gradient(circle at 53% 48%, transparent 0 18%, rgba(59, 235, 237, .08) 27%, transparent 42%),
    url("../img/orbix-hero-galaxy-v2.webp") center / cover no-repeat;
  box-shadow: inset 0 0 90px #050310, 0 0 100px rgba(34, 211, 238, .09);
}

.orbix-galaxy-stage::before {
  content: "";
  position: absolute;
  inset: -12%;
  z-index: -1;
  background:
    radial-gradient(ellipse at 28% 30%, rgba(42, 211, 238, .22), transparent 30%),
    radial-gradient(ellipse at 72% 66%, rgba(138, 82, 255, .25), transparent 34%);
  filter: blur(26px);
  animation: orbixNebulaDrift 16s ease-in-out infinite alternate;
}

.orbix-galaxy-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.9) 0 1px, transparent 1.4px),
    radial-gradient(circle, rgba(70,241,236,.8) 0 1px, transparent 1.5px);
  background-position: 7px 11px, 29px 23px;
  background-size: 53px 53px, 79px 79px;
  opacity: .42;
  animation: orbixStarsBreathe 5s ease-in-out infinite;
}

.orbix-hero-nebula {
  position: absolute;
  inset: 9% 7% 7%;
  border-radius: 50%;
  border: 1px solid rgba(102, 229, 239, .13);
  box-shadow: inset 0 0 55px rgba(101, 63, 189, .14), 0 0 32px rgba(34,211,238,.06);
  transform: rotate(-12deg);
}

.orbix-hero-orbit {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  width: var(--orbit-size);
  height: calc(var(--orbit-size) * .54);
  margin: calc(var(--orbit-size) * -.27) 0 0 calc(var(--orbit-size) * -.5);
  border: 1px solid rgba(70, 241, 236, .27);
  border-radius: 50%;
  transform: rotate(var(--orbit-tilt));
  box-shadow: 0 0 22px rgba(70,241,236,.055), inset 0 0 18px rgba(122,91,255,.05);
}

.orbix-hero-orbit-a { --orbit-size: 86%; --orbit-tilt: 12deg; }
.orbix-hero-orbit-b { --orbit-size: 69%; --orbit-tilt: -20deg; border-color: rgba(155,112,255,.32); }
.orbix-hero-orbit-c { --orbit-size: 50%; --orbit-tilt: 31deg; border-style: dashed; opacity: .72; }

.orbix-hero-planet {
  position: absolute;
  z-index: 4;
  left: 50%;
  top: 50%;
  width: 34%;
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(132, 238, 244, .42);
  border-radius: 50%;
  background:
    radial-gradient(circle at 40% 36%, rgba(184,255,255,.94) 0 2%, rgba(63,230,226,.52) 5%, transparent 18%),
    radial-gradient(circle at 46% 42%, #16354d, #091023 46%, #050713 72%);
  box-shadow: inset -28px -24px 44px #03030a, inset 14px 12px 28px rgba(77,224,229,.18), 0 0 28px rgba(71,232,232,.32), 0 0 82px rgba(96,74,206,.19);
  animation: orbixPlanetFloat 7s ease-in-out infinite;
}

.orbix-hero-planet::before,
.orbix-hero-planet::after {
  content: "";
  position: absolute;
  left: -28%;
  right: -28%;
  top: 42%;
  height: 18%;
  border: 2px solid rgba(115, 238, 243, .55);
  border-radius: 50%;
  transform: rotate(-8deg);
  box-shadow: 0 0 18px rgba(67,227,232,.25);
}

.orbix-hero-planet::after { transform: rotate(18deg); border-color: rgba(139,95,255,.38); }

.orbix-hero-planet-core {
  position: absolute;
  inset: 39%;
  z-index: 3;
  border-radius: 50%;
  background: #eaffff;
  box-shadow: 0 0 10px #fff, 0 0 26px #58efec, 0 0 62px rgba(70,241,236,.8);
  animation: orbixCorePulse 3.2s ease-in-out infinite;
}

.orbix-hero-asset {
  position: absolute;
  z-index: 7;
  display: grid;
  justify-items: center;
  gap: 5px;
  color: #f4f2ff;
  font: 700 8px var(--font-mono, monospace);
  letter-spacing: .08em;
  animation: orbixAssetFloat 5s ease-in-out infinite;
}

.orbix-hero-asset > span {
  width: clamp(50px, 7vw, 70px);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border: 1px solid rgba(88,235,239,.36);
  border-radius: 50%;
  background: linear-gradient(145deg, rgba(17,38,56,.94), rgba(9,6,25,.94));
  box-shadow: 0 0 24px rgba(52,228,232,.13), inset 0 0 22px rgba(79,231,234,.07);
}

.orbix-hero-asset img { width: 55%; height: 55%; object-fit: contain; filter: drop-shadow(0 0 8px rgba(92,238,239,.34)); }
.orbix-hero-asset-pix { left: 4%; top: 46%; animation-delay: -.8s; }
.orbix-hero-asset-depix { right: 5%; top: 35%; animation-delay: -2.2s; }
.orbix-hero-asset-usdt { left: 22%; bottom: 7%; animation-delay: -3.1s; }
.orbix-hero-asset-lbtc { right: 19%; bottom: 5%; animation-delay: -1.7s; }
.orbix-hero-asset-lbtc > span { background: linear-gradient(145deg, #67b8ae, #2b706f); border-color: rgba(183,255,245,.7); }
.orbix-liquid-bitcoin-mark { color: #fff; font: 800 clamp(25px, 3vw, 36px) Georgia, serif; transform: rotate(10deg); text-shadow: 0 0 12px rgba(255,255,255,.35); }

.orbix-shooting-star {
  position: absolute;
  z-index: 6;
  width: 112px;
  height: 1px;
  opacity: 0;
  background: linear-gradient(90deg, transparent, rgba(215,255,255,.75), #fff);
  filter: drop-shadow(0 0 5px #6ff);
  transform: rotate(-22deg);
  animation: orbixMeteor 7.5s linear infinite;
}
.orbix-shooting-star-a { top: 18%; left: -20%; }
.orbix-shooting-star-b { top: 62%; left: -28%; animation-delay: 4.1s; animation-duration: 9.5s; }

/* Shared card language for sections 02, 06 and 07. */
.benefit-grid,
.orbix-security-grid,
.case-grid {
  display: grid;
  gap: 14px;
  margin-top: 52px;
}
.benefit-grid, .orbix-security-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.case-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.benefit-card,
.orbix-security-grid article,
.case-grid article {
  --card-rgb: 70, 241, 236;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(var(--card-rgb), .18);
  border-radius: 18px;
  background: linear-gradient(150deg, rgba(23,16,51,.78), rgba(6,5,20,.84));
  box-shadow: inset 0 0 36px rgba(var(--card-rgb), .025);
  transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}

.benefit-card:nth-child(2), .orbix-security-grid article:nth-child(2) { --card-rgb: 91, 164, 255; }
.benefit-card:nth-child(3), .orbix-security-grid article:nth-child(3) { --card-rgb: 167, 112, 255; }
.benefit-card:nth-child(4), .orbix-security-grid article:nth-child(4) { --card-rgb: 83, 225, 214; }
.benefit-card:hover, .orbix-security-grid article:hover, .case-grid article:hover { transform: translateY(-7px); border-color: rgba(var(--card-rgb), .48); box-shadow: 0 24px 60px rgba(0,0,0,.22), inset 0 0 48px rgba(var(--card-rgb),.05); }

.benefit-card { min-height: 440px; padding: 27px 24px; }
.benefit-card .card-index,
.orbix-security-grid article > .card-index { color: rgb(var(--card-rgb)); font: 700 9px var(--font-mono, monospace); letter-spacing: .16em; }
.benefit-card h3, .orbix-security-grid h3 { margin: auto 0 12px; color: #f5f3ff; font-size: 20px; }
.benefit-card > p, .orbix-security-grid article > p { position: relative; z-index: 3; margin: 0; color: rgba(245,243,255,.64); font-size: 13px; line-height: 1.62; }

.benefit-art,
.security-art {
  position: absolute;
  z-index: 1;
  left: 13px;
  right: 13px;
  top: 48px;
  height: 205px;
  overflow: hidden;
  border: 1px solid rgba(var(--card-rgb), .15);
  border-radius: 15px;
  background:
    linear-gradient(rgba(var(--card-rgb),.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--card-rgb),.06) 1px, transparent 1px),
    radial-gradient(circle at 50% 42%, rgba(var(--card-rgb),.11), transparent 54%), #080718;
  background-size: 28px 28px, 28px 28px, auto, auto;
}

.benefit-art > small, .security-art > small, .case-art > small {
  position: absolute;
  z-index: 8;
  left: 14px;
  bottom: 10px;
  color: rgba(var(--card-rgb), .78);
  font: 700 7px var(--font-mono, monospace);
  letter-spacing: .14em;
}

/* Non-custodial route. */
.noncustody-path { position:absolute; left:12%; right:12%; top:96px; height:1px; background:linear-gradient(90deg,transparent,rgb(var(--card-rgb)),transparent); }
.noncustody-path i { position:absolute; top:-5px; width:11px; height:11px; border-radius:50%; background:#fff; box-shadow:0 0 13px rgb(var(--card-rgb)); animation:orbixRouteMove 4.2s ease-in-out infinite; }
.noncustody-node,.noncustody-router,.noncustody-wallet { position:absolute; z-index:3; top:70px; display:grid; place-items:center; background:#07101d; border:1px solid rgba(var(--card-rgb),.55); box-shadow:0 0 24px rgba(var(--card-rgb),.15); }
.noncustody-node { left:6%; width:51px; height:51px; border-radius:50%; color:#fff; font:800 8px var(--font-mono,monospace); }
.noncustody-router { left:50%; width:62px; height:62px; top:64px; transform:translateX(-50%); border-style:dashed; border-radius:50%; animation:orbixRouterPulseCentered 3s ease-in-out infinite; }
.noncustody-router::after { content:""; width:10px; height:10px; border-radius:50%; background:#fff; box-shadow:0 0 18px rgb(var(--card-rgb)); }
.noncustody-wallet { right:5%; width:62px; height:49px; border-radius:11px; }
.noncustody-wallet::before { content:""; width:31px; height:22px; border:1px solid rgba(var(--card-rgb),.7); border-radius:5px; }
.noncustody-status { position:absolute; top:13px; left:50%; transform:translateX(-50%); padding:5px 8px; border:1px solid rgba(var(--card-rgb),.3); border-radius:999px; color:rgb(var(--card-rgb)); font:700 6px var(--font-mono,monospace); font-style:normal; letter-spacing:.12em; white-space:nowrap; }

/* Operational panel. */
.operations-panel { position:absolute; inset:37px 13% 43px; padding:18px; border:1px solid rgba(var(--card-rgb),.4); border-radius:13px; background:rgba(6,12,28,.88); transform:perspective(280px) rotateX(6deg) rotateY(-6deg); box-shadow:0 18px 35px rgba(0,0,0,.3); }
.operations-panel i { display:block; height:17px; margin-bottom:11px; border-radius:5px; background:linear-gradient(90deg,rgba(var(--card-rgb),.55),rgba(var(--card-rgb),.09) 70%); background-size:200% 100%; animation:orbixPanelFlow 3.2s ease-in-out infinite; }
.operations-panel i:nth-child(2){width:76%;animation-delay:-1s}.operations-panel i:nth-child(3){width:89%;animation-delay:-2s}
.operations-signal { position:absolute; right:20%; top:33px; width:9px; height:9px; border-radius:50%; background:rgb(var(--card-rgb)); box-shadow:0 0 14px rgb(var(--card-rgb)); animation:orbixCorePulse 2s ease-in-out infinite; }

/* Visible 2% fee gauge. */
.fee-gauge { position:absolute; left:50%; top:25px; width:126px; height:126px; transform:translateX(-50%); display:grid; place-items:center; border:1px solid rgba(var(--card-rgb),.5); border-radius:50%; box-shadow:0 0 35px rgba(var(--card-rgb),.15), inset 0 0 25px rgba(var(--card-rgb),.07); }
.fee-gauge::before { content:""; position:absolute; inset:8px; border:2px dashed rgba(var(--card-rgb),.28); border-radius:50%; animation:orbixSpin 12s linear infinite; }
.fee-gauge i { position:absolute; bottom:50%; left:50%; width:2px; height:42px; transform-origin:50% 100%; background:linear-gradient(transparent,rgb(var(--card-rgb))); animation:orbixNeedle 3.8s ease-in-out infinite alternate; }
.fee-gauge b { color:#fff; font:800 29px var(--font-display, sans-serif); text-shadow:0 0 15px rgba(var(--card-rgb),.62); }
.fee-gauge em { position:absolute; top:82px; color:rgb(var(--card-rgb)); font:700 6px var(--font-mono,monospace); font-style:normal; letter-spacing:.12em; }
.fee-ledger { display:none; }

/* Speed system. */
.speed-target { position:absolute; z-index:3; right:10%; top:50px; width:92px; height:92px; border:1px solid rgba(var(--card-rgb),.62); border-radius:50%; box-shadow:0 0 30px rgba(var(--card-rgb),.18); animation:orbixRouterPulse 2.8s ease-in-out infinite; }
.speed-target::before,.speed-target::after { content:""; position:absolute; border:1px dashed rgba(var(--card-rgb),.3); border-radius:50%; }
.speed-target::before{inset:12px;animation:orbixSpin 9s linear infinite}.speed-target::after{inset:29px;background:rgb(var(--card-rgb));box-shadow:0 0 16px rgb(var(--card-rgb));}
.speed-streak { position:absolute; left:-30%; width:48%; height:1px; background:linear-gradient(90deg,transparent,rgb(var(--card-rgb))); animation:orbixStreak 2.8s linear infinite; }
.speed-streak-a{top:62px}.speed-streak-b{top:96px;animation-delay:-.9s}.speed-streak-c{top:130px;animation-delay:-1.8s}
.speed-comet { position:absolute; z-index:4; left:10%; top:93px; width:18px; height:18px; border-radius:50%; background:#fff; box-shadow:0 0 12px #fff,0 0 30px rgb(var(--card-rgb)); animation:orbixCometRun 4s ease-in-out infinite; }

/* Security illustrations. */
.orbix-security-grid article { min-height: 430px; padding: 25px 23px; }
.password-ring,.roles-orbit { position:absolute; left:50%; top:26px; width:135px; height:135px; transform:translateX(-50%); border:1px dashed rgba(var(--card-rgb),.46); border-radius:50%; animation:orbixCenteredSpin 13s linear infinite; }
.password-ring i,.roles-orbit i { position:absolute; width:7px; height:7px; border-radius:50%; background:rgb(var(--card-rgb)); box-shadow:0 0 10px rgb(var(--card-rgb)); }
.password-ring i:nth-child(1),.roles-orbit i:nth-child(1){top:-4px;left:50%}.password-ring i:nth-child(2),.roles-orbit i:nth-child(2){right:-4px;top:50%}.password-ring i:nth-child(3),.roles-orbit i:nth-child(3){bottom:-4px;left:50%}.password-ring i:nth-child(4){left:-4px;top:50%}
.password-shield { position:absolute; z-index:4; left:50%; top:58px; width:58px; height:67px; transform:translateX(-50%); border:2px solid rgb(var(--card-rgb)); border-radius:30px 30px 18px 18px; clip-path:polygon(50% 0,94% 16%,84% 73%,50% 100%,16% 73%,6% 16%); box-shadow:0 0 24px rgba(var(--card-rgb),.28); }
.password-shield::after { content:""; position:absolute; left:50%; top:31%; width:9px; height:17px; transform:translateX(-50%); border-radius:8px; background:#fff; box-shadow:0 0 12px rgb(var(--card-rgb)); }
.password-scan,.audit-scan { position:absolute; z-index:6; left:12%; right:12%; height:1px; background:linear-gradient(90deg,transparent,#fff,transparent); box-shadow:0 0 9px rgb(var(--card-rgb)); animation:orbixScan 3s ease-in-out infinite; }
.roles-core { position:absolute; z-index:4; left:50%; top:68px; width:58px; height:58px; transform:translateX(-50%); border:1px solid rgba(var(--card-rgb),.8); border-radius:50%; background:rgba(var(--card-rgb),.1); box-shadow:0 0 30px rgba(var(--card-rgb),.25); }
.roles-core::before,.roles-core::after { content:""; position:absolute; left:50%; transform:translateX(-50%); background:rgb(var(--card-rgb)); }
.roles-core::before { top:12px; width:17px; height:17px; border-radius:50%; }.roles-core::after{bottom:10px;width:30px;height:15px;border-radius:18px 18px 7px 7px;}
.audit-track { position:absolute; inset:43px 12% 50px; display:grid; align-content:center; gap:16px; }
.audit-track i { position:relative; height:1px; background:linear-gradient(90deg,rgb(var(--card-rgb)),rgba(var(--card-rgb),.12)); }
.audit-track i::before { content:""; position:absolute; left:var(--node,15%); top:-4px; width:8px; height:8px; border-radius:50%; background:#fff; box-shadow:0 0 12px rgb(var(--card-rgb)); }.audit-track i:nth-child(2){--node:50%}.audit-track i:nth-child(3){--node:73%}.audit-track i:nth-child(4){--node:34%}
.support-operation,.support-agent { position:absolute; z-index:4; top:69px; width:58px; height:58px; border:1px solid rgba(var(--card-rgb),.65); border-radius:50%; background:#081020; box-shadow:0 0 24px rgba(var(--card-rgb),.16); }
.support-operation{left:9%}.support-agent{right:9%}.support-operation::after{content:"ID";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:800 12px var(--font-mono,monospace)}.support-agent::before{content:"";position:absolute;left:50%;top:12px;width:16px;height:16px;transform:translateX(-50%);border-radius:50%;background:rgb(var(--card-rgb));box-shadow:0 0 10px rgb(var(--card-rgb))}.support-agent::after{content:"";position:absolute;left:50%;bottom:10px;width:30px;height:15px;transform:translateX(-50%);border-radius:18px 18px 7px 7px;background:rgba(var(--card-rgb),.7)}
.support-wave { position:absolute; left:50%; top:96px; width:38%; height:23px; transform:translateX(-50%); border-top:1px solid rgba(var(--card-rgb),.68); border-radius:50%; animation:orbixWave 2.8s ease-out infinite; }.support-wave-b{animation-delay:-1.4s}

/* Use-case art. */
.case-grid article { min-height: 555px; padding: 26px; }
.case-grid article:nth-child(1) { --card-rgb: 70,241,236; }
.case-grid article:nth-child(2) { --card-rgb: 103,171,255; }
.case-grid article:nth-child(3) { --card-rgb: 90,231,222; border-color:rgba(90,231,222,.37); background:radial-gradient(circle at 50% 24%,rgba(54,206,214,.14),transparent 34%),linear-gradient(150deg,rgba(21,31,65,.9),rgba(6,5,20,.88)); }
.case-grid h3 { margin: 0 0 12px; color:#f5f3ff; font-size:20px; }.case-grid article>p{margin:0;color:rgba(245,243,255,.64);font-size:13px;line-height:1.62}.case-label{color:rgb(var(--card-rgb));font:700 9px var(--font-mono,monospace);letter-spacing:.15em;text-transform:uppercase}.case-featured{position:absolute;right:16px;top:16px;z-index:7;padding:6px 9px;border:1px solid rgba(var(--card-rgb),.35);border-radius:999px;color:rgb(var(--card-rgb));font:700 7px var(--font-mono,monospace);letter-spacing:.13em}
.case-art { position:relative; flex:none; width:100%; height:270px; margin:25px 0 27px; overflow:hidden; border:1px solid rgba(var(--card-rgb),.18); border-radius:15px; background:radial-gradient(circle at 50% 42%,rgba(var(--card-rgb),.13),transparent 45%),#080719; }
.case-art::before { content:""; position:absolute; inset:0; opacity:.35; background-image:radial-gradient(circle,rgba(178,245,249,.8) 0 1px,transparent 1.4px);background-size:38px 38px; }
.commerce-terminal { position:absolute; z-index:3; left:56%; top:35px; width:105px; height:170px; padding:14px; border:1px solid rgba(var(--card-rgb),.45); border-radius:20px 20px 27px 27px; background:linear-gradient(145deg,#173442,#08101e); box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 28px rgba(var(--card-rgb),.1); transform:translateX(-50%) rotate(-5deg); }
.terminal-screen{height:54px;display:grid;place-items:center;border:1px solid rgba(var(--card-rgb),.28);border-radius:9px}.terminal-screen b{width:26px;height:14px;border:solid rgb(var(--card-rgb));border-width:0 0 3px 3px;transform:rotate(-45deg);filter:drop-shadow(0 0 8px rgb(var(--card-rgb)))}.terminal-keypad{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px 7px}.terminal-keypad b{height:8px;border-radius:3px;background:rgba(192,221,227,.2)}
.commerce-pix { position:absolute; z-index:4; left:20px; top:99px; width:57px; height:57px; display:grid; place-items:center; border:1px solid rgba(var(--card-rgb),.45); border-radius:50%; background:#071a25; box-shadow:0 0 28px rgba(var(--card-rgb),.22); animation:orbixRouterPulse 3s ease-in-out infinite}.commerce-pix img{width:52%}.commerce-signal{position:absolute;z-index:2;left:76px;top:116px;width:34%;height:1px;background:linear-gradient(90deg,rgb(var(--card-rgb)),transparent)}
.freelance-profile { position:absolute; z-index:4; left:50%; top:42px; width:76px; height:76px; transform:translateX(-50%); border:1px solid rgba(var(--card-rgb),.5); border-radius:50%; background:rgba(var(--card-rgb),.1); box-shadow:0 0 30px rgba(var(--card-rgb),.18)}.freelance-profile::before{content:"";position:absolute;left:50%;top:16px;width:20px;height:20px;transform:translateX(-50%);border-radius:50%;background:rgb(var(--card-rgb))}.freelance-profile::after{content:"";position:absolute;left:50%;bottom:12px;width:40px;height:21px;transform:translateX(-50%);border-radius:24px 24px 8px 8px;background:rgba(var(--card-rgb),.62)}
.freelance-orbit{position:absolute;left:50%;top:23px;width:150px;height:113px;transform:translateX(-50%) rotate(-15deg);border:1px dashed rgba(var(--card-rgb),.37);border-radius:50%;animation:orbixCenteredSpin 14s linear infinite}.freelance-orbit i{position:absolute;width:6px;height:6px;border-radius:50%;background:rgb(var(--card-rgb));box-shadow:0 0 9px rgb(var(--card-rgb))}.freelance-orbit i:nth-child(1){left:8%;top:19%}.freelance-orbit i:nth-child(2){right:4%;top:50%}.freelance-orbit i:nth-child(3){left:45%;bottom:-3px}.freelance-wallet{position:absolute;z-index:4;left:50%;bottom:49px;width:105px;height:56px;transform:translateX(-50%);border:1px solid rgba(var(--card-rgb),.55);border-radius:12px;background:#081424;box-shadow:0 0 28px rgba(var(--card-rgb),.13)}.freelance-wallet::after{content:"CARTEIRA";position:absolute;inset:0;display:grid;place-items:center;color:rgb(var(--card-rgb));font:700 7px var(--font-mono,monospace);letter-spacing:.12em}.freelance-payment{position:absolute;z-index:5;color:#fff;text-shadow:0 0 12px rgb(var(--card-rgb));animation:orbixPaymentDrop 3.7s linear infinite}.payment-a{left:22%;top:37%;}.payment-b{right:19%;top:45%;animation-delay:-1.2s}.payment-c{left:47%;top:49%;animation-delay:-2.4s}
.crypto-orbit { position:absolute; z-index:2; left:50%; top:47%; border:1px solid rgba(var(--card-rgb),.35); border-radius:50%; transform:translate(-50%,-50%) rotate(-13deg) }.crypto-orbit-a{width:88%;height:48%}.crypto-orbit-b{width:68%;height:73%;transform:translate(-50%,-50%) rotate(35deg);border-color:rgba(150,113,255,.35)}
.liquid-badge{position:absolute;z-index:5;left:50%;top:50%;width:91px;height:91px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(var(--card-rgb),.65);border-radius:50%;background:radial-gradient(circle,rgba(var(--card-rgb),.22),#071322 70%);box-shadow:0 0 38px rgba(var(--card-rgb),.3)}.liquid-badge img{width:38px;height:38px;object-fit:contain}.liquid-badge b{margin-top:3px;color:#fff;font:800 7px var(--font-mono,monospace)}.liquid-badge small{color:rgb(var(--card-rgb));font:700 5px var(--font-mono,monospace);letter-spacing:.1em}
.crypto-asset{position:absolute;z-index:6;width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(var(--card-rgb),.55);border-radius:50%;background:#07121f;box-shadow:0 0 24px rgba(var(--card-rgb),.2);animation:orbixAssetFloat 4s ease-in-out infinite}.crypto-asset img{width:54%;height:54%;object-fit:contain}.crypto-pix{left:5%;top:31%}.crypto-depix{right:4%;top:17%;animation-delay:-1s}.crypto-usdt{left:13%;bottom:12%;animation-delay:-2s}.crypto-lbtc{right:10%;bottom:11%;animation-delay:-3s;background:linear-gradient(145deg,#68b8ad,#286d6d);border-color:rgba(208,255,249,.72)}.crypto-lbtc .orbix-liquid-bitcoin-mark{font-size:26px}

@keyframes orbixNebulaDrift { to { transform: translate3d(3%, -2%, 0) scale(1.08) rotate(2deg); } }
@keyframes orbixStarsBreathe { 50% { opacity: .67; transform: scale(1.015); } }
@keyframes orbixPlanetFloat { 50% { transform: translate(-50%, calc(-50% - 8px)) rotate(2deg); } }
@keyframes orbixCorePulse { 50% { opacity:.62; transform:scale(1.32); } }
@keyframes orbixAssetFloat { 50% { transform:translateY(-9px) rotate(2deg); } }
@keyframes orbixMeteor { 0%,35%{opacity:0;transform:translate(0,0) rotate(-22deg)}42%{opacity:1}60%{opacity:0;transform:translate(690px,260px) rotate(-22deg)}100%{opacity:0} }
@keyframes orbixRouteMove { 0%{left:0;opacity:0}12%{opacity:1}88%{left:calc(100% - 11px);opacity:1}100%{left:calc(100% - 11px);opacity:0} }
@keyframes orbixRouterPulse { 50% { transform:scale(1.07); box-shadow:0 0 32px rgba(var(--card-rgb),.26); } }
@keyframes orbixRouterPulseCentered { 50% { transform:translateX(-50%) scale(1.07); box-shadow:0 0 32px rgba(var(--card-rgb),.26); } }
@keyframes orbixPanelFlow { 50% { background-position:100% 50%; filter:brightness(1.3) } }
@keyframes orbixSpin { to { transform:rotate(360deg); } }
@keyframes orbixCenteredSpin { to { transform:translateX(-50%) rotate(360deg); } }
@keyframes orbixNeedle { from{transform:rotate(-55deg)}to{transform:rotate(58deg)} }
@keyframes orbixStreak { from{transform:translateX(0);opacity:0}20%{opacity:.75}to{transform:translateX(270%);opacity:0} }
@keyframes orbixCometRun { 0%{left:3%;top:124px;opacity:0}15%{opacity:1}75%{left:64%;top:84px;opacity:1}100%{left:72%;top:84px;opacity:0} }
@keyframes orbixScan { 0%,100%{top:46px;opacity:0}15%,85%{opacity:1}50%{top:153px} }
@keyframes orbixWave { from{opacity:0;transform:translateX(-50%) scaleX(.35)}35%{opacity:.8}to{opacity:0;transform:translateX(-50%) scaleX(1.4)} }
@keyframes orbixPaymentDrop { 0%{transform:translateY(-40px);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateY(75px);opacity:0} }

@media (max-width: 1050px) {
  .benefit-grid, .orbix-security-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .case-grid { grid-template-columns: 1fr; max-width: 620px; margin-inline: auto; }
}

@media (max-width: 760px) {
  .orbix-galaxy-stage { width: min(540px, 96vw); }
  .orbix-hero-asset > span { width: 50px; }
  .benefit-grid, .orbix-security-grid { grid-template-columns: 1fr; }
  .benefit-card, .orbix-security-grid article { min-height: 420px; }
}

/* Auth composition: the portal, copy and form become three deliberate scenes. */
@media (max-width: 900px) {
  .auth-header {
    width: calc(100% - 20px);
    min-height: 64px;
    margin-top: 10px;
    padding: 0 10px 0 16px;
    border-radius: 16px;
  }

  .auth-layout {
    width: min(calc(100% - 32px), 720px);
    min-height: auto;
    padding: 48px 0 56px;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    justify-items: center;
    gap: 0;
  }

  .auth-cosmos-copy {
    grid-column: 1;
    grid-row: 1;
    align-self: auto;
    width: min(100%, 590px);
    padding-top: 0;
    text-align: center;
  }

  .auth-kicker { justify-content: center; }
  .auth-cosmos-copy > p:not(.auth-kicker) { margin-inline: auto; }
  .auth-route-status { margin-inline: auto; }

  .auth-portal {
    grid-column: 1;
    grid-row: 2;
    align-self: center;
    justify-self: center;
    width: 680px;
    height: 390px;
    margin: -12px 0 -64px;
    transform: scale(.82);
    transform-origin: center;
  }

  .auth-card-wrap {
    grid-column: 1;
    grid-row: 3;
    width: min(100%, 470px);
    min-width: 0;
    justify-self: center;
  }

  .auth-page .site-footer { margin-top: 18px; }
}

@media (max-width: 520px) {
  .auth-header {
    width: calc(100% - 16px);
    min-height: 58px;
    margin-top: 8px;
    padding-inline: 10px 7px;
  }

  .auth-header nav { gap: 8px; }
  .auth-header nav > a:not(.auth-header-button) { display: none; }
  .auth-header nav .auth-header-button {
    min-height: 42px;
    padding-inline: 14px;
    border-radius: 11px;
    font-size: 12px;
  }

  .auth-layout {
    width: calc(100% - 28px);
    padding: 34px 0 44px;
  }

  .auth-cosmos-copy h1 {
    max-width: 330px;
    margin-inline: auto;
    font-size: clamp(36px, 12.5vw, 44px);
    line-height: 1.01;
  }

  .auth-cosmos-copy > p:not(.auth-kicker) {
    max-width: 320px;
    margin-top: 18px;
    font-size: 13px;
    line-height: 1.6;
  }

  .auth-route-status {
    width: min(100%, 320px);
    margin-top: 22px;
  }

  .auth-portal {
    width: 520px;
    height: 300px;
    margin: -20px 0 -54px;
    transform: scale(.6);
  }

  .auth-card-wrap,
  .auth-card {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  .auth-card { padding: 25px 18px; }
  .auth-card h2 { font-size: 32px; }
  .auth-card-intro { line-height: 1.55; }
  .auth-submit { min-height: 52px; padding-inline: 16px; }
  .auth-switch { line-height: 1.55; }
}

@media (prefers-reduced-motion: reduce) {
  .orbix-galaxy-stage *, .benefit-art *, .security-art *, .case-art * { animation: none !important; }
}