/* Big Bang Maintenance: overrides on top of the shared Huscan site.css */
.logo-text small i { font-style: normal; color: var(--amber-2); letter-spacing: 1px; text-transform: none; font-weight: 700; }
.site-head .logo-img { height: 54px; width: auto; }
.site-head .logo-text b { color: var(--navy); }
@media (max-width: 760px) { .site-head .logo-img { height: 44px; } .site-head .logo-text b { font-size: 23px; } }

/* hero: deep-space blue with a soft star field */
.hero.bb { background:
    radial-gradient(1px 1px at 12% 22%, rgba(255,255,255,.9), transparent 60%),
    radial-gradient(1.5px 1.5px at 28% 68%, rgba(255,255,255,.7), transparent 60%),
    radial-gradient(1px 1px at 46% 14%, rgba(255,255,255,.8), transparent 60%),
    radial-gradient(1.5px 1.5px at 63% 82%, rgba(255,255,255,.6), transparent 60%),
    radial-gradient(1px 1px at 82% 30%, rgba(255,255,255,.9), transparent 60%),
    radial-gradient(1px 1px at 92% 64%, rgba(255,255,255,.7), transparent 60%),
    radial-gradient(600px 420px at 78% 40%, rgba(46, 120, 230, .45), transparent 70%),
    linear-gradient(120deg, #07142a 0%, #0b1d36 45%, #12345f 100%); }
.hero.bb .wrap { grid-template-columns: 1fr 1.05fr; }
.hero-img { border-radius: 18px; overflow: hidden; box-shadow: 0 24px 60px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .08); }
.hero-img img { display: block; width: 100%; height: auto; }

/* feature tiles with a screenshot on top */
.tile .shot { margin: -26px -26px 18px; aspect-ratio: 16 / 9; background: #0b1d36 top left / cover no-repeat; border-radius: 7px 7px 0 0; border-bottom: 1px solid var(--line); }
.tile .shot + .ico { margin-top: -46px; position: relative; border: 4px solid #fff; background: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, .15); }

/* PDCA loop */
.pdca { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 34px; }
.pdca div { background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .12); border-radius: 14px; padding: 22px; border-top: 5px solid var(--amber); }
.pdca b { display: block; font: 800 26px/1 "Barlow Condensed", sans-serif; color: #fff; letter-spacing: 1px; margin-bottom: 8px; }
.pdca span { color: #b5c4da; }
.pdca div:nth-child(2) { border-top-color: #4b9be8; } .pdca div:nth-child(3) { border-top-color: var(--steel-2); } .pdca div:nth-child(4) { border-top-color: #7cc4ff; }

/* feature rows (features page) */
.feat { display: grid; grid-template-columns: 1fr 1.15fr; gap: 48px; align-items: center; padding: 56px 0; border-bottom: 1px solid var(--line); }
.feat:last-child { border-bottom: 0; }
.feat.flip > :first-child { order: 2; }
.feat .shot-img { border-radius: 12px; overflow: hidden; box-shadow: 0 14px 34px rgba(15, 39, 71, .2); border: 1px solid var(--line); }
.feat .shot-img img { display: block; width: 100%; height: auto; }
.feat ul { margin: 14px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.feat li { position: relative; padding-left: 24px; }
.feat li::before { content: ""; position: absolute; left: 3px; top: 9px; width: 9px; height: 9px; border-radius: 2px; background: var(--blue); transform: rotate(45deg); }
.feat h2 { font-size: clamp(30px, 3.4vw, 40px); }

/* "fits your site" stat strip */
.stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 30px; }
.stat { background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 20px; text-align: center; }
.stat b { display: block; font: 800 40px/1 "Barlow Condensed", sans-serif; color: var(--blue); }
.stat span { color: var(--muted); font-size: 15px; }

@media (max-width: 900px) {
  .hero.bb .wrap { grid-template-columns: 1fr; }
  .pdca, .stats { grid-template-columns: repeat(2, 1fr); }
  .feat { grid-template-columns: 1fr; gap: 24px; padding: 40px 0; }
  .feat.flip > :first-child { order: 0; }
}
@media (max-width: 560px) { .pdca, .stats { grid-template-columns: 1fr; } }

.split .pdca { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 560px) { .split .pdca { grid-template-columns: 1fr; } }