Fixed Operations Consulting - repairorderintelligence.com Fixed Operations Consulting & Academy repairorderintelligence.com https://repairorderintelligence.com en_US How to Submit repair order study request <p><img src="images/howto1.PNG" alt="" width="1034" height="570" /></p> https://repairorderintelligence.com/category/Academy/How_to_Submit_repair_order_study_request.htm 28 Jun 2026 20:42 +0000 Repairorderintelligence.com Academy <p>Repairorderintelligence.com Academy</p> https://repairorderintelligence.com/category/Repair_Order_Study_DEEP_Dive_-_(225_repair_order_study)/Repairorderintelligence_com_Academy.htm 28 Jun 2026 17:17 +0000 Stop Profit Leaks. Optimize Your Fixed Ops. Data-Driven Service Intelligence. <p>https://academy.repairorderintelligence.com/courses/fixed-ops-margin-leakage-control-system/53559/</p> https://repairorderintelligence.com/category/Repair_Order_Study_DEEP_Dive_-_(225_repair_order_study)/Stop_Profit_Leaks_Optimize_Your_Fixed_Ops_Data-Driven_Service_Intelligence_.htm 28 Jun 2026 04:39 +0000 Repair Order Analysis Packages <p>&nbsp;</p> <div class="nl-canvas" style="position: absolute; inset: 0px;"> <div class="nl-bg-layer" style="position: absolute; inset: 0px; opacity: 0.29;"></div> <div class="nl-fg-layer" style="position: absolute; inset: 0px; opacity: 0.8; mix-blend-mode: screen;"></div> </div> <div class="content-wrapper" style="-webkit-box-flex: 1; flex: 1 1 0%; overflow: auto;"> <div class="ng-trigger-routeChangeAnimation ng-trigger main-content" style="height: 953px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; position: relative;"> <div class="content-container" style="overflow-y: auto; position: absolute; inset: 0px;"> <div class="ng-trigger-chatHistoryImmersiveTransitions ng-trigger chat-container xap-uploader-dropzone" style="display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; overflow: hidden; transition: margin 0.5s; max-width: unset; width: 1868px; z-index: 1; position: relative;"> <h1 class="cdk-visually-hidden" style="border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap; outline: 0px; appearance: none; left: 0px;">Conversation with Gemini</h1> <div id="chat-history" class="lm chat-history-scroll-container" style="height: 840px; max-height: 100%; width: 1868px; position: relative; display: flex; overflow: hidden; -webkit-box-flex: 1; flex: 1 1 0%; --gradient-fade-height: 72px; mask-image: linear-gradient(rgba(0, 0, 0, 0) 0px, #fdfcfc 72px);"> <div id="b1afcd2cda52b549" class="ng-star-inserted message-actions-hover-boundary conversation-container" style="max-width: 724px; width: 724px; margin: 0px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; flex-shrink: 0; -webkit-box-align: center; align-items: center; scroll-margin-top: 16px;"><span class="user-query-container" style="display: flex; width: 724px;"> <div class="user-query-container" style="display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: end; justify-content: flex-end; gap: 0px; margin: 0px; padding-bottom: 12px; min-width: 0px; user-select: none;"> <div id="user-query-content-0" class="ng-star-inserted query-content" style="overflow-wrap: anywhere; min-width: 0px; user-select: text; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: end; justify-content: flex-end; padding-inline-start: 52px; margin-inline: 52px 8px; padding: 0px; margin-bottom: 0px;"><span class="ng-star-inserted user-query-bubble-with-background" style="padding: 20px 28px; background: none 0% 0% / auto repeat scroll padding-box border-box #f2f0f0; border-radius: 40px; max-width: 452px; position: relative;"><span class="ng-star-inserted horizontal-container" style="display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row;"> <div class="gds-body-l query-text" style="--gds-type-scale-default-rond: &amp;quot;ROND&amp;quot; 0; font-family: &amp;quot;Google Sans Flex&amp;quot;, &amp;quot;Google Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, sans-serif; font-size: 17px; line-height: 24px; --gds-type-scale-default-wdth: &amp;quot;wdth&amp;quot; 92; --gds-type-scale-default-wght: &amp;quot;wght&amp;quot; 400; font-variation-settings: &amp;quot;ROND&amp;quot; 0, &amp;quot;slnt&amp;quot; 0, &amp;quot;wdth&amp;quot; 92, &amp;quot;wght&amp;quot; 400; --gds-type-scale-bold-wght: &amp;quot;wght&amp;quot; 540; font-variant-ligatures: none; margin-block: 0px; padding-top: 0px; overflow: hidden;" dir="ltr"> <p class="ng-star-inserted query-text-line" style="margin: 0px;">using html create a listing for a php site for a lite medium and deep dive repair order anyalsis service like we have been talking about for https://repairorderintelligence.com/</p> </div> </span></span></div> <div class="ng-star-inserted luminous-actions-container" style="display: flex; -webkit-box-pack: end; justify-content: flex-end; padding: 0px 20px; gap: 0px; margin-top: 4px;"><button class="ng-star-inserted mat-badge-hidden mat-badge-small mat-badge-after mat-badge-above mat-badge-overlap _mat-animation-noopable mat-unthemed mat-badge mat-mdc-button-base mat-mdc-icon-button mdc-icon-button" style="font-size: 24px; width: 36px; height: 36px; padding: 6px; display: flex; position: relative; outline: none; fill: currentcolor; color: #000000; cursor: pointer; user-select: none; z-index: 0; overflow: visible; --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: transform, opacity; --mat-focus-indicator-border-radius: 50%; border-radius: 9999px; flex-shrink: 0; --mat-focus-indicator-border-color: #000; --mat-focus-indicator-display: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; transition: none !important; animation: auto ease 0s 1 normal none running none !important; border: medium none currentcolor;"></button></div> </div> </span> <div> <div class="no-background ng-tns-c1600097382-13 response-container-with-gpi response-container" style="border-radius: 16px; padding: 0px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; position: relative; min-height: 100%; background-color: inherit; padding-inline: 0px;"> <div class="ng-star-inserted ng-tns-c1600097382-13 response-container-header" style="display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center;"> <div class="ng-tns-c1600097382-13 response-container-header-controls" style="-webkit-box-flex: 1; flex: 1 1 0%; min-width: 100%;"></div> </div> <div class="ng-tns-c1600097382-13 presented-response-container" style="position: relative; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; min-height: 100%;"> <div class="ng-tns-c1600097382-13 response-container-content" style="padding-top: 4px; -webkit-box-flex: 1; flex: 1 1 0%; height: auto; min-width: 0px; min-height: 100%;"> <div class="ng-tns-c1600097382-13 response-content"> <div class="container" style="padding: 0px 8px 8px;"> <div id="model-response-message-contentr_b1afcd2cda52b549" class="tutor-markdown-rendering enable-updated-hr-color enable-luminous-fast-follows markdown-main-panel markdown" style="--gds-type-scale-default-rond: &amp;quot;ROND&amp;quot; 0; font-family: &amp;quot;Google Sans Flex&amp;quot;, &amp;quot;Google Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, sans-serif; font-size: 17px; line-height: 24px; --gds-type-scale-default-wdth: &amp;quot;wdth&amp;quot; 92; --gds-type-scale-default-wght: &amp;quot;wght&amp;quot; 400; font-variation-settings: &amp;quot;ROND&amp;quot; 0, &amp;quot;slnt&amp;quot; 0, &amp;quot;wdth&amp;quot; 92, &amp;quot;wght&amp;quot; 400; --gds-type-scale-bold-wght: &amp;quot;wght&amp;quot; 540; white-space: pre-wrap; overflow-wrap: break-word; margin-inline-end: 0px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 16px; --animation-duration: 400ms; --fade-animation-function: ease-out;" dir="ltr"> <p style="margin: 0px; overflow-wrap: anywhere;">To create an effective service listing for your repair order analysis services, you can use semantic HTML to structure the pricing tiers clearly. This ensures the information is readable by both users and search engines while allowing for easy styling with CSS.</p> <p style="margin: 0px; overflow-wrap: anywhere;">Below is a template structured with HTML5. It uses a "cards" layout strategy, which is standard for presenting tiered services.</p> <h3 style="margin: 24px 0px -8px; --gds-type-scale-default-rond: &amp;quot;ROND&amp;quot; 20; font-size: 20px; font-weight: 470; line-height: 24px; --gds-type-scale-default-wdth: &amp;quot;wdth&amp;quot; 94; --gds-type-scale-default-wght: &amp;quot;wght&amp;quot; 470; font-variation-settings: &amp;quot;ROND&amp;quot; 20, &amp;quot;slnt&amp;quot; 0, &amp;quot;wdth&amp;quot; 94, &amp;quot;wght&amp;quot; 470; --gds-type-scale-bold-wght: &amp;quot;wght&amp;quot; 540;">HTML Template for Service Tiers</h3> <div class="ng-trigger-codeBlockRevealAnimation ng-trigger ng-animate-disabled ng-tns-c602925248-19 code-block" style="border-radius: 12px; position: relative; margin: 16px -16px 0px; width: calc(100% + 32px);"> <div class="ng-tns-c602925248-19 formatted-code-block-internal-container" style="background-color: #141414; border-radius: 40px; padding: 26px 0px 32px 32px;"> <div class="ng-tns-c602925248-19 animated-opacity"> <div class="ng-star-inserted ng-tns-c602925248-19 gds-emphasized-body-m header-formatted code-block-decoration" style="--gds-type-scale-default-rond: &quot;ROND&quot; 0; font-size: 15px; line-height: 20px; --gds-type-scale-default-wdth: &quot;wdth&quot; 92; --gds-type-scale-default-wght: &quot;wght&quot; 540; font-variation-settings: &quot;ROND&quot; 0, &quot;slnt&quot; 0, &quot;wdth&quot; 92, &quot;wght&quot; 540; color: #ffffff; padding-inline: 0px; min-height: 24px; display: flex; -webkit-box-align: center; align-items: center; top: -16px; z-index: 1; position: static; background-color: transparent; border-radius: 16px 16px 4px 4px; -webkit-box-pack: justify; justify-content: space-between; padding: 0px 11px 0px 0px; margin: 0px; height: 32px;"><span class="ng-tns-c602925248-19">HTML</span> <div class="ng-star-inserted ng-tns-c602925248-19 buttons"><button class="ng-star-inserted mat-badge-hidden mat-badge-small mat-badge-after mat-badge-above mat-badge-overlap _mat-animation-noopable mat-unthemed mat-badge mat-mdc-button-base mat-mdc-icon-button mdc-icon-button" style="font-size: 24px; width: 36px; height: 36px; padding: 6px; display: flex; position: relative; outline: none; fill: currentcolor; color: #000000; cursor: pointer; user-select: none; z-index: 0; overflow: visible; --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: transform, opacity; --mat-focus-indicator-border-radius: 50%; border-radius: 9999px; flex-shrink: 0; --mat-focus-indicator-border-color: #000; --mat-focus-indicator-display: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; transition: none !important; animation: auto ease 0s 1 normal none running none !important; border: medium none currentcolor;"></button><button class="ng-star-inserted mat-badge-hidden mat-badge-small mat-badge-after mat-badge-above mat-badge-overlap _mat-animation-noopable mat-unthemed mat-badge mat-mdc-button-base mat-mdc-icon-button mdc-icon-button" style="font-size: 24px; width: 36px; height: 36px; padding: 6px; display: flex; position: relative; outline: none; fill: currentcolor; color: #000000; cursor: pointer; user-select: none; z-index: 0; overflow: visible; --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: transform, opacity; --mat-focus-indicator-border-radius: 50%; border-radius: 9999px; flex-shrink: 0; --mat-focus-indicator-border-color: #000; --mat-focus-indicator-display: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; transition: none !important; animation: auto ease 0s 1 normal none running none !important; border: medium none currentcolor;"></button></div> </div> <pre class="ng-tns-c602925248-19" style="margin: 0px;"><code class="ng-tns-c602925248-19 formatted code-container" style="--gds-type-scale-default-rond: &amp;quot;ROND&amp;quot; 0; font-style: normal; font-variant: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-stretch: normal; font-size: 0.875rem; line-height: 1.3125rem; font-family: &amp;quot;Google Sans Code&amp;quot;, monospace; --gds-type-scale-default-wdth: &amp;quot;wdth&amp;quot; 92; --gds-type-scale-default-wght: &amp;quot;wght&amp;quot; 400; --gds-type-scale-bold-wght: &amp;quot;wght&amp;quot; 540; color: #ffffff; background-color: transparent; border-radius: 0px; padding: 16px 0px 0px; display: block; overflow-x: auto; direction: ltr;"><span class="hljs-tag">&lt;<span class="hljs-name" style="color: #4fa0ff;">section</span> <span class="hljs-attr" style="color: #ff96da;">id</span>=<span class="hljs-string" style="color: #60d673;">"ro-analysis-services"</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name" style="color: #4fa0ff;">h2</span>&gt;</span>Repair Order Analysis Packages<span class="hljs-tag">&lt;/<span class="hljs-name" style="color: #4fa0ff;">h2</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name" style="color: #4fa0ff;">p</span>&gt;</span>Choose the level of insight your service department needs to maximize profitability.<span class="hljs-tag">&lt;/<span class="hljs-name" style="color: #4fa0ff;">p</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name" style="color: #4fa0ff;">div</span> <span class="hljs-attr" style="color: #ff96da;">class</span>=<span class="hljs-string" style="color: #60d673;">"pricing-container"</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name" style="color: #4fa0ff;">article</span> <span class="hljs-attr" style="color: #ff96da;">class</span>=<span class="hljs-string" style="color: #60d673;">"pricing-card"</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name" style="color: #4fa0ff;">h3</span>&gt;</span>RO Lite<span class="hljs-tag">&lt;/<span class="hljs-name" style="color: #4fa0ff;">h3</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name" style="color: #4fa0ff;">p</span> <span class="hljs-attr" style="color: #ff96da;">class</span>=<span class="hljs-string" style="color: #60d673;">"price"</span>&gt;</span>$XXX/mo<span class="hljs-tag">&lt;/<span class="hljs-name" style="color: #4fa0ff;">p</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name" style="color: #4fa0ff;">ul</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name" style="color: #4fa0ff;">li</span>&gt;</span>Monthly summary report<span class="hljs-tag">&lt;/<span class="hljs-name" style="color: #4fa0ff;">li</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name" style="color: #4fa0ff;">li</span>&gt;</span>Key performance metrics<span class="hljs-tag">&lt;/<span class="hljs-name" style="color: #4fa0ff;">li</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name" style="color: #4fa0ff;">li</span>&gt;</span>Basic trend identification<span class="hljs-tag">&lt;/<span class="hljs-name" style="color: #4fa0ff;">li</span>&gt;</span> <span class="hljs-tag">&lt;/<span class="hljs-name" style="color: #4fa0ff;">ul</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name" style="color: #4fa0ff;">a</span> <span class="hljs-attr" style="color: #ff96da;">href</span>=<span class="hljs-string" style="color: #60d673;">"/contact?package=lite"</span> <span class="hljs-attr" style="color: #ff96da;">class</span>=<span class="hljs-string" style="color: #60d673;">"btn"</span>&gt;</span>Get Started<span class="hljs-tag">&lt;/<span class="hljs-name" style="color: #4fa0ff;">a</span>&gt;</span> <span class="hljs-tag">&lt;/<span class="hljs-name" style="color: #4fa0ff;">article</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name" style="color: #4fa0ff;">article</span> <span class="hljs-attr" style="color: #ff96da;">class</span>=<span class="hljs-string" style="color: #60d673;">"pricing-card featured"</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name" style="color: #4fa0ff;">h3</span>&gt;</span>RO Medium<span class="hljs-tag">&lt;/<span class="hljs-name" style="color: #4fa0ff;">h3</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name" style="color: #4fa0ff;">p</span> <span class="hljs-attr" style="color: #ff96da;">class</span>=<span class="hljs-string" style="color: #60d673;">"price"</span>&gt;</span>$XXX/mo<span class="hljs-tag">&lt;/<span class="hljs-name" style="color: #4fa0ff;">p</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name" style="color: #4fa0ff;">ul</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name" style="color: #4fa0ff;">li</span>&gt;</span>Everything in Lite<span class="hljs-tag">&lt;/<span class="hljs-name" style="color: #4fa0ff;">li</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name" style="color: #4fa0ff;">li</span>&gt;</span>Detailed advisor performance review<span class="hljs-tag">&lt;/<span class="hljs-name" style="color: #4fa0ff;">li</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name" style="color: #4fa0ff;">li</span>&gt;</span>Parts margin <span class="hljs-symbol" style="color: #ff96da;">&amp;amp;</span> efficiency analysis<span class="hljs-tag">&lt;/<span class="hljs-name" style="color: #4fa0ff;">li</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name" style="color: #4fa0ff;">li</span>&gt;</span>Quarterly strategy call<span class="hljs-tag">&lt;/<span class="hljs-name" style="color: #4fa0ff;">li</span>&gt;</span> <span class="hljs-tag">&lt;/<span class="hljs-name" style="color: #4fa0ff;">ul</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name" style="color: #4fa0ff;">a</span> <span class="hljs-attr" style="color: #ff96da;">href</span>=<span class="hljs-string" style="color: #60d673;">"/contact?package=medium"</span> <span class="hljs-attr" style="color: #ff96da;">class</span>=<span class="hljs-string" style="color: #60d673;">"btn"</span>&gt;</span>Get Started<span class="hljs-tag">&lt;/<span class="hljs-name" style="color: #4fa0ff;">a</span>&gt;</span> <span class="hljs-tag">&lt;/<span class="hljs-name" style="color: #4fa0ff;">article</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name" style="color: #4fa0ff;">article</span> <span class="hljs-attr" style="color: #ff96da;">class</span>=<span class="hljs-string" style="color: #60d673;">"pricing-card"</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name" style="color: #4fa0ff;">h3</span>&gt;</span>RO Deep Dive<span class="hljs-tag">&lt;/<span class="hljs-name" style="color: #4fa0ff;">h3</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name" style="color: #4fa0ff;">p</span> <span class="hljs-attr" style="color: #ff96da;">class</span>=<span class="hljs-string" style="color: #60d673;">"price"</span>&gt;</span>$XXX/mo<span class="hljs-tag">&lt;/<span class="hljs-name" style="color: #4fa0ff;">p</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name" style="color: #4fa0ff;">ul</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name" style="color: #4fa0ff;">li</span>&gt;</span>Everything in Medium<span class="hljs-tag">&lt;/<span class="hljs-name" style="color: #4fa0ff;">li</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name" style="color: #4fa0ff;">li</span>&gt;</span>Comprehensive audit of all ROs<span class="hljs-tag">&lt;/<span class="hljs-name" style="color: #4fa0ff;">li</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name" style="color: #4fa0ff;">li</span>&gt;</span>Fixed ops process optimization<span class="hljs-tag">&lt;/<span class="hljs-name" style="color: #4fa0ff;">li</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name" style="color: #4fa0ff;">li</span>&gt;</span>Monthly consulting <span class="hljs-symbol" style="color: #ff96da;">&amp;amp;</span> coaching<span class="hljs-tag">&lt;/<span class="hljs-name" style="color: #4fa0ff;">li</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name" style="color: #4fa0ff;">li</span>&gt;</span>Predictive revenue modeling<span class="hljs-tag">&lt;/<span class="hljs-name" style="color: #4fa0ff;">li</span>&gt;</span> <span class="hljs-tag">&lt;/<span class="hljs-name" style="color: #4fa0ff;">ul</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name" style="color: #4fa0ff;">a</span> <span class="hljs-attr" style="color: #ff96da;">href</span>=<span class="hljs-string" style="color: #60d673;">"/contact?package=deep-dive"</span> <span class="hljs-attr" style="color: #ff96da;">class</span>=<span class="hljs-string" style="color: #60d673;">"btn"</span>&gt;</span>Get Started<span class="hljs-tag">&lt;/<span class="hljs-name" style="color: #4fa0ff;">a</span>&gt;</span> <span class="hljs-tag">&lt;/<span class="hljs-name" style="color: #4fa0ff;">article</span>&gt;</span> <span class="hljs-tag">&lt;/<span class="hljs-name" style="color: #4fa0ff;">div</span>&gt;</span> <span class="hljs-tag">&lt;/<span class="hljs-name" style="color: #4fa0ff;">section</span>&gt;</span> </code></pre> </div> </div> </div> <h3 style="margin: 24px 0px -8px; --gds-type-scale-default-rond: &amp;quot;ROND&amp;quot; 20; font-size: 20px; font-weight: 470; line-height: 24px; --gds-type-scale-default-wdth: &amp;quot;wdth&amp;quot; 94; --gds-type-scale-default-wght: &amp;quot;wght&amp;quot; 470; font-variation-settings: &amp;quot;ROND&amp;quot; 20, &amp;quot;slnt&amp;quot; 0, &amp;quot;wdth&amp;quot; 94, &amp;quot;wght&amp;quot; 470; --gds-type-scale-bold-wght: &amp;quot;wght&amp;quot; 540;">Implementation Tips for your PHP Site:</h3> <ol style="padding-inline-start: 4px; margin: 0px; list-style-type: none; counter-reset: list-item 0;"> <li style="padding-inline-start: 2.25rem; margin: 0px; counter-increment: list-item 1; position: relative;"> <p style="margin: 0px; overflow-wrap: anywhere; padding-inline-start: 4px;"><span style="font-weight: 700; --gds-type-scale-default-wght: &amp;quot;wght&amp;quot; 540; font-variation-settings: &amp;quot;ROND&amp;quot; 0, &amp;quot;slnt&amp;quot; 0, &amp;quot;wdth&amp;quot; 92, &amp;quot;wght&amp;quot; 540; font-synthesis-weight: none;">Semantic Structure</span>: Using <code style="--gds-type-scale-default-rond: &amp;quot;ROND&amp;quot; 0; font-style: normal; font-variant: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-stretch: normal; font-size: 0.9375rem; line-height: 1.25rem; font-family: &amp;quot;Google Sans Code&amp;quot;, monospace; --gds-type-scale-default-wdth: &amp;quot;wdth&amp;quot; 92; --gds-type-scale-default-wght: &amp;quot;wght&amp;quot; 400; --gds-type-scale-bold-wght: &amp;quot;wght&amp;quot; 540; color: rgba(0, 0, 0, 0.55); background-color: #f2f0f0; border-radius: 9999px; padding: 4px 6px;">&lt;article&gt;</code> for each card is excellent for SEO.</p> </li> <li style="padding-inline-start: 2.25rem; margin: 12px 0px 0px; counter-increment: list-item 1; position: relative;"> <p style="margin: 0px; overflow-wrap: anywhere; padding-inline-start: 4px;"><span style="font-weight: 700; --gds-type-scale-default-wght: &amp;quot;wght&amp;quot; 540; font-variation-settings: &amp;quot;ROND&amp;quot; 0, &amp;quot;slnt&amp;quot; 0, &amp;quot;wdth&amp;quot; 92, &amp;quot;wght&amp;quot; 540; font-synthesis-weight: none;">Dynamic Pricing</span>: Since you are using PHP, you might want to wrap the <code style="--gds-type-scale-default-rond: &amp;quot;ROND&amp;quot; 0; font-style: normal; font-variant: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-stretch: normal; font-size: 0.9375rem; line-height: 1.25rem; font-family: &amp;quot;Google Sans Code&amp;quot;, monospace; --gds-type-scale-default-wdth: &amp;quot;wdth&amp;quot; 92; --gds-type-scale-default-wght: &amp;quot;wght&amp;quot; 400; --gds-type-scale-bold-wght: &amp;quot;wght&amp;quot; 540; color: rgba(0, 0, 0, 0.55); background-color: #f2f0f0; border-radius: 9999px; padding: 4px 6px;">price</code> elements in a variable so you can update them globally from a configuration file rather than hardcoding them on every page.</p> <ul style="margin: 0px; list-style-type: none; padding-inline-start: 0.21rem; margin-block-start: 12px;"> <li style="padding-inline-start: 2.25rem; margin: 0px; counter-increment: list-item 1; position: relative;"> <p style="margin: 0px; overflow-wrap: anywhere; padding-inline-start: 4px;"><span style="--gds-type-scale-default-slnt: &amp;quot;slnt&amp;quot; -10; font-variation-settings: &amp;quot;ROND&amp;quot; 0, &amp;quot;slnt&amp;quot; -10, &amp;quot;wdth&amp;quot; 92, &amp;quot;wght&amp;quot; 400;">Example</span>: <code style="--gds-type-scale-default-rond: &amp;quot;ROND&amp;quot; 0; font-style: normal; font-variant: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-stretch: normal; font-size: 0.9375rem; line-height: 1.25rem; font-family: &amp;quot;Google Sans Code&amp;quot;, monospace; --gds-type-scale-default-wdth: &amp;quot;wdth&amp;quot; 92; --gds-type-scale-default-wght: &amp;quot;wght&amp;quot; 400; --gds-type-scale-bold-wght: &amp;quot;wght&amp;quot; 540; color: rgba(0, 0, 0, 0.55); background-color: #f2f0f0; border-radius: 9999px; padding: 4px 6px;">&lt;?php echo $pricing['lite']; ?&gt;</code></p> </li> </ul> </li> <li style="padding-inline-start: 2.25rem; margin: 12px 0px 0px; counter-increment: list-item 1; position: relative;"> <p style="margin: 0px; overflow-wrap: anywhere; padding-inline-start: 4px;"><span style="font-weight: 700; --gds-type-scale-default-wght: &amp;quot;wght&amp;quot; 540; font-variation-settings: &amp;quot;ROND&amp;quot; 0, &amp;quot;slnt&amp;quot; 0, &amp;quot;wdth&amp;quot; 92, &amp;quot;wght&amp;quot; 540; font-synthesis-weight: none;">Visual Hierarchy</span>: Apply CSS to the <code style="--gds-type-scale-default-rond: &amp;quot;ROND&amp;quot; 0; font-style: normal; font-variant: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-stretch: normal; font-size: 0.9375rem; line-height: 1.25rem; font-family: &amp;quot;Google Sans Code&amp;quot;, monospace; --gds-type-scale-default-wdth: &amp;quot;wdth&amp;quot; 92; --gds-type-scale-default-wght: &amp;quot;wght&amp;quot; 400; --gds-type-scale-bold-wght: &amp;quot;wght&amp;quot; 540; color: rgba(0, 0, 0, 0.55); background-color: #f2f0f0; border-radius: 9999px; padding: 4px 6px;">.featured</code> class to make the "Medium" (or your most popular) plan stand out with a different border color or a "Popular" badge.</p> </li> <li style="padding-inline-start: 2.25rem; margin: 12px 0px 0px; counter-increment: list-item 1; position: relative;"> <p style="margin: 0px; overflow-wrap: anywhere; padding-inline-start: 4px;"><span style="font-weight: 700; --gds-type-scale-default-wght: &amp;quot;wght&amp;quot; 540; font-variation-settings: &amp;quot;ROND&amp;quot; 0, &amp;quot;slnt&amp;quot; 0, &amp;quot;wdth&amp;quot; 92, &amp;quot;wght&amp;quot; 540; font-synthesis-weight: none;">Integration</span>: Ensure your <code style="--gds-type-scale-default-rond: &amp;quot;ROND&amp;quot; 0; font-style: normal; font-variant: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-stretch: normal; font-size: 0.9375rem; line-height: 1.25rem; font-family: &amp;quot;Google Sans Code&amp;quot;, monospace; --gds-type-scale-default-wdth: &amp;quot;wdth&amp;quot; 92; --gds-type-scale-default-wght: &amp;quot;wght&amp;quot; 400; --gds-type-scale-bold-wght: &amp;quot;wght&amp;quot; 540; color: rgba(0, 0, 0, 0.55); background-color: #f2f0f0; border-radius: 9999px; padding: 4px 6px;">&lt;a&gt;</code> tags link to a unified contact form. By passing a query parameter (e.g., <code style="--gds-type-scale-default-rond: &amp;quot;ROND&amp;quot; 0; font-style: normal; font-variant: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-stretch: normal; font-size: 0.9375rem; line-height: 1.25rem; font-family: &amp;quot;Google Sans Code&amp;quot;, monospace; --gds-type-scale-default-wdth: &amp;quot;wdth&amp;quot; 92; --gds-type-scale-default-wght: &amp;quot;wght&amp;quot; 400; --gds-type-scale-bold-wght: &amp;quot;wght&amp;quot; 540; color: rgba(0, 0, 0, 0.55); background-color: #f2f0f0; border-radius: 9999px; padding: 4px 6px;">?package=lite</code>), your PHP backend can automatically pre-select the service tier in your inquiry form, creating a smoother user experience.</p> </li> </ol> <h3 style="margin: 24px 0px -8px; --gds-type-scale-default-rond: &amp;quot;ROND&amp;quot; 20; font-size: 20px; font-weight: 470; line-height: 24px; --gds-type-scale-default-wdth: &amp;quot;wdth&amp;quot; 94; --gds-type-scale-default-wght: &amp;quot;wght&amp;quot; 470; font-variation-settings: &amp;quot;ROND&amp;quot; 20, &amp;quot;slnt&amp;quot; 0, &amp;quot;wdth&amp;quot; 94, &amp;quot;wght&amp;quot; 470; --gds-type-scale-bold-wght: &amp;quot;wght&amp;quot; 540;">Why Structured Analysis Matters</h3> <p style="margin: 0px; overflow-wrap: anywhere;">Repair orders are the "heartbeat" of the service department. When you structure these tiers, you are essentially offering three levels of clarity:</p> <ul style="padding-inline-start: 0.21rem; margin: 0px; list-style-type: none;"> <li style="padding-inline-start: 2.25rem; margin: 0px; position: relative;"> <p style="margin: 0px; overflow-wrap: anywhere; padding-inline-start: 4px;"><span style="font-weight: 700; --gds-type-scale-default-wght: &amp;quot;wght&amp;quot; 540; font-variation-settings: &amp;quot;ROND&amp;quot; 0, &amp;quot;slnt&amp;quot; 0, &amp;quot;wdth&amp;quot; 92, &amp;quot;wght&amp;quot; 540; font-synthesis-weight: none;">Lite</span>: Providing a "pulse check" (Is the business healthy?).</p> </li> <li style="padding-inline-start: 2.25rem; margin: 12px 0px 0px; position: relative;"> <p style="margin: 0px; overflow-wrap: anywhere; padding-inline-start: 4px;"><span style="font-weight: 700; --gds-type-scale-default-wght: &amp;quot;wght&amp;quot; 540; font-variation-settings: &amp;quot;ROND&amp;quot; 0, &amp;quot;slnt&amp;quot; 0, &amp;quot;wdth&amp;quot; 92, &amp;quot;wght&amp;quot; 540; font-synthesis-weight: none;">Medium</span>: Providing a "diagnostic" (Where are the specific areas of friction in the workflow?).</p> </li> <li style="padding-inline-start: 2.25rem; margin: 12px 0px 0px; position: relative;"> <p style="margin: 0px; overflow-wrap: anywhere; padding-inline-start: 4px;"><span style="font-weight: 700; --gds-type-scale-default-wght: &amp;quot;wght&amp;quot; 540; font-variation-settings: &amp;quot;ROND&amp;quot; 0, &amp;quot;slnt&amp;quot; 0, &amp;quot;wdth&amp;quot; 92, &amp;quot;wght&amp;quot; 540; font-synthesis-weight: none;">Deep Dive</span>: Providing "preventative medicine" (How do we re-engineer the process to prevent profit leaks?).</p> </li> </ul> </div> </div> </div> </div> </div> <div class="ng-star-inserted ng-tns-c1600097382-13 response-container-footer" style="margin-inline-start: -12px; --response-container-footer-padding: 60px; --response-container-footer-padding-v2: 0;"> <div class="ng-tns-c913613895-16 actions-container-v2" style="display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row; margin-block-start: 4px; padding-inline-start: 12px;"> <div class="ng-star-inserted ng-tns-c913613895-16 buttons-container-v2" style="display: flex; flex-wrap: nowrap; -webkit-box-align: center; align-items: center; -webkit-box-flex: 1; flex: 1 1 0%; gap: 0px;"><button class="ng-star-inserted mat-badge-hidden mat-badge-small mat-badge-after mat-badge-above mat-badge-overlap _mat-animation-noopable mat-unthemed mat-badge mat-mdc-button-base mat-mdc-icon-button mdc-icon-button" style="font-size: 24px; width: 32px; height: 32px; padding: 4px; display: flex; position: relative; outline: none; fill: currentcolor; color: #000000; cursor: pointer; user-select: none; z-index: 0; overflow: visible; --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: transform, opacity; --mat-focus-indicator-border-radius: 50%; border-radius: 9999px; flex-shrink: 0; --mat-focus-indicator-border-color: #000; --mat-focus-indicator-display: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; transition: none !important; animation: auto ease 0s 1 normal none running none !important; border: medium none currentcolor;"></button><button class="ng-star-inserted mat-badge-hidden mat-badge-small mat-badge-after mat-badge-above mat-badge-overlap _mat-animation-noopable mat-unthemed mat-badge mat-mdc-button-base mat-mdc-icon-button mdc-icon-button" style="font-size: 24px; width: 32px; height: 32px; padding: 4px; display: flex; position: relative; outline: none; fill: currentcolor; color: #000000; cursor: pointer; user-select: none; z-index: 0; overflow: visible; --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: transform, opacity; --mat-focus-indicator-border-radius: 50%; border-radius: 9999px; flex-shrink: 0; --mat-focus-indicator-border-color: #000; --mat-focus-indicator-display: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; transition: none !important; animation: auto ease 0s 1 normal none running none !important; border: medium none currentcolor;"></button><button class="ng-star-inserted mat-badge-hidden mat-badge-small mat-badge-after mat-badge-above mat-badge-overlap _mat-animation-noopable mat-unthemed mat-badge mat-mdc-button-base mat-mdc-icon-button mdc-icon-button" style="font-size: 24px; width: 32px; height: 32px; padding: 4px; display: flex; position: relative; outline: none; fill: currentcolor; color: #000000; cursor: pointer; user-select: none; z-index: 0; overflow: visible; --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: transform, opacity; --mat-focus-indicator-border-radius: 50%; border-radius: 9999px; flex-shrink: 0; --mat-focus-indicator-border-color: #000; --mat-focus-indicator-display: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; transition: none !important; animation: auto ease 0s 1 normal none running none !important; border: medium none currentcolor;"></button> <div class="ng-star-inserted ng-tns-c913613895-16"> <div class="ng-star-inserted ng-tns-c913613895-16 menu-button-wrapper" style="display: flex; flex-wrap: wrap; gap: 4px; position: relative; --gds-type-scale-default-rond: &amp;quot;ROND&amp;quot; 0; font-family: &amp;quot;Google Sans Flex&amp;quot;, &amp;quot;Google Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, sans-serif; font-size: 15px; line-height: 20px; --gds-type-scale-default-wdth: &amp;quot;wdth&amp;quot; 92; --gds-type-scale-default-wght: &amp;quot;wght&amp;quot; 400; font-variation-settings: &amp;quot;ROND&amp;quot; 0, &amp;quot;slnt&amp;quot; 0, &amp;quot;wdth&amp;quot; 92, &amp;quot;wght&amp;quot; 400; --gds-type-scale-bold-wght: &amp;quot;wght&amp;quot; 540;"> <div class="ng-tns-c913613895-16 more-menu-button-container" style="position: relative;"><button class="ng-star-inserted mat-badge-hidden mat-badge-small mat-badge-after mat-badge-above mat-badge-overlap _mat-animation-noopable mat-unthemed mat-badge mat-mdc-button-base mat-mdc-icon-button mdc-icon-button" style="font-size: 24px; width: 32px; height: 32px; padding: 4px; display: flex; position: relative; outline: none; fill: currentcolor; color: #000000; cursor: pointer; user-select: none; z-index: 0; overflow: visible; --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: transform, opacity; --mat-focus-indicator-border-radius: 50%; border-radius: 9999px; flex-shrink: 0; --mat-focus-indicator-border-color: #000; --mat-focus-indicator-display: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; transition: none !important; animation: auto ease 0s 1 normal none running none !important; border: medium none currentcolor;"></button></div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="28af00576c99f701" class="ng-star-inserted message-actions-hover-boundary conversation-container" style="max-width: 724px; width: 724px; margin: 0px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; flex-shrink: 0; -webkit-box-align: center; align-items: center; scroll-margin-top: 16px; min-height: 820px;"><span class="user-query-container" style="display: flex; width: 724px;"> <div class="user-query-container" style="display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: end; justify-content: flex-end; gap: 0px; margin: 0px; padding-bottom: 12px; min-width: 0px; user-select: none;"> <div id="user-query-content-1" class="ng-star-inserted query-content" style="overflow-wrap: anywhere; min-width: 0px; user-select: text; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: end; justify-content: flex-end; padding-inline-start: 52px; margin-inline: 52px 8px; padding: 0px; margin-bottom: 0px;"><span class="ng-star-inserted user-query-bubble-with-background" style="padding: 20px 28px; background: none 0% 0% / auto repeat scroll padding-box border-box #f2f0f0; border-radius: 40px; max-width: 452px; position: relative;"><span class="ng-star-inserted horizontal-container" style="display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row;"> <div class="gds-body-l query-text" style="--gds-type-scale-default-rond: &amp;quot;ROND&amp;quot; 0; font-family: &amp;quot;Google Sans Flex&amp;quot;, &amp;quot;Google Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, sans-serif; font-size: 17px; line-height: 24px; --gds-type-scale-default-wdth: &amp;quot;wdth&amp;quot; 92; --gds-type-scale-default-wght: &amp;quot;wght&amp;quot; 400; font-variation-settings: &amp;quot;ROND&amp;quot; 0, &amp;quot;slnt&amp;quot; 0, &amp;quot;wdth&amp;quot; 92, &amp;quot;wght&amp;quot; 400; --gds-type-scale-bold-wght: &amp;quot;wght&amp;quot; 540; font-variant-ligatures: none; margin-block: 0px; padding-top: 0px; overflow: hidden;" dir="ltr"> <p class="ng-star-inserted query-text-line" style="margin: 0px;">create a profile html page with an about us that links to the master study template course at https://academy.repairorderintelligence.com/courses/fixed-ops-margin-leakage-control-system/53559/</p> </div> </span></span></div> <div class="ng-star-inserted luminous-actions-container" style="display: flex; -webkit-box-pack: end; justify-content: flex-end; padding: 0px 20px; gap: 0px; margin-top: 4px;"><button class="ng-star-inserted mat-badge-hidden mat-badge-small mat-badge-after mat-badge-above mat-badge-overlap _mat-animation-noopable mat-unthemed mat-badge mat-mdc-button-base mat-mdc-icon-button mdc-icon-button" style="font-size: 24px; width: 36px; height: 36px; padding: 6px; display: flex; position: relative; outline: none; fill: currentcolor; color: #000000; cursor: pointer; user-select: none; z-index: 0; overflow: visible; --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: transform, opacity; --mat-focus-indicator-border-radius: 50%; border-radius: 9999px; flex-shrink: 0; --mat-focus-indicator-border-color: #000; --mat-focus-indicator-display: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; transition: none !important; animation: auto ease 0s 1 normal none running none !important; border: medium none currentcolor;"></button><button class="ng-star-inserted mat-badge-hidden mat-badge-small mat-badge-after mat-badge-above mat-badge-overlap _mat-animation-noopable mat-unthemed mat-badge mat-mdc-button-base mat-mdc-icon-button mdc-icon-button" style="font-size: 24px; width: 36px; height: 36px; padding: 6px; display: flex; position: relative; outline: none; fill: currentcolor; color: #000000; cursor: pointer; user-select: none; z-index: 0; overflow: visible; --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: transform, opacity; --mat-focus-indicator-border-radius: 50%; border-radius: 9999px; flex-shrink: 0; --mat-focus-indicator-border-color: #000; --mat-focus-indicator-display: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; transition: none !important; animation: auto ease 0s 1 normal none running none !important; border: medium none currentcolor;"></button></div> </div> </span> <div> <div class="ng-tns-c913613895-23 actions-container-v2" style="display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row; margin-block-start: 4px; padding-inline-start: 12px;"> <div class="ng-star-inserted ng-tns-c913613895-23 buttons-container-v2" style="display: flex; flex-wrap: nowrap; -webkit-box-align: center; align-items: center; -webkit-box-flex: 1; flex: 1 1 0%; gap: 0px;"><button class="ng-star-inserted mat-badge-hidden mat-badge-small mat-badge-after mat-badge-above mat-badge-overlap _mat-animation-noopable mat-unthemed mat-badge mat-mdc-button-base mat-mdc-icon-button mdc-icon-button" style="font-size: 24px; width: 32px; height: 32px; padding: 4px; display: flex; position: relative; outline: none; fill: currentcolor; color: #000000; cursor: pointer; user-select: none; z-index: 0; overflow: visible; --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: transform, opacity; --mat-focus-indicator-border-radius: 50%; border-radius: 9999px; flex-shrink: 0; --mat-focus-indicator-border-color: #000; --mat-focus-indicator-display: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; transition: none !important; animation: auto ease 0s 1 normal none running none !important; border: medium none currentcolor;"></button><button class="ng-star-inserted mat-badge-hidden mat-badge-small mat-badge-after mat-badge-above mat-badge-overlap _mat-animation-noopable mat-unthemed mat-badge mat-mdc-button-base mat-mdc-icon-button mdc-icon-button" style="font-size: 24px; width: 32px; height: 32px; padding: 4px; display: flex; position: relative; outline: none; fill: currentcolor; color: #000000; cursor: pointer; user-select: none; z-index: 0; overflow: visible; --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: transform, opacity; --mat-focus-indicator-border-radius: 50%; border-radius: 9999px; flex-shrink: 0; --mat-focus-indicator-border-color: #000; --mat-focus-indicator-display: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; transition: none !important; animation: auto ease 0s 1 normal none running none !important; border: medium none currentcolor;"></button> <div class="ng-star-inserted ng-tns-c913613895-23"><button class="ng-star-inserted mat-badge-hidden mat-badge-small mat-badge-after mat-badge-above mat-badge-overlap _mat-animation-noopable mat-unthemed mat-badge mat-mdc-button-base mat-mdc-icon-button mdc-icon-button" style="font-size: 24px; width: 32px; height: 32px; padding: 4px; display: flex; position: relative; outline: none; fill: currentcolor; color: #000000; cursor: pointer; user-select: none; z-index: 0; overflow: visible; --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: transform, opacity; --mat-focus-indicator-border-radius: 50%; border-radius: 9999px; flex-shrink: 0; --mat-focus-indicator-border-color: #000; --mat-focus-indicator-display: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; transition: none !important; animation: auto ease 0s 1 normal none running none !important; border: medium none currentcolor;"></button></div> <button class="ng-star-inserted mat-badge-hidden mat-badge-small mat-badge-after mat-badge-above mat-badge-overlap _mat-animation-noopable mat-unthemed mat-badge mat-mdc-button-base mat-mdc-icon-button mdc-icon-button" style="font-size: 24px; width: 32px; height: 32px; padding: 4px; display: flex; position: relative; outline: none; fill: currentcolor; color: #000000; cursor: pointer; user-select: none; z-index: 0; overflow: visible; --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: transform, opacity; --mat-focus-indicator-border-radius: 50%; border-radius: 9999px; flex-shrink: 0; --mat-focus-indicator-border-color: #000; --mat-focus-indicator-display: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; transition: none !important; animation: auto ease 0s 1 normal none running none !important; border: medium none currentcolor;"></button> <div class="ng-star-inserted ng-tns-c913613895-23"> <div class="ng-star-inserted ng-tns-c913613895-23 menu-button-wrapper" style="display: flex; flex-wrap: wrap; gap: 4px; position: relative; --gds-type-scale-default-rond: &amp;quot;ROND&amp;quot; 0; font-family: &amp;quot;Google Sans Flex&amp;quot;, &amp;quot;Google Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, sans-serif; font-size: 15px; line-height: 20px; --gds-type-scale-default-wdth: &amp;quot;wdth&amp;quot; 92; --gds-type-scale-default-wght: &amp;quot;wght&amp;quot; 400; font-variation-settings: &amp;quot;ROND&amp;quot; 0, &amp;quot;slnt&amp;quot; 0, &amp;quot;wdth&amp;quot; 92, &amp;quot;wght&amp;quot; 400; --gds-type-scale-bold-wght: &amp;quot;wght&amp;quot; 540;"> <div class="ng-tns-c913613895-23 more-menu-button-container" style="position: relative;"><button class="ng-star-inserted mat-badge-hidden mat-badge-small mat-badge-after mat-badge-above mat-badge-overlap _mat-animation-noopable mat-unthemed mat-badge mat-mdc-button-base mat-mdc-icon-button mdc-icon-button" style="font-size: 24px; width: 32px; height: 32px; padding: 4px; display: flex; position: relative; outline: none; fill: currentcolor; color: #000000; cursor: pointer; user-select: none; z-index: 0; overflow: visible; --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: transform, opacity; --mat-focus-indicator-border-radius: 50%; border-radius: 9999px; flex-shrink: 0; --mat-focus-indicator-border-color: #000; --mat-focus-indicator-display: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; transition: none !important; animation: auto ease 0s 1 normal none running none !important; border: medium none currentcolor;"></button></div> </div> </div> </div> </div> </div> </div> </div> <fieldset class="ng-trigger-inputAreaAnimation ng-trigger input-area-container" style="padding: 0px; margin: 0px; min-width: 0px; text-align: center; max-width: 660px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; align-self: center; width: 660px; position: relative; pointer-events: auto; --initial-input-half-height: 32px; border: 0px none currentcolor;"> <div class="children-ready ng-tns-c1949548171-4 input-area" style="--input-area-content-size: 32px; width: 660px; padding: 0px; -webkit-box-align: end; align-items: flex-end; position: relative;"> <div class="simplified-input-area ng-tns-c1949548171-4 text-input-field" style="position: relative; display: grid; -webkit-box-pack: end; place-content: start flex-end; -webkit-box-align: center; align-items: center; -webkit-box-flex: 1; flex-grow: 1; flex-wrap: wrap; padding: 12px; grid-template: &amp;quot;file-preview file-preview file-preview&amp;quot; &amp;quot;leading-actions text-input trailing-actions&amp;quot; 1fr / auto 1fr auto; column-gap: 8px; border-radius: inherit; overflow: hidden;"> <div class="single-line-format ng-star-inserted ng-tns-c1949548171-4" style="grid-area: text-input; display: grid; padding-block: 8px; --textarea-overflow-y: hidden; --chat-container-height: 809;"> <div class="ng-tns-c1949548171-4 text-input-field-main-area"> <div class="ng-tns-c1949548171-4 text-input-field_textarea-inner" style="position: relative; transition: none; overflow: hidden;"> <div class="textarea-wrapper ng-tns-c1949548171-4"> <div class="ql-blank new-input-ui textarea ql-editor" style="box-sizing: border-box; line-height: 24px; height: 24px; outline: none; overflow: auto hidden; padding: 12px 15px; tab-size: 4; text-align: start; white-space: pre-wrap; overflow-wrap: anywhere; position: relative; padding-inline: 0px 15px; padding-block: 0px; min-height: auto; max-height: 168px; direction: ltr; opacity: 1; transition: none;"> <p style="cursor: text; box-sizing: border-box; margin: 0px; padding: 0px; counter-reset: list-1 0 list-2 0 list-3 0 list-4 0 list-5 0 list-6 0 list-7 0 list-8 0 list-9 0;"><br style="box-sizing: border-box;" /></p> </div> </div> </div> </div> </div> <div class="ng-star-inserted has-model-picker ng-tns-c1949548171-4 leading-actions-wrapper" style="align-self: center; min-height: 32px; grid-area: leading-actions; display: flex; -webkit-box-align: center; align-items: center; margin-inline-start: 2px;"> <div class="simplified-input-menu-container" style="-webkit-box-align: center; align-items: center; color: #727676; display: flex;"><span><button class="ng-star-inserted mat-badge-hidden mat-badge-small mat-badge-after mat-badge-above mat-badge-overlap _mat-animation-noopable mat-unthemed mat-badge mat-mdc-button-base mat-mdc-icon-button mdc-icon-button" style="font-size: 24px; width: 32px; height: 32px; padding: 4px; display: flex; position: relative; outline: none; fill: currentcolor; color: #000000; cursor: pointer; user-select: none; z-index: 0; overflow: visible; --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: transform, opacity; --mat-focus-indicator-border-radius: 50%; border-radius: 9999px; flex-shrink: 0; --mat-focus-indicator-border-color: #000; --mat-focus-indicator-display: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; transition: none !important; animation: auto ease 0s 1 normal none running none !important; border: medium none currentcolor;"></button></span></div> </div> <div class="with-model-picker ng-tns-c1949548171-4 trailing-actions-wrapper" style="align-self: flex-end; min-height: 32px; -webkit-box-align: center; align-items: center; display: flex; -webkit-box-flex: 0; flex: 0 0 auto; height: 36px; grid-area: trailing-actions; margin-block-end: 2px; margin-bottom: 2px;"> <div class="ng-star-inserted ng-tns-c1949548171-4 model-picker-container" style="display: flex; -webkit-box-align: center; align-items: center; min-width: 10px; min-height: 10px;"> <div class="ng-star-inserted under-input gem-menu-redesign pill-ui-logo-container" style="display: flex; padding: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 0px; position: relative; inset-inline-start: 0.625rem;"><button class="_mat-animation-noopable mat-unthemed mat-mdc-button input-area-switch mat-mdc-button-base mdc-button" style="position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 64px; outline: none; line-height: inherit; user-select: none; appearance: none; overflow: visible; vertical-align: middle; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; -webkit-font-smoothing: antialiased; padding: 0px 16px; --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: transform, opacity; font-family: &quot;Google Sans Flex&quot;, &quot;Google Sans Text&quot;, &quot;Google Sans&quot;, sans-serif; font-size: 14px; font-weight: 500; height: 40px; border-radius: 9999px; --mat-button-text-horizontal-padding: 12px; --mat-button-text-state-layer-color: #444746; --mat-button-text-label-text-color: #444746; color: #444746; --mat-button-text-hover-state-layer-opacity: 0.08; --mat-button-text-focus-state-layer-opacity: 0; --mat-button-text-pressed-state-layer-opacity: 0.08; --mat-button-text-ripple-color: color(from #444746 srgb r g b/0.1); margin-right: 4px; transition: none !important; animation: auto ease 0s 1 normal none running none !important; border: medium none currentcolor;"><span class="mdc-button__label" style="position: relative; z-index: 1;"> </span></button></div> </div> <div class="ng-tns-c1949548171-4 persistent-mic input-buttons-wrapper-bottom" style="display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: end; justify-content: flex-end; min-width: 42px; margin-inline-start: 0px; position: relative; inset-inline-start: 4px; -webkit-box-align: center; align-items: center; transition: gap 0.25s cubic-bezier(0.2, 0, 0, 1);"> <div class="ng-star-inserted ng-trigger-slide ng-trigger ng-tns-c1949548171-4 persistent-mic mic-button-container" style="visibility: visible; opacity: 1; pointer-events: auto; transition: opacity 0.15s linear 0.1s allow-discrete, display; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 3rem;"> <div class="ng-star-inserted ng-tns-c3167358124-5 lm-enabled gem-mic-button-wrapper" style="position: relative; display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 48px;"><button class="ng-star-inserted mat-badge-hidden mat-badge-small mat-badge-after mat-badge-above mat-badge-overlap _mat-animation-noopable mat-unthemed mat-badge mat-mdc-button-base mat-mdc-icon-button mdc-icon-button" style="font-size: 24px; width: 32px; height: 32px; padding: 4px; display: flex; position: relative; outline: none; fill: currentcolor; color: #000000; cursor: pointer; user-select: none; z-index: 0; overflow: visible; --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: transform, opacity; --mat-focus-indicator-border-radius: 50%; border-radius: 9999px; flex-shrink: 0; --mat-focus-indicator-border-color: #000; --mat-focus-indicator-display: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; transition: none !important; animation: auto ease 0s 1 normal none running none !important; border: medium none currentcolor;"></button></div> </div> </div> </div> </div> </div> </fieldset> <div class="capabilities-disclaimer" style="color: #444746; text-align: center; margin: 0px 5px 0px 8px; --align-text: center;"> <p class="ng-star-inserted desktop-spacing gds-body-s" style="--gds-type-scale-default-rond: &amp;quot;ROND&amp;quot; 0; font-family: &amp;quot;Google Sans Flex&amp;quot;, &amp;quot;Google Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, sans-serif; font-size: 13px; line-height: 17px; --gds-type-scale-default-wdth: &amp;quot;wdth&amp;quot; 92; --gds-type-scale-default-wght: &amp;quot;wght&amp;quot; 400; font-variation-settings: &amp;quot;ROND&amp;quot; 0, &amp;quot;slnt&amp;quot; 0, &amp;quot;wdth&amp;quot; 92, &amp;quot;wght&amp;quot; 400; --gds-type-scale-bold-wght: &amp;quot;wght&amp;quot; 540; margin-block: 16px;">Gemini is AI and can make mistakes.</p> </div> </div> </div> </div> </div> <div class="drive-viewer-shown drive-viewer-overlay drive-viewer-gm3 drive-viewer-v3 drive-viewer-quantum-spinner isForcedDarkMode modeElementsDark modeElementsGm3Baseline exportDriveElementsThemeOverlay drive-viewer-focus-outlines-disabled drive-viewer" style="--dt-display-1-font: 400 3.5625rem/4rem &amp;quot;Google Sans&amp;quot;; --dt-display-1-spacing: 0; --dt-display-large-font: 400 3.5625rem/4rem &amp;quot;Google Sans&amp;quot;; --dt-display-large-spacing: 0; --dt-display-medium-font: 400 2.8125rem/3.25rem &amp;quot;Google Sans&amp;quot;; --dt-display-medium-spacing: 0; --dt-display-small-font: 400 2.25rem/2.75rem &amp;quot;Google Sans&amp;quot;; --dt-display-small-spacing: 0; --dt-headline-large-font: 400 2rem/2.5rem &amp;quot;Google Sans&amp;quot;; --dt-headline-large-spacing: 0; --dt-headline-medium-font: 400 1.75rem/2.25rem &amp;quot;Google Sans&amp;quot;; --dt-headline-medium-spacing: 0; --dt-headline-small-font: 400 1.5rem/2rem &amp;quot;Google Sans&amp;quot;; --dt-headline-small-spacing: 0; --dt-title-large-font: 400 1.375rem/1.75rem &amp;quot;Google Sans&amp;quot;; --dt-title-large-spacing: 0; --dt-headline-6-font: 400 1.375rem/1.75rem &amp;quot;Google Sans&amp;quot;; --dt-headline-6-spacing: 0; --dt-title-medium-font: 500 1rem/1.5rem &amp;quot;Google Sans Text&amp;quot;; --dt-title-medium-spacing: 0; --dt-title-small-font: 500 0.875rem/1.25rem &amp;quot;Google Sans Text&amp;quot;; --dt-title-small-spacing: 0; --dt-subtitle-1-font: 500 1rem/1.5rem &amp;quot;Google Sans Text&amp;quot;; --dt-subtitle-1-spacing: 0; --dt-label-large-font: 500 0.875rem/1.25rem &amp;quot;Google Sans Text&amp;quot;; --dt-label-large-spacing: 0; --dt-label-medium-font: 500 0.75rem/1rem &amp;quot;Google Sans Text&amp;quot;; --dt-label-medium-spacing: 0; --dt-label-small-font: 500 0.6875rem/1rem &amp;quot;Google Sans Text&amp;quot;; --dt-label-small-spacing: 0.009090909090909092em; --dt-label-small-transform: none; --dt-body-large-font: 400 1rem/1.5rem &amp;quot;Google Sans Text&amp;quot;; --dt-body-large-spacing: 0; --dt-body-medium-font: 400 0.875rem/1.25rem &amp;quot;Google Sans Text&amp;quot;; --dt-body-medium-spacing: 0; --dt-body-small-font: 400 0.75rem/1rem &amp;quot;Google Sans Text&amp;quot;; --dt-body-small-spacing: 0.008333333333333333em; --dt-corner-banner: 0.5rem; --dt-corner-button: 6.25rem; --dt-corner-card: 0.75rem; --dt-corner-card-thumbnail: 0.25rem; --dt-corner-chip: 0.5rem; --dt-corner-chip-avatar: 6.25rem; --dt-corner-chip-suggestive: 0.5rem; --dt-corner-dialog: 0.5rem; --dt-corner-dialog-anchored: 0.5rem; --dt-corner-fab: 1rem; --dt-corner-fab-large: 1.75rem; --dt-corner-field: 0.25rem; --dt-corner-field-filled: 0.25rem 0.25rem 0 0; --dt-corner-field-search: 0.25rem; --dt-corner-icon-button: 6.25rem; --dt-corner-landmark: 1rem; --dt-corner-menu: 0.25rem; --dt-corner-mole: 1rem; --dt-corner-nav-drawer: 6.25rem; --dt-corner-region: 0.75rem; --dt-corner-tile: 1rem; background-color: rgba(31, 31, 31, 0.92); inset: 0px; color: #ffffff; font-family: &amp;quot;Google Sans&amp;quot;, Roboto, arial, sans-serif; overflow: clip; position: fixed; z-index: 1001; opacity: 1; transition-delay: 0s, 0s; transition-duration: 0.1s, 0s; transition-property: opacity, visibility; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); visibility: visible; -webkit-font-smoothing: antialiased; --dt-on-background: #e3e3e3; --dt-on-background-secondary: #ababab; --dt-background: #131314; --dt-on-surface: #e3e3e3; --dt-inverse-surface: #e3e3e3; --dt-on-surface-secondary: #ababab; --dt-on-surface-variant: #c4c7c5; --dt-surface-variant: #444746; --dt-inverse-on-surface: #303030; --dt-surface: #131314; --dt-surface-tint: #d1e1ff; --dt-shadow-elevation-1: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12); --dt-shadow-elevation-2: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12); --dt-shadow-elevation-3: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12); --dt-shadow-elevation-4: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12); --dt-shadow-elevation-5: 0px 8px 10px -6px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12); --dt-surface-container-lowest: #0e0e0e; --dt-surface-container-low: #1b1b1b; --dt-surface-container: #1e1f20; --dt-surface-container-high: #282a2c; --dt-surface-container-highest: #333537; --dt-surface-dim: #131314; --dt-surface-bright: #37393b; --dt-scrim: rgba(0,0,0,0.32); --dt-scrim-2x: rgba(0,0,0,0.64); --dt-on-primary-container: #d3e3fd; --dt-primary-container-icon: #d3e3fd; --dt-primary-container-link: #d3e3fd; --dt-primary: #a8c7fa; --dt-primary-action: #a8c7fa; --dt-primary-action-stateful: #a8c7fa; --dt-primary-outline: #a8c7fa; --dt-primary-action-state-layer: #a8c7fa; --dt-primary-container: #0842a0; --dt-on-primary: #062e6f; --dt-primary-icon: #062e6f; --dt-primary-link: #062e6f; --dt-on-secondary-container: #c2e7ff; --dt-secondary-container-icon: #c2e7ff; --dt-secondary-container-link: #c2e7ff; --dt-secondary: #7fcfff; --dt-secondary-action: #7fcfff; --dt-secondary-action-stateful: #7fcfff; --dt-secondary-outline: #7fcfff; --dt-secondary-action-state-layer: #7fcfff; --dt-secondary-container: #004a77; --dt-on-secondary: #035; --dt-secondary-icon: #035; --dt-secondary-link: #035; --dt-on-tertiary-container: #c4eed0; --dt-tertiary-container-icon: #c4eed0; --dt-tertiary-container-link: #c4eed0; --dt-tertiary: #6dd58c; --dt-tertiary-action: #6dd58c; --dt-tertiary-action-stateful: #6dd58c; --dt-tertiary-outline: #6dd58c; --dt-tertiary-action-state-layer: #6dd58c; --dt-tertiary-container: #0f5223; --dt-on-tertiary: #0a3818; --dt-tertiary-icon: #0a3818; --dt-tertiary-link: #0a3818; --dt-on-neutral-container: #e3e3e3; --dt-neutral-container-icon: #e3e3e3; --dt-neutral-container-link: #e3e3e3; --dt-neutral: #ababab; --dt-neutral-action: #ababab; --dt-neutral-action-stateful: #ababab; --dt-neutral-outline: #ababab; --dt-neutral-action-state-layer: #ababab; --dt-neutral-container: #474747; --dt-on-neutral: #1f1f1f; --dt-neutral-icon: #ababab; --dt-neutral-link: #ababab; --dt-on-warning-container: #fff2b4; --dt-warning-container-icon: #fff2b4; --dt-warning-container-link: #fff2b4; --dt-warning: #fcbd00; --dt-warning-action: #fcbd00; --dt-warning-action-stateful: #fcbd00; --dt-warning-outline: #fff2b4; --dt-warning-action-state-layer: #fcbd00; --dt-warning-container: #4d2600; --dt-on-warning: #1f1f1f; --dt-warning-icon: #2f1400; --dt-warning-link: #2f1400; --dt-on-error-container: #f9dedc; --dt-error-container-icon: #f9dedc; --dt-error-container-link: #f9dedc; --dt-error: #f2b8b5; --dt-error-action: #f2b8b5; --dt-error-action-stateful: #f2b8b5; --dt-error-outline: #f2b8b5; --dt-error-action-state-layer: #dc362e; --dt-error-container: #8c1d18; --dt-on-error: #601410; --dt-error-icon: #601410; --dt-error-link: #601410; --dt-mime-type-blue: #8ab4f8; --dt-mime-type-dark-blue: #5f73e5; --dt-mime-type-green: #81c995; --dt-mime-type-grey: #9aa0a6; --dt-mime-type-purple: #c58af9; --dt-mime-type-deep-purple: #9575cd; --dt-mime-type-red: #f28b82; --dt-mime-type-yellow: #ffe082; --dt-mime-type-gemini-blue: #3186ff; --dt-mime-type-project-blue: #67d4ff; --dt-disabled: rgba(227,227,227,0.12); --dt-on-disabled: rgba(227,227,227,0.38); --dt-outline: #8e918f; --dt-outline-variant: #444746; --dt-light-info-banner-button: #a8c7fa; --dt-light-neutral-banner-button: #ababab; --dt-light-success-banner-button: #6dd58c; --dt-light-warning-banner-button: #fcbd00; --dt-light-error-banner-button: #f2b8b5; --dt-blue-fill: #a1c9ff; --dt-blue-outline: #04409f; --dt-blue-tonal: #04409f; --dt-gray-fill: #c7c7c7; --dt-gray-outline: #474747; --dt-gray-tonal: #474747; --dt-green-fill: #80da88; --dt-green-outline: #00522c; --dt-green-tonal: #00522c; --dt-on-blue-fill: #012c6f; --dt-on-blue-outline: #a1c9ff; --dt-on-blue-tonal: #d0e4ff; --dt-on-gray-fill: #303030; --dt-on-gray-outline: #c7c7c7; --dt-on-gray-tonal: #e3e3e3; --dt-on-green-fill: #00381f; --dt-on-green-outline: #80da88; --dt-on-green-tonal: #beefbb; --dt-on-orange-fill: #522302; --dt-on-orange-outline: #ffb683; --dt-on-orange-tonal: #ffdcc3; --dt-on-purple-fill: #400b84; --dt-on-purple-outline: #d9bafd; --dt-on-purple-tonal: #eedcfe; --dt-on-red-fill: #60150f; --dt-on-red-outline: #ffb3ae; --dt-on-red-tonal: #ffdadc; --dt-on-yellow-fill: #4d2600; --dt-on-yellow-outline: #ffe07c; --dt-on-yellow-tonal: #ffe07c; --dt-orange-fill: #ffb683; --dt-orange-outline: #753403; --dt-orange-tonal: #753403; --dt-pink-fill: #ffaee4; --dt-pink-outline: #8d0053; --dt-pink-tonal: #8d0053; --dt-purple-fill: #d9bafd; --dt-purple-outline: #5629a4; --dt-purple-tonal: #5629a4; --dt-red-fill: #ffb3ae; --dt-red-outline: #8a1a16; --dt-red-tonal: #8a1a16; --dt-yellow-fill: #ffe07c; --dt-yellow-outline: #6d3a01; --dt-yellow-tonal: #6d3a01; --gm3-sys-color-background: #131314; --gm3-sys-color-background-rgb: 19,19,20; --gm3-sys-color-error: #f2b8b5; --gm3-sys-color-error-rgb: 242,184,181; --gm3-sys-color-error-container: #8c1d18; --gm3-sys-color-error-container-rgb: 140,29,24; --gm3-sys-color-inverse-on-surface: #303030; --gm3-sys-color-inverse-on-surface-rgb: 48,48,48; --gm3-sys-color-inverse-primary: #0b57d0; --gm3-sys-color-inverse-primary-rgb: 11,87,208; --gm3-sys-color-inverse-surface: #e3e3e3; --gm3-sys-color-inverse-surface-rgb: 227,227,227; --gm3-sys-color-on-background: #e3e3e3; --gm3-sys-color-on-background-rgb: 227,227,227; --gm3-sys-color-on-error: #601410; --gm3-sys-color-on-error-rgb: 96,20,16; --gm3-sys-color-on-error-container: #f9dedc; --gm3-sys-color-on-error-container-rgb: 249,222,220; --gm3-sys-color-on-primary: #062e6f; --gm3-sys-color-on-primary-rgb: 6,46,111; --gm3-sys-color-on-primary-container: #d3e3fd; --gm3-sys-color-on-primary-container-rgb: 211,227,253; --gm3-sys-color-on-primary-fixed: #041e49; --gm3-sys-color-on-primary-fixed-rgb: 4,30,73; --gm3-sys-color-on-primary-fixed-variant: #0842a0; --gm3-sys-color-on-primary-fixed-variant-rgb: 8,66,160; --gm3-sys-color-on-secondary: #035; --gm3-sys-color-on-secondary-rgb: 0,51,85; --gm3-sys-color-on-secondary-container: #c2e7ff; --gm3-sys-color-on-secondary-container-rgb: 194,231,255; --gm3-sys-color-on-secondary-fixed: #001d35; --gm3-sys-color-on-secondary-fixed-rgb: 0,29,53; --gm3-sys-color-on-secondary-fixed-variant: #004a77; --gm3-sys-color-on-secondary-fixed-variant-rgb: 0,74,119; --gm3-sys-color-on-surface: #e3e3e3; --gm3-sys-color-on-surface-rgb: 227,227,227; --gm3-sys-color-on-surface-variant: #c4c7c5; --gm3-sys-color-on-surface-variant-rgb: 196,199,197; --gm3-sys-color-on-tertiary: #0a3818; --gm3-sys-color-on-tertiary-rgb: 10,56,24; --gm3-sys-color-on-tertiary-container: #c4eed0; --gm3-sys-color-on-tertiary-container-rgb: 196,238,208; --gm3-sys-color-on-tertiary-fixed: #072711; --gm3-sys-color-on-tertiary-fixed-rgb: 7,39,17; --gm3-sys-color-on-tertiary-fixed-variant: #0f5223; --gm3-sys-color-on-tertiary-fixed-variant-rgb: 15,82,35; --gm3-sys-color-outline: #8e918f; --gm3-sys-color-outline-rgb: 142,145,143; --gm3-sys-color-outline-variant: #444746; --gm3-sys-color-outline-variant-rgb: 68,71,70; --gm3-sys-color-primary: #a8c7fa; --gm3-sys-color-primary-rgb: 168,199,250; --gm3-sys-color-primary-container: #0842a0; --gm3-sys-color-primary-container-rgb: 8,66,160; --gm3-sys-color-primary-fixed: #d3e3fd; --gm3-sys-color-primary-fixed-rgb: 211,227,253; --gm3-sys-color-primary-fixed-dim: #a8c7fa; --gm3-sys-color-primary-fixed-dim-rgb: 168,199,250; --gm3-sys-color-scrim: #000; --gm3-sys-color-scrim-rgb: 0,0,0; --gm3-sys-color-secondary: #7fcfff; --gm3-sys-color-secondary-rgb: 127,207,255; --gm3-sys-color-secondary-container: #004a77; --gm3-sys-color-secondary-container-rgb: 0,74,119; --gm3-sys-color-secondary-fixed: #c2e7ff; --gm3-sys-color-secondary-fixed-rgb: 194,231,255; --gm3-sys-color-secondary-fixed-dim: #7fcfff; --gm3-sys-color-secondary-fixed-dim-rgb: 127,207,255; --gm3-sys-color-shadow: #000; --gm3-sys-color-shadow-rgb: 0,0,0; --gm3-sys-color-surface: #131314; --gm3-sys-color-surface-rgb: 19,19,20; --gm3-sys-color-surface-bright: #37393b; --gm3-sys-color-surface-bright-rgb: 55,57,59; --gm3-sys-color-surface-container: #1e1f20; --gm3-sys-color-surface-container-rgb: 30,31,32; --gm3-sys-color-surface-container-high: #282a2c; --gm3-sys-color-surface-container-high-rgb: 40,42,44; --gm3-sys-color-surface-container-highest: #333537; --gm3-sys-color-surface-container-highest-rgb: 51,53,55; --gm3-sys-color-surface-container-low: #1b1b1b; --gm3-sys-color-surface-container-low-rgb: 27,27,27; --gm3-sys-color-surface-container-lowest: #0e0e0e; --gm3-sys-color-surface-container-lowest-rgb: 14,14,14; --gm3-sys-color-surface-dim: #131314; --gm3-sys-color-surface-dim-rgb: 19,19,20; --gm3-sys-color-surface-tint: #d1e1ff; --gm3-sys-color-surface-tint-rgb: 209,225,255; --gm3-sys-color-surface-variant: #444746; --gm3-sys-color-surface-variant-rgb: 68,71,70; --gm3-sys-color-tertiary: #6dd58c; --gm3-sys-color-tertiary-rgb: 109,213,140; --gm3-sys-color-tertiary-container: #0f5223; --gm3-sys-color-tertiary-container-rgb: 15,82,35; --gm3-sys-color-tertiary-fixed: #c4eed0; --gm3-sys-color-tertiary-fixed-rgb: 196,238,208; --gm3-sys-color-tertiary-fixed-dim: #6dd58c; --gm3-sys-color-tertiary-fixed-dim-rgb: 109,213,140; font-size: medium;"> <div class="drive-viewer-carousel" style="position: absolute; transition: bottom 0.218s ease-out; inset: 0px; z-index: 0;"> <div class="drive-viewer-close-enabled drive-viewer-carousel-slide" style="inset: 0px; position: absolute; width: 1920px; user-select: none;"> <div class="drive-viewer-itemview" style="user-select: text;"> <div class="drive-viewer-text-container" style="height: 953px; position: absolute; width: 1920px;"> <div class="drive-viewer-scrollable drive-viewer-text-scrollable" style="bottom: 0px; position: absolute; top: 64px; width: 1904px; overflow: auto; left: 0px;"> <div class="drive-viewer-text" style="bottom: 0px; position: absolute; top: 0px; width: 1904px;"> <div class="drive-viewer-close-enabled drive-viewer-text-area" style="height: 1018px;"> <div class="drive-viewer-layout-transition drive-viewer-text-panel" style="position: absolute; transition-property: left, right, top, width, height; transition-duration: 0.218s; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); left: 204.8px; padding-bottom: 64px;"> <div class="drive-viewer-text-content" style="user-select: text; border: 20px solid transparent; font-family: &quot;Courier New&quot;, Courier, monospace, arial, sans-serif; font-size: 14px; overflow-wrap: break-word; box-shadow: rgba(0, 0, 0, 0.35) 0px 4px 15px 2px; outline: none; --mat-focus-indicator-display: none; width: 1470px; height: auto; background-color: #ffffff !important; color: #000000 !important;" dir="ltr"> <pre class="drive-viewer-text-page" style="user-select: text; font-family: &amp;quot;Courier New&amp;quot;, Courier, monospace, arial, sans-serif; line-height: normal; margin: 0px; white-space: pre-wrap; overflow-wrap: break-word;">&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;title&gt;About Us | Repair Order Intelligence&lt;/title&gt; &lt;style&gt; body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: #333; max-width: 800px; margin: 0 auto; padding: 20px; background-color: #f9f9f9; } .container { background: #fff; padding: 40px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } h1 { color: #2c3e50; } .cta-button { display: inline-block; background-color: #e67e22; color: #fff; padding: 12px 25px; text-decoration: none; border-radius: 5px; font-weight: bold; margin-top: 20px; } .cta-button:hover { background-color: #d35400; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div class="container"&gt; &lt;h1&gt;About Repair Order Intelligence&lt;/h1&gt; &lt;p&gt;At Repair Order Intelligence, we are dedicated to helping service departments identify, analyze, and eliminate profit leaks within their daily operations. Our mission is to transform complex repair order data into actionable insights that drive efficiency and profitability.&lt;/p&gt; &lt;h2&gt;Master Your Operations&lt;/h2&gt; &lt;p&gt;Ready to take control of your fixed operations? We invite you to join our comprehensive training program, designed to teach you exactly how to implement our margin leakage control systems in your dealership.&lt;/p&gt; &lt;a href="https://academy.repairorderintelligence.com/courses/fixed-ops-margin-leakage-control-system/53559/" class="cta-button"&gt;View Master Study Course&lt;/a&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </pre> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="drive-viewer-toolstrip" style="background: transparent; height: 64px; padding: 0px; position: absolute; top: 0px; width: auto; z-index: 12; pointer-events: none; left: 0px; right: 0px; opacity: 1;"> <div class="drive-viewer-toolstrip-inner" style="position: absolute; pointer-events: auto; height: 64px; left: 0px; right: 0px; padding-top: 0px; width: auto; display: flex; justify-content: space-between; align-items: center; margin-right: 16px; padding-left: 16px;"> <div class="drive-viewer-toolstrip-lft" style="left: 16px; position: static; white-space: nowrap; display: flex; align-items: center; min-width: 0px;"> <div class="drive-viewer-toolstrip-metadata" style="color: #b3b3b3; display: inline-block; letter-spacing: 0px; overflow: hidden;"> <div class="drive-viewer-toolstrip-name" style="color: #c4c7c5; font-style: normal; font-variant: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-stretch: normal; font-size: 16px; line-height: 24px; font-family: &amp;quot;Google Sans Text&amp;quot;, &amp;quot;Google Sans&amp;quot;, Roboto, Arial, sans-serif;">about_us.html</div> </div> </div> <div class="drive-viewer-toolstrip-rgt-panel" style="position: static; right: 0px; top: auto; white-space: nowrap; display: flex; flex-shrink: 0; align-items: center;"> <div class="drive-viewer-toolstrip-actions" style="position: relative; top: 0px; height: 47px; display: flex; align-items: center;"> <div class="drive-viewer-toolstrip-custom-panel" style="display: inline-block;"></div> </div> </div> </div> </div> </div> <p><span class="drive-viewer-tab-sentinel" style="color: #1f1f1f; font-family: &amp;quot;Times New Roman&amp;quot;; font-size: medium;">&nbsp;</span></p> <div id="goog-lr-24" style="color: #1f1f1f; font-family: &quot;Times New Roman&quot;; font-size: medium; position: absolute; top: -1000px; height: 1px; overflow: hidden;">Displaying about_us.html.</div> https://repairorderintelligence.com/category/Repair_Order_Study_DEEP_Dive_-_(225_repair_order_study)/Repair_Order_Analysis_Packages.htm 28 Jun 2026 04:29 +0000