/* HOODEL no-flash reveal guard */
.motion-ready .hero-copy:not(.is-visible),
.motion-ready .blueprint-photo:not(.is-visible),
.motion-ready .experience .exp:not(.is-visible),
.motion-ready .domains .domain:not(.is-visible),
.motion-ready .delivery .phase:not(.is-visible),
.motion-ready .industries .industry:not(.is-visible),
.motion-ready .projects .project:not(.is-visible),
.motion-ready .finalbox > *:not(.is-visible){
  opacity:0;
  translate:0 22px;
}

/* HOODEL motion system v1 */
.motion-ready .reveal-item{
  opacity:0;
  translate:0 22px;
  transition:
    opacity .72s cubic-bezier(.2,.7,.2,1),
    translate .72s cubic-bezier(.2,.7,.2,1);
  transition-delay:var(--reveal-delay,0ms);
}
.motion-ready .reveal-item.is-visible{
  opacity:1;
  translate:0 0;
}
.blueprint-photo img{
  transform:translate3d(var(--bp-x,0),var(--bp-y,0),0) scale(1.015);
  transition:transform .45s cubic-bezier(.2,.7,.2,1);
  will-change:transform;
}
.delivery-row.motion-line::after{
  content:"";
  position:absolute;
  left:6.5%;
  right:6.5%;
  top:22px;
  height:1px;
  z-index:1;
  background:linear-gradient(90deg,#19d9d1,#0968ed 52%,#a533d5);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform 1.35s cubic-bezier(.2,.75,.2,1) .18s;
}
.delivery-row.motion-line.is-visible::after{
  transform:scaleX(1);
}
.finalbox::before{
  content:"";
  position:absolute;
  inset:-45%;
  pointer-events:none;
  background:
    radial-gradient(circle,rgba(160,63,205,.13),transparent 55%);
  transform:translate3d(-12%,0,0);
  animation:hoodel-cta-glow 9s ease-in-out infinite alternate;
}
@keyframes hoodel-cta-glow{
  to{transform:translate3d(22%,0,0)}
}
@media(max-width:720px){
  .motion-ready .reveal-item{
    translate:0 14px;
    transition-duration:.58s;
  }
  .blueprint-photo img{
    transform:none !important;
  }
}
@media(prefers-reduced-motion:reduce){
  .motion-ready .reveal-item{
    opacity:1;
    translate:0 0;
    transition:none;
  }
  .blueprint-photo img{
    transform:none !important;
    transition:none;
  }
  .delivery-row.motion-line::after{
    transform:scaleX(1);
    transition:none;
  }
  .finalbox::before{
    animation:none;
  }
}


/* Prevent duplicate delivery line */
.delivery-row.motion-line::before{
  display:none;
}


/* RTL motion direction */
[dir="rtl"] .delivery-row.motion-line::after{
  transform-origin:right center;
}


/* HOODEL immersive motion v2 */
.hero{
  position:relative;
}
.hero::before{
  content:"";
  position:absolute;
  inset:-30%;
  pointer-events:none;
  background:
    radial-gradient(circle at 68% 42%,rgba(14,112,240,.12),transparent 24%),
    radial-gradient(circle at 37% 58%,rgba(166,48,205,.085),transparent 22%);
  transform:translate3d(-4%,0,0);
  animation:hero-ambient-flow 11s ease-in-out infinite alternate;
}
.hero .wrap{
  position:relative;
  z-index:1;
}
@keyframes hero-ambient-flow{
  to{transform:translate3d(6%,-2%,0)}
}

.motion-ready .hero-title-line{
  display:block;
  opacity:0;
  translate:0 28px;
  filter:blur(5px);
  transition:
    opacity .75s cubic-bezier(.2,.7,.2,1),
    translate .82s cubic-bezier(.2,.7,.2,1),
    filter .75s ease;
}
.motion-ready .hero-live .hero-title-line{
  opacity:1;
  translate:0 0;
  filter:blur(0);
}
.motion-ready .hero-live .hero-title-line:nth-child(1){transition-delay:.10s}
.motion-ready .hero-live .hero-title-line:nth-child(2){transition-delay:.23s}
.motion-ready .hero-live .hero-title-line:nth-child(3){transition-delay:.36s}
.motion-ready .hero-live .lead{transition-delay:.48s}
.motion-ready .hero-live .actions{transition-delay:.58s}

.motion-ready .blueprint-photo{
  clip-path:inset(0 100% 0 0);
  transition:
    opacity .72s ease,
    translate .72s cubic-bezier(.2,.7,.2,1),
    clip-path 1.25s cubic-bezier(.22,.8,.22,1);
}
.motion-ready .blueprint-photo.is-visible{
  clip-path:inset(0 0 0 0);
}
[dir="rtl"].motion-ready .blueprint-photo{
  clip-path:inset(0 0 0 100%);
}
[dir="rtl"].motion-ready .blueprint-photo.is-visible{
  clip-path:inset(0 0 0 0);
}

.domain{
  isolation:isolate;
  overflow:hidden;
}
.domain::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:
    radial-gradient(
      180px circle at var(--card-x,50%) var(--card-y,50%),
      rgba(20,132,246,.14),
      rgba(157,48,202,.055) 42%,
      transparent 72%
    );
  transition:opacity .28s ease;
}
.domain:hover::before{
  opacity:1;
}
.domain:hover{
  translate:0 -5px;
}

