@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700;800;900&family=Inter:wght@200;300;400;500;600;700;800;900&display=swap');

:root {
  color-scheme: dark;
  --bg: #000000;
  --bg-soft: #000000;
  --surface: rgba(255, 255, 255, 0.015);
  --surface-strong: rgba(255, 255, 255, 0.03);
  --surface-muted: rgba(255, 255, 255, 0.008);
  --text: #ffffff;
  --muted: #8e8e93;
  --soft: #e5e5e7;
  --line: rgba(184, 244, 223, 0.12); /* Subtle mint refraction border */
  --line-strong: rgba(255, 255, 255, 0.24);
  --accent: #b8f4df;
  --accent-2: #ffffff;
  --violet: #d2f4f7;
  --blue: #b8f4df;
  --warning: #25d99a;
  --shadow: 0 32px 80px rgba(0, 0, 0, 0.65), 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* Tobaru 2026: Premium Clean Glass OS */
:root {
  color-scheme: light;
}

body[data-theme="light"] {
  --bg: #f5f5f7;
  --bg-soft: #f5f5f7;
  --surface: rgba(0, 0, 0, 0.005);
  --surface-strong: rgba(0, 0, 0, 0.015);
  --surface-muted: rgba(0, 0, 0, 0.002);
  --text: #1d1d1f;
  --muted: #6e6e73;
  --soft: #3a3a3c;
  --line: rgba(184, 244, 223, 0.08); /* Subtly tinted border */
  --line-strong: rgba(0, 0, 0, 0.12);
  --accent: #0f6f55;
  --accent-2: #1d1d1f;
  --violet: #515154;
  --blue: #0f6f55;
  --warning: #25d99a;
  --shadow: 0 32px 88px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.02);
  background: #f5f5f7;
}

body[data-theme="dark"] {
  color-scheme: dark;
  --bg: #000000;
  --bg-soft: #000000;
  --surface: rgba(255, 255, 255, 0.015);
  --surface-strong: rgba(255, 255, 255, 0.03);
  --surface-muted: rgba(255, 255, 255, 0.008);
  --text: #ffffff;
  --muted: #8e8e93;
  --soft: #e5e5e7;
  --line: rgba(184, 244, 223, 0.12);
  --line-strong: rgba(255, 255, 255, 0.24);
  --accent: #b8f4df;
  --accent-2: #ffffff;
  --violet: #d2f4f7;
  --blue: #b8f4df;
  --warning: #25d99a;
  --shadow: 0 32px 80px rgba(0, 0, 0, 0.65), 0 4px 16px rgba(0, 0, 0, 0.4);
  background: #000000;
}

body[data-theme]::before {
  display: none; /* Remove distracting backgrounds */
}

body[data-theme]::after {
  opacity: 0.08;
  background-image:
    linear-gradient(var(--line) 0.5px, transparent 0.5px),
    linear-gradient(90deg, var(--line) 0.5px, transparent 0.5px);
  background-size: 100px 100px;
}

body[data-theme] .site-header {
  position: fixed;
  top: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - clamp(2rem, 6vw, 8rem));
  max-width: 1200px;
  min-height: 54px;
  height: 54px;
  padding: 0 24px;
  border: 0.5px solid var(--line);
  border-radius: 999px; /* Floating crystal pill shape */
  background: rgba(255, 255, 255, 0.015);
  backdrop-filter: none;
  box-shadow: var(--shadow);
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1000;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

body[data-theme="dark"] .site-header {
  background: rgba(255, 255, 255, 0.015);
}

body[data-theme="light"] .site-header {
  background: rgba(255, 255, 255, 0.35);
  border-color: rgba(0, 0, 0, 0.03);
}

body[data-theme] .site-header.is-scrolled {
  top: 1rem;
  min-height: 48px;
  height: 48px;
  background: rgba(255, 255, 255, 0.025);
  border-color: var(--line-strong);
}

body[data-theme] .brand img {
  width: 102px;
  height: 30px;
  filter: none;
}

body[data-theme] .brand:hover img {
  transform: translateY(-0.5px);
}

body[data-theme] .site-nav {
  background: transparent;
  border: none;
  box-shadow: none;
  gap: 26px;
  font-size: 0.85rem;
  font-weight: 500;
  letter-spacing: 0.02em;
}

body[data-theme] .site-nav a,
body[data-theme] .language-switch button,
body[data-theme] .theme-switch {
  color: var(--muted);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

body[data-theme] .site-nav a:hover,
body[data-theme] .site-nav a:focus-visible {
  color: var(--text);
  background: transparent;
  box-shadow: none;
}

body[data-theme] .language-switch button.is-active {
  box-shadow: none;
}

body[data-theme="dark"] .language-switch button.is-active {
  color: #000000;
  background: #ffffff;
}

body[data-theme="light"] .language-switch button.is-active {
  color: #ffffff;
  background: #000000;
}

body[data-theme] .theme-switch {
  min-width: unset;
  border: none;
  background: transparent;
  font-size: 0.72rem;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 999px;
  border: 0.5px solid var(--line);
}

body[data-theme] .theme-switch:hover {
  background: rgba(255, 255, 255, 0.02);
  color: var(--text);
  box-shadow: none;
}

body[data-theme] .hero-panel,
body[data-theme] .card,
body[data-theme] .service-card,
body[data-theme] .price-card,
body[data-theme] .member-card,
body[data-theme] .post-card,
body[data-theme] .founder-card,
body[data-theme] .timeline-item {
  background: rgba(255, 255, 255, 0.015);
  border: 0.5px solid var(--line);
  box-shadow: var(--shadow);
  border-radius: 14px;
  backdrop-filter: none;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

body[data-theme="light"] .hero-panel,
body[data-theme="light"] .card,
body[data-theme="light"] .service-card,
body[data-theme="light"] .price-card,
body[data-theme="light"] .member-card,
body[data-theme="light"] .post-card,
body[data-theme="light"] .founder-card,
body[data-theme="light"] .timeline-item {
  background: rgba(255, 255, 255, 0.3);
  border-color: rgba(0, 0, 0, 0.04);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.02);
}

body[data-theme] .card:hover,
body[data-theme] .price-card:hover,
body[data-theme] .member-card:hover,
body[data-theme] .post-card:hover {
  transform: translateY(-2px);
  border-color: var(--line-strong);
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.35);
}

body[data-theme="light"] .card:hover,
body[data-theme="light"] .price-card:hover,
body[data-theme="light"] .member-card:hover,
body[data-theme="light"] .post-card:hover {
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.05);
}

body[data-theme] .button {
  border: 0.5px solid var(--line);
  backdrop-filter: none;
  box-shadow: none;
  border-radius: 999px; /* Pill buttons */
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  padding: 8px 18px;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

body[data-theme="dark"] .button.primary {
  color: #000000;
  background: #ffffff;
  border-color: #ffffff;
}

body[data-theme="dark"] .button.primary:hover {
  background: transparent;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.4);
}

body[data-theme="light"] .button.primary {
  color: #ffffff;
  background: #000000;
  border-color: #000000;
}

body[data-theme="light"] .button.primary:hover {
  background: transparent;
  color: #000000;
  border-color: rgba(0, 0, 0, 0.4);
}

body[data-theme] .button.secondary,
body[data-theme] .button.ghost {
  background: transparent;
  color: var(--text);
  border: 0.5px solid var(--line);
}

body[data-theme] .button.secondary:hover {
  border-color: var(--line-strong);
  background: rgba(255, 255, 255, 0.01);
}

body[data-theme] .button.ghost {
  border-color: transparent;
  color: var(--muted);
}

body[data-theme] .button.ghost:hover {
  color: var(--text);
  background: rgba(255, 255, 255, 0.01);
  border-color: transparent;
}

body[data-theme] .eyebrow,
body[data-theme] .price-card > span,
body[data-theme] .post-card span,
body[data-theme] .member-card span {
  color: var(--accent);
}

body[data-theme] .ambient-layer,
body[data-theme] .particle-field {
  opacity: 0.12; /* Tone down backgrounds to avoid cyber cliché */
}

body[data-theme] {
  transition: background 0.4s ease, color 0.3s ease;
}

body[data-theme] .hero::after {
  display: none; /* Remove distracting gradient glow lines */
}

body[data-theme] .hero-panel,
body[data-theme] .founder-card {
  position: relative;
  overflow: hidden;
}

body[data-theme] .hero-panel::before,
body[data-theme] .founder-card::before,
body[data-theme] .price-card::before,
body[data-theme] .card::before {
  display: none; /* Remove foggy gradient glares */
}

body[data-theme] .hero-panel > *,
body[data-theme] .founder-card > *,
body[data-theme] .price-card > *,
body[data-theme] .card > * {
  position: relative;
  z-index: 1;
}

body[data-theme] .button:hover,
body[data-theme] .button:focus-visible {
  transform: translateY(-0.5px);
  box-shadow: none;
}

body[data-theme] .language-switch button:active,
body[data-theme] .theme-switch:active,
body[data-theme] .button:active {
  transform: translateY(0) scale(0.99);
}

@keyframes aeroDrift {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
  }
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background:
    radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.16), transparent 28rem),
    radial-gradient(circle at 80% 18%, rgba(141, 124, 255, 0.12), transparent 30rem),
    radial-gradient(circle at 50% 88%, rgba(255, 255, 255, 0.1), transparent 34rem),
    linear-gradient(180deg, #05070d 0%, #07131a 48%, #05070d 100%);
  color: var(--text);
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
}

@media (pointer: fine) {
  body,
  a,
  button {
    cursor: none;
  }
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.12), transparent 22rem),
    radial-gradient(circle at 76% 18%, rgba(255, 255, 255, 0.1), transparent 24rem),
    radial-gradient(circle at 64% 82%, rgba(141, 124, 255, 0.09), transparent 30rem);
  filter: none;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0.28;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
  background-size: 88px 88px;
  mask-image: radial-gradient(circle at 50% 35%, black, transparent 72%);
}

body.nav-open {
  overflow: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.site-header {
  position: fixed;
  z-index: 30;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  gap: 22px;
  min-height: 78px;
  padding: 14px clamp(18px, 4vw, 64px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(5, 7, 13, 0.72);
  backdrop-filter: none;
  transition:
    background 180ms ease,
    box-shadow 180ms ease;
}

.site-header.is-scrolled {
  background: rgba(5, 7, 13, 0.9);
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.28);
}

.brand {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}

.brand img {
  width: 138px;
  height: 42px;
  object-fit: contain;
}

.site-nav {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-left: auto;
  color: var(--soft);
  font-size: 0.92rem;
  font-weight: 800;
}

.site-nav a {
  transition: color 160ms ease;
}

.site-nav a:hover,
.site-nav a:focus-visible {
  color: var(--text);
}

.language-switch {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  background: rgba(2, 4, 3, 0.42);
  box-shadow: inset 0 0 22px rgba(255, 255, 255, 0.04);
}

.language-switch button {
  min-width: 32px;
  min-height: 28px;
  border: 0;
  border-radius: 999px;
  color: rgba(220, 236, 241, 0.72);
  background: transparent;
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.68rem;
  font-weight: 900;
  transition:
    background 160ms ease,
    color 160ms ease,
    box-shadow 160ms ease;
}

.language-switch button.is-active {
  color: #020403;
  background: #effff8;
  box-shadow: 0 0 22px rgba(255, 255, 255, 0.22);
}

.nav-toggle {
  display: none;
  width: 44px;
  height: 44px;
  margin-left: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
  color: var(--text);
}

.nav-toggle span:not(.sr-only) {
  display: block;
  width: 18px;
  height: 2px;
  margin: 4px auto;
  background: currentColor;
  border-radius: 999px;
}

.hero {
  position: relative;
  min-height: 85vh;
  display: grid;
  align-items: center;
  overflow: hidden;
  padding: 140px clamp(22px, 6vw, 92px) 80px;
  border-bottom: 0.5px solid var(--line);
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: transparent;
  opacity: 1;
}

body[data-theme="dark"] .hero-home::before,
body[data-theme="dark"] .hero-workteam::before {
  background:
    radial-gradient(circle at 80% 30%, rgba(184, 244, 223, 0.03), transparent 45rem),
    radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.02), transparent 45rem);
  opacity: 1;
}

body[data-theme="light"] .hero-home::before,
body[data-theme="light"] .hero-workteam::before {
  background:
    radial-gradient(circle at 80% 30%, rgba(184, 244, 223, 0.02), transparent 45rem),
    radial-gradient(circle at 20% 80%, rgba(0, 0, 0, 0.01), transparent 45rem);
  opacity: 1;
}

.hero-home::after {
  display: none;
}

.hero-subpage::before,
.hero-workteam::before {
  background: transparent;
}

.hero::after {
  display: none;
}

.hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, 390px);
  gap: clamp(32px, 6vw, 96px);
  align-items: center;
}

.hero-visual {
  position: relative;
  border: 0.5px solid var(--line);
  background: rgba(255, 255, 255, 0.01);
  border-radius: 18px;
  overflow: hidden;
  height: 520px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 24px;
  box-shadow: var(--shadow);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

body[data-theme="light"] .hero-visual {
  background: rgba(255, 255, 255, 0.45);
  border-color: rgba(0, 0, 0, 0.03);
}

.hero-hud {
  position: absolute;
  top: 24px;
  left: 24px;
  right: 24px;
  z-index: 2;
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.72rem;
  color: var(--accent);
  display: flex;
  flex-direction: column;
  gap: 6px;
  pointer-events: none;
  text-transform: lowercase;
}

.hero-hud span {
  opacity: 0.55;
  margin-right: 4px;
}

.hero-hud strong {
  font-weight: 500;
  color: var(--text);
}

.founder-hero-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  z-index: 1;
  opacity: 0.85;
  filter: grayscale(1) contrast(1.08) brightness(0.92);
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.hero-visual:hover .founder-hero-image {
  opacity: 0.95;
  filter: grayscale(0.2) contrast(1.02) brightness(0.98);
}

.founder-line {
  position: relative;
  display: inline-flex;
  margin: 12px 0 0;
  padding: 6px 14px;
  border: 0.5px solid var(--line);
  border-radius: 999px;
  color: var(--muted) !important;
  background: rgba(255, 255, 255, 0.01);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.82rem !important;
  line-weight: 1.2 !important;
  letter-spacing: 0;
  box-shadow: none;
}

.hero-home .hero-copy,
.hero-workteam .hero-copy {
  max-width: 720px;
  text-shadow: none;
}

.hero-home .hero-panel,
.hero-workteam .hero-panel {
  position: relative;
  z-index: 2;
  background: rgba(0, 0, 0, 0.55) !important;
  border: 0.5px solid rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: none !important;
  border-radius: 10px;
  padding: 18px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: auto;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}

body[data-theme="light"] .hero-home .hero-panel,
body[data-theme="light"] .hero-workteam .hero-panel {
  background: rgba(255, 255, 255, 0.82) !important;
  border-color: rgba(0, 0, 0, 0.03) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.03);
}

.hero-panel > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.hero-panel span {
  font-size: 0.65rem;
  text-transform: uppercase;
  color: var(--muted);
  letter-spacing: 0.05em;
}

.hero-panel strong {
  font-size: 0.82rem;
  color: var(--text);
  font-weight: 600;
}

.poster-word {
  position: absolute;
  z-index: 3;
  top: 38%;
  display: grid;
  gap: 8px;
  color: var(--text);
  text-align: center;
  text-transform: uppercase;
}

.poster-word strong {
  font-size: clamp(1.8rem, 4vw, 3.6rem);
  line-height: 0.9;
  font-weight: 400;
  text-shadow: 0 0 28px rgba(255, 255, 255, 0.22);
}

.poster-word span {
  color: var(--soft);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.78rem;
}

.poster-left {
  left: clamp(20px, 8vw, 180px);
}

.poster-right {
  right: clamp(20px, 8vw, 180px);
}

.poster-strip {
  position: relative;
  min-height: 520px;
  overflow: hidden;
  padding: clamp(42px, 6vw, 72px) clamp(22px, 6vw, 92px);
  border-bottom: 1px solid var(--line);
  background: #020302;
}

.scan-object,
.scan-object-img {
  position: absolute;
  left: clamp(20px, 5vw, 80px);
  right: clamp(20px, 5vw, 80px);
  top: 48px;
  height: min(48vw, 360px);
}

.scan-object-img {
  width: calc(100% - clamp(40px, 10vw, 160px));
  object-fit: contain;
  object-position: center;
  opacity: 0.98;
  filter: saturate(1.15) contrast(1.06);
}

.scan-object {
  opacity: 0.92;
  background:
    radial-gradient(ellipse at 32% 40%, rgba(217, 255, 66, 0.95) 0 8%, transparent 18%),
    radial-gradient(ellipse at 62% 52%, rgba(217, 255, 66, 0.95) 0 9%, transparent 20%),
    linear-gradient(96deg, transparent 4%, rgba(217, 255, 66, 0.92) 9%, rgba(255, 178, 56, 0.9) 18%, transparent 26%),
    linear-gradient(8deg, transparent 0 18%, rgba(217, 255, 66, 0.88) 22%, rgba(34, 212, 119, 0.7) 48%, rgba(255, 89, 50, 0.55) 72%, transparent 88%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.16) 0 1px, transparent 1px 4px);
  filter: none;
  clip-path: polygon(0 38%, 18% 18%, 44% 22%, 58% 12%, 100% 38%, 84% 66%, 54% 62%, 42% 76%, 12% 58%);
  mix-blend-mode: screen;
}

.scan-object::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(0, 0, 0, 0.72) 1px, transparent 1px);
  background-size: 4px 4px;
}

.poster-caption {
  position: absolute;
  left: clamp(22px, 6vw, 92px);
  right: clamp(22px, 6vw, 92px);
  bottom: 42px;
  display: grid;
  grid-template-columns: minmax(220px, 0.8fr) minmax(120px, 0.35fr) minmax(280px, 1.2fr);
  gap: clamp(18px, 4vw, 54px);
  align-items: end;
}

.image-marquee {
  position: relative;
  min-height: 420px;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
  background: #020302;
}

.image-marquee img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.82;
  filter: saturate(1.2) contrast(1.05) brightness(0.84);
}

.image-marquee div {
  position: absolute;
  left: clamp(22px, 6vw, 92px);
  right: clamp(22px, 6vw, 92px);
  bottom: 42px;
  display: grid;
  grid-template-columns: minmax(260px, 0.9fr) minmax(260px, 1fr);
  gap: clamp(22px, 5vw, 70px);
  align-items: end;
}

.image-marquee h2 {
  font-size: clamp(1.5rem, 3.6vw, 3rem);
  font-weight: 400;
}

.image-marquee p {
  margin: 0;
  color: var(--soft);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.95rem;
  line-height: 1.35;
  text-transform: uppercase;
}

.poster-caption h2 {
  font-size: clamp(1.4rem, 3vw, 2.4rem);
  font-weight: 400;
}

.poster-caption span,
.poster-caption p {
  margin: 0;
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  color: var(--soft);
  font-size: 0.82rem;
  line-height: 1.4;
  text-transform: uppercase;
}

.hero-copy {
  max-width: 900px;
}

.eyebrow {
  margin: 0 0 16px;
  color: var(--accent);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Outfit", "Inter", -apple-system, sans-serif;
  letter-spacing: -0.02em;
  margin-top: 0;
  color: var(--text);
}

h1 {
  max-width: 980px;
  margin-bottom: 24px;
  font-size: clamp(2.5rem, 5.5vw, 4.6rem);
  line-height: 0.94;
  font-weight: 300;
  text-transform: uppercase;
}

h1 span {
  display: inline-block;
  margin-right: 0.25em;
}

h1 span:nth-child(even) {
  font-weight: 300;
  color: var(--muted);
}

h1 span:nth-child(odd) {
  font-weight: 800;
}

h2 {
  max-width: 880px;
  margin-bottom: 0;
  font-size: clamp(1.8rem, 3.8vw, 2.8rem);
  line-height: 1.05;
  font-weight: 300;
  text-transform: uppercase;
}

h3 {
  margin-bottom: 12px;
  font-size: 1.25rem;
  line-height: 1.25;
  font-weight: 600;
}

.hero-copy p:not(.eyebrow),
.section p:not(.eyebrow),
.feature-copy p,
.cta-content p:not(.eyebrow) {
  color: var(--muted);
  font-size: clamp(0.98rem, 1.4vw, 1.15rem);
  line-height: 1.6;
}

.hero-copy p:not(.eyebrow) {
  max-width: 680px;
  font-weight: 300;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 36px;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 22px;
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  border: 0.5px solid var(--line);
  cursor: none;
}

.primary {
  background: var(--text);
  color: var(--bg);
  border-color: var(--text);
}

.primary:hover {
  background: transparent;
  color: var(--text);
  border-color: var(--text);
}

.secondary {
  background: transparent;
  color: var(--text);
  border-color: var(--line);
}

.secondary:hover {
  background: rgba(255, 255, 255, 0.02);
  border-color: var(--line-strong);
}

.ghost {
  background: transparent;
  color: var(--muted);
  border-color: transparent;
}

.ghost:hover {
  background: rgba(255, 255, 255, 0.01);
  color: var(--text);
}

.hero-panel,
.card,
.service-card,
.leadership article,
.metric-grid article,
.story-step,
.team-row,
.competition-list li,
.sponsor-box,
.price-card,
.timeline-item,
.member-card,
.post-card,
.contact-grid > *,
.social-links a {
  border: 0.5px solid var(--line);
  border-radius: 14px;
  background: var(--surface);
  box-shadow: var(--shadow);
  backdrop-filter: none;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

body[data-theme="light"] .hero-panel,
body[data-theme="light"] .card,
body[data-theme="light"] .service-card,
body[data-theme="light"] .leadership article,
body[data-theme="light"] .metric-grid article,
body[data-theme="light"] .story-step,
body[data-theme="light"] .team-row,
body[data-theme="light"] .competition-list li,
body[data-theme="light"] .sponsor-box,
body[data-theme="light"] .price-card,
body[data-theme="light"] .timeline-item,
body[data-theme="light"] .member-card,
body[data-theme="light"] .post-card,
body[data-theme="light"] .contact-grid > *,
body[data-theme="light"] .social-links a {
  background: rgba(255, 255, 255, 0.4);
  border-color: rgba(0, 0, 0, 0.03);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.02);
}

.hero-panel {
  display: grid;
  gap: 12px;
  padding: 20px;
}

.panel-logo {
  width: 64px;
  margin-bottom: 8px;
}

.hero-panel div,
.metric-grid article {
  display: grid;
  gap: 4px;
  padding: 12px;
  border-left: none;
  background: transparent;
}

.hero-panel span,
.metric-grid span,
.card span,
.leadership span,
.story-step span,
.team-row span,
.price-card span,
.timeline-item span,
.member-card span,
.post-card span,
.contact-grid span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.hero-panel strong,
.metric-grid strong,
.leadership strong,
.contact-grid strong {
  color: var(--text);
  font-size: 0.95rem;
  font-weight: 500;
}

.section {
  padding: clamp(48px, 6vw, 82px) clamp(22px, 6vw, 92px);
  border-bottom: 1px solid var(--line);
}

.split,
.product-section {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(280px, 1.08fr);
  gap: clamp(30px, 6vw, 84px);
  align-items: start;
}

.product-section {
  align-items: center;
  background:
    radial-gradient(circle at 80% 16%, rgba(141, 124, 255, 0.12), transparent 25rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.1), transparent 38%),
    var(--bg-soft);
}

.section-heading.narrow {
  max-width: 900px;
}

.rich-copy {
  display: grid;
  gap: 22px;
}

.leadership {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.leadership article {
  display: grid;
  gap: 10px;
  min-height: 128px;
  padding: 18px;
}

.feature-band {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 500px);
  gap: clamp(28px, 6vw, 76px);
  align-items: center;
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.12), transparent 28rem),
    linear-gradient(135deg, rgba(59, 140, 255, 0.08), transparent 42%),
    var(--bg-soft);
}

.feature-copy {
  max-width: 880px;
}

.text-link {
  display: inline-flex;
  margin-top: 8px;
  color: var(--accent);
  font-weight: 900;
  transition: transform 160ms ease;
}

.metric-grid {
  display: grid;
  gap: 12px;
}

.card-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  margin-top: 34px;
}

.card {
  min-height: 210px;
  padding: 20px;
}

.card span,
.story-step span,
.timeline-item span {
  color: var(--accent);
}

.card p,
.story-step p,
.timeline-item p,
.member-card p,
.post-card p {
  margin-bottom: 0;
  color: var(--muted);
  font-size: 0.96rem;
  line-height: 1.62;
}

.services-section {
  background: var(--surface-muted);
}

.service-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 34px;
}

.service-card {
  display: flex;
  align-items: flex-end;
  min-height: 130px;
  padding: 20px;
  color: var(--soft);
  font-size: 1.08rem;
  font-weight: 900;
}
.pricing-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 34px;
}

.price-card {
  display: grid;
  gap: 16px;
  align-content: start;
  min-height: 410px;
  padding: 22px;
}

body[data-theme] .price-card.featured {
  border-color: rgba(184, 244, 223, 0.4);
  background: rgba(255, 255, 255, 0.025);
  box-shadow: 0 0 24px rgba(184, 244, 223, 0.04), var(--shadow);
}

body[data-theme="light"] .price-card.featured {
  border-color: rgba(0, 113, 227, 0.3);
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.03);
}

.card:hover,
.price-card:hover,
.timeline-item:hover,
.post-card:hover {
  transform: translateY(-2px);
  border-color: var(--line-strong);
  box-shadow: var(--shadow);
}

.card,
.price-card,
.timeline-item,
.post-card {
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.price-card .button {
  align-self: end;
}

.price-card h3 {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 600;
}

.price-card p {
  color: var(--muted);
  line-height: 1.5;
}

.price-placeholder {
  color: var(--accent);
  font-size: 1.15rem;
  font-weight: 500;
}

.price-card ul {
  display: grid;
  gap: 10px;
  padding: 0;
  margin: 0 0 4px;
  list-style: none;
}

.price-card li {
  color: var(--soft);
  line-height: 1.45;
  font-size: 0.85rem;
}

.price-card li::before {
  content: "•";
  margin-right: 8px;
  color: var(--accent);
}

.timeline {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  margin-top: 34px;
}

.timeline-item {
  position: relative;
  min-height: 240px;
  padding: 22px;
}

.timeline-item::before {
  content: "";
  position: absolute;
  top: 22px;
  right: 22px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--accent);
  box-shadow: none;
}

.member-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 34px;
}

.member-card {
  display: grid;
  gap: 10px;
  min-height: 300px;
  padding: 20px;
}

.member-card:hover {
  transform: translateY(-2px);
  border-color: var(--line-strong);
  box-shadow: var(--shadow);
}

.member-photo {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
  border: 0.5px solid var(--line);
  filter: grayscale(1) contrast(1.04) brightness(0.92);
  transition: all 0.4s ease;
}

.member-card:hover .member-photo {
  filter: grayscale(0.2) contrast(1.02) brightness(0.98);
}

.avatar {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border: 0.5px solid var(--line);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.02);
  color: var(--text);
  font-weight: 500;
}

.post-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 34px;
}

.post-card {
  display: grid;
  gap: 12px;
  padding: 18px;
}

.post-media {
  display: grid;
  place-items: center;
  min-height: 150px;
  border: 0.5px solid var(--line);
  border-radius: 10px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.01);
  font-weight: 500;
  font-size: 0.85rem;
}

.allies {
  background: var(--bg);
}

.ally-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.ally-strip span {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 16px;
  border: 0.5px solid var(--line);
  border-radius: 999px;
  color: var(--soft);
  background: transparent;
  font-weight: 500;
  font-size: 0.85rem;
}

.cta-section {
  padding: clamp(64px, 8vw, 112px) clamp(22px, 6vw, 92px);
  background: var(--bg);
}

.cta-content {
  max-width: 1050px;
}

.contact-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 30px;
}

.contact-grid > * {
  display: grid;
  gap: 8px;
  min-height: 110px;
  padding: 18px;
}

.social-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
}

.social-links a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 14px;
  color: var(--soft);
  font-weight: 850;
}

.social-icon {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  color: #021012;
  font-size: 0.74rem;
  font-weight: 950;
}

.site-footer {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 22px;
  padding: 34px clamp(22px, 6vw, 92px);
  color: var(--muted);
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.11), transparent 18rem),
    #03060b;
}

.site-footer div {
  display: grid;
  gap: 9px;
  align-content: start;
}

.site-footer strong {
  color: var(--text);
  font-weight: 950;
}

.site-footer a:hover {
  color: var(--accent);
}

.story-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 34px;
}

.story-step {
  min-height: 220px;
  padding: 22px;
}

.team-table {
  display: grid;
  gap: 10px;
  margin-top: 34px;
}

.team-row {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  min-height: 76px;
  padding: 18px;
}

.competition-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 0;
  margin: 34px 0 0;
  list-style: none;
}

.competition-list li {
  min-height: 118px;
  padding: 18px;
  color: var(--soft);
  font-weight: 850;
}

.sponsor-box {
  padding: 26px;
}

