/* Original the-emotion-racket CSS, scoped for Elementor containers. */
.fbtl-orig-the-emotion-racket, .fbtl-orig-the-emotion-racket *, .fbtl-orig-the-emotion-racket *::before, .fbtl-orig-the-emotion-racket *::after{ box-sizing: border-box; margin: 0; padding: 0; }.fbtl-orig-the-emotion-racket{
  --navy:         #092242;
  --green:        #00AB3B;
  --green-dark:   #008f30;
  --green-pale:   #e8fef0;
  --court-yellow: #C9DB00;
  --court-yellow-pale: #f7fae0;
  --alert-red:    #991B1B;
  --alert-red-pale: #fff1f1;
  --charcoal:     #1E293B;
  --muted-gray:   #64748B;
  --border-light: #E2E8F0;
  --bg-canvas:    #F8FAFC;
  --white:        #FFFFFF;
  --radius: 16px;
  --shadow-sm: 0 2px 8px rgba(9,34,66,0.06);
  --shadow-md: 0 6px 24px rgba(9,34,66,0.10);
  --shadow-lg: 0 12px 48px rgba(9,34,66,0.14);
}.fbtl-orig-the-emotion-racket{ scroll-behavior: smooth; }.fbtl-orig-the-emotion-racket{ font-family: 'DM Sans', sans-serif; background: var(--bg-canvas); color: var(--charcoal); }.fbtl-orig-the-emotion-racket .wrap{ max-width: 1080px; margin: 0 auto; padding: 0 24px; }.fbtl-orig-the-emotion-racket .section-eyebrow{ font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--green); font-weight: 700; margin-bottom: 8px; }.fbtl-orig-the-emotion-racket .section-heading{ font-family: 'DM Serif Display', serif; font-size: clamp(28px, 4vw, 42px); line-height: 1.1; color: var(--navy); margin-bottom: 16px; }.fbtl-orig-the-emotion-racket .section-sub{ font-size: 15px; color: var(--muted-gray); line-height: 1.7; max-width: 560px; }.fbtl-orig-the-emotion-racket .btn-primary{ display: inline-flex; align-items: center; gap: 8px; background: var(--navy); color: var(--white); border: none; border-radius: 100px; padding: 14px 28px; font-family: 'DM Sans', sans-serif; font-size: 15px; font-weight: 600; cursor: pointer; transition: all 0.2s; text-decoration: none; }.fbtl-orig-the-emotion-racket .btn-primary:hover{ background: var(--charcoal); transform: translateY(-1px); box-shadow: 0 6px 20px rgba(9,34,66,0.25); }.fbtl-orig-the-emotion-racket .btn-outline{ display: inline-flex; align-items: center; gap: 8px; background: transparent; color: var(--navy); border: 1.5px solid var(--navy); border-radius: 100px; padding: 13px 26px; font-family: 'DM Sans', sans-serif; font-size: 15px; font-weight: 600; cursor: pointer; transition: all 0.2s; text-decoration: none; }.fbtl-orig-the-emotion-racket .btn-outline:hover{ background: var(--navy); color: white; transform: translateY(-1px); }.fbtl-orig-the-emotion-racket .btn-yellow{ display: inline-flex; align-items: center; gap: 8px; background: var(--court-yellow); color: var(--navy); border: none; border-radius: 100px; padding: 14px 28px; font-family: 'DM Sans', sans-serif; font-size: 15px; font-weight: 700; cursor: pointer; transition: all 0.2s; text-decoration: none; }.fbtl-orig-the-emotion-racket .btn-yellow:hover{ filter: brightness(1.06); transform: translateY(-1px); box-shadow: 0 6px 20px rgba(201,219,0,0.35); }.fbtl-orig-the-emotion-racket .hero{ background: var(--white); padding: 80px 24px 72px; text-align: center; position: relative; overflow: hidden; border-bottom: 1px solid var(--border-light); }.fbtl-orig-the-emotion-racket .hero::before{ content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% -10%, rgba(0,171,59,0.07) 0%, transparent 65%); pointer-events: none; }.fbtl-orig-the-emotion-racket .hero-tag{ display: inline-flex; align-items: center; gap: 6px; background: var(--green-pale); border: 1px solid rgba(0,171,59,0.25); border-radius: 100px; padding: 5px 16px; font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--green); margin-bottom: 24px; }.fbtl-orig-the-emotion-racket .hero-dot{ width: 6px; height: 6px; border-radius: 50%; background: var(--court-yellow); }.fbtl-orig-the-emotion-racket .hero h1{ font-family: 'DM Serif Display', serif; font-size: clamp(48px, 8vw, 84px); line-height: 1; color: var(--navy); margin-bottom: 16px; }.fbtl-orig-the-emotion-racket .hero-sub{ font-size: clamp(16px, 2vw, 20px); color: var(--muted-gray); font-style: italic; margin-bottom: 24px; }.fbtl-orig-the-emotion-racket .hero-desc{ font-size: 15px; color: var(--muted-gray); max-width: 520px; margin: 0 auto 20px; line-height: 1.7; }.fbtl-orig-the-emotion-racket .hero-tagline{ font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--green); margin-bottom: 36px; font-weight: 700; }.fbtl-orig-the-emotion-racket .hero-btns{ display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }.fbtl-orig-the-emotion-racket .racket-section{ padding: 80px 24px; text-align: center; background: var(--bg-canvas); }.fbtl-orig-the-emotion-racket .racket-section .section-eyebrow{ text-align: center; }.fbtl-orig-the-emotion-racket .racket-wrap{ position: relative; max-width: 520px; margin: 40px auto 28px; }.fbtl-orig-the-emotion-racket .racket-img-wrap{
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 460px;
  user-select: none;
}.fbtl-orig-the-emotion-racket .racket-img-wrap img{ width: 100%; height: auto; display: block; border-radius: 12px; pointer-events: none; }.fbtl-orig-the-emotion-racket .hotspot{
  position: absolute;
  transform: translate(-50%, -50%);
  width: 52px;
  height: 52px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
  background: transparent;
}.fbtl-orig-the-emotion-racket .hotspot::before{
  content: '';
  position: absolute;
  inset: 12px;
  border-radius: 50%;
  opacity: 0.75;
}.fbtl-orig-the-emotion-racket .hotspot::after{
  content: '';
  position: absolute;
  inset: 8px;
  border-radius: 50%;
  opacity: 0;
  animation: pulse-out 2s ease-out infinite;
}.fbtl-orig-the-emotion-racket .hs-productive::before{ background: var(--green); animation: blink-green 2s ease-in-out infinite; }.fbtl-orig-the-emotion-racket .hs-productive::after{ border: 2px solid var(--green); }.fbtl-orig-the-emotion-racket .hs-flow::before{ background: var(--navy); animation: blink-navy 2s ease-in-out infinite; }.fbtl-orig-the-emotion-racket .hs-flow::after{ border: 2px solid var(--navy); }.fbtl-orig-the-emotion-racket .hs-warning::before{ background: var(--court-yellow); animation: blink-yellow 2s ease-in-out infinite; }.fbtl-orig-the-emotion-racket .hs-warning::after{ border: 2px solid var(--court-yellow); }.fbtl-orig-the-emotion-racket .hs-alert::before{ background: var(--alert-red); animation: blink-red 2s ease-in-out infinite; }.fbtl-orig-the-emotion-racket .hs-alert::after{ border: 2px solid var(--alert-red); }@keyframes blink-green{
  0%, 100% { opacity: 0.7; transform: scale(0.85); }
  50%       { opacity: 1;   transform: scale(1.05); box-shadow: 0 0 8px 3px rgba(0,171,59,0.5); }
}@keyframes blink-navy{
  0%, 100% { opacity: 0.7; transform: scale(0.85); }
  50%       { opacity: 1;   transform: scale(1.05); box-shadow: 0 0 8px 3px rgba(9,34,66,0.5); }
}@keyframes blink-yellow{
  0%, 100% { opacity: 0.7; transform: scale(0.85); }
  50%       { opacity: 1;   transform: scale(1.05); box-shadow: 0 0 8px 3px rgba(201,219,0,0.6); }
}@keyframes blink-red{
  0%, 100% { opacity: 0.7; transform: scale(0.85); }
  50%       { opacity: 1;   transform: scale(1.05); box-shadow: 0 0 8px 3px rgba(153,27,27,0.5); }
}@keyframes pulse-out{
  0%   { opacity: 0.6; transform: scale(0.8); }
  60%  { opacity: 0.2; transform: scale(1.6); }
  100% { opacity: 0;   transform: scale(2.0); }
}.fbtl-orig-the-emotion-racket .hotspot:nth-child(1){ animation-delay: 0.0s; }.fbtl-orig-the-emotion-racket .hotspot:nth-child(1)::after{ animation-delay: 0.0s; }.fbtl-orig-the-emotion-racket .hotspot:nth-child(2){ animation-delay: 0.2s; }.fbtl-orig-the-emotion-racket .hotspot:nth-child(2)::after{ animation-delay: 0.2s; }.fbtl-orig-the-emotion-racket .hotspot:nth-child(3){ animation-delay: 0.4s; }.fbtl-orig-the-emotion-racket .hotspot:nth-child(3)::after{ animation-delay: 0.4s; }.fbtl-orig-the-emotion-racket .hotspot:nth-child(4){ animation-delay: 0.6s; }.fbtl-orig-the-emotion-racket .hotspot:nth-child(4)::after{ animation-delay: 0.6s; }.fbtl-orig-the-emotion-racket .hotspot:nth-child(5){ animation-delay: 0.8s; }.fbtl-orig-the-emotion-racket .hotspot:nth-child(5)::after{ animation-delay: 0.8s; }.fbtl-orig-the-emotion-racket .hotspot:nth-child(6){ animation-delay: 1.0s; }.fbtl-orig-the-emotion-racket .hotspot:nth-child(6)::after{ animation-delay: 1.0s; }.fbtl-orig-the-emotion-racket .hotspot:nth-child(7){ animation-delay: 1.2s; }.fbtl-orig-the-emotion-racket .hotspot:nth-child(7)::after{ animation-delay: 1.2s; }.fbtl-orig-the-emotion-racket .hotspot:nth-child(8){ animation-delay: 1.4s; }.fbtl-orig-the-emotion-racket .hotspot:nth-child(8)::after{ animation-delay: 1.4s; }.fbtl-orig-the-emotion-racket .hotspot:nth-child(9){ animation-delay: 1.6s; }.fbtl-orig-the-emotion-racket .hotspot:nth-child(9)::after{ animation-delay: 1.6s; }.fbtl-orig-the-emotion-racket .hotspot:nth-child(10){ animation-delay: 1.8s; }.fbtl-orig-the-emotion-racket .hotspot:nth-child(10)::after{ animation-delay: 1.8s; }.fbtl-orig-the-emotion-racket .hotspot:nth-child(11){ animation-delay: 0.3s; }.fbtl-orig-the-emotion-racket .hotspot:nth-child(11)::after{ animation-delay: 0.3s; }.fbtl-orig-the-emotion-racket .hotspot:nth-child(12){ animation-delay: 0.7s; }.fbtl-orig-the-emotion-racket .hotspot:nth-child(12)::after{ animation-delay: 0.7s; }.fbtl-orig-the-emotion-racket .hotspot:nth-child(13){ animation-delay: 1.1s; }.fbtl-orig-the-emotion-racket .hotspot:nth-child(13)::after{ animation-delay: 1.1s; }.fbtl-orig-the-emotion-racket .hotspot:nth-child(14){ animation-delay: 1.5s; }.fbtl-orig-the-emotion-racket .hotspot:nth-child(14)::after{ animation-delay: 1.5s; }.fbtl-orig-the-emotion-racket .hotspot:nth-child(15){ animation-delay: 0.9s; }.fbtl-orig-the-emotion-racket .hotspot:nth-child(15)::after{ animation-delay: 0.9s; }.fbtl-orig-the-emotion-racket .hotspot:hover{ z-index: 20; }.fbtl-orig-the-emotion-racket .hotspot:hover::before{
  opacity: 1 !important;
  transform: scale(1.2) !important;
  animation-play-state: paused;
}.fbtl-orig-the-emotion-racket .hotspot:hover::after{
  opacity: 0.5;
  transform: scale(1.5);
  animation-play-state: paused;
}.fbtl-orig-the-emotion-racket .racket-caption{ font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted-gray); margin-top: 16px; font-style: italic; }.fbtl-orig-the-emotion-racket .racket-legend{ display: flex; justify-content: center; gap: 28px; flex-wrap: wrap; margin-top: 24px; }.fbtl-orig-the-emotion-racket .legend-item{ display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: var(--muted-gray); }.fbtl-orig-the-emotion-racket .legend-dot{ width: 12px; height: 12px; border-radius: 50%; }.fbtl-orig-the-emotion-racket .hotspot-tooltip{ position: fixed; background: var(--navy); color: white; border-radius: 8px; padding: 7px 14px; font-size: 12px; font-weight: 600; pointer-events: none; z-index: 9999; opacity: 0; transition: opacity 0.15s; white-space: nowrap; box-shadow: 0 4px 16px rgba(9,34,66,0.3); letter-spacing: 0.02em; }.fbtl-orig-the-emotion-racket .how-section{ background: var(--white); padding: 80px 24px; }.fbtl-orig-the-emotion-racket .steps-grid{ display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; margin-top: 40px; }@media (max-width: 900px){.fbtl-orig-the-emotion-racket .steps-grid{ grid-template-columns: repeat(3, 1fr); }}@media (max-width: 560px){.fbtl-orig-the-emotion-racket .steps-grid{ grid-template-columns: 1fr 1fr; }}.fbtl-orig-the-emotion-racket .step-card{ background: var(--bg-canvas); border-radius: var(--radius); padding: 24px 20px; border: 1px solid var(--border-light); transition: all 0.2s; }.fbtl-orig-the-emotion-racket .step-card:hover{ transform: translateY(-4px); box-shadow: var(--shadow-md); background: var(--green-pale); border-color: rgba(0,171,59,0.2); }.fbtl-orig-the-emotion-racket .step-num{ font-family: 'Bebas Neue', sans-serif; font-size: 48px; color: var(--navy); opacity: 0.15; line-height: 1; margin-bottom: 8px; }.fbtl-orig-the-emotion-racket .step-title{ font-size: 15px; font-weight: 700; color: var(--navy); margin-bottom: 8px; }.fbtl-orig-the-emotion-racket .step-desc{ font-size: 13px; color: var(--muted-gray); line-height: 1.6; }.fbtl-orig-the-emotion-racket .flow-section{ background: var(--navy); padding: 80px 24px; color: white; position: relative; overflow: hidden; }.fbtl-orig-the-emotion-racket .flow-section::before{ content: 'FLOW'; position: absolute; font-family: 'Bebas Neue', sans-serif; font-size: 280px; color: rgba(255,255,255,0.03); right: -20px; top: -30px; line-height: 1; pointer-events: none; letter-spacing: 0.05em; }.fbtl-orig-the-emotion-racket .flow-inner{ display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; max-width: 1080px; margin: 0 auto; }@media (max-width: 700px){.fbtl-orig-the-emotion-racket .flow-inner{ grid-template-columns: 1fr; gap: 36px; }}.fbtl-orig-the-emotion-racket .flow-eyebrow{ font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--court-yellow); font-weight: 700; margin-bottom: 10px; }.fbtl-orig-the-emotion-racket .flow-heading{ font-family: 'DM Serif Display', serif; font-size: clamp(32px, 4vw, 52px); color: white; line-height: 1.05; margin-bottom: 20px; }.fbtl-orig-the-emotion-racket .flow-body{ font-size: 15px; color: rgba(255,255,255,0.65); line-height: 1.8; margin-bottom: 28px; }.fbtl-orig-the-emotion-racket .flow-you-are{ font-family: 'DM Serif Display', serif; font-size: 22px; color: var(--court-yellow); font-style: italic; margin-bottom: 28px; border-left: 3px solid var(--court-yellow); padding-left: 16px; }.fbtl-orig-the-emotion-racket .flow-strategy{ background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); border-radius: var(--radius); padding: 24px 28px; }.fbtl-orig-the-emotion-racket .flow-strategy-label{ font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--court-yellow); font-weight: 700; margin-bottom: 12px; }.fbtl-orig-the-emotion-racket .flow-strategy-title{ font-size: 17px; font-weight: 700; color: white; margin-bottom: 12px; }.fbtl-orig-the-emotion-racket .flow-strategy-list{ list-style: none; }.fbtl-orig-the-emotion-racket .flow-strategy-list li{ font-size: 14px; color: rgba(255,255,255,0.65); padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,0.08); display: flex; gap: 10px; align-items: flex-start; }.fbtl-orig-the-emotion-racket .flow-strategy-list li:last-child{ border-bottom: none; }.fbtl-orig-the-emotion-racket .flow-strategy-list li::before{ content: '→'; color: var(--court-yellow); flex-shrink: 0; font-weight: 700; }.fbtl-orig-the-emotion-racket .flow-circle{ width: 300px; height: 300px; border-radius: 50%; background: radial-gradient(circle at 40% 40%, rgba(0,171,59,0.5), rgba(9,34,66,0.85)); border: 2px solid rgba(255,255,255,0.12); display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 auto; box-shadow: 0 0 60px rgba(0,171,59,0.25); position: relative; }.fbtl-orig-the-emotion-racket .flow-circle::before{ content: ''; position: absolute; inset: -12px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.06); }.fbtl-orig-the-emotion-racket .flow-circle-word{ font-family: 'Bebas Neue', sans-serif; font-size: 64px; letter-spacing: 0.06em; color: white; line-height: 1; }.fbtl-orig-the-emotion-racket .flow-circle-sub{ font-size: 13px; color: rgba(255,255,255,0.5); letter-spacing: 0.06em; text-transform: uppercase; margin-top: 4px; }.fbtl-orig-the-emotion-racket .flow-orbit-dots{ position: absolute; inset: -32px; border-radius: 50%; border: 1px dashed rgba(201,219,0,0.2); animation: spin-slow 20s linear infinite; }@keyframes spin-slow{ to { transform: rotate(360deg); } }.fbtl-orig-the-emotion-racket .eom-section{ padding: 80px 24px; background: var(--bg-canvas); }.fbtl-orig-the-emotion-racket .eom-card{ max-width: 760px; margin: 40px auto 0; background: var(--white); border-radius: var(--radius); border: 1px solid var(--border-light); box-shadow: var(--shadow-md); overflow: hidden; }.fbtl-orig-the-emotion-racket .eom-header{ background: linear-gradient(135deg, #6b0f0f, var(--alert-red)); padding: 32px 36px; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }.fbtl-orig-the-emotion-racket .eom-badge{ font-size: 10px; letter-spacing: 0.15em; text-transform: uppercase; color: rgba(255,255,255,0.6); font-weight: 700; margin-bottom: 6px; }.fbtl-orig-the-emotion-racket .eom-emotion{ font-family: 'Bebas Neue', sans-serif; font-size: 56px; letter-spacing: 0.04em; color: white; line-height: 1; }.fbtl-orig-the-emotion-racket .eom-tagline{ font-size: 14px; color: rgba(255,255,255,0.65); margin-top: 4px; font-style: italic; }.fbtl-orig-the-emotion-racket .eom-pill{ background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.2); border-radius: 100px; padding: 8px 18px; font-size: 12px; color: rgba(255,255,255,0.85); font-weight: 600; white-space: nowrap; }.fbtl-orig-the-emotion-racket .eom-body{ padding: 32px 36px; }.fbtl-orig-the-emotion-racket .eom-body p{ font-size: 15px; color: var(--muted-gray); line-height: 1.75; margin-bottom: 24px; }.fbtl-orig-the-emotion-racket .checkin-section{ background: var(--white); padding: 80px 24px; }.fbtl-orig-the-emotion-racket .checkin-inner{ max-width: 640px; margin: 0 auto; }.fbtl-orig-the-emotion-racket .checkin-questions{ display: flex; flex-direction: column; gap: 16px; margin: 32px 0; }.fbtl-orig-the-emotion-racket .cq-item{ background: var(--bg-canvas); border-radius: var(--radius); border: 1px solid var(--border-light); padding: 20px 24px; display: flex; gap: 16px; align-items: flex-start; transition: all 0.2s; }.fbtl-orig-the-emotion-racket .cq-item:hover{ border-color: var(--green); box-shadow: 0 0 0 3px rgba(0,171,59,0.08); }.fbtl-orig-the-emotion-racket .cq-num{ font-family: 'Bebas Neue', sans-serif; font-size: 28px; color: var(--navy); opacity: 0.3; line-height: 1; flex-shrink: 0; min-width: 24px; }.fbtl-orig-the-emotion-racket .cq-label{ font-size: 15px; font-weight: 600; color: var(--navy); margin-bottom: 6px; }.fbtl-orig-the-emotion-racket .cq-input{ width: 100%; border: 1px solid var(--border-light); border-radius: 8px; padding: 10px 14px; font-size: 14px; font-family: 'DM Sans', sans-serif; background: var(--white); color: var(--charcoal); resize: none; transition: border-color 0.2s; }.fbtl-orig-the-emotion-racket .cq-input:focus{ outline: none; border-color: var(--green); box-shadow: 0 0 0 3px rgba(0,171,59,0.1); }.fbtl-orig-the-emotion-racket .checkin-save-row{ display: flex; align-items: center; justify-content: center; margin-top: 8px; }.fbtl-orig-the-emotion-racket .checkin-feedback{ display: none; margin-top: 16px; background: var(--green-pale); border: 1px solid rgba(0,171,59,0.3); border-radius: 10px; padding: 14px 20px; font-size: 14px; font-weight: 600; color: var(--green-dark); text-align: center; }.fbtl-orig-the-emotion-racket .cards-section{ padding: 80px 24px; background: var(--bg-canvas); }.fbtl-orig-the-emotion-racket .emotion-cards-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 12px; margin-top: 36px; }.fbtl-orig-the-emotion-racket .em-card{ border-radius: 12px; padding: 20px 16px; text-align: center; cursor: pointer; transition: all 0.2s; border: 1.5px solid transparent; }.fbtl-orig-the-emotion-racket .em-card:hover{ transform: translateY(-4px); box-shadow: var(--shadow-md); }.fbtl-orig-the-emotion-racket .em-card-icon{ font-size: 22px; margin-bottom: 8px; display: block; }.fbtl-orig-the-emotion-racket .em-card-name{ font-size: 13px; font-weight: 700; margin-bottom: 4px; display: block; }.fbtl-orig-the-emotion-racket .em-card-zone{ font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.7; display: block; }.fbtl-orig-the-emotion-racket .em-productive{ background: var(--green-pale); border-color: rgba(0,171,59,0.2); color: var(--green-dark); }.fbtl-orig-the-emotion-racket .em-productive:hover{ background: var(--green); color: white; border-color: var(--green); }.fbtl-orig-the-emotion-racket .em-warning{ background: var(--court-yellow-pale); border-color: rgba(201,219,0,0.4); color: #5a6200; }.fbtl-orig-the-emotion-racket .em-warning:hover{ background: var(--court-yellow); color: var(--navy); border-color: var(--court-yellow); }.fbtl-orig-the-emotion-racket .em-alert{ background: var(--alert-red-pale); border-color: rgba(153,27,27,0.2); color: var(--alert-red); }.fbtl-orig-the-emotion-racket .em-alert:hover{ background: var(--alert-red); color: white; border-color: var(--alert-red); }.fbtl-orig-the-emotion-racket .em-flow{ background: var(--navy); color: white; border-color: var(--navy); }.fbtl-orig-the-emotion-racket .em-flow:hover{ background: var(--charcoal); border-color: var(--charcoal); }.fbtl-orig-the-emotion-racket .weather-section{ background: var(--white); padding: 60px 24px; }.fbtl-orig-the-emotion-racket .weather-card{ max-width: 680px; margin: 32px auto 0; background: var(--bg-canvas); border-radius: var(--radius); border: 1px solid var(--border-light); padding: 32px 36px; text-align: center; }.fbtl-orig-the-emotion-racket .weather-icon{ font-size: 48px; margin-bottom: 16px; display: block; }.fbtl-orig-the-emotion-racket .weather-quote{ font-family: 'DM Serif Display', serif; font-size: clamp(17px, 2.5vw, 22px); color: var(--navy); line-height: 1.5; font-style: italic; margin-bottom: 16px; }.fbtl-orig-the-emotion-racket .weather-sub{ font-size: 13px; color: var(--muted-gray); line-height: 1.7; }.fbtl-orig-the-emotion-racket .weather-refresh{ margin-top: 20px; background: none; border: 1.5px solid var(--border-light); border-radius: 100px; padding: 8px 20px; font-size: 12px; font-weight: 600; color: var(--muted-gray); cursor: pointer; transition: all 0.2s; font-family: 'DM Sans', sans-serif; }.fbtl-orig-the-emotion-racket .weather-refresh:hover{ border-color: var(--green); color: var(--green); }.fbtl-orig-the-emotion-racket .tools-section{ padding: 80px 24px; background: var(--bg-canvas); }.fbtl-orig-the-emotion-racket .tools-grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 36px; }@media (max-width: 600px){.fbtl-orig-the-emotion-racket .tools-grid{ grid-template-columns: 1fr; }}.fbtl-orig-the-emotion-racket .tool-card{ background: var(--white); border-radius: var(--radius); border: 1px solid var(--border-light); padding: 28px; box-shadow: var(--shadow-sm); transition: all 0.2s; cursor: pointer; display: flex; gap: 18px; align-items: flex-start; }.fbtl-orig-the-emotion-racket .tool-card:hover{ transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: var(--green); }.fbtl-orig-the-emotion-racket .tool-icon{ width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 22px; flex-shrink: 0; }.fbtl-orig-the-emotion-racket .ti-green{ background: var(--green-pale); }.fbtl-orig-the-emotion-racket .ti-yellow{ background: var(--court-yellow-pale); }.fbtl-orig-the-emotion-racket .ti-blue{ background: #e8f0fd; }.fbtl-orig-the-emotion-racket .ti-purple{ background: #f0e8fd; }.fbtl-orig-the-emotion-racket .tool-name{ font-size: 16px; font-weight: 700; color: var(--navy); margin-bottom: 6px; }.fbtl-orig-the-emotion-racket .tool-desc{ font-size: 13px; color: var(--muted-gray); line-height: 1.6; }.fbtl-orig-the-emotion-racket .tool-link{ font-size: 12px; font-weight: 700; color: var(--green); margin-top: 8px; display: block; }.fbtl-orig-the-emotion-racket .cta-section{ background: var(--navy); padding: 100px 24px; text-align: center; position: relative; overflow: hidden; }.fbtl-orig-the-emotion-racket .cta-section::before{ content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 100%, rgba(0,171,59,0.15) 0%, transparent 60%); pointer-events: none; }.fbtl-orig-the-emotion-racket .cta-eyebrow{ font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--court-yellow); font-weight: 700; margin-bottom: 16px; }.fbtl-orig-the-emotion-racket .cta-heading{ font-family: 'DM Serif Display', serif; font-size: clamp(36px, 6vw, 64px); color: white; line-height: 1.05; margin-bottom: 20px; }.fbtl-orig-the-emotion-racket .cta-body{ font-size: 16px; color: rgba(255,255,255,0.6); max-width: 500px; margin: 0 auto 36px; line-height: 1.75; }.fbtl-orig-the-emotion-racket .cta-btns{ display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }.fbtl-orig-the-emotion-racket .cta-section .btn-outline{ border-color: rgba(255,255,255,0.35); color: white; }.fbtl-orig-the-emotion-racket .cta-section .btn-outline:hover{ background: rgba(255,255,255,0.1); color: white; }.fbtl-orig-the-emotion-racket .modal-overlay{ display: none; position: fixed; inset: 0; background: rgba(9,34,66,0.55); z-index: 2000; align-items: center; justify-content: center; padding: 20px; }.fbtl-orig-the-emotion-racket .modal-overlay.open{ display: flex; }.fbtl-orig-the-emotion-racket .modal-box{ background: var(--white); border-radius: 20px; max-width: 520px; width: 100%; max-height: 85vh; overflow-y: auto; box-shadow: 0 24px 80px rgba(9,34,66,0.3); animation: slideUp 0.25s ease; }@keyframes slideUp{ from { transform: translateY(24px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }.fbtl-orig-the-emotion-racket .modal-head{ padding: 32px 32px 20px; border-bottom: 1px solid var(--border-light); display: flex; align-items: flex-start; justify-content: space-between; }.fbtl-orig-the-emotion-racket .modal-zone-badge{ display: inline-block; border-radius: 100px; padding: 3px 12px; font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 8px; }.fbtl-orig-the-emotion-racket .mzb-productive{ background: var(--green-pale); color: var(--green-dark); }.fbtl-orig-the-emotion-racket .mzb-warning{ background: var(--court-yellow-pale); color: #5a6200; }.fbtl-orig-the-emotion-racket .mzb-alert{ background: var(--alert-red-pale); color: var(--alert-red); }.fbtl-orig-the-emotion-racket .mzb-flow{ background: var(--navy); color: white; }.fbtl-orig-the-emotion-racket .modal-emotion-title{ font-family: 'DM Serif Display', serif; font-size: 32px; color: var(--navy); }.fbtl-orig-the-emotion-racket .modal-close{ background: none; border: none; cursor: pointer; font-size: 22px; color: var(--muted-gray); line-height: 1; padding: 4px; flex-shrink: 0; margin-top: 4px; transition: color 0.2s; }.fbtl-orig-the-emotion-racket .modal-close:hover{ color: var(--navy); }.fbtl-orig-the-emotion-racket .modal-body{ padding: 24px 32px 32px; }.fbtl-orig-the-emotion-racket .modal-row{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--border-light); }.fbtl-orig-the-emotion-racket .modal-row:last-child{ border-bottom: none; margin-bottom: 0; padding-bottom: 0; }.fbtl-orig-the-emotion-racket .modal-row-label{ font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted-gray); font-weight: 700; margin-bottom: 6px; }.fbtl-orig-the-emotion-racket .modal-row-text{ font-size: 14px; color: var(--muted-gray); line-height: 1.7; }.fbtl-orig-the-emotion-racket .modal-tools{ display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }.fbtl-orig-the-emotion-racket .modal-tool-pill{ background: var(--green-pale); color: var(--green-dark); border-radius: 100px; padding: 5px 14px; font-size: 12px; font-weight: 600; }.fbtl-orig-the-emotion-racket .fade-in{ opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; }.fbtl-orig-the-emotion-racket .fade-in.visible{ opacity: 1; transform: translateY(0); }

/* Elementor adapters + extra responsive stacking */
.fbtl-orig-the-emotion-racket {
  min-width: 0;
}
.fbtl-orig-the-emotion-racket.e-con,
.fbtl-orig-the-emotion-racket .e-con {
  --padding-top: 0px;
  --padding-right: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
}
.fbtl-orig-the-emotion-racket .elementor-heading-title {
  margin: 0;
}
.fbtl-orig-the-emotion-racket .elementor-widget-text-editor p {
  margin: 0;
}
.fbtl-orig-the-emotion-racket .elementor-widget-text-editor p + p {
  margin-top: 12px;
}
.fbtl-orig-the-emotion-racket .elementor-button-wrapper {
  display: inline-flex;
  width: auto;
}
.fbtl-orig-the-emotion-racket .elementor-widget-button .elementor-button {
  font-family: inherit;
}
.fbtl-orig-the-emotion-racket .elementor-widget.hero-tag,
.fbtl-orig-the-emotion-racket .elementor-widget.fbtl-inline-host {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  width: 100%;
  max-width: 100%;
  text-align: center;
}
.fbtl-orig-the-emotion-racket .elementor-widget.fbtl-inline-host .hero-tag {
  display: inline-flex !important;
  width: auto !important;
  margin-left: auto;
  margin-right: auto;
}
.fbtl-orig-the-emotion-racket .hero .elementor-widget-text-editor,
.fbtl-orig-the-emotion-racket .hero .elementor-heading-title,
.fbtl-orig-the-emotion-racket .hero .elementor-widget-container {
  text-align: center;
}
.fbtl-orig-the-emotion-racket .hero-desc {
  margin-left: auto !important;
  margin-right: auto !important;
}
.fbtl-orig-the-emotion-racket .fade-in,
.fbtl-orig-the-emotion-racket .reveal,
.fbtl-orig-the-emotion-racket .pb-reveal {
  opacity: 1 !important;
  transform: none !important;
}
.fbtl-orig-the-emotion-racket iframe[src*="youtube"],
.fbtl-orig-the-emotion-racket .elementor-widget-video iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  border: 0 !important;
}
.fbtl-orig-the-emotion-racket .hero-video,
.fbtl-orig-the-emotion-racket .video-wrap,
.fbtl-orig-the-emotion-racket .pb-video-frame,
.fbtl-orig-the-emotion-racket .elementor-widget-video {
  position: relative;
  aspect-ratio: 16 / 9;
  width: 100%;
}
.fbtl-orig-the-emotion-racket .hero-video .elementor-widget-container,
.fbtl-orig-the-emotion-racket .video-wrap .elementor-widget-container,
.fbtl-orig-the-emotion-racket .pb-video-frame .elementor-widget-container,
.fbtl-orig-the-emotion-racket .elementor-widget-video .elementor-widget-container,
.fbtl-orig-the-emotion-racket .elementor-widget-video .elementor-wrapper {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}


.fbtl-orig-the-emotion-racket .steps-grid.e-con,
.fbtl-orig-the-emotion-racket .steps-grid > .e-con-inner {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  --grid-template-columns: repeat(5, 1fr);
  width: 100%;
}


.fbtl-orig-the-emotion-racket .flow-inner.e-con,
.fbtl-orig-the-emotion-racket .flow-inner > .e-con-inner {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  --grid-template-columns: 1fr 1fr;
  width: 100%;
}


.fbtl-orig-the-emotion-racket .tools-grid.e-con,
.fbtl-orig-the-emotion-racket .tools-grid > .e-con-inner {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  --grid-template-columns: repeat(2, 1fr);
  width: 100%;
}


.fbtl-orig-the-emotion-racket .hero-btns.e-con,
.fbtl-orig-the-emotion-racket .hero-btns > .e-con-inner {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
  width: 100%;
}


.fbtl-orig-the-emotion-racket .cta-btns.e-con,
.fbtl-orig-the-emotion-racket .cta-btns > .e-con-inner {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
  width: 100%;
}


.fbtl-orig-the-emotion-racket .btn-primary .elementor-button {
  background: var(--navy, #092242) !important;
  color: #fff !important;
  border: 2px solid var(--navy, #092242) !important;
  border-radius: 100px !important;
  box-shadow: none;
}


.fbtl-orig-the-emotion-racket .btn-outline .elementor-button {
  background: transparent !important;
  color: var(--navy, #092242) !important;
  border: 2px solid currentColor !important;
  border-radius: 100px !important;
  box-shadow: none;
}


.fbtl-orig-the-emotion-racket .btn-yellow .elementor-button {
  background: var(--court-yellow, #C9DB00) !important;
  color: var(--navy, #092242) !important;
  border: 2px solid var(--court-yellow, #C9DB00) !important;
  border-radius: 100px !important;
  box-shadow: none;
}


.fbtl-orig-the-emotion-racket .btn-navy .elementor-button {
  background: var(--navy, #092242) !important;
  color: #fff !important;
  border: 2px solid var(--navy, #092242) !important;
  border-radius: 100px !important;
  box-shadow: none;
}


.fbtl-orig-the-emotion-racket .btn-green .elementor-button {
  background: var(--green, #00AB3B) !important;
  color: #fff !important;
  border: 2px solid var(--green, #00AB3B) !important;
  border-radius: 100px !important;
  box-shadow: none;
}


.fbtl-orig-the-emotion-racket .btn-lime .elementor-button {
  background: var(--lime, #C9DB00) !important;
  color: var(--navy, #092242) !important;
  border: 2px solid var(--lime, #C9DB00) !important;
  border-radius: 100px !important;
  box-shadow: none;
}


.fbtl-orig-the-emotion-racket .pb-btn-primary .elementor-button {
  background: var(--navy, #092242) !important;
  color: #fff !important;
  border: 2px solid var(--navy, #092242) !important;
  border-radius: 100px !important;
  box-shadow: none;
}


.fbtl-orig-the-emotion-racket .pb-btn-secondary .elementor-button {
  background: transparent !important;
  color: var(--navy, #092242) !important;
  border: 2px solid currentColor !important;
  border-radius: 100px !important;
  box-shadow: none;
}


.fbtl-orig-the-emotion-racket .pb-btn-ghost .elementor-button {
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
  border: 2px solid rgba(255,255,255,.08) !important;
  border-radius: 100px !important;
  box-shadow: none;
}


.fbtl-orig-the-emotion-racket .pb-btn-white .elementor-button {
  background: #fff !important;
  color: var(--green-dark, #08692E) !important;
  border: 2px solid #fff !important;
  border-radius: 100px !important;
  box-shadow: none;
}


.fbtl-orig-the-emotion-racket .fade-in.visible,
.fbtl-orig-the-emotion-racket .reveal.visible,
.fbtl-orig-the-emotion-racket .pb-reveal.visible {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .fbtl-orig-the-emotion-racket .fade-in,
  .fbtl-orig-the-emotion-racket .reveal,
  .fbtl-orig-the-emotion-racket .pb-reveal,
  .fbtl-orig-the-emotion-racket .stagger > * {
    opacity: 1 !important;
    transform: none !important;
  }
}

@media (max-width: 900px) {

  .fbtl-orig-the-emotion-racket .steps-grid.e-con,
  .fbtl-orig-the-emotion-racket .steps-grid > .e-con-inner {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    --grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (max-width: 768px) {

  .fbtl-orig-the-emotion-racket .flow-inner.e-con,
  .fbtl-orig-the-emotion-racket .flow-inner > .e-con-inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    --grid-template-columns: 1fr !important;
  }

  .fbtl-orig-the-emotion-racket .hero-btns.e-con,
  .fbtl-orig-the-emotion-racket .hero-btns > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
  }

  .fbtl-orig-the-emotion-racket .cta-btns.e-con,
  .fbtl-orig-the-emotion-racket .cta-btns > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
  }

  .fbtl-orig-the-emotion-racket .elementor-button {
    width: 100%;
    justify-content: center;
  }
  .fbtl-orig-the-emotion-racket .elementor-button-wrapper,
  .fbtl-orig-the-emotion-racket .elementor-widget-button {
    width: 100%;
  }
}

@media (max-width: 700px) {

  .fbtl-orig-the-emotion-racket .flow-inner.e-con,
  .fbtl-orig-the-emotion-racket .flow-inner > .e-con-inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    --grid-template-columns: 1fr !important;
  }

  .fbtl-orig-the-emotion-racket .elementor-button {
    width: 100%;
    justify-content: center;
  }
  .fbtl-orig-the-emotion-racket .elementor-button-wrapper,
  .fbtl-orig-the-emotion-racket .elementor-widget-button {
    width: 100%;
  }
}

@media (max-width: 600px) {

  .fbtl-orig-the-emotion-racket .tools-grid.e-con,
  .fbtl-orig-the-emotion-racket .tools-grid > .e-con-inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    --grid-template-columns: 1fr !important;
  }

  .fbtl-orig-the-emotion-racket .elementor-button {
    width: 100%;
    justify-content: center;
  }
  .fbtl-orig-the-emotion-racket .elementor-button-wrapper,
  .fbtl-orig-the-emotion-racket .elementor-widget-button {
    width: 100%;
  }
}

@media (max-width: 560px) {

  .fbtl-orig-the-emotion-racket .steps-grid.e-con,
  .fbtl-orig-the-emotion-racket .steps-grid > .e-con-inner {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    --grid-template-columns: 1fr 1fr !important;
  }

  .fbtl-orig-the-emotion-racket .elementor-button {
    width: 100%;
    justify-content: center;
  }
  .fbtl-orig-the-emotion-racket .elementor-button-wrapper,
  .fbtl-orig-the-emotion-racket .elementor-widget-button {
    width: 100%;
  }
}


.fbtl-orig-the-emotion-racket .elementor-widget-html.fbtl-hub-html,
.fbtl-orig-the-emotion-racket .elementor-widget-html.fbtl-full-html,
.fbtl-orig-the-emotion-racket .elementor-widget-html.emotion-cards-grid,
.fbtl-orig-the-emotion-racket .elementor-widget-html.tools-grid {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  grid-template-columns: none !important;
}
.fbtl-orig-the-emotion-racket .elementor-widget-html.fbtl-hub-html > .elementor-widget-container,
.fbtl-orig-the-emotion-racket .elementor-widget-html.fbtl-full-html > .elementor-widget-container,
.fbtl-orig-the-emotion-racket .elementor-widget-html.emotion-cards-grid > .elementor-widget-container,
.fbtl-orig-the-emotion-racket .elementor-widget-html.tools-grid > .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
}
.fbtl-orig-the-emotion-racket .emotion-cards-grid .emotion-cards-grid,
.fbtl-orig-the-emotion-racket .emotion-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;
  width: 100% !important;
}
.fbtl-orig-the-emotion-racket .elementor-widget-html.emotion-cards-grid {
  display: block !important;
  grid-template-columns: none !important;
}
.fbtl-orig-the-emotion-racket .tools-grid .tools-grid,
.fbtl-orig-the-emotion-racket .tools-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  width: 100% !important;
}
.fbtl-orig-the-emotion-racket .elementor-widget-html.tools-grid {
  display: block !important;
  grid-template-columns: none !important;
}
.fbtl-orig-the-emotion-racket .elementor-widget-html.fbtl-modal-host,
.fbtl-orig-the-emotion-racket .elementor-widget-html.fbtl-modal-host > .elementor-widget-container {
  position: static !important;
  overflow: visible !important;
  transform: none !important;
  filter: none !important;
  contain: none !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.fbtl-orig-the-emotion-racket .em-card {
  cursor: pointer;
}
@media (max-width: 600px) {
  .fbtl-orig-the-emotion-racket .tools-grid .tools-grid,
  .fbtl-orig-the-emotion-racket .tools-grid {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 640px) {
  .fbtl-orig-the-emotion-racket .hero,
  .fbtl-orig-the-emotion-racket .pb-hero,
  .fbtl-orig-the-emotion-racket .content-section,
  .fbtl-orig-the-emotion-racket .pb-section,
  .fbtl-orig-the-emotion-racket section {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }
}


.fbtl-orig-the-emotion-racket.cta-section .elementor-heading-title,
.fbtl-orig-the-emotion-racket .cta-section .elementor-heading-title,
.fbtl-orig-the-emotion-racket .cta-section .cta-heading {
  color: #fff !important;
}
.fbtl-orig-the-emotion-racket .cta-section .btn-outline .elementor-button,
.fbtl-orig-the-emotion-racket .cta-section a.btn-outline,
.fbtl-orig-the-emotion-racket .cta-section .btn-outline {
  color: #fff !important;
  border-color: rgba(255,255,255,.35) !important;
  background: transparent !important;
}
.fbtl-orig-the-emotion-racket .cta-section .btn-outline .elementor-button:hover,
.fbtl-orig-the-emotion-racket .cta-section .btn-outline:hover {
  color: #fff !important;
  background: rgba(255,255,255,.1) !important;
}
.fbtl-orig-the-emotion-racket.modal-overlay,
#emotionModal.modal-overlay {
  display: none;
  position: fixed !important;
  inset: 0 !important;
  background: rgba(9,34,66,0.55);
  z-index: 100000 !important;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.fbtl-orig-the-emotion-racket.modal-overlay.open,
#emotionModal.modal-overlay.open {
  display: flex !important;
}