/* Generated from SenseUI Rust style declarations. */
@font-face { font-family: "Psionic"; src: url("assets/fonts/Psionic.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "Google Sans"; src: url("assets/fonts/GoogleSans-Medium.ttf") format("truetype"); font-style: normal; font-weight: 500 700; font-display: swap; }
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  min-height: 100vh;
  background: #080d1a;
  color: #f4f7ff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", system-ui, Roboto, Helvetica Neue, Arial, sans-serif;
  line-height: 1.55;
}
.skip-link {
  position: fixed;
  inset-block-start: 8px;
  inset-inline-start: 8px;
  z-index: 10;
  transform: translateY(-150%);
  border-radius: .5rem;
  padding: .65rem .9rem;
  color: #101827;
  background: #f4f7ff;
  font-weight: 700;
  text-decoration: none;
}
.skip-link:focus-visible {
  transform: translateY(0);
}
.ambient-layer {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background: radial-gradient(ellipse at 58% 42%, #172b43 0%, #0a1020 57%, #070b14 100%);
  filter: blur(3px) saturate(.9);
}
#surface-content {
  position: relative;
  z-index: 1;
  scroll-margin-block-start: 7rem;
}
.ambient-field {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: .24;
  transform: perspective(900px) translate3d(0, 0, 0) rotateY(-4deg) scale(1.02);
  animation: field-float 18s ease-in-out infinite alternate;
  transition: transform 1100ms ease, opacity 700ms ease;
}
.ambient-glow {
  fill: rgba(112, 169, 207, .09);
  transition: fill 900ms ease;
}
.ambient-lines {
  fill: none;
  stroke: rgba(137, 207, 255, .58);
  stroke-width: 1.3;
  stroke-dasharray: 4 10;
  animation: field-drift 20s linear infinite;
}
.ambient-rings ellipse {
  fill: none;
  stroke: rgba(175, 225, 255, .82);
  stroke-width: 1.5;
  stroke-dasharray: 2 13;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
  animation: ring-flow 44s linear infinite;
  filter: drop-shadow(0 0 6px rgba(255, 255, 255, .24));
}
.hnden-ring-secondary {
  stroke: rgba(210, 190, 255, .66);
  stroke-dashoffset: -11;
  animation-duration: 60s;
  animation-direction: reverse;
}
.ambient-nodes circle {
  fill: #b4efff;
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, .7));
  transform-box: fill-box;
  transform-origin: center;
  animation: field-pulse 6s ease-in-out infinite alternate, node-drift 19s ease-in-out infinite alternate;
}
.ambient-nodes circle:nth-child(2n) {
  animation-delay: -2s, -7s;
}
.ambient-nodes circle:nth-child(3n) {
  animation-delay: -4s, -13s;
}
body[data-ambient-profile=work] .ambient-field {
  transform: translate3d(-1.2%, .7%, 0) scale(1.015);
}
body[data-ambient-profile=work] .ambient-glow {
  fill: rgba(106, 190, 190, .105);
}
body[data-ambient-profile=research] .ambient-field {
  transform: translate3d(1%, -1%, 0) scale(.985);
}
body[data-ambient-profile=research] .ambient-glow {
  fill: rgba(116, 165, 214, .11);
}
body[data-ambient-profile=platform] .ambient-field {
  transform: translate3d(0, 1.2%, 0) scale(1.02);
}
body[data-ambient-profile=platform] .ambient-glow {
  fill: rgba(125, 174, 207, .105);
}
body[data-ambient-profile=about] .ambient-field {
  transform: translate3d(-.6%, -.7%, 0) scale(.975);
}
body[data-ambient-profile=about] .ambient-glow {
  fill: rgba(145, 171, 198, .085);
}
body[data-ambient-profile=connected-field] .ambient-field {
  transform: translate3d(.7%, -1%, 0) scale(1.035) rotate(-1deg);
}
body[data-ambient-profile=connected-field] .ambient-glow {
  fill: rgba(117, 195, 221, .13);
}
.smartbar {
  position: fixed;
  inset-block-start: 0;
  inset-inline: 0;
  z-index: 999;
  width: 100%;
  border: 0;
  border-radius: 0;
  background: rgba(10, 10, 10, .58);
  backdrop-filter: blur(20px) saturate(1.18);
  -webkit-backdrop-filter: blur(20px) saturate(1.18);
  transition: background .3s ease, backdrop-filter .3s ease;
}
html[data-nav-at-top] .smartbar {
  background: rgba(10, 10, 10, .18);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.smartbar-shell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  gap: 24px;
  width: min(100% - 2rem, 78rem);
  min-height: 64px;
  margin-inline: auto;
}
.reception-status {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #aebbd0;
  font-size: 12px;
}
.reception-status[hidden] {
  display: none;
}
.theme-controls {
  display: flex;
  gap: 4px;
}
.theme-picker {
  position: relative;
}
.theme-picker summary {
  display: grid;
  place-items: center;
  list-style: none;
  cursor: pointer;
}
.theme-picker summary::-webkit-details-marker {
  display: none;
}
.theme-menu {
  position: absolute;
  inset-block-start: calc(100% + 8px);
  inset-inline-end: 0;
  z-index: 10;
  display: none;
  min-width: 132px;
  padding: 6px;
  background: rgba(14, 29, 52, .96);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .28);
}
.theme-picker[open] .theme-menu {
  display: grid;
  gap: 2px;
}
.theme-option {
  min-height: 36px;
  padding: 6px 10px;
  border: 0;
  color: #cdd7e8;
  background: transparent;
  text-align: start;
  cursor: pointer;
}
.theme-option[aria-pressed=true], .theme-option:hover, .theme-option:focus-visible {
  color: #fff;
  text-shadow: 0 0 10px rgba(255, 255, 255, .72);
}
body[data-theme=light] .theme-menu {
  background: rgba(247, 249, 253, .98);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
}
body[data-theme=light] .theme-option {
  color: #34435b;
}
body[data-theme=light] .theme-option[aria-pressed=true], body[data-theme=light] .theme-option:hover, body[data-theme=light] .theme-option:focus-visible {
  color: #172238;
  text-shadow: 0 0 10px rgba(255, 255, 255, .3);
}
.theme-choice {
  width: 30px;
  height: 30px;
  border: 1px solid rgba(192, 225, 255, .4);
  border-radius: 50%;
  padding: 0;
  color: #cdd7e8;
  background: rgba(14, 29, 52, .55);
  font-size: 14px;
  cursor: pointer;
}
.theme-choice[aria-pressed=true] {
  border-color: #88d8ef;
  color: #effbff;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, .18);
}
body[data-theme=light] {
  background: #f3f6fc;
  color: #172238;
}
body[data-theme=light] .ambient-layer {
  background: radial-gradient(ellipse at 58% 42%, #e4edf8 0%, #f3f6fc 65%, #edf2f9 100%);
  filter: none;
}
body[data-theme=light] .ambient-field {
  opacity: .17;
}
body[data-theme=light] .ambient-lines {
  stroke: rgba(46, 83, 111, .62);
}
body[data-theme=light] .ambient-rings ellipse {
  stroke: rgba(67, 111, 145, .68);
  filter: drop-shadow(0 0 6px rgba(255, 255, 255, .48));
}
body[data-theme=light] .hnden-ring-secondary {
  stroke: rgba(100, 92, 148, .42);
}
body[data-theme=light] .ambient-glow {
  fill: rgba(76, 125, 160, .12);
}
body[data-theme=light] .ambient-nodes circle {
  fill: #456c85;
  filter: drop-shadow(0 0 7px rgba(255, 255, 255, .42));
}
body[data-theme=light] .smartbar {
  border: 0;
  background: rgba(250, 250, 250, .58);
  backdrop-filter: blur(20px) saturate(1.18);
  -webkit-backdrop-filter: blur(20px) saturate(1.18);
}
html[data-nav-at-top] body[data-theme=light] .smartbar {
  background: rgba(250, 250, 250, .22);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
body[data-theme=light] .brand-mark-link img {
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, .2));
}
body[data-theme=light] .brand-wordmark {
  color: #172238;
}
body[data-theme=light] .navigation-link {
  color: #34435b;
}
body[data-theme=light] .navigation-link[aria-current=page] {
  color: #172238;
  text-shadow: 0 0 10px rgba(255, 255, 255, .8);
}
body[data-theme=light] .projection {
  color: #172238;
}
body[data-theme=light] .eyebrow {
  color: #17657a;
}
body[data-theme=light] .hero-copy, body[data-theme=light] .about-copy blockquote {
  color: #34435b;
}
body[data-theme=light] .primary-action, body[data-theme=light] .secondary-action {
  border-color: rgba(30, 48, 76, .55);
  color: #172238;
  background: rgba(255, 255, 255, .78);
}
body[data-theme=light] .project-overview {
  color: #172238;
  background: transparent;
  box-shadow: 0 8px 28px rgba(0, 0, 0, .06);
}
body[data-theme=light] .project-art-caption {
  color: #52627a;
}
body[data-theme=light] .project-art img {
  box-shadow: 0 20px 48px rgba(0, 0, 0, .16);
}
body[data-theme=light] .project-overview small, body[data-theme=light] .project-finder p, body[data-theme=light] .founder-portrait figcaption, body[data-theme=light] .quote-attribution, body[data-theme=light] .site-footer, body[data-theme=light] .reception-status {
  color: #52627a;
}
body[data-theme=light] .work-teaser, body[data-theme=light] .explanation-card, body[data-theme=light] .supporting-project, body[data-theme=light] .site-footer {
  border-color: rgba(30, 48, 76, .16);
}
body[data-theme=light] .project-finder input {
  border-color: rgba(30, 48, 76, .55);
  color: #172238;
  background: #fff;
}
body[data-theme=light] .theme-choice {
  border-color: rgba(30, 48, 76, .55);
  color: #34435b;
  background: #fff;
}
body[data-theme=light] .theme-choice[aria-pressed=true] {
  border-color: #17657a;
  color: #124d5d;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, .14);
}
body[data-theme=light] .assistant-dialog[open] {
  color: #172238;
  background: rgba(250, 250, 250, .58);
  backdrop-filter: blur(20px) saturate(1.18);
  -webkit-backdrop-filter: blur(20px) saturate(1.18);
  box-shadow: 0 18px 52px rgba(0, 0, 0, .18), 0 0 28px rgba(255, 255, 255, .24);
}
body[data-theme=light] .assistant-empty-state, body[data-theme=light] .assistant-message-label {
  color: #52627a;
}
body[data-theme=light] .assistant-session-note {
  color: #52627a;
}
body[data-theme=light] .assistant-message {
  background: rgba(21, 47, 78, .055);
  box-shadow: 0 8px 24px -20px rgba(0, 0, 0, .3);
}
body[data-theme=light] .assistant-message-user {
  background: rgba(48, 112, 170, .12);
}
body[data-theme=light] .assistant-composer {
  background: rgba(20, 42, 68, .07);
  box-shadow: 0 0 20px rgba(0, 0, 0, .08), 0 10px 28px rgba(0, 0, 0, .08);
}
body[data-theme=light] #assistant-question {
  color: #172238;
}
body[data-theme=light] #assistant-question::placeholder {
  color: #52627a;
}
body[data-theme=light] #assistant-submit {
  color: #172238;
  background: rgba(24, 73, 116, .11);
}
body[data-theme=light] .assistant-heading button {
  color: #172238;
}
.brand-cluster {
  display: flex;
  align-items: center;
  gap: 16px;
}
.brand-mark-wrap {
  position: relative;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
}
.brand-mark-link img {
  width: 46px;
  height: 46px;
  object-fit: contain;
  filter: invert(1) drop-shadow(0 0 12px rgba(255, 255, 255, .45));
  transform-origin: center;
  animation: mark-coin-flip 11s ease-in-out infinite;
}
.ai-indicator {
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 1px solid transparent;
  border-radius: 50%;
  padding: 0;
  color: #e8f8ff;
  background: radial-gradient(circle, #526174 0 9px, transparent 9.5px);
  font-size: 8px;
  font-weight: 750;
  cursor: pointer;
}
.ai-indicator[data-ai-status=ready] {
  color: #53d885;
  background: radial-gradient(circle, #1f6b3b 0 9px, transparent 9.5px);
  filter: drop-shadow(0 0 7px rgba(255, 255, 255, .82));
}
.brand-wordmark {
  color: #f6f8ff;
  font-size: 15px;
  font-weight: 680;
  text-decoration: none;
}
.brand-wordmark, .footer-brand-mark, .footer-senseui .product-family-name {
  font-family: "Psionic", Inter, sans-serif;
}
.footer-senseui .product-family-suffix {
  font-family: "Google Sans", Inter, sans-serif;
}
.product-family-name {
  font-family: "Psionic", system-ui, sans-serif;
  font-weight: 500;
}
.product-family-suffix {
  font-family: "Google Sans", system-ui, sans-serif;
  font-weight: 500;
}
.group-wordmark-suffix {
  font-family: ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
  font-size: 1.08em;
  font-weight: 700;
  font-stretch: expanded;
  letter-spacing: .035em;
}
.projection h1:has(.product-wordmark) {
  font-size: clamp(1.4rem, 3.5vw, 2.2rem);
  max-width: none;
  line-height: 1.25;
  letter-spacing: normal;
}
.work-teaser h2 {
  font-size: clamp(1.25rem, 3vw, 1.7rem);
  line-height: 1.4;
}
.surface-navigation {
  display: flex;
  align-items: center;
  gap: 24px;
}
.workspace-login-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: .45rem .3rem;
  border: 0;
  border-radius: 0;
  color: #f1f6ff;
  background: transparent;
  font: inherit;
  font-size: .78rem;
  gap: 6px;
  white-space: nowrap;
  cursor: pointer;
}
.navigation-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding-block: 8px;
  color: #cdd7e8;
  text-decoration: none;
  font-size: 14px;
}
.navigation-link[aria-current=page] {
  color: #f6f8ff;
  text-shadow: 0 0 12px rgba(255, 255, 255, .76);
}
.workspace-login-trigger:hover, .workspace-login-trigger:focus-visible {
  background: transparent;
  text-shadow: 0 0 12px rgba(255, 255, 255, .68);
}
.theme-choice svg {
  display: block;
}
.projection {
  position: relative;
  z-index: 1;
  width: min(100% - 2rem, 76rem);
  overflow-wrap: anywhere;
  min-height: calc(100vh - 9rem);
  margin-inline: auto;
  padding-block: clamp(4rem, 10vh, 8rem);
}
[hidden] {
  display: none !important;
}
.eyebrow {
  margin: 0 0 1rem;
  color: #95dff5;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.projection h1 {
  max-width: 14ch;
  margin: 0;
  scroll-margin-block-start: 7rem;
  font-size: clamp(3rem, 8vw, 6.8rem);
  line-height: .98;
  letter-spacing: -.065em;
  font-weight: 620;
}
.hero-copy {
  max-width: 42rem;
  margin: 1.5rem 0 0;
  color: #d6e0f2;
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  line-height: 1.6;
}
.home-intro {
  position: relative;
  display: grid;
  place-items: center;
  width: min(100%, 60rem);
  min-height: clamp(17rem, 36vh, 27rem);
  margin: 0 auto 1.5rem;
  isolation: isolate;
  text-align: center;
}
.intro-media {
  grid-area: 1 / 1;
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: min(62vh, 34rem);
  overflow: hidden;
  border-radius: 1.4rem;
  background: #070c19;
  box-shadow: 0 0 52px rgba(255, 255, 255, .12), 0 1.5rem 4rem rgba(0, 0, 0, .32);
}
.intro-video, .intro-poster {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.intro-video {
  z-index: 1;
}
.intro-poster {
  z-index: 0;
}
.intro-quote, .intro-field, .home-brand-lockup {
  grid-area: 1 / 1;
}
.intro-quote {
  z-index: 2;
  max-width: 32ch;
  margin: 0;
  color: #f6f8ff;
  font-size: clamp(1.45rem, 3.2vw, 2.8rem);
  font-weight: 540;
  line-height: 1.25;
  text-wrap: balance;
  text-shadow: 0 0 28px rgba(255, 255, 255, .32);
  animation: intro-quote 12s ease both;
}
.intro-field {
  width: min(100%, 58rem);
  height: 100%;
  overflow: visible;
  opacity: 0;
  animation: intro-field 12s ease both;
}
.intro-traces {
  fill: none;
  stroke: rgba(236, 248, 255, .86);
  stroke-width: 1.15;
  stroke-dasharray: 3 12;
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, .7));
  animation: field-drift 18s linear infinite;
}
.intro-nodes circle {
  fill: #f6fbff;
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, .9));
  animation: field-pulse 3s ease-in-out infinite alternate;
}
.home-brand-lockup {
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .15rem;
  opacity: 0;
  animation: intro-lockup 12s ease both;
}
.home-brand-mark {
  width: clamp(5.5rem, 13vw, 8rem);
  height: auto;
  filter: invert(1) drop-shadow(0 0 14px rgba(255, 255, 255, .55));
  animation: mark-coin-flip 11s ease-in-out infinite 6.8s;
}
.home-wordmark {
  margin: 0;
  color: #f8f9ff;
  font-family: "Psionic", Inter, sans-serif;
  font-size: clamp(1.8rem, 4.4vw, 3.2rem);
  letter-spacing: .015em;
  text-shadow: 0 0 22px rgba(255, 255, 255, .3);
}
.home-slogan {
  margin: .2rem 0 0;
  color: #e3e8f2;
  font-size: clamp(.95rem, 1.6vw, 1.1rem);
  letter-spacing: .08em;
  text-shadow: 0 0 18px rgba(255, 255, 255, .2);
}
.intro-caption {
  position: absolute;
  inset-block-end: .2rem;
  margin: 0;
  color: #b8c4d4;
  font-size: .72rem;
  letter-spacing: .13em;
  text-transform: uppercase;
  text-shadow: 0 0 16px rgba(255, 255, 255, .2);
}
.home-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-block-start: 28px;
}
.primary-action, .secondary-action {
  display: inline-flex;
  align-items: center;
  min-height: 46px;
  border: 1px solid rgba(192, 225, 255, .4);
  border-radius: 999px;
  padding: .65rem 1.15rem;
  color: #f5f8ff;
  background: rgba(14, 29, 52, .75);
  text-decoration: none;
  font-weight: 640;
}
.work-teaser {
  max-width: 54rem;
  margin-block-start: clamp(4rem, 10vh, 7rem);
  padding-block-start: 24px;
  box-shadow: 0 -12px 30px -30px rgba(0, 0, 0, .5);
}
.convergence-illustration {
  width: min(100%, 24rem);
  margin: 1.15rem auto 1.4rem;
  opacity: .78;
  filter: drop-shadow(0 0 18px rgba(255, 255, 255, .13));
}
.convergence-illustration svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}
.convergence-flow {
  fill: none;
  stroke: rgba(151, 205, 255, .72);
  stroke-width: 1.4;
  stroke-dasharray: 220;
  stroke-dashoffset: 0;
  opacity: .2;
}
.convergence-flow-out {
  stroke: rgba(165, 226, 207, .72);
}
.convergence-input {
  fill: #a7d7ff;
  opacity: .76;
}
.convergence-output {
  fill: #9ee4c7;
  opacity: .8;
}
.convergence-core-halo {
  fill: rgba(102, 183, 255, .09);
  stroke: rgba(145, 203, 255, .25);
  stroke-width: 1;
}
.convergence-core {
  fill: #a7d7ff;
  opacity: .76;
  transform-box: fill-box;
  transform-origin: center;
}
.convergence-label {
  fill: #aabbd0;
  font-size: 6px;
  font-family: system-ui, sans-serif;
  font-weight: 600;
  letter-spacing: .1em;
}
.convergence-label-center {
  text-anchor: middle;
}
.convergence-label-end {
  text-anchor: end;
  fill: #b2d9ca;
}
.convergence-visible .convergence-flow-top {
  animation: convergence-flow 1.2s ease-out .1s both;
}
.convergence-visible .convergence-flow-bottom {
  animation: convergence-flow 1.25s ease-out .24s both;
}
.convergence-visible .convergence-flow-out {
  animation: convergence-flow 1s ease-out 1s both;
}
.convergence-visible .convergence-core {
  animation: convergence-core 1.35s cubic-bezier(.2,.75,.25,1) .55s both;
}
.convergence-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
  margin-block: 1.2rem .35rem;
}
.convergence-actions .share-icon-action {
  width: 44px;
  min-width: 44px;
  min-height: 44px;
  justify-content: center;
  padding: 0;
}
.convergence-actions .share-icon-action .line-icon {
  width: 19px;
  height: 19px;
}
.convergence-share-status {
  min-height: 1.2em;
  margin: 0;
  color: #aebbd0;
  font-size: .78rem;
}
.implementation-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.2rem;
  margin-block: 1.7rem 1rem;
}
.implementation-note {
  display: grid;
  align-content: start;
  gap: .55rem;
  min-width: 0;
  padding-block-start: .7rem;
  box-shadow: 0 -14px 28px -28px rgba(0, 0, 0, .7);
}
.implementation-note > .line-icon {
  width: 22px;
  height: 22px;
}
.implementation-note h3 {
  margin: 0;
  font-size: 1rem;
  letter-spacing: -.015em;
}
.implementation-note p {
  margin: 0;
  color: #c4d0e1;
  font-size: .9rem;
  line-height: 1.55;
}
body[data-theme=light] .implementation-note {
  box-shadow: 0 -14px 28px -28px rgba(0, 0, 0, .55);
}
body[data-theme=light] .implementation-note p {
  color: #4e5d72;
}
.hnden-projection > .project-art {
  max-width: 50rem;
  margin: 2rem auto 2.5rem;
}
.explanation-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.1rem 1.4rem;
  margin-block-start: 28px;
}
.project-visual-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: clamp(1rem, 3vw, 2rem);
  margin-block: clamp(2rem, 5vh, 3.5rem);
}
.project-art {
  min-width: 0;
  margin: 0;
}
.project-art img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: .7rem;
  box-shadow: 0 20px 48px rgba(0, 0, 0, .28), 0 0 28px rgba(0, 0, 0, .1);
}
.project-art-caption {
  margin-block-start: .65rem;
  color: #aebbd0;
  font-size: .75rem;
  line-height: 1.5;
}
.project-art-caption a {
  color: inherit;
  text-underline-offset: .2em;
}
.explanation-card {
  padding-block-start: 12px;
  box-shadow: 0 -10px 24px -26px rgba(0, 0, 0, .48);
}
.project-finder {
  max-width: 48rem;
  margin-block: 2rem;
}
.about-intro {
  display: grid;
  grid-template-columns: minmax(12rem, .7fr) minmax(0, 1.3fr);
  align-items: start;
  gap: 2rem;
  margin-block: 2rem 3rem;
}
.about-roadmap {
  position: relative;
  margin-block: clamp(3rem, 7vw, 5.5rem);
  padding-block: 1rem 0;
}
.boot-evidence-section {
  margin-block: clamp(3rem, 7vw, 5.5rem);
  padding-block-start: 1rem;
}
.boot-evidence-section h2 {
  max-width: 48rem;
  font-size: clamp(1.55rem, 3.2vw, 2.35rem);
  letter-spacing: -.03em;
}
.boot-evidence-intro, .boot-evidence-note {
  max-width: 58rem;
  color: #bdc9da;
  line-height: 1.7;
}
.boot-evidence-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1rem, 2.5vw, 2rem);
  margin-block: 2rem;
}
.boot-evidence-item {
  min-width: 0;
  margin: 0;
  padding-block-end: .8rem;
  box-shadow: 0 16px 28px -29px rgba(0, 0, 0, .65);
}
.boot-evidence-image-link {
  display: block;
}
.boot-evidence-item img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 28rem;
  object-fit: contain;
  border-radius: .65rem;
  background: rgba(4, 9, 17, .72);
  box-shadow: 0 16px 40px rgba(0, 0, 0, .3);
}
.boot-evidence-item figcaption {
  display: grid;
  gap: .35rem;
  margin-block-start: .7rem;
  color: #bbc8da;
  font-size: .8rem;
  line-height: 1.5;
}
.boot-evidence-item .boot-evidence-capture, .boot-evidence-item time {
  color: #95cce9;
  font-size: .72rem;
}
.boot-evidence-subtitle {
  margin-block-start: 2.5rem;
  font-size: 1.25rem;
}
.boot-evidence-darkfs {
  max-width: 42rem;
}
body[data-theme=light] .boot-evidence-intro, body[data-theme=light] .boot-evidence-note {
  color: #41516a;
}
body[data-theme=light] .boot-evidence-item figcaption {
  color: #34445b;
}
body[data-theme=light] .boot-evidence-item .boot-evidence-capture, body[data-theme=light] .boot-evidence-item time {
  color: #245b7a;
}
.about-roadmap h2 {
  max-width: 48rem;
  font-size: clamp(1.6rem, 3.4vw, 2.5rem);
  letter-spacing: -.035em;
}
.roadmap-intro {
  max-width: 50rem;
  color: #b7c6da;
  line-height: 1.65;
}
.roadmap-chart {
  display: block;
  width: 100%;
  height: clamp(5.5rem, 15vw, 12rem);
  overflow: visible;
  margin-block: 1.4rem -1rem;
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, .2));
}
.roadmap-path-complete, .roadmap-path-projected {
  fill: none;
  stroke: url(#roadmap-gradient);
  stroke-width: 5;
  stroke-linecap: round;
}
.roadmap-path-complete {
  opacity: .86;
}
.roadmap-path-projected {
  stroke-dasharray: 10 13;
  opacity: .72;
}
.roadmap-node-complete, .roadmap-node-current, .roadmap-node-projected {
  fill: #8be0d1;
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, .85));
}
.roadmap-node-current {
  fill: #83c8ff;
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, .9));
}
.roadmap-node-projected {
  fill: #d4a0ff;
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, .8));
}
.roadmap-track {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sense-line-timeline {
  margin-block-start: clamp(2.5rem, 6vw, 4.5rem);
  padding-block-start: 1.4rem;
  box-shadow: 0 -14px 34px -34px rgba(0, 0, 0, .8);
}
.sense-line-timeline h3 {
  margin-block: .3rem .5rem;
  font-size: clamp(1.2rem, 2.4vw, 1.65rem);
}
.sense-line-intro {
  max-width: 54rem;
  color: #b7c6da;
  line-height: 1.6;
}
.sense-line-key {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-block-start: 1.7rem;
  padding-inline-start: min(27%, 17rem);
  color: #9eacc0;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.sense-line-list {
  display: grid;
  gap: 1.3rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sense-line-row {
  --trajectory-color: #70d7c6;
  display: grid;
  grid-template-columns: minmax(10rem, .36fr) minmax(0, 1.64fr);
  align-items: center;
  gap: 1.1rem;
  min-width: 0;
}
.sense-line-senseui {
  --trajectory-color: #76d7cf;
}
.sense-line-rust-sense {
  --trajectory-color: #e89a75;
}
.sense-line-senseos {
  --trajectory-color: #80aef2;
}
.sense-line-sphere {
  --trajectory-color: #c4a1f3;
}
.sense-line-ucc {
  --trajectory-color: #dfcc72;
}
.sense-line-synapse {
  --trajectory-color: #ed91bc;
}
.sense-line-nautilus {
  --trajectory-color: #98cd88;
}
.sense-line-row h4 {
  margin: 0;
  font-size: .94rem;
  line-height: 1.3;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .5);
}
.sense-line-track {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .7rem;
  min-width: 0;
}
.sense-line-track::before {
  position: absolute;
  z-index: 0;
  inset-inline: 0;
  inset-block-start: .34rem;
  height: 2px;
  background: var(--trajectory-color);
  opacity: .75;
  content: "";
}
.trajectory-point {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-rows: auto auto 1fr;
  justify-items: start;
  align-content: start;
  gap: .3rem;
  min-width: 0;
  padding: 0 .15rem .4rem;
  border: 0;
  color: inherit;
  background: transparent;
  text-align: start;
  font: inherit;
  cursor: pointer;
}
.trajectory-dot {
  width: .72rem;
  height: .72rem;
  margin-block-end: .08rem;
  border-radius: 50%;
  background: var(--trajectory-color);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, .82), 0 0 12px rgba(255, 255, 255, .62);
}
.trajectory-label {
  color: var(--trajectory-color);
  font-size: .7rem;
  font-weight: 750;
}
.trajectory-summary {
  max-width: 34rem;
  color: #aebbd0;
  font-size: .76rem;
  line-height: 1.45;
}
.trajectory-point:hover, .trajectory-point:focus-visible {
  transform: translateY(-2px);
  text-shadow: 0 0 12px rgba(255, 255, 255, .62);
}
body[data-theme=light] .sense-line-intro, body[data-theme=light] .trajectory-summary {
  color: #4e5d72;
}
body[data-theme=light] .sense-line-key {
  color: #53647c;
}
.roadmap-item {
  min-width: 0;
}
.roadmap-step {
  display: grid;
  align-content: start;
  justify-items: start;
  gap: .45rem;
  width: 100%;
  min-height: 10rem;
  padding: .9rem .25rem;
  border: 0;
  color: inherit;
  background: transparent;
  text-align: start;
  cursor: pointer;
  box-shadow: 0 -12px 28px -28px rgba(0, 0, 0, .9);
}
.roadmap-step:hover, .roadmap-step:focus-visible {
  transform: translateY(-3px);
  text-shadow: 0 0 14px rgba(255, 255, 255, .68);
}
.roadmap-step strong {
  font-size: 1rem;
  line-height: 1.3;
}
.roadmap-time {
  color: #73dfc7;
  font-size: .72rem;
  font-weight: 750;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.roadmap-status {
  color: #aebbd0;
  font-size: .69rem;
  line-height: 1.35;
}
.roadmap-step p {
  margin: 0;
  color: #b7c6da;
  font-size: .82rem;
  line-height: 1.55;
}
.roadmap-current .roadmap-step {
  box-shadow: 0 -14px 32px -27px rgba(0, 0, 0, .42);
}
.roadmap-current .roadmap-time {
  color: #83c8ff;
}
.roadmap-projected .roadmap-step {
  box-shadow: 0 -14px 32px -27px rgba(0, 0, 0, .38);
}
.roadmap-projected .roadmap-time {
  color: #d4a0ff;
}
.roadmap-resources {
  margin-block-start: 2.5rem;
  padding-block-start: 1.2rem;
  box-shadow: 0 -14px 34px -34px rgba(0, 0, 0, .8);
}
.roadmap-resources h3 {
  margin-block: 0 1rem;
  font-size: 1.15rem;
}
.roadmap-resources ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.roadmap-resources li {
  display: grid;
  align-content: start;
  justify-items: start;
  gap: .55rem;
  min-width: 0;
  padding-block: .6rem;
  box-shadow: 0 10px 26px -28px rgba(0, 0, 0, .8);
}
.portfolio-catalog {
  margin-block: clamp(3rem, 8vw, 6rem);
}
.portfolio-catalog h2 {
  max-width: 48rem;
  font-size: clamp(1.6rem, 3.4vw, 2.5rem);
  letter-spacing: -.035em;
}
.portfolio-catalog-intro {
  max-width: 58rem;
  color: #b7c6da;
  line-height: 1.65;
}
.portfolio-search-label {
  display: block;
  margin-block-start: 1.4rem;
  font-size: .85rem;
  font-weight: 650;
}
.portfolio-search-input {
  width: min(100%, 32rem);
  min-height: 44px;
  margin-block: .35rem .5rem;
  padding: .55rem .15rem;
  border: 0;
  border-radius: 0;
  color: inherit;
  background: transparent;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .3);
}
.portfolio-search-input:focus {
  outline: 0;
  box-shadow: 0 0 18px rgba(255, 255, 255, .55);
}
.portfolio-search-count {
  color: #9facc2;
  font-size: .78rem;
}
.portfolio-catalog-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem 1.5rem;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
}
.portfolio-catalog-item {
  min-width: 0;
}
.portfolio-catalog-item[hidden] {
  display: none;
}
.portfolio-entry-button {
  display: grid;
  justify-items: start;
  gap: .32rem;
  width: 100%;
  min-height: 100%;
  padding: .8rem .35rem;
  border: 0;
  color: inherit;
  background: transparent;
  text-align: start;
  cursor: pointer;
  box-shadow: 0 12px 32px -28px rgba(0, 0, 0, .55);
  transition: transform 220ms ease, filter 220ms ease, text-shadow 220ms ease;
}
.portfolio-entry-button:hover, .portfolio-entry-button:focus-visible {
  transform: translateY(-2px);
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, .82));
}
.portfolio-entry-button strong {
  font-size: 1rem;
  line-height: 1.3;
}
.portfolio-kind {
  color: #a9dbd3;
  font-size: .67rem;
  font-weight: 750;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.portfolio-repository {
  color: #aebbd0;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .69rem;
  overflow-wrap: anywhere;
}
.portfolio-summary {
  color: #bac8dc;
  font-size: .82rem;
  line-height: 1.5;
}
.portfolio-range {
  color: #8d9cb2;
  font-size: .69rem;
  font-variant-numeric: tabular-nums;
}
body[data-theme=light] .portfolio-catalog-intro, body[data-theme=light] .portfolio-summary {
  color: #4e5d72;
}
body[data-theme=light] .portfolio-kind {
  color: #306f65;
}
body[data-theme=light] .portfolio-repository, body[data-theme=light] .portfolio-search-count, body[data-theme=light] .portfolio-range {
  color: #5c6b80;
}
body[data-theme=light] .portfolio-search-input {
  box-shadow: 0 3px 12px rgba(0, 0, 0, .18);
}
body[data-theme=light] .portfolio-search-input:focus {
  box-shadow: 0 0 18px rgba(255, 255, 255, .8);
}
*, *::before, *::after {
  border: 0 !important;
  outline: 0 !important;
}
.roadmap-resources li:nth-child(2) > svg {
  color: #83c8ff;
}
.roadmap-resources li:nth-child(3) > svg {
  color: #c9a0ff;
}
.roadmap-resources li:nth-child(4) > svg {
  color: #73dfc7;
}
.roadmap-resources li strong {
  font-size: .9rem;
}
.roadmap-resources li small {
  display: block;
  margin-block-start: .25rem;
  color: #aebbd0;
  font-size: .76rem;
  line-height: 1.45;
}
body[data-theme=light] .roadmap-intro, body[data-theme=light] .roadmap-step p {
  color: #4e5d72;
}
body[data-theme=light] .roadmap-status, body[data-theme=light] .roadmap-resources li small {
  color: #5c6b80;
}
body[data-theme=light] .roadmap-time {
  color: #137a6d;
}
body[data-theme=light] .roadmap-current .roadmap-time {
  color: #276da8;
}
body[data-theme=light] .roadmap-projected .roadmap-time {
  color: #7142a5;
}
.roadmap-dialog {
  width: min(40rem, calc(100vw - 2rem));
  max-height: min(80vh, 42rem);
  margin: auto;
  border: 0;
  border-radius: 1.2rem;
  padding: clamp(1.3rem, 4vw, 2.2rem);
  color: #f1f6ff;
  background: rgba(10, 10, 10, .58);
  backdrop-filter: blur(20px) saturate(1.18);
  -webkit-backdrop-filter: blur(20px) saturate(1.18);
  box-shadow: 0 18px 52px rgba(0, 0, 0, .32), 0 0 30px rgba(255, 255, 255, .09);
}
.workspace-login-dialog {
  width: min(34rem, calc(100vw - 2rem));
  max-height: min(92vh, 46rem);
  margin: auto;
  border: 0;
  border-radius: 1.2rem;
  padding: clamp(1.3rem, 4vw, 2.2rem);
  color: #f1f6ff;
  background: rgba(10, 10, 10, .58);
  backdrop-filter: blur(20px) saturate(1.18);
  -webkit-backdrop-filter: blur(20px) saturate(1.18);
  box-shadow: 0 18px 52px rgba(0, 0, 0, .32), 0 0 30px rgba(255, 255, 255, .09);
}
.chat-tools-shell {
  max-width: 70rem;
  margin-block-start: clamp(1.5rem, 4vw, 3rem);
  padding: clamp(1.1rem, 3vw, 2rem);
  border: 0;
  border-radius: 1.4rem;
  background: rgba(9, 16, 30, .16);
  backdrop-filter: blur(22px) saturate(1.25);
  box-shadow: 0 0 42px rgba(255, 255, 255, .12), 0 1.5rem 4rem rgba(0, 0, 0, .26);
}
.chat-tools-status, .chat-tools-note {
  color: #c5d3e7;
  font-size: .9rem;
  line-height: 1.6;
}
.chat-tools-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(.8rem, 2vw, 1.25rem);
  margin-block: 1rem;
}
.chat-tools-card {
  padding: clamp(1rem, 2.2vw, 1.5rem);
  border: 0;
  border-radius: 1rem;
  background: rgba(255, 255, 255, .035);
  box-shadow: 0 0 28px rgba(255, 255, 255, .075), 0 1rem 2rem rgba(0, 0, 0, .18);
}
.chat-tools-card h2 {
  margin-block: .55rem;
  font-size: 1.1rem;
}
.chat-tools-card p {
  color: #b7c6da;
  line-height: 1.65;
}
.chat-tools-card svg {
  color: #a7d7ff;
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, .55));
}
.chat-tools-actions {
  display: grid;
  justify-items: start;
  gap: .35rem;
  margin-block-start: 1.1rem;
}
.chat-tools-launch:disabled {
  opacity: .58;
  cursor: not-allowed;
  box-shadow: 0 0 18px rgba(255, 255, 255, .08);
}
.workspace-login-brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  isolation: isolate;
  gap: .1rem;
  margin-block: .2rem .8rem;
}
.hnden-login-cue {
  position: absolute;
  inset-block-start: -.75rem;
  left: 50%;
  z-index: 0;
  width: min(100%, 18rem);
  height: 7.25rem;
  overflow: visible;
  transform: translateX(-50%);
  pointer-events: none;
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, .24));
}
.hnden-login-link {
  fill: none;
  stroke: rgba(112, 204, 255, .7);
  stroke-width: 1.15;
  stroke-dasharray: 76 76;
  stroke-dashoffset: 76;
  opacity: .52;
}
.hnden-login-link-b {
  stroke: rgba(135, 222, 255, .72);
}
.hnden-login-link-c {
  stroke: rgba(188, 223, 255, .58);
}
.hnden-login-node {
  fill: #83d8ff;
  opacity: .64;
  transform-box: fill-box;
  transform-origin: center;
  filter: drop-shadow(0 0 5px rgba(255, 255, 255, .72));
}
.workspace-login-dialog[open] .hnden-login-link {
  animation: hnden-login-link 1.15s ease-out both;
}
.workspace-login-dialog[open] .hnden-login-link-b {
  animation-delay: .16s;
}
.workspace-login-dialog[open] .hnden-login-link-c {
  animation-delay: .32s;
}
.workspace-login-dialog[open] .hnden-login-node {
  animation: hnden-login-node .62s ease-out both;
}
.workspace-login-dialog[open] .hnden-login-node-b {
  animation-delay: .18s;
}
.workspace-login-dialog[open] .hnden-login-node-c {
  animation-delay: .34s;
}
.workspace-login-dialog[open] .hnden-login-node-core {
  animation-delay: .48s;
}
.workspace-login-dialog[open] .hnden-login-node-d {
  animation-delay: .62s;
}
.workspace-login-dialog[open] .hnden-login-node-e {
  animation-delay: .76s;
}
.workspace-login-dialog[open] .hnden-login-node-f {
  animation-delay: .9s;
}
.workspace-login-mark {
  position: relative;
  z-index: 1;
  width: clamp(4.5rem, 17vw, 6rem);
  height: auto;
  filter: invert(1) drop-shadow(0 0 18px rgba(255, 255, 255, .56));
  animation: login-mark-flip .95s cubic-bezier(.2, .72, .22, 1) both;
  backface-visibility: visible;
}
.workspace-login-wordmark {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #f4f7ff;
  font-family: "Psionic", Inter, sans-serif;
  font-size: clamp(1.45rem, 6vw, 2.1rem);
  text-shadow: 0 0 24px rgba(255, 255, 255, .28);
}
.workspace-login-title {
  margin: 1rem 0 .8rem;
  text-align: center;
  font-size: 1.2rem;
  letter-spacing: .09em;
}
.workspace-login-copy, .workspace-login-status {
  max-width: 42ch;
  margin-inline: auto;
  text-align: center;
  color: #c5d3e7;
  font-size: .88rem;
  line-height: 1.6;
}
.workspace-login-form {
  display: grid;
  gap: .55rem;
  margin-block: 1rem .8rem;
}
.workspace-login-form label {
  margin-block-start: .25rem;
  color: #d9e6f8;
  font-size: .88rem;
}
.workspace-login-form input {
  width: 100%;
  min-height: 48px;
  padding: .7rem .9rem;
  border: 0;
  border-radius: .85rem;
  color: #f4f7ff;
  background: rgba(237, 246, 255, .1);
  box-shadow: 0 0 24px rgba(255, 255, 255, .1), inset 0 0 20px rgba(255, 255, 255, .025);
  font: inherit;
  opacity: .66;
}
.workspace-login-form input::placeholder {
  color: rgba(225, 235, 250, .58);
  letter-spacing: .12em;
}
.workspace-login-submit {
  min-height: 48px;
  margin-block-start: .35rem;
  border: 0;
  border-radius: 999px;
  color: #f5f8ff;
  background: rgba(127, 181, 228, .22);
  box-shadow: 0 0 22px rgba(255, 255, 255, .18);
  font: inherit;
  font-weight: 650;
  opacity: .62;
}
.workspace-login-link {
  display: grid;
  place-items: center;
  padding: .7rem 1rem;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.workspace-login-link:hover, .workspace-login-link:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 0 30px rgba(255, 255, 255, .3);
}
.workspace-login-dialog[open] {
  overflow-y: auto;
}
.roadmap-dialog::backdrop, .workspace-login-dialog::backdrop, .assistant-dialog::backdrop {
  background: rgba(5, 9, 18, .48);
  backdrop-filter: blur(8px);
}
.roadmap-dialog h2 {
  margin-block: .3rem .9rem;
  font-size: clamp(1.4rem, 4vw, 2rem);
}
#roadmap-dialog-status {
  color: #83c8ff;
}
#roadmap-dialog-copy {
  color: #c5d3e7;
  font-size: 1rem;
  line-height: 1.7;
}
.roadmap-dialog-close {
  min-height: 44px;
  margin-block-start: 1rem;
  padding: .4rem .2rem;
  border: 0;
  color: #f1f6ff;
  background: transparent;
  font: inherit;
  cursor: pointer;
}
.workspace-login-heading {
  position: absolute;
  inset: .6rem .6rem auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  z-index: 1;
}
.workspace-login-dialog h2 {
  margin-block: .3rem .9rem;
  font-size: clamp(1.4rem, 4vw, 2rem);
}
.workspace-login-close {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  color: inherit;
  background: rgba(255, 255, 255, .08);
  cursor: pointer;
}
.workspace-login-dialog p:not(.eyebrow) {
  color: #c5d3e7;
  font-size: 1rem;
  line-height: 1.7;
}
.workspace-login-continue {
  margin-block-start: 1rem;
}
body[data-theme=light] .roadmap-dialog {
  color: #172238;
  background: rgba(250, 250, 250, .58);
  backdrop-filter: blur(20px) saturate(1.18);
  -webkit-backdrop-filter: blur(20px) saturate(1.18);
  box-shadow: 0 18px 52px rgba(0, 0, 0, .18), 0 0 28px rgba(255, 255, 255, .24);
}
body[data-theme=light] .workspace-login-dialog {
  color: #172238;
  background: rgba(250, 250, 250, .58);
  backdrop-filter: blur(20px) saturate(1.18);
  -webkit-backdrop-filter: blur(20px) saturate(1.18);
  box-shadow: 0 18px 52px rgba(0, 0, 0, .18), 0 0 28px rgba(255, 255, 255, .24);
}
body[data-theme=light] .chat-tools-shell {
  color: #172238;
  background: linear-gradient(125deg, rgba(255, 255, 255, .30), rgba(255, 255, 255, .12) 42%, rgba(216, 235, 255, .24));
  backdrop-filter: blur(30px) saturate(1.85) brightness(1.04);
  -webkit-backdrop-filter: blur(30px) saturate(1.85) brightness(1.04);
  box-shadow: 0 14px 36px rgba(0, 0, 0, .14), 0 0 18px rgba(255, 255, 255, .22), inset 0 1px 0 rgba(255, 255, 255, .66);
  box-shadow: 0 0 44px rgba(255, 255, 255, .42), 0 1.5rem 5rem rgba(0, 0, 0, .16);
}
body[data-theme=light] .chat-tools-card {
  background: rgba(255, 255, 255, .34);
}
body[data-theme=light] .chat-tools-card p, body[data-theme=light] .chat-tools-status, body[data-theme=light] .chat-tools-note {
  color: #34435b;
}
body[data-theme=light] .workspace-login-trigger {
  color: #172238;
  background: transparent;
}
body[data-theme=light] .workspace-login-dialog p:not(.eyebrow) {
  color: #34435b;
}
body[data-theme=light] .workspace-login-form label, body[data-theme=light] .workspace-login-copy, body[data-theme=light] .workspace-login-status {
  color: #34435b;
}
body[data-theme=light] .workspace-login-form input {
  color: #172238;
  background: rgba(0, 0, 0, .045);
}
body[data-theme=light] .workspace-login-form input::placeholder {
  color: #536176;
  opacity: 1;
}
body[data-theme=light] .workspace-login-submit {
  color: #34435b;
  background: rgba(0, 0, 0, .065);
}
body[data-theme=light] .workspace-login-close, body[data-theme=light] .workspace-login-close .line-icon {
  color: #34435b;
}
body[data-theme=light] .workspace-login-mark {
  filter: drop-shadow(0 0 18px rgba(255, 255, 255, .3));
}
body[data-theme=light] .workspace-login-wordmark, body[data-theme=light] .workspace-login-title {
  color: #172238;
}
body[data-theme=light] .workspace-login-form input {
  color: #172238;
  background: rgba(255, 255, 255, .28);
}
body[data-theme=light] #roadmap-dialog-status {
  color: #276da8;
}
body[data-theme=light] #roadmap-dialog-copy {
  color: #34435b;
}
body[data-theme=light] .roadmap-dialog-close {
  color: #172238;
}
.founder-portrait {
  margin: 0;
  max-width: 22rem;
}
.founder-portrait img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: .8rem;
}
.founder-portrait figcaption, .quote-attribution {
  margin-block-start: .6rem;
  color: #aebbd0;
  font-size: .9rem;
}
.about-copy blockquote {
  margin: 1.5rem 0;
  padding-inline-start: 1rem;
  color: #e2edff;
  font-size: 1.15rem;
  box-shadow: -10px 0 24px -20px rgba(0, 0, 0, .48);
}
.project-finder input {
  width: 100%;
  min-height: 44px;
  margin-block-start: .5rem;
  border: 1px solid rgba(192, 225, 255, .45);
  border-radius: .6rem;
  padding: .7rem .85rem;
  color: #f5f8ff;
  background: rgba(14, 29, 52, .75);
}
.project-finder p {
  color: #aebbd0;
  font-size: .9rem;
}
.project-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.project-overview {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  border: 0;
  border-radius: 0;
  padding: 1.1rem 0;
  color: inherit;
  background: transparent;
  text-decoration: none;
  box-shadow: 0 8px 30px rgba(255, 255, 255, .035);
  transition: transform 240ms ease, filter 240ms ease;
}
.project-overview small {
  color: #bdcbe0;
  font-size: .9rem;
}
.line-icon {
  display: block;
  flex: 0 0 auto;
  color: #a8e9ff;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .42));
  transition: color 220ms ease, filter 220ms ease;
}
.project-overview > .line-icon {
  width: 30px;
  height: 30px;
  margin-block-start: .15rem;
}
.project-overview-copy {
  display: grid;
  gap: .35rem;
}
.supporting-project > .line-icon {
  width: 24px;
  height: 24px;
  margin-block-start: .15rem;
}
.supporting-project-copy {
  min-width: 0;
}
.supporting-next-step {
  margin-block-start: .55rem;
  color: #c0cedf;
  font-size: .9rem;
}
.supporting-next-step strong {
  color: #eff7ff;
}
.visual-flow {
  margin-block: clamp(2.5rem, 7vh, 5rem);
  padding-block: 1rem;
  box-shadow: 0 0 42px rgba(0, 0, 0, .07);
}
.visual-flow h2 {
  font-size: clamp(1.45rem, 3vw, 2.1rem);
  letter-spacing: -.035em;
}
.visual-flow-note {
  max-width: 52rem;
  color: #b8c7dc;
}
.visual-flow-track {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr));
  gap: 1.2rem;
  margin: 2rem 0 0;
  padding: 0;
  list-style: none;
}
.visual-flow-step {
  position: relative;
  display: grid;
  align-content: start;
  justify-items: start;
  gap: .55rem;
  min-height: 8rem;
  padding: .9rem 1rem;
  border-radius: 1rem;
  background: linear-gradient(145deg, rgba(181, 220, 255, .075), rgba(181, 220, 255, .018));
  box-shadow: inset 0 0 24px rgba(0, 0, 0, .035), 0 12px 28px rgba(0, 0, 0, .12);
}
.visual-flow-step > .line-icon {
  width: 25px;
  height: 25px;
}
.visual-flow-step small {
  color: #bbc9dc;
  line-height: 1.45;
}
.visual-flow-arrow {
  position: absolute;
  inset-inline-end: -.95rem;
  inset-block-start: 1.2rem;
  z-index: 1;
  color: #b9e9fa;
  text-shadow: 0 0 12px rgba(255, 255, 255, .55);
}
.visual-flow-step:last-child .visual-flow-arrow {
  display: none;
}
body[data-theme=light] .line-icon {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .28));
}
.line-icon.icon-home {
  color: #e69a68;
}
.line-icon.icon-work {
  color: #ff6f61;
}
.line-icon.icon-about {
  color: #c49aff;
}
.line-icon.icon-phone {
  color: #58a9ff;
}
.line-icon.icon-whatsapp {
  color: #25d366;
}
.line-icon.icon-mail {
  color: #7db9ff;
}
.line-icon.icon-github {
  color: #e6edf7;
}
.line-icon.icon-sun {
  color: #ffd45f;
}
.line-icon.icon-moon {
  color: #c8d3ee;
}
.line-icon.icon-senseui {
  color: #7fdbc9;
}
.line-icon.icon-senseos, .line-icon.icon-system {
  color: #70c9ff;
}
.line-icon.icon-ucc {
  color: #a9d86e;
}
.line-icon.icon-sphere {
  color: #d8a3ff;
}
.line-icon.icon-synapse {
  color: #ffb86b;
}
.line-icon.icon-memorycore {
  color: #8bd3ff;
}
.line-icon.icon-nautilus {
  color: #79dfb1;
}
body[data-theme=light] .supporting-next-step {
  color: #4e5a6a;
}
body[data-theme=light] .supporting-next-step strong {
  color: #1f2c3d;
}
body[data-theme=light] .visual-flow {
  box-shadow: 0 0 42px rgba(0, 0, 0, .055);
}
body[data-theme=light] .visual-flow-note, body[data-theme=light] .visual-flow-step small {
  color: #4e5a6a;
}
body[data-theme=light] .visual-flow-step {
  background: linear-gradient(145deg, rgba(255, 255, 255, .76), rgba(230, 237, 246, .45));
  box-shadow: inset 0 0 24px rgba(255, 255, 255, .72), 0 12px 28px rgba(0, 0, 0, .08);
}
body[data-theme=light] .visual-flow-arrow {
  color: #344253;
  text-shadow: 0 0 10px rgba(255, 255, 255, .3);
}
.project-overview:hover .line-icon, .project-overview:focus-visible .line-icon {
  filter: drop-shadow(0 0 9px rgba(255, 255, 255, .85));
}
body[data-theme=light] .project-overview:hover .line-icon, body[data-theme=light] .project-overview:focus-visible .line-icon {
  filter: drop-shadow(0 0 9px rgba(255, 255, 255, .85));
}
.project-overview[hidden] {
  display: none;
}
.supporting-projects-title, .funding-invitation {
  margin-block-start: 3rem;
}
.portfolio-direction {
  max-width: 58rem;
  margin-block-start: 2.5rem;
  border-block-start: 1px solid rgba(210, 230, 255, .28);
  padding-block-start: 1rem;
}
.portfolio-direction p {
  max-width: 58rem;
  color: #d6e0f2;
}
body[data-theme=light] .portfolio-direction p {
  color: #34435b;
}
.supporting-project-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.supporting-project {
  display: flex;
  align-items: flex-start;
  gap: .85rem;
  border: 0;
  padding-block-start: .7rem;
}
.site-footer {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  width: min(100% - 2rem, 76rem);
  margin-inline: auto;
  padding-block: 1rem 2rem;
  color: #9facc2;
  font-size: 12px;
  box-shadow: 0 -10px 28px -30px rgba(0, 0, 0, .5);
}
.site-copyright {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .3rem;
  margin: 0;
}
.privacy-note {
  max-width: 35rem;
  margin: 0;
  line-height: 1.5;
}
.footer-brand-mark {
  font-size: 10px;
  letter-spacing: .025em;
}
.footer-senseui {
  font-size: 14px;
  font-family: "Google Sans", Inter, sans-serif;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.footer-links a, .assistant-contact-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  color: inherit;
}
.assistant-dialog:not([open]) {
  display: none;
}
.assistant-dialog[open] {
  display: flex;
  flex-direction: column;
  position: fixed;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  color: #edf4ff;
  z-index: 100;
  width: min(36rem, calc(100vw - 2rem));
  height: min(42rem, calc(100dvh - 3rem));
  max-height: calc(100dvh - 3rem);
  min-height: min(28rem, calc(100dvh - 3rem));
  overflow: hidden;
  border: 0;
  border-radius: 1.35rem;
  padding: 1.1rem;
  background: rgba(10, 10, 10, .58);
  box-shadow: 0 0 48px rgba(255, 255, 255, .08), 0 1rem 3rem rgba(0, 0, 0, .5);
  backdrop-filter: blur(20px) saturate(1.18);
  -webkit-backdrop-filter: blur(20px) saturate(1.18);
}
.assistant-dialog::backdrop {
  background: rgba(5, 9, 18, .48);
  backdrop-filter: blur(8px);
}
.assistant-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex: 0 0 auto;
}
.assistant-heading-lockup {
  display: flex;
  align-items: center;
  gap: .65rem;
  min-width: 0;
}
.assistant-brand-mark-wrap {
  position: relative;
  display: grid;
  place-items: center;
  flex: 0 0 2.8rem;
  width: 2.8rem;
  height: 2.8rem;
}
.assistant-brand-mark {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: invert(1) drop-shadow(0 0 8px rgba(255, 255, 255, .42));
  transform-origin: center;
  backface-visibility: visible;
  animation: mark-coin-flip 11s ease-in-out infinite;
}
.assistant-brand-ai {
  position: absolute;
  inset: 50% auto auto 50%;
  display: grid;
  place-items: center;
  width: 1.15rem;
  height: 1.15rem;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  color: #06150d;
  background: #39d98a;
  font-size: .48rem;
  font-weight: 800;
  letter-spacing: .015em;
  line-height: 1;
  pointer-events: none;
}
.assistant-heading .eyebrow {
  margin: 0 0 .2rem;
  font-size: .7rem;
}
.assistant-heading h2 {
  margin: 0;
  font-size: 1.15rem;
  line-height: 1.25;
}
.assistant-heading button {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  color: inherit;
  background: transparent;
  cursor: pointer;
}
.assistant-session-note {
  margin: .25rem 0 .2rem;
  color: #a9bad0;
  font-size: .7rem;
  line-height: 1.45;
}
.assistant-thread {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  padding: .8rem .25rem .55rem;
}
.assistant-messages {
  display: flex;
  flex-direction: column;
  gap: .85rem;
  flex: 1 0 auto;
}
.assistant-empty-state {
  max-width: 32rem;
  margin: auto;
  padding: 2rem 1rem;
  color: #c6d3e7;
  text-align: center;
  line-height: 1.65;
}
.assistant-message {
  max-width: 90%;
  padding: .75rem .9rem;
  border: 0;
  border-radius: 1.1rem;
  background: rgba(255, 255, 255, .055);
  box-shadow: 0 8px 24px -20px rgba(255, 255, 255, .4);
}
.assistant-message-user {
  align-self: flex-end;
  background: rgba(126, 184, 232, .16);
}
.assistant-message-assistant {
  align-self: flex-start;
}
.assistant-message-label {
  display: block;
  margin-block-end: .25rem;
  color: #a9bad0;
  font-size: .68rem;
  font-weight: 650;
  letter-spacing: .035em;
}
.assistant-message-copy {
  margin: 0;
  color: inherit;
  font-size: .92rem;
  line-height: 1.55;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.assistant-message.is-pending .assistant-message-copy {
  color: #a9bad0;
}
.assistant-followups {
  flex: 0 0 auto;
  margin-block-start: 1rem;
}
.assistant-composer {
  display: flex;
  align-items: flex-end;
  gap: .55rem;
  flex: 0 0 auto;
  margin-block-start: .55rem;
  padding: .55rem;
  border: 0;
  border-radius: 1.25rem;
  background: rgba(255, 255, 255, .075);
  box-shadow: 0 0 22px rgba(255, 255, 255, .07), 0 10px 28px rgba(0, 0, 0, .24);
}
#assistant-question {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  max-height: 9rem;
  resize: none;
  border: 0;
  border-radius: .9rem;
  padding: .72rem .7rem;
  color: #f4f7ff;
  background: transparent;
  font: inherit;
  font-size: 16px;
  line-height: 1.4;
  overflow-y: auto;
}
#assistant-question::placeholder {
  color: #aebbd0;
  opacity: .82;
}
#assistant-question:focus-visible {
  outline: 0;
  box-shadow: 0 0 18px rgba(255, 255, 255, .28);
}
#assistant-submit {
  display: grid;
  flex: 0 0 44px;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  color: #f4f7ff;
  background: rgba(168, 205, 245, .16);
  cursor: pointer;
  box-shadow: 0 0 18px rgba(255, 255, 255, .12);
}
#assistant-submit:disabled {
  opacity: .5;
  cursor: wait;
}
.assistant-compose-hint {
  margin: 0;
}
.assistant-actions {
  display: grid;
  gap: .35rem;
  margin-block: .6rem;
  padding: .25rem 0;
}
.assistant-actions[hidden] {
  display: none;
}
.assistant-action {
  min-height: 44px;
  border: 0;
  padding: .45rem .15rem;
  color: inherit;
  background: transparent;
  text-align: start;
  cursor: pointer;
  box-shadow: 0 8px 22px -20px rgba(0, 0, 0, .48);
}
.assistant-action:hover, .assistant-action:focus-visible {
  color: #fff;
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, .82));
}
body[data-theme=light] .assistant-action:hover, body[data-theme=light] .assistant-action:focus-visible {
  color: #172238;
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, .9));
}
.assistant-contact-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-block: 12px;
}
.assistant-contact-actions a[hidden] {
  display: none;
}
.assistant-retry {
  min-height: 44px;
  margin-block-start: .55rem;
  padding: .35rem 0;
  border: 0;
  color: inherit;
  background: transparent;
  cursor: pointer;
  box-shadow: 0 8px 20px -18px rgba(255, 255, 255, .5);
}
.assistant-control {
  min-height: 44px;
  padding: .35rem .2rem;
  border: 0;
  color: inherit;
  background: transparent;
  font: inherit;
  cursor: pointer;
  box-shadow: 0 4px 18px -16px rgba(255, 255, 255, .9);
}
.assistant-control:hover, .assistant-control:focus-visible {
  text-shadow: 0 0 10px rgba(255, 255, 255, .9);
  filter: drop-shadow(0 0 7px rgba(255, 255, 255, .5));
}
body[data-theme=light] .assistant-control:hover, body[data-theme=light] .assistant-control:focus-visible {
  color: #172238;
  text-shadow: 0 0 9px rgba(0, 0, 0, .24);
}
.assistant-contact-actions a, .assistant-request a {
  color: #a3e6ff;
  font-size: 13px;
}
.assistant-request {
  margin-block-start: 14px;
  padding-block-start: 12px;
  box-shadow: 0 -10px 24px -26px rgba(0, 0, 0, .5);
}
.assistant-request summary {
  cursor: pointer;
  font-size: 13px;
  font-weight: 650;
}
#assistant-request-form {
  display: grid;
  gap: 8px;
  margin-block-start: 10px;
}
#assistant-request-form label {
  font-size: 12px;
}
#assistant-request-form input, #assistant-request-form select {
  min-height: 44px;
  border: 1px solid rgba(192, 225, 255, .45);
  border-radius: .45rem;
  padding: .5rem .65rem;
  color: #f4f7ff;
  background: rgba(14, 29, 52, .75);
}
#assistant-request-form button {
  min-height: 40px;
  border: 1px solid rgba(192, 225, 255, .45);
  border-radius: .5rem;
  padding: .5rem .8rem;
  color: #f4f7ff;
  background: #1c3858;
  cursor: pointer;
}
#request-email-status {
  color: #aebbd0;
  font-size: 12px;
}
body[data-theme=light] .assistant-contact-actions a, body[data-theme=light] .assistant-request a {
  color: #145e78;
}
body[data-theme=light] .assistant-request {
  border-color: rgba(30, 48, 76, .16);
}
body[data-theme=light] #assistant-request-form input, body[data-theme=light] #assistant-request-form select {
  border-color: rgba(30, 48, 76, .55);
  color: #172238;
  background: #fff;
}
body[data-theme=light] #assistant-request-form button {
  border-color: rgba(30, 48, 76, .55);
  color: #172238;
  background: #e1eaf4;
}
body[data-theme=light] #request-email-status {
  color: #52627a;
}
.smartbar {
  border: 0;
}
.theme-choice, .ai-indicator, .primary-action, .secondary-action, #assistant-request-form button {
  border: 0;
  border-radius: 0;
  background: transparent;
}
.theme-choice[aria-pressed=true] {
  color: #fff;
  box-shadow: 0 0 20px rgba(255, 255, 255, .55);
}
.navigation-link, .navigation-link[aria-current=page] {
  border: 0;
  text-shadow: none;
}
.primary-action, .secondary-action {
  min-height: 44px;
  padding: .35rem 0;
  box-shadow: none;
  transition: color 240ms ease, text-shadow 240ms ease, filter 240ms ease;
}
.home-actions a:hover, .home-actions a:focus-visible, .primary-action:hover, .secondary-action:hover, .navigation-link:hover, .navigation-link:focus-visible, .navigation-link[aria-current=page], .footer-links a:hover, .footer-links a:focus-visible, .theme-choice:hover, .theme-choice:focus-visible, .theme-choice[aria-pressed=true], .ai-indicator:hover, .ai-indicator:focus-visible, .project-overview:hover, .project-overview:focus-visible, .assistant-contact-actions a:hover, .assistant-contact-actions a:focus-visible, .assistant-request summary:hover, .assistant-request summary:focus-visible, #assistant-request-form button:hover, #assistant-request-form button:focus-visible {
  color: #fff;
  text-shadow: 0 0 12px rgba(255, 255, 255, .82);
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, .42));
}
.home-intro, .intro-quote, .intro-field, .home-brand-lockup, .home-wordmark, .home-slogan, .intro-caption {
  border: 0;
  background: transparent;
}
.work-teaser, .explanation-card, .portfolio-direction, .supporting-project, .site-footer, .assistant-request {
  border: 0;
}
.about-copy blockquote {
  border: 0;
  box-shadow: -10px 0 24px -20px rgba(255, 255, 255, .9);
}
.project-finder input, #assistant-request-form input, #assistant-request-form select {
  border: 0;
  border-radius: 0;
  box-shadow: 0 3px 14px rgba(0, 0, 0, .22);
}
.project-finder input:focus, #assistant-request-form input:focus, #assistant-request-form select:focus {
  outline: 0;
  box-shadow: 0 0 18px rgba(255, 255, 255, .36), 0 0 18px rgba(255, 255, 255, .55);
}
#assistant-request-form button {
  min-height: 44px;
  padding: .4rem 0;
  color: #f4f7ff;
  cursor: pointer;
}
.assistant-clear {
  min-height: 44px;
  margin-block-start: .45rem;
  padding: .35rem 0;
  color: #c6cfdf;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
}
body[data-theme=light] .assistant-clear {
  color: #38445a;
}
.assistant-clear:hover, .assistant-clear:focus-visible {
  color: #fff;
  text-shadow: 0 0 10px rgba(255, 255, 255, .8);
}
:focus-visible {
  outline: 0;
  text-shadow: 0 0 12px rgba(255, 255, 255, .95);
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, .55));
}
body[data-theme=light] .intro-quote, body[data-theme=light] .home-wordmark {
  color: #17202d;
  text-shadow: 0 0 20px rgba(255, 255, 255, .22);
}
body[data-theme=light] .home-brand-mark {
  filter: drop-shadow(0 0 12px rgba(255, 255, 255, .2));
}
body[data-theme=light] .intro-traces {
  stroke: rgba(32, 42, 56, .68);
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, .34));
}
body[data-theme=light] .intro-nodes circle {
  fill: #293442;
  filter: drop-shadow(0 0 9px rgba(255, 255, 255, .42));
}
body[data-theme=light] .home-slogan, body[data-theme=light] .intro-caption {
  color: #4f5969;
  text-shadow: 0 0 16px rgba(255, 255, 255, .18);
}
body[data-theme=light] .theme-choice, body[data-theme=light] .ai-indicator, body[data-theme=light] .primary-action, body[data-theme=light] .secondary-action {
  border: 0;
  border-radius: 0;
  background: transparent;
}
body[data-theme=light] .home-actions a:hover, body[data-theme=light] .home-actions a:focus-visible, body[data-theme=light] .primary-action:hover, body[data-theme=light] .secondary-action:hover, body[data-theme=light] .navigation-link:hover, body[data-theme=light] .navigation-link:focus-visible, body[data-theme=light] .navigation-link[aria-current=page], body[data-theme=light] .footer-links a:hover, body[data-theme=light] .footer-links a:focus-visible, body[data-theme=light] .theme-choice:hover, body[data-theme=light] .theme-choice:focus-visible, body[data-theme=light] .theme-choice[aria-pressed=true], body[data-theme=light] .ai-indicator:hover, body[data-theme=light] .ai-indicator:focus-visible, body[data-theme=light] .project-overview:hover, body[data-theme=light] .project-overview:focus-visible, body[data-theme=light] .assistant-contact-actions a:hover, body[data-theme=light] .assistant-contact-actions a:focus-visible, body[data-theme=light] .assistant-request summary:hover, body[data-theme=light] .assistant-request summary:focus-visible, body[data-theme=light] #assistant-request-form button:hover, body[data-theme=light] #assistant-request-form button:focus-visible {
  color: #222a36;
  text-shadow: 0 0 10px rgba(255, 255, 255, .48);
  filter: drop-shadow(0 0 7px rgba(255, 255, 255, .32));
}
body[data-theme=light] .theme-choice[aria-pressed=true] {
  color: #202834;
  box-shadow: 0 0 18px rgba(0, 0, 0, .28);
}
body[data-theme=light] .project-finder input, body[data-theme=light] #assistant-request-form input, body[data-theme=light] #assistant-request-form select {
  color: #172238;
  background: rgba(255, 255, 255, .38);
  box-shadow: inset 0 -1px rgba(0, 0, 0, .46);
}
body[data-theme=light] .project-finder input:focus, body[data-theme=light] #assistant-request-form input:focus, body[data-theme=light] #assistant-request-form select:focus {
  box-shadow: 0 0 16px rgba(0, 0, 0, .22), inset 0 -1px rgba(0, 0, 0, .72);
}
body[data-theme=light] #assistant-request-form button {
  border: 0;
  border-radius: 0;
  color: #172238;
  background: transparent;
}
body[data-theme=light] :focus-visible {
  outline: 0;
  text-shadow: 0 0 10px rgba(255, 255, 255, .65);
  filter: drop-shadow(0 0 7px rgba(255, 255, 255, .38));
}
:focus-visible {
  outline: 0;
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, .82));
}

