{"id":7,"date":"2026-07-09T14:53:28","date_gmt":"2026-07-09T14:53:28","guid":{"rendered":"https:\/\/thesignificantplate.com\/?page_id=7"},"modified":"2026-07-10T12:19:28","modified_gmt":"2026-07-10T12:19:28","slug":"home","status":"publish","type":"page","link":"https:\/\/thesignificantplate.com\/?page_id=7","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e944c2f e-con-full e-flex e-con e-parent\" data-id=\"e944c2f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc1b0be elementor-widget elementor-widget-html\" data-id=\"fc1b0be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================\r\n     SHARED GSAP + ScrollTrigger LOADER \u2014 loads once for the whole page.\r\n================================================================ -->\r\n<script>\r\n  (function(){\r\n    function loadScript(src, cb){\r\n      var s = document.createElement('script');\r\n      s.src = src; s.onload = cb; s.onerror = cb;\r\n      document.head.appendChild(s);\r\n    }\r\n    function afterGsap(cb){\r\n      if (typeof window.ScrollTrigger !== 'undefined') { cb(); return; }\r\n      loadScript('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js', cb);\r\n    }\r\n    window.__tspEnsureGSAP = function(cb){\r\n      if (typeof window.gsap === 'undefined') {\r\n        loadScript('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js', function(){ afterGsap(cb); });\r\n      } else {\r\n        afterGsap(cb);\r\n      }\r\n    };\r\n    window.__tspEnsureGSAP(function(){\r\n      if (window.__tspxAfterGsap) window.__tspxAfterGsap();\r\n      if (window.__tspyAfterGsap) window.__tspyAfterGsap();\r\n    });\r\n  })();\r\n<\/script>\r\n\r\n<!-- ================================================================\r\n     THE SIGNIFICANT PLATE \u2014 Site Header \/ Navigation\r\n     Paste as its own Elementor HTML widget, placed ABOVE everything\r\n     else (including the founders hero) \u2014 this is the very top of the page.\r\n================================================================ -->\r\n\r\n<div id=\"tsph-root\">\r\n  <header class=\"tsph-header\" id=\"tsphHeader\">\r\n    <div class=\"tsph-container\">\r\n      <a href=\"\/\" class=\"tsph-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/thesignificantplate.com\/wp-content\/uploads\/2026\/07\/the-significant-plate-logo-nutrition-balance-wellness.png\" alt=\"The Significant Plate\">\r\n      <\/a>\r\n\r\n      <nav class=\"tsph-nav\" id=\"tsphNav\">\r\n        <a href=\"#tspxWhy\">Why Us<\/a>\r\n        <a href=\"#tspxRoadmap\">How It Works<\/a>\r\n        <a href=\"#tspzSignature\">Programs<\/a>\r\n        <a href=\"#tspeExperts\">Our Experts<\/a>\r\n        <a href=\"#tspyFaq\">FAQ<\/a>\r\n      <\/nav>\r\n\r\n      <div class=\"tsph-actions\">\r\n        <button class=\"tsph-btn-cta\" type=\"button\"><span>Book Free Consultation<\/span><\/button>\r\n        <button class=\"tsph-menu-toggle\" id=\"tsphMenuToggle\" aria-label=\"Open menu\" aria-expanded=\"false\">\r\n          <span><\/span><span><\/span><span><\/span>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/header>\r\n<\/div>\r\n\r\n<style>\r\n  #tsph-root{\r\n    --tsph-primary:#0057D9;\r\n    --tsph-orange:#F57C00;\r\n    --tsph-text:#1B2A41;\r\n    font-family:'Inter',sans-serif;\r\n  }\r\n  #tsph-root *{ box-sizing:border-box; }\r\n\r\n  #tsph-root .tsph-header{\r\n    position:sticky; top:0; z-index:9998;\r\n    background:rgba(255,255,255,0.85);\r\n    -webkit-backdrop-filter: blur(14px);\r\n    backdrop-filter: blur(14px);\r\n    border-bottom:1px solid rgba(27,42,65,0.08);\r\n    transition: box-shadow .3s ease;\r\n  }\r\n  #tsph-root .tsph-header.tsph-scrolled{ box-shadow:0 8px 24px -12px rgba(27,42,65,0.18); }\r\n\r\n  #tsph-root .tsph-container{\r\n    max-width:1280px; margin:0 auto; padding:12px 24px;\r\n    display:flex; align-items:center; justify-content:space-between; gap:24px;\r\n  }\r\n\r\n  #tsph-root .tsph-logo{ display:flex; align-items:center; flex:0 0 auto; }\r\n  #tsph-root .tsph-logo img{ height:52px; width:auto; display:block; }\r\n\r\n  #tsph-root .tsph-nav{ display:flex; align-items:center; gap:28px; flex:1; justify-content:center; }\r\n  #tsph-root .tsph-nav a{\r\n    text-decoration:none; color:var(--tsph-text); font-size:14px; font-weight:600;\r\n    position:relative; padding:4px 0;\r\n  }\r\n  #tsph-root .tsph-nav a::after{\r\n    content:''; position:absolute; left:0; bottom:0; width:0; height:2px;\r\n    background:linear-gradient(90deg, var(--tsph-primary), var(--tsph-orange));\r\n    transition: width .3s ease;\r\n  }\r\n  #tsph-root .tsph-nav a:hover::after{ width:100%; }\r\n\r\n  #tsph-root .tsph-actions{ display:flex; align-items:center; gap:14px; flex:0 0 auto; }\r\n  #tsph-root .tsph-btn-cta{\r\n    border:none; cursor:pointer; border-radius:999px; padding:11px 22px;\r\n    font-weight:600; font-size:13.5px; color:#fff;\r\n    background:linear-gradient(135deg, var(--tsph-orange) 0%, #D96A00 100%);\r\n    box-shadow:0 8px 18px rgba(245,124,0,0.3);\r\n    transition: transform .3s ease, box-shadow .3s ease;\r\n  }\r\n  #tsph-root .tsph-btn-cta:hover{ transform:translateY(-2px); box-shadow:0 12px 24px rgba(245,124,0,0.38); }\r\n\r\n  #tsph-root .tsph-menu-toggle{\r\n    display:none; flex-direction:column; justify-content:center; gap:5px;\r\n    width:36px; height:36px; border:none; background:none; cursor:pointer; padding:0;\r\n  }\r\n  #tsph-root .tsph-menu-toggle span{ display:block; width:100%; height:2px; background:var(--tsph-text); border-radius:2px; transition: transform .3s ease, opacity .3s ease; }\r\n  #tsph-root .tsph-menu-toggle.is-open span:nth-child(1){ transform:translateY(7px) rotate(45deg); }\r\n  #tsph-root .tsph-menu-toggle.is-open span:nth-child(2){ opacity:0; }\r\n  #tsph-root .tsph-menu-toggle.is-open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }\r\n\r\n  @media (max-width: 900px){\r\n    #tsph-root .tsph-nav{\r\n      position:fixed; top:66px; left:0; right:0; z-index:9997;\r\n      flex-direction:column; align-items:flex-start; gap:0;\r\n      background:#fff; border-bottom:1px solid rgba(27,42,65,0.08);\r\n      max-height:0; overflow:hidden; transition: max-height .35s ease;\r\n    }\r\n    #tsph-root .tsph-nav.is-open{ max-height:400px; }\r\n    #tsph-root .tsph-nav a{ width:100%; padding:16px 24px; border-bottom:1px solid rgba(27,42,65,0.06); }\r\n    #tsph-root .tsph-nav a::after{ display:none; }\r\n    #tsph-root .tsph-btn-cta{ display:none; }\r\n    #tsph-root .tsph-menu-toggle{ display:flex; }\r\n    #tsph-root .tsph-logo img{ height:42px; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var root = document.getElementById('tsph-root');\r\n  if (!root) return;\r\n  var header = root.querySelector('#tsphHeader');\r\n  var nav = root.querySelector('#tsphNav');\r\n  var toggle = root.querySelector('#tsphMenuToggle');\r\n\r\n  toggle.addEventListener('click', function(){\r\n    var open = nav.classList.toggle('is-open');\r\n    toggle.classList.toggle('is-open', open);\r\n    toggle.setAttribute('aria-expanded', open ? 'true' : 'false');\r\n  });\r\n\r\n  nav.querySelectorAll('a').forEach(function(link){\r\n    link.addEventListener('click', function(){\r\n      nav.classList.remove('is-open');\r\n      toggle.classList.remove('is-open');\r\n      toggle.setAttribute('aria-expanded', 'false');\r\n    });\r\n  });\r\n\r\n  window.addEventListener('scroll', function(){\r\n    header.classList.toggle('tsph-scrolled', window.scrollY > 8);\r\n  }, { passive:true });\r\n})();\r\n<\/script>\r\n\r\n\r\n<!-- ================================================================\r\n     THE SIGNIFICANT PLATE \u2014 Section 1: Founders Hero\r\n     Paste as its own Elementor HTML widget, ABOVE your existing\r\n     food-animation section (which is now Section 2).\r\n\r\n     Uses your real team portrait + real founder positioning from\r\n     your brand brief. H1 carries the primary keyword naturally.\r\n================================================================ -->\r\n\r\n<div id=\"tspf-root\">\r\n  <section class=\"tspf-hero\" id=\"tspfHero\">\r\n    <div class=\"tspf-bg-wash\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"tspf-grain\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"tspf-container tspf-grid\">\r\n\r\n      <div class=\"tspf-content\">\r\n        <span class=\"tspf-eyebrow tspf-reveal\">Kerala's Premium Nutrition Experts<\/span>\r\n        <h1 class=\"tspf-h1 tspf-reveal\">Best Clinical Nutritionist &amp; Dietitian for Weight Loss, Weight Gain &amp; Healthy Living<\/h1>\r\n        <p class=\"tspf-lead tspf-reveal\">Personalized nutrition plans to support weight loss, weight gain, hair growth, glowing skin, PCOS, diabetes, gut health, and overall wellness \u2014 designed for your unique lifestyle and health goals.<\/p>\r\n\r\n        <div class=\"tspf-cta-row tspf-reveal\">\r\n          <button class=\"tspf-btn tspf-btn-primary\" type=\"button\"><span>Book Your FREE Consultation<\/span><\/button>\r\n          <button class=\"tspf-btn tspf-btn-secondary\" type=\"button\"><span>Explore Services<\/span><\/button>\r\n          <a href=\"https:\/\/wa.me\/[Replace with your WhatsApp number]\" target=\"_blank\" rel=\"noopener\" class=\"tspf-btn tspf-btn-icon tspf-btn-whatsapp\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M17.5 14.4c-.3-.1-1.6-.8-1.9-.9-.2-.1-.4-.1-.6.1-.2.3-.7.9-.8 1-.1.2-.3.2-.6.1-.3-.2-1.2-.5-2.3-1.5-.9-.8-1.4-1.7-1.6-2-.2-.3 0-.5.1-.6.1-.1.3-.3.4-.5.1-.1.2-.3.1-.5-.1-.1-.6-1.5-.8-2-.2-.5-.4-.4-.6-.4h-.5c-.2 0-.5.1-.7.3-.2.3-.9.9-.9 2.2s1 2.6 1.1 2.7c.1.2 2 3 4.7 4.2.7.3 1.2.5 1.6.6.7.2 1.3.2 1.8.1.5-.1 1.6-.6 1.9-1.3.2-.6.2-1.1.2-1.2-.1-.1-.3-.2-.6-.3Z\" fill=\"currentColor\"\/><path d=\"M12 2C6.5 2 2 6.5 2 12c0 1.9.5 3.7 1.5 5.2L2 22l4.9-1.4C8.4 21.5 10.2 22 12 22c5.5 0 10-4.5 10-10S17.5 2 12 2Zm0 18.2c-1.6 0-3.1-.4-4.4-1.2l-.3-.2-3 .8.8-2.9-.2-.3C4.1 15 3.6 13.5 3.6 12c0-4.6 3.8-8.4 8.4-8.4s8.4 3.8 8.4 8.4-3.8 8.2-8.4 8.2Z\" fill=\"currentColor\"\/><\/svg>\r\n            <span>WhatsApp<\/span>\r\n          <\/a>\r\n          <a href=\"tel:[Replace with your phone number]\" class=\"tspf-btn tspf-btn-icon tspf-btn-call\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.5.6.6 0 1.1.5 1.1 1.1V20c0 .6-.5 1.1-1.1 1.1C10.6 21.1 2.9 13.4 2.9 3.9 2.9 3.3 3.4 2.8 4 2.8h3.3c.6 0 1.1.5 1.1 1.1 0 1.2.2 2.4.6 3.5.1.4 0 .8-.2 1L6.6 10.8Z\" fill=\"currentColor\"\/><\/svg>\r\n            <span>Call Now<\/span>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"tspf-trustline tspf-reveal\">\r\n          <span class=\"tspf-trust-item\"><span class=\"tspf-stars\">\u2605\u2605\u2605\u2605\u2605<\/span> 5.0 Client Rating<\/span>\r\n          <span class=\"tspf-trust-item\">100% Personalized Nutrition Plans<\/span>\r\n          <span class=\"tspf-trust-item\">Evidence-Based Care<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tspf-media tspf-reveal\">\r\n        <div class=\"tspf-media-frame\">\r\n          <img decoding=\"async\" src=\"https:\/\/thesignificantplate.com\/wp-content\/uploads\/2026\/07\/the-significant-plate-dietitian-team-portrait-1.jpg\" alt=\"The Significant Plate \u2014 three Master's-qualified dietitians in Kerala\" loading=\"eager\">\r\n        <\/div>\r\n        <div class=\"tspf-media-accent\" aria-hidden=\"true\"><\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<style>\r\n  #tspf-root{\r\n    --tspf-bg:#FFFFFF;\r\n    --tspf-card:#EDF3FB;\r\n    --tspf-primary:#0057D9;\r\n    --tspf-secondary:#1B2A41;\r\n    --tspf-text:#1B2A41;\r\n    --tspf-text-soft:rgba(27,42,65,0.72);\r\n    --tspf-gold:#F57C00;\r\n    font-family:'Inter',sans-serif;\r\n  }\r\n  #tspf-root *{ box-sizing:border-box; }\r\n\r\n  #tspf-root .tspf-hero{\r\n    position:relative;\r\n    background:\r\n      radial-gradient(at 18% 15%, rgba(0,87,217,0.09) 0px, transparent 42%),\r\n      radial-gradient(at 82% 8%, rgba(34,139,34,0.07) 0px, transparent 38%),\r\n      radial-gradient(at 88% 85%, rgba(245,124,0,0.08) 0px, transparent 42%),\r\n      radial-gradient(at 8% 92%, rgba(0,87,217,0.06) 0px, transparent 38%),\r\n      #FFFFFF;\r\n    padding: clamp(64px,10vh,110px) 0;\r\n    overflow:hidden;\r\n  }\r\n  #tspf-root .tspf-bg-wash{ display:none; }\r\n  #tspf-root .tspf-grain{\r\n    position:absolute; inset:0; z-index:0; pointer-events:none;\r\n    opacity:0.05; mix-blend-mode:multiply;\r\n    background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n  }\r\n\r\n  #tspf-root .tspf-container{ position:relative; z-index:2; width:100%; max-width:1240px; margin:0 auto; padding:0 24px; }\r\n  #tspf-root .tspf-grid{ display:grid; grid-template-columns: 1.05fr 1fr; gap:56px; align-items:center; }\r\n\r\n  #tspf-root .tspf-eyebrow{\r\n    display:block; font-weight:700; font-size:clamp(12.5px,1.2vw,14.5px);\r\n    letter-spacing:.16em; text-transform:uppercase; color:var(--tspf-primary);\r\n    margin-bottom:16px;\r\n  }\r\n  #tspf-root .tspf-h1{\r\n    font-family:'Fraunces',serif; font-weight:500; color:var(--tspf-text);\r\n    font-size:clamp(32px,4.6vw,52px); line-height:1.12; letter-spacing:-.01em;\r\n    margin:0 0 20px;\r\n  }\r\n  #tspf-root .tspf-lead{\r\n    font-size:clamp(16px,1.4vw,18.5px); line-height:1.68; color:var(--tspf-text);\r\n    max-width:52ch; margin:0 0 32px; font-weight:500;\r\n  }\r\n\r\n  #tspf-root .tspf-cta-row{ display:flex; flex-wrap:wrap; gap:12px; margin-bottom:36px; }\r\n  #tspf-root .tspf-btn{\r\n    position:relative; display:inline-flex; align-items:center; gap:9px;\r\n    border-radius:999px; padding:15px 26px; font-weight:600; font-size:14.5px;\r\n    cursor:pointer; text-decoration:none; border:none;\r\n    transition: transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s ease, background .3s ease;\r\n  }\r\n  #tspf-root .tspf-btn svg{ width:18px; height:18px; flex:0 0 auto; }\r\n  #tspf-root .tspf-btn-primary{\r\n    color:#fff; background:linear-gradient(135deg, var(--tspf-gold) 0%, #D96A00 100%);\r\n    box-shadow:0 12px 26px rgba(245,124,0,0.32);\r\n  }\r\n  #tspf-root .tspf-btn-primary:hover{ transform:translateY(-3px); box-shadow:0 18px 38px rgba(245,124,0,0.42), 0 0 0 7px rgba(0,87,217,0.16); }\r\n  #tspf-root .tspf-btn-secondary{\r\n    color:var(--tspf-primary); background:#fff; border:1.5px solid var(--tspf-primary);\r\n  }\r\n  #tspf-root .tspf-btn-secondary:hover{ transform:translateY(-2px); background:rgba(0,87,217,0.06); }\r\n  #tspf-root .tspf-btn-icon{ background:#fff; color:var(--tspf-text); border:1.5px solid rgba(27,42,65,0.14); }\r\n  #tspf-root .tspf-btn-icon:hover{ transform:translateY(-2px); border-color:rgba(27,42,65,0.3); }\r\n  #tspf-root .tspf-btn-whatsapp{ color:#1f9e4c; }\r\n  #tspf-root .tspf-btn-call{ color:var(--tspf-primary); }\r\n\r\n  #tspf-root .tspf-trustline{\r\n    display:flex; flex-wrap:wrap; align-items:center; gap:10px 12px;\r\n    padding-top:24px; border-top:1px solid rgba(27,42,65,0.12);\r\n  }\r\n  #tspf-root .tspf-trust-item{\r\n    display:inline-flex; align-items:center; gap:6px;\r\n    font-size:15px; font-weight:600; color:var(--tspf-text);\r\n    background:rgba(0,87,217,0.05); border:1px solid rgba(0,87,217,0.12);\r\n    border-radius:999px; padding:8px 16px; white-space:nowrap;\r\n  }\r\n  #tspf-root .tspf-stars{ color:var(--tspf-gold); letter-spacing:1px; font-size:14px; }\r\n\r\n  #tspf-root .tspf-media{ position:relative; }\r\n  #tspf-root .tspf-media-frame{\r\n    position:relative; z-index:2; border-radius:28px; overflow:hidden;\r\n    box-shadow:0 40px 80px -24px rgba(27,42,65,0.32);\r\n    aspect-ratio: 4\/5;\r\n  }\r\n  #tspf-root .tspf-media-frame img{ width:100%; height:100%; object-fit:cover; display:block; }\r\n  #tspf-root .tspf-media-accent{\r\n    position:absolute; z-index:1; top:8%; right:-8%; width:70%; height:70%;\r\n    border-radius:50%; background:radial-gradient(circle, rgba(0,87,217,0.16) 0%, rgba(245,124,0,0.10) 55%, rgba(245,124,0,0) 75%);\r\n    filter:blur(10px);\r\n  }\r\n\r\n  #tspf-root .tspf-reveal{ opacity:0; transform:translateY(22px); }\r\n\r\n  @media (max-width: 980px){\r\n    #tspf-root .tspf-grid{ grid-template-columns:1fr; }\r\n    #tspf-root .tspf-media{ order:-1; max-width:420px; margin:0 auto; }\r\n    #tspf-root .tspf-lead{ max-width:none; }\r\n  }\r\n  @media (max-width: 560px){\r\n    #tspf-root .tspf-trust-item{ font-size:13px; padding:7px 13px; }\r\n    #tspf-root .tspf-cta-row{ flex-direction:column; }\r\n    #tspf-root .tspf-btn{ width:100%; justify-content:center; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    #tspf-root .tspf-reveal{ opacity:1; transform:none; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  function animate(){\r\n    var root = document.getElementById('tspf-root');\r\n    if (!root || typeof gsap === 'undefined') return;\r\n    var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n    var items = root.querySelectorAll('.tspf-reveal');\r\n    if (reduced) { gsap.set(items, { opacity:1, y:0 }); return; }\r\n    gsap.to(items, { opacity:1, y:0, duration:0.9, ease:'power3.out', stagger:0.12, delay:0.1 });\r\n  }\r\n  function boot(){\r\n    if (typeof gsap !== 'undefined') { animate(); return; }\r\n    if (window.__tspEnsureGSAP) { window.__tspEnsureGSAP(animate); return; }\r\n    var tries = 0;\r\n    var wait = setInterval(function(){\r\n      tries++;\r\n      if (typeof window.gsap !== 'undefined') { clearInterval(wait); animate(); }\r\n      else if (tries > 50) { clearInterval(wait); }\r\n    }, 100);\r\n  }\r\n  if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', boot); } else { boot(); }\r\n})();\r\n<\/script>\r\n\r\n\r\n<!-- ================================================================\r\n     THE SIGNIFICANT PLATE \u2014 Premium Landing Hero (v2)\r\n     Paste this entire block into an Elementor HTML widget.\r\n\r\n     TUNABLE KNOBS (all near the top of <style>):\r\n     1. --tsp-img-scale     \u2192 zoom level of the food PNGs\r\n     2. --tsp-particle-op   \u2192 strength of the floating leaf\/particle layer\r\n     3. TSP_HEADER_OFFSET   \u2192 set in <script> to your sticky header height (px)\r\n================================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,500&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<div id=\"tsp-hero-root\">\r\n\r\n  <section class=\"tsp-hero\" id=\"tspHero\">\r\n\r\n    <div class=\"tsp-bg-wash\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"tsp-particles\" id=\"tspParticles\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"tsp-glow\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"tsp-stage\">\r\n\r\n      <div class=\"tsp-content\">\r\n        <span class=\"tsp-eyebrow\">Why Choose The Significant Plate<\/span>\r\n        <h1 class=\"tsp-title\">Personalized Nutrition That <em>Works for You<\/em><\/h1>\r\n        <p class=\"tsp-sub\">No two bodies are the same. Every nutrition plan is created after understanding your health, lifestyle, eating habits, and goals \u2014 helping you achieve real, sustainable results.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"tsp-visuals\" aria-hidden=\"true\">\r\n\r\n        <div class=\"tsp-item tsp-apple\">\r\n          <div class=\"tsp-tilt\"><div class=\"tsp-float\">\r\n            <img decoding=\"async\" src=\"https:\/\/thesignificantplate.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-8-2026-10_35_51-PM.png\" alt=\"\">\r\n          <\/div><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tsp-item tsp-veg\">\r\n          <div class=\"tsp-tilt\"><div class=\"tsp-float\">\r\n            <img decoding=\"async\" src=\"https:\/\/thesignificantplate.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-8-2026-10_29_15-PM.png\" alt=\"\">\r\n          <\/div><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tsp-item tsp-milk\">\r\n          <div class=\"tsp-tilt\"><div class=\"tsp-float\">\r\n            <img decoding=\"async\" src=\"https:\/\/thesignificantplate.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-8-2026-10_29_23-PM.png\" alt=\"\">\r\n          <\/div><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tsp-item tsp-nuts\">\r\n          <div class=\"tsp-tilt\"><div class=\"tsp-float\">\r\n            <img decoding=\"async\" src=\"https:\/\/thesignificantplate.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-8-2026-10_29_10-PM.png\" alt=\"\">\r\n          <\/div><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tsp-item tsp-meal\">\r\n          <div class=\"tsp-tilt\"><div class=\"tsp-float\">\r\n            <img decoding=\"async\" src=\"https:\/\/thesignificantplate.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-8-2026-10_29_19-PM.png\" alt=\"\">\r\n          <\/div><\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<style>\r\n  #tsp-hero-root{\r\n    --tsp-bg:#FFFFFF;\r\n    --tsp-primary:#0057D9;\r\n    --tsp-secondary:#1B2A41;\r\n    --tsp-card:#EDF3FB;\r\n    --tsp-text:#1B2A41;\r\n    --tsp-text-soft:rgba(27,42,65,0.72);\r\n    --tsp-gold:#F57C00;\r\n    --tsp-blue:#0057D9;\r\n    --tsp-orange:#F57C00;\r\n    --tsp-header-offset: 0px;\r\n\r\n    \/* 1) zoom level of the food PNGs *\/\r\n    --tsp-img-scale: 1;\r\n    \/* 2) strength of the floating particle layer *\/\r\n    --tsp-particle-op: 0.55;\r\n\r\n    font-family:'Inter',sans-serif;\r\n  }\r\n\r\n  #tsp-hero-root *{ box-sizing:border-box; }\r\n\r\n  #tsp-hero-root .tsp-hero{\r\n    position:relative;\r\n    width:100%;\r\n    min-height:100svh;\r\n    background:\r\n      radial-gradient(at 85% 12%, rgba(0,87,217,0.08) 0px, transparent 40%),\r\n      radial-gradient(at 12% 20%, rgba(34,139,34,0.06) 0px, transparent 38%),\r\n      radial-gradient(at 15% 88%, rgba(245,124,0,0.08) 0px, transparent 40%),\r\n      radial-gradient(at 90% 90%, rgba(0,87,217,0.05) 0px, transparent 38%),\r\n      var(--tsp-bg);\r\n    overflow:hidden;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n  }\r\n\r\n  #tsp-hero-root .tsp-bg-wash{ display:none; }\r\n  \/* ---------- Soft radial light behind the meal ---------- *\/\r\n  #tsp-hero-root .tsp-glow{\r\n    position:absolute;\r\n    top:54%; left:50%;\r\n    width:min(62vw, 660px);\r\n    height:min(62vw, 660px);\r\n    transform:translate(-50%,-50%) scale(.5);\r\n    border-radius:50%;\r\n    background:radial-gradient(circle, rgba(245,124,0,0.20) 0%, rgba(34,139,34,0.08) 45%, rgba(245,124,0,0) 72%);\r\n    opacity:0;\r\n    pointer-events:none;\r\n    z-index:0;\r\n  }\r\n\r\n  \/* ---------- Floating leaves \/ particles ---------- *\/\r\n  #tsp-hero-root .tsp-particles{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:0;\r\n    pointer-events:none;\r\n    overflow:hidden;\r\n  }\r\n  #tsp-hero-root .tsp-particle{\r\n    position:absolute;\r\n    opacity: var(--tsp-particle-op);\r\n    animation-name: tsp-particle-drift;\r\n    animation-timing-function: ease-in-out;\r\n    animation-iteration-count: infinite;\r\n    will-change:transform, opacity;\r\n  }\r\n  @keyframes tsp-particle-drift{\r\n    0%   { transform: translate(0,0) rotate(0deg);   opacity:0; }\r\n    12%  { opacity: 1; }\r\n    50%  { transform: translate(2.5vw,-4vh) rotate(14deg); }\r\n    88%  { opacity: 1; }\r\n    100% { transform: translate(-1.5vw,-9vh) rotate(-8deg); opacity:0; }\r\n  }\r\n\r\n  #tsp-hero-root .tsp-stage{\r\n    position:relative;\r\n    z-index:2;\r\n    width:100%;\r\n    max-width:1040px;\r\n    margin:0 auto;\r\n    padding: calc(clamp(40px, 6.5vh, 72px) + var(--tsp-header-offset)) 20px clamp(20px, 3vh, 34px);\r\n  }\r\n\r\n  \/* ---------- Text content ---------- *\/\r\n  #tsp-hero-root .tsp-content{\r\n    position:relative;\r\n    z-index:6;\r\n    text-align:center;\r\n    max-width:600px;\r\n    margin:0 auto;\r\n    opacity:0;\r\n    transform:translateY(14px);\r\n    animation: tsp-fade-in 1s cubic-bezier(.22,1,.36,1) .15s forwards;\r\n  }\r\n  @keyframes tsp-fade-in{ to{ opacity:1; transform:translateY(0); } }\r\n\r\n  #tsp-hero-root .tsp-eyebrow{\r\n    display:inline-block;\r\n    font-weight:700;\r\n    font-size:clamp(11px,1.1vw,13px);\r\n    letter-spacing:.16em;\r\n    text-transform:uppercase;\r\n    color:var(--tsp-secondary);\r\n    margin-bottom: clamp(10px,1.6vh,16px);\r\n  }\r\n\r\n  #tsp-hero-root .tsp-title{\r\n    font-family:'Fraunces',serif;\r\n    font-weight:500;\r\n    font-size:clamp(30px, 4.6vw, 54px);\r\n    line-height:1.06;\r\n    letter-spacing:-.01em;\r\n    color:var(--tsp-text);\r\n    margin:0 0 clamp(10px,1.4vh,14px);\r\n  }\r\n  #tsp-hero-root .tsp-title em{\r\n    font-style:italic;\r\n    font-weight:500;\r\n    background:linear-gradient(90deg, var(--tsp-gold) 0%, var(--tsp-orange) 100%);\r\n    -webkit-background-clip:text;\r\n    background-clip:text;\r\n    color:transparent;\r\n  }\r\n\r\n  #tsp-hero-root .tsp-sub{\r\n    font-weight:500;\r\n    font-size:clamp(14px,1.25vw,17px);\r\n    line-height:1.6;\r\n    color:var(--tsp-text-soft);\r\n    margin:0 auto clamp(16px,2.2vh,22px);\r\n    max-width:42ch;\r\n  }\r\n\r\n  \/* ---------- CTA buttons ---------- *\/\r\n  #tsp-hero-root .tsp-cta-row{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:14px;\r\n    margin-bottom: clamp(14px,2vh,20px);\r\n  }\r\n\r\n  #tsp-hero-root .tsp-btn{\r\n    position:relative;\r\n    overflow:hidden;\r\n    border-radius:999px;\r\n    padding:15px 30px;\r\n    font-family:'Inter',sans-serif;\r\n    font-weight:600;\r\n    font-size:14.5px;\r\n    letter-spacing:.01em;\r\n    cursor:pointer;\r\n    transition: transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s ease, color .3s ease;\r\n  }\r\n\r\n  #tsp-hero-root .tsp-btn-label{ position:relative; z-index:2; }\r\n\r\n  #tsp-hero-root .tsp-btn-primary{\r\n    border:none;\r\n    color:#fff;\r\n    background:linear-gradient(135deg, var(--tsp-primary) 0%, var(--tsp-secondary) 100%);\r\n    box-shadow: 0 12px 26px rgba(0,87,217,0.34);\r\n  }\r\n  #tsp-hero-root .tsp-btn-primary:hover{\r\n    transform:translateY(-3px);\r\n    box-shadow: 0 18px 38px rgba(0,87,217,0.42), 0 0 0 7px rgba(245,124,0,0.22);\r\n  }\r\n  #tsp-hero-root .tsp-btn-primary:active{ transform:translateY(-1px); }\r\n\r\n  #tsp-hero-root .tsp-ripple{\r\n    position:absolute;\r\n    border-radius:50%;\r\n    background:rgba(255,255,255,0.55);\r\n    transform:scale(0);\r\n    pointer-events:none;\r\n    z-index:1;\r\n  }\r\n\r\n  #tsp-hero-root .tsp-btn-secondary{\r\n    background:transparent;\r\n    border:1.5px solid var(--tsp-blue);\r\n    color:var(--tsp-text);\r\n  }\r\n  #tsp-hero-root .tsp-btn-secondary::before{\r\n    content:'';\r\n    position:absolute;\r\n    inset:0;\r\n    background:linear-gradient(135deg, var(--tsp-blue) 0%, var(--tsp-primary) 100%);\r\n    transform:scaleX(0);\r\n    transform-origin:left center;\r\n    transition: transform .4s cubic-bezier(.22,1,.36,1);\r\n    z-index:1;\r\n  }\r\n  #tsp-hero-root .tsp-btn-secondary:hover{ border-color:var(--tsp-blue); transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,87,217,0.22); }\r\n  #tsp-hero-root .tsp-btn-secondary:hover::before{ transform:scaleX(1); }\r\n  #tsp-hero-root .tsp-btn-secondary:hover .tsp-btn-label{ color:#fff; }\r\n\r\n  \/* ---------- Trust row ---------- *\/\r\n  #tsp-hero-root .tsp-trust{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:10px 14px;\r\n    font-size:clamp(12px,1vw,13.5px);\r\n    font-weight:600;\r\n    color:var(--tsp-text-soft);\r\n  }\r\n  #tsp-hero-root .tsp-stars{ color:var(--tsp-gold); letter-spacing:1px; margin-right:2px; }\r\n  #tsp-hero-root .tsp-trust-dot{ color:rgba(27,42,65,0.28); }\r\n  #tsp-hero-root .tsp-trust-item{ white-space:nowrap; }\r\n\r\n  \/* ---------- Visuals (organic, no cards) ---------- *\/\r\n  #tsp-hero-root .tsp-visuals{\r\n    position:relative;\r\n    width:100%;\r\n    max-width:680px;\r\n    height:clamp(380px, 50vh, 560px);\r\n    margin:clamp(6px,1.2vh,14px) auto 0;\r\n  }\r\n\r\n  #tsp-hero-root .tsp-item{\r\n    position:absolute;\r\n    z-index:3;\r\n    will-change:transform, opacity;\r\n  }\r\n\r\n  \/* resting coordinates use vh for BOTH size and position (not just size).\r\n     This is deliberate: it's what keeps apple\/veg\/milk\/nuts genuinely\r\n     touching\/overlapping the meal on every screen instead of just on\r\n     the one browser window it was tuned on \u2014 percentages-of-a-box drift\r\n     apart the moment the window's width\/height ratio changes; vh-vh math\r\n     doesn't. z-index gives veg\/nuts natural overlap in front of the plate. *\/\r\n  #tsp-hero-root .tsp-meal{  left:50%;                 top:28vh; width:clamp(260px,34vh,460px);  z-index:3; }\r\n  #tsp-hero-root .tsp-apple{ left:calc(50% - 22vh);     top:21vh; width:clamp(130px,16vh,205px);   z-index:4; }\r\n  #tsp-hero-root .tsp-milk{  left:calc(50% + 22vh);     top:19vh; width:clamp(130px,16vh,205px);   z-index:4; }\r\n  #tsp-hero-root .tsp-veg{   left:50%;                  top:6vh;  width:clamp(124px,15vh,192px);   z-index:5; }\r\n  #tsp-hero-root .tsp-nuts{  left:calc(50% - 2vh);      top:44vh; width:clamp(132px,16.5vh,205px);  z-index:5; }\r\n\r\n  #tsp-hero-root .tsp-tilt{ width:100%; }\r\n  #tsp-hero-root .tsp-float{ width:100%; }\r\n\r\n  #tsp-hero-root .tsp-float img{\r\n    display:block;\r\n    width:100%;\r\n    height:auto;\r\n    transform: scale(var(--tsp-img-scale));\r\n    filter:\r\n      drop-shadow(0 16px 16px rgba(27,42,65,0.16));\r\n    transition: transform .45s cubic-bezier(.22,1,.36,1), filter .45s ease;\r\n  }\r\n  #tsp-hero-root .tsp-float img:hover{\r\n    transform: scale(calc(var(--tsp-img-scale) * 1.06)) translateY(-4px);\r\n    filter:\r\n      drop-shadow(0 22px 20px rgba(27,42,65,0.20));\r\n  }\r\n\r\n  \/* ---------- Tablet ---------- *\/\r\n  @media (max-width: 1023px){\r\n    #tsp-hero-root .tsp-visuals{ max-width:560px; height:clamp(320px,44vh,460px); margin-top:clamp(6px,1vh,12px); }\r\n    #tsp-hero-root .tsp-meal{  left:50%;             top:24vh; width:clamp(220px,28vh,360px);  }\r\n    #tsp-hero-root .tsp-apple{ left:calc(50% - 18vh); top:18vh; width:clamp(112px,13.5vh,168px); }\r\n    #tsp-hero-root .tsp-milk{  left:calc(50% + 18vh); top:16vh; width:clamp(112px,13.5vh,168px); }\r\n    #tsp-hero-root .tsp-veg{   left:50%;              top:5vh;  width:clamp(108px,12.5vh,158px); }\r\n    #tsp-hero-root .tsp-nuts{  left:calc(50% - 2vh);  top:36vh; width:clamp(114px,14vh,170px);   }\r\n  }\r\n\r\n  \/* ---------- Mobile ---------- *\/\r\n  @media (max-width: 640px){\r\n    #tsp-hero-root .tsp-stage{ padding-top: calc(clamp(26px, 5vh, 44px) + var(--tsp-header-offset)); padding-bottom: clamp(14px,2.4vh,22px); }\r\n    #tsp-hero-root .tsp-cta-row{ flex-direction:column; width:100%; }\r\n    #tsp-hero-root .tsp-btn{ width:100%; text-align:center; }\r\n    #tsp-hero-root .tsp-visuals{ max-width:320px; height:clamp(280px,42vh,380px); margin-top:clamp(4px,0.8vh,10px); }\r\n    #tsp-hero-root .tsp-meal{  left:50%;              top:21vh; width:clamp(170px,22vh,240px); }\r\n    #tsp-hero-root .tsp-apple{ left:calc(50% - 13vh); top:16vh; width:clamp(88px,10.5vh,118px); }\r\n    #tsp-hero-root .tsp-milk{  left:calc(50% + 13vh); top:14vh; width:clamp(88px,10.5vh,118px); }\r\n    #tsp-hero-root .tsp-veg{   left:50%;              top:4vh;  width:clamp(84px,9.5vh,112px);  }\r\n    #tsp-hero-root .tsp-nuts{  left:calc(50% - 1vh);  top:32vh; width:clamp(90px,11vh,120px);   }\r\n    #tsp-hero-root .tsp-glow{ top:52%; }\r\n  }\r\n\r\n  \/* ---------- Extra-short viewports (landscape phones, small laptops) ---------- *\/\r\n  @media (max-height: 720px){\r\n    #tsp-hero-root .tsp-stage{ padding-top: calc(clamp(20px,4vh,32px) + var(--tsp-header-offset)); padding-bottom:12px; }\r\n    #tsp-hero-root .tsp-sub{ margin-bottom: clamp(10px,1.6vh,16px); }\r\n    #tsp-hero-root .tsp-cta-row{ margin-bottom: clamp(10px,1.4vh,14px); }\r\n    #tsp-hero-root .tsp-visuals{ height:clamp(260px, 40vh, 380px); margin-top:clamp(4px,0.8vh,10px); }\r\n    #tsp-hero-root .tsp-meal{  top:24vh; width:clamp(200px, 32vh, 340px); }\r\n    #tsp-hero-root .tsp-apple{ top:18vh; }\r\n    #tsp-hero-root .tsp-milk{  top:16vh; }\r\n    #tsp-hero-root .tsp-veg{   top:4vh;  }\r\n    #tsp-hero-root .tsp-nuts{  top:37vh; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    #tsp-hero-root .tsp-content{ animation:none; opacity:1; transform:none; }\r\n    #tsp-hero-root .tsp-particle{ animation:none; opacity:0; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n\r\n  \/\/ If your site header is sticky\/fixed, set its height here in px\r\n  var TSP_HEADER_OFFSET = 0; \/\/ e.g. 84\r\n\r\n  function buildParticles(root){\r\n    var wrap = root.querySelector('#tspParticles');\r\n    if (!wrap) return;\r\n    var leafSVG = '<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 20C4 10 10 4 20 4C20 14 14 20 4 20Z\" fill=\"%COLOR%\"\/><\/svg>';\r\n    var count = 9;\r\n    for (var i = 0; i < count; i++){\r\n      var el = document.createElement('div');\r\n      el.className = 'tsp-particle';\r\n      var isLeaf = i % 2 === 0;\r\n      var size = isLeaf ? (10 + Math.random() * 8) : (4 + Math.random() * 4);\r\n      var color = i % 3 === 0 ? '%23228B22' : '%23F57C00';\r\n      el.style.left = (4 + Math.random() * 92) + '%';\r\n      el.style.top = (8 + Math.random() * 78) + '%';\r\n      el.style.width = size + 'px';\r\n      el.style.height = size + 'px';\r\n      el.style.animationDuration = (14 + Math.random() * 12) + 's';\r\n      el.style.animationDelay = (Math.random() * 10) + 's';\r\n      if (isLeaf) {\r\n        el.innerHTML = leafSVG.replace('%COLOR%', color);\r\n      } else {\r\n        el.style.borderRadius = '50%';\r\n        el.style.background = i % 3 === 0 ? '#228B22' : '#F57C00';\r\n      }\r\n      wrap.appendChild(el);\r\n    }\r\n  }\r\n\r\n  function initRipple(root){\r\n    var btn = root.querySelector('#tspPrimaryBtn');\r\n    if (!btn) return;\r\n    btn.addEventListener('click', function(e){\r\n      var rect = btn.getBoundingClientRect();\r\n      var ripple = document.createElement('span');\r\n      var size = Math.max(rect.width, rect.height) * 2;\r\n      ripple.className = 'tsp-ripple';\r\n      ripple.style.width = size + 'px';\r\n      ripple.style.height = size + 'px';\r\n      ripple.style.left = (e.clientX - rect.left - size \/ 2) + 'px';\r\n      ripple.style.top = (e.clientY - rect.top - size \/ 2) + 'px';\r\n      btn.appendChild(ripple);\r\n\r\n      if (typeof gsap !== 'undefined') {\r\n        gsap.fromTo(ripple, { scale:0, opacity:0.55 }, {\r\n          scale:1, opacity:0, duration:0.65, ease:'power2.out',\r\n          onComplete:function(){ ripple.remove(); }\r\n        });\r\n      } else {\r\n        ripple.style.transition = 'transform .65s ease, opacity .65s ease';\r\n        requestAnimationFrame(function(){\r\n          ripple.style.transform = 'scale(1)';\r\n          ripple.style.opacity = '0';\r\n        });\r\n        setTimeout(function(){ ripple.remove(); }, 700);\r\n      }\r\n    });\r\n  }\r\n\r\n  function init(){\r\n    var root = document.getElementById('tsp-hero-root');\r\n    if (!root) return;\r\n\r\n    buildParticles(root);\r\n    initRipple(root);\r\n\r\n    root.style.setProperty('--tsp-header-offset', TSP_HEADER_OFFSET + 'px');\r\n    gsap.registerPlugin(ScrollTrigger);\r\n\r\n    var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n    var canParallax = window.matchMedia('(pointer: fine)').matches;\r\n\r\n    var apple = root.querySelector('.tsp-apple');\r\n    var milk  = root.querySelector('.tsp-milk');\r\n    var veg   = root.querySelector('.tsp-veg');\r\n    var nuts  = root.querySelector('.tsp-nuts');\r\n    var meal  = root.querySelector('.tsp-meal');\r\n    var glow  = root.querySelector('.tsp-glow');\r\n    var stage = root.querySelector('.tsp-stage');\r\n\r\n    var tiltConfig = {\r\n      apple: { rot:-3, depth:14 },\r\n      veg:   { rot: 3, depth:12 },\r\n      milk:  { rot:-2, depth:14 },\r\n      nuts:  { rot: 4, depth:12 },\r\n      meal:  { rot: 0, depth:6  }\r\n    };\r\n    var items = [apple, milk, veg, nuts, meal];\r\n\r\n    function keyOf(el){\r\n      var c = Array.prototype.find.call(el.classList, function(c){ return c !== 'tsp-item'; });\r\n      return c ? c.replace('tsp-','') : '';\r\n    }\r\n\r\n    if (reduced) {\r\n      gsap.set(items, { xPercent:-50, yPercent:-50, x:0, y:0, scale:1, opacity:1 });\r\n      items.forEach(function(el){ gsap.set(el.querySelector('.tsp-tilt'), { rotation: tiltConfig[keyOf(el)].rot }); });\r\n      gsap.set(glow, { opacity:1, scale:1 });\r\n      return;\r\n    }\r\n\r\n    gsap.set(items, { xPercent:-50, yPercent:-50 });\r\n\r\n    gsap.set(apple, { x:'-110vw', y:0,       opacity:0 });\r\n    gsap.set(milk,  { x:'110vw',  y:0,       opacity:0 });\r\n    gsap.set(veg,   { x:0,        y:'-85vh', opacity:0 });\r\n    gsap.set(nuts,  { x:0,        y:'85vh',  opacity:0 });\r\n    gsap.set(meal,  { x:0, y:0, scale:0.7, opacity:0 });\r\n    gsap.set(glow,  { opacity:0, scale:0.5 });\r\n\r\n    items.forEach(function(el){\r\n      gsap.set(el.querySelector('.tsp-tilt'), { rotation: tiltConfig[keyOf(el)].rot, transformOrigin:'50% 50%' });\r\n    });\r\n\r\n    var floatTweens = [];\r\n    var parallaxQuick = [];\r\n\r\n    var mm = gsap.matchMedia();\r\n\r\n    mm.add(\r\n      {\r\n        isDesktop: '(min-width: 1024px)',\r\n        isTablet:  '(min-width: 641px) and (max-width: 1023px)',\r\n        isMobile:  '(max-width: 640px)'\r\n      },\r\n      function(context){\r\n        var conds = context.conditions;\r\n        var ease = 'power3.out';\r\n\r\n        var tl = gsap.timeline({ defaults: { ease: ease } });\r\n\r\n        tl.to(apple, { x:0, y:0, opacity:1, duration:1 }, 0)\r\n          .to(milk,  { x:0, y:0, opacity:1, duration:1 }, 0)\r\n          .to(veg,   { x:0, y:0, opacity:1, duration:1 }, 0.05)\r\n          .to(nuts,  { x:0, y:0, opacity:1, duration:1 }, 0.05)\r\n          .to(glow,  { opacity:1, scale:1, duration:1.1 }, 0.15)\r\n          .to(meal,  { scale:1, opacity:1, duration:1.2, ease:'elastic.out(1, 0.65)' }, 0.2);\r\n\r\n        var travel = conds.isMobile ? '90%' : conds.isTablet ? '100%' : '110%';\r\n\r\n        var st = ScrollTrigger.create({\r\n          trigger: '#tspHero',\r\n          start: 'top top+=' + TSP_HEADER_OFFSET,\r\n          end: '+=' + travel,\r\n          pin: true,\r\n          scrub: 0.45,\r\n          anticipatePin: 1,\r\n          fastScrollEnd: true,\r\n          preventOverlaps: true,\r\n          animation: tl,\r\n          onLeave: startFloat,\r\n          onLeaveBack: stopFloat,\r\n          onEnterBack: function(self){ if (self.progress < 1) stopFloat(); }\r\n        });\r\n\r\n        var parallaxHandler = null;\r\n        if (canParallax && !conds.isMobile) {\r\n          parallaxQuick = items.map(function(el){\r\n            var tilt = el.querySelector('.tsp-tilt');\r\n            return {\r\n              x: gsap.quickTo(tilt, 'x', { duration:0.7, ease:'power3.out' }),\r\n              y: gsap.quickTo(tilt, 'y', { duration:0.7, ease:'power3.out' })\r\n            };\r\n          });\r\n\r\n          parallaxHandler = function(e){\r\n            var rect = stage.getBoundingClientRect();\r\n            var nx = ((e.clientX - rect.left) \/ rect.width - 0.5) * 2;\r\n            var ny = ((e.clientY - rect.top) \/ rect.height - 0.5) * 2;\r\n            items.forEach(function(el, i){\r\n              var depth = tiltConfig[keyOf(el)].depth;\r\n              parallaxQuick[i].x(nx * depth);\r\n              parallaxQuick[i].y(ny * depth);\r\n            });\r\n          };\r\n          stage.addEventListener('pointermove', parallaxHandler);\r\n        }\r\n\r\n        return function(){\r\n          st.kill();\r\n          tl.kill();\r\n          stopFloat();\r\n          if (parallaxHandler) stage.removeEventListener('pointermove', parallaxHandler);\r\n        };\r\n      }\r\n    );\r\n\r\n    function startFloat(){\r\n      if (floatTweens.length) return;\r\n      var floatEls = root.querySelectorAll('.tsp-float');\r\n      floatEls.forEach(function(el, i){\r\n        var amp = 7 + (i % 3) * 3;\r\n        var dur = 2.4 + i * 0.4;\r\n        floatTweens.push(\r\n          gsap.to(el, {\r\n            y: (i % 2 === 0 ? amp : -amp),\r\n            duration: dur,\r\n            ease: 'sine.inOut',\r\n            yoyo: true,\r\n            repeat: -1,\r\n            delay: i * 0.15\r\n          })\r\n        );\r\n      });\r\n    }\r\n\r\n    function stopFloat(){\r\n      floatTweens.forEach(function(t){ t.kill(); });\r\n      floatTweens = [];\r\n      gsap.set(root.querySelectorAll('.tsp-float'), { y:0 });\r\n    }\r\n  }\r\n\r\n  function boot(){\r\n    if (window.__tspEnsureGSAP) {\r\n      window.__tspEnsureGSAP(init);\r\n    } else {\r\n      \/\/ fallback in case the loader script above didn't run for some reason\r\n      var tries = 0;\r\n      var wait = setInterval(function(){\r\n        tries++;\r\n        if (typeof window.gsap !== 'undefined' && typeof window.ScrollTrigger !== 'undefined') {\r\n          clearInterval(wait);\r\n          init();\r\n        } else if (tries > 50) {\r\n          clearInterval(wait);\r\n        }\r\n      }, 100);\r\n    }\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', boot);\r\n  } else {\r\n    boot();\r\n  }\r\n})();\r\n<\/script>\r\n\r\n\r\n<!-- ================================================================\r\n     THE SIGNIFICANT PLATE \u2014 Homepage Sections, Batch 1\r\n     (Why Choose Me \u00b7 Nutrition Philosophy \u00b7 Programs \u00b7 Floating Contact)\r\n\r\n     Paste this as a SEPARATE Elementor HTML widget, placed directly\r\n     BELOW your existing hero section widget. Your hero is untouched \u2014\r\n     this does not duplicate or modify it.\r\n\r\n     Uses the exact same color system as your hero for perfect\r\n     consistency: --tspx-primary\/secondary greens, --tspx-gold,\r\n     --tspx-blue, --tspx-orange, --tspx-text, --tspx-bg.\r\n\r\n     TUNABLE:\r\n     1. TSPX_WHATSAPP_NUMBER \u2014 set your WhatsApp number (with country code, no + or spaces)\r\n     2. TSPX_PHONE_DISPLAY \/ TSPX_PHONE_LINK \u2014 your phone number\r\n================================================================ -->\r\n\r\n<div id=\"tspx-root\">\r\n\r\n  <!-- ============ WHY CHOOSE ME ============ -->\r\n  <section class=\"tspx-why\" id=\"tspxWhy\">\r\n    <div class=\"tspx-container tspx-why-grid\">\r\n      <div class=\"tspx-why-media tspx-reveal\">\r\n        <img decoding=\"async\" src=\"https:\/\/thesignificantplate.com\/wp-content\/uploads\/2026\/07\/body-composition-analysis-fitness-scan-dietitian.jpg\" alt=\"Dietitian conducting a body composition analysis for personalized nutrition planning\" loading=\"lazy\">\r\n      <\/div>\r\n      <div class=\"tspx-why-content\">\r\n        <span class=\"tspx-eyebrow tspx-reveal\">Why Choose The Significant Plate<\/span>\r\n        <h2 class=\"tspx-h2 tspx-reveal\">Personalized Nutrition That Works for You<\/h2>\r\n        <p class=\"tspx-lead tspx-reveal\">No two bodies are the same. Every nutrition plan is created after understanding your health, lifestyle, eating habits, and goals \u2014 helping you achieve real, sustainable results.<\/p>\r\n\r\n        <ul class=\"tspx-icon-list\">\r\n          <li class=\"tspx-reveal\"><span class=\"tspx-icon-emoji\">\ud83c\udf0d<\/span><span>Certified International Nutritionist<\/span><\/li>\r\n          <li class=\"tspx-reveal\"><span class=\"tspx-icon-emoji\">\u2714\ufe0f<\/span><span>Evidence-Based Nutrition<\/span><\/li>\r\n          <li class=\"tspx-reveal\"><span class=\"tspx-icon-emoji\">\ud83d\udc65<\/span><span>One-to-One Personal Guidance<\/span><\/li>\r\n          <li class=\"tspx-reveal\"><span class=\"tspx-icon-emoji\">\ud83e\uddec<\/span><span>Personalized Body Assessment<\/span><\/li>\r\n          <li class=\"tspx-reveal\"><span class=\"tspx-icon-emoji\">\ud83e\udd57<\/span><span>Customized Meal Plans<\/span><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============ HOW WE HELP YOU (timeline) ============ -->\r\n  <section class=\"tspx-roadmap\" id=\"tspxRoadmap\">\r\n    <div class=\"tspx-container\">\r\n      <span class=\"tspx-eyebrow tspx-reveal tspx-center\">How We Help You<\/span>\r\n      <h2 class=\"tspx-h2 tspx-center tspx-reveal\">Your Health Journey Made Simple<\/h2>\r\n      <p class=\"tspx-lead tspx-center tspx-reveal tspx-lead-narrow\">A simple step-by-step process to help you achieve your health goals with expert nutrition guidance.<\/p>\r\n\r\n      <div class=\"tspx-timeline\" id=\"tspxTimelineTrack\">\r\n        <div class=\"tspx-timeline-line\" aria-hidden=\"true\">\r\n          <div class=\"tspx-timeline-line-fill\" id=\"tspxTimelineFill\" aria-hidden=\"true\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tspx-timeline-step tspx-reveal\" data-step=\"0\">\r\n          <div class=\"tspx-timeline-node\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"8\" r=\"3.4\" stroke=\"white\" stroke-width=\"1.8\"\/><path d=\"M5 20c0-3.6 3.1-6.2 7-6.2s7 2.6 7 6.2\" stroke=\"white\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"tspx-timeline-card\">\r\n            <span class=\"tspx-timeline-num\">01<\/span>\r\n            <h3>Understand You<\/h3>\r\n            <p>We learn about your body, lifestyle, and health goals.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tspx-timeline-step tspx-reveal\" data-step=\"1\">\r\n          <div class=\"tspx-timeline-node\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"6\" y=\"4\" width=\"12\" height=\"16\" rx=\"2\" stroke=\"white\" stroke-width=\"1.8\"\/><path d=\"M9 9h6M9 13h6M9 17h3\" stroke=\"white\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"tspx-timeline-card\">\r\n            <span class=\"tspx-timeline-num\">02<\/span>\r\n            <h3>Create Your Plan<\/h3>\r\n            <p>Get a nutrition plan made just for you.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tspx-timeline-step tspx-reveal\" data-step=\"2\">\r\n          <div class=\"tspx-timeline-node\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M8 12l2.5 2.5L16 9\" stroke=\"white\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><circle cx=\"12\" cy=\"12\" r=\"8.2\" stroke=\"white\" stroke-width=\"1.8\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"tspx-timeline-card\">\r\n            <span class=\"tspx-timeline-num\">03<\/span>\r\n            <h3>Guide &amp; Support<\/h3>\r\n            <p>Regular follow-ups and expert guidance.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tspx-timeline-step tspx-reveal\" data-step=\"3\">\r\n          <div class=\"tspx-timeline-node\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 17l5-5 4 4 7-8\" stroke=\"white\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M15 8h5v5\" stroke=\"white\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"tspx-timeline-card\">\r\n            <span class=\"tspx-timeline-num\">04<\/span>\r\n            <h3>See Real Results<\/h3>\r\n            <p>Build healthy habits and enjoy lasting results.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tspx-roadmap-cta tspx-reveal\">\r\n        <button class=\"tspx-btn tspx-btn-primary\" type=\"button\"><span>Start Your Assessment<\/span><\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- ============ FLOATING CONTACT (Call + WhatsApp) ============ -->\r\n  <div class=\"tspx-floating-contact\" id=\"tspxFloatingContact\">\r\n    <a href=\"tel:[Replace with your phone number]\" class=\"tspx-float-btn tspx-float-call\" aria-label=\"Call us\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.5.6.6 0 1.1.5 1.1 1.1V20c0 .6-.5 1.1-1.1 1.1C10.6 21.1 2.9 13.4 2.9 3.9 2.9 3.3 3.4 2.8 4 2.8h3.3c.6 0 1.1.5 1.1 1.1 0 1.2.2 2.4.6 3.5.1.4 0 .8-.2 1L6.6 10.8Z\" fill=\"currentColor\"\/><\/svg>\r\n    <\/a>\r\n    <a href=\"https:\/\/wa.me\/[Replace with your WhatsApp number]\" target=\"_blank\" rel=\"noopener\" class=\"tspx-float-btn tspx-float-whatsapp\" aria-label=\"Chat on WhatsApp\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M17.5 14.4c-.3-.1-1.6-.8-1.9-.9-.2-.1-.4-.1-.6.1-.2.3-.7.9-.8 1-.1.2-.3.2-.6.1-.3-.2-1.2-.5-2.3-1.5-.9-.8-1.4-1.7-1.6-2-.2-.3 0-.5.1-.6.1-.1.3-.3.4-.5.1-.1.2-.3.1-.5-.1-.1-.6-1.5-.8-2-.2-.5-.4-.4-.6-.4h-.5c-.2 0-.5.1-.7.3-.2.3-.9.9-.9 2.2s1 2.6 1.1 2.7c.1.2 2 3 4.7 4.2.7.3 1.2.5 1.6.6.7.2 1.3.2 1.8.1.5-.1 1.6-.6 1.9-1.3.2-.6.2-1.1.2-1.2-.1-.1-.3-.2-.6-.3Z\" fill=\"currentColor\"\/><path d=\"M12 2C6.5 2 2 6.5 2 12c0 1.9.5 3.7 1.5 5.2L2 22l4.9-1.4C8.4 21.5 10.2 22 12 22c5.5 0 10-4.5 10-10S17.5 2 12 2Zm0 18.2c-1.6 0-3.1-.4-4.4-1.2l-.3-.2-3 .8.8-2.9-.2-.3C4.1 15 3.6 13.5 3.6 12c0-4.6 3.8-8.4 8.4-8.4s8.4 3.8 8.4 8.4-3.8 8.2-8.4 8.2Z\" fill=\"currentColor\"\/><\/svg>\r\n    <\/a>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n  #tspx-root{\r\n    --tspx-bg:#FFFFFF;\r\n    --tspx-card:#EDF3FB;\r\n    --tspx-primary:#0057D9;\r\n    --tspx-secondary:#1B2A41;\r\n    --tspx-text:#1B2A41;\r\n    --tspx-text-soft:rgba(27,42,65,0.72);\r\n    --tspx-gold:#F57C00;\r\n    --tspx-blue:#0057D9;\r\n    --tspx-green:#228B22;\r\n    --tspx-orange:#F57C00;\r\n    font-family:'Inter',sans-serif;\r\n  }\r\n  #tspx-root *{ box-sizing:border-box; }\r\n  #tspx-root section{ padding: clamp(56px,9vh,110px) 0; }\r\n  #tspx-root .tspx-container{ width:100%; max-width:1180px; margin:0 auto; padding:0 24px; }\r\n\r\n  #tspx-root .tspx-eyebrow{\r\n    display:block; font-weight:700; font-size:clamp(12.5px,1.2vw,14.5px);\r\n    letter-spacing:.16em; text-transform:uppercase; color:var(--tspx-primary);\r\n    margin-bottom:12px;\r\n  }\r\n  #tspx-root .tspx-h2{\r\n    font-family:'Fraunces',serif; font-weight:500; color:var(--tspx-text);\r\n    font-size:clamp(26px,3.6vw,42px); line-height:1.15; margin:0 0 16px;\r\n  }\r\n  #tspx-root .tspx-h2 em{\r\n    font-style:italic; font-weight:500;\r\n    background:linear-gradient(90deg, var(--tspx-gold) 0%, var(--tspx-orange) 100%);\r\n    -webkit-background-clip:text; background-clip:text; color:transparent;\r\n  }\r\n  #tspx-root .tspx-lead{ font-size:clamp(16px,1.4vw,18.5px); line-height:1.68; color:var(--tspx-text); font-weight:500; margin:0 0 24px; }\r\n  #tspx-root .tspx-lead-narrow{ max-width:640px; margin-left:auto; margin-right:auto; }\r\n  #tspx-root .tspx-center{ text-align:center; }\r\n\r\n  \/* ---------- Why Choose Me ---------- *\/\r\n  #tspx-root .tspx-why-grid{ display:grid; grid-template-columns: 1fr 1.15fr; gap:56px; align-items:center; }\r\n  #tspx-root .tspx-why-media img{ width:100%; height:100%; object-fit:cover; border-radius:28px; box-shadow:0 30px 60px -20px rgba(27,42,65,0.28); aspect-ratio:4\/5; }\r\n\r\n  #tspx-root .tspx-icon-list{\r\n    list-style:none; margin:0 0 28px; padding:0;\r\n    display:grid; grid-template-columns:1fr 1fr; gap:14px 18px;\r\n  }\r\n  #tspx-root .tspx-icon-list li{\r\n    display:flex; align-items:center; gap:10px;\r\n    font-size:15px; font-weight:600; color:var(--tspx-text);\r\n  }\r\n  #tspx-root .tspx-icon-emoji{ font-size:19px; flex:0 0 auto; }\r\n\r\n  #tspx-root .tspx-stat-row{ display:flex; flex-wrap:wrap; gap:16px; padding:20px 0; margin-bottom:24px; border-top:1px solid rgba(27,42,65,0.12); border-bottom:1px solid rgba(27,42,65,0.12); }\r\n  #tspx-root .tspx-stat strong{ display:block; font-family:'Fraunces',serif; font-size:clamp(19px,2.2vw,25px); color:var(--tspx-orange); }\r\n  #tspx-root .tspx-stat span{ font-size:13px; font-weight:600; color:var(--tspx-text); }\r\n  #tspx-root .tspx-stat-highlight{\r\n    background:linear-gradient(135deg, rgba(0,87,217,0.08), rgba(34,139,34,0.08));\r\n    border:1px solid rgba(0,87,217,0.18);\r\n    border-radius:16px; padding:12px 18px;\r\n  }\r\n  #tspx-root .tspx-stat-highlight strong{ font-size:clamp(21px,2.4vw,27px); color:var(--tspx-primary); }\r\n  #tspx-root .tspx-stat-highlight span{ font-size:13.5px; }\r\n\r\n  @keyframes tspx-pulse-glow{\r\n    0%, 100% { box-shadow:0 12px 26px rgba(245,124,0,0.30), 0 0 0 0 rgba(245,124,0,0.35); }\r\n    50% { box-shadow:0 12px 26px rgba(245,124,0,0.30), 0 0 0 10px rgba(245,124,0,0); }\r\n  }\r\n  #tspx-root .tspx-btn-pulse{ animation: tspx-pulse-glow 2.4s ease-in-out infinite; }\r\n  #tspx-root .tspx-btn-pulse:hover{ animation-play-state:paused; }\r\n\r\n  \/* ---------- How We Help You (timeline) ---------- *\/\r\n  #tspx-root .tspx-roadmap{\r\n    position:relative;\r\n    background:\r\n      radial-gradient(at 15% 10%, rgba(34,139,34,0.06) 0px, transparent 40%),\r\n      radial-gradient(at 85% 90%, rgba(0,87,217,0.05) 0px, transparent 40%),\r\n      #FFFFFF;\r\n  }\r\n\r\n  #tspx-root .tspx-timeline{ position:relative; margin-top:60px; display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }\r\n  #tspx-root .tspx-timeline-line{\r\n    position:absolute; top:26px; left:6%; right:6%; height:3px;\r\n    background:rgba(27,42,65,0.10); border-radius:2px; overflow:hidden;\r\n  }\r\n  #tspx-root .tspx-timeline-line-fill{\r\n    position:absolute; top:0; left:0; height:100%; width:100%;\r\n    background:var(--tspx-green);\r\n    transform:scaleX(0); transform-origin:left center;\r\n  }\r\n  #tspx-root .tspx-timeline-step{ display:flex; flex-direction:column; align-items:center; text-align:center; position:relative; z-index:2; }\r\n  #tspx-root .tspx-timeline-node{\r\n    width:54px; height:54px; border-radius:50%;\r\n    background:rgba(27,42,65,0.14);\r\n    display:flex; align-items:center; justify-content:center;\r\n    box-shadow:0 0 0 6px #fff;\r\n    margin-bottom:22px;\r\n    transition: background .5s ease, box-shadow .5s ease, transform .5s cubic-bezier(.22,1,.36,1);\r\n  }\r\n  #tspx-root .tspx-timeline-node svg{ width:24px; height:24px; opacity:0.55; transition: opacity .5s ease; }\r\n  #tspx-root .tspx-timeline-step.is-active .tspx-timeline-node{\r\n    background:linear-gradient(135deg, var(--tspx-green) 0%, #17691A 100%);\r\n    box-shadow:0 12px 24px -8px rgba(34,139,34,0.5), 0 0 0 6px #fff;\r\n    transform:scale(1.08);\r\n  }\r\n  #tspx-root .tspx-timeline-step.is-active .tspx-timeline-node svg{ opacity:1; }\r\n  #tspx-root .tspx-timeline-card{\r\n    position:relative;\r\n    background:rgba(255,255,255,0.65);\r\n    -webkit-backdrop-filter: blur(18px);\r\n    backdrop-filter: blur(18px);\r\n    border:1px solid rgba(255,255,255,0.85);\r\n    border-radius:22px;\r\n    padding:26px 20px;\r\n    box-shadow:0 18px 40px -22px rgba(27,42,65,0.22);\r\n    transition: transform .4s cubic-bezier(.22,1,.36,1), box-shadow .4s ease;\r\n    width:100%;\r\n  }\r\n  #tspx-root .tspx-timeline-card:hover{ transform:translateY(-6px); box-shadow:0 26px 50px -20px rgba(27,42,65,0.3); }\r\n  #tspx-root .tspx-timeline-num{ display:block; font-family:'Fraunces',serif; font-size:13px; font-weight:700; color:var(--tspx-green); letter-spacing:.08em; margin-bottom:6px; }\r\n  #tspx-root .tspx-timeline-card h3{ font-family:'Fraunces',serif; font-weight:500; font-size:17.5px; color:var(--tspx-text); margin:0 0 8px; }\r\n  #tspx-root .tspx-timeline-card p{ font-size:13.5px; color:var(--tspx-text-soft); line-height:1.5; margin:0; }\r\n  #tspx-root .tspx-roadmap-cta{ text-align:center; margin-top:48px; }\r\n\r\n  \/* ---------- Buttons (matches hero) ---------- *\/\r\n  #tspx-root .tspx-btn{\r\n    position:relative; overflow:hidden; border:none; cursor:pointer;\r\n    border-radius:999px; padding:15px 30px; font-weight:600; font-size:14.5px;\r\n    margin-top:8px; transition: transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s ease;\r\n  }\r\n  #tspx-root .tspx-btn-primary{\r\n    color:#fff; background:linear-gradient(135deg, var(--tspx-primary) 0%, var(--tspx-secondary) 100%);\r\n    box-shadow:0 12px 26px rgba(0,87,217,0.30);\r\n  }\r\n  #tspx-root .tspx-btn-primary:hover{ transform:translateY(-3px); box-shadow:0 18px 38px rgba(0,87,217,0.4), 0 0 0 7px rgba(245,124,0,0.2); }\r\n\r\n  \/* ---------- Floating contact ---------- *\/\r\n  #tspx-root .tspx-floating-contact{\r\n    position:fixed; right:20px; bottom:20px; z-index:9999;\r\n    display:flex; flex-direction:column; gap:12px;\r\n  }\r\n  #tspx-root .tspx-float-btn{\r\n    width:54px; height:54px; border-radius:50%; display:flex; align-items:center; justify-content:center;\r\n    box-shadow:0 14px 28px -8px rgba(27,42,65,0.35); transition: transform .3s ease, box-shadow .3s ease;\r\n  }\r\n  #tspx-root .tspx-float-btn svg{ width:24px; height:24px; }\r\n  #tspx-root .tspx-float-btn:hover{ transform:translateY(-3px) scale(1.06); }\r\n  #tspx-root .tspx-float-call{ background:linear-gradient(135deg, var(--tspx-primary), var(--tspx-secondary)); color:#fff; }\r\n  #tspx-root .tspx-float-whatsapp{ background:#25D366; color:#fff; }\r\n\r\n  \/* ---------- Reveal animation base state ---------- *\/\r\n  #tspx-root .tspx-reveal{ opacity:0; transform:translateY(24px); }\r\n\r\n  \/* ---------- Responsive ---------- *\/\r\n  @media (max-width: 1023px){\r\n    #tspx-root .tspx-timeline{ grid-template-columns:repeat(2,1fr); row-gap:40px; }\r\n    #tspx-root .tspx-timeline-line{ display:none; }\r\n  }\r\n  @media (max-width: 860px){\r\n    #tspx-root .tspx-why-grid{ grid-template-columns:1fr; }\r\n    #tspx-root .tspx-why-media{ order:-1; }\r\n    #tspx-root .tspx-why-media img{ aspect-ratio:16\/10; }\r\n    #tspx-root .tspx-icon-list{ grid-template-columns:1fr; }\r\n    #tspx-root .tspx-stat-row{ flex-wrap:wrap; gap:20px; }\r\n  }\r\n  @media (max-width: 560px){\r\n    #tspx-root .tspx-timeline{ grid-template-columns:1fr; }\r\n    #tspx-root .tspx-floating-contact{ right:14px; bottom:14px; }\r\n    #tspx-root .tspx-float-btn{ width:48px; height:48px; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    #tspx-root .tspx-reveal{ opacity:1; transform:none; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  function init(){\r\n    var root = document.getElementById('tspx-root');\r\n    if (!root || typeof gsap === 'undefined') return;\r\n    if (typeof ScrollTrigger !== 'undefined') gsap.registerPlugin(ScrollTrigger);\r\n\r\n    var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n    var items = root.querySelectorAll('.tspx-reveal');\r\n\r\n    if (reduced) {\r\n      gsap.set(items, { opacity:1, y:0 });\r\n      var fillReduced = root.querySelector('#tspxTimelineFill');\r\n      if (fillReduced) gsap.set(fillReduced, { scaleX:1 });\r\n      root.querySelectorAll('.tspx-timeline-step').forEach(function(s){ s.classList.add('is-active'); });\r\n      return;\r\n    }\r\n\r\n    items.forEach(function(el, i){\r\n      gsap.to(el, {\r\n        opacity:1, y:0, duration:0.8, ease:'power3.out',\r\n        scrollTrigger: {\r\n          trigger: el,\r\n          start: 'top 88%',\r\n          toggleActions: 'play none none none'\r\n        }\r\n      });\r\n    });\r\n\r\n    \/\/ subtle card lift stagger for timeline cards specifically\r\n    var cards = root.querySelectorAll('.tspx-timeline-card');\r\n    if (cards.length && typeof ScrollTrigger !== 'undefined') {\r\n      gsap.from(cards, {\r\n        opacity:0, y:20, duration:0.6, ease:'power2.out', stagger:0.1,\r\n        scrollTrigger: { trigger: '.tspx-timeline', start: 'top 85%' }\r\n      });\r\n      gsap.set(cards, { clearProps:'opacity,transform' });\r\n    }\r\n\r\n    \/\/ scroll-driven roadmap: the connecting line fills and each node\r\n    \/\/ activates in sequence as the user scrolls through this section\r\n    var track = root.querySelector('#tspxTimelineTrack');\r\n    var fill = root.querySelector('#tspxTimelineFill');\r\n    var steps = root.querySelectorAll('.tspx-timeline-step');\r\n    if (track && fill && steps.length && typeof ScrollTrigger !== 'undefined') {\r\n      var stepCount = steps.length;\r\n      gsap.to(fill, {\r\n        scaleX: 1,\r\n        ease: 'none',\r\n        scrollTrigger: {\r\n          trigger: track,\r\n          start: 'top 75%',\r\n          end: 'bottom 55%',\r\n          scrub: 0.4,\r\n          onUpdate: function(self){\r\n            var progress = self.progress;\r\n            steps.forEach(function(step, i){\r\n              var threshold = i \/ (stepCount - 1);\r\n              step.classList.toggle('is-active', progress >= threshold - 0.02);\r\n            });\r\n          }\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  function boot(){\r\n    if (typeof gsap !== 'undefined') { init(); return; }\r\n    window.__tspxAfterGsap = init;\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', boot);\r\n  } else {\r\n    boot();\r\n  }\r\n})();\r\n<\/script>\r\n\r\n\r\n<!-- ================================================================\r\n     THE SIGNIFICANT PLATE \u2014 Our Signature Programs + Additional Services\r\n     Paste as its own Elementor HTML widget, after \"How We Help You\".\r\n     Fully self-contained (own styles, own script) \u2014 does not depend\r\n     on any other widget's CSS or JS.\r\n================================================================ -->\r\n\r\n<div id=\"tspz-root\">\r\n\r\n  <!-- ============ SIGNATURE PROGRAMS (magazine layout) ============ -->\r\n  <section class=\"tspz-signature\" id=\"tspzSignature\">\r\n    <div class=\"tspz-container\">\r\n      <span class=\"tspz-eyebrow tspz-reveal tspz-center\">Our Signature Programs<\/span>\r\n      <h2 class=\"tspz-h2 tspz-center tspz-reveal\">Three premium nutrition programs thoughtfully designed to help individuals, families, and organizations achieve healthier, happier lives through personalized, science-backed nutrition.<\/h2>\r\n\r\n      <div class=\"tspz-magazine\">\r\n\r\n        <!-- Large featured card -->\r\n        <div class=\"tspz-mag-card tspz-mag-featured tspz-reveal\">\r\n          <div class=\"tspz-mag-media\">\r\n            <img decoding=\"async\" src=\"https:\/\/thesignificantplate.com\/wp-content\/uploads\/2026\/07\/online-nutrition-consultation-video-call-dietitian.jpg\" alt=\"Individual Nutrition - online consultation with a dietitian\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"tspz-mag-body\">\r\n            <h3>Individual Nutrition<\/h3>\r\n            <p class=\"tspz-mag-desc\">Nutrition is never one-size-fits-all. We first understand your body, health history, lifestyle, food habits, and goals before creating a completely personalized nutrition plan.<\/p>\r\n            <ul class=\"tspz-mag-list\">\r\n              <li>Personalized Meal Plans<\/li>\r\n              <li>Weight Management<\/li>\r\n              <li>Healthy Skin &amp; Hair<\/li>\r\n              <li>Gut Health<\/li>\r\n              <li>One-to-One Nutrition Counselling<\/li>\r\n            <\/ul>\r\n            <a href=\"#tspzPricing\" class=\"tspz-explore\">Explore Program <span>&rarr;<\/span><\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Two stacked cards -->\r\n        <div class=\"tspz-mag-stack\">\r\n          <div class=\"tspz-mag-card tspz-reveal\">\r\n            <div class=\"tspz-mag-media\">\r\n              <img decoding=\"async\" src=\"https:\/\/thesignificantplate.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-10-2026-04_00_50-AM.png\" alt=\"Bride and Groom Wellness - bridal nutrition and wellness\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"tspz-mag-body\">\r\n              <h3>Bride &amp; Groom Wellness<\/h3>\r\n              <p class=\"tspz-mag-desc\">Prepare for your most beautiful chapter with personalized nutrition designed to improve skin health, hair health, energy, confidence, and overall wellness before your wedding.<\/p>\r\n              <ul class=\"tspz-mag-list tspz-mag-list-compact\">\r\n                <li>Bridal Glow<\/li>\r\n                <li>Healthy Hair<\/li>\r\n                <li>Weight Management<\/li>\r\n                <li>Hydration<\/li>\r\n                <li>Wellness Journey<\/li>\r\n              <\/ul>\r\n              <a href=\"#tspzPricing\" class=\"tspz-explore\">Explore Program <span>&rarr;<\/span><\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"tspz-mag-card tspz-reveal\">\r\n            <div class=\"tspz-mag-media\">\r\n              <img decoding=\"async\" src=\"https:\/\/thesignificantplate.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-10-2026-04_08_57-AM.png\" alt=\"Workplace Wellness - corporate nutrition wellness program\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"tspz-mag-body\">\r\n              <h3>Transform Your Workplace Wellness<\/h3>\r\n              <p class=\"tspz-mag-desc\">Create a healthier workplace with customized nutrition programs that improve employee wellbeing, productivity, engagement, and long-term health.<\/p>\r\n              <ul class=\"tspz-mag-list tspz-mag-list-compact\">\r\n                <li>Employee Wellness<\/li>\r\n                <li>Nutrition Workshops<\/li>\r\n                <li>Health Assessments<\/li>\r\n                <li>Wellness Programs<\/li>\r\n                <li>Corporate Packages<\/li>\r\n              <\/ul>\r\n              <a href=\"#tspzPricing\" class=\"tspz-explore\">Explore Program <span>&rarr;<\/span><\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============ ADDITIONAL SERVICES ============ -->\r\n  <section class=\"tspz-services\">\r\n    <div class=\"tspz-container\">\r\n      <h3 class=\"tspz-services-heading tspz-reveal tspz-center\">Additional Services<\/h3>\r\n      <div class=\"tspz-services-grid\">\r\n        <div class=\"tspz-service-card tspz-service-blue tspz-reveal\">\r\n          <div class=\"tspz-service-icon\">&#129382;<\/div>\r\n          <h4>Dietitian-Approved Meal Delivery<\/h4>\r\n          <p>Ready-made meals designed and approved by your dietitian, matched to your plan.<\/p>\r\n        <\/div>\r\n        <div class=\"tspz-service-card tspz-service-green tspz-reveal\">\r\n          <div class=\"tspz-service-icon\">&#129658;<\/div>\r\n          <h4>Therapeutic &amp; Disease-Specific Nutrition<\/h4>\r\n          <p>Structured nutrition support for managing existing health conditions.<\/p>\r\n        <\/div>\r\n        <div class=\"tspz-service-card tspz-service-orange tspz-reveal\">\r\n          <div class=\"tspz-service-icon\">&#127881;<\/div>\r\n          <h4>Event &amp; Special Menu Planning<\/h4>\r\n          <p>Nutrition-conscious menus for occasions that still need to taste incredible.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<style>\r\n  #tspz-root{\r\n    --tspz-bg:#FFFFFF;\r\n    --tspz-card:#EDF3FB;\r\n    --tspz-primary:#0057D9;\r\n    --tspz-green:#228B22;\r\n    --tspz-orange:#F57C00;\r\n    --tspz-text:#1B2A41;\r\n    --tspz-text-soft:rgba(27,42,65,0.72);\r\n    font-family:'Inter',sans-serif;\r\n  }\r\n  #tspz-root *{ box-sizing:border-box; }\r\n  #tspz-root section{ padding: clamp(56px,9vh,110px) 0; position:relative; }\r\n  #tspz-root .tspz-container{ width:100%; max-width:1220px; margin:0 auto; padding:0 24px; position:relative; z-index:2; }\r\n  #tspz-root .tspz-center{ text-align:center; }\r\n  #tspz-root .tspz-eyebrow{ display:block; font-weight:700; font-size:clamp(12.5px,1.2vw,14.5px); letter-spacing:.16em; text-transform:uppercase; color:var(--tspz-primary); margin-bottom:14px; }\r\n  #tspz-root .tspz-h2{ font-family:'Fraunces',serif; font-weight:500; color:var(--tspz-text); font-size:clamp(24px,3vw,34px); line-height:1.35; margin:0 auto; max-width:840px; }\r\n\r\n  #tspz-root .tspz-signature{\r\n    background:\r\n      radial-gradient(at 90% 0%, rgba(34,139,34,0.06) 0px, transparent 40%),\r\n      radial-gradient(at 5% 90%, rgba(0,87,217,0.05) 0px, transparent 40%),\r\n      #FFFFFF;\r\n  }\r\n  #tspz-root .tspz-magazine{ display:grid; grid-template-columns: 1.3fr 1fr; gap:28px; margin-top:52px; align-items:stretch; }\r\n  #tspz-root .tspz-mag-stack{ display:flex; flex-direction:column; gap:28px; }\r\n\r\n  #tspz-root .tspz-mag-card{\r\n    position:relative; background:#fff; border-radius:30px; overflow:hidden;\r\n    border:1px solid rgba(27,42,65,0.07);\r\n    box-shadow:0 24px 50px -26px rgba(27,42,65,0.28);\r\n    transition: transform .45s cubic-bezier(.22,1,.36,1), box-shadow .45s ease;\r\n    display:flex; flex-direction:column;\r\n  }\r\n  #tspz-root .tspz-mag-card::before{\r\n    content:''; position:absolute; top:0; left:0; right:0; height:5px; z-index:3;\r\n    background:linear-gradient(90deg, var(--tspz-primary), var(--tspz-green));\r\n  }\r\n  #tspz-root .tspz-mag-stack .tspz-mag-card:nth-child(1)::before{ background:linear-gradient(90deg, var(--tspz-orange), #D96A00); }\r\n  #tspz-root .tspz-mag-stack .tspz-mag-card:nth-child(2)::before{ background:linear-gradient(90deg, var(--tspz-green), #145223); }\r\n  #tspz-root .tspz-mag-featured .tspz-mag-body{ background:linear-gradient(180deg, #fff 0%, rgba(0,87,217,0.03) 100%); }\r\n  #tspz-root .tspz-mag-stack .tspz-mag-card:nth-child(1) .tspz-mag-body{ background:linear-gradient(180deg, #fff 0%, rgba(245,124,0,0.04) 100%); }\r\n  #tspz-root .tspz-mag-stack .tspz-mag-card:nth-child(2) .tspz-mag-body{ background:linear-gradient(180deg, #fff 0%, rgba(34,139,34,0.04) 100%); }\r\n  #tspz-root .tspz-mag-card:hover{ transform:translateY(-6px); box-shadow:0 34px 64px -24px rgba(27,42,65,0.34); }\r\n\r\n  #tspz-root .tspz-mag-featured{ flex-direction:column; }\r\n  #tspz-root .tspz-mag-featured .tspz-mag-media{ aspect-ratio:16\/11; }\r\n  #tspz-root .tspz-mag-featured .tspz-mag-body{ padding:32px 34px 34px; }\r\n  #tspz-root .tspz-mag-featured h3{ font-size:27px; }\r\n\r\n  #tspz-root .tspz-mag-stack .tspz-mag-card{ flex-direction:row; flex:1; min-height:180px; }\r\n  #tspz-root .tspz-mag-stack .tspz-mag-media{ width:38%; flex:0 0 auto; background:var(--tspz-card); min-height:100%; }\r\n  #tspz-root .tspz-mag-stack .tspz-mag-body{ padding:22px 22px 22px 20px; flex:1; display:flex; flex-direction:column; }\r\n  #tspz-root .tspz-mag-stack h3{ font-size:18px; }\r\n  #tspz-root .tspz-mag-stack .tspz-mag-desc{ font-size:12.5px; -webkit-line-clamp:3; }\r\n\r\n  #tspz-root .tspz-mag-media{ overflow:hidden; position:relative; }\r\n  #tspz-root .tspz-mag-media img{ width:100%; height:100%; object-fit:cover; display:block; transition: transform .6s cubic-bezier(.22,1,.36,1); }\r\n  #tspz-root .tspz-mag-card:hover .tspz-mag-media img{ transform:scale(1.06); }\r\n\r\n  #tspz-root .tspz-mag-body h3{ font-family:'Fraunces',serif; font-weight:500; color:var(--tspz-text); margin:0 0 10px; line-height:1.25; }\r\n  #tspz-root .tspz-mag-desc{\r\n    font-size:14px; color:var(--tspz-text-soft); line-height:1.6; margin:0 0 16px;\r\n    display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden;\r\n  }\r\n  #tspz-root .tspz-mag-list{ list-style:none; margin:0 0 18px; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:8px 10px; }\r\n  #tspz-root .tspz-mag-list-compact{ grid-template-columns:1fr; margin-bottom:12px; }\r\n  #tspz-root .tspz-mag-list li{\r\n    display:flex; align-items:center; gap:8px;\r\n    font-size:12.5px; font-weight:600; color:var(--tspz-text);\r\n    background:var(--tspz-card); border:1px solid rgba(0,87,217,0.10);\r\n    border-radius:12px; padding:8px 12px;\r\n    transition: transform .25s ease, box-shadow .25s ease;\r\n  }\r\n  #tspz-root .tspz-mag-card:hover .tspz-mag-list li{ box-shadow:0 4px 12px -4px rgba(27,42,65,0.15); }\r\n  #tspz-root .tspz-mag-list li::before{\r\n    content:'\\2713'; flex:0 0 auto; width:18px; height:18px; border-radius:50%;\r\n    display:flex; align-items:center; justify-content:center;\r\n    font-size:10px; color:#fff; font-weight:700;\r\n    background:linear-gradient(135deg, var(--tspz-primary), var(--tspz-green));\r\n  }\r\n  #tspz-root .tspz-mag-stack .tspz-mag-card:nth-child(1) .tspz-mag-list li{ background:rgba(245,124,0,0.06); border-color:rgba(245,124,0,0.14); }\r\n  #tspz-root .tspz-mag-stack .tspz-mag-card:nth-child(1) .tspz-mag-list li::before{ background:linear-gradient(135deg, var(--tspz-orange), #D96A00); }\r\n  #tspz-root .tspz-mag-stack .tspz-mag-card:nth-child(2) .tspz-mag-list li{ background:rgba(34,139,34,0.06); border-color:rgba(34,139,34,0.14); }\r\n  #tspz-root .tspz-mag-stack .tspz-mag-card:nth-child(2) .tspz-mag-list li::before{ background:linear-gradient(135deg, var(--tspz-green), #145223); }\r\n  #tspz-root .tspz-explore{ display:inline-flex; align-items:center; gap:6px; font-weight:700; font-size:13.5px; color:var(--tspz-primary); text-decoration:none; margin-top:auto; transition: gap .3s ease; }\r\n  #tspz-root .tspz-explore:hover{ gap:11px; }\r\n\r\n  #tspz-root .tspz-services{\r\n    background:\r\n      radial-gradient(at 50% 100%, rgba(0,87,217,0.04) 0px, transparent 45%),\r\n      #FFFFFF;\r\n  }\r\n  #tspz-root .tspz-services-heading{ font-family:'Fraunces',serif; font-weight:500; font-size:24px; color:var(--tspz-text); margin:0 0 32px; }\r\n  #tspz-root .tspz-services-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }\r\n  #tspz-root .tspz-service-card{\r\n    position:relative; overflow:hidden;\r\n    background:#fff; border-radius:24px; padding:30px 26px;\r\n    border:1px solid rgba(27,42,65,0.07);\r\n    box-shadow:0 16px 34px -20px rgba(27,42,65,0.2);\r\n    transition: transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s ease;\r\n  }\r\n  #tspz-root .tspz-service-card:hover{ transform:translateY(-6px); box-shadow:0 26px 46px -18px rgba(27,42,65,0.28); }\r\n  #tspz-root .tspz-service-icon{\r\n    width:52px; height:52px; border-radius:16px; display:flex; align-items:center; justify-content:center;\r\n    font-size:23px; margin-bottom:18px; color:#fff;\r\n  }\r\n  #tspz-root .tspz-service-blue{ background:linear-gradient(160deg, rgba(0,87,217,0.06), #fff 60%); }\r\n  #tspz-root .tspz-service-blue .tspz-service-icon{ background:linear-gradient(135deg, var(--tspz-primary), #003C99); }\r\n  #tspz-root .tspz-service-green{ background:linear-gradient(160deg, rgba(34,139,34,0.06), #fff 60%); }\r\n  #tspz-root .tspz-service-green .tspz-service-icon{ background:linear-gradient(135deg, var(--tspz-green), #145223); }\r\n  #tspz-root .tspz-service-orange{ background:linear-gradient(160deg, rgba(245,124,0,0.07), #fff 60%); }\r\n  #tspz-root .tspz-service-orange .tspz-service-icon{ background:linear-gradient(135deg, var(--tspz-orange), #D96A00); }\r\n  #tspz-root .tspz-service-card h4{ font-family:'Fraunces',serif; font-weight:500; font-size:16.5px; color:var(--tspz-text); margin:0 0 8px; }\r\n  #tspz-root .tspz-service-card p{ font-size:13.5px; color:var(--tspz-text-soft); line-height:1.55; margin:0; }\r\n\r\n  #tspz-root .tspz-reveal{ opacity:0; transform:translateY(24px); }\r\n\r\n  @media (max-width: 1023px){\r\n    #tspz-root .tspz-magazine{ grid-template-columns:1fr; }\r\n    #tspz-root .tspz-mag-stack .tspz-mag-card{ flex-direction:column; }\r\n    #tspz-root .tspz-mag-stack .tspz-mag-media{ width:100%; aspect-ratio:16\/9; min-height:0; }\r\n    #tspz-root .tspz-mag-stack .tspz-mag-body{ padding:22px; }\r\n    #tspz-root .tspz-services-grid{ grid-template-columns:1fr; }\r\n  }\r\n  @media (max-width: 640px){\r\n    #tspz-root .tspz-mag-list{ grid-template-columns:1fr; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    #tspz-root .tspz-reveal{ opacity:1; transform:none; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  function animate(){\r\n    var root = document.getElementById('tspz-root');\r\n    if (!root || typeof gsap === 'undefined') return;\r\n    if (typeof ScrollTrigger !== 'undefined') { gsap.registerPlugin(ScrollTrigger); }\r\n    var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n    var reveals = root.querySelectorAll('.tspz-reveal');\r\n    if (reduced) { gsap.set(reveals, { opacity:1, y:0 }); return; }\r\n\r\n    reveals.forEach(function(el){\r\n      gsap.to(el, {\r\n        opacity:1, y:0, duration:0.8, ease:'power3.out',\r\n        scrollTrigger: { trigger: el, start:'top 90%', toggleActions:'play none none none' }\r\n      });\r\n    });\r\n  }\r\n\r\n  function boot(){\r\n    if (typeof gsap !== 'undefined') { animate(); return; }\r\n    if (window.__tspEnsureGSAP) { window.__tspEnsureGSAP(animate); return; }\r\n    var tries = 0;\r\n    var wait = setInterval(function(){\r\n      tries++;\r\n      if (typeof window.gsap !== 'undefined') { clearInterval(wait); animate(); }\r\n      else if (tries > 50) { clearInterval(wait); }\r\n    }, 100);\r\n  }\r\n  if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', boot); } else { boot(); }\r\n})();\r\n<\/script>\r\n\r\n\r\n<!-- ================================================================\r\n     THE SIGNIFICANT PLATE \u2014 Choose Your Wellness Journey (pricing) + Bottom CTA\r\n     Paste as its own Elementor HTML widget, after \"Our Signature Programs\".\r\n     Fully self-contained (own styles, own script) \u2014 does not depend\r\n     on any other widget's CSS or JS.\r\n\r\n     Pricing is REAL (Rs.5,000 \/ Rs.8,000 \/ Rs.10,000) as provided \u2014\r\n     edit the .tspw-price-value spans directly if these ever change.\r\n================================================================ -->\r\n\r\n<div id=\"tspw-root\">\r\n\r\n  <!-- ============ CHOOSE YOUR WELLNESS JOURNEY (pricing) ============ -->\r\n  <section class=\"tspw-pricing\" id=\"tspzPricing\">\r\n    <div class=\"tspw-container\">\r\n      <span class=\"tspw-eyebrow tspw-reveal tspw-center\">Choose Your Wellness Journey<\/span>\r\n      <p class=\"tspw-lead tspw-center tspw-reveal tspw-lead-narrow\">Every health journey begins with understanding your body. Choose the program that best fits your goals, and let our Master's-qualified dietitians guide you every step of the way.<\/p>\r\n\r\n      <div class=\"tspw-pricing-grid\">\r\n\r\n        <div class=\"tspw-card\">\r\n          <div class=\"tspw-card-glow\" aria-hidden=\"true\"><\/div>\r\n          <span class=\"tspw-tag\">The Kickstart<\/span>\r\n          <p class=\"tspw-tagline\">Start Your Healthy Lifestyle Journey<\/p>\r\n          <div class=\"tspw-meta-row\"><span>1 Month<\/span><span>&middot;<\/span><span>Perfect for beginners<\/span><\/div>\r\n          <div class=\"tspw-price\"><span class=\"tspw-price-value\">&#8377;5,000<\/span><\/div>\r\n          <ul class=\"tspw-features\">\r\n            <li><span>&#129657;<\/span>Initial Deep Health Assessment<\/li>\r\n            <li><span>&#129382;<\/span>Personalized Nutrition Plan<\/li>\r\n            <li><span>&#127909;<\/span>Weekly Video Consultation<\/li>\r\n            <li><span>&#128172;<\/span>Daily WhatsApp Support<\/li>\r\n            <li><span>&#128200;<\/span>Weekly Progress Review<\/li>\r\n            <li><span>&#128218;<\/span>Wellness Resource Access<\/li>\r\n          <\/ul>\r\n          <button class=\"tspw-btn tspw-btn-outline\" type=\"button\"><span>Start Your Journey &rarr;<\/span><\/button>\r\n        <\/div>\r\n\r\n        <div class=\"tspw-card tspw-card-popular\">\r\n          <div class=\"tspw-card-glow\" aria-hidden=\"true\"><\/div>\r\n          <div class=\"tspw-popular-badge\">&#11088; Most Popular<\/div>\r\n          <span class=\"tspw-tag\">The Transformation<\/span>\r\n          <p class=\"tspw-tagline\">Reset Your Lifestyle. Build Lasting Habits.<\/p>\r\n          <div class=\"tspw-meta-row\"><span>2 Months<\/span><span>&middot;<\/span><span>Sustainable transformation<\/span><\/div>\r\n          <div class=\"tspw-price\"><span class=\"tspw-price-value\">&#8377;8,000<\/span><\/div>\r\n          <ul class=\"tspw-features\">\r\n            <li><span>&#129657;<\/span>Two Comprehensive Consultations<\/li>\r\n            <li><span>&#129382;<\/span>Personalized Meal Plans<\/li>\r\n            <li><span>&#127909;<\/span>Weekly Coaching Sessions<\/li>\r\n            <li><span>&#128172;<\/span>Daily Monitoring<\/li>\r\n            <li><span>&#127869;<\/span>Healthy Recipes<\/li>\r\n            <li><span>&#128218;<\/span>Motivation Toolkit<\/li>\r\n            <li><span>&#127919;<\/span>Lifestyle Coaching<\/li>\r\n          <\/ul>\r\n          <button class=\"tspw-btn tspw-btn-primary\" type=\"button\"><span>Start Your Transformation &rarr;<\/span><\/button>\r\n        <\/div>\r\n\r\n        <div class=\"tspw-card\">\r\n          <div class=\"tspw-card-glow\" aria-hidden=\"true\"><\/div>\r\n          <span class=\"tspw-tag\">Lifestyle Mastery<\/span>\r\n          <p class=\"tspw-tagline\">Long-Term Wellness for Lifelong Results<\/p>\r\n          <div class=\"tspw-meta-row\"><span>3 Months<\/span><span>&middot;<\/span><span>For long-term commitment<\/span><\/div>\r\n          <div class=\"tspw-price\"><span class=\"tspw-price-value\">&#8377;10,000<\/span><\/div>\r\n          <ul class=\"tspw-features\">\r\n            <li><span>&#129657;<\/span>Three Comprehensive Consultations<\/li>\r\n            <li><span>&#129382;<\/span>Advanced Nutrition Planning<\/li>\r\n            <li><span>&#127909;<\/span>Weekly Coaching<\/li>\r\n            <li><span>&#128172;<\/span>Daily Expert Guidance<\/li>\r\n            <li><span>&#128200;<\/span>Continuous Progress Tracking<\/li>\r\n            <li><span>&#128218;<\/span>Wellness Library<\/li>\r\n            <li><span>&#127942;<\/span>Long-Term Habit Coaching<\/li>\r\n          <\/ul>\r\n          <button class=\"tspw-btn tspw-btn-outline\" type=\"button\"><span>Begin Your Wellness Journey &rarr;<\/span><\/button>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"tspw-trust-bar tspw-reveal\">\r\n        <span>&#10004; Master's Qualified Dietitians<\/span>\r\n        <span>&#10004; Personalized Nutrition Plans<\/span>\r\n        <span>&#10004; Science-Based Nutrition<\/span>\r\n        <span>&#10004; Online Across Kerala<\/span>\r\n        <span>&#10004; Continuous Expert Support<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============ SHARED BOTTOM CTA ============ -->\r\n  <section class=\"tspw-final-cta\">\r\n    <div class=\"tspw-container tspw-final-cta-inner tspw-reveal\">\r\n      <div class=\"tspw-final-cta-media\">\r\n        <img decoding=\"async\" src=\"https:\/\/thesignificantplate.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-10-2026-02_48_55-AM.png\" alt=\"A confused woman unsure which nutrition program is right for her\" loading=\"lazy\">\r\n      <\/div>\r\n      <div class=\"tspw-final-cta-body\">\r\n        <h3>Not Sure Which Program Is Right For You?<\/h3>\r\n        <p>Book a FREE consultation with our Master's-qualified dietitians and receive expert guidance tailored to your body and health goals.<\/p>\r\n        <div class=\"tspw-cta-row\">\r\n          <button class=\"tspw-btn tspw-btn-cta-primary\" type=\"button\"><span>&#128994; Book Free Consultation<\/span><\/button>\r\n          <a href=\"https:\/\/wa.me\/[Replace with your WhatsApp number]\" target=\"_blank\" rel=\"noopener\" class=\"tspw-btn tspw-btn-cta-secondary\"><span>&#128172; WhatsApp Now<\/span><\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<style>\r\n  #tspw-root{\r\n    --tspw-emerald:#1E7A34;\r\n    --tspw-sage:#7BA88A;\r\n    --tspw-gold:#C9A24B;\r\n    --tspw-bg:#FFFFFF;\r\n    --tspw-charcoal:#211F1C;\r\n    --tspw-charcoal-soft:rgba(33,31,28,0.68);\r\n    --tspw-blue:#0057D9;\r\n    --tspw-orange:#F57C00;\r\n    font-family:'Inter',sans-serif;\r\n  }\r\n  #tspw-root *{ box-sizing:border-box; }\r\n  #tspw-root section{ padding: clamp(56px,9vh,110px) 0; position:relative; }\r\n  #tspw-root .tspw-container{ width:100%; max-width:1180px; margin:0 auto; padding:0 24px; position:relative; z-index:2; }\r\n  #tspw-root .tspw-center{ text-align:center; }\r\n\r\n  #tspw-root .tspw-pricing{\r\n    background:\r\n      radial-gradient(at 12% 8%, rgba(30,122,52,0.07) 0px, transparent 42%),\r\n      radial-gradient(at 90% 15%, rgba(201,162,75,0.08) 0px, transparent 40%),\r\n      radial-gradient(at 85% 92%, rgba(30,122,52,0.06) 0px, transparent 42%),\r\n      var(--tspw-bg);\r\n  }\r\n  #tspw-root .tspw-eyebrow{ display:block; font-weight:700; font-size:14px; letter-spacing:.16em; text-transform:uppercase; color:var(--tspw-emerald); margin-bottom:14px; }\r\n  #tspw-root .tspw-lead{ font-family:'Fraunces',serif; font-weight:500; font-size:clamp(22px,2.8vw,30px); line-height:1.4; color:var(--tspw-charcoal); margin:0 auto 52px; }\r\n  #tspw-root .tspw-lead-narrow{ max-width:640px; }\r\n\r\n  #tspw-root .tspw-pricing-grid{ display:grid; grid-template-columns:1fr 1.12fr 1fr; gap:24px; align-items:center; }\r\n\r\n  #tspw-root .tspw-card{\r\n    position:relative; overflow:hidden;\r\n    background:rgba(255,255,255,0.72);\r\n    -webkit-backdrop-filter: blur(18px);\r\n    backdrop-filter: blur(18px);\r\n    border:1px solid rgba(255,255,255,0.9);\r\n    border-radius:32px; padding:36px 30px;\r\n    box-shadow:0 20px 44px -24px rgba(33,31,28,0.22);\r\n    transition: transform .45s cubic-bezier(.22,1,.36,1), box-shadow .45s ease, border-color .45s ease;\r\n  }\r\n  #tspw-root .tspw-card:hover{\r\n    transform:translateY(-10px);\r\n    box-shadow:0 34px 64px -22px rgba(33,31,28,0.3);\r\n    border-color:rgba(30,122,52,0.35);\r\n  }\r\n  #tspw-root .tspw-card-glow{\r\n    position:absolute; top:-30%; right:-20%; width:70%; height:70%; border-radius:50%;\r\n    background:radial-gradient(circle, rgba(30,122,52,0.10) 0%, transparent 70%);\r\n    pointer-events:none;\r\n  }\r\n  #tspw-root .tspw-card-popular{\r\n    transform:scale(1.06);\r\n    border:2px solid var(--tspw-gold);\r\n    box-shadow:0 30px 60px -20px rgba(201,162,75,0.35);\r\n    z-index:3;\r\n  }\r\n  #tspw-root .tspw-card-popular:hover{ transform:scale(1.06) translateY(-10px); }\r\n  #tspw-root .tspw-card-popular .tspw-card-glow{ background:radial-gradient(circle, rgba(201,162,75,0.16) 0%, transparent 70%); }\r\n\r\n  #tspw-root .tspw-popular-badge{\r\n    position:absolute; top:22px; right:22px;\r\n    background:linear-gradient(135deg, var(--tspw-gold), #A9822E);\r\n    color:#fff; font-size:11px; font-weight:700; letter-spacing:.04em;\r\n    padding:6px 14px; border-radius:999px; box-shadow:0 8px 18px rgba(201,162,75,0.4);\r\n  }\r\n\r\n  #tspw-root .tspw-tag{ display:block; font-family:'Fraunces',serif; font-weight:600; font-size:22px; color:var(--tspw-charcoal); margin-bottom:8px; }\r\n  #tspw-root .tspw-tagline{ font-size:14px; color:var(--tspw-emerald); font-weight:600; margin:0 0 16px; }\r\n  #tspw-root .tspw-meta-row{ display:flex; align-items:center; gap:8px; font-size:12.5px; color:var(--tspw-charcoal-soft); margin-bottom:18px; }\r\n  #tspw-root .tspw-price{ font-family:'Fraunces',serif; font-size:36px; font-weight:600; color:var(--tspw-charcoal); margin-bottom:22px; }\r\n  #tspw-root .tspw-features{ list-style:none; margin:0 0 26px; padding:0; }\r\n  #tspw-root .tspw-features li{ display:flex; align-items:center; gap:10px; font-size:13.5px; color:var(--tspw-charcoal); padding:7px 0; border-bottom:1px solid rgba(33,31,28,0.06); }\r\n  #tspw-root .tspw-features li span{ font-size:16px; flex:0 0 auto; }\r\n\r\n  #tspw-root .tspw-btn{ position:relative; display:inline-flex; align-items:center; gap:8px; border-radius:999px; padding:14px 24px; font-weight:600; font-size:14px; cursor:pointer; border:none; text-decoration:none; transition: transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s ease; }\r\n  #tspw-root .tspw-pricing-grid .tspw-btn{ width:100%; justify-content:center; padding:15px 24px; }\r\n  #tspw-root .tspw-btn-primary{ color:#fff; background:linear-gradient(135deg, var(--tspw-emerald), #145223); box-shadow:0 14px 28px rgba(30,122,52,0.32); }\r\n  #tspw-root .tspw-btn-primary:hover{ transform:translateY(-3px); box-shadow:0 20px 38px rgba(30,122,52,0.4); }\r\n  #tspw-root .tspw-btn-outline{ color:var(--tspw-emerald); background:#fff; border:1.5px solid rgba(30,122,52,0.3); }\r\n  #tspw-root .tspw-btn-outline:hover{ background:rgba(30,122,52,0.06); transform:translateY(-2px); }\r\n\r\n  #tspw-root .tspw-trust-bar{\r\n    margin-top:56px; display:flex; flex-wrap:wrap; justify-content:center; gap:14px 28px;\r\n    padding:26px 20px; border-radius:24px;\r\n    background:rgba(30,122,52,0.05); border:1px solid rgba(30,122,52,0.12);\r\n  }\r\n  #tspw-root .tspw-trust-bar span{ font-size:13.5px; font-weight:600; color:var(--tspw-charcoal); }\r\n\r\n  \/* ---------- Bottom CTA (with image) ---------- *\/\r\n  #tspw-root .tspw-final-cta{ background:linear-gradient(135deg, var(--tspw-blue) 0%, #003C99 100%); }\r\n  #tspw-root .tspw-final-cta-inner{ display:grid; grid-template-columns:0.85fr 1.15fr; gap:44px; align-items:center; }\r\n  #tspw-root .tspw-final-cta-media{ border-radius:28px; overflow:hidden; box-shadow:0 30px 60px -20px rgba(0,0,0,0.4); aspect-ratio:4\/5; background:rgba(255,255,255,0.1); }\r\n  #tspw-root .tspw-final-cta-media img{ width:100%; height:100%; object-fit:cover; display:block; }\r\n  #tspw-root .tspw-final-cta-body h3{ font-family:'Fraunces',serif; font-weight:500; font-size:clamp(24px,3vw,32px); color:#fff; margin:0 0 14px; }\r\n  #tspw-root .tspw-final-cta-body p{ color:rgba(255,255,255,0.88); font-size:15.5px; line-height:1.6; margin:0 0 28px; max-width:480px; }\r\n  #tspw-root .tspw-cta-row{ display:flex; flex-wrap:wrap; gap:14px; }\r\n  #tspw-root .tspw-btn-cta-primary{ color:#fff; background:linear-gradient(135deg, var(--tspw-orange) 0%, #D96A00 100%); box-shadow:0 12px 26px rgba(245,124,0,0.32); }\r\n  #tspw-root .tspw-btn-cta-primary:hover{ transform:translateY(-3px); box-shadow:0 18px 36px rgba(245,124,0,0.4); }\r\n  #tspw-root .tspw-btn-cta-secondary{ color:#fff; background:rgba(255,255,255,0.14); border:1.5px solid rgba(255,255,255,0.5); }\r\n  #tspw-root .tspw-btn-cta-secondary:hover{ background:rgba(255,255,255,0.22); transform:translateY(-2px); }\r\n\r\n  #tspw-root .tspw-reveal{ opacity:0; transform:translateY(24px); }\r\n\r\n  @media (max-width: 1023px){\r\n    #tspw-root .tspw-pricing-grid{ grid-template-columns:1fr; max-width:440px; margin-left:auto; margin-right:auto; }\r\n    #tspw-root .tspw-card-popular{ transform:none; order:-1; }\r\n    #tspw-root .tspw-card-popular:hover{ transform:translateY(-8px); }\r\n    #tspw-root .tspw-final-cta-inner{ grid-template-columns:1fr; }\r\n    #tspw-root .tspw-final-cta-media{ max-width:340px; margin:0 auto; aspect-ratio:4\/3; }\r\n  }\r\n  @media (max-width: 640px){\r\n    #tspw-root .tspw-cta-row{ flex-direction:column; }\r\n    #tspw-root .tspw-cta-row .tspw-btn{ width:100%; justify-content:center; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    #tspw-root .tspw-reveal{ opacity:1; transform:none; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  function animate(){\r\n    var root = document.getElementById('tspw-root');\r\n    if (!root || typeof gsap === 'undefined') return;\r\n    if (typeof ScrollTrigger !== 'undefined') { gsap.registerPlugin(ScrollTrigger); }\r\n    var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n    var reveals = root.querySelectorAll('.tspw-reveal');\r\n    if (reduced) { gsap.set(reveals, { opacity:1, y:0 }); return; }\r\n\r\n    reveals.forEach(function(el){\r\n      gsap.to(el, {\r\n        opacity:1, y:0, duration:0.8, ease:'power3.out',\r\n        scrollTrigger: { trigger: el, start:'top 90%', toggleActions:'play none none none' }\r\n      });\r\n    });\r\n\r\n    var priceCards = root.querySelectorAll('.tspw-card');\r\n    if (priceCards.length) {\r\n      gsap.from(priceCards, {\r\n        opacity:0, y:28, duration:0.7, ease:'power2.out', stagger:0.1,\r\n        scrollTrigger: { trigger:'.tspw-pricing-grid', start:'top 85%' }\r\n      });\r\n      gsap.set(priceCards, { clearProps:'opacity,transform' });\r\n    }\r\n  }\r\n\r\n  function boot(){\r\n    if (typeof gsap !== 'undefined') { animate(); return; }\r\n    if (window.__tspEnsureGSAP) { window.__tspEnsureGSAP(animate); return; }\r\n    var tries = 0;\r\n    var wait = setInterval(function(){\r\n      tries++;\r\n      if (typeof window.gsap !== 'undefined') { clearInterval(wait); animate(); }\r\n      else if (tries > 50) { clearInterval(wait); }\r\n    }, 100);\r\n  }\r\n  if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', boot); } else { boot(); }\r\n})();\r\n<\/script>\r\n\r\n\r\n<!-- ================================================================\r\n     THE SIGNIFICANT PLATE \u2014 Meet Our Experts\r\n     Paste as its own Elementor HTML widget.\r\n\r\n     \"Meet the Expert\" buttons and the bottom \"Meet Our Experts\" CTA\r\n     link to '#' \u2014 point href=\"#\" to your dedicated Experts page once\r\n     it exists (search-replace TSPE_EXPERTS_PAGE_URL).\r\n================================================================ -->\r\n\r\n<div id=\"tspe-root\">\r\n  <section class=\"tspe-section\" id=\"tspeExperts\">\r\n    <div class=\"tspe-container\">\r\n      <span class=\"tspe-eyebrow tspe-reveal tspe-center\">Meet Our Experts<\/span>\r\n      <h2 class=\"tspe-h2 tspe-center tspe-reveal\">Meet the Experts Behind The Significant Plate<\/h2>\r\n      <p class=\"tspe-lead tspe-center tspe-reveal tspe-lead-narrow\">Three Master's-qualified dietitians with 20+ years of combined experience in clinical nutrition, research, therapeutic care, and personalized wellness \u2014 helping people across Kerala achieve healthier lives through science-backed nutrition.<\/p>\r\n\r\n      <div class=\"tspe-grid\">\r\n\r\n        <div class=\"tspe-card tspe-reveal\">\r\n          <div class=\"tspe-media\">\r\n            <img decoding=\"async\" src=\"https:\/\/thesignificantplate.com\/wp-content\/uploads\/2026\/07\/1000443200-1.jpg\" alt=\"Farzana N Musthafa \u2014 Research and Clinical Nutrition Expert\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"tspe-body\">\r\n            <h3>Farzana N Musthafa<\/h3>\r\n            <span class=\"tspe-title\">Research &amp; Clinical Nutrition Expert<\/span>\r\n            <p>Passionate about evidence-based nutrition, research, and personalized health solutions.<\/p>\r\n            <a href=\"#TSPE_EXPERTS_PAGE_URL\" class=\"tspe-btn-outline\">Meet the Expert<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tspe-card tspe-reveal\">\r\n          <div class=\"tspe-media\">\r\n            <img decoding=\"async\" src=\"https:\/\/thesignificantplate.com\/wp-content\/uploads\/2026\/07\/1000443198-1.jpg\" alt=\"Manju George \u2014 Therapeutic Nutrition Specialist\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"tspe-body\">\r\n            <h3>Manju George<\/h3>\r\n            <span class=\"tspe-title\">Therapeutic Nutrition Specialist<\/span>\r\n            <p>Helping individuals manage health conditions through personalized clinical nutrition and compassionate care.<\/p>\r\n            <a href=\"#TSPE_EXPERTS_PAGE_URL\" class=\"tspe-btn-outline\">Meet the Expert<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tspe-card tspe-reveal\">\r\n          <div class=\"tspe-media\">\r\n            <img decoding=\"async\" src=\"https:\/\/thesignificantplate.com\/wp-content\/uploads\/2026\/07\/1000443202-1.jpg\" alt=\"Nissy Cyril \u2014 Lifestyle and Metabolic Health Expert\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"tspe-body\">\r\n            <h3>Nissy Cyril<\/h3>\r\n            <span class=\"tspe-title\">Lifestyle &amp; Metabolic Health Expert<\/span>\r\n            <p>Specializing in PCOS, diabetes, metabolic health, and sustainable lifestyle transformation.<\/p>\r\n            <a href=\"#TSPE_EXPERTS_PAGE_URL\" class=\"tspe-btn-outline\">Meet the Expert<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"tspe-trust-row tspe-reveal\">\r\n        <span>\u2714 Master's Qualified Dietitians<\/span>\r\n        <span>\u2714 20+ Years Combined Experience<\/span>\r\n        <span>\u2714 Evidence-Based Nutrition<\/span>\r\n        <span>\u2714 Online Consultations Across Kerala<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"tspe-cta tspe-reveal\">\r\n        <h3>Meet the Team Behind Your Health Journey<\/h3>\r\n        <a href=\"#TSPE_EXPERTS_PAGE_URL\" class=\"tspe-btn-primary\">Meet Our Experts<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<style>\r\n  #tspe-root{\r\n    --tspe-bg:#FFFFFF;\r\n    --tspe-card:#EDF3FB;\r\n    --tspe-primary:#0057D9;\r\n    --tspe-green:#228B22;\r\n    --tspe-text:#1B2A41;\r\n    --tspe-text-soft:rgba(27,42,65,0.72);\r\n    font-family:'Inter',sans-serif;\r\n  }\r\n  #tspe-root *{ box-sizing:border-box; }\r\n  #tspe-root .tspe-section{\r\n    padding: clamp(56px,9vh,110px) 0;\r\n    position:relative;\r\n    background:\r\n      radial-gradient(at 90% 10%, rgba(34,139,34,0.06) 0px, transparent 40%),\r\n      radial-gradient(at 8% 90%, rgba(0,87,217,0.05) 0px, transparent 40%),\r\n      #FFFFFF;\r\n  }\r\n  #tspe-root .tspe-container{ width:100%; max-width:1140px; margin:0 auto; padding:0 24px; position:relative; z-index:2; }\r\n  #tspe-root .tspe-center{ text-align:center; }\r\n  #tspe-root .tspe-eyebrow{ display:block; font-weight:700; font-size:clamp(12.5px,1.2vw,14.5px); letter-spacing:.16em; text-transform:uppercase; color:var(--tspe-primary); margin-bottom:14px; }\r\n  #tspe-root .tspe-h2{ font-family:'Fraunces',serif; font-weight:500; color:var(--tspe-text); font-size:clamp(26px,3.4vw,40px); line-height:1.2; margin:0 auto 18px; max-width:760px; }\r\n  #tspe-root .tspe-lead{ font-size:clamp(15px,1.3vw,17px); line-height:1.65; color:var(--tspe-text-soft); margin:0 auto 52px; }\r\n  #tspe-root .tspe-lead-narrow{ max-width:640px; }\r\n\r\n  #tspe-root .tspe-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-bottom:52px; }\r\n  #tspe-root .tspe-card{\r\n    background:#fff; border-radius:28px; overflow:hidden;\r\n    border:1px solid rgba(27,42,65,0.07);\r\n    box-shadow:0 20px 44px -24px rgba(27,42,65,0.24);\r\n    transition: transform .4s cubic-bezier(.22,1,.36,1), box-shadow .4s ease;\r\n  }\r\n  #tspe-root .tspe-card:hover{ transform:translateY(-8px); box-shadow:0 32px 58px -22px rgba(27,42,65,0.3); }\r\n  #tspe-root .tspe-media{ aspect-ratio:4\/5; overflow:hidden; }\r\n  #tspe-root .tspe-media img{ width:100%; height:100%; object-fit:cover; display:block; transition: transform .6s cubic-bezier(.22,1,.36,1); }\r\n  #tspe-root .tspe-card:hover .tspe-media img{ transform:scale(1.05); }\r\n  #tspe-root .tspe-body{ padding:26px 24px 28px; text-align:center; }\r\n  #tspe-root .tspe-body h3{ font-family:'Fraunces',serif; font-weight:500; font-size:20px; color:var(--tspe-text); margin:0 0 6px; }\r\n  #tspe-root .tspe-title{ display:block; font-size:12.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--tspe-green); margin-bottom:14px; }\r\n  #tspe-root .tspe-body p{ font-size:14px; line-height:1.55; color:var(--tspe-text-soft); margin:0 0 20px; }\r\n\r\n  #tspe-root .tspe-btn-outline{\r\n    display:inline-block; text-decoration:none;\r\n    font-size:13.5px; font-weight:600; color:var(--tspe-primary);\r\n    border:1.5px solid rgba(0,87,217,0.3); border-radius:999px; padding:10px 24px;\r\n    transition: background .3s ease, transform .3s ease;\r\n  }\r\n  #tspe-root .tspe-btn-outline:hover{ background:rgba(0,87,217,0.06); transform:translateY(-2px); }\r\n\r\n  #tspe-root .tspe-trust-row{\r\n    display:flex; flex-wrap:wrap; justify-content:center; gap:14px 26px;\r\n    padding:24px 20px; border-radius:20px;\r\n    background:var(--tspe-card); margin-bottom:44px;\r\n  }\r\n  #tspe-root .tspe-trust-row span{ font-size:13px; font-weight:600; color:var(--tspe-text); }\r\n\r\n  #tspe-root .tspe-cta{ text-align:center; }\r\n  #tspe-root .tspe-cta h3{ font-family:'Fraunces',serif; font-weight:500; font-size:clamp(19px,2.2vw,24px); color:var(--tspe-text); margin:0 0 20px; }\r\n  #tspe-root .tspe-btn-primary{\r\n    display:inline-block; text-decoration:none; color:#fff;\r\n    background:linear-gradient(135deg, var(--tspe-primary) 0%, #003C99 100%);\r\n    border-radius:999px; padding:15px 32px; font-weight:600; font-size:14.5px;\r\n    box-shadow:0 14px 28px rgba(0,87,217,0.3);\r\n    transition: transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s ease;\r\n  }\r\n  #tspe-root .tspe-btn-primary:hover{ transform:translateY(-3px); box-shadow:0 20px 38px rgba(0,87,217,0.38); }\r\n\r\n  #tspe-root .tspe-reveal{ opacity:0; transform:translateY(24px); }\r\n\r\n  @media (max-width: 860px){\r\n    #tspe-root .tspe-grid{ grid-template-columns:1fr; max-width:360px; margin-left:auto; margin-right:auto; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    #tspe-root .tspe-reveal{ opacity:1; transform:none; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  function animate(){\r\n    var root = document.getElementById('tspe-root');\r\n    if (!root || typeof gsap === 'undefined') return;\r\n    var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n    var items = root.querySelectorAll('.tspe-reveal');\r\n    if (reduced) { gsap.set(items, { opacity:1, y:0 }); return; }\r\n    if (typeof ScrollTrigger !== 'undefined') { gsap.registerPlugin(ScrollTrigger); }\r\n\r\n    items.forEach(function(el){\r\n      gsap.to(el, {\r\n        opacity:1, y:0, duration:0.8, ease:'power3.out',\r\n        scrollTrigger: { trigger: el, start:'top 88%', toggleActions:'play none none none' }\r\n      });\r\n    });\r\n\r\n    var cards = root.querySelectorAll('.tspe-card');\r\n    if (cards.length) {\r\n      gsap.from(cards, {\r\n        opacity:0, y:26, duration:0.7, ease:'power2.out', stagger:0.12,\r\n        scrollTrigger: { trigger:'.tspe-grid', start:'top 85%' }\r\n      });\r\n      gsap.set(cards, { clearProps:'opacity,transform' });\r\n    }\r\n  }\r\n\r\n  function boot(){\r\n    if (typeof gsap !== 'undefined') { animate(); return; }\r\n    if (window.__tspEnsureGSAP) { window.__tspEnsureGSAP(animate); return; }\r\n    var tries = 0;\r\n    var wait = setInterval(function(){\r\n      tries++;\r\n      if (typeof window.gsap !== 'undefined') { clearInterval(wait); animate(); }\r\n      else if (tries > 50) { clearInterval(wait); }\r\n    }, 100);\r\n  }\r\n  if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', boot); } else { boot(); }\r\n})();\r\n<\/script>\r\n\r\n\r\n<!-- ================================================================\r\n     THE SIGNIFICANT PLATE \u2014 Homepage Sections, Batch 2\r\n     (Trusted By \u00b7 Testimonials \u00b7 Transformation Gallery \u00b7 FAQ \u00b7 Final CTA \u00b7 Footer)\r\n\r\n     Paste as a SEPARATE Elementor HTML widget, directly BELOW Batch 1.\r\n     Same color system, same animation language \u2014 one continuous page.\r\n\r\n     Everything marked [Replace with your information] is a genuine\r\n     placeholder \u2014 quotes, names, before\/after results, and specific\r\n     claims are NOT invented, since fabricated testimonials\/results on\r\n     a health website are a real trust and legal problem. Swap these\r\n     for your real content and the page is done.\r\n================================================================ -->\r\n\r\n<div id=\"tspy-root\">\r\n\r\n  <!-- ============ TRUSTED BY \/ CREDIBILITY STRIP ============ -->\r\n  <section class=\"tspy-trusted\" id=\"tspyTrusted\">\r\n    <div class=\"tspy-container tspy-trusted-row\">\r\n      <div class=\"tspy-trusted-item tspy-reveal\">\r\n        <strong>3<\/strong>\r\n        <span>Master's-Qualified Dietitians<\/span>\r\n      <\/div>\r\n      <div class=\"tspy-trusted-item tspy-reveal\">\r\n        <strong>5.0 \u2605\u2605\u2605\u2605\u2605<\/strong>\r\n        <span>Average Client Rating<\/span>\r\n      <\/div>\r\n      <div class=\"tspy-trusted-item tspy-reveal\">\r\n        <strong>Master's Degree<\/strong>\r\n        <span>In Food &amp; Nutrition<\/span>\r\n      <\/div>\r\n      <div class=\"tspy-trusted-item tspy-reveal\">\r\n        <strong>20+<\/strong>\r\n        <span>Years Combined Experience<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============ TESTIMONIALS ============ -->\r\n  <section class=\"tspy-testimonials\" id=\"tspyTestimonials\">\r\n    <div class=\"tspy-container\">\r\n      <span class=\"tspy-eyebrow tspy-reveal tspy-center\">Client Stories<\/span>\r\n      <h2 class=\"tspy-h2 tspy-center tspy-reveal\">Real people. <em>Real results.<\/em><\/h2>\r\n      <p class=\"tspy-lead tspy-center tspy-reveal tspy-lead-narrow\">[Replace with 3 of your real client testimonials \u2014 direct quotes work best. Placeholder cards below show the intended layout.]<\/p>\r\n\r\n      <div class=\"tspy-testimonial-grid\">\r\n        <div class=\"tspy-testimonial-card tspy-reveal\">\r\n          <div class=\"tspy-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n          <p>\"[Replace with your client's real testimonial quote.]\"<\/p>\r\n          <div class=\"tspy-testimonial-author\">\r\n            <div class=\"tspy-avatar\">[Photo]<\/div>\r\n            <div><strong>[Client Name]<\/strong><span>[Program Taken]<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"tspy-testimonial-card tspy-reveal\">\r\n          <div class=\"tspy-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n          <p>\"[Replace with your client's real testimonial quote.]\"<\/p>\r\n          <div class=\"tspy-testimonial-author\">\r\n            <div class=\"tspy-avatar\">[Photo]<\/div>\r\n            <div><strong>[Client Name]<\/strong><span>[Program Taken]<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"tspy-testimonial-card tspy-reveal\">\r\n          <div class=\"tspy-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n          <p>\"[Replace with your client's real testimonial quote.]\"<\/p>\r\n          <div class=\"tspy-testimonial-author\">\r\n            <div class=\"tspy-avatar\">[Photo]<\/div>\r\n            <div><strong>[Client Name]<\/strong><span>[Program Taken]<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tspy-review-prompt tspy-reveal\">\r\n        <p>Had a great experience with us? We'd love to hear about it.<\/p>\r\n        <a href=\"#[Replace with your Google Reviews link]\" target=\"_blank\" rel=\"noopener\" class=\"tspy-review-btn\">\r\n          <span class=\"tspy-stars\">\u2605\u2605\u2605\u2605\u2605<\/span> Share Your Review\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============ TRANSFORMATION GALLERY ============ -->\r\n  <section class=\"tspy-gallery\" id=\"tspyGallery\">\r\n    <div class=\"tspy-container\">\r\n      <span class=\"tspy-eyebrow tspy-reveal tspy-center\">Transformations<\/span>\r\n      <h2 class=\"tspy-h2 tspy-center tspy-reveal\">Progress worth celebrating<\/h2>\r\n      <p class=\"tspy-lead tspy-center tspy-reveal tspy-lead-narrow\">[Replace with real client transformation photos \u2014 with their written consent. Never publish before\/after claims without explicit permission and honest framing.]<\/p>\r\n\r\n      <div class=\"tspy-gallery-grid\">\r\n        <div class=\"tspy-gallery-slot tspy-reveal\"><span>[Client Photo]<\/span><\/div>\r\n        <div class=\"tspy-gallery-slot tspy-reveal\"><span>[Client Photo]<\/span><\/div>\r\n        <div class=\"tspy-gallery-slot tspy-reveal\"><span>[Client Photo]<\/span><\/div>\r\n        <div class=\"tspy-gallery-slot tspy-reveal\"><span>[Client Photo]<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============ FAQ ============ -->\r\n  <section class=\"tspy-faq\" id=\"tspyFaq\">\r\n    <div class=\"tspy-container tspy-faq-grid\">\r\n      <div class=\"tspy-faq-intro tspy-reveal\">\r\n        <span class=\"tspy-eyebrow\">FAQ<\/span>\r\n        <h2 class=\"tspy-h2\">Questions, answered<\/h2>\r\n        <p class=\"tspy-lead\">Generic starting questions below \u2014 replace the answers (and add your own questions) with specifics about your practice, pricing, and policies.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"tspy-faq-list\">\r\n        <div class=\"tspy-faq-item tspy-reveal\">\r\n          <button class=\"tspy-faq-q\" type=\"button\">\r\n            <span>How does the online consultation work?<\/span>\r\n            <span class=\"tspy-faq-icon\">+<\/span>\r\n          <\/button>\r\n          <div class=\"tspy-faq-a\"><p>[Replace with your actual consultation process \u2014 video call platform, duration, what to prepare.]<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"tspy-faq-item tspy-reveal\">\r\n          <button class=\"tspy-faq-q\" type=\"button\">\r\n            <span>How soon will I see results?<\/span>\r\n            <span class=\"tspy-faq-icon\">+<\/span>\r\n          <\/button>\r\n          <div class=\"tspy-faq-a\"><p>[Replace with an honest, evidence-based answer \u2014 avoid specific guaranteed timelines or exaggerated claims.]<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"tspy-faq-item tspy-reveal\">\r\n          <button class=\"tspy-faq-q\" type=\"button\">\r\n            <span>Do you create plans for medical conditions like PCOS or diabetes?<\/span>\r\n            <span class=\"tspy-faq-icon\">+<\/span>\r\n          <\/button>\r\n          <div class=\"tspy-faq-a\"><p>[Replace with your actual scope of practice and any medical disclaimer you require.]<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"tspy-faq-item tspy-reveal\">\r\n          <button class=\"tspy-faq-q\" type=\"button\">\r\n            <span>What does a program cost?<\/span>\r\n            <span class=\"tspy-faq-icon\">+<\/span>\r\n          <\/button>\r\n          <div class=\"tspy-faq-a\"><p>[Replace with your real pricing, or direct visitors to book a free consultation for a quote.]<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"tspy-faq-item tspy-reveal\">\r\n          <button class=\"tspy-faq-q\" type=\"button\">\r\n            <span>Do you offer in-person as well as online consultations?<\/span>\r\n            <span class=\"tspy-faq-icon\">+<\/span>\r\n          <\/button>\r\n          <div class=\"tspy-faq-a\"><p>[Replace with your actual availability and location(s).]<\/p><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============ FINAL CTA BANNER ============ -->\r\n  <section class=\"tspy-final-cta\" id=\"tspyFinalCta\">\r\n    <div class=\"tspy-container tspy-final-cta-inner tspy-reveal\">\r\n      <h2>Start your health journey today<\/h2>\r\n      <p>Book a free consultation and get a nutrition plan built specifically for you \u2014 not a template.<\/p>\r\n      <div class=\"tspy-cta-row\">\r\n        <button class=\"tspy-btn tspy-btn-primary\" type=\"button\"><span>Book Your FREE Consultation<\/span><\/button>\r\n        <button class=\"tspy-btn tspy-btn-secondary\" type=\"button\"><span>Explore Services<\/span><\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============ FOOTER ============ -->\r\n  <footer class=\"tspy-footer\">\r\n    <div class=\"tspy-container tspy-footer-grid\">\r\n      <div class=\"tspy-footer-brand\">\r\n        <div class=\"tspy-footer-logo-badge\">\r\n          <img decoding=\"async\" src=\"https:\/\/thesignificantplate.com\/wp-content\/uploads\/2026\/07\/the-significant-plate-logo-nutrition-balance-wellness.png\" alt=\"The Significant Plate logo\" loading=\"lazy\" class=\"tspy-footer-logo\">\r\n        <\/div>\r\n        <p>Evidence-based nutrition guidance built around real food, real life, and sustainable results.<\/p>\r\n      <\/div>\r\n      <div class=\"tspy-footer-col\">\r\n        <h4>Programs<\/h4>\r\n        <ul>\r\n          <li>Individual Nutrition<\/li>\r\n          <li>Therapeutic Diet &amp; Disease-Specific Nutrition<\/li>\r\n          <li>Lifestyle Modification Coaching<\/li>\r\n          <li>Performance &amp; Sports Nutrition<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"tspy-footer-col\">\r\n        <h4>Company<\/h4>\r\n        <ul>\r\n          <li>About<\/li>\r\n          <li>Services<\/li>\r\n          <li>Testimonials<\/li>\r\n          <li>FAQ<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"tspy-footer-col\">\r\n        <h4>Get in Touch<\/h4>\r\n        <ul>\r\n          <li><a href=\"tel:[Replace with your phone number]\">[Replace with your phone number]<\/a><\/li>\r\n          <li><a href=\"mailto:[Replace with your email]\">[Replace with your email]<\/a><\/li>\r\n          <li>[Replace with your address]<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"tspy-container tspy-footer-bottom\">\r\n      <span>\u00a9 <span id=\"tspyYear\"><\/span> The Significant Plate. All rights reserved.<\/span>\r\n    <\/div>\r\n  <\/footer>\r\n\r\n<\/div>\r\n\r\n<style>\r\n  #tspy-root{\r\n    --tspy-bg:#FFFFFF;\r\n    --tspy-card:#EDF3FB;\r\n    --tspy-primary:#0057D9;\r\n    --tspy-secondary:#1B2A41;\r\n    --tspy-text:#1B2A41;\r\n    --tspy-text-soft:rgba(27,42,65,0.72);\r\n    --tspy-gold:#F57C00;\r\n    --tspy-orange:#F57C00;\r\n    font-family:'Inter',sans-serif;\r\n  }\r\n  #tspy-root *{ box-sizing:border-box; }\r\n  #tspy-root section{ padding: clamp(56px,9vh,110px) 0; }\r\n  #tspy-root .tspy-container{ width:100%; max-width:1180px; margin:0 auto; padding:0 24px; }\r\n  #tspy-root .tspy-center{ text-align:center; }\r\n\r\n  #tspy-root .tspy-eyebrow{ display:block; font-weight:700; font-size:clamp(12.5px,1.2vw,14.5px); letter-spacing:.16em; text-transform:uppercase; color:var(--tspy-primary); margin-bottom:12px; }\r\n  #tspy-root .tspy-h2{ font-family:'Fraunces',serif; font-weight:500; color:var(--tspy-text); font-size:clamp(26px,3.6vw,42px); line-height:1.15; margin:0 0 16px; }\r\n  #tspy-root .tspy-h2 em{ font-style:italic; font-weight:500; background:linear-gradient(90deg, var(--tspy-gold) 0%, var(--tspy-orange) 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }\r\n  #tspy-root .tspy-lead{ font-size:clamp(16px,1.4vw,18.5px); line-height:1.68; color:var(--tspy-text); font-weight:500; margin:0 0 24px; }\r\n  #tspy-root .tspy-lead-narrow{ max-width:640px; margin-left:auto; margin-right:auto; }\r\n\r\n  \/* ---------- Trusted strip ---------- *\/\r\n  #tspy-root .tspy-trusted{ padding: clamp(32px,5vh,56px) 0; background:var(--tspy-card); }\r\n  #tspy-root .tspy-trusted-row{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:24px; }\r\n  #tspy-root .tspy-trusted-item{ flex:1 1 200px; text-align:center; }\r\n  #tspy-root .tspy-trusted-item strong{ display:block; font-family:'Fraunces',serif; font-size:clamp(21px,2.4vw,28px); color:var(--tspy-orange); margin-bottom:4px; }\r\n  #tspy-root .tspy-trusted-item span{ font-size:13px; font-weight:600; color:var(--tspy-text); text-transform:uppercase; letter-spacing:.05em; }\r\n\r\n  \/* ---------- Testimonials ---------- *\/\r\n  #tspy-root .tspy-testimonial-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:44px; }\r\n  #tspy-root .tspy-review-prompt{\r\n    margin-top:36px; text-align:center; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:16px;\r\n    padding:22px 28px; border-radius:20px; background:var(--tspy-card); border:1px solid rgba(27,42,65,0.08);\r\n  }\r\n  #tspy-root .tspy-review-prompt p{ margin:0; font-size:14px; color:var(--tspy-text); font-weight:600; }\r\n  #tspy-root .tspy-review-btn{\r\n    display:inline-flex; align-items:center; gap:8px; text-decoration:none;\r\n    background:linear-gradient(135deg, var(--tspy-primary) 0%, #003C99 100%); color:#fff;\r\n    border-radius:999px; padding:11px 22px; font-size:13.5px; font-weight:600;\r\n    box-shadow:0 10px 22px rgba(0,87,217,0.28);\r\n    transition: transform .3s ease, box-shadow .3s ease;\r\n  }\r\n  #tspy-root .tspy-review-btn:hover{ transform:translateY(-2px); box-shadow:0 14px 28px rgba(0,87,217,0.34); }\r\n  #tspy-root .tspy-review-btn .tspy-stars{ color:var(--tspy-gold); letter-spacing:1px; }\r\n  #tspy-root .tspy-testimonial-card{ background:#fff; border-radius:22px; padding:28px; border:1px solid rgba(27,42,65,0.08); box-shadow:0 16px 34px -18px rgba(27,42,65,0.18); }\r\n  #tspy-root .tspy-stars{ color:var(--tspy-gold); letter-spacing:2px; margin-bottom:14px; }\r\n  #tspy-root .tspy-testimonial-card p{ font-size:15.5px; line-height:1.62; color:var(--tspy-text); font-style:italic; margin:0 0 20px; }\r\n  #tspy-root .tspy-testimonial-author{ display:flex; align-items:center; gap:12px; }\r\n  #tspy-root .tspy-avatar{ width:42px; height:42px; border-radius:50%; background:var(--tspy-card); display:flex; align-items:center; justify-content:center; font-size:10px; color:var(--tspy-text-soft); flex:0 0 auto; }\r\n  #tspy-root .tspy-testimonial-author strong{ display:block; font-size:14px; color:var(--tspy-text); }\r\n  #tspy-root .tspy-testimonial-author span{ font-size:12.5px; color:var(--tspy-text-soft); }\r\n\r\n  \/* ---------- Gallery ---------- *\/\r\n  #tspy-root .tspy-gallery{ background:linear-gradient(180deg, var(--tspy-bg) 0%, #F3F6FB 100%); }\r\n  #tspy-root .tspy-gallery-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:36px; }\r\n  #tspy-root .tspy-gallery-slot{ aspect-ratio:3\/4; border-radius:18px; background:var(--tspy-card); border:1.5px dashed rgba(27,42,65,0.25); display:flex; align-items:center; justify-content:center; color:var(--tspy-text-soft); font-size:13px; text-align:center; padding:12px; }\r\n\r\n  \/* ---------- FAQ ---------- *\/\r\n  #tspy-root .tspy-faq-grid{ display:grid; grid-template-columns:0.8fr 1.2fr; gap:56px; }\r\n  #tspy-root .tspy-faq-list{ display:flex; flex-direction:column; gap:12px; }\r\n  #tspy-root .tspy-faq-item{ border:1px solid rgba(27,42,65,0.12); border-radius:16px; overflow:hidden; background:#fff; }\r\n  #tspy-root .tspy-faq-q{\r\n    width:100%; text-align:left; background:none; border:none; cursor:pointer;\r\n    display:flex; justify-content:space-between; align-items:center; gap:12px;\r\n    padding:18px 22px; font-size:15px; font-weight:600; color:var(--tspy-text); font-family:'Inter',sans-serif;\r\n  }\r\n  #tspy-root .tspy-faq-icon{ flex:0 0 auto; width:26px; height:26px; border-radius:50%; background:var(--tspy-card); color:var(--tspy-secondary); display:flex; align-items:center; justify-content:center; font-size:16px; transition:transform .3s ease; }\r\n  #tspy-root .tspy-faq-item.is-open .tspy-faq-icon{ transform:rotate(45deg); }\r\n  #tspy-root .tspy-faq-a{ max-height:0; overflow:hidden; transition:max-height .35s ease; }\r\n  #tspy-root .tspy-faq-a p{ margin:0; padding:0 22px 20px; font-size:14.5px; line-height:1.6; color:var(--tspy-text-soft); }\r\n\r\n  \/* ---------- Final CTA ---------- *\/\r\n  #tspy-root .tspy-final-cta{ background:linear-gradient(135deg, var(--tspy-secondary) 0%, var(--tspy-primary) 100%); text-align:center; }\r\n  #tspy-root .tspy-final-cta-inner{ max-width:640px; margin:0 auto; }\r\n  #tspy-root .tspy-final-cta h2{ font-family:'Fraunces',serif; font-weight:500; font-size:clamp(26px,3.6vw,38px); color:#fff; margin:0 0 12px; }\r\n  #tspy-root .tspy-final-cta p{ color:rgba(255,255,255,0.9); font-size:15.5px; margin:0 0 28px; }\r\n  #tspy-root .tspy-cta-row{ display:flex; flex-wrap:wrap; gap:14px; justify-content:center; }\r\n\r\n  \/* ---------- Buttons ---------- *\/\r\n  #tspy-root .tspy-btn{ position:relative; overflow:hidden; border-radius:999px; padding:15px 30px; font-weight:600; font-size:14.5px; cursor:pointer; transition: transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s ease; }\r\n  #tspy-root .tspy-btn-primary{ border:none; color:var(--tspy-secondary); background:#fff; box-shadow:0 12px 26px rgba(0,0,0,0.18); }\r\n  #tspy-root .tspy-btn-primary:hover{ transform:translateY(-3px); box-shadow:0 18px 34px rgba(0,0,0,0.22); }\r\n  #tspy-root .tspy-btn-secondary{ background:transparent; border:1.5px solid rgba(255,255,255,0.7); color:#fff; }\r\n  #tspy-root .tspy-btn-secondary:hover{ background:rgba(255,255,255,0.15); transform:translateY(-2px); }\r\n\r\n  \/* ---------- Footer ---------- *\/\r\n  #tspy-root .tspy-footer{ background:var(--tspy-text); color:rgba(255,255,255,0.82); padding-top:64px; }\r\n  #tspy-root .tspy-footer-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:36px; padding-bottom:40px; border-bottom:1px solid rgba(255,255,255,0.12); }\r\n  #tspy-root .tspy-footer-logo-badge{\r\n    display:inline-flex; align-items:center; justify-content:center;\r\n    background:#fff; border-radius:16px; padding:10px 16px; margin-bottom:14px;\r\n    box-shadow:0 8px 20px rgba(0,0,0,0.18);\r\n  }\r\n  #tspy-root .tspy-footer-logo{ height:44px; width:auto; display:block; }\r\n  #tspy-root .tspy-footer-brand p{ font-size:13.5px; line-height:1.6; color:rgba(255,255,255,0.6); max-width:280px; }\r\n  #tspy-root .tspy-footer-col h4{ color:#fff; font-size:14px; margin:0 0 16px; }\r\n  #tspy-root .tspy-footer-col ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }\r\n  #tspy-root .tspy-footer-col li, #tspy-root .tspy-footer-col a{ font-size:13.5px; color:rgba(255,255,255,0.6); text-decoration:none; }\r\n  #tspy-root .tspy-footer-col a:hover{ color:#fff; }\r\n  #tspy-root .tspy-footer-bottom{ padding:22px 24px; font-size:12.5px; color:rgba(255,255,255,0.45); text-align:center; }\r\n\r\n  \/* ---------- Reveal base ---------- *\/\r\n  #tspy-root .tspy-reveal{ opacity:0; transform:translateY(24px); }\r\n\r\n  \/* ---------- Responsive ---------- *\/\r\n  @media (max-width: 900px){\r\n    #tspy-root .tspy-testimonial-grid{ grid-template-columns:1fr; }\r\n    #tspy-root .tspy-gallery-grid{ grid-template-columns:repeat(2,1fr); }\r\n    #tspy-root .tspy-faq-grid{ grid-template-columns:1fr; gap:28px; }\r\n    #tspy-root .tspy-footer-grid{ grid-template-columns:1fr 1fr; }\r\n  }\r\n  @media (max-width: 560px){\r\n    #tspy-root .tspy-gallery-grid{ grid-template-columns:1fr 1fr; }\r\n    #tspy-root .tspy-footer-grid{ grid-template-columns:1fr; }\r\n    #tspy-root .tspy-trusted-row{ flex-direction:column; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    #tspy-root .tspy-reveal{ opacity:1; transform:none; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  function wireInteractivity(root){\r\n    var yearEl = root.querySelector('#tspyYear');\r\n    if (yearEl) yearEl.textContent = new Date().getFullYear();\r\n\r\n    root.querySelectorAll('.tspy-faq-item').forEach(function(item){\r\n      var btn = item.querySelector('.tspy-faq-q');\r\n      var answer = item.querySelector('.tspy-faq-a');\r\n      btn.addEventListener('click', function(){\r\n        var isOpen = item.classList.contains('is-open');\r\n        root.querySelectorAll('.tspy-faq-item.is-open').forEach(function(openItem){\r\n          openItem.classList.remove('is-open');\r\n          openItem.querySelector('.tspy-faq-a').style.maxHeight = null;\r\n        });\r\n        if (!isOpen) {\r\n          item.classList.add('is-open');\r\n          answer.style.maxHeight = answer.scrollHeight + 'px';\r\n        }\r\n      });\r\n    });\r\n  }\r\n\r\n  function wireAnimations(root){\r\n    if (typeof gsap === 'undefined') return;\r\n    if (typeof ScrollTrigger !== 'undefined') gsap.registerPlugin(ScrollTrigger);\r\n\r\n    var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n    var items = root.querySelectorAll('.tspy-reveal');\r\n    if (reduced) { gsap.set(items, { opacity:1, y:0 }); return; }\r\n\r\n    items.forEach(function(el){\r\n      gsap.to(el, {\r\n        opacity:1, y:0, duration:0.8, ease:'power3.out',\r\n        scrollTrigger: { trigger: el, start: 'top 88%', toggleActions:'play none none none' }\r\n      });\r\n    });\r\n  }\r\n\r\n  function boot(){\r\n    var root = document.getElementById('tspy-root');\r\n    if (!root) return;\r\n\r\n    wireInteractivity(root);\r\n\r\n    if (typeof gsap !== 'undefined') {\r\n      wireAnimations(root);\r\n    } else {\r\n      window.__tspyAfterGsap = function(){ wireAnimations(root); };\r\n    }\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', boot);\r\n  } else {\r\n    boot();\r\n  }\r\n})();\r\n<\/script>\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>Why Us How It Works Programs Our Experts FAQ Book Free Consultation Kerala&#8217;s Premium Nutrition Experts Best Clinical Nutritionist &amp; Dietitian for Weight Loss, Weight Gain &amp; Healthy Living Personalized nutrition plans to support weight loss, weight gain, hair growth, glowing skin, PCOS, diabetes, gut health, and overall wellness \u2014 designed for your unique lifestyle [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thesignificantplate.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thesignificantplate.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thesignificantplate.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thesignificantplate.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thesignificantplate.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":40,"href":"https:\/\/thesignificantplate.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":114,"href":"https:\/\/thesignificantplate.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/114"}],"wp:attachment":[{"href":"https:\/\/thesignificantplate.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}