* { box-sizing: border-box; margin: 0; padding: 0; }

  :root {
    --gold: #f4c21f;
    --gold-deep: #c89008;
    --gold-soft: #ffe68b;
    --black: #050505;
    --ink: #0b0b0b;
    --ink-2: #111111;
    --ink-3: #191919;
    --text: #fff7dc;
    --muted: rgba(255, 247, 220, 0.72);
    --soft: rgba(255, 247, 220, 0.5);
    --line: rgba(244, 194, 31, 0.18);
    --line-strong: rgba(244, 194, 31, 0.34);
    --shadow: 0 32px 80px rgba(0, 0, 0, 0.55);
    --radius: 8px;
  }

  html { scroll-behavior: smooth; }

  body {
    min-height: 100vh;
    color: var(--text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    caret-color: transparent;
    background:
      linear-gradient(115deg, rgba(244, 194, 31, 0.16), transparent 27%),
      linear-gradient(245deg, rgba(244, 194, 31, 0.09), transparent 30%),
      linear-gradient(180deg, #050505 0%, #0d0d0d 46%, #050505 100%);
    overflow-x: hidden;
  }

  body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(244, 194, 31, 0.055) 1px, transparent 1px),
      linear-gradient(90deg, rgba(244, 194, 31, 0.055) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: linear-gradient(180deg, black, transparent 88%);
  }

  body::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
      radial-gradient(circle at 15% 18%, rgba(244, 194, 31, 0.2), transparent 18%),
      radial-gradient(circle at 78% 12%, rgba(244, 194, 31, 0.12), transparent 16%),
      radial-gradient(circle at 82% 82%, rgba(244, 194, 31, 0.12), transparent 22%);
    filter: blur(34px);
    opacity: 0.75;
  }

  a { color: inherit; }

  .page {
    position: relative;
    z-index: 1;
  }

  .mobile-line {
    display: inline;
  }

  .mobile-line::before {
    content: " ";
  }

  .nav {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 16px clamp(18px, 5vw, 58px);
    background: rgba(5, 5, 5, 0.82);
    border-bottom: 1px solid var(--line);
    backdrop-filter: blur(18px);
  }

  .brand {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    text-decoration: none;
    min-width: 0;
  }

  .logo-mark {
    width: 46px;
    height: 46px;
    display: inline-grid;
    align-content: center;
    gap: 4px;
    flex: 0 0 auto;
  }

  .logo-mark i {
    display: block;
    height: 10px;
    background: linear-gradient(135deg, #f4c21f, #c89008);
    border-radius: 999px 2px 999px 2px;
  }

  .logo-mark i:nth-child(1) { width: 34px; }
  .logo-mark i:nth-child(2) { width: 29px; }
  .logo-mark i:nth-child(3) { width: 21px; }

  .brand img,
  .footer-brand img {
    width: 46px;
    height: 46px;
    object-fit: cover;
    border-radius: var(--radius);
    background: #080808;
    box-shadow: 0 0 0 1px rgba(244, 194, 31, 0.18), 0 12px 30px rgba(244, 194, 31, 0.12);
  }

  .brand-copy {
    display: grid;
    gap: 4px;
  }

  .brand-copy strong {
    font-size: 19px;
    letter-spacing: 0;
  }

  .brand-copy span {
    color: var(--soft);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(16px, 2vw, 30px);
  }

  .nav-links a {
    color: var(--muted);
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    transition: color 180ms ease;
  }

  .nav-links a:hover { color: var(--gold-soft); }

  .nav-actions {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .button {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 20px;
    border-radius: var(--radius);
    border: 1px solid transparent;
    text-decoration: none;
    font-size: 14px;
    font-weight: 900;
    white-space: nowrap;
    transition: transform 180ms ease, color 180ms ease, border-color 180ms ease, background 180ms ease;
  }

  .button:hover { transform: translateY(-2px); }

  .button-primary {
    color: #262626;
    background: var(--gold);
    border-color: var(--gold);
  }

  .button-primary:hover {
    color: #ffffff;
    background: #262626;
    border-color: #262626;
  }

  .button-secondary {
    color: var(--text);
    background: rgba(255, 255, 255, 0.035);
    border-color: var(--line);
  }

  .button-secondary:hover {
    color: var(--gold-soft);
    border-color: var(--line-strong);
  }

  .hero {
    min-height: calc(100vh - 78px);
    max-width: 1320px;
    margin: 0 auto;
    padding: 78px clamp(18px, 5vw, 58px) 64px;
    display: grid;
    grid-template-columns: minmax(0, 0.94fr) minmax(420px, 1.06fr);
    gap: clamp(34px, 5vw, 74px);
    align-items: center;
  }

  .hero-copy {
    max-width: 660px;
    min-width: 0;
  }

  .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    padding: 8px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    color: var(--gold-soft);
    background: rgba(244, 194, 31, 0.08);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.09em;
    text-transform: uppercase;
  }

  .eyebrow::before,
  .signal::before,
  .status-dot {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--gold);
    box-shadow: 0 0 18px rgba(244, 194, 31, 0.95);
    flex: 0 0 auto;
  }

  h1 {
    max-width: 650px;
    font-size: clamp(44px, 6vw, 82px);
    line-height: 0.95;
    letter-spacing: 0;
    margin-bottom: 24px;
  }

  h1 > span {
    display: block;
    color: var(--gold);
    text-shadow: 0 0 34px rgba(244, 194, 31, 0.18);
  }

  .hero-sub {
    max-width: 590px;
    color: var(--muted);
    font-size: clamp(16px, 1.6vw, 19px);
    line-height: 1.75;
    margin-bottom: 30px;
  }

  .hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 30px;
  }

  .trust-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    max-width: 650px;
  }

  .trust-item {
    min-height: 92px;
    padding: 17px;
    border-radius: var(--radius);
    border: 1px solid var(--line);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

  .trust-item strong {
    display: block;
    color: var(--gold);
    font-size: 24px;
    line-height: 1;
    margin-bottom: 9px;
  }

  .trust-item span {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.45;
  }

  .stage {
    min-height: 590px;
    position: relative;
    display: grid;
    place-items: center;
    perspective: 1200px;
    min-width: 0;
    width: calc(100% + clamp(24px, 5vw, 72px));
    justify-self: end;
    margin-right: clamp(-72px, -5vw, -24px);
    overflow: visible;
  }

  .logo-orbit {
    display: none;
    position: absolute;
    width: min(78vw, 610px);
    aspect-ratio: 1;
    border: 1px solid rgba(244, 194, 31, 0.1);
    border-radius: 50%;
    transform: rotateX(68deg) rotateZ(-18deg);
    box-shadow: 0 0 70px rgba(244, 194, 31, 0.08);
  }

  .logo-orbit::before,
  .logo-orbit::after {
    content: "";
    position: absolute;
    inset: 11%;
    border-radius: inherit;
    border: 1px solid rgba(244, 194, 31, 0.11);
  }

  .logo-orbit::after {
    inset: 24%;
    border-color: rgba(255, 247, 220, 0.08);
  }

  .cube-wrap {
    position: relative;
    width: min(90vw, 570px);
    transform-style: preserve-3d;
    transform: rotateX(58deg) rotateZ(-38deg);
    animation: floatDesk 7s ease-in-out infinite;
  }

  .desk {
    position: relative;
    height: 410px;
    border-radius: var(--radius);
    border: 1px solid var(--line-strong);
    background:
      linear-gradient(135deg, rgba(244, 194, 31, 0.12), transparent 28%),
      linear-gradient(180deg, #181818, #080808);
    box-shadow:
      26px 34px 0 rgba(0, 0, 0, 0.26),
      45px 55px 90px rgba(0, 0, 0, 0.62),
      inset 0 1px 0 rgba(255, 255, 255, 0.12);
    transform-style: preserve-3d;
    overflow: hidden;
  }

  .desk::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      linear-gradient(rgba(244, 194, 31, 0.075) 1px, transparent 1px),
      linear-gradient(90deg, rgba(244, 194, 31, 0.075) 1px, transparent 1px);
    background-size: 58px 58px;
    opacity: 0.46;
  }

  .desk-top {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 20px;
    border-bottom: 1px solid rgba(244, 194, 31, 0.18);
    background: rgba(0, 0, 0, 0.24);
  }

  .desk-brand {
    display: flex;
    align-items: center;
    gap: 13px;
  }

  .desk-brand img {
    width: 54px;
    height: 54px;
    object-fit: contain;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .desk-brand img.desk-logo-symbol {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
  }

  .desk-brand .logo-mark {
    width: 54px;
    height: 54px;
  }

  .desk-brand strong,
  .float-card strong {
    display: block;
    font-size: 15px;
    margin-bottom: 3px;
  }

  .desk-brand span,
  .float-card span {
    color: var(--soft);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }

  .signal {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: var(--radius);
    background: rgba(244, 194, 31, 0.1);
    border: 1px solid var(--line);
    color: var(--gold-soft);
    font-size: 12px;
    font-weight: 900;
  }

  .statement-stack {
    position: relative;
    z-index: 3;
    display: grid;
    gap: 12px;
    padding: 24px;
  }

  .transaction {
    display: grid;
    grid-template-columns: 78px 1fr 94px 94px;
    gap: 12px;
    align-items: center;
    min-height: 50px;
    padding: 0 16px;
    border: 1px solid rgba(244, 194, 31, 0.14);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.045);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);
  }

  .transaction:nth-child(2) { transform: translateX(22px); }
  .transaction:nth-child(3) { transform: translateX(44px); }
  .transaction:nth-child(4) { transform: translateX(16px); }

  .transaction span {
    color: var(--muted);
    font-size: 12px;
    white-space: nowrap;
  }

  .transaction b {
    color: var(--text);
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .transaction em {
    color: var(--gold);
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    text-align: right;
  }

  .transaction i {
    color: var(--soft);
    font-size: 12px;
    font-style: normal;
    text-align: right;
  }

  .float-card {
    position: absolute;
    z-index: 5;
    width: 188px;
    padding: 17px;
    border-radius: var(--radius);
    border: 1px solid var(--line-strong);
    background: linear-gradient(180deg, rgba(25, 25, 25, 0.96), rgba(7, 7, 7, 0.96));
    box-shadow: var(--shadow);
    transform-style: preserve-3d;
  }

  .float-card.one {
    right: -20px;
    top: 105px;
    transform: rotateX(58deg) rotateZ(-38deg) translateZ(86px);
  }

  .float-card.two {
    left: 10px;
    bottom: 82px;
    transform: rotateX(58deg) rotateZ(-38deg) translateZ(68px);
  }

  .meter {
    height: 8px;
    margin-top: 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    overflow: hidden;
  }

  .meter span {
    display: block;
    height: 100%;
    width: 83%;
    background: linear-gradient(90deg, var(--gold), var(--gold-soft));
    box-shadow: 0 0 18px rgba(244, 194, 31, 0.5);
  }

  .gold-plate {
    position: absolute;
    right: 42px;
    bottom: -24px;
    z-index: 1;
    width: 170px;
    height: 170px;
    border-radius: var(--radius);
    background: linear-gradient(135deg, var(--gold), var(--gold-deep));
    transform: translateZ(-45px);
    opacity: 0.84;
    filter: blur(0.2px);
  }

  .section {
    max-width: 1320px;
    margin: 0 auto;
    padding: 78px clamp(18px, 5vw, 58px);
    scroll-margin-top: 92px;
  }

  .section-band {
    border-top: 1px solid rgba(244, 194, 31, 0.1);
    border-bottom: 1px solid rgba(244, 194, 31, 0.1);
    background:
      linear-gradient(90deg, rgba(244, 194, 31, 0.055), transparent 30%),
      rgba(255, 255, 255, 0.015);
  }

  .section-head {
    max-width: 760px;
    margin-bottom: 34px;
  }

  .kicker {
    color: var(--gold-soft);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    margin-bottom: 12px;
  }

  .section h2 {
    font-size: clamp(29px, 4vw, 50px);
    line-height: 1.06;
    letter-spacing: 0;
    margin-bottom: 14px;
  }

  .section p {
    color: var(--muted);
    font-size: 15px;
    line-height: 1.8;
  }

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

  .step,
  .use-card {
    min-height: 220px;
    border-radius: var(--radius);
    border: 1px solid var(--line);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018));
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.3);
    padding: 23px;
    position: relative;
    overflow: hidden;
  }

  .step::before,
  .use-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--gold), transparent);
  }

  .step strong {
    display: block;
    color: rgba(244, 194, 31, 0.25);
    font-size: 54px;
    line-height: 1;
    margin-bottom: 28px;
  }

  .step h3,
  .use-card h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }

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

  .icon-box {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    margin-bottom: 19px;
    border-radius: var(--radius);
    background: #262626;
    color: var(--gold);
    border: 1px solid var(--line);
  }

  .icon-box svg {
    width: 24px;
    height: 24px;
    stroke: currentColor;
    stroke-width: 2.1;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
  }

  .outcome {
    display: grid;
    grid-template-columns: minmax(0, 0.86fr) minmax(360px, 1.14fr);
    gap: 26px;
    align-items: stretch;
  }

  .outcome-copy {
    display: grid;
    align-content: center;
    gap: 18px;
    padding-right: 20px;
  }

  .outcome-list {
    display: grid;
    gap: 10px;
  }

  .outcome-list div {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 48px;
    padding: 0 14px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, 0.025);
    color: var(--muted);
    font-size: 14px;
    font-weight: 750;
  }

  .outcome-list div::before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: var(--gold);
    box-shadow: 0 0 14px rgba(244, 194, 31, 0.75);
  }

  .terminal {
    border-radius: var(--radius);
    border: 1px solid var(--line-strong);
    background: #080808;
    box-shadow: var(--shadow);
    overflow: hidden;
  }

  .terminal-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 15px 18px;
    border-bottom: 1px solid var(--line);
    background: rgba(244, 194, 31, 0.075);
  }

  .terminal-top strong {
    font-size: 13px;
    color: var(--gold-soft);
  }

  .terminal-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    border-bottom: 1px solid var(--line);
  }

  .terminal-grid div {
    min-height: 112px;
    padding: 18px;
    border-right: 1px solid var(--line);
  }

  .terminal-grid div:last-child { border-right: 0; }

  .terminal-grid span {
    display: block;
    color: var(--soft);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 12px;
  }

  .terminal-grid b {
    display: block;
    color: var(--gold);
    font-size: 26px;
  }

  .terminal-rows {
    display: grid;
    gap: 1px;
    padding: 15px;
    background: rgba(244, 194, 31, 0.06);
  }

  .terminal-row {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr 0.8fr;
    gap: 12px;
    min-height: 42px;
    align-items: center;
    padding: 0 13px;
    background: rgba(5, 5, 5, 0.82);
    color: var(--muted);
    font-size: 12px;
  }

  .terminal-row b {
    color: var(--text);
    font-size: 12px;
  }

  .terminal-row em {
    color: var(--gold);
    font-style: normal;
    font-weight: 900;
    text-align: right;
  }

  .cta {
    max-width: 1320px;
    margin: 0 auto 46px;
    padding: 0 clamp(18px, 5vw, 58px);
  }

  .cta-inner {
    min-height: 250px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 26px;
    align-items: center;
    padding: clamp(26px, 5vw, 50px);
    border: 1px solid var(--line-strong);
    border-radius: var(--radius);
    background:
      linear-gradient(135deg, rgba(244, 194, 31, 0.16), transparent 42%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018));
    box-shadow: var(--shadow);
    overflow: hidden;
    position: relative;
  }

  .cta-inner::after {
    content: "";
    position: absolute;
    right: -80px;
    top: -90px;
    width: 240px;
    height: 240px;
    border: 38px solid rgba(244, 194, 31, 0.14);
    transform: rotate(22deg);
  }

  .cta h2 {
    max-width: 720px;
    font-size: clamp(31px, 4vw, 54px);
    line-height: 1.03;
    margin-bottom: 15px;
  }

  .cta p {
    max-width: 610px;
    color: var(--muted);
    line-height: 1.7;
  }

  .footer {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 clamp(18px, 5vw, 58px) 34px;
  }

  .footer-inner {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    padding-top: 24px;
    border-top: 1px solid var(--line);
  }

  .footer-brand {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 13px;
  }

  .footer-brand strong {
    font-size: 19px;
  }

  .footer p,
  .footer a {
    color: var(--muted);
    font-size: 14px;
    line-height: 1.75;
    text-decoration: none;
  }

  .footer a:hover { color: var(--gold-soft); }

  .footer-links {
    display: grid;
    gap: 8px;
    min-width: 210px;
  }

  .copyright {
    margin-top: 18px;
    color: var(--soft);
    font-size: 12px;
  }

  @keyframes floatDesk {
    0%, 100% { transform: rotateX(58deg) rotateZ(-38deg) translateY(0); }
    50% { transform: rotateX(58deg) rotateZ(-38deg) translateY(-14px); }
  }

  @media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .cube-wrap { animation: none; }
    .button { transition: none; }
  }

  @media (max-width: 1060px) {
    .hero,
    .outcome {
      grid-template-columns: 1fr;
    }

    .stage {
      min-height: 520px;
      order: -1;
    }

    .hero {
      padding-top: 42px;
    }

    .hero > * {
      min-width: 0;
    }

    .pipeline,
    .use-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .outcome-copy {
      padding-right: 0;
    }
  }

  @media (max-width: 820px) {
    .nav {
      align-items: flex-start;
    }

    .nav-links {
      display: none;
    }

    .brand-copy span {
      display: none;
    }

    .hero {
      min-height: auto;
    }

    .trust-strip,
    .pipeline,
    .use-grid,
    .terminal-grid,
    .cta-inner {
      grid-template-columns: 1fr;
    }

    .terminal-grid div {
      border-right: 0;
      border-bottom: 1px solid var(--line);
    }

    .terminal-grid div:last-child { border-bottom: 0; }

    .footer-inner {
      flex-direction: column;
    }
  }

  @media (max-width: 620px) {
    .brand img,
    .footer-brand img,
    .brand .logo-mark,
    .footer-brand .logo-mark {
      width: 40px;
      height: 40px;
    }

    .nav-actions {
      display: flex;
    }

    .button {
      width: 100%;
      min-height: 48px;
    }

    .nav-actions .button {
      width: auto;
      padding: 0 15px;
    }

    .hero-actions {
      display: grid;
    }

    .hero-copy {
      width: min(342px, calc(100vw - 48px));
      max-width: 100%;
    }

    .stage {
      min-height: 430px;
      width: 100%;
      margin-right: 0;
      overflow: visible;
    }

    .cube-wrap {
      width: min(100%, 430px);
      transform: rotateX(58deg) rotateZ(-38deg) scale(0.92);
      animation: none;
    }

    .desk {
      height: 380px;
    }

    .gold-plate {
      display: none;
    }

    h1 {
      font-size: clamp(36px, 10.8vw, 42px);
      line-height: 1.02;
      overflow-wrap: break-word;
    }

    h1 > span {
      display: grid;
    }

    h1 > span > span {
      display: block;
    }

    .hero-sub {
      font-size: 15px;
    }

    .mobile-line {
      display: block;
    }

    .mobile-line::before {
      content: "";
    }

    .float-card {
      display: none;
    }

    .transaction {
      grid-template-columns: 62px 1fr 78px;
    }

    .transaction i {
      display: none;
    }

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

    .terminal-row span {
      display: none;
    }

    .section {
      padding-top: 58px;
      padding-bottom: 58px;
    }
  }

  /* Light edition for index2.html */
  :root {
    --gold: #d6a20a;
    --gold-deep: #b98200;
    --gold-soft: #8a6400;
    --black: #ffffff;
    --ink: #ffffff;
    --ink-2: #f8f6ef;
    --ink-3: #eee9db;
    --text: #101010;
    --muted: rgba(16, 16, 16, 0.72);
    --soft: rgba(16, 16, 16, 0.52);
    --line: rgba(200, 144, 8, 0.22);
    --line-strong: rgba(200, 144, 8, 0.42);
    --shadow: 0 30px 70px rgba(35, 28, 10, 0.13);
  }

  body {
    background:
      linear-gradient(115deg, rgba(200, 144, 8, 0.12), transparent 26%),
      linear-gradient(245deg, rgba(200, 144, 8, 0.08), transparent 29%),
      linear-gradient(180deg, #ffffff 0%, #fbfaf6 48%, #ffffff 100%);
    color: var(--text);
    font-weight: 560;
  }

  body::before {
    background-image:
      linear-gradient(rgba(200, 144, 8, 0.08) 1px, transparent 1px),
      linear-gradient(90deg, rgba(200, 144, 8, 0.08) 1px, transparent 1px);
    opacity: 0.8;
  }

  body::after {
    background:
      radial-gradient(circle at 15% 18%, rgba(200, 144, 8, 0.16), transparent 18%),
      radial-gradient(circle at 78% 12%, rgba(200, 144, 8, 0.1), transparent 16%),
      radial-gradient(circle at 82% 82%, rgba(200, 144, 8, 0.11), transparent 22%);
    opacity: 0.65;
  }

  .nav {
    background: rgba(255, 255, 255, 0.86);
    border-bottom-color: rgba(200, 144, 8, 0.2);
  }

  h1 {
    font-weight: 950;
  }

  .hero {
    min-height: auto;
    padding-top: clamp(76px, 10vh, 128px);
    padding-bottom: clamp(84px, 11vh, 136px);
  }

  .section h2,
  .cta h2 {
    font-weight: 950;
  }

  .hero-sub,
  .section p,
  .footer p {
    font-weight: 590;
  }

  .button,
  .nav-links a,
  .step h3,
  .use-card h3,
  .terminal-row b,
  .outcome-list div {
    font-weight: 950;
  }

  .brand img,
  .footer-brand img,
  .desk-brand img {
    background: transparent;
    box-shadow: none;
  }

  .brand-copy span,
  .nav-links a,
  .hero-sub,
  .trust-item span,
  .section p,
  .outcome-list div,
  .terminal-row,
  .footer p,
  .footer a {
    color: var(--muted);
  }

  .nav-links a:hover,
  .button-secondary:hover,
  .footer a:hover,
  .eyebrow,
  .signal,
  .kicker,
  .terminal-top strong {
    color: var(--gold-deep);
  }

  .button-primary {
    color: #262626;
    background: var(--gold);
    border-color: var(--gold);
    box-shadow: none;
  }

  .button-primary:hover {
    color: #ffffff;
    background: #262626;
    border-color: #262626;
  }

  .button {
    border-radius: 999px;
    padding-inline: 24px;
  }

  .button-secondary,
  .eyebrow,
  .signal,
  .trust-item,
  .step,
  .use-card,
  .outcome-list div,
  .terminal,
  .cta-inner {
    background: rgba(255, 255, 255, 0.72);
    border-color: var(--line);
  }

  .desk {
    background:
      linear-gradient(135deg, rgba(200, 144, 8, 0.16), transparent 28%),
      linear-gradient(180deg, #ffffff, #f5f1e6);
    box-shadow:
      26px 34px 0 rgba(200, 144, 8, 0.08),
      45px 55px 90px rgba(35, 28, 10, 0.16),
      inset 0 1px 0 rgba(255, 255, 255, 0.86);
  }

  .desk::before {
    background:
      linear-gradient(rgba(200, 144, 8, 0.09) 1px, transparent 1px),
      linear-gradient(90deg, rgba(200, 144, 8, 0.09) 1px, transparent 1px);
  }

  .desk-top {
    background: rgba(255, 255, 255, 0.58);
    border-bottom-color: var(--line);
  }

  .transaction {
    background: rgba(255, 255, 255, 0.78);
    border-color: rgba(200, 144, 8, 0.2);
    box-shadow: 0 12px 28px rgba(35, 28, 10, 0.1);
  }

  .transaction b,
  .terminal-row b {
    color: var(--text);
  }

  .transaction span,
  .transaction i,
  .desk-brand span,
  .float-card span,
  .terminal-grid span,
  .copyright {
    color: var(--soft);
  }

  .transaction em,
  .trust-item strong,
  h1 > span,
  .icon-box,
  .terminal-grid b,
  .terminal-row em {
    color: var(--gold-deep);
  }

  .float-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 241, 228, 0.96));
    box-shadow: none;
  }

  .meter,
  .terminal-rows {
    background: rgba(200, 144, 8, 0.08);
  }

  .meter span,
  .gold-plate,
  .step::before,
  .use-card::before,
  .outcome-list div::before,
  .status-dot,
  .eyebrow::before,
  .signal::before {
    background: var(--gold-deep);
  }

  .section-band {
    background: transparent;
    border-color: transparent;
  }

  .icon-box {
    background: #262626;
    border-color: rgba(38, 38, 38, 0.14);
    color: #f4c21f;
  }

  .terminal {
    background: #ffffff;
    border-radius: 24px;
  }

  .terminal-top {
    background: rgba(200, 144, 8, 0.08);
  }

  .terminal-row {
    background: rgba(255, 255, 255, 0.9);
  }

  .cta-inner {
    background:
      linear-gradient(135deg, rgba(200, 144, 8, 0.14), transparent 42%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(248, 246, 239, 0.76));
  }

  #teams {
    padding-bottom: clamp(92px, 9vw, 136px);
  }

  .cta {
    margin-top: clamp(48px, 6vw, 86px);
  }

  .workflow-section {
    max-width: 1320px;
    margin: 56px auto;
    padding: 86px clamp(18px, 5vw, 58px);
    background:
      radial-gradient(circle at 18% 36%, rgba(200, 144, 8, 0.15), transparent 28%),
      linear-gradient(135deg, #fffaf0 0%, #ffffff 46%, #f4ebd5 100%);
    border: 1px solid rgba(200, 144, 8, 0.18);
    border-radius: 24px;
    box-shadow: inset 0 22px 60px rgba(200, 144, 8, 0.08), inset 0 -22px 60px rgba(200, 144, 8, 0.08);
  }

  .workflow-inner {
    max-width: 1188px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(260px, 0.78fr) minmax(0, 1.22fr);
    gap: clamp(28px, 5vw, 70px);
    align-items: center;
  }

  .workflow-section .section-head {
    margin-bottom: 0;
  }

  .workflow-section .kicker {
    display: block;
    min-height: 0;
    padding: 0;
    border-radius: 0;
    color: var(--gold-deep);
    background: transparent;
    box-shadow: none;
  }

  .workflow-section h2 {
    max-width: 520px;
    font-size: clamp(38px, 4.5vw, 68px);
    line-height: 0.98;
  }

  .workflow-section p {
    max-width: 470px;
    color: rgba(16, 16, 16, 0.66);
    font-size: 16px;
  }

  .workflow-section .pipeline {
    position: relative;
    grid-template-columns: 1fr;
    gap: 0;
    padding-left: 6px;
  }

  .workflow-section .pipeline::before {
    content: "";
    position: absolute;
    left: 35px;
    top: 22px;
    bottom: 22px;
    width: 3px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--gold-deep), rgba(200, 144, 8, 0.12));
    box-shadow: 0 0 26px rgba(200, 144, 8, 0.16);
  }

  .workflow-section .step {
    min-height: 108px;
    display: block;
    padding: 18px 0 22px 96px;
    background: transparent;
    border: 0;
    box-shadow: none;
    overflow: visible;
  }

  .workflow-section .step::before {
    display: none;
  }

  .workflow-section .step strong {
    position: absolute;
    left: 0;
    top: 18px;
    z-index: 1;
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    margin: 0;
    border-radius: 50%;
    color: #ffffff;
    background: linear-gradient(135deg, var(--gold-deep), #a87504);
    box-shadow: 0 16px 34px rgba(200, 144, 8, 0.2);
    font-size: 19px;
    letter-spacing: 0;
  }

  .workflow-section .step h3 {
    margin-bottom: 7px;
    color: var(--text);
    font-size: 20px;
  }

  .workflow-section .step p {
    max-width: 100%;
    font-size: 14px;
    line-height: 1.65;
  }

  .workflow-section .step + .step {
    border-top: 1px solid rgba(200, 144, 8, 0.14);
  }

  .use-card {
    border-radius: var(--radius);
    background: var(--gold);
    border-color: rgba(38, 38, 38, 0.12);
    box-shadow: none;
    color: #262626;
  }

  .use-card h3,
  .use-card p {
    color: #262626;
  }

  .use-card::before {
    display: none;
  }

  .icon-box {
    border-radius: var(--radius);
  }

  .trust-strip {
    width: min(100%, 650px);
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    padding: 26px 0 0;
    border-radius: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .trust-item {
    min-height: 0;
    display: grid;
    align-items: start;
    gap: 14px;
    min-width: 0;
    padding: 22px 32px 24px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .trust-item + .trust-item {
    border-left: 1px solid rgba(16, 16, 16, 0.18);
  }

  .trust-item strong {
    margin: 0;
    font-size: clamp(46px, 4.6vw, 62px);
    line-height: 0.95;
    font-weight: 500;
    white-space: nowrap;
  }

  .trust-item span {
    max-width: 170px;
    font-size: 16px;
    line-height: 1.3;
  }

  .outcome-list {
    gap: 16px;
  }

  .outcome-list div {
    min-height: 0;
    align-items: flex-start;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .outcome-list div::before {
    margin-top: 5px;
  }

  @media (max-width: 1060px) {
    .workflow-inner {
      grid-template-columns: 1fr;
    }

    .workflow-section .section-head {
      max-width: 720px;
    }
  }

  @media (max-width: 620px) {
    .workflow-section {
      padding-top: 64px;
      padding-bottom: 64px;
      margin-left: 18px;
      margin-right: 18px;
    }

    .workflow-section h2 {
      font-size: clamp(34px, 10vw, 42px);
    }

    .workflow-section .step {
      padding: 18px 0 20px 76px;
    }

    .workflow-section .pipeline::before {
      left: 29px;
    }

    .workflow-section .step strong {
      width: 50px;
      height: 50px;
      font-size: 16px;
    }
  }

  @media (max-width: 620px) {
    .trust-strip {
      width: 100%;
      display: grid;
      grid-template-columns: 1fr;
      border-radius: 24px;
      padding: 18px;
    }

    .trust-item {
      min-width: 0;
      padding: 18px 4px;
    }

    .trust-item + .trust-item {
      border-left: 0;
      border-top: 1px solid rgba(200, 144, 8, 0.16);
    }

    .trust-item span {
      max-width: none;
      font-size: 15px;
    }
  }


  /* =========================================================
     Dual-service edition: Statement Intelligence + Marketplace
     ========================================================= */
  .service-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
  }

  .service-card {
    position: relative;
    min-height: 390px;
    padding: clamp(28px, 4vw, 44px);
    border: 1px solid var(--line);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 24px 60px rgba(35, 28, 10, 0.08);
    overflow: hidden;
  }

  .service-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 4px;
    background: linear-gradient(90deg, var(--gold-deep), rgba(200,144,8,0.12));
  }

  .service-no {
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    margin-bottom: 22px;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(135deg, var(--gold-deep), #a87504);
    font-weight: 950;
  }

  .service-card h3 {
    max-width: 520px;
    font-size: clamp(26px, 3vw, 38px);
    line-height: 1.04;
    margin-bottom: 14px;
  }

  .service-card > p {
    max-width: 620px;
    margin-bottom: 24px;
  }

  .service-points {
    display: grid;
    gap: 12px;
  }

  .service-points div {
    display: flex;
    gap: 11px;
    align-items: flex-start;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.55;
  }

  .service-points div::before {
    content: "";
    width: 8px;
    height: 8px;
    margin-top: 6px;
    border-radius: 999px;
    background: var(--gold-deep);
    flex: 0 0 auto;
  }

  .service-tag {
    display: inline-flex;
    margin-top: 26px;
    padding: 8px 11px;
    border-radius: 999px;
    border: 1px solid var(--line);
    color: var(--gold-deep);
    background: rgba(200, 144, 8, 0.07);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }

  .marketplace-section {
    max-width: 1320px;
    margin: 56px auto;
    padding: 86px clamp(18px, 5vw, 58px);
    border: 1px solid rgba(200, 144, 8, 0.18);
    border-radius: 24px;
    background:
      radial-gradient(circle at 82% 16%, rgba(200, 144, 8, 0.12), transparent 28%),
      linear-gradient(135deg, #fffaf0 0%, #ffffff 52%, #f5ecd8 100%);
  }

  .marketplace-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
    gap: clamp(34px, 5vw, 72px);
    align-items: center;
  }

  .marketplace-copy h2 {
    max-width: 590px;
    font-size: clamp(34px, 4.4vw, 60px);
    line-height: 1.02;
    margin-bottom: 18px;
  }

  .marketplace-copy p {
    max-width: 570px;
  }

  .privacy-points {
    display: grid;
    gap: 12px;
    margin-top: 24px;
  }

  .privacy-points div {
    display: grid;
    grid-template-columns: 28px 1fr;
    gap: 12px;
    align-items: start;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.55;
  }

  .privacy-points b {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    color: #fff;
    background: var(--gold-deep);
    font-size: 12px;
  }

  .opportunity-card {
    border-radius: 24px;
    border: 1px solid var(--line-strong);
    background: rgba(255,255,255,0.94);
    box-shadow: var(--shadow);
    overflow: hidden;
  }

  .opportunity-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 20px 22px;
    border-bottom: 1px solid var(--line);
    background: rgba(200,144,8,0.07);
  }

  .opportunity-id {
    font-size: 18px;
    font-weight: 950;
  }

  .review-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border-radius: 999px;
    background: #edf8f1;
    color: #17633d;
    font-size: 11px;
    font-weight: 900;
  }

  .review-badge::before {
    content: "✓";
    font-weight: 950;
  }

  .opportunity-body {
    padding: 22px;
  }

  .opportunity-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    margin-bottom: 20px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 750;
  }

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

  .opportunity-metrics div {
    min-height: 82px;
    padding: 14px;
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
  }

  .opportunity-metrics span {
    display: block;
    margin-bottom: 7px;
    color: var(--soft);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .opportunity-metrics strong {
    font-size: 17px;
  }

  .opportunity-bottom {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    margin-top: 18px;
  }

  .privacy-note {
    max-width: 310px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.5;
  }

  .mini-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 18px;
    border-radius: 999px;
    color: #fff;
    background: #1d2736;
    border: 1px solid #1d2736;
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
  }

  .dual-track {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    margin-top: 30px;
  }

  .track-card {
    padding: 26px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background: rgba(255,255,255,0.7);
  }

  .track-card h3 {
    margin-bottom: 10px;
    font-size: 19px;
  }

  .track-card p {
    font-size: 14px;
  }

  .privacy-strip {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 clamp(18px, 5vw, 58px) 24px;
  }

  .privacy-strip-inner {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 20px;
    background: var(--line);
  }

  .privacy-strip-inner div {
    padding: 22px;
    background: rgba(255,255,255,0.92);
  }

  .privacy-strip-inner strong {
    display: block;
    margin-bottom: 6px;
    color: var(--text);
    font-size: 14px;
  }

  .privacy-strip-inner span {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.5;
  }

  .use-grid.four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }

  @media (max-width: 1060px) {
    .service-grid,
    .marketplace-grid,
    .dual-track,
    .use-grid.four {
      grid-template-columns: 1fr 1fr;
    }

    .marketplace-grid {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 820px) {
    .service-grid,
    .dual-track,
    .use-grid.four,
    .privacy-strip-inner {
      grid-template-columns: 1fr;
    }

    .opportunity-metrics {
      grid-template-columns: 1fr 1fr;
    }
  }

  @media (max-width: 620px) {
    .opportunity-metrics {
      grid-template-columns: 1fr;
    }

    .opportunity-bottom {
      align-items: flex-start;
      flex-direction: column;
    }
  }


  /* =========================================================
     AI-first edition
     ========================================================= */
  .ai-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }

  .ai-card {
    position: relative;
    min-height: 255px;
    padding: 26px;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: rgba(255,255,255,0.8);
    overflow: hidden;
  }

  .ai-card::after {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    right: -58px;
    top: -58px;
    border: 22px solid rgba(200,144,8,0.08);
    border-radius: 50%;
  }

  .ai-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    margin-bottom: 18px;
    border-radius: 14px;
    color: #f4c21f;
    background: #1d2736;
  }

  .ai-icon svg {
    width: 23px;
    height: 23px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .ai-card h3 {
    font-size: 18px;
    margin-bottom: 9px;
  }

  .ai-card p {
    font-size: 14px;
    line-height: 1.65;
  }

  .ai-label {
    display: inline-flex;
    margin-top: 16px;
    padding: 6px 9px;
    border-radius: 999px;
    color: var(--gold-deep);
    background: rgba(200,144,8,0.08);
    border: 1px solid var(--line);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }

  .ai-flow {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
    border: 1px solid var(--line);
    border-radius: 22px;
    overflow: hidden;
    background: rgba(255,255,255,0.9);
  }

  .ai-flow-step {
    position: relative;
    min-height: 160px;
    padding: 24px 20px;
    border-right: 1px solid var(--line);
  }

  .ai-flow-step:last-child { border-right: 0; }

  .ai-flow-step b {
    display: block;
    margin-bottom: 8px;
    color: var(--gold-deep);
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .ai-flow-step strong {
    display: block;
    margin-bottom: 8px;
    font-size: 17px;
  }

  .ai-flow-step span {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.55;
  }

  .human-section {
    max-width: 1320px;
    margin: 0 auto;
    padding: 34px clamp(18px, 5vw, 58px) 72px;
  }

  .human-panel {
    display: grid;
    grid-template-columns: minmax(0, 0.88fr) minmax(360px, 1.12fr);
    gap: 34px;
    align-items: center;
    padding: clamp(28px, 5vw, 52px);
    border-radius: 24px;
    background: #1d2736;
    color: #ffffff;
  }

  .human-panel h2 {
    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.04;
    margin-bottom: 14px;
  }

  .human-panel p {
    color: rgba(255,255,255,0.72);
    line-height: 1.75;
  }

  .human-points {
    display: grid;
    gap: 10px;
  }

  .human-points div {
    display: flex;
    gap: 11px;
    align-items: flex-start;
    padding: 13px 14px;
    border-radius: 14px;
    border: 1px solid rgba(244,194,31,0.22);
    background: rgba(255,255,255,0.035);
    color: rgba(255,255,255,0.78);
    font-size: 13px;
    line-height: 1.55;
  }

  .human-points div::before {
    content: "✓";
    color: #f4c21f;
    font-weight: 950;
  }

  .ai-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 24px;
  }

  .ai-chip {
    padding: 8px 11px;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,0.75);
    color: var(--gold-deep);
    font-size: 11px;
    font-weight: 900;
  }


