:root {
  --obsidian: #0b0c0e;
  --obsidian-soft: #121316;
  --porcelain: #f2eee8;
  --warm: #ded6cb;
  --pau-brasil: #c65337;
  --niobium: #9bc7da;
  --copper: var(--pau-brasil);
  --mineral: var(--niobium);
  --ink-muted: rgba(11, 12, 14, 0.62);
  --light-muted: rgba(242, 238, 232, 0.62);
  --line-dark: rgba(11, 12, 14, 0.13);
  --line-light: rgba(242, 238, 232, 0.14);
  --display: "Manrope", "Helvetica Neue", Arial, sans-serif;
  --body: "Manrope", "Helvetica Neue", Arial, sans-serif;
  --mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
  --page: min(1440px, calc(100vw - 112px));
  --radius: 20px;
}

* { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  scroll-padding-top: 112px;
}

body {
  margin: 0;
  color: var(--obsidian);
  background: var(--porcelain);
  font-family: var(--body);
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.menu-open,
body.contact-modal-open,
body.manifesto-modal-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img, svg { display: block; max-width: 100%; }
[hidden] { display: none !important; }
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
button { font: inherit; }
::selection { color: var(--obsidian); background: var(--copper); }

.skip-link {
  position: fixed;
  z-index: 1000;
  top: 12px;
  left: 12px;
  padding: 10px 14px;
  color: var(--obsidian);
  background: var(--porcelain);
  border-radius: 8px;
  transform: translateY(-160%);
}

.skip-link:focus { transform: none; }
.page-shell { width: var(--page); margin-inline: auto; }
.section { position: relative; padding-block: clamp(110px, 11vw, 184px); scroll-margin-top: 84px; }

.site-header {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  width: 100%;
  min-height: 104px;
  padding: 18px 56px;
  color: var(--porcelain);
  border-bottom: 1px solid transparent;
  transition: min-height 220ms ease, background 220ms ease, border-color 220ms ease;
}

.site-header.is-scrolled {
  min-height: 74px;
  background: rgba(11, 12, 14, 0.88);
  border-color: var(--line-light);
  backdrop-filter: blur(22px) saturate(120%);
}

html.experience-pending body,
html.experience-opening body { overflow: hidden; }

html.experience-pending body > main,
html.experience-pending body > .site-footer,
html.experience-pending body > .journey-console {
  opacity: 0;
  visibility: hidden;
}

html.experience-opening body > main,
html.experience-opening body > .site-footer,
html.experience-ready body > main,
html.experience-ready body > .site-footer {
  opacity: 1;
  visibility: visible;
  transition: opacity 1.1s 180ms ease;
}

html.experience-pending .desktop-nav,
html.experience-pending .header-actions,
html.experience-pending .menu-toggle {
  pointer-events: none;
  opacity: 0;
  transform: translateY(-8px);
}

html.experience-pending .site-header { pointer-events: none; }
html.experience-pending .site-header .brand { pointer-events: auto; }

.desktop-nav,
.header-actions,
.menu-toggle { transition: opacity 450ms ease, transform 550ms ease, color 180ms ease, background 180ms ease, border-color 180ms ease; }

.site-curtain {
  position: fixed;
  z-index: 95;
  inset: 0;
  overflow: hidden;
  color: var(--porcelain);
  background:
    radial-gradient(circle at 50% 52%, rgba(155, 199, 218, .065), transparent 27%),
    radial-gradient(circle at 78% 62%, rgba(198, 83, 55, .04), transparent 23%),
    var(--obsidian);
  clip-path: inset(0);
  transition: clip-path 1.8s cubic-bezier(.76, 0, .22, 1), opacity 1.2s ease;
}

.site-curtain[hidden] { display: none; }
html.experience-fallback .site-curtain { display: none; }
.site-curtain.is-opening { pointer-events: none; clip-path: inset(0 0 100% 0); }
.curtain-grain { position: absolute; inset: 0; pointer-events: none; opacity: .055; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); mix-blend-mode: soft-light; }

.curtain-stage {
  position: absolute;
  top: 104px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background:
    repeating-radial-gradient(ellipse at 50% 48%, transparent 0 31px, rgba(242, 238, 232, .026) 32px 33px),
    linear-gradient(90deg, transparent, rgba(34, 24, 19, .16));
  isolation: isolate;
}

.cinematic-wood {
  position: absolute;
  z-index: 0;
  inset: 42px 6vw 64px;
  overflow: hidden;
  pointer-events: none;
  background:
    linear-gradient(112deg, rgba(71, 35, 21, .3), transparent 30%, rgba(0, 0, 0, .42) 81%),
    linear-gradient(rgba(33, 23, 18, .32), rgba(33, 23, 18, .32)),
    url("/assets/xylya-paubrasil-clean-board-v3.webp") center / 100% 100% no-repeat;
  border: 0;
  border-radius: 11px;
  clip-path: inset(0 0 14.7% 0 round 11px 11px 4px 4px);
  opacity: .78;
  filter: brightness(.5) saturate(.82) contrast(1.16);
  box-shadow: 0 5px 0 rgba(55, 17, 10, .88), 0 30px 46px rgba(0, 0, 0, .76);
  transform: perspective(1150px) rotateX(81deg) scale(.78);
  transform-origin: 50% 100%;
  transform-style: preserve-3d;
  will-change: transform, filter, opacity, box-shadow;
}

.cinematic-wood::before,
.cinematic-wood::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
}