.reveal {
  opacity: 0;
  transform: translateY(18px);
  transition:
    opacity 520ms ease,
    transform 520ms ease;
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Final Flair-inspired visual system */
.hero-home {
  min-height: 92vh;
  padding-top: 120px;
  padding-bottom: 86px;
  isolation: isolate;
  background:
    radial-gradient(circle at 58% 42%, rgba(255, 255, 255, 0.18), transparent 23rem),
    radial-gradient(circle at 68% 48%, rgba(255, 255, 255, 0.16), transparent 27rem),
    radial-gradient(circle at 76% 30%, rgba(141, 124, 255, 0.11), transparent 28rem),
    linear-gradient(180deg, #04070c 0%, #07131a 54%, #05070d 100%);
}

.hero-home::before {
  background:
    linear-gradient(90deg, rgba(5, 7, 13, 0.92) 0%, rgba(5, 7, 13, 0.7) 36%, rgba(5, 7, 13, 0.16) 68%, rgba(5, 7, 13, 0.84) 100%),
    radial-gradient(ellipse at 62% 52%, rgba(255, 255, 255, 0.28), transparent 36%),
    radial-gradient(ellipse at 68% 40%, rgba(255, 255, 255, 0.22), transparent 30%);
}

.hero-home .hero-grid {
  grid-template-columns: minmax(320px, 0.78fr) minmax(230px, 320px);
  min-height: 68vh;
  align-items: end;
}

.hero-home .hero-copy {
  max-width: 610px;
  padding-top: 0;
  padding-bottom: clamp(28px, 8vh, 82px);
}

.hero-home h1 {
  max-width: 680px;
  margin-bottom: 20px;
  font-size: clamp(2.6rem, 6.2vw, 6.4rem);
  line-height: 0.92;
  letter-spacing: 0;
  text-transform: none;
}

.hero-home .hero-copy p:not(.eyebrow):not(.founder-line) {
  max-width: 500px;
  color: rgba(220, 236, 241, 0.82);
  font-size: clamp(1rem, 1.4vw, 1.18rem);
}

.hero-home .hero-actions {
  gap: 10px;
  margin-top: 24px;
}

.hero-home .button {
  min-height: 42px;
  padding: 0 15px;
  border-radius: 999px;
  font-size: 0.9rem;
}

.founder-hero-image {
  z-index: 1;
  right: clamp(6vw, 12vw, 190px);
  bottom: 0;
  width: min(48vw, 780px);
  height: min(78vh, 780px);
  object-position: center bottom;
  filter:
    drop-shadow(0 0 42px rgba(255, 255, 255, 0.42))
    drop-shadow(0 0 120px rgba(255, 255, 255, 0.28))
    drop-shadow(0 22px 70px rgba(0, 0, 0, 0.62))
    saturate(1.08)
    contrast(1.05)
    brightness(0.96);
}

.founder-hero-image::selection {
  background: transparent;
}

.ambient-layer,
.particle-field {
  position: absolute;
  pointer-events: none;
}

.ambient-layer {
  z-index: 0;
  border-radius: 999px;
  filter: none;
  mix-blend-mode: screen;
  opacity: 0.62;
  animation: ambientFloat 11s ease-in-out infinite alternate;
}

.layer-one {
  width: 42vw;
  height: 42vw;
  right: 19vw;
  top: 14vh;
  background: rgba(255, 255, 255, 0.2);
}

.layer-two {
  width: 32vw;
  height: 32vw;
  right: 9vw;
  top: 25vh;
  background: rgba(255, 255, 255, 0.18);
  animation-delay: -3s;
}

.layer-three {
  width: 28vw;
  height: 28vw;
  right: 31vw;
  bottom: 3vh;
  background: rgba(141, 124, 255, 0.12);
  animation-delay: -6s;
}

.particle-field {
  z-index: 1;
  inset: 0;
  opacity: 0.38;
  background-image:
    radial-gradient(circle, rgba(255, 255, 255, 0.55) 0 1px, transparent 1.5px),
    radial-gradient(circle, rgba(255, 255, 255, 0.4) 0 1px, transparent 1.5px);
  background-position:
    12% 20%,
    74% 36%;
  background-size:
    170px 170px,
    230px 230px;
  mask-image: radial-gradient(ellipse at 62% 44%, black 0%, transparent 64%);
  animation: particleDrift 18s linear infinite;
}

.hero-home .hero-panel {
  max-width: 290px;
  margin-bottom: clamp(28px, 8vh, 86px);
  padding: 18px;
  border-radius: 18px;
  border-color: rgba(139, 242, 255, 0.2);
  background: rgba(5, 14, 22, 0.34);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 24px 70px rgba(0, 0, 0, 0.26),
    0 0 42px rgba(255, 255, 255, 0.08);
}

.hero-home .hero-panel div {
  padding: 10px 0;
  border-left: 0;
  border-bottom: 1px solid rgba(139, 242, 255, 0.12);
  background: transparent;
}

.hero-home .hero-panel div:last-child {
  border-bottom: 0;
}

.founder-line {
  border: 0;
  padding: 0;
  color: rgba(220, 236, 241, 0.72) !important;
  background: transparent;
  box-shadow: none;
}

.poster-strip {
  min-height: 460px;
  background:
    linear-gradient(180deg, rgba(5, 7, 13, 0.96), rgba(3, 6, 11, 0.98)),
    #02050a;
}

.scan-object-img {
  opacity: 0.8;
  filter:
    hue-rotate(76deg)
    saturate(1.1)
    contrast(1.02)
    drop-shadow(0 0 44px rgba(255, 255, 255, 0.16));
}

.product-section,
.feature-band,
.services-section,
.workteam-showcase,
.cta-section {
  position: relative;
  overflow: hidden;
}

.product-section::before,
.services-section::before,
.workteam-showcase::before,
.cta-section::before {
  content: "";
  position: absolute;
  inset: -25%;
  pointer-events: none;
  background:
    radial-gradient(circle at 70% 22%, rgba(255, 255, 255, 0.11), transparent 25rem),
    radial-gradient(circle at 18% 82%, rgba(255, 255, 255, 0.08), transparent 24rem);
  filter: none;
}

.workteam-showcase {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(280px, 0.8fr);
  gap: clamp(28px, 6vw, 88px);
  align-items: center;
  background: linear-gradient(180deg, #05070d, #07131a);
}

.workteam-visual {
  position: relative;
  z-index: 1;
}

.workteam-visual::before {
  content: "";
  position: absolute;
  inset: 9% 2% 0;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.32), transparent 66%);
  filter: none;
}

.workteam-visual img {
  position: relative;
  z-index: 1;
  width: 100%;
  object-fit: contain;
  filter:
    drop-shadow(0 0 44px rgba(255, 255, 255, 0.18))
    drop-shadow(0 24px 70px rgba(0, 0, 0, 0.48));
}

.subnote {
  margin: -8px 0 18px;
  color: var(--accent) !important;
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.86rem !important;
  text-transform: uppercase;
}

.pricing-grid {
  gap: 18px;
}

.price-card {
  min-height: 390px;
  padding: 24px;
  border-radius: 18px;
}

.price-placeholder {
  display: block;
  margin-top: 10px;
  color: var(--text);
  font-size: clamp(2rem, 3vw, 3rem);
  letter-spacing: 0;
}

.price-card.featured {
  transform: translateY(-8px);
  box-shadow:
    0 28px 90px rgba(0, 0, 0, 0.36),
    0 0 70px rgba(255, 255, 255, 0.16);
}

.member-card {
  border-radius: 18px;
}

.member-photo {
  border-radius: 14px;
}

.hero-workteam,
.hero-software {
  min-height: 82vh;
  isolation: isolate;
  background:
    radial-gradient(circle at 64% 42%, rgba(255, 255, 255, 0.16), transparent 24rem),
    radial-gradient(circle at 74% 28%, rgba(255, 255, 255, 0.14), transparent 27rem),
    radial-gradient(circle at 18% 78%, rgba(141, 124, 255, 0.1), transparent 28rem),
    linear-gradient(180deg, #04070c 0%, #07131a 56%, #05070d 100%);
}

.hero-workteam::before,
.hero-software::before {
  background:
    linear-gradient(90deg, rgba(5, 7, 13, 0.94) 0%, rgba(5, 7, 13, 0.68) 42%, rgba(5, 7, 13, 0.2) 72%, rgba(5, 7, 13, 0.86) 100%),
    radial-gradient(ellipse at 67% 48%, rgba(255, 255, 255, 0.24), transparent 38%),
    radial-gradient(ellipse at 72% 34%, rgba(255, 255, 255, 0.18), transparent 31%);
}

.hero-workteam .hero-grid,
.hero-software .hero-grid {
  grid-template-columns: minmax(320px, 0.82fr) minmax(230px, 320px);
  min-height: 60vh;
  align-items: end;
}

.hero-workteam h1,
.hero-software h1,
.hero-home h1,
.price-placeholder {
  letter-spacing: 0;
}

.hero-workteam .hero-panel,
.hero-software .hero-panel {
  max-width: 300px;
  margin-bottom: clamp(24px, 7vh, 74px);
  padding: 18px;
  border-radius: 18px;
  border-color: rgba(139, 242, 255, 0.2);
  background: rgba(5, 14, 22, 0.34);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 24px 70px rgba(0, 0, 0, 0.26),
    0 0 42px rgba(255, 255, 255, 0.08);
}

.hero-workteam .hero-panel div,
.hero-software .hero-panel div {
  padding: 10px 0;
  border-left: 0;
  border-bottom: 1px solid rgba(139, 242, 255, 0.12);
  background: transparent;
}

.hero-workteam .hero-panel div:last-child,
.hero-software .hero-panel div:last-child {
  border-bottom: 0;
}

.hero-workteam .team-hero-image {
  right: clamp(2vw, 7vw, 110px);
  bottom: 0;
  width: min(58vw, 920px);
  height: min(72vh, 720px);
  opacity: 0.88;
  object-position: right bottom;
}

.hero-software .hero-copy {
  max-width: 680px;
  padding-top: 0;
}

.compact-actions {
  align-items: center;
}

.price-card li::before {
  content: "+";
}

@keyframes ambientFloat {
  from {
    transform: translate3d(-10px, -8px, 0) scale(0.98);
  }
  to {
    transform: translate3d(12px, 10px, 0) scale(1.04);
  }
}

@keyframes particleDrift {
  from {
    background-position: 12% 20%, 74% 36%;
  }
  to {
    background-position: 18% 26%, 68% 32%;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

@media (max-width: 1180px) {
  .card-grid,
  .service-grid,
  .pricing-grid,
  .timeline,
  .member-grid,
  .contact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .leadership,
  .story-grid,
  .competition-list,
  .post-grid,
  .site-footer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .site-footer {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 840px) {
  .site-header {
    min-height: 72px;
  }

  .nav-toggle {
    display: block;
  }

  .site-nav {
    position: fixed;
    inset: 72px 14px auto;
    display: none;
    grid-template-columns: 1fr;
    gap: 0;
    margin-left: 0;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(5, 8, 8, 0.96);
    box-shadow: var(--shadow);
  }

  .site-nav.is-open {
    display: grid;
  }

  .site-nav a {
    padding: 14px;
    border-radius: 8px;
  }

  .site-nav a:hover {
    background: rgba(255, 255, 255, 0.05);
  }

  .hero {
    min-height: auto;
    padding-top: 112px;
  }

  .hero::before {
    background:
      linear-gradient(180deg, rgba(7, 8, 6, 0.99) 0%, rgba(7, 8, 6, 0.82) 100%),
      url("logoclaro.png") center 74% / 92vw auto no-repeat;
    opacity: 0.76;
  }

  .hero-subpage::before,
  .hero-workteam::before {
    background:
      linear-gradient(180deg, rgba(7, 8, 6, 0.99) 0%, rgba(7, 8, 6, 0.82) 100%),
      url("../logoclaro.png") center 74% / 92vw auto no-repeat;
  }

  .hero-grid,
  .split,
  .feature-band,
  .product-section {
    grid-template-columns: 1fr;
  }

  .founder-hero-image,
  .team-hero-image {
    width: 100%;
    height: 44vh;
    opacity: 0.62;
    object-position: center bottom;
  }

  .founder-hero-image {
    right: 0;
    width: 100%;
    height: 52vh;
    opacity: 0.52;
  }

  .hero-home {
    min-height: 92vh;
    padding-bottom: 52px;
  }

  .hero-home .hero-grid {
    min-height: 74vh;
  }

  .hero-home .hero-copy,
  .hero-workteam .hero-copy {
    padding-top: 34vh;
    padding-bottom: 0;
  }

  .hero-home .hero-panel {
    max-width: 100%;
    margin-bottom: 0;
  }

  .workteam-showcase {
    grid-template-columns: 1fr;
  }

  .hero-panel {
    max-width: 520px;
  }

  .poster-word {
    display: none;
  }

  .poster-strip {
    min-height: 430px;
  }

  .poster-caption {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .team-row {
    grid-template-columns: 1fr;
  }
}

/* Final hero fixes: remove noisy MAIN label and make Sebastian's role explicit. */
.hero-home .poster-title-left {
  display: none;
}

.hero-home .founder-card {
  position: absolute;
  z-index: 9;
  display: grid;
  right: clamp(42px, 7vw, 120px);
  top: 48%;
  width: min(27vw, 360px);
  max-width: 360px;
  margin: 0;
  padding: 0;
  transform: translateY(-50%);
  color: rgba(244, 251, 255, 0.92);
}

.hero-home .founder-card div {
  padding: 13px 0;
  border-bottom: 1px solid rgba(220, 236, 241, 0.16);
  background: transparent;
}

.hero-home .founder-card span {
  display: block;
  margin-bottom: 6px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.66rem;
}

.hero-home .founder-card strong {
  display: block;
  color: rgba(244, 251, 255, 0.95);
  font-size: clamp(1rem, 1.45vw, 1.45rem);
  line-height: 1.05;
}

.hero-home .founder-card div:first-child strong {
  font-family: Impact, "Arial Black", Inter, sans-serif;
  font-size: clamp(2.2rem, 4vw, 4.2rem);
  line-height: 0.88;
  text-transform: uppercase;
}

.pricing-grid {
  align-items: stretch;
}

.price-card {
  min-height: 430px;
}

.price-card ul {
  gap: 9px;
}

@media (max-width: 1180px) {
  .hero-home .founder-card {
    right: clamp(24px, 5vw, 72px);
    width: min(31vw, 320px);
  }
}

@media (max-width: 840px) {
  .hero-home .founder-card {
    position: relative;
    right: auto;
    top: auto;
    width: min(100%, 340px);
    margin-top: 18px;
    transform: none;
  }

  .hero-home .founder-card div {
    padding: 8px 0;
  }

  .hero-home .founder-card div:first-child strong {
    font-size: 2.2rem;
  }
}

@media (max-width: 560px) {
  h1 {
    font-size: clamp(2.35rem, 13vw, 4rem);
  }

  h2 {
    font-size: clamp(1.85rem, 11vw, 3rem);
  }

  .brand img {
    width: 118px;
  }

  .card-grid,
  .service-grid,
  .pricing-grid,
  .timeline,
  .member-grid,
  .post-grid,
  .contact-grid {
    grid-template-columns: 1fr;
  }

  .button {
    width: 100%;
  }
}

@media (max-width: 840px) {
  .hero-home::before,
  .hero-workteam::before,
  .hero-software::before {
    background:
      linear-gradient(180deg, rgba(5, 7, 13, 0.94) 0%, rgba(5, 7, 13, 0.58) 46%, rgba(5, 7, 13, 0.94) 100%),
      radial-gradient(ellipse at 50% 34%, rgba(255, 255, 255, 0.24), transparent 42%),
      radial-gradient(ellipse at 64% 24%, rgba(255, 255, 255, 0.17), transparent 36%);
  }

  .hero-workteam,
  .hero-software {
    min-height: 88vh;
  }

  .hero-workteam .hero-grid,
  .hero-software .hero-grid {
    grid-template-columns: 1fr;
    min-height: 70vh;
  }

  .hero-workteam .hero-panel,
  .hero-software .hero-panel {
    max-width: 100%;
    margin-bottom: 0;
  }

  .hero-workteam .team-hero-image {
    right: 0;
    width: 100%;
    height: 50vh;
    opacity: 0.5;
    object-position: center bottom;
  }
}

/* Editorial poster direction inspired by the new PDF reference */
body {
  background:
    radial-gradient(ellipse at 54% 10%, rgba(75, 255, 167, 0.18), transparent 34rem),
    radial-gradient(ellipse at 84% 38%, rgba(255, 255, 255, 0.12), transparent 32rem),
    radial-gradient(ellipse at 18% 86%, rgba(141, 124, 255, 0.09), transparent 30rem),
    linear-gradient(180deg, #020403 0%, #06120d 42%, #020403 100%);
}

body::before {
  z-index: -3;
  background:
    radial-gradient(circle at 50% 22%, rgba(255, 255, 255, 0.18), transparent 22rem),
    radial-gradient(circle at 42% 52%, rgba(0, 132, 87, 0.22), transparent 34rem),
    linear-gradient(115deg, transparent 0 18%, rgba(255, 255, 255, 0.055) 42%, transparent 66%);
  filter: none;
}

body::after {
  z-index: -1;
  opacity: 0.18;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.56) 0 0.7px, transparent 1px),
    radial-gradient(circle at 70% 60%, rgba(255, 255, 255, 0.34) 0 0.7px, transparent 1px),
    linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 5px 5px, 7px 7px, 100% 4px;
  mask-image: none;
  mix-blend-mode: screen;
}

.site-header {
  min-height: 64px;
  border-bottom: 0;
  background: linear-gradient(180deg, rgba(2, 4, 3, 0.82), rgba(2, 4, 3, 0.22));
}

.site-nav {
  gap: clamp(12px, 2vw, 28px);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.74rem;
  font-weight: 700;
  text-transform: uppercase;
}

.brand img {
  width: 120px;
}

.hero-home,
.hero-workteam {
  min-height: 100svh;
  padding: 86px clamp(18px, 4vw, 72px) 48px;
  border-bottom: 0;
  background:
    radial-gradient(ellipse at 56% 47%, rgba(63, 255, 149, 0.28), transparent 28rem),
    radial-gradient(ellipse at 61% 48%, rgba(255, 255, 255, 0.16), transparent 42rem),
    radial-gradient(ellipse at 52% 74%, rgba(141, 124, 255, 0.1), transparent 28rem),
    linear-gradient(180deg, #020403 0%, #041008 54%, #020403 100%);
}

.hero-home::before,
.hero-workteam::before {
  opacity: 1;
  background:
    linear-gradient(90deg, rgba(2, 4, 3, 0.94) 0%, rgba(2, 4, 3, 0.5) 30%, rgba(2, 4, 3, 0.08) 54%, rgba(2, 4, 3, 0.7) 100%),
    radial-gradient(ellipse at 54% 48%, rgba(77, 255, 158, 0.42), transparent 34%),
    radial-gradient(ellipse at 58% 44%, rgba(24, 148, 96, 0.38), transparent 48%),
    conic-gradient(from 230deg at 54% 48%, transparent, rgba(255, 255, 255, 0.08), transparent, rgba(255, 255, 255, 0.08), transparent);
  filter: contrast(1.08);
}

.hero-home::after,
.hero-workteam::after {
  left: 0;
  right: 0;
  bottom: 0;
  height: 34vh;
  opacity: 0.7;
  background:
    linear-gradient(180deg, transparent, rgba(2, 4, 3, 0.9)),
    radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, 0.18), transparent 58%);
  box-shadow: none;
}

.hero-home .hero-grid,
.hero-workteam .hero-grid {
  grid-template-columns: minmax(250px, 0.75fr) minmax(180px, 280px);
  min-height: calc(100svh - 140px);
  align-items: end;
}

.hero-home .hero-copy,
.hero-workteam .hero-copy {
  z-index: 8;
  max-width: 520px;
  padding: 0 0 clamp(38px, 10vh, 112px);
}

.hero-home h1,
.hero-workteam h1 {
  display: grid;
  gap: 0;
  max-width: 620px;
  margin-bottom: 18px;
  font-family: Impact, "Arial Black", Inter, sans-serif;
  font-size: clamp(4.6rem, 12vw, 11rem);
  font-weight: 900;
  line-height: 0.76;
  letter-spacing: 0;
  text-transform: uppercase;
}

.hero-home h1 span:nth-child(2) {
  padding-left: clamp(1.8rem, 6vw, 7rem);
  color: rgba(244, 251, 255, 0.82);
}

.hero-home h1 span:nth-child(3) {
  padding-left: clamp(0.4rem, 2vw, 2.4rem);
  color: rgba(255, 255, 255, 0.92);
  text-shadow: 0 0 34px rgba(255, 255, 255, 0.28);
}

.hero-workteam h1 {
  font-size: clamp(4rem, 10vw, 9rem);
}

.hero-home .hero-copy p:not(.eyebrow):not(.founder-line),
.hero-workteam .hero-copy p:not(.eyebrow):not(.founder-line):not(.subnote) {
  max-width: 390px;
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: clamp(0.72rem, 1vw, 0.94rem);
  line-height: 1.45;
  text-transform: uppercase;
}

.eyebrow,
.subnote,
.hero-microcopy,
.poster-title span,
.hero-panel span {
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
}

.founder-hero-image {
  z-index: 5;
  right: 50%;
  bottom: -7vh;
  width: min(58vw, 880px);
  height: min(96vh, 940px);
  transform: translate3d(54%, var(--parallax-y, 0px), 0) scale(1.2);
  object-position: center bottom;
  filter:
    drop-shadow(0 0 54px rgba(255, 255, 255, 0.52))
    drop-shadow(0 0 160px rgba(63, 255, 149, 0.34))
    drop-shadow(0 34px 80px rgba(0, 0, 0, 0.72))
    saturate(1.16)
    contrast(1.09)
    brightness(0.9);
}

.team-hero-image {
  z-index: 3;
  right: 50%;
  bottom: -2vh;
  width: min(68vw, 980px);
  height: min(82vh, 820px);
  transform: translate3d(50%, var(--parallax-y, 0px), 0) scale(1.08);
  object-position: center bottom;
}

.poster-title {
  position: absolute;
  z-index: 6;
  display: grid;
  gap: 3px;
  color: rgba(244, 251, 255, 0.94);
  text-transform: uppercase;
  mix-blend-mode: screen;
}

.poster-title strong {
  font-family: Impact, "Arial Black", Inter, sans-serif;
  font-size: clamp(2rem, 5vw, 5.4rem);
  font-weight: 900;
  line-height: 0.82;
}

.poster-title span {
  color: rgba(220, 236, 241, 0.62);
  font-size: 0.62rem;
}

.poster-title-left {
  left: clamp(18px, 6vw, 94px);
  top: clamp(120px, 22vh, 230px);
}

.poster-title-right {
  right: clamp(18px, 7vw, 110px);
  top: clamp(128px, 24vh, 260px);
  text-align: right;
}

.giant-backdrop-word {
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: clamp(8px, 3vh, 42px);
  transform: translateX(-50%) scaleX(1.14);
  color: rgba(255, 255, 255, 0.055);
  font-family: Impact, "Arial Black", Inter, sans-serif;
  font-size: clamp(7rem, 22vw, 22rem);
  font-weight: 900;
  line-height: 0.72;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-shadow: 0 0 80px rgba(255, 255, 255, 0.18);
  white-space: nowrap;
}

.hero-microcopy {
  position: absolute;
  z-index: 6;
  right: clamp(18px, 5vw, 80px);
  bottom: clamp(22px, 4vh, 54px);
  max-width: 430px;
  margin: 0;
  color: rgba(220, 236, 241, 0.7);
  font-size: 0.62rem;
  line-height: 1.45;
  text-align: right;
  text-transform: uppercase;
}

.hero-home .hero-panel,
.hero-workteam .hero-panel {
  z-index: 6;
  max-width: 240px;
  margin-bottom: clamp(60px, 14vh, 140px);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

.hero-home .hero-panel {
  display: none;
}

.hero-home .hero-panel div,
.hero-workteam .hero-panel div {
  padding: 10px 0;
  border-bottom: 1px solid rgba(220, 236, 241, 0.16);
}

.hero .hero-copy.reveal,
.hero .hero-panel.reveal {
  opacity: 1;
  transform: none;
}

.button {
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.primary {
  background: #effff8;
  color: #020403;
  box-shadow: 0 0 34px rgba(255, 255, 255, 0.2);
}

.secondary,
.ghost {
  border-color: rgba(220, 236, 241, 0.28);
  background: rgba(2, 4, 3, 0.18);
}

.section {
  position: relative;
  padding: clamp(78px, 12vw, 160px) clamp(18px, 5vw, 92px);
  border-bottom: 0;
}

.section::after {
  content: "";
  position: absolute;
  left: clamp(18px, 5vw, 92px);
  right: clamp(18px, 5vw, 92px);
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.24), transparent);
}

.poster-strip {
  min-height: 58vh;
  border: 0;
  background:
    radial-gradient(ellipse at 46% 46%, rgba(255, 255, 255, 0.12), transparent 30rem),
    #020403;
}

.poster-caption {
  bottom: clamp(34px, 7vh, 86px);
}

.poster-caption h2,
.section-heading h2,
.feature-copy h2,
.cta-content h2 {
  font-family: Impact, "Arial Black", Inter, sans-serif;
  font-weight: 900;
  line-height: 0.86;
  letter-spacing: 0;
}

.product-section,
.workteam-showcase,
.services-section,
.internal-team-section,
.cta-section {
  background:
    radial-gradient(ellipse at 72% 12%, rgba(255, 255, 255, 0.11), transparent 26rem),
    radial-gradient(ellipse at 20% 80%, rgba(255, 255, 255, 0.07), transparent 28rem),
    #020403;
}

.pricing-grid,
.member-grid,
.timeline,
.post-grid,
.service-grid {
  gap: clamp(10px, 1.8vw, 22px);
}

.price-card,
.member-card,
.timeline-item,
.post-card,
.service-card,
.metric-grid article {
  border-width: 0 0 1px;
  border-radius: 0;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01)),
    rgba(2, 4, 3, 0.38);
  box-shadow: none;
}

.price-card,
.timeline-item,
.post-card {
  min-height: 300px;
}

.price-card.featured {
  transform: none;
  border: 1px solid rgba(255, 255, 255, 0.34);
  background:
    radial-gradient(circle at 64% 0%, rgba(255, 255, 255, 0.16), transparent 14rem),
    rgba(2, 4, 3, 0.54);
}

.price-card h3,
.member-card h3,
.timeline-item h3 {
  font-family: Impact, "Arial Black", Inter, sans-serif;
  font-size: clamp(1.8rem, 3vw, 3rem);
  line-height: 0.9;
  letter-spacing: 0;
  text-transform: uppercase;
}

.price-placeholder {
  font-family: Impact, "Arial Black", Inter, sans-serif;
}

.member-photo {
  aspect-ratio: 3 / 4;
  border: 0;
  border-radius: 0;
  object-fit: cover;
  filter:
    saturate(1.12)
    contrast(1.12)
    brightness(0.78)
    drop-shadow(0 0 34px rgba(255, 255, 255, 0.16));
}

.member-card:nth-child(even) {
  transform: translateY(38px);
}

.member-card:hover,
.price-card:hover,
.timeline-item:hover,
.post-card:hover {
  transform: translateY(-6px) scale(1.01);
  border-color: rgba(255, 255, 255, 0.46);
  box-shadow: 0 0 70px rgba(255, 255, 255, 0.08);
}

.member-card:nth-child(even):hover {
  transform: translateY(30px) scale(1.01);
}

.workteam-showcase {
  grid-template-columns: minmax(280px, 0.95fr) minmax(260px, 0.7fr);
  min-height: 82vh;
}

.workteam-visual img {
  transform: scale(1.08) rotate(-1deg);
}

.post-media {
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(ellipse at 50% 42%, rgba(255, 255, 255, 0.2), transparent 13rem),
    linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(141, 124, 255, 0.05)),
    #030604;
  font-family: Impact, "Arial Black", Inter, sans-serif;
  font-size: 2rem;
  text-transform: uppercase;
}

@media (max-width: 840px) {
  .hero-home,
  .hero-workteam {
    min-height: 100svh;
    padding-top: 80px;
  }

  .hero-home .hero-grid,
  .hero-workteam .hero-grid {
    min-height: calc(100svh - 120px);
  }

  .founder-hero-image,
  .team-hero-image {
    z-index: 2;
    right: 50%;
    width: 108%;
    height: 72vh;
    bottom: -14vh;
    opacity: 0.5;
    transform: translate3d(50%, var(--parallax-y, 0px), 0) scale(1.1);
  }

  .hero-home .hero-copy,
  .hero-workteam .hero-copy {
    padding-top: 30vh;
    padding-bottom: 110px;
  }

  .hero-home .hero-panel,
  .hero-workteam .hero-panel,
  .poster-title-right,
  .hero-microcopy {
    display: none;
  }

  .poster-title-left {
    top: 96px;
  }

  .giant-backdrop-word {
    font-size: 28vw;
  }

  .member-card:nth-child(even),
  .member-card:nth-child(even):hover {
    transform: none;
  }
}

/* Keep the founder credential visible after all editorial overrides. */
.hero-home .poster-title-left {
  display: none;
}

.hero-home .founder-card {
  position: absolute;
  z-index: 9;
  display: grid;
  right: clamp(42px, 7vw, 120px);
  top: 48%;
  width: min(27vw, 360px);
  max-width: 360px;
  margin: 0;
  padding: 0;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

.hero-home .founder-card div {
  padding: 13px 0;
  border-left: 0;
  border-bottom: 1px solid rgba(220, 236, 241, 0.16);
  background: transparent;
}

.hero-home .founder-card div:first-child strong {
  font-family: Impact, "Arial Black", Inter, sans-serif;
  font-size: clamp(2.2rem, 4vw, 4.2rem);
  line-height: 0.88;
  text-transform: uppercase;
}

@media (max-width: 840px) {
  .hero-home .founder-card {
    display: none;
  }
}

/* Final content fixes: updated plan density, Workteam photo containment, and Sebastian footer spacing. */
.pricing-grid {
  grid-template-columns: repeat(4, minmax(210px, 1fr));
}

.price-card {
  position: relative;
  min-height: 560px;
  gap: 12px;
  overflow: hidden;
}

.price-card > span {
  width: max-content;
  max-width: 100%;
  padding: 5px 10px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.06);
}

.price-card.featured {
  border-color: rgba(255, 255, 255, 0.72);
  background:
    radial-gradient(circle at 50% -8%, rgba(255, 255, 255, 0.34), transparent 15rem),
    radial-gradient(circle at 88% 18%, rgba(67, 255, 155, 0.22), transparent 13rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.11), rgba(2, 4, 3, 0.58)),
    rgba(2, 4, 3, 0.78);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.18) inset,
    0 0 54px rgba(255, 255, 255, 0.18),
    0 28px 90px rgba(0, 0, 0, 0.5);
}

.price-card.best-seller {
  border-color: rgba(255, 255, 255, 0.42);
  background:
    radial-gradient(circle at 72% 0%, rgba(255, 255, 255, 0.16), transparent 13rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.01)),
    rgba(2, 4, 3, 0.48);
}

.price-card.best-seller > span {
  border-color: rgba(255, 255, 255, 0.36);
  color: rgba(199, 250, 255, 0.95);
  background: rgba(255, 255, 255, 0.08);
}

.price-card.featured::before {
  content: "";
  position: absolute;
  inset: -35% -20% auto;
  height: 220px;
  pointer-events: none;
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.3), transparent 64%);
  filter: none;
}

.plan-note {
  max-width: 24ch;
  margin: -6px 0 2px;
  color: rgba(220, 236, 241, 0.78) !important;
  font-size: 0.84rem;
}

.price-card ul {
  gap: 7px;
}

.price-card li {
  font-size: 0.91rem;
  line-height: 1.32;
}

.workteam-showcase {
  overflow: hidden;
}

.internal-team-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(12px, 2vw, 24px);
  max-width: 1120px;
  margin: 36px auto 0;
}

.internal-member {
  min-height: 360px;
}

.internal-member,
.internal-member:hover,
.internal-team-grid .member-card:nth-child(even),
.internal-team-grid .member-card:nth-child(even):hover {
  transform: none;
}

.internal-member h3 {
  font-size: clamp(1.25rem, 2.2vw, 2rem);
  line-height: 1;
}

.internal-member span {
  color: rgba(255, 255, 255, 0.88);
}

.internal-member .avatar {
  width: 100%;
  height: auto;
  min-height: 220px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 0;
  background:
    radial-gradient(circle at 50% 34%, rgba(255, 255, 255, 0.2), transparent 11rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01)),
    rgba(2, 4, 3, 0.62);
  color: rgba(244, 251, 255, 0.92);
  font-family: Impact, "Arial Black", Inter, sans-serif;
  font-size: clamp(4rem, 8vw, 7rem);
  line-height: 1;
}

.workteam-visual {
  min-height: clamp(340px, 48vw, 640px);
  display: grid;
  align-items: end;
}

.workteam-visual img {
  width: min(100%, 980px);
  max-height: min(72vh, 680px);
  margin-inline: auto;
  object-fit: contain;
  object-position: center bottom;
  transform: none;
}

.hero-workteam .team-hero-image {
  z-index: 4;
  left: 50%;
  right: auto;
  bottom: -9vh;
  width: min(64vw, 1080px);
  height: min(74vh, 760px);
  transform: translate3d(-36%, var(--parallax-y, 0px), 0);
  object-fit: contain;
  object-position: center bottom;
}

.hero-workteam .hero-panel {
  display: none;
}

.hero-workteam .hero-copy {
  z-index: 12;
}

.hero-workteam .hero-actions,
.hero-workteam .button {
  position: relative;
  z-index: 13;
}

.hero-workteam::after {
  z-index: 5;
  background:
    linear-gradient(90deg, rgba(2, 4, 3, 0.92) 0%, rgba(2, 4, 3, 0.68) 27%, rgba(2, 4, 3, 0.12) 52%, transparent 78%),
    linear-gradient(180deg, transparent 44%, rgba(2, 4, 3, 0.86) 100%);
}

.hero-home .founder-card {
  top: 46%;
}

.hero-home .founder-card div:first-child strong {
  font-size: clamp(1.6rem, 3vw, 3.3rem);
}

.hero-home .founder-card a {
  color: inherit;
  text-decoration: none;
}

.hero-home .founder-card a:hover,
.hero-home .founder-card a:focus-visible {
  color: rgba(255, 255, 255, 0.96);
}

.hero-home .hero-copy,
.hero-home .hero-actions,
.hero-home .button {
  position: relative;
  z-index: 20;
  pointer-events: auto;
}

.poster-hero-image,
.ambient-layer,
.particle-field,
.giant-backdrop-word,
.poster-title {
  pointer-events: none;
}

.hero-home .workteam-cta {
  border-color: rgba(255, 255, 255, 0.62);
  color: rgba(236, 255, 248, 0.96);
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.22), transparent 72%),
    rgba(2, 4, 3, 0.34);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.12) inset,
    0 0 28px rgba(255, 255, 255, 0.12);
}

.hero-home .workteam-cta:hover,
.hero-home .workteam-cta:focus-visible {
  border-color: rgba(255, 255, 255, 0.94);
  color: #020403;
  background: #effff8;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.32) inset,
    0 0 38px rgba(255, 255, 255, 0.32);
}

.cursor-dot,
.cursor-ring {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  transform: translate3d(-50%, -50%, 0);
  transition:
    opacity 160ms ease,
    width 160ms ease,
    height 160ms ease,
    border-color 160ms ease,
    background 160ms ease;
}

.cursor-dot {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #effff8;
  box-shadow:
    0 0 12px rgba(255, 255, 255, 0.85),
    0 0 28px rgba(255, 255, 255, 0.28);
}

.cursor-ring {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255, 255, 255, 0.48);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
  mix-blend-mode: screen;
}

.cursor-dot.is-visible,
.cursor-ring.is-visible {
  opacity: 1;
}

.cursor-ring.is-active {
  width: 48px;
  height: 48px;
  border-color: rgba(239, 255, 248, 0.86);
  background: rgba(255, 255, 255, 0.1);
}

@media (pointer: coarse), (max-width: 840px) {
  .cursor-dot,
  .cursor-ring {
    display: none;
  }
}

.hero-home .founder-card div:last-child {
  padding-bottom: 18px;
}

.hero-home .hero-microcopy {
  right: auto;
  left: clamp(18px, 5vw, 80px);
  bottom: clamp(14px, 3vh, 34px);
  max-width: min(760px, 72vw);
  text-align: left;
}

@media (max-width: 1180px) {
  .pricing-grid {
    grid-template-columns: repeat(2, minmax(240px, 1fr));
  }

  .internal-team-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 840px) {
  .pricing-grid {
    grid-template-columns: 1fr;
  }

  .price-card {
    min-height: auto;
  }

  .workteam-visual {
    min-height: 320px;
  }

  .workteam-visual img {
    max-height: 440px;
  }

  .internal-team-grid {
    grid-template-columns: 1fr;
  }

  .internal-member {
    min-height: auto;
  }

  .hero-workteam .team-hero-image {
    right: 50%;
    left: auto;
    width: 108%;
    height: 70vh;
    transform: translate3d(50%, var(--parallax-y, 0px), 0) scale(1.04);
    object-position: center bottom;
  }
}

/* Workteam hero final layout: centered photo, title behind, copy split side to side. */
.hero-workteam {
  min-height: 100svh;
  isolation: isolate;
  padding: 92px clamp(18px, 4vw, 72px) 34px;
}

.hero-workteam::before {
  z-index: 0;
  background:
    radial-gradient(ellipse at 50% 43%, rgba(255, 255, 255, 0.46), transparent 31rem),
    radial-gradient(ellipse at 55% 49%, rgba(255, 255, 255, 0.2), transparent 44rem),
    linear-gradient(90deg, rgba(2, 4, 3, 0.94) 0%, rgba(2, 4, 3, 0.24) 42%, rgba(2, 4, 3, 0.24) 58%, rgba(2, 4, 3, 0.9) 100%),
    #020403;
}

.hero-workteam::after {
  z-index: 7;
  height: 38vh;
  opacity: 0.88;
  background:
    linear-gradient(90deg, rgba(2, 4, 3, 0.9) 0%, rgba(2, 4, 3, 0.45) 24%, transparent 43%, transparent 62%, rgba(2, 4, 3, 0.5) 100%),
    linear-gradient(180deg, transparent 0%, rgba(2, 4, 3, 0.88) 100%);
}

.hero-workteam .giant-backdrop-word {
  display: none;
}

.hero-workteam .hero-grid {
  z-index: 12;
  grid-template-columns: minmax(250px, 390px) minmax(220px, 310px);
  justify-content: space-between;
  align-items: end;
  width: 100%;
  min-height: calc(100svh - 126px);
  gap: clamp(24px, 42vw, 720px);
}

.hero-workteam .hero-copy {
  z-index: 13;
  max-width: 390px;
  padding: 0 0 clamp(58px, 10vh, 112px);
}

.hero-workteam h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.workteam-title-backdrop {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: clamp(250px, 35vh, 360px);
  width: 94vw;
  max-width: none;
  margin: 0;
  transform: translateX(-50%);
  color: rgba(244, 251, 255, 0.88);
  font-family: Impact, "Arial Black", Inter, sans-serif;
  font-weight: 900;
  font-size: clamp(5.4rem, 14vw, 16rem);
  line-height: 0.78;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 0 0 40px rgba(255, 255, 255, 0.12);
  pointer-events: none;
}

.hero-workteam .hero-copy p:not(.eyebrow):not(.founder-line):not(.subnote) {
  max-width: 36ch;
}

.hero-workteam .team-hero-image {
  z-index: 6;
  left: 50%;
  right: auto;
  bottom: -5vh;
  width: min(82vw, 1320px);
  height: min(84vh, 860px);
  opacity: 0.98;
  transform: translate3d(-50%, var(--parallax-y, 0px), 0);
  object-fit: contain;
  object-position: center bottom;
  filter:
    drop-shadow(0 0 42px rgba(255, 255, 255, 0.26))
    drop-shadow(0 30px 90px rgba(0, 0, 0, 0.62))
    saturate(1.1)
    contrast(1.08)
    brightness(0.88);
}

.hero-workteam .hero-panel {
  position: relative;
  z-index: 13;
  display: grid;
  width: min(100%, 310px);
  max-width: 310px;
  margin: 0 0 clamp(76px, 13vh, 148px);
  color: rgba(244, 251, 255, 0.88);
  opacity: 1;
}

.hero-workteam .hero-panel div {
  padding: 14px 0;
  border-bottom: 1px solid rgba(220, 236, 241, 0.18);
}

.hero-workteam .hero-panel strong {
  display: block;
  font-size: clamp(1rem, 1.25vw, 1.25rem);
  line-height: 1.12;
}

.hero-workteam .hero-microcopy {
  z-index: 14;
}

@media (max-width: 1180px) {
  .hero-workteam .hero-grid {
    gap: clamp(18px, 24vw, 360px);
  }

  .hero-workteam .team-hero-image {
    width: min(92vw, 1120px);
  }
}

@media (max-width: 840px) {
  .hero-workteam {
    min-height: 100svh;
    padding: 82px 18px 28px;
  }

  .hero-workteam .poster-title-left,
  .hero-workteam .poster-title-right,
  .hero-workteam .hero-microcopy {
    display: none;
  }

  .hero-workteam .hero-grid {
    grid-template-columns: 1fr;
    align-content: end;
    min-height: calc(100svh - 110px);
    padding-top: 45vh;
    gap: 18px;
  }

  .workteam-title-backdrop {
    top: 15vh;
    bottom: auto;
    width: 112vw;
    font-size: clamp(4rem, 19vw, 7rem);
  }

  .hero-workteam .team-hero-image {
    left: 50%;
    right: auto;
    bottom: 25vh;
    width: 118vw;
    height: 56vh;
    opacity: 0.82;
    transform: translate3d(-50%, var(--parallax-y, 0px), 0);
  }

  .hero-workteam .hero-copy {
    max-width: 100%;
    padding: 0;
  }

  .hero-workteam .hero-panel {
    width: 100%;
    max-width: none;
    margin: 0;
  }
}

@media (max-width: 560px) {
  body {
    overflow-x: hidden;
  }

  .hero-workteam {
    padding-inline: 16px;
  }

  .hero-workteam .hero-grid {
    padding-top: 42vh;
  }

  .hero-workteam .team-hero-image {
    bottom: 31vh;
    width: 132vw;
    height: 50vh;
  }

  .workteam-title-backdrop {
    top: 17vh;
    width: 124vw;
    font-size: clamp(3.5rem, 22vw, 5.8rem);
  }

  .hero-workteam .hero-actions {
    gap: 8px;
  }

  .hero-workteam .button {
    min-height: 38px;
    padding-inline: 10px;
    font-size: 0.66rem;
  }
}

/* Final Tobaru web polish: clean Frutiger Aero SaaS, replacing old poster styling. */
body[data-theme] {
  overflow-x: hidden;
  background:
    radial-gradient(ellipse at 80% 4%, color-mix(in srgb, var(--accent-2) 22%, transparent), transparent 34rem),
    radial-gradient(ellipse at 8% 86%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 34rem),
    linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 54%, var(--bg) 100%);
  color: var(--text);
}

body[data-theme]::before {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.22), transparent 30%),
    radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 52rem);
  opacity: 1;
  filter: none;
}

body[data-theme]::after {
  opacity: 0.12;
  background-image:
    linear-gradient(var(--line) 1px, transparent 1px),
    linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size: 96px 96px;
  mix-blend-mode: normal;
  mask-image: linear-gradient(180deg, transparent 0%, black 18%, black 74%, transparent 100%);
}

body[data-theme] .site-header {
  min-height: 72px;
  border-bottom: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface-strong) 86%, transparent);
  box-shadow: 0 18px 60px rgba(10, 17, 24, 0.1);
  backdrop-filter: none;
}

body[data-theme] .site-nav {
  gap: clamp(8px, 1.6vw, 22px);
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--surface) 70%, transparent);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: none;
}

body[data-theme] .site-nav a {
  padding: 8px 12px;
  border-radius: 999px;
}

body[data-theme] .brand img {
  width: 118px;
}

body[data-theme] .language-switch {
  gap: 6px;
  padding: 6px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--surface) 72%, transparent);
  backdrop-filter: none;
}

body[data-theme] .language-switch button,
body[data-theme] .theme-switch {
  min-height: 32px;
  padding: 0 11px;
  border-radius: 999px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.72rem;
  letter-spacing: 0;
}

body[data-theme] .hero-home,
body[data-theme] .hero-software,
body[data-theme] .hero-subpage {
  min-height: 92svh;
  padding: 112px clamp(20px, 5vw, 84px) 72px;
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--surface-strong) 22%, transparent), transparent 42%),
    radial-gradient(ellipse at 78% 24%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 30rem),
    radial-gradient(ellipse at 18% 78%, color-mix(in srgb, var(--accent-2) 16%, transparent), transparent 34rem),
    linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 100%);
  isolation: isolate;
}

body[data-theme] .hero-home::before,
body[data-theme] .hero-software::before,
body[data-theme] .hero-subpage::before {
  opacity: 0.42;
  background:
    url("logoclaro.png") right 7vw center / min(32vw, 430px) auto no-repeat,
    linear-gradient(120deg, rgba(255, 255, 255, 0.26), transparent 42%),
    radial-gradient(ellipse at 72% 26%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 45%);
  filter: saturate(1.04);
}

