/* Abertura da home e Método Circular (DESIGN.md §6 e §7).
   Gerado a partir de prototipos/prototipo.css, aprovado pela Maibi em 15/10/2026.
   Sem JS ou com movimento reduzido, tudo aparece no estado final. */
/* ---------- Abertura ---------- */
.ab{--b:1;--bs:1;--bl:1;--bc:1;--mx:0;--my:0;position:relative;background:var(--brand);color:var(--light)}
.ab.is-live{--b:0;--bs:0;--bl:0;--bc:0;height:230vh}
.ab-stage{position:relative;height:100vh;height:100svh;min-height:560px;overflow:hidden}
.ab.is-live .ab-stage{position:sticky;top:0}

.ab-symbol{position:absolute;left:0;top:0;width:min(30vh,46vw);transform-origin:0 0;z-index:7;
  transform:translate(calc(50vw - min(15vh,23vw) + (8vw - 50vw + min(15vh,23vw)) * var(--bs) - var(--mx) * 24px * (1 - var(--bs))),calc(22vh + (15vh - 22vh) * var(--bs) - var(--my) * 24px * (1 - var(--bs)))) scale(calc(1 - .64 * var(--bs)))}
.ab-symbol svg{display:block;width:100%;height:auto;overflow:visible}
.sym-body{fill:var(--light);transform-box:fill-box;transform-origin:50% 100%;animation:sym-rise .8s var(--ease) .45s both}
.sym-arc{fill:none;stroke:var(--wood);stroke-width:7;stroke-linecap:round;stroke-dasharray:1;animation:sym-trace .7s ease-out both,sym-fade .5s ease 1.25s both}
.sym-head{fill:var(--wood);animation:sym-drop .9s cubic-bezier(.34,1.8,.5,1) 1s both}
.sym-wave{fill:none;stroke:var(--wood);stroke-width:4;transform-box:fill-box;transform-origin:center;animation:sym-wave 1.4s cubic-bezier(.2,.8,.3,1) 1.55s both}
@keyframes sym-wave{from{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(5)}}
.ab-rings{position:absolute;left:50%;top:41%;width:min(78vh,90vw);aspect-ratio:1;translate:-50% -50%;z-index:0;pointer-events:none;opacity:calc(1 - var(--b) * 1.6)}
.ab-rings svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--wood);stroke-width:1;opacity:.5}
.ab-rings svg:first-child{animation:spin 60s linear infinite}
.ab-rings svg:last-child{inset:14%;width:72%;height:72%;animation:spin 40s linear infinite reverse;stroke-dasharray:4 10}
@keyframes spin{to{rotate:360deg}}
@keyframes sym-trace{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes sym-fade{to{opacity:0}}
@keyframes sym-rise{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes sym-drop{from{opacity:0;transform:translateY(-420px)}to{opacity:1;transform:none}}

.ab-tagline{position:absolute;left:0;right:0;padding:0 24px;top:calc(22vh + min(30vh,46vw) * 1.25 + 24px);margin:0;text-align:center;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--light);z-index:8;
  opacity:calc(1 - var(--bs) * 2.5)}
.ab-tagline span{display:inline-block;padding:6px 12px;border-radius:999px;background:rgba(80,31,14,.85);animation:fade-in .8s ease 1.5s both}
.ab-cue{position:absolute;left:50%;bottom:28px;width:1px;height:48px;opacity:calc(.6 - var(--b) * 3)}
.ab-cue::after{content:'';display:block;height:100%;background:var(--light);transform-origin:top;animation:cue 1.8s ease-in-out 2s infinite both}
@keyframes fade-in{from{opacity:0}}
@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1) translateY(48px);opacity:0}}

