:root{--color-primary:#1E1B4B;--color-accent:#059669;--color-bg-light:#f8f9fa;--color-section-bg:#F3F8FF;--color-dark-bg:#111827;--color-text-dark:#b3510c;--color-text-medium:#696599;--color-text-light:#1E1B4B}body{font-family:"Poppins",Sans-serif;background-color:var(--color-bg-light);padding:0;margin:0}.calculator-container{width:100%;max-width:1280px;background-color:#fff;border-radius:1rem;padding:1.5rem;margin:auto;box-shadow:0 10px 30px -5px rgb(0 0 0 / .15),0 0 10px -5px rgb(0 0 0 / .08)}@media (min-width:768px){.calculator-container{padding:2.5rem}}@media (min-width:1024px){.calculator-container{padding:3rem}}.hidden{display:none!important}.step-content{transition:opacity 0.3s ease-in-out;opacity:1}.step-title{font-size:1.2rem;font-weight:700;color:var(--color-primary);margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.step-title::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:linear-gradient(90deg,#eae9ff,#ffd9be);border-radius:2px}.h1-title{font-size:1.875rem;font-weight:800;color:var(--color-text-dark)}.header-subtitle{margin-top:.5rem;font-size:1rem;color:var(--color-text-medium);width:80%;margin:0 auto;font-weight:500}.lg-flex-container{display:block}@media (min-width:1024px){.lg-flex-container{display:flex;gap:2.5rem}.lg-flex-container>.config-section{width:66.666%;min-height:500px;display:flex;flex-direction:column;justify-content:space-between}.lg-flex-container>.summary-section{width:33.333%;margin-top:0}}.calc-section{margin-bottom:2rem;padding:0rem}.section-title{font-size:1.1rem;font-weight:700;color:var(--color-text-dark);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.section-content-inner{display:flex;flex-direction:column;gap:1.5rem}.option-group-label{font-weight:500;color:#4b5563;margin-bottom:.5rem}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media (min-width:640px){.sm-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.md-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.option-label{padding:1rem;border:2px solid #d1d5db;border-radius:.75rem;cursor:pointer;background-color:#fff;display:block;transition:all 0.2s}.option-label:hover{box-shadow:0 4px 10px rgb(0 0 0 / .08)}input[type="radio"]:checked+.option-label,input[type="checkbox"]:checked+.option-label{border:2px solid #fff0;background:linear-gradient(135deg,#eff6ff,#ffffff);background-clip:padding-box;position:relative;transition:all 0.3s ease}input[type="radio"]:checked+.option-label::before,input[type="checkbox"]:checked+.option-label::before{content:"";position:absolute;inset:0;border-radius:8px;padding:2px;background:linear-gradient(135deg,#6C63FF,#B3510C);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}input[type="radio"],input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0}.option-header{display:flex;justify-content:space-between;align-items:flex-start}.option-title{font-weight:600;color:#1f2937}.option-cost{font-size:.875rem;font-weight:700}.cost-text-green{color:var(--color-accent)}.cost-text-gray{color:var(--color-text-medium)}.option-description{font-size:.75rem;color:var(--color-text-medium);margin-top:.25rem}.input-group{margin-bottom:1.5rem}.page-input-label{display:block;font-size:.875rem;font-weight:500;color:#4b5563;margin-bottom:.25rem;text-align:left}.page-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;transition:border-color 0.15s,box-shadow 0.15s}@media (min-width:768px){.page-input{width:50%}}.page-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px rgb(59 130 246 / .5)}.initial-pages-info{font-weight:700;color:var(--color-primary)}.summary-section{margin-top:2.5rem}@media (min-width:1024px){.summary-section{position:sticky;top:2rem;margin-top:0}}.summary-card{padding:2rem;background-color:#eee8ff;color:#fff;border-radius:1rem}.summary-title{font-size:1.3rem;font-weight:700;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #b9b6e1;color:#1E1B4B}.cost-item{display:flex;justify-content:space-between;margin-bottom:.3rem;gap:15px}.cost-item-label{color:#1E1B4B}.cost-item-value{font-weight:600;font-size:1.125rem;color:#1E1B4B}.total-block{border-top:1px dashed #374151;padding-top:1rem}.total-flex{display:flex;justify-content:space-between;align-items:flex-end}.total-label{font-size:1rem;font-weight:700;color:#1E1B4B;font-family:"Poppins",Sans-serif}.total-value{font-size:1.5rem;font-weight:800;color:#cb630a}.monthly-block{margin-top:2rem;padding:1rem;background-color:#402099;border-radius:.5rem}.monthly-flex{display:flex;justify-content:space-between;align-items:center;font-family:"Poppins",Sans-serif}.monthly-label{font-weight:700;font-size:1.125rem}.monthly-value{font-weight:800;font-size:1.5rem;color:#fcd34d}.monthly-plan-detail{font-size:.75rem;color:#c6c4e9;margin-top:.25rem}.footer-note{margin-top:1rem;font-size:.8rem;color:#38383e;text-align:center;font-family:"Open Sans",Sans-serif}.form-group input{border:1px solid #cbc8ff!important;border-radius:5px}.navigation-buttons{display:flex;justify-content:space-between;padding-top:1.5rem;border-top:1px solid #e5e7eb}.nav-btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color 0.2s,opacity 0.2s;border:none}#prev-btn{background-color:#e5e7eb;color:#4b5563}#prev-btn:hover{background-color:#d1d5db}#next-btn{background-color:var(--color-primary);color:#fff}#next-btn:hover{background-color:#2563eb}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.quote-input{width:100%;padding:.6rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;transition:border-color 0.15s,box-shadow 0.15s}.quote-input:focus{border-color:#6C63FF;outline:none;box-shadow:0 0 0 3px rgb(108 99 255 / .2)}.send-quote-btn{width:40%!important;font-weight:600!important;cursor:pointer!important;transition:background-color 0.2s,opacity 0.2s!important;border:none!important;background-color:#b3510c!important;color:#fff!important;padding:15px 24px!important;text-decoration:none;border-radius:50px!important;background:linear-gradient(135deg,#6C63FF,#b3510c);box-shadow:0 6px 15px rgb(108 99 255 / .3);transition:all 0.4s ease;position:relative;overflow:hidden}.send-quote-btn:hover:not(:disabled){background-color:#047857}.send-quote-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:767px){.option-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.header-subtitle{width:100%}}.wcc-calculator{max-width:100%}.wcc-calculator h2{text-align:center;margin-bottom:25px;font-size:28px;color:#2c3e50;font-family:"Poppins",Sans-serif}.wcc-field{margin-bottom:25px}.wcc-field label{display:block;margin-bottom:8px;font-size:20px;font-weight:600;color:#2c3e50;font-family:"Poppins",Sans-serif}.wcc-field input[type="range"]{width:100%}.wcc-checkbox-group label{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:15px;font-weight:500;cursor:pointer;padding:5px 10px;border-radius:6px;transition:background 0.3s}.wcc-checkbox-group label:hover{background:#f0f8ff}#wcc-result-table{width:100%;border-collapse:collapse;margin-top:20px;font-size:15px}#wcc-result-table th,#wcc-result-table td{border:1px solid #ccc;padding:10px 12px;text-align:left}#wcc-result-table th{background:#3498db;color:#fff}#wcc-result-table tbody tr:nth-child(even){background:#f9f9f9}#wcc-result-table tfoot tr{font-weight:700;background:#ecf0f1}.wcc-field input[type="email"]{width:100%;padding:10px;font-size:15px;border:1px solid #ccc;border-radius:6px;margin-top:8px}#wcc-get-quote{display:block;width:100%;padding:12px;background:#27ae60;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;margin-top:25px;transition:background 0.3s,transform 0.2s}#wcc-get-quote:hover{background:#1e8449;transform:translateY(-2px)}.wcc-field input[type="text"],.wcc-field input[type="tel"],.wcc-field input[type="email"]{width:100%;padding:10px;font-size:15px;border:1px solid #ccc;border-radius:6px;margin-top:6px}:root{--primary-color:#3b82f6;--accent-color:#059669}.calculator-container{max-width:100%;margin:auto}.card{box-shadow:0 10px 30px -5px rgb(0 0 0 / .15),0 0 10px -5px rgb(0 0 0 / .08)}.option-label{transition:all 0.2s;border-width:2px}.option-label:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgb(0 0 0 / .08)}input[type="radio"],input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0}.scroll-container::-webkit-scrollbar{width:8px}.scroll-container::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:4px}.scroll-container::-webkit-scrollbar-track{background:#f1f5f9}@media (min-width:1024px){.lg\:max-h-\[80vh\]{max-height:80vh}.lg\:top-8{top:2rem}}