/* Rookera / Lab Signal — immersive color refinement, September 2026. */
:root { --signal: #59d8ff; --line: #283559; }
.brand { gap: 5px; padding: 0; }
.brand-orbital-mark { width: 74px; height: auto; flex: 0 0 auto; }
.brand-orbital-word { width: 132px; height: auto; flex: 0 0 auto; }
.site-header {
  border-bottom-color: #5b82ff28;
  background: linear-gradient(180deg, #05080fec, #05080f66);
}
.header-inner { padding-top: 16px; padding-bottom: 16px; }
.desktop-nav a { color: #c5cbe4; }
.desktop-nav a:hover { color: #59d8ff; }
.nav-dot { background: #8566ff; box-shadow: 0 0 12px #8566ff80; }
.hero { min-height: 800px; height: min(940px, 100svh); background: #05080f; }
.hero-inner { padding-top: 108px; padding-bottom: 108px; }
.hero-copy { max-width: 680px; }
.hero h1 {
  font-size: clamp(3.5rem, 5.5vw, 5.6rem);
  line-height: 1.04; letter-spacing: -.055em; color: #f2f5fc;
}
/* The intro focuses this reading destination; it is not an interactive control. */
#hero-heading:focus { outline: none; }
.text-gradient {
  background-image: linear-gradient(110deg, #b6ebff 0%, #84b5ff 45%, #b09aff 87%);
}
.hero-description { max-width: 470px; color: #c3cce0; line-height: 1.9; }
.hero-eyebrow { color: #a2cbff; letter-spacing: .2em; }
.hero-eyebrow .status-dot { width: 6px; height: 6px; box-shadow: 0 0 14px #59d8ff80; }
.hero-visual {
  width: 100%; right: 0; top: 0; height: 100%; opacity: 1;
  mask-image: none; -webkit-mask-image: none;
}
.hero-visual > img { object-fit: cover; object-position: 58% 50%; filter: saturate(1.08); }
.hero-visual::after {
  background: linear-gradient(90deg, #05080ff2 0%, #05080fd4 19%, #05080f60 43%, transparent 65%),
              linear-gradient(180deg, #05080f30, transparent 70%, #05080f);
}
.hero-grid { opacity: .7; }
.hero-stars { z-index: -1; opacity: .45; pointer-events: none; }
.portal-glow { display: none; }
.visual-coordinate { color: #b9cff1; right: 4%; }
.coord-one { top: 27%; }
.coord-two { bottom: 20%; }
.hero-signature { margin-top: 38px; }
.signature-line { width: 46px; background: linear-gradient(90deg, #59d8ff, #8566ff); }
.hero-signature strong { color: #c7d7f5; }
.button { border-radius: 6px; min-height: 50px; }
.button-primary {
  background: linear-gradient(115deg, #0a63ff 5%, #1758ef 60%, #6946d7);
  border: 1px solid #96b5ff66;
  box-shadow: inset 0 1px 0 #c4e2ff40, 0 8px 32px #0a63ff33;
}
.button-primary:hover {
  background: linear-gradient(115deg, #0a63ff, #5942d3);
  box-shadow: inset 0 1px 0 #c4e2ff66, 0 8px 38px #0a63ff66;
}
.button-outline { border-color: #768aff77; background: #13204755; }
.button-outline:hover { border-color: #a2cbff; background: #20357166; }
.possibility-strip {
  background: linear-gradient(100deg, #071329, #101331 55%, #1c0e31);
  border-top-color: #467bff5c; border-bottom-color: #8566ff45;
  box-shadow: 0 -1px 24px #0a63ff12;
}
.strip-inner > span { color: #c0cae2; }
.strip-inner i { color: #8566ff; opacity: 1; }
.section-number { color: #a2cbff; }
.idea-section {
  background: radial-gradient(ellipse at 7% 50%, #0a63ff19, transparent 50%);
}
.orbit-emblem { width: 260px; height: 237px; opacity: 1; margin: 32px 0 18px -18px; }
.orbit-emblem img { width: 100%; height: auto; }
.idea-principles span::before { color: #59d8ff; }
.muted-heading { color: #a4b0ca; }
.section h2 { color: #f2f5fc; }
.capabilities-section {
  background: radial-gradient(ellipse at 12% 12%, #0a63ff18, transparent 50%),
              radial-gradient(ellipse at 92% 100%, #8566ff1a, transparent 55%), #070b15;
}
.capability-grid { gap: 18px; }
.capability-card {
  --card-hue: #0a63ff; --card-light: #a2cbff;
  background: linear-gradient(160deg, #11213a, #090e1b 55%);
  border: 1px solid #3b599466; border-radius: 10px; padding: 24px;
}
.capability-card:nth-child(2) { --card-hue: #168dae; --card-light: #82e6ff; }
.capability-card:nth-child(3) { --card-hue: #8566ff; --card-light: #c1b0ff; }
.capability-card:nth-child(4) { --card-hue: #6266ff; --card-light: #b6b8ff; }
.capability-card::before {
  background: radial-gradient(300px circle at var(--mouse-x,50%) var(--mouse-y,0%), color-mix(in srgb, var(--card-hue) 22%, transparent), transparent 75%);
  opacity: .55;
}
.capability-card::after {
  content: ''; position: absolute; left: 24px; right: 24px; top: 0; height: 1px;
  background: linear-gradient(90deg, transparent, var(--card-light), transparent); opacity: .8;
}
.capability-card:hover { border-color: var(--card-hue); box-shadow: 0 20px 50px #0006; }
.capability-card .card-top .micro-label, .capability-card .card-corner { color: var(--card-light); }
.capability-art { height: 150px; }
.capability-art::before { background: var(--card-hue); opacity: .24; width: 120px; height: 80px; }
.capability-art img { filter: saturate(1.45) contrast(1.04); height: 124px; }
.capability-card h3 { color: #f2f5fc; font-size: 1.5rem; line-height: 1.2; }
.capability-card .card-link { color: var(--card-light); }
.lab-section { background: radial-gradient(ellipse at 73% 50%, #8566ff20, transparent 60%); }
.lab-panel {
  border-color: #8566ff88; border-radius: 12px;
  background: linear-gradient(130deg, #08172b, #171130 72%, #100d22);
  box-shadow: 0 0 80px #8566ff0d, inset 0 1px 0 #b5a2ff22;
}
.lab-visual > img { filter: saturate(1.4); }
.lab-copy h2 { color: #f2f5fc; }
.lab-indicator { color: #c0b4ee; }
.lab-indicator .status-dot { background: #a087ff; }
.lab-experiments { background: #100d21; border-color: #8566ff55; }
.experiment-tag { color: #c1b0ff; }
.growth-section { background: radial-gradient(ellipse at 0 90%, #0a63ff13, transparent 55%); }
.contact-section {
  background: radial-gradient(ellipse at 25% 95%, #0a63ff3b, transparent 65%),
              radial-gradient(ellipse at 85% 15%, #8566ff33, transparent 55%), #080d1b;
  border-top: 1px solid #5069b444;
}
.contact-orbits i { border-color: #0a63ff55; }
.contact-orbits i:nth-child(2) { border-color: #8566ff66; }
.contact-orbits i:nth-child(3) { border-color: #59d8ff33; }
.contact-inner h2 { color: #f2f5fc; }
.site-footer { background: #05080f; border-top-color: #51669b55; }
.modal { background: linear-gradient(145deg, #101b32, #0c1020 60%, #16102a); border-color: #637acc77; }
.modal h2,.privacy-copy h3 { color: #f2f5fc; }
.form-field input:focus,.form-field textarea:focus,.form-field select:focus { border-color: #a2cbff; }
.rk-intro-brand { gap: 4px; }
.rk-intro-brand .brand-orbital-mark { width: 64px; }
.rk-intro-brand .brand-orbital-word { width: 125px; }
@media (max-width: 1100px) {
  .hero h1 { font-size: clamp(3.25rem, 6vw, 4.7rem); }
  .hero-copy { max-width: 590px; }
  .hero-visual > img { object-position: 65% 50%; }
  .capability-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 820px) {
  .brand-orbital-mark { width: 62px; }.brand-orbital-word { width: 113px; }
  .header-inner { gap: 16px; }.desktop-nav { gap: 14px; }
  .header-cta { display: none; }
  .hero { height: auto; min-height: 820px; }
  .hero-inner { min-height: 820px; padding-top: 115px; }
  .hero-visual::after { background: linear-gradient(90deg,#05080fef,#05080fb0 45%,#05080f30),linear-gradient(0deg,#05080f,transparent 35%); }
}
@media (max-width: 600px) {
  .header-inner { padding: 14px 21px; }.brand-orbital-mark { width: 58px; }.brand-orbital-word { width: 118px; }
  .hero,.hero-inner { min-height: 960px; height: auto; }
  .hero-inner { padding-top: 145px; padding-bottom: 480px; }
  .hero h1 { font-size: clamp(2.2rem, 10.2vw, 3.65rem); line-height: 1.07; letter-spacing: -.05em; }
  .hero-description { max-width: 100%; }
  .hero-visual { width: 100%; top: auto; bottom: 16px; height: 490px; opacity: 1; }
  .hero-visual > img { width: 100%; height: 100%; object-position: 78% 50%; }
  .hero-visual::after { background: linear-gradient(180deg,#05080f,transparent 20%,transparent 77%,#05080f); }
  .hero-buttons { gap: 12px; }.hero-buttons .button { min-height: 50px; }
  .hero-bottom { bottom: 28px; }
  .capability-grid { grid-template-columns: 1fr; }
  .capability-card { padding: 26px; }.capability-art { height: 140px; }
  .lab-panel { border-radius: 10px; }
  .lab-copy { padding: 18px 24px 36px; }
  .contact-inner h2 { font-size: clamp(2.3rem, 10vw, 3.25rem); }
  .rk-intro-brand .brand-orbital-mark { width: 56px; }
  .rk-intro-brand .brand-orbital-word { width: 118px; }
}
@media (prefers-reduced-motion: reduce) {
  .button,.capability-card,.capability-art img { transition: none !important; }
}

.analytics-notice { position: fixed; right: 20px; bottom: 20px; z-index: 200; width: min(430px, calc(100vw - 40px)); padding: 22px; border: 1px solid #5263a0; border-radius: 16px; background: #090e19; box-shadow: 0 12px 50px #0009; color: #f2f5fc; }
.analytics-notice[hidden] { display: none; }
.analytics-notice p { font-size: 14px; line-height: 1.6; margin: 0 0 16px; }
.analytics-notice > div { display: flex; flex-wrap: wrap; gap: 10px; }