/* ══════════════════════════════════════════════════════════════
   RomaFlow · GLOBAL BRAND SETTINGS — מקור אמת יחיד / single source of truth
   ערוך צבעים ופונטים כאן פעם אחת ⇒ מתעדכן בכל האתר.
   Edit colours & fonts here once ⇒ updates everywhere.
   ══════════════════════════════════════════════════════════════ */
.rf-801{
  /* ── צבעי מותג · Brand accents ── */
  --rf-blue:#0057FF;
  --rf-purple:#8C52FF;
  --rf-cyan:#00E5CC;
  --rf-pink:#FF0080;
  /* גרדיאנט מותג · brand gradient */
  --rf-gradient:linear-gradient(90deg,var(--rf-blue) 0%,var(--rf-purple) 50%,var(--rf-cyan) 100%);
  /* ── צבעי טקסט · Text (dark → light) ── */
  --rf-ink:#0F172A;
  --rf-ink-800:#1E293B;
  --rf-ink-700:#334155;
  --rf-ink-600:#475569;
  --rf-ink-500:#64748B;
  /* ── משטח רך · Soft surface ── */
  --rf-surface-2:#F8FAFC;
  /* ── פונטים · Fonts ── */
  --rf-font:"Noto Sans Hebrew",sans-serif;
  --rf-font-mono:"JetBrains Mono",monospace;
}

/* ==============================================================================
   RomaFlow Blocks — unified stylesheet
   Base (theme) scoped under .rf-801 (present on every widget). Each page's section
   CSS scoped under its own .rf-<slug>-801 so pages never collide. Brand tokens
   (--accent-cyan, --gradient-main, ...) live on .rf-801 and are overridable per
   widget from the Style tab. No host-theme leakage.
   ============================================================================== */

/* ---------- Original theme stylesheet (reviews / projects / pricing / single) ---------- */
/*
Theme Name: Roma Digital Theme
Theme URI: https://roma-digital.com
Author: Roma Digital
Author URI: https://roma-digital.com
Description: Custom WordPress theme for Roma Digital landing page.
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: roma-digital-theme
*/
/* =========================================
   CSS Variables & Reset
   ========================================= */
.rf-801 {
  /* Colors */
  --bg-main: #ffffff;
  --bg-secondary: var(--rf-surface-2);
  --accent-cyan: var(--rf-cyan);
  --accent-purple: var(--rf-purple);
  --accent-pink: var(--rf-pink);
  --text-primary: var(--rf-ink);
  --text-secondary: var(--rf-ink-600);

  /* UI Elements */
  --card-bg: #ffffff;
  --card-border: rgba(148, 163, 184, 0.2);
  --glass-blur: blur(12px);
  --gradient-main: linear-gradient(
    90deg,
    var(--rf-blue) 0%,
    var(--rf-purple) 50%,
    var(--rf-cyan) 100%
  );
  --gradient-text: linear-gradient(
    90deg,
    var(--rf-blue) 0%,
    var(--rf-purple) 50%,
    var(--rf-cyan) 100%
  );

  /* Layout */
  --container-width: 1300px;
  --header-height: 95px;
  --section-spacing: 100px;
  --border-radius-lg: 24px;

  /* Spacing Variables */
  --section-spacing-mobile: 60px;

  /* Transitions */
  --transition-fast: 0.3s ease;
}
.rf-801 *, .rf-801 *::before, .rf-801 *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.rf-801 {
  scroll-behavior: smooth;
  font-size: 16px;
  margin-top: 0 !important;
}
.rf-801 {
  font-family: var(--rf-font);
  background-color: var(--bg-main);
  color: var(--text-primary);
  line-height: 1.7;
  overflow-x: hidden;
  direction: rtl;
  position: relative;
}
/* Background Particles */
.rf-801 .particles-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #ffffff;
  background-image: radial-gradient(
      circle at 0% 0%,
      rgba(0, 229, 204, 0.08) 0%,
      transparent 50%
    ),
    radial-gradient(
      circle at 100% 0%,
      rgba(140, 82, 255, 0.08) 0%,
      transparent 50%
    ),
    radial-gradient(
      circle at 100% 100%,
      rgba(255, 0, 128, 0.08) 0%,
      transparent 50%
    ),
    radial-gradient(
      circle at 0% 100%,
      rgba(0, 87, 255, 0.08) 0%,
      transparent 50%
    );
}
.rf-801 a {
  text-decoration: none;
  color: inherit;
  transition: var(--transition-fast);
}
.rf-801 ul {
  list-style: none;
}
.rf-801 button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  outline: none;
}
.rf-801 img {
  max-width: 100%;
  height: auto;
  display: block;
}
/* Utilities */
.rf-801 h1, .rf-801 h2, .rf-801 h3, .rf-801 h4 {
  font-weight: 900;
  line-height: 1.2;
  color: var(--text-primary);
}
.rf-801 h1 {
  font-size: clamp(2rem, 6vw, 4.5rem);
  letter-spacing: -1px;
}
.rf-801 h2 {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 900;
  line-height: 1.2;
}
.rf-801 h3 {
  font-size: 1.5rem;
  font-weight: 700;
}
.rf-801 .title-link {
  display: inline-block;
  position: relative;
}
.rf-801 .title-link:hover {
  opacity: 0.9;
  transform: scale(1.02);
}
.rf-801 p {
  color: var(--text-secondary);
  font-size: 1.05rem;
}
.rf-801 .container {
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 24px;
}
.rf-801 .center {
  text-align: center;
}
.rf-801 .section-desc {
  color: var(--text-secondary);
  font-size: 1.05rem;
  max-width: 700px;
  margin: 16px auto 0;
}
.rf-801 .section-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(0, 229, 204, 0.1);
  color: var(--accent-cyan);
  font-weight: 700;
  font-size: 0.9rem;
  padding: 6px 16px;
  border-radius: 50px;
  margin-bottom: 20px;
  border: 1px solid rgba(0, 229, 204, 0.2);
}
.rf-801 .text-gradient {
  background: var(--gradient-text);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
/* Buttons */
.rf-801 .btn-primary, .rf-801 .btn-secondary, .rf-801 .btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 32px;
  border-radius: 50px;
  font-weight: 700;
  font-size: 1rem;
  transition: all var(--transition-fast);
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.rf-801 .btn-primary {
  background: var(--gradient-main);
  color: #ffffff !important;
  box-shadow: 0 4px 15px rgba(0, 87, 255, 0.3);
}
.rf-801 .btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(0, 87, 255, 0.5);
}
.rf-801 .glow-effect {
  animation: glowPulse 3s infinite;
}
@keyframes glowPulse {
  0%,
  100% {
    box-shadow: 0 4px 15px rgba(0, 87, 255, 0.3);
  }
  50% {
    box-shadow: 0 4px 25px rgba(0, 87, 255, 0.6);
  }
}
@keyframes pulse-custom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
.rf-801 .pulse-animate {
  animation: pulse-custom 2s infinite ease-in-out;
}
.rf-801 .btn-secondary {
  background: #ffffff;
  color: var(--text-primary);
  border: 2px solid rgba(15, 23, 42, 0.1);
  backdrop-filter: blur(5px);
}
.rf-801 .btn-secondary:hover {
  border-color: var(--accent-cyan);
  color: var(--accent-cyan);
  transform: translateY(-3px);
}
.rf-801 .whatsapp-btn {
  background: linear-gradient(135deg, #25d366, #128c7e);
  box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
}
/* =========================================
   Header & Navigation
   ========================================= */
.rf-801 .rf-site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: var(--header-height);
  background: linear-gradient(
    90deg,
    rgba(0, 87, 255, 0.6) 0%,
    rgba(140, 82, 255, 0.6) 50%,
    rgba(0, 229, 204, 0.6) 100%
  );
  background-size: 200% 200%;
  animation: gradientHeader 6s ease infinite;
  backdrop-filter: var(--glass-blur);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  z-index: 1000;
  display: flex;
  align-items: center;
  transition: all var(--transition-fast);
}
.rf-801 .rf-site-header.scrolled {
  background: linear-gradient(
    90deg,
    rgba(0, 87, 255, 0.85) 0%,
    rgba(140, 82, 255, 0.85) 50%,
    rgba(0, 229, 204, 0.85) 100%
  );
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}
@keyframes gradientHeader {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.rf-801 .rf-site-header .container {
  height: 100%;
  display: flex;
  align-items: center;
}
.rf-801 .flex-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 20px;
  flex-wrap: nowrap;
}
.rf-801 .logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.rf-801 .logo-image {
  max-height: 70px;
  width: auto;
  transition: transform 0.3s;
}
.rf-801 .logo-image:hover {
  transform: scale(1.05);
}
.rf-801 .desktop-nav {
  display: flex;
  gap: 32px;
  background: rgba(255, 255, 255, 0.1);
  padding: 0 24px;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  align-items: center;
  height: 54px;
  white-space: nowrap;
}
.rf-801 .desktop-nav a, .rf-801 .desktop-nav .dropdown-trigger {
  color: #ffffff;
  font-weight: 500;
  font-size: 0.95rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 100%;
}
.rf-801 .desktop-nav a:hover, .rf-801 .desktop-nav .dropdown-trigger:hover {
  color: rgba(255, 255, 255, 0.8);
}
/* Dropdown Styles */
.rf-801 .nav-dropdown {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}
.rf-801 .dropdown-trigger {
  gap: 6px;
}
.rf-801 .dropdown-content {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  right: 0;
  background: #ffffff;
  min-width: 220px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  padding: 12px 0;
  z-index: 1005;
  backdrop-filter: blur(10px);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transform: translateY(10px) scale(0.95);
}
.rf-801 .dropdown-content::before {
  content: "";
  position: absolute;
  top: -15px;
  left: 0;
  width: 100%;
  height: 15px;
  background: transparent;
}
.rf-801 .nav-dropdown:hover .dropdown-content {
  opacity: 1;
  visibility: visible;
  transform: translateY(5px) scale(1);
}
.rf-801 .dropdown-content a {
  color: var(--text-primary) !important;
  display: block !important;
  padding: 12px 24px !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  background: transparent !important;
  -webkit-text-fill-color: var(--text-primary) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.03) !important;
  height: auto !important;
  text-align: right;
}
.rf-801 .dropdown-content a:hover {
  background: rgba(140, 82, 255, 0.05) !important;
  color: var(--accent-purple) !important;
  padding-right: 28px !important;
}
.rf-801 .header-actions {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-shrink: 0;
}
.rf-801 .header-actions .btn-icon {
  width: 45px;
  height: 45px;
  min-width: 45px; /* Prevent shrinking */
  min-height: 45px; /* Prevent shrinking */
  aspect-ratio: 1 / 1; /* Enforce square ratio */
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  padding: 0; /* Remove any padding that could distort shape */
  flex-shrink: 0; /* Prevent flex container from shrinking */
}
.rf-801 .header-actions .btn-icon:hover {
  background: #ffffff;
  color: var(--accent-purple);
  border-color: #ffffff;
  transform: translateY(-3px);
}
.rf-801 .header-actions .btn-icon svg {
  width: 18px;
  height: 18px;
}
/* Responsive Header */
@media (max-width: 1150px) {
.rf-801 .desktop-nav {
    display: none;
  }
.rf-801 .mobile-menu-toggle {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    color: #ffffff;
    cursor: pointer;
  }
}
/* =========================================
   Single Post Styles
   ========================================= */
/* Progress Bar */
.rf-801 .reading-progress-bar {
  position: fixed;
  top: var(--header-height); /* Below header */
  left: 0;
  width: 0%;
  height: 4px;
  background: var(--gradient-main);
  z-index: 999;
  transition: width 0.1s ease;
}
.rf-801 .single-post-main {
  padding-top: var(--header-height);
  background: #ffffff;
}
/* Post Hero */
.rf-801 .post-hero {
  background: var(--bg-secondary);
  padding: 60px 0 80px;
  border-bottom: 1px solid var(--card-border);
  margin-bottom: 60px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.rf-801 .post-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at var(--mouse-x, 50%) var(--mouse-y, 50%),
    rgba(0, 229, 204, 0.05) 0%,
    transparent 50%
  );
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: -1;
  pointer-events: none;
}
.rf-801 .post-hero:hover::before {
  opacity: 1;
}
.rf-801 .post-breadcrumbs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 0.9rem;
  color: var(--text-secondary);
  margin-bottom: 40px;
}
.rf-801 .post-breadcrumbs a:hover {
  color: var(--accent-purple);
}
.rf-801 .post-breadcrumbs .sep {
  opacity: 0.4;
}
.rf-801 .post-breadcrumbs .current {
  font-weight: 600;
  color: var(--text-primary);
}
.rf-801 .post-header {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 50px;
}
.rf-801 .post-meta-top {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-bottom: 20px;
  font-size: 0.9rem;
  font-weight: 600;
}
.rf-801 .post-cat {
  color: var(--accent-purple);
  background: rgba(140, 82, 255, 0.1);
  padding: 4px 12px;
  border-radius: 50px;
  transition: all 0.3s ease;
}
.rf-801 .post-cat a {
  color: inherit;
  text-decoration: none;
}
.rf-801 .post-cat:hover {
  background: var(--accent-purple);
  color: white;
  transform: translateY(-2px);
}
.rf-801 .post-date {
  color: var(--text-secondary);
}
.rf-801 .post-title {
  font-size: clamp(2.2rem, 5vw, 3.5rem);
  line-height: 1.1;
  margin-bottom: 25px;
  background: var(--gradient-text);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rf-801 .post-meta-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  color: var(--text-secondary);
}
.rf-801 .author-meta, .rf-801 .reading-time {
  display: flex;
  align-items: center;
  gap: 10px;
}
.rf-801 .author-meta img {
  border-radius: 50%;
  border: 2px solid #ffffff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.rf-801 .post-featured-image {
  max-width: 1000px;
  margin: 0 auto -120px; /* Overlap effect */
  border-radius: 24px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
  z-index: 10;
}
.rf-801 .post-featured-image img {
  width: 100%;
  height: auto;
  display: block;
}
/* Layout Grid */
.rf-801 .post-layout-container {
  display: grid;
  grid-template-columns: 60px minmax(0, 1fr); /* Sidebar | Content */
  gap: 60px;
  max-width: 900px; /* Golden Ratio Width for text */
  margin: 80px auto 0;
  position: relative;
}
/* Sticky Share Sidebar */
.rf-801 .post-sidebar-share {
  position: sticky;
  top: 150px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: fit-content;
  align-items: center;
}
.rf-801 .share-label {
  writing-mode: vertical-rl;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--text-secondary);
  letter-spacing: 1px;
  margin-bottom: 5px;
}
.rf-801 .share-btn {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid var(--card-border);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-secondary);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
}
.rf-801 .share-btn:hover {
  transform: scale(1.15) rotate(5deg);
  color: white;
  border-color: transparent;
}
.rf-801 .share-btn.facebook:hover {
  background: #1877f2;
  box-shadow: 0 5px 15px rgba(24, 119, 242, 0.3);
}
.rf-801 .share-btn.whatsapp:hover {
  background: #25d366;
  box-shadow: 0 5px 15px rgba(37, 211, 102, 0.3);
}
.rf-801 .share-btn.linkedin:hover {
  background: #0a66c2;
  box-shadow: 0 5px 15px rgba(10, 102, 194, 0.3);
}
.rf-801 .share-btn.copy:hover {
  background: var(--text-primary);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
/* Entry Content Typography (Golden Ratio) */
.rf-801 .entry-content-wrapper {
  width: 100%;
  background: #ffffff;
  border: 1px solid var(--card-border);
  border-radius: 20px;
  padding: clamp(28px, 5vw, 52px) clamp(20px, 4.5vw, 48px);
  box-shadow: 0 24px 60px -24px rgba(15, 23, 42, 0.16);
}
.rf-801 .entry-content {
  font-size: 1.125rem; /* 18px Base */
  line-height: 1.75;
  color: var(--rf-ink-700);
}
.rf-801 .entry-content p {
  margin-bottom: 1.8em;
}
.rf-801 .entry-content a {
  color: var(--accent-purple);
  font-weight: 700;
  background: var(--gradient-text);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  position: relative;
  transition: all 0.3s ease;
}
.rf-801 .entry-content a::after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--gradient-main);
  opacity: 0.3;
  transition: opacity 0.3s ease;
}
.rf-801 .entry-content a:hover {
  opacity: 0.8;
}
.rf-801 .entry-content a:hover::after {
  opacity: 1;
}
.rf-801 .entry-content h2, .rf-801 .entry-content h3 {
  margin-top: 2.5em;
  margin-bottom: 0.8em;
  background: var(--gradient-text);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.rf-801 .entry-content h2 {
  font-size: 2rem;
  font-weight: 800;
}
.rf-801 .entry-content h3 {
  font-size: 1.5rem;
  font-weight: 700;
}
.rf-801 .entry-content ul, .rf-801 .entry-content ol {
  margin-bottom: 1.8em;
}
.rf-801 .entry-content li {
  margin-bottom: 0.8em;
  position: relative;
}
.rf-801 .entry-content blockquote {
  border-right: 4px solid var(--accent-purple);
  background: var(--rf-surface-2);
  padding: 30px;
  margin: 40px 0;
  font-size: 1.25rem;
  font-style: italic;
  color: var(--text-primary);
  border-radius: 12px;
}
.rf-801 .entry-content img {
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  margin: 40px 0;
  max-width: 100%;
  height: auto;
}
/* Post Footer */
.rf-801 .entry-footer {
  margin-top: 80px;
  padding-top: 40px;
  border-top: 1px solid var(--card-border);
}
.rf-801 .post-tags {
  display: flex;
  gap: 10px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.rf-801 .post-tags a {
  background: #f1f5f9;
  padding: 6px 16px;
  border-radius: 50px;
  font-size: 0.85rem;
  color: var(--text-secondary);
  display: flex;
  align-items: center;
  gap: 6px;
}
.rf-801 .post-tags a:hover {
  background: var(--accent-cyan);
  color: white;
}
.rf-801 .post-navigation {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.rf-801 .post-navigation a {
  flex: 1;
  padding: 24px;
  border: 1px solid var(--card-border);
  border-radius: 16px;
  transition: all 0.3s;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.rf-801 .post-navigation a:hover {
  border-color: var(--accent-purple);
  background: var(--rf-surface-2);
  transform: translateY(-5px);
}
.rf-801 .nav-label {
  font-size: 0.8rem;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 1px;
}
.rf-801 .nav-title {
  font-weight: 700;
  color: var(--text-primary);
}
/* Responsive Adjustments */
@media (max-width: 1024px) {
.rf-801 .post-layout-container {
    grid-template-columns: 1fr;
    padding: 0 20px;
  }
.rf-801 .post-sidebar-share {
    flex-direction: row;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    padding: 15px;
    z-index: 1000;
    justify-content: center;
    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.05);
    top: auto;
  }
.rf-801 .share-label {
    writing-mode: horizontal-tb;
    font-size: 1rem;
    margin-left: 10px;
  }
.rf-801 .post-featured-image {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
.rf-801 .post-title {
    font-size: 2rem;
  }
.rf-801 .entry-content {
    font-size: 1.05rem;
  }
.rf-801 .post-navigation {
    flex-direction: column;
  }
}
/* Mobile Menu - Fixed */
.rf-801 .mobile-menu-toggle {
  display: none;
  background: none;
  color: #ffffff;
  font-size: 1.5rem;
  z-index: 1001;
}
.rf-801 .mobile-menu-container {
  position: fixed;
  top: 0;
  right: -100%;
  width: 85%;
  max-width: 300px;
  height: 100%;
  background: #ffffff;
  z-index: 1005;
  padding: 60px 30px;
  transition: right 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: -10px 0 30px rgba(0, 0, 0, 0.1);
}
.rf-801 .mobile-menu-container.active {
  right: 0;
}
.rf-801 .mobile-menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1004;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.rf-801 .mobile-menu-overlay.active {
  opacity: 1;
  visibility: visible;
}
.rf-801 .mobile-menu-close {
  position: absolute;
  top: 20px;
  right: 20px;
  background: none;
  color: var(--text-secondary);
  z-index: 1006;
}
.rf-801 .mobile-nav-links {
  display: flex;
  flex-direction: column;
  gap: 20px;
  text-align: center;
}
.rf-801 .mobile-nav-links a {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--text-primary);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-bottom: 15px;
  text-align: right;
}
/* Mobile Dropdown */
.rf-801 .mobile-dropdown {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-bottom: 20px;
  text-align: right;
}
.rf-801 .mobile-dropdown-title {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--text-primary);
  display: block;
  margin-bottom: 15px;
  opacity: 0.6;
}
.rf-801 .mobile-dropdown-content {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-right: 20px;
}
.rf-801 .mobile-dropdown-content a {
  border-bottom: none !important;
  padding-bottom: 0 !important;
  font-size: 1.1rem !important;
  color: var(--accent-purple) !important;
}
/* Mobile Social Icons */
.rf-801 .mobile-social-links {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid var(--card-border);
}
.rf-801 .mobile-social-links .btn-icon {
  width: 45px;
  height: 45px;
  min-width: 45px;
  min-height: 45px;
  aspect-ratio: 1 / 1;
  background: var(--bg-secondary);
  color: var(--text-secondary);
  border: 1px solid var(--card-border);
  padding: 0;
  flex-shrink: 0;
}
.rf-801 .mobile-social-links .btn-icon:hover {
  background: var(--gradient-main);
  color: white;
  border-color: transparent;
}
/* Sections */
.rf-801 section {
  padding: var(--section-spacing) 0;
}
/* Hero */
.rf-801 .hero-section {
  padding-top: 120px;
  min-height: 90vh;
  display: flex;
  align-items: center;
  text-align: center;
}
.rf-801 .hero-container-v {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}
.rf-801 .subtitle-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(138, 43, 226, 0.1);
  color: var(--accent-purple);
  border: 1px solid rgba(138, 43, 226, 0.2);
  padding: 8px 16px;
  border-radius: 50px;
  font-weight: 600;
  margin-bottom: 10px;
}
.rf-801 .hero-section h1 {
  margin-bottom: 10px;
}
.rf-801 .hero-section p {
  font-size: 1.2rem;
  margin-bottom: 20px;
  max-width: 700px;
}
.rf-801 .hero-buttons {
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
}
.rf-801 .trust-badges {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.rf-801 .trust-item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-secondary);
  font-size: 0.9rem;
  background: rgba(0, 0, 0, 0.03);
  padding: 5px 12px;
  border-radius: 8px;
}
.rf-801 .trust-icon {
  color: var(--accent-cyan);
  width: 18px;
}
.rf-801 .hero-image-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}
.rf-801 .hero-image-wrapper::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 240px;
  height: 240px;
  background: var(--gradient-main);
  filter: blur(40px);
  opacity: 0.4;
  border-radius: 50%;
  z-index: 0;
  animation: pulseGlow 3s infinite alternate;
}
.rf-801 .cyber-frame {
  position: relative;
  border-radius: 50%;
  padding: 8px;
  background: linear-gradient(
    135deg,
    rgba(0, 229, 204, 0.2),
    rgba(140, 82, 255, 0.1)
  );
  z-index: 1;
}
.rf-801 .hero-img {
  border-radius: 50%;
  width: 220px;
  height: 220px;
  object-fit: cover;
  position: relative;
  z-index: 2;
}
.rf-801 .cyber-lines {
  position: absolute;
  inset: -3px;
  border-radius: 50%;
  border: 2px solid transparent;
  background: linear-gradient(
      135deg,
      var(--accent-cyan),
      transparent,
      var(--accent-purple)
    )
    border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  z-index: 1;
  opacity: 0.6;
}
@keyframes pulseGlow {
  0% {
    opacity: 0.3;
    transform: translate(-50%, -50%) scale(0.95);
  }
  100% {
    opacity: 0.6;
    transform: translate(-50%, -50%) scale(1.05);
  }
}
.rf-801 .floating-card {
  position: absolute;
  bottom: 10px;
  left: -40px;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: var(--glass-blur);
  border: 1px solid var(--card-border);
  padding: 15px 25px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  gap: 15px;
  z-index: 3;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.rf-801 .card-icon-small {
  width: 40px;
  height: 40px;
  background: var(--gradient-main);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
/* Typewriter Effect */
.rf-801 .typewriter {
  display: block;
  text-align: center;
  width: 100%;
}
.rf-801 .typewriter h1 {
  border-left: none;
  white-space: normal;
  margin: 0 auto;
  width: auto;
  animation: none;
  max-width: 100%;
}
.rf-801 .typewriter h1 .text-gradient {
  display: inline-block;
  overflow: hidden;
  border-left: 3px solid var(--accent-cyan);
  white-space: nowrap;
  width: 0;
  direction: rtl;
  text-align: right;
  animation: typing 3s steps(13, end) forwards,
    blink-caret 0.75s step-end infinite;
  vertical-align: bottom;
  padding-left: 0;
}
/* The typing effect */
@keyframes typing {
  0% {
    width: 0;
  }
  100% {
    width: 12.5ch;
  }
}
@keyframes typing-long {
  0% {
    width: 0;
  }
  100% {
    width: 15ch;
  } /* Adjusted for longer Hebrew sentences */
}
.rf-801 .typewriter h1 .text-gradient.text-long {
  animation: typing-long 3.5s steps(15, end) forwards,
    blink-caret 0.75s step-end infinite;
}
/* The typewriter cursor effect */
@keyframes blink-caret {
  from,
  to {
    border-color: transparent;
  }
  50% {
    border-color: var(--accent-cyan);
  }
}
/* Services - Centered & Modern */
/* Services - Centered & Modern */
.rf-801 .services-section {
  background: var(--bg-secondary);
  padding: var(--section-spacing) 0;
}
.rf-801 .services-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 30px;
  margin-top: 50px;
}
/* Service Card - Modern & Clean */
.rf-801 .service-card {
  background: #ffffff;
  border: 1px solid var(--card-border);
  border-radius: 24px;
  padding: 30px 20px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  /* cursor: pointer; */
  user-select: none;
  color: inherit; /* Ensure link color inheritance */
}
.rf-801 .service-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px -15px rgba(0, 229, 204, 0.15);
  border-color: var(--accent-cyan);
}
.rf-801 .service-card:active {
  transform: scale(0.98);
}
/* Service Link & Button Styles */
.rf-801 .service-link-wrapper {
  text-decoration: none;
  color: inherit;
  transition: opacity 0.3s;
}
.rf-801 .service-link-wrapper:hover {
  opacity: 0.8;
}
.rf-801 .service-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: var(--rf-surface-2); 
  border: 1px solid var(--card-border);
  border-radius: 50px;
  color: var(--text-primary);
  text-decoration: none;
  font-size: 0.9rem;
  transition: all 0.3s ease;
  margin-top: 20px;
  font-weight: 600;
}
.rf-801 .service-btn:hover {
  background: var(--accent-cyan);
  color: #ffffff;
  transform: translateY(-2px);
  border-color: var(--accent-cyan);
  box-shadow: 0 4px 12px rgba(0, 229, 204, 0.3);
}
.rf-801 .service-btn .arrow { transition: transform 0.3s ease; }
.rf-801 .service-btn:hover .arrow { transform: translateX(-3px); }
.rf-801 .service-card h3 {
  margin-bottom: 15px;
  font-size: 1.4rem;
  color: var(--text-primary);
}
.rf-801 .service-card p {
  font-size: 1rem;
  color: var(--text-secondary);
  margin-bottom: 25px;
  flex-grow: 1;
}
.rf-801 .card-icon-wrapper {
  width: 60px;
  height: 60px;
  background: rgba(0, 229, 204, 0.1);
  color: var(--accent-cyan);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  transition: background 0.3s ease, color 0.3s ease;
}
.rf-801 .service-card:hover .card-icon-wrapper {
  background: var(--accent-cyan);
  color: #ffffff;
}
/* Features Carousel inside Card */
.rf-801 .features-marquee {
  width: 100%;
  overflow: hidden;
  margin-top: auto; /* Push to bottom */
  padding: 10px 0;
  mask-image: linear-gradient(
    to right,
    transparent,
    black 10%,
    black 90%,
    transparent
  );
  -webkit-mask-image: linear-gradient(
    to right,
    transparent,
    black 10%,
    black 90%,
    transparent
  );
  direction: ltr; /* Important for smooth loop direction */
  pointer-events: none;
}
.rf-801 .features-track {
  display: flex;
  gap: 10px;
  width: max-content;
  animation: scrollFeatures 20s linear infinite;
}
.rf-801 .feature-box {
  flex: 0 0 auto;
  background: rgba(248, 250, 252, 0.8);
  border: 1px solid var(--card-border);
  color: var(--text-secondary);
  padding: 8px 14px;
  border-radius: 12px;
  font-size: 0.85rem;
  font-weight: 600;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 8px;
  gap: 8px;
  direction: rtl; /* Keep text RTL */
}
.rf-801 .feature-box:hover {
  background: rgba(0, 229, 204, 0.05);
  border-color: var(--accent-cyan);
  color: var(--text-primary);
}
.rf-801 .feature-box i {
  width: 14px;
  height: 14px;
  color: var(--accent-cyan);
}
@keyframes scrollFeatures {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
/* Varying animation speeds for each card */
.rf-801 .service-card:nth-of-type(1) .features-track {
  animation-duration: 22s;
}
.rf-801 .service-card:nth-of-type(2) .features-track {
  animation-duration: 28s;
}
.rf-801 .service-card:nth-of-type(3) .features-track {
  animation-duration: 25s;
}
.rf-801 .service-card:nth-of-type(4) .features-track {
  animation-duration: 32s;
}
/* About Section Styles */
.rf-801 .about-section {
  padding: 100px 0 !important;
  position: relative;
  background: #ffffff;
  overflow: hidden;
}
.rf-801 .about-grid {
  display: flex !important;
  flex-direction: row-reverse !important; /* Text on Right, Image on Left */
  align-items: center !important; /* PERFECT VERTICAL SYMMETRY */
  justify-content: center !important;
  gap: 80px !important;
  max-width: 1200px;
  margin: 0 auto !important;
  width: 100%;
}
.rf-801 .about-content-col {
  flex: 1 !important;
  max-width: 550px !important;
  text-align: right !important;
}
.rf-801 .about-image-col {
  flex: 0 0 340px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding-top: 0 !important; /* REMOVED MANUAL OFFSET */
}
.rf-801 .image-glow-wrapper {
  position: relative;
  width: 340px;
  height: 340px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(
    135deg,
    rgba(0, 229, 204, 0.4),
    rgba(140, 82, 255, 0.4)
  );
  border-radius: 50%;
  padding: 8px;
  margin: 0 !important;
  isolation: isolate;
}
.rf-801 .image-glow-wrapper::before {
  content: "";
  position: absolute;
  inset: -20px;
  background: var(--gradient-main);
  filter: blur(50px);
  opacity: 0.3;
  z-index: -1;
  border-radius: 50%;
}
.rf-801 .roma-image {
  width: 324px !important;
  height: 324px !important;
  object-fit: cover;
  border-radius: 50%;
  border: 6px solid #ffffff;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
  display: block;
}
/* Infinite Stats Carousel */
.rf-801 .stats-carousel-wrapper {
  width: 100%;
  overflow: hidden;
  margin-top: 40px;
  padding: 20px 0;
  position: relative;
  mask-image: linear-gradient(
    to right,
    transparent,
    black 10%,
    black 90%,
    transparent
  );
  -webkit-mask-image: linear-gradient(
    to right,
    transparent,
    black 10%,
    black 90%,
    transparent
  );
  border-top: 1px solid var(--card-border);
  direction: ltr; /* Fix alignment for infinite scroll */
}
.rf-801 .stats-track {
  display: flex;
  gap: 0; /* Removed gap to fix jumpy loop, using margin instead */
  width: max-content;
  animation: scrollMarquee 32s linear infinite;
  direction: ltr; /* Ensures consistent scrolling direction */
}
.rf-801 .stat-box {
  background: #ffffff;
  border: 1px solid var(--card-border);
  border-radius: 16px;
  padding: 20px;
  min-width: 280px;
  max-width: 280px;
  margin-right: 30px; /* Spacing for seamless loop */
  text-align: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
  direction: rtl; /* Ensure Hebrew text inside is RTL */
  flex-shrink: 0;
}
.rf-801 .stat-box:hover {
  transform: translateY(-5px);
  border-color: var(--accent-cyan);
}
.rf-801 .stat-box h4 {
  font-size: 1.5rem;
  color: var(--accent-cyan);
  margin-bottom: 8px;
  font-weight: 900;
  line-height: 1.1;
}
.rf-801 .stat-box p {
  font-size: 0.95rem;
  line-height: 1.4;
  margin: 0;
}
@keyframes scrollMarquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
/* Process */
.rf-801 .process-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.rf-801 .process-card {
  background: var(--card-bg);
  padding: 30px;
  border-radius: 20px;
  border: 1px solid var(--card-border);
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.05);
}
.rf-801 .step-number {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 2.5rem;
  font-weight: 900;
  background: var(--gradient-text);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0.3;
}
.rf-801 .step-icon-wrapper {
  width: 60px;
  height: 60px;
  background: rgba(0, 0, 0, 0.03);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--accent-cyan);
  margin-bottom: 20px;
}
/* CTA Section */
.rf-801 .cta-section {
  padding: var(--section-spacing) 0;
}
.rf-801 .cta-box {
  background: var(--bg-secondary);
  padding: 80px 40px;
  border-radius: var(--border-radius-lg);
  border: 1px solid var(--card-border);
  text-align: center;
  box-shadow: 0 20px 50px rgba(0, 87, 255, 0.05);
}
.rf-801 .cta-content h2 {
  margin-bottom: 24px;
}
.rf-801 .cta-content p {
  margin-bottom: 45px;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}
.rf-801 .cta-buttons {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-bottom: 30px;
}
.rf-801 .cta-note {
  margin-top: 20px;
  opacity: 0.8;
}
/* Why Me */
.rf-801 .why-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 30px;
  padding: 40px 0;
}
.rf-801 .why-item {
  width: 100%;
  min-height: 280px;
  background: #ffffff;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 24px;
  border: 1px solid var(--card-border);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  padding: 30px;
  box-shadow: 0 10px 30px -10px rgba(0, 87, 255, 0.15);
}
.rf-801 .why-item:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px -15px rgba(140, 82, 255, 0.25);
  border-color: var(--accent-cyan);
}
.rf-801 .why-icon {
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
  background: rgba(138, 43, 226, 0.1);
  color: var(--accent-purple);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Footer - Centered & Organized */
.rf-801 .rf-site-footer {
  background: linear-gradient(to bottom, var(--rf-surface-2), #f1f5f9);
  padding-top: 80px;
  border-top: 1px solid var(--card-border);
}
.rf-801 .footer-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  padding-bottom: 60px;
  text-align: right;
}
/* 4 columns for multi-page */
.rf-801 .footer-links li {
  margin-bottom: 12px;
}
.rf-801 .footer-links a {
  color: var(--text-secondary);
  transition: all 0.3s;
  font-weight: 500;
}
.rf-801 .footer-links a:hover {
  color: var(--accent-cyan);
  padding-right: 5px;
}
.rf-801 .brand-col {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rf-801 .social-links {
  display: flex;
  gap: 15px;
  margin-top: 20px;
  justify-content: center;
}
.rf-801 .social-links a {
  width: 40px;
  height: 40px;
  background: #ffffff;
  color: var(--text-secondary);
  border: 1px solid var(--card-border);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rf-801 .social-links a:hover {
  background: var(--accent-cyan);
  color: var(--bg-main);
}
.rf-801 .map-wrapper {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--card-border);
  margin-top: 15px;
}
.rf-801 .contact-list li {
  justify-content: center;
  display: flex;
  gap: 10px;
  margin-bottom: 12px;
  color: var(--text-secondary);
}
.rf-801 .contact-icon {
  color: var(--accent-cyan);
  width: 18px;
}
.rf-801 .footer-bottom {
  background: rgba(0, 0, 0, 0.03);
  padding: 20px 0;
  text-align: center;
  font-size: 0.9rem;
  color: var(--text-secondary);
}
/* Floating WhatsApp */
.rf-801 .whatsapp-float-container {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9999;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: 15px;
}
.rf-801 .whatsapp-btn-float {
  width: 60px;
  height: 60px;
  background: #25d366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);
  transition: 0.3s;
  animation: pulse-green 2s infinite;
}
.rf-801 .whatsapp-btn-float:hover {
  transform: scale(1.1);
}
.rf-801 .whatsapp-btn-float i {
  width: 32px;
  height: 32px;
}
@keyframes pulse-green {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
  }
}
.rf-801 .whatsapp-tooltip {
  background: white;
  color: #333;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 600;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  position: relative;
  animation: floatIn 0.5s ease-out;
  margin-bottom: 0;
}
.rf-801 .whatsapp-tooltip::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -6px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid white;
}
@keyframes floatIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Mobile Responsive Adjustments */
@media (max-width: 900px) {
.rf-801 {
    --section-spacing: 50px;
  }
.rf-801 .container {
    padding: 0 16px;
  }
.rf-801 .hero-section {
    padding-top: 110px;
    min-height: auto;
  }
.rf-801 .stats-row {
    padding-top: 20px;
  }
.rf-801 .desktop-nav, .rf-801 .header-actions {
    display: none;
  }
.rf-801 .mobile-menu-toggle {
    display: block;
  }
.rf-801 .hero-container-v {
    text-align: center;
  }
.rf-801 .hero-image-wrapper {
    margin-bottom: 20px;
  }
.rf-801 .hero-img {
    width: 180px;
    height: 180px;
  }
.rf-801 .hero-buttons {
    justify-content: center;
    flex-wrap: wrap;
  }
.rf-801 .trust-badges {
    justify-content: center;
  }
.rf-801 .about-grid {
    flex-direction: column !important;
    text-align: center !important;
    gap: 40px !important;
  }
.rf-801 .about-content-col {
    order: 2 !important;
    max-width: 100% !important;
    text-align: center !important;
  }
.rf-801 .about-image-col {
    order: 1 !important;
    flex: 0 0 auto !important;
  }
.rf-801 .image-glow-wrapper {
    width: 280px;
    height: 280px;
  }
.rf-801 .roma-image {
    width: 264px !important;
    height: 264px !important;
  }
.rf-801 .stats-row {
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
  }
.rf-801 .process-grid, .rf-801 .why-grid, .rf-801 .footer-grid {
    grid-template-columns: 1fr;
  }
.rf-801 .step-number {
    font-size: 2rem;
    top: 10px;
    right: 15px;
  }
.rf-801 .check-list li {
    justify-content: center;
  }
/* Center list items on mobile */
.rf-801 .cta-box {
    padding: 60px 24px;
  }
.rf-801 .cta-buttons {
    flex-direction: column;
    gap: 15px;
  }
.rf-801 .cta-buttons .btn-primary, .rf-801 .cta-buttons .btn-secondary {
    width: 100%;
  }
.rf-801 .logo-image {
    max-height: 55px;
  }
/* Slightly smaller for mobile */
.rf-801 .whatsapp-float-container {
    display: none !important;
  }
/* Services Mobile Optimization */
.rf-801 .services-section {
    padding: var(--section-spacing-mobile) 0;
  }
.rf-801 .services-grid {
    margin-top: 30px;
    gap: 20px;
  }
.rf-801 .service-card {
    padding: 25px 15px;
  }
.rf-801 .service-card:hover {
    transform: none;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
  }
.rf-801 .title-link h2 {
    font-size: 2rem;
  }
/* Footer Mobile Adjustments */
.rf-801 .footer-grid {
    gap: 30px;
    text-align: center; /* Center footer on mobile for better looks */
  }
.rf-801 .footer-col {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
.rf-801 .footer-links {
    padding: 0;
    margin: 0;
  }
.rf-801 .footer-links a:hover {
    padding-right: 0;
    transform: scale(1.05);
  }
.rf-801 .contact-list li {
    justify-content: center;
  }
.rf-801 .why-icon svg {
    width: 35px;
    height: 35px;
  }
.rf-801 .why-item h4 {
    font-size: 1.4rem;
    margin-bottom: 10px;
  }
.rf-801 .why-item p {
    font-size: 1.1rem;
    padding: 0 10px;
  }
@keyframes floatMobile {
    0%,
    100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-10px);
    }
  }
}
/* =========================================
   New Component: AI Glowing Card
   ========================================= */
@property --gradient-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
.rf-801 .ai-card {
  position: relative;
  background: var(--card-bg);
  border-radius: 24px; /* Match existing border-radius */
  z-index: 1; /* Ensure content is above pseudo-elements */
}
/* The glowing border effect */
.rf-801 .ai-card::before, .rf-801 .ai-card::after {
  content: "";
  position: absolute;
  inset: -2px; /* Thickness of the border */
  z-index: -1;
  background: conic-gradient(
    from var(--gradient-angle),
    var(--accent-cyan),
    var(--accent-purple),
    var(--accent-pink),
    var(--accent-cyan)
  );
  border-radius: inherit;
  animation: rotation 4s linear infinite;
}
/* The glow blur */
.rf-801 .ai-card::after {
  filter: blur(2rem);
  opacity: 0.7;
}
/* Inner card background to hide the center of the gradient */
.rf-801 .ai-card-inner {
  background: var(--card-bg);
  border-radius: inherit;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* Ensure it covers the pseudo-elements behind it */
}
@keyframes rotation {
  0% {
    --gradient-angle: 0deg;
  }
  100% {
    --gradient-angle: 360deg;
  }
}
/* Modify existing service card to accommodate if needed */
.rf-801 .service-card.ai-card {
  border: none; /* Remove default border as we use the glow */
  background: transparent; /* Main container transparent */
  padding: 0; /* Padding moved to inner */
  overflow: visible; /* Show the glow */
  box-shadow: none; /* Let the glow be the shadow */
}
.rf-801 .service-card.ai-card .service-card-content {
  background: #ffffff;
  border-radius: 24px;
  padding: 30px 20px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* FAQ Details/Summary Styles */
.rf-801 details {
  background: #ffffff;
  border: 1px solid var(--card-border);
  border-radius: 16px;
  padding: 20px;
  margin-bottom: 20px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.rf-801 details:hover {
  border-color: var(--accent-cyan);
  box-shadow: 0 4px 20px rgba(0, 229, 204, 0.1);
}
.rf-801 details[open] {
  border-color: var(--accent-purple);
  background: var(--rf-surface-2);
}
.rf-801 summary {
  font-weight: 700;
  font-size: 1.1rem;
  color: var(--text-primary);
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rf-801 summary::-webkit-details-marker {
  display: none;
}
.rf-801 summary i {
  color: var(--accent-cyan);
  transition: transform 0.3s ease;
}
.rf-801 details[open] summary i {
  transform: rotate(45deg);
  color: var(--accent-purple);
}
.rf-801 details p {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
/* =========================================
   New Components for High-Conversion (SEO)
   ========================================= */
/* Panic Tap - Mobile Bottom Bar */
.rf-801 .mobile-panic-bar {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9998;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
  background: #ffffff;
}
@media (max-width: 900px) {
.rf-801 .mobile-panic-bar {
    display: flex;
  }
/* Hide default float on mobile if utilizing panic bar to avoid clutter */
.rf-801 .whatsapp-float-container {
    display: none !important;
  }
.rf-801 .rf-site-footer {
    padding-bottom: 90px;
  }
/* Space for bar */
}
.rf-801 .panic-btn {
  flex: 1;
  padding: 18px;
  text-align: center;
  color: white;
  font-weight: 700;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-decoration: none;
  transition: background 0.2s;
}
.rf-801 .panic-btn.call {
  background: #ff0055;
}
/* Urgent */
.rf-801 .panic-btn.call:active {
  background: #d90045;
}
.rf-801 .panic-btn.whatsapp {
  background: #25d366;
}
/* Trust */
.rf-801 .panic-btn.whatsapp:active {
  background: #1ea952;
}
/* Pricing Table */
.rf-801 .pricing-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
  margin-top: 40px;
}
.rf-801 .pricing-card {
  background: #ffffff;
  border: 1px solid var(--card-border);
  border-radius: 24px;
  padding: 40px 30px;
  text-align: center;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.rf-801 .pricing-card:hover {
  border-color: var(--accent-cyan);
  transform: translateY(-5px);
}
.rf-801 .pricing-card.featured {
  border: 2px solid var(--accent-purple);
  box-shadow: 0 15px 50px rgba(140, 82, 255, 0.1);
  z-index: 2;
}
.rf-801 .popular-badge {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: var(--accent-purple);
  color: white;
  font-size: 0.8rem;
  font-weight: 700;
  padding: 5px 15px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.rf-801 .pricing-card h3 {
  font-size: 1.5rem;
  margin-bottom: 15px;
}
.rf-801 .price {
  font-size: 3.5rem;
  font-weight: 900;
  color: var(--text-primary);
  margin-bottom: 5px;
  line-height: 1;
}
.rf-801 .price-period {
  font-size: 1rem;
  color: var(--text-secondary);
  margin-bottom: 30px;
  display: block;
}
.rf-801 .pricing-features {
  list-style: none;
  margin-bottom: 30px;
  text-align: right;
  padding: 0;
  flex-grow: 1;
}
.rf-801 .pricing-features li {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1rem;
  color: var(--text-secondary);
}
.rf-801 .pricing-features li i {
  color: var(--accent-cyan);
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.rf-801 .pricing-features li.disabled {
  color: #cbd5e1;
  text-decoration: line-through;
}
.rf-801 .pricing-features li.disabled i {
  color: #cbd5e1;
}
/* Video Testimonials */
.rf-801 .video-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
}
.rf-801 .video-card {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  background: #000;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  aspect-ratio: 9/16; /* Vertical video format preferred for testimonials */
}
.rf-801 .video-card iframe, .rf-801 .video-card video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rf-801 .video-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
  padding: 20px;
  color: white;
}
/* Trust Center */
.rf-801 .trust-center-box {
  background: var(--rf-surface-2);
  border: 1px dashed var(--card-border);
  padding: 40px;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;
  margin-top: 60px;
  text-align: center;
}
.rf-801 .trust-badge-large {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  font-weight: 600;
  font-size: 0.95rem;
  color: var(--text-primary);
  max-width: 150px;
}
.rf-801 .trust-badge-large i {
  width: 48px;
  height: 48px;
  color: var(--accent-cyan);
  background: rgba(0, 229, 204, 0.1);
  padding: 10px;
  border-radius: 12px;
}
/* Case Study Cards (Data Driven) */
.rf-801 .case-study-card {
  background: white;
  border: 1px solid var(--card-border);
  border-radius: 24px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  transition: 0.3s;
}
.rf-801 .case-study-card:hover {
  border-color: var(--accent-purple);
  transform: translateY(-5px);
}
.rf-801 .case-metric {
  font-size: 2.5rem;
  font-weight: 900;
  color: var(--accent-cyan);
  background: linear-gradient(to right, rgba(0, 229, 204, 0.1), transparent);
  padding: 10px 20px;
  border-radius: 12px;
  display: inline-block;
  margin-bottom: 10px;
}
.rf-801 .case-title {
  font-size: 1.3rem;
  font-weight: 700;
}
.rf-801 .case-meta {
  display: flex;
  gap: 15px;
  font-size: 0.9rem;
  color: var(--text-secondary);
}
.rf-801 details[open] p {
  color: var(--text-secondary);
  animation: fadeIn 0.4s ease;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* =========================================
   AI-Generated FAQ Styles (Stratum Architecture)
   ========================================= */
.rf-801 {
  --polymer-shadow: 0 15px 35px -5px rgba(140, 82, 255, 0.12),
    0 5px 15px -7px rgba(0, 229, 204, 0.08);
}
.rf-801 .ambient-glow {
  position: absolute;
  top: -10%;
  left: -5%;
  width: 400px;
  height: 400px;
  background: var(--gradient-main);
  filter: blur(140px);
  opacity: 0.08;
  border-radius: 50%;
  z-index: 0;
  pointer-events: none;
  animation: pulse-glow 10s infinite alternate;
}
@keyframes pulse-glow {
  0% {
    transform: scale(1) translate(0, 0);
  }
  100% {
    transform: scale(1.2) translate(50px, 20px);
  }
}
.rf-801 .faq-grid {
  display: grid;
  gap: 1.5rem;
  position: relative;
  z-index: 1;
}
.rf-801 .faq-item {
  background: var(--bg-secondary);
  border-radius: 24px;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1px solid rgba(255, 255, 255, 0.8);
  box-shadow: var(--polymer-shadow);
  position: relative;
}
.rf-801 .faq-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.4) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  pointer-events: none;
}
.rf-801 .faq-item.active {
  background: var(--bg-main);
  box-shadow: 0 30px 60px -12px rgba(15, 23, 42, 0.1),
    0 18px 36px -18px rgba(0, 229, 204, 0.2);
  transform: translateY(-4px);
  border-color: rgba(0, 229, 204, 0.3);
}
.rf-801 .faq-trigger {
  width: 100%;
  padding: 2rem;
  border: none;
  background: none;
  display: flex;
  align-items: center;
  cursor: pointer;
  text-align: right;
  gap: 2rem;
  position: relative;
  z-index: 1;
}
.rf-801 .faq-index {
  font-family: var(--rf-font-mono); /* Fallback will handle if font not loaded, or use theme font */
  font-size: 0.9rem;
  color: var(--accent-cyan);
  font-weight: 500;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0, 229, 204, 0.2);
  border-radius: 10px;
  background: rgba(0, 229, 204, 0.05);
  transition: all 0.3s ease;
}
.rf-801 .faq-item.active .faq-index {
  background: var(--accent-cyan);
  color: white;
  box-shadow: 0 0 20px rgba(0, 229, 204, 0.4);
}
.rf-801 .faq-question {
  font-family: var(--rf-font);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text-primary);
  flex-grow: 1;
  transition: color 0.3s ease;
}
.rf-801 .faq-icon {
  position: relative;
  width: 24px;
  height: 24px;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.rf-801 .faq-icon::before, .rf-801 .faq-icon::after {
  content: "";
  position: absolute;
  background: var(--text-secondary);
  transition: all 0.3s ease;
}
/* Plus Icon Morph */
.rf-801 .faq-icon::before {
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  transform: translateY(-50%);
}
.rf-801 .faq-icon::after {
  left: 50%;
  top: 0;
  width: 2px;
  height: 100%;
  transform: translateX(-50%);
}
.rf-801 .faq-item.active .faq-icon {
  transform: rotate(135deg);
}
.rf-801 .faq-item.active .faq-icon::before, .rf-801 .faq-item.active .faq-icon::after {
  background: var(--accent-pink);
}
.rf-801 .faq-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.6s cubic-bezier(0.16, 1, 0.3, 1), padding 0.6s ease,
    opacity 0.6s ease;
  padding: 0 2rem 0 2rem;
  opacity: 0;
  transform: translateY(10px);
}
.rf-801 .faq-item.active .faq-content {
  max-height: 500px;
  padding: 0 2rem 2.5rem 2rem;
  opacity: 1;
  transform: translateY(0);
}
.rf-801 .faq-text {
  color: var(--text-secondary);
  font-size: 1.05rem;
  max-width: 800px;
  border-right: 2px solid var(--accent-purple);
  padding-right: 1.5rem;
}
/* Decorative Stratum Layer */
.rf-801 .faq-item.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--gradient-main);
  opacity: 0.6;
}
@media (max-width: 768px) {
.rf-801 .faq-trigger {
    padding: 1.5rem;
    gap: 1rem;
  }
.rf-801 .faq-question {
    font-size: 1.1rem;
  }
}
/* =========================================
   AI-Generated Reviews Styles (Monolithic Perspectives)
   ========================================= */
.rf-801 {
  --iridescent-glow: linear-gradient(
    135deg,
    rgba(0, 229, 204, 0.1) 0%,
    rgba(140, 82, 255, 0.1) 50%,
    rgba(255, 0, 128, 0.1) 100%
  );
  --transition-smooth: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.rf-801 .mosaic-container {
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: 1.5rem;
}
/* Monolithic Card Base */
.rf-801 .review-card {
  position: relative;
  background: var(--bg-secondary);
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.05);
  transition: var(--transition-smooth);
  cursor: pointer;
  border-radius: 24px; /* Consistent with theme */
}
.rf-801 .review-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--iridescent-glow);
  opacity: 0;
  transition: var(--transition-smooth);
  z-index: 1;
}
/* The Stratification - Stacked Borders */
.rf-801 .review-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: var(--gradient-main);
  transform: scaleX(0);
  transform-origin: left; /* Changed to left for LTR/RTL consistency in visual flow */
  transition: var(--transition-smooth);
  z-index: 3;
}
.rf-801 .review-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 40px 80px -20px rgba(15, 23, 42, 0.1);
  background: #ffffff;
}
.rf-801 .review-card:hover::before {
  opacity: 1;
}
.rf-801 .review-card:hover::after {
  transform: scaleX(1);
}
/* Mosaic Spans */
.rf-801 .card-large {
  grid-column: span 5;
  grid-row: span 2;
}
.rf-801 .card-medium {
  grid-column: span 4;
}
.rf-801 .card-small {
  grid-column: span 3;
}
.rf-801 .card-wide {
  grid-column: span 7;
}
/* Typography & Content */
.rf-801 .card-content {
  position: relative;
  z-index: 2;
}
.rf-801 .meta-data {
  font-family: var(--rf-font-mono);
  font-size: 0.75rem;
  color: var(--accent-purple);
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  direction: ltr; /* Keep technical tags LTR */
}
.rf-801 .meta-data::before {
  content: "";
  width: 8px;
  height: 8px;
  background: var(--accent-cyan);
  display: inline-block;
}
.rf-801 .quote {
  font-size: 1.15rem;
  line-height: 1.6;
  color: var(--text-primary);
  font-weight: 500;
  margin-bottom: 2rem;
}
.rf-801 .card-large .quote {
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.rf-801 .author {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: auto;
  position: relative;
  z-index: 2;
}
.rf-801 .author-info h4 {
  font-size: 1rem;
  font-weight: 900;
  text-transform: uppercase;
}
.rf-801 .author-info p {
  font-size: 0.85rem;
  color: var(--text-secondary);
}
.rf-801 .rating {
  position: absolute;
  top: 2.5rem;
  left: 2.5rem; /* Changed to left for RTL layout */
  right: auto;
  font-family: var(--rf-font-mono);
  font-weight: 700;
  font-size: 0.9rem;
  padding: 0.2rem 0.6rem;
  background: #000;
  color: #fff;
  z-index: 2;
  border-radius: 4px;
}
/* SVG Grain Overlay */
.rf-801 .grain {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 9999;
  opacity: 0.03;
}
@media (max-width: 1024px) {
.rf-801 .mosaic-container {
    grid-template-columns: repeat(2, 1fr);
  }
.rf-801 .card-large, .rf-801 .card-medium, .rf-801 .card-small, .rf-801 .card-wide {
    grid-column: span 1;
    grid-row: span 1;
  }
}
@media (max-width: 640px) {
.rf-801 .mosaic-container {
    grid-template-columns: 1fr;
  }
}
/* =========================================
   AI-Generated Projects Slideshow Styles (Vellum Press)
   ========================================= */
.rf-801 {
  --vellum-white: rgba(255, 255, 255, 0.85);
  --press-shadow: inset 0 2px 4px rgba(15, 23, 42, 0.05);
}
/* The Pigment Grain Filter */
.rf-801 .pigment-grain {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 9999;
  opacity: 0.04;
  mix-blend-mode: multiply;
}
/* Layout Architecture */
.rf-801 .projects-viewer-container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 8rem 2rem;
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 4rem;
  align-items: start;
}
@media (max-width: 1024px) {
.rf-801 .projects-viewer-container {
    grid-template-columns: 1fr;
    padding: 4rem 1.5rem;
  }
}
/* Typography & Header */
.rf-801 .projects-header-group {
  position: sticky;
  top: 4rem;
}
.rf-801 .meta-tag {
  font-family: var(--rf-font-mono); /* Fallback will handle transparency */
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--accent-purple);
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.rf-801 .meta-tag::before {
  content: "";
  width: 40px;
  height: 1px;
  background: var(--main-gradient);
}
.rf-801 .projects-header-group h2 {
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 900;
  line-height: 1.1;
  margin-bottom: 2rem;
  letter-spacing: -0.02em;
  color: var(--text-primary);
  position: relative;
  z-index: 10;
  /* Ensure no background clipping on the main H2 */
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: currentColor;
}
.rf-801 .projects-header-group .description {
  font-size: 1.15rem;
  color: var(--text-secondary);
  max-width: 450px;
  margin-bottom: 3rem;
  line-height: 1.8;
}
/* Project Selector (Vellum Press) */
.rf-801 .project-nav {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.rf-801 .nav-item {
  padding: 1.5rem;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  border-right: 2px solid transparent;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: transparent;
}
.rf-801 .nav-item:hover {
  background: var(--bg-secondary);
  /* padding shift removed for stability */
}
.rf-801 .nav-item.active {
  background: var(--bg-secondary);
  border-right: 3px solid var(--accent-cyan);
  /* padding shift removed for stability */
}
.rf-801 .nav-item .project-info h4 {
  font-weight: 700;
  font-size: 1.1rem;
  margin: 0;
}
.rf-801 .nav-item .project-info p {
  font-family: var(--rf-font-mono);
  font-size: 0.8rem;
  color: var(--text-secondary);
  margin-top: 0.25rem;
  margin-bottom: 0;
}
/* The Vellum Press Viewer */
.rf-801 .viewer-stage {
  position: relative;
  background: var(--bg-secondary);
  border-radius: 12px;
  padding: 3rem;
  box-shadow: var(--press-shadow);
  overflow: hidden;
  /* Ensure RTL/LTR transform doesn't break layout */
  direction: ltr; /* Keeping the viewer LTR for generic structure, content will be adjusted */
}
/* For Hebrew content inside the viewer, we might need specific overrides if text is Hebrew */
.rf-801 .viewer-stage .slide-content {
  direction: rtl;
  text-align: right;
}
.rf-801 .viewer-stage .slide-header {
  flex-direction: row-reverse; /* Flip for RTL since we set content to RTL */
}
.rf-801 .slide-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  direction: rtl;
}
.rf-801 .vellum-sheet {
  background: var(--vellum-white);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.5);
  /* Enlarge slide view */
  height: 700px;
  width: 100%;
  box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.15);
  position: relative;
  z-index: 2;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease; /* added opacity transition */
  display: flex;
  flex-direction: column;
}
.rf-801 .vellum-sheet:hover {
  /* transform removed for stability */
  transform: none;
}
/* PDF Slide Elements */
.rf-801 .slide-content {
  flex: 1;
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rf-801 .slide-header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(15, 23, 42, 0.05);
  padding-bottom: 1rem;
}
.rf-801 .slide-title-area {
  text-align: right;
}
.rf-801 .slide-title-area h3 {
  font-weight: 900;
  font-size: 1.5rem;
  color: var(--text-primary);
  margin: 0;
}
.rf-801 .slide-badge {
  font-family: var(--rf-font-mono);
  font-size: 0.75rem;
  background: var(--accent-pink);
  color: white;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  height: fit-content;
}
.rf-801 .slide-visuals {
  flex: 1;
  margin: 2rem 0;
  background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  padding: 1rem;
  border-radius: 4px;
}
.rf-801 .stat-bar {
  height: 100%;
  background: white;
  border-radius: 2px;
  display: flex;
  flex-direction: column-reverse;
  overflow: hidden;
}
.rf-801 .stat-fill {
  background: var(--main-gradient);
  width: 100%;
  transition: height 1.5s ease;
}
.rf-801 .cta-container {
  margin-top: 3rem;
  display: flex;
  gap: 1.5rem;
}
/* Decorative "Press" elements */
.rf-801 .press-mark {
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 150px;
  height: 150px;
  border: 1px solid var(--accent-cyan);
  opacity: 0.1;
  border-radius: 50%;
  z-index: 1;
}
/* Pagination removed */
.rf-801 .pdf-preview-frame {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 4px;
  background: #fff;
  flex-grow: 1;
  margin: 1rem 0;
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.05);
}
/* =========================================
   AI Thought Partnership Section
   ========================================= */
/* Animated Background Elements */
.rf-801 .prism-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
  background-color: var(--bg-main);
  pointer-events: none; /* Prevent interference */
}
.rf-801 .prism-light {
  position: absolute;
  width: 800px;
  height: 800px;
  background: var(--main-gradient);
  filter: blur(140px);
  opacity: 0.06;
  border-radius: 50%;
  top: -15%;
  right: -10%;
  animation: drift 25s infinite alternate ease-in-out;
}
.rf-801 .prism-light-2 {
  position: absolute;
  width: 600px;
  height: 600px;
  background: var(--accent-pink);
  filter: blur(120px);
  opacity: 0.04;
  border-radius: 50%;
  bottom: -10%;
  left: -5%;
  animation: drift 18s infinite alternate-reverse ease-in-out;
}
@keyframes drift {
  from {
    transform: translate(0, 0) scale(1);
  }
  to {
    transform: translate(-100px, 50px) scale(1.1);
  }
}
.rf-801 .ai-section-wrapper {
  position: relative;
  padding: 100px 24px;
  max-width: 1300px;
  margin: 0 auto;
}
.rf-801 .ai-header {
  max-width: 850px;
  margin-bottom: 80px;
  text-align: right;
}
.rf-801 .eyebrow {
  display: inline-block;
  font-weight: 700;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  background: var(--main-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 16px;
}
.rf-801 .ai-title {
  font-size: clamp(2rem, 6vw, 4.5rem);
  font-weight: 900;
  line-height: 1.05;
  margin-bottom: 24px;
  letter-spacing: -0.03em;
  color: var(--text-primary);
}
.rf-801 .ai-subtitle {
  font-size: 1.25rem;
  color: var(--text-secondary);
  max-width: 650px;
  font-weight: 400;
}
/* Grid & Cards */
.rf-801 .refraction-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
  perspective: 1200px;
}
.rf-801 .glass-card {
  position: relative;
  background: var(--card-bg);
  backdrop-filter: blur(20px) saturate(160%);
  -webkit-backdrop-filter: blur(20px) saturate(160%);
  border: 1px solid var(--glass-border);
  padding: 40px;
  border-radius: 32px;
  transition: transform 0.1s ease-out, border-color 0.4s ease,
    box-shadow 0.4s ease;
  transform-style: preserve-3d;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rf-801 .glass-card:hover {
  border-color: rgba(140, 82, 255, 0.2);
  box-shadow: 0 40px 80px -20px rgba(15, 23, 42, 0.08);
}
.rf-801 .card-large {
  grid-column: span 6;
  min-height: 350px;
}
.rf-801 .card-medium {
  grid-column: span 6;
  min-height: 350px;
}
.rf-801 .card-small {
  grid-column: span 4;
  min-height: 300px;
}
.rf-801 .card-content {
  transform: translateZ(30px);
}
.rf-801 .card-icon {
  width: 60px;
  height: 60px;
  margin-bottom: 32px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rf-801 .icon-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--main-gradient);
  opacity: 0.1;
  border-radius: 18px;
  transform: rotate(-8deg);
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.rf-801 .glass-card:hover .icon-bg {
  transform: rotate(0deg) scale(1.15);
  opacity: 0.15;
  background: var(--main-gradient); /* Ensure gradient stays */
}
.rf-801 .card-title {
  font-size: 1.75rem;
  font-weight: 800;
  margin-bottom: 16px;
  color: var(--text-primary);
  letter-spacing: -0.01em;
}
.rf-801 .card-desc {
  font-size: 1.05rem;
  color: var(--text-secondary);
  line-height: 1.7;
}
/* Dynamic Data Points */
.rf-801 .data-point {
  margin-top: 40px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--accent-purple);
  display: flex;
  align-items: center;
  gap: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  direction: ltr; /* Data points in English/Tech usually look better LTR */
}
.rf-801 .data-point span {
  width: 24px;
  height: 2px;
  background: var(--accent-purple);
  opacity: 0.4;
}
.rf-801 .live-value {
  color: var(--text-primary);
  font-weight: 800;
}
/* Mobile Adjustments */
@media (max-width: 1024px) {
.rf-801 .card-large, .rf-801 .card-medium, .rf-801 .card-small {
    grid-column: span 12;
  }
.rf-801 .ai-section-wrapper {
    padding: 60px 20px;
  }
.rf-801 .ai-title {
    margin-bottom: 16px;
  }
}
/* Reveal Animation */
.rf-801 .reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}
.rf-801 .reveal.active {
  opacity: 1;
  transform: translateY(0);
}

/* ---------- Base (roma-theme main.css — wins on shared components) ---------- */
/* =========================================
   CSS Variables & Reset
   ========================================= */
.rf-801 {
    /* Colors */
    --bg-main: #FFFFFF;
    --bg-secondary: var(--rf-surface-2);
    --accent-cyan: var(--rf-cyan);  
    --accent-purple: var(--rf-purple); 
    --accent-pink: var(--rf-pink);   
    --text-primary: var(--rf-ink);
    --text-secondary: var(--rf-ink-600);
    
    /* UI Elements */
    --card-bg: #FFFFFF;
    --card-border: rgba(148, 163, 184, 0.2);
    --glass-blur: blur(12px);
    --gradient-main: linear-gradient(90deg, var(--rf-blue) 0%, var(--rf-purple) 50%, var(--rf-cyan) 100%);
    --gradient-text: linear-gradient(90deg, var(--rf-blue) 0%, var(--rf-purple) 50%, var(--rf-cyan) 100%);

    /* Layout */
    --container-width: 1200px;
    --header-height: 80px;
    --section-spacing: 100px;
    --border-radius-lg: 24px;
    
    /* Transitions */
    --transition-fast: 0.3s ease;
}
.rf-801 *, .rf-801 *::before, .rf-801 *::after { margin: 0; padding: 0; box-sizing: border-box; }
.rf-801 { scroll-behavior: smooth; font-size: 16px; }
.rf-801 {
    font-family: var(--rf-font);
    background-color: var(--bg-main);
    color: var(--text-primary);
    line-height: 1.7;
    overflow-x: hidden;
    direction: rtl;
    position: relative; 
}
/* Background Particles */
.rf-801 .particles-bg {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; 
    background-color: #FFFFFF;
    background-image: 
        radial-gradient(circle at 0% 0%, rgba(0, 229, 204, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 100% 0%, rgba(140, 82, 255, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 100% 100%, rgba(255, 0, 128, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 0% 100%, rgba(0, 87, 255, 0.08) 0%, transparent 50%);
}
.rf-801 a { text-decoration: none; color: inherit; transition: var(--transition-fast); }
.rf-801 ul { list-style: none; }
.rf-801 button { font-family: inherit; cursor: pointer; border: none; outline: none; }
.rf-801 img { max-width: 100%; height: auto; display: block; }
/* Utilities */
.rf-801 h1, .rf-801 h2, .rf-801 h3, .rf-801 h4 { font-weight: 900; line-height: 1.2; color: var(--text-primary); }
.rf-801 h1 { font-size: clamp(2rem, 6vw, 4.5rem); letter-spacing: -1px; }
.rf-801 h2 { font-size: clamp(2rem, 5vw, 3rem); }
.rf-801 h3 { font-size: 1.5rem; font-weight: 700; }
.rf-801 p { color: var(--text-secondary); font-size: 1.05rem; }
.rf-801 .container { max-width: var(--container-width); margin: 0 auto; padding: 0 24px; }
.rf-801 .center { text-align: center; }
.rf-801 .section-tag {
    display: inline-flex; align-items: center; gap: 8px;
    background: rgba(0, 229, 204, 0.1); color: var(--accent-cyan);
    font-weight: 700; font-size: 0.9rem; padding: 6px 16px;
    border-radius: 50px; margin-bottom: 20px; border: 1px solid rgba(0, 229, 204, 0.2);
}
.rf-801 .text-gradient {
    background: var(--gradient-text);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
/* Buttons */
.rf-801 .btn-primary, .rf-801 .btn-secondary, .rf-801 .btn-icon {
    display: inline-flex; align-items: center; justify-content: center; gap: 10px;
    padding: 14px 32px; border-radius: 50px; font-weight: 700; font-size: 1rem;
    transition: all var(--transition-fast); position: relative; overflow: hidden; z-index: 1;
}
.rf-801 .btn-primary { background: var(--gradient-main); color: #FFFFFF !important; box-shadow: 0 4px 15px rgba(0, 87, 255, 0.3); }
.rf-801 .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0, 87, 255, 0.5); }
.rf-801 .glow-effect { animation: glowPulse 3s infinite; }
@keyframes glowPulse {
    0%, 100% { box-shadow: 0 4px 15px rgba(0, 87, 255, 0.3); }
    50% { box-shadow: 0 4px 25px rgba(0, 87, 255, 0.6); }
}
.rf-801 .btn-secondary {
    background: #FFFFFF; color: var(--text-primary);
    border: 2px solid rgba(15, 23, 42, 0.1); backdrop-filter: blur(5px);
}
.rf-801 .btn-secondary:hover { border-color: var(--accent-cyan); color: var(--accent-cyan); transform: translateY(-3px); }
.rf-801 .whatsapp-btn { background: linear-gradient(135deg, #25D366, #128C7E); box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3); }
/* Header & Nav */
.rf-801 .rf-site-header {
    position: fixed; top: 0; left: 0; right: 0; height: var(--header-height);
    background: linear-gradient(90deg, rgba(0, 87, 255, 0.6) 0%, rgba(140, 82, 255, 0.6) 50%, rgba(0, 229, 204, 0.6) 100%);
    background-size: 200% 200%;
    animation: gradientHeader 6s ease infinite;
    backdrop-filter: var(--glass-blur);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); z-index: 1000;
    display: flex; align-items: center; transition: all var(--transition-fast);
}
.rf-801 .rf-site-header.scrolled { background: linear-gradient(90deg, rgba(0, 87, 255, 0.85) 0%, rgba(140, 82, 255, 0.85) 50%, rgba(0, 229, 204, 0.85) 100%); background-size: 200% 200%; box-shadow: 0 4px 20px rgba(0,0,0,0.2); }
@keyframes gradientHeader {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
.rf-801 .flex-header { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.rf-801 .logo { font-size: 1.6rem; font-weight: 900; color: #FFFFFF; display: flex; align-items: center; gap: 8px; }
.rf-801 .logo-icon { color: #FFFFFF; }
.rf-801 .logo span { color: #FFFFFF; }
.rf-801 .logo-image { max-height: 60px; width: auto; }
.rf-801 .desktop-nav {
    display: flex; gap: 32px; background: rgba(255,255,255,0.1);
    padding: 8px 24px; border-radius: 50px; border: 1px solid rgba(255,255,255,0.2);
}
.rf-801 .desktop-nav a { color: #FFFFFF; font-weight: 500; font-size: 0.95rem; }
.rf-801 .desktop-nav a:hover, .rf-801 .desktop-nav a.active { color: rgba(255,255,255,0.8); }
.rf-801 .header-actions { display: flex; gap: 12px; align-items: center; }
.rf-801 .btn-icon { 
    width: 45px; height: 45px; border-radius: 50%; 
    background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.3); 
    color: #FFFFFF; padding: 0; 
}
.rf-801 .btn-icon:hover { background: #FFFFFF; color: var(--accent-purple); border-color: #FFFFFF; }
/* Mobile Menu - Fixed */
.rf-801 .mobile-menu-toggle { display: none; background: none; color: #FFFFFF; font-size: 1.5rem; z-index: 1001; }
.rf-801 .mobile-menu-container {
    position: fixed; top: 0; right: -100%; width: 85%; max-width: 300px; height: 100%;
    background: #FFFFFF; z-index: 1005; padding: 60px 30px;
    transition: right 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: -10px 0 30px rgba(0,0,0,0.1);
}
.rf-801 .mobile-menu-container.active { right: 0; }
.rf-801 .mobile-menu-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.4); z-index: 1004;
    opacity: 0; visibility: hidden; transition: 0.3s;
}
.rf-801 .mobile-menu-overlay.active { opacity: 1; visibility: visible; }
.rf-801 .mobile-menu-close { position: absolute; top: 20px; right: 20px; background: none; color: var(--text-secondary); z-index: 1006; }
.rf-801 .mobile-nav-links { display: flex; flex-direction: column; gap: 20px; text-align: center; }
.rf-801 .mobile-nav-links a { font-size: 1.2rem; font-weight: 600; color: var(--text-primary); border-bottom: 1px solid rgba(0,0,0,0.05); padding-bottom: 15px; }
/* Mobile Social Icons */
.rf-801 .mobile-social-links {
    display: flex; justify-content: center; gap: 15px;
    margin-top: 25px; padding-top: 25px;
    border-top: 1px solid var(--card-border);
}
.rf-801 .mobile-social-links .btn-icon {
    background: var(--bg-secondary); color: var(--text-secondary);
    border: 1px solid var(--card-border);
}
.rf-801 .mobile-social-links .btn-icon:hover {
    background: var(--gradient-main); color: white; border-color: transparent;
}
/* Sections */
.rf-801 section { padding: var(--section-spacing) 0; }
/* Hero */
.rf-801 .hero-section { padding-top: 120px; min-height: 90vh; display: flex; align-items: center; text-align: center; }
.rf-801 .hero-container-v { display: flex; flex-direction: column; align-items: center; gap: 25px; }
.rf-801 .subtitle-badge { 
    display: inline-flex; align-items: center; gap: 8px; background: rgba(138, 43, 226, 0.1);
    color: var(--accent-purple); border: 1px solid rgba(138, 43, 226, 0.2);
    padding: 8px 16px; border-radius: 50px; font-weight: 600; margin-bottom: 10px;
}
.rf-801 .hero-section h1 { margin-bottom: 10px; }
.rf-801 .hero-section p { font-size: 1.2rem; margin-bottom: 20px; max-width: 700px; }
.rf-801 .hero-buttons { display: flex; gap: 20px; margin-bottom: 30px; }
.rf-801 .trust-badges { display: flex; gap: 20px; flex-wrap: wrap; }
.rf-801 .trust-item { display: flex; align-items: center; gap: 8px; color: var(--text-secondary); font-size: 0.9rem; background: rgba(0,0,0,0.03); padding: 5px 12px; border-radius: 8px; }
.rf-801 .trust-icon { color: var(--accent-cyan); width: 18px; }
.rf-801 .hero-image-wrapper { position: relative; display: flex; justify-content: center; margin-bottom: 15px; }
.rf-801 .hero-image-wrapper::before {
    content: '';
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 240px; height: 240px;
    background: var(--gradient-main);
    filter: blur(40px); opacity: 0.4;
    border-radius: 50%; z-index: 0;
    animation: pulseGlow 3s infinite alternate;
}
.rf-801 .cyber-frame {
    position: relative; border-radius: 50%; padding: 8px;
    background: linear-gradient(135deg, rgba(0, 229, 204, 0.2), rgba(140, 82, 255, 0.1));
    z-index: 1;
}
.rf-801 .hero-img { border-radius: 50%; width: 220px; height: 220px; object-fit: cover; position: relative; z-index: 2; }
.rf-801 .cyber-lines {
    position: absolute; inset: -3px; border-radius: 50%; border: 2px solid transparent;
    background: linear-gradient(135deg, var(--accent-cyan), transparent, var(--accent-purple)) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask-composite: exclude; z-index: 1; opacity: 0.6;
}
@keyframes pulseGlow {
    0% { opacity: 0.3; transform: translate(-50%, -50%) scale(0.95); }
    100% { opacity: 0.6; transform: translate(-50%, -50%) scale(1.05); }
}
.rf-801 .floating-card {
    position: absolute; bottom: 10px; left: -40px;
    background: rgba(255, 255, 255, 0.9); backdrop-filter: var(--glass-blur);
    border: 1px solid var(--card-border); padding: 15px 25px;
    border-radius: 16px; display: flex; align-items: center; gap: 15px; z-index: 3; box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.rf-801 .card-icon-small { width: 40px; height: 40px; background: var(--gradient-main); border-radius: 12px; display: flex; align-items: center; justify-content: center; color: white; }
/* Typewriter Effect */
.rf-801 .typewriter {
    display: block;
    text-align: center;
    width: 100%;
}
.rf-801 .typewriter h1 {
    border-left: none;
    white-space: normal;
    margin: 0 auto;
    width: auto;
    animation: none;
    max-width: 100%;
}
.rf-801 .typewriter h1 .text-gradient {
    display: inline-block;
    overflow: hidden;
    border-left: 3px solid var(--accent-cyan);
    white-space: nowrap;
    width: 0;
    direction: rtl;
    text-align: right;
    animation: 
        typing 3s steps(13, end) forwards,
        blink-caret .75s step-end infinite;
    vertical-align: bottom;
    padding-left: 0;
}
/* The typing effect */
@keyframes typing { 
    0% { width: 0 } 
    100% { width: 12.5ch }
}
/* The typewriter cursor effect */
@keyframes blink-caret { from, to { border-color: transparent } 50% { border-color: var(--accent-cyan); } }
/* Services - Centered & Modern */
.rf-801 .services-section { background: var(--bg-secondary); }
.rf-801 .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }
/* Service Card - Modern & Clean */
.rf-801 .service-card {
    background: #FFFFFF;
    border: 1px solid var(--card-border);
    border-radius: 24px;
    padding: 30px 20px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}
.rf-801 .service-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px -15px rgba(0, 229, 204, 0.15);
    border-color: var(--accent-cyan);
}
.rf-801 .service-card h3 { margin-bottom: 15px; font-size: 1.4rem; }
.rf-801 .service-card p { font-size: 1rem; color: var(--text-secondary); margin-bottom: 25px; }
.rf-801 .card-icon-wrapper {
    width: 60px; height: 60px; background: rgba(0, 229, 204, 0.1);
    color: var(--accent-cyan); border-radius: 16px;
    display: flex; align-items: center; justify-content: center; margin-bottom: 20px;
}
/* Features Carousel inside Card */
.rf-801 .features-marquee {
    width: 100%;
    overflow: hidden;
    margin-top: auto; /* Push to bottom */
    padding: 10px 0;
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    direction: ltr; /* Important for smooth loop direction */
}
.rf-801 .features-track {
    display: flex;
    gap: 10px;
    width: max-content;
    animation: scrollFeatures 20s linear infinite;
}
.rf-801 .feature-box {
    flex: 0 0 auto;
    background: rgba(248, 250, 252, 0.8);
    border: 1px solid var(--card-border);
    color: var(--text-secondary);
    padding: 10px 16px;
    border-radius: 12px;
    font-size: 0.85rem;
    font-weight: 600;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: 0.2s;
    direction: rtl; /* Keep text RTL */
}
.rf-801 .feature-box:hover {
    background: rgba(0, 229, 204, 0.05);
    border-color: var(--accent-cyan);
    color: var(--text-primary);
}
.rf-801 .feature-box i { width: 14px; height: 14px; color: var(--accent-cyan); }
@keyframes scrollFeatures {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
/* Varying animation speeds for each card */
.rf-801 .service-card:nth-of-type(1) .features-track { animation-duration: 22s; }
.rf-801 .service-card:nth-of-type(2) .features-track { animation-duration: 28s; }
.rf-801 .service-card:nth-of-type(3) .features-track { animation-duration: 25s; }
.rf-801 .service-card:nth-of-type(4) .features-track { animation-duration: 32s; }
/* About */
.rf-801 .about-grid { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 40px; align-items: center; }
/* Infinite Stats Carousel */
.rf-801 .stats-carousel-wrapper {
    width: 100%;
    overflow: hidden;
    margin-top: 40px;
    padding: 20px 0;
    position: relative;
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    border-top: 1px solid var(--card-border);
    direction: ltr; /* Fix alignment for infinite scroll */
}
.rf-801 .stats-track {
    display: flex;
    gap: 0; /* Removed gap to fix jumpy loop, using margin instead */
    width: max-content;
    animation: scrollMarquee 32s linear infinite;
    direction: ltr; /* Ensures consistent scrolling direction */
}
.rf-801 .stat-box {
    background: #FFFFFF;
    border: 1px solid var(--card-border);
    border-radius: 16px;
    padding: 20px;
    min-width: 280px;
    max-width: 280px;
    margin-right: 30px; /* Spacing for seamless loop */
    text-align: center;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
    direction: rtl; /* Ensure Hebrew text inside is RTL */
    flex-shrink: 0;
}
.rf-801 .stat-box:hover { transform: translateY(-5px); border-color: var(--accent-cyan); }
.rf-801 .stat-box h4 { font-size: 1.5rem; color: var(--accent-cyan); margin-bottom: 8px; font-weight: 900; line-height: 1.1; }
.rf-801 .stat-box p { font-size: 0.95rem; line-height: 1.4; margin: 0; }
@keyframes scrollMarquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
/* Process */
.rf-801 .process-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.rf-801 .process-card {
    background: var(--card-bg); padding: 30px; border-radius: 20px;
    border: 1px solid var(--card-border); text-align: center; position: relative;
    display: flex; flex-direction: column; align-items: center;
    box-shadow: 0 10px 30px -10px rgba(0,0,0,0.05);
}
.rf-801 .step-number { 
    position: absolute; top: 15px; right: 20px; font-size: 2.5rem; font-weight: 900;
    background: var(--gradient-text);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0.3;
}
.rf-801 .step-icon-wrapper { 
    width: 60px; height: 60px; background: rgba(0,0,0,0.03); border-radius: 50%;
    display: flex; align-items: center; justify-content: center; color: var(--accent-cyan); margin-bottom: 20px;
}
/* CTA Section */
.rf-801 .cta-section { padding: var(--section-spacing) 0; }
.rf-801 .cta-box {
    background: var(--bg-secondary);
    padding: 80px 40px;
    border-radius: var(--border-radius-lg);
    border: 1px solid var(--card-border);
    text-align: center;
    box-shadow: 0 20px 50px rgba(0, 87, 255, 0.05);
}
.rf-801 .cta-content h2 { margin-bottom: 24px; }
.rf-801 .cta-content p { margin-bottom: 45px; max-width: 750px; margin-left: auto; margin-right: auto; }
.rf-801 .cta-buttons { display: flex; gap: 20px; justify-content: center; margin-bottom: 30px; }
.rf-801 .cta-note { margin-top: 20px; opacity: 0.8; }
/* Why Me */
.rf-801 .why-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 30px;
    padding: 40px 0;
}
.rf-801 .why-item {
    width: 100%;
    min-height: 280px;
    background: #FFFFFF;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 24px;
    border: 1px solid var(--card-border);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    padding: 30px;
    box-shadow: 0 10px 30px -10px rgba(0, 87, 255, 0.15);
}
.rf-801 .why-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px -15px rgba(140, 82, 255, 0.25);
    border-color: var(--accent-cyan);
}
.rf-801 .why-icon { 
    width: 60px; 
    height: 60px; 
    margin-bottom: 20px;
    background: rgba(138, 43, 226, 0.1); 
    color: var(--accent-purple); 
    border-radius: 50%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
}
/* Footer - Centered & Organized */
.rf-801 .rf-site-footer { background: linear-gradient(to bottom, var(--rf-surface-2), #F1F5F9); padding-top: 80px; border-top: 1px solid var(--card-border); }
.rf-801 .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 50px; padding-bottom: 60px; text-align: center; }
/* Centered Footer */
/* Footer quick-links / sitemap column */
.rf-801 .footer-col.nav-col { align-items: center; }
.rf-801 .footer-col.nav-col h4 { margin-bottom: 18px; }
.rf-801 .footer-nav { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.rf-801 .footer-nav a { color: var(--text-secondary); font-size: 0.95rem; transition: color 0.2s ease; }
.rf-801 .footer-nav a:hover { color: var(--accent-cyan); }
/* Top-of-page breadcrumb trail (inner pages) — sits inside hero, already clear of fixed header */
.rf-801 .rf-breadcrumbs-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 0.9rem; margin-bottom: 26px; color: var(--text-secondary); }
.rf-801 .rf-breadcrumbs-bar a { color: var(--text-secondary); }
.rf-801 .rf-breadcrumbs-bar a:hover { color: var(--accent-cyan); }
.rf-801 .rf-breadcrumbs-bar .sep { opacity: 0.4; }
.rf-801 .rf-breadcrumbs-bar .current { color: var(--text-primary); font-weight: 600; }
.rf-801 .service-hero .rf-breadcrumbs-bar { justify-content: center; }
/* Homepage service-card "read more" internal link */
.rf-801 .card-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 16px; font-weight: 600; color: var(--accent-cyan); font-size: 0.95rem; transition: gap 0.2s ease, color 0.2s ease; }
.rf-801 .card-link:hover { gap: 10px; color: var(--accent-purple); }
.rf-801 .home-inline-links { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 8px; }
/* Theme-rendered posts/archive breadcrumb wrapper (injected via the_content / loop_start) */
.rf-801.rf-theme-crumbs-801 { margin: 0 0 22px; }
/* Inner-page "related links" strip — contextual internal links */
.rf-801 .rf-related-links { padding: 60px 0; border-top: 1px solid var(--card-border); }
.rf-801 .rf-related-links h2 { text-align: center; font-size: 1.6rem; margin-bottom: 30px; color: var(--text-primary); }
.rf-801 .rf-related-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px; max-width: 1000px; margin: 0 auto; padding: 0 16px; }
.rf-801 .rf-related-grid a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 18px 22px; background: var(--card-bg); border: 1px solid var(--card-border); border-radius: 16px; font-weight: 600; color: var(--text-primary); transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, color 0.25s ease; }
.rf-801 .rf-related-grid a:hover { transform: translateY(-3px); border-color: var(--accent-cyan); box-shadow: 0 10px 24px rgba(0,0,0,0.06); color: var(--accent-cyan); }
.rf-801 .brand-col { display: flex; flex-direction: column; align-items: center; }
.rf-801 .social-links { display: flex; gap: 15px; margin-top: 20px; justify-content: center; }
.rf-801 .social-links a { 
    width: 40px; height: 40px; background: #FFFFFF; color: var(--text-secondary); border: 1px solid var(--card-border);
    border-radius: 50%; display: flex; align-items: center; justify-content: center; 
}
.rf-801 .social-links a:hover { background: var(--accent-cyan); color: var(--bg-main); }
.rf-801 .map-wrapper { border-radius: 12px; overflow: hidden; border: 1px solid var(--card-border); margin-top: 15px; }
.rf-801 .contact-list li { justify-content: center; display: flex; gap: 10px; margin-bottom: 12px; color: var(--text-secondary); }
.rf-801 .contact-icon { color: var(--accent-cyan); width: 18px; }
.rf-801 .footer-bottom { background: rgba(0,0,0,0.03); padding: 20px 0; text-align: center; font-size: 0.9rem; color: var(--text-secondary); }
/* Floating WhatsApp */
.rf-801 .whatsapp-float-container { 
    position: fixed; bottom: 30px; right: 30px; z-index: 9999; 
    display: flex; align-items: center; flex-direction: row-reverse; gap: 15px; 
}
.rf-801 .whatsapp-btn-float {
    width: 60px; height: 60px; background: #25D366; border-radius: 50%;
    display: flex; align-items: center; justify-content: center; color: white;
    box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4); transition: 0.3s;
    animation: pulse-green 2s infinite;
}
.rf-801 .whatsapp-btn-float:hover { transform: scale(1.1); }
.rf-801 .whatsapp-btn-float i { width: 32px; height: 32px; }
@keyframes pulse-green {
    0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
    70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
    100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}
.rf-801 .whatsapp-tooltip {
    background: white; color: #333; padding: 8px 16px; border-radius: 8px;
    font-size: 0.9rem; font-weight: 600; box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    position: relative; animation: floatIn 0.5s ease-out; margin-bottom: 0;
}
.rf-801 .whatsapp-tooltip::after {
    content: ''; position: absolute; top: 50%; right: -6px; transform: translateY(-50%);
    width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid white;
}
@keyframes floatIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
/* Reveal Animation */
.rf-801 .reveal-up, .rf-801 .reveal-left, .rf-801 .reveal-right { opacity: 1; transform: none; }
/* Default visible */
/* Mobile Responsive Adjustments */
@media (max-width: 900px) {
.rf-801 { --section-spacing: 50px; }
.rf-801 .container { padding: 0 16px; }
.rf-801 .hero-section { padding-top: 110px; min-height: auto; }
.rf-801 .stats-row { padding-top: 20px; }
.rf-801 .desktop-nav, .rf-801 .header-actions { display: none; }
.rf-801 .mobile-menu-toggle { display: block; }
.rf-801 .hero-container-v { text-align: center; }
.rf-801 .hero-image-wrapper { margin-bottom: 20px; }
.rf-801 .hero-img { width: 180px; height: 180px; }
.rf-801 .hero-buttons { justify-content: center; flex-wrap: wrap; }
.rf-801 .trust-badges { justify-content: center; }
.rf-801 .about-grid { grid-template-columns: 1fr; text-align: center; }
.rf-801 .about-content-col { order: 2; display: flex; flex-direction: column; align-items: center; }
.rf-801 .about-image-col { order: 1; margin-bottom: 40px; }
.rf-801 .stats-row { flex-wrap: wrap; justify-content: center; gap: 30px; }
.rf-801 .process-grid, .rf-801 .why-grid, .rf-801 .footer-grid { grid-template-columns: 1fr; }
.rf-801 .step-number { font-size: 2rem; top: 10px; right: 15px; }
.rf-801 .check-list li { justify-content: center; }
/* Center list items on mobile */
.rf-801 .cta-box { padding: 60px 24px; }
.rf-801 .cta-buttons { 
        flex-direction: column; 
        gap: 15px; 
    }
.rf-801 .cta-buttons .btn-primary, .rf-801 .cta-buttons .btn-secondary { width: 100%; }
.rf-801 .logo { font-size: 1.4rem; }
.rf-801 .whatsapp-float-container { right: 20px; bottom: 20px; }
/* Why Me Mobile Improvements */
.rf-801 .why-grid { gap: 30px; }
.rf-801 .why-icon { 
        width: 70px; height: 70px; 
        margin-bottom: 20px;
        animation: floatMobile 3s ease-in-out infinite;
    }
.rf-801 .why-icon svg { width: 35px; height: 35px; }
.rf-801 .why-item h4 { font-size: 1.4rem; margin-bottom: 10px; }
.rf-801 .why-item p { font-size: 1.1rem; padding: 0 10px; }
@keyframes floatMobile { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
}

/* ---------- home ---------- */
/* עיצוב מותאם אישית לתמונת פרופיל עם אפקט זוהר */
.rf-home-801 .image-glow-wrapper {
            position: relative;
            width: 280px;
            height: 280px;
            border-radius: 50%;
            background: linear-gradient(90deg, var(--rf-blue) 0%, var(--rf-purple) 50%, var(--rf-cyan) 100%);
            background-size: 200% 200%;
            padding: 6px;
            animation: gradientMove 3s ease infinite, pulseGlow 2s infinite alternate;
            box-shadow: 0 0 20px rgba(0,0,0,0.2);
            cursor: pointer;
            transition: transform 0.3s ease;
            margin: 0 auto;
        }
.rf-home-801 .roma-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 50%;
            border: 4px solid #fff;
            display: block;
            background-color: #f0f0f0;
        }
.rf-home-801 .image-glow-wrapper:hover { transform: scale(1.05); }
@keyframes gradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
@keyframes pulseGlow { from { box-shadow: 0 0 15px rgba(0, 87, 255, 0.4), 0 0 30px rgba(0, 229, 204, 0.2); } to { box-shadow: 0 0 25px rgba(0, 87, 255, 0.7), 0 0 50px rgba(0, 229, 204, 0.5); } }
.rf-home-801 img:is([sizes=auto i], .rf-home-801 [sizes^="auto, .rf-home-801 " i]) {contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
.rf-home-801 img.wp-smiley, .rf-home-801 img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
.rf-home-801 {--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}
@media (min-resolution:192dpi) {
.rf-home-801 {--wp-admin-border-width-focus:1.5px}
}
.rf-home-801 .wp-element-button {cursor:pointer}
.rf-home-801 :root .has-very-light-gray-background-color {background-color:#eee}
.rf-home-801 :root .has-very-dark-gray-background-color {background-color:#313131}
.rf-home-801 :root .has-very-light-gray-color {color:#eee}
.rf-home-801 :root .has-very-dark-gray-color {color:#313131}
.rf-home-801 :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {background:linear-gradient(135deg,#00d084,#0693e3)}
.rf-home-801 :root .has-purple-crush-gradient-background {background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}
.rf-home-801 :root .has-hazy-dawn-gradient-background {background:linear-gradient(135deg,#faaca8,#dad0ec)}
.rf-home-801 :root .has-subdued-olive-gradient-background {background:linear-gradient(135deg,#fafae1,#67a671)}
.rf-home-801 :root .has-atomic-cream-gradient-background {background:linear-gradient(135deg,#fdd79a,#004a59)}
.rf-home-801 :root .has-nightshade-gradient-background {background:linear-gradient(135deg,#330968,#31cdcf)}
.rf-home-801 :root .has-midnight-gradient-background {background:linear-gradient(135deg,#020381,#2874fc)}
.rf-home-801 {--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}
.rf-home-801 .has-regular-font-size {font-size:1em}
.rf-home-801 .has-larger-font-size {font-size:2.625em}
.rf-home-801 .has-normal-font-size {font-size:var(--wp--preset--font-size--normal)}
.rf-home-801 .has-huge-font-size {font-size:var(--wp--preset--font-size--huge)}
.rf-home-801 .has-text-align-center {text-align:center}
.rf-home-801 .has-text-align-left {text-align:left}
.rf-home-801 .has-text-align-right {text-align:right}
.rf-home-801 .has-fit-text {white-space:nowrap!important}
.rf-home-801 #end-resizable-editor-section {display:none}
.rf-home-801 .aligncenter {clear:both}
.rf-home-801 .items-justified-left {justify-content:flex-start}
.rf-home-801 .items-justified-center {justify-content:center}
.rf-home-801 .items-justified-right {justify-content:flex-end}
.rf-home-801 .items-justified-space-between {justify-content:space-between}
.rf-home-801 .screen-reader-text {border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.rf-home-801 .screen-reader-text:focus {background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.rf-home-801 :where(.has-border-color) {border-style:solid}
.rf-home-801 :where([style*=border-top-color]) {border-top-style:solid}
.rf-home-801 :where([style*=border-right-color]) {border-right-style:solid}
.rf-home-801 :where([style*=border-bottom-color]) {border-bottom-style:solid}
.rf-home-801 :where([style*=border-left-color]) {border-left-style:solid}
.rf-home-801 :where([style*=border-width]) {border-style:solid}
.rf-home-801 :where([style*=border-top-width]) {border-top-style:solid}
.rf-home-801 :where([style*=border-right-width]) {border-right-style:solid}
.rf-home-801 :where([style*=border-bottom-width]) {border-bottom-style:solid}
.rf-home-801 :where([style*=border-left-width]) {border-left-style:solid}
.rf-home-801 :where(img[class*=wp-image-]) {height:auto;max-width:100%}
.rf-home-801 :where(figure) {margin:0 0 1em}
.rf-home-801 :where(.is-position-sticky) {--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}
@media screen and (max-width:600px) {
.rf-home-801 :where(.is-position-sticky) {--wp-admin--admin-bar--position-offset:0px}
}
/*# sourceURL=wp-block-library-inline-css */
/*! This file is auto-generated */
.rf-home-801 .wp-block-button__link {color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}
.rf-home-801 .wp-block-file__button {background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
.rf-home-801 {--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}
.rf-home-801 :where(.is-layout-flex) {gap: 0.5em;}
.rf-home-801 :where(.is-layout-grid) {gap: 0.5em;}
.rf-home-801 .is-layout-flex {display: flex;}
.rf-home-801 .is-layout-flex {flex-wrap: wrap;align-items: center;}
.rf-home-801 .is-layout-flex > :is(*, .rf-home-801 div) {margin: 0;}
.rf-home-801 .is-layout-grid {display: grid;}
.rf-home-801 .is-layout-grid > :is(*, .rf-home-801 div) {margin: 0;}
.rf-home-801 :where(.wp-block-columns.is-layout-flex) {gap: 2em;}
.rf-home-801 :where(.wp-block-columns.is-layout-grid) {gap: 2em;}
.rf-home-801 :where(.wp-block-post-template.is-layout-flex) {gap: 1.25em;}
.rf-home-801 :where(.wp-block-post-template.is-layout-grid) {gap: 1.25em;}
.rf-home-801 .has-black-color {color: var(--wp--preset--color--black) !important;}
.rf-home-801 .has-cyan-bluish-gray-color {color: var(--wp--preset--color--cyan-bluish-gray) !important;}
.rf-home-801 .has-white-color {color: var(--wp--preset--color--white) !important;}
.rf-home-801 .has-pale-pink-color {color: var(--wp--preset--color--pale-pink) !important;}
.rf-home-801 .has-vivid-red-color {color: var(--wp--preset--color--vivid-red) !important;}
.rf-home-801 .has-luminous-vivid-orange-color {color: var(--wp--preset--color--luminous-vivid-orange) !important;}
.rf-home-801 .has-luminous-vivid-amber-color {color: var(--wp--preset--color--luminous-vivid-amber) !important;}
.rf-home-801 .has-light-green-cyan-color {color: var(--wp--preset--color--light-green-cyan) !important;}
.rf-home-801 .has-vivid-green-cyan-color {color: var(--wp--preset--color--vivid-green-cyan) !important;}
.rf-home-801 .has-pale-cyan-blue-color {color: var(--wp--preset--color--pale-cyan-blue) !important;}
.rf-home-801 .has-vivid-cyan-blue-color {color: var(--wp--preset--color--vivid-cyan-blue) !important;}
.rf-home-801 .has-vivid-purple-color {color: var(--wp--preset--color--vivid-purple) !important;}
.rf-home-801 .has-black-background-color {background-color: var(--wp--preset--color--black) !important;}
.rf-home-801 .has-cyan-bluish-gray-background-color {background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}
.rf-home-801 .has-white-background-color {background-color: var(--wp--preset--color--white) !important;}
.rf-home-801 .has-pale-pink-background-color {background-color: var(--wp--preset--color--pale-pink) !important;}
.rf-home-801 .has-vivid-red-background-color {background-color: var(--wp--preset--color--vivid-red) !important;}
.rf-home-801 .has-luminous-vivid-orange-background-color {background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}
.rf-home-801 .has-luminous-vivid-amber-background-color {background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}
.rf-home-801 .has-light-green-cyan-background-color {background-color: var(--wp--preset--color--light-green-cyan) !important;}
.rf-home-801 .has-vivid-green-cyan-background-color {background-color: var(--wp--preset--color--vivid-green-cyan) !important;}
.rf-home-801 .has-pale-cyan-blue-background-color {background-color: var(--wp--preset--color--pale-cyan-blue) !important;}
.rf-home-801 .has-vivid-cyan-blue-background-color {background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}
.rf-home-801 .has-vivid-purple-background-color {background-color: var(--wp--preset--color--vivid-purple) !important;}
.rf-home-801 .has-black-border-color {border-color: var(--wp--preset--color--black) !important;}
.rf-home-801 .has-cyan-bluish-gray-border-color {border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}
.rf-home-801 .has-white-border-color {border-color: var(--wp--preset--color--white) !important;}
.rf-home-801 .has-pale-pink-border-color {border-color: var(--wp--preset--color--pale-pink) !important;}
.rf-home-801 .has-vivid-red-border-color {border-color: var(--wp--preset--color--vivid-red) !important;}
.rf-home-801 .has-luminous-vivid-orange-border-color {border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}
.rf-home-801 .has-luminous-vivid-amber-border-color {border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}
.rf-home-801 .has-light-green-cyan-border-color {border-color: var(--wp--preset--color--light-green-cyan) !important;}
.rf-home-801 .has-vivid-green-cyan-border-color {border-color: var(--wp--preset--color--vivid-green-cyan) !important;}
.rf-home-801 .has-pale-cyan-blue-border-color {border-color: var(--wp--preset--color--pale-cyan-blue) !important;}
.rf-home-801 .has-vivid-cyan-blue-border-color {border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}
.rf-home-801 .has-vivid-purple-border-color {border-color: var(--wp--preset--color--vivid-purple) !important;}
.rf-home-801 .has-vivid-cyan-blue-to-vivid-purple-gradient-background {background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}
.rf-home-801 .has-light-green-cyan-to-vivid-green-cyan-gradient-background {background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}
.rf-home-801 .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}
.rf-home-801 .has-luminous-vivid-orange-to-vivid-red-gradient-background {background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
.rf-home-801 .has-very-light-gray-to-cyan-bluish-gray-gradient-background {background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}
.rf-home-801 .has-cool-to-warm-spectrum-gradient-background {background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}
.rf-home-801 .has-blush-light-purple-gradient-background {background: var(--wp--preset--gradient--blush-light-purple) !important;}
.rf-home-801 .has-blush-bordeaux-gradient-background {background: var(--wp--preset--gradient--blush-bordeaux) !important;}
.rf-home-801 .has-luminous-dusk-gradient-background {background: var(--wp--preset--gradient--luminous-dusk) !important;}
.rf-home-801 .has-pale-ocean-gradient-background {background: var(--wp--preset--gradient--pale-ocean) !important;}
.rf-home-801 .has-electric-grass-gradient-background {background: var(--wp--preset--gradient--electric-grass) !important;}
.rf-home-801 .has-midnight-gradient-background {background: var(--wp--preset--gradient--midnight) !important;}
.rf-home-801 .has-small-font-size {font-size: var(--wp--preset--font-size--small) !important;}
.rf-home-801 .has-medium-font-size {font-size: var(--wp--preset--font-size--medium) !important;}
.rf-home-801 .has-large-font-size {font-size: var(--wp--preset--font-size--large) !important;}
.rf-home-801 .has-x-large-font-size {font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */

/* ---------- seo ---------- */
.rf-seo-801 img:is([sizes=auto i], .rf-seo-801 [sizes^="auto, .rf-seo-801 " i]) {contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
.rf-seo-801 img.wp-smiley, .rf-seo-801 img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
.rf-seo-801 {--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}
@media (min-resolution:192dpi) {
.rf-seo-801 {--wp-admin-border-width-focus:1.5px}
}
.rf-seo-801 .wp-element-button {cursor:pointer}
.rf-seo-801 :root .has-very-light-gray-background-color {background-color:#eee}
.rf-seo-801 :root .has-very-dark-gray-background-color {background-color:#313131}
.rf-seo-801 :root .has-very-light-gray-color {color:#eee}
.rf-seo-801 :root .has-very-dark-gray-color {color:#313131}
.rf-seo-801 :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {background:linear-gradient(135deg,#00d084,#0693e3)}
.rf-seo-801 :root .has-purple-crush-gradient-background {background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}
.rf-seo-801 :root .has-hazy-dawn-gradient-background {background:linear-gradient(135deg,#faaca8,#dad0ec)}
.rf-seo-801 :root .has-subdued-olive-gradient-background {background:linear-gradient(135deg,#fafae1,#67a671)}
.rf-seo-801 :root .has-atomic-cream-gradient-background {background:linear-gradient(135deg,#fdd79a,#004a59)}
.rf-seo-801 :root .has-nightshade-gradient-background {background:linear-gradient(135deg,#330968,#31cdcf)}
.rf-seo-801 :root .has-midnight-gradient-background {background:linear-gradient(135deg,#020381,#2874fc)}
.rf-seo-801 {--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}
.rf-seo-801 .has-regular-font-size {font-size:1em}
.rf-seo-801 .has-larger-font-size {font-size:2.625em}
.rf-seo-801 .has-normal-font-size {font-size:var(--wp--preset--font-size--normal)}
.rf-seo-801 .has-huge-font-size {font-size:var(--wp--preset--font-size--huge)}
.rf-seo-801 .has-text-align-center {text-align:center}
.rf-seo-801 .has-text-align-left {text-align:left}
.rf-seo-801 .has-text-align-right {text-align:right}
.rf-seo-801 .has-fit-text {white-space:nowrap!important}
.rf-seo-801 #end-resizable-editor-section {display:none}
.rf-seo-801 .aligncenter {clear:both}
.rf-seo-801 .items-justified-left {justify-content:flex-start}
.rf-seo-801 .items-justified-center {justify-content:center}
.rf-seo-801 .items-justified-right {justify-content:flex-end}
.rf-seo-801 .items-justified-space-between {justify-content:space-between}
.rf-seo-801 .screen-reader-text {border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.rf-seo-801 .screen-reader-text:focus {background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.rf-seo-801 :where(.has-border-color) {border-style:solid}
.rf-seo-801 :where([style*=border-top-color]) {border-top-style:solid}
.rf-seo-801 :where([style*=border-right-color]) {border-right-style:solid}
.rf-seo-801 :where([style*=border-bottom-color]) {border-bottom-style:solid}
.rf-seo-801 :where([style*=border-left-color]) {border-left-style:solid}
.rf-seo-801 :where([style*=border-width]) {border-style:solid}
.rf-seo-801 :where([style*=border-top-width]) {border-top-style:solid}
.rf-seo-801 :where([style*=border-right-width]) {border-right-style:solid}
.rf-seo-801 :where([style*=border-bottom-width]) {border-bottom-style:solid}
.rf-seo-801 :where([style*=border-left-width]) {border-left-style:solid}
.rf-seo-801 :where(img[class*=wp-image-]) {height:auto;max-width:100%}
.rf-seo-801 :where(figure) {margin:0 0 1em}
.rf-seo-801 :where(.is-position-sticky) {--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}
@media screen and (max-width:600px) {
.rf-seo-801 :where(.is-position-sticky) {--wp-admin--admin-bar--position-offset:0px}
}
/*# sourceURL=wp-block-library-inline-css */
.rf-seo-801 {--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}
.rf-seo-801 :where(.is-layout-flex) {gap: 0.5em;}
.rf-seo-801 :where(.is-layout-grid) {gap: 0.5em;}
.rf-seo-801 .is-layout-flex {display: flex;}
.rf-seo-801 .is-layout-flex {flex-wrap: wrap;align-items: center;}
.rf-seo-801 .is-layout-flex > :is(*, .rf-seo-801 div) {margin: 0;}
.rf-seo-801 .is-layout-grid {display: grid;}
.rf-seo-801 .is-layout-grid > :is(*, .rf-seo-801 div) {margin: 0;}
.rf-seo-801 :where(.wp-block-columns.is-layout-flex) {gap: 2em;}
.rf-seo-801 :where(.wp-block-columns.is-layout-grid) {gap: 2em;}
.rf-seo-801 :where(.wp-block-post-template.is-layout-flex) {gap: 1.25em;}
.rf-seo-801 :where(.wp-block-post-template.is-layout-grid) {gap: 1.25em;}
.rf-seo-801 .has-black-color {color: var(--wp--preset--color--black) !important;}
.rf-seo-801 .has-cyan-bluish-gray-color {color: var(--wp--preset--color--cyan-bluish-gray) !important;}
.rf-seo-801 .has-white-color {color: var(--wp--preset--color--white) !important;}
.rf-seo-801 .has-pale-pink-color {color: var(--wp--preset--color--pale-pink) !important;}
.rf-seo-801 .has-vivid-red-color {color: var(--wp--preset--color--vivid-red) !important;}
.rf-seo-801 .has-luminous-vivid-orange-color {color: var(--wp--preset--color--luminous-vivid-orange) !important;}
.rf-seo-801 .has-luminous-vivid-amber-color {color: var(--wp--preset--color--luminous-vivid-amber) !important;}
.rf-seo-801 .has-light-green-cyan-color {color: var(--wp--preset--color--light-green-cyan) !important;}
.rf-seo-801 .has-vivid-green-cyan-color {color: var(--wp--preset--color--vivid-green-cyan) !important;}
.rf-seo-801 .has-pale-cyan-blue-color {color: var(--wp--preset--color--pale-cyan-blue) !important;}
.rf-seo-801 .has-vivid-cyan-blue-color {color: var(--wp--preset--color--vivid-cyan-blue) !important;}
.rf-seo-801 .has-vivid-purple-color {color: var(--wp--preset--color--vivid-purple) !important;}
.rf-seo-801 .has-black-background-color {background-color: var(--wp--preset--color--black) !important;}
.rf-seo-801 .has-cyan-bluish-gray-background-color {background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}
.rf-seo-801 .has-white-background-color {background-color: var(--wp--preset--color--white) !important;}
.rf-seo-801 .has-pale-pink-background-color {background-color: var(--wp--preset--color--pale-pink) !important;}
.rf-seo-801 .has-vivid-red-background-color {background-color: var(--wp--preset--color--vivid-red) !important;}
.rf-seo-801 .has-luminous-vivid-orange-background-color {background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}
.rf-seo-801 .has-luminous-vivid-amber-background-color {background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}
.rf-seo-801 .has-light-green-cyan-background-color {background-color: var(--wp--preset--color--light-green-cyan) !important;}
.rf-seo-801 .has-vivid-green-cyan-background-color {background-color: var(--wp--preset--color--vivid-green-cyan) !important;}
.rf-seo-801 .has-pale-cyan-blue-background-color {background-color: var(--wp--preset--color--pale-cyan-blue) !important;}
.rf-seo-801 .has-vivid-cyan-blue-background-color {background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}
.rf-seo-801 .has-vivid-purple-background-color {background-color: var(--wp--preset--color--vivid-purple) !important;}
.rf-seo-801 .has-black-border-color {border-color: var(--wp--preset--color--black) !important;}
.rf-seo-801 .has-cyan-bluish-gray-border-color {border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}
.rf-seo-801 .has-white-border-color {border-color: var(--wp--preset--color--white) !important;}
.rf-seo-801 .has-pale-pink-border-color {border-color: var(--wp--preset--color--pale-pink) !important;}
.rf-seo-801 .has-vivid-red-border-color {border-color: var(--wp--preset--color--vivid-red) !important;}
.rf-seo-801 .has-luminous-vivid-orange-border-color {border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}
.rf-seo-801 .has-luminous-vivid-amber-border-color {border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}
.rf-seo-801 .has-light-green-cyan-border-color {border-color: var(--wp--preset--color--light-green-cyan) !important;}
.rf-seo-801 .has-vivid-green-cyan-border-color {border-color: var(--wp--preset--color--vivid-green-cyan) !important;}
.rf-seo-801 .has-pale-cyan-blue-border-color {border-color: var(--wp--preset--color--pale-cyan-blue) !important;}
.rf-seo-801 .has-vivid-cyan-blue-border-color {border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}
.rf-seo-801 .has-vivid-purple-border-color {border-color: var(--wp--preset--color--vivid-purple) !important;}
.rf-seo-801 .has-vivid-cyan-blue-to-vivid-purple-gradient-background {background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}
.rf-seo-801 .has-light-green-cyan-to-vivid-green-cyan-gradient-background {background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}
.rf-seo-801 .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}
.rf-seo-801 .has-luminous-vivid-orange-to-vivid-red-gradient-background {background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
.rf-seo-801 .has-very-light-gray-to-cyan-bluish-gray-gradient-background {background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}
.rf-seo-801 .has-cool-to-warm-spectrum-gradient-background {background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}
.rf-seo-801 .has-blush-light-purple-gradient-background {background: var(--wp--preset--gradient--blush-light-purple) !important;}
.rf-seo-801 .has-blush-bordeaux-gradient-background {background: var(--wp--preset--gradient--blush-bordeaux) !important;}
.rf-seo-801 .has-luminous-dusk-gradient-background {background: var(--wp--preset--gradient--luminous-dusk) !important;}
.rf-seo-801 .has-pale-ocean-gradient-background {background: var(--wp--preset--gradient--pale-ocean) !important;}
.rf-seo-801 .has-electric-grass-gradient-background {background: var(--wp--preset--gradient--electric-grass) !important;}
.rf-seo-801 .has-midnight-gradient-background {background: var(--wp--preset--gradient--midnight) !important;}
.rf-seo-801 .has-small-font-size {font-size: var(--wp--preset--font-size--small) !important;}
.rf-seo-801 .has-medium-font-size {font-size: var(--wp--preset--font-size--medium) !important;}
.rf-seo-801 .has-large-font-size {font-size: var(--wp--preset--font-size--large) !important;}
.rf-seo-801 .has-x-large-font-size {font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
/*! This file is auto-generated */
.rf-seo-801 .wp-block-button__link {color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}
.rf-seo-801 .wp-block-file__button {background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
.rf-seo-801 .roma-neural-grid {
                    --roma-neural-card-white: rgba(255, 255, 255, 0.95);
                    --roma-neural-border-default: rgba(0, 0, 0, 0.05);
                    --roma-neural-text-main: var(--rf-ink-800);
                    --roma-neural-text-muted: var(--rf-ink-500);
                    --roma-neural-font-mono: var(--rf-font-mono);
                    --roma-neural-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
                    
                    display: grid;
                    gap: 24px;
                    grid-template-columns: repeat(3, 1fr);
                    direction: rtl; /* Ensure RTL */
                }
@media (max-width: 1024px) {
.rf-seo-801 .roma-neural-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
.rf-seo-801 .roma-neural-grid { grid-template-columns: 1fr; }
}
.rf-seo-801 .roma-neural-card {
                    position: relative;
                    background: var(--roma-neural-card-white);
                    border: 1px solid var(--roma-neural-border-default);
                    border-radius: 16px;
                    padding: 40px 32px;
                    display: flex;
                    flex-direction: column;
                    gap: 20px;
                    text-decoration: none;
                    transition: var(--roma-neural-transition);
                    overflow: hidden;
                    z-index: 1;
                    text-align: right;
                }
.rf-seo-801 .roma-neural-card::before {
                    content: "";
                    position: absolute;
                    top: 0; left: 0; right: 0; bottom: 0;
                    background: radial-gradient(
                        circle at var(--roma-mouse-x, 50%) var(--roma-mouse-y, 50%), 
                        var(--roma-spotlight-color, transparent) 0%, 
                        transparent 60%
                    );
                    opacity: 0;
                    transition: opacity 0.5s ease;
                    z-index: -1;
                    pointer-events: none;
                }
.rf-seo-801 .roma-neural-card:hover {
                    transform: translateY(-5px);
                    border-color: var(--roma-card-accent);
                    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.04);
                }
.rf-seo-801 .roma-neural-card:hover::before {
                    opacity: 0.15;
                }
.rf-seo-801 .roma-neural-icon-box {
                    width: 48px;
                    height: 48px;
                    border-radius: 12px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    background: #F1F5F9;
                    color: var(--roma-card-accent);
                    transition: var(--roma-neural-transition);
                    position: relative;
                }
.rf-seo-801 .roma-neural-card:hover .roma-neural-icon-box {
                    background: var(--roma-card-accent);
                    color: white;
                    transform: scale(1.05) rotate(-3deg);
                }
.rf-seo-801 .roma-neural-icon-box svg {
                    width: 24px;
                    height: 24px;
                    stroke-width: 1.5;
                }
.rf-seo-801 .roma-neural-card-category {
                    font-family: var(--roma-neural-font-mono);
                    font-size: 11px;
                    text-transform: uppercase;
                    letter-spacing: 0.05em;
                    color: var(--roma-card-accent);
                    margin-bottom: -12px;
                    opacity: 0.8;
                }
.rf-seo-801 .roma-neural-card-title {
                    font-weight: 700;
                    font-size: 1.25rem;
                    color: var(--roma-neural-text-main);
                    margin: 0;
                    line-height: 1.2;
                }
.rf-seo-801 .roma-neural-card-text {
                    font-weight: 400;
                    font-size: 0.95rem;
                    color: var(--roma-neural-text-muted);
                    line-height: 1.6;
                    margin: 0;
                }
.rf-seo-801 .roma-neural-tectonic-bar {
                    position: absolute;
                    right: 0; /* Changed for RTL */
                    top: 50%;
                    transform: translateY(-50%);
                    width: 3px;
                    height: 0;
                    background: var(--roma-card-accent);
                    transition: var(--roma-neural-transition);
                }
.rf-seo-801 .roma-neural-card:hover .roma-neural-tectonic-bar {
                    height: 40%;
                }
.rf-seo-801 .roma-card-purple { --roma-card-accent: var(--rf-purple); --roma-spotlight-color: var(--rf-purple); }
.rf-seo-801 .roma-card-cyan { --roma-card-accent: var(--rf-cyan); --roma-spotlight-color: var(--rf-cyan); }
.rf-seo-801 .roma-card-pink { --roma-card-accent: var(--rf-pink); --roma-spotlight-color: var(--rf-pink); }
.rf-seo-801 .roma-neural-reveal {
                    opacity: 0;
                    transform: translateY(20px);
                    transition: opacity 0.6s ease-out, transform 0.6s ease-out, border-color 0.4s ease, box-shadow 0.4s ease;
                }
.rf-seo-801 .roma-neural-reveal.active {
                    opacity: 1;
                    transform: translateY(0);
                }
/* Scoped Styles for Google Toolset Section */
.rf-seo-801 .roma-section-google-toolset {
        --roma-bg-main: #FFFFFF;
        --roma-bg-secondary: var(--rf-surface-2);
        --roma-accent-cyan: var(--rf-cyan);
        --roma-accent-purple: var(--rf-purple);
        --roma-accent-pink: var(--rf-pink);
        --roma-text-primary: var(--rf-ink);
        --roma-text-secondary: var(--rf-ink-600);
        --roma-main-gradient: linear-gradient(90deg, var(--rf-blue) 0%, var(--rf-purple) 50%, var(--rf-cyan) 100%);
        --roma-glass-border: rgba(15, 23, 42, 0.08);
        --roma-card-bg: rgba(255, 255, 255, 0.7);
        
        position: relative;
        padding: 100px 24px;
        max-width: 1300px;
        margin: 0 auto;
        padding-top: 40px;
        padding-bottom: 120px;
        direction: rtl; /* Ensure RTL */
    }
.rf-seo-801 .roma-section-google-toolset header {
        max-width: 850px;
        margin-bottom: 80px;
        text-align: right;
    }
.rf-seo-801 .roma-eyebrow {
        display: inline-block;
        font-weight: 700;
        font-size: 0.9rem;
        text-transform: uppercase;
        letter-spacing: 0.12em;
        background: var(--roma-main-gradient);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: 16px;
    }
.rf-seo-801 .roma-section-google-toolset h2 {
        font-weight: 900;
        line-height: 1.05;
        margin-bottom: 24px;
        letter-spacing: -0.03em;
        color: var(--roma-text-primary);
        font-size: clamp(1.8rem, 5vw, 3.5rem);
    }
.rf-seo-801 .roma-section-google-toolset .subtitle {
        font-size: 1.25rem;
        color: var(--roma-text-secondary);
        max-width: 650px;
        font-weight: 400;
    }
.rf-seo-801 .roma-tools-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 24px;
        perspective: 1200px;
    }
.rf-seo-801 .roma-glass-card {
        position: relative;
        background: var(--roma-card-bg);
        backdrop-filter: blur(20px) saturate(160%);
        -webkit-backdrop-filter: blur(20px) saturate(160%);
        border: 1px solid var(--roma-glass-border);
        padding: 40px;
        border-radius: 32px;
        transition: transform 0.1s ease-out, border-color 0.4s ease, box-shadow 0.4s ease;
        transform-style: preserve-3d;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
.rf-seo-801 .roma-glass-card:hover {
        border-color: rgba(140, 82, 255, 0.2);
        box-shadow: 0 40px 80px -20px rgba(15, 23, 42, 0.08);
    }
.rf-seo-801 .roma-tool-card {
        min-height: 380px;
        padding: 32px;
    }
.rf-seo-801 .roma-card-content {
        transform: translateZ(30px);
    }
.rf-seo-801 .roma-card-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 32px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
.rf-seo-801 .roma-icon-bg {
        position: absolute;
        width: 100%;
        height: 100%;
        background: var(--roma-main-gradient);
        opacity: 0.1;
        border-radius: 18px;
        transform: rotate(-8deg);
        transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }
.rf-seo-801 .roma-glass-card:hover .roma-icon-bg {
        transform: rotate(0deg) scale(1.15);
        opacity: 0.15;
    }
.rf-seo-801 .roma-card-title {
        font-size: 1.4rem; /* Tool card specific */
        font-weight: 800;
        margin-bottom: 16px;
        color: var(--roma-text-primary);
        letter-spacing: -0.01em;
    }
.rf-seo-801 .roma-card-desc {
        font-size: 1.05rem;
        color: var(--roma-text-secondary);
        line-height: 1.7;
    }
.rf-seo-801 .roma-data-point {
        margin-top: 40px;
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
        font-size: 0.8rem;
        font-weight: 700;
        color: var(--roma-accent-purple);
        display: flex;
        align-items: center;
        gap: 12px;
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }
.rf-seo-801 .roma-data-point span {
        width: 24px;
        height: 2px;
        background: var(--roma-accent-purple);
        opacity: 0.4;
    }
.rf-seo-801 .roma-tool-highlight {
        font-weight: 700;
        color: var(--roma-accent-purple);
        display: block;
        margin-top: 8px;
        font-size: 0.9rem;
    }
@media (max-width: 1024px) {
.rf-seo-801 .roma-tools-grid { grid-template-columns: repeat(1, 1fr); }
.rf-seo-801 .roma-section-google-toolset { padding: 60px 20px; }
}
.rf-seo-801 .roma-reveal {
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    }
.rf-seo-801 .roma-reveal.active {
        opacity: 1;
        transform: translateY(0);
    }
.rf-seo-801 .meeting-cta-wrapper {
    padding: 80px 24px;
    display: flex;
    justify-content: center;
    background: var(--rf-surface-2);
    direction: rtl;
    font-family: var(--rf-font);
}
.rf-seo-801 .meeting-cta-wrapper .cta-card {
    background: #ffffff;
    max-width: 1000px;
    width: 100%;
    padding: 50px 30px;
    border-radius: 32px;
    text-align: center;
    box-shadow: 0 20px 40px -5px rgba(15, 23, 42, 0.05);
    border: 1px solid rgba(15, 23, 42, 0.06);
    position: relative;
    overflow: hidden;
}
.rf-seo-801 .meeting-cta-wrapper .cta-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 6px;
    background: linear-gradient(90deg, var(--rf-blue), var(--rf-purple), var(--rf-cyan));
}
.rf-seo-801 .meeting-cta-wrapper .cta-badge {
    font-size: 0.85rem;
    font-weight: 800;
    color: var(--rf-purple);
    text-transform: uppercase;
    margin-bottom: 16px;
    display: block;
}
.rf-seo-801 .meeting-cta-wrapper .cta-title {
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    font-weight: 900;
    color: var(--rf-ink);
    margin-bottom: 16px;
}
.rf-seo-801 .meeting-cta-wrapper .cta-subtitle {
    font-size: 1.1rem;
    color: var(--rf-ink-500);
    max-width: 650px;
    margin: 0 auto 40px;
    line-height: 1.6;
}
.rf-seo-801 .meeting-cta-wrapper .cta-buttons-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin: 0 auto;
}
.rf-seo-801 .meeting-cta-wrapper .gradient-text {
    background: linear-gradient(90deg, var(--rf-blue), var(--rf-purple), var(--rf-cyan));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.rf-seo-801 .meeting-cta-wrapper .contact-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    gap: 12px;
    transition: all 0.3s ease;
}
/* הבטחת עיגול מושלם */
.rf-seo-801 .meeting-cta-wrapper .btn-icon {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    border-radius: 50% !important;
    background: #f1f5f9;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease;
    flex-shrink: 0 !important;
    color: var(--rf-ink-700); /* Parent color for SVGs */
}
/* CACHE BUSTER 1.0.2 */
.rf-seo-801 .meeting-cta-wrapper .btn-icon svg {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    display: block !important;
    flex-shrink: 0 !important;
}
/* Base reset for all SVGs */
.rf-seo-801 .meeting-cta-wrapper .btn-icon svg path, .rf-seo-801 .meeting-cta-wrapper .btn-icon svg rect, .rf-seo-801 .meeting-cta-wrapper .btn-icon svg line, .rf-seo-801 .meeting-cta-wrapper .btn-icon svg polyline {
    transition: all 0.3s ease;
}
/* WHATSAPP: Filled icon */
.rf-seo-801 .meeting-cta-wrapper .btn-whatsapp .btn-icon svg path {
    fill: currentColor;
    stroke: none;
}
/* OTHERS: Strok icons (Phone, Mail, Calendar) */
.rf-seo-801 .meeting-cta-wrapper .btn-phone .btn-icon svg path, .rf-seo-801 .meeting-cta-wrapper .btn-mail .btn-icon svg path, .rf-seo-801 .meeting-cta-wrapper .btn-mail .btn-icon svg polyline, .rf-seo-801 .meeting-cta-wrapper .btn-calendar .btn-icon svg rect, .rf-seo-801 .meeting-cta-wrapper .btn-calendar .btn-icon svg line {
    fill: none;
    stroke: currentColor;
}
.rf-seo-801 .meeting-cta-wrapper .contact-btn span {
    font-weight: 700;
    font-size: 1rem;
    color: var(--rf-ink-700);
}
/* Hover Effects - Single source of truth */
.rf-seo-801 .meeting-cta-wrapper .contact-btn:hover .btn-icon {
    transform: translateY(-5px);
    color: #FFFFFF !important; /* Forces SVG current-color to white */
}
.rf-seo-801 .meeting-cta-wrapper .btn-whatsapp:hover .btn-icon { background: #25D366; }
.rf-seo-801 .meeting-cta-wrapper .btn-phone:hover .btn-icon { background: #0284c7; }
.rf-seo-801 .meeting-cta-wrapper .btn-mail:hover .btn-icon { background: #ca8a04; }
.rf-seo-801 .meeting-cta-wrapper .btn-calendar:hover .btn-icon { background: var(--rf-ink); }
@media (max-width: 850px) {
.rf-seo-801 .meeting-cta-wrapper .cta-buttons-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ---------- webdesign ---------- */
.rf-webdesign-801 img:is([sizes=auto i], .rf-webdesign-801 [sizes^="auto, .rf-webdesign-801 " i]) {contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
.rf-webdesign-801 img.wp-smiley, .rf-webdesign-801 img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
.rf-webdesign-801 {--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}
@media (min-resolution:192dpi) {
.rf-webdesign-801 {--wp-admin-border-width-focus:1.5px}
}
.rf-webdesign-801 .wp-element-button {cursor:pointer}
.rf-webdesign-801 :root .has-very-light-gray-background-color {background-color:#eee}
.rf-webdesign-801 :root .has-very-dark-gray-background-color {background-color:#313131}
.rf-webdesign-801 :root .has-very-light-gray-color {color:#eee}
.rf-webdesign-801 :root .has-very-dark-gray-color {color:#313131}
.rf-webdesign-801 :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {background:linear-gradient(135deg,#00d084,#0693e3)}
.rf-webdesign-801 :root .has-purple-crush-gradient-background {background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}
.rf-webdesign-801 :root .has-hazy-dawn-gradient-background {background:linear-gradient(135deg,#faaca8,#dad0ec)}
.rf-webdesign-801 :root .has-subdued-olive-gradient-background {background:linear-gradient(135deg,#fafae1,#67a671)}
.rf-webdesign-801 :root .has-atomic-cream-gradient-background {background:linear-gradient(135deg,#fdd79a,#004a59)}
.rf-webdesign-801 :root .has-nightshade-gradient-background {background:linear-gradient(135deg,#330968,#31cdcf)}
.rf-webdesign-801 :root .has-midnight-gradient-background {background:linear-gradient(135deg,#020381,#2874fc)}
.rf-webdesign-801 {--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}
.rf-webdesign-801 .has-regular-font-size {font-size:1em}
.rf-webdesign-801 .has-larger-font-size {font-size:2.625em}
.rf-webdesign-801 .has-normal-font-size {font-size:var(--wp--preset--font-size--normal)}
.rf-webdesign-801 .has-huge-font-size {font-size:var(--wp--preset--font-size--huge)}
.rf-webdesign-801 .has-text-align-center {text-align:center}
.rf-webdesign-801 .has-text-align-left {text-align:left}
.rf-webdesign-801 .has-text-align-right {text-align:right}
.rf-webdesign-801 .has-fit-text {white-space:nowrap!important}
.rf-webdesign-801 #end-resizable-editor-section {display:none}
.rf-webdesign-801 .aligncenter {clear:both}
.rf-webdesign-801 .items-justified-left {justify-content:flex-start}
.rf-webdesign-801 .items-justified-center {justify-content:center}
.rf-webdesign-801 .items-justified-right {justify-content:flex-end}
.rf-webdesign-801 .items-justified-space-between {justify-content:space-between}
.rf-webdesign-801 .screen-reader-text {border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.rf-webdesign-801 .screen-reader-text:focus {background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.rf-webdesign-801 :where(.has-border-color) {border-style:solid}
.rf-webdesign-801 :where([style*=border-top-color]) {border-top-style:solid}
.rf-webdesign-801 :where([style*=border-right-color]) {border-right-style:solid}
.rf-webdesign-801 :where([style*=border-bottom-color]) {border-bottom-style:solid}
.rf-webdesign-801 :where([style*=border-left-color]) {border-left-style:solid}
.rf-webdesign-801 :where([style*=border-width]) {border-style:solid}
.rf-webdesign-801 :where([style*=border-top-width]) {border-top-style:solid}
.rf-webdesign-801 :where([style*=border-right-width]) {border-right-style:solid}
.rf-webdesign-801 :where([style*=border-bottom-width]) {border-bottom-style:solid}
.rf-webdesign-801 :where([style*=border-left-width]) {border-left-style:solid}
.rf-webdesign-801 :where(img[class*=wp-image-]) {height:auto;max-width:100%}
.rf-webdesign-801 :where(figure) {margin:0 0 1em}
.rf-webdesign-801 :where(.is-position-sticky) {--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}
@media screen and (max-width:600px) {
.rf-webdesign-801 :where(.is-position-sticky) {--wp-admin--admin-bar--position-offset:0px}
}
/*# sourceURL=wp-block-library-inline-css */
.rf-webdesign-801 {--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}
.rf-webdesign-801 :where(.is-layout-flex) {gap: 0.5em;}
.rf-webdesign-801 :where(.is-layout-grid) {gap: 0.5em;}
.rf-webdesign-801 .is-layout-flex {display: flex;}
.rf-webdesign-801 .is-layout-flex {flex-wrap: wrap;align-items: center;}
.rf-webdesign-801 .is-layout-flex > :is(*, .rf-webdesign-801 div) {margin: 0;}
.rf-webdesign-801 .is-layout-grid {display: grid;}
.rf-webdesign-801 .is-layout-grid > :is(*, .rf-webdesign-801 div) {margin: 0;}
.rf-webdesign-801 :where(.wp-block-columns.is-layout-flex) {gap: 2em;}
.rf-webdesign-801 :where(.wp-block-columns.is-layout-grid) {gap: 2em;}
.rf-webdesign-801 :where(.wp-block-post-template.is-layout-flex) {gap: 1.25em;}
.rf-webdesign-801 :where(.wp-block-post-template.is-layout-grid) {gap: 1.25em;}
.rf-webdesign-801 .has-black-color {color: var(--wp--preset--color--black) !important;}
.rf-webdesign-801 .has-cyan-bluish-gray-color {color: var(--wp--preset--color--cyan-bluish-gray) !important;}
.rf-webdesign-801 .has-white-color {color: var(--wp--preset--color--white) !important;}
.rf-webdesign-801 .has-pale-pink-color {color: var(--wp--preset--color--pale-pink) !important;}
.rf-webdesign-801 .has-vivid-red-color {color: var(--wp--preset--color--vivid-red) !important;}
.rf-webdesign-801 .has-luminous-vivid-orange-color {color: var(--wp--preset--color--luminous-vivid-orange) !important;}
.rf-webdesign-801 .has-luminous-vivid-amber-color {color: var(--wp--preset--color--luminous-vivid-amber) !important;}
.rf-webdesign-801 .has-light-green-cyan-color {color: var(--wp--preset--color--light-green-cyan) !important;}
.rf-webdesign-801 .has-vivid-green-cyan-color {color: var(--wp--preset--color--vivid-green-cyan) !important;}
.rf-webdesign-801 .has-pale-cyan-blue-color {color: var(--wp--preset--color--pale-cyan-blue) !important;}
.rf-webdesign-801 .has-vivid-cyan-blue-color {color: var(--wp--preset--color--vivid-cyan-blue) !important;}
.rf-webdesign-801 .has-vivid-purple-color {color: var(--wp--preset--color--vivid-purple) !important;}
.rf-webdesign-801 .has-black-background-color {background-color: var(--wp--preset--color--black) !important;}
.rf-webdesign-801 .has-cyan-bluish-gray-background-color {background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}
.rf-webdesign-801 .has-white-background-color {background-color: var(--wp--preset--color--white) !important;}
.rf-webdesign-801 .has-pale-pink-background-color {background-color: var(--wp--preset--color--pale-pink) !important;}
.rf-webdesign-801 .has-vivid-red-background-color {background-color: var(--wp--preset--color--vivid-red) !important;}
.rf-webdesign-801 .has-luminous-vivid-orange-background-color {background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}
.rf-webdesign-801 .has-luminous-vivid-amber-background-color {background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}
.rf-webdesign-801 .has-light-green-cyan-background-color {background-color: var(--wp--preset--color--light-green-cyan) !important;}
.rf-webdesign-801 .has-vivid-green-cyan-background-color {background-color: var(--wp--preset--color--vivid-green-cyan) !important;}
.rf-webdesign-801 .has-pale-cyan-blue-background-color {background-color: var(--wp--preset--color--pale-cyan-blue) !important;}
.rf-webdesign-801 .has-vivid-cyan-blue-background-color {background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}
.rf-webdesign-801 .has-vivid-purple-background-color {background-color: var(--wp--preset--color--vivid-purple) !important;}
.rf-webdesign-801 .has-black-border-color {border-color: var(--wp--preset--color--black) !important;}
.rf-webdesign-801 .has-cyan-bluish-gray-border-color {border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}
.rf-webdesign-801 .has-white-border-color {border-color: var(--wp--preset--color--white) !important;}
.rf-webdesign-801 .has-pale-pink-border-color {border-color: var(--wp--preset--color--pale-pink) !important;}
.rf-webdesign-801 .has-vivid-red-border-color {border-color: var(--wp--preset--color--vivid-red) !important;}
.rf-webdesign-801 .has-luminous-vivid-orange-border-color {border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}
.rf-webdesign-801 .has-luminous-vivid-amber-border-color {border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}
.rf-webdesign-801 .has-light-green-cyan-border-color {border-color: var(--wp--preset--color--light-green-cyan) !important;}
.rf-webdesign-801 .has-vivid-green-cyan-border-color {border-color: var(--wp--preset--color--vivid-green-cyan) !important;}
.rf-webdesign-801 .has-pale-cyan-blue-border-color {border-color: var(--wp--preset--color--pale-cyan-blue) !important;}
.rf-webdesign-801 .has-vivid-cyan-blue-border-color {border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}
.rf-webdesign-801 .has-vivid-purple-border-color {border-color: var(--wp--preset--color--vivid-purple) !important;}
.rf-webdesign-801 .has-vivid-cyan-blue-to-vivid-purple-gradient-background {background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}
.rf-webdesign-801 .has-light-green-cyan-to-vivid-green-cyan-gradient-background {background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}
.rf-webdesign-801 .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}
.rf-webdesign-801 .has-luminous-vivid-orange-to-vivid-red-gradient-background {background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
.rf-webdesign-801 .has-very-light-gray-to-cyan-bluish-gray-gradient-background {background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}
.rf-webdesign-801 .has-cool-to-warm-spectrum-gradient-background {background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}
.rf-webdesign-801 .has-blush-light-purple-gradient-background {background: var(--wp--preset--gradient--blush-light-purple) !important;}
.rf-webdesign-801 .has-blush-bordeaux-gradient-background {background: var(--wp--preset--gradient--blush-bordeaux) !important;}
.rf-webdesign-801 .has-luminous-dusk-gradient-background {background: var(--wp--preset--gradient--luminous-dusk) !important;}
.rf-webdesign-801 .has-pale-ocean-gradient-background {background: var(--wp--preset--gradient--pale-ocean) !important;}
.rf-webdesign-801 .has-electric-grass-gradient-background {background: var(--wp--preset--gradient--electric-grass) !important;}
.rf-webdesign-801 .has-midnight-gradient-background {background: var(--wp--preset--gradient--midnight) !important;}
.rf-webdesign-801 .has-small-font-size {font-size: var(--wp--preset--font-size--small) !important;}
.rf-webdesign-801 .has-medium-font-size {font-size: var(--wp--preset--font-size--medium) !important;}
.rf-webdesign-801 .has-large-font-size {font-size: var(--wp--preset--font-size--large) !important;}
.rf-webdesign-801 .has-x-large-font-size {font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
/*! This file is auto-generated */
.rf-webdesign-801 .wp-block-button__link {color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}
.rf-webdesign-801 .wp-block-file__button {background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
.rf-webdesign-801 .meeting-cta-wrapper {
    padding: 80px 24px;
    display: flex;
    justify-content: center;
    background: var(--rf-surface-2);
    direction: rtl;
    font-family: var(--rf-font);
}
.rf-webdesign-801 .meeting-cta-wrapper .cta-card {
    background: #ffffff;
    max-width: 1000px;
    width: 100%;
    padding: 50px 30px;
    border-radius: 32px;
    text-align: center;
    box-shadow: 0 20px 40px -5px rgba(15, 23, 42, 0.05);
    border: 1px solid rgba(15, 23, 42, 0.06);
    position: relative;
    overflow: hidden;
}
.rf-webdesign-801 .meeting-cta-wrapper .cta-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 6px;
    background: linear-gradient(90deg, var(--rf-blue), var(--rf-purple), var(--rf-cyan));
}
.rf-webdesign-801 .meeting-cta-wrapper .cta-badge {
    font-size: 0.85rem;
    font-weight: 800;
    color: var(--rf-purple);
    text-transform: uppercase;
    margin-bottom: 16px;
    display: block;
}
.rf-webdesign-801 .meeting-cta-wrapper .cta-title {
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    font-weight: 900;
    color: var(--rf-ink);
    margin-bottom: 16px;
}
.rf-webdesign-801 .meeting-cta-wrapper .cta-subtitle {
    font-size: 1.1rem;
    color: var(--rf-ink-500);
    max-width: 650px;
    margin: 0 auto 40px;
    line-height: 1.6;
}
.rf-webdesign-801 .meeting-cta-wrapper .cta-buttons-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin: 0 auto;
}
.rf-webdesign-801 .meeting-cta-wrapper .gradient-text {
    background: linear-gradient(90deg, var(--rf-blue), var(--rf-purple), var(--rf-cyan));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.rf-webdesign-801 .meeting-cta-wrapper .contact-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    gap: 12px;
    transition: all 0.3s ease;
}
/* הבטחת עיגול מושלם */
.rf-webdesign-801 .meeting-cta-wrapper .btn-icon {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    border-radius: 50% !important;
    background: #f1f5f9;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease;
    flex-shrink: 0 !important;
    color: var(--rf-ink-700); /* Parent color for SVGs */
}
/* CACHE BUSTER 1.0.2 */
.rf-webdesign-801 .meeting-cta-wrapper .btn-icon svg {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    display: block !important;
    flex-shrink: 0 !important;
}
/* Base reset for all SVGs */
.rf-webdesign-801 .meeting-cta-wrapper .btn-icon svg path, .rf-webdesign-801 .meeting-cta-wrapper .btn-icon svg rect, .rf-webdesign-801 .meeting-cta-wrapper .btn-icon svg line, .rf-webdesign-801 .meeting-cta-wrapper .btn-icon svg polyline {
    transition: all 0.3s ease;
}
/* WHATSAPP: Filled icon */
.rf-webdesign-801 .meeting-cta-wrapper .btn-whatsapp .btn-icon svg path {
    fill: currentColor;
    stroke: none;
}
/* OTHERS: Strok icons (Phone, Mail, Calendar) */
.rf-webdesign-801 .meeting-cta-wrapper .btn-phone .btn-icon svg path, .rf-webdesign-801 .meeting-cta-wrapper .btn-mail .btn-icon svg path, .rf-webdesign-801 .meeting-cta-wrapper .btn-mail .btn-icon svg polyline, .rf-webdesign-801 .meeting-cta-wrapper .btn-calendar .btn-icon svg rect, .rf-webdesign-801 .meeting-cta-wrapper .btn-calendar .btn-icon svg line {
    fill: none;
    stroke: currentColor;
}
.rf-webdesign-801 .meeting-cta-wrapper .contact-btn span {
    font-weight: 700;
    font-size: 1rem;
    color: var(--rf-ink-700);
}
/* Hover Effects - Single source of truth */
.rf-webdesign-801 .meeting-cta-wrapper .contact-btn:hover .btn-icon {
    transform: translateY(-5px);
    color: #FFFFFF !important; /* Forces SVG current-color to white */
}
.rf-webdesign-801 .meeting-cta-wrapper .btn-whatsapp:hover .btn-icon { background: #25D366; }
.rf-webdesign-801 .meeting-cta-wrapper .btn-phone:hover .btn-icon { background: #0284c7; }
.rf-webdesign-801 .meeting-cta-wrapper .btn-mail:hover .btn-icon { background: #ca8a04; }
.rf-webdesign-801 .meeting-cta-wrapper .btn-calendar:hover .btn-icon { background: var(--rf-ink); }
@media (max-width: 850px) {
.rf-webdesign-801 .meeting-cta-wrapper .cta-buttons-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ---------- about ---------- */
.rf-about-801 img:is([sizes=auto i], .rf-about-801 [sizes^="auto, .rf-about-801 " i]) {contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
.rf-about-801 img.wp-smiley, .rf-about-801 img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
.rf-about-801 {--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}
@media (min-resolution:192dpi) {
.rf-about-801 {--wp-admin-border-width-focus:1.5px}
}
.rf-about-801 .wp-element-button {cursor:pointer}
.rf-about-801 :root .has-very-light-gray-background-color {background-color:#eee}
.rf-about-801 :root .has-very-dark-gray-background-color {background-color:#313131}
.rf-about-801 :root .has-very-light-gray-color {color:#eee}
.rf-about-801 :root .has-very-dark-gray-color {color:#313131}
.rf-about-801 :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {background:linear-gradient(135deg,#00d084,#0693e3)}
.rf-about-801 :root .has-purple-crush-gradient-background {background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}
.rf-about-801 :root .has-hazy-dawn-gradient-background {background:linear-gradient(135deg,#faaca8,#dad0ec)}
.rf-about-801 :root .has-subdued-olive-gradient-background {background:linear-gradient(135deg,#fafae1,#67a671)}
.rf-about-801 :root .has-atomic-cream-gradient-background {background:linear-gradient(135deg,#fdd79a,#004a59)}
.rf-about-801 :root .has-nightshade-gradient-background {background:linear-gradient(135deg,#330968,#31cdcf)}
.rf-about-801 :root .has-midnight-gradient-background {background:linear-gradient(135deg,#020381,#2874fc)}
.rf-about-801 {--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}
.rf-about-801 .has-regular-font-size {font-size:1em}
.rf-about-801 .has-larger-font-size {font-size:2.625em}
.rf-about-801 .has-normal-font-size {font-size:var(--wp--preset--font-size--normal)}
.rf-about-801 .has-huge-font-size {font-size:var(--wp--preset--font-size--huge)}
.rf-about-801 .has-text-align-center {text-align:center}
.rf-about-801 .has-text-align-left {text-align:left}
.rf-about-801 .has-text-align-right {text-align:right}
.rf-about-801 .has-fit-text {white-space:nowrap!important}
.rf-about-801 #end-resizable-editor-section {display:none}
.rf-about-801 .aligncenter {clear:both}
.rf-about-801 .items-justified-left {justify-content:flex-start}
.rf-about-801 .items-justified-center {justify-content:center}
.rf-about-801 .items-justified-right {justify-content:flex-end}
.rf-about-801 .items-justified-space-between {justify-content:space-between}
.rf-about-801 .screen-reader-text {border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.rf-about-801 .screen-reader-text:focus {background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.rf-about-801 :where(.has-border-color) {border-style:solid}
.rf-about-801 :where([style*=border-top-color]) {border-top-style:solid}
.rf-about-801 :where([style*=border-right-color]) {border-right-style:solid}
.rf-about-801 :where([style*=border-bottom-color]) {border-bottom-style:solid}
.rf-about-801 :where([style*=border-left-color]) {border-left-style:solid}
.rf-about-801 :where([style*=border-width]) {border-style:solid}
.rf-about-801 :where([style*=border-top-width]) {border-top-style:solid}
.rf-about-801 :where([style*=border-right-width]) {border-right-style:solid}
.rf-about-801 :where([style*=border-bottom-width]) {border-bottom-style:solid}
.rf-about-801 :where([style*=border-left-width]) {border-left-style:solid}
.rf-about-801 :where(img[class*=wp-image-]) {height:auto;max-width:100%}
.rf-about-801 :where(figure) {margin:0 0 1em}
.rf-about-801 :where(.is-position-sticky) {--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}
@media screen and (max-width:600px) {
.rf-about-801 :where(.is-position-sticky) {--wp-admin--admin-bar--position-offset:0px}
}
/*# sourceURL=wp-block-library-inline-css */
.rf-about-801 {--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}
.rf-about-801 :where(.is-layout-flex) {gap: 0.5em;}
.rf-about-801 :where(.is-layout-grid) {gap: 0.5em;}
.rf-about-801 .is-layout-flex {display: flex;}
.rf-about-801 .is-layout-flex {flex-wrap: wrap;align-items: center;}
.rf-about-801 .is-layout-flex > :is(*, .rf-about-801 div) {margin: 0;}
.rf-about-801 .is-layout-grid {display: grid;}
.rf-about-801 .is-layout-grid > :is(*, .rf-about-801 div) {margin: 0;}
.rf-about-801 :where(.wp-block-columns.is-layout-flex) {gap: 2em;}
.rf-about-801 :where(.wp-block-columns.is-layout-grid) {gap: 2em;}
.rf-about-801 :where(.wp-block-post-template.is-layout-flex) {gap: 1.25em;}
.rf-about-801 :where(.wp-block-post-template.is-layout-grid) {gap: 1.25em;}
.rf-about-801 .has-black-color {color: var(--wp--preset--color--black) !important;}
.rf-about-801 .has-cyan-bluish-gray-color {color: var(--wp--preset--color--cyan-bluish-gray) !important;}
.rf-about-801 .has-white-color {color: var(--wp--preset--color--white) !important;}
.rf-about-801 .has-pale-pink-color {color: var(--wp--preset--color--pale-pink) !important;}
.rf-about-801 .has-vivid-red-color {color: var(--wp--preset--color--vivid-red) !important;}
.rf-about-801 .has-luminous-vivid-orange-color {color: var(--wp--preset--color--luminous-vivid-orange) !important;}
.rf-about-801 .has-luminous-vivid-amber-color {color: var(--wp--preset--color--luminous-vivid-amber) !important;}
.rf-about-801 .has-light-green-cyan-color {color: var(--wp--preset--color--light-green-cyan) !important;}
.rf-about-801 .has-vivid-green-cyan-color {color: var(--wp--preset--color--vivid-green-cyan) !important;}
.rf-about-801 .has-pale-cyan-blue-color {color: var(--wp--preset--color--pale-cyan-blue) !important;}
.rf-about-801 .has-vivid-cyan-blue-color {color: var(--wp--preset--color--vivid-cyan-blue) !important;}
.rf-about-801 .has-vivid-purple-color {color: var(--wp--preset--color--vivid-purple) !important;}
.rf-about-801 .has-black-background-color {background-color: var(--wp--preset--color--black) !important;}
.rf-about-801 .has-cyan-bluish-gray-background-color {background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}
.rf-about-801 .has-white-background-color {background-color: var(--wp--preset--color--white) !important;}
.rf-about-801 .has-pale-pink-background-color {background-color: var(--wp--preset--color--pale-pink) !important;}
.rf-about-801 .has-vivid-red-background-color {background-color: var(--wp--preset--color--vivid-red) !important;}
.rf-about-801 .has-luminous-vivid-orange-background-color {background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}
.rf-about-801 .has-luminous-vivid-amber-background-color {background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}
.rf-about-801 .has-light-green-cyan-background-color {background-color: var(--wp--preset--color--light-green-cyan) !important;}
.rf-about-801 .has-vivid-green-cyan-background-color {background-color: var(--wp--preset--color--vivid-green-cyan) !important;}
.rf-about-801 .has-pale-cyan-blue-background-color {background-color: var(--wp--preset--color--pale-cyan-blue) !important;}
.rf-about-801 .has-vivid-cyan-blue-background-color {background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}
.rf-about-801 .has-vivid-purple-background-color {background-color: var(--wp--preset--color--vivid-purple) !important;}
.rf-about-801 .has-black-border-color {border-color: var(--wp--preset--color--black) !important;}
.rf-about-801 .has-cyan-bluish-gray-border-color {border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}
.rf-about-801 .has-white-border-color {border-color: var(--wp--preset--color--white) !important;}
.rf-about-801 .has-pale-pink-border-color {border-color: var(--wp--preset--color--pale-pink) !important;}
.rf-about-801 .has-vivid-red-border-color {border-color: var(--wp--preset--color--vivid-red) !important;}
.rf-about-801 .has-luminous-vivid-orange-border-color {border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}
.rf-about-801 .has-luminous-vivid-amber-border-color {border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}
.rf-about-801 .has-light-green-cyan-border-color {border-color: var(--wp--preset--color--light-green-cyan) !important;}
.rf-about-801 .has-vivid-green-cyan-border-color {border-color: var(--wp--preset--color--vivid-green-cyan) !important;}
.rf-about-801 .has-pale-cyan-blue-border-color {border-color: var(--wp--preset--color--pale-cyan-blue) !important;}
.rf-about-801 .has-vivid-cyan-blue-border-color {border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}
.rf-about-801 .has-vivid-purple-border-color {border-color: var(--wp--preset--color--vivid-purple) !important;}
.rf-about-801 .has-vivid-cyan-blue-to-vivid-purple-gradient-background {background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}
.rf-about-801 .has-light-green-cyan-to-vivid-green-cyan-gradient-background {background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}
.rf-about-801 .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}
.rf-about-801 .has-luminous-vivid-orange-to-vivid-red-gradient-background {background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
.rf-about-801 .has-very-light-gray-to-cyan-bluish-gray-gradient-background {background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}
.rf-about-801 .has-cool-to-warm-spectrum-gradient-background {background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}
.rf-about-801 .has-blush-light-purple-gradient-background {background: var(--wp--preset--gradient--blush-light-purple) !important;}
.rf-about-801 .has-blush-bordeaux-gradient-background {background: var(--wp--preset--gradient--blush-bordeaux) !important;}
.rf-about-801 .has-luminous-dusk-gradient-background {background: var(--wp--preset--gradient--luminous-dusk) !important;}
.rf-about-801 .has-pale-ocean-gradient-background {background: var(--wp--preset--gradient--pale-ocean) !important;}
.rf-about-801 .has-electric-grass-gradient-background {background: var(--wp--preset--gradient--electric-grass) !important;}
.rf-about-801 .has-midnight-gradient-background {background: var(--wp--preset--gradient--midnight) !important;}
.rf-about-801 .has-small-font-size {font-size: var(--wp--preset--font-size--small) !important;}
.rf-about-801 .has-medium-font-size {font-size: var(--wp--preset--font-size--medium) !important;}
.rf-about-801 .has-large-font-size {font-size: var(--wp--preset--font-size--large) !important;}
.rf-about-801 .has-x-large-font-size {font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
/*! This file is auto-generated */
.rf-about-801 .wp-block-button__link {color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}
.rf-about-801 .wp-block-file__button {background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
.rf-about-801 {
            --main-bg: #FFFFFF;
            --secondary-bg: var(--rf-surface-2);
            --accent-cyan: var(--rf-cyan);
            --accent-purple: var(--rf-purple);
            --accent-pink: var(--rf-pink);
            --text-primary: var(--rf-ink);
            --text-secondary: var(--rf-ink-600);
            --main-gradient: linear-gradient(90deg, var(--rf-blue) 0%, var(--rf-purple) 50%, var(--rf-cyan) 100%);
            --slab-shadow: 0 40px 100px -20px rgba(15, 23, 42, 0.12), 0 20px 40px -15px rgba(15, 23, 42, 0.08);
            --porcelain-edge: inset 0 1px 0 0 rgba(255, 255, 255, 0.8), 0 0 0 1px rgba(15, 23, 42, 0.05);
            
            background-color: var(--main-bg);
            font-family: var(--rf-font);
            color: var(--text-primary);
            line-height: 1.6;
            overflow-x: hidden; /* Applied to wrapper */
            width: 100%;
        }
.rf-about-801 * {
            box-sizing: border-box;
            -webkit-font-smoothing: antialiased;
        }
.rf-about-801 .container {
            max-width: 1400px;
            margin: 0 auto;
            padding: 100px 24px;
        }
/* Typography */
.rf-about-801 h1 {
            font-size: clamp(2.5rem, 8vw, 5.5rem);
            font-weight: 900;
            letter-spacing: -0.04em;
            line-height: 0.9;
            margin-bottom: 40px;
            background: var(--main-gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-align: center;
        }
.rf-about-801 .subtitle {
            font-size: 1.25rem;
            color: var(--text-secondary);
            text-align: center;
            max-width: 700px;
            margin: 0 auto 120px;
            font-weight: 400;
        }
/* Timeline Architecture */
.rf-about-801 .timeline-wrapper {
            position: relative;
            padding: 40px 24px;
        }
/* The central "Groove" in the porcelain */
.rf-about-801 .timeline-track {
            position: absolute;
            top: 0;
            right: 50%;
            width: 8px;
            height: 100%;
            background: var(--secondary-bg);
            transform: translateX(50%);
            border-radius: 10px;
            overflow: hidden;
            box-shadow: inset 2px 2px 5px rgba(0,0,0,0.05);
        }
.rf-about-801 .timeline-progress {
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 0%;
            background: var(--main-gradient);
            transition: height 0.1s ease-out;
        }
.rf-about-801 .timeline-item {
            display: flex;
            justify-content: flex-start;
            width: 100%;
            margin-bottom: 120px;
            position: relative;
            opacity: 0;
            transform: translateY(60px);
            transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        }
.rf-about-801 .timeline-item.revealed {
            opacity: 1;
            transform: translateY(0);
        }
.rf-about-801 .timeline-item:nth-child(even) {
            justify-content: flex-end;
        }
/* The Monolithic Slab */
.rf-about-801 .slab {
            width: 45%;
            background: #FFFFFF;
            padding: 60px;
            position: relative;
            box-shadow: var(--slab-shadow);
            border-radius: 4px; /* Crisp edges for monolithic feel */
            border: 1px solid rgba(15, 23, 42, 0.03);
            transition: transform 0.4s ease;
            cursor: pointer;
        }
.rf-about-801 .slab:hover {
            transform: translateY(-8px) scale(1.01);
        }
.rf-about-801 .slab::before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            width: 6px;
            height: 100%;
            background: var(--accent-purple);
            opacity: 0.8;
        }
.rf-about-801 .timeline-item:nth-child(even) .slab::before {
            right: auto;
            left: 0;
            background: var(--accent-cyan);
        }
/* Date Badge */
.rf-about-801 .date-badge {
            display: inline-block;
            padding: 8px 16px;
            background: var(--secondary-bg);
            color: var(--accent-purple);
            font-weight: 700;
            font-size: 0.9rem;
            border-radius: 2px;
            margin-bottom: 24px;
            border: var(--porcelain-edge);
            font-family: monospace; /* Pairing refined mono with sans */
        }
.rf-about-801 .timeline-item:nth-child(even) .date-badge {
            color: var(--accent-pink);
        }
.rf-about-801 .slab-title {
            font-size: clamp(1.5rem, 3vw, 2.2rem);
            font-weight: 700;
            margin-bottom: 16px;
            line-height: 1.2;
        }
.rf-about-801 .slab-desc {
            font-size: 1.05rem;
            color: var(--text-secondary);
            margin-bottom: 30px;
        }
/* Interactive Element */
.rf-about-801 .slab-tag-group {
            display: flex;
            gap: 12px;
            flex-wrap: wrap;
        }
.rf-about-801 .tag {
            font-size: 0.8rem;
            font-weight: 600;
            text-transform: uppercase;
            padding: 4px 12px;
            background: rgba(140, 82, 255, 0.05);
            color: var(--accent-purple);
            border-radius: 100px;
            letter-spacing: 0.05em;
        }
.rf-about-801 .date-badge, .rf-about-801 .tag {
            direction: ltr;
            unicode-bidi: isolate;
        }
/* Mobile Adjustments */
@media (max-width: 968px) {
.rf-about-801 .timeline-track {
                right: 20px;
                transform: none;
            }
.rf-about-801 .slab {
                width: calc(100% - 60px);
                padding: 40px 30px;
            }
.rf-about-801 .timeline-item, .rf-about-801 .timeline-item:nth-child(even) {
                justify-content: flex-start;
                padding-right: 60px;
            }
.rf-about-801 .timeline-item:nth-child(even) .slab::before {
                left: auto;
                right: 0;
            }
}
/* Scroll-triggered reveal animation */
.rf-about-801 .reveal-up {
            transform: translateY(100px);
            opacity: 0;
            transition: all 1s ease-out;
        }
.rf-about-801 .reveal-up.active {
            transform: translateY(0);
            opacity: 1;
        }
/* Footer Accent */
.rf-about-801 .footer-glow {
            width: 200px;
            height: 200px;
            background: var(--accent-cyan);
            filter: blur(150px);
            position: fixed;
            bottom: -100px;
            left: -100px;
            z-index: -1;
            opacity: 0.3;
        }
/* Hero Section CSS */
.rf-about-801 .about-hero {
            position: relative;
            padding: 0 24px 100px;
            background-color: transparent;
            overflow: hidden;
            font-family: var(--rf-font);
            direction: rtl;
        }
.rf-about-801 .hero-container {
            max-width: 1400px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 60px;
            position: relative;
            z-index: 2;
        }
/* Typography */
.rf-about-801 .hero-label {
            display: inline-block;
            font-size: 1.1rem;
            font-weight: 600;
            color: var(--rf-purple);
            background: rgba(140, 82, 255, 0.1);
            padding: 8px 16px;
            border-radius: 50px;
            margin-bottom: 24px;
        }
.rf-about-801 .hero-title {
            font-size: clamp(3rem, 6vw, 5rem);
            font-weight: 900;
            line-height: 1.1;
            color: var(--rf-ink);
            margin-bottom: 24px;
            text-align: right;
        }
.rf-about-801 .gradient-text {
            background: linear-gradient(90deg, var(--rf-blue), var(--rf-purple), var(--rf-cyan));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
.rf-about-801 .hero-subtitle {
            font-size: 1.25rem;
            color: var(--rf-ink-600);
            max-width: 600px;
            line-height: 1.6;
            margin-bottom: 40px;
        }
/* Stats Row */
.rf-about-801 .hero-stats {
            display: flex;
            align-items: center;
            gap: 30px;
        }
.rf-about-801 .stat-item {
            display: flex;
            flex-direction: column;
        }
.rf-about-801 .stat-number {
            font-size: 2rem;
            font-weight: 800;
            color: var(--rf-ink);
        }
.rf-about-801 .stat-label {
            font-size: 0.9rem;
            color: var(--rf-ink-500);
            font-weight: 500;
        }
.rf-about-801 .stat-divider {
            width: 1px;
            height: 40px;
            background: #E2E8F0;
        }
/* Visual Side */
.rf-about-801 .hero-visual {
            flex: 1;
            display: flex;
            justify-content: center;
            position: relative;
        }
.rf-about-801 .image-wrapper {
            position: relative;
            width: 450px;
            height: 450px;
        }
.rf-about-801 .profile-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 40px; /* Modern rounded square */
            box-shadow: 20px 20px 0px rgba(140, 82, 255, 0.1); /* Graphic shadow effect */
            z-index: 10;
            position: relative;
        }
/* Floating Badges Animation */
.rf-about-801 .floating-badge {
            position: absolute;
            background: #FFFFFF;
            padding: 12px 24px;
            border-radius: 12px;
            font-weight: 800;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            z-index: 20;
            animation: float 6s ease-in-out infinite;
        }
.rf-about-801 .badge-seo { top: 10%; right: -20px; color: var(--rf-cyan); animation-delay: 0s; }
.rf-about-801 .badge-code { bottom: 15%; right: -40px; color: var(--rf-blue); animation-delay: 2s; font-family: monospace; font-size: 1.2rem; }
.rf-about-801 .badge-ai { top: 40%; left: -30px; color: var(--rf-purple); animation-delay: 4s; }
@keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-15px); }
        }
/* Background Decoration */
.rf-about-801 .hero-bg-grid {
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            background-image: radial-gradient(#cbd5e1 1px, transparent 1px);
            background-size: 40px 40px;
            opacity: 0.3;
            z-index: 1;
        }
/* Mobile Responsive */
@media (max-width: 1024px) {
.rf-about-801 .hero-container {
                flex-direction: column-reverse; /* Text on top on mobile, image below */
                text-align: center;
                gap: 40px;
            }
.rf-about-801 .hero-subtitle { margin: 0 auto 40px; }
.rf-about-801 .hero-stats {
                justify-content: center;
            }
.rf-about-801 .image-wrapper {
                width: 300px;
                height: 300px;
            }
}
.rf-about-801 .skills-section-wrapper {
            /* Golden Ratio Typography Scale */
            --base-size: 1.125rem;       
            --ratio: 1.618;              
            
            --text-sm: 0.9rem;
            --text-md: var(--base-size);                           
            --text-lg: calc(var(--base-size) * 1.4);      
            --text-xl: calc(var(--text-lg) * 1.5);        

            --bg-color: transparent;
            --card-bg: #FFFFFF;
            --text-primary: var(--rf-ink);
            --text-secondary: var(--rf-ink-700);
            --accent-purple: var(--rf-purple);
            --accent-cyan: var(--rf-cyan);
            --gradient: linear-gradient(90deg, var(--rf-blue) 0%, var(--rf-purple) 50%, var(--rf-cyan) 100%);
            
            width: 100%;
            max-width: 1440px;
            margin: 0 auto;
            padding: 80px 24px;
            font-family: var(--rf-font);
            box-sizing: border-box;
            direction: rtl;
        }
.rf-about-801 .skills-section-wrapper * { box-sizing: border-box; }
/* Titles */
.rf-about-801 .skills-section-wrapper .section-title {
            font-size: clamp(2rem, 5vw, var(--text-xl));
            font-weight: 900;
            text-align: center;
            margin-bottom: 60px;
            background: var(--gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
.rf-about-801 .skills-section-wrapper h3 { 
            font-size: var(--text-lg);
            margin: 12px 0 16px 0; 
            color: var(--text-primary); 
            font-weight: 800;
            line-height: 1.2;
        }
/* Grid Layout */
.rf-about-801 .skills-section-wrapper .bento-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr); /* 2 Columns Standard */
            gap: 24px;
        }
/* Item Styling */
.rf-about-801 .skills-section-wrapper .bento-item {
            background: var(--card-bg);
            border-radius: 24px;
            padding: 35px;
            border: 1px solid rgba(15, 23, 42, 0.08);
            box-shadow: 0 4px 15px -3px rgba(0, 0, 0, 0.03);
            transition: all 0.3s ease;
            display: flex;
            flex-direction: column;
            position: relative;
            overflow: hidden;
        }
/* Full Width Items */
.rf-about-801 .skills-section-wrapper .bento-full {
            grid-column: span 2;
            background: var(--rf-surface-2); /* Slight contrast for full width */
            border: 1px solid rgba(140, 82, 255, 0.15);
        }
.rf-about-801 .skills-section-wrapper .highlight-purple::after {
            content: ''; position: absolute; top:0; right:0; width:4px; height:100%; background: var(--accent-purple);
        }
.rf-about-801 .skills-section-wrapper .highlight-cyan::after {
            content: ''; position: absolute; top:0; right:0; width:4px; height:100%; background: var(--accent-cyan);
        }
.rf-about-801 .skills-section-wrapper .bento-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.1);
        }
/* Content */
.rf-about-801 .skills-section-wrapper .bento-desc { 
            font-size: var(--text-md);
            color: var(--text-secondary); 
            margin-bottom: 20px; 
            line-height: 1.6; 
        }
.rf-about-801 .skills-section-wrapper .bento-tag {
            font-size: 0.8rem;
            font-weight: 700;
            text-transform: uppercase;
            background: rgba(0, 229, 204, 0.1);
            color: #008a7a;
            padding: 6px 12px;
            border-radius: 100px;
            display: inline-block;
            margin-bottom: 10px;
        }
.rf-about-801 .skills-section-wrapper .business-value { 
            background: #f1f5f9; padding: 15px; border-radius: 12px; margin-bottom: auto; 
        }
.rf-about-801 .skills-section-wrapper .business-value li { 
            font-size: 0.95rem; color: var(--text-secondary); 
        }
.rf-about-801 .skills-section-wrapper .value-text {
            font-size: 0.95rem; color: var(--text-secondary); margin-top: auto; padding-top: 15px; border-top: 1px solid #e2e8f0;
        }
.rf-about-801 .skills-section-wrapper .value-mini {
            font-size: 0.85rem; color: var(--text-secondary); margin-top: auto; padding-top: 10px; border-top: 1px solid #e2e8f0;
        }
/* Pills */
.rf-about-801 .skills-section-wrapper .skill-pills { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.rf-about-801 .skills-section-wrapper .skill-pills span {
            background: #fff; border: 1px solid #cbd5e1; padding: 6px 14px; border-radius: 50px;
            font-size: 0.85rem; font-weight: 600; color: var(--text-secondary);
        }
/* Mobile Responsive */
@media (max-width: 900px) {
.rf-about-801 .skills-section-wrapper .bento-grid { grid-template-columns: 1fr; }
.rf-about-801 .skills-section-wrapper .bento-full { grid-column: span 1; }
/* Full width becomes normal on mobile */
.rf-about-801 .skills-section-wrapper { padding: 60px 20px; }
}
.rf-about-801 .timeline-section-title {
            font-size: clamp(2rem, 5vw, 3rem); /* מבוסס על יחס הזהב */
            font-weight: 900;
            text-align: center;
            margin-bottom: 60px;
            background: var(--main-gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            position: relative;
            padding: 0 24px 20px;
        }
/* קו דקורטיבי עדין מתחת לכותרת */
.rf-about-801 .timeline-section-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 60px;
            height: 4px;
            background: var(--main-gradient);
            border-radius: 2px;
        }
/* Container & Layout */
.rf-about-801 .tech-stack-carousel {
    width: 100%;
    max-width: 100%; /* Full Width */
    padding: 60px 0;
    background: linear-gradient(to bottom, #ffffff 0%, var(--rf-surface-2) 100%);
    overflow: hidden; /* Hide scrollbars */
    position: relative;
    border-top: 1px solid rgba(15,23,42,0.05);
}
/* Optional Title */
.rf-about-801 .carousel-title {
    text-align: center;
    font-family: var(--rf-font);
    color: #94a3b8; /* Subtle gray */
    font-size: 1rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 40px;
}
/* Row styling */
.rf-about-801 .carousel-row {
    position: relative;
    width: 100%;
    display: flex;
    overflow: hidden;
    margin-bottom: 30px;
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent); /* Fade edges */
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}
/* The Track - Holds all items */
.rf-about-801 .track {
    display: flex;
    gap: 60px; /* Space between logos */
    width: max-content; /* Ensure it fits content */
}
/* Animation Defintions */
.rf-about-801 .move-left {
    animation: scrollLeft 40s linear infinite;
}
.rf-about-801 .move-right {
    animation: scrollRight 40s linear infinite;
}
@keyframes scrollLeft {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); } /* Moves half way (since we duplicated items) */
}
@keyframes scrollRight {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0); }
}
/* Logo Items */
.rf-about-801 .logo-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px; /* Base width per logo */
    height: 60px;
}
.rf-about-801 .logo-item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: grayscale(100%) opacity(0.6); /* Black & White default */
    transition: all 0.3s ease;
    cursor: pointer;
}
.rf-about-801 .logo-item img:hover {
    filter: grayscale(0%) opacity(1); /* Color on hover */
    transform: scale(1.1);
}
/* Pause on Hover (Optional - good for UX) */
.rf-about-801 .carousel-row:hover .track {
    animation-play-state: paused;
}
.rf-about-801 .meeting-cta-wrapper {
    padding: 80px 24px;
    display: flex;
    justify-content: center;
    background: var(--rf-surface-2);
    direction: rtl;
    font-family: var(--rf-font);
}
.rf-about-801 .meeting-cta-wrapper .cta-card {
    background: #ffffff;
    max-width: 1000px;
    width: 100%;
    padding: 50px 30px;
    border-radius: 32px;
    text-align: center;
    box-shadow: 0 20px 40px -5px rgba(15, 23, 42, 0.05);
    border: 1px solid rgba(15, 23, 42, 0.06);
    position: relative;
    overflow: hidden;
}
.rf-about-801 .meeting-cta-wrapper .cta-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 6px;
    background: linear-gradient(90deg, var(--rf-blue), var(--rf-purple), var(--rf-cyan));
}
.rf-about-801 .meeting-cta-wrapper .cta-badge {
    font-size: 0.85rem;
    font-weight: 800;
    color: var(--rf-purple);
    text-transform: uppercase;
    margin-bottom: 16px;
    display: block;
}
.rf-about-801 .meeting-cta-wrapper .cta-title {
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    font-weight: 900;
    color: var(--rf-ink);
    margin-bottom: 16px;
}
.rf-about-801 .meeting-cta-wrapper .cta-subtitle {
    font-size: 1.1rem;
    color: var(--rf-ink-500);
    max-width: 650px;
    margin: 0 auto 40px;
    line-height: 1.6;
}
.rf-about-801 .meeting-cta-wrapper .cta-buttons-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin: 0 auto;
}
.rf-about-801 .meeting-cta-wrapper .gradient-text {
    background: linear-gradient(90deg, var(--rf-blue), var(--rf-purple), var(--rf-cyan));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.rf-about-801 .meeting-cta-wrapper .contact-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    gap: 12px;
    transition: all 0.3s ease;
}
/* הבטחת עיגול מושלם */
.rf-about-801 .meeting-cta-wrapper .btn-icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    border-radius: 50%;
    background: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    flex-shrink: 0;
    color: var(--rf-ink-700); /* Parent color for SVGs */
}
.rf-about-801 .meeting-cta-wrapper .btn-icon svg {
    width: 28px;
    height: 28px;
    display: block;
}
/* Base reset for all SVGs */
.rf-about-801 .meeting-cta-wrapper .btn-icon svg path, .rf-about-801 .meeting-cta-wrapper .btn-icon svg rect, .rf-about-801 .meeting-cta-wrapper .btn-icon svg line, .rf-about-801 .meeting-cta-wrapper .btn-icon svg polyline {
    transition: all 0.3s ease;
}
/* WHATSAPP: Filled icon */
.rf-about-801 .meeting-cta-wrapper .btn-whatsapp .btn-icon svg path {
    fill: currentColor;
    stroke: none;
}
/* OTHERS: Strok icons (Phone, Mail, Calendar) */
.rf-about-801 .meeting-cta-wrapper .btn-phone .btn-icon svg path, .rf-about-801 .meeting-cta-wrapper .btn-mail .btn-icon svg path, .rf-about-801 .meeting-cta-wrapper .btn-mail .btn-icon svg polyline, .rf-about-801 .meeting-cta-wrapper .btn-calendar .btn-icon svg rect, .rf-about-801 .meeting-cta-wrapper .btn-calendar .btn-icon svg line {
    fill: none;
    stroke: currentColor;
}
.rf-about-801 .meeting-cta-wrapper .contact-btn span {
    font-weight: 700;
    font-size: 1rem;
    color: var(--rf-ink-700);
}
/* Hover Effects - Single source of truth */
.rf-about-801 .meeting-cta-wrapper .contact-btn:hover .btn-icon {
    transform: translateY(-5px);
    color: #FFFFFF !important; /* Forces SVG current-color to white */
}
.rf-about-801 .meeting-cta-wrapper .btn-whatsapp:hover .btn-icon { background: #25D366; }
.rf-about-801 .meeting-cta-wrapper .btn-phone:hover .btn-icon { background: #0284c7; }
.rf-about-801 .meeting-cta-wrapper .btn-mail:hover .btn-icon { background: #ca8a04; }
.rf-about-801 .meeting-cta-wrapper .btn-calendar:hover .btn-icon { background: var(--rf-ink); }
@media (max-width: 850px) {
.rf-about-801 .meeting-cta-wrapper .cta-buttons-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ---------- archive ---------- */
.rf-archive-801 img:is([sizes=auto i], .rf-archive-801 [sizes^="auto, .rf-archive-801 " i]) {contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
.rf-archive-801 img.wp-smiley, .rf-archive-801 img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
.rf-archive-801 {--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}
@media (min-resolution:192dpi) {
.rf-archive-801 {--wp-admin-border-width-focus:1.5px}
}
.rf-archive-801 .wp-element-button {cursor:pointer}
.rf-archive-801 :root .has-very-light-gray-background-color {background-color:#eee}
.rf-archive-801 :root .has-very-dark-gray-background-color {background-color:#313131}
.rf-archive-801 :root .has-very-light-gray-color {color:#eee}
.rf-archive-801 :root .has-very-dark-gray-color {color:#313131}
.rf-archive-801 :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {background:linear-gradient(135deg,#00d084,#0693e3)}
.rf-archive-801 :root .has-purple-crush-gradient-background {background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}
.rf-archive-801 :root .has-hazy-dawn-gradient-background {background:linear-gradient(135deg,#faaca8,#dad0ec)}
.rf-archive-801 :root .has-subdued-olive-gradient-background {background:linear-gradient(135deg,#fafae1,#67a671)}
.rf-archive-801 :root .has-atomic-cream-gradient-background {background:linear-gradient(135deg,#fdd79a,#004a59)}
.rf-archive-801 :root .has-nightshade-gradient-background {background:linear-gradient(135deg,#330968,#31cdcf)}
.rf-archive-801 :root .has-midnight-gradient-background {background:linear-gradient(135deg,#020381,#2874fc)}
.rf-archive-801 {--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}
.rf-archive-801 .has-regular-font-size {font-size:1em}
.rf-archive-801 .has-larger-font-size {font-size:2.625em}
.rf-archive-801 .has-normal-font-size {font-size:var(--wp--preset--font-size--normal)}
.rf-archive-801 .has-huge-font-size {font-size:var(--wp--preset--font-size--huge)}
.rf-archive-801 .has-text-align-center {text-align:center}
.rf-archive-801 .has-text-align-left {text-align:left}
.rf-archive-801 .has-text-align-right {text-align:right}
.rf-archive-801 .has-fit-text {white-space:nowrap!important}
.rf-archive-801 #end-resizable-editor-section {display:none}
.rf-archive-801 .aligncenter {clear:both}
.rf-archive-801 .items-justified-left {justify-content:flex-start}
.rf-archive-801 .items-justified-center {justify-content:center}
.rf-archive-801 .items-justified-right {justify-content:flex-end}
.rf-archive-801 .items-justified-space-between {justify-content:space-between}
.rf-archive-801 .screen-reader-text {border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.rf-archive-801 .screen-reader-text:focus {background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.rf-archive-801 :where(.has-border-color) {border-style:solid}
.rf-archive-801 :where([style*=border-top-color]) {border-top-style:solid}
.rf-archive-801 :where([style*=border-right-color]) {border-right-style:solid}
.rf-archive-801 :where([style*=border-bottom-color]) {border-bottom-style:solid}
.rf-archive-801 :where([style*=border-left-color]) {border-left-style:solid}
.rf-archive-801 :where([style*=border-width]) {border-style:solid}
.rf-archive-801 :where([style*=border-top-width]) {border-top-style:solid}
.rf-archive-801 :where([style*=border-right-width]) {border-right-style:solid}
.rf-archive-801 :where([style*=border-bottom-width]) {border-bottom-style:solid}
.rf-archive-801 :where([style*=border-left-width]) {border-left-style:solid}
.rf-archive-801 :where(img[class*=wp-image-]) {height:auto;max-width:100%}
.rf-archive-801 :where(figure) {margin:0 0 1em}
.rf-archive-801 :where(.is-position-sticky) {--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}
@media screen and (max-width:600px) {
.rf-archive-801 :where(.is-position-sticky) {--wp-admin--admin-bar--position-offset:0px}
}
/*# sourceURL=wp-block-library-inline-css */
.rf-archive-801 {--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}
.rf-archive-801 :where(.is-layout-flex) {gap: 0.5em;}
.rf-archive-801 :where(.is-layout-grid) {gap: 0.5em;}
.rf-archive-801 .is-layout-flex {display: flex;}
.rf-archive-801 .is-layout-flex {flex-wrap: wrap;align-items: center;}
.rf-archive-801 .is-layout-flex > :is(*, .rf-archive-801 div) {margin: 0;}
.rf-archive-801 .is-layout-grid {display: grid;}
.rf-archive-801 .is-layout-grid > :is(*, .rf-archive-801 div) {margin: 0;}
.rf-archive-801 :where(.wp-block-columns.is-layout-flex) {gap: 2em;}
.rf-archive-801 :where(.wp-block-columns.is-layout-grid) {gap: 2em;}
.rf-archive-801 :where(.wp-block-post-template.is-layout-flex) {gap: 1.25em;}
.rf-archive-801 :where(.wp-block-post-template.is-layout-grid) {gap: 1.25em;}
.rf-archive-801 .has-black-color {color: var(--wp--preset--color--black) !important;}
.rf-archive-801 .has-cyan-bluish-gray-color {color: var(--wp--preset--color--cyan-bluish-gray) !important;}
.rf-archive-801 .has-white-color {color: var(--wp--preset--color--white) !important;}
.rf-archive-801 .has-pale-pink-color {color: var(--wp--preset--color--pale-pink) !important;}
.rf-archive-801 .has-vivid-red-color {color: var(--wp--preset--color--vivid-red) !important;}
.rf-archive-801 .has-luminous-vivid-orange-color {color: var(--wp--preset--color--luminous-vivid-orange) !important;}
.rf-archive-801 .has-luminous-vivid-amber-color {color: var(--wp--preset--color--luminous-vivid-amber) !important;}
.rf-archive-801 .has-light-green-cyan-color {color: var(--wp--preset--color--light-green-cyan) !important;}
.rf-archive-801 .has-vivid-green-cyan-color {color: var(--wp--preset--color--vivid-green-cyan) !important;}
.rf-archive-801 .has-pale-cyan-blue-color {color: var(--wp--preset--color--pale-cyan-blue) !important;}
.rf-archive-801 .has-vivid-cyan-blue-color {color: var(--wp--preset--color--vivid-cyan-blue) !important;}
.rf-archive-801 .has-vivid-purple-color {color: var(--wp--preset--color--vivid-purple) !important;}
.rf-archive-801 .has-black-background-color {background-color: var(--wp--preset--color--black) !important;}
.rf-archive-801 .has-cyan-bluish-gray-background-color {background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}
.rf-archive-801 .has-white-background-color {background-color: var(--wp--preset--color--white) !important;}
.rf-archive-801 .has-pale-pink-background-color {background-color: var(--wp--preset--color--pale-pink) !important;}
.rf-archive-801 .has-vivid-red-background-color {background-color: var(--wp--preset--color--vivid-red) !important;}
.rf-archive-801 .has-luminous-vivid-orange-background-color {background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}
.rf-archive-801 .has-luminous-vivid-amber-background-color {background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}
.rf-archive-801 .has-light-green-cyan-background-color {background-color: var(--wp--preset--color--light-green-cyan) !important;}
.rf-archive-801 .has-vivid-green-cyan-background-color {background-color: var(--wp--preset--color--vivid-green-cyan) !important;}
.rf-archive-801 .has-pale-cyan-blue-background-color {background-color: var(--wp--preset--color--pale-cyan-blue) !important;}
.rf-archive-801 .has-vivid-cyan-blue-background-color {background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}
.rf-archive-801 .has-vivid-purple-background-color {background-color: var(--wp--preset--color--vivid-purple) !important;}
.rf-archive-801 .has-black-border-color {border-color: var(--wp--preset--color--black) !important;}
.rf-archive-801 .has-cyan-bluish-gray-border-color {border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}
.rf-archive-801 .has-white-border-color {border-color: var(--wp--preset--color--white) !important;}
.rf-archive-801 .has-pale-pink-border-color {border-color: var(--wp--preset--color--pale-pink) !important;}
.rf-archive-801 .has-vivid-red-border-color {border-color: var(--wp--preset--color--vivid-red) !important;}
.rf-archive-801 .has-luminous-vivid-orange-border-color {border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}
.rf-archive-801 .has-luminous-vivid-amber-border-color {border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}
.rf-archive-801 .has-light-green-cyan-border-color {border-color: var(--wp--preset--color--light-green-cyan) !important;}
.rf-archive-801 .has-vivid-green-cyan-border-color {border-color: var(--wp--preset--color--vivid-green-cyan) !important;}
.rf-archive-801 .has-pale-cyan-blue-border-color {border-color: var(--wp--preset--color--pale-cyan-blue) !important;}
.rf-archive-801 .has-vivid-cyan-blue-border-color {border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}
.rf-archive-801 .has-vivid-purple-border-color {border-color: var(--wp--preset--color--vivid-purple) !important;}
.rf-archive-801 .has-vivid-cyan-blue-to-vivid-purple-gradient-background {background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}
.rf-archive-801 .has-light-green-cyan-to-vivid-green-cyan-gradient-background {background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}
.rf-archive-801 .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}
.rf-archive-801 .has-luminous-vivid-orange-to-vivid-red-gradient-background {background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
.rf-archive-801 .has-very-light-gray-to-cyan-bluish-gray-gradient-background {background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}
.rf-archive-801 .has-cool-to-warm-spectrum-gradient-background {background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}
.rf-archive-801 .has-blush-light-purple-gradient-background {background: var(--wp--preset--gradient--blush-light-purple) !important;}
.rf-archive-801 .has-blush-bordeaux-gradient-background {background: var(--wp--preset--gradient--blush-bordeaux) !important;}
.rf-archive-801 .has-luminous-dusk-gradient-background {background: var(--wp--preset--gradient--luminous-dusk) !important;}
.rf-archive-801 .has-pale-ocean-gradient-background {background: var(--wp--preset--gradient--pale-ocean) !important;}
.rf-archive-801 .has-electric-grass-gradient-background {background: var(--wp--preset--gradient--electric-grass) !important;}
.rf-archive-801 .has-midnight-gradient-background {background: var(--wp--preset--gradient--midnight) !important;}
.rf-archive-801 .has-small-font-size {font-size: var(--wp--preset--font-size--small) !important;}
.rf-archive-801 .has-medium-font-size {font-size: var(--wp--preset--font-size--medium) !important;}
.rf-archive-801 .has-large-font-size {font-size: var(--wp--preset--font-size--large) !important;}
.rf-archive-801 .has-x-large-font-size {font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
/*! This file is auto-generated */
.rf-archive-801 .wp-block-button__link {color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}
.rf-archive-801 .wp-block-file__button {background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
.rf-archive-801 .archive-main { padding-top: var(--header-height); }
.rf-archive-801 .archive-hero { background: var(--bg-secondary); padding: 80px 0; border-bottom: 1px solid var(--card-border); }
.rf-archive-801 .blog-grid-section { padding: 80px 0; }
.rf-archive-801 .blog-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
        gap: 32px;
    }
.rf-archive-801 .blog-card {
        background: #FFFFFF;
        border-radius: 24px;
        border: 1px solid var(--card-border);
        overflow: hidden;
        transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
        display: flex;
        flex-direction: column;
        height: 100%;
        position: relative;
    }
.rf-archive-801 .blog-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
        border-color: var(--accent-cyan);
    }
.rf-archive-801 .card-link-wrapper { text-decoration: none; color: inherit; height: 100%; display: flex; flex-direction: column; }
.rf-archive-801 .blog-card-image {
        position: relative;
        height: 220px;
        overflow: hidden;
    }
.rf-archive-801 .blog-card-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s ease;
    }
.rf-archive-801 .blog-card:hover .blog-card-image img { transform: scale(1.05); }
.rf-archive-801 .placeholder-img {
        width: 100%; height: 100%; background: #F1F5F9;
        display: flex; align-items: center; justify-content: center; color: #CBD5E1;
    }
.rf-archive-801 .blog-category {
        position: absolute; top: 16px; right: 16px;
        background: var(--accent-purple); color: white;
        padding: 4px 14px; border-radius: 50px;
        font-size: 0.8rem; font-weight: 700;
    }
.rf-archive-801 .blog-card-content { padding: 24px; flex-grow: 1; display: flex; flex-direction: column; }
.rf-archive-801 .blog-meta {
        display: flex; gap: 16px; font-size: 0.85rem; color: var(--text-secondary);
        margin-bottom: 16px; align-items: center;
    }
.rf-archive-801 .blog-meta span { display: flex; align-items: center; gap: 6px; }
.rf-archive-801 .blog-meta i { width: 14px; height: 14px; color: var(--accent-cyan); }
.rf-archive-801 .blog-title {
        font-size: 1.4rem; font-weight: 900; margin-bottom: 12px;
        color: var(--text-primary); line-height: 1.3;
    }
.rf-archive-801 .blog-excerpt {
        color: var(--text-secondary); font-size: 1rem; line-height: 1.6;
        margin-bottom: 24px; flex-grow: 1;
    }
.rf-archive-801 .blog-footer { padding-top: 16px; border-top: 1px solid rgba(0,0,0,0.05); }
.rf-archive-801 .read-more {
        display: flex; align-items: center; gap: 8px;
        color: var(--accent-purple); font-weight: 700; font-size: 0.95rem;
        transition: gap 0.3s;
    }
.rf-archive-801 .blog-card:hover .read-more { gap: 12px; }
/* Pagination */
.rf-archive-801 .blog-pagination { margin-top: 60px; display: flex; justify-content: center; gap: 10px; }
.rf-archive-801 .blog-pagination .page-numbers {
        width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;
        background: #FFFFFF; border: 1px solid var(--card-border); border-radius: 50%;
        color: var(--text-primary); font-weight: 700; transition: all 0.2s;
    }
.rf-archive-801 .blog-pagination .page-numbers.current, .rf-archive-801 .blog-pagination .page-numbers:hover {
        background: var(--gradient-main); color: white; border-color: transparent;
    }
/* Newsletter */
.rf-archive-801 .newsletter-section { padding: 80px 0; }
.rf-archive-801 .newsletter-box { max-width: 800px; margin: 0 auto; }
.rf-archive-801 .newsletter-form {
        display: flex; gap: 16px; margin-top: 30px; width: 100%; max-width: 500px;
    }
.rf-archive-801 .newsletter-form input {
        flex-grow: 1; padding: 14px 24px; border-radius: 50px;
        border: 1px solid var(--card-border); background: var(--rf-surface-2);
    }
.rf-archive-801 .no-posts { text-align: center; padding: 60px 0; }
.rf-archive-801 .no-posts i { width: 60px; height: 60px; color: #CBD5E1; margin-bottom: 20px; }
@media (max-width: 768px) {
.rf-archive-801 .blog-grid { grid-template-columns: 1fr; }
.rf-archive-801 .archive-hero h1 { font-size: 2.5rem; }
.rf-archive-801 .newsletter-form { flex-direction: column; }
.rf-archive-801 .newsletter-form button { width: 100%; }
.rf-archive-801 .blog-card-image { height: 200px; }
}
.rf-archive-801 .meeting-cta-wrapper {
    padding: 80px 24px;
    display: flex;
    justify-content: center;
    background: var(--rf-surface-2);
    direction: rtl;
    font-family: var(--rf-font);
}
.rf-archive-801 .meeting-cta-wrapper .cta-card {
    background: #ffffff;
    max-width: 1000px;
    width: 100%;
    padding: 50px 30px;
    border-radius: 32px;
    text-align: center;
    box-shadow: 0 20px 40px -5px rgba(15, 23, 42, 0.05);
    border: 1px solid rgba(15, 23, 42, 0.06);
    position: relative;
    overflow: hidden;
}
.rf-archive-801 .meeting-cta-wrapper .cta-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 6px;
    background: linear-gradient(90deg, var(--rf-blue), var(--rf-purple), var(--rf-cyan));
}
.rf-archive-801 .meeting-cta-wrapper .cta-badge {
    font-size: 0.85rem;
    font-weight: 800;
    color: var(--rf-purple);
    text-transform: uppercase;
    margin-bottom: 16px;
    display: block;
}
.rf-archive-801 .meeting-cta-wrapper .cta-title {
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    font-weight: 900;
    color: var(--rf-ink);
    margin-bottom: 16px;
}
.rf-archive-801 .meeting-cta-wrapper .cta-subtitle {
    font-size: 1.1rem;
    color: var(--rf-ink-500);
    max-width: 650px;
    margin: 0 auto 40px;
    line-height: 1.6;
}
.rf-archive-801 .meeting-cta-wrapper .cta-buttons-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin: 0 auto;
}
.rf-archive-801 .meeting-cta-wrapper .gradient-text {
    background: linear-gradient(90deg, var(--rf-blue), var(--rf-purple), var(--rf-cyan));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.rf-archive-801 .meeting-cta-wrapper .contact-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    gap: 12px;
    transition: all 0.3s ease;
}
/* הבטחת עיגול מושלם */
.rf-archive-801 .meeting-cta-wrapper .btn-icon {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    border-radius: 50% !important;
    background: #f1f5f9;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease;
    flex-shrink: 0 !important;
    color: var(--rf-ink-700); /* Parent color for SVGs */
}
/* CACHE BUSTER 1.0.2 */
.rf-archive-801 .meeting-cta-wrapper .btn-icon svg {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    display: block !important;
    flex-shrink: 0 !important;
}
/* Base reset for all SVGs */
.rf-archive-801 .meeting-cta-wrapper .btn-icon svg path, .rf-archive-801 .meeting-cta-wrapper .btn-icon svg rect, .rf-archive-801 .meeting-cta-wrapper .btn-icon svg line, .rf-archive-801 .meeting-cta-wrapper .btn-icon svg polyline {
    transition: all 0.3s ease;
}
/* WHATSAPP: Filled icon */
.rf-archive-801 .meeting-cta-wrapper .btn-whatsapp .btn-icon svg path {
    fill: currentColor;
    stroke: none;
}
/* OTHERS: Strok icons (Phone, Mail, Calendar) */
.rf-archive-801 .meeting-cta-wrapper .btn-phone .btn-icon svg path, .rf-archive-801 .meeting-cta-wrapper .btn-mail .btn-icon svg path, .rf-archive-801 .meeting-cta-wrapper .btn-mail .btn-icon svg polyline, .rf-archive-801 .meeting-cta-wrapper .btn-calendar .btn-icon svg rect, .rf-archive-801 .meeting-cta-wrapper .btn-calendar .btn-icon svg line {
    fill: none;
    stroke: currentColor;
}
.rf-archive-801 .meeting-cta-wrapper .contact-btn span {
    font-weight: 700;
    font-size: 1rem;
    color: var(--rf-ink-700);
}
/* Hover Effects - Single source of truth */
.rf-archive-801 .meeting-cta-wrapper .contact-btn:hover .btn-icon {
    transform: translateY(-5px);
    color: #FFFFFF !important; /* Forces SVG current-color to white */
}
.rf-archive-801 .meeting-cta-wrapper .btn-whatsapp:hover .btn-icon { background: #25D366; }
.rf-archive-801 .meeting-cta-wrapper .btn-phone:hover .btn-icon { background: #0284c7; }
.rf-archive-801 .meeting-cta-wrapper .btn-mail:hover .btn-icon { background: #ca8a04; }
.rf-archive-801 .meeting-cta-wrapper .btn-calendar:hover .btn-icon { background: var(--rf-ink); }
@media (max-width: 850px) {
.rf-archive-801 .meeting-cta-wrapper .cta-buttons-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ---------- single ---------- */
.rf-single-801 img:is([sizes=auto i], .rf-single-801 [sizes^="auto, .rf-single-801 " i]) {contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
.rf-single-801 img.wp-smiley, .rf-single-801 img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
.rf-single-801 {--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}
@media (min-resolution:192dpi) {
.rf-single-801 {--wp-admin-border-width-focus:1.5px}
}
.rf-single-801 .wp-element-button {cursor:pointer}
.rf-single-801 :root .has-very-light-gray-background-color {background-color:#eee}
.rf-single-801 :root .has-very-dark-gray-background-color {background-color:#313131}
.rf-single-801 :root .has-very-light-gray-color {color:#eee}
.rf-single-801 :root .has-very-dark-gray-color {color:#313131}
.rf-single-801 :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {background:linear-gradient(135deg,#00d084,#0693e3)}
.rf-single-801 :root .has-purple-crush-gradient-background {background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}
.rf-single-801 :root .has-hazy-dawn-gradient-background {background:linear-gradient(135deg,#faaca8,#dad0ec)}
.rf-single-801 :root .has-subdued-olive-gradient-background {background:linear-gradient(135deg,#fafae1,#67a671)}
.rf-single-801 :root .has-atomic-cream-gradient-background {background:linear-gradient(135deg,#fdd79a,#004a59)}
.rf-single-801 :root .has-nightshade-gradient-background {background:linear-gradient(135deg,#330968,#31cdcf)}
.rf-single-801 :root .has-midnight-gradient-background {background:linear-gradient(135deg,#020381,#2874fc)}
.rf-single-801 {--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}
.rf-single-801 .has-regular-font-size {font-size:1em}
.rf-single-801 .has-larger-font-size {font-size:2.625em}
.rf-single-801 .has-normal-font-size {font-size:var(--wp--preset--font-size--normal)}
.rf-single-801 .has-huge-font-size {font-size:var(--wp--preset--font-size--huge)}
.rf-single-801 .has-text-align-center {text-align:center}
.rf-single-801 .has-text-align-left {text-align:left}
.rf-single-801 .has-text-align-right {text-align:right}
.rf-single-801 .has-fit-text {white-space:nowrap!important}
.rf-single-801 #end-resizable-editor-section {display:none}
.rf-single-801 .aligncenter {clear:both}
.rf-single-801 .items-justified-left {justify-content:flex-start}
.rf-single-801 .items-justified-center {justify-content:center}
.rf-single-801 .items-justified-right {justify-content:flex-end}
.rf-single-801 .items-justified-space-between {justify-content:space-between}
.rf-single-801 .screen-reader-text {border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.rf-single-801 .screen-reader-text:focus {background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.rf-single-801 :where(.has-border-color) {border-style:solid}
.rf-single-801 :where([style*=border-top-color]) {border-top-style:solid}
.rf-single-801 :where([style*=border-right-color]) {border-right-style:solid}
.rf-single-801 :where([style*=border-bottom-color]) {border-bottom-style:solid}
.rf-single-801 :where([style*=border-left-color]) {border-left-style:solid}
.rf-single-801 :where([style*=border-width]) {border-style:solid}
.rf-single-801 :where([style*=border-top-width]) {border-top-style:solid}
.rf-single-801 :where([style*=border-right-width]) {border-right-style:solid}
.rf-single-801 :where([style*=border-bottom-width]) {border-bottom-style:solid}
.rf-single-801 :where([style*=border-left-width]) {border-left-style:solid}
.rf-single-801 :where(img[class*=wp-image-]) {height:auto;max-width:100%}
.rf-single-801 :where(figure) {margin:0 0 1em}
.rf-single-801 :where(.is-position-sticky) {--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}
@media screen and (max-width:600px) {
.rf-single-801 :where(.is-position-sticky) {--wp-admin--admin-bar--position-offset:0px}
}
/*# sourceURL=wp-block-library-inline-css */
.rf-single-801 {--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}
.rf-single-801 :where(.is-layout-flex) {gap: 0.5em;}
.rf-single-801 :where(.is-layout-grid) {gap: 0.5em;}
.rf-single-801 .is-layout-flex {display: flex;}
.rf-single-801 .is-layout-flex {flex-wrap: wrap;align-items: center;}
.rf-single-801 .is-layout-flex > :is(*, .rf-single-801 div) {margin: 0;}
.rf-single-801 .is-layout-grid {display: grid;}
.rf-single-801 .is-layout-grid > :is(*, .rf-single-801 div) {margin: 0;}
.rf-single-801 :where(.wp-block-columns.is-layout-flex) {gap: 2em;}
.rf-single-801 :where(.wp-block-columns.is-layout-grid) {gap: 2em;}
.rf-single-801 :where(.wp-block-post-template.is-layout-flex) {gap: 1.25em;}
.rf-single-801 :where(.wp-block-post-template.is-layout-grid) {gap: 1.25em;}
.rf-single-801 .has-black-color {color: var(--wp--preset--color--black) !important;}
.rf-single-801 .has-cyan-bluish-gray-color {color: var(--wp--preset--color--cyan-bluish-gray) !important;}
.rf-single-801 .has-white-color {color: var(--wp--preset--color--white) !important;}
.rf-single-801 .has-pale-pink-color {color: var(--wp--preset--color--pale-pink) !important;}
.rf-single-801 .has-vivid-red-color {color: var(--wp--preset--color--vivid-red) !important;}
.rf-single-801 .has-luminous-vivid-orange-color {color: var(--wp--preset--color--luminous-vivid-orange) !important;}
.rf-single-801 .has-luminous-vivid-amber-color {color: var(--wp--preset--color--luminous-vivid-amber) !important;}
.rf-single-801 .has-light-green-cyan-color {color: var(--wp--preset--color--light-green-cyan) !important;}
.rf-single-801 .has-vivid-green-cyan-color {color: var(--wp--preset--color--vivid-green-cyan) !important;}
.rf-single-801 .has-pale-cyan-blue-color {color: var(--wp--preset--color--pale-cyan-blue) !important;}
.rf-single-801 .has-vivid-cyan-blue-color {color: var(--wp--preset--color--vivid-cyan-blue) !important;}
.rf-single-801 .has-vivid-purple-color {color: var(--wp--preset--color--vivid-purple) !important;}
.rf-single-801 .has-black-background-color {background-color: var(--wp--preset--color--black) !important;}
.rf-single-801 .has-cyan-bluish-gray-background-color {background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}
.rf-single-801 .has-white-background-color {background-color: var(--wp--preset--color--white) !important;}
.rf-single-801 .has-pale-pink-background-color {background-color: var(--wp--preset--color--pale-pink) !important;}
.rf-single-801 .has-vivid-red-background-color {background-color: var(--wp--preset--color--vivid-red) !important;}
.rf-single-801 .has-luminous-vivid-orange-background-color {background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}
.rf-single-801 .has-luminous-vivid-amber-background-color {background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}
.rf-single-801 .has-light-green-cyan-background-color {background-color: var(--wp--preset--color--light-green-cyan) !important;}
.rf-single-801 .has-vivid-green-cyan-background-color {background-color: var(--wp--preset--color--vivid-green-cyan) !important;}
.rf-single-801 .has-pale-cyan-blue-background-color {background-color: var(--wp--preset--color--pale-cyan-blue) !important;}
.rf-single-801 .has-vivid-cyan-blue-background-color {background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}
.rf-single-801 .has-vivid-purple-background-color {background-color: var(--wp--preset--color--vivid-purple) !important;}
.rf-single-801 .has-black-border-color {border-color: var(--wp--preset--color--black) !important;}
.rf-single-801 .has-cyan-bluish-gray-border-color {border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}
.rf-single-801 .has-white-border-color {border-color: var(--wp--preset--color--white) !important;}
.rf-single-801 .has-pale-pink-border-color {border-color: var(--wp--preset--color--pale-pink) !important;}
.rf-single-801 .has-vivid-red-border-color {border-color: var(--wp--preset--color--vivid-red) !important;}
.rf-single-801 .has-luminous-vivid-orange-border-color {border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}
.rf-single-801 .has-luminous-vivid-amber-border-color {border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}
.rf-single-801 .has-light-green-cyan-border-color {border-color: var(--wp--preset--color--light-green-cyan) !important;}
.rf-single-801 .has-vivid-green-cyan-border-color {border-color: var(--wp--preset--color--vivid-green-cyan) !important;}
.rf-single-801 .has-pale-cyan-blue-border-color {border-color: var(--wp--preset--color--pale-cyan-blue) !important;}
.rf-single-801 .has-vivid-cyan-blue-border-color {border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}
.rf-single-801 .has-vivid-purple-border-color {border-color: var(--wp--preset--color--vivid-purple) !important;}
.rf-single-801 .has-vivid-cyan-blue-to-vivid-purple-gradient-background {background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}
.rf-single-801 .has-light-green-cyan-to-vivid-green-cyan-gradient-background {background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}
.rf-single-801 .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}
.rf-single-801 .has-luminous-vivid-orange-to-vivid-red-gradient-background {background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
.rf-single-801 .has-very-light-gray-to-cyan-bluish-gray-gradient-background {background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}
.rf-single-801 .has-cool-to-warm-spectrum-gradient-background {background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}
.rf-single-801 .has-blush-light-purple-gradient-background {background: var(--wp--preset--gradient--blush-light-purple) !important;}
.rf-single-801 .has-blush-bordeaux-gradient-background {background: var(--wp--preset--gradient--blush-bordeaux) !important;}
.rf-single-801 .has-luminous-dusk-gradient-background {background: var(--wp--preset--gradient--luminous-dusk) !important;}
.rf-single-801 .has-pale-ocean-gradient-background {background: var(--wp--preset--gradient--pale-ocean) !important;}
.rf-single-801 .has-electric-grass-gradient-background {background: var(--wp--preset--gradient--electric-grass) !important;}
.rf-single-801 .has-midnight-gradient-background {background: var(--wp--preset--gradient--midnight) !important;}
.rf-single-801 .has-small-font-size {font-size: var(--wp--preset--font-size--small) !important;}
.rf-single-801 .has-medium-font-size {font-size: var(--wp--preset--font-size--medium) !important;}
.rf-single-801 .has-large-font-size {font-size: var(--wp--preset--font-size--large) !important;}
.rf-single-801 .has-x-large-font-size {font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
/*! This file is auto-generated */
.rf-single-801 .wp-block-button__link {color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}
.rf-single-801 .wp-block-file__button {background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
.rf-single-801 .meeting-cta-wrapper {
    padding: 80px 24px;
    display: flex;
    justify-content: center;
    background: var(--rf-surface-2);
    direction: rtl;
    font-family: var(--rf-font);
}
.rf-single-801 .meeting-cta-wrapper .cta-card {
    background: #ffffff;
    max-width: 1000px;
    width: 100%;
    padding: 50px 30px;
    border-radius: 32px;
    text-align: center;
    box-shadow: 0 20px 40px -5px rgba(15, 23, 42, 0.05);
    border: 1px solid rgba(15, 23, 42, 0.06);
    position: relative;
    overflow: hidden;
}
.rf-single-801 .meeting-cta-wrapper .cta-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 6px;
    background: linear-gradient(90deg, var(--rf-blue), var(--rf-purple), var(--rf-cyan));
}
.rf-single-801 .meeting-cta-wrapper .cta-badge {
    font-size: 0.85rem;
    font-weight: 800;
    color: var(--rf-purple);
    text-transform: uppercase;
    margin-bottom: 16px;
    display: block;
}
.rf-single-801 .meeting-cta-wrapper .cta-title {
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    font-weight: 900;
    color: var(--rf-ink);
    margin-bottom: 16px;
}
.rf-single-801 .meeting-cta-wrapper .cta-subtitle {
    font-size: 1.1rem;
    color: var(--rf-ink-500);
    max-width: 650px;
    margin: 0 auto 40px;
    line-height: 1.6;
}
.rf-single-801 .meeting-cta-wrapper .cta-buttons-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin: 0 auto;
}
.rf-single-801 .meeting-cta-wrapper .gradient-text {
    background: linear-gradient(90deg, var(--rf-blue), var(--rf-purple), var(--rf-cyan));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.rf-single-801 .meeting-cta-wrapper .contact-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    gap: 12px;
    transition: all 0.3s ease;
}
/* הבטחת עיגול מושלם */
.rf-single-801 .meeting-cta-wrapper .btn-icon {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    border-radius: 50% !important;
    background: #f1f5f9;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease;
    flex-shrink: 0 !important;
    color: var(--rf-ink-700); /* Parent color for SVGs */
}
/* CACHE BUSTER 1.0.2 */
.rf-single-801 .meeting-cta-wrapper .btn-icon svg {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    display: block !important;
    flex-shrink: 0 !important;
}
/* Base reset for all SVGs */
.rf-single-801 .meeting-cta-wrapper .btn-icon svg path, .rf-single-801 .meeting-cta-wrapper .btn-icon svg rect, .rf-single-801 .meeting-cta-wrapper .btn-icon svg line, .rf-single-801 .meeting-cta-wrapper .btn-icon svg polyline {
    transition: all 0.3s ease;
}
/* WHATSAPP: Filled icon */
.rf-single-801 .meeting-cta-wrapper .btn-whatsapp .btn-icon svg path {
    fill: currentColor;
    stroke: none;
}
/* OTHERS: Strok icons (Phone, Mail, Calendar) */
.rf-single-801 .meeting-cta-wrapper .btn-phone .btn-icon svg path, .rf-single-801 .meeting-cta-wrapper .btn-mail .btn-icon svg path, .rf-single-801 .meeting-cta-wrapper .btn-mail .btn-icon svg polyline, .rf-single-801 .meeting-cta-wrapper .btn-calendar .btn-icon svg rect, .rf-single-801 .meeting-cta-wrapper .btn-calendar .btn-icon svg line {
    fill: none;
    stroke: currentColor;
}
.rf-single-801 .meeting-cta-wrapper .contact-btn span {
    font-weight: 700;
    font-size: 1rem;
    color: var(--rf-ink-700);
}
/* Hover Effects - Single source of truth */
.rf-single-801 .meeting-cta-wrapper .contact-btn:hover .btn-icon {
    transform: translateY(-5px);
    color: #FFFFFF !important; /* Forces SVG current-color to white */
}
.rf-single-801 .meeting-cta-wrapper .btn-whatsapp:hover .btn-icon { background: #25D366; }
.rf-single-801 .meeting-cta-wrapper .btn-phone:hover .btn-icon { background: #0284c7; }
.rf-single-801 .meeting-cta-wrapper .btn-mail:hover .btn-icon { background: #ca8a04; }
.rf-single-801 .meeting-cta-wrapper .btn-calendar:hover .btn-icon { background: var(--rf-ink); }
@media (max-width: 850px) {
.rf-single-801 .meeting-cta-wrapper .cta-buttons-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ---------- Single Post (authored — the source page shipped unstyled) ---------- */

.rf-single-801 .reading-progress-container {
	position: fixed; top: 0; left: 0; right: 0; height: 4px;
	background: rgba(15, 23, 42, 0.06); z-index: 1100;
}
.rf-single-801 #reading-progress {
	height: 100%; width: 0; background: var(--gradient-main);
	transition: width 0.1s linear;
}

.rf-single-801 .post-hero { padding: 60px 0 40px; background: var(--bg-secondary); border-bottom: 1px solid var(--card-border); }
.rf-single-801 .post-hero .container { max-width: 1160px; }

/* Breadcrumbs — styled to fit BOTH Yoast's native markup (spans + .breadcrumb_last)
   and the fallback replica (a + .sep + .current). Inline flow so it wraps cleanly. */
.rf-single-801 .post-breadcrumbs { font-size: 0.9rem; line-height: 1.7; color: var(--text-secondary); margin-bottom: 24px; text-align: start; overflow-wrap: break-word; }
.rf-single-801 .post-breadcrumbs a { color: var(--text-secondary); text-decoration: none; }
.rf-single-801 .post-breadcrumbs a:hover { color: var(--accent-cyan); }
.rf-single-801 .post-breadcrumbs .sep { opacity: 0.5; margin-inline: 4px; }
.rf-single-801 .post-breadcrumbs .breadcrumb_last,
.rf-single-801 .post-breadcrumbs .current { color: var(--text-primary); font-weight: 600; }

.rf-single-801 .post-meta-top { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin-bottom: 16px; }
.rf-single-801 .post-cat a { display: inline-block; background: rgba(140, 82, 255, 0.1); color: var(--accent-purple); font-weight: 700; font-size: 0.85rem; padding: 5px 14px; border-radius: 50px; }
.rf-single-801 .post-date { color: var(--text-secondary); font-size: 0.9rem; }

.rf-single-801 .post-title { font-size: clamp(2rem, 5vw, 3.2rem); font-weight: 900; line-height: 1.2; color: var(--text-primary); margin-bottom: 24px; }
/* Bright mode: darken the title gradient so the light (cyan) end keeps contrast on the light background. */
:root[data-rf-theme="light"] .rf-single-801 .post-title { background: linear-gradient(90deg, #0047c7 0%, #6d28d9 48%, #0d8f80 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

.rf-single-801 .post-meta-bottom { display: flex; flex-wrap: wrap; gap: 24px; align-items: center; }
.rf-single-801 .author-meta { display: flex; align-items: center; gap: 10px; }
.rf-single-801 .author-meta img { width: 40px; height: 40px; border-radius: 50%; }
.rf-single-801 .author-name { font-weight: 700; color: var(--text-primary); font-size: 0.95rem; }
.rf-single-801 .reading-time { display: flex; align-items: center; gap: 6px; color: var(--text-secondary); font-size: 0.9rem; }
.rf-single-801 .reading-time .rf-icon { width: 18px; height: 18px; color: var(--accent-cyan); }

/* Two-column hero (RTL): article meta/title on the inline-start (right) side,
   featured image on the inline-end (left) side. MOBILE-FIRST (§2): base = single
   column, image on top, title below; 2 columns only from 900px up (matches the
   site's hero cutover, §18). Overrides the old .rf-801 .post-header centering that
   leaked in from the legacy single-post block. */
.rf-single-801 .post-header { text-align: start; max-width: none; margin: 0; }
.rf-single-801 .post-hero-grid { display: grid; grid-template-columns: 1fr; gap: 26px; align-items: center; }
.rf-single-801 .post-hero-text { min-width: 0; text-align: start; }
.rf-single-801 .post-hero-media { margin: 0; order: -1; border-radius: var(--border-radius-lg); overflow: hidden; box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12); }
.rf-single-801 .post-hero-media img { display: block; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 16 / 9; max-height: 340px; }
@media (min-width: 900px) {
  .rf-single-801 .post-hero-grid { grid-template-columns: 1.05fr 0.95fr; gap: 48px; }
  .rf-single-801 .post-hero-grid.no-media { grid-template-columns: 1fr; }
  .rf-single-801 .post-hero-media { order: 0; }
  .rf-single-801 .post-hero-media img { aspect-ratio: 4 / 3; max-height: none; }
}

.rf-single-801 .post-layout-container { max-width: 860px; margin: 0 auto; padding-top: 50px; padding-bottom: 60px; display: grid; grid-template-columns: 56px 1fr; gap: 32px; align-items: start; }

.rf-single-801 .post-sidebar-share { position: sticky; top: calc(var(--header-height) + 20px); display: flex; flex-direction: column; align-items: center; gap: 12px; }
.rf-single-801 .share-label { writing-mode: vertical-rl; font-size: 0.8rem; color: var(--text-secondary); font-weight: 700; margin-bottom: 4px; }
.rf-single-801 .share-btn { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #fff; border: 1px solid var(--card-border); color: var(--text-secondary); cursor: pointer; transition: var(--transition-fast); }
.rf-single-801 .share-btn:hover { color: #fff; transform: translateY(-3px); }
.rf-single-801 .share-btn.facebook:hover { background: #1877F2; border-color: transparent; }
.rf-single-801 .share-btn.whatsapp:hover { background: #25D366; border-color: transparent; }
.rf-single-801 .share-btn.linkedin:hover { background: #0A66C2; border-color: transparent; }
.rf-single-801 .share-btn.copy:hover { background: var(--accent-purple); border-color: transparent; }
.rf-single-801 .share-btn.rf-copied { background: var(--accent-cyan); color: #fff; border-color: transparent; }
.rf-single-801 .share-btn .rf-icon { width: 20px; height: 20px; }

.rf-single-801 .entry-content { font-size: 1.12rem; line-height: 1.8; overflow-wrap: anywhere; }
.rf-single-801 .entry-content > * { margin-bottom: 1.4em; }
.rf-single-801 .entry-content h2 { font-size: clamp(1.6rem, 3vw, 2rem); font-weight: 900; color: var(--text-primary); margin: 1.6em 0 0.6em; line-height: 1.3; }
.rf-single-801 .entry-content h3 { font-size: 1.35rem; font-weight: 700; color: var(--text-primary); margin: 1.3em 0 0.5em; }
.rf-single-801 .entry-content a { color: #6d28d9; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.rf-single-801 .entry-content a:hover { color: #4c1d95; text-decoration-thickness: 2px; }
.rf-single-801 .entry-content ul, .rf-single-801 .entry-content ol { padding-inline-start: 1.4em; }
.rf-single-801 .entry-content ul { list-style: disc; }
.rf-single-801 .entry-content ol { list-style: decimal; }
.rf-single-801 .entry-content li { margin-bottom: 0.5em; }
.rf-single-801 .entry-content blockquote { border-inline-start: 4px solid var(--accent-cyan); padding: 8px 20px; background: var(--bg-secondary); border-radius: 8px; color: var(--text-secondary); font-style: italic; }
.rf-single-801 .entry-content img { border-radius: 16px; }
.rf-single-801 .entry-content table { width: 100%; border-collapse: collapse; margin: 1.4em 0; font-size: 0.98rem; }
.rf-single-801 .entry-content th, .rf-single-801 .entry-content td { border: 1px solid var(--card-border); padding: 12px 16px; text-align: start; }
.rf-single-801 .entry-content thead th { background: var(--bg-secondary); font-weight: 700; color: var(--text-primary); }
.rf-single-801 .entry-content tbody tr:nth-child(even) { background: rgba(148, 163, 184, 0.05); }

.rf-single-801 .entry-footer { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--card-border); }

@media (max-width: 768px) {
	.rf-single-801 .post-layout-container { grid-template-columns: 1fr; gap: 24px; }
	.rf-single-801 .post-sidebar-share { position: static; flex-direction: row; justify-content: center; flex-wrap: wrap; }
	.rf-single-801 .share-label { writing-mode: horizontal-tb; }
}

/* ---------- Hero typewriter (authored) ----------
   Replaces the original hardcoded width:12.5ch / steps(13) animation, which only fit
   the homepage headline and clipped the longer SEO one, and could overflow on mobile
   (white-space:nowrap). Here the gradient span wraps normally and is typed out by JS
   (script.js), so it works for any text length and any screen size. The caret only
   shows while typing. Full text is in the HTML for SEO / no-JS. */
.rf-801 .typewriter { display: block; text-align: center; width: 100%; }
.rf-801 .typewriter h1 { white-space: normal; max-width: 100%; animation: none; }

.rf-801 .typewriter h1 .text-gradient {
	display: inline;
	white-space: normal;        /* wrap on small screens — never overflow */
	overflow: visible;
	width: auto !important;      /* kill the hardcoded 12.5ch cap */
	border-left: 0;              /* old CSS caret off */
	animation: none !important;  /* kill the broken width/steps keyframes */
	padding-inline: 0;
}

/* Blinking caret, shown by JS (class rf-tw-caret) only while typing. */
.rf-801 .typewriter h1 .text-gradient.rf-tw-caret::after {
	content: '';
	display: inline-block;
	width: 0.06em;
	height: 1em;
	margin-inline-start: 0.08em;
	vertical-align: -0.1em;
	background: var(--accent-cyan);
	animation: rf-tw-blink 0.8s step-end infinite;
}
@keyframes rf-tw-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }

@media (prefers-reduced-motion: reduce) {
	.rf-801 .typewriter h1 .text-gradient.rf-tw-caret::after { display: none; }
}

/* ================= Search Console proof section (authored) ================= */
.rf-seo-801 .sc-proof-section { padding: var(--section-spacing) 0; background: var(--bg-secondary); }
/* direction:ltr places the carousel (first DOM item) in the LEFT column and the
   achievements in the RIGHT column, as requested; children restore RTL for their text. */
.rf-seo-801 .sc-proof-grid { display: grid; direction: ltr; grid-template-columns: 1.1fr 0.9fr; gap: 48px; align-items: center; margin-top: 50px; }
.rf-seo-801 .sc-proof-grid > * { direction: rtl; }

/* carousel */
.rf-seo-801 .sc-carousel { position: relative; min-width: 0; }   /* min-width:0 so the flex track can't blow the grid column out */
.rf-seo-801 .sc-viewport { overflow: hidden; width: 100%; min-width: 0; border-radius: 20px; border: 1px solid var(--card-border); background: #fff; box-shadow: 0 24px 60px -24px rgba(15, 23, 42, 0.18); }
.rf-seo-801 .sc-track { display: flex; direction: ltr; transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1); }
.rf-seo-801 .sc-slide { flex: 0 0 100%; min-width: 100%; margin: 0; direction: rtl; display: flex; flex-direction: column; }
.rf-seo-801 .sc-slide img { width: 100%; height: auto; display: block; object-fit: contain; background: #fff; aspect-ratio: 1400 / 600; }
.rf-seo-801 .sc-slide figcaption { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 20px; border-top: 1px solid var(--card-border); flex-wrap: wrap; }
.rf-seo-801 .sc-slide figcaption strong { color: var(--text-primary); font-weight: 800; font-size: 1rem; }
.rf-seo-801 .sc-slide figcaption span { color: var(--accent-cyan); font-weight: 700; font-size: 0.85rem; }

.rf-seo-801 .sc-nav { position: absolute; top: 38%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 50%; background: #fff; border: 1px solid var(--card-border); color: var(--text-primary); font-size: 1.5rem; line-height: 1; cursor: pointer; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12); z-index: 2; display: flex; align-items: center; justify-content: center; transition: var(--transition-fast); padding: 0; }
.rf-seo-801 .sc-nav:hover { background: var(--gradient-main); color: #fff; border-color: transparent; }
.rf-seo-801 .sc-prev { right: -14px; }   /* RTL: previous on the right */
.rf-seo-801 .sc-next { left: -14px; }
.rf-seo-801 .sc-dots { display: flex; justify-content: center; gap: 8px; margin-top: 22px; }
.rf-seo-801 .sc-dots button { width: 9px; height: 9px; border-radius: 50%; border: 0; background: var(--card-border); cursor: pointer; padding: 0; transition: var(--transition-fast); }
.rf-seo-801 .sc-dots button.active { background: var(--gradient-main); width: 26px; border-radius: 5px; }

/* achievements */
.rf-seo-801 .sc-achievements h3 { font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 900; margin-bottom: 12px; color: var(--text-primary); }
.rf-seo-801 .sc-achievements .sc-sub { color: var(--text-secondary); margin-bottom: 28px; line-height: 1.7; }
.rf-seo-801 .sc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 28px; }
.rf-seo-801 .sc-stat { background: #fff; border: 1px solid var(--card-border); border-radius: 16px; padding: 22px 16px; text-align: center; transition: var(--transition-fast); }
.rf-seo-801 .sc-stat:hover { transform: translateY(-4px); border-color: var(--accent-cyan); }
.rf-seo-801 .sc-num { display: block; font-size: clamp(1.9rem, 4vw, 2.5rem); font-weight: 900; background: var(--gradient-main); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; line-height: 1.05; }
.rf-seo-801 .sc-label { display: block; font-size: 0.85rem; color: var(--text-secondary); margin-top: 8px; line-height: 1.35; }
.rf-seo-801 .sc-highlights { display: flex; flex-direction: column; gap: 12px; }
.rf-seo-801 .sc-highlights li { display: flex; align-items: flex-start; gap: 10px; color: var(--text-primary); font-weight: 600; }
.rf-seo-801 .sc-highlights li::before { content: '✓'; color: var(--accent-cyan); font-weight: 900; flex-shrink: 0; }

/* ================= Pricing price fits its card (desktop + mobile) ================= */
.rf-seo-801 .pricing-card .price { font-size: clamp(1.9rem, 2.1vw, 2.6rem); white-space: nowrap; line-height: 1.1; }
.rf-seo-801 .pricing-card .price span { font-size: 0.5em; font-weight: 700; color: var(--text-secondary); margin-inline-start: 2px; }

/* ================= Mobile fixes ================= */
@media (max-width: 900px) {
	.rf-seo-801 .sc-proof-grid { grid-template-columns: 1fr; gap: 34px; }
	.rf-seo-801 .sc-prev { right: 8px; }
	.rf-seo-801 .sc-next { left: 8px; }

	/* reviews mosaic -> clean single column (was stuck as a broken 12-col grid) */
	.rf-seo-801 .mosaic-container { grid-template-columns: 1fr !important; }
	.rf-seo-801 .review-card,
	.rf-seo-801 .review-card.card-wide { grid-column: auto !important; grid-row: auto !important; }

	/* projects viewer -> stack, unstick the header */
	.rf-seo-801 .projects-viewer-container { grid-template-columns: 1fr !important; padding: 3rem 1rem !important; gap: 1.5rem !important; }
	.rf-seo-801 .projects-header-group { position: static !important; top: auto !important; }
	.rf-seo-801 .projects-header-group h2 { font-size: clamp(1.8rem, 7vw, 2.4rem) !important; }
	.rf-seo-801 .viewer-stage { padding: 1.25rem !important; }

	/* faq -> comfortable spacing, question never crowds the index badge */
	.rf-seo-801 .faq-grid { gap: 1rem; }
	.rf-seo-801 .faq-trigger { padding: 1.1rem 1.2rem !important; gap: 0.7rem; }
	.rf-seo-801 .faq-index { flex-shrink: 0; }
	.rf-seo-801 .faq-question { font-size: 1rem; }
	.rf-seo-801 .faq-content { padding-inline: 1.2rem !important; }
}

@media (max-width: 480px) {
	.rf-seo-801 .sc-stat-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
	.rf-seo-801 .sc-slide figcaption { justify-content: center; text-align: center; }
}

/* ---------- Tool chip (About skills bento) ---------- */
.rf-about-801 .rf-tool-chip {
	display: inline-flex; align-items: center; justify-content: center; gap: 6px;
	background: #fff; border: 1px solid var(--card-border); color: var(--text-secondary);
	padding: 8px 14px; border-radius: 10px; font-weight: 700; font-size: 0.9rem;
	text-align: center; line-height: 1.2;
}
/* ---------- No-JS safety: never hide scroll-reveal content when JS is absent ---------- */
html:not(.rf-js) .rf-801 .roma-reveal,
html:not(.rf-js) .rf-801 .roma-neural-reveal,
html:not(.rf-js) .rf-801 .reveal-up,
html:not(.rf-js) .rf-801 .reveal-left,
html:not(.rf-js) .rf-801 .reveal-right,
html:not(.rf-js) .rf-801 .timeline-item {
	opacity: 1 !important;
	transform: none !important;
}
/* ============================================================
   Portfolio Wall (web-design widget) — horizontal marquee, 4 rows.
   Redesigned 2026-07-24 (2nd pass, user request): keep the SAME ambient
   auto-scroll effect the site already had -- just rotated. Was 3 COLUMNS
   auto-scrolling vertically (translateY); now 4 ROWS auto-scrolling
   HORIZONTALLY (translateX), alternating direction per row like the
   original alternated per column. JS (initPortfolioWall in script.js)
   clones EVERY .portfolio-grid card (server-rendered, so adding sites in
   Elementor's portfolio_items repeater needs no code change here) into
   .portfolio-cols > .portfolio-row > .portfolio-track, duplicated once
   per row for a seamless loop -- same mechanism as the client-logos
   carousel on the home page (.stats-carousel-wrapper), just applied here
   to real site screenshots. Cards are large (clamp'd to roughly 1/3 of
   the section width) per the "big and attention-grabbing" request.
   Desktop/tablet only (matchMedia gate in JS, >=701px) -- MOBILE drops
   back to the plain static .portfolio-grid, single column, normal
   vertical page scroll, no motion (same contract as reduced-motion).
   ============================================================ */
.rf-801 .portfolio-section { padding: var(--section-spacing) 0; overflow: hidden; }
.rf-801 .portfolio-section .section-header { margin-bottom: 44px; }

/* Static fallback grid (mobile / no-JS / reduced-motion) */
.rf-801 .portfolio-grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
.rf-801 .portfolio-section.js-enhanced .portfolio-grid { display: none; }
@media (min-width: 701px) {
  .rf-801 .portfolio-grid { grid-template-columns: repeat(3, 1fr); gap: 20px; }
}

/* Animated rows -- horizontal marquee */
.rf-801 .portfolio-cols { display: none; flex-direction: column; gap: 20px; direction: ltr;
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 4%, #000 96%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, #000 4%, #000 96%, transparent 100%); }
.rf-801 .portfolio-section.js-enhanced .portfolio-cols { display: flex; }
.rf-801 .portfolio-row { overflow: hidden; }
.rf-801 .portfolio-track { display: flex; flex-direction: row; gap: 20px; width: max-content; animation: rf-wall-side 42s linear infinite; will-change: transform; }
.rf-801 .portfolio-track.rev { animation-direction: reverse; }
.rf-801 .portfolio-cols:hover .portfolio-track { animation-play-state: paused; }
@keyframes rf-wall-side { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* Card -- big, attention-grabbing: roughly a third of the section width */
.rf-801 .portfolio-card { position: relative; display: block; flex: 0 0 clamp(300px, 32vw, 370px); border-radius: 16px; overflow: hidden; aspect-ratio: 3 / 2;
  border: 1px solid var(--card-border); background: var(--rf-surface-2);
  box-shadow: 0 14px 34px -16px rgba(15, 23, 42, 0.3); }
/* object-fit:contain (2026-07-24, user request) -- portfolio_items screenshots
   vary wildly in native aspect ratio (defaults ~1.42:1, some user uploads
   ~2.1:1 or wider). `cover` was cropping them (only a random slice of the
   real site visible, sometimes mid-word); `contain` always shows the WHOLE
   screenshot, letterboxed on the card's own background (--rf-surface-2)
   when the ratios don't match -- no code change needed as more sites with
   yet other ratios get added. */
.rf-801 .portfolio-card img { width: 100%; height: 100%; object-fit: contain; display: block; transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); }
.rf-801 .portfolio-card:hover img { transform: scale(1.06); }
.rf-801 .portfolio-card .card-scrim { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; gap: 3px; padding: 18px;
  background: linear-gradient(to top, rgba(2, 6, 23, 0.85) 0%, rgba(2, 6, 23, 0.25) 42%, transparent 68%); }
.rf-801 .portfolio-card .card-title { color: #fff; font-weight: 800; font-size: 1.1rem; line-height: 1.25; }
.rf-801 .portfolio-card .card-cat { color: var(--rf-cyan); font-weight: 700; font-size: 0.85rem; }

@media (prefers-reduced-motion: reduce) {
  .rf-801 .portfolio-track { animation: none; }
}


/* ===================================================================
   A11Y CONTRAST FIX — appended 2026-07-19
   Problem: the bright cyan accent (--rf-cyan #00E5CC) is reused as small
   text/links/numbers that sit on LIGHT card surfaces (translucent-white
   cards + service/stat/faq cards). Composited contrast was ~1.5:1 (WCAG
   fail). On dark sections the same cyan is ~10:1 and is left untouched.
   Scope: only the three always-on-light-card text roles below.
   New teal #006B5E ≈ 5.9–6.4:1 on those cards; hover purple darkened too.
   =================================================================== */
:root { --rf-cyan-on-light:#006B5E; --rf-purple-on-light:#5B21B6; }
.rf-801 .card-link      { color: var(--rf-cyan-on-light); }
.rf-801 .card-link:hover{ color: var(--rf-purple-on-light); }
.rf-801 .stat-box h4    { color: var(--rf-cyan-on-light); }
.rf-801 .faq-index      { color: var(--rf-cyan-on-light); }


/* ===== TAP TARGETS — appended 2026-07-19 — enlarge hit area for thumbs (mobile a11y).
   Visuals unchanged: close-button icon & social icons just get a bigger clickable box;
   slider dots keep their 9px look via content-box clip + negative margin. ===== */
.rf-801 .mobile-menu-close { min-width:44px; min-height:44px; display:inline-flex; align-items:center; justify-content:center; }
.rf-801 .social-links a    { min-width:44px; min-height:44px; }
.rf-seo-801 .sc-dots button{ box-sizing:content-box; padding:8px; margin:-8px -2px; background-clip:content-box; }


/* ===== ABOUT PAGE FIXES — appended 2026-07-19 =====
   The About widget hardcoded dark colors (var(--rf-ink)) on the hero + timeline text
   and locally re-pinned the theme tokens, so in the DEFAULT dark theme the title,
   stat numbers, subtitles and slab headings rendered dark-on-dark (1.08–2.54:1 — invisible).
   --about-fg captures the site's theme-aware text color at the about root (where the token
   still flips light/dark) and re-applies it ONLY to the dark-background text; the white-card
   text in the skills/bento sections is left untouched. Verified readable in BOTH themes. */
.rf-about-801 { --about-fg: var(--text-primary); --about-fg2: var(--text-secondary); }
.rf-about-801 .about-hero .hero-title,
.rf-about-801 .about-hero .stat-number,
.rf-about-801 .timeline-wrapper .slab-title { color: var(--about-fg); }
.rf-about-801 .about-hero .hero-subtitle,
.rf-about-801 .timeline-wrapper .slab-desc  { color: var(--about-fg2); }
/* washed-out decorative badge text on the white pills (cyan on white was 1.6:1) */
.rf-about-801 .badge-seo { color: #006B5E; }
/* decorative badge-ai sat off the left viewport edge (left:-30px) even on desktop → on-screen + readable purple */
.rf-about-801 .badge-ai  { left: 0; right: auto; color: #6D28D9; }
/* the 3 white floating badges overflow both screen edges on phones → hide (purely decorative) */
@media (max-width: 767px) { .rf-about-801 .floating-badge { display: none; } }
/* .slab now renders its real white porcelain background (timeline-page-wrapper selector bug fixed above),
   so .slab-title/.slab-desc need dark ink again — the about-fg override two blocks up was written for
   when the card had no background and sat directly on the dark page. */
.rf-about-801 .timeline-wrapper .slab .slab-title { color: var(--rf-ink); }
.rf-about-801 .timeline-wrapper .slab .slab-desc { color: var(--rf-ink-600); }




/* ===== RF HEADER — plain-text nav + scroll-to-pill + colored mobile (6px) v1.2.2 ===== */

/* 1) MOBILE BASE — off-canvas nav links = brand-colored pill chips */
.rf-801.rf-header-801 .mobile-nav-links {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.rf-801.rf-header-801 .mobile-nav-links a {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  min-height: 48px;
  padding-block: 12px;
  padding-inline: 18px;
  border-radius: 6px;
  border: 1px solid color-mix(in srgb, var(--rf-purple, #8C52FF) 22%, transparent);
  background: #EEF3FF;
  background: linear-gradient(135deg, color-mix(in srgb, var(--rf-blue, #0057FF) 10%, #ffffff), color-mix(in srgb, var(--rf-cyan, #00E5CC) 12%, #ffffff));
  color: var(--rf-ink, #0F172A);
  font-weight: 600;
  text-align: start;
  text-decoration: none;
  transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}
.rf-801.rf-header-801 .mobile-nav-links a:hover,
.rf-801.rf-header-801 .mobile-nav-links a:focus-visible,
.rf-801.rf-header-801 .mobile-nav-links a.active {
  background: var(--rf-gradient, var(--gradient-main, linear-gradient(90deg, #0057FF, #8C52FF, #00E5CC)));
  color: #fff;
  border-color: transparent;
}
.rf-801.rf-header-801 .mobile-nav-links a:focus-visible {
  outline: 2px solid var(--accent-purple, #8C52FF);
  outline-offset: 2px;
}

/* 2) MOBILE FLOATING CAPSULE HEADER (<=1150px) — 6px */
@media (max-width: 1150px) {
  .rf-801.rf-header-801 .rf-site-header {
    position: fixed;
    inset-inline: 0;
    inset-block-start: 12px;
    inset-block-end: auto;
    margin-inline: 12px;
    height: 62px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .22), 0 2px 6px rgba(15, 23, 42, .14);
  }
  .rf-801.rf-header-801 .rf-site-header.scrolled {
    box-shadow: 0 14px 34px rgba(15, 23, 42, .30), 0 3px 10px rgba(15, 23, 42, .18);
  }
  .rf-801.rf-header-801 .rf-site-header .container.flex-header {
    height: 100%;
    padding-block: 0;
    padding-inline: 12px;
    align-items: center;
  }
  .rf-801.rf-header-801 .rf-site-header .logo-image {
    max-height: 30px;
    width: auto;
    display: block;
    flex-shrink: 0;
  }
  .rf-801.rf-header-801 .rf-site-header .mobile-menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    flex-shrink: 0;
    margin-inline-start: 6px;
    border-radius: 6px;
  }
  .rf-801.rf-header-801 .header-actions {
    display: none;
  }
}

/* 3) MOBILE HEADER ACTIONS — Call / WhatsApp / Leave-details, icon-only, 6px */
.rf-801.rf-header-801 .mobile-header-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-inline-start: auto;
  flex-shrink: 0;
}
.rf-801.rf-header-801 .mobile-header-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  flex-shrink: 0;
  border-radius: 6px;
  border: 1px solid transparent;
  text-decoration: none;
  transition: background-color .25s ease, border-color .25s ease, filter .25s ease;
}
.rf-801.rf-header-801 .mobile-header-actions a svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.rf-801.rf-header-801 .mobile-header-actions a:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}
.rf-801.rf-header-801 .mobile-header-actions .mobile-header-action-call,
.rf-801.rf-header-801 .mobile-header-actions .mobile-header-action-mail {
  background: rgba(255, 255, 255, .15);
  border-color: rgba(255, 255, 255, .3);
  color: #fff;
}
.rf-801.rf-header-801 .mobile-header-actions .mobile-header-action-call:hover,
.rf-801.rf-header-801 .mobile-header-actions .mobile-header-action-call:focus-visible,
.rf-801.rf-header-801 .mobile-header-actions .mobile-header-action-mail:hover,
.rf-801.rf-header-801 .mobile-header-actions .mobile-header-action-mail:focus-visible {
  background: rgba(255, 255, 255, .28);
}
.rf-801.rf-header-801 .mobile-header-actions .mobile-header-action-whatsapp {
  background: #25D366;
  border-color: #25D366;
  color: #fff;
}
.rf-801.rf-header-801 .mobile-header-actions .mobile-header-action-whatsapp:hover,
.rf-801.rf-header-801 .mobile-header-actions .mobile-header-action-whatsapp:focus-visible {
  filter: brightness(1.08);
}

/* 4) DESKTOP (>1150px) — plain-text nav; the whole menu condenses to a PILL on scroll */
@media (min-width: 1151px) {
  .rf-801.rf-header-801 .mobile-header-actions {
    display: none;
  }

  /* nav container: invisible at the top, becomes a floating glass PILL when .scrolled */
  .rf-801.rf-header-801 .desktop-nav {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-block: 6px;
    padding-inline: 6px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 999px;
    box-shadow: none;
    transition: background-color .3s ease, border-color .3s ease, box-shadow .3s ease, backdrop-filter .3s ease;
  }
  .rf-801.rf-header-801 .rf-site-header.scrolled .desktop-nav {
    background: rgba(255, 255, 255, .14);
    border-color: rgba(255, 255, 255, .24);
    backdrop-filter: var(--glass-blur, blur(12px));
    -webkit-backdrop-filter: var(--glass-blur, blur(12px));
    box-shadow: 0 8px 24px rgba(15, 23, 42, .18), inset 0 1px 0 rgba(255, 255, 255, .15);
  }

  /* nav items: PLAIN TEXT — no pill around the label */
  .rf-801.rf-header-801 .desktop-nav a {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 40px;
    padding-block: 8px;
    padding-inline: 14px;
    background: transparent;
    border-radius: 6px;
    color: #fff;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    transition: color .2s ease, opacity .2s ease, box-shadow .2s ease;
  }
  .rf-801.rf-header-801 .desktop-nav a:hover {
    opacity: .78;
  }
  .rf-801.rf-header-801 .desktop-nav a:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
  }
  /* active = text emphasis (bold + brand-cyan underline), NOT a pill */
  .rf-801.rf-header-801 .desktop-nav a.active {
    font-weight: 700;
    box-shadow: inset 0 -2px 0 0 var(--accent-cyan, #00E5CC);
  }

  /* CTA "בואו נדבר" — tighter padding, proportional to the nav */
  .rf-801.rf-header-801 .header-actions .btn-secondary {
    padding-block: 9px;
    padding-inline: 20px;
    font-size: .95rem;
    min-height: 40px;
  }
}

/* 5) REDUCED MOTION */
@media (prefers-reduced-motion: reduce) {
  .rf-801.rf-header-801 .desktop-nav,
  .rf-801.rf-header-801 .desktop-nav a,
  .rf-801.rf-header-801 .mobile-nav-links a,
  .rf-801.rf-header-801 .mobile-header-actions a {
    transition: none;
    transform: none;
  }
}

/* ==== RF SUBCAT PILLS (blog archive hierarchy) — CONSOLIDATED 2026-07-24 ====
   Replaces 3 stacked append blocks (2026-07-22 original + overflow-fix v1/v2)
   into one canonical block, per the standing "consolidate once safe" note.
   Mobile (<768px): 3-row horizontal SLIDER — CSS Grid with fixed 3 rows,
   grid-auto-flow:column (fills each column top-to-bottom before starting the
   next column), wrapped in one overflow-x:auto scroll container. Because it
   is a single scroll container, one drag/swipe/scroll gesture moves all 3
   rows together as one unit — there is no per-row scrolling to desync.
   Desktop (>=768px): unchanged centered flex-wrap row (pre-existing behavior).
   Scoped .rf-801 · brand tokens w/ fallbacks · RTL logical props · dark-aware ·
   WCAG 44px tap targets · scrollbar hidden, edge fade signals more content. */

.rf-801 .rf-subcat-pills {
	display: grid;
	grid-auto-flow: column;
	grid-template-rows: repeat(3, minmax(44px, auto));
	grid-auto-columns: minmax(min-content, max-content);
	align-items: stretch;
	gap: 8px;
	width: 100%;
	max-width: 100%;
	margin-block-start: 20px;
	margin-inline: 0;
	padding-block: 4px; /* room for the focus-ring + hover lift, doesn't clip */
	padding-inline: 4px;
	list-style: none;
	overflow-x: auto;
	overflow-y: hidden;
	overscroll-behavior-x: contain;
	scroll-snap-type: x proximity;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none; /* Firefox */
	-webkit-mask-image: linear-gradient(to left, transparent, black 24px, black calc(100% - 24px), transparent);
	mask-image: linear-gradient(to left, transparent, black 24px, black calc(100% - 24px), transparent);
}

.rf-801 .rf-subcat-pills::-webkit-scrollbar {
	display: none; /* Chrome/Safari/Edge */
}

.rf-801 .rf-subcat-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	scroll-snap-align: start;
	/* Site-wide reset sets box-sizing:border-box (see build standards §11), so
	   min-height alone would let padding eat into it. Use min-height:44px as
	   the hard tap-target floor (WCAG 2.5.8 / 44px) and let padding add extra
	   breathing room on top when content needs it. */
	box-sizing: border-box;
	min-height: 44px;
	padding-block: 10px;
	padding-inline: 18px;
	border-radius: 999px;
	border: 1px solid var(--card-border, rgba(148, 163, 184, 0.2));
	background: var(--card-bg, #fff);
	color: var(--text-primary, #0f172a);
	font-family: inherit;
	font-weight: 600;
	font-size: 0.9rem;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap; /* fixed-width column in the grid slider, never wraps */
	cursor: pointer;
	transition:
		color var(--transition-fast, 0.3s ease),
		background var(--transition-fast, 0.3s ease),
		border-color var(--transition-fast, 0.3s ease),
		transform var(--transition-fast, 0.3s ease);
}

.rf-801 .rf-subcat-pill:hover,
.rf-801 .rf-subcat-pill:focus-visible {
	border-color: var(--rf-blue, #0057ff);
	color: var(--rf-blue, #0057ff);
	transform: translateY(-2px);
}

.rf-801 .rf-subcat-pill:focus-visible {
	outline: 2px solid var(--rf-blue, #0057ff);
	outline-offset: 2px;
}

.rf-801 .rf-subcat-pill.is-current {
	background: var(
		--rf-gradient,
		linear-gradient(90deg, #0057ff, #8c52ff, #00e5cc)
	);
	color: #fff;
	border-color: transparent;
	cursor: default;
}

.rf-801 .rf-subcat-pill.is-current:hover,
.rf-801 .rf-subcat-pill.is-current:focus-visible {
	color: #fff;
	transform: none;
}

/* >=768px: revert to the original centered, wrapping, non-scrolling row —
   desktop has room for every pill to fit without a slider. */
@media (min-width: 768px) {
	.rf-801 .rf-subcat-pills {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 10px;
		overflow: visible;
		-webkit-mask-image: none;
		mask-image: none;
		padding-inline: 0;
	}
	.rf-801 .rf-subcat-pill {
		white-space: nowrap;
	}
}

/* Dark mode: pills sit on the dark PAGE surface, not a card, so they get a
   translucent surface rather than the light .card-bg used elsewhere. */
[data-rf-theme="dark"] .rf-801 .rf-subcat-pill {
	color: var(--text-primary, #e6ebf2);
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.16);
}

[data-rf-theme="dark"] .rf-801 .rf-subcat-pill:hover,
[data-rf-theme="dark"] .rf-801 .rf-subcat-pill:focus-visible {
	border-color: var(--rf-cyan, #00e5cc);
	color: var(--rf-cyan, #00e5cc);
	background: rgba(255, 255, 255, 0.08);
}

[data-rf-theme="dark"] .rf-801 .rf-subcat-pill.is-current {
	background: var(
		--rf-gradient,
		linear-gradient(90deg, #0057ff, #8c52ff, #00e5cc)
	);
	color: #fff;
	border-color: transparent;
}

[data-rf-theme="dark"] .rf-801 .rf-subcat-pill.is-current:hover,
[data-rf-theme="dark"] .rf-801 .rf-subcat-pill.is-current:focus-visible {
	color: #fff;
}

@media (prefers-reduced-motion: reduce) {
	.rf-801 .rf-subcat-pills {
		scroll-behavior: auto;
	}
	.rf-801 .rf-subcat-pill {
		transition: color var(--transition-fast, 0.3s ease),
			background var(--transition-fast, 0.3s ease),
			border-color var(--transition-fast, 0.3s ease);
	}

	.rf-801 .rf-subcat-pill:hover,
	.rf-801 .rf-subcat-pill:focus-visible,
	.rf-801 .rf-subcat-pill.is-current:hover {
		transform: none;
	}
}

/* ══════════════════════════════════════════════════════════════════════════
   RomaFlow · GLOBAL CONTRAST FIX  (2026-07-22)  — appended at style.css EOF.
   Loads after the theme snippet → wins by source-order. Fixes grey/washed text
   + icons; clear light/dark contrast site-wide (WCAG AA, verified). ROOT CAUSE:
   --rf-ink drives BOTH page-atmosphere bg AND text ink; in light mode the snippet
   flips it to cream #f4f2ec → text near-white on white. Fix flips --rf-ink back to
   dark INSIDE .rf-801 only (does not cascade to html's atmosphere bg). Opus-reviewed.
   ══════════════════════════════════════════════════════════════════════════ */
/* 1) LIGHT MODE — white surfaces ⇒ dark ink. Repairs primary text + every
   color:var(--rf-ink) consumer (mobile nav chips, timeline, per-page rows). */
:root[data-rf-theme="light"] .rf-801 {
  --rf-ink: #0F172A;
  --rf-ink-600: #334155;
  --rf-ink-500: #475569;
  --text-primary: #0F172A;
  --text-secondary: #334155;
  --roma-text-primary: #0F172A;
  --roma-text-secondary: #334155;
  --roma-neural-text-main: #0F172A;
  --roma-neural-text-muted: #475569;
}

/* 2) DARK MODE — revealed atmosphere bg is near-black; open text is light.
   White cards flip inner text back to DARK ink. EXTEND the snippet's card list
   to the white cards that were missing; harden muted token to AA.
   EXCLUDED per review: .roma-neural-icon-box (brand accent icons), .portfolio-card
   (dark image-scrim card keeps white text). */
:root[data-rf-theme="dark"] .rf-801 {
  --text-secondary: #b8c2d0;
  --roma-text-secondary: #b8c2d0;
}
:root[data-rf-theme="dark"] .rf-801 :is(
  .md-card, .step-card, .roma-glass-card, .roma-tool-card,
  .fit-card, .bento-item, .case-study-card, .stat-box,
  .floating-card, .sc-stat, .trust-item, .business-value, .card-content
){
  --text-primary: #0F172A;
  --text-secondary: #475569;
  --roma-text-primary: #0F172A;
  --roma-text-secondary: #475569;
  --roma-neural-text-main: #1E293B;
  --roma-neural-text-muted: #475569;
}
/* 3) The one hardcoded grey: About carousel eyebrow (#94a3b8/white=2.56:1). */
.rf-801 .rf-about-801 .carousel-title,
.rf-about-801 .carousel-title {
  color: var(--text-secondary, #334155);
}
/* 4) SINGLE POST — .post-hero/.post-header sit on FIXED light #F8FAFC but were
   absent from the snippet dark card list → light text on light in dark mode. */
:root[data-rf-theme="dark"] .rf-801 :is(.post-hero, .post-header) {
  --text-primary: #0F172A;
  --text-secondary: #475569;
}

/* ── RomaFlow · header CTA button dark-mode text fix (2026-07-22) ──
   .btn-secondary has a FIXED white background but color:var(--text-primary),
   which in dark mode resolves light (#e6ebf2 at .rf-801 scope) -> light text
   on white pill, invisible. Force dark ink for THIS button in dark mode only. */
:root[data-rf-theme="dark"] .rf-801 .btn-secondary {
  color: #0F172A;
}

/* ── RomaFlow · Google Toolset heading dark-mode text fix (2026-07-22) ──
   .roma-section-google-toolset h2 sits on the open dark atmosphere bg but its
   color:var(--roma-text-primary) rendered dark-on-dark. Force light text, dark mode only. */
:root[data-rf-theme="dark"] .rf-seo-801 .roma-section-google-toolset h2 {
  color: #e6ebf2;
}

/* ── RomaFlow · .case-title inheritance fix (2026-07-22) ──
   .case-title has NO own color — it inherited the pre-computed color from .rf-801
   (set once at that ancestor), not a fresh var(--text-primary) lookup. Because the
   card :is() list only redefines the --text-primary CUSTOM PROPERTY inside
   .case-study-card, elements with no own color: declaration never re-read it and
   keep the ancestors light-mode/dark-mode-wrong inherited value -> white-on-white
   in dark mode. Giving it an explicit color makes it re-resolve --text-primary at
   its own scope, correct in BOTH themes (the token is already theme-correct there). */
.rf-801 .case-title {
  color: var(--text-primary);
}

/* ── RomaFlow · .social-links icon color (2026-07-22) — set per request ── */
.rf-801 .social-links a {
  color: var(--accent-cyan);
}

/* -- RomaFlow . Home .services-grid -- single-row desktop / 1-col mobile
   (2026-07-23) --
   Bug: 3 earlier cascading rules all used auto-fit/minmax(...px,1fr),
   which computes column count from available width vs the minmax floor --
   at this site's real container width (~1200-1300px) that produced 3
   cards on row 1 + 1 alone on row 2, instead of one full row of 4.
   Fix: force an explicit, deterministic column count instead of auto-fit.
   Placed at EOF so it wins the cascade over all 3 earlier blocks (same
   specificity, later source order -- no !important needed, section 11/14).
   Mobile-first (section 2): base rule below is mobile (1 col); desktop
   widens at >=1024px to a single row of 4. This ALSO sets up the GSAP
   scatter->gather entrance in script-home-801.js, which needs a stable,
   non-wrapping layout to animate cards into. */
.rf-801 .services-grid {
  grid-template-columns: 1fr;
}
@media (min-width: 1024px) {
  .rf-801 .services-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* -- RomaFlow . Home .process-grid / .why-grid -- Flip X 3D perspective
   (2026-07-23) --
   Additive only: gives the new rotationY flip-in (script-home-801.js) a real
   3D depth to rotate through, instead of a flat squish. Does not change
   layout/columns/gap of either grid -- purely a perspective anchor. */
.rf-801 .process-grid, .rf-801 .why-grid {
  perspective: 900px;
}

/* ── RomaFlow · Unified card style — .rf-card-unified (2026-07-23) ──
   Applied to: .service-card (#services), .process-card (#process),
   .why-item (#why-me). Mockup source: card-style-options.html
   Option A (quiet white bg + cyan border-on-hover) + Option B (soft cyan
   tint) + icon treatment from D/E/F (gradient icon fill, brand-color
   accents). LANDSCAPE layout per user request: icon beside text, not
   stacked (was flex-direction:column + text-align:center — now a
   horizontal flex row, RTL-aware).
   Mobile-first (§2): base rule = mobile. Placed at EOF so it wins the
   cascade over all earlier .service-card/.process-card/.why-item blocks
   (§11/§14 — additive, no !important).
   REUSE THIS PATTERN on future pages/pieces — see
   claude/romaflow-build-standards.md §16 "Unified card template" for the
   documented recipe (markup shape + class list) to avoid re-deriving it. */

/* ---- shared landscape skeleton (all 3 card families) ---- */
.rf-801 .service-card,
.rf-801 .process-card,
.rf-801 .why-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 18px;
  text-align: start;
  background: #ffffff;
  border: 1px solid var(--card-border);
  border-radius: 20px;
  padding: 24px 22px;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, background 0.4s ease;
  position: relative;
  overflow: hidden;
  height: 100%;
  min-height: unset;
  justify-content: flex-start;
}

/* soft brand-gradient wash that fades in on hover (Option D/E concept,
   toned down to the light brand palette instead of the dark playground bg) */
.rf-801 .service-card::before,
.rf-801 .process-card::before,
.rf-801 .why-item::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(0,87,255,.05), rgba(140,82,255,.05), rgba(0,229,204,.07));
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 0;
  pointer-events: none;
}
.rf-801 .service-card:hover,
.rf-801 .process-card:hover,
.rf-801 .why-item:hover {
  transform: translateY(-8px);
  border-color: var(--accent-cyan);
  box-shadow: 0 20px 40px -16px rgba(0, 229, 204, 0.2);
}
.rf-801 .service-card:hover::before,
.rf-801 .process-card:hover::before,
.rf-801 .why-item:hover::before {
  opacity: 1;
}
.rf-801 .service-card:active {
  transform: scale(0.98);
}

/* icon + body sit above the hover wash */
.rf-801 .card-icon-wrapper,
.rf-801 .step-icon-wrapper,
.rf-801 .why-icon,
.rf-801 .card-body {
  position: relative;
  z-index: 1;
}

/* body column wrapper (NEW markup: h3/h4 + p get wrapped in a single
   <div class="card-body"> so they form one flex column beside the icon —
   this mirrors the mockup's .body wrapper exactly). Added to all 3 card
   families' markup in templates/home.html. */
.rf-801 .card-body {
  flex: 1;
  min-width: 0;
}
.rf-801 .card-body h3, .rf-801 .card-body h4 {
  margin: 0 0 6px;
}
.rf-801 .card-body p {
  margin: 0;
}

/* icon block: fixed size, gradient fill (Option D/E/F concept) — this is
   the "brand colors combined" treatment the user picked from D+E+F */
.rf-801 .card-icon-wrapper,
.rf-801 .step-icon-wrapper,
.rf-801 .why-icon {
  flex: 0 0 auto;
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: rgba(0, 229, 204, 0.1);
  color: var(--accent-cyan);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  transition: background 0.3s ease, color 0.3s ease;
}
.rf-801 .service-card:hover .card-icon-wrapper,
.rf-801 .process-card:hover .step-icon-wrapper,
.rf-801 .why-item:hover .why-icon {
  background: var(--rf-gradient);
  color: #ffffff;
}

/* step-number (process-card only) — reposition for landscape: was an
   absolute top-right corner badge over a centered card; keep it absolute
   but shrink so it doesn't collide with the now-horizontal icon+title row */
.rf-801 .step-number {
  top: 12px;
  font-size: 1.6rem;
}

/* ---- tablet / desktop refinement ---- */
@media (min-width: 768px) {
  .rf-801 .service-card,
  .rf-801 .process-card,
  .rf-801 .why-item {
    padding: 28px 26px;
  }
  .rf-801 .card-icon-wrapper,
  .rf-801 .step-icon-wrapper,
  .rf-801 .why-icon {
    width: 60px;
    height: 60px;
  }
}

/* features-marquee + card-link (service-card only) no longer sit below a
   centered column — they need their own full-width row under the icon+text
   row. Kept as direct children of .service-card (outside .card-body) so
   they span the full card width, indented to align under the body text. */
.rf-801 .service-card {
  flex-wrap: wrap;
}
.rf-801 .service-card > .features-marquee,
.rf-801 .service-card > .card-link {
  flex-basis: 100%;
  position: relative;
  z-index: 1;
  margin-inline-start: 74px; /* aligns under body text, past the icon column */
}
@media (min-width: 768px) {
  .rf-801 .service-card > .features-marquee,
  .rf-801 .service-card > .card-link {
    margin-inline-start: 78px;
  }
}

/* ── RomaFlow · Unified card grid — 2-column landscape layout (2026-07-23) ──
   The .rf-card-unified landscape card (icon beside text) needs real width
   per card to avoid wrapping. At the previous column counts (services=4,
   process=3, why-me=auto-fit~4) each card was only ~260-300px wide — not
   enough room for icon+text side-by-side, so the row wrapped and the cards
   looked broken/stacked instead of landscape. Fix: match the approved
   mockup (card-style-options.html) — 2 columns everywhere these cards live.
   Mobile-first (§2): 1 col mobile (base) -> 2 col from tablet up. Placed at
   EOF so it wins over the earlier services-grid EOF block + the original
   process-grid/why-grid column rules (§11/§14 — additive, no !important). */
.rf-801 .services-grid,
.rf-801 .process-grid,
.rf-801 .why-grid {
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .rf-801 .services-grid,
  .rf-801 .process-grid,
  .rf-801 .why-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ── RomaFlow · Unified card — theme-responsive background (2026-07-23) ──
   Follow-up to the .rf-card-unified pattern (§16): the user asked for these
   3 cards to fully flip dark/light with the site theme (dark bg in dark
   mode, light bg in light mode, contrasting content colors) instead of the
   older "white card, forced-dark-ink" contract used by other cards.
   .service-card/.process-card/.why-item were REMOVED from the dark-mode
   forced-dark-ink :is() list above (they used to be white-in-both-themes;
   now they need to actually go dark) so their text falls through to the
   theme's own default (light text in dark mode via the inline toggle
   snippet, dark text in light mode via the unconditional LIGHT MODE block
   above) — this rule only needs to handle the BACKGROUND + border, text
   color takes care of itself via existing var(--text-primary/secondary).
   Dark bg = the exact gradient from the approved mockup (card-style-
   options.html Option D): linear-gradient(160deg,#1c2330,#161b22). */
:root[data-rf-theme="dark"] .rf-801 :is(.service-card, .process-card, .why-item) {
  background: linear-gradient(160deg, #1c2330, #161b22);
  border-color: rgba(255, 255, 255, 0.08);
}
:root[data-rf-theme="dark"] .rf-801 :is(.service-card, .process-card, .why-item):hover {
  border-color: var(--accent-cyan);
}
/* Hover wash: light-mode ::before bakes low alpha into the rgba colors
   themselves (5-7%) because it sits on white. On a dark card that reads as
   near-invisible, so dark mode instead uses the OPAQUE brand gradient and
   controls visibility via element opacity (.16 on hover) — this is the
   exact treatment validated in the approved Option D/E mockup. */
:root[data-rf-theme="dark"] .rf-801 :is(.service-card, .process-card, .why-item)::before {
  background: var(--rf-gradient);
  opacity: 0;
}
:root[data-rf-theme="dark"] .rf-801 :is(.service-card, .process-card, .why-item):hover::before {
  opacity: 0.16;
}

/* ── RomaFlow · Home H2 dark-mode heading-color fix (2026-07-23) ──
   User-reported: in dark mode, the H2 headings in #services
   ("הצלחה דיגיטלית מהעתיד") and #why-me ("למה לבחור דווקא בי") render in a
   DARK color — invisible/low-contrast against the dark atmosphere bg.
   Root cause not fully traceable via style.css alone (the base
   `.rf-801 h1,h2,h3,h4 { color:var(--text-primary) }` rule looks correct;
   the discrepancy likely originates in the external dark/light theme-toggle
   snippet injected inline in <head>, which isn't a file reachable via FTP).
   Rather than keep guessing at the external snippet, force these two
   sections' H2 to the site's own established dark-mode light-text value
   (#e6ebf2, same value already used elsewhere per the theme contract, §13)
   with a selector specific enough to win regardless of the upstream cause.
   Only .process-section/.about-section/.cta-section H2s were NOT reported
   broken — left untouched. */
:root[data-rf-theme="dark"] .rf-801 .services-section h2,
:root[data-rf-theme="dark"] .rf-801 .why-me-section h2 {
  color: #e6ebf2 !important;
}


/* ── RomaFlow · #services/#why-me dark-mode reinforcement v2 (2026-07-23) ──
   User confirmed (after full cache clear) that headings AND card content
   still don't flip to dark-mode colors in #services/#why-me, while the
   IDENTICAL shared rule (:is(.service-card,.process-card,.why-item)) DID
   apply correctly to .process-card. Since #process is the one section NOT
   reported broken for BOTH this issue and the earlier H2 anomaly, the
   likely cause is the external, FTP-unreachable <head> theme-toggle Code
   Snippet carrying its own override scoped to exactly these two sections.
   Reinforcing with !important + #id-scoped selectors so this instance wins
   regardless of the external rule's specificity or origin. */
:root[data-rf-theme="dark"] .rf-801 #services .service-card {
  background: linear-gradient(160deg, #1c2330, #161b22) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
:root[data-rf-theme="dark"] .rf-801 #why-me .why-item {
  background: linear-gradient(160deg, #1c2330, #161b22) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
:root[data-rf-theme="dark"] .rf-801 #services .service-card .card-body h3 {
  color: #e6ebf2 !important;
}
:root[data-rf-theme="dark"] .rf-801 #services .service-card .card-body p {
  color: #b8c2d0 !important;
}
:root[data-rf-theme="dark"] .rf-801 #why-me .why-item .card-body h4 {
  color: #e6ebf2 !important;
}
:root[data-rf-theme="dark"] .rf-801 #why-me .why-item .card-body p {
  color: #b8c2d0 !important;
}


/* ── RomaFlow · Home hero → 2-column layout (2026-07-24) ──
   User request: convert home hero to 2 columns like /about/'s hero (large
   rounded image on one side, text on the other). Mobile MUST stay exactly
   as before — the pre-existing hero-container-v base (column, centered)
   and the two duplicate @media(max-width:900px) blocks are untouched;
   below 901px everything here is a no-op via display:contents.
   Markup (templates/home.html): existing hero children now sit inside two
   new wrapper divs, .hero-content-col (badge+typewriter H1+subtitle+
   buttons+trust) and .hero-visual-col (hero-image-wrapper). display:contents
   keeps the wrappers invisible to the box model below 901px so the
   pre-existing mobile flex-column flow is pixel-identical; order restores
   the original visual sequence since the image moved later in the DOM.
   Typewriter effect is pure CSS (.typewriter h1 .text-gradient steps()
   animation, no GSAP/JS tie to markup position) — unaffected by this move. */
.rf-801.rf-home-801 .hero-content-col,
.rf-801.rf-home-801 .hero-visual-col {
  display: contents;
}
.rf-801.rf-home-801 .hero-section .subtitle-badge { order: 1; }
.rf-801.rf-home-801 .hero-section .hero-image-wrapper { order: 2; }
.rf-801.rf-home-801 .hero-section .typewriter { order: 3; }
.rf-801.rf-home-801 .hero-section p { order: 4; }
.rf-801.rf-home-801 .hero-section .hero-buttons { order: 5; }
.rf-801.rf-home-801 .hero-section .hero-stats-bar { order: 6; }

@media (min-width: 901px) {
  .rf-801.rf-home-801 .hero-container-v {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
    text-align: right;
  }
  .rf-801.rf-home-801 .hero-content-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: right;
    flex: 1;
    min-width: 0;
  }
  .rf-801.rf-home-801 .hero-visual-col {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
  }
  .rf-801.rf-home-801 .hero-visual-col .hero-image-wrapper {
    margin-bottom: 0;
  }
  .rf-801.rf-home-801 .hero-section .typewriter {
    text-align: right;
    width: auto;
  }
  .rf-801.rf-home-801 .hero-section .hero-buttons,
  .rf-801.rf-home-801 .hero-section .hero-stats-bar {
    justify-content: flex-start;
  }
  /* larger rounded image on the visual side, per request */
  .rf-801.rf-home-801 .hero-image-wrapper::before {
    width: 420px;
    height: 420px;
  }
  .rf-801.rf-home-801 .hero-section .cyber-frame {
    padding: 12px;
  }
  .rf-801.rf-home-801 .hero-section .hero-img {
    width: 380px;
    height: 380px;
  }
}


/* ── RomaFlow · SEO page (קידום אורגני) hero → 2-column layout (2026-07-24) ──
   Same recipe as the home hero (§18 in build-standards) — user asked to
   extend the home hero's 2-column conversion to this page too. Mobile stays
   pixel-identical: display:contents keeps the two new wrapper divs
   (.hero-content-col / .hero-visual-col, added to templates/seo.html)
   invisible to the box model below 901px; order restores the exact
   original visual sequence (breadcrumb, badge, image, typewriter, subtitle,
   buttons, trust) since the image moved later in the DOM. Scoped to
   .rf-seo-801 ONLY — see build-standards §18/§11: .hero-section/
   .hero-container-v/.subtitle-badge/etc are the SAME class names reused on
   home + web-design pages, a bare .rf-801 rule here would leak into both. */
.rf-801.rf-seo-801 .hero-content-col,
.rf-801.rf-seo-801 .hero-visual-col {
  display: contents;
}
.rf-801.rf-seo-801 .hero-section .rf-breadcrumbs-bar { order: 1; }
.rf-801.rf-seo-801 .hero-section .subtitle-badge { order: 2; }
.rf-801.rf-seo-801 .hero-section .hero-image-wrapper { order: 3; }
.rf-801.rf-seo-801 .hero-section .typewriter { order: 4; }
.rf-801.rf-seo-801 .hero-section p { order: 5; }
.rf-801.rf-seo-801 .hero-section .hero-buttons { order: 6; }
.rf-801.rf-seo-801 .hero-section .trust-badges { order: 7; }

@media (min-width: 901px) {
  .rf-801.rf-seo-801 .hero-container-v {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
    text-align: right;
  }
  .rf-801.rf-seo-801 .hero-content-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: right;
    flex: 1;
    min-width: 0;
  }
  .rf-801.rf-seo-801 .hero-section .rf-breadcrumbs-bar {
    justify-content: flex-start;
  }
  .rf-801.rf-seo-801 .hero-visual-col {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
  }
  .rf-801.rf-seo-801 .hero-visual-col .hero-image-wrapper {
    margin-bottom: 0;
  }
  .rf-801.rf-seo-801 .hero-section .typewriter {
    text-align: right;
    width: auto;
  }
  .rf-801.rf-seo-801 .hero-section .hero-buttons,
  .rf-801.rf-seo-801 .hero-section .trust-badges {
    justify-content: flex-start;
  }
  .rf-801.rf-seo-801 .hero-image-wrapper::before {
    width: 420px;
    height: 420px;
  }
  .rf-801.rf-seo-801 .hero-section .cyber-frame {
    padding: 12px;
  }
  .rf-801.rf-seo-801 .hero-section .hero-img {
    width: 380px;
    height: 380px;
  }
}


/* ── RomaFlow · Web-design page (בניית אתרים) hero → 2-column layout (2026-07-24) ──
   Same recipe as home/SEO heroes (build-standards §18). This page's hero
   previously had NO image element at all — added a new Elementor 'hero_image'
   control (widget-web-design.php, %%CTL_HERO_IMG%% token) so an image can be
   set later; falls back to the shared default portrait until replaced.
   Mobile stays pixel-identical via display:contents; order restores the
   original visual sequence (badge, typewriter, subtitle, buttons — no
   breadcrumb/trust-badges on this page, unlike SEO). Scoped to
   .rf-webdesign-801 ONLY (§11/§18 — .hero-section/.hero-container-v/etc are
   shared class names across home/seo/webdesign, bare .rf-801 would leak). */
.rf-801.rf-webdesign-801 .hero-content-col,
.rf-801.rf-webdesign-801 .hero-visual-col {
  display: contents;
}
.rf-801.rf-webdesign-801 .hero-section .subtitle-badge { order: 1; }
.rf-801.rf-webdesign-801 .hero-section .hero-image-wrapper { order: 2; }
.rf-801.rf-webdesign-801 .hero-section .typewriter { order: 3; }
.rf-801.rf-webdesign-801 .hero-section p { order: 4; }
.rf-801.rf-webdesign-801 .hero-section .hero-buttons { order: 5; }

@media (min-width: 901px) {
  .rf-801.rf-webdesign-801 .hero-container-v {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
    text-align: right;
  }
  .rf-801.rf-webdesign-801 .hero-content-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: right;
    flex: 1;
    min-width: 0;
  }
  .rf-801.rf-webdesign-801 .hero-visual-col {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
  }
  .rf-801.rf-webdesign-801 .hero-visual-col .hero-image-wrapper {
    margin-bottom: 0;
  }
  .rf-801.rf-webdesign-801 .hero-section .typewriter {
    text-align: right;
    width: auto;
  }
  .rf-801.rf-webdesign-801 .hero-section .hero-buttons {
    justify-content: flex-start;
  }
  .rf-801.rf-webdesign-801 .hero-image-wrapper::before {
    width: 420px;
    height: 420px;
  }
  .rf-801.rf-webdesign-801 .hero-section .cyber-frame {
    padding: 12px;
  }
  .rf-801.rf-webdesign-801 .hero-section .hero-img {
    width: 380px;
    height: 380px;
  }
}
/* ── RomaFlow · Home hero stats-bar (2026-07-24) ──
   Replaces the 4 trust-badges caption chips ("ניסיון טכני עשיר...", "מעל
   200 פרויקטים...", "שילוב כלי AI...", "5.5 שנות ניסיון...") with a 3-item
   animated stats bar (templates/home.html: .hero-stats-bar/.hero-stat).
   Numbers count up via script-home-801.js (progressive enhancement — the
   HTML already holds the final values for SEO/no-JS). Reuses the existing
   .text-gradient utility for the number color (theme-agnostic, same as the
   H1 — no new gradient CSS needed, safe in both dark/light per §13).
   Takes over the old .trust-badges order:6 slot in the hero column
   sequence (§18). Home-only scope (.rf-home-801) — SEO/web-design keep
   their own separate .trust-badges markup+CSS untouched. */
.rf-801.rf-home-801 .hero-section .hero-stats-bar {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.rf-801.rf-home-801 .hero-section .hero-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.rf-801.rf-home-801 .hero-section .hero-stat-number {
  display: flex;
  align-items: baseline;
  gap: 1px;
  font-weight: 800;
  font-size: clamp(1.4rem, 4vw, 1.9rem);
  line-height: 1;
}
.rf-801.rf-home-801 .hero-section .hero-stat-label {
  font-size: 0.78rem;
  color: var(--text-secondary);
  white-space: nowrap;
  text-align: center;
}
.rf-801.rf-home-801 .hero-section .hero-stat-divider {
  width: 1px;
  height: 34px;
  background: var(--card-border);
  flex-shrink: 0;
}

@media (min-width: 901px) {
  .rf-801.rf-home-801 .hero-section .hero-stat-label {
    text-align: right;
  }
}
/* -- RomaFlow - Home hero stats-bar mobile layout fix (2026-07-24) --
   User-reported: on mobile the 3 stats wrapped unevenly (2 then 1) because
   .hero-stats-bar stayed a wrapping row. Fix: below 901px, stack into a
   single column so each .hero-stat takes its own full row (exactly 3 rows
   for the 3 stats). Divider was a vertical rule made for the horizontal
   desktop row -- hidden on mobile since it has no meaning between stacked
   rows. Number + label sizes bumped ONLY inside this mobile query (desktop
   clamp() in the base rule above is untouched). */
@media (max-width: 900px) {
  .rf-801.rf-home-801 .hero-section .hero-stats-bar {
    flex-direction: column;
    align-items: center;
    gap: 18px;
    width: 100%;
  }
  .rf-801.rf-home-801 .hero-section .hero-stat-divider {
    display: none;
  }
  .rf-801.rf-home-801 .hero-section .hero-stat-number {
    font-size: 2.6rem;
  }
  .rf-801.rf-home-801 .hero-section .hero-stat-label {
    font-size: 1rem;
  }
}
/* -- RomaFlow - Home page client-logos carousel -> real agency logos (2026-07-24) --
   Replaces the old placeholder text stat-box content (200+ / 5+ / Early Adopter...)
   with 5 real client logo images (+5 duplicates for the seamless marquee loop;
   markup unchanged otherwise, templates/home.html). Reuses .stat-box AS-IS for
   the card itself (white background -- already forced to stay white in BOTH
   dark/light themes via the existing :is(...) dark-mode override list, so no
   new theme CSS is needed for legibility of these raster brand logos).
   .logo-box only adds image-specific sizing so every logo renders at the SAME
   visual height regardless of native pixel size/aspect ratio (object-fit:contain).
   NOTE: .stats-carousel-wrapper is a class name ALSO used on the SEO page
   (templates/seo.html) but with different inner markup (.features-track /
   .feature-box, not .stats-track / .stat-box) -- so .stat-box/.logo-box never
   appear there. Scoped to .rf-home-801 anyway per build-standards section 18's
   standing rule (grep every template before styling a shared class name). */
.rf-801.rf-home-801 .stat-box.logo-box {
  min-width: 190px;
  max-width: 190px;
  padding: 22px 20px;
}
.rf-801.rf-home-801 .stat-box.logo-box img {
  max-height: 48px;
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}

@media (min-width: 768px) {
  .rf-801.rf-home-801 .stat-box.logo-box {
    min-width: 210px;
    max-width: 210px;
    padding: 26px 24px;
  }
  .rf-801.rf-home-801 .stat-box.logo-box img {
    max-height: 56px;
  }
}


/* ══════════════════════════════════════════════════════════════
   RomaFlow · Home — Blog Cards section (below hero, above logos carousel)
   3 selectable pill-card styles (feature / row / chip), adapted from the
   user-supplied MD3 "Pill Blog Cards" reference onto RomaFlow's own brand
   tokens. Cards FLIP background per theme (own theme-scoped bg rule below)
   rather than joining the "stays white in both modes" :is() list — text
   falls through to the already-correct --text-primary/--text-secondary
   tokens (§13/§16 of build-standards). Mobile-first.
   REVISED 2026-07-24 (user follow-up): no thumbnails/icons, no reading-time —
   text-only cards with a trailing "read more" arrow (.pill-arrow, shared class
   across all 3 styles).
   ══════════════════════════════════════════════════════════════ */
.rf-801.rf-home-801 .blogcards-section {
  padding: var(--section-spacing-mobile) 0;
  overflow-x: hidden;
  max-width: 100%;
}
@media (min-width: 768px) {
  .rf-801.rf-home-801 .blogcards-section {
    padding: var(--section-spacing) 0;
  }
}
.rf-801.rf-home-801 .blogcards-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 32px;
  max-width: 100%;
}
.rf-801.rf-home-801 .blogcards-grid > * {
  min-width: 0;
  max-width: 100%;
}
@media (min-width: 900px) {
  .rf-801.rf-home-801 .blogcards-grid {
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    gap: 48px;
    align-items: start;
  }
}
.rf-801.rf-home-801 .blogcards-heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
  max-width: 100%;
}
.rf-801.rf-home-801 .blogcards-heading h2 {
  font-size: clamp(1.6rem, 4vw, 2.2rem);
  font-weight: 900;
  color: var(--text-primary);
  line-height: 1.25;
  margin: 4px 0 12px;
}
.rf-801.rf-home-801 .blogcards-sub {
  color: var(--text-secondary);
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 22px;
}
.rf-801.rf-home-801 .blogcards-cta {
  align-self: flex-start;
}
@media (min-width: 900px) {
  .rf-801.rf-home-801 .blogcards-heading {
    position: sticky;
    top: 110px;
  }
}

/* ---- shared list wrapper + 2-column card grid (feature/row share this) ---- */
.rf-801.rf-home-801 .blogcards-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  max-width: 100%;
}
.rf-801.rf-home-801 .blogcards-list--feature,
.rf-801.rf-home-801 .blogcards-list--row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
}
.rf-801.rf-home-801 .blogcards-list--feature > *,
.rf-801.rf-home-801 .blogcards-list--row > * {
  min-width: 0;
  max-width: 100%;
}
@media (min-width: 640px) {
  .rf-801.rf-home-801 .blogcards-list--feature,
  .rf-801.rf-home-801 .blogcards-list--row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}

/* ---- shared "read more" arrow, used by all 3 card styles ---- */
.rf-801.rf-home-801 .pill-arrow {
  flex: none;
  width: 18px;
  height: 18px;
  opacity: 0.55;
  color: var(--accent-cyan);
  transition: transform 0.3s cubic-bezier(0.2, 0, 0, 1), opacity 0.2s ease;
}
.rf-801.rf-home-801 .pill-feature:hover .pill-arrow,
.rf-801.rf-home-801 .pill-row:hover .pill-arrow,
.rf-801.rf-home-801 .pill-chip:hover .pill-arrow {
  transform: translateX(-3px);
  opacity: 1;
}

/* ---- Variant B (default): Pill Feature — tag + title, arrow trailing ---- */
.rf-801.rf-home-801 .pill-feature {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 16px 18px 16px 20px;
  border-radius: 999px;
  border: 1px solid var(--card-border);
  background: var(--card-bg);
  color: var(--text-primary);
  text-decoration: none;
  min-width: 0;
  max-width: 100%;
  transition: border-color 0.2s ease, transform 0.3s cubic-bezier(0.2, 0, 0, 1), box-shadow 0.2s ease;
}
.rf-801.rf-home-801 .pill-feature:hover {
  border-color: var(--accent-cyan);
  box-shadow: 0 10px 24px -14px rgba(15, 23, 42, 0.35);
  transform: translateY(-2px);
}
.rf-801.rf-home-801 .pill-feature__body {
  min-width: 0;
}
.rf-801.rf-home-801 .pill-feature__tag {
  display: inline-block;
  font-family: var(--rf-font-mono);
  font-size: 0.68rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--accent-cyan);
  font-weight: 700;
  margin: 0 0 5px;
}
.rf-801.rf-home-801 .pill-feature__title {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--text-primary);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  overflow-wrap: anywhere;
  word-break: break-word;
}
@media (min-width: 600px) {
  .rf-801.rf-home-801 .pill-feature { padding: 18px 20px 18px 22px; }
  .rf-801.rf-home-801 .pill-feature__title { font-size: 1rem; }
}

/* ---- Variant A: Pill Row — dense list row, single-line title + category ---- */
.rf-801.rf-home-801 .pill-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 60px;
  padding: 6px 18px 6px 20px;
  border-radius: 999px;
  background: var(--rf-surface-2);
  border: 1px solid var(--card-border);
  color: var(--text-primary);
  text-decoration: none;
  min-width: 0;
  max-width: 100%;
  transition: background 0.2s ease, transform 0.3s cubic-bezier(0.2, 0, 0, 1);
}
.rf-801.rf-home-801 .pill-row:hover {
  background: var(--card-bg);
  border-color: var(--accent-cyan);
}
.rf-801.rf-home-801 .pill-row__body {
  min-width: 0;
}
.rf-801.rf-home-801 .pill-row__title {
  margin: 0;
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--text-primary);
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rf-801.rf-home-801 .pill-row__meta {
  margin: 2px 0 0;
  font-size: 0.76rem;
  font-weight: 500;
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ---- Variant C: Pill Chip — wrapping chip cloud, no image, arrow instead of time ---- */
.rf-801.rf-home-801 .blogcards-list--chip {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 100%;
}
.rf-801.rf-home-801 .pill-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 46px;
  min-width: 0;
  max-width: 100%;
  padding: 0 16px 0 18px;
  border-radius: 999px;
  border: 1px solid var(--card-border);
  background: var(--card-bg);
  color: var(--text-primary);
  text-decoration: none;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.rf-801.rf-home-801 .pill-chip:hover {
  border-color: var(--accent-cyan);
  background: var(--rf-surface-2);
}
.rf-801.rf-home-801 .pill-chip__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--accent-cyan);
  flex: none;
}
.rf-801.rf-home-801 .pill-chip__dot--hollow {
  background: transparent;
  box-shadow: inset 0 0 0 1.5px var(--text-secondary);
}
.rf-801.rf-home-801 .pill-chip__title {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--text-primary);
  line-height: 1;
  min-width: 0;
  max-width: min(70vw, 280px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 480px) {
  .rf-801.rf-home-801 .pill-chip__title { max-width: min(60vw, 320px); }
}
@media (min-width: 600px) {
  .rf-801.rf-home-801 .pill-chip { min-height: 50px; padding-inline-start: 22px; padding-inline-end: 18px; }
  .rf-801.rf-home-801 .pill-chip__title { font-size: 0.92rem; }
}

/* ---- Theme contract (§13/§16): cards FLIP background per theme; text stays on
   --text-primary/--text-secondary, which already resolve correctly both modes.
   NOT added to the shared dark-mode "white card" :is() list — these cards never
   stay white in dark mode, so forcing dark ink there would break them. ---- */
:root[data-rf-theme="dark"] .rf-801.rf-home-801 .pill-feature,
:root[data-rf-theme="dark"] .rf-801.rf-home-801 .pill-chip {
  background: linear-gradient(160deg, #1c2330, #161b22);
  border-color: rgba(255, 255, 255, 0.08);
}
:root[data-rf-theme="dark"] .rf-801.rf-home-801 .pill-row {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
}
:root[data-rf-theme="dark"] .rf-801.rf-home-801 .pill-row:hover {
  background: linear-gradient(160deg, #1c2330, #161b22);
}
:root[data-rf-theme="dark"] .rf-801.rf-home-801 .pill-chip:hover {
  background: rgba(255, 255, 255, 0.06);
}

/* focus-visible + reduced-motion floor */
.rf-801.rf-home-801 .pill-feature:focus-visible,
.rf-801.rf-home-801 .pill-row:focus-visible,
.rf-801.rf-home-801 .pill-chip:focus-visible {
  outline: 2px solid var(--accent-cyan);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .rf-801.rf-home-801 .pill-feature,
  .rf-801.rf-home-801 .pill-row,
  .rf-801.rf-home-801 .pill-chip,
  .rf-801.rf-home-801 .pill-arrow {
    transition: none;
  }
}

/* ---- Narrow-phone hardening (<=480px): tighter padding/gaps so pills never
   crowd the viewport edge; belt-and-suspenders on top of the min-width:0 /
   max-width:100% containment above. ---- */
@media (max-width: 480px) {
  .rf-801.rf-home-801 .blogcards-grid { gap: 24px; }
  .rf-801.rf-home-801 .blogcards-list { gap: 8px; }
  .rf-801.rf-home-801 .pill-feature { padding: 14px 14px 14px 16px; gap: 10px; }
  .rf-801.rf-home-801 .pill-row { padding: 6px 14px 6px 16px; gap: 10px; min-height: 54px; }
  .rf-801.rf-home-801 .pill-chip { padding: 0 12px 0 14px; gap: 6px; }
  .rf-801.rf-home-801 .pill-chip__title { max-width: 58vw; }
}

/* ===== Dark-mode text token fix — .rf-single-801 (blog post template) =====
   Mirrors the existing .rf-801 dark override higher in this file.
   Root cause: --text-primary/--text-secondary are wired to --rf-ink/--rf-ink-600
   unconditionally at :root, which are near-black ink values. .rf-single-801
   never received the dark-mode flip that .rf-801 has, so .post-breadcrumbs,
   .post-date, and .author-name rendered dark text on the dark-mode page bg. */
:root[data-rf-theme="dark"] .rf-single-801 {
  --text-primary: #e6ebf2;
  --text-secondary: #aab4c2;
}

/* ===== meeting-cta-wrapper — flip card to dark surface in dark mode =====
   Card background was hardcoded #ffffff with no dark variant, while its
   internal text pulled from tokens that go light in dark mode -> light text
   stranded on a white card. Fix: dark surface matching the existing
   .service-card dark treatment, plus repointed text tokens for contrast. */
:root[data-rf-theme="dark"] .meeting-cta-wrapper .cta-card {
  background: linear-gradient(160deg, #1c2330, #161b22);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 20px 40px -5px rgba(0, 0, 0, 0.4);
}
:root[data-rf-theme="dark"] .meeting-cta-wrapper .cta-title {
  color: #e6ebf2;
}
:root[data-rf-theme="dark"] .meeting-cta-wrapper .cta-subtitle {
  color: #aab4c2;
}

/* ===== RomaFlow · dark-mode fix round 2 (2026-08-03) — supersedes the
   2026-08-02 attempt, which was silently overridden by an OLDER rule at
   line ~6801 ("post-hero/post-header" dark-mode fix) that also matches
   here because the post wrapper carries BOTH classes: class="rf-801
   rf-single-801". Same specificity + later file position = it won.
   Fix now targets the exact broken elements directly, at higher specificity,
   placed at true end-of-file so nothing after it can win again. ===== */

/* post-breadcrumbs / post-date / author-name — force light text explicitly,
   not via --text-primary re-assignment (which the old rule also touches). */
:root[data-rf-theme="dark"] .rf-801.rf-single-801 .post-breadcrumbs,
:root[data-rf-theme="dark"] .rf-801.rf-single-801 .post-breadcrumbs a,
:root[data-rf-theme="dark"] .rf-801.rf-single-801 .post-date,
:root[data-rf-theme="dark"] .rf-801.rf-single-801 .author-name {
  color: #e6ebf2 !important;
}
:root[data-rf-theme="dark"] .rf-801.rf-single-801 .post-breadcrumbs .breadcrumb_last,
:root[data-rf-theme="dark"] .rf-801.rf-single-801 .post-breadcrumbs .current {
  color: #ffffff !important;
}

/* contact-btn (meeting-cta-wrapper) — span color was --rf-ink-700, a static
   dark slate with no dark-mode variant, sitting on the now-dark .cta-card. */
:root[data-rf-theme="dark"] .rf-801.rf-single-801 .meeting-cta-wrapper .contact-btn span {
  color: #e6ebf2 !important;
}



/* ===== RomaFlow · post-content H2/H3 boxing REMOVED (2026-08-03, user reversal) =====
   Previous round wrapped h2/h3 + following paragraphs in translucent boxes.
   User decision: remove entirely. Post content background stays fully
   transparent (page atmosphere shows through); only TEXT COLOR should
   respond to light/dark mode — no boxes, no surfaces, on any element.
   Base .entry-content color was --rf-ink-700, a STATIC dark slate never
   redefined for dark mode (confirmed: only one declaration, unconditional)
   — so all body text (paragraphs, list items, table cells, everything
   inheriting from .entry-content) was dark-on-dark in both dark-mode
   variants (data-rf-theme="dark", covers both "dark" and "space" user
   modes since space = dark theme + space atmosphere — one axis, no
   separate rule needed for the 2nd dark mode). Fixed by giving
   .entry-content itself a theme-aware color instead of a static one;
   everything inside inherits correctly with no per-element rules needed. ===== */

.rf-801 .entry-content {
  color: var(--text-primary);
}

:root[data-rf-theme="light"] .rf-801 .entry-content {
  color: #0F172A !important;
}
:root[data-rf-theme="dark"] .rf-801 .entry-content {
  color: #e6ebf2 !important;
}
/* Covers ALL 3 user-facing modes: light -> data-rf-theme="light";
   dark/space -> both are data-rf-theme="dark" (space = dark theme + a
   different data-rf-atmo axis, per SYSTEM.md's Space Mode note) — one
   selector already covers both dark variants, no 3rd rule needed. */

/* ===== RomaFlow · .entry-content-wrapper — remove card surface (2026-08-03) =====
   User decision: post content area should be fully transparent in BOTH
   themes, not a white/light card. Original rule (line ~688) hardcoded
   background:#ffffff + border + shadow with no dark-mode variant — this
   is the actual box the user saw in the screenshot (a different element
   from .entry-content, which only holds the text color fix from earlier).
   Keep the padding/width/layout properties, drop background/border/shadow
   entirely so the page atmosphere shows through, matching the request. ===== */
.rf-801 .entry-content-wrapper {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}


/* ===== RomaFlow · Single Post — dark-mode heading + meta whites (2026-08-03)
   User: keep titles/structure identical, but in dark mode text must flip to
   white. Root cause discovered in this pass: an EARLIER dark-mode rule at
   ~line 6808 forces `--text-primary:#0F172A` on any `:is(.post-hero,
   .post-header)` descendant (assumed a white card), and it wins on token
   resolution against the .rf-single-801 scope rule at ~7787. So .post-title
   (which uses var(--text-primary)) rendered dark navy on the dark aurora,
   and .post-breadcrumbs / .post-meta-top / .post-meta-bottom pulled the
   forced dark tokens too. Fix targets each visible element directly with
   `!important` at true EOF — same escalation recipe §17 uses when a
   plain-specificity rule is out-prioritized by an upstream override. Titles
   stay as-is; only color flips per theme. Light mode is untouched.
   ============================================================= */

/* H1 title — dark mode: white. Light mode keeps its existing gradient
   (defined at line ~5989, unaltered). */
:root[data-rf-theme="dark"] .rf-801.rf-single-801 .post-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important; /* just in case anything else
     later tries to background-clip:text on H1 */
}

/* Meta row — date + reading-time text (SVG icon inherits from .accent-cyan
   already so we don't touch it). */
:root[data-rf-theme="dark"] .rf-801.rf-single-801 .post-date,
:root[data-rf-theme="dark"] .rf-801.rf-single-801 .reading-time,
:root[data-rf-theme="dark"] .rf-801.rf-single-801 .reading-time span,
:root[data-rf-theme="dark"] .rf-801.rf-single-801 .author-name {
  color: #ffffff !important;
}

/* Breadcrumbs — every state (trail links + separators + current). Kept out
   of a single rule so hover:.accent-cyan still wins on links. */
:root[data-rf-theme="dark"] .rf-801.rf-single-801 .post-breadcrumbs,
:root[data-rf-theme="dark"] .rf-801.rf-single-801 .post-breadcrumbs a,
:root[data-rf-theme="dark"] .rf-801.rf-single-801 .post-breadcrumbs .sep,
:root[data-rf-theme="dark"] .rf-801.rf-single-801 .post-breadcrumbs .breadcrumb_last,
:root[data-rf-theme="dark"] .rf-801.rf-single-801 .post-breadcrumbs .current {
  color: #ffffff !important;
}

/* .post-cat pill — the anchor keeps its purple accent (readable on dark
   aurora: --accent-purple #8C52FF on transparent-purple chip). Only the
   translucent pill background needs a tiny lift for dark mode so the pill
   silhouette stays visible. No text-color change here. */
:root[data-rf-theme="dark"] .rf-801.rf-single-801 .post-cat a {
  background: rgba(140, 82, 255, 0.18);
}

/* Entry-content H2/H3 already fall through to --text-primary via existing
   rules; but the ~6808 .post-header override does NOT match .entry-content,
   so nothing to redo here. Keeping this comment so a future session sees
   the reasoning and doesn't re-add a redundant block. */


/* ===== RomaFlow · Single Post — dark-mode body paragraph text (2026-08-03 R4)
   Root cause: global utility `.rf-801 p { color: var(--text-secondary); }`
   (line ~3165) sets color DIRECTLY on every <p>, so it wins over the
   inherited .entry-content dark-mode fix (inheritance never overrides a
   direct match, regardless of specificity). --text-secondary resolves to a
   static dark slate (#475569) in dark mode, unrelated to --text-primary —
   this is why titles/meta/breadcrumbs (already patched) went white while
   prose paragraphs stayed dark-on-dark. Fix targets .entry-content p
   directly, same value already used for .entry-content itself. */
:root[data-rf-theme="dark"] .rf-801.rf-single-801 .entry-content p,
:root[data-rf-theme="dark"] .rf-801.rf-single-801 .entry-content li {
  color: #e6ebf2 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   ROMAFLOW · ABOUT PAGE — BRAND KIT v2.1 RE-SKIN   (2026-08-29)
   Scope: .rf-801.rf-about-801 ONLY. Nothing here can reach another page.

   WHY THIS IS A TOKEN BLOCK AND NOT A PILE OF SELECTORS
   The About page's own rules already consume the shared token names
   (--card-bg, --text-primary, --main-gradient, --accent-cyan …). Redefining
   those names AT the About scope re-skins every existing rule — including the
   site-wide .rf-801 .rf-related-* rules — on this page and nowhere else. Only
   the values the source hardcoded (#FFFFFF, #f1f5f9, #cbd5e1 …) need a rule.

   WHAT v2.1 CHANGES HERE (DESIGN/01_TOKENS_V2.1.css)
   · primary gradient  legacy tri (blue→purple→cyan) → cyan→blue 45°
   · surfaces          hardcoded #FFFFFF → MD3 ladder, genuinely theme-aware
   · text              hardcoded greys → --text-* / accent-as-text tokens
   · shape             ad-hoc radii → tension-shape steps
   · elevation         ad-hoc shadows → MD3 elevation ladder
   · neumorph          the sanctioned v2.1 use only: icon chips (.btn-icon)
                       and the half-depth --neu-tile rim on bento tiles

   ⚠ TWO DARK-MODE "FORCE DARK INK" CARD LISTS REACH THIS PAGE
     · main.php wp_head prio 5 → .slab .floating-badge .bento-full
       .business-value .cta-card .meeting-cta-wrapper          (0,4,0)
     · style.css EOF GLOBAL CONTRAST FIX → .bento-item .business-value (0,4,0)
   Neither is !important (checked — the §17 trap does not apply). Every rule
   below that must beat them is written at (0,5,0) and sits after them, so the
   lists stay UNTOUCHED — which matters because .cta-card/.meeting-cta-wrapper
   are shared with the SEO and web-design pages.

   ⚠ FIXES A LIVE DARK-MODE BUG. .rf-801 pins --rf-ink:#0F172A and
   .rf-about-801 re-pinned --text-primary:var(--rf-ink), so About's open text
   rendered #0F172A on the #0B0F14 atmosphere (~1.3:1 — invisible) in the
   DEFAULT theme. The 2026-07-19 --about-fg block did not fix it; it re-read
   the same broken token. Set explicitly per theme below.

   Contrast: all 44 text/surface pairs computed WCAG AA in BOTH themes
   (scratchpad/contrast.py) — the browser check could not run this session.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1 · v2.1 TOKEN LAYER — dark is the base (site default), light overrides ── */
.rf-801.rf-about-801 {
  /* gradients — v2.1 primary is cyan→blue 45° */
  --rfa-grad:      linear-gradient(45deg, #00E5CC 0%, #0057FF 100%);
  --rfa-grad-90:   linear-gradient(90deg, #00E5CC 0%, #0057FF 100%);
  --rfa-grad-cta:  linear-gradient(45deg, #00776B 0%, #0044C7 100%);
  /* a gradient used as TEXT needs its own per-theme ramp — the primary stops
     fail as text in both themes (01_SYSTEM.md, Operating rules) */
  --rfa-grad-text: linear-gradient(90deg, #7FF5E6 0%, #8FB5FF 100%);
  --main-gradient: var(--rfa-grad-90);

  /* MD3 surface ladder (dark) */
  --rfa-card-2:      #161D26;
  --rfa-surface-high:#1C2430;
  --card-bg:         #12181F;
  --main-bg:         transparent;
  --secondary-bg:    #161D26;
  --card-border:     rgba(255,255,255,.10);

  /* text — explicit, so the cascade bug above cannot come back */
  --text-primary:   #E6EBF2;
  --text-secondary: #B8C2D0;

  /* accent-as-text (never the raw seeds — v2.1 §Accent-as-TEXT) */
  --rfa-cyan-text:   #00E5CC;
  --rfa-blue-text:   #8FB5FF;
  --rfa-purple-text: #C7ABFF;
  /* tonal containers */
  --rfa-tone-cyan:   rgba(0,229,204,.13);
  --rfa-tone-purple: rgba(140,82,255,.20);

  /* tension shapes */
  --rfa-r-s: 4px; --rfa-r-m: 12px; --rfa-r-l: 20px; --rfa-r-xl: 32px;

  /* elevation + neumorph accent */
  --rfa-elev-1: 0 1px 3px 1px rgba(0,0,0,.45), 0 1px 2px rgba(0,0,0,.55);
  --rfa-elev-3: 0 4px 8px 3px rgba(0,0,0,.34), 0 1px 3px rgba(0,0,0,.45);
  --rfa-neu-bg:         linear-gradient(145deg, #1A222C, #10161D);
  --rfa-neu-raised:     6px 6px 12px rgba(0,0,0,.55), -5px -5px 10px rgba(56,72,92,.28);
  --rfa-neu-tile:       2px 2px 6px rgba(0,0,0,.34), -2px -2px 5px rgba(56,72,92,.13);
  --rfa-neu-tile-hover: 4px 4px 12px rgba(0,0,0,.44), -3px -3px 8px rgba(56,72,92,.20);

  --rfa-dot:  rgba(255,255,255,.07);
  --rfa-ease: cubic-bezier(.2,0,0,1);
  --rfa-dur:  .3s;
}

:root[data-rf-theme="light"] .rf-801.rf-about-801 {
  --rfa-grad-text: linear-gradient(90deg, #00776B 0%, #0044C7 100%);

  --rfa-card-2:      #FAF9F5;
  --rfa-surface-high:#F1EFE8;
  --card-bg:         #FFFFFF;
  --secondary-bg:    #FAF9F5;
  --card-border:     rgba(148,163,184,.28);

  --text-primary:   #0F172A;
  --text-secondary: #475569;

  --rfa-cyan-text:   #006E63;
  --rfa-blue-text:   #0044C7;
  --rfa-purple-text: #6E35D9;
  --rfa-tone-cyan:   rgba(0,229,204,.16);
  --rfa-tone-purple: rgba(140,82,255,.12);

  --rfa-elev-1: 0 1px 3px 1px rgba(15,23,42,.10), 0 1px 2px rgba(15,23,42,.12);
  --rfa-elev-3: 0 4px 8px 3px rgba(15,23,42,.10), 0 1px 3px rgba(15,23,42,.14);
  --rfa-neu-bg:         linear-gradient(145deg, #FFFFFF, #E6E3DA);
  --rfa-neu-raised:     6px 6px 12px rgba(163,157,141,.42), -5px -5px 10px rgba(255,255,255,.95);
  --rfa-neu-tile:       2px 2px 6px rgba(163,157,141,.26), -2px -2px 5px rgba(255,255,255,.9);
  --rfa-neu-tile-hover: 4px 4px 12px rgba(163,157,141,.36), -3px -3px 8px rgba(255,255,255,.95);

  --rfa-dot: rgba(15,23,42,.10);
}

/* Cards carry their own surface, so text inside them must NOT be forced to
   dark ink by either card list. (0,5,0) — beats both, leaves both in place. */
:root[data-rf-theme="dark"] .rf-801.rf-about-801 :is(
  .bento-item, .bento-full, .business-value, .slab,
  .cta-card, .meeting-cta-wrapper, .floating-badge, .card-content
){
  --text-primary:   #E6EBF2;
  --text-secondary: #B8C2D0;
}

/* ── 2 · HERO ───────────────────────────────────────────────────────────── */
.rf-801.rf-about-801 .about-hero .hero-title { color: var(--text-primary); }
.rf-801.rf-about-801 .about-hero .hero-subtitle { color: var(--text-secondary); }

.rf-801.rf-about-801 .hero-label {
  background: var(--rfa-tone-purple);
  color: var(--rfa-purple-text);
  border: 1px solid var(--card-border);
  border-radius: 9999px;
}

/* stat numbers take the v2.1 signature as gradient text (per-theme ramp) */
.rf-801.rf-about-801 .about-hero .stat-number {
  background: var(--rfa-grad-text);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.rf-801.rf-about-801 .about-hero .stat-label { color: var(--text-secondary); }
.rf-801.rf-about-801 .stat-divider { background: var(--card-border); }

.rf-801.rf-about-801 .hero-bg-grid {
  background-image: radial-gradient(var(--rfa-dot) 1px, transparent 1px);
  opacity: 1;
}

.rf-801.rf-about-801 .profile-img {
  border-radius: var(--rfa-r-xl);
  box-shadow: 18px 18px 0 -2px var(--rfa-tone-cyan), var(--rfa-elev-3);
}

.rf-801.rf-about-801 .floating-badge {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: var(--rfa-r-m);
  box-shadow: var(--rfa-elev-3);
}
.rf-801.rf-about-801 .badge-seo  { color: var(--rfa-cyan-text); }
.rf-801.rf-about-801 .badge-code { color: var(--rfa-blue-text); }
.rf-801.rf-about-801 .badge-ai   { color: var(--rfa-purple-text); }

/* ── 3 · SKILLS BENTO ───────────────────────────────────────────────────── */
/* the wrapper re-pins its own palette at (0,2,0) — retake it at (0,3,0) */
.rf-801.rf-about-801 .skills-section-wrapper {
  --card-bg:        var(--rfa-card-2);
  --text-primary:   inherit;
  --text-secondary: inherit;
  --gradient:       var(--rfa-grad-90);
  --accent-purple:  var(--rf-purple);
  --accent-cyan:    var(--rf-cyan);
}
.rf-801.rf-about-801 .skills-section-wrapper .section-title {
  background: var(--rfa-grad-text);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.rf-801.rf-about-801 .skills-section-wrapper h3 { color: var(--text-primary); }

.rf-801.rf-about-801 .skills-section-wrapper .bento-item {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: var(--rfa-r-l);
  box-shadow: var(--rfa-neu-tile);
  transition: transform var(--rfa-dur) var(--rfa-ease),
              box-shadow var(--rfa-dur) var(--rfa-ease),
              border-color var(--rfa-dur) var(--rfa-ease);
}
.rf-801.rf-about-801 .skills-section-wrapper .bento-item:hover {
  transform: translateY(-4px);
  box-shadow: var(--rfa-neu-tile-hover);
  border-color: var(--rf-cyan);
}
.rf-801.rf-about-801 .skills-section-wrapper .bento-full {
  background: var(--rfa-surface-high);
  border-color: var(--card-border);
}
.rf-801.rf-about-801 .skills-section-wrapper .highlight-purple::after { background: var(--rf-purple); }
.rf-801.rf-about-801 .skills-section-wrapper .highlight-cyan::after   { background: var(--rfa-grad); }

.rf-801.rf-about-801 .skills-section-wrapper .bento-tag {
  background: var(--rfa-tone-cyan);
  color: var(--rfa-cyan-text);
  border-radius: 9999px;
}
.rf-801.rf-about-801 .skills-section-wrapper .bento-desc { color: var(--text-secondary); }
.rf-801.rf-about-801 .skills-section-wrapper .business-value {
  background: var(--rfa-surface-high);
  border: 1px solid var(--card-border);
  border-radius: var(--rfa-r-m);
}
.rf-801.rf-about-801 .skills-section-wrapper .business-value li { color: var(--text-secondary); }
.rf-801.rf-about-801 .skills-section-wrapper .value-text,
.rf-801.rf-about-801 .skills-section-wrapper .value-mini {
  color: var(--text-secondary);
  border-top: 1px solid var(--card-border);
}
.rf-801.rf-about-801 .skills-section-wrapper .skill-pills span {
  background: var(--rfa-surface-high);
  border: 1px solid var(--card-border);
  color: var(--text-secondary);
}

/* ── 4 · CAREER TIMELINE ────────────────────────────────────────────────── */
.rf-801.rf-about-801 .timeline-section-title {
  background: var(--rfa-grad-text);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.rf-801.rf-about-801 .timeline-section-title::after { background: var(--rfa-grad-90); }
.rf-801.rf-about-801 .timeline-track    { background: var(--card-border); box-shadow: none; }
.rf-801.rf-about-801 .timeline-progress { background: var(--rfa-grad); }

.rf-801.rf-about-801 .timeline-wrapper .slab {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: var(--rfa-r-m);
  box-shadow: var(--rfa-elev-3);
}
.rf-801.rf-about-801 .timeline-wrapper .slab::before { background: var(--rfa-grad); opacity: 1; }
.rf-801.rf-about-801 .timeline-item:nth-child(even) .slab::before { background: var(--rf-purple); }

.rf-801.rf-about-801 .timeline-wrapper .slab .slab-title { color: var(--text-primary); }
.rf-801.rf-about-801 .timeline-wrapper .slab .slab-desc  { color: var(--text-secondary); }

.rf-801.rf-about-801 .date-badge {
  background: var(--rfa-surface-high);
  border: 1px solid var(--card-border);
  border-radius: var(--rfa-r-s);
  color: var(--rfa-purple-text);
  box-shadow: none;
}
.rf-801.rf-about-801 .timeline-item:nth-child(even) .date-badge { color: var(--rfa-cyan-text); }
.rf-801.rf-about-801 .tag {
  background: var(--rfa-tone-purple);
  color: var(--rfa-purple-text);
}

/* ── 5 · MEETING CTA ────────────────────────────────────────────────────── */
/* the wrapper's fixed light band becomes the page atmosphere (v2.1 model) */
.rf-801.rf-about-801 .meeting-cta-wrapper { background: transparent; }

/* (0,5,0) — beats the unscoped :root[data-rf-theme=dark] .meeting-cta-wrapper
   .cta-card rule further up, which also matches the SEO / web-design pages */
:root[data-rf-theme="dark"] .rf-801.rf-about-801 .meeting-cta-wrapper .cta-card,
.rf-801.rf-about-801 .meeting-cta-wrapper .cta-card {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: var(--rfa-r-xl);
  box-shadow: var(--rfa-elev-3);
}
.rf-801.rf-about-801 .meeting-cta-wrapper .cta-card::before { background: var(--rfa-grad-90); }
:root[data-rf-theme="dark"] .rf-801.rf-about-801 .meeting-cta-wrapper .cta-title,
.rf-801.rf-about-801 .meeting-cta-wrapper .cta-title { color: var(--text-primary); }
:root[data-rf-theme="dark"] .rf-801.rf-about-801 .meeting-cta-wrapper .cta-subtitle,
.rf-801.rf-about-801 .meeting-cta-wrapper .cta-subtitle { color: var(--text-secondary); }
.rf-801.rf-about-801 .meeting-cta-wrapper .cta-badge { color: var(--rfa-purple-text); }
.rf-801.rf-about-801 .meeting-cta-wrapper .cta-note  { color: var(--text-secondary); }
.rf-801.rf-about-801 .meeting-cta-wrapper .gradient-text {
  background: var(--rfa-grad-text);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

/* icon chip = the sanctioned v2.1 neumorph surface (never a content card) */
.rf-801.rf-about-801 .meeting-cta-wrapper .btn-icon {
  background: var(--rfa-neu-bg);
  box-shadow: var(--rfa-neu-raised);
  color: var(--text-secondary);
  transition: transform var(--rfa-dur) var(--rfa-ease),
              background var(--rfa-dur) var(--rfa-ease),
              color var(--rfa-dur) var(--rfa-ease);
}
.rf-801.rf-about-801 .meeting-cta-wrapper .contact-btn span { color: var(--text-primary); }
/* the four hover fills stay brand-literal (WhatsApp/phone/mail are not our
   palette); only the calendar one moves to the AA-safe v2.1 CTA gradient */
.rf-801.rf-about-801 .meeting-cta-wrapper .btn-calendar:hover .btn-icon { background: var(--rfa-grad-cta); }

/* ── 6 · REDUCED MOTION ─────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .rf-801.rf-about-801 .skills-section-wrapper .bento-item,
  .rf-801.rf-about-801 .meeting-cta-wrapper .btn-icon { transition: none; }
  .rf-801.rf-about-801 .skills-section-wrapper .bento-item:hover { transform: none; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   ABOUT · headings take the H1's solid colour  (2026-08-29, Roma's request)
   "עשה ששאר כותרות יהיו בצבע כמו h1, הורד אפקט GSAP גרדיאנט מוזר"

   The v2.1 re-skin gave the section headings gradient text. Roma asked for
   them to match the H1, which is a solid --text-primary. Undo the gradient on
   the three headings that carry it, and on the .gradient-text span nested in
   .cta-title so that heading reads as one colour rather than two.

   background-clip:text must be neutralised on ALL FOUR properties or the text
   stays invisible: the gradient goes, but a leftover transparent
   -webkit-text-fill-color still wins over `color` (§15 is the same trap seen
   from the other side).

   The decorative gradient underline under .timeline-section-title (::after)
   and the gradient rules on non-text surfaces are deliberately KEPT — the
   request was about heading colour, not about removing the brand gradient.
   ═══════════════════════════════════════════════════════════════════════════ */
.rf-801.rf-about-801 .skills-section-wrapper .section-title,
.rf-801.rf-about-801 .timeline-section-title,
.rf-801.rf-about-801 .meeting-cta-wrapper .cta-title,
.rf-801.rf-about-801 .meeting-cta-wrapper .cta-title .gradient-text,
.rf-801.rf-about-801 .meeting-cta-wrapper .gradient-text {
  background: none;
  background-image: none;
  -webkit-background-clip: border-box;
          background-clip: border-box;
  -webkit-text-fill-color: currentColor;
  color: var(--text-primary);
}

/* the GSAP layer used to leave per-character spans behind; if any survive a
   cached page, they must not carry their own gradient either */
.rf-801.rf-about-801 .rf-h2-char-801 {
  background: none;
  background-image: none;
  -webkit-text-fill-color: currentColor;
  color: inherit;
}

/* ═══════════════════════════════════════════════════════════════════════════════
   HOME v2.1 — SITE TREE MAP + «מאיפה מתחילים»   (2026-08-29 · wave 1)
   Plan: site-work/2026-08-29-home-v2.1-treemap/PLAN.md
   Design reference: romaflow-docs/COWORK/HOME_V2.1_TREEMAP_DRAFT.html

   SCOPE — every rule is compound `.rf-801.rf-home-801`. These are new class
   names, but §18 was paid for once already and the habit costs nothing.

   TOKENS — the v2.1 sheet is NOT loaded on this site (MAPS/05 §5: two token
   systems coexist, and the live one is the `.rf-801` v1 set). The v2.1 values
   these sections need are therefore declared ONCE below, per theme, and every
   rule reads them through var(). That is the PLANS/07 §2 token bridge in
   miniature, deliberately scoped to the home page instead of site-wide.

   THEME (§13) — these sections are transparent over the page atmosphere and
   flip with the theme, so they are NOT added to the dark-mode :is() white-card
   list. Text falls through to --text-primary / --text-secondary, which the EOF
   GLOBAL CONTRAST FIX already resolves correctly in both modes.
   ═══════════════════════════════════════════════════════════════════════════════ */

.rf-801.rf-home-801 {
  --rf-hairline:  rgba(255, 255, 255, .10);
  --rf-accent-tx: #00E5CC;                                    /* AA on the dark atmosphere */
  --rf-glass:     rgba(248, 250, 252, .08);
  --rf-glass-brd: rgba(255, 255, 255, .30);
  --rf-cta-grad:  linear-gradient(45deg, #4A1F99 0%, #0044C7 100%); /* = --rf-gradient-cta-purple */
  --rf-tick:      linear-gradient(90deg, #00E5CC 0%, #0057FF 100%);
  --rf-accent-purple-tx: #C7ABFF;                             /* AA on the dark atmosphere */
}
:root[data-rf-theme="light"] .rf-801.rf-home-801 {
  --rf-hairline:  rgba(15, 23, 42, .14);
  --rf-accent-tx: #006E63;                                    /* AA on the cream atmosphere */
  --rf-glass:     rgba(255, 255, 255, .55);
  --rf-glass-brd: rgba(15, 23, 42, .14);
  --rf-accent-purple-tx: #6E35D9;                             /* AA on the cream atmosphere */
}

/* ---- the CTA button gradient, home only (approved 2026-08-29) ---- */
.rf-801.rf-home-801 .hero-buttons .btn-primary { background: var(--rf-cta-grad); }

/* ---- both new sections: full-width shell, prose still capped by a ch measure ---- */
.rf-801.rf-home-801 .rf-tree-801,
.rf-801.rf-home-801 .rf-start-801 {
  display: block; width: 100%;
  padding-block: clamp(56px, 9vw, 104px);
  border-block-start: 1px solid var(--rf-hairline);
}
.rf-801.rf-home-801 .rf-tree-in,
.rf-801.rf-home-801 .rf-start-in { width: 100%; padding-inline: clamp(16px, 4.5vw, 72px); }

.rf-801.rf-home-801 .rf-tree-head,
.rf-801.rf-home-801 .rf-start-head { margin-block-end: clamp(24px, 4vw, 46px); }
.rf-801.rf-home-801 .rf-tree-head h2,
.rf-801.rf-home-801 .rf-start-head h2 {
  font-size: clamp(1.75rem, 4.4vw + .5rem, 3rem); line-height: 1.16;
  font-weight: 800; margin: 0 0 .4em; max-width: 20ch;
}
.rf-801.rf-home-801 .rf-tree-sub,
.rf-801.rf-home-801 .rf-start-sub { color: var(--text-secondary); max-width: 58ch; margin: 0; }

/* ---- the root node ---- */
.rf-801.rf-home-801 .rf-tree-root {
  display: inline-flex; flex-direction: column; gap: 4px;
  padding: 16px 22px; border: 1px solid var(--rf-glass-brd); border-radius: 20px;
  background: var(--rf-glass); margin-block-end: 8px; text-decoration: none;
  min-block-size: 44px;
}
.rf-801.rf-home-801 .rf-tree-root:hover { border-color: var(--rf-cyan); }
.rf-801.rf-home-801 .rf-tree-root b {
  font-family: var(--rf-font-mono); font-size: 1.15rem; color: var(--text-primary);
  direction: ltr; unicode-bidi: isolate;
}
.rf-801.rf-home-801 .rf-tree-root span { font-size: .875rem; color: var(--text-secondary); }

/* ---- the spine, and a tick per branch (mobile: a real file tree) ---- */
.rf-801.rf-home-801 .rf-tree-branches {
  position: relative; padding-inline-start: 22px; margin-inline-start: 26px;
  border-inline-start: 1px solid var(--rf-hairline);
}
.rf-801.rf-home-801 .rf-branch-801 {
  position: relative; padding-block: 18px; border-block-end: 1px solid var(--rf-hairline);
}
.rf-801.rf-home-801 .rf-branch-801:last-child { border-block-end: 0; padding-block-end: 0; }
.rf-801.rf-home-801 .rf-branch-801::before {
  content: ""; position: absolute; inset-block-start: 34px; inset-inline-start: -22px;
  inline-size: 18px; block-size: 1px; background: var(--rf-tick);
}
.rf-801.rf-home-801 .rf-branch-head {
  display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-block-end: 8px;
}
.rf-801.rf-home-801 .rf-branch-head h3 {
  margin: 0; font-size: clamp(1.25rem, 2.6vw + .5rem, 1.8rem); font-weight: 800;
  color: var(--text-primary);
}
/* a bare 44px inside a baseline flex row computes to 43.98 and fails a real tap-target check */
.rf-801.rf-home-801 .rf-branch-head a {
  display: inline-flex; align-items: center; min-block-size: calc(44px + 4px); text-decoration: none;
}
.rf-801.rf-home-801 .rf-branch-head a:hover h3 { color: var(--rf-accent-tx); }
.rf-801.rf-home-801 .rf-branch-count {
  font-family: var(--rf-font-mono); font-size: .8125rem; color: var(--text-secondary);
}
.rf-801.rf-home-801 .rf-branch-desc {
  color: var(--text-secondary); margin: 0 0 12px; max-width: 56ch; font-size: .97rem;
}

/* ---- children ---- */
.rf-801.rf-home-801 .rf-branch-kids { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.rf-801.rf-home-801 .rf-branch-kids li { margin: 0; }
.rf-801.rf-home-801 .rf-kid-801 {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  min-block-size: 52px; padding-block: 9px; text-decoration: none;
  border-block-start: 1px solid var(--rf-hairline);
}
.rf-801.rf-home-801 .rf-kid-name { font-weight: 600; color: var(--text-primary); font-size: 1.02rem; }
.rf-801.rf-home-801 .rf-kid-801:hover .rf-kid-name { color: var(--rf-accent-tx); }
.rf-801.rf-home-801 .rf-kid-slug {
  font-family: var(--rf-font-mono); font-size: .6875rem; color: var(--text-secondary);
  direction: ltr; unicode-bidi: plaintext; overflow-wrap: anywhere;
  text-align: end; max-inline-size: 46%;
}
/* mobile shows three; the rest are one tap away but ALWAYS in the DOM (§7) */
.rf-801.rf-home-801 .rf-branch-kids > li:nth-child(n+4) { display: none; }
.rf-801.rf-home-801 .rf-branch-801.is-open .rf-branch-kids > li { display: block; }
.rf-801.rf-home-801 .rf-more-801 {
  margin-block-start: 10px; min-block-size: 44px; padding: 10px 16px;
  border: 1px solid var(--rf-hairline); border-radius: 999px; background: transparent;
  color: var(--text-primary); font: inherit; font-size: .95rem; font-weight: 600; cursor: pointer;
}
.rf-801.rf-home-801 .rf-more-801:hover { border-color: var(--rf-cyan); color: var(--rf-accent-tx); }
.rf-801.rf-home-801 .rf-branch-801.is-open .rf-more-801 { display: none; }

/* ---- «מאיפה מתחילים» ---- */
.rf-801.rf-home-801 .rf-start-rows { border-block-start: 1px solid var(--rf-hairline); }
.rf-801.rf-home-801 .rf-start-item {
  display: grid; gap: 8px; padding-block: clamp(20px, 3.6vw, 32px);
  border-block-end: 1px solid var(--rf-hairline); text-decoration: none;
}
.rf-801.rf-home-801 .rf-start-item h3 {
  margin: 0; font-size: clamp(1.2rem, 2.4vw + .5rem, 1.7rem); font-weight: 700;
  color: var(--text-primary);
}
.rf-801.rf-home-801 .rf-start-item p { margin: 0; color: var(--text-secondary); max-width: 62ch; }
.rf-801.rf-home-801 a.rf-start-item:hover h3 { color: var(--rf-accent-tx); }
.rf-801.rf-home-801 .rf-start-n {
  font-family: var(--rf-font-mono); font-size: .8125rem; color: var(--rf-accent-tx); letter-spacing: .1em;
}

/* ---- tablet ---- */
@media (min-width: 768px) {
  .rf-801.rf-home-801 .rf-branch-kids > li:nth-child(n+4) { display: block; }
  .rf-801.rf-home-801 .rf-more-801 { display: none; }
  .rf-801.rf-home-801 .rf-branch-kids { grid-template-columns: repeat(2, 1fr); column-gap: 32px; }
  .rf-801.rf-home-801 .rf-tree-branches { padding-inline-start: 30px; margin-inline-start: 34px; }
  .rf-801.rf-home-801 .rf-branch-801::before { inset-inline-start: -30px; inline-size: 26px; }
  .rf-801.rf-home-801 .rf-start-item { grid-template-columns: 96px 1fr; gap: 0 24px; align-items: baseline; }
  .rf-801.rf-home-801 .rf-start-body { grid-column: 2; }
}

/* ---- desktop: the spine becomes a three-column rail ---- */
@media (min-width: 1024px) {
  .rf-801.rf-home-801 .rf-tree-root { flex-direction: row; align-items: baseline; gap: 14px; }
  .rf-801.rf-home-801 .rf-tree-branches {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 48px;
    border-inline-start: 0; padding-inline-start: 0; margin-inline-start: 0;
    border-block-start: 1px solid var(--rf-hairline);
    margin-block-start: 34px; padding-block-start: 6px;
  }
  .rf-801.rf-home-801 .rf-branch-801 { border-block-end: 0; padding-block: 30px 26px; }
  .rf-801.rf-home-801 .rf-branch-801::before {
    inset-block-start: 0; inset-inline-start: 0; inline-size: 1px; block-size: 22px;
    background: var(--rf-gradient);
  }
  .rf-801.rf-home-801 .rf-branch-kids { grid-template-columns: 1fr; }
  .rf-801.rf-home-801 .rf-start-item { grid-template-columns: 120px 1fr; }
}

/* §13 — the shared `.section-tag` resolves to raw --rf-cyan (#00E5CC), which measures
   ~1.3:1 on the light cream atmosphere. That is a PRE-EXISTING site-wide failure, visible
   today on #services / #about / #process / #why-me too; fixing it there is a wider change
   (see the wave-2 row in site-work/2026-08-29-home-v2.1-treemap/PLAN.md). These two NEW
   sections must not ship with it, so they take the theme-correct accent instead. */
.rf-801.rf-home-801 .rf-tree-801 .section-tag,
.rf-801.rf-home-801 .rf-start-801 .section-tag { color: var(--rf-accent-tx); }

/* ═══════════════════════════════════════════════════════════════════════════════
   HOME v2.1 — WAVE 2b · `.section-tag` contrast, SITE-WIDE   (2026-08-29)

   `.rf-801 .section-tag` sets `color: var(--accent-cyan)` → the raw seed #00E5CC.
   Measured against rendered pixels that is 1.31:1 on the light cream atmosphere,
   on the home page, /קידום-אורגני/ and /בניית-אתרים/ alike — §13's "never use a raw
   brand seed as text", violated in the shared sheet since before this task.

   Light mode takes the darkened teal this sheet already declares for exactly this
   purpose (`--rf-cyan-on-light`, the EOF GLOBAL CONTRAST FIX block). Dark mode is
   deliberately untouched: it measures 8.1–8.2:1 there and needs no help.
   Verified before/after on all three pages: 1.31:1 → 5.24–5.25:1 in light,
   8.09–8.20:1 unchanged in dark.
   ═══════════════════════════════════════════════════════════════════════════════ */
:root[data-rf-theme="light"] .rf-801 .section-tag { color: var(--rf-cyan-on-light); }

/* ═══════════════════════════════════════════════════════════════════════════════
   HOME v2.1 — WAVE 2 · full width + the editorial pass   (2026-08-29)
   Plan: site-work/2026-08-29-home-v2.1-treemap/PLAN.md

   ⚠ §18 — `.service-card`, `.process-card`, `.why-item`, `.section-header` and
   `.services-grid` are ALL also used on /בניית-אתרים/ (measured: 4 / 4 / 3 uses).
   Every rule below is therefore compound-scoped `.rf-801.rf-home-801`, which that
   page does not carry. A bare `.rf-801` rule here would break it, exactly as one
   did in 2026-07-24.
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ---- 1 · full width. The shell stops at --container-width (1300px) today ---- */
.rf-801.rf-home-801 .container { max-width: none; padding-inline: clamp(16px, 4.5vw, 72px); }
/* …but prose keeps a measure: Hebrew running edge-to-edge at 1440px is unreadable */
.rf-801.rf-home-801 .section-header p,
.rf-801.rf-home-801 .blogcards-sub,
.rf-801.rf-home-801 .about-content-col p { max-width: 62ch; }

/* ---- 2 · section rhythm + the hairline separators the new sections use ---- */
.rf-801.rf-home-801 .services-section,
.rf-801.rf-home-801 .about-section,
.rf-801.rf-home-801 .process-section,
.rf-801.rf-home-801 .why-me-section {
  padding-block: clamp(56px, 9vw, 104px);
  border-block-start: 1px solid var(--rf-hairline);
}

/* ---- 3 · editorial section headers: start-aligned, bigger, not centred ---- */
.rf-801.rf-home-801 .section-header.center { text-align: start; margin-inline: 0; max-width: 64ch; }
.rf-801.rf-home-801 .section-header h2,
.rf-801.rf-home-801 .about-content-col h2 {
  font-size: clamp(1.75rem, 4.4vw + .5rem, 3rem); line-height: 1.16; font-weight: 800;
}

/* ---- 4 · the three card families become editorial rows ---- */
.rf-801.rf-home-801 #services .service-card,
.rf-801.rf-home-801 #process .process-card,
.rf-801.rf-home-801 #why-me .why-item {
  background: transparent; border: 0; border-radius: 0; box-shadow: none;
  border-block-start: 1px solid var(--rf-hairline);
  padding: 24px 0; transform: none;
}
.rf-801.rf-home-801 #services .service-card:hover,
.rf-801.rf-home-801 #process .process-card:hover,
.rf-801.rf-home-801 #why-me .why-item:hover { transform: none; box-shadow: none; }
/* the hover wash was designed for a filled card; on a hairline row it is noise */
.rf-801.rf-home-801 #services .service-card::before,
.rf-801.rf-home-801 #process .process-card::before,
.rf-801.rf-home-801 #why-me .why-item::before { opacity: 0 !important; }

/* §17 — the dark-mode block above claims these exact selectors with !important and an
   #id scope, so a plain rule loses silently. Beat it the same way, one class higher. */
:root[data-rf-theme="dark"] .rf-801.rf-home-801 #services .service-card,
:root[data-rf-theme="dark"] .rf-801.rf-home-801 #why-me .why-item,
:root[data-rf-theme="dark"] .rf-801.rf-home-801 #process .process-card {
  background: transparent !important;
  border-color: var(--rf-hairline) !important;
}

/* ---- 5 · flatten the icon chips: an accent, not a filled tile ---- */
.rf-801.rf-home-801 #services .card-icon-wrapper,
.rf-801.rf-home-801 #why-me .why-icon,
.rf-801.rf-home-801 #process .step-icon-wrapper {
  background: transparent; box-shadow: none; border: 1px solid var(--rf-hairline);
  color: var(--rf-accent-tx);
}

/* ---- 6 · the about split stops the portrait ballooning at full width ---- */
.rf-801.rf-home-801 .about-image-col { max-inline-size: 460px; }

/* ---- 7 · desktop: the grids can breathe now that the shell is full width ---- */
@media (min-width: 1024px) {
  .rf-801.rf-home-801 .section-header.center { margin-block-end: clamp(28px, 4vw, 52px); }
  .rf-801.rf-home-801 .about-grid { align-items: center; }
}

/* ---- 8 · `.card-link` tap targets (§2). Three of the four were already 26px tall
     before this task; de-chroming the cards in §4 above shrank the fourth from 52px
     to match them. All four are home-only (0 uses on /קידום-אורגני/ or /בניית-אתרים/),
     so a home-scoped rule fixes the whole set. The +4px is the same baseline-flex
     rounding guard used on the tree: a bare 44px computes to 43.98. ---- */
.rf-801.rf-home-801 .card-link {
  display: inline-flex; align-items: center; min-block-size: calc(44px + 4px);
}

/* ---- 9 · WAVE 2c · three more raw-seed-as-text failures (§13), all pre-existing.
     Measured on the live page: `.subtitle-badge` used raw --rf-purple (#8C52FF) and
     failed in BOTH themes (3.22 dark / 3.11 light); `.pill-feature__tag` used raw
     --rf-cyan and measured 1.61:1 in light; `.card-link` sat at 2.39:1 in dark, which
     de-chroming the cards in §4 above nudged to 2.14:1 — so that one this task owns.
     Each now reads the per-theme accent the wave-1 bridge declares.
     HOME-SCOPED ONLY: `.subtitle-badge` is one of the §18 shared hero classes, so the
     site-wide version of this is a separate job, not a silent widening here. ---- */
.rf-801.rf-home-801 .card-link,
.rf-801.rf-home-801 .pill-feature__tag { color: var(--rf-accent-tx); }
.rf-801.rf-home-801 .card-link:hover   { color: var(--rf-accent-purple-tx); }
.rf-801.rf-home-801 .subtitle-badge    { color: var(--rf-accent-purple-tx); }

/* ═══════════════════════════════════════════════════════════════════════════
   ROMAFLOW · CHILD HUB — father→child interlinking component   (2026-08-29)
   Scope: .rf-801 .rf-childhub  (site-wide by design, like .rf-related-*)

   WHY SITE-WIDE AND NOT .rf-801.rf-<area>-801
   The same component ships on /קידום-אורגני/ (.rf-seo-801) and on
   /בניית-אתרים/ (.rf-webdesign-801), and wave 2 puts it on the sub-pages too.
   Every class is namespaced rf-childhub-*, checked unused across the repo
   before writing (§14/C2), so nothing else can be reached by these rules.

   ⚠ §13 THEME CONTRACT — WHY THIS DOES NOT REUSE --card-bg
   .rf-801 pins --card-bg:#ffffff, FIXED white in BOTH themes, while
   main.php's wp_head block flips --text-primary to #e6ebf2 in dark. That is
   the trap .rf-related-grid fell into: white text on a white card, patched
   later for .rf-seo-801 only (style-seo-801.css:588) and therefore still
   broken for any other page. This component instead carries its OWN surface
   token that flips with the theme, so --text-primary/--text-secondary stay
   correct in both modes and it needs NO per-page dark patch. It must NEVER
   be added to the dark-mode :is() white-card list in main.php — that list is
   for cards that stay white, and this one does not.
   ═══════════════════════════════════════════════════════════════════════════ */

/* base = light theme (mirrors how .rf-801 declares its own tokens light-first) */
.rf-801 .rf-childhub {
  --rf-ch-surface: #FFFFFF;
  --rf-ch-surface-hover: #F8FAFC;
  --rf-ch-border: rgba(148, 163, 184, 0.28);
  --rf-ch-ico-bg: linear-gradient(120deg, rgba(0, 229, 204, 0.16), rgba(0, 87, 255, 0.12));
  --rf-ch-ico-fg: var(--rf-blue);
  --rf-ch-shadow: 0 10px 24px rgba(15, 23, 42, 0.07);
  /* accent-as-text. --accent-cyan (#00E5CC) is a FILL colour, not a text
     colour: measured 1.61:1 on a white card and 1.43:1 on the cream light-mode
     atmosphere. #006E63 is the site's own vetted light-mode accent-as-text
     (style.css:8338), 6.16:1 on the card and 5.50:1 on the page. */
  --rf-ch-accent-tx: #006E63;
  padding: 64px 0;
}

:root[data-rf-theme="dark"] .rf-801 .rf-childhub {
  --rf-ch-surface: #12181F;
  --rf-ch-surface-hover: #1A222C;
  --rf-ch-border: rgba(255, 255, 255, 0.10);
  --rf-ch-ico-bg: linear-gradient(120deg, rgba(0, 229, 204, 0.12), rgba(0, 87, 255, 0.10));
  --rf-ch-ico-fg: var(--accent-cyan);
  --rf-ch-shadow: 0 10px 24px rgba(0, 0, 0, 0.34);
  --rf-ch-accent-tx: #00E5CC;   /* 11.12:1 on the dark card */
}

/* mobile-first: one column, then 2 at tablet and 3 at desktop (§2) */
.rf-801 .rf-childhub-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 16px;
}
@media (min-width: 768px) {
  .rf-801 .rf-childhub-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
}
@media (min-width: 1024px) {
  .rf-801 .rf-childhub-grid { grid-template-columns: repeat(3, 1fr); }
}

.rf-801 .rf-childhub-card {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  min-height: 44px;                 /* §2 tap target */
  padding: 18px;
  border-radius: 18px;
  background: var(--rf-ch-surface);
  border: 1px solid var(--rf-ch-border);
  color: var(--text-primary);
  text-decoration: none;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}
.rf-801 .rf-childhub-card:hover,
.rf-801 .rf-childhub-card:focus-visible {
  transform: translateY(-3px);      /* §6 compositor-only */
  border-color: var(--rf-ch-accent-tx);
  box-shadow: var(--rf-ch-shadow);
  background: var(--rf-ch-surface-hover);
}

.rf-801 .rf-childhub-ico {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--rf-ch-ico-bg);
  color: var(--rf-ch-ico-fg);
}
.rf-801 .rf-childhub-ico svg { display: block; }

.rf-801 .rf-childhub-body { min-width: 0; flex: 1 1 auto; }
.rf-801 .rf-childhub-body strong {
  display: block;
  margin-bottom: 6px;
  font-weight: 700;
  font-size: 1.02rem;
  line-height: 1.35;
  color: var(--text-primary);
}
.rf-801 .rf-childhub-body > span {
  display: block;
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--text-secondary);
  overflow-wrap: anywhere;
}

/* RTL-safe: the arrow is a glyph, so mirror it with a logical margin, not a
   direction-specific one. dir=rtl already points ← the correct way. */
.rf-801 .rf-childhub-go {
  flex: 0 0 auto;
  align-self: center;
  margin-inline-start: 4px;
  font-size: 1.1rem;
  line-height: 1;
  color: var(--rf-ch-accent-tx);
  transition: transform 0.25s ease;
}
.rf-801 .rf-childhub-card:hover .rf-childhub-go { transform: translateX(-4px); }
[dir="ltr"] .rf-801 .rf-childhub-card:hover .rf-childhub-go { transform: translateX(4px); }

.rf-801 .rf-childhub-foot {
  max-width: 1140px;
  margin: 26px auto 0;
  padding: 0 16px;
  text-align: center;
  font-size: 0.95rem;
  color: var(--text-secondary);
}
.rf-801 .rf-childhub-foot a {
  color: var(--rf-ch-accent-tx);
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.rf-801 .rf-childhub-foot a:hover,
.rf-801 .rf-childhub-foot a:focus-visible { border-bottom-color: var(--rf-ch-accent-tx); }

@media (prefers-reduced-motion: reduce) {
  .rf-801 .rf-childhub-card,
  .rf-801 .rf-childhub-go { transition: none; }
  .rf-801 .rf-childhub-card:hover { transform: none; }
  .rf-801 .rf-childhub-card:hover .rf-childhub-go { transform: none; }
}

/* =====================================================================
   RomaFlow · SINGLE POST — body readability + wide layout  (2026-08-31)
   ---------------------------------------------------------------------
   Asked for: "fix post content issues such as presentation of double
   bullet list, widen hero, fix top gap of hero, make sure Above the Fold
   is superior both desktop and mobile, fix general useless spacings and
   gaps, apply overall best readability practices both desktop and mobile,
   change layout to wide, small icons for each different H2."

   Compound-scoped `.rf-801.rf-single-801` throughout (§0/§18) so nothing
   here can reach the archive, the home page or any other -801 surface.

   NOT changed here, by Roma's decision: the H2/H3 FONT SIZE. Both render
   at a flat 55px because the Single Post widget's heading-typography
   control on Elementor template #86 emits
     .elementor-86 .elementor-element-c5d19f2 .rf-single-801 h1,h2,h3,h4
   which is (0,4,1) and leaks out of the hero into the article body.
   Roma is clearing that control in Elementor himself. Everything below is
   written in `rem`, not `em`, so it stays correct both at today's 55px and
   at whatever he sets. See LEDGER 2026-08-31.
   ===================================================================== */

/* --- 1 · LISTS · one marker, not two --------------------------------
   `.rf-801 ul{list-style:none}` (§143/3157) killed the native marker and
   `.rf-801 .entry-content ul li::before{content:"•"}` drew a cyan stand-in.
   Then `.rf-single-801 .entry-content ul{list-style:disc}` switched the
   native one back on — so every <li> in a post carried BOTH. The ::before
   is deleted at its source above; the native marker is kept because it
   hangs outside the text block, so a wrapped Hebrew line aligns under the
   text instead of under the bullet. It carries the brand cyan via ::marker. */
.rf-801.rf-single-801 .entry-content :is(ul, ol) {
	padding-inline-start: 1.5em;
	list-style-position: outside;
}
.rf-801.rf-single-801 .entry-content ul     { list-style: disc; }
.rf-801.rf-single-801 .entry-content ul ul  { list-style: circle; }
.rf-801.rf-single-801 .entry-content ol     { list-style: decimal; }
.rf-801.rf-single-801 .entry-content li::marker { color: var(--accent-cyan, #00E5CC); }
.rf-801.rf-single-801 .entry-content li     { margin-block-end: 0.55em; }

/* --- 2 · HEADINGS · superseded by the full H1–H6 scale in section 7 below
   (2026-09-01). The three rhythm-only rules that were here set line-height
   and margins but deliberately left font-size alone, because the size was
   still coming from the widget's combined heading-typography control. That
   control is gone from this widget now, so the scale lives here instead. */

/* --- 3 · SMALL BRAND ICON ON EVERY H2 -------------------------------
   Decorative, so a ::before (never enters the accessibility tree and
   never touches the H2 text Google indexes, §7). The six glyphs are the
   lucide subset already shipped in inc-icons.php, inlined as data URIs —
   no new file, no extra request, no CDN (§6). `mask` + `background` rather
   than background-image, so the icon paints with --gradient-main and
   follows whatever palette the Elementor gradient control is set to (§4).
   `> h2.wp-block-heading` keeps it to Gutenberg-authored headings; the H2s
   inside the embedded pricing (.rf-hu80), callout (.cb) and chart (.rf-cf)
   blocks are nested deeper and stay clean. */
.rf-801.rf-single-801 .entry-content > h2.wp-block-heading::before {
	content: "";
	display: inline-block;
	/* Tracks the heading (0.42em) but floored and capped in rem, so it reads
	   right BOTH at today's 55px headings (~23px) and at whatever Roma sets
	   in Elementor (~14px against a 32px heading) — same optical ratio. */
	inline-size: clamp(0.9rem, 0.42em, 1.6rem);
	block-size: clamp(0.9rem, 0.42em, 1.6rem);
	margin-inline-end: 0.3em;
	vertical-align: middle;
	background: var(--gradient-main, linear-gradient(90deg, var(--rf-purple, #8C52FF), var(--rf-pink, #FF0080)));
	-webkit-mask: var(--rf-h2-ico) center / contain no-repeat;
	        mask: var(--rf-h2-ico) center / contain no-repeat;
}
/* sparkles */
.rf-801.rf-single-801 .entry-content > h2.wp-block-heading:nth-of-type(6n+1) { --rf-h2-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d=%22M9.937%2015.5A2%202%200%200%200%208.5%2014.063l-6.135-1.582a.5.5%200%200%201%200-.962L8.5%209.936A2%202%200%200%200%209.937%208.5l1.582-6.135a.5.5%200%200%201%20.963%200L14.063%208.5A2%202%200%200%200%2015.5%209.937l6.135%201.581a.5.5%200%200%201%200%20.964L15.5%2014.063a2%202%200%200%200-1.437%201.437l-1.582%206.135a.5.5%200%200%201-.963%200z%22/%3E%3Cpath%20d=%22M20%203v4%22/%3E%3Cpath%20d=%22M22%205h-4%22/%3E%3Cpath%20d=%22M4%2017v2%22/%3E%3Cpath%20d=%22M5%2018H3%22/%3E%3C/svg%3E"); }
/* target */
.rf-801.rf-single-801 .entry-content > h2.wp-block-heading:nth-of-type(6n+2) { --rf-h2-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%226%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%222%22/%3E%3C/svg%3E"); }
/* zap */
.rf-801.rf-single-801 .entry-content > h2.wp-block-heading:nth-of-type(6n+3) { --rf-h2-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d=%22M4%2014a1%201%200%200%201-.78-1.63l9.9-10.2a.5.5%200%200%201%20.86.46l-1.92%206.02A1%201%200%200%200%2013%2010h7a1%201%200%200%201%20.78%201.63l-9.9%2010.2a.5.5%200%200%201-.86-.46l1.92-6.02A1%201%200%200%200%2011%2014z%22/%3E%3C/svg%3E"); }
/* check-circle */
.rf-801.rf-single-801 .entry-content > h2.wp-block-heading:nth-of-type(6n+4) { --rf-h2-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d=%22M21.801%2010A10%2010%200%201%201%2017%203.335%22/%3E%3Cpath%20d=%22m9%2011%203%203L22%204%22/%3E%3C/svg%3E"); }
/* rocket */
.rf-801.rf-single-801 .entry-content > h2.wp-block-heading:nth-of-type(6n+5) { --rf-h2-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d=%22M4.5%2016.5c-1.5%201.26-2%205-2%205s3.74-.5%205-2c.71-.84.7-2.13-.09-2.91a2.18%202.18%200%200%200-2.91-.09z%22/%3E%3Cpath%20d=%22m12%2015-3-3a22%2022%200%200%201%202-3.95A12.88%2012.88%200%200%201%2022%202c0%202.72-.78%207.5-6%2011a22.35%2022.35%200%200%201-4%202z%22/%3E%3Cpath%20d=%22M9%2012H4s.55-3.03%202-4c1.62-1.08%205%200%205%200%22/%3E%3Cpath%20d=%22M12%2015v5s3.03-.55%204-2c1.08-1.62%200-5%200-5%22/%3E%3C/svg%3E"); }
/* trending-up */
.rf-801.rf-single-801 .entry-content > h2.wp-block-heading:nth-of-type(6n) { --rf-h2-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolyline%20points=%2222%207%2013.5%2015.5%208.5%2010.5%202%2017%22/%3E%3Cpolyline%20points=%2216%207%2022%207%2022%2013%22/%3E%3C/svg%3E"); }

/* --- 4 · WIDE LAYOUT · 1140 shell, prose capped, wide blocks break out
   The article was a 628px ribbon in a 1440px window. Hero container 1160
   and body 860 both go to the house 1140 (§1) so they share one edge line,
   and the wrapper's inset — left over from a card surface that has been
   transparent since 2026-08-03 (see the .entry-content-wrapper block above)
   — comes off, which is where the phone gains its line length.
   Running prose stays capped at 54rem so a Hebrew line does not grow past a
   comfortable measure; tables, figures, the chart and pricing blocks take
   the full track. NOTE: normal flow is kept deliberately — a grid on
   .entry-content would stop adjacent margins collapsing and silently
   double every gap in the article. */
.rf-801.rf-single-801 .post-hero .container,
.rf-801.rf-single-801 .post-layout-container { max-width: 1140px; }

.rf-801.rf-single-801 .entry-content-wrapper { padding-inline: 0; padding-block: 0; }

.rf-801.rf-single-801 .entry-content > * { max-width: 54rem; margin-inline: auto; }
.rf-801.rf-single-801 .entry-content > :is(table, figure, .wp-block-table, .wp-block-image,
	.wp-block-embed, .wp-block-gallery, .rf-cf, .rf-hu80) { max-width: none; }

/* Share rail collapses at 1023, not 768 — otherwise a tablet loses 88px of
   track to a vertical rail it has no room for. */
@media (max-width: 1023px) {
	.rf-801.rf-single-801 .post-layout-container { grid-template-columns: 1fr; gap: 24px; }
	.rf-801.rf-single-801 .post-sidebar-share {
		position: static; flex-direction: row; justify-content: center; flex-wrap: wrap;
	}
	.rf-801.rf-single-801 .share-label { writing-mode: horizontal-tb; }
}

/* --- 5 · SPACING · the dead air above and below the hero ------------
   Header→breadcrumbs was 140px: 80px of phantom header reservation
   (deleted above) plus the hero's own 60px. Hero→content was 110px:
   a 60px margin-bottom leaking from the legacy .rf-801 .post-hero rule
   that 6065 never reset, plus 50px of container padding. */
.rf-801.rf-single-801 .post-hero { padding-block: 32px 40px; margin-bottom: 0; }
.rf-801.rf-single-801 .post-layout-container { padding-block: 40px 64px; }
.rf-801.rf-single-801 .post-breadcrumbs { margin-bottom: 18px; }
@media (max-width: 767px) {
	.rf-801.rf-single-801 .post-hero { padding-block: 24px 32px; }
	.rf-801.rf-single-801 .post-layout-container { padding-block: 28px 48px; }
}

/* --- 6 · PROSE + LINKS ----------------------------------------------
   `.rf-801 p{font-size:1.05rem}` sets the size directly on every paragraph,
   so `.entry-content{font-size:1.12rem}` could never reach it and body copy
   sat at 16.8px. This out-specifies it.
   Links were `display:inline-block`, which cannot break across lines — one
   long link became a rigid box that shoved the line and ragged the
   paragraph — and they carried BOTH an absolute ::after rule and a
   text-decoration, i.e. two underlines. Colour is derived from the brand
   token rather than the hardcoded #6d28d9/#4c1d95 (§4), darkened enough to
   clear WCAG AA on white: bare --rf-purple is only 4.4:1 there (§13). */
.rf-801.rf-single-801 .entry-content :is(p, li) { font-size: 1.0625rem; line-height: 1.8; }
@media (min-width: 768px) {
	.rf-801.rf-single-801 .entry-content :is(p, li) { font-size: 1.125rem; }
}
.rf-801.rf-single-801 .entry-content p { margin-block-end: 1.35em; }

.rf-801.rf-single-801 .entry-content a {
	display: inline;
	background: none;
	-webkit-text-fill-color: currentColor;
	color: #6d28d9;
	color: color-mix(in srgb, var(--rf-purple, #8C52FF) 72%, #000);
	font-weight: 600;
	text-decoration: underline;
	text-decoration-thickness: from-font;
	text-underline-offset: 0.18em;
}
.rf-801.rf-single-801 .entry-content a::after { content: none; }
:root[data-rf-theme="dark"] .rf-801.rf-single-801 .entry-content a {
	color: #c4a8ff;
	color: color-mix(in srgb, var(--rf-purple, #8C52FF) 55%, #fff);
}

/* A table that outgrows a phone scrolls inside its own wrapper rather than
   pushing the whole page sideways (§2: no horizontal scroll at any width).
   Applied to the Gutenberg WRAPPER, never to the <table> itself: the offline
   harness caught `display:block` on a <table> collapsing the two data tables
   inside the .rf-cf chart figures to 1px wide at 390px. Those belong to the
   chart widget, size themselves, and must be left alone. */
.rf-801.rf-single-801 .entry-content > :is(.wp-block-table, figure.wp-block-table) { overflow-x: auto; }
/* ===== end SINGLE POST body readability + wide layout (2026-08-31) ===== */

/* --- 7 · H1–H6 TYPE SCALE (2026-09-01) -------------------------------
   Replaces the three line-height/margin rules shipped on 2026-08-31 with a
   complete scale, because half of it did not exist: h4 had no size at all
   and h5/h6 had NO rule anywhere in this sheet, so they fell to the browser
   defaults — 0.83em and 0.67em, i.e. SMALLER than body text. h2 and h3 were
   also indistinguishable in the article, both forced to 55px by the widget's
   combined heading-typography control on Elementor template #86; that control
   is removed from the Single Post widget in this same deploy.

   Fluid clamp() rather than three fixed device values: it scales smoothly
   between breakpoints instead of stepping, which matters for Hebrew, and it
   needs no Elementor CSS regeneration to be correct.

   Every level is pinned ABOVE the 17px/18px body set on 2026-08-31 — the
   first draft of this scale put h5 at 17px and h6 at 16px, which on desktop
   is under an 18px paragraph, i.e. exactly the browser-default defect it was
   meant to fix. Measured at 320/390/1024/1440: 32/27/23/20/18.6/17.4 rising
   to 46/34/27/23/21/19, strictly descending at every width with h6 always
   above body.

   h2/h3 keep the brand gradient (Roma's call). h4 takes solid ink and h5/h6
   the secondary ink, so the minor levels read as labels instead of competing
   with h3. The hero `h1.post-title` keeps its own clamp — this scale is
   scoped to the article body only.

   Every level is overridable per device from Elementor: Style → "Typography —
   H1…H6", one tab per level (size, colour, margin, alignment), registered in
   inc-style-controls.php::register_rf_heading_levels_801(). Those controls are
   (0,5,1) and ship empty, so they beat this block only where one is set. */
.rf-801.rf-single-801 .entry-content h1 {
	font-size: clamp(2rem, 1.35rem + 2.7vw, 2.875rem);        /* 32 → 46 */
	font-weight: 900; line-height: 1.15; margin-block: 0 1rem;
}
.rf-801.rf-single-801 .entry-content h2 {
	font-size: clamp(1.7rem, 1.28rem + 1.75vw, 2.125rem);     /* 27 → 34 */
	font-weight: 800; line-height: 1.25; margin-block: 2.6rem 0.75rem;
}
.rf-801.rf-single-801 .entry-content h3 {
	font-size: clamp(1.45rem, 1.24rem + 0.9vw, 1.7rem);       /* 23 → 27 */
	font-weight: 700; line-height: 1.35; margin-block: 2rem 0.6rem;
}
.rf-801.rf-single-801 .entry-content h4 {
	font-size: clamp(1.25rem, 1.15rem + 0.42vw, 1.44rem);     /* 20 → 23 */
	font-weight: 700; line-height: 1.4; margin-block: 1.6rem 0.5rem;
	color: var(--text-primary, #0F172A); -webkit-text-fill-color: currentColor;
}
.rf-801.rf-single-801 .entry-content h5 {
	font-size: clamp(1.16rem, 1.1rem + 0.26vw, 1.3rem);       /* 18.6 → 20.8 */
	font-weight: 700; line-height: 1.45; margin-block: 1.4rem 0.4rem;
	color: var(--text-secondary, #475569); -webkit-text-fill-color: currentColor;
}
.rf-801.rf-single-801 .entry-content h6 {
	font-size: clamp(1.09rem, 1.06rem + 0.14vw, 1.19rem);     /* 17.4 → 19 */
	font-weight: 700; line-height: 1.5; letter-spacing: 0.02em;
	margin-block: 1.3rem 0.4rem;
	color: var(--text-secondary, #475569); -webkit-text-fill-color: currentColor;
}
/* ===== end H1–H6 type scale (2026-09-01) ===== */