/* Tamiyouz Alrowad — "From Ideas to Results" cinematic four-stage journey.
   Scoped to #process. Runs after the site's current style; keeps content, layout,
   RTL/LTR, light/dark theme and mobile text intact. */
@keyframes tyz-process-heading-enter {
  0%{opacity:.3;filter:blur(7px);transform:translateY(23px)}
  100%{opacity:1;filter:blur(0);transform:translateY(0)}
}
@keyframes tyz-process-title-glint {
  0%,59%,100%{background-position:100% 50%}
  77%,87%{background-position:0% 50%}
}
@keyframes tyz-process-card-appear {
  0%{opacity:.12;filter:blur(5px);transform:perspective(1000px) translateY(48px) rotateX(9deg) scale(.94)}
  65%{opacity:1;filter:blur(0);transform:perspective(1000px) translateY(-6px) rotateX(-1deg) scale(1.008)}
  100%{opacity:1;filter:blur(0);transform:perspective(1000px) translateY(0) rotateX(0) scale(1)}
}
@keyframes tyz-process-icon-spin {
  from{transform:rotate(-19deg) scale(.79);opacity:.68}
  55%{transform:rotate(9deg) scale(1.18);opacity:1}
  to{transform:rotate(0deg) scale(1);opacity:1}
}
@keyframes tyz-process-step-halo {
  0%,100%{opacity:.25;transform:scale(.8)}
  50%{opacity:.85;transform:scale(1.15)}
}
@keyframes tyz-process-orbit {
  0%{opacity:0;transform:translate(-50%,-50%) scale(.65)}
  37%{opacity:1;transform:translate(-50%,-50%) scale(1.07)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(1.36)}
}
@keyframes tyz-process-speck {
  0%,100%{opacity:0;transform:translateY(18px) scale(.5)}
  50%{opacity:.72;transform:translateY(-10px) scale(1)}
}
#process.tyz-process-journey {
  position:relative;
  isolation:isolate;
  overflow:clip;
  --tyz-process-gold:#e8b869;
  --tyz-process-progress:0%;
}
html[data-theme="dark"] #process.tyz-process-journey {
  background:
    radial-gradient(ellipse 42% 56% at 9% 75%,rgba(31,96,150,.13),transparent 78%),
    radial-gradient(ellipse 42% 48% at 88% 14%,rgba(207,156,72,.12),transparent 80%),
    var(--paper-2);
}
html[data-theme="light"] #process.tyz-process-journey {
  background:
    radial-gradient(ellipse 45% 46% at 82% 21%,rgba(198,152,85,.12),transparent 84%),
    var(--paper-2);
}
#process.tyz-process-journey > .container{
  position:relative;
  z-index:1;
}
#process.tyz-process-journey .section-heading {
  position:relative;
  isolation:isolate;
}
#process.tyz-process-journey .section-heading::before{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  width:min(380px,60vw);
  height:138px;
  left:50%;
  top:25%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(227,175,87,.1),transparent 76%);
  filter:blur(20px);
}
#process.tyz-process-journey.is-journey-started .section-heading .kicker {
  animation:tyz-process-heading-enter .78s cubic-bezier(.19,.82,.23,1) both;
}
#process.tyz-process-journey.is-journey-started .section-heading h2 {
  animation:tyz-process-heading-enter .86s cubic-bezier(.19,.82,.23,1) .13s both;
}
#process.tyz-process-journey.is-journey-started .section-heading p {
  animation:tyz-process-heading-enter .82s cubic-bezier(.19,.82,.23,1) .27s both;
}
#process.tyz-process-journey .section-heading h2 em {
  background-image:linear-gradient(105deg,#a57935 3%,#e7b65f 22%,#ffefbd 43%,#bf8b45 64%,#edd294 83%,#a57935 100%);
  background-size:270% 100%;
  background-position:100% 50%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:tyz-process-title-glint 9.6s ease-in-out 1s infinite;
}
#process.tyz-process-journey .process-grid {
  position:relative;
  isolation:isolate;
}
#process.tyz-process-journey .tyz-process-rail {
  position:absolute;
  z-index:0;
  top:50%;
  inset-inline:5% 5%;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(217,167,82,.04),rgba(227,181,100,.34),rgba(217,167,82,.04));
  pointer-events:none;
  overflow:visible;
  transform:translateY(-50%);
}
#process.tyz-process-journey .tyz-process-rail-fill {
  position:absolute;
  top:0;
  inset-inline-start:0;
  width:var(--tyz-process-progress);
  max-width:100%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#b27b33,#f6d591,#e8ab4b);
  box-shadow:0 0 17px rgba(235,178,88,.58);
  transition:width 1.1s cubic-bezier(.14,.87,.22,1);
}
#process.tyz-process-journey .tyz-process-rail-head {
  position:absolute;
  top:50%;
  inset-inline-start:var(--tyz-process-progress);
  width:15px;
  height:15px;
  border:3px solid #fff2cf;
  border-radius:50%;
  background:#d59c48;
  box-shadow:0 0 0 5px rgba(219,171,93,.16),0 0 23px rgba(232,184,96,.75);
  transition:inset-inline-start 1.1s cubic-bezier(.14,.87,.22,1);
  transform:translate(-50%,-50%);
}
#process.tyz-process-journey .process-card {
  position:relative;
  isolation:isolate;
  z-index:2;
  transform-origin:center bottom;
}
#process.tyz-process-journey .process-card:not(:last-child)::after {
  display:none!important;
}
#process.tyz-process-journey.is-journey-started .process-card.visible {
  animation:tyz-process-card-appear .91s cubic-bezier(.16,.85,.22,1) var(--tyz-process-delay,0ms) both;
}
#process.tyz-process-journey .process-card::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  background:radial-gradient(circle at 50% 0%,rgba(243,189,94,.2),transparent 65%);
  opacity:0;
  transition:opacity .35s ease;
}
#process.tyz-process-journey .process-card.is-current::before {
  opacity:1;
}
html[data-theme="dark"] #process.tyz-process-journey .process-card.is-current,
html[data-theme="light"] #process.tyz-process-journey .process-card.is-current {
  border-color:rgba(241,196,112,.88)!important;
  box-shadow:0 16px 48px rgba(8,19,34,.26),0 0 0 2px rgba(229,183,103,.18),0 0 31px rgba(236,179,81,.19)!important;
}
#process.tyz-process-journey .tyz-process-index {
  position:absolute;
  top:12px;
  inset-inline-start:13px;
  display:grid;
  place-items:center;
  min-width:28px;
  height:27px;
  padding:0 4px;
  border:1px solid rgba(226,181,96,.31);
  border-radius:8px;
  background:rgba(9,28,48,.62);
  color:#f5d79e;
  font:800 10px/1 system-ui,sans-serif;
  letter-spacing:1px;
  pointer-events:none;
}
#process.tyz-process-journey .step-icon {
  position:relative;
  z-index:2;
  border-radius:16px;
}
#process.tyz-process-journey .step-icon::after {
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:20px;
  border:1px solid rgba(238,187,99,.55);
  opacity:0;
  pointer-events:none;
}
#process.tyz-process-journey .process-card.is-current .step-icon::after {
  animation:tyz-process-orbit 1.25s ease-out both;
}
#process.tyz-process-journey .process-card.is-current .step-icon svg {
  animation:tyz-process-icon-spin .84s cubic-bezier(.17,.8,.23,1) both;
  transform-origin:center;
}
#process.tyz-process-journey .process-card.is-current .step-icon {
  box-shadow:0 0 24px rgba(232,177,82,.22);
}
@media(hover:hover) and (pointer:fine) {
  #process.tyz-process-journey .process-card:hover {
    translate:0 -7px;
  }
}
#process.tyz-process-journey .tyz-process-speck{
  display:block;
  position:absolute;
  z-index:0;
  top:var(--speck-top,30%);
  left:var(--speck-left,60%);
  width:3px;
  height:3px;
  border-radius:50%;
  background:#f8db9b;
  box-shadow:0 0 12px rgba(234,188,108,.75);
  pointer-events:none;
  animation:tyz-process-speck var(--speck-time,5s) ease-in-out var(--speck-delay,0s) infinite;
}
@media(max-width:880px) {
  #process.tyz-process-journey .tyz-process-rail{inset-inline:6% 6%}
}
@media(max-width:650px){
  #process.tyz-process-journey .process-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:19px;
  }
  #process.tyz-process-journey .tyz-process-rail{
    inset-inline-start:31px;
    inset-inline-end:auto;
    top:8%;
    bottom:8%;
    width:4px;
    height:auto;
    transform:none;
    background:linear-gradient(180deg,rgba(220,174,88,.12),rgba(220,174,88,.3),rgba(220,174,88,.08));
  }
  #process.tyz-process-journey .tyz-process-rail-fill{
    width:100%;
    height:var(--tyz-process-progress);
    transition:height 1.1s cubic-bezier(.14,.87,.22,1);
    background:linear-gradient(180deg,#c18b3a,#f3ce85,#c18b3a);
  }
  #process.tyz-process-journey .tyz-process-rail-head{
    top:var(--tyz-process-progress);
    left:50%;
    inset-inline-start:auto;
    transform:translate(-50%,-50%);
    transition:top 1.1s cubic-bezier(.14,.87,.22,1);
  }
  #process.tyz-process-journey .process-card {
    margin-inline-start:14px;
    min-height:210px;
  }
  #process.tyz-process-journey .tyz-process-index {
    inset-inline-start:auto;
    inset-inline-end:13px;
  }
}
@media(prefers-reduced-motion:reduce){
  #process.tyz-process-journey .process-card,
  #process.tyz-process-journey .process-card.is-current .step-icon svg,
  #process.tyz-process-journey .process-card.is-current .step-icon::after,
  #process.tyz-process-journey .section-heading :is(.kicker,h2,p),
  #process.tyz-process-journey .section-heading h2 em,
  #process.tyz-process-journey .tyz-process-speck {
    animation:none!important;
    transition:none!important;
    transform:none!important;
    opacity:1!important;
    filter:none!important;
  }
  #process.tyz-process-journey .tyz-process-rail-fill,
  #process.tyz-process-journey .tyz-process-rail-head {
    transition:none!important;
  }
  #process.tyz-process-journey .tyz-process-speck{display:none!important}
}