.roi-calc{--bg:#fbfbfd;--surface:#fff;--ink:#1d1d1f;--muted:#6e6e73;--line:#e9e9ee;--field:#f3f3f6;--field-hover:#ececf1;--accent:#085fff;--accent-soft:#e8f0ff;--radius:18px;--radius-sm:14px;--radius-xs:12px;--shadow:0 1px 2px #0000000a, 0 12px 32px #0f0f0f0f;--shadow-soft:0 1px 2px #0000000a, 0 6px 18px #0f0f0f0d;--shadow-modal:0 24px 64px #0f0f0f38;font-family:var(--font-nunito), -apple-system, BlinkMacSystemFont, sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5}.roi-calc *{box-sizing:border-box}.roi-calc h1,.roi-calc h2,.roi-calc h3,.roi-calc .kanit{font-family:var(--font-kanit), sans-serif;letter-spacing:-.01em;margin:0;font-weight:400}.roi-calc .wrap{max-width:880px;margin:0 auto;padding:clamp(8px,2vw,16px)}.roi-calc .head{margin:0 0 24px}.roi-calc .eyebrow{font-family:var(--font-kanit), sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 8px;font-size:13px;font-weight:500}.roi-calc .head h1{font-size:clamp(24px,4vw,36px);line-height:1.1}.roi-calc .head p{color:var(--muted);max-width:62ch;margin:8px 0 0;font-size:clamp(15px,2vw,16px)}.roi-calc .card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(16px,3vw,24px)}.roi-calc .gains{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.roi-calc .gain{background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.roi-calc .gain__main{flex:60%;min-width:0}.roi-calc .gain__type{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.roi-calc .gain__title{font-family:var(--font-kanit), sans-serif;margin-top:2px;font-size:clamp(15px,2.5vw,17px);font-weight:500}.roi-calc .gain__sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:13px;overflow:hidden}.roi-calc .gain__val{text-align:right;flex:none;margin-left:auto}.roi-calc .gain__val .v{font-family:var(--font-kanit), sans-serif;white-space:nowrap;font-size:clamp(17px,3vw,20px);font-weight:500}.roi-calc .gain__val .per{color:var(--muted);font-size:12px}.roi-calc .gain__tag{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-block}.roi-calc .gain__tag--lock{background:var(--field);color:var(--muted)}.roi-calc .gain__del{background:var(--field);width:32px;height:32px;color:var(--muted);cursor:pointer;border:none;border-radius:50%;flex:none;font-size:16px;line-height:1;transition:background .15s,color .15s}.roi-calc .gain__del:hover{color:#d11;background:#ffe2e2}.roi-calc .gain--confirm{background:#fff6f6}.roi-calc .gain__confirm-q{font-family:var(--font-kanit), sans-serif;font-size:17px;font-weight:500}.roi-calc .gain__confirm-actions{flex:none;gap:8px;display:flex}.roi-calc .btn--sm{padding:9px 16px;font-size:14px}.roi-calc .btn--danger{color:#d11;box-shadow:none;background:#ffe1e1}.roi-calc .btn--danger:hover{box-shadow:none;background:#ffd1d1;transform:none}.roi-calc .empty{text-align:center;color:var(--muted);padding:28px 8px;font-size:15px}.roi-calc .add{cursor:pointer;font-family:var(--font-nunito), sans-serif;color:var(--accent);background:var(--accent-soft);border:none;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:12px 18px;font-size:15px;font-weight:700;transition:filter .15s;display:inline-flex}.roi-calc .add:hover{filter:brightness(.97)}.roi-calc .totals{background:var(--accent-soft);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:flex-end;gap:clamp(16px,3vw,24px);margin-top:24px;padding:clamp(16px,3vw,20px) clamp(16px,3vw,24px);display:flex}.roi-calc .totals__block{flex:auto}.roi-calc .totals__block .l{color:var(--muted);font-size:13px;font-weight:700}.roi-calc .totals__block .v{font-family:var(--font-kanit), sans-serif;font-size:clamp(24px,5vw,40px);font-weight:400;line-height:1.05}.roi-calc .totals__block .v .per{font-family:var(--font-nunito), sans-serif;color:var(--muted);font-size:15px;font-weight:600}.roi-calc .totals__roi{flex:none;gap:12px;margin-left:auto;display:flex}.roi-calc .roibox{border-radius:var(--radius-xs);min-width:96px;box-shadow:var(--shadow-soft);background:#fff;padding:14px 16px}.roi-calc .roibox .k{font-family:var(--font-kanit), sans-serif;color:var(--accent);font-size:22px;font-weight:500;line-height:1}.roi-calc .roibox .l{color:var(--muted);margin-top:6px;font-size:12px;font-weight:600}.roi-calc .invest{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.roi-calc .invest label{font-size:14px;font-weight:700}.roi-calc .invest .hint{color:var(--muted);font-size:12px}.roi-calc .result{margin-top:24px}.roi-calc .result__toggle{background:var(--field);border-radius:999px;gap:4px;max-width:100%;margin-bottom:16px;padding:4px;display:inline-flex}.roi-calc .tab{font-family:var(--font-nunito), sans-serif;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;min-height:44px;padding:9px 16px;font-size:14px;font-weight:700;transition:background .15s,color .15s}.roi-calc .tab--on{color:var(--ink);box-shadow:var(--shadow-soft);background:#fff}.roi-calc .layer1{flex-direction:column;gap:16px;display:flex}.roi-calc .headline{background:var(--accent-soft);border-radius:var(--radius-sm);padding:clamp(16px,3vw,20px)}.roi-calc .headline__phrase{font-family:var(--font-kanit), sans-serif;color:var(--ink);margin:0;font-size:clamp(18px,3.5vw,24px);font-weight:400;line-height:1.2}.roi-calc .chips{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.roi-calc .chip{color:var(--muted);box-shadow:var(--shadow-soft);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.roi-calc .chip b{color:var(--ink);font-weight:700}.roi-calc .chip--accent,.roi-calc .chip--accent b{color:var(--accent)}.roi-calc .note{color:var(--muted);margin:14px 0 0;font-size:12px}.roi-calc .pblock{border:1px solid var(--line);border-radius:var(--radius-sm);padding:clamp(14px,3vw,18px)}.roi-calc .pblock__h{font-family:var(--font-kanit), sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:12px;font-size:12px;font-weight:500}.roi-calc .prow{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.roi-calc .prow:first-of-type{border-top:none;padding-top:0}.roi-calc .prow__l{color:var(--ink);font-size:14px;font-weight:600}.roi-calc .prow__v{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:8px;font-size:14px;display:flex}.roi-calc .prow__v .big{font-family:var(--font-kanit), sans-serif;color:var(--ink);font-size:clamp(20px,4vw,26px);font-weight:500;line-height:1}.roi-calc .ba{color:var(--muted);font-weight:700}.roi-calc .ba--now{color:var(--ink)}.roi-calc .ba__arrow{color:var(--muted)}.roi-calc .delta{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.roi-calc .strat{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.roi-calc .strat li{color:var(--ink);padding-left:20px;font-size:14px;line-height:1.5;position:relative}.roi-calc .strat li:before{content:"✓";color:var(--accent);font-weight:700;position:absolute;top:0;left:0}.roi-calc .strat li b{font-weight:700}.roi-calc .totals__note{color:var(--muted);flex-basis:100%;margin:4px 0 0;font-size:12px}.roi-calc .rpanel__locknote{font-family:var(--font-nunito), sans-serif;color:var(--muted);margin-top:8px;font-size:12px;font-weight:600}.roi-calc .input{width:100%;font-family:var(--font-nunito), sans-serif;color:var(--ink);background:var(--field);border-radius:var(--radius-xs);border:1px solid #0000;padding:12px 14px;font-size:16px;font-weight:700;transition:border-color .15s,background .15s}.roi-calc .input::placeholder{color:#b6b6bd;font-weight:600}.roi-calc .input:focus{border-color:var(--accent);background:#fff;outline:none}.roi-calc .input--prefixed{padding-left:38px}.roi-calc .iw{position:relative}.roi-calc .iw .prefix{color:var(--muted);pointer-events:none;font-size:15px;font-weight:600;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.roi-calc .field{margin-bottom:18px}.roi-calc .field:last-child{margin-bottom:0}.roi-calc .field>label{margin-bottom:8px;font-size:14px;font-weight:700;display:block}.roi-calc .field .fhint{color:var(--muted);margin-top:8px;font-size:12px}.roi-calc .fexplain{margin-top:8px}.roi-calc .fexplain>summary{cursor:pointer;color:var(--accent);align-items:center;gap:6px;font-size:12px;font-weight:700;list-style:none;display:inline-flex}.roi-calc .fexplain>summary::-webkit-details-marker{display:none}.roi-calc .fexplain>summary .chev{font-weight:400;transition:transform .2s}.roi-calc .fexplain[open]>summary .chev{transform:rotate(90deg)}.roi-calc .fexplain__body{color:var(--muted);background:var(--field);border-radius:10px;margin-top:8px;padding:12px;font-size:12px;line-height:1.55}.roi-calc .fexplain__body b{color:var(--ink)}.roi-calc .fexplain__body p{margin:0 0 8px}.roi-calc .fexplain__body p:last-child{margin-bottom:0}.roi-calc .advanced{border:1px dashed var(--line);border-radius:var(--radius-xs);background:#fafafc;margin-top:4px;padding:12px 14px}.roi-calc .advanced>summary{cursor:pointer;color:var(--muted);align-items:center;gap:6px;font-size:13px;font-weight:700;list-style:none;display:inline-flex}.roi-calc .advanced>summary::-webkit-details-marker{display:none}.roi-calc .advanced>summary .chev{font-weight:400;transition:transform .2s}.roi-calc .advanced[open]>summary .chev{transform:rotate(90deg)}.roi-calc .advanced__body{margin-top:14px}.roi-calc .btn{font-family:var(--font-nunito), sans-serif;cursor:pointer;border:none;border-radius:999px;min-height:44px;padding:12px 20px;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .12s,filter .12s}.roi-calc .btn--primary{background:var(--accent);color:#fff;box-shadow:0 8px 20px #085fff47}.roi-calc .btn--primary:hover{transform:translateY(-1px);box-shadow:0 12px 26px #085fff57}.roi-calc .btn--ghost{background:var(--field);color:var(--ink)}.roi-calc .btn--ghost:hover{background:var(--field-hover)}.roi-calc .overlay{z-index:9999;background:#0f0f0f73;justify-content:center;align-items:center;padding:clamp(8px,3vw,16px);display:flex;position:fixed;inset:0}.roi-calc .modal{background:var(--surface);box-shadow:var(--shadow-modal);border-radius:clamp(16px,3vw,24px);flex-direction:column;width:100%;max-width:560px;max-height:90vh;animation:.22s roi-modal-in;display:flex;overflow:hidden}@keyframes roi-modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.roi-calc .modal__top{padding:clamp(18px,3vw,24px) clamp(18px,3vw,24px) 0}.roi-calc .modal__bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.roi-calc .modal__title{font-family:var(--font-kanit), sans-serif;font-size:clamp(17px,3vw,19px);font-weight:500}.roi-calc .modal__close{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;font-size:22px;line-height:1;transition:background .15s}.roi-calc .modal__close:hover{background:var(--field)}.roi-calc .progress{background:var(--line);border-radius:999px;height:4px;margin:16px 0 4px;overflow:hidden}.roi-calc .progress>i{background:var(--accent);border-radius:999px;height:100%;transition:width .25s;display:block}.roi-calc .modal__body{-webkit-overflow-scrolling:touch;padding:20px clamp(18px,3vw,24px) clamp(18px,3vw,24px);overflow:auto}.roi-calc .modal__q{color:var(--muted);margin:4px 0 16px;font-size:15px}.roi-calc .modal__q b{color:var(--ink);font-weight:700}.roi-calc .opts{grid-template-columns:1fr 1fr;gap:12px;display:grid}.roi-calc .opt{font-family:var(--font-nunito), sans-serif;text-align:left;color:var(--ink);background:var(--field);border-radius:var(--radius-xs);cursor:pointer;box-shadow:var(--shadow-soft);border:none;min-height:44px;padding:16px;font-size:15px;font-weight:700}.roi-calc .opt--wide{grid-column:1/-1}.roi-calc .modal__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.roi-calc .result-label{color:var(--muted);margin:0 0 12px;font-size:14px;font-weight:600}.roi-calc .rpanel{background:var(--accent-soft);border-radius:var(--radius-sm);padding:18px}.roi-calc .rpanel__type{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;margin-bottom:14px;font-size:12px;font-weight:700}.roi-calc .rpanel__boxes{gap:12px;display:flex}.roi-calc .rbox{border-radius:var(--radius-xs);min-width:0;box-shadow:var(--shadow-soft);text-align:center;background:#fff;flex:1;padding:16px}.roi-calc .rbox__v{font-family:var(--font-kanit), sans-serif;white-space:nowrap;font-size:clamp(20px,5vw,28px);font-weight:500;line-height:1}.roi-calc .rbox__v--mes{color:var(--accent)}.roi-calc .rbox__v--ano{color:var(--ink)}.roi-calc .rbox__l{color:var(--muted);margin-top:6px;font-size:12px}.roi-calc .rpanel__qual{font-family:var(--font-kanit), sans-serif;color:var(--ink);text-align:center;padding:8px 0;font-size:24px;font-weight:500}.roi-calc .rpanel__sum{color:var(--muted);margin-top:14px;font-size:13px}.roi-calc .foot-right{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.roi-calc :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.roi-calc .input:focus-visible{outline:none}@media (max-width:560px){.roi-calc .opts{grid-template-columns:1fr}.roi-calc .opt--wide{grid-column:auto}.roi-calc .totals__roi{width:100%;margin-left:0}.roi-calc .roibox{flex:1 1 0}.roi-calc .invest .iw{width:100%!important}.roi-calc .modal__foot{flex-direction:column-reverse;align-items:stretch}.roi-calc .modal__foot .btn{width:100%}.roi-calc .foot-right{flex-direction:column}.roi-calc .foot-right .btn{width:100%}}@media (max-width:380px){.roi-calc .rpanel__boxes{flex-direction:column}.roi-calc .gain__val{margin-left:0}}