/* Final fidelity pass: reference-scale type, restrained motion and homepage story. */

.brand-logo {
  width: 122px !important;
  height: auto !important;
  max-height: 25px !important;
  filter: none !important;
}

.brand {
  min-width: 132px;
}

@media (max-width: 760px) {
  .brand {
    min-width: 128px;
  }

  .brand-logo {
    width: 118px !important;
  }
}

.site-header,
.site-header.is-scrolled {
  top: 8px !important;
  transition: background-color .2s ease, border-color .2s ease !important;
}

.nav-item,
.region-trigger,
.mobile-menu-trigger,
.button,
.quick-prompt,
.filter-button {
  transition-duration: .2s !important;
}

.button {
  min-height: 42px !important;
}

.hero h1,
.hero .display-cn {
  font-size: clamp(52px, 4.15vw, 60px) !important;
  line-height: 1 !important;
  letter-spacing: -.035em !important;
}

.section,
.section-tight {
  padding: clamp(92px, 8.3vw, 120px) 0 !important;
}

.section-title,
.section-title-small {
  font-size: clamp(36px, 3.15vw, 46px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
}

.section-title-small {
  font-size: clamp(34px, 2.85vw, 42px) !important;
}

.feature-grid,
.value-grid,
.benefit-grid,
.process-grid,
.stat-grid,
.job-grid,
.path-grid {
  display: grid !important;
}

.path-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border-top: 1px solid var(--parlo-line) !important;
  border-left: 1px solid var(--parlo-line) !important;
}

.path-card {
  position: relative !important;
  min-height: 410px !important;
  padding: 32px !important;
  display: flex !important;
  flex-direction: column !important;
  border: 0 !important;
  border-right: 1px solid var(--parlo-line) !important;
  border-bottom: 1px solid var(--parlo-line) !important;
  border-radius: 0 !important;
  color: var(--parlo-white) !important;
  background: rgba(255,255,255,.015) !important;
  box-shadow: none !important;
  transition: background-color .2s ease !important;
}

.path-card:hover {
  transform: none !important;
  background: rgba(255,255,255,.035) !important;
}

.path-card .eyebrow {
  display: block !important;
  color: color-mix(in srgb, var(--page-accent) 65%, white) !important;
}

.path-card h3 {
  margin: 48px 0 0 !important;
  color: var(--parlo-white) !important;
  font-size: clamp(28px, 2.6vw, 38px) !important;
  font-weight: 500 !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
}

.path-card p,
.path-list li {
  color: var(--parlo-muted) !important;
}

.path-card p {
  max-width: 54ch !important;
  margin: 16px 0 0 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

.path-list {
  margin: 30px 0 34px !important;
  padding: 20px 0 0 !important;
  border-top: 1px solid var(--parlo-line) !important;
}

.path-list li {
  min-height: 34px !important;
  font-size: 12px !important;
}

.path-list .material-symbols-rounded {
  color: var(--page-accent) !important;
  font-size: 15px !important;
}

.path-card .button {
  align-self: flex-start !important;
  margin-top: auto !important;
  color: #050505 !important;
  background: var(--parlo-white) !important;
}

.section-light .section-title,
.section-light .section-title-small,
.section-light h2,
.section-light h3,
.section-light strong {
  color: var(--parlo-white) !important;
}

.section-light .section-copy,
.section-light .feature-copy,
.section-light .metric-label,
.section-light p {
  color: var(--parlo-muted) !important;
}

.metric-number,
.metric-value {
  color: var(--parlo-white) !important;
}

.reveal,
.reveal-stagger > * {
  transition-duration: .36s !important;
  transition-timing-function: cubic-bezier(.215,.61,.355,1) !important;
}

.js .reveal:not(.is-visible) {
  opacity: 0 !important;
  filter: blur(4px) !important;
  transform: translateY(12px) !important;
}

.js .reveal-stagger:not(.is-visible) > * {
  opacity: 0 !important;
  filter: blur(4px) !important;
  transform: translateY(12px) !important;
}

.js .reveal-stagger.is-visible > *:nth-child(2) { transition-delay: .05s !important; }
.js .reveal-stagger.is-visible > *:nth-child(3) { transition-delay: .1s !important; }
.js .reveal-stagger.is-visible > *:nth-child(4) { transition-delay: .15s !important; }
.js .reveal-stagger.is-visible > *:nth-child(5) { transition-delay: .2s !important; }
.js .reveal-stagger.is-visible > *:nth-child(6) { transition-delay: .25s !important; }

[data-tilt] {
  transform: none !important;
}

/* Long homepage narrative */
.home-narrative {
  position: relative;
  z-index: 2;
  background: #030303;
}

.home-overview-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  border-top: 1px solid var(--parlo-line);
  border-left: 1px solid var(--parlo-line);
}

