:root {
  --rc-black: #020817;
  --rc-navy-950: #04101f;
  --rc-navy-900: #071a33;
  --rc-navy-850: #0a2344;
  --rc-navy-800: #102d56;
  --rc-blue-700: #005bd6;
  --rc-blue-600: #0077ff;
  --rc-blue-500: #1597ff;
  --rc-blue-400: #35b7ff;
  --rc-cyan-300: #67e8f9;
  --rc-text: #eef8ff;
  --rc-muted: #a9c7dd;
  --rc-border: rgba(53, 183, 255, 0.28);
  --rc-border-strong: rgba(103, 232, 249, 0.42);
  --rc-card: rgba(7, 26, 51, 0.9);
  --rc-card-2: rgba(10, 35, 68, 0.86);
  --rc-shadow: 0 24px 70px rgba(0, 119, 255, 0.18);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  background: var(--rc-black);
}

body {
  margin: 0;
  min-height: 100vh;
  color: var(--rc-text) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(21, 151, 255, 0.28), transparent 34rem),
    radial-gradient(circle at 88% 4%, rgba(103, 232, 249, 0.16), transparent 32rem),
    linear-gradient(180deg, var(--rc-black), var(--rc-navy-950) 38%, var(--rc-black)) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  line-height: 1.6;
}

a {
  color: var(--rc-cyan-300);
  text-decoration: none;
}

a:hover {
  color: #ffffff;
}

header,
nav,
.site-header {
  background: rgba(2, 8, 23, 0.9) !important;
  border-bottom: 1px solid var(--rc-border) !important;
  backdrop-filter: blur(16px);
}

main,
.page,
.container,
.wrapper,
.site-shell {
  width: min(1180px, calc(100% - 32px));
  margin-inline: auto;
}

section {
  padding: clamp(3rem, 6vw, 5.5rem) 0;
}

.hero,
section:first-of-type {
  padding: clamp(4rem, 8vw, 7rem) 0 clamp(2.5rem, 6vw, 5rem);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #ffffff !important;
  letter-spacing: -0.035em;
  line-height: 1.08;
}

h1 {
  font-size: clamp(2.65rem, 6vw, 5.8rem);
}

h2 {
  font-size: clamp(2rem, 4vw, 3.35rem);
}

p,
li,
span,
div {
  color: inherit;
}

p,
li {
  color: var(--rc-muted);
}

.card,
.feature,
.product,
.panel,
article,
form,
[class*="card"],
[class*="feature"],
[class*="panel"],
[class*="box"],
[class*="service"] {
  border: 1px solid var(--rc-border) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, var(--rc-card-2), var(--rc-card)) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.24) !important;
}

button,
.button,
.btn,
.cta,
.primary,
input[type="submit"],
a[href*="Request"],
a[href*="Products"],
a[href*="Setup"],
a[href*="Assessment"],
a[href*="mailto"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0.85rem 1.15rem;
  border: 1px solid rgba(103, 232, 249, 0.46) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--rc-blue-700), var(--rc-blue-500)) !important;
  color: #ffffff !important;
  font-weight: 900;
  line-height: 1;
  box-shadow: 0 16px 42px rgba(0, 119, 255, 0.28) !important;
}

button:hover,
.button:hover,
.btn:hover,
.cta:hover,
.primary:hover,
input[type="submit"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 22px 56px rgba(53, 183, 255, 0.32) !important;
}

footer,
.site-footer {
  margin-top: 72px;
  padding: 48px 0;
  border-top: 1px solid var(--rc-border) !important;
  background: #020817 !important;
  color: var(--rc-muted) !important;
}

@media (max-width: 900px) {
  main,
  .page,
  .container,
  .wrapper,
  .site-shell {
    width: min(100% - 24px, 1180px);
  }
}