@font-face {
            font-family: "Inter";
            src: url("img/Inter-Medium.ttf") format("truetype");
            font-display: swap;
        }

        @font-face {
            font-family: "DM Serif Display";
            src: url("img/DMSerifDisplay-Regular.ttf") format("truetype");
            font-display: swap;
        }

        :root {
            --ink: #11110f;
            --paper: #f5f5f2;
            --white: #ffffff;
            --muted: #64645e;
            --line: #d6d6d0;
            --yellow: #f4bf19;
            --blue: #0755b7;
            --red: #a42d25;
            --max: 1180px;
        }

        * { box-sizing: border-box; }
        html { scroll-behavior: smooth; }
        body {
            margin: 0;
            background: var(--paper);
            color: var(--ink);
            font-family: "Inter", Arial, sans-serif;
            line-height: 1.55;
            letter-spacing: 0;
        }

        [dir="rtl"] body { font-family: Tahoma, Arial, sans-serif; }
        [dir="rtl"] h2 { font-family: Tahoma, Arial, sans-serif; font-weight: 500; }

        a { color: inherit; }
        img { display: block; max-width: 100%; }

        .site-header {
            height: 66px;
            background: var(--paper);
            border-bottom: 1px solid var(--line);
        }

        .nav {
            width: min(var(--max), calc(100% - 40px));
            height: 100%;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 24px;
        }

        .brand {
            display: flex;
            align-items: center;
            gap: 10px;
            font-weight: 500;
            text-decoration: none;
            white-space: nowrap;
        }

        .brand img { width: 30px; height: 30px; }
        .nav-links { display: flex; align-items: center; gap: 28px; }
        .nav-links a { color: #353530; font-size: 14px; text-decoration: none; }
        .nav-links a:hover { text-decoration: underline; text-underline-offset: 4px; }
        .nav-links .nav-cta { color: var(--white); }
        [dir="rtl"] .nav-links { direction: rtl !important; }
        .hamburger { display: none !important; }

        .lang-dropdown { position: relative; }
        .lang-btn {
            min-width: 0;
            display: flex;
            align-items: center;
            gap: 7px;
            padding: 8px 0;
            border: 0;
            background: transparent;
            color: #353530;
            font: inherit;
            font-size: 14px;
            cursor: pointer;
        }
        .lang-menu {
            top: calc(100% + 11px);
            right: 0;
            min-width: 220px;
            padding: 6px;
            border: 1px solid var(--line);
            border-radius: 4px;
            background: var(--white);
            box-shadow: 0 12px 28px rgba(17,17,15,.15);
        }
        .lang-menu-item { border-radius: 2px; color: var(--ink) !important; }
        .lang-menu-item:hover { background: #e7e7e2; color: var(--ink) !important; }

        .nav-cta,
        .button {
            min-height: 42px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0 18px;
            border: 1px solid var(--ink);
            border-radius: 4px;
            background: var(--ink);
            color: var(--white);
            font: inherit;
            font-size: 14px;
            font-weight: 500;
            text-decoration: none;
        }

        .button.secondary { background: transparent; color: var(--ink); }

        .hero {
            min-height: calc(100svh - 170px);
            position: relative;
            isolation: isolate;
            display: flex;
            align-items: flex-end;
            overflow: hidden;
            background: #20211f;
            color: var(--white);
        }

        .hero::before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: -2;
            background: url("img/Screenshot 2026-03-05 232644.webp") 58% center / cover no-repeat;
            filter: saturate(.85) contrast(1.02);
        }

        .hero::after {
            content: "";
            position: absolute;
            inset: 0;
            z-index: -1;
            background: rgba(10,10,9,.68);
        }

        .hero-inner {
            width: min(var(--max), calc(100% - 40px));
            margin: 0 auto;
            padding: 80px 0 70px;
        }

        .eyebrow {
            margin: 0 0 16px;
            color: var(--yellow);
            font-size: 13px;
            text-transform: uppercase;
        }

        h1, h2, h3, p { margin-top: 0; }
        h1, h2 { font-family: "DM Serif Display", Georgia, serif; font-weight: 400; }
        h1 { max-width: 720px; margin-bottom: 18px; font-size: 76px; line-height: .98; }
        .hero-copy { max-width: 600px; margin-bottom: 30px; color: #e1e1dc; font-size: 19px; }
        .hero-actions { display: flex; flex-wrap: wrap; gap: 10px; }
        .hero .button { background: var(--yellow); border-color: var(--yellow); color: var(--ink); }
        .hero .button.secondary { background: rgba(10,10,9,.72); border-color: #c9c9c3; color: var(--white); }

        .trust-strip {
            min-height: 52px;
            background: var(--yellow);
            color: var(--ink);
            display: flex;
            align-items: center;
        }

        .trust-strip ul {
            width: min(var(--max), calc(100% - 40px));
            margin: 0 auto;
            padding: 0;
            display: flex;
            flex-wrap: wrap;
            gap: 10px 38px;
            list-style: none;
            font-size: 13px;
        }

        .section { padding: 92px 0; border-bottom: 1px solid var(--line); }
        .section-inner { width: min(var(--max), calc(100% - 40px)); margin: 0 auto; }
        .section-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; margin-bottom: 52px; }
        h2 { margin-bottom: 0; font-size: 52px; line-height: 1.04; }
        .section-heading p { max-width: 530px; margin: 8px 0 0; color: var(--muted); font-size: 17px; }

        .workflow { counter-reset: step; }
        .workflow-step {
            counter-increment: step;
            display: grid;
            grid-template-columns: 120px minmax(230px, .7fr) minmax(420px, 1.3fr);
            gap: 30px;
            align-items: center;
            padding: 34px 0;
            border-top: 1px solid var(--line);
        }

        .workflow-step::before {
            content: "0" counter(step);
            align-self: start;
            color: var(--blue);
            font-family: "DM Serif Display", Georgia, serif;
            font-size: 42px;
        }

        .workflow-step h3 { margin-bottom: 10px; font-size: 21px; font-weight: 500; }
        .workflow-step p { margin: 0; color: var(--muted); }
        .workflow-step img {
            width: 100%;
            aspect-ratio: 16 / 9;
            object-fit: cover;
            object-position: center;
            border: 1px solid #b8b8b2;
            border-radius: 2px;
        }

        .evidence { background: var(--ink); color: var(--white); }
        .evidence .section-heading p { color: #b6b6af; }
        .evidence-grid { display: grid; grid-template-columns: 1.3fr .7fr; gap: 70px; }
        .method { border-top: 1px solid #44443e; }
        .method-row {
            display: grid;
            grid-template-columns: 170px 1fr;
            gap: 24px;
            padding: 22px 0;
            border-bottom: 1px solid #44443e;
        }
        .method-row dt { color: var(--yellow); }
        .method-row dd { margin: 0; color: #d2d2cc; }
        .limitations { padding-left: 30px; border-left: 3px solid var(--red); }
        .limitations h3 { font-size: 18px; font-weight: 500; }
        .limitations p { color: #b6b6af; }

        .pricing-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border-top: 1px solid var(--ink); }
        .price-column { padding: 34px 36px 38px 0; border-bottom: 1px solid var(--ink); }
        .price-column + .price-column { padding-left: 36px; border-left: 1px solid var(--ink); }
        .price-column h3 { margin-bottom: 4px; font-size: 22px; font-weight: 500; }
        .price { margin-bottom: 22px; font-family: "DM Serif Display", Georgia, serif; font-size: 38px; }
        .price-column ul { min-height: 150px; margin: 0 0 28px; padding-left: 20px; color: var(--muted); }
        .price-column li { margin-bottom: 8px; }

        .final-cta { padding: 88px 0; background: var(--blue); color: var(--white); }
        .final-cta .section-inner { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; }
        .final-cta h2 { max-width: 680px; }
        .final-cta .button { background: var(--yellow); border-color: var(--yellow); color: var(--ink); white-space: nowrap; }

        footer { padding: 28px 0; background: var(--ink); color: #adada7; font-size: 13px; }
        .footer-inner { width: min(var(--max), calc(100% - 40px)); margin: 0 auto; display: flex; justify-content: space-between; gap: 24px; }
        .footer-inner a { color: inherit; }

        @media (max-width: 800px) {
            .nav-links { position: static; width: auto; height: auto; padding: 0; background: transparent; box-shadow: none; border: 0; flex-direction: row; gap: 18px; }
            .nav-links > a:not(.nav-cta) { display: none; }
            .lang-btn { justify-content: center; }
            .lang-btn #current-lang-name, .lang-btn .dropdown-arrow { display: none; }
            .hero { min-height: calc(100svh - 150px); }
            .hero::before { background-position: 66% center; }
            .hero::after { background: rgba(10,10,9,.67); }
            .hero-inner { padding: 180px 0 52px; }
            h1 { font-size: 58px; }
            h2 { font-size: 42px; }
            .section { padding: 68px 0; }
            .section-heading, .evidence-grid { grid-template-columns: 1fr; gap: 24px; }
            .workflow-step { grid-template-columns: 58px 1fr; }
            .workflow-step img { grid-column: 1 / -1; }
            .pricing-layout { grid-template-columns: 1fr; }
            .price-column, .price-column + .price-column { padding: 28px 0; border-left: 0; }
            .price-column ul { min-height: 0; }
            .final-cta .section-inner { align-items: flex-start; flex-direction: column; }
        }

        @media (max-width: 480px) {
            .nav { width: min(var(--max), calc(100% - 28px)); }
            .brand span { font-size: 14px; }
            .nav-links { gap: 10px; }
            .nav-cta { min-height: 38px; padding: 0 12px; }
            .hero-inner, .section-inner, .trust-strip ul, .footer-inner { width: calc(100% - 28px); }
            h1 { font-size: 48px; }
            .hero-copy { font-size: 17px; }
            .hero-actions .button { width: 100%; }
            .workflow-step { grid-template-columns: 44px 1fr; gap: 18px; }
            .method-row { grid-template-columns: 1fr; gap: 6px; }
            .footer-inner { flex-direction: column; }
        }