@keyframes el-border-beam { to { stroke-dashoffset: -100px; } }
            .el-rb { --border-radius: 2px; --border-size: 1px; --beam-duration: 14s; --beam-length: 30; --beam-from: #ff2a4b; --border-color: #1d070b; isolation: isolate; padding: calc(0rem + var(--border-size)); border-radius: var(--border-radius); background: var(--border-color); position: relative; overflow: hidden; }
            .el-rb__beam { z-index: 1; pointer-events: none; width: 100%; height: 100%; filter: blur(.5px); position: absolute; inset: 0; overflow: visible; }
            .el-rb__beam rect { x: calc(var(--border-size) / 2); y: calc(var(--border-size) / 2); width: calc(100% - var(--border-size)); height: calc(100% - var(--border-size)); rx: calc(var(--border-radius) - var(--border-size) / 2); ry: calc(var(--border-radius) - var(--border-size) / 2); fill: none; stroke: var(--beam-from); stroke-width: var(--border-size); stroke-linecap: round; stroke-dasharray: calc(var(--beam-length) * var(--layer-frac, 1)) calc(100 - var(--beam-length) * var(--layer-frac, 1)); opacity: calc(.65 - var(--layer-frac, 1) * .45); animation: el-border-beam var(--beam-duration) linear infinite; animation-delay: calc(var(--beam-delay, 0s) - var(--beam-duration) * var(--beam-length) * (1 - var(--layer-frac, 1)) * .01); }
            .el-rb--start-1 { --beam-delay: -4.3s; }
            .el-rb--start-3 { --beam-delay: -2.4s; }
            .el-rb--start-4 { --beam-delay: -7s; }
            .el-rb--start-5 { --beam-delay: -9.1s; }
            .el-rb__inner { border-radius: 2px; height: 100%; background-color: #2c1724; }
            .el-rb__body { position: relative; overflow: hidden; height: 100%; padding: 1rem; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(184,166,175,.15)); backdrop-filter: blur(1px); font-weight: 500; transition: .3s cubic-bezier(.4,0,.2,1); }
            .el-deco { position: absolute; pointer-events: none; transform: rotate(25deg); overflow: hidden; z-index: -1; }
            @keyframes el-chip-in { to { opacity: 1; transform: translate(0) scale(1); } }
            @keyframes el-draw { 0% { stroke-dashoffset: 1px; } 20.3%, 25% { stroke-dashoffset: .75px; } 45.3%, 50% { stroke-dashoffset: .5px; } 70.3%, 75% { stroke-dashoffset: .25px; } 95.3%, to { stroke-dashoffset: 0; } }
            @keyframes el-packet { 0% { stroke-dashoffset: .025px; } 17.9%, 25% { stroke-dashoffset: -.225px; } 42.9%, 50% { stroke-dashoffset: -.475px; } 67.9%, 75% { stroke-dashoffset: -.725px; } 92.9%, to { stroke-dashoffset: -.975px; } }
            .el-cp { position: relative; margin: auto; width: 100%; max-width: 11rem; height: 9rem; display: none; }
            @media (min-width: 768px) { .el-cp { display: block; } }
            .el-cp-wires { stroke-dasharray: 1 1; stroke-dashoffset: 1px; animation: el-draw 1.28s cubic-bezier(.165,.84,.44,1) .7s forwards; }
            .el-cp-packet { stroke-dasharray: .05 .95; animation: el-packet 7s cubic-bezier(.25,.46,.45,.94) 2.25s infinite; filter: drop-shadow(0 0 2px rgba(255,143,162,.55)); }
            .el-cp-chip { position: absolute; translate: -50% -50%; display: inline-flex; opacity: 0; transform: translate3d(var(--chip-from-x, 0), var(--chip-from-y, 10px), 0) scale(.88); animation: el-chip-in .38s cubic-bezier(.165,.84,.44,1) forwards; animation-delay: calc(var(--chip-index) * 90ms); }
            .el-cp-c0 { left: 50%; top: 15%; --chip-from-x: 0px; --chip-from-y: 16px; }
            .el-cp-c1 { left: 85%; top: 50%; --chip-from-x: -16px; --chip-from-y: 0px; }
            .el-cp-c2 { left: 50%; top: 85%; --chip-from-x: 0px; --chip-from-y: -16px; }
            .el-cp-c3 { left: 15%; top: 50%; --chip-from-x: 16px; --chip-from-y: 0px; }
            .el-cp-tile { display: flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; border-radius: 2px; background-color: #8c162a; color: #fff; position: relative; }
            @media (min-width: 640px) { .el-cp-tile { width: 2.75rem; height: 2.75rem; } .el-cp-tile svg { width: 24px; height: 24px; } }
            .el-cp-tile svg { width: 20px; height: 20px; }
            @media (prefers-reduced-motion: reduce) { .el-rb__beam rect, .el-cp-chip, .el-cp-wires, .el-cp-packet { animation: none; } .el-cp-chip { opacity: 1; transform: none; } .el-cp-wires { stroke-dashoffset: 0; } }
            .el-hw { position: relative; display: flex; align-items: center; justify-content: center; border-radius: 2px; border: 1px solid rgba(255,255,255,.14); background-color: #2b0b10; padding: 2rem; overflow: hidden; transition: border-color .3s ease; }
            .el-hw:hover { border-color: rgba(255,42,75,.55); }
            .el-hw-art { position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; opacity: .45; }
            .el-hw-fade { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 0 0 2px 2px; background-image: linear-gradient(to top, #1f080c, rgba(0,0,0,0)); }
            .el-hw-photo { display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; }
            .el-featgrid { display: grid; grid-template-columns: 1fr; gap: 2rem; width: 100%; max-width: 72rem; }
            @media (min-width: 768px) { .el-featgrid { grid-template-columns: repeat(4, 1fr); grid-template-areas: "ddos ddos noisy cross" "ddos ddos supp cross"; } .el-card-ddos { grid-area: ddos; } .el-card-noisy { grid-area: noisy; } .el-card-support { grid-area: supp; } .el-card-cross { grid-area: cross; } }
            .el-hw-label { display: inline-block; font-size: 1.5rem; line-height: 2rem; font-weight: 700; background-image: linear-gradient(to right top, #ff2a4b, #ffb3c0); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(rgba(0,0,0,.9) 0 1px 1px); }