/* XERIONYX V75 — isolated, presentation-only cinematic teaser.
   No global selectors, no wallet bindings, no payment logic. */
#xerionyx-quantum-teaser-v75.xq75 {
  --xq75-night: #030612;
  --xq75-ice: #6ce9ff;
  --xq75-gold: #f3c880;
  position: relative;
  display: block;
  width: min(100% - 40px, 1280px);
  margin: 26px auto 0;
  isolation: isolate;
  text-align: start;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.xq75 *, .xq75 *::before, .xq75 *::after { box-sizing: border-box; }
.xq75 .xq75-frame {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 566px;
  overflow: hidden;
  border: 1px solid rgba(120, 219, 255, .25);
  border-radius: 26px;
  background: var(--xq75-night);
  box-shadow: 0 24px 85px rgba(0,0,0,.49), 0 0 50px rgba(15,130,220,.085), inset 0 1px 0 rgba(255,255,255,.09);
}
.xq75 .xq75-frame::after {
  content: "";
  position: absolute;
  z-index: 4;
  pointer-events: none;
  inset: 12px;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 18px;
}
.xq75 .xq75-visual {
  position: absolute;
  inset: 0 0 0 26%;
  overflow: hidden;
  pointer-events: none;
  background: radial-gradient(ellipse at 57% 48%,#132a42 0%,#040915 65%,#02040d 100%);
}
.xq75 .xq75-art {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 52% 49%;
  transform-origin: 54% 50%;
  filter: saturate(.96) contrast(1.04);
  animation: xq75-camera 20s ease-in-out infinite alternate;
  will-change: transform;
}
.xq75 .xq75-light-beam {
  position: absolute;
  z-index: 1;
  width: 30%;
  height: 100%;
  top: 0;
  left: 41%;
  opacity: .2;
  background: linear-gradient(90deg, transparent 0%,rgba(16,161,255,.06) 15%,rgba(98,218,255,.22) 50%,rgba(16,161,255,.06) 85%,transparent 100%);
  mix-blend-mode: screen;
  animation: xq75-beam 7.5s ease-in-out infinite;
}
.xq75 .xq75-orbit {
  position: absolute;
  z-index: 2;
  top: 48%;
  left: 58%;
  width: min(63%, 580px);
  height: 25%;
  border: 1px solid rgba(232,185,106,.36);
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(239,198,130,.1), inset 0 0 7px rgba(255,220,170,.12);
  pointer-events: none;
  transform-origin: center center;
  animation: xq75-orbit-a 18s linear infinite;
}
.xq75 .xq75-orbit-two {
  width: min(52%, 485px);
  height: 19%;
  top: 52%;
  border-color: rgba(56,184,255,.42);
  box-shadow: 0 0 9px rgba(45,179,255,.12);
  animation: xq75-orbit-b 24s linear infinite reverse;
}
.xq75 .xq75-sphere {
  position: absolute;
  z-index: 3;
  pointer-events: none;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  background: radial-gradient(circle at 30% 26%, #fff 0%,#d9efff 9%,#3579aa 33%,#0d1a38 61%,#dfa84d 87%,#fff0bf 98%);
  border: 1px solid rgba(230,217,170,.68);
  box-shadow: 0 0 10px rgba(103,207,255,.37),inset -2px -3px 5px rgba(0,0,0,.6);
}
.xq75 .xq75-sphere-one { top:25%; left:75%; animation:xq75-drift-a 12s ease-in-out infinite alternate; }
.xq75 .xq75-sphere-two { top:73%; left:65%; width:10px;height:10px;animation:xq75-drift-b 16s ease-in-out infinite alternate; }
.xq75 .xq75-sphere-three { top:36%; left:28%; width:9px;height:9px;animation:xq75-drift-c 14s ease-in-out infinite alternate; }
.xq75 .xq75-glints {
  position:absolute;
  inset:0;
  opacity:.38;
  background-image:
    radial-gradient(circle at 13% 20%,white 0 1px,transparent 2px),
    radial-gradient(circle at 71% 9%,#72e9ff 0 1px,transparent 3px),
    radial-gradient(circle at 90% 66%,#ffe3a7 0 1px,transparent 3px),
    radial-gradient(circle at 47% 88%,white 0 1px,transparent 3px),
    radial-gradient(circle at 5% 70%,#74d7ff 0 1px,transparent 3px);
  animation: xq75-sparkle 9s ease-in-out infinite alternate;
}
.xq75 .xq75-veil {
  position: absolute;
  z-index: 5;
  pointer-events: none;
  inset: 0;
  background:
    linear-gradient(90deg, #030712 0%,rgba(3,7,18,.99) 21%,rgba(3,7,18,.84) 38%,rgba(3,7,18,.34) 60%,rgba(3,7,18,.1) 100%),
    linear-gradient(0deg,rgba(2,5,14,.85) 0%,transparent 22%,transparent 75%,rgba(2,4,10,.2) 100%);
}
.xq75 .xq75-copy {
  position: relative;
  z-index: 6;
  width: min(54%, 620px);
  padding: 47px 0 136px 62px;
  flex: none;
  color: #f7f9ff;
}
.xq75 .xq75-eyebrow {
  margin: 0 0 24px;
  display: flex;
  align-items: center;
  gap: 11px;
  color: #8ce9f9;
  font-size: 10px;
  font-weight: 750;
  line-height: 1.7;
  letter-spacing: .20em;
  text-transform: uppercase;
}
.xq75 .xq75-pulse { flex:none;width:6px;height:6px;border-radius:50%;background:#6ae9ff;box-shadow:0 0 11px #22d3ee;animation:xq75-beam 4s infinite; }
.xq75 #xq75-title {
  margin: 0;
  max-width: 640px;
  font-size: clamp(32px, 3.55vw, 51px);
  line-height: 1.095;
  font-weight: 700;
  letter-spacing: -.035em;
  text-wrap: balance;
  color: #f8fbff;
  text-shadow: 0 3px 28px rgba(0,0,0,.7);
}
.xq75 #xq75-description {
  max-width: 490px;
  margin: 24px 0 0;
  color: #b5c9d9;
  line-height: 1.75;
  font-size: 14px;
  font-weight: 400;
  text-wrap: pretty;
  text-shadow: 0 2px 14px rgba(0,0,0,.88);
}
.xq75 .xq75-divider {
  display:block;
  width: 76px;
  height: 2px;
  margin-top: 24px;
  background:linear-gradient(90deg, var(--xq75-ice),var(--xq75-gold) 60%,transparent);
  box-shadow:0 0 12px rgba(64,186,255,.42);
}
.xq75 #xq75-closer {
  color: #f0d6a5;
  margin: 15px 0 0;
  font-size: 13px;
  letter-spacing: .016em;
  line-height: 1.65;
  font-weight: 550;
}
.xq75 .xq75-founder {
  position: absolute;
  z-index: 7;
  left: 62px;
  bottom: 34px;
  display: flex;
  align-items: center;
  gap: 14px;
  max-width: calc(100% - 124px);
  padding: 15px 18px;
  border: 1px solid rgba(254,213,141,.26);
  border-radius: 13px;
  background: rgba(5,11,23,.84);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 28px rgba(0,0,0,.26);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  color: #ecf4ff;
}
.xq75 .xq75-founder-emblem { flex:none; display:grid;place-items:center; width:34px;height:34px; border:1px solid rgba(246,194,114,.4); border-radius:10px; background:rgba(244,194,119,.07);color:var(--xq75-gold);font-size:22px; }
.xq75 .xq75-founder-text { display:flex; flex-direction:column; gap:3px; min-width:0; }
.xq75 .xq75-founder-text strong { font-size:11px;letter-spacing:.13em;font-weight:760;line-height:1.4; }
.xq75 .xq75-price { color:var(--xq75-gold); white-space:nowrap; }
.xq75 #xq75-founding-status { font-size:11px;line-height:1.6;color:#abbccb; }
.xq75 .xq75-founder-seal {flex:none;margin-inline-start:12px; padding:7px 10px;border:1px solid rgba(103,221,249,.26);border-radius:100px;font-size:9px;font-weight:750;line-height:1.3;letter-spacing:.10em;color:#90dfe9;background:rgba(35,169,205,.10);white-space:nowrap;}
.xq75 #xq75-copy[dir="rtl"] { direction:rtl; text-align:right; padding:47px 62px 136px 0; }
.xq75 #xq75-copy[dir="rtl"] .xq75-divider {transform:scaleX(-1)}
.xq75 #xq75-founder[dir="rtl"] { direction:rtl; right:62px; left:auto; }
@keyframes xq75-camera {from{transform:scale(1.025) translate3d(-.4%,0,0)}to{transform:scale(1.075) translate3d(.3%,-.7%,0)}}
@keyframes xq75-beam {0%,100%{opacity:.18}50%{opacity:.53}}
@keyframes xq75-orbit-a {from{transform:translate(-50%,-50%) rotate(-16deg) rotateX(56deg)}to{transform:translate(-50%,-50%) rotate(344deg) rotateX(56deg)}}
@keyframes xq75-orbit-b {from{transform:translate(-50%,-50%) rotate(24deg) rotateX(50deg)}to{transform:translate(-50%,-50%) rotate(384deg) rotateX(50deg)}}
@keyframes xq75-drift-a {to{transform:translate3d(-22px,20px,0)}}
@keyframes xq75-drift-b {to{transform:translate3d(16px,-15px,0)}}
@keyframes xq75-drift-c {to{transform:translate3d(-14px,15px,0)}}
@keyframes xq75-sparkle {0%{opacity:.24}100%{opacity:.59}}
.xq75.xq75-inactive .xq75-art,
.xq75.xq75-inactive .xq75-light-beam,
.xq75.xq75-inactive .xq75-orbit,
.xq75.xq75-inactive .xq75-sphere,
.xq75.xq75-inactive .xq75-glints,
.xq75.xq75-inactive .xq75-pulse { animation-play-state:paused !important; }
@media (max-width: 1050px) and (min-width: 701px) {
 .xq75 .xq75-copy {padding-left:36px;width:60%;}
 .xq75 .xq75-founder {left:36px;max-width:calc(100% - 72px);}
 .xq75 #xq75-copy[dir="rtl"] {padding-right:36px;padding-left:0;}
 .xq75 #xq75-founder[dir="rtl"] {right:36px;left:auto;}
}
@media (max-width: 700px) {
 #xerionyx-quantum-teaser-v75.xq75 {width:calc(100% - 26px);margin:14px auto 0;}
 .xq75 .xq75-frame {display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;min-height:630px;height:auto;border-radius:19px;}
 .xq75 .xq75-frame::after {inset:8px;border-radius:13px;}
 .xq75 .xq75-visual {inset:115px -13% 60px -13%;opacity:.92;}
 .xq75 .xq75-art {object-position:50% 42%;}
 .xq75 .xq75-veil {background:linear-gradient(180deg,rgba(3,7,18,1) 0%,rgba(3,7,18,.93) 21%,rgba(3,7,18,.13) 46%,rgba(3,7,18,.08) 62%,rgba(3,7,18,.97) 82%,#030712 100%);}
 .xq75 .xq75-copy {width:100%;padding:31px 26px 0;}
 .xq75 .xq75-eyebrow {font-size:9px;letter-spacing:.12em;margin-bottom:16px;}
 .xq75 #xq75-title {font-size:clamp(28px,7.5vw,39px);line-height:1.12;max-width:530px;letter-spacing:-.03em;}
 .xq75 #xq75-description {font-size:12px;line-height:1.55;max-width:360px;margin-top:14px;}
 .xq75 .xq75-divider {width:54px;margin-top:14px;}
 .xq75 #xq75-closer {font-size:11px;margin-top:10px;}
 .xq75 .xq75-founder {position:relative;left:auto;bottom:auto;right:auto;width:calc(100% - 30px);max-width:none;margin:190px 15px 17px;padding:12px 13px;gap:10px;background:rgba(3,8,20,.91);}
 .xq75 .xq75-founder-emblem {width:28px;height:28px;font-size:18px;}
 .xq75 .xq75-founder-text strong {font-size:10px;letter-spacing:.07em;}
 .xq75 #xq75-founding-status {font-size:10px;}
 .xq75 .xq75-founder-seal {display:none;}
 .xq75 #xq75-copy[dir="rtl"] {padding:31px 26px 0;}
 .xq75 #xq75-founder[dir="rtl"] {right:auto;left:auto;}
}
@media (max-width: 390px) {
 .xq75 .xq75-frame {min-height:610px;}
 .xq75 .xq75-copy {padding-left:19px;padding-right:19px;}
 .xq75 #xq75-copy[dir="rtl"] {padding-left:19px;padding-right:19px;}
 .xq75 .xq75-founder {margin-top:178px;}
}
@media (prefers-reduced-motion: reduce) {
 .xq75 .xq75-art,.xq75 .xq75-light-beam,.xq75 .xq75-orbit,.xq75 .xq75-sphere,.xq75 .xq75-glints,.xq75 .xq75-pulse {animation:none !important;will-change:auto !important;}
 .xq75 .xq75-light-beam {opacity:.25;}
}

/* V75 editorial typography only: preserves scene, cinematic animation and geometry. */
.xq75 #xq75-opportunity {
  max-width:490px;
  margin:11px 0 0;
  color:#c6d5e4;
  font-size:13px;
  line-height:1.65;
  font-weight:400;
  text-wrap:pretty;
  text-shadow:0 2px 14px rgba(0,0,0,.95);
}
.xq75 #xq75-closer {font-size:15px;line-height:1.45;font-weight:650;}
@media (max-width:700px) {
  .xq75 #xq75-closer {font-size:14px;line-height:1.45;font-weight:650;}
  .xq75 #xq75-opportunity {max-width:360px;font-size:12px;line-height:1.55;margin-top:7px;}
  .xq75 .xq75-founder {flex-wrap:wrap;}
  .xq75 .xq75-founder-seal {display:inline-flex;margin-inline-start:38px;margin-top:1px;font-size:9px;letter-spacing:.07em;padding:5px 9px;}
}
