/* ========================================================================
   eXponencial online — variação High-Tech / Inteligência Imobiliária
   Carregar depois de style.css e ilustrado.css.
   ======================================================================== */

:root {
  --vermelho: #e31020;
  --vermelho-escuro: #8d0710;
  --vermelho-claro: #ff3341;
  --preto: #050507;
  --preto-2: #0b0b0f;
  --grafite: #202027;
  --cinza: #9b9ba6;
  --cinza-claro: #121217;
  --branco: #f7f7f9;
  --serif: "Space Grotesk", "Inter", sans-serif;
  --raio: 6px;
  --sombra: 0 28px 80px rgba(0, 0, 0, .48);
}

html { background: #050507; }

body.theme-hightech {
  color: #f5f5f7;
  background: #050507;
}

.theme-hightech main {
  position: relative;
  overflow: hidden;
}

.theme-hightech main::before {
  content: "";
  position: fixed;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  opacity: .045;
  background-image:
    linear-gradient(rgba(255, 255, 255, .8) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .8) 1px, transparent 1px);
  background-size: 64px 64px;
  transform: translate3d(0, var(--grid-shift, 0px), 0);
}

/* Cabeçalho de vidro com barra de progresso de leitura. */
.theme-hightech .topbar {
  background: rgba(5, 5, 7, .78);
  border-bottom: 1px solid rgba(255, 255, 255, .09);
  box-shadow: 0 12px 40px rgba(0, 0, 0, .2);
  backdrop-filter: blur(18px) saturate(145%);
}

.theme-hightech .topbar::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: var(--scroll-progress, 0%);
  height: 2px;
  background: linear-gradient(90deg, #85070f, var(--vermelho-claro));
  box-shadow: 0 0 18px rgba(255, 31, 48, .9);
}

.theme-hightech .topbar__inner { min-height: 76px; }
.theme-hightech .topbar__logo img { width: 180px; }

.theme-hightech .btn {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  letter-spacing: -.01em;
}

.theme-hightech .btn--primary {
  background: linear-gradient(135deg, #b30915, #f01829);
  border: 1px solid rgba(255, 102, 113, .55);
  box-shadow: 0 0 0 1px rgba(227, 16, 32, .18), 0 12px 35px rgba(227, 16, 32, .32);
}

.theme-hightech .btn--primary::after {
  content: "";
  position: absolute;
  inset: -2px auto -2px -35%;
  width: 28%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .55), transparent);
  transform: skewX(-20deg);
  transition: left .45s ease;
}

.theme-hightech .btn--primary:hover::after { left: 112%; }

/* Hero: radar, malha técnica e profundidade. */
.theme-hightech .hero {
  min-height: min(880px, calc(100vh - 76px));
  display: flex;
  align-items: center;
  color: #fff;
  padding: 88px 0 84px;
  background:
    radial-gradient(circle at 82% 44%, rgba(227, 16, 32, .2), transparent 27%),
    radial-gradient(circle at 10% 6%, rgba(255, 255, 255, .06), transparent 30%),
    linear-gradient(145deg, #050507 0%, #09090c 55%, #030304 100%);
}

.theme-hightech .hero::before {
  content: "";
  position: absolute;
  inset: -20%;
  pointer-events: none;
  opacity: .16;
  background-image:
    linear-gradient(rgba(255, 255, 255, .12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .12) 1px, transparent 1px),
    linear-gradient(rgba(227, 16, 32, .15) 1px, transparent 1px),
    linear-gradient(90deg, rgba(227, 16, 32, .15) 1px, transparent 1px);
  background-size: 48px 48px, 48px 48px, 240px 240px, 240px 240px;
  transform: perspective(700px) rotateX(58deg) translate3d(0, calc(var(--hero-grid-y, 0px) + 10%), -160px);
  transform-origin: 50% 0;
}

.theme-hightech .hero__glow {
  inset: auto -12% -48% auto;
  width: 780px;
  height: 780px;
  background: radial-gradient(circle, rgba(227, 16, 32, .34) 0%, rgba(227, 16, 32, 0) 66%);
}

.theme-hightech .hero__grid {
  grid-template-columns: 1.05fr .95fr;
  gap: 68px;
}

.theme-hightech .hero__title {
  max-width: 740px;
  font-size: clamp(2.6rem, 5.8vw, 5rem);
  line-height: .98;
  text-transform: uppercase;
  letter-spacing: -.055em;
}

.theme-hightech .hero__title .accent {
  display: inline-block;
  color: #fff;
  -webkit-text-stroke: 1px rgba(255, 51, 65, .85);
  text-shadow: 0 0 28px rgba(227, 16, 32, .28);
}

.theme-hightech .hero__lead {
  max-width: 720px;
  color: rgba(244, 244, 248, .74);
}

.theme-hightech .eyebrow {
  border-radius: 3px;
  background: rgba(227, 16, 32, .07);
  box-shadow: inset 0 0 20px rgba(227, 16, 32, .05);
}

.theme-hightech .hero__stats {
  border-top-color: rgba(255, 255, 255, .12);
}

.theme-hightech .hero__stats li {
  position: relative;
  padding-left: 17px;
}

.theme-hightech .hero__stats li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 2px;
  background: var(--vermelho);
  box-shadow: 0 0 10px rgba(227, 16, 32, .7);
}

