/* Care uses an editorial layout; integrations use a connected workflow. */
.mx-support-back{font-size:14px;margin:0 0 45px}
.mx-support-back a{color:inherit;display:inline-block;padding-block:12px;font-weight:600}
.mx-care-opening{padding:30px var(--mx-space) 70px;background:#f0e5dc;position:relative;overflow:hidden}
.mx-care-opening h1{font-size:clamp(48px,8vw,114px);line-height:1;letter-spacing:-.06em;max-width:1100px}
.mx-care-opening em{color:#805038}
.mx-care-opening .mx-eyebrow{color:#63452f}
.mx-care-opening:after{content:'';width:400px;height:400px;border:1px solid #80503840;border-radius:50%;position:absolute;right:-190px;top:120px;pointer-events:none}
.mx-care-opening-note{max-width:720px;margin:40px 0 0 auto;border-left:3px solid #805038;padding-left:30px}
.mx-care-price-links{font-size:14px;line-height:1.8;margin-top:24px}
.mx-care-board{padding:70px var(--mx-space);display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;background:#fcfaf5}
.mx-care-board-heading h2{font-size:clamp(38px,4.5vw,62px)}
.mx-care-board-heading .mx-lead{font-size:18px}
.mx-care-tasks{margin:0}
.mx-care-task{border:0;border-bottom:1px solid #c7bdaf;padding:0;margin:0}
.mx-care-task:first-child{border-top:1px solid #c7bdaf}
.mx-care-task summary{font-size:24px;font-weight:600;padding:25px 5px;cursor:pointer;list-style-position:inside;line-height:1.4}
.mx-care-task[open]{background:#f0e5dc}
.mx-care-task>p{padding:0 22px 24px;margin:0;line-height:1.8}
.mx-care-section{background:#fcfaf5}
.mx-care-section>p:not(.mx-eyebrow){max-width:820px}
.mx-care-section#pierwszy-miesiac{background:#e3e7d7;position:relative;padding-right:calc(var(--mx-space) + 130px)}
.mx-care-section#pierwszy-miesiac:after{content:'01';position:absolute;right:var(--mx-space);top:55px;font-size:90px;font-weight:800;letter-spacing:-.07em;color:#4b5b36}
.mx-care-section#strony{background:#f0e5dc;border-bottom:1px dashed #805038}
.mx-care-section#sklepy{background:#e5e8ef}
.mx-care-section#strony,.mx-care-section#sklepy{display:grid;grid-template-columns:1fr 1fr;gap:20px 65px}
.mx-care-section#strony>*,.mx-care-section#sklepy>*{margin:0}
.mx-care-section#strony>.mx-eyebrow,.mx-care-section#sklepy>.mx-eyebrow{grid-column:1/-1}
.mx-care-section#strony>h2,.mx-care-section#sklepy>h2{grid-column:1;grid-row:2/span 2;font-size:clamp(34px,4vw,55px)}
.mx-care-section#strony>p:not(.mx-eyebrow),.mx-care-section#sklepy>p:not(.mx-eyebrow){grid-column:2}
.mx-build-opening{padding:30px var(--mx-space) 60px;background:#252033;color:#f5f0ff;position:relative;overflow:hidden}
.mx-build-opening h1{font-size:clamp(46px,7.7vw,110px);line-height:1.04;letter-spacing:-.055em}
.mx-build-opening em{color:#c4b0ff}
.mx-build-opening .mx-lead{color:#ddd6eb;max-width:760px}
.mx-build-opening .wp-block-button__link{background:#d7c8ff;color:#252033}
.mx-build-opening a:focus-visible{outline-color:#e8a978}
.mx-build-circuit{display:grid;grid-template-columns:1fr 50px 1.35fr 50px 1fr;gap:14px;align-items:center;margin-top:65px;padding-block:30px;border-block:1px solid #726384;background-image:radial-gradient(#b8a5d322 1px,transparent 1px);background-size:18px 18px}
.mx-build-circuit>p{margin:0;text-align:center}
.mx-build-node{padding:28px 20px;border:1px solid #9c8cb0;border-radius:12px;background:#30293e;font-size:13px;font-weight:700;letter-spacing:1px}
.mx-build-node-core{border-color:#c4b0ff;background:#d7c8ff;color:#252033;box-shadow:0 0 0 7px #c4b0ff15}
.mx-build-arrow{font-size:30px;color:#c4b0ff}
.mx-build-platforms{font-size:13px;color:#ddd6eb;margin-top:24px;line-height:1.9}
.mx-build-examples{padding:65px var(--mx-space);background:#ede9f4}
.mx-build-examples>.mx-lead{max-width:800px}
.mx-support-example{border:1px solid #9d90ad;border-radius:8px;margin-top:18px;padding:0;background:#faf8fe;overflow:hidden}
.mx-support-example summary{font-size:clamp(21px,2.5vw,32px);font-weight:600;padding:26px;cursor:pointer;line-height:1.4;list-style-position:inside}
.mx-support-example[open] summary{background:#ded4ed;border-bottom:1px solid #9d90ad}
.mx-build-comparison{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:30px;margin:0}
.mx-build-comparison>div{margin:0}
.mx-build-before{border-left:3px solid #b99e89;padding-left:22px}
.mx-build-after{border-left:3px solid #69429a;padding-left:22px}
.mx-build-comparison .mx-eyebrow{margin-top:0}
.mx-build-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:0 30px 25px;margin:0}
.mx-build-flow-node{background:#e8e0f1;border:1px solid #9d90ad;padding:20px 14px;border-radius:5px;margin:0;text-align:center;font-weight:600;position:relative}
.mx-build-flow-node:not(:last-child):after{content:'→';position:absolute;right:-24px;color:#614479}
.mx-support-example>.mx-small{margin:0;padding:0 30px 30px;color:#5a5262}
.mx-build-decision{padding:65px var(--mx-space);background:#252033;color:#f5f0ff}
.mx-build-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}
.mx-build-choice{margin:0;border-top:1px solid #9c8cb0;padding-top:20px}
.mx-choice-number{font-size:70px;line-height:1;color:#c4b0ff;margin:0}
.mx-build-choice h3{font-size:27px}
.mx-build-choice>p:last-child{color:#ddd6eb}
.mx-build-section{border-left:0;background:#faf8fe}
.mx-build-section>h2{max-width:1000px}
.mx-build-section>p:not(.mx-eyebrow){max-width:820px}
.mx-build-section#wordpress,.mx-build-section#prestashop{padding-left:calc(var(--mx-space) + 45px);border-top:1px solid #c7bfd1}
.mx-build-section#wordpress{background:#ede9f4}
/* Editable illustrations for the integrations offer. */
.mx-build-hero-layout{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:50px}
.mx-build-hero-copy>h1{font-size:clamp(46px,5.8vw,84px)}
.mx-build-hero-layout>*{min-width:0;margin:0}
.mx-build-hero-image img,.mx-build-example-image img{display:block;width:100%;height:auto;border-radius:8px}
.mx-build-example-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:36px;padding:30px}
.mx-build-example-layout>*{min-width:0;margin:0}
.mx-build-example-layout .mx-build-comparison{grid-template-columns:1fr;padding:0;gap:24px}
.mx-build-example-image figcaption{font-size:12px;color:#5a5262;text-align:left}
@media(max-width:1000px){
 .mx-build-hero-layout{grid-template-columns:1fr;gap:30px}
 .mx-build-hero-image{max-width:850px;width:100%;margin-inline:auto}
}
@media(max-width:700px){
 .mx-build-example-layout{grid-template-columns:1fr;gap:24px;padding:20px}
}
@media(prefers-reduced-motion:no-preference){
 .mx-support-root h1{animation:mx-rise .65s ease-out both}
 .mx-care-task[open]>p,.mx-support-example[open]>.mx-build-comparison{animation:mx-rise .3s ease-out both}
 .mx-build-node{transition:transform .25s ease,box-shadow .25s ease}
 .mx-build-node:hover{transform:translateY(-5px);box-shadow:0 9px 25px #17122040}
}
@media(max-width:900px){
 .mx-care-board{grid-template-columns:1fr;gap:25px}
 .mx-build-circuit{gap:8px;grid-template-columns:1fr 25px 1.2fr 25px 1fr}
 .mx-build-node{padding:22px 12px;font-size:11px}
 .mx-build-choices{gap:25px}
}
@media(max-width:700px){
 .mx-care-opening,.mx-build-opening{padding-block:20px 45px}
 .mx-support-back{margin-bottom:30px}
 .mx-care-opening h1,.mx-build-opening h1{font-size:clamp(44px,11vw,70px)}
 .mx-care-opening-note{padding-left:20px;margin-top:30px}
 .mx-care-board,.mx-build-examples,.mx-build-decision{padding-block:45px}
 .mx-care-task summary{font-size:21px;padding:23px 12px}
 .mx-care-section#pierwszy-miesiac{padding-right:var(--mx-space)}
 .mx-care-section#pierwszy-miesiac:after{display:none}
 .mx-care-section#strony,.mx-care-section#sklepy{display:block}
 .mx-care-section#strony>*+*,.mx-care-section#sklepy>*+*{margin-top:20px}
 .mx-build-circuit{grid-template-columns:1fr;gap:12px;margin-top:35px}
 .mx-build-node{padding:20px;font-size:12px}
 .mx-build-arrow{transform:rotate(90deg);line-height:1}
 .mx-build-comparison,.mx-build-choices{grid-template-columns:1fr;gap:25px}
 .mx-build-comparison{padding:22px}
 .mx-support-example summary{padding:22px 18px}
 .mx-build-flow{grid-template-columns:1fr;padding-inline:22px;gap:25px}
 .mx-build-flow-node:not(:last-child):after{content:'↓';right:50%;bottom:-26px}
 .mx-support-example>.mx-small{padding-inline:22px}
 .mx-build-section#wordpress,.mx-build-section#prestashop{padding-left:var(--mx-space)}
}