/* ── Blockchain hero overrides ── */
        .blockchain-hero-subtitle {
            font-size: clamp(1.1rem, 2.2vw, 1.55rem);
            color: var(--text-soft);
            margin: 18px 0 16px;
            font-weight: 400;
            line-height: 1.35;
        }

        .hero-desc {
            color: var(--text-soft);
            font-size: 0.98rem;
            line-height: 1.7;
            max-width: 480px;
            margin: 0;
        }

        /* ── Blockchain / AI / Mobile / Web canvas ── */
        #blockchainCanvas,
        #aiCanvas,
        #mobileCanvas,
        #webCanvas {
            display: block;
            width: 100%;
            height: 420px;
        }

        /* ── Features / checklist ── */
        .features-list {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 18px 56px;
            max-width: 840px;
            margin: 32px auto 0;
        }

        .feature-item {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            color: var(--text-soft);
            font-size: 1.04rem;
            line-height: 1.45;
        }

        .feature-check {
            color: var(--neon);
            font-size: 1rem;
            flex-shrink: 0;
            margin-top: 2px;
        }

        /* ── CTA button wrap ── */
        .cta-btn-wrap {
            display: flex;
            justify-content: center;
            margin-top: 20px;
        }

        .cta-btn-wrap .btn {
            min-width: 200px;
            font-family: "Orbitron", sans-serif;
            font-size: 0.95rem;
            letter-spacing: 0.04em;
        }

        /* ── Footer ── */
        .site-footer {
            position: relative;
            z-index: 2;
            border-top: 1px solid var(--line);
            padding: 28px 0 20px;
            margin-top: 20px;
        }

        .footer-top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 20px;
        }

        .footer-brand-group {
            display: flex;
            align-items: center;
            gap: 14px;
        }

        .footer-brand {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            color: var(--text-main);
            text-decoration: none;
            font-family: "Orbitron", sans-serif;
            font-size: 0.9rem;
            font-weight: 700;
            letter-spacing: 0.07em;
        }

        .footer-brand img {
            width: 24px;
            height: 24px;
            object-fit: contain;
            filter: drop-shadow(0 0 8px rgba(142, 255, 79, 0.5));
        }

        .footer-social {
            display: flex;
            gap: 8px;
        }

        .footer-social a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 28px;
            height: 28px;
            border: 1px solid var(--line);
            border-radius: 6px;
            color: var(--text-soft);
            text-decoration: none;
            font-size: 0.78rem;
            font-weight: 700;
            transition: color 0.2s, border-color 0.2s, background 0.2s;
        }

        .footer-social a:hover {
            color: var(--neon);
            border-color: rgba(141, 255, 79, 0.5);
            background: rgba(141, 255, 79, 0.06);
        }

        .footer-nav {
            display: flex;
            gap: 16px;
            flex-wrap: wrap;
            justify-content: center;
        }

        .footer-nav a {
            color: var(--text-soft);
            text-decoration: none;
            font-size: 0.86rem;
            transition: color 0.2s;
        }

        .footer-nav a:hover {
            color: var(--neon);
        }

        .footer-email {
            color: var(--text-soft);
            font-size: 0.9rem;
            display: flex;
            align-items: center;
            gap: 7px;
        }

        .footer-email-icon {
            color: var(--neon);
            font-size: 1rem;
        }

        /* ── Responsive ── */
        @media (max-width: 760px) {
            .features-list {
                grid-template-columns: 1fr;
            }

            #blockchainCanvas,
            #aiCanvas,
            #mobileCanvas,
            #webCanvas {
                height: 280px;
            }

            .footer-top {
                flex-direction: column;
                align-items: flex-start;
            }

            .footer-nav {
                justify-content: flex-start;
            }
        }