.pricing-calculator{max-width:1200px;margin:0 auto;padding:calc(var(--spacing-unit) * 6) calc(var(--spacing-unit) * 2)}.calculator-header{text-align:center;margin-bottom:calc(var(--spacing-unit) * 6);animation:fadeInDown .6s ease-out}.calculator-title{display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing-unit) * 2);font-size:clamp(2rem,4vw,2.75rem);font-weight:700;color:var(--color-primary);margin-bottom:calc(var(--spacing-unit) * 2)}.title-icon{font-size:2.5rem;animation:pulse 2s ease-in-out infinite}.calculator-subtitle{font-size:1.125rem;color:var(--color-gray-600);max-width:600px;margin:0 auto}.budget-section{background:linear-gradient(135deg,#F8FAFC 0%,var(--color-white) 100%);border-radius:16px;padding:calc(var(--spacing-unit) * 4);margin-bottom:calc(var(--spacing-unit) * 6);box-shadow:0 4px 24px #0000000f;animation:fadeInUp .6s ease-out .1s both}.budget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(var(--spacing-unit) * 3)}.budget-label{font-size:1.125rem;font-weight:600;color:var(--color-primary)}.budget-value{font-size:1.75rem;font-weight:700;color:var(--color-light-blue);animation:scaleIn .3s ease-out}.budget-slider{width:100%;height:12px;border-radius:6px;background:linear-gradient(to right,#E0E7FF 0%,#C7D2FE 25%,#A5B4FC 50%,#818CF8 75%,var(--color-light-blue) 100%);outline:none;-webkit-appearance:none;margin-bottom:calc(var(--spacing-unit) * 2);cursor:pointer;transition:all .3s ease}.budget-slider:hover{transform:scaleY(1.2);box-shadow:0 4px 12px #0072bb33}.budget-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-light-blue) 0%,var(--color-medium-blue) 100%);cursor:pointer;box-shadow:0 4px 12px #0072bb66;transition:all .2s ease}.budget-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 6px 16px #0072bb99}.budget-slider::-webkit-slider-thumb:active{transform:scale(.95)}.budget-slider::-moz-range-thumb{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-light-blue) 0%,var(--color-medium-blue) 100%);cursor:pointer;border:none;box-shadow:0 4px 12px #0072bb66;transition:all .2s ease}.budget-slider::-moz-range-thumb:hover{transform:scale(1.2)}.budget-markers{display:flex;justify-content:space-between;font-size:.875rem;color:var(--color-gray-500);padding:0 calc(var(--spacing-unit) * 2)}.timeline-section{margin-bottom:calc(var(--spacing-unit) * 6);animation:fadeInUp .6s ease-out .2s both}.section-label{display:block;font-size:1.25rem;font-weight:600;color:var(--color-primary);margin-bottom:calc(var(--spacing-unit) * 3)}.timeline-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:calc(var(--spacing-unit) * 2)}.timeline-btn{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 3);background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit}.timeline-btn:hover{border-color:var(--color-light-blue);transform:translateY(-2px);box-shadow:0 8px 24px #0072bb26}.timeline-btn.active{border-color:var(--color-light-blue);background:linear-gradient(135deg,#0072bb14,#0072bb05);box-shadow:0 4px 16px #0072bb33}.timeline-icon{font-size:2rem;line-height:1;transition:transform .3s ease}.timeline-btn:hover .timeline-icon,.timeline-btn.active .timeline-icon{transform:scale(1.15)}.timeline-text{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .5);text-align:left}.timeline-text strong{font-size:1.125rem;color:var(--color-primary)}.timeline-text small{font-size:.875rem;color:var(--color-gray-600)}.services-section{margin-bottom:calc(var(--spacing-unit) * 6);animation:fadeInUp .6s ease-out .3s both}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:calc(var(--spacing-unit) * 3)}.service-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:calc(var(--spacing-unit) * 4);background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;text-align:center;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-light-blue) 0%,var(--color-medium-blue) 100%);transform:scaleX(0);transition:transform .3s ease}.service-card:hover:before,.service-card.selected:before{transform:scaleX(1)}.service-card:hover{border-color:var(--color-light-blue);transform:translateY(-4px);box-shadow:0 12px 32px #0072bb26}.service-card.selected{border-color:var(--color-light-blue);background:linear-gradient(135deg,#0072bb14,#0072bb05);box-shadow:0 8px 24px #0072bb33}.service-card.popular{border-color:var(--color-gold)}.popular-badge{position:absolute;top:calc(var(--spacing-unit) * 2);right:calc(var(--spacing-unit) * 2);background:linear-gradient(135deg,gold,orange);color:var(--color-primary);font-size:.75rem;font-weight:700;padding:calc(var(--spacing-unit) * .5) calc(var(--spacing-unit) * 1.5);border-radius:20px;text-transform:uppercase;letter-spacing:.5px;animation:pulse 2s ease-in-out infinite}.service-icon{font-size:3rem;margin-bottom:calc(var(--spacing-unit) * 2);transition:transform .3s ease;line-height:1}.service-card:hover .service-icon,.service-card.selected .service-icon{transform:scale(1.15) rotate(5deg)}.service-name{font-size:1.25rem;font-weight:600;color:var(--color-primary);margin-bottom:calc(var(--spacing-unit) * 1)}.service-description{font-size:.9375rem;color:var(--color-gray-600);margin-bottom:calc(var(--spacing-unit) * 2);line-height:1.5}.service-price{font-size:1.5rem;font-weight:700;color:var(--color-light-blue);margin-bottom:calc(var(--spacing-unit) * 1)}.service-check{position:absolute;top:calc(var(--spacing-unit) * 2);left:calc(var(--spacing-unit) * 2);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-light-blue);color:var(--color-white);border-radius:50%;font-size:1rem;font-weight:700;opacity:0;transform:scale(0) rotate(-180deg);transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.service-card.selected .service-check{opacity:1;transform:scale(1) rotate(0)}.price-summary{background:linear-gradient(135deg,#F8FAFC 0%,var(--color-white) 100%);border-radius:16px;padding:calc(var(--spacing-unit) * 4);box-shadow:0 8px 32px #00000014;animation:fadeInUp .5s ease-out;border:2px solid var(--color-light-blue)}.price-summary.animate{animation:shake .3s ease-out,fadeInUp .5s ease-out}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(var(--spacing-unit) * 3)}.summary-title{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.breakdown-toggle{background:none;border:none;color:var(--color-light-blue);font-size:.9375rem;font-weight:600;cursor:pointer;padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 2);border-radius:8px;transition:all .2s ease;font-family:inherit}.breakdown-toggle:hover{background:#0072bb14}.price-breakdown{margin-bottom:calc(var(--spacing-unit) * 3);animation:expandDown .3s ease-out}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--spacing-unit) * 2) 0;font-size:1rem}.breakdown-label{color:var(--color-gray-700);font-weight:500}.breakdown-value{font-weight:600;color:var(--color-primary)}.breakdown-value.positive{color:#10b981}.breakdown-value.negative{color:#ef4444}.breakdown-divider{height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-gray-300) 50%,transparent 100%);margin:calc(var(--spacing-unit) * 2) 0}.total-price{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--spacing-unit) * 3);background:linear-gradient(135deg,#0072bb14,#0072bb05);border-radius:12px;margin-bottom:calc(var(--spacing-unit) * 3)}.total-label{font-size:1.25rem;font-weight:600;color:var(--color-primary)}.total-value{font-size:2.5rem;font-weight:700;color:var(--color-light-blue);animation:scaleIn .4s ease-out}.total-value.insufficient{color:#ef4444}.total-value.sufficient{color:#10b981}.budget-warning{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 2);background:#fef2f2;border:1px solid #FCA5A5;border-radius:8px;margin-bottom:calc(var(--spacing-unit) * 3);animation:shake .5s ease-out}.warning-icon{font-size:1.5rem;line-height:1}.warning-text{color:#991b1b;font-weight:500;font-size:.9375rem}.budget-success{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 2);background:#f0fdf4;border:1px solid #86EFAC;border-radius:8px;margin-bottom:calc(var(--spacing-unit) * 3);animation:fadeInUp .4s ease-out}.success-icon{font-size:1.5rem;line-height:1;color:#10b981;font-weight:700}.success-text{color:#166534;font-weight:500;font-size:.9375rem}.calculator-actions{display:flex;gap:calc(var(--spacing-unit) * 2);margin-bottom:calc(var(--spacing-unit) * 3);flex-wrap:wrap}.calculator-actions .btn{flex:1;min-width:200px;justify-content:center}.calculator-trust{display:flex;justify-content:space-around;gap:calc(var(--spacing-unit) * 2);padding-top:calc(var(--spacing-unit) * 3);border-top:1px solid var(--color-gray-200);flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1);font-size:.9375rem;color:var(--color-gray-700)}.trust-icon{color:#10b981;font-weight:700}.empty-state{text-align:center;padding:calc(var(--spacing-unit) * 8) calc(var(--spacing-unit) * 2);animation:fadeIn .5s ease-out}.empty-icon{font-size:4rem;margin-bottom:calc(var(--spacing-unit) * 2);display:block;animation:bounce 2s ease-in-out infinite}.empty-text{font-size:1.125rem;color:var(--color-gray-600);max-width:400px;margin:0 auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes expandDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}@media(max-width:767px){.pricing-calculator{padding:calc(var(--spacing-unit) * 4) calc(var(--spacing-unit) * 2)}.calculator-title{font-size:1.75rem;flex-direction:column;gap:calc(var(--spacing-unit) * 1)}.title-icon{font-size:2rem}.calculator-subtitle{font-size:1rem}.budget-section{padding:calc(var(--spacing-unit) * 3)}.budget-header{flex-direction:column;align-items:flex-start;gap:calc(var(--spacing-unit) * 1)}.budget-value{font-size:1.5rem}.timeline-options{grid-template-columns:1fr}.timeline-btn{padding:calc(var(--spacing-unit) * 2)}.services-grid{grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 2)}.service-card,.price-summary{padding:calc(var(--spacing-unit) * 3)}.summary-header{flex-direction:column;align-items:flex-start;gap:calc(var(--spacing-unit) * 2)}.total-price{flex-direction:column;gap:calc(var(--spacing-unit) * 1);text-align:center}.total-value{font-size:2rem}.calculator-actions{flex-direction:column}.calculator-actions .btn{width:100%}.calculator-trust{flex-direction:column;align-items:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.timeline-btn:focus,.service-card:focus,.breakdown-toggle:focus,.budget-slider:focus{outline:2px solid var(--color-light-blue);outline-offset:2px}
