*{margin:0;padding:0;box-sizing:border-box}
:root{
  --ac:#2575FC;
  --ac-hover:#1B5FCC;
  --ac-light:#5B9EFF;
  --ac-bg:rgba(37,117,252,0.15);
  --ac-border:rgba(37,117,252,0.3);
  --dark:#080808;
  --dim:rgba(255,255,255,0.38);
  --line:rgba(255,255,255,0.08);
}

.urit-hero{
  position:relative;
  width:100%;
  height:90vh;
  min-height:560px;
  max-height:920px;
  background:var(--dark);
  overflow:hidden;
  font-family:'DM Sans',sans-serif;
  cursor:none;
}

.uc{
  position:absolute;
  width:8px;height:8px;
  background:var(--ac);
  border-radius:50%;
  pointer-events:none;
  z-index:200;
  transform:translate(-50%,-50%);
  transition:width 0.3s,height 0.3s;
  mix-blend-mode:difference;
  opacity:0;
}
.uc.grow{width:44px;height:44px}

.urit-track{
  display:flex;
  width:300%;height:100%;
  will-change:transform;
  transition:transform 1s cubic-bezier(0.86,0,0.07,1);
}
.urit-slide{
  width:33.333%;height:100%;
  position:relative;
  overflow:hidden;
}

.slide-bg{
  position:absolute;inset:0;
  background-size:cover;
  background-position:center;
  transform:scale(1.1);
  transition:transform 1.4s cubic-bezier(0.25,0.46,0.45,0.94);
  filter:brightness(0.22) saturate(0.5);
  will-change:transform;
}
.urit-slide.active .slide-bg{
  transform:scale(1);
  filter:brightness(0.18) saturate(0.4);
}

.grid-veil{
  position:absolute;inset:0;
  pointer-events:none;z-index:1;
  background-image:
    linear-gradient(90deg, var(--line) 1px, transparent 1px),
    linear-gradient(180deg, var(--line) 1px, transparent 1px);
  background-size:25% 25%;
}

.slide-layout{
  position:absolute;inset:0;
  display:grid;
  grid-template-columns:52% 48%;
  grid-template-rows:1fr 80px;
  z-index:5;
}

.slide-left{
  grid-column:1;grid-row:1;
  display:flex;flex-direction:column;
  justify-content:center;
  padding:0 48px 0 clamp(80px,12vw,160px);
}

.ghost-num{
  position:absolute;
  bottom:88px;
  left:clamp(20px,4vw,60px);
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(120px,18vw,240px);
  line-height:1;
  color:rgba(255,255,255,0.035);
  pointer-events:none;
  letter-spacing:-0.03em;
  z-index:3;
  transition:color 1s;
}
.urit-slide.active .ghost-num{color:rgba(255,255,255,0.05)}

.slide-tag{
  display:inline-flex;align-items:center;gap:10px;
  font-size:10px;font-weight:700;letter-spacing:0.28em;
  text-transform:uppercase;color:var(--ac-light);
  margin-bottom:22px;
  opacity:0;transform:translateX(-24px);
  transition:opacity 0.55s ease 0.08s, transform 0.55s ease 0.08s;
}
.urit-slide.active .slide-tag{opacity:1;transform:none}
.tag-pip{
  width:6px;height:6px;border-radius:50%;
  background:var(--ac);
  animation:blink 2.2s ease-in-out infinite;
}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0.25}}

.slide-h{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(52px,7.5vw,108px);
  line-height:0.92;
  color:#fff;
  letter-spacing:0.01em;
  margin-bottom:24px;
  opacity:0;transform:translateY(36px);
  transition:opacity 0.7s ease 0.22s, transform 0.7s ease 0.22s;
}
.urit-slide.active .slide-h{opacity:1;transform:none}

.slide-sub{
  font-size:clamp(12px,1.3vw,15px);
  color:var(--dim);
  max-width:340px;line-height:1.75;
  font-weight:300;
  margin-bottom:36px;
  opacity:0;transform:translateY(18px);
  transition:opacity 0.6s ease 0.38s, transform 0.6s ease 0.38s;
}
.urit-slide.active .slide-sub{opacity:1;transform:none}