/* Painéis de visualização das ilustrações. */
.theme-hightech .ilu-moldura {
  --tilt-x: 0deg;
  --tilt-y: 0deg;
  --parallax-y: 0px;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, .12);
  background:
    linear-gradient(rgba(255, 255, 255, .025), rgba(255, 255, 255, .01)),
    rgba(12, 12, 16, .82);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), var(--sombra);
  backdrop-filter: blur(12px);
  transform: translate3d(0, var(--parallax-y), 0) perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
  transform-style: preserve-3d;
  transition: border-color .25s ease, box-shadow .25s ease, transform .12s linear;
  will-change: transform;
}

.theme-hightech .ilu-moldura::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, var(--vermelho) 24px, transparent 24px) top left / 52px 1px no-repeat,
    linear-gradient(var(--vermelho) 24px, transparent 24px) top left / 1px 52px no-repeat,
    linear-gradient(270deg, var(--vermelho) 24px, transparent 24px) bottom right / 52px 1px no-repeat,
    linear-gradient(0deg, var(--vermelho) 24px, transparent 24px) bottom right / 1px 52px no-repeat;
  opacity: .8;
}

.theme-hightech .ilu-moldura:hover {
  border-color: rgba(255, 51, 65, .42);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 30px 90px rgba(0, 0, 0, .58), 0 0 45px rgba(227, 16, 32, .1);
}

.theme-hightech .hero .ilu-moldura {
  border-color: rgba(255, 51, 65, .28);
  background:
    radial-gradient(circle at 50% 50%, rgba(227, 16, 32, .17), transparent 58%),
    rgba(9, 9, 12, .76);
}

.theme-hightech .hero .ilu-moldura::before {
  content: "";
  position: absolute;
  width: 78%;
  aspect-ratio: 1;
  border: 1px solid rgba(255, 51, 65, .25);
  border-radius: 50%;
  box-shadow: 0 0 55px rgba(227, 16, 32, .13);
  animation: tech-pulse 3.4s ease-in-out infinite;
}

.theme-hightech .ilu {
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 24px 36px rgba(0, 0, 0, .3));
}

/* Todas as seções formam um painel contínuo e escuro. */
.theme-hightech .sec {
  position: relative;
  z-index: 1;
  border-top: 1px solid rgba(255, 255, 255, .065);
}

.theme-hightech .sec::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 8% calc(28% + var(--section-shift, 0px)), rgba(227, 16, 32, .08), transparent 24%),
    linear-gradient(115deg, transparent 0 73%, rgba(255, 255, 255, .018) 73% 74%, transparent 74%);
}

.theme-hightech .sec--light,
.theme-hightech .sec--light + .sec--light {
  color: #f3f3f6;
  background: #0a0a0e;
  border-top-color: rgba(255, 255, 255, .065);
}

