@font-face{font-family:"Vazirmatn";src:url("/fonts/Vazirmatn-wght.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{--card:#fffdf7;--soft:#e8e6de;--acid-ink:#10110d;accent-color:#b5d900}
html[data-theme="dark"]{--card:#181915;--soft:#20211c;accent-color:#d7ff3f}
body{font-family:"Vazirmatn",Tahoma,Arial,sans-serif}
.navlinks a.on{color:var(--acid)}
[hidden]{display:none!important}
.sr{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}

/* hero */
.pr-hero{padding:60px 0 40px}
.pr-hero h1{font-size:clamp(40px,6vw,88px);letter-spacing:-3px;line-height:1.05;margin:28px 0 22px;font-weight:950}
.pr-hero h1 em{font-style:normal;color:var(--acid);text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:10px}
.pr-hero p{color:var(--muted);font-size:17px;line-height:1.9;max-width:620px;margin:0}

/* shared banner */
.pr-shared{margin:0 auto 34px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:var(--acid);color:var(--acid-ink);border-radius:22px;padding:22px 28px}
.pr-shared small{display:block;font-weight:700;opacity:.7;margin-bottom:4px}
.pr-shared strong{font-size:22px}
.pr-shared .pr-shared-price{font-size:30px;font-weight:950}
.pr-shared a{background:var(--acid-ink);color:var(--acid);border-radius:999px;padding:12px 20px;font-weight:800}
.pr-shared .old{width:100%;font-size:13px;font-weight:700;opacity:.8}

/* presets */
.pr-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:14px}
.pr-preset{position:relative;text-align:right;font:inherit;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px 22px 20px;cursor:pointer;transition:.2s}
.pr-preset:hover{border-color:var(--acid);transform:translateY(-3px)}
.pr-preset.on{border-color:var(--acid);box-shadow:0 0 0 2px var(--acid) inset}
.pr-preset h3{margin:0 0 4px;font-size:19px}
.pr-preset .from{color:var(--muted);font-size:13px}
.pr-preset .from b{color:var(--fg);font-size:24px;font-weight:900;margin-inline:4px}
.pr-preset ul{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:6px}
.pr-preset li{font-size:12px;background:var(--soft);border-radius:999px;padding:5px 10px;color:var(--muted)}
.pr-preset .tag{position:absolute;top:18px;left:18px;font-size:11px;font-weight:800;background:var(--acid);color:var(--acid-ink);border-radius:999px;padding:4px 10px}
.pr-classic{margin-bottom:60px;color:var(--muted);font-size:14px}
.pr-classic summary{cursor:pointer;width:fit-content;padding:6px 0}
.pr-classic summary:hover{color:var(--fg)}
.pr-table-wrap{overflow-x:auto;margin-top:14px;border:1px solid var(--line);border-radius:18px}
.pr-table{width:100%;border-collapse:collapse;min-width:620px;font-size:13px;color:var(--fg)}
.pr-table th,.pr-table td{padding:12px 16px;border-bottom:1px solid var(--line);text-align:right}
.pr-table td:not(:first-child),.pr-table th:not(:first-child){text-align:center}
.pr-table thead th{background:var(--soft);font-size:14px}
.pr-table tr:last-child td{border-bottom:0}
.pr-table .y{color:#7aa500;font-weight:900}
html[data-theme="dark"] .pr-table .y{color:var(--acid)}
.pr-table .n{color:var(--muted);opacity:.5}

/* calculator layout */
.pr-calc{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:40px;align-items:start;padding-bottom:80px}
.pr-step{border:0;margin:0 0 44px;padding:0;min-width:0}
.pr-step legend{display:flex;align-items:center;gap:14px;font-size:22px;font-weight:900;margin-bottom:18px;padding:0}
.pr-step legend i{font:700 12px Arial;font-style:normal;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--acid);color:var(--acid-ink);flex:none}
.pr-step legend small{font-size:13px;font-weight:500;color:var(--muted)}
.pr-sub{font-size:13px;color:var(--muted);margin:18px 0 10px;font-weight:700}
.pr-sub:first-of-type{margin-top:0}

/* option cards */
.pr-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pr-card{position:relative;display:flex;flex-direction:column;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 16px;cursor:pointer;transition:.15s;min-height:112px}
.pr-card:hover{border-color:var(--muted)}
.pr-card b{font-size:16px}
.pr-card span{font-size:12.5px;color:var(--muted);line-height:1.7}
.pr-card em{position:absolute;top:-9px;left:12px;font-style:normal;font-size:10.5px;font-weight:800;background:#7c62ff;color:#fff;border-radius:999px;padding:3px 9px}
.pr-card:has(:checked){border-color:var(--acid);box-shadow:0 0 0 2px var(--acid) inset;background:color-mix(in srgb,var(--acid) 9%,var(--card))}
.pr-card:has(:focus-visible),.pr-seg label:has(:focus-visible),.pr-chip:has(:focus-visible){outline:2px solid #7c62ff;outline-offset:2px}

/* segmented */
.pr-seg{display:flex;flex-wrap:wrap;gap:6px;background:var(--soft);border-radius:16px;padding:5px;width:fit-content;max-width:100%}
.pr-seg label{cursor:pointer;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:700;color:var(--muted);transition:.15s;text-align:center;line-height:1.4}
.pr-seg label small{display:block;font-size:11px;font-weight:500;opacity:.8}
.pr-seg label:hover{color:var(--fg)}
.pr-seg label:has(:checked){background:var(--fg);color:var(--bg)}

/* feature chips */
.pr-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pr-chip{display:flex;align-items:flex-start;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;cursor:pointer;transition:.15s}
.pr-chip:hover{border-color:var(--muted)}
.pr-chip .box{flex:none;width:20px;height:20px;border-radius:6px;border:1.5px solid var(--line);display:grid;place-items:center;font-size:12px;color:transparent;margin-top:2px;transition:.15s}
.pr-chip:has(:checked){border-color:var(--acid);background:color-mix(in srgb,var(--acid) 9%,var(--card))}
.pr-chip:has(:checked) .box{background:var(--acid);border-color:var(--acid);color:var(--acid-ink)}
.pr-chip:has(:disabled){cursor:default}
.pr-chip div{display:flex;flex-direction:column;gap:3px;min-width:0}
.pr-chip b{font-size:14px;line-height:1.5}
.pr-chip span{font-size:12px;color:var(--muted);line-height:1.6}
.pr-chip small{font-size:11.5px;font-weight:800;color:#7c62ff}
html[data-theme="dark"] .pr-chip small{color:#a99bff}
.pr-more{margin-top:14px;font:inherit;font-size:14px;font-weight:700;background:none;border:1px dashed var(--line);color:var(--fg);border-radius:999px;padding:10px 18px;cursor:pointer}
.pr-more:hover{border-color:var(--acid)}
.pr-free{margin-top:16px;font-size:13px;color:var(--muted);line-height:2}
.pr-free b{color:var(--fg)}

/* summary */
.pr-sum{position:sticky;top:20px;background:var(--black);color:#f3f2ec;border-radius:28px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.18)}
html[data-theme="dark"] .pr-sum{background:#1b1c17;border:1px solid var(--line)}
.pr-sum-label{font-size:13px;color:#a8a89e;display:flex;justify-content:space-between}
.pr-price{display:flex;align-items:baseline;gap:10px;margin:10px 0 4px}
.pr-price b{font-size:64px;font-weight:950;color:#d7ff3f;letter-spacing:-2px;line-height:1}
.pr-price span{font-size:16px;color:#cfcfc6}
.pr-tax{font-size:12.5px;color:#a8a89e;line-height:1.9}
.pr-meta{display:flex;gap:10px;margin:18px 0}
.pr-meta div{flex:1;background:rgba(255,255,255,.06);border-radius:14px;padding:12px 14px}
.pr-meta small{display:block;font-size:11px;color:#a8a89e}
.pr-meta b{font-size:15px}
.pr-lines{list-style:none;padding:0;margin:0 0 6px;font-size:13px;max-height:260px;overflow:auto}
.pr-lines li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08);color:#d8d8cf}
.pr-lines li span:last-child{white-space:nowrap;color:#fff;font-weight:700}
.pr-lines li.free span:last-child{color:#d7ff3f}
.pr-name{margin:18px 0 12px}
.pr-name label{font-size:12px;color:#a8a89e;display:block;margin-bottom:6px}
.pr-name input{width:100%;font:inherit;font-size:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:12px;padding:11px 14px}
.pr-name input:focus{outline:2px solid #d7ff3f;outline-offset:1px}
.pr-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;font:inherit;font-weight:800;font-size:15px;border:0;border-radius:999px;padding:15px 18px;cursor:pointer;transition:.15s}
.pr-btn.main{background:#d7ff3f;color:#10110d}
.pr-btn.main:hover{transform:translateY(-2px)}
.pr-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.pr-row .pr-btn{background:rgba(255,255,255,.08);color:#f3f2ec;font-size:12.5px;padding:11px 6px}
.pr-row .pr-btn:hover{background:rgba(255,255,255,.16)}
.pr-cta{margin-top:10px;background:transparent!important;border:1px solid rgba(255,255,255,.25)!important;color:#fff!important}
.pr-note{font-size:12px;color:#a8a89e;line-height:1.9;margin:16px 0 0;display:flex;gap:8px}
.pr-note i{font-style:normal;color:#d7ff3f}

/* notes / faq */
.pr-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:60px}
.pr-notes article{border-top:1px solid var(--line);padding-top:22px}
.pr-notes b{color:var(--acid);font:700 13px Arial}
.pr-notes h3{margin:14px 0 8px;font-size:20px}
.pr-notes p{color:var(--muted);line-height:1.9;margin:0;font-size:14px}
.pr-faq{padding-bottom:120px;max-width:860px}
.pr-faq h2{font-size:clamp(32px,4vw,52px);letter-spacing:-2px;margin:0 0 26px}
.pr-faq details{border-bottom:1px solid var(--line);padding:20px 0}
.pr-faq summary{cursor:pointer;font-weight:800;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:20px}
.pr-faq summary::-webkit-details-marker{display:none}
.pr-faq summary:after{content:"+";color:var(--acid);font-size:22px;line-height:1}
.pr-faq details[open] summary:after{content:"−"}
.pr-faq p{color:var(--muted);line-height:2;margin:14px 0 0}

/* mobile bar + toast */
.pr-bar{display:none}
.pr-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,40px);opacity:0;background:var(--acid);color:var(--acid-ink);font-weight:800;padding:14px 22px;border-radius:999px;box-shadow:0 14px 40px rgba(0,0,0,.25);transition:.25s;z-index:99;pointer-events:none}
.pr-toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:1100px){
  .pr-calc{grid-template-columns:1fr}
  .pr-sum{position:static}
  .pr-cards{grid-template-columns:repeat(2,1fr)}
  .pr-bar{display:flex;position:fixed;left:96px;right:16px;bottom:22px;height:62px;box-sizing:border-box;z-index:50;align-items:center;justify-content:space-between;gap:12px;background:var(--black);color:#fff;border-radius:22px;padding:0 18px 0 14px;box-shadow:0 14px 40px rgba(0,0,0,.3);transition:.25s}
  html[data-theme="dark"] .pr-bar{background:#1f201b;border:1px solid var(--line)}
  .pr-bar.off{transform:translateY(150%)}
  .pr-bar small{display:block;font-size:11px;color:#a8a89e;line-height:1.2}
  .pr-bar b{font-size:22px;color:#d7ff3f;line-height:1}
  .pr-bar a{background:#d7ff3f;color:#10110d;border-radius:999px;padding:11px 18px;font-weight:800;font-size:13px;white-space:nowrap}
}
@media(max-width:800px){
  .pr-hero{padding-top:30px}
  .pr-hero h1{letter-spacing:-1.5px}
  .pr-presets{grid-template-columns:1fr}
  .pr-chips{grid-template-columns:1fr 1fr}
  .pr-notes{grid-template-columns:1fr}
  .pr-price b{font-size:52px}
  .pr-step legend{font-size:19px}
  .pr-seg{width:100%}
  .pr-seg label{flex:1;padding:10px 8px}
  .pr-bar{left:94px;right:14px;bottom:22px;height:62px;padding:0 14px 0 12px}
  .pr-bar b{font-size:20px}
  .pr-bar a{padding:10px 14px;font-size:12.5px}
}
@media(max-width:480px){
  .pr-chips{grid-template-columns:1fr}
  .pr-cards{gap:8px}
  .pr-card{padding:14px 12px;min-height:0}
  .pr-bar{left:90px;right:10px;bottom:22px;height:62px;padding:0 12px 0 10px}
  .pr-bar b{font-size:18px}
  .pr-bar a{padding:9px 12px;font-size:11.5px}
}
@media print{
  .nav,.pr-hero,.pr-presets,.pr-classic,.pr-form,.pr-notes,.pr-faq,.pr-bar,.pr-row,.pr-btn,.pr-name,footer,.pr-shared a{display:none!important}
  body{background:#fff;color:#000}
  .pr-calc{display:block}
  .pr-sum{background:#fff!important;color:#000;box-shadow:none;border:1px solid #ccc}
  .pr-price b{color:#000}
  .pr-lines{max-height:none}
  .pr-lines li,.pr-lines li span:last-child{color:#000}
}