/* =========================================================================
   zn-placement — بنر تعیین سطح (zbn-zn-placement) · طرح: 11-placement.dc.html
   وابسته به: zn-base.css
   ========================================================================= */

.znpl{position:relative;overflow:hidden;padding:clamp(56px,7vw,104px) 0;background:radial-gradient(940px 540px at 82% -6%,var(--zn-wash1),transparent 62%),var(--zn-bg0);}
.znpl-wrap{position:relative;max-width:1280px;margin:0 auto;padding:0 clamp(18px,5vw,64px);}
.znpl-card{position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(255,59,92,.3);background:radial-gradient(700px 360px at 82% 20%,var(--zn-glow1),transparent 60%),var(--zn-bg1);padding:clamp(32px,4vw,56px);display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center;box-shadow:0 0 60px rgba(255,59,92,.08);}
.znpl-chip{display:inline-flex;align-items:center;gap:8px;background:rgba(255,59,92,.12);border:1px solid rgba(255,59,92,.3);color:var(--zn-soft);border-radius:999px;padding:7px 15px;font-size:12px;font-weight:800;}
.znpl-title{margin:18px 0 10px;font-size:clamp(24px,3vw,38px);font-weight:900;line-height:1.5;color:var(--zn-t1);}
.znpl-title .grad{background:linear-gradient(120deg,var(--zn-rose),var(--zn-gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.znpl-desc{margin:0;font-size:14.5px;line-height:2.1;color:var(--zn-t4);max-width:56ch;}
.znpl-acts{display:flex;flex-direction:column;gap:12px;}
.zn-scope .znpl-btn{background:linear-gradient(135deg,var(--zn-crim),var(--zn-rose));color:#fff;text-align:center;font-size:15px;font-weight:900;padding:17px;border-radius:14px;box-shadow:0 0 40px rgba(255,59,92,.32);transition:transform .15s;display:block;}
.zn-scope .znpl-btn:hover{transform:translateY(-2px);color:#fff;}
.zn-scope .znpl-tel{text-align:center;font-size:14px;font-weight:800;padding:15px;border-radius:14px;border:1px solid rgba(var(--zn-line),.24);background:var(--zn-card);color:var(--zn-t1);transition:border-color .15s;display:block;}
.zn-scope .znpl-tel:hover{border-color:var(--zn-rose);color:var(--zn-t1);}