/* ========== PAGE HERO ========== */
    /* ============================================ */
    .page-hero {
      width: 100%;
      min-height: 30vh;
      background: linear-gradient(160deg, #0a2415 0%, #0f381e 40%, #14522d 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 130px 2rem 3rem 2rem;
      position: relative;
      overflow: hidden;
    }

    .page-hero::before {
      content: "";
      position: absolute;
      top: -20%;
      right: -10%;
      width: 400px;
      height: 400px;
      background: radial-gradient(circle, rgba(255,255,255,0.03) 0%, transparent 70%);
      border-radius: 55% 45% 60% 40% / 45% 55% 40% 60%;
      pointer-events: none;
    }

    .page-hero-content {
      position: relative;
      z-index: 2;
    }

    .page-hero-content .breadcrumb {
      display: inline-flex;
      align-items: center;
      gap: 0.6rem;
      font-size: 0.8rem;
      color: #a0c89a;
      text-transform: uppercase;
      letter-spacing: 2px;
      font-weight: 500;
      margin-bottom: 1.5rem;
    }

    .page-hero-content .breadcrumb a {
      color: #a0c89a;
      text-decoration: none;
      transition: color 0.3s ease;
    }

    .page-hero-content .breadcrumb a:hover {
      color: #d4f0c8;
    }

    .page-hero-content .breadcrumb i {
      font-size: 0.5rem;
    }

    .page-hero-content h1 {
      font-family: 'Playfair Display', serif;
      font-size: clamp(2rem, 4vw, 3rem);
      font-weight: 800;
      color: #ffffff;
      line-height: 1.2;
      letter-spacing: -1px;
    }

    /* ============================================ */
    /* ========== CONTENT ========== */
    /* ============================================ */
    .service-content {
      width: 100%;
      padding: 4rem 4rem;
      background: #ffffff;
    }

    .content-inner {
      max-width: 800px;
      margin: 0 auto;
    }

    .content-inner .last-updated {
      font-size: 0.85rem;
      color: #8a9d85;
      margin-bottom: 2.5rem;
      font-style: italic;
    }

    .content-inner h2 {
      font-family: 'Playfair Display', serif;
      font-size: 1.5rem;
      font-weight: 700;
      color: #0f2818;
      margin: 2.5rem 0 1rem 0;
      letter-spacing: -0.3px;
    }

    .content-inner h2:first-of-type {
      margin-top: 0;
    }

    .content-inner p {
      font-size: 0.95rem;
      line-height: 1.8;
      color: #4a5b47;
      margin-bottom: 1rem;
    }

    .content-inner ul {
      list-style: none;
      padding: 0;
      margin-bottom: 1.5rem;
    }

    .content-inner ul li {
      font-size: 0.95rem;
      line-height: 1.8;
      color: #4a5b47;
      padding-left: 1.5rem;
      position: relative;
      margin-bottom: 0.4rem;
    }

    .content-inner ul li::before {
      content: "•";
      position: absolute;
      left: 0.3rem;
      color: #1a6832;
      font-weight: 700;
    }

    .content-inner a {
      color: #1a6832;
      text-decoration: underline;
      font-weight: 500;
    }

    .content-inner a:hover {
      color: #0f4d22;
    }

    @media (max-width: 650px) {
      .service-content {
        padding: 3rem 1.5rem;
      }
      .content-inner h2 {
        font-size: 1.3rem;
      }
    }

    @media (max-width: 400px) {
      .service-content {
        padding: 2.5rem 1rem;
      }
    }