body[data-theme="light"] .hero-home::before,
body[data-theme="light"] .hero-software::before,
body[data-theme="light"] .hero-subpage::before {
  background:
    url("logoapp.png") right 7vw center / min(32vw, 430px) auto no-repeat,
    linear-gradient(120deg, rgba(255, 255, 255, 0.5), transparent 42%),
    radial-gradient(ellipse at 72% 26%, rgba(255, 255, 255, 0.2), transparent 45%);
}

body[data-theme] .hero-subpage::before,
body[data-theme] .hero-software::before {
  background:
    url("../logoclaro.png") right 7vw center / min(32vw, 430px) auto no-repeat,
    linear-gradient(120deg, rgba(255, 255, 255, 0.26), transparent 42%),
    radial-gradient(ellipse at 72% 26%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 45%);
}

body[data-theme="light"] .hero-subpage::before,
body[data-theme="light"] .hero-software::before {
  background:
    url("../logoapp.png") right 7vw center / min(32vw, 430px) auto no-repeat,
    linear-gradient(120deg, rgba(255, 255, 255, 0.5), transparent 42%),
    radial-gradient(ellipse at 72% 26%, rgba(255, 255, 255, 0.2), transparent 45%);
}

body[data-theme] .hero-home::after,
body[data-theme] .hero-software::after,
body[data-theme] .hero-subpage::after {
  height: 36%;
  opacity: 0.74;
  background:
    linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--bg) 72%, transparent) 100%),
    radial-gradient(ellipse at 58% 0%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 64%);
  box-shadow: none;
}

body[data-theme] .hero-home .hero-grid,
body[data-theme] .hero-software .hero-grid,
body[data-theme] .hero-subpage .hero-grid {
  grid-template-columns: minmax(280px, 0.9fr) minmax(280px, 0.55fr);
  min-height: calc(92svh - 184px);
  align-items: center;
  gap: clamp(28px, 6vw, 86px);
}

body[data-theme] .hero-home .hero-copy,
body[data-theme] .hero-software .hero-copy,
body[data-theme] .hero-subpage .hero-copy {
  max-width: 680px;
  padding: 0;
  color: var(--text);
}

body[data-theme] .hero-home h1,
body[data-theme] .hero-software h1,
body[data-theme] .hero-subpage h1 {
  display: block;
  max-width: 780px;
  margin: 0 0 22px;
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(3.1rem, 7vw, 7rem);
  font-weight: 900;
  line-height: 0.92;
  letter-spacing: 0;
  text-transform: none;
  text-shadow: none;
}

body[data-theme] .hero-home h1 span,
body[data-theme] .hero-home h1 span:nth-child(2),
body[data-theme] .hero-home h1 span:nth-child(3) {
  display: inline;
  padding-left: 0;
  color: inherit;
  text-shadow: none;
}

body[data-theme] .hero-home h1 span:nth-child(3),
body[data-theme] .hero-software h1 strong,
body[data-theme] .hero-copy .eyebrow {
  color: var(--accent);
}

body[data-theme="dark"] .hero-home h1 span:nth-child(3),
body[data-theme="dark"] .hero-copy .eyebrow {
  color: #f7faff;
}

body[data-theme] .hero-home .hero-copy p:not(.eyebrow):not(.founder-line),
body[data-theme] .hero-software .hero-copy p:not(.eyebrow):not(.founder-line),
body[data-theme] .hero-subpage .hero-copy p:not(.eyebrow):not(.founder-line) {
  max-width: 62ch;
  color: var(--muted);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(1rem, 1.4vw, 1.22rem);
  line-height: 1.6;
  text-transform: none;
}

body[data-theme] .eyebrow,
body[data-theme] .subnote,
body[data-theme] .hero-microcopy,
body[data-theme] .poster-title span,
body[data-theme] .hero-panel span {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0.02em;
  text-transform: none;
}

body[data-theme] .hero-actions {
  gap: 12px;
}

body[data-theme] .button {
  min-height: 46px;
  padding: 0 18px;
  border-radius: 999px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.92rem;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: none;
}

body[data-theme] .poster-title,
body[data-theme] .giant-backdrop-word {
  display: none;
}

body[data-theme] .founder-hero-image,
body[data-theme] .team-hero-image {
  opacity: 0.86;
  filter:
    drop-shadow(0 28px 74px rgba(10, 17, 24, 0.22))
    saturate(1.02)
    contrast(1.02);
}

body[data-theme] .hero-home .hero-panel,
body[data-theme] .hero-software .hero-panel,
body[data-theme] .hero-subpage .hero-panel {
  display: grid;
  max-width: 360px;
  margin: 0;
  border: 1px solid var(--line);
  border-radius: 28px;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--surface-strong) 92%, transparent), color-mix(in srgb, var(--surface) 72%, transparent));
  box-shadow: var(--shadow), inset 0 1px 0 rgba(255, 255, 255, 0.25);
  backdrop-filter: none;
}

body[data-theme] .hero-home .founder-card {
  display: grid;
}

body[data-theme] .hero-home .hero-panel div,
body[data-theme] .hero-software .hero-panel div,
body[data-theme] .hero-subpage .hero-panel div {
  padding: 16px 0;
  border-bottom: 1px solid var(--line);
}

body[data-theme] .hero-microcopy {
  color: var(--muted);
  font-size: 0.76rem;
  text-transform: none;
}

body[data-theme] .card,
body[data-theme] .service-card,
body[data-theme] .price-card,
body[data-theme] .member-card,
body[data-theme] .post-card {
  border-radius: 24px;
}

@media (max-width: 840px) {
  body[data-theme] .site-header {
    min-height: 66px;
  }

  body[data-theme] .site-nav {
    border-radius: 24px;
  }

  body[data-theme] .hero-home,
  body[data-theme] .hero-software,
  body[data-theme] .hero-subpage {
    min-height: auto;
    padding: 94px 18px 48px;
  }

  body[data-theme] .hero-home::before,
  body[data-theme] .hero-software::before,
  body[data-theme] .hero-subpage::before {
    opacity: 0.2;
    background-size: 82vw auto, auto, auto;
    background-position: center 20%, center, center;
  }

  body[data-theme] .hero-home .hero-grid,
  body[data-theme] .hero-software .hero-grid,
  body[data-theme] .hero-subpage .hero-grid {
    grid-template-columns: 1fr;
    min-height: auto;
    gap: 22px;
  }

  body[data-theme] .hero-home h1,
  body[data-theme] .hero-software h1,
  body[data-theme] .hero-subpage h1 {
    font-size: clamp(2.6rem, 14vw, 4.4rem);
  }

  body[data-theme] .founder-hero-image,
  body[data-theme] .team-hero-image {
    display: none;
  }

  body[data-theme] .hero-home .hero-panel,
  body[data-theme] .hero-software .hero-panel,
  body[data-theme] .hero-subpage .hero-panel {
    width: 100%;
    max-width: none;
  }
}

/* Premium glass system v2: sober distribution, calmer palette, stronger hierarchy. */
body[data-theme] {
  --warm-bg: #f6f3ed;
  --warm-bg-soft: #f9f7f1;
  --warm-line: rgba(69, 88, 86, 0.14);
  background:
    radial-gradient(ellipse at 78% 2%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 34rem),
    radial-gradient(ellipse at 12% 92%, rgba(216, 196, 135, 0.08), transparent 30rem),
    linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 100%);
}

body[data-theme="light"] {
  --bg: #f6f3ed;
  --bg-soft: #fbfaf6;
  --surface: rgba(255, 255, 255, 0.62);
  --surface-strong: rgba(255, 255, 255, 0.78);
  --surface-muted: rgba(244, 241, 232, 0.72);
  --text: #182322;
  --muted: #60716d;
  --line: rgba(62, 82, 78, 0.16);
  --line-strong: rgba(87, 191, 174, 0.34);
  --accent: #6fd8b1;
  --accent-2: #25d99a;
  --shadow: 0 24px 70px rgba(31, 48, 44, 0.12);
}

body[data-theme="dark"] {
  --bg: #10161a;
  --bg-soft: #171e23;
  --surface: rgba(29, 38, 43, 0.62);
  --surface-strong: rgba(39, 49, 55, 0.76);
  --surface-muted: rgba(19, 27, 31, 0.72);
  --text: #f6f4ee;
  --muted: #c9d0cc;
  --line: rgba(246, 244, 238, 0.14);
  --line-strong: rgba(246, 244, 238, 0.34);
  --accent: #f6f4ee;
  --accent-2: #6fd8b1;
  --shadow: 0 28px 76px rgba(0, 0, 0, 0.34);
}

body[data-theme] .site-header {
  min-height: 76px;
  padding-block: 12px;
  background: color-mix(in srgb, var(--surface-strong) 88%, transparent);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 14px 44px rgba(12, 18, 20, 0.1);
}

body[data-theme] .site-nav,
body[data-theme] .language-switch {
  background: color-mix(in srgb, var(--surface) 80%, transparent);
  border-color: var(--line);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 12px 36px rgba(20, 32, 30, 0.08);
}

body[data-theme] .hero-home,
body[data-theme] .hero-software,
body[data-theme] .hero-subpage {
  min-height: 86svh;
  padding: 122px clamp(24px, 5vw, 92px) 74px;
  background:
    radial-gradient(ellipse at 80% 18%, color-mix(in srgb, var(--accent) 11%, transparent), transparent 32rem),
    radial-gradient(ellipse at 8% 88%, rgba(216, 196, 135, 0.09), transparent 28rem),
    linear-gradient(180deg, var(--bg-soft) 0%, var(--bg) 100%);
}

body[data-theme] .hero-home::before,
body[data-theme] .hero-software::before,
body[data-theme] .hero-subpage::before {
  opacity: 0.14;
  filter: none;
}

body[data-theme] .hero-home::after,
body[data-theme] .hero-software::after,
body[data-theme] .hero-subpage::after {
  opacity: 0.54;
  height: 28%;
  background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--bg) 76%, transparent));
}

body[data-theme] .hero-home .hero-grid,
body[data-theme] .hero-software .hero-grid,
body[data-theme] .hero-subpage .hero-grid {
  position: relative;
  z-index: 4;
  grid-template-columns: minmax(320px, 0.95fr) minmax(260px, 0.45fr);
  align-items: center;
  min-height: calc(86svh - 196px);
  gap: clamp(28px, 6vw, 96px);
}

body[data-theme] .hero-home .hero-copy,
body[data-theme] .hero-software .hero-copy,
body[data-theme] .hero-subpage .hero-copy {
  max-width: 650px;
  padding: 0;
}

body[data-theme] .hero-home h1,
body[data-theme] .hero-software h1,
body[data-theme] .hero-subpage h1 {
  max-width: 680px;
  margin-bottom: 22px;
  font-size: clamp(3.6rem, 6.2vw, 6.5rem);
  line-height: 0.96;
  letter-spacing: 0;
}

body[data-theme] .hero-home h1 span {
  display: block;
}

body[data-theme] .hero-home h1 span:nth-child(2) {
  color: color-mix(in srgb, var(--text) 78%, var(--accent) 22%);
}

body[data-theme] .hero-home h1 span:nth-child(3) {
  color: var(--accent);
}

body[data-theme="dark"] .hero-home h1 span:nth-child(3) {
  color: #f6f4ee;
}

body[data-theme] .hero-home .hero-copy p:not(.eyebrow):not(.founder-line),
body[data-theme] .hero-software .hero-copy p:not(.eyebrow):not(.founder-line),
body[data-theme] .hero-subpage .hero-copy p:not(.eyebrow):not(.founder-line) {
  max-width: 58ch;
  font-size: clamp(1rem, 1.15vw, 1.15rem);
}

body[data-theme] .founder-line {
  color: color-mix(in srgb, var(--muted) 84%, var(--accent-2) 16%);
}

body[data-theme] .founder-hero-image {
  z-index: 1;
  right: clamp(24px, 8vw, 130px);
  bottom: 0;
  width: min(36vw, 520px);
  height: min(78vh, 760px);
  transform: translate3d(0, var(--parallax-y, 0px), 0);
  opacity: 0.52;
  object-fit: contain;
  object-position: center bottom;
  filter:
    drop-shadow(0 34px 86px rgba(14, 24, 24, 0.18))
    saturate(0.92)
    contrast(1);
  pointer-events: none;
}

body[data-theme="dark"] .founder-hero-image {
  opacity: 0.46;
  filter:
    drop-shadow(0 34px 88px rgba(0, 0, 0, 0.36))
    saturate(0.82)
    brightness(0.9);
}

body[data-theme] .hero-home .hero-panel,
body[data-theme] .hero-software .hero-panel,
body[data-theme] .hero-subpage .hero-panel {
  position: relative;
  z-index: 5;
  justify-self: end;
  max-width: 340px;
  padding: 4px 20px;
  border-radius: 24px;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--surface-strong) 94%, transparent), color-mix(in srgb, var(--surface) 72%, transparent));
  border: 1px solid var(--line);
  box-shadow: var(--shadow), inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

body[data-theme] .hero-home .hero-panel div,
body[data-theme] .hero-software .hero-panel div,
body[data-theme] .hero-subpage .hero-panel div {
  padding: 14px 0;
}

body[data-theme] .hero-microcopy {
  opacity: 0.76;
}

body[data-theme] section:not(.hero):not(.hero-home):not(.hero-subpage):not(.hero-software) {
  padding-top: clamp(64px, 8vw, 104px);
  padding-bottom: clamp(64px, 8vw, 104px);
}

body[data-theme] .hero-panel,
body[data-theme] .card,
body[data-theme] .service-card,
body[data-theme] .price-card,
body[data-theme] .member-card,
body[data-theme] .post-card,
body[data-theme] .founder-card {
  border-radius: 24px;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--surface-strong) 92%, transparent), color-mix(in srgb, var(--surface) 78%, transparent));
  border: 1px solid var(--line);
  box-shadow: var(--shadow), inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

body[data-theme] .button.primary {
  background:
    linear-gradient(135deg, #ffffff 0%, color-mix(in srgb, var(--accent) 78%, #ffffff 22%) 100%);
}

body[data-theme] .button.secondary,
body[data-theme] .button.ghost {
  background: color-mix(in srgb, var(--surface-strong) 74%, transparent);
}

body[data-theme] .reveal {
  transition:
    opacity 520ms ease,
    transform 520ms cubic-bezier(0.2, 0.8, 0.2, 1),
    filter 520ms ease;
  filter: none;
}

body[data-theme] .reveal.is-visible {
  filter: none;
}

@media (max-width: 980px) {
  body[data-theme] .hero-home .hero-grid,
  body[data-theme] .hero-software .hero-grid,
  body[data-theme] .hero-subpage .hero-grid {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  body[data-theme] .founder-hero-image {
    display: none;
  }

  body[data-theme] .hero-home .hero-panel,
  body[data-theme] .hero-software .hero-panel,
  body[data-theme] .hero-subpage .hero-panel {
    justify-self: stretch;
    max-width: none;
  }
}

@media (max-width: 620px) {
  body[data-theme] .hero-home,
  body[data-theme] .hero-software,
  body[data-theme] .hero-subpage {
    padding: 96px 16px 52px;
  }

  body[data-theme] .hero-home h1,
  body[data-theme] .hero-software h1,
  body[data-theme] .hero-subpage h1 {
    font-size: clamp(2.7rem, 15vw, 4.1rem);
  }

  body[data-theme] .hero-actions {
    align-items: stretch;
  }

  body[data-theme] .button {
    width: 100%;
    justify-content: center;
  }
}

/* Tobaru ecosystem visual system v3: unified premium glass, calm minimal color. */
body[data-theme] {
  --glass-radius: 24px;
  --glass-blur: 18px;
  --ease-premium: cubic-bezier(0.2, 0.8, 0.2, 1);
  --accent: #6fd8b1;
  --accent-2: #25d99a;
  --shadow: 0 22px 64px rgba(25, 36, 34, 0.12);
  background:
    linear-gradient(180deg, var(--bg-soft) 0%, var(--bg) 46%, var(--bg-soft) 100%);
}

body[data-theme="light"] {
  --bg: #f4f1e9;
  --bg-soft: #fbf9f3;
  --surface: rgba(255, 255, 255, 0.6);
  --surface-strong: rgba(255, 255, 255, 0.76);
  --surface-muted: rgba(243, 240, 231, 0.74);
  --text: #182322;
  --muted: #66736f;
  --line: rgba(67, 84, 80, 0.14);
  --line-strong: rgba(124, 203, 188, 0.3);
}

body[data-theme="dark"] {
  --bg: #11171b;
  --bg-soft: #171d21;
  --surface: rgba(29, 36, 40, 0.64);
  --surface-strong: rgba(38, 46, 51, 0.78);
  --surface-muted: rgba(18, 24, 28, 0.76);
  --text: #f5f2ea;
  --muted: #c9d0cc;
  --line: rgba(245, 242, 234, 0.13);
  --line-strong: rgba(245, 242, 234, 0.28);
  --accent: #f5f2ea;
  --accent-2: #6fd8b1;
  --shadow: 0 26px 68px rgba(0, 0, 0, 0.32);
}

body[data-theme]::before {
  opacity: 0.72;
  background:
    linear-gradient(140deg, rgba(255, 255, 255, 0.18), transparent 34%),
    linear-gradient(320deg, rgba(212, 195, 138, 0.05), transparent 38%);
  filter: none;
}

body[data-theme]::after {
  opacity: 0.08;
  background-image:
    linear-gradient(var(--line) 1px, transparent 1px),
    linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size: 112px 112px;
}

body[data-theme] .site-header,
body[data-theme] .site-nav,
body[data-theme] .language-switch,
body[data-theme] .hero-panel,
body[data-theme] .card,
body[data-theme] .service-card,
body[data-theme] .price-card,
body[data-theme] .member-card,
body[data-theme] .post-card,
body[data-theme] .founder-card,
body[data-theme] .poster-caption,
body[data-theme] .feature-copy,
body[data-theme] .contact-card {
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--surface-strong) 88%, transparent), color-mix(in srgb, var(--surface) 76%, transparent));
  border: 1px solid var(--line);
  box-shadow: var(--shadow), inset 0 1px 0 rgba(255, 255, 255, 0.18);
  backdrop-filter: none;
}

body[data-theme] .site-header {
  min-height: 74px;
  background: color-mix(in srgb, var(--surface-strong) 88%, transparent);
  border-bottom: 1px solid var(--line);
}

body[data-theme] .site-nav,
body[data-theme] .language-switch {
  border-radius: 999px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 10px 30px rgba(18, 28, 26, 0.08);
}

body[data-theme] .hero-home,
body[data-theme] .hero-workteam,
body[data-theme] .hero-software,
body[data-theme] .hero-subpage {
  min-height: 86svh;
  padding: 118px clamp(24px, 5vw, 90px) 76px;
  background:
    linear-gradient(180deg, var(--bg-soft) 0%, var(--bg) 100%);
  border-bottom: 1px solid var(--line);
}

body[data-theme] .hero-home::before,
body[data-theme] .hero-workteam::before,
body[data-theme] .hero-software::before,
body[data-theme] .hero-subpage::before {
  opacity: 0.1;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.18), transparent 42%),
    radial-gradient(ellipse at 82% 22%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 40rem);
  filter: none;
}

body[data-theme] .hero-home::after,
body[data-theme] .hero-workteam::after,
body[data-theme] .hero-software::after,
body[data-theme] .hero-subpage::after {
  height: 24%;
  opacity: 0.42;
  background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--bg) 72%, transparent));
}

body[data-theme] .hero-home .hero-grid,
body[data-theme] .hero-software .hero-grid,
body[data-theme] .hero-subpage .hero-grid {
  grid-template-columns: minmax(320px, 0.9fr) minmax(270px, 0.42fr);
  min-height: calc(86svh - 194px);
  gap: clamp(30px, 6vw, 92px);
  align-items: center;
}

body[data-theme] .hero-copy {
  max-width: 650px;
}

body[data-theme] .hero-home h1,
body[data-theme] .hero-software h1,
body[data-theme] .hero-subpage h1 {
  max-width: 680px;
  margin-bottom: 22px;
  font-size: clamp(3.4rem, 6vw, 6.2rem);
  line-height: 0.97;
  color: var(--text);
}

body[data-theme] .hero-home h1 span {
  display: block;
}

body[data-theme] .hero-home h1 span:nth-child(2) {
  color: color-mix(in srgb, var(--text) 78%, var(--accent) 22%);
}

body[data-theme] .hero-home h1 span:nth-child(3) {
  color: color-mix(in srgb, var(--accent) 88%, var(--text) 12%);
}

body[data-theme="dark"] .hero-home h1 span:nth-child(3) {
  color: var(--text);
}

body[data-theme] .hero-copy p:not(.eyebrow):not(.founder-line) {
  color: var(--muted);
  font-size: clamp(1rem, 1.12vw, 1.14rem);
  line-height: 1.62;
}

body[data-theme] .founder-hero-image {
  z-index: 1;
  right: clamp(28px, 9vw, 150px);
  bottom: 0;
  width: min(32vw, 480px);
  height: min(74vh, 720px);
  opacity: 0.34;
  transform: translate3d(0, var(--parallax-y, 0px), 0);
  filter: saturate(0.78) contrast(0.98) drop-shadow(0 34px 80px rgba(20, 28, 28, 0.16));
  pointer-events: none;
}

body[data-theme="dark"] .founder-hero-image {
  opacity: 0.28;
  filter: saturate(0.72) brightness(0.85) drop-shadow(0 34px 80px rgba(0, 0, 0, 0.34));
}

body[data-theme] .poster-title,
body[data-theme] .giant-backdrop-word,
body[data-theme] .workteam-title-backdrop {
  display: none;
}

body[data-theme] .hero-home .hero-panel,
body[data-theme] .hero-workteam .hero-panel,
body[data-theme] .hero-software .hero-panel,
body[data-theme] .hero-subpage .hero-panel {
  position: relative;
  z-index: 4;
  justify-self: end;
  width: min(100%, 340px);
  max-width: 340px;
  margin: 0;
  padding: 4px 20px;
  border-radius: var(--glass-radius);
}

body[data-theme] .card,
body[data-theme] .service-card,
body[data-theme] .price-card,
body[data-theme] .member-card,
body[data-theme] .post-card {
  border-radius: var(--glass-radius);
}

body[data-theme] .button {
  min-height: 44px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface-strong) 76%, transparent);
  color: var(--text);
  transition:
    transform 180ms var(--ease-premium),
    box-shadow 180ms var(--ease-premium),
    background 180ms ease,
    border-color 180ms ease;
}

body[data-theme] .button.primary {
  color: #0d1715;
  border-color: var(--line-strong);
  background:
    linear-gradient(135deg, #ffffff 0%, color-mix(in srgb, #6fd8b1 72%, #ffffff 28%) 100%);
}

body[data-theme="dark"] .button.primary {
  color: #11171b;
  background: linear-gradient(135deg, #ffffff 0%, #f5f2ea 100%);
}

body[data-theme] .button:hover,
body[data-theme] .button:focus-visible,
body[data-theme] .card:hover,
body[data-theme] .price-card:hover,
body[data-theme] .member-card:hover,
body[data-theme] .post-card:hover {
  transform: translateY(-3px);
  border-color: var(--line-strong);
  box-shadow: 0 24px 68px rgba(25, 36, 34, 0.16);
}

body[data-theme] .reveal {
  transition:
    opacity 520ms var(--ease-premium),
    transform 520ms var(--ease-premium),
    filter 520ms ease;
  filter: none;
}

body[data-theme] .reveal.is-visible {
  filter: none;
}

@media (max-width: 980px) {
  body[data-theme] .hero-home .hero-grid,
  body[data-theme] .hero-software .hero-grid,
  body[data-theme] .hero-subpage .hero-grid {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  body[data-theme] .founder-hero-image,
  body[data-theme] .team-hero-image {
    display: none;
  }

  body[data-theme] .hero-home .hero-panel,
  body[data-theme] .hero-workteam .hero-panel,
  body[data-theme] .hero-software .hero-panel,
  body[data-theme] .hero-subpage .hero-panel {
    justify-self: stretch;
    width: 100%;
    max-width: none;
  }
}

@media (max-width: 620px) {
  body[data-theme] .hero-home,
  body[data-theme] .hero-workteam,
  body[data-theme] .hero-software,
  body[data-theme] .hero-subpage {
    padding: 94px 16px 52px;
  }

  body[data-theme] .hero-home h1,
  body[data-theme] .hero-software h1,
  body[data-theme] .hero-subpage h1 {
    font-size: clamp(2.55rem, 14vw, 4rem);
  }

  body[data-theme] .button {
    width: 100%;
    justify-content: center;
  }
}

/* Tobaru premium glass final system */
:root {
  --tobaru-dark-bg: #0a0a0a;
  --tobaru-dark-soft: #111314;
  --tobaru-light-bg: #f5f3ee;
  --tobaru-light-soft: #fbf9f4;
  --tobaru-accent: #6fd8b1;
  --tobaru-warm: #d4c38a;
  --premium-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}

html,
body,
body *,
body *::before,
body *::after {
  cursor: auto !important;
}

body[data-theme] {
  --bg: var(--tobaru-light-bg);
  --bg-soft: var(--tobaru-light-soft);
  --surface: rgba(255, 255, 255, 0.62);
  --surface-strong: rgba(255, 255, 255, 0.78);
  --surface-muted: rgba(255, 255, 255, 0.48);
  --text: #17211f;
  --muted: #6d6d67;
  --line: rgba(30, 42, 39, 0.13);
  --line-strong: rgba(30, 42, 39, 0.22);
  --accent: var(--tobaru-accent);
  --accent-2: var(--tobaru-warm);
  --shadow:
    0 34px 92px rgba(28, 39, 36, 0.15),
    0 14px 34px rgba(28, 39, 36, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.62),
    inset 0 -1px 0 rgba(30, 42, 39, 0.06);
  --glass-radius: 24px;
  --glass-blur: 28px;
  background: var(--bg) !important;
  color: var(--text);
}

body[data-theme="dark"] {
  --bg: var(--tobaru-dark-bg);
  --bg-soft: var(--tobaru-dark-soft);
  --surface: rgba(24, 27, 29, 0.58);
  --surface-strong: rgba(33, 36, 38, 0.72);
  --surface-muted: rgba(255, 255, 255, 0.06);
  --text: #f5f2ea;
  --muted: #b9c0bc;
  --line: rgba(245, 242, 234, 0.14);
  --line-strong: rgba(245, 242, 234, 0.28);
  --accent: #f5f2ea;
  --accent-2: rgba(111, 216, 177, 0.72);
  --shadow:
    0 36px 96px rgba(0, 0, 0, 0.46),
    0 14px 34px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    inset 0 -1px 0 rgba(0, 0, 0, 0.28);
  background: var(--bg) !important;
}

body[data-theme]::before,
body[data-theme]::after,
.cursor,
.cursor-dot,
.cursor-ring,
.aurora,
.liquid-field,
.hero-orb,
.particle-field,
.grid-overlay {
  display: none !important;
}

body[data-theme] .site-header,
body[data-theme] .site-nav,
body[data-theme] .language-switch,
body[data-theme] .hero-panel,
body[data-theme] .card,
body[data-theme] .service-card,
body[data-theme] .price-card,
body[data-theme] .member-card,
body[data-theme] .post-card,
body[data-theme] .founder-card,
body[data-theme] .poster-caption,
body[data-theme] .feature-copy,
body[data-theme] .contact-card,
body[data-theme] .plan-card,
body[data-theme] .section-card,
body[data-theme] .glass,
body[data-theme] .glass-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.045) 42%, rgba(255, 255, 255, 0.018) 100%),
    var(--surface) !important;
  border: 1px solid var(--line) !important;
  box-shadow: var(--shadow) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  position: relative;
}

body[data-theme] .site-header::before,
body[data-theme] .site-nav::before,
body[data-theme] .language-switch::before,
body[data-theme] .hero-panel::before,
body[data-theme] .card::before,
body[data-theme] .service-card::before,
body[data-theme] .price-card::before,
body[data-theme] .member-card::before,
body[data-theme] .post-card::before,
body[data-theme] .founder-card::before,
body[data-theme] .contact-card::before,
body[data-theme] .plan-card::before,
body[data-theme] .section-card::before,
body[data-theme] .glass::before,
body[data-theme] .glass-card::before {
  content: "";
  position: absolute;
  inset: 1px 1px auto 1px;
  height: 38%;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.22), transparent);
  pointer-events: none;
  opacity: 0.62;
}

body[data-theme] .site-header {
  background: var(--bg) !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.06) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body[data-theme] .site-header::before {
  display: none !important;
}

body[data-theme] .site-header .brand,
body[data-theme] .site-header .logo,
body[data-theme] .site-header .nav-link,
body[data-theme] .site-header .theme-toggle,
body[data-theme] .site-header .language-switch button {
  transition:
    transform 170ms var(--premium-ease),
    border-color 170ms ease,
    background-color 170ms ease,
    box-shadow 170ms var(--premium-ease) !important;
}

body[data-theme] .site-header .nav-link:hover,
body[data-theme] .site-header .theme-toggle:hover,
body[data-theme] .site-header .language-switch button:hover {
  transform: translateY(-1px) scale(1.006) !important;
}

body[data-theme] .hero-home,
body[data-theme] .hero-workteam,
body[data-theme] .hero-software,
body[data-theme] .hero-subpage,
body[data-theme] section,
body[data-theme] .section,
body[data-theme] .software-section,
body[data-theme] .plans-section,
body[data-theme] .team-section,
body[data-theme] .contact-section {
  background: var(--bg) !important;
  border-color: var(--line) !important;
}

body[data-theme] .hero-home::before,
body[data-theme] .hero-home::after,
body[data-theme] .hero-workteam::before,
body[data-theme] .hero-workteam::after,
body[data-theme] .hero-software::before,
body[data-theme] .hero-software::after,
body[data-theme] .hero-subpage::before,
body[data-theme] .hero-subpage::after,
body[data-theme] section::before,
body[data-theme] section::after {
  opacity: 0 !important;
  background: none !important;
  filter: none !important;
}

body[data-theme] .button,
body[data-theme] button,
body[data-theme] input,
body[data-theme] textarea,
body[data-theme] select {
  border-color: var(--line) !important;
  transition:
    transform 180ms var(--premium-ease),
    box-shadow 180ms var(--premium-ease),
    border-color 180ms ease,
    background-color 180ms ease !important;
}

body[data-theme] .button,
body[data-theme] .button.secondary {
  background: var(--surface-muted) !important;
  color: var(--text) !important;
}

body[data-theme] .button.primary {
  background: color-mix(in srgb, var(--accent) 14%, var(--surface-strong)) !important;
  color: var(--text) !important;
  border-color: var(--line-strong) !important;
}

body[data-theme] .button:hover,
body[data-theme] button:hover,
body[data-theme] .card:hover,
body[data-theme] .service-card:hover,
body[data-theme] .price-card:hover,
body[data-theme] .member-card:hover,
body[data-theme] .post-card:hover {
  transform: translateY(-2px) scale(1.006) !important;
  box-shadow:
    0 38px 104px rgba(0, 0, 0, 0.2),
    0 14px 34px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  border-color: var(--line-strong) !important;
}

body[data-theme] h1,
body[data-theme] h2,
body[data-theme] h3 {
  color: var(--text) !important;
  letter-spacing: 0 !important;
}

body[data-theme] p,
body[data-theme] li,
body[data-theme] .muted,
body[data-theme] .eyebrow {
  color: var(--muted) !important;
}

body[data-theme] .hero-home h1 span,
body[data-theme] .hero-home h1 span:nth-child(2),
body[data-theme] .hero-home h1 span:nth-child(3) {
  color: var(--text) !important;
}

body[data-theme] .founder-hero-image,
body[data-theme] .team-hero-image {
  opacity: 0.18 !important;
  filter: saturate(0.58) contrast(0.96) drop-shadow(0 28px 70px rgba(0, 0, 0, 0.18)) !important;
  pointer-events: none !important;
}

body[data-theme="dark"] .founder-hero-image,
body[data-theme="dark"] .team-hero-image {
  opacity: 0.16 !important;
}

body[data-theme] .reveal {
  transform: translateY(12px);
  filter: none;
  transition:
    opacity 520ms var(--premium-ease),
    transform 520ms var(--premium-ease),
    filter 520ms ease !important;
}

body[data-theme] .reveal.is-visible {
  transform: translateY(0);
  filter: none;
}

@media (prefers-reduced-motion: reduce) {
  body[data-theme] *,
  body[data-theme] *::before,
  body[data-theme] *::after {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    scroll-behavior: auto !important;
  }
}

/* Global ecosystem unification: web surfaces behave like TobaruGlass */
body[data-theme] .site-nav,
body[data-theme] .language-switch,
body[data-theme] .theme-toggle,
body[data-theme] .nav-toggle,
body[data-theme] .site-header a,
body[data-theme] input,
body[data-theme] textarea,
body[data-theme] select,
body[data-theme] table,
body[data-theme] thead,
body[data-theme] tbody,
body[data-theme] tr,
body[data-theme] th,
body[data-theme] td,
body[data-theme] dialog,
body[data-theme] .modal,
body[data-theme] .dropdown,
body[data-theme] .menu,
body[data-theme] .toggle,
body[data-theme] .badge,
body[data-theme] .pill,
body[data-theme] .feature,
body[data-theme] .feature-card,
body[data-theme] .panel,
body[data-theme] .module,
body[data-theme] .analytics,
body[data-theme] .dashboard,
body[data-theme] .form-card,
body[data-theme] .timeline-card,
body[data-theme] .workteam-cta {
  border-color: var(--line) !important;
  transition:
    transform 170ms var(--premium-ease),
    box-shadow 170ms var(--premium-ease),
    border-color 170ms ease,
    background-color 170ms ease,
    color 170ms ease,
    opacity 170ms ease !important;
}

body[data-theme] input,
body[data-theme] textarea,
body[data-theme] select,
body[data-theme] table,
body[data-theme] dialog,
body[data-theme] .modal,
body[data-theme] .dropdown,
body[data-theme] .menu,
body[data-theme] .toggle,
body[data-theme] .badge,
body[data-theme] .pill,
body[data-theme] .feature,
body[data-theme] .feature-card,
body[data-theme] .panel,
body[data-theme] .module,
body[data-theme] .analytics,
body[data-theme] .dashboard,
body[data-theme] .form-card,
body[data-theme] .timeline-card,
body[data-theme] .workteam-cta {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.035)),
    var(--surface) !important;
  box-shadow: var(--shadow) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body[data-theme] .site-nav,
body[data-theme] .language-switch,
body[data-theme] .theme-toggle,
body[data-theme] .nav-toggle,
body[data-theme] .site-header a {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.04)),
    var(--surface-muted) !important;
  box-shadow:
    0 16px 42px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body[data-theme] input:focus,
body[data-theme] textarea:focus,
body[data-theme] select:focus,
body[data-theme] .site-header a:hover,
body[data-theme] .site-header a:focus-visible,
body[data-theme] .toggle:hover,
body[data-theme] .badge:hover,
body[data-theme] .pill:hover,
body[data-theme] .feature:hover,
body[data-theme] .feature-card:hover,
body[data-theme] .panel:hover,
body[data-theme] .module:hover,
body[data-theme] .analytics:hover,
body[data-theme] .dashboard:hover,
body[data-theme] .form-card:hover,
body[data-theme] .timeline-card:hover,
body[data-theme] .workteam-cta:hover {
  transform: translateY(-1.5px) scale(1.004) !important;
  border-color: var(--line-strong) !important;
  outline: none !important;
  box-shadow:
    0 32px 86px rgba(0, 0, 0, 0.16),
    0 12px 28px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
}

body[data-theme] table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden;
  border-radius: var(--glass-radius);
}

body[data-theme] th,
body[data-theme] td {
  background: transparent !important;
  border-bottom: 1px solid var(--line) !important;
}

/* Final visual lock: flat ecosystem background, no legacy glow layers */
body[data-theme],
body[data-theme] main,
body[data-theme] section,
body[data-theme] .hero,
body[data-theme] .hero-home,
body[data-theme] .software-hero,
body[data-theme] .plans,
body[data-theme] .team,
body[data-theme] .contact,
body[data-theme] .workteam,
body[data-theme] .history-section {
  background-color: var(--bg) !important;
  background-image: none !important;
}

