:root {
      --as-primary: #0799A5;
      --as-primary-dark: #057A84;
      --as-primary-soft: #E8F8FA;
      --as-ink: #14282E;
      --as-muted: #5C6E75;
      --as-line: #D7E7EA;
      --as-bg: #F5FAFB;
      --as-white: #FFFFFF;
      --as-warm: #F5B84B;
    }

    .as-process-page {
      font-family: Arial, Helvetica, sans-serif;
      color: var(--as-ink);
      background: var(--as-white);
      line-height: 1.65;
    }

    .as-process-page * {
      box-sizing: border-box;
    }

    .as-wrap {
      max-width: 1180px;
      margin: 0 auto;
      padding: 0 20px;
    }

    .as-hero {
      background: linear-gradient(135deg, var(--as-primary), var(--as-primary-dark));
      color: var(--as-white);
      padding: 72px 0 56px;
    }

    .as-hero h1 {
      margin: 0 0 18px;
      font-size: clamp(38px, 5vw, 60px);
      line-height: 1.08;
      letter-spacing: 0;
    }

    .as-hero p {
      max-width: 820px;
      margin: 0;
      font-size: 18px;
      color: rgba(255,255,255,.92);
    }

    .as-section {
      padding: 56px 0;
    }

    .as-section.alt {
      background: var(--as-bg);
    }

    .as-section h2 {
      margin: 0 0 16px;
      font-size: 30px;
      line-height: 1.25;
      letter-spacing: 0;
    }

    .as-lead {
      max-width: 840px;
      margin: 0 0 28px;
      color: var(--as-muted);
      font-size: 17px;
    }

    .as-flow {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 14px;
    }

    .as-step {
      background: var(--as-white);
      border: 1px solid var(--as-line);
      border-radius: 8px;
      padding: 22px 18px;
    }

    .as-step::before {
      content: "";
      display: block;
      width: 42px;
      height: 4px;
      border-radius: 99px;
      background: var(--as-primary);
      margin-bottom: 16px;
    }

    .as-step span {
      display: block;
      color: var(--as-primary-dark);
      font-weight: 700;
      font-size: 13px;
      margin-bottom: 6px;
    }

    .as-step h3 {
      margin: 0 0 10px;
      font-size: 18px;
      line-height: 1.3;
    }

    .as-step p {
      margin: 0;
      color: var(--as-muted);
      font-size: 15px;
    }

    .as-grid-2 {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 22px;
    }

    .as-card {
      background: var(--as-white);
      border: 1px solid var(--as-line);
      border-radius: 8px;
      padding: 24px;
    }

    .as-card h3 {
      margin: 0 0 14px;
      font-size: 22px;
    }

    .as-list {
      margin: 0;
      padding-left: 20px;
      color: var(--as-muted);
    }

    .as-list li {
      margin-bottom: 8px;
    }

    .as-table-wrap {
      overflow-x: auto;
      border: 1px solid var(--as-line);
      border-radius: 8px;
      background: var(--as-white);
    }

    .as-table {
      width: 100%;
      min-width: 760px;
      border-collapse: collapse;
    }

    .as-table th {
      background: var(--as-primary);
      color: var(--as-white);
      text-align: left;
      padding: 14px 16px;
      font-size: 14px;
    }

    .as-table td {
      border-top: 1px solid var(--as-line);
      padding: 14px 16px;
      vertical-align: top;
      color: var(--as-muted);
      font-size: 15px;
    }

    .as-note {
      margin-top: 18px;
      padding: 16px 18px;
      border-left: 4px solid var(--as-warm);
      background: #FFF8EA;
      border-radius: 6px;
      color: var(--as-ink);
    }

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

    .as-outcome {
      background: var(--as-white);
      border: 1px solid var(--as-line);
      border-radius: 8px;
      padding: 20px;
    }

    .as-outcome strong {
      display: block;
      color: var(--as-primary-dark);
      margin-bottom: 8px;
      font-size: 16px;
    }

    .as-outcome p {
      margin: 0;
      color: var(--as-muted);
      font-size: 15px;
    }

    .as-faq-list {
      display: grid;
      gap: 14px;
    }

    .as-faq-list details {
      background: var(--as-white);
      border: 1px solid var(--as-line);
      border-radius: 8px;
      padding: 18px 20px;
    }

    .as-faq-list summary {
      cursor: pointer;
      font-weight: 700;
      font-size: 18px;
      color: var(--as-ink);
    }

    .as-faq-list p {
      margin: 12px 0 0;
      color: var(--as-muted);
    }

    .as-cta {
      background: var(--as-primary);
      color: var(--as-white);
      padding: 44px 0;
    }

    .as-cta-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
    }

    .as-cta h2 {
      margin: 0 0 8px;
      font-size: 28px;
    }

    .as-cta p {
      margin: 0;
      color: rgba(255,255,255,.92);
    }

    .as-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 46px;
      padding: 0 22px;
      border-radius: 6px;
      background: var(--as-white);
      color: var(--as-primary-dark);
      text-decoration: none;
      font-weight: 700;
      white-space: nowrap;
    }

    @media (max-width: 980px) {
      .as-flow,
      .as-outcomes {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .as-grid-2,
      .as-cta-inner {
        display: grid;
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 640px) {
      .as-hero {
        padding: 52px 0 42px;
      }

      .as-flow,
      .as-outcomes {
        grid-template-columns: 1fr;
      }

      .as-section {
        padding: 42px 0;
      }
    }