/* Argusmetrics marketing site styles.

   Shared by every page, so these rules live in one place instead of being
   duplicated inline across eleven HTML files. Loaded after tailwind.min.css.

   Only genuinely custom rules belong here. This file used to carry about
   seventy hand-written copies of Tailwind utilities, added because the CSS
   was a frozen build that did not contain them. Those are gone: the build is
   real now (see tailwind.config.js), and since this file loads after it,
   every hand-written copy was overriding the real value with my
   approximation of it.

   If a Tailwind class does nothing, the fix is `npm run build:css`, never a
   new rule here.
*/

.hero-frame { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }

/* Full-bleed photo bands: the image carries atmosphere, the overlay keeps
   the text readable regardless of what is behind it. */
.band { position: relative; background-size: cover; background-position: center; }
.band::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(100deg, rgba(9,13,32,.94) 0%, rgba(9,13,32,.86) 45%, rgba(9,13,32,.62) 100%);
}
.band > * { position: relative; }
/* Relative to this stylesheet, not to the page. Written as 'static/img/...'
   these resolved to site/static/css/static/img/ and never loaded at all, so
   the bands rendered as the overlay gradient over nothing. */
.band-server { background-image: url('../img/band-server.jpg'); }
.band-aurora { background-image: url('../img/band-aurora.jpg'); }

.eyebrow { letter-spacing: .14em; text-transform: uppercase; font-size: .75rem; font-weight: 700; }
.rule { display: block; width: 2.5rem; height: 3px; background: #3b82f6; border-radius: 2px; }