/* Lancing UK — Theme Enhancements (Colour & Definition) */

/* Backgrounds */
.bg-feature-section { background: linear-gradient(135deg, #f7f9fc, #ffffff); }
.bg-specs          { background: linear-gradient(135deg, #e0f7fa, #ffffff); }
.bg-applications   { background: #f0f0f5; }
.bg-hero           { background: radial-gradient(ellipse at top, #0a2540 0%, #051423 60%, #03101d 100%); }
.bg-band           { background: linear-gradient(90deg, #00aaff, #4dd0ff); }

/* Headings */
h2.section-title {
  color: #004d99;
  border-left: 6px solid #00aaff;
  padding-left: 12px;
  margin-bottom: 16px;
}

/* Cards & Depth */
.card {
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  padding: 24px;
  background: #fff;
}
.shadow-deep { box-shadow: 0 8px 16px rgba(0,0,0,0.1); }

/* Buttons */
.btn-primary {
  background-color: #0074D9;
  color: #fff;
  border-radius: 30px;
  padding: 12px 22px;
  font-size: 18px;
  transition: background .3s ease, transform .1s ease;
  text-decoration: none;
  display: inline-block;
}
.btn-primary:hover { background-color: #005fa3; }
.btn-primary:active { transform: translateY(1px); }
.btn-ghost {
  background: #f0f0f0; color: #333;
  border-radius: 30px; padding: 12px 22px; font-size: 18px;
  text-decoration: none; display: inline-block;
}

/* Grid helpers */
.containerx { max-width: 1400px; margin: 0 auto; padding: 0 16px; }
.grid-3 { display: grid; grid-template-columns: repeat(1, 1fr); gap: 16px; }
@media(min-width:768px){ .grid-3{ grid-template-columns: repeat(3, 1fr);} }
.grid-4 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
@media(min-width:992px){ .grid-4{ grid-template-columns: repeat(4, 1fr);} }

/* Hero */
.hero-wrap { position: relative; color: #fff; padding: 90px 0 60px; }
.hero-wrap .hero-content { position: relative; z-index: 2; }
.hero-wrap .hero-kicker { text-transform: uppercase; letter-spacing: .08em; opacity: .85; font-weight: 600; }
.hero-bg { position:absolute; inset:0; overflow:hidden; }
.hero-bg video, .hero-bg img { width:100%; height:100%; object-fit:cover; opacity:.45; }

/* Bullets */
.bullet { display:flex; gap:10px; align-items:flex-start; }
.bullet i { color:#00aaff; margin-top:3px; }

/* Sections */
.section { padding: 60px 0; }
.section-tight { padding: 36px 0; }
.band { padding: 14px 0; color: #fff; text-align: center; font-weight: 600; }

/* Industry tiles */
.tile img { width:100%; height:180px; object-fit:cover; border-radius:14px; }
.tile h3 { margin:10px 0 6px; font-size:18px; color:#0f172a; }
.tile p { margin:0; color:#475569; font-size:14px; }
