/* EMIFORMULA — UNIQUE COMPOUND INTEREST CALCULATOR */
.compound-page{--ci-ink:#172033;--ci-muted:#667085;--ci-line:#e5e7eb;--ci-accent:#2563eb;--ci-accent2:#14b8a6;--ci-soft:#eff6ff;--ci-green:#059669;--ci-gold:#d97706;--ci-error:#dc2626;color:var(--ci-ink)}
.compound-page,.compound-page *,.compound-page *::before,.compound-page *::after{box-sizing:border-box}
.compound-wrap{max-width:1180px;margin:0 auto;padding:8px 0 64px}
.compound-hero{min-height:210px;border-radius:28px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(135deg,#0b1324,#183b6b 62%,#0f766e);color:#fff;overflow:hidden;position:relative;margin-bottom:22px}
.compound-eyebrow,.compound-kicker{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}
.compound-eyebrow{color:#a7f3d0}.compound-hero h1{font-size:clamp(1.9rem,4vw,3rem);margin:8px 0 10px;color:#fff}.compound-hero p{max-width:700px;color:#dbeafe;line-height:1.65;margin:0}
.compound-hero-orbit{width:145px;height:145px;border:2px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center;position:relative;flex:none}.compound-hero-orbit span{font-size:2rem;font-weight:900}.compound-hero-orbit i{position:absolute;width:13px;height:13px;background:#5eead4;border-radius:50%}.compound-hero-orbit i:nth-child(2){top:2px}.compound-hero-orbit i:nth-child(3){right:8px;bottom:28px;background:#93c5fd}.compound-hero-orbit i:nth-child(4){left:14px;bottom:10px;background:#fcd34d}
.compound-grid{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(0,1.45fr);gap:22px;align-items:start}
.compound-card,.compound-kpi{background:#fff;border:1px solid var(--ci-line);border-radius:22px;box-shadow:0 12px 35px rgba(15,23,42,.07)}
.compound-input-card{padding:24px;position:sticky;top:18px}.compound-results{display:grid;gap:18px;min-width:0}
.compound-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.compound-card-head h2{margin:5px 0 0;font-size:1.35rem}.compound-kicker{color:var(--ci-accent)}
.compound-reset{border:1px solid var(--ci-line);background:#fff;border-radius:10px;padding:9px 13px;cursor:pointer}.compound-reset:hover{border-color:var(--ci-accent)}
.compound-field{margin:0 0 21px}.compound-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-weight:700}.compound-label span:last-child{color:var(--ci-accent)}
.compound-money,.compound-number-suffix{display:flex;align-items:center;border:1px solid #cfd5df;border-radius:12px;background:#fff;min-height:48px;overflow:hidden}.compound-money>span,.compound-number-suffix>span{padding:0 13px;color:var(--ci-muted);font-weight:700}.compound-money input,.compound-number-suffix input{border:0;outline:0;min-width:0;flex:1;padding:12px;font-size:1rem;background:transparent}.compound-money:focus-within,.compound-number-suffix:focus-within{border-color:var(--ci-accent);box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.compound-range{width:100%;accent-color:var(--ci-accent);margin:12px 0 0;cursor:pointer}.compound-minmax{display:flex;justify-content:space-between;color:var(--ci-muted);font-size:.75rem;margin-top:5px}
.compound-frequency{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.compound-frequency button{min-height:42px;border:1px solid var(--ci-line);background:#fff;border-radius:10px;cursor:pointer;font-weight:700}.compound-frequency button.is-active{background:var(--ci-accent);border-color:var(--ci-accent);color:#fff}
.compound-advanced{border-top:1px solid var(--ci-line);padding-top:15px;margin-top:8px}.compound-advanced summary{cursor:pointer;font-weight:800}.compound-advanced-body{padding-top:18px}
.compound-primary{width:100%;min-height:50px;border:0;border-radius:12px;background:var(--ci-accent);color:#fff;font-weight:800;font-size:1rem;cursor:pointer;margin-top:5px}.compound-primary:hover{filter:brightness(.95)}
.compound-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.compound-kpi{padding:18px}.compound-kpi span{font-weight:800;color:var(--ci-muted);font-size:.88rem}.compound-kpi strong{display:block;font-size:clamp(1.25rem,2vw,1.75rem);margin:8px 0;color:var(--ci-ink)}.compound-kpi small{color:var(--ci-muted)}
.compound-growth-card,.compound-analysis-card,.compound-table-card,.compound-content{padding:22px}.compound-pill{background:var(--ci-soft);color:var(--ci-accent);padding:7px 10px;border-radius:999px;font-size:.8rem;font-weight:800}
.compound-visual-grid{display:grid;grid-template-columns:minmax(190px,.42fr) minmax(0,1fr);gap:22px;align-items:center}.compound-donut-wrap{text-align:center}.compound-donut{width:185px;height:185px;border-radius:50%;margin:auto;background:conic-gradient(var(--ci-accent2) 0 var(--interest-deg,120deg),#2563eb var(--interest-deg,120deg) 360deg);display:grid;place-items:center}.compound-donut>div{width:125px;height:125px;border-radius:50%;background:#fff;display:grid;place-items:center;align-content:center}.compound-donut strong{font-size:1.05rem}.compound-donut span{font-size:.72rem;color:var(--ci-muted)}.compound-legend{display:grid;gap:8px;text-align:left;margin:15px auto 0;max-width:190px;font-size:.82rem}.compound-legend span{display:flex;align-items:center;gap:7px}.compound-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}.legend-invested{background:#2563eb}.legend-interest{background:#14b8a6}.compound-chart-title{font-weight:800;margin-bottom:8px}.compound-chart-panel svg{width:100%;height:auto;color:var(--ci-accent);display:block}
.compound-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.compound-comparison-grid h3{font-size:1rem}.compound-bar-row{display:grid;grid-template-columns:82px minmax(80px,1fr) 92px;gap:8px;align-items:center;margin:11px 0;font-size:.8rem}.compound-bar-row>div{height:10px;background:#edf2f7;border-radius:99px;overflow:hidden}.compound-bar-row i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#14b8a6);border-radius:99px}.compound-bar-row b{text-align:right;font-size:.76rem}
.compound-table-scroll{overflow-x:auto}.compound-table-card table{width:100%;border-collapse:collapse;font-size:.88rem}.compound-table-card th,.compound-table-card td{text-align:right;padding:11px;border-bottom:1px solid var(--ci-line);white-space:nowrap}.compound-table-card th:first-child,.compound-table-card td:first-child{text-align:left}.compound-table-card th{font-size:.78rem;color:var(--ci-muted)}
.compound-content{margin-top:22px;line-height:1.7}.compound-content h2{margin-top:0}.compound-content h2:not(:first-child){margin-top:28px}.compound-formula{padding:20px;border-radius:16px;background:var(--ci-soft);border:1px solid #dbeafe;display:grid;gap:6px}.compound-formula strong{font-size:1.5rem}.compound-formula small{color:var(--ci-muted)}.compound-content details{border-top:1px solid var(--ci-line);padding:14px 0}.compound-content summary{font-weight:800;cursor:pointer}.compound-error{color:var(--ci-error);margin:10px 0 0;font-size:.9rem}
@media(max-width:900px){.compound-grid{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr)}.compound-hero-orbit{width:110px;height:110px}.compound-hero{padding:26px}.compound-kpis{grid-template-columns:1fr}.compound-visual-grid{grid-template-columns:1fr}.compound-donut{width:165px;height:165px}.compound-donut>div{width:112px;height:112px}}
@media(max-width:640px){.compound-grid{grid-template-columns:1fr}.compound-input-card{position:static}.compound-hero{padding:24px;min-height:0}.compound-hero-orbit{display:none}.compound-comparison-grid{grid-template-columns:1fr}.compound-wrap{padding-bottom:40px}.compound-card,.compound-kpi{border-radius:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:420px){.compound-frequency{grid-template-columns:1fr}.compound-card-head{align-items:flex-start}.compound-bar-row{grid-template-columns:70px minmax(50px,1fr) 78px}.compound-money input,.compound-number-suffix input{font-size:16px}}