.delivery-row.is-visible .phase .circle{
  animation:delivery-node-awake .62s cubic-bezier(.2,.8,.2,1) both;
  animation-delay:calc(.38s + var(--phase-index,0) * .14s);
}
@keyframes delivery-node-awake{
  0%{scale:.72;filter:brightness(1)}
  55%{scale:1.13;filter:brightness(1.18) drop-shadow(0 0 10px rgba(28,116,239,.28))}
  100%{scale:1;filter:none}
}

.finalbox .btn{
  overflow:hidden;
}
.finalbox .btn::after{
  content:"";
  position:absolute;
  inset:-40% auto -40% -55%;
  width:34%;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.72),
    transparent
  );
  transform:skewX(-18deg);
  transition:left .65s ease;
}
.finalbox .btn:hover::after{
  left:125%;
}

body{
  transition:opacity .18s ease;
}
body.page-leaving{
  opacity:.18;
}

@media(max-width:720px){
  .hero::before{
    animation-duration:14s;
    opacity:.72;
  }
  .motion-ready .hero-title-line{
    translate:0 18px;
    filter:blur(3px);
  }
}
@media(prefers-reduced-motion:reduce){
  .hero::before{animation:none}
  .motion-ready .hero-title-line{
    opacity:1;
    translate:0 0;
    filter:none;
    transition:none;
  }
  .motion-ready .blueprint-photo{
    clip-path:none;
  }
  .delivery-row.is-visible .phase .circle{
    animation:none;
  }
  body{transition:none}
}


/* Blueprint reveal reliability fix */
.motion-ready .hero.hero-live .blueprint-photo,
[dir="rtl"].motion-ready .hero.hero-live .blueprint-photo{
  clip-path:inset(0 0 0 0);
}


/* Seamless hero blueprint integration */
.hero::before{
  inset:-32% 47% -32% -18%;
  background:
    radial-gradient(circle at 48% 42%,rgba(14,112,240,.105),transparent 48%),
    radial-gradient(circle at 55% 62%,rgba(166,48,205,.085),transparent 46%);
}


/* HOODEL delivery journey v3 */
.delivery-row.journey-ready::before,
.delivery-row.journey-ready::after{
  display:none;
}
.delivery-row.journey-ready{
  overflow:visible;
}
.delivery-row.journey-ready .phase{
  z-index:2;
}
.delivery-row.journey-ready .phase .circle{
  transition:
    scale .38s cubic-bezier(.2,.8,.2,1),
    filter .38s ease,
    background .38s ease,
    box-shadow .38s ease,
    border-color .38s ease;
}
.delivery-row.journey-ready .phase .delivery-icon{
  transition:
    transform .38s cubic-bezier(.2,.8,.2,1),
    filter .38s ease;
}
.delivery-row.journey-ready .phase.step-active .circle{
  scale:1.12;
  border-color:rgba(75,95,238,.72);
  background:
    radial-gradient(circle,rgba(255,255,255,.98) 30%,rgba(213,241,255,.90) 72%);
  box-shadow:
    0 0 0 7px rgba(25,205,225,.08),
    0 0 22px rgba(27,117,241,.24),
    0 0 34px rgba(169,43,211,.10);
}
.delivery-row.journey-ready .phase.step-active .delivery-icon{
  transform:scale(1.06);
  filter:
    brightness(1.08)
    saturate(1.08)
    drop-shadow(0 5px 10px rgba(26,106,226,.18));
}
.delivery-row.journey-ready .phase.step-active b{
  color:var(--blue2);
}

