/* گشت ریل — لندینگ سینمایی */
html.home-html{
  overflow-x:hidden;
  width:100%;
  max-width:100%;
  scroll-behavior:auto;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body.home-ops{
  --ops-bg:#07060a;
  --ops-ink:#f7f1e8;
  --ops-muted:#b7a894;
  --ops-copper:#e08a45;
  --ops-gold:#f3c48a;
  --ops-teal:#5eead4;
  --ops-line:rgba(243,196,138,.28);
  --ops-ease:cubic-bezier(.16,1,.3,1);
  --ops-pad:clamp(18px, 5.5vw, 88px);
  color:var(--ops-ink);
  background:#07060a;
  overflow-x:hidden;
  width:100%;
  max-width:100%;
}
body.home-ops .page{
  max-width:100%;
  width:100%;
  margin:0;
  padding:0;
  isolation:isolate;
  overflow-x:hidden;
}
html.home-html,html.home-html body{margin:0;padding:0}

/* ——— پس‌زمینه سینمایی ——— */
body.home-ops .bg{
  display:block;
  position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(900px 480px at 82% -8%, rgba(224,138,69,.28), transparent 58%),
    radial-gradient(700px 420px at -12% 18%, rgba(14,165,233,.16), transparent 55%),
    radial-gradient(620px 380px at 50% 120%, rgba(94,234,212,.1), transparent 60%),
    linear-gradient(180deg, #05040a 0%, #0c0a10 42%, #08070c 100%);
}
.ops-fx{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict}
.ops-orb{
  position:absolute;border-radius:50%;filter:blur(48px);opacity:.55;
  mix-blend-mode:screen;will-change:transform;
}
.ops-orb.o1{
  width:42vw;height:42vw;max-width:560px;max-height:560px;
  right:-8%;top:-12%;
  background:radial-gradient(circle, rgba(224,138,69,.7), transparent 68%);
  animation:orbDrift 18s var(--ops-ease) infinite alternate;
}
.ops-orb.o2{
  width:36vw;height:36vw;max-width:460px;max-height:460px;
  left:-10%;top:28%;
  background:radial-gradient(circle, rgba(45,212,191,.45), transparent 70%);
  animation:orbDrift 22s ease-in-out infinite alternate-reverse;
}
.ops-orb.o3{
  width:28vw;height:28vw;max-width:380px;max-height:380px;
  left:42%;bottom:-18%;
  background:radial-gradient(circle, rgba(249,186,92,.4), transparent 72%);
  animation:orbDrift 26s ease-in-out infinite alternate;
}
@keyframes orbDrift{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(-7%, 8%, 0) scale(1.12)}
}
.ops-vanish{
  position:absolute;inset:auto 0 -8% 0;height:58vh;width:100%;
  opacity:.38;
}
.ops-vanish path,.ops-vanish line{
  fill:none;stroke:rgba(243,196,138,.35);stroke-width:.6;
  stroke-dasharray:6 18;
  animation:railDash 7s linear infinite;
}
.ops-vanish .core{
  stroke:rgba(94,234,212,.55);stroke-width:1.1;stroke-dasharray:14 28;
  animation-duration:3.6s;
}
@keyframes railDash{to{stroke-dashoffset:-180}}
.ops-train-light{
  position:absolute;bottom:14%;right:-20%;
  width:38%;height:6px;border-radius:99px;
  background:linear-gradient(90deg, transparent, rgba(243,196,138,.95), #fff, transparent);
  filter:blur(2px);
  animation:trainRush 7.5s linear infinite;
  opacity:.7;
}
@keyframes trainRush{
  0%{transform:translateX(10%);opacity:0}
  12%{opacity:.9}
  100%{transform:translateX(-280%);opacity:0}
}
.ops-spark{
  position:absolute;width:3px;height:3px;border-radius:50%;
  background:#fff;box-shadow:0 0 10px 2px rgba(243,196,138,.8);
  animation:twinkle 3.8s ease-in-out infinite;
  opacity:.0;
}
.ops-spark:nth-of-type(1){top:12%;right:18%;animation-delay:.2s}
.ops-spark:nth-of-type(2){top:22%;right:62%;animation-delay:1.1s}
.ops-spark:nth-of-type(3){top:38%;right:8%;animation-delay:1.8s}
.ops-spark:nth-of-type(4){top:58%;right:44%;animation-delay:.7s}
.ops-spark:nth-of-type(5){top:16%;left:28%;animation-delay:2.2s}
.ops-spark:nth-of-type(6){top:72%;left:18%;animation-delay:2.8s}
.ops-spark:nth-of-type(7){top:44%;left:8%;animation-delay:.4s}
.ops-spark:nth-of-type(8){top:8%;left:48%;animation-delay:1.5s}
@keyframes twinkle{
  0%,100%{opacity:0;transform:scale(.4)}
  40%{opacity:.9;transform:scale(1)}
  70%{opacity:.15;transform:scale(.7)}
}
.ops-grain,.ops-vignette{
  position:fixed;inset:0;pointer-events:none;z-index:1;
}
.ops-grain{
  display:none;
}
.ops-vignette{
  z-index:2;
  background:radial-gradient(ellipse at 50% 40%, transparent 42%, rgba(0,0,0,.55) 100%);
}
.ops-scan{
  display:none;
}

/* ——— ناو ——— */
.ops-nav{
  position:sticky;top:0;z-index:30;
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding:14px var(--ops-pad);
  backdrop-filter:blur(22px) saturate(1.4);
  background:linear-gradient(180deg, rgba(8,7,12,.82), rgba(8,7,12,.42));
  border-bottom:1px solid rgba(255,255,255,.06);
}
.ops-nav::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg, transparent, rgba(243,196,138,.55), transparent);
  animation:navSheen 6s linear infinite;
}
@keyframes navSheen{
  0%{opacity:.2;transform:scaleX(.2)}
  50%{opacity:1;transform:scaleX(1)}
  100%{opacity:.2;transform:scaleX(.2)}
}
.ops-brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.03em;color:#fff}
.ops-mark{
  position:relative;
  width:44px;height:44px;border-radius:14px;overflow:hidden;
  background:linear-gradient(145deg,#e08a45,#f4c48a);
  display:grid;place-items:center;color:#2a1406;
  box-shadow:0 0 0 1px rgba(255,255,255,.18), 0 10px 28px rgba(224,138,69,.4);
  animation:markPulse 4.5s ease-in-out infinite;
}
.ops-mark img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
@keyframes markPulse{
  0%,100%{box-shadow:0 0 0 1px rgba(255,255,255,.18), 0 10px 28px rgba(224,138,69,.35)}
  50%{box-shadow:0 0 0 1px rgba(255,255,255,.28), 0 14px 40px rgba(224,138,69,.6)}
}
.ops-brand small{
  display:block;font-size:10px;color:var(--ops-muted);font-weight:700;
  letter-spacing:.22em;margin-top:2px;
}

/* ——— هیرو ——— */
.ops-hero{
  position:relative;z-index:3;
  display:grid;grid-template-columns:1.05fr .95fr;
  gap:clamp(28px, 5vw, 72px);align-items:center;
  min-height:calc(100vh - 74px);
  padding:clamp(28px, 5vh, 64px) var(--ops-pad) clamp(36px, 6vh, 72px);
}
.ops-kicker{
  display:inline-flex;align-items:center;gap:10px;
  padding:8px 14px 8px 12px;border-radius:999px;
  border:1px solid var(--ops-line);
  background:rgba(224,138,69,.12);
  color:var(--ops-gold);font-size:12px;font-weight:800;letter-spacing:.18em;
  animation:rise .9s var(--ops-ease) both;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}
.ops-live{
  width:8px;height:8px;border-radius:50%;background:#34d399;
  box-shadow:0 0 0 0 rgba(52,211,153,.7);
  animation:livePing 1.8s ease-out infinite;
}
@keyframes livePing{
  0%{box-shadow:0 0 0 0 rgba(52,211,153,.55)}
  70%{box-shadow:0 0 0 10px rgba(52,211,153,0)}
  100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}
}
.ops-hero h1{
  font-size:clamp(2.35rem, 6.2vw, 4.85rem);
  line-height:1.08;margin:20px 0 16px;color:#fff;
  letter-spacing:-.04em;
  animation:rise 1s var(--ops-ease) .08s both;
  text-shadow:0 18px 50px rgba(0,0,0,.45);
}
.ops-hero h1 span{
  display:inline-block;
  background:linear-gradient(105deg,#fff 8%, #f3c48a 42%, #fff 58%, #5eead4 92%);
  background-size:220% auto;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:shineText 7s linear infinite;
}
@keyframes shineText{to{background-position:220% center}}
.ops-hero p.lead{
  max-width:38rem;color:var(--ops-muted);font-size:1.08rem;margin:0 0 28px;
  animation:rise 1s var(--ops-ease) .16s both;
}
@keyframes rise{
  from{opacity:0;transform:translateY(22px) filter:blur(8px)}
  to{opacity:1;transform:none;filter:none}
}
.ops-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;animation:rise 1s var(--ops-ease) .24s both}
body.home-ops .muted{color:var(--ops-muted)}
body.home-ops .btn{
  min-height:50px;padding:12px 22px;border-radius:16px;
  transition:transform .22s var(--ops-ease), box-shadow .22s var(--ops-ease), background .22s, border-color .22s;
}
body.home-ops .btn:focus-visible{
  outline:2px solid var(--ops-gold);outline-offset:3px;
}
body.home-ops .btn.primary{
  position:relative;overflow:hidden;z-index:0;
  background:linear-gradient(120deg,#e08a45 0%, #f4c48a 55%, #e08a45 100%);
  background-size:180% 100%;
  color:#2a1406;
  box-shadow:0 14px 36px rgba(224,138,69,.38), 0 0 0 1px rgba(255,255,255,.12) inset;
  animation:ctaGlow 3.4s ease-in-out infinite;
}
body.home-ops .btn.primary::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(105deg, transparent 30%, rgba(255,255,255,.55) 50%, transparent 70%);
  transform:translateX(120%);
  animation:btnShine 3.8s var(--ops-ease) infinite;
}
@keyframes btnShine{
  0%,55%{transform:translateX(120%)}
  100%{transform:translateX(-120%)}
}
@keyframes ctaGlow{
  0%,100%{box-shadow:0 14px 36px rgba(224,138,69,.38)}
  50%{box-shadow:0 18px 48px rgba(224,138,69,.58), 0 0 40px rgba(243,196,138,.25)}
}
body.home-ops .btn.primary:hover{transform:translateY(-3px) scale(1.02);background-position:100% 0}
body.home-ops .btn.ghost{
  background:rgba(255,255,255,.04);color:#f3efe6;
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(10px);
}
body.home-ops .btn.ghost:hover{
  border-color:rgba(243,196,138,.45);
  background:rgba(243,196,138,.08);
  transform:translateY(-2px);
}

