.material-symbols-outlined {
            font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24
        }
        .glass-nav {
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px)
        }
        .ethereal-gradient {
            background: linear-gradient(135deg, #002a6e 0%, #3d0088 50%, #1e418a 100%)
        }
        .concept-bg {
            background-image: url("../img/CLOUDNET AI Japan.png");
            background-size: cover;
            background-position: center
        }
        .service-bg {
            background-image: url("../img/Picture3.png");
            background-size: cover;
            background-position: center
        }
        .card-blur {
            backdrop-filter: blur(12px)
        }
        

/* Light Mode Arch Card */
.arch-card {
    border: 1px solid rgba(0,0,0,0.05);
    background: rgba(255,255,255,0.7);
    transition: all 0.3s ease;
}
.arch-card:hover {
    background: rgba(255,255,255,1);
    border-color: rgba(0,42,110,0.2);
    box-shadow: 0 10px 30px -10px rgba(0,0,0,0.1);
}

/* Dark Mode Arch Card */
.dark .arch-card {
    border: 1px solid rgba(255,255,255,0.1);
    background: rgba(255,255,255,0.02);
}
.dark .arch-card:hover {
    background: rgba(255,255,255,0.05);
    border-color: rgba(255,255,255,0.2);
    box-shadow: none;
}

.company-table tr {
    border-bottom: 1px solid rgba(116, 119, 130, 0.2);
}
.company-table tr:last-child {
    border-bottom: none;
}
.company-table th {
    width: 30%;
    text-align: left;
    padding: 1.5rem 1rem;
    vertical-align: top;
    font-weight: 700;
}
.company-table td {
    padding: 1.5rem 1rem;
    vertical-align: top;
}