/* DApps Platform — cinematic tech hero v5 */
:root{
  --hero5-blue:#0c74ff;
  --hero5-cyan:#18e4f4;
  --hero5-ink:#020711;
  --hero5-panel:rgba(5,18,36,.68);
  --hero5-border:rgba(83,164,255,.22);
}
#page-home{overflow:visible}
.tech-hero-v5{
  position:relative;isolation:isolate;overflow:hidden;
  min-height:690px;margin-top:18px;border-radius:30px;padding:54px 50px 42px;
  border:1px solid rgba(55,129,211,.25);
  background:
    radial-gradient(circle at 74% 28%,rgba(12,126,255,.24),transparent 18%),
    radial-gradient(circle at 86% 62%,rgba(19,238,255,.18),transparent 16%),
    linear-gradient(118deg,#01050d 0%,#03111f 44%,#031a2d 100%);
  box-shadow:0 30px 100px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.025);
}
.tech-hero-v5::before{
  content:"";position:absolute;inset:0;z-index:-4;opacity:.32;
  background-image:
    linear-gradient(rgba(45,111,182,.14) 1px,transparent 1px),
    linear-gradient(90deg,rgba(45,111,182,.14) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.8) 34%,rgba(0,0,0,.9) 72%,transparent 100%);
}
.tech-hero-v5::after{
  content:"";position:absolute;left:-8%;right:-8%;bottom:-36%;height:58%;
  background:
    linear-gradient(rgba(25,124,255,.22) 1px,transparent 1px),
    linear-gradient(90deg,rgba(25,124,255,.18) 1px,transparent 1px);
  background-size:52px 36px;
  transform:perspective(520px) rotateX(67deg);
  transform-origin:50% 0;opacity:.82;z-index:-2;
  filter:none;
}
.tech-hero-inner{min-height:590px;display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:center;position:relative;z-index:2}
.tech-copy{max-width:610px;position:relative;z-index:10}
.tech-eyebrow{
  display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;
  border:1px solid rgba(50,157,255,.28);background:rgba(5,81,158,.16);
  color:#60ddf6;font-size:11px;font-weight:800;letter-spacing:.2em;
  box-shadow:inset 0 0 20px rgba(10,133,255,.07),0 0 24px rgba(5,122,255,.07)
}
.tech-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:#36e7ff;box-shadow:0 0 12px #36e7ff}
.tech-title{margin:28px 0 20px;font-size:clamp(56px,6.1vw,88px);line-height:.92;letter-spacing:-.068em;font-weight:800}
.tech-title .white{display:block;color:#ffffff;text-shadow:0 0 10px rgba(255,255,255,.035)}
.tech-title .gradient{display:block;background:linear-gradient(92deg,#3b85ff 0%,#149fff 36%,#12f2ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:none}
.tech-desc{max-width:555px;color:#9baec3;font-size:16px;line-height:1.72;margin:0}
.tech-cta{display:flex;gap:12px;margin-top:30px}
.tech-cta button,.tech-cta a{min-height:50px;padding:0 21px;border-radius:13px;text-decoration:none;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;transition:.22s ease}
.tech-cta .primary{border:0;color:#fff;background:linear-gradient(100deg,#0872ff,#18dff2);box-shadow:0 13px 36px rgba(6,112,255,.26),0 0 28px rgba(24,223,242,.10)}
.tech-cta .primary:hover{transform:translateY(-2px);box-shadow:0 17px 44px rgba(6,112,255,.32),0 0 34px rgba(24,223,242,.15)}
.tech-cta .secondary{color:#e2edf8;border:1px solid rgba(99,151,209,.25);background:rgba(255,255,255,.025)}
.tech-cta .secondary:hover{border-color:rgba(56,197,255,.42);background:rgba(20,85,145,.10)}
.tech-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:34px}
.tech-feature{display:flex;align-items:center;gap:10px;padding:13px 12px;border:1px solid rgba(71,177,255,.28);border-radius:14px;background:linear-gradient(180deg,rgba(8,27,50,.88),rgba(4,15,29,.82));backdrop-filter:blur(6px);box-shadow:0 12px 24px rgba(0,0,0,.16)}
.tech-feature i{font-style:normal;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(8,119,255,.10);border:1px solid rgba(67,164,255,.22);color:#4de5ff;font-size:17px}
.tech-feature b{display:block;font-size:12px;color:#f4f8fd}.tech-feature small{display:block;margin-top:3px;font-size:9px;color:#768da5}

/* right cinematic stage */
.tech-visual{position:relative;min-height:590px;perspective:1400px;transform-style:preserve-3d}
.tech-visual::before{
  content:"";position:absolute;width:460px;height:460px;border-radius:50%;right:95px;top:40px;
  background:
    radial-gradient(circle at 50% 50%,transparent 49%,rgba(39,148,255,.22) 49.5%,transparent 50.5%),
    radial-gradient(circle at 50% 50%,rgba(16,108,255,.09),rgba(9,46,112,.06) 56%,transparent 70%);
  border:1px solid rgba(50,135,234,.10);
  box-shadow:0 0 34px rgba(9,112,255,.18),inset 0 0 22px rgba(0,126,255,.08);
}
.tech-globe{position:absolute;right:120px;top:62px;width:410px;height:410px;border-radius:50%;opacity:.94;overflow:hidden;filter:drop-shadow(0 0 10px rgba(0,112,255,.18))}
.tech-globe::before{
  content:"";position:absolute;inset:0;border-radius:50%;
  background-image:
    radial-gradient(circle,rgba(65,191,255,.62) 1px,transparent 1.3px),
    linear-gradient(90deg,transparent 49.7%,rgba(67,171,255,.14) 50%,transparent 50.3%),
    linear-gradient(transparent 49.7%,rgba(67,171,255,.10) 50%,transparent 50.3%);
  background-size:8px 8px,36px 100%,100% 36px;
  mask-image:radial-gradient(circle,#000 0 68%,transparent 70%);
}
.tech-globe::after{
  content:"";position:absolute;inset:14%;border-radius:50%;border:1px solid rgba(78,178,255,.24);box-shadow:0 0 30px rgba(0,157,255,.12)
}
.tech-orbit{position:absolute;border:1px solid rgba(67,177,255,.28);border-radius:50%;box-shadow:0 0 28px rgba(16,132,255,.12);pointer-events:none}
.tech-orbit.o1{width:520px;height:160px;right:54px;bottom:88px;transform:rotate(-8deg)}
.tech-orbit.o2{width:380px;height:110px;right:8px;bottom:143px;transform:rotate(12deg);opacity:.7}
.tech-orbit.o3{width:470px;height:470px;right:92px;top:27px;transform:rotate(64deg);opacity:.25}

.tech-logo-stage{
  position:absolute;right:38px;top:106px;width:600px;height:445px;
  display:grid;place-items:center;transform-style:preserve-3d;
  transform:rotateX(calc(var(--hero-tilt-y,0)*1deg)) rotateY(calc(var(--hero-tilt-x,0)*1deg));
  transition:transform .18s ease-out;
}
.tech-logo-stack{position:relative;width:455px;height:380px;transform-style:preserve-3d;animation:dpSpin3d 11s linear infinite}
.tech-logo-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-style:preserve-3d;backface-visibility:visible;pointer-events:none}
.tech-logo-layer.depth{filter:brightness(.60) contrast(1.12) saturate(1.68) hue-rotate(2deg)}
.tech-logo-layer.front{filter:brightness(1.28) contrast(1.16) saturate(1.62) drop-shadow(0 0 7px rgba(6,113,255,.42)) drop-shadow(0 0 16px rgba(22,223,242,.20));z-index:40}
.tech-logo-layer.back{filter:brightness(.25) saturate(1.4);opacity:.9}
.tech-logo-glow{position:absolute;right:72px;bottom:52px;width:455px;height:88px;border-radius:50%;background:radial-gradient(ellipse,rgba(37,238,255,.68),rgba(14,102,255,.28) 34%,transparent 62%);filter:blur(4px);transform:rotateX(70deg);z-index:0}
.tech-pedestal{position:absolute;right:76px;bottom:43px;width:450px;height:58px;border-radius:50%;border:2px solid rgba(42,226,255,.72);box-shadow:0 0 7px rgba(22,193,255,.70),0 0 20px rgba(13,90,255,.28),inset 0 0 12px rgba(20,211,255,.24);transform:rotateX(68deg)}

@keyframes dpSpin3d{
  0%{transform:rotateX(-4deg) rotateY(0deg) translateY(0)}
  25%{transform:rotateX(2deg) rotateY(90deg) translateY(-7px)}
  50%{transform:rotateX(5deg) rotateY(180deg) translateY(0)}
  75%{transform:rotateX(0deg) rotateY(270deg) translateY(-7px)}
  100%{transform:rotateX(-4deg) rotateY(360deg) translateY(0)}
}
@media(prefers-reduced-motion:reduce){.tech-logo-stack{animation:none!important}.tech-scan,.tech-particle{animation:none!important}}

/* floating market HUDs */
.tech-hud{position:absolute;z-index:8;background:linear-gradient(180deg,rgba(5,22,44,.94),rgba(3,13,28,.88));border:1px solid rgba(61,181,255,.48);border-radius:15px;backdrop-filter:blur(7px);box-shadow:0 14px 26px rgba(0,0,0,.25),inset 0 0 10px rgba(20,133,255,.06);overflow:hidden}
.tech-hud::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 10%,rgba(78,211,255,.055) 42%,transparent 70%);pointer-events:none}
.tech-chart{left:7px;top:165px;width:185px;padding:15px;transform:perspective(800px) rotateY(9deg) rotateX(-2deg)}
.tech-chart small,.tech-map small{font-size:9px;letter-spacing:.14em;color:#78a1c5}.tech-chart b{display:block;color:#25ddff;font-size:20px;margin-top:7px}
.tech-line{height:82px;margin-top:9px;position:relative;overflow:hidden;border-bottom:1px solid rgba(74,148,221,.13)}
.tech-line svg{width:100%;height:100%;overflow:visible}
.tech-market{right:-2px;top:55px;width:222px;padding:12px 14px;transform:perspective(900px) rotateY(-7deg) rotateX(2deg)}
.tech-market-row{display:grid;grid-template-columns:34px 1fr auto;gap:7px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.055);font-size:11px}.tech-market-row:last-child{border-bottom:0}.tech-market-row span{color:#d9e7f4}.tech-market-row b{font-size:11px}.tech-market-row em{font-style:normal;color:#20e49a;font-weight:800;font-size:10px}
.tech-map{right:26px;bottom:68px;width:190px;padding:13px;transform:perspective(900px) rotateY(-6deg) rotateX(-2deg)}
.tech-world{height:84px;margin-top:9px;border-radius:10px;border:1px solid rgba(79,149,219,.10);background:
  radial-gradient(ellipse at 27% 45%,rgba(38,151,255,.34) 0 6%,transparent 7%),
  radial-gradient(ellipse at 45% 39%,rgba(38,151,255,.26) 0 10%,transparent 11%),
  radial-gradient(ellipse at 67% 50%,rgba(38,151,255,.30) 0 11%,transparent 12%),
  radial-gradient(ellipse at 80% 58%,rgba(38,151,255,.22) 0 7%,transparent 8%),
  linear-gradient(180deg,rgba(9,80,155,.16),rgba(5,18,33,.15));
  box-shadow:inset 0 0 24px rgba(5,98,255,.08)
}
.tech-bars{position:absolute;right:-10px;bottom:63px;height:230px;width:150px;display:flex;align-items:flex-end;gap:9px;z-index:1;opacity:.92;filter:none}
.tech-bars i{display:block;width:9px;background:linear-gradient(180deg,#3bfbff,#0870ff 62%,#0737d8);box-shadow:0 0 5px rgba(20,183,255,.35)}
.tech-scan{position:absolute;left:0;right:0;height:1px;top:15%;background:linear-gradient(90deg,transparent,#2adcf8,transparent);opacity:.35;animation:scanHero 5s linear infinite;z-index:7;pointer-events:none}
@keyframes scanHero{0%{top:12%;opacity:0}8%{opacity:.32}88%{opacity:.15}100%{top:88%;opacity:0}}
.tech-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#49dfff;box-shadow:0 0 9px #49dfff;opacity:.5;animation:particleFloat 5s ease-in-out infinite alternate}
.tech-particle.p1{right:33%;top:18%;animation-delay:.2s}.tech-particle.p2{right:8%;top:46%;animation-delay:1.1s}.tech-particle.p3{right:48%;bottom:16%;animation-delay:.7s}.tech-particle.p4{right:18%;bottom:9%;animation-delay:1.8s}
@keyframes particleFloat{to{transform:translate3d(7px,-16px,0);opacity:1}}

.market-strip-v3{margin-top:14px!important}

@media(max-width:1100px){
  .tech-hero-v5{padding:42px 34px}.tech-hero-inner{grid-template-columns:1fr;min-height:auto}.tech-copy{max-width:760px}.tech-visual{min-height:540px;margin-top:8px}.tech-logo-stage{left:50%;right:auto;transform:translateX(-50%)}.tech-globe{left:50%;right:auto;transform:translateX(-50%)}.tech-feature{min-height:68px}
}
@media(max-width:720px){
  .tech-hero-v5{padding-left:12px!important;padding-right:12px!important}
  .tech-hero-v5{min-height:auto;margin-top:10px;border-radius:21px;padding:28px 20px 22px}.tech-title{font-size:44px;margin:20px 0 17px}.tech-desc{font-size:13px;line-height:1.65}.tech-cta{margin-top:22px;display:grid;grid-template-columns:1fr 1fr}.tech-cta button,.tech-cta a{min-height:46px;padding:0 12px}.tech-features{grid-template-columns:1fr;margin-top:22px}.tech-feature:nth-child(n+2){display:none}.tech-visual{min-height:370px;margin-top:4px}.tech-globe{width:280px;height:280px;top:25px}.tech-logo-stage{width:360px;height:310px;top:48px}.tech-logo-stack{width:270px;height:230px;animation-duration:13s}.tech-logo-glow{width:270px;right:44px;bottom:35px}.tech-pedestal{width:265px;right:48px;bottom:29px}.tech-chart{width:135px;left:-10px;top:80px;padding:10px}.tech-chart .tech-line{height:55px}.tech-chart b{font-size:15px}.tech-market{width:150px;right:-16px;top:25px;padding:8px 9px}.tech-market-row{grid-template-columns:28px 1fr auto;padding:6px 0;font-size:8px}.tech-market-row b{font-size:8px}.tech-market-row em{font-size:7px}.tech-map{display:none}.tech-orbit.o1{width:310px;height:105px;right:10px;bottom:56px}.tech-orbit.o2{width:230px;height:80px;right:-8px;bottom:94px}.tech-orbit.o3{width:270px;height:270px;right:38px;top:18px}.tech-bars{height:150px;width:90px;right:-16px;bottom:47px;gap:6px}.tech-bars i{width:6px}
}

/* crisp/high-saturation pass */
.tech-hero-v5{filter:saturate(1.10) contrast(1.04)}
.tech-logo-stack{filter:saturate(1.10)}
.tech-line svg{filter:none}
.tech-market-row em{color:#19f5a2!important;text-shadow:0 0 6px rgba(25,245,162,.20)}
.tech-chart b{color:#20efff;text-shadow:0 0 7px rgba(32,239,255,.20)}
.tech-eyebrow{color:#57eeff;border-color:rgba(47,193,255,.42);background:rgba(0,91,188,.22)}
.tech-orbit{border-color:rgba(50,198,255,.42);box-shadow:0 0 12px rgba(16,132,255,.15)}

/* reference-image color match: deep navy + electric cobalt + cyan */
.tech-hero-v5{
  background:
    radial-gradient(circle at 72% 28%,rgba(0,118,255,.34),transparent 18%),
    radial-gradient(circle at 84% 60%,rgba(0,238,255,.23),transparent 15%),
    radial-gradient(circle at 58% 74%,rgba(15,68,255,.16),transparent 24%),
    linear-gradient(118deg,#01040a 0%,#020a18 38%,#06152b 68%,#020711 100%)!important;
  border-color:rgba(39,147,255,.42)!important;
  box-shadow:0 32px 110px rgba(0,0,0,.52),inset 0 1px 0 rgba(115,214,255,.05),0 0 42px rgba(0,95,255,.08)!important;
}
.tech-hero-v5::before{
  opacity:.46!important;
  background-image:
    linear-gradient(rgba(17,126,255,.16) 1px,transparent 1px),
    linear-gradient(90deg,rgba(17,126,255,.16) 1px,transparent 1px)!important;
}
.tech-hero-v5::after{
  background:
    linear-gradient(rgba(0,143,255,.34) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,143,255,.28) 1px,transparent 1px)!important;
  opacity:.90!important;
}
.tech-title .gradient{
  background:linear-gradient(90deg,#2f7dff 0%,#119cff 34%,#00cfff 64%,#31f5ff 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
.tech-cta .primary{
  background:linear-gradient(100deg,#0758ff 0%,#087fff 45%,#13e7f3 100%)!important;
  box-shadow:0 14px 38px rgba(0,91,255,.40),0 0 24px rgba(0,218,255,.18)!important;
}
.tech-eyebrow{
  color:#68f1ff!important;
  background:linear-gradient(180deg,rgba(0,95,214,.28),rgba(0,56,135,.20))!important;
  border-color:rgba(52,191,255,.52)!important;
}
.tech-visual::before{
  background:
    radial-gradient(circle at 50% 50%,transparent 47%,rgba(0,174,255,.34) 48%,transparent 49.5%),
    radial-gradient(circle at 50% 50%,rgba(0,109,255,.15),rgba(0,42,130,.10) 57%,transparent 71%)!important;
  border-color:rgba(0,135,255,.20)!important;
  box-shadow:0 0 26px rgba(0,117,255,.22),inset 0 0 26px rgba(0,179,255,.12)!important;
}
.tech-globe{opacity:1!important;filter:contrast(1.14) saturate(1.35) drop-shadow(0 0 10px rgba(0,132,255,.22))!important}
.tech-globe::before{
  background-image:
    radial-gradient(circle,rgba(77,214,255,.90) 1px,transparent 1.35px),
    linear-gradient(90deg,transparent 49.7%,rgba(0,165,255,.20) 50%,transparent 50.3%),
    linear-gradient(transparent 49.7%,rgba(0,165,255,.18) 50%,transparent 50.3%)!important;
}
.tech-orbit{border-color:rgba(0,205,255,.54)!important;box-shadow:0 0 10px rgba(0,132,255,.28)!important}
.tech-logo-layer.front{
  filter:brightness(1.34) contrast(1.20) saturate(1.90)
    drop-shadow(0 0 6px rgba(0,85,255,.48))
    drop-shadow(0 0 15px rgba(0,225,255,.28))!important;
}
.tech-logo-layer.depth{filter:brightness(.64) contrast(1.20) saturate(1.90) hue-rotate(-2deg)!important}
.tech-logo-glow{
  background:radial-gradient(ellipse,rgba(58,246,255,.78),rgba(0,99,255,.38) 32%,rgba(0,45,255,.10) 52%,transparent 64%)!important;
  filter:blur(3px)!important;
}
.tech-pedestal{
  border-color:rgba(50,238,255,.92)!important;
  box-shadow:0 0 6px rgba(0,224,255,.72),0 0 18px rgba(0,91,255,.34),inset 0 0 10px rgba(0,213,255,.30)!important;
}
.tech-hud{
  background:linear-gradient(180deg,rgba(5,19,43,.96),rgba(2,9,21,.92))!important;
  border-color:rgba(36,172,255,.55)!important;
  box-shadow:0 14px 26px rgba(0,0,0,.34),inset 0 0 10px rgba(0,122,255,.08)!important;
}
.tech-hud::before{background:linear-gradient(120deg,transparent 8%,rgba(37,212,255,.10) 43%,transparent 70%)!important}
.tech-market-row em{color:#27f59c!important}
.tech-chart b{color:#25ecff!important}
.tech-bars i{
  background:linear-gradient(180deg,#55fbff 0%,#0aa8ff 38%,#075cff 72%,#052ec9 100%)!important;
  box-shadow:0 0 5px rgba(0,199,255,.42)!important;
}
.tech-feature{
  background:linear-gradient(180deg,rgba(4,22,47,.94),rgba(2,11,25,.90))!important;
  border-color:rgba(24,154,255,.34)!important;
}
.tech-feature i{
  background:linear-gradient(145deg,rgba(0,106,255,.18),rgba(0,220,255,.10))!important;
  border-color:rgba(38,194,255,.34)!important;
  color:#43f2ff!important;
}

/* solid extrusion pass — visible physical thickness */
.tech-logo-stack{
  transform-style:preserve-3d!important;
  perspective:1400px;
  will-change:transform;
}
.tech-logo-layer{
  transform-origin:50% 50%;
}
.tech-logo-layer.depth{
  opacity:.98!important;
  mix-blend-mode:normal!important;
}
.tech-logo-layer.back{
  display:block!important;
  filter:brightness(.38) contrast(1.18) saturate(1.55) hue-rotate(-5deg)!important;
  opacity:1!important;
}
.tech-logo-layer.front{
  transform:translateZ(2px)!important;
}
.tech-logo-stack::before{
  content:"";position:absolute;inset:7% 4% 6%;z-index:-1;
  background:radial-gradient(circle at 52% 45%,rgba(0,124,255,.16),transparent 58%);
  transform:translateZ(-58px);
  filter:blur(2px);
}
@keyframes dpSpin3d{
  0%{transform:rotateX(-7deg) rotateY(0deg) translateY(0)}
  20%{transform:rotateX(-2deg) rotateY(72deg) translateY(-6px)}
  25%{transform:rotateX(1deg) rotateY(90deg) translateY(-8px)}
  50%{transform:rotateX(7deg) rotateY(180deg) translateY(0)}
  75%{transform:rotateX(1deg) rotateY(270deg) translateY(-8px)}
  80%{transform:rotateX(-2deg) rotateY(288deg) translateY(-6px)}
  100%{transform:rotateX(-7deg) rotateY(360deg) translateY(0)}
}

/* Reference artwork: luminous blue/cyan face, clean solid sidewalls, soft stage light. */
.tech-logo-stack{isolation:auto;perspective:none}
.tech-logo-layer.depth{
  filter:none;
  opacity:1!important;
  mix-blend-mode:normal!important;
  backface-visibility:visible;
  z-index:auto;
}
.tech-logo-layer.back{opacity:1!important;z-index:auto}
.tech-logo-layer.front{
  z-index:auto;
  filter:brightness(1.12) saturate(1.35)
    drop-shadow(0 0 12px rgba(0,115,255,.65))
    drop-shadow(0 0 30px rgba(29,224,255,.34))!important;
}
.tech-logo-glow{
  background:radial-gradient(ellipse,rgba(58,246,255,.62),rgba(0,99,255,.32) 35%,rgba(0,45,255,.08) 60%,transparent 73%)!important;
  filter:blur(12px)!important;
}
.tech-visual::before{filter:blur(2px)}
@media(prefers-reduced-motion:reduce){.tech-logo-stack{transform:rotateX(-7deg) rotateY(-24deg)!important}}

/* Actual 3D silhouette mesh: the canvas draws front, rear and lit side faces. */
.tech-logo-stack{animation:none!important;transform:none!important;perspective:none!important;filter:none!important}
.tech-logo-canvas,.tech-logo-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.tech-logo-canvas{z-index:2;filter:drop-shadow(0 0 16px rgba(0,115,255,.55)) drop-shadow(0 0 24px rgba(0,229,255,.2))}
.tech-logo-fallback{z-index:1;filter:drop-shadow(0 0 14px rgba(0,115,255,.5))}
.tech-logo-canvas.ready+.tech-logo-fallback{visibility:hidden}


/* Animated vector Earth and perspective scene; no flattened background artwork. */
.tech-hero-v5{background:radial-gradient(ellipse at 76% 39%,rgba(0,76,188,.19),transparent 35%),linear-gradient(120deg,#061121 0%,#051326 49%,#031531 100%)!important;border-radius:15px!important}
.tech-hero-v5::before{opacity:.16!important;background-size:66px 66px!important}
.tech-hero-v5::after{bottom:-22%!important;height:59%!important;background-size:65px 43px!important;opacity:.72!important;filter:drop-shadow(0 0 8px rgba(0,125,255,.65))!important}
.tech-globe{overflow:hidden;background:radial-gradient(circle at 34% 27%,rgba(23,118,255,.32),rgba(1,27,80,.88) 55%,#010d26 77%);border:2px solid rgba(70,174,255,.46);box-shadow:0 0 12px #147fff,0 0 56px rgba(2,105,255,.46),inset -32px -22px 44px rgba(0,5,32,.93),inset 11px 8px 26px rgba(26,162,255,.17)!important}
.tech-globe::before{z-index:3!important;inset:0!important;background:radial-gradient(circle at 35% 28%,rgba(96,206,255,.24),transparent 37%),linear-gradient(90deg,rgba(1,12,47,.3),transparent 35%,rgba(0,3,29,.7) 89%)!important;mask-image:none!important;pointer-events:none}
.tech-globe::after{z-index:4!important;inset:0!important;border:0!important;box-shadow:inset 0 0 32px rgba(38,180,255,.47),inset -20px -8px 26px rgba(0,5,33,.84)!important;pointer-events:none}
.tech-globe-land{position:absolute;z-index:2;inset:4% auto 4% -16%;width:188%;height:92%;background:url('hero-world.svg') center/100% 100% no-repeat;opacity:.85;animation:earthDrift 28s ease-in-out infinite alternate;filter:drop-shadow(0 0 6px rgba(28,169,255,.75))}
@keyframes earthDrift{to{transform:translateX(-31%)}}
.tech-orbit.o1{border:2px solid rgba(36,205,255,.55)!important;box-shadow:0 0 8px #11bfff,0 0 27px rgba(0,111,255,.5)!important;animation:orbitPulse 5s ease-in-out infinite alternate}
.tech-orbit.o2{border-color:rgba(35,144,255,.55)!important;animation:orbitPulse 6s ease-in-out infinite alternate-reverse}
@keyframes orbitPulse{to{filter:brightness(1.65);opacity:.68}}
.tech-pedestal{border-width:4px!important;background:radial-gradient(ellipse,rgba(3,44,128,.55),rgba(1,7,30,.85) 68%,transparent 71%);box-shadow:0 0 12px #00dfff,0 0 37px rgba(0,100,255,.67),inset 0 0 34px rgba(0,151,255,.48)!important}
.tech-logo-stage{top:86px!important;right:30px!important}
.tech-logo-canvas{filter:drop-shadow(0 11px 4px rgba(0,4,28,.8)) drop-shadow(0 0 15px rgba(0,111,255,.7))!important}
.tech-chart,.tech-market,.tech-map{background:linear-gradient(145deg,rgba(4,18,43,.78),rgba(0,19,56,.45))!important;box-shadow:0 15px 40px rgba(0,0,0,.28),0 0 25px rgba(0,98,255,.12)!important}
.tech-bars{animation:chartBreathe 3.8s ease-in-out infinite alternate}
@keyframes chartBreathe{to{transform:scaleY(.83);filter:brightness(1.45)}}
@media(max-width:720px){.tech-logo-stage{top:45px!important;right:auto!important}.tech-globe-land{animation-duration:35s}}
@media(prefers-reduced-motion:reduce){.tech-globe-land,.tech-orbit,.tech-bars{animation:none!important}}
/* Keep the rotating mark in front of the floating market panels at every angle. */
.tech-logo-stage{z-index:12!important}
.tech-logo-stack,.tech-logo-canvas{isolation:isolate}
.tech-chart{left:-30px!important}
.tech-market{right:-18px!important}
.tech-map{right:-22px!important}
/* Reserve separate space for the chart, market card and rotating mark. */
@media(min-width:1101px){
  .tech-logo-stage{right:-35px!important}
  .tech-chart{left:-20px!important;top:110px!important;width:160px!important}
  .tech-market{top:-28px!important;right:-18px!important}
  .tech-map{bottom:-22px!important;right:-18px!important}
}
/* Data cards stay fully readable in the foreground throughout the turn. */
.tech-hud{z-index:24!important}
.tech-chart,.tech-market,.tech-map{overflow:visible!important}
.tech-logo-stage{z-index:12!important}
@media(min-width:1101px){.tech-logo-stage{right:-66px!important}}
/* Readable, opaque market data over the moving scene. */
.tech-hud{background:#061a35!important;backdrop-filter:none!important;filter:none!important;opacity:1!important;border:1px solid #287dc0!important;box-shadow:0 12px 30px rgba(0,4,18,.6)!important;transform:none!important}
.tech-chart small,.tech-map small{color:#b9daf5!important;font-size:10px!important;letter-spacing:.08em!important}
.tech-chart b{color:#40e8ff!important;text-shadow:none!important;font-size:20px!important}
.tech-line svg{filter:none!important}
.tech-market-row{font-size:12px!important;color:#eaf7ff!important}
.tech-market-row span,.tech-market-row b{color:#f1faff!important;font-size:12px!important}
.tech-market-row em{font-size:11px!important;text-shadow:none!important}
.tech-map small{position:relative;z-index:2}
/* Live scene layers stay behind copy and the readable data cards. */
.tech-scene-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none}
.tech-hero-inner{z-index:2!important}
.tech-world{background:linear-gradient(180deg,rgba(6,57,126,.25),rgba(2,18,43,.6)),url('hero-world.svg') center/115% auto no-repeat!important}
.tech-hero-v5{box-shadow:inset 0 0 70px rgba(1,6,22,.36),0 26px 85px rgba(0,3,20,.32)!important}
@media(max-width:720px){.tech-scene-canvas{opacity:.62}.tech-world{background-size:cover!important}}
/* The reference uses a full-viewport stage, not an inset card. */
@media(min-width:1101px){
  .tech-hero-v5{width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-top:0!important;min-height:calc(100vh - 82px)!important;border:0!important;border-radius:0!important;padding:54px max(4.5vw,50px) 42px!important}
  .tech-hero-inner{max-width:1580px;margin:0 auto;min-height:calc(100vh - 178px)!important;grid-template-columns:46% 54%!important}
  .tech-copy{max-width:620px!important}
  .tech-feature{min-height:79px!important;padding:15px 14px!important}
  .tech-feature b{font-size:13px!important}.tech-feature small{font-size:10px!important}
}
.tech-earth-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;display:block;filter:drop-shadow(0 0 19px rgba(10,122,255,.7))}
.tech-globe:has(.tech-earth-canvas.ready) .tech-globe-land{opacity:0}
.tech-globe:has(.tech-earth-canvas.ready)::before{opacity:.42}
@media(min-width:1101px){
  .tech-globe{top:-48px!important}
  .tech-visual::before{top:-63px!important}
  .tech-chart{top:4px!important}
  .tech-market{top:-82px!important}
}
/* Keep the mobile mark clear of the foreground market cards. */
@media(max-width:720px){
  .tech-hero-inner{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;align-items:start!important}
  .tech-copy{display:contents}
  .tech-eyebrow{grid-row:1;justify-self:start}
  .tech-title{grid-row:2;margin-bottom:0!important}
  .tech-visual{grid-row:3;min-height:430px!important;margin-top:0!important;overflow:visible}
  .tech-desc{grid-row:4;margin-top:13px!important}
  .tech-cta{grid-row:5;margin-top:20px!important}
  .tech-features{grid-row:6;margin-top:20px!important}
  .tech-logo-stage{left:50%!important;right:auto!important;top:174px!important;width:min(100%,320px)!important;height:230px!important;transform:translateX(-50%)!important;z-index:12!important}
  .tech-logo-stack{width:285px!important;max-width:100%;height:225px!important}
  .tech-globe{top:75px!important}
  .tech-chart{top:7px!important;left:0!important;width:124px!important;padding:10px!important}
  .tech-market{top:0!important;right:0!important;width:145px!important;padding:7px 8px!important}
  .tech-market-row{grid-template-columns:23px minmax(0,1fr) auto!important;gap:4px!important;padding:6px 0!important}
  .tech-market-row span,.tech-market-row b{font-size:9px!important;white-space:nowrap}
  .tech-market-row em{font-size:9px!important;white-space:nowrap}
  .tech-chart small{font-size:9px!important}
  .tech-chart b{font-size:16px!important}
  .tech-chart .tech-line{height:55px!important}
  .tech-pedestal{bottom:4px!important;left:50%!important;right:auto!important;transform:translateX(-50%) rotateX(68deg)!important}
  .tech-logo-glow{bottom:9px!important;left:50%!important;right:auto!important;transform:translateX(-50%) rotateX(70deg)!important}
}
/* Flatten mobile scene compositing while keeping the drawn 3D mark above Earth. */
@media(max-width:720px){
  .tech-hero-v5{isolation:isolate!important}
  .tech-visual{perspective:none!important;transform-style:flat!important;min-height:385px!important;isolation:isolate!important}
  .tech-visual::before,.tech-scene-canvas,.tech-orbit,.tech-bars{z-index:0!important;pointer-events:none}
  .tech-globe{z-index:1!important;width:225px!important;height:225px!important;top:105px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;opacity:.68!important;pointer-events:none}
  .tech-logo-stage{z-index:20!important;top:145px!important;height:220px!important;transform:translateX(-50%)!important}
  .tech-logo-stack{width:270px!important;height:210px!important;transform:none!important;animation:none!important;isolation:isolate!important}
  .tech-logo-stack::before{display:none!important}
  .tech-logo-canvas{display:block!important;visibility:visible!important;z-index:3!important;filter:drop-shadow(0 9px 5px rgba(0,3,28,.9)) drop-shadow(0 0 22px rgba(0,174,255,.75))!important}
  .tech-logo-fallback{visibility:visible!important;display:block!important;z-index:1!important}
  .tech-logo-canvas.ready+.tech-logo-fallback{visibility:hidden!important}
  .tech-hud{z-index:40!important;transform:none!important;filter:none!important;opacity:1!important}
  .tech-chart,.tech-market{overflow:hidden!important;background:#061a35!important}
  .tech-pedestal{z-index:2!important}
}