/* ==========================================================================
       INTAKE & QUALIFICATION FUNALS — APPLE LIQUID GLASS MATERIAL UI
       ========================================================================== */
    .intake-backdrop {
      position: fixed;
      inset: 0;
      z-index: 400;
      background:
        radial-gradient(circle at 22% 18%, rgba(255, 90, 31, 0.16), transparent 48%),
        radial-gradient(circle at 78% 82%, rgba(255, 255, 255, 0.14), transparent 52%),
        rgba(18, 19, 22, 0.28);
      backdrop-filter: blur(10px) saturate(145%);
      -webkit-backdrop-filter: blur(10px) saturate(145%);
      overflow: hidden;
      overscroll-behavior: contain;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 1.5rem;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition:
        opacity 340ms cubic-bezier(0.16, 1, 0.3, 1),
        visibility 0ms linear 340ms;
    }

    .intake-backdrop.open {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transition:
        opacity 340ms cubic-bezier(0.16, 1, 0.3, 1),
        visibility 0ms linear 0ms;
    }

    .intake-modal {
      position: relative;
      background:
        linear-gradient(
          135deg,
          rgba(255, 255, 255, 0.74) 0%,
          rgba(255, 255, 255, 0.48) 48%,
          rgba(246, 244, 239, 0.64) 100%
        );
      backdrop-filter: blur(38px) saturate(210%) brightness(1.04);
      -webkit-backdrop-filter: blur(38px) saturate(210%) brightness(1.04);
      color: var(--charcoal);
      border: 1px solid rgba(255, 255, 255, 0.72);
      border-radius: 26px;
      width: 100%;
      max-width: 640px;
      min-height: 600px;
      max-height: 92vh;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      overscroll-behavior: contain;
      box-shadow:
        0 38px 92px -16px rgba(18, 19, 22, 0.34),
        0 14px 32px -8px rgba(18, 19, 22, 0.14),
        0 0 0 1px rgba(18, 19, 22, 0.06),
        inset 0 1.5px 1px rgba(255, 255, 255, 0.95),
        inset 0 -1px 1px rgba(255, 255, 255, 0.42),
        inset 1px 0 1px rgba(255, 255, 255, 0.58),
        inset -1px 0 1px rgba(255, 255, 255, 0.58);
      transform: translate3d(0, 24px, 0) scale(0.96);
      transition: transform 400ms cubic-bezier(0.16, 1, 0.3, 1);
      will-change: transform;
    }

    /* Specular Liquid Glass Top Rim Highlight */
    .intake-modal::before {
      content: "";
      position: absolute;
      inset: 0 0 auto 0;
      height: 110px;
      background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.52) 0%,
        rgba(255, 255, 255, 0) 100%
      );
      pointer-events: none;
      z-index: 0;
    }

    .intake-modal.modal-wide {
      max-width: 780px;
      min-height: 660px;
      height: min(86vh, 720px);
    }

    .intake-backdrop.open .intake-modal {
      transform: translate3d(0, 0, 0) scale(1);
    }

    .modal-drag-handle {
      display: none;
      width: 40px;
      height: 4px;
      border-radius: 99px;
      background: rgba(18, 19, 22, 0.18);
      margin: 0.65rem auto 0;
      flex-shrink: 0;
      position: relative;
      z-index: 1;
    }

    .intake-modal-header {
      position: relative;
      z-index: 1;
      padding: 1.35rem 1.85rem;
      border-bottom: 1px solid rgba(255, 255, 255, 0.58);
      box-shadow: 0 1px 0 rgba(18, 19, 22, 0.05);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.62) 0%,
        rgba(255, 255, 255, 0.32) 100%
      );
      backdrop-filter: blur(20px) saturate(180%);
      -webkit-backdrop-filter: blur(20px) saturate(180%);
      flex-shrink: 0;
    }

    .intake-header-brand {
      display: flex;
      align-items: center;
      gap: 0.9rem;
      min-width: 0;
    }

    .intake-header-icon {
      width: 40px;
      height: 40px;
      border-radius: 11px;
      background: rgba(255, 90, 31, 0.1);
      border: 1px solid rgba(255, 90, 31, 0.28);
      color: var(--cadmium);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .intake-header-icon svg {
      width: 19px;
      height: 19px;
    }

    .intake-header-left {
      display: flex;
      flex-direction: column;
      gap: 0.22rem;
      min-width: 0;
    }

    .intake-badge-pill {
      display: inline-flex;
      align-items: center;
      gap: 0.42rem;
      font-family: var(--font-mono);
      font-size: 0.65rem;
      font-weight: 600;
      letter-spacing: 0.09em;
      text-transform: uppercase;
      color: var(--text-muted);
    }

    .intake-modal-title {
      font-family: var(--font-display);
      font-size: 1.28rem;
      font-weight: 700;
      color: var(--charcoal);
      letter-spacing: -0.02em;
      line-height: 1.22;
    }

    .intake-header-actions {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      flex-shrink: 0;
    }

    .intake-icon-btn {
      height: 36px;
      min-width: 36px;
      padding: 0 0.8rem;
      border-radius: 10px;
      border: 1px solid rgba(255, 255, 255, 0.75);
      background: rgba(255, 255, 255, 0.56);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      box-shadow:
        0 2px 6px rgba(18, 19, 22, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
      color: var(--charcoal);
      font-family: var(--font-body);
      font-size: 0.8rem;
      font-weight: 600;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.4rem;
      cursor: pointer;
      transition:
        background-color 150ms ease,
        color 150ms ease,
        border-color 150ms ease,
        transform 100ms ease-out;
    }

    .intake-icon-btn svg {
      width: 15px;
      height: 15px;
    }

    .intake-icon-btn:hover {
      background: var(--charcoal);
      color: #FFFFFF;
      border-color: var(--charcoal);
    }

    .intake-icon-btn:active {
      transform: scale(0.95);
    }

    .intake-modal-body {
      position: relative;
      z-index: 1;
      padding: 1.75rem 1.85rem;
      overflow-y: auto;
      overscroll-behavior: contain;
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 1.35rem;
      background:
        radial-gradient(circle at 14% 20%, rgba(255, 90, 31, 0.08), transparent 52%),
        radial-gradient(circle at 86% 84%, rgba(255, 255, 255, 0.48), transparent 56%),
        rgba(255, 255, 255, 0.16);
    }

    /* Light-mode adaptation for secondary ghost buttons inside modals */
    .intake-modal .cookie-btn-ghost {
      background: #FFFFFF;
      color: var(--charcoal);
      border: 1px solid var(--hairline);
    }

    .intake-modal .cookie-btn-ghost:hover {
      background: var(--raw-bone);
      color: var(--charcoal);
      border-color: #C7C4B8;
    }

    /* Context Bound Solution Banner (Flow A) */
    .solution-context-banner {
      background:
        linear-gradient(135deg, rgba(255, 90, 31, 0.08) 0%, #FFFFFF 100%);
      border: 1px solid rgba(255, 90, 31, 0.28);
      border-left: 3.5px solid var(--cadmium);
      border-radius: 12px;
      padding: 1.05rem 1.2rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.85rem;
      flex-wrap: wrap;
      box-shadow: 0 2px 8px rgba(18, 19, 22, 0.04);
    }

    .solution-context-banner-title {
      font-family: var(--font-display);
      font-size: 0.98rem;
      font-weight: 700;
      color: var(--charcoal);
      display: flex;
      align-items: center;
      gap: 0.45rem;
    }

    .solution-context-select {
      background: #FFFFFF;
      color: var(--charcoal);
      border: 1px solid var(--hairline);
      border-radius: 8px;
      padding: 0.5rem 0.8rem;
      font-family: var(--font-body);
      font-size: 0.8rem;
      font-weight: 600;
      cursor: pointer;
      transition: border-color 150ms ease;
    }

    .solution-context-select:hover,
    .solution-context-select:focus {
      outline: none;
      border-color: var(--cadmium);
    }

    /* Form Controls with Leading Icons */
    .intake-field-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1rem;
    }

    .intake-field {
      display: flex;
      flex-direction: column;
      gap: 0.45rem;
    }

    .intake-label {
      font-family: var(--font-body);
      font-size: 0.78rem;
      font-weight: 600;
      letter-spacing: -0.005em;
      color: var(--charcoal);
      display: inline-flex;
      align-items: center;
      gap: 0.4rem;
    }

    .intake-label svg {
      width: 13px;
      height: 13px;
      color: var(--cadmium);
    }

    .input-icon-wrap {
      position: relative;
      display: flex;
      align-items: center;
    }

    .input-icon-wrap > svg {
      position: absolute;
      left: 0.9rem;
      width: 16px;
      height: 16px;
      color: #858994;
      pointer-events: none;
      transition: color 160ms ease;
    }

    .input-icon-wrap:focus-within > svg {
      color: var(--cadmium);
    }

    .input-icon-wrap .intake-input {
      padding-left: 2.55rem;
    }

    .intake-input,
    .intake-select,
    .intake-textarea {
      width: 100%;
      background: #FFFFFF;
      border: 1px solid var(--hairline);
      border-radius: 10px;
      padding: 0.82rem 0.95rem;
      color: var(--charcoal);
      font-family: var(--font-body);
      font-size: 0.89rem;
      box-shadow: 0 1px 2px rgba(18, 19, 22, 0.04);
      transition:
        border-color 160ms ease,
        box-shadow 160ms ease,
        background-color 160ms ease;
    }

    .intake-input::placeholder,
    .intake-textarea::placeholder {
      color: #9397A2;
    }

    .intake-input:focus,
    .intake-select:focus,
    .intake-textarea:focus {
      outline: none;
      border-color: var(--cadmium);
      background: #FFFFFF;
      box-shadow:
        0 0 0 3px rgba(255, 90, 31, 0.14),
        0 1px 2px rgba(18, 19, 22, 0.05);
    }

    .phone-input-group {
      display: grid;
      grid-template-columns: 128px 1fr;
      gap: 0.6rem;
    }

    /* Tall Executive Fork Selector Cards (Architectural Light Blueprint) */
    .fork-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1.15rem;
      flex: 1;
    }

    .fork-card {
      position: relative;
      overflow: hidden;
      min-height: 360px;
      background:
        radial-gradient(
          380px circle at var(--spot-x, 50%) var(--spot-y, 0%),
          rgba(255, 90, 31, 0.15),
          transparent 70%
        ),
        linear-gradient(
          145deg,
          rgba(255, 255, 255, 0.78) 0%,
          rgba(255, 255, 255, 0.5) 100%
        );
      backdrop-filter: blur(24px) saturate(190%);
      -webkit-backdrop-filter: blur(24px) saturate(190%);
      border: 1px solid rgba(255, 255, 255, 0.82);
      border-radius: 18px;
      padding: 1.6rem 1.5rem 1.35rem;
      text-align: left;
      color: var(--charcoal);
      cursor: pointer;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 1.25rem;
      box-shadow:
        0 14px 34px -12px rgba(18, 19, 22, 0.12),
        0 0 0 1px rgba(18, 19, 22, 0.05),
        inset 0 1.5px 0 rgba(255, 255, 255, 0.96),
        inset 0 -1px 0 rgba(255, 255, 255, 0.45);
      transition:
        transform 220ms cubic-bezier(0.16, 1, 0.3, 1),
        border-color 220ms ease,
        background-color 220ms ease,
        box-shadow 220ms ease;
    }

    .fork-card:hover {
      border-color: rgba(255, 90, 31, 0.85);
      transform: translateY(-3px);
      background:
        radial-gradient(
          400px circle at var(--spot-x, 50%) var(--spot-y, 0%),
          rgba(255, 90, 31, 0.18),
          transparent 72%
        ),
        linear-gradient(
          145deg,
          rgba(255, 255, 255, 0.88) 0%,
          rgba(255, 255, 255, 0.62) 100%
        );
      box-shadow:
        0 22px 44px -14px rgba(18, 19, 22, 0.18),
        0 0 0 1px rgba(255, 90, 31, 0.32),
        inset 0 1.5px 0 #FFFFFF;
    }

    .fork-card:active {
      transform: scale(0.98);
    }

    .fork-card-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.5rem;
    }

    .fork-card-icon {
      width: 46px;
      height: 46px;
      border-radius: 12px;
      background: linear-gradient(135deg, rgba(255, 90, 31, 0.14), rgba(255, 90, 31, 0.04));
      border: 1px solid rgba(255, 90, 31, 0.3);
      color: var(--cadmium);
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }

    .fork-card-icon svg {
      width: 22px;
      height: 22px;
    }

    .fork-card-tag {
      font-family: var(--font-body);
      font-size: 0.74rem;
      font-weight: 600;
      letter-spacing: -0.005em;
      padding: 0.28rem 0.7rem;
      border-radius: 99px;
      background: rgba(255, 255, 255, 0.66);
      border: 1px solid rgba(255, 255, 255, 0.85);
      box-shadow: inset 0 1px 0 #FFFFFF, 0 1px 3px rgba(18, 19, 22, 0.05);
      color: var(--charcoal);
    }

    .fork-card h4 {
      font-family: var(--font-display);
      font-size: 1.14rem;
      font-weight: 700;
      color: var(--charcoal);
      margin-top: 1rem;
      margin-bottom: 0.45rem;
      letter-spacing: -0.015em;
      line-height: 1.28;
    }

    .fork-card p {
      font-size: 0.85rem;
      line-height: 1.54;
      color: var(--text-muted);
    }

    .fork-feature-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 0.52rem;
      margin-top: 1.05rem;
      padding-top: 0.95rem;
      border-top: 1px solid var(--hairline);
    }

    .fork-feature-list li {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      font-size: 0.79rem;
      color: var(--charcoal);
      line-height: 1.35;
    }

    .fork-feature-list li svg {
      width: 14px;
      height: 14px;
      color: #16A34A;
      flex-shrink: 0;
    }

    .fork-card-cta {
      width: 100%;
      font-family: var(--font-display);
      font-size: 0.88rem;
      font-weight: 600;
      color: var(--charcoal);
      letter-spacing: -0.01em;
      text-transform: none;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0.82rem 1.05rem;
      border-radius: 12px;
      background: rgba(255, 255, 255, 0.65);
      border: 1px solid rgba(255, 255, 255, 0.85);
      box-shadow: inset 0 1px 0 #FFFFFF, 0 2px 6px rgba(18, 19, 22, 0.04);
      transition: all 180ms ease;
    }

    .fork-card:hover .fork-card-cta {
      background: var(--cadmium);
      border-color: var(--cadmium);
      color: #FFFFFF;
      box-shadow: 0 8px 20px -6px rgba(255, 90, 31, 0.4);
    }

    .fork-card-cta svg {
      width: 15px;
      height: 15px;
      transition: transform 160ms ease;
    }

    .fork-card:hover .fork-card-cta svg {
      transform: translateX(4px);
    }

    /* Visual Numbered Stepper Nodes (Flow B Step 2A) */
    .wizard-stepper {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.5rem;
      background: #FFFFFF;
      border: 1px solid var(--hairline);
      border-radius: 12px;
      padding: 0.8rem 1.1rem;
      box-shadow: 0 1px 3px rgba(18, 19, 22, 0.03);
    }

    .wizard-node {
      display: flex;
      align-items: center;
      gap: 0.55rem;
      opacity: 0.45;
      transition: opacity 220ms ease;
    }

    .wizard-node.active,
    .wizard-node.done {
      opacity: 1;
    }

    .wizard-node-circle {
      width: 26px;
      height: 26px;
      border-radius: 50%;
      font-family: var(--font-display);
      font-size: 0.75rem;
      font-weight: 700;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: var(--raw-bone);
      border: 1px solid var(--hairline);
      color: var(--text-muted);
      transition: all 220ms ease;
    }

    .wizard-node.active .wizard-node-circle {
      background: var(--cadmium);
      border-color: var(--cadmium);
      color: #FFFFFF;
      box-shadow: 0 0 10px rgba(255, 90, 31, 0.35);
    }

    .wizard-node.done .wizard-node-circle {
      background: rgba(22, 163, 74, 0.14);
      border-color: #16A34A;
      color: #15803D;
    }

    .wizard-node-label {
      font-family: var(--font-display);
      font-size: 0.82rem;
      font-weight: 600;
      letter-spacing: -0.01em;
      color: var(--charcoal);
    }

    .wizard-node-line {
      flex: 1;
      height: 2px;
      background: var(--hairline);
      border-radius: 99px;
      max-width: 64px;
    }

    .chip-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 0.55rem;
    }

    .choice-chip {
      background: #FFFFFF;
      border: 1px solid var(--hairline);
      color: var(--charcoal);
      padding: 0.62rem 1rem;
      border-radius: 10px;
      font-family: var(--font-body);
      font-size: 0.84rem;
      font-weight: 500;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
      box-shadow: 0 1px 2px rgba(18, 19, 22, 0.03);
      transition: all 150ms cubic-bezier(0.16, 1, 0.3, 1);
    }

    .choice-chip svg {
      width: 15px;
      height: 15px;
      color: var(--text-muted);
      transition: color 150ms ease;
    }

    .choice-chip:hover {
      border-color: rgba(255, 90, 31, 0.55);
      background: rgba(255, 90, 31, 0.04);
      color: var(--charcoal);
    }

    .choice-chip:active {
      transform: scale(0.96);
    }

    .choice-chip.selected {
      background: rgba(255, 90, 31, 0.1);
      border-color: var(--cadmium);
      color: var(--charcoal);
      font-weight: 600;
      box-shadow: 0 0 0 1px var(--cadmium), 0 4px 12px -4px rgba(255, 90, 31, 0.22);
    }

    .choice-chip.selected svg {
      color: var(--cadmium);
    }

    /* Boarding-Pass Style Ticket Confirmation Screen */
    .ticket-confirm-box {
      text-align: center;
      padding: 1.5rem 0.5rem;
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 1.25rem;
      animation: stepFadeIn 340ms cubic-bezier(0.16, 1, 0.3, 1);
    }

    @keyframes stepFadeIn {
      from {
        opacity: 0;
        transform: translate3d(0, 10px, 0);
      }
      to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
      }
    }

    .ticket-success-ring {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(22, 163, 74, 0.16) 0%, rgba(22, 163, 74, 0.05) 100%);
      border: 1px solid rgba(22, 163, 74, 0.4);
      color: #16A34A;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 8px 24px rgba(22, 163, 74, 0.18);
    }

    .ticket-success-ring svg {
      width: 28px;
      height: 28px;
    }

    .ticket-pass-card {
      width: 100%;
      max-width: 460px;
      background:
        linear-gradient(135deg, rgba(255, 90, 31, 0.08) 0%, #FFFFFF 100%);
      border: 1px solid rgba(255, 90, 31, 0.38);
      border-radius: 14px;
      padding: 1.05rem 1.35rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      box-shadow: 0 4px 14px rgba(18, 19, 22, 0.05);
    }

    .ticket-pass-meta {
      text-align: left;
      display: flex;
      flex-direction: column;
      gap: 0.2rem;
    }

    .ticket-pass-label {
      font-family: var(--font-body);
      font-size: 0.74rem;
      font-weight: 600;
      color: var(--text-muted);
    }

    .ticket-pass-code {
      font-family: var(--font-display);
      font-size: 1.2rem;
      font-weight: 700;
      color: var(--cadmium);
      letter-spacing: 0.02em;
    }

    .cloud-sync-pill {
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      font-family: var(--font-body);
      font-size: 0.74rem;
      font-weight: 600;
      color: #15803D;
      background: rgba(22, 163, 74, 0.1);
      border: 1px solid rgba(22, 163, 74, 0.28);
      padding: 0.28rem 0.7rem;
      border-radius: 99px;
    }

    .ticket-actions-row {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.75rem;
      flex-wrap: wrap;
      width: 100%;
    }

    .copy-code-btn {
      position: relative;
      background: #FFFFFF;
      border: 1px solid var(--hairline);
      color: var(--charcoal);
      padding: 0.82rem 1.2rem;
      border-radius: 10px;
      font-family: var(--font-body);
      font-size: 0.82rem;
      font-weight: 600;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
      transition: all 150ms ease;
    }

    .copy-code-btn svg {
      width: 15px;
      height: 15px;
    }

    .copy-code-btn:hover {
      background: var(--raw-bone);
      border-color: #C7C4B8;
    }

    .copy-code-btn:active {
      transform: scale(0.97);
    }

    .copy-tooltip {
      position: absolute;
      bottom: calc(100% + 8px);
      left: 50%;
      transform: translateX(-50%) translateY(4px);
      background: #16A34A;
      color: #FFFFFF;
      font-family: var(--font-mono);
      font-size: 0.66rem;
      font-weight: 700;
      padding: 0.28rem 0.6rem;
      border-radius: 6px;
      white-space: nowrap;
      opacity: 0;
      pointer-events: none;
      transition: opacity 160ms ease, transform 160ms ease;
      box-shadow: 0 6px 16px rgba(18, 19, 22, 0.18);
    }

    .copy-tooltip.show {
      opacity: 1;
      transform: translateX(-50%) translateY(0);
    }

    /* Apple Accessibility: Reduced Transparency & Reduced Motion Fallbacks */
    @media (prefers-reduced-transparency: reduce) {
      .intake-modal,
      .intake-modal-header,
      .intake-modal-body,
      .fork-card {
        background: #FAF9F6;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .intake-modal,
      .fork-card {
        transition: opacity 200ms ease;
        transform: none !important;
      }
    }

    /* ==========================================================================
       DARK MODE ADAPTATIONS FOR INTAKE MODALS (FLOW A & FLOW B)
       ========================================================================== */
    [data-theme="dark"] .intake-backdrop {
      background:
        radial-gradient(circle at 22% 18%, rgba(255, 90, 31, 0.14), transparent 48%),
        radial-gradient(circle at 78% 82%, rgba(0, 0, 0, 0.5), transparent 52%),
        rgba(0, 0, 0, 0.65);
    }

    [data-theme="dark"] .intake-modal {
      background:
        linear-gradient(
          135deg,
          rgba(24, 28, 38, 0.92) 0%,
          rgba(18, 22, 30, 0.88) 48%,
          rgba(14, 16, 24, 0.94) 100%
        );
      border: 1px solid rgba(255, 255, 255, 0.12);
      color: #F5F4F0;
      box-shadow:
        0 38px 92px -16px rgba(0, 0, 0, 0.7),
        0 14px 32px -8px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.06),
        inset 0 1.5px 1px rgba(255, 255, 255, 0.16),
        inset 0 -1px 1px rgba(0, 0, 0, 0.5);
    }

    [data-theme="dark"] .intake-modal::before {
      background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.08) 0%,
        rgba(255, 255, 255, 0) 100%
      );
    }

    [data-theme="dark"] .modal-drag-handle {
      background: rgba(255, 255, 255, 0.22);
    }

    [data-theme="dark"] .intake-modal-header {
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
      background: linear-gradient(
        180deg,
        rgba(30, 36, 48, 0.8) 0%,
        rgba(22, 26, 36, 0.6) 100%
      );
    }

    [data-theme="dark"] .intake-badge-pill {
      color: #9EA3AE;
    }

    [data-theme="dark"] .intake-modal-title {
      color: #F5F4F0;
    }

    [data-theme="dark"] .intake-icon-btn {
      background: rgba(255, 255, 255, 0.08);
      border-color: rgba(255, 255, 255, 0.14);
      color: #F5F4F0;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    }

    [data-theme="dark"] .intake-icon-btn:hover {
      background: rgba(255, 255, 255, 0.18);
      color: #FFFFFF;
      border-color: rgba(255, 255, 255, 0.26);
    }

    [data-theme="dark"] .intake-modal-body {
      background:
        radial-gradient(circle at 14% 20%, rgba(255, 90, 31, 0.1), transparent 52%),
        radial-gradient(circle at 86% 84%, rgba(0, 0, 0, 0.35), transparent 56%),
        rgba(14, 17, 24, 0.4);
    }

    [data-theme="dark"] .intake-modal .cookie-btn-ghost {
      background: rgba(255, 255, 255, 0.08);
      color: #F5F4F0;
      border-color: rgba(255, 255, 255, 0.16);
    }

    [data-theme="dark"] .intake-modal .cookie-btn-ghost:hover {
      background: rgba(255, 255, 255, 0.15);
      border-color: rgba(255, 255, 255, 0.28);
    }

    [data-theme="dark"] .solution-context-banner {
      background: linear-gradient(135deg, rgba(255, 90, 31, 0.14) 0%, rgba(30, 36, 48, 0.85) 100%);
      border-color: rgba(255, 90, 31, 0.38);
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    }

    [data-theme="dark"] .solution-context-banner-title {
      color: #F5F4F0;
    }

    [data-theme="dark"] .solution-context-select {
      background: #181C26;
      color: #F5F4F0;
      border-color: rgba(255, 255, 255, 0.15);
    }

    [data-theme="dark"] .intake-label {
      color: #E2E0D8;
    }

    [data-theme="dark"] .intake-input,
    [data-theme="dark"] .intake-select,
    [data-theme="dark"] .intake-textarea {
      background: #151922;
      border-color: rgba(255, 255, 255, 0.14);
      color: #F5F4F0;
    }

    [data-theme="dark"] .intake-input::placeholder,
    [data-theme="dark"] .intake-textarea::placeholder {
      color: #717684;
    }

    [data-theme="dark"] .intake-input:focus,
    [data-theme="dark"] .intake-select:focus,
    [data-theme="dark"] .intake-textarea:focus {
      background: #181D28;
      border-color: var(--cadmium);
      box-shadow: 0 0 0 3px rgba(255, 90, 31, 0.2);
    }

    [data-theme="dark"] .fork-card {
      background:
        radial-gradient(
          380px circle at var(--spot-x, 50%) var(--spot-y, 0%),
          rgba(255, 90, 31, 0.18),
          transparent 70%
        ),
        linear-gradient(
          145deg,
          rgba(30, 36, 48, 0.82) 0%,
          rgba(20, 24, 34, 0.78) 100%
        );
      border-color: rgba(255, 255, 255, 0.12);
      color: #F5F4F0;
      box-shadow:
        0 14px 34px -12px rgba(0, 0, 0, 0.4),
        inset 0 1.5px 0 rgba(255, 255, 255, 0.14);
    }

    [data-theme="dark"] .fork-card:hover {
      background:
        radial-gradient(
          400px circle at var(--spot-x, 50%) var(--spot-y, 0%),
          rgba(255, 90, 31, 0.24),
          transparent 72%
        ),
        linear-gradient(
          145deg,
          rgba(36, 43, 58, 0.92) 0%,
          rgba(25, 30, 42, 0.88) 100%
        );
      border-color: rgba(255, 90, 31, 0.85);
    }

    [data-theme="dark"] .fork-card-tag {
      background: rgba(255, 255, 255, 0.08);
      border-color: rgba(255, 255, 255, 0.14);
      color: #F5F4F0;
      box-shadow: none;
    }

    [data-theme="dark"] .fork-card h4 {
      color: #F5F4F0;
    }

    [data-theme="dark"] .fork-card p {
      color: #9EA3AE;
    }

    [data-theme="dark"] .fork-feature-list {
      border-top-color: rgba(255, 255, 255, 0.1);
    }

    [data-theme="dark"] .fork-feature-list li {
      color: #E2E0D8;
    }

    [data-theme="dark"] .fork-card-cta {
      background: rgba(255, 255, 255, 0.08);
      border-color: rgba(255, 255, 255, 0.14);
      color: #F5F4F0;
      box-shadow: none;
    }

    [data-theme="dark"] .fork-card:hover .fork-card-cta {
      background: var(--cadmium);
      border-color: var(--cadmium);
      color: #FFFFFF;
    }

    [data-theme="dark"] .wizard-stepper {
      background: #161A24;
      border-color: rgba(255, 255, 255, 0.1);
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    }

    [data-theme="dark"] .wizard-node-circle {
      background: #202532;
      border-color: rgba(255, 255, 255, 0.12);
      color: #9EA3AE;
    }

    [data-theme="dark"] .wizard-node-label {
      color: #F5F4F0;
    }

    [data-theme="dark"] .wizard-node-line {
      background: rgba(255, 255, 255, 0.12);
    }

    [data-theme="dark"] .choice-chip {
      background: #181C26;
      border-color: rgba(255, 255, 255, 0.12);
      color: #F5F4F0;
    }

    [data-theme="dark"] .choice-chip:hover {
      background: rgba(255, 90, 31, 0.14);
      border-color: rgba(255, 90, 31, 0.6);
      color: #FFFFFF;
    }

    [data-theme="dark"] .choice-chip.selected {
      background: rgba(255, 90, 31, 0.22);
      border-color: var(--cadmium);
      color: #FFFFFF;
    }

    [data-theme="dark"] .ticket-pass-card {
      background: linear-gradient(135deg, rgba(255, 90, 31, 0.14) 0%, rgba(28, 34, 46, 0.95) 100%);
      border-color: rgba(255, 90, 31, 0.45);
    }

    [data-theme="dark"] .ticket-pass-label {
      color: #9EA3AE;
    }

    [data-theme="dark"] .copy-code-btn {
      background: #181C26;
      border-color: rgba(255, 255, 255, 0.14);
      color: #F5F4F0;
    }

    [data-theme="dark"] .copy-code-btn:hover {
      background: #222736;
      border-color: rgba(255, 255, 255, 0.25);
    }

    @media (prefers-reduced-transparency: reduce) {
      [data-theme="dark"] .intake-modal,
      [data-theme="dark"] .intake-modal-header,
      [data-theme="dark"] .intake-modal-body,
      [data-theme="dark"] .fork-card {
        background: #151922;
      }
    }

    @media (max-width: 640px) {
      .intake-input,
      .intake-select,
      .intake-textarea {
        font-size: 16px !important;
      }
      .phone-input-group {
        grid-template-columns: 108px 1fr;
        gap: 0.45rem;
      }
      .intake-modal-header {
        padding: 1rem 1.15rem;
      }
      .intake-modal-body {
        padding: 1.15rem 1.15rem calc(1.5rem + env(safe-area-inset-bottom, 16px));
      }
    }