/* ================================   Fonts & Body================================ */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&family=Roboto:wght@400;500&display=swap');body {    margin: 0;    font-family: 'Roboto', sans-serif;    background-color: #333333; /* dark background */    color: #f9f9f9; /* light text for contrast */    line-height: 1.6;}/* ================================   Top Section (header + hero)================================ */.top-section {    text-align: center;    padding: 40px 20px 20px 20px;}.top-section h1 {.top-section h1 {
    color: #ffffff;
    text-shadow:
        -1px -1px 0 #000,   /* Thin black outline (left-top) */
         1px -1px 0 #000,   /* Thin black outline (right-top) */
        -1px  1px 0 #000,   /* Thin black outline (left-bottom) */
         1px  1px 0 #000,   /* Thin black outline (right-bottom) */
         0   0   8px rgba(31, 162, 255, 0.3), /* Faint blue glow */
         0   2px  15px rgba(0, 0, 0, 0.2);    /* Subtle drop shadow */
}
.top-section p {
    color: #ffffff;
    text-shadow:
        -0.5px -0.5px 0 #000, /* Thin black outline */
         0.5px -0.5px 0 #000,
        -0.5px  0.5px 0 #000,
         0.5px  0.5px 0 #000,
         0   0   5px rgba(255, 255, 255, 0.3), /* Faint white glow */
         0   1px  10px rgba(0, 0, 0, 0.1);    /* Subtle drop shadow */
}
;}/* Hero layers (small glowing accents) */.layer {    width: 30px;    height: 30px;    display: inline-block;    margin: 5px;    border-radius: 10px;    box-shadow: 0 0 7px rgba(255,255,255,0.5);}/* ================================   Navigation================================ */nav {    background-color: #1a1a1a;    text-align: center;    padding: 15px 0;}nav a {    color: #ffffff;    text-decoration: none;    margin: 0 20px;    font-weight: 500;    transition: color 0.3s ease, text-shadow 0.3s ease;}nav a:hover {    color: #ff9800;    text-shadow: 0 0 5px #ff9800;}/* ================================   Sections================================ */section {    max-width: 1200px;    margin: 40px auto;    padding: 0 20px;}/* Services Table */.table-wrapper {    overflow-x: auto;}table {    width: 100%;    border-collapse: collapse;    margin-top: 20px;    background-color: #444444;    color: #f9f9f9;}table th, table td {    padding: 15px 10px;    border: 1px solid #666666;    text-align: left;    font-size: 1rem;}table th {    background-color: #555555;    font-family: 'Montserrat', sans-serif;    text-transform: uppercase;}table tr:nth-child(even) {    background-color: #3d3d3d;}table tr:hover {    background-color: #555555;}/* Compliance badges */.badge-grid {    display: flex;    flex-wrap: wrap;    gap: 20px;    margin-top: 20px;    justify-content: center;}.compliance-badge {    display: flex;    flex-direction: column;    align-items: center;    width: 100px;}.compliance-badge svg {    width: 64px;    height: 64px;}.compliance-badge span {    margin-top: 5px;    text-align: center;}/* Call-to-action */.cta {    background-color: #1fa2ff;    color: #fff;    text-align: center;    padding: 40px 20px;    border-radius: 10px;    box-shadow: 0 0 20px #1fa2ff;}.cta a {    display: inline-block;    margin-top: 20px;    padding: 10px 25px;    background-color: #ff9800;    color: #fff;    text-decoration: none;    border-radius: 5px;    transition: background-color 0.3s ease, box-shadow 0.3s ease;}.cta a:hover {    background-color: #e68a00;    box-shadow: 0 0 10px #ff9800;}/* Footer */footer {    background-color: #1a1a1a;    color: #fff;    text-align: center;    padding: 20px 0;    font-size: 0.9rem;}/* ================================   Responsive================================ */@media screen and (max-width: 768px) {    .top-section h1 {        font-size: 2.2rem;    }    nav a {        margin: 0 10px;        display: block;        margin-bottom: 10px;    }    table th, table td {        padding: 12px 8px;    }    .cta {        padding: 30px 15px;    }}