{"id":38,"date":"2025-10-23T20:06:50","date_gmt":"2025-10-23T17:06:50","guid":{"rendered":"https:\/\/floworacreativelab.com\/?page_id=38"},"modified":"2026-06-13T13:14:07","modified_gmt":"2026-06-13T10:14:07","slug":"about","status":"publish","type":"page","link":"https:\/\/floworacreativelab.com\/tr\/about\/","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"38\" class=\"elementor elementor-38\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09705c7 e-con-full e-flex e-con e-parent\" data-id=\"09705c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-075a289 elementor-widget elementor-widget-html\" data-id=\"075a289\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     SHARED SKELETON \u2014 both sections use the same grid:\r\n     [ 440px visual column ] [ 72px gap ] [ text column ]\r\n     \u2192 text always starts at the exact same x position\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n  .fab-hero *, .faf-section * { box-sizing: border-box !important; }\r\n\r\n  .fab-hero, .faf-section {\r\n    background: #FFFFFF !important;\r\n    font-family: 'Inter', sans-serif !important;\r\n    -webkit-font-smoothing: antialiased;\r\n    display: grid !important;\r\n    grid-template-columns: 440px 1fr !important;\r\n    gap: 72px !important;\r\n    align-items: center !important;\r\n    padding: 72px 80px !important;\r\n    max-width: 1280px !important;\r\n    margin: 0 auto !important;\r\n  }\r\n\r\n  .fab-hero { padding-top: 88px !important; padding-bottom: 88px !important; }\r\n  .faf-section {\r\n    padding-top: 88px !important; padding-bottom: 96px !important;\r\n    align-items: start !important;\r\n  }\r\n\r\n  .faf-photo-col { margin-top: 0 !important; }\r\n  .faf-text-col  { margin-top: 0 !important; }\r\n\r\n  \/* Shared eyebrow *\/\r\n  .fab-eyebrow, .faf-eyebrow {\r\n    font-size: 11px !important; font-weight: 700 !important;\r\n    text-transform: uppercase !important; letter-spacing: 0.16em !important;\r\n    color: #9F4DFF !important; display: block !important; margin-bottom: 14px !important;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n  .fab-hero-h1 {\r\n    font-family: 'Playfair Display', serif !important;\r\n    font-size: clamp(40px, 4.5vw, 60px) !important;\r\n    font-weight: 700 !important; color: #1C1C1C !important;\r\n    line-height: 1.12 !important; letter-spacing: -0.025em !important;\r\n    margin-bottom: 24px !important;\r\n  }\r\n\r\n  .fab-hero-h1 em { font-style: italic !important; color: #9F4DFF !important; font-weight: 400 !important; }\r\n\r\n  .fab-hero-sub {\r\n    font-size: 17px !important; font-weight: 300 !important;\r\n    color: #71717A !important; line-height: 1.8 !important;\r\n    max-width: 560px !important; margin-bottom: 32px !important;\r\n  }\r\n\r\n  .fab-hero-tags { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; }\r\n\r\n  .fab-hero-tag {\r\n    display: inline-flex !important; align-items: center !important;\r\n    border: none !important; border-radius: 100px !important;\r\n    padding: 9px 20px !important;\r\n    font-size: 12.5px !important; font-weight: 600 !important;\r\n    color: #FFFFFF !important; background: #1C1C1C !important;\r\n    font-family: 'Inter', sans-serif !important; cursor: default !important;\r\n    transition:\r\n      transform 0.45s cubic-bezier(0.34,1.56,0.64,1),\r\n      box-shadow 0.30s ease, background 0.25s ease !important;\r\n  }\r\n\r\n  \/* Hero visual: spark + aura \u2014 centered in 440px column *\/\r\n  .fab-hero-visual {\r\n    position: relative !important;\r\n    display: flex !important; align-items: center !important; justify-content: center !important;\r\n    min-height: 440px !important;\r\n    width: 100% !important;\r\n  }\r\n\r\n  .fab-aura-ring {\r\n    position: absolute !important; border-radius: 50% !important; pointer-events: none !important;\r\n  }\r\n\r\n  .fab-aura-ring-1 {\r\n    width: 240px !important; height: 240px !important;\r\n    background: radial-gradient(circle, rgba(159,77,255,0.30) 0%, rgba(159,77,255,0.16) 50%, transparent 75%) !important;\r\n    filter: blur(14px) !important;\r\n    animation: fab-aura 3.5s ease-in-out infinite !important;\r\n  }\r\n\r\n  .fab-aura-ring-2 {\r\n    width: 360px !important; height: 360px !important;\r\n    background: radial-gradient(circle, rgba(159,77,255,0.16) 0%, rgba(159,77,255,0.08) 55%, transparent 78%) !important;\r\n    filter: blur(24px) !important;\r\n    animation: fab-aura 3.5s ease-in-out infinite 0.6s !important;\r\n  }\r\n\r\n  .fab-aura-ring-3 {\r\n    width: 480px !important; height: 480px !important;\r\n    background: radial-gradient(circle, rgba(159,77,255,0.09) 0%, rgba(159,77,255,0.04) 55%, transparent 80%) !important;\r\n    filter: blur(36px) !important;\r\n    animation: fab-aura 3.5s ease-in-out infinite 1.2s !important;\r\n  }\r\n\r\n  @keyframes fab-aura {\r\n    0%, 100% { transform: scale(1); opacity: 1; }\r\n    50%       { transform: scale(1.12); opacity: 0.65; }\r\n  }\r\n\r\n  .fab-spark-icon {\r\n    position: relative !important; z-index: 2 !important;\r\n    animation: fab-breathe 3.5s ease-in-out infinite !important;\r\n  }\r\n\r\n  @keyframes fab-breathe {\r\n    0%, 100% { transform: scale(1); }\r\n    50%       { transform: scale(1.09); }\r\n  }\r\n\r\n  .fab-spark-img {\r\n    width: 120px !important; height: 120px !important; display: block !important;\r\n    filter:\r\n      drop-shadow(0 4px 12px rgba(68,28,115,0.35))\r\n      drop-shadow(0 0 32px rgba(159,77,255,0.45)) !important;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOUNDER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n  \/* Photo fills the 440px column exactly \u2014 same width as aura zone *\/\r\n  .faf-photo-wrap {\r\n    width: 100% !important;\r\n    aspect-ratio: 4 \/ 4.6 !important;\r\n    border-radius: 22px !important;\r\n    overflow: hidden !important;\r\n    background: #F0EAFF !important;\r\n    position: relative !important;\r\n    box-shadow: 0 24px 72px rgba(159,77,255,0.14) !important;\r\n  }\r\n\r\n  .faf-photo-wrap img {\r\n    width: 100% !important; height: 100% !important;\r\n    object-fit: cover !important; object-position: center top !important;\r\n    display: block !important;\r\n  }\r\n\r\n  .faf-photo-spark {\r\n    position: absolute !important; top: -28px !important; right: -28px !important;\r\n    width: 110px !important; height: 110px !important;\r\n    background: radial-gradient(circle, rgba(159,77,255,0.22) 0%, transparent 70%) !important;\r\n    border-radius: 50% !important; filter: blur(10px) !important;\r\n    pointer-events: none !important; z-index: -1 !important;\r\n  }\r\n\r\n  .faf-photo-col { position: relative !important; }\r\n\r\n  .faf-h2 {\r\n    font-family: 'Playfair Display', serif !important;\r\n    font-size: 44px !important;\r\n    color: #1C1C1C !important;\r\n    letter-spacing: -0.025em !important;\r\n    line-height: 1.15 !important;\r\n    margin-bottom: 28px !important;\r\n  }\r\n\r\n  .faf-h2-light { font-weight: 500 !important; }\r\n\r\n  .faf-h2-bold {\r\n    font-weight: 700 !important;\r\n    font-style: italic !important;\r\n    color: #9F4DFF !important;\r\n  }\r\n\r\n  .faf-body {\r\n    font-size: 16px !important; font-weight: 300 !important;\r\n    color: #3D3D3D !important; line-height: 1.8 !important;\r\n    margin-bottom: 16px !important;\r\n    max-width: 560px !important;\r\n  }\r\n\r\n  .faf-body strong { font-weight: 600 !important; color: #1C1C1C !important; }\r\n\r\n  \/* Signature *\/\r\n  \/* LinkedIn icon \u2014 bottom right inside photo *\/\r\n  .faf-li-icon {\r\n    position: absolute !important;\r\n    bottom: 16px !important; right: 16px !important;\r\n    width: 42px !important; height: 42px !important;\r\n    border-radius: 50% !important;\r\n    background: rgba(159,77,255,0.88) !important;\r\n    backdrop-filter: blur(8px) !important;\r\n    -webkit-backdrop-filter: blur(8px) !important;\r\n    display: flex !important; align-items: center !important; justify-content: center !important;\r\n    color: #FFFFFF !important;\r\n    text-decoration: none !important;\r\n    box-shadow: 0 4px 16px rgba(68,28,115,0.30) !important;\r\n    transition:\r\n      background 0.25s ease,\r\n      transform 0.45s cubic-bezier(0.34,1.56,0.64,1),\r\n      box-shadow 0.25s ease !important;\r\n    z-index: 2 !important;\r\n  }\r\n\r\n  .faf-li-icon svg { width: 18px !important; height: 18px !important; }\r\n\r\n  .faf-li-icon:hover {\r\n    background: #7C14F6 !important;\r\n    transform: scale(1.12) !important;\r\n    box-shadow: 0 6px 24px rgba(159,77,255,0.50) !important;\r\n  }\r\n\r\n  \/* Caption under photo *\/\r\n  .faf-caption {\r\n    margin-top: 18px !important;\r\n  }\r\n\r\n  .faf-sig-name {\r\n    font-family: 'Playfair Display', serif !important;\r\n    font-size: 21px !important; font-weight: 700 !important; font-style: normal !important;\r\n    color: #1C1C1C !important; display: block !important; margin-bottom: 2px !important;\r\n  }\r\n\r\n  .faf-sig-role {\r\n    font-size: 13px !important; font-weight: 400 !important;\r\n    letter-spacing: 0.01em !important; text-transform: none !important;\r\n    color: #71717A !important;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n  @media (max-width: 1100px) {\r\n    .fab-hero, .faf-section {\r\n      grid-template-columns: 360px 1fr !important;\r\n      gap: 48px !important;\r\n      padding-left: 48px !important; padding-right: 48px !important;\r\n    }\r\n    .fab-hero-h1 { font-size: 44px !important; }\r\n    .faf-h2 { font-size: 36px !important; }\r\n    .fab-aura-ring-3 { width: 380px !important; height: 380px !important; }\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .fab-hero, .faf-section {\r\n      grid-template-columns: 1fr !important;\r\n      gap: 44px !important;\r\n      padding-left: 40px !important; padding-right: 40px !important;\r\n    }\r\n    .faf-text-col { margin-top: 0 !important; }\r\n    .faf-photo-col { margin-top: 0 !important; }\r\n    .fab-hero { padding-top: 56px !important; }\r\n    .fab-hero-visual { min-height: 340px !important; order: -1 !important; }\r\n    .faf-photo-wrap { max-width: 400px !important; margin: 0 auto !important; }\r\n    .faf-photo-col { order: -1 !important; }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .fab-hero, .faf-section {\r\n      padding-left: 20px !important; padding-right: 20px !important;\r\n    }\r\n    .fab-hero { padding-top: 44px !important; padding-bottom: 40px !important; }\r\n    .faf-section { padding-top: 40px !important; padding-bottom: 64px !important; }\r\n    .fab-hero-h1 { font-size: 32px !important; }\r\n    .fab-hero-sub { font-size: 15.5px !important; }\r\n    .faf-h2 { font-size: 28px !important; }\r\n    .faf-body { font-size: 15px !important; }\r\n    .fab-aura-ring-3 { width: 300px !important; height: 300px !important; }\r\n    .fab-aura-ring-2 { width: 230px !important; height: 230px !important; }\r\n    .fab-aura-ring-1 { width: 160px !important; height: 160px !important; }\r\n    .fab-spark-img { width: 84px !important; height: 84px !important; }\r\n    .fab-hero-visual { min-height: 280px !important; }\r\n    .faf-photo-wrap { max-width: 100% !important; }\r\n    .faf-photo-spark { display: none !important; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .fab-spark-icon, .fab-aura-ring { animation: none !important; }\r\n    .fab-hero-tag, .faf-li-icon { transition: none !important; }\r\n  }\r\n<\/style>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SECTION 1: HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"fab-hero\">\r\n\r\n  <!-- Visual: spark + aura -->\r\n  <div class=\"fab-hero-visual\">\r\n    <div class=\"fab-aura-ring fab-aura-ring-1\"><\/div>\r\n    <div class=\"fab-aura-ring fab-aura-ring-2\"><\/div>\r\n    <div class=\"fab-aura-ring fab-aura-ring-3\"><\/div>\r\n    <div class=\"fab-spark-icon\" aria-hidden=\"true\">\r\n      <svg class=\"fab-spark-img\" viewBox=\"0 0 658.19 658.19\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <path fill=\"#FFFFFF\" d=\"M658.19,329.09c-181.71,0-329.1,147.4-329.1,329.09,0-181.69-147.39-329.09-329.09-329.09,90.84,0,173.05-36.92,232.75-96.35,59.42-59.69,96.34-141.9,96.34-232.75,0,181.69,147.39,329.09,329.1,329.09Z\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Text -->\r\n  <div class=\"fab-hero-text\">\r\n    <span class=\"fab-eyebrow\">Flowora Creative Lab<\/span>\r\n    <h1 class=\"fab-hero-h1\">\r\n      Design with <em>intention,<\/em><br>precision, and impact.\r\n    <\/h1>\r\n    <p class=\"fab-hero-sub\">\r\n      Flowora Creative Lab is the independent design studio of Deyyan G\u00f6kce, built around strategic brand identities, digital experiences, FDA-compliant label design, and visual systems that help brands feel clear, credible, and ready to grow.\r\n    <\/p>\r\n    <div class=\"fab-hero-tags\">\r\n      <span class=\"fab-hero-tag\">5+ Years Experience<\/span>\r\n      <span class=\"fab-hero-tag\">International Clients<\/span>\r\n      <span class=\"fab-hero-tag\">Print &amp; Hand-Off Ready Delivery<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SECTION 2: WHY FLOWORA EXISTS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"faf-section\" aria-label=\"Why Flowora Exists\">\r\n\r\n  <!-- Photo \u2014 same width as the aura column above -->\r\n  <div class=\"faf-photo-col\">\r\n    <div class=\"faf-photo-spark\"><\/div>\r\n    <div class=\"faf-photo-wrap\">\r\n      <img decoding=\"async\" src=\"https:\/\/floworacreativelab.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-2-Haz-2026-12_56_02.webp\"\r\n           alt=\"Deyyan G\u00f6kce \u2014 Founder of Flowora Creative Lab\">\r\n      <a class=\"faf-li-icon\" href=\"https:\/\/www.linkedin.com\/in\/deyyan-gokce\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Deyyan G\u00f6kce on LinkedIn \u2014 opens in new tab\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <path d=\"M20.45 20.45h-3.56v-5.57c0-1.33-.02-3.04-1.85-3.04-1.85 0-2.14 1.45-2.14 2.94v5.67H9.34V9h3.42v1.56h.05c.48-.9 1.64-1.85 3.37-1.85 3.6 0 4.27 2.37 4.27 5.46v6.28zM5.34 7.43a2.07 2.07 0 1 1 0-4.13 2.07 2.07 0 0 1 0 4.13zM7.12 20.45H3.55V9h3.57v11.45z\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"faf-caption\">\r\n      <span class=\"faf-sig-name\">Deyyan<\/span>\r\n      <span class=\"faf-sig-role\">Founder of Flowora Creative Lab<\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- Text -->\r\n  <div class=\"faf-text-col\">\r\n    <span class=\"faf-eyebrow\">Why Flowora Exists<\/span>\r\n    <h2 class=\"faf-h2\"><span class=\"faf-h2-light\">The thinking behind<\/span><br><span class=\"faf-h2-bold\">the creative lab<\/span><\/h2>\r\n\r\n    <p class=\"faf-body\">\r\n      While studying architecture, I learned that design is never just about aesthetics. When you design a space, you have to think like the person who will live in it. <strong>Without empathy, nothing truly works.<\/strong>\r\n    <\/p>\r\n\r\n    <p class=\"faf-body\">\r\n      Today, I carry the same approach into the brands I work with.\r\n    <\/p>\r\n\r\n    <p class=\"faf-body\">\r\n      When designing a website, I don't think about the client first; I think about the person who will use it. When building a brand identity, I don't follow trends; I consider the brand's long-term structure.\r\n    <\/p>\r\n\r\n    <p class=\"faf-body\">\r\n      Flowora was born from this way of thinking.\r\n    <\/p>\r\n\r\n    <p class=\"faf-body\">\r\n      For me, design means building systems, crafting experiences, and transforming complexity into meaningful order.\r\n    <\/p>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1df68a3 e-con-full e-flex e-con e-parent\" data-id=\"1df68a3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2c7fc2 elementor-widget elementor-widget-html\" data-id=\"d2c7fc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .fabx-wrap * { box-sizing: border-box !important; }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     TEK S\u00dcREKL\u0130 GRADIENT \u2014 beyazdan en koyu mora p\u00fcr\u00fczs\u00fcz ini\u015f.\r\n     5 b\u00f6l\u00fcm bu nehrin i\u00e7inde akar, hi\u00e7bir renk k\u0131r\u0131lmas\u0131 yok:\r\n       Principles \u2192 Quote \u2192 Trust \u2192 Logo Story \u2192 Final CTA\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .fabx-wrap {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    overflow: hidden !important;\r\n    font-family: 'Inter', sans-serif !important;\r\n    -webkit-font-smoothing: antialiased;\r\n    background: linear-gradient(\r\n      180deg,\r\n      #FFFFFF 0%,\r\n      #FAF6FE 5%,\r\n      #F3ECFE 11%,\r\n      #ECE2FB 17%,\r\n      #E4D2F7 24%,\r\n      #D3B6F0 31%,\r\n      #C9A8EC 37%,\r\n      #B48EE2 44%,\r\n      #9B6FD4 52%,\r\n      #8055C0 60%,\r\n      #6E3CA8 68%,\r\n      #5E2E96 76%,\r\n      #4D2280 84%,\r\n      #441C73 89%,\r\n      #341259 94%,\r\n      #25113F 98%,\r\n      #1A0F2E 100%\r\n    ) !important;\r\n  }\r\n\r\n  \/* Full-bleed drifting blobs over the darker lower half *\/\r\n  .fabx-wrap::before {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    left: 0 !important; right: 0 !important;\r\n    top: 40% !important; bottom: 0 !important;\r\n    background:\r\n      radial-gradient(at 18% 55%, rgba(226,201,255,0.10) 0px, transparent 38%),\r\n      radial-gradient(at 82% 40%, rgba(255,255,255,0.06) 0px, transparent 36%),\r\n      radial-gradient(at 50% 85%, rgba(159,77,255,0.12) 0px, transparent 40%) !important;\r\n    background-size: 170% 170% !important;\r\n    animation: fabx-blobs 18s ease-in-out infinite !important;\r\n    pointer-events: none !important; z-index: 0 !important;\r\n  }\r\n\r\n  @keyframes fabx-blobs {\r\n    0%   { background-position: 0% 30%; }\r\n    50%  { background-position: 100% 70%; }\r\n    100% { background-position: 0% 30%; }\r\n  }\r\n\r\n  \/* Shared inner + eyebrow *\/\r\n  .fabx-eyebrow {\r\n    font-size: 11px !important; font-weight: 700 !important;\r\n    text-transform: uppercase !important; letter-spacing: 0.16em !important;\r\n    display: block !important; margin-bottom: 14px !important;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 1. PRINCIPLES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .fapx {\r\n    position: relative !important; z-index: 1 !important;\r\n    padding: 96px 6px 88px !important;\r\n    max-width: 1600px !important; margin: 0 auto !important;\r\n  }\r\n\r\n  .fapx-header { text-align: center !important; margin-bottom: 56px !important; }\r\n\r\n  .fapx-h2 {\r\n    font-family: 'Playfair Display', serif !important;\r\n    font-size: 48px !important; font-weight: 700 !important;\r\n    color: #1C1C1C !important; line-height: 1.1 !important; margin-bottom: 16px !important;\r\n  }\r\n  .fapx-h2 em { font-style: italic !important; color: #9F4DFF !important; font-weight: 700 !important; }\r\n\r\n  .fapx-sub {\r\n    font-size: 16px !important; font-weight: 300 !important;\r\n    color: #71717A !important; line-height: 1.7 !important;\r\n  }\r\n\r\n  .fapx-grid {\r\n    display: grid !important; grid-template-columns: repeat(4, 1fr) !important;\r\n    gap: 16px !important; align-items: stretch !important;\r\n  }\r\n\r\n  .fapx-card {\r\n    position: relative !important; border-radius: 20px !important;\r\n    padding: 20px 20px !important; overflow: hidden !important;\r\n    display: flex !important; flex-direction: column !important;\r\n    background:\r\n      radial-gradient(ellipse 120% 80% at 50% -10%, rgba(159,77,255,0.28) 0%, transparent 55%),\r\n      linear-gradient(160deg, #251B3A 0%, #16101F 55%, #1A1226 100%) !important;\r\n    border: 1px solid rgba(159,77,255,0.22) !important;\r\n    box-shadow: 0 16px 48px rgba(28,16,48,0.35), inset 0 1px 0 rgba(255,255,255,0.07) !important;\r\n    text-align: center !important;\r\n    transition: transform 0.35s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.30s ease, border-color 0.28s ease !important;\r\n  }\r\n\r\n  .fapx-card::before {\r\n    content: '' !important; position: absolute !important;\r\n    top: 0 !important; left: -80% !important; width: 60% !important; height: 100% !important;\r\n    background: linear-gradient(100deg, transparent 0%, rgba(255,255,255,0.05) 50%, transparent 100%) !important;\r\n    transform: skewX(-18deg) !important; transition: left 0.65s ease !important; pointer-events: none !important;\r\n  }\r\n  .fapx-card:hover::before { left: 130% !important; }\r\n\r\n  .fapx-card:hover {\r\n    transform: translateY(-6px) !important; border-color: rgba(159,77,255,0.45) !important;\r\n    box-shadow: 0 24px 64px rgba(28,16,48,0.45), 0 0 32px rgba(159,77,255,0.22), inset 0 1px 0 rgba(255,255,255,0.10) !important;\r\n  }\r\n\r\n  .fapx-card-title {\r\n    font-family: 'Playfair Display', serif !important;\r\n    font-size: 21px !important; font-weight: 700 !important;\r\n    color: #FFFFFF !important; letter-spacing: 0.04em !important;\r\n    white-space: nowrap !important;\r\n    margin-bottom: 14px !important; position: relative !important; z-index: 1 !important;\r\n  }\r\n\r\n  .fapx-card-divider {\r\n    width: 80px !important; height: 2px !important; margin: 0 auto 20px !important;\r\n    background: linear-gradient(90deg, transparent, #9F4DFF, transparent) !important; border-radius: 1px !important;\r\n  }\r\n\r\n  .fapx-card-body {\r\n    font-family: 'Inter', sans-serif !important;\r\n    font-size: 15px !important; font-weight: 300 !important;\r\n    color: rgba(255,255,255,0.78) !important; line-height: 1.8 !important;\r\n    position: relative !important; z-index: 1 !important;\r\n    flex-grow: 1 !important;\r\n    margin-left: auto !important; margin-right: auto !important;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 2. QUOTE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .faqx {\r\n    position: relative !important; z-index: 1 !important;\r\n    padding: 80px 80px 88px !important;\r\n    max-width: 1200px !important; margin: 0 auto !important;\r\n    text-align: center !important;\r\n  }\r\n\r\n  .faqx-rule {\r\n    display: flex !important; align-items: center !important; gap: 16px !important;\r\n    margin-bottom: 40px !important;\r\n  }\r\n  .faqx-rule::before, .faqx-rule::after {\r\n    content: '' !important; flex: 1 !important; height: 1px !important;\r\n    background: rgba(124,20,246,0.18) !important;\r\n  }\r\n  .faqx-rule span {\r\n    font-size: 10px !important; font-weight: 700 !important; letter-spacing: 0.18em !important;\r\n    text-transform: uppercase !important; color: rgba(124,20,246,0.55) !important; white-space: nowrap !important;\r\n  }\r\n\r\n  .faqx-text {\r\n    font-family: 'Playfair Display', serif !important;\r\n    font-size: clamp(26px, 3.4vw, 40px) !important;\r\n    color: #1C1C1C !important;\r\n    line-height: 1.3 !important;\r\n    margin-bottom: 22px !important;\r\n  }\r\n  .faqx-text em { font-style: italic !important; color: #9F4DFF }\r\n\r\n  .faqx-sub {\r\n    font-size: 15px !important; font-weight: 400 !important;\r\n    color: #2E2A38 !important; line-height: 1.7 !important;\r\n    max-width: 480px !important; margin: 0 auto !important;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 3. TRUST \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .fptx {\r\n    position: relative !important; z-index: 1 !important;\r\n    padding: 88px 80px 88px !important;\r\n    display: grid !important; grid-template-columns: 0.9fr 1.1fr !important;\r\n    gap: 72px !important; align-items: center !important;\r\n    max-width: 1280px !important; margin: 0 auto !important;\r\n  }\r\n\r\n  .fptx .fabx-eyebrow {\r\n    color: #FFFFFF !important;\r\n    text-shadow: 0 2px 12px rgba(68,28,115,0.45) !important;\r\n  }\r\n\r\n  .fptx-h2 {\r\n    font-family: 'Playfair Display', serif !important;\r\n    font-size: 44px !important; font-weight: 700 !important;\r\n    color: #FFFFFF !important; letter-spacing: 0.01em !important;\r\n    line-height: 1.15 !important; margin-bottom: 20px !important;\r\n    text-shadow: 0 2px 20px rgba(68,28,115,0.35) !important;\r\n  }\r\n  .fptx-h2 em { font-style: italic !important; color: #EFE0FF !important; font-weight: 700 !important; }\r\n\r\n  .fptx-intro {\r\n    font-size: 16px !important; font-weight: 300 !important;\r\n    color: rgba(255,255,255,0.90) !important; line-height: 1.8 !important;\r\n    margin-bottom: 32px !important; max-width: 420px !important;\r\n    text-shadow: 0 1px 12px rgba(68,28,115,0.30) !important;\r\n  }\r\n\r\n  .fptx-chips {\r\n    display: flex !important; flex-direction: column !important;\r\n    gap: 12px !important; align-items: flex-start !important;\r\n  }\r\n\r\n  .fptx-chip {\r\n    display: inline-flex !important; align-items: center !important; gap: 10px !important;\r\n    background: rgba(255,255,255,0.92) !important;\r\n    border: 1.5px solid rgba(159,77,255,0.20) !important;\r\n    border-radius: 100px !important; padding: 11px 22px !important;\r\n    font-size: 13.5px !important; font-weight: 500 !important;\r\n    color: #1C1C1C !important; font-family: 'Inter', sans-serif !important;\r\n    box-shadow: 0 2px 12px rgba(159,77,255,0.06) !important;\r\n    transition: border-color 0.22s, box-shadow 0.22s, transform 0.35s cubic-bezier(0.34,1.56,0.64,1) !important;\r\n  }\r\n  .fptx-chip:hover {\r\n    border-color: rgba(159,77,255,0.45) !important;\r\n    box-shadow: 0 4px 20px rgba(159,77,255,0.16) !important;\r\n    transform: translateX(4px) !important;\r\n  }\r\n  .fptx-chip svg {\r\n    width: 15px !important; height: 15px !important;\r\n    stroke: #9F4DFF !important; fill: none !important;\r\n    stroke-width: 2 !important; stroke-linecap: round !important; stroke-linejoin: round !important;\r\n    flex-shrink: 0 !important;\r\n  }\r\n\r\n  .fptx-card {\r\n    position: relative !important; border-radius: 24px !important;\r\n    padding: 48px 44px 40px !important; overflow: hidden !important;\r\n    background:\r\n      radial-gradient(ellipse 120% 80% at 50% -10%, rgba(159,77,255,0.26) 0%, transparent 55%),\r\n      linear-gradient(160deg, #251B3A 0%, #16101F 55%, #1A1226 100%) !important;\r\n    border: 1px solid rgba(159,77,255,0.24) !important;\r\n    box-shadow: 0 24px 64px rgba(28,16,48,0.30), inset 0 1px 0 rgba(255,255,255,0.07) !important;\r\n  }\r\n\r\n  .fptx-quote-mark {\r\n    font-family: 'Playfair Display', serif !important;\r\n    font-size: 120px !important; font-weight: 700 !important;\r\n    line-height: 0.7 !important; color: #9F4DFF !important; opacity: 0.22 !important;\r\n    position: absolute !important; top: 30px !important; right: 36px !important;\r\n    user-select: none !important; pointer-events: none !important;\r\n  }\r\n\r\n  .fptx-tag {\r\n    display: inline-flex !important; align-items: center !important;\r\n    background: rgba(159,77,255,0.16) !important;\r\n    border: 1px solid rgba(159,77,255,0.35) !important;\r\n    border-radius: 100px !important; padding: 6px 16px !important;\r\n    font-size: 11px !important; font-weight: 700 !important;\r\n    text-transform: uppercase !important; letter-spacing: 0.12em !important;\r\n    color: #E2C9FF !important; margin-bottom: 26px !important;\r\n    font-family: 'Inter', sans-serif !important;\r\n    position: relative !important; z-index: 1 !important;\r\n  }\r\n\r\n  .fptx-quote {\r\n    position: relative !important; z-index: 1 !important;\r\n    margin: 0 0 32px 0 !important; padding: 0 !important; border: none !important;\r\n  }\r\n  .fptx-quote-lead {\r\n    display: block !important;\r\n    font-family: 'Playfair Display', serif !important;\r\n    font-size: 23px !important; font-weight: 700 !important;\r\n    color: #FFFFFF !important; line-height: 1.45 !important; margin-bottom: 16px !important;\r\n    letter-spacing: 0.02em !important;\r\n  }\r\n  .fptx-quote-body {\r\n    display: block !important;\r\n    font-family: 'Inter', sans-serif !important;\r\n    font-size: 16px !important; font-weight: 300 !important;\r\n    color: rgba(255,255,255,0.75) !important; line-height: 1.85 !important;\r\n  }\r\n\r\n  .fptx-author {\r\n    display: flex !important; align-items: center !important; gap: 14px !important;\r\n    position: relative !important; z-index: 1 !important;\r\n  }\r\n  .fptx-avatar {\r\n    width: 48px !important; height: 48px !important; border-radius: 50% !important;\r\n    background: linear-gradient(135deg, #9F4DFF, #441C73) !important;\r\n    display: flex !important; align-items: center !important; justify-content: center !important;\r\n    font-size: 15px !important; font-weight: 700 !important; color: #FFFFFF !important;\r\n    flex-shrink: 0 !important; letter-spacing: 0.04em !important;\r\n    font-family: 'Inter', sans-serif !important;\r\n  }\r\n  .fptx-author-name {\r\n    font-size: 15px !important; font-weight: 700 !important;\r\n    color: #FFFFFF !important; display: block !important; margin-bottom: 2px !important;\r\n    font-family: 'Inter', sans-serif !important;\r\n  }\r\n  .fptx-author-role {\r\n    font-size: 13px !important; font-weight: 300 !important;\r\n    color: rgba(255,255,255,0.50) !important; font-family: 'Inter', sans-serif !important;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 4. LOGO STORY \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .flsx {\r\n    position: relative !important; z-index: 1 !important;\r\n    padding: 88px 80px 104px !important;\r\n    display: grid !important; grid-template-columns: 0.9fr 1.1fr !important;\r\n    gap: 72px !important; align-items: start !important;\r\n    max-width: 1280px !important; margin: 0 auto !important;\r\n  }\r\n\r\n  \/* push logo block down so its baseline aligns near the right column body *\/\r\n  .flsx-visual { padding-top: 60px !important; }\r\n\r\n  .flsx-visual { text-align: center !important; position: relative !important; z-index: 1 !important; }\r\n\r\n  .flsx-glow {\r\n    position: absolute !important; top: 50% !important; left: 50% !important;\r\n    transform: translate(-50%, -50%) !important;\r\n    width: 340px !important; height: 340px !important;\r\n    background: radial-gradient(circle, rgba(226,201,255,0.16) 0%, transparent 70%) !important;\r\n    border-radius: 50% !important; pointer-events: none !important;\r\n    animation: flsx-glow-pulse 5s ease-in-out infinite !important;\r\n  }\r\n  @keyframes flsx-glow-pulse {\r\n    0%, 100% { transform: translate(-50%,-50%) scale(1); opacity: 0.85; }\r\n    50%       { transform: translate(-50%,-50%) scale(1.1); opacity: 1; }\r\n  }\r\n\r\n  .flsx-img {\r\n    position: relative !important; z-index: 1 !important;\r\n    width: 100% !important; max-width: 300px !important; height: auto !important;\r\n    margin: 0 auto 24px !important; display: block !important; opacity: 1 !important;\r\n    filter: drop-shadow(0 12px 40px rgba(0,0,0,0.35)) !important;\r\n  }\r\n\r\n  .flsx-tagline {\r\n    font-family: 'Playfair Display', serif !important;\r\n    font-style: normal !important; font-size: 22px !important; font-weight: 500 !important;\r\n    color: #FFFFFF !important; letter-spacing: 0.05em !important; line-height: 1.5 !important;\r\n    position: relative !important; z-index: 1 !important;\r\n  }\r\n\r\n  .flsx-text { position: relative !important; z-index: 1 !important; }\r\n  .flsx-text .fabx-eyebrow { color: #E2C9FF !important; }\r\n\r\n  .flsx-h2 {\r\n    font-family: 'Playfair Display', serif !important;\r\n    font-size: 38px !important; font-weight: 700 !important;\r\n    color: #FFFFFF !important; letter-spacing: 0.01em !important;\r\n    line-height: 1.25 !important; margin-bottom: 28px !important;\r\n  }\r\n  .flsx-h2 em { font-style: italic !important; color: #E2C9FF !important; font-weight: 400 !important; }\r\n\r\n  .flsx-body {\r\n    font-family: 'Inter', sans-serif !important;\r\n    font-size: 15px !important; font-weight: 300 !important;\r\n    color: rgba(255,255,255,0.78) !important; line-height: 1.85 !important; margin-bottom: 18px !important;\r\n  }\r\n  .flsx-body strong { font-weight: 500 !important; color: rgba(255,255,255,0.94) !important; }\r\n\r\n  .flsx-final {\r\n    font-family: 'Playfair Display', serif !important;\r\n    font-style: italic !important; font-size: 26px !important; font-weight: 400 !important;\r\n    color: #E2C9FF !important; letter-spacing: 0.01em !important; line-height: 1.4 !important;\r\n    margin-top: 32px !important;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 5. FINAL CTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .facx {\r\n    position: relative !important; z-index: 1 !important;\r\n    padding: 80px 80px 120px !important;\r\n    max-width: 1280px !important; margin: 0 auto !important;\r\n    text-align: center !important;\r\n  }\r\n\r\n  .facx-inner {\r\n    max-width: 760px !important; margin: 0 auto !important;\r\n    display: flex !important; flex-direction: column !important; align-items: center !important;\r\n  }\r\n\r\n  \/* Spark flanked by horizontal lines (mirrors philosophy rule) *\/\r\n  .facx-spark-row {\r\n    display: flex !important; align-items: center !important;\r\n    gap: 22px !important; width: 100% !important; max-width: 420px !important;\r\n    margin-bottom: 28px !important;\r\n  }\r\n  .facx-spark-row::before, .facx-spark-row::after {\r\n    content: '' !important; flex: 1 !important; height: 1px !important;\r\n    background: rgba(226,201,255,0.30) !important;\r\n  }\r\n\r\n  .facx-spark {\r\n    width: 40px !important; height: 40px !important; flex-shrink: 0 !important;\r\n    filter: drop-shadow(0 0 20px rgba(159,77,255,0.6)) !important;\r\n    animation: facx-breathe 4s ease-in-out infinite !important;\r\n  }\r\n  @keyframes facx-breathe {\r\n    0%, 100% { transform: scale(1); opacity: 0.9; }\r\n    50%       { transform: scale(1.12); opacity: 1; }\r\n  }\r\n\r\n  .facx .fabx-eyebrow {\r\n    color: #C4A8FF !important; letter-spacing: 0.18em !important; margin-bottom: 22px !important;\r\n  }\r\n\r\n  .facx-h2 {\r\n    font-family: 'Playfair Display', serif !important;\r\n    font-size: 52px !important; font-weight: 700 !important;\r\n    color: #FFFFFF !important; letter-spacing: -0.02em !important;\r\n    line-height: 1.12 !important; margin-bottom: 28px !important;\r\n  }\r\n  .facx-h2 em { font-style: italic !important; color: #E2C9FF !important; font-weight: 400 !important; }\r\n\r\n  .facx-body {\r\n    font-family: 'Playfair Display', serif !important;\r\n    font-size: 22px !important; font-weight: 400 !important;\r\n    color: rgba(255,255,255,0.82) !important; line-height: 1.6 !important;\r\n    margin-bottom: 14px !important; max-width: 560px !important;\r\n  }\r\n\r\n  .facx-body-accent {\r\n    font-family: 'Playfair Display', serif !important;\r\n    font-style: normal !important; font-size: 24px !important; font-weight: 600 !important;\r\n    color: #FFFFFF !important; line-height: 1.5 !important; margin-bottom: 44px !important;\r\n  }\r\n\r\n  .facx-cta {\r\n    display: inline-flex !important; align-items: center !important; gap: 10px !important;\r\n    background: #FFFFFF !important; color: #1A0F2E !important;\r\n    font-family: 'Inter', sans-serif !important;\r\n    font-size: 15.5px !important; font-weight: 700 !important;\r\n    padding: 17px 40px !important; border-radius: 100px !important;\r\n    text-decoration: none !important; letter-spacing: 0.01em !important;\r\n    box-shadow: 0 8px 32px rgba(159,77,255,0.30) !important;\r\n    transition: background 0.25s ease, color 0.25s ease, box-shadow 0.30s ease, transform 0.50s cubic-bezier(0.34,1.56,0.64,1) !important;\r\n  }\r\n  .facx-cta svg {\r\n    width: 17px !important; height: 17px !important;\r\n    stroke: currentColor !important; fill: none !important;\r\n    stroke-width: 2 !important; stroke-linecap: round !important; stroke-linejoin: round !important;\r\n    transition: transform 0.3s ease !important;\r\n  }\r\n  .facx-cta:hover {\r\n    background: #9F4DFF !important; color: #FFFFFF !important;\r\n    box-shadow: 0 12px 44px rgba(159,77,255,0.55) !important; transform: scale(1.05) !important;\r\n  }\r\n  .facx-cta:hover svg { transform: translateX(4px) !important; }\r\n\r\n  .facx-note {\r\n    margin-top: 18px !important; font-size: 13px !important; font-weight: 300 !important;\r\n    color: rgba(255,255,255,0.40) !important; font-style: italic !important;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  @media (max-width: 1100px) {\r\n    .fapx { padding: 80px 48px 72px !important; }\r\n    .fapx-grid { grid-template-columns: repeat(2, 1fr) !important; }\r\n    .fapx-h2 { font-size: 40px !important; }\r\n    .fptx, .flsx { padding-left: 48px !important; padding-right: 48px !important; gap: 48px !important; }\r\n    .facx { padding-left: 48px !important; padding-right: 48px !important; }\r\n    .fptx-h2 { font-size: 36px !important; }\r\n    .flsx-h2 { font-size: 32px !important; }\r\n    .facx-h2 { font-size: 42px !important; }\r\n    .faqx { padding-left: 48px !important; padding-right: 48px !important; }\r\n  }\r\n\r\n  @media (max-width: 880px) {\r\n    .fptx, .flsx { grid-template-columns: 1fr !important; gap: 44px !important; }\r\n    .fptx-intro { max-width: none !important; }\r\n    .fptx-chips { flex-direction: row !important; flex-wrap: wrap !important; }\r\n    .fptx-chip:hover { transform: translateY(-2px) !important; }\r\n    .flsx { text-align: center !important; }\r\n    .flsx-final { text-align: left !important; max-width: 520px !important; margin-left: auto !important; margin-right: auto !important; }\r\n  }\r\n\r\n  \/* Principles \u2192 horizontal scroll on mobile *\/\r\n  @media (max-width: 700px) {\r\n    .fapx { padding: 64px 0 64px !important; }\r\n    .fapx-header { padding: 0 20px !important; margin-bottom: 40px !important; }\r\n    .fapx-h2 { font-size: 32px !important; }\r\n    .fapx-sub { font-size: 14.5px !important; }\r\n    .fapx-grid {\r\n      display: flex !important; overflow-x: auto !important;\r\n      gap: 14px !important; padding: 48px 0 64px !important; margin: -32px 0 -40px !important;\r\n      scroll-snap-type: x mandatory !important; scroll-padding-left: 20px !important;\r\n      -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important;\r\n    }\r\n    .fapx-grid::-webkit-scrollbar { display: none !important; }\r\n    .fapx-grid::before, .fapx-grid::after { content: '' !important; flex: 0 0 20px !important; }\r\n    .fapx-card { flex: 0 0 270px !important; scroll-snap-align: start !important; padding: 32px 26px !important; }\r\n    .fapx-card-title { font-size: 20px !important; }\r\n    .fapx-card-body { font-size: 13.5px !important; }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .faqx { padding: 56px 20px 64px !important; }\r\n    .fptx { padding: 56px 20px !important; }\r\n    .flsx { padding: 56px 20px 72px !important; }\r\n    .facx { padding: 64px 20px 80px !important; }\r\n    .fptx-h2 { font-size: 30px !important; }\r\n    .fptx-intro { font-size: 15px !important; }\r\n    .fptx-card { padding: 36px 26px 32px !important; border-radius: 20px !important; }\r\n    .fptx-quote-lead { font-size: 17px !important; }\r\n    .fptx-quote-body { font-size: 14px !important; }\r\n    .fptx-quote-mark { font-size: 88px !important; top: 22px !important; right: 22px !important; }\r\n    .fptx-chip { font-size: 12.5px !important; padding: 9px 16px !important; }\r\n    .flsx-h2 { font-size: 27px !important; }\r\n    .flsx-body { font-size: 14.5px !important; }\r\n    .flsx-img { max-width: 200px !important; }\r\n    .flsx-final { font-size: 17px !important; padding-left: 18px !important; }\r\n    .facx-h2 { font-size: 32px !important; }\r\n    .facx-body { font-size: 18px !important; }\r\n    .facx-body-accent { font-size: 20px !important; margin-bottom: 36px !important; }\r\n    .facx-cta { font-size: 14.5px !important; padding: 15px 32px !important; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .fabx-wrap::before, .fapx-card, .fapx-card::before,\r\n    .flsx-glow, .facx-spark, .facx-cta, .fptx-chip { animation: none !important; transition: none !important; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"fabx-wrap\">\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 1. PRINCIPLES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"fapx\" aria-label=\"Our Principles\">\r\n    <div class=\"fapx-header\">\r\n      <h2 class=\"fapx-h2\">Our <em>Principles<\/em><\/h2>\r\n      <p class=\"fapx-sub\">At Flowora, design begins with purpose. Four commitments guide every project:<\/p>\r\n    <\/div>\r\n    <div class=\"fapx-grid\">\r\n      <div class=\"fapx-card\">\r\n        <h3 class=\"fapx-card-title\">Strategic Clarity<\/h3>\r\n        <div class=\"fapx-card-divider\" aria-hidden=\"true\"><\/div>\r\n        <p class=\"fapx-card-body\">Clear direction before decoration. Every visual choice is built around your goals, audience, and brand positioning.<\/p>\r\n      <\/div>\r\n      <div class=\"fapx-card\">\r\n        <h3 class=\"fapx-card-title\">Functional Beauty<\/h3>\r\n        <div class=\"fapx-card-divider\" aria-hidden=\"true\"><\/div>\r\n        <p class=\"fapx-card-body\">Design should look refined and work effortlessly. We balance aesthetics with usability, structure, and purpose.<\/p>\r\n      <\/div>\r\n      <div class=\"fapx-card\">\r\n        <h3 class=\"fapx-card-title\">Detail-Driven<\/h3>\r\n        <div class=\"fapx-card-divider\" aria-hidden=\"true\"><\/div>\r\n        <p class=\"fapx-card-body\">Every pixel, margin, file, and finish matters. The details are where premium work becomes visible.<\/p>\r\n      <\/div>\r\n      <div class=\"fapx-card\">\r\n        <h3 class=\"fapx-card-title\">Long-Term Systems<\/h3>\r\n        <div class=\"fapx-card-divider\" aria-hidden=\"true\"><\/div>\r\n        <p class=\"fapx-card-body\">We design visual systems that can evolve with your brand, not assets that expire after launch.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 2. QUOTE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"faqx\" aria-label=\"Philosophy\">\r\n    <div class=\"faqx-rule\"><span>Philosophy<\/span><\/div>\r\n    <h2 class=\"faqx-text\">Not everyone hears the same rhythm. And that's exactly why we <em>design differently.<\/em><\/h2>\r\n    <p class=\"faqx-sub\">Flowora believes design is a language not everyone speaks, but the right brands feel instantly.<\/p>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 3. TRUST \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"fptx\" aria-label=\"Professional Trust\">\r\n    <div class=\"fptx-left\">\r\n      <span class=\"fabx-eyebrow\">Professional Credibility<\/span>\r\n      <h2 class=\"fptx-h2\">Professional trust,<br><em>beyond the visuals<\/em><\/h2>\r\n      <p class=\"fptx-intro\">Flowora's work is shaped not only by design skills, but also by teaching, mentoring, coordination, and problem-solving experience.<\/p>\r\n      <div class=\"fptx-chips\" role=\"list\" aria-label=\"Professional strengths\">\r\n        <span class=\"fptx-chip\" role=\"listitem\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg>\r\n          UX\/UI Mentoring\r\n        <\/span>\r\n        <span class=\"fptx-chip\" role=\"listitem\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n          Team Coordination\r\n        <\/span>\r\n        <span class=\"fptx-chip\" role=\"listitem\">\r\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>\r\n          Solution-Oriented Support\r\n        <\/span>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"fptx-card\">\r\n      <div class=\"fptx-quote-mark\" aria-hidden=\"true\">&ldquo;<\/div>\r\n      <span class=\"fptx-tag\">UX\/UI Mentoring<\/span>\r\n      <blockquote class=\"fptx-quote\">\r\n        <span class=\"fptx-quote-lead\">Deyyan consistently proved to be a reliable and dependable member of the team.<\/span>\r\n        <span class=\"fptx-quote-body\">What stands out most is her exceptional creativity and solution-oriented mindset. Whether supporting students, coordinating with instructors, or handling unexpected situations, she remains proactive, resourceful, and focused on finding effective solutions. She brings positive energy, professionalism, and initiative to everything she does. I would gladly recommend her to any team looking for a creative, committed, and highly dependable professional.<\/span>\r\n      <\/blockquote>\r\n      <div class=\"fptx-author\">\r\n        <div class=\"fptx-avatar\" aria-hidden=\"true\">ZC<\/div>\r\n        <div>\r\n          <span class=\"fptx-author-name\">Zeynep C.<\/span>\r\n          <span class=\"fptx-author-role\">Program Manager, Ironhack<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 4. LOGO STORY \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"flsx\" aria-label=\"The Logo Story\">\r\n    <div class=\"flsx-visual\">\r\n      <div class=\"flsx-glow\" aria-hidden=\"true\"><\/div>\r\n      <img decoding=\"async\" class=\"flsx-img\"\r\n           src=\"https:\/\/floworacreativelab.com\/wp-content\/uploads\/2026\/02\/logo-white@2x.webp\"\r\n           alt=\"Flowora Creative Lab logo\">\r\n      <p class=\"flsx-tagline\">Designed in flow.<br>Defined by aura.<\/p>\r\n    <\/div>\r\n    <div class=\"flsx-text\">\r\n      <span class=\"fabx-eyebrow\">The Logo Story<\/span>\r\n      <h2 class=\"flsx-h2\">A space for experimentation,<br><em>transformation, and discovery;<\/em><\/h2>\r\n      <p class=\"flsx-body\">The \"Creative Lab\" in Flowora is not just an aesthetic choice. It represents a way of thinking. A laboratory is a space for experimentation, transformation, and discovery; where ideas are tested, reshaped, and allowed to evolve. <strong>The flask in the logo symbolizes that process: not the final result, but the beginning of one.<\/strong><\/p>\r\n      <p class=\"flsx-body\">The movement inside the flask represents the moment an idea is first born. It is not fully defined yet, but something has already started to change. The spark marks the point where uncertainty turns into clarity, and a concept begins to find its own light.<\/p>\r\n      <p class=\"flsx-body\">The name Flowora comes from \"flow\" and \"aura.\" Flow represents the natural movement of the creative process; aura reflects the unique energy every person and every brand carries.<\/p>\r\n      <p class=\"flsx-final\">Flowora is the moment an idea enters its flow and discovers its own aura.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 5. FINAL CTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"facx\" aria-label=\"For Brands Built With Depth\">\r\n    <div class=\"facx-inner\">\r\n      <div class=\"facx-spark-row\" aria-hidden=\"true\">\r\n        <svg class=\"facx-spark\" viewBox=\"0 0 658.19 658.19\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <path fill=\"#FFFFFF\" d=\"M658.19,329.09c-181.71,0-329.1,147.4-329.1,329.09,0-181.69-147.39-329.09-329.09-329.09,90.84,0,173.05-36.92,232.75-96.35,59.42-59.69,96.34-141.9,96.34-232.75,0,181.69,147.39,329.09,329.1,329.09Z\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <span class=\"fabx-eyebrow\">For Brands Built With Depth<\/span>\r\n      <h2 class=\"facx-h2\">Some brands are made<br>to be <em>noticed.<\/em><\/h2>\r\n      <p class=\"facx-body\">Others are made to be remembered.<\/p>\r\n      <p class=\"facx-body-accent\">Flowora is for the second kind.<\/p>\r\n      <a class=\"facx-cta\" href=\"https:\/\/floworacreativelab.com\/book-a-call\/\">\r\n        Book a Discovery Call\r\n        <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n      <\/a>\r\n      <span class=\"facx-note\">Free 30-minute conversation. No commitment.<\/span>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Flowora Creative Lab Design with intention,precision, and impact. Flowora Creative Lab is the independent design studio of Deyyan G\u00f6kce, built around strategic brand identities, digital experiences, FDA-compliant label design, and visual systems that help brands feel clear, credible, and ready to grow. 5+ Years Experience International Clients Print &amp; Hand-Off Ready Delivery Deyyan Founder of [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-38","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/floworacreativelab.com\/tr\/wp-json\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/floworacreativelab.com\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/floworacreativelab.com\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/floworacreativelab.com\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/floworacreativelab.com\/tr\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":5,"href":"https:\/\/floworacreativelab.com\/tr\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":5754,"href":"https:\/\/floworacreativelab.com\/tr\/wp-json\/wp\/v2\/pages\/38\/revisions\/5754"}],"wp:attachment":[{"href":"https:\/\/floworacreativelab.com\/tr\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}