@keyframes field-drift { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -224; } }
@keyframes ring-flow { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -192; } }
@keyframes field-pulse { from { opacity: .55; } to { opacity: 1; } }
@keyframes field-float { from { translate: 0 0; } to { translate: 0 -2.2vh; } }
@keyframes node-drift { 0% { transform: translate(0, 0); } 50% { transform: translate(3px, -4px); } 100% { transform: translate(-2px, 2px); } }
@keyframes mark-coin-flip { 0% { transform: perspective(280px) rotateY(0deg); } 4.545% { transform: perspective(280px) rotateY(180deg); } 50% { transform: perspective(280px) rotateY(180deg); } 54.545% { transform: perspective(280px) rotateY(360deg); } 100% { transform: perspective(280px) rotateY(360deg); } }
@keyframes login-mark-flip { 0% { transform: perspective(420px) rotateY(0deg); } 58% { transform: perspective(420px) rotateY(200deg); } 100% { transform: perspective(420px) rotateY(360deg); } }
@keyframes intro-quote { 0%, 34% { opacity: 1; transform: translateY(0); } 50%, 100% { opacity: 0; transform: translateY(-.5rem); } }
@keyframes intro-field { 0% { opacity: 0; transform: scale(.82); } 14%, 58% { opacity: .85; transform: scale(1); } 72%, 100% { opacity: 0; transform: scale(1.06); } }
@keyframes intro-lockup { 0%, 55% { opacity: 0; transform: translateY(.6rem); } 70%, 100% { opacity: 1; transform: translateY(0); } }
@keyframes convergence-flow { from { stroke-dashoffset: 92; opacity: .16; } to { stroke-dashoffset: 0; opacity: .8; } }
@keyframes convergence-core { 0% { opacity: .3; transform: scale(.84); } 72% { opacity: .92; transform: scale(1.06); } 100% { opacity: .76; transform: scale(1); } }
@keyframes hnden-login-link { from { stroke-dashoffset: 76; opacity: .08; } to { stroke-dashoffset: 0; opacity: .64; } }
@keyframes hnden-login-node { 0% { opacity: .24; transform: scale(.7); } 65% { opacity: .95; transform: scale(1.18); } 100% { opacity: .74; transform: scale(1); } }

