:root{
  --gold:#d4af6a; --gold-2:#f0d9a8; --gold-3:#a9813f;
  --bg:#0b0b0f; --panel:#14141b; --panel-2:#1a1a23;
  --line:rgba(212,175,106,.18); --line-2:rgba(255,255,255,.07);
  --txt:#f3efe6; --txt-2:#a9a396; --txt-3:#7d786d;
  --ok:#5ecb9a; --bad:#e57373;
  --grad:linear-gradient(135deg,#f0d9a8 0%,#d4af6a 45%,#a9813f 100%);
  --font:"Vazirmatn","IRANSansX","IRANSans","Yekan Bakh","Segoe UI",Tahoma,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font)}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--txt);font-size:15px;line-height:2;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}

/* ---------- هدر ---------- */
header{position:sticky;top:0;z-index:50;background:rgba(11,11,15,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:66px}
.logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:19px;letter-spacing:.5px}
.logo .mark{width:34px;height:34px;border-radius:9px;background:var(--grad);display:flex;align-items:center;justify-content:center;color:#221a0c;font-weight:900;font-size:18px;box-shadow:0 4px 16px rgba(212,175,106,.28)}
.logo .en{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.menu{display:flex;gap:26px;font-size:14px;color:var(--txt-2)}
.menu a:hover{color:var(--gold-2)}
.cta-top{background:var(--grad);color:#221a0c;font-weight:800;font-size:13.5px;padding:9px 20px;border-radius:11px;transition:.2s;white-space:nowrap}
.cta-top:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(212,175,106,.3)}
.burger{display:none;font-size:22px;color:var(--gold-2);background:none;border:none;cursor:pointer}

/* ---------- هیرو ---------- */
.hero{position:relative;padding:96px 0 70px;text-align:center;overflow:hidden}
.hero::before{content:"";position:absolute;top:-260px;left:50%;transform:translateX(-50%);width:760px;height:760px;background:radial-gradient(circle,rgba(212,175,106,.16) 0%,transparent 62%);pointer-events:none}
.hero .grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 40%,transparent 100%);pointer-events:none}
.pill{display:inline-block;background:rgba(212,175,106,.1);border:1px solid var(--line);color:var(--gold-2);border-radius:999px;padding:6px 18px;font-size:13px;position:relative}
h1{font-size:clamp(30px,5.4vw,52px);font-weight:900;line-height:1.55;margin:22px 0 16px;position:relative}
h1 .g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{color:var(--txt-2);font-size:clamp(14.5px,2vw,17px);max-width:640px;margin:0 auto;position:relative;line-height:2.1}
.btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:34px;position:relative}
.btn{padding:13px 30px;border-radius:13px;font-weight:800;font-size:15px;transition:.2s;display:inline-flex;align-items:center;gap:8px}
.btn-p{background:var(--grad);color:#221a0c}
.btn-p:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(212,175,106,.32)}
.btn-s{border:1.5px solid var(--line);color:var(--txt);background:rgba(255,255,255,.03)}
.btn-s:hover{border-color:var(--gold);color:var(--gold-2)}

