/* =====================================================================
   نگاه نو — لایه‌ی پولیش (صفحه اول + پنل‌ها)
   فقط افزودنی است؛ حذف این فایل و دو خط link = بازگشت کامل به ظاهر قبلی.
   ===================================================================== */
:root{--pl-ease:cubic-bezier(.2,.7,.2,1);--pl-spring:cubic-bezier(.34,1.4,.5,1);--pl-a:#60a5fa;--pl-b:#22d3ee;--pl-c:#818cf8}

/* ---------- کارت‌های دارای نورِ دنبال‌کننده‌ی ماوس (public + panel) ---------- */
.pl-spot{position:relative;isolation:isolate}
.pl-spot::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;opacity:0;transition:opacity .35s var(--pl-ease);
  background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(96,165,250,.16),transparent 65%)}
.pl-spot:hover::after{opacity:1}
.pl-spot>*{position:relative;z-index:1}

/* =====================================================================
   صفحه اول
   ===================================================================== */
body.pub .hero{overflow:hidden}
body.pub .hero::before,body.pub .hero::after{content:"";position:absolute;z-index:0;border-radius:50%;pointer-events:none;opacity:.6;will-change:transform}
body.pub .hero::before{width:560px;height:560px;top:-120px;inset-inline-end:-80px;background:radial-gradient(circle,rgba(59,130,246,.55),transparent 70%);animation:plDrift 16s ease-in-out infinite alternate}
body.pub .hero::after{width:480px;height:480px;bottom:-140px;inset-inline-start:-90px;background:radial-gradient(circle,rgba(34,211,238,.38),transparent 70%);animation:plDrift 20s ease-in-out infinite alternate-reverse}
body.pub .hero>.container{position:relative;z-index:1}
@keyframes plDrift{to{transform:translate3d(40px,30px,0) scale(1.15)}}
html.theme-light body.pub .hero::before,html.theme-light body.pub .hero::after{opacity:.28}

/* تیتر: کلمه‌های آخر با گرادیان زنده */
body.pub .hero h1{letter-spacing:-.2px}
body.pub .hero h1 .pl-grad{background:linear-gradient(110deg,var(--pl-a),var(--pl-b),var(--pl-c),var(--pl-a));background-size:260% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:plShine 7s linear infinite}
@keyframes plShine{to{background-position:-260% 0}}

/* کیکر */
body.pub .kicker{box-shadow:0 10px 30px -14px rgba(59,130,246,.7)}

/* آمارهای هیرو → کارت‌های شیشه‌ای */
body.pub .hero-stats{gap:12px;flex-wrap:wrap}
body.pub .hero-stats>div{padding:14px 20px;margin:0;border:1px solid rgba(var(--fx),.1);border-radius:18px;min-width:108px;
  background:linear-gradient(160deg,rgba(var(--fx),.08),rgba(var(--fx),.03));
  transition:transform .3s var(--pl-spring),border-color .3s,box-shadow .3s}
body.pub .hero-stats>div:last-child{padding:14px 20px;border:1px solid rgba(var(--fx),.1)}
body.pub .hero-stats>div:hover{transform:translateY(-4px);border-color:rgba(96,165,250,.5);box-shadow:0 18px 40px -22px rgba(59,130,246,.8)}
body.pub .hero-stats b{background:linear-gradient(180deg,var(--ink),var(--brand-ink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* دکمه‌ها: برق عبوری */
body.pub .btn{position:relative;overflow:hidden}
body.pub .btn:not(.btn-outline):not(.btn-white)::before{content:"";position:absolute;inset:0;transform:translateX(120%) skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:transform .7s var(--pl-ease)}
body.pub .btn:not(.btn-outline):not(.btn-white):hover::before{transform:translateX(-120%) skewX(-18deg)}
body.pub .btn-lg:not(.btn-outline):not(.btn-white){box-shadow:0 14px 34px -14px rgba(37,99,235,.9)}

/* موکاپ پیشخوان و چیپ‌های شناور */
body.pub .hero-visual .mock{box-shadow:0 50px 90px -40px rgba(37,99,235,.65),0 0 0 1px rgba(var(--fx),.08)}
body.pub .hero-visual.pl-tilt .mock{transition:transform .25s ease-out;will-change:transform}
body.pub .float-chip{box-shadow:0 18px 40px -18px rgba(0,0,0,.7)}
body.pub .float-chip.c1{animation:plBob 5.5s ease-in-out infinite}
body.pub .float-chip.c2{animation:plBob 6.5s ease-in-out -2s infinite}
@keyframes plBob{50%{transform:translateY(-9px)}}
body.pub .mock-bars u{transform-origin:bottom;animation:plGrow 1.1s var(--pl-ease) both}
body.pub .mock-bars u:nth-child(2){animation-delay:.08s}body.pub .mock-bars u:nth-child(3){animation-delay:.16s}
body.pub .mock-bars u:nth-child(4){animation-delay:.24s}body.pub .mock-bars u:nth-child(5){animation-delay:.32s}
body.pub .mock-bars u:nth-child(6){animation-delay:.4s}body.pub .mock-bars u:nth-child(7){animation-delay:.48s}
@keyframes plGrow{from{transform:scaleY(.05);opacity:0}}

/* عنوان بخش‌ها */
body.pub .eyebrow{display:inline-flex;align-items:center;gap:8px}
body.pub .eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--pl-b),var(--pl-a))}
body.pub .section-head h2,body.pub .what-copy h2{letter-spacing:-.2px}

