/* Matterbee 2026 redesign: shared layer (nav, footer, demo form, bee flights) + --mb-* aliases for the interactions add-on configs */
:root{--mb-bee-left:url(https://s3.amazonaws.com/webflow-prod-assets/66bc68c513d75114797d5d4c/6abb82c63cd35f1e1e34a380_mb26-sprite-left.webp);--mb-bee-right:url(https://s3.amazonaws.com/webflow-prod-assets/66bc68c513d75114797d5d4c/6abb82c6075549fbc89d136e_mb26-sprite-right.webp)}
:root{--mb-white:var(--white);--mb-black:var(--text-heading);--mb-teal-300:var(--teal-300);--mb-teal-400:var(--teal-400);--mb-teal-500:var(--teal2);--mb-teal-600:var(--teal-deep);--mb-teal-700:var(--teal-700);--mb-teal-800:var(--teal-800);--mb-yellow-500:var(--orange);--mb-coral-500:#c65d3b;--mb-gray-300:var(--border-default);--mb-gray-500:var(--text-subtle);--mb-gray-700:var(--text-body);--mb-gray-800:#2e2e2e}
@keyframes mbRise   { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: none; } }
@keyframes mbFloat  { from { transform: translateY(-6px); } to { transform: translateY(8px); } }
@keyframes mbShine  { 0% { transform: translateX(-160%) skewX(-20deg); } 55%, 100% { transform: translateX(320%) skewX(-20deg); } }
@keyframes mbShimmer{ from { background-position: 200% 50%; } to { background-position: 0% 50%; } }
@keyframes mbMarquee{ from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes mbBeeGo  { from { offset-distance: 0%; } to { offset-distance: 100%; } }
@keyframes mbBeeMaskL { from { mask-position: 100% 0; -webkit-mask-position: 100% 0; } to { mask-position: 0% 0; -webkit-mask-position: 0% 0; } }
@keyframes mbBeeMaskR { from { mask-position: 0% 0; -webkit-mask-position: 0% 0; } to { mask-position: 100% 0; -webkit-mask-position: 100% 0; } }
.mb-reveal { animation: mbRise 1ms both; }
@supports (animation-timeline: view()) {
  .mb-reveal { animation: mbRise 1ms both; animation-timeline: view(); animation-range: entry 0% entry 35%; }
}
.mb-badge::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 34%; background: linear-gradient(105deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.85) 50%, rgba(255,255,255,0) 100%); animation: mbShine 3.4s ease-in-out 1.2s infinite; pointer-events: none; }
.mb-pill__input:checked + .mb-pill__label { background-color: var(--teal2); border-color: var(--teal2); color: var(--white); }
.mb-pill__input:focus-visible + .mb-pill__label { outline: 2px solid var(--teal2); outline-offset: 2px; }
.mb-field:focus { outline: none; box-shadow: 0 0 0 3px rgba(26, 137, 134, .15); }
@media (max-width: 991px) {
  .mb-nav.is-open .mb-nav__menu { display: flex; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0; margin: 0; padding: 8px 20px 20px; background: var(--white); border-bottom: 1px solid var(--border-subtle); box-shadow: 0 14px 28px rgba(26,26,26,.12); }
  .mb-nav.is-open .mb-nav__link { padding: 16px 4px; border-bottom: 1px solid var(--border-subtle); font-size: 16px; }
}
.mb-footer__trail { -webkit-mask-image: linear-gradient(90deg, #000 47%, transparent 53%); mask-image: linear-gradient(90deg, #000 47%, transparent 53%); -webkit-mask-size: 300% 100%; mask-size: 300% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; animation: mbBeeMaskL 1.2s ease-out .7s both; animation-play-state: var(--ftplay, paused); }
.mb-footer__sprite { background-image: var(--mb-bee-left); offset-path: path("M -45 82 L 4 93 L 13 95 L 21 95 L 30 96 L 39 96 L 48 95 L 57 94 L 66 92 L 74 90 L 83 87 L 91 84 L 99 81 L 107 76 L 113 73 L 115 72"); offset-anchor: 8% 81%; offset-rotate: 0deg; animation: mbBeeGo 1.6s cubic-bezier(.45,.05,.35,1) .3s both; animation-play-state: var(--ftplay, paused); }
@media (max-width: 767px) {
  .mb-footer__links { display: none; }
  .mb-footer__col.is-open .mb-footer__links { display: flex; }
  .mb-footer__col.is-open .mb-footer__chev { transform: rotate(180deg); }
}
@keyframes mbPulse { 0% { box-shadow: 0 0 0 0 rgba(61,163,160,.55); } 70%, 100% { box-shadow: 0 0 0 7px rgba(61,163,160,0); } }
.mb-float-card { border-color: transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(100deg, #ececec 0%, #7fc4c1 32%, #fdb714 50%, #7fc4c1 68%, #ececec 100%) border-box; background-size: auto, 200% 100%; animation: mbShimmer 4s linear infinite; }
.mb-float-card__pulse { animation: mbPulse 2.2s ease-out infinite; }
.mb-float-card svg { flex-shrink: 0; }
.mb-flight__trail--left  { -webkit-mask-image: linear-gradient(90deg, #000 47%, transparent 53%); mask-image: linear-gradient(90deg, #000 47%, transparent 53%); -webkit-mask-size: 300% 100%; mask-size: 300% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; animation: mbBeeMaskL 1.2s ease-out .7s both; animation-play-state: var(--play, paused); }
.mb-flight__trail--right { -webkit-mask-image: linear-gradient(90deg, transparent 47%, #000 53%); mask-image: linear-gradient(90deg, transparent 47%, #000 53%); -webkit-mask-size: 300% 100%; mask-size: 300% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; animation: mbBeeMaskR 1.3s ease-out 1.3s both; animation-play-state: var(--play, paused); }
.mb-flight__sprite--left  { background-image: var(--mb-bee-left);  offset-path: path("M -45 82 L 4 93 L 13 95 L 21 95 L 30 96 L 39 96 L 48 95 L 57 94 L 66 92 L 74 90 L 83 87 L 91 84 L 99 81 L 107 76 L 113 73 L 115 72"); offset-anchor: 8% 81%; offset-rotate: 0deg; animation: mbBeeGo 1.6s cubic-bezier(.45,.05,.35,1) .3s both; animation-play-state: var(--play, paused); }
.mb-flight__sprite--right { background-image: var(--mb-bee-right); offset-path: path("M 240 152 L 195 141 L 187 139 L 179 136 L 171 133 L 163 130 L 155 126 L 147 123 L 140 118 L 132 114 L 125 109 L 118 105 L 111 99 L 104 94 L 98 88 L 92 83 L 85 77 L 80 70 L 76 67"); offset-anchor: 82% 90%; offset-rotate: 0deg; animation: mbBeeGo 1.7s cubic-bezier(.45,.05,.35,1) .8s both; animation-play-state: var(--play, paused); }
.mb-demo .w-form-done,.mb-demo .w-form-fail{margin-top:16px;padding:16px 18px;border-radius:12px;font-family:var(--brand-font),sans-serif;font-size:15px;line-height:1.55;text-align:center}
.mb-demo .w-form-done{background:var(--teal-wash);color:var(--teal-700)}
.mb-demo .w-form-fail{background:#fdecea;color:#9b2c1f}