.timeline-sphere { margin-block: 1.8rem; }
.timeline-help, .timeline-count { color: #b8c7dc; font-size: .85rem; }
.timeline-explorer { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(16rem,.75fr); gap: clamp(1rem,3vw,2.5rem); align-items: center; }
.timeline-orbit { min-width: 0; }
#timeline-globe { display: block; width: 100%; height: auto; touch-action: none; cursor: grab; }
#timeline-globe:active { cursor: grabbing; }
.timeline-shell { fill: none; stroke: currentColor; stroke-opacity: .12; stroke-width: 1; }
.timeline-edge { fill: none; stroke: currentColor; stroke-opacity: .16; stroke-width: .8; }
.timeline-point { cursor: pointer; }
.timeline-point circle { fill: #badbff; }
.timeline-point[data-stage=next] circle { fill: #c6badf; }
.timeline-point[data-stage=foundation] circle { fill: #bce2d5; }
.timeline-point[data-selected=true] circle { fill: #fff; filter: drop-shadow(0 0 7px rgba(255,255,255,.7)); }
.timeline-point .timeline-hit { fill: transparent !important; filter: none !important; }
.timeline-point text { fill: currentColor; font-family: system-ui,sans-serif; font-size: 12px; paint-order: stroke; stroke: #080d1a; stroke-width: 4px; stroke-linejoin: round; }
.timeline-record { min-width: 0; }
.timeline-record label { display: block; margin-block: .7rem .4rem; font-size: .8rem; color: inherit; }
.timeline-record input, .timeline-record select { width: 100%; min-height: 44px; border: 0; border-radius: .7rem; padding: .7rem; font: inherit; color: inherit; background: rgba(255,255,255,.07); box-shadow: 0 4px 18px rgba(0,0,0,.1); }
.timeline-record option { background: #0a0a0a; color: #f4f7ff; }
.timeline-record h3 { margin-block: 1rem .4rem; font-size: 1.25rem; line-height: 1.3; }
.timeline-record-status { color: #b9dfff; font-size: .8rem; }
#timeline-record-summary { font-size: .9rem; color: #c5d3e7; line-height: 1.65; }
.timeline-controls { display: flex; justify-content: center; flex-wrap: wrap; gap: .3rem; }
.timeline-controls button { min-width: 44px; min-height: 44px; border: 0; padding: .5rem; background: transparent; color: inherit; font: inherit; font-size: 1.1rem; cursor: pointer; }
.timeline-controls button[data-globe-rotate=reset] { font-size: .75rem; }
.timeline-controls button:hover { text-shadow: 0 0 12px rgba(255,255,255,.7); }
body[data-theme=light] .timeline-help, body[data-theme=light] .timeline-count, body[data-theme=light] #timeline-record-summary { color: #34435b; }
body[data-theme=light] .timeline-record-status { color: #225579; }
body[data-theme=light] .timeline-record input, body[data-theme=light] .timeline-record select { background: rgba(255,255,255,.65); }
body[data-theme=light] .timeline-record option { background: #fafafa; color: #172238; }
body[data-theme=light] .timeline-point circle { fill: #356c9d; }
body[data-theme=light] .timeline-point[data-stage=next] circle { fill: #745a96; }
body[data-theme=light] .timeline-point[data-stage=foundation] circle { fill: #3c7e68; }
body[data-theme=light] .timeline-point[data-selected=true] circle { fill: #172238; }
body[data-theme=light] .timeline-point text { stroke: #f3f6fc; }
@media (max-width: 48rem) { .timeline-explorer { grid-template-columns: minmax(0,1fr); gap: .5rem; } #timeline-globe { max-height: 25rem; } }
@media (forced-colors: active) { .timeline-point circle { fill: CanvasText !important; } .timeline-point text { fill: CanvasText; stroke: Canvas; } .timeline-record input, .timeline-record select { background: Canvas; color: CanvasText; outline: 1px solid CanvasText; } }
@media (max-width: 48rem) {
.boot-evidence-grid {
  grid-template-columns: minmax(0, 1fr);
}
.portfolio-catalog-list {
  grid-template-columns: minmax(0, 1fr);
  gap: .5rem;
}
.roadmap-track {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .6rem;
}
.roadmap-resources ul {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
}
.roadmap-step {
  min-height: 9rem;
  padding-inline: .15rem;
}
.roadmap-chart {
  height: 6rem;
  margin-block-end: -.4rem;
}
.home-intro {
  min-height: 17rem;
  margin-block-end: 1rem;
}
.chat-tools-grid {
  grid-template-columns: minmax(0, 1fr);
}
.home-wordmark {
  font-size: clamp(1.65rem, 8vw, 2.5rem);
}
.intro-caption {
  inset-block-end: 0;
  max-width: 90%;
  font-size: .62rem;
  line-height: 1.45;
}
.smartbar-shell {
  width: min(100% - 1rem, 78rem);
  gap: 8px;
  min-height: 64px;
}
.brand-cluster {
  gap: 0;
  flex-shrink: 0;
}
.brand-mark-wrap {
  width: 40px;
  height: 40px;
}
.brand-mark-link img {
  width: 40px;
  height: 40px;
}
.brand-wordmark {
  display: none;
}
.surface-navigation {
  flex: 1 1 auto;
  justify-content: center;
  gap: clamp(8px, 3vw, 14px);
  min-width: 0;
}
.navigation-link {
  width: 38px;
  min-width: 38px;
  min-height: 44px;
  justify-content: center;
  gap: 0;
  padding-inline: 0;
  font-size: 0;
  white-space: nowrap;
}
.navigation-link span {
  display: none;
}
.surface-navigation {
  gap: 4px;
}
.navigation-link svg {
  display: block;
  width: 16px;
  height: 16px;
}
.reception-status {
  gap: 2px;
  flex-shrink: 0;
}
.reception-status time {
  display: block;
  font-size: 9px;
  white-space: nowrap;
}
.theme-controls {
  gap: 2px;
}
.theme-choice {
  width: 24px;
  height: 24px;
  font-size: 12px;
}
.surface-navigation {
  gap: 8px;
}
.workspace-login-trigger {
  min-height: 40px;
  padding-inline: .45rem;
  font-size: .68rem;
}
.navigation-link {
  gap: 4px;
  font-size: 12px;
}
.navigation-link svg {
  width: 14px;
  height: 14px;
}
.ambient-field {
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: .2;
  transform: perspective(750px) translate3d(0, 0, 0) rotateY(-8deg) scale(1.02);
}
.explanation-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
}
.implementation-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
}
.project-visual-pair {
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
}
.about-intro {
  grid-template-columns: minmax(0, 1fr);
  gap: 1.2rem;
}
.project-list, .supporting-project-list {
  grid-template-columns: minmax(0, 1fr);
}
.visual-flow-track {
  grid-template-columns: minmax(0, 1fr);
  gap: 1.4rem;
}
.visual-flow-arrow {
  inset-inline-end: 50%;
  inset-block-start: auto;
  inset-block-end: -1.3rem;
  transform: rotate(90deg);
}
.assistant-dialog[open] {
  inset: var(--assistant-viewport-top, 0px) 0 auto 0;
  transform: none;
  width: 100vw;
  max-width: 100vw;
  height: var(--assistant-viewport-height, 100dvh);
  max-height: var(--assistant-viewport-height, 100dvh);
  min-height: 0;
  border-radius: 0;
  padding: max(.8rem, env(safe-area-inset-top)) .85rem max(.7rem, env(safe-area-inset-bottom));
  padding-inline: max(.85rem, env(safe-area-inset-left)) max(.85rem, env(safe-area-inset-right));
}
.assistant-thread {
  padding-block-start: .55rem;
  padding-inline: .15rem;
}
.assistant-message {
  max-width: 94%;
}
.assistant-composer {
  margin-block-start: .4rem;
  padding: .4rem;
}
#assistant-question {
  min-height: 44px;
  font-size: 16px;
}
.site-footer {
  flex-direction: column;
  gap: 6px;
}
.footer-links {
  gap: .8rem;
}
}
@media (max-width: 22rem) {
.portfolio-catalog-list {
  grid-template-columns: minmax(0, 1fr);
}
.roadmap-track {
  grid-template-columns: minmax(0, 1fr);
  gap: .25rem;
}
.sense-line-key {
  grid-template-columns: minmax(0, .85fr) repeat(2, minmax(0, 1fr));
  gap: .4rem;
  padding-inline-start: 0;
  font-size: .57rem;
}
.sense-line-row {
  grid-template-columns: minmax(0, 1fr);
  gap: .45rem;
}
.sense-line-row h4 {
  font-size: .9rem;
}
.sense-line-track {
  gap: .35rem;
}
.trajectory-summary {
  font-size: .7rem;
}
.roadmap-resources ul {
  grid-template-columns: minmax(0, 1fr);
}
.roadmap-step {
  min-height: 0;
  padding-block: .75rem;
}
.smartbar-shell {
  width: min(100% - 1rem, 78rem);
  gap: 6px;
}
.brand-wordmark {
  display: none;
}
.surface-navigation {
  gap: 6px;
}
.navigation-link {
  gap: 3px;
  font-size: 11px;
}
.navigation-link svg {
  width: 13px;
  height: 13px;
}
.theme-choice {
  width: 24px;
  height: 24px;
}
.ambient-field {
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: .2;
}
}
@media (prefers-reduced-motion: reduce) {
html {
  scroll-behavior: auto;
}
.ambient-field, .ambient-glow, .ambient-lines, .ambient-rings ellipse, .ambient-nodes circle, .brand-mark-link img, .home-brand-mark, .assistant-brand-mark, .workspace-login-mark, .hnden-login-link, .hnden-login-node {
  animation: none;
  transition: none;
}
.smartbar {
  transition: none;
}
.workspace-login-dialog[open] .hnden-login-link, .workspace-login-dialog[open] .hnden-login-node, .convergence-visible .convergence-flow-top, .convergence-visible .convergence-flow-bottom, .convergence-visible .convergence-flow-out, .convergence-visible .convergence-core {
  animation: none;
  transform: none;
  stroke-dashoffset: 0;
}
.convergence-flow, .convergence-core {
  animation: none;
  stroke-dashoffset: 0;
  opacity: .76;
  transform: none;
}
.home-intro {
  grid-template-rows: auto 1fr auto;
  gap: .4rem;
}
.intro-media {
  grid-area: 2 / 1;
}
.intro-video {
  display: none;
}
.intro-poster {
  display: block;
}
.intro-quote {
  grid-area: 1 / 1;
  align-self: end;
  opacity: 1;
  transform: none;
  animation: none;
}
.intro-field {
  grid-area: 2 / 1;
  opacity: .18;
  transform: none;
  animation: none;
}
.home-brand-lockup {
  grid-area: 2 / 1;
  opacity: 1;
  transform: none;
  animation: none;
}
.intro-caption {
  grid-area: 3 / 1;
  position: relative;
  inset-block-end: auto;
  align-self: start;
}
}
@media (forced-colors: active) {
.ambient-layer {
  display: none;
}
body {
  background: Canvas;
  color: CanvasText;
}
.smartbar, .assistant-dialog {
  background: Canvas;
  color: CanvasText;
  backdrop-filter: none;
  box-shadow: none;
}
.roadmap-dialog {
  background: Canvas;
  color: CanvasText;
  border: 0;
  backdrop-filter: none;
  box-shadow: none;
}
.roadmap-dialog::backdrop {
  background: Canvas;
  backdrop-filter: none;
}
.roadmap-step {
  color: ButtonText;
  outline: 0;
  filter: drop-shadow(0 0 6px Highlight);
}
.roadmap-path-complete, .roadmap-path-projected {
  stroke: CanvasText;
  filter: none;
}
.roadmap-node-complete, .roadmap-node-current, .roadmap-node-projected {
  fill: CanvasText;
  filter: none;
}
.project-overview, .primary-action, .secondary-action {
  background: Canvas;
  color: LinkText;
}
.brand-mark-link img {
  filter: none;
}
:focus-visible {
  outline: 0;
  filter: drop-shadow(0 0 6px Highlight);
}
}