/* نوار اعتماد */
body.pub .trust-item{transition:transform .3s var(--pl-spring),border-color .3s,box-shadow .3s}
body.pub .trust-item:hover{transform:translateY(-4px);box-shadow:0 20px 40px -24px rgba(59,130,246,.7)}
body.pub .trust-item .ti{transition:transform .4s var(--pl-spring)}
body.pub .trust-item:hover .ti{transform:rotate(-8deg) scale(1.12)}

/* کارت‌های محتوا */
body.pub .tile,body.pub .feat,body.pub .road li,body.pub .counselor-card,body.pub .person,body.pub .why-card{
  transition:transform .35s var(--pl-spring),border-color .3s,box-shadow .35s,background .3s}
body.pub .tile:hover,body.pub .feat:hover,body.pub .road li:hover,body.pub .why-card:hover{transform:translateY(-6px);box-shadow:0 28px 50px -30px rgba(37,99,235,.75)}
body.pub .counselor-card:hover,body.pub .person:hover{transform:translateY(-8px);box-shadow:0 34px 60px -32px rgba(37,99,235,.8)}
body.pub .counselor-card .photo img,body.pub .person-photo img{transition:transform .7s var(--pl-ease)}
body.pub .counselor-card:hover .photo img,body.pub .person:hover .person-photo img{transform:scale(1.07)}
body.pub .counselor-card .photo::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(to top,rgba(var(--sf),.55),transparent);pointer-events:none}
body.pub .tile .ico,body.pub .feat .ico{transition:transform .45s var(--pl-spring)}
body.pub .tile:hover .ico,body.pub .feat:hover .ico{transform:rotate(-8deg) scale(1.12)}
body.pub .road .n{box-shadow:0 10px 24px -8px rgba(59,130,246,.9);transition:transform .4s var(--pl-spring)}
body.pub .road li:hover .n{transform:scale(1.15) rotate(-6deg)}

/* اسلایدر رتبه‌ها */
body.pub .rank-slide{transition:transform .35s var(--pl-spring),box-shadow .35s,border-color .3s}
body.pub .rank-slide:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 26px 50px -26px rgba(250,204,21,.45)}
body.pub .rank-slider{-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}

/* سوالات متداول */
body.pub .faq details{transition:background .3s,border-color .3s}
body.pub .faq details[open]{border-color:rgba(96,165,250,.45);background:rgba(var(--fx),.04)}
body.pub .faq summary{cursor:pointer;transition:color .2s}
body.pub .faq summary:hover{color:var(--brand-ink)}

/* بند پایانی CTA */
body.pub .cta-band{background-size:200% 200%;animation:plGradMove 14s ease-in-out infinite alternate;box-shadow:0 40px 80px -40px rgba(37,99,235,.8)}
@keyframes plGradMove{to{background-position:100% 100%}}

/* موبایل */
@media(max-width:640px){
  body.pub .hero-stats>div{min-width:0;flex:1 1 30%;padding:12px 10px}
  body.pub .hero::before,body.pub .hero::after{opacity:.4;animation:none}
}

/* =====================================================================
   پنل‌ها
   ===================================================================== */

/* نوار بالا */
body.pp .topbar{border-bottom:1px solid rgba(255,255,255,.07)}
body.pp .topbar-title{font-weight:900;letter-spacing:-.2px}

