/* catseyelogistics.com visual polish (27 Oct 2026).
   Loaded after the build's stylesheet. Keeps the palette and fonts; softens
   surfaces to match the site's already-rounded photos, timeline cards and
   cookie banner, and blends photo bands into the page. */

/* Cards: gentle top light, inner highlight and matching corners. */
.card-glass,
.card-glass-sm {
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0) 55%), var(--bg-card);
}
.card-glass {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), 0 24px 60px rgba(0, 0, 0, 0.45);
}
.card-glass-sm {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 16px 40px rgba(0, 0, 0, 0.35);
  transition: translate 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}
.card-glass-sm:hover {
  border-color: rgba(72, 212, 17, 0.28) !important;
  translate: 0 -3px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 22px 48px rgba(0, 0, 0, 0.45), 0 0 36px rgba(72, 212, 17, 0.07);
}
a.card-glass {
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
a.card-glass:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 24px 60px rgba(0, 0, 0, 0.45), 0 0 32px rgba(72, 212, 17, 0.08);
}

/* Photos framed in cards: a faint green edge light. */
.card-glass > img {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.04), 0 12px 30px rgba(0, 0, 0, 0.35);
}

/* Full-width photo bands fade into the page instead of ending on a hard line. */
main > section.overflow-hidden > img.object-cover {
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 14%, #000 86%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0, #000 14%, #000 86%, transparent 100%);
}
main > section.h-screen:first-child > img.object-cover {
  -webkit-mask-image: linear-gradient(to bottom, #000 72%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 72%, transparent 100%);
}

/* App mock-ups: a soft green glow behind each phone. */
.card-glass .shadow-2xl.rounded-\[1rem\] {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6), 0 0 42px -10px rgba(72, 212, 17, 0.18);
}

/* Founder portraits: hairline frame and depth. */
.w-40.h-40 > img.rounded-lg {
  box-shadow: 0 0 0 1px rgba(72, 212, 17, 0.18), 0 18px 40px rgba(0, 0, 0, 0.45);
}

/* Section accent rules glow slightly. */
div[style*="width: 56px"][style*="height: 2px"] {
  border-radius: 2px;
  box-shadow: 0 0 14px rgba(72, 212, 17, 0.45);
}

/* Pilot-access band: light falling from the top edge. */
section[style*="background-color: rgb(13, 20, 8)"] {
  background-image: radial-gradient(ellipse 70% 90% at 50% 0%, rgba(72, 212, 17, 0.1), transparent 70%);
}

/* Buttons, badges and status chips: slightly softened corners. */
.btn-primary,
.btn-outline,
a.border-white\/70 {
  border-radius: 4px;
}
.btn-primary {
  box-shadow: 0 8px 22px -10px rgba(72, 212, 17, 0.55);
}
.btn-primary:hover {
  box-shadow: 0 12px 30px -8px rgba(72, 212, 17, 0.5);
}
main div.inline-flex.items-center.gap-2.px-4.py-2,
main span.text-xs.px-2.py-1.w-fit {
  border-radius: 4px;
}

/* Contact form: rounded fields with a soft focus ring. */
form :is(input, select, textarea, button) {
  border-radius: 6px;
}
form :is(input, select, textarea) {
  transition: border-color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
}
form :is(input, select, textarea):focus {
  box-shadow: 0 0 0 3px rgba(72, 212, 17, 0.14);
}

/* Visible keyboard focus everywhere. */
:is(a, button, input, select, textarea):focus-visible {
  outline: 2px solid #48d411;
  outline-offset: 3px;
}