.theme-hightech .sec--light:nth-of-type(even) { background: #0d0d12; }
.theme-hightech .sec--dark { background: #050507; }

.theme-hightech .sec--red {
  background:
    linear-gradient(130deg, rgba(0, 0, 0, .66), rgba(0, 0, 0, .15) 52%, rgba(0, 0, 0, .56)),
    linear-gradient(100deg, #760710, #d40e1c 52%, #850811);
}

.theme-hightech .sec--light p,
.theme-hightech .sec--light .sec__sub { color: rgba(238, 238, 242, .72); }

.theme-hightech .sec__title {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: -.035em;
}

.theme-hightech .sec__title::after {
  content: "";
  display: block;
  width: 70px;
  height: 2px;
  margin: 22px auto 0;
  background: linear-gradient(90deg, transparent, var(--vermelho), transparent);
  box-shadow: 0 0 14px rgba(227, 16, 32, .8);
}

.theme-hightech .sec__title--left::after { margin-left: 0; }
.theme-hightech .closer--dark { color: #fff; }

.theme-hightech .decay,
.theme-hightech .versus__card,
.theme-hightech .perfis li,
.theme-hightech .passos li,
.theme-hightech .direcoes__card,
.theme-hightech .stack li,
.theme-hightech .imovel {
  border-radius: 5px;
  background: linear-gradient(145deg, rgba(25, 25, 32, .92), rgba(12, 12, 16, .95));
  border: 1px solid rgba(255, 255, 255, .095);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

.theme-hightech .decay li,
.theme-hightech .versus__card--old,
.theme-hightech .versus__card--old h3 { color: rgba(245, 245, 247, .76); }

.theme-hightech .decay li::after { background: rgba(255, 255, 255, .14); }

.theme-hightech .perfis li,
.theme-hightech .stack li {
  color: #ededf0;
  border-left-color: var(--vermelho);
}

.theme-hightech .perfis li:hover {
  border-color: rgba(255, 51, 65, .35);
  box-shadow: 0 18px 45px rgba(0, 0, 0, .4), 0 0 30px rgba(227, 16, 32, .07);
}

.theme-hightech .quote--light {
  color: #fff;
  background: rgba(255, 255, 255, .035);
}

.theme-hightech .numeros li {
  border-radius: 5px;
  background: rgba(5, 5, 7, .25);
  box-shadow: inset 0 0 28px rgba(0, 0, 0, .16);
}

/* Cartão do imóvel com leitura simulada de dados. */
.theme-hightech .imovel {
  overflow: hidden;
  border-color: rgba(255, 51, 65, .22);
  box-shadow: var(--sombra), 0 0 48px rgba(227, 16, 32, .09);
}

.theme-hightech .imovel::before {
  content: "ANÁLISE DE COMPATIBILIDADE";
  display: block;
  width: max-content;
  margin: 0 0 24px;
  padding: 5px 8px;
  color: var(--vermelho-claro);
  border: 1px solid rgba(255, 51, 65, .3);
  font: 700 10px/1 "Inter", sans-serif;
  letter-spacing: .12em;
}

.theme-hightech .imovel::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: -10%;
  height: 2px;
  opacity: .75;
  background: var(--vermelho-claro);
  box-shadow: 0 0 18px 4px rgba(227, 16, 32, .42);
  animation: property-scan 4.8s ease-in-out infinite;
}

.theme-hightech .imovel__specs li { border-radius: 3px; }

.theme-hightech .direcoes__icone {
  border-radius: 4px;
  box-shadow: inset 0 0 20px rgba(227, 16, 32, .2), 0 0 18px rgba(227, 16, 32, .12);
}

.theme-hightech .form {
  color: #f5f5f7;
  border-radius: 7px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-top: 3px solid var(--vermelho);
  background: rgba(14, 14, 19, .92);
  box-shadow: 0 32px 90px rgba(0, 0, 0, .55), 0 0 55px rgba(227, 16, 32, .08);
  backdrop-filter: blur(18px);
}

.theme-hightech .campo input,
.theme-hightech .campo select {
  color: #f5f5f7;
  background: #09090c;
  border-color: rgba(255, 255, 255, .14);
  border-radius: 4px;
}

.theme-hightech .campo input::placeholder { color: #6e6e78; }
.theme-hightech .campo select option { color: #fff; background: #09090c; }
.theme-hightech .form .form__nota { color: #9797a1; }

.theme-hightech .rodape {
  position: relative;
  z-index: 1;
  background: #030304;
  border-top: 1px solid rgba(255, 255, 255, .08);
}

/* Entrada progressiva, habilitada apenas pelo JavaScript. */
.fx-ready .theme-hightech .fx-reveal {
  opacity: 0;
  transform: translate3d(0, 34px, 0);
  transition: opacity .72s ease, transform .72s cubic-bezier(.2, .72, .2, 1);
}

.fx-ready .theme-hightech .fx-reveal.fx-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

@keyframes tech-pulse {
  0%, 100% { opacity: .45; transform: scale(.96); }
  50% { opacity: 1; transform: scale(1.04); }
}

@keyframes property-scan {
  0%, 12% { top: -8%; opacity: 0; }
  22% { opacity: .85; }
  78% { opacity: .65; }
  88%, 100% { top: 108%; opacity: 0; }
}

/* ========================================================================
   Camada cinematográfica v2 — profundidade, parallax e resposta ao cursor
   ======================================================================== */

.theme-hightech .tech-cursor {
  position: fixed;
  z-index: 60;
  left: 0;
  top: 0;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  pointer-events: none;
  opacity: var(--cursor-opacity, 0);
  background: radial-gradient(circle, rgba(227, 16, 32, .14) 0%, rgba(227, 16, 32, .045) 34%, transparent 70%);
  mix-blend-mode: screen;
  transform: translate3d(calc(var(--cursor-x, -500px) - 50%), calc(var(--cursor-y, -500px) - 50%), 0);
  transition: opacity .3s ease;
  will-change: transform;
}

.theme-hightech .hero {
  isolation: isolate;
  min-height: calc(100svh - 76px);
  background: #030304;
}

.theme-hightech .hero::before {
  z-index: 1;
  opacity: .12;
  mix-blend-mode: screen;
}

.theme-hightech .hero-scene {
  position: absolute;
  z-index: 0;
  inset: -8%;
  overflow: hidden;
  pointer-events: none;
  background: #030304;
}

.theme-hightech .hero-scene__image {
  position: absolute;
  inset: -6% -4%;
  background-image: url("../img/hero-hightech-v2.webp");
  background-position: 58% center;
  background-size: cover;
  filter: contrast(1.08) saturate(.86) brightness(.72);
  transform: translate3d(var(--scene-x, 0px), var(--scene-y, 0px), 0) scale(1.1);
  will-change: transform;
}

.theme-hightech .hero-scene__veil {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(3, 3, 4, .99) 0%, rgba(3, 3, 4, .94) 24%, rgba(3, 3, 4, .56) 52%, rgba(3, 3, 4, .08) 78%),
    linear-gradient(0deg, #030304 0%, transparent 20%, transparent 76%, rgba(3, 3, 4, .75) 100%),
    radial-gradient(circle at 72% 46%, transparent 0 20%, rgba(3, 3, 4, .1) 42%, rgba(3, 3, 4, .48) 100%);
}

.theme-hightech .hero-scene__grid {
  position: absolute;
  inset: 40% -12% -40%;
  opacity: .32;
  background-image:
    linear-gradient(rgba(255, 45, 60, .26) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 45, 60, .26) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom, transparent, #000 28%, #000 70%, transparent);
  transform: perspective(560px) rotateX(64deg) translate3d(var(--grid-x, 0px), var(--scene-grid-y, 0px), -80px);
  transform-origin: 50% 0;
  will-change: transform;
}

.theme-hightech .hero-scene__beam {
  position: absolute;
  z-index: 2;
  top: -30%;
  right: 28%;
  width: 2px;
  height: 145%;
  opacity: .55;
  background: linear-gradient(to bottom, transparent, rgba(255, 45, 60, .95) 25%, rgba(255, 45, 60, .18) 72%, transparent);
  box-shadow: 0 0 12px rgba(255, 35, 52, .8), 0 0 42px rgba(227, 16, 32, .35);
  transform: translate3d(0, var(--beam-y, 0px), 0) rotate(12deg);
  animation: beam-breathe 4.8s ease-in-out infinite;
}

.theme-hightech .hero-scene::after {
  content: "";
  position: absolute;
  z-index: 4;
  inset: 0;
  opacity: .09;
  pointer-events: none;
  background: repeating-linear-gradient(to bottom, transparent 0 4px, rgba(255, 255, 255, .16) 5px, transparent 6px);
  background-position-y: var(--scanline-y, 0px);
  mix-blend-mode: overlay;
}

.theme-hightech .hero-scene__particles {
  position: absolute;
  z-index: 3;
  inset: 0;
}

.theme-hightech .tech-particle {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: rgba(255, 70, 83, .95);
  box-shadow: 0 0 8px rgba(255, 35, 52, .95), 0 0 20px rgba(227, 16, 32, .55);
  animation: particle-drift var(--duration) ease-in-out var(--delay) infinite alternate;
}

.theme-hightech .hero__inner {
  z-index: 5;
  max-width: var(--wrap);
}

.theme-hightech .hero__grid {
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
  min-height: 580px;
  align-items: center;
}

.theme-hightech .hero__copy {
  position: relative;
  z-index: 2;
  max-width: 740px;
  padding: 36px 34px 36px 0;
}

.theme-hightech .hero__copy::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -18px -30px -18px -80vw;
  background: linear-gradient(90deg, rgba(3, 3, 4, .88), rgba(3, 3, 4, .68) 82%, transparent);
  backdrop-filter: blur(3px);
}

.theme-hightech .hero__title {
  text-shadow: 0 12px 50px rgba(0, 0, 0, .75);
}

.theme-hightech .hero__radar {
  justify-self: end;
  width: min(100%, 420px);
  padding: 28px;
  background: rgba(5, 5, 8, .58);
  border-color: rgba(255, 62, 76, .42);
  box-shadow: 0 36px 110px rgba(0, 0, 0, .72), 0 0 80px rgba(227, 16, 32, .12), inset 0 0 50px rgba(227, 16, 32, .05);
  backdrop-filter: blur(14px) saturate(130%);
}

.theme-hightech .hero__radar .ilu {
  width: 100%;
  animation: hightech-float 6.4s ease-in-out infinite;
}

.theme-hightech .radar-telemetry {
  position: absolute;
  z-index: 4;
  left: 18px;
  right: 18px;
  bottom: 16px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 12px;
  color: rgba(255, 255, 255, .82);
  border: 1px solid rgba(255, 255, 255, .1);
  background: rgba(3, 3, 5, .7);
  backdrop-filter: blur(10px);
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.theme-hightech .radar-telemetry__status {
  position: relative;
  padding-left: 13px;
  color: #ff5965;
}

.theme-hightech .radar-telemetry__status::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--vermelho-claro);
  box-shadow: 0 0 10px var(--vermelho-claro);
  transform: translateY(-50%);
  animation: status-blink 1.5s ease-in-out infinite;
}

.theme-hightech .hero__stats {
  position: relative;
  z-index: 5;
  width: fit-content;
  margin-top: 28px;
  padding: 20px 24px;
  border: 1px solid rgba(255, 255, 255, .09);
  background: rgba(5, 5, 7, .5);
  box-shadow: 0 18px 60px rgba(0, 0, 0, .34);
  backdrop-filter: blur(12px);
}

/* Parallax interno das artes — o quadro e a ilustração movem em velocidades diferentes. */
.theme-hightech .ilu {
  --image-y: 0px;
  --image-x: 0px;
  animation: none;
  transform: translate3d(var(--image-x), var(--image-y), 38px) scale(1.035);
  transition: filter .3s ease;
  will-change: transform;
}

.theme-hightech .ilu-moldura:hover .ilu {
  filter: drop-shadow(0 30px 44px rgba(0, 0, 0, .42)) drop-shadow(0 0 22px rgba(227, 16, 32, .12));
}

/* Seções com iluminação móvel e conectores de fluxo. */
.theme-hightech .sec {
  --spot-x: 50%;
  --spot-y: 50%;
  overflow: hidden;
  background-image:
    radial-gradient(620px circle at var(--spot-x) var(--spot-y), rgba(227, 16, 32, .065), transparent 55%);
}

.theme-hightech .sec > .wrap {
  position: relative;
  z-index: 2;
}

.theme-hightech .sec::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: 0;
  width: min(1120px, 86vw);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 45, 60, .62), transparent);
  box-shadow: 0 0 18px rgba(227, 16, 32, .3);
  transform: translateX(-50%) scaleX(var(--line-progress, .2));
  transform-origin: center;
  transition: transform 1.2s cubic-bezier(.2, .8, .2, 1);
}

.theme-hightech .sec.fx-section-visible::after { --line-progress: 1; }

.theme-hightech .split,
.theme-hightech .exemplo,
.theme-hightech .crm-bloco,
.theme-hightech .cta__inner {
  perspective: 1200px;
}

/* Cartões reativos ao cursor. */
.theme-hightech .tech-card {
  --card-rx: 0deg;
  --card-ry: 0deg;
  --card-lift: 0px;
  position: relative;
  overflow: hidden;
  transform: perspective(900px) rotateX(var(--card-rx)) rotateY(var(--card-ry)) translate3d(0, var(--card-lift), 0);
  transform-style: preserve-3d;
  transition: transform .18s ease-out, border-color .25s ease, box-shadow .25s ease;
  will-change: transform;
}

.theme-hightech .tech-card:hover {
  --card-lift: -7px;
  border-color: rgba(255, 55, 70, .34);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .42), 0 0 34px rgba(227, 16, 32, .08);
}

.theme-hightech .tech-card:not(.imovel)::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(240px circle at var(--card-spot-x, 50%) var(--card-spot-y, 50%), rgba(255, 70, 83, .13), transparent 70%);
  transition: opacity .25s ease;
}