body[data-theme] .site-header {
  background: var(--bg) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body[data-theme] .hero::before,
body[data-theme] .hero::after,
body[data-theme] .hero-home::before,
body[data-theme] .hero-home::after,
body[data-theme] .software-hero::before,
body[data-theme] .software-hero::after,
body[data-theme] section::before,
body[data-theme] section::after,
body[data-theme] .orb,
body[data-theme] .aura,
body[data-theme] .aurora,
body[data-theme] .glow,
body[data-theme] .liquid,
body[data-theme] .cursor-glow,
body[data-theme] .noise {
  opacity: 0 !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  pointer-events: none !important;
}

/* Crystal/water redesign final pass: mint crystal palette, restrained hover */
:root,
body[data-theme="light"] {
  --tobaru-accent: #6fd8b1 !important;
  --tobaru-water: #25d99a !important;
  --tobaru-crystal: rgba(255, 255, 255, 0.64) !important;
  --tobaru-line: rgba(111, 216, 177, 0.38) !important;
  --tobaru-line-strong: rgba(111, 216, 177, 0.68) !important;
  --accent: #6fd8b1 !important;
  --accent-2: #25d99a !important;
  --accent-3: #eafaff !important;
  --bg: #f8fcff !important;
  --bg-2: #ffffff !important;
  --surface: rgba(255, 255, 255, 0.62) !important;
  --surface-muted: rgba(255, 255, 255, 0.48) !important;
  --surface-strong: rgba(255, 255, 255, 0.78) !important;
  --line: rgba(111, 216, 177, 0.34) !important;
  --line-strong: rgba(111, 216, 177, 0.62) !important;
  --text: #12232d !important;
  --muted: #607785 !important;
  --shadow: 0 18px 42px rgba(35, 154, 193, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
  --glass-blur: 8px !important;
}

body[data-theme="dark"] {
  --tobaru-accent: #dff8ff !important;
  --tobaru-water: #6fd8b1 !important;
  --tobaru-crystal: rgba(14, 16, 20, 0.42) !important;
  --tobaru-line: rgba(239, 247, 255, 0.38) !important;
  --tobaru-line-strong: rgba(255, 255, 255, 0.68) !important;
  --accent: #eaf8ff !important;
  --accent-2: #6fd8b1 !important;
  --accent-3: #94eaff !important;
  --bg: #050505 !important;
  --bg-2: #0b0c0f !important;
  --surface: rgba(15, 17, 22, 0.44) !important;
  --surface-muted: rgba(18, 20, 25, 0.34) !important;
  --surface-strong: rgba(24, 27, 34, 0.58) !important;
  --line: rgba(239, 247, 255, 0.32) !important;
  --line-strong: rgba(255, 255, 255, 0.6) !important;
  --text: #f7faff !important;
  --muted: #c5d2db !important;
  --shadow: 0 22px 52px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  --glass-blur: 2px !important;
}

body[data-theme] {
  background: var(--bg) !important;
  color: var(--text) !important;
}

body[data-theme] .glass,
body[data-theme] .card,
body[data-theme] .service-card,
body[data-theme] .price-card,
body[data-theme] .member-card,
body[data-theme] .post-card,
body[data-theme] .founder-card,
body[data-theme] .hero-panel,
body[data-theme] .panel,
body[data-theme] .module,
body[data-theme] .form-card,
body[data-theme] .timeline-card,
body[data-theme] .workteam-cta,
body[data-theme] input,
body[data-theme] textarea,
body[data-theme] select,
body[data-theme] table,
body[data-theme] dialog,
body[data-theme] .modal,
body[data-theme] .dropdown,
body[data-theme] .menu {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.035)),
    var(--surface) !important;
  border: 1px solid var(--line) !important;
  box-shadow: var(--shadow) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body[data-theme="dark"] .glass,
body[data-theme="dark"] .card,
body[data-theme="dark"] .service-card,
body[data-theme="dark"] .price-card,
body[data-theme="dark"] .member-card,
body[data-theme="dark"] .post-card,
body[data-theme="dark"] .founder-card,
body[data-theme="dark"] .hero-panel,
body[data-theme="dark"] .panel,
body[data-theme="dark"] .module,
body[data-theme="dark"] .form-card,
body[data-theme="dark"] .timeline-card,
body[data-theme="dark"] .workteam-cta,
body[data-theme="dark"] input,
body[data-theme="dark"] textarea,
body[data-theme="dark"] select,
body[data-theme="dark"] table,
body[data-theme="dark"] dialog,
body[data-theme="dark"] .modal,
body[data-theme="dark"] .dropdown,
body[data-theme="dark"] .menu {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.018)),
    var(--surface) !important;
}

body[data-theme] .site-header {
  background: var(--bg) !important;
  border-bottom: 1px solid var(--line) !important;
}

body[data-theme] .site-nav,
body[data-theme] .language-switch,
body[data-theme] .theme-toggle,
body[data-theme] .nav-toggle,
body[data-theme] .site-header a,
body[data-theme] .button,
body[data-theme] button,
body[data-theme] .text-link {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.04)),
    var(--surface-muted) !important;
  border: 1px solid var(--line) !important;
  color: var(--text) !important;
  box-shadow: 0 10px 24px rgba(255, 255, 255, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body[data-theme] .button.primary,
body[data-theme] button.primary {
  background:
    linear-gradient(180deg, rgba(158, 239, 255, 0.34), rgba(111, 216, 177, 0.1)),
    var(--surface-strong) !important;
  border-color: var(--line-strong) !important;
}

body[data-theme] .card,
body[data-theme] .service-card,
body[data-theme] .price-card,
body[data-theme] .member-card,
body[data-theme] .post-card,
body[data-theme] .founder-card,
body[data-theme] .panel,
body[data-theme] .module,
body[data-theme] .analytics,
body[data-theme] .dashboard,
body[data-theme] .form-card,
body[data-theme] .timeline-card,
body[data-theme] .workteam-cta {
  transform: none !important;
}

body[data-theme] .card:hover,
body[data-theme] .service-card:hover,
body[data-theme] .price-card:hover,
body[data-theme] .member-card:hover,
body[data-theme] .post-card:hover,
body[data-theme] .founder-card:hover,
body[data-theme] .panel:hover,
body[data-theme] .module:hover,
body[data-theme] .analytics:hover,
body[data-theme] .dashboard:hover,
body[data-theme] .form-card:hover,
body[data-theme] .timeline-card:hover {
  transform: none !important;
  box-shadow: var(--shadow) !important;
  border-color: var(--line) !important;
}

body[data-theme] a:hover,
body[data-theme] a:focus-visible,
body[data-theme] button:hover,
body[data-theme] button:focus-visible,
body[data-theme] .button:hover,
body[data-theme] .button:focus-visible,
body[data-theme] .nav-toggle:hover,
body[data-theme] .theme-toggle:hover,
body[data-theme] .language-switch button:hover,
body[data-theme] .site-nav a:hover,
body[data-theme] .site-nav a:focus-visible,
body[data-theme] .workteam-cta:hover,
body[data-theme] .workteam-cta:focus-visible {
  transform: translateY(-1px) !important;
  border-color: var(--line-strong) !important;
  box-shadow: 0 16px 36px rgba(21, 135, 178, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.58) !important;
}

body[data-theme] .founder-hero-image,
body[data-theme] .team-hero-image,
body[data-theme] .member-photo,
body[data-theme] .workteam-visual img {
  opacity: 1 !important;
  filter: none !important;
}

body[data-theme] .hero-home,
body[data-theme] .hero-workteam {
  min-height: clamp(680px, 92vh, 920px) !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
}

body[data-theme] .hero-home .hero-grid,
body[data-theme] .hero-workteam .hero-grid {
  width: min(1180px, calc(100% - 48px)) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(280px, 0.9fr) minmax(360px, 1.1fr) !important;
  align-items: center !important;
  gap: clamp(2rem, 5vw, 5rem) !important;
}

body[data-theme] .founder-hero-image {
  position: relative !important;
  z-index: 1 !important;
  justify-self: center !important;
  align-self: end !important;
  width: min(46vw, 560px) !important;
  max-height: 86vh !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  transform: none !important;
  pointer-events: none !important;
}

body[data-theme] .team-hero-image {
  position: relative !important;
  z-index: 1 !important;
  justify-self: center !important;
  width: min(52vw, 680px) !important;
  max-height: 76vh !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
}

body[data-theme] .member-grid,
body[data-theme] .internal-team-grid {
  align-items: stretch !important;
}

body[data-theme] .member-card {
  text-align: center !important;
}

body[data-theme] .member-photo {
  width: min(100%, 280px) !important;
  height: clamp(240px, 32vw, 360px) !important;
  margin: 0 auto 1rem !important;
  object-fit: cover !important;
  object-position: center !important;
  border: 1px solid var(--line-strong) !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.18) !important;
}

@media (max-width: 860px) {
  body[data-theme] .hero-home,
  body[data-theme] .hero-workteam {
    min-height: auto !important;
    padding-top: 7rem !important;
  }

  body[data-theme] .hero-home .hero-grid,
  body[data-theme] .hero-workteam .hero-grid {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  body[data-theme] .founder-hero-image,
  body[data-theme] .team-hero-image {
    width: min(86vw, 420px) !important;
    max-height: none !important;
    order: -1 !important;
  }
}

/* Physical crystal final layer: transparent glass, not grey blocks */
body[data-theme="dark"] {
  --bg: #030303 !important;
  --bg-2: #050505 !important;
  --surface: rgba(255, 255, 255, 0.008) !important;
  --surface-muted: rgba(255, 255, 255, 0.012) !important;
  --surface-strong: rgba(255, 255, 255, 0.018) !important;
  --line: rgba(255, 255, 255, 0.16) !important;
  --line-strong: rgba(255, 255, 255, 0.32) !important;
  --shadow: 0 28px 72px rgba(0, 0, 0, 0.58), inset 0 1px 0 rgba(255, 255, 255, 0.13) !important;
  --glass-blur: 0.2px !important;
}

body[data-theme="light"] {
  --surface: rgba(255, 255, 255, 0.38) !important;
  --surface-muted: rgba(255, 255, 255, 0.28) !important;
  --surface-strong: rgba(255, 255, 255, 0.52) !important;
  --line: rgba(111, 216, 177, 0.34) !important;
  --line-strong: rgba(37, 217, 154, 0.5) !important;
  --shadow: 0 24px 62px rgba(30, 30, 26, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
  --glass-blur: 1.8px !important;
}

body[data-theme] .site-header {
  position: sticky !important;
  top: 14px !important;
  width: min(1120px, calc(100% - 32px)) !important;
  height: 52px !important;
  margin: 14px auto 0 !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.004)),
    var(--surface-muted) !important;
  border: 1px solid var(--line) !important;
  box-shadow: var(--shadow) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body[data-theme] .glass,
body[data-theme] .card,
body[data-theme] .service-card,
body[data-theme] .price-card,
body[data-theme] .member-card,
body[data-theme] .post-card,
body[data-theme] .founder-card,
body[data-theme] .hero-panel,
body[data-theme] .panel,
body[data-theme] .module,
body[data-theme] .form-card,
body[data-theme] .timeline-card,
body[data-theme] .workteam-cta,
body[data-theme] input,
body[data-theme] textarea,
body[data-theme] select,
body[data-theme] table,
body[data-theme] dialog,
body[data-theme] .modal,
body[data-theme] .dropdown,
body[data-theme] .menu {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.006)),
    var(--surface) !important;
  border: 1px solid var(--line) !important;
  box-shadow: var(--shadow) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body[data-theme="light"] .glass,
body[data-theme="light"] .card,
body[data-theme="light"] .service-card,
body[data-theme="light"] .price-card,
body[data-theme="light"] .member-card,
body[data-theme="light"] .post-card,
body[data-theme="light"] .founder-card,
body[data-theme="light"] .hero-panel,
body[data-theme="light"] .panel,
body[data-theme="light"] .module,
body[data-theme="light"] .form-card,
body[data-theme="light"] .timeline-card,
body[data-theme="light"] .workteam-cta,
body[data-theme="light"] input,
body[data-theme="light"] textarea,
body[data-theme="light"] select,
body[data-theme="light"] table,
body[data-theme="light"] dialog,
body[data-theme="light"] .modal,
body[data-theme="light"] .dropdown,
body[data-theme="light"] .menu {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.68), rgba(255, 255, 255, 0.12)),
    var(--surface) !important;
}

body[data-theme] .hero-visual::before,
body[data-theme] .hero-visual .hero-panel {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.004)),
    var(--surface) !important;
  border-color: var(--line) !important;
  box-shadow: var(--shadow) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body[data-theme] .site-nav,
body[data-theme] .language-switch,
body[data-theme] .theme-toggle,
body[data-theme] .nav-toggle,
body[data-theme] .button,
body[data-theme] button,
body[data-theme] .text-link {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.062), rgba(255, 255, 255, 0.006)),
    var(--surface-muted) !important;
  border: 1px solid var(--line) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}

body[data-theme] .site-nav a:hover,
body[data-theme] .site-nav a:focus-visible,
body[data-theme] .button:hover,
body[data-theme] .button:focus-visible,
body[data-theme] button:hover,
body[data-theme] button:focus-visible,
body[data-theme] .text-link:hover,
body[data-theme] .text-link:focus-visible,
body[data-theme] .workteam-cta:hover,
body[data-theme] .workteam-cta:focus-visible {
  transform: translateY(-1px) !important;
  border-color: var(--line-strong) !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

body[data-theme] .ambient-layer,
body[data-theme] .particle-field,
body[data-theme] .giant-backdrop-word,
body[data-theme] .poster-title,
body[data-theme] .workteam-title-backdrop {
  opacity: 0.04 !important;
  filter: none !important;
}

/* Absolute final Tobaru pass: mint crystal, no warm fallback. */
:root,
body[data-theme="light"] {
  --accent: #6fd8b1 !important;
  --accent-2: #25d99a !important;
  --accent-3: #dffaff !important;
  --tobaru-accent: #6fd8b1 !important;
  --tobaru-water: #25d99a !important;
  --bg: #f8fbfc !important;
  --bg-2: #ffffff !important;
  --surface: rgba(255, 255, 255, 0.54) !important;
  --surface-muted: rgba(255, 255, 255, 0.42) !important;
  --surface-strong: rgba(255, 255, 255, 0.72) !important;
  --line: rgba(111, 216, 177, 0.34) !important;
  --line-strong: rgba(37, 217, 154, 0.5) !important;
  --text: #132027 !important;
  --muted: #5d7580 !important;
  --soft: #2f4952 !important;
  --warning: #25d99a !important;
  --glass-shadow: 0 24px 58px rgba(31, 75, 92, 0.12), 0 5px 16px rgba(31, 75, 92, 0.055), inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 -1px 0 rgba(111, 216, 177, 0.13) !important;
  --shadow: var(--glass-shadow) !important;
  --cursor-core: #132027;
  --cursor-line: rgba(111, 216, 177, 0.72);
}

body[data-theme="dark"] {
  --accent: #b8f4df !important;
  --accent-2: #6fd8b1 !important;
  --accent-3: #e9fdff !important;
  --tobaru-accent: #b8f4df !important;
  --tobaru-water: #6fd8b1 !important;
  --bg: #050708 !important;
  --bg-2: #090d0f !important;
  --surface: rgba(255, 255, 255, 0.032) !important;
  --surface-muted: rgba(255, 255, 255, 0.026) !important;
  --surface-strong: rgba(255, 255, 255, 0.052) !important;
  --line: rgba(184, 244, 223, 0.23) !important;
  --line-strong: rgba(232, 253, 255, 0.42) !important;
  --text: #f7fcfd !important;
  --muted: #a8bdc2 !important;
  --soft: #d9edf0 !important;
  --warning: #6fd8b1 !important;
  --glass-shadow: 0 30px 68px rgba(0, 0, 0, 0.48), 0 8px 18px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 -1px 0 rgba(184, 244, 223, 0.12) !important;
  --shadow: var(--glass-shadow) !important;
  --cursor-core: #e9fdff;
  --cursor-line: rgba(184, 244, 223, 0.78);
}

body[data-theme],
body[data-theme] main,
body[data-theme] section {
  background: var(--bg) !important;
  color: var(--text) !important;
}

body[data-theme]::before,
body[data-theme]::after,
body[data-theme] .scan-object,
body[data-theme] .scan-object-img,
body[data-theme] .ambient-layer,
body[data-theme] .particle-field,
body[data-theme] .giant-backdrop-word,
body[data-theme] .poster-title,
body[data-theme] .workteam-title-backdrop {
  display: none !important;
}

body[data-theme] h1,
body[data-theme] h2,
body[data-theme] h3,
body[data-theme] h4,
body[data-theme] h5,
body[data-theme] h6 {
  font-family: "Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body[data-theme] h1 {
  font-size: 5.6rem !important;
  line-height: 0.94 !important;
  font-weight: 800 !important;
}

body[data-theme] h2 {
  font-size: 3.15rem !important;
  line-height: 1.02 !important;
  font-weight: 760 !important;
}

body[data-theme] .site-header {
  position: sticky !important;
  top: 12px !important;
  z-index: 50 !important;
  width: min(1160px, calc(100% - 32px)) !important;
  min-height: 58px !important;
  height: auto !important;
  margin: 12px auto 0 !important;
  padding: 8px 12px 8px 18px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  border-radius: 999px !important;
  border: 1px solid var(--line) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.072), rgba(255, 255, 255, 0.012)),
    var(--surface-muted) !important;
  box-shadow: var(--glass-shadow) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body[data-theme] .brand,
body[data-theme] .brand:hover,
body[data-theme] .brand:focus-visible,
body[data-theme] .brand img {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  transform: none !important;
  filter: none !important;
}

body[data-theme] .brand img {
  width: auto !important;
  height: 28px !important;
  max-width: 130px !important;
  object-fit: contain !important;
}

body[data-theme] .site-nav {
  justify-self: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  min-height: 38px !important;
  padding: 4px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-theme] .site-nav a {
  min-height: 30px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 999px !important;
  color: var(--muted) !important;
  font-size: 0.84rem !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body[data-theme] .language-switch,
body[data-theme] .button,
body[data-theme] button,
body[data-theme] .text-link {
  border: 1px solid var(--line) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.006)),
    var(--surface-muted) !important;
  color: var(--text) !important;
  box-shadow: 0 14px 28px rgba(31, 75, 92, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

body[data-theme] .button.primary,
body[data-theme] button.primary {
  color: #041013 !important;
  border-color: rgba(184, 244, 223, 0.62) !important;
  background: linear-gradient(180deg, #effff7 0%, #b8f4df 100%) !important;
  box-shadow: 0 16px 32px rgba(111, 216, 177, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.68) !important;
}

body[data-theme] .site-nav a:hover,
body[data-theme] .site-nav a:focus-visible,
body[data-theme] .button:hover,
body[data-theme] .button:focus-visible,
body[data-theme] button:hover,
body[data-theme] button:focus-visible,
body[data-theme] .text-link:hover,
body[data-theme] .text-link:focus-visible {
  transform: translateY(-1px) !important;
  border-color: var(--line-strong) !important;
  box-shadow: 0 18px 38px rgba(111, 216, 177, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
}

body[data-theme] .hero-home,
body[data-theme] .hero-workteam,
body[data-theme] .hero-subpage {
  min-height: 760px !important;
  padding: 58px 0 72px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
}

body[data-theme] .hero-home .hero-grid,
body[data-theme] .hero-workteam .hero-grid,
body[data-theme] .hero-subpage .hero-grid {
  width: min(1180px, calc(100% - 48px)) !important;
  margin-inline: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.92fr) minmax(360px, 1.08fr) !important;
  gap: 72px !important;
  align-items: center !important;
}

body[data-theme] .hero-home h1 span {
  display: block !important;
  margin-right: 0 !important;
  color: var(--text) !important;
}

body[data-theme] .hero-home h1 span:nth-child(2) {
  color: var(--accent) !important;
}

body[data-theme] .hero-visual {
  position: relative !important;
  min-height: 610px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: end center !important;
  overflow: visible !important;
  isolation: isolate !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-theme] .hero-visual::before,
body[data-theme] .workteam-visual,
body[data-theme] .ecosystem-grid article,
body[data-theme] .metric-grid article,
body[data-theme] .price-card,
body[data-theme] .member-card,
body[data-theme] .timeline-item,
body[data-theme] .post-card,
body[data-theme] .service-card,
body[data-theme] .contact-grid > *,
body[data-theme] .social-links a,
body[data-theme] .hero-panel,
body[data-theme] .card,
body[data-theme] .panel,
body[data-theme] .module,
body[data-theme] .form-card,
body[data-theme] .timeline-card {
  border-radius: 18px !important;
  border: 1px solid var(--line) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.008)),
    var(--surface) !important;
  box-shadow: var(--glass-shadow) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body[data-theme] .hero-visual::before {
  content: "" !important;
  position: absolute !important;
  inset: 36px 24px 0 !important;
  z-index: -1 !important;
}

body[data-theme="light"] .workteam-visual,
body[data-theme="light"] .ecosystem-grid article,
body[data-theme="light"] .metric-grid article,
body[data-theme="light"] .price-card,
body[data-theme="light"] .member-card,
body[data-theme="light"] .timeline-item,
body[data-theme="light"] .post-card,
body[data-theme="light"] .service-card,
body[data-theme="light"] .contact-grid > *,
body[data-theme="light"] .social-links a,
body[data-theme="light"] .hero-panel,
body[data-theme="light"] .card,
body[data-theme="light"] .panel,
body[data-theme="light"] .module,
body[data-theme="light"] .form-card,
body[data-theme="light"] .timeline-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.2)),
    var(--surface) !important;
}

body[data-theme] .founder-hero-image,
body[data-theme] .team-hero-image {
  position: relative !important;
  z-index: 2 !important;
  width: min(100%, 600px) !important;
  height: auto !important;
  max-height: 620px !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

body[data-theme] .hero-visual .hero-panel {
  position: absolute !important;
  left: 46px !important;
  right: 46px !important;
  bottom: 24px !important;
  z-index: 3 !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  overflow: hidden !important;
}

body[data-theme] .poster-strip,
body[data-theme] .section,
body[data-theme] .cta-section {
  padding: 96px clamp(22px, 6vw, 92px) !important;
  border-bottom: 1px solid rgba(111, 216, 177, 0.12) !important;
}

body[data-theme] .ecosystem-section,
body[data-theme] .product-section,
body[data-theme] .workteam-showcase,
body[data-theme] .split {
  min-height: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(320px, 1.1fr) !important;
  gap: 56px !important;
  align-items: center !important;
}

body[data-theme] .poster-caption {
  position: static !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
  max-width: 560px !important;
}

body[data-theme] .ecosystem-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body[data-theme] .ecosystem-grid article {
  min-height: 230px !important;
  padding: 22px !important;
  display: grid !important;
  align-content: end !important;
  gap: 12px !important;
}

body[data-theme] .pricing-grid {
  grid-template-columns: repeat(4, minmax(210px, 1fr)) !important;
}

body[data-theme] .timeline {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body[data-theme] .member-grid,
body[data-theme] .internal-team-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
}

body[data-theme] .member-photo {
  width: 100% !important;
  height: 270px !important;
  max-width: none !important;
  margin: 0 0 14px !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 14px !important;
  border: 1px solid var(--line) !important;
  background: rgba(184, 244, 223, 0.035) !important;
  box-shadow: none !important;
  filter: none !important;
}

body[data-theme] .workteam-visual {
  min-height: 430px !important;
  padding: 20px !important;
  display: grid !important;
  place-items: center !important;
}

body[data-theme] .workteam-visual img {
  width: 100% !important;
  max-width: 760px !important;
  height: auto !important;
  max-height: 560px !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  border: 0 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

body[data-theme] .card:hover,
body[data-theme] .service-card:hover,
body[data-theme] .member-card:hover,
body[data-theme] .post-card:hover,
body[data-theme] .panel:hover,
body[data-theme] .module:hover,
body[data-theme] .analytics:hover,
body[data-theme] .dashboard:hover,
body[data-theme] .form-card:hover,
body[data-theme] .timeline-card:hover,
body[data-theme] .ecosystem-grid article:hover,
body[data-theme] .metric-grid article:hover,
body[data-theme] .workteam-visual:hover,
body[data-theme] section:hover {
  transform: none !important;
  filter: none !important;
  border-color: var(--line) !important;
  box-shadow: var(--glass-shadow) !important;
}

@media (pointer: fine) {
  body[data-theme],
  body[data-theme] a,
  body[data-theme] button,
  body[data-theme] input,
  body[data-theme] textarea,
  body[data-theme] select,
  body[data-theme] [role="button"] {
    cursor: none !important;
  }
}

.cursor-dot {
  width: 5px !important;
  height: 5px !important;
  background: var(--cursor-core) !important;
  border: 1px solid var(--cursor-line) !important;
  box-shadow: none !important;
}

.cursor-ring {
  width: 30px !important;
  height: 30px !important;
  border: 1px solid var(--cursor-line) !important;
  background: rgba(184, 244, 223, 0.025) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  mix-blend-mode: normal !important;
}

.cursor-ring.is-active {
  width: 40px !important;
  height: 40px !important;
  border-color: var(--accent-2) !important;
  background: rgba(37, 217, 154, 0.055) !important;
}

@media (max-width: 1180px) {
  body[data-theme] h1 {
    font-size: 4.4rem !important;
  }

  body[data-theme] h2 {
    font-size: 2.55rem !important;
  }

  body[data-theme] .hero-home .hero-grid,
  body[data-theme] .hero-workteam .hero-grid,
  body[data-theme] .hero-subpage .hero-grid,
  body[data-theme] .ecosystem-section,
  body[data-theme] .product-section,
  body[data-theme] .workteam-showcase,
  body[data-theme] .split {
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }

  body[data-theme] .pricing-grid,
  body[data-theme] .timeline,
  body[data-theme] .post-grid,
  body[data-theme] .contact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  body[data-theme] .site-header {
    width: min(100% - 24px, 680px) !important;
    grid-template-columns: auto 1fr auto !important;
    padding: 8px 10px 8px 14px !important;
  }

  body[data-theme] .nav-toggle {
    display: block !important;
    justify-self: end !important;
    width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
  }

  body[data-theme] .site-nav {
    position: fixed !important;
    inset: 76px 12px auto !important;
    display: none !important;
    grid-template-columns: 1fr !important;
    gap: 2px !important;
    padding: 10px !important;
    border-radius: 20px !important;
    border: 1px solid var(--line) !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.012)),
      var(--surface-strong) !important;
    box-shadow: var(--glass-shadow) !important;
  }

  body[data-theme] .site-nav.is-open {
    display: grid !important;
  }

  body[data-theme] .hero-home,
  body[data-theme] .hero-workteam,
  body[data-theme] .hero-subpage {
    min-height: auto !important;
    padding: 52px 0 64px !important;
  }

  body[data-theme] .hero-home .hero-grid,
  body[data-theme] .hero-workteam .hero-grid,
  body[data-theme] .hero-subpage .hero-grid {
    width: min(100% - 32px, 680px) !important;
    text-align: center !important;
  }

  body[data-theme] h1 {
    font-size: 3.25rem !important;
  }

  body[data-theme] h2 {
    font-size: 2.15rem !important;
  }

  body[data-theme] .hero-visual {
    min-height: 500px !important;
  }

  body[data-theme] .hero-hud {
    display: none !important;
  }

  body[data-theme] .founder-hero-image,
  body[data-theme] .team-hero-image {
    width: min(100%, 430px) !important;
    max-height: 480px !important;
  }

  body[data-theme] .hero-visual .hero-panel {
    left: 20px !important;
    right: 20px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body[data-theme] .ecosystem-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  body[data-theme] .poster-strip,
  body[data-theme] .section,
  body[data-theme] .cta-section {
    padding: 68px 18px !important;
  }

  body[data-theme] .pricing-grid,
  body[data-theme] .timeline,
  body[data-theme] .post-grid,
  body[data-theme] .contact-grid {
    grid-template-columns: 1fr !important;
  }

  body[data-theme] .hero-visual .hero-panel {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    margin-top: -10px !important;
  }
}

/* Tobaru premium minimal glass pass */
:root,
body[data-theme="light"] {
  --accent: #6fd8b1 !important;
  --accent-2: #25d99a !important;
  --accent-3: #dffaff !important;
  --bg: #f8fbfc !important;
  --bg-2: #ffffff !important;
  --surface: rgba(255, 255, 255, 0.54) !important;
  --surface-muted: rgba(255, 255, 255, 0.42) !important;
  --surface-strong: rgba(255, 255, 255, 0.7) !important;
  --line: rgba(111, 216, 177, 0.32) !important;
  --line-strong: rgba(37, 217, 154, 0.48) !important;
  --text: #132027 !important;
  --muted: #5d7580 !important;
  --soft: #2f4952 !important;
  --warning: #25d99a !important;
  --glass-shadow: 0 24px 58px rgba(31, 75, 92, 0.12), 0 5px 16px rgba(31, 75, 92, 0.055), inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 -1px 0 rgba(111, 216, 177, 0.13) !important;
  --control-shadow: 0 14px 28px rgba(31, 75, 92, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
  --cursor-core: #132027;
  --cursor-line: rgba(111, 216, 177, 0.7);
}

body[data-theme="dark"] {
  --accent: #b8f4df !important;
  --accent-2: #6fd8b1 !important;
  --accent-3: #e9fdff !important;
  --bg: #050708 !important;
  --bg-2: #090d0f !important;
  --surface: rgba(255, 255, 255, 0.032) !important;
  --surface-muted: rgba(255, 255, 255, 0.026) !important;
  --surface-strong: rgba(255, 255, 255, 0.052) !important;
  --line: rgba(184, 244, 223, 0.22) !important;
  --line-strong: rgba(232, 253, 255, 0.42) !important;
  --text: #f7fcfd !important;
  --muted: #a8bdc2 !important;
  --soft: #d9edf0 !important;
  --warning: #6fd8b1 !important;
  --glass-shadow: 0 30px 68px rgba(0, 0, 0, 0.48), 0 8px 18px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 -1px 0 rgba(184, 244, 223, 0.12) !important;
  --control-shadow: 0 16px 34px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
  --cursor-core: #e9fdff;
  --cursor-line: rgba(184, 244, 223, 0.76);
}

body[data-theme],
body[data-theme] main,
body[data-theme] section {
  background: var(--bg) !important;
  color: var(--text) !important;
}

body[data-theme] {
  background-image:
    linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 48%, var(--bg) 100%) !important;
}

body[data-theme]::before,
body[data-theme]::after,
body[data-theme] .scan-object,
body[data-theme] .scan-object-img {
  display: none !important;
}

body[data-theme] h1,
body[data-theme] h2,
body[data-theme] h3,
body[data-theme] h4,
body[data-theme] h5,
body[data-theme] h6 {
  font-family: "Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body[data-theme] h1 {
  font-size: 5.6rem !important;
  line-height: 0.94 !important;
  font-weight: 800 !important;
}

body[data-theme] h2 {
  font-size: 3.15rem !important;
  line-height: 1.02 !important;
  font-weight: 760 !important;
}

body[data-theme] h3 {
  font-size: 1.26rem !important;
  line-height: 1.18 !important;
  font-weight: 760 !important;
}

body[data-theme] .eyebrow,
body[data-theme] .price-card > span,
body[data-theme] .timeline-item span,
body[data-theme] .metric-grid span,
body[data-theme] .member-card span,
body[data-theme] .post-card span,
body[data-theme] .contact-grid span {
  color: var(--accent) !important;
  letter-spacing: 0 !important;
}

body[data-theme] .site-header {
  position: sticky !important;
  top: 12px !important;
  z-index: 50 !important;
  width: min(1160px, calc(100% - 32px)) !important;
  min-height: 58px !important;
  height: auto !important;
  margin: 12px auto 0 !important;
  padding: 8px 12px 8px 18px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  border-radius: 999px !important;
  border: 1px solid var(--line) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.072), rgba(255, 255, 255, 0.012)),
    var(--surface-muted) !important;
  box-shadow: var(--glass-shadow) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body[data-theme] .brand,
body[data-theme] .site-header .brand,
body[data-theme] .brand:hover,
body[data-theme] .site-header .brand:hover,
body[data-theme] .brand:focus-visible,
body[data-theme] .site-header .brand:focus-visible {
  width: auto !important;
  min-width: 0 !important;
  height: 38px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  transform: none !important;
}

body[data-theme] .brand img {
  width: auto !important;
  height: 28px !important;
  max-width: 130px !important;
  display: block !important;
  object-fit: contain !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

body[data-theme] .site-nav {
  justify-self: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  min-height: 38px !important;
  padding: 4px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-theme] .site-nav a {
  min-height: 30px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 999px !important;
  color: var(--muted) !important;
  font-size: 0.84rem !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body[data-theme] .language-switch {
  min-height: 38px !important;
  padding: 4px !important;
  gap: 2px !important;
  border-radius: 999px !important;
  border: 1px solid var(--line) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.01)),
    var(--surface) !important;
  box-shadow: var(--control-shadow) !important;
}

body[data-theme] .language-switch button,
body[data-theme] .theme-switch {
  min-height: 30px !important;
  min-width: 32px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--muted) !important;
}

body[data-theme] .language-switch button.is-active,
body[data-theme] .theme-switch:hover,
body[data-theme] .language-switch button:hover,
body[data-theme] .site-nav a:hover,
body[data-theme] .site-nav a:focus-visible {
  color: var(--text) !important;
  background: var(--surface-strong) !important;
  transform: translateY(-1px) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

body[data-theme] .hero-home,
body[data-theme] .hero-workteam,
body[data-theme] .hero-subpage {
  min-height: 760px !important;
  padding: 58px 0 72px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
}

body[data-theme] .hero-home .hero-grid,
body[data-theme] .hero-workteam .hero-grid,
body[data-theme] .hero-subpage .hero-grid {
  width: min(1180px, calc(100% - 48px)) !important;
  margin-inline: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.92fr) minmax(360px, 1.08fr) !important;
  gap: 72px !important;
  align-items: center !important;
}

body[data-theme] .hero-copy {
  max-width: 620px !important;
}

body[data-theme] .hero-copy p:not(.eyebrow):not(.founder-line):not(.subnote),
body[data-theme] .feature-copy p,
body[data-theme] .section-heading p:not(.eyebrow),
body[data-theme] .cta-content p:not(.eyebrow),
body[data-theme] .rich-copy p {
  color: var(--muted) !important;
  font-size: 1.06rem !important;
  line-height: 1.62 !important;
}

body[data-theme] .hero-home h1 span {
  display: block !important;
  margin-right: 0 !important;
  color: var(--text) !important;
}

body[data-theme] .hero-home h1 span:nth-child(2) {
  color: var(--accent) !important;
}

body[data-theme] .founder-line {
  color: var(--muted) !important;
  border-color: var(--line) !important;
  background: var(--surface-muted) !important;
  box-shadow: var(--control-shadow) !important;
}

body[data-theme] .hero-visual {
  position: relative !important;
  min-height: 610px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: end center !important;
  overflow: visible !important;
  isolation: isolate !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-theme] .hero-visual::before {
  content: "" !important;
  position: absolute !important;
  inset: 36px 24px 0 !important;
  z-index: -1 !important;
  border-radius: 30px !important;
  border: 1px solid var(--line) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.072), rgba(255, 255, 255, 0.01)),
    var(--surface) !important;
  box-shadow: var(--glass-shadow) !important;
}

body[data-theme] .founder-hero-image,
body[data-theme] .team-hero-image {
  position: relative !important;
  z-index: 2 !important;
  width: min(100%, 600px) !important;
  height: auto !important;
  max-height: 620px !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

body[data-theme] .hero-hud {
  top: 56px !important;
  left: 46px !important;
  right: auto !important;
  max-width: min(360px, calc(100% - 92px)) !important;
  color: var(--accent) !important;
}

body[data-theme] .hero-visual .hero-panel {
  position: absolute !important;
  left: 46px !important;
  right: 46px !important;
  bottom: 24px !important;
  z-index: 3 !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  border: 1px solid var(--line) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.074), rgba(255, 255, 255, 0.012)),
    var(--surface-strong) !important;
  box-shadow: var(--control-shadow) !important;
}

body[data-theme] .hero-visual .hero-panel div {
  min-height: 70px !important;
  padding: 13px 15px !important;
  border-right: 1px solid var(--line) !important;
  border-bottom: 0 !important;
  background: transparent !important;
}

body[data-theme] .hero-visual .hero-panel div:last-child {
  border-right: 0 !important;
}

body[data-theme] .poster-strip,
body[data-theme] .section,
body[data-theme] .cta-section {
  padding: 96px clamp(22px, 6vw, 92px) !important;
  border-bottom: 1px solid rgba(111, 216, 177, 0.12) !important;
}

body[data-theme] .ecosystem-section {
  min-height: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.86fr) minmax(360px, 1.14fr) !important;
  gap: 56px !important;
  align-items: end !important;
}

body[data-theme] .poster-caption {
  position: static !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
  max-width: 560px !important;
  align-items: start !important;
}

body[data-theme] .poster-caption p {
  max-width: 52ch !important;
}

body[data-theme] .ecosystem-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body[data-theme] .ecosystem-grid article,
body[data-theme] .metric-grid article,
body[data-theme] .price-card,
body[data-theme] .member-card,
body[data-theme] .timeline-item,
body[data-theme] .post-card,
body[data-theme] .service-card,
body[data-theme] .contact-grid > *,
body[data-theme] .social-links a,
body[data-theme] .hero-panel,
body[data-theme] .card,
body[data-theme] .panel,
body[data-theme] .module,
body[data-theme] .form-card,
body[data-theme] .timeline-card {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  border: 1px solid var(--line) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.008)),
    var(--surface) !important;
  box-shadow: var(--glass-shadow) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body[data-theme="light"] .ecosystem-grid article,
body[data-theme="light"] .metric-grid article,
body[data-theme="light"] .price-card,
body[data-theme="light"] .member-card,
body[data-theme="light"] .timeline-item,
body[data-theme="light"] .post-card,
body[data-theme="light"] .service-card,
body[data-theme="light"] .contact-grid > *,
body[data-theme="light"] .social-links a,
body[data-theme="light"] .hero-panel,
body[data-theme="light"] .card,
body[data-theme="light"] .panel,
body[data-theme="light"] .module,
body[data-theme="light"] .form-card,
body[data-theme="light"] .timeline-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.2)),
    var(--surface) !important;
}

