/* Original BxM artwork, exported from the preserved PSD without retouching. */
.bxm-offer-composition{--composition-x:0;--composition-y:0;--about-ink:#242d33;--about-muted:#616f7a;--about-blue:#286bd2;--about-line:#d6dfe6;position:relative;isolation:isolate;overflow:hidden;overflow:clip;background:#fff;color:var(--about-ink);padding-block:12px 0}
.bxm-offer-composition__layout{--offer-copy-inset:max(3%,calc((100% - 1800px)/2));width:100%;max-width:2400px;margin-inline:auto;position:relative}
.bxm-offer-composition .bxm-offer-composition__accessible-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.bxm-offer-composition__pause{position:absolute;z-index:4;right:3%;top:14px;min-height:44px;padding:8px 17px;border:1px solid #d6dfe6;border-radius:24px;background:#ffffffed;color:#43545f;font:400 14px/1.4 var(--bxm-font-family);cursor:pointer}
.bxm-offer-composition__pause:hover{color:var(--about-blue);border-color:var(--about-blue)}
.bxm-offer-composition__pause:focus-visible,.bxm-offer-service summary:focus-visible{outline:3px solid var(--about-blue);outline-offset:4px}
.bxm-offer-chapter{position:relative;display:grid;min-width:0}
.bxm-offer-chapter--plan{grid-template-columns:24% 28% 5% 25% 18%;grid-template-areas:". websites . design .";align-items:start;min-height:clamp(550px,38vw,910px);padding-block:80px 100px}
.bxm-offer-service--strony{grid-area:websites}.bxm-offer-service--projekt{grid-area:design}
.bxm-offer-chapter--system{grid-template-columns:var(--offer-copy-inset) minmax(0,calc(42% - var(--offer-copy-inset))) 5% 53%;grid-template-areas:". cms . cmsart" "marketing marketing marketing marketing";align-items:start;row-gap:54px;padding-block:24px 60px}
.bxm-offer-marketing-row{grid-area:marketing;display:grid;grid-template-columns:24% 38% minmax(0,1fr);grid-template-areas:"seoart seo guide";gap:4%;align-items:center;width:92%;margin:0 auto;min-width:0}
.bxm-offer-service--cms{grid-area:cms}.bxm-offer-service--widocznosc{grid-area:seo}
.bxm-offer-chapter--reach{grid-template-columns:var(--offer-copy-inset) minmax(0,calc(38% - var(--offer-copy-inset))) 3% 23% 3% 28% 5%;grid-template-areas:". social . socialart . shop .";align-items:start;padding-block:70px 24px;min-height:0}
.bxm-offer-service--social{grid-area:social}.bxm-offer-service--sklepy{grid-area:shop}
.bxm-offer-service{position:relative;z-index:2;min-width:0;scroll-margin-top:140px}
.bxm-offer-composition .bxm-offer-service h3{font:300 clamp(28px,2.1vw,43px)/1.22 var(--bxm-font-family);letter-spacing:-.035em;margin:0 0 20px}
.bxm-offer-service>p,.bxm-offer-service details p{font-size:var(--bxm-type-copy);line-height:1.58;color:var(--about-muted);margin:0 0 18px}
.bxm-offer-service__links{display:flex;flex-direction:column;align-items:flex-start;margin-block:10px 8px;gap:0}
.bxm-offer-service__links a,.bxm-offer-service__consult{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding-block:3px;font-size:clamp(18px,1.28vw,23px);line-height:1.35;color:#303b43;max-width:100%}
.bxm-offer-service__links a svg,.bxm-offer-service__consult svg{width:18px;height:18px;flex-shrink:0;transition:translate .2s}
.bxm-offer-service__links a:hover,.bxm-offer-service__consult:hover{text-decoration:underline;text-underline-offset:5px}
.bxm-offer-service__links a:hover svg,.bxm-offer-service__consult:hover svg{animation:bxm-offer-link-arrow .8s ease-in-out infinite}
.bxm-offer-service details{border-top:1px solid var(--about-line);margin-top:14px}
.bxm-offer-service--projekt details{max-width:78%}
.bxm-offer-service summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;padding:8px 8px 8px 0;list-style:none;cursor:pointer;font-size:var(--bxm-type-action);line-height:1.45;color:var(--about-ink)}
.bxm-offer-service summary::-webkit-details-marker{display:none}
.bxm-offer-service summary span{font-size:24px;line-height:1;color:var(--about-blue);flex:0 0 22px;text-align:center;transition:rotate .2s}
.bxm-offer-service details[open] summary span{rotate:45deg}
.bxm-offer-service details p{font-size:var(--bxm-type-body);margin-block:8px 18px}
.bxm-offer-service__consult{font-weight:600;margin-top:4px}
.bxm-offer-service__question{display:flex;align-items:center;gap:8px;width:fit-content;max-width:100%;min-height:44px;margin-top:4px;color:#65727c;font-size:14px;line-height:1.35}
.bxm-offer-service__question svg{width:20px;height:20px;flex:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.bxm-offer-service__question:hover{color:#222f38;text-decoration:underline;text-underline-offset:4px}
.bxm-offer-service__answer{position:relative;padding:18px 44px 18px 20px;margin-top:12px;border:1px solid #cddce3;border-radius:4px 20px 20px;background:#f4f8fa;color:#263b49}
.bxm-offer-service__answer[hidden]{display:none}
.bxm-offer-service__answer>strong{font-size:13px}
.bxm-offer-service__answer p{font-size:16px;line-height:1.55;margin:8px 0 0}
.bxm-offer-service__answer button{position:absolute;right:0;top:0;width:44px;height:44px;border:0;background:transparent;color:#566975;font-size:23px;cursor:pointer}
.bxm-offer-service__question:focus-visible,.bxm-offer-service__answer button:focus-visible{outline:2px solid #2874bd;outline-offset:3px}
@keyframes bxm-offer-link-arrow{0%,100%{translate:0 0}50%{translate:4px 0}}

/* Artwork and detail layers keep their original proportions. */
.bxm-offer-art{position:relative;z-index:1;min-width:0;pointer-events:none;--depth:4px;--entry-x:0px;--entry-y:35px}
.bxm-offer-art__parallax{width:100%;transform:translate(calc(var(--composition-x)*var(--depth)),calc(var(--composition-y)*var(--depth)*.65));transition:transform .7s ease-out,opacity .85s ease,translate 1.15s cubic-bezier(.2,.7,.2,1);opacity:1;translate:0 0}
.bxm-offer-art__drawing{position:relative;width:100%}
.bxm-offer-art img{display:block;width:100%;height:auto;max-width:none}
.bxm-offer-art svg.bxm-offer-art__detail{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.bxm-offer-art--teacher{position:absolute;left:-6.5%;top:24px;width:29%;max-width:695px;--depth:2px;--entry-x:-65px;--entry-y:0px}
.bxm-offer-art__source{position:absolute;left:38.211%;bottom:0;width:0;height:0}
.bxm-offer-art--design{position:absolute;right:-6%;top:clamp(150px,11vw,240px);width:30%;max-width:720px;--depth:6px;--entry-x:65px;--entry-y:0px}
.bxm-offer-art--design .bxm-offer-art__drawing{animation:bxm-original-breathe 9s ease-in-out infinite paused}
.bxm-offer-art--cms{grid-area:cmsart;width:116%;align-self:start;--depth:3px;--entry-x:55px;--entry-y:10px}
.bxm-offer-art__panel{position:relative;z-index:1;width:77%}
.bxm-offer-art img.bxm-offer-art__laptop{position:absolute;right:0;top:11%;width:30%;animation:bxm-original-breathe 10s ease-in-out -3s infinite paused}
.bxm-offer-art__target{position:absolute;left:15.49%;top:.97%;width:0;height:0}
.bxm-offer-art--seo{grid-area:seoart;position:relative;width:100%;max-width:520px;--depth:4px;--entry-x:-35px;--entry-y:15px}
.bxm-offer-art--seo .bxm-offer-art__drawing{animation:bxm-original-breathe 8s ease-in-out -2s infinite paused}
.bxm-offer-art--social{grid-area:socialart;width:100%;margin-top:16px;--depth:5px;--entry-y:45px}
.bxm-offer-art img.bxm-offer-art__bird{position:absolute;width:20.21%;left:8.3%;top:-18.77%;transform-origin:55% 94%;animation:bxm-original-bird 8s ease-in-out infinite paused}
.bxm-offer-art img.bxm-offer-art__social-icons{position:absolute;width:28.05%;left:68.48%;top:2.57%;animation:bxm-original-social 7s ease-in-out infinite paused}
.bxm-offer-art img.bxm-offer-art__cup{position:absolute;width:10.56%;left:84.77%;top:67.98%}
.bxm-offer-art--ecommerce{width:100%;max-width:530px;margin-block:25px 18px}
.bxm-offer-art__shop-signal{position:absolute;left:43%;bottom:2%;width:14%;height:2px;background:#3373c8;animation:bxm-original-shop 6s ease-in-out infinite paused}
.bxm-offer-art__signals circle{transform-box:fill-box;transform-origin:center;animation:bxm-original-signal 6s ease-in-out infinite paused}
.bxm-offer-art__signals circle:nth-child(2){animation-delay:-1.5s}.bxm-offer-art__signals circle:nth-child(3){animation-delay:-3s}.bxm-offer-art__signals circle:nth-child(4){animation-delay:-4.5s}
.bxm-offer-art__checks path{stroke-dasharray:1;animation:bxm-original-check 7s ease-in-out infinite paused}.bxm-offer-art__checks path:nth-child(2){animation-delay:1s}.bxm-offer-art__checks path:nth-child(3){animation-delay:2s}
.bxm-offer-art__stairs{stroke-dasharray:12 88;animation:bxm-original-trace 9s linear infinite paused;opacity:.7}
.bxm-offer-art__modules rect{animation:bxm-original-module 7s ease-in-out infinite paused}.bxm-offer-art__modules rect:nth-child(2){animation-delay:-2.3s}.bxm-offer-art__modules rect:nth-child(3){animation-delay:-4.6s}
.bxm-offer-art__chart{stroke-dasharray:100;animation:bxm-original-chart 7s ease-in-out infinite paused}
.bxm-offer-art__chart-dots circle{transform-box:fill-box;transform-origin:center;animation:bxm-original-signal 7s ease-in-out infinite paused}.bxm-offer-art__chart-dots circle:nth-child(2){animation-delay:-2s}.bxm-offer-art__chart-dots circle:nth-child(3){animation-delay:-4s}
.bxm-offer-art__measure{animation:bxm-original-measure 7s ease-in-out infinite paused}
.bxm-offer-art svg.bxm-offer-art__seo-base{display:block;width:100%;height:auto;overflow:visible}
.bxm-offer-art__cms-fields rect{transform-box:fill-box;transform-origin:left center;opacity:.15;animation:bxm-detail-field 8s ease-in-out infinite paused}
.bxm-offer-art__cms-fields rect:nth-child(2n){animation-delay:-2s}.bxm-offer-art__cms-fields rect:nth-child(3n){animation-delay:-4s}
.bxm-offer-art__cms-note{animation:bxm-original-module 7s ease-in-out -2s infinite paused}
.bxm-offer-art__nail{transform-box:fill-box;transform-origin:center;animation:bxm-detail-nail 7s ease-in-out infinite paused}
.bxm-offer-art__nail.nail-two{animation-delay:-2s}.bxm-offer-art__nail.nail-three{animation-delay:-4s}
.bxm-offer-art__ruler-cursor{animation:bxm-detail-ruler 8s ease-in-out infinite paused}
.bxm-offer-art__screen-view.screen-first{animation:bxm-detail-screen-first 12s ease-in-out infinite paused}
.bxm-offer-art__screen-view.screen-second{opacity:0;animation:bxm-detail-screen-second 12s ease-in-out infinite paused}
.bxm-offer-art__screen-bars rect{transform-box:fill-box;transform-origin:center bottom;animation:bxm-detail-bar 6s ease-in-out infinite paused}
.bxm-offer-art__screen-bars rect:nth-child(2n){animation-delay:-1s}
@keyframes bxm-detail-field{0%,100%{opacity:.12;scale:.35 1}45%,65%{opacity:.55;scale:1 1}}
@keyframes bxm-detail-nail{0%,30%,75%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-4px) rotate(-8deg)}60%{transform:translateY(-1px) rotate(5deg)}}
@keyframes bxm-detail-ruler{0%,100%{translate:0 0;opacity:.3}45%,60%{translate:0 255px;opacity:.9}}
@keyframes bxm-detail-screen-first{0%,40%,95%,100%{opacity:1}48%,87%{opacity:0}}
@keyframes bxm-detail-screen-second{0%,40%,95%,100%{opacity:0}48%,87%{opacity:1}}
@keyframes bxm-detail-bar{0%,100%{scale:1 .55}50%{scale:1 1}}
.bxm-offer-art__steam path{animation:bxm-original-steam 4s ease-in-out infinite paused}.bxm-offer-art__steam path:nth-child(2){animation-delay:-2s}
.bxm-offer-composition svg.bxm-offer-composition__wire{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.bxm-offer-composition__wire-base{stroke:#83cdd5;stroke-width:3;stroke-linecap:round}
.bxm-offer-composition__wire-flow{stroke:#309fb2;stroke-width:4;stroke-linecap:round;stroke-dasharray:5 95;animation:bxm-original-trace 10s linear infinite paused}
.bxm-offer-composition.is-running .bxm-offer-composition__wire-flow,.bxm-offer-chapter.is-running .bxm-offer-art *{animation-play-state:running}
.bxm-offer-composition.has-motion .bxm-offer-chapter:not(.is-seen) .bxm-offer-art__parallax{opacity:0;translate:var(--entry-x) var(--entry-y)}
@keyframes bxm-original-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes bxm-original-signal{0%,70%,100%{opacity:.15;scale:.92}32%{opacity:.85;scale:1.09}}
@keyframes bxm-original-check{0%,12%{stroke-dashoffset:1;opacity:0}34%,78%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes bxm-original-trace{to{stroke-dashoffset:-100}}
@keyframes bxm-original-module{0%,65%,100%{opacity:.1}25%{opacity:.8}}
@keyframes bxm-original-chart{0%,12%{stroke-dashoffset:100;opacity:0}40%,80%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes bxm-original-measure{0%,100%{opacity:.2;translate:0 0}45%{opacity:.75;translate:0 -13px}}
@keyframes bxm-original-bird{0%,28%,60%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-9px) rotate(-6deg)}42%{transform:translateY(0) rotate(4deg)}49%{transform:translateY(-4px) rotate(-3deg)}}
@keyframes bxm-original-social{0%,100%{transform:translateY(0)}45%{transform:translateY(-3px)}}
@keyframes bxm-original-steam{0%{opacity:0;translate:0 3px}40%{opacity:.75}100%{opacity:0;translate:0 -14px}}
@keyframes bxm-original-shop{0%,100%{opacity:.15;scale:.4 1}50%{opacity:.8;scale:1 1}}

/* Original scenes reorganize around their text as available width changes. */
@media(min-width:1200px) and (max-width:1599px){
 .bxm-offer-art--design{right:-11%}
}
@media(max-width:1199px){
 .bxm-offer-composition{padding-bottom:0}
 .bxm-offer-composition svg.bxm-offer-composition__wire{display:none}
 .bxm-offer-chapter--plan{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"teacher websites" "design designart";gap:65px 6%;padding:74px 6% 60px;min-height:0;align-items:center}
 .bxm-offer-art--teacher{grid-area:teacher}.bxm-offer-art--design{grid-area:designart}
 .bxm-offer-art--teacher,.bxm-offer-art--design,.bxm-offer-art--seo{position:relative;inset:auto;width:100%;max-width:440px;justify-self:center}
 .bxm-offer-chapter--system{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"cms cmsart" "marketing marketing";gap:45px 6%;padding:24px 6% 60px;align-items:center}
 .bxm-offer-marketing-row{width:100%;grid-template-columns:36% minmax(0,1fr);grid-template-areas:"seoart seo" "guide guide";gap:24px 6%}
 .bxm-offer-art--cms{width:112%;align-self:center}
 .bxm-offer-art--seo{grid-area:seoart;width:100%;max-width:340px}
 .bxm-offer-chapter--reach{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"social socialart" "shop shop";gap:65px 6%;padding:40px 6% 24px;min-height:0;align-items:center}
 .bxm-offer-art--social{max-width:420px;justify-self:center;margin-top:30px}
 .bxm-offer-service--sklepy{max-width:680px;width:100%;justify-self:center}
 .bxm-offer-art--ecommerce{max-width:460px;margin-block:25px}
 .bxm-offer-service{scroll-margin-top:120px}
 .bxm-offer-service--projekt details{max-width:none}
}
@media(max-width:700px){
 .bxm-offer-composition__pause{right:5%;top:8px;font-size:13px}
 .bxm-offer-chapter--plan,.bxm-offer-chapter--system,.bxm-offer-chapter--reach{grid-template-columns:minmax(0,1fr);padding-inline:5%;gap:28px}
 .bxm-offer-chapter--plan{grid-template-areas:"teacher" "websites" "designart" "design";padding-top:70px;padding-bottom:44px}
 .bxm-offer-chapter--system{grid-template-areas:"cmsart" "cms" "marketing";padding-top:18px;padding-bottom:44px}
 .bxm-offer-marketing-row{grid-template-columns:minmax(0,1fr);grid-template-areas:"seoart" "seo" "guide";gap:26px}
 .bxm-offer-chapter--reach{grid-template-areas:"socialart" "social" "shop";padding-top:56px;padding-bottom:24px}
 .bxm-offer-composition .bxm-offer-service h3{font-size:30px;margin-bottom:18px}
 .bxm-offer-service>p{font-size:17px}
 .bxm-offer-service{scroll-margin-top:100px}
 .bxm-offer-art--teacher{width:86%;max-width:330px}
 .bxm-offer-art--design{width:80%;max-width:315px;margin-top:30px}
 .bxm-offer-art--cms{width:100%;max-width:490px;justify-self:center}
 .bxm-offer-art--seo{width:65%;max-width:245px;margin-top:30px}
 .bxm-offer-art--social{width:78%;max-width:350px;margin-top:0}
 .bxm-offer-service--sklepy{margin-top:35px}
 .bxm-offer-art--ecommerce{max-width:420px}
 .bxm-offer-service__links a,.bxm-offer-service__consult{font-size:18px}
 .bxm-offer-service details p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
 .bxm-offer-composition *{animation:none!important;transition:none!important}
 .bxm-offer-composition .bxm-offer-art__parallax{transform:none!important;translate:0 0!important;opacity:1!important}
 .bxm-offer-composition__wire-flow,.bxm-offer-art__stairs,.bxm-offer-art__measure{display:none}
}

/* Align CMS and social copy with the care section below at every width. */
@media(min-width:761px) and (max-width:1199px){.bxm-offer-chapter--system,.bxm-offer-chapter--reach{padding-inline:3%}}
@media(min-width:701px) and (max-width:760px){.bxm-offer-chapter--system,.bxm-offer-chapter--reach{padding-inline:5%}}

/* Transparent original artwork shares the selected site background. */
html[data-bxm-theme="dark"] .bxm-offer-composition{--about-ink:#eaf0f6;--about-muted:#b9c7d3;--about-blue:#82b4ff;--about-line:#354858;background:var(--bxm-theme-bg,#101c28);color:var(--about-ink)}
html[data-bxm-theme="dark"] .bxm-offer-composition .bxm-offer-service h3{color:var(--about-ink)}
html[data-bxm-theme="dark"] .bxm-offer-composition :is(.bxm-offer-service__links a,.bxm-offer-service__consult){color:var(--about-ink)}
html[data-bxm-theme="dark"] .bxm-offer-composition .bxm-offer-service__question{color:var(--about-muted)}
html[data-bxm-theme="dark"] .bxm-offer-composition :is(.bxm-offer-service__question:hover,.bxm-offer-service__links a:hover,.bxm-offer-service__consult:hover){color:var(--about-blue)}
html[data-bxm-theme="dark"] .bxm-offer-composition .bxm-offer-service__answer{background:#192c3c;border-color:#40566a;color:#eaf0f6}
html[data-bxm-theme="dark"] .bxm-offer-composition .bxm-offer-service__answer button{color:#b9c7d3}
html[data-bxm-theme="dark"] .bxm-offer-composition .bxm-offer-guide{--guide-ink:#eaf0f6;--guide-muted:#b9c7d3;--guide-accent:#9cc5ff}
html[data-bxm-theme="dark"] .bxm-offer-composition__pause{background:#192c3c;color:#eaf0f6;border-color:#40566a}