/* ================= بنیان ================= */
@font-face{font-family:pz-aviny;src:url("/skins/qniko/assets/fonts/aviny.ttf") format("truetype");font-display:swap}
.pz,.pz *,.pz *::before,.pz *::after{box-sizing:border-box}
.pz{
  --blue:#007cf5; --blue-d:#0063c9; --cyan:#00c3ff;
  --ink:#173a5e; --body:#4f5b6d; --line:#dcecff;
  --mint:#3bb174; --lemon:#f5b301; --coral:#ff533f; --lilac:#605ef5; --sky:#35a7e0;
  --grad:linear-gradient(120deg,#007cf5,#00c3ff);
  --soft:0 16px 40px -18px rgba(0,110,200,.28);
  --soft-lg:0 30px 70px -25px rgba(0,110,200,.4);
  --r:22px;
  position:relative; direction:rtl; color:var(--body); line-height:1.9;
  background:#fff; overflow:hidden;
  font-size:16px;
}
.pz h1,.pz h2,.pz h3,.pz p,.pz ul,.pz ol,.pz table{margin:0;padding:0}
.pz h1,.pz h2,.pz h3{font-family:pz-aviny,aviny,Tahoma,sans-serif;font-weight:700}
.pz ul{list-style:none}
.pz a{text-decoration:none}
.pz em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.pz-c--blue{color:var(--blue)}.pz-c--mint{color:var(--mint)}.pz-c--lemon{color:#c88f00}.pz-c--sky{color:var(--sky)}
.pz-sec{max-width:1180px;margin:0 auto;padding:clamp(56px,8vw,96px) 20px;position:relative}
.pz-sec--tint{max-width:none;background:linear-gradient(180deg,#f4faff 0%,#eef7ff 100%)}
.pz-sec--tint>.pz-head,.pz-sec--tint>.pz-steps,.pz-sec--tint>.pz-faq{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}

/* ================= سرتیتر بخش‌ها ================= */
.pz-head{text-align:center;max-width:760px;margin:0 auto clamp(34px,5vw,54px)}
.pz-h2{color:var(--ink);font-weight:800;font-size:clamp(24px,3.4vw,36px);line-height:1.5;margin-bottom:14px}
.pz-sub{font-size:clamp(15px,1.6vw,17px);color:var(--body)}
.pz-tag{display:inline-block;font-size:13.5px;font-weight:700;padding:6px 18px;border-radius:100px;margin-bottom:16px;border:1.5px solid}
.pz-tag--blue{color:var(--blue);background:#e9f4ff;border-color:#bfe0ff}
.pz-tag--mint{color:#2e8c5c;background:#e9f9f0;border-color:#bfebd3}
.pz-tag--lilac{color:var(--lilac);background:#efeeff;border-color:#d5d3ff}
.pz-tag--sky{color:var(--sky);background:#e7f6fd;border-color:#bfe6f8}

/* ================= دکمه‌ها ================= */
.pz-btn{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;font-weight:700;font-size:16px;padding:14px 32px;border-radius:14px;border:2px solid transparent;transition:transform .28s ease,box-shadow .28s ease,background .28s ease,color .28s ease}
.pz-btn>span{position:relative;z-index:2}
.pz-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.45) 50%,transparent 80%);transform:translateX(-120%);transition:transform .6s ease;z-index:1}
.pz-btn:hover::after{transform:translateX(120%)}
.pz-btn:hover{transform:translateY(-3px)}
.pz-btn:active{transform:translateY(-1px)}
.pz-btn--solid{background:var(--grad);color:#fff;box-shadow:var(--soft)}
.pz-btn--solid:hover{box-shadow:var(--soft-lg);color:#fff}
.pz-btn--ghost{background:#fff;color:var(--blue);border-color:#bfe0ff;box-shadow:0 8px 22px -12px rgba(0,110,200,.3)}
.pz-btn--ghost:hover{border-color:var(--blue);color:var(--blue-d);background:#f2f9ff}
.pz-btn--soft{background:#eaf5ff;color:var(--blue-d)}
.pz-btn--soft:hover{background:var(--blue);color:#fff}
.pz-btn--white{background:#fff;color:var(--blue-d);box-shadow:0 10px 30px -12px rgba(0,60,120,.35)}
.pz-btn--white:hover{color:var(--blue)}
.pz-btn--block{width:100%}
.pz-btn--lg{padding:16px 40px;font-size:17px}

/* ================= هیرو ================= */
.pz-hero{position:relative;background:radial-gradient(1200px 500px at 80% -10%,#e2f3ff 0%,transparent 60%),radial-gradient(900px 420px at 10% 10%,#eef6ff 0%,transparent 55%),linear-gradient(180deg,#fbfdff,#fff);padding:clamp(64px,10vw,110px) 20px clamp(56px,8vw,90px);text-align:center;overflow:hidden}
.pz-hero__inner{position:relative;max-width:900px;margin:0 auto}
.pz-kicker{display:inline-block;font-weight:700;font-size:14px;color:var(--blue-d);background:linear-gradient(120deg,#e9f4ff,#e0f7ff);border:1.5px solid #c4e6ff;padding:7px 22px;border-radius:100px;margin-bottom:22px;animation:pz-pop .7s cubic-bezier(.2,.9,.3,1.4) both}
.pz-hero__title{color:var(--ink);font-weight:900;font-size:clamp(26px,4.6vw,46px);line-height:1.65;margin-bottom:18px;animation:pz-rise .8s .1s cubic-bezier(.2,.8,.25,1) both}
.pz-hero__lead{font-size:clamp(15px,1.8vw,17.5px);max-width:740px;margin:0 auto 30px;animation:pz-rise .8s .25s cubic-bezier(.2,.8,.25,1) both}
.pz-hero__cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:clamp(38px,6vw,58px);animation:pz-rise .8s .4s cubic-bezier(.2,.8,.25,1) both}
.pz-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;animation:pz-rise .9s .55s cubic-bezier(.2,.8,.25,1) both}
.pz-stats li{background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:18px 10px 15px;box-shadow:0 10px 28px -18px rgba(0,110,200,.35);transition:transform .3s ease,box-shadow .3s ease}
.pz-stats li:hover{transform:translateY(-5px);box-shadow:var(--soft)}
.pz-stats b{display:block;font-size:clamp(20px,2.6vw,28px);font-weight:900;line-height:1.4}
.pz-stats span{font-size:13px;color:var(--body)}
@media(max-width:640px){.pz-stats{grid-template-columns:repeat(2,1fr)}}

/*.blob‌های شناور */
.pz-blob{position:absolute;border-radius:50%;filter:blur(2px);opacity:.5;pointer-events:none}
.pz-blob--a{width:220px;height:220px;top:-60px;left:-70px;background:radial-gradient(circle at 35% 35%,#9fdcff,#d8f1ff 70%)}
.pz-blob--b{width:160px;height:160px;bottom:40px;right:-40px;background:radial-gradient(circle at 40% 40%,#b5f5d6,#e4fbec 70%)}
.pz-blob--c{width:90px;height:90px;top:30%;right:8%;background:radial-gradient(circle at 40% 40%,#ffe9a8,#fff6d8 70%)}
.pz-blob--d{width:240px;height:240px;top:-80px;right:-60px;background:radial-gradient(circle at 40% 40%,#9fdcff,#d8f1ff 70%)}
.pz-blob--e{width:140px;height:140px;bottom:-30px;left:6%;background:radial-gradient(circle at 40% 40%,#c9c7ff,#ebeaff 70%)}

/* ================= پکیج‌ها ================= */
.pz-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
@media(max-width:980px){.pz-plans{grid-template-columns:1fr;max-width:460px;margin:0 auto}}
.pz-plan{position:relative;background:#fff;border:1.5px solid var(--line);border-radius:var(--r);padding:clamp(28px,3vw,36px) clamp(24px,2.6vw,30px);display:flex;flex-direction:column;gap:0;box-shadow:0 14px 36px -20px rgba(0,110,200,.25);transition:transform .35s cubic-bezier(.2,.8,.25,1),box-shadow .35s ease,border-color .35s ease}
.pz-plan:hover{transform:translateY(-8px);box-shadow:var(--soft-lg);border-color:#a8dcff}
.pz-plan--star{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box;box-shadow:var(--soft-lg)}
.pz-plan--star:hover{transform:translateY(-10px) scale(1.015)}
@media(min-width:981px){.pz-plan--star{transform:translateY(-14px)}.pz-plan--star:hover{transform:translateY(-22px) scale(1.015)}}
.pz-plan__ribbon{position:absolute;top:-16px;right:50%;transform:translateX(50%);background:var(--grad);color:#fff;font-size:13px;font-weight:800;padding:5px 20px;border-radius:100px;box-shadow:0 8px 20px -8px rgba(0,130,220,.55);white-space:nowrap}
.pz-plan__icon{width:62px;height:62px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;transition:transform .4s cubic-bezier(.2,.9,.3,1.5)}
.pz-plan:hover .pz-plan__icon{transform:rotate(-6deg) scale(1.08)}
.pz-plan__icon svg{width:30px;height:30px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke:#fff}
.pz-plan__icon--mint{background:linear-gradient(135deg,#4cc588,#2fa06a)}
.pz-plan__icon--blue{background:linear-gradient(135deg,#3aa5ff,#0072e0)}
.pz-plan__icon--lilac{background:linear-gradient(135deg,#8b89ff,#5a58e8)}
.pz-plan__name{color:var(--ink);font-size:21px;font-weight:800;margin-bottom:10px}
.pz-plan__desc{font-size:14.5px;color:var(--body);margin-bottom:18px;min-height:76px}
.pz-plan__price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;background:linear-gradient(120deg,#f2f9ff,#e9f7ff);border:1.5px dashed #b6dcff;border-radius:14px;padding:12px 16px;margin-bottom:20px}
.pz-plan__price span{font-size:13px;color:var(--body)}
.pz-plan__price strong{font-size:19px;font-weight:900;color:var(--blue-d)}
.pz-plan--star .pz-plan__price{background:linear-gradient(120deg,#eaf6ff,#dff2ff);border-style:solid;border-color:#9ed3ff}
.pz-plan__list{flex:1;margin-bottom:22px;display:flex;flex-direction:column;gap:10px}
.pz-plan__list li{position:relative;font-size:14.5px;padding-right:28px}
.pz-plan__list li::before{content:"✓";position:absolute;right:0;top:1px;width:19px;height:19px;border-radius:50%;background:#e9f9f0;color:#2e8c5c;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center}
.pz-plan--star .pz-plan__list li::before{background:#e2f2ff;color:var(--blue-d)}

/* ================= جدول مقایسه ================= */
.pz-cmpwrap{margin-top:clamp(36px,5vw,56px);overflow-x:auto;border:1.5px solid var(--line);border-radius:var(--r);box-shadow:0 14px 36px -24px rgba(0,110,200,.3);background:#fff;-webkit-overflow-scrolling:touch}
.pz-cmp{width:100%;min-width:640px;border-collapse:collapse;font-size:14.5px;text-align:center}
.pz-cmp__cap{caption-side:top;padding:20px 16px 14px;font-weight:800;color:var(--ink);font-size:17px;text-align:right}
.pz-cmp th{background:linear-gradient(120deg,#0d84f0,#12a5e8);color:#fff;font-weight:700;padding:13px 16px;border-left:1px solid rgba(255,255,255,.25)}
.pz-cmp th:first-child{text-align:right;border-radius:0}
.pz-cmp td{padding:13px 16px;border-bottom:1px solid #eaf4ff;border-left:1px solid #eaf4ff}
.pz-cmp tbody tr{transition:background .25s ease}
.pz-cmp tbody tr:hover{background:#f2f9ff}
.pz-cmp td:first-child{text-align:right;font-weight:600;color:var(--ink)}
.pz-cmp__row--support td{background:#f7fcff;font-weight:700;color:var(--blue-d)}
.pz-ok{display:inline-flex;width:24px;height:24px;border-radius:50%;background:#e5f8ee;color:#25835a;font-style:normal;font-weight:900;align-items:center;justify-content:center;font-size:14px}
.pz-no{color:#c3cfda;font-style:normal}

/* ================= مراحل ================= */
.pz-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;padding:0}
@media(max-width:980px){.pz-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.pz-steps{grid-template-columns:1fr}}
.pz-steps li{position:relative;background:#fff;border:1.5px solid #e2f0ff;border-radius:var(--r);padding:34px 24px 26px;box-shadow:0 12px 30px -20px rgba(0,110,200,.3);transition:transform .35s cubic-bezier(.2,.8,.25,1),box-shadow .35s ease}
.pz-steps li:hover{transform:translateY(-7px);box-shadow:var(--soft)}
.pz-steps li:not(:last-child)::after{content:"";position:absolute;top:50%;left:-12px;width:12px;height:2px;background:linear-gradient(90deg,transparent,#9ed3ff)}
@media(max-width:980px){.pz-steps li::after{display:none}}
.pz-steps__num{position:absolute;top:-20px;right:22px;width:44px;height:44px;border-radius:14px;background:var(--grad);color:#fff;font-weight:900;font-size:19px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 22px -10px rgba(0,130,220,.6)}
.pz-steps h3{color:var(--ink);font-size:17.5px;font-weight:800;margin:6px 0 10px}
.pz-steps p{font-size:14px}

/* ================= ویژگی‌ها ================= */
.pz-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:980px){.pz-feats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.pz-feats{grid-template-columns:1fr}}
.pz-feat{background:#fff;border:1.5px solid var(--line);border-radius:var(--r);padding:30px 24px;text-align:center;box-shadow:0 12px 30px -20px rgba(0,110,200,.25);transition:transform .35s cubic-bezier(.2,.8,.25,1),box-shadow .35s ease}
.pz-feat:hover{transform:translateY(-8px);box-shadow:var(--soft-lg)}
.pz-feat__bubble{width:74px;height:74px;margin:0 auto 18px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .45s cubic-bezier(.2,.9,.3,1.6)}
.pz-feat:hover .pz-feat__bubble{transform:scale(1.12) rotate(8deg)}
.pz-feat__bubble svg{width:34px;height:34px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pz-feat--blue .pz-feat__bubble{background:#e9f4ff}.pz-feat--blue .pz-feat__bubble svg{stroke:var(--blue)}
.pz-feat--mint .pz-feat__bubble{background:#e9f9f0}.pz-feat--mint .pz-feat__bubble svg{stroke:var(--mint)}
.pz-feat--sky .pz-feat__bubble{background:#e7f6fd}.pz-feat--sky .pz-feat__bubble svg{stroke:var(--sky)}
.pz-feat--coral .pz-feat__bubble{background:#ffefec}.pz-feat--coral .pz-feat__bubble svg{stroke:var(--coral)}
.pz-feat h3{color:var(--ink);font-size:17px;font-weight:800;margin-bottom:8px}
.pz-feat p{font-size:14px}

/* ================= بنر ارزیابی ================= */
.pz-audit{margin-top:clamp(36px,5vw,52px);display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:space-between;background:linear-gradient(120deg,#eaf6ff,#f0fbf5);border:1.5px solid #c9e7ff;border-radius:var(--r);padding:clamp(24px,3vw,34px) clamp(22px,3vw,36px);position:relative;overflow:hidden}
.pz-audit__icon{width:60px;height:60px;flex:0 0 60px;border-radius:16px;background:var(--grad);display:flex;align-items:center;justify-content:center;box-shadow:var(--soft)}
.pz-audit__icon svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round}
.pz-audit__txt{flex:1;min-width:240px}
.pz-audit__txt h3{color:var(--ink);font-size:18.5px;font-weight:800;margin-bottom:6px}
.pz-audit__txt p{font-size:14.5px;margin:0}

/* ================= آکاردئون سؤالات (CSS خالص) ================= */
.pz-faq{max-width:860px;display:flex;flex-direction:column;gap:14px;padding-bottom:6px}
.pz-faq input{position:absolute;opacity:0;pointer-events:none}
.pz-faq label{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:18px 24px;font-weight:700;color:var(--ink);font-size:16px;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease;user-select:none}
.pz-faq label:hover{border-color:#9ed3ff;background:#f7fcff;box-shadow:0 10px 24px -18px rgba(0,110,200,.45)}
.pz-faq label i{position:relative;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#eaf5ff;transition:transform .4s cubic-bezier(.2,.9,.3,1.5),background .3s}
.pz-faq label i::before,.pz-faq label i::after{content:"";position:absolute;top:50%;left:50%;width:12px;height:2px;background:var(--blue);border-radius:2px;transform:translate(-50%,-50%);transition:transform .35s ease,opacity .35s}
.pz-faq label i::after{transform:translate(-50%,-50%) rotate(90deg)}
.pz-faq__a{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.25,.9,.3,1),opacity .4s ease,padding .4s ease;opacity:0;background:#fff;border-radius:0 0 16px 16px;border:1.5px solid transparent;border-top:none;margin-top:-14px}
.pz-faq__a p{padding:2px 26px 22px;font-size:15px;color:var(--body);margin:0;border-top:1px dashed #dcecff;padding-top:16px}
.pz-faq input:checked+label{border-color:#9ed3ff;background:#f2f9ff;box-shadow:0 14px 30px -20px rgba(0,110,200,.5)}
.pz-faq input:checked+label i{background:var(--grad);transform:rotate(135deg)}
.pz-faq input:checked+label i::before,.pz-faq input:checked+label i::after{background:#fff}
.pz-faq input:checked+label+.pz-faq__a{max-height:340px;opacity:1;margin-top:0}
.pz-faq input:focus-visible+label{outline:3px solid #9ed3ff;outline-offset:2px}

/* ================= CTA پایانی ================= */
.pz-final{position:relative;overflow:hidden;text-align:center;background:linear-gradient(135deg,#0d84f0 0%,#00a8e8 55%,#28c6ff 100%);border-radius:calc(var(--r) + 8px);padding:clamp(48px,7vw,84px) 24px;box-shadow:var(--soft-lg);color:#fff}
.pz-final h2{color:#fff;font-size:clamp(22px,3.4vw,34px);font-weight:900;line-height:1.6;margin-bottom:14px;position:relative}
.pz-final h2 em{background:linear-gradient(120deg,#fff2b8,#ffd9f0);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.pz-final>p{color:#eaf7ff;font-size:clamp(15px,1.8vw,17px);max-width:620px;margin:0 auto 30px;position:relative}
.pz-final .pz-hero__cta{margin-bottom:30px}
.pz-final__trust{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;font-size:14.5px;color:#f0faff}
.pz-final__trust li{position:relative;padding-right:26px}
.pz-final__trust li::before{content:"✓";position:absolute;right:0;top:0;width:19px;height:19px;border-radius:50%;background:rgba(255,255,255,.25);color:#fff;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center}

/* ================= انیمیشن‌ها ================= */
@keyframes pz-rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@keyframes pz-pop{0%{opacity:0;transform:scale(.85)}100%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){
  .pz *,.pz *::before,.pz *::after{animation:none!important;transition-duration:.01ms!important}
}

/* --- ported wrapper overrides (shared skin alignment) --- */
h3:not(.fixH3) {font-size:1.9rem!important;}
.contact-page-wrapper {padding:0!important;}

/* 4-card plans grid (app tariff) + extra icon tone */
.pz-plans--4{grid-template-columns:repeat(2,1fr);max-width:920px;margin-inline:auto}
.pz-plan__icon--sky{background:linear-gradient(135deg,#4cc3f0,#1ba3d8)}
@media(max-width:980px){.pz-plans--4{grid-template-columns:1fr;max-width:460px}}