.theme-hightech .tech-card:hover::after { opacity: 1; }

.theme-hightech .sec--red::before {
  opacity: .55;
  background:
    linear-gradient(115deg, transparent 0 34%, rgba(255, 255, 255, .08) 34.2% 34.5%, transparent 34.7%),
    radial-gradient(circle at var(--spot-x) var(--spot-y), rgba(255, 255, 255, .18), transparent 30%);
}

.theme-hightech .cta .hero__glow {
  width: 900px;
  height: 900px;
  animation: cta-glow 6s ease-in-out infinite;
}

@keyframes hightech-float {
  0%, 100% { transform: translate3d(var(--image-x), var(--image-y), 42px) scale(1.035); }
  50% { transform: translate3d(var(--image-x), calc(var(--image-y) - 13px), 58px) scale(1.055); }
}

@keyframes beam-breathe {
  0%, 100% { opacity: .22; filter: blur(.3px); }
  50% { opacity: .8; filter: blur(0); }
}

@keyframes particle-drift {
  from { opacity: .12; transform: translate3d(0, 0, 0) scale(.7); }
  to { opacity: .9; transform: translate3d(var(--drift-x), var(--drift-y), 0) scale(1.25); }
}

@keyframes status-blink {
  0%, 100% { opacity: .35; transform: translateY(-50%) scale(.8); }
  50% { opacity: 1; transform: translateY(-50%) scale(1.15); }
}

