{"id":5238,"date":"2026-05-17T09:33:34","date_gmt":"2026-05-17T09:33:34","guid":{"rendered":"https:\/\/fonttor.com\/?page_id=5238"},"modified":"2026-05-24T04:07:07","modified_gmt":"2026-05-24T04:07:07","slug":"about","status":"publish","type":"page","link":"https:\/\/fonttor.com\/about\/","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5238\" class=\"elementor elementor-5238\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18be0e3 e-con-full e-flex e-con e-parent\" data-id=\"18be0e3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0cfa625 elementor-widget elementor-widget-shortcode\" data-id=\"0cfa625\" 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=\"ftor-about-page\">\r\n  <!-- 1. ABOUT HERO SECTION -->\r\n  <section class=\"ftor-about-hero\" id=\"ftor-about-top\">\r\n    <div class=\"ftor-hero-bg-icons\" aria-hidden=\"true\">\r\n      <span class=\"ftor-bg-icon ftor-bg-icon-1\">Aa<\/span>\r\n      <span class=\"ftor-bg-icon ftor-bg-icon-2\">\ud835\udcd5<\/span>\r\n      <span class=\"ftor-bg-icon ftor-bg-icon-3\">#<\/span>\r\n      <span class=\"ftor-bg-icon ftor-bg-icon-4\">\u2726<\/span>\r\n    <\/div>\r\n    <div class=\"ftor-container\">\r\n      <div class=\"ftor-hero-content\">\r\n        <span class=\"ftor-badge\">About Fonttor<\/span>\r\n        <h1 class=\"ftor-hero-title\">A Cleaner Font Generator for Creative Text<\/h1>\r\n        <p class=\"ftor-hero-subtitle\">Fonttor is a modern font generator that helps creators, marketers, designers, and everyday users turn plain text into stylish, copy-ready fonts for bios, captions, usernames, profiles, and creative projects.<\/p>\r\n        <div class=\"ftor-hero-actions\">\r\n          <a href=\"\/\" class=\"ftor-btn-primary\">Start Using Fonttor<\/a>\r\n          <a href=\"https:\/\/fonttor.com\/#ftor-tools\" class=\"ftor-btn-secondary\">Explore Font Tools<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 2. MISSION SECTION -->\r\n  <section class=\"ftor-section ftor-about-mission\">\r\n    <div class=\"ftor-container\">\r\n      <div class=\"ftor-mission-grid\">\r\n        <div class=\"ftor-mission-text\">\r\n          <h2 class=\"ftor-section-title\">Our Mission<\/h2>\r\n          <p class=\"ftor-section-desc\">At Fonttor, our mission is to make creative text styling simple, fast, and accessible. We believe users should not need complex design software just to create stylish text for a profile, caption, username, or project. Fonttor brings popular text styles, Unicode fonts, and useful typography tools into one clean browser-based experience.<\/p>\r\n        <\/div>\r\n        <div class=\"ftor-mission-card\">\r\n          <ul class=\"ftor-mission-points\">\r\n            <li>\r\n              <span class=\"ftor-point-icon\">\u2713<\/span>\r\n              <span>Simple tools for everyday users<\/span>\r\n            <\/li>\r\n            <li>\r\n              <span class=\"ftor-point-icon\">\u2713<\/span>\r\n              <span>Copy-ready stylish text<\/span>\r\n            <\/li>\r\n            <li>\r\n              <span class=\"ftor-point-icon\">\u2713<\/span>\r\n              <span>Better typography workflows for creators<\/span>\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 3. WHAT WE BUILD SECTION -->\r\n  <section class=\"ftor-section ftor-about-what ftor-soft-bg\">\r\n    <div class=\"ftor-container\">\r\n      <div class=\"ftor-section-header\">\r\n        <h2 class=\"ftor-section-title\">What Fonttor Helps You Create<\/h2>\r\n      <\/div>\r\n      <div class=\"ftor-bento-grid\">\r\n        <article class=\"ftor-bento-card\">\r\n          <span class=\"ftor-bento-icon\">\ud835\udcd5<\/span>\r\n          <h3 class=\"ftor-bento-title\">Stylish Text<\/h3>\r\n          <p class=\"ftor-bento-desc\">Generate fancy, bold, cursive, gothic, aesthetic, and decorative text styles.<\/p>\r\n        <\/article>\r\n        <article class=\"ftor-bento-card\">\r\n          <span class=\"ftor-bento-icon\">@<\/span>\r\n          <h3 class=\"ftor-bento-title\">Social Bios<\/h3>\r\n          <p class=\"ftor-bento-desc\">Create copy-ready fonts for Instagram bios, TikTok captions, Discord names, and social profiles.<\/p>\r\n        <\/article>\r\n        <article class=\"ftor-bento-card\">\r\n          <span class=\"ftor-bento-icon\">#<\/span>\r\n          <h3 class=\"ftor-bento-title\">Usernames<\/h3>\r\n          <p class=\"ftor-bento-desc\">Make usernames stand out with stylish Unicode text and symbols.<\/p>\r\n        <\/article>\r\n        <article class=\"ftor-bento-card\">\r\n          <span class=\"ftor-bento-icon\">\u270e<\/span>\r\n          <h3 class=\"ftor-bento-title\">Captions<\/h3>\r\n          <p class=\"ftor-bento-desc\">Turn simple captions into creative, more expressive text.<\/p>\r\n        <\/article>\r\n        <article class=\"ftor-bento-card\">\r\n          <span class=\"ftor-bento-icon\">{ }<\/span>\r\n          <h3 class=\"ftor-bento-title\">Web Typography<\/h3>\r\n          <p class=\"ftor-bento-desc\">Explore typography helpers for headings, CSS previews, and web font workflows.<\/p>\r\n        <\/article>\r\n        <article class=\"ftor-bento-card\">\r\n          <span class=\"ftor-bento-icon\">\u2398<\/span>\r\n          <h3 class=\"ftor-bento-title\">Copy-Paste Fonts<\/h3>\r\n          <p class=\"ftor-bento-desc\">Use browser-friendly text styles without installing extra apps.<\/p>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 4. WHY FONTTOR SECTION -->\r\n  <section class=\"ftor-section ftor-about-why\">\r\n    <div class=\"ftor-container\">\r\n      <div class=\"ftor-why-grid\">\r\n        <div class=\"ftor-why-visual\" aria-hidden=\"true\">\r\n          <div class=\"ftor-visual-tiles\">\r\n            <span class=\"ftor-vtile\">Aa<\/span>\r\n            <span class=\"ftor-vtile ftor-vtile-primary\">\ud835\udcd5<\/span>\r\n            <span class=\"ftor-vtile\">\ud835\udc01<\/span>\r\n            <span class=\"ftor-vtile\">\ud835\udd0a<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ftor-why-content\">\r\n          <h2 class=\"ftor-section-title\">Why We Built Fonttor<\/h2>\r\n          <p class=\"ftor-section-desc\">Most font generator websites feel cluttered, outdated, or filled with confusing ads. Fonttor is built to feel cleaner, faster, and more useful. The goal is to give users a focused place to generate stylish text, preview font styles, copy results quickly, and explore related typography tools without distraction.<\/p>\r\n          <div class=\"ftor-why-points\">\r\n            <div class=\"ftor-why-point\"><span>\u2726<\/span> Clean interface<\/div>\r\n            <div class=\"ftor-why-point\"><span>\u2726<\/span> Fast copy-paste workflow<\/div>\r\n            <div class=\"ftor-why-point\"><span>\u2726<\/span> Mobile-friendly experience<\/div>\r\n            <div class=\"ftor-why-point\"><span>\u2726<\/span> Useful font tools in one place<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 5. WHO USES FONTTOR SECTION -->\r\n  <section class=\"ftor-section ftor-about-who\">\r\n    <div class=\"ftor-container\">\r\n      <div class=\"ftor-section-header\">\r\n        <h2 class=\"ftor-section-title\">Made for Creators, Brands, and Everyday Text<\/h2>\r\n      <\/div>\r\n      <div class=\"ftor-who-grid\">\r\n        <div class=\"ftor-who-card\">\r\n          <span class=\"ftor-who-icon\" aria-hidden=\"true\">\ud83d\udcf8<\/span>\r\n          <h3 class=\"ftor-who-title\">Content Creators<\/h3>\r\n          <p class=\"ftor-who-desc\">Stand out with creative profile text.<\/p>\r\n        <\/div>\r\n        <div class=\"ftor-who-card\">\r\n          <span class=\"ftor-who-icon\" aria-hidden=\"true\">\ud83d\udcf1<\/span>\r\n          <h3 class=\"ftor-who-title\">Social Media Users<\/h3>\r\n          <p class=\"ftor-who-desc\">Perfect for bios and fresh captions.<\/p>\r\n        <\/div>\r\n        <div class=\"ftor-who-card\">\r\n          <span class=\"ftor-who-icon\" aria-hidden=\"true\">\ud83c\udfa8<\/span>\r\n          <h3 class=\"ftor-who-title\">Designers<\/h3>\r\n          <p class=\"ftor-who-desc\">Quickly mock up typography ideas.<\/p>\r\n        <\/div>\r\n        <div class=\"ftor-who-card\">\r\n          <span class=\"ftor-who-icon\" aria-hidden=\"true\">\ud83d\udcc8<\/span>\r\n          <h3 class=\"ftor-who-title\">Marketers<\/h3>\r\n          <p class=\"ftor-who-desc\">Make promotional copy pop visually.<\/p>\r\n        <\/div>\r\n        <div class=\"ftor-who-card\">\r\n          <span class=\"ftor-who-icon\" aria-hidden=\"true\">\ud83c\udfae<\/span>\r\n          <h3 class=\"ftor-who-title\">Gamers<\/h3>\r\n          <p class=\"ftor-who-desc\">Build unique and bold usernames.<\/p>\r\n        <\/div>\r\n        <div class=\"ftor-who-card\">\r\n          <span class=\"ftor-who-icon\" aria-hidden=\"true\">\ud83c\udf10<\/span>\r\n          <h3 class=\"ftor-who-title\">Website Owners<\/h3>\r\n          <p class=\"ftor-who-desc\">Enhance basic text effortlessly.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 6. DESIGN PRINCIPLES SECTION -->\r\n  <section class=\"ftor-section ftor-about-principles ftor-soft-bg\">\r\n    <div class=\"ftor-container\">\r\n      <div class=\"ftor-section-header\">\r\n        <h2 class=\"ftor-section-title\">The Principles Behind Fonttor<\/h2>\r\n      <\/div>\r\n      <div class=\"ftor-principles-grid\">\r\n        <div class=\"ftor-principle-card\">\r\n          <h3 class=\"ftor-principle-title\">Simplicity<\/h3>\r\n          <p class=\"ftor-principle-desc\">Tools should be easy to understand from the first click.<\/p>\r\n        <\/div>\r\n        <div class=\"ftor-principle-card\">\r\n          <h3 class=\"ftor-principle-title\">Speed<\/h3>\r\n          <p class=\"ftor-principle-desc\">Users should generate and copy stylish fonts without friction.<\/p>\r\n        <\/div>\r\n        <div class=\"ftor-principle-card\">\r\n          <h3 class=\"ftor-principle-title\">Accessibility<\/h3>\r\n          <p class=\"ftor-principle-desc\">Fonttor should work smoothly across devices and browsers.<\/p>\r\n        <\/div>\r\n        <div class=\"ftor-principle-card\">\r\n          <h3 class=\"ftor-principle-title\">Creativity<\/h3>\r\n          <p class=\"ftor-principle-desc\">Stylish text should feel fun, expressive, and practical.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 7. TRUST STRIP SECTION -->\r\n  <section class=\"ftor-section ftor-about-trust\">\r\n    <div class=\"ftor-container\">\r\n      <div class=\"ftor-section-header\">\r\n        <h2 class=\"ftor-section-title\">Trusted by Creative Teams and Growing Brands<\/h2>\r\n      <\/div>\r\n      <div class=\"ftor-trust-logos\">\r\n        <img decoding=\"async\" src=\"https:\/\/fonttor.com\/wp-content\/uploads\/2026\/05\/techifio.png\" alt=\"Techifio\" class=\"ftor-trust-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/fonttor.com\/wp-content\/uploads\/2026\/05\/Wordle-Logo_1@2x-scaled.png\" alt=\"Wordle\" class=\"ftor-trust-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/fonttor.com\/wp-content\/uploads\/2026\/05\/Blue-Final.png\" alt=\"Blue Final\" class=\"ftor-trust-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/fonttor.com\/wp-content\/uploads\/2026\/05\/Raibleanalytics-logo-final.png\" alt=\"Raible Analytics\" class=\"ftor-trust-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/fonttor.com\/wp-content\/uploads\/2026\/05\/Ary-LOGO.png\" alt=\"Ary\" class=\"ftor-trust-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/fonttor.com\/wp-content\/uploads\/2026\/05\/SAAS-LOGO-@2x.png\" alt=\"SaaS\" class=\"ftor-trust-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/fonttor.com\/wp-content\/uploads\/2026\/05\/Fonts-Generator-icon.png\" alt=\"Fonts Generator\" class=\"ftor-trust-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/fonttor.com\/wp-content\/uploads\/2026\/05\/Tikiewer-dark-LOGO.png\" alt=\"Tikiewer\" class=\"ftor-trust-logo\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 9. FINAL CTA SECTION -->\r\n  <section class=\"ftor-section ftor-about-cta-section\">\r\n    <div class=\"ftor-container\">\r\n      <div class=\"ftor-cta-card\">\r\n        <span class=\"ftor-cta-pill\">Free Font Generator \u2022 No Signup \u2022 Copy-Paste Ready<\/span>\r\n        <h2 class=\"ftor-cta-title\">Start Creating Stylish Text with Fonttor<\/h2>\r\n        <p class=\"ftor-cta-desc\">Use Fonttor to generate fancy, aesthetic, cursive, bold, gothic, and social-ready fonts in seconds.<\/p>\r\n        <div class=\"ftor-cta-actions\">\r\n          <a href=\"\/\" class=\"ftor-btn-light\">Start Using Fonttor<\/a>\r\n          <a href=\"\/tools\/\" class=\"ftor-btn-outline-light\">Browse Font Tools<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<style>\r\n.ftor-about-page {\r\n  \/* Brand Variables *\/\r\n  --ftor-primary: #016B61;\r\n  --ftor-primary-dark: #024F48;\r\n  --ftor-secondary: #70B2B2;\r\n  --ftor-aqua: #9ECFD4;\r\n  --ftor-cream: #E5E9C5;\r\n  --ftor-bg: #F7FBFA;\r\n  --ftor-card: #FFFFFF;\r\n  --ftor-text: #123936;\r\n  --ftor-muted: #5D7775;\r\n  --ftor-border: rgba(1, 107, 97, 0.14);\r\n  \r\n  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n  color: var(--ftor-text);\r\n  background: var(--ftor-bg);\r\n  overflow-x: hidden;\r\n  line-height: 1.6;\r\n}\r\n\r\n.ftor-about-page * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.ftor-about-page .ftor-container {\r\n  max-width: 1160px;\r\n  margin: 0 auto;\r\n  padding: 0 20px;\r\n}\r\n\r\n.ftor-about-page .ftor-section {\r\n  padding: 82px 0;\r\n}\r\n\r\n.ftor-about-page .ftor-soft-bg {\r\n  background: linear-gradient(180deg, rgba(223,243,244,0.48), rgba(247,251,250,0));\r\n}\r\n\r\n.ftor-about-page .ftor-section-header {\r\n  text-align: center;\r\n  max-width: 700px;\r\n  margin: 0 auto 48px;\r\n}\r\n\r\n.ftor-about-page .ftor-section-title {\r\n  margin: 0;\r\n  font-size: clamp(30px, 4vw, 44px);\r\n  line-height: 1.15;\r\n  color: var(--ftor-text);\r\n  letter-spacing: -0.01em;\r\n}\r\n\r\n.ftor-about-page .ftor-section-desc {\r\n  margin: 16px 0 0;\r\n  font-size: 17px;\r\n  color: var(--ftor-muted);\r\n}\r\n\r\n\/* 1. Hero Section *\/\r\n.ftor-about-page .ftor-about-hero {\r\n  position: relative;\r\n  padding: 120px 0 100px;\r\n  text-align: center;\r\n  background: linear-gradient(135deg, #F7FBFA 0%, #E5E9C5 42%, #DFF3F4 100%);\r\n  overflow: hidden;\r\n}\r\n\r\n.ftor-about-page .ftor-hero-bg-icons {\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0; bottom: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.ftor-about-page .ftor-bg-icon {\r\n  position: absolute;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 64px;\r\n  height: 64px;\r\n  border-radius: 16px;\r\n  background: rgba(255,255,255,0.45);\r\n  color: var(--ftor-primary-dark);\r\n  font-size: 24px;\r\n  font-weight: 800;\r\n  box-shadow: 0 12px 30px rgba(1, 107, 97, 0.05);\r\n  backdrop-filter: blur(4px);\r\n  opacity: 0.7;\r\n}\r\n.ftor-about-page .ftor-bg-icon-1 { top: 18%; left: 12%; transform: rotate(-10deg); }\r\n.ftor-about-page .ftor-bg-icon-2 { bottom: 22%; left: 16%; transform: rotate(12deg); }\r\n.ftor-about-page .ftor-bg-icon-3 { top: 25%; right: 14%; transform: rotate(8deg); }\r\n.ftor-about-page .ftor-bg-icon-4 { bottom: 26%; right: 18%; transform: rotate(-15deg); }\r\n\r\n.ftor-about-page .ftor-hero-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 820px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.ftor-about-page .ftor-badge {\r\n  display: inline-block;\r\n  padding: 8px 16px;\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,0.85);\r\n  border: 1px solid var(--ftor-border);\r\n  color: var(--ftor-primary-dark);\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  margin-bottom: 24px;\r\n  box-shadow: 0 8px 24px rgba(1, 107, 97, 0.06);\r\n}\r\n\r\n.ftor-about-page .ftor-hero-title {\r\n  font-size: clamp(38px, 5.5vw, 62px);\r\n  line-height: 1.05;\r\n  color: var(--ftor-text);\r\n  margin: 0 0 24px;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.ftor-about-page .ftor-hero-subtitle {\r\n  font-size: clamp(17px, 2vw, 19px);\r\n  line-height: 1.65;\r\n  color: var(--ftor-muted);\r\n  margin: 0 0 36px;\r\n}\r\n\r\n.ftor-about-page .ftor-hero-actions {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 16px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n\/* Reusable Buttons *\/\r\n.ftor-about-page .ftor-btn-primary,\r\n.ftor-about-page .ftor-btn-secondary,\r\n.ftor-about-page .ftor-btn-light,\r\n.ftor-about-page .ftor-btn-outline-light {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 14px 28px;\r\n  border-radius: 999px;\r\n  font-weight: 700;\r\n  font-size: 16px;\r\n  text-decoration: none;\r\n  transition: all 0.25s ease;\r\n}\r\n\r\n.ftor-about-page .ftor-btn-primary {\r\n  background: var(--ftor-primary);\r\n  color: #fff;\r\n  box-shadow: 0 12px 28px rgba(1, 107, 97, 0.22);\r\n}\r\n.ftor-about-page .ftor-btn-primary:hover {\r\n  background: var(--ftor-primary-dark);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.ftor-about-page .ftor-btn-secondary {\r\n  background: rgba(255,255,255,0.7);\r\n  color: var(--ftor-primary-dark);\r\n  border: 1px solid var(--ftor-border);\r\n}\r\n.ftor-about-page .ftor-btn-secondary:hover {\r\n  background: #fff;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 10px 24px rgba(1, 107, 97, 0.08);\r\n}\r\n\r\n\/* Focus States *\/\r\n.ftor-about-page a:focus-visible,\r\n.ftor-about-page button:focus-visible {\r\n  outline: 3px solid rgba(112,178,178,0.55);\r\n  outline-offset: 3px;\r\n}\r\n\r\n\/* 2. Mission Section *\/\r\n.ftor-about-page .ftor-mission-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 60px;\r\n  align-items: center;\r\n}\r\n\r\n.ftor-about-page .ftor-mission-card {\r\n  background: var(--ftor-card);\r\n  border: 1px solid var(--ftor-border);\r\n  border-radius: 24px;\r\n  padding: 40px;\r\n  box-shadow: 0 20px 50px rgba(1, 107, 97, 0.08);\r\n}\r\n\r\n.ftor-about-page .ftor-mission-points {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  display: grid;\r\n  gap: 20px;\r\n}\r\n\r\n.ftor-about-page .ftor-mission-points li {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 16px;\r\n  font-size: 17px;\r\n  color: var(--ftor-text);\r\n  font-weight: 600;\r\n}\r\n\r\n.ftor-about-page .ftor-point-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 26px;\r\n  height: 26px;\r\n  background: rgba(112, 178, 178, 0.18);\r\n  color: var(--ftor-primary);\r\n  border-radius: 50%;\r\n  font-size: 13px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* 3. What We Build Section *\/\r\n.ftor-about-page .ftor-bento-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n}\r\n\r\n.ftor-about-page .ftor-bento-card {\r\n  background: rgba(255,255,255,0.85);\r\n  border: 1px solid var(--ftor-border);\r\n  border-radius: 24px;\r\n  padding: 32px;\r\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n.ftor-about-page .ftor-bento-card:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 16px 40px rgba(1, 107, 97, 0.12);\r\n}\r\n\r\n.ftor-about-page .ftor-bento-icon {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 46px;\r\n  height: 46px;\r\n  background: linear-gradient(135deg, var(--ftor-primary), var(--ftor-aqua));\r\n  color: #fff;\r\n  font-size: 20px;\r\n  font-weight: 800;\r\n  border-radius: 14px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.ftor-about-page .ftor-bento-title {\r\n  margin: 0 0 10px;\r\n  font-size: 20px;\r\n  color: var(--ftor-text);\r\n}\r\n\r\n.ftor-about-page .ftor-bento-desc {\r\n  margin: 0;\r\n  color: var(--ftor-muted);\r\n  font-size: 16px;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* 4. Why Fonttor Section *\/\r\n.ftor-about-page .ftor-why-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 60px;\r\n  align-items: center;\r\n}\r\n\r\n.ftor-about-page .ftor-visual-tiles {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 20px;\r\n  background: linear-gradient(135deg, rgba(1,107,97,0.08), rgba(158,207,212,0.25));\r\n  padding: 40px;\r\n  border-radius: 32px;\r\n  border: 1px solid var(--ftor-border);\r\n}\r\n\r\n.ftor-about-page .ftor-vtile {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 140px;\r\n  background: #fff;\r\n  border-radius: 24px;\r\n  font-size: 42px;\r\n  font-weight: 800;\r\n  color: var(--ftor-text);\r\n  box-shadow: 0 14px 30px rgba(1, 107, 97, 0.08);\r\n}\r\n\r\n.ftor-about-page .ftor-vtile-primary {\r\n  background: var(--ftor-primary);\r\n  color: #fff;\r\n  transform: translateY(-10px);\r\n}\r\n\r\n.ftor-about-page .ftor-why-points {\r\n  margin-top: 32px;\r\n  display: grid;\r\n  gap: 16px;\r\n}\r\n\r\n.ftor-about-page .ftor-why-point {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  font-size: 17px;\r\n  font-weight: 600;\r\n  color: var(--ftor-text);\r\n}\r\n\r\n.ftor-about-page .ftor-why-point span {\r\n  color: var(--ftor-secondary);\r\n}\r\n\r\n\/* 5. Who Uses Fonttor Section *\/\r\n.ftor-about-page .ftor-who-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 20px;\r\n}\r\n\r\n.ftor-about-page .ftor-who-card {\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: #fff;\r\n  border: 1px solid var(--ftor-border);\r\n  border-radius: 20px;\r\n  padding: 26px;\r\n  text-align: center;\r\n}\r\n\r\n.ftor-about-page .ftor-who-icon {\r\n  font-size: 30px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.ftor-about-page .ftor-who-title {\r\n  font-size: 18px;\r\n  margin: 0 0 8px;\r\n  color: var(--ftor-text);\r\n}\r\n\r\n.ftor-about-page .ftor-who-desc {\r\n  margin: 0;\r\n  font-size: 15px;\r\n  color: var(--ftor-muted);\r\n}\r\n\r\n\/* 6. Design Principles Section *\/\r\n.ftor-about-page .ftor-principles-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 24px;\r\n}\r\n\r\n.ftor-about-page .ftor-principle-card {\r\n  background: rgba(255,255,255,0.65);\r\n  border: 1px solid var(--ftor-border);\r\n  border-radius: 20px;\r\n  padding: 30px 24px;\r\n  transition: background 0.3s ease;\r\n}\r\n\r\n.ftor-about-page .ftor-principle-card:hover {\r\n  background: #fff;\r\n}\r\n\r\n.ftor-about-page .ftor-principle-title {\r\n  margin: 0 0 10px;\r\n  font-size: 19px;\r\n  color: var(--ftor-primary-dark);\r\n}\r\n\r\n.ftor-about-page .ftor-principle-desc {\r\n  margin: 0;\r\n  font-size: 16px;\r\n  color: var(--ftor-muted);\r\n}\r\n\r\n\/* 7. Trust Strip Section *\/\r\n.ftor-about-page .ftor-trust-logos {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 40px 60px;\r\n}\r\n\r\n.ftor-about-page .ftor-trust-logo {\r\n  height: 34px;\r\n  width: auto;\r\n  opacity: 0.55;\r\n  filter: grayscale(100%);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.ftor-about-page .ftor-trust-logo:hover {\r\n  opacity: 1;\r\n  filter: grayscale(0%);\r\n}\r\n\r\n\/* 8. About SEO Content Section *\/\r\n.ftor-about-page .ftor-seo-wrapper {\r\n  max-width: 820px;\r\n  margin: 0 auto;\r\n  background: #fff;\r\n  border: 1px solid var(--ftor-border);\r\n  border-radius: 26px;\r\n  padding: 48px;\r\n}\r\n\r\n.ftor-about-page .ftor-seo-title {\r\n  font-size: 28px;\r\n  margin: 0 0 20px;\r\n  color: var(--ftor-text);\r\n}\r\n\r\n.ftor-about-page .ftor-seo-subtitle {\r\n  font-size: 20px;\r\n  margin: 30px 0 14px;\r\n  color: var(--ftor-text);\r\n}\r\n\r\n.ftor-about-page .ftor-seo-text {\r\n  font-size: 17px;\r\n  line-height: 1.75;\r\n  color: var(--ftor-muted);\r\n  margin: 0 0 16px;\r\n}\r\n.ftor-about-page .ftor-seo-text:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n\/* 9. CTA Section *\/\r\n.ftor-about-page .ftor-cta-card {\r\n  position: relative;\r\n  text-align: center;\r\n  background: radial-gradient(circle at 82% 20%, rgba(255, 255, 255, 0.28), transparent 24%),\r\n              linear-gradient(135deg, #016B61 0%, #70B2B2 52%, #9ECFD4 100%);\r\n  border-radius: 34px;\r\n  padding: 80px 24px;\r\n  color: #fff;\r\n  box-shadow: 0 24px 60px rgba(1, 107, 97, 0.18);\r\n}\r\n\r\n.ftor-about-page .ftor-cta-pill {\r\n  display: inline-block;\r\n  padding: 8px 16px;\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,0.16);\r\n  border: 1px solid rgba(255,255,255,0.34);\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.ftor-about-page .ftor-cta-title {\r\n  font-size: clamp(32px, 5vw, 48px);\r\n  line-height: 1.1;\r\n  margin: 0 0 18px;\r\n  color: #fff;\r\n}\r\n\r\n.ftor-about-page .ftor-cta-desc {\r\n  font-size: 18px;\r\n  max-width: 620px;\r\n  margin: 0 auto 36px;\r\n  opacity: 0.92;\r\n}\r\n\r\n.ftor-about-page .ftor-cta-actions {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 16px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.ftor-about-page .ftor-btn-light {\r\n  background: #fff;\r\n  color: var(--ftor-primary-dark);\r\n}\r\n.ftor-about-page .ftor-btn-light:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 10px 24px rgba(0,0,0,0.12);\r\n}\r\n\r\n.ftor-about-page .ftor-btn-outline-light {\r\n  background: rgba(255,255,255,0.12);\r\n  color: #fff;\r\n  border: 1px solid rgba(255,255,255,0.5);\r\n}\r\n.ftor-about-page .ftor-btn-outline-light:hover {\r\n  background: rgba(255,255,255,0.22);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* Responsive Overrides *\/\r\n@media (max-width: 991px) {\r\n  .ftor-about-page .ftor-mission-grid,\r\n  .ftor-about-page .ftor-why-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n  }\r\n  \r\n  .ftor-about-page .ftor-bento-grid,\r\n  .ftor-about-page .ftor-who-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n\r\n  .ftor-about-page .ftor-principles-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n  \r\n  .ftor-about-page .ftor-trust-logos {\r\n    gap: 30px 40px;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .ftor-about-page .ftor-section {\r\n    padding: 60px 0;\r\n  }\r\n  \r\n  .ftor-about-page .ftor-about-hero {\r\n    padding: 90px 0 70px;\r\n  }\r\n\r\n  .ftor-about-page .ftor-bento-grid,\r\n  .ftor-about-page .ftor-who-grid,\r\n  .ftor-about-page .ftor-principles-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .ftor-about-page .ftor-hero-actions,\r\n  .ftor-about-page .ftor-cta-actions {\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n  }\r\n\r\n  .ftor-about-page .ftor-btn-primary,\r\n  .ftor-about-page .ftor-btn-secondary,\r\n  .ftor-about-page .ftor-btn-light,\r\n  .ftor-about-page .ftor-btn-outline-light {\r\n    width: 100%;\r\n  }\r\n\r\n  .ftor-about-page .ftor-seo-wrapper {\r\n    padding: 32px 24px;\r\n  }\r\n  \r\n  .ftor-about-page .ftor-visual-tiles {\r\n    padding: 24px;\r\n  }\r\n\r\n  .ftor-about-page .ftor-vtile {\r\n    height: 110px;\r\n    font-size: 34px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .ftor-about-page .ftor-btn-primary,\r\n  .ftor-about-page .ftor-btn-secondary,\r\n  .ftor-about-page .ftor-btn-light,\r\n  .ftor-about-page .ftor-btn-outline-light,\r\n  .ftor-about-page .ftor-bento-card,\r\n  .ftor-about-page .ftor-trust-logo {\r\n    transition: none;\r\n  }\r\n}\r\n<\/style><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\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-5238","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fonttor.com\/wp-json\/wp\/v2\/pages\/5238","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fonttor.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fonttor.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fonttor.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/fonttor.com\/wp-json\/wp\/v2\/comments?post=5238"}],"version-history":[{"count":4,"href":"https:\/\/fonttor.com\/wp-json\/wp\/v2\/pages\/5238\/revisions"}],"predecessor-version":[{"id":5242,"href":"https:\/\/fonttor.com\/wp-json\/wp\/v2\/pages\/5238\/revisions\/5242"}],"wp:attachment":[{"href":"https:\/\/fonttor.com\/wp-json\/wp\/v2\/media?parent=5238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}