@font-face{font-family:Vazirmatn;src:url(fonts/webfonts/Vazirmatn-FD-Medium.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(fonts/webfonts/Vazirmatn-FD-SemiBold.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(fonts/webfonts/Vazirmatn-FD-Bold.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(fonts/webfonts/Vazirmatn-FD-ExtraBold.woff2) format('woff2');font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(fonts/webfonts/Vazirmatn-FD-Black.woff2) format('woff2');font-weight:900;font-style:normal;font-display:swap}:root{--primary-color:#1e59ef;--secondary-color:#2ecc71;--accent-color:#e74c3c;--light-color:#f9f9f9;--dark-color:#333;--shadow:0 4px 6px rgba(0, 0, 0, 0.1);--pars-color:#1e59ef;--didar-color:rgb(0, 175, 158)}*{font-feature-settings:"ss01";box-sizing:border-box;margin:0;padding:0;font-family:'Vazirmatn','Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body{background-color:#f5f7fa;color:var(--dark-color);line-height:1.6;padding:0}h2{font-size:1.5em;font-weight:700}h4{font-size:1.4rem}.container{max-width:1400px;margin:0 auto}header{text-align:center;padding:30px 20px;background:#1e59ef;color:#fff;margin-bottom:30px}h1{margin-bottom:15px;font-size:2.2rem}.description{margin:0 auto;font-size:1.1rem;opacity:.9}.tabs{display:flex;background-color:#fff;border-radius:10px 10px 0 0;overflow:hidden;box-shadow:var(--shadow);margin:0 20px;position: sticky;top: 0;z-index: 999}.tab{flex:1;padding:18px;text-align:center;cursor:pointer;font-weight:600;font-size:1.1rem;transition:all 0.3s;border-bottom:3px solid #fff0}.tab.active{border-bottom:3px solid var(--primary-color);background-color:rgb(52 152 219 / .1)}.tab:hover{background-color:rgb(52 152 219 / .05)}.tab-content{display:none;padding:20px}.tab-content.active{display:block}.input-section{background-color:#fff;padding:25px;border-radius:10px;box-shadow:var(--shadow);margin-bottom:30px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}@media (max-width:768px){.input-section{grid-template-columns:1fr}}.input-group{display:flex;flex-direction:column;margin-bottom:15px}label{margin-bottom:8px;font-weight:600}input[type="number"],select{padding:12px;border:1px solid #ddd;border-radius:5px;font-size:16px;transition:border 0.3s}input:focus,select:focus{border-color:var(--primary-color);outline:none}.calculate-btn-container{grid-column:1 / -1;text-align:center;display:flex;flex-direction:column;margin-top:50px}button{background-color:var(--primary-color);color:#fff;border:none;padding:12px 25px;border-radius:5px;cursor:pointer;font-size:16px;font-weight:600;transition:background-color 0.3s}button:hover{background-color:#1649cd}.comparison-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}@media (max-width:768px){.comparison-section{grid-template-columns:1fr}}.card{background-color:#fff;border-radius:10px;box-shadow:var(--shadow);padding:25px;transition:transform 0.3s;position:relative}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.card-title{font-size:20px;font-weight:700}.pars-vitiger .card-title{color:var(--pars-color)}.didar .card-title{color:var(--didar-color)}.price{font-size:24px;font-weight:700}.pars-vitiger .price{color:var(--pars-color)}.didar .price{color:var(--didar-color)}.recommended-badge{background-color:var(--accent-color);color:#fff;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:600;position:absolute;top:15px;left:15px}.package-selector{margin-bottom:20px}.package-selector label{display:block;margin-bottom:8px;font-weight:600}.package-options{display:grid;grid-template-columns:1fr;gap:10px}.package-option{padding:12px;border:2px solid #ddd;border-radius:5px;cursor:pointer;transition:all 0.3s;position:relative}.package-option:hover{border-color:var(--primary-color)}.package-option.selected{border-color:var(--primary-color);background-color:rgb(52 152 219 / .1)}.pars-vitiger .package-option.selected{border-color:var(--pars-color);background-color:rgb(52 152 219 / .1)}.didar .package-option.selected{border-color:var(--didar-color);background-color:rgb(46 204 113 / .1)}.package-name{font-weight:600;margin-bottom:5px}.package-price{color:#666}.yearly-costs{margin-top:20px;padding:15px;background-color:#f9f9f9;border-radius:5px}.yearly-costs h3{margin-bottom:10px;color:var(--dark-color)}.cost-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:5px;border:1px dashed #ddd}.cost-item{display:flex;justify-content:space-between;padding:5px;border:1px dashed #ddd}.suggestion{background-color:#e8f4fd;border-right:4px solid var(--primary-color);padding:15px;margin-top:15px;border-radius:5px}.chart-section{background-color:#fff;padding:25px;border-radius:10px;box-shadow:var(--shadow);margin-bottom:30px}.chart-container{height:400px;position:relative}.conclusion{background-color:#fff;padding:25px;border-radius:10px;box-shadow:var(--shadow);text-align:center}.conclusion h2{margin-bottom:15px;color:var(--primary-color)}.highlight{font-weight:700;font-size:18px;color:var(--accent-color)}.note{margin-top:20px;font-size:14px;color:#666;font-style:italic}.features-section{background-color:#fff;border-radius:10px;box-shadow:var(--shadow);overflow:hidden}.features-header{display:grid;grid-template-columns:40px 2fr 1fr 1fr;gap:1px;background-color:#eee}.feature-category{background-color:#5787ff;color:#fff;padding:15px;font-weight:700;font-size:1.1rem;grid-column:1 / -1}.feature-header{background-color:var(--primary-color);color:#fff;padding:15px;text-align:center;font-weight:700}.feature-row{display:grid;grid-template-columns:40px 2fr 1fr 1fr;gap:1px;border-bottom:1px solid #eee}.feature-row:nth-child(even){background-color:#f9f9f9}.feature-row:hover{background-color:#f8faff}.feature-checkbox{padding:12px 15px;display:flex;align-items:center;justify-content:center}.feature-name{padding:12px 15px}.feature-value{padding:12px 15px;text-align:center}.has-feature{color:var(--didar-color);font-weight:600}.no-feature{color:#e74c3c}.feature-category-row{background-color:#f1f8ff!important;font-weight:700;border:solid var(--primary-color);border-width:2px 0 2px 0}.feature-search{padding:15px;background-color:#f5f7fa;border-bottom:1px solid #eee;display:grid;grid-template-columns:1fr auto auto auto;gap:15px;align-items:center}#feature-search{padding:12px;border-radius:5px;font-size:16px;transition:border 0.3s;border:1px solid #ddd}.feature-search input,.feature-search select{padding:12px;border:1px solid #ddd;border-radius:5px;font-size:16px}.feature-search input{width:100%}.filter-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;padding:15px;background-color:#f5f7fa;border-bottom:1px solid #eee}.filter-group{display:flex;flex-direction:column}.filter-group label{margin-bottom:5px;font-weight:600;font-size:.9rem}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background-color:#fff;border-radius:10px;box-shadow:var(--shadow);padding:20px;text-align:center}.stat-value{font-size:2.5rem;font-weight:700;margin:10px 0}.pars-stat{color:var(--pars-color)}.didar-stat{color:var(--didar-color)}.stat-label{color:#666;font-size:1rem}.feature-count{display:inline-block;background-color:var(--primary-color);color:#fff;padding:3px 8px;border-radius:12px;font-size:.8rem;margin-left:5px}.summary-section{background-color:#fff;border-radius:10px;box-shadow:var(--shadow);padding:25px;margin-bottom:30px}.summary-section h2{margin-bottom:20px;color:var(--primary-color);border-bottom:2px solid #eee;padding-bottom:10px}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width:768px){.pros-cons{grid-template-columns:1fr}}.pros,.cons{padding:15px;border-radius:8px}.pros{background-color:rgb(46 204 113 / .1);border-right:4px solid var(--didar-color)}.cons{background-color:rgb(231 76 60 / .1);border-right:4px solid var(--accent-color)}.pros h3,.cons h3{margin-bottom:15px;display:flex;align-items:center}.pros h3:before{content:"✓";background-color:var(--didar-color);color:#fff;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-left:10px}.cons h3:before{content:"✗";background-color:var(--accent-color);color:#fff;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-left:10px}.pros ul,.cons ul{padding-right:20px}.pros li,.cons li{margin-bottom:8px}footer{text-align:center;padding:20px;background-color:#2c3e50;color:#fff;margin-top:30px}.reset-filters{background-color:#95a5a6;color:#fff;border:none;padding:12px 20px;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color 0.3s}.reset-filters:hover{background-color:#7f8c8d}.export-btn{background-color:#27ae60;color:#fff;border:none;padding:12px 20px;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color 0.3s}.export-btn:hover{background-color:#219653}.staff-growth-inputs{margin-top:10px;padding:10px;background-color:#f9f9f9;border-radius:5px}.staff-growth-input{display:flex;align-items:center;margin-bottom:8px}.staff-growth-input label{min-width:80px;margin-bottom:0;margin-left:10px}.selected-features-summary{margin-top:20px;padding:15px;background-color:#e8f4fd;border-radius:8px;border-right:4px solid var(--primary-color)}.selected-features-summary h3{margin-bottom:10px;color:var(--primary-color)}.selected-features-list{max-height:200px;overflow-y:auto;margin-top:10px}.selected-feature-item{padding:8px;border-bottom:1px dashed #ddd;display:flex;justify-content:space-between}.selected-feature-item:last-child{border-bottom:none}.cost-summary{background-color:#e8f6f3;border-right:4px solid var(--didar-color);padding:15px;border-radius:8px;margin-top:20px}.cost-summary h3{margin-bottom:10px;color:var(--didar-color)}.cost-comparison{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.cost-item-summary{background-color:#fff;padding:15px;border-radius:5px;text-align:center;box-shadow:var(--shadow)}.cost-value{font-size:1.5rem;font-weight:700;margin:10px 0}.pars-cost{color:var(--pars-color)}.didar-cost{color:var(--didar-color)}.renewal-section{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:15px;margin-bottom:20px}.renewal-section h3{color:#856404;margin-bottom:10px}.tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#1e59ef;color:#fff;border-radius:50%;font-size:12px;font-weight:700;margin-right:8px;cursor:pointer;transition:all 0.3s ease}.tooltip-icon:hover{background:#2980b9;transform:scale(1.1)}.custom-tooltip{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;box-shadow:0 10px 30px rgb(0 0 0 / .3);padding:0;z-index:1000;max-width:400px;width:90%;display:none;animation:tooltipFadeIn 0.3s ease}@keyframes tooltipFadeIn{from{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.tooltip-header{background:#1e59ef;color:#fff;padding:20px;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center}.tooltip-header h4{margin:0;font-size:18px}.tooltip-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color 0.3s ease}.tooltip-close:hover{background:rgb(255 255 255 / .2)}.tooltip-content{padding:20px;line-height:1.6}.tooltip-link{color:#1e59ef;text-decoration:none;font-weight:600;border-bottom:2px solid #1e59ef;transition:all 0.3s ease}.tooltip-link:hover{color:#2980b9;border-bottom-color:#2980b9}.tooltip-note{background:#f8f9fa;padding:12px;border-radius:8px;border-right:4px solid #e74c3c;margin-top:15px;font-size:14px;color:#666}.tooltip-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .5);z-index:999;display:none}.floating-demo-link{position:fixed;bottom:30px;left:30px;z-index:1000}.demo-link{display:flex;align-items:center;background:var(--primary-color);background-size:200% 200%;color:#fff;text-decoration:none;padding:16px 24px;border-radius:5px;font-weight:700;font-size:16px;transition:all 0.4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.demo-link:hover{transform:translateY(-4px);color:#fff}@media (max-width:768px){.floating-demo-link{bottom:0;right:0;width:100%}.demo-link:hover{transform:unset}.demo-link{padding:14px 20px;font-size:15px;text-align:center;display:block;border-radius:unset}}.guide-section{background-color:#fff;padding:25px;border-radius:10px;box-shadow:var(--shadow);margin:20px;border:unset;border-right:4px solid var(--primary-color)}.guide-container{display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:center}.guide-text{line-height:1.8}.guide-text p{margin-bottom:20px;font-size:1.05rem;color:var(--dark-color)}a{color:var(--primary-color);text-decoration:none;font-weight:600;border-bottom:2px solid #fff0;transition:all 0.3s ease}a:hover{color:#1649cd;border-bottom-color:var(--primary-color)}.guide-note{background-color:#e8f4fd;padding:20px;border-radius:8px;border-right:4px solid var(--primary-color);margin-top:25px}.guide-note strong{color:var(--primary-color)}.guide-image{text-align:center;padding:20px}.guide-image img{width:100%;max-width:400px;height:auto;border-radius:10px;box-shadow:0 4px 15px rgb(0 0 0 / .1)}@media (max-width:768px){.guide-section{margin:0 10px 20px 10px;padding:20px}.guide-container{grid-template-columns:1fr;gap:20px}.guide-text p{font-size:1rem}.guide-image{order:-1;padding:0}.guide-image img{max-width:300px}}a.tab{flex:1;padding:unset;text-align:unset;cursor:pointer;font-weight:unset;font-size:unset;transition:unset;border-bottom:unset}a.tab:hover{background-color:unset}@media only screen and (max-width:767.98px){.price{font-size:1rem}.cost-item{font-size:14px}.reset-filters{padding:15px 8px}.export-btn{padding:15px 8px}footer{margin-bottom:54px}.cost-comparison{grid-template-columns:1fr}.cost-breakdown{grid-template-columns:1fr}h2{font-size:1.2em}}