/* DECT HOME PERFORMANCE FIX — 2026-11-08
   The hero retains code symbols and the DECT aurora, without repeatedly
   rasterizing 2,350 SVG <text> nodes or moving five giant blurred layers.
   All selectors are homepage-specific. Other page designs are unchanged. */
.hero.dect-glow-hero .dect-code-stream {
  position:absolute; inset:0; z-index:1; overflow:hidden;
  pointer-events:none; isolation:auto; contain:paint;
  -webkit-mask-image:none; mask-image:none;
}
.hero.dect-glow-hero .dect-code-stream::before {
  content:""; position:absolute; inset:-3% -3%;
  background-image:url("dect-code-texture-fast.webp");
  background-repeat:repeat; background-position:center;
  background-size:1696px 970px;
  mix-blend-mode:normal; opacity:.43;
  filter:none; transform:translate3d(0,0,0);
  animation:dect-code-drift-fast 42s ease-in-out infinite alternate;
  will-change:transform;
}
.hero.dect-glow-hero .dect-code-stream::after {
  content:none; display:none; animation:none; background-image:none;
}
.hero.dect-glow-hero .dect-glow-content {position:relative;z-index:2;}
@keyframes dect-code-drift-fast {
  from {transform:translate3d(-.7%,.35%,0) scale(1.025);}
  to   {transform:translate3d(.7%,-.35%,0) scale(1.025);}
}
/* Keep the vivid gradients, but stop costly real-time blurred-ribbon animation.
   The SVG aurora still moves subtly using a single compositor transform. */
.hero.dect-glow-hero .dect-glow-field::before {
  filter:none!important; mix-blend-mode:normal!important;
  animation:dect-aurora-fast 44s ease-in-out infinite alternate!important;
  will-change:transform;
}
.hero.dect-glow-hero .dect-glow-field>span {
  animation:none!important; filter:blur(12px)!important;
  mix-blend-mode:normal!important; will-change:auto!important;
}
@keyframes dect-aurora-fast {
  from {transform:translate3d(-1.5%,.7%,0) scale(1.035);}
  to {transform:translate3d(1.5%,-.7%,0) scale(1.035);}
}
@media (max-width:700px) {
  .hero.dect-glow-hero .dect-code-stream::before {
    background-size:1120px auto; opacity:.35;
  }
  .hero.dect-glow-hero .dect-glow-field>span {filter:blur(8px)!important;}
}
@media (prefers-reduced-motion:reduce) {
  .hero.dect-glow-hero .dect-code-stream::before,
  .hero.dect-glow-hero .dect-glow-field::before {
    animation:none!important; transform:none!important;will-change:auto!important;
  }
}

/* Faster homepage intro: complete the logo reveal before the fade. */
.dect-splash[data-fast-intro] .dect-splash__logo-loading {
  animation-duration:.8s; animation-delay:.08s;
}

/* One small interactive-demo invitation on Services, using DECT's existing
   navy / champagne palette. No global card, navigation or layout overrides. */
