/* Matterbee 2026 redesign: ai page motion + interaction starting states */
@keyframes mbDash { to { stroke-dashoffset: -132; } }
@keyframes mbRing { 0% { transform: scale(1); opacity: .5; } 100% { transform: scale(1.85); opacity: 0; } }
@keyframes mbWordIn { 0% { opacity: 0; transform: translateY(.35em); background-position: 200% 0; } 1.5% { opacity: 1; transform: none; } 8% { background-position: -140% 0; } 88% { opacity: 1; background-position: -140% 0; } 91.5% { opacity: 0; } 100% { opacity: 0; background-position: -140% 0; } }
.ai-hero { overflow-x: clip; }
.mb-letter__block:first-child { margin-top: 0; }
.mb-letter__line, .ai-doc__tick { animation: mbWordIn 12s linear infinite both; }
.ai-hero__chip--review { animation: mbFloat 6s ease-in-out infinite alternate, mbShimmer 4s linear infinite; }
.ai-hero__chip--population { animation: mbFloat 7s ease-in-out -2s infinite alternate, mbShimmer 4s linear -1.3s infinite; }
.ai-hero__chip--correspondence { animation: mbFloat 6.5s ease-in-out -3.4s infinite alternate, mbShimmer 4s linear -2.1s infinite; }
.ai-hero__chip--time { animation: mbFloat 7.5s ease-in-out -1.6s infinite alternate, mbShimmer 4s linear -3s infinite; }
.ai-graph__lines path:nth-child(n+10) { animation: mbDash 2.8s linear infinite; }
.ai-graph__lines path:nth-child(11) { animation-delay: -.55s; }
.ai-graph__lines path:nth-child(12) { animation-delay: -1.1s; }
.ai-graph__lines path:nth-child(13) { animation-delay: -1.65s; }
.ai-graph__lines path:nth-child(14) { animation-delay: -2.2s; }
.ai-graph__lines path:nth-child(15) { animation-delay: -.3s; }
.ai-graph__lines path:nth-child(16) { animation-delay: -1s; }
.ai-graph__lines path:nth-child(17) { animation-delay: -1.7s; }
.ai-graph__lines path:nth-child(18) { animation-delay: -2.4s; }
.ai-graph__ring { animation: mbRing 3.2s ease-out infinite; }
.ai-graph__ring--late { animation-delay: -1.6s; }
.ai-node--ai { border-color: transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(100deg, #cbe5e4 0%, #7fc4c1 32%, #fdb714 50%, #7fc4c1 68%, #cbe5e4 100%) border-box; background-size: auto, 200% 100%; animation: mbShimmer 4s linear infinite; }
.ai-stage__chip--mid { animation-delay: -1.3s; }
.pf-stage__chip--c { animation-delay: -2.1s; }
.pf-stage__chip--d { animation-delay: -3s; }
.ai-stages__step svg { flex-shrink: 0; }
.ai-hero__letter > :nth-child(1) > :nth-child(1) { animation-delay: 0.4s; }
.ai-hero__letter > :nth-child(1) > :nth-child(2) { animation-delay: 0.7s; }
.ai-hero__letter > :nth-child(1) > :nth-child(3) { animation-delay: 1s; }
.ai-hero__letter > :nth-child(1) > :nth-child(4) { animation-delay: 1.3s; }
.ai-hero__letter > :nth-child(1) > :nth-child(5) { animation-delay: 1.6s; }
.ai-hero__letter > :nth-child(1) > :nth-child(6) { animation-delay: 1.9s; }
.ai-hero__letter > :nth-child(2) > :nth-child(1) { animation-delay: 2.4s; }
.ai-hero__letter > :nth-child(2) > :nth-child(2) { animation-delay: 2.7s; }
.ai-hero__letter > :nth-child(2) > :nth-child(3) { animation-delay: 3s; }
.ai-hero__letter > :nth-child(2) > :nth-child(4) { animation-delay: 3.3s; }
.ai-hero__letter > :nth-child(3) > :nth-child(1) { animation-delay: 3.8s; }
.ai-hero__letter > :nth-child(4) > :nth-child(1) { animation-delay: 4.3s; }
.ai-hero__letter > :nth-child(5) > :nth-child(1) { animation-delay: 4.78s; }
.ai-hero__letter > :nth-child(5) > :nth-child(2) { animation-delay: 5.06s; }
.ai-hero__letter > :nth-child(5) > :nth-child(3) { animation-delay: 5.34s; }
.ai-hero__letter > :nth-child(5) > :nth-child(4) { animation-delay: 5.62s; }
.ai-hero__letter > :nth-child(6) > :nth-child(1) { animation-delay: 6.1s; }
.ai-hero__letter > :nth-child(6) > :nth-child(2) { animation-delay: 6.38s; }
.ai-hero__letter > :nth-child(6) > :nth-child(3) { animation-delay: 6.66s; }
.ai-hero__letter > :nth-child(6) > :nth-child(4) { animation-delay: 6.94s; }
.ai-doc__letter--population > :nth-child(2) > :nth-child(1) { animation-delay: 0.45s; }
.ai-doc__letter--population > :nth-child(2) > :nth-child(2) { animation-delay: 0.6s; }
.ai-doc__letter--population > :nth-child(2) > :nth-child(3) { animation-delay: 0.75s; }
.ai-doc__letter--population > :nth-child(3) > :nth-child(1) { animation-delay: 1.05s; }
.ai-doc__letter--population > :nth-child(3) > :nth-child(2) { animation-delay: 1.2s; }
.ai-doc__letter--population > :nth-child(4) > :nth-child(1) { animation-delay: 1.5s; }
.ai-doc__letter--population > :nth-child(5) > :nth-child(1) { animation-delay: 1.75s; }
.ai-doc__letter--population > :nth-child(6) > :nth-child(1) { animation-delay: 2.05s; }
.ai-doc__letter--population > :nth-child(6) > :nth-child(2) { animation-delay: 2.3s; }
.ai-doc__letter--population > :nth-child(6) > :nth-child(3) { animation-delay: 2.55s; }
.ai-doc__letter--population > :nth-child(6) > :nth-child(4) { animation-delay: 2.8s; }
.ai-doc__letter--review > :nth-child(4) > :nth-child(1) { animation-delay: 0.45s; }
.ai-doc__letter--review > :nth-child(4) > :nth-child(2) { animation-delay: 0.95s; }
.ai-doc__letter--review > :nth-child(4) > :nth-child(3) { animation-delay: 1.45s; }
.ai-doc__letter--review > :nth-child(4) > :nth-child(4) { animation-delay: 1.95s; }
.ai-doc__fields > :nth-child(1) > :nth-child(2) { animation-delay: 0.3s; }
.ai-doc__fields > :nth-child(2) > :nth-child(2) { animation-delay: 0.75s; }
.ai-doc__fields > :nth-child(3) > :nth-child(2) { animation-delay: 1.2s; }
.ai-doc__fields > :nth-child(4) > :nth-child(2) { animation-delay: 1.65s; }
.ai-doc__fields > :nth-child(5) > :nth-child(2) { animation-delay: 2.1s; }
.ai-doc__fields > :nth-child(1) > :nth-child(3) { animation-delay: 0.3s; }
.ai-doc__fields > :nth-child(2) > :nth-child(3) { animation-delay: 0.75s; }
.ai-doc__fields > :nth-child(3) > :nth-child(3) { animation-delay: 1.2s; }
.ai-doc__fields > :nth-child(4) > :nth-child(3) { animation-delay: 1.65s; }
.ai-doc__fields > :nth-child(5) > :nth-child(3) { animation-delay: 2.1s; }
.ai-doc--right > :nth-child(2) > :nth-child(1) > :nth-child(1) > :nth-child(1) { animation-delay: 0.3s; }
.ai-doc--right > :nth-child(2) > :nth-child(1) > :nth-child(2) > :nth-child(1) { animation-delay: 0.6s; }
.ai-doc--right > :nth-child(2) > :nth-child(2) > :nth-child(1) { animation-delay: 1.05s; }
.ai-doc--right > :nth-child(2) > :nth-child(2) > :nth-child(2) > :nth-child(1) { animation-delay: 1.3s; }
.ai-doc--right > :nth-child(2) > :nth-child(2) > :nth-child(2) > :nth-child(2) { animation-delay: 1.55s; }
.ai-doc--right > :nth-child(2) > :nth-child(2) > :nth-child(2) > :nth-child(3) { animation-delay: 1.8s; }
.ai-doc--right > :nth-child(2) > :nth-child(2) > :nth-child(3) > :nth-child(1) { animation-delay: 2.1s; }
.ai-doc--right > :nth-child(2) > :nth-child(2) > :nth-child(3) > :nth-child(2) { animation-delay: 2.25s; }
.ai-doc__letter--report > :nth-child(3) > :nth-child(1) { animation-delay: 0.4s; }
.ai-doc__letter--report > :nth-child(3) > :nth-child(2) { animation-delay: 0.95s; }
.ai-doc__letter--report > :nth-child(3) > :nth-child(3) { animation-delay: 1.5s; }
.ai-doc__letter--report > :nth-child(3) > :nth-child(4) { animation-delay: 2.05s; }
[data-mb-id="388"] { opacity: 0; transform: translateY(18px); transition: opacity 0.5s 0.05s, transform 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.05s; }
[data-mb-id="398"] { opacity: 0; transition: opacity 0.45s 0.4s; }
[data-mb-id="403"] { opacity: 0; transform: translateY(18px); transition: opacity 0.5s 0.3s, transform 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.3s; }
[data-mb-id="413"] { transform: scaleY(0); transition: transform 0.3s 0.55s; }
[data-mb-id="415"] { opacity: 0; transition: opacity 0.45s 0.9s; }
[data-mb-id="424"] { opacity: 0; transform: translateY(18px); transition: opacity 0.5s 0.85s, transform 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.85s; }
[data-mb-id="436"] { transform: scaleY(0); transition: transform 0.2s 1.35s; }
[data-mb-id="437"] { opacity: 0; transition: opacity 0.45s 1.5s; }
[data-mb-id="442"] { opacity: 0; transform: translateY(18px); transition: opacity 0.45s 1.75s, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1) 1.75s; }
[data-mb-id="443"] { transform: scaleY(0); transition: transform 0.25s 2s; }
[data-mb-id="444"] { opacity: 0; transform: translateY(18px); transition: opacity 0.5s 2.15s, transform 0.5s cubic-bezier(0.22, 1, 0.36, 1) 2.15s; }
[data-mb-id="454"] { transform: scaleY(0); transition: transform 0.25s 2.6s; }
[data-mb-id="455"] { opacity: 0; transform: translateY(18px); transition: opacity 0.5s 2.75s, transform 0.5s cubic-bezier(0.22, 1, 0.36, 1) 2.75s; }
[data-mb-id="469"] { transform: scaleY(0); transition: transform 0.25s 3.2s; }
[data-mb-id="470"] { opacity: 0; transform: translateY(18px); transition: opacity 0.5s 3.35s, transform 0.5s cubic-bezier(0.22, 1, 0.36, 1) 3.35s; }
[data-mb-id="480"] { opacity: 0; transition: opacity 0.4s 3.8s; }
[data-mb-id="481"] { opacity: 0; transition: opacity 0.4s 3.9s; }
[data-mb-id="488"] { opacity: 0; transform: translateY(18px); transition: opacity 0.45s 1.9s, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1) 1.9s; }
[data-mb-id="489"] { transform: scaleY(0); transition: transform 0.25s 2.15s; }
[data-mb-id="490"] { opacity: 0; transform: translateY(18px); transition: opacity 0.5s 2.3s, transform 0.5s cubic-bezier(0.22, 1, 0.36, 1) 2.3s; }
[data-mb-id="503"] { transform: scaleY(0); transition: transform 0.25s 2.75s; }
[data-mb-id="504"] { opacity: 0; transform: translateY(18px); transition: opacity 0.5s 2.9s, transform 0.5s cubic-bezier(0.22, 1, 0.36, 1) 2.9s; }
[data-mb-id="514"] { transform: scaleY(0); transition: transform 0.25s 3.35s; }
[data-mb-id="515"] { opacity: 0; transform: translateY(18px); transition: opacity 0.5s 3.5s, transform 0.5s cubic-bezier(0.22, 1, 0.36, 1) 3.5s; }
[data-mb-id="525"] { opacity: 0; transition: opacity 0.4s 3.95s; }
[data-mb-id="526"] { opacity: 0; transition: opacity 0.4s 4.05s; }
@media (prefers-reduced-motion: reduce) {
  .mb-letter__line, .ai-doc__tick { animation: none; opacity: 1; background: none; }
  .ai-graph__lines path, .ai-graph__ring, .ai-node--ai { animation: none; }
}