:root {
  --bg: #f3eadb;
  --bg-soft: #fff9ef;
  --surface: rgba(255, 253, 247, 0.88);
  --surface-strong: rgba(255, 252, 244, 0.97);
  --glass: rgba(255, 252, 246, 0.76);
  --line: rgba(21, 86, 67, 0.16);
  --line-strong: rgba(57, 150, 119, 0.34);
  --text: #123e34;
  --muted: #3f685f;
  --green: #78d94c;
  --green-hot: #9be86b;
  --cyan: #77c9ee;
  --blue: #4fa8db;
  --violet: #6f83cf;
}

body {
  color: var(--text);
  background:
    radial-gradient(circle at 10% 4%, rgba(157, 232, 107, 0.23), transparent 25%),
    radial-gradient(circle at 83% 8%, rgba(119, 201, 238, 0.30), transparent 30%),
    radial-gradient(circle at 70% 48%, rgba(135, 216, 246, 0.18), transparent 31%),
    radial-gradient(circle at 20% 72%, rgba(179, 238, 127, 0.18), transparent 28%),
    linear-gradient(145deg, #f8efdf 0%, #f5ead9 42%, #eaf7fb 72%, #f9f1e5 100%);
}

body::before {
  opacity: 0.92;
  background-image:
    radial-gradient(circle, rgba(54, 142, 214, 0.78) 0 1.45px, transparent 1.7px),
    radial-gradient(circle, rgba(122, 207, 239, 0.62) 0 1px, transparent 1.35px),
    radial-gradient(circle, rgba(143, 224, 94, 0.44) 0 1px, transparent 1.4px);
  background-size: 38px 38px, 64px 64px, 94px 94px;
  background-position: 0 0, 17px 25px, 43px 13px;
  mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.92) 62%, transparent 100%);
}

body::after {
  background:
    linear-gradient(118deg, transparent 0 36%, rgba(255,255,255,.26) 48%, transparent 60%),
    radial-gradient(circle at 84% 20%, rgba(119,201,238,.18), transparent 30%);
  mix-blend-mode: soft-light;
}

#biofield { opacity: 0.86; }