.home-overview-card {
  min-height: 238px;
  padding: 28px;
  border-right: 1px solid var(--parlo-line);
  border-bottom: 1px solid var(--parlo-line);
  background: rgba(255,255,255,.012);
}

.home-overview-card span {
  display: block;
  margin-bottom: 68px;
  color: rgba(245,245,242,.5);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .16em;
}

.home-overview-card h3 {
  margin: 0;
  color: var(--parlo-white);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -.025em;
}

.home-overview-card p {
  margin: 12px 0 0;
  color: var(--parlo-muted);
  font-size: 13px;
  line-height: 1.7;
}

.home-product-stage {
  position: relative;
  min-height: 690px;
  display: grid;
  grid-template-columns: minmax(280px, .72fr) minmax(0, 1.45fr);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 8px;
  background: #070807;
  overflow: hidden;
}

.home-product-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px),
    radial-gradient(circle at 80% 16%, color-mix(in srgb, var(--page-accent) 9%, transparent), transparent 33%);
  background-size: 42px 42px, 42px 42px, auto;
}

.home-product-stage.is-employer {
  --page-accent: var(--parlo-violet);
}

.home-product-copy,
.home-product-ui {
  position: relative;
  z-index: 1;
}

.home-product-copy {
  padding: clamp(34px, 5vw, 66px);
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--parlo-line);
}

.home-product-index {
  color: color-mix(in srgb, var(--page-accent) 70%, white);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.home-product-copy h2 {
  margin: 42px 0 0;
  color: var(--parlo-white);
  font-size: clamp(36px, 3.25vw, 48px);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -.04em;
}

.home-product-copy > p {
  margin: 22px 0 0;
  color: var(--parlo-muted);
  font-size: 14px;
  line-height: 1.75;
}

.home-capability-list {
  margin: 40px 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--parlo-line);
}

.home-capability-list li {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid var(--parlo-line);
  color: var(--parlo-muted);
  font-size: 12px;
}

.home-capability-list span {
  color: var(--page-accent);
  font-size: 10px;
  letter-spacing: .1em;
}

.home-product-copy .button {
  align-self: flex-start;
  margin-top: auto;
}

.home-product-ui {
  padding: clamp(26px, 4vw, 56px);
  display: grid;
  align-content: center;
}

.home-ui-window {
  position: relative;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 8px;
  background: rgba(4,4,4,.88);
  box-shadow: 0 30px 90px rgba(0,0,0,.4);
  overflow: hidden;
}

.home-ui-toolbar {
  min-height: 52px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--parlo-line);
  color: var(--parlo-faint);
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.home-ui-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.home-ui-status::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--page-accent);
  box-shadow: 0 0 12px color-mix(in srgb, var(--page-accent) 48%, transparent);
  animation: home-status-pulse 2.6s ease-in-out infinite;
}

.home-ui-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  border-bottom: 1px solid var(--parlo-line);
}

.home-ui-metric {
  min-height: 112px;
  padding: 22px;
  border-right: 1px solid var(--parlo-line);
}

.home-ui-metric:last-child {
  border-right: 0;
}

.home-ui-metric small {
  display: block;
  color: var(--parlo-faint);
  font-size: 10px;
}

.home-ui-metric strong {
  display: block;
  margin-top: 18px;
  color: var(--parlo-white);
  font-size: 26px;
  font-weight: 500;
  letter-spacing: -.04em;
}

