/* Avoid flash of wrong direction before translations run */
      html:not([data-lang]) body {
        visibility: hidden;
      }
    

      :root {
        --primary: #1a56db;
        --primary-dark: #1e40af;
        --primary-light: #3b82f6;
        --accent: #0ea5e9;
        --bg: #f0f7ff;
        --bg-white: #ffffff;
        --text: #0f172a;
        --text-muted: #64748b;
        --border: #e2e8f0;
        --success: #10b981;
        --radius: 16px;
        --shadow: 0 4px 24px rgba(15, 23, 42, 0.06);
        --shadow-lg: 0 20px 50px rgba(26, 86, 219, 0.12);
      }
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      html {
        scroll-behavior: smooth;
      }
      body {
        font-family: "Cairo", system-ui, sans-serif;
        background: var(--bg);
        color: var(--text);
        line-height: 1.7;
        overflow-x: hidden;
      }
      a {
        text-decoration: none;
        color: inherit;
      }
      img {
        max-width: 100%;
        display: block;
      }
      .container {
        width: 100%;
        max-width: 1140px;
        margin: 0 auto;
        padding: 0 20px;
      } /* Header */
      header {
        position: sticky;
        top: 0;
        z-index: 100;
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(14px);
        border-bottom: 1px solid var(--border);
      }
      .nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 76px;
      }
      .logo {
        display: flex;
        align-items: center;
        gap: 0;
      }
      .logo img {
        height: 48px;
        width: auto;
        border-radius: 10px;
      }
      .nav-links {
        display: flex;
        gap: 28px;
        list-style: none;
      }
      .nav-links a {
        font-size: 0.95rem;
        font-weight: 500;
        color: var(--text-muted);
        transition: color 0.2s;
      }
      .nav-links a:hover {
        color: var(--primary);
      }
      .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 12px 24px;
        border-radius: 999px;
        font-weight: 600;
        font-size: 0.95rem;
        border: none;
        cursor: pointer;
        transition: all 0.2s ease;
        font-family: inherit;
      }
      .btn-primary {
        background: linear-gradient(135deg, #1a56db, #0ea5e9);
        color: white;
        box-shadow: 0 4px 16px rgba(26, 86, 219, 0.35);
      }
      .btn-primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 24px rgba(26, 86, 219, 0.45);
      }
      .btn-outline {
        background: white;
        color: var(--primary);
        border: 1.5px solid var(--primary);
      }
      .btn-outline:hover {
        background: #eff6ff;
      }
      .btn-lg {
        padding: 16px 32px;
        font-size: 1.05rem;
      }
      .btn-white {
        background: white;
        color: var(--primary);
        box-shadow: var(--shadow);
      } /* Hero */
      .hero {
        padding: 72px 0 56px;
        background: linear-gradient(
          180deg,
          #e8f1ff 0%,
          #f0f7ff 55%,
          #f0f7ff 100%
        );
        position: relative;
        overflow: hidden;
      }
      .hero::before {
        content: "";
        position: absolute;
        top: -15%;
        left: -8%;
        width: 45%;
        height: 65%;
        background: radial-gradient(
          circle,
          rgba(14, 165, 233, 0.12) 0%,
          transparent 70%
        );
        pointer-events: none;
      }
      .hero-grid {
        display: grid;
        grid-template-columns: 1.15fr 0.85fr;
        gap: 48px;
        align-items: center;
      }
      .hero-badge {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: white;
        border: 1px solid #bfdbfe;
        padding: 7px 16px;
        border-radius: 999px;
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--primary);
        margin-bottom: 20px;
        box-shadow: var(--shadow);
      }
      .hero h1 {
        font-size: clamp(2rem, 4.5vw, 3rem);
        font-weight: 800;
        line-height: 1.25;
        margin-bottom: 18px;
      }
      .hero h1 span {
        background: linear-gradient(135deg, #1a56db, #0ea5e9);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }
      .hero-desc {
        font-size: 1.08rem;
        color: var(--text-muted);
        margin-bottom: 28px;
        max-width: 540px;
      }
      .hero-ctas {
        display: flex;
        flex-wrap: wrap;
        gap: 14px;
        margin-bottom: 32px;
      }
      .hero-stats {
        display: flex;
        flex-wrap: wrap;
        gap: 28px;
      }
      .stat {
        text-align: center;
      }
      .stat-num {
        font-size: 1.55rem;
        font-weight: 800;
        color: var(--primary);
      }
      .stat-label {
        font-size: 0.82rem;
        color: var(--text-muted);
      }
      .hero-card {
        background: white;
        border-radius: 24px;
        padding: 28px;
        box-shadow: var(--shadow-lg);
        border: 1px solid #dbeafe;
        position: relative;
      }
      .hero-card-header {
        display: flex;
        align-items: center;
        gap: 14px;
        margin-bottom: 20px;
      }
      .hero-card-icon {
        width: 52px;
        height: 52px;
        background: linear-gradient(135deg, #dbeafe, #e0f2fe);
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .hero-card-icon svg {
        width: 28px;
        height: 28px;
      }
      .feature-list {
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 12px;
      }
      .feature-list li {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        font-size: 0.95rem;
      }
      .check {
        width: 22px;
        height: 22px;
        min-width: 22px;
        background: #dcfce7;
        color: var(--success);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        font-weight: 700;
        margin-top: 2px;
      } /* Sections */
      section {
        padding: 72px 0;
      }
      .section-header {
        text-align: center;
        max-width: 680px;
        margin: 0 auto 48px;
      }
      .section-header .eyebrow {
        display: inline-block;
        font-size: 0.85rem;
        font-weight: 700;
        color: var(--primary);
        background: #dbeafe;
        padding: 5px 16px;
        border-radius: 999px;
        margin-bottom: 12px;
      }
      .section-header h2 {
        font-size: clamp(1.55rem, 3.5vw, 2.15rem);
        font-weight: 800;
        margin-bottom: 12px;
        line-height: 1.3;
      }
      .section-header p {
        color: var(--text-muted);
        font-size: 1.05rem;
      } /* Cards */
      .cards-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 24px;
      }
      .card {
        background: white;
        border-radius: var(--radius);
        padding: 28px;
        border: 1px solid var(--border);
        box-shadow: var(--shadow);
        transition:
          transform 0.2s,
          box-shadow 0.2s;
      }
      .card:hover {
        transform: translateY(-4px);
        box-shadow: var(--shadow-lg);
      }
      .card h3 {
        font-size: 1.12rem;
        font-weight: 700;
        margin-bottom: 12px;
        display: flex;
        align-items: center;
        gap: 12px;
      }
      .card p {
        color: var(--text-muted);
        font-size: 0.95rem;
      }
      .card-icon-wrap {
        width: 44px;
        height: 44px;
        min-width: 44px;
        background: linear-gradient(135deg, #dbeafe, #e0f2fe);
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .card-icon-wrap svg {
        width: 22px;
        height: 22px;
      } /* Features */
      .features-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 20px;
      }
      .feature-card {
        background: white;
        border-radius: var(--radius);
        padding: 26px;
        border: 1px solid var(--border);
        display: flex;
        flex-direction: column;
        gap: 12px;
        transition: all 0.2s;
      }
      .feature-card:hover {
        border-color: #93c5fd;
        box-shadow: 0 8px 30px rgba(26, 86, 219, 0.1);
      }
      .feature-card .icon-box {
        width: 52px;
        height: 52px;
        background: linear-gradient(135deg, #dbeafe, #e0f2fe);
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .feature-card .icon-box svg {
        width: 26px;
        height: 26px;
      }
      .feature-card h3 {
        font-size: 1.08rem;
        font-weight: 700;
      }
      .feature-card p {
        color: var(--text-muted);
        font-size: 0.92rem;
        flex-grow: 1;
      }
      .feature-card a {
        color: var(--primary);
        font-weight: 600;
        font-size: 0.9rem;
      } /* Audience */
      .audience-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
      }
      .audience-card {
        background: white;
        border-radius: var(--radius);
        padding: 32px 24px;
        border: 1px solid var(--border);
        text-align: center;
        box-shadow: var(--shadow);
        transition: transform 0.2s;
      }
      .audience-card:hover {
        transform: translateY(-4px);
      }
      .audience-card .icon-box {
        width: 72px;
        height: 72px;
        margin: 0 auto 18px;
        background: linear-gradient(135deg, #dbeafe, #e0f2fe);
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .audience-card .icon-box svg {
        width: 36px;
        height: 36px;
      }
      .audience-card h3 {
        font-size: 1.12rem;
        margin-bottom: 10px;
      }
      .audience-card p {
        color: var(--text-muted);
        font-size: 0.92rem;
      } /* CTA Banner */
      .cta-banner {
        background: linear-gradient(135deg, #1e3a8a, #1a56db, #0ea5e9);
        border-radius: 24px;
        padding: 48px 40px;
        color: white;
        text-align: center;
        position: relative;
        overflow: hidden;
      }
      .cta-banner::before {
        content: "";
        position: absolute;
        top: -30%;
        right: -10%;
        width: 40%;
        height: 80%;
        background: radial-gradient(
          circle,
          rgba(255, 255, 255, 0.08) 0%,
          transparent 70%
        );
        pointer-events: none;
      }
      .cta-banner h2 {
        font-size: 1.75rem;
        font-weight: 800;
        margin-bottom: 12px;
        position: relative;
      }
      .cta-banner p {
        opacity: 0.92;
        margin-bottom: 24px;
        max-width: 560px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
      }
      .cta-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 14px 28px;
        margin-bottom: 28px;
        list-style: none;
        position: relative;
      }
      .cta-list li {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 0.95rem;
      } /* Pricing */
      .pricing-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 28px;
        max-width: 920px;
        margin: 0 auto;
      }
      .price-card {
        background: white;
        border-radius: 20px;
        padding: 36px 28px;
        border: 1px solid var(--border);
        position: relative;
        box-shadow: var(--shadow);
      }
      .price-card.popular {
        border: 2px solid var(--primary);
        box-shadow: 0 12px 40px rgba(26, 86, 219, 0.15);
      }
      .price-badge {
        position: absolute;
        top: -13px;
        left: 50%;
        transform: translateX(-50%);
        background: linear-gradient(135deg, #1a56db, #0ea5e9);
        color: white;
        font-size: 0.8rem;
        font-weight: 700;
        padding: 5px 18px;
        border-radius: 999px;
      }
      .price-card h3 {
        font-size: 1.25rem;
        margin-bottom: 8px;
      }
      .price-amount {
        font-size: 2.3rem;
        font-weight: 800;
        color: var(--primary);
        margin: 12px 0;
      }
      .price-amount span {
        font-size: 1rem;
        font-weight: 500;
        color: var(--text-muted);
      }
      .price-list {
        list-style: none;
        margin: 24px 0;
        display: flex;
        flex-direction: column;
        gap: 10px;
      }
      .price-list li {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        font-size: 0.92rem;
      }
      .price-list .no {
        color: #94a3b8;
      } /* Table */
      .table-wrap {
        overflow-x: auto;
        border-radius: var(--radius);
        border: 1px solid var(--border);
        background: white;
        box-shadow: var(--shadow);
      }
      table {
        width: 100%;
        border-collapse: collapse;
        min-width: 600px;
      }
      th,
      td {
        padding: 14px 18px;
        text-align: right;
        border-bottom: 1px solid var(--border);
        font-size: 0.92rem;
      }
      th {
        background: #f1f5f9;
        font-weight: 700;
      }
      tr:last-child td {
        border-bottom: none;
      }
      .highlight-col {
        background: #eff6ff;
      }
      .yes {
        color: var(--success);
        font-weight: 700;
      }
      .no-val {
        color: #94a3b8;
      } /* Steps */
      .steps {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
      }
      .step {
        background: white;
        border-radius: var(--radius);
        padding: 24px;
        border: 1px solid var(--border);
      }
      .step-num {
        width: 40px;
        height: 40px;
        background: linear-gradient(135deg, #1a56db, #0ea5e9);
        color: white;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 800;
        font-size: 0.95rem;
        margin-bottom: 14px;
      }
      .step h3 {
        font-size: 1rem;
        margin-bottom: 8px;
      }
      .step p {
        font-size: 0.88rem;
        color: var(--text-muted);
      } /* Why */
      .why-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
      }
      .why-item {
        display: flex;
        gap: 16px;
        background: white;
        padding: 24px;
        border-radius: var(--radius);
        border: 1px solid var(--border);
        transition: box-shadow 0.2s;
      }
      .why-item:hover {
        box-shadow: var(--shadow-lg);
      }
      .why-item .icon-box {
        width: 52px;
        height: 52px;
        min-width: 52px;
        background: linear-gradient(135deg, #dbeafe, #e0f2fe);
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .why-item .icon-box svg {
        width: 26px;
        height: 26px;
      }
      .why-item h3 {
        font-size: 1.05rem;
        margin-bottom: 6px;
      }
      .why-item p {
        font-size: 0.9rem;
        color: var(--text-muted);
      } /* Legal */
      .legal-box {
        background: #fefce8;
        border: 1px solid #fde68a;
        border-radius: var(--radius);
        padding: 28px;
      }
      .legal-box h3 {
        margin-bottom: 12px;
        font-size: 1.15rem;
      }
      .legal-box ul {
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin: 16px 0;
      }
      .legal-box li {
        display: flex;
        gap: 10px;
        font-size: 0.95rem;
      }
      .legal-box li::before {
        content: "✓";
        color: var(--success);
        font-weight: 700;
      } /* FAQ */
      .faq-list {
        max-width: 800px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: 12px;
      }
      .faq-item {
        background: white;
        border-radius: 12px;
        border: 1px solid var(--border);
        overflow: hidden;
      }
      .faq-q {
        width: 100%;
        padding: 18px 22px;
        background: none;
        border: none;
        text-align: right;
        font-family: inherit;
        font-size: 1rem;
        font-weight: 600;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        color: var(--text);
      }
      .faq-q span.arrow {
        transition: transform 0.25s;
        font-size: 1.15rem;
        color: var(--primary);
      }
      .faq-item.open .faq-q span.arrow {
        transform: rotate(180deg);
      }
      .faq-a {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
      }
      .faq-a-inner {
        padding: 0 22px 18px;
        color: var(--text-muted);
        font-size: 0.95rem;
      } /* Footer */
      footer {
        background: #0f172a;
        color: #94a3b8;
        padding: 48px 0 28px;
      }
      .footer-grid {
        display: grid;
        grid-template-columns: 1.5fr 1fr 1fr;
        gap: 40px;
        margin-bottom: 36px;
      }
      .footer-brand .logo img {
        height: 42px;
        margin-bottom: 14px;
        filter: brightness(1.1);
      }
      .footer-brand p {
        font-size: 0.9rem;
        line-height: 1.6;
      }
      .footer-col h4 {
        color: white;
        font-size: 0.95rem;
        margin-bottom: 14px;
      }
      .footer-col ul {
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 8px;
      }
      .footer-col a {
        font-size: 0.9rem;
        transition: color 0.2s;
      }
      .footer-col a:hover {
        color: white;
      }
      .footer-bottom {
        border-top: 1px solid #1e293b;
        padding-top: 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 12px;
        font-size: 0.85rem;
      }
      .notice {
        background: #1e293b;
        border-radius: 12px;
        padding: 16px 20px;
        font-size: 0.85rem;
        margin-top: 24px;
        line-height: 1.6;
      }
      .menu-toggle {
        display: none;
        background: none;
        border: none;
        font-size: 1.5rem;
        cursor: pointer;
        color: var(--text);
      }
      .trust-bar {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 28px;
        padding: 28px 0;
        font-size: 0.9rem;
        color: var(--text-muted);
        font-weight: 600;
      }
      .trust-bar span {
        align-items: center;
        gap: 8px;
      }
      .trust-bar svg {
        width: 18px;
        height: 18px;
        flex-shrink: 0;
      } /* SVG icon colors */
      .svg-blue {
        fill: #1a56db;
      }
      .svg-sky {
        fill: #0ea5e9;
      }
      .svg-stroke {
        stroke: #1a56db;
        fill: none;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      @media (max-width: 900px) {
        .hero-grid {
          grid-template-columns: 1fr;
        }
        .audience-grid {
          grid-template-columns: 1fr;
        }
        .steps {
          grid-template-columns: 1fr 1fr;
        }
        .pricing-grid {
          grid-template-columns: 1fr;
        }
        .why-grid {
          grid-template-columns: 1fr;
        }
        .footer-grid {
          grid-template-columns: 1fr;
        }
        .nav-links {
          display: none;
        }
        .menu-toggle {
          display: block;
        }
        .nav-links.open {
          display: flex;
          flex-direction: column;
          position: absolute;
          top: 76px;
          right: 0;
          left: 0;
          background: white;
          padding: 20px;
          border-bottom: 1px solid var(--border);
          gap: 16px;
        }
      }
      @media (max-width: 600px) {
        .steps {
          grid-template-columns: 1fr;
        }
        .hero-ctas {
          flex-direction: column;
        }
        .btn-lg {
          width: 100%;
        }
        .logo img {
          height: 40px;
        }
      }
      /* Language switch only; the original page styling is otherwise unchanged. */
      .language-toggle {
        border: 1px solid var(--border, #dbe3ef);
        background: transparent;
        color: inherit;
        border-radius: 8px;
        padding: 8px 12px;
        font: inherit;
        font-size: 0.9rem;
        font-weight: 600;
        cursor: pointer;
        white-space: nowrap;
      }
      .language-toggle:hover {
        border-color: var(--primary, #2563eb);
      }
      @media (max-width: 600px) {
        .language-toggle {
          padding: 7px 9px;
          font-size: 0.8rem;
        }
      }

      /* Light hero composition inspired by the supplied reference */
      .hero {
        padding: 64px 0 58px;
        background: linear-gradient(
          135deg,
          #f8fbff 0%,
          #edf6ff 55%,
          #f7fbff 100%
        );
      }
      .hero::before {
        top: -10%;
        left: -5%;
        width: 48%;
        height: 75%;
        background: radial-gradient(
          circle,
          rgba(14, 165, 233, 0.1) 0%,
          transparent 70%
        );
      }
      .hero-grid {
        grid-template-columns: 1.02fr 0.98fr;
        gap: 54px;
      }
      .hero-copy {
        position: relative;
        z-index: 1;
      }
      .hero h1 {
        max-width: 620px;
        font-size: clamp(2.3rem, 4.7vw, 3.45rem);
        letter-spacing: -0.035em;
      }
      .hero-desc {
        max-width: 590px;
      }
      .hero-stats {
        justify-content: flex-start;
        gap: 30px;
      }
      .hero-stats .stat {
        text-align: left;
      }
      .hero-visual {
        position: relative;
        min-height: 410px;
        border-radius: 26px;
        overflow: hidden;
        background: #dceeff;
        border: 1px solid #d5e7f7;
        box-shadow: 0 24px 60px rgba(27, 65, 115, 0.16);
      }
      .hero-visual > img {
        width: 100%;
        height: 100%;
        min-height: 410px;
        object-position: 55% center;
      }
      .hero-visual-note {
        position: absolute;
        left: 20px;
        right: 20px;
        bottom: 20px;
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 14px 18px;
        border: 1px solid rgba(255, 255, 255, 0.86);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.92);
        box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12);
        backdrop-filter: blur(12px);
      }
      .hero-visual-note strong,
      .hero-visual-note small {
        display: block;
      }
      .hero-visual-note strong {
        color: #0f172a;
        font-size: 0.96rem;
        line-height: 1.35;
      }
      .hero-visual-note small {
        margin-top: 2px;
        color: #64748b;
        font-size: 0.8rem;
      }
      .hero-visual-icon {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        display: grid;
        place-items: center;
        border-radius: 12px;
        background: #e8f7ef;
        color: #079455;
        font-weight: 800;
        font-size: 1.15rem;
      }
      .trust-bar-wrap {
        margin-top: 26px;
        margin-bottom: 16px;
      }
      .trust-bar {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 12px;
        padding: 0;
        color: var(--text);
      }
      .trust-item {
        min-height: 82px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 11px;
        padding: 14px 12px;
        border: 1px solid #dce8f5;
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 6px 20px rgba(15, 23, 42, 0.045);
        text-align: left;
        transition:
          transform 0.2s ease,
          box-shadow 0.2s ease,
          border-color 0.2s ease;
      }
      .trust-item:hover {
        transform: translateY(-3px);
        border-color: #b9d8fb;
        box-shadow: 0 12px 28px rgba(26, 86, 219, 0.1);
      }
      .trust-icon {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        display: grid;
        place-items: center;
        border-radius: 12px;
        background: linear-gradient(135deg, #eaf2ff, #e8f8ff);
      }
      .trust-icon svg {
        width: 21px;
        height: 21px;
      }
      .trust-label {
        font-size: 0.83rem;
        line-height: 1.35;
        font-weight: 700;
      }
      html[dir="rtl"] .trust-item {
        text-align: right;
      }
      html[dir="rtl"] .hero-stats .stat {
        text-align: right;
      }
      @media (max-width: 1000px) {
        .trust-bar {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }
      }
      @media (max-width: 900px) {
        .hero-grid {
          grid-template-columns: 1fr;
          gap: 34px;
        }
        .hero-visual,
        .hero-visual > img {
          min-height: 360px;
        }
        .hero-stats {
          justify-content: center;
        }
        .hero-stats .stat {
          text-align: center;
        }
      }
      @media (max-width: 600px) {
        .hero {
          padding: 42px 0 36px;
        }
        .hero-grid {
          gap: 28px;
        }
        .hero h1 {
          font-size: clamp(2rem, 9vw, 2.6rem);
        }
        .hero-stats {
          gap: 16px 22px;
        }
        .hero-visual,
        .hero-visual > img {
          min-height: 290px;
        }
        .hero-visual-note {
          left: 12px;
          right: 12px;
          bottom: 12px;
          padding: 11px 13px;
        }
        .trust-bar-wrap {
          padding: 0 14px;
          margin-top: 18px;
        }
        .trust-bar {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 9px;
        }
        .trust-item {
          justify-content: flex-start;
          min-height: 72px;
          padding: 10px;
          gap: 8px;
        }
        .trust-icon {
          width: 34px;
          height: 34px;
          flex-basis: 34px;
        }
        .trust-icon svg {
          width: 18px;
          height: 18px;
        }
        .trust-label {
          font-size: 0.76rem;
        }
      }
    

      :root { --primary:#2045ff; --primary-dark:#1532c9; --primary-light:#526fff; --accent:#a5f2dd; --bg:#fafbff; --text:#10132c; --text-muted:#62677f; --border:#e6e9f2; --radius:24px; --shadow:0 8px 32px #17205b08; --shadow-lg:0 24px 64px #17205b16; }
      body { background:var(--bg); }
      header { top:16px; width:calc(100% - 64px); max-width:1320px; margin:16px auto -92px; border:1px solid #ffffff80; border-radius:999px; background:#ffffffed; box-shadow:0 12px 40px #111b5a12; }
      header .nav { height:72px; padding-inline:24px; }
      .nav-links { gap:22px; }
      .nav-links a { color:#282d4a; }
      .language-toggle { border-radius:999px; font-weight: bold;}
      .logo-wordmark { font-size:1.35rem; font-weight:800; letter-spacing:-.05em; color:#1737d3; direction:ltr; }
      .btn { transition:transform .25s ease, box-shadow .25s ease, background .25s ease; }
      .btn-primary { background:var(--primary); box-shadow:0 8px 22px #2045ff20; }
      .btn-primary:hover { background:var(--primary-dark); }
      .btn:focus-visible, button:focus-visible, a:focus-visible { outline:3px solid #47baa4; outline-offset:5px; }
      .hero { margin:16px; padding:160px 0 56px; border-radius:36px; background:#2045ff; color:white; isolation:isolate; }
      .hero::before { inset:0; width:auto; height:auto; z-index:-1; background:radial-gradient(ellipse at 75% 30%,#407dff 0,transparent 55%),linear-gradient(125deg,#2045ff,#1235e4); }
      .hero::after { content:""; position:absolute; inset:0; z-index:-1; opacity:.18; background-image:linear-gradient(#ffffff28 1px,transparent 1px),linear-gradient(90deg,#ffffff28 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(180deg,transparent,#000,transparent); pointer-events:none; }
      .hero-grid { grid-template-columns:1fr; gap:36px; }
      .hero-copy { display:grid; grid-template-columns:1.1fr .9fr; column-gap:64px; align-items:start; }
      .hero-badge { grid-column:1/-1; justify-self:start; background:#102bb645; border:1px solid #ffffff30; color:#e9efff; box-shadow:none; font-size:.8rem; margin-bottom:32px; }
      .hero h1 { font-size:clamp(3rem,5.9vw,5.5rem); line-height:1.14; letter-spacing:-.055em; font-weight:700; margin:0; max-width:640px; }
      html[dir="rtl"] .hero h1 { letter-spacing:-.025em; line-height:1.4; }
      .hero h1 span { background:none; -webkit-text-fill-color:currentColor; }
      .hero h1 > span:nth-child(2) { color:#a9efdf; }
      .hero-desc { color:#e3eaff; font-size:1.02rem; line-height:1.9; margin:12px 0 24px; max-width:none; }
      .hero-ctas { grid-column:2; margin-bottom:36px; gap:12px; }
      .hero .btn-primary { background:#fff; color:#1737d3; box-shadow:none; }
      .hero .btn-outline { border-color:#ffffff65; background:transparent; color:white; }
      .hero .btn-outline:hover { background:#ffffff15; }
      .hero .btn-lg { font-size:.9rem; padding:14px 22px; }
      .hero-stats { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,1fr); gap:0; border-top:1px solid #ffffff30; padding-top:28px; }
      .stat { text-align:start; padding-inline:24px; border-inline-start:1px solid #ffffff30; }
      .stat:first-child { border:0; padding-inline-start:0; }
      .stat-num { color:white; font-size:clamp(2rem,3.5vw,3.2rem); letter-spacing:-.04em; direction:ltr; text-align:inherit; }
      .stat-label { color:#d6e1ff; font-size:.85rem; }
      .hero-visual { width:100%; height:auto; min-height:0; max-width:none; border-radius:26px; overflow:hidden; border:1px solid #ffffff40; background:#eef5ff; box-shadow:0 24px 60px #071e8a30; }
      .hero-visual > img { display:block; width:100%; height:auto; min-height:0; max-height:none; object-fit:contain; transition:transform 1.2s ease; }
      @media (hover:hover) { .hero-visual:hover > img { transform:scale(1.025); } }
      .film-section { padding:20px 0 80px; }
      .film-frame { position:relative; aspect-ratio:16/9; overflow:hidden; border-radius:30px; background:#0c1640; box-shadow:0 24px 64px #17205b1a; border:1px solid #263463; }
      .film-frame::before { content:""; position:absolute; inset:0; background:radial-gradient(ellipse at 65% 15%,#325dcb65,transparent 60%),linear-gradient(135deg,transparent 45%,#b0eadd12 45.1%,#b0eadd12 45.3%,transparent 45.4%); pointer-events:none; }
      .film-frame video { position:absolute; width:100%; height:100%; object-fit:contain; }
      .film-placeholder { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:18px; color:#c7d5f3; pointer-events:none; }
      .film-play { display:grid; place-items:center; width:84px; height:84px; border:1px solid #ffffff65; border-radius:50%; background:#ffffff0d; box-shadow:0 0 0 14px #ffffff04; }
      .film-play svg { width:26px; fill:#b5f1e0; margin-inline-start:5px; }
      .film-placeholder p { font-size:.9rem; }
      .film-frame.has-video .film-placeholder { display:none; }
      section:not(.hero):not(.film-section) { padding-block:100px; }
      .section-header { max-width:760px; margin-bottom:52px; }
      .section-header h2 { font-size:clamp(2rem,3.6vw,3.1rem); font-weight:700; letter-spacing:-.035em; }
      html[dir="rtl"] .section-header h2 { letter-spacing:0; }
      .section-header .eyebrow { background:#eef0ff; color:#3147bb; padding:6px 18px; font-size:.8rem; }
      .card { border-radius:24px; padding:32px; box-shadow:none; transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease; }
      .card:hover { transform:translateY(-7px); border-color:#bac5ff; box-shadow:0 20px 50px #243b8510; }
      .card h3 { font-size:1.2rem; }
      .trust-bar { border-radius:24px; box-shadow:none; }
      .cta-banner { border-radius:32px; background:linear-gradient(120deg,#1535cf,#285bff); }
      .step-num { background:#2045ff; box-shadow:0 0 0 8px #eef1ff; }
      .faq-item { border-radius:18px; box-shadow:none; margin-bottom:12px; }
      footer { background:#10152e; border-radius:32px 32px 0 0; }
      [data-reveal] { transition:opacity .75s ease,translate .75s cubic-bezier(.2,.7,.2,1); }
      .motion-ready [data-reveal]:not(.is-visible) { opacity:0; translate:0 28px; }
      .motion-ready [data-reveal].is-visible { opacity:1; translate:0 0; }
      .hero-badge { animation:studio-in .7s both; }
      .hero h1 { animation:studio-in .9s .08s both; }
      .hero-desc,.hero-ctas { animation:studio-in .9s .18s both; }
      .hero-stats { animation:studio-in .9s .28s both; }
      @keyframes studio-in { from { opacity:0; transform:translateY(22px); } to { opacity:1; transform:translateY(0); } }
      @media(max-width:1000px) { .hero-copy { column-gap:32px; } .hero h1 { font-size:3.6rem; } header { width:calc(100% - 56px); } }
      @media(max-width:767px) {
        header { top:10px; width:calc(100% - 36px); margin-top:10px; margin-bottom:-78px; }
        header .nav { height:64px; padding-inline:14px; }
        .logo img { max-width:110px; height:36px; object-fit:contain; }
        header .btn { padding:9px 12px; font-size:.75rem; }
        .nav-links { border-radius:20px; }
        .hero { margin:8px; border-radius:26px; padding:126px 0 32px; }
        .hero-copy { display:block; }
        .hero-badge { font-size:.67rem; padding:7px 10px; margin-bottom:22px; }
        .hero h1 { font-size:clamp(2.7rem,10vw,4rem); margin-bottom:22px; }
        .hero-desc { font-size:.94rem; }
        .hero-ctas { margin-bottom:32px; }
        .hero-stats { grid-template-columns:repeat(2,1fr); gap:22px 0; }
        .stat { padding-inline:16px; }
        .stat:nth-child(3) { border:0; padding-inline-start:0; }
        .stat-num { font-size:2.2rem; }
        .stat-label { font-size:.75rem; }
        .hero-visual,.hero-visual > img { height:auto; min-height:0; }
        .hero-visual { border-radius:18px; }
        .film-section { padding:16px 0 48px; }
        .film-frame { border-radius:20px; }
        .film-play { width:54px; height:54px; }
        .film-placeholder { gap:12px; }
        section:not(.hero):not(.film-section) { padding-block:64px; }
        .cards-grid { grid-template-columns:minmax(0,1fr); }
      }
      @media(prefers-reduced-motion:reduce) {
        html { scroll-behavior:auto; }
        *,*::before,*::after { animation:none !important; transition:none !important; }
        .motion-ready [data-reveal]:not(.is-visible) { opacity:1; translate:none; }
      }
    

      /* Shared visual language across every section, without replacing the copy. */
      body { background:#fff; }
      section { scroll-margin-top:115px; }
      .container { max-width:1280px; }
      header { position:fixed; inset:20px 0 auto; margin:0 auto; width:calc(100% - 88px); max-width:1400px; color:white; background:#ffffff08; border-color:#ffffff25; box-shadow:none; transition:background .35s,color .35s,box-shadow .35s,top .35s; }
      header .nav-links a,header .language-toggle,header .menu-toggle { color:inherit; }
      header .logo-wordmark { color:inherit; }
      header .btn-primary { background:white; color:#1841ff; box-shadow:none; }
      header.is-scrolled,header.menu-open { top:12px; color:#10132c; background:#fffffff2; border-color:#e7e8ee; box-shadow:0 14px 40px #1116381a; }
      header.is-scrolled .btn-primary,header.menu-open .btn-primary { background:#1841ff; color:white; }
      header .nav-links a { position:relative; }
      header .nav-links a::after { content:""; position:absolute; inset-inline:0; bottom:-7px; height:2px; background:currentColor; transform:scaleX(0); transform-origin:center; transition:transform .25s; }
      header .nav-links a:hover::after,header .nav-links a[aria-current]::after { transform:scaleX(1); }
      .opening-stage { margin:0 0 48px; overflow:clip; border-radius:0 0 36px 36px; background:linear-gradient(145deg,#1745ff 12%,#1436ed 55%,#1608a8); color:white; position:relative; isolation:isolate; }
      .opening-stage::before,.cta-banner::before { content:""; position:absolute; inset:0; pointer-events:none; z-index:-1; opacity:.18; background-image:linear-gradient(#ffffff22 1px,transparent 1px),linear-gradient(90deg,#ffffff22 1px,transparent 1px); background-size:78px 78px; }
      .opening-stage .hero { margin:0; padding:180px 0 36px; border-radius:0; background:none; overflow:visible; }
      .opening-stage .hero::before,.opening-stage .hero::after { display:none; }
      .hero-copy { column-gap:90px; }
      .hero h1 { font-size:clamp(3rem,6vw,5.9rem); }
      .hero .hero-visual { margin-top:32px; border-radius:32px; }
      .opening-stage .film-section { padding:8px 0 56px; }
      .opening-stage .film-frame { border-color:#ffffff28; box-shadow:0 30px 70px #09094745; }
      .opening-stats { padding:8px 0 92px; }
      .opening-stats .hero-stats { border:0; gap:48px; }
      .opening-stats .stat { border:0; padding:0; text-align:center; }
      .opening-stats .stat-num { font-size:clamp(2.8rem,5vw,4.6rem); font-weight:600; font-variant-numeric:tabular-nums; }
      .opening-stats .stat-label { font-size:1rem; color:#ccd8ff; }
      .trust-bar-wrap { margin:0 auto; padding-block:20px 40px; }
      .trust-bar { display:flex; flex-wrap:nowrap; gap:32px; justify-content:center; border:0; background:transparent; color:#d4e0ff; padding:16px 0; }
      .trust-label { color:inherit; }
      .trust-icon { background:#ffffff15; color:#b9d9ff; border:1px solid #ffffff20; }
      .trust-icon svg { stroke:currentColor; }
      .trust-item { flex:0 0 auto; }
      .opening-stage .trust-bar-wrap { max-width:1280px; overflow:hidden; mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); }
      .trust-track { display:flex; width:max-content; animation:trust-travel 32s linear infinite; direction:ltr; }
      .trust-track .trust-bar { flex:0 0 auto; width:max-content; gap:44px; padding-inline:22px; flex-wrap:nowrap; }
      .trust-track .trust-item { direction:inherit; }
      html[dir="rtl"] .trust-track .trust-item { direction:rtl; }
      .trust-track:hover,.trust-track:focus-within { animation-play-state:paused; }
      @keyframes trust-travel { to { transform:translateX(-50%); } }
      .section-header p { line-height:1.9; }
      section.editorial-section > .container { display:grid; grid-template-columns:.9fr 1.1fr; gap:80px; align-items:start; }
      .editorial-section .section-header { text-align:start; margin:0; position:sticky; top:130px; }
      .editorial-section .section-header h2 { font-size:clamp(2rem,3.5vw,3.3rem); }
      .editorial-section .cards-grid { grid-template-columns:1fr; gap:16px; }
      .editorial-section .card { border:0; background:#f4f6fd; padding:30px; }
      .editorial-section .card:first-child { background:#2045ff; color:white; }
      .editorial-section .card:first-child p { color:#e0e8ff; }
      .editorial-section .card:first-child .card-icon-wrap { background:#ffffff22; color:white; }
      .company-section { background:#f8f9fd !important; border:0 !important; }
      .company-section .cards-grid { gap:18px; }
      .company-section .card { min-height:280px; border:0; background:white; position:relative; overflow:hidden; }
      .company-section .card::after { content:""; position:absolute; width:150px; height:150px; border:26px solid #2045ff06; border-radius:50%; inset:auto -50px -60px auto; pointer-events:none; }
      #features > .container { display:grid; grid-template-columns:.9fr 1.1fr; gap:80px; align-items:start; }
      #features .section-header { position:sticky; top:125px; margin:0; text-align:start; }
      #features .features-grid { display:block; }
      #features .feature-card { border:0; border-bottom:1px solid #dfe3ee; border-radius:0; box-shadow:none; padding:0; background:transparent; transition:background .4s,border-radius .4s; }
      #features .feature-card:hover { transform:none; }
      #features .feature-card summary { padding:26px 28px; display:flex; gap:16px; align-items:center; cursor:pointer; list-style:none; position:relative; }
      #features summary::-webkit-details-marker { display:none; }
      #features summary::after { content:"+"; margin-inline-start:auto; font-size:1.6rem; font-weight:400; flex-shrink:0; }
      #features .feature-card[open] summary::after { content:"−"; }
      #features summary h3 { font-size:1.25rem; margin:0; font-weight:600; }
      #features summary .icon-box { width:42px; height:42px; min-width:42px; margin:0; border-radius:12px; }
      #features .feature-content { padding:0 28px 30px 86px; }
      html[dir="rtl"] #features .feature-content { padding:0 86px 30px 28px; }
      #features .feature-content p { font-size:1rem; line-height:1.9; }
      #features .feature-card[open] { border-radius:28px; background:linear-gradient(120deg,#3458ff,#1739d3); color:white; border-color:transparent; margin:10px 0; }
      #features .feature-card[open] p { color:#e0e7ff; }
      #features .feature-card[open] .icon-box { background:#ffffff22; color:white; }
      #features .feature-card[open] a { display:inline-flex; margin-top:18px; padding:10px 18px; background:white; color:#1739d3; border-radius:999px; }
      #features details[open] .feature-content { animation:panel-in .45s ease both; }
      #who { border:0 !important; }
      .audience-grid { display:flex; gap:16px; align-items:stretch; }
      .audience-card { flex:1; min-width:0; border:0; border-radius:30px; padding:40px 30px; min-height:440px; display:flex; flex-direction:column; text-align:start; position:relative; overflow:hidden; isolation:isolate; background:linear-gradient(145deg,#1934ad,#12216d); color:white; transition:flex .65s cubic-bezier(.2,.7,.2,1),transform .4s; }
      .audience-card:nth-child(2) { background:linear-gradient(145deg,#2857ff,#1737c4); }
      .audience-card:nth-child(3) { background:linear-gradient(145deg,#17595c,#0b333f); }
      .audience-card::before { content:""; position:absolute; z-index:-1; width:270px; height:270px; border:40px solid #ffffff08; border-radius:50%; inset:-100px -100px auto auto; transition:transform .8s; }
      .audience-card:hover::before,.audience-card:focus-within::before { transform:scale(1.3) rotate(20deg); }
      .audience-card h3 { font-size:1.6rem; margin:80px 0 20px; line-height:1.45; }
      .audience-card p { color:#e0eaff; line-height:1.85; font-size:.95rem; }
      .audience-card .icon-box { background:#ffffff1c; color:white; margin:0; }
      @media(hover:hover) and (min-width:1000px) { .audience-card:hover { flex:1.45; transform:translateY(-6px); } }
      .cta-banner { padding:76px 48px; background:linear-gradient(135deg,#1745ff,#1024b5); isolation:isolate; position:relative; overflow:hidden; box-shadow:none; }
      .cta-banner::after { content:""; position:absolute; z-index:-1; width:440px; height:440px; background:#467dff; filter:blur(85px); opacity:.3; inset:-200px auto auto -200px; pointer-events:none; }
      .cta-banner h2 { font-size:clamp(2rem,3.8vw,3.5rem); font-weight:600; line-height:1.45; max-width:850px; margin-inline:auto; }
      .cta-banner p { max-width:720px; margin-inline:auto; line-height:1.9; }
      .detail-features { border:0 !important; }
      .detail-features .section-header { text-align:start; max-width:800px; margin-inline:0; }
      .detail-features .features-grid { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(300px,calc((100% - 40px)/3)); grid-template-columns:none; gap:20px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-padding-inline:2px; overscroll-behavior-inline:contain; scrollbar-width:thin; scrollbar-color:#bec8ff transparent; padding:8px 2px 28px; }
      .detail-features .feature-card { min-height:330px; scroll-snap-align:start; border:1px solid #e8eaf3; border-radius:28px; padding:32px; box-shadow:none; background:#f6f8ff; transition:background .35s,transform .35s; }
      .detail-features .feature-card:nth-child(3n+2) { background:#eff8f5; }
      .detail-features .feature-card:nth-child(3n) { background:#f4f1fc; }
      .detail-features .feature-card:hover { transform:translateY(-5px); }
      .detail-features .feature-card h3 { margin-top:64px; font-size:1.3rem; }
      .carousel-controls { display:flex; gap:10px; justify-content:flex-end; margin-top:18px; }
      .carousel-controls button { display:grid; place-items:center; width:48px; height:48px; border-radius:50%; border:1px solid #e0e4f0; background:white; color:#173fe5; cursor:pointer; font-size:1.2rem; transition:background .2s,color .2s; }
      .carousel-controls button:hover { color:white; background:#2045ff; }
      .carousel-controls button:disabled { opacity:.35; cursor:default; background:white; color:#7d849c; }
      .why-section { background:#fafbff; }
      .why-grid { gap:0 48px; }
      .why-item { background:none; border:0; border-bottom:1px solid #e1e5ef; border-radius:0; box-shadow:none; padding:30px 0; }
      .metrics-section { margin:24px 16px; border-radius:32px; background:linear-gradient(120deg,#1745ff,#1608a8) !important; }
      .metrics-section .container > div:last-child { gap:32px !important; }
      .metrics-section .container > div:last-child > div { padding-block:20px; }
      .metrics-section .container > div:last-child > div > div:first-child { font-size:clamp(2.7rem,4.5vw,4.6rem) !important; font-weight:600 !important; font-variant-numeric:tabular-nums; }
      #pricing .price-card { border-radius:30px; padding:40px; box-shadow:none; border:1px solid #dde3f1; transition:transform .4s,box-shadow .4s; }
      #pricing .price-card:hover { transform:translateY(-7px); box-shadow:0 24px 54px #17359a12; }
      #pricing .price-card.popular { border:2px solid #2045ff; background:#f7f9ff; }
      .comparison-section { border:0 !important; background:#f9faff !important; }
      .table-wrap { border-radius:26px; box-shadow:none; border:1px solid #e0e5f2; }
      th { padding:24px; background:#f0f3fc; }
      td { padding:22px; }
      #how .steps { gap:0; position:relative; }
      #how .step { padding-inline:24px; border-radius:0; position:relative; }
      #how .step::before { content:""; position:absolute; height:1px; background:#c8d2ff; inset:30px 0 auto; z-index:0; }
      #how .step:first-child::before { inset-inline-start:50%; }
      #how .step:last-child::before { inset-inline-end:50%; }
      #how .step-num { position:relative; z-index:1; transition:transform .35s,box-shadow .35s; }
      #how .step:hover .step-num { transform:translateY(-5px); box-shadow:0 0 0 12px #eef1ff; }
      .legal-section { background:#fafbff !important; border:0 !important; }
      .legal-box { border-radius:26px; border:1px solid #dce2f1; background:white; padding:36px; }
      #faq > .container { display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; align-items:start; }
      #faq .section-header { position:sticky; top:130px; margin:0; text-align:start; }
      #faq .faq-list { width:100%; max-width:none; }
      .faq-item { border:0; border-bottom:1px solid #dce2ef; border-radius:0; background:transparent; }
      .faq-q { font-size:1.05rem; padding:24px 8px; }
      .faq-q .arrow { font-size:.75rem; transition:transform .35s; }
      .faq-item.open { background:#f6f8ff; border-radius:20px; border-bottom-color:transparent; }
      .faq-item.open .faq-q { padding-inline:20px; color:#2045ff; }
      .faq-a { transition:max-height .45s ease; }
      .closing-section { padding:32px 16px !important; }
      .closing-section > .container { max-width:none; padding:0; }
      .closing-section .cta-banner { padding:88px 32px 96px; border-radius:32px; }
      .closing-section .cta-banner h2 { max-width:760px; }
      .closing-shapes { display:flex; align-items:flex-end; justify-content:center; gap:18px; height:190px; margin:48px auto -96px; max-width:1050px; overflow:hidden; pointer-events:none; }
      .closing-shapes span { display:grid; place-items:center; width:20%; height:190px; border-radius:110px 110px 0 0; background:linear-gradient(145deg,#669cff,#1234b6); border:1px solid #ffffff28; }
      .closing-shapes span:nth-child(2n) { height:150px; background:linear-gradient(140deg,#b8f0df,#4d91d4); }
      .closing-shapes span:nth-child(3) { height:110px; }
      .closing-shapes svg { width:52px; height:52px; stroke:#ffffffdd; }
      .author-section { padding-block:54px !important; }
      footer { border-radius:32px 32px 0 0; background:#12088a; padding:88px 0 36px; position:relative; overflow:hidden; }
      footer .footer-grid { grid-template-columns:1.3fr 1fr 1fr; gap:80px; margin-bottom:76px; }
      footer .footer-brand p { max-width:330px; color:#c8ccf5; line-height:1.95; margin-top:24px; }
      footer .logo-wordmark { color:white; font-size:2rem; }
      footer .footer-col h4 { color:white; font-size:1rem; margin-bottom:24px; }
      footer .footer-col li { margin-bottom:15px; }
      footer a { transition:color .25s; }
      footer .footer-col a,footer .notice,footer .footer-bottom { color:#c8ccf5; }
      footer .footer-col a:hover { color:white; text-decoration:underline; text-underline-offset:5px; }
      footer .notice { background:#ffffff08; border:1px solid #ffffff15; border-radius:20px; padding:26px; line-height:1.9; }
      footer .footer-bottom { padding-top:28px; margin-top:32px; border-top:1px solid #ffffff20; font-size:.78rem; }
      .footer-language { display:block; margin-top:28px; background:#ffffff12; border:1px solid #ffffff25; border-radius:999px; color:white; padding:10px 18px; cursor:pointer; font:inherit; font-size:.85rem; }
      .scroll-progress { position:fixed; z-index:110; inset:0 0 auto; height:3px; background:#a5efdc; transform-origin:left; transform:scaleX(0); pointer-events:none; }
      html[dir="rtl"] .scroll-progress { transform-origin:right; }
      [data-reveal] { --reveal-x:0px; --reveal-y:32px; --reveal-scale:1; transition:opacity .85s ease,translate .85s cubic-bezier(.16,1,.3,1),scale .9s cubic-bezier(.16,1,.3,1); transition-delay:var(--reveal-delay,0ms); }
      .motion-ready [data-reveal]:not(.is-visible) { opacity:0; translate:var(--reveal-x) var(--reveal-y); scale:var(--reveal-scale); }
      .motion-ready [data-reveal].is-visible { opacity:1; translate:0 0; scale:1; }
      [data-reveal="left"] { --reveal-x:-30px; --reveal-y:0px; }
      [data-reveal="right"] { --reveal-x:30px; --reveal-y:0px; }
      [data-reveal="scale"] { --reveal-y:18px; --reveal-scale:.965; }
      @keyframes panel-in { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } }
      @media(min-width:901px) { .menu-toggle { display:none; } }
      @media(max-width:1000px) {
        header { width:calc(100% - 40px); }
        .hero-copy { column-gap:40px; }
        section.editorial-section > .container,#features > .container,#faq > .container { gap:40px; }
        .audience-card { padding:30px 24px; }
        .detail-features .features-grid { grid-auto-columns:calc((100% - 20px)/2); }
      }
      @media(max-width:900px) {
        header .nav-links { background:white; color:#10132c; top:76px; border:1px solid #e0e5ef; box-shadow:0 20px 50px #1116381a; }
        section.editorial-section > .container,#features > .container,#faq > .container { grid-template-columns:1fr; gap:36px; }
        .editorial-section .section-header,#features .section-header,#faq .section-header { position:static; }
        .audience-grid { flex-direction:column; }
        .audience-card { min-height:0; }
        .audience-card h3 { margin-top:28px; }
        footer .footer-grid { gap:36px; }
        .trust-bar { flex-wrap:wrap; gap:20px; }
      }
      @media(max-width:600px) {
        header { inset:10px 0 auto; width:calc(100% - 24px); }
        header .nav { padding-inline:12px; }
        .opening-stage { border-radius:0 0 26px 26px; }
        .opening-stage .hero { padding-top:124px; }
        .opening-stage .hero h1 { font-size:2.9rem; }
        .opening-stage .hero-visual { border-radius:20px; margin-top:0; }
        .opening-stats { padding-bottom:50px; }
        .opening-stats .hero-stats { gap:28px; }
        .opening-stats .stat-num { font-size:2.7rem; }
        .opening-stats .stat-label { font-size:.8rem; }
        .trust-label { font-size:.7rem; }
        .trust-item { gap:8px; }
        .trust-icon { width:30px; height:30px; }
        .detail-features .features-grid { grid-auto-columns:85%; }
        #features .feature-card summary { padding:22px 18px; gap:12px; }
        #features summary h3 { font-size:1.05rem; }
        #features .feature-content,html[dir="rtl"] #features .feature-content { padding:0 22px 26px; }
        .cta-banner { padding:48px 24px; }
        .metrics-section .container > div:last-child { grid-template-columns:repeat(2,1fr) !important; gap:18px !important; }
        .metrics-section { margin-inline:8px; }
        #how .steps { grid-template-columns:1fr; gap:30px; }
        #how .step::before { display:none; }
        .legal-box { padding:24px; }
        #pricing .price-card { padding:30px 24px; }
        .closing-section { padding-inline:8px !important; }
        .closing-shapes { gap:8px; height:130px; }
        .closing-shapes span { height:130px; }
        .closing-shapes span:nth-child(2n) { height:105px; }
        .closing-shapes span:nth-child(3) { height:85px; }
        .closing-shapes svg { width:28px; height:28px; }
        footer { padding-top:60px; }
        footer .footer-grid { grid-template-columns:1fr 1fr; gap:32px; margin-bottom:36px; }
        footer .footer-brand { grid-column:1/-1; }
        footer .footer-bottom { flex-direction:column; gap:14px; align-items:start; }
      }
      @media(prefers-reduced-motion:reduce) {
        .trust-track { animation:none; width:auto; }
        .trust-track .trust-bar { width:auto; flex-wrap:wrap; }
        .trust-track .trust-bar[aria-hidden="true"] { display:none; }
        [data-reveal],.motion-ready [data-reveal]:not(.is-visible) { opacity:1; translate:none; scale:1; transition:none !important; }
        header,.audience-card,.feature-card,.price-card { transition:none !important; }
      }
    

      .t2m-user-menu { position:relative; font-size:.85rem; }
      .t2m-user-menu[hidden],#headerSignIn[hidden] { display:none !important; }
      .t2m-user-menu summary { display:flex; gap:9px; align-items:center; cursor:pointer; list-style:none; border:1px solid #ffffff40; padding:5px 12px 5px 5px; border-radius:999px; }
      .t2m-user-menu summary::-webkit-details-marker { display:none; }
      .t2m-user-avatar { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:#dce9ff; color:#193bc7; overflow:hidden; flex-shrink:0; font-weight:700; }
      .t2m-user-avatar img { width:100%; height:100%; object-fit:cover; }
      .t2m-user-name { max-width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
      .t2m-user-dropdown { position:absolute; inset:calc(100% + 12px) auto auto 0; min-width:210px; background:white; color:#192341; border:1px solid #e2e7f1; border-radius:18px; box-shadow:0 18px 50px #12236426; padding:10px; }
      html[dir="rtl"] .t2m-user-dropdown { inset-inline-start:auto; inset-inline-end:0; }
      .t2m-user-dropdown a,.t2m-user-dropdown button { display:block; width:100%; box-sizing:border-box; padding:11px 12px; border:0; border-radius:10px; color:inherit; background:none; text-align:start; font:inherit; cursor:pointer; }
      .t2m-user-dropdown a:hover,.t2m-user-dropdown button:hover { background:#f0f4ff; }
      .t2m-user-dropdown p { font-size:.7rem; color:#738199; padding:6px 12px; }
      @media(max-width:600px) { .t2m-user-name { display:none; } .t2m-user-menu summary { padding:3px; } }
    

/* Keep the bilingual statistics inside their own centered grid. */
.opening-stats{box-sizing:border-box;width:100%;max-width:1280px;margin-inline:auto;min-width:0}
.opening-stats .hero-stats{width:100%;max-width:100%;min-width:0;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;justify-content:center;box-sizing:border-box}
.opening-stats .hero-stats .stat,html[dir="rtl"] .opening-stats .hero-stats .stat{min-width:0;width:auto;max-width:100%;padding:0;text-align:center;box-sizing:border-box}
.opening-stats .stat-num{white-space:nowrap;direction:ltr;unicode-bidi:isolate}
.opening-stats .stat-label{overflow-wrap:anywhere}
@media(max-width:760px){.opening-stats{padding-inline:20px}.opening-stats .hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:32px}.opening-stats .stat-num{font-size:clamp(1.8rem,8vw,2.7rem)}.opening-stats .stat-label{font-size:.8rem}}

.upgrade-page{padding:150px 20px 80px;min-height:85vh;background:linear-gradient(155deg,#edf3ff,#fff)}.upgrade-offer{max-width:680px;margin:auto;text-align:center;border:1px solid #dce4ff;background:white;border-radius:32px;padding:48px;box-shadow:0 20px 60px #14399d0b}.upgrade-eyebrow{color:#2045ff;font-weight:700}.upgrade-offer h1{font-size:clamp(28px,4vw,42px);line-height:1.4;margin:18px 0}.upgrade-offer p{color:#6c7e9f;line-height:1.9}.upgrade-price{font-size:52px;font-weight:750;color:#1644dc;margin:26px 0;direction:ltr}.upgrade-price small{font-size:16px;color:#6c7e9f}.upgrade-offer ul{list-style:none;padding:0;display:grid;gap:12px;margin:24px 0 30px}.upgrade-offer li{padding:12px;border-radius:12px;background:#f3f6ff;color:#16356b}.upgrade-note{font-size:12px}.upgrade-back{display:inline-block;margin-top:12px;color:#2045ff}@media(max-width:600px){.upgrade-offer{padding:28px 22px}.upgrade-page{padding-top:110px}}

.billing-account{display:grid;gap:5px;text-align:start;padding:16px 20px;background:#f4f7ff;border:1px solid #dce5ff;border-radius:16px;margin:24px 0}.billing-account>span{font-size:11px;color:#7b8cac}.billing-account strong{font-size:15px;color:#123566;overflow-wrap:anywhere}.billing-account small{font-size:12px;color:#7184a5;overflow-wrap:anywhere}.billing-total{display:flex;align-items:center;justify-content:space-between;gap:16px;border-block:1px solid #e1e8fa;padding:18px 0;margin:24px 0;color:#203f73;font-size:14px}.billing-total strong{direction:ltr;white-space:nowrap}.payment-heading{text-align:start;font-size:16px;color:#15366c;margin:26px 0 12px}.paypal-method{display:flex;align-items:center;gap:14px;text-align:start;padding:20px;border:2px solid #3066df;border-radius:16px;background:#f3f7ff;margin-bottom:20px}.paypal-method strong{font-style:italic;color:#003087;font-size:22px;direction:ltr}.paypal-method span{flex:1;font-size:12px;color:#607ba5}.paypal-method b{color:#2658ce}.paypal-pay-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;border:0;border-radius:999px;background:#ffc439;color:#172c4c;font-family:inherit;font-size:15px;font-weight:750;text-decoration:none;cursor:pointer;box-shadow:0 5px 16px #ffc43925}.paypal-pay-button:hover{background:#f4b821}.paypal-pay-button:focus-visible{outline:3px solid #2672e8;outline-offset:4px}.paypal-pay-button:disabled{background:#e3e7f1;color:#7d8ba7;cursor:not-allowed;box-shadow:none}.upgrade-signin-notice{background:#eef4ff;border:1px solid #cbdcff;border-radius:12px;padding:12px 16px;color:#254aa0;font-size:13px;line-height:1.8}@media(max-width:500px){.paypal-method{padding:16px 12px;gap:10px}.paypal-method strong{font-size:20px}.billing-total{font-size:12px}}

.payment-status{display:inline-flex;padding:8px 18px;border-radius:999px;background:#fff2d8;color:#956012;font-size:13px;font-weight:700}.payment-status.under_review{background:#edf3ff;color:#2854c7}.payment-status.approved{background:#e8f8ee;color:#16844a}.payment-status.rejected{background:#fff0f0;color:#b13f46}.billing-order-id{font:12px/1.8 ui-monospace,monospace!important;direction:ltr;overflow-wrap:anywhere}.payment-reference-form{display:grid;gap:12px;text-align:start;margin:28px 0;padding-top:24px;border-top:1px solid #e2e9f9}.payment-reference-form label{font-size:13px;font-weight:700;color:#25436f}.payment-reference-form input{border:1px solid #cfdcf4;border-radius:12px;min-height:48px;padding:12px;font:14px ui-monospace,monospace;width:100%;box-sizing:border-box}.payment-reference-form input:focus{outline:3px solid #b9ceff;border-color:#4e77e7}.payment-reference-form button{justify-content:center}.payment-request-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:24px}.payment-request-actions .upgrade-back{margin:0}.billing-error{border:1px solid #ffcbce;background:#fff1f2;color:#a63740;padding:12px;border-radius:12px}

.admin-page{padding:130px 28px 70px;max-width:1500px;margin:auto;min-height:80vh}.admin-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.admin-heading h1{font-size:32px;margin:5px 0;color:#123268}.admin-heading span{font-size:12px;color:#3760d7}.admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}.admin-stats>div{display:grid;gap:8px;padding:22px;background:#f4f7ff;border:1px solid #dbe5ff;border-radius:18px}.admin-stats strong{font-size:32px;color:#214bda}.admin-stats span{font-size:13px;color:#7284a7}.admin-tabs{display:flex;gap:8px;margin:26px 0;flex-wrap:wrap}.admin-tabs a{padding:10px 20px;border-radius:12px;background:#f3f6ff;color:#315380;text-decoration:none;font-size:13px}.admin-tabs a.active{background:#2045ff;color:#fff}.admin-table-wrap{border:1px solid #dfe6f8;border-radius:18px;overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:1000px;text-align:start}.admin-table th{background:#f4f7ff;color:#6d81a5;font-size:12px}.admin-table th,.admin-table td{padding:17px 15px;border-bottom:1px solid #e2e8f6;text-align:start;vertical-align:top}.admin-table td{font-size:13px;color:#153966}.admin-table td small{display:block;margin-top:6px;color:#7a8dac;font-size:11px}.admin-table a{color:#2455d3;text-decoration:none}.admin-manual{margin-top:12px;min-width:190px}.admin-manual summary{cursor:pointer;color:#2455d3;font-size:12px}.admin-manual form{display:grid;gap:12px;margin-top:12px;padding:14px;border:1px solid #dce6ff;border-radius:12px;background:#f9fbff}.admin-manual input:not([type="checkbox"]){padding:10px;border:1px solid #cfdbf3;border-radius:8px;min-width:0;width:100%;box-sizing:border-box}.admin-manual label{font-size:11px;line-height:1.8}.admin-manual button{font-size:12px;white-space:nowrap}.admin-success{padding:15px;border-radius:12px;background:#eaf8ef;color:#187e47}.admin-login{max-width:440px;margin:20px auto;padding:32px;border:1px solid #dce4f8;border-radius:24px;box-shadow:0 18px 50px #163a7a0a}.admin-login h1{font-size:25px;color:#15376e}.admin-login p{color:#7387a7;font-size:13px;line-height:1.8}.admin-login form{display:grid;gap:14px;margin-top:24px}.admin-login label{font-size:12px;color:#546d97}.admin-login input{min-height:46px;padding:10px;border-radius:10px;border:1px solid #cddbf4}.admin-login .btn{justify-content:center}.admin-login input:focus{outline:3px solid #c7d7ff}.admin-page .billing-order-id{max-width:180px}.payment-status.payment_pending{background:#fff4df;color:#946115}@media(max-width:600px){.admin-page{padding:110px 14px 50px}.admin-heading h1{font-size:25px}.admin-stats{gap:9px}.admin-stats>div{padding:15px}.admin-stats strong{font-size:25px}.admin-stats span{font-size:11px}.admin-login{padding:24px}}

.avatar,.t2m-user-avatar{position:relative!important;overflow:hidden!important;isolation:isolate;display:inline-flex!important;align-items:center;justify-content:center;flex-shrink:0}
.avatar .user-profile-photo,.t2m-user-avatar .user-profile-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;z-index:1}
.avatar .user-avatar-placeholder,.t2m-user-avatar .user-avatar-placeholder{display:block!important;flex-shrink:0;width:22px!important;height:22px!important;fill:none;stroke:currentColor}
.admin-account-link{font-size:11px;color:#2045ff;text-decoration:none;white-space:nowrap;border:1px solid #dbe4ff;border-radius:10px;padding:8px 10px;background:#f3f6ff}
.admin-role-form{display:grid;gap:8px;margin:12px 0;padding:12px;border:1px solid #dce5fa;border-radius:12px}.admin-role-form label{display:grid;gap:6px;font-size:11px}.admin-role-form select{padding:8px;border:1px solid #d0ddf5;border-radius:8px;background:white;color:#193e76;font:inherit}.admin-role-form button{font-size:11px;justify-content:center}
@media(max-width:760px){.admin-account-link{font-size:9px;padding:6px}.avatar .user-avatar-placeholder{width:18px!important;height:18px!important}}

/* Keep the introduction together beside its bilingual artwork. */
.opening-stage .hero .hero-grid,.hero>.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:64px;direction:ltr}
.opening-stage .hero .hero-copy,.hero>.hero-grid>.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;grid-column:1;grid-row:1;gap:0;direction:ltr;text-align:left}
html[dir="rtl"] .hero>.hero-grid>.hero-copy{direction:rtl;text-align:right;align-items:flex-start}
.opening-stage .hero .hero-badge{grid-column:auto;margin:0 0 20px;max-width:100%;font-size:12px}
.opening-stage .hero .hero-copy h1{display:block!important;grid-column:auto!important;grid-row:auto!important;width:100%;max-width:none;margin:0 0 20px!important;font-size:clamp(32px,3.7vw,52px)!important;line-height:1.35!important;color:#fff;letter-spacing:-.025em}
.opening-stage .hero .hero-copy .hero-desc{grid-column:auto;grid-row:auto;max-width:none;width:100%;margin:0 0 26px;font-size:16px;line-height:1.95;color:#e8efff}
.opening-stage .hero .hero-copy .hero-ctas{grid-column:auto;grid-row:auto;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:flex-start;margin:0;min-width:0;width:100%}
.opening-stage .hero .hero-visual{grid-column:2;grid-row:1;align-self:center;width:100%;max-width:470px;min-width:0;min-height:0;margin:0!important;justify-self:end;border-radius:28px}
.opening-stage .hero .hero-visual>img{width:100%;height:auto;min-height:0;object-fit:contain;display:block}
@media(max-width:900px){.opening-stage .hero .hero-grid,.hero>.hero-grid{gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}.opening-stage .hero .hero-copy .hero-desc{font-size:14px}.opening-stage .hero .hero-copy .hero-ctas .btn{font-size:12px;padding:12px 16px}}
@media(max-width:700px){.opening-stage .hero .hero-grid,.hero>.hero-grid{grid-template-columns:minmax(0,1fr);gap:30px}.opening-stage .hero .hero-copy,.hero>.hero-grid>.hero-copy{grid-column:1;grid-row:1}.opening-stage .hero .hero-visual{grid-column:1;grid-row:2;max-width:440px;justify-self:center;border-radius:22px}.opening-stage .hero .hero-copy h1{font-size:clamp(30px,8vw,40px)!important;margin-bottom:16px!important}.opening-stage .hero .hero-copy .hero-desc{font-size:14px;line-height:1.9}.opening-stage .hero .hero-copy .hero-ctas{gap:10px}.opening-stage .hero .hero-copy .hero-ctas .btn{flex:1 1 170px;text-align:center;justify-content:center}}

/* Compact, readable trust strips and phone actions. */
.opening-stage .trust-item{min-height:52px;padding:10px 14px;border-radius:14px;background:#ffffff0d;border:1px solid #ffffff24;box-shadow:none;color:#f3f6ff;min-width:0}
.opening-stage .trust-item .trust-label{color:#edf3ff;font-size:12px;line-height:1.5}.opening-stage .trust-item .trust-icon{width:28px;height:28px;flex:0 0 28px;border-radius:8px}.opening-stage .trust-item .trust-icon svg{width:17px;height:17px}
@media(max-width:700px){
 .opening-stage .hero .hero-copy .hero-ctas{display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:10px;width:100%;margin:0}
 .opening-stage .hero .hero-copy .hero-ctas .btn{flex:0 0 auto!important;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:46px;height:auto;padding:12px 16px;font-size:12px;line-height:1.6;border-radius:14px;white-space:normal;text-align:center;margin:0}
 .opening-stage .hero .hero-copy .hero-badge{font-size:10px;padding:7px 12px;line-height:1.5;margin-bottom:16px;max-width:100%;min-height:0}
 .opening-stage .trust-bar-wrap{width:100%;box-sizing:border-box;overflow:visible;mask-image:none;padding:12px 20px 24px}
 .opening-stage .trust-track{display:block;width:100%;max-width:100%;animation:none;transform:none}
 .opening-stage .trust-track .trust-bar,.opening-stage .trust-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:100%;padding:0;box-sizing:border-box;direction:inherit}
 .opening-stage .trust-track .trust-bar[aria-hidden="true"]{display:none}
 .opening-stage .trust-item{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0;min-height:48px;height:auto;padding:10px;border-radius:12px;box-sizing:border-box}
 .opening-stage .trust-item .trust-label{min-width:0;font-size:10px;line-height:1.6;overflow-wrap:anywhere}.opening-stage .trust-item .trust-icon{width:24px;height:24px;flex-basis:24px}.opening-stage .trust-item .trust-icon svg{width:15px;height:15px}
}
@media(max-width:340px){.opening-stage .trust-track .trust-bar,.opening-stage .trust-bar{grid-template-columns:minmax(0,1fr)}}

.upgrade-sparkle{display:inline-block;flex-shrink:0;vertical-align:-3px;margin-inline-end:5px;color:#e9a213;transform-origin:center;animation:upgrade-star-shine 2.4s ease-in-out infinite}
@keyframes upgrade-star-shine{0%,100%{opacity:.8;transform:scale(1) rotate(-8deg);filter:drop-shadow(0 0 0 transparent)}50%{opacity:1;transform:scale(1.15) rotate(8deg);filter:drop-shadow(0 0 4px #ffc94a)}}
@media(prefers-reduced-motion:reduce){.upgrade-sparkle{animation:none}}
.admin-inbox{margin-top:24px}.admin-inbox-heading,.admin-message-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.admin-inbox-heading h2{font-size:20px}.admin-inbox-heading>span,.admin-message-heading time{font-size:12px;color:#73809a}.admin-message{padding:24px;margin:16px 0;background:white;border:1px solid #dce4f4;border-radius:18px}.admin-message.is-unread{border-inline-start:4px solid #3154df}.admin-message-heading h3{font-size:17px;margin:0 0 6px;overflow-wrap:anywhere}.admin-message-state{font-size:10px;border-radius:20px;background:#edf2ff;color:#3154df;padding:3px 9px}.admin-message-sender{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;font-size:13px}.admin-message-sender a{color:#3154df;overflow-wrap:anywhere}.admin-message-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.9;padding:18px 0;color:#344965}.admin-message .btn{font-size:12px}.admin-inbox-pages{display:flex;gap:18px;justify-content:center;align-items:center;padding:20px}.admin-inbox-pages a{color:#3154df}.admin-inbox-empty{text-align:center;padding:50px;color:#73809a}.admin-tabs{flex-wrap:wrap}
@media(max-width:600px){.admin-message{padding:18px}.admin-message-heading{align-items:flex-start;flex-direction:column;gap:8px}}