/* Modernizacja: zaakceptowany język wizualny oraz rzeczywiste widoki ZZHK. */
.mod-paper{background:var(--ec-paper)}
.mod-hero{padding-block:44px;gap:48px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.mod-hero h1{font-size:clamp(42px,4.1vw,59px);line-height:1.2}
.mod-hero h1 em{display:block}
.mod-hero-art{padding:0;background:transparent;border-radius:0}
.mod-device-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.25fr);align-items:center;gap:12px;background:#f5f3ef;padding:42px 16px 34px;border-radius:12px;min-width:0}
.mod-computer{min-width:0}
.mod-screen{border:5px solid #29282a;border-radius:8px 8px 3px 3px;background:#29282a}
.mod-screen img{display:block;width:100%;height:auto}
.mod-screen .ec-address{font-size:9px;padding:7px 10px;border:0}
.mod-computer-base{height:10px;background:linear-gradient(#b1afae,#e4e0da);border-radius:0 0 60% 60%;margin-inline:-5px}
.mod-phone{border:4px solid #29282a;border-radius:16px;background:#29282a;min-width:0}
.mod-phone img{display:block;width:100%;height:auto;border-radius:12px}
.mod-hero-art figcaption{padding:21px 4px 0;gap:5px}
.mod-hero-art figcaption strong{font-size:19px}
.mod-hero-art figcaption small{font-size:11px;max-width:none}
.mod-hero-art figcaption .ec-link{font-size:11px;align-self:flex-start}
.mod-next{display:flex;align-items:center;justify-content:space-between;gap:38px;border-top:1px solid var(--ec-line);padding-top:28px;margin-top:40px}
.mod-next>div{max-width:740px}
.mod-next h3{font-size:24px}
.mod-next p{font-size:14px;margin:0}
.mod-next>.button{flex-shrink:0;max-width:310px}
.mod-scope{margin-top:36px}
.mod-inline{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:36px;padding-top:26px;border-top:1px solid var(--ec-line)}
.mod-inline p{font-size:14px;max-width:730px;margin:0}
.mod-inline>.button{flex-shrink:0;max-width:310px}
.mod-case{gap:65px;align-items:center}
.mod-case .ec-photo img{aspect-ratio:1.6;height:auto;border-radius:0 0 5px 5px}
.mod-case-takeaway{display:flex;align-items:center;gap:30px;padding-top:29px;margin-top:35px;border-top:1px solid var(--ec-line)}
.mod-case-takeaway .ec-feature-icon{flex:0 0 70px;width:70px;height:70px}
.mod-case-takeaway p{font-size:15px;margin:0;max-width:840px}
.mod-seo-head{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:65px}
.mod-migration-visual{border:1px solid #5a5352;border-radius:8px;padding:28px;min-width:0}
.mod-migration-head{display:flex;align-items:center;gap:21px;padding-bottom:20px}
.mod-migration-head .ec-feature-icon{flex:0 0 68px;color:#ffb39a;width:68px;height:68px}
.mod-migration-head p{margin:0;font-size:18px;color:white;line-height:1.5;font-weight:600}
.mod-migration-row{display:grid;grid-template-columns:1fr;gap:6px;border-top:1px solid #514b4e;padding-block:18px}
.mod-migration-row:last-child{padding-bottom:0}
.mod-migration-row strong{font-size:16px}
.mod-migration-row span{font-size:13px;color:#d0cbcd;line-height:1.8}
.mod-source{margin-top:35px;padding-top:24px;border-top:1px solid #514b4e}
.mod-source blockquote{border:0;margin:0;padding:0}
.mod-source blockquote p{font-size:24px;line-height:1.6;color:white;margin-bottom:7px}
.mod-source .ec-link{color:#f4efec;font-size:11px;margin-bottom:8px}
.mod-source>p{font-size:13px;margin:0;max-width:800px}
.modernization-landing .ec-visibility .mod-inline{border-color:#514b4e}
.modernization-landing .ec-visibility .mod-inline a:not(.button){color:#fff;text-decoration-color:#bfb3ae}
.mod-editor-visual{border:1px solid #ded9d2;border-radius:8px;padding:32px;min-width:0;background:#fbfaf8}
.mod-editor-title{display:flex;align-items:center;gap:24px;padding-bottom:22px}
.mod-editor-title .ec-feature-icon{flex:0 0 76px}
.mod-wordpress .mod-editor-title h3{font-size:26px;margin:0}
.mod-editor-row{padding-block:20px;border-top:1px solid #e1dbd5;display:grid;grid-template-columns:110px 1fr;gap:15px;align-items:center}
.mod-editor-row span{font-size:12px;color:#756c64}
.mod-editor-row strong{font-size:16px;line-height:1.6}
.mod-editor-visual>p{font-size:12px;margin:12px 0 0}
.mod-wordpress>div>.ec-link{font-size:11px;margin-bottom:20px}
.mod-wordpress .ec-actions{margin-top:23px}
.modernization-landing .mod-source-note{font-size:12px;margin:31px 0 0;padding-top:24px;border-top:1px solid var(--ec-line);max-width:900px}
.mod-cost-factors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:30px}
.mod-cost-factors>div{padding-top:23px;border-top:1px solid var(--ec-line)}
.mod-cost-factors p{font-size:14px;margin:0}
.mod-cost-factors h3{font-size:22px}
.modernization-landing .ec-personal-inner>div{padding-block:50px}
.modernization-landing .ec-personal img{max-height:440px}
@media(max-width:1100px){.mod-hero{gap:30px}.mod-hero h1{font-size:47px}.mod-device-stage{gap:10px;padding:30px 12px}.mod-seo-head,.mod-case{gap:35px}.mod-next>.button,.mod-inline>.button{max-width:270px}.mod-editor-visual{padding:25px}.mod-editor-row{grid-template-columns:90px 1fr}}
@media(min-width:1001px) and (max-height:700px){.mod-hero{padding-block:32px}.mod-hero h1{font-size:47px}.mod-hero .ec-lead{font-size:18px}.mod-hero .ec-note{margin-top:16px}}
@media(max-width:800px){.mod-hero{grid-template-columns:1fr;gap:32px}.mod-hero h1{font-size:clamp(38px,6.8vw,53px)}.mod-hero-art{max-width:600px;margin-inline:auto;width:100%}.mod-device-stage{padding:30px 18px}.mod-next,.mod-inline{display:block}.mod-next>.button,.mod-inline>.button{max-width:100%;margin-top:22px}.mod-seo-head{grid-template-columns:1fr;gap:28px}.mod-cost-factors{grid-template-columns:1fr;gap:23px}.mod-case{gap:30px}.mod-case-takeaway{align-items:start}.mod-wordpress{gap:30px}.mod-editor-row{grid-template-columns:100px 1fr}}
@media(max-width:580px){.mod-hero{padding-block:32px}.mod-hero h1{font-size:39px}.mod-device-stage{gap:8px;padding:26px 12px}.mod-screen{border-width:3px}.mod-screen .ec-address{font-size:7px;padding:4px}.mod-phone{border-width:3px;border-radius:11px}.mod-phone img{border-radius:8px}.mod-hero-art figcaption{padding-top:18px}.mod-next h3{font-size:23px}.mod-case-takeaway{gap:18px}.mod-case-takeaway .ec-feature-icon{flex-basis:54px;width:54px;height:54px}.mod-case-takeaway p{font-size:13px}.mod-migration-visual{padding:23px}.mod-migration-head p{font-size:17px}.mod-source blockquote p{font-size:22px}.mod-editor-visual{padding:22px}.mod-editor-title{gap:17px}.mod-wordpress .mod-editor-title h3{font-size:23px}.mod-editor-title .ec-feature-icon{width:64px;height:64px;flex-basis:64px}.mod-editor-row{grid-template-columns:1fr;gap:4px;padding-block:15px}}
@media(max-width:360px){.mod-hero h1{font-size:34px}.mod-device-stage{padding:21px 10px}.mod-hero-art figcaption strong{font-size:18px}.mod-case-takeaway{display:block}.mod-case-takeaway .ec-feature-icon{margin-bottom:13px}.mod-migration-head{gap:15px}.mod-migration-head .ec-feature-icon{width:54px;height:54px;flex-basis:54px}.mod-migration-head p{font-size:16px}}