@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-green: #70B646;--primary-dark: #080808;--secondary-dark: #0E2D24;--accent-blue: #0E2D24;--text-primary: #080808;--text-secondary: #6B7280;--bg-light: #F9FAFB;--bg-white: #FFFFFF;--border-color: #E5E7EB;--error-color: #EF4444;--success-color: #10B981;--warning-color: #F59E0B}#root{margin:auto}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Inter,Roboto,Helvetica,Arial,sans-serif;background-color:#fff}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#70b646;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5a9237}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-fade-in{animation:fadeIn .4s ease-out}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #70B646;outline-offset:2px}.btn{padding:12px 32px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn-primary{background:var(--primary-green);color:#fff;box-shadow:0 4px 14px #70b6464d}.btn-primary:hover{background:#5fa035;transform:translateY(-2px);box-shadow:0 6px 20px #70b64666}.btn-outline{background:transparent;color:var(--primary-green);border:2px solid var(--primary-green)}.btn-outline:hover{background:var(--primary-green);color:#fff}.spinner-small{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media print{body{background:#fff!important}.no-print{display:none!important}}.contact-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.contact-form-modal{background:var(--bg-white);border-radius:20px;padding:40px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d}.close-button{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:var(--text-secondary);transition:all .3s ease}.close-button:hover{background:var(--bg-light);color:var(--text-primary)}.modal-header{text-align:center;margin-bottom:32px}.modal-header h2{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.modal-header p{font-size:16px;color:var(--text-secondary);line-height:1.5}.contact-form{display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-field{display:flex;flex-direction:column;gap:8px}.field-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary)}.field-input,.field-textarea{padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:16px;font-family:inherit;transition:all .3s ease;background:var(--bg-white)}.field-input:focus,.field-textarea:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px #70b6461a}.field-input.error,.field-textarea.error{border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a}.field-input:disabled,.field-textarea:disabled{background:var(--bg-light);cursor:not-allowed;opacity:.6}.field-error{font-size:12px;color:var(--error-color);margin-top:4px}.field-textarea{resize:vertical;min-height:100px}.checkbox-label{display:flex;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--text-primary);cursor:pointer;margin-bottom:8px}.checkbox-label input[type=checkbox]{margin-right:8px;margin-top:2px;flex-shrink:0;width:16px;height:16px}@media (max-width: 768px){.checkbox-label{font-size:13px;line-height:1.4;align-items:flex-start;word-break:keep-all;white-space:normal}.checkbox-label input[type=checkbox]{margin-top:1px;width:14px;height:14px}}.form-footer{text-align:center;margin-top:8px}.privacy-note{font-size:12px;color:var(--text-secondary);margin-bottom:24px;line-height:1.4}.submit-button{width:100%;padding:16px;font-size:16px;border-radius:12px}.submit-button:disabled{opacity:.7;cursor:not-allowed}.success-message{text-align:center;padding:40px 20px}.success-icon{margin-bottom:24px;color:var(--success-color)}.success-message h2{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.success-message p{font-size:16px;color:var(--text-secondary)}@media (max-width: 768px){.contact-form-modal{padding:32px 24px;margin:20px;max-height:calc(100vh - 40px)}.form-row{grid-template-columns:1fr;gap:16px}.modal-header h2{font-size:24px}.modal-header p{font-size:14px}}@media (max-width: 480px){.contact-form-modal{padding:24px 16px;margin:16px}.modal-header h2{font-size:20px}.modal-header p{font-size:14px}.checkbox-label{font-size:12px;line-height:1.3;margin-bottom:16px}.checkbox-label input[type=checkbox]{width:12px;height:12px;margin-right:6px}.field-input,.field-textarea,.submit-button{font-size:14px}}:root{--bg-white: #ffffff;--text-primary: #1a1a1a;--text-secondary: #666666;--border-color: #e5e7eb;--primary-green: #70B646;--error-color: #ef4444;--success-color: #10b981}.dashboard{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding-bottom:60px}.container{max-width:1200px;margin:0 auto;padding:0 24px}@media (max-width: 1280px){.container{max-width:1000px}}@media (max-width: 1024px){.container{max-width:100%;padding:0 20px}}.dashboard-header{background:var(--bg-white);box-shadow:0 2px 10px #0000000d;padding:20px 0;margin-bottom:40px;position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;gap:20px}.dashboard-header h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.btn-back,.btn-reset{display:flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-back:hover,.btn-reset:hover{border-color:var(--primary-green);color:var(--primary-green);background:#70b6460d}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:40px}.result-card{background:var(--bg-white);border-radius:16px;padding:24px;display:flex;align-items:flex-start;gap:16px;box-shadow:0 4px 12px #0000000d;transition:all .3s ease;animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.result-card.primary{background:linear-gradient(135deg,var(--primary-green) 0%,#5fa035 100%);color:#fff}.result-icon{width:48px;height:48px;border-radius:12px;background:#70b6461a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.result-card.primary .result-icon{background:#fff3}.result-icon svg{width:24px;height:24px;color:var(--primary-green)}.result-card.primary .result-icon svg{color:#fff}.result-content{flex:1}.result-label{font-size:14px;color:var(--text-secondary);display:block;margin-bottom:8px}.result-card.primary .result-label{color:#ffffffe6}.result-value{font-size:32px;font-weight:700;margin:0;line-height:1;color:var(--text-primary)}.result-card.primary .result-value{color:#fff}.result-detail{font-size:14px;color:var(--text-secondary);margin-top:4px;display:block}.result-card.primary .result-detail{color:#ffffffe6}.savings-chart-new{background:var(--bg-white);border-radius:16px;padding:32px;margin-bottom:40px;box-shadow:0 4px 12px #0000000d}.savings-chart-new h3{font-size:24px;font-weight:600;margin-bottom:24px;color:var(--text-primary);text-align:center}.years-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}.year-card{background:linear-gradient(135deg,var(--primary-green) 0%,#5fa035 100%);border-radius:16px;padding:24px;text-align:center;color:#fff;position:relative;overflow:hidden;transition:transform .3s ease}.year-card:hover{transform:translateY(-4px)}.year-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.year-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}.year-number{font-size:32px;font-weight:700;line-height:1}.year-label{font-size:16px;font-weight:500;opacity:.9}.year-value{font-size:20px;font-weight:600;margin-bottom:16px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.year-progress{height:4px;background:#ffffff4d;border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:#fff;border-radius:2px;animation:fillProgress 1s ease forwards;transform-origin:left;transform:scaleX(0)}@keyframes fillProgress{to{transform:scaleX(1)}}.chart-summary-new{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;padding:24px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.summary-card{background:var(--bg-white);border-radius:12px;padding:20px;text-align:center;box-shadow:0 2px 8px #0000000d;transition:transform .3s ease}.summary-card:hover{transform:translateY(-2px)}.summary-card.total{border-left:4px solid var(--primary-green)}.summary-card.cost{border-left:4px solid #f59e0b}.summary-card.profit{border-left:4px solid #10b981;background:linear-gradient(135deg,#10b981,#059669);color:#fff}.summary-label{display:block;font-size:14px;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.summary-card.profit .summary-label{color:#ffffffe6}.summary-value{font-size:20px;font-weight:700;color:var(--text-primary);display:block}.profit-value{color:#fff!important;font-size:24px}.implementation-cost-new{display:flex;flex-direction:column;align-items:center;gap:4px}.cost-disclaimer-new{font-size:11px;color:var(--text-secondary);font-weight:400;opacity:.8;font-style:italic;text-align:center}.comparison-table-wrapper{margin:40px 0}.comparison-table-wrapper h3{font-size:28px;font-weight:600;text-align:center;margin-bottom:32px;color:var(--text-primary)}.comparison-table{background:var(--bg-white);border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #0000000d;display:block}.table-header{display:grid;grid-template-columns:1.5fr 2fr 2fr 1fr;background:linear-gradient(135deg,var(--primary-green) 0%,#5fa035 100%);color:#fff;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.header-cell{padding:20px;display:flex;align-items:center;gap:8px;border-right:1px solid rgba(255,255,255,.1)}.header-cell:last-child{border-right:none}.table-body{background:var(--bg-white)}.table-row{display:grid;grid-template-columns:1.5fr 2fr 2fr 1fr;border-bottom:1px solid var(--border-color);transition:all .3s ease}.table-row:hover{background:#70b64608}.table-row:last-child{border-bottom:none}.cell{padding:20px;display:flex;align-items:center;border-right:1px solid var(--border-color)}.cell:last-child{border-right:none}.problem-cell{font-weight:600;color:var(--text-primary)}.cell-content{display:flex;align-items:flex-start;gap:12px}.status-icon{flex-shrink:0;margin-top:2px}.status-icon.negative{color:var(--error-color)}.status-icon.positive{color:var(--success-color)}.excel-cell{background:#ef444405}.excel-cell span{color:var(--text-secondary);font-size:14px;line-height:1.5}.itilium-cell{background:#10b98105}.itilium-cell span{color:var(--text-primary);font-size:14px;line-height:1.5}.saving-cell{justify-content:center;font-weight:600}.saving-value{color:var(--primary-green);font-size:16px}.saving-dash{color:var(--text-secondary);font-size:20px;opacity:.3}.advantages{margin:40px 0}.advantages h3{font-size:28px;font-weight:600;text-align:center;margin-bottom:32px;color:var(--text-primary)}.advantages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.advantage-card{background:var(--bg-white);border-radius:16px;padding:24px;text-align:center;box-shadow:0 4px 12px #0000000d;transition:all .3s ease}.advantage-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.advantage-icon{width:56px;height:56px;margin:0 auto 16px;padding:14px;background:#70b6461a;border-radius:16px;color:var(--primary-green)}.advantage-card h4{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.advantage-card p{font-size:14px;color:var(--text-secondary);line-height:1.5}.cta-section{background:linear-gradient(135deg,var(--primary-green) 0%,#5fa035 100%);border-radius:24px;padding:48px;margin:40px 0;text-align:center;color:#fff;box-shadow:0 10px 40px #70b6464d}.cta-content h2{font-size:32px;font-weight:700;margin-bottom:16px}.cta-content p{font-size:18px;margin-bottom:32px;opacity:.95}.cta-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.cta-buttons .btn{min-width:200px}.cta-buttons .btn-primary{background:#fff;color:var(--primary-green)}.cta-buttons .btn-primary:hover{background:#ffffffe6}.cta-buttons .btn-outline{border-color:#fff;color:#fff}.cta-buttons .btn-outline:hover{background:#ffffff1a}.cta-buttons .btn-outline:disabled{opacity:.6;cursor:not-allowed}.cta-buttons .btn-outline:disabled:hover{background:transparent}.cases-section{margin:60px 0}.cases-header{text-align:center;margin-bottom:40px}.cases-header h3{font-size:1.8rem;color:#333;margin-bottom:12px;font-weight:600}.cases-header p{font-size:1.1rem;color:#666;margin:0}.cases-carousel-container{position:relative;max-width:1200px;margin:0 auto}.cases-carousel{overflow:hidden;border-radius:16px}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border:none;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#666;box-shadow:0 2px 8px #0000001a;z-index:2}.carousel-nav:hover{background:#fff;color:#70b646;box-shadow:0 4px 12px #00000026;transform:translateY(-50%) scale(1.1)}.carousel-nav-prev{left:-16px}.carousel-nav-next{right:-16px}.carousel-dots{display:flex;justify-content:center;gap:6px;margin-top:24px}.carousel-dot{width:8px;height:8px;border-radius:50%;border:none;background:#d0d0d0;cursor:pointer;transition:all .2s ease}.carousel-dot.active{background:#70b646;transform:scale(1.25)}.carousel-dot:hover{background:#70b646;opacity:.8}.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto;transition:transform .3s ease}.case-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .3s ease;position:relative}.case-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001a;border-color:#70b646}.case-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.case-header h4{font-size:1.1rem;font-weight:600;color:#333;margin:0;line-height:1.3}.case-type{font-size:.85rem;color:#70b646;background:#70b6461a;padding:4px 8px;border-radius:6px;font-weight:500}.case-description{font-size:.95rem;color:#666;line-height:1.4;margin:0 0 16px}.case-results{margin-bottom:16px}.case-metric{font-size:.85rem;color:#333;background:#f8f9fa;padding:6px 10px;border-radius:6px;margin-bottom:6px;font-weight:500}.case-metric:last-child{margin-bottom:0}.case-link{color:#70b646;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .3s ease}.case-link:hover{color:#5a9435;text-decoration:underline}@media (max-width: 1024px){.cases-grid{grid-template-columns:repeat(2,1fr)}.carousel-nav-prev{left:-12px}.carousel-nav-next{right:-12px}}@media (max-width: 768px){.cases-grid{grid-template-columns:1fr;gap:16px}.case-card{padding:16px}.cases-header h3{font-size:1.5rem}.cases-header p{font-size:1rem}.carousel-nav{width:28px;height:28px}.carousel-nav-prev{left:-8px}.carousel-nav-next{right:-8px}.carousel-dots{margin-top:16px}}@media (max-width: 480px){.case-header{flex-direction:column;align-items:flex-start;gap:8px}.case-type{align-self:flex-start}}@media (max-width: 768px){.dashboard-header{position:static;margin-bottom:20px}.header-content{flex-direction:column;text-align:center}.dashboard-header h1{font-size:20px}.btn-back,.btn-reset{width:100%;justify-content:center}.results-grid{grid-template-columns:1fr}.years-timeline{grid-template-columns:1fr;gap:16px}.year-card{padding:20px}.year-number{font-size:28px}.year-value{font-size:18px}.summary-grid{grid-template-columns:1fr}.cta-section{padding:32px 24px}.cta-content h2{font-size:24px}.cta-content p{font-size:16px}.cta-buttons{flex-direction:column}.cta-buttons .btn{width:100%}.advantages-grid{grid-template-columns:1fr}.comparison-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-header,.table-row{grid-template-columns:1fr;min-width:100%}.table-header{display:none}.table-row{display:block;margin-bottom:16px;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.cell{display:block;padding:12px 16px;border-right:none;border-bottom:1px solid var(--border-color)}.cell:last-child{border-bottom:none}.problem-cell{background:var(--primary-green);color:#fff;font-weight:600;font-size:16px}.excel-cell{background:#ef44440d}.excel-cell:before{content:"❌ Excel/Текущая система: ";font-weight:600;color:var(--error-color);display:block;margin-bottom:4px}.itilium-cell{background:#10b9810d}.itilium-cell:before{content:"✅ 1С:ITILIUM: ";font-weight:600;color:var(--success-color);display:block;margin-bottom:4px}.saving-cell{background:#70b6461a;text-align:center;font-weight:600}.saving-cell:before{content:"💰 Экономия: ";font-weight:600;color:var(--primary-green);display:block;margin-bottom:4px}.cell-content{display:block}.status-icon{display:none}}@media (max-width: 1024px) and (min-width: 769px){.table-header,.table-row{grid-template-columns:1.2fr 1.8fr 1.8fr 1fr}.header-cell,.cell{padding:14px;font-size:13px}.comparison-table-wrapper h3{font-size:24px}.years-timeline{gap:16px}.year-card{padding:20px}.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.container{padding:0 16px}.dashboard-header{padding:16px 0}.dashboard-header h1{font-size:18px}.result-value{font-size:24px}.chart-bars{height:200px}.bar-value{font-size:12px}.cta-content h2{font-size:20px}.clients-logos{gap:20px}.client-logo{font-size:16px}.comparison-table-wrapper h3{font-size:20px;margin-bottom:20px}.cell{padding:10px 12px;font-size:14px}.problem-cell{font-size:14px}}.mobile-sticky-button{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;display:none}.btn-sticky-mobile{display:flex;align-items:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,#8b7ec8,#a593d1);color:#fff;border:none;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 20px #8b7ec866;transition:all .3s ease;white-space:nowrap;min-width:200px;justify-content:center}.btn-sticky-mobile:hover{transform:translateY(-2px);box-shadow:0 6px 25px #8b7ec880;background:linear-gradient(135deg,#7a6cb8,#9583c1)}.btn-sticky-mobile:active{transform:translateY(0)}@media (max-width: 768px){.mobile-sticky-button{display:block}.cta-section{margin-bottom:100px}}