.phase-connector{
  position:absolute;
  top:19px;
  left:50%;
  width:100%;
  height:7px;
  z-index:-1;
  overflow:hidden;
  border:1px solid rgba(98,151,224,.25);
  border-radius:999px;
  background:rgba(222,235,249,.72);
  box-shadow:inset 0 1px 2px rgba(30,83,155,.08);
}
.phase-connector > i{
  display:block;
  width:100%;
  height:100%;
  border-radius:inherit;
  background:
    linear-gradient(90deg,#23dcca 0%,#0878ee 52%,#a92fd4 100%);
  box-shadow:
    0 0 10px rgba(20,126,237,.46),
    0 0 17px rgba(160,44,210,.20);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .76s cubic-bezier(.2,.75,.2,1);
}
.phase-connector.connector-active > i{
  transform:scaleX(1);
}
.delivery-row.journey-ready.is-visible .phase .circle{
  animation:none;
}

@media(max-width:560px){
  .delivery-row.journey-ready{
    display:flex;
    flex-direction:column;
    width:min(310px,100%);
    margin:auto;
    gap:0;
  }
  .delivery-row.journey-ready .phase{
    width:100%;
    min-height:88px;
    display:grid;
    grid-template-columns:76px 1fr;
    align-items:center;
    text-align:left;
  }
  .delivery-row.journey-ready .phase .circle{
    margin:0 auto;
  }
  .delivery-row.journey-ready .phase b{
    margin:0;
    text-align:left;
    font-size:10px;
  }
  .phase-connector{
    top:55px;
    left:35px;
    width:7px;
    height:66px;
  }
  .phase-connector > i{
    transform:scaleY(0);
    transform-origin:center top;
  }
  .phase-connector.connector-active > i{
    transform:scaleY(1);
  }
  [dir="rtl"] .delivery-row.journey-ready .phase{
    grid-template-columns:1fr 76px;
    text-align:right;
  }
  [dir="rtl"] .delivery-row.journey-ready .phase .circle{
    grid-column:2;
  }
  [dir="rtl"] .delivery-row.journey-ready .phase b{
    grid-column:1;
    grid-row:1;
    text-align:right;
  }
  [dir="rtl"] .phase-connector{
    left:auto;
    right:35px;
  }
}
@media(prefers-reduced-motion:reduce){
  .phase-connector > i{
    transform:none;
    transition:none;
  }
  .delivery-row.journey-ready .phase .circle,
  .delivery-row.journey-ready .phase .delivery-icon{
    transition:none;
  }
}

/* Correct RTL hero illumination */
[dir="rtl"] .hero::before{
  display:none;
}
[dir="rtl"] .hero-copy{
  position:relative;
  background-image:
    radial-gradient(circle at 72% 44%,rgba(14,112,240,.095),transparent 44%),
    radial-gradient(circle at 64% 64%,rgba(166,48,205,.075),transparent 42%);
  background-size:135% 135%;
  background-position:70% 50%;
  animation:rtl-hero-copy-light 11s ease-in-out infinite alternate;
}
@keyframes rtl-hero-copy-light{
  to{background-position:55% 44%}
}
@media(prefers-reduced-motion:reduce){
  [dir="rtl"] .hero-copy{animation:none}
}


/* RTL delivery connector direction fix */
[dir="rtl"] .phase-connector{
  left:auto;
  right:50%;
}
[dir="rtl"] .phase-connector > i{
  transform-origin:right center;
}
@media(max-width:560px){
  [dir="rtl"] .phase-connector{
    left:auto;
    right:35px;
  }
  [dir="rtl"] .phase-connector > i{
    transform-origin:center top;
  }
}


/* Persian delivery journey direction */
html[lang="fa"] .delivery-row.journey-ready{
  direction:rtl;
}