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

body {
    font-family: 'Inter', sans-serif;
    color: #1a1a1a;
    background: #fff;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Inter', sans-serif;
}

/* Scroll reveal */
.reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .6s ease, transform .6s ease;
}

.reveal.visible {
    opacity: 1;
    transform: none;
}

/* Nav underline */
.nav-link {
    position: relative;
}

.nav-link::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: #752226;
    transition: width .3s;
}

.nav-link:hover::after {
    width: 100%;
}

/* Hero gradient overlay */
.hero-bg {
    background: linear-gradient(135deg, #181F4D 55%, #0f1530 100%);
}

/* Category card hover */
.cat-card {
    transition: transform .25s, box-shadow .25s;
}

.cat-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(24, 31, 77, .15);
}

/* Product card */
.prod-card {
    transition: transform .25s, box-shadow .25s;
}

.prod-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .1);
}

/* Industry card overlay */
.ind-card .overlay {
    transition: opacity .3s;
}

.ind-card:hover .overlay {
    opacity: .85 !important;
}


/* Sticky header */
header {
    position: sticky;
    top: 0;
    z-index: 50;
}

/* Step connector */
.step-line {
    flex: 1;
    height: 2px;
    background: #e5e7eb;
}

@media(max-width:768px) {
    .step-line {
        display: none;
    }
}

/* Ticker */
@keyframes ticker {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

.ticker-inner {
    display: flex;
    animation: ticker 30s linear infinite;
    width: max-content;
}

.ticker-inner:hover {
    animation-play-state: paused;
}

/* CTA pulse */
@keyframes pulse-ring {
    0% {
        box-shadow: 0 0 0 0 rgba(117, 34, 38, .4)
    }

    70% {
        box-shadow: 0 0 0 10px rgba(117, 34, 38, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(117, 34, 38, 0)
    }
}

.btn-primary {
    animation: pulse-ring 2s ease-out infinite;
}

/* Hero texture background (was an inline style attribute) */
.hero-texture-bg {
    background-image: url(https://thumbs.dreamstime.com/b/oil-industry-equipment-installation-16503041.jpg);
    background-size: cover;
}

/* Select dropdown chevron (was an inline style attribute) */
.select-chevron {
    background-image: url('data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22white%22 stroke-width=%222%22><path stroke-linecap=%22round%22 stroke-linejoin=%22round%22 d=%22M19 9l-7 7-7-7%22/></svg>');
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
}