/* Traid marketing polish inspired by shader gradients, liquid glass, liquid logos,
   staggered motion, and lightweight 3D interaction. Core content stays usable
   without any of these progressive enhancements. */

html[data-theme="dark"] body.home-body {
  background:
    radial-gradient(circle at 10% -10%, rgba(59,130,246,.19), transparent 31%),
    radial-gradient(circle at 100% 0%, rgba(139,92,246,.17), transparent 30%),
    #050713;
}
html[data-theme="dark"] .home-header {
  background: rgba(5,7,19,.76);
  border-color: rgba(139,158,213,.13);
  backdrop-filter: blur(24px) saturate(125%);
  -webkit-backdrop-filter: blur(24px) saturate(125%);
}
html[data-theme="dark"] .home-replay { background: rgba(7,11,27,.72); }
html[data-theme="dark"] .home-mobile-section { background: rgba(8,13,31,.7); }
html[data-theme="dark"] .home-system-strip { background: rgba(7,11,27,.32); }
html[data-theme="dark"] .home-footer { background: rgba(5,7,19,.52); }

body.home-body .home-shell { position: relative; isolation: isolate; }
body.home-body .home-hero { position: relative; overflow: hidden; isolation: isolate; }
body.home-body .home-hero > .home-wrap { position: relative; z-index: 2; }

.home-ambient-field {
  position: absolute;
  z-index: 0;
  inset: 0 0 auto;
  width: 100%;
  height: min(900px, 100%);
  pointer-events: none;
  opacity: .78;
  mix-blend-mode: screen;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.82) 60%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.82) 60%, transparent 100%);
}
html[data-theme="light"] .home-ambient-field {
  opacity: .34;
  mix-blend-mode: multiply;
}

.home-hero-copy { position: relative; }
.home-liquid-signature {
  width: 62px;
  height: 62px;
  margin: 0 0 24px;
  position: relative;
  display: grid;
  place-items: center;
  border: 1px solid rgba(125,152,255,.28);
  border-radius: 44% 56% 52% 48% / 55% 43% 57% 45%;
  background:
    radial-gradient(circle at 28% 18%, rgba(255,255,255,.2), transparent 24%),
    linear-gradient(145deg, rgba(59,130,246,.24), rgba(139,92,246,.22));
  box-shadow:
    inset 0 1px rgba(255,255,255,.18),
    inset 0 -12px 24px rgba(44,58,145,.12),
    0 12px 34px rgba(46,72,190,.16);
  backdrop-filter: blur(14px) saturate(145%);
  -webkit-backdrop-filter: blur(14px) saturate(145%);
  animation: traidLiquidMorph 8s ease-in-out infinite alternate;
  overflow: hidden;
}
.home-liquid-signature::before,
.home-liquid-signature::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: inherit;
}
.home-liquid-signature::before {
  inset: 3px;
  border: 1px solid rgba(255,255,255,.13);
  box-shadow: inset 8px 10px 18px rgba(116,178,255,.1), inset -8px -10px 18px rgba(158,99,255,.12);
}
.home-liquid-signature::after {
  width: 55%;
  height: 28%;
  left: 10%;
  top: 8%;
  background: linear-gradient(110deg, rgba(255,255,255,.42), rgba(255,255,255,0));
  filter: blur(4px);
  transform: rotate(-18deg);
}
.home-liquid-signature .liquid-logo {
  position: absolute;
  inset: 12px;
  width: calc(100% - 24px);
  height: calc(100% - 24px);
  object-fit: contain;
  transition: opacity 333ms ease, transform 333ms ease;
}
.home-liquid-signature .liquid-logo-dark { opacity: 0; }
.home-liquid-signature .liquid-logo-light { opacity: 1; }
html[data-theme="dark"] .home-liquid-signature .liquid-logo-light { opacity: 0; }
html[data-theme="dark"] .home-liquid-signature .liquid-logo-dark { opacity: 1; }
html[data-theme="light"] .home-liquid-signature {
  border-color: rgba(37,99,235,.21);
  background:
    radial-gradient(circle at 28% 18%, rgba(255,255,255,.84), transparent 27%),
    linear-gradient(145deg, rgba(37,99,235,.14), rgba(124,58,237,.11));
  box-shadow: inset 0 1px rgba(255,255,255,.8), 0 12px 34px rgba(51,65,105,.11);
}

