[data-zoom]{cursor:zoom-in}
.zoom-dialog{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;width:100%;height:100%;overflow:hidden}
.zoom-dialog::backdrop{background:rgba(17,24,39,.85)}
.zoom-wrap{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;gap:12px}
.zoom-scroll{overflow:auto;max-width:100%;max-height:calc(100% - 52px);border-radius:10px;background:#fff}
.zoom-scroll img{display:block;width:max(100%,800px);max-width:none;height:auto}
@media (min-width:860px){.zoom-scroll img{width:auto;max-width:min(1400px,calc(100vw - 32px));max-height:calc(100vh - 100px)}}
.zoom-close{font:600 14px/1 system-ui,sans-serif;background:#fff;color:#111827;border:0;border-radius:8px;padding:12px 18px;cursor:pointer}
.zoom-close:focus-visible,[data-zoom]:focus-visible{outline:3px solid #EE7B22;outline-offset:2px}

@media (prefers-reduced-motion:no-preference){
  .m-lift{transition:transform .2s ease,box-shadow .2s ease}
  .m-lift:hover{transform:translateY(-3px);box-shadow:0 10px 24px -10px rgba(17,24,39,.25)}
  .m-float,.m-pencil,.m-tick,.m-dot{transform-box:fill-box;transform-origin:center}
  .m-float{animation:m-float 6s ease-in-out infinite}
  .m-pencil{transform-origin:50% 100%;animation:m-write 3.6s ease-in-out infinite}
  .m-tick{animation:m-pop .6s cubic-bezier(.34,1.56,.64,1) .3s backwards}
  .m-dot{animation:m-dot 1.8s ease-in-out infinite;animation-delay:var(--d,0s)}
  .js-motion .m-line-x{transform-origin:left center;transform:scaleX(0);transition:transform 1.1s ease .1s}
  .js-motion .m-line-y{transform-origin:center top;transform:scaleY(0);transition:transform 1.1s ease .1s}
  .js-motion .m-step{transform:scale(.6);transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
  .js-motion .m-timeline.in .m-line-x{transform:scaleX(1)}
  .js-motion .m-timeline.in .m-line-y{transform:scaleY(1)}
  .js-motion .m-timeline.in .m-step{transform:scale(1)}
  .js-motion .m-timeline.in li:nth-of-type(2) .m-step{transition-delay:.25s}
  .js-motion .m-timeline.in li:nth-of-type(3) .m-step{transition-delay:.5s}
  .js-motion .m-timeline.in li:nth-of-type(4) .m-step{transition-delay:.75s}
}
@keyframes m-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes m-write{0%,100%{transform:rotate(0)}50%{transform:rotate(-5deg) translate(-2px,2px)}}
@keyframes m-pop{from{transform:scale(.6)}to{transform:scale(1)}}
@keyframes m-dot{0%,100%{transform:scale(1)}50%{transform:scale(1.5)}}

@media (prefers-reduced-motion:no-preference){
  .m-drag{animation:m-drag 5s ease-in-out infinite}
  .m-spin{transform-box:fill-box;transform-origin:center;animation:m-spin 16s linear infinite}
  .m-flow{animation:m-flow 1.2s linear infinite}
  .js-motion .m-bars .m-bar{transform-box:fill-box;transform-origin:left center;transform:scaleX(0);transition:transform .9s ease}
  .js-motion .m-bars.in .m-bar{transform:scaleX(1)}
  .js-motion .m-bars.in .m-bar:nth-of-type(2){transition-delay:.15s}
  .js-motion .m-bars.in .m-bar:nth-of-type(3){transition-delay:.3s}
  .js-motion .m-bars.in .m-bar:nth-of-type(4){transition-delay:.45s}
}
@keyframes m-drag{0%,100%{transform:translate(0,0)}50%{transform:translate(12px,-5px)}}
@keyframes m-spin{to{transform:rotate(360deg)}}
@keyframes m-flow{to{stroke-dashoffset:-9}}

.m-replay{display:none}
.js-motion .m-replay{display:inline-flex}
.m-flowmap .m-draw,.m-flowmap .m-head,.m-flowmap .m-loop{stroke-linejoin:round}
@media (prefers-reduced-motion:no-preference){
  .js-motion .m-flowmap .m-node{opacity:.2;transform:scale(.93);transform-box:fill-box;transform-origin:center;transition:opacity .4s ease var(--d,0s),transform .45s cubic-bezier(.34,1.56,.64,1) var(--d,0s)}
  .js-motion .m-flowmap .m-draw{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .6s linear var(--d,0s)}
  .js-motion .m-flowmap .m-head,.js-motion .m-flowmap .m-label,.js-motion .m-flowmap .m-loop{opacity:0;transition:opacity .3s ease var(--d,0s)}
  .js-motion .m-flowmap.in .m-node{opacity:1;transform:none}
  .js-motion .m-flowmap.in .m-draw{stroke-dashoffset:0}
  .js-motion .m-flowmap.in .m-head,.js-motion .m-flowmap.in .m-label,.js-motion .m-flowmap.in .m-loop{opacity:1}
  .m-flowmap .m-loop{animation:m-flow 1.4s linear infinite}
}
.m-flowmap.m-reset,.m-flowmap.m-reset *{transition:none!important}

/* FAQ answers (content/faq.js): links inside the answer text. */
.faq-answer a{color:var(--p-primary,#B9560F);font-weight:600;text-decoration:underline;text-underline-offset:2px}