Domain > lynxbe.co.il

More information on this domain is in AlienVault OTX

DNS Resolutions

Date	IP Address
2025-09-29	13.225.61.5 (ClassC)
2026-02-19	3.175.34.65 (ClassC)

HTTP/1.1 200 OKContent-Type: text/html; charsetutf-8Content-Length: 302571Connection: keep-aliveDate: Thu, 19 Feb 2026 10:52:43 GMTCache-Control: no-cache, no-store, must-revalidate, max-age0Last-Modified: Wed, 18 Feb 2026 05:02:05 GMTETag: d4dec5954a9c1d7b369e7abb051ec0dfServer: AmazonS3X-Cache: Error from cloudfrontVia: 1.1 807ba99de77a37a6a53c93279fb231fe.cloudfront.net (CloudFront)X-Amz-Cf-Pop: HIO52-P3X-Amz-Cf-Id: 21Jjkk4u5IyLoU5-xTqYLDKGYJP5Y_PZ5CYkWA5UTuKJyDYgJSQXIQX-Frame-Options: SAMEORIGINStrict-Transport-Security: max-age31536000; includeSubDomains

!DOCTYPE html>html langen classoverscroll-y-none>head>    meta charsetUTF-8>    script srcjs/console-suppress.min.js>/script>    meta nameviewport contentwidthdevice-width, initial-scale1.0, viewport-fitcover>    meta namereferrer contentstrict-origin-when-cross-origin>    title data-i18nseo.title>בית תוכנה מוביל בישראל | פיתוח אפליקציות ואתרים - Lynxbe/title>    meta namedescription contentבית תוכנה מוביל בישראל. חברת פיתוח אפליקציות ותוכנה עם 12+ שנות ניסיון. פיתוח אפליקציות iOS, Android, Flutter. פיתוח אתרים ומערכות AI. צוות מומחים בתל אביב וחיפה. ייעוץ חינם. data-i18nseo.description>    meta namekeywords contentבית תוכנה, פיתוח אפליקציות, פיתוח אפליקציות בישראל, חברת פיתוח אפליקציות, חברה לפיתוח אפליקציות, בית תוכנה בישראל, חברת פיתוח תוכנה, פיתוח תוכנה מותאם אישית, software house Israel, פיתוח אתרים, app development israel, software development Israel, Flutter, React Native, iOS, Android, lynxbe, WhatsApp business API>    meta nameauthor contentLynxbe Ltd>    meta namerobots contentindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1>    meta namegeo.region contentIL>    meta namegeo.placename contentTel Aviv-Yafo, Israel>    meta namegeo.position content32.0853;34.7818>    meta nameICBM content32.0853, 34.7818>        !-- Canonical URL -->    link relcanonical hrefhttps://www.lynxbe.co.il/>    script iduniversal-canonical>        // Universal canonical URL handler        (function() {            try {                const canonical  document.querySelector(linkrelcanonical);                if (!canonical) return;                                const url  new URL(window.location.href);                                // 1. Force www subdomain                if (url.hostname  lynxbe.co.il || url.hostname  lynxbe.com || url.hostname  lynxbe.net) {                    url.hostname  www.lynxbe.co.il;                }                                // 2. Remove .html from pathname                if (url.pathname.endsWith(.html)) {                    url.pathname  url.pathname.replace(/\.html$/, );                }                                // 3. Remove tracking and unnecessary query parameters                // Keep only essential params for specific pages                const pathname  url.pathname;                const isBlogPost  pathname.includes(/blog-post);                const essentialParams  isBlogPost ? id, slug : ;                                const newParams  new URLSearchParams();                essentialParams.forEach(param > {                    if (url.searchParams.has(param)) {                        newParams.set(param, url.searchParams.get(param));                    }                });                                // Remove tracking params                const trackingParams  utm_source, utm_medium, utm_campaign, utm_term, utm_content, fbclid, gclid, ref, from, search, page, category, author, lang;                trackingParams.forEach(param > url.searchParams.delete(param));                                url.search  newParams.toString();                                // Set canonical                canonical.href  url.toString();                canonical.setAttribute(href, url.toString());            } catch (e) {                console.error(Canonical URL error:, e);            }        })();    /script>    script>        // Ensure canonical URL doesnt include .html extension        (function() {            const canonical  document.querySelector(linkrelcanonical);            if (canonical && window.location.pathname.includes(.html)) {                canonical.href  https://www.lynxbe.co.il/;            }        })();    /script>    script>        // Canonicalize URLs with query parameters to clean homepage        (function() {            const canonical  document.querySelector(linkrelcanonical);            if (canonical) {                const url  new URL(window.location.href);                // Remove UTM and other tracking parameters                const paramsToRemove  utm_source, utm_medium, utm_campaign, utm_term, utm_content, from, ref, fbclid, gclid;                paramsToRemove.forEach(param > url.searchParams.delete(param));                                // If only tracking params were removed, canonicalize to clean URL                if (url.search   || url.search  ?) {                    canonical.href  https://www.lynxbe.co.il/;                } else {                    canonical.href  url.toString();                }            }        })();    /script>        !-- Open Graph / Facebook -->    meta propertyfb:app_id content966242223397117>    meta propertyog:type contentwebsite>    meta propertyog:url contenthttps://www.lynxbe.co.il/>    meta propertyog:title contentבית תוכנה מוביל בישראל | פיתוח אפליקציות ואתרים - Lynxbe>    meta propertyog:description contentבית תוכנה מוביל בישראל. חברת פיתוח אפליקציות ותוכנה עם 12+ שנות ניסיון. פיתוח אפליקציות iOS, Android, Flutter. פיתוח אתרים ומערכות AI. צוות מומחים בתל אביב וחיפה.>    meta propertyog:image contenthttps://www.lynxbe.co.il/assets/lynxbe-platform-og.png>    meta propertyog:image:width content1200>    meta propertyog:image:height content700>    meta propertyog:site_name contentLynxbe - בית תוכנה | פיתוח אפליקציות>    meta propertyog:locale contenthe_IL>    meta propertyog:locale:alternate contenten_US>        !-- Twitter -->    meta nametwitter:card contentsummary_large_image>    meta nametwitter:url contenthttps://www.lynxbe.co.il/>    meta nametwitter:title contentבית תוכנה מוביל בישראל | פיתוח אפליקציות - Lynxbe>    meta nametwitter:description contentבית תוכנה מוביל בישראל. חברת פיתוח אפליקציות עם 12+ שנות ניסיון. פיתוח אפליקציות iOS, Android, Flutter. פיתוח אתרים ומערכות AI. צוות מומחים בתל אביב וחיפה.>    meta nametwitter:image contenthttps://www.lynxbe.co.il/assets/lynxbe-platform-og.png>    meta nametwitter:site content@lynxbe1>    meta nametwitter:creator content@lynxbe1>    !-- Hreflang for multilingual pages -->    link relalternate hreflanghe hrefhttps://www.lynxbe.co.il/>    link relalternate hreflangen hrefhttps://www.lynxbe.co.il/?langen>    link relalternate hreflangx-default hrefhttps://www.lynxbe.co.il/>        meta namelynxbe-usd-ils content3.75>    meta namelynxbe-currency contentUSD>    !-- Preconnect to external domains -->    link relpreconnect hrefhttps://fonts.googleapis.com>    link relpreconnect hrefhttps://fonts.gstatic.com crossorigin>    link relicon hreffavicon.svg>        !-- Google Fonts - Rubik -->    link hrefhttps://fonts.googleapis.com/css2?familyRubik:wght@300;400;500;600;700;800;900&displayswap relstylesheet>        !-- Global Font Override - Must be loaded before other CSS -->    link relstylesheet hrefcss/global-fonts.css>        !-- Core CSS - loaded in order of importance -->    link relstylesheet hrefcss/styles.min.css?v202511041941>    link relstylesheet hrefcss/services-marquee.css>    link relstylesheet hrefcss/animated-logo.min.css>    link relstylesheet hrefcss/language-switcher.min.css>    link relstylesheet hrefcss/glowing-button.min.css>    link relstylesheet hrefcss/notification-styles.min.css>    link relstylesheet hrefcss/services-styles.min.css>    link relstylesheet hrefcss/testimonials-styles.min.css?v202511051600>    link relstylesheet hrefcss/eye-following-section.min.css?v202511042200>    link relstylesheet hrefcss/card-stack-section.min.css>    link relstylesheet hrefcss/pricing-styles.min.css>    link relstylesheet hrefcss/integrations-styles.min.css>    link relstylesheet hrefcss/community-styles.min.css>    link relstylesheet hrefcss/copyright-footer.min.css>    link relstylesheet hrefcss/rtl-support.min.css>    link relstylesheet hrefcss/document-typing-animation.min.css>    link relstylesheet hrefcss/booking-modal.min.css>    link relstylesheet hrefcss/booking-styles.min.css?v202511042230>    link relstylesheet hrefcss/enhanced-video.min.css>    link relstylesheet hrefcss/social-icons-addon.min.css>    link relstylesheet hrefcss/card-fix.min.css>    link relstylesheet hrefcss/qa-styles.min.css?v2024110444>    link relstylesheet hrefcss/call-icons.min.css>    link relstylesheet hrefcss/scroll-final-fix.css?v202511062000>    link relstylesheet hrefcss/lynxbe-header.css>    link relstylesheet hrefcss/header-mega-dropdown.css>            !-- Fonts -->    link hrefhttps://fonts.googleapis.com/css2?familyJetBrains+Mono:wght@400;500&displayswap relstylesheet>        !-- Schema.org Structured Data -->    script typeapplication/ld+json>    {      @context: https://schema.org,      @type: Organization,      name: Lynxbe - בית תוכנה מוביל בישראל | פיתוח אפליקציות,      alternateName: Lynxbe Ltd, Lynxbe Israel, בית תוכנה Lynxbe, חברת פיתוח אפליקציות Lynxbe, לינקסבי פיתוח אפליקציות, חברת פיתוח תוכנה Lynxbe,      url: https://www.lynxbe.co.il,      logo: https://www.lynxbe.co.il/assets/logo/Lynxbe4x.png,      image: https://www.lynxbe.co.il/assets/logo/Lynxbe4x.png,      description: Lynxbe - בית תוכנה מוביל בישראל. חברת פיתוח אפליקציות ותוכנה עם 12+ שנות ניסיון. פיתוח אפליקציות iOS, Android, Flutter. פיתוח אתרים ומערכות AI. צוות מומחים בתל אביב וחיפה.,      foundingDate: 2010,      address: {        @type: PostalAddress,        streetAddress: Tel Aviv-Yafo,        addressLocality: Tel Aviv-Yafo,        addressRegion: Tel Aviv District,        postalCode: 6801282,        addressCountry: IL      },      geo: {        @type: GeoCoordinates,        latitude: 32.0853,        longitude: 34.7818      },      areaServed:         {          @type: City,          name: Tel Aviv        },        {          @type: City,          name: Haifa        },        {          @type: Country,          name: Israel        }      ,      contactPoint:         {        @type: ContactPoint,        telephone: +972-4-376-1807,        contactType: customer service,          availableLanguage: English, Hebrew,          areaServed: IL      },        {          @type: ContactPoint,          telephone: +972-4-376-1807,          contactType: sales,          availableLanguage: English, Hebrew,          areaServed: IL        }      ,      sameAs:         https://www.linkedin.com/company/lynxbe,        https://www.facebook.com/WeAreLynxbe,        https://x.com/lynxbe1,        https://www.instagram.com/wearelynxbe,        https://stackoverflow.com/users/12646674/lynxbe,        https://github.com/lynxbeTLV      ,      founder:         {          @type: Person,          name: Zeev Grim,          jobTitle: Co-Founder & CEO,          url: https://www.lynxbe.co.il/ZeevGrim        },        {          @type: Person,           name: Ofek Grim,          jobTitle: Co-Founder & CTO,          url: https://www.lynxbe.co.il/OfekGrim        }      ,      employee:         {          @type: Person,          name: Elle Dauda,          jobTitle: Lead Developer,          url: https://www.lynxbe.co.il/ElleDauda        },        {          @type: Person,          name: Yair Azulai,          jobTitle: Developer,          url: https://www.lynxbe.co.il/YairAzulai        },        {          @type: Person,          name: Dani Gilboa,          jobTitle: Developer,          url: https://www.lynxbe.co.il/DaniGilboa        },        {          @type: Person,          name: Shiri Shaz,          jobTitle: Developer,          url: https://www.lynxbe.co.il/ShiriShaz        }      ,      numberOfEmployees: 2-10,      slogan: Chart the course of innovation,      knowsAbout:         Software Development,        Mobile App Development,        Web Development,        Artificial Intelligence,        WhatsApp Business API,        Cloud Solutions,        Digital Transformation,        Custom Software,        Marketing Automation,        Call Center Solutions      ,      hasOfferCatalog: {        @type: OfferCatalog,        name: Software Development Services,        itemListElement:           {            @type: Offer,            itemOffered: {        @type: Service,              name: AI Solutions,              description: Custom AI and machine learning solutions for business automation,              url: https://www.lynxbe.co.il/ai-solutions            }          },          {            @type: Offer,            itemOffered: {              @type: Service,              name: WhatsApp Business API,              description: Professional WhatsApp Business API integration and automation,              url: https://www.lynxbe.co.il/whatsapp-business            }          },          {            @type: Offer,            itemOffered: {              @type: Service,              name: Web Development,              description: Custom website development and web applications,              url: https://www.lynxbe.co.il/web-development            }          },          {            @type: Offer,            itemOffered: {              @type: Service,              name: Mobile App Development,              description: iOS and Android mobile application development,              url: https://www.lynxbe.co.il/app-development            }          },          {            @type: Offer,            itemOffered: {              @type: Service,              name: Cloud Solutions,              description: Cloud infrastructure and migration services,              url: https://www.lynxbe.co.il/cloud-solutions            }          },          {            @type: Offer,            itemOffered: {              @type: Service,              name: Automation Systems,              description: Business process automation and workflow optimization,              url: https://www.lynxbe.co.il/automation-systems            }          }              }    }    /script>        !-- WebSite Schema for Search Box -->    script typeapplication/ld+json>    {      @context: https://schema.org,      @type: WebSite,      name: Lynxbe,      url: https://www.lynxbe.co.il,      potentialAction: {        @type: SearchAction,        target: https://www.lynxbe.co.il/blog?search{search_term_string},        query-input: required namesearch_term_string      }    }    /script>        !-- LocalBusiness Schema for Tel Aviv - בית תוכנה -->    script typeapplication/ld+json>    {      @context: https://schema.org,      @type: LocalBusiness,      name: Lynxbe - בית תוכנה בתל אביב,      alternateName: בית תוכנה Lynxbe, Lynxbe Software House Tel Aviv,      image: https://www.lynxbe.co.il/assets/logo/Lynxbe4x.png,      @id: https://www.lynxbe.co.il/software-development-tel-aviv,      url: https://www.lynxbe.co.il,      telephone: +972-4-376-1807,      priceRange: $$,      description: בית תוכנה מוביל בתל אביב. פיתוח אפליקציות, אתרים ומערכות תוכנה מותאמות אישית.,      address: {        @type: PostalAddress,        streetAddress: Tel Aviv-Yafo,        addressLocality: Tel Aviv-Yafo,        addressRegion: Tel Aviv District,        postalCode: 6801282,        addressCountry: IL      },      geo: {        @type: GeoCoordinates,        latitude: 32.0853,        longitude: 34.7818      },      openingHoursSpecification: {        @type: OpeningHoursSpecification,        dayOfWeek:           Monday,          Tuesday,          Wednesday,          Thursday,          Sunday        ,        opens: 09:00,        closes: 18:00      },      sameAs:         https://www.linkedin.com/company/lynxbe,        https://www.facebook.com/WeAreLynxbe,        https://x.com/lynxbe1          }    /script>        !-- Firebase scripts -->    script srchttps://www.gstatic.com/firebasejs/9.23.0/firebase-app-compat.js>/script>    script srchttps://www.gstatic.com/firebasejs/9.23.0/firebase-functions-compat.js>/script>        !-- Three.js scripts -->    script srchttps://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js>/script>    script srchttps://cdn.jsdelivr.net/npm/three@0.128.0/examples/js/loaders/GLTFLoader.js>/script>        !-- Custom styles for booking section integration -->    style>        .booking-section {            padding: 80px 0;            background-color: rgba(23, 25, 35, 0.95);        }                .booking-section h2 {            text-align: center;            color: var(--grey-5);            margin-bottom: 16px;            margin-top: 30px;            font-size: 19px;            font-weight: 700;        }                .booking-section .section-subtitle {            text-align: center;            max-width: 600px;            margin: 0 auto 48px;                        color: var(--grey-5);        }                /* Additional Participants Styles */        .form-section-title {            font-size: 1.1rem;            font-weight: 600;            color: var(--grey-5, #ffffff);            margin: 1.5rem 0 1rem 0;            padding-bottom: 0.5rem;            border-bottom: 1px solid rgba(255, 255, 255, 0.1);        }                .additional-participants-section {            margin: 2rem 0;        }                .additional-participants-section .section-header {            display: flex;            justify-content: space-between;            align-items: center;            margin-bottom: 1rem;            flex-wrap: wrap;            gap: 1rem;        }                .additional-participants-section .form-section-title {            margin: 0;            border: none;            padding: 0;            flex: 1;        }                .add-participant-btn {            display: inline-flex;            align-items: center;            gap: 0.5rem;            padding: 0.5rem 1rem;            background: linear-gradient(135deg, #3D7EFF 0%, #667eea 100%);            color: white;            border: none;            border-radius: 8px;            font-size: 0.9rem;            font-weight: 600;            cursor: pointer;            transition: all 0.3s ease;            box-shadow: 0 2px 8px rgba(61, 126, 255, 0.3);        }                .add-participant-btn:hover {            transform: translateY(-2px);            box-shadow: 0 4px 12px rgba(61, 126, 255, 0.4);        }                .add-participant-btn:active {            transform: translateY(0);        }                .add-participant-btn svg {            width: 18px;            height: 18px;        }                .participant-group {            background: rgba(255, 255, 255, 0.03);            border: 1px solid rgba(255, 255, 255, 0.1);            border-radius: 12px;            padding: 1.5rem;            margin-bottom: 1rem;            position: relative;            animation: slideIn 0.3s ease-out;        }                @keyframes slideIn {            from {                opacity: 0;                transform: translateY(-10px);            }            to {                opacity: 1;                transform: translateY(0);            }        }                @keyframes slideOut {            from {                opacity: 1;                transform: translateY(0);            }            to {                opacity: 0;                transform: translateY(-10px);            }        }                .participant-group-header {            display: flex;            justify-content: space-between;            align-items: center;            margin-bottom: 1rem;        }                .participant-number {            font-size: 0.95rem;            font-weight: 600;            color: rgba(61, 126, 255, 1);        }                .remove-participant-btn {            display: inline-flex;            align-items: center;            justify-content: center;            width: 32px;            height: 32px;            background: rgba(255, 95, 11, 0.1);            border: 1px solid rgba(255, 95, 11, 0.3);            border-radius: 50%;            color: #FF5F0B;            cursor: pointer;            transition: all 0.3s ease;            padding: 0;        }                .remove-participant-btn:hover {            background: rgba(255, 95, 11, 0.2);            border-color: rgba(255, 95, 11, 0.5);            transform: scale(1.1);        }                .remove-participant-btn svg {            width: 18px;            height: 18px;        }                .participant-fields {            display: grid;            grid-template-columns: 1fr 1fr;            gap: 1rem;        }                .participant-fields .form-group {            margin-bottom: 0;        }                .participant-fields .form-group.full-width {            grid-column: 1 / -1;        }                @media (max-width: 991px) {            .booking-container {                max-width: 800px;                margin: 0 auto;                padding: 0 20px;            }        }                @media (max-width: 767px) {            .booking-section {                padding: 60px 0;            }                        .booking-section h2 {                font-size: 28px;            }                        .booking-section .section-subtitle {                margin-bottom: 32px;            }                        .additional-participants-section .section-header {                flex-direction: column;                align-items: stretch;            }                        .add-participant-btn {                width: 100%;                justify-content: center;            }                        .participant-fields {                grid-template-columns: 1fr;            }                        .participant-group {                padding: 1rem;            }        }        .logo-img {            transform-origin: center;            transition: filter 0.3s ease;            will-change: transform;        }                .logo-img:hover {            filter: brightness(1.2) drop-shadow(0 0 5px rgba(125, 128, 255, 0.7));        }                @keyframes subtle-pulse {            0% { transform: scale(1) rotate(90deg); }            50% { transform: scale(1.05) rotate(90deg); }            100% { transform: scale(1) rotate(90deg); }        }        /* Mobile Showcase Section Styles */        .mobile-showcase-section {            padding: 80px 0;            background: linear-gradient(135deg, rgba(23, 25, 35, 0.95) 0%, rgba(45, 48, 62, 0.95) 100%);            position: relative;            overflow: hidden;        }        .mobile-showcase-section::before {            content: ;            position: absolute;            top: 0;            left: 0;            right: 0;            bottom: 0;            background: radial-gradient(circle at 30% 20%, rgba(125, 128, 255, 0.1) 0%, transparent 50%),                        radial-gradient(circle at 70% 80%, rgba(255, 107, 107, 0.1) 0%, transparent 50%);            pointer-events: none;        }        .mobile-showcase-content {            display: flex;            flex-direction: column;            gap: 40px;            align-items: center;            position: relative;            z-index: 1;            text-align: center;        }        .mobile-showcase-text h2 {            font-size: 2.5rem;            font-weight: 700;            color: var(--grey-5);            margin-bottom: 20px;            line-height: 1.2;        }        .mobile-showcase-text p {            font-size: 1.1rem;            color: var(--grey-4);            margin-bottom: 40px;            line-height: 1.6;        }        .mobile-features {            display: flex;            flex-direction: column;            gap: 24px;        }        .mobile-feature h3 {            font-size: 1.2rem;            font-weight: 600;            color: var(--grey-5);            margin-bottom: 8px;        }        .mobile-feature p {            font-size: 0.95rem;            color: var(--grey-4);            margin: 0;            line-height: 1.5;        }        .mobile-showcase-image {            padding: 100px;            /* width: 200vw; */            /* position: relative; */            /* left: 50%; */            /* right: 100%; */            /* margin-left: -50vw; */            /* margin-right: -50vw; */            /* display: flex; */            justify-content: center;            align-items: center;        }        .mobile-phones-image {            width: 100%;            max-width: 1400px;            height: auto;            filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.3));            transition: transform 0.3s ease;        }        .mobile-phones-image:hover {            transform: scale(1.02);        }        @media (max-width: 991px) {            .mobile-showcase-text h2 {                font-size: 2rem;            }            .mobile-phones-image {                max-width: 1200px;            }        }        @media (max-width: 767px) {            .mobile-showcase-section {                padding: 60px 0;            }            .mobile-showcase-text h2 {                font-size: 1.8rem;            }            .mobile-showcase-text p {                font-size: 1rem;            }            .mobile-phones-image {                max-width: 1000px;            }        }                .logo-pulse {            animation: subtle-pulse 3s ease-in-out infinite;        }        .card-icon-team-planner {            margin-bottom: 12px; /* Adjust spacing as needed */            color: var(--grey-5); /* Or your preferred icon color */        }        .card-icon-keyboard,        .card-icon-notifications,        .card-icon-timeblocking,        .card-icon-templates,        .card-icon-progress,        .card-icon-reminders,        .card-icon-automation,        .card-icon-dashboards {            margin-bottom: 12px; /* Adjust spacing as needed */            color: var(--grey-5); /* Or your preferred icon color */        }        /* Updated Software Process Animation Styles */        .software-process-animation {            overflow: hidden; /* Prevent pop-in elements from showing before animation */        }        .process-stages-container {            /* Styles for the flex container of stages */        }        .process-stage {            opacity: 0;            transform: translateY(30px) scale(0.9);            transition: opacity 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55), transform 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);            display: flex;            flex-direction: column;            align-items: center; /* Center icon and text */        }        .process-stage.visible {            opacity: 1;            transform: translateY(0) scale(1);        }        .process-stage .stage-icon,        .process-stage .stage-name,        .process-stage .stage-description {            opacity: 0;            transform: translateY(15px);            transition: opacity 0.5s ease-out 0.2s, transform 0.5s ease-out 0.2s; /* Delay for staggered effect */        }        .process-stage.visible .stage-icon {            opacity: 1;            transform: translateY(0);            transition-delay: 0.3s; /* Stagger icon */        }        .process-stage.visible .stage-name {            opacity: 1;            transform: translateY(0);            transition-delay: 0.45s; /* Stagger name */        }        .process-stage.visible .stage-description {            opacity: 1;            transform: translateY(0);            transition-delay: 0.6s; /* Stagger description */        }        .process-connector {            opacity: 0;            transform: scaleX(0);            transform-origin: left;            transition: opacity 0.5s ease-in 0.4s, transform 0.7s cubic-bezier(0.77, 0, 0.18, 1) 0.4s; /* Growing effect */        }        .process-connector.visible {            opacity: 1;            transform: scaleX(1);        }        .space-for-software-visualization {            opacity: 0; /* Initially hidden */            transform: scale(0.9);            transition: opacity 0.8s ease-out, transform 0.8s ease-out;         }        .space-for-software-visualization.visible {            opacity: 1;            transform: scale(1);            animation: buildSpaceCreative 2s ease-out forwards 0.5s; /* Apply new animation when visible */        }        .space-for-software-visualization h4,        .space-for-software-visualization p {            opacity: 0;            transform: translateY(10px);            transition: opacity 0.6s ease-out, transform 0.6s ease-out;        }        .space-for-software-visualization.visible h4 {            opacity: 1;            transform: translateY(0);            transition-delay: 1s; /* Stagger title */        }        .space-for-software-visualization.visible p {            opacity: 1;            transform: translateY(0);            transition-delay: 1.2s; /* Stagger paragraph */        }        @keyframes buildSpaceCreative {            0% {                transform: scale(0.95) perspective(500px) rotateX(-10deg);                opacity: 0.6;                border-color: transparent;                box-shadow: 0 0 0px rgba(0, 123, 255, 0);            }            30% {                border-color: rgba(0, 123, 255, 0.5);                 border-style: dashed;                border-width: 2px;            }            60% {                transform: scale(1.02) perspective(500px) rotateX(5deg);                opacity: 0.8;                border-color: #007bff;                border-style: dashed;                border-width: 3px; /* Thicker border */                box-shadow: 0 0 15px rgba(0, 123, 255, 0.3);            }            100% {                transform: scale(1) perspective(500px) rotateX(0deg);                opacity: 1;                border-color: #0056b3; /* Darker final border */                border-style: solid;                border-width: 2px;                box-shadow: 0 5px 25px rgba(0, 86, 179, 0.2);            }        }        /* End of Updated Software Process Animation Styles */        /* Three.js 3D Model Styles - Fixed Side Position */        .hero-3d-container {            position: fixed;            top: 0;            right: 0;            width: 600px;            height: 100vh;            z-index: 10;            pointer-events: none; /* Allow clicking through to page content */            overflow: hidden;        }        #threejs-canvas {            width: 100%;            height: 100%;            pointer-events: none; /* Do not block pointer events to underlying UI */            /* border: 2px solid #ff0000; Debug border to see canvas */            /* background: #333; Debug background */            z-index: 10;        }                /* Disable 3D canvas in love-note section */        #love-note {            position: relative;            z-index: 999999;        }                #love-note * {            position: relative;            z-index: 999999;        }        /* Ensure main content has proper spacing */                @media (max-width: 1400px) {            .hero-3d-container {                width: 500px;            }            .hero-container {                padding-right: 250px;            }        }        @media (max-width: 1200px) {            .hero-3d-container {                width: 400px;            }            .hero-container {                padding-right: 200px;            }        }        @media (max-width: 991px) {            .hero-3d-container {                position: relative;                right: auto;                top: auto;                width: 100%;                height: 400px;                margin: 40px auto 0;            }            .hero-container {                padding-right: 0;            }        }        @media (max-width: 767px) {            .hero-3d-container {                height: 300px;            }        }        /* Add some visual enhancement */        .hero-3d-container::before {            content: ;            position: absolute;            top: 0;            left: 0;            right: 0;            bottom: 0;            /* background: linear-gradient(45deg, rgba(125, 128, 255, 0.05), rgba(0, 255, 136, 0.05)); */            pointer-events: none;            z-index: -1;        }        /* Additional styles for better scroll interaction */        body {            margin-right: 0; /* Ensure no extra margin conflicts */        }        .container {            max-width: calc(1200px - 100px); /* Account for 3D model space */        }        @media (max-width: 991px) {            .container {                max-width: 1200px; /* Reset on mobile */            }        }        /* Global theme variables and smooth anchor scroll */        html { scroll-behavior: smooth; }        :root {            --text-primary: rgba(229, 231, 235, 0.98);            --text-secondary: rgba(201, 203, 208, 0.9);            --nav-text: rgba(245, 246, 248, 0.98);        }        .light-theme {            --text-primary: rgba(10, 10, 10, 0.92);            --text-secondary: rgba(0, 0, 0, 0.7);            --nav-text: rgba(17, 17, 17, 0.95);        }        /* Apply theme text color to common content elements across sections */        body { color: var(--text-primary); }        section p, .section-subtitle { color: var(--text-primary); }        section .subtitle-enhanced, .section-subheading, .feature-description { color: var(--text-secondary); }        /* Navbar theming */        .header .main-nav a,        .header .main-nav button,        .header .header-actions .consultation-button,        .header .language-switcher-toggle,        .header .notification-bell {            color: var(--nav-text);        }        .header .dropdown .dropdown-content a {            color: var(--nav-text);        }        /* SEO Breadcrumb */        .seo-breadcrumb {            position: absolute;            top: -25px;            left: 20px;            font-size: 12px;            color: rgba(255, 255, 255, 0.5);            z-index: 1;        }                .seo-breadcrumb a {            color: rgba(255, 255, 255, 0.6);            text-decoration: none;            transition: color 0.2s;        }                .seo-breadcrumb a:hover {            color: rgba(255, 255, 255, 0.9);        }                .breadcrumb-separator {            margin: 0 8px;            opacity: 0.4;        }                /* Navigation spacing and centering */        .header-container {            display: grid;            grid-template-columns: auto 1fr auto;            align-items: center;            gap: 0;            width: 100%;            position: relative;            overflow: visible !important;        }        .header .logo {            grid-column: 1;            display: block !important;            visibility: visible !important;            opacity: 1 !important;            z-index: 1;            margin-right: 0 !important;            margin-top: -10px !important;            margin-left: -60px !important;            flex-shrink: 0 !important;            overflow: visible !important;            min-width: 65px;            width: auto;        }        .header .logo .logo-img,        .header .logo #tracking-logo {            display: block !important;            visibility: visible !important;            opacity: 1 !important;            position: relative !important;            z-index: 100 !important;            max-width: none !important;        }        .main-nav {            grid-column: 2;            justify-self: center;            margin-top: 30px !important;            margin-left: 0 !important;            margin-right: 0 !important;            z-index: 1;            white-space: nowrap;        }        .header-actions {            margin-top: 30px !important;            grid-column: 3;            display: flex !important;            flex: 0 0 auto;            padding-left: 60px;            z-index: 1;        }                /* Responsive navigation */        @media (max-width: 1200px) {            .main-nav {                margin-top: 20px !important;            }            .header-actions {                margin-top: 20px !important;                padding-left: 40px;            }        }                @media (max-width: 992px) {            .header-container {                grid-template-columns: 1fr auto;            }                        .main-nav {                display: none !important;            }                        .header-actions {                grid-column: 2;                padding-left: 20px;            }                        .header .logo {                margin-left: 0 !important;            }        }                @media (max-width: 768px) {            .seo-breadcrumb {                top: -20px;                left: 10px;                font-size: 10px;            }                        .breadcrumb-separator {                margin: 0 4px;            }                        .header {                position: absolute !important;                top: 0;                left: 0;                right: 0;                height: 60px;                background: rgba(23, 25, 35, 0.7) !important;                backdrop-filter: blur(10px);                -webkit-backdrop-filter: blur(10px);                z-index: 9999 !important;                box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);            }                        .header-container {                padding: 0 15px;                height: 60px;            }                        /* Hide navbar logo on mobile */            .header .logo {                display: none !important;            }                        /* Disable header-hidden animation on mobile */            .header.header-hidden {                transform: none !important;            }                        .header.header-hidden .logo,            .header.header-hidden #tracking-logo {                transform: none !important;                position: relative !important;                top: auto !important;                left: auto !important;                z-index: 1 !important;            }                        .header-actions {                gap: 10px;                padding-left: 10px;                margin-top: 0 !important;            }                        .consultation-button {                font-size: 11px;                padding: 6px 10px;            }                        .language-switcher {                display: none;            }                        /* No body padding since header scrolls with page */            body {                padding-top: 0;            }        }        /* Mobile Menu Header Styles */        .mobile-menu-header {            display: flex;            justify-content: space-between;            align-items: center;            padding: 20px;            border-bottom: 1px solid rgba(255, 255, 255, 0.1);            margin-bottom: 16px;        }                .mobile-menu-logo {            display: flex;            align-items: center;            gap: 12px;            font-size: 20px;            font-weight: 700;            color: rgba(255, 255, 255, 0.95);        }                .mobile-menu-logo img {            border-radius: 8px;        }                .mobile-menu-close {            background: rgba(255, 255, 255, 0.08);            border: 1px solid rgba(255, 255, 255, 0.15);            border-radius: 50%;            width: 42px;            height: 42px;            display: flex;            align-items: center;            justify-content: center;            cursor: pointer;            transition: all 0.3s ease;            color: rgba(255, 255, 255, 0.9);        }                .mobile-menu-close:hover {            background: rgba(255, 255, 255, 0.15);            border-color: rgba(255, 255, 255, 0.25);            transform: rotate(90deg);        }                .mobile-menu-close:active {            transform: rotate(90deg) scale(0.95);        }                /* Mobile Language Switcher at Top */        .mobile-language-top {            margin: 0 20px 20px 20px;        }                /* Light theme mobile menu header */        .light-theme .mobile-menu-header {            border-bottom-color: rgba(0, 0, 0, 0.1);        }                .light-theme .mobile-menu-logo {            color: var(--text-primary);        }                .light-theme .mobile-menu-close {            background: rgba(0, 0, 0, 0.05);            border-color: rgba(0, 0, 0, 0.1);            color: var(--text-primary);        }                .light-theme .mobile-menu-close:hover {            background: rgba(0, 0, 0, 0.08);            border-color: rgba(0, 0, 0, 0.15);        }                /* RTL mobile menu header */        htmldirrtl .mobile-menu-header {            flex-direction: row-reverse;        }                htmldirrtl .mobile-menu-logo {            flex-direction: row-reverse;        }                /* RTL header actions */        htmldirrtl .lxb-header-actions {            grid-column: 3 !important;            order: 0 !important;            margin-left: auto !important;            margin-right: 0 !important;            flex-direction: row !important;        }                /* Booking Nudge - Always on LEFT side (even in RTL) */        #booking-nudge {            left: 18px !important;            right: auto !important;            direction: ltr !important;        }                htmldirrtl #booking-nudge {            left: 18px !important;            right: auto !important;            direction: ltr !important;        }                /* But keep text direction based on language */        htmldirrtl #booking-nudge data-i18n {            direction: rtl !important;            text-align: right !important;        }                /* Mobile Navigation Section Styles */        .mobile-nav-section {            margin: 12px 0;        }                .mobile-nav-section-title {            padding: 12px 20px;            font-size: 14px;            font-weight: 600;            color: rgba(255, 255, 255, 0.5);            text-transform: uppercase;            letter-spacing: 0.5px;            border-bottom: 1px solid rgba(255, 255, 255, 0.1);            margin-bottom: 4px;        }                .mobile-nav-subsection {            list-style: none;            padding: 0;            margin: 0;        }                .mobile-nav-subsection li {            margin: 0;        }                .mobile-nav-subsection li a {            display: block;            padding: 12px 20px 12px 35px;            font-size: 15px;            color: rgba(255, 255, 255, 0.85);            transition: all 0.2s ease;        }                .mobile-nav-subsection li a:hover {            background: rgba(255, 255, 255, 0.05);            color: rgba(255, 255, 255, 1);            padding-left: 40px;        }                /* Light theme mobile nav sections */        .light-theme .mobile-nav-section-title {            color: rgba(0, 0, 0, 0.5);            border-bottom-color: rgba(0, 0, 0, 0.1);        }                .light-theme .mobile-nav-subsection li a {            color: rgba(0, 0, 0, 0.85);        }                .light-theme .mobile-nav-subsection li a:hover {            background: rgba(0, 0, 0, 0.05);            color: rgba(0, 0, 0, 1);        }                /* RTL mobile nav subsections */        htmldirrtl .mobile-nav-subsection li a {            padding: 12px 35px 12px 20px;        }                htmldirrtl .mobile-nav-subsection li a:hover {            padding-right: 40px;            padding-left: 20px;        }                /* Mobile Language Switcher Styles */        .mobile-language-switcher {            position: relative;            width: 100%;            margin-bottom: 16px;        }                .mobile-language-toggle {            display: flex;            align-items: center;            justify-content: space-between;            width: 100%;            padding: 14px 18px;            background: rgba(255, 255, 255, 0.08);            border: 1px solid rgba(255, 255, 255, 0.15);            border-radius: 12px;            color: rgba(255, 255, 255, 0.95);            font-size: 15px;            font-weight: 500;            cursor: pointer;            transition: all 0.3s ease;            backdrop-filter: blur(10px);            -webkit-backdrop-filter: blur(10px);        }                .mobile-language-toggle:hover {            background: rgba(255, 255, 255, 0.12);            border-color: rgba(255, 255, 255, 0.25);            transform: translateY(-1px);        }                .mobile-language-toggle .language-icon {            font-size: 20px;            margin-right: 10px;        }                .mobile-current-language {            flex: 1;            text-align: left;        }                .mobile-language-toggle .dropdown-arrow {            font-size: 12px;            opacity: 0.7;            transition: transform 0.3s ease;        }                .mobile-language-switcher.active .mobile-language-toggle .dropdown-arrow {            transform: rotate(180deg);        }                .mobile-language-dropdown {            position: absolute;            top: calc(100% + 8px);            left: 0;            right: 0;            background: rgba(11, 12, 15, 0.95);            backdrop-filter: blur(20px);            -webkit-backdrop-filter: blur(20px);            border: 1px solid rgba(255, 255, 255, 0.15);            border-radius: 12px;            padding: 8px;            opacity: 0;            visibility: hidden;            transform: translateY(-10px);            transition: all 0.3s ease;            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);            z-index: 1000;        }                .mobile-language-switcher.active .mobile-language-dropdown {            opacity: 1;            visibility: visible;            transform: translateY(0);        }                .mobile-language-option {            display: flex;            align-items: center;            justify-content: space-between;            padding: 12px 14px;            border-radius: 8px;            color: rgba(255, 255, 255, 0.8);            cursor: pointer;            transition: all 0.2s ease;            font-size: 14px;        }                .mobile-language-option:hover {            background: rgba(255, 255, 255, 0.1);            color: rgba(255, 255, 255, 0.95);        }                .mobile-language-option .check-icon {            color: #7D80FF;            font-weight: 700;            opacity: 0;            transition: opacity 0.2s ease;        }                .mobile-language-option.active .check-icon {            opacity: 1;        }                .mobile-language-option.active {            background: rgba(125, 128, 255, 0.15);            color: rgba(255, 255, 255, 0.95);        }                /* Light theme mobile language switcher */        .light-theme .mobile-language-toggle {            background: rgba(0, 0, 0, 0.05);            border-color: rgba(0, 0, 0, 0.1);            color: var(--text-primary);        }                .light-theme .mobile-language-toggle:hover {            background: rgba(0, 0, 0, 0.08);            border-color: rgba(0, 0, 0, 0.15);        }                .light-theme .mobile-language-dropdown {            background: rgba(255, 255, 255, 0.98);            border-color: rgba(0, 0, 0, 0.1);            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);        }                .light-theme .mobile-language-option {            color: var(--text-primary);        }                .light-theme .mobile-language-option:hover {            background: rgba(0, 0, 0, 0.05);        }                .light-theme .mobile-language-option.active {            background: rgba(125, 128, 255, 0.1);        }                /* RTL support for mobile language switcher */        htmldirrtl .mobile-language-toggle .language-icon {            margin-right: 0;            margin-left: 10px;        }                htmldirrtl .mobile-current-language {            text-align: right;        }        /* RTL breadcrumb */        htmldirrtl .seo-breadcrumb {            left: auto;            right: 20px;            direction: rtl;        }                @media (max-width: 768px) {            htmldirrtl .seo-breadcrumb {                right: 10px;            }        }                /* RTL overrides to maintain same layout as English */        htmldirrtl .header-container {            display: grid !important;            grid-template-columns: auto 1fr auto !important;            flex-direction: row !important;        }        htmldirrtl .header .logo {            grid-column: 1 !important;            order: 0 !important;            margin-left: -60px !important;            margin-right: 0 !important;        }        htmldirrtl .main-nav {            grid-column: 2 !important;            order: 0 !important;            margin-left: 0 !important;            margin-right: 0 !important;            justify-self: center !important;        }        htmldirrtl .header-actions {            grid-column: 3 !important;            order: 0 !important;            margin-left: auto !important;            margin-right: 0 !important;            padding-left: 60px !important;            flex-direction: row !important;        }        /* Hero section gradient overlay */        .hero::before {            content: ;            position: absolute;            top: 0;            left: 0;            width: 100%;            height: 100%;            z-index: 1;            pointer-events: none;        }                .hero-container{            margin-bottom: 419px !important;            direction: ltr !important;            text-align: left !important;            align-items: flex-start !important;            position: relative;            z-index: 2;        }                /* Logo container styling */        .logo-container {            display: flex;            align-items: center;            gap: 30px;            margin-bottom: 40px;        }                /* Mobile logo - hidden by default */        .hero-mobile-logo-wrapper {            display: none;        }                .logo-wrapper {            position: relative;            animation: float 6s ease-in-out infinite;        }                /* Particle effects under logo */        .logo-wrapper::before {            content: ;            position: absolute;            bottom: -60px;            left: 50%;            transform: translateX(-50%);            width: 150px;            height: 80px;            background-image:                 radial-gradient(2px 2px at 20% 30%, white, transparent),                radial-gradient(2px 2px at 60% 70%, rgba(255, 255, 255, 0.8), transparent),                radial-gradient(1px 1px at 50% 50%, white, transparent),                radial-gradient(1px 1px at 80% 10%, rgba(255, 255, 255, 0.6), transparent),                radial-gradient(2px 2px at 40% 80%, white, transparent),                radial-gradient(1px 1px at 15% 60%, rgba(255, 255, 255, 0.7), transparent),                radial-gradient(1px 1px at 70% 40%, white, transparent),                radial-gradient(2px 2px at 30% 20%, rgba(255, 255, 255, 0.9), transparent);            background-size: 150px 80px;            background-position: 0 0;            background-repeat: no-repeat;            opacity: 0.6;            animation: particleFloat 8s ease-in-out infinite;            z-index: -1;        }                @keyframes particleFloat {            0%, 100% {                opacity: 0.4;                transform: translateX(-50%) translateY(0);            }            50% {                opacity: 0.7;                transform: translateX(-50%) translateY(-5px);            }        }                .hero-logo-image {            width: 120px;            height: 150px;            filter: drop-shadow(0 20px 40px rgba(125, 128, 255, 0.6));            transition: transform 0.3s ease, filter 0.3s ease;        }                .hero-logo-image:hover {            transform: scale(1.1) rotate(5deg);            filter: drop-shadow(0 25px 50px rgba(125, 128, 255, 0.8));        }                @keyframes float {            0%, 100% {                transform: translateY(0px) rotate(0deg);            }            50% {                transform: translateY(-20px) rotate(5deg);            }        }                /* Clean hero title classes */        .hero-company-name {            font-size: 120px;            font-weight: 700;            line-height: 1.05;            /* height: 200px!important; */            padding-bottom: 20px !important;            /* margin-bottom: -180px !important; */            letter-spacing: -0.02em;            background: var(--text-gradient);            -webkit-background-clip: text;            background-clip: text;            color: transparent;            filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.2));            position: relative;        }                .hero-main-title,        .hero-secondary-title {            max-width: 700px;            font-size: 84px;            font-weight: 700;            line-height: 1.05;            letter-spacing: -0.02em;            background: var(--text-gradient);            -webkit-background-clip: text;            background-clip: text;            color: transparent;            filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.2));            position: relative;            margin-bottom: 10px;            text-align: left;        }                /* Hero features - English (LTR) with transform */        .hero-features {            position: absolute !important;            bottom: 385px !important;            left: 50% !important;            transform: translateX(-50%) !important;            width: 100% !important;            max-width: 1200px !important;            margin-top: 0 !important;            margin-bottom: 0 !important;            box-sizing: border-box;            padding-left: 20px;            padding-right: 20px;            min-width: 0;        }                /* Hero features - Hebrew (RTL) without transform */        htmldirrtl .hero-features {            transform: none !important;            left: 0 !important;            right: 0 !important;        }                /* Mobile adjustment for hero features */        @media (max-width: 768px) {            .hero-features {                bottom: 200px !important;            }        }                .hero-features p {            text-align: center;            margin-bottom: 20px;        }                /* Old scrolling styles removed - now using services-marquee.css */                /* CTA button positioning - right side on desktop */        .hero-cta {            display: flex;            align-self: flex-end;            margin-top: 40px;        }                /* Responsive styles for hero section */        @media (max-width: 1200px) {            .hero-company-name {                font-size: 100px;            }                        .hero-main-title,            .hero-secondary-title {                font-size: 72px;            }        }                @media (max-width: 992px) {            .hero-company-name {                font-size: 80px;            }                        .hero-main-title,            .hero-secondary-title {                font-size: 56px;            }                        .hero-subtitle {                font-size: 16px;                max-width: 100%;            }        }                @media (max-width: 768px) {            .hero {                padding-top: 50px;                min-height: 100vh;                display: flex;                align-items: center;            }                        .hero-container {                margin-bottom: 0 !important;                padding: 40px 20px;            }                        .logo-container {                flex-direction: column;                gap: 20px;                margin-bottom: 40px;            }                        .hero-company-name {                font-size: 64px;                text-align: center;            }                        .hero-main-title,            .hero-secondary-title {                font-size: 48px;                max-width: 100%;                text-align: center;                margin-bottom: 15px;            }                        .hero-subtitle {                font-size: 18px;                max-width: 100%;                text-align: center;                margin-top: 20px;                line-height: 1.5;            }                        .hero-features {                margin-top: 50px;            }                        .hero-features p {                font-size: 16px;            }                        .hero-cta {                align-self: center;                margin-top: 40px;            }                        .hero-cta .btn {                padding: 16px 32px;                font-size: 16px;            }                        .hero-logo-image {                width: 100px;                height: 125px;            }                        /* Show mobile logo on mobile - positioned behind text */            .hero-mobile-logo-wrapper {                display: block;                position: absolute;                top: 90%;                left: 50%;                transform: translate(-50%, -50%);                z-index: 0;                opacity: 0.25;            }                        .hero-mobile-logo {                width: 100px;                height: 130px;                filter: drop-shadow(0 15px 30px rgba(125, 128, 255, 0.4)) blur(2px);                animation: float 6s ease-in-out infinite;            }                        .hero-container {                position: relative;            }                        .hero-company-name,            .hero-main-title,            .hero-secondary-title,            .hero-subtitle {                position: relative;                z-index: 1;            }        }                @media (max-width: 480px) {            .hero-company-name {                font-size: 48px;            }                        .hero-main-title,            .hero-secondary-title {                font-size: 36px;            }                        .hero-subtitle {                font-size: 16px;            }        }                /* Hide sticky sidebar on mobile */        @media (max-width: 768px) {            .sticky-sidebar {                display: none !important;                visibility: hidden !important;            }                        /* Make document section full width on mobile */            .document-section .container {                max-width: 100%;                width: 100%;                padding: 0;            }                        .document-content {                padding: 20px;            }                        .document-info {                max-width: 100%;            }                        /* Disable RTL flex-direction on mobile */            htmldirrtl .document-content {                flex-direction: column !important;            }                        /* Booking section mobile padding */            .booking-section {                padding-left: 20px;                padding-right: 20px;            }                        .booking-container {                padding: 20px;            }                        /* Hide organizer details on mobile */            .organizer-details {                display: none !important;            }                        /* Project spotlight mobile padding */            .project-spotlight {                padding-left: 20px;                padding-right: 20px;            }                        .spotlight-inner {                padding: 20px;            }                        /* Spotlight frame mobile padding */            .spotlight-frame {                margin-left: 15px!important;                margin-right: 15px!important;                padding-left: 50px!important;                padding-right: 50px!important;                            }                        .spotlight-device {                padding: 0 30px;                /* width: 80%!important; */            }                        /* Spotlight subtitle max-width to prevent long single line */            .spotlight-subtitle {                max-width: 90%;                margin-left: auto;                margin-right: auto;                line-height: 1.6;                word-wrap: break-word;                text-align: center;            }        }                /* Spotlight subtitle on all screens */        .spotlight-subtitle {            max-width: 600px;            margin-left: auto;            margin-right: auto;            line-height: 0.2;        }                /* Make process stages always visible immediately - no scroll trigger */        #document-editor .process-stage,        #document-editor .process-connector,        #document-editor .space-for-software-visualization {            opacity: 1 !important;            visibility: visible !important;            transform: translateY(0) !important;        }                /* Ensure document section is always in-view for animations to start */        #document-editor {            /* This allows the typing/cursor animations to start immediately */        }                #document-editor.in-view,        #document-editor {            /* Section is always considered in-view */        }                /* Cursor toggle button - hidden on hero section, visible after scrolling */        .cursor-toggle {            opacity: 0;            transform: translateY(20px) scale(0.9);            pointer-events: none;            transition: opacity 0.3s, transform 0.3s;        }                .cursor-toggle.visible {            opacity: 1;            transform: translateY(0) scale(1);            pointer-events: auto;        }        /* RTL styles for clean hero title classes */        htmldirrtl .hero-main-title,        htmldirrtl .hero-secondary-title,        htmldirrtl .hero-company-name {            direction: rtl !important;            text-align: right !important;            margin-left: auto !important;            margin-right: 0 !important;        }                /* RTL logo container */        htmldirrtl .logo-container {            flex-direction: row-reverse !important;            justify-content: flex-end !important;        }                /* RTL for Hebrew - hero-container and all children */        htmldirrtl .hero-container,        bodydirrtl .hero-container {            direction: rtl !important;            text-align: right !important;            align-items: flex-end !important;        }        /* Logo container - RTL: logo before text (on right side) */        htmldirrtl .hero-container .logo-container {            direction: rtl !important;            text-align: right !important;            flex-direction: row-reverse !important;            justify-content: flex-end !important;            align-items: center !important;            margin-left: auto !important;            margin-right: 0 !important;        }        htmldirrtl .hero-container .hero-title,        htmldirrtl .hero-container .hero-subtitle,        htmldirrtl .hero-container .hero-title-container,        htmldirrtl .hero-container .hero-title-container-logo,        htmldirrtl .hero-container .hero-features,        htmldirrtl .hero-container .hero-cta,        htmldirrtl .hero-container h1,        htmldirrtl .hero-container h2,        htmldirrtl .hero-container p {            direction: rtl !important;            text-align: right !important;        }        htmldirrtl .hero-container .hero-title-container,        htmldirrtl .hero-container .hero-title-container-logo {            align-items: flex-end !important;            text-align: right !important;            justify-content: flex-end !important;        }        htmldirrtl .hero-container .hero-features {            direction: rtl !important;            text-align: right !important;        }        htmldirrtl .hero-container .hero-features p {            text-align: right !important;            direction: rtl !important;        }        /* Ensure all text elements in hero-container are right-aligned in RTL */        htmldirrtl .hero-container,        htmldirrtl .hero-container .container {            direction: rtl !important;            text-align: right !important;        }        /* Override inline styles and ensure all children are RTL */        htmldirrtl .hero-container style*text-align,        htmldirrtl .hero-container style*direction,        htmldirrtl .hero-container style*center {            text-align: right !important;            direction: rtl !important;        }        /* Force all direct and nested children to be RTL */        htmldirrtl .hero-container > *,        htmldirrtl .hero-container .container > * {            direction: rtl !important;            text-align: right !important;        }        htmldirrtl .hero-container div,        htmldirrtl .hero-container p,        htmldirrtl .hero-container h1,        htmldirrtl .hero-container h2,        htmldirrtl .hero-container h3,        htmldirrtl .hero-container span {            direction: rtl !important;            text-align: right !important;        }        /* Ensure LTR for English */        htmldirltr .hero-container,        html:not(dirrtl) .hero-container {            direction: ltr !important;            text-align: left !important;            align-items: flex-start !important;        }        html:not(dirrtl) .hero-container .logo-container {            flex-direction: row !important;            justify-content: flex-start !important;        }        html:not(dirrtl) .hero-container .hero-title,        html:not(dirrtl) .hero-container .hero-subtitle,        html:not(dirrtl) .hero-container .hero-title-container,        html:not(dirrtl) .hero-container .hero-title-container-logo,        html:not(dirrtl) .hero-container .hero-features,        html:not(dirrtl) .hero-container .hero-cta {            direction: ltr !important;            text-align: left !important;        }        /* Light theme fix for hero gradient in first section */        .light-theme .hero-gradient {            background: radial-gradient(                    60% 60% at 30% 20%, rgba(125, 128, 255, 0.18), transparent 60%                ),                radial-gradient(                    50% 50% at 70% 60%, rgba(255, 95, 11, 0.14), transparent 60%                );            opacity: 1 !important;            mix-blend-mode: normal;        }        /* Light theme fix for hero subtitle color */        .light-theme .hero-subtitle { color: var(--text-secondary); }        /* Light theme fix for features scrolling wrapper */        .light-theme .scrolling-wrapper {            background-color: rgba(255, 255, 255, 0.6) !important;            box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08) !important;            color: var(--text-primary);        }        .light-theme .scrolling-wrapper .feature-dot { opacity: 0.55; }        /* Light theme fixes for feature cards and icons */        .light-theme .feature-card,        .light-theme .feature-card.wide {            background: rgba(255, 255, 255, 0.9) !important;            border: 1px solid rgba(0, 0, 0, 0.08) !important;            box-shadow: 0 10px 26px rgba(0, 0, 0, 0.08) !important;        }        .light-theme .feature-card .card-content h3,        .light-theme .feature-card.wide .card-content h3 { color: var(--text-primary) !important; }        .light-theme .feature-card .card-content p,        .light-theme .feature-card.wide .card-content p { color: var(--text-secondary) !important; }        /* Icon color normalization in light theme */        .light-theme class^card-icon-,        .light-theme class* card-icon- { color: rgba(17, 17, 17, 0.92) !important; }        /* Remove dark overlays/gradients from feature cards in light theme */        .light-theme .feature-card::before,        .light-theme .feature-card::after,        .light-theme .feature-card.wide::before,        .light-theme .feature-card.wide::after {            content: none !important;            background: none !important;            opacity: 0 !important;        }        .light-theme .feature-card,        .light-theme .feature-card.wide {            mix-blend-mode: normal !important;            filter: none !important;        }        .light-theme .feature-card .card-content,        .light-theme .feature-card.wide .card-content {            background: transparent !important;        }        /* Light theme RGB border (like dark mode) using background-clip technique */        .light-theme .feature-card,        .light-theme .feature-card.wide {            border: 1px solid transparent !important;            border-radius: 16px;            /* animated angle */            --cardGlowAngle: 0deg;            background:                linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,255,255,0.94)) padding-box,                conic-gradient(                    from var(--cardGlowAngle) at 50% 50%,                    rgba(125,128,255,0.55),                    rgba(255,95,11,0.45),                    rgba(125,128,255,0.55)                ) border-box !important;            animation: cardBorderSpin 8s linear infinite;            box-shadow: 0 10px 26px rgba(0,0,0,0.08), 0 0 0 1px rgba(0,0,0,0.04), 0 0 16px rgba(125,128,255,0.10), 0 0 22px rgba(255,95,11,0.06) !important;        }        .light-theme .feature-card:hover,        .light-theme .feature-card.wide:hover {            box-shadow: 0 18px 40px rgba(0,0,0,0.12), 0 0 0 1px rgba(0,0,0,0.05), 0 0 24px rgba(125,128,255,0.16), 0 0 36px rgba(255,95,11,0.12) !important;            background:                linear-gradient(180deg, rgba(255,255,255,0.99), rgba(255,255,255,0.96)) padding-box,                conic-gradient(                    from var(--cardGlowAngle) at 50% 50%,                    rgba(125,128,255,0.75),                    rgba(255,95,11,0.65),                    rgba(125,128,255,0.75)                ) border-box !important;        }        /* Animatable custom property for rotating gradient */        @property --cardGlowAngle {            syntax: angle>;            inherits: false;            initial-value: 0deg;        }        @keyframes cardBorderSpin { to { --cardGlowAngle: 360deg; } }        /* Keep Work Together feature cells centered */        .work-together .features-grid { text-align: center !important; }        .work-together .features-grid .feature { display: flex; flex-direction: column; align-items: center !important; text-align: center !important; }        .work-together .features-grid .feature h3 {             text-align: center !important;             margin-left: auto;             margin-right: auto;             align-self: center !important;             width: 100% !important;         }        .work-together .features-grid .feature p { text-align: center !important; }        /* Light theme fixes for GitHub Integration section */        .light-theme .github-integration { background: #ffffff !important; }        .light-theme .github-integration h2 {             background: none !important;             -webkit-background-clip: initial !important;             background-clip: initial !important;             -webkit-text-fill-color: initial !important;             color: var(--text-primary) !important;         }        .light-theme .github-integration .github-content p,        .light-theme .github-integration .section-subtitle { color: var(--text-secondary) !important; }        .light-theme .github-integration .github-feature {             background: rgba(255,255,255,0.95) !important;             border: 1px solid rgba(0,0,0,0.08) !important;             border-radius: 14px;             box-shadow: 0 10px 26px rgba(0,0,0,0.08) !important;         }        .light-theme .github-integration .github-feature h3 { color: var(--text-primary) !important; }        .light-theme .github-integration .github-feature p { color: var(--text-secondary) !important; }        .light-theme .github-integration .feature-icon-wrapper .feature-icon { filter: none !important; opacity: 1 !important; }        /* Light theme fix for QA spotlight badge */        .light-theme .qa-system-section .spotlight-badge {            background: linear-gradient(135deg, #ffffff, #fafafa) !important;            border: 1px solid rgba(0,0,0,0.08) !important;            box-shadow: 0 6px 16px rgba(0,0,0,0.10) !important;            color: var(--text-primary) !important;        }        .light-theme .qa-system-section .spotlight-badge span { color: var(--text-primary) !important; font-weight: 700; }        /* Light theme font colors for case-study CTA */        .light-theme .case-study-cta h3 { color: var(--text-primary) !important; }        .light-theme .case-study-cta p { color: var(--text-secondary) !important; }        /* Light theme fixes for Testimonials section */        .light-theme .testimonials-section { background: #ffffff !important; }        .light-theme .testimonials-section h2 {            background: none !important;            -webkit-background-clip: initial !important;            background-clip: initial !important;            -webkit-text-fill-color: initial !important;            color: var(--text-primary) !important;        }        .light-theme .testimonials-section .section-subtitle { color: var(--text-secondary) !important; }        .light-theme .testimonials-section .testimonial-content {            background: rgba(255,255,255,0.95) !important;            border: 1px solid rgba(0,0,0,0.08) !important;            border-radius: 14px;            box-shadow: 0 10px 26px rgba(0,0,0,0.08) !important;            color: var(--text-primary) !important;        }        .light-theme .testimonials-section .testimonial-text { color: var(--text-primary) !important; }        .light-theme .testimonials-section .testimonial-author h4 { color: var(--text-primary) !important; }        .light-theme .testimonials-section .testimonial-author p { color: var(--text-secondary) !important; }        .light-theme .testimonials-section .metric-box {            background: rgba(255,255,255,0.92) !important;            border: 1px solid rgba(0,0,0,0.06) !important;            box-shadow: 0 8px 20px rgba(0,0,0,0.06) !important;            color: var(--text-primary) !important;        }        .light-theme .testimonials-section .carousel-indicators .indicator { background: rgba(17,17,17,0.25) !important; }        .light-theme .testimonials-section .carousel-indicators .indicator.active { background: rgba(17,17,17,0.9) !important; }        .light-theme .testimonials-section .prev-btn svg,        .light-theme .testimonials-section .next-btn svg { color: rgba(17,17,17,0.85) !important; }        /* Light theme fixes for customer logos strip */        .light-theme .customer-logos { background: #ffffff !important; }        .light-theme .customer-logos h3 { color: var(--text-primary) !important; }        .light-theme .customer-logos .logo-item { opacity: 1 !important; }        .light-theme .customer-logos .logo-item img {            opacity: 1 !important;            mix-blend-mode: normal !important;            /* Make light logos visible on white */            filter: brightness(0.15) contrast(1.2) saturate(1) !important;            -webkit-filter: brightness(0.15) contrast(1.2) saturate(1) !important;        }        /* Exception: Yossi Ambulance circular seal should keep original colors */        .light-theme .customer-logos .logo-item imgaltYossi Ambulance,        .light-theme .customer-logos .logo-item imgsrc*yossi i,        .light-theme .customer-logos .logo-item imgsrc*Ambulace i {            filter: none !important;            -webkit-filter: none !important;        }        /* Light theme: Services (pricing) section */        .light-theme .pricing-section { background: #ffffff !important; }        .light-theme .pricing-section h2 {            background: none !important;            -webkit-background-clip: initial !important;            background-clip: initial !important;            -webkit-text-fill-color: initial !important;            color: var(--text-primary) !important;        }        .light-theme .pricing-section .section-subtitle,        .light-theme .pricing-section .pricing-toggle .toggle-label { color: var(--text-secondary) !important; }        .light-theme .pricing-section .pricing-card {            background: rgba(255,255,255,0.95) !important;            border: 1px solid rgba(0,0,0,0.08) !important;            border-radius: 16px;            box-shadow: 0 10px 26px rgba(0,0,0,0.08) !important;            color: var(--text-primary) !important;        }        .light-theme .pricing-section .pricing-card .card-header h3,        .light-theme .pricing-section .pricing-card .card-price .amount,        .light-theme .pricing-section .pricing-card .card-price .currency,        .light-theme .pricing-section .pricing-card .card-price .period { color: var(--text-primary) !important; }        .light-theme .pricing-section .pricing-card .card-subtitle,        .light-theme .pricing-section .pricing-card .card-features li { color: var(--text-secondary) !important; }        .light-theme .pricing-section .popular .popular-badge {            background: linear-gradient(135deg, #7D80FF, #9E7EFF) !important;            color: #fff !important;            border: 1px solid rgba(125,128,255,0.45) !important;        }        .light-theme .pricing-section .btn.btn-primary { filter: none !important; }        .light-theme .pricing-section .btn.btn-outline { border-color: rgba(0,0,0,0.2) !important; color: var(--text-primary) !important; }        .light-theme .pricing-section .toggle-switch .toggle-slider { background: rgba(0,0,0,0.1) !important; }        .light-theme .pricing-section .pricing-faq .faq-item {            background: #ffffff !important;            border: 1px solid rgba(0,0,0,0.08) !important;            border-radius: 12px !important;            box-shadow: 0 6px 18px rgba(0,0,0,0.06) !important;        }        .light-theme data-i18npricing.cta_section.title { color: var(--text-primary) !important; }        /* Light theme: Booking section */        .light-theme .booking-section { background: #ffffff !important; }        .light-theme .booking-section .booking-info .container h2,        .light-theme .booking-section .calendar-heading,        .light-theme .booking-section .form-title { color: var(--text-primary) !important; }        .light-theme .booking-section .section-subtitle,        .light-theme .booking-section .booking-description,        .light-theme .booking-section .time-slots-heading,        .light-theme .booking-section label,        .light-theme .booking-section .slot-info-item span { color: var(--text-secondary) !important; }        .light-theme .booking-section .booking-calendar,        .light-theme .booking-section .booking-form,        .light-theme .booking-section .booking-confirmation {             background: rgba(255,255,255,0.95) !important;             border: 1px solid rgba(0,0,0,0.08) !important;             border-radius: 16px !important;             box-shadow: 0 12px 28px rgba(0,0,0,0.08) !important;         }        .light-theme .booking-section .month-navigation,        .light-theme .booking-section .timezone-selector .select-wrapper {             background: rgba(255,255,255,0.9) !important;             border: 1px solid rgba(0,0,0,0.08) !important;             border-radius: 12px !important;         }        .light-theme .booking-section .month-nav svg { color: var(--text-primary) !important; }        .light-theme .booking-section .weekdays .weekday { color: var(--text-secondary) !important; }        .light-theme .booking-section .day {             background: #ffffff !important;             border: 1px solid rgba(0,0,0,0.06) !important;             color: var(--text-primary) !important;         }        .light-theme .booking-section .day.available { background: rgba(125,128,255,0.06) !important; border-color: rgba(125,128,255,0.18) !important; }        .light-theme .booking-section .day.selected { background: linear-gradient(135deg, #7D80FF, #9E7EFF) !important; color: #ffffff !important; border-color: transparent !important; }        .light-theme .booking-section .time-slot {             background: rgba(0,0,0,0.04) !important;             border: 1px solid rgba(0,0,0,0.08) !important;             color: var(--text-primary) !important;         }        .light-theme .booking-section .time-slot.selected { background: linear-gradient(135deg, #7D80FF, #9E7EFF) !important; color: #ffffff !important; border-color: transparent !important; }        .light-theme .booking-section input,        .light-theme .booking-section select,        .light-theme .booking-section textarea {             background: #ffffff !important;             border: 1px solid rgba(0,0,0,0.15) !important;             color: var(--text-primary) !important;         }        .light-theme .booking-section .continue-btn,        .light-theme .booking-section .schedule-btn {             background: linear-gradient(135deg, #7D80FF, #9E7EFF) !important;             color: #ffffff !important;             border: none !important;             box-shadow: 0 10px 26px rgba(125,128,255,0.28) !important;         }        .light-theme .booking-section .cancel-btn {             background: transparent !important;             border: 1px solid rgba(0,0,0,0.2) !important;             color: var(--text-primary) !important;         }        /* Light theme: Project Delivery Process */        .light-theme .delivery-process { background: #ffffff !important; }        .light-theme .delivery-process .process-backdrop { opacity: 0.08 !important; }        .light-theme .delivery-process .backdrop-gradient { opacity: 0.5 !important; }        .light-theme .delivery-process .section-title {            background: none !important;            -webkit-background-clip: initial !important;            background-clip: initial !important;            -webkit-text-fill-color: initial !important;            color: var(--text-primary) !important;        }        .light-theme .delivery-process .section-subtitle { color: var(--text-secondary) !important; }        .light-theme .delivery-process .timeline::before {            background: linear-gradient(to bottom, rgba(59,130,246,.35), rgba(168,85,247,.25) 50%, rgba(236,72,153,.18)) !important;        }        .light-theme .delivery-process .step-body .step-title { color: var(--text-primary) !important; }        .light-theme .delivery-process .step-body .step-desc,        .light-theme .delivery-process .step-body .step-meta { color: var(--text-secondary) !important; }        .light-theme .delivery-process .dot-wrapper .dot { background: #ffffff !important; border: 1px solid rgba(0,0,0,0.12) !important; }        .light-theme .delivery-process .dot-ring { border-color: rgba(125,128,255,0.35) !important; }        /* Capabilities cards */        .light-theme .delivery-process .cap-card {            background: rgba(255,255,255,0.95) !important;            border: 1px solid rgba(0,0,0,0.08) !important;            border-radius: 16px !important;            box-shadow: 0 10px 26px rgba(0,0,0,0.08) !important;            color: var(--text-primary) !important;        }        .light-theme .delivery-process .cap-title { color: var(--text-primary) !important; }        .light-theme .delivery-process .cap-desc,        .light-theme .delivery-process .cap-extra { color: var(--text-secondary) !important; }        .light-theme .delivery-process .cap-icon { color: rgba(17,17,17,0.92) !important; }        .light-theme .delivery-process .cap-glow { opacity: 0.25 !important; }        /* Light theme overrides for Collaborate With Experts / Work Together section */        .light-theme .work-together.enhanced-section {            background: #ffffff !important;        }        .light-theme .work-together::before,        .light-theme .work-together::after { content: none !important; }        .light-theme .work-together .ambient-background,        .light-theme .work-together .starfield,        .light-theme .work-together .floating-element { display: none !important; opacity: 0 !important; mix-blend-mode: normal !important; }        .light-theme .work-together .video-frame {            background: #ffffff !important;            border: 1px solid rgba(0,0,0,0.08) !important;            box-shadow: 0 14px 36px rgba(0,0,0,0.10) !important;        }        .light-theme .work-together .call-interface.modern {            background: transparent !important;            border: none !important;            color: var(--text-primary) !important;        }        .light-theme .work-together .call-header .status-text,        .light-theme .work-together .call-title,        .light-theme .work-together .call-participants { color: var(--text-primary) !important; }        .light-theme .work-together .call-btn {            background: rgba(255,255,255,0.95) !important;            border: 1px solid rgba(0,0,0,0.1) !important;            color: rgba(17,17,17,0.95) !important;        }        .light-theme .work-together .call-btn.call-end { background: linear-gradient(135deg, #ff7b7b, #ff9b9b) !important; color: #fff !important; border-color: transparent !important; }        .light-theme .work-together .subtitle-enhanced,        .light-theme .work-together .collaboration-text { color: var(--text-secondary) !important; }        .light-theme .work-together .feature h3 { color: var(--text-primary) !important; }        .light-theme .work-together .feature p { color: var(--text-secondary) !important; }        .light-theme .work-together .feature-icon { color: rgba(17,17,17,0.92) !important; }        /* Title color fix in light mode */        .light-theme .work-together .animated-heading {            color: transparent !important;            background: linear-gradient(135deg, #0f172a, #1f2937 45%, #334155) !important;            -webkit-background-clip: text !important;            background-clip: text !important;            -webkit-text-fill-color: transparent !important;            text-shadow: none !important;        }        /* Ensure all cell titles are solid dark text in light mode */        .light-theme .work-together .features-grid .feature h3,        .light-theme .work-together data-i18nworktogether.customize.title,        .light-theme .work-together data-i18nworktogether.calls.title,        .light-theme .work-together data-i18nworktogether.guests.title,        .light-theme .work-together .call-title,        .light-theme .work-together .call-header .status-text {            background: none !important;            -webkit-background-clip: initial !important;            background-clip: initial !important;            -webkit-text-fill-color: initial !important;            color: var(--text-primary) !important;            text-shadow: none !important;            font-weight: 700;        }        /* Remove white overlays in light mode */        .light-theme .work-together .video-container.enhanced::before,        .light-theme .work-together .video-container.enhanced::after,        .light-theme .work-together .video-frame::before,        .light-theme .work-together .video-frame::after { content: none !important; background: none !important; opacity: 0 !important; }        .light-theme .work-together .video-frame {            background: transparent !important;            backdrop-filter: none !important;            -webkit-backdrop-filter: none !important;            position: relative;            box-shadow: 0 20px 60px rgba(0,0,0,0.25) !important;            border: 1px solid rgba(0,0,0,0.12) !important;        }        .light-theme .work-together .video-frame > class*overlay,        .light-theme .work-together .video-frame > .overlay { display: none !important; }        .light-theme .work-together .video-frame video { opacity: 1 !important; filter: none !important; mix-blend-mode: normal !important; position: relative; z-index: 1; }        /* Badge styling for light mode */        .light-theme .work-together .section-badge {            position: relative;            background: linear-gradient(135deg, #7D80FF 0%, #9E7EFF 35%, #FF5F0B 100%) !important;            border: 1px solid rgba(125,128,255,0.55) !important;            box-shadow:                0 6px 18px rgba(0,0,0,0.12),                0 0 22px rgba(125,128,255,0.30),                0 0 28px rgba(255,95,11,0.18) !important;            color: #ffffff !important;            overflow: hidden;        }        .light-theme .work-together .section-badge .badge-text { color: #ffffff !important; font-weight: 700; }        .light-theme .work-together .section-badge::after {            content: ;            position: absolute; inset: 0;            background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,0.35) 35%, transparent 70%);            transform: translateX(-120%);            animation: badgeShine 2.8s ease-in-out infinite;            pointer-events: none;        }        @keyframes badgeShine { to { transform: translateX(120%); } }        /* Subtle light accents */        .light-theme .work-together .frame-corner {            background: linear-gradient(135deg, rgba(125,128,255,0.20), rgba(255,95,11,0.18)) !important;            opacity: 0.85 !important;        }        .light-theme .work-together .meeting-status .status-dot {            background: #16a34a !important; /* green-600 */            box-shadow: 0 0 0 3px rgba(22,163,74,0.18) !important;        }        /* Light mode colors for call controls */        .light-theme .work-together .call-actions .call-btn {            background: rgba(255,255,255,0.38) !important;            border: 1px solid rgba(255,255,255,0.5) !important;            color: rgba(31,41,55,0.95) !important; /* slate-800 */            box-shadow: 0 4px 16px rgba(0,0,0,0.16) !important;            backdrop-filter: blur(8px) !important;            -webkit-backdrop-filter: blur(8px) !important;            width: 52px; height: 52px; border-radius: 50%;            display: grid; place-items: center;            transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;        }        .light-theme .work-together .call-actions .call-btn:hover {            transform: translateY(-1px);            background: rgba(255,255,255,0.55) !important;            border-color: rgba(255,255,255,0.7) !important;            box-shadow: 0 10px 26px rgba(0,0,0,0.20) !important;        }        .light-theme .work-together .call-actions .call-btn .call-icon { color: rgba(31,41,55,0.95) !important; }        .light-theme .work-together .call-actions .call-btn:active { transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,0.16) !important; }        /* Center button styling to match dark mode accent */        .light-theme .work-together .call-actions .call-btn.call-end {            background: linear-gradient(135deg, #ef4444, #f87171) !important; /* red gradient */            border: 1px solid rgba(239,68,68,0.6) !important;            color: #ffffff !important;        }        .light-theme .work-together .call-actions .call-btn.call-end .call-icon { color: #ffffff !important; }        .light-theme .work-together .call-actions .call-btn.call-end:hover {            box-shadow: 0 14px 34px rgba(239,68,68,0.35) !important;            filter: brightness(1.05);        }        /* Consultation button - compact, elegant pill */        .header .consultation-button {            display: inline-flex;            align-items: center;            gap: clamp(6px, 1.2vw, 8px);            height: clamp(26px, 3.6vw, 32px);            padding: 0 clamp(8px, 1.6vw, 12px);            border-radius: 999px;            font-size: clamp(11px, 1.4vw, 13px);            font-weight: 600;            color: #ffffff;            background: rgba(255, 255, 255, 0.08);            border: 1px solid rgba(255, 255, 255, 0.18);            box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28);            backdrop-filter: blur(10px);            -webkit-backdrop-filter: blur(10px);            transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, border-color 0.18s ease;            cursor: pointer;            white-space: nowrap;        }        .header .consultation-button svg { width: clamp(12px, 1.6vw, 16px); height: clamp(12px, 1.6vw, 16px); }        .header .consultation-button:hover {            transform: translateY(-1px);            background: linear-gradient(135deg, rgba(125,128,255,0.25), rgba(255,95,11,0.25));            border-color: rgba(255, 255, 255, 0.28);            box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);        }        .header .consultation-button:active {            transform: translateY(0);            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);        }        @media (max-width: 420px) {            .header .consultation-button { height: 26px; padding: 0 8px; font-size: 11px; }        }                /* Fix dropdown menu to display vertically */        .dropdown-content ul {            display: flex !important;            flex-direction: column !important;            gap: 2px;            padding: 10px 12px;            margin-top: 4px;            border-radius: 14px;            border: 1px solid var(--color-grey-10);            background-color: var(--color-grey-5);            box-shadow: 0 14px 20px rgba(0, 0, 0, 0.5);        }                .dropdown-content {            position: absolute;            bottom: 0;            transform: translateY(100%);            visibility: hidden;            opacity: 0;            width: max-content;            transition: opacity 0.2s, visibility 0.2s;            z-index: 9999;        }                .dropdown:hover .dropdown-content {            visibility: visible;            opacity: 1;        }                .dropdown-content a {            display: flex;            align-items: center;            padding: 8px;            border-radius: 14px;            transition: background-color 0.2s;            white-space: nowrap;        }                .dropdown-content a:hover {            background-color: var(--color-grey-10);        }    /style>    !-- Google Tag Manager -->    script>(function(w,d,s,l,i){wlwl||;wl.push({gtm.start:    new Date().getTime(),event:gtm.js});var fd.getElementsByTagName(s)0,    jd.createElement(s),dll!dataLayer?&l+l:;j.asynctrue;j.src    https://www.googletagmanager.com/gtm.js?id+i+dl;f.parentNode.insertBefore(j,f);    })(window,document,script,dataLayer,GTM-WQR6Z4Q);/script>    !-- End Google Tag Manager -->    script typeapplication/ld+json>{  @context: https://schema.org,  @type: FAQPage,  mainEntity:     {      @type: Question,      name: Whats the difference between subscription and custom projects?,      acceptedAnswer: {        @type: Answer,        text: Monthly subscriptions provide ongoing development resources with predictable pricing, while custom projects are one-time engagements with a defined scope and timeline.      }    },    {      @type: Question,      name: Can I switch between subscription and project-based work?,      acceptedAnswer: {        @type: Answer,        text: Yes! Many clients start with a custom project and then transition to a monthly subscription for ongoing support and improvements.      }    },    {      @type: Question,      name: What technologies do you specialize in?,      acceptedAnswer: {        @type: Answer,        text: Our team has expertise in web development (React, Angular, Vue), mobile development (React Native, Flutter), backend (Node.js, Python, Java), and cloud infrastructure (AWS, Azure, GCP).      }    },    {      @type: Question,      name: Do you offer post-launch maintenance?,      acceptedAnswer: {        @type: Answer,        text: Yes, we provide ongoing maintenance and support packages to ensure your application continues to run smoothly after launch.      }    }  }/script>script typeapplication/ld+json>{  @context: https://schema.org,  @type: BreadcrumbList,  inLanguage: en,  itemListElement:     { @type: ListItem, position: 1, name: Home, item: { @id: https://www.lynxbe.co.il/ } },    { @type: ListItem, position: 2, name: Software Development Services, item: { @id: https://www.lynxbe.co.il/#services } }  }/script>script typeapplication/ld+json>{  @context: https://schema.org,  @type: BreadcrumbList,  inLanguage: he,  itemListElement:     { @type: ListItem, position: 1, name: דף הבית, item: { @id: https://www.lynxbe.co.il/ } },    { @type: ListItem, position: 2, name: שירותי פיתוח תוכנה, item: { @id: https://www.lynxbe.co.il/#services } }  }/script>/head>body classoverscroll-y-none bg-grey-1>    !-- Google Tag Manager (noscript) -->    noscript>iframe srchttps://www.googletagmanager.com/ns.html?idGTM-WQR6Z4Q    height0 width0 styledisplay:none;visibility:hidden>/iframe>/noscript>    !-- End Google Tag Manager (noscript) -->        !-- Meta Pixel Code (noscript fallback) -->    noscript>img height1 width1 styledisplay:none    srchttps://www.facebook.com/tr?id3848029735495227&evPageView&noscript1    />/noscript>    !-- End Meta Pixel Code -->        !-- Page Transition Overlay -->    div classpage-transition>/div>        !-- Notification System -->    div classnotification-container>        !-- Toast notifications will appear here -->    /div>        !-- 3D Model Container - Fixed Side Position -->    div classhero-3d-container>        canvas idthreejs-canvas>/canvas>    /div>        !-- Lynxbe Header Mount (loaded dynamically from partials/lynxbe-header.html) -->    div idlxb-header-mount>/div>    main>    !-- Hero Section -->    section idhero classhero>                div stylez-index: 10000; classcontainer hero-container>                        !-- Company Name -->            h2 stylemargin-top: 70px; classhero-company-name data-i18nhero.lynxbe>Lynxbe/h2>                        !-- Main Title - Target: בית תוכנה, פיתוח אפליקציות -->            h1 classhero-main-title data-i18nhero.title>בית תוכנה מוביל בישראל/h1>                        !-- Secondary Title -->            h2 classhero-secondary-title data-i18nhero.title2>פיתוח אפליקציות ותוכנה מותאם אישית/h2>                        !-- Subtitle -->            p classhero-subtitle data-i18nhero.subtitle>We build powerful, tailored platforms and applications for businesses, startups, and organizations worldwide./p>                                       !-- CTA Button -->            div classhero-cta>                a href#booking-section classbtn btn-primary glow-button data-contact-topopen>                    span data-i18npricing.starter.cta>Get Started/span>                /a>            /div>            !-- Logo for mobile only -->              /div>                div classhero-features>            div classhero-mobile-logo-wrapper styleposition: absolute; top: 0;>                img srcassets/big_logo_optimized.png altLynxbe Logo classhero-mobile-logo width120 height150>            /div>            p data-i18nhero.features.intro>We offer complete development solutions:/p>            div classlynxbe-services-strip data-i18n-scopehomepage.services data-rtl-ignoretrue>                div classlynxbe-services-strip__track idlynxbe-services-strip-track>                    !-- JS will populate items here -->                /div>            /div>        /div>        !-- Features Section -->               div classhero-gradient>/div>    /section>    !-- Productivity Section -->    section idproductivity classproductivity>        div classcontainer>            img srcassets/milestone-icon.svg altDevelopment milestone icon classfeature-icon width48 height48 >            h2 data-i18nproductivity.title>Professional Development Company/h2>            p data-i18nproductivity.description>Expert software development services from product strategy and UI/UX design to full-stack development - we build custom digital solutions tailored to your business needs./p>            div classfeature-cards>                div classfeature-card>                    !-- div classfeature-icon-wrapper styledisplay: flex; justify-content: center;  align-items: center; height: 100%; width: 100%; padding-top: 20px;>                        img srcassets/milestone-icon.svg altDevelopment milestone icon classfeature-icon width48 height48 >                    /div>   -->                    div classcard-content>                        div classcard-icon-keyboard>                            svg width28 height28 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width1.5 stroke-linecapround stroke-linejoinround>                                rect x2 y3 width20 height18 rx2 ry2>/rect>                                line x16 y18 x26 y28>/line>                                line x110 y18 x210 y28>/line>                                line x114 y18 x214 y28>/line>                                line x118 y18 x218 y28>/line>                                line x16 y112 x26 y212>/line>                                line x110 y112 x210 y212>/line>                                line x114 y112 x214 y212>/line>                                line x118 y112 x218 y212>/line>                                line x16 y116 x218 y216>/line>                            /svg>                        /div>                        h3 data-i18nservices.mobile_apps>Mobile App Development/h3>                        p data-i18nservices.mobile_apps.desc>Native and cross‑platform iOS/Android apps with secure backends and App Store/Play submission./p>                    /div>                /div>                div classfeature-card wide>                    !-- div classfeature-icon-wrapper styledisplay: flex; justify-content: center;  align-items: center; height: 100%; width: 100%; padding-top: 20px;>                        img srcassets/milestone-icon.svg altDevelopment milestone icon classfeature-icon width48 height48 >                    /div>   -->                    div classcard-content>                        div classcard-icon-team-planner>                            svg width28 height28 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width1.5 stroke-linecapround stroke-linejoinround>                                rect x3 y4 width18 height18 rx2 ry2>/rect>                                line x116 y12 x216 y26>/line>                                line x18 y12 x28 y26>/line>                                line x13 y110 x221 y210>/line>                                line x17 y114 x27.01 y214>/line>                                line x112 y114 x212.01 y214>/line>                                line x117 y114 x217.01 y214>/line>                                line x17 y118 x27.01 y218>/line>                                line x112 y118 x212.01 y218>/line>                            /svg>                        /div>                        h3 data-i18nservices.web_development>Web Development/h3>                        p data-i18nservices.web_development.desc>High‑performance websites and web apps using React/Vue/Next.js with SEO and accessibility best practices./p>                    /div>                /div>                div classfeature-card>                    !-- div classfeature-icon-wrapper styledisplay: flex; justify-content: center;  align-items: center; height: 100%; width: 100%; padding-top: 20px;>                        img srcassets/milestone-icon.svg altDevelopment milestone icon classfeature-icon width48 height48 >                    /div>   -->                    div classcard-content>                        div classcard-icon-notifications>                            svg width28 height28 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width1.5 stroke-linecapround stroke-linejoinround>                                path dM18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9>/path>                                path dM13.73 21a2 2 0 0 1-3.46 0>/path>                            /svg>                        /div>                        h3 data-i18nservices.uiux>UI/UX Design/h3>                        p data-i18nservices.uiux.desc>Research, wireframes, and pixel‑perfect designs with interactive Figma prototypes tailored to your users./p>                    /div>                /div>                div classfeature-card wide>                    !-- div classfeature-icon-wrapper styledisplay: flex; justify-content: center;  align-items: center; height: 100%; width: 100%; padding-top: 20px;>                        img srcassets/milestone-icon.svg altDevelopment milestone icon classfeature-icon width48 height48 >                    /div>   -->                    div classcard-content>                        div classcard-icon-timeblocking>                            svg width28 height28 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width1.5 stroke-linecapround stroke-linejoinround>                                rect x3 y4 width18 height18 rx2 ry2>/rect>                                line x116 y12 x216 y26>/line>                                line x18 y12 x28 y26>/line>                                line x13 y110 x221 y210>/line>                                rect x7 y12 width4 height4 rx1>/rect>                                rect x13 y12 width4 height4 rx1>/rect>                             /svg>                        /div>                        h3 data-i18nservices.backend>Backend & API Development/h3>                        p data-i18nservices.backend.desc>Scalable, secure REST/GraphQL APIs and microservices on Node.js/Python/Java with robust auth and logging./p>                    /div>                /div>                div classfeature-card>                    !-- div classfeature-icon-wrapper styledisplay: flex; justify-content: center;  align-items: center; height: 100%; width: 100%; padding-top: 20px;>                        img srcassets/milestone-icon.svg altDevelopment milestone icon classfeature-icon width48 height48 >                    /div>   -->                    div classcard-content>                        div classcard-icon-templates>                            svg width28 height28 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width1.5 stroke-linecapround stroke-linejoinround>                                path dM14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z>/path>                                polyline points14 2 14 8 20 8>/polyline>                                line x112 y118 x212 y212>/line>                                line x19 y115 x215 y215>/line>                            /svg>                        /div>                        h3 data-i18nservices.cloud_devops>Cloud & DevOps/h3>                        p data-i18nservices.cloud_devops.desc>CI/CD, containers, Kubernetes, monitoring, and cost optimization across AWS/Azure/GCP./p>                    /div>                /div>                div classfeature-card wide>                    !-- div classfeature-icon-wrapper styledisplay: flex; justify-content: center;  align-items: center; height: 100%; width: 100%; padding-top: 20px;>                        img srcassets/milestone-icon.svg altDevelopment milestone icon classfeature-icon width48 height48 >                    /div>   -->                    div classcard-content>                        div classcard-icon-progress>                            svg width28 height28 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width1.5 stroke-linecapround stroke-linejoinround>                                line x118 y120 x218 y210>/line>                                line x112 y120 x212 y24>/line>                                line x16 y120 x26 y214>/line>                            /svg>                        /div>                        h3 data-i18nservices.qa_testing>QA & Testing/h3>                        p data-i18nservices.qa_testing.desc>Automated and manual QA, performance and security testing to ship with confidence./p>                    /div>                /div>                div classfeature-card>                    !-- div classfeature-icon-wrapper styledisplay: flex; justify-content: center;  align-items: center; height: 100%; width: 100%; padding-top: 20px;>                        img srcassets/milestone-icon.svg altDevelopment milestone icon classfeature-icon width48 height48 >                    /div>   -->                    div classcard-content>                        div classcard-icon-reminders>                             svg width28 height28 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width1.5 stroke-linecapround stroke-linejoinround>                                path dM18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9>/path>                                path dM13.73 21a2 2 0 0 1-3.46 0>/path>                                path dM12 15V9>/path>                                path dm14.5 12.5-5-3>/path>                                circle cx12 cy6 r1.5>/circle>                             /svg>                        /div>                        h3 data-i18nservices.integrations>Integrations & Automations/h3>                        p data-i18nservices.integrations.desc>Payments, CRM/ERP, webhooks, Zapier/Make, and custom RPA to connect your stack./p>                    /div>                /div>                div classfeature-card wide>                    !-- div classfeature-icon-wrapper styledisplay: flex; justify-content: center;  align-items: center; height: 100%; width: 100%; padding-top: 20px;>                        img srcassets/milestone-icon.svg altDevelopment milestone icon classfeature-icon width48 height48 >                    /div>   -->                    div classcard-content>                        div classcard-icon-automation>                            svg width28 height28 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width1.5 stroke-linecapround stroke-linejoinround>                                path dM12 20v-6m0-4V4m6 12v-2m0-4V4M6 20v-4m0-4V4m12 8h-4m-4 0H4m10-4h4M8 8H4m10 8h4m-6-4h-4/>                                circle cx12 cy12 r2/>                                circle cx18 cy8 r2/>                                circle cx6 cy10 r2/>                                circle cx18 cy16 r2/>                                circle cx6 cy18 r2/>                             /svg>                        /div>                        h3 data-i18nservices.dashboards>Admin Dashboards & BI/h3>                        p data-i18nservices.dashboards.desc>Custom dashboards with analytics, permissions, and insights for informed decisions./p>                    /div>                /div>                div classfeature-card wide>                    div classcard-content>                        div classcard-icon-dashboards>                             svg width28 height28 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width1.5 stroke-linecapround stroke-linejoinround>                                rect x3 y3 width7 height7>/rect>                                rect x14 y3 width7 height7>/rect>                                rect x3 y14 width7 height7>/rect>                                rect x14 y14 width7 height7>/rect>                             /svg>                        /div>                        h3 data-i18nservices.consulting>Consulting & Architecture/h3>                        p data-i18nservices.consulting.desc>Product planning, architecture reviews, and delivery roadmaps from senior engineers./p>                    /div>                /div>            /div>        /div>    /section>    !-- Work Together Section -->    section idwork-together classwork-together enhanced-section>        div classambient-background>/div>        div classstarfield idstarfield>/div>                !-- Floating gradient elements -->        div classfloating-element floating-element-1>/div>        div classfloating-element floating-element-2>/div>        div classfloating-element floating-element-3>/div>                div classcontainer>            div classwork-content>                div classsection-badge>                    span classbadge-text data-i18nworktogether.badge>Featured/span>                /div>                h2 data-i18nworktogether.title classanimated-heading>Collaborative Development Process/h2>                p data-i18nworktogether.subtitle classsubtitle-enhanced>We work closely with your team through every stage of development, from planning to deployment, with transparent communication and agile methodology./p>                div classvideo-container enhanced>                    div classvideo-frame>                        div classframe-corner top-left>/div>                        div classframe-corner top-right>/div>                        div classframe-corner bottom-left>/div>                        div classframe-corner bottom-right>/div>                        video idmeetingVideo width100% height100% autoplay muted playsinline>                            source srcassets/meeting.mp4 typevideo/mp4>                            source srcassets/meeting.webm typevideo/webm>                            !-- source srcassets/meeting.mov typevideo/quicktime> -->                            !-- Your browser does not support the video tag. -->                        /video>                        script>                        (function () {                          var video  document.getElementById(meetingVideo);                          if (!video) return;                          var LOOP_END_SECONDS  6.45;                          var isResetting  false;                          video.addEventListener(timeupdate, function () {                            if (!isResetting && video.currentTime > LOOP_END_SECONDS) {                              isResetting  true;                              video.currentTime  0;                              var playPromise  video.play();                              if (playPromise && typeof playPromise.then  function) {                                playPromise.finally(function () { isResetting  false; });                              } else {                                isResetting  false;                              }                            }                          });                        })();                        /script>                        div classcall-interface modern>                            div classcall-header>                                div classmeeting-status pulse-dot>                                    span classstatus-dot>/span>                                    span classstatus-text data-i18nworktogether.live>Live/span>                                /div>                                span classcall-title data-i18nworktogether.onboarding>Onboarding Meeting/span>                                span classcall-participants>span classparticipant-count>4/span> span data-i18nworktogether.participants>participants/span>/span>                            /div>                            div classcall-actions>                                button classcall-btn hover-effect>span classcall-icon icon-share>/span>/button>                                button classcall-btn hover-effect>span classcall-icon icon-mic-off>/span>/button>                                button classcall-btn call-end hover-effect>span classcall-icon icon-end-call>/span>/button>                                button classcall-btn hover-effect>span classcall-icon icon-video-off>/span>/button>                                button classcall-btn hover-effect>span classcall-icon icon-fullscreen>/span>/button>                            /div>                        /div>                    /div>                /div>                                p classcollaboration-text enhanced-text data-i18nworktogether.collaboration>Working with our development team means clear communication, regular updates, and full transparency throughout your project. We integrate seamlessly with your existing workflows and tools./p>                                div classfeatures-grid animated-grid>                    div classfeature>                        div classfeature-icon>                            svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 width30 height30 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround>                                path dM12 2l5.5 5.5a2.5 2.5 0 0 1-3.5 3.5L12 9l-2 2 2 2 2-2a2.5 2.5 0 0 1 3.5 3.5L12 20l-5.5-5.5a2.5 2.5 0 0 1 3.5-3.5L12 13l2-2-2-2-2 2a2.5 2.5 0 0 1-3.5-3.5L12 2z/>                              /svg>                        /div>                        h3 data-i18nworktogether.customize.title>Agile Development/h3>                        p data-i18nworktogether.customize.desc>Sprint-based development with regular demos and iterative improvements tailored to your needs./p>                    /div>                    div classfeature>                        div classfeature-icon>                            svg xmlnshttp://www.w3.org/2000/svg width30 height30 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround>                                path dM17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2>/path>                                circle cx9 cy7 r4>/circle>                                path dM23 21v-2a4 4 0 0 0-3-3.87>/path>                                path dM16 3.13a4 4 0 0 1 0 7.75>/path>                            /svg>                        /div>                        h3 data-i18nworktogether.calls.title>Weekly Updates & Calls/h3>                        p data-i18nworktogether.calls.desc>Stay informed with scheduled video meetings, daily availability, and continuous progress updates./p>                    /div>                    div classfeature>                        div classfeature-icon>                            svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround>                                circle cx12 cy12 r10>/circle>                                circle cx12 cy12 r6>/circle>                                circle cx12 cy12 r2>/circle>                            /svg>                        /div>                        h3 data-i18nworktogether.guests.title>Direct Access/h3>                        p data-i18nworktogether.guests.desc>Communicate directly with developers and project managers without barriers or delays./p>                    /div>                /div>            /div>        /div>    /section>    !-- Document Editor Section -->    section iddocument-editor classdocument-section>        div classcontainer>            div classdocument-content>                div classdocument-info>                    h2 data-i18ndocument.title classdocument-title>Development Documentation/h2>                    p data-i18ndocument.subtitle>Comprehensive technical documentation and project planning for every stage of development./p>                                        div classdocument-feature>                        div classpin-badge>                            span classpin-icon>                                img altOrange location pin icon width45 height45 decodingasync classpin-image srcassets/orange-pin.svg>                                span classpin-stem>                                    span classpin-line>/span>                                    span classpin-dot>/span>                                /span>                            /span>                        /div>                        p data-i18ndocument.feature>Complete technical specifications, architecture diagrams, and project roadmaps created for every project./p>                    /div>                                        div classdocument-preview>                        img altDocument editor preview  width704 height336 decodingasync classeditor-preview srcassets/document-editor.svg>                                                !-- Fake mouse cursor -->                        div classfake-cursor>                            svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone>                                path dM7 2L18 13L13 14.5L16.5 18L14 20.5L10.5 17L9 22L7 2Z fillcurrentColor strokewhite stroke-width1/>                            /svg>                        /div>                                                !-- Text typing animation container -->                        div classtyping-animation-container>                            div classtyping-content>                                p classtyping-text>/p>                                div classtyping-highlight>/div>                            /div>                        /div>                                                !-- The task creation animation elements will be inserted by JavaScript -->                    /div>                                        p classfeature-description data-i18ndocument.description>Our documentation includes detailed technical specs, API documentation, database schemas, user flows, and deployment guides. Every project comes with comprehensive documentation to ensure maintainability and smooth handoff./p>                                        div classtap-indicator>                        svg xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 10 36 classtap-arrow>                            path fillcurrentColor fill-ruleevenodd dM4 26.1A5.002 5.002 0 0 0 5 36a5 5 0 0 0 1-9.9V0H4z clip-ruleevenodd>/path>                        /svg>                        span classtap-text data-i18ndocument.tap>Tap here to continue.../span>                    /div>                                        div classeditor-actions>                        div classaction-btn action-add active>                            svg xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 12 12 classaction-icon>                                path dM6 1v10M1 6h10 strokecurrentColor stroke-width2>/path>                            /svg>                        /div>                        div classaction-btn action-image>                            img classaction-icon srcassets/image-icon.svg altAdd image width24 height24 >                        /div>                        div classaction-btn action-edit>                            img classaction-icon srcassets/edit-icon.svg altEdit text width24 height24 >                        /div>                    /div>                    !-- New Software Process Animation Section -->                    div classsoftware-process-animation stylemargin-top: 40px; text-align: center;>                        h3 data-i18nsoftwareProcess.title classdocument-subtitle stylemargin-bottom: 10px; color: #000000;>Our Structured Software Process/h3>                        p data-i18nsoftwareProcess.intro stylemargin-bottom: 30px; color: #000000;>Creating a clear and structured space for software - making it easy to understand why each step is crucial before development begins./p>                                                div classprocess-stages-container styledisplay: flex; justify-content: space-around; align-items: flex-start; flex-wrap: wrap; margin-bottom: 30px; gap: 10px;>                                                        !-- Stage 1: PRD -->                            div classprocess-stage idstage-prd styleflex: 1; min-width: 160px; margin: 10px; padding: 15px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);>                                div classstage-icon prd-icon stylefont-size: 2em; margin-bottom: 10px;>📄/div> !-- Placeholder Icon -->                                h4 classstage-name stylefont-size: 1.1em; margin-bottom: 5px; color: #000000;>PRD/h4>                                p classstage-description data-i18nsoftwareProcess.prdDescription stylefont-size: 0.9em; color: #555;>Product Requirements Document: Defining scope, goals, and user needs./p>                            /div>                                                        div classprocess-connector stylefont-size: 2em; align-self: center; margin: 10px 0;>→/div>                                                        !-- Stage 2: POC -->                            div classprocess-stage idstage-poc styleflex: 1; min-width: 160px; margin: 10px; padding: 15px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);>                                div classstage-icon poc-icon stylefont-size: 2em; margin-bottom: 10px;>🔬/div> !-- Placeholder Icon -->                                h4 classstage-name stylefont-size: 1.1em; margin-bottom: 5px; color: #000000;>POC/h4>                                p classstage-description data-i18nsoftwareProcess.pocDescription stylefont-size: 0.9em; color: #555;>Proof of Concept: Validating technical feasibility and core functionality./p>                            /div>                                                        div classprocess-connector stylefont-size: 2em; align-self: center; margin: 10px 0;>→/div>                                                        !-- Stage 3: Figma -->                            div classprocess-stage idstage-figma styleflex: 1; min-width: 160px; margin: 10px; padding: 15px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);>                                div classstage-icon figma-icon stylefont-size: 2em; margin-bottom: 10px;>🎨/div> !-- Placeholder Icon -->                                h4 classstage-name stylefont-size: 1.1em; margin-bottom: 5px; color: #000000;>Figma/h4>                                p classstage-description data-i18nsoftwareProcess.figmaDescription stylefont-size: 0.9em; color: #555;>UI/UX Design: Crafting intuitive and visually appealing interfaces./p>                            /div>                                                        div classprocess-connector stylefont-size: 2em; align-self: center; margin: 10px 0;>→/div>                                                        !-- Stage 4: Monday.com -->                            div classprocess-stage idstage-monday styleflex: 1; min-width: 160px; margin: 10px; padding: 15px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);>                                div classstage-icon monday-icon stylefont-size: 2em; margin-bottom: 10px;>📋/div> !-- Placeholder Icon -->                                h4 classstage-name stylefont-size: 1.1em; margin-bottom: 5px; color: #000000 !important>Monday.com/h4>                                p classstage-description data-i18nsoftwareProcess.mondayDescription stylefont-size: 0.9em; color: #555;>Task Management: Organizing, tracking, and managing project workflows./p>                            /div>                        /div>                        div classspace-for-software-visualization stylemargin-top: 20px; padding: 20px; border: 2px dashed #007bff; border-radius: 8px; background-color: #e7f3ff; animation: buildSpace 2s ease-out forwards;>                            h4 data-i18nsoftwareProcess.spaceTitle stylemargin-bottom:10px; color: #0056b3;>The Space for Software/h4>                            p data-i18nsoftwareProcess.outcome stylefont-size: 1em; color: #333;>This structured process builds a solid, well-defined foundation, ensuring clarity and efficiency before development kicks off./p>                            !-- This area can be animated to visually grow or become more solid as stages are highlighted -->                        /div>                    /div>                    !-- End of New Software Process Animation Section -->                /div>                                div classsidebar-preview>                    div classsticky-sidebar>                        div classsidebar-panel version-panel>                            h3 classversion-history-title stylecolor: #000000; data-i18ndocument.version_history.title>Version Control/h3>                            p data-i18ndocument.version_history.desc>Full Git integration with branching strategies, code reviews, and deployment versioning./p>                        /div>                                                div classsidebar-panel collab-panel version-panel hidden>                            h3 data-i18ndocument.collaborate.title stylecolor: #000000;>Team Collaboration/h3>                            p data-i18ndocument.collaborate.desc>Seamless developer collaboration with pair programming, code reviews, and shared development environments./p>                        /div>                                                div classsidebar-backdrop>/div>                    /div>                /div>            /div>        /div>    /section>    !-- GitHub Integration Section -->    section idgithub-integration classgithub-integration>        div classcontainer-wide>            div classgithub-content>                h2 data-i18ngithub.title>Modern Development Tools/h2>                p data-i18ngithub.subtitle>Professional development workflow with version control, code review, and continuous integration built into every project./p>                                div classgithub-graphic>                    img srcassets/github-graphic.svg altGitHub integration visualization classgithub-graphic-img width600 height400 >                /div>                                ul classgithub-features>                    li classgithub-feature>                        div classfeature-icon-wrapper>                            img srcassets/sync-icon-2.svg altVersion control sync icon classfeature-icon width40 height40 >                        /div>                        h3 data-i18ngithub.sync.title>Version Control/h3>                        p data-i18ngithub.sync.desc>Every project uses Git with proper branching strategies, pull requests, and code review processes./p>                    /li>                    li classgithub-feature>                        div classfeature-icon-wrapper>                            img srcassets/private-tasks-icon.svg altSecure repository icon classfeature-icon width40 height40 >                        /div>                        h3 data-i18ngithub.private.title>Secure Repositories/h3>                        p data-i18ngithub.private.desc>Your code is stored in private repositories with enterprise-grade security and backup./p>                    /li>                    li classgithub-feature>                        div classfeature-icon-wrapper>                            img srcassets/multi-repo-icon.svg altTeam collaboration icon classfeature-icon width40 height40 >                        /div>                        h3 data-i18ngithub.multi.title>Team Collaboration/h3>                        p data-i18ngithub.multi.desc>Developers work together efficiently with shared repositories and collaborative code review./p>                    /li>                    li classgithub-feature>                        div classfeature-icon-wrapper>                            img srcassets/milestone-icon.svg altDevelopment milestone icon classfeature-icon width48 height48 >                        /div>                        h3 data-i18ngithub.milestone.title>Project Tracking/h3>                        p data-i18ngithub.milestone.desc>Track development progress with milestones, issues, and project boards for full visibility./p>                    /li>                    li classgithub-feature>                        div classfeature-icon-wrapper>                            img srcassets/track-progress-icon.svg altProgress tracking icon classfeature-icon width24 height24>                        /div>                        h3 data-i18ngithub.track.title>Development Transparency/h3>                        p data-i18ngithub.track.desc>Monitor commits, branches, and pull requests to see exactly whats being built in real-time./p>                    /li>                    li classgithub-feature>                        div classfeature-icon-wrapper>                            img srcassets/advanced-filtering-icon.svg altWorkflow filtering icon classfeature-icon width24 height24>                        /div>                        h3 data-i18ngithub.filter.title>Organized Workflow/h3>                        p data-i18ngithub.filter.desc>Structured task management with labels, priorities, and automated workflows for efficient delivery./p>                    /li>                /ul>            /div>        /div>    /section>    !-- Mobile Development Showcase -->    !-- MetaBrain Section -->    !-- section classmetabrain-section>        div classcontainer-wide>            h2 data-i18nmetabrain.title>lynxbe MetaBrain/h2>            p data-i18nmetabrain.subtitle>Connect every element of your workflow to build a dynamic knowledge base. Soon, lynxbe AI will turn it into a powerful asset  a second brain for your team./p>                        div classmetabrain-features>                ul classmetabrain-primary-features>                    li classmetabrain-feature tasks-feature>                        p>strong data-i18nmetabrain.tasks>Create tasks./strong> span data-i18nmetabrain.tasks.desc>Schedule your personal events and todos./span>/p>                    /li>                    li classmetabrain-feature plan-feature>                        p>strong data-i18nmetabrain.plan>Plan your work./strong> span data-i18nmetabrain.plan.desc>Visualize your workday in your planner./span>/p>                    /li>                    li classmetabrain-feature notes-feature>                        p>strong data-i18nmetabrain.notes>Take notes./strong> span data-i18nmetabrain.notes.desc>Create documents to keep track of team resources/span>/p>                    /li>                    li classmetabrain-feature collab-feature>                        p>strong data-i18nmetabrain.sync>Sync in real time./strong> span data-i18nmetabrain.sync.desc>Connect with your team instantly to monitor progress and track updates./span>/p>                    /li>                /ul>                ul classmetabrain-secondary-features>                    li classmetabrain-feature calendar-feature>/li>                    li classmetabrain-feature chat-feature>                        p>strong data-i18nmetabrain.chat>Chat with team./strong> span data-i18nmetabrain.chat.desc>Send DM and create group chats./span>/p>                    /li>                    li classmetabrain-feature manage-feature>                        p>strong data-i18nmetabrain.manage>Manage projects./strong> span data-i18nmetabrain.manage.desc>Customize your workspace to fit the needs of your teams./span>/p>                    /li>                /ul>            /div>        /div>    /section> -->    !-- QA System Section -->    section idqa-system classqa-system-section>        div classspotlight-badge>            span data-i18nheader.projectspotlight>Project Spotlight/span>        /div>                div classcontainer>            h2 classsection-heading data-i18nqa.title>Client Success Story:br classmobile-break> QA System/h2>            p classsection-subheading data-i18nqa.subtitle>How we built a powerful inspection management platform for one of Israels largest engineering firms/p>                        div classclient-tag>                div classclient-logo>                    img srcassets/lynxbe/macqa_copy.png altClient logo classlogo-image width2000 height2000>                /div>                div classindustry-badge data-i18nqa.industry>Engineering & Construction/div>            /div>                        div classqa-content>                div classqa-preview-container>                    div classqa-preview enlarged>                        img altQA system preview  width900 height500 decodingasync classqa-system-preview srcassets/lynxbe/macqa.png>                        div classimage-caption data-i18nqa.preview.caption>Interactive mapping interface displaying real-time inspection data/div>                    /div>                /div>                                !-- App Screenshots Gallery -->                div classapp-screenshots-section>                    h3 classscreenshots-title>span classicon-screenshots>/span>span data-i18nqa.screenshots.title>App Screenshots/span>/h3>                    p classscreenshots-description data-i18nqa.screenshots.desc>Experience the comprehensive features of our QA system through these interface examples from the actual application./p>                                        div classscreenshots-controls>                        button classscreenshots-nav prev-screenshot aria-labelPrevious screenshot aria-labelNavigation>                            svg width24 height24 viewBox0 0 24 24 fillnone xmlnshttp://www.w3.org/2000/svg>                                path dM15 18L9 12L15 6 strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround/>                            /svg>                        /button>                        div classscreenshots-indicators>                            span classindicator active data-index0>/span>                            span classindicator data-index1>/span>                            span classindicator data-index2>/span>                            span classindicator data-index3>/span>                            span classindicator data-index4>/span>                            span classindicator data-index5>/span>                            span classindicator data-index6>/span>                            span classindicator data-index7>/span>                            span classindicator data-index8>/span>                        /div>                        button classscreenshots-nav next-screenshot aria-labelNext screenshot aria-labelNavigation>                            svg width24 height24 viewBox0 0 24 24 fillnone xmlnshttp://www.w3.org/2000/svg>                                path dM9 6L15 12L9 18 strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround/>                            /svg>                        /button>                    /div>                                        div classscreenshots-container>                        div classiphone-mockup>                            div classvolume-up>/div>                            div classvolume-down>/div>                            div classpower-button>/div>                            div classiphone-screen>                                div classscreenshots-wrapper>                                    div classscreenshot active>                                        img srcassets/qaonline/WhatsApp-Image-2025-05-05-at-12.30.53.jpeg altDashboard overview classscreenshot-img width923 height2000>                                        div classscreenshot-info>                                            h4>Dashboard Overview/h4>                                            p data-i18nhomepage.main_control_panel_for_monitor>Main control panel for monitoring all inspection activities/p>                                        /div>                                    /div>                                    div classscreenshot>                                        img srcassets/qaonline/WhatsApp-Image-2025-05-05-at-12.30.53-1-.jpeg altInspection details classscreenshot-img width923 height2000>                                        div classscreenshot-info>                                            h4>Inspection Details/h4>                                            p>Detailed view of inspection findings with status indicators/p>                                        /div>                                    /div>                                    div classscreenshot>                                        img srcassets/qaonline/WhatsApp-Image-2025-05-05-at-12.30.54.jpeg altMap visualization classscreenshot-img width923 height2000>                                        div classscreenshot-info>                                            h4>Map Visualization/h4>                                            p>Geographic distribution of inspection sites with status/p>                                        /div>                                    /div>                                    div classscreenshot>                                        img srcassets/qaonline/WhatsApp-Image-2025-05-05-at-12.30.54-1-.jpeg altData analytics classscreenshot-img width923 height2000>                                        div classscreenshot-info>                                            h4>Data Analytics/h4>                                            p>Real-time analytics dashboard showing key metrics/p>                                        /div>                                    /div>                                    div classscreenshot>                                        img srcassets/qaonline/WhatsApp-Image-2025-05-05-at-12.30.54-2-.jpeg altMobile inspection form classscreenshot-img width923 height2000>                                        div classscreenshot-info>                                            h4>Mobile Inspection Form/h4>                                            p>Field-ready form optimized for on-site data collection/p>                                        /div>                                    /div>                                    div classscreenshot>                                        img srcassets/qaonline/WhatsApp-Image-2025-05-05-at-12.30.54-3-.jpeg altReport generation classscreenshot-img width923 height2000>                                        div classscreenshot-info>                                            h4>Report Generation/h4>                                            p>Automated report creation with customizable templates/p>                                        /div>                                    /div>                                    div classscreenshot>                                        img srcassets/qaonline/WhatsApp-Image-2025-05-05-at-12.30.54-4-.jpeg altCompliance tracking classscreenshot-img width923 height2000>                                        div classscreenshot-info>                                            h4>Compliance Tracking/h4>                                            p>Monitor compliance metrics across projects with analysis/p>                                        /div>                                    /div>                                    div classscreenshot>                                        img srcassets/qaonline/WhatsApp-Image-2025-05-05-at-12.30.55.jpeg altUser management classscreenshot-img width923 height2000>                                        div classscreenshot-info>                                            h4>User Management/h4>                                            p>Role-based access control and team management/p>                                        /div>                                    /div>                                    div classscreenshot>                                        img srcassets/qaonline/WhatsApp-Image-2025-05-05-at-12.30.55-1-.jpeg altSettings configuration classscreenshot-img width923 height2000>                                        div classscreenshot-info>                                            h4>Settings Configuration/h4>                                            p>Customizable system settings for workflows/p>                                        /div>                                    /div>                                /div>                                div classiphone-reflection>/div>                            /div>                        /div>                    /div>                                        div classscreenshots-thumbs>                        div classthumb active data-index0>                            img srcassets/qaonline/WhatsApp-Image-2025-05-05-at-12.30.53.jpeg altThumbnail width923 height2000>                        /div>                        div classthumb data-index1>                            img srcassets/qaonline/WhatsApp-Image-2025-05-05-at-12.30.53-1-.jpeg altThumbnail width923 height2000>                        /div>                        div classthumb data-index2>                            img srcassets/qaonline/WhatsApp-Image-2025-05-05-at-12.30.54.jpeg altThumbnail width923 height2000>                        /div>                        div classthumb data-index3>                            img srcassets/qaonline/WhatsApp-Image-2025-05-05-at-12.30.54-1-.jpeg altThumbnail width923 height2000>                        /div>                        div classthumb data-index4>                            img srcassets/qaonline/WhatsApp-Image-2025-05-05-at-12.30.54-2-.jpeg altThumbnail width923 height2000>                        /div>                        div classthumb data-index5>                            img srcassets/qaonline/WhatsApp-Image-2025-05-05-at-12.30.54-3-.jpeg altThumbnail width923 height2000>                        /div>                        div classthumb data-index6>                            img srcassets/qaonline/WhatsApp-Image-2025-05-05-at-12.30.54-4-.jpeg altThumbnail width923 height2000>                        /div>                        div classthumb data-index7>                            img srcassets/qaonline/WhatsApp-Image-2025-05-05-at-12.30.55.jpeg altThumbnail width923 height2000>                        /div>                        div classthumb data-index8>                            img srcassets/qaonline/WhatsApp-Image-2025-05-05-at-12.30.55-1-.jpeg altThumbnail width923 height2000>                        /div>                    /div>                /div>                                div classqa-details>                    div classqa-info>                        div classchallenge-solution-container>                            div classchallenge-box>                                h3>span classicon-challenge>/span>span data-i18nqa.challenge.title>The Challenge/span>/h3>                                p data-i18nqa.challenge.desc>Our client struggled with managing thousands of quality inspections across multiple construction sites using paper-based systems. Field inspectors were unable to efficiently document findings, while management lacked real-time visibility into compliance status and critical issues./p>                                ul classchallenge-points>                                    li data-i18nqa.challenge.point1>Paper-based reporting created delays of up to 72 hours/li>                                    li data-i18nqa.challenge.point2>No geographical visualization of inspection data/li>                                    li data-i18nqa.challenge.point3>Limited ability to track compliance trends over time/li>                                    li data-i18nqa.challenge.point4>Difficulty coordinating between field teams and headquarters/li>                                /ul>                            /div>                                                        div classsolution-box>                                h3>span classicon-solution>/span>span data-i18nqa.solution.title>Our Solution/span>/h3>                                p data-i18nqa.solution.desc>We developed a comprehensive QA platform featuring interactive geographical mapping, custom reporting, and real-time data analysis. The system enables inspectors to document findings on-site while providing management with instant insights into compliance patterns and critical issues./p>                                div classtech-stack>                                    span classtech-badge>Flutter/span>                                    span classtech-badge>React/span>                                    span classtech-badge>Node.js/span>                                    span classtech-badge>PostgreSQL/span>                                    span classtech-badge>AWS/span>                                    span classtech-badge>Firebase/span>                                    !-- span classtech-badge>MapBox API/span> -->                                        /div>                            /div>                        /div>                                                div classproject-timeline>                            h3 data-i18nqa.timeline.title>Project Timeline/h3>                            div classtimeline-container>                                div classtimeline-item>                                    div classtimeline-date data-i18nqa.timeline.jan_mar.label>January – March/div>                                    div classtimeline-content>                                        h4 data-i18nqa.timeline.jan_mar.title>Discovery & Planning/h4>                                        p data-i18nqa.timeline.jan_mar.desc>Requirements gathering and system architecture design/p>                                    /div>                                /div>                                div classtimeline-item>                                    div classtimeline-date data-i18nqa.timeline.apr_sep.label>April – September/div>                                    div classtimeline-content>                                        h4 data-i18nqa.timeline.apr_sep.title>Development/h4>                                        p data-i18nqa.timeline.apr_sep.desc>Core system implementation and map integration/p>                                    /div>                                /div>                                div classtimeline-item>                                    div classtimeline-date data-i18nqa.timeline.oct.label>October/div>                                    div classtimeline-content>                                        h4 data-i18nqa.timeline.oct.title>Testing & QA/h4>                                        p data-i18nqa.timeline.oct.desc>Rigorous testing with field inspectors and management/p>                                    /div>                                /div>                                div classtimeline-item>                                    div classtimeline-date data-i18nqa.timeline.nov.label>November/div>                                    div classtimeline-content>                                        h4 data-i18nqa.timeline.nov.title>Deployment & Training/h4>                                        p data-i18nqa.timeline.nov.desc>System rollout and comprehensive team training/p>                                    /div>                                /div>                            /div>                        /div>                                                div classclient-results>                            h3>span classicon-results>/span>span data-i18nqa.results.title>Results & Impact/span>/h3>                            ul classresults-list>                                li>                                    div classmetric-icon time-icon>/div>                                    strong>65%/strong>                                    span data-i18nqa.results.metric.time>Reduction in inspection reporting time/span>                                /li>                                li>                                    div classmetric-icon quality-icon>/div>                                    strong>40%/strong>                                    span data-i18nqa.results.metric.quality>Increase in quality compliance/span>                                /li>                                li>                                    div classmetric-icon scale-icon>/div>                                    strong>3,500+/strong>                                    span data-i18nqa.results.metric.volume>Inspections processed monthly/span>                                /li>                                li>                                    div classmetric-icon savings-icon>/div>                                    strong>₪1.2M/strong>                                    span data-i18nqa.results.metric.savings>Annual savings in operational costs/span>                                /li>                            /ul>                        /div>                                                !-- div classqa-actions>                            div classqa-action-btn qa-maps active>                                span>Maps/span>                            /div>                            div classqa-action-btn qa-graphs>                                span>Graphs/span>                            /div>                            div classqa-action-btn qa-data>                                span>Display Type/span>                            /div>                        /div> -->                    /div>                                        div classqa-sidebar-preview>                        div classqa-sticky-sidebar>                            div classqa-sidebar-panel client-panel>                                div classquote-marks>/div>                                h3 data-i18nqa.testimonial.title>Client Testimonial/h3>                                p data-i18nqa.testimonial.text>This QA system has transformed how we manage our inspection processes. The geographical visualization allows us to instantly identify patterns and address issues before they become problems. The platform has become essential to our operations and has significantly improved our quality standards./p>                                p classtestimonial-author data-i18nqa.testimonial.author> David L., Director of QA/p>                            /div>                                                        div classqa-sidebar-panel stats-panel>                                h3 data-i18nqa.impl.title>Implementation Highlights/h3>                                ul classqa-stats-list style>                                    li style>span data-i18nqa.impl.timeline.label>Development timeline:/span> strong styleposition: relative;right: 55px; data-i18nqa.impl.timeline.value>11 months/strong>/li>                                    li>span data-i18nqa.impl.techs.label>Technologies used:/span> strong data-i18nqa.impl.techs.value>Flutter, Node.js, MongoDB/strong>/li>                                    li>span data-i18nqa.impl.integrations.label>Integration points:/span> strong data-i18nqa.impl.integrations.value>7 enterprise systems/strong>/li>                                    li>span data-i18nqa.impl.mobile.label>Mobile compatibility:/span> strong data-i18nqa.impl.mobile.value>iOS & Android/strong>/li>                                /ul>                            /div>                                                        div classqa-sidebar-panel features-panel>                                h3 data-i18nqa.features.title>Key Features/h3>                                ul classfeatures-list>                                    li data-i18nqa.features.item.mapping>Interactive geographical mapping/li>                                    li data-i18nqa.features.item.analytics>Real-time compliance analytics/li>                                    li data-i18nqa.features.item.mobile>Mobile data collection/li>                                    li data-i18nqa.features.item.reporting>Automated reporting system/li>                                    li data-i18nqa.features.item.trends>Historical trend analysis/li>                                /ul>                            /div>                                                        div classqa-sidebar-backdrop>/div>                                                    /div>                                            /div>                                    /div>                div classcase-study-cta>                    h3 data-i18nqa.cta.title>Need a similar solution for your business?/h3>                    p data-i18nqa.cta.text>We specialize in custom inspection management systems tailored to your industrys specific requirements./p>                    div classhero-cta hero-cta-bottom>                        a href#booking-section classbtn btn-primary glow-button data-contact-topopen>                            span data-i18ncta.button>Book a Meeting/span>                                            /a>                    /div>                                /div>            /div>        /div>            /section>    !-- Community Section -->    !-- section idcommunity classcommunity-section>        div classcontainer-wide>            h2 data-i18ncommunity.title>Join Our Thriving Community/h2>            p data-i18ncommunity.subtitle>Connect with developers, product teams, and lynxbe enthusiasts worldwide. Share ideas, get support, and help shape the future of collaborative work./p>                        div classcommunity-platforms>                div classplatform-card github-card>                    div classplatform-icon>                        svg xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 36 36 classplatform-svg>                            path fillcurrentColor dM18 .45c-9.9 0-18 8.1-18 18 0 7.988 5.175 14.738 12.263 17.1.9.113 1.237-.337 1.237-.9v-3.037c-5.062 1.125-6.075-2.363-6.075-2.363-.787-2.025-2.025-2.587-2.025-2.587-1.688-1.125.112-1.125.112-1.125 1.8.112 2.813 1.8 2.813 1.8 1.575 2.7 4.163 1.912 5.288 1.462a3.9 3.9 0 0 1 1.125-2.362c-4.05-.45-8.213-2.025-8.213-8.888 0-1.912.675-3.6 1.8-4.837-.225-.45-.787-2.25.225-4.725 0 0 1.462-.45 4.95 1.8 1.463-.45 2.925-.563 4.5-.563s3.038.225 4.5.563c3.488-2.363 4.95-1.913 4.95-1.913 1.012 2.475.338 4.275.225 4.725 1.125 1.238 1.8 2.813 1.8 4.838 0 6.862-4.163 8.437-8.213 8.887.675.563 1.238 1.688 1.238 3.375v4.95c0 .45.337 1.013 1.238.9C30.825 33.188 36 26.438 36 18.45c0-9.9-8.1-18-18-18>/path>                        /svg>                    /div>                    h3>GitHub/h3>                    p>Star our repository, contribute to the codebase, or report issues to help improve lynxbe./p>                    a hrefhttps://github.com/hcengineering/platform classplatform-link target_blank>Star us on GitHub/a>                    div classmetric>                        span classmetric-value>5.2k+/span>                        span classmetric-label>Stars/span>                    /div>                /div>                                div classplatform-card slack-card>                    div classplatform-icon>                        svg xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 18 18 classplatform-svg>                            path fillcurrentColor dM5.698 1.374a1.62 1.62 0 0 1 2.766 1.145v1.62h-1.62a1.62 1.62 0 0 1-1.146-2.765M2.521 5.22h4.32a1.62 1.62 0 1 1 0 3.24h-4.32a1.62 1.62 0 1 1 0-3.24m14.58 1.62a1.62 1.62 0 0 0-3.24 0v1.62h1.62a1.62 1.62 0 0 0 1.62-1.62m-4.319-4.32v4.32a1.62 1.62 0 0 1-1.62 1.619 1.62 1.62 0 0 1-1.62-1.62v-4.32a1.62 1.62 0 0 1 3.24 0m-1.62 14.58a1.62 1.62 0 1 0 0-3.24h-1.62v1.62a1.62 1.62 0 0 0 1.62 1.62m4.32-4.322h-4.32a1.62 1.62 0 1 1 0-3.24h4.32a1.62 1.62 0 0 1 0 3.24m-14.58-1.62a1.62 1.62 0 0 0 3.24 0v-1.62h-1.62a1.62 1.62 0 0 0-1.62 1.62m4.322 4.32v-4.32a1.62 1.62 0 0 1 3.24 0v4.32a1.62 1.62 0 0 1-3.24 0>/path>                        /svg>                    /div>                    h3>Slack/h3>                    p>Join our Slack workspace to connect with the community, get support, and participate in discussions./p>                    a hrefhttps://lynxbe.link/slack classplatform-link target_blank>Join our Slack/a>                    div classmetric>                        span classmetric-value>3k+/span>                        span classmetric-label>Members/span>                    /div>                /div>                                div classplatform-card twitter-card>                    div classplatform-icon>                        svg xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 18 18 classplatform-svg>                            path fillcurrentColor dM12.045 16.75h5.377L5.512 1H-.003l6.776 8.858-6.142 7.017h2.673l4.716-5.385zm2.218-1.6h-1.48L3.118 2.516h1.589zM9.589 6.18l4.42-5.055h2.672L10.827 7.82z>/path>                        /svg>                    /div>                    h3>X.com/h3>                    p>Follow us on X for the latest updates, announcements, and to join the conversation./p>                    a hrefhttps://x.com/lynxbe_io classplatform-link target_blank>Follow @lynxbe_io/a>                    div classmetric>                        span classmetric-value>12k+/span>                        span classmetric-label>Followers/span>                    /div>                /div>                                div classplatform-card youtube-card>                    div classplatform-icon>                        svg xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 18 18 classplatform-svg>                            path fillcurrentColor dM17.775 5.4c-.225-1.463-.9-2.475-2.475-2.7-2.475-.45-6.3-.45-6.3-.45s-3.825 0-6.3.45C1.125 2.925.337 3.937.225 5.4 0 6.862 0 9 0 9s0 2.137.225 3.6.9 2.475 2.475 2.7c2.475.45 6.3.45 6.3.45s3.825 0 6.3-.45c1.575-.338 2.25-1.238 2.475-2.7S18 9 18 9s0-2.137-.225-3.6M6.75 12.375v-6.75L12.375 9z>/path>                        /svg>                    /div>                    h3>YouTube/h3>                    p>Watch tutorials, demos, and feature highlights to get the most out of lynxbe./p>                    a hrefhttps://www.youtube.com/@lynxbe_io classplatform-link target_blank>Subscribe/a>                    div classmetric>                        span classmetric-value>25k+/span>                        span classmetric-label>Subscribers/span>                    /div>                /div>            /div>                        div classcommunity-events>                h3>Upcoming Community Events/h3>                div classevents-container>                    div classevent-card>                        div classevent-date>                            span classevent-month>Jun/span>                            span classevent-day>15/span>                        /div>                        div classevent-details>                            h4 data-i18ncommunity.event1.title>GitHub Integration Webinar/h4>                            p data-i18ncommunity.event1.desc>Learn how to maximize your GitHub workflow with lynxbes bidirectional sync./p>                            a href# classevent-link data-i18ncommunity.register>Register now/a>                        /div>                    /div>                                        div classevent-card>                        div classevent-date>                            span classevent-month>Jul/span>                            span classevent-day>22/span>                        /div>                        div classevent-details>                            h4 data-i18ncommunity.event2.title>MetaBrain AI Features Preview/h4>                            p data-i18ncommunity.event2.desc>Get a sneak peek at the upcoming AI capabilities in lynxbe MetaBrain./p>                            a href# classevent-link data-i18ncommunity.register>Register now/a>                        /div>                    /div>                                        div classevent-card>                        div classevent-date>                            span classevent-month>Aug/span>                            span classevent-day>10/span>                        /div>                        div classevent-details>                            h4 data-i18ncommunity.event3.title>Community Meetup/h4>                            p data-i18ncommunity.event3.desc>Join our virtual meetup to connect with other lynxbe users and the development team./p>                            a href# classevent-link data-i18ncommunity.register>Register now/a>                        /div>                    /div>                /div>            /div>        /div>    /section> -->    !-- Testimonials Section -->    section idtestimonials classtestimonials-section >        div classcontainer>                        h2 data-i18ntestimonials.title>Success Stories/h2>            p classsection-subtitle data-i18ntestimonials.subtitle>See how teams around the world are transforming their workflow with lynxbe/p>                        div classtestimonial-carousel>                div classcarousel-indicators>                    button classindicator active data-slide0 aria-labelGo to testimonial 1>/button>                    button classindicator data-slide1 aria-labelGo to testimonial 2>/button>                    button classindicator data-slide2 aria-labelGo to testimonial 3>/button>                /div>                                div classtestimonial-slide active>                    div classtestimonial-content>                        div classquote-icon>                            svg width48 height48 viewBox0 0 48 48 fillnone xmlnshttp://www.w3.org/2000/svg>                                path dM14.4 24H6C6 16.272 12.272 10 20 10V14C14.4 14 10 18.4 10 24H14.4C15.8583 24 17.2583 24.5793 18.3 25.6L20 24H14.4ZM34.4 24H26C26 16.272 32.272 10 40 10V14C34.4 14 30 18.4 30 24H34.4C35.8583 24 37.2583 24.5793 38.3 25.6L40 24H34.4Z fill#7D80FF fill-opacity0.3/>                            /svg>                        /div>                        p classtestimonial-text data-i18ntestimonials.roni.text>Partnering with Lynxbe for our mobile apps and custom software was a game changer. They delivered high‑quality iOS and Android apps, integrated with our existing systems, and accelerated our roadmap without sacrificing quality./p>                        div classtestimonial-author>                            !-- img srcassets/testimonial-1.jpg altSarah Chen classauthor-image> -->                            div classauthor-info>                                h4 data-i18ntestimonials.roni.name>Roni Malka/h4>                                p data-i18ntestimonials.roni.position>CTO at TechForward/p>                            /div>                        /div>                    /div>                    div classtestimonial-metrics>                        div classmetric-box>                            span classmetric-value>40%/span>                            span classmetric-label data-i18ntestimonials.metric.productivity>Productivity Increase/span>                        /div>                        div classmetric-box>                            span classmetric-value>3x/span>                            span classmetric-label data-i18ntestimonials.metric.onboarding>Faster Onboarding/span>                        /div>                        div classmetric-box>                            span classmetric-value>85%/span>                            span classmetric-label data-i18ntestimonials.metric.context>Less Context Switching/span>                        /div>                    /div>                /div>                                div classtestimonial-slide>                    div classtestimonial-content>                        div classquote-icon>                            svg width48 height48 viewBox0 0 48 48 fillnone xmlnshttp://www.w3.org/2000/svg>                                path dM14.4 24H6C6 16.272 12.272 10 20 10V14C14.4 14 10 18.4 10 24H14.4C15.8583 24 17.2583 24.5793 18.3 25.6L20 24H14.4ZM34.4 24H26C26 16.272 32.272 10 40 10V14C34.4 14 30 18.4 30 24H34.4C35.8583 24 37.2583 24.5793 38.3 25.6L40 24H34.4Z fill#7D80FF fill-opacity0.3/>                            /svg>                        /div>                        p classtestimonial-text data-i18ntestimonials.marcus.text>As a distributed team, we needed a partner to design and build our mobile app and custom platform end‑to‑end. Lynxbe handled product design, development, and launch-our releases are faster and our users are happier./p>                        div classtestimonial-author>                            !-- img srcassets/testimonial-2.jpg altMarcus Johnson classauthor-image> -->                            div classauthor-info>                                h4 data-i18ntestimonials.marcus.name>Avi Shapiro/h4>                                p data-i18ntestimonials.marcus.position>Product Lead at RemoteFirst/p>                            /div>                        /div>                    /div>                    div classtestimonial-metrics>                        div classmetric-box>                            span classmetric-value>60%/span>                            span classmetric-label data-i18ntestimonials.metric.collaboration>Improved Collaboration/span>                        /div>                        div classmetric-box>                            span classmetric-value>5/span>                            span classmetric-label data-i18ntestimonials.metric.tools>Tools Consolidated/span>                        /div>                        div classmetric-box>                            span classmetric-value>30%/span>                            span classmetric-label data-i18ntestimonials.metric.cost>Cost Reduction/span>                        /div>                    /div>                /div>                                div classtestimonial-slide>                                        div classtestimonial-content>                                                div classquote-icon>                            svg width48 height48 viewBox0 0 48 48 fillnone xmlnshttp://www.w3.org/2000/svg>                                path dM14.4 24H6C6 16.272 12.272 10 20 10V14C14.4 14 10 18.4 10 24H14.4C15.8583 24 17.2583 24.5793 18.3 25.6L20 24H14.4ZM34.4 24H26C26 16.272 32.272 10 40 10V14C34.4 14 30 18.4 30 24H34.4C35.8583 24 37.2583 24.5793 38.3 25.6L40 24H34.4Z fill#7D80FF fill-opacity0.3/>                            /svg>                        /div>                                                p classtestimonial-text data-i18ntestimonials.yael.text>Lynxbe adapted to our workflow and built exactly what we needed-custom web and mobile apps with clear milestones and great communication. We consolidated vendors and now ship features noticeably faster./p>                        div classtestimonial-author>                            !-- img srcassets/testimonial-3.jpg altElena Rodriguez classauthor-image> -->                            div classauthor-info>                                h4 data-i18ntestimonials.yael.name>Yael Ben-David/h4>                                p data-i18ntestimonials.yael.position>Engineering Manager at CloudScale/p>                            /div>                        /div>                    /div>                    div classtestimonial-metrics>                        div classmetric-box>                            span classmetric-value>50%/span>                            span classmetric-label data-i18ntestimonials.metric.dev_cycles>Faster Development Cycles/span>                        /div>                        div classmetric-box>                            span classmetric-value>20hrs/span>                            span classmetric-label data-i18ntestimonials.metric.saved_weekly>Saved Weekly/span>                        /div>                        div classmetric-box>                            span classmetric-value>90%/span>                            span classmetric-label data-i18ntestimonials.metric.team_adoption>Team Adoption Rate/span>                        /div>                    /div>                /div>                                div classcarousel-controls>                    button classprev-btn aria-labelPrevious testimonial>                        svg width24 height24 viewBox0 0 24 24 fillnone xmlnshttp://www.w3.org/2000/svg>                            path dM15 18L9 12L15 6 strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround/>                        /svg>                    /button>                                       button classnext-btn aria-labelNext testimonial>                        svg width24 height24 viewBox0 0 24 24 fillnone xmlnshttp://www.w3.org/2000/svg>                            path dM9 6L15 12L9 18 strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround/>                        /svg>                    /button>                /div>                            /div>        /div>    /section>                !-- Customer Logos Section -->    section classcustomer-logos-section>        div classcontainer>                h3 data-i18nhomepage.some_of_the_teams_that_work_wi>Some of the teams that work with us/h3>                div classlogo-grid>                div classlogo-item>img decodingasync srcassets/trust/three.png altTechForward width1012 height172>/div>                div classlogo-item>img decodingasync srcassets/trust/five.png altRemoteFirst width936 height320>/div>                div classlogo-item>img decodingasync srcassets/trust/six.png altDevMatrix width620 height108>/div>                div classlogo-item>img decodingasync srcassets/trust/four.png altInnovateCo width316 height372>/div>                div classlogo-item>img decodingasync srcassets/trust/one.png altQuantum Solutions width400 height376>/div>                div classlogo-item>img decodingasync srcassets/yossiAmbulaceIconF.jpg altYossi Ambulance width421 height420>/div>                div classlogo-item>img decodingasync srcassets/trust/qaonline.png altQA Online width802 height577>/div>                div classlogo-item>img decodingasync srcassets/baby_land.png altBaby Land width752 height160>/div>                div classlogo-item>img decodingasync srcassets/bar-or.png altBar-Or width484 height347>/div>                div classlogo-item>img decodingasync srcassets/mottech_symbol.png altMottech width300 height300>/div>                div classlogo-item>img decodingasync srcassets/wd-creative.png altWD Creative width3338 height600>/div>                div classlogo-item>img decodingasync srcassets/sentryBe.png altSentryBe width350 height206>/div>                div classlogo-item>img decodingasync srcassets/zipfix.png altZipFix width1250 height796>/div>                div classlogo-item>img decodingasync srcassets/talmidim.png altTalmidim width724 height372>/div>                div classlogo-item>img decodingasync srcassets/imdsoft2.png altIMDsoft width792 height344>/div>                div classlogo-item>img decodingasync srcassets/aiblog.png altAI Blog width1146 height1146>/div>                div classlogo-item>img decodingasync srcassets/sonorus.png altSonorus width732 height109>/div>                div classlogo-item>img decodingasync srcassets/house-of-brides-logo.svg altHouse of Brides width429 height150>/div>                div classlogo-item>img decodingasync srcassets/HOMEBIOGAS.png altHomeBiogas width579 height120>/div>                div classlogo-item>img decodingasync srcassets/Yamitlogo.png altYamit width3432 height1248>/div>                div classlogo-item>img decodingasync srcassets/imaginet-logo-white.png altImaginet width478 height62>/div>                div classlogo-item>img decodingasync srcassets/philippe_haddad_consulting_v1.png altPhilippe Haddad Consulting width2000 height500>/div>                div classlogo-item logo-item-large>img decodingasync srcassets/PNINA.png altPnina width140 height128>/div>                div classlogo-item>img decodingasync srcassets/habitshelsigi.png altHabitshelsigi width4776 height2660>/div>                div classlogo-item>img decodingasync srcassets/team-mama.svg altTeam Mama width490 height532>/div>                div classlogo-item>img decodingasync srcassets/motorola.png altMotorola width1092 height1096>/div>                div classlogo-item>img decodingasync srcassets/image.png altשְׁמוּאֵל שְׁמִילָה שְׁמִילָה - משרד עורכי דין width800 height400>/div>            /div>        /div>    /section>    !-- Eye Following Interactive Section -->    section classeye-following-section>        div classeye-following-container>            div classeye-following-content>                div classeye-card-wrapper>                    div classeye-card>                        div classmonster-container>                            div classeyes-container>                                div classeye>                                    div classpupil>/div>                                /div>                                div classeye>                                    div classpupil>/div>                                /div>                            /div>                        /div>                        div classeye-legend>                            div classeye-legend-title>#7D80FF/div>                            div classeye-legend-subtitle data-i18nhomepage.eye.legend.blue>Lynxbe Blue/div>                            div classeye-legend-description data-i18nhomepage.eye.legend.color>Our signature color/div>                        /div>                    /div>                /div>                                div classeye-text-content>                    h2>span data-i18nhomepage.eye.title.prefix>Were Always /span>span classhighlight data-i18nhomepage.eye.title.highlight>Watching/span>span data-i18nhomepage.eye.title.suffix> Your Success/span>/h2>                    p data-i18nhomepage.eye.description>Our development team keeps a close eye on every detail of your project, ensuring nothing slips through the cracks. From the first line of code to the final deployment, were with you every step of the way./p>                                        div classeye-features>                        div classeye-feature-item>                            div classeye-feature-icon>                                svg xmlnshttp://www.w3.org/2000/svg width32 height32 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround>                                    path dM1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z>/path>                                    circle cx12 cy12 r3>/circle>                                /svg>                            /div>                            div classeye-feature-text>                                h4 data-i18nhomepage.24_7_monitoring>24/7 Monitoring/h4>                                p data-i18nhomepage.eye.monitoring.desc>Continuous oversight of your applications performance and health/p>                            /div>                        /div>                        div classeye-feature-item>                            div classeye-feature-icon>                                svg xmlnshttp://www.w3.org/2000/svg width32 height32 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround>                                    circle cx12 cy12 r10>/circle>                                    circle cx12 cy12 r6>/circle>                                    circle cx12 cy12 r2>/circle>                                /svg>                            /div>                            div classeye-feature-text>                                h4 data-i18nhomepage.attention_to_detail>Attention to Detail/h4>                                p data-i18nhomepage.eye.attention.desc>Every pixel, every function, every user experience matters to us/p>                            /div>                        /div>                        div classeye-feature-item>                            div classeye-feature-icon>                                svg xmlnshttp://www.w3.org/2000/svg width32 height32 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround>                                    path dM12 2v20>/path>                                    path dm19 15-7-7-7 7>/path>                                    path dm5 9 7-7 7 7>/path>                                /svg>                            /div>                            div classeye-feature-text>                                h4 data-i18nhomepage.eye.proactive.title>Proactive Solutions/h4>                                p data-i18nhomepage.eye.proactive.desc>We anticipate challenges and solve them before they become problems/p>                            /div>                        /div>                    /div>                /div>            /div>        /div>    /section>    !-- Card Stack Section -->    section classcard-stack-section>        div classcard-stack-container>            div classcard-stack-header>                h2 data-i18ncardstack.title>Our Development Services/h2>                p data-i18ncardstack.subtitle>Swipe through our comprehensive development solutions designed to bring your vision to life/p>            /div>                        div classcard-stack-wrapper>                div classcard-stack-content>                    div classstack-card>                        img srcassets/10f3223bbc127b07f65ff9b336f8d25465af2b75.png altWeb Development classstack-card-image width1440 height900>                        div classstack-card-content>                            span classstack-card-tag data-i18ncardstack.web.tag>Web Development/span>                            h3 classstack-card-title data-i18ncardstack.web.title>Modern Web Applications/h3>                            p classstack-card-description data-i18ncardstack.web.desc>Build responsive, scalable web applications with cutting-edge technologies like React, Vue, and Node.js./p>                        /div>                    /div>                                        div classstack-card>                        img srcassets/9ed491a443f55d74a0ee9cf58271da42d6d3eb02.png altMobile Development classstack-card-image width1280 height800>                        div classstack-card-content>                            span classstack-card-tag data-i18ncardstack.mobile.tag>Mobile Development/span>                            h3 classstack-card-title data-i18ncardstack.mobile.title>Native & Cross-Platform Apps/h3>                            p classstack-card-description data-i18ncardstack.mobile.desc>Create stunning mobile experiences for iOS and Android using React Native, Flutter, or native development./p>                        /div>                    /div>                                        div classstack-card>                        img srcassets/773bf98c8280198048d89e45f0d95992eeb9166b.png altBackend Development classstack-card-image width1280 height800>                        div classstack-card-content>                            span classstack-card-tag data-i18ncardstack.backend.tag>Backend & APIs/span>                            h3 classstack-card-title data-i18ncardstack.backend.title>Robust Backend Systems/h3>                            p classstack-card-description data-i18ncardstack.backend.desc>Design and implement scalable backend architectures, RESTful APIs, and microservices for your applications./p>                        /div>                    /div>                                        div classstack-card>                        img srcassets/b8fd7c6aca6e29f7071378cf9fff4d98b3741228.png altCloud Solutions classstack-card-image width1440 height900>                        div classstack-card-content>                            span classstack-card-tag data-i18ncardstack.cloud.tag>Cloud & DevOps/span>                            h3 classstack-card-title data-i18ncardstack.cloud.title>Cloud Infrastructure/h3>                            p classstack-card-description data-i18ncardstack.cloud.desc>Deploy and manage your applications on AWS, Azure, or Google Cloud with automated CI/CD pipelines./p>                        /div>                    /div>                /div>            /div>                        div classswipe-instruction>                span data-i18ncardstack.swipe>Drag or swipe to explore/span>                svg viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2>                    path dM5 12h14M12 5l7 7-7 7/>                /svg>            /div>        /div>    /section>    !-- Pricing Section -->    section idservices classpricing-section>        div classcontainer>            h2 data-i18npricing.title>Development Solutions/h2>                        !-- Pricing Toggle -->            div classpricing-toggle>                span classtoggle-label active data-pricingmonthly data-i18npricing.section.monthly>Monthly Subscription/span>                label classtoggle-switch>                    input typecheckbox idpricing-toggle>                    span classtoggle-slider>/span>                /label>                span classtoggle-label data-pricingcustom data-i18npricing.section.custom>Custom Projects/span>            /div>                        !-- Monthly Subscription Cards -->            div classpricing-cards monthly-pricing active>                div classpricing-card>                    div classcard-header>                        h3 data-i18npricing.starter.title>Starter Plan/h3>                        p classcard-subtitle data-i18npricing.starter.subtitle>For small businesses getting started/p>                    /div>                    div classcard-price>                        span classcurrency data-i18ncurrency.symbol>$/span>                        span classamount data-price1499 data-i18nhomepage.1_499>1,499/span>                        span classperiod data-i18npricing.starter.period>/month/span>                    /div>                    div classcard-features>                        ul>                            li classfeature-included data-i18npricing.starter.features.0>Dedicated developer (part-time)/li>                            li classfeature-included data-i18npricing.starter.features.1>20-40 hours of development per month/li>                            li classfeature-included data-i18npricing.starter.features.2>Weekly progress updates/li>                            li classfeature-included data-i18npricing.starter.features.3>Bug fixes & small features/li>                            li classfeature-included data-i18npricing.starter.features.4>Cancel anytime (monthly contract)/li>                        /ul>                    /div>                    div classcard-action>                        a href#booking-section classbtn btn-outline data-i18npricing.starter.cta>Get Started/a>                    /div>                /div>                                div classpricing-card popular>                    div classpopular-badge data-i18npricing.growth.popular>Most Popular/div>                    div classcard-header>                        h3 data-i18npricing.growth.title>Growth Plan/h3>                        p classcard-subtitle data-i18npricing.growth.subtitle>For businesses with ongoing needs/p>                    /div>                    div classcard-price>                        span classcurrency data-i18ncurrency.symbol>$/span>                        span classamount data-price3499 data-i18nhomepage.3_499>3,499/span>                        span classperiod data-i18npricing.growth.period>/month/span>                    /div>                    div classcard-features>                        ul>                            li classfeature-included data-i18npricing.growth.features.0>Full-time dedicated developer/li>                            li classfeature-included data-i18npricing.growth.features.1>100 hours of development per month/li>                            li classfeature-included data-i18npricing.growth.features.2>Project management included/li>                            li classfeature-included data-i18npricing.growth.features.3>New features & ongoing improvements/li>                            li classfeature-included data-i18npricing.growth.features.4>Dedicated Slack channel/li>                            li classfeature-included data-i18npricing.growth.features.5>3-month minimum contract/li>                        /ul>                    /div>                    div classcard-action>                        a href#booking-section classbtn btn-primary data-i18npricing.growth.cta>Schedule Consultation/a>                    /div>                /div>                                div classpricing-card enterprise>                    div classcard-header>                        h3 data-i18npricing.scale.title>Scale Plan/h3>                        p classcard-subtitle data-i18npricing.scale.subtitle>For larger organizations & teams/p>                    /div>                    div classcard-price>                        span classcurrency data-i18ncurrency.symbol>$/span>                        span classamount data-price7999 data-i18nhomepage.7_999>7,999/span>                        span classperiod data-i18npricing.scale.period>/month/span>                    /div>                    div classcard-features>                        ul>                            li classfeature-included data-i18npricing.scale.features.0>Development team (2-3 developers)/li>                            li classfeature-included data-i18npricing.scale.features.1>200+ hours of development monthly/li>                            li classfeature-included data-i18npricing.scale.features.2>Dedicated project manager/li>                            li classfeature-included data-i18npricing.scale.features.3>DevOps & architecture support/li>                            li classfeature-included data-i18npricing.scale.features.4>Priority support & weekly meetings/li>                            li classfeature-included data-i18npricing.scale.features.5>6-month minimum contract/li>                        /ul>                    /div>                    div classcard-action>                        a href#booking-section classbtn btn-outline data-i18npricing.scale.cta>Contact Us/a>                    /div>                /div>            /div>            !-- Custom Projects Cards -->            div classpricing-cards custom-pricing>                div classpricing-card>                    div classcard-header>                        h3 data-i18npricing.custom_project.starter.title>Starter Project/h3>                        p classcard-subtitle data-i18npricing.custom_project.starter.subtitle>For small businesses with defined scope/p>                    /div>                    div classcard-price>                        span classamount data-i18npricing.custom_project.starter.price_from styledisplay: none;>/span>                        span classcurrency data-i18ncurrency.symbol>₪/span>                        span classamount>5K/span>                    /div>                    div classcard-features>                        ul>                            li classfeature-included data-i18npricing.custom_project.starter.features.0>Fixed scope, single deliverable/li>                            li classfeature-included data-i18npricing.custom_project.starter.features.1>4-8 week timeline/li>                            li classfeature-included data-i18npricing.custom_project.starter.features.2>Dedicated project manager/li>                            li classfeature-included data-i18npricing.custom_project.starter.features.3>Weekly progress updates/li>                            li classfeature-included data-i18npricing.custom_project.starter.features.4>30-day post-launch support/li>                        /ul>                    /div>                    div classcard-action>                        a href#booking-section classbtn btn-outline data-i18npricing.custom_project.starter.cta>Get Custom Quote/a>                    /div>                /div>                                div classpricing-card popular>                    div classpopular-badge data-i18npricing.growth.popular>Most Popular/div>                    div classcard-header>                        h3 data-i18npricing.custom_project.growth.title>Growth Solution/h3>                        p classcard-subtitle data-i18npricing.custom_project.growth.subtitle>For businesses with evolving needs/p>                    /div>                    div classcard-price>                        span classamount data-i18npricing.custom_project.growth.price_from styledisplay: none;>/span>                        span classcurrency data-i18ncurrency.symbol>₪/span>                        span classamount data-i18nhomepage.15k>15K/span>                    /div>                    div classcard-features>                        ul>                            li classfeature-included data-i18npricing.custom_project.growth.features.0>Custom app or website development/li>                            li classfeature-included data-i18npricing.custom_project.growth.features.1>2-4 month development timeline/li>                            li classfeature-included data-i18npricing.custom_project.growth.features.2>Dedicated development team/li>                            li classfeature-included data-i18npricing.custom_project.growth.features.3>UX/UI design included/li>                            li classfeature-included data-i18npricing.custom_project.growth.features.4>3 months of technical support/li>                            li classfeature-included data-i18npricing.custom_project.growth.features.5>Full source code ownership/li>                        /ul>                    /div>                    div classcard-action>                        a href#booking-section classbtn btn-primary data-i18npricing.custom_project.growth.cta>Schedule Consultation/a>                    /div>                /div>                                div classpricing-card enterprise>                    div classcard-header>                        h3 data-i18npricing.custom_project.enterprise.title>Enterprise Partnership/h3>                        p classcard-subtitle data-i18npricing.custom_project.enterprise.subtitle>For complex, mission-critical projects/p>                    /div>                    div classcard-price>                        span classamount data-i18npricing.custom_project.enterprise.price>Custom/span>                        span classperiod data-i18npricing.custom_project.enterprise.period>Pricing/span>                    /div>                    div classcard-features>                        ul>                            li classfeature-included data-i18npricing.custom_project.enterprise.features.0>Custom app or website development/li>                            li classfeature-included data-i18npricing.custom_project.enterprise.features.1>Dedicated cross-functional team/li>                            li classfeature-included data-i18npricing.custom_project.enterprise.features.2>Technical architecture & consulting/li>                            li classfeature-included data-i18npricing.custom_project.enterprise.features.3>DevOps & infrastructure setup/li>                            li classfeature-included data-i18npricing.custom_project.enterprise.features.4>Long-term maintenance available/li>                            li classfeature-included data-i18npricing.custom_project.enterprise.features.5>SLA with guaranteed response times/li>                            li classfeature-included data-i18npricing.custom_project.enterprise.features.6>Complete end-to-end development/li>                        /ul>                    /div>                    div classcard-action>                        a href#booking-section classbtn btn-outline data-i18npricing.custom_project.enterprise.cta>Contact Us/a>                    /div>                /div>            /div>            !-- FAQ Section -->            div classpricing-faq>                h3 data-i18npricing.faq.title>Development FAQ/h3>                div classfaq-grid>                    div classfaq-item>                        h4 data-i18npricing.faq.questions.difference.q>Whats the difference between subscription and custom projects?/h4>                        p data-i18npricing.faq.questions.difference.a>Monthly subscriptions provide ongoing development resources with predictable pricing, while custom projects are one-time engagements with a defined scope and timeline./p>                    /div>                    div classfaq-item>                        h4 data-i18npricing.faq.questions.switch.q>Can I switch between subscription and project-based work?/h4>                        p data-i18npricing.faq.questions.switch.a>Yes! Many clients start with a custom project and then transition to a monthly subscription for ongoing support and improvements./p>                    /div>                    div classfaq-item>                        h4 data-i18npricing.faq.questions.technologies.q>What technologies do you specialize in?/h4>                        p data-i18npricing.faq.questions.technologies.a>Our team has expertise in web development (React, Angular, Vue), mobile development (React Native, Flutter), backend (Node.js, Python, Java), and cloud infrastructure (AWS, Azure, GCP)./p>                    /div>                    div classfaq-item>                        h4 data-i18npricing.faq.questions.maintenance.q>Do you offer post-launch maintenance?/h4>                        p data-i18npricing.faq.questions.maintenance.a>Yes, we provide ongoing maintenance and support packages to ensure your application continues to run smoothly after launch./p>                    /div>                /div>                div classpricing-cta>                    h3 data-i18npricing.cta_section.title>Need a custom solution?/h3>                    p data-i18npricing.cta_section.subtitle>Contact our sales team today to discuss your project requirements and get a personalized quote./p>                    div classhero-cta hero-cta-bottom>                        a href#booking-section classbtn btn-primary glow-button data-contact-topopen>                            span data-i18ncta.button>Book a Meeting/span>                        /a>                    /div>                                /div>            /div>        /div>    /section>    !-- Booking Section -->    section idbooking-section classbooking-section>        !-- Booking Container -->        div classbooking-container animated-booking>                        !-- Booking Information -->            div classbooking-info animate-slide-in>                div classcontainer>                    h2 data-i18nbooking.title classanimate-title>Book a Consultation/h2>                    p data-i18nbooking.subtitle classsection-subtitle animate-fade-in>Schedule a one-on-one meeting with our team to discuss your project needs/p>                /div>                div classorganizer-details>                    h3 classhost-profile-title data-i18nbooking.host_profile_title>Host Profile/h3>                    div classhost-profile animate-fade-up>                        div classhost-avatar pulse-effect>                            img srcassets/big_logo_optimized.png altLynxbe Team width158 height200>                        /div>                        h2 classhost-name>Lynxbe Team/h2>                    /div>                                        h3 classevent-type animate-reveal>Consultation/h3>                                        div classevent-details>                        div classevent-detail animate-fade-right styleanimation-delay: 0.1s;>                            div classdetail-icon>                                svg xmlnshttp://www.w3.org/2000/svg width20 height20 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround>                                    circle cx12 cy12 r10>/circle>                                    polyline points12 6 12 12 16 14>/polyline>                                /svg>                            /div>                            span data-i18nbooking.duration>45 min/span>                        /div>                                                div classevent-detail animate-fade-right styleanimation-delay: 0.2s;>                            div classdetail-icon>                                svg xmlnshttp://www.w3.org/2000/svg width20 height20 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround>                                    path dM15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z>/path>                                /svg>                            /div>                            span data-i18nbooking.platform_zoom>Zoom/span>                        /div>                    /div>                                        div classbooking-faq animate-fade-up styleanimation-delay: 0.4s;>                        p classbooking-description data-i18nbooking.description>Schedule a one-on-one consultation to discuss your project needs and how our team can help bring your vision to life./p>                    /div>                /div>            /div>            !-- Booking Calendar -->            div classbooking-calendar animate-slide-in styleanimation-delay: 0.2s;>                h2 classcalendar-heading data-i18nbooking.select_datetime>Select a Date & Time/h2>                                !-- Month Navigation -->                div classmonth-navigation animate-fade-in styleanimation-delay: 0.3s;>                    button classmonth-nav prev animate-hover aria-labelPrevious month aria-labelNavigation>                        svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround>                            polyline points15 18 9 12 15 6>/polyline>                        /svg>                    /button>                    h3 classcurrent-month>July/h3>                    button classmonth-nav next animate-hover aria-labelNext month aria-labelNavigation>                        svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround>                            polyline points9 18 15 12 9 6>/polyline>                        /svg>                    /button>                /div>                                !-- Calendar Grid -->                div classcalendar-grid animate-fade-up styleanimation-delay: 0.4s;>                    div classweekdays>                        div classweekday>SUN/div>                        div classweekday>MON/div>                        div classweekday>TUE/div>                        div classweekday>WED/div>                        div classweekday>THU/div>                        div classweekday>FRI/div>                        div classweekday>SAT/div>                    /div>                                        div classdays-grid animated-grid>                        div classday prev-month>30/div>                        div classday>1/div>                        div classday>2/div>                        div classday>3/div>                        div classday>4/div>                        div classday>5/div>                        div classday>6/div>                        div classday>7/div>                        div classday>8/div>                        div classday>9/div>                        div classday>10/div>                        div classday>11/div>                        div classday>12/div>                        div classday>13/div>                        div classday>14/div>                        div classday>15/div>                        div classday available animate-pop>16/div>                        div classday available animate-pop>17/div>                        div classday>18/div>                        div classday available animate-pop>19/div>                        div classday available animate-pop>20/div>                        div classday>21/div>                        div classday available selected animate-pop>22/div>                        div classday available animate-pop>23/div>                        div classday available animate-pop>24/div>                        div classday available animate-pop>25/div>                        div classday>26/div>                        div classday>27/div>                        div classday>28/div>                        div classday>29/div>                        div classday available animate-pop>30/div>                        div classday available animate-pop>31/div>                        div classday next-month>1/div>                        div classday next-month>2/div>                        div classday next-month>3/div>                    /div>                /div>                                !-- Time Slots -->                div classtime-slots animate-fade-up styleanimation-delay: 0.5s;>                    h3 classtime-slots-heading data-i18nbooking.available_times>Available times for July 22/h3>                    div classtime-slots-grid>                        button classtime-slot animate-rise>9:00 AM/button>                        button classtime-slot animate-rise styleanimation-delay: 0.05s;>10:00 AM/button>                        button classtime-slot animate-rise styleanimation-delay: 0.1s;>11:00 AM/button>                        button classtime-slot animate-rise styleanimation-delay: 0.15s;>1:00 PM/button>                        button classtime-slot animate-rise styleanimation-delay: 0.2s;>2:00 PM/button>                        button classtime-slot selected animate-rise styleanimation-delay: 0.25s;>3:00 PM/button>                        button classtime-slot animate-rise styleanimation-delay: 0.3s;>4:00 PM/button>                        button classtime-slot animate-rise styleanimation-delay: 0.35s;>5:00 PM/button>                    /div>                /div>                                !-- Timezone Selector -->                div classtimezone-selector animate-fade-up styleanimation-delay: 0.6s;>                    label fortimezone data-i18nbooking.timezone>Time zone/label>                    div classselect-wrapper>                        div classtimezone-icon>                            svg xmlnshttp://www.w3.org/2000/svg width20 height20 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround>                                circle cx12 cy12 r10>/circle>                                line x12 y112 x222 y212>/line>                                path dM12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z>/path>                            /svg>                        /div>                        select idtimezone classtimezone-select animate-input>                            option valueisrael data-i18nbooking.tz.israel selected>Israel Time (IST/IDT)/option>                            option valueeastern data-i18nbooking.tz.eastern>Eastern time - US & Canada/option>                            option valuecentral data-i18nbooking.tz.central>Central time - US & Canada/option>                            option valuemountain data-i18nbooking.tz.mountain>Mountain time - US & Canada/option>                            option valuepacific data-i18nbooking.tz.pacific>Pacific time - US & Canada/option>                            option valuegmt data-i18nbooking.tz.gmt>GMT (UTC+0)/option>                            option valueist data-i18nbooking.tz.ist>IST (UTC+5:30)/option>                        /select>                    /div>                /div>                                !-- Continue Button -->                div classbooking-actions animate-fade-up styleanimation-delay: 0.7s;>                    button classcontinue-btn pulse-button idcontinue-booking data-i18nbooking.continue>Continue/button>                /div>            /div>                        !-- Booking Form (initially hidden) -->            div classbooking-form hidden idbooking-form>                div classform-header>                    button classback-button idback-to-calendar>                        svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround>                            line x119 y112 x25 y212>/line>                            polyline points12 19 5 12 12 5>/polyline>                        /svg>                        span data-i18nbooking.back>Back/span>                    /button>                    h2 classform-title data-i18nbooking.enter_details>Enter Details/h2>                /div>                                div classselected-slot-info>                    div classslot-info-item>                        svg xmlnshttp://www.w3.org/2000/svg width20 height20 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround>                            rect x3 y4 width18 height18 rx2 ry2>/rect>                            line x116 y12 x216 y26>/line>                            line x18 y12 x28 y26>/line>                            line x13 y110 x221 y210>/line>                        /svg>                        span>July 22, 2023/span>                    /div>                    div classslot-info-item>                        svg xmlnshttp://www.w3.org/2000/svg width20 height20 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround>                            circle cx12 cy12 r10>/circle>                            polyline points12 6 12 12 16 14>/polyline>                        /svg>                        span>3:00 PM - 3:45 PM (Eastern time)/span>                    /div>                /div>                                form idappointment-form>                    h3 classform-section-title>Primary Contact/h3>                    div classform-group>                        label forname data-i18nbooking.name>Name */label>                        input typetext idname namename required>                    /div>                                        div classform-group>                        label foremail data-i18nbooking.email>Email */label>                        input typeemail idemail nameemail required>                    /div>                                        div classform-group>                        label forphone data-i18nbooking.phone>Phone Number/label>                        input typetel idphone namephone>                    /div>                                        div classform-group>                        label forcompany data-i18nbooking.company>Company/Organization/label>                        input typetext idcompany namecompany>                    /div>                                        !-- Additional Participants Section -->                    div classadditional-participants-section>                        div classsection-header>                            h3 classform-section-title>Additional Participants/h3>                            button typebutton classadd-participant-btn idadd-participant-btn titleAdd participant>                                svg width20 height20 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2>                                    circle cx12 cy12 r10>/circle>                                    line x112 y18 x212 y216>/line>                                    line x18 y112 x216 y212>/line>                                /svg>                                span>Add Participant/span>                            /button>                        /div>                        div idadditional-participants-container>                            !-- Additional participants will be added here dynamically -->                        /div>                    /div>                                        div classform-group full-width>                        label formessage data-i18nbooking.discussion_topic>What would you like to discuss?/label>                        textarea idmessage namemessage rows4>/textarea>                    /div>                                        div classgoogle-calendar-integration>                        h4 data-i18nbooking.add_to_calendar>Add to calendar/h4>                        div classcalendar-option>                            input typecheckbox idadd-to-google nameadd-to-google checked>                            label foradd-to-google data-i18nbooking.add_to_google>                                svg xmlnshttp://www.w3.org/2000/svg width18 height18 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround>                                    rect x3 y4 width18 height18 rx2 ry2>/rect>                                    line x116 y12 x216 y26>/line>                                    line x18 y12 x28 y26>/line>                                    line x13 y110 x221 y210>/line>                                /svg>                                Add to my Google Calendar                            /label>                        /div>                    /div>                                        div classform-actions>                        button typebutton classcancel-btn idcancel-booking data-i18nbooking.cancel>Cancel/button>                        button typesubmit classschedule-btn data-i18nbooking.schedule_meeting>Schedule Meeting/button>                    /div>                /form>            /div>                        !-- Confirmation Screen (initially hidden) -->            div classbooking-confirmation hidden idbooking-confirmation>                div classconfirmation-header>                    div classconfirmation-icon>                        svg xmlnshttp://www.w3.org/2000/svg width48 height48 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround>                            path dM22 11.08V12a10 10 0 1 1-5.93-9.14>/path>                            polyline points22 4 12 14.01 9 11.01>/polyline>                        /svg>                    /div>                    h2 data-i18nbooking.confirmation.title>Confirmed/h2>                    p classconfirmation-subtitle>span data-i18nbooking.confirmation.subtitle>Youre scheduled with/span> span data-i18nbooking.host_name>Lynxbe Team/span>/p>                /div>                                div classconfirmation-details>                    div classconfirmation-item>                        div classitem-icon>                            svg xmlnshttp://www.w3.org/2000/svg width20 height20 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround>                                rect x3 y4 width18 height18 rx2 ry2>/rect>                                line x116 y12 x216 y26>/line>                                line x18 y12 x28 y26>/line>                                line x13 y110 x221 y210>/line>                            /svg>                        /div>                        div classitem-content>                            h4>Consultation/h4>                            p>July 22, 2023 at 3:00 PM - 3:45 PM (Eastern time)/p>                        /div>                    /div>                                        div classconfirmation-item>                        div classitem-icon>                            svg xmlnshttp://www.w3.org/2000/svg width20 height20 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround>                                path dM15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z>/path>                            /svg>                        /div>                        div classitem-content>                            h4 data-i18nbooking.confirmation.zoom_heading>Zoom Meeting/h4>                            p data-i18nbooking.confirmation.zoom_info>This meeting will be conducted via Zoom. A link will be sent to your email./p>                        /div>                    /div>                                        div classconfirmation-item>                        div classitem-icon>                            svg xmlnshttp://www.w3.org/2000/svg width20 height20 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround>                                path dM4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z>/path>                                polyline points22,6 12,13 2,6>/polyline>                            /svg>                        /div>                        div classitem-content>                            h4 data-i18nbooking.confirmation.calendar_invite>Calendar Invitation/h4>                            p data-i18nbooking.confirmation.calendar_info>Youll receive a calendar invitation via email shortly./p>                        /div>                    /div>                /div>                                div classconfirmation-actions>                    button classadd-to-calendar-btn>                        svg xmlnshttp://www.w3.org/2000/svg width20 height20 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround>                            rect x3 y4 width18 height18 rx2 ry2>/rect>                            line x116 y12 x216 y26>/line>                            line x18 y12 x28 y26>/line>                            line x13 y110 x221 y210>/line>                        /svg>                        span data-i18nbooking.confirmation.add_to_calendar>Add to Google Calendar/span>                    /button>                                        button classreschedule-btn>                        svg xmlnshttp://www.w3.org/2000/svg width20 height20 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround>                            polyline points23 4 23 10 17 10>/polyline>                            polyline points1 20 1 14 7 14>/polyline>                            path dM3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15>/path>                        /svg>                        span data-i18nbooking.confirmation.reschedule>Reschedule/span>                    /button>                                        button classcancel-meeting-btn>                        svg xmlnshttp://www.w3.org/2000/svg width20 height20 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround>                            line x118 y16 x26 y218>/line>                            line x16 y16 x218 y218>/line>                        /svg>                        span data-i18nbooking.confirmation.cancel_meeting>Cancel Meeting/span>                    /button>                /div>            /div>        /div>    /section>    div classai-assistant>        div classai-chat-container>          div classchat-messages idchatMessages>/div>          div classchat-input>            input typetext idcustomerQuery placeholderAsk about this service... data-i18nchat.placeholder aria-labelAsk about this service...>            button idsendQuery classsend-btn data-i18nchat.send>Send/button>          /div>        /div>      /div>    !-- Footer -->        /main>    footer classfooter>        div classcontainer>            ul classfooter-links>                li>a href/legal/terms data-i18nfooter.terms>Terms of Service/a>/li>                li>a href/legal/privacy data-i18nfooter.privacy>Privacy Policy/a>/li>            /ul>            ul classsocial-links>                li>a hrefhttps://x.com/lynxbe1 target_blank relnoopener noreferrer aria-labelFollow us on Twitter/X>span classsocial-icon twitter-icon>/span>/a>/li>                li>a hrefhttps://www.linkedin.com/company/lynxbe target_blank relnoopener noreferrer aria-labelConnect with us on LinkedIn>span classsocial-icon linkedin-icon>/span>/a>/li>                li>a hrefhttps://www.facebook.com/WeAreLynxbe target_blank relnoopener noreferrer aria-labelLike us on Facebook>span classsocial-icon facebook-icon>/span>/a>/li>                li>a hrefhttps://www.instagram.com/wearelynxbe target_blank relnoopener noreferrer aria-labelFollow us on Instagram>span classsocial-icon instagram-icon>/span>/a>/li>                li>a hrefhttps://stackoverflow.com/users/12646674/lynxbe target_blank relnoopener noreferrer aria-labelView our Stack Overflow profile>span classsocial-icon stackoverflow-icon>/span>/a>/li>                li>a hrefhttps://github.com/lynxbeTLV target_blank relnoopener noreferrer aria-labelView our GitHub repositories>span classsocial-icon github-icon>/span>/a>/li>            /ul>            div classmade-with>                img stylemargin-left: 40px; srcheart-icon.svg altMade with love icon classgradient-mark width24 height24>                span classcopyright stylemargin-bottom: 40px; margin-left: 20px; data-i18nfooter.made>/span>            /div>            !-- p classcopyright data-i18nfooter.copyright>Copyright © 2005 a hrefhttps://lynxbe.com>lynxbe ltd/a>. All rights reserved./p> -->        /div>    /footer>    !-- Force enable cursor on index.html -->    script>        (function() {            // Clear any disabled cursor setting from blog page            const currentSetting  localStorage.getItem(customCursor);                        // If cursor was disabled (likely from blog.html), remove it            if (currentSetting  disabled) {                localStorage.removeItem(customCursor);                console.log(✅ INDEX: Cursor re-enabled (was disabled from blog));            }                        // Make sure cursor is not marked as disabled            window.__CURSOR_DISABLED__  false;            window.__BLOG_PAGE__  false;                        console.log(✅ INDEX: Cursor should be active);        })();    /script>    !-- Analytics Configuration -->    script srcanalytics-config.js>/script>        !-- Analytics & Tracking Setup -->    script srcjs/analytics-setup.min.js>/script>    !-- Script files -->    script srcjs/threejs-lynx.min.js defer>/script>    script>      // Guard missing globals expected by script.js      if (typeof window.whatsNewButton  undefined) {        window.whatsNewButton  {          addEventListener: function () {},          classList: { add: function(){}, remove: function(){} },          style: {}        };      }    /script>    script>      // Remove restart tour button if present      document.addEventListener(DOMContentLoaded, function () {        var restartBtn  document.getElementById(restart-tour-button);        if (restartBtn && restartBtn.parentNode) {          restartBtn.parentNode.removeChild(restartBtn);        }      });    /script>    !-- Combined JavaScript (unminified) -->    !-- NOTE: kept unminified to ensure latest contact-card UX fixes ship without rebuilding the min bundle -->    script srcjs/combined.js?v202512300001 defer>/script>    script srcjs/language-switcher.min.js?v202511050001 defer>/script>    script srcjs/services-marquee.js defer>/script>    script srcjs/highlight-element.min.js?v202511060001 defer>/script>    script srcjs/floating-nav.min.js?v202511042335 defer>/script>    script srcjs/back-to-top.min.js?v2024110438 defer>/script>    script srcjs/ai-chat.min.js?v2024110401 defer>/script>    script srcjs/testimonials.min.js?v202511040923 defer>/script>    script srcjs/eye-following.min.js defer>/script>    script srcjs/card-stack.min.js?v202511042205 defer>/script>    script srcjs/pricing.min.js?v202511042210 defer>/script>    script srcjs/booking.js?v202511042215 defer>/script>    script srcjs/lynxbe-header.js defer>/script>    meta namelynxbe-api-base contenthttps://api.lynxbe.com>    script>      document.addEventListener(DOMContentLoaded, function () {        var booking  document.getElementById(booking-section);        var delivery  document.getElementById(delivery-process);        if (booking && delivery && delivery.nextElementSibling ! booking) {          booking.parentNode.insertBefore(delivery, booking);        }      });    /script>    script>        document.addEventListener(DOMContentLoaded, function () {            // Software Process Animation Logic            const processAnimationSection  document.querySelector(.software-process-animation);            if (processAnimationSection) {                const stages  processAnimationSection.querySelectorAll(.process-stage);                const connectors  processAnimationSection.querySelectorAll(.process-connector);                const visualization  processAnimationSection.querySelector(.space-for-software-visualization);                let animationStarted  false;                const observer  new IntersectionObserver(entries > {                    if (entries0.isIntersecting && !animationStarted) {                        animationStarted  true; // Ensure animation runs only once                        let delay  0;                        stages.forEach((stage, index) > {                            setTimeout(() > {                                stage.classList.add(visible);                                if (connectorsindex) {                                   setTimeout(() > connectorsindex.classList.add(visible), 250); // Show connector slightly after stage                                }                            }, delay);                            delay + 500; // Delay for next stage                        });                        // Animate the Space for Software visualization after stages start appearing                        setTimeout(() > {                            if (visualization) {                                // The CSS @keyframes buildSpaceCreative and other transitions will handle its animation                                // once the .visible class is added.                                visualization.classList.add(visible);                             }                        }, delay - 250); // Start this a bit before the last stage finishes for overlap                        observer.unobserve(processAnimationSection); // Stop observing once animated                    }                }, { threshold: 0.5 }); // Trigger when 50% of the element is visible                observer.observe(processAnimationSection);            }        });    /script>section idproject-spotlight classproject-spotlight aria-labelledbyproject-spotlight-title>  div classspotlight-inner>    h2 idproject-spotlight-title data-i18nprojectspotlight.title>Project Spotlight/h2>    p classspotlight-subtitle data-i18nprojectspotlight.subtitle.line1>See one of our client apps in action/p>    p classspotlight-subtitle data-i18nprojectspotlight.subtitle.line2>The largest private ambulance company in Israel/p>    div classspotlight-device>      div classpurple-sun aria-hiddentrue>/div>      div classpurple-ring aria-hiddentrue>/div>      div classspotlight-frame>        div classbtn btn-left btn-vol-up aria-hiddentrue>/div>        div classbtn btn-left btn-vol-down aria-hiddentrue>/div>        div classbtn btn-right btn-power aria-hiddentrue>/div>        div classspotlight-screen>          div classspotlight-notch aria-hiddentrue>            span classnotch-speaker>/span>            span classnotch-camera>/span>          /div>          video classspotlight-video srcassets/ScreenRecording_08-11-2025-18-56-51_1.MOV playsinline webkit-playsinline muted autoplay loop preloadmetadata posterassets/hero-image.jpg aria-labelClient app demo video>/video>          div classhome-indicator aria-hiddentrue>/div>        /div>      /div>    /div>    div classspotlight-app-links>      a hrefhttps://apps.apple.com/il/app/%D7%99%D7%95%D7%A1%D7%99-%D7%90%D7%9E%D7%91%D7%95%D7%9C%D7%A0%D7%A1-%D7%9E%D7%95%D7%A7%D7%93-%D7%9E%D7%A6%D7%95%D7%A7%D7%94/id6448694650 target_blank relnoopener noreferrer classapp-store-link aria-labelDownload Yossi Ambulance on the App Store data-i18n-ariaprojectspotlight.appstore.aria>        img srcassets/apple.png altDownload on the App Store width120 height40 loadinglazy>      /a>      a hrefhttps://play.google.com/store/apps/details?idil.co.ambulance.yossiambulance&pcampaignidweb_share target_blank relnoopener noreferrer classgoogle-play-link aria-labelGet Yossi Ambulance on Google Play data-i18n-ariaprojectspotlight.googleplay.aria>        img srcassets/google.png altGet it on Google Play width135 height40 loadinglazy>      /a>    /div>  /div>  style>    .project-spotlight { position: relative; padding: clamp(40px, 7vw, 96px) 16px; background: radial-gradient(120% 120% at 50% 0%, rgba(99,102,241,.08), transparent 60%); }    .project-spotlight::before { content: ; position: absolute; inset: -10% -5% auto -5%; height: 60%; background: radial-gradient(50% 50% at 50% 0%, rgba(59,130,246,.18), rgba(99,102,241,.12) 35%, transparent 70%); filter: blur(30px); pointer-events: none; }    .project-spotlight .spotlight-inner { position: relative; max-width: 1100px; margin: 0 auto; text-align: center; }    .project-spotlight h2 { font-size: clamp(22px, 3.2vw, 36px); margin: 0 0 8px; letter-spacing: 0.2px; background: linear-gradient(90deg, #0ea5e9, #6366f1 40%, #a855f7); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }    .project-spotlight .spotlight-subtitle { color: rgba(0,0,0,.65); margin: 0 0 28px; font-size: clamp(14px, 1.6vw, 18px); }    @media (prefers-color-scheme: dark) { .project-spotlight .spotlight-subtitle { color: rgba(255,255,255,.7); } }    /* iPhone-like device frame */    .project-spotlight .spotlight-device { position: relative; display: grid; place-items: center; width: fit-content; margin: 0 auto; }    .project-spotlight .purple-sun {      position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);      width: 165%; height: 165%; border-radius: 50%;      background: radial-gradient(closest-side at 50% 50%, rgba(168,85,247,0.55), rgba(99,102,241,0.38) 40%, rgba(59,130,246,0.18) 70%, rgba(255,255,255,0) 75%);      filter: blur(44px);      opacity: 0.8;      animation: glowPulse 6.5s ease-in-out infinite;      pointer-events: none; z-index: 0;    }    .project-spotlight .purple-ring {      position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);      width: 190%; height: 190%; border-radius: 50%;      background: conic-gradient(from 0deg, rgba(236,72,153,0.0) 0%, rgba(168,85,247,0.28) 25%, rgba(99,102,241,0.0) 45%, rgba(168,85,247,0.24) 75%, rgba(236,72,153,0.0) 100%);      mix-blend-mode: screen;      filter: blur(28px);      opacity: 0.35;      animation: ringRotate 18s linear infinite;      pointer-events: none; z-index: 1;    }    @keyframes glowPulse {      0% { transform: translate(-50%, -50%) scale(0.96); opacity: 0.6; }      50% { transform: translate(-50%, -50%) scale(1.07); opacity: 0.9; }      100% { transform: translate(-50%, -50%) scale(0.96); opacity: 0.6; }    }    @keyframes ringRotate { to { transform: translate(-50%, -50%) rotate(360deg); } }    .project-spotlight .spotlight-frame {      position: relative;      margin: 0 auto;      width: min(420px, 92vw);      aspect-ratio: 9 / 19.5;      border-radius: 42px;      padding: 14px;      background: linear-gradient(180deg, #2a2f39, #0b0f17 60%, #0b0f17);      box-shadow:        0 12px 30px rgba(2, 6, 23, 0.35),        0 28px 80px rgba(2, 6, 23, 0.28),        inset 0 0 0 1px rgba(255,255,255,0.06),        inset 0 0 0 12px rgba(0,0,0,0.35);      overflow: hidden;      isolation: isolate;      z-index: 2;    }    .project-spotlight .spotlight-frame::after {      content: ;      position: absolute;      inset: 0;      border-radius: inherit;      padding: 1px;      background: conic-gradient(from 180deg at 50% 50%, rgba(255,255,255,0.14), rgba(255,255,255,0) 30%, rgba(255,255,255,0.14) 60%, rgba(255,255,255,0) 100%);      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);              mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);      -webkit-mask-composite: xor;              mask-composite: exclude;      pointer-events: none;    }    .project-spotlight .spotlight-screen {      position: absolute;      inset: 14px;      border-radius: 32px;      overflow: hidden;      background: #000;      box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02);    }    .project-spotlight .spotlight-video {      display: block;      width: 100%;      height: 100%;      object-fit: cover;      background: #000;    }    .project-spotlight .spotlight-notch {      position: absolute;      top: 10px;      left: 50%;      transform: translateX(-50%);      width: 44%;      height: 22px;      background: #000;      border-radius: 16px;      box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05);      z-index: 2;      display: flex; align-items: center; justify-content: center; gap: 10px;    }    .project-spotlight .notch-speaker { display: inline-block; width: 56px; height: 5px; border-radius: 3px; background: rgba(255,255,255,0.22); }    .project-spotlight .notch-camera { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #6ee7ff, #0ea5e9 40%, #111 60%); box-shadow: 0 0 0 1px rgba(255,255,255,0.08) inset; }    .project-spotlight .home-indicator { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); width: 32%; height: 4px; border-radius: 4px; background: rgba(255,255,255,0.28); }    /* Side buttons */    .project-spotlight .btn { position: absolute; background: #1a1f27; box-shadow: inset 0 -1px 0 rgba(255,255,255,0.06), inset 0 1px 0 rgba(0,0,0,0.5); border-radius: 6px; }    .project-spotlight .btn-left { left: -2px; width: 3px; }    .project-spotlight .btn-right { right: -2px; width: 3px; }    .project-spotlight .btn-vol-up { top: 22%; height: 38px; }    .project-spotlight .btn-vol-down { top: 33%; height: 58px; }    .project-spotlight .btn-power { top: 28%; height: 62px; }        /* App Store Links */    .project-spotlight .spotlight-app-links {      display: flex;      align-items: center;      justify-content: center;      gap: 16px;      margin-top: 32px;      flex-wrap: wrap;    }    .project-spotlight .app-store-link,    .project-spotlight .google-play-link {      display: inline-block;      transition: transform 0.2s ease, opacity 0.2s ease;      opacity: 0.9;    }    .project-spotlight .app-store-link:hover,    .project-spotlight .google-play-link:hover {      transform: translateY(-2px);      opacity: 1;    }    .project-spotlight .app-store-link img,    .project-spotlight .google-play-link img {      display: block;      height: auto;      max-width: 100%;    }    @media (max-width: 640px) {      .project-spotlight .spotlight-app-links {        gap: 12px;        margin-top: 24px;      }      .project-spotlight .app-store-link img,      .project-spotlight .google-play-link img {        max-height: 36px;        width: auto;      }    }    @media (max-width: 640px) {      .project-spotlight .purple-sun { width: 150%; height: 150%; filter: blur(36px); opacity: 0.72; }      .project-spotlight .purple-ring { width: 170%; height: 170%; filter: blur(22px); opacity: 0.32; }      .project-spotlight .spotlight-frame { border-radius: 36px; padding: 12px; }      .project-spotlight .spotlight-screen { inset: 12px; border-radius: 28px; }      .project-spotlight .spotlight-notch { top: 8px; height: 18px; }      .project-spotlight .notch-speaker { width: 44px; height: 4px; }      .project-spotlight .home-indicator { bottom: 8px; height: 3px; width: 36%; }      .project-spotlight .btn-vol-up { height: 34px; }      .project-spotlight .btn-vol-down { height: 48px; }      .project-spotlight .btn-power { height: 54px; }    }  /style>/section>section iddelivery-process classdelivery-process aria-labelledbydelivery-title>  div classprocess-backdrop aria-hiddentrue>    div classbackdrop-gradient>/div>    div classbackdrop-blur>/div>  /div>  div classprocess-inner>    div classmade-in-badge>      img classmade-in-img srcassets/MADE_IN_ISRAEL.png altMade in Israel decodingasync width1476 height659>    /div>    div classprocess-sparks aria-hiddentrue>      span classspark a>/span>      span classspark b>/span>      span classspark c>/span>      span classspark d>/span>      span classspark e>/span>    /div>    div classprocess-col process-steps>      h2 iddelivery-title classsection-title data-i18nprocess.title>Project Delivery Process/h2>      p classsection-subtitle data-i18nprocess.intro>A clear, collaborative path from first idea to growth - designed to ship fast and ship right./p>      ol classtimeline>        li classstep>          div classdot-wrapper>            div classdot-ring>/div>            div classdot>              span classdot-num>1/span>            /div>          /div>          div classstep-body>            h3 classstep-title data-i18nprocess.discover.title>Discover/h3>            p classstep-desc data-i18nprocess.discover.desc>Clarify goals, users, and success metrics/p>            span classstep-meta data-i18nprocess.discover.meta>1–2 weeks • Strategy & alignment/span>          /div>        /li>        li classstep>          div classdot-wrapper>            div classdot-ring>/div>            div classdot>              span classdot-num>2/span>            /div>          /div>          div classstep-body>            h3 classstep-title data-i18nprocess.design.title>Design/h3>            p classstep-desc data-i18nprocess.design.desc>UX flows, UI, and clickable prototypes/p>            span classstep-meta data-i18nprocess.design.meta>Design sprints • Usability-first/span>          /div>        /li>        li classstep>          div classdot-wrapper>            div classdot-ring>/div>            div classdot>              span classdot-num>3/span>            /div>          /div>          div classstep-body>            h3 classstep-title data-i18nprocess.build.title>Build/h3>            p classstep-desc data-i18nprocess.build.desc>iOS/Android apps, backend, and CI/CD/p>            span classstep-meta data-i18nprocess.build.meta>Agile delivery • Weekly releases/span>          /div>        /li>        li classstep>          div classdot-wrapper>            div classdot-ring>/div>            div classdot>              span classdot-num>4/span>            /div>          /div>          div classstep-body>            h3 classstep-title data-i18nprocess.launch.title>Launch/h3>            p classstep-desc data-i18nprocess.launch.desc>App Store/Play deploy, monitoring, analytics/p>            span classstep-meta data-i18nprocess.launch.meta>Store submission • Quality checks/span>          /div>        /li>        li classstep>          div classdot-wrapper>            div classdot-ring>/div>            div classdot>              span classdot-num>5/span>            /div>          /div>          div classstep-body>            h3 classstep-title data-i18nprocess.grow.title>Grow/h3>            p classstep-desc data-i18nprocess.grow.desc>Iterations, A/B tests, scaling, maintenance/p>            span classstep-meta data-i18nprocess.grow.meta>Roadmap • Experiments • Scale/span>          /div>        /li>      /ol>    /div>    div classprocess-col process-capabilities>      h2 classsection-title data-i18ncapabilities.title>What We Build/h2>      p classsection-subtitle data-i18ncapabilities.intro>A focused toolkit of products and platforms that power modern businesses./p>      div classcap-grid>        div classcap-card>          div classcap-glow>/div>          h3 classcap-title data-i18ncapabilities.mobile.title>Mobile Apps/h3>          p classcap-desc data-i18ncapabilities.mobile.desc>iOS and Android, native or cross‑platform/p>          p classcap-extra data-i18ncapabilities.mobile.extra>Polished UI, fast performance, and app store success baked in./p>        /div>        div classcap-card>          div classcap-glow>/div>          h3 classcap-title data-i18ncapabilities.backends.title>Backends & APIs/h3>          p classcap-desc data-i18ncapabilities.backends.desc>Secure, scalable services/p>          p classcap-extra data-i18ncapabilities.backends.extra>Cloud-native, fault-tolerant architectures with observability./p>        /div>        div classcap-card>          div classcap-glow>/div>          h3 classcap-title data-i18ncapabilities.dashboards.title>Admin Dashboards/h3>          p classcap-desc data-i18ncapabilities.dashboards.desc>Insightful, easy-to-use control panels/p>          p classcap-extra data-i18ncapabilities.dashboards.extra>Clear analytics and tools your team actually enjoys using./p>        /div>        div classcap-card>          div classcap-glow>/div>          h3 classcap-title data-i18ncapabilities.integrations.title>Integrations/h3>          p classcap-desc data-i18ncapabilities.integrations.desc>Payments, auth, maps, notifications/p>          p classcap-extra data-i18ncapabilities.integrations.extra>Connect the tools you rely on with robust, well-tested bridges./p>        /div>        div classcap-card>          div classcap-glow>/div>          h3 classcap-title data-i18ncapabilities.devops.title>DevOps & QA/h3>          p classcap-desc data-i18ncapabilities.devops.desc>CI/CD, testing, crash/error reporting/p>          p classcap-extra data-i18ncapabilities.devops.extra>Automated pipelines and quality gates for every release./p>        /div>        div classcap-card>          div classcap-glow>/div>          h3 classcap-title data-i18ncapabilities.cloud.title>Cloud & Support/h3>          p classcap-desc data-i18ncapabilities.cloud.desc>Cloud services, maintenance and support/p>          p classcap-extra data-i18ncapabilities.cloud.extra>Proactive maintenance, SLAs, and rapid incident response./p>        /div>      /div>    /div>  /div>  style>    .delivery-process {       position: relative;       padding: clamp(60px, 8vw, 120px) 16px;       overflow: hidden;    }        @media (max-width: 768px) {      .delivery-process {        padding: 60px 20px;      }            .delivery-process .process-inner {        padding: 0 10px;      }    }        /* Background layers */    .delivery-process .process-backdrop {      position: absolute;      inset: 0;      z-index: 0;    }    .delivery-process .backdrop-gradient {      position: absolute;      inset: -20% -10%;      background:         radial-gradient(40% 60% at 20% 30%, rgba(59,130,246,.12), transparent 70%),        radial-gradient(50% 70% at 80% 60%, rgba(168,85,247,.1), transparent 60%),        radial-gradient(120% 120% at 50% 0%, rgba(99,102,241,.08), transparent 50%);      filter: blur(40px);      opacity: 0.8;      animation: gradientFloat 20s ease-in-out infinite alternate;    }    @keyframes gradientFloat {      0% { transform: translateY(0) scale(1) rotate(0deg); }      100% { transform: translateY(-20px) scale(1.05) rotate(2deg); }    }    .delivery-process .backdrop-blur {      position: absolute;      inset: 0;      backdrop-filter: blur(100px);      -webkit-backdrop-filter: blur(100px);    }        .delivery-process .process-inner {      max-width: 1200px;       margin: 0 auto;       display: grid;       gap: clamp(40px, 5vw, 60px);      grid-template-columns: 1fr;       align-items: start;       position: relative;      z-index: 1;    }    @media (min-width: 960px) {      .delivery-process .process-inner { grid-template-columns: 1.05fr 1fr; }    }        .delivery-process .section-title {      font-size: clamp(24px, 3.5vw, 42px);      font-weight: 700;      margin: 0 0 14px;      background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #ec4899 100%);      -webkit-background-clip: text;       background-clip: text;       -webkit-text-fill-color: transparent;       color: transparent;      letter-spacing: -0.5px;      line-height: 1.2;    }    .delivery-process .section-subtitle {       margin: 8px 0 24px;       color: rgba(0,0,0,.7);       font-size: clamp(14px, 1.9vw, 18px);       line-height: 1.6;    }    @media (prefers-color-scheme: dark) {       .delivery-process .section-subtitle { color: rgba(255,255,255,.78); }     }    /* Made in Israel sticker */    .delivery-process .made-in-badge {       position: absolute;       top: 25px;       right: 25px;       display: grid;       place-items: center;       padding: 6px;       background: #fff;       border-radius: 12px;      transform: rotate(-5deg);      transform-origin: 50% 50%;       box-shadow:         0 3px 10px rgba(0,0,0,.12),        0 1px 2px rgba(0,0,0,.08),        0 8px 16px rgba(0,0,0,.06);      z-index: 2;       transition: transform .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);    }    .delivery-process .made-in-badge::before {      content: ;      position: absolute;      inset: -3px;      background: #fff;      border-radius: 14px;      z-index: -1;      box-shadow:         0 0 0 1px rgba(0,0,0,.04),        0 4px 12px rgba(0,0,0,.08);    }    @media (prefers-color-scheme: dark) {       .delivery-process .made-in-badge {         background: #f5f5f5;       }      .delivery-process .made-in-badge::before {         background: #f5f5f5;       }    }    .delivery-process .made-in-badge::after {       content: ;       position: absolute;       top: -2px;      right: -2px;      width: 20px;      height: 20px;      background: linear-gradient(-45deg, transparent 50%, rgba(255,255,255,.8) 50%);      filter: drop-shadow(-1px 1px 1px rgba(0,0,0,.1));      border-radius: 0 12px 0 0;    }    .delivery-process .made-in-img {       display: block;       height: clamp(36px, 4vw, 52px);       width: auto;       position: relative;      z-index: 1;    }    .delivery-process .made-in-badge:hover {       transform: rotate(-3deg) scale(1.05);       box-shadow:         0 6px 20px rgba(0,0,0,.15),        0 2px 4px rgba(0,0,0,.1),        0 12px 24px rgba(0,0,0,.08);    }    @media (max-width: 640px) {       .delivery-process .made-in-badge {         position: static;         margin: 0 0 20px auto;        transform: rotate(-3deg);      }     }    /* Subtle particles */    .delivery-process .process-sparks {       position: absolute;       inset: 0;       pointer-events: none;       z-index: 0;     }    .delivery-process .process-sparks .spark {       position: absolute;       width: 4px;       height: 4px;       border-radius: 50%;       opacity: 0;       background: #fff;      box-shadow:         0 0 6px rgba(168,85,247,.6),        0 0 12px rgba(168,85,247,.4);      animation: floatUp 10s ease-in-out infinite;    }    .delivery-process .process-sparks .spark.a { left: 8%; bottom: -10%; animation-delay: .2s; }    .delivery-process .process-sparks .spark.b { left: 28%; bottom: -12%; animation-delay: 1.4s; }    .delivery-process .process-sparks .spark.c { right: 18%; bottom: -14%; animation-delay: .8s; }    .delivery-process .process-sparks .spark.d { right: 32%; bottom: -16%; animation-delay: 2.2s; }    .delivery-process .process-sparks .spark.e { left: 56%; bottom: -18%; animation-delay: 3s; }    @keyframes floatUp {       0% { transform: translateY(0) scale(.8); opacity: 0; }       20% { opacity: .8; }       80% { opacity: .2; }       100% { transform: translateY(-180%) scale(1.2); opacity: 0; }     }    @media (prefers-reduced-motion: reduce) {       .delivery-process .process-sparks .spark { animation: none; opacity: .3; }     }    /* Timeline */    .delivery-process .timeline {       list-style: none;       padding: 0;       margin: 20px 0 0;       position: relative;     }    .delivery-process .timeline::before {      content: ;       position: absolute;       left: 20px;       top: 20px;       bottom: 20px;       width: 2px;      background: linear-gradient(to bottom,         rgba(59,130,246,.4),         rgba(168,85,247,.3) 50%,        rgba(236,72,153,.2));      background-size: 100% 400%;      animation: lineFlow 12s linear infinite;    }    @keyframes lineFlow {       0% { background-position: 0 0; }       100% { background-position: 0 400%; }     }    .delivery-process .step {       display: grid;       grid-template-columns: 42px 1fr;       gap: 20px;       position: relative;       padding: 16px 0;       opacity: 0;       transform: translateY(20px);       animation: revealUp .8s ease forwards;     }    .delivery-process .step:nth-child(1) { animation-delay: .1s; }    .delivery-process .step:nth-child(2) { animation-delay: .2s; }    .delivery-process .step:nth-child(3) { animation-delay: .3s; }    .delivery-process .step:nth-child(4) { animation-delay: .4s; }    .delivery-process .step:nth-child(5) { animation-delay: .5s; }    @keyframes revealUp {       to { opacity: 1; transform: translateY(0); }     }        /* Enhanced dot styling */    .delivery-process .dot-wrapper {      position: relative;      width: 42px;      height: 42px;    }    .delivery-process .dot-ring {      position: absolute;      inset: 0;      border-radius: 50%;      border: 2px solid rgba(168,85,247,.2);      animation: ringPulse 3s ease-in-out infinite;    }    @keyframes ringPulse {      0%, 100% { transform: scale(1); opacity: .3; }      50% { transform: scale(1.15); opacity: .1; }    }    .delivery-process .dot {       position: absolute;      inset: 6px;      border-radius: 50%;       background: linear-gradient(135deg, #3b82f6, #8b5cf6);      box-shadow:         0 0 0 3px rgba(99,102,241,.15),        0 4px 12px rgba(99,102,241,.3);      display: grid;      place-items: center;      animation: dotFloat 3s ease-in-out infinite;    }    .delivery-process .step:nth-child(1) .dot { animation-delay: .0s; background: linear-gradient(135deg, #3b82f6, #06b6d4); }    .delivery-process .step:nth-child(2) .dot { animation-delay: .4s; background: linear-gradient(135deg, #06b6d4, #8b5cf6); }    .delivery-process .step:nth-child(3) .dot { animation-delay: .8s; background: linear-gradient(135deg, #8b5cf6, #ec4899); }    .delivery-process .step:nth-child(4) .dot { animation-delay: 1.2s; background: linear-gradient(135deg, #ec4899, #f59e0b); }    .delivery-process .step:nth-child(5) .dot { animation-delay: 1.6s; background: linear-gradient(135deg, #f59e0b, #10b981); }    @keyframes dotFloat {       0%, 100% { transform: translateY(0); }       50% { transform: translateY(-3px); }     }    .delivery-process .dot-num {      font-size: 12px;      font-weight: 700;      color: #fff;    }        .delivery-process .step-title {       margin: 0;       font-size: clamp(17px, 2.3vw, 20px);       font-weight: 600;      color: rgba(0,0,0,.9);    }    @media (prefers-color-scheme: dark) {       .delivery-process .step-title { color: rgba(255,255,255,.95); }     }    .delivery-process .step-desc {       margin: 8px 0 10px;       color: rgba(0,0,0,.7);       font-size: clamp(14px, 1.8vw, 17px);       line-height: 1.5;    }    @media (prefers-color-scheme: dark) {       .delivery-process .step-desc { color: rgba(255,255,255,.78); }     }    .delivery-process .step-meta {       display: inline-block;       margin-top: 4px;       font-size: 13px;       font-weight: 500;      color: rgba(99,102,241, .95);       background: rgba(99,102,241,.08);       border: 1px solid rgba(99,102,241,.15);       border-radius: 999px;       padding: 5px 12px;      transition: all .2s ease;    }    .delivery-process .step-meta:hover {      background: rgba(99,102,241,.12);      border-color: rgba(99,102,241,.25);      transform: translateX(2px);    }    /* Capabilities grid */    .delivery-process .cap-grid {       display: grid;       grid-template-columns: repeat(1, minmax(0, 1fr));       gap: 20px;       margin-top: 10px;    }    @media (min-width: 600px) {       .delivery-process .cap-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }     }    @media (min-width: 1040px) {       .delivery-process .cap-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }     }    .delivery-process .cap-card {      position: relative;       padding: 24px 20px 26px;       border-radius: 20px;       background: rgba(255,255,255,.85);      box-shadow:         0 10px 30px rgba(2,6,23,.06),         0 20px 60px rgba(2,6,23,.04),        inset 0 1px 0 rgba(255,255,255,.8);      border: 1px solid rgba(2,6,23,.08);      transition: all .25s cubic-bezier(0.4, 0, 0.2, 1);      backdrop-filter: blur(10px);      overflow: hidden;    }    @media (prefers-color-scheme: dark) {       .delivery-process .cap-card {         background: rgba(17,24,39,.75);         border-color: rgba(255,255,255,.08);         box-shadow:           0 10px 30px rgba(0,0,0,.3),           0 20px 60px rgba(0,0,0,.2),          inset 0 1px 0 rgba(255,255,255,.05);      }     }        /* Card glow effect */    .delivery-process .cap-glow {      position: absolute;      top: -100%;      left: -100%;      right: -100%;      bottom: -100%;      background: radial-gradient(circle at 50% 50%, rgba(168,85,247,.15), transparent 70%);      opacity: 0;      transition: opacity .3s ease;      pointer-events: none;    }    .delivery-process .cap-card:hover .cap-glow {      opacity: 1;    }        .delivery-process .cap-card::after {      content: ;       position: absolute;       inset: 0;       border-radius: inherit;       padding: 1px;       pointer-events: none;      background: linear-gradient(135deg,         rgba(59,130,246,.0) 0%,        rgba(168,85,247,.3) 50%,        rgba(236,72,153,.0) 100%);      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);              mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);      -webkit-mask-composite: xor;       mask-composite: exclude;       opacity: 0;      transition: opacity .3s ease;    }    .delivery-process .cap-card:hover::after {      opacity: 1;    }        .delivery-process .cap-card::before {      content: ;       position: absolute;       left: -60%;       top: -120%;       width: 120%;       height: 240%;      background: linear-gradient(130deg, rgba(255,255,255,.4), rgba(255,255,255,0));      transform: rotate(8deg);      transition: transform .6s cubic-bezier(0.4, 0, 0.2, 1), opacity .6s ease;      opacity: 0;    }    .delivery-process .cap-card:hover {       transform: translateY(-4px) scale(1.02);       box-shadow:         0 16px 40px rgba(99,102,241,.08),         0 32px 80px rgba(168,85,247,.06);     }    .delivery-process .cap-card:hover::before {       transform: translateX(160%) rotate(8deg);       opacity: 1;     }        /* Icon styling */    .delivery-process .cap-icon {       position: relative;      width: 48px;      height: 48px;      margin-bottom: 16px;      display: flex;      align-items: center;      justify-content: center;    }    .delivery-process .icon-bg {      position: absolute;      inset: 0;      border-radius: 12px;      background: linear-gradient(135deg, rgba(99,102,241,.1), rgba(168,85,247,.1));      border: 1px solid rgba(99,102,241,.1);    }    .delivery-process .icon-emoji {      position: relative;      z-index: 1;      display: flex;      align-items: center;      justify-content: center;      width: 100%;      height: 100%;      font-size: 24px;      filter: drop-shadow(0 2px 4px rgba(0,0,0,.1));      color: #ffffff;      stroke: #ffffff;    }    .delivery-process .icon-emoji svg {      width: 24px;      height: 24px;      stroke: #ffffff;      display: block;    }        .delivery-process .cap-title {       margin: 0 0 8px;       font-size: clamp(16px, 2.1vw, 19px);       font-weight: 600;      color: rgba(0,0,0,.9);    }    @media (prefers-color-scheme: dark) {       .delivery-process .cap-title { color: rgba(255,255,255,.95); }     }    .delivery-process .cap-desc {       margin: 0;       color: rgba(0,0,0,.7);       font-size: clamp(14px, 1.7vw, 16px);       line-height: 1.5;    }    @media (prefers-color-scheme: dark) {       .delivery-process .cap-desc { color: rgba(255,255,255,.78); }     }    .delivery-process .cap-extra {       margin: 10px 0 0;       color: rgba(0,0,0,.65);       font-size: clamp(13px, 1.6vw, 15px);       line-height: 1.5;    }    @media (prefers-color-scheme: dark) {       .delivery-process .cap-extra { color: rgba(255,255,255,.7); }     }    @media (prefers-reduced-motion: reduce) {      .delivery-process .step { animation: none; opacity: 1; transform: none; }      .delivery-process .dot { animation: none; }      .delivery-process .dot-ring { animation: none; }      .delivery-process .timeline::before { animation: none; }      .delivery-process .cap-card::before { display: none; }      .delivery-process .backdrop-gradient { animation: none; }    }  /style>/section>section idlove-note classlove-note aria-labelLove note>  div classlove-note-inner>    p classlove-note-text data-i18nloveline.text>waiting to talk to you about your project with heart/p>    div classlove-heart aria-hiddentrue>        svg classheart-svg viewBox0 0 24 24 width24 height24 focusablefalse aria-hiddentrue>          defs>            linearGradient idheartGradient x10 y10 x21 y21>              stop offset0% stop-color#ec4899/>              stop offset60% stop-color#a855f7/>              stop offset100% stop-color#6366f1/>            /linearGradient>            linearGradient idshineGradient x10 y10 x21 y20>              stop offset0% stop-colorrgba(255,255,255,0)/>              stop offset45% stop-colorrgba(255,255,255,0.9)/>              stop offset55% stop-colorrgba(255,255,255,0.9)/>              stop offset100% stop-colorrgba(255,255,255,0)/>            /linearGradient>            mask idheartMask>              path dM12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 6 4 4 6.5 4 8.04 4 9.54 4.81 10.35 6.09 11.16 4.81 12.66 4 14.2 4 16.7 4 18.7 6 18.7 8.5c0 3.78-3.4 6.86-8.05 11.54L12 21.35z fill#fff>/path>            /mask>          /defs>          path classheart-fill fillurl(#heartGradient) dM12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 6 4 4 6.5 4 8.04 4 9.54 4.81 10.35 6.09 11.16 4.81 12.66 4 14.2 4 16.7 4 18.7 6 18.7 8.5c0 3.78-3.4 6.86-8.05 11.54L12 21.35z>/path>          rect classshine-rect x-60 y-10 width120 height120 fillurl(#shineGradient) maskurl(#heartMask)>/rect>        /svg>        span classsparkle s1>/span>        span classsparkle s2>/span>        span classsparkle s3>/span>      /div>         !-- Contact Card Bar -->     div classlove-note-contact-bar idlove-note-contact-bar>       div classcontact-bar-inner>         div classcontact-bar-title>Contact Us/div>         div classcontact-bar-inputs>           input typetext placeholderFull name classcontact-bar-input idlove-note-name aria-labelFull name>           input typetel placeholderPhone number classcontact-bar-input idlove-note-phone aria-labelPhone number>           button classcontact-bar-submit idlove-note-submit>Submit/button>         /div>       /div>     /div>              /div>  style>    .love-note { padding: 24px 16px 48px; }    .love-note .love-note-inner { max-width: 900px; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; }    .love-note .love-note-text { font-size: clamp(14px, 1.6vw, 18px); letter-spacing: 0.2px; color: rgba(0,0,0,.75); margin: 0; text-align: center; }    @media (prefers-color-scheme: dark) { .love-note .love-note-text { color: rgba(255,255,255,.8); } }    .light-theme .love-note .love-note-text { color: var(--text-primary) !important; }    .love-note .love-heart { position: relative; width: clamp(22px, 2.2vw, 28px); height: clamp(22px, 2.2vw, 28px); display: inline-grid; place-items: center; filter: drop-shadow(0 2px 6px rgba(168,85,247,.35)) drop-shadow(0 6px 14px rgba(99,102,241,.25)); }    .love-note .heart-svg { width: 100%; height: 100%; display: block; transform-origin: 50% 60%; animation: heartBeat 2.6s ease-in-out infinite; }    .love-note .heart-svg .shine-rect { transform-origin: center; transform-box: fill-box; animation: shineSweep 3.8s ease-in-out infinite; }    @keyframes heartBeat { 0%, 100% { transform: scale(1); } 25% { transform: scale(1.08); } 50% { transform: scale(1.12); } 75% { transform: scale(1.06); } }    @keyframes shineSweep { 0% { transform: translateX(-120%) rotate(20deg); opacity: 0; } 35% { opacity: 0.7; } 65% { opacity: 0.0; } 100% { transform: translateX(120%) rotate(20deg); opacity: 0; } }    .love-note .sparkle { position: absolute; border-radius: 50%; pointer-events: none; background:      radial-gradient(circle at 50% 50%, rgba(255,255,255,0.95), rgba(255,255,255,0) 65%),      radial-gradient(circle at 50% 50%, rgba(168,85,247,0.6), rgba(168,85,247,0) 70%);      mix-blend-mode: screen; filter: blur(.3px);    }    .love-note .sparkle.s1 { width: 6px; height: 6px; top: -6px; left: -8px; animation: sparkle1 3.2s ease-in-out infinite; }    .love-note .sparkle.s2 { width: 8px; height: 8px; top: -12px; right: -6px; animation: sparkle2 4.1s ease-in-out infinite; }    .love-note .sparkle.s3 { width: 7px; height: 7px; bottom: -8px; left: 10px; animation: sparkle3 3.6s ease-in-out infinite; }    @keyframes sparkle1 { 0% { opacity: 0; transform: translateY(0) scale(.6); } 30% { opacity: 1; transform: translateY(-2px) scale(1); } 60% { opacity: 0; transform: translateY(-4px) scale(.6); } 100% { opacity: 0; } }    @keyframes sparkle2 { 0% { opacity: 0; transform: translateY(0) scale(.6); } 25% { opacity: 1; transform: translateY(-3px) scale(1); } 55% { opacity: 0; transform: translateY(-5px) scale(.6); } 100% { opacity: 0; } }    @keyframes sparkle3 { 0% { opacity: 0; transform: translateY(0) scale(.6); } 35% { opacity: 1; transform: translateY(-2px) scale(1); } 65% { opacity: 0; transform: translateY(-3px) scale(.6); } 100% { opacity: 0; } }        .contact-bar-submit {    z-index: 100000000000!important;    }    /* Love Note Contact Bar */    .love-note-contact-bar {      margin-top: 24px;      cursor: pointer;      transition: transform 0.2s ease;      position: relative;      z-index: 99999;      pointer-events: auto;    }    .love-note-contact-bar:hover {      transform: translateY(-2px);    }    .contact-bar-inner {      max-width: 860px;      margin: 0 auto;      background: var(--bg-tertiary);      border: 1px solid var(--card-border);      border-radius: 12px;      box-shadow: 0 8px 24px rgba(0,0,0,.25);      padding: 16px;      display: flex;      gap: 12px;      align-items: center;      position: relative;      z-index: 100000!important;      pointer-events: auto;    }    .contact-bar-title {      font-weight: 600;      min-width: 120px;      color: var(--text-primary);    }    .contact-bar-inputs {      display: flex;      gap: 12px;      flex: 1;      align-items: center;    }    .contact-bar-input {      flex: 1;      padding: 10px 12px;      border-radius: 8px;      border: 1px solid var(--card-border);      background: var(--bg-secondary);      color: var(--text-primary);      font-size: 14px;    }    .contact-bar-input::placeholder {      color: var(--text-secondary);    }    .contact-bar-submit {      padding: 10px 16px;      border-radius: 8px;      border: none;      background: var(--color-blue);      color: #fff;      cursor: pointer;      font-weight: 500;      transition: background 0.2s ease;      position: relative;      z-index: 100001;      pointer-events: auto;    }    .contact-bar-submit:hover {      background: var(--color-blue-dark);    }        /* Mobile responsive */    @media (max-width: 767px) {      .contact-bar-inner {        flex-direction: column;        align-items: stretch;        gap: 10px;        margin: 0 12px;        z-index: 100000!important;      }      .contact-bar-inputs {        flex-direction: column;        gap: 10px;      }      .contact-bar-input,      .contact-bar-submit {        width: 100%;      }    }  /style>/section>!-- Force RTL styles for hero-container - must be last to override all other CSS -->style>    /* RTL for Hebrew - hero-container and all children - FINAL OVERRIDE */    htmldirrtl .hero-container,    htmldirrtl .hero-container,    bodydirrtl .hero-container,    htmldirrtl body .hero-container {        direction: rtl !important;        text-align: right !important;        align-items: flex-end !important;    }    /* Target the container class specifically */    htmldirrtl .hero-container.container,    htmldirrtl .container.hero-container,    htmldirrtl .hero-container > .container,    htmldirrtl .hero-container .container {        direction: rtl !important;        text-align: right !important;        align-items: flex-end !important;        justify-content: flex-end !important;        display: flex !important;        flex-direction: column !important;    }    /* Force all text elements to be right-aligned */    htmldirrtl .hero-container .hero-title,    htmldirrtl .hero-container .hero-subtitle,    htmldirrtl .hero-container .hero-title-container,    htmldirrtl .hero-container .hero-title-container-logo,    htmldirrtl .hero-container .hero-features,    htmldirrtl .hero-container .hero-cta,    htmldirrtl .hero-container h1,    htmldirrtl .hero-container h2,    htmldirrtl .hero-container h3,    htmldirrtl .hero-container p,    htmldirrtl .hero-container div,    htmldirrtl .hero-container span,    htmldirrtl .container.hero-container h1,    htmldirrtl .container.hero-container h2,    htmldirrtl .container.hero-container p,    htmldirrtl .container.hero-container div {        direction: rtl !important;        text-align: right !important;    }    /* Force hero-title elements with max-width to align right */    htmldirrtl .hero-container .hero-title,    htmldirrtl .hero-container h1.hero-title,    htmldirrtl .hero-container h2.hero-title,    htmldirrtl .hero-titledata-i18nhero.title,    htmldirrtl .hero-titledata-i18nhero.title2,    htmldirrtl .hero-main-title,    htmldirrtl .hero-secondary-title,    htmldirrtl h1.hero-main-title,    htmldirrtl h2.hero-secondary-title {        direction: rtl !important;        text-align: right !important;        margin-left: auto !important;        margin-right: 0 !important;        align-self: flex-end !important;    }    /* CRITICAL: Force hero.title specifically */    htmldirrtl h1data-i18nhero.title,    htmldirrtl .hero-main-titledata-i18nhero.title {        direction: rtl !important;        text-align: right !important;        margin-left: auto !important;        margin-right: 0 !important;        align-self: flex-end !important;        float: right !important;    }    /* Force title containers to align right */    htmldirrtl .hero-container .hero-title-container,    htmldirrtl .hero-container .hero-title-container-logo,    htmldirrtl .hero-main-title-wrapper,    htmldirrtl .hero-secondary-title-wrapper {        text-align: right !important;        align-items: flex-end !important;        justify-content: flex-end !important;        display: flex !important;        flex-direction: column !important;    }    htmldirrtl .hero-container .logo-container {        flex-direction: row-reverse !important;        justify-content: flex-end !important;        margin-left: auto !important;        margin-right: 0 !important;    }    /* Override inline styles - use attribute selector with higher specificity */    htmldirrtl .hero-container style*text-align: center,    htmldirrtl .hero-container style*text-align:center,    htmldirrtl .hero-container style*center,    htmldirrtl .container.hero-container style*text-align: center,    htmldirrtl .container.hero-container style*text-align:center {        text-align: right !important;        direction: rtl !important;    }/style>script>    // Force RTL styles for hero-container - runs after page load and on language change    function applyRTLStyles() {        console.log(applyRTLStyles called, dir, document.documentElement.getAttribute(dir));        if (document.documentElement.getAttribute(dir)  rtl) {            const heroContainer  document.querySelector(.hero-container);            const container  document.querySelector(.container.hero-container);                        if (heroContainer || container) {                const target  container || heroContainer;                console.log(Found hero-container, applying RTL styles...);                                // Force RTL styles directly on the element                target.style.direction  rtl;                target.style.textAlign  right;                target.style.alignItems  flex-end;                                // Force all child elements to be RTL                const allElements  target.querySelectorAll(*);                allElements.forEach(el > {                    // Skip script and style tags                    if (el.tagName  SCRIPT || el.tagName  STYLE) return;                                        // Apply to all text elements                    el.style.direction  rtl;                    el.style.textAlign  right;                                        // Handle flex containers                    if (window.getComputedStyle(el).display  flex) {                        el.style.alignItems  flex-end;                        el.style.justifyContent  flex-end;                    }                });                                // Specifically target hero-title and hero-subtitle                const heroTitles  target.querySelectorAll(.hero-title, .hero-subtitle, h1, h2, h3, p, .hero-title-container, .hero-title-container-logo);                heroTitles.forEach(el > {                    el.style.direction  rtl;                    el.style.textAlign  right;                    // Force alignment for elements with max-width                    const computedStyle  window.getComputedStyle(el);                    if (computedStyle.maxWidth ! none && computedStyle.maxWidth ! ) {                        el.style.marginLeft  auto;                        el.style.marginRight  0;                    }                    // Handle flex containers                    if (computedStyle.display  flex) {                        el.style.alignItems  flex-end;                        el.style.justifyContent  flex-end;                    }                });                                // Force all hero-title-container divs to align right                const titleContainers  target.querySelectorAll(.hero-title-container, .hero-title-container-logo);                titleContainers.forEach(el > {                    el.style.direction  rtl;                    el.style.textAlign  right;                    el.style.alignItems  flex-end;                    el.style.justifyContent  flex-end;                    el.style.display  flex;                    el.style.flexDirection  column;                });                                // CRITICAL: Specifically target hero-title elements with data-i18nhero.title and force right alignment                const heroTitleElements  target.querySelectorAll(.hero-titledata-i18nhero.title, .hero-titledata-i18nhero.title2, .hero-main-title, .hero-secondary-title, h1.hero-title, h2.hero-title);                console.log(Found, heroTitleElements.length, hero title elements);                heroTitleElements.forEach(el > {                    console.log(Applying RTL to element:, el.className, el.textContent.substring(0, 30));                    el.style.direction  rtl;                    el.style.textAlign  right;                    el.style.marginLeft  auto;                    el.style.marginRight  0;                    el.style.width  auto;                    el.style.alignSelf  flex-end;                    el.style.float  right;                    // Force the parent container to align right too                    if (el.parentElement) {                        el.parentElement.style.direction  rtl;                        el.parentElement.style.textAlign  right;                        el.parentElement.style.alignItems  flex-end;                        el.parentElement.style.justifyContent  flex-end;                        el.parentElement.style.display  flex;                        el.parentElement.style.flexDirection  column;                    }                });                                // Override inline styles                const elementsWithInlineStyles  target.querySelectorAll(style*text-align);                elementsWithInlineStyles.forEach(el > {                    el.style.textAlign  right;                    el.style.direction  rtl;                });                                // Handle hero-title::after pseudo-element by adding a style tag                const styleId  rtl-hero-override;                let styleEl  document.getElementById(styleId);                if (!styleEl) {                    styleEl  document.createElement(style);                    styleEl.id  styleId;                    document.head.appendChild(styleEl);                }                styleEl.textContent  `                    htmldirrtl .hero-container,                    htmldirrtl .container.hero-container {                        direction: rtl !important;                        text-align: right !important;                        align-items: flex-end !important;                    }                    htmldirrtl .hero-container *,                    htmldirrtl .container.hero-container * {                        direction: rtl !important;                        text-align: right !important;                    }                    htmldirrtl .hero-title,                    htmldirrtl .hero-titledata-i18nhero.title,                    htmldirrtl .hero-titledata-i18nhero.title2,                    htmldirrtl .hero-main-title,                    htmldirrtl .hero-secondary-title,                    htmldirrtl h1.hero-title,                    htmldirrtl h2.hero-title,                    htmldirrtl h1.hero-main-title,                    htmldirrtl h2.hero-secondary-title,                    htmldirrtl h1data-i18nhero.title,                    htmldirrtl h2data-i18nhero.title2 {                        direction: rtl !important;                        text-align: right !important;                        margin-left: auto !important;                        margin-right: 0 !important;                        align-self: flex-end !important;                        float: right !important;                    }                    htmldirrtl .hero-title-container,                    htmldirrtl .hero-main-title-wrapper,                    htmldirrtl .hero-secondary-title-wrapper {                        display: flex !important;                        flex-direction: column !important;                        align-items: flex-end !important;                        justify-content: flex-end !important;                        text-align: right !important;                        direction: rtl !important;                    }                    htmldirrtl .hero-title::after,                    htmldirrtl .hero-main-title::after,                    htmldirrtl .hero-secondary-title::after {                        left: auto !important;                        right: 0 !important;                        background: linear-gradient(270deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 10%, rgba(255, 255, 255, 0) 100%) !important;                    }                `;            }        }    }        // Run on page load    if (document.readyState  loading) {        document.addEventListener(DOMContentLoaded, applyRTLStyles);    } else {        applyRTLStyles();    }        // Run when language changes    document.addEventListener(rtl-applied, applyRTLStyles);    document.addEventListener(language-changed, applyRTLStyles);        // Watch for dir attribute changes    const dirObserver  new MutationObserver(function(mutations) {        mutations.forEach(function(mutation) {            if (mutation.type  attributes && mutation.attributeName  dir) {                applyRTLStyles();            }        });    });    dirObserver.observe(document.documentElement, { attributes: true });        // Watch for changes to hero-title elements and reapply styles if overridden    const heroTitleObserver  new MutationObserver(function(mutations) {        if (document.documentElement.getAttribute(dir)  rtl) {            const heroTitleElements  document.querySelectorAll(.hero-titledata-i18nhero.title, .hero-titledata-i18nhero.title2, .hero-main-title, .hero-secondary-title);            heroTitleElements.forEach(el > {                // Always force RTL styles regardless of computed style                el.style.direction  rtl;                el.style.textAlign  right;                el.style.marginLeft  auto;                el.style.marginRight  0;                // Also force parent container                if (el.parentElement) {                    el.parentElement.style.direction  rtl;                    el.parentElement.style.textAlign  right;                    el.parentElement.style.alignItems  flex-end;                    el.parentElement.style.justifyContent  flex-end;                }            });        }    });        // Start observing hero-title elements once they exist    function startObservingHeroTitles() {        const heroTitleElements  document.querySelectorAll(.hero-titledata-i18nhero.title, .hero-titledata-i18nhero.title2, .hero-main-title, .hero-secondary-title);        heroTitleElements.forEach(el > {            heroTitleObserver.observe(el, {                 attributes: true,                 attributeFilter: style, class,                childList: false,                subtree: false            });        });    }        // Also run after delays to ensure all scripts have loaded    setTimeout(applyRTLStyles, 100);    setTimeout(applyRTLStyles, 500);    setTimeout(applyRTLStyles, 1000);    setTimeout(applyRTLStyles, 2000);    setTimeout(startObservingHeroTitles, 500);    setTimeout(startObservingHeroTitles, 1000);    setTimeout(startObservingHeroTitles, 2000);        // Continuously reapply styles every 500ms for the first 5 seconds to catch any late-loading scripts    let reapplyCount  0;    const reapplyInterval  setInterval(function() {        if (document.documentElement.getAttribute(dir)  rtl) {            applyRTLStyles();            reapplyCount++;            if (reapplyCount > 10) { // Stop after 5 seconds (10 * 500ms)                clearInterval(reapplyInterval);            }        }    }, 500);        // Show cursor toggle and whats-new buttons after scrolling past hero section    const cursorToggle  document.querySelector(.cursor-toggle);    const whatsNewButton  document.querySelector(.whats-new-button);        // Initialize buttons as hidden    if (cursorToggle) {        cursorToggle.classList.remove(visible);    }    if (whatsNewButton) {        whatsNewButton.classList.remove(visible);    }        // Function to check scroll position and toggle visibility    function checkScrollPosition() {        const heroSection  document.querySelector(#hero);        if (heroSection) {            const heroBottom  heroSection.offsetTop + heroSection.offsetHeight;            const scrollPosition  window.scrollY + 100; // Check if scrolled 100px past top                        if (scrollPosition > heroBottom) {                if (cursorToggle) cursorToggle.classList.add(visible);                if (whatsNewButton) whatsNewButton.classList.add(visible);            } else {                if (cursorToggle) cursorToggle.classList.remove(visible);                if (whatsNewButton) whatsNewButton.classList.remove(visible);            }        }    }        // Check on scroll    window.addEventListener(scroll, checkScrollPosition);        // Check on page load    checkScrollPosition();        // Trigger document section animations immediately on page load    setTimeout(function() {        const documentSection  document.querySelector(#document-editor);        if (documentSection) {            documentSection.classList.add(in-view);            console.log(Document section set to in-view - animations should start);        }    }, 500);        // Old endless scrolling setup removed - now using services-marquee.js    // services-marquee.js handles language changes automatically/script>!-- Booking ID redirect handler -->script>    (function() {        // Check if URL path is a booking ID (integer or UUID from WhatsApp)        const pathname  window.location.pathname;                // Match UUID format: /ce46bcad-313c-478f-b607-b9ebfb40c81f        const uuidMatch  pathname.match(/^\/(0-9a-f{8}-0-9a-f{4}-0-9a-f{4}-0-9a-f{4}-0-9a-f{12})\/?$/i);                // Match integer format (legacy): /123        const integerMatch  pathname.match(/^\/(\d+)\/?$/);                if (uuidMatch) {            const bookingId  uuidMatch1;            console.log(Detected UUID booking ID in URL:, bookingId);            // Redirect to manage-booking page with the UUID            window.location.href  `/manage-booking?id${bookingId}`;        } else if (integerMatch) {            const bookingId  integerMatch1;            console.log(Detected integer booking ID in URL:, bookingId);            // Redirect to manage-booking page with the ID            window.location.href  `/manage-booking?id${bookingId}`;        }    })();/script>!-- Lynxbe Pixel - Lead Tracking -->script>  (function(w,d,s,u,p){    w.LYNXBE_PIXEL  w.LYNXBE_PIXEL || function(){      (w.LYNXBE_PIXEL.q  w.LYNXBE_PIXEL.q || ).push(arguments);    };        // Use ngrok pixel for ngrok domains, production pixel otherwise    const isNgrok  window.location.hostname.includes(ngrok) || window.location.hostname.includes(localhost);    const pixelConfig  isNgrok ? {      pixelId: 557C56F9,      publicKey: ba12ad0aaa3f18fdf308e60d055bdc27,      endpoint: https://api.lynxbe.co.il/api/pixel/collect    } : {      pixelId: 6C574573,      publicKey: e2090786ba5430345b646396dd1c6f3f,      endpoint: https://api.lynxbe.co.il/api/pixel/collect    };        w.LYNXBE_PIXEL(init, pixelConfig);    var js  d.createElement(s);    js.async  true;    // Use current origin + /cdn path (server serves website directory at /cdn)    // In production, pixel script is at root, not /cdn/    // /cdn/ is only for local development server    const isProduction  window.location.hostname.includes(lynxbe.co.il) ||                         window.location.hostname.includes(lynxbe.com) ||                         window.location.hostname.includes(lynxbe.net);    js.src  isProduction         ? window.location.origin + /lynxbe-pixel.js        : window.location.origin + /cdn/lynxbe-pixel.js;    var f  d.getElementsByTagName(s)0;    f.parentNode.insertBefore(js, f);  })(window, document, script);/script>!-- Lynxbe Analytics -->script srcjs/lynxbe-analytics.js async>/script>/body>/html>

View on OTX | View on ThreatMiner

Data with thanks to AlienVault OTX, VirusTotal, Malwr and others. [Sitemap]

Domain > lynxbe.co.il

Is this malicious?

DNS Resolutions

Port 80

Port 443