.test-page{min-height:100vh;padding:clamp(1.25rem,3vw,2.5rem);background:radial-gradient(circle at 18% 20%,rgba(34,197,94,.12),transparent 28%),radial-gradient(circle at 80% 22%,rgba(14,165,233,.18),transparent 30%),linear-gradient(180deg,#07111f,#020617 52%,#03131c)}.test-hero-shell{max-width:1280px;margin:0 auto;padding:clamp(1.25rem,2.4vw,2rem);border:1px solid rgba(148,163,184,.14);border-radius:32px;background:linear-gradient(180deg,rgba(8,16,30,.88),rgba(4,10,22,.96));box-shadow:0 28px 70px rgba(0,0,0,.34)}.test-copy{max-width:42rem}.test-eyebrow{margin:0;color:#67e8f9;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700}.test-copy h1{margin:.8rem 0 0;color:#f8fafc;font-size:clamp(2rem,5vw,3.75rem);line-height:.98;letter-spacing:-.04em}.test-summary{margin:1rem 0 0;color:#cbd5e1;font-size:clamp(1rem,1.7vw,1.15rem);line-height:1.7}.hero-stage{margin-top:1.5rem;border-radius:28px;overflow:hidden;border:1px solid rgba(125,211,252,.12);background:radial-gradient(circle at center,rgba(8,47,73,.38),transparent 36%),linear-gradient(180deg,rgba(5,12,24,.9),rgba(3,8,19,.96))}.hero-svg{display:block;width:100%;height:auto}.orbit{fill:none;stroke:rgba(71,85,105,.28);stroke-width:1}.orbit-large{stroke-dasharray:8 12}.orbit-small{stroke-dasharray:5 10}.user{fill:#38bdf8;filter:drop-shadow(0 0 18px rgba(56,189,248,.45));transform-origin:center;animation:pulse 2.2s ease-in-out infinite}.user-ring{fill:none;stroke:rgba(125,211,252,.28);stroke-width:2;animation:ringPulse 2.2s ease-in-out infinite}.line{stroke:url(#line-gradient);stroke-width:2;stroke-dasharray:320;stroke-dashoffset:320;animation:draw 1.6s ease-out forwards}.node{fill:rgba(15,23,42,.96);stroke:#22d3ee;stroke-width:2;filter:drop-shadow(0 0 18px rgba(34,211,238,.18));animation:glow 3.4s ease-in-out infinite alternate}.label,.node-label,.storage-meta,.storage-sub,.storage-text,.tenant-subtag,.tenant-tag{font-family:var(--font-mono),monospace}.node-label{fill:#93c5fd;font-size:12px;letter-spacing:.08em}.tenant-tag{fill:#f8fafc;font-size:11px;font-weight:700;letter-spacing:.1em}.tenant-subtag{fill:#94a3b8;font-size:10px}.table{fill:#facc15;opacity:0;animation:appear .5s ease-out forwards;animation-delay:calc(1.55s + var(--node-delay, 0s))}.table-b{animation-delay:calc(1.75s + var(--node-delay, 0s))}.table-c{animation-delay:calc(1.95s + var(--node-delay, 0s))}.flow{stroke:url(#flow-gradient);stroke-width:3;stroke-dasharray:12;animation:flow 1s linear infinite}.packet{fill:#86efac;filter:drop-shadow(0 0 10px rgba(134,239,172,.65));animation:packetTravel 2.8s linear infinite}.packet-two{animation-delay:.9s}.packet-three{animation-delay:1.8s}.storage{fill:rgba(3,7,18,.98);stroke:#4ade80;stroke-width:2}.storage-cap{fill:rgba(34,197,94,.12);stroke:rgba(74,222,128,.45);stroke-width:1.5}.storage-text{fill:#f8fafc;font-size:16px;font-weight:700}.storage-sub{fill:#a7f3d0;font-size:13px}.storage-meta{fill:#94a3b8;font-size:11px}.label{fill:#94a3b8;font-size:12px;letter-spacing:.08em}@keyframes pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}@keyframes ringPulse{0%,to{opacity:.2;transform:scale(.96)}50%{opacity:.7;transform:scale(1.08)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes glow{0%{stroke-opacity:.35}to{stroke-opacity:1}}@keyframes appear{to{opacity:1}}@keyframes flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-24}}@keyframes packetTravel{0%{opacity:0;transform:translateX(-30px) scale(.7)}18%{opacity:1}82%{opacity:1}to{opacity:0;transform:translateX(250px) scale(1.1)}}@media (max-width:900px){.test-page{padding:.85rem}.test-hero-shell{border-radius:24px;padding:1rem}.hero-stage{margin-top:1.1rem}}