.croi-wrap *,.croi-wrap *::before,.croi-wrap *::after{box-sizing:border-box;margin:0;padding:0}.croi-wrap{--croi-accent:#F15A22;--croi-accent-dark:#d14a14;--croi-accent-light:#fff4f0;--croi-bg:#ffffff;--croi-surface:#f8f8f8;--croi-surface-2:#efefef;--croi-border:#e0e0e0;--croi-text:#1a1a1a;--croi-text-muted:#6b6b6b;--croi-shadow:0 2px 20px rgba(0,0,0,0.07);--croi-radius:16px;--croi-input-bg:#ffffff;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Arial,sans-serif;font-size:15px;line-height:1.5;color:var(--croi-text);background:var(--croi-bg);border:1px solid var(--croi-border);border-radius:var(--croi-radius);box-shadow:var(--croi-shadow);width:100%;max-width:100%;overflow:hidden;margin:24px 0;display:block}.croi-wrap.croi-theme-dark{--croi-bg:#1c1c1e;--croi-surface:#2c2c2e;--croi-surface-2:#3a3a3c;--croi-border:#3a3a3c;--croi-text:#f2f2f7;--croi-text-muted:#aeaeb2;--croi-shadow:0 4px 24px rgba(0,0,0,0.4);--croi-input-bg:#2c2c2e;--croi-accent-light:#2d1810}.croi-header{display:flex;align-items:center;gap:16px;padding:28px 36px 22px;background:linear-gradient(135deg,var(--croi-accent) 0%,var(--croi-accent-dark) 100%)}.croi-logo-badge{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;background:rgb(255 255 255 / .22);border-radius:10px;color:#fff}.croi-title{font-size:1.35rem;font-weight:700;color:#fff;letter-spacing:-.2px}.croi-subtitle{font-size:.82rem;color:rgb(255 255 255 / .88);margin-top:1px}.croi-tabs{display:flex;background:var(--croi-surface);border-bottom:2px solid var(--croi-border);padding:0 36px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.croi-tabs::-webkit-scrollbar{display:none}.croi-tab{padding:13px 18px;font-size:.83rem;font-weight:600;color:var(--croi-text-muted);background:none;border:none;border-bottom:3px solid #fff0;margin-bottom:-2px;cursor:pointer;white-space:nowrap;transition:color 0.18s,border-color 0.18s;flex-shrink:0}.croi-tab:hover{color:var(--croi-accent)}.croi-tab--active{color:var(--croi-accent);border-bottom-color:var(--croi-accent)}.croi-panel{display:none;padding:32px 36px}.croi-panel--active{display:block}.croi-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:32px;align-items:start}@media (max-width:720px){.croi-grid{grid-template-columns:1fr;gap:20px}.croi-panel{padding:18px 16px}.croi-tabs{padding:0 8px}.croi-tab{padding:12px 12px;font-size:.78rem}.croi-header{padding:18px 16px}.croi-title{font-size:1.15rem}}@media (max-width:480px){.croi-tab{padding:10px 10px;font-size:.72rem}}.croi-section-label{font-size:.68rem;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--croi-text-muted);margin-bottom:16px}.croi-field{margin-bottom:15px}.croi-field label{display:block;font-size:.8rem;font-weight:600;color:var(--croi-text-muted);margin-bottom:5px}.croi-input-wrap{display:flex;align-items:stretch;background:var(--croi-input-bg);border:1.5px solid var(--croi-border);border-radius:8px;overflow:hidden;transition:border-color 0.18s,box-shadow 0.18s}.croi-input-wrap:focus-within{border-color:var(--croi-accent);box-shadow:0 0 0 3px rgb(241 90 34 / .1)}.croi-prefix{display:flex;align-items:center;padding:0 11px;color:var(--croi-text-muted);font-size:.83rem;font-weight:600;background:var(--croi-surface);border-right:1.5px solid var(--croi-border);flex-shrink:0}.croi-input{flex:1;min-width:0;padding:9px 12px;border:none;outline:none;font-size:.88rem;color:var(--croi-text);background:#fff0;width:100%}input.croi-input:not(.croi-input-wrap .croi-input),input[type="date"].croi-input,input[type="text"].croi-input{display:block;width:100%;border:1.5px solid var(--croi-border);border-radius:8px;background:var(--croi-input-bg);padding:9px 12px;font-size:.88rem;color:var(--croi-text);transition:border-color 0.18s,box-shadow 0.18s}input.croi-input:not(.croi-input-wrap .croi-input):focus,input[type="date"].croi-input:focus{border-color:var(--croi-accent);outline:none;box-shadow:0 0 0 3px rgb(241 90 34 / .1)}.croi-field--inline{display:inline-block;width:calc(50% - 6px);vertical-align:top}.croi-field--inline:first-of-type{margin-right:8px}.croi-toggle-row{display:flex;gap:8px}.croi-toggle{flex:1;padding:8px 10px;border:1.5px solid var(--croi-border);border-radius:8px;background:var(--croi-surface);color:var(--croi-text-muted);font-size:.78rem;font-weight:600;cursor:pointer;transition:all 0.18s;text-align:center}.croi-toggle--active,.croi-toggle:hover{border-color:var(--croi-accent);color:var(--croi-accent);background:var(--croi-accent-light)}.croi-btn-calc{display:block;width:100%;padding:12px;background:var(--croi-accent);color:#fff;border:none;border-radius:10px;font-size:.88rem;font-weight:700;cursor:pointer;margin-top:6px;transition:background 0.18s,transform 0.1s,box-shadow 0.18s;letter-spacing:.1px}.croi-btn-calc:hover{background:var(--croi-accent-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgb(241 90 34 / .3)}.croi-btn-calc:active{transform:translateY(0);box-shadow:none}.croi-btn-secondary{padding:10px 18px;background:var(--croi-surface);color:var(--croi-text);border:1.5px solid var(--croi-border);border-radius:10px;font-size:.83rem;font-weight:600;cursor:pointer;transition:border-color 0.18s,color 0.18s}.croi-btn-secondary:hover{border-color:var(--croi-accent);color:var(--croi-accent)}.croi-result-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.croi-card{background:var(--croi-surface);border:1.5px solid var(--croi-border);border-radius:10px;padding:13px 14px;display:flex;flex-direction:column;gap:5px;min-width:0;overflow:hidden;transition:border-color 0.18s,transform 0.18s}.croi-card:hover{transform:translateY(-2px);border-color:var(--croi-accent)}.croi-card--highlight{background:var(--croi-accent-light);border-color:var(--croi-accent);grid-column:span 2}.croi-card-label{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--croi-text-muted);line-height:1.3}.croi-card-value{font-size:1.2rem;font-weight:800;color:var(--croi-text);letter-spacing:-.3px;word-break:break-word;overflow-wrap:anywhere}.croi-card--highlight .croi-card-value{font-size:1.75rem;color:var(--croi-accent)}@media (max-width:400px){.croi-result-cards{grid-template-columns:1fr}.croi-card--highlight{grid-column:span 1}}.croi-chart-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;margin:12px 0 0;width:100%;overflow:hidden}.croi-chart-wrap canvas{max-width:100%!important;width:100%!important;height:auto!important;display:block}.croi-chart-legend{display:flex;gap:14px;font-size:.76rem;font-weight:600;color:var(--croi-text-muted);align-items:center;flex-wrap:wrap;justify-content:center}.croi-legend-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:4px}.croi-legend-dot--invested{background:var(--croi-accent)}.croi-legend-dot--profit{background:#2ecc71}.croi-formula-box{background:var(--croi-surface-2);border-left:3px solid var(--croi-accent);border-radius:0 8px 8px 0;padding:11px 14px;margin-top:12px}.croi-formula-title{font-size:.68rem;font-weight:700;color:var(--croi-text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.croi-formula-box code{font-size:.78rem;color:var(--croi-accent);font-family:'SFMono-Regular',Consolas,'Courier New',monospace;word-break:break-word}.croi-cta-box{background:linear-gradient(135deg,var(--croi-accent),var(--croi-accent-dark));border-radius:12px;padding:18px;text-align:center;margin-top:14px}.croi-cta-box p{color:#fff;font-weight:600;font-size:.88rem;margin-bottom:10px;line-height:1.4}.croi-cta-link{display:inline-block;background:#fff;color:var(--croi-accent)!important;font-weight:700;font-size:.85rem;padding:9px 20px;border-radius:8px;text-decoration:none!important;transition:transform 0.18s,box-shadow 0.18s;box-shadow:0 2px 8px rgb(0 0 0 / .15)}.croi-cta-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgb(0 0 0 / .2);text-decoration:none!important}.croi-compare-intro{font-size:.85rem;color:var(--croi-text-muted);margin-bottom:18px}.croi-compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:18px}.croi-scenario-card{background:var(--croi-surface);border:1.5px solid var(--croi-border);border-radius:12px;padding:18px;min-width:0}.croi-scenario-card h4{font-size:.85rem;font-weight:700;margin-bottom:12px;color:var(--croi-accent)}.croi-scenario-card .croi-field{margin-bottom:11px}.croi-scenario-card label{font-size:.72rem}.croi-compare-actions{display:flex;gap:10px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.croi-compare-results{border-top:1.5px solid var(--croi-border);padding-top:20px;overflow:hidden}.croi-chart-box{position:relative;width:100%;height:280px;overflow:hidden}.croi-chart-box canvas{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important}.croi-compare-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:16px;border-radius:8px;border:1px solid var(--croi-border)}.croi-compare-table{width:100%;border-collapse:collapse;font-size:.82rem;min-width:480px}.croi-compare-table th,.croi-compare-table td{padding:10px 12px;border-bottom:1px solid var(--croi-border);text-align:left;white-space:nowrap}.croi-compare-table th{background:var(--croi-surface);font-weight:700;color:var(--croi-text-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.5px}.croi-compare-table tbody tr:last-child td{border-bottom:none}.croi-compare-table tbody tr:hover td{background:var(--croi-surface)}.croi-compare-table .winner td{color:var(--croi-accent);font-weight:700;background:var(--croi-accent-light)!important}.croi-footer{padding:14px 36px;background:var(--croi-surface);border-top:1px solid var(--croi-border);text-align:center;font-size:.74rem;color:var(--croi-text-muted)}.croi-footer a{color:var(--croi-accent);font-weight:600;text-decoration:none}.croi-footer a:hover{text-decoration:underline}@keyframes croi-fade-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.croi-panel--active{animation:croi-fade-in 0.22s ease}@keyframes croi-pulse{0%{opacity:1}40%{opacity:.5;transform:scale(.97)}100%{opacity:1;transform:scale(1)}}.croi-card-value.croi-updated{animation:croi-pulse 0.28s ease}