.df-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;padding:48px;gap:24px;background:linear-gradient(125deg,#f1f7f2,#e9f3f3);border:1px solid #d7e6df;border-radius:32px;margin:28px 0 40px;overflow:hidden}.df-hero h1{font-size:clamp(30px,3.4vw,54px);line-height:1.08;margin:12px 0 22px;max-width:800px}.df-hero p{font-size:18px;line-height:1.6;max-width:680px}.df-hero__art{width:100%;height:auto;display:block}.df-hero__art--dark{display:none}.df-jumps{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.df-jumps a{border:1px solid #a9c6ba;border-radius:12px;padding:12px 16px;color:#174d41;background:#fff;text-decoration:none;font-weight:700}.df-cost__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.df-cost__form label{display:grid;gap:8px;font-weight:650;min-width:0}.df-cost__form input,.df-cost__form select{box-sizing:border-box;width:100%;min-height:48px;background:#fff;color:#153146;border:1px solid #abc0cc;border-radius:12px;padding:10px 14px;font:inherit}.df-cost__hint,.df-cost__scope{font-size:14px;line-height:1.6;color:#45586b}.df-cost__hint{margin:0}.df-cost__form button{align-self:start;justify-self:start}.df-cost__result{margin:24px 0;border-top:1px solid #d7e2e9;padding-top:20px}.df-cost__result ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;padding:0;gap:14px}.df-cost__result li{border:1px solid #c7dad2;border-radius:16px;padding:18px;min-width:0;background:#f1f7f3}.df-cost__result h3{font-size:18px;margin:0 0 12px}.df-cost__result strong{font-size:26px;color:#175641;display:block}.df-cost__result small{display:block;margin-top:8px;line-height:1.5}.df-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.df-guide p,.df-guide li{line-height:1.7}.df-guide__checks ul{padding-left:22px}.df-cost input:focus-visible,.df-cost select:focus-visible,.df-jumps a:focus-visible{outline:3px solid #147a60;outline-offset:3px}.df-draft-warning{padding:16px 20px;background:#fff0c4;color:#59420c;border:1px solid #cdb768;border-radius:12px;line-height:1.5;margin:20px 0}html[data-theme="dark"] .df-hero{background:linear-gradient(125deg,#122b2b,#0e2532);border-color:#2e5453}html[data-theme="dark"] .df-hero__art--light{display:none}html[data-theme="dark"] .df-hero__art--dark{display:block}html[data-theme="dark"] .df-jumps a{background:#173b3b;color:#d3eee3;border-color:#537c6c}html[data-theme="dark"] .df-cost__form input,html[data-theme="dark"] .df-cost__form select{background:#0e2235;color:#e7eef5;border-color:#507083}html[data-theme="dark"] .df-cost__hint,html[data-theme="dark"] .df-cost__scope{color:#b4c5d5}html[data-theme="dark"] .df-cost__result{border-color:#395969}html[data-theme="dark"] .df-cost__result li{background:#16352f;border-color:#44695a}html[data-theme="dark"] .df-cost__result strong{color:#a6e2bf}html[data-theme="dark"] .df-cost input:focus-visible,html[data-theme="dark"] .df-cost select:focus-visible,html[data-theme="dark"] .df-jumps a:focus-visible{outline-color:#83d8be}@media(max-width:820px){.df-hero{padding:28px;grid-template-columns:1fr;gap:0}.df-hero__visual{max-width:580px;margin:auto}.df-guide{grid-template-columns:1fr;gap:20px}}@media(max-width:480px){.df-hero{padding:22px 18px;border-radius:22px}.df-hero p{font-size:16px}.df-cost__form,.df-cost__result ul{grid-template-columns:1fr}.df-jumps{gap:8px}.df-jumps a{padding:10px 12px;font-size:14px}}
.df-fee-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.df-fee-metrics .dc-refined-metric{grid-column:auto!important;min-width:0}
.df-fee-metrics strong{font-size:clamp(19px,2vw,27px)!important}
.df-fee-condition{min-height:112px}
.df-fee-condition p{font-size:14px;line-height:1.55;margin:8px 0 0}
.df-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.df-comparing{padding-bottom:100px}
.df-tariff-warning{border:1px solid #b16a00;border-radius:12px;padding:12px;font-size:14px;line-height:1.5}
@media(max-width:820px){.df-filter-grid{grid-template-columns:1fr!important}}
@media(max-width:480px){.df-comparing{padding-bottom:150px}}