/* hamedrezaie.com — /plans.html (pricing funnel). Uses the theme-v4 tokens; nothing here touches other pages. */
.pl-section{padding:70px 0}
.pl-section .wrap{max-width:1180px}
.pl-trust{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px;padding:0}
.pl-trust li{background:var(--card-glass);border:1px solid var(--card-border);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.pl-trust b{font-size:17px;color:var(--ink)}
.pl-trust span{font-size:13px;color:var(--muted-light)}

.pl-step{display:flex;gap:16px;align-items:flex-start;margin-bottom:26px}
.pl-step>span{flex:none;width:44px;height:44px;border-radius:14px;background:var(--grad-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px}
.pl-step h2{font-size:26px;margin-bottom:4px}
.pl-step p{color:var(--muted-light);max-width:760px}

.pl-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:34px}
.pl-tab{font:inherit;color:var(--ink);text-align:right;cursor:pointer;background:var(--card-glass);border:1px solid var(--card-border);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:3px;transition:border-color .2s,transform .2s}
.pl-tab b{font-size:17px}.pl-tab small{font-size:13px;color:var(--muted-light)}
.pl-tab:hover{transform:translateY(-2px);border-color:var(--accent)}
.pl-tab.is-on{border-color:var(--accent);background:linear-gradient(180deg,rgba(139,155,255,.18),rgba(139,155,255,.05));box-shadow:0 14px 34px -18px rgba(106,92,255,.7)}

.js .pl-panel{display:none}.js .pl-panel.is-on{display:block}
.pl-intro{margin-bottom:26px}.pl-intro h2{font-size:28px;margin-bottom:6px}.pl-intro p{color:var(--muted-light);max-width:780px}

.pl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.pl-grid-one{grid-template-columns:minmax(0,520px);justify-content:center}
.pl-card{--tier:#cd7f32;--tier2:#f0b278;position:relative;display:flex;flex-direction:column;background:var(--card-glass);border:1px solid var(--card-border);border-top:3px solid var(--tier);border-radius:22px;padding:26px 24px 22px;box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s}
.pl-card:hover{transform:translateY(-4px);box-shadow:0 26px 50px -26px var(--tier)}
.pl-card.is-pick{border-color:var(--tier);box-shadow:0 0 0 1px var(--tier),0 30px 60px -30px var(--tier);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02))}
.pl-bronze{--tier:#cd7f32;--tier2:#f2b27a}.pl-silver{--tier:#c3cbdc;--tier2:#eef1fa}.pl-gold{--tier:#f2c14e;--tier2:#ffe39a}
.pl-ruby{--tier:#e0446a;--tier2:#ff8aa4}.pl-emerald{--tier:#2fbf8f;--tier2:#8ef0c8}.pl-diamond{--tier:#7dd3fc;--tier2:#c4b5fd}.pl-vip{--tier:#d4a73a;--tier2:#b69cff}
.pl-pick{position:absolute;top:-14px;right:20px;background:linear-gradient(135deg,var(--tier),var(--tier2));color:#0a0f1f;font-weight:800;font-size:12.5px;padding:5px 14px;border-radius:999px}
.pl-top{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;margin-bottom:12px}
.pl-medal{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 30% 28%,var(--tier2),var(--tier) 70%);box-shadow:inset 0 -4px 8px rgba(0,0,0,.25),0 6px 16px -6px var(--tier)}
.pl-diamond .pl-medal{border-radius:8px;transform:rotate(45deg) scale(.82)}
.pl-vip .pl-medal{background:conic-gradient(from 200deg,#d4a73a,#b69cff,#7dd3fc,#d4a73a)}
.pl-top h3{font-size:26px;background:linear-gradient(100deg,var(--tier2),var(--tier));-webkit-background-clip:text;background-clip:text;color:transparent}
.pl-tag{flex-basis:100%;color:var(--muted-light);font-size:14px}
.pl-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:6px 0 2px}
.pl-price b{font-size:34px;color:var(--ink);letter-spacing:0}
.pl-price small{flex-basis:100%;color:var(--muted);font-size:12.5px}
.pl-price span{color:var(--muted-light);font-size:14px}
.pl-vip .pl-price b{font-size:28px}
.pl-inst{margin:6px 0 14px;font-size:13.5px;color:var(--muted-light)}
.pl-inst b{color:var(--tier2)}
.pl-for{font-size:13.5px;color:var(--muted-light);padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);margin-bottom:14px}
.pl-head{font-weight:800;font-size:14px;color:var(--ink);margin-bottom:8px}
.pl-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:9px;margin-bottom:20px;flex:1}
.pl-list li{position:relative;padding-right:24px;font-size:14.5px;line-height:1.75;color:var(--ink)}
.pl-list li::before{content:"✓";position:absolute;right:0;top:0;color:var(--tier2);font-weight:900}
.pl-cta{width:100%;justify-content:center;margin-top:auto}
.pl-sub{display:block;text-align:center;margin-top:10px;font-size:13.5px;color:var(--muted-light);text-decoration:underline;text-underline-offset:4px}
.pl-nudge{display:block;margin-top:14px;padding:10px 12px;border-radius:12px;border:1px dashed var(--tier);font-size:13px;color:var(--tier2);text-align:center}
.pl-nudge:hover{background:rgba(255,255,255,.05)}

.pl-compare{margin-top:30px;background:var(--card-glass);border:1px solid var(--card-border);border-radius:18px;padding:6px 18px}
.pl-compare summary{cursor:pointer;font-weight:800;padding:14px 0}
.pl-table-wrap{overflow-x:auto;padding-bottom:12px}
.pl-table{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
.pl-table th,.pl-table td{padding:11px 12px;text-align:center;border-bottom:1px solid var(--line)}
.pl-table th:first-child,.pl-table td:first-child{text-align:right}
.pl-table thead th{color:var(--accent-soft)}
.pl-price-row td b{color:var(--ink)}

.pl-install-box{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center;background:linear-gradient(135deg,rgba(100,87,245,.22),rgba(47,127,224,.12));border:1px solid rgba(148,163,255,.3);border-radius:26px;padding:34px}
.pl-badge-lg{display:inline-block;background:var(--grad-accent);color:#fff;font-weight:800;font-size:13px;padding:5px 14px;border-radius:999px;margin-bottom:12px}
.pl-install-box h2{font-size:30px;margin-bottom:10px}
.pl-install-box p{color:var(--muted-light)}.pl-install-box a{color:var(--accent-soft);text-decoration:underline;text-underline-offset:4px}
.pl-install-ex{background:rgba(6,9,19,.55);border:1px solid var(--card-border);border-radius:18px;padding:18px 20px}
.pl-install-ex>p{font-weight:800;margin-bottom:10px;color:var(--ink)}
.pl-install-ex ol{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}
.pl-install-ex li{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.05);font-size:14px}
.pl-install-ex li b{color:var(--accent-soft)}

.pl-flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pl-flow li{background:var(--card-glass);border:1px solid var(--card-border);border-radius:20px;padding:24px}
.pl-flow li b{display:inline-flex;width:36px;height:36px;border-radius:12px;background:var(--grad-accent);color:#fff;align-items:center;justify-content:center;margin-bottom:10px}
.pl-flow h3{font-size:19px;margin-bottom:6px}.pl-flow p{color:var(--muted-light);font-size:14.5px}
.pl-cta-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:28px}
.pl-lead-magnet{text-align:center;margin-top:18px;color:var(--muted-light);font-size:14.5px}.pl-lead-magnet a{color:var(--accent-soft);text-decoration:underline;text-underline-offset:4px}

.pl-faq{max-width:860px}.pl-faq h2{font-size:28px;margin-bottom:18px}
.pl-faq details{background:var(--card-glass);border:1px solid var(--card-border);border-radius:16px;margin-bottom:10px;padding:2px 18px}
.pl-faq summary{cursor:pointer;font-weight:800;padding:15px 0}
.pl-faq details p{color:var(--muted-light);padding:0 0 16px}

.pl-sticky{position:fixed;left:12px;right:12px;bottom:12px;z-index:250;display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:16px;background:rgba(8,12,25,.92);border:1px solid var(--card-border);backdrop-filter:blur(10px);font-size:13.5px}
.pl-sticky.is-on{display:flex}

@media (max-width:1020px){.pl-grid{grid-template-columns:1fr 1fr}.pl-trust{grid-template-columns:1fr 1fr}.pl-install-box{grid-template-columns:1fr}.pl-flow{grid-template-columns:1fr}}
@media (max-width:680px){.pl-grid{grid-template-columns:1fr}.pl-tabs{grid-template-columns:1fr}.pl-section{padding:44px 0}.pl-install-box{padding:22px}.pl-install-box h2,.pl-intro h2{font-size:23px}}
@media (min-width:900px){.pl-sticky{display:none!important}}