body[data-theme] .ecosystem-grid article {
  min-height: 230px !important;
  padding: 22px !important;
  display: grid !important;
  align-content: end !important;
  gap: 12px !important;
}

body[data-theme] .ecosystem-grid span {
  color: var(--accent) !important;
  font-size: 0.74rem !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body[data-theme] .ecosystem-grid strong {
  color: var(--text) !important;
  font-size: 1.12rem !important;
}

body[data-theme] .ecosystem-grid p {
  margin: 0 !important;
  color: var(--muted) !important;
  line-height: 1.48 !important;
}

body[data-theme] .product-section,
body[data-theme] .workteam-showcase,
body[data-theme] .split {
  display: grid !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(320px, 1.1fr) !important;
  gap: 56px !important;
  align-items: center !important;
}

body[data-theme] .section-heading.narrow,
body[data-theme] .feature-copy,
body[data-theme] .cta-content {
  width: min(100%, 980px) !important;
  max-width: 980px !important;
}

body[data-theme] .pricing-grid,
body[data-theme] .member-grid,
body[data-theme] .internal-team-grid,
body[data-theme] .timeline,
body[data-theme] .post-grid,
body[data-theme] .contact-grid {
  width: min(1180px, 100%) !important;
  margin: 38px auto 0 !important;
  gap: 16px !important;
}

body[data-theme] .pricing-grid {
  grid-template-columns: repeat(4, minmax(210px, 1fr)) !important;
}

body[data-theme] .price-card {
  min-height: 520px !important;
  padding: 24px !important;
  gap: 12px !important;
}

body[data-theme] .price-card.featured,
body[data-theme] .price-card.best-seller {
  border-color: var(--line-strong) !important;
  background:
    linear-gradient(180deg, rgba(184, 244, 223, 0.09), rgba(255, 255, 255, 0.01)),
    var(--surface-strong) !important;
  box-shadow: var(--glass-shadow) !important;
}

body[data-theme] .price-card > span {
  width: max-content !important;
  max-width: 100% !important;
  padding: 5px 10px !important;
  border: 1px solid var(--line) !important;
  border-radius: 999px !important;
  background: rgba(184, 244, 223, 0.06) !important;
}

body[data-theme] .price-placeholder {
  color: var(--accent) !important;
}

body[data-theme] .price-card li::before {
  color: var(--accent-2) !important;
}

body[data-theme] .timeline {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body[data-theme] .timeline-item {
  min-height: 250px !important;
  padding: 24px !important;
}

body[data-theme] .member-grid,
body[data-theme] .internal-team-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
}

body[data-theme] .member-card {
  min-height: 350px !important;
  padding: 18px !important;
  text-align: left !important;
}

body[data-theme] .member-photo {
  width: 100% !important;
  height: 270px !important;
  max-width: none !important;
  margin: 0 0 14px !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 14px !important;
  border: 1px solid var(--line) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.008)),
    rgba(184, 244, 223, 0.035) !important;
  box-shadow: none !important;
  filter: none !important;
}

body[data-theme] .workteam-showcase {
  min-height: auto !important;
  overflow: visible !important;
}

body[data-theme] .workteam-visual {
  min-height: 430px !important;
  padding: 20px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 22px !important;
  border: 1px solid var(--line) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.062), rgba(255, 255, 255, 0.008)),
    var(--surface) !important;
  box-shadow: var(--glass-shadow) !important;
}

body[data-theme] .workteam-visual img {
  width: 100% !important;
  max-width: 760px !important;
  height: auto !important;
  max-height: 560px !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  border: 0 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

body[data-theme] .post-card,
body[data-theme] .contact-grid > *,
body[data-theme] .social-links a {
  min-height: 160px !important;
  padding: 20px !important;
}

body[data-theme] .post-media {
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(184, 244, 223, 0.08), rgba(255, 255, 255, 0.01)),
    var(--surface-muted) !important;
  color: var(--muted) !important;
  font-family: "Outfit", "Inter", sans-serif !important;
  font-size: 1.4rem !important;
  letter-spacing: 0 !important;
}

body[data-theme] .site-footer {
  background: var(--bg-2) !important;
  border-top: 1px solid var(--line) !important;
}

body[data-theme] .button,
body[data-theme] button,
body[data-theme] .text-link,
body[data-theme] input,
body[data-theme] textarea,
body[data-theme] select {
  transition:
    transform 140ms ease,
    border-color 140ms ease,
    background-color 140ms ease,
    box-shadow 140ms ease !important;
}

body[data-theme] .button,
body[data-theme] button,
body[data-theme] .text-link {
  border-radius: 999px !important;
  border: 1px solid var(--line) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.006)),
    var(--surface-muted) !important;
  color: var(--text) !important;
  box-shadow: var(--control-shadow) !important;
}

body[data-theme] .button.primary,
body[data-theme] button.primary {
  color: #041013 !important;
  border-color: rgba(184, 244, 223, 0.62) !important;
  background:
    linear-gradient(180deg, #effff7 0%, #b8f4df 100%) !important;
  box-shadow: 0 16px 32px rgba(111, 216, 177, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.68) !important;
}

body[data-theme] .button:hover,
body[data-theme] .button:focus-visible,
body[data-theme] button:hover,
body[data-theme] button:focus-visible,
body[data-theme] .text-link:hover,
body[data-theme] .text-link:focus-visible {
  transform: translateY(-1px) !important;
  border-color: var(--line-strong) !important;
  box-shadow: 0 18px 38px rgba(111, 216, 177, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
}

body[data-theme] .card:hover,
body[data-theme] .service-card:hover,
body[data-theme] .price-card:hover,
body[data-theme] .member-card:hover,
body[data-theme] .post-card:hover,
body[data-theme] .founder-card:hover,
body[data-theme] .hero-panel:hover,
body[data-theme] .panel:hover,
body[data-theme] .module:hover,
body[data-theme] .analytics:hover,
body[data-theme] .dashboard:hover,
body[data-theme] .form-card:hover,
body[data-theme] .timeline-card:hover,
body[data-theme] .ecosystem-grid article:hover,
body[data-theme] .metric-grid article:hover,
body[data-theme] .workteam-visual:hover,
body[data-theme] section:hover {
  transform: none !important;
  filter: none !important;
  border-color: var(--line) !important;
  box-shadow: var(--glass-shadow) !important;
}

body[data-theme] .ambient-layer,
body[data-theme] .particle-field,
body[data-theme] .giant-backdrop-word,
body[data-theme] .poster-title,
body[data-theme] .workteam-title-backdrop {
  display: none !important;
}

@media (pointer: fine) {
  body[data-theme],
  body[data-theme] a,
  body[data-theme] button,
  body[data-theme] input,
  body[data-theme] textarea,
  body[data-theme] select,
  body[data-theme] [role="button"] {
    cursor: none !important;
  }
}

.cursor-dot,
.cursor-ring {
  z-index: 10000 !important;
  mix-blend-mode: normal !important;
}

.cursor-dot {
  width: 5px !important;
  height: 5px !important;
  background: var(--cursor-core) !important;
  border: 1px solid var(--cursor-line) !important;
  box-shadow: none !important;
}

.cursor-ring {
  width: 30px !important;
  height: 30px !important;
  border: 1px solid var(--cursor-line) !important;
  background: rgba(184, 244, 223, 0.025) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

.cursor-ring.is-active {
  width: 40px !important;
  height: 40px !important;
  border-color: var(--accent-2) !important;
  background: rgba(37, 217, 154, 0.055) !important;
}

@media (max-width: 1180px) {
  body[data-theme] h1 {
    font-size: 4.4rem !important;
  }

  body[data-theme] h2 {
    font-size: 2.55rem !important;
  }

  body[data-theme] .hero-home .hero-grid,
  body[data-theme] .hero-workteam .hero-grid,
  body[data-theme] .hero-subpage .hero-grid,
  body[data-theme] .ecosystem-section,
  body[data-theme] .product-section,
  body[data-theme] .workteam-showcase,
  body[data-theme] .split {
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }

  body[data-theme] .pricing-grid,
  body[data-theme] .timeline,
  body[data-theme] .post-grid,
  body[data-theme] .contact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  body[data-theme] .site-header {
    width: min(100% - 24px, 680px) !important;
    grid-template-columns: auto 1fr auto !important;
    padding: 8px 10px 8px 14px !important;
  }

  body[data-theme] .nav-toggle {
    display: block !important;
    justify-self: end !important;
    width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
  }

  body[data-theme] .site-nav {
    position: fixed !important;
    inset: 76px 12px auto !important;
    display: none !important;
    grid-template-columns: 1fr !important;
    gap: 2px !important;
    padding: 10px !important;
    border-radius: 20px !important;
    border: 1px solid var(--line) !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.012)),
      var(--surface-strong) !important;
    box-shadow: var(--glass-shadow) !important;
  }

  body[data-theme] .site-nav.is-open {
    display: grid !important;
  }

  body[data-theme] .site-nav a {
    min-height: 42px !important;
    justify-content: center !important;
  }

  body[data-theme] .language-switch {
    gap: 1px !important;
  }

  body[data-theme] .theme-switch {
    max-width: 70px !important;
    overflow: hidden !important;
  }

  body[data-theme] .hero-home,
  body[data-theme] .hero-workteam,
  body[data-theme] .hero-subpage {
    min-height: auto !important;
    padding: 52px 0 64px !important;
  }

  body[data-theme] .hero-home .hero-grid,
  body[data-theme] .hero-workteam .hero-grid,
  body[data-theme] .hero-subpage .hero-grid {
    width: min(100% - 32px, 680px) !important;
    text-align: center !important;
  }

  body[data-theme] .hero-copy,
  body[data-theme] .hero-copy p:not(.eyebrow):not(.founder-line):not(.subnote) {
    margin-inline: auto !important;
  }

  body[data-theme] h1 {
    font-size: 3.25rem !important;
  }

  body[data-theme] h2 {
    font-size: 2.15rem !important;
  }

  body[data-theme] .hero-actions {
    justify-content: center !important;
  }

  body[data-theme] .hero-visual {
    min-height: 500px !important;
    order: 2 !important;
  }

  body[data-theme] .hero-hud {
    display: none !important;
  }

  body[data-theme] .founder-hero-image,
  body[data-theme] .team-hero-image {
    width: min(100%, 430px) !important;
    max-height: 480px !important;
  }

  body[data-theme] .hero-visual .hero-panel {
    left: 20px !important;
    right: 20px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body[data-theme] .hero-visual .hero-panel div:nth-child(2n) {
    border-right: 0 !important;
  }

  body[data-theme] .hero-visual .hero-panel div:nth-child(-n + 2) {
    border-bottom: 1px solid var(--line) !important;
  }

  body[data-theme] .ecosystem-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  body[data-theme] .poster-strip,
  body[data-theme] .section,
  body[data-theme] .cta-section {
    padding: 68px 18px !important;
  }

  body[data-theme] .pricing-grid,
  body[data-theme] .timeline,
  body[data-theme] .post-grid,
  body[data-theme] .contact-grid {
    grid-template-columns: 1fr !important;
  }

  body[data-theme] .language-switch button,
  body[data-theme] .theme-switch {
    min-width: 28px !important;
    padding: 0 8px !important;
    font-size: 0.64rem !important;
  }

  body[data-theme] .hero-visual .hero-panel {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    margin-top: -10px !important;
  }

  body[data-theme] .workteam-visual {
    min-height: 300px !important;
  }
}

/* Operating-system crystal layout: final structural redesign */
body[data-theme] {
  --os-bg: var(--bg);
  --os-glass: rgba(255, 255, 255, 0.018);
  --os-glass-strong: rgba(255, 255, 255, 0.032);
  --os-line: rgba(255, 255, 255, 0.14);
  --os-line-strong: rgba(255, 255, 255, 0.26);
  --os-shadow: 0 26px 72px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.11);
}

body[data-theme="light"] {
  --os-glass: rgba(255, 255, 255, 0.48);
  --os-glass-strong: rgba(255, 255, 255, 0.68);
  --os-line: rgba(218, 214, 202, 0.78);
  --os-line-strong: rgba(37, 217, 154, 0.46);
  --os-shadow: 0 22px 64px rgba(35, 34, 30, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

body[data-theme] .site-header {
  position: sticky !important;
  top: 14px !important;
  z-index: 50 !important;
  width: min(1120px, calc(100% - 32px)) !important;
  height: 52px !important;
  margin: 14px auto 0 !important;
  padding: 0 10px !important;
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  gap: 12px !important;
  border-radius: 999px !important;
  border: 1px solid var(--os-line) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.012)),
    var(--os-glass) !important;
  box-shadow: var(--os-shadow) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body[data-theme] .brand {
  width: auto !important;
  min-width: 0 !important;
  height: 34px !important;
  padding: 0 8px !important;
  display: flex !important;
  align-items: center !important;
}

body[data-theme] .brand img {
  width: auto !important;
  height: 24px !important;
  max-width: 118px !important;
}

body[data-theme] .site-nav {
  justify-self: center !important;
  min-height: 34px !important;
  padding: 3px 6px !important;
  display: flex !important;
  align-items: center !important;
  gap: 3px !important;
  border-radius: 999px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body[data-theme] .site-nav a {
  min-height: 28px !important;
  padding: 0 11px !important;
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 999px !important;
  color: var(--muted) !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

body[data-theme] .site-nav a:hover,
body[data-theme] .site-nav a:focus-visible {
  color: var(--text) !important;
  background: var(--os-glass-strong) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

body[data-theme] .language-switch {
  min-height: 34px !important;
  padding: 3px !important;
  gap: 2px !important;
  border-radius: 999px !important;
  background: var(--os-glass) !important;
  border: 1px solid var(--os-line) !important;
  box-shadow: none !important;
}

body[data-theme] .language-switch button,
body[data-theme] .theme-switch {
  min-height: 28px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--muted) !important;
}

body[data-theme] .language-switch button.is-active,
body[data-theme] .theme-switch:hover,
body[data-theme] .language-switch button:hover {
  color: var(--text) !important;
  background: var(--os-glass-strong) !important;
}

body[data-theme] .hero-home,
body[data-theme] .hero-workteam {
  min-height: calc(100vh - 78px) !important;
  padding: clamp(42px, 6vh, 70px) 0 clamp(54px, 8vh, 90px) !important;
  background: var(--bg) !important;
}

body[data-theme] .hero-home .hero-grid,
body[data-theme] .hero-workteam .hero-grid {
  position: relative !important;
  width: min(1240px, calc(100% - 48px)) !important;
  margin-inline: auto !important;
  display: grid !important;
  grid-template-columns: minmax(320px, 0.88fr) minmax(420px, 1.12fr) !important;
  gap: clamp(34px, 7vw, 96px) !important;
  align-items: center !important;
}

body[data-theme] .hero-home .hero-copy,
body[data-theme] .hero-workteam .hero-copy {
  max-width: 640px !important;
  padding: clamp(8px, 2vw, 18px) 0 !important;
}

body[data-theme] .hero-home h1,
body[data-theme] .hero-workteam h1 {
  max-width: 760px !important;
  margin: 0 !important;
  font-size: clamp(4.2rem, 9vw, 9.6rem) !important;
  line-height: 0.86 !important;
  letter-spacing: -0.055em !important;
  color: var(--text) !important;
}

body[data-theme] .hero-home .hero-copy p:not(.eyebrow):not(.founder-line),
body[data-theme] .hero-workteam .hero-copy p:not(.eyebrow):not(.founder-line):not(.subnote) {
  max-width: 560px !important;
  margin-top: 24px !important;
  font-size: clamp(1.05rem, 1.5vw, 1.34rem) !important;
  line-height: 1.55 !important;
  color: var(--muted) !important;
}

body[data-theme] .hero-actions {
  margin-top: 28px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

body[data-theme] .button {
  min-height: 42px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  font-size: 0.9rem !important;
}

body[data-theme] .hero-visual {
  position: relative !important;
  min-height: clamp(520px, 70vh, 760px) !important;
  display: grid !important;
  place-items: end center !important;
  isolation: isolate !important;
}

body[data-theme] .hero-visual::before {
  content: "" !important;
  position: absolute !important;
  inset: 7% 8% 4% 8% !important;
  z-index: -1 !important;
  border-radius: clamp(34px, 5vw, 72px) !important;
  border: 1px solid var(--os-line) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.012)),
    var(--os-glass) !important;
  box-shadow: var(--os-shadow) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body[data-theme] .founder-hero-image,
body[data-theme] .team-hero-image {
  position: relative !important;
  z-index: 2 !important;
  width: min(100%, 610px) !important;
  max-height: clamp(520px, 82vh, 790px) !important;
  opacity: 1 !important;
  filter: none !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  transform: none !important;
}

body[data-theme] .hero-visual .hero-panel {
  position: absolute !important;
  left: clamp(8px, 2vw, 32px) !important;
  right: clamp(8px, 3vw, 48px) !important;
  bottom: clamp(12px, 3vh, 34px) !important;
  z-index: 3 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.018)),
    var(--os-glass) !important;
  border: 1px solid var(--os-line) !important;
  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body[data-theme] .hero-visual .hero-panel div {
  min-height: 74px !important;
  padding: 14px 16px !important;
  border-right: 1px solid var(--os-line) !important;
  border-bottom: 1px solid var(--os-line) !important;
  background: transparent !important;
}

body[data-theme] .hero-visual .hero-panel div:nth-child(2n) {
  border-right: 0 !important;
}

body[data-theme] .hero-visual .hero-panel div:nth-last-child(-n + 2) {
  border-bottom: 0 !important;
}

body[data-theme] .hero-visual .hero-panel span {
  color: var(--muted) !important;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
}

body[data-theme] .hero-visual .hero-panel strong {
  color: var(--text) !important;
  font-size: 0.96rem !important;
}

body[data-theme] .service-card,
body[data-theme] .price-card,
body[data-theme] .member-card,
body[data-theme] .post-card,
body[data-theme] .timeline-card,
body[data-theme] .founder-card,
body[data-theme] .panel,
body[data-theme] .form-card,
body[data-theme] .module {
  border-radius: 28px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.008)),
    var(--os-glass) !important;
  border: 1px solid var(--os-line) !important;
  box-shadow: var(--os-shadow) !important;
}

body[data-theme] .member-grid,
body[data-theme] .internal-team-grid {
  width: min(1180px, calc(100% - 48px)) !important;
  margin-inline: auto !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 18px !important;
}

body[data-theme] .member-photo {
  width: 100% !important;
  max-width: 320px !important;
  height: clamp(260px, 30vw, 380px) !important;
  margin-inline: auto !important;
  border-radius: 24px !important;
  opacity: 1 !important;
  filter: none !important;
}

@media (max-width: 900px) {
  body[data-theme] .site-header {
    width: min(100% - 24px, 680px) !important;
    grid-template-columns: auto 1fr auto !important;
  }

  body[data-theme] .hero-home .hero-grid,
  body[data-theme] .hero-workteam .hero-grid {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  body[data-theme] .hero-copy {
    margin-inline: auto !important;
  }

  body[data-theme] .hero-visual {
    min-height: 560px !important;
    order: 2 !important;
  }

  body[data-theme] .hero-home h1,
  body[data-theme] .hero-workteam h1 {
    font-size: clamp(3.5rem, 16vw, 6rem) !important;
  }
}

/* Interaction cleanup: only real controls move */
body[data-theme] .card,
body[data-theme] .service-card,
body[data-theme] .price-card,
body[data-theme] .member-card,
body[data-theme] .post-card,
body[data-theme] .founder-card,
body[data-theme] .hero-panel,
body[data-theme] .panel,
body[data-theme] .module,
body[data-theme] .analytics,
body[data-theme] .dashboard,
body[data-theme] .form-card,
body[data-theme] .timeline-card,
body[data-theme] .section,
body[data-theme] section {
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease,
    background-color 160ms ease !important;
}

body[data-theme] .card:hover,
body[data-theme] .service-card:hover,
body[data-theme] .price-card:hover,
body[data-theme] .member-card:hover,
body[data-theme] .post-card:hover,
body[data-theme] .founder-card:hover,
body[data-theme] .hero-panel:hover,
body[data-theme] .panel:hover,
body[data-theme] .module:hover,
body[data-theme] .analytics:hover,
body[data-theme] .dashboard:hover,
body[data-theme] .form-card:hover,
body[data-theme] .timeline-card:hover,
body[data-theme] .section:hover,
body[data-theme] section:hover {
  transform: none !important;
  filter: none !important;
  border-color: var(--line) !important;
  box-shadow: var(--shadow) !important;
}

body[data-theme] a,
body[data-theme] button,
body[data-theme] .button,
body[data-theme] .nav-toggle,
body[data-theme] .theme-toggle,
body[data-theme] .language-switch button,
body[data-theme] .workteam-cta,
body[data-theme] [role="button"] {
  transition:
    transform 150ms ease,
    border-color 150ms ease,
    box-shadow 150ms ease,
    background-color 150ms ease !important;
}

/* Tobaru real crystal system: final replacement layer */
:root,
body[data-theme="light"] {
  --accent: #6fd8b1 !important;
  --accent-2: #25d99a !important;
  --accent-3: #f8f8f4 !important;
  --bg: #fafaf8 !important;
  --bg-2: #ffffff !important;
  --surface: rgba(255, 255, 255, 0.58) !important;
  --surface-muted: rgba(255, 255, 255, 0.42) !important;
  --surface-strong: rgba(255, 255, 255, 0.72) !important;
  --line: rgba(111, 216, 177, 0.34) !important;
  --line-strong: rgba(37, 217, 154, 0.5) !important;
  --text: #191a18 !important;
  --muted: #6d6d67 !important;
  --shadow: 0 18px 44px rgba(25, 26, 24, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
  --glass-blur: 3px !important;
}

body[data-theme="dark"] {
  --accent: #f8f8f4 !important;
  --accent-2: #6fd8b1 !important;
  --accent-3: #e0e0da !important;
  --bg: #030303 !important;
  --bg-2: #050505 !important;
  --surface: rgba(255, 255, 255, 0.025) !important;
  --surface-muted: rgba(255, 255, 255, 0.018) !important;
  --surface-strong: rgba(255, 255, 255, 0.04) !important;
  --line: rgba(255, 255, 255, 0.14) !important;
  --line-strong: rgba(255, 255, 255, 0.28) !important;
  --text: #f8f8f4 !important;
  --muted: #c9c9c2 !important;
  --shadow: 0 24px 60px rgba(0, 0, 0, 0.58), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  --glass-blur: 0.8px !important;
}

body[data-theme],
body[data-theme] main,
body[data-theme] section {
  background: var(--bg) !important;
  color: var(--text) !important;
}

body[data-theme] .site-header {
  background: color-mix(in srgb, var(--bg) 96%, transparent) !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body[data-theme] .brand,
body[data-theme] .brand:hover,
body[data-theme] .brand:focus-visible,
body[data-theme] .brand img,
body[data-theme] .site-logo,
body[data-theme] .logo {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  outline: none !important;
  transform: none !important;
}

body[data-theme] .brand img,
body[data-theme] .site-logo,
body[data-theme] .logo {
  display: block !important;
  object-fit: contain !important;
}

body[data-theme] .glass,
body[data-theme] .card,
body[data-theme] .service-card,
body[data-theme] .price-card,
body[data-theme] .member-card,
body[data-theme] .post-card,
body[data-theme] .founder-card,
body[data-theme] .hero-panel,
body[data-theme] .panel,
body[data-theme] .module,
body[data-theme] .form-card,
body[data-theme] .timeline-card,
body[data-theme] .workteam-cta,
body[data-theme] input,
body[data-theme] textarea,
body[data-theme] select,
body[data-theme] table,
body[data-theme] dialog,
body[data-theme] .modal,
body[data-theme] .dropdown,
body[data-theme] .menu {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.015)),
    var(--surface) !important;
  border: 1px solid var(--line) !important;
  box-shadow: var(--shadow) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body[data-theme="light"] .glass,
body[data-theme="light"] .card,
body[data-theme="light"] .service-card,
body[data-theme="light"] .price-card,
body[data-theme="light"] .member-card,
body[data-theme="light"] .post-card,
body[data-theme="light"] .founder-card,
body[data-theme="light"] .hero-panel,
body[data-theme="light"] .panel,
body[data-theme="light"] .module,
body[data-theme="light"] .form-card,
body[data-theme="light"] .timeline-card,
body[data-theme="light"] .workteam-cta,
body[data-theme="light"] input,
body[data-theme="light"] textarea,
body[data-theme="light"] select,
body[data-theme="light"] table,
body[data-theme="light"] dialog,
body[data-theme="light"] .modal,
body[data-theme="light"] .dropdown,
body[data-theme="light"] .menu {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.18)),
    var(--surface) !important;
}

body[data-theme] .site-nav,
body[data-theme] .language-switch,
body[data-theme] .theme-toggle,
body[data-theme] .nav-toggle,
body[data-theme] .button,
body[data-theme] button,
body[data-theme] .text-link {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.015)),
    var(--surface-muted) !important;
  border: 1px solid var(--line) !important;
  color: var(--text) !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body[data-theme] .site-header a:not(.brand) {
  background: transparent !important;
}

body[data-theme] .site-nav a {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body[data-theme] .site-nav a:hover,
body[data-theme] .site-nav a:focus-visible,
body[data-theme] .button:hover,
body[data-theme] .button:focus-visible,
body[data-theme] button:hover,
body[data-theme] button:focus-visible,
body[data-theme] .text-link:hover,
body[data-theme] .text-link:focus-visible,
body[data-theme] .workteam-cta:hover,
body[data-theme] .workteam-cta:focus-visible {
  transform: translateY(-1px) !important;
  border-color: var(--line-strong) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}

body[data-theme] .card:hover,
body[data-theme] .service-card:hover,
body[data-theme] .price-card:hover,
body[data-theme] .member-card:hover,
body[data-theme] .post-card:hover,
body[data-theme] .founder-card:hover,
body[data-theme] .panel:hover,
body[data-theme] .module:hover,
body[data-theme] .analytics:hover,
body[data-theme] .dashboard:hover,
body[data-theme] .form-card:hover,
body[data-theme] .timeline-card:hover {
  transform: none !important;
  border-color: var(--line) !important;
  box-shadow: var(--shadow) !important;
}

body[data-theme] .hero-home,
body[data-theme] .hero-workteam {
  min-height: clamp(720px, 94vh, 960px) !important;
  padding: clamp(5rem, 8vw, 7rem) 0 clamp(3rem, 6vw, 5rem) !important;
  display: grid !important;
  place-items: center !important;
}

body[data-theme] .hero-home .hero-grid,
body[data-theme] .hero-workteam .hero-grid {
  width: min(1220px, calc(100% - 48px)) !important;
  margin-inline: auto !important;
  display: grid !important;
  grid-template-columns: minmax(300px, 0.86fr) minmax(420px, 1.14fr) !important;
  gap: clamp(2rem, 5vw, 5.5rem) !important;
  align-items: center !important;
}

body[data-theme] .hero-home .hero-copy,
body[data-theme] .hero-workteam .hero-copy {
  max-width: 600px !important;
  z-index: 3 !important;
}

body[data-theme] .founder-hero-image,
body[data-theme] .team-hero-image {
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  pointer-events: none !important;
  z-index: 2 !important;
  justify-self: center !important;
  align-self: end !important;
  object-fit: contain !important;
  object-position: center bottom !important;
}

body[data-theme] .founder-hero-image {
  width: min(46vw, 620px) !important;
  max-height: 88vh !important;
}

body[data-theme] .team-hero-image {
  width: min(54vw, 760px) !important;
  max-height: 78vh !important;
}

body[data-theme] .member-card,
body[data-theme] .founder-card {
  text-align: center !important;
}

body[data-theme] .member-photo,
body[data-theme] .workteam-visual img {
  opacity: 1 !important;
  filter: none !important;
  width: min(100%, 280px) !important;
  height: clamp(240px, 30vw, 360px) !important;
  margin: 0 auto 1rem !important;
  object-fit: cover !important;
  object-position: center !important;
  border: 1px solid var(--line) !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.16) !important;
}

body[data-theme] .button.primary,
body[data-theme] button.primary {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(111, 216, 177, 0.1)),
    var(--surface-strong) !important;
  border-color: var(--line-strong) !important;
}

@media (max-width: 860px) {
  body[data-theme] .hero-home,
  body[data-theme] .hero-workteam {
    min-height: auto !important;
    padding-top: 7rem !important;
  }

  body[data-theme] .hero-home .hero-grid,
  body[data-theme] .hero-workteam .hero-grid {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  body[data-theme] .hero-home .hero-copy,
  body[data-theme] .hero-workteam .hero-copy {
    margin-inline: auto !important;
  }

  body[data-theme] .founder-hero-image,
  body[data-theme] .team-hero-image {
    width: min(88vw, 440px) !important;
    max-height: none !important;
    order: -1 !important;
  }
}

/* Final override: no grey glass. Panels are transparent physical crystal. */
body[data-theme="dark"] {
  --bg: #030303 !important;
  --bg-2: #050505 !important;
  --surface: rgba(255, 255, 255, 0.008) !important;
  --surface-muted: rgba(255, 255, 255, 0.012) !important;
  --surface-strong: rgba(255, 255, 255, 0.018) !important;
  --line: rgba(255, 255, 255, 0.16) !important;
  --line-strong: rgba(255, 255, 255, 0.32) !important;
  --shadow: 0 28px 72px rgba(0, 0, 0, 0.58), inset 0 1px 0 rgba(255, 255, 255, 0.13) !important;
  --glass-blur: 0.2px !important;
}

body[data-theme="light"] {
  --surface: rgba(255, 255, 255, 0.38) !important;
  --surface-muted: rgba(255, 255, 255, 0.28) !important;
  --surface-strong: rgba(255, 255, 255, 0.52) !important;
  --line: rgba(111, 216, 177, 0.34) !important;
  --line-strong: rgba(37, 217, 154, 0.5) !important;
  --shadow: 0 24px 62px rgba(30, 30, 26, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
  --glass-blur: 1.8px !important;
}

body[data-theme] .site-header {
  position: sticky !important;
  top: 14px !important;
  width: min(1120px, calc(100% - 32px)) !important;
  height: 52px !important;
  margin: 14px auto 0 !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.004)),
    var(--surface-muted) !important;
  border: 1px solid var(--line) !important;
  box-shadow: var(--shadow) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body[data-theme] .glass,
body[data-theme] .card,
body[data-theme] .service-card,
body[data-theme] .price-card,
body[data-theme] .member-card,
body[data-theme] .post-card,
body[data-theme] .founder-card,
body[data-theme] .hero-panel,
body[data-theme] .panel,
body[data-theme] .module,
body[data-theme] .form-card,
body[data-theme] .timeline-card,
body[data-theme] .workteam-cta,
body[data-theme] input,
body[data-theme] textarea,
body[data-theme] select,
body[data-theme] table,
body[data-theme] dialog,
body[data-theme] .modal,
body[data-theme] .dropdown,
body[data-theme] .menu {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.006)),
    var(--surface) !important;
  border: 1px solid var(--line) !important;
  box-shadow: var(--shadow) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body[data-theme="light"] .glass,
body[data-theme="light"] .card,
body[data-theme="light"] .service-card,
body[data-theme="light"] .price-card,
body[data-theme="light"] .member-card,
body[data-theme="light"] .post-card,
body[data-theme="light"] .founder-card,
body[data-theme="light"] .hero-panel,
body[data-theme="light"] .panel,
body[data-theme="light"] .module,
body[data-theme="light"] .form-card,
body[data-theme="light"] .timeline-card,
body[data-theme="light"] .workteam-cta,
body[data-theme="light"] input,
body[data-theme="light"] textarea,
body[data-theme="light"] select,
body[data-theme="light"] table,
body[data-theme="light"] dialog,
body[data-theme="light"] .modal,
body[data-theme="light"] .dropdown,
body[data-theme="light"] .menu {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.68), rgba(255, 255, 255, 0.12)),
    var(--surface) !important;
}

body[data-theme] .hero-visual::before,
body[data-theme] .hero-visual .hero-panel {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.004)),
    var(--surface) !important;
  border-color: var(--line) !important;
  box-shadow: var(--shadow) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body[data-theme] .site-nav,
body[data-theme] .language-switch,
body[data-theme] .theme-toggle,
body[data-theme] .nav-toggle,
body[data-theme] .button,
body[data-theme] button,
body[data-theme] .text-link {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.062), rgba(255, 255, 255, 0.006)),
    var(--surface-muted) !important;
  border: 1px solid var(--line) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}

body[data-theme] .site-nav a:hover,
body[data-theme] .site-nav a:focus-visible,
body[data-theme] .button:hover,
body[data-theme] .button:focus-visible,
body[data-theme] button:hover,
body[data-theme] button:focus-visible,
body[data-theme] .text-link:hover,
body[data-theme] .text-link:focus-visible,
body[data-theme] .workteam-cta:hover,
body[data-theme] .workteam-cta:focus-visible {
  transform: translateY(-1px) !important;
  border-color: var(--line-strong) !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

body[data-theme] .ambient-layer,
body[data-theme] .particle-field,
body[data-theme] .giant-backdrop-word,
body[data-theme] .poster-title,
body[data-theme] .workteam-title-backdrop {
  opacity: 0.04 !important;
  filter: none !important;
}

/* True final closure: premium Tobaru mint crystal. */
:root,
body[data-theme="light"] {
  --accent: #6fd8b1 !important;
  --accent-2: #25d99a !important;
  --accent-3: #dffaff !important;
  --tobaru-accent: #6fd8b1 !important;
  --tobaru-water: #25d99a !important;
  --bg: #f8fbfc !important;
  --bg-2: #ffffff !important;
  --surface: rgba(255, 255, 255, 0.54) !important;
  --surface-muted: rgba(255, 255, 255, 0.42) !important;
  --surface-strong: rgba(255, 255, 255, 0.72) !important;
  --line: rgba(111, 216, 177, 0.34) !important;
  --line-strong: rgba(37, 217, 154, 0.5) !important;
  --text: #132027 !important;
  --muted: #5d7580 !important;
  --soft: #2f4952 !important;
  --warning: #25d99a !important;
  --glass-shadow: 0 24px 58px rgba(31, 75, 92, 0.12), 0 5px 16px rgba(31, 75, 92, 0.055), inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 -1px 0 rgba(111, 216, 177, 0.13) !important;
  --shadow: var(--glass-shadow) !important;
  --cursor-core: #132027;
  --cursor-line: rgba(111, 216, 177, 0.72);
}

body[data-theme="dark"] {
  --accent: #b8f4df !important;
  --accent-2: #6fd8b1 !important;
  --accent-3: #e9fdff !important;
  --tobaru-accent: #b8f4df !important;
  --tobaru-water: #6fd8b1 !important;
  --bg: #050708 !important;
  --bg-2: #090d0f !important;
  --surface: rgba(255, 255, 255, 0.032) !important;
  --surface-muted: rgba(255, 255, 255, 0.026) !important;
  --surface-strong: rgba(255, 255, 255, 0.052) !important;
  --line: rgba(184, 244, 223, 0.23) !important;
  --line-strong: rgba(232, 253, 255, 0.42) !important;
  --text: #f7fcfd !important;
  --muted: #a8bdc2 !important;
  --soft: #d9edf0 !important;
  --warning: #6fd8b1 !important;
  --glass-shadow: 0 30px 68px rgba(0, 0, 0, 0.48), 0 8px 18px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 -1px 0 rgba(184, 244, 223, 0.12) !important;
  --shadow: var(--glass-shadow) !important;
  --cursor-core: #e9fdff;
  --cursor-line: rgba(184, 244, 223, 0.78);
}

body[data-theme],
body[data-theme] main,
body[data-theme] section {
  background: var(--bg) !important;
  color: var(--text) !important;
}

body[data-theme]::before,
body[data-theme]::after,
body[data-theme] .scan-object,
body[data-theme] .scan-object-img,
body[data-theme] .ambient-layer,
body[data-theme] .particle-field,
body[data-theme] .giant-backdrop-word,
body[data-theme] .poster-title,
body[data-theme] .workteam-title-backdrop {
  display: none !important;
}

body[data-theme] h1,
body[data-theme] h2,
body[data-theme] h3,
body[data-theme] h4,
body[data-theme] h5,
body[data-theme] h6 {
  font-family: "Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body[data-theme] h1 {
  font-size: 5.6rem !important;
  line-height: 0.94 !important;
  font-weight: 800 !important;
}

body[data-theme] h2 {
  font-size: 3.15rem !important;
  line-height: 1.02 !important;
  font-weight: 760 !important;
}

body[data-theme] .site-header {
  position: sticky !important;
  top: 12px !important;
  z-index: 50 !important;
  width: min(1160px, calc(100% - 32px)) !important;
  min-height: 58px !important;
  height: auto !important;
  margin: 12px auto 0 !important;
  padding: 8px 12px 8px 18px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  border-radius: 999px !important;
  border: 1px solid var(--line) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.072), rgba(255, 255, 255, 0.012)),
    var(--surface-muted) !important;
  box-shadow: var(--glass-shadow) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body[data-theme] .brand,
