/* generated by build_pages.py from the scene SVG for /research/whatsapp-threat-detection */
.lbl { font: 600 15px 'Space Grotesk', sans-serif; fill: #e8eefb; }
    .sub { font: 500 11px 'Inter', sans-serif; fill: #94a3bd; }
    .big { font: 700 20px 'Space Grotesk', sans-serif; fill: #e8eefb; }
    .box { fill: rgba(255,255,255,.05); stroke: rgba(255,255,255,.16); rx: 14; }
    .teal { fill: #2dd4bf; } .amber { fill: #fbbf24; }
    @keyframes dash { to { stroke-dashoffset: -200; } }
    @keyframes pulse { 0%,100% { opacity: .5; } 50% { opacity: 1; } }
    @keyframes blink { 0%,100% { opacity: 1; } 50% { opacity: .15; } }
    @keyframes floaty { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
    @keyframes growring { from { r: 6; opacity: .9; } to { r: 34; opacity: 0; } }
    .flow { stroke: #2dd4bf; stroke-width: 2; fill: none; stroke-dasharray: 8 8; animation: dash 3s linear infinite; opacity: .8; }
    .flow.a { stroke: #fbbf24; }
.m1 { animation: popin 6s ease infinite; }
    .m2 { animation: popin 6s 1s ease infinite; }
    .m3 { animation: popin 6s 2s ease infinite; }
    .m4 { animation: popin 6s 3s ease infinite; }
    @keyframes popin { 0% { opacity: 0; transform: translateY(10px); } 8%,90% { opacity: 1; transform: none; } 100% { opacity: 0; } }
    .danger { animation: blink 1.2s ease infinite; }
    .ring { fill: none; stroke: #f87171; stroke-width: 2; animation: growring 1.8s ease-out infinite; }