/* ---------- آمار ---------- */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:64px;position:relative}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px 16px;text-align:center}
.stat .n{font-size:26px;font-weight:900;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat .l{font-size:12.5px;color:var(--txt-3);margin-top:4px}

/* ---------- بخش‌ها ---------- */
section{padding:74px 0}
.sec-head{text-align:center;margin-bottom:44px}
.sec-head .k{color:var(--gold);font-size:13px;letter-spacing:3px;font-weight:800}
.sec-head h2{font-size:clamp(23px,3.6vw,33px);font-weight:900;margin-top:8px}
.sec-head p{color:var(--txt-2);font-size:14.5px;margin-top:10px;max-width:620px;margin-inline:auto}

/* ---------- محصولات ---------- */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:22px}
.card{background:var(--panel);border:1px solid var(--line-2);border-radius:20px;overflow:hidden;transition:.28s;display:flex;flex-direction:column;position:relative}
.card:hover{transform:translateY(-7px);border-color:var(--line);box-shadow:0 22px 46px rgba(0,0,0,.5)}
.card .thumb{height:172px;position:relative;overflow:hidden;background:#101017}
.card .thumb img{width:100%;height:100%;object-fit:cover;opacity:.92;transition:.4s}
.card:hover .thumb img{transform:scale(1.05)}
.card .thumb .ov{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(20,20,27,.92) 100%)}
.tagline{position:absolute;top:13px;right:13px;background:rgba(11,11,15,.82);border:1px solid var(--line);color:var(--gold-2);font-size:11.5px;padding:4px 12px;border-radius:999px;backdrop-filter:blur(6px)}
.card .body{padding:22px;flex:1;display:flex;flex-direction:column}
.card h3{font-size:20px;font-weight:900;display:flex;align-items:center;gap:9px}
.card h3 .ic{width:36px;height:36px;border-radius:10px;background:rgba(212,175,106,.12);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:17px}
.card .desc{color:var(--txt-2);font-size:13.5px;margin-top:11px;flex:1}
.feats{list-style:none;margin-top:14px;display:flex;flex-wrap:wrap;gap:7px}
.feats li{font-size:11.5px;background:rgba(255,255,255,.04);border:1px solid var(--line-2);color:var(--txt-2);padding:4px 11px;border-radius:8px}
.card .foot{margin-top:18px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.from{font-size:12px;color:var(--gold-2);font-weight:800;width:100%;margin-bottom:2px}
.mini{font-size:13px;font-weight:800;padding:9px 18px;border-radius:10px;transition:.2s}
.mini-p{background:var(--grad);color:#221a0c}
.mini-p:hover{transform:translateY(-2px)}
.mini-s{border:1px solid var(--line-2);color:var(--txt-2)}
.mini-s:hover{border-color:var(--gold);color:var(--gold-2)}
.soon{opacity:.72}
.soon .thumb{background:repeating-linear-gradient(45deg,#12121a,#12121a 14px,#16161f 14px,#16161f 28px)}

/* ---------- چرا زون‌تک ---------- */
.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.why .w{background:var(--panel);border:1px solid var(--line-2);border-radius:16px;padding:24px 20px;transition:.25s}
.why .w:hover{border-color:var(--line);transform:translateY(-4px)}
.why .w .i{font-size:26px}
.why .w h4{font-size:16px;font-weight:800;margin:11px 0 7px}
.why .w p{font-size:13px;color:var(--txt-2);line-height:1.95}

/* ---------- درباره ---------- */
.about{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}
.about p{color:var(--txt-2);font-size:14.5px;line-height:2.15;margin-top:12px}
.about .quote{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:28px 26px;position:relative}
.about .quote::before{content:"”";position:absolute;top:2px;right:20px;font-size:64px;line-height:1;color:rgba(212,175,106,.28)}
.about .quote p{color:var(--txt);margin:0;font-size:15px}
.about .quote .who{color:var(--txt-3);font-size:12.5px;margin-top:12px}

/* ---------- پشتیبانی ---------- */
.support{background:linear-gradient(160deg,#15131b 0%,#0e0d13 100%);border:1px solid var(--line);border-radius:24px;padding:46px 30px;text-align:center;position:relative;overflow:hidden}
.support::before{content:"";position:absolute;top:-140px;left:50%;transform:translateX(-50%);width:460px;height:300px;background:radial-gradient(circle,rgba(212,175,106,.15),transparent 70%)}
.support h2{font-size:clamp(22px,3.4vw,30px);font-weight:900;position:relative}
.support p{color:var(--txt-2);margin-top:10px;font-size:14.5px;position:relative}
.phone{display:inline-flex;align-items:center;gap:11px;background:var(--grad);color:#221a0c;font-weight:900;font-size:22px;padding:15px 34px;border-radius:15px;margin-top:24px;direction:ltr;position:relative;transition:.2s;letter-spacing:1px}
.phone:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(212,175,106,.34)}
.hint{font-size:12.5px;color:var(--txt-3);margin-top:14px;position:relative}
.contact-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:16px;position:relative}
.contact-links a{font-size:13px;color:var(--txt-2);border:1px solid var(--line-2);border-radius:999px;padding:8px 18px;transition:.2s}
.contact-links a:hover{border-color:var(--gold);color:var(--gold-2)}

/* ---------- تعرفه‌ها ---------- */
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:22px;align-items:stretch}
.plan{background:var(--panel);border:1px solid var(--line-2);border-radius:20px;padding:30px 24px 24px;display:flex;flex-direction:column;position:relative;transition:.28s}
.plan:hover{transform:translateY(-6px);border-color:var(--line)}
.plan.best{border-color:var(--gold);background:linear-gradient(170deg,rgba(212,175,106,.10),rgba(20,20,27,.55) 46%),var(--panel);box-shadow:0 18px 44px rgba(212,175,106,.14)}
.plan .badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--grad);color:#221a0c;font-size:12px;font-weight:900;padding:5px 18px;border-radius:999px;white-space:nowrap;box-shadow:0 6px 18px rgba(212,175,106,.28)}
.plan h3{font-size:19px;font-weight:900}
.plan .dur{color:var(--txt-3);font-size:12.5px;margin-top:2px;line-height:1.8}
.price{display:flex;align-items:baseline;gap:7px;margin:16px 0 2px}
.price .num{font-size:35px;font-weight:900;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.25}
.price .cur{font-size:12.5px;color:var(--txt-2);font-weight:700}
.per{font-size:12px;color:var(--gold-2);background:rgba(212,175,106,.07);border:1px dashed var(--line);border-radius:9px;padding:7px 11px;margin-top:12px;line-height:1.85}
.plan ul{list-style:none;margin-top:15px;display:flex;flex-direction:column;gap:9px;font-size:13px;color:var(--txt-2);flex:1}
.plan ul li{display:flex;gap:8px;align-items:flex-start;line-height:1.85}
.plan ul li::before{content:"✓";color:var(--ok);font-weight:900;flex:0 0 auto}
.plan .cta{display:block;text-align:center;margin-top:20px;padding:11px 16px;border-radius:11px;font-weight:800;font-size:14px}
.cmp-title{font-size:17px;font-weight:900;margin:46px 0 0;display:flex;align-items:center;gap:10px}
.cmp-title::before{content:"";width:4px;height:20px;border-radius:2px;background:var(--grad)}
.cmp{overflow-x:auto;margin-top:18px;border:1px solid var(--line-2);border-radius:16px;background:var(--panel)}
.cmp table{width:100%;border-collapse:collapse;font-size:13px;min-width:640px}
.cmp th,.cmp td{padding:13px 16px;text-align:right;border-bottom:1px solid var(--line-2)}
.cmp thead th{background:rgba(212,175,106,.07);color:var(--gold-2);font-weight:800;font-size:13px;white-space:nowrap}
.cmp tbody tr:last-child td{border-bottom:0}
.cmp td.c,.cmp th.c{text-align:center}
.cmp .yes{color:var(--ok);font-weight:900}
.cmp .no{color:var(--txt-3)}
.cmp-hint{display:none;font-size:12px;color:var(--txt-3);margin-top:9px;text-align:center}
.fine{font-size:12px;color:var(--txt-3);margin-top:12px;line-height:1.95}
.addons{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:18px}
.addon{background:var(--panel-2);border:1px solid var(--line-2);border-radius:14px;padding:18px 17px;transition:.22s}
.addon:hover{border-color:var(--line)}
.addon .t{font-weight:800;font-size:14px;line-height:1.8}
.addon .p{color:var(--gold-2);font-weight:900;font-size:13.5px;margin-top:6px}
.addon .d{color:var(--txt-3);font-size:12px;margin-top:5px;line-height:1.8}
.faq{margin-top:18px;display:flex;flex-direction:column;gap:10px}
.faq details{background:var(--panel);border:1px solid var(--line-2);border-radius:14px;padding:0 18px;transition:.2s}
.faq details[open]{border-color:var(--line)}
.faq summary{cursor:pointer;padding:15px 0;font-weight:800;font-size:14px;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--gold);font-size:20px;font-weight:400;line-height:1;flex:0 0 auto}
.faq details[open] summary::after{content:"−"}
.faq .a{color:var(--txt-2);font-size:13px;padding:0 0 16px;line-height:2}
.trust{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:28px}
.trust span{font-size:12.5px;color:var(--txt-2);background:rgba(255,255,255,.04);border:1px solid var(--line-2);border-radius:999px;padding:7px 16px;line-height:1.8}
.demo-cta{display:flex;justify-content:center;margin-top:26px}
.demo-cta .btn{font-size:14px;padding:11px 26px}

/* ---------- صفحهٔ محصول ---------- */
.crumb{font-size:12.5px;color:var(--txt-3);display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.crumb a:hover{color:var(--gold-2)}
.crumb .sep{opacity:.45}
.p-hero{position:relative;padding:62px 0 46px;overflow:hidden}
.p-hero::before{content:"";position:absolute;top:-280px;left:50%;transform:translateX(-50%);width:820px;height:700px;background:radial-gradient(circle,rgba(212,175,106,.14) 0%,transparent 64%);pointer-events:none}
.p-hero .wrap{position:relative}
.p-hero .top{display:grid;grid-template-columns:1.12fr .88fr;gap:44px;align-items:center}
.p-hero h1{font-size:clamp(28px,4.4vw,44px);margin:14px 0 14px;text-align:right;line-height:1.45}
.p-hero .lead{color:var(--txt-2);font-size:15px;line-height:2.05}
.p-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.p-meta span{font-size:11.5px;background:rgba(255,255,255,.04);border:1px solid var(--line-2);color:var(--txt-2);padding:5px 12px;border-radius:8px}
.p-hero .btns{justify-content:flex-start;margin-top:24px}
.shot{border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 26px 64px rgba(0,0,0,.55);background:#101017;position:relative}
.shot::after{content:"";position:absolute;inset:0;border-radius:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);pointer-events:none}
.shot img{width:100%;height:auto}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.fitem{background:var(--panel);border:1px solid var(--line-2);border-radius:16px;padding:22px 20px;transition:.25s}
.fitem:hover{border-color:var(--line);transform:translateY(-4px)}
.fitem .i{font-size:24px}
.fitem h4{font-size:15px;font-weight:800;margin:10px 0 6px}
.fitem p{font-size:12.8px;color:var(--txt-2);line-height:1.9}

/* ---------- صفحات حقوقی ---------- */
.legal{max-width:840px;margin:0 auto}
.legal h2{font-size:20px;font-weight:900;margin:36px 0 10px}
.legal h2:first-of-type{margin-top:0}
.legal h3{font-size:15.5px;font-weight:800;margin:22px 0 8px}
.legal p,.legal li{color:var(--txt-2);font-size:14px;line-height:2.05}
.legal ul{list-style:disc;padding-inline-start:24px;margin:8px 0}
.legal a{color:var(--gold-2);text-decoration:underline;text-underline-offset:3px}
.updated{font-size:12px;color:var(--txt-3);margin-bottom:26px}
.legal .box{background:var(--panel);border:1px solid var(--line-2);border-radius:14px;padding:18px 20px;margin:18px 0}
.legal .box p{color:var(--txt);margin:0;font-size:13.5px}

/* ---------- ۴۰۴ ---------- */
.err{min-height:58vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px;padding:60px 22px}
.err .code{font-size:84px;font-weight:900;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1}
.err h1{font-size:24px;margin:0}
.err p{color:var(--txt-2);font-size:14px;max-width:420px}
.err .btns{margin-top:20px}

/* ---------- فوتر ---------- */
footer{border-top:1px solid var(--line);padding:34px 0 30px;margin-top:20px}
.f-in{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.f-links{display:flex;gap:22px;font-size:13.5px;color:var(--txt-2);flex-wrap:wrap}
.f-links a:hover{color:var(--gold-2)}
.copy{font-size:12.5px;color:var(--txt-3);text-align:center;margin-top:22px;border-top:1px solid var(--line-2);padding-top:20px}
.copy a:hover{color:var(--gold-2)}

/* ---------- ریسپانسیو ---------- */
@media(min-width:821px){.plan .per{min-height:63px;display:flex;align-items:center}}
@media(max-width:820px){
  .menu,.cta-top{display:none}
  .burger{display:block}
  .menu.open{display:flex;position:absolute;top:66px;left:0;right:0;flex-direction:column;background:var(--panel);border-bottom:1px solid var(--line);padding:18px 22px;gap:16px}
  .stats{grid-template-columns:1fr}
  section{padding:52px 0}
  .hero{padding:64px 0 46px}
  .cmp-hint{display:block}
  .p-hero{padding:40px 0 30px}
  .p-hero .top,.about{grid-template-columns:1fr;gap:26px}
  .p-hero .btns{justify-content:center}
  .p-hero h1{text-align:center}
  .p-meta{justify-content:center}
  .crumb{justify-content:center}
}

/* ---------- دکمهٔ تغییر تم ---------- */
.nav-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.theme-btn{width:38px;height:38px;padding:0;border-radius:11px;border:1px solid var(--line-2);background:rgba(255,255,255,.04);color:var(--gold-2);display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;cursor:pointer;transition:.2s}
.theme-btn svg{width:18px;height:18px;display:block}
.theme-btn:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-1px)}
.theme-btn .t-moon{display:none}
html[data-theme="light"] .theme-btn .t-sun{display:none}
html[data-theme="light"] .theme-btn .t-moon{display:block}

/* ---------- تم روشن ---------- */
html{color-scheme:dark}
html[data-theme="light"]{
  color-scheme:light;
  --gold:#a9813f; --gold-2:#8a6524; --gold-3:#6d4f1d;
  --bg:#faf8f3; --panel:#ffffff; --panel-2:#f3efe6;
  --line:rgba(169,129,63,.30); --line-2:rgba(30,25,15,.10);
  --txt:#1a1814; --txt-2:#57524a; --txt-3:#8b8578;
  --ok:#2f8f63; --bad:#c0392b;
}
body{transition:background-color .25s ease,color .25s ease}
html[data-theme="light"] header{background:rgba(250,248,243,.9)}
html[data-theme="light"] .hero::before,
html[data-theme="light"] .p-hero::before{opacity:.5}
html[data-theme="light"] .hero .grid-bg{background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px)}
html[data-theme="light"] .logo .en,
html[data-theme="light"] h1 .g,
html[data-theme="light"] .price .num,
html[data-theme="light"] .err .code{background:linear-gradient(135deg,#a9813f 0%,#7d5c22 60%,#5f4519 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme="light"] .btn-s,
html[data-theme="light"] .theme-btn{background:rgba(0,0,0,.035)}
html[data-theme="light"] .theme-btn:hover{background:#fff}
html[data-theme="light"] .card .thumb{background:#eeeae1}
html[data-theme="light"] .card .thumb .ov{background:linear-gradient(180deg,transparent 40%,rgba(255,255,255,.94) 100%)}
html[data-theme="light"] .soon .thumb{background:repeating-linear-gradient(45deg,#f4f1e9,#f4f1e9 14px,#ece7dc 14px,#ece7dc 28px)}
html[data-theme="light"] .tagline{background:rgba(255,255,255,.9)}
html[data-theme="light"] .feats li,
html[data-theme="light"] .p-meta span,
html[data-theme="light"] .trust span{background:rgba(0,0,0,.035)}
html[data-theme="light"] .support{background:linear-gradient(160deg,#ffffff 0%,#f5f1e8 100%)}
html[data-theme="light"] .plan.best{background:linear-gradient(170deg,rgba(212,175,106,.16),rgba(255,255,255,.65) 46%),var(--panel)}
html[data-theme="light"] .shot{background:#ece7dc;box-shadow:0 24px 54px rgba(40,33,20,.16)}
html[data-theme="light"] .card:hover{box-shadow:0 20px 40px rgba(40,33,20,.13)}
html[data-theme="light"] .cmp thead th{background:rgba(169,129,63,.10)}