.hero-section{text-align:center;margin-bottom:var(--space-lg)}.hero-section h1{margin:0 0 var(--space-sm);font-size:1.75rem;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);flex-wrap:wrap}.pro-badge{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:4px 12px;border-radius:20px;font-size:.65em;font-weight:600;letter-spacing:.5px}.pro-badge-sm{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:2px 8px;border-radius:12px;font-size:.7em;font-weight:600;margin-right:var(--space-xs)}.hero-hook{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0 0 var(--space-xs);line-height:1.3}.hero-sub{font-size:1rem;color:var(--color-text-muted);margin:0}.years-control{margin:var(--space-lg) 0;padding:var(--space-md);background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border-radius:var(--border-radius);border:2px solid rgba(59,130,246,.2)}.years-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.years-header label{font-weight:600;color:var(--color-text)}.years-display{font-size:1.25rem;font-weight:700;color:var(--color-primary)}.years-slider{width:100%;height:8px;-webkit-appearance:none;appearance:none;background:#e5e7eb;border-radius:4px;cursor:pointer}.years-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #3b82f666}.years-slider::-moz-range-thumb{width:24px;height:24px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #3b82f666}.slider-labels{display:flex;justify-content:space-between;margin-top:var(--space-xs);font-size:.75rem;color:var(--color-text-muted)}.slider-tip{text-align:center;font-size:.85rem;color:var(--color-text-muted);margin:var(--space-sm) 0 0;font-style:italic}.advanced-toggle{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.toggle-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-muted)}.toggle-label:hover{color:var(--color-text)}.advanced-options{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-bg-alt);border-radius:var(--border-radius)}.checkbox-field{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--font-size-sm)}.checkbox-field input[type=checkbox]{width:18px;height:18px;cursor:pointer}.inflation-input{margin-top:var(--space-md)}.results-pro{padding:var(--space-md)}.result-primary{text-align:center;margin-bottom:var(--space-lg)}.result-primary .result-label{display:block;font-size:.9rem;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.result-primary .result-value{font-size:2rem;font-weight:700;color:var(--color-primary)}.results-breakdown{display:flex;flex-direction:column;gap:var(--space-sm)}.result-item{position:relative;padding:var(--space-md);border-radius:var(--border-radius);overflow:hidden}.result-item .result-bar{position:absolute;left:0;bottom:0;height:4px;transition:width .5s ease}.contributions-item{background:#f3f4f6}.contributions-item .result-bar{background:#9ca3af}.interest-item{background:#22c55e1a;border:2px solid rgba(34,197,94,.3)}.interest-item .result-bar{background:#22c55e}.result-content{display:flex;align-items:center;gap:var(--space-sm)}.result-icon{font-size:1.5rem}.result-details{flex:1}.result-details .result-label{display:block;font-size:.85rem;color:var(--color-text-muted)}.result-details .result-value{font-size:1.1rem;font-weight:600;color:var(--color-text)}.result-percent{font-size:.9rem;font-weight:600;color:var(--color-text-muted)}.result-insight{text-align:center;padding:var(--space-md);background:#22c55e0d;border-radius:var(--border-radius);margin-top:var(--space-md)}.result-insight span{font-size:1rem}.result-real{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--color-bg-alt);border-radius:var(--border-radius);margin-top:var(--space-md)}.result-real .result-label{font-size:.9rem;color:var(--color-text-muted)}.result-real .result-value{font-weight:600;color:var(--color-text)}.real-rate-box{margin-top:var(--space-md);padding:var(--space-md);background:#f0f9ff;border:1px solid #bae6fd;border-radius:var(--border-radius)}.real-rate-label{font-size:.85rem;color:var(--color-text-muted);margin-bottom:var(--space-sm);text-align:center}.real-rate-display{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:.95rem;flex-wrap:wrap}.rate-nominal{color:#3b82f6;font-weight:600}.rate-inflation{color:#f59e0b}.rate-real{color:#22c55e;font-weight:700;font-size:1.1rem}.rate-sep{color:var(--color-text-muted)}.tooltip-trigger{position:relative;cursor:help;color:var(--color-text-muted);font-size:.85em}.tooltip-text{visibility:hidden;opacity:0;position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:400;white-space:nowrap;z-index:100;box-shadow:0 2px 8px #0003}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1f2937}.tooltip-trigger:hover .tooltip-text{visibility:visible;opacity:1}.scenarios-section{margin-top:var(--space-2xl);padding:var(--space-lg);background:var(--color-bg);border-radius:var(--border-radius);border:1px solid var(--color-border)}.scenarios-section h2{margin-top:0;margin-bottom:var(--space-xs);font-size:var(--font-size-lg)}.scenarios-desc{color:var(--color-text-muted);margin-bottom:var(--space-md)}.scenario-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}@media (max-width: 600px){.scenario-cards{grid-template-columns:1fr}}.scenario-card{padding:var(--space-md);border-radius:var(--border-radius);text-align:center;background:var(--color-bg-alt);border:2px solid transparent}.scenario-card.scenario-base{border-color:var(--color-primary);background:#3b82f60d}.scenario-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-xs)}.scenario-rate{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-sm)}.scenario-value{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text)}.scenario-diff{font-size:var(--font-size-sm);margin-top:var(--space-xs);color:var(--color-text-muted)}.scenario-diff.positive{color:#16a34a}.scenario-diff.negative{color:#dc2626}.disclaimer{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic;margin-top:var(--space-md);margin-bottom:0}.pro-section{margin-top:var(--space-xl);padding:var(--space-lg);background:var(--color-bg);border-radius:var(--border-radius);border:1px solid var(--color-border);border-left:4px solid #8b5cf6}.pro-section h2{margin-top:0;margin-bottom:var(--space-xs);font-size:var(--font-size-lg);display:flex;align-items:center}.section-desc{color:var(--color-text-muted);margin-bottom:var(--space-md)}.delay-table-wrapper{overflow-x:auto}.delay-table{width:100%;border-collapse:collapse;font-size:14px}.delay-table th,.delay-table td{padding:12px 16px;text-align:right}.delay-table th:first-child,.delay-table td:first-child{text-align:left}.delay-table th{background:#f3f4f6;font-weight:600;border-bottom:2px solid #d1d5db}.delay-table td{border-bottom:1px solid #e5e7eb}.delay-table tbody tr:first-child{background:#22c55e1a}.delay-table tbody tr:first-child td{font-weight:600}.delay-table .loss-value{color:#dc2626;font-weight:600}.delay-insight{margin-top:var(--space-lg);padding:var(--space-md);background:#fef2f2;border:2px solid #fecaca;border-radius:var(--border-radius)}.delay-insight p{margin:0;color:#991b1b}.delay-quote{text-align:center;font-style:italic;color:var(--color-text-muted);margin-top:var(--space-md);margin-bottom:0}.contributions-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.summary-item{padding:var(--space-md);background:var(--color-bg-alt);border-radius:var(--border-radius);text-align:center}.summary-item.highlight{background:#3b82f61a;border:2px solid rgba(59,130,246,.3)}.summary-item.boost{background:#22c55e1a;border:2px solid rgba(34,197,94,.3)}.summary-label{display:block;font-size:.85rem;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.summary-value{font-size:1.2rem;font-weight:700;color:var(--color-text)}.summary-value.positive{color:#16a34a}.chart-section{margin-top:var(--space-xl);padding:var(--space-lg);background:var(--color-bg);border-radius:var(--border-radius);border:1px solid var(--color-border)}.chart-section h2{margin-top:0;margin-bottom:var(--space-md);font-size:var(--font-size-lg)}.chart-container{position:relative;height:300px}.table-section{margin-top:var(--space-xl);padding:var(--space-lg);background:var(--color-bg);border-radius:var(--border-radius);border:1px solid var(--color-border)}.table-section h2{margin-top:0;margin-bottom:var(--space-md);font-size:var(--font-size-lg)}.table-wrapper{overflow-x:auto}.yearly-table{width:100%;border-collapse:collapse;font-size:14px}.yearly-table th,.yearly-table td{padding:12px 16px;text-align:left}.yearly-table th{background:#f3f4f6;font-weight:600;border-bottom:2px solid #d1d5db}.yearly-table td{border-bottom:1px solid #e5e7eb}.yearly-table tbody tr:hover{background:#f9fafb}.yearly-table .separator-row td{text-align:center;color:#9ca3af;padding:8px 16px;background:#f9fafb}.table-actions{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-top:var(--space-md)}.btn-secondary{padding:10px 20px;background:var(--color-bg-alt);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-secondary:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.calculator-notes{margin-top:var(--space-xl);padding:var(--space-md);background:var(--color-bg-alt);border-radius:var(--border-radius);font-size:var(--font-size-sm)}.calculator-notes p{margin:0 0 var(--space-sm)}.calculator-notes p:last-child{margin-bottom:0}.next-steps{margin-top:var(--space-2xl);padding:var(--space-lg);background:var(--color-bg-alt);border-radius:var(--border-radius)}.next-steps h3{margin-top:0;margin-bottom:var(--space-md);font-size:1rem;color:var(--color-text-muted)}.next-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.next-step-card{display:block;padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);text-decoration:none;color:var(--color-text);transition:all .2s}.next-step-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #3b82f61a;transform:translateY(-2px)}.next-step-icon{font-size:1.5rem;display:block;margin-bottom:var(--space-xs)}.next-step-title{font-weight:600;display:block;margin-bottom:var(--space-xs)}.next-step-desc{font-size:.85rem;color:var(--color-text-muted)}.educational-note{margin-top:var(--space-md);padding:var(--space-md);background:#3b82f60d;border-radius:var(--border-radius);border-left:3px solid var(--color-primary)}.examples-section{margin-top:var(--space-2xl)}.examples-section h2{margin-bottom:var(--space-lg)}.example-block{padding:var(--space-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:var(--space-md)}.example-block h3{margin-top:0;color:var(--color-primary);font-size:1.1rem}.example-block ul{margin:var(--space-sm) 0;padding-left:var(--space-lg)}.example-block li{margin-bottom:var(--space-xs)}.example-block p:last-child{margin-bottom:0;color:var(--color-text-muted);font-style:italic}