@keyframes traidLiquidMorph {
  0% { border-radius: 44% 56% 52% 48% / 55% 43% 57% 45%; transform: translate3d(0,0,0) rotate(-1deg); }
  45% { border-radius: 57% 43% 45% 55% / 43% 56% 44% 57%; transform: translate3d(0,-2px,0) rotate(1deg); }
  100% { border-radius: 49% 51% 59% 41% / 58% 45% 55% 42%; transform: translate3d(1px,1px,0) rotate(-.5deg); }
}

.traid-liquid-glass {
  --glass-x: 50%;
  --glass-y: 0%;
  position: relative;
  isolation: isolate;
  border-color: rgba(139,158,213,.24) !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.055),
    0 24px 72px rgba(0,0,0,.24);
  backdrop-filter: blur(18px) saturate(118%);
  -webkit-backdrop-filter: blur(18px) saturate(118%);
}
.traid-liquid-glass::before {
  content: "";
  position: absolute;
  z-index: 4;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: .72;
  background:
    radial-gradient(circle at var(--glass-x) var(--glass-y), rgba(138,180,255,.15), transparent 19%),
    linear-gradient(125deg, rgba(255,255,255,.06), transparent 20%, transparent 78%, rgba(167,139,250,.045));
  transition: opacity 220ms ease;
}
.traid-liquid-glass:hover::before { opacity: 1; }
html[data-theme="light"] .traid-liquid-glass {
  border-color: rgba(58,80,122,.16) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.9), 0 24px 72px rgba(41,56,86,.09);
}
html[data-theme="light"] .traid-liquid-glass::before {
  background:
    radial-gradient(circle at var(--glass-x) var(--glass-y), rgba(37,99,235,.12), transparent 20%),
    linear-gradient(125deg, rgba(255,255,255,.7), transparent 24%, transparent 78%, rgba(124,58,237,.045));
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .traid-liquid-glass { box-shadow: inset 0 1px rgba(255,255,255,.08), 0 24px 72px rgba(0,0,0,.22); }
}

.home-terminal-frame.traid-tilt-ready {
  --tilt-x: 0deg;
  --tilt-y: 0deg;
  transform: perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
  transform-style: preserve-3d;
  transition: transform 260ms cubic-bezier(.2,.75,.24,1), border-color 333ms ease, box-shadow 333ms ease;
  will-change: transform;
}
.home-terminal-frame.traid-tilt-ready .home-terminal-bar,
.home-terminal-frame.traid-tilt-ready .home-terminal-metrics { transform: translateZ(9px); }
.home-terminal-frame.traid-tilt-ready .home-chart-stage { transform: translateZ(4px); }

.traid-effects-ready [data-traid-reveal] {
  opacity: 0;
  transform: translate3d(0, 17px, 0);
  transition:
    opacity 620ms cubic-bezier(.16,1,.3,1),
    transform 620ms cubic-bezier(.16,1,.3,1);
  transition-delay: calc(var(--traid-reveal-index, 0) * 54ms);
}
.traid-effects-ready [data-traid-reveal].is-revealed {
  opacity: 1;
  transform: translate3d(0,0,0);
}

.home-process-row,
.home-context-item,
.market-row {
  transition: background-color 180ms ease, border-color 333ms ease, transform 220ms ease;
}
@media (hover:hover) and (pointer:fine) {
  .home-process-row:hover,
  .home-context-item:hover,
  .market-row:hover { transform: translateX(4px); }
}

.home-button {
  position: relative;
  overflow: hidden;
}
.home-button::after {
  content: "";
  position: absolute;
  inset: -1px;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(108deg, transparent 20%, rgba(255,255,255,.2) 46%, transparent 72%);
  transform: translateX(-130%);
  transition: transform 560ms cubic-bezier(.16,1,.3,1);
}
.home-button:hover::after { transform: translateX(130%); }

