/* Exact hero background gradient matching the screenshot */
        .hero-bg {
            background: linear-gradient(180deg, #d8ebff 0%, #ebf4ff 50%, #f4f8fe 100%);
        }

        /* Ambient city skyline layer */
        .city-backdrop {
            background-image: url('https://images.unsplash.com/photo-1477959858617-67f30bc75b82?auto=format&fit=crop&w=1600&q=80');
            background-size: cover;
            background-position: center bottom;
            opacity: 0.15;
            mix-blend-mode: multiply;
        }

        /* Glowing Wi-Fi pulse animation */
        @keyframes wifiPulse {
            0% { transform: scale(0.97); opacity: 0.7; }
            50% { transform: scale(1.04); opacity: 1; filter: drop-shadow(0 0 16px #38bdf8); }
            100% { transform: scale(0.97); opacity: 0.7; }
        }
        .wifi-glow-anim {
            animation: wifiPulse 3.5s ease-in-out infinite;
        }

        /* Router light strip motion */
        @keyframes fiberFlow {
            0% { stroke-dashoffset: 200; }
            100% { stroke-dashoffset: 0; }
        }
        .fiber-path {
            stroke-dasharray: 20, 15;
            animation: fiberFlow 4s linear infinite;
        }
            @keyframes scaleUp{from{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}
        .animate-scale-up{animation:scaleUp .2s ease-out}
        details>summary::-webkit-details-marker{display:none}