@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,system-ui,-apple-system,sans-serif;color:#e9f1f7;background:#091b30;font-size:16px;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 75% 32% at 51% 0%,#163755 0%,#091b30 74%);min-height:100vh}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.topbar{max-width:1240px;margin:0 auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;font-weight:800;font-size:15px;letter-spacing:-.03em}.brand small{display:block;font-weight:500;font-size:12px;color:#96aabe;letter-spacing:.04em;margin-top:2px}.brand-mark{height:40px;width:40px;border-radius:13px;background:#82ebce;color:#092638;display:grid;place-items:center;font-size:16px;letter-spacing:-.09em}.brand-mark span{font-size:12px;align-self:start;margin-left:-9px;margin-top:7px}.top-contact{border:1px solid #416075;padding:11px 17px;border-radius:40px;font-weight:700;font-size:13px}.top-contact span{padding-left:18px;color:#80e5c6}.shell{max-width:1240px;padding:35px 32px 26px;margin:auto}.eyebrow,.kicker{font-size:12px;font-weight:800;letter-spacing:.17em;color:#82e5c8}.eyebrow{display:flex;align-items:center;gap:11px}.eyebrow-line{height:2px;width:24px;background:#82e5c8}.eyebrow-tag{margin-left:8px;color:#7e9aae;font-weight:600}h1{font-size:clamp(2.5rem,5.1vw,4.8rem);line-height:1.12;letter-spacing:-.065em;margin:20px 0 16px;font-weight:800}h1 em{font-style:normal;color:#82e5c8}.intro{color:#9fb4c5;line-height:1.65;max-width:660px;margin:0 0 32px}.workspace{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:18px;align-items:start}.panel,.results{border-radius:28px;min-width:0}.input-panel{background:#f7fafc;color:#102b43;padding:30px 34px 23px;box-shadow:0 22px 65px #0002}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.section-head>div{display:flex;gap:12px;align-items:center}.section-head h2{font-size:21px;letter-spacing:-.04em;margin:0}.step{font-size:12px;color:#328675;border:1px solid #b8dcd3;border-radius:100px;padding:7px 8px;font-weight:800}.small-muted{font-size:12px;color:#7b8e9d}.control{border-top:1px solid #e1eaf0;padding:22px 0 19px}.control-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.control label{font-size:14px;font-weight:750}.hint{font-weight:600;color:#7d929d;font-size:12px;margin-left:5px}.number-wrap,.field{display:flex;align-items:center;background:#eaf2f5;border-radius:11px;padding:0 12px;min-width:132px;height:43px;border:1px solid transparent}.number-wrap:focus-within,.field:focus-within{border-color:#3c9f90;box-shadow:0 0 0 3px #75d7bf3d}.number-wrap input,.field input{min-width:0;width:100%;border:0;outline:none;background:none;color:#102b43;text-align:right;font-weight:800;font-size:17px;font-variant-numeric:tabular-nums}.number-wrap span,.field span{font-weight:700;color:#617a89;font-size:13px;margin-left:6px;white-space:nowrap}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=range]{width:100%;appearance:none;height:5px;border-radius:99px;background:linear-gradient(90deg,#1d927b var(--fill,50%),#dae5e9 var(--fill,50%));outline:0;margin:0;touch-action:none}input[type=range]::-webkit-slider-thumb{appearance:none;width:23px;height:23px;border-radius:50%;background:#fff;border:6px solid #198e79;box-shadow:0 2px 8px #064c4352;cursor:grab}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:6px solid #198e79;box-shadow:0 2px 8px #064c4352;cursor:grab}.range-ends{display:flex;justify-content:space-between;color:#8aa0ae;font-size:11px;margin-top:11px}.offer-control{border-radius:17px;background:#e8f7f2;border:1px solid #cbeadd;margin:5px -14px 4px;padding:20px 14px}.offer-control .number-wrap{background:#fff}.advanced{border-top:1px solid #e0e9ee;padding:15px 0 0}.advanced summary{list-style:none;cursor:pointer;font-size:14px;font-weight:800;display:flex;justify-content:space-between;align-items:center;gap:10px}.advanced summary::-webkit-details-marker{display:none}.advanced summary:before{content:'+';font-size:21px;font-weight:400;color:#178976;margin-right:4px}.advanced[open] summary:before{content:'−'}.advanced summary span{font-weight:500;color:#8ba0af;font-size:12px;margin-left:auto}.advanced-grid{display:grid;gap:15px;padding:22px 0 8px}.advanced-grid label{font-size:13px;font-weight:750}.advanced-grid label small{display:block;font-size:11px;color:#8094a3;font-weight:500;margin:3px 0 7px}.advanced-grid .field{margin-top:8px;max-width:290px}.advanced-grid .field input{text-align:left}.results{background:#102b44;padding:30px 26px 26px;border:1px solid #31516a}.result-head{margin-bottom:25px}.result-head h2{color:#eff7fb}.result-head .step{color:#83e6c8;border-color:#3f796f}.live-pill{color:#82e5c8;font-size:10px;letter-spacing:.12em;font-weight:800;white-space:nowrap}.live-pill i{display:inline-block;width:7px;height:7px;background:#82e5c8;border-radius:50%;margin-right:5px;box-shadow:0 0 12px #7df4ce}.featured{background:linear-gradient(148deg,#85efd1,#70dcc5 70%,#5fc6bd);color:#082d3c;padding:28px;border-radius:22px;box-shadow:0 15px 35px #0002}.featured-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;letter-spacing:.1em;font-weight:800}.rate-badge{background:#ffffff8a;border:1px solid #fff9;border-radius:99px;padding:7px 11px;letter-spacing:0;font-size:12px}.featured-label{font-size:15px;font-weight:600;margin:29px 0 2px}.featured-number{font-size:clamp(2.4rem,4.5vw,4.1rem);font-weight:800;letter-spacing:-.07em;font-variant-numeric:tabular-nums;white-space:nowrap}.featured-divider{height:1px;background:#164b4940;margin:19px 0}.featured-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}.featured-bottom strong{font-size:21px;letter-spacing:-.04em}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.mini-card{background:#1c3a53;border:1px solid #34536a;padding:18px;border-radius:17px;min-width:0}.mini-card span{display:block;color:#8fe5cd;font-size:10px;font-weight:800;letter-spacing:.12em}.mini-card strong{display:block;font-size:clamp(1.2rem,2.4vw,1.7rem);letter-spacing:-.04em;margin:9px 0 2px;white-space:nowrap}.mini-card small{color:#a0b4c3;font-size:11px}.quick-stat{display:flex;justify-content:space-between;gap:14px;align-items:center;color:#b2c9d6;font-size:13px;line-height:1.5;margin:24px 3px}.quick-stat strong{color:#a6efd9;font-size:20px;letter-spacing:-.04em;white-space:nowrap}.primary-button{background:#f7fafc;color:#0b2b40;border-radius:13px;padding:17px 20px;display:flex;justify-content:space-between;font-weight:800;font-size:14px}.primary-button span{color:#147e71}.notice,.error{padding:13px 15px;border-radius:12px;margin-top:12px;font-size:12px;line-height:1.6;background:#29455a;color:#e9f4f4}.error{background:#5a3036;color:#fff}.detail-section{margin-top:95px}.detail-title,.horizon-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:25px}.detail-title h2,.contact h2{font-size:clamp(1.9rem,3vw,2.8rem);letter-spacing:-.055em;line-height:1.17;margin:11px 0 0}.detail-title p{max-width:370px;color:#9ab2c1;line-height:1.55;margin:0}.table-scroll{overflow-x:auto;border-radius:18px;border:1px solid #31506a;background:#122e47}table{width:100%;border-collapse:collapse;min-width:850px;font-variant-numeric:tabular-nums}th{text-align:right;font-size:11px;letter-spacing:.08em;color:#98b4c5;text-transform:uppercase;padding:17px 18px;white-space:nowrap;background:#193850}td{text-align:right;padding:18px;border-top:1px solid #31506a;font-size:14px;white-space:nowrap}th:first-child,td:first-child{text-align:left;font-weight:750}tbody tr:nth-child(2){background:#173f4d}.positive{color:#8ee8c8}.negative{color:#f7bcaf}.table-note{color:#91aabe;font-size:12px;line-height:1.6;margin:11px 0}.horizon-head{margin-top:55px}.horizon-head h3,.detail-card h3{margin:10px 0 0;letter-spacing:-.04em;font-size:24px}.segmented{display:flex;background:#1c3a53;border:1px solid #3c5a70;padding:4px;border-radius:13px}.segmented button{background:none;border:0;color:#a9becb;padding:10px 16px;border-radius:9px;white-space:nowrap;font-size:13px;font-weight:800}.segmented button.active{background:#8ee7ce;color:#093240}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:38px}.detail-card,.prepay-panel{padding:26px;border-radius:20px;border:1px solid #34516a;background:#122e47}.detail-card h3{margin-bottom:23px}.metric-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #34516a;padding:13px 0;font-size:13px;line-height:1.5}.metric-row span{color:#a6c0ce}.metric-row strong{text-align:right}.prepay-panel{margin-top:18px;font-size:14px;line-height:1.65;color:#bad0da}.prepay-panel h3{margin-top:0;color:#fff}.contact{display:grid;grid-template-columns:1fr .8fr;gap:60px;margin:95px 0 0;background:#80e5c8;color:#082d3d;border-radius:27px;padding:45px 48px}.contact .kicker{color:#267060}.contact p{max-width:540px;line-height:1.65;color:#26555b}.contact-name{font-size:13px;font-weight:800}.contact-actions{display:flex;flex-direction:column;gap:9px;justify-content:center}.contact-actions a{border-radius:12px;padding:15px 18px;display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:14px}.contact-main{background:#0d3045;color:#fff}.contact-secondary{background:#ffffffa3;border:1px solid #fff9;color:#0d3045}.contact-actions small{font-size:11px;line-height:1.5;color:#386366;margin-top:6px}footer{display:flex;justify-content:space-between;gap:32px;color:#8eaabd;padding:31px 0 8px;font-size:11px;line-height:1.55}footer span:last-child{max-width:600px;text-align:right}:focus-visible{outline:3px solid #39ba9c;outline-offset:3px}@media(max-width:870px){.workspace{grid-template-columns:1fr}.results{max-width:none}.detail-title,.horizon-head{align-items:start}.contact{gap:24px}}@media(max-width:620px){.topbar{padding:19px 18px}.top-contact{font-size:12px;padding:10px 12px}.top-contact span{padding-left:4px}.shell{padding:20px 15px 22px}.eyebrow{font-size:10px}.eyebrow-tag{display:none}h1{font-size:2.65rem;line-height:1.13;margin:18px 0 12px}.intro{font-size:14px;margin-bottom:24px}.panel,.results{border-radius:22px}.input-panel{padding:23px 21px 20px}.results{padding:23px 18px}.section-head{margin-bottom:18px}.section-head h2{font-size:19px}.control{padding:20px 0 17px}.control label{font-size:13px}.number-wrap{min-width:113px;padding:0 9px}.number-wrap input{font-size:15px}.offer-control{margin:4px -8px;padding:18px 8px}.featured{padding:23px}.featured-number{font-size:3.15rem}.mini-card{padding:14px}.mini-card strong{font-size:1.25rem}.detail-section{margin-top:65px}.detail-title,.horizon-head{display:block}.detail-title p{margin-top:15px;font-size:14px}.segmented{margin-top:20px;width:max-content}.detail-grid{grid-template-columns:1fr;margin-top:28px}.contact{grid-template-columns:1fr;padding:29px 24px;margin-top:65px;border-radius:22px}.contact h2{font-size:2rem}.contact-actions{margin-top:10px}footer{display:block;font-size:11px}footer span{display:block;margin-top:10px}footer span:last-child{text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Janusz Grabowski: czerń i złoto z prezentacji JG, maj 2026 */
:root{color:#f5f1e9;background:#101010}
body{background:radial-gradient(ellipse 65% 30% at 50% 0%,#28231b 0%,#101010 78%);color:#f5f1e9}
.brand small,.eyebrow-tag{color:#b7aea0}
.brand-mark{background:#151515;color:#d7ae62;border:1px solid #b4863e;font-family:Georgia,serif;font-size:21px;letter-spacing:-.09em;box-shadow:0 6px 22px #0008}
.top-contact{border-color:#6c5737;color:#f6e9d1;background:#211e19}
.top-contact span,.eyebrow,.kicker,h1 em{color:#d7ae62}
.eyebrow-line{background:#c6984a}
.intro{color:#c0bab0}
.input-panel{background:#1e1e1f;color:#f8f5ef;box-shadow:0 22px 60px #0006;border:1px solid #534836}
.step{color:#deb878;border-color:#8d6e3f}
.small-muted,.hint{color:#c8bda8}
.control,.advanced{border-color:#47423a}
.number-wrap,.field{background:#303031;border-color:#5c5448}
.number-wrap input,.field input{color:#fff}
.number-wrap span,.field span{color:#dfd0b5}
.number-wrap:focus-within,.field:focus-within{border-color:#d7ae62;box-shadow:0 0 0 3px #d7ae6233}
input[type=range]{background:linear-gradient(90deg,#d7ae62 var(--fill,50%),#55514a var(--fill,50%))}
input[type=range]::-webkit-slider-thumb{background:#1c1b19;border-color:#d7ae62;box-shadow:0 2px 10px #0009}
input[type=range]::-moz-range-thumb{background:#1c1b19;border-color:#d7ae62;box-shadow:0 2px 10px #0009}
.range-ends,.advanced summary span,.advanced-grid label small{color:#b7aea0}
.offer-control{background:#2f281e;border-color:#9b7540}
.offer-control .number-wrap{background:#393329}
.advanced summary:before{color:#d7ae62}
.results{background:#171717;border-color:#6d5836;box-shadow:0 22px 65px #0006}
.result-head h2{color:#fff}
.result-head .step{color:#e8c482;border-color:#7f643e}
.live-pill{color:#e7c781}
.live-pill i{background:#d7ae62;box-shadow:0 0 10px #d7ae6277}
.featured{background:linear-gradient(140deg,#e7c780,#c79743 68%,#a87934);color:#1b1711;box-shadow:0 16px 38px #0008}
.rate-badge{background:#ffffff4a;border-color:#fff8}
.featured-divider{background:#3b301e50}
.mini-card{background:#292929;border-color:#61543f}
.mini-card span,.positive{color:#e8c482}
.mini-card small,.quick-stat{color:#d1c9bc}
.quick-stat strong{color:#e8c482}
.primary-button{background:#e3bd76;color:#1b1711}
.primary-button span{color:#35240d}
.notice{background:#39332a;color:#eee5d6}
.detail-title p,.table-note{color:#c0b7a8}
.table-scroll{background:#1d1d1e;border-color:#5e503a}
th{background:#2e2921;color:#e5cfaa}
td{border-color:#514638}
tbody tr:nth-child(2){background:#29251f}
.negative{color:#ffb4aa}
.segmented{background:#282725;border-color:#746142}
.segmented button{color:#dbceb8}
.segmented button.active{background:#d7ae62;color:#21190c}
.detail-card,.prepay-panel{background:#1e1e1f;border-color:#60513b;color:#f2ede5}
.metric-row{border-color:#51483b}
.metric-row span{color:#cec3b0}
.prepay-panel h3{color:#fff}
.contact{background:linear-gradient(140deg,#e7ca90,#c89a4d);color:#21190d;box-shadow:0 24px 55px #0009}
.contact .kicker,.contact p,.contact-actions small{color:#352a19}
.contact-main{background:#151515;color:#f6ddaa}
.contact-secondary{background:#ffffff70;border-color:#6a502e77;color:#21190d}
footer{color:#b7ae9e}
:focus-visible{outline-color:#e7c780}
@media(max-width:620px){.featured-number{font-size:clamp(2.25rem,11vw,3.15rem)}}
/* Dłuższe horyzonty, korzyść ekonomiczna i odkładanie kapitału */
.horizon-head{align-items:end}
.horizon-head .segmented{max-width:100%;overflow-x:auto;scrollbar-width:thin;flex-shrink:1}
.segmented button{flex:none}
.chart-panel,.saving-section{margin-top:35px;padding:30px;border:1px solid #60513b;border-radius:22px;background:#1d1d1e}
.chart-heading{display:flex;justify-content:space-between;align-items:end;gap:24px}
.chart-heading h3,.saving-section h2{font-size:clamp(1.5rem,2.5vw,2.2rem);letter-spacing:-.045em;line-height:1.2;margin:10px 0 0}
.chart-heading+.chart-panel p,.chart-panel>p,.saving-intro p{color:#c6bcad;line-height:1.6;font-size:14px}
.chart-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:#ddd2bf}
.chart-legend span{display:flex;align-items:center;gap:7px}
.chart-legend i{display:inline-block;width:11px;height:11px;border-radius:3px}
.legend-lower,.chart-lower{background:#d7ae62}
.legend-faster,.chart-faster{background:#f4dba4}
.savings-chart{margin-top:25px;display:grid;gap:13px}
.chart-row{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:13px}
.chart-period{font-size:13px;font-weight:800;color:#e5c98f}
.chart-pair{display:grid;gap:4px}
.chart-track{display:flex;align-items:center;min-height:24px;border-radius:6px;background:#2b2b2b;overflow:hidden}
.chart-bar{height:10px;flex:none;border-radius:0 5px 5px 0}
.chart-negative{background:#d08079}
.chart-track strong{position:relative;font-size:12px;font-variant-numeric:tabular-nums;margin-left:8px;white-space:nowrap;color:#f3ede1}
.chart-track strong.negative{color:#f3aba4}
.chart-unavailable{font-size:12px;color:#b8aea0;padding-left:8px}
.chart-panel .table-note{margin-bottom:0}
.saving-section{margin-top:80px;background:linear-gradient(140deg,#211e19,#191919)}
.saving-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:35px}
.saving-intro p{max-width:600px}
.saving-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}
.saving-fields label{font-size:13px;font-weight:750;color:#e0d4bd}
.saving-fields .field{margin-top:8px}
.saving-highlight{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}
.saving-highlight>div{border:1px solid #80643e;background:#322b20;padding:20px;border-radius:15px;min-width:0}
.saving-highlight small{display:block;color:#cfc0a6;font-size:13px}
.saving-highlight strong{display:block;color:#f2d392;font-size:clamp(1.25rem,2.5vw,1.8rem);line-height:1.35;margin-top:7px}
.saving-highlight-wide{grid-template-columns:repeat(5,minmax(0,1fr))}
.saving-highlight-wide>div{padding:18px 15px}
.saving-highlight-wide strong{font-size:clamp(1.05rem,1.8vw,1.45rem)}
.capital-chart-panel{margin-top:28px;padding:25px;border:1px solid #594b37;border-radius:18px;background:#171717}
.capital-chart{display:grid;grid-template-columns:repeat(9,minmax(82px,1fr));gap:12px;height:350px;margin-top:28px;overflow-x:auto;padding:0 2px 8px}
.capital-point{display:grid;grid-template-rows:24px 1fr 20px 18px;gap:4px;text-align:center;min-width:82px}
.capital-value{font-size:11px;font-weight:800;color:#efd49e;white-space:nowrap}
.capital-bars{height:100%;display:flex;align-items:flex-end;justify-content:center;gap:7px;border-bottom:1px solid #66583f;background:repeating-linear-gradient(to top,transparent 0,transparent 24%,#ffffff0d 25%)}
.capital-stack,.capital-loan{width:23px;min-height:0;border-radius:5px 5px 0 0;overflow:hidden;display:flex;flex-direction:column}
.capital-stack{box-shadow:0 5px 18px #d7ae6228}
.capital-profit{background:#f3d9a3}
.capital-contributions{background:#b4863e}
.capital-loan{width:23px;border:2px solid #8f887d;background:#5c5a5627}
.capital-point>strong{font-size:12px;color:#e6d4b5;white-space:nowrap}
.capital-point>small{font-size:10px;color:#aaa195;white-space:nowrap}
.legend-contributions{background:#b4863e}
.legend-profit{background:#f3d9a3}
.legend-loan{background:#4c4a46;border:1px solid #aaa39a}
.milestone-head{margin:35px 0 17px}
.milestone-head h3{font-size:clamp(1.35rem,2.2vw,1.9rem);letter-spacing:-.04em;margin:8px 0 0}
.scope-note{margin:15px 0 0;padding:14px 16px;border-left:3px solid #d7ae62;background:#2a261f;color:#d8cdbb;font-size:13px;line-height:1.6;border-radius:0 10px 10px 0}
.saving-timeline{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));gap:8px;overflow-x:auto}
.saving-timeline>div{padding:13px;border:1px solid #544c3e;border-radius:12px;background:#292723;min-width:0}
.saving-timeline span{display:block;color:#cbbda7;font-size:12px}
.saving-timeline strong{display:block;font-size:13px;margin-top:8px;white-space:nowrap}
.privacy{border-top:1px solid #4e4538;margin-top:35px;padding:22px 0;color:#c9bdac;font-size:13px;line-height:1.65}
.privacy summary{cursor:pointer;color:#e7c781;font-size:14px;font-weight:750}
.privacy>div{max-width:980px}
.privacy a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){.saving-highlight-wide{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:870px){.horizon-head{display:block}.horizon-head .segmented{margin-top:18px;width:max-content}.saving-intro{grid-template-columns:1fr}.saving-timeline{grid-template-columns:repeat(4,minmax(100px,1fr))}.saving-highlight-wide{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.chart-panel,.saving-section{padding:21px 17px}.chart-heading{display:block}.chart-legend{margin-top:17px}.saving-fields,.saving-highlight{grid-template-columns:1fr}.saving-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.horizon-head .segmented{width:100%}.chart-row{grid-template-columns:54px 1fr;gap:6px}.capital-chart-panel{padding:18px 12px}.capital-chart{height:320px}.saving-highlight-wide{grid-template-columns:1fr}}