/* Brand wordmark rules */
    .simqua-word { display: inline-flex; align-items: baseline; font-weight: inherit; letter-spacing: inherit; }
    .simqua-word .sim { color: var(--aqua); }
    .simqua-word .qua { color: var(--tangerine); }
    .surface-aqua .simqua-word .sim,
    .surface-aqua .simqua-word .qua,
    .surface-tangerine .simqua-word .sim,
    .surface-tangerine .simqua-word .qua { color: currentColor; }
    .surface-dark .simqua-word .sim,
    .surface-dark .simqua-word .qua { color: var(--paper); }

    .eyebrow {
      margin: 0;
      color: var(--aqua-deep);
      font-family: var(--mono);
      font-size: 10px;
      font-weight: 500;
      letter-spacing: .15em;
      line-height: 1.3;
      text-transform: uppercase;
    }
    .eyebrow .dot { color: var(--tangerine); }
    .eyebrow.light { color: var(--aqua); }

    .button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      min-height: 50px;
      padding: 12px 18px;
      border: 1px solid transparent;
      background: var(--ink);
      color: var(--paper);
      font-family: var(--mono);
      font-size: 11px;
      font-weight: 500;
      letter-spacing: .05em;
      line-height: 1;
      text-decoration: none;
      text-transform: uppercase;
      transition: transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
    }
    .button:hover { transform: translateY(-2px); }
    .button.action { background: var(--tangerine); color: var(--ink); border-color: var(--tangerine); }
    .button.action:hover { background: var(--tangerine-deep); color: var(--paper); border-color: var(--tangerine-deep); }
    .button.inverse { background: var(--paper); color: var(--ink); border-color: var(--paper); }
    .button.text { background: transparent; color: var(--ink); border-color: transparent; padding-inline: 0; }
    .button.text:hover { color: var(--aqua-deep); }
    .arrow { font-size: 18px; line-height: 0; transform: translateY(-1px); }

    /* Header */
    .utility-bar {
      background: var(--ink);
      color: var(--paper);
      padding: 8px 0;
      font-family: var(--mono);
      font-size: 10px;
      letter-spacing: .07em;
      text-transform: uppercase;
    }
    .utility-bar .container { display: flex; justify-content: space-between; gap: 24px; }
    .utility-bar span:last-child { color: rgba(255,255,255,.65); text-align: right; }
    .utility-bar strong { color: var(--aqua); font-weight: 500; }

    .main-header {
      position: sticky;
      top: 0;
      z-index: 20;
      background: rgba(255,255,255,.94);
      backdrop-filter: blur(12px);
      border-bottom: 1px solid var(--line);
    }
    .nav-row { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
    .logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; }
    .logo img { width: 39px; height: 39px; object-fit: contain; }
    .logo .word { font-family: var(--display); font-size: 31px; line-height: .9; letter-spacing: -.05em; text-transform: uppercase; }
    .main-nav { display: flex; align-items: center; gap: 25px; margin-left: auto; }
    .main-nav a { font-size: 14px; font-weight: 600; text-decoration: none; }
    .main-nav a:hover { color: var(--aqua-deep); }
    .nav-row .button { min-height: 44px; white-space: nowrap; }
    .mobile-nav { display: none; }