/* Five landing places, one shared BxM character. The approved hero stays intact. */
.bxm-offer-stage{position:relative;isolation:isolate}
.bxm-offer-guide{--guide-ink:#253e53;--guide-muted:#60717c;--guide-accent:#3b4d57;position:relative;z-index:3;display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:15px;width:min(410px,100%);color:var(--guide-ink);font-family:var(--bxm-font-family);text-align:left}
.bxm-offer-guide__slot{position:relative;width:112px;height:112px;align-self:center}
.bxm-offer-guide__marker{position:absolute;inset:0;display:grid;place-items:center;color:#6ba2b3;font:700 clamp(40px,3vw,52px)/1 var(--bxm-font-family);letter-spacing:-.04em;transition:opacity .3s}
.bxm-offer-guide[data-active="true"] .bxm-offer-guide__marker,.bxm-offer-guide[data-arriving="true"] .bxm-offer-guide__marker{opacity:0}
.bxm-offer .bxm-offer-guide__title{margin:0 0 5px;font-size:17px;line-height:1.35;font-weight:600;letter-spacing:-.025em;color:var(--guide-ink)}
.bxm-offer .bxm-offer-guide__message{margin:0;font-size:14px;line-height:1.5;font-weight:400;color:var(--guide-muted)}
.bxm-offer-guide__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bxm-offer-guide__actions a{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;padding:5px 0;color:var(--guide-accent);font:600 13px/1.4 var(--bxm-font-family);text-decoration:none}
.bxm-offer-guide__actions a:hover{text-decoration:underline;text-underline-offset:4px}
.bxm-offer-guide__actions button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--guide-accent);font:400 22px/1 var(--bxm-font-family);cursor:pointer}
.bxm-offer-guide__actions button:hover{background:#2874bd0d}
.bxm-offer-guide [data-chapter-dismiss]{visibility:hidden;color:var(--guide-muted)}
.bxm-offer-guide[data-active="true"] [data-chapter-dismiss]{visibility:visible}
.bxm-offer-guide :is(a,button):focus-visible{outline:2px solid var(--guide-accent);outline-offset:3px;border-radius:5px}
.bxm-offer-guide--hero{position:absolute;right:max(4.5%,calc((100% - 2100px)/2 + 94.5px));top:51%;width:170px;grid-template-columns:minmax(0,1fr);justify-items:center;gap:0;text-align:center;--guide-ink:#fff;--guide-muted:#e0edfa;--guide-accent:#d5f4b8}
.bxm-offer-guide--hero .bxm-offer-guide__slot{width:132px;height:132px}
.bxm-offer-guide--hero .bxm-offer-guide__copy{width:100%}
.bxm-offer .bxm-offer-guide--hero .bxm-offer-guide__title{font-size:14px;line-height:1.25;margin:0}
.bxm-offer-guide--hero .bxm-offer-guide__message{display:none}
.bxm-offer-guide--hero .bxm-offer-guide__actions{justify-content:center}
.bxm-offer-guide--hero .bxm-offer-guide__actions a{font-size:12px;min-height:36px}
.bxm-offer-guide--hero .bxm-offer-guide__marker{display:none}
.bxm-offer-guide--plan{grid-column:1/-1;grid-row:2;justify-self:start;margin:28px 0 -40px 50%}
.bxm-offer-cms-stage{grid-area:cms;min-width:0}
.bxm-offer-cms-stage .bxm-offer-guide--system{margin:24px 0 0}
.bxm-offer-guide--marketing{grid-area:guide;margin:0;justify-self:start}
.bxm-offer-social-stage{grid-area:socialart;min-width:0}
.bxm-offer-guide--reach{margin:28px auto 0;width:100%}

/* The hand follows the real target coordinates, including responsive placement. */
.bxm-robot-guide[data-guide-page="offer"][data-mode="chapter"]:not([data-flying="true"]):not([data-reaction="greet"]):not([data-reaction="celebrate"])[data-offer-point="left"] .bxm-character{--bxmc-left-arm:var(--offer-point-angle,74deg);--bxmc-right-arm:0deg}
.bxm-robot-guide[data-guide-page="offer"][data-mode="chapter"]:not([data-flying="true"]):not([data-reaction="greet"]):not([data-reaction="celebrate"])[data-offer-point="right"] .bxm-character{--bxmc-right-arm:var(--offer-point-angle,-74deg);--bxmc-left-arm:0deg}
.bxm-robot-guide[data-guide-page="offer"][data-mode="chapter"][data-offer-accent="green"] .bxm-character{--bxmc-light:#5bc59c}
.bxm-robot-guide[data-guide-page="offer"][data-mode="chapter"][data-offer-cue="call"] .bxm-character{--bxmc-eye-y:.9}
.bxm-robot-guide[data-guide-page="offer"][data-context^="offer-"][data-offer-scene-paused="true"] .bxm-character,.bxm-robot-guide[data-guide-page="offer"][data-context^="offer-"][data-offer-scene-paused="true"] .bxm-character *{animation-play-state:paused!important;transition:none!important}
.bxm-robot-guide[data-guide-page="offer"][data-mode="chapter"][data-context="offer-hero"] .bxm-robot-guide__figure:focus-visible{outline-color:#d5f4b8}

/* Explicit little demonstrations: check the brief, connect the CMS, greet the bird. */
.bxm-offer-composition[data-guide-scene="plan"].is-running .bxm-offer-art__checks path{animation:offer-guide-check 3.8s both;animation-delay:0s;stroke-width:8}
.bxm-offer-composition[data-guide-scene="plan"].is-running .bxm-offer-art__checks path:nth-child(2){animation-delay:.35s}
.bxm-offer-composition[data-guide-scene="plan"].is-running .bxm-offer-art__checks path:nth-child(3){animation-delay:.7s}
.bxm-offer-composition[data-guide-scene="plan"].is-running .bxm-offer-art__signals circle{animation:offer-guide-signal 3.8s both;stroke-width:5}
.bxm-offer-composition[data-guide-scene="plan"].is-running .bxm-offer-art__stairs{animation:offer-guide-draw 3.8s both;stroke-dasharray:100;stroke-width:7}
.bxm-offer-composition[data-guide-scene="system"].is-running .bxm-offer-composition__wire-flow{animation:offer-guide-connect 3.8s both;stroke:#47bb92;stroke-width:5;stroke-dasharray:12 88}
.bxm-offer-composition[data-guide-scene="system"].is-running .bxm-offer-art__modules rect{animation:offer-guide-signal 3.8s both;stroke-width:8}
.bxm-offer-composition[data-guide-scene="system"].is-running .bxm-offer-art__chart{animation:offer-guide-draw 3.8s both;stroke:#31ad91;stroke-width:8}
.bxm-offer-composition[data-guide-scene="reach"].is-running .bxm-offer-art__bird{animation:offer-guide-bird 3.8s both}
.bxm-offer-composition[data-guide-scene="reach"].is-running .bxm-offer-art__social-icons{animation:offer-guide-icons 3.8s both}
.bxm-offer-composition[data-guide-scene="reach"].is-running .bxm-offer-art__shop-signal{animation:offer-guide-signal 3.8s both;height:4px;background:#31ad91}
.bxm-offer-composition[data-guide-scene="reach"].is-running .bxm-offer-art__steam path{animation:offer-guide-steam 3.8s both}
@keyframes offer-guide-check{0%,5%{stroke-dashoffset:1;opacity:0}35%,90%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.4}}
@keyframes offer-guide-signal{0%{opacity:.2}25%,60%{opacity:1}100%{opacity:.4}}
@keyframes offer-guide-draw{0%,8%{stroke-dashoffset:100;opacity:0}55%,90%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.4}}
@keyframes offer-guide-connect{from{stroke-dashoffset:10}to{stroke-dashoffset:-100}}
@keyframes offer-guide-bird{0%,100%{transform:translate(0,0) rotate(0)}18%{transform:translate(8px,-27px) rotate(9deg)}35%{transform:translate(18px,0) rotate(-6deg)}52%{transform:translate(26px,-19px) rotate(8deg)}70%{transform:translate(35px,0) rotate(-4deg)}85%{transform:translate(12px,-14px) rotate(-8deg)}}
@keyframes offer-guide-icons{0%,100%{transform:translateY(0)}25%,65%{transform:translateY(-10px)}45%{transform:translateY(-3px)}}
@keyframes offer-guide-steam{0%{opacity:0;translate:0 4px}35%{opacity:1}100%{opacity:0;translate:0 -29px}}
@media(max-width:1599px) and (min-width:761px){
 .bxm-offer-guide--hero{width:140px;right:3%;top:52%}
 .bxm-offer-guide--hero .bxm-offer-guide__slot{width:108px;height:108px}
}
@media(max-width:1199px){
 .bxm-offer-chapter--plan{grid-template-areas:"teacher websites" "guide guide" "design designart"}
 .bxm-offer-guide--plan,.bxm-offer-guide--marketing{grid-area:guide;margin:0;justify-self:center}
 .bxm-offer-guide--reach{grid-template-columns:76px minmax(0,1fr);gap:8px;margin-top:22px}
 .bxm-offer-guide--reach .bxm-offer-guide__slot{width:76px;height:76px}
 .bxm-offer-guide--hero{width:110px;right:3%;top:53%}
 .bxm-offer-guide--hero .bxm-offer-guide__slot{width:96px;height:96px}
 .bxm-offer .bxm-offer-guide--hero .bxm-offer-guide__title{font-size:12px}
}
@media(max-width:760px){
 .bxm-offer-guide--hero{top:auto;right:3%;bottom:64px;width:112px}
 .bxm-offer-guide--hero .bxm-offer-guide__slot{width:80px;height:80px}
 .bxm-offer-guide--hero .bxm-offer-guide__copy{display:none}
 .bxm-offer .bxm-offer-guide--hero .bxm-offer-guide__title{font-size:11px;line-height:1.25}
}
@media(max-width:700px){
 .bxm-offer-guide{grid-template-columns:88px minmax(0,1fr);gap:10px}
 .bxm-offer-guide__slot{width:88px;height:88px}
 .bxm-offer-guide [data-chapter-next]{display:none}
 .bxm-offer .bxm-offer-guide__title{font-size:16px}
 .bxm-offer .bxm-offer-guide__message{font-size:13px}
 .bxm-offer-guide--hero{grid-template-columns:minmax(0,1fr);gap:0}
 .bxm-offer-chapter--plan{grid-template-areas:"teacher" "guide" "websites" "designart" "design"}
 .bxm-offer-chapter--reach{grid-template-areas:"socialart" "social" "shop"}
 .bxm-offer-guide--plan,.bxm-offer-guide--marketing{grid-area:guide;margin:0 0 14px}
 .bxm-offer-social-stage .bxm-offer-art--social{margin-inline:auto}
 .bxm-offer-guide--reach{grid-template-columns:88px minmax(0,1fr);margin:24px auto 14px}
 .bxm-offer-guide--reach .bxm-offer-guide__slot{width:88px;height:88px}
}
@media(max-width:360px){.bxm-offer-guide--hero{right:0;width:94px;bottom:64px}.bxm-offer-guide--hero .bxm-offer-guide__slot{width:64px;height:64px}}
@media(max-width:1100px) and (max-height:500px) and (orientation:landscape){
 .bxm-offer-guide--hero{top:51%;bottom:auto;right:2%;width:105px}
 .bxm-offer-guide--hero .bxm-offer-guide__slot{width:76px;height:76px}
 .bxm-offer-guide--hero .bxm-offer-guide__copy{display:none}
}
@media(prefers-reduced-motion:reduce){.bxm-offer-guide *{animation:none!important;transition:none!important}.bxm-offer-composition[data-guide-scene] *{animation:none!important}}

.bxm-offer-composition[data-guide-scene="marketing"].is-running .bxm-offer-art__ruler-cursor{animation:offer-guide-measure 3.8s ease-in-out both}
@keyframes offer-guide-measure{0%,100%{translate:0 0;opacity:.5}60%{translate:0 255px;opacity:1}}