.ab-copy{position:absolute;left:8vw;top:calc(15vh + min(30vh,46vw) * .45 + 28px);width:min(640px,44vw);z-index:3;
}
.ab.is-live:not(.is-text) .ab-copy{pointer-events:none}
.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.w>span{display:inline-block}
.ab.is-live .w>span{transform:translateY(115%) rotate(8deg);transform-origin:0 100%;transition:transform .5s var(--ease)}
.ab.is-text .w>span{transform:none;transition:transform .95s var(--ease) calc(var(--i) * 70ms)}
.ab.is-live .reveal{opacity:0;transform:translateY(18px);transition:opacity .3s,transform .3s}
.ab.is-text .reveal{opacity:1;transform:none;transition:opacity .8s ease var(--dl),transform .8s var(--ease) var(--dl)}
.ab-copy p.reveal{--dl:.75s}.ab-actions.reveal{--dl:.9s}.ab-proof.reveal{--dl:1.1s}
.mark{position:relative;white-space:nowrap}
.mark-line{position:absolute;left:-2%;bottom:-.18em;width:104%;height:.32em;overflow:visible;pointer-events:none}
.mark-line path{fill:none;stroke:var(--wood);stroke-width:7;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.ab.is-live .mark-line path{stroke-dashoffset:1;transition:stroke-dashoffset .3s}
.ab.is-text .mark-line path{stroke-dashoffset:0;transition:stroke-dashoffset 1s cubic-bezier(.6,.1,.3,1) .85s}
.ab + *{position:relative;z-index:2;margin-top:-16vh;padding-top:calc(110px + 8vh);background:var(--paper);border-radius:50% 50% 0 0 / 16vh 16vh 0 0}
.ab-copy h1{margin:0 0 20px;color:var(--light);font-size:clamp(40px,4.4vw,68px);line-height:1.04}
.ab-copy p{max-width:440px;margin:0 0 28px;color:rgba(240,235,226,.82);font-size:15px}
.ab-actions{display:flex;flex-wrap:wrap;gap:12px}
.ab .button{background:var(--light);border-color:var(--light);color:var(--brand)}
.ab .button.ghost{background:none;color:var(--light);border-color:rgba(240,235,226,.4)}

.ab-layer{position:absolute;left:0;top:0;width:var(--w);margin:0;z-index:var(--z,1);will-change:transform;
  transform:translate(calc(var(--x) + (var(--tx) - var(--x)) * var(--bl) + var(--mx) * var(--dp,45) * 1px),calc(var(--y) + (var(--ty) - var(--y)) * var(--bl) + var(--my) * var(--dp,45) * 1px)) perspective(900px) rotateY(calc(var(--mx) * 14deg)) rotateX(calc(var(--my) * -10deg)) rotate(calc(var(--r) + (var(--tr) - var(--r)) * var(--bl))) scale(calc(var(--s0) + (1 - var(--s0)) * var(--bl)));
  opacity:calc(var(--o0) + (var(--o1) - var(--o0)) * var(--bl))}
.ab-layer img{display:block;width:100%;height:auto;border-radius:3px;animation:fly-in 1.3s cubic-bezier(.16,1,.3,1) var(--fi,.2s) both,float var(--fd,7s) ease-in-out calc(var(--fi,.2s) + 1.3s) infinite alternate}
@keyframes fly-in{from{opacity:0;transform:translate(var(--fx,0),var(--fy,60vh)) rotate(var(--fr,20deg)) scale(.5)}}
.l1{--fi:.3s;--fx:-30vw;--fy:-20vh;--fr:-25deg}.l2{--fi:.45s;--fx:30vw;--fy:-30vh;--fr:30deg}.l3{--fi:.6s;--fx:20vw;--fy:40vh;--fr:-15deg}
.l4{--fi:.5s;--fx:-25vw;--fy:30vh;--fr:25deg}.l5{--fi:.7s;--fy:50vh}.l6{--fi:.4s;--fy:-50vh;--fr:-20deg}.l7{--fi:.65s;--fx:30vw;--fy:0vh}
.l8{--fi:.35s;--fx:-30vw;--fy:0vh}.l9{--fi:.8s;--fy:50vh;--fr:-30deg}.l10{--fi:.55s;--fx:25vw;--fy:20vh}.l11{--fi:.75s;--fx:-10vw;--fy:-40vh}.l12{--fi:.85s;--fy:50vh}
.ab-layer figcaption{margin-top:8px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(240,235,226,.7);opacity:var(--bc)}
@keyframes float{from{transform:translateY(calc(-10px * (1 - var(--b))))}to{transform:translateY(calc(12px * (1 - var(--b))))}}

/* posições: x/y início (espalhado), tx/ty fim (colagem), s0 escala inicial, o0/o1 opacidade */
.l1{--w:19vw;--x:3vw;--y:9vh;--tx:57vw;--ty:17vh;--r:-7deg;--tr:-2deg;--s0:.7;--o0:.7;--o1:1;--z:2;--fd:6s}
.l2{--w:11vw;--x:82vw;--y:7vh;--tx:50vw;--ty:49vh;--r:6deg;--tr:3deg;--s0:.95;--o0:.65;--o1:1;--z:4;--fd:8s;--fdl:-2s}
.l3{--w:23vw;--x:68vw;--y:70vh;--tx:70vw;--ty:8vh;--r:-3deg;--tr:2deg;--s0:.8;--o0:.55;--o1:1;--z:1;--fdl:-4s}
.l4{--w:11vw;--x:9vw;--y:64vh;--tx:78vw;--ty:47vh;--r:5deg;--tr:-4deg;--s0:.95;--o0:.6;--o1:1;--z:3;--fd:9s;--fdl:-1s}
.l5{--w:12vw;--x:25vw;--y:80vh;--tx:20vw;--ty:112vh;--r:-2deg;--tr:-8deg;--s0:1;--o0:.5;--o1:0;--fdl:-3s}
.l6{--w:18vw;--x:57vw;--y:-7vh;--tx:62vw;--ty:-40vh;--r:3deg;--tr:6deg;--s0:1;--o0:.45;--o1:0;--fd:10s}
.l7{--w:9vw;--x:90vw;--y:42vh;--tx:108vw;--ty:44vh;--r:-5deg;--tr:-9deg;--s0:1;--o0:.6;--o1:0;--fdl:-5s}
.l8{--w:9vw;--x:-1vw;--y:33vh;--tx:-20vw;--ty:28vh;--r:7deg;--tr:12deg;--s0:1;--o0:.7;--o1:0;--fd:8s}
.l9{--w:9vw;--x:40vw;--y:84vh;--tx:44vw;--ty:118vh;--r:-4deg;--tr:-4deg;--s0:1;--o0:.6;--o1:0;--fdl:-2s}
.l10{--w:10vw;--x:76vw;--y:38vh;--tx:63vw;--ty:56vh;--r:4deg;--tr:-2deg;--s0:.9;--o0:.7;--o1:1;--z:5;--fd:7s;--fdl:-3s}
.l11{--w:8vw;--x:16vw;--y:6vh;--tx:10vw;--ty:-30vh;--r:-6deg;--tr:-10deg;--s0:1;--o0:.55;--o1:0;--fd:9s;--fdl:-6s}
.l12{--w:8vw;--x:54vw;--y:86vh;--tx:56vw;--ty:120vh;--r:5deg;--tr:9deg;--s0:1;--o0:.55;--o1:0;--fd:6s;--fdl:-1s}

.post{position:absolute}
.post-tag{animation:fade-in .5s ease calc(var(--fi,.2s) + 1.1s) both;position:absolute;left:6px;bottom:6px;display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:rgba(28,28,28,.82);color:var(--light);font-size:9px;font-weight:600;letter-spacing:.04em;white-space:nowrap}


.ab-defs{position:absolute;width:0;height:0}
.ab-shape{position:absolute;left:0;top:0;width:calc(var(--w) * 1.5);height:auto;overflow:visible;z-index:0;fill:var(--wood);opacity:min(1,calc(var(--so) * 1.6));
  transform:translate(calc(var(--x) + var(--mx) * 90px * (1 - .75 * var(--b))),calc(var(--y) + var(--d) * var(--b) + var(--my) * 90px * (1 - .75 * var(--b)))) rotate(calc(var(--r) + var(--rd) * var(--b)))}
.ab-shape .line{fill:none;stroke:var(--wood);stroke-width:1.5px;vector-effect:non-scaling-stroke}
.s1{--w:4vw;--x:30vw;--y:18vh;--d:-14vh;--r:-12deg;--rd:20deg;--so:.28}
.s2{--w:7vw;--x:84vw;--y:30vh;--d:-22vh;--r:8deg;--rd:-25deg;--so:.5}
.s3{--w:1.2vw;--x:22vw;--y:46vh;--d:-30vh;--r:0deg;--rd:0deg;--so:.7}
.s4{--w:2.4vw;--x:64vw;--y:30vh;--d:-10vh;--r:0deg;--rd:0deg;--so:.55}
.s5{--w:2.6vw;--x:46vw;--y:76vh;--d:-26vh;--r:14deg;--rd:-30deg;--so:.22}
.s6{--w:9vw;--x:12vw;--y:80vh;--d:-8vh;--r:-6deg;--rd:10deg;--so:.4}
.s7{--w:.9vw;--x:93vw;--y:14vh;--d:-18vh;--r:0deg;--rd:0deg;--so:.8}
.s8{--w:3.2vw;--x:36vw;--y:92vh;--d:-34vh;--r:0deg;--rd:0deg;--so:.4}
.s9{--w:5vw;--x:72vw;--y:90vh;--d:-20vh;--r:180deg;--rd:-40deg;--so:.35}
.s10{--w:1.6vw;--x:6vw;--y:24vh;--d:-12vh;--r:0deg;--rd:0deg;--so:.6}

.ab-proof{display:flex;align-items:center;gap:14px;margin-top:40px;padding-top:24px;border-top:1px solid rgba(240,235,226,.18)}
.ab-proof-faces{display:flex;flex-shrink:0}
.ab-proof-faces img{width:40px;height:40px;border:2px solid var(--brand);border-radius:50%;object-fit:cover}
.ab-proof-faces img+img{margin-left:-12px}
.ab-proof p{margin:0;font-size:13px;line-height:1.5;color:rgba(240,235,226,.78)}
.ab-proof strong{color:var(--light);font-weight:600}

@media (max-width:760px){
  .ab.is-live{height:200vh}
  .ab-symbol{width:min(26vh,52vw);transform:translate(calc(50vw - min(13vh,26vw) + (6vw - 50vw + min(13vh,26vw)) * var(--bs)),calc(20vh + (11vh - 20vh) * var(--bs))) scale(calc(1 - .72 * var(--bs)))}
  .ab-tagline{top:calc(20vh + min(26vh,52vw) * 1.25 + 20px)}
  .ab-copy{left:6vw;width:88vw;top:calc(11vh + min(26vh,52vw) * .35 + 18px)}
  .ab-copy h1{font-size:clamp(32px,9vw,42px)}
  .ab-copy p{font-size:14px;margin-bottom:20px}
  .ab .button{min-height:46px;padding:11px 18px}
  .l1{--w:44vw;--x:-6vw;--y:6vh;--tx:44vw;--ty:66vh;--s0:.5}
  .l2{--w:28vw;--x:74vw;--y:4vh;--tx:8vw;--ty:70vh;--s0:.8}
  .l3{--w:52vw;--x:54vw;--y:74vh;--tx:40vw;--ty:61vh;--s0:.6}
  .l4{--w:24vw;--x:2vw;--y:72vh;--tx:72vw;--ty:76vh;--s0:.9}
  .l5,.l6,.l9,.l11,.l12,.s5,.s8,.s9{display:none}
  .l10{--w:24vw;--x:78vw;--y:36vh;--tx:52vw;--ty:76vh}
  .l8{--w:20vw}
  .ab-proof{display:none}
  .post-tag{font-size:8px;padding:3px 6px}
  .ab-layer figcaption{display:none}
  .l7{--w:22vw;--x:80vw;--y:44vh}
  .l8{--w:22vw;--x:-8vw;--y:42vh}
}


/* Logos das plataformas em creme (pedido da Maibi, 15/10/2026) */
.ab-logo{position:absolute;left:0;top:0;width:var(--w);height:auto;z-index:0;fill:var(--light);
  opacity:calc(var(--lo) * 1.5 + (.22 - var(--lo) * 1.5) * var(--b));
  transform:translate(calc(var(--x) + var(--mx) * 120px * (1 - .75 * var(--b))),calc(var(--y) + var(--d) * var(--b) + var(--my) * 120px * (1 - .75 * var(--b)))) rotate(calc(var(--r) * (1 - var(--b))))}
.l1,.l3{--dp:28}.l2,.l4,.l10{--dp:70}.l5,.l6,.l7,.l8,.l9,.l11,.l12{--dp:50}
.i1{--w:2.6vw;--x:40vw;--y:12vh;--d:-10vh;--r:-8deg;--lo:.55}
.i2{--w:2.2vw;--x:15vw;--y:50vh;--d:-40vh;--r:6deg;--lo:.45}
.i3{--w:3.2vw;--x:76vw;--y:25vh;--d:-14vh;--r:-4deg;--lo:.5}
.i4{--w:2.4vw;--x:33vw;--y:66vh;--d:-24vh;--r:10deg;--lo:.45}
.i5{--w:2.8vw;--x:93vw;--y:63vh;--d:-12vh;--r:-6deg;--lo:.5}
.i6{--w:2.2vw;--x:62vw;--y:80vh;--d:-30vh;--r:8deg;--lo:.45}
.i7{--w:2vw;--x:24vw;--y:28vh;--d:-22vh;--r:-10deg;--lo:.4}
.i8{--w:2.4vw;--x:87vw;--y:88vh;--d:-20vh;--r:5deg;--lo:.45}
.i9{--w:2.2vw;--x:4vw;--y:90vh;--d:-16vh;--r:-5deg;--lo:.4}
.i10{--w:2vw;--x:67vw;--y:6vh;--d:-6vh;--r:7deg;--lo:.4}
@media (max-width:760px){
  .ab-logo{--w:8vw}
  .i1{--x:10vw;--y:52vh}.i3{--x:80vw;--y:30vh;--w:9vw}.i4{--x:22vw;--y:86vh}.i6{--x:60vw;--y:90vh}.i10{--x:44vw;--y:9vh}
  .i2,.i5,.i7,.i8,.i9{display:none}
}

/* ---------- Método Circular ---------- */
.mc{--m:0;padding:96px 0;background:var(--paper)}
.mc-head{margin-bottom:48px}
.mc-head h2{margin:0 0 12px}
.mc-head p{max-width:520px;margin:0;color:var(--muted)}
.mc-steps{margin:0;padding:0;list-style:none;display:grid;gap:32px}
.mc-step h3{margin:0 0 8px;font-size:28px}
.mc-step p{max-width:460px;margin:0 0 16px;color:var(--muted)}
.mc-step img{display:block;width:auto;max-width:100%;max-height:min(40vh,360px);height:auto;border-radius:3px}
.mc-step .mc-n{display:block;font-family:var(--serif);font-size:18px;color:var(--gold)}
.mc-dial,.mc-live{display:none}

.mc.is-interactive .mc-dial{display:block;position:relative;width:100%;aspect-ratio:1}
.mc.is-interactive .mc-live{display:block;position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.mc.is-interactive .mc-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center}
.mc.is-interactive .mc-steps{display:block;position:relative;min-height:440px}
.mc.is-interactive .mc-step{position:absolute;inset:0 0 auto;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .45s var(--ease),transform .45s var(--ease),visibility 0s .45s}
.mc.is-interactive .mc-step.is-active{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.mc.is-interactive .mc-step h3{clip-path:inset(0 0 100% 0);transform:translateY(40%);transition:clip-path .7s var(--ease),transform .7s var(--ease)}
.mc.is-interactive .mc-step.is-active h3{clip-path:inset(0 0 -10% 0);transform:none;transition-delay:.08s}
.mc.is-interactive .mc-step p{opacity:0;transform:translateY(12px);transition:opacity .6s,transform .6s var(--ease)}
.mc.is-interactive .mc-step.is-active p{opacity:1;transform:none;transition-delay:.22s}
.mc.is-interactive .mc-step img{clip-path:inset(0 100% 0 0);transition:clip-path 1s cubic-bezier(.7,0,.2,1)}
.mc.is-interactive .mc-step.is-active img{clip-path:inset(0);transition-delay:.3s;animation:kenburns 9s ease-out .3s both}
@keyframes kenburns{from{transform:scale(1.12)}to{transform:scale(1)}}
.mc-center.is-pop{animation:pop .7s cubic-bezier(.34,1.6,.5,1)}
@keyframes pop{0%{transform:scale(.86)}100%{transform:scale(1)}}
.mc-node.is-active{box-shadow:0 0 0 8px rgba(155,99,48,.22)}
.mc.is-interactive .mc-step .mc-n{position:absolute;right:0;bottom:-.12em;z-index:-1;font-size:clamp(120px,15vw,230px);line-height:1;color:var(--ink);opacity:.14}
.mc.is-interactive .mc-steps{isolation:isolate}
.mc-dot{transform-origin:200px 200px;transform:rotate(calc(var(--m) * 360deg))}
.mc-dot circle{fill:var(--wood)}.mc-dot circle:not(.halo){r:11px}.mc-dot .halo{opacity:.25;animation:halo 1.6s ease-in-out infinite alternate}
@keyframes halo{to{opacity:.05;transform:scale(1.6)}}
.mc-dot .halo{transform-box:fill-box;transform-origin:center}
.mc-foot{display:none}
.mc.is-sticky .mc-foot{display:flex;align-items:center;gap:16px;margin-top:28px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.mc-count{font-variant-numeric:tabular-nums;color:var(--ink)}
.mc-bar{flex:0 0 120px;height:2px;background:var(--line);overflow:hidden}
.mc-bar i{display:block;height:100%;background:var(--wood);transform-origin:left;transform:scaleX(var(--m))}
.mc-hint{transition:opacity .4s}.mc.is-closed .mc-hint{opacity:0}
.mc.is-sticky{height:660vh;padding:0}
.mc.is-sticky .mc-stage{position:sticky;top:0;height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:center;padding:72px 0 32px;box-sizing:border-box}
.mc.is-sticky .mc-head{margin-bottom:24px}

.mc-dial svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.mc-track{fill:none;stroke:var(--line);stroke-width:2}
.mc-progress{fill:none;stroke:var(--wood);stroke-width:7;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--m));transition:stroke-dashoffset .12s linear}
.mc-center{position:absolute;inset:24%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:50%;background:var(--cream)}
.mc-center-num{font-family:var(--serif);font-size:clamp(44px,6vw,84px);line-height:1;color:var(--gold)}
.mc-center-title{max-width:80%;margin-top:8px;font-family:var(--serif);font-size:clamp(17px,1.7vw,24px);line-height:1.2}
.mc-center-note{max-width:78%;margin-top:8px;font-size:12px;line-height:1.5;color:var(--muted);opacity:0;transition:opacity .4s}
.mc.is-closed .mc-center-note{opacity:1}
.mc-node{position:absolute;width:46px;height:46px;margin:-23px 0 0 -23px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--muted);font:600 13px var(--sans);cursor:pointer;transition:background .18s,color .18s,border-color .18s,transform .18s var(--ease)}
.mc-node:hover{border-color:var(--gold);color:var(--ink)}
.mc-node:focus-visible{outline:2px solid var(--wine);outline-offset:4px}
.mc-node.is-done{border-color:var(--wood);color:var(--gold)}
.mc-node.is-active{background:var(--wood);border-color:var(--wood);color:#fff;transform:scale(1.18)}
.mc.is-closed .mc-node.n1{animation:pulse 1.4s var(--ease) infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(155,99,48,.7)}100%{box-shadow:0 0 0 18px rgba(155,99,48,0)}}
.n1{left:50%;top:7.5%}.n2{left:86.8%;top:28.75%}.n3{left:86.8%;top:71.25%}.n4{left:50%;top:92.5%}.n5{left:13.2%;top:71.25%}.n6{left:13.2%;top:28.75%}

@media (max-width:760px){
  .mc.is-interactive .mc-body{grid-template-columns:1fr;gap:20px}
  .mc.is-interactive .mc-dial{width:min(78vw,40vh);margin:0 auto}
  .mc.is-interactive .mc-steps{min-height:300px}
  .mc-step h3{font-size:22px}
  .mc-step p{font-size:13px;line-height:1.6}
  .mc.is-interactive .mc-step img{max-height:18vh;width:auto;max-width:100%}
  .mc.is-sticky .mc-head{display:none}
  .mc-node{width:38px;height:38px;margin:-19px 0 0 -19px;font-size:12px}
  .mc.is-interactive .mc-step .mc-n{display:none}
  .mc-center-note{display:none}
}

@media (prefers-reduced-motion:reduce){
  .ab *,.ab *::before,.ab *::after,.mc *,.mc *::before,.mc *::after{animation:none!important;transition:none!important}
}