.wp-block-freightos-fr-terminal-roi-calculator{--bg-screen:#fbfcff;--bg-primary:#007cf8;--text-white:#fff;--text-title:#2d1b69;--text-secondary:#6b7280;--text-placeholder:#9fa2ad;--border-light:#e5e7eb;--border-primary:#007cf8;--border-input:#d1d5db;--border-error:#ef4444;--main-font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-family:var(--main-font-family);width:100%}.wp-block-freightos-fr-terminal-roi-calculator .container{max-width:1200px}@media(max-width:768px){.wp-block-freightos-fr-terminal-roi-calculator .container{max-width:100%}}.wp-block-freightos-fr-terminal-roi-calculator .roi-calculator{background-color:var(--bg-screen);border-radius:2.6rem;margin:0 auto;max-width:1000px;padding:5.1rem}.wp-block-freightos-fr-terminal-roi-calculator .rc-content{display:flex;flex-direction:column;gap:5.1rem}@media(max-width:768px){.wp-block-freightos-fr-terminal-roi-calculator .rc-content{gap:3.8rem}}.rc-top-section .text-content{margin-bottom:3.8rem;text-align:center}.rc-top-section .text-content .title{color:var(--text-title);font-size:var(--wp--custom--typography--heading-3);font-weight:600;margin-bottom:1.3rem}@media(max-width:768px){.rc-top-section .text-content .title{font-size:3.2rem}}.rc-top-section .text-content .subtitle{color:var(--text-secondary);font-size:2.2rem;margin:0}.roi-stepper{align-items:center;display:flex;justify-content:center;position:relative}@media(max-width:768px){.roi-stepper{margin-bottom:3.8rem}}.roi-stepper .freight-type-badge{align-items:center;background:var(--bg-primary);border-radius:2rem;color:var(--text-white);display:flex;font-size:1.4rem;font-weight:600;gap:.8rem;margin-left:1.6rem;padding:.8rem 1.6rem}.roi-stepper .freight-type-badge svg{height:24px;width:24px}.roi-stepper .freight-type-badge svg path{fill:currentColor}.roi-stepper .freight-type-badge .air-icon,.roi-stepper .freight-type-badge .fcl-icon{display:none}.roi-stepper .freight-type-badge.air .air-icon,.roi-stepper .freight-type-badge.fcl .fcl-icon{display:block}@media(max-width:768px){.roi-stepper .freight-type-badge{font-size:1.2rem;margin-left:.8rem;padding:.6rem 1.2rem}.roi-stepper .freight-type-badge svg{height:20px;width:20px}}.roi-stepper .step-item{align-items:center;background-color:#fff;border:1px solid var(--border-light);border-radius:50%;color:var(--text-secondary);display:flex;font-size:22px;font-weight:600;height:40px;justify-content:center;margin-inline:3.2rem;position:relative;transition:all .25s ease;width:40px}@media(max-width:768px){.roi-stepper .step-item{height:32px;margin-inline:2.6rem;width:32px}}@media(max-width:480px){.roi-stepper .step-item{font-size:19px;height:28px;margin-inline:1.3rem;width:28px}}.roi-stepper .step-item svg{height:40px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .25s ease;width:40px}.roi-stepper .step-item span{opacity:1;transition:all .1s ease}@media(max-width:768px){.roi-stepper .step-item span{font-size:19px}}.roi-stepper .step-item.active{background-color:var(--bg-primary);border-color:var(--bg-primary);color:var(--text-white)}.roi-stepper .step-item.past{background-color:var(--bg-primary);border-color:transparent;color:var(--text-white)}.roi-stepper .step-item.past span{opacity:0}.roi-stepper .step-item.past svg{opacity:1}.roi-stepper .line{background-color:var(--border-light);flex:1;height:1px}@media(max-width:768px){.roi-stepper .line{margin-top:19px}}@media(max-width:480px){.roi-stepper .line{margin-top:17px}}.step{display:none}.step.active{display:block}.step.freight-type-step{display:flex!important;gap:3.2rem;justify-content:center;margin:3.2rem 0}.step.freight-type-step:not(.active){display:none!important}@media(max-width:768px){.step.freight-type-step{flex-direction:column;gap:1.6rem;margin:2.4rem 0}}.step.freight-type-step .freight-type-btn{align-items:center;background:#fff;border:2px solid var(--border-light);border-radius:1.6rem;color:var(--text-title);cursor:pointer;display:flex;flex-direction:column;font-family:var(--main-font-family);font-size:1.8rem;font-weight:600;min-width:200px;padding:3.2rem;text-decoration:none;transition:all .25s ease}@media(max-width:768px){.step.freight-type-step .freight-type-btn{flex-direction:row;font-size:1.6rem;gap:1.6rem;min-width:auto;padding:2.4rem;text-align:left}}.step.freight-type-step .freight-type-btn:hover{border-color:var(--border-primary);box-shadow:0 4px 12px rgba(0,124,248,.1);transform:translateY(-2px)}.step.freight-type-step .freight-type-btn:hover svg path{fill:var(--border-primary)}.step.freight-type-step .freight-type-btn svg{height:84px;margin-bottom:1.6rem;width:84px}.step.freight-type-step .freight-type-btn svg path{fill:#a3aac0}@media(max-width:768px){.step.freight-type-step .freight-type-btn svg{height:48px;margin-bottom:0;margin-right:1.6rem;width:48px}}.step.freight-type-step .freight-type-btn span{margin:0}.dynamic-fields-container{display:flex;flex-direction:column;gap:1.8rem;margin:3.2rem 0}.fields-group{background:#fff;border:1px solid var(--border-light);border-radius:1.2rem;padding:2.4rem;position:relative}.fields-group .fields-container{align-items:end;display:grid;gap:18px;grid-template-columns:.9fr .9fr 1.1fr 1.6fr 1fr 2rem}@media(max-width:1024px){.fields-group .fields-container{gap:1.6rem;grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.fields-group .fields-container{gap:1.6rem;grid-template-columns:1fr}}.fields-group .field{min-width:0}@media(max-width:768px){.fields-group .field{width:100%}}.fields-group .js-remove-field{align-self:center;background:none;border:none;border-radius:50%;cursor:pointer;justify-self:end;padding:.4rem;transition:background-color .2s ease}.fields-group .js-remove-field:hover{background-color:var(--border-light)}.fields-group .js-remove-field svg{display:block;height:32px;width:32px}@media(max-width:768px){.fields-group .js-remove-field{position:absolute;right:1rem;top:1rem}}.field{display:flex;flex-direction:column;gap:1.2rem;width:100%}.field.field-hidden{display:none}.field label{color:var(--text-title);font-size:1.1rem;font-weight:600;letter-spacing:1.1px;line-height:1.45;text-transform:uppercase}.field label span{color:var(--text-secondary);display:inline-flex;font-weight:400;letter-spacing:normal;text-transform:none}.field input,.field select{background:#fff;border:1px solid var(--border-input);border-radius:.8rem;color:var(--text-title);font-family:var(--main-font-family);font-size:1.4rem;font-weight:400;height:5.6rem;line-height:1.42;padding:0 1.6rem;transition:all .3s ease}.field input:focus,.field select:focus{border-color:var(--border-primary);box-shadow:0 0 0 3px rgba(0,124,248,.1);outline:none}.field input::-moz-placeholder,.field select::-moz-placeholder{color:var(--text-placeholder);font-family:var(--main-font-family);font-size:1.4rem;font-weight:400;line-height:1.42}.field input::placeholder,.field select::placeholder{color:var(--text-placeholder);font-family:var(--main-font-family);font-size:1.4rem;font-weight:400;line-height:1.42}.field input.error,.field select.error{border-color:var(--border-error);box-shadow:0 0 0 3px rgba(239,68,68,.1)}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3E%3Cpath stroke=%27%236b7280%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27m6 8 4 4 4-4%27/%3E%3C/svg%3E");background-position:right 1.2rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer;padding-right:4.8rem}.second-step{margin:3.2rem 0}.second-step .second-step-content{text-align:center}.second-step .second-step-content .step-text{color:var(--text-title);font-size:1.6rem;font-weight:500;margin-bottom:2.4rem}.second-step .second-step-content .field-wrapper{align-items:center;display:flex;gap:1.6rem;justify-content:center;margin-bottom:3.2rem}@media(max-width:768px){.second-step .second-step-content .field-wrapper{flex-direction:column;gap:.8rem}}.second-step .second-step-content .field-wrapper .field{margin:0;max-width:300px}.second-step .second-step-content .field-wrapper .field input{font-size:1.8rem;font-weight:500;text-align:center}.second-step .second-step-content .field-wrapper #total-volume-unit{color:var(--text-secondary);font-size:1.6rem;font-weight:500;min-width:80px}.bottom-actions{display:flex;justify-content:center;margin:3.2rem 0}.bottom-actions .tooltip-wrapper{position:relative}.bottom-actions .tooltip-wrapper .add-button{align-items:center;background:var(--color-dark-blue);border:2px solid #14fff2;border-radius:.8rem;color:#14fff2;cursor:pointer;display:flex;font-weight:600;gap:.8rem;padding:1.2rem 2.4rem;transition:all .25s ease}.bottom-actions .tooltip-wrapper .add-button:hover{background:var(--color-dark-blue);color:#fff}.bottom-actions .tooltip-wrapper .add-button:disabled{cursor:not-allowed;opacity:.5}.bottom-actions .tooltip-wrapper .add-button svg{height:24px;width:24px}.bottom-actions .tooltip-wrapper .tooltip-text{background:rgba(0,0,0,.8);border-radius:.4rem;bottom:100%;color:#fff;font-size:1.2rem;left:50%;margin-bottom:.8rem;opacity:0;padding:1.2rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap}.bottom-actions .tooltip-wrapper:hover .tooltip-text{opacity:1}.buttons-actions{align-items:center;display:flex;gap:1.6rem;justify-content:space-between;margin-top:3.2rem}.buttons-actions .btn-primary,.buttons-actions .btn-secondary,.buttons-actions .js-calculate,.buttons-actions .js-next-step,.buttons-actions .js-prev-step{align-items:center;border:none;border-radius:.8rem;cursor:pointer;display:inline-flex;font-family:var(--main-font-family);font-size:1.4rem;font-weight:600;justify-content:center;min-height:48px;padding:1.4rem 3.2rem;text-decoration:none;transition:all .25s ease}.buttons-actions .btn-primary,.buttons-actions .js-calculate,.buttons-actions .js-next-step{background:var(--bg-primary);color:var(--text-white)}.buttons-actions .btn-primary:hover,.buttons-actions .js-calculate:hover,.buttons-actions .js-next-step:hover{background:#0056b3;transform:translateY(-1px)}.buttons-actions .btn-primary:disabled,.buttons-actions .js-calculate:disabled,.buttons-actions .js-next-step:disabled{background:var(--border-light);color:var(--text-placeholder);cursor:not-allowed;transform:none}.buttons-actions .btn-secondary,.buttons-actions .js-prev-step{background:transparent;border:1px solid var(--border-light);color:var(--text-secondary)}.buttons-actions .btn-secondary:hover,.buttons-actions .js-prev-step:hover{background:var(--border-light);color:var(--text-title)}@media(max-width:768px){.buttons-actions{flex-direction:column}.buttons-actions .btn-primary,.buttons-actions .btn-secondary,.buttons-actions .js-calculate,.buttons-actions .js-next-step,.buttons-actions .js-prev-step{width:100%}}.results-section{padding:4.8rem 3.2rem;text-align:center}@media(max-width:768px){.results-section{padding:3.2rem 1.6rem}}.results-section .results-summary{margin-bottom:4.8rem}.results-section .results-summary h3{color:var(--text-title);font-size:3.2rem;font-weight:700;margin-bottom:1.6rem}@media(max-width:768px){.results-section .results-summary h3{font-size:2.4rem}}.results-section .results-summary .savings-amount{color:#10b981;font-size:6.4rem;font-weight:800;margin-bottom:.8rem}@media(max-width:768px){.results-section .results-summary .savings-amount{font-size:4rem}}.results-section .results-summary .savings-percentage{color:var(--bg-primary);font-size:2.4rem;font-weight:600;margin-bottom:1.6rem}@media(max-width:768px){.results-section .results-summary .savings-percentage{font-size:2rem}}.results-section .results-summary p{color:var(--text-secondary);font-size:1.6rem;line-height:1.6;margin:0}.results-section .results-details{background:#fff;border:1px solid var(--border-light);border-radius:1.2rem;margin:0 auto;max-width:500px;padding:3.2rem;text-align:left}.results-section .results-details h4{color:var(--text-title);font-size:2rem;font-weight:600;margin-bottom:1.6rem}.results-section .results-details ul{list-style:none;margin:0;padding:0}.results-section .results-details ul li{border-bottom:1px solid var(--border-light);color:var(--text-secondary);font-size:1.4rem;padding:1.2rem 0}.results-section .results-details ul li:last-child{border-bottom:none}.loading .btn{pointer-events:none;position:relative}.loading .btn:after{animation:spin 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:currentcolor;content:"";height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}@keyframes spin{to{transform:translate(-50%,-50%) rotate(1turn)}}.progress-container{margin:3.2rem 0;text-align:center}.progress-container .progress-label{color:var(--text-secondary);font-size:1.4rem;margin-bottom:1.6rem}.progress-container .progress-bar{background:var(--border-light);border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-container .progress-bar .progress-fill{background:var(--bg-primary);border-radius:4px;height:100%;transition:width .3s ease;width:0}@media(max-width:480px){.freight-type-selection .freight-type-option{padding:1.6rem}.freight-type-selection .freight-type-option .freight-icon svg{height:36px;width:36px}.fields-group{padding:1.6rem}.roi-calculator-header h2{font-size:2rem}}.final-step .results-content{align-items:center;display:flex;flex-direction:column;gap:3.2rem;text-align:center}.final-step .calculation-results{width:100%}.results-layout{align-items:start;display:grid;gap:3.2rem;grid-template-columns:1fr 1fr}@media(max-width:768px){.results-layout{gap:2.4rem;grid-template-columns:1fr}}.chart-container{align-items:center;background:#f8f9fc;border:1px solid var(--border-light);border-radius:1.2rem;display:flex;justify-content:center;min-height:320px;padding:4rem 2.4rem}#progress-ring-container,.chart-container .chart-body{align-items:center;display:flex;justify-content:center;position:relative}#progress-ring-container .progress-ring-wrapper{height:204px;position:relative;width:204px}#progress-ring-container .progress-ring-wrapper svg{transform:rotate(-90deg)}#progress-ring-container .progress-ring-wrapper .track-ring-circle{fill:none;stroke:#0073e7;stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .7s ease-in-out}#progress-ring-container .progress-ring-wrapper .progress-ring-circle{fill:none;stroke:#00c868;stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset .7s ease-in-out}.chart-data{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:160px;z-index:1}.chart-data .chart-data-top-section{margin-bottom:.8rem}.chart-data .chart-data-top-section span{color:#6b7280;display:block;font-size:1.1rem;font-weight:500;letter-spacing:.5px;margin-bottom:.4rem}.chart-data .chart-data-top-section .chart-data-top-section-value{color:#2d1b69;font-size:2.4rem;font-weight:700;line-height:1.2;margin:0}@media(max-width:768px){.chart-data .chart-data-top-section .chart-data-top-section-value{font-size:2rem}}.chart-data .chart-data-divider{background:#e5e7eb;height:1px;margin:1rem auto;width:80%}.chart-data .chart-data-bottom-section .chart-data-bottom-section-value-blur{color:#00c868;filter:blur(6px);font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 .4rem;transition:filter .3s ease}@media(max-width:768px){.chart-data .chart-data-bottom-section .chart-data-bottom-section-value-blur{font-size:1.8rem}}.chart-data .chart-data-bottom-section span{color:#6b7280;font-size:1.1rem;font-weight:500;letter-spacing:.5px}.form-container{display:flex;flex-direction:column;height:100%;justify-content:center}.results-info{margin-bottom:2.4rem}.results-info p{color:#2d1b69;font-size:2rem;font-weight:500;line-height:1.5;margin:0}@media(max-width:768px){.results-info p{font-size:1.8rem}}#hubspot-form-container{margin:0 auto;max-width:500px;width:100%}#hubspot-form-container .hs-form .hs-form-field{margin-bottom:1.6rem}#hubspot-form-container .hs-form .hs-form-field label{color:var(--text-title);display:block;font-size:1.2rem;font-weight:600;letter-spacing:.5px;margin-bottom:.8rem;text-transform:uppercase}#hubspot-form-container .hs-form .hs-form-field .hs-input{background:#fff;border:1px solid var(--border-input);border-radius:.8rem;color:var(--text-title);font-family:var(--main-font-family);font-size:1.4rem;height:4.8rem;padding:0 1.6rem;transition:all .3s ease;width:100%}#hubspot-form-container .hs-form .hs-form-field .hs-input:focus{border-color:var(--border-primary);box-shadow:0 0 0 3px rgba(0,124,248,.1);outline:none}#hubspot-form-container .hs-form .hs-form-field textarea.hs-input{height:auto;min-height:12rem;padding:1.2rem 1.6rem;resize:vertical}#hubspot-form-container .hs-form .hs-submit{margin-top:2.4rem}#hubspot-form-container .hs-form .hs-submit .hs-button{background:var(--bg-primary);border:none;border-radius:.8rem;color:var(--text-white);cursor:pointer;font-family:var(--main-font-family);font-size:1.4rem;font-weight:600;padding:1.4rem 3.2rem;transition:all .25s ease;width:100%}#hubspot-form-container .hs-form .hs-submit .hs-button:hover{background:#0056b3;transform:translateY(-1px)}#hubspot-form-container .hs-form .hs-error-msgs{list-style:none;margin:.4rem 0 0;padding:0}#hubspot-form-container .hs-form .hs-error-msgs li{color:var(--border-error);font-size:1.2rem}#hubspot-form-container .hs-form .hs-form-required{display:none}#hubspot-form-container .submitted-message{background:#f0fdf4;border:1px solid #86efac;border-radius:1.2rem;color:#000;padding:3.2rem 2.4rem;text-align:center}