.wordmark { display: inline-flex; align-items: center; gap: 0.7rem; font-weight: 800; text-decoration: none; }
.wordmark > span:first-child { display: grid; place-items: center; width: 2rem; height: 2rem; border: 1px solid var(--color-signal-cyan); border-radius: 50%; color: var(--color-signal-cyan); font-family: var(--font-mono); }
.wordmark__full { white-space: nowrap; }
.primary-nav a, .header-contact { color: var(--color-muted); font-family: var(--font-mono); font-size: 0.76rem; font-weight: 700; text-decoration: none; text-transform: uppercase; transition: color 180ms ease; }
.primary-nav a:hover, .header-contact:hover { color: var(--color-soft-white); }
.header-tools { display: flex; align-items: center; gap: 0.4rem; }
.header-control { min-height: 2.5rem; padding: 0.5rem 0.75rem; border: 1px solid var(--color-line); border-radius: 999px; background: rgb(5 7 13 / 0.72); color: var(--color-muted); font-family: var(--font-mono); font-size: 0.65rem; text-transform: uppercase; cursor: pointer; }
.header-control kbd { color: var(--color-signal-cyan); font: inherit; }
.menu-toggle { display: none; }
.command-dialog { width: min(42rem, calc(100% - 2rem)); padding: var(--space-3); border: 1px solid rgb(87 230 255 / 0.35); border-radius: 1.5rem; background: var(--color-deep-space); color: var(--color-soft-white); box-shadow: 0 2rem 8rem rgb(0 0 0 / 0.7); }
.command-dialog::backdrop { background: rgb(2 3 7 / 0.8); backdrop-filter: blur(12px); }
.command-dialog label { display: block; margin-block: 1rem 0.4rem; font-family: var(--font-mono); font-size: 0.7rem; text-transform: uppercase; }
.command-dialog input { width: 100%; min-height: 3.2rem; padding: 0.8rem 1rem; border: 1px solid var(--color-line); border-radius: 0.8rem; background: var(--color-void); color: inherit; }
.command-close { float: right; min-height: 2.5rem; border: 0; background: transparent; color: var(--color-muted); cursor: pointer; }
.command-results { display: grid; gap: 0.35rem; max-height: 20rem; margin-top: 1rem; overflow: auto; }
.command-results a { display: block; padding: 0.8rem 1rem; border-radius: 0.75rem; color: var(--color-soft-white); text-decoration: none; }
.command-results a:hover, .command-results a:focus { background: rgb(87 230 255 / 0.1); }
@media (max-width: 900px) {
  .site-header { grid-template-columns: auto auto 1fr; }
  .menu-toggle { display: inline-flex; }
  .primary-nav { display: none; position: absolute; top: calc(100% + 0.5rem); left: 1rem; right: 1rem; flex-direction: column; padding: 1rem; border: 1px solid var(--color-line); border-radius: 1rem; background: var(--color-deep-space); }
  .primary-nav[data-open] { display: flex; }
  .header-tools { justify-self: end; }
  .header-contact { display: none; }
}
@media (max-width: 420px) {
  .site-header { grid-template-columns: auto auto 1fr; gap: 0.35rem; }
  .wordmark__full { display: none; }
  .header-tools { gap: 0.25rem; }
  .header-tools .header-control { width: 2.5rem; padding-inline: 0.4rem; font-size: 0; }
  [data-motion-toggle]::before { content: '◐'; font-size: 0.9rem; }
  [data-command-trigger] kbd { display: block; font-size: 0.65rem; }
}
.button { display: inline-flex; min-height: 3rem; align-items: center; justify-content: center; padding: 0.7rem 1.1rem; border: 1px solid var(--color-line); border-radius: 999px; font-family: var(--font-mono); font-size: 0.78rem; font-weight: 700; text-decoration: none; text-transform: uppercase; cursor: pointer; }
.button--primary { border-color: var(--color-signal-cyan); background: var(--color-signal-cyan); color: var(--color-void); box-shadow: 0 0 2.5rem rgb(87 230 255 / 0.14); }
.button--quiet { background: rgb(244 247 245 / 0.04); }
.arrival__signal { display: flex; gap: 0.35rem; margin-bottom: var(--space-2); }
.arrival__signal span { width: 2.5rem; height: 0.2rem; border-radius: 1rem; background: var(--color-signal-cyan); box-shadow: 0 0 1rem var(--color-signal-cyan); }
.arrival__signal span:nth-child(2) { width: 1rem; background: var(--color-neural-violet); }
.arrival__signal span:nth-child(3) { width: 0.35rem; background: var(--color-critical-coral); }
.arrival__reactor { --reactor-size: clamp(25rem, 47vw, 45rem); position: absolute; z-index: 0; top: clamp(1rem, 5vh, 5rem); right: clamp(-13rem, -5vw, -2rem); width: var(--reactor-size); aspect-ratio: 1; border-radius: 50%; opacity: 0.92; filter: drop-shadow(0 0 4rem rgb(87 230 255 / 0.16)); pointer-events: none; }
.arrival__reactor::before, .arrival__reactor::after { position: absolute; inset: 17%; border-radius: 50%; content: ""; }
.arrival__reactor::before { border: 1px solid rgb(87 230 255 / 0.28); box-shadow: inset 0 0 4rem rgb(87 230 255 / 0.08), 0 0 5rem rgb(145 115 255 / 0.12); }
.arrival__reactor::after { inset: 38%; background: radial-gradient(circle, rgb(244 247 245 / 0.95) 0 2%, rgb(87 230 255 / 0.82) 3% 7%, rgb(87 230 255 / 0.08) 28%, transparent 65%); box-shadow: 0 0 3rem rgb(87 230 255 / 0.42); }
.hero-reactor__scan { position: absolute; inset: 5%; border-radius: 50%; background: conic-gradient(from 25deg, transparent 0 70%, rgb(87 230 255 / 0.34) 82%, transparent 89%), repeating-conic-gradient(from 0deg, rgb(244 247 245 / 0.09) 0 1deg, transparent 1deg 12deg); mask: radial-gradient(circle, transparent 0 31%, #000 32% 33%, transparent 34% 60%, #000 61% 62%, transparent 63%); }
.hero-reactor__ring { position: absolute; border: 1px solid rgb(244 247 245 / 0.16); border-radius: 50%; }
.hero-reactor__ring::before, .hero-reactor__ring::after { position: absolute; width: 0.55rem; height: 0.55rem; border-radius: 50%; background: var(--color-signal-cyan); box-shadow: 0 0 1.6rem currentColor; content: ""; }
.hero-reactor__ring::before { top: 8%; left: 24%; color: var(--color-signal-cyan); }
.hero-reactor__ring::after { right: 12%; bottom: 17%; color: var(--color-neural-violet); background: currentColor; }
.hero-reactor__ring--outer { inset: 9%; border-style: dashed; }
.hero-reactor__ring--inner { inset: 27%; border-color: rgb(145 115 255 / 0.34); }
.hero-reactor__core { display: grid; position: absolute; inset: 41%; place-items: center; border: 1px solid rgb(87 230 255 / 0.5); border-radius: 50%; background: radial-gradient(circle at 35% 28%, rgb(244 247 245 / 0.32), rgb(87 230 255 / 0.08) 32%, rgb(5 7 13 / 0.82) 70%); color: var(--color-soft-white); font-family: var(--font-mono); font-size: clamp(1.1rem, 2.2vw, 1.7rem); box-shadow: inset 0 0 2rem rgb(87 230 255 / 0.15), 0 0 4rem rgb(87 230 255 / 0.2); }
.hero-reactor__core i { position: absolute; inset: -25%; border: 1px solid rgb(87 230 255 / 0.13); border-radius: 50%; }
.hero-reactor__satellite { display: inline-flex; position: absolute; align-items: center; gap: 0.45rem; padding: 0.38rem 0.62rem; border: 1px solid color-mix(in srgb, var(--reactor-color) 48%, transparent); border-radius: 999px; background: rgb(5 7 13 / 0.76); color: var(--color-soft-white); font-family: var(--font-mono); font-size: clamp(0.52rem, 0.8vw, 0.68rem); letter-spacing: 0.08em; text-transform: uppercase; box-shadow: 0 0 2rem color-mix(in srgb, var(--reactor-color) 18%, transparent); backdrop-filter: blur(8px); }
.hero-reactor__satellite i { width: 0.42rem; height: 0.42rem; border-radius: 50%; background: var(--reactor-color); box-shadow: 0 0 0.85rem var(--reactor-color); }
.hero-reactor__satellite--1 { top: 7%; left: 42%; }
.hero-reactor__satellite--2 { top: 47%; right: 0; }
.hero-reactor__satellite--3 { bottom: 8%; left: 39%; }
.hero-reactor__satellite--4 { top: 48%; left: 0; }
.hero-reactor__telemetry { position: absolute; right: 12%; bottom: 23%; color: rgb(87 230 255 / 0.7); font-family: var(--font-mono); font-size: 0.56rem; letter-spacing: 0.18em; writing-mode: vertical-rl; }
.constellation-node a { display: grid; position: relative; min-width: 9rem; min-height: 5.4rem; align-content: center; padding: 1rem; border: 1px solid var(--color-line); border-radius: 999px; background: rgb(5 7 13 / 0.86); text-decoration: none; box-shadow: 0 0 2.5rem rgb(87 230 255 / 0.05); }
.constellation-node__orbit { position: absolute; inset: -0.45rem; border: 1px solid rgb(87 230 255 / 0.2); border-radius: inherit; }
.constellation-node__name { font-weight: 800; }
.constellation-node__domain { color: var(--color-muted); font-family: var(--font-mono); font-size: 0.62rem; text-transform: uppercase; }
.product-world__header h3 { margin-block: 0.25rem 0.75rem; color: var(--product-primary); font-family: var(--font-display); font-size: clamp(3rem, 5vw, 6rem); font-weight: 500; letter-spacing: -0.055em; }
.product-world__close { position: absolute; top: 1rem; right: 1rem; z-index: 2; display: none; min-height: 2.5rem; padding: 0.5rem 0.8rem; border: 1px solid rgb(var(--product-glow) / 0.35); border-radius: 999px; background: var(--color-void); color: var(--product-primary); font-family: var(--font-mono); font-size: 0.68rem; cursor: pointer; }
.product-world[data-active] { border-color: rgb(var(--product-glow) / 0.72); box-shadow: 0 1.5rem 7rem rgb(var(--product-glow) / 0.13); }
.product-world[data-active] .product-world__close { display: inline-flex; align-items: center; }
.product-world__summary { color: var(--color-muted); font-size: 1.15rem; }
.product-tags, .proof-links, .product-links, .contact-links { display: flex; flex-wrap: wrap; gap: 0.55rem; }
.product-tags span { padding: 0.35rem 0.65rem; border: 1px solid rgb(var(--product-glow) / 0.3); border-radius: 999px; color: var(--product-primary); font-family: var(--font-mono); font-size: 0.66rem; text-transform: uppercase; }
.product-world__story > div { padding-top: var(--space-2); border-top: 1px solid rgb(var(--product-glow) / 0.24); }
.product-world__story p, .capability-card p, .proof-entry p { color: var(--color-muted); }
.product-world__evidence { padding-top: var(--space-2); border-top: 1px solid rgb(var(--product-glow) / 0.24); }
.evidence-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: 1px; margin-bottom: var(--space-2); background: rgb(var(--product-glow) / 0.18); }
.evidence-item { padding: var(--space-2); background: rgb(5 7 13 / 0.78); }
.evidence-item dt { color: var(--product-primary); font-family: var(--font-mono); font-size: 0.68rem; text-transform: uppercase; }
.evidence-item dd { margin: 0.55rem 0 0; }
.proof-entry__meta { display: flex; flex-direction: column; color: var(--color-verification-green); font-family: var(--font-mono); font-size: 0.72rem; text-transform: uppercase; }
.proof-links a, .product-links a, .contact-links a { display: inline-flex; min-height: 2.75rem; align-items: center; padding: 0.55rem 0.8rem; border: 1px solid var(--color-line); border-radius: 999px; font-family: var(--font-mono); font-size: 0.7rem; text-decoration: none; text-transform: uppercase; }
.mode-switch { display: inline-flex; gap: 0.25rem; margin-bottom: var(--space-3); padding: 0.25rem; border: 1px solid var(--color-line); border-radius: 999px; background: var(--color-deep-space); }
.mode-switch button { min-height: 2.75rem; padding: 0.55rem 1rem; border: 0; border-radius: 999px; background: transparent; cursor: pointer; }
.mode-switch button[aria-pressed="true"] { background: var(--color-soft-white); color: var(--color-void); }
.js [data-mode-content][hidden] { display: none; }
.capability-card ul { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.capability-card li { color: var(--color-signal-cyan); font-family: var(--font-mono); font-size: 0.68rem; }
.writing-index, .writing-meta, .experience-list span, .experience-list small { color: var(--color-muted); font-family: var(--font-mono); font-size: 0.72rem; text-transform: uppercase; }
.writing-stream a:hover strong { color: var(--color-signal-cyan); }
.shipping-status { display: inline-flex; align-items: center; gap: 0.45rem; color: var(--color-verification-green); }
.shipping-status i { width: 0.45rem; height: 0.45rem; border-radius: 50%; background: currentColor; box-shadow: 0 0 0.8rem currentColor; }
@media (max-width: 800px) {
  .arrival__reactor { --reactor-size: clamp(24rem, 78vw, 32rem); top: 4rem; right: clamp(-15rem, -22vw, -8rem); opacity: 0.72; }
  .arrival__copy { text-shadow: 0 0.15rem 1.2rem var(--color-void), 0 0 2.5rem var(--color-void); }
}
@media (max-width: 460px) {
  .arrival__reactor { top: 6rem; right: -15rem; opacity: 0.58; }
  .hero-reactor__satellite { gap: 0; padding: 0.3rem; font-size: 0; }
}