{"id":76,"date":"2026-06-26T10:43:03","date_gmt":"2026-06-26T10:43:03","guid":{"rendered":"https:\/\/graff-auto.com\/?page_id=76"},"modified":"2026-07-13T12:38:27","modified_gmt":"2026-07-13T12:38:27","slug":"home","status":"publish","type":"page","link":"https:\/\/graff-auto.com\/ru\/","title":{"rendered":"Home"},"content":{"rendered":"<div id=\"home-root\" class=\"\"><link rel=\"preload\" as=\"image\" href=\"https:\/\/graff-auto.com\/wp-content\/uploads\/2026\/07\/1-main.webp\"\/>\n<div>\n<section data-section-id=\"4330\" id=\"header\" class=\"dark text-foreground sticky top-0 z-50 w-full transition-all duration-[600ms] ease-out backdrop-blur-md border-b border-border bg-muted\">\n<div class=\"mx-auto max-w-[1440px] px-6 lg:px-10 flex items-center justify-between transition-all duration-[600ms] ease-out h-20 md:h-24\">\n<div class=\"hidden md:flex flex-1 items-center justify-start\">\n<div data-wvc-dynamic=\"MenuProvider\" data-wvc-menu_id=\"16\">\n<div class=\"flex gap-6\">\n<div class=\"h-3 w-16 bg-foreground\/10 animate-pulse rounded-md\"><\/div>\n<div class=\"h-3 w-16 bg-foreground\/10 animate-pulse rounded-md\"><\/div>\n<div class=\"h-3 w-16 bg-foreground\/10 animate-pulse rounded-md\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"md:hidden flex items-center\"><button data-slot=\"sheet-trigger\" class=\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring\/50 focus-visible:ring-[3px] aria-invalid:ring-destructive\/20 dark:aria-invalid:ring-destructive\/40 aria-invalid:border-destructive dark:hover:bg-accent\/50 size-9 h-9 w-9 text-foreground\/85 hover:bg-transparent hover:text-foreground\" aria-label=\"\u0412\u0456\u0434\u043a\u0440\u0438\u0442\u0438 \u043c\u0435\u043d\u044e\" type=\"button\" aria-haspopup=\"dialog\" aria-expanded=\"false\" aria-controls=\"radix-\u00abR11\u00bb\" data-state=\"closed\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-menu h-5 w-5\" aria-hidden=\"true\"><path d=\"M4 5h16\"><\/path><path d=\"M4 12h16\"><\/path><path d=\"M4 19h16\"><\/path><\/svg><\/button><\/div>\n<div class=\"ml-2 mr-auto flex h-[31px] w-[100px] flex-shrink-0 items-center overflow-hidden md:absolute md:left-1\/2 md:mx-0 md:h-[62px] md:w-[200px] md:-translate-x-1\/2\"><a href=\"https:\/\/graff-auto.com\" aria-label=\"Graff-Auto home\" class=\"block h-full w-full overflow-hidden\"><\/a><\/div>\n<div class=\"md:hidden flex items-center gap-1.5\"><a href=\"https:\/\/graff-auto.com#pricingaccordion\" data-slot=\"button\" class=\"inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring\/50 focus-visible:ring-[3px] aria-invalid:ring-destructive\/20 dark:aria-invalid:ring-destructive\/40 aria-invalid:border-destructive dark:hover:bg-accent\/50 gap-1.5 has-[&gt;svg]:px-2.5 h-9 rounded-md border border-foreground\/15 px-3 text-[10px] font-semibold uppercase tracking-[0.12em] text-foreground\/85 hover:bg-foreground\/10 hover:text-foreground\">\u041f\u043e\u0441\u043b\u0443\u0433\u0438<\/a><a href=\"https:\/\/www.instagram.com\/kiev.avto.podbor\" target=\"_blank\" rel=\"noopener noreferrer\" data-slot=\"button\" class=\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring\/50 focus-visible:ring-[3px] aria-invalid:ring-destructive\/20 dark:aria-invalid:ring-destructive\/40 aria-invalid:border-destructive dark:hover:bg-accent\/50 size-9 h-9 w-9 text-foreground\/80 hover:bg-foreground\/10 hover:text-foreground\" aria-label=\"Instagram\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-instagram h-4 w-4\" aria-hidden=\"true\"><rect width=\"20\" height=\"20\" x=\"2\" y=\"2\" rx=\"5\" ry=\"5\"><\/rect><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path><line x1=\"17.5\" x2=\"17.51\" y1=\"6.5\" y2=\"6.5\"><\/line><\/svg><\/a><a href=\"https:\/\/t.me\/KievAvtoPodbor\" target=\"_blank\" rel=\"noopener noreferrer\" data-slot=\"button\" class=\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring\/50 focus-visible:ring-[3px] aria-invalid:ring-destructive\/20 dark:aria-invalid:ring-destructive\/40 aria-invalid:border-destructive dark:hover:bg-accent\/50 size-9 h-9 w-9 text-foreground\/80 hover:bg-foreground\/10 hover:text-foreground\" aria-label=\"Telegram\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send h-4 w-4\" aria-hidden=\"true\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"><\/path><path d=\"m21.854 2.147-10.94 10.939\"><\/path><\/svg><\/a><\/div>\n<div class=\"hidden md:flex flex-1 items-center justify-end gap-4 lg:gap-5\">\n<div data-wvc-dynamic=\"MenuProvider\" data-wvc-menu_id=\"footer_menu\">\n<div class=\"flex gap-6\">\n<div class=\"h-3 w-16 bg-foreground\/10 animate-pulse rounded-md\"><\/div>\n<div class=\"h-3 w-16 bg-foreground\/10 animate-pulse rounded-md\"><\/div>\n<div class=\"h-3 w-16 bg-foreground\/10 animate-pulse rounded-md\"><\/div>\n<\/div>\n<\/div>\n<p><span class=\"h-4 w-px bg-foreground\/20\" aria-hidden=\"true\"><\/span><\/p>\n<div class=\"flex items-center gap-2 lg:gap-3\">\n<div class=\"inline-flex h-9 items-center rounded-md border border-foreground\/15 bg-background\/20 p-0.5 text-[11px] font-default uppercase tracking-[0.14em] text-foreground\/65 backdrop-blur-sm\" aria-label=\"\u041f\u0435\u0440\u0435\u043c\u0438\u043a\u0430\u0447 \u043c\u043e\u0432\u0438\"><a href=\"https:\/\/graff-auto.com\" class=\"flex h-7 min-w-9 items-center justify-center rounded-[5px] px-2 transition-colors bg-foreground text-background\">UA<\/a><a href=\"\/ru\/\" class=\"flex h-7 min-w-9 items-center justify-center rounded-[5px] px-2 transition-colors hover:text-foreground\">RU<\/a><\/div>\n<p><a href=\"https:\/\/www.instagram.com\/kiev.avto.podbor\" target=\"_blank\" rel=\"noopener noreferrer\" data-slot=\"button\" class=\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring\/50 focus-visible:ring-[3px] aria-invalid:ring-destructive\/20 dark:aria-invalid:ring-destructive\/40 aria-invalid:border-destructive dark:hover:bg-accent\/50 size-9 h-9 w-9 text-foreground\/80 hover:bg-foreground\/10 hover:text-foreground\" aria-label=\"Instagram\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-instagram h-4 w-4\" aria-hidden=\"true\"><rect width=\"20\" height=\"20\" x=\"2\" y=\"2\" rx=\"5\" ry=\"5\"><\/rect><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path><line x1=\"17.5\" x2=\"17.51\" y1=\"6.5\" y2=\"6.5\"><\/line><\/svg><\/a><a href=\"https:\/\/t.me\/KievAvtoPodbor\" target=\"_blank\" rel=\"noopener noreferrer\" data-slot=\"button\" class=\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring\/50 focus-visible:ring-[3px] aria-invalid:ring-destructive\/20 dark:aria-invalid:ring-destructive\/40 aria-invalid:border-destructive dark:hover:bg-accent\/50 size-9 h-9 w-9 text-foreground\/80 hover:bg-foreground\/10 hover:text-foreground\" aria-label=\"Telegram\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send h-4 w-4\" aria-hidden=\"true\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"><\/path><path d=\"m21.854 2.147-10.94 10.939\"><\/path><\/svg><\/a><a href=\"tel:+380962512251\" class=\"items-center justify-center text-sm font-medium disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring\/50 focus-visible:ring-[3px] aria-invalid:ring-destructive\/20 dark:aria-invalid:ring-destructive\/40 aria-invalid:border-destructive border bg-background shadow-xs dark:bg-input\/30 dark:border-input dark:hover:bg-input\/50 h-8 gap-1.5 has-[&gt;svg]:px-2.5 hidden lg:flex shrink-0 whitespace-nowrap border-foreground\/20 hover:bg-foreground hover:text-background transition-colors rounded-md px-4 flex items-center gap-2 whitespace-nowrap\" data-slot=\"button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-phone size-3.5 shrink-0\" aria-hidden=\"true\"><path d=\"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384\"><\/path><\/svg><span class=\"font-mono tracking-wider whitespace-nowrap leading-none\">+380 96 251 22 51<\/span><\/a><button data-slot=\"button\" class=\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring\/50 focus-visible:ring-[3px] aria-invalid:ring-destructive\/20 dark:aria-invalid:ring-destructive\/40 aria-invalid:border-destructive dark:hover:bg-accent\/50 size-9 h-9 w-9 text-foreground hover:bg-transparent hover:text-foreground opacity-85 hover:opacity-100\" aria-label=\"\u0412\u0456\u0434\u043a\u0440\u0438\u0442\u0438 \u043f\u043e\u0448\u0443\u043a\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search h-4 w-4\" aria-hidden=\"true\"><path d=\"m21 21-4.34-4.34\"><\/path><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><\/svg><\/button><\/div>\n<\/div>\n<\/div>\n<\/section>\n<section data-section-id=\"1673\" id=\"darkheroleadform\" class=\"relative overflow-hidden bg-background pt-12 pb-16 md:py-40\">\n<div aria-hidden=\"true\" class=\"pointer-events-none absolute inset-y-0 right-0 hidden w-[55%] lg:block\"><svg viewBox=\"0 0 800 900\" preserveAspectRatio=\"none\" class=\"h-full w-full opacity-30\"><path d=\"M 120 80 C 60 220, 20 380, 90 540 C 160 700, 320 820, 500 840 C 680 860, 820 720, 800 540 C 780 360, 700 200, 540 110 C 400 30, 220 -20, 120 80 Z\" fill=\"var(--accent)\"><\/path><\/svg><\/div>\n<div aria-hidden=\"true\" class=\"pointer-events-none absolute right-[20%] top-1\/2 hidden -translate-y-1\/2 select-none font-serif italic text-foreground\/[0.07] lg:block\" style=\"font-size:clamp(180px, 22vw, 320px);line-height:1\">M<\/div>\n<div class=\"relative mx-auto grid w-full max-w-[1280px] grid-cols-1 gap-6 px-5 sm:px-8 lg:grid-cols-12 lg:gap-10 lg:px-16\">\n<div class=\"relative z-10 lg:col-span-7 transition-all duration-700 ease-out opacity-0 translate-y-3\">\n<div class=\"flex items-center gap-4\"><\/div>\n<div class=\"mt-3 flex items-center\">\n<div class=\"h-px w-16 bg-border\"><\/div>\n<p><span class=\"-ml-[3px] block h-[6px] w-[6px] rounded-lg bg-primary\"><\/span><\/div>\n<h1 class=\"font-default mt-6 font-bold text-foreground md:mt-10\" style=\"font-size:clamp(2.75rem, 5.4vw + 1rem, 5.5rem);letter-spacing:-0.025em;line-height:0.98\">Graff-Auto<\/h1>\n<p class=\"font-default mt-5 max-w-[92%] text-muted-foreground md:mt-8 md:max-w-[80%]\" style=\"font-size:clamp(1.0625rem, 0.4vw + 0.9rem, 1.25rem);font-weight:400;line-height:1.62\"><span class=\"md:hidden\">\u0410\u041d\u0422\u0418\u0413\u0420\u0410\u0412\u0406\u0419\u041d\u0410 \u041f\u041b\u0406\u0412\u041a\u0410 \u00b7 \u0425\u0406\u041c\u0427\u0418\u0421\u0422\u041a\u0410 \u00b7 \u041f\u041e\u041b\u0406\u0420\u0423\u0412\u0410\u041d\u041d\u042f \u00b7 \u041d\u0410\u041d\u041e\u041a\u0415\u0420\u0410\u041c\u0406\u041a\u0410<\/span><span class=\"hidden md:inline\">\u0410\u041d\u0422\u0418\u0413\u0420\u0410\u0412\u0406\u0419\u041d\u0410 \u041f\u041b\u0406\u0412\u041a\u0410 \u00b7 \u0425\u0406\u041c\u0427\u0418\u0421\u0422\u041a\u0410 \u0410\u0412\u0422\u041e \u00b7 PDR \u00b7 \u041f\u041e\u041b\u0406\u0420\u0423\u0412\u0410\u041d\u041d\u042f \u0410\u0412\u0422\u041e \u00b7 \u041d\u0410\u041d\u041e\u041a\u0415\u0420\u0410\u041c\u0406\u041a\u0410 \u00b7 \u0414\u0415\u0422\u0415\u0419\u041b\u0406\u041d\u0413-\u041c\u0418\u0419\u041a\u0410 \u00b7 \u0422\u041e\u041d\u0423\u0412\u0410\u041d\u041d\u042f<\/span><\/p>\n<div class=\"mt-7 flex flex-wrap items-center gap-3 md:mt-10 md:gap-4\"><a href=\"#pricingaccordion\" data-slot=\"button\" class=\"inline-flex items-center justify-center gap-2 whitespace-nowrap disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring\/50 focus-visible:ring-[3px] aria-invalid:ring-destructive\/20 dark:aria-invalid:ring-destructive\/40 aria-invalid:border-destructive has-[&gt;svg]:px-3 h-auto rounded-lg bg-primary px-7 py-3.5 text-sm font-medium tracking-[0.005em] text-primary-foreground shadow-md transition-all duration-200 hover:bg-primary\/90\">\u0412\u0441\u0456 \u043f\u043e\u0441\u043b\u0443\u0433\u0438<\/a><a href=\"#pricingaccordion\" data-slot=\"button\" class=\"inline-flex items-center justify-center gap-2 whitespace-nowrap disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring\/50 focus-visible:ring-[3px] aria-invalid:ring-destructive\/20 dark:aria-invalid:ring-destructive\/40 aria-invalid:border-destructive shadow-xs dark:bg-input\/30 dark:border-input dark:hover:bg-input\/50 has-[&gt;svg]:px-3 h-auto rounded-lg border border-foreground bg-transparent px-7 py-3.5 text-sm font-medium text-foreground transition-all duration-200 hover:bg-foreground hover:text-background\">\u041f\u0435\u0440\u0435\u0433\u043b\u044f\u043d\u0443\u0442\u0438 \u0432\u0441\u0456 \u0446\u0456\u043d\u0438<\/a><\/div>\n<ul class=\"mt-8 flex flex-wrap items-center gap-x-6 gap-y-3 md:mt-12 md:gap-x-8 md:gap-y-4\">\n<li data-index=\"0\" class=\"flex items-center gap-2.5\"><span class=\"text-sm font-medium text-foreground\">\u041f\u0440\u0435\u043c\u0456\u0430\u043b\u044c\u043d\u0456 \u043c\u0430\u0442\u0435\u0440\u0456\u0430\u043b\u0438<\/span><\/li>\n<li data-index=\"1\" class=\"flex items-center gap-2.5\"><span class=\"text-sm font-medium text-foreground\">\u0421\u0435\u0440\u0442\u0438\u0444\u0456\u043a\u043e\u0432\u0430\u043d\u0456 \u0435\u043a\u0441\u043f\u0435\u0440\u0442\u0438<\/span><\/li>\n<li data-index=\"2\" class=\"flex items-center gap-2.5\"><span class=\"text-sm font-medium text-foreground\">\u0414\u043e\u0432\u0456\u0447\u043d\u0430 \u0433\u0430\u0440\u0430\u043d\u0442\u0456\u044f<\/span><\/li>\n<\/ul>\n<\/div>\n<div class=\"relative mt-4 lg:mt-0 lg:col-span-5 transition-all duration-700 ease-out delay-150 opacity-0 translate-y-3\">\n<div class=\"relative mx-auto w-full max-w-[520px] lg:hidden\">\n<div aria-hidden=\"true\" class=\"pointer-events-none absolute -right-3 -top-9 select-none font-serif italic text-foreground\/[0.06]\" style=\"font-size:170px;line-height:1\">M<\/div>\n<div class=\"relative aspect-[4\/3] overflow-hidden border border-border\/60 bg-foreground\"><img src=\"https:\/\/graff-auto.com\/wp-content\/uploads\/2026\/07\/1-main.webp\" alt=\"\u041f\u0440\u043e\u0444\u0435\u0441\u0456\u0439\u043d\u0438\u0439 \u0434\u0435\u0442\u0435\u0439\u043b\u0456\u043d\u0433 \u0430\u0432\u0442\u043e\" loading=\"eager\" decoding=\"async\" class=\"h-full w-full object-cover object-[50%_16%]\"\/><\/p>\n<div aria-hidden=\"true\" class=\"absolute inset-0 bg-gradient-to-t from-background\/10 via-transparent to-transparent\"><\/div>\n<\/div>\n<\/div>\n<div class=\"group relative mx-auto hidden aspect-[5\/6] w-full max-w-[520px] lg:block\">\n<div class=\"absolute inset-0\"><svg viewBox=\"0 0 500 600\" class=\"absolute inset-0 h-full w-full\" aria-hidden=\"true\"><defs><clipPath id=\"graffauto-pebble-clip\" clipPathUnits=\"userSpaceOnUse\"><path d=\"M 80 60 C 30 140, 10 260, 30 380 C 50 500, 140 580, 270 590 C 400 600, 470 510, 480 380 C 490 250, 460 130, 360 60 C 270 -10, 150 -10, 80 60 Z\"><\/path><\/clipPath><\/defs><path d=\"M 80 60 C 30 140, 10 260, 30 380 C 50 500, 140 580, 270 590 C 400 600, 470 510, 480 380 C 490 250, 460 130, 360 60 C 270 -10, 150 -10, 80 60 Z\" fill=\"var(--secondary)\" fill-opacity=\"0.7\"><\/path><\/svg><\/p>\n<div class=\"absolute inset-0 overflow-hidden\" style=\"clip-path:url(#graffauto-pebble-clip)\">\n<div class=\"relative h-full w-full\"><img src=\"https:\/\/graff-auto.com\/wp-content\/uploads\/2026\/07\/1-main.webp\" alt=\"\u041f\u0440\u043e\u0444\u0435\u0441\u0456\u0439\u043d\u0438\u0439 \u0434\u0435\u0442\u0435\u0439\u043b\u0456\u043d\u0433 \u0430\u0432\u0442\u043e\" loading=\"lazy\" decoding=\"async\" class=\"h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-[1.025]\"\/><\/p>\n<div aria-hidden=\"true\" class=\"absolute inset-0 bg-background\/10 mix-blend-screen\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"aboutgraffauto\" class=\"bg-foreground py-16 md:py-24\">\n<div class=\"mx-auto max-w-4xl px-6 transition-all duration-700 ease-out opacity-0 translate-y-8\">\n<h2 class=\"font-default mb-8 text-3xl font-bold uppercase tracking-tight text-background md:text-5xl\">\u0421\u0442\u0443\u0434\u0456\u044f \u0434\u0435\u0442\u0435\u0439\u043b\u0456\u043d\u0433\u0443<!-- --> <span class=\"text-primary\">Graff-Auto<\/span><\/h2>\n<p class=\"mb-8 text-lg leading-relaxed text-background\/90\">Graff-Auto detailing \u2014 \u0446\u0435 \u0441\u0442\u0443\u0434\u0456\u044f \u043f\u0440\u043e\u0444\u0435\u0441\u0456\u0439\u043d\u043e\u0433\u043e \u0434\u043e\u0433\u043b\u044f\u0434\u0443, \u0432\u0456\u0434\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044f \u0442\u0430 \u0437\u0430\u0445\u0438\u0441\u0442\u0443 \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0456\u043b\u0456\u0432 \u0443 \u041a\u0438\u0454\u0432\u0456. \u041c\u0438 \u0434\u043e\u043f\u043e\u043c\u0430\u0433\u0430\u0454\u043c\u043e \u0437\u0431\u0435\u0440\u0435\u0433\u0442\u0438 \u0431\u0435\u0437\u0434\u043e\u0433\u0430\u043d\u043d\u0438\u0439 \u0432\u0438\u0433\u043b\u044f\u0434 \u0430\u0432\u0442\u043e, \u0437\u0430\u0445\u0438\u0441\u0442\u0438\u0442\u0438 \u043a\u0443\u0437\u043e\u0432 \u0456 \u0441\u0430\u043b\u043e\u043d \u0432\u0456\u0434 \u0437\u043d\u043e\u0448\u0443\u0432\u0430\u043d\u043d\u044f \u0442\u0430 \u043f\u043e\u0432\u0435\u0440\u043d\u0443\u0442\u0438 \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0456\u043b\u044e \u0432\u0456\u0434\u0447\u0443\u0442\u0442\u044f \u043d\u043e\u0432\u0438\u0437\u043d\u0438. \u041c\u0438 \u043f\u0440\u0430\u0446\u044e\u0454\u043c\u043e \u0437 \u0435\u043a\u0441\u0442\u0435\u0440\u2019\u0454\u0440\u043e\u043c \u0442\u0430 \u0456\u043d\u0442\u0435\u0440\u2019\u0454\u0440\u043e\u043c \u0430\u0432\u0442\u043e: \u0432\u0438\u043a\u043e\u043d\u0443\u0454\u043c\u043e \u043f\u043e\u043b\u0456\u0440\u0443\u0432\u0430\u043d\u043d\u044f, \u0445\u0456\u043c\u0447\u0438\u0441\u0442\u043a\u0443, \u043d\u0430\u043d\u0435\u0441\u0435\u043d\u043d\u044f \u0437\u0430\u0445\u0438\u0441\u043d\u0438\u0445 \u043f\u043e\u043a\u0440\u0438\u0442\u0442\u0456\u0432, \u0442\u043e\u043d\u0443\u0432\u0430\u043d\u043d\u044f, PDR \u0442\u0430 \u043e\u0431\u043a\u043b\u0435\u044e\u0432\u0430\u043d\u043d\u044f \u0437\u0430\u0445\u0438\u0441\u043d\u0438\u043c\u0438 \u043f\u043b\u0456\u0432\u043a\u0430\u043c\u0438. \u0414\u043b\u044f \u043a\u043e\u0436\u043d\u043e\u0433\u043e \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0456\u043b\u044f \u043f\u0456\u0434\u0431\u0438\u0440\u0430\u0454\u043c\u043e \u0440\u0456\u0448\u0435\u043d\u043d\u044f \u0456\u043d\u0434\u0438\u0432\u0456\u0434\u0443\u0430\u043b\u044c\u043d\u043e \u2014 \u0437\u0430\u043b\u0435\u0436\u043d\u043e \u0432\u0456\u0434 \u0441\u0442\u0430\u043d\u0443, \u0437\u0430\u0434\u0430\u0447\u0456 \u0442\u0430 \u0431\u0430\u0436\u0430\u043d\u043e\u0433\u043e \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0443.<\/p>\n<ul class=\"mb-8 grid grid-cols-1 gap-4 sm:grid-cols-2\">\n<li data-index=\"0\" class=\"flex items-start gap-3\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check mt-1 size-5 shrink-0 text-primary\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><span class=\"text-background\/90\">\u0412\u0438\u0434\u0430\u043b\u0435\u043d\u043d\u044f \u0432\u043c\u2019\u044f\u0442\u0438\u043d \u0431\u0435\u0437 \u0444\u0430\u0440\u0431\u0443\u0432\u0430\u043d\u043d\u044f (PDR)<\/span><\/li>\n<li data-index=\"1\" class=\"flex items-start gap-3\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check mt-1 size-5 shrink-0 text-primary\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><span class=\"text-background\/90\">\u041f\u043e\u043b\u0456\u0440\u0443\u0432\u0430\u043d\u043d\u044f \u043a\u0443\u0437\u043e\u0432\u0430 \u0442\u0430 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0456\u0432 \u0441\u0430\u043b\u043e\u043d\u0443<\/span><\/li>\n<li data-index=\"2\" class=\"flex items-start gap-3\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check mt-1 size-5 shrink-0 text-primary\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><span class=\"text-background\/90\">\u0422\u043e\u043d\u0443\u0432\u0430\u043d\u043d\u044f \u0441\u043a\u043b\u0430<\/span><\/li>\n<li data-index=\"3\" class=\"flex items-start gap-3\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check mt-1 size-5 shrink-0 text-primary\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><span class=\"text-background\/90\">\u0417\u0430\u0445\u0438\u0441\u0442 \u043a\u0443\u0437\u043e\u0432\u0430, \u0434\u0438\u0441\u043a\u0456\u0432 \u0456 \u0441\u0430\u043b\u043e\u043d\u0443 \u043d\u0430\u043d\u043e\u043a\u0435\u0440\u0430\u043c\u0456\u043a\u043e\u044e<\/span><\/li>\n<li data-index=\"4\" class=\"flex items-start gap-3\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check mt-1 size-5 shrink-0 text-primary\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><span class=\"text-background\/90\">\u041e\u0431\u043a\u043b\u0435\u044e\u0432\u0430\u043d\u043d\u044f \u0430\u0432\u0442\u043e \u043f\u043e\u043b\u0456\u0443\u0440\u0435\u0442\u0430\u043d\u043e\u0432\u0438\u043c\u0438 \u0430\u043d\u0442\u0438\u0433\u0440\u0430\u0432\u0456\u0439\u043d\u0438\u043c\u0438 \u043f\u043b\u0456\u0432\u043a\u0430\u043c\u0438<\/span><\/li>\n<li data-index=\"5\" class=\"flex items-start gap-3\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check mt-1 size-5 shrink-0 text-primary\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><span class=\"text-background\/90\">\u0420\u0435\u0442\u0435\u043b\u044c\u043d\u0430 \u0445\u0456\u043c\u0447\u0438\u0441\u0442\u043a\u0430 \u0430\u0432\u0442\u043e<\/span><\/li>\n<li data-index=\"6\" class=\"flex items-start gap-3\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check mt-1 size-5 shrink-0 text-primary\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><span class=\"text-background\/90\">\u0410\u043d\u0442\u0438\u0445\u0440\u043e\u043c \u0434\u0435\u0442\u0430\u043b\u0435\u0439 \u0442\u0430 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0456\u0432<\/span><\/li>\n<li data-index=\"7\" class=\"flex items-start gap-3\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check mt-1 size-5 shrink-0 text-primary\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><span class=\"text-background\/90\">\u0406\u043d\u0434\u0438\u0432\u0456\u0434\u0443\u0430\u043b\u044c\u043d\u0438\u0439 \u0434\u0438\u0437\u0430\u0439\u043d<\/span><\/li>\n<li data-index=\"8\" class=\"flex items-start gap-3\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check mt-1 size-5 shrink-0 text-primary\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><span class=\"text-background\/90\">\u041e\u0431\u043a\u043b\u0435\u044e\u0432\u0430\u043d\u043d\u044f \u0430\u0432\u0442\u043e \u0432\u0456\u043d\u0456\u043b\u043e\u0432\u0438\u043c\u0438 \u043f\u043b\u0456\u0432\u043a\u0430\u043c\u0438<\/span><\/li>\n<li data-index=\"9\" class=\"flex items-start gap-3\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check mt-1 size-5 shrink-0 text-primary\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><span class=\"text-background\/90\">\u041d\u0430\u043d\u0435\u0441\u0435\u043d\u043d\u044f \u0430\u043d\u0442\u0438\u0434\u043e\u0449\u0443<\/span><\/li>\n<\/ul>\n<p class=\"mb-8 text-lg leading-relaxed text-background\/90\">\u041e\u0431\u0438\u0440\u0430\u044e\u0447\u0438 \u0434\u0435\u0442\u0435\u0439\u043b\u0456\u043d\u0433 \u0430\u0432\u0442\u043e \u0432 \u041a\u0438\u0454\u0432\u0456, \u0432\u0438 \u0456\u043d\u0432\u0435\u0441\u0442\u0443\u0454\u0442\u0435 \u0432 \u0437\u043e\u0432\u043d\u0456\u0448\u043d\u0456\u0439 \u0432\u0438\u0433\u043b\u044f\u0434, \u0437\u0430\u0445\u0438\u0441\u0442 \u0456 \u043a\u043e\u043c\u0444\u043e\u0440\u0442 \u0441\u0432\u043e\u0433\u043e \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0456\u043b\u044f \u043d\u0430 \u043a\u043e\u0436\u0435\u043d \u0434\u0435\u043d\u044c.<\/p>\n<\/div>\n<\/section>\n<section id=\"advantagesgraffauto\" class=\"bg-foreground text-background py-20 md:py-32 overflow-hidden\">\n<div class=\"container mx-auto px-4 md:px-6 max-w-6xl\">\n<div class=\"flex flex-col items-center text-center\" style=\"opacity:0\">\n<h2 class=\"text-3xl md:text-4xl lg:text-5xl font-bold font-default mb-12 md:mb-16\" style=\"opacity:0;transform:translateY(20px)\">\u041f\u0435\u0440\u0435\u0432\u0430\u0433\u0438 Graff-Auto<\/h2>\n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 w-full mb-16\">\n<div data-index=\"0\" class=\"h-full\" style=\"opacity:0;transform:translateY(20px)\">\n<div data-slot=\"card\" class=\"text-card-foreground flex flex-col gap-6 py-6 bg-background\/10 border-none h-full rounded-lg shadow-lg\">\n<div data-slot=\"card-content\" class=\"p-6 md:p-8 flex items-start gap-4 h-full\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-circle-check w-8 h-8 text-primary shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m9 12 2 2 4-4\"><\/path><\/svg><\/p>\n<p class=\"text-lg md:text-xl text-left font-default text-background\/90 leading-relaxed\">\u041f\u043e\u0432\u043d\u0438\u0439 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441 \u043f\u043e\u0441\u043b\u0443\u0433: \u0432\u0456\u0434 \u0442\u043e\u043d\u0443\u0432\u0430\u043d\u043d\u044f \u0456 \u043d\u0430\u043d\u043e\u043a\u0435\u0440\u0430\u043c\u0456\u043a\u0438 \u0434\u043e \u043e\u0431\u043a\u043b\u0435\u044e\u0432\u0430\u043d\u043d\u044f \u0430\u0432\u0442\u043e \u0430\u043d\u0442\u0438\u0433\u0440\u0430\u0432\u0456\u0439\u043d\u043e\u044e \u043f\u043b\u0456\u0432\u043a\u043e\u044e.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div data-index=\"1\" class=\"h-full\" style=\"opacity:0;transform:translateY(20px)\">\n<div data-slot=\"card\" class=\"text-card-foreground flex flex-col gap-6 py-6 bg-background\/10 border-none h-full rounded-lg shadow-lg\">\n<div data-slot=\"card-content\" class=\"p-6 md:p-8 flex items-start gap-4 h-full\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-circle-check w-8 h-8 text-primary shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m9 12 2 2 4-4\"><\/path><\/svg><\/p>\n<p class=\"text-lg md:text-xl text-left font-default text-background\/90 leading-relaxed\">\u041d\u0430\u0434\u0430\u0454\u043c\u043e \u0433\u0430\u0440\u0430\u043d\u0442\u0456\u044e \u043d\u0430 \u0432\u0438\u043a\u043e\u043d\u0430\u043d\u0456 \u0440\u043e\u0431\u043e\u0442\u0438 \u0442\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u0456 \u043c\u0430\u0442\u0435\u0440\u0456\u0430\u043b\u0438.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div data-index=\"2\" class=\"h-full\" style=\"opacity:0;transform:translateY(20px)\">\n<div data-slot=\"card\" class=\"text-card-foreground flex flex-col gap-6 py-6 bg-background\/10 border-none h-full rounded-lg shadow-lg\">\n<div data-slot=\"card-content\" class=\"p-6 md:p-8 flex items-start gap-4 h-full\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-circle-check w-8 h-8 text-primary shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m9 12 2 2 4-4\"><\/path><\/svg><\/p>\n<p class=\"text-lg md:text-xl text-left font-default text-background\/90 leading-relaxed\">\u0414\u043e\u0441\u0432\u0456\u0434\u0447\u0435\u043d\u0456 \u043c\u0430\u0439\u0441\u0442\u0440\u0438 \u0442\u0430 \u0443\u0432\u0430\u0436\u043d\u0456\u0441\u0442\u044c \u0434\u043e \u043a\u043e\u0436\u043d\u043e\u0457 \u0434\u0435\u0442\u0430\u043b\u0456 \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0456\u043b\u044f.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div data-index=\"3\" class=\"h-full\" style=\"opacity:0;transform:translateY(20px)\">\n<div data-slot=\"card\" class=\"text-card-foreground flex flex-col gap-6 py-6 bg-background\/10 border-none h-full rounded-lg shadow-lg\">\n<div data-slot=\"card-content\" class=\"p-6 md:p-8 flex items-start gap-4 h-full\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-circle-check w-8 h-8 text-primary shrink-0 mt-0.5\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m9 12 2 2 4-4\"><\/path><\/svg><\/p>\n<p class=\"text-lg md:text-xl text-left font-default text-background\/90 leading-relaxed\">\u0412\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0454\u043c\u043e \u043b\u0438\u0448\u0435 \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u0435\u043d\u0456 \u0431\u0440\u0435\u043d\u0434\u0438 \u0442\u0430 \u044f\u043a\u0456\u0441\u043d\u0456 \u043e\u0440\u0438\u0433\u0456\u043d\u0430\u043b\u044c\u043d\u0456 \u043c\u0430\u0442\u0435\u0440\u0456\u0430\u043b\u0438.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"flex flex-col items-center gap-8 max-w-3xl mx-auto bg-background\/5 p-8 md:p-12 rounded-lg w-full\" style=\"opacity:0;transform:translateY(20px)\">\n<p class=\"text-xl md:text-2xl font-default text-background\/90 leading-relaxed\">\u0425\u043e\u0447\u0435\u0442\u0435 \u043e\u043d\u043e\u0432\u0438\u0442\u0438 \u0442\u0430 \u0437\u0430\u0445\u0438\u0441\u0442\u0438\u0442\u0438 \u0441\u0432\u0456\u0439 \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0456\u043b\u044c? \u041e\u0442\u0440\u0438\u043c\u0430\u0439\u0442\u0435 \u0431\u0435\u0437\u043a\u043e\u0448\u0442\u043e\u0432\u043d\u0443 \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0456\u044e \u0432\u0436\u0435 \u0441\u044c\u043e\u0433\u043e\u0434\u043d\u0456.<\/p>\n<p><a href=\"#leadforminquiry\" data-slot=\"button\" class=\"inline-flex items-center justify-center gap-2 whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring\/50 focus-visible:ring-[3px] aria-invalid:ring-destructive\/20 dark:aria-invalid:ring-destructive\/40 aria-invalid:border-destructive bg-primary text-primary-foreground shadow-xs hover:bg-primary\/90 has-[&gt;svg]:px-4 rounded-lg text-lg px-10 py-6 h-auto font-semibold\">\u041e\u0442\u0440\u0438\u043c\u0430\u0442\u0438 \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0456\u044e<\/a><\/div>\n<\/div>\n<\/div>\n<\/section>\n<section data-section-id=\"2220\" id=\"leadforminquiry\" class=\"relative bg-slate-50 text-slate-900 py-24 md:py-[140px] px-6 overflow-hidden\">\n<div class=\"pointer-events-none absolute inset-0 opacity-[0.04]\" style=\"background-image:radial-gradient(circle at 25% 30%, hsl(0 0% 0%) 1px, transparent 1px), radial-gradient(circle at 75% 70%, hsl(0 0% 0%) 1px, transparent 1px);background-size:32px 32px, 48px 48px\" aria-hidden=\"true\"><\/div>\n<div class=\"relative mx-auto max-w-[1280px]\">\n<div class=\"mx-auto max-w-[720px] text-center transition-all duration-700 opacity-0 translate-y-6\">\n<p class=\"font-default text-xs uppercase tracking-[0.25em] text-blue-600 mb-8\">\u2014 06 \/ \u0417\u0410\u041f\u0418\u0421<\/p>\n<div class=\"relative\">\n<h2 class=\"font-default font-black text-slate-900 text-[2.5rem] sm:text-5xl md:text-[4rem] leading-[0.95] tracking-tight\"><span class=\"block\">\u0417\u0410\u041f\u0418\u0421 \u041d\u0410<\/span><span class=\"block\" style=\"-webkit-text-stroke:1.5px hsl(222 47% 11%);-webkit-text-fill-color:transparent;color:transparent\">\u041f\u0420\u041e\u0424\u0415\u0421\u0406\u0419\u041d\u0418\u0419 \u0414\u0415\u0422\u0415\u0419\u041b\u0406\u041d\u0413<\/span><\/h2>\n<\/div>\n<p class=\"font-default text-[1.125rem] leading-[1.65] text-slate-700 mt-10 max-w-[640px] mx-auto\">\u041f\u043e\u0432\u0435\u0440\u043d\u0456\u0442\u044c \u0441\u0432\u043e\u0454\u043c\u0443 \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0456\u043b\u044e \u0456\u0434\u0435\u0430\u043b\u044c\u043d\u0438\u0439 \u0432\u0438\u0433\u043b\u044f\u0434. \u041c\u0438 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0454\u043c\u043e \u043b\u0438\u0448\u0435 \u043f\u0440\u0435\u043c\u0456\u0430\u043b\u044c\u043d\u0456 \u043c\u0430\u0442\u0435\u0440\u0456\u0430\u043b\u0438 \u0442\u0430 \u043f\u0440\u043e\u0444\u0435\u0441\u0456\u0439\u043d\u0435 \u043e\u0431\u043b\u0430\u0434\u043d\u0430\u043d\u043d\u044f \u0434\u043b\u044f \u0434\u043e\u0433\u043b\u044f\u0434\u0443 \u0437\u0430 \u0432\u0430\u0448\u0438\u043c \u0442\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442\u043e\u043c. \u0417\u0430\u043b\u0438\u0448\u0442\u0435 \u0437\u0430\u044f\u0432\u043a\u0443, \u0456 \u043c\u0438 \u043f\u0456\u0434\u0431\u0435\u0440\u0435\u043c\u043e \u0437\u0440\u0443\u0447\u043d\u0438\u0439 \u0447\u0430\u0441.<\/p>\n<\/div>\n<div class=\"relative my-16 hidden md:block\" aria-hidden=\"true\">\n<div class=\"absolute left-0 top-1\/2 h-px w-[40%] bg-slate-900\"><\/div>\n<div class=\"absolute right-0 top-1\/2 h-px w-[40%] bg-slate-900\"><\/div>\n<div class=\"flex justify-center\"><span class=\"font-default text-[0.65rem] uppercase tracking-[0.3em] text-slate-600 bg-slate-50 px-4\">\u2014 \u0417\u0430\u044f\u0432\u043a\u0430 \u2014<\/span><\/div>\n<\/div>\n<div class=\"md:hidden h-12\"><\/div>\n<div class=\"mx-auto max-w-[560px] transition-all duration-700 delay-150 opacity-0 translate-y-6\">\n<div data-wvc-dynamic=\"FormProvider\" data-wvc-formId=\"art_of_perfection_form_home\" data-wvc-formKey=\"art_of_perfection_form_home\">\n<form class=\"space-y-8\">\n<div data-slot=\"form-item\" class=\"grid gap-2\"><label data-slot=\"form-label\" class=\"flex items-center gap-2 font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 data-[error=true]:text-destructive font-default text-[0.65rem] uppercase tracking-[0.2em] text-slate-600\" data-error=\"false\" for=\"\u00abR2p5\u00bb-form-item\">\u0412\u0430\u0448\u0435 \u0456\u043c&#x27;\u044f<\/label><input data-slot=\"form-control\" class=\"file:text-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input\/30 flex w-full min-w-0 py-1 shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm focus-visible:ring-ring\/50 aria-invalid:ring-destructive\/20 dark:aria-invalid:ring-destructive\/40 aria-invalid:border-destructive border-0 border-b border-slate-900 rounded-lg bg-transparent px-0 h-11 font-default text-base text-slate-900 placeholder:text-slate-400 placeholder:font-default placeholder:text-sm focus-visible:ring-0 focus-visible:border-b-2 focus-visible:border-blue-600\" placeholder=\"\u0406\u0432\u0430\u043d \u0406\u0432\u0430\u043d\u043e\u0432\" id=\"\u00abR2p5\u00bb-form-item\" aria-describedby=\"\u00abR2p5\u00bb-form-item-description\" aria-invalid=\"false\" name=\"name\" value=\"\"\/><\/div>\n<div data-slot=\"form-item\" class=\"grid gap-2\"><label data-slot=\"form-label\" class=\"flex items-center gap-2 font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 data-[error=true]:text-destructive font-default text-[0.65rem] uppercase tracking-[0.2em] text-slate-600\" data-error=\"false\" for=\"\u00abR4p5\u00bb-form-item\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/label><input type=\"tel\" data-slot=\"form-control\" class=\"file:text-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input\/30 flex w-full min-w-0 py-1 shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm focus-visible:ring-ring\/50 aria-invalid:ring-destructive\/20 dark:aria-invalid:ring-destructive\/40 aria-invalid:border-destructive border-0 border-b border-slate-900 rounded-lg bg-transparent px-0 h-11 font-default text-base text-slate-900 placeholder:text-slate-400 placeholder:font-default placeholder:text-sm focus-visible:ring-0 focus-visible:border-b-2 focus-visible:border-blue-600\" placeholder=\"+380 __ ___ __ __\" id=\"\u00abR4p5\u00bb-form-item\" aria-describedby=\"\u00abR4p5\u00bb-form-item-description\" aria-invalid=\"false\" name=\"phone\" value=\"\"\/><\/div>\n<div data-slot=\"form-item\" class=\"grid gap-2\"><label data-slot=\"form-label\" class=\"flex items-center gap-2 font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 data-[error=true]:text-destructive font-default text-[0.65rem] uppercase tracking-[0.2em] text-slate-600\" data-error=\"false\" for=\"\u00abR6p5\u00bb-form-item\">\u0422\u0438\u043f \u043f\u043e\u0441\u043b\u0443\u0433\u0438<\/label><button type=\"button\" role=\"combobox\" aria-controls=\"radix-\u00abR2mp5\u00bb\" aria-expanded=\"false\" aria-autocomplete=\"none\" dir=\"ltr\" data-state=\"closed\" data-placeholder=\"\" data-slot=\"form-control\" data-size=\"default\" class=\"data-[placeholder]:text-muted-foreground [&amp;_svg:not([class*=&#x27;text-&#x27;])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring\/50 aria-invalid:ring-destructive\/20 dark:aria-invalid:ring-destructive\/40 aria-invalid:border-destructive dark:bg-input\/30 dark:hover:bg-input\/50 flex w-fit items-center justify-between gap-2 py-2 whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 border-0 border-b border-slate-900 rounded-lg bg-transparent px-0 h-11 font-default text-base text-slate-900 focus:ring-0\" id=\"\u00abR6p5\u00bb-form-item\" aria-describedby=\"\u00abR6p5\u00bb-form-item-description\" aria-invalid=\"false\"><span data-slot=\"select-value\" style=\"pointer-events:none\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c \u043f\u043e\u0441\u043b\u0443\u0433\u0443<\/span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down size-4 opacity-50\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg><\/button><select aria-hidden=\"true\" tabindex=\"-1\" style=\"position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal\"><\/select><\/div>\n<div data-slot=\"form-item\" class=\"grid gap-2\"><label data-slot=\"form-label\" class=\"flex items-center gap-2 font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 data-[error=true]:text-destructive font-default text-[0.65rem] uppercase tracking-[0.2em] text-slate-600\" data-error=\"false\" for=\"\u00abR8p5\u00bb-form-item\">\u0410\u0432\u0442\u043e \/ \u043a\u043e\u043c\u0435\u043d\u0442\u0430\u0440<\/label><input data-slot=\"form-control\" class=\"file:text-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input\/30 flex w-full min-w-0 py-1 shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm focus-visible:ring-ring\/50 aria-invalid:ring-destructive\/20 dark:aria-invalid:ring-destructive\/40 aria-invalid:border-destructive border-0 border-b border-slate-900 rounded-lg bg-transparent px-0 h-11 font-default text-base text-slate-900 placeholder:text-slate-400 placeholder:font-default placeholder:text-sm focus-visible:ring-0 focus-visible:border-b-2 focus-visible:border-blue-600\" placeholder=\"\u043d\u0430\u043f\u0440., BMW X5, \u043f\u043e\u043b\u0456\u0440\u0443\u0432\u0430\u043d\u043d\u044f \u043f\u0456\u0441\u043b\u044f \u043f\u043e\u0434\u0440\u044f\u043f\u0438\u043d\" id=\"\u00abR8p5\u00bb-form-item\" aria-describedby=\"\u00abR8p5\u00bb-form-item-description\" aria-invalid=\"false\" name=\"car_comment\" value=\"\"\/><\/p>\n<p class=\"font-default text-[0.65rem] uppercase tracking-widest text-slate-500 pt-1\">\u041d\u0435\u043e\u0431\u043e\u0432&#x27;\u044f\u0437\u043a\u043e\u0432\u043e \u2014 \u0432\u043a\u0430\u0436\u0456\u0442\u044c \u043c\u0430\u0440\u043a\u0443, \u043c\u043e\u0434\u0435\u043b\u044c \u0430\u0431\u043e \u043a\u043e\u0440\u043e\u0442\u043a\u0438\u0439 \u043a\u043e\u043c\u0435\u043d\u0442\u0430\u0440<\/p>\n<\/div>\n<div data-slot=\"form-item\" class=\"flex flex-row items-start gap-3 space-y-0 pt-2\"><button type=\"button\" role=\"checkbox\" aria-checked=\"false\" data-state=\"unchecked\" value=\"on\" data-slot=\"form-control\" class=\"peer dark:bg-input\/30 data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary focus-visible:border-ring focus-visible:ring-ring\/50 aria-invalid:ring-destructive\/20 dark:aria-invalid:ring-destructive\/40 aria-invalid:border-destructive size-4 shrink-0 border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 mt-1 rounded-lg border-slate-900 data-[state=checked]:bg-blue-600 data-[state=checked]:border-blue-600\" id=\"\u00abRap5\u00bb-form-item\" aria-describedby=\"\u00abRap5\u00bb-form-item-description\" aria-invalid=\"false\"><\/button><input type=\"checkbox\" aria-hidden=\"true\" tabindex=\"-1\" style=\"position:absolute;pointer-events:none;opacity:0;margin:0;transform:translateX(-100%)\" value=\"on\"\/><\/p>\n<div class=\"space-y-1\"><label data-slot=\"form-label\" class=\"flex items-center gap-2 font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 data-[error=true]:text-destructive font-default text-sm text-slate-900 cursor-pointer\" data-error=\"false\" for=\"\u00abRap5\u00bb-form-item\">\u041f\u0435\u0440\u0435\u0434\u0437\u0432\u043e\u043d\u0456\u0442\u044c \u043c\u0435\u043d\u0456 \u0434\u043b\u044f \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0456\u0457<\/label><\/p>\n<p class=\"font-default text-[0.65rem] uppercase tracking-widest text-slate-500\">\u041c\u0438 \u0437\u0432&#x27;\u044f\u0436\u0435\u043c\u043e\u0441\u044f \u0437 \u0432\u0430\u043c\u0438 \u043d\u0430\u0439\u0431\u043b\u0438\u0436\u0447\u0438\u043c \u0447\u0430\u0441\u043e\u043c<\/p>\n<\/div>\n<\/div>\n<div class=\"pt-4\"><button data-slot=\"button\" class=\"inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring\/50 focus-visible:ring-[3px] aria-invalid:ring-destructive\/20 dark:aria-invalid:ring-destructive\/40 aria-invalid:border-destructive py-2 has-[&gt;svg]:px-3 w-full sm:w-auto h-12 px-8 bg-slate-900 text-slate-100 hover:bg-blue-600 hover:text-white font-default uppercase text-xs tracking-[0.2em] rounded-lg shadow-lg transition-colors\" type=\"submit\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u0438\u0441\u044f<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right ml-2 size-4\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg><\/button><\/div>\n<\/form>\n<\/div>\n<p class=\"font-default text-[0.68rem] uppercase tracking-[0.18em] text-slate-600 text-center mt-10 leading-relaxed\">\u041d\u0430\u0442\u0438\u0441\u043a\u0430\u044e\u0447\u0438 \u201c\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u0438\u0441\u044f\u201d, \u0432\u0438 \u043f\u043e\u0433\u043e\u0434\u0436\u0443\u0454\u0442\u0435\u0441\u044f \u0437<!-- --> <a href=\"https:\/\/graff-auto.com\/ru\/privacy-policy\/\" class=\"text-blue-600 hover:text-slate-900 underline underline-offset-4\">\u041f\u043e\u043b\u0456\u0442\u0438\u043a\u043e\u044e \u043a\u043e\u043d\u0444\u0456\u0434\u0435\u043d\u0446\u0456\u0439\u043d\u043e\u0441\u0442\u0456<\/a><\/p>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"pricingaccordion\" class=\"bg-background py-20 md:py-32\">\n<div class=\"mx-auto max-w-6xl px-6\">\n<div class=\"mb-12 text-center md:mb-16\" style=\"opacity:0;transform:translateY(20px)\">\n<h2 class=\"font-default text-foreground mb-4 text-3xl font-bold tracking-tight md:text-5xl\">\u0426\u0456\u043d\u0438 \u043d\u0430 \u043f\u043e\u0441\u043b\u0443\u0433\u0438<\/h2>\n<p class=\"text-muted-foreground mx-auto max-w-2xl text-lg\">\u041e\u0437\u043d\u0430\u0439\u043e\u043c\u0442\u0435\u0441\u044f \u0437 \u043d\u0430\u0448\u0438\u043c\u0438 \u0446\u0456\u043d\u0430\u043c\u0438 \u043d\u0430 \u043f\u0440\u043e\u0444\u0435\u0441\u0456\u0439\u043d\u0438\u0439 \u0434\u0435\u0442\u0435\u0439\u043b\u0456\u043d\u0433. \u0412\u0438\u0431\u0435\u0440\u0456\u0442\u044c \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0456\u044e, \u0449\u043e\u0431 \u043f\u043e\u0431\u0430\u0447\u0438\u0442\u0438 \u0434\u0435\u0442\u0430\u043b\u044c\u043d\u0438\u0439 \u043f\u0440\u0430\u0439\u0441-\u043b\u0438\u0441\u0442.<\/p>\n<\/div>\n<div style=\"opacity:0;transform:translateY(20px)\">\n<div dir=\"ltr\" data-orientation=\"horizontal\" data-slot=\"tabs\" class=\"flex flex-col gap-2 w-full\">\n<div class=\"mb-8 w-full overflow-x-auto pb-2\">\n<div role=\"tablist\" aria-orientation=\"horizontal\" data-slot=\"tabs-list\" class=\"text-muted-foreground items-center rounded-lg inline-flex h-auto w-max min-w-full justify-start gap-2 bg-transparent p-0\" tabindex=\"-1\" data-orientation=\"horizontal\" style=\"outline:none\"><button type=\"button\" role=\"tab\" aria-selected=\"true\" aria-controls=\"radix-\u00abR56\u00bb-content-c1\" data-state=\"active\" id=\"radix-\u00abR56\u00bb-trigger-c1\" data-slot=\"tabs-trigger\" class=\"dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring\/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input\/30 dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 border border-transparent whitespace-nowrap focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground bg-muted text-muted-foreground hover:bg-muted\/80 rounded-lg px-5 py-2.5 text-sm font-medium transition-colors\" data-index=\"0\" tabindex=\"-1\" data-orientation=\"horizontal\" data-radix-collection-item=\"\">\u0425\u0456\u043c\u0447\u0438\u0441\u0442\u043a\u0430<\/button><button type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"radix-\u00abR56\u00bb-content-c2\" data-state=\"inactive\" id=\"radix-\u00abR56\u00bb-trigger-c2\" data-slot=\"tabs-trigger\" class=\"dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring\/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input\/30 dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 border border-transparent whitespace-nowrap focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground bg-muted text-muted-foreground hover:bg-muted\/80 rounded-lg px-5 py-2.5 text-sm font-medium transition-colors\" data-index=\"1\" tabindex=\"-1\" data-orientation=\"horizontal\" data-radix-collection-item=\"\">\u041f\u043e\u043b\u0456\u0440\u0443\u0432\u0430\u043d\u043d\u044f \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0456\u043b\u044f<\/button><button type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"radix-\u00abR56\u00bb-content-c3\" data-state=\"inactive\" id=\"radix-\u00abR56\u00bb-trigger-c3\" data-slot=\"tabs-trigger\" class=\"dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring\/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input\/30 dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 border border-transparent whitespace-nowrap focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground bg-muted text-muted-foreground hover:bg-muted\/80 rounded-lg px-5 py-2.5 text-sm font-medium transition-colors\" data-index=\"2\" tabindex=\"-1\" data-orientation=\"horizontal\" data-radix-collection-item=\"\">\u0410\u043d\u0442\u0438\u0433\u0440\u0430\u0432\u0456\u0439\u043d\u0430 \u043f\u043b\u0456\u0432\u043a\u0430<\/button><button type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"radix-\u00abR56\u00bb-content-c4\" data-state=\"inactive\" id=\"radix-\u00abR56\u00bb-trigger-c4\" data-slot=\"tabs-trigger\" class=\"dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring\/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input\/30 dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 border border-transparent whitespace-nowrap focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground bg-muted text-muted-foreground hover:bg-muted\/80 rounded-lg px-5 py-2.5 text-sm font-medium transition-colors\" data-index=\"3\" tabindex=\"-1\" data-orientation=\"horizontal\" data-radix-collection-item=\"\">\u041d\u0430\u043d\u043e\u043a\u0435\u0440\u0430\u043c\u0456\u043a\u0430<\/button><button type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"radix-\u00abR56\u00bb-content-c5\" data-state=\"inactive\" id=\"radix-\u00abR56\u00bb-trigger-c5\" data-slot=\"tabs-trigger\" class=\"dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring\/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input\/30 dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 border border-transparent whitespace-nowrap focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground bg-muted text-muted-foreground hover:bg-muted\/80 rounded-lg px-5 py-2.5 text-sm font-medium transition-colors\" data-index=\"4\" tabindex=\"-1\" data-orientation=\"horizontal\" data-radix-collection-item=\"\">\u0410\u043d\u0442\u0438\u0434\u043e\u0449<\/button><button type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"radix-\u00abR56\u00bb-content-c6\" data-state=\"inactive\" id=\"radix-\u00abR56\u00bb-trigger-c6\" data-slot=\"tabs-trigger\" class=\"dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring\/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input\/30 dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 border border-transparent whitespace-nowrap focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground bg-muted text-muted-foreground hover:bg-muted\/80 rounded-lg px-5 py-2.5 text-sm font-medium transition-colors\" data-index=\"5\" tabindex=\"-1\" data-orientation=\"horizontal\" data-radix-collection-item=\"\">\u0422\u043e\u043d\u0443\u0432\u0430\u043d\u043d\u044f \u0430\u0432\u0442\u043e<\/button><button type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"radix-\u00abR56\u00bb-content-c7\" data-state=\"inactive\" id=\"radix-\u00abR56\u00bb-trigger-c7\" data-slot=\"tabs-trigger\" class=\"dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring\/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input\/30 dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 border border-transparent whitespace-nowrap focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground bg-muted text-muted-foreground hover:bg-muted\/80 rounded-lg px-5 py-2.5 text-sm font-medium transition-colors\" data-index=\"6\" tabindex=\"-1\" data-orientation=\"horizontal\" data-radix-collection-item=\"\">\u0410\u0442\u0435\u0440\u043c\u0430\u043b\u044c\u043d\u0435 \u0442\u043e\u043d\u0443\u0432\u0430\u043d\u043d\u044f \u0430\u0432\u0442\u043e<\/button><\/div>\n<\/div>\n<div data-state=\"active\" data-orientation=\"horizontal\" role=\"tabpanel\" aria-labelledby=\"radix-\u00abR56\u00bb-trigger-c1\" id=\"radix-\u00abR56\u00bb-content-c1\" tabindex=\"0\" data-slot=\"tabs-content\" class=\"flex-1 mt-0 outline-none\" data-index=\"0\" style=\"animation-duration:0s\">\n<div class=\"bg-card rounded-xl border shadow-sm\">\n<div data-slot=\"table-container\" class=\"relative w-full overflow-x-auto\">\n<table data-slot=\"table\" class=\"w-full caption-bottom text-sm\">\n<thead data-slot=\"table-header\" class=\"[&amp;_tr]:border-b\">\n<tr data-slot=\"table-row\" class=\"data-[state=selected]:bg-muted border-b transition-colors bg-muted\/30 hover:bg-muted\/30\">\n<th data-slot=\"table-head\" class=\"text-foreground h-10 px-2 text-left align-middle whitespace-nowrap [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px] w-[40%] py-4 text-base font-semibold\">\u041f\u043e\u0441\u043b\u0443\u0433\u0430<\/th>\n<th data-slot=\"table-head\" class=\"text-foreground h-10 px-2 align-middle whitespace-nowrap [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px] py-4 text-right text-base font-semibold\">\u0426\u0456\u043d\u0430<\/th>\n<\/tr>\n<\/thead>\n<tbody data-slot=\"table-body\" class=\"[&amp;_tr:last-child]:border-0\">\n<tr data-slot=\"table-row\" class=\"hover:bg-muted\/50 data-[state=selected]:bg-muted border-b transition-colors group\" data-index=\"0\">\n<td data-slot=\"table-cell\" class=\"p-2 align-middle whitespace-nowrap [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px] font-default py-4 font-medium\">\u041f\u043e\u0432\u043d\u0430 \u0445\u0456\u043c\u0447\u0438\u0441\u0442\u043a\u0430 \u0441\u0430\u043b\u043e\u043d\u0443<\/td>\n<td data-slot=\"table-cell\" class=\"p-2 align-middle [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px] py-4 text-right font-medium whitespace-nowrap\">\u0432\u0456\u0434 4 000 \u0433\u0440\u043d<\/td>\n<\/tr>\n<tr data-slot=\"table-row\" class=\"hover:bg-muted\/50 data-[state=selected]:bg-muted border-b transition-colors group\" data-index=\"1\">\n<td data-slot=\"table-cell\" class=\"p-2 align-middle whitespace-nowrap [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px] font-default py-4 font-medium\">\u0425\u0456\u043c\u0447\u0438\u0441\u0442\u043a\u0430 \u0441\u0438\u0434\u0456\u043d\u043d\u044f (1 \u0448\u0442.)<\/td>\n<td data-slot=\"table-cell\" class=\"p-2 align-middle [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px] py-4 text-right font-medium whitespace-nowrap\">\u0432\u0456\u0434 700 \u0433\u0440\u043d<\/td>\n<\/tr>\n<tr data-slot=\"table-row\" class=\"hover:bg-muted\/50 data-[state=selected]:bg-muted border-b transition-colors group\" data-index=\"2\">\n<td data-slot=\"table-cell\" class=\"p-2 align-middle whitespace-nowrap [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px] font-default py-4 font-medium\">\u041b\u043e\u043a\u0430\u043b\u044c\u043d\u0430 \u0445\u0456\u043c\u0447\u0438\u0441\u0442\u043a\u0430 (\u043e\u0434\u043d\u0435 \u043c\u0456\u0441\u0446\u0435)<\/td>\n<td data-slot=\"table-cell\" class=\"p-2 align-middle [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px] py-4 text-right font-medium whitespace-nowrap\">\u0432\u0456\u0434 700 \u0433\u0440\u043d<\/td>\n<\/tr>\n<tr data-slot=\"table-row\" class=\"hover:bg-muted\/50 data-[state=selected]:bg-muted border-b transition-colors group\" data-index=\"3\">\n<td data-slot=\"table-cell\" class=\"p-2 align-middle whitespace-nowrap [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px] font-default py-4 font-medium\">\u0425\u0456\u043c\u0447\u0438\u0441\u0442\u043a\u0430 \u043a\u0438\u043b\u0438\u043c\u043e\u0432\u043e\u0433\u043e \u043f\u043e\u043a\u0440\u0438\u0442\u0442\u044f \u043f\u0456\u0434\u043b\u043e\u0433\u0438<\/td>\n<td data-slot=\"table-cell\" class=\"p-2 align-middle [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px] py-4 text-right font-medium whitespace-nowrap\">\u0432\u0456\u0434 2 500 \u0433\u0440\u043d<\/td>\n<\/tr>\n<tr data-slot=\"table-row\" class=\"hover:bg-muted\/50 data-[state=selected]:bg-muted border-b transition-colors group\" data-index=\"4\">\n<td data-slot=\"table-cell\" class=\"p-2 align-middle whitespace-nowrap [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px] font-default py-4 font-medium\">\u0425\u0456\u043c\u0447\u0438\u0441\u0442\u043a\u0430 \u0441\u0442\u0435\u043b\u0456<\/td>\n<td data-slot=\"table-cell\" class=\"p-2 align-middle [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px] py-4 text-right font-medium whitespace-nowrap\">\u0432\u0456\u0434 1 500 \u0433\u0440\u043d<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n<div data-state=\"inactive\" data-orientation=\"horizontal\" role=\"tabpanel\" aria-labelledby=\"radix-\u00abR56\u00bb-trigger-c2\" hidden=\"\" id=\"radix-\u00abR56\u00bb-content-c2\" tabindex=\"0\" data-slot=\"tabs-content\" class=\"flex-1 mt-0 outline-none\" data-index=\"1\"><\/div>\n<div data-state=\"inactive\" data-orientation=\"horizontal\" role=\"tabpanel\" aria-labelledby=\"radix-\u00abR56\u00bb-trigger-c3\" hidden=\"\" id=\"radix-\u00abR56\u00bb-content-c3\" tabindex=\"0\" data-slot=\"tabs-content\" class=\"flex-1 mt-0 outline-none\" data-index=\"2\"><\/div>\n<div data-state=\"inactive\" data-orientation=\"horizontal\" role=\"tabpanel\" aria-labelledby=\"radix-\u00abR56\u00bb-trigger-c4\" hidden=\"\" id=\"radix-\u00abR56\u00bb-content-c4\" tabindex=\"0\" data-slot=\"tabs-content\" class=\"flex-1 mt-0 outline-none\" data-index=\"3\"><\/div>\n<div data-state=\"inactive\" data-orientation=\"horizontal\" role=\"tabpanel\" aria-labelledby=\"radix-\u00abR56\u00bb-trigger-c5\" hidden=\"\" id=\"radix-\u00abR56\u00bb-content-c5\" tabindex=\"0\" data-slot=\"tabs-content\" class=\"flex-1 mt-0 outline-none\" data-index=\"4\"><\/div>\n<div data-state=\"inactive\" data-orientation=\"horizontal\" role=\"tabpanel\" aria-labelledby=\"radix-\u00abR56\u00bb-trigger-c6\" hidden=\"\" id=\"radix-\u00abR56\u00bb-content-c6\" tabindex=\"0\" data-slot=\"tabs-content\" class=\"flex-1 mt-0 outline-none\" data-index=\"5\"><\/div>\n<div data-state=\"inactive\" data-orientation=\"horizontal\" role=\"tabpanel\" aria-labelledby=\"radix-\u00abR56\u00bb-trigger-c7\" hidden=\"\" id=\"radix-\u00abR56\u00bb-content-c7\" tabindex=\"0\" data-slot=\"tabs-content\" class=\"flex-1 mt-0 outline-none\" data-index=\"6\"><\/div>\n<\/div>\n<\/div>\n<div class=\"bg-muted\/50 mt-12 rounded-xl p-6 md:p-8\" style=\"opacity:0;transform:translateY(20px)\">\n<h4 class=\"font-default text-foreground mb-4 text-lg font-semibold\">\u041a\u0430\u0442\u0435\u0433\u043e\u0440\u0456\u0457 \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0456\u043b\u0456\u0432:<\/h4>\n<ul class=\"text-muted-foreground mb-6 space-y-2 text-sm md:text-base\">\n<li><strong class=\"text-foreground font-medium\">1 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0456\u044f<\/strong> \u2013 \u043c\u0430\u043b\u0438\u0439, \u043e\u0441\u043e\u0431\u043b\u0438\u0432\u043e \u043c\u0430\u043b\u0438\u0439. \u041f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 \u0430\u0432\u0442\u043e: Audi A1, Toyota Yaris.<\/li>\n<li><strong class=\"text-foreground font-medium\">2 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0456\u044f<\/strong> \u2013 \u0441\u0435\u0440\u0435\u0434\u043d\u0456\u0439, \u0441\u043f\u043e\u0440\u0442-\u043a\u0443\u043f\u0435. \u041f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 \u0430\u0432\u0442\u043e: Audi A4, BMW 3, Mercedes-Benz C, Lexus IS.<\/li>\n<li><strong class=\"text-foreground font-medium\">3 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0456\u044f<\/strong> \u2013 \u0441\u0435\u0440\u0435\u0434\u043d\u0456\u0439 \u043a\u0440\u043e\u0441\u043e\u0432\u0435\u0440-\u043f\u043e\u0437\u0430\u0448\u043b\u044f\u0445\u043e\u0432\u0438\u043a, \u0431\u0456\u0437\u043d\u0435\u0441. \u041f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 \u0430\u0432\u0442\u043e: VW Tiguan, Lexus NX, Lexus RX, BMW X3, Audi R8, Audi A8, Lexus LS.<\/li>\n<li><strong class=\"text-foreground font-medium\">4 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0456\u044f<\/strong> \u2013 \u043f\u043e\u0432\u043d\u043e\u0440\u043e\u0437\u043c\u0456\u0440\u043d\u0438\u0439 \u043a\u0440\u043e\u0441\u043e\u0432\u0435\u0440-\u043f\u043e\u0437\u0430\u0448\u043b\u044f\u0445\u043e\u0432\u0438\u043a. \u041f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 \u0430\u0432\u0442\u043e: Maybach, Rolls-Royce, Lamborghini, Bentley Mulsanne.<\/li>\n<\/ul>\n<div class=\"border-border\/50 border-t pt-4\">\n<p class=\"text-muted-foreground text-sm italic\">* \u0426\u0456\u043d\u0438 \u043d\u0430 \u0441\u0442\u043e\u0440\u0456\u043d\u0446\u0456 \u043e\u0437\u043d\u0430\u0439\u043e\u043c\u0447\u0456, \u0434\u043b\u044f \u0442\u043e\u0447\u043d\u043e\u0433\u043e \u0440\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043a\u0443 \u0437\u0430\u043b\u0438\u0448\u0430\u0439\u0442\u0435 \u0437\u0430\u044f\u0432\u043a\u0443 \u0430\u0431\u043e \u0434\u0437\u0432\u043e\u043d\u0456\u0442\u044c.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"faq\" class=\"bg-foreground text-background py-20 md:py-32 overflow-hidden\">\n<div class=\"container mx-auto px-4 md:px-6 max-w-4xl transition-all duration-1000 ease-out opacity-0 translate-y-12\">\n<div class=\"mb-16 md:mb-24\">\n<div class=\"flex items-center gap-4 mb-6\">\n<div class=\"h-px w-12 bg-primary\"><\/div>\n<p><span class=\"font-mono text-[0.75rem] font-medium tracking-[0.2em] uppercase text-primary\">\u041f\u0418\u0422\u0410\u041d\u041d\u042f \/ \u0414\u0415\u0422\u0410\u041b\u0406<\/span><\/div>\n<h2 class=\"font-default text-4xl md:text-5xl lg:text-6xl font-extrabold tracking-tighter uppercase leading-[1.1]\">\u041d\u0430\u0439\u0447\u0430\u0441\u0442\u0456\u0448\u0456 \u0437\u0430\u043f\u0438\u0442\u0430\u043d\u043d\u044f<\/h2>\n<p class=\"text-background\/60 text-lg md:text-xl max-w-2xl mt-6 font-light\">\u0417\u0456\u0431\u0440\u0430\u043b\u0438 \u0434\u043b\u044f \u0432\u0430\u0441 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u0456 \u043d\u0430 \u043d\u0430\u0439\u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u0456\u0448\u0456 \u0437\u0430\u043f\u0438\u0442\u0430\u043d\u043d\u044f \u0449\u043e\u0434\u043e \u043d\u0430\u0448\u0438\u0445 \u043f\u043e\u0441\u043b\u0443\u0433 \u0442\u0430 \u0442\u0435\u0445\u043d\u0456\u0447\u043d\u0438\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0456\u0432 \u0434\u043e\u0433\u043b\u044f\u0434\u0443.<\/p>\n<\/div>\n<div data-slot=\"accordion\" class=\"w-full border-t border-primary\/30\" data-orientation=\"vertical\">\n<div data-state=\"closed\" data-orientation=\"vertical\" data-slot=\"accordion-item\" class=\"last:border-b-0 border-b border-primary\/20 px-0 data-[state=open]:bg-background\/5 transition-all duration-300\" data-index=\"0\">\n<h3 data-orientation=\"vertical\" data-state=\"closed\" class=\"flex\"><button type=\"button\" aria-controls=\"radix-\u00abRj8\u00bb\" aria-expanded=\"false\" data-state=\"closed\" data-orientation=\"vertical\" id=\"radix-\u00abR38\u00bb\" data-slot=\"accordion-trigger\" class=\"focus-visible:border-ring focus-visible:ring-ring\/50 flex flex-1 items-start justify-between gap-4 rounded-md outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&amp;[data-state=open]&gt;svg]:rotate-180 text-left text-lg md:text-xl font-semibold hover:text-primary hover:no-underline py-8 transition-colors uppercase tracking-tight\" data-radix-collection-item=\"\">\u0421\u043a\u0456\u043b\u044c\u043a\u0438 \u0447\u0430\u0441\u0443 \u0437\u0430\u0439\u043c\u0430\u0454 \u043f\u043e\u0432\u043d\u0438\u0439 \u0434\u0435\u0442\u0435\u0439\u043b\u0456\u043d\u0433 \u0430\u0432\u0442\u043e?<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg><\/button><\/h3>\n<div data-state=\"closed\" id=\"radix-\u00abRj8\u00bb\" hidden=\"\" role=\"region\" aria-labelledby=\"radix-\u00abR38\u00bb\" data-orientation=\"vertical\" data-slot=\"accordion-content\" class=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\" style=\"--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)\"><\/div>\n<\/div>\n<div data-state=\"closed\" data-orientation=\"vertical\" data-slot=\"accordion-item\" class=\"last:border-b-0 border-b border-primary\/20 px-0 data-[state=open]:bg-background\/5 transition-all duration-300\" data-index=\"1\">\n<h3 data-orientation=\"vertical\" data-state=\"closed\" class=\"flex\"><button type=\"button\" aria-controls=\"radix-\u00abRl8\u00bb\" aria-expanded=\"false\" data-state=\"closed\" data-orientation=\"vertical\" id=\"radix-\u00abR58\u00bb\" data-slot=\"accordion-trigger\" class=\"focus-visible:border-ring focus-visible:ring-ring\/50 flex flex-1 items-start justify-between gap-4 rounded-md outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&amp;[data-state=open]&gt;svg]:rotate-180 text-left text-lg md:text-xl font-semibold hover:text-primary hover:no-underline py-8 transition-colors uppercase tracking-tight\" data-radix-collection-item=\"\">\u0427\u0438 \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u043e \u043f\u043e\u043f\u0435\u0440\u0435\u0434\u043d\u044c\u043e \u0437\u0430\u043f\u0438\u0441\u0443\u0432\u0430\u0442\u0438\u0441\u044f?<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg><\/button><\/h3>\n<div data-state=\"closed\" id=\"radix-\u00abRl8\u00bb\" hidden=\"\" role=\"region\" aria-labelledby=\"radix-\u00abR58\u00bb\" data-orientation=\"vertical\" data-slot=\"accordion-content\" class=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\" style=\"--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)\"><\/div>\n<\/div>\n<div data-state=\"closed\" data-orientation=\"vertical\" data-slot=\"accordion-item\" class=\"last:border-b-0 border-b border-primary\/20 px-0 data-[state=open]:bg-background\/5 transition-all duration-300\" data-index=\"2\">\n<h3 data-orientation=\"vertical\" data-state=\"closed\" class=\"flex\"><button type=\"button\" aria-controls=\"radix-\u00abRn8\u00bb\" aria-expanded=\"false\" data-state=\"closed\" data-orientation=\"vertical\" id=\"radix-\u00abR78\u00bb\" data-slot=\"accordion-trigger\" class=\"focus-visible:border-ring focus-visible:ring-ring\/50 flex flex-1 items-start justify-between gap-4 rounded-md outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&amp;[data-state=open]&gt;svg]:rotate-180 text-left text-lg md:text-xl font-semibold hover:text-primary hover:no-underline py-8 transition-colors uppercase tracking-tight\" data-radix-collection-item=\"\">\u042f\u043a\u0456 \u043c\u0430\u0442\u0435\u0440\u0456\u0430\u043b\u0438 \u0432\u0438 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0454\u0442\u0435 \u0432 \u0440\u043e\u0431\u043e\u0442\u0456?<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg><\/button><\/h3>\n<div data-state=\"closed\" id=\"radix-\u00abRn8\u00bb\" hidden=\"\" role=\"region\" aria-labelledby=\"radix-\u00abR78\u00bb\" data-orientation=\"vertical\" data-slot=\"accordion-content\" class=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\" style=\"--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)\"><\/div>\n<\/div>\n<div data-state=\"closed\" data-orientation=\"vertical\" data-slot=\"accordion-item\" class=\"last:border-b-0 border-b border-primary\/20 px-0 data-[state=open]:bg-background\/5 transition-all duration-300\" data-index=\"3\">\n<h3 data-orientation=\"vertical\" data-state=\"closed\" class=\"flex\"><button type=\"button\" aria-controls=\"radix-\u00abRp8\u00bb\" aria-expanded=\"false\" data-state=\"closed\" data-orientation=\"vertical\" id=\"radix-\u00abR98\u00bb\" data-slot=\"accordion-trigger\" class=\"focus-visible:border-ring focus-visible:ring-ring\/50 flex flex-1 items-start justify-between gap-4 rounded-md outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&amp;[data-state=open]&gt;svg]:rotate-180 text-left text-lg md:text-xl font-semibold hover:text-primary hover:no-underline py-8 transition-colors uppercase tracking-tight\" data-radix-collection-item=\"\">\u042f\u043a \u0434\u043e\u0432\u0433\u043e \u0442\u0440\u0438\u043c\u0430\u0454\u0442\u044c\u0441\u044f \u043a\u0435\u0440\u0430\u043c\u0456\u0447\u043d\u0435 \u043f\u043e\u043a\u0440\u0438\u0442\u0442\u044f?<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg><\/button><\/h3>\n<div data-state=\"closed\" id=\"radix-\u00abRp8\u00bb\" hidden=\"\" role=\"region\" aria-labelledby=\"radix-\u00abR98\u00bb\" data-orientation=\"vertical\" data-slot=\"accordion-content\" class=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\" style=\"--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section data-section-id=\"611\" id=\"instagramsocialfeed\" class=\"bg-background text-foreground py-24 md:py-32 lg:py-40 px-6 md:px-10 lg:px-16 overflow-hidden\">\n<div class=\"max-w-7xl mx-auto transition-all duration-1000 ease-out opacity-0 translate-y-8\">\n<div class=\"grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-16 mb-16 md:mb-24\">\n<div class=\"lg:col-span-7\">\n<p class=\"font-default text-[11px] uppercase tracking-[0.25em] mb-8 text-blue-600\">01 \u2014 \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0438<\/p>\n<h2 class=\"font-default font-bold text-5xl md:text-6xl lg:text-7xl xl:text-8xl leading-[0.95] text-foreground\">\u0414\u043e <span class=\"text-blue-600\">\/<\/span> <!-- -->\u041f\u0456\u0441\u043b\u044f.<\/h2>\n<\/div>\n<div class=\"lg:col-span-5 lg:pt-8 flex lg:justify-end\">\n<p class=\"font-default text-base md:text-lg leading-relaxed text-slate-600 max-w-[320px]\">\u041f\u043e\u0434\u0438\u0432\u0456\u0442\u044c\u0441\u044f \u0442\u0440\u0430\u043d\u0441\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u044e \u0432\u0430\u0448\u043e\u0433\u043e \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0456\u043b\u044f. \u041d\u0430\u0448\u0456 \u043f\u0440\u043e\u0444\u0435\u0441\u0456\u0439\u043d\u0456 \u043f\u043e\u0441\u043b\u0443\u0433\u0438 \u0437 \u0434\u0435\u0442\u0430\u043b\u0456\u0437\u0430\u0446\u0456\u0457 \u0432\u0456\u0434\u043d\u043e\u0432\u043b\u044e\u044e\u0442\u044c \u044f\u043a\u0456\u0441\u0442\u044c \u0448\u043e\u0443-\u0440\u0443\u043c\u0443, \u0433\u0430\u0440\u0430\u043d\u0442\u0443\u044e\u0447\u0438 \u0437\u0430\u0445\u0438\u0441\u0442 \u0442\u0430 \u0434\u043e\u0441\u043a\u043e\u043d\u0430\u043b\u0456\u0441\u0442\u044c \u043a\u043e\u0436\u043d\u043e\u0457 \u043f\u043e\u0432\u0435\u0440\u0445\u043d\u0456.<\/p>\n<\/div>\n<\/div>\n<div class=\"relative lg:pl-[8%]\">\n<div aria-hidden=\"true\" class=\"hidden lg:flex absolute -right-2 top-1\/2 -translate-y-1\/2 pointer-events-none select-none\"><span class=\"font-default font-bold text-[10rem] xl:text-[12rem] leading-none tracking-[0.15em]\" style=\"writing-mode:vertical-rl;transform:rotate(180deg);color:var(--muted-foreground);opacity:0.12\">DETAIL<\/span><\/div>\n<div class=\"relative w-full lg:w-[70%] mx-auto lg:mx-0\">\n<div class=\"relative border border-slate-200 p-2 md:p-3 bg-white rounded-lg shadow-md\">\n<div class=\"flex items-center justify-between px-3 md:px-4 pb-2 md:pb-3\"><span class=\"font-default text-[11px] uppercase tracking-[0.25em] text-slate-500\">\u0414\u043e<\/span><span class=\"font-default text-[11px] uppercase tracking-[0.25em] text-blue-600\">\u041f\u0456\u0441\u043b\u044f<\/span><\/div>\n<div class=\"relative w-full aspect-[4\/3] md:aspect-[16\/10] overflow-hidden cursor-ew-resize select-none bg-slate-100 rounded-md\"><img src=\"https:\/\/graff-auto.com\/wp-content\/uploads\/2026\/07\/nanoceramic-2.webp\" alt=\"\u041d\u0430\u043d\u043e\u043a\u0435\u0440\u0430\u043c\u0456\u043a\u0430 \u043f\u0456\u0441\u043b\u044f \u0434\u0435\u0442\u0430\u043b\u0456\u0437\u0430\u0446\u0456\u0457\" class=\"absolute inset-0 w-full h-full object-cover\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\/><\/p>\n<div class=\"absolute inset-0 overflow-hidden\" style=\"width:50%\"><img src=\"https:\/\/graff-auto.com\/wp-content\/uploads\/2026\/07\/nanoceramic-1.webp\" alt=\"\u041d\u0430\u043d\u043e\u043a\u0435\u0440\u0430\u043c\u0456\u043a\u0430 \u0434\u043e \u0434\u0435\u0442\u0430\u043b\u0456\u0437\u0430\u0446\u0456\u0457\" class=\"absolute inset-0 h-full w-auto max-w-none object-cover\" style=\"width:100%\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"\/><\/div>\n<div class=\"absolute top-0 bottom-0 pointer-events-none\" style=\"left:50%;transform:translateX(-50%)\">\n<div class=\"absolute top-0 bottom-0 w-px bg-blue-600\"><\/div>\n<div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-10 h-10 rounded-lg flex items-center justify-center shadow-lg pointer-events-auto cursor-ew-resize bg-blue-600\">\n<div class=\"flex items-center gap-1\"><span class=\"block w-0 h-0 border-t-[4px] border-t-transparent border-b-[4px] border-b-transparent border-r-[5px] border-r-white\"><\/span><span class=\"block w-0 h-0 border-t-[4px] border-t-transparent border-b-[4px] border-b-transparent border-l-[5px] border-l-white\"><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"flex items-end justify-between pt-4 px-1\">\n<div>\n<p class=\"font-default text-2xl md:text-3xl font-bold text-foreground leading-tight\">\u041d\u0430\u043d\u043e\u043a\u0435\u0440\u0430\u043c\u0456\u043a\u0430<\/p>\n<p class=\"font-default text-[11px] uppercase tracking-[0.25em] text-slate-500 mt-2\">\u0417\u0430\u0445\u0438\u0441\u0442 \u043a\u0443\u0437\u043e\u0432\u0430<\/p>\n<\/div>\n<p class=\"font-default text-[11px] uppercase tracking-[0.25em] text-slate-500 hidden md:block\">\u041f\u0435\u0440\u0435\u0442\u044f\u0433\u043d\u0456\u0442\u044c, \u0449\u043e\u0431 \u043f\u043e\u0440\u0456\u0432\u043d\u044f\u0442\u0438<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"mt-12 md:mt-16 lg:w-[70%]\">\n<p class=\"font-default text-[11px] uppercase tracking-[0.25em] text-slate-500 mb-5\">\u0412\u0438\u0431\u0435\u0440\u0456\u0442\u044c \u043f\u043e\u0441\u043b\u0443\u0433\u0443<\/p>\n<div class=\"-mx-6 md:-mx-10 lg:mx-0 px-6 md:px-10 lg:px-0 overflow-x-auto\">\n<div class=\"flex gap-5 md:gap-6 pb-2\"><button class=\"group flex-shrink-0 text-left focus:outline-none\" style=\"width:280px\"><\/p>\n<div class=\"relative w-full overflow-hidden transition-all duration-500 rounded-lg\" style=\"height:200px\"><img src=\"https:\/\/graff-auto.com\/wp-content\/uploads\/2026\/07\/nanoceramic-2.webp\" alt=\"\u041d\u0430\u043d\u043e\u043a\u0435\u0440\u0430\u043c\u0456\u043a\u0430 \u043f\u043e\u043f\u0435\u0440\u0435\u0434\u043d\u0456\u0439 \u043f\u0435\u0440\u0435\u0433\u043b\u044f\u0434\" class=\"w-full h-full object-cover transition-all duration-700 scale-100 opacity-100\" loading=\"lazy\" decoding=\"async\"\/><\/div>\n<div class=\"pt-4 pb-2\">\n<p class=\"font-default text-lg md:text-xl font-bold transition-colors duration-300 text-foreground\">\u041d\u0430\u043d\u043e\u043a\u0435\u0440\u0430\u043c\u0456\u043a\u0430<\/p>\n<p class=\"font-default text-[10px] uppercase tracking-[0.25em] text-slate-500 mt-1.5\">\u0417\u0430\u0445\u0438\u0441\u0442 \u043a\u0443\u0437\u043e\u0432\u0430<\/p>\n<\/div>\n<div class=\"h-px w-full transition-all duration-500 bg-blue-600\"><\/div>\n<p><\/button><button class=\"group flex-shrink-0 text-left focus:outline-none\" style=\"width:280px\"><\/p>\n<div class=\"relative w-full overflow-hidden transition-all duration-500 rounded-lg\" style=\"height:200px\"><img src=\"https:\/\/graff-auto.com\/wp-content\/uploads\/2026\/07\/salon-2.webp\" alt=\"\u0413\u043b\u0438\u0431\u043e\u043a\u0430 \u0445\u0456\u043c\u0447\u0438\u0441\u0442\u043a\u0430 \u043f\u043e\u043f\u0435\u0440\u0435\u0434\u043d\u0456\u0439 \u043f\u0435\u0440\u0435\u0433\u043b\u044f\u0434\" class=\"w-full h-full object-cover transition-all duration-700 scale-100 opacity-70 group-hover:opacity-100\" loading=\"lazy\" decoding=\"async\"\/><\/p>\n<div class=\"absolute inset-0 bg-slate-900\/30 group-hover:bg-slate-900\/10 transition-colors duration-500\"><\/div>\n<\/div>\n<div class=\"pt-4 pb-2\">\n<p class=\"font-default text-lg md:text-xl font-bold transition-colors duration-300 text-slate-600 group-hover:text-foreground\">\u0413\u043b\u0438\u0431\u043e\u043a\u0430 \u0445\u0456\u043c\u0447\u0438\u0441\u0442\u043a\u0430<\/p>\n<p class=\"font-default text-[10px] uppercase tracking-[0.25em] text-slate-500 mt-1.5\">\u0412\u0456\u0434\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044f \u0441\u0430\u043b\u043e\u043d\u0443<\/p>\n<\/div>\n<div class=\"h-px w-full transition-all duration-500 bg-transparent\"><\/div>\n<p><\/button><button class=\"group flex-shrink-0 text-left focus:outline-none\" style=\"width:280px\"><\/p>\n<div class=\"relative w-full overflow-hidden transition-all duration-500 rounded-lg\" style=\"height:200px\"><img src=\"https:\/\/graff-auto.com\/wp-content\/uploads\/2026\/07\/polirovka-2.webp\" alt=\"\u041f\u043e\u043b\u0456\u0440\u0443\u0432\u0430\u043d\u043d\u044f \u043a\u0443\u0437\u043e\u0432\u0430 \u043f\u043e\u043f\u0435\u0440\u0435\u0434\u043d\u0456\u0439 \u043f\u0435\u0440\u0435\u0433\u043b\u044f\u0434\" class=\"w-full h-full object-cover transition-all duration-700 scale-100 opacity-70 group-hover:opacity-100\" loading=\"lazy\" decoding=\"async\"\/><\/p>\n<div class=\"absolute inset-0 bg-slate-900\/30 group-hover:bg-slate-900\/10 transition-colors duration-500\"><\/div>\n<\/div>\n<div class=\"pt-4 pb-2\">\n<p class=\"font-default text-lg md:text-xl font-bold transition-colors duration-300 text-slate-600 group-hover:text-foreground\">\u041f\u043e\u043b\u0456\u0440\u0443\u0432\u0430\u043d\u043d\u044f \u043a\u0443\u0437\u043e\u0432\u0430<\/p>\n<p class=\"font-default text-[10px] uppercase tracking-[0.25em] text-slate-500 mt-1.5\">\u041a\u043e\u0440\u0435\u043a\u0446\u0456\u044f \u043b\u0430\u043a\u043e\u0444\u0430\u0440\u0431\u043e\u0432\u043e\u0433\u043e \u043f\u043e\u043a\u0440\u0438\u0442\u0442\u044f<\/p>\n<\/div>\n<div class=\"h-px w-full transition-all duration-500 bg-transparent\"><\/div>\n<p><\/button><button class=\"group flex-shrink-0 text-left focus:outline-none\" style=\"width:280px\"><\/p>\n<div class=\"relative w-full overflow-hidden transition-all duration-500 rounded-lg\" style=\"height:200px\"><img src=\"https:\/\/graff-auto.com\/wp-content\/uploads\/2026\/07\/kozha-2.webp\" alt=\"\u0414\u043e\u0433\u043b\u044f\u0434 \u0437\u0430 \u0448\u043a\u0456\u0440\u043e\u044e \u043f\u043e\u043f\u0435\u0440\u0435\u0434\u043d\u0456\u0439 \u043f\u0435\u0440\u0435\u0433\u043b\u044f\u0434\" class=\"w-full h-full object-cover transition-all duration-700 scale-100 opacity-70 group-hover:opacity-100\" loading=\"lazy\" decoding=\"async\"\/><\/p>\n<div class=\"absolute inset-0 bg-slate-900\/30 group-hover:bg-slate-900\/10 transition-colors duration-500\"><\/div>\n<\/div>\n<div class=\"pt-4 pb-2\">\n<p class=\"font-default text-lg md:text-xl font-bold transition-colors duration-300 text-slate-600 group-hover:text-foreground\">\u0414\u043e\u0433\u043b\u044f\u0434 \u0437\u0430 \u0448\u043a\u0456\u0440\u043e\u044e<\/p>\n<p class=\"font-default text-[10px] uppercase tracking-[0.25em] text-slate-500 mt-1.5\">\u0417\u0430\u0445\u0438\u0441\u0442 \u0441\u0430\u043b\u043e\u043d\u0443<\/p>\n<\/div>\n<div class=\"h-px w-full transition-all duration-500 bg-transparent\"><\/div>\n<p><\/button><button class=\"group flex-shrink-0 text-left focus:outline-none\" style=\"width:280px\"><\/p>\n<div class=\"relative w-full overflow-hidden transition-all duration-500 rounded-lg\" style=\"height:200px\"><img src=\"https:\/\/graff-auto.com\/wp-content\/uploads\/2026\/07\/engine-2.webp\" alt=\"\u0414\u0435\u0442\u0435\u0439\u043b\u0456\u043d\u0433 \u043c\u043e\u0442\u043e\u0440\u043d\u043e\u0433\u043e \u0432\u0456\u0434\u0441\u0456\u043a\u0443 \u043f\u043e\u043f\u0435\u0440\u0435\u0434\u043d\u0456\u0439 \u043f\u0435\u0440\u0435\u0433\u043b\u044f\u0434\" class=\"w-full h-full object-cover transition-all duration-700 scale-100 opacity-70 group-hover:opacity-100\" loading=\"lazy\" decoding=\"async\"\/><\/p>\n<div class=\"absolute inset-0 bg-slate-900\/30 group-hover:bg-slate-900\/10 transition-colors duration-500\"><\/div>\n<\/div>\n<div class=\"pt-4 pb-2\">\n<p class=\"font-default text-lg md:text-xl font-bold transition-colors duration-300 text-slate-600 group-hover:text-foreground\">\u0414\u0435\u0442\u0435\u0439\u043b\u0456\u043d\u0433 \u043c\u043e\u0442\u043e\u0440\u043d\u043e\u0433\u043e \u0432\u0456\u0434\u0441\u0456\u043a\u0443<\/p>\n<p class=\"font-default text-[10px] uppercase tracking-[0.25em] text-slate-500 mt-1.5\">\u041e\u0447\u0438\u0449\u0435\u043d\u043d\u044f \u0442\u0430 \u043a\u043e\u043d\u0441\u0435\u0440\u0432\u0430\u0446\u0456\u044f<\/p>\n<\/div>\n<div class=\"h-px w-full transition-all duration-500 bg-transparent\"><\/div>\n<p><\/button><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"locationmap\" class=\"dark bg-background text-foreground py-16 md:py-24\">\n<div class=\"mx-auto max-w-7xl px-6\">\n<div class=\"grid grid-cols-1 gap-12 lg:grid-cols-12 lg:items-center\">\n<div class=\"flex flex-col items-start space-y-8 lg:col-span-5\">\n<div class=\"space-y-4\">\n<h2 class=\"font-default text-3xl font-bold uppercase tracking-wider md:text-4xl lg:text-5xl\">\u0427\u0435\u043a\u0430\u0454\u043c\u043e \u043d\u0430 \u0432\u0430\u0441 \u0432 \u0433\u043e\u0441\u0442\u0456<\/h2>\n<p class=\"text-muted-foreground text-lg\">\u041f\u0440\u0438\u0457\u0436\u0434\u0436\u0430\u0439\u0442\u0435 \u0434\u043e \u043d\u0430\u0448\u043e\u0457 \u0441\u0442\u0443\u0434\u0456\u0457 \u0434\u0435\u0442\u0435\u0439\u043b\u0456\u043d\u0433\u0443. \u041c\u0438 \u0437\u0430\u0432\u0436\u0434\u0438 \u0440\u0430\u0434\u0456 \u043d\u043e\u0432\u0438\u043c \u043a\u043b\u0456\u0454\u043d\u0442\u0430\u043c \u0456 \u0433\u043e\u0442\u043e\u0432\u0456 \u043f\u0435\u0440\u0435\u0442\u0432\u043e\u0440\u0438\u0442\u0438 \u0432\u0430\u0448 \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0456\u043b\u044c.<\/p>\n<\/div>\n<div class=\"flex items-start space-x-4 rounded-xl bg-card p-6 shadow-md border border-border w-full\">\n<div class=\"rounded-lg bg-destructive\/10 p-3 text-destructive shrink-0\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-map-pin size-6\" aria-hidden=\"true\"><path d=\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg><\/div>\n<div class=\"space-y-1\">\n<h3 class=\"font-default text-lg font-semibold\">\u041d\u0430\u0448\u0430 \u0430\u0434\u0440\u0435\u0441\u0430<\/h3>\n<p class=\"text-muted-foreground leading-relaxed\">\u0432\u0443\u043b\u0438\u0446\u044f \u0420\u0430\u0434\u0443\u043d\u0441\u044c\u043a\u0430, 3, \u041a\u0438\u0457\u0432, \u0423\u043a\u0440\u0430\u0457\u043d\u0430, 02000<\/p>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&amp;destination=%D0%B2%D1%83%D0%BB%D0%B8%D1%86%D1%8F%20%D0%A0%D0%B0%D0%B4%D1%83%D0%BD%D1%81%D1%8C%D0%BA%D0%B0%2C%203%2C%20%D0%9A%D0%B8%D1%97%D0%B2%2C%20%D0%A3%D0%BA%D1%80%D0%B0%D1%97%D0%BD%D0%B0%2C%2002000\" target=\"_blank\" rel=\"noopener noreferrer\" data-slot=\"button\" class=\"inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-[3px] aria-invalid:ring-destructive\/20 dark:aria-invalid:ring-destructive\/40 aria-invalid:border-destructive bg-destructive text-white shadow-xs hover:bg-destructive\/90 focus-visible:ring-destructive\/20 dark:focus-visible:ring-destructive\/40 dark:bg-destructive\/60 has-[&gt;svg]:px-4 w-full sm:w-auto rounded-lg text-base h-12 px-8\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-navigation mr-2 size-5\" aria-hidden=\"true\"><polygon points=\"3 11 22 2 13 21 11 13 3 11\"><\/polygon><\/svg>\u041f\u0440\u043e\u043a\u043b\u0430\u0441\u0442\u0438 \u043c\u0430\u0440\u0448\u0440\u0443\u0442<\/a><a href=\"https:\/\/graff-auto.com\/ru\/privacy-policy\/\" class=\"font-default text-xs uppercase tracking-[0.18em] text-muted-foreground hover:text-foreground underline underline-offset-4\">\u041f\u043e\u043b\u0456\u0442\u0438\u043a\u0430 \u043a\u043e\u043d\u0444\u0456\u0434\u0435\u043d\u0446\u0456\u0439\u043d\u043e\u0441\u0442\u0456<\/a><\/div>\n<div class=\"lg:col-span-7\">\n<div class=\"relative w-full overflow-hidden rounded-xl border border-border bg-card shadow-lg aspect-square md:aspect-video lg:aspect-[4\/3]\"><iframe title=\"Google Maps Location\" src=\"https:\/\/maps.google.com\/maps?q=%D0%B2%D1%83%D0%BB%D0%B8%D1%86%D1%8F%20%D0%A0%D0%B0%D0%B4%D1%83%D0%BD%D1%81%D1%8C%D0%BA%D0%B0%2C%203%2C%20%D0%9A%D0%B8%D1%97%D0%B2%2C%20%D0%A3%D0%BA%D1%80%D0%B0%D1%97%D0%BD%D0%B0%2C%2002000&amp;t=&amp;z=15&amp;ie=UTF8&amp;iwloc=&amp;output=embed\" width=\"100%\" height=\"100%\" style=\"border:0\" loading=\"lazy\" referrerPolicy=\"no-referrer-when-downgrade\" class=\"absolute inset-0 size-full grayscale contrast-125 opacity-90 hover:grayscale-0 hover:opacity-100 transition-all duration-500\"><\/iframe><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section data-section-id=\"1877\" id=\"footer\" class=\"dark bg-slate-950 text-white py-20 relative\">\n<div class=\"absolute top-0 left-0 right-0 h-2 w-full\" style=\"background-image:repeating-linear-gradient(45deg, hsl(24 95% 53%) 0px, hsl(24 95% 53%) 6px, hsl(220 15% 6%) 6px, hsl(220 15% 6%) 12px)\" aria-hidden=\"true\"><\/div>\n<div class=\"max-w-[1440px] mx-auto px-6 md:px-10 lg:px-16 pt-8\">\n<div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-10\">\n<div class=\"lg:col-span-9 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-10\">\n<div data-index=\"0\"><a href=\"https:\/\/graff-auto.com\" class=\"inline-block mb-6\"><\/a><\/p>\n<div class=\"flex items-center gap-2 mb-4\"><span class=\"inline-block w-2 h-2 bg-orange-600\"><\/span><span class=\"font-default text-xs tracking-[0.18em] uppercase text-white\/60\">\u0421\u0422\u0423\u0414\u0406\u042f<\/span><\/div>\n<address class=\"not-italic font-default text-sm tracking-[0.08em] uppercase text-white\/80 leading-relaxed\">\u0432\u0443\u043b\u0438\u0446\u044f \u0420\u0430\u0434\u0443\u043d\u0441\u044c\u043a\u0430, 3, \u041a\u0438\u0457\u0432, \u0423\u043a\u0440\u0430\u0457\u043d\u0430, 02000<br \/><a href=\"tel:+380962512251\" class=\"text-white text-white\/80 hover:text-orange-500 transition-colors\">+380 96 251 22 51<\/a><br \/><a href=\"https:\/\/graff-auto.com\/ru\/privacy-policy\/\" class=\"inline-block mt-2 text-white\/55 hover:text-orange-500 transition-colors\">\u041f\u043e\u043b\u0456\u0442\u0438\u043a\u0430 \u043a\u043e\u043d\u0444\u0456\u0434\u0435\u043d\u0446\u0456\u0439\u043d\u043e\u0441\u0442\u0456<\/a><\/address>\n<\/div>\n<div data-index=\"1\">\n<div data-wvc-dynamic=\"MenuProvider\" data-wvc-menu_id=\"16\">\n<div>\n<div class=\"flex items-center gap-2 mb-5\"><span class=\"inline-block w-2 h-2 bg-orange-600\"><\/span><span class=\"font-default text-xs tracking-[0.18em] uppercase text-white\/60\">\u041d\u0410\u0412\u0406\u0413\u0410\u0426\u0406\u042f<\/span><\/div>\n<div class=\"flex flex-col gap-3\">\n<div class=\"h-4 w-28 bg-white\/10 animate-pulse\"><\/div>\n<div class=\"h-4 w-32 bg-white\/10 animate-pulse\"><\/div>\n<div class=\"h-4 w-24 bg-white\/10 animate-pulse\"><\/div>\n<div class=\"h-4 w-30 bg-white\/10 animate-pulse\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div data-index=\"2\">\n<div class=\"flex items-center gap-2 mb-5\"><span class=\"inline-block w-2 h-2 bg-orange-600\"><\/span><span class=\"font-default text-xs tracking-[0.18em] uppercase text-white\/60\">\u041f\u041e\u0421\u041b\u0423\u0413\u0418<\/span><\/div>\n<ul class=\"flex flex-col gap-3\">\n<li data-index=\"0\"><a href=\"#pricingaccordion\" class=\"text-white font-default text-sm tracking-[0.1em] uppercase text-white\/80 hover:text-orange-500 relative inline-block group transition-colors duration-200\"><span>\u041d\u0430\u043d\u043e\u043a\u0435\u0440\u0430\u043c\u0456\u043a\u0430<\/span><span class=\"absolute left-0 -bottom-1 h-px w-0 bg-orange-500 transition-all duration-300 group-hover:w-full\"><\/span><\/a><\/li>\n<li data-index=\"1\"><a href=\"#pricingaccordion\" class=\"text-white font-default text-sm tracking-[0.1em] uppercase text-white\/80 hover:text-orange-500 relative inline-block group transition-colors duration-200\"><span>\u041f\u043e\u043b\u0456\u0440\u0443\u0432\u0430\u043d\u043d\u044f \u043a\u0443\u0437\u043e\u0432\u0430<\/span><span class=\"absolute left-0 -bottom-1 h-px w-0 bg-orange-500 transition-all duration-300 group-hover:w-full\"><\/span><\/a><\/li>\n<li data-index=\"2\"><a href=\"#pricingaccordion\" class=\"text-white font-default text-sm tracking-[0.1em] uppercase text-white\/80 hover:text-orange-500 relative inline-block group transition-colors duration-200\"><span>\u0425\u0456\u043c\u0447\u0438\u0441\u0442\u043a\u0430 \u0441\u0430\u043b\u043e\u043d\u0443<\/span><span class=\"absolute left-0 -bottom-1 h-px w-0 bg-orange-500 transition-all duration-300 group-hover:w-full\"><\/span><\/a><\/li>\n<li data-index=\"3\"><a href=\"#pricingaccordion\" class=\"text-white font-default text-sm tracking-[0.1em] uppercase text-white\/80 hover:text-orange-500 relative inline-block group transition-colors duration-200\"><span>\u0417\u0430\u0445\u0438\u0441\u0442 \u0441\u043a\u043b\u0430<\/span><span class=\"absolute left-0 -bottom-1 h-px w-0 bg-orange-500 transition-all duration-300 group-hover:w-full\"><\/span><\/a><\/li>\n<li data-index=\"4\"><a href=\"#pricingaccordion\" class=\"text-white font-default text-sm tracking-[0.1em] uppercase text-white\/80 hover:text-orange-500 relative inline-block group transition-colors duration-200\"><span>\u0417\u0430\u0445\u0438\u0441\u0442 \u0434\u0438\u0441\u043a\u0456\u0432<\/span><span class=\"absolute left-0 -bottom-1 h-px w-0 bg-orange-500 transition-all duration-300 group-hover:w-full\"><\/span><\/a><\/li>\n<\/ul>\n<\/div>\n<div data-index=\"3\">\n<div class=\"flex items-center gap-2 mb-5\"><span class=\"inline-block w-2 h-2 bg-orange-600\"><\/span><span class=\"font-default text-xs tracking-[0.18em] uppercase text-white\/60\">\u0413\u0420\u0410\u0424\u0406\u041a<\/span><\/div>\n<table class=\"w-full font-default text-sm\">\n<tbody>\n<tr data-index=\"0\" class=\"border-b border-white\/10 last:border-b-0\">\n<td class=\"py-2 tracking-[0.08em] uppercase text-white\/80\"><span class=\"flex items-center gap-2\"><span class=\"inline-block w-2 h-2\"><\/span>\u041f\u041d-\u041f\u0422<\/span><\/td>\n<td class=\"py-2 tracking-[0.08em] uppercase text-right text-white\/80\">9:00-19:00<\/td>\n<\/tr>\n<tr data-index=\"1\" class=\"border-b border-white\/10 last:border-b-0\">\n<td class=\"py-2 tracking-[0.08em] uppercase text-white\/80\"><span class=\"flex items-center gap-2\"><span class=\"inline-block w-2 h-2\"><\/span>\u0421\u0411<\/span><\/td>\n<td class=\"py-2 tracking-[0.08em] uppercase text-right text-white\/80\">10:00-17:00<\/td>\n<\/tr>\n<tr data-index=\"2\" class=\"border-b border-white\/10 last:border-b-0\">\n<td class=\"py-2 tracking-[0.08em] uppercase text-white\/80\"><span class=\"flex items-center gap-2\"><span class=\"inline-block w-2 h-2\"><\/span>\u041d\u0414<\/span><\/td>\n<td class=\"py-2 tracking-[0.08em] uppercase text-right text-white\/80\">\u0417\u0410\u041a\u0420\u0418\u0422\u041e<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"lg:col-span-3\">\n<div class=\"flex items-center gap-2 mb-5\"><span class=\"inline-block w-2 h-2 bg-orange-600\"><\/span><span class=\"font-default text-xs tracking-[0.18em] uppercase text-white\/60\">\u041a\u041e\u041d\u0422\u0410\u041a\u0422\u0418<\/span><\/div>\n<p><a href=\"tel:+380962512251\" class=\"text-white block mb-6 group\"><span class=\"block whitespace-nowrap font-default font-bold text-orange-500 leading-none tracking-tight\" style=\"font-size:clamp(1.5rem, 2.1vw, 2rem)\">+380 96 251 22 51<\/span><span class=\"block mt-2 font-default text-xs tracking-[0.18em] uppercase text-white\/50 group-hover:text-orange-500 transition-colors\">\u041d\u0410\u0422\u0418\u0421\u041d\u0406\u0422\u042c \u0414\u041b\u042f \u0412\u0418\u041a\u041b\u0418\u041a\u0423<\/span><\/a><\/p>\n<div class=\"mb-6\"><a href=\"#leadforminquiry\" data-slot=\"button\" class=\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring\/50 focus-visible:ring-[3px] aria-invalid:ring-destructive\/20 dark:aria-invalid:ring-destructive\/40 aria-invalid:border-destructive shadow-xs has-[&gt;svg]:px-3 bg-orange-600 text-white hover:bg-orange-700 font-default font-bold uppercase tracking-[0.06em] px-8 py-4 h-auto text-sm\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u0438\u0441\u044f \u043d\u0430 \u043f\u043e\u0441\u043b\u0443\u0433\u0443<\/a><\/div>\n<div class=\"flex items-center gap-3\"><a href=\"https:\/\/www.instagram.com\/kiev.avto.podbor\" aria-label=\"Instagram\" data-index=\"0\" class=\"text-white w-11 h-11 border border-white\/20 flex items-center justify-center hover:bg-orange-600 hover:border-orange-600 hover:text-white transition-all duration-200\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-instagram w-4 h-4\" aria-hidden=\"true\"><rect width=\"20\" height=\"20\" x=\"2\" y=\"2\" rx=\"5\" ry=\"5\"><\/rect><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path><line x1=\"17.5\" x2=\"17.51\" y1=\"6.5\" y2=\"6.5\"><\/line><\/svg><\/a><a href=\"https:\/\/t.me\/KievAvtoPodbor\" aria-label=\"Telegram\" data-index=\"1\" class=\"text-white w-11 h-11 border border-white\/20 flex items-center justify-center hover:bg-orange-600 hover:border-orange-600 hover:text-white transition-all duration-200\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send w-4 h-4\" aria-hidden=\"true\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"><\/path><path d=\"m21.854 2.147-10.94 10.939\"><\/path><\/svg><\/a><\/div>\n<\/div>\n<\/div>\n<div class=\"mt-16 mb-6 h-3 w-full\" style=\"background-image:repeating-linear-gradient(45deg, hsl(24 95% 53%) 0px, hsl(24 95% 53%) 8px, hsl(220 15% 6%) 8px, hsl(220 15% 6%) 16px)\" aria-hidden=\"true\"><\/div>\n<div class=\"flex flex-col md:flex-row items-start md:items-center justify-between gap-4 font-default text-xs tracking-[0.1em] uppercase text-white\/50\">\n<div>\u00a9 2025 Graff-Auto \u00b7 \u0414\u0415\u0422\u0415\u0419\u041b\u0406\u041d\u0413-\u0421\u0422\u0423\u0414\u0406\u042f \u00b7 \u041a\u0418\u0407\u0412<\/div>\n<div class=\"flex flex-wrap items-center gap-4 text-white\/45\"><a href=\"https:\/\/graff-auto.com\/ru\/privacy-policy\/\" class=\"hover:text-orange-500 transition-colors\">\u041f\u0420\u0418\u0412\u0410\u0422\u041d\u0406\u0421\u0422\u042c<\/a><\/p>\n<div data-orientation=\"vertical\" role=\"none\" data-slot=\"separator\" class=\"shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px h-3 bg-white\/20\"><\/div>\n<p><span>\u0423\u041c\u041e\u0412\u0418<\/span><\/p>\n<div data-orientation=\"vertical\" role=\"none\" data-slot=\"separator\" class=\"shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px h-3 bg-white\/20\"><\/div>\n<p><span>\u041a\u0410\u0420\u0422\u0410 \u0421\u0410\u0419\u0422\u0423<\/span><\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><script type=\"text\/javascript\">\n    window.addEventListener(\"load\", function () {\n        const root = document.getElementById(\"home-root\");\n        if (!root) return;<\/p>\n<p>        const api = window[\"HomeVC\"];\n        if (!api) {\n            console.error(\"HomeVC is not available\");\n            return;\n        }<\/p>\n<p>        let initial = window.__VC_PROPS__?.[\"HomeVC\"] || {};\n        const ssrUrl = \"home\" === \"home\"\n            ? \"\/\"\n            : \"\/\" + \"home\";<\/p>\n<p>        initial.router ??= \"memory\";\n        initial.initialEntries ??= [ssrUrl];<\/p>\n<p>        const hasSSR = root.childElementCount > 0;<\/p>\n<p>        if (hasSSR) api.hydrate(root, initial);\n        else api.mount(root, initial);\n    });\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u041f\u043e\u0441\u043b\u0443\u0433\u0438 UARU +380 96 251 22 51 M Graff-Auto \u0410\u041d\u0422\u0418\u0413\u0420\u0410\u0412\u0406\u0419\u041d\u0410 \u041f\u041b\u0406\u0412\u041a\u0410 \u00b7 \u0425\u0406\u041c\u0427\u0418\u0421\u0422\u041a\u0410 \u00b7 \u041f\u041e\u041b\u0406\u0420\u0423\u0412\u0410\u041d\u041d\u042f \u00b7 \u041d\u0410\u041d\u041e\u041a\u0415\u0420\u0410\u041c\u0406\u041a\u0410\u0410\u041d\u0422\u0418\u0413\u0420\u0410\u0412\u0406\u0419\u041d\u0410 \u041f\u041b\u0406\u0412\u041a\u0410 \u00b7 \u0425\u0406\u041c\u0427\u0418\u0421\u0422\u041a\u0410 \u0410\u0412\u0422\u041e \u00b7 PDR \u00b7 \u041f\u041e\u041b\u0406\u0420\u0423\u0412\u0410\u041d\u041d\u042f&#8230;<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"two_page_speed":{"current_score":{"desktop_score":41,"desktop_tti":"1.7\u00a0","mobile_score":57.999999999999993,"mobile_tti":"6.5\u00a0","date":"26.06.2026 12:18:37 pm","status":"completed"}},"_wvc_editor":true,"_wvc_home":false,"_wvc_shop":false,"_wvc_checkout":false,"_wvc_cart":false,"footnotes":""},"class_list":["post-76","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/graff-auto.com\/ru\/wp-json\/wp\/v2\/pages\/76","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graff-auto.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/graff-auto.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/graff-auto.com\/ru\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/graff-auto.com\/ru\/wp-json\/wp\/v2\/comments?post=76"}],"version-history":[{"count":25,"href":"https:\/\/graff-auto.com\/ru\/wp-json\/wp\/v2\/pages\/76\/revisions"}],"predecessor-version":[{"id":163,"href":"https:\/\/graff-auto.com\/ru\/wp-json\/wp\/v2\/pages\/76\/revisions\/163"}],"wp:attachment":[{"href":"https:\/\/graff-auto.com\/ru\/wp-json\/wp\/v2\/media?parent=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}