.slide-cta{
  display:inline-flex;align-items:center;
  width:fit-content;
  opacity:0;transform:translateY(14px);
  transition:opacity 0.5s ease 0.52s, transform 0.5s ease 0.52s;
}
.urit-slide.active .slide-cta{opacity:1;transform:none}
.cta-btn{
  display:inline-flex;align-items:center;gap:16px;
  padding:14px 28px;
  border:1px solid rgba(255,255,255,0.2);
  color:#fff;
  font-family:'DM Sans',sans-serif;
  font-size:11px;font-weight:700;letter-spacing:0.16em;
  text-transform:uppercase;text-decoration:none;
  position:relative;overflow:hidden;
  transition:border-color 0.35s, color 0.35s;
}
.cta-btn::before{
  content:'';position:absolute;inset:0;
  background:var(--ac);
  transform:translateX(-101%);
  transition:transform 0.45s cubic-bezier(0.77,0,0.175,1);
}
.cta-btn:hover::before{transform:none}
.cta-btn:hover{border-color:var(--ac);color:#fff}
.cta-label{position:relative;z-index:1}
.cta-arrow{
  position:relative;z-index:1;
  width:13px;height:13px;
  border-top:1.5px solid currentColor;
  border-right:1.5px solid currentColor;
  transform:rotate(45deg);
  flex-shrink:0;
}

.slide-right{
  grid-column:2;grid-row:1;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.frame-img{
  position:relative;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transform:scale(1.06) translateX(16px);
  transition:opacity 1s ease 0.18s, transform 1s ease 0.18s;
  filter:contrast(1.05) saturate(0.85);
  mix-blend-mode:luminosity;
  flex-shrink:0;
}
.urit-slide.active .frame-img{
  opacity:0.72;
  transform:scale(1) translateX(0);
}
.frame-inset{
  position:absolute;
  top:24px;left:24px;right:24px;bottom:24px;
  border:1px solid rgba(255,255,255,0.07);
  pointer-events:none;z-index:2;
  opacity:0;transition:opacity 0.6s ease 0.42s;
}
.urit-slide.active .frame-inset{opacity:1}
.corner{position:absolute;width:22px;height:22px;z-index:3;}
.c-tl{top:24px;left:24px;border-top:2px solid var(--ac);border-left:2px solid var(--ac);}
.c-br{bottom:24px;right:24px;border-bottom:2px solid var(--ac);border-right:2px solid var(--ac);}
.c-tr{top:24px;right:24px;border-top:1px solid rgba(255,255,255,0.15);border-right:1px solid rgba(255,255,255,0.15);}
.c-bl{bottom:24px;left:24px;border-bottom:1px solid rgba(255,255,255,0.15);border-left:1px solid rgba(255,255,255,0.15);}
.frame-label{
  position:absolute;bottom:36px;left:36px;
  font-size:9px;letter-spacing:0.22em;font-weight:700;
  text-transform:uppercase;color:var(--ac-light);
  z-index:4;
  opacity:0;transition:opacity 0.5s ease 0.62s;
}
.urit-slide.active .frame-label{opacity:1}
.col-divider{
  position:absolute;
  top:10%;bottom:10%;
  left:0;width:1px;
  background:linear-gradient(to bottom,transparent,rgba(255,255,255,0.12),transparent);
  z-index:6;
}

.slide-bar{
  grid-column:1/-1;grid-row:2;
  display:flex;
  border-top:1px solid var(--line);
}
.bar-stat{
  flex:1;
  display:flex;align-items:center;
  padding:0 clamp(16px,3vw,36px);
  border-right:1px solid var(--line);
  gap:14px;
  opacity:0;transform:translateY(10px);
  transition:opacity 0.4s, transform 0.4s;
}
.bar-stat:first-child{
  padding-left:clamp(80px,12vw,160px);
}
.urit-slide.active .bar-stat:nth-child(1){opacity:1;transform:none;transition-delay:0.5s}
.urit-slide.active .bar-stat:nth-child(2){opacity:1;transform:none;transition-delay:0.62s}
.urit-slide.active .bar-stat:nth-child(3){opacity:1;transform:none;transition-delay:0.74s}
.bar-stat:last-child{border-right:none}
.sv{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(20px,2.5vw,28px);
  color:#fff;line-height:1;letter-spacing:0.03em;
}
.sl-label{font-size:9px;color:var(--dim);letter-spacing:0.1em;margin-top:3px;text-transform:uppercase}

.hero-index{
  position:absolute;
  top:clamp(20px,3vw,40px);
  left:clamp(28px,5vw,72px);
  z-index:20;
  display:flex;align-items:center;gap:10px;
  font-size:10px;font-weight:700;letter-spacing:0.2em;
  color:var(--dim);
}
.idx-cur{
  color:#fff;
  font-family:'Bebas Neue',sans-serif;
  font-size:18px;letter-spacing:0.05em;
}
.idx-sep{width:28px;height:1px;background:rgba(255,255,255,0.15)}

.hero-brand{
  position:absolute;
  top:clamp(20px,3vw,40px);
  right:clamp(20px,3vw,52px);
  font-family:'Bebas Neue',sans-serif;
  font-size:13px;letter-spacing:0.35em;
  color:rgba(255,255,255,0.35);
  z-index:20;
  text-transform:uppercase;
}

.hero-progress{
  position:absolute;top:0;left:0;right:0;
  height:1.5px;background:rgba(255,255,255,0.05);
  z-index:30;
}
.progress-fill{height:100%;background:var(--ac);width:0}

.hero-nav{
  position:absolute;
  right:clamp(20px,2.5vw,40px);
  top:50%;transform:translateY(-50%);
  z-index:20;
  display:flex;flex-direction:column;gap:8px;align-items:center;
}
.nav-tick{
  width:1.5px;height:18px;
  background:rgba(255,255,255,0.18);
  border:none;cursor:none;padding:0;
  border-radius:2px;
  transition:height 0.4s ease, background 0.4s ease;
}
.nav-tick.active{height:44px;background:var(--ac)}

.scroll-hint{
  position:absolute;
  bottom:90px;left:50%;
  transform:translateX(-50%);
  z-index:20;display:flex;
  flex-direction:column;align-items:center;gap:6px;
  opacity:0.3;pointer-events:none;
}
.sh-line{
  width:1px;height:32px;
  background:linear-gradient(to bottom,transparent,rgba(255,255,255,0.7));
  animation:sh 1.9s ease-in-out infinite;
}
@keyframes sh{
  0%{transform:scaleY(0);transform-origin:top;opacity:0}
  50%{transform:scaleY(1);opacity:1}
  100%{transform:scaleY(0);transform-origin:bottom;opacity:0}
}

@media(min-width:681px){
  .urit-hero{
    height:90vh;
    min-height:560px;
    max-height:1150px;
  }
}

@media(max-width:680px){
  .urit-hero{
    height:100svh;
    min-height:0 !important;
    max-height:none !important;
    overflow:hidden !important;
  }
  .slide-layout{
    grid-template-columns:1fr;
    grid-template-rows:45% 1fr 64px;
  }
  .slide-right{grid-column:1;grid-row:1;}
  .slide-left{
    grid-column:1;grid-row:2;
    padding:20px 24px 0;
    justify-content:flex-start;
    align-items:center;
    text-align:center;
  }
  .slide-tag{justify-content:center;width:100%;}
  .slide-h{text-align:center;font-size:48px;}
  .slide-sub{display:none;}
  .slide-cta{justify-content:center;width:100%;}
  .slide-bar{grid-column:1;grid-row:3;}
  .ghost-num,.hero-nav,.scroll-hint,.col-divider,.hero-brand{display:none}
  .bar-stat{
    padding:0 4px;
    justify-content:center;
    text-align:center;
    flex-direction:column;
    gap:2px;
  }
  .bar-stat:first-child{
    padding-left:4px;
  }
  .sv{font-size:17px;}
  .sl-label{font-size:8px;letter-spacing:0.06em;}
}