/* صفحهٔ معرفی مارکو (index.php). رنگ‌ها از متغیرهای app.css می‌آیند؛ بدون وابستگی بیرونی. */

html.js .rv{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
html.js .rv.in{opacity:1;transform:none}
html{scroll-behavior:smooth}.lp-sec{scroll-margin-top:84px}
.lp-wrap{max-width:1152px;margin:0 auto;padding-inline:1rem}@media(min-width:640px){.lp-wrap{padding-inline:1.5rem}}
.lp-h2{font-weight:900;font-size:clamp(1.5rem,3.4vw,2.2rem);line-height:1.6}
.lp-kick{display:inline-flex;align-items:center;gap:.4rem;font-size:12px;font-weight:800;padding:.25rem .8rem;border-radius:99px;background:var(--brand-soft);color:var(--brand-strong);border:1px solid rgba(var(--lp-glow),.35)}
.lp-grad{background:linear-gradient(100deg,var(--lp-t1),var(--lp-t2) 40%,var(--lp-t3) 70%,var(--lp-t1));background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes lpShine{to{background-position:-220% 0}}

/* هیرو (طراحی تازه): متن وسط، زیرش پیش‌نمایش داشبورد */
.lp-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--brand-soft),transparent 78%);border-bottom:1px solid var(--border)}
.lp-hero2{position:relative;padding-top:2.4rem;padding-bottom:3rem}
.lp-hero-txt{text-align:center;max-width:46rem;margin-inline:auto}
.lp-h1{font-weight:900;font-size:clamp(2rem,5.2vw,3.4rem);line-height:1.4;margin-top:1rem}
.lp-lead{margin:.9rem auto 0;max-width:36rem;font-size:15.5px;line-height:1.9;color:var(--muted)}
.lp-ctas{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin-top:1.3rem}
.lp-trust{display:flex;flex-wrap:wrap;gap:.4rem 1.3rem;justify-content:center;list-style:none;padding:0;margin:1.2rem 0 0;font-size:12.5px;color:var(--muted)}
.lp-trust li{display:flex;align-items:center;gap:.35rem}
.lp-dash{position:relative;max-width:900px;margin:2rem auto 0;background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:0 40px 80px -40px rgba(var(--brand-rgb),.45),0 0 0 6px rgba(var(--lp-glow),.07)}
.lp-dash-bar{display:flex;align-items:center;gap:.4rem;padding:.7rem 1rem;border-bottom:1px solid var(--border);font-size:12px}
.lp-dash-bar span{width:10px;height:10px;border-radius:50%;background:var(--border)}
.lp-dash-bar span:first-child{background:#F87171}.lp-dash-bar span:nth-child(2){background:#FBBF24}.lp-dash-bar span:nth-child(3){background:#34D399}
.lp-dash-bar b{margin-inline:.6rem auto;font-weight:800}
.lp-dash-body{display:flex;gap:.9rem;padding:1rem}
.lp-dash-side{display:none;flex-direction:column;gap:.5rem}
@media(min-width:700px){.lp-dash-side{display:flex}}
.lp-dash-side>i{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--muted);background:var(--surface-2);font-style:normal}
.lp-dash-side>i.on{background:var(--brand);color:var(--on-brand)}
.lp-dash-main{flex:1;min-width:0;text-align:start}
.lp-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}
@media(min-width:700px){.lp-kpis{grid-template-columns:repeat(4,1fr)}}
.lp-kpis>div{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:.65rem .8rem;display:flex;flex-direction:column;gap:2px}
.lp-kpis small{font-size:11px;color:var(--muted)}.lp-kpis b{font-size:19px;font-weight:900}
.lp-kpis u{text-decoration:none;font-size:11px;color:var(--lp-pos);font-weight:800}.lp-kpis s{text-decoration:none;font-size:11px;color:var(--lp-warn);font-weight:800}
.lp-dash-grid{display:grid;gap:.6rem;margin-top:.6rem}
@media(min-width:700px){.lp-dash-grid{grid-template-columns:1.3fr 1fr}}
.lp-dash-card{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:.8rem .9rem}
.lp-dash-card h4{font-size:12px;font-weight:800;margin-bottom:.5rem}
.lp-rank{display:grid;grid-template-columns:70px 1fr 34px;align-items:center;gap:.5rem;font-size:11.5px;margin-top:.5rem}
.lp-rank i{height:8px;border-radius:6px;background:var(--border);position:relative;overflow:hidden}
.lp-rank i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:6px;background:linear-gradient(90deg,var(--lp-g2),var(--lp-g1))}
.lp-rank b{text-align:left;font-weight:800}
.lp-pop{display:none;position:absolute;align-items:center;gap:.6rem;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:.65rem .9rem;box-shadow:0 20px 40px -20px rgba(0,0,0,.35)}
.lp-pop b{display:block;font-size:12.5px}.lp-pop small{display:block;font-size:11px;color:var(--muted)}
.lp-pop1{inset-inline-end:-150px;bottom:70px;border-inline-start:4px solid #F59E0B}
.lp-pop2{inset-inline-end:-150px;top:90px}
.lp-pop .lp-bell{color:#D97706;display:inline-flex}
.lp-av1{width:32px;height:32px;border-radius:50%;background:var(--brand-soft);color:var(--brand-strong);display:flex;align-items:center;justify-content:center;font-weight:900}
@media(min-width:1240px){.lp-pop{display:flex}}
.lp-word{display:inline-block;min-width:3.2ch;transition:opacity .35s,transform .35s}
.lp-word.out{opacity:0;transform:translateY(-14px)}
.lp-cta-big{padding:.85rem 1.7rem!important;font-size:14px!important;border-radius:14px!important;position:relative}
.lp-cta-big:after{content:"";position:absolute;inset:-4px;border-radius:18px;border:2px solid rgba(var(--lp-glow),.55);animation:lpPulse 2.2s ease-out infinite}
@keyframes lpPulse{0%{transform:scale(.96);opacity:.9}100%{transform:scale(1.12);opacity:0}}

.lp-path{stroke-dasharray:520;stroke-dashoffset:520;animation:lpDraw 2.4s .5s ease forwards}
@keyframes lpDraw{to{stroke-dashoffset:0}}
.lp-bell{animation:lpRing 3s ease-in-out infinite;transform-origin:50% 0}
@keyframes lpRing{0%,86%,100%{transform:rotate(0)}90%{transform:rotate(14deg)}94%{transform:rotate(-12deg)}97%{transform:rotate(8deg)}}
.lp-live{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:lpLive 1.8s infinite}
@keyframes lpLive{70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}

/* نوار متحرک */
.lp-marq{overflow:hidden;border-block:1px solid var(--border);background:var(--surface);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.lp-marq-in{display:flex;width:max-content;padding:.9rem 0;will-change:transform;animation:lpMarq 50s linear infinite}
.lp-marq-in .lp-pill{margin-inline-end:.75rem;flex:0 0 auto}
.lp-marq:hover .lp-marq-in{animation-play-state:paused}
@keyframes lpMarq{from{transform:translate3d(0,0,0)}to{transform:translate3d(50%,0,0)}}
.lp-pill{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap;font-size:13px;font-weight:700;padding:.45rem .95rem;border-radius:99px;background:var(--surface-2);border:1px solid var(--border)}
.lp-pill svg{width:16px;height:16px;color:var(--brand-strong)}

/* کارت شیشه‌ای و بنتو */
.lp-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:1.25rem;overflow:hidden;box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s,border-color .3s}
.lp-card:hover{transform:translateY(-5px);border-color:rgba(var(--lp-glow),.6);box-shadow:0 22px 44px -22px rgba(var(--lp-glow),.55)}
.lp-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(var(--lp-glow),.22),transparent 70%);top:-70px;left:-60px;opacity:0;transition:opacity .35s}
.lp-card:hover:before{opacity:1}
.lp-ico{width:46px;height:46px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-soft),transparent);color:var(--brand-strong);border:1px solid rgba(var(--lp-glow),.35)}
.lp-bento{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}
.lp-bento>*{grid-column:span 6}
@media(min-width:640px){.lp-bento>*{grid-column:span 3}}
@media(min-width:1024px){.lp-bento .w4{grid-column:span 4}.lp-bento .w2{grid-column:span 2}.lp-bento .w3{grid-column:span 3}}
.lp-mini{display:flex;align-items:flex-end;gap:5px;height:64px;margin-top:.9rem}
.lp-mini i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--lp-g1),var(--lp-g2));height:var(--h);transform-origin:bottom;animation:lpBar 1.4s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d,0s)}
@keyframes lpBar{from{transform:scaleY(0)}}
.lp-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:.9rem}
.lp-tiles i{display:flex;flex-direction:column;gap:5px;justify-content:center;min-height:64px;padding:8px 10px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);transition:background .3s,transform .3s;font-style:normal}
.lp-tiles b{font-size:11.5px;font-weight:800;color:var(--brand-strong)}
.lp-tiles em{display:block;height:5px;border-radius:4px;background:var(--border)}
.lp-tiles em:last-child{width:62%}
.lp-tiles i:hover{background:var(--brand-soft);border-color:rgba(var(--lp-glow),.5);transform:translateY(-3px)}
.lp-chat{display:grid;margin-top:.9rem;font-size:11.5px;min-height:74px}
.lp-cset{grid-area:1/1;display:grid;gap:6px;align-content:start;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}
.lp-cset.on{opacity:1;transform:none}
.lp-bub{max-width:88%;padding:.4rem .7rem;border-radius:12px 12px 12px 3px;background:var(--surface-2);border:1px solid var(--border)}
.lp-bub.me{justify-self:end;border-radius:12px 12px 3px 12px;background:var(--brand-soft);color:var(--brand-strong)}
.lp-av{display:inline-flex;margin-top:.9rem}
.lp-av span{width:34px;height:34px;border-radius:50%;border:3px solid var(--surface);margin-inline-start:-10px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#042A33}

/* آمار */
.lp-stats{background:linear-gradient(160deg,#03171D,#062B38);color:#E8F6FA;position:relative;overflow:hidden}
.lp-stat{text-align:center;padding:1.2rem .5rem}
.lp-num{font-weight:900;font-size:clamp(2rem,5vw,3.2rem);line-height:1.3;background:linear-gradient(180deg,#fff,#7CF3FF);-webkit-background-clip:text;background-clip:text;color:transparent}

/* قبل و بعد */
.lp-vs{display:grid;gap:1rem}@media(min-width:768px){.lp-vs{grid-template-columns:1fr 1fr}}
.lp-vs li{display:flex;gap:.6rem;align-items:flex-start;padding:.55rem 0;font-size:13.5px;line-height:1.9;border-bottom:1px dashed var(--border)}
.lp-vs li:last-child{border:0}
.lp-bad{border-color:rgba(198,40,73,.35)!important}
.lp-good{border-color:rgba(var(--lp-glow),.6)!important;box-shadow:0 20px 44px -24px rgba(var(--lp-glow),.6)}

/* تایم‌لاین */
.lp-tl{position:relative;margin-top:2.5rem;--p:0}
.lp-tl:before{content:"";position:absolute;top:0;bottom:0;right:21px;width:3px;border-radius:3px;background:var(--border)}
.lp-tl:after{content:"";position:absolute;top:0;right:21px;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--lp-g1),var(--lp-g2));height:calc(var(--p)*1%);transition:height .15s linear;box-shadow:0 0 14px rgba(var(--lp-glow),.8)}
.lp-step{position:relative;display:flex;gap:1.1rem;padding-bottom:1.4rem}
.lp-dot{position:relative;z-index:1;width:46px;height:46px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;background:var(--surface);border:3px solid var(--border);color:var(--muted);transition:all .4s}
.lp-step.on .lp-dot{background:linear-gradient(135deg,var(--lp-g1),var(--lp-g2));border-color:var(--brand);color:var(--on-brand);box-shadow:0 0 0 6px rgba(var(--lp-glow),.18)}
.lp-step .lp-card{flex:1;padding:1rem 1.1rem}

/* امنیت */
.lp-shield{position:relative;width:200px;height:200px;margin:auto;display:flex;align-items:center;justify-content:center}
.lp-shield i{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(var(--lp-glow),.5);animation:lpRing2 3.2s ease-out infinite}
.lp-shield i:nth-child(2){animation-delay:1.05s}.lp-shield i:nth-child(3){animation-delay:2.1s}
@keyframes lpRing2{0%{transform:scale(.5);opacity:.9}100%{transform:scale(1.15);opacity:0}}
.lp-shield b{position:relative;width:92px;height:92px;border-radius:28px;background:linear-gradient(135deg,var(--lp-g1),var(--lp-g2));display:flex;align-items:center;justify-content:center;color:var(--on-brand);box-shadow:0 18px 40px -14px rgba(var(--lp-glow),.9)}
.lp-shield b svg{width:44px;height:44px}

/* سؤالات */
details.lp-q{background:var(--surface);border:1px solid var(--border);border-radius:18px;transition:border-color .2s,box-shadow .2s}
details.lp-q[open]{border-color:rgba(var(--lp-glow),.65);box-shadow:0 14px 30px -20px rgba(var(--lp-glow),.7)}
details.lp-q summary{list-style:none;cursor:pointer;padding:1rem 1.1rem;display:flex;align-items:center;gap:.75rem;font-weight:800;font-size:14px}
details.lp-q summary::-webkit-details-marker{display:none}
details.lp-q .lp-chev{transition:transform .25s;color:var(--brand-strong)}
details.lp-q[open] .lp-chev{transform:rotate(180deg)}
details.lp-q p{padding:0 1.1rem 1.1rem;color:var(--muted);font-size:13.5px;line-height:2}

/* دعوت نهایی و واتساپ */
.lp-final{position:relative;overflow:hidden;border-radius:32px;padding:3rem 1.5rem;text-align:center;color:#E8F6FA;background:linear-gradient(135deg,#03171D,#065A70 60%,#087F96)}
.lp-top{background:linear-gradient(90deg,#00DDFF,#7CF3FF,#00DDFF);background-size:200% 100%;animation:lpShine 8s linear infinite;color:#042A33}
.lp-nav{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 85%,transparent);border-bottom:1px solid var(--border)}
.lp-nav a.lk{padding:.5rem .8rem;border-radius:10px;font-size:13px;font-weight:700;transition:background .2s}
.lp-nav a.lk:hover{background:var(--surface-2)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}html.js .rv{opacity:1;transform:none}.lp-path{stroke-dashoffset:0}}

/* پس‌زمینهٔ پویا (برگرفته از صفحهٔ طراحی سایت): نقطه‌ها، لکه‌های نوری، درخشش موس و ذرات متصل */
#lp-dots{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(900px 700px at 100% -10%,rgba(var(--brand-rgb),.10),transparent 70%),radial-gradient(800px 700px at -10% 90%,rgba(var(--lp-a-rgb),.22),transparent 70%),radial-gradient(rgba(var(--brand-rgb),.14) 1px,transparent 1px) 0 0/38px 38px}
html:not(.dark){--lp-dot:6,112,126}
#lp-particles{position:fixed;inset:0;width:100vw;height:100vh;z-index:2;pointer-events:none}
.lp-page{position:relative;z-index:10}

/* ویجت گفتگوی واتساپ (برگرفته از صفحهٔ طراحی سایت) */
.lp-wa{position:fixed;inset-inline-start:20px;bottom:20px;z-index:68;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
@media(max-width:820px){.lp-wa{bottom:16px;inset-inline-start:14px}}
.lp-wa__btn{width:56px;height:56px;border-radius:50%;border:0;cursor:pointer;flex:0 0 auto;display:grid;place-items:center;color:#06281F;background:linear-gradient(140deg,#4FE89B,#25D366);box-shadow:0 14px 34px -12px rgba(37,211,102,.85);transition:transform .25s;position:relative}
.lp-wa__btn:hover{transform:scale(1.07)}
.lp-wa__btn svg{width:28px;height:28px}
.lp-wa__btn:before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(37,211,102,.55);animation:lpWaRing 2.4s ease-out infinite}
@keyframes lpWaRing{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.55);opacity:0}}
.lp-wa__panel{position:relative;width:min(290px,calc(100vw - 40px));border-radius:18px;padding:18px;background:var(--surface);border:1px solid var(--border);box-shadow:0 30px 70px -34px rgba(0,0,0,.6);display:none;animation:lpPop .25s cubic-bezier(.2,.8,.2,1)}
.lp-wa.open .lp-wa__panel{display:block}
@keyframes lpPop{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
.lp-wa__head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.lp-wa__av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:var(--on-brand);background:linear-gradient(145deg,var(--lp-g1),var(--lp-g2))}
.lp-wa__who{display:block;font-size:14px;font-weight:700;line-height:1.4}
.lp-wa__meta{display:block;font-size:11.5px;color:var(--ok)}
.lp-wa__bubble{font-size:13.5px;color:var(--muted);background:var(--surface-2);border-radius:4px 14px 14px 14px;padding:12px 14px;margin:0 0 12px;line-height:1.8}
.lp-wa__close{position:absolute;top:10px;inset-inline-end:10px;background:none;border:0;color:var(--muted);font-size:18px;cursor:pointer;line-height:1;padding:4px}

/* نمونهٔ تعاملی، جدول‌ها، خودارزیابی، مقایسه و فرم مشاوره */
.lp-demo{background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}
.lp-tabs{display:flex;gap:.35rem;padding:.6rem;overflow-x:auto;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 70%,transparent)}
.lp-tabs button{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;padding:.55rem .95rem;border-radius:12px;font-weight:800;font-size:13px;color:var(--muted);border:1px solid transparent;cursor:pointer;background:none;transition:all .2s}
.lp-tabs button:hover{color:var(--text)}
.lp-tabs button.on{background:var(--surface);color:var(--brand-strong);border-color:rgba(var(--lp-glow),.5);box-shadow:0 8px 20px -12px rgba(var(--lp-glow),.8)}
.lp-pane{display:none;padding:1.2rem}
.lp-pane.on{display:block;animation:lpPop .3s ease}
.lp-tbl{width:100%;border-collapse:collapse;font-size:13px}
.lp-tbl th,.lp-tbl td{padding:.7rem .8rem;text-align:right;border-bottom:1px solid var(--border)}
.lp-tbl th{font-size:12px;color:var(--muted);font-weight:800;white-space:nowrap}
.lp-tbl tr:last-child td{border-bottom:0}
.lp-bar{display:block;height:9px;border-radius:9px;background:var(--surface-2);min-width:90px;overflow:hidden}
.lp-bar i{display:block;height:100%;width:var(--w);border-radius:9px;background:linear-gradient(90deg,var(--lp-g2),var(--lp-g1))}
.lp-row{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;padding:.7rem .9rem;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);font-size:13px}
.lp-split{display:flex;height:34px;border-radius:12px;overflow:hidden;font-size:12px;font-weight:800;color:var(--on-brand)}
.lp-split i{display:flex;align-items:center;justify-content:center;width:var(--w);font-style:normal;background:var(--lp-a);color:#042A33}
.lp-split i.b{background:var(--brand);color:var(--on-brand)}
.lp-av2{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:12px;background:var(--lp-a);color:#042A33}
.lp-cmp .lp-me{background:rgba(var(--lp-glow),.08)}
.lp-cmp th.lp-me{color:var(--brand-strong);font-size:14px}
.lp-cmp td,.lp-cmp th{text-align:center}.lp-cmp td:first-child,.lp-cmp th:first-child{text-align:right}
.lp-chk{display:flex;align-items:center;gap:.8rem;padding:.8rem .5rem;border-bottom:1px dashed var(--border);cursor:pointer;font-size:14px;line-height:1.9}
.lp-chk input{position:absolute;opacity:0;pointer-events:none}
.lp-box{width:24px;height:24px;flex:none;border-radius:8px;border:2px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:transparent;transition:all .2s}
.lp-chk input:checked+.lp-box{background:linear-gradient(135deg,var(--lp-g1),var(--lp-g2));border-color:var(--brand);color:var(--on-brand);transform:scale(1.08)}
.lp-chk input:focus-visible+.lp-box{outline:3px solid rgba(var(--lp-glow),.55);outline-offset:2px}
.lp-res{margin-top:1rem;padding:.9rem 1rem;border-radius:14px;background:var(--brand-soft);color:var(--text);font-size:14px;line-height:2}
.lp-consult{display:grid;gap:.8rem;margin-top:1.4rem;text-align:right}
@media(min-width:640px){.lp-consult{grid-template-columns:1fr 1fr 1fr}.lp-consult .btn{grid-column:1/-1}}
.lp-consult label span{display:block;font-size:12px;font-weight:800;margin-bottom:.3rem;opacity:.9}
.lp-consult select,.lp-consult input{width:100%;padding:.7rem .8rem;border-radius:12px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.12);color:#fff;font-size:14px}
.lp-consult select option{color:#0B1F26}
.lp-consult input::placeholder{color:rgba(255,255,255,.6)}
.lp-sticky{display:none}
@media(max-width:820px){.lp-sticky{display:block;position:fixed;inset-inline:0;bottom:0;z-index:60;padding:.6rem .8rem;background:color-mix(in srgb,var(--bg) 92%,transparent);border-top:1px solid var(--border);transform:translateY(110%);transition:transform .3s}.lp-sticky.show{transform:none}body:has(.lp-sticky.show) .lp-wa{bottom:76px}}

.lp-paused,.lp-paused *,.lp-paused:before,.lp-paused:after{animation-play-state:paused!important}

.lp-vault{display:flex;gap:1rem;align-items:flex-start;padding:1.1rem 1.2rem;border-radius:22px;border:1px solid rgba(var(--lp-glow),.55);background:linear-gradient(135deg,var(--brand-soft),var(--surface))}
.lp-vault-ic{flex:0 0 auto;width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--lp-g1),var(--lp-g2));color:var(--on-brand)}
.lp-vault-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}
.lp-vault-tags span{display:inline-flex;align-items:center;gap:.35rem;font-size:11.5px;font-weight:800;padding:.3rem .7rem;border-radius:99px;background:var(--surface);border:1px solid var(--border);color:var(--brand-strong)}
/* منوی بالا: بخش فعال */
.lp-nav a.lk{transition:background .25s,color .25s}
.lp-nav a.lk.act{background:var(--brand-soft);color:var(--brand-strong);font-weight:800;box-shadow:inset 0 0 0 1px rgba(var(--lp-glow),.45)}
/* نمونهٔ پنل: نوار پیشرفت اسلاید خودکار */
.lp-tabs button{position:relative;overflow:hidden}
.lp-demo.auto .lp-tabs button.on:after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:var(--brand);transform-origin:right;animation:lpTabBar var(--tabms,6s) linear forwards}
.lp-demo.hold .lp-demo.auto .lp-tabs button.on:after{animation:none;transform:scaleX(0)}
@keyframes lpTabBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* فونت پیدا (با عدد فارسی) */
@font-face{font-family:'Peyda';src:url('../fonts/peyda/PeydaWebFaNum-Regular.woff2') format('woff2');font-weight:100 450;font-display:swap}
@font-face{font-family:'Peyda';src:url('../fonts/peyda/PeydaWebFaNum-Medium.woff2') format('woff2');font-weight:451 600;font-display:swap}
@font-face{font-family:'Peyda';src:url('../fonts/peyda/PeydaWebFaNum-Bold.woff2') format('woff2');font-weight:601 900;font-display:swap}
body.lp-font,body.lp-font button,body.lp-font input,body.lp-font textarea,body.lp-font select{font-family:'Peyda','Vazirmatn',system-ui,sans-serif}

