/* ═══════════════════════════════════════════════════════
   line-noori.css — سکشن لاین نوری هوران
═══════════════════════════════════════════════════════ */
.ln{position:relative;overflow:hidden;padding:clamp(64px,9vw,120px) clamp(20px,5vw,64px);background:#0c0a08;font-family:'IRANSans','Vazirmatn',Tahoma,sans-serif;direction:rtl}
.ln-grain{position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(circle at 30% 20%,rgba(231,181,114,.05),transparent 45%),radial-gradient(circle at 75% 80%,rgba(231,181,114,.04),transparent 50%)}

.ln-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}

/* ── ستون عکس ── */
.ln-stage{position:relative}
.ln-frame{position:relative;width:100%;aspect-ratio:4/3;border-radius:24px;overflow:hidden;border:1px solid rgba(231,181,114,.18);box-shadow:0 40px 80px -32px rgba(0,0,0,.85),inset 0 1px 0 rgba(246,210,154,.06);background:#070504}
.ln-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ln-img--off{z-index:1}
/* عکس روشن: ابتدا نامرئی، با transition خیلی نرم روشن می‌شود */
.ln-img--on{z-index:2;opacity:0;transition:opacity 1.6s cubic-bezier(.4,0,.2,1)}
.ln-frame.is-on .ln-img--on{opacity:1}

/* هاله نور هنگام روشن شدن */
.ln-glow{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(ellipse 70% 55% at 50% 45%,rgba(255,228,170,.28),transparent 65%);transition:opacity 1.6s cubic-bezier(.4,0,.2,1);mix-blend-mode:screen}
.ln-frame.is-on .ln-glow{opacity:1}

/* ── دکمه پاور ── */
.ln-power{position:absolute;z-index:5;bottom:18px;left:50%;transform:translateX(-50%);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:rgba(12,10,8,.55);border:1px solid rgba(231,181,114,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 24px -6px rgba(0,0,0,.7);transition:transform .35s cubic-bezier(.25,.46,.45,.94),border-color .4s,background .4s,box-shadow .4s}
.ln-power:hover{transform:translateX(-50%) scale(1.08)}
.ln-power:active{transform:translateX(-50%) scale(.94)}
.ln-power-ic{width:26px;height:26px;stroke:#9c8b76;transition:stroke .5s,filter .5s}
/* حالت روشن: دکمه طلایی و درخشان */
.ln-power[aria-checked="true"]{background:rgba(231,181,114,.16);border-color:rgba(246,210,154,.7);box-shadow:0 0 28px -2px rgba(246,210,154,.7),0 8px 24px -6px rgba(0,0,0,.6)}
.ln-power[aria-checked="true"] .ln-power-ic{stroke:#f6d29a;filter:drop-shadow(0 0 6px rgba(246,210,154,.9))}

.ln-power-hint{display:block;text-align:center;margin-top:14px;font-size:13px;color:#c9a96e;font-weight:400;transition:opacity .4s}
.ln-power-hint.is-hidden{opacity:0}

/* ── ستون متن ── */
.ln-eyebrow{display:inline-block;font-size:13px;letter-spacing:2px;color:#c9a96e;margin-bottom:18px}
.ln-title{font-size:clamp(1.7rem,3.6vw,2.7rem);font-weight:700;line-height:1.4;color:#f4ead9;margin:0 0 20px}
.ln-title em{font-style:normal;color:#e7b572}
.ln-desc{font-size:1rem;font-weight:300;line-height:2;color:#9c8b76;margin:0 0 28px}

.ln-feats{list-style:none;margin:0 0 32px;padding:0;display:flex;flex-direction:column;gap:14px}
.ln-feat{display:flex;align-items:center;gap:12px;font-size:.95rem;color:#d8cab2;font-weight:400}
.ln-feat-ic{flex-shrink:0;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(231,181,114,.16),rgba(231,181,114,.04));border:1px solid rgba(231,181,114,.25)}
.ln-feat-ic svg{width:20px;height:20px;stroke:#f6d29a}

.ln-cta{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:14px;background:linear-gradient(135deg,#e7b572,#c8973f);color:#1a1206;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s;box-shadow:0 10px 30px -10px rgba(231,181,114,.5)}
.ln-cta:hover{transform:translateY(-3px);box-shadow:0 16px 40px -12px rgba(231,181,114,.65)}
.ln-cta svg{transition:transform .3s}
.ln-cta:hover svg{transform:translateX(-4px)}

/* ── انیمیشن ورود ── */
.ln-reveal{opacity:0;transform:translateY(36px);transition:opacity .9s cubic-bezier(.25,.46,.45,.94),transform .9s cubic-bezier(.25,.46,.45,.94)}
.ln-reveal.is-visible{opacity:1;transform:translateY(0)}
.ln-text.ln-reveal{transition-delay:.15s}

@media(max-width:880px){
  .ln-inner{grid-template-columns:1fr;gap:40px}
}

/* ═══════════════════════════════════════════════════════
   ذرات معلق چشمک‌زن
═══════════════════════════════════════════════════════ */
.ln-particles{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.ln-dot{position:absolute;border-radius:50%;background:rgba(231,181,114,.85);will-change:transform,opacity}

/* هر ذره: موقعیت، اندازه، و دو انیمیشن (شناوری + چشمک) با زمان‌بندی متفاوت */
.ln-dot--1 { left:6%;  top:82%; width:3px;height:3px; box-shadow:0 0 6px rgba(231,181,114,.8);  animation:ln-float 14s ease-in-out -1s infinite, ln-twinkle 3.2s ease-in-out 0s   infinite }
.ln-dot--2 { left:14%; top:90%; width:2px;height:2px; box-shadow:0 0 5px rgba(231,181,114,.7);  animation:ln-float 17s ease-in-out -3s infinite, ln-twinkle 2.6s ease-in-out .6s  infinite }
.ln-dot--3 { left:22%; top:75%; width:4px;height:4px; box-shadow:0 0 8px rgba(231,181,114,.9);  animation:ln-float 19s ease-in-out -6s infinite, ln-twinkle 3.8s ease-in-out 1.1s infinite }
.ln-dot--4 { left:31%; top:88%; width:2px;height:2px; box-shadow:0 0 5px rgba(231,181,114,.7);  animation:ln-float 15s ease-in-out -2s infinite, ln-twinkle 2.9s ease-in-out .3s  infinite }
.ln-dot--5 { left:40%; top:80%; width:3px;height:3px; box-shadow:0 0 7px rgba(231,181,114,.8);  animation:ln-float 21s ease-in-out -8s infinite, ln-twinkle 3.4s ease-in-out 1.8s infinite }
.ln-dot--6 { left:49%; top:92%; width:2px;height:2px; box-shadow:0 0 5px rgba(231,181,114,.6);  animation:ln-float 16s ease-in-out -4s infinite, ln-twinkle 2.4s ease-in-out .9s  infinite }
.ln-dot--7 { left:58%; top:78%; width:4px;height:4px; box-shadow:0 0 8px rgba(231,181,114,.9);  animation:ln-float 18s ease-in-out -7s infinite, ln-twinkle 4.1s ease-in-out .2s  infinite }
.ln-dot--8 { left:66%; top:86%; width:2px;height:2px; box-shadow:0 0 5px rgba(231,181,114,.7);  animation:ln-float 20s ease-in-out -5s infinite, ln-twinkle 2.7s ease-in-out 1.4s infinite }
.ln-dot--9 { left:74%; top:83%; width:3px;height:3px; box-shadow:0 0 6px rgba(231,181,114,.8);  animation:ln-float 13s ease-in-out -9s infinite, ln-twinkle 3.1s ease-in-out .7s  infinite }
.ln-dot--10{ left:82%; top:90%; width:2px;height:2px; box-shadow:0 0 5px rgba(231,181,114,.6);  animation:ln-float 22s ease-in-out -2s infinite, ln-twinkle 2.5s ease-in-out 1.6s infinite }
.ln-dot--11{ left:90%; top:76%; width:3px;height:3px; box-shadow:0 0 7px rgba(231,181,114,.85); animation:ln-float 17s ease-in-out -6s infinite, ln-twinkle 3.6s ease-in-out .4s  infinite }
.ln-dot--12{ left:95%; top:88%; width:2px;height:2px; box-shadow:0 0 5px rgba(231,181,114,.7);  animation:ln-float 15s ease-in-out -3s infinite, ln-twinkle 2.8s ease-in-out 1.2s infinite }
.ln-dot--13{ left:10%; top:60%; width:2px;height:2px; box-shadow:0 0 5px rgba(231,181,114,.6);  animation:ln-float 24s ease-in-out -10s infinite, ln-twinkle 3.3s ease-in-out 2.1s infinite }
.ln-dot--14{ left:88%; top:58%; width:2px;height:2px; box-shadow:0 0 5px rgba(231,181,114,.6);  animation:ln-float 23s ease-in-out -7s infinite, ln-twinkle 3.0s ease-in-out .5s  infinite }

/* شناوری آرام به سمت بالا با کمی جابه‌جایی افقی */
@keyframes ln-float{
  0%   { transform:translate(0,0) }
  25%  { transform:translate(8px,-40px) }
  50%  { transform:translate(-6px,-80px) }
  75%  { transform:translate(5px,-120px) }
  100% { transform:translate(0,-160px) }
}
/* چشمک زدن */
@keyframes ln-twinkle{
  0%,100% { opacity:.2; }
  50%     { opacity:1; }
}

/* احترام به کاربری که انیمیشن نمی‌خواهد */
@media (prefers-reduced-motion: reduce){
  .ln-dot{animation:none !important;opacity:.5}
}