.cc-tool{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.6;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cc-tool *{box-sizing:border-box}.cc-tool a{color:var(--cc-primary);text-decoration:none;transition:color 0.3s ease}.cc-tool a:hover{color:var(--cc-primary-dark);text-decoration:underline}.cc-tool{--cc-primary:#FF6B35;--cc-primary-dark:#E5522A;--cc-secondary:#2C3E50;--cc-success:#27AE60;--cc-warning:#F39C12;--cc-danger:#E74C3C;--cc-light-bg:#F8F9FA;--cc-border:#E0E0E0;--cc-text:#333;--cc-text-light:#666}.cc-tool-hero{text-align:center;padding:2rem 1rem;max-width:1200px;margin:0 auto 2rem}.cc-tool-hero h1{font-size:2.5rem;font-weight:700;color:var(--cc-secondary);margin:0 0 1rem;line-height:1.2}.cc-tool-intro{font-size:1.125rem;color:var(--cc-text-light);max-width:800px;margin:0 auto;line-height:1.7}.cc-key-facts,.cc-who-can-use{max-width:1200px;margin:3rem auto;padding:0 1rem}.cc-key-facts h2,.cc-who-can-use h2{text-align:center;font-size:2rem;color:var(--cc-secondary);margin-bottom:2rem}.cc-facts-grid,.cc-audience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.cc-fact-card,.cc-audience-card{background:#fff;border:2px solid var(--cc-border);border-radius:12px;padding:1.5rem;text-align:center;transition:all 0.3s ease}.cc-fact-card:hover,.cc-audience-card:hover{border-color:var(--cc-primary);transform:translateY(-5px);box-shadow:0 8px 20px rgba(255,107,53,.15)}.cc-fact-icon,.cc-audience-icon{font-size:2.5rem;margin-bottom:.5rem;display:block}.cc-fact-card h3,.cc-audience-card h3{font-size:1.125rem;color:var(--cc-secondary);margin:.5rem 0}.cc-fact-value{font-size:1.75rem;font-weight:700;color:var(--cc-primary);margin:.5rem 0}.cc-fact-description,.cc-audience-card p{font-size:.9rem;color:var(--cc-text-light);margin:.5rem 0 0}.cc-calculator-form{max-width:1200px;margin:3rem auto;padding:2.5rem;background:#fff;border-radius:16px;box-shadow:0 4px 30px rgba(255,107,53,.15);border-top:5px solid var(--cc-primary)}.cc-calculator-form h2{color:var(--cc-primary);font-size:2rem;margin:0 0 2rem;text-align:center}.cc-form-group{margin-bottom:1.5rem}.cc-form-group label{display:block;font-weight:600;color:var(--cc-secondary);margin-bottom:.5rem;font-size:1rem}.cc-form-group input,.cc-form-group select{width:100%;min-height:48px;padding:.75rem 1rem;font-size:16px;border:2px solid var(--cc-border);border-radius:8px;background:#fff;transition:all 0.3s ease;font-family:inherit}.cc-form-group input:focus,.cc-form-group select:focus{outline:none;border-color:var(--cc-primary);box-shadow:0 0 0 4px rgba(255,107,53,.1)}.cc-tool select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 1rem center!important;padding-right:2.5rem!important}.cc-input-wrapper{position:relative;display:block}.cc-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-weight:600;color:var(--cc-secondary);pointer-events:none;z-index:1;font-size:.9rem}.cc-input-with-icon{padding-left:52px!important}.cc-help-text{display:block;font-size:.875rem;color:var(--cc-text-light);margin-top:.25rem}.cc-form-row-two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cc-shape-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1rem}.cc-shape-btn{padding:1.25rem 1rem;border:2px solid var(--cc-border);border-radius:10px;background:#fff;cursor:pointer;transition:all 0.3s ease;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.cc-shape-btn:hover{border-color:var(--cc-primary);transform:translateY(-3px);box-shadow:0 4px 12px rgba(255,107,53,.2)}.cc-shape-btn.active{border-color:var(--cc-primary);background:rgba(255,107,53,.1);box-shadow:0 0 0 3px rgba(255,107,53,.1)}.cc-shape-icon{font-size:2rem;display:block}.cc-shape-btn span:last-child{font-weight:600;color:var(--cc-secondary);font-size:.95rem}.cc-checkbox{width:20px;height:20px;margin-right:10px;cursor:pointer;vertical-align:middle}.cc-form-group label input[type="checkbox"]{width:auto;min-height:auto;display:inline-block;margin-right:8px}.cc-btn-advanced{width:100%;padding:1rem;margin:1.5rem 0;background:var(--cc-light-bg);border:2px dashed var(--cc-border);border-radius:8px;font-size:1rem;font-weight:600;color:var(--cc-secondary);cursor:pointer;transition:all 0.3s ease}.cc-btn-advanced:hover{background:#fff;border-color:var(--cc-primary);color:var(--cc-primary)}.cc-btn-primary{width:100%;background:var(--cc-primary);color:#fff;font-size:1.25rem;font-weight:700;padding:1.25rem 2rem;border:none;border-radius:10px;cursor:pointer;min-height:60px;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px rgba(255,107,53,.3)}.cc-btn-primary:hover:not(:disabled){background:var(--cc-primary-dark);transform:translateY(-2px);box-shadow:0 6px 25px rgba(255,107,53,.4)}.cc-btn-primary:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.cc-form-actions{margin-top:2rem}.cc-form-group.error input,.cc-form-group.error select{border-color:var(--cc-danger)}.cc-form-group.success input,.cc-form-group.success select{border-color:var(--cc-success)}.cc-error-message{color:var(--cc-danger);font-size:.875rem;margin-top:.25rem;display:block}.cc-loading{display:inline-flex;align-items:center;gap:.75rem}.cc-spinner{width:22px;height:22px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cc-results{max-width:1200px;margin:3rem auto;padding:2.5rem;background:linear-gradient(135deg,var(--cc-primary) 0%,var(--cc-primary-dark) 100%);border-radius:16px;color:#fff;box-shadow:0 8px 40px rgba(255,107,53,.3)}.cc-results-header{text-align:center;margin-bottom:2rem}.cc-results-header h2{font-size:2.25rem;margin:0 0 .5rem;color:#fff}.cc-results-subtitle{font-size:1.125rem;opacity:.9;margin:0}.cc-result-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2.5rem}.cc-highlight-card{background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border-radius:12px;padding:1.75rem;text-align:center;transition:all 0.3s ease}.cc-highlight-card:hover{background:rgba(255,255,255,.25);transform:translateY(-5px)}.cc-highlight-icon{font-size:2.5rem;margin-bottom:.5rem;display:block}.cc-highlight-label{font-size:.9rem;opacity:.9;margin-bottom:.5rem}.cc-highlight-value{font-size:2.25rem;font-weight:700;margin:.5rem 0;line-height:1.2;animation:countUp 0.8s ease-out}.cc-highlight-sub{font-size:.95rem;opacity:.85}@keyframes countUp{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.cc-results-tabs{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.cc-tab-btn{background:rgba(255,255,255,.2);color:#fff;border:2px solid transparent;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease}.cc-tab-btn:hover{background:rgba(255,255,255,.3)}.cc-tab-btn.active{background:#fff;color:var(--cc-primary);border-color:#fff}.cc-tab-content{display:none;background:#fff;border-radius:12px;padding:2rem;color:var(--cc-text)}.cc-tab-content.active{display:block;animation:fadeIn 0.4s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cc-tab-content h3{color:var(--cc-secondary);font-size:1.75rem;margin:0 0 1.5rem}.cc-tab-content h4{color:var(--cc-secondary);font-size:1.25rem;margin:1.5rem 0 1rem}.cc-material-section{margin-bottom:2rem}.cc-results-table{width:100%;border-collapse:collapse;margin:1rem 0;background:#fff;border-radius:8px;overflow:hidden}.cc-results-table thead{background:var(--cc-primary);color:#fff}.cc-results-table th{padding:1rem;text-align:left;font-weight:600;font-size:.95rem}.cc-results-table td{padding:.875rem 1rem;border-bottom:1px solid var(--cc-border)}.cc-results-table tbody tr:hover{background:var(--cc-light-bg)}.cc-results-table tbody tr:last-child td{border-bottom:none}.cc-subtotal-row{background:var(--cc-light-bg)!important;font-weight:600}.cc-total-row{background:var(--cc-primary)!important;color:#fff!important;font-size:1.125rem}.cc-total-row td{border-bottom:none!important;padding:1.25rem 1rem}.cc-cost-chart-container{max-width:500px;margin:2rem auto;padding:1.5rem;background:var(--cc-light-bg);border-radius:12px}.cc-insights-grid{display:grid;gap:1.25rem}.cc-insight-card{background:var(--cc-light-bg);border-left:4px solid var(--cc-primary);padding:1.25rem;border-radius:8px;display:flex;gap:1rem;align-items:flex-start}.cc-insight-number{background:var(--cc-primary);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.cc-insight-card p{margin:0;line-height:1.6}.cc-comparison-box{background:var(--cc-light-bg);border-radius:12px;padding:1.5rem}.cc-comparison-box h4{margin-top:0}.cc-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.cc-comparison-item{text-align:center;padding:1rem;background:#fff;border-radius:8px;border:2px solid var(--cc-border)}.cc-comparison-label{font-size:.875rem;color:var(--cc-text-light);margin-bottom:.5rem}.cc-comparison-value{font-size:2rem;font-weight:700;color:var(--cc-primary)}.cc-comparison-message{margin:1rem 0 0;padding:1rem;background:#fff;border-radius:8px;border-left:4px solid var(--cc-success)}.cc-results-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2.5rem}.cc-btn{padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all 0.3s ease;border:none;min-height:50px}.cc-btn-secondary{background:#fff;color:var(--cc-primary);border:2px solid #fff}.cc-btn-secondary:hover{background:transparent;color:#fff;border-color:#fff}.cc-how-it-works{max-width:1200px;margin:3rem auto;padding:0 1rem}.cc-how-it-works h2{text-align:center;font-size:2rem;color:var(--cc-secondary);margin-bottom:2rem}.cc-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.cc-step-card{background:#fff;border:2px solid var(--cc-border);border-radius:12px;padding:2rem;text-align:center;position:relative;transition:all 0.3s ease}.cc-step-card:hover{border-color:var(--cc-primary);transform:translateY(-5px);box-shadow:0 8px 20px rgba(255,107,53,.15)}.cc-step-number{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:var(--cc-primary);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem}.cc-step-icon{font-size:3rem;margin:1rem 0;display:block}.cc-step-card h3{font-size:1.25rem;color:var(--cc-secondary);margin:1rem 0}.cc-step-card p{color:var(--cc-text-light);margin:0;line-height:1.6}.cc-section{max-width:1200px;margin:3rem auto;padding:0 1rem}.cc-section h2{font-size:2rem;color:var(--cc-secondary);margin-bottom:1.5rem}.cc-section h3{font-size:1.5rem;color:var(--cc-secondary);margin:2rem 0 1rem}.cc-section p{margin:1rem 0;line-height:1.7;color:var(--cc-text)}.cc-comparison-table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.08)}.cc-comparison-table thead{background:var(--cc-primary);color:#fff}.cc-comparison-table th{padding:1rem;text-align:left;font-weight:600}.cc-comparison-table td{padding:1rem;border-bottom:1px solid var(--cc-border)}.cc-comparison-table tbody tr:hover{background:var(--cc-light-bg)}.cc-comparison-table tbody tr:last-child td{border-bottom:none}.cc-tip-box{background:rgba(39,174,96,.1);border-left:5px solid var(--cc-success);padding:1.5rem;border-radius:8px;margin:1.5rem 0}.cc-warning-box{background:rgba(243,156,18,.1);border-left:5px solid var(--cc-warning);padding:1.5rem;border-radius:8px;margin:1.5rem 0}.cc-tip-box h4,.cc-warning-box h4{margin-top:0;color:var(--cc-secondary)}.cc-tip-box p,.cc-warning-box p{margin-bottom:0}.cc-examples{max-width:1200px;margin:3rem auto;padding:0 1rem}.cc-examples h2{text-align:center;font-size:2rem;color:var(--cc-secondary);margin-bottom:2rem}.cc-examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.cc-example-card{background:#fff;border:2px solid var(--cc-border);border-radius:12px;padding:2rem;transition:all 0.3s ease}.cc-example-card:hover{border-color:var(--cc-primary);box-shadow:0 8px 20px rgba(255,107,53,.15)}.cc-example-card h3{color:var(--cc-primary);font-size:1.25rem;margin:0 0 1rem}.cc-example-specs{background:var(--cc-light-bg);padding:1rem;border-radius:8px;margin:1rem 0}.cc-example-specs p{margin:.5rem 0;font-size:.95rem}.cc-example-insight{margin-top:1rem;padding-top:1rem;border-top:2px dashed var(--cc-border);font-size:.95rem;line-height:1.6}.cc-faq-section{max-width:1200px;margin:3rem auto;padding:0 1rem}.cc-faq-section h2{text-align:center;font-size:2rem;color:var(--cc-secondary);margin-bottom:2rem}.cc-faq-container{display:grid;gap:1.5rem}.cc-faq-item{background:#fff;border:2px solid var(--cc-border);border-radius:12px;padding:1.5rem;transition:all 0.3s ease}.cc-faq-item:hover{border-color:var(--cc-primary);box-shadow:0 4px 15px rgba(255,107,53,.1)}.cc-faq-question{color:var(--cc-secondary);font-size:1.125rem;font-weight:600;margin:0 0 1rem}.cc-faq-answer{color:var(--cc-text);line-height:1.7}.cc-faq-answer p{margin:.5rem 0}.cc-sources,.cc-privacy{max-width:1200px;margin:3rem auto;padding:2rem;background:var(--cc-light-bg);border-radius:12px}.cc-sources h2,.cc-privacy h2{color:var(--cc-secondary);margin-top:0}.cc-sources ul{margin:1rem 0;padding-left:1.5rem}.cc-sources li{margin:.75rem 0;line-height:1.6}.cc-related-tools{max-width:1200px;margin:3rem auto;padding:0 1rem}.cc-related-tools h2{text-align:center;font-size:2rem;color:var(--cc-secondary);margin-bottom:2rem}.cc-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.cc-tool-card{background:#fff;border:2px solid var(--cc-border);border-radius:12px;padding:1.5rem;transition:all 0.3s ease;display:block}.cc-tool-card:hover{border-color:var(--cc-primary);transform:translateY(-5px);box-shadow:0 8px 20px rgba(255,107,53,.15);text-decoration:none}.cc-tool-card-icon{font-size:2.5rem;display:block;margin-bottom:.75rem}.cc-tool-card h3{color:var(--cc-secondary);font-size:1.125rem;margin:.5rem 0}.cc-tool-card p{color:var(--cc-text-light);font-size:.9rem;margin:.5rem 0 0;line-height:1.5}@media (max-width:768px){.cc-tool-hero h1{font-size:1.75rem}.cc-tool-intro{font-size:1rem}.cc-calculator-form,.cc-results,.cc-section{padding:1.5rem}.cc-form-row-two{grid-template-columns:1fr}.cc-shape-selector{grid-template-columns:repeat(2,1fr)}.cc-result-highlights{grid-template-columns:1fr}.cc-highlight-value{font-size:1.75rem}.cc-results-tabs{flex-direction:column}.cc-tab-btn{width:100%}.cc-tab-content{padding:1.5rem}.cc-results-actions{flex-direction:column}.cc-btn{width:100%}.cc-comparison-grid{grid-template-columns:1fr}.cc-steps-grid,.cc-facts-grid,.cc-audience-grid,.cc-examples-grid,.cc-tools-grid{grid-template-columns:1fr}.cc-comparison-table,.cc-results-table{font-size:.875rem}.cc-comparison-table th,.cc-comparison-table td,.cc-results-table th,.cc-results-table td{padding:.75rem .5rem}}@media (max-width:480px){.cc-calculator-form{padding:1rem}.cc-tool-hero h1{font-size:1.5rem}.cc-btn-primary{font-size:1rem;padding:1rem}.cc-highlight-value{font-size:1.5rem}.cc-step-icon{font-size:2rem}.cc-shape-selector{gap:.75rem}.cc-shape-btn{padding:1rem .5rem}}@media print{.cc-calculator-form,.cc-results-actions,.cc-btn,.cc-related-tools,.cc-tool-hero,.cc-key-facts,.cc-who-can-use,.cc-how-it-works,.cc-privacy{display:none!important}.cc-results{background:#fff!important;color:#000!important;box-shadow:none!important;page-break-inside:avoid}.cc-tab-content{display:block!important;page-break-inside:avoid}.cc-results-tabs{display:none!important}.cc-highlight-card{background:#f5f5f5!important;color:#000!important;border:1px solid #ddd!important}.cc-section{page-break-inside:avoid}}.cc-tool *:focus{outline:2px solid var(--cc-primary);outline-offset:2px}.cc-tool button:focus,.cc-tool input:focus,.cc-tool select:focus{outline:2px solid var(--cc-primary);outline-offset:2px}.cc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.cc-text-center{text-align:center}.cc-mt-2{margin-top:2rem}.cc-mb-2{margin-bottom:2rem}.cc-hidden{display:none!important}