:root{color-scheme:dark;--sn-red:#e50914;--sn-red-2:#ff3943;--sn-bg:#050607;--sn-line:rgba(255,255,255,.1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-snap-type:none;background:var(--sn-bg)}
body{margin:0;background:radial-gradient(circle at 85% 0,rgba(229,9,20,.13),transparent 30%),#050607;color:#fff;font-family:Vazirmatn,Tahoma,sans-serif;direction:rtl}
.overview-header{position:fixed;z-index:30;top:18px;right:18px;left:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px 10px 18px;border:1px solid var(--sn-line);border-radius:18px;background:rgba(7,8,10,.96);box-shadow:0 16px 46px rgba(0,0,0,.38)}
.overview-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.overview-brand img{width:52px;height:34px;object-fit:contain}.overview-brand span{display:grid;gap:1px}.overview-brand b{font-size:13px}.overview-brand small{font:700 8px Arial;letter-spacing:1.6px;color:rgba(255,255,255,.45)}
.overview-back{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 15px;border:1px solid rgba(229,9,20,.5);border-radius:12px;background:rgba(229,9,20,.11);color:#fff;text-decoration:none;font-size:12px;font-weight:800;transition:.2s}.overview-back:hover{background:var(--sn-red);border-color:var(--sn-red)}
.overview-main{padding:108px 18px 72px}.overview-intro{max-width:1280px;margin:0 auto 28px;display:flex;align-items:end;justify-content:space-between;gap:20px}.overview-intro small{display:block;color:var(--sn-red-2);font:800 10px Arial;letter-spacing:3px;margin-bottom:8px}.overview-intro h1{font-size:clamp(28px,4vw,56px);margin:0}.overview-intro p{margin:0;color:rgba(255,255,255,.52);font-size:12px}
.overview-slides{display:grid;gap:clamp(28px,6vw,90px);max-width:1320px;margin:auto}.overview-slide{position:relative;scroll-snap-align:center;margin:0;border:1px solid rgba(255,255,255,.11);border-radius:clamp(13px,2vw,25px);overflow:hidden;background:#09090a;box-shadow:0 35px 90px rgba(0,0,0,.52),0 0 0 1px rgba(229,9,20,.04);isolation:isolate}.overview-slide::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 55px rgba(229,9,20,.04)}.overview-slide img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#080808}.overview-slide figcaption{position:absolute;z-index:2;left:14px;bottom:12px;min-width:42px;padding:7px 10px;border:1px solid rgba(229,9,20,.45);border-radius:10px;background:rgba(5,5,6,.94);color:#fff;font:800 10px Arial;text-align:center}
.overview-footer{max-width:1320px;margin:70px auto 0;padding-top:28px;border-top:1px solid var(--sn-line);display:flex;align-items:center;justify-content:space-between;gap:20px}.overview-footer p{margin:0;color:rgba(255,255,255,.62)}.overview-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 22px;border-radius:13px;background:linear-gradient(135deg,var(--sn-red-2),#b40810);color:#fff;text-decoration:none;font-weight:900;box-shadow:0 12px 34px rgba(229,9,20,.22)}
@media(max-width:700px){html{scroll-snap-type:none}.overview-header{top:8px;right:8px;left:8px;border-radius:15px}.overview-brand small{display:none}.overview-main{padding:88px 8px 40px}.overview-intro{padding:0 8px;margin-bottom:18px;display:block}.overview-intro p{margin-top:8px}.overview-slides{gap:18px}.overview-slide{border-radius:12px}.overview-slide figcaption{left:7px;bottom:7px}.overview-footer{margin:34px 8px 0;display:grid;text-align:center}.overview-cta{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* V251 — reuse the site's agreed jump button; no magnetic scrolling */
html{scroll-snap-type:none!important;scroll-padding-top:0!important}
.overview-main{padding-bottom:72px}
.overview-slides{gap:0}
.overview-slide{
  min-height:calc(100svh - 112px);
  margin:0;
  display:grid;
  place-items:center;
  scroll-snap-align:none!important;
  scroll-margin:0!important;
  border:0;
  border-radius:0;
  overflow:visible;
  background:transparent;
  box-shadow:none;
}
.overview-slide::after{display:none}
.overview-card{
  position:relative;
  width:min(1320px,calc((100svh - 150px) * 1.7777778));
  max-width:100%;
  border:1px solid rgba(255,255,255,.11);
  border-radius:clamp(13px,2vw,25px);
  overflow:hidden;
  background:#09090a;
  box-shadow:0 35px 90px rgba(0,0,0,.52),0 0 0 1px rgba(229,9,20,.04);
  isolation:isolate;
}
.overview-card::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 55px rgba(229,9,20,.04)}
.overview-slide img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.overview-slide figcaption{left:14px;bottom:12px}
.overview-footer{scroll-margin:0!important}
.back-to-top{position:fixed;z-index:90;right:22px;bottom:22px;width:44px;height:44px;border:1px solid rgba(255,255,255,.13);border-radius:50%;color:#fff;background:rgba(12,14,17,.96);box-shadow:0 12px 30px rgba(0,0,0,.3);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s ease}
.back-to-top::after{content:"";position:absolute;inset:5px;border:1px solid rgba(240,43,53,.32);border-radius:50%}
.back-to-top span{position:relative;z-index:1;font-size:17px}
.back-to-top.visible{opacity:1;visibility:visible;transform:none}
.back-to-top:hover{border-color:#f02b35;transform:translateY(-3px)}
.back-to-top.points-down:hover{transform:translateY(3px)}
@media(max-width:700px){
  .overview-main{padding-bottom:72px}
  .overview-slide{min-height:calc(100svh - 92px)}
  .overview-card{width:100%;max-width:100%}
  .overview-slide figcaption{left:7px;bottom:7px}
  .back-to-top{right:14px;bottom:max(14px,env(safe-area-inset-bottom));width:42px;height:42px}
}

/* V251 — desktop one-wheel/one-slide flow and compact mobile stack */
@media(min-width:701px){
  .overview-main{padding:0 18px 72px}
  .overview-intro{display:none}
  .overview-slide{
    width:100%;
    height:100svh;
    min-height:100svh;
    padding:112px 0 22px;
  }
  .overview-card{
    width:min(1320px,calc((100svh - 134px) * 1.7777778));
    max-height:calc(100svh - 134px);
  }
  .overview-footer{margin-top:0}
}
@media(max-width:700px){
  .overview-main{padding:88px 8px 40px}
  .overview-intro{margin-bottom:14px}
  .overview-slides{gap:14px}
  .overview-slide{
    min-height:0;
    height:auto;
    display:block;
    padding:0;
  }
  .overview-card{width:100%}
  .overview-footer{margin-top:30px}
}


/* V256 — Overview scroll paint budget: desktop slides already have exact viewport height. */
@media(min-width:701px){
  @supports(content-visibility:auto){
    .overview-slide{content-visibility:auto;contain-intrinsic-size:auto 100svh}
  }
}