/* منوی کناری */
body.pp .nav-item{transition:background .25s,border-color .25s,transform .25s var(--pl-spring),color .2s}
body.pp .nav-item:hover{transform:translateX(-3px)}
body.pp .nav-item.active{box-shadow:0 14px 30px -14px rgba(37,99,235,.95),inset 0 1px 0 rgba(255,255,255,.2);position:relative}
body.pp .nav-item.active::before{content:"";position:absolute;inset-inline-end:-10px;top:22%;bottom:22%;width:4px;border-radius:4px;background:linear-gradient(180deg,var(--pl-b),var(--pl-a));box-shadow:0 0 14px rgba(96,165,250,.9)}
body.pp .nav-badge{animation:plPulse 2.4s ease-in-out infinite}
@keyframes plPulse{50%{box-shadow:0 0 0 5px rgba(251,113,133,.18)}}

/* کارت‌ها و کاشی‌ها */
body.pp .card:hover{border-color:rgba(96,165,250,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 30px 56px -34px rgba(37,99,235,.55)}
body.pp .qa{transition:transform .3s var(--pl-spring),border-color .3s,background .3s,box-shadow .3s}
body.pp .qa:hover{transform:translateY(-4px);box-shadow:0 22px 40px -24px rgba(37,99,235,.7)}
body.pp .qa .qa-go{transition:transform .3s var(--pl-spring)}
body.pp .qa:hover .qa-go{transform:translateX(-5px)}
body.pp .tile{transition:transform .4s var(--pl-spring)}
body.pp .card:hover>.row>.tile,body.pp .card:hover>.tile{transform:rotate(-7deg) scale(1.08)}
body.pp .sec-title{position:relative;padding-inline-start:14px}
body.pp .sec-title::before{content:"";position:absolute;inset-inline-start:0;top:18%;bottom:18%;width:4px;border-radius:4px;background:linear-gradient(180deg,var(--pl-b),var(--pl-a))}

/* پیشرفت و حلقه */
body.pp .progress-line i,body.pp .bar i{transition:width 1s var(--pl-ease)}
body.pp .ring-fg{transition:stroke-dashoffset 1.2s var(--pl-ease)}

/* جدول‌ها */
body.pp .table-wrap{box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
body.pp .table tbody tr{transition:background .2s}
body.pp .table tbody tr:hover{background:rgba(96,165,250,.07)}

/* دکمه‌ها و ورودی‌ها */
body.pp .btn{transition:transform .2s var(--pl-spring),box-shadow .25s,background .25s,border-color .25s}
body.pp .btn:hover{transform:translateY(-2px)}
body.pp input:not([type=checkbox]):not([type=radio]):focus,body.pp select:focus,body.pp textarea:focus{
  outline:none;border-color:rgba(96,165,250,.7)!important;box-shadow:0 0 0 4px rgba(96,165,250,.16)}

/* اسکرول‌بار ظریف */
body.pp ::-webkit-scrollbar{width:10px;height:10px}
body.pp ::-webkit-scrollbar-thumb{background:rgba(148,163,184,.28);border-radius:10px;border:2px solid transparent;background-clip:content-box}
body.pp ::-webkit-scrollbar-thumb:hover{background:rgba(96,165,250,.55);background-clip:content-box;border:2px solid transparent}
body.pp ::-webkit-scrollbar-track{background:transparent}

/* حالت روشن پنل */
html.theme-light body.pp .topbar{border-bottom-color:rgba(15,23,42,.08)}
html.theme-light body.pp .card:hover{box-shadow:0 26px 48px -30px rgba(37,99,235,.35)}
html.theme-light body.pp .table tbody tr:hover{background:rgba(37,99,235,.06)}
html.theme-light .pl-spot::after{background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(37,99,235,.10),transparent 65%)}

/* احترام به کاهش حرکت */
@media(prefers-reduced-motion:reduce){
  body.pub .hero::before,body.pub .hero::after,body.pub .float-chip,body.pub .cta-band,body.pub .hero h1 .pl-grad,body.pub .mock-bars u,body.pp .nav-badge,.pl-sticky-cta{animation:none!important}
  body.pub *,body.pp *{transition-duration:.01ms!important}
}


/* =====================================================================
   سرعت: رندر تنبل بخش‌های پایین صفحه + توقف انیمیشن‌های خارج از دید
   (#rankers عمداً مستثنی است چون اسلایدرش عرض واقعی را اندازه می‌گیرد)
   ===================================================================== */
body.pub #how,body.pub #features,body.pub #managers,body.pub #counselors,body.pub #why,body.pub #faq,body.pub .brand-logo-section{
  content-visibility:auto;contain-intrinsic-size:auto 640px}
