{"id":5289,"date":"2026-06-03T03:29:42","date_gmt":"2026-06-03T03:29:42","guid":{"rendered":"https:\/\/fontono.com\/?page_id=5289"},"modified":"2026-06-06T05:45:04","modified_gmt":"2026-06-06T05:45:04","slug":"features","status":"publish","type":"page","link":"https:\/\/fontono.com\/features\/","title":{"rendered":"Features"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5289\" class=\"elementor elementor-5289\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2457bfe e-con e-atomic-element e-flexbox-base e-a36d5df \" data-id=\"2457bfe\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2457bfe\">\n    \t\t<div class=\"elementor-element elementor-element-51e0187 elementor-widget elementor-widget-shortcode\" data-id=\"51e0187\" 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-features-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-features-page {\r\n      --ff-deep: #3B0270;\r\n      --ff-violet: #6F00FF;\r\n      --ff-lavender: #E9B3FB;\r\n      --ff-light: #FFF1F1;\r\n      --ff-white: #FFFFFF;\r\n      --ff-dark-text: #1E013A;\r\n      --ff-muted: #5C4A75;\r\n      \r\n      --ff-radius-xl: 36px;\r\n      --ff-radius-lg: 28px;\r\n      --ff-radius-md: 20px;\r\n      --ff-radius-sm: 12px;\r\n      \r\n      --ff-shadow-sm: 0 4px 15px rgba(59, 2, 112, 0.04);\r\n      --ff-shadow-md: 0 12px 35px rgba(59, 2, 112, 0.08);\r\n      --ff-shadow-glow: 0 20px 40px rgba(111, 0, 255, 0.15);\r\n      \r\n      --ff-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n      \r\n      font-family: var(--ff-font);\r\n      color: var(--ff-dark-text);\r\n      background: var(--ff-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-features-page *,\r\n    .fontono-features-page *::before,\r\n    .fontono-features-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-features-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-features-badge {\r\n      display: inline-flex;\r\n      background: rgba(233, 179, 251, 0.2);\r\n      color: var(--ff-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-features-hero-heading {\r\n      font-size: clamp(3rem, 6vw, 4.5rem);\r\n      font-weight: 900;\r\n      line-height: 1.1;\r\n      letter-spacing: -0.03em;\r\n      color: var(--ff-white);\r\n      margin-bottom: 24px;\r\n    }\r\n    .fontono-features-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(--ff-deep);\r\n      margin-bottom: 16px;\r\n      letter-spacing: -0.02em;\r\n    }\r\n    .fontono-features-subheading {\r\n      font-size: 1.15rem;\r\n      color: var(--ff-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-features-card-title {\r\n      font-size: 1.35rem;\r\n      font-weight: 800;\r\n      color: var(--ff-deep);\r\n      margin: 20px 0 10px;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n    }\r\n    .fontono-features-text-muted {\r\n      color: var(--ff-muted);\r\n      line-height: 1.6;\r\n      font-size: 1.05rem;\r\n    }\r\n\r\n    \/* Sections *\/\r\n    .fontono-features-section {\r\n      padding: 110px 0;\r\n      position: relative;\r\n    }\r\n    .fontono-features-section-light {\r\n      background: linear-gradient(180deg, var(--ff-white) 0%, var(--ff-light) 100%);\r\n    }\r\n    .fontono-features-section-white {\r\n      background: var(--ff-white);\r\n    }\r\n\r\n    \/* Buttons *\/\r\n    .fontono-features-btn-primary, .fontono-features-btn-secondary {\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    }\r\n    .fontono-features-btn-primary {\r\n      background: linear-gradient(135deg, var(--ff-violet) 0%, #9035ff 100%);\r\n      color: var(--ff-white);\r\n      box-shadow: 0 10px 25px rgba(111, 0, 255, 0.25);\r\n    }\r\n    .fontono-features-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-features-btn-secondary {\r\n      background: rgba(255, 255, 255, 0.1);\r\n      backdrop-filter: blur(10px);\r\n      border: 2px solid rgba(255, 255, 255, 0.3);\r\n      color: var(--ff-white);\r\n    }\r\n    .fontono-features-btn-secondary-dark {\r\n      border: 2px solid var(--ff-violet);\r\n      color: var(--ff-violet);\r\n      background: transparent;\r\n    }\r\n    .fontono-features-btn-secondary:hover {\r\n      background: var(--ff-white);\r\n      color: var(--ff-violet);\r\n      transform: translateY(-4px);\r\n    }\r\n    .fontono-features-btn-secondary-dark:hover {\r\n      background: var(--ff-violet);\r\n      color: var(--ff-white);\r\n      transform: translateY(-4px);\r\n    }\r\n\r\n    \/* Reusable Cards & Grids *\/\r\n    .fontono-features-grid-2, .fontono-features-grid-3, .fontono-features-grid-4 {\r\n      display: grid;\r\n      gap: 32px;\r\n    }\r\n    .fontono-features-grid-2 { grid-template-columns: repeat(2, 1fr); }\r\n    .fontono-features-grid-3 { grid-template-columns: repeat(3, 1fr); }\r\n    .fontono-features-grid-4 { grid-template-columns: repeat(4, 1fr); }\r\n    \r\n    .fontono-features-base-card {\r\n      background: var(--ff-white);\r\n      border-radius: var(--ff-radius-md);\r\n      padding: 32px 28px;\r\n      box-shadow: var(--ff-shadow-sm);\r\n      border: 1px solid rgba(233, 179, 251, 0.3);\r\n      transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n      position: relative;\r\n      overflow: hidden;\r\n      z-index: 1;\r\n    }\r\n    .fontono-features-base-card::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0; left: 0; right: 0; height: 4px;\r\n      background: linear-gradient(90deg, var(--ff-violet), var(--ff-lavender));\r\n      opacity: 0;\r\n      transition: opacity 0.3s ease;\r\n    }\r\n    .fontono-features-base-card:hover {\r\n      transform: translateY(-8px);\r\n      box-shadow: var(--ff-shadow-glow);\r\n      border-color: rgba(111, 0, 255, 0.2);\r\n    }\r\n    .fontono-features-base-card:hover::before {\r\n      opacity: 1;\r\n    }\r\n\r\n    \/* Icon Utilities *\/\r\n    .fontono-features-icon-lg {\r\n      font-size: 2.5rem;\r\n      display: inline-block;\r\n      margin-bottom: 12px;\r\n      background: linear-gradient(135deg, var(--ff-violet), #E9B3FB);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      line-height: 1.2;\r\n    }\r\n\r\n    \/* Hero Section *\/\r\n    .fontono-features-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-features-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 10% 20%, rgba(233, 179, 251, 0.3) 0%, transparent 50%),\r\n        radial-gradient(circle at 85% 70%, rgba(111, 0, 255, 0.5) 0%, transparent 60%),\r\n        linear-gradient(135deg, #2b0152 0%, #3B0270 100%);\r\n      z-index: 1;\r\n    }\r\n    .fontono-features-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-features-hero-badges {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 12px;\r\n      margin-bottom: 24px;\r\n    }\r\n    .fontono-features-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(--ff-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-features-dashboard {\r\n      background: rgba(255, 255, 255, 0.08);\r\n      backdrop-filter: blur(24px);\r\n      -webkit-backdrop-filter: blur(24px);\r\n      border-radius: var(--ff-radius-xl);\r\n      padding: 32px;\r\n      border: 1px solid rgba(255, 255, 255, 0.2);\r\n      box-shadow: 0 30px 60px rgba(0, 0, 0, 0.3);\r\n    }\r\n    .fontono-features-dash-input {\r\n      background: rgba(255,255,255,0.9);\r\n      border-radius: var(--ff-radius-sm);\r\n      padding: 16px 20px;\r\n      font-size: 1.2rem;\r\n      font-weight: 600;\r\n      color: var(--ff-deep);\r\n      margin-bottom: 20px;\r\n      border: 2px solid transparent;\r\n      outline: 2px solid var(--ff-lavender);\r\n      outline-offset: 4px;\r\n    }\r\n    .fontono-features-dash-list {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 12px;\r\n    }\r\n    .fontono-features-dash-item {\r\n      background: rgba(255, 255, 255, 0.05);\r\n      border: 1px solid rgba(255, 255, 255, 0.15);\r\n      padding: 14px 20px;\r\n      border-radius: var(--ff-radius-sm);\r\n      color: var(--ff-white);\r\n      font-size: 1.5rem;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      transition: all 0.2s ease;\r\n    }\r\n    .fontono-features-dash-item:hover {\r\n      background: rgba(255, 255, 255, 0.15);\r\n      border-color: var(--ff-lavender);\r\n      transform: translateX(5px);\r\n    }\r\n    .fontono-features-dash-item span.copy-icon {\r\n      font-size: 1rem;\r\n      color: var(--ff-lavender);\r\n      background: rgba(255,255,255,0.1);\r\n      padding: 6px 12px;\r\n      border-radius: 20px;\r\n      opacity: 0;\r\n      transition: opacity 0.2s;\r\n    }\r\n    .fontono-features-dash-item:hover span.copy-icon {\r\n      opacity: 1;\r\n    }\r\n\r\n    \/* Feature Spotlight Split *\/\r\n    .fontono-features-spotlight {\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-features-spotlight-list {\r\n      list-style: none;\r\n      margin-top: 32px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 16px;\r\n    }\r\n    .fontono-features-spotlight-list li {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 12px;\r\n      font-size: 1.1rem;\r\n      color: var(--ff-muted);\r\n    }\r\n    .fontono-features-spotlight-list i {\r\n      color: var(--ff-violet);\r\n      font-size: 1.2rem;\r\n      margin-top: 2px;\r\n    }\r\n    .fontono-features-flow-card {\r\n      background: var(--ff-white);\r\n      border-radius: var(--ff-radius-xl);\r\n      padding: 40px;\r\n      box-shadow: var(--ff-shadow-glow);\r\n      border: 1px solid rgba(111,0,255,0.15);\r\n      position: relative;\r\n    }\r\n    .fontono-features-flow-step {\r\n      margin-bottom: 24px;\r\n      padding-bottom: 24px;\r\n      border-bottom: 1px dashed rgba(59, 2, 112, 0.1);\r\n    }\r\n    .fontono-features-flow-step:last-child {\r\n      margin-bottom: 0; padding-bottom: 0; border-bottom: none;\r\n    }\r\n    .fontono-features-step-label {\r\n      font-size: 0.85rem;\r\n      font-weight: 700;\r\n      text-transform: uppercase;\r\n      color: var(--ff-lavender);\r\n      letter-spacing: 1px;\r\n      margin-bottom: 12px;\r\n    }\r\n    .fontono-features-step-input {\r\n      background: #F8F9FA;\r\n      padding: 12px 20px;\r\n      border-radius: 12px;\r\n      font-weight: 600;\r\n      border: 1px solid #E9ECEF;\r\n      color: var(--ff-dark-text);\r\n    }\r\n    .fontono-features-step-pills {\r\n      display: flex;\r\n      gap: 8px;\r\n    }\r\n    .fontono-features-step-pill {\r\n      background: rgba(111,0,255,0.05);\r\n      color: var(--ff-violet);\r\n      padding: 6px 14px;\r\n      border-radius: 20px;\r\n      font-size: 0.9rem;\r\n      font-weight: 600;\r\n      border: 1px solid rgba(111,0,255,0.1);\r\n    }\r\n    .fontono-features-step-pill.active {\r\n      background: var(--ff-violet);\r\n      color: white;\r\n    }\r\n    .fontono-features-step-output {\r\n      font-size: 2rem;\r\n      color: var(--ff-deep);\r\n      background: linear-gradient(135deg, rgba(233, 179, 251, 0.2), transparent);\r\n      padding: 16px 20px;\r\n      border-radius: 16px;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      border: 1px solid rgba(233,179,251,0.5);\r\n    }\r\n    .fontono-features-copied-badge {\r\n      font-size: 0.8rem;\r\n      background: #198754;\r\n      color: white;\r\n      padding: 4px 10px;\r\n      border-radius: 12px;\r\n      font-weight: bold;\r\n    }\r\n\r\n    \/* Copy-Paste Rows *\/\r\n    .fontono-features-row-container {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 24px;\r\n    }\r\n    .fontono-features-row {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      background: var(--ff-white);\r\n      padding: 28px 40px;\r\n      border-radius: var(--ff-radius-lg);\r\n      box-shadow: var(--ff-shadow-sm);\r\n      border: 1px solid rgba(111,0,255,0.05);\r\n      transition: transform 0.3s ease;\r\n    }\r\n    .fontono-features-row:nth-child(even) {\r\n      flex-direction: row-reverse;\r\n      background: linear-gradient(90deg, var(--ff-light), var(--ff-white));\r\n    }\r\n    .fontono-features-row:hover {\r\n      transform: scale(1.01);\r\n      border-color: rgba(111,0,255,0.2);\r\n    }\r\n    .fontono-features-row-content {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 20px;\r\n      flex: 1;\r\n    }\r\n    .fontono-features-row-icon {\r\n      background: rgba(111, 0, 255, 0.1);\r\n      width: 56px; height: 56px;\r\n      border-radius: 16px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 1.5rem;\r\n      color: var(--ff-violet);\r\n      flex-shrink: 0;\r\n    }\r\n    .fontono-features-row-text h3 {\r\n      font-size: 1.25rem;\r\n      font-weight: 800;\r\n      color: var(--ff-deep);\r\n      margin-bottom: 6px;\r\n    }\r\n    .fontono-features-row-preview {\r\n      font-size: 1.8rem;\r\n      color: var(--ff-deep);\r\n      background: var(--ff-light);\r\n      padding: 16px 32px;\r\n      border-radius: 50px;\r\n      border: 1px solid var(--ff-lavender);\r\n      white-space: nowrap;\r\n    }\r\n\r\n    \/* Mood Spectrum Grid *\/\r\n    .fontono-features-mood-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 24px;\r\n    }\r\n    .fontono-features-mood-card {\r\n      background: var(--ff-white);\r\n      border-radius: var(--ff-radius-md);\r\n      padding: 24px;\r\n      border: 1px solid rgba(111,0,255,0.1);\r\n      text-align: center;\r\n      transition: all 0.3s ease;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    .fontono-features-mood-card::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0; left: 0; width: 100%; height: 6px;\r\n      background: var(--ff-lavender);\r\n      transition: height 0.3s ease;\r\n      opacity: 0.5;\r\n    }\r\n    .fontono-features-mood-card:hover {\r\n      transform: translateY(-5px);\r\n      box-shadow: var(--ff-shadow-md);\r\n    }\r\n    .fontono-features-mood-card:hover::before {\r\n      height: 100%;\r\n      opacity: 0.05;\r\n    }\r\n    .fontono-features-mood-title {\r\n      font-size: 1rem;\r\n      text-transform: uppercase;\r\n      letter-spacing: 1px;\r\n      color: var(--ff-violet);\r\n      font-weight: 700;\r\n      margin-bottom: 16px;\r\n    }\r\n    .fontono-features-mood-preview {\r\n      font-size: 1.8rem;\r\n      color: var(--ff-deep);\r\n      margin-bottom: 16px;\r\n      min-height: 48px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n    .fontono-features-mood-desc {\r\n      font-size: 0.9rem;\r\n      color: var(--ff-muted);\r\n    }\r\n\r\n    \/* Tabbed Preview Feature *\/\r\n    .fontono-features-tabs-container {\r\n      background: var(--ff-deep);\r\n      border-radius: var(--ff-radius-xl);\r\n      padding: 48px;\r\n      box-shadow: var(--ff-shadow-glow);\r\n      color: var(--ff-white);\r\n    }\r\n    .fontono-features-tabs-nav {\r\n      display: flex;\r\n      gap: 12px;\r\n      border-bottom: 1px solid rgba(255,255,255,0.1);\r\n      padding-bottom: 24px;\r\n      margin-bottom: 32px;\r\n      flex-wrap: wrap;\r\n    }\r\n    .fontono-features-tab-btn {\r\n      background: transparent;\r\n      border: 1px solid rgba(255,255,255,0.2);\r\n      color: rgba(255,255,255,0.7);\r\n      padding: 10px 20px;\r\n      border-radius: 30px;\r\n      font-size: 1rem;\r\n      font-weight: 600;\r\n      cursor: pointer;\r\n      transition: all 0.2s ease;\r\n      font-family: inherit;\r\n    }\r\n    .fontono-features-tab-btn:hover {\r\n      background: rgba(255,255,255,0.1);\r\n      color: var(--ff-white);\r\n    }\r\n    .fontono-features-tab-btn[aria-selected=\"true\"] {\r\n      background: var(--ff-violet);\r\n      color: var(--ff-white);\r\n      border-color: var(--ff-violet);\r\n      box-shadow: 0 4px 15px rgba(111,0,255,0.4);\r\n    }\r\n    .fontono-features-tab-panel {\r\n      display: none;\r\n      background: rgba(255,255,255,0.05);\r\n      border: 1px solid rgba(255,255,255,0.1);\r\n      border-radius: var(--ff-radius-lg);\r\n      padding: 40px;\r\n      text-align: center;\r\n      animation: fadeIn 0.4s ease forwards;\r\n    }\r\n    .fontono-features-tab-panel[aria-hidden=\"false\"] {\r\n      display: block;\r\n    }\r\n    .fontono-features-panel-label {\r\n      font-size: 0.9rem;\r\n      text-transform: uppercase;\r\n      letter-spacing: 2px;\r\n      color: var(--ff-lavender);\r\n      margin-bottom: 20px;\r\n    }\r\n    .fontono-features-panel-content {\r\n      font-size: 2rem;\r\n      color: var(--ff-white);\r\n      white-space: pre-wrap;\r\n      line-height: 1.4;\r\n    }\r\n    @keyframes fadeIn {\r\n      from { opacity: 0; transform: translateY(10px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    \/* Comparison Block *\/\r\n    .fontono-features-compare {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 40px;\r\n    }\r\n    .fontono-features-compare-col {\r\n      background: var(--ff-white);\r\n      border-radius: var(--ff-radius-lg);\r\n      padding: 40px;\r\n      box-shadow: var(--ff-shadow-sm);\r\n      border: 1px solid rgba(59, 2, 112, 0.08);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    .fontono-features-compare-highlight {\r\n      border: 2px solid var(--ff-violet);\r\n      box-shadow: var(--ff-shadow-glow);\r\n    }\r\n    .fontono-features-compare-title {\r\n      font-size: 1.5rem;\r\n      font-weight: 800;\r\n      margin-bottom: 24px;\r\n      color: var(--ff-deep);\r\n    }\r\n    .fontono-features-compare-list {\r\n      list-style: none;\r\n    }\r\n    .fontono-features-compare-list li {\r\n      padding: 14px 0;\r\n      border-bottom: 1px solid rgba(0,0,0,0.04);\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 16px;\r\n      color: var(--ff-muted);\r\n    }\r\n    .fontono-features-compare-list li:last-child { border-bottom: none; }\r\n    .fontono-features-icon-x { color: #dc3545; font-size: 1.2rem; }\r\n    .fontono-features-icon-check {\r\n      color: var(--ff-violet);\r\n      background: rgba(111, 0, 255, 0.1);\r\n      width: 26px; height: 26px;\r\n      border-radius: 50%;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 0.9rem;\r\n      font-weight: bold;\r\n    }\r\n\r\n    \/* Checklist \/ Horizontal Strip *\/\r\n    .fontono-features-strip {\r\n      background: var(--ff-white);\r\n      border: 1px solid rgba(233,179,251,0.5);\r\n      border-radius: var(--ff-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(--ff-shadow-sm);\r\n    }\r\n    .fontono-features-strip-item {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      font-weight: 600;\r\n      color: var(--ff-deep);\r\n    }\r\n    .fontono-features-strip-item i {\r\n      color: var(--ff-violet);\r\n      font-size: 1.2rem;\r\n    }\r\n\r\n    \/* Roadmap Timeline *\/\r\n    .fontono-features-roadmap {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 24px;\r\n      position: relative;\r\n    }\r\n    .fontono-features-roadmap::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 30px; left: 0; right: 0;\r\n      height: 4px;\r\n      background: linear-gradient(90deg, rgba(111,0,255,0.1), var(--ff-violet), rgba(111,0,255,0.1));\r\n      z-index: 0;\r\n    }\r\n    .fontono-features-roadmap-card {\r\n      background: var(--ff-white);\r\n      border: 1px solid rgba(111,0,255,0.1);\r\n      border-radius: var(--ff-radius-md);\r\n      padding: 32px 24px;\r\n      text-align: center;\r\n      position: relative;\r\n      z-index: 1;\r\n      box-shadow: var(--ff-shadow-sm);\r\n      transition: transform 0.3s ease;\r\n    }\r\n    .fontono-features-roadmap-card:hover {\r\n      transform: translateY(-5px);\r\n      border-color: var(--ff-lavender);\r\n    }\r\n    .fontono-features-roadmap-icon {\r\n      width: 48px; height: 48px;\r\n      background: var(--ff-white);\r\n      border: 2px solid var(--ff-violet);\r\n      color: var(--ff-violet);\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 1.5rem;\r\n      margin: -56px auto 20px;\r\n      box-shadow: 0 4px 10px rgba(111,0,255,0.2);\r\n    }\r\n\r\n    \/* FAQ Accordion *\/\r\n    .fontono-features-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-features-faq-item {\r\n      background: var(--ff-white);\r\n      border: 1px solid rgba(111,0,255,0.1);\r\n      border-radius: var(--ff-radius-sm);\r\n      overflow: hidden;\r\n      transition: all 0.3s ease;\r\n    }\r\n    .fontono-features-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(--ff-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-features-faq-btn i {\r\n      color: var(--ff-violet);\r\n      transition: transform 0.3s ease;\r\n    }\r\n    .fontono-features-faq-btn[aria-expanded=\"true\"] i {\r\n      transform: rotate(180deg);\r\n    }\r\n    .fontono-features-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(--ff-muted);\r\n    }\r\n    .fontono-features-faq-btn[aria-expanded=\"true\"] + .fontono-features-faq-content {\r\n      padding: 0 24px 24px;\r\n      max-height: 300px; \/* arbitrary large enough height for transition *\/\r\n    }\r\n\r\n    \/* Final CTA *\/\r\n    .fontono-features-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(--ff-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      position: relative;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 1024px) {\r\n      .fontono-features-grid-4 { grid-template-columns: repeat(2, 1fr); }\r\n      .fontono-features-mood-grid { grid-template-columns: repeat(2, 1fr); }\r\n      .fontono-features-hero-layout, .fontono-features-spotlight, .fontono-features-compare { grid-template-columns: 1fr; gap: 40px; }\r\n      .fontono-features-hero-heading, .fontono-features-section-heading { text-align: center; }\r\n      .fontono-features-subheading { text-align: center; margin: 0 auto 40px; }\r\n      .fontono-features-hero-badges { justify-content: center; }\r\n      .fontono-features-roadmap::before { display: none; }\r\n      .fontono-features-roadmap { grid-template-columns: repeat(2, 1fr); }\r\n      .fontono-features-roadmap-icon { margin-top: 0; }\r\n    }\r\n    @media (max-width: 768px) {\r\n      .fontono-features-grid-3, .fontono-features-grid-2 { grid-template-columns: 1fr; }\r\n      .fontono-features-mood-grid, .fontono-features-roadmap { grid-template-columns: 1fr; }\r\n      .fontono-features-row, .fontono-features-row:nth-child(even) { flex-direction: column; text-align: center; align-items: center; }\r\n      .fontono-features-row-content { flex-direction: column; align-items: center; text-align: center; }\r\n      .fontono-features-row-preview { width: 100%; text-align: center; font-size: 1.4rem; padding: 16px; }\r\n      .fontono-features-section { padding: 70px 0; }\r\n      .fontono-features-tabs-container { padding: 24px; }\r\n      .fontono-features-tabs-nav { justify-content: center; }\r\n    }\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .fontono-features-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-features-section fontono-features-hero\">\r\n    <div class=\"fontono-features-hero-bg\"><\/div>\r\n    <div class=\"fontono-features-inner\">\r\n      <div class=\"fontono-features-hero-layout\">\r\n        <div class=\"fontono-features-hero-content\">\r\n          <div class=\"fontono-features-hero-badges\">\r\n            <span class=\"fontono-features-h-badge\"><i class=\"bi bi-tag\"><\/i> Free to Use<\/span>\r\n            <span class=\"fontono-features-h-badge\"><i class=\"bi bi-clipboard\"><\/i> Copy-Paste Ready<\/span>\r\n            <span class=\"fontono-features-h-badge\"><i class=\"bi bi-person-x\"><\/i> No Signup Needed<\/span>\r\n            <span class=\"fontono-features-h-badge\"><i class=\"bi bi-phone\"><\/i> Mobile Friendly<\/span>\r\n          <\/div>\r\n          <h1 class=\"fontono-features-hero-heading\">Fontono Features<\/h1>\r\n          <p class=\"fontono-features-subheading\" style=\"color: rgba(255,255,255,0.85); font-size: 1.25rem;\">Explore the creative features that make Fontono a fast, simple, and stylish font generator for bios, captions, usernames, gaming names, tattoo ideas, messages, and creative text projects.<\/p>\r\n        <\/div>\r\n        <div class=\"fontono-features-hero-visual\">\r\n          <div class=\"fontono-features-dashboard\">\r\n            <div class=\"fontono-features-dash-input\">Fontono<\/div>\r\n            <div class=\"fontono-features-dash-list\">\r\n              <div class=\"fontono-features-dash-item\">\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 class=\"copy-icon\"><i class=\"bi bi-copy\"><\/i><\/span>\r\n              <\/div>\r\n              <div class=\"fontono-features-dash-item\">\r\n                <span style=\"font-family: serif; font-weight: bold;\">\ud835\udc05\ud835\udc28\ud835\udc27\ud835\udc2d\ud835\udc28\ud835\udc27\ud835\udc28<\/span>\r\n                <span class=\"copy-icon\"><i class=\"bi bi-copy\"><\/i><\/span>\r\n              <\/div>\r\n              <div class=\"fontono-features-dash-item\">\r\n                <span style=\"font-family: monospace;\">\ud835\udd09\ud835\udd2c\ud835\udd2b\ud835\udd31\ud835\udd2c\ud835\udd2b\ud835\udd2c<\/span>\r\n                <span class=\"copy-icon\"><i class=\"bi bi-copy\"><\/i><\/span>\r\n              <\/div>\r\n              <div class=\"fontono-features-dash-item\">\r\n                <span style=\"letter-spacing: 2px;\">\uff26\uff2f\uff2e\uff34\uff2f\uff2e\uff2f<\/span>\r\n                <span class=\"copy-icon\"><i class=\"bi bi-copy\"><\/i><\/span>\r\n              <\/div>\r\n              <div class=\"fontono-features-dash-item\">\r\n                <span style=\"font-size: 1.2rem;\">\ua9c1\u0f3aFontono\u0f3b\ua9c2<\/span>\r\n                <span class=\"copy-icon\"><i class=\"bi bi-copy\"><\/i><\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 2: CORE FEATURES -->\r\n  <section class=\"fontono-features-section fontono-features-section-white\">\r\n    <div class=\"fontono-features-inner\">\r\n      <div style=\"text-align: center; margin-bottom: 50px;\">\r\n        <span class=\"fontono-features-badge\">Core Features<\/span>\r\n        <h2 class=\"fontono-features-section-heading\">Everything You Need to Create Stylish Text<\/h2>\r\n        <p class=\"fontono-features-subheading\" style=\"margin: 0 auto;\">Fontono combines speed, simplicity, and creative discovery so users can generate stylish text without installing fonts, downloading apps, or using complicated design software.<\/p>\r\n      <\/div>\r\n      <div class=\"fontono-features-grid-3\">\r\n        <div class=\"fontono-features-base-card\">\r\n          <i class=\"bi bi-lightning-charge fontono-features-icon-lg\"><\/i>\r\n          <h3 class=\"fontono-features-card-title\">Instant Generation<\/h3>\r\n          <p class=\"fontono-features-text-muted\">Type your text and see stylish font variations quickly, without extra steps.<\/p>\r\n        <\/div>\r\n        <div class=\"fontono-features-base-card\">\r\n          <i class=\"bi bi-clipboard-check fontono-features-icon-lg\"><\/i>\r\n          <h3 class=\"fontono-features-card-title\">One-Click Copy<\/h3>\r\n          <p class=\"fontono-features-text-muted\">Copy your favorite text style instantly and paste it wherever you need it.<\/p>\r\n        <\/div>\r\n        <div class=\"fontono-features-base-card\">\r\n          <i class=\"bi bi-collection fontono-features-icon-lg\"><\/i>\r\n          <h3 class=\"fontono-features-card-title\">Large Style Collection<\/h3>\r\n          <p class=\"fontono-features-text-muted\">Explore fancy, aesthetic, bold, cursive, gothic, retro, neon, and experimental styles.<\/p>\r\n        <\/div>\r\n        <div class=\"fontono-features-base-card\">\r\n          <i class=\"bi bi-emoji-smile fontono-features-icon-lg\"><\/i>\r\n          <h3 class=\"fontono-features-card-title\">Mood-Based Discovery<\/h3>\r\n          <p class=\"fontono-features-text-muted\">Find styles by feeling \u2014 soft, bold, dark, playful, retro, elegant, futuristic, or weird.<\/p>\r\n        <\/div>\r\n        <div class=\"fontono-features-base-card\">\r\n          <i class=\"bi bi-globe2 fontono-features-icon-lg\"><\/i>\r\n          <h3 class=\"fontono-features-card-title\">Platform-Friendly<\/h3>\r\n          <p class=\"fontono-features-text-muted\">Use generated text for bios, captions, usernames, gaming profiles, and messages.<\/p>\r\n        <\/div>\r\n        <div class=\"fontono-features-base-card\">\r\n          <i class=\"bi bi-person-dash fontono-features-icon-lg\"><\/i>\r\n          <h3 class=\"fontono-features-card-title\">No Signup Required<\/h3>\r\n          <p class=\"fontono-features-text-muted\">Use Fontono directly in your browser without creating an account or installing files.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 3: FEATURE SPOTLIGHT -->\r\n  <section class=\"fontono-features-section fontono-features-section-light\">\r\n    <div class=\"fontono-features-inner\">\r\n      <div class=\"fontono-features-spotlight\">\r\n        <div>\r\n          <span class=\"fontono-features-badge\">Workflow<\/span>\r\n          <h2 class=\"fontono-features-section-heading\">Built for Fast Creative Flow<\/h2>\r\n          <p class=\"fontono-features-text-muted\" style=\"font-size: 1.15rem;\">Fontono is designed to help users move from plain text to copy-ready style without confusion.<\/p>\r\n          <ul class=\"fontono-features-spotlight-list\">\r\n            <li><i class=\"bi bi-check2-circle\"><\/i> Type once and explore multiple styles<\/li>\r\n            <li><i class=\"bi bi-check2-circle\"><\/i> Compare different looks side by side<\/li>\r\n            <li><i class=\"bi bi-check2-circle\"><\/i> Preview how text feels before copying<\/li>\r\n            <li><i class=\"bi bi-check2-circle\"><\/i> Use styles across social media platforms<\/li>\r\n            <li><i class=\"bi bi-check2-circle\"><\/i> Stay focused with a clean interface<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"fontono-features-flow-card\">\r\n          <div style=\"font-size: 0.9rem; font-weight: 700; color: var(--ff-muted); text-transform: uppercase; margin-bottom: 24px; text-align: center; letter-spacing: 1px;\">Creative Flow Preview<\/div>\r\n          <div class=\"fontono-features-flow-step\">\r\n            <div class=\"fontono-features-step-label\">Step 1: Type<\/div>\r\n            <div class=\"fontono-features-step-input\">Fontono<\/div>\r\n          <\/div>\r\n          <div class=\"fontono-features-flow-step\">\r\n            <div class=\"fontono-features-step-label\">Step 2: Choose Mood<\/div>\r\n            <div class=\"fontono-features-step-pills\">\r\n              <span class=\"fontono-features-step-pill\">Soft<\/span>\r\n              <span class=\"fontono-features-step-pill active\">Bold<\/span>\r\n              <span class=\"fontono-features-step-pill\">Dark<\/span>\r\n              <span class=\"fontono-features-step-pill\">Retro<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fontono-features-flow-step\">\r\n            <div class=\"fontono-features-step-label\">Step 3: Copy Style<\/div>\r\n            <div class=\"fontono-features-step-output\">\r\n              <span style=\"font-family: serif; font-weight: bold;\">\ud835\udcd5\ud835\udcf8\ud835\udcf7\ud835\udcfd\ud835\udcf8\ud835\udcf7\ud835\udcf8<\/span>\r\n              <span class=\"fontono-features-copied-badge\"><i class=\"bi bi-check-lg\"><\/i> Copied!<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 4: COPY-PASTE FEATURES -->\r\n  <section class=\"fontono-features-section fontono-features-section-white\">\r\n    <div class=\"fontono-features-inner\">\r\n      <div style=\"text-align: center; margin-bottom: 50px;\">\r\n        <h2 class=\"fontono-features-section-heading\">Copy-Paste Text Made Simple<\/h2>\r\n        <p class=\"fontono-features-subheading\" style=\"margin: 0 auto;\">Fontono creates Unicode-style text that can be copied and pasted into many online spaces. No font file installation is needed.<\/p>\r\n      <\/div>\r\n      <div class=\"fontono-features-row-container\">\r\n        <!-- Row 1 -->\r\n        <div class=\"fontono-features-row\">\r\n          <div class=\"fontono-features-row-content\">\r\n            <div class=\"fontono-features-row-icon\"><i class=\"bi bi-instagram\"><\/i><\/div>\r\n            <div class=\"fontono-features-row-text\">\r\n              <h3>Copy Stylish Bios<\/h3>\r\n              <p class=\"fontono-features-text-muted\">Create text for Instagram, TikTok, Facebook, and profile bios.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fontono-features-row-preview\">\ud835\udcd2\ud835\udcfb\ud835\udcee\ud835\udcea\ud835\udcfd\ud835\udcf8\ud835\udcfb \u2726<\/div>\r\n        <\/div>\r\n        <!-- Row 2 -->\r\n        <div class=\"fontono-features-row\">\r\n          <div class=\"fontono-features-row-content\">\r\n            <div class=\"fontono-features-row-icon\"><i class=\"bi bi-controller\"><\/i><\/div>\r\n            <div class=\"fontono-features-row-text\">\r\n              <h3>Style Usernames<\/h3>\r\n              <p class=\"fontono-features-text-muted\">Make display names, gaming names, and creator handles stand out.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fontono-features-row-preview\">\ua9c1\u0f3aShadowX\u0f3b\ua9c2<\/div>\r\n        <\/div>\r\n        <!-- Row 3 -->\r\n        <div class=\"fontono-features-row\">\r\n          <div class=\"fontono-features-row-content\">\r\n            <div class=\"fontono-features-row-icon\"><i class=\"bi bi-chat-left-quote\"><\/i><\/div>\r\n            <div class=\"fontono-features-row-text\">\r\n              <h3>Improve Captions<\/h3>\r\n              <p class=\"fontono-features-text-muted\">Add personality to captions, comments, statuses, and short posts.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fontono-features-row-preview\">\ud835\udc75\ud835\udc86\ud835\udc98 \ud835\udc97\ud835\udc8a\ud835\udc83\ud835\udc86\ud835\udc94 \u2726<\/div>\r\n        <\/div>\r\n        <!-- Row 4 -->\r\n        <div class=\"fontono-features-row\">\r\n          <div class=\"fontono-features-row-content\">\r\n            <div class=\"fontono-features-row-icon\"><i class=\"bi bi-lightbulb\"><\/i><\/div>\r\n            <div class=\"fontono-features-row-text\">\r\n              <h3>Test Creative Ideas<\/h3>\r\n              <p class=\"fontono-features-text-muted\">Preview names, slogans, tattoo text, and short branding ideas.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fontono-features-row-preview\">\ud835\udcd5\ud835\udcf8\ud835\udcfb\ud835\udcee\ud835\udcff\ud835\udcee\ud835\udcfb<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 5: MOOD-BASED DISCOVERY -->\r\n  <section class=\"fontono-features-section fontono-features-section-light\">\r\n    <div class=\"fontono-features-inner\">\r\n      <div style=\"text-align: center; margin-bottom: 50px;\">\r\n        <span class=\"fontono-features-badge\">Discovery<\/span>\r\n        <h2 class=\"fontono-features-section-heading\">Find Fonts by Mood, Not Just by Name<\/h2>\r\n        <p class=\"fontono-features-subheading\" style=\"margin: 0 auto;\">Choosing a font is not only about appearance. It is also about how the text feels. Fontono helps users discover styles based on emotion, tone, and purpose.<\/p>\r\n      <\/div>\r\n      <div class=\"fontono-features-mood-grid\">\r\n        <div class=\"fontono-features-mood-card\">\r\n          <div class=\"fontono-features-mood-title\">Soft<\/div>\r\n          <div class=\"fontono-features-mood-preview\" style=\"font-family: cursive;\">\ud835\udcfc\ud835\udcf8\ud835\udcef\ud835\udcfd \ud835\udcf6\ud835\udcf8\ud835\udcf8\ud835\udced<\/div>\r\n          <div class=\"fontono-features-mood-desc\">For calm, pretty, gentle, and friendly text.<\/div>\r\n        <\/div>\r\n        <div class=\"fontono-features-mood-card\">\r\n          <div class=\"fontono-features-mood-title\">Bold<\/div>\r\n          <div class=\"fontono-features-mood-preview\" style=\"font-weight: 900; letter-spacing: -1px;\">\ud835\udc01\ud835\udc28\ud835\udc25\ud835\udc1d \ud835\udc0c\ud835\udc28\ud835\udc28\ud835\udc1d<\/div>\r\n          <div class=\"fontono-features-mood-desc\">For strong words that need attention.<\/div>\r\n        <\/div>\r\n        <div class=\"fontono-features-mood-card\">\r\n          <div class=\"fontono-features-mood-title\">Dark<\/div>\r\n          <div class=\"fontono-features-mood-preview\" style=\"font-family: monospace;\">\ud835\udd07\ud835\udd1e\ud835\udd2f\ud835\udd28 \ud835\udd10\ud835\udd2c\ud835\udd2c\ud835\udd21<\/div>\r\n          <div class=\"fontono-features-mood-desc\">For gothic, mysterious, and dramatic expression.<\/div>\r\n        <\/div>\r\n        <div class=\"fontono-features-mood-card\">\r\n          <div class=\"fontono-features-mood-title\">Playful<\/div>\r\n          <div class=\"fontono-features-mood-preview\">\u2661 playful \u2661<\/div>\r\n          <div class=\"fontono-features-mood-desc\">For cute, fun, friendly, and energetic words.<\/div>\r\n        <\/div>\r\n        <div class=\"fontono-features-mood-card\">\r\n          <div class=\"fontono-features-mood-title\">Retro<\/div>\r\n          <div class=\"fontono-features-mood-preview\" style=\"letter-spacing: 2px;\">\uff52\uff45\uff54\uff52\uff4f<\/div>\r\n          <div class=\"fontono-features-mood-desc\">For nostalgic, vintage, and old-school style.<\/div>\r\n        <\/div>\r\n        <div class=\"fontono-features-mood-card\">\r\n          <div class=\"fontono-features-mood-title\">Futuristic<\/div>\r\n          <div class=\"fontono-features-mood-preview\" style=\"letter-spacing: 3px;\">\uff26\uff35\uff34\uff35\uff32\uff25<\/div>\r\n          <div class=\"fontono-features-mood-desc\">For digital, neon, sci-fi, and modern text.<\/div>\r\n        <\/div>\r\n        <div class=\"fontono-features-mood-card\">\r\n          <div class=\"fontono-features-mood-title\">Elegant<\/div>\r\n          <div class=\"fontono-features-mood-preview\" style=\"font-family: serif; font-style: italic;\">\ud835\udcd4\ud835\udcf5\ud835\udcee\ud835\udcf0\ud835\udcea\ud835\udcf7\ud835\udcfd<\/div>\r\n          <div class=\"fontono-features-mood-desc\">For names, quotes, signatures, and refined text.<\/div>\r\n        <\/div>\r\n        <div class=\"fontono-features-mood-card\">\r\n          <div class=\"fontono-features-mood-title\">Weird<\/div>\r\n          <div class=\"fontono-features-mood-preview\">W\u0334e\u0334i\u0334r\u0334d\u0334<\/div>\r\n          <div class=\"fontono-features-mood-desc\">For glitchy, unusual, and experimental styles.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 6: PLATFORM PREVIEW FEATURE (Vanilla JS Tabs) -->\r\n  <section class=\"fontono-features-section fontono-features-section-white\">\r\n    <div class=\"fontono-features-inner\">\r\n      <div style=\"text-align: center; margin-bottom: 50px;\">\r\n        <h2 class=\"fontono-features-section-heading\">Preview Text Before You Use It<\/h2>\r\n        <p class=\"fontono-features-subheading\" style=\"margin: 0 auto;\">Fontono helps users imagine how styled text may look in real places like bios, captions, usernames, messages, gaming names, and logo-style text.<\/p>\r\n      <\/div>\r\n      <div class=\"fontono-features-tabs-container\">\r\n        <div class=\"fontono-features-tabs-nav\" role=\"tablist\" aria-label=\"Platform Previews\">\r\n          <button role=\"tab\" aria-selected=\"true\" aria-controls=\"panel-bio\" id=\"tab-bio\" class=\"fontono-features-tab-btn\">Bio<\/button>\r\n          <button role=\"tab\" aria-selected=\"false\" aria-controls=\"panel-username\" id=\"tab-username\" class=\"fontono-features-tab-btn\">Username<\/button>\r\n          <button role=\"tab\" aria-selected=\"false\" aria-controls=\"panel-caption\" id=\"tab-caption\" class=\"fontono-features-tab-btn\">Caption<\/button>\r\n          <button role=\"tab\" aria-selected=\"false\" aria-controls=\"panel-message\" id=\"tab-message\" class=\"fontono-features-tab-btn\">Message<\/button>\r\n          <button role=\"tab\" aria-selected=\"false\" aria-controls=\"panel-gaming\" id=\"tab-gaming\" class=\"fontono-features-tab-btn\">Gaming<\/button>\r\n          <button role=\"tab\" aria-selected=\"false\" aria-controls=\"panel-logo\" id=\"tab-logo\" class=\"fontono-features-tab-btn\">Logo<\/button>\r\n        <\/div>\r\n\r\n        <div id=\"panel-bio\" role=\"tabpanel\" aria-labelledby=\"tab-bio\" aria-hidden=\"false\" class=\"fontono-features-tab-panel\">\r\n          <div class=\"fontono-features-panel-label\">Instagram \/ TikTok Bio<\/div>\r\n          <div class=\"fontono-features-panel-content\">\u2728 \ud835\udcd2\ud835\udcfb\ud835\udcee\ud835\udcea\ud835\udcfd\ud835\udcf2\ud835\udcff\ud835\udcee \ud835\udcdc\ud835\udcf8\ud835\udcf8\ud835\udced \u2728\r\n<span style=\"font-size: 1.1rem; color: rgba(255,255,255,0.7); display: block; margin-top: 10px;\">Making simple words feel unforgettable.<\/span><\/div>\r\n        <\/div>\r\n        <div id=\"panel-username\" role=\"tabpanel\" aria-labelledby=\"tab-username\" aria-hidden=\"true\" class=\"fontono-features-tab-panel\">\r\n          <div class=\"fontono-features-panel-label\">Profile Display Name<\/div>\r\n          <div class=\"fontono-features-panel-content\">\ua9c1\u0f3aFontono\u0f3b\ua9c2<\/div>\r\n        <\/div>\r\n        <div id=\"panel-caption\" role=\"tabpanel\" aria-labelledby=\"tab-caption\" aria-hidden=\"true\" class=\"fontono-features-tab-panel\">\r\n          <div class=\"fontono-features-panel-label\">Social Post Caption<\/div>\r\n          <div class=\"fontono-features-panel-content\">\ud835\udc75\ud835\udc86\ud835\udc98 \ud835\udc97\ud835\udc8a\ud835\udc83\ud835\udc86\ud835\udc94, \ud835\udc94\ud835\udc82\ud835\udc8e\ud835\udc86 \ud835\udc85\ud835\udc93\ud835\udc86\ud835\udc82\ud835\udc8e \u2726<\/div>\r\n        <\/div>\r\n        <div id=\"panel-message\" role=\"tabpanel\" aria-labelledby=\"tab-message\" aria-hidden=\"true\" class=\"fontono-features-tab-panel\">\r\n          <div class=\"fontono-features-panel-label\">Chat & Status Message<\/div>\r\n          <div class=\"fontono-features-panel-content\">\u2661 just checking in \u2661<\/div>\r\n        <\/div>\r\n        <div id=\"panel-gaming\" role=\"tabpanel\" aria-labelledby=\"tab-gaming\" aria-hidden=\"true\" class=\"fontono-features-tab-panel\">\r\n          <div class=\"fontono-features-panel-label\">In-Game & Discord Name<\/div>\r\n          <div class=\"fontono-features-panel-content\">\uff26\uff2f\uff2e\uff34\uff2f\uff2e\uff2f\u26a1<\/div>\r\n        <\/div>\r\n        <div id=\"panel-logo\" role=\"tabpanel\" aria-labelledby=\"tab-logo\" aria-hidden=\"true\" class=\"fontono-features-tab-panel\">\r\n          <div class=\"fontono-features-panel-label\">Brand & Logo Concept<\/div>\r\n          <div class=\"fontono-features-panel-content\" style=\"letter-spacing: 4px;\">\ud835\udc05\ud835\udc0e\ud835\udc0d\ud835\udc13\ud835\udc0e\ud835\udc0d\ud835\udc0e<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 7: USE CASES -->\r\n  <section class=\"fontono-features-section fontono-features-section-light\">\r\n    <div class=\"fontono-features-inner\">\r\n      <div style=\"text-align: center; margin-bottom: 50px;\">\r\n        <span class=\"fontono-features-badge\">Use Cases<\/span>\r\n        <h2 class=\"fontono-features-section-heading\">Features for Every Creative Text Moment<\/h2>\r\n        <p class=\"fontono-features-subheading\" style=\"margin: 0 auto;\">Whether you are updating a profile, testing a username, designing a brand idea, or writing a caption, Fontono gives you a faster way to style words.<\/p>\r\n      <\/div>\r\n      <div class=\"fontono-features-grid-3\">\r\n        <div class=\"fontono-features-base-card\">\r\n          <h3 class=\"fontono-features-card-title\"><i class=\"bi bi-at\"><\/i> Social Media Profiles<\/h3>\r\n          <p class=\"fontono-features-text-muted\">For bios, captions, comments, usernames, and short social posts.<\/p>\r\n        <\/div>\r\n        <div class=\"fontono-features-base-card\">\r\n          <h3 class=\"fontono-features-card-title\"><i class=\"bi bi-dpad\"><\/i> Gaming Identity<\/h3>\r\n          <p class=\"fontono-features-text-muted\">For gamer tags, Discord names, clan names, and profile text.<\/p>\r\n        <\/div>\r\n        <div class=\"fontono-features-base-card\">\r\n          <h3 class=\"fontono-features-card-title\"><i class=\"bi bi-pen\"><\/i> Tattoo Lettering Ideas<\/h3>\r\n          <p class=\"fontono-features-text-muted\">For names, quote previews, and meaningful word styling.<\/p>\r\n        <\/div>\r\n        <div class=\"fontono-features-base-card\">\r\n          <h3 class=\"fontono-features-card-title\"><i class=\"bi bi-vector-pen\"><\/i> Logo and Brand Concepts<\/h3>\r\n          <p class=\"fontono-features-text-muted\">For testing short names, slogans, and visual identity ideas.<\/p>\r\n        <\/div>\r\n        <div class=\"fontono-features-base-card\">\r\n          <h3 class=\"fontono-features-card-title\"><i class=\"bi bi-chat-heart\"><\/i> Messages and Statuses<\/h3>\r\n          <p class=\"fontono-features-text-muted\">For making simple messages feel more personal and expressive.<\/p>\r\n        <\/div>\r\n        <div class=\"fontono-features-base-card\">\r\n          <h3 class=\"fontono-features-card-title\"><i class=\"bi bi-layout-wtf\"><\/i> Creative Content Planning<\/h3>\r\n          <p class=\"fontono-features-text-muted\">For thumbnails, posts, boards, captions, and content drafts.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 8: UX COMPARISON -->\r\n  <section class=\"fontono-features-section fontono-features-section-white\">\r\n    <div class=\"fontono-features-inner\">\r\n      <div style=\"text-align: center; margin-bottom: 50px;\">\r\n        <h2 class=\"fontono-features-section-heading\">A Cleaner Font Generator Experience<\/h2>\r\n        <p class=\"fontono-features-subheading\" style=\"margin: 0 auto;\">Fontono focuses on reducing clutter so users can create, compare, and copy stylish text without distraction.<\/p>\r\n      <\/div>\r\n      <div class=\"fontono-features-compare\">\r\n        <div class=\"fontono-features-compare-col\">\r\n          <div class=\"fontono-features-compare-title\">Typical Font Tools<\/div>\r\n          <ul class=\"fontono-features-compare-list\">\r\n            <li><i class=\"bi bi-x-circle fontono-features-icon-x\"><\/i> Cluttered output lists<\/li>\r\n            <li><i class=\"bi bi-x-circle fontono-features-icon-x\"><\/i> Too many ads or distractions<\/li>\r\n            <li><i class=\"bi bi-x-circle fontono-features-icon-x\"><\/i> Hard to browse by mood<\/li>\r\n            <li><i class=\"bi bi-x-circle fontono-features-icon-x\"><\/i> Limited preview context<\/li>\r\n            <li><i class=\"bi bi-x-circle fontono-features-icon-x\"><\/i> Generic user experience<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"fontono-features-compare-col fontono-features-compare-highlight\">\r\n          <div class=\"fontono-features-compare-title\" style=\"color: var(--ff-violet);\">Fontono<\/div>\r\n          <ul class=\"fontono-features-compare-list\">\r\n            <li><span class=\"fontono-features-icon-check\"><i class=\"bi bi-check-lg\"><\/i><\/span> Clean creative interface<\/li>\r\n            <li><span class=\"fontono-features-icon-check\"><i class=\"bi bi-check-lg\"><\/i><\/span> Mood-based discovery<\/li>\r\n            <li><span class=\"fontono-features-icon-check\"><i class=\"bi bi-check-lg\"><\/i><\/span> Copy-ready output<\/li>\r\n            <li><span class=\"fontono-features-icon-check\"><i class=\"bi bi-check-lg\"><\/i><\/span> Platform-style previews<\/li>\r\n            <li><span class=\"fontono-features-icon-check\"><i class=\"bi bi-check-lg\"><\/i><\/span> Organized style library<\/li>\r\n            <li><span class=\"fontono-features-icon-check\"><i class=\"bi bi-check-lg\"><\/i><\/span> Mobile-friendly layout<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 9: PERFORMANCE & ACCESSIBILITY -->\r\n  <section class=\"fontono-features-section fontono-features-section-light\">\r\n    <div class=\"fontono-features-inner\">\r\n      <div style=\"text-align: center; margin-bottom: 40px;\">\r\n        <h2 class=\"fontono-features-section-heading\">Fast, Lightweight, and Easy to Use<\/h2>\r\n        <p class=\"fontono-features-subheading\" style=\"margin: 0 auto;\">Fontono is designed to work smoothly across devices while keeping the experience simple and accessible.<\/p>\r\n      <\/div>\r\n      <div class=\"fontono-features-strip\">\r\n        <div class=\"fontono-features-strip-item\"><i class=\"bi bi-laptop\"><\/i> Responsive design<\/div>\r\n        <div class=\"fontono-features-strip-item\"><i class=\"bi bi-speedometer2\"><\/i> Lightweight interface<\/div>\r\n        <div class=\"fontono-features-strip-item\"><i class=\"bi bi-files\"><\/i> Clear copy actions<\/div>\r\n        <div class=\"fontono-features-strip-item\"><i class=\"bi bi-layout-text-sidebar\"><\/i> Readable layouts<\/div>\r\n        <div class=\"fontono-features-strip-item\"><i class=\"bi bi-person-check\"><\/i> No account required<\/div>\r\n        <div class=\"fontono-features-strip-item\"><i class=\"bi bi-browser-chrome\"><\/i> Browser-based access<\/div>\r\n        <div class=\"fontono-features-strip-item\"><i class=\"bi bi-cursor\"><\/i> Simple navigation<\/div>\r\n        <div class=\"fontono-features-strip-item\"><i class=\"bi bi-people\"><\/i> Designed for everyone<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 10: ROADMAP -->\r\n  <section class=\"fontono-features-section fontono-features-section-white\">\r\n    <div class=\"fontono-features-inner\">\r\n      <div style=\"text-align: center; margin-bottom: 60px;\">\r\n        <span class=\"fontono-features-badge\">Roadmap<\/span>\r\n        <h2 class=\"fontono-features-section-heading\">What\u2019s Coming Next<\/h2>\r\n        <p class=\"fontono-features-subheading\" style=\"margin: 0 auto;\">Fontono is growing into a complete creative text toolkit with planned improvements in the future.<\/p>\r\n      <\/div>\r\n      <div class=\"fontono-features-roadmap\">\r\n        <div class=\"fontono-features-roadmap-card\">\r\n          <div class=\"fontono-features-roadmap-icon\"><i class=\"bi bi-fonts\"><\/i><\/div>\r\n          <h3 class=\"fontono-features-card-title\" style=\"justify-content: center; font-size: 1.15rem;\">More Categories<\/h3>\r\n          <p class=\"fontono-features-text-muted\" style=\"font-size: 0.95rem;\">More creative font styles for different moods, themes, and platforms.<\/p>\r\n        <\/div>\r\n        <div class=\"fontono-features-roadmap-card\">\r\n          <div class=\"fontono-features-roadmap-icon\"><i class=\"bi bi-search-heart\"><\/i><\/div>\r\n          <h3 class=\"fontono-features-card-title\" style=\"justify-content: center; font-size: 1.15rem;\">Smarter Discovery<\/h3>\r\n          <p class=\"fontono-features-text-muted\" style=\"font-size: 0.95rem;\">Better ways to find styles based on purpose, mood, and text type.<\/p>\r\n        <\/div>\r\n        <div class=\"fontono-features-roadmap-card\">\r\n          <div class=\"fontono-features-roadmap-icon\"><i class=\"bi bi-aspect-ratio\"><\/i><\/div>\r\n          <h3 class=\"fontono-features-card-title\" style=\"justify-content: center; font-size: 1.15rem;\">Better Preview Modes<\/h3>\r\n          <p class=\"fontono-features-text-muted\" style=\"font-size: 0.95rem;\">More realistic previews for bios, usernames, captions, and concepts.<\/p>\r\n        <\/div>\r\n        <div class=\"fontono-features-roadmap-card\">\r\n          <div class=\"fontono-features-roadmap-icon\"><i class=\"bi bi-journal-bookmark\"><\/i><\/div>\r\n          <h3 class=\"fontono-features-card-title\" style=\"justify-content: center; font-size: 1.15rem;\">Helpful Font Guides<\/h3>\r\n          <p class=\"fontono-features-text-muted\" style=\"font-size: 0.95rem;\">Guides about stylish text, Unicode, social bios, and typography trends.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 11: FAQ -->\r\n  <section class=\"fontono-features-section fontono-features-section-light\">\r\n    <div class=\"fontono-features-inner\">\r\n      <div style=\"text-align: center; margin-bottom: 50px;\">\r\n        <h2 class=\"fontono-features-section-heading\">Fontono Features FAQs<\/h2>\r\n      <\/div>\r\n      <div class=\"fontono-features-faq-container\">\r\n        <!-- FAQ 1 -->\r\n        <div class=\"fontono-features-faq-item\">\r\n          <button class=\"fontono-features-faq-btn\" aria-expanded=\"false\" aria-controls=\"faq-1\">\r\n            What features does Fontono offer?\r\n            <i class=\"bi bi-chevron-down\"><\/i>\r\n          <\/button>\r\n          <div id=\"faq-1\" class=\"fontono-features-faq-content\">\r\n            <p>Fontono offers stylish font generation, copy-paste text styles, mood-based discovery, platform previews, and a growing font style library.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <!-- FAQ 2 -->\r\n        <div class=\"fontono-features-faq-item\">\r\n          <button class=\"fontono-features-faq-btn\" aria-expanded=\"false\" aria-controls=\"faq-2\">\r\n            Do I need to install fonts to use Fontono?\r\n            <i class=\"bi bi-chevron-down\"><\/i>\r\n          <\/button>\r\n          <div id=\"faq-2\" class=\"fontono-features-faq-content\">\r\n            <p>No. Fontono works in your browser and creates copyable Unicode-style text.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <!-- FAQ 3 -->\r\n        <div class=\"fontono-features-faq-item\">\r\n          <button class=\"fontono-features-faq-btn\" aria-expanded=\"false\" aria-controls=\"faq-3\">\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-3\" class=\"fontono-features-faq-content\">\r\n            <p>Yes. Many users create text for bios, captions, usernames, comments, and profile names.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <!-- FAQ 4 -->\r\n        <div class=\"fontono-features-faq-item\">\r\n          <button class=\"fontono-features-faq-btn\" aria-expanded=\"false\" aria-controls=\"faq-4\">\r\n            Is Fontono useful for gaming names?\r\n            <i class=\"bi bi-chevron-down\"><\/i>\r\n          <\/button>\r\n          <div id=\"faq-4\" class=\"fontono-features-faq-content\">\r\n            <p>Yes. Fontono can help create stylish names for gaming profiles, Discord names, clans, and usernames.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <!-- FAQ 5 -->\r\n        <div class=\"fontono-features-faq-item\">\r\n          <button class=\"fontono-features-faq-btn\" aria-expanded=\"false\" aria-controls=\"faq-5\">\r\n            Does Fontono work on mobile?\r\n            <i class=\"bi bi-chevron-down\"><\/i>\r\n          <\/button>\r\n          <div id=\"faq-5\" class=\"fontono-features-faq-content\">\r\n            <p>Yes. The page and tool should be designed to work smoothly on phones, tablets, and desktop screens.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <!-- FAQ 6 -->\r\n        <div class=\"fontono-features-faq-item\">\r\n          <button class=\"fontono-features-faq-btn\" aria-expanded=\"false\" aria-controls=\"faq-6\">\r\n            Can I preview text before copying it?\r\n            <i class=\"bi bi-chevron-down\"><\/i>\r\n          <\/button>\r\n          <div id=\"faq-6\" class=\"fontono-features-faq-content\">\r\n            <p>Yes. Fontono includes preview-style sections to help users imagine how their text may look before using it.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <!-- FAQ 7 -->\r\n        <div class=\"fontono-features-faq-item\">\r\n          <button class=\"fontono-features-faq-btn\" aria-expanded=\"false\" aria-controls=\"faq-7\">\r\n            Is Fontono free?\r\n            <i class=\"bi bi-chevron-down\"><\/i>\r\n          <\/button>\r\n          <div id=\"faq-7\" class=\"fontono-features-faq-content\">\r\n            <p>Yes. Fontono is designed as a free font generator for stylish text creation.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 12: FINAL CTA -->\r\n  <section class=\"fontono-features-section fontono-features-section-white\" style=\"padding-bottom: 130px;\">\r\n    <div class=\"fontono-features-inner\">\r\n      <div class=\"fontono-features-cta-box\">\r\n        <h2 class=\"fontono-features-section-heading\" style=\"margin-bottom: 16px;\">Explore Fontono Features in Action<\/h2>\r\n        <p class=\"fontono-features-subheading\" style=\"margin: 0 auto 36px; max-width: 600px; color: var(--ff-deep);\">Try the Font Generator and turn simple words into stylish, creative, 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;\">\r\n          <a href=\"\/#font-generator\" class=\"fontono-features-btn-primary\"><i class=\"bi bi-stars\"><\/i> Try Font Generator<\/a>\r\n          <a href=\"\/\" class=\"fontono-features-btn-secondary-dark fontono-features-btn-secondary\">Explore Font Styles <i class=\"bi bi-arrow-right\"><\/i><\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Vanilla JavaScript for Tabs and FAQ -->\r\n  <script>\r\n    document.addEventListener(\"DOMContentLoaded\", () => {\r\n      const root = document.querySelector('.fontono-features-page');\r\n      if (!root) return;\r\n\r\n      \/* Tabs Logic *\/\r\n      const tabs = root.querySelectorAll('[role=\"tab\"]');\r\n      const panels = root.querySelectorAll('[role=\"tabpanel\"]');\r\n\r\n      tabs.forEach(tab => {\r\n        tab.addEventListener('click', () => {\r\n          \/\/ Deactivate all tabs and panels\r\n          tabs.forEach(t => t.setAttribute('aria-selected', 'false'));\r\n          panels.forEach(p => p.setAttribute('aria-hidden', 'true'));\r\n\r\n          \/\/ Activate clicked tab and corresponding panel\r\n          tab.setAttribute('aria-selected', 'true');\r\n          const panelId = tab.getAttribute('aria-controls');\r\n          const panel = root.querySelector(`#${panelId}`);\r\n          if (panel) {\r\n            panel.setAttribute('aria-hidden', 'false');\r\n          }\r\n        });\r\n      });\r\n\r\n      \/* FAQ Accordion Logic *\/\r\n      const faqBtns = root.querySelectorAll('.fontono-features-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          \/\/ Optional: Close all other FAQs (accordion style)\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-5289","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fontono.com\/wp-json\/wp\/v2\/pages\/5289","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=5289"}],"version-history":[{"count":4,"href":"https:\/\/fontono.com\/wp-json\/wp\/v2\/pages\/5289\/revisions"}],"predecessor-version":[{"id":5293,"href":"https:\/\/fontono.com\/wp-json\/wp\/v2\/pages\/5289\/revisions\/5293"}],"wp:attachment":[{"href":"https:\/\/fontono.com\/wp-json\/wp\/v2\/media?parent=5289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}