* { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; }

body { margin: 0; padding: 0; background: #0D1F2D; }

main { position: relative; z-index: 1; min-height: 100vh; }

section { position: relative; z-index: 1; background-color: transparent; }

.company-quotes {
    text-align: center;
    padding: 6rem 4rem 6rem 4rem;
    position: relative;
    z-index: 2;
}

.company-quotes .tagline {
    font-size: 2.3rem;
    color: #FFFFFF;
    letter-spacing: 0.1em;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
    text-shadow: 0 0 30px rgba(0,0,0,0.8), 0 2px 8px rgba(0,0,0,0.9);
}

.company-quotes .subtitle {
    font-size: 1rem;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: 0.4em;
    text-transform: uppercase;
    opacity: 1;
    padding-top: 1.5rem;
    text-shadow: 0 0 20px rgba(0,0,0,0.9);
}

.company-info {
    padding: 1rem;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
}

.company-info p {
    font-size: 1.3rem;
    color: #FFFFFF;
    letter-spacing: 0.10em;
    line-height: 1.8;
    text-transform: none;
    font-weight: 400;
    text-shadow: 0 0 30px rgba(0,0,0,0.9), 0 2px 6px rgba(0,0,0,0.9);
}

.section-company-logo {
    height: 12rem;
    width: 12rem;
    opacity: 0.6;
    background-color: #F47920;
}

.cta-btn {
    display: block;
    margin: 8rem auto;
    position: relative;
    z-index: 2;
}

.button-49 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.button-49,
.button-49:after {
    width: 12rem;
    height: 4rem;
    line-height: 1rem;
    font-size: 1rem;
    background: linear-gradient(45deg, transparent 5%, #0D1F2D 5%);
    border: 0;
    color: #7DD4F0;
    letter-spacing: 0.2rem;
    box-shadow: 6px 0px 0px #3AAEDC;
    outline: transparent;
    position: relative;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.button-49:after {
    --slice-0: inset(50% 50% 50% 50%);
    --slice-1: inset(80% -6px 0 0);
    --slice-2: inset(50% -6px 30% 0);
    --slice-3: inset(10% -6px 85% 0);
    --slice-4: inset(40% -6px 43% 0);
    --slice-5: inset(80% -6px 5% 0);
    content: 'Send an Inquiry';
    display: block;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(45deg, transparent 3%, #7DD4F0 3%, #7DD4F0 5%, #0D1F2D 5%);
    text-shadow: -3px -3px 0px #0D1F2D, 3px 3px 0px #7DD4F0;
    clip-path: var(--slice-0);
}

.button-49:hover:after {
    animation: 1s glitch;
    animation-timing-function: steps(2, end);
}

@keyframes glitch {
    0%   { clip-path: var(--slice-1); transform: translate(-20px, -10px); }
    10%  { clip-path: var(--slice-3); transform: translate(10px, 10px); }
    20%  { clip-path: var(--slice-1); transform: translate(-10px, 10px); }
    30%  { clip-path: var(--slice-3); transform: translate(0px, 5px); }
    40%  { clip-path: var(--slice-2); transform: translate(-5px, 0px); }
    50%  { clip-path: var(--slice-3); transform: translate(5px, 0px); }
    60%  { clip-path: var(--slice-4); transform: translate(5px, 10px); }
    70%  { clip-path: var(--slice-2); transform: translate(-10px, 10px); }
    80%  { clip-path: var(--slice-5); transform: translate(20px, -10px); }
    90%  { clip-path: var(--slice-1); transform: translate(-10px, 0px); }
    100% { clip-path: var(--slice-1); transform: translate(0); }
}

.scene {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: -1;
}

#index-bg {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    display: block;
}