/* ——— استیج برنامه ——— */
.ops-stage{
  position:relative;min-height:460px;
}
.ops-stage::before{
  content:"";position:absolute;inset:-8% -6% -10% -6%;z-index:-1;
  background:
    radial-gradient(circle at 60% 40%, rgba(224,138,69,.26), transparent 60%),
    radial-gradient(circle at 30% 70%, rgba(94,234,212,.16), transparent 62%);
  filter:blur(24px);opacity:.85;
}
.ops-stage::after{
  content:"";position:absolute;inset:-4%;border-radius:32px;z-index:-1;
  border:1px solid rgba(243,196,138,.18);
  animation:ringSpin 22s linear infinite;
  -webkit-mask:linear-gradient(#000,#000) content-box, linear-gradient(#000,#000);
  -webkit-mask-composite:xor;mask-composite:exclude;padding:1px;
}
@keyframes ringSpin{to{transform:rotate(360deg)}}
.ops-stage-card{
  position:relative;height:100%;min-height:460px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.12);
  background:
    linear-gradient(165deg, rgba(255,255,255,.08), transparent 36%),
    linear-gradient(180deg, rgba(18,16,24,.88), rgba(8,7,12,.94));
  box-shadow:
    0 40px 90px rgba(0,0,0,.5),
    0 0 0 1px rgba(243,196,138,.08) inset;
  overflow:hidden;
  padding:18px 18px 20px;
  backdrop-filter:blur(18px);
}
.ops-stage-card::before{
  content:"";position:absolute;inset:-40% -20% auto auto;width:70%;height:70%;
  background:radial-gradient(circle, rgba(243,196,138,.22), transparent 68%);
  animation:orbDrift 12s ease-in-out infinite alternate;
}
.ops-stage-glow{
  position:absolute;inset:auto -10% -25% 20%;height:180px;
  background:radial-gradient(circle, rgba(224,138,69,.4), transparent 70%);
  filter:blur(8px);pointer-events:none;
}
.ops-chrome{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:14px;position:relative;z-index:1;
}
.ops-dots{display:flex;gap:6px}
.ops-dots i{width:9px;height:9px;border-radius:50%;display:block;opacity:.75}
.ops-dots i:nth-child(1){background:#f87171}
.ops-dots i:nth-child(2){background:#fbbf24}
.ops-dots i:nth-child(3){background:#34d399}
.ops-chrome span{font-size:11px;font-weight:800;color:var(--ops-muted);letter-spacing:.12em}
.ops-clock{
  font-variant-numeric:tabular-nums;direction:ltr;
  color:var(--ops-gold);font-size:12px;font-weight:800;
}
.ops-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:var(--ops-muted);font-size:12px;font-weight:800;position:relative;z-index:1}
.ops-pills{display:flex;gap:8px;flex-wrap:wrap}
.ops-pill{
  padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;
  background:rgba(94,234,212,.12);color:#99f6e4;border:1px solid rgba(94,234,212,.22);
}
.ops-pill.warn{background:rgba(224,138,69,.14);color:#f3c48a;border-color:var(--ops-line)}
.ops-track{
  position:relative;height:54px;margin:4px 0 16px;overflow:hidden;border-radius:14px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.06);
}
.ops-track svg{width:100%;height:100%;display:block}
.ops-loco{
  position:absolute;top:50%;right:8%;
  width:42px;height:22px;margin-top:-11px;
  background:linear-gradient(90deg,#f3c48a,#e08a45);
  border-radius:6px 10px 6px 6px;
  box-shadow:0 0 18px rgba(243,196,138,.7);
  animation:locoRun 5.6s var(--ops-ease) infinite;
}
.ops-loco::before{
  content:"";position:absolute;left:-10px;top:4px;width:10px;height:14px;
  background:#f3c48a;border-radius:3px 0 0 3px;opacity:.85;
}
.ops-loco::after{
  content:"";position:absolute;right:-14px;top:6px;width:18px;height:6px;
  background:linear-gradient(90deg,#fff, transparent);filter:blur(1px);
}
@keyframes locoRun{
  0%{right:8%;opacity:1}
  70%{right:78%;opacity:1}
  85%{right:92%;opacity:0}
  86%{right:4%;opacity:0}
  100%{right:8%;opacity:1}
}
.ops-cards{display:grid;gap:10px;position:relative;z-index:1}
.ops-mini{
  display:grid;grid-template-columns:8px 1fr auto;gap:12px;align-items:center;
  padding:14px;border-radius:16px;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);
  transform:translateX(0);
  animation:cardIn .8s var(--ops-ease) both;
}
.ops-mini:nth-child(1){animation-delay:.35s}
.ops-mini:nth-child(2){animation-delay:.5s}
.ops-mini:nth-child(3){animation-delay:.65s}
.ops-mini.is-hot{
  border-color:rgba(243,196,138,.4);
  background:linear-gradient(90deg, rgba(224,138,69,.16), rgba(255,255,255,.04));
  box-shadow:0 0 24px rgba(224,138,69,.18);
}
@keyframes cardIn{
  from{opacity:0;transform:translateX(-18px)}
  to{opacity:1;transform:none}
}
.ops-mini b{display:block;font-size:14px;color:#fff}
.ops-mini span{color:var(--ops-muted);font-size:12px}
.ops-mini .tag{
  font-size:11px;font-weight:800;color:var(--ops-gold);
  padding:4px 8px;border-radius:8px;background:rgba(224,138,69,.12);
}
.ops-dot{width:8px;height:42px;border-radius:99px;background:linear-gradient(#e08a45,#f3c48a);animation:dotPulse 2.4s ease-in-out infinite}
@keyframes dotPulse{50%{opacity:.45;transform:scaleY(.7)}}
.ops-bar{
  height:3px;border-radius:99px;margin-top:10px;overflow:hidden;
  background:rgba(255,255,255,.08);
}
.ops-bar i{
  display:block;height:100%;width:38%;
  background:linear-gradient(90deg,#5eead4,#f3c48a);
  animation:barRun 2.8s ease-in-out infinite;
}
@keyframes barRun{
  0%{width:18%;transform:translateX(220%)}
  50%{width:72%;transform:translateX(0)}
  100%{width:18%;transform:translateX(-40%)}
}

/* ——— متر کانال‌های زنده ——— */
.ops-meter{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;
  margin:6px 0 14px;padding:12px 14px;border-radius:14px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);
  position:relative;z-index:1;
}
.ops-meter-lbl{font-size:11px;font-weight:800;color:var(--ops-muted);letter-spacing:.04em;white-space:nowrap}
.ops-meter-val{font-size:12px;font-weight:800;color:var(--ops-muted);direction:ltr;font-variant-numeric:tabular-nums}
.ops-meter-val b{color:var(--ops-gold);font-size:15px}
.ops-meter-bars{
  display:flex;align-items:flex-end;gap:3px;height:30px;
}
.ops-meter-bars i{
  flex:1;height:var(--h);border-radius:3px;min-width:4px;
  background:linear-gradient(180deg,#f3c48a,#e08a45);
  transform-origin:bottom;opacity:.85;
  animation:meterPulse 1.6s ease-in-out infinite;
}
.ops-meter-bars i:nth-child(odd){animation-duration:1.9s;animation-delay:.1s}
.ops-meter-bars i:nth-child(3n){animation-duration:2.2s;animation-delay:.25s}
.ops-meter-bars i:nth-child(4n){animation-delay:.4s}
@keyframes meterPulse{
  0%,100%{transform:scaleY(.55);opacity:.5}
  50%{transform:scaleY(1);opacity:1}
}

/* ——— افکت‌های سینمایی اضافه ——— */
.ops-hero::before{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;z-index:2;
  background:linear-gradient(90deg, transparent, rgba(243,196,138,.6), rgba(94,234,212,.4), transparent);
  box-shadow:0 0 24px 2px rgba(224,138,69,.25);
}
.ops-kicker{position:relative;overflow:hidden}
.ops-kicker::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(105deg, transparent 35%, rgba(255,255,255,.4) 50%, transparent 65%);
  transform:translateX(130%);animation:btnShine 4.5s var(--ops-ease) infinite;
}

/* ——— نشانه اسکرول ——— */
.ops-scrollcue{
  position:relative;z-index:3;
  display:flex;flex-direction:column;align-items:center;gap:6px;
  margin:-12px auto 18px;color:var(--ops-muted);font-size:11px;font-weight:800;letter-spacing:.2em;
  animation:rise 1s var(--ops-ease) .5s both;
}
.ops-scrollcue i{
  width:18px;height:30px;border-radius:12px;
  border:1.5px solid rgba(243,196,138,.4);position:relative;
}
.ops-scrollcue i::before{
  content:"";position:absolute;top:6px;left:50%;width:3px;height:6px;border-radius:2px;
  background:var(--ops-gold);transform:translateX(-50%);
  animation:cueDot 1.8s var(--ops-ease) infinite;
}
@keyframes cueDot{
  0%{opacity:0;transform:translate(-50%,0)}
  40%{opacity:1;transform:translate(-50%,8px)}
  100%{opacity:0;transform:translate(-50%,14px)}
}

/* ——— نوار شهرها ——— */
.ops-marquee-wrap{
  position:relative;z-index:3;margin:8px 0 28px;
  overflow:hidden;
  width:100%;
  max-width:100%;
  mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}
.ops-marquee{
  display:flex;gap:28px;width:max-content;
  animation:marquee 28s linear infinite;
  color:var(--ops-muted);font-weight:800;font-size:13px;letter-spacing:.14em;
  white-space:nowrap;
}
.ops-marquee span{opacity:.7}
.ops-marquee b{color:var(--ops-gold);font-weight:800}
@keyframes marquee{to{transform:translateX(50%)}}

/* ——— آمار ——— */
.ops-stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
  padding:8px var(--ops-pad) 56px;position:relative;z-index:3;
}
.ops-stat{
  padding:22px;border-radius:22px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(12px);
  transition:transform .35s var(--ops-ease), border-color .35s, box-shadow .35s;
}
.ops-stat:hover{
  border-color:rgba(243,196,138,.35);
  box-shadow:0 20px 40px rgba(0,0,0,.28);
}
.ops-stat strong{display:block;font-size:1.55rem;margin-top:6px;color:#fff}
.ops-stat span{color:var(--ops-muted);font-size:13px;font-weight:700}

/* ——— سکشن‌ها ——— */
.ops-section{padding:10px var(--ops-pad) 72px;position:relative;z-index:3}
.ops-section h2{font-size:clamp(1.6rem,3vw,2.4rem);color:#fff;margin-bottom:8px}
.ops-bento{
  display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-top:22px;
}
.ops-tile{
  grid-column:span 4;padding:26px;border-radius:24px;
  background:rgba(16,14,22,.72);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(16px);
  min-height:210px;
  position:relative;overflow:hidden;
  transition:transform .4s var(--ops-ease), border-color .4s, box-shadow .4s;
}
.ops-tile::after{
  content:"";position:absolute;inset:auto -30% -50% auto;width:180px;height:180px;
  background:radial-gradient(circle, rgba(243,196,138,.18), transparent 70%);
  opacity:0;transition:opacity .4s;
}
.ops-tile:hover{
  border-color:rgba(243,196,138,.32);
  box-shadow:0 24px 50px rgba(0,0,0,.32);
}
.ops-tile:hover::after{opacity:1}
.ops-tile.wide{grid-column:span 8}
.ops-tile .n{
  width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
  background:rgba(224,138,69,.16);color:var(--ops-gold);font-weight:900;margin-bottom:16px;
  box-shadow:0 0 18px rgba(224,138,69,.15);
}
.ops-tile h3{color:#fff;margin-bottom:8px}
.ops-tile p{color:var(--ops-muted);margin:0}
.ops-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px;position:relative}
.ops-steps::before{
  content:"";position:absolute;top:28px;right:8%;left:8%;height:2px;
  background:linear-gradient(90deg, transparent, rgba(243,196,138,.55), rgba(94,234,212,.4), transparent);
  background-size:200% 100%;
  animation:railDash 4s linear infinite;
}
.ops-step{
  padding:24px;border-radius:22px;border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  position:relative;z-index:1;
  transition:transform .35s var(--ops-ease);
}
.ops-step:hover{border-color:rgba(243,196,138,.28)}
.ops-step em{display:block;color:var(--ops-gold);font-style:normal;font-weight:800;margin-bottom:8px}
.ops-step h3{color:#fff}
.ops-cta-band{
  margin:0 var(--ops-pad) 56px;
  padding:36px 32px;
  border-radius:28px;
  border:1px solid rgba(243,196,138,.22);
  background:
    radial-gradient(600px 180px at 90% 0%, rgba(224,138,69,.28), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  position:relative;z-index:3;overflow:hidden;
}
.ops-cta-band h2{margin:0 0 6px}
.ops-cta-band p{margin:0;color:var(--ops-muted)}
.ops-foot{
  padding:28px var(--ops-pad) 48px;border-top:1px solid rgba(255,255,255,.06);
  display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
  color:var(--ops-muted);font-size:13px;position:relative;z-index:3;
}
.ops-foot a,.ops-tile a{color:var(--ops-gold);font-weight:800;text-decoration:none}

/* ——— مودال ——— */
body.home-ops .modal-backdrop{
  background:rgba(4,3,8,.78);backdrop-filter:blur(16px) saturate(1.2);
  animation:fadeIn .35s var(--ops-ease);
}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
body.home-ops .agency-login-modal{
  background:linear-gradient(180deg, #16131c, #100e14);
  border:1px solid rgba(255,255,255,.12);color:var(--ops-ink);
  box-shadow:0 40px 90px rgba(0,0,0,.55), 0 0 80px rgba(224,138,69,.12);
  border-radius:24px;
  animation:modalIn .55s var(--ops-ease);
}
@keyframes modalIn{
  from{opacity:0;transform:translateY(18px) scale(.96)}
  to{opacity:1;transform:none}
}
body.home-ops .agency-login-modal::before{background:linear-gradient(90deg,#e08a45,#f3c48a,#5eead4)}
body.home-ops .agency-login-modal h2{color:#fff}
body.home-ops .field-label{color:#cbbba6}
body.home-ops input{
  background:#0c0a10;border-color:rgba(255,255,255,.12);color:#fff;
}
body.home-ops .modal-close{color:#cbbba6}
body.home-ops .alert.ok{background:rgba(52,211,153,.12);color:#bbf7d0;border-color:rgba(52,211,153,.3)}

@media (max-width:980px){
  html.home-html,body.home-ops,body.home-ops .page{
    overflow-x:hidden !important;
    width:100%;
    max-width:100%;
  }
  .ops-fx,.ops-orb,.ops-spark,.ops-vanish,.ops-train-light,
  .ops-scrollcue,.ops-grain,.ops-scan,.ops-vignette{display:none !important}
  .ops-nav{
    position:relative;
    padding:12px 16px;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  .ops-nav::after{display:none}
  .ops-hero,.ops-stats,.ops-steps,.ops-bento{grid-template-columns:1fr}
  .ops-tile,.ops-tile.wide{grid-column:span 12}
  .ops-hero{
    min-height:0;
    padding:20px 16px 24px;
    gap:20px;
    overflow:hidden;
  }
  .ops-hero h1{font-size:1.7rem;line-height:1.25;margin:12px 0 10px}
  .ops-hero p.lead{font-size:.95rem}
  .ops-kicker{letter-spacing:.06em;font-size:11px}
  .ops-cta{flex-direction:column;align-items:stretch}
  .ops-cta .btn{width:100%}
  .ops-stage,.ops-stage-card{min-height:0;overflow:hidden}
  .ops-stage::before,.ops-stage::after,.ops-stage-glow,.ops-stage-card::before{display:none}
  .ops-meter{grid-template-columns:1fr;gap:8px}
  .ops-meter-lbl{white-space:normal}
  .ops-chrome{flex-wrap:wrap;gap:6px}
  .ops-row{flex-wrap:wrap;gap:8px}
  .ops-marquee-wrap{display:none}
  .ops-stats,.ops-section,.ops-cta-band,.ops-foot{
    padding-right:16px;padding-left:16px;
  }
  .ops-cta-band{margin:0 16px 36px;padding:20px 16px}
  .ops-stat strong{font-size:1.2rem;word-break:break-word}
  .ops-tile{min-height:0;padding:18px;backdrop-filter:none}
  .ops-stat{backdrop-filter:none;padding:16px}
  .ops-steps::before{display:none}
  .ops-hero h1,.ops-hero p.lead,.ops-cta,.ops-kicker,
  .ops-mark,.ops-mini,.ops-loco,.ops-bar i,.ops-meter-bars i{
    animation:none !important;
  }
}
@media (prefers-reduced-motion:reduce){
  .ops-fx,.ops-grain,.ops-scan,.ops-train-light,.ops-orb,.ops-spark,.ops-scrollcue{display:none !important}
  *,*::before,*::after{animation:none !important;transition:none !important}
  .ops-hero h1 span{color:#f3c48a;background:none;-webkit-background-clip:unset;background-clip:unset}
  .ops-stage-card{transform:none}
}