*{box-sizing:border-box;margin:0;padding:0}.navbar{-webkit-user-select:none;user-select:none;background:oklch(99.5% .003 82);border-bottom:1px solid oklch(92% .008 76);justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.logo--title{color:#000;cursor:pointer;justify-content:flex-start;align-items:center;gap:11px;text-decoration:none;display:flex}.logo--title--pages{justify-content:flex-start;align-items:center;gap:40px;display:flex}.logo--title--pages svg{stroke:#fff;background-color:#0ba864;border-radius:11px;width:38px;height:38px;padding:10px}.title{cursor:default;stroke:#000;cursor:pointer;font-family:DM Sans,system-ui,sans-serif;font-size:20px;font-weight:700;text-decoration:none}.lookup--pages,.garage--pages,.history--pages{color:oklch(50% .012 62);cursor:pointer;margin-top:3px;font-size:18px;text-decoration:none;display:block}.account-actions{cursor:pointer;justify-content:flex-start;align-items:center;gap:14px;margin-top:3px;margin-right:20px;font-family:DM Sans,system-ui,sans-serif;font-size:15px;font-weight:600;display:flex}.sign-in-btn{color:oklch(40% .012 62);text-decoration:none;display:block}.get-started-btn{color:#fff;background-color:#000;border-radius:11px;padding:10px 18px;text-decoration:none}.active-link{color:oklch(29% .015 62);text-underline-offset:8px;font-weight:500;-webkit-text-decoration:underline #0ba864;text-decoration:underline #0ba864;text-decoration-thickness:2px}.mobile-tab-bar{display:none}@media (width<=480px){.logo--title--pages{gap:0}.lookup--pages,.garage--pages,.history--pages,.account-actions{display:none}.mobile-tab-bar{z-index:100;background:oklch(99.5% .003 82);border-top:1px solid oklch(92% .008 76);justify-content:space-around;align-items:center;padding:10px 0 20px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-tab{color:oklch(55% .012 62);flex-direction:column;align-items:center;gap:4px;min-width:60px;font-family:DM Sans,system-ui,sans-serif;font-size:11px;font-weight:500;text-decoration:none;display:flex}.mobile-tab svg{font-size:22px}.mobile-tab--active,.mobile-tab--active svg{color:#0ba864}}.main--content,.hero{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:flex-start;align-items:center;display:flex}.main--content{background:linear-gradient(180deg, var(--accent-softer,#faf3ee) 0%, oklch(99% .004 82) 62%);padding:32px 28px 30px}.hero-badge{background-color:#fff;border:1px solid oklch(90% .01 72);border-radius:20px;justify-content:flex-start;align-items:center;gap:8px;margin-bottom:22px;padding:6px 13px;display:inline-flex}.hero-badge--text{color:oklch(42% .012 62);font-family:DM Sans,system-ui,sans-serif;font-size:13px;font-weight:600}.hero-title{color:oklch(24% .018 62);align-self:center;margin-bottom:8px;font-family:DM Sans,system-ui,sans-serif;font-size:44px;font-weight:700}.hero-sub-title{color:oklch(50% .012 62);align-self:center;margin-top:8px;font-family:DM Sans,system-ui,sans-serif;font-size:18px;font-weight:400}.vehicle-selector-container{background-color:#fff;border:1px solid oklch(90% .008 76);border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:860px;margin-top:32px;padding:24px;display:flex}.vehicle-selector-top-row{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.vehicle-selector-bottom-row{justify-content:space-between;align-items:center;display:flex}.vehicle-selector{flex-direction:column;gap:6px;display:flex}.vehicle-selector-text{color:oklch(50% .012 62);font-family:DM Sans,system-ui,sans-serif;font-size:13px}.vehicle-selector-search-container{cursor:pointer;white-space:nowrap;background-color:#0ba864;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px 26px;display:flex}.vehicle-selector-search-container svg{color:#fff;font-size:18px}.vehicle-selector-search-container span{color:#fff;font-family:DM Sans,system-ui,sans-serif;font-size:15px;font-weight:600}.vehicle-selector select{appearance:none;color:oklch(24% .018 62);cursor:pointer;background-color:oklch(97% .004 82);border:1px solid oklch(90% .008 76);border-radius:10px;width:100%;padding:12px 16px;font-family:DM Sans,system-ui,sans-serif;font-size:15px;font-weight:500}.vehicle-selector select:focus{outline:none}.common-services-container{max-width:100%;margin-top:24px;display:block}.common-services{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.common-parts-text{color:oklch(30% .015 62);font-family:DM Sans,system-ui,sans-serif;font-size:15px;font-weight:700}.popular-services-text{color:oklch(58% .012 62);font-family:DM Sans,system-ui,sans-serif;font-weight:600}.popular-services-container{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px;display:grid}.service-card{background-color:#fff;border:1.36px solid oklch(91% .008 76);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:180px;height:110px;padding:16px;display:flex}.service-card:hover{cursor:pointer;background-color:#f5f5f4}.service-card:active,.service-card--active{background:linear-gradient(135deg,#e6f4ee,#d4ede6);border-color:#0ba864}.service-card-icon--active{color:#fff;stroke:#fff;background-color:#0ba864;border-radius:10px;width:40px;height:40px;padding:4px}.service-card-icon{border-radius:10px;width:40px;height:40px}.service-card-text{color:oklch(30% .015 62);font-family:DM Sans,system-ui,sans-serif;font-size:16px}.searching-text{color:oklch(55% .012 62);font-family:DM Sans,system-ui,sans-serif;font-size:15px;font-weight:600}.user-car,.user-service{color:oklch(30% .015 62);font-family:DM Sans,system-ui,sans-serif}.repair-link{text-decoration:none}@media (width<=480px){.hero-title{text-align:center;font-size:28px}.hero-sub-title{text-align:center;font-size:15px}.vehicle-selector-container{margin-top:20px;padding:16px}.vehicle-selector-top-row{grid-template-columns:1fr}.vehicle-selector-bottom-row{flex-direction:column;align-items:stretch;gap:12px}.vehicle-selector-search-container{justify-content:center;width:100%}.popular-services-container{grid-template-columns:repeat(2,1fr)}.service-card{width:100%;height:90px}.main--content{padding:20px 16px 100px}}.under-construction{justify-content:center;align-items:center;min-height:60vh;padding:28px;display:flex}.under-construction-card{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:400px;display:flex}.under-construction-icon{background-color:#e6f4ee;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.under-construction-icon svg{color:#0ba864;font-size:28px}.under-construction-title{color:oklch(24% .018 62);margin:0;font-family:DM Sans,system-ui,sans-serif;font-size:24px;font-weight:700}.under-construction-subtitle{color:oklch(50% .012 62);margin:0;font-family:DM Sans,system-ui,sans-serif;font-size:15px;line-height:1.6}.under-construction-link{color:#0ba864;margin-top:8px;font-family:DM Sans,system-ui,sans-serif;font-size:14px;font-weight:500;text-decoration:none}.under-construction-link:hover{text-decoration:underline}main{padding:28px}.repair-tutorials-label,.repair-tutorials-sort-text,.car-details,.repair-time-container{-webkit-user-select:none;user-select:none;font-family:DM Sans,system-ui,sans-serif}.repair-results-header{justify-content:center;display:flex}.car-details-container{background:linear-gradient(135deg,#e6f4ee,#d4ede6);border-width:.91px;border-color:color(srgb .78949 .924941 .866275);border-radius:18px;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:18px 22px;display:flex}.car-details{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;display:flex}.car-details-part{color:oklch(24% .018 62);font-size:20px;font-weight:700}.car-details-vehicle{color:oklch(46% .012 62);font-size:14px;font-weight:600}.repair-time-container{align-items:center;gap:18px;display:flex}.repair-time-divider{background-color:oklch(85% .01 62);width:1px;height:40px}.difficulty-container,.estimated-time-container{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.difficulty-label,.estimatedTime-label{color:oklch(55% .012 62);letter-spacing:.04em;font-size:12px}.difficulty-icon-label{align-items:center;display:flex}.difficulty-badge--easy{background-color:#dcfce7;border-radius:20px;padding:5px}.difficulty-badge--moderate{background-color:#fef3c7;border-radius:20px;padding:5px}.difficulty-badge--hard{background-color:#fee2e2;border-radius:20px;padding:5px}.difficulty-dot--easy{background-color:#16a34a}.difficulty-dot--moderate{background-color:#d97706}.difficulty-dot--hard{background-color:#dc2626}.difficulty-rating--easy{color:#14532d}.difficulty-rating--moderate{color:#92400e}.difficulty-rating--hard{color:#7f1d1d}.estimated-time-icon-label{align-items:center;gap:6px;display:flex}.estimated-time-icon-label svg{color:oklch(55% .012 62);font-size:16px}.estimatedTime-rating{color:oklch(24% .018 62);font-size:18px;font-weight:700}.repair-tutorials-text{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.repair-icon{justify-content:flex-start;align-items:center;gap:6px;display:flex}.repair-icon svg{stroke:#0ba864;width:22px;height:22px}.repair-tutorials-label{color:oklch(26% .015 62);font-size:19px;font-weight:600}.repair-tutorials-sort-text{color:oklch(58% .012 62);font-size:13.5px;font-weight:500}.repair-tutorials-container{margin-top:26px}.repair-tutorials-grid{flex-direction:column;gap:16px;display:flex}.repair-tutorials-grid--small{grid-template-columns:1fr 1fr;gap:16px;display:grid}.repair-tools-steps{-webkit-user-select:none;user-select:none;background-color:#fff;border:.5px solid oklch(92% .008 76);border-radius:14px;grid-template-columns:1fr 1fr;gap:40px;margin-top:20px;padding:28px;display:grid}.tools-needed-title,.steps-title{color:oklch(24% .018 62);margin-bottom:16px;font-family:DM Sans,system-ui,sans-serif;font-size:16px;font-weight:700}.tools-needed{flex-direction:column;gap:8px;display:flex}.tools-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tool-item{color:oklch(24% .018 62);background-color:#fff;border:.5px solid oklch(92% .008 76);border-radius:10px;padding:12px 14px;font-family:DM Sans,system-ui,sans-serif;font-size:14px;font-weight:500}.steps-taken{flex-direction:column;gap:0;display:flex}.step-item{color:oklch(36% .012 62);border-bottom:.5px solid oklch(95% .005 76);align-items:flex-start;gap:14px;padding:14px 0;font-family:DM Sans,system-ui,sans-serif;font-size:14px;line-height:1.5;display:flex}.step-item:last-child{border-bottom:none}.step-number{color:#0ba864;background-color:#e6f4ee;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-top:1px;font-size:13px;font-weight:600;display:flex}.repair-cost-container{-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}.repair-cost-header{justify-content:space-around;display:flex}.repair-cost-container{background-color:#fff;border:.5px solid oklch(92% .008 76);border-radius:14px;margin-top:20px;padding:24px}.repair-cost-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.repair-cost-title{color:oklch(24% .018 62);font-family:DM Sans,system-ui,sans-serif;font-size:18px;font-weight:700}.repair-cost-vehicle{color:oklch(55% .012 62);font-family:DM Sans,system-ui,sans-serif;font-size:13px}.repair-cost-grid{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.cost-card{background-color:oklch(97% .004 82);border:.5px solid oklch(92% .008 76);border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:18px;display:flex}.cost-card--savings{background-color:#0ba864;border-color:#0ba864}.cost-card-label{color:oklch(50% .012 62);font-family:DM Sans,system-ui,sans-serif;font-size:13px;font-weight:500}.cost-card--savings .cost-card-label{color:#fffc}.cost-card-amount{color:oklch(24% .018 62);font-family:DM Sans,system-ui,sans-serif;font-size:32px;font-weight:700}.cost-card-amount--savings{color:#fff}.cost-card-sub{color:oklch(55% .012 62);font-family:DM Sans,system-ui,sans-serif;font-size:12px}.cost-card--savings .cost-card-sub{color:#ffffffb3}.repair-cost-header-left{justify-content:flex-start;align-items:center;gap:8px;display:flex}.repair-cost-header-left svg{color:#0ba864;width:20px;height:20px}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.skeleton{background:linear-gradient(90deg,oklch(93% .005 76) 25%,oklch(96% .003 76) 50%,oklch(93% .005 76) 75%) 0 0/936px 100%;border-radius:8px;animation:1.4s linear infinite shimmer}.skeleton-tools-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.skeleton-tool-item{border-radius:10px;height:48px}.skeleton-step{border-bottom:.5px solid oklch(95% .005 76);align-items:center;gap:14px;padding:14px 0;display:flex}.skeleton-step:last-child{border-bottom:none}.skeleton-step-number{border-radius:50%;flex-shrink:0;width:26px;height:26px}.skeleton-step-text{border-radius:6px;flex:1;height:16px}.skeleton-step-text--short{width:60%}.skeleton-cost-grid{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.skeleton-cost-card{border:.5px solid oklch(92% .008 76);border-radius:12px;flex-direction:column;gap:12px;padding:18px;display:flex}.skeleton-cost-label{border-radius:4px;width:60%;height:14px}.skeleton-cost-amount{border-radius:6px;width:80%;height:36px}.skeleton-cost-sub{border-radius:4px;width:70%;height:12px}@media (width<=480px){main{padding:16px 16px 100px}.car-details-container{flex-direction:column;align-items:flex-start;gap:16px}.repair-time-container{justify-content:flex-start;width:100%}.repair-tutorials-grid--small{grid-template-columns:1fr}.video-card-container--featured{flex-direction:column}.video-card-container--featured .video-card-thumbnail{width:100%;min-height:unset;aspect-ratio:16/9}.video-card-container--featured .video-card-content{padding:12px 14px}.video-card-container--featured .video-card-title{font-size:14px}.repair-tools-steps{grid-template-columns:1fr;gap:24px}.repair-cost-grid,.skeleton-cost-grid{grid-template-columns:1fr}.repair-cost-header{flex-direction:column;align-items:flex-start;gap:6px}.repair-cost-vehicle{font-size:12px}}.video-ref{color:inherit;text-decoration:none;display:block}.video-card-container{cursor:pointer;background-color:#fff;border:.5px solid oklch(92% .008 76);border-radius:14px;transition:box-shadow .15s;overflow:hidden}.video-card-container:hover{box-shadow:0 4px 16px #00000014}.video-card-thumbnail{aspect-ratio:16/9;background-color:oklch(92% .008 76);width:100%;overflow:hidden}.video-card-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.video-card-content{flex-direction:column;gap:10px;padding:12px 14px 14px;display:flex}.video-card-title{color:oklch(24% .018 62);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:DM Sans,system-ui,sans-serif;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.video-card-channel{align-items:center;gap:8px;display:flex}.video-card-channel-avatar{color:oklch(40% .012 62);background-color:oklch(90% .008 76);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-family:DM Sans,system-ui,sans-serif;font-size:12px;font-weight:600;display:flex}.video-card-channel-name{color:oklch(50% .012 62);font-family:DM Sans,system-ui,sans-serif;font-size:13px;font-weight:500}.video-card-container--featured{flex-direction:row;display:flex}.video-card-container--featured .video-card-thumbnail{width:45%;aspect-ratio:unset;flex-shrink:0;min-height:220px}.video-card-container--featured .video-card-content{justify-content:center;gap:16px;padding:24px}.video-card-container--featured .video-card-title{-webkit-line-clamp:3;font-size:18px}