/* نمودار سودآوری */
.lp-pf{margin-top:.8rem}
.lp-pf-top{display:flex;gap:.6rem;justify-content:space-between;align-items:flex-end}
.lp-pf-top div{display:flex;flex-direction:column}.lp-pf-top small{font-size:10.5px;color:var(--muted)}.lp-pf-top b{font-size:17px;font-weight:900}
.lp-pf-top u{text-decoration:none;font-size:10.5px;color:var(--lp-pos);font-weight:800}
.lp-pf svg{width:100%;height:auto;display:block;margin-top:.5rem;overflow:visible}
.lp-pf text{font-family:inherit;fill:var(--muted);font-size:8.5px}
.lp-pf .v{fill:var(--text);font-weight:800;font-size:8.5px}
.lp-pf .pv{fill:var(--lp-bar2t);font-weight:800;font-size:8.5px}
html.js .rv .lp-pb{transform:scaleY(0);transform-box:fill-box;transform-origin:bottom;transition:transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--bd,0s)}
html.js .rv.in .lp-pb{transform:none}
.lp-pf-leg{display:flex;gap:.9rem;font-size:10.5px;color:var(--muted);margin-top:.4rem}
.lp-pf-leg i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-inline-end:.3rem;background:var(--lp-bar1)}
.lp-pf-leg i.l{background:var(--lp-bar2)}