@keyframes cta-glow {
  0%, 100% { opacity: .55; transform: scale(.95); }
  50% { opacity: 1; transform: scale(1.08); }
}

@media (max-width: 960px) {
  .theme-hightech .hero { min-height: auto; }
  .theme-hightech .hero__grid { grid-template-columns: 1fr; gap: 52px; }
  .theme-hightech .hero .ilu-moldura { max-width: 620px; margin-inline: auto; }
  .theme-hightech .hero-scene__image { background-position: 68% center; opacity: .72; }
  .theme-hightech .hero-scene__veil {
    background: linear-gradient(90deg, rgba(3, 3, 4, .98), rgba(3, 3, 4, .72)), linear-gradient(0deg, #030304, transparent 30%);
  }
  .theme-hightech .hero__radar { justify-self: center; }
}

@media (max-width: 620px) {
  .theme-hightech .topbar__inner { min-height: 68px; }
  .theme-hightech .topbar__logo img { width: 142px; }
  .theme-hightech .hero { padding: 68px 0 70px; }
  .theme-hightech .hero__title { font-size: clamp(2.35rem, 12vw, 3.5rem); }
  .theme-hightech .ilu-moldura { transform: translate3d(0, var(--parallax-y), 0); }
  .theme-hightech .hero__copy { padding: 12px 0; }
  .theme-hightech .hero__copy::before { inset: -18px -18px -18px -30px; }
  .theme-hightech .hero-scene { inset: -4%; }
  .theme-hightech .hero-scene__image { inset: 0 -55% 0 -10%; background-position: 68% center; }
  .theme-hightech .hero__stats { width: 100%; padding: 18px; }
  .theme-hightech .radar-telemetry { flex-direction: column; gap: 5px; }
  .theme-hightech .tech-cursor { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .theme-hightech main::before,
  .theme-hightech .hero::before,
  .theme-hightech .ilu-moldura,
  .theme-hightech .hero-scene__image,
  .theme-hightech .hero-scene__grid,
  .theme-hightech .ilu,
  .theme-hightech .tech-card { transform: none !important; }
  .theme-hightech .hero .ilu-moldura::before,
  .theme-hightech .imovel::after,
  .theme-hightech .hero-scene__beam,
  .theme-hightech .tech-particle,
  .theme-hightech .hero__radar .ilu,
  .theme-hightech .radar-telemetry__status::before,
  .theme-hightech .cta .hero__glow { animation: none !important; }
  .fx-ready .theme-hightech .fx-reveal {
    opacity: 1;
    transform: none;
  }
}