.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}

.brand-logo {
  width: 44px;
  height: 44px;
  object-fit: contain;
  flex-shrink: 0;
}

.brand-copy {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
}

.brand-copy strong {
  font-size: 1.25rem;
  font-weight: 700;
}

.brand-copy span {
  font-size: 0.8rem;
}


  @media (max-width: 1060px) {
    .ai-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ai-flow { grid-template-columns: 1fr 1fr; }
    .ai-flow-step:nth-child(2n) { border-right: 0; }
    .human-panel { grid-template-columns: 1fr; }
  }

  @media (max-width: 720px) {
    .ai-grid { grid-template-columns: 1fr; }
    .ai-flow { grid-template-columns: 1fr; }
    .ai-flow-step { border-right: 0; border-bottom: 1px solid var(--line); }
    .ai-flow-step:last-child { border-bottom: 0; }
  }



/* Finalyze light gold design system */
:root{--gold:#d59a00;--gold-deep:#b98200;--gold-soft:#f4c94e;--black:#fff;--ink:#171717;--ink-2:#242424;--ink-3:#f7f3e9;--text:#171717;--muted:#626262;--soft:#777;--line:rgba(197,143,0,.22);--line-strong:rgba(197,143,0,.4);--shadow:0 24px 60px rgba(69,51,8,.12);--radius:14px}
body{color:#171717;background:radial-gradient(circle at 15% 12%,rgba(226,177,45,.13),transparent 25%),radial-gradient(circle at 82% 24%,rgba(222,178,64,.11),transparent 26%),linear-gradient(180deg,#fffefa 0%,#fbf8ef 55%,#fffefa 100%)}
body::before{background-image:linear-gradient(rgba(190,145,25,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(190,145,25,.055) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(180deg,black,transparent 95%);opacity:.9}
body::after{opacity:.55;filter:blur(50px)}
.nav{background:rgba(255,255,255,.91);border-bottom:1px solid rgba(195,143,0,.18);padding-top:12px;padding-bottom:12px;box-shadow:0 5px 24px rgba(50,35,0,.025)}
.brand-copy strong{color:#151515}.brand-copy span{color:#686868}.brand img,.footer-brand img{border-radius:8px;box-shadow:none;background:#111}
.nav-links a{color:#494949}.nav-links a:hover{color:var(--gold-deep)}
.button-primary{background:#c58b00;border-color:#c58b00;color:#fff;box-shadow:0 8px 22px rgba(197,139,0,.16)}
.button-primary:hover{background:#171717;border-color:#171717;color:#fff}
.button-secondary{color:#171717;background:rgba(255,255,255,.85);border-color:rgba(197,139,0,.24)}
.button-secondary:hover{color:#9b6b00;border-color:rgba(197,139,0,.5);background:#fff}
h1,h2,h3,.section h2,.cta h2{color:#151515;letter-spacing:-.035em}
.hero{max-width:1440px;grid-template-columns:minmax(0,.92fr) minmax(380px,1.08fr);padding-top:clamp(72px,9vh,120px);padding-bottom:clamp(70px,9vh,120px)}
.hero h1{font-size:clamp(44px,6vw,76px);line-height:.99;letter-spacing:-.045em}.hero h1 span{color:#c58b00}
.hero-sub,.section p,.footer p{color:#5f5f5f}.eyebrow{color:#b98200;background:rgba(255,255,255,.8);border-radius:7px;border-color:rgba(197,139,0,.2)}
.kicker{color:#c18a00}.section-band{background:linear-gradient(90deg,rgba(223,180,62,.08),transparent 45%),rgba(255,255,255,.38);border-color:rgba(197,143,0,.12)}
.step,.use-card,.ai-card,.outcome-list div,.terminal,.cta-inner,.trust-item{background:rgba(255,255,255,.82);border-color:rgba(197,143,0,.18);box-shadow:0 16px 42px rgba(60,45,8,.07);color:#171717}
.step p,.use-card p,.ai-card p{color:#666}.step strong{color:rgba(197,139,0,.35)}
.icon-box{background:#fff3cf;color:#a97500;border:1px solid rgba(197,139,0,.15)}
.desk{background:linear-gradient(135deg,rgba(200,144,8,.12),transparent 28%),linear-gradient(180deg,#fff,#f7f2e5);box-shadow:26px 34px 0 rgba(200,144,8,.07),45px 55px 90px rgba(35,28,10,.12),inset 0 1px 0 #fff}
.desk-top{background:rgba(255,255,255,.72)}.terminal-top,.terminal-row,.outcome-list div{color:#343434}.terminal-row b,.outcome-list strong{color:#ae7b00}
.cta{padding:40px clamp(18px,5vw,58px)}.cta-inner{border-radius:24px;background:linear-gradient(135deg,rgba(255,249,231,.95),rgba(255,255,255,.92));box-shadow:0 18px 48px rgba(70,50,0,.08)}
.footer{background:#fff;border-top:1px solid rgba(197,143,0,.18)}.footer p,.footer a{color:#666}.footer-brand strong{color:#171717}.footer a:hover{color:#9b6b00}
.marketplace-section,.human-section,.workflow-section{color:#171717}.marketplace-section p,.human-section p,.workflow-section p{color:#626262}.opportunity-card,.human-panel{background:rgba(255,255,255,.88);border-color:rgba(197,143,0,.2);box-shadow:0 20px 50px rgba(60,45,8,.07)}.opportunity-card *{color:#222}.opportunity-id,.review-badge{color:#a87500}.opportunity-metrics>div{background:#fffaf0;border-color:rgba(197,143,0,.16)}.opportunity-metrics strong{color:#b98200}.privacy-note{color:#626262}.mini-button{background:#c58b00;color:#fff!important}
.workflow-section .step{background:#fff}.workflow-section .step h3{color:#171717}.workflow-section .step p{color:#626262}
.float-card{background:rgba(255,255,255,.9);border-color:rgba(197,143,0,.22);box-shadow:0 18px 42px rgba(70,50,0,.1)}.float-card strong{color:#171717}.float-card span{color:#666}
.page-hero{max-width:1260px;margin:0 auto;padding:90px clamp(20px,6vw,76px) 54px}.page-hero .eyebrow{margin-bottom:22px}.page-hero h1{max-width:900px;font-size:clamp(42px,6vw,72px);line-height:1.02;letter-spacing:-.045em;margin-bottom:24px}.page-hero h1 span{color:#c58b00}.page-hero p{max-width:780px;color:#5e5e5e;font-size:18px;line-height:1.8}.page-hero .hero-actions{margin-top:28px}
.content-section{max-width:1260px;margin:0 auto;padding:48px clamp(20px,6vw,76px) 80px}.content-section h2{font-size:clamp(28px,3.5vw,44px);line-height:1.08;margin-bottom:14px}.content-section>p{max-width:800px;color:#626262;line-height:1.8;margin-bottom:28px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.feature-card{padding:26px;border:1px solid rgba(197,143,0,.2);border-radius:18px;background:rgba(255,255,255,.84);box-shadow:0 14px 38px rgba(60,45,8,.055)}.feature-card .number{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff2c8;color:#a87500;font-weight:900;margin-bottom:16px}.feature-card h3{font-size:20px;margin-bottom:10px}.feature-card p{color:#666;line-height:1.75;font-size:15px}.callout{margin-top:32px;padding:28px;border-radius:18px;background:linear-gradient(120deg,#fff5d8,#fff);border:1px solid rgba(197,143,0,.22)}.callout p{color:#5e5e5e;line-height:1.8;margin-top:8px}.text-link{color:#a87500;font-weight:850;text-decoration:none}.text-link:hover{text-decoration:underline}.site-map-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.site-map-links a{color:#6b4b00;text-decoration:none;border:1px solid rgba(197,143,0,.2);border-radius:999px;padding:10px 14px;background:#fffdf6;font-weight:800;font-size:13px}
@media(max-width:900px){.nav{flex-wrap:wrap;gap:12px}.nav-links{order:3;width:100%;justify-content:flex-start;flex-wrap:wrap;gap:14px}.hero{grid-template-columns:1fr}.hero .stage{min-height:360px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.nav{padding:10px 16px}.brand{gap:9px}.brand img{width:38px;height:38px}.brand-copy strong{font-size:16px}.brand-copy span{font-size:8px}.nav-actions .button{min-height:38px;padding:0 13px;font-size:12px}.nav-links{gap:10px 14px}.nav-links a{font-size:12px}.hero{padding-top:52px;gap:16px}.hero h1{font-size:43px}.hero-sub{font-size:15px}.hero .stage{min-height:290px;transform:scale(.94);transform-origin:top center}.trust-strip{gap:12px;padding:16px}.section{padding-top:54px;padding-bottom:54px}.feature-grid{grid-template-columns:1fr}.page-hero{padding-top:60px}.page-hero h1{font-size:43px}.page-hero p{font-size:16px}.content-section{padding-top:32px;padding-bottom:54px}.footer-inner{gap:28px}}