{"id":5284,"date":"2026-06-03T03:28:18","date_gmt":"2026-06-03T03:28:18","guid":{"rendered":"https:\/\/fontono.com\/?page_id=5284"},"modified":"2026-06-06T05:45:23","modified_gmt":"2026-06-06T05:45:24","slug":"pricing","status":"publish","type":"page","link":"https:\/\/fontono.com\/pricing\/","title":{"rendered":"Pricing"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5284\" class=\"elementor elementor-5284\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39bfd53 e-con e-atomic-element e-flexbox-base e-default-div e-c2299e3 \" data-id=\"39bfd53\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"39bfd53\">\n    \t\t<div class=\"elementor-element elementor-element-99ef0a3 elementor-widget elementor-widget-shortcode\" data-id=\"99ef0a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"fontono-pricing-page\">\r\n  <!-- Bootstrap Icons -->\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.11.3\/font\/bootstrap-icons.min.css\">\r\n\r\n  <style>\r\n    \/* ---------- BASE & VARIABLES (SCOPED) ---------- *\/\r\n    .fontono-pricing-page {\r\n      --fp-deep: #3B0270;\r\n      --fp-violet: #6F00FF;\r\n      --fp-lavender: #E9B3FB;\r\n      --fp-light: #FFF1F1;\r\n      --fp-white: #FFFFFF;\r\n      --fp-dark-text: #1E013A;\r\n      --fp-muted: #5C4A75;\r\n      \r\n      --fp-radius-xl: 36px;\r\n      --fp-radius-lg: 28px;\r\n      --fp-radius-md: 20px;\r\n      --fp-radius-sm: 12px;\r\n      \r\n      --fp-shadow-sm: 0 4px 15px rgba(59, 2, 112, 0.04);\r\n      --fp-shadow-md: 0 12px 35px rgba(59, 2, 112, 0.08);\r\n      --fp-shadow-glow: 0 20px 40px rgba(111, 0, 255, 0.15);\r\n      \r\n      --fp-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n      \r\n      font-family: var(--fp-font);\r\n      color: var(--fp-dark-text);\r\n      background: var(--fp-white);\r\n      line-height: 1.6;\r\n      overflow-x: hidden;\r\n      -webkit-font-smoothing: antialiased;\r\n    }\r\n\r\n    .fontono-pricing-page *,\r\n    .fontono-pricing-page *::before,\r\n    .fontono-pricing-page *::after {\r\n      box-sizing: border-box;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    \/* Layout Utility *\/\r\n    .fontono-pricing-inner {\r\n      max-width: 1280px;\r\n      margin: 0 auto;\r\n      padding: 0 32px;\r\n      width: 100%;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    \/* Typography *\/\r\n    .fontono-pricing-badge {\r\n      display: inline-flex;\r\n      background: rgba(233, 179, 251, 0.2);\r\n      color: var(--fp-violet);\r\n      padding: 8px 16px;\r\n      border-radius: 50px;\r\n      font-size: 0.9rem;\r\n      font-weight: 700;\r\n      letter-spacing: 0.5px;\r\n      text-transform: uppercase;\r\n      margin-bottom: 20px;\r\n      border: 1px solid rgba(233, 179, 251, 0.5);\r\n    }\r\n    .fontono-pricing-hero-heading {\r\n      font-size: clamp(2.8rem, 5vw, 4.2rem);\r\n      font-weight: 900;\r\n      line-height: 1.15;\r\n      letter-spacing: -0.03em;\r\n      color: var(--fp-white);\r\n      margin-bottom: 24px;\r\n    }\r\n    .fontono-pricing-section-heading {\r\n      font-size: clamp(2.2rem, 4vw, 3rem);\r\n      font-weight: 850;\r\n      line-height: 1.2;\r\n      color: var(--fp-deep);\r\n      margin-bottom: 16px;\r\n      letter-spacing: -0.02em;\r\n    }\r\n    .fontono-pricing-subheading {\r\n      font-size: 1.15rem;\r\n      color: var(--fp-muted);\r\n      max-width: 650px;\r\n      margin-bottom: 40px;\r\n      font-weight: 400;\r\n      line-height: 1.7;\r\n    }\r\n    .fontono-pricing-card-title {\r\n      font-size: 1.35rem;\r\n      font-weight: 800;\r\n      color: var(--fp-deep);\r\n      margin: 20px 0 10px;\r\n    }\r\n    .fontono-pricing-text-muted {\r\n      color: var(--fp-muted);\r\n      line-height: 1.6;\r\n      font-size: 1.05rem;\r\n    }\r\n\r\n    \/* Sections *\/\r\n    .fontono-pricing-section {\r\n      padding: 110px 0;\r\n      position: relative;\r\n    }\r\n    .fontono-pricing-section-light {\r\n      background: linear-gradient(180deg, var(--fp-white) 0%, var(--fp-light) 100%);\r\n    }\r\n    .fontono-pricing-section-white {\r\n      background: var(--fp-white);\r\n    }\r\n\r\n    \/* Buttons *\/\r\n    .fontono-pricing-btn-primary, .fontono-pricing-btn-secondary, .fontono-pricing-btn-disabled {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      padding: 16px 36px;\r\n      border-radius: 50px;\r\n      font-weight: 700;\r\n      font-size: 1.05rem;\r\n      text-decoration: none;\r\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n      cursor: pointer;\r\n      border: none;\r\n      width: 100%;\r\n    }\r\n    .fontono-pricing-btn-primary {\r\n      background: linear-gradient(135deg, var(--fp-violet) 0%, #9035ff 100%);\r\n      color: var(--fp-white);\r\n      box-shadow: 0 10px 25px rgba(111, 0, 255, 0.25);\r\n    }\r\n    .fontono-pricing-btn-primary:hover {\r\n      transform: translateY(-4px) scale(1.02);\r\n      box-shadow: 0 15px 35px rgba(111, 0, 255, 0.35);\r\n\t\t\tcolor: #fff;\r\n    }\r\n    .fontono-pricing-btn-secondary {\r\n      background: transparent;\r\n      border: 2px solid var(--fp-violet);\r\n      color: var(--fp-violet);\r\n    }\r\n    .fontono-pricing-btn-secondary:hover {\r\n      background: var(--fp-violet);\r\n      color: var(--fp-white);\r\n      transform: translateY(-4px);\r\n    }\r\n    .fontono-pricing-btn-disabled {\r\n      background: #f1f3f5;\r\n      color: #adb5bd;\r\n      cursor: not-allowed;\r\n      border: 1px solid #dee2e6;\r\n    }\r\n    .fontono-pricing-btn-disabled-dark {\r\n      background: rgba(255,255,255,0.1);\r\n      color: rgba(255,255,255,0.5);\r\n      cursor: not-allowed;\r\n      border: 1px solid rgba(255,255,255,0.2);\r\n    }\r\n\r\n    \/* Hero Section *\/\r\n    .fontono-pricing-hero {\r\n      background: #3B0270;\r\n      border-radius: 0 0 48px 48px;\r\n      padding: 120px 0 100px;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    .fontono-pricing-hero-bg {\r\n      position: absolute;\r\n      top: 0; left: 0; right: 0; bottom: 0;\r\n      background: \r\n        radial-gradient(circle at 80% 20%, rgba(233, 179, 251, 0.2) 0%, transparent 45%),\r\n        radial-gradient(circle at 15% 80%, rgba(111, 0, 255, 0.4) 0%, transparent 50%),\r\n        linear-gradient(135deg, #2b0152 0%, #3B0270 100%);\r\n      z-index: 1;\r\n    }\r\n    .fontono-pricing-hero-layout {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 60px;\r\n      align-items: center;\r\n    }\r\n    .fontono-pricing-h-badges {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 12px;\r\n      margin-bottom: 24px;\r\n    }\r\n    .fontono-pricing-h-badge {\r\n      background: rgba(255,255,255,0.1);\r\n      border: 1px solid rgba(255,255,255,0.2);\r\n      color: var(--fp-lavender);\r\n      padding: 6px 14px;\r\n      border-radius: 40px;\r\n      font-size: 0.85rem;\r\n      font-weight: 600;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n    }\r\n    .fontono-pricing-hero-visual {\r\n      background: rgba(255, 255, 255, 0.05);\r\n      backdrop-filter: blur(20px);\r\n      -webkit-backdrop-filter: blur(20px);\r\n      border-radius: var(--fp-radius-xl);\r\n      padding: 40px;\r\n      border: 1px solid rgba(255, 255, 255, 0.15);\r\n      box-shadow: 0 30px 60px rgba(0, 0, 0, 0.25);\r\n      transform: perspective(1000px) rotateY(-5deg);\r\n      transition: transform 0.5s ease;\r\n      text-align: center;\r\n      position: relative;\r\n    }\r\n    .fontono-pricing-hero-visual:hover {\r\n      transform: perspective(1000px) rotateY(0deg) translateY(-5px);\r\n    }\r\n    .fontono-pricing-hv-plan {\r\n      font-size: 1.25rem;\r\n      color: var(--fp-lavender);\r\n      text-transform: uppercase;\r\n      letter-spacing: 2px;\r\n      font-weight: 800;\r\n      margin-bottom: 12px;\r\n    }\r\n    .fontono-pricing-hv-price {\r\n      font-size: 4.5rem;\r\n      font-weight: 900;\r\n      color: var(--fp-white);\r\n      line-height: 1;\r\n      margin-bottom: 16px;\r\n    }\r\n    .fontono-pricing-hv-desc {\r\n      color: rgba(255,255,255,0.8);\r\n      font-size: 1.1rem;\r\n      margin-bottom: 32px;\r\n    }\r\n    .fontono-pricing-hv-preview {\r\n      background: rgba(255,255,255,0.1);\r\n      border: 1px solid rgba(255,255,255,0.2);\r\n      border-radius: var(--fp-radius-md);\r\n      padding: 24px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 16px;\r\n    }\r\n    .fontono-pricing-hv-preview span {\r\n      font-size: 1.6rem;\r\n      color: var(--fp-white);\r\n    }\r\n    \/* Floating Chip *\/\r\n    .fontono-pricing-float-chip {\r\n      position: absolute;\r\n      top: -20px;\r\n      right: -20px;\r\n      background: var(--fp-violet);\r\n      color: white;\r\n      padding: 10px 20px;\r\n      border-radius: 30px;\r\n      font-weight: bold;\r\n      box-shadow: 0 10px 20px rgba(111,0,255,0.3);\r\n      border: 2px solid rgba(255,255,255,0.2);\r\n      animation: floatUpDown 4s ease-in-out infinite;\r\n    }\r\n    @keyframes floatUpDown {\r\n      0%, 100% { transform: translateY(0); }\r\n      50% { transform: translateY(-10px); }\r\n    }\r\n\r\n    \/* Pricing Cards Layout *\/\r\n    .fontono-pricing-plan-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 32px;\r\n      margin-top: 60px;\r\n    }\r\n    .fontono-pricing-plan-card {\r\n      background: var(--fp-white);\r\n      border-radius: var(--fp-radius-xl);\r\n      padding: 40px;\r\n      box-shadow: var(--fp-shadow-sm);\r\n      border: 1px solid rgba(59, 2, 112, 0.1);\r\n      display: flex;\r\n      flex-direction: column;\r\n      transition: all 0.3s ease;\r\n      position: relative;\r\n    }\r\n    .fontono-pricing-plan-card:hover {\r\n      transform: translateY(-8px);\r\n      box-shadow: var(--fp-shadow-md);\r\n    }\r\n    \/* Free Plan *\/\r\n    .fontono-pricing-plan-free {\r\n      border: 2px solid var(--fp-lavender);\r\n    }\r\n    \/* Creator Plan (Highlighted) *\/\r\n    .fontono-pricing-plan-creator {\r\n      background: linear-gradient(180deg, var(--fp-white) 0%, var(--fp-light) 100%);\r\n      border: 2px solid var(--fp-violet);\r\n      box-shadow: var(--fp-shadow-glow);\r\n      transform: scale(1.02);\r\n    }\r\n    .fontono-pricing-plan-creator:hover {\r\n      transform: scale(1.02) translateY(-8px);\r\n    }\r\n    .fontono-pricing-plan-badge {\r\n      position: absolute;\r\n      top: -16px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      background: var(--fp-violet);\r\n      color: var(--fp-white);\r\n      padding: 6px 20px;\r\n      border-radius: 30px;\r\n      font-size: 0.85rem;\r\n      font-weight: 800;\r\n      text-transform: uppercase;\r\n      letter-spacing: 1px;\r\n      white-space: nowrap;\r\n      box-shadow: 0 4px 10px rgba(111,0,255,0.3);\r\n    }\r\n    \/* Pro Plan (Dark) *\/\r\n    .fontono-pricing-plan-pro {\r\n      background: var(--fp-deep);\r\n      color: var(--fp-white);\r\n      border: 1px solid rgba(255,255,255,0.1);\r\n    }\r\n\r\n    \/* Pricing Card Content *\/\r\n    .fontono-pricing-p-name {\r\n      font-size: 1.5rem;\r\n      font-weight: 800;\r\n      margin-bottom: 8px;\r\n    }\r\n    .fontono-pricing-plan-pro .fontono-pricing-p-name { color: var(--fp-lavender); }\r\n    \r\n    .fontono-pricing-p-price {\r\n      font-size: 3rem;\r\n      font-weight: 900;\r\n      line-height: 1;\r\n      margin-bottom: 8px;\r\n    }\r\n    .fontono-pricing-plan-pro .fontono-pricing-p-price { color: var(--fp-white); }\r\n    .fontono-pricing-p-price-text {\r\n      font-size: 1.5rem;\r\n      color: var(--fp-muted);\r\n    }\r\n    .fontono-pricing-plan-pro .fontono-pricing-p-price-text { color: rgba(255,255,255,0.6); }\r\n\r\n    .fontono-pricing-p-billing {\r\n      font-size: 0.9rem;\r\n      color: var(--fp-muted);\r\n      margin-bottom: 24px;\r\n      font-weight: 600;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.5px;\r\n    }\r\n    .fontono-pricing-plan-pro .fontono-pricing-p-billing { color: rgba(255,255,255,0.5); }\r\n\r\n    .fontono-pricing-p-desc {\r\n      font-size: 1rem;\r\n      color: var(--fp-muted);\r\n      margin-bottom: 32px;\r\n      padding-bottom: 32px;\r\n      border-bottom: 1px solid rgba(0,0,0,0.1);\r\n    }\r\n    .fontono-pricing-plan-pro .fontono-pricing-p-desc { \r\n      color: rgba(255,255,255,0.8);\r\n      border-bottom-color: rgba(255,255,255,0.1); \r\n    }\r\n\r\n    .fontono-pricing-p-features {\r\n      list-style: none;\r\n      margin-bottom: 40px;\r\n      flex-grow: 1;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 16px;\r\n    }\r\n    .fontono-pricing-p-feature {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 12px;\r\n      font-size: 1rem;\r\n      color: var(--fp-dark-text);\r\n    }\r\n    .fontono-pricing-plan-pro .fontono-pricing-p-feature { color: var(--fp-white); }\r\n    \r\n    .fontono-pricing-p-icon {\r\n      color: var(--fp-violet);\r\n      font-size: 1.2rem;\r\n      margin-top: -2px;\r\n    }\r\n    .fontono-pricing-plan-pro .fontono-pricing-p-icon { color: var(--fp-lavender); }\r\n    \r\n    .fontono-pricing-p-icon-gray {\r\n      color: var(--fp-muted);\r\n      font-size: 1.2rem;\r\n      margin-top: -2px;\r\n    }\r\n    .fontono-pricing-plan-pro .fontono-pricing-p-icon-gray { color: rgba(255,255,255,0.4); }\r\n\r\n    \/* Free Grid & Cards *\/\r\n    .fontono-pricing-grid-3 {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 32px;\r\n    }\r\n    .fontono-pricing-feature-card {\r\n      background: var(--fp-white);\r\n      border-radius: var(--fp-radius-md);\r\n      padding: 32px 28px;\r\n      box-shadow: var(--fp-shadow-sm);\r\n      border: 1px solid rgba(233, 179, 251, 0.3);\r\n      transition: all 0.3s ease;\r\n      position: relative;\r\n    }\r\n    .fontono-pricing-feature-card:hover {\r\n      transform: translateY(-5px);\r\n      box-shadow: var(--fp-shadow-md);\r\n      border-color: rgba(111, 0, 255, 0.2);\r\n    }\r\n    .fontono-pricing-icon-lg {\r\n      font-size: 2.5rem;\r\n      margin-bottom: 16px;\r\n      display: inline-block;\r\n      background: linear-gradient(135deg, var(--fp-violet), #E9B3FB);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n    }\r\n\r\n    \/* Comparison Table *\/\r\n    .fontono-pricing-table-container {\r\n      background: var(--fp-white);\r\n      border-radius: var(--fp-radius-xl);\r\n      box-shadow: var(--fp-shadow-sm);\r\n      border: 1px solid rgba(59, 2, 112, 0.1);\r\n      overflow-x: auto;\r\n    }\r\n    .fontono-pricing-table {\r\n      width: 100%;\r\n      min-width: 700px;\r\n      border-collapse: collapse;\r\n      text-align: left;\r\n    }\r\n    .fontono-pricing-table th, .fontono-pricing-table td {\r\n      padding: 24px;\r\n      border-bottom: 1px solid rgba(0,0,0,0.05);\r\n    }\r\n    .fontono-pricing-table th {\r\n      font-size: 1.2rem;\r\n      font-weight: 800;\r\n      color: var(--fp-deep);\r\n      background: #fafafa;\r\n    }\r\n    .fontono-pricing-table tr:last-child td { border-bottom: none; }\r\n    .fontono-pricing-table td:first-child { font-weight: 600; color: var(--fp-dark-text); }\r\n    .fontono-pricing-table td { color: var(--fp-muted); }\r\n    \r\n    .fontono-pricing-t-val-yes { color: var(--fp-violet); font-weight: 700; }\r\n    .fontono-pricing-t-val-planned { color: #fd7e14; font-weight: 600; font-size: 0.9rem; background: rgba(253, 126, 20, 0.1); padding: 4px 10px; border-radius: 12px; }\r\n    .fontono-pricing-t-val-no { color: #adb5bd; }\r\n\r\n    \/* Audience Cards *\/\r\n    .fontono-pricing-audience-card {\r\n      background: var(--fp-white);\r\n      padding: 32px;\r\n      border-radius: var(--fp-radius-lg);\r\n      border: 1px solid rgba(111,0,255,0.1);\r\n      box-shadow: var(--fp-shadow-sm);\r\n    }\r\n    .fontono-pricing-audience-name {\r\n      font-size: 1.5rem;\r\n      font-weight: 800;\r\n      color: var(--fp-violet);\r\n      margin-bottom: 16px;\r\n    }\r\n    .fontono-pricing-audience-best {\r\n      font-size: 0.9rem;\r\n      text-transform: uppercase;\r\n      letter-spacing: 1px;\r\n      color: var(--fp-deep);\r\n      font-weight: 700;\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    \/* Trust Strip *\/\r\n    .fontono-pricing-trust-strip {\r\n      background: var(--fp-white);\r\n      border: 1px solid rgba(233,179,251,0.5);\r\n      border-radius: var(--fp-radius-lg);\r\n      padding: 32px 40px;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 20px 40px;\r\n      justify-content: center;\r\n      box-shadow: var(--fp-shadow-sm);\r\n    }\r\n    .fontono-pricing-trust-item {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      font-weight: 600;\r\n      color: var(--fp-deep);\r\n    }\r\n    .fontono-pricing-trust-item i {\r\n      color: var(--fp-violet);\r\n      font-size: 1.2rem;\r\n    }\r\n\r\n    \/* FAQ Accordion *\/\r\n    .fontono-pricing-faq-container {\r\n      max-width: 800px;\r\n      margin: 0 auto;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 16px;\r\n    }\r\n    .fontono-pricing-faq-item {\r\n      background: var(--fp-white);\r\n      border: 1px solid rgba(111,0,255,0.1);\r\n      border-radius: var(--fp-radius-sm);\r\n      overflow: hidden;\r\n      transition: all 0.3s ease;\r\n    }\r\n    .fontono-pricing-faq-btn {\r\n      width: 100%;\r\n      text-align: left;\r\n      background: transparent;\r\n      border: none;\r\n      padding: 24px;\r\n      font-size: 1.15rem;\r\n      font-weight: 700;\r\n      color: var(--fp-deep);\r\n      cursor: pointer;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      font-family: inherit;\r\n    }\r\n    .fontono-pricing-faq-btn i {\r\n      color: var(--fp-violet);\r\n      transition: transform 0.3s ease;\r\n    }\r\n    .fontono-pricing-faq-btn[aria-expanded=\"true\"] i {\r\n      transform: rotate(180deg);\r\n    }\r\n    .fontono-pricing-faq-content {\r\n      padding: 0 24px;\r\n      max-height: 0;\r\n      overflow: hidden;\r\n      transition: max-height 0.3s ease, padding 0.3s ease;\r\n      color: var(--fp-muted);\r\n    }\r\n    .fontono-pricing-faq-btn[aria-expanded=\"true\"] + .fontono-pricing-faq-content {\r\n      padding: 0 24px 24px;\r\n      max-height: 300px;\r\n    }\r\n\r\n    \/* Final CTA *\/\r\n    .fontono-pricing-cta-box {\r\n      background: linear-gradient(135deg, rgba(233,179,251,0.2), rgba(111,0,255,0.05));\r\n      border-radius: var(--fp-radius-xl);\r\n      padding: 80px 40px;\r\n      text-align: center;\r\n      border: 1px solid rgba(233,179,251,0.4);\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n      .fontono-pricing-grid-3 { grid-template-columns: repeat(2, 1fr); }\r\n      .fontono-pricing-hero-layout { grid-template-columns: 1fr; gap: 50px; text-align: center; }\r\n      .fontono-pricing-hero-heading { text-align: center; }\r\n      .fontono-pricing-subheading { margin: 0 auto 40px; text-align: center; }\r\n      .fontono-pricing-h-badges { justify-content: center; }\r\n      .fontono-pricing-hero-visual { max-width: 500px; margin: 0 auto; transform: none; }\r\n      \r\n      .fontono-pricing-plan-grid { grid-template-columns: 1fr; gap: 40px; max-width: 500px; margin-left: auto; margin-right: auto; }\r\n      .fontono-pricing-plan-creator { transform: none; }\r\n      .fontono-pricing-plan-creator:hover { transform: translateY(-8px); }\r\n    }\r\n    @media (max-width: 768px) {\r\n      .fontono-pricing-grid-3 { grid-template-columns: 1fr; }\r\n      .fontono-pricing-inner { padding: 0 24px; }\r\n      .fontono-pricing-section { padding: 70px 0; }\r\n      .fontono-pricing-hero { padding: 100px 0 70px; }\r\n      .fontono-pricing-section-heading { text-align: center; }\r\n    }\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .fontono-pricing-page * { transition: none !important; animation: none !important; transform: none !important; }\r\n    }\r\n  <\/style>\r\n\r\n  <!-- SECTION 1: HERO -->\r\n  <section class=\"fontono-pricing-section fontono-pricing-hero\">\r\n    <div class=\"fontono-pricing-hero-bg\"><\/div>\r\n    <div class=\"fontono-pricing-inner\">\r\n      <div class=\"fontono-pricing-hero-layout\">\r\n        <div class=\"fontono-pricing-hero-content\">\r\n          <div class=\"fontono-pricing-h-badges\">\r\n            <span class=\"fontono-pricing-h-badge\"><i class=\"bi bi-tag\"><\/i> Free to Start<\/span>\r\n            <span class=\"fontono-pricing-h-badge\"><i class=\"bi bi-person-x\"><\/i> No Signup Required<\/span>\r\n            <span class=\"fontono-pricing-h-badge\"><i class=\"bi bi-clipboard\"><\/i> Copy-Paste Ready<\/span>\r\n            <span class=\"fontono-pricing-h-badge\"><i class=\"bi bi-phone\"><\/i> Mobile Friendly<\/span>\r\n          <\/div>\r\n          <h1 class=\"fontono-pricing-hero-heading\">Simple Pricing for a Creative Font Generator<\/h1>\r\n          <p class=\"fontono-pricing-subheading\" style=\"color: rgba(255,255,255,0.85); font-size: 1.25rem;\">Start using Fontono for free. Create stylish, copy-ready text for bios, captions, usernames, messages, gaming names, tattoo ideas, and creative projects without complicated setup.<\/p>\r\n        <\/div>\r\n        <div class=\"fontono-pricing-hero-visual\">\r\n          <div class=\"fontono-pricing-float-chip\">Available Now<\/div>\r\n          <div class=\"fontono-pricing-hv-plan\">Free Plan<\/div>\r\n          <div class=\"fontono-pricing-hv-price\">$0<\/div>\r\n          <div class=\"fontono-pricing-hv-desc\">Start creating stylish fonts today<\/div>\r\n          <div class=\"fontono-pricing-hv-preview\">\r\n            <span style=\"font-family: serif; font-style: italic;\">\ud835\udcd5\ud835\udcf8\ud835\udcf7\ud835\udcfd\ud835\udcf8\ud835\udcf7\ud835\udcf8<\/span>\r\n            <span style=\"font-weight: bold; font-family: serif;\">\ud835\udc05\ud835\udc28\ud835\udc27\ud835\udc2d\ud835\udc28\ud835\udc27\ud835\udc28<\/span>\r\n            <span style=\"letter-spacing: 4px;\">\uff26\uff2f\uff2e\uff34\uff2f\uff2e\uff2f<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 2: PRICING CARDS -->\r\n  <section class=\"fontono-pricing-section fontono-pricing-section-white\">\r\n    <div class=\"fontono-pricing-inner\">\r\n      <div style=\"text-align: center;\">\r\n        <span class=\"fontono-pricing-badge\">Pricing Plans<\/span>\r\n        <h2 class=\"fontono-pricing-section-heading\">Choose the Plan That Fits Your Creative Flow<\/h2>\r\n        <p class=\"fontono-pricing-subheading\" style=\"margin: 0 auto;\">Fontono is free to use today, with future plans designed for creators, designers, and brands who want more advanced text styling features.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"fontono-pricing-plan-grid\">\r\n        <!-- PLAN 1: FREE -->\r\n        <div class=\"fontono-pricing-plan-card fontono-pricing-plan-free\">\r\n          <div class=\"fontono-pricing-p-name\">Free<\/div>\r\n          <div class=\"fontono-pricing-p-price\">$0<\/div>\r\n          <div class=\"fontono-pricing-p-billing\">Always available<\/div>\r\n          <div class=\"fontono-pricing-p-desc\">For everyday users who want quick, stylish, copy-ready text.<\/div>\r\n          \r\n          <ul class=\"fontono-pricing-p-features\">\r\n            <li class=\"fontono-pricing-p-feature\"><i class=\"bi bi-check-circle-fill fontono-pricing-p-icon\"><\/i> Free font generator access<\/li>\r\n            <li class=\"fontono-pricing-p-feature\"><i class=\"bi bi-check-circle-fill fontono-pricing-p-icon\"><\/i> Copy-paste stylish text<\/li>\r\n            <li class=\"fontono-pricing-p-feature\"><i class=\"bi bi-check-circle-fill fontono-pricing-p-icon\"><\/i> Basic preview experience<\/li>\r\n            <li class=\"fontono-pricing-p-feature\"><i class=\"bi bi-check-circle-fill fontono-pricing-p-icon\"><\/i> Useful for bios and captions<\/li>\r\n            <li class=\"fontono-pricing-p-feature\"><i class=\"bi bi-check-circle-fill fontono-pricing-p-icon\"><\/i> Mobile-friendly interface<\/li>\r\n            <li class=\"fontono-pricing-p-feature\"><i class=\"bi bi-check-circle-fill fontono-pricing-p-icon\"><\/i> No signup required<\/li>\r\n          <\/ul>\r\n          \r\n          <a href=\"\/\" class=\"fontono-pricing-btn-primary\">Start Free<\/a>\r\n        <\/div>\r\n\r\n        <!-- PLAN 2: CREATOR -->\r\n        <div class=\"fontono-pricing-plan-card fontono-pricing-plan-creator\">\r\n          <div class=\"fontono-pricing-plan-badge\">Popular Future Plan<\/div>\r\n          <div class=\"fontono-pricing-p-name\">Creator<\/div>\r\n          <div class=\"fontono-pricing-p-price\"><span class=\"fontono-pricing-p-price-text\">Coming Soon<\/span><\/div>\r\n          <div class=\"fontono-pricing-p-billing\">Future plan<\/div>\r\n          <div class=\"fontono-pricing-p-desc\">For creators who want saved styles, better previews, and faster creative text workflows.<\/div>\r\n          \r\n          <ul class=\"fontono-pricing-p-features\">\r\n            <li class=\"fontono-pricing-p-feature\"><i class=\"bi bi-check-circle-fill fontono-pricing-p-icon\"><\/i> Everything in Free<\/li>\r\n            <li class=\"fontono-pricing-p-feature\"><i class=\"bi bi-plus-circle fontono-pricing-p-icon-gray\"><\/i> Saved favorite styles<\/li>\r\n            <li class=\"fontono-pricing-p-feature\"><i class=\"bi bi-plus-circle fontono-pricing-p-icon-gray\"><\/i> Advanced mood filters<\/li>\r\n            <li class=\"fontono-pricing-p-feature\"><i class=\"bi bi-plus-circle fontono-pricing-p-icon-gray\"><\/i> More preview modes<\/li>\r\n            <li class=\"fontono-pricing-p-feature\"><i class=\"bi bi-plus-circle fontono-pricing-p-icon-gray\"><\/i> Creator text presets<\/li>\r\n            <li class=\"fontono-pricing-p-feature\"><i class=\"bi bi-plus-circle fontono-pricing-p-icon-gray\"><\/i> Better style organization<\/li>\r\n          <\/ul>\r\n          \r\n          <a href=\"#\" class=\"fontono-pricing-btn-disabled\" onclick=\"return false;\">Coming Soon<\/a>\r\n        <\/div>\r\n\r\n        <!-- PLAN 3: PRO -->\r\n        <div class=\"fontono-pricing-plan-card fontono-pricing-plan-pro\">\r\n          <div class=\"fontono-pricing-p-name\">Pro<\/div>\r\n          <div class=\"fontono-pricing-p-price\"><span class=\"fontono-pricing-p-price-text\">Coming Soon<\/span><\/div>\r\n          <div class=\"fontono-pricing-p-billing\">Future plan<\/div>\r\n          <div class=\"fontono-pricing-p-desc\">For designers, marketers, and brands who want expanded creative text and branding workflows.<\/div>\r\n          \r\n          <ul class=\"fontono-pricing-p-features\">\r\n            <li class=\"fontono-pricing-p-feature\"><i class=\"bi bi-check-circle-fill fontono-pricing-p-icon\"><\/i> Everything in Creator<\/li>\r\n            <li class=\"fontono-pricing-p-feature\"><i class=\"bi bi-plus-circle fontono-pricing-p-icon-gray\"><\/i> Brand-style text presets<\/li>\r\n            <li class=\"fontono-pricing-p-feature\"><i class=\"bi bi-plus-circle fontono-pricing-p-icon-gray\"><\/i> Logo text preview ideas<\/li>\r\n            <li class=\"fontono-pricing-p-feature\"><i class=\"bi bi-plus-circle fontono-pricing-p-icon-gray\"><\/i> Expanded style collections<\/li>\r\n            <li class=\"fontono-pricing-p-feature\"><i class=\"bi bi-plus-circle fontono-pricing-p-icon-gray\"><\/i> Advanced copy history<\/li>\r\n            <li class=\"fontono-pricing-p-feature\"><i class=\"bi bi-plus-circle fontono-pricing-p-icon-gray\"><\/i> Pro creative workflow tools<\/li>\r\n          <\/ul>\r\n          \r\n          <a href=\"#\" class=\"fontono-pricing-btn-disabled\" onclick=\"return false;\">Coming Soon<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 3: WHAT'S INCLUDED FOR FREE -->\r\n  <section class=\"fontono-pricing-section fontono-pricing-section-light\">\r\n    <div class=\"fontono-pricing-inner\">\r\n      <div style=\"text-align: center; margin-bottom: 50px;\">\r\n        <h2 class=\"fontono-pricing-section-heading\">What You Can Do for Free<\/h2>\r\n        <p class=\"fontono-pricing-subheading\" style=\"margin: 0 auto;\">Fontono\u2019s free experience is built for fast, simple, and creative text styling.<\/p>\r\n      <\/div>\r\n      <div class=\"fontono-pricing-grid-3\">\r\n        <div class=\"fontono-pricing-feature-card\">\r\n          <i class=\"bi bi-magic fontono-pricing-icon-lg\"><\/i>\r\n          <h3 class=\"fontono-pricing-card-title\">Generate Stylish Text<\/h3>\r\n          <p class=\"fontono-pricing-text-muted\">Turn normal text into fancy, bold, cursive, gothic, aesthetic, and creative styles.<\/p>\r\n        <\/div>\r\n        <div class=\"fontono-pricing-feature-card\">\r\n          <i class=\"bi bi-clipboard-check fontono-pricing-icon-lg\"><\/i>\r\n          <h3 class=\"fontono-pricing-card-title\">Copy and Paste Anywhere<\/h3>\r\n          <p class=\"fontono-pricing-text-muted\">Use your generated text in bios, captions, usernames, messages, and projects.<\/p>\r\n        <\/div>\r\n        <div class=\"fontono-pricing-feature-card\">\r\n          <i class=\"bi bi-emoji-smile fontono-pricing-icon-lg\"><\/i>\r\n          <h3 class=\"fontono-pricing-card-title\">Explore Different Moods<\/h3>\r\n          <p class=\"fontono-pricing-text-muted\">Try soft, bold, dark, playful, retro, elegant, futuristic, and experimental styles.<\/p>\r\n        <\/div>\r\n        <div class=\"fontono-pricing-feature-card\">\r\n          <i class=\"bi bi-laptop fontono-pricing-icon-lg\"><\/i>\r\n          <h3 class=\"fontono-pricing-card-title\">Use on Any Device<\/h3>\r\n          <p class=\"fontono-pricing-text-muted\">Create fonts from desktop, tablet, or mobile without extra setup.<\/p>\r\n        <\/div>\r\n        <div class=\"fontono-pricing-feature-card\">\r\n          <i class=\"bi bi-person-x fontono-pricing-icon-lg\"><\/i>\r\n          <h3 class=\"fontono-pricing-card-title\">No Account Needed<\/h3>\r\n          <p class=\"fontono-pricing-text-muted\">Use the font generator without signing up or installing anything.<\/p>\r\n        <\/div>\r\n        <div class=\"fontono-pricing-feature-card\">\r\n          <i class=\"bi bi-lightning-charge fontono-pricing-icon-lg\"><\/i>\r\n          <h3 class=\"fontono-pricing-card-title\">Fast Creative Workflow<\/h3>\r\n          <p class=\"fontono-pricing-text-muted\">Type, preview, copy, and use your favorite style quickly.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 4: COMPARISON TABLE -->\r\n  <section class=\"fontono-pricing-section fontono-pricing-section-white\">\r\n    <div class=\"fontono-pricing-inner\">\r\n      <div style=\"text-align: center; margin-bottom: 50px;\">\r\n        <span class=\"fontono-pricing-badge\">Compare<\/span>\r\n        <h2 class=\"fontono-pricing-section-heading\">Free Today, More Creative Power Later<\/h2>\r\n        <p class=\"fontono-pricing-subheading\" style=\"margin: 0 auto;\">Fontono is starting with a simple free experience. Future plans may add saved workflows, deeper previews, and advanced creative features.<\/p>\r\n      <\/div>\r\n      <div class=\"fontono-pricing-table-container\">\r\n        <table class=\"fontono-pricing-table\">\r\n          <thead>\r\n            <tr>\r\n              <th>Feature<\/th>\r\n              <th>Free<\/th>\r\n              <th>Creator<\/th>\r\n              <th>Pro<\/th>\r\n            <\/tr>\r\n          <\/thead>\r\n          <tbody>\r\n            <tr>\r\n              <td>Font generator access<\/td>\r\n              <td class=\"fontono-pricing-t-val-yes\">Yes<\/td>\r\n              <td class=\"fontono-pricing-t-val-yes\">Yes<\/td>\r\n              <td class=\"fontono-pricing-t-val-yes\">Yes<\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td>Copy-paste text<\/td>\r\n              <td class=\"fontono-pricing-t-val-yes\">Yes<\/td>\r\n              <td class=\"fontono-pricing-t-val-yes\">Yes<\/td>\r\n              <td class=\"fontono-pricing-t-val-yes\">Yes<\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td>Mood-based discovery<\/td>\r\n              <td>Basic<\/td>\r\n              <td class=\"fontono-pricing-t-val-yes\">Advanced<\/td>\r\n              <td class=\"fontono-pricing-t-val-yes\">Advanced<\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td>Saved favorite styles<\/td>\r\n              <td class=\"fontono-pricing-t-val-no\">\u2014<\/td>\r\n              <td class=\"fontono-pricing-t-val-planned\">Planned<\/td>\r\n              <td class=\"fontono-pricing-t-val-planned\">Planned<\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td>Preview modes<\/td>\r\n              <td>Basic<\/td>\r\n              <td class=\"fontono-pricing-t-val-yes\">Expanded<\/td>\r\n              <td class=\"fontono-pricing-t-val-yes\">Expanded<\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td>Brand text presets<\/td>\r\n              <td class=\"fontono-pricing-t-val-no\">\u2014<\/td>\r\n              <td class=\"fontono-pricing-t-val-no\">\u2014<\/td>\r\n              <td class=\"fontono-pricing-t-val-planned\">Planned<\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td>Copy history<\/td>\r\n              <td class=\"fontono-pricing-t-val-no\">\u2014<\/td>\r\n              <td class=\"fontono-pricing-t-val-planned\">Planned<\/td>\r\n              <td class=\"fontono-pricing-t-val-planned\">Advanced planned<\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td>Best for<\/td>\r\n              <td>Everyday users<\/td>\r\n              <td>Creators<\/td>\r\n              <td>Designers & brands<\/td>\r\n            <\/tr>\r\n          <\/tbody>\r\n        <\/table>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 5: WHY FREE -->\r\n  <section class=\"fontono-pricing-section fontono-pricing-section-light\">\r\n    <div class=\"fontono-pricing-inner\">\r\n      <div style=\"text-align: center; margin-bottom: 50px;\">\r\n        <h2 class=\"fontono-pricing-section-heading\">Why Fontono Is Free to Start<\/h2>\r\n        <p class=\"fontono-pricing-subheading\" style=\"margin: 0 auto;\">Fontono is built to make stylish text accessible to everyone. The free plan helps users create beautiful text quickly without barriers, while future plans may support more advanced creative workflows.<\/p>\r\n      <\/div>\r\n      <div class=\"fontono-pricing-grid-3\">\r\n        <div class=\"fontono-pricing-feature-card\" style=\"text-align: center;\">\r\n          <h3 class=\"fontono-pricing-card-title\" style=\"justify-content: center;\">Easy Access<\/h3>\r\n          <p class=\"fontono-pricing-text-muted\">Users should be able to create stylish fonts without payment walls or account setup.<\/p>\r\n        <\/div>\r\n        <div class=\"fontono-pricing-feature-card\" style=\"text-align: center;\">\r\n          <h3 class=\"fontono-pricing-card-title\" style=\"justify-content: center;\">Everyday Creativity<\/h3>\r\n          <p class=\"fontono-pricing-text-muted\">Fontono is useful for simple daily tasks like bios, captions, usernames, and messages.<\/p>\r\n        <\/div>\r\n        <div class=\"fontono-pricing-feature-card\" style=\"text-align: center;\">\r\n          <h3 class=\"fontono-pricing-card-title\" style=\"justify-content: center;\">Room to Grow<\/h3>\r\n          <p class=\"fontono-pricing-text-muted\">Future plans can support advanced features while keeping the core font generator simple and accessible.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 6: WHO EACH PLAN IS FOR -->\r\n  <section class=\"fontono-pricing-section fontono-pricing-section-white\">\r\n    <div class=\"fontono-pricing-inner\">\r\n      <div style=\"text-align: center; margin-bottom: 50px;\">\r\n        <h2 class=\"fontono-pricing-section-heading\">Which Plan Is Right for You?<\/h2>\r\n        <p class=\"fontono-pricing-subheading\" style=\"margin: 0 auto;\">Start with the free plan. If advanced features become available later, creators and teams can choose the plan that fits their workflow.<\/p>\r\n      <\/div>\r\n      <div class=\"fontono-pricing-grid-3\">\r\n        <div class=\"fontono-pricing-audience-card\">\r\n          <div class=\"fontono-pricing-audience-name\">Free<\/div>\r\n          <div class=\"fontono-pricing-audience-best\">Best for:<\/div>\r\n          <p class=\"fontono-pricing-text-muted\">Students, casual users, social media users, and anyone who wants fast stylish text.<\/p>\r\n        <\/div>\r\n        <div class=\"fontono-pricing-audience-card\">\r\n          <div class=\"fontono-pricing-audience-name\">Creator<\/div>\r\n          <div class=\"fontono-pricing-audience-best\">Best for:<\/div>\r\n          <p class=\"fontono-pricing-text-muted\">Content creators, influencers, social media managers, and people who style text often.<\/p>\r\n        <\/div>\r\n        <div class=\"fontono-pricing-audience-card\">\r\n          <div class=\"fontono-pricing-audience-name\">Pro<\/div>\r\n          <div class=\"fontono-pricing-audience-best\">Best for:<\/div>\r\n          <p class=\"fontono-pricing-text-muted\">Designers, marketers, brand owners, freelancers, and creative teams.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 7: TRUST SECTION -->\r\n  <section class=\"fontono-pricing-section fontono-pricing-section-light\">\r\n    <div class=\"fontono-pricing-inner\">\r\n      <div style=\"text-align: center; margin-bottom: 40px;\">\r\n        <h2 class=\"fontono-pricing-section-heading\">Simple, Transparent, and Easy to Use<\/h2>\r\n        <p class=\"fontono-pricing-subheading\" style=\"margin: 0 auto;\">Fontono keeps the experience simple so users know exactly what they are getting.<\/p>\r\n      <\/div>\r\n      <div class=\"fontono-pricing-trust-strip\">\r\n        <div class=\"fontono-pricing-trust-item\"><i class=\"bi bi-shield-check\"><\/i> No hidden setup<\/div>\r\n        <div class=\"fontono-pricing-trust-item\"><i class=\"bi bi-person-x\"><\/i> No signup needed for free use<\/div>\r\n        <div class=\"fontono-pricing-trust-item\"><i class=\"bi bi-box-arrow-in-down\"><\/i> No software installation<\/div>\r\n        <div class=\"fontono-pricing-trust-item\"><i class=\"bi bi-browser-chrome\"><\/i> Works in the browser<\/div>\r\n        <div class=\"fontono-pricing-trust-item\"><i class=\"bi bi-info-circle\"><\/i> Clear future-plan labeling<\/div>\r\n        <div class=\"fontono-pricing-trust-item\"><i class=\"bi bi-phone\"><\/i> Mobile-friendly experience<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 8: FAQ -->\r\n  <section class=\"fontono-pricing-section fontono-pricing-section-white\">\r\n    <div class=\"fontono-pricing-inner\">\r\n      <div style=\"text-align: center; margin-bottom: 50px;\">\r\n        <h2 class=\"fontono-pricing-section-heading\">Pricing FAQs<\/h2>\r\n      <\/div>\r\n      <div class=\"fontono-pricing-faq-container\">\r\n        <!-- FAQ 1 -->\r\n        <div class=\"fontono-pricing-faq-item\">\r\n          <button class=\"fontono-pricing-faq-btn\" aria-expanded=\"false\" aria-controls=\"faq-1\">\r\n            Is Fontono free to use?\r\n            <i class=\"bi bi-chevron-down\"><\/i>\r\n          <\/button>\r\n          <div id=\"faq-1\" class=\"fontono-pricing-faq-content\">\r\n            <p>Yes. Fontono currently offers free access for generating stylish, copy-ready text.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <!-- FAQ 2 -->\r\n        <div class=\"fontono-pricing-faq-item\">\r\n          <button class=\"fontono-pricing-faq-btn\" aria-expanded=\"false\" aria-controls=\"faq-2\">\r\n            Do I need to create an account?\r\n            <i class=\"bi bi-chevron-down\"><\/i>\r\n          <\/button>\r\n          <div id=\"faq-2\" class=\"fontono-pricing-faq-content\">\r\n            <p>No. The free font generator can be used without creating an account.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <!-- FAQ 3 -->\r\n        <div class=\"fontono-pricing-faq-item\">\r\n          <button class=\"fontono-pricing-faq-btn\" aria-expanded=\"false\" aria-controls=\"faq-3\">\r\n            Are Creator and Pro plans available now?\r\n            <i class=\"bi bi-chevron-down\"><\/i>\r\n          <\/button>\r\n          <div id=\"faq-3\" class=\"fontono-pricing-faq-content\">\r\n            <p>No. Creator and Pro are future plan concepts and should be labeled as coming soon.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <!-- FAQ 4 -->\r\n        <div class=\"fontono-pricing-faq-item\">\r\n          <button class=\"fontono-pricing-faq-btn\" aria-expanded=\"false\" aria-controls=\"faq-4\">\r\n            Will the free plan stay available?\r\n            <i class=\"bi bi-chevron-down\"><\/i>\r\n          <\/button>\r\n          <div id=\"faq-4\" class=\"fontono-pricing-faq-content\">\r\n            <p>The core goal is to keep Fontono easy and accessible for everyday stylish text creation.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <!-- FAQ 5 -->\r\n        <div class=\"fontono-pricing-faq-item\">\r\n          <button class=\"fontono-pricing-faq-btn\" aria-expanded=\"false\" aria-controls=\"faq-5\">\r\n            What features might future plans include?\r\n            <i class=\"bi bi-chevron-down\"><\/i>\r\n          <\/button>\r\n          <div id=\"faq-5\" class=\"fontono-pricing-faq-content\">\r\n            <p>Future plans may include saved styles, advanced previews, mood filters, copy history, and creative workflow tools.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <!-- FAQ 6 -->\r\n        <div class=\"fontono-pricing-faq-item\">\r\n          <button class=\"fontono-pricing-faq-btn\" aria-expanded=\"false\" aria-controls=\"faq-6\">\r\n            Can I use Fontono for social media?\r\n            <i class=\"bi bi-chevron-down\"><\/i>\r\n          <\/button>\r\n          <div id=\"faq-6\" class=\"fontono-pricing-faq-content\">\r\n            <p>Yes. Fontono can be used for bios, captions, usernames, messages, gaming names, and creative projects.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <!-- FAQ 7 -->\r\n        <div class=\"fontono-pricing-faq-item\">\r\n          <button class=\"fontono-pricing-faq-btn\" aria-expanded=\"false\" aria-controls=\"faq-7\">\r\n            Do I need to install fonts?\r\n            <i class=\"bi bi-chevron-down\"><\/i>\r\n          <\/button>\r\n          <div id=\"faq-7\" class=\"fontono-pricing-faq-content\">\r\n            <p>No. Fontono creates copyable Unicode-style text that works directly in your browser.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 9: FINAL CTA -->\r\n  <section class=\"fontono-pricing-section fontono-pricing-section-light\" style=\"padding-bottom: 130px;\">\r\n    <div class=\"fontono-pricing-inner\">\r\n      <div class=\"fontono-pricing-cta-box\">\r\n        <h2 class=\"fontono-pricing-section-heading\" style=\"margin-bottom: 16px;\">Start Creating Stylish Fonts for Free<\/h2>\r\n        <p class=\"fontono-pricing-subheading\" style=\"margin: 0 auto 36px; max-width: 650px; color: var(--fp-deep);\">Use Fontono to turn simple words into creative, stylish, and copy-ready text for your next bio, caption, username, message, or project.<\/p>\r\n        <div style=\"display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; margin-bottom: 16px;\">\r\n          <a href=\"\/\" class=\"fontono-pricing-btn-primary\" style=\"width: auto;\"><i class=\"bi bi-stars\"><\/i> Start Free<\/a>\r\n          <a href=\"\/features\/\" class=\"fontono-pricing-btn-secondary\" style=\"width: auto;\">Explore Features <i class=\"bi bi-arrow-right\"><\/i><\/a>\r\n        <\/div>\r\n        <p style=\"font-size: 0.9rem; color: var(--fp-muted); font-weight: 600;\">No signup needed. Start with the free font generator today.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Vanilla JavaScript for FAQ -->\r\n  <script>\r\n    document.addEventListener(\"DOMContentLoaded\", () => {\r\n      const root = document.querySelector('.fontono-pricing-page');\r\n      if (!root) return;\r\n\r\n      \/* FAQ Accordion Logic *\/\r\n      const faqBtns = root.querySelectorAll('.fontono-pricing-faq-btn');\r\n      faqBtns.forEach(btn => {\r\n        btn.addEventListener('click', () => {\r\n          const isExpanded = btn.getAttribute('aria-expanded') === 'true';\r\n          \r\n          \/\/ Close all other FAQs\r\n          faqBtns.forEach(b => b.setAttribute('aria-expanded', 'false'));\r\n\r\n          \/\/ Toggle current one\r\n          if (!isExpanded) {\r\n            btn.setAttribute('aria-expanded', 'true');\r\n          }\r\n        });\r\n      });\r\n    });\r\n  <\/script>\r\n<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-homepage.php","meta":{"footnotes":""},"class_list":["post-5284","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fontono.com\/wp-json\/wp\/v2\/pages\/5284","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fontono.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fontono.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fontono.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/fontono.com\/wp-json\/wp\/v2\/comments?post=5284"}],"version-history":[{"count":4,"href":"https:\/\/fontono.com\/wp-json\/wp\/v2\/pages\/5284\/revisions"}],"predecessor-version":[{"id":5288,"href":"https:\/\/fontono.com\/wp-json\/wp\/v2\/pages\/5284\/revisions\/5288"}],"wp:attachment":[{"href":"https:\/\/fontono.com\/wp-json\/wp\/v2\/media?parent=5284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}