body[data-theme] .brand:hover,
body[data-theme] .brand:focus-visible,
body[data-theme] .brand img {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  transform: none !important;
  filter: none !important;
}

body[data-theme] .brand img {
  width: auto !important;
  height: 28px !important;
  max-width: 130px !important;
  object-fit: contain !important;
}

body[data-theme] .site-nav {
  justify-self: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  min-height: 38px !important;
  padding: 4px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-theme] .site-nav a {
  min-height: 30px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 999px !important;
  color: var(--muted) !important;
  font-size: 0.84rem !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body[data-theme] .language-switch,
body[data-theme] .button,
body[data-theme] button,
body[data-theme] .text-link {
  border: 1px solid var(--line) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.006)),
    var(--surface-muted) !important;
  color: var(--text) !important;
  box-shadow: 0 14px 28px rgba(31, 75, 92, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

body[data-theme] .button.primary,
body[data-theme] button.primary {
  color: #041013 !important;
  border-color: rgba(184, 244, 223, 0.62) !important;
  background: linear-gradient(180deg, #effff7 0%, #b8f4df 100%) !important;
  box-shadow: 0 16px 32px rgba(111, 216, 177, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.68) !important;
}

body[data-theme] .site-nav a:hover,
body[data-theme] .site-nav a:focus-visible,
body[data-theme] .button:hover,
body[data-theme] .button:focus-visible,
body[data-theme] button:hover,
body[data-theme] button:focus-visible,
body[data-theme] .text-link:hover,
body[data-theme] .text-link:focus-visible {
  transform: translateY(-1px) !important;
  border-color: var(--line-strong) !important;
  box-shadow: 0 18px 38px rgba(111, 216, 177, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
}

body[data-theme] .hero-home,
body[data-theme] .hero-workteam,
body[data-theme] .hero-subpage {
  min-height: 760px !important;
  padding: 58px 0 72px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
}

body[data-theme] .hero-home .hero-grid,
body[data-theme] .hero-workteam .hero-grid,
body[data-theme] .hero-subpage .hero-grid {
  width: min(1180px, calc(100% - 48px)) !important;
  margin-inline: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.92fr) minmax(360px, 1.08fr) !important;
  gap: 72px !important;
  align-items: center !important;
}

body[data-theme] .hero-home h1 span {
  display: block !important;
  margin-right: 0 !important;
  color: var(--text) !important;
}

body[data-theme] .hero-home h1 span:nth-child(2) {
  color: var(--accent) !important;
}

body[data-theme] .hero-visual {
  position: relative !important;
  min-height: 610px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: end center !important;
  overflow: visible !important;
  isolation: isolate !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-theme] .hero-visual::before,
body[data-theme] .workteam-visual,
body[data-theme] .ecosystem-grid article,
body[data-theme] .metric-grid article,
body[data-theme] .price-card,
body[data-theme] .member-card,
body[data-theme] .timeline-item,
body[data-theme] .post-card,
body[data-theme] .service-card,
body[data-theme] .contact-grid > *,
body[data-theme] .social-links a,
body[data-theme] .hero-panel,
body[data-theme] .card,
body[data-theme] .panel,
body[data-theme] .module,
body[data-theme] .form-card,
body[data-theme] .timeline-card {
  border-radius: 18px !important;
  border: 1px solid var(--line) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.008)),
    var(--surface) !important;
  box-shadow: var(--glass-shadow) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body[data-theme] .hero-visual::before {
  content: "" !important;
  position: absolute !important;
  inset: 36px 24px 0 !important;
  z-index: -1 !important;
}

body[data-theme="light"] .workteam-visual,
body[data-theme="light"] .ecosystem-grid article,
body[data-theme="light"] .metric-grid article,
body[data-theme="light"] .price-card,
body[data-theme="light"] .member-card,
body[data-theme="light"] .timeline-item,
body[data-theme="light"] .post-card,
body[data-theme="light"] .service-card,
body[data-theme="light"] .contact-grid > *,
body[data-theme="light"] .social-links a,
body[data-theme="light"] .hero-panel,
body[data-theme="light"] .card,
body[data-theme="light"] .panel,
body[data-theme="light"] .module,
body[data-theme="light"] .form-card,
body[data-theme="light"] .timeline-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.2)),
    var(--surface) !important;
}

body[data-theme] .founder-hero-image,
body[data-theme] .team-hero-image {
  position: relative !important;
  z-index: 2 !important;
  width: min(100%, 600px) !important;
  height: auto !important;
  max-height: 620px !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

body[data-theme] .hero-visual .hero-panel {
  position: absolute !important;
  left: 46px !important;
  right: 46px !important;
  bottom: 24px !important;
  z-index: 3 !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  overflow: hidden !important;
}

body[data-theme] .poster-strip,
body[data-theme] .section,
body[data-theme] .cta-section {
  padding: 96px clamp(22px, 6vw, 92px) !important;
  border-bottom: 1px solid rgba(111, 216, 177, 0.12) !important;
}

body[data-theme] .ecosystem-section,
body[data-theme] .product-section,
body[data-theme] .workteam-showcase,
body[data-theme] .split {
  min-height: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(320px, 1.1fr) !important;
  gap: 56px !important;
  align-items: center !important;
}

body[data-theme] .poster-caption {
  position: static !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
  max-width: 560px !important;
}

body[data-theme] .ecosystem-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body[data-theme] .ecosystem-grid article {
  min-height: 230px !important;
  padding: 22px !important;
  display: grid !important;
  align-content: end !important;
  gap: 12px !important;
}

body[data-theme] .pricing-grid {
  grid-template-columns: repeat(4, minmax(210px, 1fr)) !important;
}

body[data-theme] .timeline {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body[data-theme] .member-grid,
body[data-theme] .internal-team-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
}

body[data-theme] .member-photo {
  width: 100% !important;
  height: 270px !important;
  max-width: none !important;
  margin: 0 0 14px !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 14px !important;
  border: 1px solid var(--line) !important;
  background: rgba(184, 244, 223, 0.035) !important;
  box-shadow: none !important;
  filter: none !important;
}

body[data-theme] .workteam-visual {
  min-height: 430px !important;
  padding: 20px !important;
  display: grid !important;
  place-items: center !important;
}

body[data-theme] .workteam-visual img {
  width: 100% !important;
  max-width: 760px !important;
  height: auto !important;
  max-height: 560px !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  border: 0 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

body[data-theme] .card:hover,
body[data-theme] .service-card:hover,
body[data-theme] .price-card:hover,
body[data-theme] .member-card:hover,
body[data-theme] .post-card:hover,
body[data-theme] .founder-card:hover,
body[data-theme] .hero-panel:hover,
body[data-theme] .panel:hover,
body[data-theme] .module:hover,
body[data-theme] .analytics:hover,
body[data-theme] .dashboard:hover,
body[data-theme] .form-card:hover,
body[data-theme] .timeline-card:hover,
body[data-theme] .ecosystem-grid article:hover,
body[data-theme] .metric-grid article:hover,
body[data-theme] .workteam-visual:hover,
body[data-theme] section:hover {
  transform: none !important;
  filter: none !important;
  border-color: var(--line) !important;
  box-shadow: var(--glass-shadow) !important;
}

@media (pointer: fine) {
  body[data-theme],
  body[data-theme] a,
  body[data-theme] button,
  body[data-theme] input,
  body[data-theme] textarea,
  body[data-theme] select,
  body[data-theme] [role="button"] {
    cursor: none !important;
  }
}

.cursor-dot {
  width: 5px !important;
  height: 5px !important;
  background: var(--cursor-core) !important;
  border: 1px solid var(--cursor-line) !important;
  box-shadow: none !important;
}

.cursor-ring {
  width: 30px !important;
  height: 30px !important;
  border: 1px solid var(--cursor-line) !important;
  background: rgba(184, 244, 223, 0.025) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  mix-blend-mode: normal !important;
}

.cursor-ring.is-active {
  width: 40px !important;
  height: 40px !important;
  border-color: var(--accent-2) !important;
  background: rgba(37, 217, 154, 0.055) !important;
}

@media (max-width: 1180px) {
  body[data-theme] h1 {
    font-size: 4.4rem !important;
  }

  body[data-theme] h2 {
    font-size: 2.55rem !important;
  }

  body[data-theme] .hero-home .hero-grid,
  body[data-theme] .hero-workteam .hero-grid,
  body[data-theme] .hero-subpage .hero-grid,
  body[data-theme] .ecosystem-section,
  body[data-theme] .product-section,
  body[data-theme] .workteam-showcase,
  body[data-theme] .split {
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }

  body[data-theme] .pricing-grid,
  body[data-theme] .timeline,
  body[data-theme] .post-grid,
  body[data-theme] .contact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  body[data-theme] .site-header {
    width: min(100% - 24px, 680px) !important;
    grid-template-columns: auto 1fr auto !important;
    padding: 8px 10px 8px 14px !important;
  }

  body[data-theme] .nav-toggle {
    display: block !important;
    justify-self: end !important;
    width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
  }

  body[data-theme] .site-nav {
    position: fixed !important;
    inset: 76px 12px auto !important;
    display: none !important;
    grid-template-columns: 1fr !important;
    gap: 2px !important;
    padding: 10px !important;
    border-radius: 20px !important;
    border: 1px solid var(--line) !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.012)),
      var(--surface-strong) !important;
    box-shadow: var(--glass-shadow) !important;
  }

  body[data-theme] .site-nav.is-open {
    display: grid !important;
  }

  body[data-theme] .hero-home,
  body[data-theme] .hero-workteam,
  body[data-theme] .hero-subpage {
    min-height: auto !important;
    padding: 52px 0 64px !important;
  }

  body[data-theme] .hero-home .hero-grid,
  body[data-theme] .hero-workteam .hero-grid,
  body[data-theme] .hero-subpage .hero-grid {
    width: min(100% - 32px, 680px) !important;
    text-align: center !important;
  }

  body[data-theme] h1 {
    font-size: 3.25rem !important;
  }

  body[data-theme] h2 {
    font-size: 2.15rem !important;
  }

  body[data-theme] .hero-visual {
    min-height: 500px !important;
  }

  body[data-theme] .hero-hud {
    display: none !important;
  }

  body[data-theme] .founder-hero-image,
  body[data-theme] .team-hero-image {
    width: min(100%, 430px) !important;
    max-height: 480px !important;
  }

  body[data-theme] .hero-visual .hero-panel {
    left: 20px !important;
    right: 20px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body[data-theme] .ecosystem-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  body[data-theme] .poster-strip,
  body[data-theme] .section,
  body[data-theme] .cta-section {
    padding: 68px 18px !important;
  }

  body[data-theme] .pricing-grid,
  body[data-theme] .timeline,
  body[data-theme] .post-grid,
  body[data-theme] .contact-grid {
    grid-template-columns: 1fr !important;
  }

  body[data-theme] .hero-visual .hero-panel {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    margin-top: -10px !important;
  }
}

body[data-theme] .hero-home h1,
body[data-theme] .hero-workteam h1,
body[data-theme] .hero-subpage h1,
body[data-theme] .hero-software h1 {
  font-size: 5.6rem !important;
  line-height: 0.94 !important;
  letter-spacing: 0 !important;
}

body[data-theme] .poster-caption h2,
body[data-theme] .section-heading h2,
body[data-theme] .feature-copy h2,
body[data-theme] .cta-content h2 {
  font-size: 3.15rem !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
}

@media (max-width: 1180px) {
  body[data-theme] .hero-home h1,
  body[data-theme] .hero-workteam h1,
  body[data-theme] .hero-subpage h1,
  body[data-theme] .hero-software h1 {
    font-size: 4.4rem !important;
  }

  body[data-theme] .poster-caption h2,
  body[data-theme] .section-heading h2,
  body[data-theme] .feature-copy h2,
  body[data-theme] .cta-content h2 {
    font-size: 2.55rem !important;
  }
}

@media (max-width: 900px) {
  body[data-theme] .hero-home h1,
  body[data-theme] .hero-workteam h1,
  body[data-theme] .hero-subpage h1,
  body[data-theme] .hero-software h1 {
    font-size: 3.25rem !important;
  }

  body[data-theme] .poster-caption h2,
  body[data-theme] .section-heading h2,
  body[data-theme] .feature-copy h2,
  body[data-theme] .cta-content h2 {
    font-size: 2.15rem !important;
  }
}

body[data-theme] .brand {
  width: 132px !important;
  height: 36px !important;
}

body[data-theme] .brand img {
  width: 132px !important;
  height: 36px !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
}

body[data-theme] .site-header {
  left: auto !important;
  right: auto !important;
  transform: none !important;
}

/* Final Tobaru art direction: editorial black/white with restrained mint glass. */
:root,
body[data-theme] {
  --bg: #020303 !important;
  --bg-alt: #050606 !important;
  --bg-soft: #090b0a !important;
  --text: #f7f7f2 !important;
  --muted: rgba(247, 247, 242, 0.66) !important;
  --muted-2: rgba(247, 247, 242, 0.42) !important;
  --line: rgba(255, 255, 255, 0.16) !important;
  --line-strong: rgba(184, 244, 223, 0.38) !important;
  --accent: #b8f4df !important;
  --accent-2: #6fd8b1 !important;
  --accent-soft: rgba(184, 244, 223, 0.11) !important;
  --tobaru-accent: #b8f4df !important;
  --surface: rgba(255, 255, 255, 0.045) !important;
  --surface-strong: rgba(255, 255, 255, 0.07) !important;
  --glass-edge: rgba(255, 255, 255, 0.22) !important;
  --glass-shadow: 0 36px 76px rgba(0, 0, 0, 0.55), 0 10px 22px rgba(0, 0, 0, 0.38) !important;
  --cursor-core: #f8fff9 !important;
  --cursor-line: rgba(184, 244, 223, 0.58) !important;
}

body[data-theme="light"] {
  --bg: #f8faf7 !important;
  --bg-alt: #ffffff !important;
  --bg-soft: #eef4ef !important;
  --text: #080b0a !important;
  --muted: rgba(8, 11, 10, 0.66) !important;
  --muted-2: rgba(8, 11, 10, 0.42) !important;
  --line: rgba(8, 45, 35, 0.16) !important;
  --line-strong: rgba(35, 123, 95, 0.32) !important;
  --accent: #0f6f55 !important;
  --accent-2: #2ca77f !important;
  --accent-soft: rgba(44, 167, 127, 0.12) !important;
  --tobaru-accent: #0f6f55 !important;
  --surface: rgba(255, 255, 255, 0.72) !important;
  --surface-strong: rgba(255, 255, 255, 0.86) !important;
  --glass-edge: rgba(8, 45, 35, 0.16) !important;
  --glass-shadow: 0 28px 64px rgba(12, 35, 28, 0.13), 0 8px 18px rgba(12, 35, 28, 0.08) !important;
  --cursor-core: #080b0a !important;
  --cursor-line: rgba(15, 111, 85, 0.55) !important;
}

body[data-theme],
body[data-theme] main {
  background: var(--bg) !important;
  color: var(--text) !important;
  overflow-x: hidden !important;
}

body[data-theme]::before,
body[data-theme]::after,
body[data-theme] .ambient-layer,
body[data-theme] .particle-field,
body[data-theme] .scan-object,
body[data-theme] .scan-object-img,
body[data-theme] .workteam-title-backdrop,
body[data-theme] .glow,
body[data-theme] .cursor-glow {
  display: none !important;
}

body[data-theme] a {
  color: inherit !important;
}

body[data-theme] .site-header {
  position: fixed !important;
  top: 18px !important;
  left: 50% !important;
  right: auto !important;
  width: min(calc(100% - 36px), 1120px) !important;
  min-height: 62px !important;
  padding: 10px 12px 10px 18px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  border: 1px solid var(--glass-edge) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.018)),
    rgba(2, 3, 3, 0.76) !important;
  box-shadow: 0 22px 56px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: translateX(-50%) !important;
  z-index: 1000 !important;
}

body[data-theme="light"] .site-header {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.68)),
    rgba(255, 255, 255, 0.74) !important;
  box-shadow: 0 22px 54px rgba(12, 35, 28, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

body[data-theme] .brand,
body[data-theme] .brand:hover,
body[data-theme] .brand:focus-visible {
  width: 134px !important;
  height: 38px !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: visible !important;
  transform: none !important;
}

body[data-theme] .brand::before,
body[data-theme] .brand::after,
body[data-theme] .site-header .brand::before,
body[data-theme] .site-header .brand::after {
  display: none !important;
}

body[data-theme] .brand img,
body[data-theme] .site-header .brand img {
  width: 134px !important;
  height: 38px !important;
  max-width: none !important;
  max-height: 38px !important;
  object-fit: contain !important;
  object-position: left center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

body[data-theme] .site-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body[data-theme] .site-header a:not(.brand),
body[data-theme] .site-header button,
body[data-theme] .language-switch button,
body[data-theme] .nav-toggle {
  min-height: 38px !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: var(--muted) !important;
  box-shadow: none !important;
  padding: 0 12px !important;
  font-size: 0.78rem !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  transition: color 160ms ease, border-color 160ms ease, background-color 160ms ease, transform 160ms ease !important;
}

body[data-theme] .site-header a:not(.brand):hover,
body[data-theme] .site-header a:not(.brand):focus-visible,
body[data-theme] .site-header button:hover,
body[data-theme] .site-header button:focus-visible,
body[data-theme] .language-switch button.is-active {
  color: var(--text) !important;
  border-color: var(--line-strong) !important;
  background: var(--accent-soft) !important;
  transform: translateY(-1px) !important;
}

body[data-theme] .language-switch {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 0 !important;
}

body[data-theme] .hero-home {
  position: relative !important;
  min-height: 100vh !important;
  padding: 128px 0 88px !important;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    var(--bg) !important;
  background-size: 112px 100%, auto !important;
  border-bottom: 1px solid var(--line) !important;
  isolation: isolate !important;
}

body[data-theme="light"] .hero-home {
  background:
    linear-gradient(90deg, rgba(8, 45, 35, 0.045) 1px, transparent 1px),
    var(--bg) !important;
}

body[data-theme] .giant-backdrop-word {
  display: block !important;
  position: absolute !important;
  left: 42px !important;
  right: 42px !important;
  bottom: 30px !important;
  z-index: 0 !important;
  color: transparent !important;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.075) !important;
  text-stroke: 1px rgba(255, 255, 255, 0.075) !important;
  font-size: 10rem !important;
  line-height: 0.82 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

body[data-theme="light"] .giant-backdrop-word {
  -webkit-text-stroke-color: rgba(8, 45, 35, 0.105) !important;
  text-stroke-color: rgba(8, 45, 35, 0.105) !important;
}

body[data-theme] .poster-title {
  z-index: 4 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--muted-2) !important;
  letter-spacing: 0 !important;
}

body[data-theme] .poster-title strong {
  color: var(--text) !important;
  letter-spacing: 0 !important;
}

body[data-theme] .hero-home .hero-grid {
  position: relative !important;
  z-index: 2 !important;
  width: min(calc(100% - 72px), 1340px) !important;
  min-height: calc(100vh - 216px) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.72fr) minmax(460px, 1.28fr) !important;
  align-items: end !important;
  gap: 28px !important;
}

body[data-theme] .hero-copy {
  position: relative !important;
  z-index: 5 !important;
  align-self: center !important;
  max-width: 650px !important;
  padding: 0 !important;
}

body[data-theme] .eyebrow {
  color: var(--accent) !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body[data-theme] .hero-home h1,
body[data-theme] .hero-workteam h1,
body[data-theme] .hero-subpage h1,
body[data-theme] .hero-software h1 {
  margin: 0 !important;
  color: var(--text) !important;
  font-size: 5.95rem !important;
  line-height: 0.82 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  font-weight: 950 !important;
}

body[data-theme] .hero-home h1 span {
  display: block !important;
}

body[data-theme] .hero-copy p:not(.eyebrow):not(.founder-line),
body[data-theme] .feature-copy p,
body[data-theme] .poster-caption p,
body[data-theme] .section-heading p,
body[data-theme] .cta-content p {
  color: var(--muted) !important;
  font-size: 1rem !important;
  line-height: 1.58 !important;
  letter-spacing: 0 !important;
}

body[data-theme] .founder-line {
  margin-top: 18px !important;
  color: var(--text) !important;
  font-size: 0.98rem !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

body[data-theme] .hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 28px !important;
}

body[data-theme] .button,
body[data-theme] button,
body[data-theme] .text-link,
body[data-theme] input,
body[data-theme] textarea,
body[data-theme] select {
  transition: color 160ms ease, border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
}

body[data-theme] .button,
body[data-theme] .text-link {
  letter-spacing: 0 !important;
}

body[data-theme] .button {
  min-height: 44px !important;
  border-radius: 999px !important;
  padding: 0 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
  text-transform: uppercase !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
}

body[data-theme] .button.primary {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #06110d !important;
}

body[data-theme] .button.secondary,
body[data-theme] .button.ghost {
  background: transparent !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
}

body[data-theme] .button:hover,
body[data-theme] .button:focus-visible,
body[data-theme] .text-link:hover,
body[data-theme] .text-link:focus-visible,
body[data-theme] input:focus,
body[data-theme] textarea:focus,
body[data-theme] select:focus {
  transform: translateY(-1px) !important;
  border-color: var(--line-strong) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22) !important;
}

body[data-theme] .hero-hud {
  display: none !important;
}

body[data-theme] .hero-visual {
  position: relative !important;
  z-index: 3 !important;
  min-height: 710px !important;
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

body[data-theme] .hero-visual::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 36px 28px 42px 110px !important;
  z-index: 0 !important;
  border: 1px solid var(--glass-edge) !important;
  border-top-color: rgba(255, 255, 255, 0.34) !important;
  border-radius: 4px !important;
  background:
    linear-gradient(155deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.014) 48%, rgba(184, 244, 223, 0.055)),
    rgba(255, 255, 255, 0.018) !important;
  box-shadow: var(--glass-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  transform: perspective(1000px) rotateY(-5deg) rotateX(1deg) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body[data-theme="light"] .hero-visual::before {
  background:
    linear-gradient(155deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.38) 48%, rgba(44, 167, 127, 0.075)),
    rgba(255, 255, 255, 0.54) !important;
  border-top-color: rgba(255, 255, 255, 0.92) !important;
}

body[data-theme] .founder-hero-image {
  position: absolute !important;
  z-index: 2 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: min(100%, 650px) !important;
  height: auto !important;
  max-height: 770px !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  opacity: 1 !important;
  filter: drop-shadow(0 34px 44px rgba(0, 0, 0, 0.58)) !important;
  transform: none !important;
}

body[data-theme] .hero-visual .hero-panel,
body[data-theme] .founder-card {
  position: absolute !important;
  z-index: 4 !important;
  left: 20px !important;
  right: 44px !important;
  bottom: 28px !important;
  width: auto !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  padding: 0 !important;
  min-height: 86px !important;
  max-height: 96px !important;
  border: 0 !important;
  border-top: 1px solid var(--line-strong) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 0 !important;
  background: rgba(2, 3, 3, 0.62) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}

body[data-theme="light"] .hero-visual .hero-panel,
body[data-theme="light"] .founder-card {
  background: rgba(255, 255, 255, 0.7) !important;
}

body[data-theme] .hero-panel div {
  padding: 14px 12px !important;
  min-height: 0 !important;
  height: auto !important;
  display: grid !important;
  align-content: center !important;
  gap: 8px !important;
  border-right: 1px solid var(--line) !important;
}

body[data-theme] .hero-panel div:last-child {
  border-right: 0 !important;
}

body[data-theme] .hero-panel span,
body[data-theme] .hero-panel strong {
  display: block !important;
  letter-spacing: 0 !important;
}

body[data-theme] .hero-panel span {
  color: var(--muted-2) !important;
  font-size: 0.68rem !important;
  text-transform: uppercase !important;
}

body[data-theme] .hero-panel strong {
  color: var(--text) !important;
  font-size: 0.86rem !important;
  line-height: 1.15 !important;
  white-space: normal !important;
}

body[data-theme] .hero-microcopy {
  position: absolute !important;
  left: 42px !important;
  right: 42px !important;
  bottom: 14px !important;
  z-index: 5 !important;
  margin: 0 !important;
  color: var(--muted-2) !important;
  font-size: 0.72rem !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body[data-theme] .poster-strip,
body[data-theme] .section,
body[data-theme] .cta-section {
  position: relative !important;
  padding: 112px min(6vw, 92px) !important;
  border-bottom: 1px solid var(--line) !important;
  background: var(--bg) !important;
  box-shadow: none !important;
}

body[data-theme] .poster-strip::before,
body[data-theme] .section::before,
body[data-theme] .cta-section::before {
  display: none !important;
}

body[data-theme] .ecosystem-section,
body[data-theme] .product-section,
body[data-theme] .workteam-showcase,
body[data-theme] .split {
  min-height: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.82fr) minmax(360px, 1.18fr) !important;
  gap: 64px !important;
  align-items: center !important;
}

body[data-theme] .poster-caption,
body[data-theme] .section-heading,
body[data-theme] .feature-copy,
body[data-theme] .cta-content {
  max-width: 680px !important;
}

body[data-theme] .poster-caption h2,
body[data-theme] .section-heading h2,
body[data-theme] .feature-copy h2,
body[data-theme] .cta-content h2 {
  color: var(--text) !important;
  font-size: 3.55rem !important;
  line-height: 0.96 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  font-weight: 930 !important;
}

body[data-theme] .ecosystem-grid,
body[data-theme] .metric-grid,
body[data-theme] .timeline,
body[data-theme] .post-grid,
body[data-theme] .member-grid,
body[data-theme] .internal-team-grid,
body[data-theme] .pricing-grid,
body[data-theme] .contact-grid {
  gap: 0 !important;
}

body[data-theme] .ecosystem-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  border-top: 1px solid var(--line-strong) !important;
}

body[data-theme] .ecosystem-grid article,
body[data-theme] .metric-grid article,
body[data-theme] .timeline-item,
body[data-theme] .post-card,
body[data-theme] .member-card,
body[data-theme] .service-card,
body[data-theme] .price-card,
body[data-theme] .contact-grid > *,
body[data-theme] .social-links a,
body[data-theme] .card,
body[data-theme] .panel,
body[data-theme] .module,
body[data-theme] .form-card,
body[data-theme] .timeline-card {
  min-height: 0 !important;
  padding: 24px 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: none !important;
}

body[data-theme] .price-card {
  padding: 26px 22px !important;
  border: 1px solid var(--line) !important;
  border-radius: 4px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.008)),
    rgba(255, 255, 255, 0.018) !important;
  box-shadow: 0 26px 52px rgba(0, 0, 0, 0.24) !important;
}

body[data-theme="light"] .price-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.46)),
    rgba(255, 255, 255, 0.62) !important;
  box-shadow: 0 22px 48px rgba(12, 35, 28, 0.1) !important;
}

body[data-theme] .price-card.featured,
body[data-theme] .price-card.best-seller {
  border-color: var(--line-strong) !important;
}

body[data-theme] .ecosystem-grid article {
  display: grid !important;
  grid-template-columns: minmax(110px, 0.34fr) minmax(180px, 0.54fr) minmax(240px, 1fr) !important;
  align-items: baseline !important;
  gap: 22px !important;
}

body[data-theme] .ecosystem-grid span,
body[data-theme] .metric-grid span,
body[data-theme] .timeline-item span,
body[data-theme] .post-card span,
body[data-theme] .member-card span,
body[data-theme] .price-card > span,
body[data-theme] .contact-grid span {
  color: var(--accent) !important;
  font-size: 0.74rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body[data-theme] .ecosystem-grid strong,
body[data-theme] .metric-grid strong,
body[data-theme] .contact-grid strong {
  color: var(--text) !important;
  font-size: 1.06rem !important;
  line-height: 1.18 !important;
}

body[data-theme] .ecosystem-grid p,
body[data-theme] .price-card p,
body[data-theme] .timeline-item p,
body[data-theme] .post-card p,
body[data-theme] .member-card p {
  color: var(--muted) !important;
  margin: 0 !important;
}

body[data-theme] .pricing-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(210px, 1fr)) !important;
  gap: 14px !important;
}

body[data-theme] .workteam-showcase {
  grid-template-columns: minmax(0, 1.16fr) minmax(340px, 0.84fr) !important;
  background: var(--bg-alt) !important;
}

body[data-theme] .workteam-visual {
  min-height: 520px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
}

body[data-theme] .workteam-visual::before {
  display: none !important;
}

body[data-theme] .workteam-visual img {
  width: 100% !important;
  max-width: 820px !important;
  height: auto !important;
  max-height: 640px !important;
  object-fit: contain !important;
  object-position: center center !important;
  border: 1px solid var(--glass-edge) !important;
  border-radius: 4px !important;
  background: transparent !important;
  box-shadow: var(--glass-shadow) !important;
  filter: none !important;
  transform: none !important;
}

body[data-theme] .member-photo {
  width: 100% !important;
  height: 280px !important;
  object-fit: contain !important;
  object-position: center center !important;
  border: 1px solid var(--line) !important;
  border-radius: 4px !important;
  background: rgba(255, 255, 255, 0.025) !important;
  box-shadow: none !important;
  filter: none !important;
}

body[data-theme] .avatar {
  background: var(--accent-soft) !important;
  border: 1px solid var(--line-strong) !important;
  color: var(--accent) !important;
  box-shadow: none !important;
}

body[data-theme] .post-media {
  min-height: 150px !important;
  border-radius: 4px !important;
  border: 1px solid var(--line) !important;
  background: transparent !important;
  color: var(--accent) !important;
  box-shadow: none !important;
}

body[data-theme] .text-link {
  color: var(--accent) !important;
  text-transform: uppercase !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
}

body[data-theme] .site-footer {
  background: var(--bg) !important;
  color: var(--muted) !important;
  border-top: 1px solid var(--line) !important;
}

body[data-theme] .card:hover,
body[data-theme] .service-card:hover,
body[data-theme] .price-card:hover,
body[data-theme] .member-card:hover,
body[data-theme] .post-card:hover,
body[data-theme] .founder-card:hover,
body[data-theme] .hero-panel:hover,
body[data-theme] .panel:hover,
body[data-theme] .module:hover,
body[data-theme] .analytics:hover,
body[data-theme] .dashboard:hover,
body[data-theme] .form-card:hover,
body[data-theme] .timeline-card:hover,
body[data-theme] .ecosystem-grid article:hover,
body[data-theme] .metric-grid article:hover,
body[data-theme] .workteam-visual:hover,
body[data-theme] section:hover {
  transform: none !important;
  filter: none !important;
  border-color: inherit !important;
}

@media (pointer: fine) {
  body[data-theme],
  body[data-theme] a,
  body[data-theme] button,
  body[data-theme] input,
  body[data-theme] textarea,
  body[data-theme] select,
  body[data-theme] [role="button"] {
    cursor: none !important;
  }
}

.cursor-dot {
  width: 4px !important;
  height: 4px !important;
  background: var(--cursor-core) !important;
  border: 1px solid var(--cursor-line) !important;
  box-shadow: none !important;
}

.cursor-ring {
  width: 32px !important;
  height: 32px !important;
  border: 1px solid var(--cursor-line) !important;
  background: transparent !important;
  box-shadow: none !important;
  mix-blend-mode: normal !important;
}

.cursor-ring.is-active {
  width: 40px !important;
  height: 40px !important;
  border-color: var(--accent) !important;
  background: rgba(184, 244, 223, 0.035) !important;
}

@media (max-width: 1180px) {
  body[data-theme] .hero-home .hero-grid,
  body[data-theme] .ecosystem-section,
  body[data-theme] .product-section,
  body[data-theme] .workteam-showcase,
  body[data-theme] .split {
    grid-template-columns: 1fr !important;
    gap: 52px !important;
  }

  body[data-theme] .hero-home h1,
  body[data-theme] .hero-workteam h1,
  body[data-theme] .hero-subpage h1,
  body[data-theme] .hero-software h1 {
    font-size: 5.15rem !important;
  }

  body[data-theme] .poster-caption h2,
  body[data-theme] .section-heading h2,
  body[data-theme] .feature-copy h2,
  body[data-theme] .cta-content h2 {
    font-size: 2.9rem !important;
  }

  body[data-theme] .pricing-grid,
  body[data-theme] .timeline,
  body[data-theme] .post-grid,
  body[data-theme] .contact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body[data-theme] .hero-visual {
    min-height: 660px !important;
  }
}