.pl-off,.pl-off *,.pl-off::before,.pl-off::after{animation-play-state:paused!important}
html.pl-hidden *,html.pl-hidden *::before,html.pl-hidden *::after{animation-play-state:paused!important}

/* =====================================================================
   مرتب‌سازی صفحه اول (جایگزین style های درون‌خطی)
   ===================================================================== */
body.pub .section{padding-block:clamp(48px,7vw,88px)}
body.pub .pl-flush{padding:0 0 10px}
body.pub .section-head{margin-bottom:clamp(22px,3vw,36px)}
body.pub .section-head p{max-width:620px;margin-inline:auto;color:var(--muted)}
body.pub .section-head.left p{margin-inline:0}
body.pub .section.alt{position:relative}
body.pub .section.alt::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--fx),.14),transparent)}
body.pub .pl-rank-actions{display:flex;gap:8px;flex-wrap:wrap}
body.pub .pl-why-grid{margin-top:26px}
body.pub .why-card h3.pl-why-title{margin:0;color:var(--ink)}
body.pub .pl-faq-more{margin-top:14px}
body.pub .pl-btn-top{margin-top:10px}
body.pub .pl-bio{font-size:.86rem;margin-top:6px}
body.pub .pl-center{text-align:center;margin-bottom:8px}
body.pub .pl-center h2{margin-bottom:6px}
body.pub .pl-center p{max-width:480px;margin:0 auto}

/* دکمه‌ی چسبان ثبت‌نام (فقط موبایل، بعد از عبور از هیرو، فقط برای مهمان) */
.pl-sticky-cta{display:none}
@media(max-width:760px){
  .pl-sticky-cta{display:flex;position:fixed;z-index:95;inset-inline:14px;bottom:14px;justify-content:center;padding:14px 20px;border-radius:999px;
    background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-weight:800;font-size:15px;
    box-shadow:0 18px 40px -12px rgba(37,99,235,.9);transform:translateY(140%);transition:transform .4s var(--pl-spring)}
  .pl-sticky-cta.show{transform:none}
  body.pub .to-top{bottom:80px}
}

/* =====================================================================
   پنل: جستجوی سریع (Ctrl+K)
   ===================================================================== */
.pl-kbtn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px;border-radius:12px;border:1px solid rgba(148,163,184,.25);
  background:rgba(148,163,184,.08);color:var(--muted);font:inherit;font-size:12.5px;cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.pl-kbtn:hover{border-color:rgba(96,165,250,.6);color:var(--text,#e2e8f0);background:rgba(96,165,250,.1)}
.pl-kbtn kbd{font:inherit;font-size:11px;padding:1px 6px;border-radius:6px;border:1px solid rgba(148,163,184,.3)}
@media(max-width:760px){.pl-kbtn kbd,.pl-kbtn span{display:none}}
.pl-pal{position:fixed;inset:0;z-index:400;display:none;align-items:flex-start;justify-content:center;padding:12vh 16px 0;background:rgba(3,7,18,.6)}
.pl-pal.open{display:flex}
.pl-pal-box{width:min(560px,100%);border-radius:20px;overflow:hidden;background:var(--panel,#121a2b);border:1px solid rgba(148,163,184,.22);box-shadow:0 40px 90px -30px rgba(0,0,0,.9);animation:plPop .22s var(--pl-spring)}
@keyframes plPop{from{opacity:0;transform:translateY(-10px) scale(.97)}}
.pl-pal-box input{width:100%;border:0;border-bottom:1px solid rgba(148,163,184,.18);background:transparent;color:var(--text,#e2e8f0);font:inherit;font-size:15px;padding:16px 18px;outline:none!important;box-shadow:none!important}
.pl-pal-list{max-height:min(52vh,420px);overflow:auto;padding:8px;margin:0;list-style:none}
.pl-pal-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border-radius:12px;color:var(--text,#e2e8f0);text-decoration:none;font-size:14px}
.pl-pal-list a small{color:var(--muted);font-size:11.5px}
.pl-pal-list a.on,.pl-pal-list a:hover{background:rgba(59,130,246,.2)}
.pl-pal-empty{padding:18px;text-align:center;color:var(--muted);font-size:13px}
html.theme-light .pl-pal{background:rgba(15,23,42,.35)}
html.theme-light .pl-pal-box{background:#fff;border-color:rgba(15,23,42,.12)}
html.theme-light .pl-pal-box input,html.theme-light .pl-pal-list a{color:#1e293b}