{"componentChunkName":"component---src-templates-raw-html-js","path":"/ai-readiness-website-platform-aiso-automotive/","result":{"pageContext":{"pageContent":{"HTML":{"order":0,"visible":true,"scriptJS":"\n","rawHTML":"import React from \"react\";\nimport { ArrowRight, CheckCircle2, AlertTriangle } from \"lucide-react\";\nimport { motion } from \"framer-motion\";\n\nexport default function AISOPage() {\n  return (\n    <div className=\"relative min-h-screen overflow-hidden bg-slate-950 text-slate-100 font-mxs\">\n      <style>{`@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');\n:root{\n  --mxs-grad-from:#8db6ff; /* light blue */\n  --mxs-grad-via:#4f8dff;  /* mid blue */\n  --mxs-grad-to:#2563eb;   /* deep blue */\n}\n.mxs-gradient{background-image:linear-gradient(90deg,var(--mxs-grad-from),var(--mxs-grad-via),var(--mxs-grad-to));}\n.text-gradient{background-image:linear-gradient(90deg,var(--mxs-grad-from),var(--mxs-grad-via),var(--mxs-grad-to));-webkit-background-clip:text;background-clip:text;color:transparent;}\n.font-mxs{font-family:'Montserrat',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,'Apple Color Emoji','Segoe UI Emoji';}\n/* Glow utilities */\n.glow-ring{box-shadow:0 0 0 1px rgba(255,255,255,0.06),0 10px 25px rgba(96,165,250,0.25),0 0 60px rgba(139,92,246,0.20);} \n.card-glow{box-shadow:0 0 30px rgba(96,165,250,0.15);} \n.grad-border{position:relative;padding:1px;border-radius:0;background:linear-gradient(180deg,rgba(94,234,212,.35),rgba(96,165,250,.25),rgba(139,92,246,.2));}\n.grad-border>.inner{border-radius:0;background:rgba(2,6,23,.85);backdrop-filter:blur(6px);border:1px solid rgba(148,163,184,.15);} \n/* Decorative blobs */\n.hero-blob{position:absolute;left:50%;top:-6rem;transform:translateX(-30%);width:60rem;height:60rem;background:radial-gradient(closest-side,rgba(94,234,212,.25),rgba(96,165,250,.2),rgba(139,92,246,.15),transparent 70%);filter:blur(80px);opacity:.7;pointer-events:none;z-index:0;}\n.section-blob{position:absolute;right:-20%;bottom:-20%;width:40rem;height:40rem;background:radial-gradient(closest-side,rgba(96,165,250,.15),rgba(139,92,246,.12),transparent 70%);filter:blur(80px);opacity:.8;pointer-events:none;z-index:0;}\n`}</style>\n      {/* Header */}\n      \n      {/* global glows */}\n      <div className=\"pointer-events-none absolute inset-0 -z-10\">\n        <div className=\"hero-blob\"></div>\n      </div>\n\n      {/* Hero */}\n      <section className=\"relative\">\n        <div className=\"mx-auto grid max-w-7xl grid-cols-1 gap-10 px-4 py-16 md:grid-cols-2 md:items-center\">\n          <div>\n            <div className=\"mb-4 inline-flex items-center gap-2 rounded-full border border-slate-800 bg-slate-900/60 px-3 py-1 text-xs text-slate-300\">\n              <SparklesIcon className=\"h-4 w-4\" />\n              <span>AI Search Optimization (AISO) for Auto Dealers</span>\n            </div>\n            <h1 className=\"text-4xl font-semibold tracking-tight sm:text-5xl\">\n              Win the answer. Win the click. <span className=\"text-gradient\">Win the car shopper.</span>\n            </h1>\n            <p className=\"mt-4 max-w-xl text-slate-300\">Are you showing up in search link results and surfacing in AI answers? Audit, confirm readiness, then fix what matters—inventory & model pages, Google Business Profile, schema, and internal linking—so the next \"best SUV near me\" points to you wherever shoppers research.</p>\n            <div className=\"mt-6 flex flex-col sm:flex-row items-start gap-3\">\n              <a href=\"#contact\" className=\"inline-flex items-center justify-center rounded-none mxs-gradient px-4 py-2 font-semibold text-slate-900 hover:opacity-95 focus:outline-none focus:ring-2 focus:ring-cyan-400 glow-ring\">GET AISO HELP</a>\n              <a href=\"#solutions\" className=\"inline-flex items-center justify-center rounded-none border border-slate-800 px-4 py-2 text-slate-200 hover:bg-slate-900\">Run a free AISO check</a>\n            </div>\n          </div>\n          {/* Visual 1: Hero image */}\n          <div className=\"order-first md:order-last\">\n            <div className=\"relative rounded-none card-glow\">\n              <img\n                src=\"https://images.unsplash.com/photo-1503376780353-7e6692767b70?q=80&w=1600&auto=format&fit=crop\"\n                alt=\"Dealership showroom\"\n                className=\"aspect-video w-full rounded-none border border-slate-800/60 object-cover shadow-lg\"\n              />\n            </div>\n          </div>\n        </div>\n      </section>\n\n      {/* Logo strip (full-bleed) */}\n      <section id=\"logos\" className=\"relative\">\n        <img src=\"/assets/logo-strip.png\" alt=\"Partner and platform logos\" className=\"w-full h-[150px] object-cover\" />\n      </section>\n\n      {/* Solutions / Features */}\n      <section id=\"solutions\" className=\"border-y border-slate-200\">\n        <div className=\"bg-white text-slate-900\">\n          <div className=\"mx-auto max-w-7xl px-4 md:px-6 py-14 grid grid-cols-1 md:grid-cols-12 gap-8 items-start\">\n            {/* Left: title + definition */}\n            <div className=\"md:col-span-6\">\n              <h2 className=\"text-4xl md:text-5xl font-bold tracking-tight\" style={{ color: \"var(--aiso-navy)\" }}>What is AISO?</h2>\n              <p className=\"mt-2 text-2xl font-bold\">AISO = AI Search Optimization</p>\n            </div>\n            {/* Right: two-line badges */}\n            <div className=\"md:col-span-6 flex flex-col items-start md:items-end gap-3\">\n              <div className=\"inline-flex items-center gap-3 rounded-full ring-1 ring-slate-200 px-4 py-2\">\n                <span className=\"h-2 w-2 rounded-full\" style={{ backgroundColor: \"#0B63F6\" }} />\n                <p className=\"text-base font-semibold\">Standard SEO = rank in links</p>\n              </div>\n              <div className=\"inline-flex items-center gap-3 rounded-full ring-1 ring-slate-200 px-4 py-2\">\n                <span className=\"h-2 w-2 rounded-full\" style={{ backgroundColor: \"#0B63F6\" }} />\n                <p className=\"text-base font-semibold\">AI Search = rank in answers</p>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div className=\"border-t border-slate-200 bg-slate-950/40\">\n          <div className=\"mx-auto max-w-7xl px-4 pt-10 pb-2 flex justify-end\">\n            <h3 className=\"text-4xl md:text-5xl font-bold text-white tracking-tight\">Show Up <span className=\"text-gradient\">Wherever</span> Buyers Search</h3>\n          </div>\n          <div className=\"mx-auto max-w-7xl px-4 pt-6 pb-20 grid grid-cols-1 gap-6 md:grid-cols-3\">\n            <FeatureCard\n              icon={<ShieldIcon className=\"h-6 w-6\" />}\n              title=\"AISO Readiness Audit\"\n              body=\"Test whether your site appears in AI chat answers and search, then prioritize fixes for technical, local, and content gaps.\"\n            />\n            <FeatureCard\n              icon={<WorkflowIcon className=\"h-6 w-6\" />}\n              title=\"Dealer SEO + AISO\"\n              body=\"Inventory, model, and service pages tuned for dealerships—schema, GBP, internal linking, and answer-first structures.\"\n            />\n            <FeatureCard\n              icon={<BoltIcon className=\"h-6 w-6\" />}\n              title=\"Question‑Driven Content\"\n              body=\"Content built around real shopper questions from AI platforms and from Google/Bing, mapped to models & services.\"\n            />\n          </div>\n        </div>\n      </section>\n\n      {/* Education: Why AISO */}\n      <section\n        id=\"why-aiso\"\n        aria-labelledby=\"aiso-heading\"\n        className=\"bg-white text-slate-900\"\n        style={{ \"--aiso-navy\": \"#0B1530\", \"--aiso-blue\": \"#165EFA\", \"--aiso-blue-dark\": \"#0E5AFA\" }}\n      >\n        <div className=\"mx-auto max-w-5xl px-6 py-14\">\n          {/* Header */}\n          <motion.div initial={{ opacity: 0, y: 8 }} animate={{ opacity: 1, y: 0 }} transition={{ duration: 0.5 }}>\n            <h1 id=\"aiso-heading\" className=\"text-4xl md:text-5xl font-bold tracking-tight\" style={{ color: \"var(--aiso-navy)\" }}>Because, search is splitting.</h1>\n\n            <p className=\"mt-4 text-lg leading-relaxed text-slate-700\">\n              There are links (Google, Bing) and there are answers (Google AI Overviews, Bing Copilot, ChatGPT, Claude,\n              Perplexity, Grok, Gemini, and more).\n            </p>\n\n            <div className=\"mt-6 inline-flex items-center gap-3 rounded-full ring-1 ring-slate-200 px-4 py-2\">\n              <span className=\"h-2 w-2 rounded-full\" style={{ backgroundColor: \"#0B63F6\" }} />\n              <p className=\"text-base font-semibold\">Your car dealership needs to show up in both.</p>\n            </div>\n          </motion.div>\n\n          {/* Content Cards */}\n          <div className=\"mt-12\">\n            <motion.article\n              initial={{ opacity: 0, y: 8 }}\n              whileInView={{ opacity: 1, y: 0 }}\n              viewport={{ once: true, amount: 0.4 }}\n              transition={{ duration: 0.5 }}\n              className=\"relative overflow-hidden rounded-none border border-slate-200 bg-white p-6 md:p-8 shadow-sm\"\n            >\n              <div className=\"absolute left-0 top-0 h-1 w-full\" style={{ background: \"linear-gradient(90deg, var(--aiso-blue), var(--aiso-blue-dark))\" }} />\n              <div>\n                <h2 className=\"text-xl font-semibold\" style={{ color: \"var(--aiso-navy)\" }}>Our fix</h2>\n                <p className=\"mt-3 text-slate-700\">SEO + AISO (AI Search Optimization) combined so your store gets found on results pages and cited inside AI answers:\n                </p>\n                <ul className=\"mt-4 space-y-3\">\n                  {[\n                    \"Technical hygiene dialed in\",\n                    \"Local signals that actually move the needle\",\n                    \"Structured data everywhere it counts\",\n                    \"Question-driven content mapped to inventory, model research, and Fixed Ops\",\n                  ].map((item) => (\n                    <li key={item} className=\"flex items-start gap-3\">\n                      <CheckCircle2 className=\"mt-0.5 h-5 w-5\" style={{ color: \"var(--aiso-blue)\" }} aria-hidden />\n                      <span className=\"text-slate-800\">{item}</span>\n                    </li>\n                  ))}\n                </ul>\n                <p className=\"mt-5 font-semibold\">\n                  <span className=\"rounded-md bg-blue-50 px-2 py-1\">Result?</span>{\" \"}\n                  <span className=\"text-slate-900\">More visibility, more test-drives, more ROs.</span>\n                </p>\n              </div>\n            </motion.article>\n          </div>\n\n          {/* Callout Bar */}\n          <motion.div\n            initial={{ opacity: 0, y: 8 }}\n            whileInView={{ opacity: 1, y: 0 }}\n            viewport={{ once: true, amount: 0.4 }}\n            transition={{ duration: 0.5 }}\n            className=\"mt-10\"\n            style={{ backgroundColor: \"var(--aiso-blue)\", color: \"white\", width: \"100vw\", marginLeft: \"calc(50% - 50vw)\", marginRight: \"calc(50% - 50vw)\" }}\n          >\n            <div className=\"mx-auto max-w-5xl flex items-start gap-3 px-6 py-5 md:py-6\">\n              <span className=\"inline-flex h-6 w-6 items-center justify-center rounded-full bg-white/15\">\n                <AlertTriangle className=\"h-4 w-4\" aria-hidden />\n              </span>\n              <p className=\"text-sm md:text-base leading-relaxed\">\n                <strong>One catch…</strong> Not every website platform is ready for AI visibility. So, strategy is only as strong\n                as the platform underneath it. Before you launch anything, run an <strong>AISO Readiness Check</strong> to confirm\n                visibility to AI chat and search platforms. (Unfortunately, if your web provider’s backend can’t support\n                structured data and AI‑friendly formatting, no “AI search strategy” will hit full power, or at all).\n              </p>\n            </div>\n          </motion.div>\n        </div>\n      </section>\n\n      {/* Readiness note */}\n      \n\n      {/* Contact / Form */}\n      <section id=\"contact\" className=\"relative\">\n        <div className=\"mx-auto max-w-7xl px-4 py-16 grid grid-cols-1 gap-10 md:grid-cols-2 md:items-start\">\n          <div className=\"order-last md:order-first\">\n            <h2 className=\"text-3xl font-semibold tracking-tight\">Start with an AISO Website Readiness Check</h2>\n            \n\n            <form className=\"mt-6 grid grid-cols-1 gap-4\">\n              <label className=\"grid gap-1\">\n                <span className=\"text-sm text-slate-300\">Name</span>\n                <input\n                  type=\"text\"\n                  required\n                  placeholder=\"Your name\"\n                  className=\"rounded-none bg-slate-900/60 px-3 py-2 ring-1 ring-slate-800 placeholder:text-slate-500 focus:outline-none focus:ring-2 focus:ring-cyan-400\"\n                />\n              </label>\n              <label className=\"grid gap-1\">\n                <span className=\"text-sm text-slate-300\">Work email</span>\n                <input\n                  type=\"email\"\n                  required\n                  placeholder=\"you@dealership.com\"\n                  className=\"rounded-none bg-slate-900/60 px-3 py-2 ring-1 ring-slate-800 placeholder:text-slate-500 focus:outline-none focus:ring-2 focus:ring-cyan-400\"\n                />\n              </label>\n              <label className=\"grid gap-1\">\n                <span className=\"text-sm text-slate-300\">Dealership / Group</span>\n                <input\n                  type=\"text\"\n                  placeholder=\"Brand & location\"\n                  className=\"rounded-none bg-slate-900/60 px-3 py-2 ring-1 ring-slate-800 placeholder:text-slate-500 focus:outline-none focus:ring-2 focus:ring-cyan-400\"\n                />\n              </label>\n              <button\n                type=\"submit\"\n                className=\"mt-2 inline-flex items-center justify-center rounded-none mxs-gradient px-4 py-3 w-full font-semibold text-slate-900 hover:opacity-95 focus:outline-none focus:ring-2 focus:ring-cyan-400 glow-ring\"\n              >\n                GET AISO HELP\n              </button>\n              <p className=\"text-xs text-slate-500\">You’ll get a reply within one business day.</p>\n            </form>\n          </div>\n\n          <div className=\"space-y-4\">\n            <img\n              src=\"https://images.unsplash.com/photo-1533473359331-0135ef1b58bf?q=80&w=1400&auto=format&fit=crop\"\n              alt=\"Showroom with vehicles\"\n              className=\"aspect-[4/3] w-full rounded-none border border-slate-800/60 object-cover shadow-lg card-glow\"\n            />\n\n            \n          </div>\n        </div>\n      </section>\n\n      {/* Footer */}\n      <footer className=\"border-t border-slate-800/60\">\n        <div className=\"mx-auto max-w-7xl px-4 py-10 text-sm text-slate-400\">\n          © {new Date().getFullYear()} Team MXS. All rights reserved.\n        </div>\n      </footer>\n    </div>\n  );\n}\n\n/* --- Local inline SVG icons, no external libs required --- */\nfunction SparklesIcon(props) {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" {...props}>\n      <path d=\"M12 3l1.8 3.8L18 9.5l-4.2 1.1L12 14.5l-1.8-3.9L6 9.5l4.2-2.7L12 3z\" />\n      <path d=\"M20 14l.9 1.9L23 17l-2.1.6L20 20l-.9-2.4L17 17l2.1-1.1L20 14z\" />\n      <path d=\"M5 14l.7 1.5L7 16l-1.3.4L5 18l-.7-1.6L3 16l1.3-.5L5 14z\" />\n    </svg>\n  );\n}\n\nfunction BoltIcon(props) {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" {...props}>\n      <path d=\"M13 2L3 14h7l-1 8 10-12h-7l1-8z\" />\n    </svg>\n  );\n}\n\nfunction ShieldIcon(props) {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" {...props}>\n      <path d=\"M12 3l8 3v6c0 5-3.5 8.5-8 9-4.5-.5-8-4-8-9V6l8-3z\" />\n      <path d=\"M9 12l2 2 4-4\" />\n    </svg>\n  );\n}\n\nfunction WorkflowIcon(props) {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" {...props}>\n      <path d=\"M5 5h6v6H5zM13 5h6v4h-6zM13 11h6v8h-6zM5 13h6v6H5z\" />\n      <path d=\"M11 8h2M11 16h2\" />\n    </svg>\n  );\n}\n\nfunction CheckIcon(props) {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" {...props}>\n      <path d=\"M20 6L9 17l-5-5\" />\n    </svg>\n  );\n}\n\nfunction FeatureCard({ icon, title, body }) {\n  return (\n    <div className=\"grad-border rounded-none\">\n      <div className=\"inner rounded-none p-5\">\n        <div className=\"mb-3 inline-flex h-10 w-10 items-center justify-center rounded-none mxs-gradient text-slate-900 ring-1 ring-white/10\">\n          {icon}\n        </div>\n        <h3 className=\"text-lg font-semibold\">{title}</h3>\n        <p className=\"mt-1 text-slate-300 text-sm\">{body}</p>\n      </div>\n    </div>\n  );\n}\n\n"},"SEO":{"order":15,"visible":true,"seo":{"MetaData":"","MetaTitle":"","tags":[""]}}},"title":"AI Website Readiness Check for Car Dealers","theme":{"colors":{"primary":"#0a0f1c","secondary":"white","text":"#ffffff","secondarytext":"#272727","accent1":"#276df1","accent2":"#276df1"}},"dealerInfo":{"dealerAddress":"333 N Lantana Street, Suite 122,,Camarillo, CA 93010","dealerLogo":"https://media.dealermasters.com/Nissan/MXS/MXS_logo_04.webp","dealerName":"Team MXS","salesNumber":"866-665-4669","serviceNumber":"866-665-4669","partsNumber":"866-665-4669","bodyShopNumber":"866-665-4669","financeNumber":"866-665-4669","manufacturer":"","website":"Team MXS","websiteLink":"/","directions":"https://www.google.com/maps/","newInventory":"/","usedInventory":"/","bgBackground":"","salesHours":[{"day":"Mon - Fri","time":"8 AM - 5 PM PST"}],"financeHours":[],"serviceHours":[],"partsHours":[],"collisionHours":[],"managerSpecialPage":"/manager","financeSpecialPage":"/finance","leaseSpecialPage":"/lease","privacy":"/","termsOfService":"/","favicon":"https://media.dealermasters.com/6351ab9310c6d3e9abe42c4b/dbf217aa4f6ef4a9a7227a195766d659.png","gtmId":"GTM-PZD6C7W","socialThumbnail":"https://media.dealermasters.com/6351ab9310c6d3e9abe42c4b/dbf217aa4f6ef4a9a7227a195766d659.png"},"inventorymanagement":{"filterOptions":"NUC","costrange":"5000","mileagerange":"10000","months":"180","downpayment":"15","aRate":"0","bRate":"0","cRate":"0","dRate":"0","eRate":"0","fRate":"0","unavailableImg":"","vehiclecardbutton":[{"btnleft":"","btnleftlink":"","btnright":"","btnrightlink":"","overrideTheme":false,"btncolor":"","btntxtcolor":""}],"topHtmlVDP":"<p></p>","botHtmlVDP":"<p></p>","topHtmlSRP":"<p></p>","botHtmlSRP":"<p></p>","disclaimerSRP":"<p dir = \"auto\">We make every effort to present information that is accurate. However, it is based on data provided by the vehicle manufacturar and/or other sources and therefore exact configuration, color, specifications & accesories should be used as a guide only and are not guaranteed. Under no circumstances will be liable for any inaccuracies, claims or losses of any nature. Furthermore inventory is subject to prior sale and prices are subject ot change without notice., cannot be combined with any other offer(s), do not include provincial or local taxes, tags, registration or title fees. To ensure your complete satisfaction, please verify accuracy prior to purchase.</p>\n","vdpslug":"{{year}}/{{make}}/{{model}}/{{vin}}","actionButtons":[{"buttonText":"Check availability","buttonLink":"","buttonImage":"","overrideTheme":"","btncolor":"","btntxtcolor":""}],"disclaimerVDP":"<p dir = \"auto\">We make every effort to present information that is accurate. However, it is based on data provided by the vehicle manufacturar and/or other sources and therefore exact configuration, color, specifications & accesories should be used as a guide only and are not guaranteed. Under no circumstances will be liable for any inaccuracies, claims or losses of any nature. Furthermore inventory is subject to prior sale and prices are subject ot change without notice., cannot be combined with any other offer(s), do not include provincial or local taxes, tags, registration or title fees. To ensure your complete satisfaction, please verify accuracy prior to purchase.</p>\n","disclaimerCalculator":"<p></p>","disclaimerFinanceApp":"<p></p>","disclaimerContact":"<p></p>","fallbackText":"Call for Price","PosDifText":"Dealer Accessories","NegDifText":"Dealer Discount","netPriceCustomText":"","LocationFilter":false},"footer":{"logo":"https://media.dealermasters.com/242ebbad91ba7e3a4af114846cbcd19a.png","links":[{"linkName":"SERVICE & PARTS","linkValue":"/service","subLinks":[{"linkName":"Shop Parts","linkValue":"/parts"}]}],"cookieDisclaimer":"<div></div>","linkLI":"","linkIOS":"","linkAndroid":"","bottomLinks":[{"linkName":"Dealer Masters","linkValue":"/dealermasters"},{"linkName":"eCommerce","linkValue":"/ecommerce-services"},{"linkName":"About","linkValue":"/about"},{"linkName":"Contact Us","linkValue":"?title=Get%20In%20Touch%20With%20Us#contact-form"},{"linkName":"Privacy Policy","linkValue":"/privacy-policy-and-cookie-policy"},{"linkName":"SOC 2 | Trust Center","linkValue":"https://trust.teammxs.com/"}]},"lead_url":"https://leads.dealermasters.com/leads","site_id":"6351ab9310c6d3e9abe42c4b","blogmanagement":{"blogResultsTopHTML":"<style>\n</style>\n","blogResultsBottomHTML":"<div class=\"wrapper\">\n<!--Alignment valid values: \"left-align\", \"center-left-align\", \"middle-align\", \"right-align\". Defaults to left-align.-->\n<!--Theme valid values: \"no-bg\" \"dark\", \"light\". Defaults to no-bg.-->\n    <section id=\"main-bg\" class=\"content-section light middle-align\">\n        <h3 id=\"content-title\">MEET WITH TEAM MXS</h3>\n        <a id=\"a-link\" class=\"content-cta\" href=\"#contact-form\">BOOK NOW</a>\n    </section>\n</div>\n<style>\n  .blog-module--blog-jumbotron--1yRvV {\n    max-width: 1920px;\n    margin: 54px auto 0;\n    background-position: left;\n\t}\n  \n  .wrapper {\n    max-width: 1920px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-wrap: wrap;\n    margin: 0 auto;\n  }\n  section.content-section {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    padding: 4rem;\n    gap: 1.5rem;\n  }\n  .content-section h3 {\n    font-size: 32px;\n    font-family: var(--primary-font);\n    text-align: center;\n    font-weight: 300;\n  }\n  .content-section p {\n    letter-spacing: 0.1px;\n    line-height: 1.5;\n    font-size: 16px;\n  }\n  a.content-cta {\n    background-color: var(--primary-text);\n    padding: 1rem;\n    font-size: 16px;\n    box-shadow: 3px 3px 5px rgba(0,0,0,0.15);\n    width: fit-content;\n  }\n  @media only screen and (max-width: 576px) {\n    .content-section h3 { font-size: 28px; }\n  }\n  /*Alignment*/\n  /**Left**/\n  section.content-section.left-align {\n    align-items: flex-start;\n  } \n  .left-align.content-section p {\n    text-align: left;\n  }\n  /**Center Left**/\n  section.content-section.center-left-align {\n    align-items: center;\n  } \n  .center-left-align.content-section p {\n    text-align: left;\n  }\n  /**Middle**/\n  section.content-section.middle-align {\n    align-items: center;\n  } \n  .middle-align.content-section p {\n    text-align: center;\n  }\n  /**Right**/\n  section.content-section.right-align {\n    align-items: flex-end;\n  }\n  .right-align.content-section p {\n    text-align: right;\n  }\n  /*Themes*/\n  /**No BG**/\n  section.content-section.no-bg {\n    background-color: transparent;\n  }\n  .content-section.no-bg a.content-cta {\n    background: var(--primary-accent) linear-gradient(295.53deg,#276df1 22.68%,#539cff 98.61%);\n    color: var(--primary-text);\n  }\n  /**Light**/\n  section.content-section.light {\n    background: var(--primary-accent) linear-gradient(295.53deg,#276df1 22.68%,#539cff 98.61%);\n  }\n  .content-section.light a.content-cta {\n    background-color: var(--primary-text);\n    color: var(--primary-accent);\n  }\n  /**Dark**/\n  section.content-section.dark {\n    background: #272727;\n  }\n  .content-section.dark a.content-cta {\n    background: var(--primary-accent) linear-gradient(295.53deg,#276df1 22.68%,#539cff 98.61%);\n    color: var(--primary-text);\n  }\n  \n  /** MOBILE ADJUSTMENTS **/ \n  @media screen and (max-width: 750px) {\n    .blog-module--blog-jumbotron--1yRvV {\n     min-height: 300px !important;  \n    }\n    \n    .blog-module--blog-jumbotron--1yRvV p {\n      font-size: 30px !important; \n    }\n  }\n</style>","allBlogPagesBottomHTML":"","categoriesBlogResultsHTML":"","blogResultsPageSlug":"/blogs"},"gtmId":"GTM-PZD6C7W"}},"staticQueryHashes":["952559061"]}