/* Screen reader only text for accessibility and SEO */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}

:root{--primary-color:#dc2626;--primary-dark:#b91c1c;--primary-light:#ef4444;--secondary-color:#1f2937;--text-color:#374151;--text-light:#6b7280;--background:#fff;--background-gray:#f9fafb;--border-color:#e5e7eb;--shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--background);overflow-x:hidden;width:100%;max-width:100vw}.container{max-width:1200px;margin:0 auto;padding:0 20px}img{max-width:100%;height:auto}a{text-decoration:none;color:inherit}.header{background:#fff;box-shadow:var(--shadow);position:sticky;top:0;z-index:1000}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--secondary-color)}.logo i{color:var(--primary-color);font-size:2rem}.logo-image{height:50px;width:auto}.footer-logo-image{height:40px;width:auto}.nav-menu{display:flex;list-style:none;align-items:center;gap:1.25rem}.nav-menu a{color:var(--text-color);font-weight:500;transition:color .3s;display:inline-flex;align-items:center;gap:.25rem}.nav-menu a.active,.nav-menu a:hover{color:var(--primary-color)}.dropdown{position:relative;display:flex;align-items:center}.dropdown>a{display:inline-flex;align-items:center;gap:.25rem}.dropdown-menu{visibility:hidden;opacity:0;position:absolute;top:calc(100% + .5rem);left:0;background:#fff;box-shadow:var(--shadow-lg);border-radius:.5rem;min-width:220px;padding:.5rem 0;margin-top:0;list-style:none;z-index:1000;transition:opacity .2s ease,visibility .2s ease}.dropdown::after{content:'';position:absolute;top:100%;left:0;right:0;height:.5rem;background:0 0;z-index:999}.dropdown:hover .dropdown-menu{visibility:visible;opacity:1}.dropdown-menu li{padding:0}.dropdown-menu a{display:block;padding:.75rem 1.25rem;color:var(--text-color);transition:all .2s ease}.dropdown-menu a:hover{background:var(--background-gray);color:var(--primary-color)}.btn-appointment{background:var(--primary-color);color:#fff!important;padding:.5rem 1rem;border-radius:.375rem;font-weight:600;font-size:.875rem;transition:background .3s;white-space:nowrap}.btn-appointment:hover{background:var(--primary-dark)}.btn-call{background:#fff;color:var(--primary-color)!important;padding:.5rem 1rem;border-radius:.375rem;font-weight:600;font-size:.875rem;border:2px solid var(--primary-color);transition:all .3s;display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap}.btn-call:hover{background:var(--primary-color);color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(220,38,38,.3)}.btn-call i{font-size:.875rem}.mobile-menu-toggle{display:none;background:0 0;border:none;font-size:1.5rem;color:var(--secondary-color);cursor:pointer}.btn{display:inline-block;padding:.875rem 2rem;border-radius:.5rem;font-weight:600;transition:all .3s;border:none;cursor:pointer;font-size:1rem}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:#fff;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:#fff}.btn-block{display:block;width:100%;text-align:center}.hero{background:linear-gradient(135deg,var(--secondary-color) 0%,#111827 100%);color:#fff;padding:8rem 0 6rem;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width=\"60\" height=\"60\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M30 0L0 30L30 60L60 30Z\" fill=\"rgba(220, 38, 38, 0.05)\"/></svg>');opacity:.5}.hero-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.2}.hero-subtitle{font-size:1.25rem;margin-bottom:2.5rem;opacity:.95;line-height:1.6}.hero-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.features{padding:4rem 0;background:var(--background-gray)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{background:#fff;padding:2rem;border-radius:1rem;text-align:center;box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.feature-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1.5rem}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--secondary-color)}.feature-card p{color:var(--text-light)}.about{padding:6rem 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.section-title{font-size:2.5rem;font-weight:700;color:var(--secondary-color);margin-bottom:1rem}.section-subtitle{color:var(--primary-color);font-size:1.125rem;font-weight:600;margin-bottom:1.5rem}.about-content p{margin-bottom:1.5rem;color:var(--text-light);line-height:1.8}.about-list{list-style:none;margin:2rem 0}.about-list li{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;font-weight:500}.about-list i{color:var(--primary-color);font-size:1.25rem}.about-image,.image-placeholder{background:var(--background-gray);border-radius:1rem;height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-light)}.image-placeholder i{font-size:5rem;color:var(--primary-color);margin-bottom:1rem;opacity:.5}.services{padding:6rem 0;background:var(--background-gray)}.text-center{text-align:center}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}@media (max-width:1200px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.services-grid{grid-template-columns:1fr}}.service-card{background:#fff;padding:2.5rem;border-radius:1rem;box-shadow:var(--shadow);transition:all .3s;display:block;border:2px solid transparent}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.service-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:1.5rem}.service-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--secondary-color)}.service-card p{color:var(--text-light);margin-bottom:1.5rem;line-height:1.6}.learn-more{color:var(--primary-color);font-weight:600;display:flex;align-items:center;gap:.5rem}.learn-more i{transition:transform .3s}.service-card:hover .learn-more i{transform:translateX(5px)}.how-it-works{padding:6rem 0}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.step-card{text-align:center;padding:2rem}.step-number{width:70px;height:70px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto 1.5rem}.step-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--secondary-color)}.step-card p{color:var(--text-light)}.appointment{padding:6rem 0;background:var(--background-gray)}.appointment-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-info{margin-top:2rem}.contact-item{display:flex;gap:1.5rem;margin-bottom:2rem}.contact-item i{font-size:1.5rem;color:var(--primary-color);margin-top:.25rem}.contact-item strong{display:block;color:var(--secondary-color);margin-bottom:.25rem}.contact-item p{color:var(--text-light)}.appointment-form-container{background:#fff;padding:2.5rem;border-radius:1rem;box-shadow:var(--shadow-lg)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--secondary-color)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.875rem;border:2px solid var(--border-color);border-radius:.5rem;font-family:inherit;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:0;border-color:var(--primary-color)}.form-group textarea{resize:vertical}.contact{padding:6rem 0}.contact-grid{margin-top:3rem}.map-placeholder{background:var(--background-gray);border-radius:1rem;height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-light)}.map-placeholder i{font-size:5rem;color:var(--primary-color);margin-bottom:1rem;opacity:.5}.contact-info-wrapper{display:grid;grid-template-columns:1fr 2fr;gap:3rem;margin-top:3rem}.contact-details{display:flex;flex-direction:column;gap:2rem}.contact-item{display:flex;gap:1rem;align-items:flex-start}.contact-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.contact-item strong{display:block;font-size:1.125rem;color:var(--secondary-color);margin-bottom:.5rem}.contact-item p{color:var(--text-light);line-height:1.6}.contact-item a{color:var(--primary-color);font-weight:600}.map-container{border-radius:1rem;overflow:hidden;box-shadow:var(--shadow)}.map-container iframe{display:block}.registration-visual{max-width:600px;margin:2rem auto 3rem;text-align:center}.registration-sticker-image{width:100%;height:auto;border-radius:1rem;box-shadow:var(--shadow-lg)}@media (max-width:768px){.contact-info-wrapper{grid-template-columns:1fr;gap:2rem}.registration-visual{max-width:100%}}.footer{background:var(--secondary-color);color:#fff;padding:4rem 0 2rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem;margin-bottom:3rem}.footer-logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.footer-logo i{color:var(--primary-color);font-size:2rem}.footer-col p{color:#d1d5db;margin-bottom:1.5rem;line-height:1.6}.footer-col h3,.footer-col h4{margin-bottom:1.5rem;font-size:1.125rem}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:.75rem}.footer-col ul li a{color:#d1d5db;transition:color .3s}.footer-col ul li a:hover{color:var(--primary-color)}.contact-list i,.contact-info i{color:var(--primary-color);margin-right:.5rem}.social-links{display:flex;gap:1rem}.social-links a{width:40px;height:40px;background:rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s}.social-links a:hover{background:var(--primary-color);transform:translateY(-3px)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);color:#9ca3af}.footer-bottom a{color:#d1d5db;text-decoration:none;transition:color .3s}.footer-bottom a:hover{color:var(--primary-color);text-decoration:underline}.service-hero{background:linear-gradient(135deg,var(--secondary-color) 0%,#111827 100%);color:#fff;padding:3rem 0 2rem}.breadcrumb{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.875rem}.breadcrumb a{color:rgba(255,255,255,.8);transition:color .3s}.breadcrumb a:hover{color:var(--primary-color)}.breadcrumb i{font-size:.75rem}.service-hero h1{font-size:3rem;margin-bottom:1rem}.service-hero p{font-size:1.25rem;opacity:.9}.service-content{padding:4rem 0}.service-layout{display:grid;grid-template-columns:300px 1fr;gap:3rem}.service-sidebar{position:sticky;top:100px;height:fit-content}.service-sidebar h3{margin-bottom:1rem;color:var(--secondary-color)}.service-menu{list-style:none;margin-bottom:2rem}.service-menu li{margin-bottom:.5rem}.service-menu a{display:flex;align-items:center;gap:1rem;padding:.875rem 1.25rem;border-radius:.5rem;color:var(--text-color);transition:all .3s}.service-menu a.active,.service-menu a:hover{background:var(--primary-color);color:#fff}.service-menu i{font-size:1.25rem}.sidebar-cta{background:var(--background-gray);padding:2rem;border-radius:1rem}.sidebar-cta h4{margin-bottom:1rem;color:var(--secondary-color)}.sidebar-cta p{color:var(--text-light);margin-bottom:1.5rem}.phone-number{text-align:center;color:var(--primary-color);font-weight:600;margin-top:1rem}.service-main h2{font-size:2.5rem;color:var(--secondary-color);margin-bottom:1.5rem}.service-main h3{font-size:1.75rem;color:var(--secondary-color);margin-top:3rem;margin-bottom:1.5rem}.service-main h4{font-size:1.25rem;color:var(--secondary-color);margin-top:2rem;margin-bottom:1rem}.service-main p{color:var(--text-light);line-height:1.8;margin-bottom:1.5rem}.service-image-placeholder{background:var(--background-gray);border-radius:1rem;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-light);margin-bottom:3rem}.service-image-placeholder i{font-size:5rem;color:var(--primary-color);margin-bottom:1rem;opacity:.5}.service-hero-image{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-radius:1rem;padding:2rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.animated-service-image{max-width:400px;width:100%;height:auto;border-radius:.5rem}@media (max-width:768px){.animated-service-image{max-width:300px}}.feature-list{list-style:none;margin:2rem 0}.feature-list li{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;color:var(--text-light)}.feature-list i{color:var(--primary-color);margin-top:.25rem}.info-box{background:#eff6ff;border-left:4px solid var(--primary-color);padding:1.5rem;border-radius:.5rem;margin:2rem 0}.info-box.success{background:#f0fdf4;border-left-color:#22c55e}.info-box.warning{background:#fef3c7;border-left-color:#f59e0b}.info-box h4{color:var(--secondary-color);margin-bottom:1rem;margin-top:0!important;display:flex;align-items:center;gap:.5rem}.info-box ul{margin:1rem 0 0 1.5rem}.info-box li{color:var(--text-color);margin-bottom:.5rem}.service-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmin(200px,1fr));gap:1.5rem;margin:2rem 0}.service-type-card{background:#fff;padding:2rem;border-radius:1rem;box-shadow:var(--shadow);text-align:center;transition:transform .3s}.service-type-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.service-type-card i{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem}.service-type-card h4{font-size:1.125rem;color:var(--secondary-color);margin:.5rem 0}.service-type-card p{font-size:.875rem;color:var(--text-light);margin:0}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin:2rem 0}.benefit-card{text-align:center;padding:2rem;background:var(--background-gray);border-radius:1rem}.benefit-card i{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem}.benefit-card h4{font-size:1.125rem;color:var(--secondary-color);margin:.5rem 0}.benefit-card p{font-size:.875rem;color:var(--text-light);margin:0}.process-list{margin:2rem 0;padding-left:1.5rem}.process-list li{color:var(--text-light);margin-bottom:1rem;line-height:1.6}.process-list strong{color:var(--secondary-color)}.accordion{margin:2rem 0}.accordion-item{background:#fff;border:1px solid var(--border-color);border-radius:.5rem;margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.accordion-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;cursor:pointer;user-select:none;transition:background .2s ease}.accordion-header:hover{background:var(--background-gray)}.accordion-header h3{margin:0!important;color:var(--secondary-color);font-size:1.25rem;display:flex;align-items:center;gap:.75rem;flex:1}.accordion-header i:first-child{color:var(--primary-color);font-size:1.5rem}.accordion-icon{color:var(--primary-color);font-size:1.25rem;transition:transform .3s ease}.accordion-content{max-height:0;overflow:hidden;transition:max-height .4s ease}.accordion-content>div{padding:0 1.5rem 1.5rem 1.5rem}.accordion-item.active .accordion-header{background:var(--background-gray)}.accordion-item h4{color:var(--secondary-color);margin:1rem 0 .75rem 0!important;display:flex;align-items:center;gap:.5rem}.accordion-item p{margin:0 0 1rem 0}.accordion-item ul{margin:.5rem 0 1rem 0;padding-left:1.5rem}.accordion-item ul li{margin:.5rem 0;line-height:1.6}.faq-intro{color:var(--text-gray);margin-bottom:2rem;font-size:1.1rem}.faq-accordion{margin:2rem 0}.faq-accordion .faq-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.faq-accordion .faq-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.faq-accordion .faq-question{width:100%;background:#fff;border:none;padding:1.25rem 1.5rem;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:600;color:var(--text-dark);transition:all .3s ease}.faq-accordion .faq-question:hover{background:#f8f9fa}.faq-accordion .faq-question span{display:flex;align-items:center;gap:.75rem;flex:1}.faq-accordion .faq-question i.fas:not(.faq-icon){color:var(--primary-color);font-size:1.2rem}.faq-accordion .faq-icon{color:var(--primary-color);font-size:1.25rem;transition:transform .3s ease;flex-shrink:0}.faq-accordion .faq-item.active .faq-question{background:#f8f9fa;border-bottom:1px solid #e0e0e0}.faq-accordion .faq-item.active .faq-icon{transform:rotate(180deg)}.faq-accordion .faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease}.faq-accordion .faq-item.active .faq-answer{max-height:10000px}.faq-accordion .faq-answer ol,.faq-accordion .faq-answer p,.faq-accordion .faq-answer table,.faq-accordion .faq-answer ul{padding:0 1.5rem}.faq-accordion .faq-answer p:first-child{padding-top:1.25rem}.faq-accordion .faq-answer ol:last-child,.faq-accordion .faq-answer p:last-child,.faq-accordion .faq-answer ul:last-child{padding-bottom:1.25rem}.faq-accordion .faq-answer ol,.faq-accordion .faq-answer ul{padding-left:3rem;margin:1rem 1.5rem}.faq-accordion .faq-answer li{margin:.5rem 0;line-height:1.6}.faq-accordion .faq-answer strong{color:var(--text-dark)}.faq-accordion .faq-answer a{color:var(--primary-color);text-decoration:none;font-weight:500}.faq-accordion .faq-answer a:hover{text-decoration:underline}.faq-accordion .faq-answer table{width:calc(100% - 3rem);margin:1rem 1.5rem;border-collapse:collapse}.faq-accordion .faq-answer table td,.faq-accordion .faq-answer table th{padding:.75rem;border:1px solid #e0e0e0;text-align:left}.faq-accordion .faq-answer table th{background:#f8f9fa;font-weight:600;color:var(--text-dark)}.faq-accordion .faq-answer table tr:nth-child(even){background:#f8f9fa}.cta-section{background:var(--primary-color);color:#fff;padding:3rem;border-radius:1rem;text-align:center;margin-top:4rem}.cta-section h3{color:#fff;margin:0 0 1rem 0!important}.cta-section p{color:rgba(255,255,255,.95);margin-bottom:2rem}.cta-section .btn-primary{background:#fff;color:var(--primary-color)}.cta-section .btn-primary:hover{background:var(--background-gray)}.specialty-plates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.specialty-plate{background:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:var(--shadow)}.specialty-plate i{font-size:2rem;color:var(--primary-color);margin-bottom:1rem}.specialty-plate h4{font-size:1.125rem;color:var(--secondary-color);margin:.5rem 0!important}.specialty-plate p{font-size:.875rem;color:var(--text-light);margin:0}.fees-table{width:100%;border-collapse:collapse;margin:2rem 0;background:#fff;box-shadow:var(--shadow);border-radius:.5rem;overflow:hidden}.fees-table thead{background:var(--primary-color);color:#fff}.fees-table td,.fees-table th{padding:1rem;text-align:left}.fees-table tbody tr{border-bottom:1px solid var(--border-color)}.fees-table tbody tr:last-child{border-bottom:none}.fees-table tbody tr:hover{background:var(--background-gray)}.note{font-size:.875rem;color:var(--text-light);font-style:italic;margin-top:-1rem}.smog-info{background:#fff;padding:2rem;border-radius:1rem;box-shadow:var(--shadow);margin:2rem 0}.smog-info h4{color:var(--secondary-color);margin:0 0 1rem 0!important}.smog-info ul{margin:0 0 1.5rem 1.5rem}.smog-info ul:last-child{margin-bottom:0}.dot-compliance{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.compliance-item{background:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:var(--shadow);text-align:center}.compliance-item i{font-size:2rem;color:var(--primary-color);margin-bottom:1rem}.compliance-item h4{font-size:1.125rem;color:var(--secondary-color);margin:.5rem 0!important}.compliance-item p{font-size:.875rem;color:var(--text-light);margin:0}.stats-section{padding:4rem 0;background:var(--background);border-bottom:1px solid var(--border-color)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.stat-card{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:#fff;border-radius:1rem;box-shadow:var(--shadow);transition:transform .3s}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.stat-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.stat-content h3{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:.25rem}.stat-content p{color:var(--text-light);font-size:.95rem}.why-choose-us{padding:6rem 0;background:var(--background-gray)}.section-header{text-align:center;max-width:800px;margin:0 auto 3rem}.section-header p{font-size:1.125rem;color:var(--text-light);margin-top:1rem}.detailed-info{padding:6rem 0;background:#fff}.info-content h2{font-size:2.5rem;color:var(--secondary-color);margin-bottom:1.5rem}.info-content h3{font-size:1.75rem;color:var(--secondary-color);margin-top:3rem;margin-bottom:1.5rem}.info-content p{color:var(--text-light);line-height:1.8;margin-bottom:1.5rem}.cost-list,.requirements-list{list-style:none;margin:2rem 0}.requirements-list li{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;color:var(--text-color)}.requirements-list i{color:var(--primary-color);font-size:1.25rem;margin-top:.25rem}.cost-list li{padding:1rem;margin-bottom:.75rem;background:var(--background-gray);border-left:4px solid var(--primary-color);border-radius:.5rem;color:var(--text-color)}.cost-list strong{color:var(--secondary-color)}.note{background:#fef3c7;border-left:4px solid #f59e0b;padding:1rem;border-radius:.5rem;margin-top:1rem;font-size:.95rem}.process-section{padding:6rem 0;background:var(--background-gray)}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.process-step{background:#fff;padding:2.5rem 2rem;border-radius:1rem;box-shadow:var(--shadow);text-align:center}.process-step .step-number{width:60px;height:60px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;margin:0 auto 1.5rem}.process-step h3{font-size:1.25rem;margin-bottom:1rem;color:var(--secondary-color)}.process-step p{color:var(--text-light);line-height:1.6}.additional-services{padding:6rem 0;background:#fff}.services-list{display:grid;gap:2rem;margin-top:3rem}.service-item{background:var(--background-gray);padding:2rem;border-radius:1rem;border-left:4px solid var(--primary-color)}.service-item h3{font-size:1.5rem;color:var(--secondary-color);margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.service-item h3 i{color:var(--primary-color);font-size:1.25rem}.service-item p{color:var(--text-light);line-height:1.7}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.page-hero{background:linear-gradient(135deg,var(--primary-color) 0%,#b91c1c 100%);color:#fff;padding:4rem 0 3rem;text-align:center}.page-hero h1{font-size:2.5rem;margin-bottom:.5rem}.page-hero p{font-size:1.1rem;opacity:.9}.legal-content{padding:4rem 0;background:#f8f9fa}.legal-wrapper{max-width:900px;margin:0 auto;background:#fff;padding:3rem;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.legal-wrapper h2{color:var(--primary-color);font-size:1.8rem;margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-color)}.legal-wrapper h2:first-child{margin-top:0}.legal-wrapper h3{color:var(--text-color);font-size:1.3rem;margin-top:1.5rem;margin-bottom:.75rem}.legal-wrapper p{line-height:1.8;margin-bottom:1rem;color:var(--text-color)}.legal-wrapper ul{margin:1rem 0 1.5rem 1.5rem;line-height:1.8}.legal-wrapper ul li{margin-bottom:.75rem;color:var(--text-color)}.legal-wrapper a{color:var(--primary-color);text-decoration:underline}.legal-wrapper a:hover{color:#b91c1c}.legal-wrapper .contact-box{background:#f8f9fa;padding:2rem;border-radius:8px;border-left:4px solid var(--primary-color);margin:2rem 0}.legal-wrapper .contact-box h3{margin-top:0;color:var(--primary-color)}.legal-wrapper .contact-box p{margin-bottom:.5rem}.legal-wrapper .highlight-box{background:#fff3cd;border-left:4px solid #ffc107;padding:1.5rem;border-radius:4px;margin:2rem 0}.legal-wrapper .highlight-box h3{margin-top:0;color:#856404;display:flex;align-items:center;gap:.5rem}.nationwide-section{background:var(--background-gray);padding:4rem 0}.nationwide-section h2{text-align:center;color:var(--secondary-color);margin-bottom:1rem}.nationwide-section .section-intro{text-align:center;color:var(--text-light);max-width:900px;margin:0 auto 3rem auto;font-size:1.1rem;line-height:1.6}.nationwide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:3rem}.nationwide-card{background:#fff;padding:2rem;border-radius:.5rem;text-align:center;transition:all .3s ease;border:2px solid transparent}.nationwide-card:hover{border-color:var(--primary-color);transform:translateY(-5px);box-shadow:0 10px 25px rgba(220,38,38,.15)}.nationwide-icon{width:80px;height:80px;background:var(--background-gray);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem auto;transition:all .3s ease}.nationwide-card:hover .nationwide-icon{background:var(--primary-color)}.nationwide-icon i{font-size:2rem;color:var(--primary-color);transition:color .3s ease}.nationwide-card:hover .nationwide-icon i{color:#fff}.nationwide-card h3{color:var(--secondary-color);margin-bottom:1rem;font-size:1.25rem}.nationwide-card p{color:var(--text-light);line-height:1.6}.nationwide-cta{background:#fff;padding:2.5rem;border-radius:.5rem;text-align:center}.nationwide-cta h3{color:var(--secondary-color);margin-bottom:2rem;font-size:1.5rem}.dealership-types{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:800px;margin:0 auto}.type-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--background-gray);border-radius:.5rem;font-weight:500;color:var(--text-color)}.type-item i{color:var(--primary-color);font-size:1.25rem}.areas-section{background:var(--background-gray);padding:4rem 0}.areas-section h2{text-align:center;color:var(--secondary-color);margin-bottom:1rem}.areas-section .section-intro{text-align:center;color:var(--text-light);max-width:800px;margin:0 auto 3rem auto;font-size:1.1rem;line-height:1.6}.areas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.area-column ul{list-style:none;padding:0;margin:0}.area-column li{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin-bottom:.5rem;background:#fff;border-radius:.5rem;transition:all .2s ease}.area-column li:hover{background:var(--primary-color);color:#fff;transform:translateX(5px)}.area-column li:hover i{color:#fff}.area-column i{color:var(--primary-color);font-size:1rem;transition:color .2s ease}.mobile-sticky-actions{display:none;position:fixed;bottom:20px;left:20px;z-index:1000;gap:.75rem;flex-direction:column}@media (max-width:768px){.mobile-sticky-actions{display:flex}}.mobile-action-btn{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%;text-decoration:none;transition:all .3s;box-shadow:0 4px 12px rgba(0,0,0,.2)}.mobile-action-btn span{display:none}.mobile-action-btn i{font-size:1.5rem}.mobile-call-btn{background:var(--primary-color);color:#fff}.mobile-call-btn:hover{background:var(--primary-dark);transform:scale(1.1);box-shadow:0 6px 16px rgba(220,38,38,.4)}.mobile-schedule-btn{background:var(--secondary-color);color:#fff}.mobile-schedule-btn:hover{background:#111827;transform:scale(1.1);box-shadow:0 6px 16px rgba(31,41,55,.4)}@media (max-width:992px){.nav-menu{display:none}.mobile-menu-toggle{display:block}.hero-title{font-size:2.5rem}.about-grid,.appointment-grid{grid-template-columns:1fr;gap:2rem}.service-layout{grid-template-columns:1fr}.service-sidebar{position:static}.footer-grid{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr}.process-steps{grid-template-columns:1fr}.nationwide-grid{grid-template-columns:1fr}.dealership-types{grid-template-columns:1fr}.areas-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width:768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:column}.hero{padding:4rem 0 3rem}.areas-grid{grid-template-columns:1fr;gap:1rem}.section-title{font-size:2rem}.service-hero h1{font-size:2rem}.footer-grid{grid-template-columns:1fr}.features-grid,.steps-grid{grid-template-columns:1fr}.stat-card{flex-direction:column;text-align:center}}@media (max-width:480px){.hero{padding:4rem 0 3rem}.hero-title{font-size:1.75rem}.section-title{font-size:1.75rem}.btn{padding:.75rem 1.5rem}.stat-content h3{font-size:1.5rem}.logo{font-size:1.25rem}.logo-image{height:40px}.navbar{padding:.75rem 0}}html,body{overflow-x:hidden;width:100%;max-width:100vw;position:relative}.container,.header-container{max-width:100%;width:100%;padding-left:20px;padding-right:20px;margin-left:auto;margin-right:auto;box-sizing:border-box}@media (max-width:992px){.service-layout{display:block;width:100%}.service-sidebar{position:static;top:auto;width:100%;margin-bottom:1.5rem;height:auto}.service-main{width:100%}.service-content{width:100%;max-width:100vw;overflow-x:hidden}}@media (max-width:768px){body{text-align:center}section{width:100%;overflow-x:hidden}.service-main,.service-sidebar,p,li,td,th{text-align:left}h1,h2,h3,h4{text-align:center}table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;max-width:100%}img{max-width:100%;height:auto}.service-menu,.sidebar-cta{width:100%}}@media (max-width:992px){.nav-menu{position:fixed;left:-100%;top:0;flex-direction:column;background-color:#fff;width:100%;height:100vh;text-align:center;transition:left .3s ease-in-out;box-shadow:0 10px 27px rgba(0,0,0,.05);padding:5rem 0 2rem;overflow-y:auto;z-index:998}.nav-menu.active{left:0}.nav-menu li{margin:.5rem 0}.nav-menu a{padding:1rem;display:block}.dropdown-menu{position:static;opacity:1;visibility:visible;display:none;box-shadow:none;background:#f9fafb;margin-top:.5rem;padding:0}.dropdown.active .dropdown-menu{display:block}.dropdown>a{display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-call,.btn-appointment{margin:.5rem auto;width:80%;max-width:300px;display:flex;justify-content:center}.mobile-menu-toggle{display:block;z-index:999;position:relative}}@media (min-width:993px){.nav-menu{display:flex!important}}@font-face{font-family:'Font Awesome 6 Free';font-display:swap;src:local('Font Awesome 6 Free')}@font-face{font-family:'Font Awesome 6 Brands';font-display:swap;src:local('Font Awesome 6 Brands')}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:local('Inter'),local('Arial'),local('Helvetica')}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:local('Inter SemiBold'),local('Arial Bold')}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:local('Inter Bold'),local('Arial Bold')}body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}.hero-title,.section-title,h1,h2,h3,h4,h5,h6{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fas,.far,.fab,.fa{font-display:swap}img{max-width:100%;height:auto;aspect-ratio:attr(width)/attr(height)}.logo-image{max-height:50px;height:auto;width:auto;display:block}.footer-logo-image{max-height:40px;height:auto;width:auto;display:block}img[loading=\"lazy\"]{min-height:100px}.mobile-menu-toggle,.nav-menu,.dropdown-menu,.btn,.service-card,.feature-card{will-change:transform;transform:translateZ(0);backface-visibility:hidden}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.hero,.features,.services,.about{contain:layout style paint}body{font-display:swap;size-adjust:100%}@media (prefers-reduced-motion:no-preference){*{transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}iframe{contain:strict}.map-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden}.map-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.mobile-sticky-actions{contain:layout style;will-change:transform}.dropdown-menu{contain:layout style}.hero{position:relative;overflow:hidden;contain:layout style paint}.hero-content,.navbar,.footer{contain:layout style}.services-grid,.features-grid,.stats-grid{contain:layout}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;word-wrap:break-word;hyphens:auto}.btn:hover,.service-card:hover,.feature-card:hover{transform:translateY(-5px) translateZ(0)}.nav-menu.active{transform:translateX(0) translateZ(0)}.footer{contain:layout style paint}.section-title,.hero-title{contain:paint}input,textarea,select{contain:layout style}section{contain:layout style}.stat-card{contain:layout paint;will-change:transform}

/* ========================================
   CSS-ONLY MOBILE MENU (NO JAVASCRIPT)
   ======================================== */

/* Hide the checkbox itself */
.nav-toggle {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* Mobile hamburger button */
.nav-toggle-label {
    display: none; /* hidden on desktop */
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 0.5rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: #ffffff;
}

.nav-toggle-label span {
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 999px;
    background-color: #111827;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.nav-toggle-label span:not(:last-child) {
    margin-bottom: 4px;
}

/* Desktop tweaks (keep your existing flex layout but ensure logo is clickable) */
.navbar .logo {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    z-index: 100;
}

/* Ensure logo children don't block clicks */
.navbar .logo * {
    pointer-events: none;
}

.navbar .logo {
    pointer-events: auto;
}

/* Mobile layout */
@media (max-width: 992px) {
    .navbar {
        position: relative;
        gap: 0.75rem;
    }

    /* Hide the existing flex row menu on mobile by default */
    .nav-menu {
        position: absolute;
        top: 100%;
        left: 1rem;
        right: 1rem;
        margin-top: 0.75rem;
        padding: 1rem 1.25rem 1.5rem;
        background: #ffffff;
        border-radius: 0.75rem;
        box-shadow: 0 10px 40px rgba(15, 23, 42, 0.18);
        display: none; /* closed by default */
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
        z-index: 999;
        list-style: none;
    }

    .nav-menu li {
        width: 100%;
    }

    .nav-menu a.nav-link {
        display: block;
        width: 100%;
        padding: 0.75rem 0;
        text-decoration: none;
        color: var(--text-color, #374151);
        font-weight: 500;
        transition: color 0.3s;
    }

    .nav-menu a.nav-link:hover,
    .nav-menu a.nav-link.active {
        color: var(--primary-color, #dc2626);
    }

    /* Show hamburger on mobile */
    .nav-toggle-label {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        margin-left: auto;
    }

    /* When menu is open (checkbox checked) */
    .nav-toggle:checked ~ .nav-menu {
        display: flex;
    }

    /* Animate burger into an "X" when open */
    .nav-toggle:checked + .nav-toggle-label span:nth-child(1) {
        transform: translateY(6px) rotate(45deg);
    }
    
    .nav-toggle:checked + .nav-toggle-label span:nth-child(2) {
        opacity: 0;
    }
    
    .nav-toggle:checked + .nav-toggle-label span:nth-child(3) {
        transform: translateY(-6px) rotate(-45deg);
    }

    /* Button styling on mobile */
    .nav-menu .btn-call,
    .nav-menu .btn-appointment {
        display: inline-block;
        padding: 0.75rem 1.5rem;
        border-radius: 0.375rem;
        text-align: center;
        font-weight: 600;
        margin-top: 0.5rem;
        text-decoration: none;
        cursor: pointer;
    }

    .nav-menu .btn-call {
        background: #fff;
        color: var(--primary-color, #dc2626) !important;
        border: 2px solid var(--primary-color, #dc2626);
    }

    .nav-menu .btn-appointment {
        background: var(--primary-color, #dc2626);
        color: #fff !important;
    }
}

/* Desktop - keep normal display */
@media (min-width: 993px) {
    .nav-toggle-label {
        display: none !important;
    }

    .nav-menu {
        display: flex !important;
    }
}

/* ========================================
   DROPDOWN FOR DMV SERVICES
   ======================================== */

/* Base list resetting for submenu */
.nav-item-has-children {
    position: relative;
}

.nav-submenu {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Desktop dropdown */
@media (min-width: 993px) {
    .nav-menu {
        display: flex;
        align-items: center;
        gap: 1.5rem;
    }

    .nav-item-has-children > .nav-link-parent {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        position: relative;
        cursor: pointer;
        pointer-events: auto;
    }

    /* Optional little caret */
    .nav-item-has-children > .nav-link-parent::after {
        content: "▾";
        font-size: 0.75rem;
    }

    /* Create invisible bridge between parent and dropdown */
    .nav-item-has-children::before {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        height: 0.5rem; /* Matches margin-top of dropdown */
        background: transparent;
        z-index: 998;
    }

    .nav-submenu {
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 240px;
        margin-top: 0.5rem;
        padding: 0.75rem 1rem 1rem;
        background: #ffffff;
        border-radius: 0.75rem;
        box-shadow: 0 12px 40px rgba(15, 23, 42, 0.18);
        display: none; /* hidden by default */
        flex-direction: column;
        z-index: 999;
    }

    .nav-submenu .nav-link {
        display: block;
        width: 100%;
        padding: 0.5rem 0.5rem;
        font-size: 0.95rem;
        white-space: nowrap;
        transition: color 0.2s ease, background 0.2s ease;
    }

    .nav-submenu .nav-link:hover {
        color: var(--primary-color, #dc2626);
        background: rgba(220, 38, 38, 0.05);
        border-radius: 0.375rem;
    }

    /* Show dropdown on hover of parent OR dropdown itself */
    .nav-item-has-children:hover > .nav-submenu,
    .nav-submenu:hover {
        display: flex; /* show dropdown on hover */
    }

    /* Desktop button styling */
    .btn-call,
    .btn-appointment {
        display: inline-flex !important;
        align-items: center;
        gap: 0.375rem;
        padding: 0.5rem 1rem;
        border-radius: 0.375rem;
        text-decoration: none;
        font-weight: 600;
        font-size: 0.875rem;
        transition: all 0.3s ease;
        cursor: pointer;
    }

    .btn-call {
        background: #fff;
        color: var(--primary-color, #dc2626) !important;
        border: 2px solid var(--primary-color, #dc2626);
    }

    .btn-call:hover {
        background: var(--primary-color, #dc2626);
        color: #fff !important;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);
    }

    .btn-appointment {
        background: var(--primary-color, #dc2626);
        color: #fff !important;
    }

    .btn-appointment:hover {
        background: #b91c1c;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(220, 38, 38, 0.4);
    }
}

/* Mobile: show submenu expanded under DMV Services */
@media (max-width: 992px) {
    .nav-item-has-children {
        width: 100%;
    }

    .nav-item-has-children > .nav-link-parent {
        display: block;
        width: 100%;
        padding: 0.75rem 0;
        font-weight: 600;
        cursor: pointer;
        pointer-events: auto;
    }

    .nav-submenu {
        margin-top: 0.25rem;
        padding-left: 0.75rem;
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
    }

    .nav-submenu .nav-link {
        font-size: 0.9rem;
        opacity: 0.9;
    }
}