{"id":172,"date":"2026-01-21T12:38:38","date_gmt":"2026-01-21T05:38:38","guid":{"rendered":"https:\/\/putrafarmayogyakarta.co.id\/en\/?page_id=172"},"modified":"2026-01-28T13:51:55","modified_gmt":"2026-01-28T06:51:55","slug":"why-pfy","status":"publish","type":"page","link":"https:\/\/putrafarmayogyakarta.co.id\/en\/why-pfy\/","title":{"rendered":"Why PFY?"},"content":{"rendered":"\n<section class=\"pfy-hero-green\">\n  <style>\n    \/* --- SCOPED CSS (Green Version) --- *\/\n    .pfy-hero-green {\n      \/* Palette Definition *\/\n      --pfy-main: #2d7b4d;       \/* Hijau Utama *\/\n      --pfy-dark: #1a4a2e;       \/* Hijau Gelap *\/\n      --pfy-accent: #40b06e;     \/* Hijau Cerah *\/\n      --pfy-white: #ffffff;\n      --pfy-light-gray: #f8f9fa;\n      --pfy-soft-text: #e9ecef;\n      \n      font-family: 'Montserrat', sans-serif;\n      \/* Dominant Green Background with subtle gradient *\/\n      background: linear-gradient(135deg, var(--pfy-main) 0%, var(--pfy-dark) 100%);\n      padding: 80px 20px;\n      position: relative;\n      overflow: hidden;\n      color: var(--pfy-white);\n    }\n\n    \/* Reset Styles *\/\n    .pfy-hero-green *, \n    .pfy-hero-green *::before, \n    .pfy-hero-green *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    .pfy-container {\n      max-width: 1140px;\n      margin: 0 auto;\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 50px; \/* Space between text and cards *\/\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* --- Left Column: Text --- *\/\n    .pfy-content {\n      flex: 1 1 500px;\n    }\n\n    \/* Badge: White background for contrast against green *\/\n    .pfy-badge {\n      display: inline-block;\n      background-color: rgba(255, 255, 255, 0.15);\n      backdrop-filter: blur(5px);\n      color: var(--pfy-white);\n      border: 1px solid rgba(255,255,255,0.3);\n      font-weight: 600;\n      font-size: 0.85rem;\n      padding: 6px 18px;\n      border-radius: 50px;\n      margin-bottom: 24px;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }\n\n    .pfy-heading {\n      font-size: 2.5rem; \/* Larger for Hero *\/\n      font-weight: 700;\n      color: var(--pfy-white);\n      margin-bottom: 24px;\n      line-height: 1.2;\n    }\n\n    .pfy-heading span {\n      color: #8ceebb; \/* A lighter green\/mint for highlight on dark bg *\/\n      position: relative;\n      z-index: 1;\n    }\n\n    \/* Underline effect for emphasis *\/\n    .pfy-heading span::after {\n      content: '';\n      position: absolute;\n      bottom: 2px;\n      left: 0;\n      width: 100%;\n      height: 8px;\n      background-color: var(--pfy-accent);\n      z-index: -1;\n      opacity: 0.4;\n    }\n\n    .pfy-desc {\n      font-size: 1.05rem;\n      color: var(--pfy-soft-text); \/* Off-white for readability *\/\n      margin-bottom: 35px;\n      line-height: 1.7;\n      max-width: 90%;\n    }\n\n    \/* Button: White to pop against Green *\/\n    .pfy-btn {\n      display: inline-flex;\n      align-items: center;\n      background-color: var(--pfy-white);\n      color: var(--pfy-main);\n      padding: 14px 32px;\n      border-radius: 6px;\n      text-decoration: none;\n      font-weight: 700;\n      transition: all 0.3s ease;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n    }\n\n    .pfy-btn:hover {\n      background-color: var(--pfy-light-gray);\n      transform: translateY(-2px);\n      box-shadow: 0 6px 20px rgba(0,0,0,0.25);\n    }\n\n    .pfy-btn i {\n      margin-left: 10px;\n      transition: transform 0.3s;\n    }\n    \n    .pfy-btn:hover i {\n      transform: translateX(4px);\n    }\n\n    \/* --- Right Column: Feature Cards --- *\/\n    .pfy-features {\n      flex: 1 1 400px;\n      display: grid;\n      gap: 20px;\n    }\n\n    \/* Cards remain WHITE to create contrast *\/\n    .pfy-card {\n      background: var(--pfy-white);\n      padding: 24px;\n      border-radius: 10px;\n      \/* Deep shadow for floating effect on dark bg *\/\n      box-shadow: 0 10px 30px rgba(0,0,0,0.15); \n      display: flex;\n      align-items: flex-start;\n      gap: 18px;\n      transition: transform 0.3s ease;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .pfy-card::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 0;\n      bottom: 0;\n      width: 4px;\n      background: var(--pfy-accent);\n    }\n\n    .pfy-card:hover {\n      transform: translateY(-5px);\n    }\n\n    .pfy-icon-box {\n      width: 50px;\n      height: 50px;\n      background-color: #e8f5e9; \/* Very light green bg *\/\n      border-radius: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--pfy-main);\n      font-size: 1.3rem;\n      flex-shrink: 0;\n    }\n\n    .pfy-card-text h3 {\n      font-size: 1.1rem;\n      font-weight: 700;\n      color: #212529; \/* Dark text on white card *\/\n      margin-bottom: 6px;\n    }\n\n    .pfy-card-text p {\n      font-size: 0.9rem;\n      color: #555;\n      line-height: 1.5;\n    }\n\n    \/* Decoration: Abstract Shape *\/\n    .pfy-shape-bg {\n      position: absolute;\n      top: -50%;\n      right: -10%;\n      width: 600px;\n      height: 600px;\n      background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0) 70%);\n      border-radius: 50%;\n      pointer-events: none;\n      z-index: 1;\n    }\n\n    \/* Mobile Responsiveness *\/\n    @media (max-width: 768px) {\n      .pfy-hero-green {\n        padding: 60px 20px;\n      }\n      .pfy-heading {\n        font-size: 2rem;\n      }\n      .pfy-desc {\n        max-width: 100%;\n      }\n      .pfy-card {\n        padding: 20px;\n      }\n    }\n  <\/style>\n\n  <div class=\"pfy-shape-bg\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"pfy-container\">\n    \n    <div class=\"pfy-content\">\n      <div class=\"pfy-badge\">Why Choose PFY?<\/div>\n      \n      <h2 class=\"pfy-heading\">\n        Your Trusted Partner for <br>\n        <span>Premium Beverage<\/span> Manufacturing\n      <\/h2>\n      \n      <p class=\"pfy-desc\">\n        Choosing the right manufacturing partner is critical to your brand\u2019s success. At <strong>Putra Farma Yogyakarta<\/strong>, we combine 20+ years of experience, certified systems, and flexibility to help you launch market-ready powdered beverages.\n      <\/p>\n\n      <a href=\"#consultation\" class=\"pfy-btn\">\n        Start Manufacturing <i class=\"fas fa-arrow-right\"><\/i>\n      <\/a>\n    <\/div>\n\n    <div class=\"pfy-features\">\n      \n      <div class=\"pfy-card\">\n        <div class=\"pfy-icon-box\">\n          <i class=\"fas fa-medal\"><\/i>\n        <\/div>\n        <div class=\"pfy-card-text\">\n          <h3>20+ Years Experience<\/h3>\n          <p>Expertise in beverage formulation that leads the market trends.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"pfy-card\">\n        <div class=\"pfy-icon-box\">\n          <i class=\"fas fa-check-circle\"><\/i>\n        <\/div>\n        <div class=\"pfy-card-text\">\n          <h3>Fully Certified<\/h3>\n          <p>Halal &#038; BPOM certified production ensuring absolute safety.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"pfy-card\">\n        <div class=\"pfy-icon-box\">\n          <i class=\"fas fa-sliders-h\"><\/i>\n        <\/div>\n        <div class=\"pfy-card-text\">\n          <h3>Custom Flexibility<\/h3>\n          <p>Tailored formulas (OEM\/ODM) to make your brand unique.<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"pfy-aeo-wrapper\">\n  <style>\n    \/* --- SCOPED CSS: AEO SECTION --- *\/\n    .pfy-aeo-wrapper {\n      \/* PFY Palette *\/\n      --pfy-main: #2d7b4d;\n      --pfy-dark: #1a4a2e;\n      --pfy-accent: #40b06e;\n      --pfy-bg-light: #f8f9fa; \/* Putih lembut untuk background section *\/\n      --pfy-box-bg: #ffffff;   \/* Putih murni untuk kotak jawaban *\/\n      --pfy-text: #212529;\n      \n      font-family: 'Montserrat', sans-serif;\n      padding: 50px 20px;\n      background-color: var(--pfy-bg-light);\n      display: flex;\n      justify-content: center;\n    }\n\n    .pfy-aeo-wrapper *, \n    .pfy-aeo-wrapper *::before, \n    .pfy-aeo-wrapper *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    \/* Container Box - Mimicking a \"Featured Snippet\" *\/\n    .pfy-answer-box {\n      max-width: 900px;\n      width: 100%;\n      background-color: var(--pfy-box-bg);\n      padding: 35px 40px;\n      border-radius: 8px;\n      \/* Border kiri tebal sebagai aksen visual branding *\/\n      border-left: 6px solid var(--pfy-main);\n      box-shadow: 0 5px 20px rgba(0,0,0,0.05); \/* Shadow halus *\/\n      position: relative;\n    }\n\n    \/* Header with Icon *\/\n    .pfy-aeo-header {\n      display: flex;\n      align-items: center;\n      gap: 15px;\n      margin-bottom: 20px;\n    }\n\n    .pfy-aeo-icon {\n      color: var(--pfy-accent);\n      font-size: 1.8rem;\n    }\n\n    .pfy-answer-box h2 {\n      font-size: 1.8rem;\n      font-weight: 700;\n      color: var(--pfy-dark);\n      line-height: 1.3;\n    }\n\n    \/* The Answer Paragraph *\/\n    .pfy-answer-text {\n      font-size: 1.15rem; \/* Sedikit lebih besar untuk readability *\/\n      line-height: 1.7;\n      color: #4a4a4a;\n      text-align: justify; \/* Atau 'left' tergantung selera *\/\n    }\n\n    \/* Highlighting keywords for SEO & Scanning *\/\n    .pfy-answer-text strong {\n      color: var(--pfy-main);\n      font-weight: 700;\n    }\n\n    \/* Mobile Responsiveness *\/\n    @media (max-width: 768px) {\n      .pfy-aeo-wrapper {\n        padding: 40px 15px;\n      }\n      \n      .pfy-answer-box {\n        padding: 25px;\n        border-left-width: 4px;\n      }\n\n      .pfy-aeo-header {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 10px;\n      }\n\n      .pfy-answer-box h2 {\n        font-size: 1.5rem;\n      }\n\n      .pfy-answer-text {\n        font-size: 1rem;\n        text-align: left;\n      }\n    }\n  <\/style>\n\n  <div class=\"pfy-answer-box\">\n    <div class=\"pfy-aeo-header\">\n      <i class=\"fas fa-question-circle pfy-aeo-icon\" aria-hidden=\"true\"><\/i>\n      <h2>Why Should You Choose Putra Farma Yogyakarta?<\/h2>\n    <\/div>\n\n    <p class=\"pfy-answer-text\">\n      Putra Farma Yogyakarta is a <strong>trusted beverage contract manufacturer<\/strong> in Indonesia offering <strong>custom formulation<\/strong>, <strong>private label production<\/strong>, certified facilities, and <strong>scalable manufacturing solutions<\/strong> for instant powdered drinks, supplements, and functional beverages.\n    <\/p>\n  <\/div>\n\n<\/section>\n\n\n\n<section class=\"pfy-experience-section\">\n  <style>\n    \/* --- SCOPED CSS: EXPERIENCE SECTION --- *\/\n    .pfy-experience-section {\n      \/* PFY Palette *\/\n      --pfy-primary: #2d7b4d;\n      --pfy-dark: #1a4a2e;\n      --pfy-accent: #40b06e;\n      --pfy-light: #f8f9fa;\n      --pfy-text: #212529;\n      --pfy-gray-text: #555555;\n      \n      font-family: 'Montserrat', sans-serif;\n      background-color: #ffffff; \/* White background for clean look *\/\n      padding: 70px 20px;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .pfy-experience-section *,\n    .pfy-experience-section *::before,\n    .pfy-experience-section *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    .pfy-container {\n      max-width: 1140px;\n      margin: 0 auto;\n      display: grid;\n      grid-template-columns: 1fr 1fr; \/* Split 50:50 layout *\/\n      gap: 60px;\n      align-items: center;\n    }\n\n    \/* --- Left Column: Narrative --- *\/\n    .pfy-exp-text {\n      position: relative;\n    }\n\n    \/* Small Label above Title *\/\n    .pfy-subtitle {\n      display: inline-block;\n      font-size: 0.9rem;\n      font-weight: 700;\n      color: var(--pfy-accent);\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin-bottom: 10px;\n    }\n\n    .pfy-exp-title {\n      font-size: 2.2rem;\n      font-weight: 800;\n      color: var(--pfy-dark);\n      line-height: 1.2;\n      margin-bottom: 25px;\n    }\n\n    .pfy-exp-desc {\n      font-size: 1rem;\n      color: var(--pfy-gray-text);\n      line-height: 1.8;\n      text-align: justify;\n      margin-bottom: 20px;\n    }\n\n    \/* Big \"20+\" Background Watermark *\/\n    .pfy-watermark {\n      position: absolute;\n      top: -40px;\n      left: -20px;\n      font-size: 8rem;\n      font-weight: 900;\n      color: rgba(45, 123, 77, 0.04); \/* Very transparent green *\/\n      z-index: 0;\n      pointer-events: none;\n      line-height: 1;\n    }\n\n    \/* Tagline Box *\/\n    .pfy-tagline-box {\n      margin-top: 30px;\n      padding: 15px 20px;\n      background-color: var(--pfy-light);\n      border-left: 4px solid var(--pfy-primary);\n      border-radius: 0 8px 8px 0;\n    }\n\n    .pfy-tagline-box p {\n      font-weight: 600;\n      color: var(--pfy-primary);\n      font-style: italic;\n      font-size: 1.05rem;\n    }\n\n    \/* --- Right Column: Benefits List --- *\/\n    .pfy-benefits-wrapper {\n      position: relative;\n    }\n\n    .pfy-benefit-list {\n      list-style: none;\n      display: flex;\n      flex-direction: column;\n      gap: 15px;\n    }\n\n    .pfy-benefit-item {\n      display: flex;\n      align-items: center;\n      background: var(--pfy-light);\n      padding: 18px 25px;\n      border-radius: 8px;\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\n      border: 1px solid transparent;\n    }\n\n    .pfy-benefit-item:hover {\n      transform: translateX(5px);\n      background: #fff;\n      box-shadow: 0 5px 15px rgba(0,0,0,0.08);\n      border-color: #e9ecef;\n    }\n\n    \/* Icon Styling *\/\n    .pfy-check-icon {\n      width: 35px;\n      height: 35px;\n      background-color: #d4edda; \/* Light green bg for icon *\/\n      color: var(--pfy-primary);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-right: 20px;\n      flex-shrink: 0;\n      font-size: 0.9rem;\n    }\n\n    .pfy-benefit-text {\n      font-weight: 600;\n      color: var(--pfy-dark);\n      font-size: 1rem;\n    }\n\n    \/* Mobile Responsiveness *\/\n    @media (max-width: 900px) {\n      .pfy-container {\n        grid-template-columns: 1fr; \/* Stack vertically *\/\n        gap: 40px;\n      }\n\n      .pfy-watermark {\n        font-size: 6rem;\n        top: -20px;\n      }\n\n      .pfy-exp-title {\n        font-size: 1.8rem;\n      }\n\n      .pfy-benefit-item {\n        padding: 15px;\n      }\n    }\n  <\/style>\n\n  <div class=\"pfy-container\">\n    \n    <div class=\"pfy-exp-text\">\n      <span class=\"pfy-watermark\">20+<\/span>\n      \n      <span class=\"pfy-subtitle\">Proven Experience<\/span>\n      <h2 class=\"pfy-exp-title\">Over Two Decades of Manufacturing Excellence<\/h2>\n      \n      <p class=\"pfy-exp-desc\">\n        Established in 2000, <strong>Putra Farma Yogyakarta<\/strong> has more than 20 years of hands-on experience in producing powdered beverages and functional nutrition products. Our background spans traditional herbal formulations to modern, science-based beverage solutions.\n      <\/p>\n\n      <div class=\"pfy-tagline-box\">\n        <p><i class=\"fas fa-quote-left\" style=\"margin-right:8px; font-size:0.8em;\"><\/i> Experience matters\u2014and PFY brings it to every project.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"pfy-benefits-wrapper\">\n      <ul class=\"pfy-benefit-list\">\n        \n        <li class=\"pfy-benefit-item\">\n          <div class=\"pfy-check-icon\">\n            <i class=\"fas fa-chart-line\"><\/i>\n          <\/div>\n          <span class=\"pfy-benefit-text\">Understand market trends and consumer demand<\/span>\n        <\/li>\n\n        <li class=\"pfy-benefit-item\">\n          <div class=\"pfy-check-icon\">\n            <i class=\"fas fa-flask\"><\/i>\n          <\/div>\n          <span class=\"pfy-benefit-text\">Develop stable, effective formulations<\/span>\n        <\/li>\n\n        <li class=\"pfy-benefit-item\">\n          <div class=\"pfy-check-icon\">\n            <i class=\"fas fa-shield-alt\"><\/i>\n          <\/div>\n          <span class=\"pfy-benefit-text\">Minimize production risks<\/span>\n        <\/li>\n\n        <li class=\"pfy-benefit-item\">\n          <div class=\"pfy-check-icon\">\n            <i class=\"fas fa-boxes\"><\/i>\n          <\/div>\n          <span class=\"pfy-benefit-text\">Deliver consistent product quality at scale<\/span>\n        <\/li>\n\n      <\/ul>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<section class=\"pfy2232services-section\">\n  <style>\n    \/* --- SCOPED CSS: SERVICES SECTION --- *\/\n    .pfy2232services-section {\n      \/* PFY Palette *\/\n      --pfy2232main: #2d7b4d;\n      --pfy2232dark: #1a4a2e;\n      --pfy2232accent: #40b06e;\n      --pfy2232bg-light: #f8f9fa;\n      --pfy2232card-bg: #ffffff;\n      --pfy2232text: #212529;\n      --pfy2232gray-text: #6c757d;\n\n      font-family: 'Montserrat', sans-serif;\n      background-color: var(--pfy2232bg-light);\n      padding: 80px 20px;\n      text-align: center;\n    }\n\n    .pfy2232services-section *,\n    .pfy2232services-section *::before,\n    .pfy2232services-section *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    .pfy2232container {\n      max-width: 1200px; \/* Sedikit diperlebar agar 5 kolom lega *\/\n      margin: 0 auto;\n      padding: 0 10px;\n    }\n\n    \/* --- Headings --- *\/\n    .pfy2232section-badge {\n      display: inline-block;\n      color: var(--pfy2232main);\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      font-size: 0.85rem;\n      margin-bottom: 15px;\n      border-bottom: 2px solid var(--pfy2232accent);\n      padding-bottom: 4px;\n    }\n\n    .pfy2232section-title {\n      font-size: 2.2rem;\n      font-weight: 700;\n      color: var(--pfy2232dark);\n      margin-bottom: 20px;\n      line-height: 1.2;\n    }\n\n    .pfy2232section-desc {\n      font-size: 1.05rem;\n      color: var(--pfy2232gray-text);\n      max-width: 700px;\n      margin: 0 auto 50px auto;\n      line-height: 1.6;\n    }\n\n    \/* --- Service Grid (Responsive Magic) --- *\/\n    .pfy2232service-grid {\n      display: grid;\n      \/* Logika: Kolom akan otomatis mengisi ruang. \n         Minimal lebar kartu 210px. \n         Jika layar besar muat 5, jika kecil turun ke bawah.\n      *\/\n      grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\n      gap: 25px;\n      margin-bottom: 50px;\n      justify-content: center;\n    }\n\n    \/* Service Card *\/\n    .pfy2232service-card {\n      background: var(--pfy2232card-bg);\n      padding: 35px 25px;\n      border-radius: 16px; \/* Lebih bulat sedikit biar modern *\/\n      box-shadow: 0 10px 25px rgba(0,0,0,0.04); \/* Shadow lebih soft *\/\n      transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease;\n      position: relative;\n      overflow: hidden;\n      border-bottom: 4px solid transparent;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      height: 100%; \n    }\n\n    .pfy2232service-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 20px 40px rgba(45, 123, 77, 0.15);\n      border-bottom-color: var(--pfy2232accent);\n    }\n\n    \/* Step Number *\/\n    .pfy2232step-num {\n      position: absolute;\n      top: 5px;\n      right: 15px;\n      font-size: 3.5rem;\n      font-weight: 900;\n      color: #f1f3f5;\n      z-index: 0;\n      line-height: 1;\n      opacity: 0.7;\n      pointer-events: none;\n    }\n\n    \/* Icon Box *\/\n    .pfy2232icon-wrapper {\n      width: 65px;\n      height: 65px;\n      background-color: #e8f5e9;\n      color: var(--pfy2232main);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 1.6rem;\n      margin-bottom: 20px;\n      position: relative;\n      z-index: 1;\n      transition: all 0.3s ease;\n      box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n    }\n    \n    .pfy2232service-card:hover .pfy2232icon-wrapper {\n      background-color: var(--pfy2232main);\n      color: #fff;\n      transform: scale(1.1);\n    }\n\n    .pfy2232card-title {\n      font-size: 1.1rem;\n      font-weight: 700;\n      color: var(--pfy2232dark);\n      margin-bottom: 5px; \/* Rapatkan dikit *\/\n      z-index: 1;\n      line-height: 1.4;\n    }\n\n    \/* --- Footer Box --- *\/\n    .pfy2232footer-note {\n      background-color: var(--pfy2232dark);\n      color: #fff;\n      padding: 18px 35px;\n      border-radius: 50px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 1rem;\n      font-weight: 600;\n      box-shadow: 0 10px 20px rgba(26, 74, 46, 0.2);\n      max-width: 100%;\n    }\n\n    .pfy2232footer-note i {\n      color: var(--pfy2232accent);\n      margin-right: 10px;\n      font-size: 1.2rem;\n    }\n\n    \/* --- Mobile Responsive Fixes --- *\/\n    @media (max-width: 768px) {\n      .pfy2232services-section {\n        padding: 60px 20px;\n      }\n      \n      .pfy2232section-title {\n        font-size: 1.8rem;\n        margin-bottom: 15px;\n      }\n      \n      .pfy2232section-desc {\n        font-size: 0.95rem;\n        margin-bottom: 40px;\n      }\n\n      \/* Grid menjadi 1 kolom di HP Portrait *\/\n      .pfy2232service-grid {\n        grid-template-columns: 1fr; \n        gap: 20px;\n      }\n\n      \/* Tampilan kartu lebih compact di HP *\/\n      .pfy2232service-card {\n        flex-direction: row; \/* Icon kiri, teks kanan agar hemat tempat vertikal *\/\n        align-items: center;\n        text-align: left;\n        padding: 20px;\n        min-height: auto;\n      }\n\n      .pfy2232icon-wrapper {\n        margin-bottom: 0;\n        margin-right: 20px;\n        width: 55px;\n        height: 55px;\n        font-size: 1.3rem;\n        flex-shrink: 0;\n      }\n\n      .pfy2232step-num {\n        font-size: 2.5rem;\n        top: 50%;\n        transform: translateY(-50%);\n        right: 15px;\n        opacity: 0.4;\n      }\n      \n      .pfy2232card-title {\n         font-size: 1rem;\n         margin-bottom: 0;\n      }\n\n      .pfy2232footer-note {\n        padding: 15px 20px;\n        font-size: 0.9rem;\n        text-align: center;\n        border-radius: 12px;\n      }\n    }\n  <\/style>\n\n  <div class=\"pfy2232container\">\n    \n    <span class=\"pfy2232section-badge\">One-Stop Solution<\/span>\n    <h2 class=\"pfy2232section-title\">Complete End-to-End <br> Manufacturing Services<\/h2>\n    <p class=\"pfy2232section-desc\">\n      PFY offers a fully integrated, one-stop manufacturing solution, allowing you to focus on branding and sales while we handle production.\n    <\/p>\n\n    <div class=\"pfy2232service-grid\">\n      \n      <div class=\"pfy2232service-card\">\n        <span class=\"pfy2232step-num\">01<\/span>\n        <div class=\"pfy2232icon-wrapper\">\n          <i class=\"fas fa-flask\"><\/i>\n        <\/div>\n        <h3 class=\"pfy2232card-title\">Product Formulation <br>&#038; R&#038;D<\/h3>\n      <\/div>\n\n      <div class=\"pfy2232service-card\">\n        <span class=\"pfy2232step-num\">02<\/span>\n        <div class=\"pfy2232icon-wrapper\">\n          <i class=\"fas fa-mortar-pestle\"><\/i>\n        <\/div>\n        <h3 class=\"pfy2232card-title\">High-Precision <br>Powder Mixing<\/h3>\n      <\/div>\n\n      <div class=\"pfy2232service-card\">\n        <span class=\"pfy2232step-num\">03<\/span>\n        <div class=\"pfy2232icon-wrapper\">\n          <i class=\"fas fa-tags\"><\/i>\n        <\/div>\n        <h3 class=\"pfy2232card-title\">Private Label &#038; <br>Custom Manufacturing<\/h3>\n      <\/div>\n\n      <div class=\"pfy2232service-card\">\n        <span class=\"pfy2232step-num\">04<\/span>\n        <div class=\"pfy2232icon-wrapper\">\n          <i class=\"fas fa-box-open\"><\/i>\n        <\/div>\n        <h3 class=\"pfy2232card-title\">Flexible Packaging <br>Solutions<\/h3>\n      <\/div>\n\n      <div class=\"pfy2232service-card\">\n        <span class=\"pfy2232step-num\">05<\/span>\n        <div class=\"pfy2232icon-wrapper\">\n          <i class=\"fas fa-file-contract\"><\/i>\n        <\/div>\n        <h3 class=\"pfy2232card-title\">Regulatory &#038; <br>Compliance Support<\/h3>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"pfy2232footer-note\">\n      <i class=\"fas fa-check-circle\"><\/i> \n      <span>From concept to finished product, everything is handled under one roof.<\/span>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<section class=\"pfy3312cert-section\">\n  <style>\n    \/* --- SCOPED CSS: CERTIFICATIONS --- *\/\n    .pfy3312cert-section {\n      \/* PFY Palette *\/\n      --pfy3312main: #2d7b4d;\n      --pfy3312dark: #1a4a2e;\n      --pfy3312accent: #40b06e;\n      --pfy3312bg-light: #ffffff;\n      --pfy3312gray-bg: #f8f9fa;\n      --pfy3312text: #212529;\n\n      font-family: 'Montserrat', sans-serif;\n      background-color: var(--pfy3312bg-light);\n      padding: 80px 20px;\n      position: relative;\n    }\n\n    .pfy3312cert-section *,\n    .pfy3312cert-section *::before,\n    .pfy3312cert-section *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    .pfy3312container {\n      max-width: 1140px;\n      margin: 0 auto;\n    }\n\n    \/* --- Heading --- *\/\n    .pfy3312cert-header {\n      text-align: center;\n      max-width: 800px;\n      margin: 0 auto 50px auto;\n    }\n\n    .pfy3312subtitle {\n      color: var(--pfy3312accent);\n      font-weight: 700;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n      font-size: 0.9rem;\n      display: block;\n      margin-bottom: 10px;\n    }\n\n    .pfy3312title {\n      font-size: 2.2rem;\n      font-weight: 800;\n      color: var(--pfy3312dark);\n      line-height: 1.2;\n      margin-bottom: 20px;\n    }\n\n    .pfy3312desc {\n      color: #555;\n      font-size: 1rem;\n      line-height: 1.6;\n    }\n\n    \/* --- Cert Grid --- *\/\n    .pfy3312cert-grid {\n      display: grid;\n      \/* Auto-fit: Creates responsive columns without media queries *\/\n      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n      gap: 20px;\n      margin-bottom: 40px;\n    }\n\n    \/* Cert Card *\/\n    .pfy3312cert-card {\n      display: flex;\n      align-items: center;\n      background-color: var(--pfy3312gray-bg);\n      padding: 20px;\n      border-radius: 8px;\n      border: 1px solid #e9ecef;\n      transition: all 0.3s ease;\n      cursor: default;\n    }\n\n    .pfy3312cert-card:hover {\n      background-color: #fff;\n      border-color: var(--pfy3312main);\n      box-shadow: 0 5px 15px rgba(45, 123, 77, 0.15);\n      transform: translateY(-3px);\n    }\n\n    \/* Icon Box *\/\n    .pfy3312cert-icon {\n      width: 50px;\n      height: 50px;\n      background-color: #fff;\n      border-radius: 8px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--pfy3312main);\n      font-size: 1.4rem;\n      margin-right: 15px;\n      flex-shrink: 0;\n      box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n      transition: background 0.3s, color 0.3s;\n    }\n\n    .pfy3312cert-card:hover .pfy3312cert-icon {\n      background-color: var(--pfy3312main);\n      color: #fff;\n    }\n\n    .pfy3312cert-name {\n      font-weight: 700;\n      color: var(--pfy3312dark);\n      font-size: 1rem;\n      line-height: 1.3;\n    }\n    \n    .pfy3312cert-sub {\n        font-weight: 400;\n        font-size: 0.85rem;\n        color: #777;\n        display: block;\n        margin-top: 3px;\n    }\n\n    \/* --- Bottom Assurance Box --- *\/\n    .pfy3312assurance-box {\n      background: linear-gradient(135deg, var(--pfy3312main) 0%, var(--pfy3312dark) 100%);\n      border-radius: 12px;\n      padding: 30px;\n      text-align: center;\n      color: #fff;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    \/* Background pattern for box *\/\n    .pfy3312assurance-box::before {\n        content: '\\f058'; \/* FontAwesome Check Circle *\/\n        font-family: \"Font Awesome 5 Free\"; \n        font-weight: 900;\n        position: absolute;\n        right: -20px;\n        bottom: -20px;\n        font-size: 8rem;\n        opacity: 0.1;\n        transform: rotate(-15deg);\n    }\n\n    .pfy3312assurance-text {\n      font-size: 1.1rem;\n      font-weight: 500;\n      position: relative; \n      z-index: 2;\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 768px) {\n      .pfy3312cert-section {\n        padding: 60px 20px;\n      }\n      .pfy3312title {\n        font-size: 1.8rem;\n      }\n      .pfy3312cert-grid {\n        grid-template-columns: 1fr; \/* 1 column on mobile *\/\n      }\n    }\n  <\/style>\n\n  <div class=\"pfy3312container\">\n    \n    <div class=\"pfy3312cert-header\">\n      <span class=\"pfy3312subtitle\">Quality &#038; Safety<\/span>\n      <h2 class=\"pfy3312title\">Certified Manufacturing You Can Trust<\/h2>\n      <p class=\"pfy3312desc\">\n        Quality and safety are non-negotiable. Our production processes comply with national and international standards, supported by official certifications.\n      <\/p>\n    <\/div>\n\n    <div class=\"pfy3312cert-grid\">\n      \n      <div class=\"pfy3312cert-card\">\n        <div class=\"pfy3312cert-icon\">\n          <i class=\"fas fa-file-medical-alt\"><\/i>\n        <\/div>\n        <div class=\"pfy3312cert-text\">\n          <div class=\"pfy3312cert-name\">BPOM RI<\/div>\n          <span class=\"pfy3312cert-sub\">Indonesia FDA<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"pfy3312cert-card\">\n        <div class=\"pfy3312cert-icon\">\n          <i class=\"fas fa-star-and-crescent\"><\/i>\n        <\/div>\n        <div class=\"pfy3312cert-text\">\n          <div class=\"pfy3312cert-name\">Halal Certified<\/div>\n          <span class=\"pfy3312cert-sub\">BPJPH &#038; MUI<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"pfy3312cert-card\">\n        <div class=\"pfy3312cert-icon\">\n          <i class=\"fas fa-globe-asia\"><\/i>\n        <\/div>\n        <div class=\"pfy3312cert-text\">\n          <div class=\"pfy3312cert-name\">ISO 22000:2018<\/div>\n          <span class=\"pfy3312cert-sub\">Food Safety Management<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"pfy3312cert-card\">\n        <div class=\"pfy3312cert-icon\">\n          <i class=\"fas fa-shield-virus\"><\/i>\n        <\/div>\n        <div class=\"pfy3312cert-text\">\n          <div class=\"pfy3312cert-name\">HACCP<\/div>\n          <span class=\"pfy3312cert-sub\">Hazard Analysis &#038; Critical Points<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"pfy3312cert-card\">\n        <div class=\"pfy3312cert-icon\">\n          <i class=\"fas fa-industry\"><\/i>\n        <\/div>\n        <div class=\"pfy3312cert-text\">\n          <div class=\"pfy3312cert-name\">CPPOB \/ GMP<\/div>\n          <span class=\"pfy3312cert-sub\">Good Manufacturing Practice<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"pfy3312cert-card\">\n        <div class=\"pfy3312cert-icon\">\n          <i class=\"fas fa-stamp\"><\/i>\n        <\/div>\n        <div class=\"pfy3312cert-text\">\n          <div class=\"pfy3312cert-name\">NIB &#038; HAKI<\/div>\n          <span class=\"pfy3312cert-sub\">Legality &#038; IP Protection<\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"pfy3312assurance-box\">\n      <p class=\"pfy3312assurance-text\">\n        These certifications ensure your product is <strong>safe<\/strong>, <strong>legal<\/strong>, <strong>market-ready<\/strong>, and <strong>trusted by consumers<\/strong>.\n      <\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<section class=\"pfy877security-section\">\n  <style>\n    \/* --- SCOPED CSS: SECURITY SECTION --- *\/\n    .pfy877security-section {\n      \/* PFY Palette - Dark Theme Focus *\/\n      --pfy877main: #2d7b4d;\n      --pfy877dark: #1a4a2e;       \/* Background Utama *\/\n      --pfy877accent: #40b06e;     \/* Warna Aksen (Glowing) *\/\n      --pfy877light: #f8f9fa;      \/* Warna Teks *\/\n      --pfy877text-muted: #d4edda; \/* Warna Teks Sekunder *\/\n\n      font-family: 'Montserrat', sans-serif;\n      background-color: var(--pfy877dark);\n      padding: 80px 20px;\n      position: relative;\n      overflow: hidden;\n      color: var(--pfy877light);\n    }\n\n    .pfy877security-section *,\n    .pfy877security-section *::before,\n    .pfy877security-section *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    .pfy877container {\n      max-width: 1140px;\n      margin: 0 auto;\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 60px;\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* --- Left Column: Visual Symbol --- *\/\n    .pfy877security-visual {\n      flex: 1 1 350px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      position: relative;\n    }\n\n    \/* The Shield\/Lock Container *\/\n    .pfy877shield-box {\n      width: 200px;\n      height: 200px;\n      background: linear-gradient(145deg, #154028, #1e5535);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: 20px 20px 60px #123320, -20px -20px 60px #22613c;\n      position: relative;\n    }\n\n    \/* Animated Glow Ring *\/\n    .pfy877shield-box::before {\n      content: '';\n      position: absolute;\n      top: -10px;\n      left: -10px;\n      right: -10px;\n      bottom: -10px;\n      border-radius: 50%;\n      border: 2px solid var(--pfy877accent);\n      opacity: 0.3;\n      animation: pulse-ring 3s infinite;\n    }\n\n    @keyframes pulse-ring {\n      0% { transform: scale(1); opacity: 0.5; }\n      100% { transform: scale(1.3); opacity: 0; }\n    }\n\n    .pfy877security-icon {\n      font-size: 5rem;\n      color: var(--pfy877accent);\n      filter: drop-shadow(0 0 10px rgba(64, 176, 110, 0.6));\n    }\n\n    \/* --- Right Column: Content --- *\/\n    .pfy877security-content {\n      flex: 1 1 500px;\n    }\n\n    .pfy877badge-outline {\n      display: inline-block;\n      border: 1px solid var(--pfy877accent);\n      color: var(--pfy877accent);\n      padding: 5px 15px;\n      border-radius: 50px;\n      font-size: 0.8rem;\n      font-weight: 600;\n      letter-spacing: 1px;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n\n    .pfy877sec-title {\n      font-size: 2.2rem;\n      font-weight: 700;\n      margin-bottom: 20px;\n      line-height: 1.2;\n    }\n\n    .pfy877sec-title span {\n      color: var(--pfy877accent);\n    }\n\n    .pfy877sec-desc {\n      font-size: 1.05rem;\n      color: var(--pfy877text-muted);\n      line-height: 1.7;\n      margin-bottom: 30px;\n      text-align: justify;\n    }\n\n    \/* Benefit List *\/\n    .pfy877sec-list {\n      list-style: none;\n      display: grid;\n      grid-template-columns: 1fr 1fr; \/* 2 Columns List *\/\n      gap: 20px;\n      margin-bottom: 40px;\n    }\n\n    .pfy877sec-item {\n      display: flex;\n      align-items: flex-start;\n    }\n\n    .pfy877sec-item i {\n      color: var(--pfy877accent);\n      margin-right: 12px;\n      font-size: 1.1rem;\n      margin-top: 3px;\n    }\n\n    .pfy877sec-text {\n      font-size: 0.95rem;\n      font-weight: 500;\n      color: #fff;\n    }\n\n    \/* Bottom Line \/ Tagline *\/\n    .pfy877bottom-line {\n      border-left: 4px solid var(--pfy877accent);\n      padding-left: 20px;\n      font-style: italic;\n      color: #fff;\n      font-size: 1.1rem;\n      background: rgba(255,255,255,0.05);\n      padding: 15px 20px;\n      border-radius: 0 8px 8px 0;\n    }\n\n    \/* Decorative Background Pattern *\/\n    .pfy877bg-pattern {\n      position: absolute;\n      top: 0;\n      right: 0;\n      width: 100%;\n      height: 100%;\n      background-image: radial-gradient(rgba(255,255,255,0.03) 1px, transparent 1px);\n      background-size: 30px 30px; \/* Dot pattern *\/\n      opacity: 0.5;\n      z-index: 1;\n      pointer-events: none;\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 768px) {\n      .pfy877security-section {\n        padding: 60px 20px;\n      }\n      .pfy877container {\n        flex-direction: column-reverse; \/* Put content above visual on mobile *\/\n        gap: 40px;\n      }\n      .pfy877sec-title {\n        font-size: 1.8rem;\n      }\n      .pfy877sec-list {\n        grid-template-columns: 1fr; \/* 1 Column List on mobile *\/\n      }\n      .pfy877shield-box {\n        width: 150px;\n        height: 150px;\n      }\n      .pfy877security-icon {\n        font-size: 3.5rem;\n      }\n    }\n  <\/style>\n\n  <div class=\"pfy877bg-pattern\"><\/div>\n\n  <div class=\"pfy877container\">\n    \n    <div class=\"pfy877security-visual\">\n      <div class=\"pfy877shield-box\">\n        <i class=\"fas fa-user-shield pfy877security-icon\"><\/i>\n      <\/div>\n    <\/div>\n\n    <div class=\"pfy877security-content\">\n      <span class=\"pfy877badge-outline\">Strict Confidentiality<\/span>\n      \n      <h2 class=\"pfy877sec-title\">\n        Your Formula, Your Brand, <br>\n        <span>Fully Protected<\/span>\n      <\/h2>\n      \n      <p class=\"pfy877sec-desc\">\n        At Putra Farma Yogyakarta, every client receives custom product development tailored to specific market needs. We strictly protect all formulations and intellectual property through professional confidentiality standards.\n      <\/p>\n\n      <ul class=\"pfy877sec-list\">\n        <li class=\"pfy877sec-item\">\n          <i class=\"fas fa-check\"><\/i>\n          <span class=\"pfy877sec-text\">Exclusive product formulations<\/span>\n        <\/li>\n        <li class=\"pfy877sec-item\">\n          <i class=\"fas fa-check\"><\/i>\n          <span class=\"pfy877sec-text\">Private label ownership<\/span>\n        <\/li>\n        <li class=\"pfy877sec-item\">\n          <i class=\"fas fa-check\"><\/i>\n          <span class=\"pfy877sec-text\">Secure production processes<\/span>\n        <\/li>\n        <li class=\"pfy877sec-item\">\n          <i class=\"fas fa-check\"><\/i>\n          <span class=\"pfy877sec-text\">Long-term brand protection<\/span>\n        <\/li>\n      <\/ul>\n\n      <div class=\"pfy877bottom-line\">\n        Your ideas remain yours\u2014always.\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<section class=\"pfy5654tech-section\">\n  <style>\n    \/* --- SCOPED CSS: TECH SECTION --- *\/\n    .pfy5654tech-section {\n      \/* PFY Palette *\/\n      --pfy5654main: #2d7b4d;\n      --pfy5654dark: #1a4a2e;\n      --pfy5654accent: #40b06e;\n      --pfy5654light: #f8f9fa;\n      --pfy5654white: #ffffff;\n      --pfy5654text: #212529;\n      --pfy5654gray-text: #555;\n\n      font-family: 'Montserrat', sans-serif;\n      background-color: #f4f7f5; \/* Very subtle green-gray *\/\n      padding: 80px 20px;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .pfy5654tech-section *,\n    .pfy5654tech-section *::before,\n    .pfy5654tech-section *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    \/* Background Pattern (Micro Grid for Technical feel) *\/\n    .pfy5654tech-bg {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background-image: \n        linear-gradient(rgba(45, 123, 77, 0.05) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(45, 123, 77, 0.05) 1px, transparent 1px);\n      background-size: 40px 40px;\n      z-index: 0;\n      pointer-events: none;\n    }\n\n    .pfy5654container {\n      max-width: 1140px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    \/* --- Header --- *\/\n    .pfy5654tech-header {\n      text-align: center;\n      max-width: 800px;\n      margin: 0 auto 50px auto;\n    }\n\n    .pfy5654tech-subtitle {\n      color: var(--pfy5654main);\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      font-size: 0.9rem;\n      display: inline-block;\n      margin-bottom: 10px;\n      border: 1px solid var(--pfy5654accent);\n      padding: 4px 12px;\n      border-radius: 4px;\n      background: #fff;\n    }\n\n    .pfy5654tech-title {\n      font-size: 2.2rem;\n      font-weight: 800;\n      color: var(--pfy5654dark);\n      margin-bottom: 20px;\n      line-height: 1.2;\n    }\n\n    .pfy5654tech-desc {\n      font-size: 1.05rem;\n      color: var(--pfy5654gray-text);\n      line-height: 1.6;\n    }\n\n    \/* --- Split Cards Wrapper --- *\/\n    .pfy5654tech-grid {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 30px;\n      margin-bottom: 40px;\n    }\n\n    \/* Common Card Style *\/\n    .pfy5654tech-card {\n      flex: 1 1 400px; \/* Responsive Basis *\/\n      background: var(--pfy5654white);\n      border-radius: 12px;\n      padding: 40px;\n      box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n      border-top: 5px solid var(--pfy5654main);\n      transition: transform 0.3s ease;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .pfy5654tech-card:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 15px 40px rgba(45, 123, 77, 0.1);\n    }\n\n    \/* Icon Header inside Card *\/\n    .pfy5654card-header {\n      display: flex;\n      align-items: center;\n      margin-bottom: 25px;\n      padding-bottom: 20px;\n      border-bottom: 1px solid #eee;\n    }\n\n    .pfy5654card-icon {\n      font-size: 2rem;\n      color: var(--pfy5654main);\n      background: #e8f5e9;\n      width: 60px;\n      height: 60px;\n      border-radius: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-right: 20px;\n    }\n\n    .pfy5654card-title {\n      font-size: 1.4rem;\n      font-weight: 700;\n      color: var(--pfy5654dark);\n    }\n\n    \/* List Styling *\/\n    .pfy5654tech-list {\n      list-style: none;\n      margin-bottom: 20px;\n    }\n\n    .pfy5654tech-list li {\n      position: relative;\n      padding-left: 30px;\n      margin-bottom: 15px;\n      color: #444;\n      font-weight: 500;\n      line-height: 1.5;\n    }\n\n    .pfy5654tech-list li::before {\n      content: '\\f00c'; \/* Font Awesome Check *\/\n      font-family: 'Font Awesome 5 Free';\n      font-weight: 900;\n      position: absolute;\n      left: 0;\n      top: 2px;\n      color: var(--pfy5654accent);\n    }\n\n    \/* Packaging Icons Mini-Grid *\/\n    .pfy5654pack-types {\n      display: flex;\n      gap: 15px;\n      margin-top: auto; \/* Push to bottom *\/\n      padding-top: 15px;\n    }\n\n    .pfy5654pack-item {\n      text-align: center;\n      flex: 1;\n      background: #f8f9fa;\n      padding: 10px;\n      border-radius: 6px;\n      font-size: 0.8rem;\n      color: #666;\n    }\n    \n    .pfy5654pack-item i {\n      display: block;\n      font-size: 1.2rem;\n      color: var(--pfy5654main);\n      margin-bottom: 5px;\n    }\n\n    \/* --- Bottom Conclusion --- *\/\n    .pfy5654batch-note {\n      text-align: center;\n      background-color: var(--pfy5654dark);\n      color: #fff;\n      padding: 15px;\n      border-radius: 8px;\n      font-weight: 600;\n      letter-spacing: 0.5px;\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 768px) {\n      .pfy5654tech-section {\n        padding: 50px 20px;\n      }\n      .pfy5654tech-title {\n        font-size: 1.8rem;\n      }\n      .pfy5654tech-card {\n        padding: 25px;\n      }\n      .pfy5654pack-types {\n        flex-wrap: wrap;\n      }\n    }\n  <\/style>\n\n  <div class=\"pfy5654tech-bg\"><\/div>\n\n  <div class=\"pfy5654container\">\n    \n    <div class=\"pfy5654tech-header\">\n      <span class=\"pfy5654tech-subtitle\">Technology &#038; Flexibility<\/span>\n      <h2 class=\"pfy5654tech-title\">Precision Powder Mixing &#038; <br> Flexible Packaging Options<\/h2>\n      <p class=\"pfy5654tech-desc\">\n        Our facility is equipped with modern technology for high-accuracy powder blending and custom packaging, ensuring optimal product consistency and hygiene.\n      <\/p>\n    <\/div>\n\n    <div class=\"pfy5654tech-grid\">\n      \n      <div class=\"pfy5654tech-card\">\n        <div class=\"pfy5654card-header\">\n          <div class=\"pfy5654card-icon\">\n            <i class=\"fas fa-blender\"><\/i> <\/div>\n          <h3 class=\"pfy5654card-title\">Advanced Mixing<\/h3>\n        <\/div>\n        \n        <ul class=\"pfy5654tech-list\">\n          <li><strong>Homogeneous powder mixing<\/strong> ensuring uniform taste and color.<\/li>\n          <li><strong>Active &#038; functional ingredient blending<\/strong> (vitamins, minerals, herbal extracts).<\/li>\n          <li>Food, nutrition, and pharmaceutical-grade production standards.<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"pfy5654tech-card\">\n        <div class=\"pfy5654card-header\">\n          <div class=\"pfy5654card-icon\">\n            <i class=\"fas fa-box-open\"><\/i> <\/div>\n          <h3 class=\"pfy5654card-title\">Custom Packaging<\/h3>\n        <\/div>\n        \n        <ul class=\"pfy5654tech-list\">\n          <li>Versatile packaging lines for various formats.<\/li>\n          <li>High-speed filling with weight accuracy control.<\/li>\n          <li>Hygienic sealing technology.<\/li>\n        <\/ul>\n\n        <div class=\"pfy5654pack-types\">\n          <div class=\"pfy5654pack-item\">\n            <i class=\"fas fa-scroll\"><\/i> Sachet\n          <\/div>\n          <div class=\"pfy5654pack-item\">\n            <i class=\"fas fa-shopping-bag\"><\/i> Pouch\n          <\/div>\n          <div class=\"pfy5654pack-item\">\n            <i class=\"fas fa-prescription-bottle\"><\/i> Bottle\n          <\/div>\n          <div class=\"pfy5654pack-item\">\n            <i class=\"fas fa-cubes\"><\/i> Bulk\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"pfy5654batch-note\">\n      <i class=\"fas fa-check-double\" style=\"margin-right:10px;\"><\/i> \n      This ensures every batch meets quality and performance expectations.\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<section class=\"pfy7687products-section\">\n  <style>\n    \/* --- SCOPED CSS: PRODUCT RANGE --- *\/\n    .pfy7687products-section {\n      \/* PFY Palette *\/\n      --pfy7687main: #2d7b4d;\n      --pfy7687dark: #1a4a2e;\n      --pfy7687accent: #40b06e;\n      --pfy7687bg-light: #ffffff;\n      --pfy7687card-bg: #f8f9fa;\n      --pfy7687text: #212529;\n\n      font-family: 'Montserrat', sans-serif;\n      background-color: var(--pfy7687bg-light);\n      padding: 80px 20px;\n      position: relative;\n    }\n\n    .pfy7687products-section *,\n    .pfy7687products-section *::before,\n    .pfy7687products-section *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    .pfy7687container {\n      max-width: 1140px;\n      margin: 0 auto;\n    }\n\n    \/* --- Header --- *\/\n    .pfy7687prod-header {\n      text-align: center;\n      margin-bottom: 50px;\n      max-width: 800px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .pfy7687prod-badge {\n      display: inline-block;\n      background-color: rgba(64, 176, 110, 0.1); \/* Transparent Accent *\/\n      color: var(--pfy7687main);\n      padding: 6px 16px;\n      border-radius: 50px;\n      font-weight: 700;\n      font-size: 0.85rem;\n      text-transform: uppercase;\n      margin-bottom: 15px;\n      letter-spacing: 1px;\n    }\n\n    .pfy7687prod-title {\n      font-size: 2.2rem;\n      font-weight: 800;\n      color: var(--pfy7687dark);\n      line-height: 1.2;\n      margin-bottom: 20px;\n    }\n\n    \/* --- Category Grid --- *\/\n    .pfy7687cat-grid {\n      display: grid;\n      \/* Responsive: Cards auto-fill based on min-width 220px *\/\n      grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n      gap: 20px;\n      margin-bottom: 50px;\n    }\n\n    .pfy7687cat-card {\n      background-color: var(--pfy7687card-bg);\n      border: 1px solid #e9ecef;\n      border-radius: 12px;\n      padding: 25px 20px;\n      text-align: center;\n      transition: all 0.3s ease;\n      cursor: default;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 100%;\n    }\n\n    .pfy7687cat-card:hover {\n      background-color: #fff;\n      transform: translateY(-5px);\n      box-shadow: 0 10px 25px rgba(45, 123, 77, 0.12);\n      border-color: var(--pfy7687accent);\n    }\n\n    .pfy7687cat-icon {\n      font-size: 2rem;\n      color: var(--pfy7687main);\n      margin-bottom: 15px;\n      transition: transform 0.3s;\n    }\n\n    .pfy7687cat-card:hover .pfy7687cat-icon {\n      transform: scale(1.1);\n      color: var(--pfy7687accent);\n    }\n\n    .pfy7687cat-name {\n      font-weight: 600;\n      color: var(--pfy7687text);\n      font-size: 1rem;\n      line-height: 1.4;\n    }\n\n    \/* --- Formats Section (Separator) --- *\/\n    .pfy7687formats-wrapper {\n      background-color: #eef5f1; \/* Very light green *\/\n      border-radius: 12px;\n      padding: 30px;\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: center;\n      gap: 30px;\n      border-left: 5px solid var(--pfy7687main);\n      margin-bottom: 40px;\n    }\n\n    .pfy7687format-label {\n      font-weight: 700;\n      color: var(--pfy7687dark);\n      font-size: 1.1rem;\n      margin-right: 10px;\n    }\n\n    .pfy7687format-items {\n      display: flex;\n      gap: 20px;\n      flex-wrap: wrap;\n    }\n\n    .pfy7687format-tag {\n      display: flex;\n      align-items: center;\n      background: #fff;\n      padding: 8px 16px;\n      border-radius: 6px;\n      box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n      font-size: 0.95rem;\n      color: #555;\n    }\n    \n    .pfy7687format-tag i {\n      color: var(--pfy7687accent);\n      margin-right: 8px;\n    }\n\n    \/* --- Footer Statement --- *\/\n    .pfy7687flex-footer {\n      text-align: center;\n      font-size: 1.1rem;\n      color: var(--pfy7687dark);\n      font-weight: 600;\n    }\n    \n    .pfy7687flex-footer span {\n      border-bottom: 2px solid var(--pfy7687accent);\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 768px) {\n      .pfy7687products-section {\n        padding: 50px 20px;\n      }\n      .pfy7687prod-title {\n        font-size: 1.8rem;\n      }\n      .pfy7687formats-wrapper {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n      .pfy7687format-items {\n        width: 100%;\n        justify-content: flex-start;\n      }\n    }\n  <\/style>\n\n  <div class=\"pfy7687container\">\n    \n    <div class=\"pfy7687prod-header\">\n      <span class=\"pfy7687prod-badge\">Product Flexibility<\/span>\n      <h2 class=\"pfy7687prod-title\">Manufacturing Solutions for Diverse Beverage Categories<\/h2>\n      <p style=\"color:#555;\">We support a wide range of powdered beverage and functional food products.<\/p>\n    <\/div>\n\n    <div class=\"pfy7687cat-grid\">\n      \n      <div class=\"pfy7687cat-card\">\n        <i class=\"fas fa-spa pfy7687cat-icon\"><\/i>\n        <span class=\"pfy7687cat-name\">Beauty Drinks <br>(Collagen\/Glutathione)<\/span>\n      <\/div>\n\n      <div class=\"pfy7687cat-card\">\n        <i class=\"fas fa-female pfy7687cat-icon\"><\/i>\n        <span class=\"pfy7687cat-name\">Women\u2019s Health <br>Beverages<\/span>\n      <\/div>\n\n      <div class=\"pfy7687cat-card\">\n        <i class=\"fas fa-apple-alt pfy7687cat-icon\"><\/i>\n        <span class=\"pfy7687cat-name\">Fiber &#038; Diet <br>Drinks<\/span>\n      <\/div>\n\n      <div class=\"pfy7687cat-card\">\n        <i class=\"fas fa-pills pfy7687cat-icon\"><\/i>\n        <span class=\"pfy7687cat-name\">Supplement <br>Drinks<\/span>\n      <\/div>\n\n      <div class=\"pfy7687cat-card\">\n        <i class=\"fas fa-heartbeat pfy7687cat-icon\"><\/i>\n        <span class=\"pfy7687cat-name\">Healthy &#038; Functional <br>Beverages<\/span>\n      <\/div>\n\n      <div class=\"pfy7687cat-card\">\n        <i class=\"fas fa-seedling pfy7687cat-icon\"><\/i>\n        <span class=\"pfy7687cat-name\">Dairy &#038; Plant-Based <br>Milk Powders<\/span>\n      <\/div>\n\n      <div class=\"pfy7687cat-card\">\n        <i class=\"fas fa-coffee pfy7687cat-icon\"><\/i>\n        <span class=\"pfy7687cat-name\">Trend-Driven <br>Caf\u00e9 Beverages<\/span>\n      <\/div>\n\n      <div class=\"pfy7687cat-card\">\n        <i class=\"fas fa-cookie-bite pfy7687cat-icon\"><\/i>\n        <span class=\"pfy7687cat-name\">Healthy Cookies &#038; <br>Functional Snacks<\/span>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"pfy7687formats-wrapper\">\n      <div class=\"pfy7687format-label\">Available Formats:<\/div>\n      <div class=\"pfy7687format-items\">\n        <div class=\"pfy7687format-tag\">\n          <i class=\"fas fa-cubes\"><\/i> Bulk (Kiloan)\n        <\/div>\n        <div class=\"pfy7687format-tag\">\n          <i class=\"fas fa-scroll\"><\/i> Sachet\n        <\/div>\n        <div class=\"pfy7687format-tag\">\n          <i class=\"fas fa-box\"><\/i> Retail-Ready Box\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"pfy7687flex-footer\">\n      This flexibility allows brands to enter multiple markets with <span>one trusted partner<\/span>.\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<section class=\"pfy67543scale-section\">\n  <style>\n    \/* --- SCOPED CSS: SCALABLE SECTION --- *\/\n    .pfy67543scale-section {\n      \/* PFY Palette *\/\n      --pfy67543main: #2d7b4d;\n      --pfy67543dark: #1a4a2e;\n      --pfy67543accent: #40b06e;\n      --pfy67543light: #f8f9fa;\n      --pfy67543white: #ffffff;\n      --pfy67543text: #212529;\n      --pfy67543soft-green: #d4edda;\n\n      font-family: 'Montserrat', sans-serif;\n      background: linear-gradient(to bottom, #ffffff 0%, #f4f7f5 100%);\n      padding: 80px 20px;\n      position: relative;\n    }\n\n    .pfy67543scale-section *,\n    .pfy67543scale-section *::before,\n    .pfy67543scale-section *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    .pfy67543container {\n      max-width: 1140px;\n      margin: 0 auto;\n    }\n\n    \/* --- Header --- *\/\n    .pfy67543scale-header {\n      text-align: center;\n      max-width: 750px;\n      margin: 0 auto 60px auto;\n    }\n\n    .pfy67543scale-badge {\n      display: inline-block;\n      background-color: var(--pfy67543soft-green);\n      color: var(--pfy67543dark);\n      font-weight: 700;\n      font-size: 0.85rem;\n      padding: 5px 15px;\n      border-radius: 4px;\n      margin-bottom: 15px;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }\n\n    .pfy67543scale-title {\n      font-size: 2.2rem;\n      font-weight: 800;\n      color: var(--pfy67543dark);\n      margin-bottom: 20px;\n      line-height: 1.2;\n    }\n\n    .pfy67543scale-desc {\n      font-size: 1.05rem;\n      color: #555;\n      line-height: 1.6;\n    }\n\n    \/* --- Growth Steps Container --- *\/\n    .pfy67543growth-steps {\n      display: flex;\n      justify-content: center;\n      align-items: stretch;\n      gap: 30px;\n      margin-bottom: 50px;\n      position: relative;\n    }\n\n    \/* Step Card *\/\n    .pfy67543step-card {\n      flex: 1;\n      background: var(--pfy67543white);\n      padding: 35px 25px;\n      border-radius: 12px;\n      box-shadow: 0 5px 20px rgba(0,0,0,0.05);\n      border-bottom: 5px solid transparent; \/* Animated border *\/\n      transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n      position: relative;\n    }\n\n    \/* Individual Card Styles (Color Progression) *\/\n    \n    \/* Stage 1: Small (Lightest) *\/\n    .pfy67543step-1 { border-bottom-color: #8ceebb; }\n    .pfy67543step-1 .pfy67543step-icon { background-color: #e0f7fa; color: #00897b; }\n\n    \/* Stage 2: Medium (Main Green) *\/\n    .pfy67543step-2 { border-bottom-color: var(--pfy67543accent); }\n    .pfy67543step-2 .pfy67543step-icon { background-color: #d4edda; color: var(--pfy67543main); }\n\n    \/* Stage 3: High (Dark Green) *\/\n    .pfy67543step-3 { border-bottom-color: var(--pfy67543dark); }\n    .pfy67543step-3 .pfy67543step-icon { background-color: #c8e6c9; color: var(--pfy67543dark); }\n\n\n    .pfy67543step-card:hover {\n      transform: translateY(-10px);\n      box-shadow: 0 15px 30px rgba(45, 123, 77, 0.15);\n    }\n\n    \/* Arrow Connector (Desktop) *\/\n    .pfy67543step-card:not(:last-child)::after {\n      content: '\\f054'; \/* Font Awesome Chevron Right *\/\n      font-family: \"Font Awesome 5 Free\";\n      font-weight: 900;\n      position: absolute;\n      right: -22px;\n      top: 50%;\n      transform: translateY(-50%);\n      font-size: 1.5rem;\n      color: #ccc;\n      z-index: 1;\n    }\n\n    .pfy67543step-icon {\n      width: 70px;\n      height: 70px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 1.8rem;\n      margin-bottom: 20px;\n      transition: transform 0.3s;\n    }\n\n    .pfy67543step-card:hover .pfy67543step-icon {\n      transform: scale(1.1) rotate(5deg);\n    }\n\n    .pfy67543step-title {\n      font-size: 1.2rem;\n      font-weight: 700;\n      color: var(--pfy67543text);\n      margin-bottom: 10px;\n    }\n\n    .pfy67543step-info {\n      font-size: 0.9rem;\n      color: #666;\n      line-height: 1.5;\n    }\n\n    \/* --- Footer Box --- *\/\n    .pfy67543scale-footer {\n      background-color: var(--pfy67543dark);\n      color: #fff;\n      padding: 25px;\n      border-radius: 8px;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .pfy67543scale-footer p {\n      position: relative;\n      z-index: 2;\n      font-weight: 500;\n      font-size: 1.05rem;\n    }\n\n    .pfy67543scale-footer i {\n      color: var(--pfy67543accent);\n      margin-right: 8px;\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 768px) {\n      .pfy67543scale-section {\n        padding: 50px 20px;\n      }\n      .pfy67543scale-title {\n        font-size: 1.8rem;\n      }\n      .pfy67543growth-steps {\n        flex-direction: column;\n        gap: 20px;\n      }\n      \n      \/* Change Arrow to Down on Mobile *\/\n      .pfy67543step-card:not(:last-child)::after {\n        content: '\\f078'; \/* Chevron Down *\/\n        right: 50%;\n        top: auto;\n        bottom: -25px;\n        transform: translateX(50%);\n      }\n      \n      .pfy67543step-card {\n        margin-bottom: 10px;\n      }\n    }\n  <\/style>\n\n  <div class=\"pfy67543container\">\n    \n    <div class=\"pfy67543scale-header\">\n      <span class=\"pfy67543scale-badge\">Scalable Capacity<\/span>\n      <h2 class=\"pfy67543scale-title\">From Startup to National Brand<\/h2>\n      <p class=\"pfy67543scale-desc\">\n        Whether you are launching your first product or expanding nationwide, PFY provides scalable production capacity that grows with your business.\n      <\/p>\n    <\/div>\n\n    <div class=\"pfy67543growth-steps\">\n      \n      <div class=\"pfy67543step-card pfy67543step-1\">\n        <div class=\"pfy67543step-icon\">\n          <i class=\"fas fa-seedling\"><\/i>\n        <\/div>\n        <h3 class=\"pfy67543step-title\">Small Batch <br>Production<\/h3>\n        <p class=\"pfy67543step-info\">Ideal for market testing, MVPs, and new brand launches.<\/p>\n      <\/div>\n\n      <div class=\"pfy67543step-card pfy67543step-2\">\n        <div class=\"pfy67543step-icon\">\n          <i class=\"fas fa-chart-line\"><\/i>\n        <\/div>\n        <h3 class=\"pfy67543step-title\">Medium-Scale <br>Commercial Runs<\/h3>\n        <p class=\"pfy67543step-info\">Consistent supply for growing market demand.<\/p>\n      <\/div>\n\n      <div class=\"pfy67543step-card pfy67543step-3\">\n        <div class=\"pfy67543step-icon\">\n          <i class=\"fas fa-industry\"><\/i>\n        <\/div>\n        <h3 class=\"pfy67543step-title\">High-Volume <br>Manufacturing<\/h3>\n        <p class=\"pfy67543step-info\">Industrial capacity for national distribution.<\/p>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"pfy67543scale-footer\">\n      <p>\n        <i class=\"fas fa-cogs\"><\/i> \n        Our systems are designed to adapt as your demand increases\u2014<strong>without compromising quality<\/strong>.\n      <\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<section class=\"pfy8768trust-section\">\n  <style>\n    \/* --- SCOPED CSS: TRUST SECTION --- *\/\n    .pfy8768trust-section {\n      \/* PFY Palette *\/\n      --pfy8768main: #2d7b4d;\n      --pfy8768dark: #1a4a2e;\n      --pfy8768accent: #40b06e;\n      --pfy8768light: #f8f9fa;\n      --pfy8768text: #212529;\n      --pfy8768soft-green: #e9f5ec;\n\n      font-family: 'Montserrat', sans-serif;\n      background-color: var(--pfy8768white);\n      padding: 80px 20px;\n      position: relative;\n    }\n\n    .pfy8768trust-section *,\n    .pfy8768trust-section *::before,\n    .pfy8768trust-section *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    .pfy8768container {\n      max-width: 1140px;\n      margin: 0 auto;\n    }\n\n    \/* --- Top Content Area --- *\/\n    .pfy8768trust-intro {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 40px;\n      margin-bottom: 50px;\n    }\n\n    .pfy8768intro-text {\n      flex: 2;\n    }\n\n    \/* \"Hundreds of Brands\" Stat Box *\/\n    .pfy8768stat-badge {\n      flex: 1;\n      background: linear-gradient(135deg, var(--pfy8768main) 0%, var(--pfy8768dark) 100%);\n      color: #fff;\n      padding: 30px;\n      border-radius: 12px;\n      text-align: center;\n      box-shadow: 0 10px 25px rgba(45, 123, 77, 0.2);\n      min-width: 250px;\n    }\n\n    .pfy8768stat-number {\n      font-size: 2.5rem;\n      font-weight: 800;\n      line-height: 1;\n      margin-bottom: 5px;\n      color: var(--pfy8768accent); \/* Green highlight *\/\n      text-shadow: 0 2px 4px rgba(0,0,0,0.2);\n    }\n    \n    .pfy8768stat-number span {\n        color: #fff;\n        font-size: 1.5rem;\n    }\n\n    .pfy8768stat-label {\n      font-size: 1rem;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }\n\n    .pfy8768trust-title {\n      font-size: 2.2rem;\n      font-weight: 800;\n      color: var(--pfy8768dark);\n      margin-bottom: 20px;\n      line-height: 1.2;\n    }\n\n    .pfy8768trust-desc {\n      font-size: 1.05rem;\n      color: #555;\n      line-height: 1.7;\n      text-align: justify;\n    }\n\n    \/* --- The 4 Pillars Grid --- *\/\n    .pfy8768pillars-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n      gap: 25px;\n      margin-bottom: 40px;\n    }\n\n    .pfy8768pillar-card {\n      background-color: var(--pfy8768light);\n      padding: 30px 20px;\n      border-radius: 8px;\n      border-top: 4px solid var(--pfy8768main);\n      text-align: center;\n      transition: transform 0.3s ease, background 0.3s ease;\n    }\n\n    .pfy8768pillar-card:hover {\n      transform: translateY(-5px);\n      background-color: #fff;\n      box-shadow: 0 5px 20px rgba(0,0,0,0.08);\n    }\n\n    .pfy8768pillar-icon {\n      font-size: 2rem;\n      color: var(--pfy8768main);\n      margin-bottom: 15px;\n      display: inline-block;\n    }\n\n    .pfy8768pillar-title {\n      font-weight: 700;\n      color: var(--pfy8768text);\n      font-size: 1.1rem;\n    }\n\n    \/* --- Closing Statement --- *\/\n    .pfy8768trust-footer {\n      text-align: center;\n      border-top: 1px solid #eee;\n      padding-top: 30px;\n      margin-top: 20px;\n    }\n\n    .pfy8768footer-quote {\n      font-size: 1.2rem;\n      color: var(--pfy8768dark);\n      font-weight: 600;\n      font-style: italic;\n      display: inline-flex;\n      align-items: center;\n    }\n\n    .pfy8768footer-quote::before,\n    .pfy8768footer-quote::after {\n      content: '';\n      display: block;\n      width: 40px;\n      height: 2px;\n      background-color: var(--pfy8768accent);\n      margin: 0 15px;\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 768px) {\n      .pfy8768trust-section {\n        padding: 50px 20px;\n      }\n      .pfy8768trust-intro {\n        flex-direction: column-reverse; \/* Stat box below text on mobile? or top? Let's keep text top *\/\n        align-items: flex-start;\n      }\n      .pfy8768stat-badge {\n        width: 100%;\n      }\n      .pfy8768trust-title {\n        font-size: 1.8rem;\n      }\n      .pfy8768footer-quote {\n        font-size: 1rem;\n        flex-direction: column;\n        gap: 10px;\n      }\n      .pfy8768footer-quote::before,\n      .pfy8768footer-quote::after {\n        width: 60px;\n      }\n    }\n  <\/style>\n\n  <div class=\"pfy8768container\">\n    \n    <div class=\"pfy8768trust-intro\">\n      <div class=\"pfy8768intro-text\">\n        <h2 class=\"pfy8768trust-title\">A Manufacturing Partner <br>Trusted Nationwide<\/h2>\n        <p class=\"pfy8768trust-desc\">\n          Putra Farma Yogyakarta has partnered with hundreds of brands and business clients across Indonesia. Our long-term relationships are built on reliability, transparency, and consistent results.\n        <\/p>\n      <\/div>\n\n      <div class=\"pfy8768stat-badge\">\n        <div class=\"pfy8768stat-number\">100<span>+<\/span><\/div>\n        <div class=\"pfy8768stat-label\">Brands Partnered <br>Across Indonesia<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"pfy8768pillars-grid\">\n      \n      <div class=\"pfy8768pillar-card\">\n        <i class=\"fas fa-shipping-fast pfy8768pillar-icon\"><\/i>\n        <h3 class=\"pfy8768pillar-title\">On-time <br>Production<\/h3>\n      <\/div>\n\n      <div class=\"pfy8768pillar-card\">\n        <i class=\"fas fa-comments pfy8768pillar-icon\"><\/i>\n        <h3 class=\"pfy8768pillar-title\">Clear <br>Communication<\/h3>\n      <\/div>\n\n      <div class=\"pfy8768pillar-card\">\n        <i class=\"fas fa-clipboard-check pfy8768pillar-icon\"><\/i>\n        <h3 class=\"pfy8768pillar-title\">Stable Quality <br>Standards<\/h3>\n      <\/div>\n\n      <div class=\"pfy8768pillar-card\">\n        <i class=\"fas fa-hand-holding-heart pfy8768pillar-icon\"><\/i>\n        <h3 class=\"pfy8768pillar-title\">Ethical Business <br>Practices<\/h3>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"pfy8768trust-footer\">\n      <p class=\"pfy8768footer-quote\">\n        Trust is earned\u2014and we work hard to maintain it.\n      <\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<section class=\"pfy8788ethics-section\">\n  <style>\n    \/* --- SCOPED CSS: ETHICS SECTION --- *\/\n    .pfy8788ethics-section {\n      \/* PFY Palette *\/\n      --pfy8788main: #2d7b4d;\n      --pfy8788dark: #1a4a2e;\n      --pfy8788accent: #40b06e;\n      --pfy8788bg-soft: #f1f8f3; \/* Very soft mint\/nature green *\/\n      --pfy8788white: #ffffff;\n      --pfy8788text: #212529;\n\n      font-family: 'Montserrat', sans-serif;\n      background-color: var(--pfy8788bg-soft);\n      padding: 80px 20px;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .pfy8788ethics-section *,\n    .pfy8788ethics-section *::before,\n    .pfy8788ethics-section *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    \/* Background Watermark Decoration *\/\n    .pfy8788ethics-bg-icon {\n      position: absolute;\n      right: -50px;\n      bottom: -50px;\n      font-size: 20rem;\n      color: var(--pfy8788main);\n      opacity: 0.03;\n      transform: rotate(-15deg);\n      pointer-events: none;\n      z-index: 0;\n    }\n\n    .pfy8788container {\n      max-width: 1140px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    \/* --- Header --- *\/\n    .pfy8788eth-header {\n      text-align: center;\n      max-width: 700px;\n      margin: 0 auto 50px auto;\n    }\n\n    .pfy8788eth-subtitle {\n      color: var(--pfy8788accent);\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      font-size: 0.9rem;\n      display: block;\n      margin-bottom: 10px;\n    }\n\n    .pfy8788eth-title {\n      font-size: 2.2rem;\n      font-weight: 800;\n      color: var(--pfy8788dark);\n      margin-bottom: 20px;\n      line-height: 1.2;\n    }\n\n    .pfy8788eth-desc {\n      font-size: 1.05rem;\n      color: #555;\n      line-height: 1.6;\n    }\n\n    \/* --- Values Grid --- *\/\n    .pfy8788values-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 30px;\n      margin-bottom: 40px;\n    }\n\n    .pfy8788value-card {\n      background: var(--pfy8788white);\n      padding: 30px 25px;\n      \/* Organic Leaf Shape Radius: TopLeft, TopRight, BottomRight, BottomLeft *\/\n      border-radius: 20px 20px 20px 0; \n      box-shadow: 0 5px 15px rgba(0,0,0,0.03);\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      border-left: 4px solid var(--pfy8788main);\n    }\n\n    .pfy8788value-card:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 15px 30px rgba(45, 123, 77, 0.1);\n    }\n\n    .pfy8788val-icon-box {\n      width: 60px;\n      height: 60px;\n      background-color: var(--pfy8788bg-soft);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--pfy8788main);\n      font-size: 1.5rem;\n      margin-bottom: 20px;\n      transition: background 0.3s, color 0.3s;\n    }\n\n    .pfy8788value-card:hover .pfy8788val-icon-box {\n      background-color: var(--pfy8788main);\n      color: var(--pfy8788white);\n    }\n\n    .pfy8788val-text {\n      font-size: 1.1rem;\n      font-weight: 700;\n      color: var(--pfy8788dark);\n      line-height: 1.4;\n    }\n\n    \/* --- Footer Statement --- *\/\n    .pfy8788culture-note {\n      text-align: center;\n      margin-top: 40px;\n    }\n    \n    .pfy8788culture-box {\n      display: inline-block;\n      border: 1px dashed var(--pfy8788main);\n      padding: 15px 30px;\n      border-radius: 50px;\n      color: var(--pfy8788dark);\n      font-weight: 600;\n      background: rgba(255,255,255,0.6);\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 768px) {\n      .pfy8788ethics-section {\n        padding: 50px 20px;\n      }\n      .pfy8788eth-title {\n        font-size: 1.8rem;\n      }\n      .pfy8788values-grid {\n        grid-template-columns: 1fr; \/* Stack on mobile *\/\n      }\n      .pfy8788value-card {\n        align-items: center; \/* Center align for mobile look *\/\n        text-align: center;\n        border-left: none;\n        border-top: 4px solid var(--pfy8788main);\n        border-radius: 12px;\n      }\n    }\n  <\/style>\n  \n  <i class=\"fas fa-hand-holding-heart pfy8788ethics-bg-icon\"><\/i>\n\n  <div class=\"pfy8788container\">\n    \n    <div class=\"pfy8788eth-header\">\n      <span class=\"pfy8788eth-subtitle\">Corporate Responsibility<\/span>\n      <h2 class=\"pfy8788eth-title\">Integrity-Driven <br>Manufacturing Culture<\/h2>\n      <p class=\"pfy8788eth-desc\">\n        Beyond production, we believe in building a responsible and ethical business. PFY operates with core values that define who we are.\n      <\/p>\n    <\/div>\n\n    <div class=\"pfy8788values-grid\">\n      \n      <div class=\"pfy8788value-card\">\n        <div class=\"pfy8788val-icon-box\">\n          <i class=\"fas fa-handshake\"><\/i>\n        <\/div>\n        <div class=\"pfy8788val-text\">Integrity in every <br>partnership<\/div>\n      <\/div>\n\n      <div class=\"pfy8788value-card\">\n        <div class=\"pfy8788val-icon-box\">\n          <i class=\"fas fa-users\"><\/i>\n        <\/div>\n        <div class=\"pfy8788val-text\">Respect for employees <br>and communities<\/div>\n      <\/div>\n\n      <div class=\"pfy8788value-card\">\n        <div class=\"pfy8788val-icon-box\">\n          <i class=\"fas fa-leaf\"><\/i>\n        <\/div>\n        <div class=\"pfy8788val-text\">Commitment to safety <br>and sustainability<\/div>\n      <\/div>\n\n      <div class=\"pfy8788value-card\">\n        <div class=\"pfy8788val-icon-box\">\n          <i class=\"fas fa-seedling\"><\/i>\n        <\/div>\n        <div class=\"pfy8788val-text\">Long-term <br>value creation<\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"pfy8788culture-note\">\n      <div class=\"pfy8788culture-box\">\n        This culture ensures stability\u2014not just for today, but for the future.\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<section class=\"pfyct433cta-section\">\n  <style>\n    \/* --- SCOPED CSS: CLOSING CTA --- *\/\n    .pfyct433cta-section {\n      \/* PFY Palette *\/\n      --pfyct433main: #2d7b4d;\n      --pfyct433dark: #1a4a2e;\n      --pfyct433accent: #40b06e;\n      --pfyct433gold: #f1c40f; \/* Optional accent for CTA button attention *\/\n      --pfyct433white: #ffffff;\n\n      font-family: 'Montserrat', sans-serif;\n      \/* Deep Gradient Background *\/\n      background: linear-gradient(135deg, var(--pfyct433main) 0%, var(--pfyct433dark) 100%);\n      padding: 100px 20px;\n      position: relative;\n      overflow: hidden;\n      color: var(--pfyct433white);\n      text-align: center;\n    }\n\n    .pfyct433cta-section *,\n    .pfyct433cta-section *::before,\n    .pfyct433cta-section *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    .pfyct433container {\n      max-width: 900px; \/* Lebih sempit agar fokus *\/\n      margin: 0 auto;\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* Decorative Rings Background *\/\n    .pfyct433cta-ring {\n      position: absolute;\n      border: 2px solid rgba(255,255,255,0.05);\n      border-radius: 50%;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      pointer-events: none;\n      z-index: 1;\n    }\n    .pfyct433ring-1 { width: 600px; height: 600px; }\n    .pfyct433ring-2 { width: 800px; height: 800px; border-color: rgba(255,255,255,0.03); }\n    .pfyct433ring-3 { width: 1100px; height: 1100px; border-color: rgba(255,255,255,0.02); }\n\n    \/* --- Content --- *\/\n    .pfyct433cta-title {\n      font-size: 2.8rem;\n      font-weight: 800;\n      margin-bottom: 25px;\n      line-height: 1.2;\n      color: #ffffff;\n    }\n\n    .pfyct433cta-desc {\n      font-size: 1.2rem;\n      color: #e9ecef; \/* Off-white for readability *\/\n      margin-bottom: 40px;\n      line-height: 1.6;\n      max-width: 750px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    \/* Highlighted Action Line *\/\n    .pfyct433action-line {\n      display: inline-block;\n      font-weight: 700;\n      font-size: 1.1rem;\n      color: #8ceebb; \/* Light Mint Green *\/\n      margin-bottom: 30px;\n      background: rgba(255,255,255,0.1);\n      padding: 10px 20px;\n      border-radius: 50px;\n      border: 1px solid rgba(255,255,255,0.2);\n    }\n\n    \/* --- Buttons Area --- *\/\n    .pfyct433btn-wrapper {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 20px;\n    }\n\n    \/* Primary Button *\/\n    .pfyct433cta-btn {\n      background-color: var(--pfyct433white);\n      color: var(--pfyct433dark);\n      font-size: 1.2rem;\n      font-weight: 700;\n      padding: 18px 45px;\n      border-radius: 50px;\n      text-decoration: none;\n      transition: all 0.3s ease;\n      box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n      display: inline-flex;\n      align-items: center;\n      position: relative;\n      overflow: hidden;\n      \/* Pulse Animation *\/\n      animation: pfyct433pulse 2s infinite;\n    }\n\n    .pfyct433cta-btn:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 15px 40px rgba(0,0,0,0.3);\n      background-color: #f8f9fa;\n      color: var(--pfyct433main);\n    }\n\n    .pfyct433cta-btn i {\n      margin-left: 10px;\n    }\n\n    \/* Secondary Text Link *\/\n    .pfyct433cta-secondary {\n      color: rgba(255,255,255,0.8);\n      font-size: 0.95rem;\n      margin-top: 15px;\n    }\n    \n    .pfyct433cta-secondary a {\n      color: #fff;\n      text-decoration: underline;\n      font-weight: 600;\n    }\n\n    \/* Animation Keyframes *\/\n    @keyframes pfyct433pulse {\n      0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }\n      70% { box-shadow: 0 0 0 20px rgba(255, 255, 255, 0); }\n      100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 768px) {\n      .pfyct433cta-section {\n        padding: 70px 20px;\n      }\n      .pfyct433cta-title {\n        font-size: 2rem;\n      }\n      .pfyct433cta-desc {\n        font-size: 1rem;\n      }\n      .pfyct433cta-btn {\n        width: 100%;\n        justify-content: center;\n      }\n    }\n  <\/style>\n\n  <div class=\"pfyct433cta-ring pfyct433ring-1\"><\/div>\n  <div class=\"pfyct433cta-ring pfyct433ring-2\"><\/div>\n  <div class=\"pfyct433cta-ring pfyct433ring-3\"><\/div>\n\n  <div class=\"pfyct433container\">\n    \n    <h2 class=\"pfyct433cta-title\">Ready to Build Your Beverage Brand with Confidence?<\/h2>\n    \n    <p class=\"pfyct433cta-desc\">\n      Partner with <strong>Putra Farma Yogyakarta<\/strong> and bring your product to market with a manufacturer you can trust.\n    <\/p>\n\n    <div class=\"pfyct433action-line\">\n    Start your private label beverage manufacturing today.\n    <\/div>\n\n    <div class=\"pfyct433btn-wrapper\">\n      \n      <a href=\"#contact\" class=\"pfyct433cta-btn\">\n        Free Consultation <i class=\"fas fa-arrow-right\"><\/i>\n      <\/a>\n\n      <div class=\"pfyct433cta-secondary\">\n        Discover how PFY can support your business growth.\n      <\/div>\n    \n    <\/div>\n\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Why Choose PFY? Your Trusted Partner for Premium Beverage Manufacturing Choosing the right manufacturing partner is critical to your brand\u2019s success. At Putra Farma Yogyakarta, we combine 20+ years of experience, certified systems, and flexibility to help you launch market-ready powdered beverages. Start Manufacturing 20+ Years Experience Expertise in beverage formulation that leads the market [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"footnotes":""},"class_list":["post-172","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/putrafarmayogyakarta.co.id\/en\/wp-json\/wp\/v2\/pages\/172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/putrafarmayogyakarta.co.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/putrafarmayogyakarta.co.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/putrafarmayogyakarta.co.id\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/putrafarmayogyakarta.co.id\/en\/wp-json\/wp\/v2\/comments?post=172"}],"version-history":[{"count":24,"href":"https:\/\/putrafarmayogyakarta.co.id\/en\/wp-json\/wp\/v2\/pages\/172\/revisions"}],"predecessor-version":[{"id":253,"href":"https:\/\/putrafarmayogyakarta.co.id\/en\/wp-json\/wp\/v2\/pages\/172\/revisions\/253"}],"wp:attachment":[{"href":"https:\/\/putrafarmayogyakarta.co.id\/en\/wp-json\/wp\/v2\/media?parent=172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}