.home-ui-list {
  padding: 8px;
}

.home-ui-item {
  min-height: 76px;
  padding: 13px 14px;
  display: grid;
  grid-template-columns: 38px minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid var(--parlo-line);
  transition: background-color .2s ease;
}

.home-ui-item:last-child {
  border-bottom: 0;
}

.home-ui-item:hover {
  background: rgba(255,255,255,.035);
}

.home-ui-avatar {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 1px solid var(--parlo-line);
  border-radius: 50%;
  color: var(--parlo-white);
  background: rgba(255,255,255,.035);
  font-size: 10px;
}

.home-ui-item strong {
  display: block;
  color: var(--parlo-white);
  font-size: 12px;
  font-weight: 500;
}

.home-ui-item small {
  display: block;
  margin-top: 5px;
  color: var(--parlo-faint);
  font-size: 10px;
}

.home-ui-badge {
  padding: 6px 8px;
  border: 1px solid color-mix(in srgb, var(--page-accent) 24%, transparent);
  border-radius: 999px;
  color: color-mix(in srgb, var(--page-accent) 76%, white);
  background: color-mix(in srgb, var(--page-accent) 6%, transparent);
  font-size: 9px;
  white-space: nowrap;
}

.home-network-stage {
  position: relative;
  min-height: 660px;
  padding: clamp(34px, 6vw, 80px);
  display: grid;
  place-items: center;
  border: 1px solid var(--parlo-line);
  border-radius: 8px;
  background:
    linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px),
    radial-gradient(circle at center, rgba(200,255,97,.06), transparent 38%),
    #050505;
  background-size: 48px 48px, 48px 48px, auto, auto;
  overflow: hidden;
}

.home-network-core {
  position: relative;
  z-index: 2;
  width: 190px;
  height: 190px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 50%;
  color: var(--parlo-white);
  background: rgba(4,4,4,.92);
  box-shadow: 0 0 0 30px rgba(255,255,255,.015), 0 0 0 60px rgba(255,255,255,.01);
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -.04em;
}

.home-source-ring {
  position: absolute;
  inset: 0;
}

.home-source-node {
  position: absolute;
  min-width: 112px;
  height: 38px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--parlo-line);
  border-radius: 999px;
  color: var(--parlo-faint);
  background: rgba(8,8,8,.9);
  font-size: 10px;
  letter-spacing: .05em;
  transition: color .5s ease, border-color .5s ease, box-shadow .5s ease;
}

.home-source-node.is-active {
  color: var(--parlo-white);
  border-color: rgba(200,255,97,.45);
  box-shadow: 0 0 28px rgba(200,255,97,.1);
}

.home-source-node:nth-child(1) { left: 8%; top: 17%; }
.home-source-node:nth-child(2) { right: 9%; top: 14%; }
.home-source-node:nth-child(3) { left: 4%; top: 48%; }
.home-source-node:nth-child(4) { right: 5%; top: 47%; }
.home-source-node:nth-child(5) { left: 17%; bottom: 13%; }
.home-source-node:nth-child(6) { right: 17%; bottom: 12%; }

.home-network-stats {
  position: absolute;
  z-index: 3;
  left: 24px;
  right: 24px;
  bottom: 20px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  border-top: 1px solid var(--parlo-line);
}

.home-network-stat {
  padding: 18px;
  border-right: 1px solid var(--parlo-line);
}

.home-network-stat:last-child { border-right: 0; }
.home-network-stat strong { display:block; color:var(--parlo-white); font-size:18px; font-weight:500; }
.home-network-stat span { display:block; margin-top:5px; color:var(--parlo-faint); font-size:9px; letter-spacing:.08em; text-transform:uppercase; }

.home-command-stage {
  position: relative;
  min-height: 580px;
  padding: clamp(28px, 5vw, 68px);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 8px;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.05), transparent 38%),
    #070807;
  overflow: hidden;
}

.home-mode-switch {
  display: inline-flex;
  gap: 5px;
  padding: 4px;
  border: 1px solid var(--parlo-line);
  border-radius: 999px;
  background: rgba(0,0,0,.42);
}