@media (max-width: 900px) {
  body[data-theme] .site-header {
    top: 12px !important;
    width: min(calc(100% - 24px), 680px) !important;
    grid-template-columns: auto auto auto !important;
    gap: 8px !important;
    padding: 8px 10px 8px 14px !important;
  }

  body[data-theme] .brand,
  body[data-theme] .brand img {
    width: 118px !important;
    height: 34px !important;
  }

  body[data-theme] .nav-toggle {
    display: inline-grid !important;
    place-items: center !important;
    justify-self: end !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    border-color: var(--line) !important;
  }

  body[data-theme] .site-nav {
    position: fixed !important;
    inset: 76px 12px auto !important;
    display: none !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    padding: 8px !important;
    border-radius: 24px !important;
    border: 1px solid var(--glass-edge) !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.018)),
      rgba(2, 3, 3, 0.92) !important;
    box-shadow: var(--glass-shadow) !important;
  }

  body[data-theme] .site-nav.is-open {
    display: grid !important;
  }

  body[data-theme="light"] .site-nav {
    background: rgba(255, 255, 255, 0.92) !important;
  }

  body[data-theme] .hero-home {
    padding: 108px 0 76px !important;
    min-height: auto !important;
  }

  body[data-theme] .hero-home .hero-grid {
    width: min(calc(100% - 32px), 680px) !important;
    min-height: 0 !important;
    text-align: left !important;
  }

  body[data-theme] .hero-home h1,
  body[data-theme] .hero-workteam h1,
  body[data-theme] .hero-subpage h1,
  body[data-theme] .hero-software h1 {
    font-size: 3.65rem !important;
  }

  body[data-theme] .hero-visual {
    min-height: 560px !important;
  }

  body[data-theme] .hero-visual::before {
    inset: 26px 12px 34px 22px !important;
    transform: none !important;
  }

  body[data-theme] .founder-hero-image {
    left: 50% !important;
    right: auto !important;
    width: min(100%, 470px) !important;
    max-height: 540px !important;
    transform: translateX(-50%) !important;
  }

  body[data-theme] .hero-visual .hero-panel,
  body[data-theme] .founder-card {
    left: 12px !important;
    right: 12px !important;
    bottom: 18px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body[data-theme] .ecosystem-grid article {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body[data-theme] .poster-strip,
  body[data-theme] .section,
  body[data-theme] .cta-section {
    padding: 82px 18px !important;
  }

  body[data-theme] .giant-backdrop-word,
  body[data-theme] .poster-title,
  body[data-theme] .hero-microcopy {
    display: none !important;
  }
}

@media (max-width: 640px) {
  body[data-theme] .hero-home h1,
  body[data-theme] .hero-workteam h1,
  body[data-theme] .hero-subpage h1,
  body[data-theme] .hero-software h1 {
    font-size: 2.78rem !important;
  }

  body[data-theme] .poster-caption h2,
  body[data-theme] .section-heading h2,
  body[data-theme] .feature-copy h2,
  body[data-theme] .cta-content h2 {
    font-size: 2.18rem !important;
  }

  body[data-theme] .pricing-grid,
  body[data-theme] .timeline,
  body[data-theme] .post-grid,
  body[data-theme] .contact-grid {
    grid-template-columns: 1fr !important;
  }

  body[data-theme] .hero-visual {
    min-height: 500px !important;
  }

  body[data-theme] .hero-visual .hero-panel,
  body[data-theme] .founder-card {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    margin-top: 420px !important;
    grid-template-columns: 1fr 1fr !important;
  }

  body[data-theme] .button {
    width: 100% !important;
  }
}

/* Final correction: transparent crystal, no grey fill, no fog. */
:root,
body[data-theme] {
  --surface: transparent !important;
  --surface-strong: transparent !important;
  --accent-soft: rgba(184, 244, 223, 0.08) !important;
  --line: rgba(255, 255, 255, 0.24) !important;
  --line-strong: rgba(184, 244, 223, 0.46) !important;
  --glass-edge: rgba(255, 255, 255, 0.42) !important;
  --glass-shadow: 0 34px 72px rgba(0, 0, 0, 0.58), 0 9px 18px rgba(0, 0, 0, 0.42) !important;
}

body[data-theme="light"] {
  --surface: transparent !important;
  --surface-strong: transparent !important;
  --accent-soft: rgba(15, 111, 85, 0.07) !important;
  --line: rgba(8, 45, 35, 0.22) !important;
  --line-strong: rgba(15, 111, 85, 0.42) !important;
  --glass-edge: rgba(8, 45, 35, 0.30) !important;
  --glass-shadow: 0 30px 64px rgba(12, 35, 28, 0.16), 0 8px 18px rgba(12, 35, 28, 0.10) !important;
}

body[data-theme] .site-header {
  border-width: 1.25px !important;
  background: rgba(2, 3, 3, 0.54) !important;
  box-shadow: var(--glass-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body[data-theme="light"] .site-header {
  background: rgba(255, 255, 255, 0.18) !important;
  box-shadow: var(--glass-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.58) !important;
}

body[data-theme] .brand,
body[data-theme] .site-header .brand,
body[data-theme] .brand:hover,
body[data-theme] .site-header .brand:hover,
body[data-theme] .brand:focus-visible,
body[data-theme] .site-header .brand:focus-visible {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

body[data-theme] .hero-visual::before,
body[data-theme] .workteam-visual img,
body[data-theme] .price-card,
body[data-theme] .post-media,
body[data-theme] .member-photo,
body[data-theme] .avatar,
body[data-theme] .contact-grid > *,
body[data-theme] .social-links a {
  border-radius: 22px !important;
  background: transparent !important;
  box-shadow: var(--glass-shadow) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body[data-theme] .hero-visual::before {
  border: 1.35px solid var(--glass-edge) !important;
  border-top-color: rgba(255, 255, 255, 0.64) !important;
  background: transparent !important;
}

body[data-theme="light"] .hero-visual::before {
  background: transparent !important;
  border-top-color: rgba(255, 255, 255, 0.94) !important;
}

body[data-theme] .hero-visual .hero-panel,
body[data-theme] .founder-card {
  border: 1.25px solid var(--glass-edge) !important;
  border-top-color: rgba(255, 255, 255, 0.62) !important;
  border-radius: 20px !important;
  background: rgba(2, 3, 3, 0.18) !important;
  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.46) !important;
}

body[data-theme="light"] .hero-visual .hero-panel,
body[data-theme="light"] .founder-card {
  background: rgba(255, 255, 255, 0.10) !important;
  box-shadow: var(--glass-shadow) !important;
}

body[data-theme] .ecosystem-grid article,
body[data-theme] .metric-grid article,
body[data-theme] .timeline-item,
body[data-theme] .post-card,
body[data-theme] .member-card,
body[data-theme] .service-card,
body[data-theme] .card,
body[data-theme] .panel,
body[data-theme] .module,
body[data-theme] .form-card,
body[data-theme] .timeline-card {
  border-radius: 18px !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-theme] .price-card {
  border: 1.25px solid var(--glass-edge) !important;
  border-top-color: rgba(255, 255, 255, 0.58) !important;
  background: transparent !important;
}

body[data-theme="light"] .price-card {
  background: transparent !important;
}

body[data-theme] .button,
body[data-theme] .theme-switch,
body[data-theme] .language-switch button,
body[data-theme] .nav-toggle,
body[data-theme] input,
body[data-theme] textarea,
body[data-theme] select {
  border-radius: 999px !important;
}

body[data-theme] input,
body[data-theme] textarea,
body[data-theme] select {
  background: transparent !important;
  border-color: var(--glass-edge) !important;
}

body[data-theme] .card:hover,
body[data-theme] .service-card:hover,
body[data-theme] .price-card:hover,
body[data-theme] .member-card:hover,
body[data-theme] .post-card:hover,
body[data-theme] .founder-card:hover,
body[data-theme] .hero-panel:hover,
body[data-theme] .panel:hover,
body[data-theme] .module:hover,
body[data-theme] .analytics:hover,
body[data-theme] .dashboard:hover,
body[data-theme] .form-card:hover,
body[data-theme] .timeline-card:hover,
body[data-theme] .ecosystem-grid article:hover,
body[data-theme] .metric-grid article:hover,
body[data-theme] .workteam-visual:hover,
body[data-theme] section:hover {
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;
}

body[data-theme] .price-card:hover,
body[data-theme] .founder-card:hover,
body[data-theme] .hero-panel:hover,
body[data-theme] .workteam-visual img:hover,
body[data-theme] .post-media:hover,
body[data-theme] .member-photo:hover {
  transform: none !important;
  filter: none !important;
  box-shadow: var(--glass-shadow) !important;
}

.cursor-dot,
.cursor-ring {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  z-index: 2147483647 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  will-change: transform, opacity !important;
}

.cursor-dot.is-visible,
.cursor-ring.is-visible {
  opacity: 1 !important;
}

.cursor-dot {
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
}

.cursor-ring {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
}

/* Editorial product pass: Sebastian owns the scene; no empty demo sheets. */
body[data-theme] .hero-visual::before {
  display: none !important;
  content: none !important;
}

body[data-theme] .hero-home .hero-grid {
  grid-template-columns: minmax(0, 0.78fr) minmax(480px, 1.22fr) !important;
  align-items: center !important;
}

body[data-theme] .hero-visual {
  min-height: 740px !important;
}

body[data-theme] .founder-hero-image {
  right: max(0px, 4vw) !important;
  bottom: -8px !important;
  width: min(100%, 720px) !important;
  max-height: 820px !important;
  filter: drop-shadow(0 42px 56px rgba(0, 0, 0, 0.68)) !important;
}

body[data-theme] .hero-visual .hero-panel,
body[data-theme] .founder-card {
  top: auto !important;
  left: auto !important;
  right: max(8px, 3vw) !important;
  bottom: 42px !important;
  width: min(640px, 78%) !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-auto-rows: auto !important;
  align-content: start !important;
  align-items: start !important;
  gap: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--line-strong) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-theme] .hero-panel div {
  padding: 10px 12px 10px 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  border-right: 0 !important;
  border-bottom: 1px solid var(--line) !important;
}

body[data-theme] .hero-panel div {
  border-bottom: 0 !important;
}

body[data-theme] .hero-panel div:nth-last-child(-n + 2) {
  border-bottom: 0 !important;
}

body[data-theme] .hero-panel span {
  color: var(--accent) !important;
  font-size: 0.62rem !important;
}

body[data-theme] .hero-panel strong {
  color: var(--text) !important;
  font-size: 0.8rem !important;
}

body[data-theme] .price-card,
body[data-theme] .member-card,
body[data-theme] .post-card,
body[data-theme] .contact-grid > * {
  box-shadow: none !important;
}

body[data-theme] .pricing-grid {
  gap: 1px !important;
  border-top: 1px solid var(--line-strong) !important;
}

body[data-theme] .price-card {
  border: 0 !important;
  border-right: 1px solid var(--line) !important;
  border-radius: 0 !important;
  padding: 34px 24px !important;
}

body[data-theme] .price-card:last-child {
  border-right: 0 !important;
}

body[data-theme] .price-card.featured,
body[data-theme] .price-card.best-seller {
  border-top: 2px solid var(--accent) !important;
}

body[data-theme] .workteam-visual img {
  border-radius: 18px !important;
  border: 1.25px solid var(--glass-edge) !important;
}

@media (max-width: 1180px) {
  body[data-theme] .hero-home .hero-grid {
    grid-template-columns: 1fr !important;
  }

  body[data-theme] .hero-visual {
    min-height: 680px !important;
  }
}

@media (max-width: 900px) {
  body[data-theme] .hero-visual {
    min-height: 560px !important;
  }

  body[data-theme] .hero-visual .hero-panel,
  body[data-theme] .founder-card {
    right: 0 !important;
    bottom: 12px !important;
    width: 100% !important;
  }

  body[data-theme] .pricing-grid {
    border-top: 0 !important;
    gap: 14px !important;
  }

  body[data-theme] .price-card {
    border: 1px solid var(--line) !important;
    border-radius: 18px !important;
  }
}

/* Definitive Tobaru direction lock: composition first, effects last. */
:root,
body[data-theme] {
  --bg: #020303 !important;
  --bg-alt: #020303 !important;
  --bg-soft: #020303 !important;
  --text: #f7f7f2 !important;
  --muted: rgba(247, 247, 242, 0.64) !important;
  --muted-2: rgba(247, 247, 242, 0.38) !important;
  --line: rgba(255, 255, 255, 0.15) !important;
  --line-strong: rgba(184, 244, 223, 0.34) !important;
  --accent: #b8f4df !important;
  --accent-2: #6fd8b1 !important;
  --accent-soft: rgba(184, 244, 223, 0.07) !important;
  --surface: transparent !important;
  --surface-strong: transparent !important;
  --glass-edge: rgba(255, 255, 255, 0.48) !important;
  --glass-shadow: 0 34px 68px rgba(0, 0, 0, 0.58), 0 8px 18px rgba(0, 0, 0, 0.42) !important;
  --cursor-core: #f8fff9 !important;
  --cursor-line: rgba(184, 244, 223, 0.55) !important;
}

body[data-theme="light"] {
  --bg: #ffffff !important;
  --bg-alt: #ffffff !important;
  --bg-soft: #ffffff !important;
  --text: #080b0a !important;
  --muted: rgba(8, 11, 10, 0.64) !important;
  --muted-2: rgba(8, 11, 10, 0.40) !important;
  --line: rgba(8, 11, 10, 0.15) !important;
  --line-strong: rgba(15, 111, 85, 0.30) !important;
  --accent: #0f6f55 !important;
  --accent-2: #2ca77f !important;
  --accent-soft: rgba(15, 111, 85, 0.055) !important;
  --surface: transparent !important;
  --surface-strong: transparent !important;
  --glass-edge: rgba(8, 11, 10, 0.30) !important;
  --glass-shadow: 0 28px 58px rgba(0, 0, 0, 0.13), 0 7px 16px rgba(0, 0, 0, 0.08) !important;
  --cursor-core: #080b0a !important;
  --cursor-line: rgba(15, 111, 85, 0.48) !important;
}

body[data-theme],
body[data-theme] main,
body[data-theme] .hero-home,
body[data-theme] .poster-strip,
body[data-theme] .section,
body[data-theme] .cta-section,
body[data-theme] .hero-workteam,
body[data-theme] .hero-software,
body[data-theme] .hero-subpage {
  background: var(--bg) !important;
  color: var(--text) !important;
}

body[data-theme] .ambient-layer,
body[data-theme] .particle-field,
body[data-theme] .hero-hud,
body[data-theme] .scan-object,
body[data-theme] .scan-object-img,
body[data-theme] .workteam-title-backdrop,
body[data-theme] .glow,
body[data-theme] .cursor-glow {
  display: none !important;
}

body[data-theme] .site-header {
  top: 18px !important;
  width: min(calc(100% - 36px), 1120px) !important;
  min-height: 62px !important;
  padding: 10px 12px 10px 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  border-radius: 999px !important;
  background: rgba(2, 3, 3, 0.88) !important;
  box-shadow: 0 20px 46px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body[data-theme="light"] .site-header {
  border-color: rgba(8, 11, 10, 0.16) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 20px 46px rgba(0, 0, 0, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

body[data-theme] .brand,
body[data-theme] .site-header .brand,
body[data-theme] .brand:hover,
body[data-theme] .site-header .brand:hover,
body[data-theme] .brand:focus-visible,
body[data-theme] .site-header .brand:focus-visible,
body[data-theme] .brand img,
body[data-theme] .site-header .brand img {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

body[data-theme] .site-header a:not(.brand),
body[data-theme] .site-header button {
  transition: color 140ms ease, border-color 140ms ease, background-color 140ms ease !important;
}

body[data-theme] .site-header a:not(.brand):hover,
body[data-theme] .site-header a:not(.brand):focus-visible,
body[data-theme] .site-header button:hover,
body[data-theme] .site-header button:focus-visible,
body[data-theme] .language-switch button.is-active {
  color: var(--text) !important;
  border-color: var(--line-strong) !important;
  background: var(--accent-soft) !important;
  transform: none !important;
}

body[data-theme] .hero-home {
  min-height: 100vh !important;
  padding: 126px 0 86px !important;
  border-bottom: 1px solid var(--line) !important;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.028) 1px, transparent 1px),
    var(--bg) !important;
  background-size: 128px 100%, auto !important;
}

body[data-theme="light"] .hero-home {
  background:
    linear-gradient(90deg, rgba(8, 11, 10, 0.035) 1px, transparent 1px),
    var(--bg) !important;
}

body[data-theme] .poster-title {
  opacity: 0.42 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body[data-theme] .giant-backdrop-word {
  display: block !important;
  color: transparent !important;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.052) !important;
  text-stroke: 1px rgba(255, 255, 255, 0.052) !important;
  opacity: 1 !important;
}

body[data-theme="light"] .giant-backdrop-word {
  -webkit-text-stroke-color: rgba(8, 11, 10, 0.065) !important;
  text-stroke-color: rgba(8, 11, 10, 0.065) !important;
}

body[data-theme] .hero-home .hero-grid {
  width: min(calc(100% - 72px), 1360px) !important;
  min-height: calc(100vh - 212px) !important;
  grid-template-columns: minmax(0, 0.72fr) minmax(500px, 1.28fr) !important;
  align-items: center !important;
  gap: 24px !important;
}

body[data-theme] .hero-home h1,
body[data-theme] .hero-workteam h1,
body[data-theme] .hero-subpage h1,
body[data-theme] .hero-software h1 {
  font-size: clamp(4.2rem, 7vw, 7.25rem) !important;
  line-height: 0.80 !important;
  letter-spacing: 0 !important;
}

body[data-theme] .hero-copy p:not(.eyebrow):not(.founder-line),
body[data-theme] .feature-copy p,
body[data-theme] .poster-caption p,
body[data-theme] .section-heading p,
body[data-theme] .cta-content p {
  color: var(--muted) !important;
}

body[data-theme] .hero-visual {
  min-height: 730px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

body[data-theme] .hero-visual::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 44px 24px 54px 116px !important;
  z-index: 0 !important;
  border: 1.35px solid var(--glass-edge) !important;
  border-top-color: rgba(255, 255, 255, 0.68) !important;
  border-right-color: rgba(184, 244, 223, 0.22) !important;
  border-radius: 18px !important;
  background: transparent !important;
  box-shadow: var(--glass-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 -1px 0 rgba(184, 244, 223, 0.10) !important;
  transform: perspective(1000px) rotateY(-4deg) rotateX(0.6deg) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body[data-theme="light"] .hero-visual::before {
  border-top-color: rgba(8, 11, 10, 0.36) !important;
  border-right-color: rgba(15, 111, 85, 0.18) !important;
  background: transparent !important;
}

body[data-theme] .hero-home .founder-hero-image {
  right: max(8px, 2.5vw) !important;
  bottom: 0 !important;
  width: min(100%, 705px) !important;
  max-height: 805px !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  filter: drop-shadow(0 36px 46px rgba(0, 0, 0, 0.64)) !important;
  transform: none !important;
}

body[data-theme] .hero-visual .hero-panel,
body[data-theme] .founder-card {
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--line-strong) !important;
  border-bottom: 1px solid var(--line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body[data-theme] .button:hover,
body[data-theme] .button:focus-visible,
body[data-theme] .text-link:hover,
body[data-theme] .text-link:focus-visible,
body[data-theme] input:focus,
body[data-theme] textarea:focus,
body[data-theme] select:focus {
  transform: none !important;
  border-color: var(--line-strong) !important;
  box-shadow: none !important;
}

body[data-theme] .button.primary:hover,
body[data-theme] .button.primary:focus-visible {
  background: #c7f8e8 !important;
  border-color: #c7f8e8 !important;
}

body[data-theme] .ecosystem-grid article,
body[data-theme] .metric-grid article,
body[data-theme] .timeline-item,
body[data-theme] .post-card,
body[data-theme] .member-card,
body[data-theme] .service-card,
body[data-theme] .price-card,
body[data-theme] .contact-grid > *,
body[data-theme] .social-links a,
body[data-theme] .card,
body[data-theme] .panel,
body[data-theme] .module,
body[data-theme] .form-card,
body[data-theme] .timeline-card {
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: none !important;
}

body[data-theme] .price-card {
  border: 1px solid var(--line) !important;
  border-radius: 16px !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-theme] .price-card.featured,
body[data-theme] .price-card.best-seller {
  border-color: var(--line-strong) !important;
}

body[data-theme] .workteam-showcase {
  min-height: 760px !important;
  grid-template-columns: minmax(0, 1.36fr) minmax(300px, 0.64fr) !important;
  gap: min(4vw, 52px) !important;
  align-items: center !important;
  overflow: hidden !important;
}

body[data-theme] .workteam-showcase::after {
  content: "" !important;
  position: absolute !important;
  left: min(6vw, 92px) !important;
  right: min(6vw, 92px) !important;
  bottom: 72px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, var(--line-strong) 18%, var(--line) 56%, transparent) !important;
  opacity: 0.85 !important;
  pointer-events: none !important;
}

body[data-theme] .workteam-visual {
  position: relative !important;
  min-height: 660px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-theme] .workteam-visual::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 1% !important;
  right: -3% !important;
  top: 11% !important;
  bottom: 8% !important;
  z-index: 0 !important;
  border: 1.25px solid var(--glass-edge) !important;
  border-top-color: rgba(255, 255, 255, 0.58) !important;
  border-right-color: rgba(184, 244, 223, 0.22) !important;
  border-radius: 20px !important;
  background: transparent !important;
  box-shadow: var(--glass-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
  transform: perspective(1100px) rotateY(3deg) rotateX(0.5deg) !important;
}

body[data-theme="light"] .workteam-visual::before {
  border-top-color: rgba(8, 11, 10, 0.32) !important;
  border-right-color: rgba(15, 111, 85, 0.18) !important;
}

body[data-theme] .workteam-visual img {
  position: relative !important;
  z-index: 2 !important;
  width: min(112%, 1000px) !important;
  max-width: none !important;
  max-height: 720px !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: drop-shadow(0 34px 40px rgba(0, 0, 0, 0.56)) !important;
}

body[data-theme] .workteam-showcase .feature-copy {
  max-width: 520px !important;
  align-self: center !important;
}

body[data-theme] .workteam-showcase .feature-copy h2 {
  font-size: clamp(3.8rem, 6.2vw, 6.7rem) !important;
  line-height: 0.82 !important;
}

body[data-theme] .workteam-showcase .subnote {
  color: var(--accent) !important;
  text-transform: uppercase !important;
  font-weight: 900 !important;
}

body[data-theme] .hero-workteam .hero-grid {
  grid-template-columns: minmax(0, 0.72fr) minmax(520px, 1.28fr) !important;
}

body[data-theme] .hero-workteam .founder-hero-image {
  right: 50% !important;
  bottom: 10px !important;
  width: min(112%, 920px) !important;
  max-height: 690px !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  filter: drop-shadow(0 34px 42px rgba(0, 0, 0, 0.58)) !important;
  transform: translateX(50%) !important;
}

body[data-theme] .hero-workteam .hero-visual::before {
  inset: 72px 28px 76px 28px !important;
  transform: perspective(1100px) rotateY(2.5deg) rotateX(0.4deg) !important;
}

body[data-theme] .card:hover,
body[data-theme] .service-card:hover,
body[data-theme] .price-card:hover,
body[data-theme] .member-card:hover,
body[data-theme] .post-card:hover,
body[data-theme] .founder-card:hover,
body[data-theme] .hero-panel:hover,
body[data-theme] .panel:hover,
body[data-theme] .module:hover,
body[data-theme] .analytics:hover,
body[data-theme] .dashboard:hover,
body[data-theme] .form-card:hover,
body[data-theme] .timeline-card:hover,
body[data-theme] .ecosystem-grid article:hover,
body[data-theme] .metric-grid article:hover,
body[data-theme] .workteam-visual:hover,
body[data-theme] .workteam-visual img:hover,
body[data-theme] section:hover {
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;
}

body[data-theme] .member-photo,
body[data-theme] .post-media,
body[data-theme] .avatar {
  border-radius: 16px !important;
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 1180px) {
  body[data-theme] .hero-home .hero-grid,
  body[data-theme] .hero-workteam .hero-grid,
  body[data-theme] .workteam-showcase {
    grid-template-columns: 1fr !important;
  }

  body[data-theme] .hero-home h1,
  body[data-theme] .hero-workteam h1,
  body[data-theme] .hero-subpage h1,
  body[data-theme] .hero-software h1 {
    font-size: clamp(3.6rem, 10vw, 5.4rem) !important;
  }

  body[data-theme] .workteam-showcase {
    min-height: 0 !important;
  }

  body[data-theme] .workteam-showcase .feature-copy {
    max-width: 680px !important;
  }
}

@media (max-width: 900px) {
  body[data-theme] .site-header {
    top: 12px !important;
    width: min(calc(100% - 24px), 680px) !important;
    padding: 8px 10px 8px 14px !important;
  }

  body[data-theme] .hero-home,
  body[data-theme] .hero-workteam {
    padding-top: 108px !important;
  }

  body[data-theme] .hero-visual {
    min-height: 560px !important;
  }

  body[data-theme] .hero-visual::before {
    inset: 32px 8px 42px 20px !important;
    border-radius: 16px !important;
    transform: none !important;
  }

  body[data-theme] .hero-home .founder-hero-image,
  body[data-theme] .hero-workteam .founder-hero-image {
    left: 50% !important;
    right: auto !important;
    width: min(100%, 520px) !important;
    max-height: 560px !important;
    transform: translateX(-50%) !important;
  }

  body[data-theme] .hero-visual .hero-panel,
  body[data-theme] .founder-card {
    left: 0 !important;
    right: 0 !important;
    bottom: 10px !important;
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body[data-theme] .workteam-visual {
    min-height: 520px !important;
  }

  body[data-theme] .workteam-visual::before {
    inset: 52px 4px 42px !important;
    transform: none !important;
  }

  body[data-theme] .workteam-visual img {
    width: min(112%, 720px) !important;
  }
}

@media (max-width: 640px) {
  body[data-theme] .hero-home h1,
  body[data-theme] .hero-workteam h1,
  body[data-theme] .hero-subpage h1,
  body[data-theme] .hero-software h1,
  body[data-theme] .workteam-showcase .feature-copy h2 {
    font-size: clamp(2.65rem, 14vw, 3.6rem) !important;
  }

  body[data-theme] .hero-visual {
    min-height: 500px !important;
  }

  body[data-theme] .hero-visual .hero-panel,
  body[data-theme] .founder-card {
    position: relative !important;
    margin-top: 410px !important;
  }

  body[data-theme] .workteam-visual {
    min-height: 430px !important;
  }

  body[data-theme] .workteam-showcase::after {
    bottom: 44px !important;
  }
}

/* Coherence pass: less wireframe, more Tobaru volume. */
body[data-theme] {
  --glass-edge: rgba(255, 255, 255, 0.34) !important;
  --line: rgba(255, 255, 255, 0.11) !important;
  --line-strong: rgba(184, 244, 223, 0.25) !important;
  --glass-shadow: 0 38px 72px rgba(0, 0, 0, 0.56), 0 12px 26px rgba(0, 0, 0, 0.34) !important;
}

body[data-theme="light"] {
  --glass-edge: rgba(8, 11, 10, 0.20) !important;
  --line: rgba(8, 11, 10, 0.10) !important;
  --line-strong: rgba(15, 111, 85, 0.22) !important;
  --glass-shadow: 0 28px 58px rgba(0, 0, 0, 0.11), 0 8px 18px rgba(0, 0, 0, 0.07) !important;
}

body[data-theme] .hero-home {
  background: var(--bg) !important;
}

body[data-theme] .poster-title,
body[data-theme] .hero-microcopy {
  opacity: 0.24 !important;
}

body[data-theme] .giant-backdrop-word {
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.038) !important;
  text-stroke-color: rgba(255, 255, 255, 0.038) !important;
}

body[data-theme] .hero-visual::before {
  border-color: rgba(255, 255, 255, 0.32) !important;
  border-top-color: rgba(255, 255, 255, 0.50) !important;
  border-right-color: rgba(184, 244, 223, 0.14) !important;
  box-shadow:
    0 38px 76px rgba(0, 0, 0, 0.54),
    0 12px 24px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.11) !important;
  transform: perspective(1000px) rotateY(-2.4deg) rotateX(0.4deg) !important;
}

body[data-theme] .hero-visual .hero-panel,
body[data-theme] .founder-card {
  border-top-color: var(--line-strong) !important;
  border-bottom-color: var(--line) !important;
}

body[data-theme] .workteam-showcase {
  background: var(--bg) !important;
}

body[data-theme] .workteam-showcase::after {
  display: none !important;
}

body[data-theme] .workteam-visual::before {
  border-color: rgba(255, 255, 255, 0.26) !important;
  border-top-color: rgba(255, 255, 255, 0.42) !important;
  border-right-color: rgba(184, 244, 223, 0.12) !important;
  box-shadow:
    0 36px 68px rgba(0, 0, 0, 0.50),
    0 10px 22px rgba(0, 0, 0, 0.30),
    inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
  transform: perspective(1100px) rotateY(1.4deg) rotateX(0.25deg) !important;
}

body[data-theme] .workteam-visual img {
  filter: drop-shadow(0 34px 42px rgba(0, 0, 0, 0.58)) !important;
}

body[data-theme] .workteam-showcase .feature-copy h2 {
  letter-spacing: 0 !important;
}

body[data-theme] .ecosystem-grid,
body[data-theme] .pricing-grid {
  border-top-color: var(--line) !important;
}

body[data-theme] .price-card {
  border-color: var(--line) !important;
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.18) !important;
}

body[data-theme="light"] .price-card {
  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.08) !important;
}

@media (max-width: 900px) {
  body[data-theme] .hero-visual::before,
  body[data-theme] .workteam-visual::before {
    transform: none !important;
  }
}

/* Login-background ecosystem pass: tighter hero integration and calmer workteam/contact */
body[data-theme] {
  --line-strong: rgba(89, 201, 114, 0.22) !important;
}

body[data-theme] .hero-home .hero-visual,
body[data-theme] .hero-workteam .hero-visual {
  perspective: 1400px !important;
}

body[data-theme] .hero-home .hero-visual::before,
body[data-theme] .hero-workteam .hero-visual::before {
  animation: tobaru-glass-in 900ms cubic-bezier(0.2, 0.82, 0.2, 1) both !important;
  transform-origin: center bottom !important;
}

body[data-theme] .hero-home .founder-hero-image,
body[data-theme] .hero-workteam .founder-hero-image {
  animation: tobaru-subject-in 860ms cubic-bezier(0.2, 0.82, 0.2, 1) 120ms both !important;
}

body[data-theme] .hero-home .hero-panel,
body[data-theme] .hero-workteam .hero-panel {
  animation: tobaru-panel-in 720ms cubic-bezier(0.2, 0.82, 0.2, 1) 220ms both !important;
}

body[data-theme] .hero-home .founder-hero-image {
  right: 4% !important;
  bottom: -4px !important;
  width: min(95%, 820px) !important;
  max-height: 780px !important;
  filter:
    drop-shadow(0 46px 44px rgba(0, 0, 0, 0.58))
    drop-shadow(20px 0 18px rgba(255, 255, 255, 0.045)) !important;
}

body[data-theme] .hero-home .hero-visual::after {
  content: "" !important;
  position: absolute !important;
  left: 23% !important;
  right: 9% !important;
  bottom: 14px !important;
  height: 84px !important;
  border-radius: 999px !important;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.64), transparent 72%) !important;
  opacity: 0.9 !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

body[data-theme] .hero-home .hero-panel,
body[data-theme] .hero-workteam .hero-panel,
body[data-theme] .contact-grid > * {
  background: transparent !important;
}

body[data-theme] .hero-workteam .hero-hud {
  display: none !important;
}

body[data-theme] .hero-workteam .founder-hero-image {
  right: 50% !important;
  bottom: 6px !important;
  width: min(108%, 900px) !important;
  max-height: 700px !important;
  object-position: center bottom !important;
  filter:
    drop-shadow(0 40px 42px rgba(0, 0, 0, 0.56))
    drop-shadow(18px 0 16px rgba(255, 255, 255, 0.035)) !important;
}

body[data-theme] .workteam-showcase {
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr) !important;
  align-items: center !important;
  gap: clamp(2rem, 4vw, 4.5rem) !important;
}

body[data-theme] .workteam-visual {
  align-items: center !important;
  min-height: 620px !important;
}

body[data-theme] .workteam-visual::before {
  left: 2.5% !important;
  right: 0 !important;
  top: 12% !important;
  bottom: 10% !important;
}

body[data-theme] .workteam-visual img {
  width: min(106%, 940px) !important;
  object-position: center center !important;
  filter:
    drop-shadow(0 34px 40px rgba(0, 0, 0, 0.58))
    drop-shadow(16px 0 16px rgba(255, 255, 255, 0.032)) !important;
}

body[data-theme] .workteam-showcase .feature-copy {
  max-width: 500px !important;
  justify-self: center !important;
}

body[data-theme] .workteam-showcase .feature-copy h2,
body[data-theme] #contacto h2 {
  background: none !important;
  box-shadow: none !important;
}

body[data-theme] #contacto h2 {
  font-size: clamp(2.9rem, 4.7vw, 4.75rem) !important;
  line-height: 0.92 !important;
  max-width: 12ch !important;
}

body[data-theme] .hero-home .hero-panel a,
body[data-theme] .hero-workteam .hero-panel a,
body[data-theme] .contact-grid a,
body[data-theme] .text-link,
body[data-theme] .button,
body[data-theme] .site-nav a {
  transition:
    color 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    background-color 180ms ease,
    transform 180ms ease !important;
}

@keyframes tobaru-glass-in {
  from {
    opacity: 0;
    transform: perspective(1200px) rotateX(9deg) rotateY(-3deg) translateY(22px);
  }
  to {
    opacity: 1;
    transform: perspective(1000px) rotateY(-2.4deg) rotateX(0.4deg) translateY(0);
  }
}

@keyframes tobaru-subject-in {
  from {
    opacity: 0;
    transform: translate3d(0, 28px, 0) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes tobaru-panel-in {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 1180px) {
  body[data-theme] .workteam-showcase {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 900px) {
  body[data-theme] .hero-home .founder-hero-image,
  body[data-theme] .hero-workteam .founder-hero-image {
    width: min(100%, 520px) !important;
  }

  body[data-theme] .workteam-visual {
    min-height: 520px !important;
  }
}

/* Tobaru identity fusion: adult Frutiger Aero, premium glass, enterprise warmth. */
body[data-theme] {
  --accent: #63e6be !important;
  --accent-2: #5be38a !important;
  --accent-soft: rgba(99, 230, 190, 0.14) !important;
  --tobaru-accent: #63e6be !important;
  --line-strong: rgba(99, 230, 190, 0.34) !important;
  --glass-edge: rgba(215, 255, 242, 0.34) !important;
  --glass-shadow:
    0 38px 82px rgba(0, 0, 0, 0.52),
    0 16px 34px rgba(2, 18, 16, 0.38),
    0 0 58px rgba(99, 230, 190, 0.065),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  --cursor-core: #ffffff !important;
  --cursor-line: rgba(99, 230, 190, 0.58) !important;
}

body[data-theme="light"] {
  --accent: #63e6be !important;
  --accent-2: #5be38a !important;
  --accent-soft: rgba(99, 230, 190, 0.16) !important;
  --tobaru-accent: #63e6be !important;
  --bg: #f8fbf7 !important;
  --bg-alt: #ffffff !important;
  --bg-soft: #eef7f0 !important;
  --line-strong: rgba(45, 166, 127, 0.30) !important;
  --glass-edge: rgba(23, 70, 56, 0.18) !important;
  --glass-shadow:
    0 30px 68px rgba(19, 62, 49, 0.12),
    0 10px 24px rgba(19, 62, 49, 0.07),
    0 0 48px rgba(99, 230, 190, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
  --cursor-core: #000000 !important;
  --cursor-line: rgba(45, 166, 127, 0.50) !important;
}

body[data-theme],
body[data-theme] main {
  background:
    radial-gradient(ellipse at 70% 12%, rgba(99, 230, 190, 0.12), transparent 34rem),
    radial-gradient(ellipse at 22% 28%, rgba(91, 227, 138, 0.08), transparent 28rem),
    radial-gradient(ellipse at 50% 100%, rgba(144, 242, 255, 0.055), transparent 38rem),
    var(--bg) !important;
}

body[data-theme] .hero-home {
  background:
    radial-gradient(ellipse at 66% 38%, rgba(99, 230, 190, 0.20), transparent 31rem),
    radial-gradient(ellipse at 83% 16%, rgba(144, 242, 255, 0.12), transparent 25rem),
    radial-gradient(ellipse at 16% 72%, rgba(91, 227, 138, 0.07), transparent 34rem),
    linear-gradient(90deg, rgba(255, 255, 255, 0.026) 1px, transparent 1px),
    var(--bg) !important;
  background-size: auto, auto, auto, 112px 100%, auto !important;
}

body[data-theme="light"] .hero-home {
  background:
    radial-gradient(ellipse at 66% 38%, rgba(99, 230, 190, 0.20), transparent 31rem),
    radial-gradient(ellipse at 83% 16%, rgba(144, 242, 255, 0.13), transparent 25rem),
    radial-gradient(ellipse at 16% 72%, rgba(91, 227, 138, 0.11), transparent 34rem),
    linear-gradient(90deg, rgba(23, 70, 56, 0.035) 1px, transparent 1px),
    var(--bg) !important;
}

body[data-theme] .hero-home::before,
body[data-theme] .hero-home::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
}

body[data-theme] .hero-home::before {
  z-index: 0 !important;
  background:
    radial-gradient(circle at 74% 42%, rgba(99, 230, 190, 0.18), transparent 18rem),
    radial-gradient(circle at 63% 58%, rgba(234, 255, 247, 0.08), transparent 16rem) !important;
  filter: blur(10px) !important;
  opacity: 0.92 !important;
}

body[data-theme] .hero-home::after {
  z-index: 1 !important;
  opacity: 0.22 !important;
  background-image:
    radial-gradient(circle, rgba(234, 255, 247, 0.72) 0 1px, transparent 1.4px),
    radial-gradient(circle, rgba(99, 230, 190, 0.44) 0 1px, transparent 1.6px) !important;
  background-size: 96px 96px, 142px 142px !important;
  background-position: 22px 18px, 70px 42px !important;
  mask-image: linear-gradient(90deg, transparent 0%, #000 28%, #000 88%, transparent 100%) !important;
}

body[data-theme] .hero-copy,
body[data-theme] .hero-actions .button {
  animation: tobaru-copy-in 720ms cubic-bezier(0.2, 0.82, 0.2, 1) both !important;
}

body[data-theme] .hero-copy .eyebrow {
  animation-delay: 50ms !important;
}

body[data-theme] .hero-copy h1 {
  animation: tobaru-copy-in 780ms cubic-bezier(0.2, 0.82, 0.2, 1) 90ms both !important;
}

body[data-theme] .hero-copy p:not(.eyebrow) {
  animation: tobaru-copy-in 780ms cubic-bezier(0.2, 0.82, 0.2, 1) 160ms both !important;
}

body[data-theme] .hero-actions .button:nth-child(1) { animation-delay: 220ms !important; }
body[data-theme] .hero-actions .button:nth-child(2) { animation-delay: 270ms !important; }
body[data-theme] .hero-actions .button:nth-child(3) { animation-delay: 320ms !important; }
body[data-theme] .hero-actions .button:nth-child(4) { animation-delay: 370ms !important; }

body[data-theme] .hero-visual::before {
  border: 1.4px solid var(--glass-edge) !important;
  border-top-color: rgba(234, 255, 247, 0.62) !important;
  border-right-color: rgba(99, 230, 190, 0.28) !important;
  background:
    linear-gradient(140deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.02) 42%, rgba(99, 230, 190, 0.07)),
    radial-gradient(ellipse at 18% 12%, rgba(255, 255, 255, 0.18), transparent 24rem) !important;
  box-shadow:
    var(--glass-shadow),
    0 0 72px rgba(99, 230, 190, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.20),
    inset 0 -1px 0 rgba(99, 230, 190, 0.14) !important;
}

body[data-theme] .hero-visual::after {
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.55), transparent 72%) !important;
}

body[data-theme] .hero-visual .hero-panel,
body[data-theme] .founder-card {
  border: 1px solid rgba(215, 255, 242, 0.28) !important;
  border-top-color: rgba(234, 255, 247, 0.50) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.024)),
    rgba(4, 10, 9, 0.30) !important;
  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

body[data-theme="light"] .hero-visual .hero-panel,
body[data-theme="light"] .founder-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0.34)),
    rgba(255, 255, 255, 0.46) !important;
}

body[data-theme] .site-header a:not(.brand) {
  position: relative !important;
  overflow: hidden !important;
}

body[data-theme] .site-header a:not(.brand)::after {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  bottom: 7px !important;
  height: 1px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent, var(--accent), transparent) !important;
  opacity: 0 !important;
  transform: scaleX(0.35) !important;
  transition: opacity 220ms ease, transform 220ms ease !important;
}

body[data-theme] .site-header a:not(.brand):hover::after,
body[data-theme] .site-header a:not(.brand):focus-visible::after {
  opacity: 0.82 !important;
  transform: scaleX(1) !important;
}

body[data-theme] .button:hover,
body[data-theme] .button:focus-visible,
body[data-theme] .text-link:hover,
body[data-theme] .text-link:focus-visible {
  transform: translateY(-2px) !important;
  border-color: var(--line-strong) !important;
  box-shadow: 0 16px 34px rgba(99, 230, 190, 0.13), 0 10px 24px rgba(0, 0, 0, 0.22) !important;
}