.ambient-one { background: #80d9f2; opacity: 0.28; }
.ambient-two { background: #9ce96e; opacity: 0.28; }
.ambient-three { background: #67bfe8; opacity: 0.2; }

.glass-shell,
.glass-panel,
.product-card {
  border-color: rgba(30, 101, 80, 0.15);
  background:
    linear-gradient(140deg, rgba(255,255,255,.86), rgba(255,255,255,.57) 42%, rgba(220,244,252,.52) 100%),
    var(--glass);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 22px 70px rgba(39, 93, 82, 0.13),
    0 10px 38px rgba(82, 163, 203, 0.09);
}

.brand,
.footer-brand,
h2,
h3,
.site-header nav a,
.header-cta {
  color: #0b4a39;
  font-weight: 800;
}

.site-header nav {
  color: #184f43;
  font-size: 0.98rem;
  font-weight: 700;
}

.header-cta {
  padding: 0.72rem 1.22rem;
  border: 1px solid rgba(10, 88, 64, 0.24);
  color: #073b2d;
  background: linear-gradient(135deg, #bdf58f 0%, #8ae35d 50%, #77d6b7 100%);
  box-shadow:
    0 10px 28px rgba(78, 178, 96, 0.26),
    inset 0 1px 0 rgba(255,255,255,.78);
  font-size: 0.94rem;
  font-weight: 900;
}

.header-cta:hover {
  color: #03271e;
  transform: translateY(-2px);
  box-shadow: 0 15px 34px rgba(65, 164, 84, 0.34);
}

.galaxy-wordmark {
  color: transparent;
  background:
    radial-gradient(circle at 18% 24%, #ffffff 0 .9%, transparent 1.3%),
    radial-gradient(circle at 48% 66%, #dfffbf 0 .75%, transparent 1.2%),
    radial-gradient(circle at 77% 31%, #d8f5ff 0 .65%, transparent 1.05%),
    linear-gradient(115deg, #063f30 0%, #0e634a 24%, #61b83c 43%, #4ba9d7 65%, #0d4d3c 88%, #07392c 100%);
  -webkit-background-clip: text;
  background-clip: text;
  filter:
    drop-shadow(0 0 16px rgba(140, 227, 93, 0.16))
    drop-shadow(0 0 34px rgba(91, 184, 229, 0.14));
}

.tagline {
  color: #167252;
  font-weight: 900;
  font-size: clamp(1.12rem, 2vw, 1.48rem);
}

.hero-summary,
.split-copy p,
.vision-panel > p,
.product-card p {
  color: #315c53;
  font-size: 1.16rem;
  line-height: 1.78;
  font-weight: 500;
}

.product-card p {
  color: #28584f;
  font-size: 1.12rem;
}

.section-label {
  color: #17835d;
  font-size: 0.78rem;
  font-weight: 900;
  text-shadow: none;
}

.button.primary {
  color: #08392d;
  background: linear-gradient(135deg, #d8ffb9 0%, #96ea65 45%, #7ad9ee 100%);
  box-shadow: 0 16px 42px rgba(89, 181, 103, 0.24);
}

.button.secondary {
  color: #0c4b3a;
  border-color: rgba(23, 105, 82, 0.18);
  background: rgba(255,255,255,.56);
}

.orbital-glass {
  border-color: rgba(86, 172, 213, 0.24);
  background:
    radial-gradient(circle at 34% 25%, rgba(255,255,255,.68), transparent 28%),
    radial-gradient(circle at 60% 54%, rgba(134,224,244,.22), transparent 48%),
    radial-gradient(circle at 45% 74%, rgba(156,233,102,.14), transparent 42%),
    rgba(237,249,252,.34);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.84),
    inset 0 -28px 90px rgba(75,173,202,.10),
    0 0 105px rgba(74,165,219,.18);
}

.soft-ring,
.orbit { border-color: rgba(72, 165, 218, 0.28); }

.bio-core {
  border-color: rgba(124, 209, 237, 0.55);
  background:
    radial-gradient(circle at 34% 25%, rgba(255,255,255,.92), transparent 13%),
    radial-gradient(circle at 56% 52%, #b9f78c 0%, #6bd7dd 34%, #4d9ed2 66%, #174e67 100%);
  box-shadow:
    0 0 42px rgba(119, 201, 238, 0.56),
    0 0 88px rgba(143, 224, 94, 0.28),
    inset -13px -18px 28px rgba(15, 69, 92, 0.25);
}

.core-glow {
  background: radial-gradient(circle, rgba(115, 202, 238, 0.32), rgba(158, 232, 106, 0.16) 44%, transparent 70%);
}

.dna-mark {
  filter: drop-shadow(0 0 10px rgba(95, 183, 229, 0.58));
}

.cell-object,
.protein-object i,
.molecule-object i,
.floating-cluster i {
  background: linear-gradient(135deg, #efffff, #98ec67 38%, #6fc9ef 76%, #3e87c1);
  box-shadow: 0 0 16px rgba(82, 173, 224, 0.62);
}

.data-pill {
  color: #0b4c3a;
  border-color: rgba(50, 141, 113, 0.2);
  background: rgba(250, 254, 250, 0.74);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 13px 34px rgba(65,126,120,.13);
  font-weight: 800;
}

.product-card h3 { color: #0b4a39; }
.card-index { color: rgba(17, 94, 73, 0.48); }

.technology-list span {
  color: #164f41;
  background: linear-gradient(135deg, rgba(220,255,190,.74), rgba(216,243,255,.72));
  border-color: rgba(45, 126, 101, 0.15);
  font-weight: 700;
}

.contact-block a,
.footer-update span,
.site-footer > div > p:not(.footer-brand),
.copyright { color: #456b62; }

@media (max-width: 760px) {
  .hero-summary,
  .split-copy p,
  .vision-panel > p,
  .product-card p { font-size: 1.08rem; }
}