.dect-service-demo {background:#f7f5ef;padding:clamp(24px,4.5vw,62px) 0 clamp(62px,7vw,104px);}
.dect-service-demo__card {
  position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:clamp(20px,4vw,64px);align-items:center;overflow:hidden;
  border-radius:22px;border:1px solid rgba(191,205,223,.24);
  background:radial-gradient(circle at 94% 10%,rgba(71,121,165,.21),transparent 43%),linear-gradient(130deg,#10253d,#0a1728 72%);
  box-shadow:0 22px 55px rgba(18,42,65,.13);
  padding:clamp(30px,4.5vw,68px);text-decoration:none;color:#faf8f2;
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}
.dect-service-demo__card::before {
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
.dect-service-demo__copy{position:relative;z-index:1;max-width:530px;}
.dect-service-demo__label{display:inline-flex;align-items:center;gap:9px;font-size:.68rem;letter-spacing:.17em;
  font-weight:800;color:#c4d9ec;margin-bottom:20px;}
.dect-service-demo__label::before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#d5b477;
  box-shadow:0 0 0 4px rgba(213,180,119,.12)}
.dect-service-demo__copy h2{font-size:clamp(2rem,4.1vw,4.05rem);line-height:1.12;
  letter-spacing:-.055em;font-weight:650;color:#faf8f2;margin:0 0 18px;}
.dect-service-demo__copy p{color:#bfccdc;font-size:clamp(.93rem,1.05vw,1rem);line-height:1.75;
  max-width:42ch;margin:0;}
.dect-service-demo__cta{display:inline-flex;gap:21px;align-items:center;margin-top:29px;padding:12px 0 10px;
  border-bottom:1px solid #d1b17a;color:#f7ecda;font-size:.9rem;font-weight:750;}
.dect-service-demo__cta span{font-size:1.2rem;transition:transform .35s ease}
.dect-service-demo__mock{position:relative;min-width:0;max-width:520px;justify-self:end;width:100%;
  transform:rotate(2deg);transition:transform .4s ease;}
.dect-service-demo__browser{overflow:hidden;border-radius:13px;border:1px solid rgba(240,243,249,.30);
  background:#f5f5f2;box-shadow:0 24px 47px rgba(0,0,0,.35),0 0 0 6px rgba(255,255,255,.055)}
.dect-service-demo__browserbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 15px;
  background:#eef1f3;color:#65768b;font-size:.67rem;font-weight:750;letter-spacing:.03em;}
.dect-service-demo__dots{display:flex;gap:5px;}
.dect-service-demo__dots i{display:block;width:7px;height:7px;border-radius:50%;background:#a9bac7;}
.dect-service-demo__dots i:first-child{background:#bc997a;}
.dect-service-demo__screen{position:relative;aspect-ratio:16/10;overflow:hidden;}
.dect-service-demo__screen img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;}
.dect-service-demo__screen::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(5,15,24,.17),rgba(5,15,24,.04) 32%,rgba(5,15,24,.35) 100%)}
.dect-service-demo__hint{position:absolute;z-index:1;right:15px;bottom:14px;
  border-radius:50%;width:36px;height:36px;display:grid;place-items:center;
  background:#fcf8f0;color:#1b3049;box-shadow:0 4px 14px rgba(0,0,0,.19);
  font-weight:800;font-size:1rem;}
@media (hover:hover) and (pointer:fine) {
  .dect-service-demo__card:hover {transform:translateY(-4px);border-color:rgba(206,181,130,.45);
    box-shadow:0 30px 64px rgba(18,42,65,.21);}
  .dect-service-demo__card:hover .dect-service-demo__mock{transform:rotate(0deg) translateY(-4px)}
  .dect-service-demo__card:hover .dect-service-demo__cta span{transform:translate(3px,-3px)}
}
.dect-service-demo__card:focus-visible {outline:3px solid #3178b0;outline-offset:5px;}
[dir="rtl"] .dect-service-demo__copy h2{letter-spacing:0;line-height:1.35;}
[dir="rtl"] .dect-service-demo__mock{justify-self:start;transform:rotate(-2deg)}
[dir="rtl"] .dect-service-demo__hint{right:auto;left:15px}
@media (max-width:730px) {
  .dect-service-demo__card{grid-template-columns:1fr;gap:32px;border-radius:17px;padding:clamp(24px,6vw,36px)}
  .dect-service-demo__copy h2{font-size:clamp(2rem,8vw,3.1rem)}
  .dect-service-demo__mock{width:96%;justify-self:center;transform:rotate(1deg)}
  [dir="rtl"] .dect-service-demo__mock{justify-self:center;transform:rotate(-1deg)}
}
@media (prefers-reduced-motion:reduce) {
  .dect-service-demo__card,.dect-service-demo__mock,.dect-service-demo__cta span{transition:none;}
}