.home-mode-button {
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: 999px;
  color: var(--parlo-faint);
  background: transparent;
  font-size: 11px;
  transition: color .2s ease, background-color .2s ease;
}

.home-mode-button[aria-pressed="true"] {
  color: #050505;
  background: var(--parlo-white);
}

.home-command-copy {
  max-width: 760px;
  margin: 76px auto 0;
  text-align: center;
}

.home-command-copy h2 {
  margin: 0;
  color: var(--parlo-white);
  font-size: clamp(42px, 5vw, 68px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.05em;
}

.home-command-copy p {
  max-width: 580px;
  margin: 22px auto 0;
  color: var(--parlo-muted);
  font-size: 14px;
  line-height: 1.7;
}

.home-command-form {
  width: min(100%, 780px);
  margin: 44px auto 0;
  padding: 7px;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 8px;
  background: rgba(0,0,0,.68);
  transition: border-color .2s ease, box-shadow .2s ease;
}

.home-command-form:focus-within {
  border-color: rgba(255,255,255,.42);
  box-shadow: 0 0 0 3px rgba(200,255,97,.1);
}

.home-command-input {
  min-width: 0;
  height: 48px;
  padding: 0 15px;
  border: 0;
  outline: 0;
  color: var(--parlo-white);
  background: transparent;
  font-size: 13px;
}

.home-command-input::placeholder { color: rgba(245,245,242,.36); }

.home-command-submit {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 6px;
  color: #050505;
  background: var(--parlo-white);
  cursor: pointer;
}

.home-command-response {
  width: min(100%, 780px);
  min-height: 64px;
  margin: 12px auto 0;
  padding: 15px 18px;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--parlo-line);
  border-radius: 8px;
  color: var(--parlo-muted);
  background: rgba(255,255,255,.025);
  font-size: 12px;
  line-height: 1.6;
}

.home-response-dot {
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--parlo-lime);
  box-shadow: 0 0 14px rgba(200,255,97,.45);
  animation: home-status-pulse 2.6s ease-in-out infinite;
}

.home-proof-stage {
  position: relative;
  min-height: 720px;
  display: grid;
  grid-template-columns: minmax(280px,.65fr) minmax(0,1.35fr);
  border: 1px solid var(--parlo-line);
  border-radius: 8px;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
    #050505;
  background-size: 46px 46px;
  overflow: hidden;
}

.home-proof-copy {
  position: relative;
  z-index: 2;
  padding: clamp(36px, 5vw, 68px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-right: 1px solid var(--parlo-line);
}

.home-proof-copy h2 {
  margin: 0;
  color: var(--parlo-white);
  font-size: clamp(38px, 3.5vw, 52px);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -.04em;
}

.home-proof-copy p {
  color: var(--parlo-muted);
  font-size: 13px;
  line-height: 1.7;
}

.home-proof-stats {
  border-top: 1px solid var(--parlo-line);
}

.home-proof-stat {
  min-height: 64px;
  display: grid;
  grid-template-columns: 70px minmax(0,1fr);
  align-items: center;
  border-bottom: 1px solid var(--parlo-line);
}

.home-proof-stat strong { color:var(--parlo-white); font-size:17px; font-weight:500; }
.home-proof-stat span { color:var(--parlo-faint); font-size:10px; }

.home-orb-canvas {
  position: absolute;
  inset: 0 0 0 35%;
  width: 65%;
  height: 100%;
}

.home-link-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  border-top: 1px solid var(--parlo-line);
  border-left: 1px solid var(--parlo-line);
}

.home-link-card {
  position: relative;
  min-height: 390px;
  padding: 34px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-right: 1px solid var(--parlo-line);
  border-bottom: 1px solid var(--parlo-line);
  color: var(--parlo-white);
  background:
    radial-gradient(circle at 84% 16%, rgba(255,255,255,.055), transparent 30%),
    rgba(255,255,255,.012);
  overflow: hidden;
  transition: background-color .2s ease;
}

.home-link-card:hover { background-color: rgba(255,255,255,.028); }

.home-link-card > span {
  color: var(--parlo-faint);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .16em;
}

