:root{--calc-ink:#0e1220;--calc-paper:#f5f7f2;--calc-card:#fff;--calc-line:#dce3d8;--calc-muted:#637086;--calc-acid:#9ccc4a;--calc-acid-dark:#5d8127;--calc-orange:#ee9b59;--calc-radius:22px}*{box-sizing:border-box}.tool-app{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:28px 0 70px;color:var(--calc-ink);font-family:Manrope,Arial,sans-serif}.tool-actions{min-height:42px;display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:16px}.privacy-chip,.step-chip{font:500 11px/1.2 DM Mono,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--calc-acid-dark);background:#edf6dc;padding:8px 11px;border-radius:999px}.calculator-layout,.qr-layout{display:grid;grid-template-columns:minmax(300px,.84fr) minmax(0,1.16fr);gap:20px;align-items:start}.input-card,.result-panel,.table-card,.qr-preview-card,.chart-card,.growth-chart{background:var(--calc-card);border:1px solid var(--calc-line);border-radius:var(--calc-radius);padding:26px;box-shadow:0 16px 42px #1721320c}.input-card{display:grid;gap:17px}.card-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.card-heading h2,.card-heading h3{margin:3px 0 0;letter-spacing:-.03em}.card-heading h2{font-size:clamp(23px,3vw,34px)}.card-heading h3{font-size:18px}.eyebrow,.input-card .eyebrow{font:500 10px DM Mono,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--calc-acid-dark)}.calc-field{display:grid;gap:7px;font-size:13px;font-weight:700}.calc-field>span{display:flex;justify-content:space-between}.calc-field input,.calc-field select,.calc-field textarea{width:100%;font:600 16px Manrope,Arial,sans-serif;color:var(--calc-ink);background:#fbfcfa;border:1px solid #cbd6c9;border-radius:12px;padding:12px 13px;min-width:0}.calc-field textarea{resize:vertical}.range-line{display:grid;grid-template-columns:minmax(70px,1fr) 112px auto;gap:10px;align-items:center}.range-line input[type=range]{padding:0;accent-color:var(--calc-acid-dark);height:24px}.range-line .number-input{padding:10px}.range-line em{font-size:11px;font-style:normal;color:var(--calc-muted);white-space:nowrap}.quick-pills,.button-row,.tab-row{display:flex;gap:8px;flex-wrap:wrap}.quick-pills button,.tab{border:1px solid var(--calc-line);background:#f7faf3;border-radius:999px;padding:9px 12px;color:var(--calc-ink);cursor:pointer;font:600 12px Manrope}.tab{border-radius:11px;background:#f5f7f2}.tab.active{background:var(--calc-ink);color:#fff}.button{border:1px solid var(--calc-ink);border-radius:999px;padding:10px 15px;background:var(--calc-ink);color:#fff;cursor:pointer;font:700 12px Manrope}.button.ghost{background:transparent;color:var(--calc-ink);border-color:#cbd6c9}.button.ghost.active,.button.ghost:hover{background:#edf6dc;border-color:var(--calc-acid-dark)}.button.primary{background:var(--calc-acid-dark);border-color:var(--calc-acid-dark)}hr{border:0;border-top:1px solid var(--calc-line);width:100%;margin:2px 0}.result-panel{display:grid;gap:16px;background:#101729;color:#f4f7f2;border-color:#101729}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.result-card{border:1px solid #2c3a52;border-radius:16px;padding:17px;display:grid;gap:8px;min-width:0}.result-card span,.inhand-hero span,.regime-card span{font:500 10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em;color:#a9b6c7}.result-card strong{font-size:clamp(19px,2.6vw,28px);letter-spacing:-.04em;overflow-wrap:anywhere}.result-card.accent strong{color:var(--calc-acid)}.chart-card{color:var(--calc-ink);box-shadow:none}.result-panel .chart-card,.result-panel .growth-chart{background:#fff}.chart-bars{display:grid;gap:14px;margin-top:22px}.chart-row{display:grid;grid-template-columns:82px minmax(80px,1fr) 95px;align-items:center;gap:9px;font-size:12px}.chart-row>div{height:12px;background:#edf0ea;border-radius:99px;overflow:hidden}.chart-row i{display:block;height:100%;border-radius:inherit}.chart-row b{text-align:right;font-size:12px}.formula{font:500 12px DM Mono,monospace;color:var(--calc-muted);margin:22px 0 0}.notice,.note{border:1px solid #c9df9e;background:#eff8df;border-radius:14px;color:#39521c;padding:13px;font-size:13px;line-height:1.6}.table-card{margin-top:20px}.table-scroll{max-height:min(70vh,680px);overflow:auto;margin:12px -26px -12px;padding:0 26px 12px}table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}th,td{text-align:right;border-bottom:1px solid var(--calc-line);padding:12px 10px}th:first-child,td:first-child{text-align:left}th{position:sticky;top:0;background:var(--calc-card);font:500 10px DM Mono,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--calc-muted)}.growth-chart svg{display:block;width:100%;height:180px;margin-top:12px;overflow:visible}.built-by{text-align:center;color:var(--calc-muted);font-size:12px;margin:26px 0 0}.built-by a,.note a{color:var(--calc-acid-dark);font-weight:800}.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hub-card{display:flex;flex-direction:column;min-height:230px;gap:12px;padding:24px;background:#101729;color:#fff;border-radius:var(--calc-radius);text-decoration:none;border:1px solid #24314a;transition:transform .2s,border-color .2s}.hub-card:hover{transform:translateY(-3px);border-color:var(--calc-acid)}.hub-card span{font:500 10px DM Mono,monospace;letter-spacing:.1em;color:var(--calc-acid)}.hub-card h2{margin:0;font-size:26px;letter-spacing:-.04em}.hub-card p{margin:0;color:#bdc6d2;line-height:1.6;font-size:14px}.hub-card b{margin-top:auto;color:var(--calc-acid);font-size:13px}.tab-row{margin-bottom:2px}.switch-row{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:700}.switch-row input{accent-color:var(--calc-acid-dark);width:18px;height:18px}.switch-row small{display:block;color:var(--calc-muted);font-weight:500;margin-top:3px}.inhand-hero{background:linear-gradient(135deg,#273b1d,#111a28);border:1px solid #46632e;border-radius:18px;padding:23px;display:grid;gap:8px}.inhand-hero strong{font-size:clamp(32px,5vw,52px);letter-spacing:-.06em;color:var(--calc-acid)}.inhand-hero p{margin:0;color:#d8e4d2;font-size:13px;line-height:1.6}.regime-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.regime-card{border:1px solid #2c3a52;border-radius:16px;padding:16px;display:grid;gap:9px}.regime-card.best{border-color:var(--calc-acid);background:#1b2a1e}.regime-card strong{font-size:21px;color:#fff}.regime-card small{color:#a9b6c7;line-height:1.5}.qr-layout{grid-template-columns:minmax(300px,.9fr) minmax(280px,1.1fr)}.qr-preview-card{position:sticky;top:20px}.qr-canvas-wrap{display:grid;place-items:center;position:relative;padding:20px;background:#f6f7f1;border-radius:18px;margin:20px auto 14px;width:min(100%,360px);min-height:280px}.qr-canvas-wrap canvas{display:block;max-width:100%;height:auto;image-rendering:pixelated}.qr-logo{position:absolute;display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#fff;color:#182318;border:5px solid #fff;box-shadow:0 1px 5px #0003;font:800 12px Manrope}.qr-payload{font:500 11px/1.6 DM Mono,monospace;word-break:break-all;background:#f5f7f2;border-radius:10px;padding:11px;color:var(--calc-muted);max-height:90px;overflow:auto}.qr-tabs{overflow-x:auto;flex-wrap:nowrap}.qr-tabs .tab{white-space:nowrap}@media(max-width:850px){.calculator-layout,.qr-layout{grid-template-columns:1fr}.qr-preview-card{position:static}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.tool-app{width:min(100% - 24px,1180px);padding-top:18px}.tool-actions{justify-content:flex-start}.input-card,.result-panel,.table-card,.qr-preview-card{padding:18px;border-radius:17px}.result-grid{grid-template-columns:1fr}.result-card{display:flex;justify-content:space-between;align-items:center}.range-line{grid-template-columns:minmax(60px,1fr) 98px auto}.hub-grid{grid-template-columns:1fr}.hub-card{min-height:190px}.regime-grid{grid-template-columns:1fr}.card-heading{gap:10px}.button-row .button{padding:9px 11px}.chart-row{grid-template-columns:70px minmax(50px,1fr) 75px;font-size:11px}}@media print{.topbar,footer,.tool-actions,.built-by,.seo-content-hero,.seo-content:not(.seo-content-hero){display:none!important}.tool-app{width:100%;padding:0}.input-card{display:none}.result-panel,.table-card{box-shadow:none;border:1px solid #ddd;color:#111;background:#fff}.result-panel .chart-card,.result-panel .growth-chart{border-color:#ddd}.table-card{break-inside:avoid}.table-scroll{max-height:none;overflow:visible}}.tool-actions .button.ghost{color:#fff;border-color:#566075}.tool-actions .button.ghost:hover{background:#24314a;border-color:#b4df59}
