.calculator-hero{padding:calc(var(--header-height) + var(--space-16))0 var(--space-8);text-align:center}.calculator-grid{gap:var(--space-8);grid-template-columns:1fr 400px;align-items:start;display:grid}.calculator-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-8);position:relative;overflow:hidden}.calculator-card:before{content:"";pointer-events:none;background:radial-gradient(at top,#00e5ff14 0%,#0000 70%);height:200px;position:absolute;top:0;left:0;right:0}.calculator-section{margin-bottom:var(--space-8);position:relative}.calculator-section:last-child{margin-bottom:0}.calculator-section .section-title{font-size:var(--text-sm);color:var(--color-cyan-400);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-5);font-weight:600}.slider-group{margin-bottom:var(--space-6)}.slider-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.slider-label{font-size:var(--text-sm);font-weight:500}.slider-value{font-size:var(--text-lg);color:var(--color-cyan-400);text-align:right;min-width:100px;font-weight:700}.slider-track{background:var(--color-bg-elevated);border-radius:var(--radius-full);height:8px;position:relative;overflow:visible}.slider-fill{background:var(--color-cyan-400);border-radius:var(--radius-full);height:100%;transition:width .1s;position:absolute;top:0;left:0}.slider-input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.slider-thumb{background:var(--color-cyan-400);border:3px solid var(--color-bg-deep);border-radius:var(--radius-full);pointer-events:none;width:20px;height:20px;transition:box-shadow .2s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00e5ff66}.slider-track:hover .slider-thumb{box-shadow:0 2px 16px #00e5ff99}.slider-marks{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);justify-content:space-between;display:flex}.segmented-control{background:var(--color-bg-elevated);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:4px;display:flex}.segment-btn{padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all .2s var(--ease-out);background:0 0;border:none;flex:1;font-weight:500}.segment-btn:hover{color:var(--color-text-primary)}.segment-btn.active{background:var(--color-cyan-400);color:var(--color-bg-deep)}.improvement-display{background:var(--color-bg-elevated);border-radius:var(--radius-lg);padding:var(--space-4);font-size:var(--text-sm)}.improvement-row{margin-bottom:var(--space-2);justify-content:space-between;display:flex}.improvement-row:last-child{margin-bottom:0}.improvement-label{color:var(--color-text-secondary)}.improvement-value{color:var(--color-cyan-400);font-weight:600}.results-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-6);top:calc(var(--header-height) + var(--space-6));position:sticky}.results-title{font-size:var(--text-lg);margin-bottom:var(--space-6);text-align:center;font-weight:600}.roi-display{text-align:center;padding:var(--space-6);border-radius:var(--radius-xl);margin-bottom:var(--space-6);background:#00e5ff1a;border:1px solid #00e5ff33}.roi-label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.roi-value{color:var(--color-cyan-400);font-size:clamp(40px,8vw,60px);font-weight:700;line-height:1}.roi-suffix{font-size:var(--text-2xl)}.roi-period{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2)}.metrics-grid{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.metric-item{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.metric-item-value{font-size:var(--text-xl);color:var(--color-text-primary);font-weight:700}.metric-item-value.positive{color:#22c55e}.metric-item-label{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.timeline-visual{margin-bottom:var(--space-6)}.timeline-header{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-2);justify-content:space-between;display:flex}.timeline-bar{background:var(--color-bg-elevated);border-radius:var(--radius-full);height:8px;position:relative;overflow:hidden}.timeline-fill{border-radius:var(--radius-full);height:100%;transition:width .5s var(--ease-out)}.timeline-fill.investment{background:#ef4444;position:absolute;left:0}.timeline-fill.returns{background:#22c55e;position:absolute;left:0}.timeline-legend{justify-content:center;gap:var(--space-6);margin-top:var(--space-3);font-size:var(--text-xs);display:flex}.legend-item{align-items:center;gap:var(--space-2);display:flex}.legend-dot{border-radius:var(--radius-full);width:8px;height:8px}.legend-dot.investment{background:#ef4444}.legend-dot.returns{background:#22c55e}.results-cta{text-align:center}.results-cta p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}@media (max-width:1024px){.calculator-grid{grid-template-columns:1fr}.results-card{position:static}}.tool-hero{padding:var(--space-32)0 var(--space-16);text-align:center}.tool-hero-description{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin:var(--space-4)auto 0}.tool-pricing-badge{align-items:center;gap:var(--space-2);margin-top:var(--space-6);padding:var(--space-3)var(--space-5);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);display:inline-flex}.tool-price{font-size:var(--text-xl);color:var(--color-cyan);font-weight:700}.tool-price-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.tool-card{padding:var(--space-8)}.tool-content-wrapper{gap:var(--space-8);flex-direction:column;display:flex}.tool-section{margin-bottom:var(--space-6)}.tool-section-title{font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);font-weight:600;display:flex}.tool-section-title .required{color:var(--color-red)}.tool-option-group{margin-bottom:var(--space-4)}.tool-option-group label{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em;display:block}.tool-option-buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.tool-option-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;font-weight:500;transition:all .2s;display:inline-flex}.tool-option-btn:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.tool-option-btn.active{border-color:var(--color-cyan);color:var(--color-cyan);background:#06b6d41a;box-shadow:0 0 12px #06b6d433}.tool-color-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.tool-dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;cursor:pointer;transition:all .2s;position:relative}.tool-dropzone:hover{border-color:var(--color-cyan);background:#06b6d40d}.tool-dropzone.dragging{border-color:var(--color-cyan);background:#06b6d41a}.tool-dropzone.has-file{border-style:solid;border-color:var(--color-cyan);background:#06b6d40d}.tool-dropzone-label{cursor:pointer;display:block}.tool-dropzone-icon{margin-bottom:var(--space-3);font-size:48px}.tool-dropzone p{color:var(--color-text-secondary);margin:0}.tool-dropzone .text-cyan{color:var(--color-cyan);font-weight:500}.tool-dropzone-hint{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-2)}.tool-preview{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.tool-preview img{-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-xl);border:1px solid var(--color-border);width:200px;height:200px}.tool-preview-info{align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.tool-preview-info span{font-size:var(--text-sm);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.tool-preview-info button{font-size:var(--text-sm);color:var(--color-red);cursor:pointer;background:0 0;border:none;font-weight:500}.tool-preview-info button:hover{text-decoration:underline}.tool-preview-info button:disabled{opacity:.5;cursor:not-allowed}.tool-tips{padding:var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.tool-tips h4{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--space-2);font-weight:600}.tool-tips ul{margin:0;padding:0;list-style:none}.tool-tips li{font-size:var(--text-sm);color:var(--color-text-secondary);padding-left:var(--space-5);margin-bottom:var(--space-1);position:relative}.tool-tips li:before{content:"✓";color:var(--color-cyan);position:absolute;left:0}.tool-actions{gap:var(--space-3);flex-direction:column;align-items:center;display:flex}.tool-auth-hint{font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:center}.tool-status{text-align:center;padding:var(--space-8)}.tool-status h3{font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--space-2);font-weight:600}.tool-status p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.tool-status-processing{border-radius:var(--radius-xl);background:#06b6d41a;border:1px solid #06b6d44d}.tool-spinner{border:4px solid #06b6d433;border-top-color:var(--color-cyan);width:64px;height:64px;margin:0 auto var(--space-4);border-radius:50%;animation:1s linear infinite tool-spin}@keyframes tool-spin{to{transform:rotate(360deg)}}.tool-warning{font-size:var(--text-xs);color:var(--color-amber);margin-top:var(--space-3)}.tool-status-completed{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.tool-result-image{border-radius:var(--radius-xl);position:relative;overflow:hidden;box-shadow:0 0 40px #06b6d44d}.tool-result-image img{max-width:100%;max-height:400px;display:block}.tool-download-btn{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);background:linear-gradient(135deg,var(--color-cyan),#0891b2);color:#fff;border-radius:var(--radius-lg);font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.tool-download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #06b6d466}.tool-another-btn{font-size:var(--text-sm);color:var(--color-cyan);cursor:pointer;background:0 0;border:none;font-weight:500}.tool-another-btn:hover{text-decoration:underline}.tool-error{padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);background:#ef44441a;border:1px solid #ef44444d}.tool-error p{font-size:var(--text-sm);color:#ef4444;margin:0}.tool-how-it-works{padding:var(--space-6);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.tool-how-it-works h3{font-size:var(--text-lg);color:var(--color-text-primary);text-align:center;margin-bottom:var(--space-4);font-weight:600}.tool-steps{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.tool-step{text-align:center;padding:var(--space-4);background:var(--color-bg-surface);border-radius:var(--radius-lg)}.tool-step-num{font-size:var(--text-2xl);color:var(--color-cyan);margin-bottom:var(--space-2);font-weight:700;display:block}.tool-step span:last-child{font-size:var(--text-sm);color:var(--color-text-secondary)}.tool-disclaimer{font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:center;margin-top:var(--space-4)}.tool-back-link{text-align:center}.tool-back-link a{font-size:var(--text-sm);color:var(--color-text-tertiary);text-decoration:none;transition:color .2s}.tool-back-link a:hover{color:var(--color-cyan)}.tool-select{width:100%;padding:var(--space-3)var(--space-4);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2371717a'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.tool-select:focus{border-color:var(--color-cyan);outline:none}.tool-textarea{width:100%;padding:var(--space-3)var(--space-4);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);resize:vertical;min-height:100px;font-family:inherit}.tool-textarea:focus{border-color:var(--color-cyan);outline:none}.tool-textarea::placeholder{color:var(--color-text-tertiary)}@media (max-width:640px){.tool-hero{padding:var(--space-24)0 var(--space-12)}.tool-card{padding:var(--space-5)}.tool-steps{grid-template-columns:1fr}.tool-preview img{width:150px;height:150px}}