:root{font-family:Arial,Helvetica,sans-serif;background:#edf3f9;color:#122e52;font-size:16px}*{box-sizing:border-box}body{margin:0}header{height:74px;background:white;border-bottom:1px solid #dce6f2;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2));gap:12px}header img{width:178px;height:auto}header span{font-size:13px;font-weight:800;letter-spacing:.1em;color:#346391}main{max-width:1160px;padding:36px 24px 80px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin:0 0 28px}.eyebrow{font-size:14px;font-weight:800;letter-spacing:.12em;color:#176faf;margin:0 0 8px}h1{font-size:clamp(35px,4vw,52px);line-height:1.08;letter-spacing:-.035em;margin:0}h1 span{color:#1578bc}.heading>p{max-width:380px;line-height:1.5;color:#4c6680;font-size:17px;margin:0}.panel{background:white;border:1px solid #d7e3f0;border-radius:14px;padding:23px;margin-bottom:32px;box-shadow:0 5px 22px #102d4d0b}.title{display:flex;justify-content:space-between;gap:12px;margin-bottom:19px}.title strong{font-size:21px}.title span{color:#5c7390;font-size:15px}.settings{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.settings label,.field label{display:block;font-size:15px;font-weight:700;color:#254666}.settings label span,.field label span{color:#698199;font-weight:400}.settings input,.field input{width:100%;margin-top:7px;background:#fff8df;border:1px solid #e4c980;border-radius:8px;font:inherit;font-size:18px;padding:11px 12px;color:#173b66;min-height:48px}.settings input:focus,.field input:focus{outline:2px solid #1a79bf;outline-offset:1px}.hint,.method{font-size:14px;color:#5d748d;line-height:1.55;margin:15px 0 0}.section-title{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:0 0 17px}.section-title h2{font-size:27px;margin:0;letter-spacing:-.025em}.section-title>p{font-size:15px;color:#5d748d;margin:0}.offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.offer{background:white;border:1px solid #d7e3f0;border-radius:14px;padding:19px;box-shadow:0 5px 22px #102d4d09}.offer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.offer-header strong{font-size:19px}.offer-header span{font-size:13px;color:#65809c;font-weight:700}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field input{font-size:16px}.specific{margin-top:17px;border-top:1px solid #e2eaf3;padding-top:14px;display:flex;justify-content:space-between;align-items:baseline;gap:10px;color:#566f8a;font-size:15px}.specific strong{font-size:21px;color:#0e69a9}.comparison{margin-top:33px}.flow{background:#dcecf9;border-radius:8px;padding:12px 16px;color:#395b7b;font-size:15px}.flow strong{font-size:22px;color:#105f9a;margin-left:10px}.flow span{margin-left:3px}.insight{background:#0e3d70;color:white;border-radius:14px;padding:22px;margin:0 0 15px;font-size:19px;line-height:1.45}.insight strong{color:#9ce6fd}.results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.result{background:white;border:1px solid #d8e4f1;border-radius:14px;padding:20px}.result.winner{border:2px solid #1b8eaa}.result h3{margin:0 0 5px;font-size:19px}.badge{display:inline-block;color:#087e82;font-weight:800;font-size:14px;margin:0 0 16px}.result .pair{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #e5edf5;padding:12px 0;font-size:15px;color:#58718d}.pair strong{color:#173f68;text-align:right;font-size:17px}.pair.major strong{font-size:22px;color:#0d6cae}.result.empty{color:#637b96;font-size:16px;line-height:1.5}.method{margin-top:16px}@media(max-width:800px){.settings{grid-template-columns:repeat(2,1fr)}.heading{display:block}.heading>p{margin-top:15px}}@media(max-width:620px){header{height:68px;padding:0 16px}header img{width:145px}header span{font-size:11px;text-align:right;letter-spacing:.03em}main{padding:26px 14px 50px}.heading{margin-bottom:24px}.heading>p{font-size:16px}h1{font-size:36px}.panel{padding:18px 15px;margin-bottom:28px}.title,.section-title{display:block}.title span,.section-title>p{display:block;margin-top:7px}.settings{gap:12px}.settings label,.field label{font-size:15px}.settings input,.field input{font-size:18px}.offers,.results{grid-template-columns:1fr}.fields{gap:12px}.offer,.result{padding:18px}.flow{margin-top:13px}.section-title{margin-bottom:15px}.insight{font-size:18px;padding:19px}.result .pair{font-size:15px}.pair strong{font-size:16px}.pair.major strong{font-size:20px}}@media(max-width:360px){.settings,.fields{grid-template-columns:1fr}}
.result{border-top:5px solid #a9bdd1}.result.rank-1{border-top-color:#057d91}.result.rank-2{border-top-color:#347fc4}.result.rank-3{border-top-color:#b38335}.result.rank-4{border-top-color:#8b9caf}.result.winner{background:#effaf9;border-color:#087d87;box-shadow:0 10px 30px #067d8621}.rank-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.rank-number{font-size:15px;font-weight:800;color:#476783}.winner .rank-number{color:#08747b}.rank-head .badge{margin:0;background:#edf2f8;color:#365b80;border-radius:999px;padding:8px 11px;font-size:13px;text-align:center}.winner .badge{background:#087d87;color:white}.result h3{margin:0 0 15px}.savings{background:#e9f3fc;border-radius:10px;padding:16px;margin-top:9px}.savings span,.savings strong,.savings small{display:block}.savings span{font-size:15px;font-weight:700;color:#315f8a}.savings strong{font-size:24px;color:#095d9a;margin-top:5px;line-height:1.2}.savings small{font-size:14px;color:#436e91;margin-top:6px}.savings-best{background:#d9f2ee}.savings-best span,.savings-best strong{color:#075f65}@media(max-width:620px){.rank-head{align-items:flex-start}.rank-head .badge{font-size:12px}.savings strong{font-size:23px}}
.result-actions{display:flex;align-items:center;gap:10px}.pdf-button{border:0;background:#0b5f9f;color:white;font:inherit;font-size:16px;font-weight:700;min-height:50px;padding:11px 18px;border-radius:8px;cursor:pointer}.pdf-button:hover:not(:disabled){background:#074e85}.pdf-button:focus-visible{outline:3px solid #197bbe;outline-offset:3px}.pdf-button:disabled{background:#a9b8c6;cursor:not-allowed}.pdf-help{font-size:14px;color:#476a88;margin:17px 0 0}.print-report{display:none}@media(max-width:620px){.result-actions{flex-wrap:wrap;margin-top:13px}.result-actions .flow{margin:0}.pdf-button{width:100%}}
.field .locked-brand{background:#e9f2fa;border-color:#c7d8e9;color:#0c5895;font-weight:800;cursor:default}
.offer-header{gap:12px}.offer-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.clear-offer{background:#eef5fb;border:1px solid #b9cde0;border-radius:7px;color:#155e95;font:inherit;font-size:14px;font-weight:700;min-height:38px;padding:7px 12px;cursor:pointer}.clear-offer:hover{background:#dbeefb}.clear-offer:focus-visible{outline:3px solid #197bbe;outline-offset:2px}@media(max-width:620px){.offer-header{align-items:flex-start}.offer-actions{flex-wrap:wrap}.offer-actions span{display:none}}
.add-offer{display:block;width:100%;margin-top:14px;border:1px dashed #6da1c8;background:#e3f1fc;color:#0c5f9e;border-radius:12px;min-height:52px;font:inherit;font-size:16px;font-weight:800;cursor:pointer}.add-offer:hover{background:#d2eafb}.add-offer[hidden]{display:none}.remove-offer{background:white;border:1px solid #bdcbd9;border-radius:7px;color:#5d7186;font:inherit;font-size:14px;font-weight:700;min-height:38px;padding:7px 12px;cursor:pointer}.remove-offer:hover{background:#edf3f8}.add-offer:focus-visible,.remove-offer:focus-visible{outline:3px solid #197bbe;outline-offset:2px}.result.rank-5{border-top-color:#778aa3}@media(max-width:620px){.offer-actions{gap:5px}.clear-offer,.remove-offer{padding:6px 9px}}
.exchange-field>label{display:block;font-size:15px;font-weight:700;color:#254666}.exchange-field>label span{color:#698199;font-weight:400}.exchange-field input{width:100%;margin-top:7px;background:#fff8df;border:1px solid #e4c980;border-radius:8px;font:inherit;font-size:18px;padding:11px 12px;color:#173b66;min-height:48px}.exchange-field input:focus{outline:2px solid #1a79bf;outline-offset:1px}.exchange-field>a{display:inline-block;margin-top:5px;font-size:14px;font-weight:700;color:#0e70aa;text-decoration:underline}.exchange-note{font-size:14px;line-height:1.4;color:#315d80;margin:14px 0 0}.page-footer{display:flex;align-items:baseline;justify-content:flex-end;gap:9px;border-top:1px solid #ccdaea;margin-top:25px;padding-top:16px;color:#546f88;font-size:14px}.page-footer strong{font-size:18px;color:#154f80}@media(max-width:620px){.exchange-field>label{font-size:15px}.page-footer{justify-content:flex-start}}
.page-footer label{font-size:15px;font-weight:700}.page-footer input{width:min(100%,270px);border:1px solid #b9cde0;border-radius:8px;background:#fff;color:#154f80;font:inherit;font-size:17px;font-weight:700;min-height:44px;padding:8px 11px}.page-footer input:focus{outline:2px solid #1a79bf;outline-offset:2px}@media(max-width:620px){.page-footer{align-items:center;flex-wrap:wrap}.page-footer input{flex:1;min-width:180px}}
.exchange-actions{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:5px}.exchange-actions a{font-size:14px;font-weight:700;color:#0e70aa;text-decoration:underline}.exchange-actions button{border:1px solid #a9c8de;border-radius:7px;background:#e6f2fb;color:#0e6197;font:inherit;font-size:13px;font-weight:700;min-height:32px;padding:4px 9px;cursor:pointer}.exchange-actions button:hover:not(:disabled){background:#d4eaf9}.exchange-actions button:disabled{opacity:.55;cursor:wait}.exchange-actions button:focus-visible{outline:2px solid #1a79bf;outline-offset:2px}
@media print{@page{size:A4 landscape;margin:12mm}html,body{background:white;color:#132d49;print-color-adjust:exact;-webkit-print-color-adjust:exact}body>header,body>main{display:none!important}.print-report{display:block;font-family:Arial,Helvetica,sans-serif;font-size:11pt;line-height:1.35}.report-head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #145c96;padding-bottom:9px;margin-bottom:13px}.report-head img{width:155px;height:auto}.report-head div{text-align:right}.report-head h2{font-size:19pt;margin:0 0 4px}.report-head span{font-size:10pt;color:#526b85}.report-conditions{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px}.report-conditions div{background:#eef4f9;padding:8px;border-radius:5px}.report-conditions span,.report-conditions strong{display:block}.report-conditions span{font-size:9pt;color:#53708b}.report-conditions strong{font-size:10pt;margin-top:4px}.report-lead{background:#e1f3f0;padding:12px 15px;border-left:5px solid #087d87;margin-bottom:12px}.report-lead span{font-size:9pt;letter-spacing:.07em;color:#08747b;font-weight:800}.report-lead strong{display:block;font-size:16pt;margin-top:2px}.report-lead p{margin:4px 0 0;font-size:10pt}.report-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.report-card{border:1px solid #b7c9da;border-radius:7px;padding:10px 12px;break-inside:avoid;page-break-inside:avoid}.report-card.first{border:2px solid #087d87;background:#f0faf8}.report-card-title{border-bottom:1px solid #d5e0ea;padding-bottom:6px}.report-card-title span,.report-card-title strong{display:block}.report-card-title span{font-size:9pt;font-weight:800;color:#1275a9}.report-card-title strong{font-size:13pt;margin-top:2px}.report-card dl{margin:7px 0 0}.report-card dl div{display:flex;justify-content:space-between;gap:10px;padding:3px 0}.report-card dt{font-size:9pt;color:#47647e}.report-card dd{font-size:10pt;font-weight:700;margin:0;text-align:right}.report-card .report-saving{background:#e5f2f9;margin:4px -4px 0;padding:6px 4px}.report-card.first .report-saving{background:#d9f1ec}.report-foot{border-top:1px solid #c7d6e4;padding-top:8px;margin-top:12px;font-size:8.5pt;color:#4f6b82;break-inside:avoid}}
/* Comparison and presentation views */
.header-right{display:flex;align-items:center;gap:18px}.header-right button{font:inherit;font-weight:750;font-size:14px;border:1px solid rgba(255,255,255,.55);border-radius:9px;color:#fff;background:transparent;padding:10px 15px;cursor:pointer}.header-right button:hover,.header-right button:focus-visible{background:rgba(255,255,255,.16)}.heading{align-items:end}.assumptions{border-top:4px solid #0d8389}.settings{gap:12px}.cost-chart,.presentation-chart{background:#fff;border:1px solid #d7e3ee;border-radius:14px;padding:22px 24px;margin:22px 0}.chart-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:20px}.chart-head h3{font-size:21px;margin:5px 0 0;color:#17324d}.chart-head small{color:#5d7185;font-size:13px}.chart-row{display:grid;grid-template-columns:minmax(110px,180px) minmax(90px,1fr) minmax(110px,165px);gap:16px;align-items:center;margin:15px 0;font-size:15px;color:#243e55}.chart-row>span{font-weight:700;overflow-wrap:anywhere}.chart-row>strong{text-align:right;font-size:16px;color:#14334d;white-space:nowrap}.chart-track{height:18px;background:#e9eff5;border-radius:12px;overflow:hidden}.chart-fill{height:100%;border-radius:12px;background:#5082b8;transition:width .3s}.chart-fill.lupamat{background:#087f83}.presentation-view[hidden]{display:none!important}.presentation-mode main>.heading,.presentation-mode main>.assumptions,.presentation-mode main>section:not(.presentation-view){display:none}.presentation-mode main{max-width:1180px}.presentation-hero{border-radius:20px;padding:38px 42px;background:linear-gradient(130deg,#102b47,#155879);color:#fff}.presentation-hero .eyebrow{color:#87e1df}.presentation-hero h2{font-size:clamp(30px,5vw,55px);line-height:1.12;letter-spacing:-.025em;margin:12px 0}.presentation-hero>p:not(.eyebrow){font-size:18px;color:#d9ecf4;margin:0 0 28px}.hero-metrics{display:flex;gap:30px;flex-wrap:wrap;border-top:1px solid #ffffff4d;padding-top:20px}.hero-metrics div{min-width:150px}.hero-metrics span,.presentation-card small{display:block;font-size:14px;color:#c5dae8}.hero-metrics strong{display:block;font-size:20px;margin-top:5px}.presentation-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.presentation-card{border:1px solid #d7e3ee;border-radius:16px;background:white;padding:25px;min-width:0}.presentation-card.lupamat{border-top:5px solid #087f83}.presentation-card>span{font-size:13px;color:#147c83;font-weight:800;letter-spacing:.05em}.presentation-card h3{font-size:22px;margin:10px 0 25px;color:#17334f}.presentation-card div{border-top:1px solid #dde7ef;padding-top:18px}.presentation-card small{color:#62778a}.presentation-card div strong{display:block;font-size:clamp(24px,3vw,34px);color:#103e5e;margin-top:5px}.presentation-card p{color:#61798e;margin:18px 0 0;font-size:14px}.presentation-chart{margin-top:0}.presentation-foot{color:#506b82;font-size:14px;line-height:1.55}.presentation-empty{border:1px dashed #9db7c8;border-radius:16px;background:white;padding:48px 30px;text-align:center;color:#49647a;font-size:18px}@media(max-width:700px){.header-right{gap:8px}.header-right span{display:none}.header-right button{padding:9px 10px;font-size:13px}.chart-head{display:block}.chart-row{grid-template-columns:1fr auto;gap:6px 10px}.chart-track{grid-column:1/-1;grid-row:2}.chart-row>strong{grid-column:2;grid-row:1;font-size:14px}.presentation-hero{padding:28px 22px}.presentation-cards{grid-template-columns:1fr}.cost-chart,.presentation-chart{padding:18px 16px}.hero-metrics{gap:16px}}
.customer-field{grid-column:1/-1;max-width:450px}.offer-validation{margin:12px 0 0;padding:9px 11px;border-radius:7px;background:#fff5e9;color:#8b4f15;font-size:14px;line-height:1.4}.offer-validation.valid{background:#e9f6f3;color:#176b62}.offer input[aria-invalid="true"]{border-color:#c98239}@media(max-width:700px){.customer-field{max-width:none}}