body[data-theme] .button.primary:hover,
body[data-theme] .button.primary:focus-visible {
  background: linear-gradient(180deg, #eafff7 0%, #63e6be 100%) !important;
  border-color: rgba(234, 255, 247, 0.78) !important;
}

body[data-theme] .price-card.featured,
body[data-theme] .price-card.best-seller {
  border: 1px solid var(--line-strong) !important;
  box-shadow: 0 18px 42px rgba(99, 230, 190, 0.10), 0 18px 38px rgba(0, 0, 0, 0.16) !important;
}

.cursor-dot {
  width: 4px !important;
  height: 4px !important;
  background: var(--cursor-core) !important;
  border: 1px solid rgba(99, 230, 190, 0.62) !important;
  box-shadow: 0 0 10px rgba(99, 230, 190, 0.30) !important;
}

.cursor-ring {
  border: 1px solid var(--cursor-line) !important;
  box-shadow: 0 0 18px rgba(99, 230, 190, 0.10) !important;
}

@keyframes tobaru-copy-in {
  from {
    opacity: 0;
    transform: translateY(14px);
    filter: blur(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

@media (max-width: 900px) {
  body[data-theme] .hero-home::after {
    opacity: 0.14 !important;
  }

  body[data-theme] .hero-visual .hero-panel,
  body[data-theme] .founder-card {
    border-radius: 16px !important;
  }
}

/* Light mode only: Tobaru Frutiger Aero glass. Dark mode stays untouched. */
body[data-theme="light"] {
  --bg: #f7fbf8 !important;
  --bg-alt: #ffffff !important;
  --bg-soft: #edf8f4 !important;
  --text: #101923 !important;
  --muted: rgba(16, 25, 35, 0.68) !important;
  --muted-2: rgba(16, 25, 35, 0.42) !important;
  --line: rgba(20, 67, 58, 0.11) !important;
  --line-strong: rgba(45, 166, 127, 0.30) !important;
  --surface: rgba(255, 255, 255, 0.58) !important;
  --surface-strong: rgba(255, 255, 255, 0.72) !important;
  --glass-edge: rgba(255, 255, 255, 0.78) !important;
  --glass-shadow:
    0 34px 80px rgba(34, 78, 66, 0.12),
    0 12px 28px rgba(34, 78, 66, 0.07),
    0 0 42px rgba(99, 230, 190, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
  color: var(--text) !important;
  background:
    radial-gradient(ellipse at 82% 8%, rgba(99, 230, 190, 0.13), transparent 28rem),
    radial-gradient(ellipse at 6% 68%, rgba(148, 242, 255, 0.11), transparent 25rem),
    radial-gradient(ellipse at 52% 74%, rgba(91, 227, 138, 0.08), transparent 30rem),
    linear-gradient(90deg, rgba(20, 67, 58, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, #fbfdfb 0%, #eef8f4 100%) !important;
  background-size: auto, auto, auto, 96px 100%, auto !important;
}

body[data-theme="light"] main,
body[data-theme="light"] .hero-home,
body[data-theme="light"] .poster-strip,
body[data-theme="light"] .section,
body[data-theme="light"] .cta-section {
  background: transparent !important;
}

body[data-theme="light"] .hero-home {
  min-height: 100vh !important;
  padding-top: 126px !important;
  border-bottom-color: rgba(45, 166, 127, 0.12) !important;
  background:
    radial-gradient(ellipse at 68% 52%, rgba(99, 230, 190, 0.18), transparent 29rem),
    radial-gradient(ellipse at 80% 18%, rgba(148, 242, 255, 0.13), transparent 21rem),
    radial-gradient(ellipse at 10% 66%, rgba(255, 255, 255, 0.74), transparent 34rem),
    linear-gradient(90deg, rgba(20, 67, 58, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, #fbfdfc 0%, #eef8f5 100%) !important;
  background-size: auto, auto, auto, 96px 100%, auto !important;
}

body[data-theme="light"] .hero-home::before {
  display: block !important;
  opacity: 0.94 !important;
  filter: blur(8px) !important;
  background:
    radial-gradient(circle at 77% 28%, rgba(255, 255, 255, 0.82), transparent 8rem),
    radial-gradient(circle at 74% 53%, rgba(99, 230, 190, 0.14), transparent 18rem),
    radial-gradient(circle at 41% 61%, rgba(91, 227, 138, 0.08), transparent 14rem) !important;
}

body[data-theme="light"] .hero-home::after {
  display: block !important;
  opacity: 0.28 !important;
  background-image:
    radial-gradient(circle, rgba(99, 230, 190, 0.38) 0 1px, transparent 1.35px),
    radial-gradient(circle, rgba(255, 255, 255, 0.9) 0 1px, transparent 1.7px) !important;
  background-size: 92px 92px, 148px 148px !important;
  mask-image: linear-gradient(90deg, transparent 0%, #000 16%, #000 92%, transparent 100%) !important;
}

body[data-theme="light"] .ambient-layer {
  display: block !important;
  position: absolute !important;
  z-index: 1 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  filter: blur(0) !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  background:
    radial-gradient(circle at 32% 26%, rgba(255, 255, 255, 0.95), transparent 18%),
    radial-gradient(circle at 68% 72%, rgba(99, 230, 190, 0.18), transparent 48%),
    rgba(255, 255, 255, 0.16) !important;
  box-shadow:
    inset 0 1px 18px rgba(255, 255, 255, 0.72),
    0 18px 40px rgba(38, 140, 126, 0.08) !important;
}

body[data-theme="light"] .ambient-layer.layer-one {
  width: clamp(96px, 10vw, 170px) !important;
  height: clamp(96px, 10vw, 170px) !important;
  left: -42px !important;
  bottom: 24% !important;
}

body[data-theme="light"] .ambient-layer.layer-two {
  width: clamp(52px, 6vw, 104px) !important;
  height: clamp(52px, 6vw, 104px) !important;
  right: 6vw !important;
  top: 20% !important;
}

body[data-theme="light"] .ambient-layer.layer-three {
  width: clamp(44px, 5vw, 82px) !important;
  height: clamp(44px, 5vw, 82px) !important;
  left: 40% !important;
  bottom: 18% !important;
}

body[data-theme="light"] .giant-backdrop-word {
  display: block !important;
  color: rgba(16, 25, 35, 0.045) !important;
  -webkit-text-stroke: 0 !important;
  text-stroke: 0 !important;
  opacity: 1 !important;
  bottom: 58% !important;
  left: clamp(24px, 8vw, 150px) !important;
  font-size: clamp(7rem, 18vw, 18rem) !important;
  z-index: 1 !important;
}

body[data-theme="light"] .site-header {
  width: min(calc(100% - 48px), 1320px) !important;
  min-height: 72px !important;
  padding: 12px 18px !important;
  grid-template-columns: minmax(170px, auto) minmax(0, 1fr) auto !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.54)),
    rgba(255, 255, 255, 0.58) !important;
  border-color: rgba(255, 255, 255, 0.84) !important;
  box-shadow: 0 22px 56px rgba(34, 78, 66, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

body[data-theme="light"] .site-nav {
  justify-content: center !important;
  gap: clamp(4px, 1.4vw, 16px) !important;
}

body[data-theme="light"] .site-header a:not(.brand),
body[data-theme="light"] .site-header button,
body[data-theme="light"] .language-switch button {
  color: rgba(16, 25, 35, 0.72) !important;
}

body[data-theme="light"] .site-header a:not(.brand):hover,
body[data-theme="light"] .site-header a:not(.brand):focus-visible,
body[data-theme="light"] .site-header button:hover,
body[data-theme="light"] .site-header button:focus-visible,
body[data-theme="light"] .language-switch button.is-active {
  color: #101923 !important;
  background: rgba(99, 230, 190, 0.18) !important;
  border-color: rgba(255, 255, 255, 0.88) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84), 0 10px 22px rgba(38, 140, 126, 0.10) !important;
}

body[data-theme="light"] .hero-home .hero-grid {
  width: min(calc(100% - 80px), 1360px) !important;
  gap: clamp(24px, 4vw, 72px) !important;
  align-items: center !important;
}

body[data-theme="light"] .hero-copy {
  max-width: 660px !important;
}

body[data-theme="light"] .hero-home h1,
body[data-theme="light"] .hero-workteam h1,
body[data-theme="light"] .hero-subpage h1,
body[data-theme="light"] .hero-software h1 {
  color: #101923 !important;
  text-shadow: 0 14px 30px rgba(16, 25, 35, 0.07) !important;
}

body[data-theme="light"] .hero-home h1 span:nth-child(2) {
  color: #45d9ba !important;
}

body[data-theme="light"] .hero-copy p:not(.eyebrow):not(.founder-line),
body[data-theme="light"] .founder-line {
  color: rgba(16, 25, 35, 0.72) !important;
}

body[data-theme="light"] .hero-visual::before {
  inset: 38px 22px 56px 92px !important;
  border: 1px solid rgba(255, 255, 255, 0.88) !important;
  border-right-color: rgba(99, 230, 190, 0.30) !important;
  border-bottom-color: rgba(45, 166, 127, 0.12) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(ellipse at 50% 58%, rgba(99, 230, 190, 0.14), transparent 42%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.30)),
    rgba(255, 255, 255, 0.42) !important;
  box-shadow:
    0 40px 88px rgba(38, 140, 126, 0.10),
    0 18px 38px rgba(34, 78, 66, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    inset 0 -1px 0 rgba(99, 230, 190, 0.16) !important;
}

body[data-theme="light"] .founder-hero-image {
  filter: drop-shadow(0 34px 44px rgba(34, 78, 66, 0.18)) !important;
}

body[data-theme="light"] .hero-visual::after {
  background: radial-gradient(ellipse at center, rgba(52, 148, 126, 0.10), transparent 70%) !important;
}

body[data-theme="light"] .hero-visual .hero-panel,
body[data-theme="light"] .founder-card {
  right: max(18px, 2vw) !important;
  bottom: 54px !important;
  border: 1px solid rgba(255, 255, 255, 0.86) !important;
  border-radius: 22px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.80), rgba(255, 255, 255, 0.44)),
    rgba(255, 255, 255, 0.56) !important;
  box-shadow:
    0 24px 52px rgba(34, 78, 66, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
  overflow: hidden !important;
}

body[data-theme="light"] .hero-panel div {
  padding: 18px 16px !important;
  border-right: 1px solid rgba(20, 67, 58, 0.12) !important;
}

body[data-theme="light"] .hero-panel div:last-child {
  border-right: 0 !important;
}

body[data-theme="light"] .hero-panel span {
  color: #28c9a4 !important;
}

body[data-theme="light"] .hero-panel strong {
  color: #111923 !important;
}

body[data-theme="light"] .button {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.70)),
    rgba(255, 255, 255, 0.62) !important;
  color: #101923 !important;
  border-color: rgba(255, 255, 255, 0.84) !important;
  box-shadow: 0 14px 30px rgba(34, 78, 66, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

body[data-theme="light"] .button.primary {
  color: #061510 !important;
  background: linear-gradient(180deg, #74efce 0%, #45d9ba 100%) !important;
  border-color: rgba(255, 255, 255, 0.74) !important;
  box-shadow: 0 16px 34px rgba(45, 166, 127, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
}

body[data-theme="light"] .button:hover,
body[data-theme="light"] .button:focus-visible,
body[data-theme="light"] .text-link:hover,
body[data-theme="light"] .text-link:focus-visible,
body[data-theme="light"] .price-card:hover,
body[data-theme="light"] .card:hover,
body[data-theme="light"] .service-card:hover,
body[data-theme="light"] .member-card:hover,
body[data-theme="light"] .post-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(99, 230, 190, 0.46) !important;
  box-shadow: 0 20px 44px rgba(45, 166, 127, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.90) !important;
}

body[data-theme="light"] .ecosystem-grid article,
body[data-theme="light"] .metric-grid article,
body[data-theme="light"] .timeline-item,
body[data-theme="light"] .post-card,
body[data-theme="light"] .member-card,
body[data-theme="light"] .service-card,
body[data-theme="light"] .price-card,
body[data-theme="light"] .contact-grid > *,
body[data-theme="light"] .social-links a,
body[data-theme="light"] .card,
body[data-theme="light"] .panel,
body[data-theme="light"] .module,
body[data-theme="light"] .form-card,
body[data-theme="light"] .timeline-card {
  border: 1px solid rgba(255, 255, 255, 0.74) !important;
  border-radius: 22px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.70), rgba(255, 255, 255, 0.34)),
    rgba(255, 255, 255, 0.46) !important;
  box-shadow: 0 22px 54px rgba(34, 78, 66, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
}

.custom-cursor-dot,
.custom-cursor-ring {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  z-index: 2147483647 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  will-change: transform, opacity !important;
}

.custom-cursor-dot {
  width: 4px !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: #63e6be !important;
  box-shadow: 0 0 10px rgba(99, 230, 190, 0.28) !important;
  transition: width 140ms ease, height 140ms ease, opacity 140ms ease, box-shadow 140ms ease !important;
}

.custom-cursor-ring {
  width: 30px !important;
  height: 30px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(99, 230, 190, 0.44) !important;
  background: rgba(99, 230, 190, 0.025) !important;
  box-shadow: 0 0 18px rgba(99, 230, 190, 0.08) !important;
  transition: width 180ms ease, height 180ms ease, opacity 160ms ease, border-color 180ms ease, background-color 180ms ease !important;
}

.custom-cursor-dot.is-visible,
.custom-cursor-ring.is-visible {
  opacity: 1 !important;
}

.custom-cursor-ring.cursor-hover {
  width: 42px !important;
  height: 42px !important;
  opacity: 0.86 !important;
  border-color: rgba(99, 230, 190, 0.68) !important;
  background: rgba(99, 230, 190, 0.06) !important;
}

.custom-cursor-dot.cursor-hover {
  width: 3px !important;
  height: 3px !important;
}

.custom-cursor-ring.cursor-press {
  width: 24px !important;
  height: 24px !important;
  opacity: 0.96 !important;
}

.custom-cursor-dot.cursor-press {
  width: 6px !important;
  height: 6px !important;
}

body.has-custom-cursor,
body.has-custom-cursor a,
body.has-custom-cursor button,
body.has-custom-cursor input,
body.has-custom-cursor textarea,
body.has-custom-cursor select,
body.has-custom-cursor [role="button"],
body.has-custom-cursor * {
  cursor: none !important;
}

@media (max-width: 899px), (pointer: coarse), (hover: none), (prefers-reduced-motion: reduce) {
  .custom-cursor-dot,
  .custom-cursor-ring {
    display: none !important;
  }

  body[data-theme],
  body[data-theme] a,
  body[data-theme] button,
  body[data-theme] input,
  body[data-theme] textarea,
  body[data-theme] select,
  body[data-theme] [role="button"],
  body.has-custom-cursor,
  body.has-custom-cursor a,
  body.has-custom-cursor button,
  body.has-custom-cursor input,
  body.has-custom-cursor textarea,
  body.has-custom-cursor select,
  body.has-custom-cursor [role="button"],
  body.has-custom-cursor * {
    cursor: auto !important;
  }
}

@media (max-width: 1180px) {
  body[data-theme="light"] .hero-home .hero-grid {
    width: min(calc(100% - 44px), 760px) !important;
  }
}

@media (max-width: 900px) {
  body[data-theme="light"] .site-header {
    width: min(calc(100% - 24px), 680px) !important;
    min-height: 58px !important;
  }

  body[data-theme="light"] .hero-home {
    padding-top: 112px !important;
  }

  body[data-theme="light"] .hero-visual::before {
    inset: 30px 6px 44px 6px !important;
    transform: none !important;
  }

  body[data-theme="light"] .hero-visual .hero-panel,
  body[data-theme="light"] .founder-card {
    bottom: 12px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body[data-theme="light"] .hero-panel div {
    border-right: 0 !important;
  }
}

/* Final polish: cleaner copy blocks, attached hero imagery, calmer glass motion. */
body[data-theme] .poster-caption,
body[data-theme] .section-heading,
body[data-theme] .feature-copy,
body[data-theme] .rich-copy,
body[data-theme] .cta-content,
body[data-theme] .hero-copy {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body[data-theme] .poster-caption::before,
body[data-theme] .poster-caption::after,
body[data-theme] .section-heading::before,
body[data-theme] .section-heading::after,
body[data-theme] .feature-copy::before,
body[data-theme] .feature-copy::after,
body[data-theme] .rich-copy::before,
body[data-theme] .rich-copy::after,
body[data-theme] .cta-content::before,
body[data-theme] .cta-content::after,
body[data-theme] .hero-copy::before,
body[data-theme] .hero-copy::after {
  display: none !important;
}

body[data-theme] .poster-caption,
body[data-theme] .feature-copy,
body[data-theme] .section-heading,
body[data-theme] .cta-content {
  padding: 0 !important;
}

body[data-theme] .poster-caption h2,
body[data-theme] .feature-copy h2,
body[data-theme] .section-heading h2,
body[data-theme] .cta-content h2 {
  text-wrap: balance !important;
}

body[data-theme] .hero-workteam .hero-visual {
  min-height: 720px !important;
  display: grid !important;
  place-items: end center !important;
}

body[data-theme] .hero-workteam .hero-visual::before {
  inset: clamp(48px, 6vw, 72px) clamp(18px, 3vw, 36px) clamp(68px, 8vw, 96px) clamp(18px, 3vw, 36px) !important;
  background:
    radial-gradient(ellipse at 52% 66%, rgba(99, 230, 190, 0.06), transparent 46%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.015) 42%, rgba(99, 230, 190, 0.025)) !important;
}

body[data-theme] .hero-workteam .founder-hero-image {
  left: 50% !important;
  right: auto !important;
  bottom: 0 !important;
  width: min(112%, 920px) !important;
  max-height: 710px !important;
  object-position: center bottom !important;
  transform: translateX(-50%) !important;
  z-index: 2 !important;
  animation: tobaru-subject-in-centered 860ms cubic-bezier(0.2, 0.82, 0.2, 1) 120ms both !important;
}

body[data-theme] .hero-home .founder-hero-image {
  bottom: -8px !important;
  z-index: 2 !important;
}

body[data-theme] .hero-visual .hero-panel {
  z-index: 3 !important;
  display: grid !important;
  align-items: stretch !important;
  gap: 0 !important;
  overflow: hidden !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.035)),
    rgba(5, 9, 10, 0.28) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-top-color: rgba(255, 255, 255, 0.30) !important;
  border-radius: 18px !important;
  box-shadow:
    0 24px 52px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
  backdrop-filter: blur(12px) saturate(118%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(118%) !important;
}

body[data-theme] .hero-visual .hero-panel div {
  display: grid !important;
  align-content: center !important;
  min-width: 0 !important;
}

body[data-theme] .hero-visual .hero-panel strong {
  overflow-wrap: anywhere !important;
}

body[data-theme="light"] .hero-visual .hero-panel {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.48)),
    rgba(255, 255, 255, 0.58) !important;
  border-color: rgba(255, 255, 255, 0.82) !important;
  box-shadow:
    0 22px 48px rgba(34, 78, 66, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

body[data-theme] .reveal.is-visible.hero-copy,
body[data-theme] .hero-copy.reveal.is-visible,
body[data-theme] .poster-caption.reveal.is-visible,
body[data-theme] .section-heading.reveal.is-visible,
body[data-theme] .feature-copy.reveal.is-visible,
body[data-theme] .rich-copy.reveal.is-visible,
body[data-theme] .cta-content.reveal.is-visible {
  animation: tobaru-copy-rise 720ms cubic-bezier(0.2, 0.82, 0.2, 1) both !important;
}

body[data-theme] .timeline-item.reveal.is-visible,
body[data-theme] .member-card.reveal.is-visible,
body[data-theme] .post-card.reveal.is-visible,
body[data-theme] .price-card.reveal.is-visible,
body[data-theme] .service-card.reveal.is-visible {
  animation: tobaru-card-rise 680ms cubic-bezier(0.2, 0.82, 0.2, 1) both !important;
}

@keyframes tobaru-subject-in-centered {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(28px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
  }
}

@keyframes tobaru-copy-rise {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes tobaru-card-rise {
  from {
    opacity: 0;
    transform: translateY(16px) scale(0.99);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-theme] .reveal.is-visible,
  body[data-theme] .hero-home .founder-hero-image,
  body[data-theme] .hero-workteam .founder-hero-image,
  body[data-theme] .hero-home .hero-panel,
  body[data-theme] .hero-workteam .hero-panel,
  body[data-theme] .hero-home .hero-visual::before,
  body[data-theme] .hero-workteam .hero-visual::before {
    animation: none !important;
  }
}

@media (max-width: 1180px) {
  body[data-theme] .hero-workteam .hero-visual {
    min-height: 640px !important;
  }

  body[data-theme] .hero-workteam .founder-hero-image {
    width: min(108%, 760px) !important;
  }
}

@media (max-width: 900px) {
  body[data-theme] .hero-workteam .hero-visual {
    min-height: 560px !important;
  }

  body[data-theme] .hero-workteam .founder-hero-image {
    left: 50% !important;
    right: auto !important;
    width: min(104%, 560px) !important;
    max-height: 540px !important;
    transform: translateX(-50%) !important;
  }
}

/* Workteam poster direction: recover the old living composition. */
body[data-theme] .hero-workteam {
  min-height: 100svh !important;
  padding: 0 !important;
  overflow: hidden !important;
  display: grid !important;
  align-items: stretch !important;
  background:
    radial-gradient(ellipse at 52% 45%, rgba(99, 230, 190, 0.30), rgba(10, 45, 38, 0.16) 28%, transparent 56%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.10), rgba(0, 0, 0, 0.72) 82%),
    var(--bg) !important;
}

body[data-theme="light"] .hero-workteam {
  background:
    radial-gradient(ellipse at 52% 45%, rgba(99, 230, 190, 0.18), rgba(148, 242, 255, 0.10) 30%, transparent 58%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.20), rgba(244, 251, 248, 0.76) 84%),
    var(--bg) !important;
}

body[data-theme] .hero-workteam .hero-grid {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 100svh !important;
  padding: 0 !important;
  z-index: 2 !important;
}

body[data-theme] .hero-workteam .hero-copy {
  position: absolute !important;
  left: clamp(24px, 4vw, 72px) !important;
  bottom: clamp(78px, 14vh, 150px) !important;
  width: min(390px, calc(100% - 48px)) !important;
  z-index: 5 !important;
}

body[data-theme] .hero-workteam .hero-copy h1 {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

body[data-theme] .hero-workteam .hero-copy .eyebrow,
body[data-theme] .hero-workteam .hero-copy .subnote {
  color: var(--accent) !important;
  font-family: var(--mono-font) !important;
  font-size: clamp(0.68rem, 0.8vw, 0.78rem) !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body[data-theme] .hero-workteam .hero-copy p:not(.eyebrow):not(.subnote) {
  color: rgba(245, 250, 248, 0.82) !important;
  font-family: var(--mono-font) !important;
  font-size: clamp(0.82rem, 0.98vw, 1rem) !important;
  line-height: 1.55 !important;
  text-transform: uppercase !important;
}

body[data-theme="light"] .hero-workteam .hero-copy p:not(.eyebrow):not(.subnote) {
  color: rgba(16, 25, 35, 0.76) !important;
}

body[data-theme] .hero-workteam .hero-actions {
  gap: 10px !important;
  margin-top: 28px !important;
  pointer-events: auto !important;
}

body[data-theme] .hero-workteam .hero-actions .button {
  min-height: 38px !important;
  padding: 0.62rem 1.05rem !important;
  font-size: 0.68rem !important;
}

body[data-theme] .hero-workteam .hero-visual {
  position: absolute !important;
  inset: 0 !important;
  min-height: 100svh !important;
  display: block !important;
  pointer-events: none !important;
  z-index: 3 !important;
}

body[data-theme] .hero-workteam .hero-visual::before {
  display: none !important;
}

body[data-theme] .hero-workteam .founder-hero-image {
  left: 50% !important;
  right: auto !important;
  bottom: 0 !important;
  width: min(78vw, 1240px) !important;
  max-height: 82vh !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  transform: translateX(-50%) !important;
  z-index: 3 !important;
  filter:
    drop-shadow(0 42px 44px rgba(0, 0, 0, 0.62))
    drop-shadow(0 0 34px rgba(99, 230, 190, 0.12)) !important;
  animation: tobaru-subject-in-centered 860ms cubic-bezier(0.2, 0.82, 0.2, 1) 120ms both !important;
}

body[data-theme="light"] .hero-workteam .founder-hero-image {
  filter: drop-shadow(0 36px 42px rgba(34, 78, 66, 0.20)) !important;
}

body[data-theme] .workteam-title-backdrop {
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  top: 19vh !important;
  width: min(76vw, 1120px) !important;
  transform: translateX(-50%) !important;
  z-index: 1 !important;
  color: rgba(235, 249, 246, 0.86) !important;
  font-family: var(--display-font) !important;
  font-size: clamp(4.5rem, 13vw, 14rem) !important;
  font-weight: 950 !important;
  line-height: 0.78 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  pointer-events: none !important;
  opacity: 0.88 !important;
  text-shadow: 0 28px 70px rgba(99, 230, 190, 0.16) !important;
}

body[data-theme="light"] .workteam-title-backdrop {
  color: rgba(16, 25, 35, 0.13) !important;
  text-shadow: none !important;
}

body[data-theme] .hero-workteam .poster-title {
  display: block !important;
  z-index: 4 !important;
  opacity: 0.9 !important;
}

body[data-theme] .hero-workteam .poster-title-left {
  left: clamp(24px, 4.8vw, 92px) !important;
  top: 22vh !important;
}

body[data-theme] .hero-workteam .poster-title-right {
  right: clamp(24px, 5.4vw, 100px) !important;
  top: 24vh !important;
}

body[data-theme] .hero-workteam .hero-panel {
  position: absolute !important;
  right: clamp(24px, 4.6vw, 86px) !important;
  left: auto !important;
  bottom: clamp(110px, 20vh, 190px) !important;
  width: min(330px, 24vw) !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  pointer-events: auto !important;
}

body[data-theme] .hero-workteam .hero-panel div {
  min-height: 78px !important;
  padding: 0 0 16px !important;
  border-right: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16) !important;
  align-content: end !important;
}

body[data-theme="light"] .hero-workteam .hero-panel div {
  border-bottom-color: rgba(16, 25, 35, 0.13) !important;
}

body[data-theme] .hero-workteam .hero-panel span {
  color: rgba(184, 244, 223, 0.78) !important;
  font-family: var(--mono-font) !important;
  font-size: 0.68rem !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body[data-theme] .hero-workteam .hero-panel strong {
  color: rgba(250, 250, 250, 0.92) !important;
  font-size: clamp(1.1rem, 1.55vw, 1.55rem) !important;
  line-height: 1.08 !important;
}

body[data-theme="light"] .hero-workteam .hero-panel span {
  color: #20b997 !important;
}

body[data-theme="light"] .hero-workteam .hero-panel strong {
  color: #101923 !important;
}

body[data-theme] .hero-workteam .hero-microcopy {
  right: clamp(24px, 4.5vw, 84px) !important;
  left: auto !important;
  bottom: 22px !important;
  z-index: 6 !important;
  opacity: 0.54 !important;
  text-align: right !important;
}

/* Contact page cleanup: keep the poster title readable and the data panel ordered. */
body.contact-page[data-theme] .hero-subpage {
  min-height: auto !important;
  padding: clamp(130px, 15vh, 170px) 0 clamp(72px, 9vh, 110px) !important;
  overflow: hidden !important;
}

body.contact-page[data-theme] .hero-subpage .hero-grid {
  grid-template-columns: minmax(0, 0.92fr) minmax(360px, 0.72fr) !important;
  gap: clamp(36px, 6vw, 90px) !important;
  align-items: center !important;
}

body.contact-page[data-theme] .hero-subpage .hero-copy {
  position: relative !important;
  z-index: 3 !important;
  width: auto !important;
  max-width: 700px !important;
}

body.contact-page[data-theme] .hero-subpage h1 {
  font-size: clamp(3.25rem, 5.7vw, 6.2rem) !important;
  line-height: 0.86 !important;
  max-width: 10.8ch !important;
}

body.contact-page[data-theme] .hero-subpage .hero-copy p:not(.eyebrow):not(.founder-line) {
  max-width: 620px !important;
}

body.contact-page[data-theme] .hero-subpage .hero-visual {
  min-height: 520px !important;
  display: grid !important;
  align-items: center !important;
  position: relative !important;
}

body.contact-page[data-theme] .hero-subpage .hero-visual::before {
  inset: 28px 0 28px 0 !important;
  border-radius: 24px !important;
  transform: perspective(1100px) rotateY(1.6deg) rotateX(0.25deg) !important;
}

body.contact-page[data-theme] .contact-hero-panel {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: min(100%, 520px) !important;
  margin: 0 auto !important;
  padding: clamp(22px, 3vw, 34px) !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
}

body.contact-page[data-theme] .contact-hero-panel .panel-logo {
  position: absolute !important;
  left: -28px !important;
  bottom: 80px !important;
  width: 64px !important;
  height: 64px !important;
  border-radius: 999px !important;
  padding: 10px !important;
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.18) !important;
}

body.contact-page[data-theme] .contact-hero-panel div {
  min-height: 96px !important;
  padding: 18px !important;
  border-right: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

body.contact-page[data-theme] .contact-hero-panel div:nth-child(3),
body.contact-page[data-theme] .contact-hero-panel div:nth-child(5) {
  border-right: 0 !important;
}

body.contact-page[data-theme] .contact-hero-panel div:nth-child(4),
body.contact-page[data-theme] .contact-hero-panel div:nth-child(5) {
  border-bottom: 0 !important;
}

body.contact-page[data-theme] .contact-hero-panel strong {
  font-size: clamp(1rem, 1.4vw, 1.25rem) !important;
  line-height: 1.1 !important;
}

body.contact-page[data-theme] .cta-section {
  padding-top: clamp(64px, 8vw, 110px) !important;
}

body.contact-page[data-theme] #contacto .cta-content {
  max-width: min(1080px, calc(100% - 48px)) !important;
  margin: 0 auto !important;
}

body.contact-page[data-theme] #contacto h2 {
  max-width: none !important;
  font-size: clamp(3rem, 6vw, 6.2rem) !important;
}

body.contact-page[data-theme] #contacto .contact-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

@media (max-width: 1180px) {
  body[data-theme] .hero-workteam .founder-hero-image {
    width: min(94vw, 900px) !important;
    max-height: 72vh !important;
  }

  body[data-theme] .hero-workteam .hero-panel {
    right: clamp(18px, 3vw, 42px) !important;
    width: min(280px, 30vw) !important;
  }

  body.contact-page[data-theme] .hero-subpage .hero-grid {
    grid-template-columns: 1fr !important;
  }

  body.contact-page[data-theme] .hero-subpage h1 {
    max-width: 11ch !important;
  }
}

@media (max-width: 900px) {
  body[data-theme] .hero-workteam {
    min-height: auto !important;
    padding: 112px 0 34px !important;
  }

  body[data-theme] .hero-workteam .hero-grid {
    min-height: 760px !important;
  }

  body[data-theme] .hero-workteam .workteam-title-backdrop {
    top: 112px !important;
    width: 94vw !important;
    font-size: clamp(4rem, 21vw, 8rem) !important;
  }

  body[data-theme] .hero-workteam .founder-hero-image {
    width: min(118vw, 760px) !important;
    max-height: 560px !important;
    bottom: 120px !important;
  }

  body[data-theme] .hero-workteam .hero-copy {
    left: 22px !important;
    right: 22px !important;
    bottom: 28px !important;
    width: auto !important;
  }

  body[data-theme] .hero-workteam .hero-panel {
    right: 22px !important;
    bottom: 260px !important;
    width: min(260px, calc(100% - 44px)) !important;
  }

  body[data-theme] .hero-workteam .poster-title,
  body[data-theme] .hero-workteam .hero-microcopy {
    display: none !important;
  }

  body.contact-page[data-theme] .hero-subpage {
    padding-top: 112px !important;
  }

  body.contact-page[data-theme] .hero-subpage h1 {
    font-size: clamp(2.55rem, 10.5vw, 4.2rem) !important;
  }

  body.contact-page[data-theme] .contact-hero-panel {
    grid-template-columns: 1fr !important;
  }

  body.contact-page[data-theme] .contact-hero-panel .panel-logo {
    left: 20px !important;
    bottom: auto !important;
    top: -34px !important;
  }

  body.contact-page[data-theme] .contact-hero-panel div {
    border-right: 0 !important;
  }

  body.contact-page[data-theme] #contacto .contact-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Responsive/install pass: keep web usable on phones and tablets. */
.android-install::before {
  content: "";
  width: 0.72em;
  height: 0.72em;
  display: inline-block;
  margin-right: 0.42rem;
  border-radius: 50%;
  background: currentColor;
  box-shadow:
    -0.36em 0.32em 0 -0.16em currentColor,
    0.36em 0.32em 0 -0.16em currentColor;
  opacity: 0.86;
}

@media (max-width: 1180px) {
  body[data-theme] .site-header {
    width: min(calc(100% - 28px), 960px) !important;
  }

  body[data-theme] .hero-home .hero-grid,
  body[data-theme] .hero-subpage .hero-grid,
  body[data-theme] .product-section,
  body[data-theme] .section.split {
    grid-template-columns: 1fr !important;
  }

  body[data-theme] .hero-copy,
  body[data-theme] .feature-copy,
  body[data-theme] .section-heading,
  body[data-theme] .rich-copy {
    max-width: 760px !important;
  }

  body[data-theme] .pricing-grid,
  body[data-theme] .metric-grid,
  body[data-theme] .ecosystem-grid,
  body[data-theme] .member-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  body[data-theme] {
    overflow-x: hidden !important;
  }

  body[data-theme] .site-header {
    top: 12px !important;
    width: calc(100% - 24px) !important;
    min-height: 60px !important;
    padding: 8px 10px 8px 14px !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    gap: 10px !important;
  }

  body[data-theme] .brand img {
    max-width: 82px !important;
  }

  body[data-theme] .nav-toggle {
    display: inline-flex !important;
    justify-self: end !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 999px !important;
  }

  body[data-theme] .site-nav {
    position: fixed !important;
    top: 82px !important;
    left: 12px !important;
    right: 12px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 4px !important;
    padding: 14px !important;
    border: 1px solid var(--glass-edge) !important;
    border-radius: 20px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.035)),
      rgba(3, 7, 8, 0.92) !important;
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.42) !important;
    backdrop-filter: blur(18px) saturate(130%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(130%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(-10px) scale(0.98) !important;
    transition: opacity 180ms ease, transform 180ms ease !important;
    z-index: 60 !important;
  }

  body[data-theme="light"] .site-nav {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.90), rgba(255, 255, 255, 0.68)),
      rgba(255, 255, 255, 0.76) !important;
  }

  body[data-theme] .site-nav.is-open {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
  }

  body[data-theme] .site-nav a {
    width: 100% !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
  }

  body[data-theme] .language-switch {
    justify-self: end !important;
    max-width: 170px !important;
    overflow: hidden !important;
  }

  body[data-theme] .language-switch .theme-switch {
    display: none !important;
  }

  body[data-theme] .hero-home,
  body[data-theme] .hero-subpage {
    min-height: auto !important;
    padding: 112px 18px 52px !important;
  }

  body[data-theme] .hero-grid {
    width: 100% !important;
    gap: 28px !important;
  }

  body[data-theme] .hero-home h1,
  body[data-theme] .hero-subpage h1,
  body[data-theme] .hero-software h1 {
    font-size: clamp(2.7rem, 13vw, 4.6rem) !important;
    line-height: 0.88 !important;
    max-width: 100% !important;
  }

  body[data-theme] .hero-copy p:not(.eyebrow):not(.founder-line),
  body[data-theme] .feature-copy p,
  body[data-theme] .section-heading p,
  body[data-theme] .rich-copy p {
    font-size: clamp(0.98rem, 3.6vw, 1.08rem) !important;
    line-height: 1.55 !important;
  }

  body[data-theme] .hero-actions,
  body[data-theme] .compact-actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body[data-theme] .hero-actions .button,
  body[data-theme] .compact-actions .button,
  body[data-theme] .hero-actions .text-link {
    width: 100% !important;
    min-height: 46px !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body[data-theme] .hero-visual {
    min-height: 430px !important;
  }

  body[data-theme] .hero-home .founder-hero-image,
  body[data-theme] .hero-software .founder-hero-image,
  body[data-theme] .hero-subpage .founder-hero-image {
    width: min(100%, 440px) !important;
    max-height: 430px !important;
  }

  body[data-theme] .hero-visual .hero-panel,
  body[data-theme] .founder-card {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    margin: 18px 0 0 !important;
    grid-template-columns: 1fr !important;
  }

  body[data-theme] .poster-strip,
  body[data-theme] .section,
  body[data-theme] .cta-section {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  body[data-theme] .pricing-grid,
  body[data-theme] .metric-grid,
  body[data-theme] .ecosystem-grid,
  body[data-theme] .member-grid,
  body[data-theme] .contact-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 560px) {
  body[data-theme] .site-header {
    grid-template-columns: auto auto auto !important;
  }

  body[data-theme] .language-switch {
    max-width: 92px !important;
  }

  body[data-theme] .hero-home h1,
  body[data-theme] .hero-subpage h1,
  body[data-theme] .hero-software h1 {
    font-size: clamp(2.35rem, 15vw, 3.65rem) !important;
  }

  body[data-theme] .hero-visual {
    min-height: 360px !important;
  }

  body[data-theme] .button {
    white-space: normal !important;
  }
}