.cinematic-wood::before {
  background:
    linear-gradient(112deg, rgba(255, 187, 119, .07), transparent 31%, rgba(0, 0, 0, .18) 82%),
    url("/assets/xylya-paubrasil-clean-board-v3.webp") center / 100% 100% no-repeat;
  opacity: 0;
  clip-path: none;
  -webkit-mask-image: linear-gradient(102deg, #000 0 38%, rgba(0, 0, 0, .72) 47%, transparent 59%);
  mask-image: linear-gradient(102deg, #000 0 38%, rgba(0, 0, 0, .72) 47%, transparent 59%);
  -webkit-mask-size: 280% 100%;
  mask-size: 280% 100%;
  -webkit-mask-position: 100% 0;
  mask-position: 100% 0;
  mix-blend-mode: normal;
}

.cinematic-wood::after {
  border: 1px solid rgba(233, 147, 94, .18);
  border-radius: 11px;
  background: radial-gradient(ellipse at 50% 48%, transparent 42%, rgba(0, 0, 0, .52) 100%);
  box-shadow: inset 0 -11px 18px rgba(42, 12, 7, .3);
}

.cinematic-asset { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.curtain-stage[data-carving-state="running"] .cinematic-wood {
  animation: board-falls-into-place 9s cubic-bezier(.2, .72, .16, 1) both;
}

.curtain-stage[data-carving-state="running"] .cinematic-wood::before {
  animation: reveal-clean-paubrasil 2s 9s cubic-bezier(.24, .76, .2, 1) both;
}

.curtain-stage[data-carving-state="complete"] .cinematic-wood {
  opacity: .92;
  filter: brightness(.62) saturate(.9) contrast(1.12);
  transform: perspective(1150px) rotateX(0) scale(1) translate3d(0, 0, 0);
}

.curtain-stage[data-carving-state="complete"] .cinematic-wood::before {
  opacity: 1;
  -webkit-mask-position: 0 0;
  mask-position: 0 0;
}

@keyframes reveal-clean-paubrasil {
  0% { opacity: 0; -webkit-mask-position: 100% 0; mask-position: 100% 0; }
  14% { opacity: .92; }
  100% { opacity: 1; -webkit-mask-position: 0 0; mask-position: 0 0; }
}

@keyframes board-falls-into-place {
  0% {
    opacity: .78;
    filter: brightness(.5) saturate(.82) contrast(1.16);
    box-shadow: 0 5px 0 rgba(55, 17, 10, .88), 0 30px 46px rgba(0, 0, 0, .76);
    transform: perspective(1150px) rotateX(81deg) scale(.78);
  }
  58% {
    opacity: .94;
    filter: brightness(.58) saturate(.79) contrast(1.15);
    box-shadow: 0 7px 0 rgba(55, 17, 10, .88), 0 82px 150px rgba(0, 0, 0, .82);
    transform: perspective(1150px) rotateX(17deg) scale(.965) translateY(-.6%);
  }
  76% {
    opacity: .96;
    filter: brightness(.68) saturate(.84) contrast(1.11);
    box-shadow: 0 5px 0 rgba(55, 17, 10, .9), 0 45px 130px rgba(0, 0, 0, .78);
    transform: perspective(1150px) rotateX(-2.2deg) scale(1.018) translateY(.35%);
  }
  88% {
    transform: perspective(1150px) rotateX(1.15deg) scale(1.006);
  }
  100% {
    opacity: .92;
    filter: brightness(.62) saturate(.9) contrast(1.12);
    box-shadow: 0 4px 0 rgba(55, 17, 10, .9), 0 38px 120px rgba(0, 0, 0, .72);
    transform: perspective(1150px) rotateX(0) scale(1);
  }
}

.board-impact {
  position: absolute;
  z-index: 1;
  inset: 42px 6vw 64px;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
  background:
    radial-gradient(ellipse at 50% 96%, rgba(229, 183, 127, .24), transparent 42%),
    linear-gradient(0deg, rgba(226, 181, 125, .1), transparent 34%);
  filter: blur(7px);
  transform: scale(.84, .28) translateY(26%);
}

.curtain-stage[data-carving-state="running"] .board-impact {
  animation: board-impact-dust 2s 6.4s ease-out both;
}

.surface-dust {
  display: none;
}

.curtain-stage[data-carving-state="running"] .surface-dust {
  animation: none;
}

@keyframes surface-dust-sweep {
  0% { opacity: 0; transform: translate3d(-34%, 0, 0) scale(.76, .9); }
  18% { opacity: .7; }
  58% { opacity: .42; }
  100% { opacity: 0; transform: translate3d(42%, -5%, 0) scale(1.16, 1.08); }
}

@keyframes board-impact-dust {
  0% { opacity: 0; transform: scale(.82, .16) translateY(35%); }
  22% { opacity: .72; }
  100% { opacity: 0; transform: scale(1.06, .72) translateY(-3%); }
}

.curtain-stage .print-reveal {
  --print-edge: 0%;
  --print-opacity: 0;
  inset: 42px 6vw 64px;
  background: transparent;
  border: 0;
  border-radius: 0;
  opacity: var(--print-opacity);
  clip-path: polygon(5.7% 7.6%, 94.3% 7.6%, 98.1% 82.4%, 1.9% 82.4%);
  -webkit-mask-image: linear-gradient(90deg, #000 0 var(--print-edge), transparent calc(var(--print-edge) + 4%));
  mask-image: linear-gradient(90deg, #000 0 var(--print-edge), transparent calc(var(--print-edge) + 4%));
  box-shadow: none;
  transition: filter 1.8s cubic-bezier(.18, .82, .2, 1), transform 1.8s cubic-bezier(.18, .82, .2, 1);
}
.curtain-stage .print-reveal { display: none; }
.curtain-stage .print-reveal.is-visible { opacity: var(--print-opacity); }
.curtain-stage .print-reveal::after { display: none; }
.curtain-stage .print-reveal img {
  object-fit: fill;
  opacity: .92;
  filter: saturate(1.16) contrast(1.12) brightness(.82);
  mix-blend-mode: multiply;
}
.curtain-stage .carving-interface { top: 32px; right: 5vw; }
.curtain-stage .carving-command {
  top: 50%;
  right: auto;
  left: 50%;
  width: min(640px, calc(100% - 48px));
  padding: 0;
  text-align: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
  transform: translate(-50%, -50%);
}
.curtain-stage[data-carving-state="idle"] .carving-command {
  animation: commandSoftReveal 900ms 160ms cubic-bezier(.2, .72, .2, 1) both;
}
@keyframes commandSoftReveal {
  from { opacity: 0; filter: blur(5px); transform: translate(-50%, -50%) scale(.992); }
  to { opacity: 1; filter: blur(0); transform: translate(-50%, -50%) scale(1); }
}
.curtain-stage .carving-command small { color: rgba(155, 199, 218, .74); }
.curtain-stage .carving-command > strong { margin-top: 25px; font-size: clamp(42px, 5vw, 76px); line-height: .94; }
.curtain-stage .carving-command p { margin: 24px auto 30px; font-size: 14px; }
.curtain-stage .carving-command > button:not(.carving-replay) { width: min(310px, 100%); min-height: 58px; margin-inline: auto; padding-inline: 22px; font-size: 9px; }
.curtain-stage .carving-progress { right: 7vw; bottom: 76px; left: 7vw; }
.curtain-stage .carving-caption { right: 7vw; bottom: 29px; }
[data-carving-stage][data-carving-state="running"] .carving-command { pointer-events: none; opacity: 0; transform: translate(-50%, -43%) scale(.975); }
[data-carving-stage][data-carving-state="running"] .carving-progress { opacity: .92; }
[data-carving-stage][data-carving-state="complete"] .carving-progress { opacity: .9; }
.curtain-stage[data-carving-state="complete"] .carving-command {
  z-index: 7;
  width: min(600px, calc(100% - 48px));
  padding: 32px 38px 34px;
  pointer-events: none;
  background: linear-gradient(145deg, rgba(8, 9, 10, .9), rgba(16, 14, 13, .78));
  border: 1px solid rgba(242, 238, 232, .2);
  border-radius: 5px;
  opacity: 1;
  box-shadow: 0 34px 100px rgba(0, 0, 0, .64), inset 0 1px rgba(242, 238, 232, .05);
  backdrop-filter: blur(20px) saturate(.75);
  transform: translate(-50%, -50%) scale(1);
}
.curtain-stage[data-carving-state="complete"] .carving-command small { color: rgba(155, 199, 218, .92); }
.curtain-stage[data-carving-state="complete"] .carving-command > strong {
  margin-top: 17px;
  font-size: clamp(42px, 4.8vw, 68px);
  line-height: .95;
}
.curtain-stage[data-carving-state="complete"] .carving-command p {
  max-width: 430px;
  margin: 20px auto 0;
  color: rgba(242, 238, 232, .82);
  font-size: 14px;
}
.curtain-stage[data-carving-state="complete"] .carving-command button { display: none; }
.curtain-stage[data-carving-state="complete"] .print-reveal { opacity: .78; }
.site-curtain.is-opening .carving-command,
.site-curtain.is-opening .curtain-skip,
.site-curtain.is-opening .curtain-close { opacity: 0; }

.curtain-close {
  position: absolute;
  z-index: 9;
  top: 27px;
  right: 32px;
  width: 42px;
  height: 42px;
  padding: 0;
  color: rgba(242, 238, 232, .62);
  background: rgba(11, 12, 14, .3);
  border: 1px solid rgba(242, 238, 232, .2);
  border-radius: 50%;
  cursor: pointer;
  transition: color 180ms ease, background 180ms ease, border-color 180ms ease, opacity 300ms ease, transform 180ms ease;
}

.curtain-close span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 1px;
  background: currentColor;
}

.curtain-close span:first-child { transform: translate(-50%, -50%) rotate(45deg); }
.curtain-close span:last-child { transform: translate(-50%, -50%) rotate(-45deg); }
.curtain-close:hover,
.curtain-close:focus-visible { color: var(--obsidian); background: var(--porcelain); border-color: var(--porcelain); transform: rotate(4deg); }

.curtain-skip {
  position: absolute;
  z-index: 6;
  bottom: 25px;
  left: 50%;
  padding: 8px;
  color: rgba(242, 238, 232, .32);
  background: none;
  border: 0;
  font-family: var(--mono);
  font-size: 7px;
  letter-spacing: .12em;
  text-transform: uppercase;
  cursor: pointer;
  transform: translateX(-50%);
  transition: color 180ms ease, opacity 300ms ease;
}
.curtain-skip:hover, .curtain-skip:focus-visible { color: var(--porcelain); }

.hero-visual--after .print-reveal { opacity: .72; transform: none; }
.hero-visual--after .print-reveal img { filter: saturate(1.05) contrast(1.08) brightness(.68); }

.brand {
  position: relative;
  display: block;
  width: 198px;
  aspect-ratio: 720 / 150;
  overflow: visible;
  isolation: isolate;
}
.brand-signature { position: absolute; inset: 0; width: 100%; height: 100%; transition: opacity 260ms ease; }
.brand-signature--base { opacity: 0; }
.brand-signature--full { opacity: 1; }
.brand-coordinate {
  position: absolute;
  z-index: 3;
  top: 0;
  height: 200%;
  object-fit: fill;
  pointer-events: none;
  opacity: 0;
  /* Os PNGs têm matriz 2×, com o glifo real no primeiro quadrante. */
  transform-origin: 25% 25%;
  transition: opacity 260ms ease;
  will-change: transform, opacity, filter;
}
.brand-coordinate--x { left: 0; width: 35.556%; }
.brand-coordinate--y { left: 58.75%; width: 37.778%; }
.brand[data-coordinate-state="departing"] .brand-signature--full,
.brand[data-coordinate-state="working"] .brand-signature--full,
.brand[data-coordinate-state="returning"] .brand-signature--full { opacity: 0; }
.brand[data-coordinate-state="departing"] .brand-signature--base,
.brand[data-coordinate-state="working"] .brand-signature--base,
.brand[data-coordinate-state="returning"] .brand-signature--base { opacity: 1; }
.brand[data-coordinate-state="departing"] .brand-coordinate--x { animation: brandXDepart 3.15s cubic-bezier(.2, .72, .15, 1) both; }
.brand[data-coordinate-state="departing"] .brand-coordinate--y { animation: brandYDepart 3.25s 90ms cubic-bezier(.2, .72, .15, 1) both; }
.brand[data-coordinate-state="working"] .brand-coordinate { opacity: 0; }
.brand[data-coordinate-state="returning"] .brand-coordinate--x { animation: brandXReturn 2.65s cubic-bezier(.18, .78, .2, 1) both; }
.brand[data-coordinate-state="returning"] .brand-coordinate--y { animation: brandYReturn 2.75s 70ms cubic-bezier(.18, .78, .2, 1) both; }
@keyframes brandXDepart {
  0% { opacity: 1; filter: drop-shadow(0 0 0 rgba(155, 199, 218, 0)); transform: translate3d(0, 0, 0) scale(1); }
  12% { opacity: 1; filter: brightness(1.28) drop-shadow(0 0 9px rgba(155, 199, 218, .92)) drop-shadow(0 0 24px rgba(155, 199, 218, .52)); transform: translate3d(0, -5px, 0) scale(1); }
  28% { filter: brightness(1.12) drop-shadow(0 0 14px rgba(155, 199, 218, .42)); }
  78% { opacity: .96; }
  100% { opacity: 0; filter: drop-shadow(0 0 20px rgba(155, 199, 218, .16)); transform: translate3d(var(--coordinate-x-depart-x, 42vw), var(--coordinate-x-depart-y, 45vh), 0) scale(.58) rotate(-3deg); }
}
@keyframes brandYDepart {
  0% { opacity: 1; filter: drop-shadow(0 0 0 rgba(198, 83, 55, 0)); transform: translate3d(0, 0, 0) scale(1); }
  12% { opacity: 1; filter: brightness(1.28) drop-shadow(0 0 9px rgba(198, 83, 55, .94)) drop-shadow(0 0 24px rgba(198, 83, 55, .54)); transform: translate3d(0, -5px, 0) scale(1); }
  28% { filter: brightness(1.12) drop-shadow(0 0 14px rgba(198, 83, 55, .44)); }
  78% { opacity: .96; }
  100% { opacity: 0; filter: drop-shadow(0 0 20px rgba(198, 83, 55, .16)); transform: translate3d(var(--coordinate-y-depart-x, 42vw), var(--coordinate-y-depart-y, 45vh), 0) scale(.58) rotate(3deg); }
}
@keyframes brandXReturn {
  0% { opacity: 0; filter: drop-shadow(0 0 20px rgba(155, 199, 218, .16)); transform: translate3d(var(--coordinate-x-return-x, 72vw), var(--coordinate-x-return-y, 32vh), 0) scale(.58) rotate(-3deg); }
  12% { opacity: .96; }
  62% { opacity: 1; filter: drop-shadow(0 0 12px rgba(155, 199, 218, .45)); }
  88% { opacity: 1; filter: brightness(1.3) drop-shadow(0 0 9px rgba(155, 199, 218, .94)) drop-shadow(0 0 26px rgba(155, 199, 218, .56)); }
  100% { opacity: 1; filter: none; transform: translate3d(0, 0, 0) scale(1); }
}
@keyframes brandYReturn {
  0% { opacity: 0; filter: drop-shadow(0 0 20px rgba(198, 83, 55, .16)); transform: translate3d(var(--coordinate-y-return-x, 72vw), var(--coordinate-y-return-y, 32vh), 0) scale(.58) rotate(3deg); }
  12% { opacity: .96; }
  62% { opacity: 1; filter: drop-shadow(0 0 12px rgba(198, 83, 55, .45)); }
  88% { opacity: 1; filter: brightness(1.3) drop-shadow(0 0 9px rgba(198, 83, 55, .96)) drop-shadow(0 0 26px rgba(198, 83, 55, .58)); }
  100% { opacity: 1; filter: none; transform: translate3d(0, 0, 0) scale(1); }
}
@media (prefers-reduced-motion: reduce) {
  .brand-coordinate { animation: none !important; }
}
.footer-brand img, .name-block > img { width: 100%; height: auto; }

.desktop-nav { display: flex; align-items: center; gap: 2px; }
.nav-cluster { position: relative; }
.nav-cluster summary {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 12px 11px;
  color: rgba(242, 238, 232, 0.68);
  font-family: var(--mono);
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.13em;
  list-style: none;
  text-transform: uppercase;
  cursor: pointer;
  transition: color 180ms ease, background 180ms ease;
}
.nav-cluster summary::-webkit-details-marker { display: none; }
.nav-cluster summary::marker { content: ""; }
.nav-cluster summary span { color: var(--copper); font-size: 11px; transition: transform 180ms ease; }
.nav-cluster[open] summary,
.nav-cluster summary:hover,
.nav-cluster summary:focus-visible { color: var(--porcelain); background: rgba(242, 238, 232, .045); outline: none; }
.nav-cluster[open] summary span { transform: rotate(180deg); }
.nav-cluster__menu {
  position: absolute;
  z-index: 150;
  top: calc(100% + 13px);
  left: 0;
  display: grid;
  width: 260px;
  padding: 8px;
  color: var(--porcelain);
  background: rgba(14, 16, 19, .98);
  border: 1px solid rgba(242, 238, 232, .16);
  box-shadow: 0 28px 80px rgba(0, 0, 0, .46);
  backdrop-filter: blur(22px) saturate(115%);
  animation: navMenuIn 160ms ease both;
}
.nav-cluster__menu::before { position: absolute; top: -14px; right: 0; left: 0; height: 14px; content: ""; }
.nav-cluster__menu--end { right: 0; left: auto; }
.nav-cluster__menu a { display: grid; grid-template-columns: 30px 1fr; align-items: center; min-height: 44px; padding: 8px 10px; color: rgba(242, 238, 232, .68); border-bottom: 1px solid rgba(242, 238, 232, .075); font-family: var(--body); font-size: 12px; letter-spacing: 0; text-transform: none; transition: color 180ms ease, background 180ms ease; }
.nav-cluster__menu a:last-child { border-bottom: 0; }
.nav-cluster__menu a small { color: var(--copper); font-family: var(--mono); font-size: 8px; letter-spacing: .1em; }
.nav-cluster__menu a:hover,
.nav-cluster__menu a:focus-visible { color: var(--porcelain); background: rgba(155, 199, 218, .075); outline: none; }
@keyframes navMenuIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }

.header-actions { justify-self: end; display: flex; align-items: center; gap: 12px; }
.language-picker { position: relative; flex: 0 0 auto; font-family: var(--mono); }
.language-toggle { display: flex; align-items: center; justify-content: center; gap: 8px; min-width: 78px; height: 40px; padding: 0 12px; color: var(--porcelain); background: rgba(255, 255, 255, .04); border: 1px solid rgba(242, 238, 232, .24); cursor: pointer; transition: background 180ms ease, border-color 180ms ease; }
.language-toggle:hover,
.language-toggle:focus-visible,
.language-picker.is-open .language-toggle { background: rgba(255, 255, 255, .1); border-color: rgba(155, 199, 218, .6); outline: none; }
.language-flag { font-family: "Apple Color Emoji", "Segoe UI Emoji", sans-serif; font-size: 16px; line-height: 1; }
.language-code { font-size: 9px; font-weight: 700; letter-spacing: .08em; }
.language-toggle svg { width: 9px; height: 6px; fill: none; stroke: currentColor; stroke-width: 1.5; transition: transform 180ms ease; }
.language-picker.is-open .language-toggle svg { transform: rotate(180deg); }
.language-menu { position: absolute; z-index: 140; top: 48px; right: 0; width: 218px; padding: 7px; color: var(--porcelain); background: #101215; border: 1px solid rgba(242, 238, 232, .2); box-shadow: 0 22px 60px rgba(0, 0, 0, .5); opacity: 0; visibility: hidden; transform: translateY(-7px); transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease; }
.language-picker.is-open .language-menu { opacity: 1; visibility: visible; transform: none; }
.language-menu button { display: grid; grid-template-columns: 28px 1fr auto; gap: 8px; align-items: center; width: 100%; height: 46px; padding: 0 10px; color: rgba(242, 238, 232, .68); background: transparent; border: 0; text-align: left; cursor: pointer; }
.language-menu button:hover,
.language-menu button:focus-visible { color: var(--porcelain); background: rgba(242, 238, 232, .07); outline: none; }
.language-menu button.is-active { color: var(--mineral); background: rgba(155, 199, 218, .1); }
.language-menu button > span:first-child { font-family: "Apple Color Emoji", "Segoe UI Emoji", sans-serif; font-size: 17px; }
.language-menu button > span:nth-child(2) { font-size: 10px; letter-spacing: .07em; text-transform: uppercase; }
.language-menu small { color: rgba(242, 238, 232, .35); font: 8px var(--mono); }
.language-menu button.is-active small { color: var(--copper); }

.header-cta {
  justify-self: end;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 12px 18px;
  color: var(--porcelain);
  border: 1px solid rgba(242, 238, 232, 0.28);
  border-radius: 999px;
  font-family: var(--mono);
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transition: color 180ms ease, background 180ms ease, border-color 180ms ease;
}

.header-cta span { color: var(--copper); font-size: 13px; }
.header-cta:hover, .header-cta:focus-visible { color: var(--obsidian); background: var(--porcelain); border-color: var(--porcelain); }

.menu-toggle {
  justify-self: end;
  display: none;
  width: 42px;
  height: 42px;
  padding: 10px 7px;
  color: var(--porcelain);
  background: transparent;
  border: 0;
}

.menu-toggle span { display: block; height: 1px; margin: 6px 0; background: currentColor; transition: transform 180ms ease; }
.menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }

.mobile-menu {
  position: fixed;
  z-index: 90;
  inset: 0;
  display: none;
  flex-direction: column;
  padding: 112px 28px 32px;
  color: var(--porcelain);
  background: radial-gradient(circle at 75% 20%, rgba(155, 199, 218, 0.1), transparent 30%), var(--obsidian);
  opacity: 0;
  visibility: hidden;
  transition: opacity 180ms ease, visibility 180ms ease;
}

.mobile-menu.is-open { opacity: 1; visibility: visible; }
.mobile-pronunciation { margin: 0 0 34px; color: var(--copper); font-family: var(--mono); font-size: 11px; letter-spacing: .15em; }
.mobile-pronunciation span { color: var(--mineral); }
.mobile-menu nav { display: grid; }
.mobile-nav details { border-bottom: 1px solid var(--line-light); }
.mobile-nav summary,
.mobile-nav__contact {
  display: flex;
  align-items: baseline;
  gap: 16px;
  padding: 17px 0;
  font-size: clamp(28px, 9vw, 46px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.05em;
  list-style: none;
  cursor: pointer;
}
.mobile-nav summary::-webkit-details-marker { display: none; }
.mobile-nav summary::marker { content: ""; }
.mobile-nav summary > span { margin-left: auto; color: var(--mineral); font-family: var(--mono); font-size: 18px; font-weight: 400; transition: transform 180ms ease; }
.mobile-nav details[open] summary > span { transform: rotate(45deg); }
.mobile-nav details > div { display: grid; padding: 0 0 13px 25px; }
.mobile-nav details > div a { display: grid; grid-template-columns: 24px 1fr; align-items: center; gap: 8px; padding: 9px 0; color: rgba(242, 238, 232, .58); font-size: 15px; letter-spacing: -.02em; }
.mobile-nav details > div a:hover,
.mobile-nav details > div a:focus-visible { color: var(--mineral); }
.mobile-nav__contact { border-bottom: 1px solid var(--line-light); }
.mobile-menu nav small { color: var(--copper); font-family: var(--mono); font-size: 8px; letter-spacing: .12em; }

.hero {
  position: relative;
  min-height: 960px;
  overflow: hidden;
  color: var(--porcelain);
  background:
    radial-gradient(circle at 78% 42%, rgba(155, 199, 218, 0.09), transparent 28%),
    radial-gradient(circle at 58% 72%, rgba(198, 83, 55, 0.05), transparent 23%),
    var(--obsidian);
}

.hero::before {
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, var(--obsidian) 0%, rgba(11, 12, 14, .98) 28%, rgba(11, 12, 14, .76) 46%, rgba(11, 12, 14, .04) 78%);
  content: "";
}

.hero-texture {
  position: absolute;
  z-index: 3;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
}

.hero-visual { position: absolute; z-index: 1; top: 54px; right: -20px; width: min(67vw, 1080px); height: 790px; opacity: .86; }
.hero-visual svg { width: 100%; height: 100%; }
.hero-visual .matrix > rect { fill: rgba(14, 16, 19, .78); stroke: rgba(242, 238, 232, .16); }
.hero-visual .matrix > g:first-of-type { opacity: .55; }

.hero-content { position: relative; z-index: 4; display: flex; flex-direction: column; justify-content: center; min-height: 815px; padding-top: 84px; }
.pronunciation-line {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 34px;
  color: rgba(242, 238, 232, .46);
  font-family: var(--mono);
  font-size: 9px;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.pronunciation-line::before { width: 36px; height: 1px; background: var(--mineral); content: ""; }
.pronunciation-line span { color: var(--mineral); font-weight: 500; }
.pronunciation-line strong { color: var(--copper); font-weight: 500; }

.hero h1, .method-intro h2, .platform-heading h2, .markets-heading h2, .manifesto-copy h2, .legacy h2, .contact h2 {
  margin: 0;
  font-family: var(--display);
  font-weight: 500;
  line-height: .94;
  letter-spacing: -.065em;
}
.hero h1 { max-width: 870px; font-size: clamp(70px, 7.7vw, 124px); }
h1 span, h2 span { color: var(--copper); }
.hero-copy { max-width: 590px; margin: 32px 0; color: rgba(242, 238, 232, .68); font-size: clamp(18px, 1.34vw, 21px); font-weight: 400; line-height: 1.65; }
.hero-actions { display: flex; align-items: center; gap: 13px; }

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  min-height: 52px;
  padding: 13px 20px;
  border-radius: 999px;
  font-family: var(--mono);
  font-size: 9px;
  font-weight: 500;
  letter-spacing: .12em;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform 180ms ease, background 180ms ease, color 180ms ease;
}
.button:disabled { cursor: progress; opacity: .72; transform: none; }
.button--fire { color: var(--obsidian); background: var(--copper); border: 1px solid var(--copper); box-shadow: 0 12px 30px rgba(198, 83, 55, .16); }
.button--ghost { color: rgba(242, 238, 232, .78); border: 1px solid rgba(242, 238, 232, .2); }
.button:hover, .button:focus-visible { transform: translateY(-2px); }
.button--ghost:hover { color: var(--porcelain); border-color: rgba(242, 238, 232, .45); }

.promise-bar {
  position: absolute;
  z-index: 4;
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  grid-template-columns: .64fr 1.36fr;
  align-items: center;
  min-height: 145px;
  padding-inline: max(56px, calc((100vw - 1440px) / 2));
  color: var(--porcelain);
  border-top: 1px solid var(--line-light);
  background: rgba(11, 12, 14, .78);
  backdrop-filter: blur(18px);
}
.promise-bar > p { max-width: 360px; margin: 0; color: rgba(242, 238, 232, .45); font-size: 13px; }
.promise-bar ul { display: grid; grid-template-columns: repeat(5, 1fr); margin: 0; padding: 0; list-style: none; }
.promise-bar li { position: relative; padding: 14px 10px 14px 21px; color: rgba(242, 238, 232, .64); font-family: var(--mono); font-size: 8px; letter-spacing: .13em; text-transform: uppercase; }
.promise-bar li::before { position: absolute; top: 50%; left: 4px; width: 5px; height: 5px; background: var(--mineral); border-radius: 50%; content: ""; transform: translateY(-50%); }
.promise-bar li:last-child { color: var(--copper); }
.promise-bar li:last-child::before { background: var(--copper); box-shadow: 0 0 0 5px rgba(198, 83, 55, .1); }

.section-label { margin: 0 0 40px; color: rgba(11, 12, 14, .45); font-family: var(--mono); font-size: 9px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; }
.section-label::before { display: inline-block; width: 28px; height: 1px; margin-right: 12px; background: var(--copper); vertical-align: middle; content: ""; }
.section-label--light { color: rgba(242, 238, 232, .4); }

.method { overflow: hidden; background: var(--porcelain); }
.method::before { position: absolute; inset: 0; pointer-events: none; opacity: .025; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); content: ""; }
.method::after { position: absolute; top: 8%; right: -4vw; color: rgba(11, 12, 14, .025); font-size: 28vw; font-weight: 600; line-height: .7; content: "X"; }
.method .page-shell { position: relative; z-index: 1; }
.method-intro { display: grid; grid-template-columns: 1fr .54fr; gap: 10vw; align-items: end; }
.method-intro .section-label { grid-column: 1 / -1; margin-bottom: 5px; }
.method-intro h2, .platform-heading h2, .markets-heading h2, .manifesto-copy h2 { font-size: clamp(52px, 5.7vw, 91px); }
.method-copy p { margin: 0; font-size: clamp(18px, 1.38vw, 22px); line-height: 1.65; }
.method-copy p + p { margin-top: 22px; color: var(--ink-muted); font-family: var(--mono); font-size: 10px; letter-spacing: .03em; }

.transformation { display: grid; grid-template-columns: repeat(5, 1fr); margin: 105px 0 0; padding: 0; border-top: 1px solid rgba(11, 12, 14, .3); list-style: none; }
.transformation-step { position: relative; min-height: 430px; padding: 32px 25px 34px; border-right: 1px solid var(--line-dark); }
.transformation-step:first-child { border-left: 1px solid var(--line-dark); }
.transformation-step::before { position: absolute; top: -4px; left: 25px; width: 7px; height: 7px; background: var(--porcelain); border: 1px solid var(--obsidian); border-radius: 50%; content: ""; }
.transformation-step--action { margin-top: -15px; min-height: 460px; color: var(--porcelain); background: var(--obsidian-soft); border: 1px solid rgba(11, 12, 14, .12); border-radius: 14px; box-shadow: 0 22px 70px rgba(11, 12, 14, .13); }
.transformation-step--action::before { top: 12px; background: var(--copper); border-color: var(--copper); box-shadow: 0 0 0 7px rgba(198, 83, 55, .1); }
.step-visual { position: relative; height: 138px; margin-bottom: 33px; }
.transformation-step small { color: var(--copper); font-family: var(--mono); font-size: 8px; font-weight: 500; letter-spacing: .13em; text-transform: uppercase; }
.transformation-step h3 { min-height: 61px; margin: 15px 0 14px; font-size: clamp(21px, 1.7vw, 28px); font-weight: 600; line-height: 1.05; letter-spacing: -.045em; }
.transformation-step p { margin: 0; color: var(--ink-muted); font-size: 13px; line-height: 1.62; }
.transformation-step--action p { color: var(--light-muted); }

.transformation-step--raw .step-visual i { position: absolute; width: 6px; height: 6px; background: var(--obsidian); border-radius: 1px; }
.transformation-step--raw i:nth-child(1){top:16px;left:13%}.transformation-step--raw i:nth-child(2){top:43px;left:64%;width:4px;height:4px}.transformation-step--raw i:nth-child(3){top:83px;left:28%;width:9px;height:9px;background:var(--mineral)}.transformation-step--raw i:nth-child(4){top:110px;left:76%;width:5px;height:5px;background:var(--copper)}.transformation-step--raw i:nth-child(5){top:61px;left:46%;width:3px;height:3px}.transformation-step--raw i:nth-child(6){top:118px;left:9%;width:4px;height:4px}
.transformation-step--read .step-visual i { position:absolute;left:8%;width:85%;height:32px;border-top:1px solid var(--obsidian);border-radius:50% }
.transformation-step--read i:nth-child(1){top:27px;transform:rotate(8deg)}.transformation-step--read i:nth-child(2){top:65px;border-color:var(--mineral);transform:rotate(-7deg)}.transformation-step--read i:nth-child(3){top:104px;transform:rotate(4deg)}
.transformation-step--form .step-visual { display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:18px 10px }
.transformation-step--form i { border:1px solid rgba(11,12,14,.45);border-radius:3px }
.transformation-step--form i:nth-child(2),.transformation-step--form i:nth-child(3){background:rgba(155, 199, 218,.34);border-color:var(--mineral)}
.transformation-step--insight .step-visual { display:grid;place-items:center }
.transformation-step--insight .step-visual span { z-index:1;font-size:52px;font-weight:400 }
.transformation-step--insight .step-visual i { position:absolute;width:94px;height:94px;border:1px solid var(--copper);border-radius:50%;box-shadow:0 0 0 16px rgba(198, 83, 55,.05) }
.transformation-step--action .step-visual { display:grid;place-items:center }
.transformation-step--action .step-visual i { position:relative;width:78px;height:78px;border:1px solid var(--copper);border-radius:50%;box-shadow:inset 0 0 0 15px var(--obsidian-soft),inset 0 0 0 16px rgba(198, 83, 55,.6),0 0 40px rgba(198, 83, 55,.1) }
.transformation-step--action .step-visual i::after { position:absolute;inset:29px;background:var(--copper);border-radius:50%;content:"" }

.platform { overflow: hidden; color: var(--porcelain); background: linear-gradient(180deg, #0d0e10, var(--obsidian)); }
.platform-contours { position:absolute;top:-14%;right:-18%;width:78vw;aspect-ratio:1;opacity:.055;background:repeating-radial-gradient(ellipse,transparent 0 25px,var(--porcelain) 26px 27px);border-radius:50% }
.platform .page-shell { position:relative; }
.platform-heading { display:grid;grid-template-columns:1fr .46fr;gap:9vw;align-items:end;margin-bottom:94px }
.platform-heading > p { margin:0;color:var(--light-muted);font-size:clamp(18px,1.38vw,22px);line-height:1.68 }

.product { overflow:hidden;border:1px solid rgba(242,238,232,.16);border-radius:22px;background:rgba(16,18,21,.92);box-shadow:0 50px 120px rgba(0,0,0,.32),0 0 0 1px rgba(155, 199, 218,.025) inset;backdrop-filter:blur(16px) }
.product-topbar { display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:15px 25px;border-bottom:1px solid var(--line-light);background:rgba(255,255,255,.012) }
.product-brand { display:flex;align-items:center;gap:18px }
.product-brand img { width:92px }
.product-brand span,.product-health { color:rgba(242,238,232,.38);font-family:var(--mono);font-size:8px;letter-spacing:.12em;text-transform:uppercase }
.product-health { display:flex;align-items:center;gap:8px }
.product-health i { width:6px;height:6px;background:var(--mineral);border-radius:50%;box-shadow:0 0 14px var(--mineral) }
.product-health b { color:rgba(242,238,232,.72);font-weight:500 }
.product-layout { display:grid;grid-template-columns:70px 1fr;min-height:650px }
.product-nav { display:flex;flex-direction:column;align-items:center;gap:19px;padding:28px 12px;border-right:1px solid var(--line-light) }
.product-nav span { display:grid;place-items:center;width:35px;height:35px;color:rgba(242,238,232,.28);border:1px solid transparent;border-radius:9px;font-family:var(--mono) }
.product-nav .active { color:var(--copper);border-color:rgba(198, 83, 55,.45);background:rgba(198, 83, 55,.07) }
.product-main { padding:47px 50px 50px }
.product-question small,.route-signal>span,.route-context>span,.scenario-row article>small { color:var(--mineral);font-family:var(--mono);font-size:8px;font-weight:500;letter-spacing:.13em;text-transform:uppercase }
.product-question h3 { margin:12px 0 9px;font-size:clamp(32px,2.9vw,48px);font-weight:500;line-height:1;letter-spacing:-.05em }
.product-question p { margin:0;color:rgba(242,238,232,.4);font-size:13px }
.insight-route { display:grid;grid-template-columns:1fr 140px 1fr;align-items:center;margin-top:46px }
.route-signal,.route-context { min-height:143px;padding:23px;border:1px solid var(--line-light);border-radius:12px;background:rgba(255,255,255,.018) }
.route-context { border-color:rgba(198, 83, 55,.34);background:linear-gradient(135deg,rgba(198, 83, 55,.055),transparent) }
.route-signal strong,.route-context strong { display:block;margin:14px 0 11px;font-size:16px;font-weight:500;line-height:1.4 }
.route-signal small,.route-context small { color:rgba(242,238,232,.32);font-family:var(--mono);font-size:8px }
.route-line { position:relative;height:1px;background:linear-gradient(90deg,var(--mineral),rgba(242,238,232,.55),var(--copper)) }
.route-line i { position:absolute;top:50%;width:7px;height:7px;background:var(--obsidian-soft);border:1px solid var(--porcelain);border-radius:50%;transform:translate(-50%,-50%) }
.route-line i:nth-child(1){left:0;border-color:var(--mineral)}.route-line i:nth-child(2){left:50%}.route-line i:nth-child(3){left:100%;border-color:var(--copper)}
.scenario-row { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px }
.scenario-row article { min-height:190px;padding:22px;border:1px solid var(--line-light);border-radius:12px;background:rgba(255,255,255,.012) }
.scenario-row article.selected { color:var(--porcelain);border-color:rgba(198, 83, 55,.58);background:linear-gradient(145deg,rgba(198, 83, 55,.16),rgba(198, 83, 55,.035));box-shadow:0 18px 50px rgba(198, 83, 55,.07) }
.scenario-row .selected>small { color:var(--copper) }
.scenario-row h4 { margin:33px 0 9px;font-size:19px;font-weight:600;line-height:1.12;letter-spacing:-.035em }
.scenario-row p { margin:0;color:rgba(242,238,232,.43);font-size:12px;line-height:1.55 }
.scenario-row article>span { display:block;margin-top:18px;color:var(--copper);font-family:var(--mono);font-size:8px;font-weight:500;letter-spacing:.08em;text-transform:uppercase }

.capabilities { display:grid;grid-template-columns:repeat(5,1fr);margin-top:90px;border-top:1px solid var(--line-light) }
.capabilities article { min-height:250px;padding:28px 26px;border-right:1px solid var(--line-light) }
.capabilities article:first-child { border-left:1px solid var(--line-light) }
.capabilities small { color:var(--copper);font-family:var(--mono);font-size:8px }
.capabilities h3 { margin:69px 0 14px;font-size:22px;font-weight:600;letter-spacing:-.035em }
.capabilities p { margin:0;color:var(--light-muted);font-size:13px;line-height:1.62 }
.foundation { display:grid;grid-template-columns:.62fr 1.38fr;gap:6vw;align-items:center;margin-top:35px;padding:28px 0;border-block:1px solid var(--line-light) }
.foundation p { margin:0;color:var(--light-muted);font-size:12px }
.foundation ul { display:flex;justify-content:space-between;gap:17px;margin:0;padding:0;list-style:none }
.foundation li { position:relative;padding-left:14px;color:rgba(242,238,232,.58);font-family:var(--mono);font-size:8px;letter-spacing:.08em;text-transform:uppercase }
.foundation li::before { position:absolute;top:5px;left:0;width:5px;height:5px;background:var(--mineral);border-radius:50%;content:"" }

.markets { background: var(--warm); }
.markets-heading { display:grid;grid-template-columns:1fr .44fr;gap:9vw;align-items:end;margin-bottom:85px }
.markets-heading .section-label { grid-column:1/-1;margin-bottom:4px }
.markets-heading>p { margin:0;font-size:clamp(18px,1.38vw,22px);line-height:1.68 }
.market-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px }
.market-card { min-height:585px;padding:25px;border:1px solid rgba(11,12,14,.08);border-radius:18px;background:rgba(242,238,232,.62);box-shadow:0 18px 60px rgba(11,12,14,.035);transition:transform 240ms ease,box-shadow 240ms ease,background 240ms ease }
.market-card:hover { transform:translateY(-6px);background:rgba(242,238,232,.82);box-shadow:0 28px 80px rgba(11,12,14,.08) }
.market-art { position:relative;height:225px;margin:-15px -15px 34px;overflow:hidden;border-radius:12px;background:linear-gradient(160deg,#15171a,#0e0f11) }
.market-card>small { color:var(--copper);font-family:var(--mono);font-size:8px;font-weight:500;letter-spacing:.14em;text-transform:uppercase }
.market-card h3 { margin:25px 0 20px;font-size:clamp(25px,2.2vw,35px);font-weight:600;line-height:1.12;letter-spacing:-.05em }
.market-card p { margin:0;color:var(--ink-muted);font-size:14px;line-height:1.65 }
.market-card>span { display:block;margin-top:25px;color:rgba(11,12,14,.42);font-family:var(--mono);font-size:8px;letter-spacing:.08em;text-transform:uppercase }
.market-card--telecom .market-art::before,.market-card--telecom .market-art::after { position:absolute;top:50%;left:50%;border:1px solid var(--mineral);border-radius:50%;content:"";transform:translate(-50%,-50%) }
.market-card--telecom .market-art::before{width:200px;height:200px;opacity:.18}.market-card--telecom .market-art::after{width:120px;height:120px;opacity:.38}
.market-card--telecom .market-art i{position:absolute;top:50%;left:50%;width:6px;height:6px;background:var(--copper);border-radius:50%}.market-card--telecom .market-art i:nth-child(1){transform:translate(-110px,-55px)}.market-card--telecom .market-art i:nth-child(2){transform:translate(80px,-30px);background:var(--mineral)}.market-card--telecom .market-art i:nth-child(3){transform:translate(-40px,73px);background:var(--porcelain)}.market-card--telecom .market-art i:nth-child(4){transform:translate(-3px,-3px);box-shadow:0 0 0 15px rgba(198, 83, 55,.1)}
.market-card--pharma .market-art{display:flex;align-items:flex-end;justify-content:center;gap:13px;padding-bottom:38px}.market-card--pharma .market-art i{width:35px;background:var(--mineral);border-radius:3px 3px 0 0}.market-card--pharma .market-art i:nth-child(1){height:64px;opacity:.32}.market-card--pharma .market-art i:nth-child(2){height:105px;opacity:.48}.market-card--pharma .market-art i:nth-child(3){height:142px;background:var(--copper)}.market-card--pharma .market-art i:nth-child(4){height:87px;opacity:.55}.market-card--pharma .market-art i:nth-child(5){height:121px;opacity:.4}
.market-card--retail .market-art i{position:absolute;right:-18%;left:-18%;height:100px;border-top:1px solid var(--porcelain);border-radius:50%}.market-card--retail .market-art i:nth-child(1){top:40px;transform:rotate(5deg);opacity:.22}.market-card--retail .market-art i:nth-child(2){top:89px;border-color:var(--mineral);transform:rotate(-7deg);opacity:.58}.market-card--retail .market-art i:nth-child(3){top:136px;border-color:var(--copper);transform:rotate(3deg)}
.market-open { display:grid;grid-template-columns:.58fr 1.42fr;gap:8vw;align-items:start;margin-top:58px;padding-top:35px;border-top:1px solid rgba(11,12,14,.28) }
.market-open p { margin:0;color:var(--copper);font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase }
.market-open strong { font-size:clamp(23px,2.25vw,36px);font-weight:600;line-height:1.3;letter-spacing:-.04em }

.manifesto { overflow:hidden;color:var(--porcelain);background:linear-gradient(155deg,#111316,var(--obsidian)) }
.manifesto-print { position:absolute;top:-12%;left:-5%;color:rgba(155, 199, 218,.045);font-size:64vw;font-weight:600;line-height:1 }
.manifesto-grid { position:relative;display:grid;grid-template-columns:.72fr 1fr;gap:11vw;align-items:center }
.name-block>img { max-width:570px;margin-block:78px 30px }
.name-sound { display:flex;align-items:center;gap:14px;margin:0;color:rgba(242,238,232,.38);font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase }
.name-sound span { color:var(--copper);font-size:13px;font-weight:500 }
.manifesto-copy p { margin:29px 0 0;color:var(--light-muted);font-size:clamp(17px,1.25vw,20px);line-height:1.72 }
.manifesto-copy .identity-x { color:var(--mineral);font-weight:600 }
.manifesto-copy .identity-y { color:var(--copper);font-weight:600 }
.manifesto-copy blockquote { margin:52px 0 0;padding:28px 0 0 28px;border-top:1px solid rgba(242,238,232,.22);border-left:1px solid var(--copper);font-size:clamp(23px,2.05vw,33px);font-style:normal;font-weight:500;line-height:1.38;letter-spacing:-.04em }
.manifesto-copy blockquote span,.manifesto-copy blockquote strong{display:block}.manifesto-copy blockquote strong{color:var(--copper);font-weight:500}

.legacy { color:var(--obsidian);background:var(--porcelain) }
.legacy-grid { display:grid;grid-template-columns:.27fr 1fr;gap:7vw }
.legacy .section-label { margin-top:16px }
.legacy h2 { max-width:1140px;font-size:clamp(51px,6.45vw,103px) }
.legacy-grid>div>p { max-width:710px;margin:48px 0 25px;color:var(--ink-muted);font-size:clamp(18px,1.4vw,22px);line-height:1.7 }
.legacy-grid>div>strong { color:var(--copper);font-family:var(--mono);font-size:9px;font-weight:500;letter-spacing:.13em;text-transform:uppercase }

.contact { position:relative;min-height:730px;overflow:hidden;color:var(--porcelain);background:var(--obsidian);scroll-margin-top:84px }
.contact-engraving { position:absolute;top:-35%;right:-14%;width:82vw;aspect-ratio:1;opacity:.08;background:repeating-radial-gradient(ellipse,transparent 0 27px,var(--porcelain) 28px 29px);border-radius:50% }
.contact-engraving::after { position:absolute;top:51%;right:18%;width:55%;height:1px;background:linear-gradient(90deg,var(--mineral),var(--porcelain),var(--copper));content:"";transform:rotate(-7deg);transform-origin:right;box-shadow:0 0 20px rgba(198, 83, 55,.15) }
.contact-content { position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-height:730px }
.contact h2 { font-size:clamp(66px,7.8vw,124px) }
.contact-content>p:not(.section-label) { max-width:580px;margin:34px 0 0;color:var(--light-muted);font-size:18px }
.contact-content>a { align-self:flex-start;margin-top:38px;padding:14px 19px;color:var(--obsidian);background:var(--copper);border-radius:999px;font-family:var(--mono);font-size:11px;font-weight:500;box-shadow:0 12px 35px rgba(198, 83, 55,.13) }
.contact-content>a span { margin-left:17px }

.site-footer { color:var(--porcelain);background:#07080a;border-top:1px solid var(--line-light) }
.footer-grid { display:grid;grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr);align-items:start;gap:clamp(50px,8vw,130px);padding-block:72px 30px }
.footer-signature { display:grid;gap:28px }
.footer-brand { width:146px;opacity:.48;transition:opacity 220ms ease }
.footer-brand:hover,.footer-brand:focus-visible{opacity:.86}
.site-footer .footer-signature p { margin:0;color:rgba(242,238,232,.42);font-family:var(--body);font-size:14px;line-height:1.55;letter-spacing:-.01em;text-transform:none }
.footer-nav { display:grid;grid-template-columns:repeat(4,1fr);gap:28px }
.footer-nav>div { display:grid;align-content:start;gap:10px }
.footer-nav strong { margin-bottom:8px;color:rgba(242,238,232,.82);font-family:var(--mono);font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase }
.footer-nav a { color:rgba(242,238,232,.4);font-size:12px;line-height:1.4;transition:color 180ms ease }
.footer-nav a:hover,.footer-nav a:focus-visible { color:var(--mineral) }
.footer-meta { grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:27px;color:rgba(242,238,232,.22);border-top:1px solid var(--line-light);font-family:var(--mono);font-size:7px;letter-spacing:.1em;text-transform:uppercase }
.footer-meta>div { display:flex;gap:24px }
.footer-meta a { transition: color 180ms ease; }
.footer-meta a:hover, .footer-meta a:focus-visible { color: var(--mineral); }

.js [data-reveal] { opacity:0;transform:translateY(18px);transition:opacity 700ms cubic-bezier(.2,.75,.25,1),transform 700ms cubic-bezier(.2,.75,.25,1) }
.js [data-reveal].is-visible { opacity:1;transform:none }
:focus-visible { outline:2px solid var(--mineral);outline-offset:4px }

@media(max-width:1160px){
  :root{--page:calc(100vw - 56px)}
  .site-header{padding-inline:28px}.desktop-nav{display:none}.site-header{grid-template-columns:1fr auto auto}.menu-toggle{display:block;margin-left:12px}.mobile-menu{display:flex}
  .hero-visual{right:-20%;width:87vw}.hero::before{background:linear-gradient(90deg,var(--obsidian) 0%,var(--obsidian) 34%,rgba(11,12,14,.72) 60%,rgba(11,12,14,.08) 100%)}
  .promise-bar{padding-inline:28px}.transformation{grid-template-columns:repeat(3,1fr)}.transformation-step--action{grid-column:span 2}.capabilities{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:800px){
  :root{--page:calc(100vw - 40px)}
  html{scroll-padding-top:74px}.section{padding-block:90px}.site-header,.site-header.is-scrolled{min-height:74px;padding:13px 20px}.brand{width:137px}.header-cta{display:none}
  .hero{min-height:875px}.hero::before{background:linear-gradient(180deg,var(--obsidian) 4%,rgba(11,12,14,.72) 58%,var(--obsidian) 87%)}.hero-visual{top:100px;right:-83%;width:188vw;height:610px;opacity:.5}.hero-content{justify-content:flex-start;min-height:760px;padding-top:160px}
  .pronunciation-line{gap:7px;margin-bottom:27px;font-size:8px}.pronunciation-line::before{width:24px}.hero h1{font-size:clamp(52px,16.2vw,74px);line-height:.95}.hero-copy{max-width:360px;margin-block:24px;font-size:17px;line-height:1.55}.hero-actions{align-items:stretch;flex-direction:column;width:min(100%,330px)}.button{justify-content:space-between}
  .promise-bar{display:block;min-height:115px;padding:18px 20px;overflow:hidden}.promise-bar>p{display:none}.promise-bar ul{width:600px}.promise-bar li{padding-inline:22px 12px;font-size:8px}
  .method-intro,.platform-heading,.markets-heading,.manifesto-grid,.legacy-grid,.market-open{grid-template-columns:1fr;gap:36px}.method-intro h2,.platform-heading h2,.markets-heading h2,.manifesto-copy h2{font-size:clamp(43px,12.3vw,59px)}.method-copy p,.platform-heading>p,.markets-heading>p{font-size:18px}
  .transformation{grid-template-columns:1fr;margin-top:62px;border-left:1px solid var(--line-dark)}.transformation-step,.transformation-step--action{grid-column:auto;min-height:350px;margin:0;border-radius:0}.transformation-step--action{border-radius:12px}.step-visual{height:105px}
  .platform-heading,.markets-heading{margin-bottom:58px}.product{margin-inline:-20px;border-inline:0;border-radius:0;box-shadow:none}.product-topbar{padding-inline:17px}.product-brand span,.product-health b{display:none}.product-layout{grid-template-columns:1fr}.product-nav{flex-direction:row;padding:12px 16px;border-right:0;border-bottom:1px solid var(--line-light)}.product-nav span{width:31px;height:31px}.product-main{padding:31px 20px}.product-question h3{font-size:31px}.insight-route{grid-template-columns:1fr;margin-top:31px}.route-line{width:1px;height:44px;margin-left:29px;background:linear-gradient(180deg,var(--mineral),var(--copper))}.route-line i:nth-child(1){top:0;left:50%}.route-line i:nth-child(2){top:50%;left:50%}.route-line i:nth-child(3){top:100%;left:50%}.scenario-row{grid-template-columns:1fr}.scenario-row article{min-height:160px}.scenario-row h4{margin-top:25px}
  .capabilities{grid-template-columns:1fr;margin-top:58px}.capabilities article{min-height:205px;border-left:1px solid var(--line-light)}.capabilities h3{margin-top:48px}.foundation{grid-template-columns:1fr;gap:25px}.foundation ul{display:grid;grid-template-columns:1fr 1fr}
  .market-grid{grid-template-columns:1fr}.market-card{min-height:545px}.market-card h3{font-size:30px}.manifesto-grid{gap:72px}.name-block>img{max-width:420px;margin-block:50px 24px}.manifesto-copy blockquote{font-size:22px}.legacy .section-label{margin:0}.legacy h2{font-size:clamp(45px,12.6vw,62px)}.legacy-grid>div>p{margin-top:35px;font-size:18px}
  .contact,.contact-content{min-height:600px}.contact h2{font-size:clamp(51px,15.2vw,72px)}.contact-content>p:not(.section-label){font-size:17px}.footer-grid{grid-template-columns:1fr;gap:46px}.footer-nav{grid-template-columns:1fr 1fr;gap:34px 24px}.footer-meta{align-items:flex-start;flex-direction:column;gap:12px}.footer-meta>div{gap:18px}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}

/* Living engraving */
.hero-visual {
  overflow: hidden;
  border-radius: 50% 4px 4px 50%;
  background:
    radial-gradient(circle at 67% 48%, rgba(198, 83, 55, .08), transparent 19%),
    linear-gradient(90deg, transparent, rgba(34, 24, 19, .22));
  isolation: isolate;
}

.hero-visual::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .16;
  background:
    repeating-radial-gradient(ellipse at 52% 47%, transparent 0 19px, rgba(242, 238, 232, .08) 20px 21px),
    linear-gradient(90deg, transparent, rgba(198, 83, 55, .05));
  content: "";
  transform: translate(calc(var(--grain-x, 0) * 6px), calc(var(--grain-y, 0) * 6px));
}

.carving-canvas {
  position: absolute;
  z-index: 2;
  inset: 0;
  width: 100%;
  height: 100%;
}

.print-reveal {
  position: absolute;
  z-index: 3;
  inset: 42px 24px 48px 7%;
  overflow: hidden;
  background: #e8ddcb;
  border: 1px solid rgba(242, 238, 232, .24);
  border-radius: 3px;
  opacity: 0;
  filter: blur(7px) saturate(.7);
  clip-path: inset(0);
  transform: translateY(14px) rotate(.35deg) scale(.975);
  box-shadow: 0 34px 90px rgba(0, 0, 0, .42);
  transition:
    opacity 980ms cubic-bezier(.18, .82, .2, 1),
    filter 1.2s cubic-bezier(.18, .82, .2, 1),
    transform 1.15s cubic-bezier(.18, .82, .2, 1);
}

.print-reveal::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(11, 12, 14, .38), transparent 23%);
  content: "";
  mix-blend-mode: multiply;
}

.print-reveal.is-visible {
  opacity: .92;
  filter: blur(0) saturate(1);
  transform: translateY(0) rotate(0) scale(1);
}

.print-reveal img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.82) contrast(1.08) brightness(.88);
}

.print-reveal span {
  position: absolute;
  z-index: 1;
  right: 17px;
  bottom: 13px;
  padding: 6px 8px;
  color: rgba(242, 238, 232, .75);
  background: rgba(11, 12, 14, .72);
  font-family: var(--mono);
  font-size: 6px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.carving-interface {
  position: absolute;
  z-index: 5;
  top: 72px;
  right: 55px;
  display: grid;
  justify-items: end;
  gap: 9px;
  color: rgba(242, 238, 232, .52);
  font-family: var(--mono);
  font-size: 8px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.carving-state {
  display: flex;
  align-items: center;
  gap: 9px;
}

.carving-state i {
  width: 6px;
  height: 6px;
  background: var(--copper);
  border-radius: 50%;
  box-shadow: 0 0 16px rgba(198, 83, 55, .75);
  animation: statePulse 1.6s ease-in-out infinite;
}

.carving-interface strong {
  color: rgba(242, 238, 232, .76);
  font-size: 9px;
  font-weight: 400;
}

.carving-command {
  position: absolute;
  z-index: 4;
  top: 50%;
  right: 5.5%;
  width: min(330px, 34%);
  padding: 24px;
  color: var(--porcelain);
  background: linear-gradient(145deg, rgba(11, 12, 14, .9), rgba(18, 19, 21, .72));
  border: 1px solid rgba(242, 238, 232, .18);
  border-radius: 14px;
  box-shadow: 0 26px 80px rgba(0, 0, 0, .34);
  backdrop-filter: blur(18px);
  transform: translateY(-50%);
  transition: opacity 450ms ease, transform 650ms cubic-bezier(.2, .8, .2, 1), border-color 450ms ease;
}

.carving-command small {
  color: var(--mineral);
  font-family: var(--mono);
  font-size: 7px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.carving-command > strong {
  display: block;
  margin-top: 15px;
  font-family: var(--display);
  font-size: clamp(29px, 2.4vw, 39px);
  font-weight: 500;
  line-height: .98;
  letter-spacing: -.055em;
}

.carving-command > strong span { color: var(--copper); }
.carving-command p { margin: 15px 0 20px; color: rgba(242, 238, 232, .56); font-size: 12px; line-height: 1.6; }
.carving-command > button:not(.carving-replay) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 45px;
  padding: 11px 15px;
  color: var(--obsidian);
  background: var(--copper);
  border: 1px solid var(--copper);
  border-radius: 999px;
  font-family: var(--mono);
  font-size: 8px;
  font-weight: 500;
  letter-spacing: .1em;
  text-transform: uppercase;
  cursor: pointer;
}

.carving-replay {
  display: none;
  margin: 14px auto 0;
  padding: 3px;
  color: rgba(242, 238, 232, .45);
  background: none;
  border: 0;
  font-family: var(--mono);
  font-size: 7px;
  letter-spacing: .1em;
  text-transform: uppercase;
  cursor: pointer;
}

.carving-progress {
  position: absolute;
  z-index: 3;
  right: 6%;
  bottom: 92px;
  left: 22%;
  opacity: .42;
  pointer-events: none;
  transition: opacity 450ms ease;
}

.carving-progress > input[type="range"] {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 24px;
  margin: -12px 0 0;
  padding: 0;
  appearance: none;
  background: transparent;
  cursor: ew-resize;
  touch-action: none;
}

.carving-progress > input[type="range"]::-webkit-slider-runnable-track {
  height: 1px;
  background: linear-gradient(
    90deg,
    var(--mineral) 0,
    var(--porcelain) calc(var(--carving-progress, 0) * 62%),
    var(--copper) calc(var(--carving-progress, 0) * 100%),
    rgba(242, 238, 232, .16) calc(var(--carving-progress, 0) * 100%)
  );
}

.carving-progress > input[type="range"]::-moz-range-track {
  height: 1px;
  background: rgba(242, 238, 232, .16);
}

.carving-progress > input[type="range"]::-moz-range-progress {
  height: 1px;
  background: linear-gradient(90deg, var(--mineral), var(--porcelain) 62%, var(--copper));
}

.carving-progress > input[type="range"]::-webkit-slider-thumb {
  width: 9px;
  height: 9px;
  margin-top: -4px;
  appearance: none;
  background: var(--porcelain);
  border: 1px solid rgba(11, 12, 14, .92);
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(242, 238, 232, .09), 0 0 18px rgba(155, 199, 218, .34);
}

.carving-progress > input[type="range"]::-moz-range-thumb {
  width: 9px;
  height: 9px;
  background: var(--porcelain);
  border: 1px solid rgba(11, 12, 14, .92);
  border-radius: 50%;
}

.carving-progress > input[type="range"]:focus-visible {
  outline: 1px solid var(--mineral);
  outline-offset: 8px;
}

.carving-transport {
  position: absolute;
  z-index: 2;
  top: 31px;
  left: 50%;
  display: flex;
  align-items: center;
  gap: 7px;
  transform: translate(-50%, -50%);
}

.carving-playback,
.carving-restart,
.carving-audio button {
  position: relative;
  flex: 0 0 auto;
  display: grid;
  width: 34px;
  height: 34px;
  padding: 0;
  place-items: center;
  color: var(--porcelain);
  background: rgba(9, 10, 11, .9);
  border: 1px solid rgba(242, 238, 232, .28);
  border-radius: 50%;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .45), inset 0 1px rgba(255, 255, 255, .06);
  cursor: pointer;
  transform: none;
  transition: border-color 180ms ease, transform 180ms ease;
}

.carving-speed {
  position: relative;
  flex: 0 0 122px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 3px;
  align-items: center;
  width: 122px;
  height: 32px;
  padding: 0 11px 0 8px;
  color: rgba(242, 238, 232, .78);
  background: rgba(9, 10, 11, .9);
  border: 1px solid rgba(242, 238, 232, .22);
  border-radius: 999px;
  font-family: var(--mono);
  font-size: 8px;
  font-weight: 500;
  letter-spacing: .04em;
}

.carving-speed:hover,
.carving-speed:focus-visible { color: var(--porcelain); border-color: var(--mineral); outline: none; }

.carving-speed output {
  min-width: 0;
  color: currentColor;
  text-align: center;
  white-space: nowrap;
}

.carving-speed input {
  width: 100%;
  min-width: 0;
  height: 18px;
  margin: 0;
  padding: 0;
  appearance: none;
  background: transparent;
  cursor: ew-resize;
}

.carving-speed input::-webkit-slider-runnable-track {
  height: 2px;
  background: linear-gradient(
    90deg,
    var(--mineral) 0 var(--speed-progress, 42.86%),
    rgba(242, 238, 232, .28) var(--speed-progress, 42.86%) 100%
  );
  border-radius: 99px;
}

.carving-speed input::-moz-range-track {
  height: 2px;
  background: rgba(242, 238, 232, .28);
  border-radius: 99px;
}

.carving-speed input::-moz-range-progress { height: 2px; background: var(--mineral); }

.carving-speed input::-webkit-slider-thumb {
  width: 8px;
  height: 8px;
  margin-top: -3px;
  appearance: none;
  background: var(--porcelain);
  border: 1px solid rgba(11, 12, 14, .9);
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(155, 199, 218, .1);
}

.carving-speed input::-moz-range-thumb {
  width: 8px;
  height: 8px;
  background: var(--porcelain);
  border: 1px solid rgba(11, 12, 14, .9);
  border-radius: 50%;
}

.carving-speed input:focus-visible { outline: 1px solid var(--mineral); outline-offset: 4px; }

.carving-playback:hover,
.carving-playback:focus-visible,
.carving-restart:hover,
.carving-restart:focus-visible,
.carving-audio button:hover,
.carving-audio button:focus-visible {
  border-color: var(--mineral);
  outline: none;
  transform: scale(1.07);
}

.carving-restart svg { overflow: visible; }
.carving-restart path {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
}

.carving-playback span {
  display: block;
  width: 8px;
  height: 10px;
  border-right: 2px solid currentColor;
  border-left: 2px solid currentColor;
}

.carving-playback[data-paused="true"] span {
  width: 0;
  height: 0;
  margin-left: 2px;
  border-top: 5px solid transparent;
  border-right: 0;
  border-bottom: 5px solid transparent;
  border-left: 8px solid currentColor;
}

.carving-audio {
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
  margin-left: 4px;
  padding-right: 55px;
  color: var(--porcelain);
}
.carving-audio button { width: 28px; height: 28px; font-family: var(--mono); font-size: 13px; }
.carving-audio button[data-audio-toggle] { width: 34px; height: 34px; }
.carving-audio svg path { fill: currentColor; }
.carving-audio svg .audio-wave { fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 1.5; }
.carving-audio.is-muted .audio-wave { opacity: .16; }
.carving-audio.is-muted button[data-audio-toggle]::after { position: absolute; width: 17px; height: 1px; background: var(--copper); content: ""; transform: rotate(-45deg); }
.carving-audio output { position: absolute; right: 0; width: 50px; color: rgba(242, 238, 232, .54); font-family: var(--mono); font-size: 7px; text-align: right; white-space: nowrap; }

.carving-progress ol {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin: 50px 0 0;
  padding: 0;
  color: rgba(242, 238, 232, .42);
  font-family: var(--mono);
  font-size: 6px;
  letter-spacing: .1em;
  list-style: none;
  text-transform: uppercase;
}
.carving-progress li:last-child { color: var(--copper); text-align: right; }

.hero-visual[data-carving-state="running"] .carving-command {
  pointer-events: none;
  opacity: 0;
  transform: translateY(-43%) scale(.975);
}
.hero-visual[data-carving-state="running"] .carving-progress { opacity: .92; }
.hero-visual[data-carving-state="complete"] .carving-command { border-color: rgba(198, 83, 55, .38); }
.hero-visual[data-carving-state="complete"] .carving-replay { display: block; }
.hero-visual[data-carving-state="complete"] .carving-progress { opacity: .85; }

[data-carving-stage][data-carving-state="running"] .carving-progress,
[data-carving-stage][data-carving-state="complete"] .carving-progress { pointer-events: auto; }

.carving-caption {
  position: absolute;
  right: 48px;
  bottom: 59px;
  display: flex;
  align-items: center;
  gap: 11px;
  color: rgba(242, 238, 232, .34);
  font-family: var(--mono);
  font-size: 7px;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.carving-caption i {
  width: 18px;
  height: 1px;
  background: rgba(242, 238, 232, .2);
}

.carving-caption strong { color: var(--copper); font-weight: 500; }

@keyframes statePulse {
  50% { opacity: .38; transform: scale(.72); }
}

.story {
  overflow: hidden;
  color: var(--porcelain);
  background:
    radial-gradient(circle at 14% 16%, rgba(198, 83, 55, .08), transparent 24%),
    linear-gradient(145deg, #17110e, #0c0d0f 62%);
}

.story-grain {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .18;
  background:
    repeating-radial-gradient(ellipse at 10% 50%, transparent 0 24px, rgba(222, 166, 119, .07) 25px 26px),
    linear-gradient(90deg, transparent, rgba(143, 87, 53, .08), transparent);
  transform: translateX(calc(var(--scroll-shift, 0) * 1px));
}

.story-grid {
  position: relative;
  display: grid;
  grid-template-columns: 1fr .72fr;
  gap: 5vw 9vw;
}

.story-heading h2,
.complexity-heading h2 {
  margin: 0;
  font-size: clamp(54px, 6.2vw, 100px);
  font-weight: 500;
  line-height: .94;
  letter-spacing: -.065em;
}

.story-copy {
  align-self: end;
  padding-bottom: 7px;
}

.story-copy p {
  margin: 0;
  color: var(--light-muted);
  font-size: clamp(18px, 1.35vw, 21px);
  line-height: 1.7;
}

.story-copy strong {
  display: block;
  margin-top: 30px;
  padding-left: 22px;
  color: var(--porcelain);
  border-left: 1px solid var(--copper);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.65;
}

.wood-samples {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 54px;
}

.wood-sample {
  min-height: 490px;
  padding: 20px 24px 29px;
  border: 1px solid rgba(242, 238, 232, .1);
  border-radius: 16px;
  background: rgba(255, 255, 255, .018);
}

.wood-sample > div {
  position: relative;
  height: 270px;
  margin: -10px -14px 27px;
  overflow: hidden;
  border-radius: 10px;
}

.wood-sample--raw > div {
  background:
    repeating-radial-gradient(ellipse at -10% 50%, transparent 0 24px, rgba(246, 199, 151, .2) 25px 27px),
    linear-gradient(115deg, #7d4d2e, #3f2619 43%, #684027 72%, #2a1b15);
}

.wood-sample--raw i {
  position: absolute;
  right: -20%;
  left: -20%;
  height: 90px;
  border-top: 1px solid rgba(255, 218, 176, .28);
  border-radius: 50%;
}
.wood-sample--raw i:nth-child(1) { top: 39px; transform: rotate(4deg); }
.wood-sample--raw i:nth-child(2) { top: 106px; transform: rotate(-6deg); }
.wood-sample--raw i:nth-child(3) { top: 176px; transform: rotate(3deg); }

.wood-sample--carved > div {
  background:
    repeating-radial-gradient(ellipse at 115% 45%, transparent 0 26px, rgba(247, 208, 164, .16) 27px 29px),
    linear-gradient(135deg, #704127, #2d1b14);
}

.wood-sample--carved i {
  position: absolute;
  top: -15%;
  left: 42%;
  width: 12px;
  height: 135%;
  background: #17100e;
  border-inline: 2px solid rgba(251, 220, 184, .22);
  transform: rotate(35deg);
  box-shadow: 0 0 18px rgba(0, 0, 0, .35);
}
.wood-sample--carved i:nth-child(2) { left: 59%; transform: rotate(-35deg); }
.wood-sample--carved i:nth-child(3) { top: 51%; left: 50%; height: 67%; transform: rotate(0); }

.wood-sample--carved span,
.wood-sample--carved span::before,
.wood-sample--carved span::after {
  position: absolute;
  width: 16px;
  height: 7px;
  background: #bb7b4d;
  clip-path: polygon(0 50%, 100% 0, 78% 100%);
  content: "";
  animation: chipFloat 3.8s ease-in-out infinite;
}
.wood-sample--carved span { top: 34%; left: 53%; }
.wood-sample--carved span::before { top: 42px; left: 61px; animation-delay: -.8s; }
.wood-sample--carved span::after { top: 94px; left: -67px; animation-delay: -1.7s; }

.wood-sample--print > div {
  background:
    radial-gradient(circle at 68% 48%, rgba(198, 83, 55, .16), transparent 13%),
    repeating-radial-gradient(ellipse at 68% 48%, transparent 0 22px, rgba(242, 238, 232, .08) 23px 24px),
    #090a0c;
}
.wood-sample--print i { position: absolute; top: 50%; left: 10%; height: 1px; background: var(--mineral); transform-origin: left; }
.wood-sample--print i:nth-child(1) { width: 58%; transform: rotate(-10deg); opacity: .5; }
.wood-sample--print i:nth-child(2) { width: 76%; background: var(--porcelain); opacity: .35; }
.wood-sample--print i:nth-child(3) { width: 83%; background: var(--copper); transform: rotate(9deg); }
.wood-sample--print b {
  position: absolute;
  top: 30%;
  left: 20%;
  width: 62%;
  height: 22px;
  background: #050608;
  border: 1px solid rgba(242, 238, 232, .18);
  border-radius: 999px;
  box-shadow: 0 0 35px rgba(0, 0, 0, .5);
  transform: rotate(-8deg);
}
.wood-sample--print b::after {
  position: absolute;
  top: 20px;
  left: 50%;
  width: 1px;
  height: 68px;
  background: rgba(242, 238, 232, .34);
  content: "";
}

.wood-sample--impression > div {
  background:
    radial-gradient(circle at 68% 49%, var(--copper) 0 5px, transparent 6px 19px, rgba(198, 83, 55, .42) 20px 21px, transparent 22px),
    repeating-radial-gradient(ellipse at 68% 49%, transparent 0 23px, rgba(11, 12, 14, .08) 24px 25px),
    #eee7dc;
  box-shadow: inset 0 0 55px rgba(78, 57, 40, .08);
}
.wood-sample--impression i {
  position: absolute;
  top: 49%;
  right: 28%;
  width: 76%;
  height: 2px;
  background: var(--obsidian);
  transform-origin: right;
}
.wood-sample--impression i:nth-child(1) { transform: rotate(-11deg); opacity: .32; }
.wood-sample--impression i:nth-child(2) { transform: rotate(0); background: var(--mineral); opacity: .7; }
.wood-sample--impression i:nth-child(3) { transform: rotate(10deg); background: var(--copper); }

@keyframes chipFloat {
  50% { transform: translate(6px, -10px) rotate(24deg); opacity: .58; }
}

.wood-sample small,
.story-chapters small {
  color: var(--copper);
  font-family: var(--mono);
  font-size: 8px;
  font-weight: 500;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.wood-sample h3 { margin: 22px 0 12px; font-size: 26px; font-weight: 500; letter-spacing: -.04em; }
.wood-sample p { margin: 0; color: var(--light-muted); font-size: 13px; line-height: 1.65; }

.story-chapters {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: .8fr .9fr 1.3fr;
  margin-top: 45px;
  border-block: 1px solid var(--line-light);
}
.story-chapters article { min-height: 150px; padding: 30px 30px 26px 0; border-right: 1px solid var(--line-light); }
.story-chapters article + article { padding-left: 30px; }
.story-chapters article:last-child { border-right: 0; }
.story-chapters strong { display: block; margin-top: 28px; font-size: 18px; font-weight: 500; }
.story-chapters__future strong { color: var(--copper); }

.complexity { overflow: hidden; background: var(--porcelain); }
.complexity::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .025;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  content: "";
}
.complexity .page-shell { position: relative; }
.complexity-heading { display: grid; grid-template-columns: 1fr .48fr; gap: 9vw; align-items: end; }
.complexity-heading .section-label { grid-column: 1 / -1; margin-bottom: 4px; }
.complexity-heading > p { margin: 0; font-size: clamp(18px, 1.4vw, 22px); line-height: 1.68; }

.journey-weave { margin-top: 95px; padding: 50px 45px 38px; border: 1px solid var(--line-dark); border-radius: 20px; background: rgba(255, 255, 255, .23); box-shadow: 0 30px 90px rgba(11, 12, 14, .035); }
.journey-weave svg { width: 100%; }
.weave { stroke: rgba(11, 12, 14, .15); stroke-width: 1.5; }
.weave--two { stroke: rgba(155, 199, 218, .55); }
.weave--three { stroke: rgba(11, 12, 14, .28); stroke-dasharray: 3 9; }
.weave--chosen { stroke: var(--copper); stroke-width: 3; stroke-dasharray: 160 1100; stroke-dashoffset: 0; filter: drop-shadow(0 0 8px rgba(198, 83, 55, .2)); animation: weaveTravel 7s ease-in-out infinite; }
.weave-nodes circle { fill: var(--porcelain); stroke: var(--mineral); stroke-width: 2; }
.weave-nodes .weave-target { fill: var(--copper); stroke: var(--porcelain); stroke-width: 5; filter: drop-shadow(0 0 10px rgba(198, 83, 55, .35)); }
.weave-labels { fill: rgba(11, 12, 14, .42); font-family: var(--mono); font-size: 9px; letter-spacing: 2px; }

@keyframes weaveTravel { 50% { stroke-dashoffset: -840; } }

.journey-layers { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 20px; border-top: 1px solid var(--line-dark); }
.journey-layers article { padding: 28px 30px 5px 0; }
.journey-layers article + article { padding-left: 30px; border-left: 1px solid var(--line-dark); }
.journey-layers small { color: var(--copper); font-family: var(--mono); font-size: 8px; letter-spacing: .12em; text-transform: uppercase; }
.journey-layers strong { display: block; margin-top: 18px; font-size: 15px; font-weight: 500; line-height: 1.55; }

.quotes { padding-block: 86px; color: var(--porcelain); background: #101114; }
.quote-grid { display: grid; grid-template-columns: 1fr 1fr .42fr; gap: 6vw; align-items: end; }
.quotes blockquote { margin: 0; }
.quotes blockquote p { margin: 0; font-size: clamp(22px, 2.1vw, 34px); font-weight: 400; line-height: 1.35; letter-spacing: -.035em; }
.quotes cite { display: block; margin-top: 24px; color: rgba(242, 238, 232, .36); font-family: var(--mono); font-size: 8px; font-style: normal; letter-spacing: .06em; }
.quotes cite a { color: var(--mineral); }
.quote-aside { margin: 0; padding-left: 20px; color: var(--copper); border-left: 1px solid var(--copper); font-family: var(--mono); font-size: 9px; line-height: 1.7; }

.product-health i { animation: statePulse 1.8s ease-in-out infinite; }
.route-line::after {
  position: absolute;
  top: -2px;
  left: 0;
  width: 5px;
  height: 5px;
  background: var(--copper);
  border-radius: 50%;
  box-shadow: 0 0 10px var(--copper);
  content: "";
  animation: routePacket 3.4s ease-in-out infinite;
}
@keyframes routePacket { 0%, 10% { left: 0; opacity: 0; } 20%, 82% { opacity: 1; } 92%, 100% { left: 100%; opacity: 0; } }

.market-card--telecom .market-art::before { animation: softBreath 5s ease-in-out infinite; }
.market-card--telecom .market-art::after { animation: softBreath 5s 1s ease-in-out infinite reverse; }
.manifesto-print { animation: matrixBreath 10s ease-in-out infinite; }
.contact-engraving { animation: engravingTurn 32s linear infinite; }
@keyframes softBreath { 50% { opacity: .38; transform: translate(-50%, -50%) scale(1.08); } }
@keyframes matrixBreath { 50% { opacity: .075; transform: translateX(1.5%); } }
@keyframes engravingTurn { to { transform: rotate(360deg); } }

@media (max-width: 1160px) {
  .contact-dialog__surface { grid-template-columns: .7fr 1fr; gap: 40px; padding: 54px 42px; }
  .story-grid { gap: 5vw; }
  .wood-samples { grid-template-columns: repeat(2, 1fr); }
  .complexity-heading { gap: 5vw; }
  .quote-grid { grid-template-columns: 1fr 1fr; }
  .quote-aside { grid-column: 1 / -1; max-width: 420px; }
}

@media (max-width: 800px) {
  .hero-visual { border-radius: 0; }
  .print-reveal { inset: 56px 16px 56px 12%; }
  .carving-interface { top: 48px; right: 24px; }
  .carving-command { display: none; }
  .carving-progress { right: 41%; bottom: 58px; left: 10%; }
  .carving-progress ol { display: none; }
  .carving-caption { right: 22px; bottom: 34px; gap: 7px; }
  .carving-caption i { width: 10px; }
  .story-grid, .complexity-heading { grid-template-columns: 1fr; gap: 40px; }
  .story-heading h2, .complexity-heading h2 { font-size: clamp(45px, 13vw, 64px); }
  .wood-samples { grid-template-columns: 1fr; margin-top: 25px; }
  .wood-sample { min-height: 450px; }
  .wood-sample > div { height: 250px; }
  .story-chapters { grid-template-columns: 1fr; }
  .story-chapters article, .story-chapters article + article { min-height: 125px; padding: 25px 0; border-right: 0; border-bottom: 1px solid var(--line-light); }
  .story-chapters article:last-child { border-bottom: 0; }
  .story-chapters strong { margin-top: 17px; }
  .journey-weave { margin: 58px -20px 0; padding: 28px 20px; border-inline: 0; border-radius: 0; overflow: hidden; }
  .journey-weave svg { width: 760px; max-width: none; transform: translateX(-110px); }
  .journey-layers { grid-template-columns: 1fr; }
  .journey-layers article, .journey-layers article + article { padding: 25px 0; border-left: 0; border-bottom: 1px solid var(--line-dark); }
  .quote-grid { grid-template-columns: 1fr; gap: 55px; }
  .quotes blockquote p { font-size: 25px; }
  .quote-aside { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .carving-state i, .wood-sample--carved span, .wood-sample--carved span::before, .wood-sample--carved span::after,
  .weave--chosen, .product-health i, .route-line::after, .market-card--telecom .market-art::before,
  .market-card--telecom .market-art::after, .manifesto-print, .contact-engraving { animation: none !important; }
}

/* Commercial narrative v2 */
.hero-category {
  margin: -17px 0 20px 48px;
  color: rgba(242, 238, 232, .58);
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.story { padding-block: clamp(96px, 8vw, 135px); }
.story-copy { max-width: 620px; }
.story-chapters { margin-top: 18px; }

.journey-platform {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(242, 238, 232, .18);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(155, 199, 218, .035), transparent 44%),
    radial-gradient(circle at 82% 17%, rgba(198, 83, 55, .085), transparent 24%),
    #101216;
  box-shadow: 0 50px 120px rgba(0, 0, 0, .3);
}
.journey-platform::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .12;
  background-image: url("/assets/xylya-journey-xilogravura-v1.webp");
  background-position: center;
  background-size: cover;
  content: "";
  filter: grayscale(1) contrast(1.2);
  mix-blend-mode: screen;
}
.journey-platform__topbar,
.journey-stack,
.journey-platform__spine { position: relative; z-index: 1; }
.journey-platform__topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 76px;
  padding: 16px 25px;
  border-bottom: 1px solid var(--line-light);
  background: rgba(7, 8, 10, .64);
}
.journey-platform__topbar > div { display: flex; align-items: center; gap: 18px; }
.journey-platform__topbar img { width: 112px; }
.journey-platform__topbar span,
.journey-platform__topbar p {
  margin: 0;
  color: rgba(242, 238, 232, .5);
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.journey-platform__topbar p { display: flex; align-items: center; gap: 10px; }
.journey-platform__topbar p i { width: 6px; height: 6px; background: var(--mineral); border-radius: 50%; box-shadow: 0 0 14px var(--mineral); }
.journey-stack {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr) 27px) minmax(0, 1fr);
  align-items: stretch;
  padding: 45px 28px 37px;
}
.journey-layer {
  position: relative;
  min-height: 315px;
  padding: 25px 20px;
  border: 1px solid rgba(242, 238, 232, .12);
  border-radius: 12px;
  background: rgba(8, 9, 11, .76);
  backdrop-filter: blur(8px);
}
.journey-layer::after { position: absolute; right: 18px; bottom: 18px; width: 7px; height: 7px; background: var(--mineral); border-radius: 50%; content: ""; }
.journey-layer--integration { border-color: rgba(155, 199, 218, .38); }
.journey-layer--application { background: rgba(242, 238, 232, .055); }
.journey-layer--intelligence { border-color: rgba(198, 83, 55, .35); }
.journey-layer--activation { background: linear-gradient(155deg, rgba(198, 83, 55, .18), rgba(8, 9, 11, .82)); border-color: rgba(198, 83, 55, .62); }
.journey-layer--intelligence::after,
.journey-layer--activation::after { background: var(--copper); }
.journey-layer small,
.journey-layer > span,
.ownership small,
.ownership article small {
  color: var(--mineral);
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.journey-layer h3 { margin: 52px 0 18px; font-size: clamp(22px, 1.75vw, 28px); font-weight: 600; line-height: 1.03; letter-spacing: -.045em; }
.journey-layer p { margin: 0; color: rgba(242, 238, 232, .52); font-size: 13px; line-height: 1.62; }
.journey-layer > span { position: absolute; bottom: 16px; left: 20px; max-width: 74%; color: rgba(242, 238, 232, .35); font-size: 9px; }
.journey-layer--intelligence small,
.journey-layer--activation small { color: var(--copper); }
.journey-stack__arrow { display: grid; place-items: center; color: rgba(242, 238, 232, .35); font-family: var(--mono); font-style: normal; }
.journey-platform__spine { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 35px; padding: 24px 28px; border-top: 1px solid var(--line-light); background: rgba(7, 8, 10, .74); }
.journey-platform__spine strong { color: var(--porcelain); font-size: 14px; font-weight: 500; }
.journey-platform__spine ul { display: flex; justify-content: space-between; gap: 18px; margin: 0; padding: 0; list-style: none; }
.journey-platform__spine li { position: relative; padding-left: 13px; color: rgba(242, 238, 232, .5); font-family: var(--mono); font-size: 9px; letter-spacing: .06em; text-transform: uppercase; }
.journey-platform__spine li::before { position: absolute; top: 4px; left: 0; width: 5px; height: 5px; background: var(--copper); border-radius: 50%; content: ""; }

.ownership {
  display: grid;
  grid-template-columns: 1.45fr repeat(3, 1fr);
  margin-top: 72px;
  border-block: 1px solid var(--line-light);
}
.ownership > * { min-height: 245px; padding: 30px 28px; border-right: 1px solid var(--line-light); }
.ownership > *:first-child { padding-left: 0; }
.ownership > *:last-child { border-right: 0; }
.ownership__statement h3 { margin: 52px 0 0; font-size: clamp(27px, 2.5vw, 40px); font-weight: 500; line-height: 1.08; letter-spacing: -.045em; }
.ownership__statement h3 span { color: var(--copper); }
.ownership article small { color: var(--copper); }
.ownership h4 { margin: 58px 0 13px; font-size: 18px; font-weight: 600; letter-spacing: -.03em; }
.ownership article p { margin: 0; color: var(--light-muted); font-size: 13px; line-height: 1.6; }

.journey-demo {
  position: relative;
  margin-top: 88px;
  overflow: hidden;
  border: 1px solid var(--line-dark);
  border-radius: 22px;
  background: rgba(255, 255, 255, .3);
  box-shadow: 0 34px 100px rgba(11, 12, 14, .05);
}
.journey-demo__heading { display: grid; grid-template-columns: 1fr .7fr; gap: 8vw; align-items: end; padding: 48px; border-bottom: 1px solid var(--line-dark); }
.journey-demo__heading small,
.journey-demo__route small,
.journey-demo__proof small,
.journey-demo__note {
  color: var(--copper);
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.journey-demo__heading h3 { margin: 25px 0 0; font-size: clamp(35px, 3.75vw, 60px); font-weight: 500; line-height: 1.03; letter-spacing: -.055em; }
.journey-demo__heading h3 span { color: var(--copper); }
.journey-demo__heading > p { margin: 0; color: var(--ink-muted); font-size: 17px; line-height: 1.7; }
.journey-demo__route { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr) 22px) minmax(0, 1fr); padding: 38px 30px; background: linear-gradient(180deg, rgba(155, 199, 218, .035), transparent); }
.journey-demo__route article { position: relative; min-height: 280px; padding: 24px 20px; border: 1px solid var(--line-dark); background: rgba(242, 238, 232, .58); }
.journey-demo__route article:first-child { border-radius: 12px 2px 2px 12px; }
.journey-demo__route article:last-child { border-radius: 2px 12px 12px 2px; }
.journey-demo__route > i { display: grid; place-items: center; color: rgba(11, 12, 14, .32); font-family: var(--mono); font-style: normal; }
.journey-demo__route h4 { margin: 42px 0 15px; font-size: 20px; font-weight: 600; line-height: 1.15; letter-spacing: -.035em; }
.journey-demo__route p { margin: 0; color: var(--ink-muted); font-size: 13px; line-height: 1.6; }
.journey-demo__route article > span { position: absolute; bottom: 20px; left: 20px; color: rgba(11, 12, 14, .42); font-family: var(--mono); font-size: 9px; text-transform: uppercase; }
.journey-demo__route .journey-demo__destination { color: var(--porcelain); background: var(--obsidian); border-color: var(--obsidian); }
.journey-demo__destination p { color: var(--light-muted); }
.journey-demo__destination > span { color: var(--copper) !important; }
.journey-demo__proof { display: grid; grid-template-columns: .8fr 1.7fr; gap: 5vw; padding: 48px; color: var(--porcelain); background: var(--obsidian); }
.journey-demo__proof > div strong { display: block; margin-top: 30px; font-size: clamp(23px, 2.1vw, 34px); font-weight: 500; line-height: 1.25; letter-spacing: -.04em; }
.journey-demo__proof ol { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0; padding: 0; list-style: none; border-left: 1px solid var(--line-light); }
.journey-demo__proof li { min-height: 160px; padding: 8px 18px; border-right: 1px solid var(--line-light); }
.journey-demo__proof li b { color: var(--copper); font-family: var(--mono); font-size: 10px; font-weight: 500; }
.journey-demo__proof li span { display: block; margin-top: 43px; font-size: 16px; font-weight: 600; }
.journey-demo__proof li p { margin: 10px 0 0; color: var(--light-muted); font-size: 12px; line-height: 1.55; }
.journey-demo__note { margin: 0; padding: 16px 48px; color: rgba(11, 12, 14, .48); background: var(--warm); font-size: 9px; line-height: 1.5; }

.market-card { min-height: 640px; }
.market-art {
  background-image:
    linear-gradient(180deg, rgba(11, 12, 14, .12), rgba(11, 12, 14, .72)),
    url("/assets/xylya-journey-xilogravura-v1.webp");
  background-size: auto, 205%;
  filter: saturate(.75) contrast(1.08);
}
.market-card--telecom .market-art { background-position: center, 4% 59%; }
.market-card--pharma .market-art { display: block; padding: 0; background-position: center, 50% 57%; }
.market-card--retail .market-art { background-position: center, 97% 40%; }
.market-art i { display: none !important; }
.market-card ol { display: grid; gap: 10px; margin: 22px 0 0; padding: 0; list-style: none; }
.market-card ol li { padding-top: 10px; color: var(--ink-muted); border-top: 1px solid rgba(11, 12, 14, .08); font-size: 12px; line-height: 1.45; }
.market-card ol b { color: var(--obsidian); font-family: var(--mono); font-size: 9px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; }

.name-quote { max-width: 410px; margin: 75px 0 0; padding-top: 24px; border-top: 1px solid var(--line-light); }
.name-quote p { margin: 0; color: rgba(242, 238, 232, .66); font-size: 17px; line-height: 1.5; }
.name-quote cite { display: block; margin-top: 17px; color: rgba(242, 238, 232, .38); font-family: var(--mono); font-size: 9px; font-style: normal; }
.name-quote a { color: var(--mineral); }
.legacy { padding-block: clamp(90px, 8vw, 130px); }

.contact { min-height: 720px; }
.contact-content { display: grid; align-items: center; min-height: 720px; }
.contact-copy { position: relative; z-index: 1; }
.contact h2 { font-size: clamp(58px, 6.25vw, 100px); }
.contact-copy > p:not(.section-label) { max-width: 580px; margin: 34px 0 0; color: var(--light-muted); font-size: 18px; line-height: 1.65; }
.contact-copy__promise { max-width: 460px !important; padding-left: 22px; border-left: 1px solid var(--copper); color: rgba(242, 238, 232, .76) !important; }
.contact-open { align-self: flex-start; margin-top: 38px; color: var(--obsidian); background: var(--copper); border: 1px solid var(--copper); box-shadow: 0 12px 35px rgba(198, 83, 55, .16); cursor: pointer; }

.contact-dialog { width: 100%; max-width: none; height: 100dvh; max-height: none; margin: 0; padding: clamp(14px, 2vw, 28px); overflow: hidden; color: var(--porcelain); background: rgba(7, 8, 10, .84); border: 0; opacity: 0; transition: opacity 280ms ease, overlay 280ms allow-discrete, display 280ms allow-discrete; }
.contact-dialog[open] { display: grid; place-items: center; opacity: 1; }
.contact-dialog::backdrop { background: rgba(5, 6, 7, .72); backdrop-filter: blur(14px) saturate(.8); }
.contact-dialog__surface { position: relative; display: grid; grid-template-columns: minmax(340px, .78fr) minmax(610px, 1.22fr); gap: clamp(44px, 5vw, 82px); width: min(1360px, 100%); max-height: calc(100dvh - 40px); padding: clamp(42px, 4vw, 62px); overflow: hidden; background: radial-gradient(circle at 12% 20%, rgba(155, 199, 218, .1), transparent 30%), radial-gradient(circle at 91% 86%, rgba(198, 83, 55, .1), transparent 28%), #0d0f12; border: 1px solid rgba(242, 238, 232, .16); border-radius: 24px; box-shadow: 0 38px 120px rgba(0, 0, 0, .56); transform: translateY(18px) scale(.992); transition: transform 380ms cubic-bezier(.2, .8, .2, 1); }
.contact-dialog[open] .contact-dialog__surface { transform: none; }
.contact-dialog__surface::before { position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(155, 199, 218, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(155, 199, 218, .035) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(125deg, #000, transparent 72%); content: ""; }
.contact-dialog__mark { position: absolute; z-index: 4; top: 22px; left: 22px; display: flex; align-items: center; gap: 6px; height: 46px; filter: drop-shadow(0 8px 24px rgba(0, 0, 0, .24)); }
.contact-dialog__glyph { position: relative; display: block; height: 46px; overflow: hidden; }
.contact-dialog__glyph--x { width: 39.25px; }
.contact-dialog__glyph--y { width: 41.71px; }
.contact-dialog__glyph img { position: absolute; top: 0; left: 0; display: block; width: auto; height: 92px; max-width: none; }
.contact-dialog__close { position: absolute; z-index: 5; top: 20px; right: 20px; display: grid; place-items: center; width: 44px; height: 44px; color: rgba(242, 238, 232, .62); background: rgba(255, 255, 255, .025); border: 1px solid rgba(242, 238, 232, .18); border-radius: 50%; cursor: pointer; transition: color 180ms ease, border-color 180ms ease, transform 180ms ease; }
.contact-dialog__close:hover,
.contact-dialog__close:focus-visible { color: var(--porcelain); border-color: var(--mineral); transform: rotate(4deg); }
.contact-dialog__heading { position: relative; z-index: 1; align-self: center; }
.contact-dialog__heading .section-label { color: var(--mineral); }
.contact-dialog__heading h2 { margin: 22px 0 0; color: var(--porcelain); font-size: clamp(50px, 4.6vw, 74px); font-weight: 400; line-height: .92; letter-spacing: -.065em; }
.contact-dialog__heading h2 span { color: var(--copper); }
.contact-dialog__heading > p:last-child { max-width: 500px; margin: 25px 0 0; color: var(--light-muted); font-size: 15px; line-height: 1.65; }

.contact-form { position: relative; z-index: 1; align-self: center; display: grid; gap: 10px; padding: 24px; border: 1px solid rgba(242, 238, 232, .16); border-radius: 18px; background: rgba(16, 18, 21, .86); box-shadow: 0 28px 80px rgba(0, 0, 0, .28); backdrop-filter: blur(12px); }
.contact-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 16px; }
.contact-form label { display: grid; gap: 9px; }
.contact-form label > span { color: rgba(242, 238, 232, .58); font-family: var(--mono); font-size: 10px; letter-spacing: .06em; text-transform: uppercase; }
.contact-form input,
.contact-form select,
.contact-form textarea { width: 100%; min-height: 48px; padding: 12px 13px; color: var(--porcelain); background: rgba(255, 255, 255, .035); border: 1px solid rgba(242, 238, 232, .16); border-radius: 8px; font: 15px/1.4 var(--body); outline: none; }
.contact-form textarea { resize: vertical; }
.contact-form__challenge textarea { min-height: 90px; max-height: 110px; }
.contact-form input::placeholder,
.contact-form textarea::placeholder { color: rgba(242, 238, 232, .58); opacity: 1; }
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus { border-color: var(--mineral); box-shadow: 0 0 0 3px rgba(155, 199, 218, .1); }
.contact-form select {
  height: 48px;
  min-height: 48px;
  padding: 0 42px 0 13px;
  color-scheme: dark;
  appearance: none;
  -webkit-appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(242, 238, 232, .62) 50%),
    linear-gradient(135deg, rgba(242, 238, 232, .62) 50%, transparent 50%);
  background-position: calc(100% - 17px) 21px, calc(100% - 12px) 21px;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  line-height: normal;
}
.contact-form select:required:invalid { color: rgba(242, 238, 232, .58); }
.contact-form select option { color: var(--porcelain); background: #17191c; }
.contact-form__challenge { grid-column: 1 / -1; }
.contact-form__honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.contact-form__requirements { padding: 8px 0; border-top: 1px solid rgba(242, 238, 232, .1); border-bottom: 1px solid rgba(242, 238, 232, .1); }
.contact-form__requirements > p { margin: 0 0 8px; color: rgba(242, 238, 232, .48); font-family: var(--mono); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.contact-form__requirements ul { display: grid; grid-template-columns: 1fr 1fr; gap: 5px 15px; margin: 0; padding: 0; list-style: none; }
.contact-form__requirements li { position: relative; display: inline-flex; align-items: center; gap: 7px; color: rgba(242, 238, 232, .34); font-family: var(--mono); font-size: 8px; line-height: 1.4; transition: color 180ms ease; }
.contact-form__requirements i { width: 6px; height: 6px; background: transparent; border: 1px solid rgba(242, 238, 232, .26); border-radius: 50%; transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease; }
.contact-form__requirements li.is-met { color: rgba(155, 199, 218, .78); }
.contact-form__requirements li.is-met i { background: var(--mineral); border-color: var(--mineral); box-shadow: 0 0 9px rgba(155, 199, 218, .36); }
.contact-form__security-row { display: grid; grid-template-columns: minmax(300px, auto) 1fr; gap: 12px; align-items: center; }
.contact-form__turnstile { min-height: 65px; display: flex; align-items: center; }
.contact-form__turnstile > span { color: rgba(242, 238, 232, .32); font-family: var(--mono); font-size: 9px; }
.contact-form button { display: flex; justify-content: space-between; min-height: 48px; padding: 13px 18px; color: var(--obsidian); background: var(--copper); border: 0; border-radius: 999px; font-family: var(--mono); font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; transition: transform 180ms ease, box-shadow 180ms ease; }
.contact-form button:hover,
.contact-form button:focus-visible { transform: translateY(-2px); box-shadow: 0 14px 35px rgba(198, 83, 55, .18); }
.contact-form button:disabled { opacity: .34; cursor: not-allowed; filter: grayscale(.25); transform: none; box-shadow: none; }
.contact-form__status { min-height: 16px; margin: 0; color: rgba(242, 238, 232, .38); font-size: 11px; line-height: 1.5; }
.contact-form__status[data-state="error"] { color: #ef9a86; }
.contact-form__status[data-state="success"] { color: var(--mineral); }
.contact-form__privacy { margin: 0; color: rgba(242, 238, 232, .34); font-family: var(--mono); font-size: 8px; line-height: 1.55; letter-spacing: .03em; text-transform: uppercase; }
.contact-form__success { position: absolute; z-index: 3; inset: 0; display: flex; flex-direction: column; justify-content: center; padding: 44px; background: radial-gradient(circle at 72% 25%, rgba(155, 199, 218, .1), transparent 32%), #101215; border-radius: inherit; }
.contact-form__success small { color: var(--copper); font-family: var(--mono); font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.contact-form__success strong { max-width: 420px; margin-top: 17px; font-size: 33px; font-weight: 500; line-height: 1.05; letter-spacing: -.04em; }
.contact-form__success p { color: var(--light-muted); }
.contact-form__success button { width: fit-content; min-height: 42px; margin-top: 18px; padding: 11px 16px; background: transparent; color: var(--porcelain); border: 1px solid var(--line-light); }

@starting-style {
  .contact-dialog[open] { opacity: 0; }
  .contact-dialog[open] .contact-dialog__surface { transform: translateY(18px) scale(.992); }
}

/* Legibility and resilience */
.nav-cluster summary,
.header-cta { font-size: 10px; }
.section-label,
.pronunciation-line,
.transformation-step small,
.foundation li,
.market-card > small,
.market-card > span,
.name-sound,
.legacy-grid > div > strong { font-size: 10px; }
.site-footer p { font-size: 9px; }
.footer-meta { font-size: 9px; }

@media (max-width: 1160px) {
  .journey-stack { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .journey-stack__arrow { display: none; }
  .journey-layer:last-child { grid-column: 1 / -1; min-height: 250px; }
  .ownership { grid-template-columns: 1fr 1fr; }
  .ownership > * { border-bottom: 1px solid var(--line-light); }
  .journey-demo__route { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .journey-demo__route > i { display: none; }
  .journey-demo__destination { grid-column: 1 / -1; }
  .journey-demo__proof { grid-template-columns: 1fr; }
}

@media (min-width: 801px) and (max-height: 860px) {
  .contact-dialog__surface { grid-template-columns: minmax(320px, .72fr) minmax(600px, 1.28fr); gap: 42px; padding: 36px 48px; }
  .contact-dialog__heading h2 { margin-top: 18px; font-size: clamp(48px, 4.15vw, 66px); }
  .contact-dialog__heading > p:last-child { margin-top: 20px; font-size: 14px; }
  .contact-form { gap: 8px; padding: 20px 22px; }
  .contact-form__grid { gap-block: 8px; }
  .contact-form label { gap: 6px; }
  .contact-form input,
  .contact-form select { min-height: 44px; height: 44px; }
  .contact-form select { background-position: calc(100% - 17px) 19px, calc(100% - 12px) 19px; }
  .contact-form__challenge textarea { min-height: 76px; height: 76px; }
  .contact-form__turnstile { min-height: 54px; }
  .contact-form__requirements { padding-block: 6px; }
  .contact-form button { min-height: 44px; padding-block: 11px; }
}

@media (max-width: 800px) {
  .hero-category { margin: -14px 0 18px 31px; max-width: 290px; font-size: 9px; line-height: 1.5; }
  .story { padding-block: 90px; }
  .story-chapters { margin-top: 0; }
  .journey-platform { margin-inline: -20px; border-inline: 0; border-radius: 0; }
  .journey-platform__topbar { align-items: flex-start; min-height: 90px; padding: 18px 20px; }
  .journey-platform__topbar > div { align-items: flex-start; flex-direction: column; gap: 8px; }
  .journey-platform__topbar p { max-width: 135px; text-align: right; line-height: 1.55; }
  .journey-stack { grid-template-columns: 1fr; padding: 22px 20px; }
  .journey-layer,
  .journey-layer:last-child { grid-column: auto; min-height: 235px; }
  .journey-layer h3 { margin-top: 35px; font-size: 25px; }
  .journey-platform__spine { grid-template-columns: 1fr; padding: 24px 20px; }
  .journey-platform__spine ul { display: grid; grid-template-columns: 1fr 1fr; }
  .ownership { grid-template-columns: 1fr; margin-top: 48px; }
  .ownership > *,
  .ownership > *:first-child { min-height: 190px; padding: 27px 0; border-right: 0; }
  .ownership__statement h3 { margin-top: 35px; }
  .ownership h4 { margin-top: 34px; }
  .journey-demo { margin: 58px -20px 0; border-inline: 0; border-radius: 0; }
  .journey-demo__heading { grid-template-columns: 1fr; gap: 28px; padding: 34px 20px; }
  .journey-demo__heading h3 { font-size: 40px; }
  .journey-demo__heading > p { font-size: 16px; }
  .journey-demo__route { grid-template-columns: 1fr; padding: 20px; }
  .journey-demo__route article,
  .journey-demo__destination { grid-column: auto; min-height: 225px; border-radius: 10px !important; }
  .journey-demo__route h4 { margin-top: 30px; }
  .journey-demo__proof { padding: 35px 20px; }
  .journey-demo__proof ol { grid-template-columns: 1fr 1fr; }
  .journey-demo__proof li { min-height: 155px; border-bottom: 1px solid var(--line-light); }
  .journey-demo__note { padding: 16px 20px; }
  .market-card { min-height: auto; padding-bottom: 30px; }
  .market-card ol { margin-bottom: 22px; }
  .name-quote { margin-top: 48px; }
  .contact,
  .contact-content { min-height: auto; }
  .contact { padding-block: 95px 80px; }
  .contact-content { grid-template-columns: 1fr; gap: 60px; }
  .contact h2 { font-size: clamp(51px, 14.5vw, 68px); }
  .contact-dialog { padding: 0; }
  .contact-dialog[open] { place-items: start center; }
  .contact-dialog__surface { grid-template-columns: 1fr; gap: 34px; width: 100%; min-height: 100dvh; max-height: none; padding: 74px 24px 40px; border: 0; border-radius: 0; overflow: visible; }
  .contact-dialog__mark { top: 17px; left: 19px; gap: 5px; height: 42px; }
  .contact-dialog__glyph { height: 42px; }
  .contact-dialog__glyph--x { width: 35.84px; }
  .contact-dialog__glyph--y { width: 38.08px; }
  .contact-dialog__glyph img { height: 84px; }
  .contact-dialog__heading { padding-right: 42px; }
  .contact-dialog__heading h2 { font-size: clamp(48px, 12vw, 68px); }
  .contact-dialog__heading > p:last-child { margin-top: 24px; }
  .contact-form { width: 100%; max-width: 720px; justify-self: center; padding: 25px 20px; }
  .contact-form__security-row { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .contact-form__grid { grid-template-columns: 1fr; }
  .contact-form__challenge { grid-column: 1; }
  .contact-form__requirements ul { grid-template-columns: 1fr; }
  .contact-form textarea { min-height: 116px; }
}

/* Narrative motion and commercial trust */
.signal-ticker {
  position: relative;
  z-index: 5;
  overflow: hidden;
  color: var(--porcelain);
  background: #07080a;
  border-block: 1px solid rgba(242, 238, 232, .14);
}
.signal-ticker::before,
.signal-ticker::after {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  width: min(12vw, 180px);
  pointer-events: none;
  content: "";
}
.signal-ticker::before { left: 0; background: linear-gradient(90deg, #07080a, transparent); }
.signal-ticker::after { right: 0; background: linear-gradient(-90deg, #07080a, transparent); }
.signal-ticker__track {
  display: flex;
  width: max-content;
  animation: signalTicker 44s linear infinite;
  will-change: transform;
}
.signal-ticker__group {
  display: flex;
  align-items: center;
  gap: clamp(22px, 2vw, 36px);
  min-height: 60px;
  padding-right: clamp(22px, 2vw, 36px);
  white-space: nowrap;
}
.signal-ticker span,
.signal-ticker strong {
  font-family: var(--mono);
  font-size: clamp(11px, .92vw, 14px);
  font-weight: 500;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.signal-ticker span { color: rgba(242, 238, 232, .56); }
.signal-ticker strong { color: var(--copper); }
.signal-ticker i {
  display: grid;
  flex: 0 0 29px;
  width: 29px;
  height: 23px;
  place-items: center;
  background: rgba(11, 12, 14, .66);
  border: 1px solid rgba(155, 199, 218, .25);
  border-radius: 6px;
  font-style: normal;
  box-shadow: inset 0 1px rgba(242, 238, 232, .025);
}
.signal-ticker i img { width: 16px; height: 16px; object-fit: contain; }
@keyframes signalTicker { to { transform: translateX(-50%); } }

.transformation-step {
  overflow: hidden;
  transition: transform 520ms cubic-bezier(.2, .8, .2, 1), background 520ms ease, box-shadow 520ms ease;
}
.transformation-step > * { position: relative; z-index: 1; }
.transformation-step.is-current:not(.transformation-step--action) {
  z-index: 2;
  background: rgba(255, 255, 255, .48);
  box-shadow: 0 24px 70px rgba(11, 12, 14, .08);
  transform: translateY(-9px);
}
.transformation-step.is-current::before { background: var(--copper); border-color: var(--copper); box-shadow: 0 0 0 8px rgba(198, 83, 55, .1); }
.step-visual::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0;
  background-image: linear-gradient(90deg, rgba(242, 238, 232, .45), transparent), url("/assets/xylya-journey-xilogravura-v1.webp");
  background-position: center, center;
  background-size: cover, 235%;
  clip-path: inset(0 100% 0 0);
  content: "";
  filter: grayscale(1) contrast(1.2);
  transition: clip-path 1.25s cubic-bezier(.18, .75, .22, 1), opacity 700ms ease;
}
.transformation-step.is-current .step-visual::before { opacity: .16; clip-path: inset(0); }
.transformation-step--raw .step-visual::before { background-position: center, 3% 58%; }
.transformation-step--read .step-visual::before { background-position: center, 25% 63%; }
.transformation-step--form .step-visual::before { background-position: center, 49% 54%; }
.transformation-step--insight .step-visual::before { background-position: center, 71% 40%; }
.transformation-step--action .step-visual::before { background-position: center, 96% 27%; filter: grayscale(.5) contrast(1.25); }
.transformation-step--raw.is-current .step-visual i { animation: rawSignal 1.35s ease-in-out infinite alternate; }
.transformation-step--raw.is-current .step-visual i:nth-child(2n) { animation-delay: -550ms; }
.transformation-step--read.is-current .step-visual i { animation: carvedLine 1.35s cubic-bezier(.2, .8, .2, 1) both; transform-origin: left; }
.transformation-step--read.is-current .step-visual i:nth-child(2) { animation-delay: 130ms; }
.transformation-step--read.is-current .step-visual i:nth-child(3) { animation-delay: 260ms; }
.transformation-step--form.is-current .step-visual i { animation: formTile 1.2s cubic-bezier(.2, .8, .2, 1) both; }
.transformation-step--form.is-current .step-visual i:nth-child(2) { animation-delay: 110ms; }
.transformation-step--form.is-current .step-visual i:nth-child(3) { animation-delay: 220ms; }
.transformation-step--form.is-current .step-visual i:nth-child(4) { animation-delay: 330ms; }
.transformation-step--insight.is-current .step-visual i { animation: insightOrbit 2.2s ease-in-out infinite; }
.transformation-step--insight.is-current .step-visual span { animation: insightQuestion 1.4s ease-in-out infinite; }
.transformation-step--action.is-current .step-visual i { animation: actionTarget 1.8s ease-in-out infinite; }
@keyframes rawSignal { to { opacity: .24; transform: translate(9px, -5px) scale(.72); } }
@keyframes carvedLine { from { opacity: .15; scale: 0 1; } to { opacity: 1; scale: 1 1; } }
@keyframes formTile { from { opacity: .1; transform: translateY(14px) rotate(2deg); } to { opacity: 1; transform: none; } }
@keyframes insightOrbit { 50% { transform: rotate(7deg) scale(1.12); box-shadow: 0 0 0 25px rgba(198, 83, 55, .035); } }
@keyframes insightQuestion { 50% { color: var(--copper); transform: translateY(-3px); } }
@keyframes actionTarget { 50% { transform: scale(1.08); box-shadow: inset 0 0 0 15px var(--obsidian-soft), inset 0 0 0 16px rgba(198, 83, 55, .8), 0 0 55px rgba(198, 83, 55, .22); } }

.journey-layer,
.journey-demo__route article {
  transition: transform 520ms cubic-bezier(.2, .8, .2, 1), border-color 520ms ease, background 520ms ease, box-shadow 520ms ease;
}
.journey-layer::before,
.journey-demo__route article::before {
  position: absolute;
  top: -1px;
  right: -1px;
  left: -1px;
  height: 2px;
  background: linear-gradient(90deg, var(--mineral), var(--porcelain), var(--copper));
  content: "";
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 1.45s linear, opacity 300ms ease;
}
.journey-layer.is-current { z-index: 2; border-color: rgba(155, 199, 218, .6); background: rgba(19, 23, 28, .92); box-shadow: 0 22px 60px rgba(0, 0, 0, .3); transform: translateY(-8px); }
.journey-layer.is-current::before,
.journey-demo__route article.is-current::before { opacity: 1; transform: scaleX(1); }
.journey-layer.is-current::after { animation: layerSignal 1.4s ease-in-out infinite; }
.journey-demo__route article.is-current:not(.journey-demo__destination) { border-color: rgba(198, 83, 55, .5); background: rgba(255, 255, 255, .76); box-shadow: 0 20px 60px rgba(11, 12, 14, .08); transform: translateY(-7px); }
.journey-demo__route .journey-demo__destination.is-current { box-shadow: 0 24px 70px rgba(11, 12, 14, .2); transform: translateY(-7px); }
@keyframes layerSignal { 50% { box-shadow: 0 0 0 9px rgba(198, 83, 55, .08), 0 0 22px var(--copper); transform: scale(.72); } }

.ownership__statement > p { max-width: 310px; margin: 25px 0 0; color: var(--light-muted); font-family: var(--mono); font-size: 10px; line-height: 1.6; letter-spacing: .03em; }

.engagement {
  overflow: hidden;
  color: var(--porcelain);
  background:
    radial-gradient(circle at 82% 18%, rgba(155, 199, 218, .1), transparent 27%),
    radial-gradient(circle at 12% 83%, rgba(198, 83, 55, .075), transparent 23%),
    #0d0f12;
}
.engagement-contours {
  position: absolute;
  top: -35%;
  right: -18%;
  width: 80vw;
  aspect-ratio: 1;
  opacity: .06;
  background: repeating-radial-gradient(ellipse, transparent 0 24px, var(--porcelain) 25px 26px);
  border-radius: 50%;
  animation: engagementContours 34s linear infinite;
}
.engagement .page-shell { position: relative; z-index: 1; }
.engagement-heading { display: grid; grid-template-columns: 1.15fr .55fr; gap: 9vw; align-items: end; }
.engagement-heading .section-label { grid-column: 1 / -1; margin-bottom: 3px; }
.engagement-heading h2 { margin: 0; font-size: clamp(50px, 5.5vw, 88px); font-weight: 500; line-height: .97; letter-spacing: -.065em; }
.engagement-heading > p { margin: 0; color: var(--light-muted); font-size: clamp(17px, 1.32vw, 21px); line-height: 1.7; }
.engagement-route { display: grid; grid-template-columns: repeat(3, 1fr); margin: 92px 0 0; padding: 0; border: 1px solid var(--line-light); border-radius: 18px; list-style: none; background: rgba(5, 6, 8, .5); box-shadow: 0 38px 100px rgba(0, 0, 0, .25); }
.engagement-route > li { position: relative; min-height: 500px; padding: 30px; overflow: hidden; border-right: 1px solid var(--line-light); transition: background 500ms ease, transform 500ms cubic-bezier(.2, .8, .2, 1); }
.engagement-route > li:last-child { border-right: 0; }
.engagement-route > li::after { position: absolute; right: -25%; bottom: -35%; width: 72%; aspect-ratio: 1; border: 1px solid rgba(155, 199, 218, .12); border-radius: 50%; content: ""; transition: transform 800ms ease, border-color 500ms ease; }
.engagement-route > li.is-current { z-index: 2; background: linear-gradient(145deg, rgba(155, 199, 218, .09), rgba(198, 83, 55, .05)); transform: translateY(-9px); }
.engagement-route > li.is-current::after { border-color: rgba(198, 83, 55, .32); transform: scale(1.16); }
.engagement-route__number { display: flex; align-items: center; gap: 18px; color: var(--copper); font-family: var(--mono); font-size: 11px; }
.engagement-route__number i { position: relative; flex: 1; height: 1px; overflow: visible; background: rgba(242, 238, 232, .16); }
.engagement-route__number i::after { position: absolute; top: -3px; left: 0; width: 7px; height: 7px; background: var(--mineral); border-radius: 50%; box-shadow: 0 0 14px var(--mineral); content: ""; opacity: 0; }
.engagement-route > li.is-current .engagement-route__number i::after { opacity: 1; animation: engagementPacket 2.2s ease-in-out infinite; }
.engagement-route > li > small { display: block; margin-top: 64px; color: var(--mineral); font-family: var(--mono); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.engagement-route h3 { margin: 19px 0 22px; font-size: clamp(27px, 2.25vw, 36px); font-weight: 500; line-height: 1.1; letter-spacing: -.05em; }
.engagement-route p { margin: 0; color: var(--light-muted); font-size: 14px; line-height: 1.7; }
.engagement-route > li > strong { position: absolute; bottom: 61px; left: 30px; color: var(--copper); font-family: var(--mono); font-size: 9px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; }
.engagement-route > li > span { position: absolute; right: 30px; bottom: 30px; left: 30px; color: rgba(242, 238, 232, .4); font-family: var(--mono); font-size: 9px; letter-spacing: .04em; }
.engagement-accountability { display: grid; grid-template-columns: .72fr 1.28fr; align-items: center; gap: 6vw; padding: 33px 0; border-bottom: 1px solid var(--line-light); }
.engagement-accountability small { display: block; color: var(--copper); font-family: var(--mono); font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.engagement-accountability strong { display: block; margin-top: 8px; font-size: 18px; font-weight: 500; }
.engagement-accountability ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px 24px; margin: 0; padding: 0; list-style: none; }
.engagement-accountability li { position: relative; padding-left: 14px; color: rgba(242, 238, 232, .56); font-family: var(--mono); font-size: 9px; letter-spacing: .05em; text-transform: uppercase; }
.engagement-accountability li::before { position: absolute; top: 5px; left: 0; width: 5px; height: 5px; background: var(--mineral); border-radius: 50%; content: ""; }
@keyframes engagementContours { to { transform: rotate(360deg); } }
@keyframes engagementPacket { 0%, 8% { left: 0; opacity: 0; } 18%, 82% { opacity: 1; } 92%, 100% { left: calc(100% - 7px); opacity: 0; } }

.market-art {
  background-image: none;
  background-color: #101215;
  isolation: isolate;
}
.market-card--telecom .market-art::before,
.market-card--pharma .market-art::before,
.market-card--retail .market-art::before {
  position: absolute;
  z-index: 0;
  inset: -5%;
  width: auto;
  height: auto;
  opacity: 1;
  border: 0;
  border-radius: 0;
  background-image:
    linear-gradient(180deg, rgba(11, 12, 14, .08), rgba(11, 12, 14, .72)),
    url("/assets/xylya-journey-xilogravura-v1.webp");
  background-size: auto, 205%;
  content: "";
  transform: translate3d(var(--image-from-x, 0), var(--image-from-y, 0), 0) scale(1.01);
  animation: marketGlide 22s cubic-bezier(.45, .05, .55, .95) infinite alternate;
  will-change: transform;
}
.market-card--telecom .market-art::before { --image-from-x: -2px; --image-from-y: 2px; --image-to-x: 5px; --image-to-y: -3px; background-position: center, 4% 59%; }
.market-card--pharma .market-art::before { --image-from-x: 2px; --image-from-y: -2px; --image-to-x: -4px; --image-to-y: 3px; background-position: center, 50% 57%; animation-duration: 25s; }
.market-card--retail .market-art::before { --image-from-x: -1px; --image-from-y: -3px; --image-to-x: 4px; --image-to-y: 2px; background-position: center, 97% 40%; animation-duration: 24s; }
.market-card--telecom .market-art::after,
.market-card--pharma .market-art::after,
.market-card--retail .market-art::after {
  position: absolute;
  z-index: 2;
  top: -35%;
  right: -20%;
  bottom: -35%;
  left: -20%;
  width: auto;
  height: auto;
  opacity: 1;
  border: 0;
  border-radius: 0;
  inset: -35% -20%;
  pointer-events: none;
  background: linear-gradient(108deg, transparent 35%, rgba(242, 238, 232, .16) 49%, transparent 63%);
  content: "";
  transform: translateX(-70%);
  transition: transform 1.1s cubic-bezier(.18, .75, .22, 1);
  animation: none;
}
.market-card:hover .market-art::after,
.market-card:focus-within .market-art::after { transform: translateX(70%); }
@keyframes marketGlide {
  to { transform: translate3d(var(--image-to-x, 4px), var(--image-to-y, -3px), 0) scale(1.035); }
}

@media (max-width: 1160px) {
  .engagement-route { grid-template-columns: 1fr; }
  .engagement-route > li { min-height: 390px; border-right: 0; border-bottom: 1px solid var(--line-light); }
  .engagement-route > li:last-child { border-bottom: 0; }
}

@media (max-width: 800px) {
  .signal-ticker__group { min-height: 52px; gap: 23px; padding-right: 23px; }
  .signal-ticker__track { animation-duration: 36s; }
  .signal-ticker span, .signal-ticker strong { font-size: 10px; }
  .transformation-step.is-current:not(.transformation-step--action) { transform: translateX(7px); }
  .journey-layer.is-current,
  .journey-demo__route article.is-current:not(.journey-demo__destination),
  .journey-demo__route .journey-demo__destination.is-current { transform: translateX(5px); }
  .engagement-heading { grid-template-columns: 1fr; gap: 34px; }
  .engagement-heading .section-label { grid-column: auto; margin-bottom: 0; }
  .engagement-heading h2 { font-size: clamp(43px, 12.3vw, 59px); }
  .engagement-heading > p { font-size: 18px; }
  .engagement-route { margin: 60px -20px 0; border-inline: 0; border-radius: 0; }
  .engagement-route > li { min-height: 420px; padding: 28px 20px; }
  .engagement-route > li > strong { left: 20px; }
  .engagement-route > li > span { right: 20px; left: 20px; }
  .engagement-route > li.is-current { transform: translateX(5px); }
  .engagement-accountability { grid-template-columns: 1fr; gap: 28px; }
  .engagement-accountability ul { grid-template-columns: 1fr 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .signal-ticker__track,
  .engagement-contours,
  .market-art::before,
  .transformation-step.is-current .step-visual i,
  .transformation-step.is-current .step-visual span,
  .journey-layer.is-current::after,
  .engagement-route > li.is-current .engagement-route__number i::after { animation: none !important; }
  .signal-ticker__track { transform: translateX(-8%); }
  .step-visual::before { clip-path: inset(0); }
}

/* Product demonstration */
.journey-platform__actions { display: flex; align-items: center; gap: 18px; }
.journey-platform__actions button {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 38px;
  padding: 9px 14px;
  color: var(--porcelain);
  background: rgba(198, 83, 55, .08);
  border: 1px solid rgba(198, 83, 55, .4);
  border-radius: 999px;
  font-family: var(--mono);
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
  transition: color 180ms ease, background 180ms ease, transform 180ms ease;
}
.journey-platform__actions button span { color: var(--copper); font-size: 12px; }
.journey-platform__actions button:hover,
.journey-platform__actions button:focus-visible { color: var(--obsidian); background: var(--copper); transform: translateY(-2px); }
.journey-platform__actions button:hover span { color: var(--obsidian); }

body.console-open { overflow: hidden; }
.journey-console {
  position: fixed;
  z-index: 500;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 28px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 260ms ease, visibility 260ms ease;
}
.journey-console.is-open { opacity: 1; visibility: visible; }
.journey-console__backdrop { position: absolute; inset: 0; padding: 0; background: rgba(3, 4, 5, .82); border: 0; backdrop-filter: blur(16px); cursor: default; }
.journey-console__panel {
  position: relative;
  display: flex;
  flex-direction: column;
  width: min(1380px, 96vw);
  max-height: calc(100vh - 56px);
  overflow: hidden;
  color: var(--porcelain);
  background:
    radial-gradient(circle at 82% 25%, rgba(155, 199, 218, .07), transparent 27%),
    #0c0e11;
  border: 1px solid rgba(242, 238, 232, .2);
  border-radius: 20px;
  box-shadow: 0 50px 160px rgba(0, 0, 0, .65);
  transform: translateY(22px) scale(.985);
  transition: transform 360ms cubic-bezier(.2, .8, .2, 1);
}
.journey-console.is-open .journey-console__panel { transform: none; }
.journey-console__header { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 30px; min-height: 72px; padding: 15px 22px; border-bottom: 1px solid var(--line-light); background: rgba(5, 6, 8, .78); }
.journey-console__header > div { display: flex; align-items: center; gap: 18px; }
.journey-console__header img { width: 105px; }
.journey-console__header span,
.journey-console__header p { color: rgba(242, 238, 232, .42); font-family: var(--mono); font-size: 9px; letter-spacing: .09em; text-transform: uppercase; }
.journey-console__header p { display: flex; align-items: center; gap: 10px; margin: 0; }
.journey-console__header p i { width: 6px; height: 6px; background: var(--mineral); border-radius: 50%; box-shadow: 0 0 14px var(--mineral); }
.journey-console__header > button { width: 38px; height: 38px; color: rgba(242, 238, 232, .7); background: transparent; border: 1px solid var(--line-light); border-radius: 50%; font-size: 22px; line-height: 1; cursor: pointer; }
.journey-console__scenario { display: flex; gap: 1px; padding: 0 22px; border-bottom: 1px solid var(--line-light); background: rgba(255, 255, 255, .015); }
.journey-console__scenario button { min-width: 110px; padding: 14px 18px 13px; color: rgba(242, 238, 232, .42); background: transparent; border: 0; border-bottom: 2px solid transparent; font-family: var(--mono); font-size: 9px; letter-spacing: .1em; text-transform: uppercase; cursor: pointer; }
.journey-console__scenario button.is-active { color: var(--porcelain); border-color: var(--copper); }
.journey-console__body { display: grid; grid-template-columns: 175px 1fr; min-height: 0; overflow: auto; }
.journey-console__stages { padding: 26px 18px; border-right: 1px solid var(--line-light); background: rgba(5, 6, 8, .45); }
.journey-console__stages ol { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.journey-console__stages li { display: grid; grid-template-columns: 27px 1fr; align-items: center; min-height: 49px; padding: 9px; color: rgba(242, 238, 232, .34); border: 1px solid transparent; border-radius: 8px; font-family: var(--mono); font-size: 9px; transition: color 250ms ease, background 250ms ease, border-color 250ms ease; }
.journey-console__stages li b { color: rgba(155, 199, 218, .55); font-size: 8px; font-weight: 500; }
.journey-console__stages li.is-current { color: var(--porcelain); background: rgba(198, 83, 55, .07); border-color: rgba(198, 83, 55, .32); }
.journey-console__stages li.is-complete b { color: var(--copper); }
.journey-console__workspace { padding: 34px; }
.journey-console__question small { color: var(--mineral); font-family: var(--mono); font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.journey-console__question h2 { max-width: 850px; margin: 13px 0 0; font-size: clamp(30px, 3.1vw, 49px); font-weight: 500; line-height: 1.02; letter-spacing: -.055em; }
.journey-console__signals { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 27px; }
.journey-console__signals article { min-height: 116px; padding: 17px; border: 1px solid var(--line-light); border-radius: 10px; background: rgba(255, 255, 255, .018); }
.journey-console__signals article small,
.journey-console__events small,
.journey-console__insight small { color: rgba(242, 238, 232, .38); font-family: var(--mono); font-size: 8px; letter-spacing: .09em; text-transform: uppercase; }
.journey-console__signals strong { display: block; margin-top: 18px; font-size: 15px; font-weight: 500; }
.journey-console__signals span { display: block; margin-top: 7px; color: rgba(242, 238, 232, .36); font-family: var(--mono); font-size: 8px; }
.journey-console__signals-action { border-color: rgba(198, 83, 55, .32) !important; background: rgba(198, 83, 55, .04) !important; }
.journey-console__signals-action strong { color: var(--copper); }
.journey-console__flow { display: grid; grid-template-columns: 7px 1fr 7px 1fr 7px 1fr 7px 1fr 7px; align-items: center; gap: 7px; margin: 24px 2px; }
.journey-console__flow i { width: 7px; height: 7px; background: var(--obsidian-soft); border: 1px solid rgba(242, 238, 232, .4); border-radius: 50%; transition: background 250ms ease, box-shadow 250ms ease; }
.journey-console__flow i.is-active { background: var(--copper); border-color: var(--copper); box-shadow: 0 0 0 7px rgba(198, 83, 55, .08), 0 0 18px rgba(198, 83, 55, .45); }
.journey-console__flow span { padding-bottom: 5px; color: rgba(242, 238, 232, .26); border-bottom: 1px solid rgba(242, 238, 232, .12); font-family: var(--mono); font-size: 7px; letter-spacing: .08em; text-align: center; text-transform: uppercase; }
.journey-console__lower { display: grid; grid-template-columns: 1.25fr .75fr; gap: 10px; }
.journey-console__events,
.journey-console__insight { min-height: 220px; padding: 18px; border: 1px solid var(--line-light); border-radius: 10px; background: rgba(4, 5, 7, .45); }
.journey-console__events > div { display: flex; justify-content: space-between; padding-bottom: 13px; border-bottom: 1px solid var(--line-light); }
.journey-console__events > div span { color: var(--mineral); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.journey-console__events ol { display: grid; gap: 7px; max-height: 165px; margin: 13px 0 0; padding: 0; overflow: auto; list-style: none; }
.journey-console__events li { display: grid; grid-template-columns: 58px 1fr auto; align-items: center; gap: 10px; color: rgba(242, 238, 232, .58); font-family: var(--mono); font-size: 9px; opacity: 0; transform: translateY(6px); animation: consoleEvent 300ms ease forwards; }
.journey-console__events li time { color: rgba(242, 238, 232, .25); }
.journey-console__events li b { width: 6px; height: 6px; background: var(--mineral); border-radius: 50%; box-shadow: 0 0 10px rgba(155, 199, 218, .4); }
.journey-console__events li.is-warning b { background: var(--copper); box-shadow: 0 0 12px rgba(198, 83, 55, .55); }
.journey-console__events li.is-success b { background: var(--porcelain); }
.journey-console__insight { display: flex; flex-direction: column; border-color: rgba(198, 83, 55, .3); background: linear-gradient(145deg, rgba(198, 83, 55, .09), rgba(5, 6, 8, .55)); }
.journey-console__insight strong { margin-top: 24px; font-size: 20px; font-weight: 500; line-height: 1.25; letter-spacing: -.035em; }
.journey-console__insight p { margin: 13px 0 0; color: var(--light-muted); font-size: 12px; line-height: 1.55; }
.journey-console__insight > span { margin-top: auto; padding-top: 18px; color: var(--copper); border-top: 1px solid var(--line-light); font-family: var(--mono); font-size: 8px; letter-spacing: .07em; }
.journey-console__footer { display: flex; align-items: center; justify-content: space-between; gap: 25px; min-height: 70px; padding: 13px 22px; border-top: 1px solid var(--line-light); background: rgba(5, 6, 8, .78); }
.journey-console__footer p { margin: 0; color: rgba(242, 238, 232, .3); font-family: var(--mono); font-size: 8px; line-height: 1.5; }
.journey-console__footer > div { display: flex; gap: 9px; }
.journey-console__footer button { min-height: 40px; padding: 10px 15px; color: rgba(242, 238, 232, .65); background: transparent; border: 1px solid var(--line-light); border-radius: 999px; font-family: var(--mono); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.journey-console__footer [data-console-run] { color: var(--obsidian); background: var(--copper); border-color: var(--copper); }
.journey-console__footer [data-console-run] span { margin-left: 12px; }
.journey-console__footer [data-console-run]:disabled { opacity: .5; cursor: wait; }
@keyframes consoleEvent { to { opacity: 1; transform: none; } }

/* Trust architecture */
.trust { overflow: hidden; background: var(--porcelain); }
.trust::after { position: absolute; top: 8%; right: -3%; color: rgba(11, 12, 14, .022); font-size: 25vw; font-weight: 600; line-height: .7; content: "XY"; }
.trust .page-shell { position: relative; z-index: 1; }
.trust-heading { display: grid; grid-template-columns: 1.15fr .55fr; gap: 9vw; align-items: end; }
.trust-heading .section-label { grid-column: 1 / -1; margin-bottom: 3px; }
.trust-heading h2 { margin: 0; font-size: clamp(50px, 5.5vw, 88px); font-weight: 500; line-height: .97; letter-spacing: -.065em; }
.trust-heading > p { margin: 0; color: var(--ink-muted); font-size: clamp(17px, 1.32vw, 21px); line-height: 1.7; }
.trust-boundaries { display: grid; grid-template-columns: 1fr 42px 1.16fr 42px 1fr; align-items: stretch; margin-top: 88px; padding: 18px; border: 1px solid var(--line-dark); border-radius: 18px; background: rgba(255, 255, 255, .32); box-shadow: 0 30px 90px rgba(11, 12, 14, .05); }
.trust-boundaries article { position: relative; min-height: 315px; padding: 24px; border: 1px solid var(--line-dark); border-radius: 10px; background: rgba(242, 238, 232, .65); }
.trust-boundaries__xylya { color: var(--porcelain); background: var(--obsidian) !important; border-color: var(--obsidian) !important; box-shadow: 0 20px 55px rgba(11, 12, 14, .16); }
.trust-boundaries > i { display: grid; place-items: center; color: rgba(11, 12, 14, .32); font-family: var(--mono); font-style: normal; }
.trust-boundaries small,
.trust-practices small { color: var(--copper); font-family: var(--mono); font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.trust-boundaries h3 { margin: 56px 0 16px; font-size: 25px; font-weight: 600; line-height: 1.08; letter-spacing: -.04em; }
.trust-boundaries p { margin: 0; color: var(--ink-muted); font-size: 13px; line-height: 1.65; }
.trust-boundaries__xylya p { color: var(--light-muted); }
.trust-boundaries article > span { position: absolute; right: 24px; bottom: 20px; left: 24px; color: rgba(11, 12, 14, .38); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.trust-boundaries__xylya > span { color: var(--mineral) !important; }
.trust-practices {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 62px;
  overflow: visible;
  background: linear-gradient(90deg, rgba(155, 199, 218, .035), transparent 32% 68%, rgba(198, 83, 55, .03));
  border-block: 1px solid var(--line-dark);
  isolation: isolate;
}
.trust-practices::before {
  position: absolute;
  z-index: 0;
  top: -1px;
  right: 0;
  left: 0;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(155, 199, 218, .55), rgba(198, 83, 55, .55), transparent);
  content: "";
}
.trust-practices article {
  position: relative;
  z-index: 1;
  min-height: 285px;
  padding: 29px 25px;
  overflow: hidden;
  background: rgba(242, 238, 232, .01);
  border-right: 1px solid var(--line-dark);
  outline: 0;
  cursor: default;
  transition:
    background-color 650ms cubic-bezier(.18, .78, .2, 1),
    box-shadow 650ms cubic-bezier(.18, .78, .2, 1),
    transform 650ms cubic-bezier(.18, .78, .2, 1);
}
.trust-practices article::before {
  position: absolute;
  z-index: 2;
  top: -1px;
  right: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--mineral), var(--copper));
  content: "";
  transform: scaleX(0);
  transform-origin: 0 50%;
}
.trust-practices article::after {
  position: absolute;
  z-index: -1;
  right: -72px;
  bottom: -100px;
  width: 230px;
  height: 230px;
  background:
    repeating-radial-gradient(circle, transparent 0 17px, rgba(155, 199, 218, .2) 18px 19px),
    radial-gradient(circle, rgba(198, 83, 55, .12), transparent 62%);
  border-radius: 50%;
  content: "";
  opacity: 0;
  transform: scale(.76);
  transition: opacity 700ms ease, transform 900ms cubic-bezier(.18, .78, .2, 1);
}
.trust-practices article.is-current {
  z-index: 3;
  background: linear-gradient(145deg, rgba(255, 255, 255, .72), rgba(155, 199, 218, .1) 62%, rgba(198, 83, 55, .075));
  box-shadow: 0 24px 70px rgba(11, 12, 14, .1), inset 0 0 0 1px rgba(255, 255, 255, .5);
  transform: translateY(-10px);
}
.trust-practices article.is-current::before { animation: trustCoordinate 2.6s linear both; }
.trust-practices article.is-current::after { opacity: 1; transform: scale(1); }
.trust-practices article:first-child { border-left: 1px solid var(--line-dark); }
.trust-practices small { position: relative; display: flex; align-items: center; gap: 10px; width: max-content; transition: color 450ms ease; }
.trust-practices small::before {
  width: 5px;
  height: 5px;
  background: currentColor;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(198, 83, 55, 0);
  content: "";
  transition: box-shadow 500ms ease, transform 500ms ease;
}
.trust-practices small::after { width: 22px; height: 1px; background: currentColor; content: ""; opacity: .34; transition: width 600ms cubic-bezier(.18, .78, .2, 1); }
.trust-practices article.is-current small { color: #a9422c; }
.trust-practices article.is-current small::before { box-shadow: 0 0 0 7px rgba(198, 83, 55, .1); transform: scale(1.15); }
.trust-practices article.is-current small::after { width: 58px; background: linear-gradient(90deg, var(--copper), var(--mineral)); opacity: .72; }
.trust-practices h3 { margin: 68px 0 15px; font-size: 20px; font-weight: 600; letter-spacing: -.035em; transition: color 450ms ease, transform 600ms cubic-bezier(.18, .78, .2, 1); }
.trust-practices article.is-current h3 { color: #101b21; transform: translateY(-3px); }
.trust-practices p { margin: 0; color: var(--ink-muted); font-size: 13px; line-height: 1.62; transition: color 450ms ease, transform 650ms cubic-bezier(.18, .78, .2, 1); }
.trust-practices article.is-current p { color: rgba(11, 12, 14, .72); transform: translateY(-2px); }
@keyframes trustCoordinate { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.trust-disclosure { display: grid; grid-template-columns: .65fr 1.35fr; gap: 8vw; margin-top: 36px; padding: 27px 0; border-bottom: 1px solid var(--line-dark); }
.trust-disclosure strong { color: var(--copper); font-family: var(--mono); font-size: 10px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; }
.trust-disclosure p { margin: 0; color: var(--ink-muted); font-size: 14px; line-height: 1.65; }
.manifesto-link { display: inline-flex; align-items: center; gap: 16px; margin-top: 28px; color: var(--mineral); font-family: var(--mono); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.manifesto-link span { color: var(--copper); }

@media (max-width: 1160px) {
  .journey-platform__actions p { display: none; }
  .journey-console__body { grid-template-columns: 135px 1fr; }
  .trust-boundaries { grid-template-columns: 1fr; gap: 12px; }
  .trust-boundaries > i { display: none; }
  .trust-practices { grid-template-columns: 1fr 1fr; }
  .trust-practices article { border-bottom: 1px solid var(--line-dark); }
}

@media (max-width: 800px) {
  .journey-platform__topbar { display: grid; grid-template-columns: 1fr auto; }
  .journey-platform__actions button { width: 42px; min-width: 42px; height: 42px; padding: 0; justify-content: center; font-size: 0; }
  .journey-platform__actions button span { font-size: 14px; }
  .journey-console { padding: 0; }
  .journey-console__panel { width: 100vw; max-height: 100dvh; height: 100dvh; border: 0; border-radius: 0; }
  .journey-console__header { grid-template-columns: 1fr auto; gap: 10px; min-height: 66px; padding: 13px 16px; }
  .journey-console__header p { display: none; }
  .journey-console__header img { width: 88px; }
  .journey-console__scenario { padding-inline: 10px; overflow-x: auto; }
  .journey-console__scenario button { min-width: 96px; padding-inline: 13px; }
  .journey-console__body { display: block; }
  .journey-console__stages { padding: 10px 14px; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--line-light); }
  .journey-console__stages ol { display: flex; width: max-content; }
  .journey-console__stages li { grid-template-columns: 20px auto; min-width: 105px; min-height: 39px; }
  .journey-console__workspace { padding: 23px 16px; }
  .journey-console__question h2 { font-size: 34px; }
  .journey-console__signals { grid-template-columns: 1fr; }
  .journey-console__signals article { min-height: 98px; }
  .journey-console__lower { grid-template-columns: 1fr; }
  .journey-console__events, .journey-console__insight { min-height: 205px; }
  .journey-console__flow { margin-block: 20px; }
  .journey-console__footer { align-items: stretch; flex-direction: column; gap: 9px; padding: 12px 16px; }
  .journey-console__footer p { display: none; }
  .journey-console__footer > div { display: grid; grid-template-columns: .7fr 1.3fr; }
  .journey-console__footer button { width: 100%; }
  .trust-heading { grid-template-columns: 1fr; gap: 34px; }
  .trust-heading .section-label { grid-column: auto; margin-bottom: 0; }
  .trust-heading h2 { font-size: clamp(43px, 12.3vw, 59px); }
  .trust-heading > p { font-size: 18px; }
  .trust-boundaries { margin: 60px -20px 0; padding: 20px; border-inline: 0; border-radius: 0; }
  .trust-boundaries article { min-height: 270px; }
  .trust-practices { grid-template-columns: 1fr; }
  .trust-practices article { min-height: 230px; border-left: 1px solid var(--line-dark); }
  .trust-practices article.is-current { transform: translateX(6px); }
  .trust-practices h3 { margin-top: 48px; }
  .trust-disclosure { grid-template-columns: 1fr; gap: 20px; }
}

/* Gramática cromática: azul lê e estrutura; vermelho decide e move. */
.section-label::before { background: var(--mineral); box-shadow: 0 0 12px rgba(155, 199, 218, .14); }
.nav-cluster__menu a small,
.mobile-menu nav small { color: var(--mineral); }
.transformation-step small,
.capabilities small,
.market-card > small,
.ownership article small,
.journey-demo__proof li b,
.trust-practices small { color: var(--mineral); }
.transformation-step--action small { color: var(--copper); }
.engagement-route__number { color: var(--mineral); }
.engagement-route > li:last-child .engagement-route__number { color: var(--copper); }

/* Uma única hierarquia editorial em todas as seções da página. */
main .section-label {
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.method-intro h2,
.story-heading h2,
.platform-heading h2,
.complexity-heading h2,
.engagement-heading h2,
.trust-heading h2,
.markets-heading h2,
.manifesto-copy h2,
.legacy-grid h2,
.contact-copy h2 {
  font-size: clamp(48px, 5.7vw, 91px);
  font-weight: 500;
  line-height: .94;
  letter-spacing: -.065em;
}

/* O Manifesto vive dentro da experiência principal, sem alterar a URL. */
.manifesto-dialog {
  width: 100%;
  max-width: none;
  height: 100dvh;
  max-height: none;
  margin: 0;
  padding: clamp(12px, 1.6vw, 26px);
  overflow: hidden;
  color: var(--porcelain);
  background: rgba(5, 6, 8, .88);
  border: 0;
  opacity: 0;
  transition: opacity 260ms ease, overlay 260ms allow-discrete, display 260ms allow-discrete;
}
.manifesto-dialog[open] { display: grid; place-items: center; opacity: 1; }
.manifesto-dialog::backdrop { background: rgba(3, 4, 5, .78); backdrop-filter: blur(16px) saturate(.76); }
.manifesto-dialog__surface {
  display: flex;
  flex-direction: column;
  width: min(1640px, 100%);
  height: min(1040px, 100%);
  max-height: 100%;
  overflow: hidden;
  background: #0b0c0e;
  border: 1px solid rgba(242, 238, 232, .17);
  border-top-color: rgba(155, 199, 218, .28);
  border-radius: 22px;
  box-shadow: inset 0 1px 0 rgba(155, 199, 218, .07), 0 42px 130px rgba(0, 0, 0, .64);
  transform: translateY(14px) scale(.994);
  transition: transform 380ms cubic-bezier(.2, .8, .2, 1);
}
.manifesto-dialog[open] .manifesto-dialog__surface { transform: none; }
.manifesto-dialog__bar {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  flex: 0 0 70px;
  min-height: 70px;
  padding: 10px 18px 10px 24px;
  background: rgba(11, 12, 14, .96);
  border-bottom: 1px solid rgba(242, 238, 232, .12);
}
.manifesto-dialog__bar img { width: 132px; height: auto; }
.manifesto-dialog__bar > span {
  color: rgba(242, 238, 232, .58);
  font-family: var(--mono);
  font-size: 9px;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.manifesto-dialog__bar button {
  justify-self: end;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  color: rgba(242, 238, 232, .62);
  background: transparent;
  border: 1px solid rgba(242, 238, 232, .2);
  border-radius: 50%;
  cursor: pointer;
  transition: color 180ms ease, border-color 180ms ease, transform 180ms ease;
}
.manifesto-dialog__bar button:hover,
.manifesto-dialog__bar button:focus-visible { color: var(--porcelain); border-color: var(--mineral); outline: none; transform: rotate(4deg); }
.manifesto-dialog iframe { display: block; flex: 1 1 auto; width: 100%; min-height: 0; background: var(--porcelain); border: 0; }

@media (max-width: 800px) {
  .manifesto-dialog { padding: 0; }
  .manifesto-dialog__surface { width: 100%; height: 100dvh; border: 0; border-radius: 0; }
  .manifesto-dialog__bar { grid-template-columns: 1fr auto; min-height: 66px; padding-inline: 18px; }
  .manifesto-dialog__bar img { width: 112px; }
  .manifesto-dialog__bar > span { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .journey-console__panel,
  .journey-console__events li { transition: none; animation: none; transform: none; }
  .trust-practices article,
  .trust-practices article::after,
  .trust-practices article h3,
  .trust-practices article p { transition: none; }
  .trust-practices article.is-current { transform: none; }
  .trust-practices article.is-current::before { animation: none; transform: scaleX(1); }
  .cinematic-wood {
    animation: none !important;
    opacity: .92;
    transform: perspective(1150px) rotateX(0) scale(1.012);
  }
  .board-impact,
  .surface-dust { display: none; }
  .curtain-stage[data-carving-state="idle"] .carving-command { animation: none; }
}

@media print {
  [data-reveal] { opacity: 1 !important; transform: none !important; }
  .site-header { position: absolute; }
  .carving-canvas { display: none; }
  .print-reveal { opacity: 1; transform: none; }
  .site-curtain { display: none !important; }
}

@media (max-width: 800px) {
  .curtain-stage { top: 74px; }
  .curtain-stage .cinematic-wood { inset: 42px 15px 74px; }
  .curtain-stage .board-impact { inset: 42px 15px 74px; }
  .curtain-stage .surface-dust { inset: 42px 15px 74px; }
  .curtain-stage .print-reveal { inset: 42px 15px 74px; }
  .curtain-stage .carving-interface { top: 24px; right: 20px; }
  .curtain-stage .carving-command {
    display: block;
    top: 48%;
    width: calc(100% - 40px);
  }
  .curtain-stage .carving-command > strong { font-size: clamp(41px, 12.8vw, 58px); }
  .curtain-stage .carving-command p { max-width: 310px; font-size: 13px; }
  .curtain-stage[data-carving-state="complete"] .carving-command {
    width: calc(100% - 34px);
    padding: 28px 22px 30px;
  }
  .curtain-stage[data-carving-state="complete"] .carving-command > strong { font-size: clamp(42px, 12vw, 58px); }
  .curtain-stage[data-carving-state="complete"] .carving-command p { font-size: 14px; }
  .curtain-stage .carving-progress { right: 22px; bottom: 62px; left: 22px; }
  .curtain-stage .carving-transport { gap: 4px; }
  .curtain-stage .carving-speed { flex-basis: 96px; width: 96px; }
  .curtain-stage .carving-audio { margin-left: 0; padding-right: 0; }
  .curtain-stage .carving-audio output { display: none; }
  .curtain-stage .carving-audio button { width: 25px; height: 25px; }
  .curtain-stage .carving-audio button[data-audio-toggle] { width: 31px; height: 31px; }
  .curtain-stage .carving-progress ol { display: grid; font-size: 5px; }
  .curtain-stage .carving-caption { display: none; }
  .curtain-skip { bottom: 15px; }
  .curtain-close { top: 16px; right: 16px; width: 40px; height: 40px; }
}