Klinikar AI Subscription Checkout<\/title>\n <style>\n :root {\n --orange: #fb620b;\n --orange-dark: #d94f04;\n --black: #111215;\n --ink: #18191f;\n --muted: #696d78;\n --soft: #f7f7f5;\n --cream: #fbfaf8;\n --line: #e8e4dc;\n --white: #ffffff;\n --green: #16a34a;\n --shadow: 0 24px 80px rgba(17, 18, 21, 0.10);\n --shadow-soft: 0 12px 40px rgba(17, 18, 21, 0.08);\n --radius: 28px;\n --max: 1180px;\n }\n\n * { box-sizing: border-box; }\n html { scroll-behavior: smooth; }\n body {\n margin: 0;\n font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\n color: var(--ink);\n background:\n radial-gradient(circle at 14% 6%, rgba(251, 98, 11, 0.13), transparent 28%),\n radial-gradient(circle at 86% 2%, rgba(251, 98, 11, 0.09), transparent 26%),\n linear-gradient(180deg, #ffffff 0%, var(--cream) 46%, var(--soft) 100%);\n line-height: 1.55;\n -webkit-font-smoothing: antialiased;\n text-rendering: geometricPrecision;\n }\n\n a { color: inherit; text-decoration: none; }\n .wrap { width: min(var(--max), calc(100% - 44px)); margin: 0 auto; }\n\n .topbar { padding: 28px 0 10px; }\n .topbar-inner {\n border: 1px solid rgba(232, 228, 220, 0.88);\n background: rgba(255,255,255,0.78);\n backdrop-filter: blur(18px);\n border-radius: 999px;\n padding: 14px 18px 14px 22px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n box-shadow: 0 10px 40px rgba(17,18,21,.05);\n }\n\n .brand { display: flex; align-items: center; gap: 12px; font-weight: 950; letter-spacing: -0.05em; font-size: 24px; color: var(--black); }\n .brand-mark {\n width: 40px; height: 40px; border-radius: 14px;\n display: grid; place-items: center;\n background: var(--black); color: var(--orange);\n font-weight: 950; box-shadow: 0 14px 30px rgba(17,18,21,.18);\n }\n .brand span span { color: var(--orange); }\n .top-actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; justify-content: flex-end; }\n .badge {\n display: inline-flex; align-items: center; gap: 8px;\n padding: 8px 12px; border-radius: 999px;\n color: #9a3600; background: rgba(251,98,11,.08);\n border: 1px solid rgba(251,98,11,.20);\n font-size: 13px; font-weight: 900; white-space: nowrap;\n }\n\n .hero { padding: 58px 0 40px; text-align: center; }\n .eyebrow {\n display: inline-flex; align-items: center; gap: 10px;\n color: var(--orange); font-weight: 950; font-size: 12px;\n letter-spacing: .20em; text-transform: uppercase; margin-bottom: 18px;\n }\n .eyebrow:before, .eyebrow:after { content: \"\"; width: 26px; height: 2px; border-radius: 999px; background: var(--orange); }\n h1 { font-size: clamp(40px, 6vw, 72px); line-height: .96; letter-spacing: -0.065em; margin: 0 auto 20px; max-width: 920px; color: var(--black); }\n .lead { font-size: clamp(17px, 2vw, 22px); max-width: 820px; margin: 0 auto 24px; color: #3c3f47; }\n .orange { color: var(--orange); }\n\n .notice {\n margin: 28px auto 0;\n max-width: 920px;\n background: var(--black); color: #fff;\n border-radius: var(--radius);\n padding: 22px 24px;\n display: flex; align-items: center; justify-content: space-between; gap: 16px;\n box-shadow: var(--shadow-soft);\n text-align: left;\n }\n .notice strong { display: block; font-size: 24px; letter-spacing: -0.04em; }\n .notice span { color: #d8d8dc; }\n .notice b { color: var(--orange); }\n\n .button-row { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; margin-top: 26px; }\n .btn, button.btn {\n appearance: none;\n border: 1px solid transparent;\n min-height: 52px;\n display: inline-flex; align-items: center; justify-content: center;\n border-radius: 999px;\n padding: 15px 22px;\n font-weight: 950;\n cursor: pointer;\n transition: .2s ease;\n font-size: 15px;\n width: 100%;\n }\n .btn:hover { transform: translateY(-2px); }\n .btn-primary { background: var(--orange); color: #fff; box-shadow: 0 18px 46px rgba(251,98,11,.28); }\n .btn-primary:hover { background: var(--orange-dark); }\n .btn-dark { background: var(--black); color: #fff; box-shadow: 0 18px 46px rgba(17,18,21,.18); }\n .btn-ghost { background: #fff; color: var(--black); border-color: var(--line); }\n\n .section { padding: 42px 0; }\n .section-head { text-align: center; max-width: 820px; margin: 0 auto 30px; }\n .section-head h2 { margin: 0 0 12px; color: var(--black); font-size: clamp(30px, 4vw, 50px); line-height: 1.02; letter-spacing: -0.055em; }\n .section-head p { margin: 0; color: var(--muted); font-size: 18px; }\n\n .pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; align-items: stretch; }\n .plan {\n position: relative;\n background: #fff;\n border: 1px solid var(--line);\n border-radius: 30px;\n padding: 26px;\n box-shadow: 0 14px 46px rgba(17,18,21,.06);\n display: flex;\n flex-direction: column;\n overflow: hidden;\n }\n .plan:after {\n content: \"\"; position: absolute; right: -52px; top: -52px;\n width: 150px; height: 150px; border-radius: 999px;\n background: rgba(251,98,11,.06);\n }\n .plan.featured { border: 2px solid var(--orange); box-shadow: 0 26px 90px rgba(251,98,11,.18); transform: translateY(-8px); }\n .recommended {\n position: absolute; top: 18px; right: 18px;\n background: var(--orange); color: #fff;\n border-radius: 999px; padding: 7px 11px;\n font-size: 12px; font-weight: 950; z-index: 2;\n }\n .plan-kicker { color: var(--orange); font-size: 12px; letter-spacing: .16em; text-transform: uppercase; font-weight: 950; margin-bottom: 10px; }\n .plan h3 { margin: 0 0 6px; font-size: 23px; line-height: 1.08; letter-spacing: -0.045em; color: var(--black); position: relative; z-index: 1; }\n .plan-copy { margin: 0 0 16px; color: #5b5f69; position: relative; z-index: 1; }\n .price { margin: 12px 0; font-size: 46px; font-weight: 950; letter-spacing: -0.07em; color: var(--black); line-height: 1; position: relative; z-index: 1; }\n .price small { font-size: 16px; letter-spacing: 0; color: var(--muted); font-weight: 800; }\n\n .list { list-style: none; padding: 0; margin: 18px 0 24px; display: grid; gap: 10px; position: relative; z-index: 1; }\n .list li { display: flex; gap: 9px; color: #3f424b; font-size: 14.5px; }\n .list li:before {\n content: \"\u2713\"; flex: 0 0 20px; width: 20px; height: 20px;\n border-radius: 999px;\n background: rgba(251,98,11,.12); color: var(--orange);\n display: flex; align-items: center; justify-content: center;\n font-weight: 950; font-size: 12px;\n }\n form { margin-top: auto; position: relative; z-index: 1; }\n\n .flow { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }\n .flow-card {\n background: #fff; border: 1px solid var(--line); border-radius: 24px;\n padding: 20px; box-shadow: var(--shadow-soft);\n }\n .flow-card b { display: inline-flex; width: 36px; height: 36px; border-radius: 13px; background: var(--black); color: var(--orange); align-items: center; justify-content: center; margin-bottom: 14px; }\n .flow-card strong { display: block; font-size: 18px; letter-spacing: -0.03em; color: var(--black); margin-bottom: 6px; }\n .flow-card p { color: var(--muted); margin: 0; font-size: 14.5px; }\n\n .footer-note { padding: 34px 0 70px; text-align: center; color: var(--muted); font-size: 13px; }\n .footer-note strong { color: var(--black); }\n\n @media (max-width: 980px) {\n .pricing-grid, .flow { grid-template-columns: 1fr; }\n .plan.featured { transform: none; }\n .notice { flex-direction: column; align-items: flex-start; }\n }\n @media (max-width: 640px) {\n .wrap { width: min(var(--max), calc(100% - 28px)); }\n .topbar-inner { border-radius: 24px; align-items: flex-start; flex-direction: column; }\n .brand { font-size: 21px; }\n .hero { padding-top: 40px; }\n .plan { padding: 22px; }\n .button-row .btn { width: 100%; }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"topbar\" id=\"top\">\n <div class=\"wrap topbar-inner\">\n <a class=\"brand\" href=\"#top\" aria-label=\"Klinikar AI\">\n <span class=\"brand-mark\">K<\/span>\n <span>klinikar<span>.ai<\/span><\/span>\n <\/a>\n <div class=\"top-actions\">\n <span class=\"badge\">AI Tools for Automotive Growth<\/span>\n <a class=\"btn btn-dark\" style=\"width:auto;min-height:42px;padding:10px 16px;font-size:13px\" href=\"https:\/\/wa.me\/60XXXXXXXXX?text=Hi%20Klinikar%20AI%2C%20I%20want%20a%20free%20AI%20workshop%20test\">Free AI Workshop Test<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <main>\n <section class=\"hero\">\n <div class=\"wrap\">\n <div class=\"eyebrow\">Subscription checkout<\/div>\n <h1>Upgrade your workshop with <span class=\"orange\">AI reply, quotation, stock support<\/span> and reports.<\/h1>\n <p class=\"lead\">Choose your Klinikar AI plan. Stripe will handle the secure monthly subscription checkout. After payment, you will be redirected to the onboarding page to set up your workshop.<\/p>\n\n <div class=\"notice\">\n <div>\n <strong>Launch offer: lock your monthly price for 12 months.<\/strong>\n <span>Normal full upgrade value: <b>RM599\/month<\/b>. Start from <b>RM199\/month<\/b> this month.<\/span>\n <\/div>\n <span class=\"badge\">Minimum 3 months recommended<\/span>\n <\/div>\n\n <div class=\"button-row\">\n <a class=\"btn btn-ghost\" href=\"#plans\">View Plans<\/a>\n <a class=\"btn btn-primary\" href=\"https:\/\/wa.me\/60XXXXXXXXX?text=Hi%20Klinikar%20AI%2C%20please%20help%20me%20choose%20the%20right%20subscription%20plan\">Ask Which Plan Fits Me<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section\" id=\"plans\">\n <div class=\"wrap\">\n <div class=\"section-head\">\n <h2>Choose your AI workshop upgrade<\/h2>\n <p>RM199 starts your AI-era online presence. RM299 handles enquiries and quotations. RM599 is the full growth system.<\/p>\n <\/div>\n\n <div class=\"pricing-grid\">\n <article class=\"plan\">\n <div class=\"plan-kicker\">Starter Upgrade<\/div>\n <h3>Klinikar AI Starter<\/h3>\n <p class=\"plan-copy\">For workshops that want to start capturing enquiries, showing services, and building AI-search-friendly online visibility.<\/p>\n <div class=\"price\">RM199<small>\/month<\/small><\/div>\n <ul class=\"list\">\n <li>Klinikar workshop profile<\/li>\n <li>Service and product display<\/li>\n <li>Basic AI reply support<\/li>\n <li>Basic AI quotation support<\/li>\n <li>Tyrestore stock support<\/li>\n <li>Customer enquiry capture<\/li>\n <li>Monthly activity summary<\/li>\n <\/ul>\n <form action=\"\/create-checkout-session\" method=\"POST\">\n <input type=\"hidden\" name=\"lookup_key\" value=\"klinikar_ai_starter_199_monthly\" \/>\n <button class=\"btn btn-dark\" type=\"submit\">Subscribe RM199<\/button>\n <\/form>\n <\/article>\n\n <article class=\"plan featured\">\n <div class=\"recommended\">Recommended<\/div>\n <div class=\"plan-kicker\">Workshop Assistant<\/div>\n <h3>Klinikar AI Assistant<\/h3>\n <p class=\"plan-copy\">For workshops that want faster replies, cleaner quotations, customer contact collection, booking push and basic reports.<\/p>\n <div class=\"price\">RM299<small>\/month<\/small><\/div>\n <ul class=\"list\">\n <li>Everything in RM199<\/li>\n <li>Stronger AI customer reply setup<\/li>\n <li>AI tyre and service quotation flow<\/li>\n <li>Customer contact collection<\/li>\n <li>Booking push support<\/li>\n <li>Emergency WhatsApp alert setup<\/li>\n <li>Basic boss report<\/li>\n <\/ul>\n <form action=\"\/create-checkout-session\" method=\"POST\">\n <input type=\"hidden\" name=\"lookup_key\" value=\"klinikar_ai_assistant_299_monthly\" \/>\n <button class=\"btn btn-primary\" type=\"submit\">Subscribe RM299<\/button>\n <\/form>\n <\/article>\n\n <article class=\"plan\">\n <div class=\"plan-kicker\">Growth System<\/div>\n <h3>Klinikar AI Growth<\/h3>\n <p class=\"plan-copy\">For workshops that want the full AI growth machine: enquiries, quotations, follow-up, marketing, SEO and reports.<\/p>\n <div class=\"price\">RM599<small>\/month<\/small><\/div>\n <ul class=\"list\">\n <li>Everything in RM299<\/li>\n <li>AI marketing campaign support<\/li>\n <li>Service reminder structure<\/li>\n <li>Review booster structure<\/li>\n <li>SEO-ready workshop content<\/li>\n <li>AI-search-friendly service pages<\/li>\n <li>Weekly boss report<\/li>\n <\/ul>\n <form action=\"\/create-checkout-session\" method=\"POST\">\n <input type=\"hidden\" name=\"lookup_key\" value=\"klinikar_ai_growth_599_monthly\" \/>\n <button class=\"btn btn-dark\" type=\"submit\">Subscribe RM599<\/button>\n <\/form>\n <\/article>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section\">\n <div class=\"wrap\">\n <div class=\"section-head\">\n <h2>What happens after payment?<\/h2>\n <p>Keep it simple. Pay, submit workshop details, test the AI flow, then go live.<\/p>\n <\/div>\n <div class=\"flow\">\n <div class=\"flow-card\"><b>1<\/b><strong>Subscribe<\/strong><p>Checkout securely through Stripe and activate your monthly subscription.<\/p><\/div>\n <div class=\"flow-card\"><b>2<\/b><strong>Submit setup details<\/strong><p>Tell us your workshop services, stock setup, WhatsApp flow and main pain points.<\/p><\/div>\n <div class=\"flow-card\"><b>3<\/b><strong>AI setup and testing<\/strong><p>We prepare your AI reply, quotation flow, alerts, reports and campaign structure.<\/p><\/div>\n <div class=\"flow-card\"><b>4<\/b><strong>Go live<\/strong><p>Your workshop starts using Klinikar AI to reduce manual work and push more bookings.<\/p><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"footer-note wrap\">\n <strong>Important:<\/strong> this page requires a backend route at <code>\/create-checkout-session<\/code> that creates the Stripe Checkout Session from the submitted lookup_key. If you do not have a backend yet, use the Payment Links version instead.\n <\/div>\n <\/main>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Klinikar AI Subscription Checkout K klinikar.ai AI Tools for Automotive Growth Free AI Workshop Test Subscription checkout Upgrade your workshop with AI reply, quotation, stock support and reports. Choose your Klinikar AI plan. Stripe will handle the secure monthly subscription checkout. After payment, you will be redirected to the onboarding page to set up your […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-46","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/klinikar.ai\/index.php?rest_route=\/wp\/v2\/pages\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/klinikar.ai\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/klinikar.ai\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/klinikar.ai\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/klinikar.ai\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=46"}],"version-history":[{"count":4,"href":"https:\/\/klinikar.ai\/index.php?rest_route=\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":56,"href":"https:\/\/klinikar.ai\/index.php?rest_route=\/wp\/v2\/pages\/46\/revisions\/56"}],"wp:attachment":[{"href":"https:\/\/klinikar.ai\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Klinikar AI Subscription Checkout<\/title>\n <style>\n :root {\n --orange: #fb620b;\n --orange-dark: #d94f04;\n --black: #111215;\n --ink: #18191f;\n --muted: #696d78;\n --soft: #f7f7f5;\n --cream: #fbfaf8;\n --line: #e8e4dc;\n --white: #ffffff;\n --green: #16a34a;\n --shadow: 0 24px 80px rgba(17, 18, 21, 0.10);\n --shadow-soft: 0 12px 40px rgba(17, 18, 21, 0.08);\n --radius: 28px;\n --max: 1180px;\n }\n\n * { box-sizing: border-box; }\n html { scroll-behavior: smooth; }\n body {\n margin: 0;\n font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\n color: var(--ink);\n background:\n radial-gradient(circle at 14% 6%, rgba(251, 98, 11, 0.13), transparent 28%),\n radial-gradient(circle at 86% 2%, rgba(251, 98, 11, 0.09), transparent 26%),\n linear-gradient(180deg, #ffffff 0%, var(--cream) 46%, var(--soft) 100%);\n line-height: 1.55;\n -webkit-font-smoothing: antialiased;\n text-rendering: geometricPrecision;\n }\n\n a { color: inherit; text-decoration: none; }\n .wrap { width: min(var(--max), calc(100% - 44px)); margin: 0 auto; }\n\n .topbar { padding: 28px 0 10px; }\n .topbar-inner {\n border: 1px solid rgba(232, 228, 220, 0.88);\n background: rgba(255,255,255,0.78);\n backdrop-filter: blur(18px);\n border-radius: 999px;\n padding: 14px 18px 14px 22px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n box-shadow: 0 10px 40px rgba(17,18,21,.05);\n }\n\n .brand { display: flex; align-items: center; gap: 12px; font-weight: 950; letter-spacing: -0.05em; font-size: 24px; color: var(--black); }\n .brand-mark {\n width: 40px; height: 40px; border-radius: 14px;\n display: grid; place-items: center;\n background: var(--black); color: var(--orange);\n font-weight: 950; box-shadow: 0 14px 30px rgba(17,18,21,.18);\n }\n .brand span span { color: var(--orange); }\n .top-actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; justify-content: flex-end; }\n .badge {\n display: inline-flex; align-items: center; gap: 8px;\n padding: 8px 12px; border-radius: 999px;\n color: #9a3600; background: rgba(251,98,11,.08);\n border: 1px solid rgba(251,98,11,.20);\n font-size: 13px; font-weight: 900; white-space: nowrap;\n }\n\n .hero { padding: 58px 0 40px; text-align: center; }\n .eyebrow {\n display: inline-flex; align-items: center; gap: 10px;\n color: var(--orange); font-weight: 950; font-size: 12px;\n letter-spacing: .20em; text-transform: uppercase; margin-bottom: 18px;\n }\n .eyebrow:before, .eyebrow:after { content: \"\"; width: 26px; height: 2px; border-radius: 999px; background: var(--orange); }\n h1 { font-size: clamp(40px, 6vw, 72px); line-height: .96; letter-spacing: -0.065em; margin: 0 auto 20px; max-width: 920px; color: var(--black); }\n .lead { font-size: clamp(17px, 2vw, 22px); max-width: 820px; margin: 0 auto 24px; color: #3c3f47; }\n .orange { color: var(--orange); }\n\n .notice {\n margin: 28px auto 0;\n max-width: 920px;\n background: var(--black); color: #fff;\n border-radius: var(--radius);\n padding: 22px 24px;\n display: flex; align-items: center; justify-content: space-between; gap: 16px;\n box-shadow: var(--shadow-soft);\n text-align: left;\n }\n .notice strong { display: block; font-size: 24px; letter-spacing: -0.04em; }\n .notice span { color: #d8d8dc; }\n .notice b { color: var(--orange); }\n\n .button-row { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; margin-top: 26px; }\n .btn, button.btn {\n appearance: none;\n border: 1px solid transparent;\n min-height: 52px;\n display: inline-flex; align-items: center; justify-content: center;\n border-radius: 999px;\n padding: 15px 22px;\n font-weight: 950;\n cursor: pointer;\n transition: .2s ease;\n font-size: 15px;\n width: 100%;\n }\n .btn:hover { transform: translateY(-2px); }\n .btn-primary { background: var(--orange); color: #fff; box-shadow: 0 18px 46px rgba(251,98,11,.28); }\n .btn-primary:hover { background: var(--orange-dark); }\n .btn-dark { background: var(--black); color: #fff; box-shadow: 0 18px 46px rgba(17,18,21,.18); }\n .btn-ghost { background: #fff; color: var(--black); border-color: var(--line); }\n\n .section { padding: 42px 0; }\n .section-head { text-align: center; max-width: 820px; margin: 0 auto 30px; }\n .section-head h2 { margin: 0 0 12px; color: var(--black); font-size: clamp(30px, 4vw, 50px); line-height: 1.02; letter-spacing: -0.055em; }\n .section-head p { margin: 0; color: var(--muted); font-size: 18px; }\n\n .pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; align-items: stretch; }\n .plan {\n position: relative;\n background: #fff;\n border: 1px solid var(--line);\n border-radius: 30px;\n padding: 26px;\n box-shadow: 0 14px 46px rgba(17,18,21,.06);\n display: flex;\n flex-direction: column;\n overflow: hidden;\n }\n .plan:after {\n content: \"\"; position: absolute; right: -52px; top: -52px;\n width: 150px; height: 150px; border-radius: 999px;\n background: rgba(251,98,11,.06);\n }\n .plan.featured { border: 2px solid var(--orange); box-shadow: 0 26px 90px rgba(251,98,11,.18); transform: translateY(-8px); }\n .recommended {\n position: absolute; top: 18px; right: 18px;\n background: var(--orange); color: #fff;\n border-radius: 999px; padding: 7px 11px;\n font-size: 12px; font-weight: 950; z-index: 2;\n }\n .plan-kicker { color: var(--orange); font-size: 12px; letter-spacing: .16em; text-transform: uppercase; font-weight: 950; margin-bottom: 10px; }\n .plan h3 { margin: 0 0 6px; font-size: 23px; line-height: 1.08; letter-spacing: -0.045em; color: var(--black); position: relative; z-index: 1; }\n .plan-copy { margin: 0 0 16px; color: #5b5f69; position: relative; z-index: 1; }\n .price { margin: 12px 0; font-size: 46px; font-weight: 950; letter-spacing: -0.07em; color: var(--black); line-height: 1; position: relative; z-index: 1; }\n .price small { font-size: 16px; letter-spacing: 0; color: var(--muted); font-weight: 800; }\n\n .list { list-style: none; padding: 0; margin: 18px 0 24px; display: grid; gap: 10px; position: relative; z-index: 1; }\n .list li { display: flex; gap: 9px; color: #3f424b; font-size: 14.5px; }\n .list li:before {\n content: \"\u2713\"; flex: 0 0 20px; width: 20px; height: 20px;\n border-radius: 999px;\n background: rgba(251,98,11,.12); color: var(--orange);\n display: flex; align-items: center; justify-content: center;\n font-weight: 950; font-size: 12px;\n }\n form { margin-top: auto; position: relative; z-index: 1; }\n\n .flow { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }\n .flow-card {\n background: #fff; border: 1px solid var(--line); border-radius: 24px;\n padding: 20px; box-shadow: var(--shadow-soft);\n }\n .flow-card b { display: inline-flex; width: 36px; height: 36px; border-radius: 13px; background: var(--black); color: var(--orange); align-items: center; justify-content: center; margin-bottom: 14px; }\n .flow-card strong { display: block; font-size: 18px; letter-spacing: -0.03em; color: var(--black); margin-bottom: 6px; }\n .flow-card p { color: var(--muted); margin: 0; font-size: 14.5px; }\n\n .footer-note { padding: 34px 0 70px; text-align: center; color: var(--muted); font-size: 13px; }\n .footer-note strong { color: var(--black); }\n\n @media (max-width: 980px) {\n .pricing-grid, .flow { grid-template-columns: 1fr; }\n .plan.featured { transform: none; }\n .notice { flex-direction: column; align-items: flex-start; }\n }\n @media (max-width: 640px) {\n .wrap { width: min(var(--max), calc(100% - 28px)); }\n .topbar-inner { border-radius: 24px; align-items: flex-start; flex-direction: column; }\n .brand { font-size: 21px; }\n .hero { padding-top: 40px; }\n .plan { padding: 22px; }\n .button-row .btn { width: 100%; }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"topbar\" id=\"top\">\n <div class=\"wrap topbar-inner\">\n <a class=\"brand\" href=\"#top\" aria-label=\"Klinikar AI\">\n <span class=\"brand-mark\">K<\/span>\n <span>klinikar<span>.ai<\/span><\/span>\n <\/a>\n <div class=\"top-actions\">\n <span class=\"badge\">AI Tools for Automotive Growth<\/span>\n <a class=\"btn btn-dark\" style=\"width:auto;min-height:42px;padding:10px 16px;font-size:13px\" href=\"https:\/\/wa.me\/60XXXXXXXXX?text=Hi%20Klinikar%20AI%2C%20I%20want%20a%20free%20AI%20workshop%20test\">Free AI Workshop Test<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <main>\n <section class=\"hero\">\n <div class=\"wrap\">\n <div class=\"eyebrow\">Subscription checkout<\/div>\n <h1>Upgrade your workshop with <span class=\"orange\">AI reply, quotation, stock support<\/span> and reports.<\/h1>\n <p class=\"lead\">Choose your Klinikar AI plan. Stripe will handle the secure monthly subscription checkout. After payment, you will be redirected to the onboarding page to set up your workshop.<\/p>\n\n <div class=\"notice\">\n <div>\n <strong>Launch offer: lock your monthly price for 12 months.<\/strong>\n <span>Normal full upgrade value: <b>RM599\/month<\/b>. Start from <b>RM199\/month<\/b> this month.<\/span>\n <\/div>\n <span class=\"badge\">Minimum 3 months recommended<\/span>\n <\/div>\n\n <div class=\"button-row\">\n <a class=\"btn btn-ghost\" href=\"#plans\">View Plans<\/a>\n <a class=\"btn btn-primary\" href=\"https:\/\/wa.me\/60XXXXXXXXX?text=Hi%20Klinikar%20AI%2C%20please%20help%20me%20choose%20the%20right%20subscription%20plan\">Ask Which Plan Fits Me<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section\" id=\"plans\">\n <div class=\"wrap\">\n <div class=\"section-head\">\n <h2>Choose your AI workshop upgrade<\/h2>\n <p>RM199 starts your AI-era online presence. RM299 handles enquiries and quotations. RM599 is the full growth system.<\/p>\n <\/div>\n\n <div class=\"pricing-grid\">\n <article class=\"plan\">\n <div class=\"plan-kicker\">Starter Upgrade<\/div>\n <h3>Klinikar AI Starter<\/h3>\n <p class=\"plan-copy\">For workshops that want to start capturing enquiries, showing services, and building AI-search-friendly online visibility.<\/p>\n <div class=\"price\">RM199<small>\/month<\/small><\/div>\n <ul class=\"list\">\n <li>Klinikar workshop profile<\/li>\n <li>Service and product display<\/li>\n <li>Basic AI reply support<\/li>\n <li>Basic AI quotation support<\/li>\n <li>Tyrestore stock support<\/li>\n <li>Customer enquiry capture<\/li>\n <li>Monthly activity summary<\/li>\n <\/ul>\n <form action=\"\/create-checkout-session\" method=\"POST\">\n <input type=\"hidden\" name=\"lookup_key\" value=\"klinikar_ai_starter_199_monthly\" \/>\n <button class=\"btn btn-dark\" type=\"submit\">Subscribe RM199<\/button>\n <\/form>\n <\/article>\n\n <article class=\"plan featured\">\n <div class=\"recommended\">Recommended<\/div>\n <div class=\"plan-kicker\">Workshop Assistant<\/div>\n <h3>Klinikar AI Assistant<\/h3>\n <p class=\"plan-copy\">For workshops that want faster replies, cleaner quotations, customer contact collection, booking push and basic reports.<\/p>\n <div class=\"price\">RM299<small>\/month<\/small><\/div>\n <ul class=\"list\">\n <li>Everything in RM199<\/li>\n <li>Stronger AI customer reply setup<\/li>\n <li>AI tyre and service quotation flow<\/li>\n <li>Customer contact collection<\/li>\n <li>Booking push support<\/li>\n <li>Emergency WhatsApp alert setup<\/li>\n <li>Basic boss report<\/li>\n <\/ul>\n <form action=\"\/create-checkout-session\" method=\"POST\">\n <input type=\"hidden\" name=\"lookup_key\" value=\"klinikar_ai_assistant_299_monthly\" \/>\n <button class=\"btn btn-primary\" type=\"submit\">Subscribe RM299<\/button>\n <\/form>\n <\/article>\n\n <article class=\"plan\">\n <div class=\"plan-kicker\">Growth System<\/div>\n <h3>Klinikar AI Growth<\/h3>\n <p class=\"plan-copy\">For workshops that want the full AI growth machine: enquiries, quotations, follow-up, marketing, SEO and reports.<\/p>\n <div class=\"price\">RM599<small>\/month<\/small><\/div>\n <ul class=\"list\">\n <li>Everything in RM299<\/li>\n <li>AI marketing campaign support<\/li>\n <li>Service reminder structure<\/li>\n <li>Review booster structure<\/li>\n <li>SEO-ready workshop content<\/li>\n <li>AI-search-friendly service pages<\/li>\n <li>Weekly boss report<\/li>\n <\/ul>\n <form action=\"\/create-checkout-session\" method=\"POST\">\n <input type=\"hidden\" name=\"lookup_key\" value=\"klinikar_ai_growth_599_monthly\" \/>\n <button class=\"btn btn-dark\" type=\"submit\">Subscribe RM599<\/button>\n <\/form>\n <\/article>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section\">\n <div class=\"wrap\">\n <div class=\"section-head\">\n <h2>What happens after payment?<\/h2>\n <p>Keep it simple. Pay, submit workshop details, test the AI flow, then go live.<\/p>\n <\/div>\n <div class=\"flow\">\n <div class=\"flow-card\"><b>1<\/b><strong>Subscribe<\/strong><p>Checkout securely through Stripe and activate your monthly subscription.<\/p><\/div>\n <div class=\"flow-card\"><b>2<\/b><strong>Submit setup details<\/strong><p>Tell us your workshop services, stock setup, WhatsApp flow and main pain points.<\/p><\/div>\n <div class=\"flow-card\"><b>3<\/b><strong>AI setup and testing<\/strong><p>We prepare your AI reply, quotation flow, alerts, reports and campaign structure.<\/p><\/div>\n <div class=\"flow-card\"><b>4<\/b><strong>Go live<\/strong><p>Your workshop starts using Klinikar AI to reduce manual work and push more bookings.<\/p><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"footer-note wrap\">\n <strong>Important:<\/strong> this page requires a backend route at <code>\/create-checkout-session<\/code> that creates the Stripe Checkout Session from the submitted lookup_key. If you do not have a backend yet, use the Payment Links version instead.\n <\/div>\n <\/main>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Klinikar AI Subscription Checkout K klinikar.ai AI Tools for Automotive Growth Free AI Workshop Test Subscription checkout Upgrade your workshop with AI reply, quotation, stock support and reports. Choose your Klinikar AI plan. Stripe will handle the secure monthly subscription checkout. After payment, you will be redirected to the onboarding page to set up your […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-46","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/klinikar.ai\/index.php?rest_route=\/wp\/v2\/pages\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/klinikar.ai\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/klinikar.ai\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/klinikar.ai\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/klinikar.ai\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=46"}],"version-history":[{"count":4,"href":"https:\/\/klinikar.ai\/index.php?rest_route=\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":56,"href":"https:\/\/klinikar.ai\/index.php?rest_route=\/wp\/v2\/pages\/46\/revisions\/56"}],"wp:attachment":[{"href":"https:\/\/klinikar.ai\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}