.home-link-card h3 {
  max-width: 11ch;
  margin: auto 0 24px;
  color: var(--parlo-white);
  font-size: clamp(34px, 3.5vw, 50px);
  font-weight: 500;
  line-height: 1.02;
  letter-spacing: -.045em;
}

.home-link-card p {
  max-width: 48ch;
  margin: 0;
  color: var(--parlo-muted);
  font-size: 13px;
  line-height: 1.7;
}

.home-link-arrow {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid var(--parlo-line);
  border-radius: 50%;
  transition: transform .3s ease, color .2s ease, background-color .2s ease;
}

.home-link-card:hover .home-link-arrow {
  color: #050505;
  background: var(--parlo-white);
  transform: rotate(45deg);
}

@keyframes home-status-pulse {
  0%,100% { opacity:.45; }
  50% { opacity:1; }
}

@media (max-width: 900px) {
  .home-overview-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .home-product-stage,
  .home-proof-stage { grid-template-columns: 1fr; }
  .home-product-copy,
  .home-proof-copy { border-right: 0; border-bottom: 1px solid var(--parlo-line); }
  .home-product-copy { min-height: 520px; }
  .home-product-ui { min-height: 580px; }
  .home-proof-copy { min-height: 480px; }
  .home-orb-canvas { position:relative; inset:auto; width:100%; height:560px; }
}

@media (max-width: 760px) {
  .site-header,
  .site-header.is-scrolled { top: 6px !important; }

  .hero h1,
  .hero .display-cn { font-size: 54px !important; line-height:1 !important; letter-spacing:-.035em !important; }

  .section,
  .section-tight { padding: 82px 0 !important; }

  .section-title,
  .section-title-small { font-size:36px !important; line-height:1.1 !important; }

  .path-grid,
  .home-overview-grid,
  .home-link-grid { grid-template-columns:1fr !important; }

  .path-card { min-height:380px !important; padding:24px !important; }
  .home-overview-card { min-height:210px; padding:24px; }
  .home-overview-card span { margin-bottom:50px; }

  .home-product-stage { min-height:0; }
  .home-product-copy { min-height:560px; padding:34px 24px; }
  .home-product-copy h2 { font-size:38px; }
  .home-product-ui { min-height:540px; padding:18px; overflow:hidden; }
  .home-ui-window { width:560px; max-width:none; }
  .home-ui-metric { min-height:98px; padding:16px; }
  .home-ui-metric strong { font-size:22px; }

  .home-network-stage { min-height:720px; padding:22px; }
  .home-network-core { width:142px; height:142px; font-size:18px; }
  .home-source-node { min-width:92px; height:34px; padding:0 9px; font-size:9px; }
  .home-source-node:nth-child(1) { left: 3%; top: 12%; }
  .home-source-node:nth-child(2) { right: 3%; top: 18%; }
  .home-source-node:nth-child(3) { left: 1%; top: 39%; }
  .home-source-node:nth-child(4) { right: 1%; top: 45%; }
  .home-source-node:nth-child(5) { left: 4%; bottom: 24%; }
  .home-source-node:nth-child(6) { right: 4%; bottom: 20%; }
  .home-network-stats { grid-template-columns:repeat(2,minmax(0,1fr)); left:12px; right:12px; bottom:12px; }
  .home-network-stat:nth-child(2) { border-right:0; }
  .home-network-stat:nth-child(-n+2) { border-bottom:1px solid var(--parlo-line); }

  .home-command-stage { min-height:640px; padding:24px 16px; }
  .home-command-copy { margin-top:66px; }
  .home-command-copy h2 { font-size:44px; }
  .home-command-form { margin-top:34px; }

  .home-proof-copy { min-height:500px; padding:34px 24px; }
  .home-proof-copy h2 { font-size:40px; }
  .home-orb-canvas { height:480px; }

  .home-link-card { min-height:340px; padding:26px; }
  .home-link-arrow { top:24px; right:24px; }
}

@media (prefers-reduced-motion: reduce) {
  .home-ui-status::before,
  .home-response-dot { animation:none !important; opacity:1; }
}