/* --- بخش‌های تازه --- */
.lp-seg{display:inline-flex;padding:4px;border-radius:99px;background:var(--surface-2);border:1px solid var(--border);margin:0 auto}
.lp-seg button{padding:.55rem 1.4rem;border-radius:99px;font-weight:800;font-size:13.5px;color:var(--muted);transition:background .25s,color .25s}
.lp-seg button.on{background:var(--brand);color:var(--on-brand)}
.lp-day{text-align:center}.lp-day-list{max-width:40rem;margin:1.6rem auto 0;text-align:start;display:grid;gap:.6rem}
.lp-day-row{display:flex;gap:1rem;align-items:center;padding:.85rem 1rem;border-radius:16px;background:var(--surface);border:1px solid var(--border);border-inline-start:4px solid #F59E0B;animation:lpIn .45s both}
.lp-day-list.ok .lp-day-row{border-inline-start-color:#10B981}
.lp-day-row b{flex:0 0 3.2rem;font-weight:900;color:var(--brand-strong)}
.lp-day-row span{font-size:13.5px;line-height:1.9}
.lp-day-row:nth-child(2){animation-delay:.06s}.lp-day-row:nth-child(3){animation-delay:.12s}.lp-day-row:nth-child(4){animation-delay:.18s}.lp-day-row:nth-child(5){animation-delay:.24s}
@keyframes lpIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.lp-chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}
.lp-chips button{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:99px;font-weight:800;font-size:13px;background:var(--surface);border:1px solid var(--border);color:var(--text);transition:all .2s}
.lp-chips button:hover{border-color:var(--brand)}.lp-chips button.on{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
.lp-lv{max-width:900px;margin-inline:auto;padding:1rem;border-radius:22px;background:var(--surface);border:1px solid var(--border)}
.lp-lv-kpis{margin-top:1rem}.lp-lv-grid{display:grid;gap:.6rem;margin-top:.6rem}
@media(min-width:760px){.lp-lv-grid{grid-template-columns:1.3fr 1fr}}
.lp-lv svg text{font-family:inherit;fill:var(--muted);font-size:8.5px}.lp-lv svg .v{fill:var(--text);font-weight:800}.lp-lv svg .pv{fill:var(--lp-bar2t);font-weight:800}
.lp-lv svg rect{transition:y .5s,height .5s}
.lp-lchq{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border-radius:12px;background:var(--surface);border:1px solid var(--border);margin-top:.45rem;font-size:12px}
.lp-lchq b{font-weight:800}.lp-lchq small{color:var(--muted);display:block;font-size:11px}.lp-lchq .d{margin-inline-start:auto;font-weight:800;color:var(--lp-warn);font-size:11px;white-space:nowrap}
.lp-lchq button{font-size:11px;font-weight:800;padding:.3rem .6rem;border-radius:10px;background:var(--brand-soft);color:var(--brand-strong);border:1px solid rgba(var(--lp-glow),.4)}
.lp-lempty{padding:1.2rem .5rem;text-align:center;color:var(--muted);font-size:12.5px}
.lp-biz{max-width:960px;margin-inline:auto}.lp-biz-pane{margin-top:1.3rem;padding:1.2rem 1.3rem;border-radius:20px;background:var(--surface);border:1px solid var(--border);animation:lpIn .4s both}
.lp-biz-pain{display:flex;gap:.5rem;align-items:flex-start;font-weight:800;font-size:14px;line-height:1.9;color:var(--lp-warn)}
.lp-biz-pane ul{list-style:none;padding:0;margin:.8rem 0 0;display:grid;gap:.5rem}.lp-biz-pane li{display:flex;gap:.5rem;align-items:center;font-size:13.5px}.lp-biz-pane li i{color:#10B981;flex:0 0 auto}
.lp-calc{max-width:900px;margin-inline:auto;display:grid;gap:1.2rem;padding:1.3rem;border-radius:24px;background:var(--surface);border:1px solid var(--border)}
@media(min-width:760px){.lp-calc{grid-template-columns:1.1fr 1fr}}
.lp-calc-in{display:grid;gap:1.1rem}.lp-calc-in label span{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:.4rem}.lp-calc-in label b{color:var(--brand-strong);font-weight:900}
.lp-calc input[type=range]{width:100%;accent-color:var(--brand)}
.lp-calc-out{padding:1.1rem;border-radius:18px;background:linear-gradient(135deg,var(--brand-soft),var(--surface-2));border:1px solid rgba(var(--lp-glow),.4);display:grid;gap:.8rem;align-content:start;text-align:center}
.lp-calc-out small{display:block;font-size:12px;color:var(--muted)}.lp-calc-out b{font-size:1.7rem;font-weight:900;color:var(--brand-strong)}.lp-calc-out p{font-size:11.5px;color:var(--muted);line-height:1.9}
.lp-calc-in label em{display:block;margin-top:.3rem;font-size:11px;font-style:normal;color:var(--muted)}
.lp-calc-out i{display:block;margin-top:.25rem;font-size:11.5px;font-style:normal;color:var(--muted);line-height:1.8}
.lp-promise{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.lp-promise>div{padding:1rem;border-radius:18px;background:var(--surface);border:1px solid var(--border);display:grid;gap:.3rem}
.lp-promise span{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--brand-soft);color:var(--brand-strong)}
.lp-promise b{font-weight:900;font-size:14px}.lp-promise small{font-size:12px;color:var(--muted);line-height:1.8}
.lp-wa__qs{display:flex;flex-direction:column;gap:6px;margin:0 0 12px}
.lp-wa__qs a{font-size:12.5px;font-weight:700;padding:.5rem .8rem;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--brand-strong);text-align:start;transition:border-color .2s,background .2s}
.lp-wa__qs a:hover{border-color:var(--brand);background:var(--brand-soft)}
.lp-day-list.hidden,.lp-biz-pane.hidden{display:none}

.lp-day-row i{flex:0 0 auto;color:#10B981}.lp-day-list.loss .lp-day-row{border-inline-start-color:#EF4444;background:color-mix(in srgb,#EF4444 5%,var(--surface))}.lp-day-list.loss .lp-day-row i{color:#EF4444}
.lp-loss-cta{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem;border-radius:16px;background:var(--brand);color:var(--on-brand);font-weight:900;font-size:13.5px}
.lp-biz-form{display:flex;gap:.6rem;max-width:34rem;margin:0 auto}
.lp-biz-form input{flex:1;min-width:0;padding:.8rem 1rem;border-radius:14px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:14px}
.lp-biz-form input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(var(--lp-glow),.2)}
.lp-biz-res{max-width:34rem;margin:1.2rem auto 0;padding:1.2rem 1.3rem;border-radius:20px;background:linear-gradient(135deg,var(--brand-soft),var(--surface));border:1px solid rgba(var(--lp-glow),.5);animation:lpIn .4s both}
.lp-biz-res.hidden{display:none}.lp-biz-res ul{list-style:none;padding:0;margin:.8rem 0 0;display:grid;gap:.5rem}.lp-biz-res li{display:flex;gap:.5rem;align-items:flex-start;font-size:13.5px;line-height:1.9}.lp-biz-res li i{color:#10B981;flex:0 0 auto;margin-top:.45rem}
.lp-biz-btns{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.lp-biz-more{display:inline-flex;align-items:center;gap:.4rem;margin-top:.9rem;padding:.45rem .9rem;border:1px solid var(--border);border-radius:999px;font-size:12.5px;font-weight:700;color:var(--text);background:var(--surface)}
.lp-biz-more:hover{border-color:var(--brand)}
.lp-biz-4{display:grid;gap:.8rem;grid-template-columns:repeat(2,1fr);margin-top:1.6rem}
@media(min-width:760px){.lp-biz-4{grid-template-columns:repeat(4,1fr)}}
.lp-biz-4>div{padding:1rem;border-radius:18px;background:var(--surface);border:1px solid var(--border);display:grid;gap:.3rem}
.lp-biz-4 span{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--brand-soft);color:var(--brand-strong)}.lp-biz-4 b{font-weight:900;font-size:14px}.lp-biz-4 small{font-size:12px;color:var(--muted);line-height:1.8}
.lp-rep{display:grid;gap:2rem;align-items:center}@media(min-width:860px){.lp-rep{grid-template-columns:1fr 1fr}}
.lp-rep-img{display:block;border-radius:18px;overflow:hidden;border:1px solid var(--border);box-shadow:0 30px 60px -35px rgba(0,100,120,.5);background:#fff;transition:transform .3s}.lp-rep-img:hover{transform:translateY(-4px)}.lp-rep-img img{display:block;width:100%;height:auto}
.lp-rank.act span,.lp-rank.act b{color:var(--brand-strong);font-weight:900}.lp-rank.act i:after{box-shadow:0 0 0 2px rgba(var(--lp-glow),.5)}
.lp-steps3{display:grid;gap:.7rem}.lp-steps3>div{padding-bottom:.6rem;border-bottom:1px dashed var(--border)}.lp-steps3 b{font-size:1.15rem!important}.lp-steps3 .lp-gain{border:0;padding:.5rem;border-radius:12px;background:rgba(var(--lp-a-rgb),.3)}.lp-steps3 .lp-gain b{font-size:1.9rem!important}

/* نقشهٔ نشتی پول */
.lp-lk{max-width:820px;margin-inline:auto;padding:1.3rem;border-radius:24px;background:var(--surface);border:1px solid var(--border)}
.lp-lk-pipe{display:flex;align-items:center;gap:.6rem;font-size:12px;font-weight:800;color:var(--muted)}
.lp-lk-pipe i{flex:1;height:12px;border-radius:12px;background:linear-gradient(90deg,var(--brand),var(--lp-a))}
.lp-lk-btns{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-top:.2rem}
@media(min-width:700px){.lp-lk-btns{grid-template-columns:repeat(4,1fr)}}
.lp-lk-b{position:relative;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1.5rem .6rem .8rem;border:1.5px solid var(--border);border-radius:16px;background:var(--surface-2);color:var(--text);font-size:13px;cursor:pointer}
.lp-lk-b u{position:absolute;top:0;inset-inline-start:50%;width:7px;height:11px;margin-inline-start:-3.5px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:var(--lp-drop);animation:lpdrip 1.6s ease-in infinite}
.lp-lk-b:nth-child(2) u{animation-delay:.4s}.lp-lk-b:nth-child(3) u{animation-delay:.8s}.lp-lk-b:nth-child(4) u{animation-delay:1.2s}
@keyframes lpdrip{0%{transform:translateY(-8px);opacity:0}25%{opacity:1}100%{transform:translateY(14px);opacity:0}}
.lp-lk-b.on{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.18)}
.lp-lk-b:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.lp-lk-p{display:grid;gap:.8rem;margin-top:1rem}.lp-lk-p.hidden{display:none}
@media(min-width:700px){.lp-lk-p:not(.hidden){grid-template-columns:1fr 1fr}}
.lp-lk-p>div{padding:1rem;border-radius:16px;border:1px dashed var(--border)}.lp-lk-p .fix{background:var(--brand-soft);border:1px solid rgba(var(--brand-rgb),.4)}
.lp-lk-p small{display:block;font-size:12px;font-weight:800;color:var(--muted);margin-bottom:.3rem}.lp-lk-p p{font-size:13.5px;line-height:2}
.lp-lk-f{margin-top:1rem;text-align:center;font-size:13px;color:var(--muted)}.lp-lk-f a{color:var(--brand-strong);font-weight:800}
.lp-paused .lp-lk-b u{animation-play-state:paused}
/* اولین خانهٔ بوم */
.lp-try{max-width:820px;margin-inline:auto;display:grid;gap:1rem}
.lp-try-f{display:flex;gap:.6rem}.lp-try-f input{flex:1;min-width:0;padding:.8rem 1rem;border-radius:14px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:14px}
.lp-try-board{display:grid;gap:.7rem}@media(min-width:700px){.lp-try-board{grid-template-columns:1.4fr 1fr 1fr}}
.lp-try-t{padding:1rem;border-radius:16px;border:1.5px solid var(--border);background:var(--surface);display:grid;gap:.4rem;align-content:start;min-height:96px}
.lp-try-t b{font-size:13px;font-weight:900}.lp-try-t span{font-size:13px;line-height:1.9}
.lp-try-t.on{border-color:var(--brand);background:var(--brand-soft)}.lp-try-t.on.filled span{color:var(--text);font-weight:700}
.lp-try-t.lock{opacity:.6;border-style:dashed}.lp-try-t.lock span{display:flex;align-items:center;gap:.3rem;color:var(--muted);font-size:12px}
.lp-try-h{font-size:13px;line-height:2;text-align:center;color:var(--muted)}
/* پرسش از مشاور */
.lp-ask{max-width:720px;margin-inline:auto;display:grid;gap:1rem}.lp-ask-f{display:grid;gap:.7rem}.lp-ask textarea{resize:vertical;min-height:84px;line-height:1.9}
.lp-ask-a{padding:1.1rem;border-radius:18px;background:var(--brand-soft);border:1px solid rgba(var(--brand-rgb),.4)}.lp-ask-a small{display:block;font-size:12px;font-weight:800;color:var(--muted);margin-bottom:.4rem}
.lp-ask-a #ak-txt{font-size:14px;line-height:2.1;white-space:pre-wrap}.lp-ask-a a{color:var(--brand-strong);font-weight:800}
.lp-ask-e{padding:.8rem 1rem;border-radius:14px;border:1px solid var(--border);font-size:13px;line-height:1.9}

.lp-ask textarea,.lp-try-f input{width:100%;padding:.75rem 1rem;border-radius:14px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:14px}
.lp-ask textarea:focus,.lp-try-f input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(var(--lp-glow),.2)}
.lp-try-h.hidden,.lp-ask-a.hidden,.lp-ask-e.hidden{display:none}

/* ===== رنگ‌بندی صفحهٔ معرفی: آبی فیروزه‌ای (#00DDFF) — فقط همین صفحه؛ پنل و صفحهٔ ورود دست‌نخورده =====
   روشن: سطح‌ها سفید و آبی بسیار روشن، دکمه فیروزه‌ای با متن تیره، عنوان‌ها و لینک‌ها فیروزه‌ای تیره (#006B80).
   تیره: پس‌زمینهٔ آبی-سرمه‌ای تیره، دکمه و تأکیدها فیروزه‌ای روشن. جفت‌رنگ‌های متن و پس‌زمینه حداقل ۴٫۵ به ۱ کنتراست دارند. */
body.lp-font{
  --bg:#F1F8FB; --surface:#FFFFFF; --surface-2:#E7F2F6; --border:#CFE2EA;
  --text:#0B1F26; --muted:#46626E;
  --brand:#00DDFF; --on-brand:#042A33; --brand-strong:#00697D; --brand-soft:#E0F9FD; --brand-rgb:0,221,255; --brand-hi:#33E4FF; --brand-lo:#00B4D1;
  --hero-a:#03171D; --hero-b:#065A70;
  --ok:#0B6B45; --warn:#8F4607; --ok-soft:#E3F3EA; --warn-soft:#FFF0D6;
  --lp-glow:0,221,255; --lp-a:#7CF3FF; --lp-a-rgb:124,243,255; --lp-a-soft:#DDF9FC; --lp-a-ink:#042A33;
  --lp-g1:#00DDFF; --lp-g2:#00B4D1; --lp-t1:#00697D; --lp-t2:#0093AD; --lp-t3:#00697D;
  --lp-bar1:#0093AD; --lp-bar2:#0F8F5F; --lp-bar2t:#0B6B45; --lp-pos:#0B6B45; --lp-warn:#8F4607; --lp-drop:#00B4D1;
}
.dark body.lp-font{
  --bg:#061216; --surface:#0C1D24; --surface-2:#112830; --border:#1F3D49;
  --text:#E8F6FA; --muted:#9DB8C2;
  --brand:#00DDFF; --on-brand:#042A33; --brand-strong:#3FE6FF; --brand-soft:#0A2E36; --brand-rgb:0,221,255; --brand-hi:#7CF3FF; --brand-lo:#00B4D1;
  --hero-a:#03171D; --hero-b:#065A70;
  --ok:#4ADE9E; --warn:#FFB35C; --ok-soft:#0B2B20; --warn-soft:#33220A;
  --lp-glow:0,221,255; --lp-a:#7CF3FF; --lp-a-rgb:124,243,255; --lp-a-soft:rgba(0,221,255,.12); --lp-a-ink:#042A33;
  --lp-g1:#00DDFF; --lp-g2:#00B4D1; --lp-t1:#00DDFF; --lp-t2:#7CF3FF; --lp-t3:#00B4D1;
  --lp-bar1:#00DDFF; --lp-bar2:#4ADE9E; --lp-bar2t:#4ADE9E; --lp-pos:#4ADE9E; --lp-warn:#FFB35C; --lp-drop:#00DDFF;
}
/* رنگ ثابتِ شکل‌های SVG (نمودارها) را به رنگ‌های صفحه وصل می‌کنیم */
rect[fill="#00DDFF"]{fill:var(--lp-bar1)} rect[fill="#0F8F5F"]{fill:var(--lp-bar2)}
stop[stop-color="#00DDFF"]{stop-color:var(--lp-bar1)} path[stroke="#00B4D1"]{stroke:var(--lp-g2)}
.lp-logo rect{fill:var(--brand)} .lp-logo path{stroke:var(--on-brand)}
.lp-kick{background:var(--brand-soft);color:var(--brand-strong);border:1px solid rgba(var(--lp-glow),.45)}
/* دکمهٔ اصلی و ثانویه */
.btn-primary{color:var(--on-brand)}
.lp-hero{background:linear-gradient(180deg,var(--brand-soft),transparent 78%)}
.dark .lp-steps3 .lp-gain{background:rgba(var(--lp-a-rgb),.14)}
/* دکمهٔ اصلی روی بخش‌های تیره (دعوت نهایی و نوار آمار): فیروزه‌ای روشن با متن تیره */
.lp-final .btn-primary,.lp-stats .btn-primary{background:linear-gradient(135deg,#00DDFF,#33E4FF);color:#042A33;box-shadow:0 10px 26px -10px rgba(0,221,255,.7)}
.lp-final .btn-primary:hover:not(:disabled),.lp-stats .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#7CF3FF,#00DDFF)}
/* نوار منو: پس‌زمینهٔ ثابت و مرز و سایهٔ مشخص تا از محتوای صفحه جدا دیده شود (در حالت روشن هم) */
.lp-nav{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 8px 20px -14px rgba(11,31,38,.45)}
.dark .lp-nav{box-shadow:0 8px 20px -12px rgba(0,0,0,.7)}
.lp-nav a.lk:hover{background:var(--brand-soft)}

/* ===== نمونهٔ پنل: پنجرهٔ کامل با منوی کناری (بدون نوار زمان‌بندی) ===== */
.lp-win{position:relative;max-width:1040px;margin:2rem auto 0;border-radius:22px;border:1px solid var(--border);background:var(--surface);overflow:hidden;box-shadow:0 40px 80px -36px rgba(var(--lp-glow),.55),0 2px 0 rgba(255,255,255,.5) inset,var(--shadow)}
.lp-win-bar{display:flex;align-items:center;gap:.4rem;padding:.65rem 1rem;background:var(--surface-2);border-bottom:1px solid var(--border)}
.lp-win-bar>i{width:10px;height:10px;border-radius:50%;background:#FF6B6B}.lp-win-bar>i:nth-child(2){background:#FFC23D}.lp-win-bar>i:nth-child(3){background:#34D27B}
.lp-win-url{margin-inline:auto;display:inline-flex;align-items:center;gap:.35rem;font-size:11.5px;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:99px;padding:.2rem .9rem}
.lp-win-body{display:grid;grid-template-columns:1fr;min-height:430px}
@media(min-width:820px){.lp-win-body{grid-template-columns:210px 1fr}}
.lp-side{display:flex;flex-direction:row;gap:.35rem;padding:.6rem;overflow-x:auto;background:var(--surface-2);border-bottom:1px solid var(--border)}
@media(min-width:820px){.lp-side{flex-direction:column;padding:.9rem .7rem;border-bottom:0;border-left:1px solid var(--border);overflow:visible}}
.lp-side button{display:flex;align-items:center;gap:.55rem;white-space:nowrap;padding:.65rem .85rem;border-radius:12px;font-weight:800;font-size:13px;color:var(--muted);border:1px solid transparent;background:none;cursor:pointer;transition:all .2s;text-align:right}
.lp-side button:hover{color:var(--text);background:var(--surface)}
.lp-side button.on{background:var(--brand);color:var(--on-brand);box-shadow:0 8px 18px -10px rgba(var(--lp-glow),.9)}
.lp-side-note{display:none;margin-top:auto;font-size:11.5px;line-height:1.9;color:var(--muted);padding:.7rem;border-radius:12px;border:1px dashed var(--border);gap:.4rem}
@media(min-width:820px){.lp-side-note{display:flex;align-items:flex-start}}
.lp-main{min-width:0}
.lp-win .lp-pane{padding:1.1rem 1.2rem 1.3rem}
.lp-win .lp-lv{max-width:none;margin:0;border:0;border-radius:0;background:none}
.lp-hello{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.7rem}
.lp-hello b{display:block;font-size:15px}.lp-hello small{font-size:12px}
.lp-nb{display:flex;align-items:center;gap:.6rem;padding:.65rem .9rem;border-radius:12px;font-size:12.5px;line-height:1.8;background:#FFF9E8;border:1px solid #F6E6B8;color:#0B1F26;margin-bottom:.8rem}
.lp-nb i{color:#A8620A;flex-shrink:0}
.dark .lp-nb{background:#251B0C;border-color:#4A3615;color:var(--text)}.dark .lp-nb i{color:var(--warn)}
.lp-win .lp-chips{justify-content:flex-start}
.lp-win .lp-chips button{padding:.4rem .85rem;font-size:12px}
.lp-win-pts{display:grid;gap:.8rem;margin-top:1.4rem}
@media(min-width:760px){.lp-win-pts{grid-template-columns:repeat(3,1fr)}}
.lp-win-pts>div{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.1rem;border-radius:16px;background:var(--surface);border:1px solid var(--border)}
.lp-win-pts i{color:var(--brand-strong)}.lp-win-pts b{font-size:14px}.lp-win-pts span{font-size:12.5px;line-height:1.9;color:var(--muted)}