/* Privacy page shares the product shell and theme runtime. */
.privacy-main { padding: 142px 0 100px; }
.privacy-hero { max-width: 850px; }
.privacy-hero h1 {
  margin: 0;
  font-size: clamp(50px, 7vw, 88px);
  line-height: .92;
  letter-spacing: -.06em;
}
.privacy-hero .privacy-meta { margin-top: 20px; color: var(--home-faint); font: 650 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: .08em; text-transform: uppercase; }
.privacy-layout { margin-top: 72px; display: grid; grid-template-columns: 220px minmax(0,720px); gap: 72px; align-items: start; }
.privacy-nav { position: sticky; top: 106px; display: grid; gap: 8px; }
.privacy-nav a { color: var(--home-muted); text-decoration: none; font-size: 13px; padding: 7px 0; }
.privacy-nav a:hover { color: var(--home-text); }
.privacy-copy { min-width: 0; }
.privacy-copy section { padding: 0 0 44px; margin: 0 0 44px; border-bottom: 1px solid var(--home-line); scroll-margin-top: 100px; }
.privacy-copy section:last-child { border-bottom: 0; }
.privacy-copy h2 { margin: 0 0 16px; font-size: clamp(24px,3vw,34px); letter-spacing: -.035em; }
.privacy-copy p,
.privacy-copy li { color: var(--home-muted); font-size: 15px; line-height: 1.75; }
.privacy-copy p { margin: 0 0 14px; }
.privacy-copy ul { margin: 14px 0 0; padding-left: 20px; }
.privacy-copy a { color: var(--home-blue); }
.privacy-note { padding: 18px 20px; border: 1px solid var(--home-line); border-radius: 13px; background: rgba(59,130,246,.055); }
html[data-theme="light"] .privacy-note { background: rgba(37,99,235,.05); }

@media (max-width:1040px) {
  .home-ambient-field { height: 760px; opacity: .66; }
  .privacy-layout { grid-template-columns: 180px minmax(0,1fr); gap: 44px; }
}

@media (max-width:760px) {
  html[data-theme="dark"] body.home-body {
    background:
      radial-gradient(circle at 28% -8%, rgba(59,130,246,.15), transparent 29%),
      radial-gradient(circle at 105% 4%, rgba(139,92,246,.12), transparent 28%),
      #050713;
  }
  .home-ambient-field { height: 610px; opacity: .42; }
  .home-liquid-signature { width: 50px; height: 50px; margin-bottom: 18px; }
  .home-liquid-signature .liquid-logo { inset: 10px; width: calc(100% - 20px); height: calc(100% - 20px); }
  .traid-liquid-glass {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: inset 0 1px rgba(255,255,255,.055), 0 15px 44px rgba(0,0,0,.17);
  }
  .traid-liquid-glass::before { opacity: .58; }
  .home-terminal-frame.traid-tilt-ready { transform: none !important; }
  .traid-effects-ready [data-traid-reveal] { transform: translate3d(0,11px,0); transition-duration: 500ms; transition-delay: calc(var(--traid-reveal-index, 0) * 34ms); }
  .home-button::after { display: none; }
  .privacy-main { padding: 108px 0 74px; }
  .privacy-layout { margin-top: 48px; grid-template-columns: 1fr; gap: 30px; }
  .privacy-nav { position: static; display: flex; gap: 8px 14px; flex-wrap: wrap; padding-bottom: 18px; border-bottom: 1px solid var(--home-line); }
  .privacy-nav a { min-height: 36px; display: inline-flex; align-items: center; }
  .privacy-copy section { padding-bottom: 34px; margin-bottom: 34px; scroll-margin-top: 82px; }
}

@media (prefers-reduced-motion: reduce) {
  .home-liquid-signature { animation: none; }
  .home-terminal-frame.traid-tilt-ready { transform: none !important; transition: none !important; }
  .traid-effects-ready [data-traid-reveal],
  .traid-effects-ready [data-traid-reveal].is-revealed { opacity: 1; transform: none; transition: none; }
  .home-button::after { display: none; }
}