:root{
      /* WhatsApp core palette */
      --wa-green: #25D366;         /* WhatsApp action green */
      --wa-green-600:#1fb256;
      --wa-green-700:#199748;
      --wa-mint: #DCF8C6;          /* WhatsApp light chat bubble */
      --wa-dark: #111316;          /* near-black for text */
      --wa-bg: #f5fff9;            /* very soft mint background */

      /* Pastel accents for claymorphism (gentle + harmonious with mint) */
      --pastel-lavender: #EDE7F6;
      --pastel-blue: #E3F2FD;
      --pastel-mint: #E8F8EF; /* even softer mint */

      /* Surfaces */
      --surface: #ffffff;
      --surface-tint: #f9fffb; /* super light tint */

      /* Shadow recipe for claymorphism */
      --shadow-lo: 10px 10px 24px rgba(0,0,0,.08);
      --shadow-hi: -10px -10px 24px rgba(255,255,255,.9);
      --inset-lo: inset 10px 10px 24px rgba(0,0,0,.07);
      --inset-hi: inset -10px -10px 24px rgba(255,255,255,.8);

      --radius-lg: 22px; /* larger than requested 16-20 for extra plushness */
      --radius-md: 18px;
      --radius-sm: 14px;

      --maxw: 1200px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    html,body{margin:0;padding:0;overflow-x:hidden}
    body{
      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
      color: var(--wa-dark);
      background:
        radial-gradient(clamp(800px, 100vw, 1200px) clamp(400px, 50vw, 600px) at 10% 0%, var(--pastel-blue), transparent 60%),
        radial-gradient(clamp(800px, 100vw, 1200px) clamp(400px, 50vw, 600px) at 90% -10%, var(--pastel-lavender), transparent 60%),
        radial-gradient(clamp(600px, 80vw, 1000px) clamp(300px, 40vw, 500px) at 30% 100%, var(--pastel-mint), transparent 60%),
        var(--wa-bg);
      line-height:1.5;
      min-height:100vh;
    }

    /* Utilities */
    .container{max-width:var(--maxw);margin-inline:auto;padding:clamp(16px, 4vw, 24px)}
    .grid{display:grid;gap:clamp(16px, 3vw, 22px)}
    .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
    .grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
    .grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
    
    /* Responsive Grid Breakpoints */
    @media (max-width: 1024px){
      .grid-4{grid-template-columns:repeat(2,1fr)}
    }
    @media (max-width: 768px){
      .grid-3{grid-template-columns:repeat(2,1fr)}
      .grid-2{grid-template-columns:1fr}
    }
    @media (max-width: 480px){
      .grid-3,.grid-4{grid-template-columns:1fr}
    }

    .clay{
      background: linear-gradient(180deg, var(--surface), var(--surface-tint));
      border-radius: var(--radius-lg);
      box-shadow: var(--shadow-hi), var(--shadow-lo);
      position:relative;
    }
    .clay.inset{ box-shadow: var(--inset-hi), var(--inset-lo); }
    .clay.soft{ border-radius: var(--radius-md); }

    .tag{display:inline-flex;align-items:center;gap:6px;padding:clamp(6px, 1.5vw, 8px) clamp(10px, 2vw, 12px);border-radius:999px;background:var(--wa-mint);box-shadow:var(--shadow-hi), var(--shadow-lo);font-weight:600;font-size:clamp(12px, 1.8vw, 14px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
    .section-head .tag{
      white-space:normal;
      flex-wrap:wrap;
      overflow:visible;
      text-overflow:clip;
      line-height:1.4;
      display:inline-flex;
      align-items:center;
      justify-content:flex-end;
      width:auto;
      max-width:78%;
      margin-left:auto;
      margin-right:0;
      margin-top:0;
      padding:clamp(10px, 2vw, 12px) clamp(12px, 2.5vw, 14px);
      border-radius:clamp(14px, 3vw, 18px);
      background:var(--wa-mint);
      box-shadow:var(--shadow-hi), var(--shadow-lo);
      font-weight:600;
      font-size:clamp(12px, 2vw, 14px);
      word-wrap:break-word;
      text-align:right;
    }
    @media (max-width: 768px){
      .section-head .tag{
        max-width:85%;
        margin-top:clamp(8px, 2vw, 12px);
      }
    }
    @media (max-width: 480px){
      .section-head .tag{
        max-width:92%;
      }
    }
    .muted{opacity:.75}

    /* Nav */
    .nav{position:sticky;top:0;z-index:50;backdrop-filter:saturate(1.1) blur(8px)}
    .nav-inner{display:flex;align-items:center;justify-content:space-between;gap:clamp(8px, 2vw, 16px);padding:clamp(12px, 2.5vw, 14px) clamp(16px, 3vw, 20px)}
    .brand{display:flex;align-items:center;gap:clamp(8px, 1.5vw, 12px);font-weight:900;letter-spacing:.3px;font-size:clamp(16px, 2.5vw, 18px)}
    .brand-logo{width:clamp(48px, 7vw, 64px);height:clamp(48px, 7vw, 64px);border-radius:14px;background:#fff;box-shadow: var(--shadow-hi), var(--shadow-lo);display:grid;place-items:center;padding:6px;flex-shrink:0}
    .brand-logo img{width:100%;height:100%;object-fit:contain}

    .nav-links{display:flex;gap:clamp(8px, 1.5vw, 12px);flex-wrap:wrap}
    .nav-links a{padding:clamp(8px, 1.5vw, 10px) clamp(12px, 2vw, 14px);border-radius:999px;text-decoration:none;color:var(--wa-dark);font-weight:600;font-size:clamp(13px, 1.8vw, 15px);white-space:nowrap}
    .nav-links .nav-demo{display:none}
    .nav-actions{display:flex;gap:clamp(8px, 1.5vw, 10px);align-items:center;flex-wrap:wrap}

    .btn{appearance:none;border:none;cursor:pointer;border-radius:999px;padding:clamp(12px, 2vw, 14px) clamp(16px, 2.5vw, 20px);font-weight:800;letter-spacing:.2px;transition:.2s transform, .2s box-shadow;font-size:clamp(13px, 1.8vw, 15px);white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
    .btn:active{transform:translateY(1px)}
    /* WhatsApp button style */
    .btn-primary{color:#fff;background:linear-gradient(180deg, var(--wa-green), var(--wa-green-600));box-shadow:0 6px 14px rgba(37,211,102,.35), var(--shadow-hi)}
    .btn-primary:hover{box-shadow:0 8px 18px rgba(37,211,102,.45), var(--shadow-hi)}
    .btn-outline{background:var(--surface);color:var(--wa-green-700);border:2px solid var(--wa-green-600);box-shadow: var(--shadow-hi), var(--shadow-lo)}

    /* Hero */
    .hero{padding:clamp(32px, 6vw, 48px) 0 clamp(20px, 4vw, 28px)}
    .hero .copy h1{font-size:clamp(24px, 5vw, 54px);line-height:1.1;margin:0 0 clamp(10px, 2vw, 12px);word-wrap:break-word}
    .hero .copy p{font-size:clamp(14px, 2.5vw, 20px);opacity:.9;margin:0 0 clamp(14px, 3vw, 18px);line-height:1.6}
    .hero-actions{display:flex;gap:clamp(10px, 2vw, 12px);flex-wrap:wrap;margin-top:clamp(12px, 3vw, 16px)}
    
    /* Hero Trust Carousel */
    .hero-trust-carousel{
      grid-column: 1 / -1;
      margin-top:clamp(32px, 5vw, 48px);
      padding:clamp(16px, 3vw, 20px) 0;
      overflow:hidden;
      position:relative;
      width:100%;
    }
    .hero-trust-carousel::before,
    .hero-trust-carousel::after{
      content:'';
      position:absolute;
      top:0;
      bottom:0;
      width:clamp(60px, 10vw, 100px);
      pointer-events:none;
      z-index:2;
    }
    .hero-trust-carousel::before{
      left:0;
      background:linear-gradient(90deg, var(--wa-bg), transparent);
    }
    .hero-trust-carousel::after{
      right:0;
      background:linear-gradient(270deg, var(--wa-bg), transparent);
    }
    .trust-carousel-track{
      display:flex;
      gap:clamp(12px, 2.5vw, 16px);
      animation:trust-scroll 30s linear infinite;
      will-change:transform;
    }
    .trust-carousel-track:hover{
      animation-play-state:paused;
    }
    .trust-badge{
      flex-shrink:0;
      padding:clamp(10px, 2vw, 12px) clamp(16px, 3vw, 20px);
      border-radius:999px;
      background:linear-gradient(180deg, var(--surface), var(--surface-tint));
      box-shadow:var(--shadow-hi), var(--shadow-lo);
      font-weight:700;
      font-size:clamp(12px, 2vw, 14px);
      color:var(--wa-dark);
      white-space:nowrap;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      transition:transform .2s, box-shadow .2s;
      cursor:default;
    }
    .trust-badge:hover{
      transform:translateY(-2px);
      box-shadow:0 8px 16px rgba(0,0,0,.12), var(--shadow-hi);
    }
    @keyframes trust-scroll{
      0%{ transform:translateX(0); }
      100%{ transform:translateX(-50%); }
    }
    @media (max-width: 768px){
      .trust-carousel-track{
        animation-duration:25s;
      }
    }
    .phone{padding:clamp(16px, 4vw, 24px);}
    .phone-frame{width:100%;max-width:min(380px, 90vw);margin-inline:auto;border-radius:clamp(24px, 5vw, 36px);background:linear-gradient(180deg,#fafdfb,#eefaf3);box-shadow:0 18px 50px rgba(0,0,0,.12), var(--shadow-hi);padding:clamp(12px, 3vw, 16px);position:relative}
    .phone-notch{width:36%;height:clamp(16px, 3vw, 20px);background:#000000;opacity:.85;border-radius: 0 0 clamp(16px, 3vw, 20px) clamp(16px, 3vw, 20px);margin:0 auto clamp(8px, 2vw, 10px)}
    .chat{display:flex;flex-direction:column;gap:clamp(8px, 2vw, 10px)}
    .bubble{max-width:78%;padding:clamp(10px, 2vw, 12px) clamp(12px, 2.5vw, 14px);border-radius:clamp(14px, 3vw, 18px);box-shadow:var(--shadow-hi), var(--shadow-lo);font-size:clamp(12px, 2vw, 14px);line-height:1.4;word-wrap:break-word}
    .bubble.user{align-self:flex-end;background:var(--wa-mint)}
    .bubble.bot{align-self:flex-start;background:#fff}

    /* Chat product gallery (hero) */
    .bubble.gallery{padding:clamp(10px, 2vw, 14px)}
    .product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px, 2vw, 10px)}
    .product{background:var(--surface);border-radius:clamp(10px, 2.5vw, 14px);box-shadow:var(--shadow-hi), var(--shadow-lo);padding:clamp(6px, 1.5vw, 8px)}
    .product .img{border-radius:clamp(8px, 2vw, 12px);overflow:hidden;box-shadow:var(--inset-hi), var(--inset-lo);position:relative;aspect-ratio:1;background:var(--wa-mint)}
    .product .img img{display:block;width:100%;height:100%;object-fit:cover;border-radius:clamp(8px, 2vw, 12px)}
    .product svg{display:block;width:100%;height:auto}
    .product h4{font-size:clamp(10px, 1.8vw, 12px);margin:clamp(6px, 1.5vw, 8px) 0 2px;line-height:1.3}
    .product .price{font-size:clamp(10px, 1.8vw, 12px);font-weight:800;color:var(--wa-green-700)}

    /* Video section */
    .video-topbar{display:flex;align-items:center;gap:clamp(8px, 2vw, 10px);padding:clamp(6px, 1.5vw, 8px) clamp(8px, 2vw, 10px);border-radius:clamp(10px, 2.5vw, 14px);background:linear-gradient(180deg,#f8fffb,#eefaf3);box-shadow:var(--shadow-hi), var(--shadow-lo);margin-bottom:clamp(6px, 1.5vw, 8px)}
    .video-topbar .avatar{width:clamp(28px, 4.5vw, 34px);height:clamp(28px, 4.5vw, 34px);border-radius:50%;background:radial-gradient(circle at 30% 30%, #b0ffd6, var(--wa-mint));box-shadow:var(--shadow-hi), var(--shadow-lo);flex-shrink:0}
    .video-topbar .icons{margin-left:auto;display:flex;gap:clamp(6px, 1.5vw, 8px);flex-shrink:0}
    .video-topbar .icons svg{width:clamp(18px, 3vw, 22px);height:clamp(18px, 3vw, 22px)}
    .video-wrap{position:relative;border-radius:clamp(14px, 3vw, 18px);overflow:hidden;box-shadow:var(--shadow-hi), var(--shadow-lo);width:100%}
    .vid{width:100%;height:auto;display:block;background:#000;max-width:100%}
    .play-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(48px, 8vw, 64px);height:clamp(48px, 8vw, 64px);border-radius:999px;border:none;color:#fff;font-weight:900;font-size:clamp(18px, 3vw, 22px);display:grid;place-items:center;cursor:pointer;background:linear-gradient(180deg, var(--wa-green), var(--wa-green-600));box-shadow:0 10px 22px rgba(37,211,102,.45), var(--shadow-hi);min-width:44px;min-height:44px}
    .chiprow{display:flex;flex-wrap:wrap;gap:clamp(6px, 1.5vw, 8px);margin:clamp(6px, 1.5vw, 8px) 0 clamp(10px, 2vw, 12px)}
    .chip{padding:clamp(7px, 1.5vw, 9px) clamp(10px, 2vw, 12px);border:none;border-radius:999px;background:var(--wa-mint);box-shadow:var(--shadow-hi), var(--shadow-lo);font-weight:700;cursor:pointer;font-size:clamp(11px, 1.8vw, 13px);min-height:36px;display:inline-flex;align-items:center;white-space:nowrap}
    .chip:active{transform:translateY(1px)}
    
    /* Full Width Video Section */
    .video-switcher-buttons{
      display:flex;
      gap:clamp(8px, 2vw, 12px);
      margin-bottom:clamp(20px, 4vw, 28px);
      flex-wrap:wrap;
      justify-content:center;
    }
    .video-switch-btn{
      padding:clamp(12px, 2.5vw, 16px) clamp(20px, 4vw, 28px);
      border:none;
      border-radius:999px;
      background:linear-gradient(180deg, var(--surface), var(--surface-tint));
      box-shadow:var(--shadow-hi), var(--shadow-lo);
      font-weight:700;
      font-size:clamp(13px, 2vw, 15px);
      cursor:pointer;
      color:var(--wa-dark);
      transition:all .2s;
      min-height:44px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
    }
    .video-switch-btn:hover{
      transform:translateY(-2px);
      box-shadow:0 8px 16px rgba(0,0,0,.12), var(--shadow-hi);
    }
    .video-switch-btn.active{
      background:linear-gradient(180deg, var(--wa-green), var(--wa-green-600));
      color:#fff;
      box-shadow:0 6px 14px rgba(37,211,102,.35), var(--shadow-hi);
    }
    .video-switch-btn.active:hover{
      box-shadow:0 8px 18px rgba(37,211,102,.45), var(--shadow-hi);
    }
    .full-width-video-container{
      width:100%;
      margin-top:clamp(16px, 3vw, 20px);
    }
    .video-wrap-full{
      position:relative;
      border-radius:clamp(18px, 4vw, 24px);
      overflow:hidden;
      box-shadow:var(--shadow-hi), var(--shadow-lo);
      width:100%;
      background:#000;
      aspect-ratio:16/9;
    }
    .vid-full{
      width:100%;
      height:100%;
      display:block;
      object-fit:contain;
    }
    .play-overlay-full{
      position:absolute;
      left:50%;
      top:50%;
      transform:translate(-50%,-50%);
      width:clamp(64px, 10vw, 80px);
      height:clamp(64px, 10vw, 80px);
      border-radius:999px;
      border:none;
      color:#fff;
      font-weight:900;
      font-size:clamp(24px, 4vw, 32px);
      display:grid;
      place-items:center;
      cursor:pointer;
      background:linear-gradient(180deg, var(--wa-green), var(--wa-green-600));
      box-shadow:0 10px 22px rgba(37,211,102,.45), var(--shadow-hi);
      min-width:64px;
      min-height:64px;
      transition:transform .2s, box-shadow .2s;
    }
    .play-overlay-full:hover{
      transform:translate(-50%,-50%) scale(1.1);
      box-shadow:0 12px 28px rgba(37,211,102,.55), var(--shadow-hi);
    }

    /* Analytics */
    .analytics .kpi-card{padding:clamp(14px, 3vw, 18px);text-align:center}
    .analytics .kpi{font-size:clamp(24px, 5vw, 34px);font-weight:900;letter-spacing:.3px;line-height:1.2}
    .analytics .label{font-weight:800;opacity:.8;font-size:clamp(12px, 1.8vw, 14px)}
    .analytics .sub{font-size:clamp(10px, 1.6vw, 12px);opacity:.7;margin-top:clamp(4px, 1vw, 6px);line-height:1.4}
    .bubble.metric{display:flex;align-items:center;gap:clamp(8px, 2vw, 10px);font-weight:700;flex-wrap:wrap}
    .bubble.metric strong{font-size:clamp(14px, 2.5vw, 16px);color:var(--wa-green-700)}
    .ticks{margin-left:auto;opacity:.45;flex-shrink:0}

    /* Bilingual (EN/AR) */
    .lang-note{font-size:clamp(11px, 1.8vw, 12px);opacity:.75;margin-top:clamp(4px, 1vw, 6px);line-height:1.5}
    .rtl{direction: rtl}
    .rtl .bubble.user{align-self:flex-start}
    .rtl .bubble.bot{align-self:flex-end}

    /* Section */
    section{scroll-margin-top:clamp(70px, 10vw, 88px);padding:clamp(32px, 6vw, 48px) 0}
    .section-head{display:flex;align-items:center;justify-content:space-between;gap:clamp(10px, 2vw, 12px);margin-bottom:clamp(12px, 3vw, 16px);flex-wrap:wrap}
    .section-head h2{font-size:clamp(20px, 4vw, 36px);margin:0;line-height:1.2;word-wrap:break-word}
    .section-sub{opacity:.85;font-size:clamp(13px, 2vw, 15px)}

    /* Integrations */
    .integrations .app{display:flex;align-items:center;gap:clamp(10px, 2vw, 12px);padding:clamp(12px, 3vw, 16px);border-radius:clamp(14px, 3vw, 18px);transition:transform .2s}
    .integrations .icon{width:clamp(36px, 5.5vw, 44px);height:clamp(36px, 5.5vw, 44px);border-radius:clamp(10px, 2.5vw, 14px);display:grid;place-items:center;background:radial-gradient(circle at 30% 30%, #b0ffd6, var(--wa-mint));box-shadow:var(--shadow-hi), var(--shadow-lo);flex-shrink:0;font-size:clamp(18px, 3vw, 22px)}
    .integrations .meta{font-size:clamp(10px, 1.6vw, 12px);opacity:.75;margin-top:2px;line-height:1.4}
    .integrations .app:hover{transform:translateY(-2px)}
    .integrations .app strong{font-size:clamp(13px, 2vw, 15px)}

    /* Journey */
    .journey .step-card{padding:clamp(14px, 3vw, 18px)}
    .journey .step-card h3{margin:clamp(4px, 1vw, 6px) 0 clamp(3px, 0.8vw, 4px);font-size:clamp(15px, 2.5vw, 18px);line-height:1.3}
    .journey .step-card p{font-size:clamp(13px, 2vw, 15px);line-height:1.5;margin:clamp(4px, 1vw, 6px) 0}
    .journey .snum{display:inline-flex;align-items:center;justify-content:center;width:clamp(24px, 4vw, 28px);height:clamp(24px, 4vw, 28px);border-radius:999px;background:var(--wa-mint);box-shadow:var(--shadow-hi), var(--shadow-lo);font-weight:900;margin-bottom:clamp(4px, 1vw, 6px);font-size:clamp(12px, 2vw, 14px);flex-shrink:0}
    .journey .meta{font-size:clamp(10px, 1.6vw, 12px);opacity:.75;margin-top:clamp(3px, 0.8vw, 4px);line-height:1.4}

    /* Feature cards */
    .feature{padding:clamp(14px, 3vw, 18px)}
    .feature h3{font-size:clamp(16px, 2.8vw, 18px);margin:clamp(4px, 1vw, 6px) 0;line-height:1.3}
    .feature p{margin:0;color:#2a2f2c;font-size:clamp(13px, 2vw, 15px);line-height:1.5}
    .icon{width:clamp(36px, 5.5vw, 44px);height:clamp(36px, 5.5vw, 44px);border-radius:clamp(10px, 2.5vw, 14px);display:grid;place-items:center;background:radial-gradient(circle at 30% 30%, #b0ffd6, var(--wa-mint));box-shadow: var(--shadow-hi), var(--shadow-lo);flex-shrink:0;font-size:clamp(18px, 3vw, 22px);margin-bottom:clamp(8px, 2vw, 10px)}
    .icon img{
      max-width:60%;
      height:auto;
      object-fit:contain;
    }

    /* Pricing */
    .pricing{padding:clamp(16px, 4vw, 24px)}
    .plan{padding:clamp(18px, 3.5vw, 22px);position:relative;overflow:hidden}
    .plan h3{margin:0;font-size:clamp(18px, 3vw, 22px);line-height:1.3}
    .plan .price{display:flex;align-items:baseline;gap:clamp(6px, 1.5vw, 8px);margin:clamp(4px, 1vw, 6px) 0 clamp(8px, 2vw, 10px);flex-wrap:wrap}
    .plan .price strong{font-size:clamp(22px, 4vw, 28px);line-height:1.2}
    .plan .price .muted{font-size:clamp(12px, 2vw, 14px)}
    .plan .badge{position:absolute;top:clamp(10px, 2vw, 14px);right:clamp(10px, 2vw, 14px);font-size:clamp(10px, 1.6vw, 12px)}
    .plan ul{margin:clamp(8px, 2vw, 10px) 0 0 0;padding-left:clamp(16px, 3vw, 18px)}
    .plan li{margin:clamp(6px, 1.5vw, 8px) 0;font-size:clamp(12px, 2vw, 14px);line-height:1.5}
    .plan .cta{margin-top:clamp(12px, 3vw, 16px)}
    .plan.highlight{outline:clamp(2px, 0.5vw, 3px) solid var(--wa-green);}

    /* Calculator */
    .card{padding:clamp(14px, 3vw, 18px)}
    .calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px, 2.5vw, 14px)}
    @media (max-width:768px){.calc-grid{grid-template-columns:1fr}}
    label{font-weight:700;font-size:clamp(13px, 2vw, 15px);display:block;margin-bottom:clamp(6px, 1.5vw, 8px)}
    .input, select{width:100%;padding:clamp(10px, 2.5vw, 12px) clamp(12px, 2.5vw, 14px);border-radius:clamp(12px, 2.5vw, 14px);border:none;box-shadow:var(--inset-hi), var(--inset-lo);background:var(--surface);font-size:clamp(13px, 2vw, 15px);min-height:44px}
    .output{font-size:clamp(16px, 3vw, 18px);font-weight:800;line-height:1.3;word-break:break-word}

    /* Compare (unused but harmless) */
    .compare a{color:inherit;text-decoration:none}
    .compare .linkcard:hover{transform:translateY(-2px)}
    .linkcard{transition:transform .2s}

    /* Testimonials */
    .testimonials{
      background:linear-gradient(180deg, var(--wa-bg), var(--pastel-mint));
      border-radius:var(--radius-lg);
      padding:clamp(24px, 4vw, 32px);
      margin-bottom:clamp(24px, 4vw, 32px);
    }
    .testimonial-card{
      background:linear-gradient(180deg, var(--surface), var(--surface-tint));
      border-radius:var(--radius-lg);
      box-shadow:var(--shadow-hi), var(--shadow-lo);
      padding:clamp(20px, 3.5vw, 24px);
      position:relative;
      transition:transform .2s, box-shadow .2s;
    }
    .testimonial-card:hover{
      transform:translateY(-4px);
      box-shadow:0 12px 28px rgba(0,0,0,.12), var(--shadow-hi);
    }
    .testimonial-header{
      display:flex;
      align-items:center;
      gap:clamp(12px, 2.5vw, 16px);
      margin-bottom:clamp(12px, 2.5vw, 16px);
    }
    .testimonial-avatar{
      width:clamp(48px, 7vw, 56px);
      height:clamp(48px, 7vw, 56px);
      border-radius:50%;
      background:radial-gradient(circle at 30% 30%, #b0ffd6, var(--wa-mint));
      box-shadow:var(--shadow-hi), var(--shadow-lo);
      display:grid;
      place-items:center;
      font-size:clamp(20px, 3.5vw, 24px);
      font-weight:900;
      flex-shrink:0;
      color:var(--wa-green-700);
      overflow:hidden;
      position:relative;
    }
    .testimonial-avatar-initials{
      position:absolute;
      inset:0;
      display:grid;
      place-items:center;
      background:radial-gradient(circle at 30% 30%, #b0ffd6, var(--wa-mint));
      color:var(--wa-green-700);
      font-weight:900;
      z-index:0;
    }
    .testimonial-info{
      flex:1;
    }
    .testimonial-name{
      font-weight:800;
      font-size:clamp(15px, 2.5vw, 17px);
      margin:0 0 4px;
      color:var(--wa-dark);
    }
    .testimonial-role{
      font-size:clamp(12px, 2vw, 13px);
      color:#2a2f2c;
      opacity:.75;
      margin:0;
    }
    .testimonial-rating{
      display:flex;
      gap:4px;
      margin-bottom:clamp(10px, 2vw, 12px);
    }
    .testimonial-rating span{
      color:#FFD700;
      font-size:clamp(14px, 2.5vw, 16px);
    }
    .testimonial-text{
      font-size:clamp(14px, 2.2vw, 16px);
      line-height:1.6;
      color:#2a2f2c;
      margin:0;
      position:relative;
      padding-left:clamp(16px, 3vw, 20px);
    }
    .testimonial-text::before{
      content:'"';
      position:absolute;
      left:0;
      top:-8px;
      font-size:clamp(32px, 6vw, 48px);
      color:var(--wa-green);
      opacity:.3;
      font-family:serif;
      line-height:1;
    }
    .testimonial-company{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:clamp(4px, 1vw, 6px) clamp(8px, 1.5vw, 10px);
      background:var(--wa-mint);
      border-radius:999px;
      font-size:clamp(11px, 1.8vw, 12px);
      font-weight:600;
      margin-top:clamp(10px, 2vw, 12px);
      box-shadow:var(--shadow-hi), var(--shadow-lo);
    }

    /* Footer */
    footer{
      padding:clamp(48px, 8vw, 64px) 0 clamp(24px, 4vw, 32px);
      color:#2a2f2c;
      background:linear-gradient(180deg, var(--wa-bg), var(--pastel-mint));
      border-top:1px solid rgba(37,211,102,.1);
    }
    .footer-main{
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
      gap:clamp(24px, 4vw, 32px);
      margin-bottom:clamp(32px, 5vw, 40px);
    }
    .footer-section h3{
      font-size:clamp(16px, 2.5vw, 18px);
      font-weight:800;
      margin:0 0 clamp(12px, 2.5vw, 16px);
      color:var(--wa-green-700);
      display:flex;
      align-items:center;
      gap:8px;
    }
    .footer-section ul{
      list-style:none;
      padding:0;
      margin:0;
      display:flex;
      flex-direction:column;
      gap:clamp(8px, 1.5vw, 10px);
    }
    .footer-section a{
      color:#2a2f2c;
      text-decoration:none;
      font-size:clamp(13px, 2vw, 14px);
      padding:clamp(6px, 1.2vw, 8px) clamp(10px, 2vw, 12px);
      border-radius:clamp(8px, 1.5vw, 10px);
      display:inline-block;
      transition:all .2s;
      background:transparent;
    }
    .footer-section a:hover{
      background:var(--wa-mint);
      transform:translateX(4px);
    }
    .footer-social{
      display:flex;
      gap:clamp(10px, 2vw, 12px);
      flex-wrap:wrap;
      margin-top:clamp(12px, 2.5vw, 16px);
    }
    .footer-social a{
      width:clamp(36px, 5vw, 40px);
      height:clamp(36px, 5vw, 40px);
      border-radius:50%;
      background:linear-gradient(180deg, var(--surface), var(--surface-tint));
      box-shadow:var(--shadow-hi), var(--shadow-lo);
      display:grid;
      place-items:center;
      transition:all .2s;
    }
    .footer-social a:hover{
      background:var(--wa-mint);
      transform:translateY(-2px);
      box-shadow:0 8px 16px rgba(37,211,102,.2), var(--shadow-hi);
    }
    .footer-social svg{
      width:clamp(18px, 2.8vw, 20px);
      height:clamp(18px, 2.8vw, 20px);
    }
    .payment-logos{
      display:flex;
      flex-wrap:wrap;
      gap:clamp(10px, 2.5vw, 14px);
      margin-top:clamp(14px, 3vw, 18px);
      align-items:center;
    }
    .payment-badge{
      width:clamp(60px, 10vw, 80px);
      height:clamp(34px, 5vw, 42px);
      border-radius:clamp(8px, 2vw, 10px);
      box-shadow:var(--shadow-hi), var(--shadow-lo);
      overflow:hidden;
      background:var(--surface);
      display:flex;
      align-items:center;
      justify-content:center;
      position:relative;
    }
    .payment-badge svg{
      width:82%;
      height:70%;
    }
    .payment-badge img{
      max-width:85%;
      max-height:85%;
      width:auto;
      height:auto;
      object-fit:contain;
      object-position:center;
      display:block;
      margin:0;
      padding:0;
    }
    @media (max-width: 480px){
      .payment-logos{justify-content:flex-start}
      .payment-badge{flex:1 1 calc(50% - 10px)}
    }
    .footer-about{
      background:linear-gradient(180deg, var(--surface), var(--surface-tint));
      border-radius:var(--radius-lg);
      box-shadow:var(--shadow-hi), var(--shadow-lo);
      padding:clamp(20px, 3.5vw, 24px);
    }
    .footer-about .brand{
      margin-bottom:clamp(12px, 2.5vw, 16px);
    }
    .footer-about p{
      font-size:clamp(13px, 2vw, 14px);
      line-height:1.6;
      margin:0 0 clamp(12px, 2.5vw, 16px);
      color:#2a2f2c;
    }
    .footer-bottom{
      padding-top:clamp(24px, 4vw, 32px);
      border-top:1px solid rgba(37,211,102,.1);
      display:flex;
      justify-content:space-between;
      align-items:center;
      flex-wrap:wrap;
      gap:clamp(16px, 3vw, 20px);
    }
    .footer-bottom .small{
      font-size:clamp(11px, 1.8vw, 12px);
      line-height:1.5;
      color:#2a2f2c;
      opacity:.8;
    }
    .footer-cta{
      display:flex;
      align-items:center;
      gap:clamp(12px, 2.5vw, 16px);
      flex-wrap:wrap;
    }
    .footer-cta .btn{
      min-width:140px;
    }
    .small{font-size:clamp(11px, 1.8vw, 12px);line-height:1.5}
    footer .btn{max-width:200px}
    footer .grid strong{font-size:clamp(14px, 2.5vw, 16px)}

    /* Mobile enhancements */
    .menu-toggle{display:none;width:clamp(38px, 5.5vw, 42px);height:clamp(38px, 5.5vw, 42px);min-width:44px;min-height:44px}
    .menu-toggle svg{width:clamp(20px, 3vw, 24px);height:clamp(20px, 3vw, 24px)}
    
    @media (max-width: 1024px){
      .nav-links{display:none}
      .nav-actions{display:none}
      .menu-toggle{display:inline-flex;align-items:center;justify-content:center;border-radius:clamp(10px, 2.5vw, 14px);border:none;background:linear-gradient(180deg, var(--surface), var(--surface-tint));box-shadow:var(--shadow-hi), var(--shadow-lo);cursor:pointer}
      .menu-toggle:active{transform:translateY(1px)}
      .nav-inner{position:relative}
      .nav-links{position:absolute;top:calc(100% + 8px);left:clamp(12px, 3vw, 16px);right:clamp(12px, 3vw, 16px);padding:clamp(10px, 2.5vw, 12px);background:linear-gradient(180deg, var(--surface), var(--surface-tint));border-radius:var(--radius-lg);box-shadow:var(--shadow-lo), var(--shadow-hi);z-index:100}
      .nav-links.open{display:block}
      .nav-links a{display:block;padding:clamp(10px, 2.5vw, 12px);border-radius:clamp(10px, 2.5vw, 12px);text-align:left;min-height:44px;touch-action:manipulation}
      .nav-links .nav-demo{display:block}
    }
    
    @media (max-width: 768px){
      .menu-toggle{display:inline-flex;align-items:center;justify-content:center;border-radius:clamp(10px, 2.5vw, 14px);border:none;background:linear-gradient(180deg, var(--surface), var(--surface-tint));box-shadow:var(--shadow-hi), var(--shadow-lo);cursor:pointer}
      .menu-toggle:active{transform:translateY(1px)}
      .nav-inner{gap:clamp(6px, 1.5vw, 8px);position:relative}
      .nav .btn-primary{display:none}
      .hero .grid-2{grid-template-columns:1fr}
      .hero .copy{order:1;text-align:center}
      .hero .phone{order:2}
      .hero-actions{justify-content:center}
      .hero-actions .btn{flex:1;min-width:140px;max-width:200px}
      .bubble{max-width:85%}
      .section-head{flex-direction:column;align-items:flex-start}
      .section-head .tag{width:auto;align-self:flex-end}
      .footer-main{grid-template-columns:repeat(2, 1fr);gap:clamp(20px, 3.5vw, 24px)}
      .footer-about{grid-column:1/-1}
      .footer-bottom{flex-direction:column;text-align:center;align-items:center}
      .footer-bottom > div:first-child{text-align:center}
      .footer-cta{justify-content:center;width:100%}
      .footer-cta .btn{flex:1;max-width:200px}
      .video-switcher-buttons{
        gap:clamp(6px, 1.5vw, 8px);
      }
      .video-switch-btn{
        flex:1;
        min-width:calc(50% - 6px);
        padding:clamp(10px, 2vw, 12px) clamp(14px, 3vw, 18px);
        font-size:clamp(12px, 1.8vw, 14px);
      }
    }
    
    @media (max-width: 480px){
      .container{padding:clamp(12px, 3vw, 16px)}
      .hero{padding:clamp(24px, 5vw, 28px) 0 clamp(10px, 2.5vw, 12px)}
      .hero-actions{flex-direction:column}
      .hero-actions .btn{width:100%;max-width:100%}
      .phone{padding:clamp(8px, 2vw, 10px)}
      .bubble{max-width:92%;font-size:clamp(11px, 2.5vw, 13px);padding:clamp(8px, 2vw, 10px) clamp(10px, 2.5vw, 12px)}
      .product-grid{grid-template-columns:1fr}
      .video-topbar{flex-wrap:wrap}
      .video-topbar .icons{order:3;width:100%;margin-left:0;margin-top:4px;justify-content:flex-start}
      .chiprow{justify-content:center}
      .chip{font-size:clamp(10px, 2vw, 11px);padding:clamp(6px, 1.5vw, 7px) clamp(8px, 2vw, 10px)}
      .analytics .grid-2{grid-template-columns:1fr}
      .analytics .grid-3{grid-template-columns:1fr}
      .bilingual .grid-2{grid-template-columns:1fr}
      .integrations .grid-2{grid-template-columns:1fr}
      .integrations .grid-3{grid-template-columns:1fr}
      .journey .grid-2{grid-template-columns:1fr}
      .pricing .grid-3{grid-template-columns:1fr}
      .testimonials .grid-3{grid-template-columns:1fr}
      .plan .price{flex-direction:column;align-items:flex-start;gap:4px}
      .plan .price strong{display:block}
      .bubble.metric{flex-direction:column;align-items:flex-start;gap:4px}
      .ticks{margin-left:0}
      .footer-main{grid-template-columns:1fr;gap:clamp(20px, 3.5vw, 24px)}
      .footer-section h3{font-size:clamp(15px, 2.5vw, 16px)}
      .footer-section ul{gap:clamp(6px, 1.2vw, 8px)}
      .footer-cta{flex-direction:column}
      .footer-cta .btn{width:100%;max-width:100%}
      .video-switch-btn{
        min-width:100%;
        width:100%;
      }
      .video-wrap-full{
        aspect-ratio:16/9;
      }
    }
    
    /* Tablet specific adjustments */
    @media (min-width: 769px) and (max-width: 1024px){
      .hero .grid-2{grid-template-columns:1fr}
      .hero .copy{order:1;max-width:600px;margin-inline:auto;text-align:center}
      .hero .phone{order:2;max-width:400px;margin-inline:auto}
      .section-head{flex-direction:row;justify-content:space-between}
      .integrations .grid-3{grid-template-columns:repeat(2,1fr)}
      .analytics .grid-3{grid-template-columns:repeat(2,1fr)}
      .testimonials .grid-3{grid-template-columns:repeat(2,1fr)}
      .footer-main{grid-template-columns:repeat(3, 1fr)}
      .footer-about{grid-column:1/-1}
    }
    
    /* Large desktop adjustments */
    @media (min-width: 1400px){
      .container{max-width:1400px}
      section{padding:clamp(48px, 6vw, 64px) 0}
    }
    
    /* Integration web */
    .integration-graph{
      margin-top:clamp(20px, 4vw, 32px);
      padding:clamp(20px, 4vw, 32px);
      position:relative;
      overflow:hidden;
      min-height:520px;
    }
    .integration-graph .integration-lines{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      pointer-events:none;
    }
    .integration-core{
      position:absolute;
      left:50%;
      top:50%;
      transform:translate(-50%, -50%);
      width:clamp(120px, 20vw, 160px);
      height:clamp(120px, 20vw, 160px);
      border-radius:50%;
      background:linear-gradient(180deg, var(--surface), var(--surface-tint));
      box-shadow:var(--shadow-hi), var(--shadow-lo);
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:8px;
      text-align:center;
    }
    .integration-core img{
      width:60%;
      height:auto;
      object-fit:contain;
    }
    .integration-core span{
      font-weight:900;
      font-size:clamp(13px, 2vw, 15px);
      color:var(--wa-green-700);
    }
    .integration-node{
      position:absolute;
      width:clamp(110px, 16vw, 140px);
      text-align:center;
      transform:translate(-50%, -50%);
      display:flex;
      flex-direction:column;
      gap:8px;
      align-items:center;
      font-weight:700;
      color:var(--wa-dark);
    }
    .integration-node .integration-icon{
      width:clamp(56px, 8vw, 70px);
      height:clamp(56px, 8vw, 70px);
      border-radius:18px;
      display:grid;
      place-items:center;
      box-shadow:var(--shadow-hi), var(--shadow-lo);
      background:var(--surface);
    }
    .integration-node svg,
    .integration-node img{
      width:70%;
      height:70%;
      object-fit:contain;
    }
    .orbit-shopify{top:12%;left:50%;}
    .orbit-wordpress{top:24%;left:82%;}
    .orbit-whatsapp{top:52%;left:90%;}
    .orbit-instagram{top:82%;left:78%;}
    .orbit-inventory{top:88%;left:50%;}
    .orbit-csv{top:80%;left:20%;}
    .orbit-url{top:50%;left:10%;}
    .orbit-custom{top:24%;left:22%;}
    .integration-node span{
      font-size:clamp(12px, 2vw, 14px);
    }
    @media (max-width: 1024px){
      .integration-graph{
        min-height:420px;
      }
      .integration-node{
        width:clamp(90px, 14vw, 120px);
      }
    }
    @media (max-width: 768px){
      .integration-graph{
        min-height:auto;
        display:flex;
        flex-direction:column;
        align-items:stretch;
        gap:clamp(16px, 3vw, 20px);
      }
      .integration-graph .integration-lines{
        display:none;
      }
      .integration-core{
        position:relative;
        left:auto;
        top:auto;
        transform:none;
        margin-inline:auto;
      }
      .integration-node{
        position:relative;
        top:auto;
        left:auto;
        transform:none;
        width:100%;
        margin-top:clamp(16px, 3vw, 20px);
        padding:clamp(12px, 2.5vw, 14px);
        border-radius:var(--radius-md);
        background:linear-gradient(180deg, var(--surface), var(--surface-tint));
        box-shadow:var(--shadow-hi), var(--shadow-lo);
      }
      .integration-node span{
        font-size:clamp(13px, 2vw, 15px);
      }
    }
    
.brands-strip{
  padding:clamp(24px, 5vw, 32px) 0;
  overflow:hidden;
  position:relative;
}
.brands-strip::before,
.brands-strip::after{
  content:'';
  position:absolute;
  top:0;
  bottom:0;
  width:60px;
  pointer-events:none;
  z-index:1;
}
.brands-strip::before{
  left:0;
  background:linear-gradient(90deg, var(--wa-bg), transparent);
}
.brands-strip::after{
  right:0;
  background:linear-gradient(270deg, var(--wa-bg), transparent);
}
.brands-track{
  display:flex;
  gap:clamp(28px, 5vw, 48px);
  animation:brands-scroll 26s linear infinite;
  will-change:transform;
}
.brands-track:hover{
  animation-play-state:paused;
}
.brand-pill{
  min-width:clamp(120px, 18vw, 200px);
  padding:clamp(12px, 2.5vw, 16px) clamp(18px, 3vw, 24px);
  border-radius:var(--radius-md);
  background:linear-gradient(180deg, var(--surface), var(--surface-tint));
  box-shadow:var(--shadow-hi), var(--shadow-lo);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  font-weight:800;
  color:#2a2f2c;
}
.brand-pill img{
  height:clamp(18px, 3vw, 26px);
  width:auto;
  object-fit:contain;
}
@keyframes brands-scroll{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-50%); }
}
@media (max-width: 768px){
  .brands-track{
    animation-duration:18s;
  }
  .brand-pill{
    min-width:clamp(110px, 40vw, 150px);
  }
}
    
  .wa-support-btn{
    position:fixed;
    right:clamp(14px, 3vw, 26px);
    bottom:clamp(14px, 3vw, 26px);
    z-index:250;
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:clamp(10px, 2.5vw, 14px) clamp(14px, 3vw, 18px);
    border-radius:999px;
    background:linear-gradient(135deg, #23c861, #1a9f4f);
    color:#fff;
    font-weight:800;
    text-decoration:none;
    box-shadow:0 12px 24px rgba(26,159,79,.35), var(--shadow-hi);
    transition:transform .2s, box-shadow .2s;
  }
  .wa-support-btn:hover{
    transform:translateY(-2px) scale(1.01);
    box-shadow:0 16px 28px rgba(26,159,79,.4), var(--shadow-hi);
  }
  .wa-support-btn img{
    width:clamp(18px, 3vw, 22px);
    height:clamp(18px, 3vw, 22px);
  }
  @media (max-width: 600px){
    .wa-support-btn{
      bottom:clamp(12px, 5vw, 18px);
      right:clamp(12px, 5vw, 18px);
      padding:10px 14px;
      font-size:14px;
    }
  }

    /* Legal pages */
    .legal-page{
      padding-top:clamp(32px, 6vw, 48px);
      padding-bottom:clamp(48px, 8vw, 64px);
      display:flex;
      flex-direction:column;
      gap:clamp(20px, 4vw, 28px);
    }
    .legal-hero{
      display:flex;
      flex-direction:column;
      gap:clamp(12px, 2.5vw, 16px);
    }
    .legal-hero h1{
      margin:0;
      font-size:clamp(28px, 5vw, 48px);
      line-height:1.2;
    }
    .legal-hero p{
      margin:0;
      font-size:clamp(14px, 2.2vw, 18px);
      line-height:1.6;
      opacity:.9;
    }
    .legal-pill-row{
      display:flex;
      flex-wrap:wrap;
      gap:clamp(8px, 2vw, 12px);
    }
    .legal-pill{
      padding:clamp(6px, 1.5vw, 8px) clamp(12px, 2.5vw, 16px);
      border-radius:999px;
      background:var(--wa-mint);
      box-shadow:var(--shadow-hi), var(--shadow-lo);
      font-weight:700;
      font-size:clamp(12px, 2vw, 14px);
    }
    .legal-card{
      padding:clamp(20px, 3.5vw, 26px);
      display:flex;
      flex-direction:column;
      gap:clamp(12px, 2.5vw, 16px);
    }
    .legal-card h2{
      margin:0;
      font-size:clamp(18px, 3vw, 26px);
      color:var(--wa-dark);
    }
    .legal-section{
      display:flex;
      flex-direction:column;
      gap:clamp(8px, 2vw, 12px);
    }
    .legal-section + .legal-section{
      border-top:1px solid rgba(17,19,22,.08);
      padding-top:clamp(12px, 2.5vw, 16px);
    }
    .legal-list{
      margin:0;
      padding-left:clamp(20px, 4vw, 28px);
      display:flex;
      flex-direction:column;
      gap:clamp(6px, 1.5vw, 8px);
    }
    .legal-list li{
      font-size:clamp(13px, 2vw, 15px);
      line-height:1.6;
    }
    .legal-list strong{
      color:var(--wa-green-700);
    }
    .legal-grid{
      display:grid;
      gap:clamp(12px, 2.5vw, 16px);
      grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
    }
    .legal-note{
      font-size:clamp(12px, 2vw, 14px);
      opacity:.85;
      line-height:1.6;
    }
    .legal-callout{
      padding:clamp(14px, 3vw, 18px);
      border-radius:var(--radius-md);
      background:var(--wa-mint);
      box-shadow:var(--shadow-hi), var(--shadow-lo);
      font-weight:600;
      line-height:1.5;
    }

    /* RTL Support */
    [dir="rtl"], .rtl {
      direction: rtl;
      text-align: right;
    }
    
    [dir="rtl"] .nav-inner,
    .rtl .nav-inner {
      flex-direction: row-reverse;
    }
    
    [dir="rtl"] .nav-actions,
    .rtl .nav-actions {
      flex-direction: row-reverse;
    }
    
    [dir="rtl"] .hero-actions,
    .rtl .hero-actions {
      flex-direction: row-reverse;
    }
    
    [dir="rtl"] .section-head,
    .rtl .section-head {
      flex-direction: row-reverse;
    }
    
    [dir="rtl"] .section-head .tag,
    .rtl .section-head .tag {
      margin-left: 0;
      margin-right: auto;
      text-align: right;
    }
    
    [dir="rtl"] .plan .badge,
    .rtl .plan .badge {
      right: auto;
      left: clamp(10px, 2vw, 14px);
    }
    
    [dir="rtl"] .plan ul,
    .rtl .plan ul {
      padding-left: 0;
      padding-right: clamp(16px, 3vw, 18px);
    }
    
    [dir="rtl"] .plan .price,
    .rtl .plan .price {
      flex-direction: row-reverse;
    }
    
    [dir="rtl"] .footer-section a:hover,
    .rtl .footer-section a:hover {
      transform: translateX(-4px);
    }
    
    [dir="rtl"] .footer-bottom,
    .rtl .footer-bottom {
      flex-direction: row-reverse;
    }
    
    [dir="rtl"] .footer-cta,
    .rtl .footer-cta {
      flex-direction: row-reverse;
    }
    
    [dir="rtl"] .testimonial-text,
    .rtl .testimonial-text {
      padding-left: 0;
      padding-right: clamp(16px, 3vw, 20px);
    }
    
    [dir="rtl"] .testimonial-text::before,
    .rtl .testimonial-text::before {
      left: auto;
      right: 0;
    }
    
    [dir="rtl"] .legal-list,
    .rtl .legal-list {
      padding-left: 0;
      padding-right: clamp(20px, 4vw, 28px);
    }
    
    [dir="rtl"] .wa-support-btn,
    .rtl .wa-support-btn {
      right: auto;
      left: clamp(14px, 3vw, 26px);
    }
    
    [dir="rtl"] .video-topbar .icons,
    .rtl .video-topbar .icons {
      margin-left: 0;
      margin-right: auto;
    }
    
    [dir="rtl"] .bubble.metric .ticks,
    .rtl .bubble.metric .ticks {
      margin-left: 0;
      margin-right: auto;
    }
    
    [dir="rtl"] .calc-grid,
    .rtl .calc-grid {
      direction: rtl;
    }
    
    [dir="rtl"] .integration-core,
    .rtl .integration-core {
      direction: rtl;
    }
    
    [dir="rtl"] .integration-node,
    .rtl .integration-node {
      direction: rtl;
    }
    
    /* Language Switcher Button */
    .lang-switcher {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      padding: clamp(8px, 1.5vw, 10px) clamp(12px, 2vw, 14px);
      border-radius: 999px;
      background: linear-gradient(180deg, var(--surface), var(--surface-tint));
      box-shadow: var(--shadow-hi), var(--shadow-lo);
      border: none;
      cursor: pointer;
      font-weight: 700;
      font-size: clamp(12px, 1.8vw, 14px);
      color: var(--wa-dark);
      transition: all .2s;
      min-height: 44px;
      white-space: nowrap;
    }
    
    .lang-switcher:hover {
      background: var(--wa-mint);
      transform: translateY(-2px);
      box-shadow: 0 8px 16px rgba(0,0,0,.12), var(--shadow-hi);
    }
    
    .lang-switcher:active {
      transform: translateY(0);
    }
    
    @media (max-width: 1024px) {
      .lang-switcher {
        display: none;
      }
    }
    
    /* RTL specific adjustments for mobile menu */
    [dir="rtl"] .nav-links,
    .rtl .nav-links {
      left: auto;
      right: clamp(12px, 3vw, 16px);
      text-align: right;
    }
    
    [dir="rtl"] .nav-links a,
    .rtl .nav-links a {
      text-align: right;
    }
    
    /* RTL adjustments for hero trust carousel */
    [dir="rtl"] .hero-trust-carousel::before,
    .rtl .hero-trust-carousel::before {
      left: auto;
      right: 0;
      background: linear-gradient(270deg, var(--wa-bg), transparent);
    }
    
    [dir="rtl"] .hero-trust-carousel::after,
    .rtl .hero-trust-carousel::after {
      right: auto;
      left: 0;
      background: linear-gradient(90deg, var(--wa-bg), transparent);
    }
    
    [dir="rtl"] .trust-carousel-track,
    .rtl .trust-carousel-track {
      animation: trust-scroll-rtl 30s linear infinite;
    }
    
    @keyframes trust-scroll-rtl {
      0% { transform: translateX(0); }
      100% { transform: translateX(50%); }
    }
    
    /* RTL adjustments for brands strip */
    [dir="rtl"] .brands-strip::before,
    .rtl .brands-strip::before {
      left: auto;
      right: 0;
      background: linear-gradient(270deg, var(--wa-bg), transparent);
    }
    
    [dir="rtl"] .brands-strip::after,
    .rtl .brands-strip::after {
      right: auto;
      left: 0;
      background: linear-gradient(90deg, var(--wa-bg), transparent);
    }
    
    [dir="rtl"] .brands-track,
    .rtl .brands-track {
      animation: brands-scroll-rtl 26s linear infinite;
    }
    
    @keyframes brands-scroll-rtl {
      0% { transform: translateX(0); }
      100% { transform: translateX(50%); }
    }
    
    /* RTL font adjustments */
    [dir="rtl"] body,
    .rtl body {
      font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans Arabic", "Apple Color Emoji", "Segoe UI Emoji";
    }